@telia-ace/widget-conversation 1.1.1 → 1.1.2-rc.1

package/agent.d.ts

@@ -15,7 +15,7 @@ export declare class Agent {
     constructor(provider: ConversationProvider, settings: AgentSettings);
     print: (settings: string | ConversationMessageSettings | ConverstationMessageItem<any> | ConverstationMessageItem<any>[], options?: {
         key?: string;
-    }) => ConversationEntry | undefined;
+    }, timestamp?: number | null) => ConversationEntry | undefined;
     typing: () => (() => void) | undefined;
     update(settings: AgentSettings): void;
 }

package/conversation-controller.d.ts

@@ -97,7 +97,7 @@ export declare class ConversationController {
     getComponentMountedState(): boolean;
     onUnreadMessage(fn: EventListener): import("@webprovisions/platform").EventSubscriptionCancellation;
     createEntry(key: string, content: ConversationMessageContent, type: ConversationMessageType, sender?: ConversationMessageSender, timestamp?: number | null): ConversationEntry;
-    print: (settings: string | ConversationMessageSettings) => ConversationEntry;
+    print: (settings: string | ConversationMessageSettings, timestamp?: number | null) => ConversationEntry;
     update(): void;
     getMessageStream(): {
         messages: ConversationMessage[];

package/index.d.ts

@@ -8,3 +8,5 @@ export type { ConversationMessageContent, ConversationMessageSender, Converstati
 export { registerCustomMessageComponent } from './utils/custom-message';
 export { ConversationPlatform, ConversationEndedBehavior };
 export type { UnregisterControllerDelegate };
+export { Agent } from './agent';
+export { ConversationProvider } from './conversation-provider';

package/index.js

@@ -1,3 +1,3 @@
-"use strict";var $=Object.defineProperty;var q=(i,e,t)=>e in i?$(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t;var d=(i,e,t)=>(q(i,typeof e!="symbol"?e+"":e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("@telia-ace/widget-core"),p=require("@telia-ace/widget-services"),x=require("@telia-ace/widget-utilities"),L=require("@telia-ace/widget-forms"),M=require("@telia-ace/widget-plugins"),N=require("@telia-ace/widget-ui"),z=require("react");class U{constructor(e){d(this,"cache",new Map);d(this,"subscriptions",[]);this.controller=e;const{events:t}=e.container.get("$widget"),s=t.subscribe("data-client:fetched",(r,n)=>{n.type==="contact-method"&&this.cache.set(n.response.id,n.response)});this.subscriptions.push(s)}getConversationLogs(){return this.controller.messages.reduce((t,s)=>{const r=P(s),{key:n,content:a,type:o,sender:c,timestamp:h}=r.content,u=this.parseEntry(a,o,c,h);return u&&t.push(u),t},[])}parseEntry(e,t,s,r){const n=h=>{let u=[],l=[],m;if(Array.isArray(h)){const[g,f]=h;m=f}else m=h;return this.createMessageContent(m).length&&(l=[...l,this.createMessageContent(m)]),u=[...u,...this.createMessageOptions(m)],{messagesAsList:l,options:u}};let a=[],o=[];if(Array.isArray(e.items)){const{items:h}=e;h.forEach(u=>{const l=n(u);a=[...a,...l.options],o=[...o,...l.messagesAsList]})}else{const h=n(e);a=[...a,...h.options],o=[...o,...h.messagesAsList]}return{options:a,message:o.length?o.join(`
-`):void 0,source:this.createMessageSource(t),alias:this.createAlias(t,s),timestamp:r}}createMessageSource(e){return e}createAlias(e,t){return e===y.System?"system":(t==null?void 0:t.name)||"Me"}handleContactMethod(e){if(!this.cache.has(e))return;const t=this.cache.get(e);let s="";return s=this.appendText(s,`${t.clientName}:`),s=this.appendText(s,t.title),t.description&&(s=this.appendText(s,t.title)),s}getDetails(e,t=!0){if(!e)return"";const{header:s,title:r,label:n,description:a,text:o,html:c,body:h,contactMethodId:u}=e;let l="";if(u){const m=this.handleContactMethod(u.toString());m&&(l=this.appendText(l,m,t))}return s&&(l=this.appendText(l,s,t)),r&&(l=this.appendText(l,r,t)),a&&(l=this.appendText(l,a,t)),o&&(l=this.appendText(l,o,t)),n&&(l=this.appendText(l,n,t)),c&&(l=this.appendText(l,c,t)),h&&typeof h=="string"&&(l=this.appendText(l,h,t)),l}createMessageContent(e){let t="";return t=this.getDetails(e),t}createMessageOptions(e){let t=[],s=[];return Array.isArray(e==null?void 0:e.actions)?s=e.actions:typeof(e==null?void 0:e.actions)=="object"&&(s=Object.entries(e.actions).map(([r,n])=>({actionKey:r,label:n}))),s.length&&(t=s.map(r=>this.getDetails(r,!1))),t}appendText(e,t,s=!0){return s&&e.length?`${e}
-${t}`:e.length?`${e} ${t}`:t}dispose(){this.subscriptions.forEach(e=>{e()})}}class A{constructor(e,t){d(this,"id");d(this,"name");d(this,"avatar");d(this,"print",(e,t)=>{const s={name:this.name,avatar:this.avatar,id:this.id},r=P(e,t);return this.provider.createEntry(r.key,r.content,y.Agent,s,r.timestamp)});d(this,"typing",()=>this.provider.setTypingState({name:this.name,avatar:this.avatar}));this.provider=e,this.id=t.id||x.uuid(),this.name=t.name,this.avatar=t.avatar}update(e){var r;const{name:t,avatar:s}=e;s===null?this.avatar=void 0:s&&(this.avatar=s),t===null?this.name=void 0:t&&(this.name=t),(r=this.provider.controller)==null||r.events.dispatch("conversation:agent-updated",{agent:this})}}class E{constructor(e,t,s){d(this,"subscriptions",[]);d(this,"options");d(this,"user");this.name=e,this.container=t,this.controller=s,this.user=s==null?void 0:s.user,this.options={silent:!1}}static create(e,t,s){return new E(e,t,s)}createAgent(e={}){var t;if(this.controller){const s=this.controller.getAgentById(e.id),r=s?new A(this,{...s,...e}):new A(this,e);return s||(t=this.controller)==null||t.events.dispatch("conversation:agent-created",{agent:r}),r}}print(e){var t;return(t=this.controller)==null?void 0:t.print(e)}setTypingState(e,t){var s;return(s=this.controller)==null?void 0:s.setTypingState(e,t)}loading(){return this.controller?this.controller.loader():()=>()=>{}}createEntry(e,t,s,r,n){var a;return(a=this.controller)==null?void 0:a.createEntry(e,t,s,r,n)}dispose(){var e;process.env.NODE_ENV!=="production"&&console.log(`conversation-provider: dispose (${this.name})`),(e=this.controller)==null||e.disposeProvider(this),this.controller=null,this.subscriptions.forEach(t=>t())}isRehydrated(){var e;return((e=this.controller)==null?void 0:e.isRehydrated())||Promise.resolve(!1)}getHistory(){var e;return((e=this.controller)==null?void 0:e.getHistory())||[]}complete(){var e;(e=this.controller)==null||e.onCompleteProvider()}setOptions(e={silent:!1}){this.options=e}onUnreadMessage(e){var t;if(this.controller){const s=(t=this.controller)==null?void 0:t.onUnreadMessage(e);return this.subscriptions.push(s),()=>{s()}}}onMounted(e){var t;if(this.controller){const s=(t=this.controller)==null?void 0:t.events.subscribe("conversation:component-mount-changed",e);return this.subscriptions.push(s),e({},this.controller.getComponentMountedState()),()=>{s()}}}}const O=i=>`conversation-${i}`;class K{constructor(){d(this,"_locking",Promise.resolve());d(this,"_locks",0)}isLocked(){return this._locks>0}lock(){this._locks+=1;let e;const t=new Promise(r=>e=()=>{this._locks-=1,r()}),s=this._locking.then(()=>e);return this._locking=this._locking.then(()=>t),s}}class Q{constructor(e,t,s){d(this,"sessionStorageKey");d(this,"locker",new K);d(this,"initialStoredAgents",[]);this.container=e,this.conversation=t,this.enabled=s,this.sessionStorageKey=O(t.id),t.onStarted(async()=>{if(t.messages.length>0)return;const{agents:r}=await this.read(),n=[];r&&r.forEach(o=>{const c=t.providerIndex(o.providerName),h=c>-1?t.registeredProviders[c]:t.createProvider(o.providerName),u=new A(h,{name:o.name,avatar:o.avatar,id:o.id});n.push(u)});const{messages:a}=await this.read();a.forEach(o=>{switch(o.type){case"agent":{const c=n.find(h=>{var u;return h.id===((u=o.sender)==null?void 0:u.id)});c&&c.print(o.content.items||o.content,{key:o.key});return}case"user":{t.user.print(o.content.items||o.content,{key:o.key});return}case"system":default:t.print(o.content.items||o.content)}})}),t.onMessageCreated(async(r,n)=>{this.write(n.message,"messages")}),t.events.subscribe("conversation:agent-created",async(r,n)=>{const a={id:n.agent.id,name:n.agent.name,avatar:n.agent.avatar,providerName:n.agent.provider.name};await this.write(a,"agents")}),t.events.subscribe("conversation:agent-updated",async(r,n)=>{const{agents:a}=await this.read();await this.write([...a.map(o=>o.id===n.agent.id?{...o,name:n.agent.name,avatar:n.agent.avatar}:o)],"agents","update")})}setInitialData(e){this.initialStoredAgents=e.agents}async isRehydrated(){const{messages:e}=await this.read();return e.length>0}getStoredAgent(e){if(this.enabled)return this.initialStoredAgents.find(t=>t.id===e)}async write(e,t,s="add"){if(!this.enabled)return;const r=await this.locker.lock();return p.createStorageWriter(this.container,this.sessionStorageKey,p.StorageCategory.Necessary).then(async n=>{if(s==="add"){const a=await this.read();if(t==="messages"&&a.messages.findIndex(c=>c.key===e.key)>-1){r();return}const o={...a};return t==="messages"?o.messages=[...o.messages,e]:t==="agents"&&(o.agents=[...o.agents,e]),n({...a,...o}).then(()=>{r()})}if(s==="update"&&t==="agents"){const a=await this.read();return n({...a,agents:e}).then(()=>{r()})}return n(e).then(()=>{r()})})}async read(){return p.readStorage(this.container,this.sessionStorageKey).then(e=>e||{messages:[],agents:[]})}}class j{constructor(e){d(this,"print",(e,t)=>{const s=P(e,t);return this.controller.createEntry(s.key,s.content,y.User,void 0,s.timestamp)});this.controller=e}}const k=async(i,e,t)=>{const s=await i.getAsync("conversation"),r=await i.getAsync("components"),n=s.controllers.find(a=>a.conversation.id===e);if(n){const a=[...n.conversation.providers];a.forEach(c=>{n.conversation.setProviderOptions(c,{silent:!0})}),n.conversation.queueProviders(a),n.conversation.setProviders([t]);const o=r.components().ofType("conversation");r.write({key:"setConversationProvider",attributes:{properties:{providers:[t]}},target:o,provider:"localStorage"})}};class H{constructor(e){this.writer=e}update(e){const t=this.getNormalizedSettings(e);this.writer(t)}remove(){this.writer(null)}getNormalizedSettings(e){return typeof e=="string"?{body:e}:e.length>-1&&typeof e=="object"?{items:e}:e}}var y=(i=>(i.User="user",i.Agent="agent",i.System="system",i))(y||{});const P=(i,e)=>{let t,s=(e==null?void 0:e.key)||x.uuid(),r=Date.now();if(Array.isArray(i)&&i.length>-1)typeof i[0]=="string"?t={items:[i]}:t={items:i};else if(typeof i=="string")t={body:i};else if(i=i||{},i.type)t={...i};else{if(t={body:i.body,actions:i.actions,title:i.title},i.key&&(s=i.key),i.timestamp&&(r=i.timestamp),typeof i.form=="function"){const n=L.FormBuilder.create(s);i.form(n);const a=n.get();t.form=a}i.timestamp===null&&(r=null)}return{content:t,key:s,timestamp:r}},W=(i,e)=>{if(!e)return;const t=JSON.stringify(e),s=i.findIndex(r=>t===JSON.stringify(r));if(s>-1)return i.splice(s,1)};class B{constructor(e,t,s){d(this,"formHandlers",{});d(this,"user",new j(this));d(this,"events");d(this,"providers",[]);d(this,"active",!1);d(this,"queuedProviders",[]);d(this,"registeredProviders",[]);d(this,"loaders",0);d(this,"componentMounted",!1);d(this,"store");d(this,"messages",[]);d(this,"typingActors",[]);d(this,"conversationHistory");d(this,"print",e=>{const t=P(e);return this.createEntry(t.key,t.content,"system",void 0,t.timestamp)});this.container=e,this.id=t;const r=e.get("$widget");this.events=r.events.createChild(this),this.store=new Q(e,this,s.rehydrate),this.conversationHistory=new U(this)}setInitialStorage(e){this.store.setInitialData(e)}setProviders(e){const t=[],s=[];this.providers.reduce((r,n)=>(e.indexOf(n)===-1&&r.push(n),r),[]).forEach(r=>{const n=this.providers.indexOf(r);n>-1&&(t.push(r),this.providers.splice(n,1))}),e.forEach(r=>{this.providers.indexOf(r)===-1&&(s.push(r),this.providers.push(r))}),(s.length||t.length)&&this.events.dispatch("conversation:providers-changed",{added:s,removed:t})}createProvider(e){const t=this.providerIndex(e);if(t>-1)return this.registeredProviders[t];const s=E.create(e,this.container,this);return this.registeredProviders.push(s),s}providerIndex(e){return this.registeredProviders.findIndex(t=>t.name===e)}getAgentById(e){if(e)return this.store.getStoredAgent(e)}dispose(){this.conversationHistory.dispose(),this.registeredProviders.forEach(e=>e.dispose()),this.messages=[],this.events.dispatch("conversation:controller-disposed",this),this.active=!1}onDispose(e){return this.events.subscribe("conversation:controller-disposed",e)}onStarted(e){return this.events.subscribe("conversation:started",e)}onMessageCreated(e){return this.events.subscribe("conversation:message-created",e)}isRehydrated(){return this.store.isRehydrated()}disposeProvider(e){const t=this.providerIndex(e.name);t>-1&&this.registeredProviders.splice(t,1),this.events.dispatch("conversation:providers-changed",{removed:[e.name]}),this.registeredProviders.length||this.dispose()}onProvidersChange(e){return this.events.subscribe("conversation:providers-changed",e)}setComponentMountedState(e){this.componentMounted!==e&&(this.componentMounted=e,e&&(this.events.dispatch("conversation:unread-message",!1),this.events.dispatch("conversation:started",!0),this.active=!0),this.events.dispatch("conversation:component-mount-changed",e))}setProviderOptions(e,t){const s=this.providerIndex(e);s>-1&&this.registeredProviders[s].setOptions(t)}changeProvider(e){this.registeredProviders.find(s=>s.name===e)&&k(this.container,this.id,e)}queueProviders(e){this.queuedProviders=e}onCompleteProvider(){const e=this.queuedProviders.pop();e&&k(this.container,this.id,e)}getComponentMountedState(){return this.componentMounted}onUnreadMessage(e){return this.events.subscribe("conversation:unread-message",e)}createEntry(e,t,s,r,n){const a={key:e,content:t,type:s,sender:r||null,timestamp:n||n===null?n:Date.now()};this.messages.push(a),a.type==="agent"&&W(this.typingActors,r);const o=new H(c=>{if(c!==null){const{timestamp:h=void 0,...u}=c;a.content=u,h&&(a.timestamp=h)}else{const h=this.messages.indexOf(a);a.content=null,h>-1&&this.messages.splice(h,1)}this.events.dispatch("conversation:message-updated",{message:a}),this.update()});return this.events.dispatch("conversation:message-created",{message:a}),this.update(),this.componentMounted||this.events.dispatch("conversation:unread-message",!0),o}update(){this.events.dispatch("conversation:updated",{messages:this.messages,loading:this.loaders>0,typingActors:this.typingActors})}getMessageStream(){return{messages:this.messages,loading:this.loaders>0,typingActors:this.typingActors}}setTypingState(e,t){return this.typingActors.indexOf(e)===-1&&(this.typingActors.push(e),this.update()),()=>{W(this.typingActors,e),this.update()}}loader(){this.loaders=this.loaders+1;let e=!1;return this.loaders===1&&this.update(),()=>{e||(e=!0,this.loaders=this.loaders-1,this.loaders===0&&this.update())}}submitForm(e,t){this.formHandlers[e]={...this.formHandlers[e],submit:t}}validateForm(e,t){this.formHandlers[e]={...this.formHandlers[e],validate:t}}getHistory(){return this.conversationHistory.getConversationLogs()}}const F=(i,e)=>{const t=i.split("_contact");return e.widgets.get(t[0])},I=i=>{const e=i.get("$widget"),{name:t,implementation:s}=i.get("$widget"),r=t.indexOf("_contact")>-1?F(t,s):e,{data:n}=i.get("$settings"),{trigger:a}=r.container.get("$settings"),o=`${t.replace("_contact-method","").replace("_contact","")}_contact-method`,c=s.widgets.get(o);return c&&!a?{chatWidget:c,mainWidget:r,data:n}:{mainWidget:r,data:n}},G=i=>{const{chatWidget:e}=I(i);return!!e},R=(i,e,t)=>{const{mainWidget:s,data:r,chatWidget:n}=I(i);return n?n.state==="activated"?n.invoke("open").then(()=>{n.container.getAsync("conversation").then(a=>{a.navigateToConversationIfActive(e.id).then(()=>M.closeAllModals(i))})}):n.activate().then(()=>{const{trigger:a}=n.container.get("$settings");return a.action="hide",n.invoke("setSettings",()=>({data:r,trigger:a,activate:!0})).then(()=>n.container.getAsync("components").then(o=>{const c=o.components().ofType("contact-method");o.write({key:"setContactMethodId",attributes:{properties:{id:e.id,guideId:e.guideId}},target:c,provider:"localStorage"});const h=o.components().ofType("conversation");o.write({key:"setConversationProvider",attributes:{properties:{providers:[e.clientName]}},target:h,provider:"localStorage"})}))}).then(()=>n.invoke("attach",{key:"contact-method",triggerDOMElement:t,withRenderState:"open"})).then(()=>(p.createStorageWriter(n.container,"activeStickyWidget",p.StorageCategory.Necessary,{medium:p.StorageMedium.Local,scope:p.StorageScope.Implementation}).then(a=>a(n.name)),n.container.getAsync("conversation").then(a=>{a.setConversationEndedBehavior(S.Deactivate)}).then(()=>M.closeAllModals(i)).then(()=>!1))):(s.container.getAsync("conversation").then(a=>a.navigateToConversationIfActive(e.id).then(()=>a.setConversationEndedBehavior(S.Navigate))),!n)},J=(i,e,t="conversation")=>{const{mainWidget:s,chatWidget:r}=I(i);return r?r.container.getAsync("router").then(n=>{n.navigate(t,{id:e.id})}):s.container.getAsync("conversation").then(n=>{var a;(a=n.setConversationEndedBehavior(S.Navigate))==null||a.then(()=>{s.container.getAsync("router").then(o=>{s.container.getAsync("components").then(c=>{const h=c.components().ofType("conversation");c.write({key:"setConversationProvider",attributes:{properties:{providers:[e.clientName]}},target:h,provider:"localStorage"})}).then(()=>{o.navigate(t,{id:e.id})})})})})},b="conversations";var S=(i=>(i.Deactivate="deactivate",i.Navigate="navigate",i.None="none",i))(S||{});class w{constructor(e,t){d(this,"events");d(this,"controllers",[]);d(this,"providers",[]);d(this,"disposeProviders",{});d(this,"subscriptions",[]);d(this,"storageWriter",null);d(this,"router",null);d(this,"buttonQuery",null);d(this,"sessionInfo",null);this.container=e,this.components=t;const s=e.get("$widget");this.events=s.events.createChild(this)}initialize(){p.createStorageWriter(this.container,b,p.StorageCategory.Necessary,{medium:p.StorageMedium.Local}).then(e=>this.storageWriter=e),p.readStorage(this.container,b,p.StorageMedium.Local).then(e=>{this.buttonQuery=this.components.components().ofType("conversation-return-button"),e&&(this.sessionInfo=e,e.id&&e.route&&this.writeToComponents({active:!0,alert:{show:!1}}))}),this.container.getAsync("router").then(e=>this.router=e),this.events.subscribe("conversation:ended",(e,t)=>{var s,r,n;switch((s=this.sessionInfo)==null?void 0:s.conversationEndedBehavior){case"deactivate":this.container.get("$widget").deactivate();break;case"navigate":const o=(r=this.router)==null?void 0:r.getInitialRoute();o&&((n=this.router)==null||n.navigate(o.name));break}this.writeToComponents({active:!1}),this.sessionInfo=null,this.storageWriter&&this.storageWriter()})}addSubscription(e){this.subscriptions.push(e)}static getInstance(e,t="conversation"){return x.lock(e)(()=>e.getAsync(t).then(s=>{let r=s;return r||D.ComponentPlatform.getInstance(e).then(n=>(r=new w(e,n),r.initialize(),e.registerAsync(t,()=>r),r))}))}navigateToConversationIfActive(e){return p.readStorage(this.container,b,p.StorageMedium.Local).then(t=>{var s;if(t&&t.id===e&&t.route){const{name:r,params:n}=t.route;(s=this.router)==null||s.navigate(r,n)}})}setConversationEndedBehavior(e){return p.readStorage(this.container,b,p.StorageMedium.Local).then(t=>{let s=t;return s?s.conversationEndedBehavior=e:s={conversationEndedBehavior:e},this.sessionInfo=s,this.storageWriter&&this.storageWriter(this.sessionInfo)||Promise.resolve()})}async createController(e,t){const s=O(e),{agents:r}=await p.readStorage(this.container,s)||{agents:[]},n=this.controllers.findIndex(o=>o.conversation.id===e);let a;return n>-1?a=this.controllers[n].conversation:a=new B(this.container,e,t),a.setInitialStorage({agents:r||[]}),a}registerProvider(e,t){const s={name:e,handler:t};this.providers.push(s),this.controllers.filter(r=>r.conversation.providers.indexOf(e)>-1).forEach(r=>{this.invokeHandler(s,r)})}registerController(e,t){const s=this.controllers.findIndex(n=>n.conversation.id===e.id);let r;if(s<0){r={conversation:e,component:t},this.controllers.push(r);const n=a=>{a&&this.providers.filter(o=>a.indexOf(o.name)>-1).forEach(o=>{this.invokeHandler(o,r)})};return this.subscriptions.push(e.onDispose((a,o)=>{const c=this.controllers.findIndex(h=>h.conversation===o);c>-1&&this.controllers.splice(c,1),this.components.components().ofType("conversation-return-button").select().writeProperties({active:!1}),this.events.dispatch("conversation:ended",{},{bubbles:!0})})),this.subscriptions.push(e.onProvidersChange((a,o)=>{const{added:c,removed:h=[]}=o;h.forEach(u=>{(this.disposeProviders[u]||[]).forEach(l=>{l()})}),n(c)})),this.subscriptions.push(e.onStarted((a,o)=>{var h,u;const c={id:e.id,route:(h=this.router)==null?void 0:h.getRouteData(),conversationEndedBehavior:(u=this.sessionInfo)==null?void 0:u.conversationEndedBehavior};this.sessionInfo=c,this.storageWriter&&this.storageWriter(c),this.writeToComponents({active:o})})),this.subscriptions.push(e.onUnreadMessage((a,o)=>{this.events.dispatch("conversation:unread-message",o),this.writeToComponents({alert:{show:o}})})),n(e.providers),!0}return r=this.controllers[s],!1}writeToComponents(e,t="conversationReturnButtonState"){this.buttonQuery&&this.components.write({key:"conversationReturnButtonState",attributes:{properties:e},target:this.buttonQuery,provider:"localStorage"})}invokeHandler(e,t){const s=e.handler(t.conversation.createProvider(e.name),t.component);s&&(this.disposeProviders[e.name]||(this.disposeProviders[e.name]=[]),this.disposeProviders[e.name].push(s))}getComponentRoute(){return p.readStorage(this.container,b,p.StorageMedium.Local).then(e=>e==null?void 0:e.route)}dispose(){Object.keys(this.disposeProviders).forEach(e=>{this.disposeProviders[e].forEach(t=>{t()})}),this.subscriptions.forEach(e=>{e()}),this.controllers=[],this.providers=[]}static async handleContactMethodClick(e,t,s,r){if(G(t)){e.preventDefault();let n=document.getElementById("humany-dynamic-anchor");n||(n=document.createElement("a"),n.setAttribute("href","#"),n.id="humany-dynamic-anchor",document.body.appendChild(n)),R(t,s,n)}R(t,s)}static async handleContactMethodSubmit(e,t){var s,r;return(r=(s=t==null?void 0:t.body.form.meta)==null?void 0:s.conversation)!=null&&r.id?k(e,t.body.form.meta.conversation.id,t.clientName):J(e,t)}}const V=(i,e)=>i.reduce((t,s,r)=>{var a,o;const n={...s,content:[{...s.content,key:s.key}]};if(t.length>0&&s.type!==y.System){const c=t[t.length-1];if((!e&&e!==0||Math.abs(c.timestamp-s.timestamp)<e)&&((a=c.sender)==null?void 0:a.name)===((o=s.sender)==null?void 0:o.name)&&c.type===s.type)return c.timestamp=s.timestamp,c.content.push({...s.content,key:s.key}),t}return t.push(n),t},[]),Y=i=>Promise.all([w.getInstance(i),i.getAsync("router")]).then(([e,t])=>N.createReactComponent(i,"conversation",Promise.resolve().then(()=>require("./conversation-cba1688c.js")),async s=>{const{rehydrate:r=!1}=s.properties(),a=t.getRouteData().params.id||s.node.name||"component",o=await e.createController(a,{rehydrate:r}),c=e.registerController(o,s),h=3*60*1e3,u=v=>{const{providers:g=[]}=v;if(g){const f=Array.isArray(g)?g:[g];return o.setProviders(f),f}};u(s.properties(u)),o.setComponentMountedState(!0);const l=v=>{const{loading:g,typingActors:f,messages:C}=v;s.writeProperties({loading:g,typingActors:f,messages:V(C,h)})};l(o.getMessageStream()),c&&(s.writeProperties({conversationControllerId:o.id}),s.actions.create("user-submit",(v,g)=>{if(g){const{preventDefault:f,validationPromise:C}=g;if(f){C&&C().then(T=>{T&&o.user.print(T)});return}}o.user.print(v.text)}),s.actions.create("user-typing",(v,g)=>{}),s.actions.create("form",(v,g)=>{}),s.actions.create("action",(v,g)=>{}),s.actions.create("overlay-mounted",(v,g)=>{}),s.actions.create("show-overlay",(v,g)=>{s.writeProperties({overlay:{conversation:!1,secondary:!1}})}),s.actions.create("hide-overlay",(v,g)=>{s.writeProperties({overlay:null})}),s.actions.create("show-overlay-conversation",(v,g)=>{s.writeProperties({overlay:{conversation:!0,secondary:!1}})}),s.actions.create("hide-overlay-conversation",(v,g)=>{s.writeProperties({overlay:{conversation:!1,secondary:!1}})}));const m=o.events.subscribe("conversation:updated",(v,g)=>{l(g)});return()=>{o.setComponentMountedState(!1),m(),o.active||l({messages:[],typingActors:[],loading:!1})}},{reuseController:!0})),X=i=>Promise.all([D.ComponentPlatform.getInstance(i),w.getInstance(i),i.getAsync("router")]).then(([e,t,s])=>N.createReactComponent(i,"conversation-return-button",Promise.resolve().then(()=>require("./return-button-cdc53d1f.js")),r=>{r.actions.create("toggle",(n={})=>{var a;(a=t.getComponentRoute())==null||a.then(o=>{o&&s.navigate(o.name,o.params)})})}));var _=(i=>(i.LinkList="link-list",i.Separator="separator",i.ButtonList="button-list",i.ItemList="item-list",i.Text="text",i.HTML="html",i.VideoRequest="video-request",i))(_||{});const Z=(i,e,t)=>i.getAsync("componentResolver").then(async s=>{(await w.getInstance(i)).addSubscription(s.registerComponent(e,z.lazy(()=>t)))});exports.ConversationComponent=Y;exports.ConversationController=B;exports.ConversationEndedBehavior=S;exports.ConversationEntry=H;exports.ConversationMessageListItemType=_;exports.ConversationMessageType=y;exports.ConversationPlatform=w;exports.ConversationReturnButtonComponent=X;exports.registerCustomMessageComponent=Z;
+"use strict";var $=Object.defineProperty;var q=(o,e,t)=>e in o?$(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t;var d=(o,e,t)=>(q(o,typeof e!="symbol"?e+"":e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("@telia-ace/widget-core"),p=require("@telia-ace/widget-services"),E=require("@telia-ace/widget-utilities"),L=require("@telia-ace/widget-forms"),M=require("@telia-ace/widget-plugins"),N=require("@telia-ace/widget-ui"),z=require("react");class U{constructor(e){d(this,"cache",new Map);d(this,"subscriptions",[]);this.controller=e;const{events:t}=e.container.get("$widget"),s=t.subscribe("data-client:fetched",(r,n)=>{n.type==="contact-method"&&this.cache.set(n.response.id,n.response)});this.subscriptions.push(s)}getConversationLogs(){return this.controller.messages.reduce((t,s)=>{const r=k(s),{key:n,content:a,type:i,sender:c,timestamp:h}=r.content,u=this.parseEntry(a,i,c,h);return u&&t.push(u),t},[])}parseEntry(e,t,s,r){const n=h=>{let u=[],l=[],m;if(Array.isArray(h)){const[g,f]=h;m=f}else m=h;return this.createMessageContent(m).length&&(l=[...l,this.createMessageContent(m)]),u=[...u,...this.createMessageOptions(m)],{messagesAsList:l,options:u}};let a=[],i=[];if(Array.isArray(e.items)){const{items:h}=e;h.forEach(u=>{const l=n(u);a=[...a,...l.options],i=[...i,...l.messagesAsList]})}else{const h=n(e);a=[...a,...h.options],i=[...i,...h.messagesAsList]}return{options:a,message:i.length?i.join(`
+`):void 0,source:this.createMessageSource(t),alias:this.createAlias(t,s),timestamp:r}}createMessageSource(e){return e}createAlias(e,t){return e===y.System?"system":(t==null?void 0:t.name)||"Me"}handleContactMethod(e){if(!this.cache.has(e))return;const t=this.cache.get(e);let s="";return s=this.appendText(s,`${t.clientName}:`),s=this.appendText(s,t.title),t.description&&(s=this.appendText(s,t.title)),s}getDetails(e,t=!0){if(!e)return"";const{header:s,title:r,label:n,description:a,text:i,html:c,body:h,contactMethodId:u}=e;let l="";if(u){const m=this.handleContactMethod(u.toString());m&&(l=this.appendText(l,m,t))}return s&&(l=this.appendText(l,s,t)),r&&(l=this.appendText(l,r,t)),a&&(l=this.appendText(l,a,t)),i&&(l=this.appendText(l,i,t)),n&&(l=this.appendText(l,n,t)),c&&(l=this.appendText(l,c,t)),h&&typeof h=="string"&&(l=this.appendText(l,h,t)),l}createMessageContent(e){let t="";return t=this.getDetails(e),t}createMessageOptions(e){let t=[],s=[];return Array.isArray(e==null?void 0:e.actions)?s=e.actions:typeof(e==null?void 0:e.actions)=="object"&&(s=Object.entries(e.actions).map(([r,n])=>({actionKey:r,label:n}))),s.length&&(t=s.map(r=>this.getDetails(r,!1))),t}appendText(e,t,s=!0){return s&&e.length?`${e}
+${t}`:e.length?`${e} ${t}`:t}dispose(){this.subscriptions.forEach(e=>{e()})}}class P{constructor(e,t){d(this,"id");d(this,"name");d(this,"avatar");d(this,"print",(e,t,s=null)=>{const r={name:this.name,avatar:this.avatar,id:this.id},n=k(e,t);return s=s??n.timestamp,this.provider.createEntry(n.key,n.content,y.Agent,r,s)});d(this,"typing",()=>this.provider.setTypingState({name:this.name,avatar:this.avatar}));this.provider=e,this.id=t.id||E.uuid(),this.name=t.name,this.avatar=t.avatar}update(e){var r;const{name:t,avatar:s}=e;s===null?this.avatar=void 0:s&&(this.avatar=s),t===null?this.name=void 0:t&&(this.name=t),(r=this.provider.controller)==null||r.events.dispatch("conversation:agent-updated",{agent:this})}}class A{constructor(e,t,s){d(this,"subscriptions",[]);d(this,"options");d(this,"user");this.name=e,this.container=t,this.controller=s,this.user=s==null?void 0:s.user,this.options={silent:!1}}static create(e,t,s){return new A(e,t,s)}createAgent(e={}){var t;if(this.controller){const s=this.controller.getAgentById(e.id),r=s?new P(this,{...s,...e}):new P(this,e);return s||(t=this.controller)==null||t.events.dispatch("conversation:agent-created",{agent:r}),r}}print(e){var t;return(t=this.controller)==null?void 0:t.print(e)}setTypingState(e,t){var s;return(s=this.controller)==null?void 0:s.setTypingState(e,t)}loading(){return this.controller?this.controller.loader():()=>()=>{}}createEntry(e,t,s,r,n){var a;return(a=this.controller)==null?void 0:a.createEntry(e,t,s,r,n)}dispose(){var e;process.env.NODE_ENV!=="production"&&console.log(`conversation-provider: dispose (${this.name})`),(e=this.controller)==null||e.disposeProvider(this),this.controller=null,this.subscriptions.forEach(t=>t())}isRehydrated(){var e;return((e=this.controller)==null?void 0:e.isRehydrated())||Promise.resolve(!1)}getHistory(){var e;return((e=this.controller)==null?void 0:e.getHistory())||[]}complete(){var e;(e=this.controller)==null||e.onCompleteProvider()}setOptions(e={silent:!1}){this.options=e}onUnreadMessage(e){var t;if(this.controller){const s=(t=this.controller)==null?void 0:t.onUnreadMessage(e);return this.subscriptions.push(s),()=>{s()}}}onMounted(e){var t;if(this.controller){const s=(t=this.controller)==null?void 0:t.events.subscribe("conversation:component-mount-changed",e);return this.subscriptions.push(s),e({},this.controller.getComponentMountedState()),()=>{s()}}}}const O=o=>`conversation-${o}`;class K{constructor(){d(this,"_locking",Promise.resolve());d(this,"_locks",0)}isLocked(){return this._locks>0}lock(){this._locks+=1;let e;const t=new Promise(r=>e=()=>{this._locks-=1,r()}),s=this._locking.then(()=>e);return this._locking=this._locking.then(()=>t),s}}class Q{constructor(e,t,s){d(this,"sessionStorageKey");d(this,"locker",new K);d(this,"initialStoredAgents",[]);this.container=e,this.conversation=t,this.enabled=s,this.sessionStorageKey=O(t.id),t.onStarted(async()=>{if(t.messages.length>0)return;const{agents:r}=await this.read(),n=[];r&&r.forEach(i=>{const c=t.providerIndex(i.providerName),h=c>-1?t.registeredProviders[c]:t.createProvider(i.providerName),u=new P(h,{name:i.name,avatar:i.avatar,id:i.id});n.push(u)});const{messages:a}=await this.read();a.forEach(i=>{switch(i.type){case"agent":{const c=n.find(h=>{var u;return h.id===((u=i.sender)==null?void 0:u.id)});c&&c.print(i.content.items||i.content,{key:i.key},i.timestamp);return}case"user":{t.user.print(i.content.items||i.content,{key:i.key},i.timestamp);return}case"system":default:t.print(i.content.items||i.content,i.timestamp)}})}),t.onMessageCreated(async(r,n)=>{this.write(n.message,"messages")}),t.events.subscribe("conversation:agent-created",async(r,n)=>{const a={id:n.agent.id,name:n.agent.name,avatar:n.agent.avatar,providerName:n.agent.provider.name};await this.write(a,"agents")}),t.events.subscribe("conversation:agent-updated",async(r,n)=>{const{agents:a}=await this.read();await this.write([...a.map(i=>i.id===n.agent.id?{...i,name:n.agent.name,avatar:n.agent.avatar}:i)],"agents","update")})}setInitialData(e){this.initialStoredAgents=e.agents}async isRehydrated(){const{messages:e}=await this.read();return e.length>0}getStoredAgent(e){if(this.enabled)return this.initialStoredAgents.find(t=>t.id===e)}async write(e,t,s="add"){if(!this.enabled)return;const r=await this.locker.lock();return p.createStorageWriter(this.container,this.sessionStorageKey,p.StorageCategory.Necessary).then(async n=>{if(s==="add"){const a=await this.read();if(t==="messages"&&a.messages.findIndex(c=>c.key===e.key)>-1){r();return}const i={...a};return t==="messages"?i.messages=[...i.messages,e]:t==="agents"&&(i.agents=[...i.agents,e]),n({...a,...i}).then(()=>{r()})}if(s==="update"&&t==="agents"){const a=await this.read();return n({...a,agents:e}).then(()=>{r()})}return n(e).then(()=>{r()})})}async read(){return p.readStorage(this.container,this.sessionStorageKey).then(e=>e||{messages:[],agents:[]})}}class j{constructor(e){d(this,"print",(e,t,s=null)=>{const r=k(e,t);return s=s??r.timestamp,this.controller.createEntry(r.key,r.content,y.User,void 0,s)});this.controller=e}}const x=async(o,e,t)=>{const s=await o.getAsync("conversation"),r=await o.getAsync("components"),n=s.controllers.find(a=>a.conversation.id===e);if(n){const a=[...n.conversation.providers];a.forEach(c=>{n.conversation.setProviderOptions(c,{silent:!0})}),n.conversation.queueProviders(a),n.conversation.setProviders([t]);const i=r.components().ofType("conversation");r.write({key:"setConversationProvider",attributes:{properties:{providers:[t]}},target:i,provider:"localStorage"})}};class H{constructor(e){this.writer=e}update(e){const t=this.getNormalizedSettings(e);this.writer(t)}remove(){this.writer(null)}getNormalizedSettings(e){return typeof e=="string"?{body:e}:e.length>-1&&typeof e=="object"?{items:e}:e}}var y=(o=>(o.User="user",o.Agent="agent",o.System="system",o))(y||{});const k=(o,e)=>{let t,s=(e==null?void 0:e.key)||E.uuid(),r=Date.now();if(Array.isArray(o)&&o.length>-1)typeof o[0]=="string"?t={items:[o]}:t={items:o};else if(typeof o=="string")t={body:o};else if(o=o||{},o.type)t={...o};else{if(t={body:o.body,actions:o.actions,title:o.title},o.key&&(s=o.key),o.timestamp&&(r=o.timestamp),typeof o.form=="function"){const n=L.FormBuilder.create(s);o.form(n);const a=n.get();t.form=a}o.timestamp===null&&(r=null)}return{content:t,key:s,timestamp:r}},W=(o,e)=>{if(!e)return;const t=JSON.stringify(e),s=o.findIndex(r=>t===JSON.stringify(r));if(s>-1)return o.splice(s,1)};class B{constructor(e,t,s){d(this,"formHandlers",{});d(this,"user",new j(this));d(this,"events");d(this,"providers",[]);d(this,"active",!1);d(this,"queuedProviders",[]);d(this,"registeredProviders",[]);d(this,"loaders",0);d(this,"componentMounted",!1);d(this,"store");d(this,"messages",[]);d(this,"typingActors",[]);d(this,"conversationHistory");d(this,"print",(e,t=null)=>{const s=k(e);return t=t??s.timestamp,this.createEntry(s.key,s.content,"system",void 0,t)});this.container=e,this.id=t;const r=e.get("$widget");this.events=r.events.createChild(this),this.store=new Q(e,this,s.rehydrate),this.conversationHistory=new U(this)}setInitialStorage(e){this.store.setInitialData(e)}setProviders(e){const t=[],s=[];this.providers.reduce((r,n)=>(e.indexOf(n)===-1&&r.push(n),r),[]).forEach(r=>{const n=this.providers.indexOf(r);n>-1&&(t.push(r),this.providers.splice(n,1))}),e.forEach(r=>{this.providers.indexOf(r)===-1&&(s.push(r),this.providers.push(r))}),(s.length||t.length)&&this.events.dispatch("conversation:providers-changed",{added:s,removed:t})}createProvider(e){const t=this.providerIndex(e);if(t>-1)return this.registeredProviders[t];const s=A.create(e,this.container,this);return this.registeredProviders.push(s),s}providerIndex(e){return this.registeredProviders.findIndex(t=>t.name===e)}getAgentById(e){if(e)return this.store.getStoredAgent(e)}dispose(){this.conversationHistory.dispose(),this.registeredProviders.forEach(e=>e.dispose()),this.messages=[],this.events.dispatch("conversation:controller-disposed",this),this.active=!1}onDispose(e){return this.events.subscribe("conversation:controller-disposed",e)}onStarted(e){return this.events.subscribe("conversation:started",e)}onMessageCreated(e){return this.events.subscribe("conversation:message-created",e)}isRehydrated(){return this.store.isRehydrated()}disposeProvider(e){const t=this.providerIndex(e.name);t>-1&&this.registeredProviders.splice(t,1),this.events.dispatch("conversation:providers-changed",{removed:[e.name]}),this.registeredProviders.length||this.dispose()}onProvidersChange(e){return this.events.subscribe("conversation:providers-changed",e)}setComponentMountedState(e){this.componentMounted!==e&&(this.componentMounted=e,e&&(this.events.dispatch("conversation:unread-message",!1),this.events.dispatch("conversation:started",!0),this.active=!0),this.events.dispatch("conversation:component-mount-changed",e))}setProviderOptions(e,t){const s=this.providerIndex(e);s>-1&&this.registeredProviders[s].setOptions(t)}changeProvider(e){this.registeredProviders.find(s=>s.name===e)&&x(this.container,this.id,e)}queueProviders(e){this.queuedProviders=e}onCompleteProvider(){const e=this.queuedProviders.pop();e&&x(this.container,this.id,e)}getComponentMountedState(){return this.componentMounted}onUnreadMessage(e){return this.events.subscribe("conversation:unread-message",e)}createEntry(e,t,s,r,n){const a={key:e,content:t,type:s,sender:r||null,timestamp:n||n===null?n:Date.now()};this.messages.push(a),a.type==="agent"&&W(this.typingActors,r);const i=new H(c=>{if(c!==null){const{timestamp:h=void 0,...u}=c;a.content=u,h&&(a.timestamp=h)}else{const h=this.messages.indexOf(a);a.content=null,h>-1&&this.messages.splice(h,1)}this.events.dispatch("conversation:message-updated",{message:a}),this.update()});return this.events.dispatch("conversation:message-created",{message:a}),this.update(),this.componentMounted||this.events.dispatch("conversation:unread-message",!0),i}update(){this.events.dispatch("conversation:updated",{messages:this.messages,loading:this.loaders>0,typingActors:this.typingActors})}getMessageStream(){return{messages:this.messages,loading:this.loaders>0,typingActors:this.typingActors}}setTypingState(e,t){return this.typingActors.indexOf(e)===-1&&(this.typingActors.push(e),this.update()),()=>{W(this.typingActors,e),this.update()}}loader(){this.loaders=this.loaders+1;let e=!1;return this.loaders===1&&this.update(),()=>{e||(e=!0,this.loaders=this.loaders-1,this.loaders===0&&this.update())}}submitForm(e,t){this.formHandlers[e]={...this.formHandlers[e],submit:t}}validateForm(e,t){this.formHandlers[e]={...this.formHandlers[e],validate:t}}getHistory(){return this.conversationHistory.getConversationLogs()}}const F=(o,e)=>{const t=o.split("_contact");return e.widgets.get(t[0])},I=o=>{const e=o.get("$widget"),{name:t,implementation:s}=o.get("$widget"),r=t.indexOf("_contact")>-1?F(t,s):e,{data:n}=o.get("$settings"),{trigger:a}=r.container.get("$settings"),i=`${t.replace("_contact-method","").replace("_contact","")}_contact-method`,c=s.widgets.get(i);return c&&!a?{chatWidget:c,mainWidget:r,data:n}:{mainWidget:r,data:n}},G=o=>{const{chatWidget:e}=I(o);return!!e},R=(o,e,t)=>{const{mainWidget:s,data:r,chatWidget:n}=I(o);return n?n.state==="activated"?n.invoke("open").then(()=>{n.container.getAsync("conversation").then(a=>{a.navigateToConversationIfActive(e.id).then(()=>M.closeAllModals(o))})}):n.activate().then(()=>{const{trigger:a}=n.container.get("$settings");return a.action="hide",n.invoke("setSettings",()=>({data:r,trigger:a,activate:!0})).then(()=>n.container.getAsync("components").then(i=>{const c=i.components().ofType("contact-method");i.write({key:"setContactMethodId",attributes:{properties:{id:e.id,guideId:e.guideId}},target:c,provider:"localStorage"});const h=i.components().ofType("conversation");i.write({key:"setConversationProvider",attributes:{properties:{providers:[e.clientName]}},target:h,provider:"localStorage"})}))}).then(()=>n.invoke("attach",{key:"contact-method",triggerDOMElement:t,withRenderState:"open"})).then(()=>(p.createStorageWriter(n.container,"activeStickyWidget",p.StorageCategory.Necessary,{medium:p.StorageMedium.Local,scope:p.StorageScope.Implementation}).then(a=>a(n.name)),n.container.getAsync("conversation").then(a=>{a.setConversationEndedBehavior(S.Deactivate)}).then(()=>M.closeAllModals(o)).then(()=>!1))):(s.container.getAsync("conversation").then(a=>a.navigateToConversationIfActive(e.id).then(()=>a.setConversationEndedBehavior(S.Navigate))),!n)},J=(o,e,t="conversation")=>{const{mainWidget:s,chatWidget:r}=I(o);return r?r.container.getAsync("router").then(n=>{n.navigate(t,{id:e.id})}):s.container.getAsync("conversation").then(n=>{var a;(a=n.setConversationEndedBehavior(S.Navigate))==null||a.then(()=>{s.container.getAsync("router").then(i=>{s.container.getAsync("components").then(c=>{const h=c.components().ofType("conversation");c.write({key:"setConversationProvider",attributes:{properties:{providers:[e.clientName]}},target:h,provider:"localStorage"})}).then(()=>{i.navigate(t,{id:e.id})})})})})},b="conversations";var S=(o=>(o.Deactivate="deactivate",o.Navigate="navigate",o.None="none",o))(S||{});class w{constructor(e,t){d(this,"events");d(this,"controllers",[]);d(this,"providers",[]);d(this,"disposeProviders",{});d(this,"subscriptions",[]);d(this,"storageWriter",null);d(this,"router",null);d(this,"buttonQuery",null);d(this,"sessionInfo",null);this.container=e,this.components=t;const s=e.get("$widget");this.events=s.events.createChild(this)}initialize(){p.createStorageWriter(this.container,b,p.StorageCategory.Necessary,{medium:p.StorageMedium.Local}).then(e=>this.storageWriter=e),p.readStorage(this.container,b,p.StorageMedium.Local).then(e=>{this.buttonQuery=this.components.components().ofType("conversation-return-button"),e&&(this.sessionInfo=e,e.id&&e.route&&this.writeToComponents({active:!0,alert:{show:!1}}))}),this.container.getAsync("router").then(e=>this.router=e),this.events.subscribe("conversation:ended",(e,t)=>{var s,r,n;switch((s=this.sessionInfo)==null?void 0:s.conversationEndedBehavior){case"deactivate":this.container.get("$widget").deactivate();break;case"navigate":const i=(r=this.router)==null?void 0:r.getInitialRoute();i&&((n=this.router)==null||n.navigate(i.name));break}this.writeToComponents({active:!1}),this.sessionInfo=null,this.storageWriter&&this.storageWriter()})}addSubscription(e){this.subscriptions.push(e)}static getInstance(e,t="conversation"){return E.lock(e)(()=>e.getAsync(t).then(s=>{let r=s;return r||D.ComponentPlatform.getInstance(e).then(n=>(r=new w(e,n),r.initialize(),e.registerAsync(t,()=>r),r))}))}navigateToConversationIfActive(e){return p.readStorage(this.container,b,p.StorageMedium.Local).then(t=>{var s;if(t&&t.id===e&&t.route){const{name:r,params:n}=t.route;(s=this.router)==null||s.navigate(r,n)}})}setConversationEndedBehavior(e){return p.readStorage(this.container,b,p.StorageMedium.Local).then(t=>{let s=t;return s?s.conversationEndedBehavior=e:s={conversationEndedBehavior:e},this.sessionInfo=s,this.storageWriter&&this.storageWriter(this.sessionInfo)||Promise.resolve()})}async createController(e,t){const s=O(e),{agents:r}=await p.readStorage(this.container,s)||{agents:[]},n=this.controllers.findIndex(i=>i.conversation.id===e);let a;return n>-1?a=this.controllers[n].conversation:a=new B(this.container,e,t),a.setInitialStorage({agents:r||[]}),a}registerProvider(e,t){const s={name:e,handler:t};this.providers.push(s),this.controllers.filter(r=>r.conversation.providers.indexOf(e)>-1).forEach(r=>{this.invokeHandler(s,r)})}registerController(e,t){const s=this.controllers.findIndex(n=>n.conversation.id===e.id);let r;if(s<0){r={conversation:e,component:t},this.controllers.push(r);const n=a=>{a&&this.providers.filter(i=>a.indexOf(i.name)>-1).forEach(i=>{this.invokeHandler(i,r)})};return this.subscriptions.push(e.onDispose((a,i)=>{const c=this.controllers.findIndex(h=>h.conversation===i);c>-1&&this.controllers.splice(c,1),this.components.components().ofType("conversation-return-button").select().writeProperties({active:!1}),this.events.dispatch("conversation:ended",{},{bubbles:!0})})),this.subscriptions.push(e.onProvidersChange((a,i)=>{const{added:c,removed:h=[]}=i;h.forEach(u=>{(this.disposeProviders[u]||[]).forEach(l=>{l()})}),n(c)})),this.subscriptions.push(e.onStarted((a,i)=>{var h,u;const c={id:e.id,route:(h=this.router)==null?void 0:h.getRouteData(),conversationEndedBehavior:(u=this.sessionInfo)==null?void 0:u.conversationEndedBehavior};this.sessionInfo=c,this.storageWriter&&this.storageWriter(c),this.writeToComponents({active:i})})),this.subscriptions.push(e.onUnreadMessage((a,i)=>{this.events.dispatch("conversation:unread-message",i),this.writeToComponents({alert:{show:i}})})),n(e.providers),!0}return r=this.controllers[s],!1}writeToComponents(e,t="conversationReturnButtonState"){this.buttonQuery&&this.components.write({key:"conversationReturnButtonState",attributes:{properties:e},target:this.buttonQuery,provider:"localStorage"})}invokeHandler(e,t){const s=e.handler(t.conversation.createProvider(e.name),t.component);s&&(this.disposeProviders[e.name]||(this.disposeProviders[e.name]=[]),this.disposeProviders[e.name].push(s))}getComponentRoute(){return p.readStorage(this.container,b,p.StorageMedium.Local).then(e=>e==null?void 0:e.route)}dispose(){Object.keys(this.disposeProviders).forEach(e=>{this.disposeProviders[e].forEach(t=>{t()})}),this.subscriptions.forEach(e=>{e()}),this.controllers=[],this.providers=[]}static async handleContactMethodClick(e,t,s,r){if(G(t)){e.preventDefault();let n=document.getElementById("humany-dynamic-anchor");n||(n=document.createElement("a"),n.setAttribute("href","#"),n.id="humany-dynamic-anchor",document.body.appendChild(n)),R(t,s,n)}R(t,s)}static async handleContactMethodSubmit(e,t){var s,r;return(r=(s=t==null?void 0:t.body.form.meta)==null?void 0:s.conversation)!=null&&r.id?x(e,t.body.form.meta.conversation.id,t.clientName):J(e,t)}}const V=(o,e)=>o.reduce((t,s,r)=>{var a,i;const n={...s,content:[{...s.content,key:s.key}]};if(t.length>0&&s.type!==y.System){const c=t[t.length-1];if((!e&&e!==0||Math.abs(c.timestamp-s.timestamp)<e)&&((a=c.sender)==null?void 0:a.name)===((i=s.sender)==null?void 0:i.name)&&c.type===s.type)return c.timestamp=s.timestamp,c.content.push({...s.content,key:s.key}),t}return t.push(n),t},[]),Y=o=>Promise.all([w.getInstance(o),o.getAsync("router")]).then(([e,t])=>N.createReactComponent(o,"conversation",Promise.resolve().then(()=>require("./conversation-cba1688c.js")),async s=>{const{rehydrate:r=!1}=s.properties(),a=t.getRouteData().params.id||s.node.name||"component",i=await e.createController(a,{rehydrate:r}),c=e.registerController(i,s),h=3*60*1e3,u=v=>{const{providers:g=[]}=v;if(g){const f=Array.isArray(g)?g:[g];return i.setProviders(f),f}};u(s.properties(u)),i.setComponentMountedState(!0);const l=v=>{const{loading:g,typingActors:f,messages:C}=v;s.writeProperties({loading:g,typingActors:f,messages:V(C,h)})};l(i.getMessageStream()),c&&(s.writeProperties({conversationControllerId:i.id}),s.actions.create("user-submit",(v,g)=>{if(g){const{preventDefault:f,validationPromise:C}=g;if(f){C&&C().then(T=>{T&&i.user.print(T)});return}}i.user.print(v.text)}),s.actions.create("user-typing",(v,g)=>{}),s.actions.create("form",(v,g)=>{}),s.actions.create("action",(v,g)=>{}),s.actions.create("overlay-mounted",(v,g)=>{}),s.actions.create("show-overlay",(v,g)=>{s.writeProperties({overlay:{conversation:!1,secondary:!1}})}),s.actions.create("hide-overlay",(v,g)=>{s.writeProperties({overlay:null})}),s.actions.create("show-overlay-conversation",(v,g)=>{s.writeProperties({overlay:{conversation:!0,secondary:!1}})}),s.actions.create("hide-overlay-conversation",(v,g)=>{s.writeProperties({overlay:{conversation:!1,secondary:!1}})}));const m=i.events.subscribe("conversation:updated",(v,g)=>{l(g)});return()=>{i.setComponentMountedState(!1),m(),i.active||l({messages:[],typingActors:[],loading:!1})}},{reuseController:!0})),X=o=>Promise.all([D.ComponentPlatform.getInstance(o),w.getInstance(o),o.getAsync("router")]).then(([e,t,s])=>N.createReactComponent(o,"conversation-return-button",Promise.resolve().then(()=>require("./return-button-cdc53d1f.js")),r=>{r.actions.create("toggle",(n={})=>{var a;(a=t.getComponentRoute())==null||a.then(i=>{i&&s.navigate(i.name,i.params)})})}));var _=(o=>(o.LinkList="link-list",o.Separator="separator",o.ButtonList="button-list",o.ItemList="item-list",o.Text="text",o.HTML="html",o.VideoRequest="video-request",o))(_||{});const Z=(o,e,t)=>o.getAsync("componentResolver").then(async s=>{(await w.getInstance(o)).addSubscription(s.registerComponent(e,z.lazy(()=>t)))});exports.Agent=P;exports.ConversationComponent=Y;exports.ConversationController=B;exports.ConversationEndedBehavior=S;exports.ConversationEntry=H;exports.ConversationMessageListItemType=_;exports.ConversationMessageType=y;exports.ConversationPlatform=w;exports.ConversationProvider=A;exports.ConversationReturnButtonComponent=X;exports.registerCustomMessageComponent=Z;

package/index.mjs

@@ -1,6 +1,6 @@
 var B = Object.defineProperty;
-var L = (n, e, t) => e in n ? B(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var d = (n, e, t) => (L(n, typeof e != "symbol" ? e + "" : e, t), t);
+var L = (o, e, t) => e in o ? B(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var d = (o, e, t) => (L(o, typeof e != "symbol" ? e + "" : e, t), t);
 import { ComponentPlatform as R } from "@telia-ace/widget-core";
 import { createStorageWriter as E, StorageCategory as I, readStorage as f, StorageMedium as y, StorageScope as z } from "@telia-ace/widget-services";
 import { uuid as H, lock as K } from "@telia-ace/widget-utilities";
@@ -13,19 +13,19 @@ class q {
     d(this, "cache", /* @__PURE__ */ new Map());
     d(this, "subscriptions", []);
     this.controller = e;
-    const { events: t } = e.container.get("$widget"), s = t.subscribe("data-client:fetched", (r, i) => {
-      i.type === "contact-method" && this.cache.set(i.response.id, i.response);
+    const { events: t } = e.container.get("$widget"), s = t.subscribe("data-client:fetched", (r, n) => {
+      n.type === "contact-method" && this.cache.set(n.response.id, n.response);
     });
     this.subscriptions.push(s);
   }
   getConversationLogs() {
     return this.controller.messages.reduce((t, s) => {
-      const r = C(s), { key: i, content: a, type: o, sender: c, timestamp: h } = r.content, u = this.parseEntry(a, o, c, h);
+      const r = C(s), { key: n, content: a, type: i, sender: c, timestamp: h } = r.content, u = this.parseEntry(a, i, c, h);
       return u && t.push(u), t;
     }, []);
   }
   parseEntry(e, t, s, r) {
-    const i = (h) => {
+    const n = (h) => {
       let u = [], l = [], v;
       if (Array.isArray(h)) {
         const [p, m] = h;
@@ -37,20 +37,20 @@ class q {
         options: u
       };
     };
-    let a = [], o = [];
+    let a = [], i = [];
     if (Array.isArray(e.items)) {
       const { items: h } = e;
       h.forEach((u) => {
-        const l = i(u);
-        a = [...a, ...l.options], o = [...o, ...l.messagesAsList];
+        const l = n(u);
+        a = [...a, ...l.options], i = [...i, ...l.messagesAsList];
       });
     } else {
-      const h = i(e);
-      a = [...a, ...h.options], o = [...o, ...h.messagesAsList];
+      const h = n(e);
+      a = [...a, ...h.options], i = [...i, ...h.messagesAsList];
     }
     return {
       options: a,
-      message: o.length ? o.join(`
+      message: i.length ? i.join(`
 `) : void 0,
       source: this.createMessageSource(t),
       alias: this.createAlias(t, s),
@@ -73,13 +73,13 @@ class q {
   getDetails(e, t = !0) {
     if (!e)
       return "";
-    const { header: s, title: r, label: i, description: a, text: o, html: c, body: h, contactMethodId: u } = e;
+    const { header: s, title: r, label: n, description: a, text: i, html: c, body: h, contactMethodId: u } = e;
     let l = "";
     if (u) {
       const v = this.handleContactMethod(u.toString());
       v && (l = this.appendText(l, v, t));
     }
-    return s && (l = this.appendText(l, s, t)), r && (l = this.appendText(l, r, t)), a && (l = this.appendText(l, a, t)), o && (l = this.appendText(l, o, t)), i && (l = this.appendText(l, i, t)), c && (l = this.appendText(l, c, t)), h && typeof h == "string" && (l = this.appendText(l, h, t)), l;
+    return s && (l = this.appendText(l, s, t)), r && (l = this.appendText(l, r, t)), a && (l = this.appendText(l, a, t)), i && (l = this.appendText(l, i, t)), n && (l = this.appendText(l, n, t)), c && (l = this.appendText(l, c, t)), h && typeof h == "string" && (l = this.appendText(l, h, t)), l;
   }
   createMessageContent(e) {
     let t = "";
@@ -87,9 +87,9 @@ class q {
   }
   createMessageOptions(e) {
     let t = [], s = [];
-    return Array.isArray(e == null ? void 0 : e.actions) ? s = e.actions : typeof (e == null ? void 0 : e.actions) == "object" && (s = Object.entries(e.actions).map(([r, i]) => ({
+    return Array.isArray(e == null ? void 0 : e.actions) ? s = e.actions : typeof (e == null ? void 0 : e.actions) == "object" && (s = Object.entries(e.actions).map(([r, n]) => ({
       actionKey: r,
-      label: i
+      label: n
     }))), s.length && (t = s.map((r) => this.getDetails(r, !1))), t;
   }
   appendText(e, t, s = !0) {
@@ -107,21 +107,24 @@ class k {
     d(this, "id");
     d(this, "name");
     d(this, "avatar");
-    d(this, "print", (e, t) => {
-      const s = {
+    d(this, "print", (e, t, s = null) => {
+      const r = {
         name: this.name,
         avatar: this.avatar,
         id: this.id
-      }, r = C(e, t);
-      return this.provider.createEntry(
-        r.key,
-        r.content,
+      }, n = C(e, t);
+      return s = s ?? n.timestamp, this.provider.createEntry(
+        n.key,
+        n.content,
         w.Agent,
-        s,
-        r.timestamp
+        r,
+        s
       );
     });
-    d(this, "typing", () => this.provider.setTypingState({ name: this.name, avatar: this.avatar }));
+    d(this, "typing", () => this.provider.setTypingState({
+      name: this.name,
+      avatar: this.avatar
+    }));
     this.provider = e, this.id = t.id || H(), this.name = t.name, this.avatar = t.avatar;
   }
   update(e) {
@@ -165,9 +168,9 @@ class T {
     return this.controller ? this.controller.loader() : () => () => {
     };
   }
-  createEntry(e, t, s, r, i) {
+  createEntry(e, t, s, r, n) {
     var a;
-    return (a = this.controller) == null ? void 0 : a.createEntry(e, t, s, r, i);
+    return (a = this.controller) == null ? void 0 : a.createEntry(e, t, s, r, n);
   }
   dispose() {
     var e;
@@ -210,7 +213,7 @@ class T {
     }
   }
 }
-const $ = (n) => `conversation-${n}`;
+const $ = (o) => `conversation-${o}`;
 class j {
   constructor() {
     d(this, "_locking", Promise.resolve());
@@ -238,63 +241,74 @@ class F {
     this.container = e, this.conversation = t, this.enabled = s, this.sessionStorageKey = $(t.id), t.onStarted(async () => {
       if (t.messages.length > 0)
         return;
-      const { agents: r } = await this.read(), i = [];
-      r && r.forEach((o) => {
-        const c = t.providerIndex(o.providerName), h = c > -1 ? t.registeredProviders[c] : t.createProvider(o.providerName), u = new k(h, {
-          name: o.name,
-          avatar: o.avatar,
-          id: o.id
+      const { agents: r } = await this.read(), n = [];
+      r && r.forEach((i) => {
+        const c = t.providerIndex(i.providerName), h = c > -1 ? t.registeredProviders[c] : t.createProvider(i.providerName), u = new k(h, {
+          name: i.name,
+          avatar: i.avatar,
+          id: i.id
         });
-        i.push(u);
+        n.push(u);
       });
       const { messages: a } = await this.read();
-      a.forEach((o) => {
-        switch (o.type) {
+      a.forEach((i) => {
+        switch (i.type) {
           case "agent": {
-            const c = i.find((h) => {
+            const c = n.find((h) => {
               var u;
-              return h.id === ((u = o.sender) == null ? void 0 : u.id);
-            });
-            c && c.print(o.content.items || o.content, {
-              key: o.key
+              return h.id === ((u = i.sender) == null ? void 0 : u.id);
             });
+            c && c.print(
+              i.content.items || i.content,
+              {
+                key: i.key
+              },
+              i.timestamp
+            );
             return;
           }
           case "user": {
-            t.user.print(o.content.items || o.content, {
-              key: o.key
-            });
+            t.user.print(
+              i.content.items || i.content,
+              {
+                key: i.key
+              },
+              i.timestamp
+            );
             return;
           }
           case "system":
           default:
-            t.print(o.content.items || o.content);
+            t.print(
+              i.content.items || i.content,
+              i.timestamp
+            );
         }
       });
-    }), t.onMessageCreated(async (r, i) => {
-      this.write(i.message, "messages");
+    }), t.onMessageCreated(async (r, n) => {
+      this.write(n.message, "messages");
     }), t.events.subscribe(
       "conversation:agent-created",
-      async (r, i) => {
+      async (r, n) => {
         const a = {
-          id: i.agent.id,
-          name: i.agent.name,
-          avatar: i.agent.avatar,
-          providerName: i.agent.provider.name
+          id: n.agent.id,
+          name: n.agent.name,
+          avatar: n.agent.avatar,
+          providerName: n.agent.provider.name
         };
         await this.write(a, "agents");
       }
     ), t.events.subscribe(
       "conversation:agent-updated",
-      async (r, i) => {
+      async (r, n) => {
         const { agents: a } = await this.read();
         await this.write(
           [
-            ...a.map((o) => o.id === i.agent.id ? {
-              ...o,
-              name: i.agent.name,
-              avatar: i.agent.avatar
-            } : o)
+            ...a.map((i) => i.id === n.agent.id ? {
+              ...i,
+              name: n.agent.name,
+              avatar: n.agent.avatar
+            } : i)
           ],
           "agents",
           "update"
@@ -321,33 +335,33 @@ class F {
       this.container,
       this.sessionStorageKey,
       I.Necessary
-    ).then(async (i) => {
+    ).then(async (n) => {
       if (s === "add") {
         const a = await this.read();
         if (t === "messages" && a.messages.findIndex((c) => c.key === e.key) > -1) {
           r();
           return;
         }
-        const o = {
+        const i = {
           ...a
         };
-        return t === "messages" ? o.messages = [...o.messages, e] : t === "agents" && (o.agents = [...o.agents, e]), i({
+        return t === "messages" ? i.messages = [...i.messages, e] : t === "agents" && (i.agents = [...i.agents, e]), n({
           ...a,
-          ...o
+          ...i
         }).then(() => {
           r();
         });
       }
       if (s === "update" && t === "agents") {
         const a = await this.read();
-        return i({
+        return n({
           ...a,
           agents: e
         }).then(() => {
           r();
         });
       }
-      return i(e).then(() => {
+      return n(e).then(() => {
         r();
       });
     });
@@ -361,33 +375,33 @@ class F {
 }
 class G {
   constructor(e) {
-    d(this, "print", (e, t) => {
-      const s = C(e, t);
-      return this.controller.createEntry(
-        s.key,
-        s.content,
+    d(this, "print", (e, t, s = null) => {
+      const r = C(e, t);
+      return s = s ?? r.timestamp, this.controller.createEntry(
+        r.key,
+        r.content,
         w.User,
         void 0,
-        s.timestamp
+        s
       );
     });
     this.controller = e;
   }
 }
-const x = async (n, e, t) => {
-  const s = await n.getAsync("conversation"), r = await n.getAsync("components"), i = s.controllers.find((a) => a.conversation.id === e);
-  if (i) {
-    const a = [...i.conversation.providers];
+const x = async (o, e, t) => {
+  const s = await o.getAsync("conversation"), r = await o.getAsync("components"), n = s.controllers.find((a) => a.conversation.id === e);
+  if (n) {
+    const a = [...n.conversation.providers];
     a.forEach((c) => {
-      i.conversation.setProviderOptions(c, { silent: !0 });
-    }), i.conversation.queueProviders(a), i.conversation.setProviders([t]);
-    const o = r.components().ofType("conversation");
+      n.conversation.setProviderOptions(c, { silent: !0 });
+    }), n.conversation.queueProviders(a), n.conversation.setProviders([t]);
+    const i = r.components().ofType("conversation");
     r.write({
       key: "setConversationProvider",
       attributes: {
         properties: { providers: [t] }
       },
-      target: o,
+      target: i,
       provider: "localStorage"
     });
   }
@@ -407,37 +421,37 @@ class J {
     return typeof e == "string" ? { body: e } : e.length > -1 && typeof e == "object" ? { items: e } : e;
   }
 }
-var w = /* @__PURE__ */ ((n) => (n.User = "user", n.Agent = "agent", n.System = "system", n))(w || {});
-const C = (n, e) => {
+var w = /* @__PURE__ */ ((o) => (o.User = "user", o.Agent = "agent", o.System = "system", o))(w || {});
+const C = (o, e) => {
   let t, s = (e == null ? void 0 : e.key) || H(), r = Date.now();
-  if (Array.isArray(n) && n.length > -1)
-    typeof n[0] == "string" ? t = { items: [n] } : t = { items: n };
-  else if (typeof n == "string")
-    t = { body: n };
-  else if (n = n || {}, n.type)
+  if (Array.isArray(o) && o.length > -1)
+    typeof o[0] == "string" ? t = { items: [o] } : t = { items: o };
+  else if (typeof o == "string")
+    t = { body: o };
+  else if (o = o || {}, o.type)
     t = {
-      ...n
+      ...o
     };
   else {
     if (t = {
-      body: n.body,
-      actions: n.actions,
-      title: n.title
-    }, n.key && (s = n.key), n.timestamp && (r = n.timestamp), typeof n.form == "function") {
-      const i = Q.create(s);
-      n.form(i);
-      const a = i.get();
+      body: o.body,
+      actions: o.actions,
+      title: o.title
+    }, o.key && (s = o.key), o.timestamp && (r = o.timestamp), typeof o.form == "function") {
+      const n = Q.create(s);
+      o.form(n);
+      const a = n.get();
       t.form = a;
     }
-    n.timestamp === null && (r = null);
+    o.timestamp === null && (r = null);
   }
   return { content: t, key: s, timestamp: r };
-}, N = (n, e) => {
+}, N = (o, e) => {
   if (!e)
     return;
-  const t = JSON.stringify(e), s = n.findIndex((r) => t === JSON.stringify(r));
+  const t = JSON.stringify(e), s = o.findIndex((r) => t === JSON.stringify(r));
   if (s > -1)
-    return n.splice(s, 1);
+    return o.splice(s, 1);
 };
 class V {
   constructor(e, t, s) {
@@ -457,14 +471,14 @@ class V {
     d(this, "messages", []);
     d(this, "typingActors", []);
     d(this, "conversationHistory");
-    d(this, "print", (e) => {
-      const t = C(e);
-      return this.createEntry(
-        t.key,
-        t.content,
+    d(this, "print", (e, t = null) => {
+      const s = C(e);
+      return t = t ?? s.timestamp, this.createEntry(
+        s.key,
+        s.content,
         "system",
         void 0,
-        t.timestamp
+        t
       );
     });
     this.container = e, this.id = t;
@@ -476,9 +490,9 @@ class V {
   }
   setProviders(e) {
     const t = [], s = [];
-    this.providers.reduce((r, i) => (e.indexOf(i) === -1 && r.push(i), r), []).forEach((r) => {
-      const i = this.providers.indexOf(r);
-      i > -1 && (t.push(r), this.providers.splice(i, 1));
+    this.providers.reduce((r, n) => (e.indexOf(n) === -1 && r.push(n), r), []).forEach((r) => {
+      const n = this.providers.indexOf(r);
+      n > -1 && (t.push(r), this.providers.splice(n, 1));
     }), e.forEach((r) => {
       this.providers.indexOf(r) === -1 && (s.push(r), this.providers.push(r));
     }), (s.length || t.length) && this.events.dispatch("conversation:providers-changed", {
@@ -549,16 +563,16 @@ class V {
   onUnreadMessage(e) {
     return this.events.subscribe("conversation:unread-message", e);
   }
-  createEntry(e, t, s, r, i) {
+  createEntry(e, t, s, r, n) {
     const a = {
       key: e,
       content: t,
       type: s,
       sender: r || null,
-      timestamp: i || i === null ? i : Date.now()
+      timestamp: n || n === null ? n : Date.now()
     };
     this.messages.push(a), a.type === "agent" && N(this.typingActors, r);
-    const o = new J((c) => {
+    const i = new J((c) => {
       if (c !== null) {
         const { timestamp: h = void 0, ...u } = c;
         a.content = u, h && (a.timestamp = h);
@@ -568,7 +582,7 @@ class V {
       }
       this.events.dispatch("conversation:message-updated", { message: a }), this.update();
     });
-    return this.events.dispatch("conversation:message-created", { message: a }), this.update(), this.componentMounted || this.events.dispatch("conversation:unread-message", !0), o;
+    return this.events.dispatch("conversation:message-created", { message: a }), this.update(), this.componentMounted || this.events.dispatch("conversation:unread-message", !0), i;
   }
   update() {
     this.events.dispatch("conversation:updated", {
@@ -609,30 +623,30 @@ class V {
     return this.conversationHistory.getConversationLogs();
   }
 }
-const Y = (n, e) => {
-  const t = n.split("_contact");
+const Y = (o, e) => {
+  const t = o.split("_contact");
   return e.widgets.get(t[0]);
-}, W = (n) => {
-  const e = n.get("$widget"), { name: t, implementation: s } = n.get("$widget"), r = t.indexOf("_contact") > -1 ? Y(t, s) : e, { data: i } = n.get("$settings"), { trigger: a } = r.container.get("$settings"), o = `${t.replace("_contact-method", "").replace("_contact", "")}_contact-method`, c = s.widgets.get(o);
-  return c && !a ? { chatWidget: c, mainWidget: r, data: i } : { mainWidget: r, data: i };
-}, X = (n) => {
-  const { chatWidget: e } = W(n);
+}, W = (o) => {
+  const e = o.get("$widget"), { name: t, implementation: s } = o.get("$widget"), r = t.indexOf("_contact") > -1 ? Y(t, s) : e, { data: n } = o.get("$settings"), { trigger: a } = r.container.get("$settings"), i = `${t.replace("_contact-method", "").replace("_contact", "")}_contact-method`, c = s.widgets.get(i);
+  return c && !a ? { chatWidget: c, mainWidget: r, data: n } : { mainWidget: r, data: n };
+}, X = (o) => {
+  const { chatWidget: e } = W(o);
   return !!e;
-}, O = (n, e, t) => {
-  const { mainWidget: s, data: r, chatWidget: i } = W(n);
-  return i ? i.state === "activated" ? i.invoke("open").then(() => {
-    i.container.getAsync("conversation").then((a) => {
-      a.navigateToConversationIfActive(e.id).then(() => M(n));
+}, O = (o, e, t) => {
+  const { mainWidget: s, data: r, chatWidget: n } = W(o);
+  return n ? n.state === "activated" ? n.invoke("open").then(() => {
+    n.container.getAsync("conversation").then((a) => {
+      a.navigateToConversationIfActive(e.id).then(() => M(o));
     });
-  }) : i.activate().then(() => {
-    const { trigger: a } = i.container.get("$settings");
-    return a.action = "hide", i.invoke("setSettings", () => ({
+  }) : n.activate().then(() => {
+    const { trigger: a } = n.container.get("$settings");
+    return a.action = "hide", n.invoke("setSettings", () => ({
       data: r,
       trigger: a,
       activate: !0
-    })).then(() => i.container.getAsync("components").then((o) => {
-      const c = o.components().ofType("contact-method");
-      o.write({
+    })).then(() => n.container.getAsync("components").then((i) => {
+      const c = i.components().ofType("contact-method");
+      i.write({
         key: "setContactMethodId",
         attributes: {
           properties: {
@@ -643,8 +657,8 @@ const Y = (n, e) => {
         target: c,
         provider: "localStorage"
       });
-      const h = o.components().ofType("conversation");
-      o.write({
+      const h = i.components().ofType("conversation");
+      i.write({
         key: "setConversationProvider",
         attributes: {
           properties: { providers: [e.clientName] }
@@ -653,29 +667,29 @@ const Y = (n, e) => {
         provider: "localStorage"
       });
     }));
-  }).then(() => i.invoke("attach", {
+  }).then(() => n.invoke("attach", {
     key: "contact-method",
     triggerDOMElement: t,
     withRenderState: "open"
   })).then(() => (E(
-    i.container,
+    n.container,
     "activeStickyWidget",
     I.Necessary,
     {
       medium: y.Local,
       scope: z.Implementation
     }
-  ).then((a) => a(i.name)), i.container.getAsync("conversation").then((a) => {
+  ).then((a) => a(n.name)), n.container.getAsync("conversation").then((a) => {
     a.setConversationEndedBehavior(S.Deactivate);
-  }).then(() => M(n)).then(() => !1))) : (s.container.getAsync("conversation").then((a) => a.navigateToConversationIfActive(e.id).then(() => a.setConversationEndedBehavior(S.Navigate))), !i);
-}, Z = (n, e, t = "conversation") => {
-  const { mainWidget: s, chatWidget: r } = W(n);
-  return r ? r.container.getAsync("router").then((i) => {
-    i.navigate(t, { id: e.id });
-  }) : s.container.getAsync("conversation").then((i) => {
+  }).then(() => M(o)).then(() => !1))) : (s.container.getAsync("conversation").then((a) => a.navigateToConversationIfActive(e.id).then(() => a.setConversationEndedBehavior(S.Navigate))), !n);
+}, Z = (o, e, t = "conversation") => {
+  const { mainWidget: s, chatWidget: r } = W(o);
+  return r ? r.container.getAsync("router").then((n) => {
+    n.navigate(t, { id: e.id });
+  }) : s.container.getAsync("conversation").then((n) => {
     var a;
-    (a = i.setConversationEndedBehavior(S.Navigate)) == null || a.then(() => {
-      s.container.getAsync("router").then((o) => {
+    (a = n.setConversationEndedBehavior(S.Navigate)) == null || a.then(() => {
+      s.container.getAsync("router").then((i) => {
         s.container.getAsync("components").then((c) => {
           const h = c.components().ofType("conversation");
           c.write({
@@ -685,13 +699,13 @@ const Y = (n, e) => {
             provider: "localStorage"
           });
         }).then(() => {
-          o.navigate(t, { id: e.id });
+          i.navigate(t, { id: e.id });
         });
       });
     });
   });
 }, b = "conversations";
-var S = /* @__PURE__ */ ((n) => (n.Deactivate = "deactivate", n.Navigate = "navigate", n.None = "none", n))(S || {});
+var S = /* @__PURE__ */ ((o) => (o.Deactivate = "deactivate", o.Navigate = "navigate", o.None = "none", o))(S || {});
 class A {
   constructor(e, t) {
     d(this, "events");
@@ -722,14 +736,14 @@ class A {
     ).then((e) => {
       this.buttonQuery = this.components.components().ofType("conversation-return-button"), e && (this.sessionInfo = e, e.id && e.route && this.writeToComponents({ active: !0, alert: { show: !1 } }));
     }), this.container.getAsync("router").then((e) => this.router = e), this.events.subscribe("conversation:ended", (e, t) => {
-      var s, r, i;
+      var s, r, n;
       switch ((s = this.sessionInfo) == null ? void 0 : s.conversationEndedBehavior) {
         case "deactivate":
           this.container.get("$widget").deactivate();
           break;
         case "navigate":
-          const o = (r = this.router) == null ? void 0 : r.getInitialRoute();
-          o && ((i = this.router) == null || i.navigate(o.name));
+          const i = (r = this.router) == null ? void 0 : r.getInitialRoute();
+          i && ((n = this.router) == null || n.navigate(i.name));
           break;
       }
       this.writeToComponents({ active: !1 }), this.sessionInfo = null, this.storageWriter && this.storageWriter();
@@ -741,7 +755,7 @@ class A {
   static getInstance(e, t = "conversation") {
     return K(e)(() => e.getAsync(t).then((s) => {
       let r = s;
-      return r || R.getInstance(e).then((i) => (r = new A(e, i), r.initialize(), e.registerAsync(t, () => r), r));
+      return r || R.getInstance(e).then((n) => (r = new A(e, n), r.initialize(), e.registerAsync(t, () => r), r));
     }));
   }
   navigateToConversationIfActive(e) {
@@ -752,8 +766,8 @@ class A {
     ).then((t) => {
       var s;
       if (t && t.id === e && t.route) {
-        const { name: r, params: i } = t.route;
-        (s = this.router) == null || s.navigate(r, i);
+        const { name: r, params: n } = t.route;
+        (s = this.router) == null || s.navigate(r, n);
       }
     });
   }
@@ -768,9 +782,9 @@ class A {
     });
   }
   async createController(e, t) {
-    const s = $(e), { agents: r } = await f(this.container, s) || { agents: [] }, i = this.controllers.findIndex((o) => o.conversation.id === e);
+    const s = $(e), { agents: r } = await f(this.container, s) || { agents: [] }, n = this.controllers.findIndex((i) => i.conversation.id === e);
     let a;
-    return i > -1 ? a = this.controllers[i].conversation : a = new V(this.container, e, t), a.setInitialStorage({ agents: r || [] }), a;
+    return n > -1 ? a = this.controllers[n].conversation : a = new V(this.container, e, t), a.setInitialStorage({ agents: r || [] }), a;
   }
   registerProvider(e, t) {
     const s = {
@@ -785,52 +799,52 @@ class A {
   }
   registerController(e, t) {
     const s = this.controllers.findIndex(
-      (i) => i.conversation.id === e.id
+      (n) => n.conversation.id === e.id
     );
     let r;
     if (s < 0) {
       r = { conversation: e, component: t }, this.controllers.push(r);
-      const i = (a) => {
-        a && this.providers.filter((o) => a.indexOf(o.name) > -1).forEach((o) => {
-          this.invokeHandler(o, r);
+      const n = (a) => {
+        a && this.providers.filter((i) => a.indexOf(i.name) > -1).forEach((i) => {
+          this.invokeHandler(i, r);
         });
       };
       return this.subscriptions.push(
-        e.onDispose((a, o) => {
+        e.onDispose((a, i) => {
           const c = this.controllers.findIndex(
-            (h) => h.conversation === o
+            (h) => h.conversation === i
           );
           c > -1 && this.controllers.splice(c, 1), this.components.components().ofType("conversation-return-button").select().writeProperties({ active: !1 }), this.events.dispatch("conversation:ended", {}, { bubbles: !0 });
         })
       ), this.subscriptions.push(
-        e.onProvidersChange((a, o) => {
+        e.onProvidersChange((a, i) => {
           const {
             added: c,
             removed: h = []
-          } = o;
+          } = i;
           h.forEach((u) => {
             (this.disposeProviders[u] || []).forEach(
               (l) => {
                 l();
               }
             );
-          }), i(c);
+          }), n(c);
         })
       ), this.subscriptions.push(
-        e.onStarted((a, o) => {
+        e.onStarted((a, i) => {
           var h, u;
           const c = {
             id: e.id,
             route: (h = this.router) == null ? void 0 : h.getRouteData(),
             conversationEndedBehavior: (u = this.sessionInfo) == null ? void 0 : u.conversationEndedBehavior
           };
-          this.sessionInfo = c, this.storageWriter && this.storageWriter(c), this.writeToComponents({ active: o });
+          this.sessionInfo = c, this.storageWriter && this.storageWriter(c), this.writeToComponents({ active: i });
         })
       ), this.subscriptions.push(
-        e.onUnreadMessage((a, o) => {
-          this.events.dispatch("conversation:unread-message", o), this.writeToComponents({ alert: { show: o } });
+        e.onUnreadMessage((a, i) => {
+          this.events.dispatch("conversation:unread-message", i), this.writeToComponents({ alert: { show: i } });
         })
-      ), i(e.providers), !0;
+      ), n(e.providers), !0;
     }
     return r = this.controllers[s], !1;
   }
@@ -868,8 +882,8 @@ class A {
   static async handleContactMethodClick(e, t, s, r) {
     if (X(t)) {
       e.preventDefault();
-      let i = document.getElementById("humany-dynamic-anchor");
-      i || (i = document.createElement("a"), i.setAttribute("href", "#"), i.id = "humany-dynamic-anchor", document.body.appendChild(i)), O(t, s, i);
+      let n = document.getElementById("humany-dynamic-anchor");
+      n || (n = document.createElement("a"), n.setAttribute("href", "#"), n.id = "humany-dynamic-anchor", document.body.appendChild(n)), O(t, s, n);
     }
     O(t, s);
   }
@@ -882,34 +896,34 @@ class A {
     ) : Z(e, t);
   }
 }
-const ee = (n, e) => n.reduce((t, s, r) => {
-  var a, o;
-  const i = {
+const ee = (o, e) => o.reduce((t, s, r) => {
+  var a, i;
+  const n = {
     ...s,
     content: [{ ...s.content, key: s.key }]
   };
   if (t.length > 0 && s.type !== w.System) {
     const c = t[t.length - 1];
-    if ((!e && e !== 0 || Math.abs(c.timestamp - s.timestamp) < e) && ((a = c.sender) == null ? void 0 : a.name) === ((o = s.sender) == null ? void 0 : o.name) && c.type === s.type)
+    if ((!e && e !== 0 || Math.abs(c.timestamp - s.timestamp) < e) && ((a = c.sender) == null ? void 0 : a.name) === ((i = s.sender) == null ? void 0 : i.name) && c.type === s.type)
       return c.timestamp = s.timestamp, c.content.push({ ...s.content, key: s.key }), t;
   }
-  return t.push(i), t;
-}, []), he = (n) => Promise.all([
-  A.getInstance(n),
-  n.getAsync("router")
+  return t.push(n), t;
+}, []), he = (o) => Promise.all([
+  A.getInstance(o),
+  o.getAsync("router")
 ]).then(([e, t]) => _(
-  n,
+  o,
   "conversation",
   import("./conversation-b5103766.mjs"),
   async (s) => {
-    const { rehydrate: r = !1 } = s.properties(), a = t.getRouteData().params.id || s.node.name || "component", o = await e.createController(a, { rehydrate: r }), c = e.registerController(o, s), h = 3 * 60 * 1e3, u = (g) => {
+    const { rehydrate: r = !1 } = s.properties(), a = t.getRouteData().params.id || s.node.name || "component", i = await e.createController(a, { rehydrate: r }), c = e.registerController(i, s), h = 3 * 60 * 1e3, u = (g) => {
       const { providers: p = [] } = g;
       if (p) {
         const m = Array.isArray(p) ? p : [p];
-        return o.setProviders(m), m;
+        return i.setProviders(m), m;
       }
     };
-    u(s.properties(u)), o.setComponentMountedState(!0);
+    u(s.properties(u)), i.setComponentMountedState(!0);
     const l = (g) => {
       const { loading: p, typingActors: m, messages: P } = g;
       s.writeProperties({
@@ -918,17 +932,17 @@ const ee = (n, e) => n.reduce((t, s, r) => {
         messages: ee(P, h)
       });
     };
-    l(o.getMessageStream()), c && (s.writeProperties({ conversationControllerId: o.id }), s.actions.create("user-submit", (g, p) => {
+    l(i.getMessageStream()), c && (s.writeProperties({ conversationControllerId: i.id }), s.actions.create("user-submit", (g, p) => {
       if (p) {
         const { preventDefault: m, validationPromise: P } = p;
         if (m) {
           P && P().then((D) => {
-            D && o.user.print(D);
+            D && i.user.print(D);
           });
           return;
         }
       }
-      o.user.print(g.text);
+      i.user.print(g.text);
     }), s.actions.create("user-typing", (g, p) => {
     }), s.actions.create("form", (g, p) => {
     }), s.actions.create("action", (g, p) => {
@@ -950,39 +964,39 @@ const ee = (n, e) => n.reduce((t, s, r) => {
         overlay: { conversation: !1, secondary: !1 }
       });
     }));
-    const v = o.events.subscribe(
+    const v = i.events.subscribe(
       "conversation:updated",
       (g, p) => {
         l(p);
       }
     );
     return () => {
-      o.setComponentMountedState(!1), v(), o.active || l({ messages: [], typingActors: [], loading: !1 });
+      i.setComponentMountedState(!1), v(), i.active || l({ messages: [], typingActors: [], loading: !1 });
     };
   },
   { reuseController: !0 }
-)), le = (n) => Promise.all([
-  R.getInstance(n),
-  A.getInstance(n),
-  n.getAsync("router")
+)), le = (o) => Promise.all([
+  R.getInstance(o),
+  A.getInstance(o),
+  o.getAsync("router")
 ]).then(
   ([e, t, s]) => _(
-    n,
+    o,
     "conversation-return-button",
     import("./return-button-70a640cb.mjs"),
     (r) => {
-      r.actions.create("toggle", (i = {}) => {
+      r.actions.create("toggle", (n = {}) => {
         var a;
-        (a = t.getComponentRoute()) == null || a.then((o) => {
-          o && s.navigate(o.name, o.params);
+        (a = t.getComponentRoute()) == null || a.then((i) => {
+          i && s.navigate(i.name, i.params);
         });
       });
     }
   )
 );
-var te = /* @__PURE__ */ ((n) => (n.LinkList = "link-list", n.Separator = "separator", n.ButtonList = "button-list", n.ItemList = "item-list", n.Text = "text", n.HTML = "html", n.VideoRequest = "video-request", n))(te || {});
-const ue = (n, e, t) => n.getAsync("componentResolver").then(async (s) => {
-  (await A.getInstance(n)).addSubscription(
+var te = /* @__PURE__ */ ((o) => (o.LinkList = "link-list", o.Separator = "separator", o.ButtonList = "button-list", o.ItemList = "item-list", o.Text = "text", o.HTML = "html", o.VideoRequest = "video-request", o))(te || {});
+const ue = (o, e, t) => o.getAsync("componentResolver").then(async (s) => {
+  (await A.getInstance(o)).addSubscription(
     s.registerComponent(
       e,
       U(() => t)
@@ -990,6 +1004,7 @@ const ue = (n, e, t) => n.getAsync("componentResolver").then(async (s) => {
   );
 });
 export {
+  k as Agent,
   he as ConversationComponent,
   V as ConversationController,
   S as ConversationEndedBehavior,
@@ -997,6 +1012,7 @@ export {
   te as ConversationMessageListItemType,
   w as ConversationMessageType,
   A as ConversationPlatform,
+  T as ConversationProvider,
   le as ConversationReturnButtonComponent,
   ue as registerCustomMessageComponent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/widget-conversation",
-  "version": "1.1.1",
+  "version": "1.1.2-rc.1",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -10,13 +10,13 @@
     }
   },
   "dependencies": {
-    "@telia-ace/widget-core": "^1.1.1",
-    "@telia-ace/widget-forms": "^1.1.1",
-    "@telia-ace/widget-plugins": "^1.1.1",
-    "@telia-ace/widget-routing": "^1.1.1",
-    "@telia-ace/widget-services": "^1.1.1",
-    "@telia-ace/widget-ui": "^1.1.1",
-    "@telia-ace/widget-utilities": "^1.1.1",
+    "@telia-ace/widget-core": "^1.1.2-rc.1",
+    "@telia-ace/widget-forms": "^1.1.2-rc.1",
+    "@telia-ace/widget-plugins": "^1.1.2-rc.1",
+    "@telia-ace/widget-routing": "^1.1.2-rc.1",
+    "@telia-ace/widget-services": "^1.1.2-rc.1",
+    "@telia-ace/widget-ui": "^1.1.2-rc.1",
+    "@telia-ace/widget-utilities": "^1.1.2-rc.1",
     "@webprovisions/platform": "^1.1.4"
   },
   "peerDependencies": {

package/user.d.ts

@@ -5,5 +5,5 @@ export declare class User {
     constructor(controller: ConversationController);
     print: (settings: string | ConversationMessageSettings, options?: {
         key?: string;
-    }) => ConversationEntry;
+    }, timestamp?: number | null) => ConversationEntry;
 }