import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
import { IScenario } from '../../../projects/UILibrary/src/app/uilibrary.module';

@Component({
  selector: 'app-new-message-story',
  templateUrl: './new-message-story.component.html',
  styleUrls: ['./new-message-story.component.css']
})
export class NewMessageStoryComponent implements OnInit {
  @Input() scenario: IScenario;
  @Output() minimizedChanged = new EventEmitter();
  @Output() isAgentTyping = new EventEmitter<boolean>();
  @Output() newMessage = new EventEmitter<string>();

  constructor() { }

  ngOnInit() {
    window.setInterval(() => {
      this.scenario.interactions[0].chat.messages.push({
        username: `bob@example.com`,
        userIcon: new URL(`https://randomuser.me/api/portraits/men/32.jpg`),
        text: 'Hello?',
        timestamp: '8:01pm'
      });
    }, 2000);
  }

}