@telia-ace/ace-chat-flamingo 1.1.120-rc.6 → 1.1.120-rc.7

package/index.js

@@ -1274,7 +1274,7 @@ Please report this to https://github.com/markedjs/marked.`,n){const i="<p>An err
         clip: rect(0, 0, 0, 0);
         border: 0;
       }
-    `];let le=Ns;Oe([O()],le.prototype,"message");Oe([O()],le.prototype,"disabledInput");Oe([O()],le.prototype,"disabledSkipToLatest");Oe([O()],le.prototype,"disabledSubmit");Oe([O()],le.prototype,"chatOverlayActive");Oe([O()],le.prototype,"textAreaLength");Oe([O()],le.prototype,"platform");Oe([O()],le.prototype,"entries");Oe([O()],le.prototype,"typing");const we=n=>n.objectType==="info",Od=n=>n.objectType==="chatEntry",Ld=n=>n.objectType==="pen",Rd=n=>n.objectType==="chatButtonClicked",Id=n=>n.objectType==="endVideoButtonClicked",Pd=n=>n.type==="queue-status",Md=n=>n.type==="established",Dd=n=>n.type==="pen-status",Ud=n=>n.type==="prepareVideo",Nd=n=>n.type==="videoPrepared",zd=n=>n.type==="chatButtonClicked",jd=n=>n.type==="endVideoButtonClicked",Hd=n=>n.type==="chat-ended";class Un extends Error{constructor(e){super(e),this.name="EngineException"}}class xs{constructor(e,t){this.endpoint=e,this.timeout=t,this.protocolVersion="A",this.penStatusJustSent=!1}async chatJoin(e){var i,s,r;const t=await this.sendRequest("chatJoin",{invitationUid:e.invitationUid,uid:e.uid,instance:e.instance,protocolVersion:this.protocolVersion,videoChatMode:e.videoChatMode,customerName:e.customerName});if(!t.dataObjects||!((i=t==null?void 0:t.dataObjects)!=null&&i.length)||((s=t==null?void 0:t.dataObjects[0])==null?void 0:s.infoType)==="error")throw t.dataObjects?new Error(`chatRequest - ${(r=t==null?void 0:t.dataObjects[0])==null?void 0:r.text}`):new Error("chatRequest - unknown error")}async chatRequest(e){var i,s,r,o,a;const t=await this.sendRequest("chatRequest",{...e.customData,uid:e.uid,instance:e.instance,queueMessageInterval:e.queueMessageInterval.toString(),protocolVersion:this.protocolVersion,entrance:e.entrance,errand:e.errand.length?e.errand:"997",videoChatMode:e.videoChatMode,customerName:e.customerName,customerEmailAddress:e.customerEmailAddress,visitorQuestion:e.visitorQuestion,visitorUserAgent:((i=window==null?void 0:window.navigator)==null?void 0:i.userAgent)||"",sourceUrl:((s=window==null?void 0:window.location)==null?void 0:s.href)||"",...e.authToken&&{authToken:e.authToken}});if(!t.dataObjects||!((r=t==null?void 0:t.dataObjects)!=null&&r.length)||((o=t==null?void 0:t.dataObjects[0])==null?void 0:o.infoType)==="error")throw t.dataObjects?new Error(`chatRequest - ${(a=t==null?void 0:t.dataObjects[0])==null?void 0:a.text}`):new Error("chatRequest - unknown error")}async videoPrepared(e){await this.sendRequest("videoPrepared",{uid:e.uid,instance:e.instance,result:e.result,protocolVersion:this.protocolVersion})}chatRead(e){return this.sendRequest("chatRead",{uid:e.uid,instance:e.instance,entrance:e.entrance,maxObjectId:`${e.maxObjectId}`,protocolVersion:this.protocolVersion})}sendPenStatusOn(e){if(this.penStatusTimer&&clearTimeout(this.penStatusTimer),e.key==="Enter"){this.penStatusJustSent=!1;return}this.penStatusJustSent||(this.sendRequest("chatPenStatus",{uid:e.uid,instance:e.instance,penStatus:"on",protocolVersion:this.protocolVersion}),this.penStatusJustSent=!0,setTimeout(()=>{this.penStatusJustSent=!1},5e3)),this.penStatusTimer=setTimeout(()=>this.sendPenStatusOff(e),5e3)}sendPenStatusOff(e){this.penStatusJustSent&&clearTimeout(this.penStatusTimer),this.sendRequest("chatPenStatus",{uid:e.uid,instance:e.instance,penStatus:"off",protocolVersion:this.protocolVersion})}chatWrite(e){return this.sendPenStatusOff(e),this.sendRequest("chatWrite",{uid:e.uid,instance:e.instance,clockstamp:e.clockstamp,message:e.message,protocolVersion:this.protocolVersion})}async chatQuit(e){this.sendPenStatusOff(e),await this.sendRequest("chatQuit",{uid:e.uid,instance:e.instance,protocolVersion:this.protocolVersion})}async chatCheckSession(e){var i;const t=await this.sendRequest("chatCheckSession",{uid:e.uid,instance:e.instance,protocolVersion:this.protocolVersion});return Object.keys(t).length===0?null:((i=t.dataObjects)==null||i.sort((s,r)=>s.objectId-r.objectId),t)}async chatEmailSession(e){return this.sendRequest("chatEmailSession",{uid:e.uid,instance:e.instance,emailAddress:e.emailAddress,protocolVersion:this.protocolVersion})}async sendRequest(e,t){const i=this.endpoint.includes("engine-simulator")?"include":void 0,s=`${xs.removeTrailingSlashes(this.endpoint)}/${e}`,r=await fetch(s,{body:new URLSearchParams(t),method:"POST",credentials:i,headers:{"Content-Type":"application/x-www-form-urlencoded",Accept:"*/*"},signal:this.timeout?AbortSignal.timeout(this.timeout):void 0});return Number(r.headers.get("content-length"))>0?r.json():{}}static removeTrailingSlashes(e){return e.replace(/\/+$/,"")}}const Fd=()=>"10000000-1000-4000-8000-100000000000".replace(/[018]/g,n=>(+n^crypto.getRandomValues(new Uint8Array(1))[0]&15>>+n/4).toString(16)),Zi=()=>typeof crypto.randomUUID=="function"?crypto.randomUUID():Fd();function Yi(n){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n)}function Wa(n){return n.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}class Bd{constructor(e,t){this.config=e,this.messageSubject$=new P,this.actionsSubject$=new P,this.messages=()=>this.messageSubject$.asObservable(),this.actions=()=>this.actionsSubject$.asObservable(),this.sessionId="",this.lastObjectId=0,this.sessionId=t??Zi(),this.client=new xs(this.config.engineUrl,this.config.engineTimeout)}chatJoin(e){return Ve(this.client.chatJoin({invitationUid:e.invitationUid,uid:this.sessionId,customerName:e.customerName,instance:this.config.instance,videoChatMode:this.config.videoChatMode})).pipe(Li(t=>(console.error(t),this.messageSubject$.next({text:this.config.errorMessage??"An error occured",source:"system"}),new j)),_e(()=>this.poll().pipe(pi(()=>this.poll()),fi())))}chatRequest(e){return Ve(this.client.chatRequest({uid:this.sessionId,customerName:e.customerName,customerEmailAddress:e.customerEmailAddress,visitorQuestion:e.visitorQuestion,instance:this.config.instance,queueMessageInterval:this.config.queueMessageInterval,entrance:this.config.entrance,errand:e.errand,videoChatMode:this.config.videoChatMode,customData:e.customData,...e.authToken&&{authToken:e.authToken}})).pipe(Li(t=>(console.error(t),this.messageSubject$.next({text:this.config.errorMessage??"An error occured",source:"system"}),new j)),_e(()=>this.poll().pipe(pi(()=>this.poll()),fi())))}reconnect(){return this.poll().pipe(pi(()=>this.poll()),fi())}poll(){return ic(()=>Ve(this.client.chatRead({uid:this.sessionId,instance:this.config.instance,entrance:this.config.entrance,maxObjectId:this.lastObjectId})).pipe(hc(e=>{this.processMessages(e)})))}async chatWrite(e){const t=await this.client.chatWrite({uid:this.sessionId,instance:this.config.instance,clockstamp:Date.now().toString(),message:e}),i=((t==null?void 0:t.dataObjects)||[]).find(s=>we(s)&&s.infoType==="error");if(i)throw new Un(i.text||"Unable to send message")}sendPenStatusOn(e){this.client.sendPenStatusOn({uid:this.sessionId,instance:this.config.instance,key:e})}async videoPrepared(e){await this.client.videoPrepared({uid:this.sessionId,instance:this.config.instance,result:e})}async chatQuit(){await this.client.chatQuit({uid:this.sessionId,instance:this.config.instance})}async chatEmailSession(e){const t=await this.client.chatEmailSession({uid:this.sessionId,instance:this.config.instance,emailAddress:e});if(((t==null?void 0:t.dataObjects)||[]).find(s=>we(s)&&s.infoType==="error"))throw new Un("Unable to send email with conversation")}processMessages(e){e.dataObjects.forEach(t=>{Od(t)&&t.source&&t.objectId>=this.lastObjectId&&this.messageSubject$.next({text:t.message,source:t.source,invitationNo:t.invitationNo.toString(),alias:t.alias}),Ld(t)&&this.actionsSubject$.next({penStatus:t.penStatus,type:"pen-status"}),we(t)&&t.infoType==="queue"&&this.actionsSubject$.next({text:t.text,type:"queue-status"}),we(t)&&t.infoType==="established"&&this.actionsSubject$.next({text:t.text,agent:t.agent,type:"established",videoEnded:t.videoEnded,contactId:t.contactId,agentUsername:t.agentUsername,entrance:t.entrance,errand:t.errand}),we(t)&&t.infoType==="prepareVideo"&&this.actionsSubject$.next({type:"prepareVideo"}),we(t)&&t.infoType==="videoPrepared"&&this.actionsSubject$.next({text:t.text,agent:t.agent,type:"videoPrepared",userUrl:t.userUrl}),Rd(t)&&this.actionsSubject$.next({guestId:t.guestId,type:"chatButtonClicked"}),Id(t)&&this.actionsSubject$.next({guestId:t.guestId,type:"endVideoButtonClicked"}),we(t)&&["afterChat","finished"].includes(t.infoType)&&this.actionsSubject$.next({text:t.text,type:"chat-ended",showForm:t.infoType==="afterChat",contactId:t.contactId})}),this.lastObjectId=e.maxObjectId}async getChatStatus(){const e=await this.client.chatCheckSession({uid:this.sessionId,instance:this.config.instance});if(!e)return"noSession";const t=e.dataObjects;for(const i of t)if(we(i))switch(i.infoType){case"finished":case"afterChat":return"finished";case"noSession":return"noSession"}return"active"}async rehydrate(){const e=await this.client.chatCheckSession({uid:this.sessionId,instance:this.config.instance});return!e||(e.dataObjects||[]).find(t=>we(t)&&t.infoType==="noSession")?null:(this.processMessages(e),e)}}class Ie{constructor(e){this._email="",this._host=e,e.addController(this)}static getInstance(e){return Ie.instance?Ie.instance.updateHost(e):Ie.instance=new Ie(e),Ie.instance}updateHost(e){this._host=e,e.addController(this)}hostConnected(){}set email(e){this._email=e,this._host.requestUpdate()}get email(){return this._email}clearData(){this._email="",this._host.requestUpdate()}}var qd=Object.defineProperty,xt=(n,e,t,i)=>{for(var s=void 0,r=n.length-1,o;r>=0;r--)(o=n[r])&&(s=o(e,t,s)||s);return s&&qd(e,t,s),s},ft;let Je=(ft=class extends E{constructor(){super(),this.submitted=!1,this.customData=[],this.customerName="",this.validationErrors=[],this.showValidationWarning=!1,this.emailController=Ie.getInstance(this),this.emailController.clearData()}connectedCallback(){var r,o,a,l;super.connectedCallback();const e=this.application.settings.components.conversation,t=this.application.userData,i=((o=(r=e==null?void 0:e.properties)==null?void 0:r.chat)==null?void 0:o.customData)||[];this.customData=i.map(c=>{let u;switch(c.entryType){case"text":case"dropdown":u="";break;case"number":u=0;break;case"boolean":u=!1;break}return{...c,value:u}});const s=this.customData.find(c=>c.name==="customerName");s&&(this.customerName=((l=(a=t.completionData)==null?void 0:a.user)==null?void 0:l.name)||"",s.value=this.customerName)}_onStartChat(e){if(e.preventDefault(),this.showValidationWarning=!1,this.customData.forEach(c=>{this.validateCustomDataEntry(c)}),this.validationErrors.length>0){this.showValidationWarning=!0;return}this.submitted=!0;const t=this.customData.find(c=>c.name==="customerEmailAddress");t&&(this.emailController.email=t.value);const i=this.customData.reduce((c,u)=>(c[u.name]=u.value,c),{}),{customerName:s,customerEmailAddress:r,visitorQuestion:o,...a}=i,l=new CustomEvent("action",{bubbles:!0,composed:!0,detail:{key:"submitted",data:{name:s,email:r,question:o,customData:a}}});this.dispatchEvent(l)}_customDataValueChanged(e,t){this.customData=this.customData.map(i=>(i.name===t.name&&(i.value=e),i))}validateCustomDataEntry(e){e.required&&(e.name==="customerEmailAddress"&&!Yi(e.value)?this.validationErrors.includes(e.name)||this.validationErrors.push(e.name):e.value?this.validationErrors=this.validationErrors.filter(t=>t!==e.name):this.validationErrors.includes(e.name)||this.validationErrors.push(e.name))}render(){if(this.submitted)return w;const e=this.application.texts;return y`<div class="container">
+    `];let le=Ns;Oe([O()],le.prototype,"message");Oe([O()],le.prototype,"disabledInput");Oe([O()],le.prototype,"disabledSkipToLatest");Oe([O()],le.prototype,"disabledSubmit");Oe([O()],le.prototype,"chatOverlayActive");Oe([O()],le.prototype,"textAreaLength");Oe([O()],le.prototype,"platform");Oe([O()],le.prototype,"entries");Oe([O()],le.prototype,"typing");const we=n=>n.objectType==="info",Od=n=>n.objectType==="chatEntry",Ld=n=>n.objectType==="pen",Rd=n=>n.objectType==="chatButtonClicked",Id=n=>n.objectType==="endVideoButtonClicked",Pd=n=>n.type==="queue-status",Md=n=>n.type==="established",Dd=n=>n.type==="pen-status",Ud=n=>n.type==="prepareVideo",Nd=n=>n.type==="videoPrepared",zd=n=>n.type==="chatButtonClicked",jd=n=>n.type==="endVideoButtonClicked",Hd=n=>n.type==="chat-ended";class Un extends Error{constructor(e){super(e),this.name="EngineException"}}class xs{constructor(e,t){this.endpoint=e,this.timeout=t,this.protocolVersion="A",this.penStatusJustSent=!1}async chatJoin(e){var i,s,r;const t=await this.sendRequest("chatJoin",{invitationUid:e.invitationUid,uid:e.uid,instance:e.instance,protocolVersion:this.protocolVersion,videoChatMode:e.videoChatMode,customerName:e.customerName});if(!t.dataObjects||!((i=t==null?void 0:t.dataObjects)!=null&&i.length)||((s=t==null?void 0:t.dataObjects[0])==null?void 0:s.infoType)==="error")throw t.dataObjects?new Error(`chatRequest - ${(r=t==null?void 0:t.dataObjects[0])==null?void 0:r.text}`):new Error("chatRequest - unknown error")}async chatRequest(e){var i,s,r,o,a;const t=await this.sendRequest("chatRequest",{...e.customData,uid:e.uid,instance:e.instance,queueMessageInterval:e.queueMessageInterval.toString(),protocolVersion:this.protocolVersion,entrance:e.entrance,errand:e.errand.length?e.errand:"997",videoChatMode:e.videoChatMode,customerName:e.customerName,customerEmailAddress:e.customerEmailAddress,visitorQuestion:e.visitorQuestion,visitorUserAgent:((i=window==null?void 0:window.navigator)==null?void 0:i.userAgent)||"",sourceUrl:((s=window==null?void 0:window.location)==null?void 0:s.href)||"",...e.authToken&&{authToken:e.authToken}});if(!t.dataObjects||!((r=t==null?void 0:t.dataObjects)!=null&&r.length)||((o=t==null?void 0:t.dataObjects[0])==null?void 0:o.infoType)==="error")throw t.dataObjects?new Error(`chatRequest - ${(a=t==null?void 0:t.dataObjects[0])==null?void 0:a.text}`):new Error("chatRequest - unknown error")}async videoPrepared(e){await this.sendRequest("videoPrepared",{uid:e.uid,instance:e.instance,result:e.result,protocolVersion:this.protocolVersion})}chatRead(e){return this.sendRequest("chatRead",{uid:e.uid,instance:e.instance,entrance:e.entrance,maxObjectId:`${e.maxObjectId}`,protocolVersion:this.protocolVersion})}sendPenStatusOn(e){if(this.penStatusTimer&&clearTimeout(this.penStatusTimer),e.key==="Enter"){this.penStatusJustSent=!1;return}this.penStatusJustSent||(this.sendRequest("chatPenStatus",{uid:e.uid,instance:e.instance,penStatus:"on",protocolVersion:this.protocolVersion}),this.penStatusJustSent=!0,setTimeout(()=>{this.penStatusJustSent=!1},5e3)),this.penStatusTimer=setTimeout(()=>this.sendPenStatusOff(e),5e3)}sendPenStatusOff(e){this.penStatusJustSent&&clearTimeout(this.penStatusTimer),this.sendRequest("chatPenStatus",{uid:e.uid,instance:e.instance,penStatus:"off",protocolVersion:this.protocolVersion})}chatWrite(e){return this.sendPenStatusOff(e),this.sendRequest("chatWrite",{uid:e.uid,instance:e.instance,clockstamp:e.clockstamp,message:e.message,protocolVersion:this.protocolVersion})}async chatQuit(e){this.sendPenStatusOff(e),await this.sendRequest("chatQuit",{uid:e.uid,instance:e.instance,protocolVersion:this.protocolVersion})}async chatCheckSession(e){var i;const t=await this.sendRequest("chatCheckSession",{uid:e.uid,instance:e.instance,protocolVersion:this.protocolVersion});return Object.keys(t).length===0?null:((i=t.dataObjects)==null||i.sort((s,r)=>s.objectId-r.objectId),t)}async chatEmailSession(e){return this.sendRequest("chatEmailSession",{uid:e.uid,instance:e.instance,emailAddress:e.emailAddress,protocolVersion:this.protocolVersion})}async sendRequest(e,t){const i=this.endpoint.includes("engine-simulator")?"include":void 0,s=`${xs.removeTrailingSlashes(this.endpoint)}/${e}`,r=await fetch(s,{body:new URLSearchParams(t),method:"POST",credentials:i,headers:{"Content-Type":"application/x-www-form-urlencoded",Accept:"*/*"},signal:this.timeout?AbortSignal.timeout(this.timeout):void 0});return Number(r.headers.get("content-length"))>0?r.json():{}}static removeTrailingSlashes(e){return e.replace(/\/+$/,"")}}const Fd=()=>"10000000-1000-4000-8000-100000000000".replace(/[018]/g,n=>(+n^crypto.getRandomValues(new Uint8Array(1))[0]&15>>+n/4).toString(16)),Zi=()=>typeof crypto.randomUUID=="function"?crypto.randomUUID():Fd();function Yi(n){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n)}function Wa(n){return n.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}class Bd{constructor(e,t){this.config=e,this.messageSubject$=new P,this.actionsSubject$=new P,this.messages=()=>this.messageSubject$.asObservable(),this.actions=()=>this.actionsSubject$.asObservable(),this.sessionId="",this.lastObjectId=0,this.sessionId=t??Zi(),this.client=new xs(this.config.engineUrl,this.config.engineTimeout)}chatJoin(e){return Ve(this.client.chatJoin({invitationUid:e.invitationUid,uid:this.sessionId,customerName:e.customerName,instance:this.config.instance,videoChatMode:this.config.videoChatMode})).pipe(Li(t=>(console.error(t),this.messageSubject$.next({text:this.config.errorMessage??"An error occured",source:"system"}),new j)),_e(()=>this.poll().pipe(pi(()=>this.poll()),fi())))}chatRequest(e){return Ve(this.client.chatRequest({uid:this.sessionId,customerName:e.customerName,customerEmailAddress:e.customerEmailAddress,visitorQuestion:e.visitorQuestion,instance:this.config.instance,queueMessageInterval:this.config.queueMessageInterval,entrance:this.config.entrance,errand:e.errand,videoChatMode:this.config.videoChatMode,customData:e.customData,...e.authToken&&{authToken:e.authToken}})).pipe(Li(t=>(console.error(t),this.messageSubject$.next({text:this.config.errorMessage??"An error occured",source:"system"}),new j)),_e(()=>this.poll().pipe(pi(()=>this.poll()),fi())))}reconnect(){return this.poll().pipe(pi(()=>this.poll()),fi())}poll(){return ic(()=>Ve(this.client.chatRead({uid:this.sessionId,instance:this.config.instance,entrance:this.config.entrance,maxObjectId:this.lastObjectId})).pipe(hc(e=>{this.processMessages(e)})))}async chatWrite(e){const t=await this.client.chatWrite({uid:this.sessionId,instance:this.config.instance,clockstamp:Date.now().toString(),message:e}),i=((t==null?void 0:t.dataObjects)||[]).find(s=>we(s)&&s.infoType==="error");if(i)throw new Un(i.text||"Unable to send message")}sendPenStatusOn(e){this.client.sendPenStatusOn({uid:this.sessionId,instance:this.config.instance,key:e})}async videoPrepared(e){await this.client.videoPrepared({uid:this.sessionId,instance:this.config.instance,result:e})}async chatQuit(){await this.client.chatQuit({uid:this.sessionId,instance:this.config.instance})}async chatEmailSession(e){const t=await this.client.chatEmailSession({uid:this.sessionId,instance:this.config.instance,emailAddress:e});if(((t==null?void 0:t.dataObjects)||[]).find(s=>we(s)&&s.infoType==="error"))throw new Un("Unable to send email with conversation")}processMessages(e){e.dataObjects.forEach(t=>{Od(t)&&t.source&&t.objectId>=this.lastObjectId&&this.messageSubject$.next({text:t.message,source:t.source,invitationNo:t.invitationNo.toString(),alias:t.alias}),Ld(t)&&this.actionsSubject$.next({penStatus:t.penStatus,type:"pen-status"}),we(t)&&t.infoType==="queue"&&this.actionsSubject$.next({text:t.text,type:"queue-status"}),we(t)&&t.infoType==="established"&&this.actionsSubject$.next({text:t.text,agent:t.agent,type:"established",videoEnded:t.videoEnded,contactId:t.contactId,agentUsername:t.agentUsername,entrance:t.entrance,errand:t.errand}),we(t)&&t.infoType==="prepareVideo"&&this.actionsSubject$.next({type:"prepareVideo"}),we(t)&&t.infoType==="videoPrepared"&&this.actionsSubject$.next({text:t.text,agent:t.agent,type:"videoPrepared",userUrl:t.userUrl}),Rd(t)&&this.actionsSubject$.next({guestId:t.guestId,type:"chatButtonClicked"}),Id(t)&&this.actionsSubject$.next({guestId:t.guestId,type:"endVideoButtonClicked"}),we(t)&&["afterChat","finished"].includes(t.infoType)&&this.actionsSubject$.next({text:t.text,type:"chat-ended",showForm:t.infoType==="afterChat",contactId:t.contactId})}),this.lastObjectId=e.maxObjectId}async getChatStatus(){const e=await this.client.chatCheckSession({uid:this.sessionId,instance:this.config.instance});if(!e)return"noSession";const t=e.dataObjects;for(const i of t)if(we(i))switch(i.infoType){case"finished":case"afterChat":return"finished";case"noSession":return"noSession"}return"active"}async rehydrate(){const e=await this.client.chatCheckSession({uid:this.sessionId,instance:this.config.instance});return!e||(e.dataObjects||[]).find(t=>we(t)&&t.infoType==="noSession")?null:(this.processMessages(e),e)}}class Ie{constructor(e){this._email="",this._host=e,e.addController(this)}static getInstance(e){return Ie.instance?Ie.instance.updateHost(e):Ie.instance=new Ie(e),Ie.instance}updateHost(e){this._host=e,e.addController(this)}hostConnected(){}set email(e){this._email=e,this._host.requestUpdate()}get email(){return this._email}clearData(){this._email="",this._host.requestUpdate()}}var qd=Object.defineProperty,xt=(n,e,t,i)=>{for(var s=void 0,r=n.length-1,o;r>=0;r--)(o=n[r])&&(s=o(e,t,s)||s);return s&&qd(e,t,s),s},ft;let Je=(ft=class extends E{constructor(){super(),this.submitted=!1,this.customData=[],this.customerName="",this.validationErrors=[],this.showValidationWarning=!1,this.emailController=Ie.getInstance(this),this.emailController.clearData()}connectedCallback(){var r,o,a,l;super.connectedCallback();const e=this.application.settings.components.conversation,t=this.application.userData,i=((o=(r=e==null?void 0:e.properties)==null?void 0:r.chat)==null?void 0:o.customData)??[];this.customData=i.map(c=>{let u;switch(c.entryType){case"text":case"dropdown":u="";break;case"number":u=0;break;case"boolean":u=!1;break}return{...c,value:u}});const s=this.customData.find(c=>c.name==="customerName");s&&(this.customerName=((l=(a=t.completionData)==null?void 0:a.user)==null?void 0:l.name)??"",s.value=this.customerName)}_onStartChat(e){if(e.preventDefault(),this.showValidationWarning=!1,this.customData.forEach(c=>{this.validateCustomDataEntry(c)}),this.validationErrors.length>0){this.showValidationWarning=!0;return}this.submitted=!0;const t=this.customData.find(c=>c.name==="customerEmailAddress");t&&(this.emailController.email=t.value);const i=this.customData.reduce((c,u)=>(c[u.name]=u.value,c),{}),{customerName:s,customerEmailAddress:r,visitorQuestion:o,...a}=i,l=new CustomEvent("action",{bubbles:!0,composed:!0,detail:{key:"submitted",data:{name:s,email:r,question:o,customData:a}}});this.dispatchEvent(l)}_customDataValueChanged(e,t){this.customData=this.customData.map(i=>(i.name===t.name&&(i.value=e),i))}validateCustomDataEntry(e){e.required&&(e.name==="customerEmailAddress"&&!Yi(e.value)||!e.value?this.validationErrors.includes(e.name)||this.validationErrors.push(e.name):this.validationErrors=this.validationErrors.filter(t=>t!==e.name))}render(){if(this.submitted)return w;const e=this.application.texts;return y`<div class="container">
       <form class="form" @submit=${this._onStartChat}>
         <div class="header-row">
           <telia-icon class="header-icon" svg=${Jo.svg}></telia-icon>
@@ -1730,14 +1730,18 @@ Please report this to https://github.com/markedjs/marked.`,n){const i="<p>An err
         align-items: center;
       }
     `];let zn=Fs;Qd([Te({context:ge}),k({attribute:!1})],zn.prototype,"application");window.customElements.get("ace-survey")||window.customElements.define("ace-survey",zn);var Xd=Object.defineProperty,Kd=(n,e,t,i)=>{for(var s=void 0,r=n.length-1,o;r>=0;r--)(o=n[r])&&(s=o(e,t,s)||s);return s&&Xd(e,t,s),s};const Bs=class Bs extends E{_onClose(){this.application.trigger&&this.application.trigger.toggleActive()}render(){const e=this.application.texts;return y`<div class="container">
-      <h3>
+      <h3 data-testid="entrance-closed-title">
         ${e.getOrFallback("entrance-closed.title","We're currently closed")}
       </h3>
-      <p>
+      <p data-testid="entrance-closed-ingress">
         ${e.getOrFallback("entrance-closed.ingress","Our team is currently away, but we'll be back during our regular opening hours.")}
       </p>
       <div class="button-container">
-        <button type="button" @click=${this._onClose}>
+        <button
+          type="button"
+          @click=${this._onClose}
+          data-testid="entrance-closed-button"
+        >
           <telia-icon svg=${as.svg}></telia-icon>
           ${e.getOrFallback("entrance-closed.close-button","Close chat")}
         </button>
@@ -2079,6 +2083,7 @@ Please report this to https://github.com/markedjs/marked.`,n){const i="<p>An err
           target="_blank"
           href="${this.tunnistusURL}"
           @click=${this._onStartAuth}
+          data-testid="card-auth-link"
         >
           Authenticate with Tunnistus
           <telia-icon svg=${ta.svg} size="sm"></telia-icon>
@@ -2152,7 +2157,7 @@ Please report this to https://github.com/markedjs/marked.`,n){const i="<p>An err
         justify-content: center;
         align-items: center;
       }
-    `];let Qi=Gs;window.customElements.get("tunnistus-link-button")||window.customElements.define("tunnistus-link-button",Qi);/**
+    `];let Qi=Gs;window.customElements.get("ace-tunnistus-auth-card")||window.customElements.define("ace-tunnistus-auth-card",Qi);/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -2194,4 +2199,4 @@ Please report this to https://github.com/markedjs/marked.`,n){const i="<p>An err
   "clientName": "idhub-web-1.0.0",
   "orderRef": "${this.orderRef}",
   "method": "auth"
-}`,method:"POST"})).json();return console.log("\x1B[31mID-Hub \x1B[32m - Collect result",t),t}}function up(n){return decodeURIComponent(atob(n).split("").map(function(e){return"%"+("00"+e.charCodeAt(0).toString(16)).slice(-2)}).join(""))}class _s extends vc{constructor(e,t){var i,s;super(e,t),this.agent=this.createAgent(""),this.user=this.createUser(""),this.pendingMessages=[],this.texts=this.component.application.texts,this.isThirdPartyParticipant=this.component.properties.chat.isThirdPartyWidget,this.disconnected$=new P,this.agentUsername=null,this.conversationOption=null,this._conversationOptions={},this.sessionId=null,this.contactId=null,this.errand=null,this.entrance=null,this.guestId=null,this.chatOverlayActive=!1,this.inVideoCall=!1,this._onQueueStatusReceived=r=>{this._setQueueStatus(r.text||null)},this._onEstablished=r=>{this.contactId=r.contactId,this.errand=r.errand,this.entrance=r.entrance,this.agentUsername=r.agentUsername;const o={contactId:this.contactId,errand:this.errand,entrance:this.entrance,agentUsername:this.agentUsername};this.save({survey:o}),this._setQueueStatus(null),this.agent.name=r.agent,r.videoEnded&&this.removeVideo()},this._onPrepareVideo=()=>{this.prepareVideo()},this._onVideoPrepared=r=>{this.showVideo(r.userUrl)},this._onChatButtonClicked=r=>{this.showChatOverVideo(r.guestId)},this._onEndVideoButtonClicked=r=>{this.handleEndVideoConference(r.guestId)},this._onPenStatusChange=r=>{r.penStatus==="on"?this.setTypingState(!0):this.setTypingState(!1)},this._onChatEnded=async r=>{var a,l;this.setToastMessage(null),this.setTypingState(!1),this.videoConfirmDialogEntry&&this.videoConfirmDialogEntry.remove(),this.component.disableInput(),r.showForm&&this.showConversationEndedForm();const o=this.component.application.settings;(a=o==null?void 0:o.survey)!=null&&a.shouldUseSurvey&&((l=o==null?void 0:o.survey)!=null&&l.surveyBaseUrl)&&this.showSurvey(),this.isThirdPartyParticipant?this._removeHeaderOptions():this._setStartNewChatOption(),this.complete()},this.headerComponent=this.component.application.getComponent("widget-header"),this.params=new URLSearchParams(document.location.search),this.invitationUid=this.params.get("invitationUid"),this.customerName=this.params.get("customerName")||void 0,this.properties=t.properties,(i=this.component.application.settings)!=null&&i.auth&&(this.idHubClient=new cp((s=this.component.application.settings)==null?void 0:s.auth))}static getInstance(e,t){return t.providerInstance??(t.providerInstance=new _s(e,t)),t.providerInstance}connect(e={}){super.connect(),this._conversationOptions=e;const t={...this.properties.chat??{},...e},i=!!this.sessionId;if(!i){const r=Zi();this._setSessionId(r)}this.save({chatSessionId:this.sessionId}),this.engine=new Bd(t,this.sessionId),this.engine.messages().subscribe(r=>{switch(r.source){case"agent":this.printAgent(r.text);break;case"customer":this._clearPendingMessages(),this.isThirdPartyParticipant?r.source==="customer"&&r.invitationNo==="0"?this.printAgent(r.text,r.alias):this.printUser(r.text):r.source==="customer"&&Number(r.invitationNo)>0?this.printAgent(r.text,r.alias):this.printUser(r.text);break;case"system":this.printSystem(r.text);break}}),this.engine.actions().pipe(B(this.disconnected$),K(Pd)).subscribe(this._onQueueStatusReceived),this.engine.actions().pipe(B(this.disconnected$),K(Md)).subscribe(this._onEstablished),this.engine.actions().pipe(B(this.disconnected$),K(Ud)).subscribe(this._onPrepareVideo),this.engine.actions().pipe(B(this.disconnected$),K(Nd)).subscribe(this._onVideoPrepared),this.engine.actions().pipe(B(this.disconnected$),K(zd)).subscribe(this._onChatButtonClicked),this.engine.actions().pipe(B(this.disconnected$),K(jd)).subscribe(this._onEndVideoButtonClicked),this.engine.actions().pipe(B(this.disconnected$),K(Dd)).subscribe(this._onPenStatusChange),this.engine.actions().pipe(B(this.disconnected$),K(Hd)).subscribe(this._onChatEnded),this.setHeaderOption();const s=this.component.application.trigger;s&&s.widgetActive$.pipe(B(s.componentIsDestroyed$)).subscribe(r=>{r&&(this.conversationOption=null,this.setHeaderOption())}),this.component.userTyping$.pipe(B(this.disconnected$)).subscribe(r=>{var o;(o=this.engine)==null||o.sendPenStatusOn(r)}),i?this.engine.rehydrate().then(r=>{var o;r?(o=this.engine)==null||o.reconnect().pipe(B(this.disconnected$)).subscribe({error:a=>{console.error("Failed to reconnect to the engine:",a)}}):this.initializeChat(t).catch(a=>{console.error("Failed to initialize chat during rehydration:",a)})}):this.initializeChat(t).catch(r=>{console.error("Failed to initialize chat:",r)})}async setHeaderOption(){switch(await this.engine.getChatStatus()){case"finished":this.isThirdPartyParticipant?this._removeHeaderOptions():this._setStartNewChatOption();break;case"active":this._setEndConversationOption();break;case"noSession":this.conversationOption=null}}disconnected(){super.disconnected(),this.disconnected$.next()}_removeHeaderOptions(){const e=this.component.application.getComponent("widget-header");e&&e.removeOption(this.conversationOption)}_addHeaderOptions(e,t,i,s,r=!0){const o=this.component.application.getComponent("widget-header");if(o)return this.conversationOption?(this.conversationOption.label=e,this.conversationOption.key=t,this.conversationOption.icon=i,this.conversationOption.onClick=s,this.conversationOption.enabled=r,o.requestUpdate(),this.conversationOption):o.addOption({label:e,icon:i,closeOnClick:!0,key:t,onClick:s,enabled:r})}_startChat(e){var i,s;if(!this.engine)return;const t=e.customData.errand??this.engine.config.defaultErrand;if(!t)throw new Error("Errand is required but was not configured");if(this.isThirdPartyParticipant)this.component.application.root.style.visibility="visible",this.engine.chatJoin({invitationUid:this.invitationUid,customerName:this.customerName??e.customerName}).pipe(B(this.disconnected$)).subscribe();else{const r=(s=(i=this.component.application)==null?void 0:i.userData)==null?void 0:s.idhubEIDToken;this.engine.chatRequest({customerName:e.customerName,customerEmailAddress:e.customerEmailAddress??"",visitorQuestion:e.visitorQuestion??"",customData:e.customData,errand:t,...r&&{authToken:r}}).pipe(B(this.disconnected$)).subscribe()}this.component.enableInput(),this.component.enableSkipToLatestMessage(),this._setEndConversationOption()}_restartNewChat(){this.engine&&(this._setSessionId(null),this.component.clearMessages(),this._removeHeaderOptions(),this.connect(this._conversationOptions))}showSurvey(){const e=new J(z.System,{name:""},[{items:[["ace-survey",{content:""},{agentUsername:this.agentUsername??"",entrance:this.entrance??this.engine.config.entrance,errand:this.errand??this.engine.config.defaultErrand,contactId:this.contactId??""}]]}]);this.printEntry(e)}async startAuthenticationFlow(){var i;const e=await((i=this.idHubClient)==null?void 0:i.auth());let t;e&&(this.headerComponent.authUrl=e,this.headerComponent.provider=this,this.headerComponent.authState="non-authenticated",t=this.showTunnistusLinkButton(e),this.headerComponent.idref=t,t.actions$.pipe(K(s=>s.key==="start-auth"),he(1)).subscribe(()=>{this.handleAuthentication(t)}))}async handleAuthentication(e){var i,s,r,o;this.headerComponent.UserName="Authenticating...",this.headerComponent.authState="authenticating",this.headerComponent.requestUpdate();const t=await((i=this.idHubClient)==null?void 0:i.collectPolling());if(this.component.application.userData=t,(t==null?void 0:t.status)==="authenticated"){const a=up(((s=t==null?void 0:t.idhubEIDToken)==null?void 0:s.split(".")[1])||""),l=JSON.parse(a),c=((o=(r=l==null?void 0:l.completionData)==null?void 0:r.user)==null?void 0:o.name)||"";this.headerComponent.UserName=c,this.headerComponent.authState="authenticated",this.component.application.storage.set("auth",{name:c,authenticated:!0}),e==null||e.remove(),this.handleWelcomeForm(this.engine.config)}}async handleWelcomeForm(e){let t=!0;e.webApiUrl&&(t=await this.isEntranceOpen(e.webApiUrl,e.entrance)),t?this.customerName?this._startChat({customerName:this.customerName,customData:{}}):this.showWelcomeForm():this.showEntranceClosedDialog()}async initializeChat(e){var t,i;(i=(t=this.component.application.settings)==null?void 0:t.auth)!=null&&i.shouldUseAuth?await this.startAuthenticationFlow():this.handleWelcomeForm(e)}showTunnistusLinkButton(e){const t=new J(z.System,{name:""},[{items:[["tunnistus-link-button",{content:""},{tunnistusURL:e}]]}]);return this.printEntry(t),t}showWelcomeForm(){this.component.disableInput(),this.component.disableSkipToLatestMessage();let e;this.isThirdPartyParticipant?e=new J(z.System,{name:""},[{items:[["ace-welcome-form-third-party",{content:""}]]}]):e=new J(z.System,{name:""},[{items:[["ace-welcome-form",{content:""}]]}]),this.printEntry(e),e.actions$.pipe(K(t=>t.key==="submitted"),he(1)).subscribe(t=>{e.remove(),this._startChat({customerName:t.data.name,customerEmailAddress:t.data.email,visitorQuestion:t.data.question,customData:t.data.customData})})}showEntranceClosedDialog(){this.component.disableInput();const e=new J(z.System,{name:""},[{items:[["ace-entrance-closed-dialog",{content:""}]]}]);this.printEntry(e)}_setQueueStatus(e){this.setToastMessage(e)}showLogoutConfirmDialog(){var e;(e=this.logoutConfirmDialogEntry)==null||e.remove(),this.logoutConfirmDialogEntry=new J(z.System,{name:""},[{items:[["ace-logout-confirm-dialog",{content:""}]]}]),this.printEntry(this.logoutConfirmDialogEntry),this.logoutConfirmDialogEntry.actions$.pipe(K(t=>t.key==="logout-chat"),he(1)).subscribe(async t=>{var i;this.logoutConfirmDialogEntry&&this.logoutConfirmDialogEntry.remove(),((i=t.data)==null?void 0:i.result)==="logout"&&(await this.engine.getChatStatus()==="noSession"?(this.headerComponent._logout(),this._setSessionId(null),this.component.clearMessages(),this.startAuthenticationFlow()):this.endConversation())})}showQuitConfirmDialog(){var e;(e=this.quitConfirmDialogEntry)==null||e.remove(),this.quitConfirmDialogEntry=new J(z.System,{name:""},[{items:[["ace-quit-confirm-dialog",{content:""}]]}]),this.printEntry(this.quitConfirmDialogEntry),this.quitConfirmDialogEntry.actions$.pipe(K(t=>t.key==="quit-chat"),he(1)).subscribe(t=>{var i;this.quitConfirmDialogEntry&&this.quitConfirmDialogEntry.remove(),((i=t.data)==null?void 0:i.result)==="quit"&&this.endConversation()})}showConversationEndedForm(){const e=new J(z.System,{name:""},[{items:[["ace-conversation-ended-form",{content:""}]]}]);this.printEntry(e),e.actions$.pipe(K(t=>t.key==="submitted"),he(1)).subscribe(t=>{e.remove(),t.data.email&&this.sendConversationEmail(t.data.email)})}prepareVideo(){this.videoConfirmDialogEntry=new J(z.System,{name:""},[{items:[["ace-video-confirm-dialog",{content:""}]]}]),this.printEntry(this.videoConfirmDialogEntry),this.videoConfirmDialogEntry.actions$.pipe(K(e=>e.key==="video-confirm"),he(1)).subscribe(e=>{var t;this.videoConfirmDialogEntry&&this.videoConfirmDialogEntry.remove(),e.data.result==="declined"&&(this.guestId=null),(t=this.engine)==null||t.videoPrepared(e.data.result),this.printSystem(e.data.text)})}showVideo(e){var i;this.guestId=Zi(),this.videoIFrameElement=new Zt(e,this.guestId);const t=this.component.application.root;(i=t==null?void 0:t.shadowRoot)==null||i.prepend(this.videoIFrameElement),this.inVideoCall=!0,this.setHeaderOption()}showChatOverVideo(e){this.guestId&&e===this.guestId&&(this.chatOverlayActive=!0,this.showChatOverlay$.next(this.chatOverlayActive))}handleEndVideoConference(e){this.guestId&&e===this.guestId&&this.removeVideo()}printAgent(e,t=""){const i=t.length>0?this.agent.print(e,"markdown",t):this.agent.print(e,"markdown");return this.setTypingState(!1),i}printUser(e){const t=Ii(Er(e));return this.user.print(t)}printSystem(e){const t=Ii(Er(e));return this.system.print(t)}_setEndConversationOption(){this.conversationOption=this._addHeaderOptions(this.texts.getOrFallback("widget-header.end-conversation","End conversation"),"end-conversation-button",as.svg,()=>{this.showQuitConfirmDialog()},!this.inVideoCall)}_setStartNewChatOption(){this.conversationOption=this._addHeaderOptions(this.texts.getOrFallback("widget-header.start-new-chat","Start new chat"),"start-new-chat-button",na.svg,()=>{this._restartNewChat()})}removeVideo(){var e;(e=this.videoIFrameElement)==null||e.remove(),this.guestId=null,this.chatOverlayActive&&(this.chatOverlayActive=!1,this.showChatOverlay$.next(this.chatOverlayActive)),this.inVideoCall=!1,this.setHeaderOption()}async endConversation(){var e,t,i;(t=(e=this.component.application.settings)==null?void 0:e.auth)!=null&&t.shouldUseAuth&&this.headerComponent._logout("chat-ended"),await((i=this.engine)==null?void 0:i.chatQuit())}async sendConversationEmail(e){var t;try{await((t=this.engine)==null?void 0:t.chatEmailSession(e)),this.printSystem(this.texts.getOrFallback("email-form.email-sent-label","An email with the conversation was sent."))}catch(i){this.printSystem(this.texts.getOrFallback("email-form.error-message","Unable to send email with the conversation.")),i instanceof Un||console.warn("Unhandled error:",i)}}_clearPendingMessages(){this.pendingMessages.forEach(e=>{e.remove()})}_setSessionId(e){this.sessionId=e}onUserSubmit(e){const t=this.printUser(e.text);t.setStatus("pending"),this.pendingMessages.push(t),(async()=>{var i;try{await((i=this.engine)==null?void 0:i.chatWrite(e.text))}catch(s){s instanceof Un?t.setStatus("failed"):(t.setStatus("failed"),console.warn("Unhandled error:",s))}})()}async rehydrate(e){e.chatSessionId&&this._setSessionId(e.chatSessionId),e.survey&&(this.contactId=e.survey.contactId,this.errand=e.survey.errand,this.entrance=e.survey.entrance,this.agentUsername=e.survey.agentUsername)}save(e){this.component.stateMachine.session().pipe(_e(t=>(t==null?void 0:t.data$)||Xe),he(1)).subscribe(t=>{this.saveToCurrentSession$.next({...t,...e})})}async isEntranceOpen(e,t){var s;let i=!1;try{const r=await fetch(`${e}/1/entrances/${t}/is-open`),o=await r.json();r.ok?i=(s=o==null?void 0:o.resultData)==null?void 0:s.isOpen:console.log(`Problem when fetching open status for entrance ${t}:`,o==null?void 0:o.resultMessage)}catch(r){console.log(`Failed to fetch open status for ${t}:`,r)}return i}}const hp=async n=>{(await Xi.getInstance(n.container)).registerProvider("ace-chat",t=>_s.getInstance("ace-chat",t))};exports.ChatProviderPlugin=hp;
+}`,method:"POST"})).json();return console.log("\x1B[31mID-Hub \x1B[32m - Collect result",t),t}}function up(n){return decodeURIComponent(atob(n).split("").map(function(e){return"%"+("00"+e.charCodeAt(0).toString(16)).slice(-2)}).join(""))}class _s extends vc{constructor(e,t){var i,s;super(e,t),this.agent=this.createAgent(""),this.user=this.createUser(""),this.pendingMessages=[],this.texts=this.component.application.texts,this.isThirdPartyParticipant=this.component.properties.chat.isThirdPartyWidget,this.disconnected$=new P,this.agentUsername=null,this.conversationOption=null,this._conversationOptions={},this.sessionId=null,this.contactId=null,this.errand=null,this.entrance=null,this.guestId=null,this.chatOverlayActive=!1,this.inVideoCall=!1,this._onQueueStatusReceived=r=>{this._setQueueStatus(r.text||null)},this._onEstablished=r=>{this.contactId=r.contactId,this.errand=r.errand,this.entrance=r.entrance,this.agentUsername=r.agentUsername;const o={contactId:this.contactId,errand:this.errand,entrance:this.entrance,agentUsername:this.agentUsername};this.save({survey:o}),this._setQueueStatus(null),this.agent.name=r.agent,r.videoEnded&&this.removeVideo()},this._onPrepareVideo=()=>{this.prepareVideo()},this._onVideoPrepared=r=>{this.showVideo(r.userUrl)},this._onChatButtonClicked=r=>{this.showChatOverVideo(r.guestId)},this._onEndVideoButtonClicked=r=>{this.handleEndVideoConference(r.guestId)},this._onPenStatusChange=r=>{r.penStatus==="on"?this.setTypingState(!0):this.setTypingState(!1)},this._onChatEnded=async r=>{var a,l;this.setToastMessage(null),this.setTypingState(!1),this.videoConfirmDialogEntry&&this.videoConfirmDialogEntry.remove(),this.component.disableInput(),r.showForm&&this.showConversationEndedForm();const o=this.component.application.settings;(a=o==null?void 0:o.survey)!=null&&a.shouldUseSurvey&&((l=o==null?void 0:o.survey)!=null&&l.surveyBaseUrl)&&this.showSurvey(),this.isThirdPartyParticipant?this._removeHeaderOptions():this._setStartNewChatOption(),this.complete()},this.headerComponent=this.component.application.getComponent("widget-header"),this.params=new URLSearchParams(document.location.search),this.invitationUid=this.params.get("invitationUid"),this.customerName=this.params.get("customerName")||void 0,this.properties=t.properties,(i=this.component.application.settings)!=null&&i.auth&&(this.idHubClient=new cp((s=this.component.application.settings)==null?void 0:s.auth))}static getInstance(e,t){return t.providerInstance??(t.providerInstance=new _s(e,t)),t.providerInstance}connect(e={}){super.connect(),this._conversationOptions=e;const t={...this.properties.chat??{},...e},i=!!this.sessionId;if(!i){const r=Zi();this._setSessionId(r)}this.save({chatSessionId:this.sessionId}),this.engine=new Bd(t,this.sessionId),this.engine.messages().subscribe(r=>{switch(r.source){case"agent":this.printAgent(r.text);break;case"customer":this._clearPendingMessages(),this.isThirdPartyParticipant?r.source==="customer"&&r.invitationNo==="0"?this.printAgent(r.text,r.alias):this.printUser(r.text):r.source==="customer"&&Number(r.invitationNo)>0?this.printAgent(r.text,r.alias):this.printUser(r.text);break;case"system":this.printSystem(r.text);break}}),this.engine.actions().pipe(B(this.disconnected$),K(Pd)).subscribe(this._onQueueStatusReceived),this.engine.actions().pipe(B(this.disconnected$),K(Md)).subscribe(this._onEstablished),this.engine.actions().pipe(B(this.disconnected$),K(Ud)).subscribe(this._onPrepareVideo),this.engine.actions().pipe(B(this.disconnected$),K(Nd)).subscribe(this._onVideoPrepared),this.engine.actions().pipe(B(this.disconnected$),K(zd)).subscribe(this._onChatButtonClicked),this.engine.actions().pipe(B(this.disconnected$),K(jd)).subscribe(this._onEndVideoButtonClicked),this.engine.actions().pipe(B(this.disconnected$),K(Dd)).subscribe(this._onPenStatusChange),this.engine.actions().pipe(B(this.disconnected$),K(Hd)).subscribe(this._onChatEnded),this.setHeaderOption();const s=this.component.application.trigger;s&&s.widgetActive$.pipe(B(s.componentIsDestroyed$)).subscribe(r=>{r&&(this.conversationOption=null,this.setHeaderOption())}),this.component.userTyping$.pipe(B(this.disconnected$)).subscribe(r=>{var o;(o=this.engine)==null||o.sendPenStatusOn(r)}),i?this.engine.rehydrate().then(r=>{var o;r?(o=this.engine)==null||o.reconnect().pipe(B(this.disconnected$)).subscribe({error:a=>{console.error("Failed to reconnect to the engine:",a)}}):this.initializeChat(t).catch(a=>{console.error("Failed to initialize chat during rehydration:",a)})}):this.initializeChat(t).catch(r=>{console.error("Failed to initialize chat:",r)})}async setHeaderOption(){switch(await this.engine.getChatStatus()){case"finished":this.isThirdPartyParticipant?this._removeHeaderOptions():this._setStartNewChatOption();break;case"active":this._setEndConversationOption();break;case"noSession":this.conversationOption=null}}disconnected(){super.disconnected(),this.disconnected$.next()}_removeHeaderOptions(){const e=this.component.application.getComponent("widget-header");e&&e.removeOption(this.conversationOption)}_addHeaderOptions(e,t,i,s,r=!0){const o=this.component.application.getComponent("widget-header");if(o)return this.conversationOption?(this.conversationOption.label=e,this.conversationOption.key=t,this.conversationOption.icon=i,this.conversationOption.onClick=s,this.conversationOption.enabled=r,o.requestUpdate(),this.conversationOption):o.addOption({label:e,icon:i,closeOnClick:!0,key:t,onClick:s,enabled:r})}_startChat(e){var i,s;if(!this.engine)return;const t=e.customData.errand??this.engine.config.defaultErrand;if(!t)throw new Error("Errand is required but was not configured");if(this.isThirdPartyParticipant)this.component.application.root.style.visibility="visible",this.engine.chatJoin({invitationUid:this.invitationUid,customerName:this.customerName??e.customerName}).pipe(B(this.disconnected$)).subscribe();else{const r=(s=(i=this.component.application)==null?void 0:i.userData)==null?void 0:s.idhubEIDToken;this.engine.chatRequest({customerName:e.customerName,customerEmailAddress:e.customerEmailAddress??"",visitorQuestion:e.visitorQuestion??"",customData:e.customData,errand:t,...r&&{authToken:r}}).pipe(B(this.disconnected$)).subscribe()}this.component.enableInput(),this.component.enableSkipToLatestMessage(),this._setEndConversationOption()}_restartNewChat(){this.engine&&(this._setSessionId(null),this.component.clearMessages(),this._removeHeaderOptions(),this.connect(this._conversationOptions))}showSurvey(){const e=new J(z.System,{name:""},[{items:[["ace-survey",{content:""},{agentUsername:this.agentUsername??"",entrance:this.entrance??this.engine.config.entrance,errand:this.errand??this.engine.config.defaultErrand,contactId:this.contactId??""}]]}]);this.printEntry(e)}async startAuthenticationFlow(){var i;const e=await((i=this.idHubClient)==null?void 0:i.auth());let t;e&&(this.headerComponent.authUrl=e,this.headerComponent.provider=this,this.headerComponent.authState="non-authenticated",t=this.showTunnistusAuthCard(e),this.headerComponent.idref=t,t.actions$.pipe(K(s=>s.key==="start-auth"),he(1)).subscribe(()=>{this.handleAuthentication(t)}))}async handleAuthentication(e){var i,s,r,o;this.headerComponent.UserName="Authenticating...",this.headerComponent.authState="authenticating",this.headerComponent.requestUpdate();const t=await((i=this.idHubClient)==null?void 0:i.collectPolling());if(this.component.application.userData=t,(t==null?void 0:t.status)==="authenticated"){const a=up(((s=t==null?void 0:t.idhubEIDToken)==null?void 0:s.split(".")[1])??""),l=JSON.parse(a),c=((o=(r=l==null?void 0:l.completionData)==null?void 0:r.user)==null?void 0:o.name)??"";this.headerComponent.UserName=c,this.headerComponent.authState="authenticated",this.component.application.storage.set("auth",{name:c,authenticated:!0}),e==null||e.remove(),this.handleWelcomeForm(this.engine.config)}}async handleWelcomeForm(e){let t=!0;e.webApiUrl&&(t=await this.isEntranceOpen(e.webApiUrl,e.entrance)),t?this.customerName?this._startChat({customerName:this.customerName,customData:{}}):this.showWelcomeForm():this.showEntranceClosedDialog()}async initializeChat(e){var t,i;(i=(t=this.component.application.settings)==null?void 0:t.auth)!=null&&i.shouldUseAuth?await this.startAuthenticationFlow():this.handleWelcomeForm(e)}showTunnistusAuthCard(e){const t=new J(z.System,{name:""},[{items:[["ace-tunnistus-auth-card",{content:""},{tunnistusURL:e}]]}]);return this.printEntry(t),t}showWelcomeForm(){this.component.disableInput(),this.component.disableSkipToLatestMessage();let e;this.isThirdPartyParticipant?e=new J(z.System,{name:""},[{items:[["ace-welcome-form-third-party",{content:""}]]}]):e=new J(z.System,{name:""},[{items:[["ace-welcome-form",{content:""}]]}]),this.printEntry(e),e.actions$.pipe(K(t=>t.key==="submitted"),he(1)).subscribe(t=>{e.remove(),this._startChat({customerName:t.data.name,customerEmailAddress:t.data.email,visitorQuestion:t.data.question,customData:t.data.customData})})}showEntranceClosedDialog(){this.component.disableInput();const e=new J(z.System,{name:""},[{items:[["ace-entrance-closed-dialog",{content:""}]]}]);this.printEntry(e)}_setQueueStatus(e){this.setToastMessage(e)}showLogoutConfirmDialog(){var e;(e=this.logoutConfirmDialogEntry)==null||e.remove(),this.logoutConfirmDialogEntry=new J(z.System,{name:""},[{items:[["ace-logout-confirm-dialog",{content:""}]]}]),this.printEntry(this.logoutConfirmDialogEntry),this.logoutConfirmDialogEntry.actions$.pipe(K(t=>t.key==="logout-chat"),he(1)).subscribe(async t=>{var i;this.logoutConfirmDialogEntry&&this.logoutConfirmDialogEntry.remove(),((i=t.data)==null?void 0:i.result)==="logout"&&(await this.engine.getChatStatus()==="noSession"?(this.headerComponent._logout(),this._setSessionId(null),this.component.clearMessages(),this.startAuthenticationFlow()):this.endConversation())})}showQuitConfirmDialog(){var e;(e=this.quitConfirmDialogEntry)==null||e.remove(),this.quitConfirmDialogEntry=new J(z.System,{name:""},[{items:[["ace-quit-confirm-dialog",{content:""}]]}]),this.printEntry(this.quitConfirmDialogEntry),this.quitConfirmDialogEntry.actions$.pipe(K(t=>t.key==="quit-chat"),he(1)).subscribe(t=>{var i;this.quitConfirmDialogEntry&&this.quitConfirmDialogEntry.remove(),((i=t.data)==null?void 0:i.result)==="quit"&&this.endConversation()})}showConversationEndedForm(){const e=new J(z.System,{name:""},[{items:[["ace-conversation-ended-form",{content:""}]]}]);this.printEntry(e),e.actions$.pipe(K(t=>t.key==="submitted"),he(1)).subscribe(t=>{e.remove(),t.data.email&&this.sendConversationEmail(t.data.email)})}prepareVideo(){this.videoConfirmDialogEntry=new J(z.System,{name:""},[{items:[["ace-video-confirm-dialog",{content:""}]]}]),this.printEntry(this.videoConfirmDialogEntry),this.videoConfirmDialogEntry.actions$.pipe(K(e=>e.key==="video-confirm"),he(1)).subscribe(e=>{var t;this.videoConfirmDialogEntry&&this.videoConfirmDialogEntry.remove(),e.data.result==="declined"&&(this.guestId=null),(t=this.engine)==null||t.videoPrepared(e.data.result),this.printSystem(e.data.text)})}showVideo(e){var i;this.guestId=Zi(),this.videoIFrameElement=new Zt(e,this.guestId);const t=this.component.application.root;(i=t==null?void 0:t.shadowRoot)==null||i.prepend(this.videoIFrameElement),this.inVideoCall=!0,this.setHeaderOption()}showChatOverVideo(e){this.guestId&&e===this.guestId&&(this.chatOverlayActive=!0,this.showChatOverlay$.next(this.chatOverlayActive))}handleEndVideoConference(e){this.guestId&&e===this.guestId&&this.removeVideo()}printAgent(e,t=""){const i=t.length>0?this.agent.print(e,"markdown",t):this.agent.print(e,"markdown");return this.setTypingState(!1),i}printUser(e){const t=Ii(Er(e));return this.user.print(t)}printSystem(e){const t=Ii(Er(e));return this.system.print(t)}_setEndConversationOption(){this.conversationOption=this._addHeaderOptions(this.texts.getOrFallback("widget-header.end-conversation","End conversation"),"end-conversation-button",as.svg,()=>{this.showQuitConfirmDialog()},!this.inVideoCall)}_setStartNewChatOption(){this.conversationOption=this._addHeaderOptions(this.texts.getOrFallback("widget-header.start-new-chat","Start new chat"),"start-new-chat-button",na.svg,()=>{this._restartNewChat()})}removeVideo(){var e;(e=this.videoIFrameElement)==null||e.remove(),this.guestId=null,this.chatOverlayActive&&(this.chatOverlayActive=!1,this.showChatOverlay$.next(this.chatOverlayActive)),this.inVideoCall=!1,this.setHeaderOption()}async endConversation(){var e,t,i;(t=(e=this.component.application.settings)==null?void 0:e.auth)!=null&&t.shouldUseAuth&&this.headerComponent._logout("chat-ended"),await((i=this.engine)==null?void 0:i.chatQuit())}async sendConversationEmail(e){var t;try{await((t=this.engine)==null?void 0:t.chatEmailSession(e)),this.printSystem(this.texts.getOrFallback("email-form.email-sent-label","An email with the conversation was sent."))}catch(i){this.printSystem(this.texts.getOrFallback("email-form.error-message","Unable to send email with the conversation.")),i instanceof Un||console.warn("Unhandled error:",i)}}_clearPendingMessages(){this.pendingMessages.forEach(e=>{e.remove()})}_setSessionId(e){this.sessionId=e}onUserSubmit(e){const t=this.printUser(e.text);t.setStatus("pending"),this.pendingMessages.push(t),(async()=>{var i;try{await((i=this.engine)==null?void 0:i.chatWrite(e.text))}catch(s){s instanceof Un?t.setStatus("failed"):(t.setStatus("failed"),console.warn("Unhandled error:",s))}})()}async rehydrate(e){e.chatSessionId&&this._setSessionId(e.chatSessionId),e.survey&&(this.contactId=e.survey.contactId,this.errand=e.survey.errand,this.entrance=e.survey.entrance,this.agentUsername=e.survey.agentUsername)}save(e){this.component.stateMachine.session().pipe(_e(t=>(t==null?void 0:t.data$)||Xe),he(1)).subscribe(t=>{this.saveToCurrentSession$.next({...t,...e})})}async isEntranceOpen(e,t){var s;let i=!1;try{const r=await fetch(`${e}/1/entrances/${t}/is-open`),o=await r.json();r.ok?i=(s=o==null?void 0:o.resultData)==null?void 0:s.isOpen:console.log(`Problem when fetching open status for entrance ${t}:`,o==null?void 0:o.resultMessage)}catch(r){console.log(`Failed to fetch open status for ${t}:`,r)}return i}}const hp=async n=>{(await Xi.getInstance(n.container)).registerProvider("ace-chat",t=>_s.getInstance("ace-chat",t))};exports.ChatProviderPlugin=hp;

package/index.mjs

@@ -8112,7 +8112,7 @@ let Je = (ft = class extends E {
   connectedCallback() {
     var r, o, a, l;
     super.connectedCallback();
-    const e = this.application.settings.components.conversation, t = this.application.userData, i = ((o = (r = e == null ? void 0 : e.properties) == null ? void 0 : r.chat) == null ? void 0 : o.customData) || [];
+    const e = this.application.settings.components.conversation, t = this.application.userData, i = ((o = (r = e == null ? void 0 : e.properties) == null ? void 0 : r.chat) == null ? void 0 : o.customData) ?? [];
     this.customData = i.map((c) => {
       let u;
       switch (c.entryType) {
@@ -8132,7 +8132,7 @@ let Je = (ft = class extends E {
     const s = this.customData.find(
       (c) => c.name === "customerName"
     );
-    s && (this.customerName = ((l = (a = t.completionData) == null ? void 0 : a.user) == null ? void 0 : l.name) || "", s.value = this.customerName);
+    s && (this.customerName = ((l = (a = t.completionData) == null ? void 0 : a.user) == null ? void 0 : l.name) ?? "", s.value = this.customerName);
   }
   _onStartChat(e) {
     if (e.preventDefault(), this.showValidationWarning = !1, this.customData.forEach((c) => {
@@ -8173,9 +8173,9 @@ let Je = (ft = class extends E {
     this.customData = this.customData.map((i) => (i.name === t.name && (i.value = e), i));
   }
   validateCustomDataEntry(e) {
-    e.required && (e.name === "customerEmailAddress" && !Yi(e.value) ? this.validationErrors.includes(e.name) || this.validationErrors.push(e.name) : e.value ? this.validationErrors = this.validationErrors.filter(
+    e.required && (e.name === "customerEmailAddress" && !Yi(e.value) || !e.value ? this.validationErrors.includes(e.name) || this.validationErrors.push(e.name) : this.validationErrors = this.validationErrors.filter(
       (t) => t !== e.name
-    ) : this.validationErrors.includes(e.name) || this.validationErrors.push(e.name));
+    ));
   }
   render() {
     if (this.submitted)
@@ -8903,20 +8903,24 @@ const Bs = class Bs extends E {
   render() {
     const e = this.application.texts;
     return y`<div class="container">
-      <h3>
+      <h3 data-testid="entrance-closed-title">
         ${e.getOrFallback(
       "entrance-closed.title",
       "We're currently closed"
     )}
       </h3>
-      <p>
+      <p data-testid="entrance-closed-ingress">
         ${e.getOrFallback(
       "entrance-closed.ingress",
       "Our team is currently away, but we'll be back during our regular opening hours."
     )}
       </p>
       <div class="button-container">
-        <button type="button" @click=${this._onClose}>
+        <button
+          type="button"
+          @click=${this._onClose}
+          data-testid="entrance-closed-button"
+        >
           <telia-icon svg=${as.svg}></telia-icon>
           ${e.getOrFallback("entrance-closed.close-button", "Close chat")}
         </button>
@@ -9426,6 +9430,7 @@ const Gs = class Gs extends E {
           target="_blank"
           href="${this.tunnistusURL}"
           @click=${this._onStartAuth}
+          data-testid="card-auth-link"
         >
           Authenticate with Tunnistus
           <telia-icon svg=${ta.svg} size="sm"></telia-icon>
@@ -9506,7 +9511,7 @@ Gs.styles = [
     `
 ];
 let Qi = Gs;
-window.customElements.get("tunnistus-link-button") || window.customElements.define("tunnistus-link-button", Qi);
+window.customElements.get("ace-tunnistus-auth-card") || window.customElements.define("ace-tunnistus-auth-card", Qi);
 /**
  * @license
  * Copyright 2018 Google LLC
@@ -9837,7 +9842,6 @@ class _s extends vc {
                 agentUsername: this.agentUsername ?? "",
                 entrance: this.entrance ?? this.engine.config.entrance,
                 errand: this.errand ?? this.engine.config.defaultErrand,
-                // TODO: not always default errand
                 contactId: this.contactId ?? ""
               }
             ]
@@ -9851,7 +9855,7 @@ class _s extends vc {
     var i;
     const e = await ((i = this.idHubClient) == null ? void 0 : i.auth());
     let t;
-    e && (this.headerComponent.authUrl = e, this.headerComponent.provider = this, this.headerComponent.authState = "non-authenticated", t = this.showTunnistusLinkButton(e), this.headerComponent.idref = t, t.actions$.pipe(
+    e && (this.headerComponent.authUrl = e, this.headerComponent.provider = this, this.headerComponent.authState = "non-authenticated", t = this.showTunnistusAuthCard(e), this.headerComponent.idref = t, t.actions$.pipe(
       K((s) => s.key === "start-auth"),
       he(1)
     ).subscribe(() => {
@@ -9864,8 +9868,8 @@ class _s extends vc {
     const t = await ((i = this.idHubClient) == null ? void 0 : i.collectPolling());
     if (this.component.application.userData = t, (t == null ? void 0 : t.status) === "authenticated") {
       const a = up(
-        ((s = t == null ? void 0 : t.idhubEIDToken) == null ? void 0 : s.split(".")[1]) || ""
-      ), l = JSON.parse(a), c = ((o = (r = l == null ? void 0 : l.completionData) == null ? void 0 : r.user) == null ? void 0 : o.name) || "";
+        ((s = t == null ? void 0 : t.idhubEIDToken) == null ? void 0 : s.split(".")[1]) ?? ""
+      ), l = JSON.parse(a), c = ((o = (r = l == null ? void 0 : l.completionData) == null ? void 0 : r.user) == null ? void 0 : o.name) ?? "";
       this.headerComponent.UserName = c, this.headerComponent.authState = "authenticated", this.component.application.storage.set("auth", {
         name: c,
         authenticated: !0
@@ -9886,7 +9890,7 @@ class _s extends vc {
     var t, i;
     (i = (t = this.component.application.settings) == null ? void 0 : t.auth) != null && i.shouldUseAuth ? await this.startAuthenticationFlow() : this.handleWelcomeForm(e);
   }
-  showTunnistusLinkButton(e) {
+  showTunnistusAuthCard(e) {
     const t = new J(
       z.System,
       {
@@ -9896,7 +9900,7 @@ class _s extends vc {
         {
           items: [
             [
-              "tunnistus-link-button",
+              "ace-tunnistus-auth-card",
               { content: "" },
               {
                 tunnistusURL: e

package/package.json

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

package/provider.d.ts

@@ -8,7 +8,7 @@ export declare class ChatProvider extends ConversationProvider {
     private readonly texts;
     private readonly isThirdPartyParticipant;
     private readonly disconnected$;
-    private idHubClient?;
+    private readonly idHubClient?;
     private engine?;
     private agentUsername;
     private videoConfirmDialogEntry;
@@ -39,10 +39,10 @@ export declare class ChatProvider extends ConversationProvider {
     private readonly _onChatEnded;
     private _removeHeaderOptions;
     private _addHeaderOptions;
-    private headerComponent;
-    private params;
-    private invitationUid;
-    private customerName;
+    private readonly headerComponent;
+    private readonly params;
+    private readonly invitationUid;
+    private readonly customerName;
     private _startChat;
     private _restartNewChat;
     showSurvey(): void;
@@ -50,7 +50,7 @@ export declare class ChatProvider extends ConversationProvider {
     handleAuthentication(idref: ConversationEntry | undefined): Promise<void>;
     handleWelcomeForm(engineConfig: EngineConfig): Promise<void>;
     initializeChat(engineConfig: EngineConfig): Promise<void>;
-    showTunnistusLinkButton(tunnistusURL: string): ConversationEntry;
+    showTunnistusAuthCard(tunnistusURL: string): ConversationEntry;
     showWelcomeForm(): void;
     showEntranceClosedDialog(): void;
     _setQueueStatus(status: string | null): void;

package/types.d.ts

@@ -114,3 +114,8 @@ 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 AuthenticationInfo = {
+    authenticated: boolean;
+    name?: string;
+    [key: string]: any;
+};

package/ui/{tunnistus-link-button.d.ts → tunnistus-auth-card.d.ts}

@@ -1,7 +1,7 @@
 import { LitElement } from 'lit';
-export declare class TunnistusLinkButton extends LitElement {
-    static styles: import('lit').CSSResult[];
-    private tunnistusURL;
+export declare class TunnistusAuthCard extends LitElement {
+    static readonly styles: import('lit').CSSResult[];
+    private readonly tunnistusURL;
     constructor(params?: {
         [key: string]: string;
     });

package/ui/welcome-form.d.ts

@@ -1,14 +1,14 @@
 import { LitElement, nothing } from 'lit';
 import { CustomDataEntry } from '../types';
 export declare class StartChatForm extends LitElement {
-    static styles: import('lit').CSSResult[];
+    static readonly styles: import('lit').CSSResult[];
     submitted: boolean;
     customData: CustomDataEntry[];
     customerName: string;
     validationErrors: string[];
     showValidationWarning: boolean;
-    private application;
-    private emailController;
+    private readonly application;
+    private readonly emailController;
     constructor();
     connectedCallback(): void;
     _onStartChat(event: SubmitEvent): void;