// tslint:disable
/*
 * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
 * the License. A copy of the License is located at
 *
 *     http://aws.amazon.com/apache2.0/
 *
 * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
 * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
 * and limitations under the License.
 */
// tslint:enable

import { Component, Input, OnInit, ViewChild, ComponentFactoryResolver, OnDestroy, Output, EventEmitter } from '@angular/core';

import { DynamicComponentDirective } from '../../../directives/dynamic.component.directive';
import { ComponentMount }      from '../../component.mount';
import { ChatBotClass } from './chatbot.class';
import { ChatbotComponentIonic } from './chatbot.component.ionic'
import { ChatbotComponentCore } from './chatbot.component.core';

@Component({
  selector: 'amplify-interactions',
  template: `
              <div class="amplify-component">
                <ng-template component-host></ng-template>
              </div>
            `
})
export class ChatBotComponent implements OnInit, OnDestroy {
  @Input() framework: string;
  @Input() bot: string;
  @Input() title: string;
  @Input() clearComplete: boolean;
  @Input() conversationModeOn: boolean;
  @Input() voiceConfig: any;
  @Input() voiceEnabled: boolean;
  @Input() textEnabled: boolean;
  @Output()
	complete: EventEmitter<string> = new EventEmitter<string>();
  @ViewChild(DynamicComponentDirective) componentHost: DynamicComponentDirective;

  constructor(private componentFactoryResolver: ComponentFactoryResolver) { }

  ngOnInit() {
    this.loadComponent();
  }

  ngOnDestroy() {}

  loadComponent() {

    const interactionParams = {
      bot: this.bot,
      title: this.title,
      clearComplete: this.clearComplete,
      conversationModeOn: this.conversationModeOn,
      voiceConfig: this.voiceConfig,
      voiceEnabled: this.voiceEnabled,
      textEnabled: this.textEnabled
    }

    let interactionComponent = this.framework && this.framework.toLowerCase() === 'ionic' ? new ComponentMount(ChatbotComponentIonic, interactionParams) : new ComponentMount(ChatbotComponentCore, interactionParams);

    let componentFactory = this.componentFactoryResolver.resolveComponentFactory(interactionComponent.component);

    let viewContainerRef = this.componentHost.viewContainerRef;
    viewContainerRef.clear();

    let componentRef = viewContainerRef.createComponent(componentFactory);
    (<ChatBotClass>componentRef.instance).data = interactionComponent.data;

    componentRef.instance.complete.subscribe((e) => {
      this.complete.emit(e);
    })
  }
}