// CodeB chat -- Angular wrapper
// Docs: https://www.aloaha.com/chat-embed-cookbook.html
// European Digital Identity Wallet compatible via CodeB OIDC.

import { Component, Input } from "@angular/core";
import { DomSanitizer, SafeResourceUrl } from "@angular/platform-browser";

@Component({
  selector: "codeb-chat",
  template: `
    <iframe
      [src]="safeSrc"
      title="CodeB chat"
      allow="clipboard-write; microphone; camera"
      [width]="width" [height]="height"
      style="border:0;max-width:100%">
    </iframe>
  `
})
export class CodeBChatComponent {
  @Input() tenantOrigin = "https://phone.your-tenant.example";
  @Input() width  = 1180;
  @Input() height = 720;

  safeSrc: SafeResourceUrl;

  constructor(private sanitizer: DomSanitizer) {
    this.safeSrc = this.sanitizer.bypassSecurityTrustResourceUrl(
      `${this.tenantOrigin}/chat.html`
    );
  }
}