@telia-ace/ace-chat-flamingo 1.1.123-rc.9 → 1.1.124-rc.0

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@telia-ace/ace-chat-flamingo",
-  "version": "1.1.123-rc.9",
+  "version": "1.1.124-rc.0",
   "dependencies": {
-    "@telia-ace/widget-core-flamingo": "1.1.123-rc.9",
-    "@telia-ace/widget-conversation-flamingo": "1.1.123-rc.9",
+    "@telia-ace/widget-core-flamingo": "1.1.123",
+    "@telia-ace/widget-conversation-flamingo": "1.1.123",
     "rxjs": "^7.8.2",
     "lit": "^3.0.2",
     "@teliads/icons": "^8.4.0",

package/provider.d.ts

@@ -1,39 +1,42 @@
-import { ConversationProvider } from '../../conversation/src/index.ts';
+import { ConversationEntry, ConversationProvider } from '../../conversation/src/index.ts';
+import { Auth, StorageService, TextsService } from '../../core/src/index.ts';
+import { AuthCardState } from './types';
 export declare class ChatProvider extends ConversationProvider {
-    private readonly properties;
-    private readonly pendingMessages;
-    private readonly texts;
-    private readonly headerComponent;
-    private readonly isThirdPartyParticipant;
+    private headerMenuService;
+    private videoService;
+    private dialogService;
+    private authService;
+    readonly storageService: StorageService;
+    readonly textsService: TextsService;
+    readonly auth: Auth;
+    readonly isThirdPartyWidget: boolean;
+    readonly headerComponent: any;
+    private readonly application;
+    private readonly survey;
+    private readonly live;
     private readonly agent;
     private readonly user;
     private readonly params;
     private readonly invitationUid;
     private readonly customerName;
-    private readonly idHubUrl;
-    private readonly shouldUseAuth;
-    private readonly idHubEidType;
-    private logoutTimer;
+    private readonly pendingMessages;
     private readonly disconnected$;
     private engine?;
-    private idHubClient?;
     private agentUsername;
-    private videoConfirmDialogEntry;
-    private quitConfirmDialogEntry;
-    private logoutConfirmDialogEntry;
-    private authenticationCardEntry;
-    private conversationOption;
-    private _conversationOptions;
     private sessionId;
     private contactId;
     private errand;
     private entrance;
-    private videoIFrameElement;
-    private guestId;
-    private chatOverlayActive;
-    private inVideoCall;
-    private authURL?;
+    private conversationOptions;
+    private _conversationOption;
+    get conversationOption(): any;
+    set conversationOption(val: any);
+    get inVideoCall(): boolean;
+    updateHeaderOption(): void;
+    showTunnistusAuthCard(state: AuthCardState, tunnistusURL?: string, errorMessage?: string, isAuthenticating?: boolean): ConversationEntry;
+    getChatStatus(): Promise<"finished" | "noSession" | "active" | undefined>;
     constructor(name: string, component: any);
+    private initializeServices;
     connect(conversationOptions?: Record<string, any>): void;
     disconnected(): void;
     onUserSubmit(action: {
@@ -42,20 +45,21 @@ export declare class ChatProvider extends ConversationProvider {
     save(data: any): void;
     rehydrate(data: Record<string, any>): Promise<void>;
     static getInstance(key: string, component: any): ChatProvider;
+    private createEngineConfig;
     private initializeChat;
     setupAuthenticationListeners(): void;
-    private setupIDHubAuth;
-    private startAuthenticationFlow;
-    private handleWelcomeForm;
+    handleWelcomeForm(idhubEIDToken?: string): Promise<void>;
     private startChat;
-    private restartNewChat;
+    restartNewChat(): void;
+    private handleChatEngineError;
+    private resetChatState;
     private setQueueStatus;
-    private endConversation;
+    endConversation(): Promise<void>;
     private sendConversationEmail;
     private clearPendingMessages;
-    private setSessionId;
+    setSessionId(id: string | null): void;
     private isEntranceOpen;
-    private resetAuthState;
+    private unescapeHtml;
     private readonly onQueueStatusReceived;
     private readonly onEstablished;
     private readonly onPrepareVideo;
@@ -64,25 +68,8 @@ export declare class ChatProvider extends ConversationProvider {
     private readonly onEndVideoButtonClicked;
     private readonly onPenStatusChange;
     private readonly onChatEnded;
-    private handleAuthentication;
     private printAgent;
     private printUser;
-    private printSystem;
-    private showSurvey;
-    private showTunnistusAuthCard;
-    private showWelcomeForm;
-    private showEntranceClosedDialog;
-    private showQuitConfirmDialog;
-    private showConversationEndedForm;
-    private showVideoConfirmDialog;
-    private showVideoIFrame;
-    private showChatOverVideo;
-    private logoutUser;
-    private showLogoutConfirmDialog;
-    private removeVideo;
-    private addHeaderOptions;
-    private removeHeaderOptions;
-    private setStartNewChatOption;
-    private setEndConversationOption;
-    private setHeaderOption;
+    printSystem(text: string): ConversationEntry;
+    showQuitConfirmDialog(): void;
 }

package/services/auth-service.d.ts

@@ -0,0 +1,19 @@
+import { ConversationEntry } from '../../../conversation/src/index.ts';
+import { AuthState } from '../../../core/src/index.ts';
+import { AuthResponse } from '../../../widget-id-hub/src/index.ts';
+import { ChatProvider } from '../provider';
+export declare class AuthService {
+    private provider;
+    private _idHubClient?;
+    private _authResult?;
+    private _authenticationCardEntry;
+    constructor(provider: ChatProvider);
+    get authResult(): AuthResponse | undefined;
+    get authenticationCardEntry(): ConversationEntry | undefined;
+    setupIDHubAuth(): void;
+    startAuthenticationFlow(isRetry?: boolean): Promise<void>;
+    handleAuthentication(): Promise<void>;
+    endAuthenticatedSession(): Promise<void>;
+    resetAuthState(authState: AuthState.NonAuthenticated | AuthState.ChatEnded): void;
+    private getAuthResult;
+}

package/services/dialog-service.d.ts

@@ -0,0 +1,25 @@
+import { ConversationEntry } from '../../../conversation/src/index.ts';
+import { AuthCardState } from '../types';
+import { ChatProvider } from '../provider';
+export declare class DialogService {
+    private provider;
+    private _videoConfirmDialogEntry;
+    private _quitConfirmDialogEntry;
+    constructor(provider: ChatProvider);
+    get videoConfirmDialogEntry(): ConversationEntry | undefined;
+    get quitConfirmDialogEntry(): ConversationEntry | undefined;
+    removeVideoConfirmDialog(): void;
+    showSurvey(agentUsername: string, entrance: string, errand: string, contactId: string): void;
+    showTunnistusAuthCard(state: AuthCardState, tunnistusURL?: string, errorMessage?: string, isAuthenticating?: boolean): ConversationEntry;
+    showWelcomeForm(idhubEIDToken: string | undefined, onSubmit: (data: {
+        customerName: string;
+        customerEmailAddress?: string;
+        visitorQuestion?: string;
+        customData: Record<string, any>;
+        idhubEIDToken?: string;
+    }) => void): void;
+    showEntranceClosedDialog(): void;
+    showQuitConfirmDialog(onQuit: () => void): void;
+    showConversationEndedForm(onEmailSubmit: (email: string) => void): void;
+    showVideoConfirmDialog(onResult: (result: string, text: string) => void): void;
+}

package/services/dialog.service.d.ts

@@ -0,0 +1,25 @@
+import { ConversationEntry } from '../../../conversation/src/index.ts';
+import { AuthCardState } from '../types';
+import { ChatProvider } from '../provider';
+export declare class DialogService {
+    private provider;
+    private _videoConfirmDialogEntry;
+    private _quitConfirmDialogEntry;
+    constructor(provider: ChatProvider);
+    get videoConfirmDialogEntry(): ConversationEntry | undefined;
+    get quitConfirmDialogEntry(): ConversationEntry | undefined;
+    removeVideoConfirmDialog(): void;
+    showSurvey(agentUsername: string, entrance: string, errand: string, contactId: string): void;
+    showTunnistusAuthCard(state: AuthCardState, tunnistusURL?: string, errorMessage?: string, isAuthenticating?: boolean): ConversationEntry;
+    showWelcomeForm(idhubEIDToken: string | undefined, onSubmit: (data: {
+        customerName: string;
+        customerEmailAddress?: string;
+        visitorQuestion?: string;
+        customData: Record<string, any>;
+        idhubEIDToken?: string;
+    }) => void): void;
+    showEntranceClosedDialog(): void;
+    showQuitConfirmDialog(onQuit: () => void): void;
+    showConversationEndedForm(onEmailSubmit: (email: string) => void): void;
+    showVideoConfirmDialog(onResult: (result: string, text: string) => void): void;
+}

package/services/header-menu-service.d.ts

@@ -0,0 +1,10 @@
+import { ChatProvider } from '../provider';
+export declare class HeaderMenuService {
+    private provider;
+    constructor(provider: ChatProvider);
+    private addOption;
+    removeOptions(): void;
+    setStartNewChatOption(): void;
+    setEndConversationOption(): void;
+    setHeaderOption(): Promise<void>;
+}

package/services/video-service.d.ts

@@ -0,0 +1,17 @@
+import { ChatProvider } from '../provider';
+export declare class VideoService {
+    private provider;
+    private _videoIFrameElement;
+    private _guestId;
+    private _chatOverlayActive;
+    private _inVideoCall;
+    constructor(provider: ChatProvider);
+    get videoIFrameElement(): HTMLElement | undefined;
+    get guestId(): string | null;
+    get chatOverlayActive(): boolean;
+    get inVideoCall(): boolean;
+    clearGuestId(): void;
+    showVideoIFrame(userUrl: string): void;
+    showChatOverVideo(guestId: string): void;
+    removeVideo(): void;
+}

package/types.d.ts

@@ -2,10 +2,14 @@ export type ChatReadItem = {
     objectId: number;
     objectType: string;
 };
+export type EntranceInfo = {
+    result: string;
+    open: boolean;
+};
 export type Info = {
     objectId: number;
     objectType: 'info';
-    infoType: 'queue' | 'startup' | 'established' | 'error' | 'afterChat' | 'finished' | 'noSession' | 'prepareVideo' | 'videoPrepared';
+    infoType: 'queue' | 'startup' | 'established' | 'error' | 'afterChat' | 'finished' | 'noSession' | 'prepareVideo' | 'pendingJoin' | 'placedInQueue' | 'videoPrepared';
     text: string;
     eqt?: number;
     pos?: number;
@@ -116,6 +120,14 @@ export declare const isVideoPreparedAction: (action: EngineAction) => action is
 export declare const isChatButtonClickedAction: (action: EngineAction) => action is ChatButtonClickedAction;
 export declare const isEndVideoButtonClickedAction: (action: EngineAction) => action is EndVideoButtonClickedAction;
 export declare const isChatEndedAction: (action: EngineAction) => action is ChatEndedAction;
+export type EngineErrorType = 'chat-request-error' | 'chat-join-error' | 'chat-engine-error' | 'chat-write-error' | 'chat-email-session-error' | 'chat-unknown-error' | 'chat-is-open-error';
+export type EngineConfig = {
+    engineUrl: string;
+    instance: string;
+    entrance: string;
+    queueMessageInterval: number;
+    videoChatMode: string;
+};
 export type AuthenticationInfo = {
     authenticated: boolean;
     name?: string;
@@ -124,13 +136,14 @@ export type AuthenticationInfo = {
 export declare enum AuthCardState {
     Initial = "initial",
     Error = "error",
-    Retry = "retry"
+    Retry = "retry",
+    InitError = "init-error"
 }
-export type UserInfo = {
+export type UserName = {
     name?: string;
     [key: string]: any;
 };
-export type AgentInfo = {
+export type AgentName = {
     name?: string;
     [key: string]: any;
 };

package/ui/auth-session-end-confirm-dialog.d.ts

@@ -0,0 +1,10 @@
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
+export declare class AuthSessionEndConfirmDialog extends LitElement {
+    static styles: CSSResultGroup;
+    private application;
+    firstUpdated(): void;
+    private onEnd;
+    private onCancel;
+    private dispatchResult;
+    render(): TemplateResult;
+}

package/ui/chat-unavailable-card.d.ts

@@ -0,0 +1,7 @@
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
+export declare class ChatUnavailableCard extends LitElement {
+    static readonly styles: CSSResultGroup;
+    private readonly application;
+    onClose(): void;
+    render(): TemplateResult;
+}

package/ui/contact-data-field.d.ts

@@ -1,11 +1,11 @@
-import { LitElement } from 'lit';
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
 export declare class ContactDataField extends LitElement {
-    static readonly styles: import('lit').CSSResult[];
+    static readonly styles: CSSResultGroup;
     private readonly entry;
     private readonly application;
     connectedCallback(): void;
     _valueChanged(value: any): void;
     autocompleteName(name: string): "off" | "email" | "given-name";
     private renderRequiredIndicator;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): TemplateResult;
 }

package/ui/conversation-ended-form.d.ts

@@ -1,6 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
 export declare class ConversationEndedForm extends LitElement {
-    static readonly styles: import('lit').CSSResult[];
+    static readonly styles: CSSResultGroup;
     email: string;
     isEmailValid: boolean;
     private readonly emailController;
@@ -8,5 +8,5 @@ export declare class ConversationEndedForm extends LitElement {
     private _emailInputHandler;
     connectedCallback(): void;
     private readonly application;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): TemplateResult;
 }

package/ui/entrance-closed-dialog.d.ts

@@ -1,7 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
 export declare class EntranceClosedDialog extends LitElement {
-    static readonly styles: import('lit').CSSResult[];
+    static readonly styles: CSSResultGroup;
     private readonly application;
-    _onClose(): void;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): TemplateResult;
 }

package/ui/quit-confirm-dialog.d.ts

@@ -1,10 +1,10 @@
-import { LitElement } from 'lit';
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
 export declare class QuitConfirmDialog extends LitElement {
-    static readonly styles: import('lit').CSSResult[];
+    static readonly styles: CSSResultGroup;
     private readonly application;
     firstUpdated(): void;
     private onQuit;
     private onCancel;
     private dispatchResult;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): TemplateResult;
 }

package/ui/survey.d.ts

@@ -1,6 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
 export declare class Survey extends LitElement {
-    static readonly styles: import('lit').CSSResult[];
+    static readonly styles: CSSResultGroup;
     private surveyUrl;
     private surveyLinkText;
     private surveyText;
@@ -11,5 +11,5 @@ export declare class Survey extends LitElement {
     });
     connectedCallback(): void;
     private readonly application;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): TemplateResult;
 }

package/ui/tunnistus-auth-card.d.ts

@@ -1,14 +1,16 @@
-import { LitElement } from 'lit';
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
 import { AuthCardState } from '../types';
 export declare class TunnistusAuthCard extends LitElement {
-    static readonly styles: import('lit').CSSResult[];
+    static readonly styles: CSSResultGroup;
     private readonly tunnistusURL;
     private readonly state;
+    private readonly isAuthenticating;
     private readonly application;
     constructor(params?: {
         tunnistusURL?: string;
         state?: AuthCardState;
+        isAuthenticating?: boolean;
     });
-    private _onStartAuth;
-    render(): import('lit-html').TemplateResult<1>;
+    private onStartAuth;
+    render(): TemplateResult;
 }

package/ui/video-confirm-dialog.d.ts

@@ -1,9 +1,9 @@
-import { LitElement } from 'lit';
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
 export declare class VideoConfirmDialog extends LitElement {
-    static readonly styles: import('lit').CSSResult[];
+    static readonly styles: CSSResultGroup;
     _onStartVideo(event: SubmitEvent): void;
     _onCancel(): void;
     dispatchResult(result: string, text: string): void;
     private readonly application;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): TemplateResult;
 }

package/ui/video-iframe.d.ts

@@ -1,6 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
 export declare class VideoIFrame extends LitElement {
-    static readonly styles: import('lit').CSSResult[];
+    static readonly styles: CSSResultGroup;
     private primaryColor;
     private secondaryColor;
     private tertiaryColor;
@@ -11,5 +11,5 @@ export declare class VideoIFrame extends LitElement {
     constructor(userBaseUrl: string, guestId: string);
     connectedCallback(): void;
     private getSpacingMd;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): TemplateResult;
 }

package/ui/welcome-form-third-party.d.ts

@@ -1,10 +1,10 @@
-import { LitElement, nothing } from 'lit';
+import { LitElement, nothing, CSSResultGroup, TemplateResult } from 'lit';
 export declare class StartChatForm extends LitElement {
-    static readonly styles: import('lit').CSSResult[];
+    static readonly styles: CSSResultGroup;
     submitted: boolean;
     name: string;
     _onStartChat(event: SubmitEvent): void;
     _nameInputHandler(e: any): void;
     private readonly application;
-    render(): typeof nothing | import('lit-html').TemplateResult<1>;
+    render(): TemplateResult | typeof nothing;
 }

package/ui/welcome-form.d.ts

@@ -1,7 +1,7 @@
-import { LitElement, nothing } from 'lit';
+import { LitElement, nothing, CSSResultGroup, TemplateResult } from 'lit';
 import { CustomDataEntry } from '../types';
 export declare class StartChatForm extends LitElement {
-    static readonly styles: import('lit').CSSResult[];
+    static readonly styles: CSSResultGroup;
     submitted: boolean;
     customData: CustomDataEntry[];
     customerName: string;
@@ -14,5 +14,5 @@ export declare class StartChatForm extends LitElement {
     _onStartChat(event: SubmitEvent): void;
     _customDataValueChanged(value: any, entry: CustomDataEntry): void;
     validateCustomDataEntry(entry: CustomDataEntry): void;
-    render(): typeof nothing | import('lit-html').TemplateResult<1>;
+    render(): TemplateResult | typeof nothing;
 }

package/ui/logout-confirm-dialog.d.ts

@@ -1,10 +0,0 @@
-import { LitElement } from 'lit';
-export declare class LogoutConfirmDialog extends LitElement {
-    static styles: import('lit').CSSResult[];
-    private application;
-    firstUpdated(): void;
-    private onQuit;
-    private onCancel;
-    private dispatchResult;
-    render(): import('lit-html').TemplateResult<1>;
-}