@seamly/web-ui 19.0.0-beta.2 → 19.0.0-beta.3

package/build/dist/lib/style-guide.min.js

@@ -1 +1 @@
-(()=>{"use strict";var e={d:(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{default:()=>ka});const n=require("@seamly/web-ui"),r=require("preact"),a=require("preact/hooks");function o(){return"_"+(Number(String(Math.random()).slice(2))+Date.now()+Math.round(performance.now())).toString(36)}const i=e=>{const t=Math.floor(e/60);return{minutes:t,seconds:e-60*t}};function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const d="message",u="text",p="text",y="upload",f="received",m="read",g="uploads",b={ADD_EVENT:"ADD_EVENT",CLEAR_EVENTS:"CLEAR_EVENTS",SET_HISTORY:"SET_HISTORY",SET_EVENTS_READ:"SET_EVENTS_READ",ACK_EVENT:"ACK_EVENT",SET_IS_LOADING:"SET_IS_LOADING",CLEAR_PARTICIPANTS:"CLEAR_PARTICIPANTS",SET_PARTICIPANT:"SET_PARTICIPANT",SET_HEADER_TITLE:"SET_HEADER_TITLE",SET_HEADER_SUB_TITLE:"SET_HEADER_SUB_TITLE",SET_VISIBILITY:"SET_VISIBILITY",RESET_HISTORY_LOADED_FLAG:"RESET_HISTORY_LOADED_FLAG",SET_ACTIVE_SERVICE:"SET_ACTIVE_SERVICE",INIT_IDLE_DETACH_COUNTDOWN:"INIT_IDLE_DETACH_COUNTDOWN",DECREMENT_IDLE_DETACH_COUNTDOWN_COUNTER:"DECREMENT_IDLE_DETACH_COUNTDOWN_COUNTER",STOP_IDLE_DETACH_COUNTDOWN_COUNTER:"STOP_IDLE_DETACH_COUNTDOWN_COUNTER",CLEAR_IDLE_DETACH_COUNTDOWN:"CLEAR_IDLE_DETACH_COUNTDOWN",INIT_RESUME_CONVERSATION_PROMPT:"INIT_RESUME_CONVERSATION_PROMPT",CLEAR_RESUME_CONVERSATION_PROMPT:"CLEAR_RESUME_CONVERSATION_PROMPT",SET_SERVICE_DATA_ITEM:"SET_SERVICE_DATA_ITEM",SET_FEATURES:"SET_FEATURES",SET_FEATURE_ENABLED_STATE:"SET_FEATURE_ENABLED_STATE",CLEAR_FEATURES:"CLEAR_FEATURES",SET_INITIAL_STATE:"SET_INITIAL_STATE",SET_USER_SELECTED_OPTIONS:"SET_USER_SELECTED_OPTIONS",SET_USER_SELECTED_OPTION:"SET_USER_SELECTED_OPTION",SHOW_OPTION:"SHOW_OPTION",HIDE_OPTION:"HIDE_OPTION",SET_SERVICE_ENTRY_METADATA:"SET_SERVICE_ENTRY_METADATA",SET_BLOCK_AUTO_ENTRY_SWITCH:"SET_BLOCK_AUTO_ENTRY_SWITCH",SET_ACTIVE_ENTRY_TYPE:"SET_ACTIVE_ENTRY_TYPE",SET_USER_ENTRY_TYPE:"SET_USER_ENTRY_TYPE",REGISTER_UPLOAD:"REGISTER_UPLOAD",SET_UPLOAD_PROGRESS:"SET_UPLOAD_PROGRESS",SET_UPLOAD_COMPLETE:"SET_UPLOAD_COMPLETE",SET_UPLOAD_ERROR:"SET_UPLOAD_ERROR",CLEAR_UPLOAD:"CLEAR_UPLOAD",CLEAR_ALL_UPLOADS:"CLEAR_ALL_UPLOADS",RESET_UPLOAD_STATE:"RESET_UPLOAD_STATE",RESET_ENTRY_STATE:"RESET_ENTRY_STATE",SET_SEAMLY_CONTAINER_ELEMENT:"SET_SEAMLY_CONTAINER_ELEMENT"},{ADD_EVENT:E,CLEAR_EVENTS:v,SET_HISTORY:O,SET_EVENTS_READ:h,ACK_EVENT:T,SET_IS_LOADING:S,CLEAR_PARTICIPANTS:w,SET_PARTICIPANT:I,SET_HEADER_TITLE:_,SET_HEADER_SUB_TITLE:j,SET_VISIBILITY:A,RESET_HISTORY_LOADED_FLAG:P,SET_ACTIVE_SERVICE:C,INIT_IDLE_DETACH_COUNTDOWN:D,DECREMENT_IDLE_DETACH_COUNTDOWN_COUNTER:x,STOP_IDLE_DETACH_COUNTDOWN_COUNTER:L,CLEAR_IDLE_DETACH_COUNTDOWN:R,INIT_RESUME_CONVERSATION_PROMPT:N,CLEAR_RESUME_CONVERSATION_PROMPT:M,SET_SERVICE_DATA_ITEM:U,SET_FEATURES:k,SET_FEATURE_ENABLED_STATE:H,CLEAR_FEATURES:q,SET_INITIAL_STATE:Y,SET_USER_SELECTED_OPTION:F,SET_USER_SELECTED_OPTIONS:z,SHOW_OPTION:G,HIDE_OPTION:V,SET_BLOCK_AUTO_ENTRY_SWITCH:B,SET_USER_ENTRY_TYPE:W,SET_ACTIVE_ENTRY_TYPE:$,SET_SERVICE_ENTRY_METADATA:Z,REGISTER_UPLOAD:Q,SET_UPLOAD_PROGRESS:K,SET_UPLOAD_COMPLETE:X,SET_UPLOAD_ERROR:J,CLEAR_UPLOAD:ee,CLEAR_ALL_UPLOADS:te,RESET_UPLOAD_STATE:ne,RESET_ENTRY_STATE:re,SET_SEAMLY_CONTAINER_ELEMENT:ae}=b,oe=e=>e.sort((({payload:{occurredAt:e}},{payload:{occurredAt:t}})=>e-t)),ie=(e,t)=>{switch(t.type){case w:return{participants:{},currentAgent:""};case I:const{participants:n}=e,{id:r,avatar:a,name:o,introduction:i}=t.participant,s=n[r],l=c(c({},n),{},{[r]:s?c(c(c(c({},s),a?{avatar:a}:{}),o?{name:o}:{}),i?{introduction:i}:{}):t.participant});return c(c({},e),{},{participants:l,currentAgent:e.currentAgent===r||t.fromClient?e.currentAgent:r});default:return e}},se=(e,t)=>{switch(t.type){case _:return c(c({},e),{},{title:t.title});case j:return c(c({},e),{},{subTitle:t.title});default:return e}},ce=(e,t)=>{const{entry:n}=t,{blockAutoEntrySwitch:r}=e;if(!n)return c(c({},e),{},{optionsOverride:{}});const{type:a,options:o}=n;let i=e.active;return r||a===e.userSelected||(i=a),c(c({},e),{},{active:i,optionsOverride:c(c({},e.optionsOverride),{},{[a]:o||{}})})},le={events:[],initialState:{},unreadEvents:0,isLoading:!1,idleDetachCountdown:{hasCountdown:!1,isActive:!1},resumeConversationPrompt:!1,visible:"hidden",serviceInfo:{activeServiceSessionId:""},participantInfo:{participants:{},currentAgent:""},headerTitles:{title:null,subTitle:""},historyLoaded:!1,skiplinkTargetId:o(),optionsButtonId:o(),cobrowsingContainerId:o(),headerCollapseButtonId:o(),serviceData:{},options:{features:{},panelActive:!1,optionActive:"",userSelectedOptions:{}},showFileUpload:!1,currentUploads:[],entryMeta:{default:p,active:p,userSelected:null,blockAutoEntrySwitch:!1,options:{},optionsOverride:{}},seamlyContainerElement:null};function de(e=le,t){return((e,t)=>{switch(t.type){case E:const{type:n,payload:r}=t.event,a=e.options.features.hasOwnProperty(g),o=ce(e.entryMeta,r);let s=c({},e.options);if(a&&(n===d||"participant"===n)&&!r.fromClient){const{type:e}=r.entry||{};s=c(c({},s),{},{features:c(c({},s.features),{},{uploads:c(c({},s.features.uploads),{},{enabledFromEntry:e===y})})})}const l=(({type:e,payload:t})=>e===d&&!t.fromClient||"info"===e&&t.type===u)(t.event);return e.events.find((e=>e.payload.id===r.id))?e:c(c({},e),{},{entryMeta:a||o.active!==y?o:c({},e.entryMeta),options:s,unreadEvents:l?e.unreadEvents+1:e.unreadEvents,events:[...e.events,c(c({},t.event),{},{payload:c(c({},l&&{messageStatus:r.fromClient?m:f}),r)})]});case T:if(!t.event.payload.transactionId)return console.warn("ACK received without transaction ID."),e;const p=e.events.find((e=>e.payload.transactionId===t.event.payload.transactionId)),{id:b,occurredAt:le}=t.event.payload;return p?c(c({},e),{},{events:oe(e.events.map((e=>e.payload.id===p.payload.id?c(c({},e),{},{payload:c(c({},e.payload),{},{id:b,occurredAt:le})}):e)))}):e;case v:return c(c({},e),{},{unreadEvents:0,events:[]});case h:return c(c({},e),{},{unreadEvents:0,events:e.events.map((e=>-1!==t.ids.indexOf(e.payload.id)?c(c({},e),{},{payload:c(c({},e.payload),e.payload.messageStatus===f&&{messageStatus:m})}):e))});case O:const{events:de,participants:ue,activeServiceSessionId:pe,activeServiceSettings:ye={},serviceData:fe,resumeConversationPrompt:me}=t.history,ge=((e,t)=>{const n=t.filter((t=>!(e.find((e=>e.payload.id===t.payload.id))||"participant"===t.type&&!t.payload.participant.introduction))).reverse();return oe([...n,...e])})(e.events,de),be=c(c({},e.participantInfo.participants),ue),Ee=ge.slice().reverse().find((e=>("message"===e.type||"participant"===e.type)&&!e.payload.fromClient));let ve=null;Ee&&("message"===Ee.type&&(ve=Ee.payload.participant),"participant"===Ee.type&&(ve=Ee.payload.participant.id));const{cobrowsing:Oe,entry:he,uploads:Te}=ye,Se=ce(c(c(c({},e.entryMeta),he),{},{active:he.default||u,options:c({},he&&he.options?he.options:{})}),ge[ge.length-1].payload);let we=c({},e.options.features);we.hasOwnProperty("cobrowsing")&&(we=c(c({},we),{},{cobrowsing:{enabled:!(!Oe||!Oe.enabled)}}));const Ie=we.hasOwnProperty(g);if(Ie){const{payload:e}=Ee,{type:t}=e.entry||{};we=c(c({},we),{},{uploads:{enabled:!(!Te||!Te.enabled),enabledFromEntry:t===y}})}const _e=c(c({},e),{},{unreadEvents:ge.filter((e=>"message"===e.type&&e.payload.messageStatus===f)).length,events:ge.filter((e=>"participant"!==e.type||!!e.payload.participant.introduction)),participantInfo:c(c(c({},e.participantInfo),ve?ie(e.participantInfo,{type:I,participant:be[ve]}):{}),{},{participants:be}),historyLoaded:!0,serviceInfo:c(c({},e.serviceInfo),{},{activeServiceSessionId:pe}),serviceData:fe||{},options:c(c({},e.options),{},{features:we}),entryMeta:Ie||Se.active!==y?Se:c({},e.entryMeta),resumeConversationPrompt:me||!1});return ve&&(_e.headerTitles=se(e.headerTitles,{type:j,title:be[ve].name})),_e;case P:return c(c({},e),{},{historyLoaded:!1});case S:return c(c({},e),{},{isLoading:t.isLoading});case D:const{delaySeconds:je,delayTime:Ae}=t;return c(c({},e),{},{idleDetachCountdown:{hasCountdown:!0,isActive:!0,wasStopped:!1,count:je,remaining:je,timer:Ae}});case x:const{idleDetachCountdown:Pe}=e,{remaining:Ce}=Pe,De=Ce-1;return c(c({},e),{},{idleDetachCountdown:c(c({},e.idleDetachCountdown),{},{remaining:De,timer:i(De)})});case L:return c(c({},e),{},{idleDetachCountdown:c(c({},e.idleDetachCountdown),{},{isActive:!1,wasStopped:!0})});case R:return c(c({},e),{},{idleDetachCountdown:{hasCountdown:!1,isActive:!1}});case N:return c(c({},e),{},{resumeConversationPrompt:!0});case M:return c(c({},e),{},{resumeConversationPrompt:!1});case A:return c(c({},e),{},{visible:t.visible});case I:case w:return c(c({},e),{},{participantInfo:ie(e.participantInfo,t)});case C:return e.serviceInfo.activeServiceSessionId!==t.activeServiceSessionId?c(c({},e),{},{serviceInfo:c(c({},e.serviceInfo),{},{activeServiceSessionId:t.activeServiceSessionId})}):e;case _:case j:return c(c({},e),{},{headerTitles:se(e.headerTitles,t)});case Y:return c(c({},e),{},{initialState:t.initialState});case U:return c(c({},e),{},{serviceData:c(c({},e.serviceData),{},{[t.payload.type]:t.payload})});case k:return c(c({},e),{},{options:c(c({},e.options),{},{features:t.features})});case H:return e.options.features.hasOwnProperty(t.key)?c(c({},e),{},{options:c(c({},e.options),{},{features:c(c({},e.options.features),{},{[t.key]:c(c({},e.options.features[t.key]||{}),{},{enabled:t.enabled})})})}):e;case q:return c(c({},e),{},{options:c(c({},e.options),{},{features:{}})});case G:return c(c({},e),{},{options:c(c({},e.options),{},{panelActive:!0,optionActive:t.optionName})});case V:return c(c({},e),{},{options:c(c({},e.options),{},{panelActive:!1,optionActive:""})});case z:return c(c({},e),{},{options:c(c({},e.options),{},{userSelectedOptions:t.options})});case F:const{option:xe,value:Le}=t;return c(c({},e),{},{options:c(c({},e.options),{},{userSelectedOptions:c(c({},e.options.userSelectedOptions),{},{[xe]:Le})})});case B:const{value:Re}=t;return c(c({},e),{},{entryMeta:c(c({},e.entryMeta),{},{blockAutoEntrySwitch:Re})});case Z:const{entryMeta:Ne}=t;return c(c({},e),{},{entryMeta:c(c(c({},e.entryMeta),Ne),{},{active:Ne.default,options:c({},Ne.options||{}),overrideOptions:{}})});case $:const{entryType:Me}=t;return c(c({},e),{},{entryMeta:c(c({},e.entryMeta),{},{active:Me})});case W:const{entryType:Ue}=t;return c(c({},e),{},{entryMeta:c(c({},e.entryMeta),{},{userSelected:Ue})});case Q:return c(c({},e),{},{currentUploads:[...e.currentUploads,{id:t.fileId,name:t.fileName,progress:1,uploading:!0,complete:!1,error:"",uploadHandle:t.uploadHandle}]});case K:return c(c({},e),{},{currentUploads:e.currentUploads.map((e=>e.id===t.fileId?c(c({},e),{},{progress:t.progress,uploading:100!==t.progress,uploadHandle:100===t.progress?null:e.uploadHandle}):e))});case J:return c(c({},e),{},{currentUploads:e.currentUploads.map((e=>e.id===t.fileId?c(c({},e),{},{error:t.errorText,progress:0,uploading:!1,uploadHandle:null}):e))});case X:return c(c({},e),{},{currentUploads:e.currentUploads.map((e=>e.id===t.fileId?c(c({},e),{},{complete:!0}):e))});case ee:return c(c({},e),{},{currentUploads:e.currentUploads.filter((e=>e.id!==t.fileId))});case te:return c(c({},e),{},{currentUploads:[]});case ne:return c(c({},e),{},{showFileUpload:!1,currentUploads:[]});case re:return c(c({},e),{},{entryMeta:{default:u,active:u,userSelected:null,blockAutoEntrySwitch:!1,options:{},optionsOverride:{}}});case ae:return c(c({},e),{},{seamlyContainerElement:t.element});default:return e}})(e,t)}function ue(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function pe(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const ye="//";function fe(e,t,n="/"){return(r,...a)=>t(e+n+r,...a)}function me(e,t=(e=>({payload:e}))){const n=(...n)=>function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ue(Object(n),!0).forEach((function(t){pe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ue(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({type:e},t(...n));return n.toString=()=>e.toString(),n}function ge(e,...t){const n=[];t.forEach((e=>{const t=typeof e;if("string"===t)return n.push([e]);"object"!==t||e instanceof Array||Object.keys(e).forEach((t=>n.push([t,e[t]])))}));const r=fe(e,me,"/");return n.map((e=>r(...e)))}function be(e,t){const n=(...n)=>{const r=t(...n);return r.type=e,r};return n.toString=()=>e,n}function Ee(e){return{createAction:fe(e,me,ye),createActions:fe(e,ge,ye),createThunk:fe(e,be,ye),createReducer:(t,n)=>function(e,t={},n){const r=(e,r)=>{void 0===e&&(e=n);const a=null==t?void 0:t[null==r?void 0:r.type];return a?a(e,r):e};return r.toString=()=>e,r}(e,t,n),selectState:t=>t[e]}}const{createActions:ve,createReducer:Oe,selectState:he}=Ee("forms"),[Te,Se]=ve("form",{register:(e,t)=>({formId:e,persistData:t}),deregister:e=>({formId:e})}),[we,Ie,_e,je]=ve("control",{register:(e,t)=>({formId:e,name:t}),deregister:(e,t)=>({formId:e,name:t}),updateValue:(e,t,n)=>({formId:e,name:t,value:n}),updateTouched:(e,t,n)=>({formId:e,name:t,touched:n})});function Ae(e,t){return e===t}function Pe(e,t,n){if(null===t||null===n||t.length!==n.length)return!1;for(var r=t.length,a=0;a<r;a++)if(!e(t[a],n[a]))return!1;return!0}function Ce(e){var t=Array.isArray(e[0])?e[0]:e;if(!t.every((function(e){return"function"==typeof e}))){var n=t.map((function(e){return typeof e})).join(", ");throw new Error("Selector creators expect all input-selectors to be functions, instead received the following types: ["+n+"]")}return t}var De=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return function(){for(var t=arguments.length,r=Array(t),a=0;a<t;a++)r[a]=arguments[a];var o=0,i=r.pop(),s=Ce(r),c=e.apply(void 0,[function(){return o++,i.apply(null,arguments)}].concat(n)),l=e((function(){for(var e=[],t=s.length,n=0;n<t;n++)e.push(s[n].apply(null,arguments));return c.apply(null,e)}));return l.resultFunc=i,l.dependencies=s,l.recomputations=function(){return o},l.resetRecomputations=function(){return o=0},l}}((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Ae,n=null,r=null;return function(){return Pe(t,n,arguments)||(r=e.apply(null,arguments)),n=arguments,r}}));const xe=(e,t)=>(n,r)=>r[e]||t,Le=De(he,xe("formId"),((e,t)=>e[t])),Re=De(Le,(e=>(null==e?void 0:e.controls)||{})),Ne=(De(Re,(e=>{const t={};return Object.entries(e).forEach((([e,{value:n}])=>{t[e]=n})),t})),De(Re,xe("name"),((e,t)=>{var n;return null===(n=e[t])||void 0===n?void 0:n.value})),De(Re,xe("name"),((e,t)=>{var n;return null===(n=e[t])||void 0===n?void 0:n.touched})),(0,r.createContext)(void 0)),{Provider:Me,Consumer:Ue}=Ne,ke=require("preact/jsx-runtime"),He=(0,r.createContext)({}),{Provider:qe,Consumer:Ye}=He;function Fe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ze(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Fe(Object(n),!0).forEach((function(t){Ge(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Fe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ge(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Ve={controls:{}},Be={value:"",touched:!1};function We(e,t,n,r){var a;const o=(null===(a=e[t])||void 0===a?void 0:a.controls[n])||Be;return ze(ze({},e),{},{[t]:ze(ze({},e[t]),{},{controls:ze(ze({},e[t].controls),{},{[n]:ze(ze({},o),r)})})})}const $e=Oe({[Te]:(e,{formId:t,persistData:n})=>{const r=n?e[t]??ze(ze({},Ve),{},{persistData:n}):ze(ze({},Ve),{},{persistData:n});return ze(ze({},e),{},{[t]:r})},[Se]:(e,{formId:t})=>{var n;const r=ze({},e);return null!==(n=r[t])&&void 0!==n&&n.persistData||delete r[t],r},[we]:(e,{name:t,formId:n})=>We(e,n,t),[Ie]:(e,{formId:t,name:n})=>{const r=e[t];if(!r)return e;if(r.persistData)return e;const a=ze({},r.controls);return delete a[n],ze(ze({},e),{},{[t]:ze(ze({},r),{},{controls:a})})},[_e]:(e,{formId:t,name:n,value:r})=>We(e,t,n,{value:r}),[je]:(e,{formId:t,name:n,touched:r})=>We(e,t,n,{touched:r})},{}),{createActions:Ze,createReducer:Qe,selectState:Ke}=Ee("translations"),[Xe,Je]=Ze("translate",{enable:e=>({locale:e}),disable:()=>({})}),[et,tt]=Ze("event",{enable:e=>({payloadId:e}),disable:e=>({payloadId:e})}),nt=De(Ke,(e=>e.originalPayloadIds)),{createAction:rt,createThunk:at,createReducer:ot,selectState:it}=(De(nt,xe("payloadId"),((e,t)=>!e.includes(t))),(0,r.createContext)(null),(0,r.createContext)(""),Ee("config")),st=rt("initialize",(e=>({config:e}))),ct=rt("update",(e=>({config:e})));function lt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function dt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?lt(Object(n),!0).forEach((function(t){ut(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):lt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ut(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const pt=De(it,(e=>{let t=dt({visible:"inline"===(null==e?void 0:e.layoutMode)?"open":"minimized",appContainerClassNames:e.appContainerClassNames||[]},e);return"function"==typeof t.appContainerClassNames&&(t=dt(dt({},t),{},{appContainerClassNames:t.appContainerClassNames(t)})),t})),yt="cvco",ft=["messages"];function mt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function gt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?mt(Object(n),!0).forEach((function(t){bt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):mt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function bt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Et=gt(gt({},{namespace:"default",layoutMode:"window",messages:{agent:{showAvatar:!1,showName:!1},user:{showAvatar:!1,showName:!1},timeIndicator:{enabled:!1,threshold:36e5}},appContainerClassNames:e=>[`app--layout-${e.layoutMode}`,`namespace--${e.namespace}`]}),{},{hideOnNoUserResponse:!1,showDisclaimer:!1,showFaq:!1,customComponents:{},defaults:{}}),vt=["hideOnNoUserResponse","showDisclaimer","showFaq","namespace","customComponents","defaults","layoutMode","api","zIndex","context","appContainerClassNames","messages","visible","visibilityCallback"],Ot=(e,{config:t})=>{const n=(o=t,vt.reduce(((e,t)=>(t in o&&(e[t]=o[t]),e)),{})),{messages:r}=n,a=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(n,ft);var o;let i=e;return Object.keys(a).length>0&&(i=gt(gt({},i),a)),r&&(i=gt(gt({},i),{},{messages:gt(gt({},i.messages),r)})),i},ht=ot({[st]:(e,t)=>Ot(e,t),[ct]:(e,t)=>Ot(e,t)},Et);function Tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function St(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Tt(Object(n),!0).forEach((function(t){wt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function wt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const It=De((e=>e.state),pt,(({events:e},t)=>{var n;const{enabled:r,threshold:a}=(null==t||null===(n=t.messages)||void 0===n?void 0:n.timeIndicator)??{};if(!r)return e;const o=[];let i=null;return e.forEach(((e,t)=>{if(0===t)o.push(St(St({},e),{},{timeIndicator:e.payload.occurredAt}));else{const t=i&&(n=e.payload.occurredAt-i.payload.occurredAt,Math.ceil(n/1e3)>=a)?e.payload.occurredAt:void 0;o.push(St(St({},e),{},{timeIndicator:t}))}var n;i=e})),o})),{SET_SEAMLY_CONTAINER_ELEMENT:_t}=(De(It,(e=>{var t;const n=e.filter((e=>"message"===e.type));return null===(t=n[n.length-1])||void 0===t?void 0:t.payload.id})),b),{createAction:jt,createActions:At,createThunk:Pt,createReducer:Ct,selectState:Dt}=Ee("i18n"),xt=(De(Dt,(e=>e.translations)),De(Dt,(e=>e.initialLocale)),De(Dt,(e=>e.locale))),Lt=jt("setInitialLocale",(e=>({locale:e}))),[Rt,Nt,Mt]=At("setLocale",{start:e=>({locale:e}),resolve:(e,t)=>({locale:e,translations:t}),reject:(e,t)=>({locale:e,error:t})}),Ut=function(){let e=!1;const t=[],n=async()=>{if(!e)for(;t.length;){const n=t.shift();e=!0,await n().catch((()=>{})),e=!1}};return{next:n,runExclusively:async e=>{const r=new Promise(((n,r)=>{t.push((async()=>{try{n(await e())}catch(e){r(e)}}))}));return n(),r}}}(),kt=Pt("setLocale",(e=>async(t,n,{api:r})=>{await Ut.runExclusively((async()=>{if(xt(n())!==e){t(Rt(e));try{const n=await r.getTranslations(e);t(Nt(e,n))}catch(n){t(Mt(e,n))}}}))}));function Ht(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function qt(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw a}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Ht(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ht(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Yt(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Ft(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function zt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Gt(e){return e.reduce((function(e,t){return e.concat(Array.isArray(t)?Gt(t):t)}),[])}function Vt(e){var t={};return function(){for(var n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];var o=r.length?r.map((function(e){return null===e?"null":void 0===e?"undefined":"function"==typeof e?e.toString():e instanceof Date?e.toISOString():JSON.stringify(e)})).join("|"):"_(no-args)_";if(Object.prototype.hasOwnProperty.call(t,o))return t[o];var i=e.apply(void 0,r);return t[o]=i,i}}function Bt(e){for(var t=function(e){return/\s/.test(e)},n=[],r={},a=0,o=null,i=!1,s=0;s<e.length;){if(i&&(t(e[s])||"{"===e[s]))i=!1,o=e.slice(a,s),"{"===e[s]&&s--;else if(!i&&!t(e[s])){var c="{"===e[s];if(o&&c){var l=Wt(e,s);if(-1===l)throw new Error('Unbalanced curly braces in string: "'.concat(e,'"'));r[o]=e.slice(s+1,l),s=l,o=null}else o&&(n.push(o),o=null),i=!0,a=s}s++}return i&&(o=e.slice(a)),o&&n.push(o),{args:n,cases:r}}function Wt(e,t){for(var n=0,r=t+1;r<e.length;r++){var a=e.charAt(r);if("}"===a){if(0===n)return r;n--}else"{"===a&&n++}return-1}function $t(e){return Zt(e.slice(1,-1),",",3)}function Zt(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];if(!e)return r;if(1===n)return r.push(e),r;var a=e.indexOf(t);if(-1===a)return r.push(e),r;var o=e.substring(0,a).trim(),i=e.substring(a+t.length+1).trim();return r.push(o),Zt(i,t,n-1,r)}var Qt;function Kt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Xt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Kt(Object(n),!0).forEach((function(t){zt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Kt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Jt=0,en="other";function tn(e,t){for(var n=0,r="",a=0,o={};n<e.length;){if("#"!==e[n]||a)r+=e[n];else{var i="__hashToken".concat(Jt++);r+="{".concat(i,", number}"),o[i]=t}"{"===e[n]?a++:"}"===e[n]&&a--,n++}return{caseBody:r,numberValues:o}}var nn="other";function rn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function an(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?rn(Object(n),!0).forEach((function(t){on(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):rn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function on(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}new(function(){function e(t){var n=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Yt(this,e),zt(this,"format",Vt((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Gt(n.process(e,t)).join("")}))),this.locale=t,this.typeHandlers=r}var t,n;return t=e,(n=[{key:"process",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!e)return[];var n=e.indexOf("{");if(-1!==n){var r=Wt(e,n);if(-1===r)throw new Error('Unbalanced curly braces in string: "'.concat(e,'"'));var a=e.substring(n,r+1);if(a){var o=[],i=e.substring(0,n);i&&o.push(i);var s=$t(a),c=qt(s,3),l=c[0],d=c[1],u=c[2],p=t[l];null==p&&(p="");var y=d&&this.typeHandlers[d];o.push(y?y(p,u,this.locale,t,this.process.bind(this)):p);var f=e.substring(r+1);return f&&o.push(this.process(f,t)),o}}return[e]}}])&&Ft(t.prototype,n),e}())("en-GB",{plural:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2?arguments[2]:void 0,r=arguments.length>3?arguments[3]:void 0,a=arguments.length>4?arguments[4]:void 0,o=Bt(t),i=o.args,s=o.cases,c=parseInt(e);i.forEach((function(e){e.startsWith("offset:")&&(c-=parseInt(e.slice("offset:".length)))}));var l=[];if("PluralRules"in Intl){void 0!==Qt&&Qt.resolvedOptions().locale===n||(Qt=new Intl.PluralRules(n));var d=Qt.select(c);d!==en&&l.push(d)}1===c&&l.push("one"),l.push("=".concat(c),en);for(var u=0;u<l.length;u++){var p=l[u];if(p in s){var y=tn(s[p],c),f=y.caseBody,m=y.numberValues;return a(f,Xt(Xt({},r),m))}}return e},select:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>3?arguments[3]:void 0,r=arguments.length>4?arguments[4]:void 0,a=Bt(t),o=a.cases;return e in o?r(o[e],n):nn in o?r(o.other,n):e}});const sn=Ct({[Lt]:(e,{locale:t})=>an(an({},e),{},{initialLocale:t}),[Rt]:e=>an(an({},e),{},{isLoading:!0}),[Nt]:(e,{locale:t,translations:n})=>an(an({},e),{},{isLoading:!1,locale:t,translations:Object.keys(n).sort().reduce(((e,t)=>an(an({},e),{},{[t]:n[t]})),{})}),[Mt]:e=>an(an({},e),{},{isLoading:!1})},{translations:{"errors.configError.message":"We are sorry this happened, please retry at a later time.","errors.configError.srText":"A chat configuration error occurred. Our apologies, please retry at a later time.","errors.configError.title":"Chat configuration error.","errors.general.buttonText":"Restart chat","errors.general.message":"Do you want to start a new chat session?","errors.general.srText":"Something went wrong with the chat session. You can restart the chat.","errors.general.title":"Something went wrong","errors.seamlyOffline.message":"There might be a problem with your or our network connection. The chat session should resume as soon the connection is available again.","errors.seamlyOffline.srText":"The chat has connection issues. There might be a problem with your or our network connection. The chat session should resume as soon as the connection is available again.","errors.seamlyOffline.title":"Connection issues"},isLoading:!1,initialLocale:void 0}),{SET_USER_SELECTED_OPTION:cn,SET_USER_SELECTED_OPTIONS:ln,SHOW_OPTION:dn,HIDE_OPTION:un}=b;(0,r.createContext)({});const{CLEAR_ALL_UPLOADS:pn}=b,{createAction:yn,createReducer:fn,selectState:mn}=Ee("interrupt"),gn=yn("set",(e=>({error:e}))),bn=yn("clear");function En(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function vn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?En(Object(n),!0).forEach((function(t){On(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):En(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function On(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}De(mn,(({error:e})=>e)),Error,Error,Error,Error,Error;const hn={error:void 0},Tn=fn({[gn]:(e,{error:t})=>vn(vn({},e),{},{error:t}),[bn]:()=>hn},hn),{createAction:Sn,createThunk:wn,createReducer:In,selectState:_n}=Ee("app"),jn=Sn("setHasResponded",(e=>({hasResponded:e})));function An(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Pn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?An(Object(n),!0).forEach((function(t){Cn(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):An(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Cn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}wn("initialize",(e=>async(t,n,{api:r})=>{try{var a;t(st(e));const{features:n,defaultLocale:i}=await r.getConfig();t({type:b.SET_FEATURES,features:n});let s=(null==e||null===(a=e.context)||void 0===a?void 0:a.locale)||i;t(Lt(s));try{if(r.hasConversation()){var o;const e=await r.getConversationIntitialState();t({type:b.SET_INITIAL_STATE,initialState:e}),s=(null===(o=e.translation)||void 0===o?void 0:o.locale)||s,"userResponded"in e&&t(jn(e.userResponded))}}catch(e){t(gn(e))}await t(kt(s))}catch(e){t(gn(e))}})),De(_n,(e=>e.userHasResponded));const Dn=In({[jn]:(e,{hasResponded:t})=>Pn(Pn({},e),{},{userHasResponded:t})},{userHasResponded:!1}),{ADD_EVENT:xn,CLEAR_EVENTS:Ln,SET_IS_LOADING:Rn,CLEAR_PARTICIPANTS:Nn,SET_HEADER_SUB_TITLE:Mn,SET_INITIAL_STATE:Un,CLEAR_FEATURES:kn,SET_FEATURES:Hn,RESET_UPLOAD_STATE:qn,RESET_ENTRY_STATE:Yn}=b;(0,r.createContext)(null),(0,r.createContext)(null);const{SET_BLOCK_AUTO_ENTRY_SWITCH:Fn,SET_ACTIVE_ENTRY_TYPE:zn,SET_USER_ENTRY_TYPE:Gn}=b,{SET_VISIBILITY:Vn}=b,{SET_IS_LOADING:Bn}=b,{CLEAR_IDLE_DETACH_COUNTDOWN:Wn,INIT_IDLE_DETACH_COUNTDOWN:$n,DECREMENT_IDLE_DETACH_COUNTDOWN_COUNTER:Zn,STOP_IDLE_DETACH_COUNTDOWN_COUNTER:Qn}=b,{CLEAR_RESUME_CONVERSATION_PROMPT:Kn}=b;function Xn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Jn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Xn(Object(n),!0).forEach((function(t){er(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Xn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function er(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const tr={isActive:!1,currentLocale:void 0,isAvailable:!1,languages:[],originalPayloadIds:[],containerId:o()},nr=Qe({[b.SET_FEATURES]:(e,t)=>{var n;const r=null==t||null===(n=t.features)||void 0===n?void 0:n.translation;return r?Jn(Jn({},e),{},{isAvailable:!0===r.enabled,languages:r.languages||[]}):e},[b.CLEAR_FEATURES]:()=>tr,[Xe]:(e,{locale:t})=>Jn(Jn({},e),{},{isActive:!0,currentLocale:t}),[Je]:e=>Jn(Jn({},e),{},{isActive:!1,currentLocale:void 0}),[et]:(e,{payloadId:t})=>e.originalPayloadIds.includes(t)?Jn(Jn({},e),{},{originalPayloadIds:e.originalPayloadIds.filter((e=>e!==t))}):e,[tt]:(e,{payloadId:t})=>e.originalPayloadIds.includes(t)?e:Jn(Jn({},e),{},{originalPayloadIds:[...e.originalPayloadIds,t]})},tr),rr=(...e)=>e.flat().map((e=>"object"==typeof e?Object.entries(e).map((([e,t])=>t?e:"")).join(" "):e)).filter((e=>"string"==typeof e)).map((e=>e.split(" "))).flat().filter((e=>e.length)).map((e=>[yt,e].join("-"))).join(" "),ar={visible:rr("transition--visible"),in:rr("transition--in"),visuallyHidden:rr("visually-hidden")};Object.values(ar);const{REGISTER_FORM:or,DE_REGISTER_FORM:ir,REGISTER:sr,DE_REGISTER:cr,SET_VALUE:lr,SET_VALIDITY:dr,SET_STATE:ur,SET_SUBMITTED:pr,SET_PERSIST_FORM_DATA:yr}={REGISTER_FORM:"REGISTER_FORM",DE_REGISTER_FORM:"DE_REGISTER_FORM",REGISTER:"REGISTER",DE_REGISTER:"DEREGISTER",SET_VALUE:"SET_VALUE",SET_VALIDITY:"SET_VALIDITY",SET_STATE:"SET_STATE",SET_SUBMITTED:"SET_SUBMITTED",SET_PERSIST_FORM_DATA:"SET_PERSIST_FORM_DATA"},fr=["translations","interrupt","config"];const mr={send:()=>{},reset:()=>Promise.resolve({}),store:{get:()=>{},set:()=>{}}},gr=({state:e,translations:t,children:r})=>{const o=(0,a.useRef)((()=>{})),i=(0,a.useRef)({emit:()=>{}}),s=(0,a.useMemo)((()=>{const r=e||{},{translations:a,interrupt:o,config:i}=r,s=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(r,fr),c=(0,n.createReduxStore)({reducers:{state:de,[String(Dn)]:Dn,[String(ht)]:ht,[String($e)]:$e,[String(nr)]:nr,[String(sn)]:sn,[String(Tn)]:Tn},initialState:{state:s,[String(nr)]:a,[String(Tn)]:o}});return c.dispatch(st(i||{})),c.dispatch(Nt("en-GB",t)),c}),[e,t]);return e&&(0,ke.jsx)(n.StoreProvider,{store:s,children:(0,ke.jsx)(n.SeamlyEventBusContext.Provider,{value:i.current,children:(0,ke.jsx)(n.SeamlyLiveRegionContext.Provider,{value:o.current,children:(0,ke.jsx)(n.SeamlyApiContext.Provider,{value:mr,children:r})})})})},br=({state:e,customComponents:t={},translations:r})=>{const[o,i]=(0,a.useState)(!0),{config:s}=e||{},{layoutMode:c}=s||{},l=t[c];return(0,a.useEffect)((()=>{i(!1),requestAnimationFrame((()=>{requestAnimationFrame((()=>{i(!0)}))}))}),[e]),o?l?(0,ke.jsx)(gr,{state:e,translations:r,children:(0,ke.jsx)(l,{})}):(0,ke.jsx)(gr,{state:e,translations:r,children:(0,ke.jsx)(n.View,{})}):null};function Er(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function vr(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Er(Object(n),!0).forEach((function(t){Or(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Er(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Or(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const hr={direction:"to_translation_locale",locale:"nl",translatedBy:"deep_l",data:{}},Tr=["headingText","category","description"];function Sr(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function wr(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Sr(Object(n),!0).forEach((function(t){Ir(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Sr(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ir(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const _r={events:[],config:{layoutMode:"inline",accountConfig:{},hideOnNoUserResponse:!1,showFaq:!1,showDisclaimer:!1},initialState:{},unreadEvents:0,isLoading:!1,idleDetachCountdown:{hasCountdown:!1,isActive:!1},resumeConversationPrompt:!1,visible:n.visibilityStates.open,serviceInfo:{activeServiceSessionId:""},participantInfo:{participants:{},currentAgent:""},headerTitles:{title:"Test title",subTitle:"Test subtitle"},interrupt:{error:void 0},historyLoaded:!1,skiplinkTargetId:(0,n.randomId)(),optionsButtonId:(0,n.randomId)(),cobrowseContainerId:(0,n.randomId)(),serviceData:{},options:{features:{},panelActive:!1,optionActive:"",userSelectedOptions:{}},entryMeta:{default:"text",active:"text",userSelected:null,options:{},optionsOverride:{}},currentUploads:[]},jr="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxkZWZzLz48cGF0aCBmaWxsPSIjNEE0OEMxIiBkPSJNMCAwSDMyVjMySDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTExLjE3NSwxMi4yMjJjMC0zLjc5MywyLjE2LTUuNTY1LDQuODI1LTUuNTY1YzIuNjY0LDAsNC44MjYsMS43NzIsNC44MjYsNS41NjUJYzAsMy43OTQtMi4xNjIsNi45MDQtNC44MjYsNi45MDRDMTMuMzM1LDE5LjEyNiwxMS4xNzUsMTYuMDE2LDExLjE3NSwxMi4yMjJ6IE0yNi42NjYsMjMuMDg0Yy0wLjgzNC0xLjU4My00LjIxNi0yLjYyNS01Ljg0MS0yLjY2NwlzLTMuNTM0LDMtNC44MjUsM2MtMS4yOTMsMC0zLjIwMS0zLjA0Mi00LjgyNS0zYy0xLjYyNSwwLjA0Mi01LjAwOCwxLjA4NC01Ljg0MSwyLjY2N0M0LjAwNSwyNS42MDYsNC41ODMsMzIsNC41ODMsMzJIMTZoMTEuNDE2CUMyNy40MTYsMzIsMjcuOTk0LDI1LjYwNiwyNi42NjYsMjMuMDg0eiIvPjwvc3ZnPg==",Ar={participants:{"e65fa8dc-97ab-4711-8fec-82bae6461aa2":{avatar:jr,id:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",introduction:"You're now talking to {{name}} gimme a minit",name:"Mrs. Bot",service:{expose:{map:{},version:2},meta:{},name:null,service_session_id:null,settings:{}}},"e65fa8dc-97ab-4711-8fec-82bae6461aa3":{id:"e65fa8dc-97ab-4711-8fec-82bae6461aa3",introduction:"You're now talking to {{name}} gimme a minit",name:"Mrs. Bot",service:{expose:{map:{},version:2},meta:{},name:null,service_session_id:null,settings:{}}},"seamly-client-participant":{avatar:jr,id:"seamly-client-participant",introduction:null,name:"User",service:{expose:{map:{},version:2},meta:{},name:null,service_session_id:null,settings:{}}}},currentAgent:"e65fa8dc-97ab-4711-8fec-82bae6461aa2"},Pr={type:"info",payload:{body:{subtype:"new_topic",type:"divider"},fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),transactionId:"_1y9pz5fbyly",type:"divider"}},Cr={type:"info",payload:{body:{language:"Nederlands",subtype:"new_translation",text:"[NL] Automatic translation to Dutch started. Please note that automatic translations may contain errors.",translationEnabled:!0,translationLocale:"nl"},fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),occurredAt:0x5c68711878df3,participant:null,service:{meta:{},name:null,serviceSessionId:null},transactionId:null,translatedBody:null,type:"divider"}},Dr={type:"info",payload:{body:{language:"Nederlands",subtype:"new_translation",text:"[NL] Automatic translation to Dutch ended.",translationEnabled:!1,translationLocale:"nl"},fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),occurredAt:0x5c68711878df3,participant:null,service:{meta:{},name:null,serviceSessionId:null},transactionId:null,translatedBody:null,type:"divider"}},xr={type:"info",payload:{body:{text:"This is a system generated info message",type:"text",variables:{}},fromClient:!1,id:(0,n.randomId)(),participant:null,service:{meta:{additions:{hideFeedback:"true"}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:null,type:"text"}},Lr={type:"info",payload:{body:{key:["info","sendTranscript","accepted"],variables:{emailAddress:"test@test.com"}},fromClient:!1,id:(0,n.randomId)(),participant:null,service:{meta:{},name:null,serviceSessionId:null},transactionId:null,type:"translation"}},Rr={title:"You're talking to",subTitle:"Mrs. Bot"},Nr={type:"participant",payload:{fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"received",participant:{avatar:jr,id:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",introduction:"You're now talking to {{name}} gimme a minit",name:"Mrs. Bot",service:{expose:{map:{},version:2},meta:{},name:null,service_session_id:null,settings:{}}},transactionId:"d63655bf-1d3d-42cf-b14e-4da9e2b6a642",type:"participant"}},Mr={type:"participant",payload:{fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"received",participant:{id:"e65fa8dc-97ab-4711-8fec-82bae6461aa3",introduction:"You're now talking to {{name}} gimme a minit",name:"Mrs. Bot",service:{expose:{map:{},version:2},meta:{},name:null,service_session_id:null,settings:{}}},transactionId:"d63655bf-1d3d-42cf-b14e-4da9e2b6a642",type:"participant"}},Ur=({type:e,data:t,text:n})=>({type:"message",payload:{body:{type:e,text:n,data:t,variables:{}},participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},fromClient:!1,fromHistory:!0,id:"4efacb4d-28a0-454e-8e36-3f17eb598c5d",messageStatus:"read",transactionId:"6f9beee7-ce82-418e-9bec-8001079aa769",transactionLast:!0,type:"custom"}}),kr={type:"message",payload:{body:{text:"What do you want to do?",type:"text",variables:{}},fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"b947b684-93df-4bd9-a8ea-e2f1b5a7a480",transactionLast:!1,type:"text"}},Hr={type:"message",payload:{body:{description:"Thanks for chatting!\n\nMore info about our **products**?",buttonLink:"https://seamly.ai",buttonText:"View website",buttonNewTab:!0},type:"cta",fromClient:!1,fromHistory:!0,id:"f5351010-0def-452d-818f-ca22ac61792z",messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{hideFeedback:"true"}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"d0cc13da-337a-4108-9db1-cb8a3b3a1446",transactionLast:!1}},qr={type:"message",payload:{body:{text:"What do you want to do? This is a really long message from a bot that has a lot to say about a lot of things. Currently I am contemplating my own bot existence and constantly asking myself who I am. What do you want to do? This is a really long message from a bot that has a lot to say about a lot of things. Currently I am contemplating my own bot existence and constantly asking myself who I am. What do you want to do? This is a really long message from a bot that has a lot to say about a lot of things. Currently I am contemplating my own bot existence and constantly asking myself who I am.",type:"text",variables:{}},fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"b947b684-93df-4bd9-a8ea-e2f1b5a7a480",transactionLast:!1,type:"text"}},Yr={type:"message",payload:{body:{text:"Bubble with **bold** *italic* <u>underline</u>",type:"text",variables:{}},fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{hideFeedback:"true"}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"d0cc13da-337a-4108-9db1-cb8a3b3a1446",transactionLast:!1,type:"text"}},Fr={type:"message",payload:{body:{text:"{{link_1}} and {{link_2}} embedded in text",type:"text",variables:{link_1:{id:"1",name:"Link in same window",newTab:!1,type:"link",url:"https://google.com"},link_2:{id:"2",name:"link in new window",newTab:!0,type:"link",url:"https://google.com"}}},fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{hideFeedback:"true"}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"d0cc13da-337a-4108-9db1-cb8a3b3a1446",transactionLast:!1,type:"text"}},zr={type:"message",payload:{body:{text:"Here is a long link {{link_1}} embedded in text",type:"text",variables:{link_1:{id:"1",name:"click me click me please click me yoohoooo please please click me here I am click me now what are you waiting for click me now now now now now click meeeeeeeeeeeeee",newTab:!1,type:"link",url:"https://google.com"}}},fromClient:!1,fromHistory:!0,id:"a964e54e-ea98-46ff-a952-979a47f162c0",messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{hideFeedback:"true"}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"d0cc13da-337a-4108-9db1-cb8a3b3a1446",transactionLast:!1,type:"text"}},Gr={type:"message",payload:{body:{text:"<ul>\n<li>Bullets</li>\n<li>bullets</li>\n<li>bullets</li>\n</ul>\n",type:"text",variables:{}},fromClient:!1,fromHistory:!0,id:"f5351010-0def-452d-818f-ca22ac61792a",messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{hideFeedback:"true"}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"d0cc13da-337a-4108-9db1-cb8a3b3a1446",transactionLast:!1,type:"text"}},Vr={type:"message",payload:{body:{description:"Plaatje",isZoomable:!1,type:"image",url:"https://developers.seamly.ai/clients/web-ui/static/photos/image-square-small.jpg"},fromClient:!1,fromHistory:!0,id:"b44ef42c-880c-43ff-b067-499e7f2e81f7",messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{hideFeedback:"true"}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"d0cc13da-337a-4108-9db1-cb8a3b3a1446",transactionLast:!1,type:"image"}},Br={type:"message",payload:{body:{description:"Plaatje",isZoomable:!0,type:"image",url:"https://developers.seamly.ai/clients/web-ui/static/photos/image-portrait.jpg"},fromClient:!1,fromHistory:!0,id:"b44ef42c-880c-43ff-b067-499e7f2e81f8",messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{hideFeedback:"true"}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"d0cc13da-337a-4108-9db1-cb8a3b3a1446",transactionLast:!1,type:"image"}},Wr={type:"message",payload:{body:{description:"test",source:"youtube",type:"video",url:"https://www.youtube.com/embed/K7Hn1rPQouU"},fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{hideFeedback:"true"}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"d0cc13da-337a-4108-9db1-cb8a3b3a1446",transactionLast:!1,type:"video"}},$r={type:"message",payload:{body:{choices:[{id:"703db9b3-2157-4d4a-9f9b-c382c6a10531",text:"Dialog (this is intentionally made longer for testing purposes)",type:"choice"},{id:"1eff6098-f14f-4683-a2b8-30d1c573d45e",text:"T-Dialog",type:"choice"},{id:"3555079c-6f60-45e1-82c7-5d5832634a3f",text:"Escalation - Cobrowser",type:"choice"},{id:"a8ba3ce8-3324-4e7a-accc-944ff78ac890",text:"Customers",type:"choice"},{id:"c89956ab-cf98-4b7e-9282-7087c988153d",text:"Features",type:"choice"},{id:"9fd9a28f-462d-4f07-9661-606dbe3b9466",category:"secondary",text:"Something else",type:"choice"}],chooseAgain:!0,prompt:{text:"Type &quot;start&quot; at any time to see this menu again",type:"text",variables:{}},type:"choice_prompt"},fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"b947b684-93df-4bd9-a8ea-e2f1b5a7a480",transactionLast:!0,type:"choice_prompt"}},Zr={type:"message",payload:{body:{text:"This is what the user typed",type:"text",variables:{}},fromClient:!0,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"read",participant:"seamly-client-participant",transactionId:"1cdefea9-7437-4672-bcf8-2c75dc99244c",transactionLast:null,type:"text"}},Qr={type:"message",payload:{body:{text:"This is what the user typed. And sometimes the user has quite a lot to say and then we get longer lines that need to wrap well and not break the styling so here goes with just such a line right here!!",type:"text",variables:{}},fromClient:!0,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"read",participant:"seamly-client-participant",transactionId:"1cdefea9-7437-4672-bcf8-2c75dc99244c",transactionLast:null,type:"text"}},Kr={type:"upload",transactionId:"_vzhvnol0egf",meta:{},body:{contentType:"image/jpg",filename:"placeholder.jpg",filesize:991078,url:"https://developers.seamly.ai/clients/web-ui/static/photos/image-square-small.jpg"}},Xr={type:"message",payload:wr(wr({},Kr),{},{fromClient:!1,participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",id:(0,n.randomId)()})},Jr=wr(wr({},Xr),{},{payload:wr(wr({},Xr.payload),{},{body:wr({},Xr.payload.body),id:(0,n.randomId)()})}),ea={type:"message",payload:wr(wr({},Kr),{},{fromClient:!0,participant:"seamly-client-participant",id:(0,n.randomId)()})},ta=wr(wr({},ea),{},{payload:wr(wr({},ea.payload),{},{id:(0,n.randomId)(),body:wr(wr({},ea.payload.body),{},{url:null})})}),na={isActive:!1,currentLocale:void 0,isAvailable:!1,languages:[],originalPayloadIds:[],containerId:(0,n.randomId)()},ra="unstarted",aa="messages",oa="errors",ia="uploads",sa="features",ca="options",la="faq",da="minimized",ua="translations",pa={[ra]:{heading:"Unstarted UI",description:"Test the loader here"},[aa]:{heading:"Messages",description:""},[oa]:{heading:"UI errors",description:""},[ia]:{heading:"File uploads",description:""},[sa]:{heading:"Other features",description:""},[ca]:{heading:"Options",description:""},[la]:{heading:"FAQ",description:""},[da]:{heading:"Minimized window",desciption:""},[ua]:{heading:"Translations",description:""}},ya={type:"message",payload:{type:"card",id:(0,n.randomId)(),body:{action:{ask:"",type:"ask"},buttonText:"Ask about pizzas!",description:"Pizza Margherita is a **typical Neapolitan pizza**.\n\nIt is made with San Marzano tomatoes, mozzarella cheese, fresh basil, salt, and extra-virgin olive oil.",image:"https://developers.seamly.ai/clients/web-ui/static/photos/card-square.jpg",title:"Pizza Margherita"}}},fa={type:"message",payload:{type:"card",id:(0,n.randomId)(),body:{action:{link:"https://seamly.ai",newTab:!0,type:"navigate"},buttonText:"Order now!",description:"Pizza Margherita is a **typical Neapolitan pizza**.",image:"https://developers.seamly.ai/clients/web-ui/static/photos/card-landscape.jpg",title:"Pizza Margherita"}}},ma={type:"message",payload:{type:"card",id:(0,n.randomId)(),body:{action:{topic:"Set topic",type:"topic"},buttonText:"Set topic! (title & description optional)",image:"https://developers.seamly.ai/clients/web-ui/static/photos/card-portrait.jpg"}}},ga={base:wr(wr({category:ra,headingText:"Standard with loader",description:""},_r),{},{isLoading:!0}),fullConversation:wr(wr({category:aa,headingText:"Full demo conversation",description:""},_r),{},{participantInfo:Ar,serviceInfo:{activeServiceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},events:[Nr,xr,kr,wr(wr({},$r),{},{payload:wr(wr({},$r.payload),{},{id:`${$r.payload.id}XXX`})}),qr,Zr,Yr,Pr,Vr,Xr,Jr,Qr,Wr,Fr,zr,Br,ea,ta,Gr,$r,Hr]}),userMessages:wr(wr({category:aa,headingText:"User messages",description:""},_r),{},{participantInfo:Ar,events:[Zr,Qr,ea,ta]}),withParticipants:wr(wr({category:aa,headingText:"Messages with participant info",description:""},_r),{},{config:wr(wr({},_r.config),{},{overrideMessages:{agent:{showAvatar:!0,showName:!0},user:{showName:!0,showAvatar:!0}}}),participantInfo:Ar,events:[kr,Zr,qr,Qr]}),textMessages:wr(wr({category:aa,headingText:"Text messages",description:""},_r),{},{participantInfo:Ar,events:[kr,qr,Yr,Fr,zr,Gr]}),ctaMessages:wr(wr({category:aa,headingText:"CTA (call to action) messages",description:""},_r),{},{participantInfo:Ar,events:[Hr]}),imageVideoMessages:wr(wr({category:aa,headingText:"Download, image and video messages",description:""},_r),{},{participantInfo:Ar,events:[Vr,Wr,Br,Xr]}),systemMessages:wr(wr({category:aa,headingText:"System messages",description:""},_r),{},{participantInfo:Ar,events:[Nr,Mr,Pr,xr,Lr]}),choicePromptMessages:wr(wr({category:aa,headingText:"Choice prompt messages",description:""},_r),{},{participantInfo:Ar,serviceInfo:{activeServiceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},events:[wr(wr({},$r),{},{payload:wr(wr({},$r.payload),{},{id:`${$r.payload.id}XXX`})}),kr,$r]}),timeIndicators:wr(wr({category:aa,headingText:"Time Indicators",description:""},_r),{},{config:{overrideMessages:{timeIndicator:{enabled:!0,threshold:36e5}}},participantInfo:Ar,serviceInfo:{activeServiceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},events:[{type:"message",payload:wr(wr({},kr.payload),{},{occurredAt:1e3*(Date.now()-432e6),id:(0,n.randomId)(),body:{text:"Long ago when a dialog started",type:"text",variables:{}}})},{type:"message",payload:wr(wr({},kr.payload),{},{occurredAt:1e3*(Date.now()-3456e5),id:(0,n.randomId)(),body:{text:"Above me should be a time indicator showing the full date",type:"text",variables:{}}})},{type:"message",payload:wr(wr({},kr.payload),{},{occurredAt:1e3*(Date.now()+1-3456e5),id:(0,n.randomId)(),body:{text:"Another message",type:"text",variables:{}}})},{type:"message",payload:wr(wr({},kr.payload),{},{occurredAt:1e3*(Date.now()+2-3456e5),id:(0,n.randomId)(),body:{text:"And another message",type:"text",variables:{}}})},{type:"message",payload:wr(wr({},kr.payload),{},{occurredAt:1e3*(Date.now()-864e5),id:(0,n.randomId)(),body:{text:'Above me should be a time indicator showing "yesterday"',type:"text",variables:{}}})},{type:"message",payload:wr(wr({},kr.payload),{},{occurredAt:1e3*(Date.now()+1-864e5),id:(0,n.randomId)(),body:{text:"Another message",type:"text",variables:{}}})},{type:"message",payload:wr(wr({},kr.payload),{},{occurredAt:1e3*(Date.now()+2-864e5),id:(0,n.randomId)(),body:{text:"And another message",type:"text",variables:{}}})},{type:"message",payload:wr(wr({},kr.payload),{},{occurredAt:1e3*Date.now(),id:(0,n.randomId)(),body:{text:"Above me should be a time indicator showing me the dialog continues today",type:"text",variables:{}}})}]}),cards:wr(wr({category:aa,headingText:"Cards",description:""},_r),{},{serviceInfo:{activeServiceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},events:[ya,fa,ma]}),carousel:wr(wr({category:aa,headingText:"Carousel",description:""},_r),{},{serviceInfo:{activeServiceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},events:[{type:"message",payload:{type:"carousel",id:(0,n.randomId)(),body:{cards:[ya.payload.body,fa.payload.body,ma.payload.body]}}}]}),disconnectedInterrupt:wr(wr({category:oa,headingText:"Disconnected interrupt",description:""},_r),{},{interrupt:{error:new n.SeamlyOfflineError}}),generalErrorInterrupt:wr(wr({category:oa,headingText:"General error interrupt",description:""},_r),{},{interrupt:{error:new n.SeamlyGeneralError}}),configErrorInterrupt:wr(wr({category:oa,headingText:"Config error interrupt",description:""},_r),{},{interrupt:{error:new n.SeamlyConfigurationError}}),privacyDisclaimer:wr(wr({category:sa,headingText:"Privacy disclaimer",description:""},_r),{},{config:wr(wr({},_r.config),{},{showDisclaimer:!0})}),chatStatusBar:wr(wr({category:sa,headingText:"Chat status bar",description:""},_r),{},{options:{features:{cobrowsing:{enabled:!0}},userSelectedOptions:{cobrowsing:!0}}}),characterLimit:wr(wr({category:sa,headingText:"Input character limit",description:""},_r),{},{entryMeta:{default:"text",active:"text",userSelected:null,options:{text:{limit:120}},optionsOverride:{}}}),fileUploadToggle:wr(wr({category:ia,headingText:"File upload toggle button",description:""},_r),{},{options:wr(wr({},_r.options),{},{features:{uploads:{enabled:!0}}})}),fileUploadToggleHidden:wr(wr({category:ia,headingText:"File upload toggle button hidden",description:""},_r),{},{options:wr(wr({},_r.options),{},{features:{uploads:{enabled:!1}}})}),fileUploadInput:wr(wr({category:ia,headingText:"File upload input",description:"Click on upload button to see an error",styleGuideReset:!0},_r),{},{config:wr(wr({},_r.config),{},{accountConfig:{features:{uploads:!0}}}),options:wr(wr({},_r.options),{},{features:{uploads:{enabled:!0}}}),entryMeta:{default:"text",active:"text",userSelected:"upload",options:{upload:{allowedMimeTypes:["image/*","application/pdf"],maxSize:10485760}},optionsOverride:{}}}),fileUploadBusy:wr(wr({category:ia,headingText:"File upload in progress",description:"",styleGuideReset:!0},_r),{},{config:wr(wr({},_r.config),{},{accountConfig:{features:{uploads:!0}}}),options:wr(wr({},_r.options),{},{features:{uploads:{enabled:!0}}}),entryMeta:{default:"text",active:"text",userSelected:"upload",options:{upload:{allowedMimeTypes:["image/*","application/pdf"],maxSize:10485760}},optionsOverride:{}},currentUploads:[{id:"_2olggurqhb4",name:"gGeyr3WepujbGn7khx.gif",progress:29,uploading:!0,complete:!1,error:"",uploadHandle:{abort:()=>{}}}]}),fileUploadError:wr(wr({category:ia,headingText:"File upload errored",description:"",styleGuideReset:!0},_r),{},{config:wr(wr({},_r.config),{},{accountConfig:{features:{uploads:!0}}}),options:wr(wr({},_r.options),{},{features:{uploads:{enabled:!0}}}),entryMeta:{default:"text",active:"text",userSelected:"upload",options:{upload:{allowedMimeTypes:["image/*","application/pdf"],maxSize:10485760}},optionsOverride:{}},currentUploads:[{id:"_2olggurqhb4",name:"gGeyr3WepujbGn7khx.gif",progress:0,uploading:!1,complete:!1,error:"Something went wrong with the upload",uploadHandle:{abort:()=>{}}}]}),idleTimerCountdown:wr(wr({category:sa,headingText:"Idle timer with countdown",description:""},_r),{},{idleDetachCountdown:{hasCountdown:!0,isActive:!0,count:120,remaining:91,timer:{minutes:1,seconds:31}}}),idleTimerNoCountdown:wr(wr({category:sa,headingText:"Idle timer without countdown",description:""},_r),{},{idleDetachCountdown:{hasCountdown:!0,isActive:!1,count:120,remaining:91,timer:{minutes:1,seconds:31}}}),resumeConversationPrompt:wr(wr({category:sa,headingText:"Resume conversation prompt",description:""},_r),{},{participantInfo:Ar,resumeConversationPrompt:!0}),optionsSingleTriggerAvailable:wr(wr({category:ca,headingText:"Single option available",description:""},_r),{},{options:wr(wr({},_r.options),{},{features:{cobrowsing:{enabled:!0}}})}),optionsSingleTriggerUnavailable:wr(wr({category:ca,headingText:"Single option",description:"Option unavailable"},_r),{},{options:wr(wr({},_r.options),{},{features:{cobrowsing:{enabled:!1}}})}),optionsMultiple:wr(wr({category:ca,headingText:"Multiple options",description:"All options available"},_r),{},{options:wr(wr({},_r.options),{},{features:{cobrowsing:{enabled:!0},sendTranscript:{enabled:!0}}})}),optionsMultipleUnavailable:wr(wr({category:ca,headingText:"Multiple options",description:"Some unavailable"},_r),{},{options:wr(wr({},_r.options),{},{features:{cobrowsing:{enabled:!1},sendTranscript:{enabled:!0}}})}),optionCobrowseOff:wr(wr({category:ca,headingText:"Cobrowse option off",description:""},_r),{},{options:wr(wr({},_r.options),{},{optionActive:"cobrowsing",panelActive:!0,features:{cobrowsing:{enabled:!0},sendTranscript:{enabled:!0}}})}),optionCobrowseOn:wr(wr({category:ca,headingText:"Cobrowse option on",description:""},_r),{},{options:wr(wr({},_r.options),{},{optionActive:"cobrowsing",panelActive:!0,userSelectedOptions:{cobrowsing:!0},features:{cobrowsing:{enabled:!0},sendTranscript:{enabled:!0}}})}),optionCobrowseUnavailable:wr(wr({category:ca,headingText:"Cobrowse option unavailable",description:""},_r),{},{options:wr(wr({},_r.options),{},{optionActive:"cobrowsing",panelActive:!0,features:{cobrowsing:{enabled:!1},sendTranscript:{enabled:!0}}})}),optionSendTranscript:wr(wr({category:ca,headingText:"Send transcript option",description:"Press submit to view error message"},_r),{},{options:wr(wr({},_r.options),{},{optionActive:"sendTranscript",panelActive:!0,features:{cobrowsing:{enabled:!0},sendTranscript:{enabled:!0}}})}),faqEmptyList:wr(wr({category:la,headingText:"Empty FAQ list",description:""},_r),{},{config:wr(wr({},_r.config),{},{showFaq:!0}),serviceData:{suggestion:{body:[]}}}),faqList:wr(wr({category:la,headingText:"FAQ list",description:""},_r),{},{config:wr(wr({},_r.config),{},{showFaq:!0}),serviceData:{suggestion:{body:[{id:1,question:"Lorem ipsum dolor sit amet",categories:["short"]},{id:2,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",categories:["short"]},{id:3,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam",categories:["short"]}]}}}),faqListLong:wr(wr({category:la,headingText:"Long FAQ list",description:""},_r),{},{config:wr(wr({},_r.config),{},{showFaq:!0}),serviceData:{suggestion:{body:[{id:1,question:"Lorem ipsum dolor sit amet",categories:["long"]},{id:2,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",categories:["long"]},{id:3,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam",categories:["long"]},{id:4,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed",categories:["long"]},{id:5,question:"Lorem ipsum dolor sit amet",categories:["long"]},{id:6,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",categories:["long"]},{id:7,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam",categories:["long"]},{id:8,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed",categories:["long"]},{id:9,question:"Lorem ipsum dolor sit amet",categories:["long"]},{id:10,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",categories:["long"]},{id:11,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam",categories:["long"]},{id:12,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed",categories:["long"]},{id:13,question:"Lorem ipsum dolor sit amet",categories:["long"]},{id:14,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",categories:["long"]},{id:15,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam",categories:["long"]},{id:16,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed",categories:["long"]},{id:17,question:"Lorem ipsum dolor sit amet",categories:["long"]},{id:18,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",categories:["long"]},{id:19,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam",categories:["long"]},{id:20,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed",categories:["long"]}]}}}),translationsAvailable:wr(wr({category:ua,headingText:"Show translations available",description:""},_r),{},{translations:wr(wr({},na),{},{isAvailable:!0,languages:[{locale:"nl",nativeName:"Dutch"},{locale:"en",nativeName:"English"}]})}),translationsAvailableWithOptions:wr(wr({category:ua,headingText:"Show translations available with other options available",description:""},_r),{},{options:wr(wr({},_r.options),{},{features:{cobrowsing:{enabled:!0},sendTranscript:{enabled:!0}}}),translations:wr(wr({},na),{},{isAvailable:!0,languages:[{locale:"nl",nativeName:"Dutch"},{locale:"en",nativeName:"English"}]})}),translationsActive:wr(wr({category:ua,headingText:"Show translations active",description:""},_r),{},{translations:wr(wr({},na),{},{currentLocale:"nl",isActive:!0,isAvailable:!0,languages:[{locale:"nl",nativeName:"Dutch"},{locale:"en",nativeName:"English"}]})}),translationsFullConversation:wr(wr({category:ua,headingText:"Show translated messages",description:""},_r),{},{participantInfo:Ar,serviceInfo:{activeServiceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},events:[xr,kr,wr(wr({},$r),{},{payload:wr(wr({},$r.payload),{},{id:`${$r.payload.id}XXX`})}),qr,Zr,Yr,Pr,Cr,Dr,Vr,Xr,Jr,Qr,Wr,Fr,zr,Br,ea,ta,Gr,$r,Hr].map((function(e){switch(e.payload.type){case"cta":case"image":case"text":case"choice_prompt":return vr(vr({},e),{},{payload:vr(vr({},e.payload),{},{translatedBody:vr(vr({},hr),{},{data:vr(vr({},e.payload.body),{},{text:e.payload.body.text?"NL - "+e.payload.body.text:void 0,description:e.payload.body.description?"NL - "+e.payload.body.description:void 0,buttonText:e.payload.body.buttonText?"NL - "+e.payload.body.buttonText:void 0,choices:e.payload.body.choices?e.payload.body.choices.map((e=>vr(vr({},e),{},{text:"NL - "+e.text}))):void 0,prompt:e.payload.body.prompt?vr(vr({},e.payload.body.prompt),{},{text:"NL - "+e.payload.body.prompt.text}):void 0})})})});default:return e}})),translations:wr(wr({},na),{},{currentLocale:"nl",isActive:!0,isAvailable:!0,languages:[{locale:"nl",nativeName:"Dutch"},{locale:"en",nativeName:"English"}]})})},ba=(e,t)=>wr(wr({},((e,t=[])=>{const n=wr(wr({},ga),t.reduce(((e,t)=>{const{key:n,headingText:r,description:a,body:o}=t;return wr(wr({},e),{},{[n]:wr(wr({category:aa,headingText:r,description:a},_r),{},{participantInfo:Ar,events:[Ur(o)]})})}),{}));return Object.keys(n).reduce(((t,r)=>{const a=n[r],{headingText:o,category:i,description:s}=a,c=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(a,Tr);return wr(wr({},t),{},{[r]:wr({headingText:o,description:s,category:i},e.reduce(((e,t)=>wr(wr({},e),{},{[t]:wr(wr({},c),{},{config:wr(wr({},c.config),{},{layoutMode:t})})})),{}))})}),{})})(e,t)),-1!==e.indexOf("window")?{minimized:{category:da,headingText:"Unstarted minimized",description:"",window:wr(wr({},_r),{},{config:wr(wr({},_r.config),{},{layoutMode:"window"}),visible:n.visibilityStates.minimized})},minimizedStarted:{category:da,headingText:"Started minimized",description:"",window:wr(wr({},_r),{},{config:wr(wr({},_r.config),{},{layoutMode:"window"}),visible:n.visibilityStates.minimized,participantInfo:Ar,headerTitles:Rr})},minimizedStartedUnread:{category:da,headingText:"Minimized with unread messages",description:"",window:wr(wr({},_r),{},{config:wr(wr({},_r.config),{},{layoutMode:"window"}),visible:n.visibilityStates.minimized,participantInfo:Ar,headerTitles:Rr,unreadEvents:12})}}:{}),Ea=["headingText","descriptionId","description"];function va(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Oa(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const ha=({setSelectedState:e,states:t,headingLevel:r})=>{const a=`h${r.toString()}`,o=`h${(parseInt(r,10)+1).toString()}`,i=(0,n.getUrlParams)(window.location.search);return(0,ke.jsx)("nav",{"aria-label":"Style guide navigation",className:"nav--styleguide",children:(0,ke.jsx)("ol",{className:"list--styleguidestates",children:Object.keys(pa).map((r=>{const{heading:s,description:c}=pa[r],l=Object.keys(t).filter((e=>{const{category:n}=t[e];return n===r}));return l.length>0&&(0,ke.jsxs)("li",{children:[(0,ke.jsx)(a,{children:s}),(0,ke.jsx)("span",{className:"category__description",children:c}),(0,ke.jsx)("ol",{children:l.map((r=>{const a=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?va(Object(n),!0).forEach((function(t){Oa(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):va(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t[r]);delete a.category;const{headingText:s,descriptionId:c,description:l}=a,d=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(a,Ea);return(0,ke.jsxs)("li",{children:[(0,ke.jsx)(o,{id:c,children:s}),l&&(0,ke.jsx)("span",{className:"feature__description",children:l}),(0,ke.jsx)("ul",{className:"list--styleguidelayouts",children:Object.keys(d).map((t=>(0,ke.jsx)("li",{className:t===i.layoutMode&&r===i.feature?"state__selected":null,children:(0,ke.jsx)("a",{"aria-describedby":c,href:`${window.location.pathname}?${(0,n.getUrlSearchString)({layoutMode:t,feature:r})}`,"aria-current":t===i.layoutMode&&r===i.feature?"page":null,onClick:a=>{var o;a.preventDefault(),"inline"===t&&setTimeout((()=>{document.querySelector("section.cvco-app").scrollIntoView()}),300),o={layoutMode:t,feature:r},window.history.pushState(null,null,`${window.location.pathname}?${(0,n.getUrlSearchString)(o)}`),e(o)},children:t.charAt(0).toUpperCase()+t.slice(1)})},t)))})]},r)}))})]},r)}))})})};function Ta(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Sa(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ta(Object(n),!0).forEach((function(t){wa(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ta(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function wa(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Ia=({config:e,styleGuideConfig:t,translations:r,headingLevel:o=2})=>{const[i,s]=(0,a.useState)(null),[c,l]=(0,a.useState)(""),[d,u]=(0,a.useState)(!0),[p]=(0,a.useState)((0,n.randomId)()),{stateUpdateCallback:y,customMessageEventBodies:f}=t,[m]=(0,a.useState)((()=>{const e=ba(t.showLayoutModes||["inline","window","modal"],f);return Object.keys(e).reduce(((t,r)=>Sa(Sa({},t),{},{[r]:Sa(Sa({},e[r]),{},{descriptionId:(0,n.randomId)()})})),{})})),g=(0,a.useCallback)((e=>{s(y?y(e):e)}),[s,y]),b=(0,a.useCallback)(((t,n)=>{const{defaults:r}=e,{headingText:a}=m[n];l(a);const o=m[n][t],{overrideMessages:i,showFaq:s}=o.config,{agentName:c}=r||{};return Sa(Sa({},o),{},{config:Sa(Sa(Sa(Sa({},o.config),e),{},{layoutMode:o.config.layoutMode},i?{messages:i}:{}),{},{showFaq:s}),headerTitles:Sa(Sa({},o.headerTitles),{},{subTitle:c||o.headerTitles.subTitle})})}),[m,e]);(0,a.useEffect)((()=>{if(d){const e=document.querySelector('[aria-modal="true"]');e&&e.addEventListener("click",(()=>{s((e=>Sa(Sa({},e),{},{visible:"minimized"})))}))}}),[i,s,d]);const E=(0,a.useCallback)((()=>{const e=(0,n.getUrlParams)();2!==Object.keys(e).length&&window.history.pushState(null,null,`${window.location.pathname}?${(0,n.getUrlSearchString)({layoutMode:"inline",feature:"base"})}`);const{layoutMode:t="inline",feature:r="base"}=e;g(b(t,r)),window.title="Style"}),[b,g]);(0,a.useEffect)((()=>{E()}),[E]),(0,a.useEffect)((()=>{window.onpopstate=()=>{E()}}),[E]);const v=`h${o.toString()}`;return(0,ke.jsxs)(ke.Fragment,{children:[(0,ke.jsxs)("section",{className:"chat-inline","aria-labelledby":p,children:[(0,ke.jsxs)(v,{id:p,children:[(0,ke.jsx)("span",{className:"heading__context",children:"Current selected state:"}),`${c}`]}),(0,ke.jsx)("div",{children:d&&(0,ke.jsx)(br,{customComponents:t.customComponents,translations:r,state:i})})]}),(0,ke.jsx)("aside",{className:"page-aside markdown",children:(0,ke.jsx)("nav",{className:"page-controls",children:(0,ke.jsx)(ha,{headingLevel:o,setSelectedState:({layoutMode:e,feature:t})=>{const n=b(e,t);g(n),n.styleGuideReset&&(u(!1),setTimeout((()=>{u(!0)})))},states:m})})})]})},_a=["styleGuideConfig"];function ja(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Aa(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ja(Object(n),!0).forEach((function(t){Pa(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ja(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Pa(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class Ca extends n.Engine{constructor(e,t){let{styleGuideConfig:n}=e;super(function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,_a),t),this.styleGuideConfig=n||{}}async render(){const e=Aa(Aa({},this.config.customComponents||{}),{},{view:void 0}),t=new n.API({namespace:this.config.namespace,config:this.config.api});t.URLS={translations:`/client/${this.config.api.key}/translations/{version}/{locale}.json`};const a=await t.getTranslations(this.config.context.locale||"en-GB"),o=Aa(Aa({},this.config),{},{customComponents:Object.keys(e).length?e:void 0});(0,r.render)((0,ke.jsx)(Ia,{config:o,styleGuideConfig:this.styleGuideConfig,translations:a}),this.parentElement)}}const Da=Ca,xa=["userStyleGuideConfig"];function La(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ra(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?La(Object(n),!0).forEach((function(t){Na(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):La(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Na(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class Ma extends n.ExternalApi{constructor(e,t){super(e),this.styleGuideConfig=t}createInstance(e){const{userStyleGuideConfig:t}=e,n=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,xa);return new Da(Ra({styleGuideConfig:Ra(Ra({},this.styleGuideConfig),t)},n),this)}getUserConfig(e={},t){return super.getUserConfig(Ra(Ra({},e),{},{userStyleGuideConfig:t}))}}const Ua=Ma,ka=function(e,t){if(window.seamlyStyleGuide&&!Array.isArray(window.seamlyStyleGuide))throw new Error("Seamly UI has already been initialised. Use the window.seamly object to start new instances instead.");const n=Array.isArray(window.seamlyStyleGuide)?window.seamlyStyleGuide:[],r=new Ua(e,t);window.seamly=r,window.seamlyStyleGuide={push:r.push.bind(r)},r.push(...n)};module.exports=t})();
+(()=>{"use strict";var e={d:(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{default:()=>Ra});const n=require("@seamly/web-ui"),r=require("preact"),a=require("preact/hooks");function o(){return"_"+(Number(String(Math.random()).slice(2))+Date.now()+Math.round(performance.now())).toString(36)}const i=e=>{const t=Math.floor(e/60);return{minutes:t,seconds:e-60*t}};function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const d="message",u="text",p="text",y="upload",f="received",m="read",g="uploads",b={ADD_EVENT:"ADD_EVENT",CLEAR_EVENTS:"CLEAR_EVENTS",SET_HISTORY:"SET_HISTORY",SET_EVENTS_READ:"SET_EVENTS_READ",ACK_EVENT:"ACK_EVENT",SET_IS_LOADING:"SET_IS_LOADING",CLEAR_PARTICIPANTS:"CLEAR_PARTICIPANTS",SET_PARTICIPANT:"SET_PARTICIPANT",SET_HEADER_TITLE:"SET_HEADER_TITLE",SET_HEADER_SUB_TITLE:"SET_HEADER_SUB_TITLE",SET_VISIBILITY:"SET_VISIBILITY",RESET_HISTORY_LOADED_FLAG:"RESET_HISTORY_LOADED_FLAG",SET_ACTIVE_SERVICE:"SET_ACTIVE_SERVICE",INIT_IDLE_DETACH_COUNTDOWN:"INIT_IDLE_DETACH_COUNTDOWN",DECREMENT_IDLE_DETACH_COUNTDOWN_COUNTER:"DECREMENT_IDLE_DETACH_COUNTDOWN_COUNTER",STOP_IDLE_DETACH_COUNTDOWN_COUNTER:"STOP_IDLE_DETACH_COUNTDOWN_COUNTER",CLEAR_IDLE_DETACH_COUNTDOWN:"CLEAR_IDLE_DETACH_COUNTDOWN",INIT_RESUME_CONVERSATION_PROMPT:"INIT_RESUME_CONVERSATION_PROMPT",CLEAR_RESUME_CONVERSATION_PROMPT:"CLEAR_RESUME_CONVERSATION_PROMPT",SET_SERVICE_DATA_ITEM:"SET_SERVICE_DATA_ITEM",SET_FEATURES:"SET_FEATURES",SET_FEATURE_ENABLED_STATE:"SET_FEATURE_ENABLED_STATE",CLEAR_FEATURES:"CLEAR_FEATURES",SET_INITIAL_STATE:"SET_INITIAL_STATE",SET_USER_SELECTED_OPTIONS:"SET_USER_SELECTED_OPTIONS",SET_USER_SELECTED_OPTION:"SET_USER_SELECTED_OPTION",SHOW_OPTION:"SHOW_OPTION",HIDE_OPTION:"HIDE_OPTION",SET_SERVICE_ENTRY_METADATA:"SET_SERVICE_ENTRY_METADATA",SET_BLOCK_AUTO_ENTRY_SWITCH:"SET_BLOCK_AUTO_ENTRY_SWITCH",SET_ACTIVE_ENTRY_TYPE:"SET_ACTIVE_ENTRY_TYPE",SET_USER_ENTRY_TYPE:"SET_USER_ENTRY_TYPE",REGISTER_UPLOAD:"REGISTER_UPLOAD",SET_UPLOAD_PROGRESS:"SET_UPLOAD_PROGRESS",SET_UPLOAD_COMPLETE:"SET_UPLOAD_COMPLETE",SET_UPLOAD_ERROR:"SET_UPLOAD_ERROR",CLEAR_UPLOAD:"CLEAR_UPLOAD",CLEAR_ALL_UPLOADS:"CLEAR_ALL_UPLOADS",RESET_UPLOAD_STATE:"RESET_UPLOAD_STATE",RESET_ENTRY_STATE:"RESET_ENTRY_STATE",SET_SEAMLY_CONTAINER_ELEMENT:"SET_SEAMLY_CONTAINER_ELEMENT"},{ADD_EVENT:E,CLEAR_EVENTS:v,SET_HISTORY:O,SET_EVENTS_READ:h,ACK_EVENT:T,SET_IS_LOADING:S,CLEAR_PARTICIPANTS:I,SET_PARTICIPANT:w,SET_HEADER_TITLE:_,SET_HEADER_SUB_TITLE:j,SET_VISIBILITY:A,RESET_HISTORY_LOADED_FLAG:P,SET_ACTIVE_SERVICE:C,INIT_IDLE_DETACH_COUNTDOWN:D,DECREMENT_IDLE_DETACH_COUNTDOWN_COUNTER:x,STOP_IDLE_DETACH_COUNTDOWN_COUNTER:L,CLEAR_IDLE_DETACH_COUNTDOWN:R,INIT_RESUME_CONVERSATION_PROMPT:N,CLEAR_RESUME_CONVERSATION_PROMPT:M,SET_SERVICE_DATA_ITEM:U,SET_FEATURES:k,SET_FEATURE_ENABLED_STATE:H,CLEAR_FEATURES:q,SET_INITIAL_STATE:Y,SET_USER_SELECTED_OPTION:F,SET_USER_SELECTED_OPTIONS:z,SHOW_OPTION:G,HIDE_OPTION:V,SET_BLOCK_AUTO_ENTRY_SWITCH:B,SET_USER_ENTRY_TYPE:W,SET_ACTIVE_ENTRY_TYPE:$,SET_SERVICE_ENTRY_METADATA:Z,REGISTER_UPLOAD:Q,SET_UPLOAD_PROGRESS:K,SET_UPLOAD_COMPLETE:X,SET_UPLOAD_ERROR:J,CLEAR_UPLOAD:ee,CLEAR_ALL_UPLOADS:te,RESET_UPLOAD_STATE:ne,RESET_ENTRY_STATE:re,SET_SEAMLY_CONTAINER_ELEMENT:ae}=b,oe=e=>e.sort((({payload:{occurredAt:e}},{payload:{occurredAt:t}})=>e-t)),ie=(e,t)=>{switch(t.type){case I:return{participants:{},currentAgent:""};case w:const{participants:n}=e,{id:r,avatar:a,name:o,introduction:i}=t.participant,s=n[r],l=c(c({},n),{},{[r]:s?c(c(c(c({},s),a?{avatar:a}:{}),o?{name:o}:{}),i?{introduction:i}:{}):t.participant});return c(c({},e),{},{participants:l,currentAgent:e.currentAgent===r||t.fromClient?e.currentAgent:r});default:return e}},se=(e,t)=>{switch(t.type){case _:return c(c({},e),{},{title:t.title});case j:return c(c({},e),{},{subTitle:t.title});default:return e}},ce=(e,t)=>{const{entry:n}=t,{blockAutoEntrySwitch:r}=e;if(!n)return c(c({},e),{},{optionsOverride:{}});const{type:a,options:o}=n;let i=e.active;return r||a===e.userSelected||(i=a),c(c({},e),{},{active:i,optionsOverride:c(c({},e.optionsOverride),{},{[a]:o||{}})})},le={events:[],initialState:{},unreadEvents:0,isLoading:!1,idleDetachCountdown:{hasCountdown:!1,isActive:!1},resumeConversationPrompt:!1,visible:"hidden",serviceInfo:{activeServiceSessionId:""},participantInfo:{participants:{},currentAgent:""},headerTitles:{title:null,subTitle:""},historyLoaded:!1,skiplinkTargetId:o(),optionsButtonId:o(),cobrowsingContainerId:o(),headerCollapseButtonId:o(),serviceData:{},options:{features:{},panelActive:!1,optionActive:"",userSelectedOptions:{}},showFileUpload:!1,currentUploads:[],entryMeta:{default:p,active:p,userSelected:null,blockAutoEntrySwitch:!1,options:{},optionsOverride:{}},seamlyContainerElement:null};function de(e=le,t){return((e,t)=>{switch(t.type){case E:const{type:n,payload:r}=t.event,a=e.options.features.hasOwnProperty(g),o=ce(e.entryMeta,r);let s=c({},e.options);if(a&&(n===d||"participant"===n)&&!r.fromClient){const{type:e}=r.entry||{};s=c(c({},s),{},{features:c(c({},s.features),{},{uploads:c(c({},s.features.uploads),{},{enabledFromEntry:e===y})})})}const l=(({type:e,payload:t})=>e===d&&!t.fromClient||"info"===e&&t.type===u)(t.event);return e.events.find((e=>e.payload.id===r.id))?e:c(c({},e),{},{entryMeta:a||o.active!==y?o:c({},e.entryMeta),options:s,unreadEvents:l?e.unreadEvents+1:e.unreadEvents,events:[...e.events,c(c({},t.event),{},{payload:c(c({},l&&{messageStatus:r.fromClient?m:f}),r)})]});case T:if(!t.event.payload.transactionId)return console.warn("ACK received without transaction ID."),e;const p=e.events.find((e=>e.payload.transactionId===t.event.payload.transactionId)),{id:b,occurredAt:le}=t.event.payload;return p?c(c({},e),{},{events:oe(e.events.map((e=>e.payload.id===p.payload.id?c(c({},e),{},{payload:c(c({},e.payload),{},{id:b,occurredAt:le})}):e)))}):e;case v:return c(c({},e),{},{unreadEvents:0,events:[]});case h:return c(c({},e),{},{unreadEvents:0,events:e.events.map((e=>-1!==t.ids.indexOf(e.payload.id)?c(c({},e),{},{payload:c(c({},e.payload),e.payload.messageStatus===f&&{messageStatus:m})}):e))});case O:const{events:de,participants:ue,activeServiceSessionId:pe,activeServiceSettings:ye={},serviceData:fe,resumeConversationPrompt:me}=t.history,ge=((e,t)=>{const n=t.filter((t=>!(e.find((e=>e.payload.id===t.payload.id))||"participant"===t.type&&!t.payload.participant.introduction))).reverse();return oe([...n,...e])})(e.events,de),be=c(c({},e.participantInfo.participants),ue),Ee=ge.slice().reverse().find((e=>("message"===e.type||"participant"===e.type)&&!e.payload.fromClient));let ve=null;Ee&&("message"===Ee.type&&(ve=Ee.payload.participant),"participant"===Ee.type&&(ve=Ee.payload.participant.id));const{cobrowsing:Oe,entry:he,uploads:Te}=ye,Se=ce(c(c(c({},e.entryMeta),he),{},{active:he.default||u,options:c({},he&&he.options?he.options:{})}),ge[ge.length-1].payload);let Ie=c({},e.options.features);Ie.hasOwnProperty("cobrowsing")&&(Ie=c(c({},Ie),{},{cobrowsing:{enabled:!(!Oe||!Oe.enabled)}}));const we=Ie.hasOwnProperty(g);if(we){const{payload:e}=Ee,{type:t}=e.entry||{};Ie=c(c({},Ie),{},{uploads:{enabled:!(!Te||!Te.enabled),enabledFromEntry:t===y}})}const _e=c(c({},e),{},{unreadEvents:ge.filter((e=>"message"===e.type&&e.payload.messageStatus===f)).length,events:ge.filter((e=>"participant"!==e.type||!!e.payload.participant.introduction)),participantInfo:c(c(c({},e.participantInfo),ve?ie(e.participantInfo,{type:w,participant:be[ve]}):{}),{},{participants:be}),historyLoaded:!0,serviceInfo:c(c({},e.serviceInfo),{},{activeServiceSessionId:pe}),serviceData:fe||{},options:c(c({},e.options),{},{features:Ie}),entryMeta:we||Se.active!==y?Se:c({},e.entryMeta),resumeConversationPrompt:me||!1});return ve&&(_e.headerTitles=se(e.headerTitles,{type:j,title:be[ve].name})),_e;case P:return c(c({},e),{},{historyLoaded:!1});case S:return c(c({},e),{},{isLoading:t.isLoading});case D:const{delaySeconds:je,delayTime:Ae}=t;return c(c({},e),{},{idleDetachCountdown:{hasCountdown:!0,isActive:!0,wasStopped:!1,count:je,remaining:je,timer:Ae}});case x:const{idleDetachCountdown:Pe}=e,{remaining:Ce}=Pe,De=Ce-1;return c(c({},e),{},{idleDetachCountdown:c(c({},e.idleDetachCountdown),{},{remaining:De,timer:i(De)})});case L:return c(c({},e),{},{idleDetachCountdown:c(c({},e.idleDetachCountdown),{},{isActive:!1,wasStopped:!0})});case R:return c(c({},e),{},{idleDetachCountdown:{hasCountdown:!1,isActive:!1}});case N:return c(c({},e),{},{resumeConversationPrompt:!0});case M:return c(c({},e),{},{resumeConversationPrompt:!1});case A:return c(c({},e),{},{visible:t.visible});case w:case I:return c(c({},e),{},{participantInfo:ie(e.participantInfo,t)});case C:return e.serviceInfo.activeServiceSessionId!==t.activeServiceSessionId?c(c({},e),{},{serviceInfo:c(c({},e.serviceInfo),{},{activeServiceSessionId:t.activeServiceSessionId})}):e;case _:case j:return c(c({},e),{},{headerTitles:se(e.headerTitles,t)});case Y:return c(c({},e),{},{initialState:t.initialState});case U:return c(c({},e),{},{serviceData:c(c({},e.serviceData),{},{[t.payload.type]:t.payload})});case k:return c(c({},e),{},{options:c(c({},e.options),{},{features:t.features})});case H:return e.options.features.hasOwnProperty(t.key)?c(c({},e),{},{options:c(c({},e.options),{},{features:c(c({},e.options.features),{},{[t.key]:c(c({},e.options.features[t.key]||{}),{},{enabled:t.enabled})})})}):e;case q:return c(c({},e),{},{options:c(c({},e.options),{},{features:{}})});case G:return c(c({},e),{},{options:c(c({},e.options),{},{panelActive:!0,optionActive:t.optionName})});case V:return c(c({},e),{},{options:c(c({},e.options),{},{panelActive:!1,optionActive:""})});case z:return c(c({},e),{},{options:c(c({},e.options),{},{userSelectedOptions:t.options})});case F:const{option:xe,value:Le}=t;return c(c({},e),{},{options:c(c({},e.options),{},{userSelectedOptions:c(c({},e.options.userSelectedOptions),{},{[xe]:Le})})});case B:const{value:Re}=t;return c(c({},e),{},{entryMeta:c(c({},e.entryMeta),{},{blockAutoEntrySwitch:Re})});case Z:const{entryMeta:Ne}=t;return c(c({},e),{},{entryMeta:c(c(c({},e.entryMeta),Ne),{},{active:Ne.default,options:c({},Ne.options||{}),overrideOptions:{}})});case $:const{entryType:Me}=t;return c(c({},e),{},{entryMeta:c(c({},e.entryMeta),{},{active:Me})});case W:const{entryType:Ue}=t;return c(c({},e),{},{entryMeta:c(c({},e.entryMeta),{},{userSelected:Ue})});case Q:return c(c({},e),{},{currentUploads:[...e.currentUploads,{id:t.fileId,name:t.fileName,progress:1,uploading:!0,complete:!1,error:"",uploadHandle:t.uploadHandle}]});case K:return c(c({},e),{},{currentUploads:e.currentUploads.map((e=>e.id===t.fileId?c(c({},e),{},{progress:t.progress,uploading:100!==t.progress,uploadHandle:100===t.progress?null:e.uploadHandle}):e))});case J:return c(c({},e),{},{currentUploads:e.currentUploads.map((e=>e.id===t.fileId?c(c({},e),{},{error:t.errorText,progress:0,uploading:!1,uploadHandle:null}):e))});case X:return c(c({},e),{},{currentUploads:e.currentUploads.map((e=>e.id===t.fileId?c(c({},e),{},{complete:!0}):e))});case ee:return c(c({},e),{},{currentUploads:e.currentUploads.filter((e=>e.id!==t.fileId))});case te:return c(c({},e),{},{currentUploads:[]});case ne:return c(c({},e),{},{showFileUpload:!1,currentUploads:[]});case re:return c(c({},e),{},{entryMeta:{default:u,active:u,userSelected:null,blockAutoEntrySwitch:!1,options:{},optionsOverride:{}}});case ae:return c(c({},e),{},{seamlyContainerElement:t.element});default:return e}})(e,t)}function ue(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function pe(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const ye="//";function fe(e,t,n="/"){return(r,...a)=>t(e+n+r,...a)}function me(e,t=(e=>({payload:e}))){const n=(...n)=>function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ue(Object(n),!0).forEach((function(t){pe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ue(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({type:e},t(...n));return n.toString=()=>String(e),n.match=t=>(null==t?void 0:t.type)===String(e),n}function ge(e,...t){const n=[];t.forEach((e=>{const t=typeof e;if("string"===t)return n.push([e]);"object"!==t||e instanceof Array||Object.keys(e).forEach((t=>n.push([t,e[t]])))}));const r=fe(e,me,"/");return n.map((e=>r(...e)))}function be(e,t){const[n,r,a]=ge(e,{pending:(e,t)=>({meta:{arg:e,requestId:t,status:"pending"}}),fulfilled:(e,t,n)=>({payload:t,meta:{arg:e,requestId:n,status:"fulfilled"}}),rejected:(e,t,n)=>({error:t,meta:{arg:e,requestId:n,status:"rejected",error:String(t)}})});return Object.assign((i=>(s,c,l)=>{const d=o(),u=(async()=>{let e;try{s(n(i,d));const a=t(i,{dispatch:s,getState:c,extra:l}),o=await a;e=r(i,o,d)}catch(t){e=a(i,t,d)}return s(e),e})();return Object.assign(u,{type:e,arg:i,requestId:d})}),{type:e,pending:n,fulfilled:r,rejected:a})}function Ee(e){return{createAction:fe(e,me,ye),createActions:fe(e,ge,ye),createThunk:fe(e,be,ye),createReducer:(t,n)=>function(e,t={},n){const r=(e,r)=>{void 0===e&&(e=n);const a=null==t?void 0:t[null==r?void 0:r.type];return a?a(e,r):e};return r.toString=()=>e,r}(e,t,n),selectState:t=>t[e]}}const{createActions:ve,createReducer:Oe,selectState:he}=Ee("forms"),[Te,Se]=ve("form",{register:(e,t)=>({formId:e,persistData:t}),deregister:e=>({formId:e})}),[Ie,we,_e,je]=ve("control",{register:(e,t)=>({formId:e,name:t}),deregister:(e,t)=>({formId:e,name:t}),updateValue:(e,t,n)=>({formId:e,name:t,value:n}),updateTouched:(e,t,n)=>({formId:e,name:t,touched:n})});function Ae(e,t){return e===t}function Pe(e,t,n){if(null===t||null===n||t.length!==n.length)return!1;for(var r=t.length,a=0;a<r;a++)if(!e(t[a],n[a]))return!1;return!0}function Ce(e){var t=Array.isArray(e[0])?e[0]:e;if(!t.every((function(e){return"function"==typeof e}))){var n=t.map((function(e){return typeof e})).join(", ");throw new Error("Selector creators expect all input-selectors to be functions, instead received the following types: ["+n+"]")}return t}var De=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return function(){for(var t=arguments.length,r=Array(t),a=0;a<t;a++)r[a]=arguments[a];var o=0,i=r.pop(),s=Ce(r),c=e.apply(void 0,[function(){return o++,i.apply(null,arguments)}].concat(n)),l=e((function(){for(var e=[],t=s.length,n=0;n<t;n++)e.push(s[n].apply(null,arguments));return c.apply(null,e)}));return l.resultFunc=i,l.dependencies=s,l.recomputations=function(){return o},l.resetRecomputations=function(){return o=0},l}}((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Ae,n=null,r=null;return function(){return Pe(t,n,arguments)||(r=e.apply(null,arguments)),n=arguments,r}}));const xe=(e,t)=>(n,r)=>r[e]||t,Le=De(he,xe("formId"),((e,t)=>e[t])),Re=De(Le,(e=>(null==e?void 0:e.controls)||{})),Ne=(De(Re,(e=>{const t={};return Object.entries(e).forEach((([e,{value:n}])=>{t[e]=n})),t})),De(Re,xe("name"),((e,t)=>{var n;return null===(n=e[t])||void 0===n?void 0:n.value})),De(Re,xe("name"),((e,t)=>{var n;return null===(n=e[t])||void 0===n?void 0:n.touched})),(0,r.createContext)(void 0)),{Provider:Me,Consumer:Ue}=Ne,ke=require("preact/jsx-runtime"),He=(0,r.createContext)({}),{Provider:qe,Consumer:Ye}=He;function Fe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ze(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Fe(Object(n),!0).forEach((function(t){Ge(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Fe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ge(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Ve={controls:{}},Be={value:"",touched:!1};function We(e,t,n,r){var a;const o=(null===(a=e[t])||void 0===a?void 0:a.controls[n])||Be;return ze(ze({},e),{},{[t]:ze(ze({},e[t]),{},{controls:ze(ze({},e[t].controls),{},{[n]:ze(ze({},o),r)})})})}const $e=Oe({[Te]:(e,{formId:t,persistData:n})=>{const r=n?e[t]??ze(ze({},Ve),{},{persistData:n}):ze(ze({},Ve),{},{persistData:n});return ze(ze({},e),{},{[t]:r})},[Se]:(e,{formId:t})=>{var n;const r=ze({},e);return null!==(n=r[t])&&void 0!==n&&n.persistData||delete r[t],r},[Ie]:(e,{name:t,formId:n})=>We(e,n,t),[we]:(e,{formId:t,name:n})=>{const r=e[t];if(!r)return e;if(r.persistData)return e;const a=ze({},r.controls);return delete a[n],ze(ze({},e),{},{[t]:ze(ze({},r),{},{controls:a})})},[_e]:(e,{formId:t,name:n,value:r})=>We(e,t,n,{value:r}),[je]:(e,{formId:t,name:n,touched:r})=>We(e,t,n,{touched:r})},{}),{createActions:Ze,createReducer:Qe,selectState:Ke}=Ee("translations"),[Xe,Je]=Ze("translate",{enable:e=>({locale:e}),disable:()=>({})}),[et,tt]=Ze("event",{enable:e=>({payloadId:e}),disable:e=>({payloadId:e})}),nt=De(Ke,(e=>e.originalPayloadIds)),{createAction:rt,createThunk:at,createReducer:ot,selectState:it}=(De(nt,xe("payloadId"),((e,t)=>!e.includes(t))),(0,r.createContext)(null),(0,r.createContext)(""),Ee("config")),st=rt("initialize",(e=>({config:e}))),ct=rt("update",(e=>({config:e})));function lt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function dt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?lt(Object(n),!0).forEach((function(t){ut(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):lt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ut(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const pt=De(it,(e=>{let t=dt({visible:"inline"===(null==e?void 0:e.layoutMode)?"open":"minimized",appContainerClassNames:e.appContainerClassNames||[]},e);return"function"==typeof t.appContainerClassNames&&(t=dt(dt({},t),{},{appContainerClassNames:t.appContainerClassNames(t)})),t})),yt="cvco",ft=["messages"];function mt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function gt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?mt(Object(n),!0).forEach((function(t){bt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):mt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function bt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Et=gt(gt({},{namespace:"default",layoutMode:"window",messages:{agent:{showAvatar:!1,showName:!1},user:{showAvatar:!1,showName:!1},timeIndicator:{enabled:!1,threshold:36e5}},appContainerClassNames:e=>[`app--layout-${e.layoutMode}`,`namespace--${e.namespace}`]}),{},{hideOnNoUserResponse:!1,showDisclaimer:!1,showFaq:!1,customComponents:{},defaults:{}}),vt=["hideOnNoUserResponse","showDisclaimer","showFaq","namespace","customComponents","defaults","layoutMode","api","zIndex","context","appContainerClassNames","messages","visible","visibilityCallback"],Ot=(e,{config:t})=>{const n=(o=t,vt.reduce(((e,t)=>(t in o&&(e[t]=o[t]),e)),{})),{messages:r}=n,a=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(n,ft);var o;let i=e;return Object.keys(a).length>0&&(i=gt(gt({},i),a)),r&&(i=gt(gt({},i),{},{messages:gt(gt({},i.messages),r)})),i},ht=ot({[st]:(e,t)=>Ot(e,t),[ct]:(e,t)=>Ot(e,t)},Et);function Tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function St(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Tt(Object(n),!0).forEach((function(t){It(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function It(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const wt=De((e=>e.state),pt,(({events:e},t)=>{var n;const{enabled:r,threshold:a}=(null==t||null===(n=t.messages)||void 0===n?void 0:n.timeIndicator)??{};if(!r)return e;const o=[];let i=null;return e.forEach(((e,t)=>{if(0===t)o.push(St(St({},e),{},{timeIndicator:e.payload.occurredAt}));else{const t=i&&(n=e.payload.occurredAt-i.payload.occurredAt,Math.ceil(n/1e3)>=a)?e.payload.occurredAt:void 0;o.push(St(St({},e),{},{timeIndicator:t}))}var n;i=e})),o})),{SET_SEAMLY_CONTAINER_ELEMENT:_t}=(De(wt,(e=>{var t;const n=e.filter((e=>"message"===e.type));return null===(t=n[n.length-1])||void 0===t?void 0:t.payload.id})),b),{createAction:jt,createThunk:At,createReducer:Pt,selectState:Ct}=Ee("i18n"),Dt=(De(Ct,(e=>e.translations)),De(Ct,(e=>e.initialLocale)),De(Ct,(e=>e.locale))),xt=jt("setInitialLocale",(e=>({locale:e}))),Lt=function(){let e=!1;const t=[],n=async()=>{if(!e)for(;t.length;){const n=t.shift();e=!0,await n().catch((()=>{})),e=!1}};return{next:n,runExclusively:async e=>{const r=new Promise(((n,r)=>{t.push((async()=>{try{n(await e())}catch(e){r(e)}}))}));return n(),r}}}(),Rt=At("setLocale",(async(e,{getState:t,extra:{api:n}})=>Lt.runExclusively((()=>{if(e!==Dt(t()))return n.getTranslations(e)}))));function Nt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Mt(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw a}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Nt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Nt(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ut(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function kt(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Ht(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function qt(e){return e.reduce((function(e,t){return e.concat(Array.isArray(t)?qt(t):t)}),[])}function Yt(e){var t={};return function(){for(var n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];var o=r.length?r.map((function(e){return null===e?"null":void 0===e?"undefined":"function"==typeof e?e.toString():e instanceof Date?e.toISOString():JSON.stringify(e)})).join("|"):"_(no-args)_";if(Object.prototype.hasOwnProperty.call(t,o))return t[o];var i=e.apply(void 0,r);return t[o]=i,i}}function Ft(e){for(var t=function(e){return/\s/.test(e)},n=[],r={},a=0,o=null,i=!1,s=0;s<e.length;){if(i&&(t(e[s])||"{"===e[s]))i=!1,o=e.slice(a,s),"{"===e[s]&&s--;else if(!i&&!t(e[s])){var c="{"===e[s];if(o&&c){var l=zt(e,s);if(-1===l)throw new Error('Unbalanced curly braces in string: "'.concat(e,'"'));r[o]=e.slice(s+1,l),s=l,o=null}else o&&(n.push(o),o=null),i=!0,a=s}s++}return i&&(o=e.slice(a)),o&&n.push(o),{args:n,cases:r}}function zt(e,t){for(var n=0,r=t+1;r<e.length;r++){var a=e.charAt(r);if("}"===a){if(0===n)return r;n--}else"{"===a&&n++}return-1}function Gt(e){return Vt(e.slice(1,-1),",",3)}function Vt(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];if(!e)return r;if(1===n)return r.push(e),r;var a=e.indexOf(t);if(-1===a)return r.push(e),r;var o=e.substring(0,a).trim(),i=e.substring(a+t.length+1).trim();return r.push(o),Vt(i,t,n-1,r)}var Bt;function Wt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function $t(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Wt(Object(n),!0).forEach((function(t){Ht(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Wt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Zt=0,Qt="other";function Kt(e,t){for(var n=0,r="",a=0,o={};n<e.length;){if("#"!==e[n]||a)r+=e[n];else{var i="__hashToken".concat(Zt++);r+="{".concat(i,", number}"),o[i]=t}"{"===e[n]?a++:"}"===e[n]&&a--,n++}return{caseBody:r,numberValues:o}}var Xt="other";function Jt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function en(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Jt(Object(n),!0).forEach((function(t){tn(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Jt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function tn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}new(function(){function e(t){var n=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Ut(this,e),Ht(this,"format",Yt((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return qt(n.process(e,t)).join("")}))),this.locale=t,this.typeHandlers=r}var t,n;return t=e,(n=[{key:"process",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!e)return[];var n=e.indexOf("{");if(-1!==n){var r=zt(e,n);if(-1===r)throw new Error('Unbalanced curly braces in string: "'.concat(e,'"'));var a=e.substring(n,r+1);if(a){var o=[],i=e.substring(0,n);i&&o.push(i);var s=Gt(a),c=Mt(s,3),l=c[0],d=c[1],u=c[2],p=t[l];null==p&&(p="");var y=d&&this.typeHandlers[d];o.push(y?y(p,u,this.locale,t,this.process.bind(this)):p);var f=e.substring(r+1);return f&&o.push(this.process(f,t)),o}}return[e]}}])&&kt(t.prototype,n),e}())("en-GB",{plural:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2?arguments[2]:void 0,r=arguments.length>3?arguments[3]:void 0,a=arguments.length>4?arguments[4]:void 0,o=Ft(t),i=o.args,s=o.cases,c=parseInt(e);i.forEach((function(e){e.startsWith("offset:")&&(c-=parseInt(e.slice("offset:".length)))}));var l=[];if("PluralRules"in Intl){void 0!==Bt&&Bt.resolvedOptions().locale===n||(Bt=new Intl.PluralRules(n));var d=Bt.select(c);d!==Qt&&l.push(d)}1===c&&l.push("one"),l.push("=".concat(c),Qt);for(var u=0;u<l.length;u++){var p=l[u];if(p in s){var y=Kt(s[p],c),f=y.caseBody,m=y.numberValues;return a(f,$t($t({},r),m))}}return e},select:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>3?arguments[3]:void 0,r=arguments.length>4?arguments[4]:void 0,a=Ft(t),o=a.cases;return e in o?r(o[e],n):Xt in o?r(o.other,n):e}});const nn=Pt({[xt]:(e,{locale:t})=>en(en({},e),{},{initialLocale:t}),[Rt.pending]:e=>en(en({},e),{},{isLoading:!0}),[Rt.fulfilled]:(e,{payload:t,meta:{arg:n}})=>en(en({},e),{},t?{isLoading:!1,locale:n,translations:Object.keys(t).sort().reduce(((e,n)=>en(en({},e),{},{[n]:t[n]})),{})}:{isLoading:!1}),[Rt.rejected]:e=>en(en({},e),{},{isLoading:!1})},{translations:{"errors.configError.message":"We are sorry this happened, please retry at a later time.","errors.configError.srText":"A chat configuration error occurred. Our apologies, please retry at a later time.","errors.configError.title":"Chat configuration error.","errors.general.buttonText":"Restart chat","errors.general.message":"Do you want to start a new chat session?","errors.general.srText":"Something went wrong with the chat session. You can restart the chat.","errors.general.title":"Something went wrong","errors.seamlyOffline.message":"There might be a problem with your or our network connection. The chat session should resume as soon the connection is available again.","errors.seamlyOffline.srText":"The chat has connection issues. There might be a problem with your or our network connection. The chat session should resume as soon as the connection is available again.","errors.seamlyOffline.title":"Connection issues"},isLoading:!1,initialLocale:void 0}),{SET_USER_SELECTED_OPTION:rn,SET_USER_SELECTED_OPTIONS:an,SHOW_OPTION:on,HIDE_OPTION:sn}=b;(0,r.createContext)({});const{CLEAR_ALL_UPLOADS:cn}=b,{createAction:ln,createReducer:dn,selectState:un}=Ee("interrupt"),pn=ln("set",(e=>({error:e}))),yn=ln("clear");function fn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function mn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?fn(Object(n),!0).forEach((function(t){gn(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):fn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function gn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}De(un,(({error:e})=>e)),Error,Error,Error,Error,Error;const bn={error:void 0},En=dn({[pn]:(e,{error:t})=>mn(mn({},e),{},{error:t}),[yn]:()=>bn},bn),{createAction:vn,createThunk:On,createReducer:hn,selectState:Tn}=Ee("app"),Sn=vn("setHasResponded",(e=>({hasResponded:e})));function In(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function wn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?In(Object(n),!0).forEach((function(t){_n(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):In(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function _n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}On("initialize",(async(e,{dispatch:t,extra:{api:n}})=>{try{var r;t(st(e));const{features:o,defaultLocale:i}=await n.getConfig();t({type:b.SET_FEATURES,features:o});let s=(null==e||null===(r=e.context)||void 0===r?void 0:r.locale)||i;t(xt(s));try{if(n.hasConversation()){var a;const e=await n.getConversationIntitialState();t({type:b.SET_INITIAL_STATE,initialState:e}),s=(null===(a=e.translation)||void 0===a?void 0:a.locale)||s,"userResponded"in e&&t(Sn(e.userResponded))}}catch(e){t(pn(e))}await t(Rt(s))}catch(e){t(pn(e))}})),De(Tn,(e=>e.userHasResponded));const jn=hn({[Sn]:(e,{hasResponded:t})=>wn(wn({},e),{},{userHasResponded:t})},{userHasResponded:!1}),{ADD_EVENT:An,CLEAR_EVENTS:Pn,SET_IS_LOADING:Cn,CLEAR_PARTICIPANTS:Dn,SET_HEADER_SUB_TITLE:xn,SET_INITIAL_STATE:Ln,CLEAR_FEATURES:Rn,SET_FEATURES:Nn,RESET_UPLOAD_STATE:Mn,RESET_ENTRY_STATE:Un}=b;(0,r.createContext)(null),(0,r.createContext)(null);const{SET_BLOCK_AUTO_ENTRY_SWITCH:kn,SET_ACTIVE_ENTRY_TYPE:Hn,SET_USER_ENTRY_TYPE:qn}=b,{SET_VISIBILITY:Yn}=b,{SET_IS_LOADING:Fn}=b,{CLEAR_IDLE_DETACH_COUNTDOWN:zn,INIT_IDLE_DETACH_COUNTDOWN:Gn,DECREMENT_IDLE_DETACH_COUNTDOWN_COUNTER:Vn,STOP_IDLE_DETACH_COUNTDOWN_COUNTER:Bn}=b,{CLEAR_RESUME_CONVERSATION_PROMPT:Wn}=b;function $n(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Zn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$n(Object(n),!0).forEach((function(t){Qn(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$n(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Qn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Kn={isActive:!1,currentLocale:void 0,isAvailable:!1,languages:[],originalPayloadIds:[],containerId:o()},Xn=Qe({[b.SET_FEATURES]:(e,t)=>{var n;const r=null==t||null===(n=t.features)||void 0===n?void 0:n.translation;return r?Zn(Zn({},e),{},{isAvailable:!0===r.enabled,languages:r.languages||[]}):e},[b.CLEAR_FEATURES]:()=>Kn,[Xe]:(e,{locale:t})=>Zn(Zn({},e),{},{isActive:!0,currentLocale:t}),[Je]:e=>Zn(Zn({},e),{},{isActive:!1,currentLocale:void 0}),[et]:(e,{payloadId:t})=>e.originalPayloadIds.includes(t)?Zn(Zn({},e),{},{originalPayloadIds:e.originalPayloadIds.filter((e=>e!==t))}):e,[tt]:(e,{payloadId:t})=>e.originalPayloadIds.includes(t)?e:Zn(Zn({},e),{},{originalPayloadIds:[...e.originalPayloadIds,t]})},Kn),Jn=(...e)=>e.flat().map((e=>"object"==typeof e?Object.entries(e).map((([e,t])=>t?e:"")).join(" "):e)).filter((e=>"string"==typeof e)).map((e=>e.split(" "))).flat().filter((e=>e.length)).map((e=>[yt,e].join("-"))).join(" "),er={visible:Jn("transition--visible"),in:Jn("transition--in"),visuallyHidden:Jn("visually-hidden")};Object.values(er);const{REGISTER_FORM:tr,DE_REGISTER_FORM:nr,REGISTER:rr,DE_REGISTER:ar,SET_VALUE:or,SET_VALIDITY:ir,SET_STATE:sr,SET_SUBMITTED:cr,SET_PERSIST_FORM_DATA:lr}={REGISTER_FORM:"REGISTER_FORM",DE_REGISTER_FORM:"DE_REGISTER_FORM",REGISTER:"REGISTER",DE_REGISTER:"DEREGISTER",SET_VALUE:"SET_VALUE",SET_VALIDITY:"SET_VALIDITY",SET_STATE:"SET_STATE",SET_SUBMITTED:"SET_SUBMITTED",SET_PERSIST_FORM_DATA:"SET_PERSIST_FORM_DATA"},dr=["translations","interrupt","config"];const ur={send:()=>{},reset:()=>Promise.resolve({}),store:{get:()=>{},set:()=>{}}},pr=({state:e,translations:t,children:r})=>{const o=(0,a.useRef)((()=>{})),i=(0,a.useRef)({emit:()=>{}}),s=(0,a.useMemo)((()=>{const r=e||{},{translations:a,interrupt:o,config:i}=r,s=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(r,dr),c=(0,n.createReduxStore)({reducers:{state:de,[String(jn)]:jn,[String(ht)]:ht,[String($e)]:$e,[String(Xn)]:Xn,[String(nn)]:nn,[String(En)]:En},initialState:{state:s,[String(Xn)]:a,[String(En)]:o}});return c.dispatch(st(i||{})),c.dispatch(Rt.fulfilled("en-GB",t)),c}),[e,t]);return e&&(0,ke.jsx)(n.StoreProvider,{store:s,children:(0,ke.jsx)(n.SeamlyEventBusContext.Provider,{value:i.current,children:(0,ke.jsx)(n.SeamlyLiveRegionContext.Provider,{value:o.current,children:(0,ke.jsx)(n.SeamlyApiContext.Provider,{value:ur,children:r})})})})},yr=({state:e,customComponents:t={},translations:r})=>{const[o,i]=(0,a.useState)(!0),{config:s}=e||{},{layoutMode:c}=s||{},l=t[c];return(0,a.useEffect)((()=>{i(!1),requestAnimationFrame((()=>{requestAnimationFrame((()=>{i(!0)}))}))}),[e]),o?l?(0,ke.jsx)(pr,{state:e,translations:r,children:(0,ke.jsx)(l,{})}):(0,ke.jsx)(pr,{state:e,translations:r,children:(0,ke.jsx)(n.View,{})}):null};function fr(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function mr(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?fr(Object(n),!0).forEach((function(t){gr(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):fr(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function gr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const br={direction:"to_translation_locale",locale:"nl",translatedBy:"deep_l",data:{}},Er=["headingText","category","description"];function vr(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Or(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?vr(Object(n),!0).forEach((function(t){hr(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):vr(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function hr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Tr={events:[],config:{layoutMode:"inline",accountConfig:{},hideOnNoUserResponse:!1,showFaq:!1,showDisclaimer:!1},initialState:{},unreadEvents:0,isLoading:!1,idleDetachCountdown:{hasCountdown:!1,isActive:!1},resumeConversationPrompt:!1,visible:n.visibilityStates.open,serviceInfo:{activeServiceSessionId:""},participantInfo:{participants:{},currentAgent:""},headerTitles:{title:"Test title",subTitle:"Test subtitle"},interrupt:{error:void 0},historyLoaded:!1,skiplinkTargetId:(0,n.randomId)(),optionsButtonId:(0,n.randomId)(),cobrowseContainerId:(0,n.randomId)(),serviceData:{},options:{features:{},panelActive:!1,optionActive:"",userSelectedOptions:{}},entryMeta:{default:"text",active:"text",userSelected:null,options:{},optionsOverride:{}},currentUploads:[]},Sr="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxkZWZzLz48cGF0aCBmaWxsPSIjNEE0OEMxIiBkPSJNMCAwSDMyVjMySDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTExLjE3NSwxMi4yMjJjMC0zLjc5MywyLjE2LTUuNTY1LDQuODI1LTUuNTY1YzIuNjY0LDAsNC44MjYsMS43NzIsNC44MjYsNS41NjUJYzAsMy43OTQtMi4xNjIsNi45MDQtNC44MjYsNi45MDRDMTMuMzM1LDE5LjEyNiwxMS4xNzUsMTYuMDE2LDExLjE3NSwxMi4yMjJ6IE0yNi42NjYsMjMuMDg0Yy0wLjgzNC0xLjU4My00LjIxNi0yLjYyNS01Ljg0MS0yLjY2NwlzLTMuNTM0LDMtNC44MjUsM2MtMS4yOTMsMC0zLjIwMS0zLjA0Mi00LjgyNS0zYy0xLjYyNSwwLjA0Mi01LjAwOCwxLjA4NC01Ljg0MSwyLjY2N0M0LjAwNSwyNS42MDYsNC41ODMsMzIsNC41ODMsMzJIMTZoMTEuNDE2CUMyNy40MTYsMzIsMjcuOTk0LDI1LjYwNiwyNi42NjYsMjMuMDg0eiIvPjwvc3ZnPg==",Ir={participants:{"e65fa8dc-97ab-4711-8fec-82bae6461aa2":{avatar:Sr,id:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",introduction:"You're now talking to {{name}} gimme a minit",name:"Mrs. Bot",service:{expose:{map:{},version:2},meta:{},name:null,service_session_id:null,settings:{}}},"e65fa8dc-97ab-4711-8fec-82bae6461aa3":{id:"e65fa8dc-97ab-4711-8fec-82bae6461aa3",introduction:"You're now talking to {{name}} gimme a minit",name:"Mrs. Bot",service:{expose:{map:{},version:2},meta:{},name:null,service_session_id:null,settings:{}}},"seamly-client-participant":{avatar:Sr,id:"seamly-client-participant",introduction:null,name:"User",service:{expose:{map:{},version:2},meta:{},name:null,service_session_id:null,settings:{}}}},currentAgent:"e65fa8dc-97ab-4711-8fec-82bae6461aa2"},wr={type:"info",payload:{body:{subtype:"new_topic",type:"divider"},fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),transactionId:"_1y9pz5fbyly",type:"divider"}},_r={type:"info",payload:{body:{language:"Nederlands",subtype:"new_translation",text:"[NL] Automatic translation to Dutch started. Please note that automatic translations may contain errors.",translationEnabled:!0,translationLocale:"nl"},fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),occurredAt:0x5c68711878df3,participant:null,service:{meta:{},name:null,serviceSessionId:null},transactionId:null,translatedBody:null,type:"divider"}},jr={type:"info",payload:{body:{language:"Nederlands",subtype:"new_translation",text:"[NL] Automatic translation to Dutch ended.",translationEnabled:!1,translationLocale:"nl"},fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),occurredAt:0x5c68711878df3,participant:null,service:{meta:{},name:null,serviceSessionId:null},transactionId:null,translatedBody:null,type:"divider"}},Ar={type:"info",payload:{body:{text:"This is a system generated info message",type:"text",variables:{}},fromClient:!1,id:(0,n.randomId)(),participant:null,service:{meta:{additions:{hideFeedback:"true"}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:null,type:"text"}},Pr={type:"info",payload:{body:{key:["info","sendTranscript","accepted"],variables:{emailAddress:"test@test.com"}},fromClient:!1,id:(0,n.randomId)(),participant:null,service:{meta:{},name:null,serviceSessionId:null},transactionId:null,type:"translation"}},Cr={title:"You're talking to",subTitle:"Mrs. Bot"},Dr={type:"participant",payload:{fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"received",participant:{avatar:Sr,id:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",introduction:"You're now talking to {{name}} gimme a minit",name:"Mrs. Bot",service:{expose:{map:{},version:2},meta:{},name:null,service_session_id:null,settings:{}}},transactionId:"d63655bf-1d3d-42cf-b14e-4da9e2b6a642",type:"participant"}},xr={type:"participant",payload:{fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"received",participant:{id:"e65fa8dc-97ab-4711-8fec-82bae6461aa3",introduction:"You're now talking to {{name}} gimme a minit",name:"Mrs. Bot",service:{expose:{map:{},version:2},meta:{},name:null,service_session_id:null,settings:{}}},transactionId:"d63655bf-1d3d-42cf-b14e-4da9e2b6a642",type:"participant"}},Lr=({type:e,data:t,text:n})=>({type:"message",payload:{body:{type:e,text:n,data:t,variables:{}},participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},fromClient:!1,fromHistory:!0,id:"4efacb4d-28a0-454e-8e36-3f17eb598c5d",messageStatus:"read",transactionId:"6f9beee7-ce82-418e-9bec-8001079aa769",transactionLast:!0,type:"custom"}}),Rr={type:"message",payload:{body:{text:"What do you want to do?",type:"text",variables:{}},fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"b947b684-93df-4bd9-a8ea-e2f1b5a7a480",transactionLast:!1,type:"text"}},Nr={type:"message",payload:{body:{description:"Thanks for chatting!\n\nMore info about our **products**?",buttonLink:"https://seamly.ai",buttonText:"View website",buttonNewTab:!0},type:"cta",fromClient:!1,fromHistory:!0,id:"f5351010-0def-452d-818f-ca22ac61792z",messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{hideFeedback:"true"}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"d0cc13da-337a-4108-9db1-cb8a3b3a1446",transactionLast:!1}},Mr={type:"message",payload:{body:{text:"What do you want to do? This is a really long message from a bot that has a lot to say about a lot of things. Currently I am contemplating my own bot existence and constantly asking myself who I am. What do you want to do? This is a really long message from a bot that has a lot to say about a lot of things. Currently I am contemplating my own bot existence and constantly asking myself who I am. What do you want to do? This is a really long message from a bot that has a lot to say about a lot of things. Currently I am contemplating my own bot existence and constantly asking myself who I am.",type:"text",variables:{}},fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"b947b684-93df-4bd9-a8ea-e2f1b5a7a480",transactionLast:!1,type:"text"}},Ur={type:"message",payload:{body:{text:"Bubble with **bold** *italic* <u>underline</u>",type:"text",variables:{}},fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{hideFeedback:"true"}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"d0cc13da-337a-4108-9db1-cb8a3b3a1446",transactionLast:!1,type:"text"}},kr={type:"message",payload:{body:{text:"{{link_1}} and {{link_2}} embedded in text",type:"text",variables:{link_1:{id:"1",name:"Link in same window",newTab:!1,type:"link",url:"https://google.com"},link_2:{id:"2",name:"link in new window",newTab:!0,type:"link",url:"https://google.com"}}},fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{hideFeedback:"true"}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"d0cc13da-337a-4108-9db1-cb8a3b3a1446",transactionLast:!1,type:"text"}},Hr={type:"message",payload:{body:{text:"Here is a long link {{link_1}} embedded in text",type:"text",variables:{link_1:{id:"1",name:"click me click me please click me yoohoooo please please click me here I am click me now what are you waiting for click me now now now now now click meeeeeeeeeeeeee",newTab:!1,type:"link",url:"https://google.com"}}},fromClient:!1,fromHistory:!0,id:"a964e54e-ea98-46ff-a952-979a47f162c0",messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{hideFeedback:"true"}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"d0cc13da-337a-4108-9db1-cb8a3b3a1446",transactionLast:!1,type:"text"}},qr={type:"message",payload:{body:{text:"<ul>\n<li>Bullets</li>\n<li>bullets</li>\n<li>bullets</li>\n</ul>\n",type:"text",variables:{}},fromClient:!1,fromHistory:!0,id:"f5351010-0def-452d-818f-ca22ac61792a",messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{hideFeedback:"true"}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"d0cc13da-337a-4108-9db1-cb8a3b3a1446",transactionLast:!1,type:"text"}},Yr={type:"message",payload:{body:{description:"Plaatje",isZoomable:!1,type:"image",url:"https://developers.seamly.ai/clients/web-ui/static/photos/image-square-small.jpg"},fromClient:!1,fromHistory:!0,id:"b44ef42c-880c-43ff-b067-499e7f2e81f7",messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{hideFeedback:"true"}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"d0cc13da-337a-4108-9db1-cb8a3b3a1446",transactionLast:!1,type:"image"}},Fr={type:"message",payload:{body:{description:"Plaatje",isZoomable:!0,type:"image",url:"https://developers.seamly.ai/clients/web-ui/static/photos/image-portrait.jpg"},fromClient:!1,fromHistory:!0,id:"b44ef42c-880c-43ff-b067-499e7f2e81f8",messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{hideFeedback:"true"}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"d0cc13da-337a-4108-9db1-cb8a3b3a1446",transactionLast:!1,type:"image"}},zr={type:"message",payload:{body:{description:"test",source:"youtube",type:"video",url:"https://www.youtube.com/embed/K7Hn1rPQouU"},fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{hideFeedback:"true"}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"d0cc13da-337a-4108-9db1-cb8a3b3a1446",transactionLast:!1,type:"video"}},Gr={type:"message",payload:{body:{choices:[{id:"703db9b3-2157-4d4a-9f9b-c382c6a10531",text:"Dialog (this is intentionally made longer for testing purposes)",type:"choice"},{id:"1eff6098-f14f-4683-a2b8-30d1c573d45e",text:"T-Dialog",type:"choice"},{id:"3555079c-6f60-45e1-82c7-5d5832634a3f",text:"Escalation - Cobrowser",type:"choice"},{id:"a8ba3ce8-3324-4e7a-accc-944ff78ac890",text:"Customers",type:"choice"},{id:"c89956ab-cf98-4b7e-9282-7087c988153d",text:"Features",type:"choice"},{id:"9fd9a28f-462d-4f07-9661-606dbe3b9466",category:"secondary",text:"Something else",type:"choice"}],chooseAgain:!0,prompt:{text:"Type &quot;start&quot; at any time to see this menu again",type:"text",variables:{}},type:"choice_prompt"},fromClient:!1,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"read",participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",service:{meta:{additions:{}},name:"bot",serviceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},transactionId:"b947b684-93df-4bd9-a8ea-e2f1b5a7a480",transactionLast:!0,type:"choice_prompt"}},Vr={type:"message",payload:{body:{text:"This is what the user typed",type:"text",variables:{}},fromClient:!0,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"read",participant:"seamly-client-participant",transactionId:"1cdefea9-7437-4672-bcf8-2c75dc99244c",transactionLast:null,type:"text"}},Br={type:"message",payload:{body:{text:"This is what the user typed. And sometimes the user has quite a lot to say and then we get longer lines that need to wrap well and not break the styling so here goes with just such a line right here!!",type:"text",variables:{}},fromClient:!0,fromHistory:!0,id:(0,n.randomId)(),messageStatus:"read",participant:"seamly-client-participant",transactionId:"1cdefea9-7437-4672-bcf8-2c75dc99244c",transactionLast:null,type:"text"}},Wr={type:"upload",transactionId:"_vzhvnol0egf",meta:{},body:{contentType:"image/jpg",filename:"placeholder.jpg",filesize:991078,url:"https://developers.seamly.ai/clients/web-ui/static/photos/image-square-small.jpg"}},$r={type:"message",payload:Or(Or({},Wr),{},{fromClient:!1,participant:"e65fa8dc-97ab-4711-8fec-82bae6461aa2",id:(0,n.randomId)()})},Zr=Or(Or({},$r),{},{payload:Or(Or({},$r.payload),{},{body:Or({},$r.payload.body),id:(0,n.randomId)()})}),Qr={type:"message",payload:Or(Or({},Wr),{},{fromClient:!0,participant:"seamly-client-participant",id:(0,n.randomId)()})},Kr=Or(Or({},Qr),{},{payload:Or(Or({},Qr.payload),{},{id:(0,n.randomId)(),body:Or(Or({},Qr.payload.body),{},{url:null})})}),Xr={isActive:!1,currentLocale:void 0,isAvailable:!1,languages:[],originalPayloadIds:[],containerId:(0,n.randomId)()},Jr="unstarted",ea="messages",ta="errors",na="uploads",ra="features",aa="options",oa="faq",ia="minimized",sa="translations",ca={[Jr]:{heading:"Unstarted UI",description:"Test the loader here"},[ea]:{heading:"Messages",description:""},[ta]:{heading:"UI errors",description:""},[na]:{heading:"File uploads",description:""},[ra]:{heading:"Other features",description:""},[aa]:{heading:"Options",description:""},[oa]:{heading:"FAQ",description:""},[ia]:{heading:"Minimized window",desciption:""},[sa]:{heading:"Translations",description:""}},la={type:"message",payload:{type:"card",id:(0,n.randomId)(),body:{action:{ask:"",type:"ask"},buttonText:"Ask about pizzas!",description:"Pizza Margherita is a **typical Neapolitan pizza**.\n\nIt is made with San Marzano tomatoes, mozzarella cheese, fresh basil, salt, and extra-virgin olive oil.",image:"https://developers.seamly.ai/clients/web-ui/static/photos/card-square.jpg",title:"Pizza Margherita"}}},da={type:"message",payload:{type:"card",id:(0,n.randomId)(),body:{action:{link:"https://seamly.ai",newTab:!0,type:"navigate"},buttonText:"Order now!",description:"Pizza Margherita is a **typical Neapolitan pizza**.",image:"https://developers.seamly.ai/clients/web-ui/static/photos/card-landscape.jpg",title:"Pizza Margherita"}}},ua={type:"message",payload:{type:"card",id:(0,n.randomId)(),body:{action:{topic:"Set topic",type:"topic"},buttonText:"Set topic! (title & description optional)",image:"https://developers.seamly.ai/clients/web-ui/static/photos/card-portrait.jpg"}}},pa={base:Or(Or({category:Jr,headingText:"Standard with loader",description:""},Tr),{},{isLoading:!0}),fullConversation:Or(Or({category:ea,headingText:"Full demo conversation",description:""},Tr),{},{participantInfo:Ir,serviceInfo:{activeServiceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},events:[Dr,Ar,Rr,Or(Or({},Gr),{},{payload:Or(Or({},Gr.payload),{},{id:`${Gr.payload.id}XXX`})}),Mr,Vr,Ur,wr,Yr,$r,Zr,Br,zr,kr,Hr,Fr,Qr,Kr,qr,Gr,Nr]}),userMessages:Or(Or({category:ea,headingText:"User messages",description:""},Tr),{},{participantInfo:Ir,events:[Vr,Br,Qr,Kr]}),withParticipants:Or(Or({category:ea,headingText:"Messages with participant info",description:""},Tr),{},{config:Or(Or({},Tr.config),{},{overrideMessages:{agent:{showAvatar:!0,showName:!0},user:{showName:!0,showAvatar:!0}}}),participantInfo:Ir,events:[Rr,Vr,Mr,Br]}),textMessages:Or(Or({category:ea,headingText:"Text messages",description:""},Tr),{},{participantInfo:Ir,events:[Rr,Mr,Ur,kr,Hr,qr]}),ctaMessages:Or(Or({category:ea,headingText:"CTA (call to action) messages",description:""},Tr),{},{participantInfo:Ir,events:[Nr]}),imageVideoMessages:Or(Or({category:ea,headingText:"Download, image and video messages",description:""},Tr),{},{participantInfo:Ir,events:[Yr,zr,Fr,$r]}),systemMessages:Or(Or({category:ea,headingText:"System messages",description:""},Tr),{},{participantInfo:Ir,events:[Dr,xr,wr,Ar,Pr]}),choicePromptMessages:Or(Or({category:ea,headingText:"Choice prompt messages",description:""},Tr),{},{participantInfo:Ir,serviceInfo:{activeServiceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},events:[Or(Or({},Gr),{},{payload:Or(Or({},Gr.payload),{},{id:`${Gr.payload.id}XXX`})}),Rr,Gr]}),timeIndicators:Or(Or({category:ea,headingText:"Time Indicators",description:""},Tr),{},{config:{overrideMessages:{timeIndicator:{enabled:!0,threshold:36e5}}},participantInfo:Ir,serviceInfo:{activeServiceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},events:[{type:"message",payload:Or(Or({},Rr.payload),{},{occurredAt:1e3*(Date.now()-432e6),id:(0,n.randomId)(),body:{text:"Long ago when a dialog started",type:"text",variables:{}}})},{type:"message",payload:Or(Or({},Rr.payload),{},{occurredAt:1e3*(Date.now()-3456e5),id:(0,n.randomId)(),body:{text:"Above me should be a time indicator showing the full date",type:"text",variables:{}}})},{type:"message",payload:Or(Or({},Rr.payload),{},{occurredAt:1e3*(Date.now()+1-3456e5),id:(0,n.randomId)(),body:{text:"Another message",type:"text",variables:{}}})},{type:"message",payload:Or(Or({},Rr.payload),{},{occurredAt:1e3*(Date.now()+2-3456e5),id:(0,n.randomId)(),body:{text:"And another message",type:"text",variables:{}}})},{type:"message",payload:Or(Or({},Rr.payload),{},{occurredAt:1e3*(Date.now()-864e5),id:(0,n.randomId)(),body:{text:'Above me should be a time indicator showing "yesterday"',type:"text",variables:{}}})},{type:"message",payload:Or(Or({},Rr.payload),{},{occurredAt:1e3*(Date.now()+1-864e5),id:(0,n.randomId)(),body:{text:"Another message",type:"text",variables:{}}})},{type:"message",payload:Or(Or({},Rr.payload),{},{occurredAt:1e3*(Date.now()+2-864e5),id:(0,n.randomId)(),body:{text:"And another message",type:"text",variables:{}}})},{type:"message",payload:Or(Or({},Rr.payload),{},{occurredAt:1e3*Date.now(),id:(0,n.randomId)(),body:{text:"Above me should be a time indicator showing me the dialog continues today",type:"text",variables:{}}})}]}),cards:Or(Or({category:ea,headingText:"Cards",description:""},Tr),{},{serviceInfo:{activeServiceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},events:[la,da,ua]}),carousel:Or(Or({category:ea,headingText:"Carousel",description:""},Tr),{},{serviceInfo:{activeServiceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},events:[{type:"message",payload:{type:"carousel",id:(0,n.randomId)(),body:{cards:[la.payload.body,da.payload.body,ua.payload.body]}}}]}),disconnectedInterrupt:Or(Or({category:ta,headingText:"Disconnected interrupt",description:""},Tr),{},{interrupt:{error:new n.SeamlyOfflineError}}),generalErrorInterrupt:Or(Or({category:ta,headingText:"General error interrupt",description:""},Tr),{},{interrupt:{error:new n.SeamlyGeneralError}}),configErrorInterrupt:Or(Or({category:ta,headingText:"Config error interrupt",description:""},Tr),{},{interrupt:{error:new n.SeamlyConfigurationError}}),privacyDisclaimer:Or(Or({category:ra,headingText:"Privacy disclaimer",description:""},Tr),{},{config:Or(Or({},Tr.config),{},{showDisclaimer:!0})}),chatStatusBar:Or(Or({category:ra,headingText:"Chat status bar",description:""},Tr),{},{options:{features:{cobrowsing:{enabled:!0}},userSelectedOptions:{cobrowsing:!0}}}),characterLimit:Or(Or({category:ra,headingText:"Input character limit",description:""},Tr),{},{entryMeta:{default:"text",active:"text",userSelected:null,options:{text:{limit:120}},optionsOverride:{}}}),fileUploadToggle:Or(Or({category:na,headingText:"File upload toggle button",description:""},Tr),{},{options:Or(Or({},Tr.options),{},{features:{uploads:{enabled:!0}}})}),fileUploadToggleHidden:Or(Or({category:na,headingText:"File upload toggle button hidden",description:""},Tr),{},{options:Or(Or({},Tr.options),{},{features:{uploads:{enabled:!1}}})}),fileUploadInput:Or(Or({category:na,headingText:"File upload input",description:"Click on upload button to see an error",styleGuideReset:!0},Tr),{},{config:Or(Or({},Tr.config),{},{accountConfig:{features:{uploads:!0}}}),options:Or(Or({},Tr.options),{},{features:{uploads:{enabled:!0}}}),entryMeta:{default:"text",active:"text",userSelected:"upload",options:{upload:{allowedMimeTypes:["image/*","application/pdf"],maxSize:10485760}},optionsOverride:{}}}),fileUploadBusy:Or(Or({category:na,headingText:"File upload in progress",description:"",styleGuideReset:!0},Tr),{},{config:Or(Or({},Tr.config),{},{accountConfig:{features:{uploads:!0}}}),options:Or(Or({},Tr.options),{},{features:{uploads:{enabled:!0}}}),entryMeta:{default:"text",active:"text",userSelected:"upload",options:{upload:{allowedMimeTypes:["image/*","application/pdf"],maxSize:10485760}},optionsOverride:{}},currentUploads:[{id:"_2olggurqhb4",name:"gGeyr3WepujbGn7khx.gif",progress:29,uploading:!0,complete:!1,error:"",uploadHandle:{abort:()=>{}}}]}),fileUploadError:Or(Or({category:na,headingText:"File upload errored",description:"",styleGuideReset:!0},Tr),{},{config:Or(Or({},Tr.config),{},{accountConfig:{features:{uploads:!0}}}),options:Or(Or({},Tr.options),{},{features:{uploads:{enabled:!0}}}),entryMeta:{default:"text",active:"text",userSelected:"upload",options:{upload:{allowedMimeTypes:["image/*","application/pdf"],maxSize:10485760}},optionsOverride:{}},currentUploads:[{id:"_2olggurqhb4",name:"gGeyr3WepujbGn7khx.gif",progress:0,uploading:!1,complete:!1,error:"Something went wrong with the upload",uploadHandle:{abort:()=>{}}}]}),idleTimerCountdown:Or(Or({category:ra,headingText:"Idle timer with countdown",description:""},Tr),{},{idleDetachCountdown:{hasCountdown:!0,isActive:!0,count:120,remaining:91,timer:{minutes:1,seconds:31}}}),idleTimerNoCountdown:Or(Or({category:ra,headingText:"Idle timer without countdown",description:""},Tr),{},{idleDetachCountdown:{hasCountdown:!0,isActive:!1,count:120,remaining:91,timer:{minutes:1,seconds:31}}}),resumeConversationPrompt:Or(Or({category:ra,headingText:"Resume conversation prompt",description:""},Tr),{},{participantInfo:Ir,resumeConversationPrompt:!0}),optionsSingleTriggerAvailable:Or(Or({category:aa,headingText:"Single option available",description:""},Tr),{},{options:Or(Or({},Tr.options),{},{features:{cobrowsing:{enabled:!0}}})}),optionsSingleTriggerUnavailable:Or(Or({category:aa,headingText:"Single option",description:"Option unavailable"},Tr),{},{options:Or(Or({},Tr.options),{},{features:{cobrowsing:{enabled:!1}}})}),optionsMultiple:Or(Or({category:aa,headingText:"Multiple options",description:"All options available"},Tr),{},{options:Or(Or({},Tr.options),{},{features:{cobrowsing:{enabled:!0},sendTranscript:{enabled:!0}}})}),optionsMultipleUnavailable:Or(Or({category:aa,headingText:"Multiple options",description:"Some unavailable"},Tr),{},{options:Or(Or({},Tr.options),{},{features:{cobrowsing:{enabled:!1},sendTranscript:{enabled:!0}}})}),optionCobrowseOff:Or(Or({category:aa,headingText:"Cobrowse option off",description:""},Tr),{},{options:Or(Or({},Tr.options),{},{optionActive:"cobrowsing",panelActive:!0,features:{cobrowsing:{enabled:!0},sendTranscript:{enabled:!0}}})}),optionCobrowseOn:Or(Or({category:aa,headingText:"Cobrowse option on",description:""},Tr),{},{options:Or(Or({},Tr.options),{},{optionActive:"cobrowsing",panelActive:!0,userSelectedOptions:{cobrowsing:!0},features:{cobrowsing:{enabled:!0},sendTranscript:{enabled:!0}}})}),optionCobrowseUnavailable:Or(Or({category:aa,headingText:"Cobrowse option unavailable",description:""},Tr),{},{options:Or(Or({},Tr.options),{},{optionActive:"cobrowsing",panelActive:!0,features:{cobrowsing:{enabled:!1},sendTranscript:{enabled:!0}}})}),optionSendTranscript:Or(Or({category:aa,headingText:"Send transcript option",description:"Press submit to view error message"},Tr),{},{options:Or(Or({},Tr.options),{},{optionActive:"sendTranscript",panelActive:!0,features:{cobrowsing:{enabled:!0},sendTranscript:{enabled:!0}}})}),faqEmptyList:Or(Or({category:oa,headingText:"Empty FAQ list",description:""},Tr),{},{config:Or(Or({},Tr.config),{},{showFaq:!0}),serviceData:{suggestion:{body:[]}}}),faqList:Or(Or({category:oa,headingText:"FAQ list",description:""},Tr),{},{config:Or(Or({},Tr.config),{},{showFaq:!0}),serviceData:{suggestion:{body:[{id:1,question:"Lorem ipsum dolor sit amet",categories:["short"]},{id:2,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",categories:["short"]},{id:3,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam",categories:["short"]}]}}}),faqListLong:Or(Or({category:oa,headingText:"Long FAQ list",description:""},Tr),{},{config:Or(Or({},Tr.config),{},{showFaq:!0}),serviceData:{suggestion:{body:[{id:1,question:"Lorem ipsum dolor sit amet",categories:["long"]},{id:2,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",categories:["long"]},{id:3,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam",categories:["long"]},{id:4,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed",categories:["long"]},{id:5,question:"Lorem ipsum dolor sit amet",categories:["long"]},{id:6,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",categories:["long"]},{id:7,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam",categories:["long"]},{id:8,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed",categories:["long"]},{id:9,question:"Lorem ipsum dolor sit amet",categories:["long"]},{id:10,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",categories:["long"]},{id:11,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam",categories:["long"]},{id:12,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed",categories:["long"]},{id:13,question:"Lorem ipsum dolor sit amet",categories:["long"]},{id:14,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",categories:["long"]},{id:15,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam",categories:["long"]},{id:16,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed",categories:["long"]},{id:17,question:"Lorem ipsum dolor sit amet",categories:["long"]},{id:18,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",categories:["long"]},{id:19,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam",categories:["long"]},{id:20,question:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed",categories:["long"]}]}}}),translationsAvailable:Or(Or({category:sa,headingText:"Show translations available",description:""},Tr),{},{translations:Or(Or({},Xr),{},{isAvailable:!0,languages:[{locale:"nl",nativeName:"Dutch"},{locale:"en",nativeName:"English"}]})}),translationsAvailableWithOptions:Or(Or({category:sa,headingText:"Show translations available with other options available",description:""},Tr),{},{options:Or(Or({},Tr.options),{},{features:{cobrowsing:{enabled:!0},sendTranscript:{enabled:!0}}}),translations:Or(Or({},Xr),{},{isAvailable:!0,languages:[{locale:"nl",nativeName:"Dutch"},{locale:"en",nativeName:"English"}]})}),translationsActive:Or(Or({category:sa,headingText:"Show translations active",description:""},Tr),{},{translations:Or(Or({},Xr),{},{currentLocale:"nl",isActive:!0,isAvailable:!0,languages:[{locale:"nl",nativeName:"Dutch"},{locale:"en",nativeName:"English"}]})}),translationsFullConversation:Or(Or({category:sa,headingText:"Show translated messages",description:""},Tr),{},{participantInfo:Ir,serviceInfo:{activeServiceSessionId:"3942159e-9878-469e-9120-f44fd6be0f35"},events:[Ar,Rr,Or(Or({},Gr),{},{payload:Or(Or({},Gr.payload),{},{id:`${Gr.payload.id}XXX`})}),Mr,Vr,Ur,wr,_r,jr,Yr,$r,Zr,Br,zr,kr,Hr,Fr,Qr,Kr,qr,Gr,Nr].map((function(e){switch(e.payload.type){case"cta":case"image":case"text":case"choice_prompt":return mr(mr({},e),{},{payload:mr(mr({},e.payload),{},{translatedBody:mr(mr({},br),{},{data:mr(mr({},e.payload.body),{},{text:e.payload.body.text?"NL - "+e.payload.body.text:void 0,description:e.payload.body.description?"NL - "+e.payload.body.description:void 0,buttonText:e.payload.body.buttonText?"NL - "+e.payload.body.buttonText:void 0,choices:e.payload.body.choices?e.payload.body.choices.map((e=>mr(mr({},e),{},{text:"NL - "+e.text}))):void 0,prompt:e.payload.body.prompt?mr(mr({},e.payload.body.prompt),{},{text:"NL - "+e.payload.body.prompt.text}):void 0})})})});default:return e}})),translations:Or(Or({},Xr),{},{currentLocale:"nl",isActive:!0,isAvailable:!0,languages:[{locale:"nl",nativeName:"Dutch"},{locale:"en",nativeName:"English"}]})})},ya=(e,t)=>Or(Or({},((e,t=[])=>{const n=Or(Or({},pa),t.reduce(((e,t)=>{const{key:n,headingText:r,description:a,body:o}=t;return Or(Or({},e),{},{[n]:Or(Or({category:ea,headingText:r,description:a},Tr),{},{participantInfo:Ir,events:[Lr(o)]})})}),{}));return Object.keys(n).reduce(((t,r)=>{const a=n[r],{headingText:o,category:i,description:s}=a,c=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(a,Er);return Or(Or({},t),{},{[r]:Or({headingText:o,description:s,category:i},e.reduce(((e,t)=>Or(Or({},e),{},{[t]:Or(Or({},c),{},{config:Or(Or({},c.config),{},{layoutMode:t})})})),{}))})}),{})})(e,t)),-1!==e.indexOf("window")?{minimized:{category:ia,headingText:"Unstarted minimized",description:"",window:Or(Or({},Tr),{},{config:Or(Or({},Tr.config),{},{layoutMode:"window"}),visible:n.visibilityStates.minimized})},minimizedStarted:{category:ia,headingText:"Started minimized",description:"",window:Or(Or({},Tr),{},{config:Or(Or({},Tr.config),{},{layoutMode:"window"}),visible:n.visibilityStates.minimized,participantInfo:Ir,headerTitles:Cr})},minimizedStartedUnread:{category:ia,headingText:"Minimized with unread messages",description:"",window:Or(Or({},Tr),{},{config:Or(Or({},Tr.config),{},{layoutMode:"window"}),visible:n.visibilityStates.minimized,participantInfo:Ir,headerTitles:Cr,unreadEvents:12})}}:{}),fa=["headingText","descriptionId","description"];function ma(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ga(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const ba=({setSelectedState:e,states:t,headingLevel:r})=>{const a=`h${r.toString()}`,o=`h${(parseInt(r,10)+1).toString()}`,i=(0,n.getUrlParams)(window.location.search);return(0,ke.jsx)("nav",{"aria-label":"Style guide navigation",className:"nav--styleguide",children:(0,ke.jsx)("ol",{className:"list--styleguidestates",children:Object.keys(ca).map((r=>{const{heading:s,description:c}=ca[r],l=Object.keys(t).filter((e=>{const{category:n}=t[e];return n===r}));return l.length>0&&(0,ke.jsxs)("li",{children:[(0,ke.jsx)(a,{children:s}),(0,ke.jsx)("span",{className:"category__description",children:c}),(0,ke.jsx)("ol",{children:l.map((r=>{const a=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ma(Object(n),!0).forEach((function(t){ga(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ma(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t[r]);delete a.category;const{headingText:s,descriptionId:c,description:l}=a,d=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(a,fa);return(0,ke.jsxs)("li",{children:[(0,ke.jsx)(o,{id:c,children:s}),l&&(0,ke.jsx)("span",{className:"feature__description",children:l}),(0,ke.jsx)("ul",{className:"list--styleguidelayouts",children:Object.keys(d).map((t=>(0,ke.jsx)("li",{className:t===i.layoutMode&&r===i.feature?"state__selected":null,children:(0,ke.jsx)("a",{"aria-describedby":c,href:`${window.location.pathname}?${(0,n.getUrlSearchString)({layoutMode:t,feature:r})}`,"aria-current":t===i.layoutMode&&r===i.feature?"page":null,onClick:a=>{var o;a.preventDefault(),"inline"===t&&setTimeout((()=>{document.querySelector("section.cvco-app").scrollIntoView()}),300),o={layoutMode:t,feature:r},window.history.pushState(null,null,`${window.location.pathname}?${(0,n.getUrlSearchString)(o)}`),e(o)},children:t.charAt(0).toUpperCase()+t.slice(1)})},t)))})]},r)}))})]},r)}))})})};function Ea(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function va(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ea(Object(n),!0).forEach((function(t){Oa(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ea(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Oa(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const ha=({config:e,styleGuideConfig:t,translations:r,headingLevel:o=2})=>{const[i,s]=(0,a.useState)(null),[c,l]=(0,a.useState)(""),[d,u]=(0,a.useState)(!0),[p]=(0,a.useState)((0,n.randomId)()),{stateUpdateCallback:y,customMessageEventBodies:f}=t,[m]=(0,a.useState)((()=>{const e=ya(t.showLayoutModes||["inline","window","modal"],f);return Object.keys(e).reduce(((t,r)=>va(va({},t),{},{[r]:va(va({},e[r]),{},{descriptionId:(0,n.randomId)()})})),{})})),g=(0,a.useCallback)((e=>{s(y?y(e):e)}),[s,y]),b=(0,a.useCallback)(((t,n)=>{const{defaults:r}=e,{headingText:a}=m[n];l(a);const o=m[n][t],{overrideMessages:i,showFaq:s}=o.config,{agentName:c}=r||{};return va(va({},o),{},{config:va(va(va(va({},o.config),e),{},{layoutMode:o.config.layoutMode},i?{messages:i}:{}),{},{showFaq:s}),headerTitles:va(va({},o.headerTitles),{},{subTitle:c||o.headerTitles.subTitle})})}),[m,e]);(0,a.useEffect)((()=>{if(d){const e=document.querySelector('[aria-modal="true"]');e&&e.addEventListener("click",(()=>{s((e=>va(va({},e),{},{visible:"minimized"})))}))}}),[i,s,d]);const E=(0,a.useCallback)((()=>{const e=(0,n.getUrlParams)();2!==Object.keys(e).length&&window.history.pushState(null,null,`${window.location.pathname}?${(0,n.getUrlSearchString)({layoutMode:"inline",feature:"base"})}`);const{layoutMode:t="inline",feature:r="base"}=e;g(b(t,r)),window.title="Style"}),[b,g]);(0,a.useEffect)((()=>{E()}),[E]),(0,a.useEffect)((()=>{window.onpopstate=()=>{E()}}),[E]);const v=`h${o.toString()}`;return(0,ke.jsxs)(ke.Fragment,{children:[(0,ke.jsxs)("section",{className:"chat-inline","aria-labelledby":p,children:[(0,ke.jsxs)(v,{id:p,children:[(0,ke.jsx)("span",{className:"heading__context",children:"Current selected state:"}),`${c}`]}),(0,ke.jsx)("div",{children:d&&(0,ke.jsx)(yr,{customComponents:t.customComponents,translations:r,state:i})})]}),(0,ke.jsx)("aside",{className:"page-aside markdown",children:(0,ke.jsx)("nav",{className:"page-controls",children:(0,ke.jsx)(ba,{headingLevel:o,setSelectedState:({layoutMode:e,feature:t})=>{const n=b(e,t);g(n),n.styleGuideReset&&(u(!1),setTimeout((()=>{u(!0)})))},states:m})})})]})},Ta=["styleGuideConfig"];function Sa(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ia(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Sa(Object(n),!0).forEach((function(t){wa(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Sa(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function wa(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class _a extends n.Engine{constructor(e,t){let{styleGuideConfig:n}=e;super(function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,Ta),t),this.styleGuideConfig=n||{}}async render(){const e=Ia(Ia({},this.config.customComponents||{}),{},{view:void 0}),t=new n.API({namespace:this.config.namespace,config:this.config.api});t.URLS={translations:`/client/${this.config.api.key}/translations/{version}/{locale}.json`};const a=await t.getTranslations(this.config.context.locale||"en-GB"),o=Ia(Ia({},this.config),{},{customComponents:Object.keys(e).length?e:void 0});(0,r.render)((0,ke.jsx)(ha,{config:o,styleGuideConfig:this.styleGuideConfig,translations:a}),this.parentElement)}}const ja=_a,Aa=["userStyleGuideConfig"];function Pa(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ca(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Pa(Object(n),!0).forEach((function(t){Da(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Pa(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Da(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class xa extends n.ExternalApi{constructor(e,t){super(e),this.styleGuideConfig=t}createInstance(e){const{userStyleGuideConfig:t}=e,n=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,Aa);return new ja(Ca({styleGuideConfig:Ca(Ca({},this.styleGuideConfig),t)},n),this)}getUserConfig(e={},t){return super.getUserConfig(Ca(Ca({},e),{},{userStyleGuideConfig:t}))}}const La=xa,Ra=function(e,t){if(window.seamlyStyleGuide&&!Array.isArray(window.seamlyStyleGuide))throw new Error("Seamly UI has already been initialised. Use the window.seamly object to start new instances instead.");const n=Array.isArray(window.seamlyStyleGuide)?window.seamlyStyleGuide:[],r=new La(e,t);window.seamly=r,window.seamlyStyleGuide={push:r.push.bind(r)},r.push(...n)};module.exports=t})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamly/web-ui",
-  "version": "19.0.0-beta.2",
+  "version": "19.0.0-beta.3",
   "main": "build/dist/lib/index.js",
   "module": "",
   "exports": {

package/src/javascripts/domains/app/actions.js

@@ -11,33 +11,32 @@ export const setHasResponded = createAction(
 
 export const initialize = createThunk(
   'initialize',
-  (config) =>
-    async (dispatch, getState, { api }) => {
-      try {
-        dispatch(ConfigActions.initialize(config))
+  async (config, { dispatch, extra: { api } }) => {
+    try {
+      dispatch(ConfigActions.initialize(config))
 
-        const { features, defaultLocale } = await api.getConfig()
-        dispatch({ type: seamlyActions.SET_FEATURES, features })
+      const { features, defaultLocale } = await api.getConfig()
+      dispatch({ type: seamlyActions.SET_FEATURES, features })
 
-        let locale = config?.context?.locale || defaultLocale
-        dispatch(I18nActions.setInitialLocale(locale))
-        try {
-          if (api.hasConversation()) {
-            const initialState = await api.getConversationIntitialState()
-            dispatch({ type: seamlyActions.SET_INITIAL_STATE, initialState })
+      let locale = config?.context?.locale || defaultLocale
+      dispatch(I18nActions.setInitialLocale(locale))
+      try {
+        if (api.hasConversation()) {
+          const initialState = await api.getConversationIntitialState()
+          dispatch({ type: seamlyActions.SET_INITIAL_STATE, initialState })
 
-            locale = initialState.translation?.locale || locale
+          locale = initialState.translation?.locale || locale
 
-            if ('userResponded' in initialState) {
-              dispatch(setHasResponded(initialState.userResponded))
-            }
+          if ('userResponded' in initialState) {
+            dispatch(setHasResponded(initialState.userResponded))
           }
-        } catch (error) {
-          dispatch(InterruptActions.set(error))
         }
-        await dispatch(I18nActions.setLocale(locale))
       } catch (error) {
         dispatch(InterruptActions.set(error))
       }
-    },
+      await dispatch(I18nActions.setLocale(locale))
+    } catch (error) {
+      dispatch(InterruptActions.set(error))
+    }
+  },
 )

package/src/javascripts/domains/i18n/actions.js

@@ -1,35 +1,20 @@
 import createMutex from '../../lib/mutex'
 import { selectLocale } from './selectors'
-import { createAction, createActions, createThunk } from './utils'
+import { createAction, createThunk } from './utils'
 
 export const setInitialLocale = createAction('setInitialLocale', (locale) => ({
   locale,
 }))
 
-export const [setLocaleStart, setLocaleResolve, setLocaleReject] =
-  createActions('setLocale', {
-    start: (locale) => ({ locale }),
-    resolve: (locale, translations) => ({ locale, translations }),
-    reject: (locale, error) => ({ locale, error }),
-  })
-
 const mutex = createMutex()
 export const setLocale = createThunk(
   'setLocale',
-  (locale) =>
-    async (dispatch, getState, { api }) => {
-      await mutex.runExclusively(async () => {
-        const currentLocale = selectLocale(getState())
-        if (currentLocale === locale) {
-          return
-        }
-        dispatch(setLocaleStart(locale))
-        try {
-          const translations = await api.getTranslations(locale)
-          dispatch(setLocaleResolve(locale, translations))
-        } catch (error) {
-          dispatch(setLocaleReject(locale, error))
-        }
-      })
-    },
+  async (locale, { getState, extra: { api } }) => {
+    return mutex.runExclusively(() => {
+      if (locale === selectLocale(getState())) {
+        return undefined
+      }
+      return api.getTranslations(locale)
+    })
+  },
 )

package/src/javascripts/domains/i18n/reducer.js

@@ -29,11 +29,17 @@ export default createReducer(
       ...state,
       initialLocale: locale,
     }),
-    [Actions.setLocaleStart]: (state) => ({
+    [Actions.setLocale.pending]: (state) => ({
       ...state,
       isLoading: true,
     }),
-    [Actions.setLocaleResolve]: (state, { locale, translations }) => {
+    [Actions.setLocale.fulfilled]: (
+      state,
+      { payload: translations, meta: { arg: locale } },
+    ) => {
+      if (!translations) {
+        return { ...state, isLoading: false }
+      }
       return {
         ...state,
         isLoading: false,
@@ -49,7 +55,7 @@ export default createReducer(
           ),
       }
     },
-    [Actions.setLocaleReject]: (state) => ({
+    [Actions.setLocale.rejected]: (state) => ({
       ...state,
       isLoading: false,
     }),

package/src/javascripts/domains/i18n/utils.js

@@ -1,9 +1,4 @@
 import { createDomain } from '../../lib/redux-helpers'
 
-export const {
-  createAction,
-  createActions,
-  createThunk,
-  createReducer,
-  selectState,
-} = createDomain('i18n')
+export const { createAction, createThunk, createReducer, selectState } =
+  createDomain('i18n')