@sendbird/ai-agent-messenger-react 1.0.0 → 1.0.1

package/dist/es/{DAMSBm7t.js → NuQQJV2A.js}

@@ -1,5 +1,5 @@
 import * as a from "react";
-import { P as o } from "./BuKsDakz.js";
+import { P as o } from "./Cz-8n_J0.js";
 const t = ({ label: e = "No messages", ...s }) => /* @__PURE__ */ a.createElement(o, { icon: "message", label: e, ...s });
 export {
   t as default

package/dist/es/{BLrqIqwk.js → ZtOVM8hp.js}

@@ -1,5 +1,5 @@
 import * as o from "react";
-import { P as r } from "./BuKsDakz.js";
+import { P as r } from "./Cz-8n_J0.js";
 const c = ({ label: e = "No channels", ...a }) => /* @__PURE__ */ o.createElement(r, { icon: "chat", label: e, ...a });
 export {
   c as default

package/dist/es/{DfJKEre2.js → eeqIVbCW.js}

@@ -1,6 +1,6 @@
 import * as t from "react";
 import n from "styled-components";
-import { P as a, I as l, a as c, c as s } from "./BuKsDakz.js";
+import { P as a, I as l, a as c, c as s } from "./Cz-8n_J0.js";
 const d = ({ label: r = "Something went wrong", action: e, ...o }) => /* @__PURE__ */ t.createElement(a, { icon: "error", label: r, ...o }, e && /* @__PURE__ */ t.createElement(i, { onClick: e.onClick, label: e.label ?? "Retry" })), i = ({ label: r, onClick: e }) => /* @__PURE__ */ t.createElement(m, { tabIndex: 0, onClick: e }, /* @__PURE__ */ t.createElement(l, { type: "refresh", size: 20 }), /* @__PURE__ */ t.createElement(c, { variant: "button", color: s.color.primary.main }, r)), m = n.button`all:unset;display:flex;cursor:pointer;gap:4px;align-items:center;justify-content:center;`;
 export {
   d as default

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./cjs/jey3pckv.cjs");require("react");exports.AgentProviderContainer=e.AgentProviderContainer;exports.AgentUIProviderContainer=e.AgentUIProviderContainer;exports.CSATType=e.CSATType;exports.Commands=e.Commands;exports.Conversation=e.Conversation;exports.ConversationList=e.ConversationList;exports.DefaultMessenger=e.DefaultMessenger;exports.FixedMessenger=e.FixedMessenger;exports.IncomingMessageLayout=e.IncomingMessageLayout;exports.LauncherBase=e.LauncherBase;exports.LogLevel=e.LogLevel;exports.MessageLogs=e.MessageLogs;exports.OutgoingMessageLayout=e.OutgoingMessageLayout;exports.SystemMessageLayout=e.SystemMessageLayout;exports.messengerDispatcher=e.messengerDispatcher;exports.useLocalizationContext=e.useLocalizationContext;exports.useMessengerContext=e.useMessengerContext;exports.useMessengerSessionContext=e.useMessengerSessionContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./cjs/DIiuihu-.cjs");require("react");exports.AgentProviderContainer=e.AgentProviderContainer;exports.AgentUIProviderContainer=e.AgentUIProviderContainer;exports.CSATType=e.CSATType;exports.Commands=e.Commands;exports.Conversation=e.Conversation;exports.ConversationList=e.ConversationList;exports.DefaultMessenger=e.DefaultMessenger;exports.FixedMessenger=e.FixedMessenger;exports.IncomingMessageLayout=e.IncomingMessageLayout;exports.LauncherBase=e.LauncherBase;exports.LogLevel=e.LogLevel;exports.MessageLogs=e.MessageLogs;exports.OutgoingMessageLayout=e.OutgoingMessageLayout;exports.SystemMessageLayout=e.SystemMessageLayout;exports.messengerDispatcher=e.messengerDispatcher;exports.useLocalizationContext=e.useLocalizationContext;exports.useMessengerContext=e.useMessengerContext;exports.useMessengerSessionContext=e.useMessengerSessionContext;

package/dist/index.d.ts

@@ -70,6 +70,7 @@ export declare interface AgentPreviewConfigs {
     agentAttributes?: {
         ai?: Record<string, unknown>;
         safeguard?: Record<string, unknown>;
+        use_prompt_cache?: boolean;
     };
 }
 
@@ -216,6 +217,10 @@ declare type BaseMessageProps<T> = T & {
         url: string;
         type: string;
     }) => void;
+    onClickFile?: (params: {
+        url: string;
+        type: string;
+    }) => void;
     children?: ReactNode;
 };
 
@@ -385,7 +390,7 @@ declare type IncomingBaseMessageProps<T> = T & BaseMessageProps<{
     messageTemplateLoadingFallback?: ReactNode;
 }>;
 
-declare function IncomingMessageBody(props: IncomingMessageProps): JSX.Element;
+declare function IncomingMessageBody(props: IncomingMessageProps): JSX.Element | null;
 
 export declare const IncomingMessageLayout: {
     (props: PropsWithChildren): ReactNode;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { b as n, d as o, i as t, C as r, j as g, k as i, D as u, F as C, h as L, g as M, l as m, M as d, O as v, S as x, m as y, f as c, u as l, e as p } from "./es/BuKsDakz.js";
+import { b as n, d as o, i as t, C as r, j as g, k as i, D as u, F as C, h as L, g as M, l as m, M as d, O as v, S as x, m as y, f as c, u as l, e as p } from "./es/Cz-8n_J0.js";
 import "react";
 export {
   n as AgentProviderContainer,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/ai-agent-messenger-react",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Sendbird AI Agent Messenger for React",
   "type": "module",
   "main": "dist/index.js",
@@ -20,23 +20,23 @@
   "sideEffects": false,
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
-    "@sendbird/react-uikit-message-template-view": "0.0.8",
-    "@sendbird/uikit-message-template": "0.0.8",
-    "@sendbird/uikit-tools": "0.0.8",
+    "@sendbird/react-uikit-message-template-view": "0.0.9",
+    "@sendbird/uikit-message-template": "0.0.9",
+    "@sendbird/uikit-tools": "0.0.9",
     "date-fns": "^4.1.0",
     "dompurify": "^3.2.4",
     "markdown-to-jsx": "^7.7.2",
     "react-syntax-highlighter": "^15.6.1"
   },
   "peerDependencies": {
-    "@sendbird/chat": "^4.19.0",
+    "@sendbird/chat": "^4.19.2",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "styled-components": ">=5.0.0"
   },
   "devDependencies": {
     "@monaco-editor/react": "^4.7.0",
-    "@sendbird/chat": "^4.19.0",
+    "@sendbird/chat": "^4.19.2",
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
     "@types/react-syntax-highlighter": "^15.5.13",
@@ -45,7 +45,7 @@
     "react-dom": "^19.0.0",
     "strip-json-comments": "^5.0.1",
     "styled-components": "^6.1.15",
-    "@sendbird/ai-agent-core": "1.0.0",
+    "@sendbird/ai-agent-core": "1.0.1",
     "@sendbird/vite-tools": "0.0.1"
   },
   "msw": {

package/dist/cjs/jey3pckv.cjs

@@ -1,140 +0,0 @@
-"use strict";const d=require("react"),F=require("@sendbird/chat"),l=require("styled-components"),le=require("date-fns"),Wn=require("date-fns/locale/en-US"),D=require("@sendbird/chat/aiAgent"),Xe=require("@sendbird/react-uikit-message-template-view"),jn=require("@sendbird/uikit-message-template"),Be=require("@sendbird/uikit-tools"),Yt=require("dompurify"),Gn=require("@sendbird/chat/groupChannel"),Jt=require("@sendbird/chat/message"),qn=require("date-fns/isSameDay"),Kn=require("react-dom"),Zn=require("@emotion/is-prop-valid");function Yn(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=Yn(d),Z=(e,t)=>{const r=d.createContext(null),o=()=>{const s=d.useContext(r);if(!s)throw new Error(`use${e}Context must be used within a ${e}Provider`);return s};return r.displayName=`${e}Context`,o.displayName=`use${e}Context`,[r,o]};function rt(e){const t=d.createContext({Template:e.template,updateTemplate:()=>{},components:e.components,updateComponent:()=>{}});function r({children:a}){const[i,c]=d.useState(()=>e.template),[m,g]=d.useState(e.components),h={Template:i,updateTemplate:p=>c(()=>p),components:m,updateComponent:(p,f)=>g(b=>({...b,[p]:f}))};return n.createElement(t.Provider,{value:h},a)}function o({template:a,children:i}){const{updateTemplate:c}=d.useContext(t);return d.useEffect(()=>{a&&c(a)},[a]),n.createElement(n.Fragment,null,i)}function s({children:a}){return n.createElement(r,null,a)}return s.defaults=e,s.useContext=()=>d.useContext(t),s.Context=t,s.Template=o,Object.keys(e.components).forEach(a=>{s[a]=function({component:c}){const{updateComponent:m}=d.useContext(t);return d.useEffect(()=>{c&&m(a,c)},[c]),null}}),s}function Jn(...e){return function({children:r}){return e.reduce((o,s)=>n.createElement(s,null,o),r)}}function Ct(){}function Xn(){const e=/iPad|iPhone|iPod/.test(navigator.userAgent),t=/Android/.test(navigator.userAgent);return e||t}function Qn(e){return JSON.parse(e)}class Xt{constructor(t){this.logger=t,this.subscribers={}}async send(t){const r=er(),o=this.subscribers[t.type];if(o){this.logger.debug(`messenger.dispatcher: dispatching command: ${t.type}`,t.payload);const s=o.map(a=>a(t.payload));await Promise.all(s).catch(a=>{this.logger.error(`messenger.dispatcher: error in callback for command: ${t.type}`,a)})}return r.resolve(),r.promise}subscribe(t,r){this.subscribers[t]||(this.subscribers[t]=[]),this.subscribers[t].push(r)}unsubscribe(t,r){this.subscribers[t]&&(this.subscribers[t]=this.subscribers[t].filter(o=>o!==r))}}const er=()=>{let e=Ct,t=Ct;return{promise:new Promise((o,s)=>{e=o,t=s}),resolve:e,reject:t}},tr="1.0.0",xe="sb-agent",nr=tr;var ot=(e=>(e[e.VERBOSE=0]="VERBOSE",e[e.DEBUG=1]="DEBUG",e[e.INFO=2]="INFO",e[e.WARN=3]="WARN",e[e.ERROR=4]="ERROR",e[e.NONE=5]="NONE",e))(ot||{});class Qt{constructor(t){this.level=t}verbose(...t){this.level<=0&&console.log(`[${xe}/verbose]`,...t)}debug(...t){this.level<=1&&console.log(`[${xe}/debug]`,...t)}info(...t){this.level<=2&&console.log(`[${xe}/info]`,...t)}warn(...t){this.level<=3&&console.warn(`[${xe}/warn]`,...t)}error(...t){this.level<=4&&console.error(`[${xe}/error]`,...t)}}function St(e,t,r){const o=F.init({appId:e,modules:[new Gn.GroupChannelModule,new D.AIAgentModule],localCacheEnabled:!0,...r});return o.addSendbirdExtensions([{version:nr,product:F.SendbirdProduct.AI_AGENT,platform:t.platform}],{platform:t.deviceOSPlatform,version:t.deviceOSVersion},t.customData)||console.warn("Invalid Sendbird Extensions",t),o}const[rr,or]=Z("AIAgent");function sr({appId:e,aiAgentId:t,language:r,countryCode:o,context:s,chatSDK:a,chatParams:i,dispatcher:c,logger:m,children:g,extensions:h={platform:F.SendbirdPlatform.JS,deviceOSPlatform:Xn()?F.DeviceOsPlatform.MOBILE_WEB:F.DeviceOsPlatform.WEB}}){const[p,f]=d.useState(()=>{const b=m??new Qt(ot.WARN),x=c??new Xt(b);return{appId:e,aiAgentId:t,language:r,countryCode:o,context:s,chatSDK:a??St(e,h,i),logger:b,dispatcher:x}});return(r!==p.language||o!==p.countryCode)&&f(b=>({...b,language:r,countryCode:o,context:s})),a&&a!==p.chatSDK?f(b=>({...b,aiAgentId:t,chatSDK:a})):!a&&p.chatSDK.appId!==e&&f(b=>({...b,aiAgentId:t,chatSDK:St(e,h,{newInstance:!0,...i})})),d.useEffect(()=>()=>{p.chatSDK.disconnectWebSocket()},[p.chatSDK]),n.createElement(rr.Provider,{value:p},typeof g=="function"?g(p):g)}const ar=e=>({setTemplate:(t,r)=>e.onSetTemplate(t,r),getTemplate:t=>e.onGetTemplate(t),setCachedToken:t=>e.onSetCachedToken(t),getCachedToken:()=>e.onGetCachedToken(),clear:()=>e.onClear()}),[ir,en]=Z("MessageCacheTemplate");function lr({logger:e,storage:t,children:r}){const o=d.useCallback(i=>{var g,h;const c=(h=(g=i.appInfo)==null?void 0:g.aiAgentInfo)==null?void 0:h.templateListToken;if(!c)return!1;const m=t.getCachedToken();return m?c!==m:!0},[t]),s=d.useCallback(async i=>{try{const{templates:c,token:m}=await i.aiAgent.getMessageTemplates({limit:20});for(const{template:g}of c){const{key:h}=Qn(g);t.setTemplate(h,g)}t.setCachedToken(m)}catch(c){e==null||e.error("messageTemplateContext.syncCachedTemplates: error:",c)}},[t,e]),a=d.useCallback(()=>{t.clear()},[t]);return n.createElement(ir.Provider,{value:{shouldSyncCachedTemplate:o,syncCachedTemplates:s,clearCachedTemplates:a,storage:t}},r)}const cr=(e,t,r)=>Be.useGroupChannelMessages(e,t,r),dr=(e,t)=>{const r=()=>{const b=e.aiAgent.createConversationListQuery(t);return b.next().then(x=>{p(x)}).catch(x=>{x instanceof F.SendbirdError&&c(x)}).finally(()=>{a(!0)}),b},o=d.useRef(!1),[s,a]=d.useState(!1),[i,c]=d.useState(null),[m,g]=d.useState(()=>r()),[h,p]=d.useState([]),f=d.useCallback(()=>{m.next().then(b=>{p(x=>[...x,...b])}).catch(()=>{})},[m]);return d.useEffect(()=>{o.current?g(r()):o.current=!0},[e,t.status,t.aiAgentId,t.limit]),{initialized:s,error:i,conversations:h,loadMore:f}};var Qe=(e=>(e.ConversationClose="conv.close",e))(Qe||{});class ur{constructor(t={}){this.payload=t}toJSON(){return JSON.stringify({type:this.type,payload:this.payload})}}class mr extends ur{constructor(){super(...arguments),this.type="conv.close"}}const tn={CloseConversation:()=>new mr},q="sb-agent",K={ENTRY:`${q}-entry`,MODAL_ROOT:`${q}-modal-root`,WINDOW:`${q}-window`,LAUNCHER:`${q}-launcher`},we=2147483647,me={MODAL:we-1,TOOLTIP:we-2,WINDOW:we-3,LAUNCHER:we-4},gr={SESSION:`@${q}-session`},ce={DEFAULT_PRIMARY:"#742ddd",DEFAULT_BOT_MSG_BG:"#eeeeee",WHITE:"#ffffff",BLACK:"#000000"},nn=36,pr=100,hr=25*1024*1024,rn=["application/pdf","image/jpeg","image/jpg","image/png"],De="noopener noreferrer nofollow";function on(e){return e.length===4?`#${[...e.slice(1)].map(t=>t+t).join("")}`:e}function fr(e){const t=on(e);return[parseInt(t.slice(1,3),16),parseInt(t.slice(3,5),16),parseInt(t.slice(5,7),16)]}function br(e){return`#${e.map(t=>t.toString(16).padStart(2,"0")).join("")}`}function Er(e,t,r){e/=255,t/=255,r/=255;const o=Math.max(e,t,r),s=Math.min(e,t,r),a=o-s;let i=0,c=0;const m=(o+s)/2;return o!==s&&(c=m>.5?a/(2-o-s):a/(o+s)),o===e?i=(t-r)/a+(t<r?6:0):o===t?i=(r-e)/a+2:o===r&&(i=(e-t)/a+4),i/=6,[i,c,m]}function xr(e,t,r){let o,s,a;if(t===0)o=s=a=r;else{const i=function(h,p,f){return f<0&&(f+=1),f>1&&(f-=1),f<.16666666666666666?h+(p-h)*6*f:f<.5?p:f<.6666666666666666?h+(p-h)*(.6666666666666666-f)*6:h},c=r<.5?r*(1+t):r+t-r*t,m=2*r-c;o=i(m,c,e+1/3),s=i(m,c,e),a=i(m,c,e-1/3)}return[Math.round(o*255),Math.round(s*255),Math.round(a*255)]}function Ae(e,t,r){const[o,s,a]=fr(e),[i,c,m]=Er(o,s,a),g=Math.max(0,Math.min(1,m*t)),h=Math.max(0,Math.min(1,c*r)),[p,f,b]=xr(i,h,g);return br([Math.round(p),Math.round(f),Math.round(b)])}function vr(e,t="light"){return e===ce.DEFAULT_PRIMARY?{extraDark:"#491389",dark:"#6211c8",main:"#742ddd",light:"#c2a9fa",extraLight:"#dbd1ff"}:{extraDark:Ae(e,.6,1.2),dark:Ae(e,.85,1.1),main:e,light:Ae(e,t==="dark"?1.1:1.5,t==="dark"?.95:.9),extraLight:Ae(e,t==="dark"?1.2:1.75,t==="dark"?.9:.8)}}function Le(e){const t=on(e),r=149,o=+`0x${t[1]}${t[2]}`,s=+`0x${t[3]}${t[4]}`,a=+`0x${t[5]}${t[6]}`;return o*.299+s*.587+a*.114>r?ce.BLACK:ce.WHITE}const ye="data-sb-agent-theme",_t=e=>(t,...r)=>{let o="";return t.forEach((s,a)=>{o+=s+(r[a]??"")}),`[${ye}='${e}'] & { ${o} }`},B={light:_t("light"),dark:_t("dark")},yr=l.css`:root,:host{--sendbird-primary-extra-dark:${e=>e.theme.palette.primary.extraDark};--sendbird-primary-dark:${e=>e.theme.palette.primary.dark};--sendbird-primary-main:${e=>e.theme.palette.primary.main};--sendbird-primary-light:${e=>e.theme.palette.primary.light};--sendbird-primary-extra-light:${e=>e.theme.palette.primary.extraLight};--sendbird-secondary-extra-dark:#066858;--sendbird-secondary-dark:#027d69;--sendbird-secondary-main:#259c72;--sendbird-secondary-light:#69c085;--sendbird-secondary-extra-light:#a8e2ab;--sendbird-information-extra-dark:#241389;--sendbird-information-dark:#362ca9;--sendbird-information-main:#4a48cd;--sendbird-information-light:#a9bbfa;--sendbird-information-extra-light:#d1dbff;--sendbird-highlight-100:#fff2b6;--sendbird-error-extra-dark:#9d091e;--sendbird-error-dark:#bf0711;--sendbird-error-main:#de360b;--sendbird-error-light:#f66161;--sendbird-error-extra-light:#fdaaaa;--sendbird-background-700:#000000;--sendbird-background-600:#161616;--sendbird-background-500:#2c2c2c;--sendbird-background-400:#393939;--sendbird-background-300:#bdbdbd;--sendbird-background-200:#e0e0e0;--sendbird-background-100:#eeeeee;--sendbird-background-50:#ffffff;--sendbird-onlight-01:rgba(0,0,0,0.88);--sendbird-onlight-02:rgba(0,0,0,0.5);--sendbird-onlight-03:rgba(0,0,0,0.38);--sendbird-onlight-04:rgba(0,0,0,0.12);--sendbird-ondark-01:rgba(255,255,255,0.88);--sendbird-ondark-02:rgba(255,255,255,0.5);--sendbird-ondark-03:rgba(255,255,255,0.38);--sendbird-ondark-04:rgba(255,255,255,0.12);--sendbird-overlay-01:rgba(0,0,0,0.55);--sendbird-overlay-02:rgba(0,0,0,0.32);--sendbird-shadow-01:0 1px 5px 0 rgba(33,34,66,0.04),0 0 3px 0 rgba(0,0,0,0.08),0 2px 1px 0 rgba(0,0,0,0.12);--sendbird-shadow-02:0 3px 5px -3px rgba(33,34,66,0.04),0 3px 14px 2px rgba(0,0,0,0.08),0 8px 10px 1px rgba(0,0,0,0.12);--sendbird-shadow-03:0 6px 10px -5px rgba(0,0,0,0.04),0 6px 30px 5px rgba(0,0,0,0.08),0 16px 24px 2px rgba(0,0,0,0.12);--sendbird-shadow-04:0 9px 15px -7px rgba(0,0,0,0.04),0 9px 46px 8px rgba(0,0,0,0.08),0 24px 38px 3px rgba(0,0,0,0.12);--sendbird-shadow-05:0 2px 8px 0 rgba(0,0,0,0.08),0 4px 6px 0 rgba(0,0,0,0.12);--sendbird-shadow-message-input:0 1px 5px 0 rgba(33,34,66,0.12),0 0 1px 0 rgba(33,34,66,0.16),0 2px 1px 0 rgba(33,34,66,0.08),0 1px 5px 0 rgba(0,0,0,0.12);}`,Cr=l.css`[${ye}='light'] &{--sb-on-bg-1:var(--sendbird-onlight-01);--sb-on-bg-2:var(--sendbird-onlight-02);--sb-on-bg-3:var(--sendbird-onlight-03);--sb-on-bg-4:var(--sendbird-onlight-04);--sb-bg-1:var(--sendbird-background-50);--sb-bg-2:var(--sendbird-background-100);--sb-bg-3:var(--sendbird-background-200);--sb-on-content-1:var(--sendbird-ondark-01);--sb-on-content-2:var(--sendbird-ondark-02);--sb-on-content-inverse-1:var(--sendbird-onlight-01);--sb-on-content-inverse-2:var(--sendbird-onlight-02);--sb-primary:var(--sendbird-primary-main);--sb-secondary:var(--sendbird-secondary-main);--sb-error:var(--sendbird-error-main);--sb-information:var(--sendbird-information-light);}[${ye}='dark'] &{--sb-on-bg-1:var(--sendbird-ondark-01);--sb-on-bg-2:var(--sendbird-ondark-02);--sb-on-bg-3:var(--sendbird-ondark-03);--sb-on-bg-4:var(--sendbird-ondark-04);--sb-bg-1:var(--sendbird-background-600);--sb-bg-2:var(--sendbird-background-500);--sb-bg-3:var(--sendbird-background-400);--sb-on-content-1:var(--sendbird-onlight-01);--sb-on-content-2:var(--sendbird-onlight-02);--sb-on-content-inverse-1:var(--sendbird-ondark-01);--sb-on-content-inverse-2:var(--sendbird-ondark-02);--sb-primary:var(--sendbird-primary-light);--sb-secondary:var(--sendbird-secondary-light);--sb-error:var(--sendbird-error-light);--sb-information:var(--sendbird-information-light);}`,u={color:{primary:{dark:"var(--sendbird-primary-dark)",main:"var(--sendbird-primary-main)"},error:{extraDark:"var(--sendbird-error-extra-dark)",dark:"var(--sendbird-error-dark)"},information:{main:"var(--sendbird-information-main)",light:"var(--sendbird-information-light)"},background700:"var(--sendbird-background-700)",background600:"var(--sendbird-background-600)",background500:"var(--sendbird-background-500)",background400:"var(--sendbird-background-400)",background200:"var(--sendbird-background-200)",background100:"var(--sendbird-background-100)",background50:"var(--sendbird-background-50)",onlight03:"var(--sendbird-onlight-03)",ondark01:"var(--sendbird-ondark-01)",ondark02:"var(--sendbird-ondark-02)",ondark03:"var(--sendbird-ondark-03)",ondark04:"var(--sendbird-ondark-04)",overlay01:"var(--sendbird-overlay-01)",shadow05:"var(--sendbird-shadow-05)"},themedColor:{onbackground1:"var(--sb-on-bg-1)",onbackground2:"var(--sb-on-bg-2)",onbackground3:"var(--sb-on-bg-3)",onbackground4:"var(--sb-on-bg-4)",textHighEmphasis:"var(--sb-on-bg-1)",textMidEmphasis:"var(--sb-on-bg-2)",textLowEmphasis:"var(--sb-on-bg-3)",textDisabled:"var(--sb-on-bg-4)",background1:"var(--sb-bg-1)",background2:"var(--sb-bg-2)",background3:"var(--sb-bg-3)",oncontent1:"var(--sb-on-content-1)",oncontent_inverse1:"var(--sb-on-content-inverse-1)",error:"var(--sb-error)"}};function Tt(e="light",t){const r={primary:(t==null?void 0:t.primary)||ce.DEFAULT_PRIMARY,botMessageBackground:(t==null?void 0:t.botMessageBackground)||ce.DEFAULT_BOT_MSG_BG,primaryContrast:t==null?void 0:t.primaryContrast,botMessageBackgroundContrast:t==null?void 0:t.botMessageBackgroundContrast},{contrastColors:o,aiAgentColorVariables:s}=Tr(r),i=(e==="light"?Sr:_r)(r,o);return{selected:e,palette:{primary:vr(r.primary)},colors:i,aiAgentColorVariables:s}}const Sr=(e,t)=>({base:{primary:e.primary,primaryContrastContent:t.primary,background:u.color.background50,headerBackground:u.color.background50,modalContentBackground:u.color.background50},metadata:{errorContent:u.color.ondark01,placeholderText:u.color.onlight03},messageInput:{background:u.color.background100},messageIncoming:{text:t.botMessageBackground,background:e.botMessageBackground},messageOutgoing:{text:t.primary,background:e.primary},csat:{background:u.color.background100}}),_r=(e,t)=>({base:{primary:e.primary,primaryContrastContent:t.primary,background:u.color.background600,headerBackground:u.color.background500,modalContentBackground:u.color.background500},metadata:{errorContent:u.color.ondark01,placeholderText:u.color.ondark03},messageInput:{background:u.color.background400},messageIncoming:{text:t.botMessageBackground,background:e.botMessageBackground},messageOutgoing:{text:t.primary,background:e.primary},csat:{background:u.color.background400}});function Tr(e){const t={primary:e.primaryContrast??Le(e.primary),botMessageBackground:e.botMessageBackgroundContrast??Le(e.botMessageBackground)};return{contrastColors:t,aiAgentColorVariables:{primary_color:e.primary,bot_message_bg_color:e.botMessageBackground,primary_contrast_color:t.primary,bot_message_bg_contrast_color:t.botMessageBackground}}}const[kr,Fe]=Z("AgentTheme");function wr({appearance:e,rootElement:t=document.body,logger:r,children:o}){const s=e==null?void 0:e.theme,a=e==null?void 0:e.primaryColor,i=e==null?void 0:e.botMessageBackgroundColor,[c,m]=d.useState(()=>(t.setAttribute(ye,s??"light"),Tt(s,{primary:a,botMessageBackground:i}))),g=d.useCallback((h,p)=>{const f=p==null?void 0:p(s),b=s??h,x={primary:a??(f==null?void 0:f.primary),botMessageBackground:i??(f==null?void 0:f.botMessageBackground),primaryContrast:f==null?void 0:f.primaryContrast,botMessageBackgroundContrast:f==null?void 0:f.botMessageBackgroundContrast};a&&delete x.primaryContrast,i&&delete x.botMessageBackgroundContrast,t.setAttribute(ye,b),m(Tt(b,x)),r==null||r.info("theme.update:",b,x)},[t,s,a,i]);return d.useEffect(()=>{(s||a||i)&&g(c.selected)},[s,a,i]),n.createElement(l.ThemeProvider,{theme:c},n.createElement(kr.Provider,{value:{theme:c,updateTheme:g}},o))}const Se="en",Ar=new Set([Se,"ko","es","pt","fr","hi","it","de","tr","ja"]),Ir=(e,t,r)=>{const o=e[t];return o?typeof o=="function"?o():Promise.resolve(o):new Promise((s,a)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(a.bind(null,new Error("Unknown variable dynamic import: "+t+(t.split("/").length!==r?". Note that variables only represent file names one level deep.":""))))})},Mr=Wn.enUS,$r={CHANNEL_FROZEN:"Channel frozen",PLACE_HOLDER__WRONG:"Something went wrong",PLACE_HOLDER__NO_MESSAGES:"No messages",UNKNOWN__UNKNOWN_MESSAGE_TYPE:"(Unknown message type)",HEADER_BUTTON__AGENT_HANDOFF:"Connect with an agent",MESSAGE_INPUT__PLACE_HOLDER:"Ask a question",MESSAGE_INPUT__PLACE_HOLDER__WAIT_AI_AGENT_RESPONSE:"Waiting for the agent’s reply…",MESSAGE_INPUT__PLACE_HOLDER__DISABLED:"Chat is unavailable in this channel",BUTTON__CANCEL:"Cancel",BUTTON__SAVE:"Save",BUTTON__OK:"OK",NO_NAME:"(No name)",RETRY:"Retry",DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR:"MMMM dd, yyyy",DATE_FORMAT__MESSAGE_TIMESTAMP:"p",FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT:"You can't upload more than one image",FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT:"The maximum size per file is %d MB.",FILE_VIEWER__UNSUPPORT:"Unsupported message",CSAT_TITLE_UNSUBMITTED:"Your feedback matters to us",CSAT_TITLE_SUBMITTED:"Successfully submitted!",CSAT_CRE_TITLE:"Was your issue resolved?",CSAT_CRE_SOLVED:"Yes, thank you! 👍",CSAT_CRE_NOT_SOLVED:"No, that didn’t help.",CSAT_REASON_PLACEHOLDER:"Share your feedback",CSAT_RATING_TITLE:"How would you rate your experience?",CSAT5_RATING_SCORE_1:"Terrible",CSAT5_RATING_SCORE_2:"Bad",CSAT5_RATING_SCORE_3:"Okay",CSAT5_RATING_SCORE_4:"Good",CSAT5_RATING_SCORE_5:"Great",CSAT_SUBMIT_LABEL:"Submit",CSAT_SUBMISSION_EXPIRED:"We’re sorry, the survey period has ended.",POWERED_BY:"Powered by",CONVERSATION_CLOSED_FOOTER_LABEL:"Your conversation has ended",START_NEW_CONVERSATION:"💬 Start a new conversation",RETURN_TO_CONVERSATION:"💬 Return to conversation",CONVERSATION_LIST__HEADER_TITLE:"Conversation history",CONVERSATION_LIST__TOPICS_FALLBACK:"No category",CONVERSATION_LIST__NO_CONVERSATIONS:"No conversations yet",DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE:"MM/dd/yyyy",DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION:"h:mma"},st={language:"en",dateLocale:Mr,stringSet:$r},Or=Object.freeze(Object.defineProperty({__proto__:null,default:st},Symbol.toStringTag,{value:"Module"})),Re=new Map([[Se,st]]);async function Rr(e){if(Re.has(e))return Re.get(e);const t=Ar.has(e)?e:Se;try{const{default:r}=await Ir(Object.assign({"./languages/de.ts":()=>Promise.resolve().then(()=>require("./DowWpnG0.cjs")),"./languages/en.ts":()=>Promise.resolve().then(()=>Or),"./languages/es.ts":()=>Promise.resolve().then(()=>require("./C1Vn3mTH.cjs")),"./languages/fr.ts":()=>Promise.resolve().then(()=>require("./DMo1MF5p.cjs")),"./languages/hi.ts":()=>Promise.resolve().then(()=>require("./B-7iTaEa.cjs")),"./languages/it.ts":()=>Promise.resolve().then(()=>require("./CKKH64uB.cjs")),"./languages/ja.ts":()=>Promise.resolve().then(()=>require("./CMUqnGWo.cjs")),"./languages/ko.ts":()=>Promise.resolve().then(()=>require("./BvIqSXsB.cjs")),"./languages/pt.ts":()=>Promise.resolve().then(()=>require("./CrKG9A2m.cjs")),"./languages/tr.ts":()=>Promise.resolve().then(()=>require("./FdyX1U8o.cjs"))}),`./languages/${t}.ts`,3);return Re.set(e,r),r}catch{return st}}const[Lr,w]=Z("Localization");function Pr(e){var t;return((t=e.split("-"))==null?void 0:t[0])??Se}function Nr({language:e=navigator.language,logger:t,stringSet:r,children:o}){const[s,a]=d.useState(Re.get(Se));return d.useEffect(()=>{const i=Pr(e);s.language!==i&&(t==null||t.debug("localization.useEffect: update language",`${s.language} -> ${i}`),Rr(i).then(a))},[e]),n.createElement(Lr.Provider,{value:{language:s.language,stringSet:{...s.stringSet,...r},dateLocale:s.dateLocale,format:(i,c,m)=>le.format(i,c,{locale:s.dateLocale,...m})}},o)}const Br='@import"https://fonts.googleapis.com/css?family=Roboto:400,500,600,700&display=swap";.sb-message-template__border{position:relative}.sb-message-template__border:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);border-radius:var(--border-radius);pointer-events:none}.sb-message-template__action{cursor:pointer}.sb-message-template__parent{font-family:Roboto,serif}.sb-message-template__text{font-family:inherit;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left}.sb-message-template__text-button{font-family:inherit;background-color:#e0e0e0;text-align:center;padding:10px;border-radius:6px;font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;letter-spacing:normal}.sendbird-theme--light .sb-message-template__text-button{color:#742ddd}.sendbird-theme--dark .sb-message-template__text-button{color:#c2a9fa}.sb-message-template__text-button:hover{opacity:1;box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px}.sb-message-template__text-button,.sb-message-template__image-button{cursor:pointer;border-style:none}.sb-message-template__parent{border-radius:unset;background-color:transparent;overflow:hidden}.sb-message-template__parent *{box-sizing:border-box;line-height:1.3}.sb-message-template__carousel{display:flex;width:100%;box-sizing:border-box;touch-action:pan-y}';function de(e,t){const r=e.getRootNode({composed:t});return r instanceof ShadowRoot||r instanceof Document?r:document}const Dr=(e,t)=>{d.useEffect(()=>{const r=de(t)instanceof ShadowRoot,o=de(t,!0);if(!(r?t:o).querySelector(`link[href*='${e}']`)){const a=o.createElement("link");a.rel="stylesheet",a.href=e,(r?t:o.head).appendChild(a)}},[e,t])},Fr=(e,t=document.body)=>{d.useEffect(()=>{const r=de(t),s=r instanceof ShadowRoot?t:r.head;if(!s)return;const a=`sba-${btoa(e).slice(0,10)}`;let i=s.querySelector(`style#${a}`);i?i.textContent!==e&&(i.textContent=e):(i=s.ownerDocument.createElement("style"),i.id=a,i.textContent=e,s.appendChild(i))},[e,t])},[zr,sn]=Z("MessageTemplateFetching");function Ur({children:e,rootElement:t,internalVariables:r}){Fr(Br,t);const o=d.useRef({}),s=d.useRef({}),[a,i]=d.useState({}),c=d.useCallback((g,h)=>{i(p=>({...p,[g]:{fetching:!1,error:!1,...p[g],...h}}))},[]),m=d.useCallback(async({onRequestTemplate:g,onGetCachedTemplate:h,templateKey:p,suspense:f=!1})=>{const b=h(p);if(b)return b;const x=s.current[p];if(x)return x;f||c(p,{fetching:!0});const v=g(p).catch(E=>{throw f||c(p,{error:!0}),E}).finally(()=>{f||c(p,{fetching:!1}),delete s.current[p]});return s.current[p]=v,v},[c]);return n.createElement(zr.Provider,{value:{internalVariables:r,fetchTemplate:m,suspend:(g,h)=>{if(o.current[g])return o.current[g];const p=Vr(h());return o.current[g]=p,p},getIsFetching:g=>{var h;return((h=a[g])==null?void 0:h.fetching)??!1},getHasError:g=>{var h;return((h=a[g])==null?void 0:h.error)??!1}}},e)}function Vr(e){let t="pending",r=e.then(o=>{t="resolved",r=o}).catch(o=>{t="rejected",r=o});return{get value(){if(t==="resolved")return r;throw r}}}const Hr=l.css`#${K.ENTRY}{*:not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}}`,Wr=[Hr,yr,Cr],jr=(e,...t)=>l.createGlobalStyle(e,...Wr,...t),_e=244,an=640,Ce=26,ln=4,W=12,ze=2,Gr=16,oe=`${q}-incoming-msg`,qr=`${q}-marked-text`;function at(e){switch(e){case"top":case"middle":return ze;default:return Gr}}function it(e,t){if(t){const[,r]=t.split("/");if(r)return r.toUpperCase()}if(e&&!e.startsWith(".")){const r=e.split(".").pop();if(r&&r!==e)return r.toUpperCase()}return"FILE"}const ue=e=>{const t=e;return typeof t=="number"?`${t}px`:t},Kr=new Set(["send","chat","message","chevron-right"]),Zr={spinner:d.lazy(()=>Promise.resolve().then(()=>require("./VJQajGKm.cjs"))),chat:d.lazy(()=>Promise.resolve().then(()=>require("./Bgi113yh.cjs"))),message:d.lazy(()=>Promise.resolve().then(()=>require("./CCMVMvEA.cjs"))),error:d.lazy(()=>Promise.resolve().then(()=>require("./D4zXKBh-.cjs"))),info:d.lazy(()=>Promise.resolve().then(()=>require("./7sOpksia.cjs"))),refresh:d.lazy(()=>Promise.resolve().then(()=>require("./BqEtwmXd.cjs"))),"chevron-down":d.lazy(()=>Promise.resolve().then(()=>require("./WCwJJYUZ.cjs"))),"chevron-right":d.lazy(()=>Promise.resolve().then(()=>require("./CCeC8Z_c.cjs"))),done:d.lazy(()=>Promise.resolve().then(()=>require("./Ck7-iOpx.cjs"))),user:d.lazy(()=>Promise.resolve().then(()=>require("./DRna04x8.cjs"))),"file-document":d.lazy(()=>Promise.resolve().then(()=>require("./CYWHwsSv.cjs"))),download:d.lazy(()=>Promise.resolve().then(()=>require("./na-hjKnS.cjs"))),attach:d.lazy(()=>Promise.resolve().then(()=>require("./CsHNpYuX.cjs"))),delete:d.lazy(()=>Promise.resolve().then(()=>require("./dtQmhQL-.cjs"))),close:d.lazy(()=>Promise.resolve().then(()=>require("./BCgKHuFY.cjs"))),"close-filled":d.lazy(()=>Promise.resolve().then(()=>require("./DkhICmYA.cjs"))),send:d.lazy(()=>Promise.resolve().then(()=>require("./B3UTkiZj.cjs"))),menu:d.lazy(()=>Promise.resolve().then(()=>require("./BIQTp46D.cjs"))),expand:d.lazy(()=>Promise.resolve().then(()=>require("./D2OIGiV4.cjs"))),collapse:d.lazy(()=>Promise.resolve().then(()=>require("./BA7eP_0y.cjs"))),agent:d.lazy(()=>Promise.resolve().then(()=>require("./BdOKSPN6.cjs"))),question:d.lazy(()=>Promise.resolve().then(()=>require("./Bt7i9B_X.cjs"))),actionbook:d.lazy(()=>Promise.resolve().then(()=>require("./DxL6Qc1e.cjs"))),function:d.lazy(()=>Promise.resolve().then(()=>require("./BlL9mJ1G.cjs"))),"radio-on":d.lazy(()=>Promise.resolve().then(()=>require("./BE_UkM2D.cjs"))),"radio-off":d.lazy(()=>Promise.resolve().then(()=>require("./CI0UG_vg.cjs"))),confluence:d.lazy(()=>Promise.resolve().then(()=>require("./VvpIczL4.cjs"))),zendesk:d.lazy(()=>Promise.resolve().then(()=>require("./D-9eFzYR.cjs"))),salesforce:d.lazy(()=>Promise.resolve().then(()=>require("./Bj4NR2YK.cjs"))),sprinklr:d.lazy(()=>Promise.resolve().then(()=>require("./8n-lNFQi.cjs"))),website:d.lazy(()=>Promise.resolve().then(()=>require("./CYokBh9g.cjs"))),snippet:d.lazy(()=>Promise.resolve().then(()=>require("./CbUzmxPM.cjs"))),template:d.lazy(()=>Promise.resolve().then(()=>require("./CtPGsbRN.cjs")))},k=({type:e,size:t=24,className:r,color:o})=>{const s=Zr[e];return n.createElement(Jr,{className:r,$rtlFlip:Kr.has(e),$size:t,$color:o??u.color.primary.main},n.createElement(d.Suspense,{fallback:null},n.createElement(s,null)))},Yr=l.css`[dir='rtl'] &{transform:scaleX(-1);}`,Jr=l.div`width:${({$size:e})=>ue(e)};height:${({$size:e})=>ue(e)};display:inline-block;&:focus{outline:none;}svg{display:block;}[class*='fill']{fill:${({$color:e})=>e};}[class*='stroke']{stroke:${({$color:e})=>e};stroke-width:2px;stroke-linejoin:round;}${({$rtlFlip:e})=>e&&Yr};`,S=({as:e,variant:t,color:r,className:o,...s})=>n.createElement(Qr,{as:e,$variant:t,className:o,$color:r,...s}),kt={h1:{fs:"18px",fw:700},h2:{fs:"16px",fw:700},subtitle1:{fs:"16px",fw:500},subtitle2:{fs:"16px",fw:400},body1:{fs:"16px",fw:400},body2:{fs:"14px",fw:500},body3:{fs:"14px",fw:400},button:{fs:"14px",fw:700},caption1:{fs:"12px",fw:700},caption2:{fs:"12px",fw:400},caption3:{fs:"11px",fw:700},caption4:{fs:"11px",fw:400}},Ke=new Map;function Xr(e){if(!e||!kt[e])return"";if(Ke.has(e))return Ke.get(e);const{fs:t,fw:r}=kt[e],o=l.css`font-size:${t};font-weight:${r};`;return Ke.set(e,o),o}const Qr=l.span`font-stretch:normal;font-style:normal;letter-spacing:normal;line-height:100%;${({$variant:e})=>Xr(e)}color:${({$color:e})=>e};`;function lt({name:e,type:t="FILE",iconColor:r,iconBackgroundColor:o}){const{colors:s}=l.useTheme();return n.createElement(eo,null,n.createElement(to,{$bgColor:o??s.base.primary},n.createElement(k,{type:"file-document",size:24,color:r??s.base.primaryContrastContent})),n.createElement(no,null,n.createElement(ro,{variant:"button",color:u.themedColor.onbackground1},e),n.createElement(S,{color:u.themedColor.onbackground2,variant:"caption3"},t)))}const eo=l.div`border-radius:12px;gap:8px;width:${_e}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${u.themedColor.onbackground4};background-color:${u.themedColor.background1};`,to=l.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({$bgColor:e})=>e};`,no=l.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`,ro=l(S)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;function oo({file:e}){return n.createElement(lt,{name:e.name,type:it(e.name,e.type)})}function so({file:e,onClickMedia:t}){const r=()=>e.type.startsWith("image")?n.createElement(io,{src:e.url,alt:"image-message"}):e.type.startsWith("video")?n.createElement(lo,{controls:!0},n.createElement("source",{src:e.url}),n.createElement("track",{kind:"captions"})):null;return r?n.createElement(ao,{id:`${oe}-media-body`,onClick:()=>t==null?void 0:t(e)},r()):null}const ao=l.div`width:${_e}px;height:160px;border-radius:12px;overflow:hidden;background-color:${({theme:e})=>e.colors.messageIncoming.background};cursor:pointer;`,io=l.img`width:100%;height:100%;object-fit:cover;`,lo=l.video`width:100%;height:100%;object-fit:cover;`,co="✱";function cn(e){const t=new RegExp(`${co}+`,"g");return e.replace(t,r=>`<span id=${qr} aria-label="marked-text">${r}</span>`)}function uo(e){const t=/```(\w+)?\n([\s\S]*?)```/g,r=[];let o=0;return e.replace(t,(s,...a)=>{const[i,c,m]=a;return o<m&&r.push({type:"text",value:e.slice(o,m).trim()}),r.push({type:"code",value:c.trim(),language:i?i.trim():"plaintext"}),o=m+s.length,s}),o<e.length&&r.push({type:"text",value:e.slice(o).trim()}),r.map(s=>s.type!=="text"?s:{...s,value:cn(s.value)})}const mo=d.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./Coz01rE5.cjs"))).MarkdownText})),go=d.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./u4HvlMWl.cjs"))).CodeBlock}));function wt(e){const t=e.maxBodyWidth??_e,r=d.useMemo(()=>uo(e.message),[e.message]),o={id:`${oe}-text-body`,$maxWidth:t};return r.length===0?e.children?n.createElement(At,{...o},e.children):null:n.createElement(At,{...o},r.map((s,a)=>s.type==="text"?n.createElement(It,{key:a,variant:"body3"},n.createElement(d.Suspense,{fallback:s.value},n.createElement(mo,null,s.value))):s.type==="code"?n.createElement(d.Suspense,{key:a,fallback:n.createElement(It,{variant:"body3"},s.value)},n.createElement(go,{code:s.value,language:s.language})):null),e.children)}const At=l.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({$maxWidth:e})=>e}px;${({theme:e})=>l.css`
-    color: ${e.colors.messageIncoming.text};
-    background-color: ${e.colors.messageIncoming.background};
-  `}
-  padding: 12px 0;
-  transition: max-width 0.3s;
-  overflow-wrap: break-word;
-`,It=l(S)`align-items:flex-start;line-height:18px;white-space:pre-wrap;padding:0 12px;`;function po(e){const{stringSet:t}=w();if(e.messageType==="user")return n.createElement(wt,{...e});if(e.messageType==="file"){const r=e.file;return r.type.startsWith("image")||r.type.startsWith("video")?n.createElement(so,{...e}):n.createElement(oo,{...e})}return n.createElement(wt,{...e,message:t.UNKNOWN__UNKNOWN_MESSAGE_TYPE})}const ct=e=>n.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.0008 0.973633C10.6172 0.973633 9.49558 2.09527 9.49558 3.47888C9.49558 4.50705 10.115 5.39055 11.0009 5.77664V7.47887H13.0009V5.77653C13.8868 5.3904 14.5061 4.50696 14.5061 3.47888C14.5061 2.09527 13.3844 0.973633 12.0008 0.973633ZM0.250977 16.5788L0.250977 10.5789H2.25098L2.25098 16.5788H0.250977ZM21.7511 10.5789V16.5788H23.7511V10.5789H21.7511ZM18.251 7.47888H3.25097V18.9789C3.25097 20.3596 4.37026 21.4789 5.75097 21.4789H18.251C19.6317 21.4789 20.751 20.3596 20.751 18.9789V9.97887C20.751 8.59816 19.6317 7.47888 18.251 7.47888ZM9.78434 11.9539V15.2038C9.78434 15.7561 9.33663 16.2038 8.78434 16.2038C8.23206 16.2038 7.78434 15.7561 7.78434 15.2038V11.9539C7.78434 11.4016 8.23206 10.9539 8.78434 10.9539C9.33663 10.9539 9.78434 11.4016 9.78434 11.9539ZM16.2677 11.9539V15.2038C16.2677 15.7561 15.82 16.2038 15.2677 16.2038C14.7154 16.2038 14.2677 15.7561 14.2677 15.2038V11.9539C14.2677 11.4016 14.7154 10.9539 15.2677 10.9539C15.82 10.9539 16.2677 11.4016 16.2677 11.9539Z",fill:"#0D0D0D"}));function dt({id:e,src:t,size:r=56,onClick:o,style:s}){return n.createElement(ho,{id:e,tabIndex:0,onClick:o,$size:ue(r),style:s},t?n.createElement(fo,{src:t}):n.createElement(k,{type:"user",size:r}))}const ho=l.div`border-radius:50%;display:inline-block;overflow:hidden;position:relative;flex-shrink:0;height:${e=>e.$size};width:${e=>e.$size};background-color:${u.themedColor.background2};&:focus{outline:none;}`,fo=l.img`object-fit:cover;width:100%;height:100%;position:absolute;`;function bo({sender:e,isBotMessage:t}){const r=`${oe}-sender-avatar`;return!e.profileUrl&&t?n.createElement(Eo,{id:r},n.createElement(ct,null)):n.createElement(dt,{id:r,size:Ce,src:e.profileUrl})}const Eo=l.div`flex-shrink:0;width:${Ce}px;height:${Ce}px;box-sizing:border-box;padding:6px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:${({theme:e})=>e.colors.base.primary};path{fill:${({theme:e})=>e.colors.base.primaryContrastContent};}}`;function xo({sender:e}){return n.createElement(vo,{id:`${oe}-sender-name`,variant:"caption1",color:u.themedColor.textMidEmphasis},e.nickname)}const vo=l(S)`text-align:start;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-block:5px;padding-inline:0 7px;`;function yo({createdAt:e}){const{stringSet:t,format:r}=w();return n.createElement(S,{id:`${oe}-sent-time`,variant:"caption4",color:u.themedColor.textLowEmphasis},r(e,t.DATE_FORMAT__MESSAGE_TIMESTAMP))}function Pe(){}async function Co(e){let t=e;t&&(!t.startsWith("http://")&&!t.startsWith("https://")&&(t="https://"+t),window.open(t,"_blank","noopener,noreferrer"))}function Mt(e){try{return JSON.parse(e===""?"{}":e)}catch{return{}}}function dn(e){return!e||!e.conversation?!1:e.conversation.status===D.ConversationStatus.CLOSED}function ut(e){return!e||!e.conversation?!1:e.conversation.status===D.ConversationStatus.OPEN}function So(e){var o;const t=(o=e==null?void 0:e.conversation)==null?void 0:o.handoff,r=!!(t!=null&&t.timestamp);return ut(e)&&!r}function _o({extendedMessagePayload:e,onClickCTA:t=({url:r})=>Co(r)}){const r=e==null?void 0:e.cta_button;return r?n.createElement(To,{id:`${oe}-ext-cta-button`,role:"button",onClick:()=>t(r)},n.createElement(ko,{variant:"button"},r.label)):null}const To=l.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;background-color:${u.color.primary.main};color:${({theme:e})=>e.colors.base.primaryContrastContent};&:hover{background-color:${u.color.primary.dark};}`,ko=l(S)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;function wo(e){return n.createElement(n.Fragment,null)}const un=e=>{try{const t=JSON.parse(e);return typeof t=="string"?JSON.stringify(t).slice(1,-1):e.trim()}catch{return JSON.stringify(e).slice(1,-1)}},Ue=e=>JSON.parse(e),Ve=e=>JSON.parse(e);function Ao(e,t){const[r,o]=t.split(",").map(s=>s.trim());return e==="dark"&&o||r}function Io(e){const t={};function r(o,s=""){for(const[a,i]of Object.entries(o)){const c=s?`${s}.${a}`:a;i&&typeof i=="object"&&!Array.isArray(i)?r(i,c):t[c]=i}}return r(e),t}function mt({template:e,variables:t,variableKeyPattern:r,variableValueTransformer:o}){return Object.entries(t).reduce((s,[a,i])=>{if(!o&&!["number","boolean","string"].includes(typeof i))throw new Error("If transformer is not provided, value must be a {string, number, or boolean}");const c=o?o(i):String(i),m=r(a);return s.replace(m,un(c))},e)}async function Mo({template:e,variables:t,variableKeyPattern:r,variableValueTransformer:o}){return(await Promise.all(Object.entries(t).map(async([a,i])=>{const c=await o(i);return{regex:r(a),transformedValue:c}}))).reduce((a,{regex:i,transformedValue:c})=>a.replace(i,un(c)),e)}const He={VARIABLE:e=>new RegExp(`\\{${e}\\}`,"g"),VIEW_VARIABLE:e=>new RegExp(`"{@${e}}"`,"g")};function te({uiTemplateString:e,variables:t={}}){const r=Io(t);return mt({template:e,variables:r,variableKeyPattern:o=>He.VARIABLE(o)})}function ne({theme:e,uiTemplateString:t,colorVariables:r={}}){return mt({template:t,variables:r,variableKeyPattern:o=>He.VARIABLE(o),variableValueTransformer:o=>Ao(e,o)})}function $o({theme:e,uiTemplateString:t,viewVariables:r={},aiAgentColorVariables:o,internalVariables:s,onRequestTemplate:a}){const c=Object.values(r).flat().map(g=>g.key);return[...new Set(c)].some(g=>!a(g))?null:mt({template:t,variables:r,variableKeyPattern:g=>He.VIEW_VARIABLE(g),variableValueTransformer:g=>{const h=g.map(({key:p,variables:f})=>{const b=a(p),{ui_template:x,color_variables:v}=Ue(b);let E=JSON.stringify(x);return E=te({uiTemplateString:E,variables:s}),E=ne({theme:e,uiTemplateString:E,colorVariables:v}),E=ne({theme:e,uiTemplateString:E,colorVariables:o}),E=te({uiTemplateString:E,variables:f}),Ve(E)});return JSON.stringify(h)}})}async function Oo({theme:e,uiTemplateString:t,viewVariables:r={},aiAgentColorVariables:o,internalVariables:s,onRequestTemplate:a}){return Mo({template:t,variables:r,variableKeyPattern:i=>He.VIEW_VARIABLE(i),variableValueTransformer:async i=>{const c=i.map(async({key:g,variables:h})=>{const p=await a(g),{ui_template:f,color_variables:b}=Ue(p);let x=JSON.stringify(f);return x=te({uiTemplateString:x,variables:s}),x=ne({theme:e,uiTemplateString:x,colorVariables:b}),x=ne({theme:e,uiTemplateString:x,colorVariables:o}),x=te({uiTemplateString:x,variables:h}),Ve(x)}),m=await Promise.all(c);return JSON.stringify(m)}})}const Ro=({rawTemplate:e,aiAgentColorVariables:t,internalVariables:r,...o})=>{const{ui_template:s,color_variables:a}=Ue(e);let i=JSON.stringify(s);if(Object.keys(o.viewVariables??{}).length>0){const m=$o({...o,uiTemplateString:i,aiAgentColorVariables:t,internalVariables:r});if(m===null)return null;i=m}return i=te({...o,uiTemplateString:i,variables:r}),i=ne({...o,uiTemplateString:i,colorVariables:a}),i=ne({...o,uiTemplateString:i,colorVariables:t}),i=te({...o,uiTemplateString:i}),Ve(i)},Lo=async({rawTemplate:e,aiAgentColorVariables:t,internalVariables:r,...o})=>{const{ui_template:s,color_variables:a}=Ue(e);let i=JSON.stringify(s);return Object.keys(o.viewVariables??{}).length>0&&(i=await Oo({...o,uiTemplateString:i,aiAgentColorVariables:t,internalVariables:r})),i=te({...o,uiTemplateString:i,variables:r}),i=ne({...o,uiTemplateString:i,colorVariables:a}),i=ne({...o,uiTemplateString:i,colorVariables:t}),i=te({...o,uiTemplateString:i}),Ve(i)},Po=e=>{const{aiAgentColorVariables:t}=Fe().theme,{internalVariables:r}=sn();return d.useState(()=>{const o=e.onGetCachedTemplate(e.templateKey);return o?Ro({...e,rawTemplate:o,aiAgentColorVariables:t,internalVariables:r,onRequestTemplate:e.onGetCachedTemplate}):null})},No=e=>{const[t]=Po(e);if(t)return t;const{aiAgentColorVariables:r}=Fe().theme,{internalVariables:o,fetchTemplate:s,suspend:a}=sn();return a(e.templateKey,async()=>{const c=await s({...e,suspense:!0});return await Lo({...e,rawTemplate:c,aiAgentColorVariables:r,internalVariables:o})}).value};class Bo extends d.Component{constructor(t){super(t),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}render(){return this.state.hasError?this.props.errorFallback:n.createElement(d.Suspense,{fallback:this.props.loadingFallback},this.props.children)}}const Do=new Set(["default"]),{MessageTemplate:Fo}=jn.createMessageTemplate({parser:Xe.parser,renderer:Xe.renderer,Container:e=>n.createElement("div",{...e})});function zo(e){return n.createElement(Bo,{errorFallback:e.messageTemplateErrorFallback,loadingFallback:e.messageTemplateLoadingFallback},n.createElement(Uo,{...e}))}const Uo=({extendedMessagePayload:e,onGetCachedMessageTemplate:t=()=>null,onRequestMessageTemplate:r})=>{const o=e==null?void 0:e.message_template;if(!Do.has((o==null?void 0:o.type)??"default"))throw new Error("Unsupported template type");if(!r)throw new Error("onRequestMessageTemplate is required");const{theme:a}=Fe(),i=No({onRequestTemplate:r,onGetCachedTemplate:t,theme:a.selected,templateKey:(o==null?void 0:o.key)??"invalid",variables:o==null?void 0:o.variables,viewVariables:o==null?void 0:o.view_variables});return n.createElement(Vo,{id:`${oe}-ext-message-template`},n.createElement(Xe.MessageProvider,{message:{}},n.createElement(Fo,{templateItems:i.body.items,templateVersion:i.version})))},Vo=l.div`box-sizing:border-box;overflow:hidden;width:100%;`;function Ho({extendedMessagePayload:e,onClickSuggestedReply:t,suggestedRepliesDirection:r="vertical"}){const[o,s]=d.useState(!1),a=(e==null?void 0:e.suggested_replies)??[];return a.length===0||o?null:n.createElement(Wo,{id:`${oe}-ext-suggested-replies`,$type:r},a.map((i,c)=>n.createElement(jo,{key:c,$type:r,variant:"body3",onClick:()=>{t&&(t==null||t({reply:i}),s(!0))}},i)))}const Wo=l.div`margin:16px 0;padding:0 ${W}px;position:relative;display:flex;gap:8px;${({$type:e})=>e==="vertical"?Go:qo};`,jo=l(S)`box-sizing:border-box;padding:8px 12px;display:flex;align-items:center;border-radius:100px;cursor:pointer;word-break:break-word;color:${u.color.primary.main};border:1px solid ${u.color.primary.main};background-color:${u.themedColor.background1};&:hover{background-color:${u.themedColor.background2};}${({$type:e,theme:t})=>l.css`
-    ${e==="vertical"?Ko:Zo};
-    &:active {
-      background-color: ${t.colors.base.primary};
-      color: ${t.colors.base.primaryContrastContent};
-    }
-  `}
-`,Go=l.css`flex-direction:column;align-items:flex-end;`,qo=l.css`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`,Ko=l.css`max-width:calc(100% - 70px);white-space:pre-wrap;`,Zo=l.css`white-space:nowrap;`,mn=({className:e})=>n.createElement(Yo,{className:e},[0,1,2].map(t=>n.createElement(Jo,{key:t}))),Yo=l.div`align-items:center;border-radius:12px;display:flex;gap:6px;justify-content:center;padding:16px 12px;background-color:${({theme:e})=>e.colors.messageIncoming.background};`,Jo=l.span`animation:blink 1.4s infinite;animation-fill-mode:both;border-radius:50%;height:8px;width:8px;background:${({theme:e})=>e.colors.messageIncoming.text};@keyframes blink{0%{opacity:0.12;transform:scale(1);}21.43%{opacity:0.38;transform:scale(1.2);}42.86%{opacity:0.12;transform:scale(1);}100%{opacity:0.12;transform:scale(1);}}&:nth-child(1){animation-delay:0.4s;}&:nth-child(2){animation-delay:0.6s;}&:nth-child(3){animation-delay:0.8s;}`;function gn(e){return e()}const re=rt({template:Xo,components:{SenderName:xo,SenderAvatar:bo,SentTime:yo,MessageBody:po,SuggestedReplies:Ho,MessageTemplate:zo,CTAButton:_o,MessageLogs:wo}});function Xo(e){return n.createElement(pn,{...e,testerMode:!1})}function pn(e){var g,h,p,f;const{components:t}=re.useContext(),r=e.testerMode,o=!!((g=e.extendedMessagePayload)!=null&&g.message_template),s=!!((h=e.extendedMessagePayload)!=null&&h.cta_button),a=gn(()=>e.messageType==="user"?e.message.length>0:!0),i=e.groupType==="top"||e.groupType==="single",c=e.groupType==="bottom"||e.groupType==="single",m=r?0:Ce;return n.createElement(Qo,{$marginBottom:at(e.groupType)},i&&n.createElement(es,null,!r&&n.createElement(t.SenderAvatar,{...e}),n.createElement(t.SenderName,{...e})),n.createElement(d.Fragment,null,n.createElement(Ze,{$extraStartPadding:m},n.createElement(t.MessageBody,{...e},s&&n.createElement("div",{style:{marginTop:12,marginInline:12}},n.createElement(t.CTAButton,{...e})))),o&&n.createElement($t,{$startPadding:0,$endPadding:0,style:{marginTop:a?ze:0}},n.createElement(t.MessageTemplate,{...e,messageTemplateErrorFallback:e.messageTemplateErrorFallback??n.createElement(Ze,{$extraStartPadding:m},n.createElement(t.MessageBody,{...e,messageType:"user",message:((f=(p=e.extendedMessagePayload)==null?void 0:p.message_template)==null?void 0:f.fallback_message)??"Cannot read this template."})),messageTemplateLoadingFallback:e.messageTemplateLoadingFallback??n.createElement(Ze,{$extraStartPadding:m},n.createElement(mn,null))}))),c&&n.createElement(ts,{$extraStartPadding:m+8},n.createElement(t.SentTime,{...e})),n.createElement(d.Fragment,null,e.suggestedRepliesVisible&&n.createElement($t,null,n.createElement(t.SuggestedReplies,{...e})),n.createElement(t.MessageLogs,{...e})))}const Qo=l.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({$marginBottom:e})=>`${e}px`};
-`,We=l.div`display:flex;align-self:stretch;justify-content:flex-start;${({$startPadding:e=W,$endPadding:t=W,$extraStartPadding:r=0})=>`
-    padding-inline: ${e+r}px ${t}px;
-  `}
-`,es=l(We)`display:flex;flex-direction:row;align-items:center;gap:8px;`,Ze=l(We)`display:flex;`,ts=l(We)`margin-top:${ln}px;display:flex;align-items:flex-start;justify-content:flex-start;`,$t=l(We)`display:flex;flex-direction:column;${({$startPadding:e=W,$endPadding:t=W,$extraStartPadding:r=0})=>`
-    padding-inline: ${e+r}px ${t}px;
-  `}
-`;function ns({file:e,children:t}){return n.createElement(rs,null,n.createElement(lt,{name:e.name,type:it(e.name,e.type)}),t)}const rs=l.div`display:flex;flex-direction:column;align-items:flex-end;gap:${ze}px;`,gt=({className:e,children:t,size:r=26})=>n.createElement(os,{className:e,$size:r},t??n.createElement(k,{type:"spinner",size:r})),os=l.div`display:flex;align-items:center;justify-content:center;width:${({$size:e})=>ue(e)};height:${({$size:e})=>ue(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;function ss({file:e,metadata:t,onClickMedia:r,children:o}){const{aspectRatio:s,localFile:a}=t,[i]=d.useState(()=>a instanceof File?URL.createObjectURL(a):e.url),[c,m]=d.useState(!1);return n.createElement(as,null,n.createElement(is,{$ratio:s,onClick:()=>r==null?void 0:r(e)},!c&&n.createElement(gt,{size:26},n.createElement(k,{type:"spinner",color:"onbackground3",size:26})),n.createElement(ls,{$loaded:c,src:i,alt:"image-message",onLoad:()=>m(!0)})),o)}const as=l.div`display:flex;flex-direction:column;align-items:flex-end;gap:${ze}px;`,is=l.div`width:${_e}px;border-radius:12px;overflow:hidden;cursor:pointer;height:auto;aspect-ratio:${e=>e.$ratio};position:relative;display:flex;align-items:center;justify-content:center;${B.light`
-    background-color: ${u.color.background100};
-  `}
-  ${B.dark`
-    background-color: ${u.color.background400};
-  `}
-`,ls=l.img`position:absolute;width:100%;height:100%;inset-block-start:0;inset-inline-start:0;object-fit:cover;opacity:${e=>e.$loaded?1:0};transition:opacity 0.5s ease;`;function Ot(e){const t=d.useMemo(()=>Yt.sanitize(cn(e.message)),[e.message]);return n.createElement(cs,{$maxWidth:e.maxBodyWidth??_e},n.createElement(ds,{variant:"body3",dangerouslySetInnerHTML:{__html:t}}))}const cs=l.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({$maxWidth:e})=>e}px;${({theme:e})=>l.css`
-    color: ${e.colors.messageOutgoing.text};
-    background-color: ${e.colors.messageOutgoing.background};
-  `}
-  padding: 12px 0;
-  transition: max-width 0.3s;
-  overflow-wrap: break-word;
-`,ds=l(S)`align-items:flex-start;line-height:18px;white-space:pre-wrap;padding:0 12px;`;function us(e){const{stringSet:t}=w(),r=e.message.length>0?n.createElement(Ot,{...e}):null;return e.messageType==="user"?r:e.messageType==="file"?e.file.type.startsWith("image")?n.createElement(ss,{...e},r):n.createElement(ns,{...e},r):n.createElement(Ot,{...e,message:t.UNKNOWN__UNKNOWN_MESSAGE_TYPE})}function ms({sendingStatus:e}){const t=l.useTheme();switch(e){case"pending":return n.createElement(gs,{size:16},n.createElement(k,{type:"spinner",color:t.colors.messageOutgoing.background,size:16}));case"failed":return n.createElement("div",{style:{marginBottom:2}},n.createElement(k,{type:"error",color:u.themedColor.error,size:16}));case"scheduled":case"canceled":return null;default:return n.createElement("div",null,n.createElement(k,{type:"chevron-down"}))}}const gs=l(gt)`margin-bottom:2px;width:16px;height:16px;`;function ps({createdAt:e}){const{stringSet:t,format:r}=w();return n.createElement(S,{variant:"caption4",color:u.themedColor.textLowEmphasis},r(e,t.DATE_FORMAT__MESSAGE_TIMESTAMP))}const je=rt({template:hs,components:{SendingStatus:ms,SentTime:ps,MessageBody:us}});function hs(e){const{components:t}=je.useContext(),r=e.sendingStatus==="succeeded",o=e.groupType==="bottom"||e.groupType==="single";return n.createElement(fs,{$marginBottom:at(e.groupType)},n.createElement(bs,null,n.createElement(t.MessageBody,{...e})),o&&n.createElement(Es,{$extraEndPadding:8},r?n.createElement(t.SentTime,{...e}):n.createElement(t.SendingStatus,{...e})))}const fs=l.div`display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-bottom:${({$marginBottom:e})=>`${e}px`};
-`,hn=l.div`display:flex;align-self:stretch;justify-content:flex-end;${({$startPadding:e=W,$endPadding:t=W,$extraEndPadding:r=0})=>`padding-inline: ${e}px ${t+r}px;`};
-`,bs=l(hn)``,Es=l(hn)`margin-top:${ln}px;`;function xs(e){return e.messageType!=="admin"?null:n.createElement(vs,null,n.createElement(S,{variant:"caption2",color:u.themedColor.textMidEmphasis},ys(Yt.sanitize(e.message))))}const vs=l.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color:inherit;}`,ys=e=>{const t=/\[([^\]]+)\]\((https?:\/\/[^\s]+)\)/g,r=[];let o=0;return e.replace(t,(s,a,i,c)=>(r.push(e.slice(o,c)),r.push(n.createElement("a",{key:i,href:i,target:"_blank",rel:De},a)),o=c+s.length,s)),r.push(e.slice(o)),r},Cs=({submitted:e,defaultValue:t,value:r,onChange:o})=>{const{stringSet:s}=w();return d.useEffect(()=>{typeof r>"u"&&typeof t=="boolean"&&(o==null||o(t))},[r,t]),n.createElement(Ss,null,n.createElement(S,{variant:"caption2",color:u.themedColor.textMidEmphasis},s.CSAT_CRE_TITLE),n.createElement("div",null,n.createElement(Rt,{checked:r===!0,label:s.CSAT_CRE_SOLVED,disabled:e,onClick:()=>o==null?void 0:o(!0)}),n.createElement(Rt,{checked:r===!1,label:s.CSAT_CRE_NOT_SOLVED,disabled:e,onClick:()=>o==null?void 0:o(!1)})))},Rt=({onClick:e,checked:t,label:r,disabled:o})=>{const s=t?u.color.primary.main:o?u.themedColor.textDisabled:u.themedColor.textLowEmphasis,a=t?u.themedColor.textHighEmphasis:o?u.themedColor.textLowEmphasis:u.themedColor.textHighEmphasis;return n.createElement(_s,{onClick:e,disabled:o},n.createElement(k,{size:24,type:t?"radio-on":"radio-off",color:s}),n.createElement(S,{variant:"caption2",color:a},r))},Ss=l.div`display:flex;flex-direction:column;gap:8px;`,_s=l.button`all:unset;display:flex;align-items:center;justify-content:flex-start;gap:2px;span{line-height:initial;}&:enabled{cursor:pointer;}`,Ts=e=>n.createElement("svg",{width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",id:"csat1",...e},n.createElement("path",{d:"M2.08301 20C2.08301 10.1049 10.1046 2.08334 19.9997 2.08334C29.8948 2.08334 37.9163 10.1049 37.9163 20C37.9163 29.8952 29.8948 37.9167 19.9997 37.9167C10.1046 37.9167 2.08301 29.8952 2.08301 20Z",fill:"#E0E0E0"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.5824 29.3328C13.1344 29.7473 13.918 29.636 14.3326 29.084C15.6269 27.3607 17.6835 26.25 19.9997 26.25C22.316 26.25 24.3727 27.3607 25.6668 29.084C26.0815 29.636 26.865 29.7473 27.4172 29.3328C27.9692 28.9182 28.0805 28.1347 27.6658 27.5825C25.9198 25.2577 23.1357 23.75 19.9997 23.75C16.8638 23.75 14.0797 25.2577 12.3336 27.5825C11.919 28.1347 12.0304 28.9182 12.5824 29.3328Z",fill:"black",fillOpacity:.12}),n.createElement("path",{d:"M28.4449 13.7707C29.1324 13.8328 29.64 14.4406 29.578 15.1281C29.516 15.8153 28.909 16.3221 28.2219 16.2608C28.2219 16.2608 28.0282 16.2502 27.9267 16.2487C27.7224 16.2457 27.4382 16.2509 27.1224 16.2833C26.7864 16.3177 26.4644 16.3782 26.1799 16.4662L26.304 16.86C26.7792 18.3675 25.5094 19.5813 24.2057 19.5813C23.504 19.5813 22.8319 19.2617 22.4295 18.6857C22.0025 18.0745 21.9417 17.241 22.4075 16.5344C22.7505 16.0143 23.2444 15.3831 23.8959 14.8657C24.8355 14.1195 26.0435 13.8809 26.867 13.7963C27.3024 13.7517 28.0149 13.7319 28.4449 13.7707Z",fill:"black",fillOpacity:.12}),n.createElement("path",{d:"M11.5553 13.7707C10.8677 13.8328 10.3601 14.4406 10.4221 15.1281C10.4842 15.8153 11.0912 16.3221 11.7782 16.2608C11.7782 16.2608 11.972 16.2502 12.0734 16.2487C12.2778 16.2457 12.562 16.2509 12.8778 16.2833C13.2137 16.3177 13.5357 16.3782 13.8203 16.4662L13.6962 16.86C13.2209 18.3675 14.4907 19.5813 15.7944 19.5813C16.4962 19.5813 17.1683 19.2617 17.5707 18.6857C17.9975 18.0745 18.0585 17.241 17.5925 16.5344C17.2497 16.0143 16.7557 15.3831 16.1043 14.8657C15.1646 14.1195 13.9566 13.8809 13.1331 13.7963C12.6978 13.7517 11.9853 13.7319 11.5553 13.7707Z",fill:"black",fillOpacity:.12})),ks=e=>n.createElement("svg",{width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M2.08337 19.9999C2.08337 10.1048 10.1049 2.08325 20 2.08325C29.8952 2.08325 37.9167 10.1048 37.9167 19.9999C37.9167 29.8951 29.8952 37.9166 20 37.9166C10.1049 37.9166 2.08337 29.8951 2.08337 19.9999Z",fill:"url(#paint0_linear_159_173206)"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.5828 29.3328C13.1348 29.7473 13.9184 29.636 14.3329 29.084C15.6272 27.3607 17.6839 26.25 20 26.25C22.3164 26.25 24.373 27.3607 25.6672 29.084C26.0819 29.636 26.8654 29.7473 27.4175 29.3328C27.9695 28.9182 28.0809 28.1347 27.6662 27.5825C25.9202 25.2577 23.136 23.75 20 23.75C16.8642 23.75 14.0801 25.2577 12.334 27.5825C11.9194 28.1347 12.0308 28.9182 12.5828 29.3328Z",fill:"#141B34"}),n.createElement("path",{d:"M28.4454 13.7707C29.1329 13.8328 29.6405 14.4406 29.5785 15.1281C29.5165 15.8153 28.9095 16.3221 28.2224 16.2608C28.2224 16.2608 28.0287 16.2502 27.9272 16.2487C27.7229 16.2457 27.4387 16.2509 27.1229 16.2833C26.7869 16.3177 26.4649 16.3782 26.1804 16.4662L26.3045 16.86C26.7797 18.3675 25.5099 19.5813 24.2062 19.5813C23.5045 19.5813 22.8324 19.2617 22.43 18.6857C22.003 18.0745 21.9422 17.241 22.408 16.5344C22.751 16.0143 23.2449 15.3831 23.8964 14.8657C24.836 14.1195 26.044 13.8809 26.8675 13.7963C27.3029 13.7517 28.0154 13.7319 28.4454 13.7707Z",fill:"#141B34"}),n.createElement("path",{d:"M11.5549 13.7707C10.8674 13.8328 10.3597 14.4406 10.4218 15.1281C10.4838 15.8153 11.0908 16.3221 11.7779 16.2608C11.7779 16.2608 11.9716 16.2502 12.073 16.2487C12.2774 16.2457 12.5616 16.2509 12.8774 16.2833C13.2134 16.3177 13.5353 16.3782 13.8199 16.4662L13.6958 16.86C13.2205 18.3675 14.4904 19.5813 15.794 19.5813C16.4958 19.5813 17.168 19.2617 17.5703 18.6857C17.9971 18.0745 18.0581 17.241 17.5921 16.5344C17.2493 16.0143 16.7553 15.3831 16.1039 14.8657C15.1643 14.1195 13.9562 13.8809 13.1327 13.7963C12.6974 13.7517 11.9849 13.7319 11.5549 13.7707Z",fill:"#141B34"}),n.createElement("defs",null,n.createElement("linearGradient",{id:"paint0_linear_159_173206",x1:20,y1:2.08325,x2:20,y2:37.9166,gradientUnits:"userSpaceOnUse"},n.createElement("stop",{stopColor:"#FF2D1D"}),n.createElement("stop",{offset:1,stopColor:"#FFA540"})))),ws=e=>n.createElement("svg",{width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z",fill:"#E0E0E0"}),n.createElement("path",{d:"M15 28.333C16.3927 27.2867 18.124 26.6667 20 26.6667C21.876 26.6667 23.6073 27.2867 25 28.333",stroke:"black",strokeOpacity:.12,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M11.667 13.3511C11.667 13.3511 14.0161 13.139 15.3268 14.18M15.3268 14.18L14.8882 15.5711C14.7153 16.1199 15.1675 16.6667 15.7943 16.6667C16.4531 16.6667 16.8882 16.0723 16.549 15.5579C16.2483 15.102 15.8388 14.5866 15.3268 14.18ZM23.3337 13.3511C23.3337 13.3511 25.6827 13.139 26.9935 14.18M26.9935 14.18L26.555 15.5711C26.382 16.1199 26.8342 16.6667 27.461 16.6667C28.1198 16.6667 28.5548 16.0723 28.2157 15.5579C27.915 15.102 27.5055 14.5866 26.9935 14.18Z",stroke:"black",strokeOpacity:.12,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),As=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:40,height:40,viewBox:"0 0 40 40",fill:"none",...e},n.createElement("path",{d:"M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z",fill:"#FFD46E"}),n.createElement("path",{d:"M14.249 27.334C15.851 26.13 17.844 25.417 20 25.417c2.156 0 4.149.714 5.751 1.917.553.415.664 1.199.25 1.751-.415.552-1.199.664-1.751.25-1.183-.889-2.652-1.416-4.25-1.416s-3.067.527-4.25 1.416c-.553.414-1.336.302-1.751-.25-.415-.552-.303-1.336.249-1.751Z",fill:"#141B34"}),n.createElement("path",{d:"M23.445 14.596c-.687.062-1.294-.445-1.356-1.132-.062-.687.445-1.295 1.132-1.357.082-.005.342-.02.482-.022.277-.004.662.002 1.097.047.823.085 2.031.323 2.97 1.07.652.518 1.146 1.15 1.489 1.67.466.706.405 1.54-.022 2.15-.402.576-1.074.896-1.775.896-1.304 0-2.573-1.214-2.098-2.722l.125-.394c-.285-.088-.607-.148-.942-.182-.316-.033-.6-.038-.804-.035-.101.002-.242.01-.294.013Z",fill:"#141B34"}),n.createElement("path",{d:"M11.779 14.596c-.687.062-1.294-.445-1.356-1.132-.062-.687.445-1.295 1.132-1.357.082-.005.342-.02.482-.022.277-.004.662.002 1.097.047.823.085 2.031.323 2.97 1.07.652.518 1.146 1.15 1.489 1.67.466.706.405 1.54-.022 2.15-.402.576-1.074.896-1.775.896-1.304 0-2.573-1.214-2.098-2.722l.124-.394c-.284-.088-.606-.148-.941-.182-.316-.033-.6-.038-.804-.035-.101.002-.243.01-.294.013Z",fill:"#141B34"})),Is=e=>n.createElement("svg",{width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z",fill:"#E0E0E0"}),n.createElement("path",{d:"M13.348 15H13.333M26.6663 15H26.6513",stroke:"black",strokeOpacity:.12,strokeWidth:3.33333,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M15 26.6667H25",stroke:"black",strokeOpacity:.12,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),Ms=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:40,height:40,viewBox:"0 0 40 40",fill:"none",...e},n.createElement("path",{d:"M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z",fill:"#FFD46E"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.25 15c0-1.151.933-2.083 2.083-2.083h.015c1.151 0 2.084.933 2.084 2.083 0 1.151-.933 2.083-2.084 2.083h-.015c-1.15 0-2.083-.933-2.083-2.083ZM24.568 15c0-1.151.933-2.083 2.084-2.083h.015c1.151 0 2.083.933 2.083 2.083 0 1.151-.932 2.083-2.083 2.083h-.015c-1.151 0-2.084-.933-2.084-2.083Z",fill:"#141B34"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.75 26.667c0-.691.56-1.25 1.25-1.25h10c.69 0 1.25.559 1.25 1.25 0 .691-.56 1.25-1.25 1.25h-10c-.69 0-1.25-.559-1.25-1.25Z",fill:"#141B34"})),$s=e=>n.createElement("svg",{width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z",fill:"#E0E0E0"}),n.createElement("path",{d:"M13.333 25C14.8532 27.024 17.2735 28.3333 19.9997 28.3333C22.7258 28.3333 25.1462 27.024 26.6663 25",stroke:"black",strokeOpacity:.12,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.348 15H13.333M26.6663 15H26.6513",stroke:"black",strokeOpacity:.12,strokeWidth:3.33333,strokeLinecap:"round",strokeLinejoin:"round"})),Os=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:40,height:40,viewBox:"0 0 40 40",fill:"none",...e},n.createElement("path",{d:"M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z",fill:"#FFD46E"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.583 24.001c.552-.414 1.335-.302 1.75.25 1.294 1.723 3.35 2.834 5.667 2.834s4.373-1.11 5.667-2.834c.415-.552 1.199-.664 1.751-.25.552.415.664 1.199.25 1.751C25.92 28.076 23.136 29.584 20 29.584s-5.92-1.508-7.666-3.832c-.415-.552-.303-1.336.249-1.751Z",fill:"#141B34"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.25 15c0-1.151.933-2.083 2.083-2.083h.015c1.151 0 2.084.933 2.084 2.083 0 1.151-.933 2.083-2.084 2.083h-.015c-1.15 0-2.083-.933-2.083-2.083ZM24.568 15c0-1.151.933-2.083 2.084-2.083h.015c1.151 0 2.083.933 2.083 2.083 0 1.151-.932 2.083-2.083 2.083h-.015c-1.151 0-2.084-.933-2.084-2.083Z",fill:"#141B34"})),Rs=e=>n.createElement("svg",{width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M19.9997 36.6663C29.2044 36.6663 36.6663 29.2044 36.6663 19.9997C36.6663 10.7949 29.2044 3.33301 19.9997 3.33301C10.7949 3.33301 3.33301 10.7949 3.33301 19.9997C3.33301 29.2044 10.7949 36.6663 19.9997 36.6663Z",fill:"#E0E0E0"}),n.createElement("path",{d:"M19.9997 30C23.16 30 25.8145 27.867 26.56 24.9832C26.9068 23.6413 26.4033 23.3333 25.0765 23.3333H14.9228C13.5959 23.3333 13.0925 23.6413 13.4393 24.9832C14.1848 27.867 16.8393 30 19.9997 30Z",stroke:"black",strokeOpacity:.12,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M11.667 15.8333C11.667 14.4526 12.7863 13.3333 14.167 13.3333C15.5477 13.3333 16.667 14.4526 16.667 15.8333M23.3337 15.8333C23.3337 14.4526 24.453 13.3333 25.8337 13.3333C27.2143 13.3333 28.3337 14.4526 28.3337 15.8333",stroke:"black",strokeOpacity:.12,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),Ls=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:40,height:40,viewBox:"0 0 40 40",fill:"none",...e},n.createElement("path",{d:"M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z",fill:"#FFD46E"}),n.createElement("g",{clipPath:"url(#clip0_159_173224)"},n.createElement("g",{clipPath:"url(#clip1_159_173224)"},n.createElement("path",{d:"M20 30.624c3.752 0 6.904-2.532 7.789-5.956.412-1.593-.185-1.959-1.76-1.959H13.973c-1.575 0-2.173.366-1.761 1.959.885 3.424 4.037 5.956 7.788 5.956Z",fill:"#141B34"})),n.createElement("mask",{id:"mask0_159_173224",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:12,y:22,width:16,height:9},n.createElement("path",{d:"M20 30.624c3.752 0 6.904-2.532 7.789-5.956.412-1.593-.185-1.959-1.76-1.959H13.973c-1.575 0-2.173.366-1.761 1.959.885 3.424 4.037 5.956 7.788 5.956Z",fill:"#141B34"})),n.createElement("g",{mask:"url(#mask0_159_173224)"},n.createElement("path",{d:"M20 32.998c3.278 0 5.936-1.594 5.936-3.561 0-1.968-2.658-3.562-5.936-3.562-3.278 0-5.936 1.594-5.936 3.562 0 1.967 2.658 3.561 5.936 3.561Z",fill:"#FF493B"}))),n.createElement("path",{d:"M11.667 15.833c0-1.381 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5M23.333 15.833c0-1.381 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5",stroke:"#141B34",strokeWidth:2.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("defs",null,n.createElement("clipPath",{id:"clip0_159_173224"},n.createElement("rect",{width:15.83,height:7.915,fill:"white",transform:"translate(12.085 22.709)"})),n.createElement("clipPath",{id:"clip1_159_173224"},n.createElement("rect",{width:15.83,height:7.915,fill:"white",transform:"translate(12.085 22.709)"})))),Ps=[{value:1,Icon:{Active:ks,Inactive:Ts},isActive:e=>e<=1,getTooltip:e=>e.CSAT5_RATING_SCORE_1},{value:2,Icon:{Active:As,Inactive:ws},isActive:e=>e===2,getTooltip:e=>e.CSAT5_RATING_SCORE_2},{value:3,Icon:{Active:Ms,Inactive:Is},isActive:e=>e===3,getTooltip:e=>e.CSAT5_RATING_SCORE_3},{value:4,Icon:{Active:Os,Inactive:$s},isActive:e=>e===4,getTooltip:e=>e.CSAT5_RATING_SCORE_4},{value:5,Icon:{Active:Ls,Inactive:Rs},isActive:e=>5<=e,getTooltip:e=>e.CSAT5_RATING_SCORE_5}],Ns=()=>Ps,fn=({label:e,children:t,position:r="top",disabled:o})=>{const[s,a]=d.useState(!1);return o?t:n.createElement("div",{style:{position:"relative"},onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1)},t,n.createElement(Fs,{$visible:s,$position:r},n.createElement(zs,{variant:"caption1"},e),n.createElement(Bs,{$position:r})))},Bs=({$position:e})=>n.createElement("svg",{style:{transform:e==="top"?"rotate(0)":"rotate(180deg)"},xmlns:"http://www.w3.org/2000/svg",width:"12",height:"6",viewBox:"0 0 12 6",fill:"none"},n.createElement("path",{d:"M6 6L0 0h12L6 6Z",fill:u.themedColor.oncontent_inverse1})),Ds={top:l.css`flex-direction:column;top:0;transform:translate(-50%,-100%);`,bottom:l.css`flex-direction:column-reverse;bottom:0;transform:translate(-50%,100%);`},Fs=l.div`display:${({$visible:e})=>e?"flex":"none"};align-items:center;position:absolute;left:50%;z-index:${me.TOOLTIP};${({$position:e})=>Ds[e]}`,zs=l(S)`padding:6px 8px;color:${u.themedColor.oncontent1};background:${u.themedColor.oncontent_inverse1};border-radius:4px;font-size:12px;white-space:nowrap;`,Us=({submitted:e,value:t,onChange:r})=>{const{stringSet:o}=w(),s=Ns(),a=typeof t=="number";return n.createElement(Vs,null,n.createElement(S,{variant:"caption2",color:u.themedColor.textMidEmphasis},o.CSAT_RATING_TITLE),n.createElement(Hs,null,s.map(i=>n.createElement(fn,{disabled:e,key:i.value,label:i.getTooltip(o)},n.createElement(Ws,{disabled:e,onClick:()=>r(i.value),$inactive:a&&!i.isActive(t)},a?i.isActive(t)?n.createElement(i.Icon.Active,null):n.createElement(i.Icon.Inactive,null):n.createElement(i.Icon.Active,null))))))},Vs=l.div`display:flex;flex-direction:column;gap:8px;`,Hs=l.div`display:flex;justify-content:space-between;width:100%;max-width:320px;`,Ws=l.button`background-color:transparent;border:none;border-radius:4px;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;&:enabled:hover{cursor:pointer;background-color:${u.color.background200};${B.dark`
-      background-color: ${u.color.background500};
-    `}
-  }
-
-  ${({$inactive:e,theme:t})=>e&&t.selected==="dark"&&js};
-`,js=l.css`[fill]{fill:white;fill-opacity:0.12;}[stroke]{stroke:white;stroke-opacity:0.12;}`,Gs=({submitted:e,value:t="",onChange:r})=>{const{stringSet:o}=w();return e&&!t?null:n.createElement(qs,{disabled:e,maxLength:255,value:t,onChange:s=>r(s.target.value),placeholder:o.CSAT_REASON_PLACEHOLDER})},qs=l.input`box-sizing:border-box;width:100%;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:400;font-style:normal;border:unset;&:focus{outline:none;}color:${u.themedColor.textHighEmphasis};&::placeholder{color:${u.themedColor.onbackground3};}background-color:${u.color.background50};${B.dark`
-    background-color: ${u.themedColor.textDisabled};
-  `}
-
-  &:disabled {
-    cursor: not-allowed;
-    color: ${u.themedColor.textLowEmphasis};
-    background-color: ${u.color.background200};
-    ${B.dark`
-      color: ${u.color.ondark04};
-      background-color: ${u.themedColor.textDisabled};
-    `}
-  }
-`,Ks=({submitted:e})=>{const{stringSet:t}=w();return e?n.createElement(S,{variant:"h2",color:u.themedColor.onbackground1},t.CSAT_TITLE_SUBMITTED):n.createElement(S,{variant:"h2",color:u.themedColor.onbackground1},t.CSAT_TITLE_UNSUBMITTED)};var ee=(e=>(e.AI_AGENT_CSAT_5="AI_AGENT_CSAT_5",e.AI_AGENT_CSAT_5_WITH_CRE="AI_AGENT_CSAT_5_WITH_CRE",e))(ee||{});const Zs=e=>d.useReducer((t,r)=>({...t,...r}),e),Lt=({type:e,renderSubmitButton:t,initialCsat:r,initialCsatReason:o,initialIsResolved:s})=>{const[a,i]=Zs({csatType:e,csat:r,csatReason:o,isResolved:s}),c=typeof r=="number"?"submitted":e===ee.AI_AGENT_CSAT_5&&typeof a.csat=="number"||e===ee.AI_AGENT_CSAT_5_WITH_CRE&&typeof a.csat=="number"&&typeof a.isResolved=="boolean"?"submittable":"unsubmittable",m={state:c,submitted:c==="submitted"};return n.createElement(n.Fragment,null,n.createElement(Ys,null,n.createElement(Ks,{...m}),e===ee.AI_AGENT_CSAT_5_WITH_CRE&&n.createElement(Cs,{...m,defaultValue:s,value:a.isResolved,onChange:g=>i({isResolved:g})}),n.createElement(Us,{...m,value:a.csat,onChange:g=>i({csat:g})}),a.csat&&n.createElement(Gs,{...m,value:a.csatReason,onChange:g=>i({csatReason:g})})),c!=="submitted"&&t({state:c,params:a}))},Ys=l.div`display:flex;flex-direction:column;gap:12px;`,Js=()=>{const{stringSet:e}=w();return n.createElement(S,{variant:"body2",color:u.themedColor.textMidEmphasis,style:{textAlign:"center"}},e.CSAT_SUBMISSION_EXPIRED)},Xs=e=>{if(e.messageType!=="admin.csat")throw new Error("Invalid message type");const t=Be.useForceUpdate(),{stringSet:r}=w(),{extendedMessagePayload:o,csat:s,csatReason:a,csatExpireAt:i,isResolvedWhenDeterminedByUser:c,onSubmitCSAT:m}=e,{visibility:g,type:h}=(o==null?void 0:o.csat)??{};if(!g||!h||!ee[h])return null;const p=h===ee.AI_AGENT_CSAT_5||h===ee.AI_AGENT_CSAT_5_WITH_CRE?Lt:()=>null,f=b=>{b.csat&&!Pt(i)?m({csatType:b.csatType,csat:b.csat,csatReason:b.csatReason,isResolved:b.isResolved}):t()};return n.createElement(Qs,null,!s&&Pt(i)?n.createElement(Js,null):n.createElement(p,{type:h,initialCsat:s,initialCsatReason:a,initialIsResolved:c,renderSubmitButton:({state:b,params:x})=>n.createElement(ea,{disabled:b!=="submittable",onClick:()=>f(x)},n.createElement(S,{variant:"button"},r.CSAT_SUBMIT_LABEL))}))},Qs=l.div`display:flex;flex-direction:column;background-color:${({theme:e})=>e.colors.csat.background};border-radius:16px;gap:16px;padding:24px;`,ea=l.button`all:unset;background-color:${({theme:e})=>e.colors.base.primary};color:${({theme:e})=>e.colors.base.primaryContrastContent};border-radius:6px;padding:10px 20px;display:flex;align-items:center;justify-content:center;cursor:pointer;&:hover{background-color:${u.color.primary.dark};}&:disabled{color:${u.color.ondark03};background-color:${u.themedColor.textDisabled};cursor:not-allowed;}`;function Pt(e){return!!e&&e<Date.now()}const Ge=rt({template:ta,components:{AdminMessage:xs,CSATMessage:Xs}});function ta(e){const{components:t}=Ge.useContext(),r=gn(()=>e.messageType==="admin"?n.createElement(t.AdminMessage,{...e}):e.messageType==="admin.csat"?n.createElement(t.CSATMessage,{...e}):null);return n.createElement(na,{$marginBottom:at(e.groupType)},r)}const na=l.div`padding-inline:${W}px;margin-bottom:${({$marginBottom:e})=>e}px;`,ra=jr``,oa=Jn(re,je,Ge);function bn({appearance:e,rootElement:t,logger:r,language:o,stringSet:s,children:a,messageTemplate:i}){var m,g;const c=d.useMemo(()=>{const h={},{carousel_padding_left:p,carousel_padding_right:f}=(i==null?void 0:i.__internalVariables)||{},b=p,x=f;return typeof b=="number"&&(h.carousel_padding_left=b),typeof x=="number"&&(h.carousel_padding_right=x),Object.keys(h).length>0?h:void 0},[(m=i==null?void 0:i.__internalVariables)==null?void 0:m.carousel_padding_left,(g=i==null?void 0:i.__internalVariables)==null?void 0:g.carousel_padding_right]);return n.createElement(l.StyleSheetManager,{target:t},n.createElement(wr,{rootElement:t,logger:r,appearance:e},n.createElement(Ur,{rootElement:t,internalVariables:c},n.createElement(Nr,{stringSet:s,logger:r,language:o},n.createElement(oa,null,a,n.createElement(ra,null))))))}const Nt={key_payment_plan_container:{color_variables:{},created_at:1232,updated_at:4563,key:"key_payment_plan_container",ui_template:{body:{items:[{carouselStyle:{maxChildWidth:265,spacing:10},items:"{@templates}",type:"carouselView",viewStyle:{padding:{top:0,bottom:0,left:50,right:16}}}]},version:2}},key_payment_plan:{color_variables:{},created_at:123,updated_at:456,key:"key_payment_plan",ui_template:{version:1,body:{items:[{viewStyle:{radius:16,backgroundColor:"#FFFFFF",borderWidth:"1",borderColor:"#E0E0E0"},width:{type:"fixed",value:"264"},height:{type:"fixed",value:"275"},type:"box",layout:"column",items:[{viewStyle:{padding:{left:16,right:16,top:16,bottom:16},backgroundImageUrl:"https://storage-66w.pages.dev/carousel-bg.png"},action:{type:"web",data:"{action_url}"},type:"box",layout:"column",items:[{type:"text",text:"{header_plan}",textStyle:{size:14,weight:"bold",color:"#FFFFFF"}},{type:"text",text:"{header_desc}",textStyle:{size:12,color:"#FFFFFF"}}]},{viewStyle:{padding:{left:16,right:16,top:16,bottom:16}},action:{type:"web",data:"{action_url}"},type:"box",layout:"column",items:[{type:"text",text:"{price}",textStyle:{size:20,weight:"bold"}},{viewStyle:{padding:{left:0,right:0,top:16,bottom:16}},type:"box",layout:"column",items:[{viewStyle:{backgroundColor:"#E0E0E0"},width:{type:"flex",value:0},height:{type:"fixed",value:"1"},type:"box",layout:"column"}]},{viewStyle:{margin:{bottom:8,top:0,left:0,right:0}},type:"text",text:"{description}",textStyle:{size:14,weight:"normal",color:"#7F7F7F"}}]}]}]}}},key_content_preview:{color_variables:{},created_at:1232,updated_at:4563,key:"key_content_preview",ui_template:{version:1,body:{items:[{viewStyle:{radius:16,borderWidth:1,borderColor:"#1F000000",backgroundColor:"#FFFFFF"},width:{type:"fixed",value:264},action:{type:"web",data:"{action_url}"},type:"box",layout:"column",items:[{action:{type:"web",data:"{action_url}"},width:{type:"flex",value:0},height:{type:"fixed",value:200},type:"image",imageUrl:"{image}",imageStyle:{contentMode:"aspectFill"}},{action:{type:"web",data:"{action_url}"},viewStyle:{padding:{left:16,right:16,top:16,bottom:16}},type:"box",layout:"column",items:[{viewStyle:{margin:{bottom:4,top:0,left:0,right:0}},height:{type:"fixed",value:16},type:"text",text:"{title}",maxTextLines:1,textStyle:{size:14,weight:"bold",color:"#000000"}},{height:{type:"fixed",value:16},type:"text",text:"{release_date}",maxTextLines:1,textStyle:{size:14,weight:"normal",color:"#80000000"}}]}]}]}}}},[En,R]=Z("Agent"),xn=({children:e})=>n.createElement(En.Consumer,null,t=>t?e(t):null);function sa({children:e,state:t,enableCloseConversationButton:r=!1,enableExpandButton:o=!0,enableAutoDisconnectInLauncher:s=!0,...a}){const i=or(),[c,m]=d.useState(!1),[g,h]=d.useState(!1),p={opened:(t==null?void 0:t.opened)??c,setOpened:(t==null?void 0:t.setOpened)??m,expanded:(t==null?void 0:t.expanded)??g,setExpanded:(t==null?void 0:t.setExpanded)??h};return n.createElement(En.Provider,{value:{...a,...i,state:p,enableCloseConversationButton:r,enableExpandButton:o,enableAutoDisconnectInLauncher:s}},e)}const Ie={},G={getItem:e=>{try{return localStorage.getItem(e)}catch{return Ie[e]??null}},setItem:(e,t)=>{try{localStorage.setItem(e,t)}catch{Ie[e]=t}},deleteItem:e=>{try{localStorage.removeItem(e)}catch{delete Ie[e]}},getKeys:e=>{try{const t=[];for(let r=0;r<localStorage.length;r++){const o=localStorage.key(r);o&&o.startsWith(e)&&t.push(o)}return t}catch{return Object.keys(Ie).filter(t=>t.startsWith(e))}}},pt=/iPad|iPhone|iPod/.test(navigator.userAgent),aa=/Android/.test(navigator.userAgent),Te=e=>pt||aa,ht=(e,t)=>`${gr.SESSION}/${e}/${t}`,Ye={get:ia,set:la,clear:ca};function ia(e){const t=ht(e.appId,e.aiAgentId),r=G.getItem(t);try{return r?JSON.parse(r):null}catch{return null}}function la(e){const t=ht(e.appId,e.aiAgentId),r=JSON.stringify(e.data);G.setItem(t,r)}function ca(e){const t=ht(e.appId,e.aiAgentId);G.deleteItem(t)}function da(){const{chatSDK:e,logger:t}=R(),{shouldSyncCachedTemplate:r,syncCachedTemplates:o,clearCachedTemplates:s}=en(),a=d.useCallback(async(c,m)=>{t.debug("authManager.authenticate: session:",c.userId),m&&e.setSessionHandler(new F.SessionHandler(m)),await e.connect(c.userId,c.authToken),t.debug("authManager.authenticate: user:",e.currentUser),r(e)&&await o(e)},[e,t,r,o]),i=d.useCallback(async()=>{t.debug("authManager.deauthenticate: disconnect"),await e.disconnect(),s()},[e,t,s]);return{authenticate:a,deauthenticate:i}}const ua=24*60*60*1e3,[ma,N]=Z("MessengerSession");function ga({userSessionInfo:e,children:t}){const{appId:r,aiAgentId:o,chatSDK:s,agentPreviewConfigs:a,state:i,logger:c,language:m,countryCode:g,context:h,handlers:p}=R(),{updateTheme:f}=Fe(),{authenticate:b,deauthenticate:x}=da(),[v,E]=d.useState(void 0),[_,y]=d.useState(void 0),[I,L]=d.useState(null),[T,P]=d.useState(null),[Y,C]=d.useState(null),A=(a==null?void 0:a.forceCreateChannel)??!1;function z(){if(e){c.debug("messengerSession.initialize: manual session info detected");const $=["userId","authToken","sessionHandler"].filter(O=>!(O in e));return $.length>0&&c.error(`messengerSession.initialize: missing required keys in userSessionInfo: ${$.join(", ")}`),e}const M=Ye.get({appId:r,aiAgentId:o});return M?M.expireAt-ua<=Date.now()?(c.debug("messengerSession.initialize: auto session expired, clear cache"),Ye.clear({appId:r,aiAgentId:o}),null):(c.debug("messengerSession.initialize: auto session info detected"),M):null}const ge=d.useCallback(async()=>{if(I){c.debug("messengerSession.refreshActiveChannel: try to refresh active channel"),E(void 0);const M=await s.aiAgent.requestMessengerSettings({aiAgentId:o,userId:I.userId,language:m,country:g,context:h,forceCreateChannel:A});return E({url:M.active_channel.channel_url,status:D.ConversationStatus.OPEN}),c.info("messengerSession.refreshActiveChannel: refreshed active channel",M.active_channel.channel_url),M.active_channel.channel_url}else throw c.error("messengerSession.refreshActiveChannel: userSession is not ready"),new Error("userSession is not ready")},[s,o,I==null?void 0:I.userId,m,g,h,A]);return Be.useGroupChannelHandler(s,{onChannelChanged:M=>{var $;M.isGroupChannel()&&M.url===(v==null?void 0:v.url)&&(c.info("messengerSession.channelChanged: channel.conversation",M.conversation),E({url:M.url,status:(($=M.conversation)==null?void 0:$.status)??D.ConversationStatus.OPEN}))},async onUserJoined(M,$){var j,pe;if(M.conversation&&M.conversation.type===D.ConversationType.PROACTIVE&&$.userId===((j=s.currentUser)==null?void 0:j.userId)){c.info("messengerSession.onUserJoined: proactive channel joined",M.url);const be=((pe=M.conversation)==null?void 0:pe.status)??D.ConversationStatus.OPEN;E({url:M.url,status:be}),i.setOpened(!0),pa({sound:document.hidden||!i.opened})}}}),d.useEffect(()=>{async function M(){c.debug("messengerSession.initialize: start");const $=z(),O=await s.aiAgent.requestMessengerSettings({aiAgentId:o,userId:$==null?void 0:$.userId,language:m,country:g,context:h,forceCreateChannel:A});c.debug("messengerSession.initialize: messenger settings response",O);let j=null;if(O.auto_created_user){const{user_id:U,session_token:J,expire_at:Ee}=O.auto_created_user;Ye.set({appId:r,aiAgentId:o,data:{userId:U,authToken:J,expireAt:Ee}}),j={userId:U,authToken:J}}else j={userId:($==null?void 0:$.userId)??"",authToken:($==null?void 0:$.authToken)??""};function pe(){const U=O.appearance.selected_theme;f(U,Ee=>{const se=O.appearance.themes[Ee??U];return{primary:se.primary_color,botMessageBackground:se.bot_message_bg_color,primaryContrast:se.primary_contrast_color,botMessageBackgroundContrast:se.bot_message_bg_contrast_color}}),y(void 0),L(j),P({userId:O.bot.bot_userid,profileUrl:O.bot.bot_profile_url,nickname:O.bot.bot_nickname,replyToFile:O.bot.reply_to_file,specialNotice:O.bot.special_notice,specialNoticeEnabled:O.bot.is_special_notice_enabled,showHandoffButton:O.bot.show_handoff_button??!0}),C({type:O.launcher.image_type||"default_icon",imageUrl:O.launcher.image_url}),O.launcher.auto_open&&!Te()&&setTimeout(()=>i.setOpened(!0),500)}function be(){E({url:O.active_channel.channel_url,status:D.ConversationStatus.OPEN})}try{pe(),await b(j,e==null?void 0:e.sessionHandler),be()}catch(U){U instanceof Error&&(c.error("messengerSession.initialize: failed to connect",U),y(U))}}M().catch($=>{c.error("messengerSession: failed to initialize",$)})},[s,o,e==null?void 0:e.userId,e==null?void 0:e.authToken]),d.useEffect(()=>{p!=null&&p.onRegisterDeauthenticateHandler&&(c.debug("messengerSession: registering deauthenticate handler"),p.onRegisterDeauthenticateHandler(x))},[p==null?void 0:p.onRegisterDeauthenticateHandler,x]),!I||!T||!Y?null:n.createElement(ma.Provider,{value:{userSession:I,activeChannel:v,refreshActiveChannel:ge,connectionError:_,aiAgentInfo:{...T,...a==null?void 0:a.bot},launcherInfo:{...Y,...a==null?void 0:a.launcher}}},t)}function pa({sound:e}){const t="🔔You have received a new message",r=document.title,o=setInterval(()=>{document.title=document.title===t?r:t},750);setTimeout(()=>clearInterval(o),5e3),e&&Promise.resolve().then(()=>require("./B93o4u0P.cjs")).then(s=>{new Audio(s.default).play()})}const Bt={file:"attach",snippet:"snippet",site:"website",sb_sprinklr:"sprinklr",sb_salesforce:"salesforce",sb_confluence:"confluence",sb_zendesk:"zendesk",sb_desk:"snippet"},vn=({actionbook:e,functionCalls:t,groundedness:r,agentMessageTemplates:o,onClickActionbook:s,onClickFunctionCall:a,onClickFunctionCallDetail:i,onClickGroundedness:c,onClickAgentMessageTemplate:m,bottomContent:g,renderCustomGroundednessIcon:h=f=>f.default,style:p={}})=>{const{iconColor:f="#000000",textColor:b="#000000",highlightColor:x=ce.DEFAULT_PRIMARY}=p;return n.createElement(Dt,null,e&&n.createElement(Dt,null,n.createElement(Ne,null,n.createElement($e,null,n.createElement(k,{size:16,type:"actionbook",color:f})),n.createElement(Me,{$clickable:!!s,$highlightColor:x,variant:"body2",color:b,onClick:()=>s==null?void 0:s(e)},e.name))),t==null?void 0:t.map(v=>n.createElement(Je,{key:v.key},n.createElement($e,null,n.createElement(k,{size:16,type:"function",color:f})),n.createElement(Ne,null,n.createElement(Me,{$clickable:!!s,$highlightColor:x,variant:"body2",color:b,onClick:()=>a==null?void 0:a(v)},v.name),n.createElement(fa,{role:"button",onClick:()=>i==null?void 0:i(v)},n.createElement(S,{variant:"body2",color:x},"View details"),n.createElement(k,{type:"chevron-right",size:16,color:x}))))),r==null?void 0:r.map(v=>n.createElement(Je,{key:v.id},n.createElement($e,null,h({default:n.createElement(k,{size:16,type:Bt[v.source_type]??Bt.snippet,color:f}),sourceType:v.source_type})),n.createElement(Me,{$clickable:!!c,$highlightColor:x,variant:"body2",color:b,onClick:()=>c==null?void 0:c(v)},v.preview_title))),o==null?void 0:o.map(v=>n.createElement(Je,{key:v.key},n.createElement($e,null,n.createElement(k,{size:16,type:"template",color:f})),n.createElement(Me,{$clickable:!!m,$highlightColor:x,variant:"body2",color:b,onClick:()=>m==null?void 0:m(v)},v.name))),g)},ha=l(S)`font-weight:400;`,Me=l(ha)`${({$clickable:e,$highlightColor:t})=>e&&l.css`
-      cursor: pointer;
-      text-decoration: underline;
-      &:hover {
-        color: ${t};
-      }
-    `}
-`,$e=l.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`,Ne=l.div`display:flex;gap:8px;align-items:center;`,fa=l(Ne)`cursor:pointer;gap:4px;`,Je=l(Ne)`flex-direction:row;align-items:center;`,Dt=l.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`,yn=d.createContext(null);function ba({isDashboardActionbookTester:e=!1,children:t}){return n.createElement(yn.Provider,{value:{isDashboardActionbookTester:e}},e&&n.createElement(Ea,null),t)}const qe=()=>{const e=d.useContext(yn);if(!e)throw new Error("_UNSAFE_INTERNAL_DashboardActionbookTesterProvider not found");return e},Ea=()=>n.createElement(re.Template,{template:xa},n.createElement(re.MessageLogs,{component:va})),xa=e=>n.createElement(pn,{...e,testerMode:!0,maxBodyWidth:an}),va=({extendedMessagePayload:e={}})=>{const{handlers:t}=R(),{manual:r,groundedness:o,function_calls:s,agent_message_templates:a,is_thinking:i}=e;return i||!r&&!o&&!s&&!a?n.createElement(n.Fragment,null):n.createElement(ya,null,n.createElement(Ca,{width:4}),n.createElement(vn,{actionbook:r,functionCalls:s,groundedness:o,agentMessageTemplates:a,onClickFunctionCallDetail:t==null?void 0:t.onFunctionCallDetailClick,style:{iconColor:u.themedColor.textHighEmphasis,textColor:u.themedColor.textHighEmphasis,barColor:u.themedColor.textDisabled},bottomContent:n.createElement(Sa,{variant:"caption2",color:u.themedColor.textLowEmphasis},"Only visible in the tester")}))},ya=l.div`display:flex;gap:16px;margin:16px ${W}px 0;align-self:stretch;`,Ca=l.div`width:${({width:e})=>e}px;background-color:${u.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`,Sa=l(S)`margin-top:5px;`;function ft({rootElement:e=document.body,logLevel:t=F.LogLevel.WARN,language:r=navigator.language,userSessionInfo:o,children:s,...a}){var i;return he.level!==t&&(he.level=t),Dr("https://fonts.googleapis.com/css2?family=Roboto&display=swap",e),n.createElement("div",{id:K.ENTRY,style:{width:"fit-content",height:"fit-content"}},n.createElement(lr,{logger:he,storage:Ta},n.createElement(bn,{logger:he,rootElement:e,appearance:(i=a.agentPreviewConfigs)==null?void 0:i.appearance,stringSet:a.stringSet,language:r,messageTemplate:a.messageTemplate},n.createElement(sr,{appId:a.appId,aiAgentId:a.aiAgentId,language:r,countryCode:a.countryCode,context:a.context,logger:he,chatParams:{customApiHost:a.customApiHost,customWebSocketHost:a.customWebSocketHost}},n.createElement(sa,{rootElement:e,...a},n.createElement(ga,{userSessionInfo:o},n.createElement(ba,{isDashboardActionbookTester:a._UNSAFE_INTERNAL_isActionbookTester},s,n.createElement("div",{id:K.MODAL_ROOT}))))))))}const he=new Qt(F.LogLevel.WARN),_a=new Xt(he),bt="@sba/message-template",Ft=e=>`${bt}/templates/${e}`,zt=()=>`${bt}/token`,Ta=ar({onSetTemplate:(e,t)=>{Nt[e]||G.setItem(Ft(e),t)},onGetTemplate:e=>{const t=Nt[e];return t?JSON.stringify(t):G.getItem(Ft(e))},onSetCachedToken(e){G.setItem(zt(),e)},onGetCachedToken(){return G.getItem(zt())},onClear:()=>{G.getKeys(bt).forEach(G.deleteItem)}}),Cn=({children:e,isOpened:t})=>{const{dir:r,rootElement:o}=R(),s=de(o,!0);return d.useEffect(()=>{const a="sb-agent-block-scroll";return t?s.body.classList.add(a):s.body.classList.remove(a),()=>{s.body.classList.remove(a)}},[s,t]),n.createElement(ka,{dir:r,$visible:t},e)},ka=l.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${me.WINDOW};visibility:${({$visible:e})=>e?"visible":"hidden"};`;function Sn({className:e,isOpened:t,onClick:r,type:o,imageUrl:s,dir:a,animated:i=!0,backgroundColor:c}){const m=Le(c);return n.createElement(Ia,{dir:a,id:K.LAUNCHER,className:e,"aria-label":"Sendbird AIAgent Launcher",onClick:r,$animated:i,$backgroundColor:c},n.createElement(Ma,{$isOpened:t,$animated:i,$fillColor:m},n.createElement(Ut.Open,{url:s,isDefaultIcon:o==="default_icon"})),n.createElement($a,{$isOpened:t,$animated:i,$fillColor:m},n.createElement(Ut.Close,null)))}const wa=l.css`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`,Aa=l.css`img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;&[data-default-icon='true']{width:32px;height:32px;filter:${({$fillColor:e})=>e===ce.WHITE?"grayscale(100%) brightness(2000%)":"grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`,_n=l.css`svg{width:32px;height:32px;${({$fillColor:e})=>l.css`
-        path {
-          fill: ${e};
-        }
-        [class*='fill'] {
-          fill: ${e};
-        }
-      `}
-  }
-`,Ia=l.button`position:relative;padding:0;width:48px;height:48px;background:${({$backgroundColor:e})=>e};border-radius:50%;transition:all 0.3s cubic-bezier(0.31,-0.105,0.43,1.4);border:none;display:flex;justify-content:center;align-items:center;box-shadow:0 16px 24px 2px rgba(33,33,33,0.12),0 6px 30px 5px rgba(33,33,33,0.08),0 6px 10px -5px rgba(33,33,33,0.04);${({$animated:e})=>e&&wa}`,Tn=l.span`position:absolute;width:100%;height:100%;border-radius:50%;overflow:hidden;transition:transform 0.16s linear,opacity 0.08s linear,scale 0.16s linear;user-select:none;display:flex;justify-content:center;align-items:center;`,Ma=l(Tn)`opacity:${({$isOpened:e})=>e?0:1};transform:${({$animated:e,$isOpened:t})=>e&&(t?"rotate(-90deg) scale(0)":"rotate(0deg)")};${Aa}${_n}`,$a=l(Tn)`scale:${({$isOpened:e})=>e?1:0};transform:${({$animated:e,$isOpened:t})=>e&&(t?"rotate(0deg)":"rotate(-90deg)")};${_n}`,Ut={Open:e=>e.url?n.createElement("img",{src:e.url,alt:"launcher-img","data-default-icon":e.isDefaultIcon}):n.createElement(ct,null),Close:()=>n.createElement(k,{size:32,type:"chevron-down"})};function kn({className:e}){const{colors:t}=l.useTheme(),{dir:r,state:o}=R(),{launcherInfo:s}=N();return Ra(),n.createElement(Sn,{dir:r,className:e,isOpened:o.opened,onClick:()=>o.setOpened(!o.opened),type:s.type,imageUrl:s.imageUrl,backgroundColor:t.base.primary})}const Oa=1e3*60;function Ra(){const{chatSDK:e,state:t,logger:r,enableAutoDisconnectInLauncher:o}=R(),s=d.useRef(null);d.useEffect(()=>{if(!o)return;function a(){s.current&&(clearTimeout(s.current),s.current=null)}function i(){e.connectionState===F.ConnectionState.CLOSED&&(e.reconnect(),r.debug("useSDKInactivityTimeout: reconnected")),a(),r.debug("useSDKInactivityTimeout: clear disconnect schedule")}function c(){a(),s.current=setTimeout(async()=>{await e.disconnectWebSocket(),r.debug("useSDKInactivityTimeout: disconnected")},Oa)}t.opened?i():(c(),r.debug("useSDKInactivityTimeout: schedule disconnect"))},[o,e,t.opened])}const La=({publishSynchronous:e=!1})=>{const t=new Set;return{publish:r=>{t.forEach(o=>{e?o(r):setTimeout(()=>o(r),0)})},subscribe:r=>(t.add(r),()=>t.delete(r))}};function Pa(e,t=[]){const r=d.useRef(null),o=d.useRef(0),s=d.useRef(0),[a]=d.useState(()=>La({publishSynchronous:!0})),[i,c]=d.useState(!0);return d.useLayoutEffect(()=>{o.current=0,s.current=0,c(!0),r.current&&(r.current.scrollTop=r.current.scrollHeight)},t),d.useLayoutEffect(()=>a.subscribe(({type:m,data:g})=>{const{resolve:h,animated:p}=g??{};if(!r.current)return h==null?void 0:h();if(m==="scrollToBottom"&&(r.current.scroll?r.current.scroll({top:r.current.scrollHeight,behavior:Vt(e,p)}):r.current.scrollTop=r.current.scrollHeight,s.current=0,c(!0),h==null||h()),m==="scroll"){const f=g==null?void 0:g.top,{scrollTop:b,scrollHeight:x,clientHeight:v}=r.current;r.current.scroll?r.current.scroll({top:f,behavior:Vt(e,p)}):typeof f=="number"&&(r.current.scrollTop=f),s.current=Math.max(0,x-b-v),c(s.current===0),h==null||h()}}),[e]),{scrollRef:r,scrollPubSub:a,isScrollBottomReached:i,setIsScrollBottomReached:c,scrollDistanceFromBottomRef:s,scrollPositionRef:o}}function Vt(e,t){return typeof t=="boolean"?t?"smooth":"auto":e}function Na(e){return new Promise(t=>{const r=new Image;r.onload=function(){const o=String(r.width),s=String(r.height);URL.revokeObjectURL(r.src),t({width:o,height:s})},r.src=URL.createObjectURL(e)})}async function Ba(e){if("file"in e&&e.file instanceof File&&e.file.type.startsWith("image/")){const{width:t,height:r}=await Na(e.file);return new Jt.MessageMetaArray({key:wn,value:[t,r]})}}const wn="KEY_IMG_ASPECT_RATIO",Da=({onScroll:e})=>{const{agentPreviewConfigs:t,handlers:r}=R(),o=d.useRef(t==null?void 0:t.agentAttributes);return o.current=t==null?void 0:t.agentAttributes,{onBeforeSendMessage:async s=>{var h,p;const a=await Ba(s),i={...s,metaArrays:a?[a]:void 0},c=((h=o.current)==null?void 0:h.ai)??{},m=((p=o.current)==null?void 0:p.safeguard)??{};return Object.keys(c).length>0||Object.keys(m).length>0?{...i,data:JSON.stringify({ai_attrs:c,safeguard_attrs:m})}:i},onAfterSendMessage:s=>{var a;e(),(a=r==null?void 0:r.onMessageSend)==null||a.call(r,s.message)}}},[Fa,H]=Z("Conversation");function za({children:e,closedChannelUrl:t,onClearClosedChannelUrl:r,onNavigateToConversationList:o}){const{logger:s,chatSDK:a,dispatcher:i}=R(),{activeChannel:c,refreshActiveChannel:m}=N(),g=t||(c==null?void 0:c.url),h=async()=>{await m(),t&&(r==null||r())},p=Pa("smooth"),f=()=>{setTimeout(()=>p.scrollPubSub.publish({type:"scrollToBottom"}),25)},{onBeforeSendMessage:b,onAfterSendMessage:x}=Da({onScroll:f}),[v,E]=d.useState(),[_,y]=d.useState(),I=cr(a,v,{shouldCountNewMessages:()=>!1,onChannelDeleted:()=>h(),onMessagesReceived:f,onMessagesUpdated:f,logger:s});async function L(){if(s.debug("conversation.fetchChannel: start"),E(void 0),y(void 0),g)try{s.debug("conversation.fetchChannel: get channel",g);const T=await a.groupChannel.getChannel(g);E(T);const P=new F.ConnectionHandler({onReconnectSucceeded:()=>T.refresh()});a.addConnectionHandler("sba-refresh",P),s.debug("conversation.fetchChannel: fetched channel",T)}catch(T){T instanceof F.SendbirdError&&y(T),s.error("conversation.fetchChannel: error",T)}}return d.useEffect(()=>{L()},[g]),d.useEffect(()=>{const T=async()=>{s.debug("conversation.dispatcher: try to close conversation",v),v!=null&&v.conversation&&ut(v)&&(await v.closeConversation(),await m())};return i.subscribe(Qe.ConversationClose,T),()=>{i.unsubscribe(Qe.ConversationClose,T)}},[i,v,m]),n.createElement(Fa.Provider,{value:{channel:v,channelFetchError:_,fetchChannel:L,dataSource:I,scrollSource:p,goToActiveConversation:h,onBeforeSendMessage:b,onAfterSendMessage:x,onNavigateToConversationList:o}},e)}const Et=d.createContext({onDrop:Pe,subscribe:()=>Pe}),et=({children:e})=>{const t=d.useRef(new Set);return n.createElement(Et.Provider,{value:{onDrop:r=>{var o;if(r.preventDefault(),(o=r.dataTransfer)!=null&&o.files){const s=Array.from(r.dataTransfer.files);s.length>0&&t.current.forEach(a=>a(s))}},subscribe:r=>(t.current.add(r),()=>t.current.delete(r))}},e)},Ua=({onDropFiles:e})=>{const{subscribe:t}=d.useContext(Et);d.useEffect(()=>t(e),[e])};et.Consumer=({children:e})=>{const{onDrop:t}=d.useContext(Et);return e({onDrop:t,onDragOver:s=>s.preventDefault()})};const Va=({iconSize:e=64,icon:t,className:r,label:o,children:s})=>n.createElement(Wa,{className:r},n.createElement(k,{type:t,size:e,color:u.themedColor.onbackground3}),n.createElement(S,{variant:"body1",color:u.themedColor.onbackground2},o),s),Ha=l.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`,Wa=l.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`,ja={loading:d.lazy(()=>Promise.resolve().then(()=>require("./CyJk4evk.cjs"))),error:d.lazy(()=>Promise.resolve().then(()=>require("./CIgdwS62.cjs"))),noChannels:d.lazy(()=>Promise.resolve().then(()=>require("./CxYRI5sv.cjs"))),noMessages:d.lazy(()=>Promise.resolve().then(()=>require("./Co3cu15V.cjs")))},fe=({className:e,type:t="loading",...r})=>{const o=ja[t];return n.createElement(Ha,{className:e},n.createElement(d.Suspense,{fallback:null},n.createElement(o,{...r})))},xt={isStreaming(e){const t=Mt(e.data);return typeof t=="object"?!!t.stream:!1},isWelcomeMessage(e,t){var r;if(((r=e.extendedMessagePayload)==null?void 0:r.bot_message_type)==="welcome")return!0;if((e.isUserMessage()||e.isFileMessage())&&e.sender.userId===t){const o=Mt(e.data);return!(o!=null&&o.respond_mesg_id)&&!(o!=null&&o.stream)}return!1}};function Ga(e){return"sendingStatus"in e?e.sendingStatus==="succeeded"?String(e.messageId):e.reqId:String(e.messageId)}const qa=(e,t,r,o=!0)=>{if(!o||!e.isUserMessage()&&!e.isFileMessage())return"single";const s=()=>{if(!t||!t.isUserMessage()&&!t.isFileMessage())return!1;const m=t.sender.userId===e.sender.userId,g=le.isSameMinute(t.createdAt,e.createdAt);return m&&g},a=()=>{if(!r||!r.isUserMessage()&&!r.isFileMessage())return!1;const m=r.sender.userId===e.sender.userId,g=le.isSameMinute(r.createdAt,e.createdAt);return m&&g},i=s(),c=a();return i&&c?"middle":i?"bottom":c?"top":"single"};function Ka(e,t){return e.filter(r=>xt.isWelcomeMessage(r,t))}function An(e,t){return Za(e)===t}function Za(e){var t;if(e)return e.isUserMessage()||e.isFileMessage()||e.isMultipleFilesMessage()?e.sender.userId:((t=e==null?void 0:e.sender)==null?void 0:t.userId)??void 0}function Ya(e){return e.isAdminMessage()?e.message==="The channel's custom_type was updated.":!1}const Ht=e=>!!e&&"sender"in e,In=e=>e.startsWith("image/"),Mn=e=>e.startsWith("video/"),Wt=e=>In(e)||Mn(e),Oe={isAdmin:e=>e.isAdminMessage(),isCSAT:e=>{var t;return e.isAdminMessage()&&!!((t=e.extendedMessagePayload)!=null&&t.csat)},isIncoming:(e,t)=>Ht(e)&&e.sender.userId!==t,isOutgoing:(e,t)=>Ht(e)&&(e.sender.userId===t||e.sendingStatus===Jt.SendingStatus.PENDING)},$n=({rootElementId:e,visible:t,onClose:r,children:o})=>{if(!t)return null;const{rootElement:s}=R(),a=de(s),i=de(s,!0);return Kn.createPortal(n.createElement(Ja,{onClick:r},n.createElement(Xa,{onClick:c=>c.stopPropagation()},o)),a.getElementById(e)??a.getElementById(K.MODAL_ROOT)??i.body)},Ja=l.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${u.color.overlay01};display:flex;justify-content:center;align-items:center;z-index:${me.MODAL};`,Xa=l.div`border-radius:4px;overflow:hidden;box-shadow:0 16px 24px 2px rgba(13,13,13,0.12),0 6px 30px 5px rgba(13,13,13,0.08),0 6px 10px -5px rgba(13,13,13,0.04);z-index:${me.MODAL};`,Qa=l.div`flex-shrink:0;width:${({$size:e})=>ue(e)};height:${({$size:e})=>ue(e)};background-color:${({theme:e})=>e.colors.base.primary};box-sizing:border-box;padding:6px;border-radius:50%;display:flex;justify-content:center;align-items:center;}`,ei=l(ct)`path{fill:${({theme:e})=>Le(e.colors.base.primary)};}`;function On({size:e}){const{aiAgentInfo:t}=N();return t.profileUrl?n.createElement(dt,{size:e,src:t.profileUrl}):n.createElement(Qa,{$size:e},n.createElement(ei,null))}const ti=l.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none;`,ni=l.div`height:64px;min-height:64px;box-sizing:border-box;display:flex;justify-content:space-between;border-bottom:1px solid ${u.themedColor.onbackground4};background-color:${u.themedColor.background1};@media screen and (max-width:768px){position:relative;}`,ri=l.div`box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:64px;padding:16px 20px;width:calc(100% - 128px);`,oi=l.div`margin-inline-end:8px;`,si=l.div`max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;@media screen and (max-width:768px){position:absolute;inset-inline-start:64px;top:10px;display:block;max-width:calc(100vw - 240px);}`,ai=l.div`display:inline-block;margin-inline-start:8px;padding-top:5px;@media screen and (max-width:768px){position:absolute;inset-inline-start:56px;top:24px;}`,ii=l.div`display:flex;width:160px;justify-content:flex-end;`,li=l.div`inset-inline-end:0;display:flex;flex-direction:row;`,tt=l.div`width:64px;padding:21px;box-sizing:border-box;cursor:${e=>e.disabled?"not-allowed":"pointer"};`,ci=l(tt)`border-inline-start:1px solid ${u.themedColor.onbackground4};`,di=l.div`width:100%;height:100%;display:flex;align-items:center;justify-content:center;`,ui=l.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`,mi=l.img`max-width:90%;max-height:90%;user-select:none;-webkit-user-drag:none;`,gi=l.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`,pi=({message:e,onClose:t,onDownloadClick:r})=>{const{sender:o,type:s,url:a,name:i="",threadInfo:c}=e,{profileUrl:m,nickname:g,userId:h}=o,{userSession:p,aiAgentInfo:f}=N();return n.createElement(fi,{profileUrl:m,nickname:g,type:s,url:a,name:i,onClose:t,isBotMessage:h===f.userId,isByMe:p.userId===h,disableDelete:c!=null&&c.replyCount?c.replyCount>0:!1,onDownloadClick:r})},hi=({profileUrl:e,isBotMessage:t})=>!e&&t?n.createElement(On,{size:32}):n.createElement(dt,{size:32,src:e}),fi=({profileUrl:e,isBotMessage:t,nickname:r,name:o,type:s,url:a,isByMe:i,onClose:c,onDelete:m,disableDelete:g,onDownloadClick:h})=>{const{stringSet:p}=w();return n.createElement($n,{onClose:c,visible:!0,rootElementId:K.MODAL_ROOT},n.createElement(ti,null,n.createElement(ni,null,n.createElement(ri,null,n.createElement(oi,null,n.createElement(hi,{profileUrl:e,isBotMessage:t})),n.createElement(si,null,n.createElement(S,{variant:"h2",color:u.themedColor.onbackground1},o)),n.createElement(ai,null,n.createElement(S,{variant:"body1",color:u.color.ondark02},r))),n.createElement(ii,null,Wt(s)&&n.createElement(li,null,n.createElement(tt,{as:"a",href:a,target:"_blank",rel:De,onClick:h},n.createElement(k,{type:"download",color:u.themedColor.onbackground1,size:24})),m&&i&&n.createElement(tt,{disabled:g,onClick:()=>{g||m()}},n.createElement(k,{type:"delete",color:g?"gray":u.themedColor.onbackground1,size:24}))),n.createElement(ci,{onClick:c},n.createElement(k,{type:"close",color:u.themedColor.onbackground1,size:24})))),n.createElement(di,{onClick:f=>f.currentTarget===f.target&&c()},Mn(s)&&n.createElement(ui,{controls:!0},n.createElement("source",{src:a,type:s})),In(s)&&n.createElement(mi,{src:a,alt:o}),!Wt(s)&&n.createElement(gi,null,n.createElement(S,{variant:"h1",color:u.themedColor.onbackground1},p.FILE_VIEWER__UNSUPPORT)))))},Rn=({className:e,locale:t,date:r=Date.now(),formatString:o="MMMM dd, yyyy",style:s})=>n.createElement(bi,{style:s,className:e},n.createElement(S,{variant:"caption4",color:u.themedColor.textMidEmphasis},le.format(r,o,{locale:t}))),bi=l.div`display:flex;justify-content:center;align-items:center;`,Ei=d.forwardRef(function(t,r){const{messages:o,renderMessage:s,messageTopArea:a,messageBottomArea:i,overlayArea:c,onLoadPrev:m,onLoadNext:g,loadThreshold:h=.05,onScrollPosition:p=Pe,depsForResetScrollPositionToBottom:f,scrollPositionRef:b,scrollDistanceFromBottomRef:x,stackDirection:v="top"}=t,E=r&&"current"in r?r:{current:null},_=d.useRef(!1),y=d.useRef(void 0),I=d.useRef(0),L=d.useRef(0),T=d.useRef(0),P=b??L,Y=x??T;d.useLayoutEffect(()=>{E.current&&(E.current.scrollTop=E.current.scrollHeight)},f),d.useLayoutEffect(()=>{E.current&&(y.current==="top"&&(E.current.scrollTop=E.current.scrollHeight-P.current),y.current==="bottom"&&(E.current.scrollTop=I.current),y.current=void 0)},[E.current,o.length]);const C=async()=>{if(!E.current)return;const A=E.current;if(p(xi(A)),P.current=A.scrollHeight-A.scrollTop,Y.current=P.current-A.clientHeight,I.current=A.scrollTop,_.current)return;const z=A.clientHeight*Math.min(Math.max(0,h),1);A.scrollTop<=z?(_.current=!0,y.current="top",await m(),_.current=!1):A.scrollHeight-A.scrollTop-A.clientHeight<=z?(_.current=!0,y.current="bottom",await g(),_.current=!1):y.current=void 0};return n.createElement(vi,{id:"infinite-list-container"},n.createElement(yi,{id:"infinite-list-inner",ref:E,onScroll:C},v==="bottom"&&n.createElement("div",{style:{flexGrow:1}}),a,o.map((A,z)=>s({message:A,index:z})),i),n.createElement(Ci,{id:"infinite-list-overlay-container"},n.createElement(Si,{id:"infinite-list-overlay"},c)))});function xi(e){return e.scrollTop<=10?"top":e.scrollHeight-(e.scrollTop+e.clientHeight)<=10?"bottom":"middle"}const vi=l.div`display:flex;position:relative;flex:1;overflow:hidden;`,yi=l.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;scrollbar-color:${u.themedColor.onbackground3}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`,Ci=l.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`,Si=l.div`pointer-events:auto;`,_i=({className:e,onClick:t})=>n.createElement(Ti,{className:e,onClick:t,tabIndex:0},n.createElement(k,{size:24,type:"chevron-down",color:u.color.primary.main})),Ti=l.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:24px;box-shadow:${u.color.shadow05};${B.light`
-    background-color: ${u.color.background50};
-    &:hover {
-      background-color: ${u.color.background100};
-    }
-    &:active {
-      background-color: ${u.color.background200};
-    }
-  `}
-  ${B.dark`
-    background-color: ${u.color.background400};
-    &:hover {
-      background-color: ${u.color.background500};
-    }
-    &:active {
-      background-color: ${u.color.background700};
-    }
-  `}
-
-  &:focus {
-    outline: none;
-  }
-`,ki=()=>{const{agentPreviewConfigs:e={},aiAgentId:t}=R(),{aiAgentInfo:r}=N(),{stringSet:o,dateLocale:s}=w(),{dataSource:a,onAfterSendMessage:i,onBeforeSendMessage:c}=H(),{Template:m}=re.useContext(),g=e.welcomeMessages??[],{messages:h}=a,p=Ka(h,t),f=h[p.length+1],b=p[0]??f;return{filteredMessages:h.filter(x=>Ya(x)?!1:g.length>0?!xt.isWelcomeMessage(x,t):!0),shouldShowOriginalDate:x=>x>0||g.length===0?!0:f&&!le.isSameDay(f.createdAt,(b==null?void 0:b.createdAt)??0),renderAgentPreviewWelcomeMessages:()=>g.length===0?null:n.createElement(n.Fragment,null,n.createElement(Rn,{style:{margin:"16px 0"},date:b==null?void 0:b.createdAt,locale:s,formatString:o.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR}),g.map((x,v)=>{const E=v===g.length-1,_=p.length!==h.length,y=g.length===1?"single":v===0?"top":E||_?"bottom":"middle";return n.createElement(m,{messageType:"user",message:x.message,sender:r,groupType:y,createdAt:(b==null?void 0:b.createdAt)??Date.now(),extendedMessagePayload:{suggested_replies:x.suggestedReplies},suggestedRepliesDirection:e.suggestedRepliesDirection,suggestedRepliesVisible:E&&!_,isBotMessage:!0,onClickSuggestedReply:async({reply:I})=>{const L=await c({message:I});a.sendUserMessage(L,i).then(i)}})}))}},Ln=()=>{const{chatSDK:e}=R(),{channel:t}=H(),[r,o]=d.useState([]);return Be.useGroupChannelHandler(e,{onTypingStatusUpdated(s){if(s.url===(t==null?void 0:t.url)){const a=s.getTypingUsers();o(a)}}}),r};function wi(){const{isDashboardActionbookTester:e}=qe(),{aiAgentInfo:t}=N(),{scrollSource:r}=H(),o=Ln(),{components:s}=re.useContext(),[a]=o,i=!!a,c=e?0:Ce,m=(a==null?void 0:a.userId)===t.userId;return d.useEffect(()=>{i&&setTimeout(()=>r.scrollPubSub.publish({type:"scrollToBottom",data:{animated:!0}}),25)},[i]),i?n.createElement(Ai,null,n.createElement(Ii,null,!e&&n.createElement(s.SenderAvatar,{isBotMessage:m,sender:m?t:a}),n.createElement(s.SenderName,{sender:a})),n.createElement(Mi,{$startPadding:c},n.createElement(mn,null))):null}const Ai=l.div`display:flex;flex-direction:column;padding:0 ${W}px;`,Ii=l.div`display:flex;align-items:center;gap:8px;`,Mi=l.div`display:flex;padding-inline-start:${({$startPadding:e})=>`${e}px`};
-`,$i=e=>l(e).withConfig({shouldForwardProp:Zn});function Oi(e){var o;const t="remove_powered_by",r=(o=e==null?void 0:e.appInfo)==null?void 0:o.applicationAttributes;return Array.isArray(r)&&r.includes(t)}const Ri=({style:e})=>{const{stringSet:t}=w(),{chatSDK:r}=R(),{isDashboardActionbookTester:o}=qe();return Oi(r)||o?null:n.createElement(Li,{variant:"caption2",style:e},t.POWERED_BY+" ",n.createElement(Pi,{variant:"caption2",as:"a",href:"https://sendbird.com?utm_medium=product&utm_source=aiagent&utm_campaign=fy26-glbl-ai-agent-poweredby","aria-label":"Learn more about Sendbird",rel:De,target:"_blank"},"Sendbird"))},Li=l(S)`color:${u.themedColor.onbackground3};text-align:center;`,Pi=$i(S)`
-  color: ${u.themedColor.onbackground3};
-  cursor: pointer;
-  text-decoration: none;
-`,Ni=()=>{const{stringSet:e}=w(),{activeChannel:t}=N(),{channel:r,goToActiveConversation:o,scrollSource:s}=H(),a=dn(r),c=t&&(r==null?void 0:r.url)===(t==null?void 0:t.url)&&a;return d.useLayoutEffect(()=>{c&&s.scrollPubSub.publish({type:"scrollToBottom",data:{animated:!0}})},[c]),c?n.createElement(Bi,null,n.createElement(Di,{variant:"button",role:"button",color:u.themedColor.textHighEmphasis,onClick:()=>o()},e.START_NEW_CONVERSATION)):null},Bi=l.div`display:flex;justify-content:center;margin:16px 0;`,Di=l(S)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${u.themedColor.onbackground4};cursor:pointer;user-select:none;`,Fi=!0,zi=()=>{const[e,t]=d.useState(null),{userSession:r,aiAgentInfo:o}=N(),{agentPreviewConfigs:s,chatSDK:a,state:i}=R(),{stringSet:c,dateLocale:m}=w(),{channel:g,dataSource:h,scrollSource:p,onAfterSendMessage:f,onBeforeSendMessage:b}=H(),{isDashboardActionbookTester:x}=qe(),{filteredMessages:v,shouldShowOriginalDate:E,renderAgentPreviewWelcomeMessages:_}=ki(),{storage:y}=en(),{Template:I}=je.useContext(),{Template:L}=re.useContext(),{Template:T}=Ge.useContext(),P=(C,A=!1)=>A?o:(g==null?void 0:g.members.find(z=>z.userId===C.sender.userId))??C.sender,Y=()=>{if(!h.initialized)return n.createElement(fe,{type:"loading"});if(h.messages.length===0){const C=_();return C?n.createElement("div",{style:{width:"100%"}},C):n.createElement(fe,{type:"noMessages",label:c.PLACE_HOLDER__NO_MESSAGES})}return n.createElement(Ei,{ref:p.scrollRef,scrollPositionRef:p.scrollPositionRef,scrollDistanceFromBottomRef:p.scrollDistanceFromBottomRef,onScrollPosition:C=>p.setIsScrollBottomReached(C==="bottom"),stackDirection:s==null?void 0:s.messageStackDirection,messages:v,onLoadPrev:h.loadPrevious,onLoadNext:h.loadNext,depsForResetScrollPositionToBottom:[h.initialized,h.messages.length!==0],messageTopArea:n.createElement(n.Fragment,null,n.createElement(Ri,{style:{marginTop:16}}),_()),messageBottomArea:n.createElement(n.Fragment,null,n.createElement(wi,null),n.createElement(Ni,null)),overlayArea:n.createElement(n.Fragment,null,!p.isScrollBottomReached&&n.createElement(Vi,{onClick:()=>p.scrollPubSub.publish({type:"scrollToBottom"})})),renderMessage:({message:C,index:A})=>{const z=Ga(C),ge=v[A-1],M=v[A+1],$=v[v.length-1],O=C===$,j=qa(C,ge,M,Fi),pe=!qn.isSameDay((ge==null?void 0:ge.createdAt)??0,C.createdAt)&&E(A)&&!x,be=()=>{C.isFileMessage()&&t(C)},U=pe?n.createElement(Rn,{style:{margin:"16px 0"},date:C.createdAt,locale:m,formatString:c.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR}):null,J={maxBodyWidth:i.expanded?an:void 0,extendedMessagePayload:C.extendedMessagePayload,createdAt:C.createdAt,groupType:j,onClickMedia:be},Ee=(()=>{var se,yt;if(Oe.isAdmin(C))return Oe.isCSAT(C)?g!=null&&g.conversation?n.createElement(T,{...J,...g.conversation,isResolvedWhenDeterminedByUser:Hi(g.conversation),messageType:"admin.csat",onSubmitCSAT:({csat:X,csatType:ae,csatReason:V,isResolved:Q})=>{X&&g.submitCSAT({csat:X,csatType:ae,csatReason:V,isResolved:Q})}}):null:n.createElement(T,{...J,messageType:"admin",message:C.message});if(Oe.isOutgoing(C,r.userId)){const X={...J,message:C.message,sender:P(C),sendingStatus:C.sendingStatus};if(C.isUserMessage())return n.createElement(I,{messageType:"user",...X});if(C.isFileMessage()){const[ae,V]=((se=C.metaArrays.find(Q=>Q.key===wn))==null?void 0:se.value)??[];return n.createElement(I,{messageType:"file",file:C,metadata:{aspectRatio:ae&&V?`${ae}/${V}`:"1/1",localFile:(yt=C.messageParams)==null?void 0:yt.file},...X})}}if(Oe.isIncoming(C,r.userId)){const X=C.sender.userId===o.userId,ae={...J,sender:P(C,X),message:C.message,suggestedRepliesVisible:O,suggestedRepliesDirection:s==null?void 0:s.suggestedRepliesDirection,isBotMessage:X,onClickSuggestedReply:async({reply:V})=>{const Q=await b({message:V});h.sendUserMessage(Q,f).then(f)},onRequestMessageTemplate:async V=>{const{template:Q}=await a.aiAgent.getMessageTemplate(V);return y.setTemplate(V,Q),Q},onGetCachedMessageTemplate:V=>y.getTemplate(V)};if(C.isUserMessage())return n.createElement(L,{messageType:"user",...ae});if(C.isFileMessage())return n.createElement(L,{messageType:"file",file:C,...ae})}})();return n.createElement("div",{key:z,id:`${q}-message-item`},U,Ee)}})};return n.createElement(Ui,{id:`${q}-message-list`},Y(),e&&n.createElement(pi,{onClose:()=>t(null),message:e}))},Ui=l.div`overflow-y:hidden;display:flex;flex:1;position:relative;`,Vi=l(_i)`position:absolute;bottom:20px;inset-inline-end:20px;`;function Hi(e){var t;if(((t=e==null?void 0:e.resolution)==null?void 0:t.determinedBy)==="user")return e.resolution.isResolved}const Wi=()=>{const{stringSet:e}=w(),{connectionError:t}=N(),{channel:r,channelFetchError:o,fetchChannel:s}=H(),a=t||o;if(a){const i=t?void 0:{label:e.RETRY,onClick:()=>s()};return n.createElement(fe,{type:"error",label:a.message,action:i})}return r?n.createElement(zi,null):n.createElement(fe,{type:"loading"})},Pn=()=>{const{stringSet:e}=w(),{activeChannel:t}=N(),[r]=d.useState(()=>(t==null?void 0:t.status)===D.ConversationStatus.OPEN);return r?e.RETURN_TO_CONVERSATION:e.START_NEW_CONVERSATION},ji=()=>{const{stringSet:e}=w(),{goToActiveConversation:t}=H(),r=Pn();return n.createElement(Gi,null,n.createElement(S,{variant:"body1",color:u.themedColor.textMidEmphasis},e.CONVERSATION_CLOSED_FOOTER_LABEL),n.createElement(qi,{onClick:t},n.createElement(S,{variant:"button",color:u.themedColor.textHighEmphasis},r)))},Gi=l.div`display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;gap:14px;${B.light`
-    background-color: ${u.color.background100};
-  `}
-  ${B.dark`
-    background-color: ${u.color.background500};
-  `}
-`,qi=l.button`all:unset;padding:10px 20px;border-radius:6px;border:1px solid ${u.themedColor.textDisabled};cursor:pointer;${B.light`
-    background-color: ${u.color.background50};
-  `}
-  ${B.dark`
-    background-color: ${u.color.background700};
-  `}
-`,Nn=d.createContext(void 0),Ki=({children:e})=>{const{stringSet:t}=w(),{aiAgentInfo:r}=N(),[o,s]=d.useState([]),[a,i]=d.useState({visible:!1,title:"",buttonText:t.BUTTON__OK}),c=r==null?void 0:r.replyToFile,m=p=>{if(!c)return;const f=p.filter(b=>rn.includes(b.type));if(f.length!==0){if(f.some(b=>b.size>hr)){i(b=>({...b,visible:!0,title:t.FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT.replace("%d","25")}));return}if(f.length>1||f.length>0&&o.length>0){i(b=>({...b,visible:!0,title:t.FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT}));return}s(b=>[...b,...f.map(x=>({file:x,preview:{url:URL.createObjectURL(x),type:x.type,name:x.name}}))])}},g=p=>{s(f=>{var x;const b=(x=f[p])==null?void 0:x.preview;return b&&URL.revokeObjectURL(b.url),f.filter((v,E)=>E!==p)})},h=()=>{s(p=>(p.forEach(f=>URL.revokeObjectURL(f.preview.url)),[]))};return n.createElement(Nn.Provider,{value:{files:o,addFiles:m,removeFile:g,clearFiles:h,isFileUploadEnabled:c}},e,n.createElement(Zi,{...a,onClose:()=>i(p=>({...p,visible:!1,title:""}))}))},vt=()=>{const e=d.useContext(Nn);if(!e)throw new Error("useFileUpload must be used within FileUploadProvider");return e},Zi=({title:e,buttonText:t,visible:r,onClose:o})=>n.createElement($n,{rootElementId:K.WINDOW,visible:r,onClose:o},n.createElement(Yi,null,n.createElement(Xi,null,n.createElement(S,{variant:"h1",color:u.themedColor.onbackground1},e)),n.createElement(Ji,null,n.createElement(Qi,{onClick:o},n.createElement(S,{variant:"button",color:u.themedColor.oncontent1},t))))),Yi=l.div`width:100%;height:auto;padding-block:18px 24px;padding-inline:24px;margin:0 auto;border-radius:4px;box-sizing:border-box;background-color:${({theme:e})=>e.colors.base.modalContentBackground};`,Ji=l.div`display:flex;flex-direction:row;justify-content:flex-end;`,Xi=l.div`margin-bottom:16px;`,Qi=l.button`display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:${u.themedColor.error};border:1px solid ${u.themedColor.error};padding:10px 16px;&:hover{background-color:${u.color.error.dark};border-color:${u.color.error.dark};}&:active{background-color:${u.color.error.extraDark};}`;function el({blurred:e,elementRef:t,document:r=window.document}){const o=d.useRef(!1);e&&t.current&&r.activeElement===t.current&&(o.current=!0),d.useLayoutEffect(()=>{var s;!e&&o.current&&((s=t.current)==null||s.focus(),o.current=!1)},[e])}const tl=l.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex;flex-direction:row;gap:10px;padding:8px 16px;background-color:transparent;`,nl=l.div`display:flex;flex-shrink:0;position:relative;margin-block-start:8px;border-radius:12px;height:64px;img{border-radius:12px;object-fit:cover;width:64px;-webkit-user-drag:none;}`,rl=l.div`display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-end:-8px;inset-block-start:-8px;cursor:pointer;border-radius:50%;${B.light`
-    background-color: ${u.color.background50};
-  `}
-  ${B.dark`
-    background-color: ${u.color.background500};
-  `}
-  path {
-    fill: ${u.themedColor.onbackground2};
-  }
-
-  &:hover {
-    path {
-      fill: ${u.themedColor.onbackground1};
-    }
-  }
-
-  circle {
-    stroke: ${u.themedColor.background1};
-  }
-`,ol=()=>{const e=Te(),[t,r]=d.useState(),{files:o,removeFile:s,isFileUploadEnabled:a}=vt();return!a||o.length===0?null:n.createElement(tl,null,o.map(({preview:{type:i,name:c,url:m}},g)=>n.createElement(nl,{key:m,onMouseOver:()=>r(g),onMouseLeave:()=>r(void 0)},(e||t===g)&&n.createElement(rl,{title:"Remove file",onClick:()=>s(g)},n.createElement(k,{type:"close-filled",color:u.themedColor.onbackground2})),i.startsWith("image/")?n.createElement("img",{alt:"file-image",src:m}):n.createElement(lt,{name:c,type:it(c,i)}))))},sl=({channel:e,messages:t})=>{const{stringSet:r}=w(),{aiAgentInfo:o}=N(),s=al(),a=il({lastMessage:t[t.length-1],aiAgentUserId:o.userId});return!e||!s||dn(e)?[!0,r.MESSAGE_INPUT__PLACE_HOLDER__DISABLED]:a?[!0,r.MESSAGE_INPUT__PLACE_HOLDER__WAIT_AI_AGENT_RESPONSE]:[!1,r.MESSAGE_INPUT__PLACE_HOLDER]},al=()=>{const e=d.useId(),{chatSDK:t}=R(),[r,o]=d.useState(!0);return d.useEffect(()=>{const s=new F.ConnectionHandler({onDisconnected:()=>o(!1),onConnected:()=>o(!0),onReconnectSucceeded:()=>o(!0)});return t.addConnectionHandler(e,s),()=>{t.removeConnectionHandler(e)}},[t]),r},il=({lastMessage:e,aiAgentUserId:t})=>{const[r,o]=d.useState(!1),s=Ln();return d.useEffect(()=>{if(!e)return;const a=s.some(c=>c.userId===t),i=An(e,t)&&xt.isStreaming(e);o(!!(i||a))},[s,e,t]),r},Bn={textArea:l.css`min-height:40px;height:40px;font-size:16px;line-height:24px;`,attachIcon:l.css`margin-bottom:4px;`},Dn=l.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`,ll=l(Dn)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${u.themedColor.onbackground1};}}&:active{border-radius:4px;background-color:${u.themedColor.background3};}}${pt&&Bn.attachIcon};`,cl=l.input`display:none;`,jt=l.div`width:100%;position:relative;background-color:${u.themedColor.background2};border-radius:20px;`,Gt=l.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`,qt=l.textarea`all:unset;display:block;flex:1;min-width:0;padding-top:8px;padding-bottom:8px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;font-size:14px;line-height:20px;color:${u.themedColor.onbackground1};resize:none;width:100%;height:${nn}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${pt&&Bn.textArea};&::placeholder{color:${u.themedColor.onbackground3};}&:disabled{cursor:not-allowed;&::placeholder{color:${u.themedColor.onbackground4};}}`,Kt=l.div`padding:12px 16px;position:relative;display:flex;align-items:center;`,Zt=({disabled:e})=>{const t=d.useRef(null),{addFiles:r,clearFiles:o,files:s,isFileUploadEnabled:a}=vt();return!a||s.length>0?null:n.createElement(ll,{disabled:e,onClick:()=>{var i;o(),(i=t.current)==null||i.click()}},n.createElement(k,{type:"attach",color:e?u.themedColor.onbackground4:u.themedColor.onbackground2,size:16}),n.createElement(cl,{type:"file",ref:t,onChange:i=>{const c=i.currentTarget.files;c&&r(Array.from(c)),i.target.value=""},accept:rn.join(",")}))},dl=()=>{const e=d.useRef(null),[t,r]=d.useState(""),{rootElement:o}=R(),{channel:s,dataSource:a,onBeforeSendMessage:i,onAfterSendMessage:c}=H(),[m,g]=sl({channel:s,messages:a.messages}),{files:h,addFiles:p,clearFiles:f}=vt();Ua({onDropFiles:p}),el({blurred:m,elementRef:e,document:de(o)});const b=t.trim().length>0,x=h.length>0,v=!m&&(b||x),E=()=>{e.current&&(e.current.value="",e.current.style.height=""),f(),r("")},_=async()=>{const T=t.trim(),P={message:T};if(!T&&!h.length)return;if(h.length>0){const C=h[0].file,A={...P,file:C},z=await i(A);a.sendFileMessage(z,c).then(c),E();return}const Y=await i(P);a.sendUserMessage(Y,c).then(c),E()},y=T=>{const P=Array.from(T.clipboardData.files);P.length>0&&(T.preventDefault(),p(P))},I=T=>{T.key!=="Enter"||T.nativeEvent.isComposing||T.shiftKey||(T.preventDefault(),_())},L=T=>{if(e.current){e.current.style.height="";const P=Math.min(pr,e.current.scrollHeight);nn<P&&(e.current.style.height=`${P}px`)}r(T.target.value)};return m?n.createElement(Kt,null,n.createElement(jt,null,n.createElement(Gt,null,n.createElement(qt,{disabled:!0,placeholder:g}),n.createElement(Zt,{disabled:!0})))):n.createElement(Kt,null,n.createElement(jt,null,n.createElement(ol,null),n.createElement(Gt,null,n.createElement(qt,{ref:e,role:"textbox","aria-label":"Text Input",placeholder:g,maxLength:5e3,onKeyDown:I,onChange:L,onPaste:y}),n.createElement(Zt,null))),v&&n.createElement(Dn,{onClick:()=>_()},n.createElement(k,{type:"send",color:u.color.primary.main,size:20})))},ul=l.div`padding:8px 16px;text-align:center;word-break:break-word;white-space:pre-wrap;line-height:1.43;letter-spacing:-0.2px;font-size:14px;font-weight:400;color:${u.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${B.light`
-      color: ${u.color.information.light};
-    `};
-    ${B.dark`
-      color: ${u.color.information.main};
-    `};
-  }
-`,ml=d.lazy(()=>Promise.resolve().then(()=>require("./Coz01rE5.cjs")).then(e=>({default:e.MarkdownText}))),gl=()=>{const{aiAgentInfo:e}=N(),{dataSource:t}=H(),{userSession:r}=N();return!e.specialNoticeEnabled||!e.specialNotice||!(t.initialized&&!t.messages.some(s=>An(s,r.userId)))?null:n.createElement(ul,null,n.createElement(ml,null,e.specialNotice))},pl=()=>n.createElement(hl,null,n.createElement(gl,null),n.createElement(Ki,null,n.createElement(dl,null))),hl=l.div`z-index:0;border:none;width:100%;`,fl=()=>{var a;const{activeChannel:e}=N(),{channel:t}=H(),r=((a=t==null?void 0:t.conversation)==null?void 0:a.status)===D.ConversationStatus.CLOSED;return!((t==null?void 0:t.url)===(e==null?void 0:e.url))&&r?n.createElement(ji,null):n.createElement(pl,null)},bl=()=>{var _;const{state:e,logger:t,enableCloseConversationButton:r,enableExpandButton:o,dispatcher:s}=R(),{stringSet:a}=w(),{aiAgentInfo:i,activeChannel:c}=N(),{channel:m,onNavigateToConversationList:g}=H(),p=Te()?24:16,f=()=>{e.setOpened(!1)},b=async()=>{try{const y=await(m==null?void 0:m.markConversationAsHandoff());t.info("conversation.handleAgentHandoff: success",y)}catch(y){t.error("conversation.handleAgentHandoff: error",y)}},x=async()=>{m&&await s.send(tn.CloseConversation())},v=c&&(m==null?void 0:m.url)===c.url,E=i.showHandoffButton&&!!((_=m==null?void 0:m.conversation)!=null&&_.handoff)&&v;return n.createElement(Cl,null,n.createElement(Sl,null,g&&n.createElement(ke,{onClick:()=>g()},n.createElement(k,{type:"menu",size:24,color:u.themedColor.textHighEmphasis})),v&&n.createElement(On,{size:34}),n.createElement(Tl,{variant:"h2",color:u.themedColor.onbackground1},i.nickname||(m==null?void 0:m.name))),n.createElement(_l,null,E&&n.createElement(yl,{tooltipLabel:a.HEADER_BUTTON__AGENT_HANDOFF,disabled:!So(m),size:p,onClick:b}),r&&n.createElement(vl,{disabled:!ut(m),size:p,onClick:x}),o&&n.createElement(El,{size:p}),n.createElement(xl,{size:p,onClick:f})))},El=({size:e,disabled:t})=>{const{state:r}=R();return n.createElement(ke,{"aria-label":"expand",onClick:()=>r.setExpanded(!r.expanded),disabled:t},n.createElement(k,{type:r.expanded?"collapse":"expand",size:e,color:u.themedColor.textHighEmphasis}))},xl=({size:e,disabled:t,onClick:r})=>n.createElement(ke,{"aria-label":"close messenger",onClick:r,disabled:t},n.createElement(k,{type:"close",size:e,color:u.themedColor.textHighEmphasis})),vl=({size:e,disabled:t,onClick:r})=>n.createElement(ke,{"aria-label":"close conversation",onClick:r,disabled:t},n.createElement(k,{type:"refresh",size:e,color:t?u.themedColor.textDisabled:u.themedColor.textHighEmphasis})),yl=({size:e,onClick:t,disabled:r,tooltipLabel:o})=>n.createElement(fn,{label:o,position:"bottom",disabled:r},n.createElement(ke,{"aria-label":"agent",onClick:t,disabled:r},n.createElement(k,{type:"agent",size:e,color:r?u.themedColor.textDisabled:u.themedColor.textHighEmphasis}))),Cl=l.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${u.themedColor.onbackground4};background-color:${({theme:e})=>e.colors.base.headerBackground};`,Sl=l.div`display:flex;flex:1;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`,_l=l.div`display:flex;gap:10px;align-items:center;justify-content:center;`,Tl=l(S)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`,ke=l.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`,kl=()=>{const{isDashboardActionbookTester:e}=qe();return e?null:n.createElement(bl,null)},nt=({children:e,onNavigateToConversationList:t,closedChannelUrl:r,onClearClosedChannelUrl:o})=>n.createElement(za,{onNavigateToConversationList:t,closedChannelUrl:r,onClearClosedChannelUrl:o},n.createElement(et,null,n.createElement(et.Consumer,null,s=>n.createElement(n.Fragment,null,n.createElement(wl,{...s},n.createElement(kl,null),n.createElement(Wi,null),n.createElement(fl,null)),e)))),wl=l.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({theme:e})=>e.colors.base.background};`,[Al,Fn]=Z("ConversationList");function Il({onOpenConversationView:e=Pe,children:t}){const{chatSDK:r,aiAgentId:o}=R(),s=dr(r,{aiAgentId:o,status:D.ConversationStatus.CLOSED,order:D.ConversationListOrder.UPDATED_AT,reverse:!0});return n.createElement(Al.Provider,{value:{dataSource:s,onOpenConversationView:e}},t)}const Ml=({onClick:e,conversation:t})=>{var s;const{stringSet:r,dateLocale:o}=w();return n.createElement($l,{role:"button",onClick:()=>e==null?void 0:e()},n.createElement(Rl,null,n.createElement(Ll,null,n.createElement(S,{variant:"subtitle1",color:u.themedColor.textHighEmphasis},le.format(t.channelInfo.lastMessageTs,r.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE,{locale:o})),n.createElement(S,{variant:"caption2",color:u.themedColor.textLowEmphasis},le.format(t.channelInfo.lastMessageTs,r.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION,{locale:o}))),n.createElement(S,{variant:"body3",color:u.themedColor.textMidEmphasis},((s=t.topics)==null?void 0:s.join(", "))||r.CONVERSATION_LIST__TOPICS_FALLBACK)),n.createElement(k,{type:"chevron-right",size:16,color:u.themedColor.textHighEmphasis}),n.createElement(Ol,null))},$l=l.div`display:flex;flex-direction:row;align-items:center;position:relative;width:100%;padding:14px 16px;box-sizing:border-box;gap:4px;cursor:pointer;`,Ol=l.div`position:absolute;bottom:0;height:1px;width:calc(100% - 32px);background-color:${u.themedColor.onbackground4};`,Rl=l.div`gap:4px;display:flex;flex-direction:column;flex:1;`,Ll=l.div`display:flex;justify-content:flex-start;align-items:center;gap:6px;`,Pl=({items:e,renderItem:t,onEndReached:r})=>{const o=s=>{const a=s.target;a.scrollHeight-a.scrollTop===a.clientHeight&&(r==null||r())};return n.createElement(Nl,{onScroll:s=>o(s)},e.map((s,a)=>t(s,a)))},Nl=l.div`width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto;`,Bl=()=>{const{stringSet:e}=w(),{dataSource:t,onOpenConversationView:r}=Fn();return t.initialized?t.conversations.length===0?n.createElement(fe,{type:"noChannels",label:e.CONVERSATION_LIST__NO_CONVERSATIONS}):n.createElement(Pl,{items:t.conversations,renderItem:(o,s)=>n.createElement(Ml,{key:s,conversation:o,onClick:()=>r(o.channelInfo.url,D.ConversationStatus.CLOSED)}),onEndReached:()=>{t.loadMore()}}):n.createElement(fe,{type:"loading"})},Dl=()=>{const{refreshActiveChannel:e}=N(),{onOpenConversationView:t}=Fn(),r=Pn();return n.createElement(Fl,{role:"button",onClick:async()=>{const o=await e();t(o,D.ConversationStatus.OPEN)}},n.createElement(zl,{variant:"h1"},r))},Fl=l.div`background-color:${({theme:e})=>e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`,zl=l(S)`color:${({theme:e})=>e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,Ul=()=>{const{stringSet:e}=w();return n.createElement(Vl,null,n.createElement(Hl,{variant:"h2",color:u.themedColor.textHighEmphasis},e.CONVERSATION_LIST__HEADER_TITLE),n.createElement(Wl,null))},Vl=l.div`display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;flex-shrink:0;height:56px;position:relative;background-color:${({theme:e})=>e.colors.base.headerBackground};`,Hl=l(S)`padding:0 12px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`,Wl=l.div`position:absolute;bottom:0;width:100%;height:1px;background-color:${u.themedColor.onbackground4};`,zn=({children:e,onOpenConversationView:t})=>n.createElement(Il,{onOpenConversationView:t},n.createElement(jl,null,n.createElement(Ul,null),n.createElement(Bl,null),n.createElement(Dl,null)),e),jl=l.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({theme:e})=>e.colors.base.background};`,Un=d.createContext(null);function Gl(){const e=d.useContext(Un);if(!e)throw new Error("useNavigator() must be used within <Navigator />");return e}function Vn({children:e}){const t=Gl();return typeof e=="function"?e(t):n.createElement(n.Fragment,null,e)}const ql=l.keyframes`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}`,Kl=l.keyframes`0%{transform:translateY(0px);opacity:1;}100%{transform:translateY(40px);opacity:0;}`,Zl=l.css`animation:${ql} 0.3s forwards;`,Yl=l.css``,Jl=l.css`animation:${Kl} 0.3s forwards;`,Xl=l.css`visibility:hidden;`,Ql=l.div`position:absolute;top:0;left:0;width:100%;height:100%;${({$transitionState:e})=>{switch(e){case"entering":return Zl;case"entered":return Yl;case"exiting":return Jl;case"exited":return Xl;default:return""}}}${({$active:e})=>e?l.css`
-          z-index: 999;
-        `:l.css`z-index:1;pointer-events:none;`}
-`;function ve({initialId:e,children:t}){const r=d.useCallback((E,_)=>{m(y=>[...y,E]),h(y=>({...y,[E]:!0})),_!=null&&_.reset&&x(y=>({...y,[E]:(y[E]||0)+1})),f(y=>({...y,[E]:"entering"})),setTimeout(()=>{f(y=>({...y,[E]:"entered"}))},300)},[]),o=d.useCallback(()=>{m(E=>{if(E.length<=1)return E;const _=E[E.length-1];return f(y=>({...y,[_]:"exiting"})),setTimeout(()=>{f(y=>({...y,[_]:"exited"})),m(y=>y.slice(0,-1))},300),E})},[]),s=d.useMemo(()=>({navigation:{navigate:r,pop:o}}),[r,o]),a=d.useMemo(()=>d.Children.toArray(t).filter(E=>E.type===Vn),[t]),i=d.useMemo(()=>{const E={};return a.forEach(_=>{const{id:y,lazy:I,children:L}=_.props;E[y]={lazy:I,element:typeof L=="function"?L(s):L}}),E},[a]),[c,m]=d.useState([e]),[g,h]=d.useState(()=>{const E={};return Object.entries(i).forEach(([_,{lazy:y}])=>{y===!1&&(E[_]=!0)}),E[e]=!0,E}),[p,f]=d.useState(()=>{const E={};return Object.keys(i).forEach(_=>{_===e?E[_]="entered":E[_]="exited"}),E}),[b,x]=d.useState({}),v=c[c.length-1];return n.createElement(Un.Provider,{value:s},n.createElement(ec,null,Object.keys(i).map(E=>{var L;if(!g[E])return null;const _=p[E]||"exited",y=E===v,I=`${E}-${b[E]||0}`;return n.createElement(Ql,{key:I,$transitionState:_,$active:y},(L=i[E])==null?void 0:L.element)})))}const ec=l.div`position:relative;width:100%;height:100%;`;ve.Screen=Vn;const ie={activeConv:"active-conv",closedConv:"closed-conv",convList:"conv-list"},Hn=({setClosedChannelUrl:e,closedChannelUrl:t})=>n.createElement(ve,{initialId:ie.activeConv},n.createElement(ve.Screen,{id:ie.activeConv},({navigation:r})=>n.createElement(nt,{onNavigateToConversationList:()=>r.navigate(ie.convList,{reset:!0})})),n.createElement(ve.Screen,{id:ie.closedConv},({navigation:r})=>n.createElement(nt,{onNavigateToConversationList:()=>r.pop(),closedChannelUrl:t,onClearClosedChannelUrl:()=>e(void 0)})),n.createElement(ve.Screen,{id:ie.convList,lazy:!0},({navigation:r})=>n.createElement(zn,{onOpenConversationView:(o,s)=>{s==="closed"?(e(o),r.navigate(ie.closedConv,{reset:!0})):r.navigate(ie.activeConv)}})));function tc({isExpanded:e,isOpened:t,children:r,launcher:o}){const{dir:s}=R();return n.createElement(nc,null,n.createElement(rc,{dir:s,id:K.WINDOW,$isExpanded:e,$isOpened:t},r),o)}const nc=l.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`,rc=l.div`background:${({theme:e})=>e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:right bottom;[dir='rtl'] &:not([dir='ltr']),&[dir='rtl']{transform-origin:left bottom;}${({$isOpened:e})=>e&&sc};${({$isExpanded:e})=>e&&oc};`,oc=l.css`width:743px;height:723px;`,sc=l.css`z-index:${me.WINDOW};pointer-events:all;transform:scale(1);opacity:1;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 300ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;`,ac=({children:e,...t})=>{const r=Te(),[o,s]=d.useState(),a=r?Cn:tc;return n.createElement(ft,{enableExpandButton:!r,...t},n.createElement(xn,null,({state:i})=>n.createElement(n.Fragment,null,n.createElement(a,{isExpanded:i.expanded,isOpened:i.opened,launcher:n.createElement(kn,null)},n.createElement(Hn,{closedChannelUrl:o,setClosedChannelUrl:s})),e)))};function ic(e){return n.createElement(lc,{...e})}const lc=l(kn)`position:fixed;z-index:${me.LAUNCHER};bottom:24px;inset-inline-end:24px;`;function cc({isExpanded:e,isOpened:t,children:r}){const{dir:o}=R();return n.createElement(dc,{dir:o,id:K.WINDOW,$isExpanded:e,$isOpened:t},r)}const dc=l.div`background:${({theme:e})=>e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;position:fixed;bottom:84px;inset-inline-end:20px;height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:right bottom;[dir='rtl'] &:not([dir='ltr']),&[dir='rtl']{transform-origin:left bottom;}${({$isOpened:e})=>e&&mc};${({$isExpanded:e})=>e&&uc};`,uc=l.css`width:743px;height:723px;`,mc=l.css`z-index:${me.WINDOW};pointer-events:all;transform:scale(1);opacity:1;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 300ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;`,gc=({children:e,...t})=>{const r=Te(),[o,s]=d.useState(),a=r?Cn:cc;return n.createElement(ft,{enableExpandButton:!r,...t},n.createElement(xn,null,({state:i})=>n.createElement(n.Fragment,null,n.createElement(a,{isExpanded:i.expanded,isOpened:i.opened},n.createElement(Hn,{closedChannelUrl:o,setClosedChannelUrl:s})),n.createElement(ic,null),e)))};exports.ANCHOR_REL=De;exports.AgentProviderContainer=ft;exports.AgentUIProviderContainer=bn;exports.CSATType=ee;exports.Commands=tn;exports.Conversation=nt;exports.ConversationList=zn;exports.DefaultMessenger=ac;exports.FixedMessenger=gc;exports.Icon=k;exports.IncomingMessageLayout=re;exports.Label=S;exports.LauncherBase=Sn;exports.Loader=gt;exports.LogLevel=ot;exports.MessageLogs=vn;exports.OutgoingMessageLayout=je;exports.PlaceholderBase=Va;exports.SystemMessageLayout=Ge;exports.cssVars=u;exports.messengerDispatcher=_a;exports.useLocalizationContext=w;exports.useMessengerContext=R;exports.useMessengerSessionContext=N;