@sendbird/ai-agent-messenger-react 1.5.0 → 1.6.1

package/dist/cjs/BH3mOALq.cjs

@@ -1,300 +0,0 @@
-"use strict";const d=require("react"),V=require("@sendbird/chat"),_=require("styled-components"),ie=require("date-fns"),Rr=require("date-fns/locale/en-US"),U=require("@sendbird/chat/aiAgent"),Ce=require("@sendbird/uikit-tools"),Ke=require("@sendbird/chat/groupChannel"),Dr=require("react-dom"),pt=require("@sendbird/react-uikit-message-template-view"),Pr=require("@sendbird/uikit-message-template"),Nr=require("dompurify"),Ze=require("@sendbird/chat/message"),Fr=require("date-fns/isSameDay"),Br=require("@emotion/is-prop-valid"),Qe=e=>e&&e.__esModule?e:{default:e};function Ur(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=Ur(d),Hr=Qe(V),h=Qe(_),Sn=Qe(Nr),Vr=Qe(Br),W=(e,t)=>{const n=d.createContext(null),o=({children:i,value:l})=>r.createElement(n.Provider,{value:l},typeof i=="function"?i(l):i),s=({children:i})=>r.createElement(n.Consumer,null,l=>l?typeof i=="function"?i(l):i:null),a=()=>{const i=d.useContext(n);if(!i)throw new Error(`use${e}Context must be used within a ${e}Provider`);return i};return n.displayName=`${e}Context`,o.displayName=`${e}Provider`,s.displayName=`${e}Consumer`,a.displayName=`use${e}Context`,{Context:n,Provider:o,Consumer:s,useContext:a}};function _e(e){const t=d.createContext({Template:e.template,updateTemplate:()=>{},components:e.components,updateComponent:()=>{}});function n({children:a}){const[i,l]=d.useState(()=>e.template),[c,m]=d.useState(e.components),p={Template:i,updateTemplate:f=>l(()=>f),components:c,updateComponent:(f,E)=>m(v=>({...v,[f]:E}))};return r.createElement(t.Provider,{value:p},a)}function o({template:a,children:i}){const{updateTemplate:l}=d.useContext(t);return d.useEffect(()=>{a&&l(a)},[a]),r.createElement(r.Fragment,null,i)}function s({children:a}){return r.createElement(n,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:l}){const{updateComponent:c}=d.useContext(t);return d.useEffect(()=>{l&&c(a,l)},[l]),null}}),s}function zr(...e){return function({children:n}){return e.reduce((o,s)=>r.createElement(s,null,o),n)}}const Se=e=>{var t,n;return!!(e!=null&&e.isAIAgent&&((t=e==null?void 0:e.conversation)==null?void 0:t.status)===U.ConversationStatus.CLOSED||e!=null&&e.isDesk&&((n=e==null?void 0:e.helpdeskInfo)==null?void 0:n.ticketStatus)==="closed")},bt=e=>{var t,n;return!!(e!=null&&e.isAIAgent&&((t=e==null?void 0:e.conversation)==null?void 0:t.status)===U.ConversationStatus.OPEN||e!=null&&e.isDesk&&((n=e==null?void 0:e.helpdeskInfo)==null?void 0:n.ticketStatus)==="open")};function Me(e){var n,o,s;return typeof(((n=e==null?void 0:e.conversation)==null?void 0:n.handedOverAt)??((s=(o=e==null?void 0:e.conversation)==null?void 0:o.handoff)==null?void 0:s.timestamp))=="number"}function ae(){}function Wr(){const e=/iPad|iPhone|iPod/.test(navigator.userAgent),t=/Android/.test(navigator.userAgent);return e||t}function Gr(e){let t=0;for(let n=0;n<e.length;n++)t=(t<<5)-t+e.charCodeAt(n),t|=0;return t.toString(16)}const xt=e=>{try{return JSON.parse(e===""?"{}":e)}catch{return{}}},Te={isStreaming(e){const t=xt(e.data);return typeof t=="object"&&!!t.stream},isWelcomeMessage(e,t){var n;if(((n=e.extendedMessagePayload)==null?void 0:n.bot_message_type)==="welcome")return!0;if((e.isUserMessage()||e.isFileMessage())&&e.sender.userId===t){const o=xt(e.data);return!(o!=null&&o.respond_mesg_id)&&!(o!=null&&o.stream)}return!1},isGeneratedMessage(e){var t;return((t=e.extendedMessagePayload)==null?void 0:t.bot_message_type)==="generated"},checkExtendedFieldPresence(e){const t=e.extendedMessagePayload||{},n=i=>i.some(l=>typeof t[l]<"u"),o=n(ct.ui),s=n(ct.trail),a=n(ct.marking);return{ui:o,trail:s,marking:a}},shouldScrollToBottom(e,t,n=!1){if((e.isUserMessage()||e.isFileMessage()||e.isMultipleFilesMessage())&&e.sender.userId===t){if(this.isGeneratedMessage(e)&&this.isStreaming(e))return!0;const{ui:a,trail:i,marking:l}=this.checkExtendedFieldPresence(e);return a?!(!n&&l):!!(n&&(i||l))}return!0}},ct={ui:["suggested_replies","cta_button","message_template","csat"],trail:["groundedness","manual","function_calls"],marking:["is_hallucination","is_moderated","flagged_types"]},jr="1.5.0",Ee="sb-agent",qr=jr,dt=`@${Ee}`,Zt=({appId:e,aiAgentId:t,storage:n})=>{const o={templateBase:`${dt}-template`,template:s=>`${o.templateBase}/templates/${s}`,templateToken:()=>`${o.templateBase}-template/message-template/tokens`,messengerSession:s=>{const a=Gr(`${e}/${t}/${s}`);return`${dt}-udata/${a}`},anonUserSession:()=>`${dt}-session/${e}/${t}`};return{template:{set:(s,a)=>n.set(o.template(s),a),get:s=>n.get(o.template(s)),setCachedToken:s=>n.set(o.templateToken(),s),getCachedToken:()=>n.get(o.templateToken()),clear:()=>{n.getKeys(o.templateBase).forEach(n.delete)}},messenger:{getSettings:s=>{try{const a=n.get(o.messengerSession(s));return a?JSON.parse(a):null}catch{return null}},setSettings:(s,a)=>{try{const i=JSON.stringify(a);n.set(o.messengerSession(s),i)}catch{return}},getAnonUser:()=>{try{const s=n.get(o.anonUserSession());return s?JSON.parse(s):null}catch{return null}},setAnonUser:s=>{try{const a=JSON.stringify(s);n.set(o.anonUserSession(),a)}catch{return}},clear:s=>{try{n.delete(o.messengerSession(s)),n.delete(o.anonUserSession())}catch{return}}}}};class Tn{constructor(t){this.logger=t,this.subscribers={}}async send(t){const n=Kr(),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 n.resolve(),n.promise}subscribe(t,n){this.subscribers[t]||(this.subscribers[t]=[]),this.subscribers[t].push(n)}unsubscribe(t,n){this.subscribers[t]&&(this.subscribers[t]=this.subscribers[t].filter(o=>o!==n))}}const Kr=()=>{let e=ae,t=ae;return{promise:new Promise((o,s)=>{e=o,t=s}),resolve:e,reject:t}};var It=(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))(It||{});class wn{constructor(t){this.level=t}verbose(...t){this.level<=0&&console.log(`[${Ee}/verbose]`,...t)}debug(...t){this.level<=1&&console.log(`[${Ee}/debug]`,...t)}info(...t){this.level<=2&&console.log(`[${Ee}/info]`,...t)}warn(...t){this.level<=3&&console.warn(`[${Ee}/warn]`,...t)}error(...t){this.level<=4&&console.error(`[${Ee}/error]`,...t)}}function Yt(e,t,n){const o=Hr.default.init({appId:e,modules:[new Ke.GroupChannelModule,new U.AIAgentModule],localCacheEnabled:!0,options:new V.SendbirdChatOptions({typingIndicatorInvalidateTime:3e4}),...n});return o.addSendbirdExtensions([{version:qr,product:V.SendbirdProduct.AI_AGENT,platform:t.platform}],{platform:t.deviceOSPlatform,version:t.deviceOSVersion},t.customData)||console.warn("Invalid Sendbird Extensions",t),o}function Zr(e){const t=n=>{throw new Error(`Please initialize chat sdk with ${n}`)};typeof e.groupChannel!="object"&&t("GroupChannelModule"),typeof e.aiAgent!="object"&&t("AIAgentModule")}const ut={conversation:{isTalkToAgentViewEnabled:!0}},Jt=e=>e?{...ut,...e,conversation:{...ut.conversation,...e==null?void 0:e.conversation}}:ut,{Provider:Yr,useContext:j}=W("AIAgent");function Jr({appId:e,aiAgentId:t,keyValueStorage:n,language:o,countryCode:s,context:a,queryParams:i,config:l,chatSDK:c,chatParams:m,children:p,logger:f,dispatcher:E,extensions:v={platform:V.SendbirdPlatform.JS,deviceOSPlatform:Wr()?V.DeviceOsPlatform.MOBILE_WEB:V.DeviceOsPlatform.WEB}}){const[y,x]=d.useState(()=>{const g=f??new wn(It.WARN),b=E??new Tn(g);return{appId:e,aiAgentId:t,language:o,countryCode:s,context:a,queryParams:i,config:Jt(l),keyValueStorage:n,logger:g,dispatcher:b,chatSDK:c??Yt(e,v,m),cache:Zt({appId:e,aiAgentId:t,storage:n})}});return d.useEffect(()=>{x(g=>{let b=g.logger,C=g.dispatcher,S=g.chatSDK;return f&&f!==g.logger&&(b=f),E&&E!==g.dispatcher&&(C=E),c&&c!==g.chatSDK?S=c:!c&&g.chatSDK.appId!==e&&(S=Yt(e,v,{newInstance:!0,...m})),{...g,appId:e,aiAgentId:t,keyValueStorage:n,language:o,countryCode:s,context:a,queryParams:i,config:Jt(l),logger:b,dispatcher:C,chatSDK:S,cache:Zt({appId:e,aiAgentId:t,storage:n})}})},[e,t,o,s,a,l,f,E,c]),d.useEffect(()=>()=>{y.chatSDK.disconnectWebSocket()},[y.chatSDK]),Zr(y.chatSDK),r.createElement(Yr,{value:y},p)}const Xr=(e,t,n)=>Ce.useGroupChannelMessages(e,t,{...n,strictStreamingOrder:!0});var Et=(e=>(e.ConversationClose="conv.close",e))(Et||{});class Qr{constructor(t={}){this.payload=t}toJSON(){return JSON.stringify({type:this.type,payload:this.payload})}}const kn={CloseConversation:e=>new eo(e)};class eo extends Qr{constructor(){super(...arguments),this.type="conv.close"}}const vt={DEFAULT_BOT_MSG_BG:"#eeeeee",WHITE:"#ffffff",BLACK:"#000000"};function An(e){return e.length===4?`#${[...e.slice(1)].map(t=>t+t).join("")}`:e}function to(e){const t=An(e);return[parseInt(t.slice(1,3),16),parseInt(t.slice(3,5),16),parseInt(t.slice(5,7),16)]}function no(e){return`#${e.map(t=>t.toString(16).padStart(2,"0")).join("")}`}function ro(e,t,n){e/=255,t/=255,n/=255;const o=Math.max(e,t,n),s=Math.min(e,t,n),a=o-s;let i=0,l=0;const c=(o+s)/2;return o!==s&&(l=c>.5?a/(2-o-s):a/(o+s)),o===e?i=(t-n)/a+(t<n?6:0):o===t?i=(n-e)/a+2:o===n&&(i=(e-t)/a+4),i/=6,[i,l,c]}function oo(e,t,n){let o,s,a;if(t===0)o=s=a=n;else{const i=function(p,f,E){return E<0&&(E+=1),E>1&&(E-=1),E<.16666666666666666?p+(f-p)*6*E:E<.5?f:E<.6666666666666666?p+(f-p)*(.6666666666666666-E)*6:p},l=n<.5?n*(1+t):n+t-n*t,c=2*n-l;o=i(c,l,e+1/3),s=i(c,l,e),a=i(c,l,e-1/3)}return[Math.round(o*255),Math.round(s*255),Math.round(a*255)]}function Ne(e,t,n){const[o,s,a]=to(e),[i,l,c]=ro(o,s,a),m=Math.max(0,Math.min(1,c*t)),p=Math.max(0,Math.min(1,l*n)),[f,E,v]=oo(i,p,m);return no([Math.round(f),Math.round(E),Math.round(v)])}function so(e,t="light"){return{extraDark:Ne(e,.6,1.2),dark:Ne(e,.85,1.1),main:e,light:Ne(e,t==="dark"?1.1:1.5,t==="dark"?.95:.9),extraLight:Ne(e,t==="dark"?1.2:1.75,t==="dark"?.9:.8)}}function yt(e){const t=An(e),n=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>n?vt.BLACK:vt.WHITE}function io(e,t,n,o,s){return{base:{primary:t,primaryContrastContent:n,background:e.background50,headerBackground:e.background50,modalContentBackground:e.background50},metadata:{errorContent:e.ondark.textHighEmphasis,placeholderText:e.onlight.textLowEmphasis},messageInput:{background:e.background100},messageIncoming:{text:s,background:o},messageOutgoing:{text:n,background:t},csat:{background:e.background100}}}const ao=(e,t,n,o,s)=>({base:{primary:t,primaryContrastContent:n,background:e.background600,headerBackground:e.background500,modalContentBackground:e.background500},metadata:{errorContent:e.ondark.textHighEmphasis,placeholderText:e.ondark.textLowEmphasis},messageInput:{background:e.background400},messageIncoming:{text:s,background:o},messageOutgoing:{text:n,background:t},csat:{background:e.background400}}),Fe={primary:{extraDark:"#491389",dark:"#6211c8",main:"#742ddd",light:"#c2a9fa",extraLight:"#dbd1ff"},secondary:{extraDark:"#066858",dark:"#027d69",main:"#259c72",light:"#69c085",extraLight:"#a8e2ab"},error:{extraDark:"#9d091e",dark:"#bf0711",main:"#de360b",light:"#f66161",extraLight:"#fdaaaa"},information:{extraDark:"#241389",dark:"#362ca9",main:"#4a48cd",light:"#a9bbfa",extraLight:"#d1dbff"},background700:"#000000",background600:"#161616",background500:"#2c2c2c",background400:"#393939",background300:"#bdbdbd",background200:"#e0e0e0",background100:"#eeeeee",background50:"#ffffff",onlight:{textHighEmphasis:"rgba(0, 0, 0, 0.88)",textMidEmphasis:"rgba(0, 0, 0, 0.5)",textLowEmphasis:"rgba(0, 0, 0, 0.38)",textDisabled:"rgba(0, 0, 0, 0.12)"},ondark:{textHighEmphasis:"rgba(255, 255, 255, 0.88)",textMidEmphasis:"rgba(255, 255, 255, 0.5)",textLowEmphasis:"rgba(255, 255, 255, 0.38)",textDisabled:"rgba(255, 255, 255, 0.12)"},overlay:{dark:"rgba(0, 0, 0, 0.55)",light:"rgba(22, 22, 22, 0.32)"}},mt={h1:{fontSize:18,fontWeight:700},h2:{fontSize:16,fontWeight:700},subtitle1:{fontSize:16,fontWeight:500},subtitle2:{fontSize:16,fontWeight:400},body1:{fontSize:16,fontWeight:400},body2:{fontSize:14,fontWeight:500},body3:{fontSize:14,fontWeight:400},button:{fontSize:14,fontWeight:700},caption1:{fontSize:12,fontWeight:700},caption2:{fontSize:12,fontWeight:400},caption3:{fontSize:11,fontWeight:700},caption4:{fontSize:11,fontWeight:400}};function Xt(e){const t=lo(e),{colors:n,aiAgentColorVariables:o}=co(e,t),s=mo(e);return{selectedTheme:e.selectedTheme,palette:t,colors:n,aiAgentColorVariables:o,typography:s}}function lo({selectedTheme:e,palette:t,primary:n}){const o=t!=null&&t.primary?t.primary:n?n===Fe.primary.main?Fe.primary:so(n,e):Fe.primary;return{...Fe,primary:o,...t}}function co({selectedTheme:e,primaryContrast:t,botMessageBackground:n,botMessageBackgroundContrast:o},s){const a=s.primary.main,i=t??yt(a),l=n??vt.DEFAULT_BOT_MSG_BG,c=o??yt(l);return{colors:(e==="light"?io:ao)(s,a,i,l,c),aiAgentColorVariables:{primary_color:a,bot_message_bg_color:l,primary_contrast_color:i,bot_message_bg_contrast_color:c}}}function uo(e,t,n){const o={...e};return n.forEach(s=>{const a=t[s];a!=null&&(o[s]=a)}),o}function mo({typography:e}){if(!e)return mt;const t={...mt};return Object.keys(e).forEach(n=>{const o=e[n];if(o&&typeof o=="object"){const s=mt[n],a=["fontSize","fontWeight","fontFamily","lineHeight"];t[n]=uo(s,o,a)}}),t}const{Provider:go,useContext:$t}=W("AIAgentTheme");function ho({logger:e,palette:t,typography:n,appearance:o,children:s}){const[a,i]=d.useState(()=>Xt({selectedTheme:(o==null?void 0:o.theme)??"light",palette:t,typography:n,primary:o==null?void 0:o.primaryColor,botMessageBackground:o==null?void 0:o.botMessageBackgroundColor})),l=d.useCallback((c,m)=>{const p=(o==null?void 0:o.theme)??c,f=m==null?void 0:m(p),E={primary:o==null?void 0:o.primaryColor,primaryContrast:void 0,botMessageBackground:o==null?void 0:o.botMessageBackgroundColor,botMessageBackgroundContrast:void 0};!E.primary&&(f!=null&&f.primaryColor)&&(E.primary=f.primaryColor,E.primaryContrast=f.primaryContrastColor),!E.botMessageBackground&&(f!=null&&f.botMessageBackgroundColor)&&(E.botMessageBackground=f.botMessageBackgroundColor,E.botMessageBackgroundContrast=f.botMessageBackgroundContrastColor);const v=Xt({selectedTheme:p,palette:t,typography:n,...E});i(v),e==null||e.info("theme.update:",p)},[o==null?void 0:o.theme,o==null?void 0:o.primaryColor,o==null?void 0:o.botMessageBackgroundColor,t,n,e]);return d.useEffect(()=>{(o!=null&&o.theme||o!=null&&o.primaryColor||o!=null&&o.botMessageBackgroundColor)&&l(a.selectedTheme)},[o==null?void 0:o.theme,o==null?void 0:o.primaryColor,o==null?void 0:o.botMessageBackgroundColor]),r.createElement(go,{value:{theme:a,updateTheme:l}},s)}function In(){const{chatSDK:e,logger:t}=j();return d.useCallback(async n=>{if(n.userId===""){const o=new Error("userId cannot be empty string for messenger settings request");throw t.error("requestMessengerSettings: invalid userId",o),o}return await e.aiAgent.requestMessengerSettings(n)},[e,t])}function fo(){const{chatSDK:e,logger:t}=j(),n=d.useCallback(async(s,a,i)=>{if(t.debug("useChatConnection.connect: start, session",s.userId),a){const l=new V.SessionHandler({...a,onSessionTokenRequired:po(a.onSessionTokenRequired,i)});e.setSessionHandler(l)}await e.connect(s.userId,s.authToken),t.debug("useChatConnection.connect: end, currentUser",e.currentUser)},[e,t]),o=d.useCallback(async()=>{t.debug("useChatConnection.disconnect: start"),await e.disconnect(),t.debug("useChatConnection.disconnect: end")},[e,t]);return{connect:n,disconnect:o}}function po(e,t){if(e)return async(n,o)=>{new Promise((s,a)=>e==null?void 0:e(s,a)).then(s=>{s&&(t==null||t(s)),n(s)}).catch(s=>{o(s)})}}class $n{constructor({userId:t,authToken:n,sessionHandler:o}){this.userId=t,this.authToken=n,this.sessionHandler=o}}class Ct{}const bo=24*60*60*1e3,xo=e=>{const{logger:t,cache:n}=j(),o=()=>{const a=n.messenger.getAnonUser();return a?a.expireAt-bo<=Date.now()?(t.debug("useUserSessionCandidate.getAnonymousSessionInfo: auto session expired, clear cache"),n.messenger.clear(a.userId),null):(t.debug("useUserSessionCandidate.getAnonymousSessionInfo: auto session info detected"),a):null},s=()=>{if(!e||e instanceof Ct)throw new Error("userSessionInfo must be an instance of ManualSessionInfo");if(typeof e.userId!="string")throw new Error("userSessionInfo.userId must be a string");const a=["userId","authToken","sessionHandler"].filter(i=>!(i in e));return a.length>0&&t.error(`useUserSessionCandidate.getManualSessionInfo: missing required keys in userSessionInfo: ${a.join(", ")}`),t.debug("useUserSessionCandidate.getManualSessionInfo: manual session info detected"),e};return d.useMemo(()=>e instanceof $n?{type:"manual",userSessionCandidate:s()}:e instanceof Ct?{type:"anonymous",userSessionCandidate:o()}:e&&typeof e=="object"?(t.warn("Please use ManualSessionInfo instead of the old userSessionInfo format."),{type:"manual",userSessionCandidate:s()}):e===void 0?(t.warn("Please use AnonymousSessionInfo instead of undefined userSessionInfo."),{type:"anonymous",userSessionCandidate:o()}):{type:"anonymous",userSessionCandidate:null},[t,e==null?void 0:e.userId,e==null?void 0:e.authToken,e==null?void 0:e.sessionHandler,n.messenger.getAnonUser,n.messenger.clear])};function Eo({userSessionInfo:e,onPreAuth:t,onPostAuth:n,onErrorAuth:o,onAuthTokenRefreshed:s,onPostDeauth:a,forceCreateChannel:i}){const{aiAgentId:l,language:c,context:m,countryCode:p,logger:f,cache:E}=j(),{connect:v,disconnect:y}=fo(),{type:x,userSessionCandidate:g}=xo(e),b=In(),C=d.useCallback(async()=>{var H;f.debug("useAuthentication.authenticate: start");const k=(g==null?void 0:g.userId)&&((H=E.messenger.getSettings(g.userId))==null?void 0:H.knownActiveChannelUrl),M=await b({aiAgentId:l,userId:g==null?void 0:g.userId,language:c,country:p,context:m,forceCreateChannel:i,knownActiveChannelUrl:k});f.debug("useAuthentication.authenticate: messenger settings response",M);let R=null;if(M.auto_created_user)if(x==="manual")f.warn("Received auto created user info but current session is manual. Ignoring auto created user info."),R={userId:g.userId,authToken:g.authToken};else{const{user_id:O,session_token:D,expire_at:F}=M.auto_created_user;E.messenger.setAnonUser({userId:O,authToken:D,expireAt:F}),R={userId:O,authToken:D}}else R={userId:(g==null?void 0:g.userId)??"",authToken:(g==null?void 0:g.authToken)??""};E.messenger.setSettings(R.userId,{knownActiveChannelUrl:M.active_channel.channel_url});try{await t(M,R),await v(R,g==null?void 0:g.sessionHandler,s),await n(M,R)}catch(O){O instanceof Error&&(o(O),f.error("useAuthentication.authenticate: failed to connect",O))}return M},[b,v,x,g==null?void 0:g.userId,g==null?void 0:g.sessionHandler,g==null?void 0:g.authToken,E.messenger.setAnonUser,E.messenger.getSettings,E.messenger.setSettings,t,n,o,s]),S=d.useCallback(async()=>{f.debug("useAuthentication.deauthenticate: start"),await y(),a(),f.debug("useAuthentication.deauthenticate: completed")},[y,f,a]);return{authenticate:C,deauthenticate:S,userSessionCandidate:g}}const Mn=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)}},Le=e=>JSON.parse(e),et=e=>JSON.parse(e);function vo(e,t){const[n,o]=t.split(",").map(s=>s.trim());return e==="dark"&&o||n}function yo(e){const t={};function n(o,s=""){for(const[a,i]of Object.entries(o)){const l=s?`${s}.${a}`:a;i&&typeof i=="object"&&!Array.isArray(i)?n(i,l):t[l]=i}}return n(e),t}function Mt({template:e,variables:t,variableKeyPattern:n,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(${a}:${i}) must be a {string, number, or boolean}`);const l=o?o(i):String(i),c=n(a);return s.replace(c,Mn(l))},e)}async function Co({template:e,variables:t,variableKeyPattern:n,variableValueTransformer:o}){return(await Promise.all(Object.entries(t).map(async([a,i])=>{const l=await o(i);return{regex:n(a),transformedValue:l}}))).reduce((a,{regex:i,transformedValue:l})=>a.replace(i,Mn(l)),e)}const _o=()=>{const{chatSDK:e,logger:t,cache:n}=j(),o=d.useCallback(()=>{var l,c;const a=(c=(l=e.appInfo)==null?void 0:l.aiAgentInfo)==null?void 0:c.templateListToken;if(!a)return!1;const i=n.template.getCachedToken();return i?a!==i:!0},[e,n.template.getCachedToken]),s=d.useCallback(async()=>{try{const{templates:a,token:i}=await e.aiAgent.getMessageTemplates({limit:20});for(const{template:l}of a){const{key:c}=Le(l);n.template.set(c,l)}n.template.setCachedToken(i)}catch(a){t==null||t.error("messageTemplateContext.syncCachedTemplates: error:",a)}},[e,t,n.template.set,n.template.setCachedToken]);return{shouldSyncCachedTemplate:o,syncCachedTemplates:s}};var Ge=(e=>(e.OFF="off",e.ALWAYS="always",e.HANDED_OFF_ONLY="handed_off_only",e))(Ge||{});const So={off:"off",always:"always",handed_off_only:"handed_off_only"},{Provider:To,useContext:Ln}=W("AIAgentMessengerSession"),wo=d.forwardRef(function({userSessionInfo:e,forceCreateChannel:t,children:n},o){const{appId:s,aiAgentId:a,chatSDK:i,language:l,countryCode:c,context:m,cache:p,logger:f}=j(),{updateTheme:E}=$t(),[v,y]=d.useState(void 0),[x,g]=d.useState(void 0),[b,C]=d.useState(null),[S,k]=d.useState(null),[M,R]=d.useState(null),[H,O]=d.useState("handed_off_only"),{shouldSyncCachedTemplate:D,syncCachedTemplates:F}=_o(),T=In(),{authenticate:Z,deauthenticate:de}=Eo({userSessionInfo:e,forceCreateChannel:t,onPreAuth:d.useCallback((A,P)=>{const q=A.appearance.selected_theme;E(q,Q=>{const xe=A.appearance.themes[Q];return{primaryColor:xe.primary_color,botMessageBackgroundColor:xe.bot_message_bg_color,primaryContrastColor:xe.primary_contrast_color,botMessageBackgroundContrastColor:xe.bot_message_bg_contrast_color}}),y(void 0),C(P),k({userId:A.bot.bot_userid,profileUrl:A.bot.bot_profile_url,nickname:A.bot.bot_nickname,replyToFile:A.bot.reply_to_file,specialNotice:A.bot.special_notice,specialNoticeEnabled:A.bot.is_special_notice_enabled,showHandoffButton:A.bot.show_handoff_button??!0,isMultipleActiveConversationsEnabled:A.bot.is_multiple_active_conversations_enabled??!0}),R({type:A.launcher.image_type||"default_icon",imageUrl:A.launcher.image_url}),O(So[A.active_channel.attachment_mode]??"handed_off_only")},[]),onPostAuth:d.useCallback(async A=>{D()&&await F(),g({url:A.active_channel.channel_url,status:U.ConversationStatus.OPEN})},[D,F]),onErrorAuth:d.useCallback(A=>{y(A)},[]),onAuthTokenRefreshed:d.useCallback(A=>{C(P=>P?{...P,authToken:A}:null)},[]),onPostDeauth:d.useCallback(()=>{p.template.clear(),b!=null&&b.userId&&p.messenger.clear(b.userId),g(void 0),C(null),k(null),R(null)},[p.template.clear,b])}),be=d.useCallback(async()=>{var A;if(b){f.debug("agentMessengerSession.refreshActiveChannel: try to refresh active channel"),g(void 0);const P=await T({aiAgentId:a,userId:b.userId,language:l,country:c,context:m,forceCreateChannel:t,knownActiveChannelUrl:(A=p.messenger.getSettings(b.userId))==null?void 0:A.knownActiveChannelUrl});return p.messenger.setSettings(b.userId,{knownActiveChannelUrl:P.active_channel.channel_url}),g({url:P.active_channel.channel_url,status:U.ConversationStatus.OPEN}),f.info("agentMessengerSession.refreshActiveChannel: refreshed active channel",P.active_channel.channel_url),P.active_channel.channel_url}else throw f.error("agentMessengerSession.refreshActiveChannel: userSession is not ready"),new Error("userSession is not ready")},[T,s,a,b==null?void 0:b.userId,l,c,m,t,p.messenger.getSettings,p.messenger.setSettings]),lt=d.useCallback(async A=>{if(!(b!=null&&b.userId))throw new Error("Current user is not authenticated. Please authenticate first.");const q=(await T({...A,userId:b.userId,knownActiveChannelUrl:void 0})).active_channel.channel_url;return p.messenger.setSettings(b.userId,{knownActiveChannelUrl:q}),q},[b==null?void 0:b.userId,T]);return Ce.useGroupChannelHandler(i,{onChannelChanged:A=>{var P;A.isGroupChannel()&&A.url===(x==null?void 0:x.url)&&(f.info("agentMessengerSession.channelChanged: channel.conversation",A.conversation),g({url:A.url,status:((P=A.conversation)==null?void 0:P.status)??U.ConversationStatus.OPEN}))}}),d.useImperativeHandle(o,()=>{const A=async()=>{if(!x)throw new Error("No active conversation. Please start a conversation first.");return await i.groupChannel.getChannel(x.url)};return{activeChannel:x,chatSDK:i,authenticate:Z,deauthenticate:de,updateContext:async P=>{const Q=await(await A()).updateContext(a,P);return{...Q,context:Q.context??{}}},patchContext:async P=>{const Q=await(await A()).patchContext(a,P);return{...Q,context:Q.context??{}}},getContextObject:async()=>{const q=await(await A()).getContextObject(a);return{...q,context:q.context??{}}}}},[Z,de,x,i,a,f]),r.createElement(To,{value:{userSessionInfo:e,userSession:b,activeChannel:x,setActiveChannel:g,refreshActiveChannel:be,createConversation:lt,connectionError:v,aiAgentInfo:S,launcherInfo:M,authenticate:Z,deauthenticate:de,attachmentMode:H}},n)}),{Provider:ko}=W("AIAgentConversation");function Ao({children:e,channelUrl:t,onChannelDeleted:n,onMessagesReceived:o,onMessagesUpdated:s,onConversationClosedViaDispatcher:a,onBeforeSendMessage:i,onAfterSendMessage:l=ae,shouldMarkAsRead:c=!0}){var C;const m=()=>c&&(v==null?void 0:v.markAsRead()),{chatSDK:p,logger:f,dispatcher:E}=j(),{channel:v,channelFetchError:y,fetchChannel:x}=Io(t),g=Xr(p,v,{shouldCountNewMessages:()=>!1,onChannelDeleted:n,onMessagesReceived:S=>o==null?void 0:o(S),onMessagesUpdated:S=>s==null?void 0:s(S),logger:f,markAsRead:m});d.useEffect(()=>{m()},[c]),d.useEffect(()=>{const S=async k=>{const M=typeof(k==null?void 0:k.channelUrl)=="string";v&&M&&k.channelUrl!==v.url||(f.debug("conversation.dispatcher: try to close conversation",v),v!=null&&v.conversation&&v.conversation.status===U.ConversationStatus.OPEN&&(await v.closeConversation(),a==null||a()))};return E.subscribe(Et.ConversationClose,S),()=>{E.unsubscribe(Et.ConversationClose,S)}},[E,(C=v==null?void 0:v.conversation)==null?void 0:C.status,a]);const b={conversation:(v==null?void 0:v.conversation)??void 0,channelSource:{channel:v,error:y,refetch:()=>x()},messageSource:{messages:g.messages,initialized:g.initialized,loadPrevious:()=>g.loadPrevious(),loadNext:()=>g.loadNext(),sendUserMessage:async S=>{var M;if(((M=v==null?void 0:v.conversation)==null?void 0:M.status)===U.ConversationStatus.CLOSED)throw new Error("Conversation is closed");i&&(S=await i(S));const k=await g.sendUserMessage(S,l);return l==null||l(k),k},sendFileMessage:async S=>{var M;if(((M=v==null?void 0:v.conversation)==null?void 0:M.status)===U.ConversationStatus.CLOSED)throw new Error("Conversation is closed");i&&(S=await i(S));const k=await g.sendFileMessage(S,l);return l==null||l(k),k}}};return r.createElement(ko,{value:b},e)}function Io(e){const{chatSDK:t,logger:n}=j(),[o,s]=d.useState(void 0),[a,i]=d.useState(void 0);async function l(){if(n.debug("conversation.fetchChannel: start"),s(void 0),i(void 0),e)try{n.debug("conversation.fetchChannel: get channel",e);const c=await t.groupChannel.getChannel(e);s(c),n.debug("conversation.fetchChannel: fetched channel",c)}catch(c){c instanceof V.SendbirdError&&i(c),n.error("conversation.fetchChannel: error",c)}}return $o(o),d.useEffect(()=>{l()},[t,e]),{channel:o,channelFetchError:a,fetchChannel:l}}function $o(e){const{chatSDK:t}=j(),{activeChannel:n,setActiveChannel:o}=Ln(),s=d.useId();d.useEffect(()=>{if(!e||!n)return;const a=new V.ConnectionHandler({onReconnectSucceeded:async()=>{var l;const i=await e.refresh();i.url===n.url&&o({url:i.url,status:((l=i.conversation)==null?void 0:l.status)??U.ConversationStatus.OPEN})}});return t.addConnectionHandler(s,a),()=>{t.removeConnectionHandler(s)}},[t,e,n])}class Mo{constructor(t,{filter:n,limit:o=20}){var s,a,i,l,c,m,p;this._isDisposed=!1,this._handlerId=`handler-id-${Date.now()}`,this._order=Ke.GroupChannelListOrder.LATEST_LAST_MESSAGE,this.filter=n,this._sdk=t,this._pinnedChannels=[],this._channels=[],this._limit=o,this._query=this._sdk.aiAgent.createMyGroupChannelListQuery({aiAgentChannelFilter:(s=this.filter)==null?void 0:s.aiAgentChannelFilter,aiAgentConversationStatusFilter:(a=this.filter)==null?void 0:a.aiAgentConversationStatusFilter,aiAgentIds:(i=this.filter)==null?void 0:i.aiAgentIds,deskChannelFilter:(l=this.filter)==null?void 0:l.deskChannelFilter,pinnedChannelUrls:(c=this.filter)==null?void 0:c.pinnedChannelUrls,copilotConversationOnly:(m=this.filter)==null?void 0:m.copilotConversationOnly,copilotSupportChannelUrl:(p=this.filter)==null?void 0:p.copilotSupportChannelUrl,limit:this._limit}),this._token="",this._timestamp=Number.MAX_SAFE_INTEGER,this._isSyncing=!1,this._channelHandler=new Ke.GroupChannelHandler({onChannelChanged:f=>{f.isGroupChannel()&&(this._query.belongsTo(f)?this._addChannelsToView([f],!1):this._removeChannelsFromView([f.url]))},onChannelDeleted:f=>{this._removeChannelsFromView([f])}}),this._connectionHandler=new V.ConnectionHandler({onReconnectSucceeded:()=>{this._isDefaultChangelogSyncTimestampUpdated&&this._syncChannelChangelogs()}}),this._sdk.addConnectionHandler(this._handlerId,this._connectionHandler),this._sdk.groupChannel.addGroupChannelHandler(this._handlerId,this._channelHandler)}get _isDefaultChangelogSyncTimestampUpdated(){return this._timestamp!==Number.MAX_SAFE_INTEGER}_setDefaultChangelogsSyncTimestamp(t){var a,i;const n=new Set(((a=this.filter)==null?void 0:a.pinnedChannelUrls)??[]),o=t.find(l=>!n.has(l.url));let s;o?s=((i=o.lastMessage)==null?void 0:i.createdAt)??o.createdAt:s=this._query.lastResponseAt,this._timestamp>s&&(this._timestamp=s)}async _syncChannelChangelogs(){if(this._isDisposed)return[];if(this._isSyncing)return[];try{this._isSyncing=!0;let t;for(this._token?t=await this._sdk.aiAgent.getMyGroupChannelChangeLogsByToken(this._token,this.filter):t=await this._sdk.aiAgent.getMyGroupChannelChangeLogsByTimestamp(this._timestamp,this.filter),this._token=t.token,this._addChannelsToView(t.updatedChannels),this._removeChannelsFromView(t.deletedChannelUrls);t.hasMore&&t.token;)t=await this._sdk.aiAgent.getMyGroupChannelChangeLogsByToken(this._token,this.filter),this._token=t.token,this._addChannelsToView(t.updatedChannels),this._removeChannelsFromView(t.deletedChannelUrls)}catch{}finally{this._isSyncing=!1}return[]}_upsertPinnedChannelsToArray(t){var l;const n=((l=this.filter)==null?void 0:l.pinnedChannelUrls)??[],o=new Map(n.map((c,m)=>[c,m])),s=[],a=[],i=[];for(const c of t){if(!this._query.belongsTo(c)){i.push(c.url);continue}const m=o.get(c.url);if(m===void 0)continue;const p=_t(this._pinnedChannels,c);p>=0?(this._pinnedChannels.splice(p,1),a.push(c)):s.push(c);const E=this._pinnedChannels.findIndex(y=>(o.get(y.url)??1/0)>m),v=E===-1?this._pinnedChannels.length:E;this._pinnedChannels.splice(v,0,c)}return{addedChannels:s,updatedChannels:a,unmatchedChannelUrls:i}}_upsertRegularChannelsToArray(t,n=!1){const o=[],s=[],a=[];for(const i of t){if(!this._query.belongsTo(i)){o.push(i.url);continue}const l=_t(this._channels,i),c=l<0;!c&&this._channels.splice(l,1);const p=Lo(this._channels,i,this._order).place,f=p===this._channels.length;c?f?(n||!this.hasMore)&&(this._channels.push(i),s.push(i)):(this._channels.splice(p,0,i),s.push(i)):(this._channels.splice(p,0,i),a.push(i))}return{addedChannels:s,updatedChannels:a,unmatchedChannelUrls:o}}_addChannelsToView(t,n=!1){var f,E,v,y,x;const o=new Set(((f=this.filter)==null?void 0:f.pinnedChannelUrls)??[]),s=[],a=[];for(const g of t)o.has(g.url)?s.push(g):a.push(g);const i=this._upsertPinnedChannelsToArray(s),l=this._upsertRegularChannelsToArray(a,n),c=i.addedChannels.concat(l.addedChannels),m=i.updatedChannels.concat(l.updatedChannels),p=i.unmatchedChannelUrls.concat(l.unmatchedChannelUrls);c.length>0&&((v=(E=this._collectionEventHandler)==null?void 0:E.onChannelsAdded)==null||v.call(E,{},c)),m.length>0&&((x=(y=this._collectionEventHandler)==null?void 0:y.onChannelsUpdated)==null||x.call(y,{},m)),p.length>0&&this._removeChannelsFromView(p)}_removeChannelsFromView(t){var s,a,i;const n=new Set(((s=this.filter)==null?void 0:s.pinnedChannelUrls)??[]),o=[];for(const l of t)if(n.has(l)){const c=this._pinnedChannels.findIndex(m=>m.url===l);c>=0&&(o.push(l),this._pinnedChannels.splice(c,1))}else{const c=this._channels.findIndex(m=>m.url===l);c>=0&&(o.push(l),this._channels.splice(c,1))}o.length>0&&((i=(a=this._collectionEventHandler)==null?void 0:a.onChannelsDeleted)==null||i.call(a,{},o))}get channels(){return this._isDisposed?[]:[...this._pinnedChannels,...this._channels]}get hasMore(){return this._isDisposed?!1:this._query.hasNext}async loadMore(){if(this._isDisposed)return[];if(this.hasMore){const t=await this._query.next();return this._setDefaultChangelogsSyncTimestamp(t),this._addChannelsToView(t,!0),t}return[]}setConversationListCollectionHandler(t){this._collectionEventHandler=t}dispose(){this._isDisposed||(this._isDisposed=!0,this._collectionEventHandler=void 0,this._sdk.removeConnectionHandler(this._handlerId),this._sdk.groupChannel.removeGroupChannelHandler(this._handlerId),this._pinnedChannels.length=0,this._channels.length=0)}}const _t=(e,t)=>e.findIndex(n=>n.isIdentical(t)),Lo=(e,t,n)=>{if(e.length>0){const o=_t(e,t);let s=0,a=e.length-1,i=Math.floor((s+a)/2);for(;s<a;){const c=Qt(e[i],t,n);if(c>0)a=i,i=Math.floor((s+a)/2);else if(c<0)s=i+1,i=Math.floor((s+a)/2);else return{place:i,oldPosition:o}}return{place:Qt(e[i],t,n)>=0?i:i+1,oldPosition:o}}return{place:e.length,oldPosition:-1}},Qt=(e,t,n)=>{switch(n){case Ke.GroupChannelListOrder.LATEST_LAST_MESSAGE:if(e.lastMessage&&t.lastMessage){const o=t.lastMessage.createdAt-e.lastMessage.createdAt;return o===0?t.createdAt-e.createdAt:o}else return e.lastMessage?-1:t.lastMessage?1:t.createdAt-e.createdAt;default:return 0}};function Oo(e,t){var y,x,g,b,C,S,k,M,R,H;const n=d.useId(),[o,s]=d.useState(!1),[a,i]=d.useState(null),[l,c]=d.useState([]),[m,p]=d.useState(null),f=d.useRef(!1),E=d.useCallback(async()=>{if(!f.current&&e.currentUser){f.current=!0,s(!1),i(null),c([]);try{m==null||m.dispose();const O=new Mo(e,t);O.setConversationListCollectionHandler({onChannelsAdded:()=>{c(O.channels)},onChannelsUpdated:()=>{c(O.channels)},onChannelsDeleted:()=>{c(O.channels)}}),await O.loadMore(),p(O),i(null)}catch(O){p(null),i(O)}finally{s(!0),f.current=!1}}},[e,(y=t.filter)==null?void 0:y.aiAgentChannelFilter,(g=(x=t.filter)==null?void 0:x.aiAgentConversationStatusFilter)==null?void 0:g.join(),(C=(b=t.filter)==null?void 0:b.aiAgentIds)==null?void 0:C.join(),(S=t.filter)==null?void 0:S.deskChannelFilter,(M=(k=t.filter)==null?void 0:k.pinnedChannelUrls)==null?void 0:M.join(),(R=t.filter)==null?void 0:R.copilotConversationOnly,(H=t.filter)==null?void 0:H.copilotSupportChannelUrl,t.limit]),v=d.useCallback(async()=>{if(m)try{await m.loadMore()}catch(O){i(O)}},[m]);return d.useEffect(()=>(e.addConnectionHandler(n,new V.ConnectionHandler({onConnected:()=>E()})),()=>e.removeConnectionHandler(n)),[e,n,E]),d.useEffect(()=>{E()},[E]),d.useEffect(()=>()=>{f.current=!1,m==null||m.dispose()},[m]),{initialized:o,error:a,channels:l,loadMore:v}}const{Provider:Ro}=W("AIAgentConversationList");function Do({conversationListLimit:e,conversationListFilter:t,children:n}){var f,E;const{chatSDK:o,aiAgentId:s,queryParams:a}=j(),i={aiAgentIds:[s],aiAgentConversationStatusFilter:[U.ConversationStatus.CLOSED,U.ConversationStatus.OPEN]},l=e??((f=a==null?void 0:a.conversationListParams)==null?void 0:f.limit),c={...i,...(E=a==null?void 0:a.conversationListParams)==null?void 0:E.filter,...t},m=Oo(o,{limit:l,filter:c}),p={listSource:{initialized:m.initialized,error:m.error??void 0,channels:m.channels,loadMore:()=>m.loadMore()}};return r.createElement(Ro,{value:p},n)}function Po(e){let t="pending",n=e.then(o=>{t="resolved",n=o}).catch(o=>{t="rejected",n=o});return{get value(){if(t==="resolved")return n;throw n}}}const{Provider:No,useContext:On}=W("MessageTemplateFetching");function Fo({children:e,internalVariables:t}){const n=d.useRef({}),o=d.useRef({}),[s,a]=d.useState({}),i=d.useCallback((m,p)=>{a(f=>({...f,[m]:{fetching:!1,error:!1,...f[m],...p}}))},[]),l=d.useCallback(async({onRequestTemplate:m,onGetCachedTemplate:p,templateKey:f,suspense:E=!1})=>{const v=p(f);if(v)return v;const y=o.current[f];if(y)return y;E||i(f,{fetching:!0});const x=m(f).catch(g=>{throw E||i(f,{error:!0}),g}).finally(()=>{E||i(f,{fetching:!1}),delete o.current[f]});return o.current[f]=x,x},[i]),c={internalVariables:t,fetchTemplate:l,suspend:(m,p)=>{if(n.current[m])return n.current[m];const f=Po(p());return n.current[m]=f,f},getIsFetching:m=>{var p;return((p=s[m])==null?void 0:p.fetching)??!1},getHasError:m=>{var p;return((p=s[m])==null?void 0:p.error)??!1}};return r.createElement(No,{value:c},e)}const tt={VARIABLE:e=>new RegExp(`\\{${e}\\}`,"g"),VIEW_VARIABLE:e=>new RegExp(`"{@${e}}"`,"g")};function le({uiTemplateString:e,variables:t={}}){const n=yo(t);return Mt({template:e,variables:n,variableKeyPattern:o=>tt.VARIABLE(o)})}function ce({theme:e,uiTemplateString:t,colorVariables:n={}}){return Mt({template:t,variables:n,variableKeyPattern:o=>tt.VARIABLE(o),variableValueTransformer:o=>vo(e,o)})}function Bo({theme:e,uiTemplateString:t,viewVariables:n={},aiAgentColorVariables:o,internalVariables:s,onRequestTemplate:a}){const l=Object.values(n).flat().map(m=>m.key);return[...new Set(l)].some(m=>!a(m))?null:Mt({template:t,variables:n,variableKeyPattern:m=>tt.VIEW_VARIABLE(m),variableValueTransformer:m=>{const p=m.map(({key:f,variables:E})=>{const v=a(f),{ui_template:y,color_variables:x}=Le(v);let g=JSON.stringify(y);return g=le({uiTemplateString:g,variables:s}),g=ce({theme:e,uiTemplateString:g,colorVariables:x}),g=ce({theme:e,uiTemplateString:g,colorVariables:o}),g=le({uiTemplateString:g,variables:E}),et(g)});return JSON.stringify(p)}})}async function Uo({theme:e,uiTemplateString:t,viewVariables:n={},aiAgentColorVariables:o,internalVariables:s,onRequestTemplate:a}){return Co({template:t,variables:n,variableKeyPattern:i=>tt.VIEW_VARIABLE(i),variableValueTransformer:async i=>{const l=i.map(async({key:m,variables:p})=>{const f=await a(m),{ui_template:E,color_variables:v}=Le(f);let y=JSON.stringify(E);return y=le({uiTemplateString:y,variables:s}),y=ce({theme:e,uiTemplateString:y,colorVariables:v}),y=ce({theme:e,uiTemplateString:y,colorVariables:o}),y=le({uiTemplateString:y,variables:p}),et(y)}),c=await Promise.all(l);return JSON.stringify(c)}})}const Ho=({rawTemplate:e,aiAgentColorVariables:t,internalVariables:n,...o})=>{const{ui_template:s,color_variables:a}=Le(e);let i=JSON.stringify(s);if(Object.keys(o.viewVariables??{}).length>0){const c=Bo({...o,uiTemplateString:i,aiAgentColorVariables:t,internalVariables:n});if(c===null)return null;i=c}return i=le({...o,uiTemplateString:i,variables:n}),i=ce({...o,uiTemplateString:i,colorVariables:a}),i=ce({...o,uiTemplateString:i,colorVariables:t}),i=le({...o,uiTemplateString:i}),et(i)},Vo=async({rawTemplate:e,aiAgentColorVariables:t,internalVariables:n,...o})=>{const{ui_template:s,color_variables:a}=Le(e);let i=JSON.stringify(s);return Object.keys(o.viewVariables??{}).length>0&&(i=await Uo({...o,uiTemplateString:i,aiAgentColorVariables:t,internalVariables:n})),i=le({...o,uiTemplateString:i,variables:n}),i=ce({...o,uiTemplateString:i,colorVariables:a}),i=ce({...o,uiTemplateString:i,colorVariables:t}),i=le({...o,uiTemplateString:i}),et(i)},zo=e=>{const{aiAgentColorVariables:t={}}=e,{internalVariables:n}=On();return d.useState(()=>{const o=e.onGetCachedTemplate(e.templateKey);return o?Ho({...e,rawTemplate:o,aiAgentColorVariables:t,internalVariables:n,onRequestTemplate:e.onGetCachedTemplate}):null})},Wo=e=>{const[t]=zo(e);if(t)return t;const{aiAgentColorVariables:n={}}=e,{internalVariables:o,fetchTemplate:s,suspend:a}=On();return a(e.templateKey,async()=>{const l=await s({...e,suspense:!0});return await Vo({...e,rawTemplate:l,aiAgentColorVariables:n,internalVariables:o})}).value},Rn=(e,t)=>{var o;const{aiAgentInfo:n}=Ln();if(e==="handoff-button"){const s=!!((o=t==null?void 0:t.conversation)!=null&&o.handoff);return(t==null?void 0:t.isAIAgent)&&(n==null?void 0:n.showHandoffButton)&&s&&bt(t)}if(e==="special-notice")return(t==null?void 0:t.isAIAgent)&&(n==null?void 0:n.specialNoticeEnabled)&&!!(n!=null&&n.specialNotice);throw new Error("Unsupported feature")},Go={required:"This question is required",minLength:e=>`Minimum ${e} characters required`,maxLength:e=>`Maximum ${e} characters allowed`,min:e=>`Minimum value is ${e}`,max:e=>`Maximum value is ${e}`,minSelect:e=>`Select at least ${e} options`,maxSelect:e=>`Select at most ${e} options`,regex:"Invalid format",invalidSelection:"Invalid selection"},jo={getValueOrDefault:e=>e.value??e.default_value??null,validate:(e,t,n)=>{const o=t;if(e.required&&(!o||o.trim()===""))return{isValid:!1,error:n.required};if(!o)return{isValid:!0};const{rules:s}=e;if(s){if(s.min_length!==void 0&&o.length<s.min_length)return{isValid:!1,error:typeof n.minLength=="function"?n.minLength(s.min_length):n.minLength};if(s.max_length!==void 0&&o.length>s.max_length)return{isValid:!1,error:typeof n.maxLength=="function"?n.maxLength(s.max_length):n.maxLength};if(s.regex&&!new RegExp(s.regex).test(o))return{isValid:!1,error:n.regex}}return{isValid:!0}}},qo={getValueOrDefault:e=>e.value??e.default_value??null,validate:(e,t,n)=>{const o=t;if(e.required&&o===null)return{isValid:!1,error:n.required};if(o===null)return{isValid:!0};const{rules:s}=e;if(s){if(s.min!==void 0&&o<s.min)return{isValid:!1,error:typeof n.min=="function"?n.min(s.min):n.min};if(s.max!==void 0&&o>s.max)return{isValid:!1,error:typeof n.max=="function"?n.max(s.max):n.max}}return{isValid:!0}}},Ko={getValueOrDefault:e=>e.value??e.default_value??null,validate:(e,t,n)=>{const o=t;return e.required&&!o?{isValid:!1,error:n.required}:o&&!e.options.includes(o)?{isValid:!1,error:n.invalidSelection}:{isValid:!0}}},Zo={getValueOrDefault:e=>e.values??e.default_values??null,validate:(e,t,n)=>{const o=t;if(e.required&&(!o||o.length===0))return{isValid:!1,error:n.required};if(!o||o.length===0)return{isValid:!0};if(o.filter(i=>!e.options.includes(i)).length>0)return{isValid:!1,error:n.invalidSelection};const{rules:a}=e;if(a){if(a.min_select!==void 0&&o.length<a.min_select)return{isValid:!1,error:typeof n.minSelect=="function"?n.minSelect(a.min_select):n.minSelect};if(a.max_select!==void 0&&o.length>a.max_select)return{isValid:!1,error:typeof n.maxSelect=="function"?n.maxSelect(a.max_select):n.maxSelect}}return{isValid:!0}}},Yo={text:jo,number:qo,"single-select":Ko,"multi-select":Zo},Jo={getValueOrDefault:()=>null,validate:()=>({isValid:!1})};function Dn(e){return Yo[e.type]||Jo}function en(e){return Dn(e).getValueOrDefault(e)}function Xo(e,t,n={}){const o={...Go,...n};return Dn(e).validate(e,t,o)}const Qo=(e,t={})=>{const{labels:n={},onSubmit:o,onCancel:s}=t,[a,i]=d.useState({}),[l,c]=d.useState(()=>{const x={};return e.fields.forEach(g=>{x[g.key]=en(g)}),x}),m=d.useMemo(()=>e.submitted_at?"submitted":e.canceled_at?"canceled":"draft",[e.submitted_at,e.canceled_at]);d.useEffect(()=>{if(m==="submitted"||m==="canceled"){const x={};let g=!1;e.fields.forEach(b=>{const C=en(b);JSON.stringify(l[b.key])!==JSON.stringify(C)&&(g=!0),x[b.key]=C}),g&&c(x)}},[m]);const p=(x,g)=>{c(b=>({...b,[x]:g})),i(b=>({...b,[x]:void 0}))},f=e.fields.map(x=>{var C,S,k;const g=l[x.key]??null,b={key:x.key,label:x.label,error:a[x.key],required:x.required};return x.type==="text"?{...b,type:"text",layout:x.layout,value:g,...x.placeholder&&{placeholder:x.placeholder},...((C=x.rules)==null?void 0:C.max_length)&&{maxLength:x.rules.max_length}}:x.type==="number"?{...b,type:"number",layout:x.layout,value:g,...x.placeholder&&{placeholder:x.placeholder},...((S=x.rules)==null?void 0:S.max)&&{max:x.rules.max}}:x.type==="single-select"?{...b,type:"single-select",layout:x.layout,value:g,options:x.options}:x.type==="multi-select"?{...b,type:"multi-select",layout:x.layout,value:g,options:x.options,...((k=x.rules)==null?void 0:k.max_select)&&{maxSelect:x.rules.max_select}}:{...b,type:"unknown",layout:"default",value:null}});return{state:m,fields:f,getField:x=>f.find(g=>g.key===x),updateFieldValue:p,submit:async()=>{const x={};let g=!1;for(const b of e.fields){const C=l[b.key]??null,S=Xo(b,C,n);S.isValid||(x[b.key]=S.error,g=!0)}if(i(x),!g&&o){const b={};e.fields.forEach(C=>{b[C.key]=l[C.key]??null}),await o(b)}},cancel:async()=>{await(s==null?void 0:s())}}},es='@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}',Oe="en",ts=new Set([Oe,"ko","es","pt","fr","hi","it","de","tr","ja"]),ns=(e,t,n)=>{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!==n?". Note that variables only represent file names one level deep.":""))))})},rs=Rr.enUS,os={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",BUTTON__SUBMIT:"Submit",NO_NAME:"(No name)",RETRY:"Retry",POWERED_BY:"Powered by",OPTIONAL:"optional",SUBMITTED:"Submitted",TRY_AGAIN:"Please try again.",DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR:"MMMM dd, yyyy",DATE_FORMAT__MESSAGE_TIMESTAMP:"p",DATE_FORMAT__JUST_NOW:"Just now",DATE_FORMAT__MINUTES_AGO:e=>`${e} minutes ago`,DATE_FORMAT__HOURS_AGO:e=>`${e} hours ago`,DATE_FORMAT__DATE_SHORT:"MM/dd/yyyy",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.",CONVERSATION_CLOSED_FOOTER_LABEL:"Your conversation has ended",START_NEW_CONVERSATION:"💬 Start a new conversation",RETURN_TO_CONVERSATION:"💬 Return to conversation",TALK_TO_AGENT:"Talk to agent",CONVERSATION_LIST__HEADER_TITLE:"Conversations",CONVERSATION_LIST__TOPICS_FALLBACK:"No category",CONVERSATION_LIST__NO_CONVERSATIONS:"No conversations yet",CONVERSATION_LIST__ENDED:"Ended",CITATION_SOURCE_TITLE:"Source",FORM_PLACEHOLDER:"Please fill out the form to move forward.",FORM_UNAVAILABLE:"Form is no longer available.",FORM_NOT_SUPPORTED:"This form is not supported in the current version.",FORM_VALIDATION_REQUIRED:"This question is required",FORM_VALIDATION_MIN_LENGTH:e=>`Minimum ${e} characters required`,FORM_VALIDATION_MAX_LENGTH:e=>`Maximum ${e} characters allowed`,FORM_VALIDATION_MIN:e=>`Minimum value is ${e}`,FORM_VALIDATION_MAX:e=>`Maximum value is ${e}`,FORM_VALIDATION_MIN_SELECT:e=>`Select at least ${e} options`,FORM_VALIDATION_MAX_SELECT:e=>`Select at most ${e} options`,FORM_VALIDATION_REGEX_FAILED:"Invalid format",DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE:"MM/dd/yyyy",DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION:"h:mma"},Lt={language:"en",dateLocale:rs,stringSet:os},ss=Object.freeze(Object.defineProperty({__proto__:null,default:Lt},Symbol.toStringTag,{value:"Module"})),je=new Map([[Oe,Lt]]);async function is(e){if(je.has(e))return je.get(e);const t=ts.has(e)?e:Oe;try{const{default:n}=await ns(Object.assign({"./languages/de.ts":()=>Promise.resolve().then(()=>require("./jPFSCBtt.cjs")),"./languages/en.ts":()=>Promise.resolve().then(()=>ss),"./languages/es.ts":()=>Promise.resolve().then(()=>require("./DnmwPUXn.cjs")),"./languages/fr.ts":()=>Promise.resolve().then(()=>require("./B5TcHsfW.cjs")),"./languages/hi.ts":()=>Promise.resolve().then(()=>require("./Cd891_fx.cjs")),"./languages/it.ts":()=>Promise.resolve().then(()=>require("./CGCB6sFG.cjs")),"./languages/ja.ts":()=>Promise.resolve().then(()=>require("./C0TzR0z9.cjs")),"./languages/ko.ts":()=>Promise.resolve().then(()=>require("./Tp2-TfFd.cjs")),"./languages/pt.ts":()=>Promise.resolve().then(()=>require("./D2IqKxXh.cjs")),"./languages/tr.ts":()=>Promise.resolve().then(()=>require("./Djrz0ZDD.cjs"))}),`./languages/${t}.ts`,3);return je.set(e,n),n}catch{return Lt}}const{Provider:as,useContext:L}=W("Localization");function ls(e){var t;return((t=e.split("-"))==null?void 0:t[0])??Oe}function cs({language:e=navigator.language,logger:t,stringSet:n,children:o}){const[s,a]=d.useState(je.get(Oe));return d.useEffect(()=>{const i=ls(e);s.language!==i&&(t==null||t.debug("localization.useEffect: update language",`${s.language} -> ${i}`),is(i).then(a))},[e]),r.createElement(as,{value:{language:s.language,stringSet:{...s.stringSet,...n},dateLocale:s.dateLocale,format:(i,l,c)=>ie.format(i,l,{locale:s.dateLocale,...c})}},o)}const Ye="data-sb-agent-theme",tn=e=>(t,...n)=>{let o="";return t.forEach((s,a)=>{o+=s+(n[a]??"")}),`[${Ye}='${e}'] & { ${o} }`},$={light:tn("light"),dark:tn("dark")},ds=_.css(({theme:e})=>{const{palette:t}=e;return`
-    :root,
-    :host {
-      --sendbird-primary-extra-dark: ${t.primary.extraDark};
-      --sendbird-primary-dark: ${t.primary.dark};
-      --sendbird-primary-main: ${t.primary.main};
-      --sendbird-primary-light: ${t.primary.light};
-      --sendbird-primary-extra-light: ${t.primary.extraLight};
-
-      --sendbird-secondary-extra-dark: ${t.secondary.extraDark};
-      --sendbird-secondary-dark: ${t.secondary.dark};
-      --sendbird-secondary-main: ${t.secondary.main};
-      --sendbird-secondary-light: ${t.secondary.light};
-      --sendbird-secondary-extra-light: ${t.secondary.extraLight};
-
-      --sendbird-information-extra-dark: ${t.information.extraDark};
-      --sendbird-information-dark: ${t.information.dark};
-      --sendbird-information-main: ${t.information.main};
-      --sendbird-information-light: ${t.information.light};
-      --sendbird-information-extra-light: ${t.information.extraLight};
-
-      --sendbird-error-extra-dark: ${t.error.extraDark};
-      --sendbird-error-dark: ${t.error.dark};
-      --sendbird-error-main: ${t.error.main};
-      --sendbird-error-light: ${t.error.light};
-      --sendbird-error-extra-light: ${t.error.extraLight};
-
-      --sendbird-background-700: ${t.background700};
-      --sendbird-background-600: ${t.background600};
-      --sendbird-background-500: ${t.background500};
-      --sendbird-background-400: ${t.background400};
-      --sendbird-background-300: ${t.background300};
-      --sendbird-background-200: ${t.background200};
-      --sendbird-background-100: ${t.background100};
-      --sendbird-background-50: ${t.background50};
-
-      --sendbird-onlight-text-high-emphasis: ${t.onlight.textHighEmphasis};
-      --sendbird-onlight-text-mid-emphasis: ${t.onlight.textMidEmphasis};
-      --sendbird-onlight-text-low-emphasis: ${t.onlight.textLowEmphasis};
-      --sendbird-onlight-text-disabled: ${t.onlight.textDisabled};
-
-      --sendbird-ondark-text-high-emphasis: ${t.ondark.textHighEmphasis};
-      --sendbird-ondark-text-mid-emphasis: ${t.ondark.textMidEmphasis};
-      --sendbird-ondark-text-low-emphasis: ${t.ondark.textLowEmphasis};
-      --sendbird-ondark-text-disabled: ${t.ondark.textDisabled};
-
-      --sendbird-overlay-dark: ${t.overlay.dark};
-      --sendbird-overlay-light: ${t.overlay.light};
-    }
-  `}),us=_.css`[${Ye}='light'] &{--sb-text-high-emphasis:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled:var(--sendbird-onlight-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-ondark-text-disabled);--sb-bg-50-600:var(--sendbird-background-50);--sb-bg-100-500:var(--sendbird-background-100);--sb-bg-200-400:var(--sendbird-background-200);--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-text-high-emphasis:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled:var(--sendbird-ondark-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-onlight-text-disabled);--sb-bg-50-600:var(--sendbird-background-600);--sb-bg-100-500:var(--sendbird-background-500);--sb-bg-200-400:var(--sendbird-background-400);--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)"},information:{main:"var(--sendbird-information-main)",light:"var(--sendbird-information-light)"},background700:"var(--sendbird-background-700)",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)",onlight:{textLowEmphasis:"var(--sendbird-onlight-text-low-emphasis)"},ondark:{textMidEmphasis:"var(--sendbird-ondark-text-mid-emphasis)",textLowEmphasis:"var(--sendbird-ondark-text-low-emphasis)",textDisabled:"var(--sendbird-ondark-text-disabled)"},overlay:{dark:"var(--sendbird-overlay-dark)"}},themedColor:{textHighEmphasis:"var(--sb-text-high-emphasis)",textMidEmphasis:"var(--sb-text-mid-emphasis)",textLowEmphasis:"var(--sb-text-low-emphasis)",textDisabled:"var(--sb-text-disabled)",textHighEmphasisInverse:"var(--sb-text-high-emphasis-inverse)",bg_50_600:"var(--sb-bg-50-600)",bg_100_500:"var(--sb-bg-100-500)",bg_200_400:"var(--sb-bg-200-400)",primary:"var(--sb-primary)",error:"var(--sb-error)"}},{Provider:ms,useContext:Pn}=W("MessengerTheme");function gs(e){const{theme:t,appearance:n,logger:o}=e;return r.createElement(ho,{appearance:n,palette:t==null?void 0:t.palette,typography:t==null?void 0:t.typography,logger:o},r.createElement(hs,{...e}))}function hs({rootElement:e=document.body,children:t}){const{theme:n,updateTheme:o}=$t();return d.useLayoutEffect(()=>{e.setAttribute(Ye,n.selectedTheme)},[e,n.selectedTheme]),r.createElement(_.ThemeProvider,{theme:n},r.createElement(ms,{value:{theme:n,updateTheme:o,rootElement:e}},t))}function ge(e,t){const n=e.getRootNode({composed:t});return n instanceof ShadowRoot||n instanceof Document?n:document}const fs=(e,t)=>{d.useEffect(()=>{const n=ge(t)instanceof ShadowRoot,o=ge(t,!0);if(!(n?t:o).querySelector(`link[href*='${e}']`)){const a=o.createElement("link");a.rel="stylesheet",a.href=e,(n?t:o.head).appendChild(a)}},[e,t])},ps=(e,t=document.body)=>{d.useEffect(()=>{const n=ge(t),s=n instanceof ShadowRoot?t:n.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])},Ot=/iPad|iPhone|iPod/.test(navigator.userAgent),bs=/Android/.test(navigator.userAgent),we=e=>Ot||bs,{Provider:xs,Consumer:Nn,useContext:N}=W("Messenger");function Es({children:e,state:t,enableCloseConversationButton:n=!1,enableExpandButton:o=!0,enableAutoDisconnectInLauncher:s=!0,...a}){const[i,l]=d.useState(!1),[c,m]=d.useState(!1),p={opened:(t==null?void 0:t.opened)??i,setOpened:(t==null?void 0:t.setOpened)??l,expanded:(t==null?void 0:t.expanded)??c,setExpanded:(t==null?void 0:t.setExpanded)??m};return r.createElement(Jr,{...a},f=>r.createElement(xs,{value:{...a,...f,state:p,enableCloseConversationButton:n,enableExpandButton:o,enableAutoDisconnectInLauncher:s}},e))}const{Provider:vs,useContext:z}=W("MessengerSession"),ys=d.forwardRef(function({children:e,...t},n){return r.createElement(wo,{ref:n,...t},o=>r.createElement(Cs,{...o},e))}),Cs=({children:e,...t})=>{const{chatSDK:n,logger:o,appId:s,aiAgentId:a,agentPreviewConfigs:i,state:l}=N(),{userSessionInfo:c,authenticate:m,setActiveChannel:p,userSession:f,aiAgentInfo:E,launcherInfo:v}=t,y=d.useRef(null);return Ce.useGroupChannelHandler(n,{async onUserJoined(x,g){var C,S,k;if(x.conversation&&x.conversation.type===U.ConversationType.PROACTIVE&&g.userId===((C=n.currentUser)==null?void 0:C.userId)){o.info("messengerSession.onUserJoined: proactive channel joined",x.url);const M=((S=x.conversation)==null?void 0:S.status)??U.ConversationStatus.OPEN;p({url:x.url,status:M}),l.setOpened(!0),_s({sound:document.hidden||!l.opened}),(k=y.current)==null||k.call(y,{channel:x})}}}),d.useEffect(()=>{m().then(({launcher:x})=>{x.auto_open&&!we()&&setTimeout(()=>l.setOpened(!0),500)}).catch(x=>{o.error("messengerSession: failed to initialize",x)})},[n,s,a,c==null?void 0:c.userId,c==null?void 0:c.authToken]),!f||!E||!v?null:r.createElement(vs,{value:{...t,userSession:f,aiAgentInfo:{...E,...i==null?void 0:i.bot},launcherInfo:{...v,...i==null?void 0:i.launcher},registerOnJoinedProactiveConversation:x=>y.current=x}},e)};function _s({sound:e}){const t="🔔You have received a new message",n=document.title,o=setInterval(()=>{document.title=document.title===t?n:t},750);setTimeout(()=>clearInterval(o),5e3),e&&Promise.resolve().then(()=>require("./B93o4u0P.cjs")).then(s=>{new Audio(s.default).play()})}const J=e=>{const t=e;return typeof t=="number"?`${t}px`:t},w=({as:e,variant:t="body1",color:n,maxTextLines:o,className:s,...a})=>r.createElement(ws,{as:e,$variant:t,className:s,$color:n,$maxTextLines:o,...a}),nn=new WeakMap,Ss=(e,t)=>{let n=nn.get(t);n||(n=new Map,nn.set(t,n));const o=n.get(e);if(o)return o;const s=t[e]??t.body1,a=_.css`font-size:${J(s.fontSize)};font-weight:${s.fontWeight};${s.fontFamily?`font-family: ${s.fontFamily};`:""}
-    ${s.lineHeight?`line-height: ${s.lineHeight};`:"line-height: 100%;"}
-  `;return n.set(e,a),a},Ts=e=>e?_.css`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:${e};overflow:hidden;`:"",ws=h.default.span`font-stretch:normal;letter-spacing:normal;${({$variant:e,theme:t})=>Ss(e,t.typography)}color:${({$color:e})=>e};${({$maxTextLines:e})=>Ts(e)}`,te="sb-agent",ne={ENTRY:`${te}-entry`,MODAL_ROOT:`${te}-modal-root`,WINDOW:`${te}-window`,LAUNCHER:`${te}-launcher`},Be=2147483647,pe={MODAL:Be-1,TOOLTIP:Be-2,WINDOW:Be-3,LAUNCHER:Be-4},Fn={DEFAULT_PRIMARY:"#742ddd",WHITE:"#ffffff"},Bn=36,ks=100,As=25*1024*1024,Un=["application/pdf","image/jpeg","image/jpg","image/png"],nt="noopener noreferrer nofollow",he=244,Hn=640,Je=26,Vn=4,re=12,ke=2,Is=16,oe=`${te}-incoming-msg`,$s=`${te}-marked-text`;function Rt(e){switch(e){case"top":case"middle":return ke;default:return Is}}function Dt(e,t){if(t){const[,n]=t.split("/");if(n)return n.toUpperCase()}if(e&&!e.startsWith(".")){const n=e.split(".").pop();if(n&&n!==e)return n.toUpperCase()}return"FILE"}function zn(e){return e.messageType==="file"?e.message.length>0&&e.file.name!==e.message:e.message.length>0}class $e extends d.PureComponent{constructor(t){super(t),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}render(){const{fallback:t=null,errorFallback:n=t,loadingFallback:o=t,children:s}=this.props;return this.state.hasError?n:r.createElement(d.Suspense,{fallback:o},s)}}const Ms=e=>r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 64 64",...e},r.createElement("path",{className:"fill",d:"M52.552 11.448a2.666 2.666 0 0 1 .222 3.52l-.222.251-16.781 16.78 16.781 16.782a2.665 2.665 0 0 1 0 3.771 2.666 2.666 0 0 1-3.52.222l-.251-.222L32 35.771 15.219 52.552a2.665 2.665 0 0 1-3.771 0 2.666 2.666 0 0 1-.222-3.52l.222-.251L28.228 32l-16.78-16.781a2.665 2.665 0 0 1 0-3.771 2.666 2.666 0 0 1 3.52-.222l.251.222 16.78 16.78 16.782-16.78a2.665 2.665 0 0 1 3.771 0z",fill:"#000",fillRule:"evenodd"})),Ls=e=>r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",...e},r.createElement("path",{className:"fill",d:"M7.33348 7.3335L2.00015 7.3335L2.00015 6.00016H5.05735L1.3335 2.27631L2.27631 1.3335L6.00015 5.05734V2.00016L7.33348 2.00016L7.33348 7.3335ZM8.66683 8.66683H14.0002V10.0002L10.943 10.0002L14.6668 13.724L13.724 14.6668L10.0002 10.943V14.0002H8.66683L8.66683 8.66683Z",fill:"#000",fillRule:"evenodd"})),Os=e=>r.createElement("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{className:"fill",fillRule:"evenodd",clipRule:"evenodd",d:"M2 2H7.33333V3.33333L4.27613 3.33333L7.99999 7.05719L7.05718 8L3.33333 4.27616L3.33333 7.33333H2V2ZM14 14H8.66667V12.6667H11.7239L8.00001 8.94281L8.94282 8L12.6667 11.7238V8.66667H14V14Z",fill:"#000"})),Rs=e=>r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 64 64",fill:"evenodd",...e},r.createElement("path",{className:"fill",fill:"#0D0D0D",d:"M50.667 18.667H13.333v-5.334h37.334zM50.667 34.667H13.333v-5.334h37.334zM13.333 50.667h37.334v-5.334H13.333z"})),Ds=e=>r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 64 64",...e},r.createElement("path",{fill:"#000",fillRule:"evenodd",d:"M59.795 29.43 7.329 2.979C4.691 1.802 1.76 4.153 2.932 6.798l6.925 18.609a2 2 0 0 0 1.544 1.275l32.273 5.394L11.4 37.47a1.998 1.998 0 0 0-1.544 1.275L2.932 57.353c-.879 2.645 1.76 4.997 4.397 3.527l52.466-26.453c2.051-.882 2.051-3.82 0-4.996z",className:"fill"})),Ps=new Set(["send","chat","message","chevron-right"]),Ns={close:Ms,send:Ds,menu:Rs,expand:Os,collapse:Ls,spinner:d.lazy(()=>Promise.resolve().then(()=>require("./Cf3-irI8.cjs"))),chat:d.lazy(()=>Promise.resolve().then(()=>require("./BmdfYY9c.cjs"))),message:d.lazy(()=>Promise.resolve().then(()=>require("./CmWLVNPR.cjs"))),error:d.lazy(()=>Promise.resolve().then(()=>require("./DNmdC4-j.cjs"))),info:d.lazy(()=>Promise.resolve().then(()=>require("./ohTjxqcW.cjs"))),refresh:d.lazy(()=>Promise.resolve().then(()=>require("./D00MOxhE.cjs"))),"chevron-down":d.lazy(()=>Promise.resolve().then(()=>require("./wf-LdaaN.cjs"))),"chevron-right":d.lazy(()=>Promise.resolve().then(()=>require("./B0k-GApQ.cjs"))),done:d.lazy(()=>Promise.resolve().then(()=>require("./kp5wcW4s.cjs"))),user:d.lazy(()=>Promise.resolve().then(()=>require("./CtHfgPDp.cjs"))),"file-document":d.lazy(()=>Promise.resolve().then(()=>require("./_YfLwFkX.cjs"))),download:d.lazy(()=>Promise.resolve().then(()=>require("./BN09c8-A.cjs"))),attach:d.lazy(()=>Promise.resolve().then(()=>require("./DcDTXo8_.cjs"))),delete:d.lazy(()=>Promise.resolve().then(()=>require("./CKPzhVy2.cjs"))),"close-filled":d.lazy(()=>Promise.resolve().then(()=>require("./D1kINslt.cjs"))),agent:d.lazy(()=>Promise.resolve().then(()=>require("./Ce1MzjFq.cjs"))),question:d.lazy(()=>Promise.resolve().then(()=>require("./JA0x62Fd.cjs"))),actionbook:d.lazy(()=>Promise.resolve().then(()=>require("./CXa-CGHE.cjs"))),function:d.lazy(()=>Promise.resolve().then(()=>require("./zbLY6xl_.cjs"))),"radio-on":d.lazy(()=>Promise.resolve().then(()=>require("./B9NJk4MI.cjs"))),"radio-off":d.lazy(()=>Promise.resolve().then(()=>require("./Bb0r6Nhu.cjs"))),confluence:d.lazy(()=>Promise.resolve().then(()=>require("./c6TZaE94.cjs"))),zendesk:d.lazy(()=>Promise.resolve().then(()=>require("./DqpDy_26.cjs"))),salesforce:d.lazy(()=>Promise.resolve().then(()=>require("./BsgzT_SF.cjs"))),sprinklr:d.lazy(()=>Promise.resolve().then(()=>require("./D97ZpKUC.cjs"))),website:d.lazy(()=>Promise.resolve().then(()=>require("./ygZY2D-5.cjs"))),snippet:d.lazy(()=>Promise.resolve().then(()=>require("./BCFOnu0u.cjs"))),template:d.lazy(()=>Promise.resolve().then(()=>require("./eJXfXI1_.cjs"))),source:d.lazy(()=>Promise.resolve().then(()=>require("./yVmX6iux.cjs"))),bot:d.lazy(()=>Promise.resolve().then(()=>require("./PhHbzZB_.cjs"))),"bot-filled":d.lazy(()=>Promise.resolve().then(()=>require("./DlvMdI1f.cjs"))),copy:d.lazy(()=>Promise.resolve().then(()=>require("./COgkkyBM.cjs"))),show:d.lazy(()=>Promise.resolve().then(()=>require("./DM-WWpci.cjs"))),mute:d.lazy(()=>Promise.resolve().then(()=>require("./P_ra76fq.cjs")))},I=({type:e,size:t=24,className:n,color:o})=>{const s=Ns[e];return r.createElement(Bs,{className:n,$rtlFlip:Ps.has(e),$size:t,$color:o??u.color.primary.main},r.createElement($e,{errorFallback:r.createElement(Us,null)},r.createElement(s,null)))},Fs=_.css`[dir='rtl'] &{transform:scaleX(-1);}`,Bs=h.default.div`width:${({$size:e})=>J(e)};height:${({$size:e})=>J(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&&Fs};`,Us=()=>r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 64 64"},r.createElement("rect",{x:"8",y:"8",width:"48",height:"48",fill:"none",className:"stroke",rx:"4"}),r.createElement("line",{x1:"20",y1:"20",x2:"44",y2:"44",className:"stroke"}),r.createElement("line",{x1:"44",y1:"20",x2:"20",y2:"44",className:"stroke"}));function Pt({name:e,type:t="FILE",iconColor:n,iconBackgroundColor:o,onClick:s}){const{colors:a}=_.useTheme();return r.createElement(Hs,{onClick:s,$clickable:!!s},r.createElement(zs,{$bgColor:o??a.base.primary},r.createElement(I,{type:"file-document",size:24,color:n??a.base.primaryContrastContent})),r.createElement(Ws,null,r.createElement(Gs,{variant:"button",color:u.themedColor.textHighEmphasis},e),r.createElement(w,{color:u.themedColor.textMidEmphasis,variant:"caption3"},t)))}const Hs=h.default.div`border-radius:12px;gap:8px;width:${he}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${u.themedColor.textDisabled};background-color:${u.themedColor.bg_50_600};${({$clickable:e})=>e&&Vs}`,Vs=_.css`cursor:pointer;&:hover{background-color:${u.themedColor.bg_100_500};}`,zs=h.default.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({$bgColor:e})=>e};`,Ws=h.default.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`,Gs=h.default(w)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;function js({file:e,children:t,onClickFile:n}){return r.createElement(qs,null,r.createElement(Pt,{name:e.name,type:Dt(e.name,e.type),onClick:n&&(()=>n==null?void 0:n(e))}),t)}const qs=h.default.div`display:flex;flex-direction:column;align-items:flex-start;gap:${ke}px;`;function Ks({file:e,onClickMedia:t,children:n}){const o=()=>e.type.startsWith("image")?r.createElement(Js,{src:e.url,alt:"image-message"}):e.type.startsWith("video")?r.createElement(Xs,{controls:!0},r.createElement("source",{src:e.url}),r.createElement("track",{kind:"captions"})):null;if(o){const s={id:`${oe}-media-body`,onClick:()=>t==null?void 0:t(e)};return r.createElement(Zs,null,r.createElement(Ys,{...s},o()),n)}return null}const Zs=h.default.div`display:flex;flex-direction:column;align-items:flex-start;gap:${ke}px;`,Ys=h.default.div`width:${he}px;height:160px;border-radius:12px;overflow:hidden;cursor:pointer;${$.light`
-    background-color: ${u.color.background100};
-  `}
-  ${$.dark`
-    background-color: ${u.color.background400};
-  `}
-`,Js=h.default.img`width:100%;height:100%;object-fit:cover;`,Xs=h.default.video`width:100%;height:100%;object-fit:cover;`,Qs="✱";function Wn(e){const t=new RegExp(`${Qs}+`,"g");return e.replace(t,n=>`<span id=${$s} aria-label="masked-text">${n}</span>`)}function ei(e){return e.replace(/\*\*(.*?)\*\*/g,"<b>$1</b>")}function ti(e){const t=/```(\w+)?\n([\s\S]*?)```/g,n=[];let o=0;return e.replace(t,(s,...a)=>{const[i,l,c]=a;return o<c&&n.push({type:"text",value:e.slice(o,c).trim()}),n.push({type:"code",value:l.trim(),language:i?i.trim():"plaintext"}),o=c+s.length,s}),o<e.length&&n.push({type:"text",value:e.slice(o).trim()}),n.map(s=>s.type!=="text"?s:{...s,value:Wn(s.value)})}const ni=d.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./CwonzgCI.cjs"))).MarkdownText})),ri=d.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./DlvEEpWX.cjs"))).CodeBlock}));function rn(e){var s,a;const t=e.maxBodyWidth??he,n=d.useMemo(()=>ti(e.message),[e.message]),o={id:`${oe}-text-body`,$maxWidth:t,$color:(s=e.customStyle)==null?void 0:s.bubbleContentColor,$bgColor:(a=e.customStyle)==null?void 0:a.bubbleBackgroundColor};return n.length===0?e.children?r.createElement(on,{...o},e.children):null:r.createElement(on,{...o},n.map((i,l)=>i.type==="text"?r.createElement(sn,{key:l,variant:"body3"},r.createElement($e,{fallback:i.value},r.createElement(ni,{onClickImage:c=>{var m;return(m=e.onClickMedia)==null?void 0:m.call(e,{url:c,type:"image/*"})}},i.value))):i.type==="code"?r.createElement($e,{key:l,fallback:r.createElement(sn,{variant:"body3"},i.value)},r.createElement(ri,{code:i.value,language:i.language})):null),e.children)}const on=h.default.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({$maxWidth:e})=>e}px;${({theme:e,$color:t,$bgColor:n})=>_.css`
-    color: ${t||e.colors.messageIncoming.text};
-    background-color: ${n||e.colors.messageIncoming.background};
-  `}
-  padding: 12px 0;
-  transition: max-width 0.3s;
-  overflow-wrap: break-word;
-`,sn=h.default(w)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;function oi(e){const{stringSet:t}=L(),n=zn(e)?r.createElement(rn,{...e}):null;if(e.messageType==="user")return n;if(e.messageType==="file"){const o=e.file;return o.type.startsWith("image")||o.type.startsWith("video")?r.createElement(Ks,{...e},n):r.createElement(js,{...e},n)}return r.createElement(rn,{...e,message:t.UNKNOWN__UNKNOWN_MESSAGE_TYPE})}function Nt({id:e,src:t,size:n=56,onClick:o,style:s}){return r.createElement(si,{id:e,tabIndex:0,onClick:o,$size:J(n),style:s},t?r.createElement(ii,{src:t}):r.createElement(I,{type:"user",size:n}))}const si=h.default.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.bg_100_500};&:focus{outline:none;}`,ii=h.default.img`object-fit:cover;width:100%;height:100%;position:absolute;`;function ai({sender:e,isBotMessage:t}){const n=`${oe}-sender-avatar`;return t&&!e.profileUrl?r.createElement(li,{id:n},r.createElement(I,{type:"bot-filled",size:"100%"})):r.createElement(Nt,{id:n,size:Je,src:e.profileUrl})}const li=h.default.div`flex-shrink:0;width:${Je}px;height:${Je}px;box-sizing:border-box;padding:4px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:${({theme:e})=>e.colors.base.primary}!important;path{fill:${({theme:e})=>e.colors.base.primaryContrastContent}!important;}}`;function ci({sender:e}){return r.createElement(di,{id:`${oe}-sender-name`,variant:"caption1",color:u.themedColor.textMidEmphasis},e.nickname)}const di=h.default(w)`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 ui({createdAt:e}){const{stringSet:t,format:n}=L();return e?r.createElement(w,{id:`${oe}-sent-time`,variant:"caption4",color:u.themedColor.textLowEmphasis},n(e,t.DATE_FORMAT__MESSAGE_TIMESTAMP)):null}function mi({customStyle:e}){return r.createElement(gi,{$bgColor:e==null?void 0:e.bubbleBackgroundColor},[0,1,2].map(t=>r.createElement(hi,{key:t,$color:e==null?void 0:e.bubbleContentColor})))}const gi=h.default.div`align-items:center;border-radius:12px;display:flex;gap:6px;justify-content:center;padding:16px 12px;background-color:${({theme:e,$bgColor:t})=>t||e.colors.messageIncoming.background};`,hi=h.default.span`animation:blink 1.4s infinite;animation-fill-mode:both;border-radius:50%;height:8px;width:8px;background:${({theme:e,$color:t})=>t||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;}`;async function Ft(e){let t=e;t&&(!t.startsWith("http://")&&!t.startsWith("https://")&&(t="https://"+t),window.open(t,"_blank","noopener,noreferrer"))}function fi({extendedMessagePayload:e,onClickCTA:t=({url:n})=>Ft(n)}){const n=e==null?void 0:e.cta_button;return n?r.createElement(pi,{id:`${oe}-ext-cta-button`,role:"button",onClick:()=>t(n)},r.createElement(bi,{variant:"button"},n.label)):null}const pi=h.default.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;color:${u.themedColor.textHighEmphasis};background-color:${u.color.background50};${$.dark`
-    background-color: ${u.color.ondark.textDisabled};
-  `}
-`,bi=h.default(w)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;function xi({extendedMessagePayload:e,onClickCitation:t=n=>Ft(n.link)}){const{stringSet:n}=L(),{theme:o}=$t(),s=e==null?void 0:e.citations;return!s||s.length===0?null:r.createElement(Ei,{id:`${oe}-ext-citation`},r.createElement(vi,{variant:"caption1",color:o.colors.messageIncoming.text},n.CITATION_SOURCE_TITLE),r.createElement(yi,null,s.map((a,i)=>r.createElement(_i,{key:`${a.embedding_id}-${i}`,role:"button",onClick:()=>t(a)},r.createElement(I,{type:"source",size:16,color:o.colors.messageIncoming.text}),r.createElement(Ci,{variant:"body3",color:o.colors.messageIncoming.text},a.title)))))}const Ei=h.default.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;padding:8px 12px 6px;`,vi=h.default(w)`opacity:0.5;`,yi=h.default.div`display:flex;flex-direction:column;gap:8px;`,Ci=h.default(w)`text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,_i=h.default.div`display:flex;align-items:center;gap:4px;cursor:pointer;&:hover{opacity:0.5;}`,Gn=({rootElementId:e,visible:t,onClose:n,children:o})=>{if(!t)return null;const{rootElement:s}=Pn(),a=ge(s),i=ge(s,!0);return Dr.createPortal(r.createElement(Si,{onClick:n},r.createElement(Ti,{onClick:l=>l.stopPropagation()},o)),a.getElementById(e)??a.getElementById(ne.MODAL_ROOT)??i.body)},Si=h.default.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${u.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${pe.MODAL};`,Ti=h.default.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:${pe.MODAL};`,jn=({visible:e,title:t,description:n,confirmText:o="OK",onConfirm:s,onClose:a})=>{const i=()=>{s==null||s(),a()};return r.createElement(Gn,{rootElementId:ne.WINDOW,visible:e,onClose:a},r.createElement(wi,null,r.createElement(ki,null,t&&r.createElement(w,{variant:"h1",color:u.themedColor.textHighEmphasis},t),n&&r.createElement(Ai,null,r.createElement(w,{variant:"subtitle2",color:u.themedColor.textHighEmphasis},n))),r.createElement(Ii,null,r.createElement($i,{onClick:i},r.createElement(w,{variant:"button",color:u.themedColor.primary},o)))))},wi=h.default.div`width:100%;height:auto;padding-block:24px 12px;padding-inline:24px;margin:0 auto;border-radius:4px;box-sizing:border-box;background-color:${({theme:e})=>e.colors.base.modalContentBackground};`,ki=h.default.div`margin-bottom:16px;`,Ai=h.default.div`margin-top:8px;`,Ii=h.default.div`display:flex;flex-direction:row;justify-content:flex-end;`,$i=h.default.button`all:unset;display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:transparent;padding:10px 16px;`,Bt=_.css`width:100%;height:36px;border-radius:6px;cursor:pointer;transition:all 0.2s ease;padding:0 12px;border:none;outline:none;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`,an=h.default.button`${Bt};background-color:${u.themedColor.primary};color:${u.themedColor.textHighEmphasis};&:hover:not(:disabled){opacity:0.9;}`,Mi=h.default.button`${Bt};color:${u.themedColor.primary};${$.light`
-    background-color: ${u.color.background50};
-  `};
-  ${$.dark`
-    background-color: ${u.color.background700};
-  `};
-
-  &:hover:not(:disabled) {
-    opacity: 0.9;
-  }
-`,Li=h.default.button`${Bt};background-color:transparent;color:${u.themedColor.textHighEmphasis};&:hover:not(:disabled){opacity:0.7;}`,Oi=e=>{switch(e){case"primary":return an;case"secondary":return Mi;case"clear":return Li;default:return an}},Ri=h.default.div`animation:1s infinite linear;animation-name:rotate;display:flex;align-items:center;justify-content:center;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`,Di=({children:e,onClick:t,variant:n="primary",disabled:o=!1,loading:s=!1,className:a})=>{const i=()=>{switch(n){case"primary":return u.themedColor.textHighEmphasisInverse;case"secondary":return u.themedColor.primary;case"clear":return u.themedColor.textHighEmphasis;default:return u.themedColor.textHighEmphasisInverse}},l=Oi(n);return r.createElement(l,{onClick:t,disabled:o||s,className:a},s?r.createElement(Ri,null,r.createElement(I,{type:"spinner",size:22,color:i()})):r.createElement(w,{variant:"button",color:i()},e))},Pi=({children:e,className:t,style:n})=>r.createElement(w,{variant:"caption4",color:u.themedColor.error,className:t,style:n},e),Ni=({children:e,className:t,style:n,required:o})=>{const{stringSet:s}=L();return r.createElement(w,{variant:"caption3",color:u.themedColor.textMidEmphasis,className:t,style:n},e,!o&&r.createElement("span",{style:{color:u.themedColor.textLowEmphasis}},` (${s.OPTIONAL})`))},Fi=({value:e,onChange:t,placeholder:n,error:o=!1,submitted:s=!1,className:a,disabled:i=!1,max:l})=>{const c=p=>{const E=p.target.value.replace(/[^0-9.-]/g,""),v=E.split("."),x=v.length>1?v[0]+"."+v.slice(1).join("").replace(/\./g,""):E;if(p.target.value=x,x===""||x==="-")t==null||t(null);else{const g=Number(x);if(!isNaN(g)){if(l!==void 0&&g>l)return;t==null||t(g)}}},m=e==null?"":String(e);return r.createElement(zi,{type:"text",value:m,onChange:c,placeholder:n,className:a,disabled:i||s,inputMode:"decimal",$error:o,$submitted:s})},Bi=_.css`width:100%;height:36px;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:400;line-height:1.43;outline:none;transition:all 0.2s ease;&::placeholder{color:${u.themedColor.textLowEmphasis};}&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}`,Ui=_.css`color:${u.themedColor.textHighEmphasis};border:1px solid transparent;cursor:not-allowed;${$.light`
-    background-color: ${u.color.ondark.textMidEmphasis};
-  `}
-  ${$.dark`
-    background-color: ${u.color.onlight.textLowEmphasis};
-  `}
-
-  &::placeholder {
-    color: ${u.themedColor.textLowEmphasis};
-  }
-`,Hi=_.css`border:1px solid ${u.themedColor.error};color:${u.themedColor.textHighEmphasis};${$.light`
-    background-color: ${u.color.background50};
-  `}
-  ${$.dark`
-    background-color: ${u.color.onlight.textLowEmphasis};
-  `}
-`,Vi=_.css`border:1px solid ${u.themedColor.textDisabled};color:${u.themedColor.textHighEmphasis};${$.light`
-    background-color: ${u.color.background50};
-  `}
-  ${$.dark`
-    background-color: ${u.color.onlight.textLowEmphasis};
-  `}
-  
-  &:focus {
-    border-color: ${u.themedColor.primary};
-  }
-`,zi=h.default.input`${Bi}${({$error:e,$submitted:t})=>t?Ui:e?Hi:Vi}`,Wi=e=>{if(e.multiple){const{value:t=[],onChange:n,maxSelect:o,submitted:s=!1}=e;return{selectedValues:t,handleOptionClick:i=>{if(s)return;if(t.includes(i)){const c=t.filter(m=>m!==i);n==null||n(c)}else{if(o&&t.length>=o)return;const c=[...t,i];n==null||n(c)}}}}else{const{value:t,onChange:n,submitted:o=!1}=e;return{selectedValues:t?[t]:[],handleOptionClick:a=>{if(o)return;const i=t===a?"":a;n==null||n(i)}}}},qn=e=>{const{options:t,submitted:n=!1,error:o=!1,className:s}=e,{selectedValues:a,handleOptionClick:i}=Wi(e);return r.createElement(ji,{className:s},t.map(l=>{const c=a.includes(l.value);return r.createElement(Qi,{key:l.value,$active:c,$submitted:n,$error:o,onClick:()=>i(l.value)},r.createElement(w,{variant:"caption1",color:Gi(c,n)},l.label))}))},Gi=(e,t)=>t?e?u.themedColor.textHighEmphasis:u.themedColor.textDisabled:e?u.themedColor.primary:u.themedColor.textMidEmphasis,ji=h.default.div`display:flex;flex-wrap:wrap;gap:4px 2px;`,qi=_.css`display:inline-flex;align-items:center;padding:8px 12px;border-radius:15px;transition:all 0.2s ease;`,Ki=_.css`cursor:default;background-color:${u.color.ondark.textMidEmphasis};color:${u.themedColor.textHighEmphasis};${$.dark`
-    background-color: transparent;
-    border: 1px solid white;
-    color: white;
-  `}
-`,Zi=_.css`cursor:default;${$.light`
-    background-color: ${u.color.ondark.textMidEmphasis};
-    color: ${u.themedColor.textDisabled};
-  `}
-  ${$.dark`
-    background-color: ${u.color.onlight.textLowEmphasis};
-    border: 1px solid ${u.color.onlight.textLowEmphasis};
-    color: ${u.themedColor.textDisabled};
-  `}
-`,Yi=_.css`cursor:pointer;border:1px solid ${u.themedColor.primary};${$.light`
-    background-color: ${u.color.background50};
-    color: ${u.themedColor.primary};
-  `}
-  ${$.dark`
-    background-color: ${u.color.onlight.textLowEmphasis};
-    color: ${u.themedColor.primary};
-  `}
-`,Ji=_.css`cursor:pointer;border:1px solid ${u.themedColor.textDisabled};${$.light`
-    background-color: ${u.color.background50};
-    color: ${u.themedColor.textMidEmphasis};
-  `}
-  ${$.dark`
-    background-color: ${u.color.onlight.textLowEmphasis};
-    color: ${u.themedColor.textMidEmphasis};
-  `}
-`,Xi=_.css`border-color:${u.themedColor.error}!important;`,Qi=h.default.div`${qi}${({$active:e,$submitted:t,$error:n})=>{if(t)return e?Ki:Zi;const o=e?Yi:Ji;return n?_.css`
-          ${o} ${Xi}
-        `:o}}
-`,ea=e=>r.createElement(qn,{...e,multiple:!1}),ta=e=>r.createElement(qn,{...e,multiple:!0}),na=h.default.div`width:100%;height:1px;background-color:${u.themedColor.textDisabled};`,ra=({className:e})=>r.createElement(na,{className:e}),oa=({value:e="",onChange:t,placeholder:n,variant:o="single-line",error:s=!1,submitted:a=!1,className:i,disabled:l=!1,maxLength:c})=>{const p={value:e,onChange:f=>{const E=f.target.value;c&&E.length>c||t==null||t(E)},placeholder:n,className:i,disabled:l||a,maxLength:c,$error:s,$submitted:a};return o==="multi-line"?r.createElement(ia,{...p,as:"textarea"}):r.createElement(sa,{...p})},Kn=_.css`width:100%;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:400;line-height:1.43;outline:none;transition:all 0.2s ease;&::placeholder{color:${u.themedColor.textLowEmphasis};}`,Zn=_.css`color:${u.themedColor.textHighEmphasis};border:1px solid transparent;cursor:not-allowed;${$.light`
-    background-color: ${u.color.ondark.textMidEmphasis};
-  `}
-  ${$.dark`
-    background-color: ${u.color.onlight.textLowEmphasis};
-  `}
-
-  &::placeholder {
-    color: ${u.themedColor.textLowEmphasis};
-  }
-`,Yn=_.css`border:1px solid ${u.themedColor.error};color:${u.themedColor.textHighEmphasis};${$.light`
-    background-color: ${u.color.background50};
-  `}
-  ${$.dark`
-    background-color: ${u.color.onlight.textLowEmphasis};
-  `}
-`,Jn=_.css`border:1px solid ${u.themedColor.textDisabled};color:${u.themedColor.textHighEmphasis};${$.light`
-    background-color: ${u.color.background50};
-  `}
-  ${$.dark`
-    background-color: ${u.color.onlight.textLowEmphasis};
-  `}
-  
-  &:focus {
-    border-color: ${u.themedColor.primary};
-  }
-`,sa=h.default.input`${Kn}height:36px;${({$error:e,$submitted:t})=>t?Zn:e?Yn:Jn}`,ia=h.default.textarea`${Kn}height:96px;resize:vertical;font-family:inherit;${({$error:e,$submitted:t})=>t?Zn:e?Yn:Jn}`,aa=({children:e,className:t,style:n})=>r.createElement(w,{variant:"button",color:u.themedColor.textHighEmphasis,className:t,style:n},e),K={Title:aa,Label:Ni,ErrorLabel:Pi,Separator:ra,Button:Di,TextInput:oa,NumberInput:Fi,SingleSelect:ea,MultiSelect:ta},la=1,ca=new Set(["text","number","single-select","multi-select"]),da=e=>{var g;const t=(g=e.extendedMessagePayload)==null?void 0:g.form;if(!t)throw new Error("Form is not provided");const{stringSet:n}=L(),[o,s]=d.useState({submitting:!1,canceling:!1}),[a,i]=d.useState({visible:!1}),{state:l,fields:c,submit:m,cancel:p,updateFieldValue:f}=Qo(t,{labels:{required:n.FORM_VALIDATION_REQUIRED,regex:n.FORM_VALIDATION_REGEX_FAILED,minLength:n.FORM_VALIDATION_MIN_LENGTH,maxLength:n.FORM_VALIDATION_MAX_LENGTH,min:n.FORM_VALIDATION_MIN,max:n.FORM_VALIDATION_MAX,minSelect:n.FORM_VALIDATION_MIN_SELECT,maxSelect:n.FORM_VALIDATION_MAX_SELECT},onSubmit:b=>{var C;return(C=e.onSubmitForm)==null?void 0:C.call(e,{key:t.key,data:b})},onCancel:()=>{var b;return(b=e.onCancelForm)==null?void 0:b.call(e,{key:t.key})}}),E=l==="submitted",v=async()=>{s(b=>({...b,submitting:!0}));try{await m()}catch(b){i({visible:!0,description:b instanceof Error?b.message:n.TRY_AGAIN})}finally{s(b=>({...b,submitting:!1}))}},y=async()=>{s(b=>({...b,canceling:!0}));try{await p()}catch(b){i({visible:!0,description:b instanceof Error?b.message:n.TRY_AGAIN})}finally{s(b=>({...b,canceling:!1}))}},x=d.useMemo(()=>{const b=()=>t.version>la,C=()=>t.fields.some(S=>!ca.has(S.type));return b()||C()?{visible:!1,cancelable:!0,reason:n.FORM_NOT_SUPPORTED}:l==="draft"&&(e.isHandedOff||e.isConversationClosed)?{visible:!1,cancelable:!1,reason:n.FORM_UNAVAILABLE}:{visible:!0,cancelable:!0,reason:""}},[t.version,t.fields,l,e.isHandedOff,e.isConversationClosed]);return l==="canceled"?null:x.visible?r.createElement(d.Fragment,null,r.createElement(ln,{$maxWidth:e.maxBodyWidth??he},r.createElement(K.Title,null,t.title),r.createElement(ua,null,c.map(b=>r.createElement(ma,{key:b.key},r.createElement(K.Label,{style:{marginBottom:"6px"},required:b.required},b.label),b.type==="text"&&r.createElement(K.TextInput,{value:b.value||"",placeholder:b.placeholder,onChange:C=>f(b.key,C),disabled:E,error:!!b.error,submitted:E,variant:b.layout==="multiline"?"multi-line":"single-line",maxLength:b.maxLength}),b.type==="number"&&r.createElement(K.NumberInput,{value:b.value||null,placeholder:b.placeholder,onChange:C=>f(b.key,C),disabled:E,error:!!b.error,submitted:E,max:b.max}),b.type==="single-select"&&r.createElement(K.SingleSelect,{options:b.options.map(C=>({label:C,value:C})),value:b.value||"",onChange:C=>f(b.key,C),submitted:E}),b.type==="multi-select"&&r.createElement(K.MultiSelect,{options:b.options.map(C=>({label:C,value:C})),value:b.value||[],onChange:C=>f(b.key,C),submitted:E,maxSelect:b.maxSelect}),b.error&&r.createElement(K.ErrorLabel,{style:{marginTop:"4px"}},b.error)))),r.createElement(K.Separator,null),r.createElement(ga,null,r.createElement(K.Button,{variant:E?"clear":"primary",onClick:v,disabled:E||o.canceling,loading:o.submitting},E?n.SUBMITTED:n.BUTTON__SUBMIT),l!=="submitted"&&r.createElement(K.Button,{variant:"secondary",onClick:y,disabled:o.submitting,loading:o.canceling},n.BUTTON__CANCEL))),r.createElement(jn,{...a,onClose:()=>i({visible:!1,title:""})})):r.createElement(ln,{$maxWidth:e.maxBodyWidth??he},r.createElement(w,{variant:"body3"},x.reason),x.cancelable&&r.createElement(K.Button,{variant:"primary",onClick:y,loading:o.canceling},n.BUTTON__CANCEL))},ln=h.default.div`display:flex;flex-direction:column;gap:12px;border-radius:12px;overflow:hidden;max-width:${({$maxWidth:e})=>e}px;${({theme:e})=>_.css`
-    color: ${e.colors.messageIncoming.text};
-    background-color: ${e.colors.messageIncoming.background};
-  `}
-  padding: 16px 12px;
-  transition: max-width 0.3s;
-  overflow-wrap: break-word;
-`,ua=h.default.div`display:flex;flex-direction:column;gap:12px;`,ma=h.default.div`display:flex;flex-direction:column;`,ga=h.default.div`display:flex;flex-direction:column;gap:8px;`;function ha(e){return r.createElement(r.Fragment,null)}const fa=new Set(["default"]),{MessageTemplate:pa}=Pr.createMessageTemplate({parser:pt.parser,renderer:pt.renderer,Container:e=>r.createElement("div",{...e})});function ba(e){return r.createElement($e,{errorFallback:e.messageTemplateErrorFallback,loadingFallback:e.messageTemplateLoadingFallback},r.createElement(xa,{...e}))}const xa=({extendedMessagePayload:e,onGetCachedMessageTemplate:t=()=>null,onRequestMessageTemplate:n,onHandleTemplateInternalAction:o=ae})=>{const s=e==null?void 0:e.message_template;if(!fa.has((s==null?void 0:s.type)??"default"))throw new Error("Unsupported template type");if(!n)throw new Error("onRequestMessageTemplate is required");const{theme:i}=Pn(),l=Wo({onRequestTemplate:n,onGetCachedTemplate:t,theme:i.selectedTheme,templateKey:(s==null?void 0:s.key)??"invalid",variables:s==null?void 0:s.variables,viewVariables:s==null?void 0:s.view_variables,aiAgentColorVariables:i.aiAgentColorVariables});return r.createElement(Ea,{id:`${oe}-ext-message-template`},r.createElement(pt.MessageProvider,{handleInternalAction:(c,m)=>{c.stopPropagation(),o==null||o(m)}},r.createElement(pa,{templateItems:l.body.items,templateVersion:l.version})))},Ea=h.default.div`box-sizing:border-box;overflow:hidden;width:100%;`;function va({extendedMessagePayload:e,onClickSuggestedReply:t,suggestedRepliesDirection:n="vertical"}){const[o,s]=d.useState(!1),a=(e==null?void 0:e.suggested_replies)??[];return a.length===0||o?null:r.createElement(ya,{id:`${oe}-ext-suggested-replies`,$type:n},a.map((i,l)=>r.createElement(Ca,{key:l,$type:n,variant:"body3",onClick:()=>{t&&(t==null||t({reply:i}),s(!0))}},i)))}const ya=h.default.div`margin:16px 0;padding:0 ${re}px;position:relative;display:flex;align-self:stretch;gap:8px;${({$type:e})=>e==="vertical"?_a:Sa};`,Ca=h.default(w)`box-sizing:border-box;padding:8px 12px;display:flex;align-items:center;border-radius:20px / clamp(20px,5%,100px);cursor:pointer;word-break:break-word;color:${u.color.primary.main};border:1px solid ${u.color.primary.main};background-color:${u.themedColor.bg_50_600};&:hover{background-color:${u.themedColor.bg_100_500};}${({$type:e,theme:t})=>_.css`
-    ${e==="vertical"?Ta:wa};
-    &:active {
-      background-color: ${t.colors.base.primary};
-      color: ${t.colors.base.primaryContrastContent};
-    }
-  `}
-`,_a=_.css`flex-direction:column;align-items:flex-end;`,Sa=_.css`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`,Ta=_.css`max-width:calc(100% - 70px);white-space:pre-wrap;`,wa=_.css`white-space:nowrap;`,fe=_e({template:ka,components:{SenderName:ci,SenderAvatar:ai,SentTime:ui,MessageBody:oi,TypingIndicator:mi,SuggestedReplies:va,MessageTemplate:ba,CTAButton:fi,Citation:xi,Form:da,MessageLogs:ha}});function ka(e){return r.createElement(Xn,{...e,testerMode:!1})}function Xn(e){var E,v,y,x,g,b,C;const{components:t}=fe.useContext(),n=!!e.isTyping,o=e.testerMode,s=!!((E=e.extendedMessagePayload)!=null&&E.form)&&!((v=e.extendedMessagePayload)!=null&&v.form.canceled_at),a=!!((y=e.extendedMessagePayload)!=null&&y.message_template),i=!!((x=e.extendedMessagePayload)!=null&&x.cta_button),l=!!((g=e.extendedMessagePayload)!=null&&g.citations)&&e.extendedMessagePayload.citations.length>0,c=!!e.createdAt,m=e.groupType==="top"||e.groupType==="single",p=e.groupType==="bottom"||e.groupType==="single",f=o?0:Je;return r.createElement(Aa,{$marginBottom:n?0:Rt(e.groupType)},m&&r.createElement(Ia,null,!o&&r.createElement(t.SenderAvatar,{...e}),r.createElement(t.SenderName,{...e})),r.createElement(Ma,null,r.createElement(gt,{$extraStartPadding:f},n?r.createElement(t.TypingIndicator,{...e}):r.createElement(t.MessageBody,{...e},i&&r.createElement("div",{style:{marginTop:12,marginInline:12}},r.createElement(t.CTAButton,{...e})),l&&r.createElement(t.Citation,{...e}))),a&&r.createElement(cn,{$startPadding:0,$endPadding:0},r.createElement(t.MessageTemplate,{...e,messageTemplateErrorFallback:e.messageTemplateErrorFallback??r.createElement(gt,{$extraStartPadding:f},r.createElement(t.MessageBody,{...e,messageType:"user",message:((C=(b=e.extendedMessagePayload)==null?void 0:b.message_template)==null?void 0:C.fallback_message)??"Cannot read this template."})),messageTemplateLoadingFallback:e.messageTemplateLoadingFallback??r.createElement(gt,{$extraStartPadding:f},r.createElement(t.TypingIndicator,{...e}))})),s&&r.createElement(cn,{$extraStartPadding:f},r.createElement(t.Form,{...e}))),p&&c&&r.createElement($a,{$extraStartPadding:f+8},r.createElement(t.SentTime,{...e})),r.createElement(d.Fragment,null,e.suggestedRepliesVisible&&r.createElement(t.SuggestedReplies,{...e}),r.createElement(t.MessageLogs,{...e})))}const Aa=h.default.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({$marginBottom:e})=>`${e}px`};
-`,rt=h.default.div`display:flex;align-self:stretch;justify-content:flex-start;${({$startPadding:e=re,$endPadding:t=re,$extraStartPadding:n=0})=>`
-    padding-inline: ${e+n}px ${t}px;
-  `}
-`,Ia=h.default(rt)`display:flex;flex-direction:row;align-items:center;gap:8px;`,gt=h.default(rt)`display:flex;`,$a=h.default(rt)`margin-top:${Vn}px;display:flex;align-items:flex-start;justify-content:flex-start;`,cn=h.default(rt)`display:flex;${({$startPadding:e=re,$endPadding:t=re,$extraStartPadding:n=0})=>`
-    padding-inline: ${e+n}px ${t}px;
-  `}
-`,Ma=h.default.div`display:flex;flex-direction:column;gap:${ke}px;`;function La({file:e,children:t,onClickFile:n}){return r.createElement(Oa,null,r.createElement(Pt,{name:e.name,type:Dt(e.name,e.type),onClick:n&&(()=>n==null?void 0:n(e))}),t)}const Oa=h.default.div`display:flex;flex-direction:column;align-items:flex-end;gap:${ke}px;`,Ut=({className:e,children:t,size:n=26})=>r.createElement(Ra,{className:e,$size:n},t??r.createElement(I,{type:"spinner",size:n})),Ra=h.default.div`display:flex;align-items:center;justify-content:center;width:${({$size:e})=>J(e)};height:${({$size:e})=>J(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;function Da({file:e,metadata:t,onClickMedia:n,children:o}){const{aspectRatio:s,localFile:a}=t,[i]=d.useState(()=>a instanceof File?URL.createObjectURL(a):e.url),[l,c]=d.useState(!1),m={onClick:()=>n==null?void 0:n(e),$ratio:s};return r.createElement(Pa,null,r.createElement(Na,{...m},!l&&r.createElement(Ut,{size:26},r.createElement(I,{type:"spinner",color:"textLowEmphasis",size:26})),r.createElement(Fa,{$loaded:l,src:i,alt:"image-message",onLoad:()=>c(!0)})),o)}const Pa=h.default.div`display:flex;flex-direction:column;align-items:flex-end;gap:${ke}px;`,Na=h.default.div`width:${he}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;${$.light`
-    background-color: ${u.color.background100};
-  `}
-  ${$.dark`
-    background-color: ${u.color.background400};
-  `}
-`,Fa=h.default.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 dn(e){var n,o;const t=d.useMemo(()=>{const s=ei(Wn(e.message));return Sn.default.sanitize(s)},[e.message]);return r.createElement(Ba,{$maxWidth:e.maxBodyWidth??he,$color:(n=e.customStyle)==null?void 0:n.bubbleContentColor,$bgColor:(o=e.customStyle)==null?void 0:o.bubbleBackgroundColor},r.createElement(Ua,{variant:"body3",dangerouslySetInnerHTML:{__html:t}}))}const Ba=h.default.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({$maxWidth:e})=>e}px;${({theme:e,$color:t,$bgColor:n})=>_.css`
-    color: ${t||e.colors.messageOutgoing.text};
-    background-color: ${n||e.colors.messageOutgoing.background};
-  `}
-  padding: 12px 0;
-  transition: max-width 0.3s;
-  overflow-wrap: break-word;
-`,Ua=h.default(w)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;function Ha(e){const{stringSet:t}=L(),n=zn(e)?r.createElement(dn,{...e}):null;return e.messageType==="user"?n:e.messageType==="file"?e.file.type.startsWith("image")?r.createElement(Da,{...e},n):r.createElement(La,{...e},n):r.createElement(dn,{...e,message:t.UNKNOWN__UNKNOWN_MESSAGE_TYPE})}function Va({sendingStatus:e}){const t=_.useTheme();switch(e){case"pending":return r.createElement(za,{size:16},r.createElement(I,{type:"spinner",color:t.colors.messageOutgoing.background,size:16}));case"failed":return r.createElement("div",{style:{marginBottom:2}},r.createElement(I,{type:"error",color:u.themedColor.error,size:16}));case"scheduled":case"canceled":return null;default:return r.createElement("div",null,r.createElement(I,{type:"chevron-down"}))}}const za=h.default(Ut)`margin-bottom:2px;width:16px;height:16px;`;function Wa({createdAt:e}){const{stringSet:t,format:n}=L();return e?r.createElement(w,{variant:"caption4",color:u.themedColor.textLowEmphasis},n(e,t.DATE_FORMAT__MESSAGE_TIMESTAMP)):null}const ot=_e({template:Ga,components:{SendingStatus:Va,SentTime:Wa,MessageBody:Ha}});function Ga(e){const{components:t}=ot.useContext(),n=e.sendingStatus==="succeeded",o=e.groupType==="bottom"||e.groupType==="single";return r.createElement(ja,{$marginBottom:Rt(e.groupType)},r.createElement(qa,null,r.createElement(t.MessageBody,{...e})),o&&r.createElement(Ka,{$extraEndPadding:8},n?r.createElement(t.SentTime,{...e}):r.createElement(t.SendingStatus,{...e})))}const ja=h.default.div`display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-bottom:${({$marginBottom:e})=>`${e}px`};
-`,Qn=h.default.div`display:flex;align-self:stretch;justify-content:flex-end;${({$startPadding:e=re,$endPadding:t=re,$extraEndPadding:n=0})=>`padding-inline: ${e}px ${t+n}px;`};
-`,qa=h.default(Qn)``,Ka=h.default(Qn)`margin-top:${Vn}px;`;function Za(e){return e.messageType!=="admin"?null:r.createElement(Ya,null,r.createElement(w,{variant:"caption2",color:u.themedColor.textMidEmphasis},Ja(Sn.default.sanitize(e.message))))}const Ya=h.default.div`text-align:center;text-wrap:pretty;word-break:break-word;a{text-decoration:none;color:inherit;}`,Ja=e=>{try{const t=[];let n=e,o=0;for(;n;){const s=n.match(/\[([^\]]+)\]\((https?:\/\/[^\s]+)\)/),a=n.match(/\*\*([^*]+)\*\*/),i=[s&&{match:s,type:"link"},a&&{match:a,type:"bold"}].filter(f=>!!f);if(!i.length){t.push(n);break}const l=i.reduce((f,E)=>E.match.index<f.match.index?E:f),{match:c,type:m}=l,p=c.index;p>0&&t.push(n.slice(0,p)),m==="link"?t.push(r.createElement("a",{key:o++,href:c[2],target:"_blank",rel:nt},c[1])):m==="bold"&&t.push(r.createElement("strong",{key:o++},c[1])),n=n.slice(p+c[0].length)}return t.filter(s=>s!=="")}catch{return[e]}},Xa=({submitted:e,defaultValue:t,value:n,onChange:o})=>{const{stringSet:s}=L();return d.useEffect(()=>{typeof n>"u"&&typeof t=="boolean"&&(o==null||o(t))},[n,t]),r.createElement(Qa,null,r.createElement(w,{variant:"caption2",color:u.themedColor.textMidEmphasis},s.CSAT_CRE_TITLE),r.createElement("div",null,r.createElement(un,{checked:n===!0,label:s.CSAT_CRE_SOLVED,disabled:e,onClick:()=>o==null?void 0:o(!0)}),r.createElement(un,{checked:n===!1,label:s.CSAT_CRE_NOT_SOLVED,disabled:e,onClick:()=>o==null?void 0:o(!1)})))},un=({onClick:e,checked:t,label:n,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 r.createElement(el,{onClick:e,disabled:o},r.createElement(I,{size:24,type:t?"radio-on":"radio-off",color:s}),r.createElement(w,{variant:"caption2",color:a},n))},Qa=h.default.div`display:flex;flex-direction:column;gap:8px;`,el=h.default.button`all:unset;display:flex;align-items:center;justify-content:flex-start;gap:2px;span{line-height:initial;}&:enabled{cursor:pointer;}`,tl=e=>r.createElement("svg",{width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",id:"csat1",...e},r.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"}),r.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}),r.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}),r.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})),nl=e=>r.createElement("svg",{width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.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)"}),r.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"}),r.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"}),r.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"}),r.createElement("defs",null,r.createElement("linearGradient",{id:"paint0_linear_159_173206",x1:20,y1:2.08325,x2:20,y2:37.9166,gradientUnits:"userSpaceOnUse"},r.createElement("stop",{stopColor:"#FF2D1D"}),r.createElement("stop",{offset:1,stopColor:"#FFA540"})))),rl=e=>r.createElement("svg",{width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.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"}),r.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"}),r.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"})),ol=e=>r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:40,height:40,viewBox:"0 0 40 40",fill:"none",...e},r.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"}),r.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"}),r.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"}),r.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"})),sl=e=>r.createElement("svg",{width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.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"}),r.createElement("path",{d:"M13.348 15H13.333M26.6663 15H26.6513",stroke:"black",strokeOpacity:.12,strokeWidth:3.33333,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M15 26.6667H25",stroke:"black",strokeOpacity:.12,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),il=e=>r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:40,height:40,viewBox:"0 0 40 40",fill:"none",...e},r.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"}),r.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"}),r.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"})),al=e=>r.createElement("svg",{width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.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"}),r.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"}),r.createElement("path",{d:"M13.348 15H13.333M26.6663 15H26.6513",stroke:"black",strokeOpacity:.12,strokeWidth:3.33333,strokeLinecap:"round",strokeLinejoin:"round"})),ll=e=>r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:40,height:40,viewBox:"0 0 40 40",fill:"none",...e},r.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"}),r.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"}),r.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"})),cl=e=>r.createElement("svg",{width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.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"}),r.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"}),r.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"})),dl=e=>r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:40,height:40,viewBox:"0 0 40 40",fill:"none",...e},r.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"}),r.createElement("g",{clipPath:"url(#clip0_159_173224)"},r.createElement("g",{clipPath:"url(#clip1_159_173224)"},r.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"})),r.createElement("mask",{id:"mask0_159_173224",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:12,y:22,width:16,height:9},r.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"})),r.createElement("g",{mask:"url(#mask0_159_173224)"},r.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"}))),r.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"}),r.createElement("defs",null,r.createElement("clipPath",{id:"clip0_159_173224"},r.createElement("rect",{width:15.83,height:7.915,fill:"white",transform:"translate(12.085 22.709)"})),r.createElement("clipPath",{id:"clip1_159_173224"},r.createElement("rect",{width:15.83,height:7.915,fill:"white",transform:"translate(12.085 22.709)"})))),ul=[{value:1,Icon:{Active:nl,Inactive:tl},isActive:e=>e<=1,getTooltip:e=>e.CSAT5_RATING_SCORE_1},{value:2,Icon:{Active:ol,Inactive:rl},isActive:e=>e===2,getTooltip:e=>e.CSAT5_RATING_SCORE_2},{value:3,Icon:{Active:il,Inactive:sl},isActive:e=>e===3,getTooltip:e=>e.CSAT5_RATING_SCORE_3},{value:4,Icon:{Active:ll,Inactive:al},isActive:e=>e===4,getTooltip:e=>e.CSAT5_RATING_SCORE_4},{value:5,Icon:{Active:dl,Inactive:cl},isActive:e=>5<=e,getTooltip:e=>e.CSAT5_RATING_SCORE_5}],ml=()=>ul,er=({label:e,children:t,position:n="top",disabled:o})=>o?t:r.createElement(St,null,t,r.createElement(fl,{$position:n},r.createElement(pl,{variant:"caption1"},e),r.createElement(gl,{$position:n}))),gl=({$position:e})=>r.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"},r.createElement("path",{d:"M6 6L0 0h12L6 6Z",fill:u.themedColor.textHighEmphasis})),hl={top:_.css`flex-direction:column;top:0;transform:translate(-50%,-100%);`,bottom:_.css`flex-direction:column-reverse;bottom:0;transform:translate(-50%,100%);`},St=h.default.div`position:relative;`,fl=h.default.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${pe.TOOLTIP};${({$position:e})=>hl[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${St}:hover &,${St}:focus-within &{opacity:1;}`,pl=h.default(w)`padding:6px 8px;background:${u.themedColor.textHighEmphasis};color:${u.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`,bl=({submitted:e,value:t,onChange:n})=>{const{stringSet:o}=L(),s=ml(),a=typeof t=="number";return r.createElement(xl,null,r.createElement(w,{variant:"caption2",color:u.themedColor.textMidEmphasis},o.CSAT_RATING_TITLE),r.createElement(El,null,s.map(i=>r.createElement(er,{disabled:e,key:i.value,label:i.getTooltip(o)},r.createElement(vl,{disabled:e,onClick:()=>n(i.value),$inactive:a&&!i.isActive(t)},a?i.isActive(t)?r.createElement(i.Icon.Active,null):r.createElement(i.Icon.Inactive,null):r.createElement(i.Icon.Active,null))))))},xl=h.default.div`display:flex;flex-direction:column;gap:8px;`,El=h.default.div`display:flex;justify-content:space-between;width:100%;max-width:320px;`,vl=h.default.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};${$.dark`
-      background-color: ${u.color.background500};
-    `}
-  }
-
-  ${({$inactive:e,theme:t})=>e&&t.selectedTheme==="dark"&&yl};
-`,yl=_.css`[fill]{fill:white;fill-opacity:0.12;}[stroke]{stroke:white;stroke-opacity:0.12;}`,Cl=({submitted:e,value:t="",onChange:n})=>{const{stringSet:o}=L();return e&&!t?null:r.createElement(_l,{disabled:e,maxLength:255,value:t,onChange:s=>n(s.target.value),placeholder:o.CSAT_REASON_PLACEHOLDER})},_l=h.default.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.textLowEmphasis};}background-color:${u.color.background50};${$.dark`
-    background-color: ${u.themedColor.textDisabled};
-  `}
-
-  &:disabled {
-    cursor: not-allowed;
-    color: ${u.themedColor.textLowEmphasis};
-    background-color: ${u.color.background200};
-    ${$.dark`
-      color: ${u.color.ondark.textDisabled};
-      background-color: ${u.themedColor.textDisabled};
-    `}
-  }
-`,Sl=({submitted:e})=>{const{stringSet:t}=L();return e?r.createElement(w,{variant:"h2",color:u.themedColor.textHighEmphasis},t.CSAT_TITLE_SUBMITTED):r.createElement(w,{variant:"h2",color:u.themedColor.textHighEmphasis},t.CSAT_TITLE_UNSUBMITTED)};var X=(e=>(e.AI_AGENT_CSAT_5="AI_AGENT_CSAT_5",e.AI_AGENT_CSAT_5_WITH_CRE="AI_AGENT_CSAT_5_WITH_CRE",e.HELPDESK_CSAT_5="HELPDESK_CSAT_5",e))(X||{});const Tl=e=>d.useReducer((t,n)=>({...t,...n}),e),ht=({type:e,renderSubmitButton:t,initialCsat:n,initialCsatReason:o,initialIsResolved:s})=>{const[a,i]=Tl({csatType:e,csat:n,csatReason:o,isResolved:s}),l=typeof n=="number"?"submitted":(e===X.AI_AGENT_CSAT_5||e===X.HELPDESK_CSAT_5)&&typeof a.csat=="number"||e===X.AI_AGENT_CSAT_5_WITH_CRE&&typeof a.csat=="number"&&typeof a.isResolved=="boolean"?"submittable":"unsubmittable",c={state:l,submitted:l==="submitted"};return r.createElement(r.Fragment,null,r.createElement(wl,null,r.createElement(Sl,{...c}),e===X.AI_AGENT_CSAT_5_WITH_CRE&&r.createElement(Xa,{...c,defaultValue:s,value:a.isResolved,onChange:m=>i({isResolved:m})}),r.createElement(bl,{...c,value:a.csat,onChange:m=>i({csat:m})}),a.csat&&r.createElement(Cl,{...c,value:a.csatReason,onChange:m=>i({csatReason:m})})),l!=="submitted"&&t({state:l,params:a}))},wl=h.default.div`display:flex;flex-direction:column;gap:12px;`,kl=()=>{const{stringSet:e}=L();return r.createElement(w,{variant:"body2",color:u.themedColor.textMidEmphasis,style:{textAlign:"center"}},e.CSAT_SUBMISSION_EXPIRED)},Al=e=>{if(e.messageType!=="admin.csat")throw new Error("Invalid message type");const t=Ce.useForceUpdate(),{stringSet:n}=L(),{extendedMessagePayload:o,csat:s,csatReason:a,csatExpireAt:i,isResolvedWhenDeterminedByUser:l,onSubmitCSAT:c}=e,{visibility:m,type:p}=(o==null?void 0:o.csat)??{};if(!m||!p||!X[p])return null;const f=p===X.AI_AGENT_CSAT_5||p===X.AI_AGENT_CSAT_5_WITH_CRE||p===X.HELPDESK_CSAT_5?ht:()=>null,E=v=>{v.csat&&!mn(i)?c({csatType:v.csatType,csat:v.csat,csatReason:v.csatReason,isResolved:v.isResolved}):t()};return r.createElement(Il,null,!s&&mn(i)?r.createElement(kl,null):r.createElement(f,{type:p,initialCsat:s,initialCsatReason:a,initialIsResolved:l,renderSubmitButton:({state:v,params:y})=>r.createElement($l,{disabled:v!=="submittable",onClick:()=>E(y)},r.createElement(w,{variant:"button"},n.CSAT_SUBMIT_LABEL))}))},Il=h.default.div`display:flex;flex-direction:column;background-color:${({theme:e})=>e.colors.csat.background};border-radius:16px;gap:16px;padding:24px;`,$l=h.default.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.ondark.textLowEmphasis};background-color:${u.themedColor.textDisabled};cursor:not-allowed;}`;function mn(e){return!!e&&e<Date.now()}function ve(e){return e()}const st=_e({template:Ml,components:{AdminMessage:Za,CSATMessage:Al}});function Ml(e){const{components:t}=st.useContext(),n=ve(()=>e.messageType==="admin"?r.createElement(t.AdminMessage,{...e}):e.messageType==="admin.csat"?r.createElement(t.CSATMessage,{...e}):null);return r.createElement(Ll,{$marginBottom:Rt(e.groupType)},n)}const Ll=h.default.div`padding-inline:${re}px;margin-bottom:${({$marginBottom:e})=>e}px;`,gn={file:"attach",snippet:"snippet",site:"website",sb_sprinklr:"sprinklr",sb_salesforce:"salesforce",sb_confluence:"confluence",sb_zendesk:"zendesk",sb_desk:"snippet"},tr=({actionbook:e,functionCalls:t,groundedness:n,agentMessageTemplates:o,onClickActionbook:s,onClickFunctionCall:a,onClickFunctionCallDetail:i,onClickGroundedness:l,onClickAgentMessageTemplate:c,bottomContent:m,renderCustomGroundednessIcon:p=E=>E.default,style:f={}})=>{const{iconColor:E="#000000",textColor:v="#000000",highlightColor:y=Fn.DEFAULT_PRIMARY}=f;return r.createElement(hn,null,e&&r.createElement(hn,null,r.createElement(Xe,null,r.createElement(He,null,r.createElement(I,{size:16,type:"actionbook",color:E})),r.createElement(Ue,{$clickable:!!s,$highlightColor:y,variant:"body2",color:v,onClick:()=>s==null?void 0:s(e),maxTextLines:1},e.name))),t==null?void 0:t.map(x=>r.createElement(ft,{key:x.key},r.createElement(He,null,r.createElement(I,{size:16,type:"function",color:E})),r.createElement(Xe,null,r.createElement(Ue,{$clickable:!!a,$highlightColor:y,variant:"body2",color:v,onClick:()=>a==null?void 0:a(x),maxTextLines:1},x.name),i&&r.createElement(Rl,{role:"button",onClick:()=>i==null?void 0:i(x)},r.createElement(w,{variant:"body2",color:y},"View details"),r.createElement(I,{type:"chevron-right",size:16,color:y}))))),n==null?void 0:n.map(x=>r.createElement(ft,{key:x.id},r.createElement(He,null,p({default:r.createElement(I,{size:16,type:gn[x.source_type]??gn.snippet,color:E}),sourceType:x.source_type})),r.createElement(Ue,{$clickable:!!l,$highlightColor:y,variant:"body2",color:v,onClick:()=>l==null?void 0:l(x),maxTextLines:1},x.preview_title))),o==null?void 0:o.map(x=>r.createElement(ft,{key:x.key},r.createElement(He,null,r.createElement(I,{size:16,type:"template",color:E})),r.createElement(Ue,{$clickable:!!c,$highlightColor:y,variant:"body2",color:v,onClick:()=>c==null?void 0:c(x),maxTextLines:1},x.name))),m)},Ol=h.default(w)`font-weight:400;`,Ue=h.default(Ol)`${({$clickable:e,$highlightColor:t})=>e&&_.css`
-      cursor: pointer;
-      text-decoration: underline;
-      &:hover {
-        color: ${t};
-      }
-    `}
-`,He=h.default.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`,Xe=h.default.div`display:flex;gap:8px;align-items:center;word-break:break-word;`,Rl=h.default(Xe)`cursor:pointer;gap:4px;`,ft=h.default(Xe)`flex-direction:row;align-items:center;`,hn=h.default.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`,nr=d.createContext(null);function Dl({testerType:e,children:t}){return r.createElement(nr.Provider,{value:{testerType:e,isActionbookTester:e==="actionbook"}},e&&r.createElement(Pl,null),t)}const Ae=()=>{const e=d.useContext(nr);if(!e)throw new Error("_UNSAFE_INTERNAL_DashboardTesterProvider not found");return e},Pl=()=>{const{isActionbookTester:e}=Ae();return r.createElement(fe.Template,{template:e?Nl:void 0},r.createElement(fe.MessageLogs,{component:Fl}))},Nl=e=>r.createElement(Xn,{...e,testerMode:!0,maxBodyWidth:Hn}),Fl=({extendedMessagePayload:e={}})=>{const{handlers:t}=N(),{manual:n,groundedness:o,function_calls:s,agent_message_templates:a,is_thinking:i}=e;return i||!n&&!(o!=null&&o.length)&&!(s!=null&&s.length)&&!(a!=null&&a.length)?r.createElement(r.Fragment,null):r.createElement(Bl,null,r.createElement(Ul,{width:4}),r.createElement(tr,{actionbook:n,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:r.createElement(Hl,{variant:"caption2",color:u.themedColor.textLowEmphasis},"Only visible in the tester")}))},Bl=h.default.div`display:flex;gap:16px;margin:16px ${re}px 0;align-self:stretch;`,Ul=h.default.div`width:${({width:e})=>e}px;background-color:${u.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`,Hl=h.default(w)`margin-top:5px;`,Vl=({publishSynchronous:e=!1})=>{const t=new Set;return{publish:n=>{t.forEach(o=>{e?o(n):setTimeout(()=>o(n),0)})},subscribe:n=>(t.add(n),()=>t.delete(n))}};function zl(e,t=[]){const n=d.useRef(null),o=d.useRef(0),s=d.useRef(0),[a]=d.useState(()=>Vl({publishSynchronous:!0})),[i,l]=d.useState(!0);return d.useLayoutEffect(()=>{o.current=0,s.current=0,l(!0),n.current&&(n.current.scrollTop=n.current.scrollHeight)},t),d.useLayoutEffect(()=>a.subscribe(({type:c,data:m})=>{const{resolve:p,animated:f}=m??{};if(!n.current)return p==null?void 0:p();if(c==="scrollToBottom"&&(n.current.scroll?n.current.scroll({top:n.current.scrollHeight,behavior:fn(e,f)}):n.current.scrollTop=n.current.scrollHeight,s.current=0,l(!0),p==null||p()),c==="scroll"){const E=m==null?void 0:m.top,{scrollTop:v,scrollHeight:y,clientHeight:x}=n.current;n.current.scroll?n.current.scroll({top:E,behavior:fn(e,f)}):typeof E=="number"&&(n.current.scrollTop=E),s.current=Math.max(0,y-v-x),l(s.current===0),p==null||p()}}),[e]),{scrollRef:n,scrollPubSub:a,isScrollBottomReached:i,setIsScrollBottomReached:l,scrollDistanceFromBottomRef:s,scrollPositionRef:o}}function fn(e,t){return typeof t=="boolean"?t?"smooth":"auto":e}function Wl(e){return"sendingStatus"in e?e.sendingStatus==="succeeded"?String(e.messageId):e.reqId:String(e.messageId)}const Gl=(e,t,n,o=!0)=>{if(!o||!e.isUserMessage()&&!e.isFileMessage())return"single";const s=()=>{if(!t||!t.isUserMessage()&&!t.isFileMessage())return!1;const c=t.sender.userId===e.sender.userId,m=ie.isSameMinute(t.createdAt,e.createdAt);return c&&m},a=()=>{if(!n||!n.isUserMessage()&&!n.isFileMessage())return!1;const c=n.sender.userId===e.sender.userId,m=ie.isSameMinute(n.createdAt,e.createdAt);return c&&m},i=s(),l=a();return i&&l?"middle":i?"bottom":l?"top":"single"};function jl(e,t){return e.filter(n=>Te.isWelcomeMessage(n,t))}function Ht(e,t){return ql(e)===t}function ql(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 Kl(e){return e.isAdminMessage()?e.message==="The channel's custom_type was updated.":!1}const Tt=e=>!!e&&"sender"in e,rr=e=>e.startsWith("image/"),or=e=>e.startsWith("video/"),pn=e=>rr(e)||or(e),Ve={isAdmin:e=>e.isAdminMessage(),isCSAT:e=>{var t;return e.isAdminMessage()&&!!((t=e.extendedMessagePayload)!=null&&t.csat)},isIncoming:(e,t)=>Tt(e)&&e.sender.userId!==t,isOutgoing:(e,t)=>Tt(e)&&(e.sender.userId===t||e.sendingStatus===Ze.SendingStatus.PENDING)},Zl=e=>{const{chatSDK:t,handlers:n,logger:o}=N(),{aiAgentInfo:s}=z(),a=d.useRef(new Set),i=p=>{if(!(n!=null&&n.onCustomEvent))return;Tt(p)&&p.sender.userId===s.userId&&!Te.isStreaming(p)&&!a.current.has(p.messageId)&&(o.debug("useCustomEventForMessageReceive: bot-message-received",p),n.onCustomEvent({type:"bot-message-received",data:{message:p}}),a.current.add(p.messageId))},l=p=>{if(n!=null&&n.onCustomEvent&&p.isAdminMessage()&&p.customType==="user_action_required"&&!a.current.has(p.messageId)){const f=xt(p.data);Array.isArray(f.history)&&f.history.length===0&&(o.debug("useCustomEventForMessageReceive: user_action_required",f),n.onCustomEvent({type:"user-action-requested",data:f}),a.current.add(p.messageId))}},c=(p,f)=>{p.url===e&&(i(f),l(f))},m=p=>{l(p)};return Ce.useGroupChannelHandler(t,{onMessageUpdated:c,onMessageReceived:c}),{checkForUserActionRequired:m}};function Yl(e){return new Promise(t=>{const n=new Image;n.onload=function(){const o=String(n.width),s=String(n.height);URL.revokeObjectURL(n.src),t({width:o,height:s})},n.src=URL.createObjectURL(e)})}async function Jl(e){if("file"in e&&e.file instanceof File&&e.file.type.startsWith("image/")){const{width:t,height:n}=await Yl(e.file);return new Ze.MessageMetaArray({key:sr,value:[t,n]})}}const sr="KEY_IMG_ASPECT_RATIO",Xl=({onScrollAfterSendMessage:e})=>{const{agentPreviewConfigs:t,handlers:n}=N(),o=d.useRef(t==null?void 0:t.agentAttributes);return o.current=t==null?void 0:t.agentAttributes,{onBeforeSendMessage:async s=>{const a=await Jl(s),i={...s,metaArrays:a?[a]:void 0},l=Ql(o.current);return l?{...i,data:JSON.stringify(l)}:i},onAfterSendMessage:s=>{var a,i,l;e(),(a=n==null?void 0:n.onMessageSend)==null||a.call(n,s.message),s.sendingStatus===Ze.SendingStatus.SUCCEEDED?(i=n==null?void 0:n.onCustomEvent)==null||i.call(n,{type:"message-sent-succeeded",data:{message:s}}):s.sendingStatus===Ze.SendingStatus.PENDING&&((l=n==null?void 0:n.onCustomEvent)==null||l.call(n,{type:"message-sent-pending",data:{message:s}}))}}},Ql=e=>{if(!e)return null;const t={};return e.ai&&Object.keys(e.ai).length>0&&(t.ai_attrs=e.ai),e.safeguard&&Object.keys(e.safeguard).length>0&&(t.safeguard_attrs=e.safeguard),typeof e.use_prompt_cache=="boolean"&&(t.use_prompt_cache=e.use_prompt_cache),Object.keys(t).length>0?t:null},{Provider:ec,Context:tc,useContext:G}=W("Conversation"),nc=({children:e})=>{var s;const{channelSource:t}=G(),n=(s=t.channel)==null?void 0:s.url,{checkForUserActionRequired:o}=Zl(n);return d.useEffect(()=>{var i;const a=(i=t.channel)==null?void 0:i.lastMessage;a&&o(a)},[t.channel,o]),r.createElement(r.Fragment,null,e)},ir=({channelUrl:e,onClearChannelUrl:t,onNavigateToConversationList:n,shouldMarkAsRead:o,children:s})=>{const{aiAgentInfo:a,activeChannel:i,refreshActiveChannel:l}=z(),{testerType:c}=Ae(),m=zl("smooth"),{onBeforeSendMessage:p,onAfterSendMessage:f}=Xl({onScrollAfterSendMessage:()=>{m.scrollPubSub.publish({type:"scrollToBottom",data:{animated:!1}})}}),E=e||(i==null?void 0:i.url),v=x=>{const g=x[x.length-1];g&&Te.shouldScrollToBottom(g,a.userId,!!c)&&setTimeout(()=>m.scrollPubSub.publish({type:"scrollToBottom",data:{animated:!0}}),100)},y=d.useCallback(async()=>{await l(),e&&(t==null||t())},[l,e,t]);return r.createElement(Ao,{channelUrl:E,onBeforeSendMessage:p,onAfterSendMessage:f,onMessagesUpdated:v,onMessagesReceived:v,onChannelDeleted:y,shouldMarkAsRead:o},x=>r.createElement(ec,{value:{...x,scrollSource:m,goToActiveConversation:y,onNavigateToConversationList:n}},r.createElement(nc,null,s)))},Vt=d.createContext({onDrop:ae,subscribe:()=>ae}),wt=({children:e})=>{const t=d.useRef(new Set);return r.createElement(Vt.Provider,{value:{onDrop:n=>{var o;if(n.preventDefault(),(o=n.dataTransfer)!=null&&o.files){const s=Array.from(n.dataTransfer.files);s.length>0&&t.current.forEach(a=>a(s))}},subscribe:n=>(t.current.add(n),()=>t.current.delete(n))}},e)},rc=({onDropFiles:e})=>{const{subscribe:t}=d.useContext(Vt);d.useEffect(()=>t(e),[e])};wt.Consumer=({children:e})=>{const{onDrop:t}=d.useContext(Vt);return e({onDrop:t,onDragOver:s=>s.preventDefault()})};const oc=({iconSize:e=64,icon:t,className:n,label:o,children:s})=>r.createElement(ic,{className:n},r.createElement(I,{type:t,size:e,color:u.themedColor.textLowEmphasis}),r.createElement(w,{variant:"body1",color:u.themedColor.textMidEmphasis},o),s),sc=h.default.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`,ic=h.default.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`,ac={loading:d.lazy(()=>Promise.resolve().then(()=>require("./QYX_6NlM.cjs"))),error:d.lazy(()=>Promise.resolve().then(()=>require("./CL3vJx6R.cjs"))),noChannels:d.lazy(()=>Promise.resolve().then(()=>require("./nL9STHuL.cjs"))),noMessages:d.lazy(()=>Promise.resolve().then(()=>require("./BVXZzKpq.cjs")))},ye=({className:e,type:t="loading",...n})=>{const o=ac[t];return r.createElement(sc,{className:e},r.createElement($e,null,r.createElement(o,{...n})))},lc=h.default.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none;`,cc=h.default.div`height:64px;min-height:64px;box-sizing:border-box;display:flex;justify-content:space-between;border-bottom:1px solid ${u.themedColor.textDisabled};background-color:${u.themedColor.bg_50_600};@media screen and (max-width:768px){position:relative;}`,dc=h.default.div`box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:64px;padding:16px 20px;width:calc(100% - 128px);`,uc=h.default.div`margin-inline-end:8px;`,mc=h.default.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);}`,gc=h.default.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;}`,hc=h.default.div`display:flex;width:160px;justify-content:flex-end;`,fc=h.default.div`inset-inline-end:0;display:flex;flex-direction:row;`,ar=h.default.div`width:64px;padding:21px;box-sizing:border-box;cursor:${e=>e.disabled?"not-allowed":"pointer"};`,pc=h.default(ar)`border-inline-start:1px solid ${u.themedColor.textDisabled};`,bc=h.default.div`width:100%;height:100%;display:flex;align-items:center;justify-content:center;`,xc=h.default.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`,Ec=h.default.img`max-width:calc(90% - 60px);max-height:calc(90% - 60px);user-select:none;-webkit-user-drag:none;`,vc=h.default.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`,yc=({file:e,sender:t={},onClose:n,onDownloadClick:o})=>{const{type:s,url:a,name:i=""}=e,{profileUrl:l,nickname:c,userId:m}=t,{aiAgentInfo:p}=z();return r.createElement(_c,{profileUrl:l??"",nickname:c??"",type:s,url:a,name:i,onClose:n,isBotMessage:m===p.userId,onDownloadClick:o})},Cc=({profileUrl:e,isBotMessage:t})=>t&&!e?r.createElement(Sc,{$size:32},r.createElement(I,{type:"bot-filled",size:20})):r.createElement(Nt,{size:32,src:e}),_c=({profileUrl:e,isBotMessage:t,nickname:n,name:o,type:s,url:a,onClose:i,onDownloadClick:l})=>{const{stringSet:c}=L();return r.createElement(Gn,{onClose:i,visible:!0,rootElementId:ne.MODAL_ROOT},r.createElement(lc,null,r.createElement(cc,null,r.createElement(dc,null,r.createElement(uc,null,r.createElement(Cc,{profileUrl:e,isBotMessage:t})),r.createElement(mc,null,r.createElement(w,{variant:"h2",color:u.themedColor.textHighEmphasis},o)),r.createElement(gc,null,r.createElement(w,{variant:"body1",color:u.color.ondark.textMidEmphasis},n))),r.createElement(hc,null,pn(s)&&r.createElement(fc,null,r.createElement(ar,{as:"a",href:a,target:"_blank",rel:nt,onClick:l},r.createElement(I,{type:"download",color:u.themedColor.textHighEmphasis,size:24}))),r.createElement(pc,{onClick:i},r.createElement(I,{type:"close",color:u.themedColor.textHighEmphasis,size:24})))),r.createElement(bc,{onClick:m=>m.currentTarget===m.target&&i()},or(s)&&r.createElement(xc,{controls:!0},r.createElement("source",{src:a,type:s})),rr(s)&&r.createElement(Ec,{src:a,alt:o}),!pn(s)&&r.createElement(vc,null,r.createElement(w,{variant:"h1",color:u.themedColor.textHighEmphasis},c.FILE_VIEWER__UNSUPPORT)))))},Sc=h.default.div`width:${({$size:e})=>e}px;height:${({$size:e})=>e}px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:${({theme:e})=>e.colors.base.primary}!important;path{fill:${({theme:e})=>e.colors.base.primaryContrastContent}!important;}`,lr=({className:e,locale:t,date:n=Date.now(),formatString:o="MMMM dd, yyyy",style:s})=>r.createElement(Tc,{id:`${te}-date-separator`,style:s,className:e},r.createElement(w,{variant:"caption4",color:u.themedColor.textMidEmphasis},ie.format(n,o,{locale:t}))),Tc=h.default.div`display:flex;justify-content:center;align-items:center;text-align:center;word-break:break-word;`,wc=d.forwardRef(function(t,n){const{messages:o,renderMessage:s,messageTopArea:a,messageBottomArea:i,overlayArea:l,onLoadPrev:c,onLoadNext:m,loadThreshold:p=.05,onScrollPosition:f=ae,depsForResetScrollPositionToBottom:E,scrollPositionRef:v,scrollDistanceFromBottomRef:y,stackDirection:x="top"}=t,g=n&&"current"in n?n:{current:null},b=d.useRef(!1),C=d.useRef(void 0),S=d.useRef(0),k=d.useRef(0),M=d.useRef(0),R=v??k,H=y??M;d.useLayoutEffect(()=>{g.current&&(g.current.scrollTop=g.current.scrollHeight)},E),d.useLayoutEffect(()=>{g.current&&(C.current==="top"&&(g.current.scrollTop=g.current.scrollHeight-R.current),C.current==="bottom"&&(g.current.scrollTop=S.current),C.current=void 0)},[g.current,o.length]);const O=async()=>{if(!g.current)return;const D=g.current;if(f(kc(D)),R.current=D.scrollHeight-D.scrollTop,H.current=R.current-D.clientHeight,S.current=D.scrollTop,b.current)return;const F=D.clientHeight*Math.min(Math.max(0,p),1);D.scrollTop<=F?(b.current=!0,C.current="top",await c(),b.current=!1):D.scrollHeight-D.scrollTop-D.clientHeight<=F?(b.current=!0,C.current="bottom",await m(),b.current=!1):C.current=void 0};return r.createElement(Ac,{id:"infinite-list-container"},r.createElement(Ic,{id:"infinite-list-inner",ref:g,onScroll:O},x==="bottom"&&r.createElement("div",{style:{flexGrow:1}}),a,o.map((D,F)=>s({message:D,index:F})),i),r.createElement($c,{id:"infinite-list-overlay-container"},r.createElement(Mc,{id:"infinite-list-overlay"},l)))}),bn=50;function kc(e){return e.scrollTop<=bn?"top":e.scrollHeight-(e.scrollTop+e.clientHeight)<=bn?"bottom":"middle"}const Ac=h.default.div`display:flex;position:relative;flex:1;overflow:hidden;`,Ic=h.default.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;scrollbar-color:${u.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`,$c=h.default.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`,Mc=h.default.div`pointer-events:auto;`,Lc=({className:e,onClick:t})=>r.createElement(Oc,{className:e,onClick:t,tabIndex:0},r.createElement(I,{size:24,type:"chevron-down",color:u.color.primary.main})),Oc=h.default.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:24px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.08),0 4px 6px 0 rgba(0,0,0,0.12);${$.light`
-    background-color: ${u.color.background50};
-    &:hover {
-      background-color: ${u.color.background100};
-    }
-    &:active {
-      background-color: ${u.color.background200};
-    }
-  `}
-  ${$.dark`
-    background-color: ${u.color.background400};
-    &:hover {
-      background-color: ${u.color.background500};
-    }
-    &:active {
-      background-color: ${u.color.background700};
-    }
-  `}
-
-  &:focus {
-    outline: none;
-  }
-`,cr=()=>{const{chatSDK:e}=N(),{channelSource:t}=G(),[n,o]=d.useState([]);return Ce.useGroupChannelHandler(e,{onTypingStatusUpdated(s){var a;if(s.url===((a=t.channel)==null?void 0:a.url)){const i=s.getTypingUsers();o(i)}}}),n},Rc=()=>{const{agentPreviewConfigs:e={},aiAgentId:t}=N(),{aiAgentInfo:n}=z(),{stringSet:o,dateLocale:s}=L(),{messageSource:a}=G(),{Template:i}=fe.useContext(),l=e.welcomeMessages??[],c=a.messages,m=jl(c,t),p=c[m.length+1],f=m[0]??p;return{filteredMessages:c.filter(E=>Kl(E)?!1:l.length>0?!Te.isWelcomeMessage(E,t):!0),shouldShowOriginalDate:E=>E>0||l.length===0?!0:p&&!ie.isSameDay(p.createdAt,(f==null?void 0:f.createdAt)??0),renderAgentPreviewWelcomeMessages:()=>l.length===0?null:r.createElement(r.Fragment,null,r.createElement(lr,{style:{margin:"16px 0"},date:f==null?void 0:f.createdAt,locale:s,formatString:o.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR}),l.map((E,v)=>{const y=v===l.length-1,x=m.length!==c.length,g=l.length===1?"single":v===0?"top":y||x?"bottom":"middle";return r.createElement(i,{messageType:"user",message:E.message,sender:n,groupType:g,createdAt:(f==null?void 0:f.createdAt)??Date.now(),extendedMessagePayload:{suggested_replies:E.suggestedReplies},suggestedRepliesDirection:e.suggestedRepliesDirection,suggestedRepliesVisible:y&&!x,isBotMessage:!0,onClickSuggestedReply:async({reply:b})=>{a.sendUserMessage({message:b})}})}))}},Dc=e=>h.default(e).withConfig({shouldForwardProp:Vr.default});function Pc(e){var o;const t="remove_powered_by",n=(o=e==null?void 0:e.appInfo)==null?void 0:o.applicationAttributes;return Array.isArray(n)&&n.includes(t)}const Nc=({style:e})=>{const{stringSet:t}=L(),{chatSDK:n}=N(),{isActionbookTester:o}=Ae();return Pc(n)||o?null:r.createElement(Fc,{variant:"caption2",style:e},t.POWERED_BY+" ",r.createElement(Bc,{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:nt,target:"_blank"},"Sendbird"))},Fc=h.default(w)`color:${u.themedColor.textLowEmphasis};text-align:center;`,Bc=Dc(w)`
-  color: ${u.themedColor.textLowEmphasis};
-  cursor: pointer;
-  text-decoration: none;
-`,Uc=()=>{var i;const{stringSet:e}=L(),{channelSource:t,goToActiveConversation:n,scrollSource:o}=G(),s=Se(t.channel),a=d.useRef(s);return d.useEffect(()=>{!a.current&&s&&o.scrollPubSub.publish({type:"scrollToBottom",data:{animated:!0}}),a.current=s},[s,o]),!((i=t.channel)!=null&&i.isAIAgent)||!s?null:r.createElement(Hc,null,r.createElement(Vc,{variant:"button",role:"button",color:u.themedColor.textHighEmphasis,onClick:()=>n()},e.TALK_TO_AGENT))},Hc=h.default.div`display:flex;justify-content:center;margin:16px 0;`,Vc=h.default(w)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${u.themedColor.textDisabled};cursor:pointer;user-select:none;`,zc=!0,Wc=()=>{const{Template:e}=ot.useContext(),{Template:t}=fe.useContext(),{Template:n}=st.useContext(),[o,s]=d.useState(null),{userSession:a,aiAgentInfo:i}=z(),{cache:l,agentPreviewConfigs:c,chatSDK:m,state:p}=N(),{config:f}=j(),{stringSet:E,dateLocale:v}=L(),{conversation:y,channelSource:x,messageSource:g,scrollSource:b}=G(),{isActionbookTester:C}=Ae(),{filteredMessages:S,shouldShowOriginalDate:k,renderAgentPreviewWelcomeMessages:M}=Rc(),R=cr(),H=ve(()=>{const F=R[0];if(!F)return null;const T=F.userId===i.userId;return{user:T?i:F,isBot:T}});d.useEffect(()=>{H&&b.scrollPubSub.publish({type:"scrollToBottom",data:{animated:!0}})},[!!H,b.scrollPubSub.publish]);const O=(F,T=!1)=>{var Z;return T?i:((Z=x.channel)==null?void 0:Z.members.find(de=>de.userId===F.sender.userId))??F.sender},D=()=>{var F;if(!g.initialized)return r.createElement(ye,{type:"loading"});if(g.messages.length===0){const T=M();return T?r.createElement("div",{style:{width:"100%"}},T):r.createElement(ye,{type:"noMessages",label:E.PLACE_HOLDER__NO_MESSAGES})}return r.createElement(wc,{ref:b.scrollRef,scrollPositionRef:b.scrollPositionRef,scrollDistanceFromBottomRef:b.scrollDistanceFromBottomRef,onScrollPosition:T=>b.setIsScrollBottomReached(T==="bottom"),stackDirection:c==null?void 0:c.messageStackDirection,messages:S,onLoadPrev:g.loadPrevious,onLoadNext:g.loadNext,depsForResetScrollPositionToBottom:[g.initialized,g.messages.length!==0],messageTopArea:r.createElement(r.Fragment,null,r.createElement(Nc,{style:{marginTop:16}}),M()),messageBottomArea:r.createElement(r.Fragment,null,H&&r.createElement(t,{isTyping:!0,isBotMessage:H.isBot,sender:H.user,messageType:"user",groupType:"single",message:""}),((F=f==null?void 0:f.conversation)==null?void 0:F.isTalkToAgentViewEnabled)&&r.createElement(Uc,null)),overlayArea:r.createElement(r.Fragment,null,!b.isScrollBottomReached&&r.createElement(jc,{onClick:()=>b.scrollPubSub.publish({type:"scrollToBottom"})})),renderMessage:({message:T,index:Z})=>{const de=Wl(T),be=S[Z-1],lt=S[Z+1],A=S[S.length-1],P=T===A,q=Gl(T,be,lt,zc),Q=!Fr.isSameDay((be==null?void 0:be.createdAt)??0,T.createdAt)&&k(Z)&&!C,xe=Pe=>{(T.isFileMessage()||T.isUserMessage())&&s({file:Pe,sender:O(T,T.sender.userId===i.userId)})},Mr=()=>{T.isFileMessage()&&Ft(T.url)},Lr=Q?r.createElement(lr,{style:{margin:"16px 0"},date:T.createdAt,locale:v,formatString:E.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR}):null,De={maxBodyWidth:p.expanded?Hn:void 0,extendedMessagePayload:T.extendedMessagePayload,createdAt:T.createdAt,groupType:q,onClickMedia:xe,onClickFile:Mr},Or=(()=>{var Pe,Kt;if(Ve.isAdmin(T))return Ve.isCSAT(T)?y?r.createElement(n,{...De,...y,isResolvedWhenDeterminedByUser:qc(y),messageType:"admin.csat",onSubmitCSAT:({csat:se,csatType:ue,csatReason:B,isResolved:Y})=>{var me;se&&((me=x.channel)==null||me.submitCSAT({csat:se,csatType:ue,csatReason:B,isResolved:Y}))}}):null:r.createElement(n,{...De,messageType:"admin",message:T.message});if(Ve.isOutgoing(T,a.userId)){const se={...De,message:T.message,sender:O(T),sendingStatus:T.sendingStatus};if(T.isUserMessage())return r.createElement(e,{messageType:"user",...se});if(T.isFileMessage()){const[ue,B]=((Pe=T.metaArrays.find(Y=>Y.key===sr))==null?void 0:Pe.value)??[];return r.createElement(e,{messageType:"file",file:T,metadata:{aspectRatio:ue&&B?`${ue}/${B}`:"1/1",localFile:(Kt=T.messageParams)==null?void 0:Kt.file},...se})}}if(Ve.isIncoming(T,a.userId)){const se=T.sender.userId===i.userId,ue={...De,sender:O(T,se),message:T.message,suggestedRepliesVisible:P,suggestedRepliesDirection:c==null?void 0:c.suggestedRepliesDirection,isBotMessage:se,isStreaming:Te.isStreaming(T),isHandedOff:Me(x.channel),isConversationClosed:Se(x.channel),onClickSuggestedReply:async({reply:B})=>{g.sendUserMessage({message:B})},onRequestMessageTemplate:async B=>{const{template:Y}=await m.aiAgent.getMessageTemplate(B);return l.template.set(B,Y),Y},onGetCachedMessageTemplate:B=>l.template.get(B),onHandleTemplateInternalAction:B=>{if(B.type==="internal"&&B.internalData){const{method:Y,payload:me}=B.internalData;Y==="message.send"&&(me!=null&&me.message)&&g.sendUserMessage({message:me.message})}},onSubmitForm:({key:B,data:Y})=>m.aiAgent.submitForm({messageId:T.messageId,channelUrl:T.channelUrl,formKey:B,formData:Y}),onCancelForm:({key:B})=>m.aiAgent.cancelForm({messageId:T.messageId,channelUrl:T.channelUrl,formKey:B})};if(T.isUserMessage())return r.createElement(t,{messageType:"user",...ue});if(T.isFileMessage())return r.createElement(t,{messageType:"file",file:T,...ue})}})();return r.createElement("div",{key:de,id:`${te}-message-item`},Lr,Or)}})};return r.createElement(Gc,{id:`${te}-message-list`},D(),o&&r.createElement(yc,{onClose:()=>s(null),sender:o.sender,file:o.file}))},Gc=h.default.div`overflow-y:hidden;display:flex;flex:1;position:relative;`,jc=h.default(Lc)`position:absolute;bottom:20px;inset-inline-end:20px;`;function qc(e){var t;if(((t=e==null?void 0:e.resolution)==null?void 0:t.determinedBy)==="user")return e.resolution.isResolved}const Kc=()=>{const{stringSet:e}=L(),{connectionError:t}=z(),{channelSource:n}=G(),o=t||n.error;if(o){const s=t?void 0:{label:e.RETRY,onClick:()=>n.refetch()};return r.createElement(ye,{type:"error",label:o.message,action:s})}return n.channel?r.createElement(Wc,null):r.createElement(ye,{type:"loading"})},Zc=()=>{var o;const{appId:e,aiAgentId:t}=j(),{channelSource:n}=G();return(o=n.channel)!=null&&o.conversation?r.createElement(Yc,null,r.createElement(kt,{style:{gap:4}},r.createElement(I,{color:u.themedColor.textLowEmphasis,size:12,type:"show"}),r.createElement(w,{as:"i",color:u.themedColor.textLowEmphasis,variant:"caption2"},"Only visible in the tester")),r.createElement(kt,{role:"button",style:{gap:4},onClick:()=>{var i,l;const s=(l=(i=n.channel)==null?void 0:i.conversation)==null?void 0:l.id,a=`${window.location.origin}/ai-agent/${e}/${t}/evaluate/conversations/${s}`;navigator.clipboard.writeText(a)}},r.createElement(w,{variant:"body3",color:u.themedColor.textHighEmphasis},"Copy ",r.createElement("span",{style:{color:u.themedColor.primary}},"conversation link")),r.createElement(I,{color:u.themedColor.primary,size:14,type:"copy"}))):null},kt=h.default.div`display:flex;justify-content:center;align-items:center;`,Yc=h.default(kt)`flex-direction:column;padding-block:16px;background-color:${u.themedColor.bg_100_500};gap:8px;`,dr=d.createContext(void 0),Jc=({children:e})=>{const{stringSet:t}=L(),{attachmentMode:n}=z(),{channelSource:o}=G(),[s,a]=d.useState([]),[i,l]=d.useState({visible:!1,title:""}),c=Me(o.channel),m=d.useMemo(()=>{if(o.channel&&!o.channel.isAIAgent)return!0;switch(n){case Ge.OFF:return!1;case Ge.ALWAYS:return!0;case Ge.HANDED_OFF_ONLY:return c;default:return c}},[n,c,o.channel]),p=v=>{if(!m)return;const y=v.filter(x=>Un.includes(x.type));if(y.length!==0){if(y.some(x=>x.size>As)){l({visible:!0,title:t.FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT.replace("%d","25")});return}if(y.length>1||y.length>0&&s.length>0){l({visible:!0,title:t.FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT});return}a(x=>[...x,...y.map(g=>({file:g,preview:{url:URL.createObjectURL(g),type:g.type,name:g.name}}))])}},f=v=>{a(y=>{var g;const x=(g=y[v])==null?void 0:g.preview;return x&&URL.revokeObjectURL(x.url),y.filter((b,C)=>C!==v)})},E=()=>{a(v=>(v.forEach(y=>URL.revokeObjectURL(y.preview.url)),[]))};return r.createElement(dr.Provider,{value:{files:s,addFiles:p,removeFile:f,clearFiles:E,isFileUploadEnabled:m}},e,r.createElement(jn,{...i,onClose:()=>l({visible:!1,title:""})}))},zt=()=>{const e=d.useContext(dr);if(!e)throw new Error("useFileUpload must be used within FileUploadProvider");return e};function Xc({blurred:e,elementRef:t,document:n=window.document}){const o=d.useRef(!1);e&&t.current&&n.activeElement===t.current&&(o.current=!0),d.useLayoutEffect(()=>{var s;!e&&o.current&&((s=t.current)==null||s.focus(),o.current=!1)},[e])}const Qc=(e,t)=>{d.useEffect(()=>{t?e==null||e.startTyping():e==null||e.endTyping()},[e,t])},ed=h.default.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex;flex-direction:row;gap:10px;padding:8px 16px;background-color:transparent;`,td=h.default.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;}`,nd=h.default.div`display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-end:-8px;inset-block-start:-8px;cursor:pointer;border-radius:50%;${$.light`
-    background-color: ${u.color.background50};
-  `}
-  ${$.dark`
-    background-color: ${u.color.background500};
-  `}
-  path {
-    fill: ${u.themedColor.textMidEmphasis};
-  }
-
-  &:hover {
-    path {
-      fill: ${u.themedColor.textHighEmphasis};
-    }
-  }
-
-  circle {
-    stroke: ${u.themedColor.bg_50_600};
-  }
-`,rd=()=>{const e=we(),[t,n]=d.useState(),{files:o,removeFile:s,isFileUploadEnabled:a}=zt();return!a||o.length===0?null:r.createElement(ed,null,o.map(({preview:{type:i,name:l,url:c}},m)=>r.createElement(td,{key:c,onMouseOver:()=>n(m),onMouseLeave:()=>n(void 0)},(e||t===m)&&r.createElement(nd,{title:"Remove file",onClick:()=>s(m)},r.createElement(I,{type:"close-filled",color:u.themedColor.textMidEmphasis})),i.startsWith("image/")?r.createElement("img",{alt:"file-image",src:c}):r.createElement(Pt,{name:l,type:Dt(l,i)}))))},od=({channel:e,messages:t})=>{const{stringSet:n}=L(),{aiAgentInfo:o,userSession:s}=z(),a=sd(),i=id({lastMessage:t[t.length-1],aiAgentUserId:o.userId}),l=cd({shouldApply:!!(e!=null&&e.isAIAgent)&&!Me(e),isDisabledWhileAIResponding:i,lastMessage:t[t.length-1],currentUserId:s.userId});return!e||!a||Se(e)?[!0,n.MESSAGE_INPUT__PLACE_HOLDER__DISABLED]:ad(e)?[!0,n.FORM_PLACEHOLDER]:i||l?[!0,n.MESSAGE_INPUT__PLACE_HOLDER__WAIT_AI_AGENT_RESPONSE]:[!1,n.MESSAGE_INPUT__PLACE_HOLDER]},sd=()=>{const e=d.useId(),{chatSDK:t}=N(),[n,o]=d.useState(!0);return d.useEffect(()=>{const s=new V.ConnectionHandler({onDisconnected:()=>o(!1),onConnected:()=>o(!0),onReconnectSucceeded:()=>o(!0)});return t.addConnectionHandler(e,s),()=>{t.removeConnectionHandler(e)}},[t]),n},id=({lastMessage:e,aiAgentUserId:t})=>{const[n,o]=d.useState(!1),s=cr();return d.useEffect(()=>{if(!e)return;const a=s.some(l=>l.userId===t),i=Ht(e,t)&&Te.isStreaming(e);o(!!(i||a))},[s,e,t]),n},ad=e=>{var i;const t=e==null?void 0:e.lastMessage;if(!t||!e)return!1;const n=t.extendedMessagePayload,o=n==null?void 0:n.form,s=o&&!o.submitted_at&&!o.canceled_at,a=e.isAIAgent&&!!((i=e.conversation)!=null&&i.handedOverAt);return s&&!a},ld=3e4,cd=({shouldApply:e,lastMessage:t,isDisabledWhileAIResponding:n,currentUserId:o})=>{const[s,a]=d.useState(!1),i=d.useRef(null),l=t&&Ht(t,o)?t.createdAt:0;return d.useEffect(()=>{const c=()=>{i.current&&(clearTimeout(i.current),i.current=null),a(!1)},m=E=>{i.current&&clearTimeout(i.current),a(!0),i.current=setTimeout(()=>{a(!1),i.current=null},E)},p=Date.now()-l,f=ld-p;return n||f<=0?c():m(f),()=>{i.current&&clearTimeout(i.current)}},[n,l]),s&&e},ur={textArea:_.css`min-height:40px;height:40px;font-size:16px;line-height:24px;`,attachIcon:_.css`margin-bottom:4px;`},mr=h.default.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`,dd=h.default(mr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${u.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${u.themedColor.bg_200_400};}}${Ot&&ur.attachIcon};`,ud=h.default.input`display:none;`,xn=h.default.div`width:100%;position:relative;background-color:${u.themedColor.bg_100_500};border-radius:20px;`,En=h.default.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`,vn=h.default.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.textHighEmphasis};resize:none;width:100%;height:${Bn}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${Ot&&ur.textArea};&::placeholder{color:${u.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${u.themedColor.textDisabled};}}`,yn=h.default.div`padding:12px 16px;position:relative;display:flex;align-items:center;`,Cn=({disabled:e})=>{const t=d.useRef(null),{addFiles:n,clearFiles:o,files:s,isFileUploadEnabled:a}=zt();return!a||s.length>0?null:r.createElement(dd,{disabled:e,onClick:()=>{var i;o(),(i=t.current)==null||i.click()}},r.createElement(I,{type:"attach",color:e?u.themedColor.textDisabled:u.themedColor.textMidEmphasis,size:16}),r.createElement(ud,{type:"file",ref:t,onChange:i=>{const l=i.currentTarget.files;l&&n(Array.from(l)),i.target.value=""},accept:Un.join(",")}))},md=()=>{const e=d.useRef(null),[t,n]=d.useState(""),{rootElement:o}=N(),{channelSource:s,messageSource:a}=G(),[i,l]=od({channel:s.channel,messages:a.messages}),{files:c,addFiles:m,clearFiles:p}=zt();rc({onDropFiles:m}),Xc({blurred:i,elementRef:e,document:ge(o)}),Qc(s.channel,t);const f=t.trim().length>0,E=c.length>0,v=!i&&(f||E),y=()=>{e.current&&(e.current.value="",e.current.style.height=""),p(),n("")},x=async()=>{const S=t.trim(),k={message:S};if(!(!S&&!c.length)){if(c.length>0){const M=c[0].file,R={...k,file:M};a.sendFileMessage(R),y();return}a.sendUserMessage(k),y()}},g=S=>{const k=Array.from(S.clipboardData.files);k.length>0&&(S.preventDefault(),m(k))},b=S=>{S.key!=="Enter"||S.nativeEvent.isComposing||S.shiftKey||(S.preventDefault(),x())},C=S=>{if(e.current){e.current.style.height="";const k=Math.min(ks,e.current.scrollHeight);Bn<k&&(e.current.style.height=`${k}px`)}n(S.target.value)};return i?r.createElement(yn,null,r.createElement(xn,null,r.createElement(En,null,r.createElement(vn,{disabled:!0,placeholder:l}),r.createElement(Cn,{disabled:!0})))):r.createElement(yn,null,r.createElement(xn,null,r.createElement(rd,null),r.createElement(En,null,r.createElement(vn,{ref:e,role:"textbox","aria-label":"Text Input",placeholder:l,maxLength:5e3,onKeyDown:b,onChange:C,onPaste:g}),r.createElement(Cn,null))),v&&r.createElement(mr,{onClick:()=>x()},r.createElement(I,{type:"send",color:u.color.primary.main,size:20})))},gd=h.default.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;${$.light`
-      color: ${u.color.information.light};
-    `};
-    ${$.dark`
-      color: ${u.color.information.main};
-    `};
-  }
-`,hd=d.lazy(()=>Promise.resolve().then(()=>require("./CwonzgCI.cjs")).then(e=>({default:e.MarkdownText}))),fd=()=>{const{aiAgentInfo:e}=z(),{messageSource:t,channelSource:n}=G(),{userSession:o}=z();return!Rn("special-notice",n.channel)||!(t.initialized&&!t.messages.some(i=>Ht(i,o.userId)))?null:r.createElement(gd,null,r.createElement(hd,null,e.specialNotice))},pd=()=>r.createElement(bd,null,r.createElement(fd,null),r.createElement(Jc,null,r.createElement(md,null))),bd=h.default.div`z-index:0;border:none;width:100%;`,xd=()=>{var s;const{testerType:e}=Ae(),{channelSource:t}=G(),n=Se(t.channel),o=!!e&&((s=t.channel)==null?void 0:s.isAIAgent);return n?o?r.createElement(Zc,null):null:r.createElement(pd,null)},gr=e=>{const{aiAgentInfo:t,userSession:n}=z(),o={ai(a){return{fallbackIcon:a,url:t.profileUrl,title:t.nickname}},human(a){return{fallbackIcon:a,url:s==null?void 0:s.profileUrl,title:(s==null?void 0:s.nickname)||t.nickname}},channel(a){return{fallbackIcon:a,url:e==null?void 0:e.coverUrl,title:(e==null?void 0:e.name)??""}}};if(!e)return o.ai("bot-filled");const s=ve(()=>{const[a]=e.members.filter(i=>i.userId!==n.userId);return a});return e.isAIAgent?Me(e)?o.human("agent"):o.ai("bot-filled"):e.isDesk?o.human("agent"):o.channel("user")},hr=({channel:e,size:t=40})=>{const{fallbackIcon:n,url:o}=gr(e),s=_.useTheme();return o?r.createElement(Nt,{src:o,size:t}):r.createElement(Ed,{$size:t,$bgColor:s.colors.base.primary},r.createElement(I,{type:n,size:t*.55,color:s.colors.base.primaryContrastContent}))},Ed=h.default.div`width:${({$size:e})=>e}px;height:${({$size:e})=>e}px;border-radius:50%;background-color:${({$bgColor:e})=>e};display:flex;align-items:center;justify-content:center;flex-shrink:0;`,vd=()=>{const{state:e,logger:t,enableCloseConversationButton:n,enableExpandButton:o,dispatcher:s}=N(),{stringSet:a}=L(),{channelSource:i,onNavigateToConversationList:l}=G(),c=i.channel,p=we()?24:16,f=gr(c),E=()=>{e.setOpened(!1)},v=async()=>{try{const b=await(c==null?void 0:c.markConversationAsHandoff());t.info("conversation.handleAgentHandoff: success",b)}catch(b){t.error("conversation.handleAgentHandoff: error",b)}},y=async()=>{c&&await s.send(kn.CloseConversation({channelUrl:c.url}))},x=Rn("handoff-button",c),g=(c==null?void 0:c.isAIAgent)&&n;return r.createElement(Td,null,r.createElement(wd,null,l&&r.createElement(Re,{onClick:()=>l()},r.createElement(I,{type:"menu",size:24,color:u.themedColor.textHighEmphasis})),r.createElement(hr,{channel:c,size:34}),r.createElement(Ad,{variant:"h2",color:u.themedColor.textHighEmphasis},f.title)),r.createElement(kd,null,x&&r.createElement(Sd,{tooltipLabel:a.HEADER_BUTTON__AGENT_HANDOFF,disabled:!bt(c)||Me(c),size:p,onClick:v}),g&&r.createElement(_d,{disabled:!bt(c),size:p,onClick:y}),o&&r.createElement(yd,{size:p}),r.createElement(Cd,{size:p,onClick:E})))},yd=({size:e,disabled:t})=>{const{state:n}=N();return r.createElement(Re,{"aria-label":"expand",onClick:()=>n.setExpanded(!n.expanded),disabled:t},r.createElement(I,{type:n.expanded?"collapse":"expand",size:e,color:u.themedColor.textHighEmphasis}))},Cd=({size:e,disabled:t,onClick:n})=>r.createElement(Re,{"aria-label":"close messenger",onClick:n,disabled:t},r.createElement(I,{type:"close",size:e,color:u.themedColor.textHighEmphasis})),_d=({size:e,disabled:t,onClick:n})=>r.createElement(Re,{"aria-label":"close conversation",onClick:n,disabled:t},r.createElement(I,{type:"mute",size:e,color:t?u.themedColor.textDisabled:u.themedColor.textHighEmphasis})),Sd=({size:e,onClick:t,disabled:n,tooltipLabel:o})=>r.createElement(er,{label:o,position:"bottom",disabled:n},r.createElement(Re,{"aria-label":"agent",onClick:t,disabled:n},r.createElement(I,{type:"agent",size:e,color:n?u.themedColor.textDisabled:u.themedColor.textHighEmphasis}))),Td=h.default.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${u.themedColor.textDisabled};background-color:${({theme:e})=>e.colors.base.headerBackground};`,wd=h.default.div`display:flex;flex:1;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`,kd=h.default.div`display:flex;gap:10px;align-items:center;justify-content:center;`,Ad=h.default(w)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`,Re=h.default.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`,Id=()=>{const{isActionbookTester:e}=Ae();return e?null:r.createElement(vd,null)},fr=({children:e,onNavigateToConversationList:t,channelUrl:n,onClearChannelUrl:o,shouldMarkAsRead:s,closedChannelUrl:a,onClearClosedChannelUrl:i})=>{const{Template:l}=it.useContext();return r.createElement(ir,{onNavigateToConversationList:t,channelUrl:n??a,onClearChannelUrl:o??i,shouldMarkAsRead:s},r.createElement(wt,null,r.createElement(wt.Consumer,null,c=>r.createElement(r.Fragment,null,r.createElement(Md,{...c},r.createElement(l,null)),e))))},it=_e({template:$d,components:{Header:Id,Body:Kc,Footer:xd}});function $d(){const{components:e}=it.useContext();return r.createElement(r.Fragment,null,r.createElement(e.Header,null),r.createElement(e.Body,null),r.createElement(e.Footer,null))}const Md=h.default.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({theme:e})=>e.colors.base.background};`,{Provider:Ld,Context:Od,useContext:Wt}=W("ConversationList");function pr({conversationListLimit:e,conversationListFilter:t,onOpenConversationView:n=ae,children:o}){return r.createElement(Do,{conversationListLimit:e,conversationListFilter:t},s=>r.createElement(Ld,{value:{...s,onOpenConversationView:n}},o))}const Rd=({channel:e})=>r.createElement(hr,{channel:e}),Gt=_e({template:Dd,components:{}}),At=99;function Dd(e){const{channel:t,onClick:n}=e,{stringSet:o,format:s}=L(),a=ve(()=>{const c=t.lastMessage;return c!=null&&c.isUserMessage()||c!=null&&c.isAdminMessage()?c.message||"":c!=null&&c.isFileMessage()?c.message||c.name||"FILE":t.name}),i=ve(()=>{var f;const c=new Date,m=new Date(((f=t.lastMessage)==null?void 0:f.createdAt)||t.createdAt),p=ie.differenceInMinutes(c,m);return p<1?o.DATE_FORMAT__JUST_NOW:p<60?o.DATE_FORMAT__MINUTES_AGO(p):ie.isToday(m)?o.DATE_FORMAT__HOURS_AGO(ie.differenceInHours(c,m)):s(m,o.DATE_FORMAT__DATE_SHORT)}),l=t.unreadMessageCount;return r.createElement(Pd,{role:"button",onClick:()=>n==null?void 0:n()},r.createElement(Nd,null,r.createElement(Rd,{...e})),r.createElement(Fd,null,r.createElement(Bd,null,r.createElement(w,{variant:"subtitle1",color:u.themedColor.textHighEmphasis,maxTextLines:1},a),r.createElement(Ud,null,Se(t)&&r.createElement(r.Fragment,null,r.createElement(w,{variant:"caption1",color:u.themedColor.textMidEmphasis,maxTextLines:1},o.CONVERSATION_LIST__ENDED),r.createElement(Hd,null)),r.createElement(w,{variant:"caption2",color:u.themedColor.textLowEmphasis,maxTextLines:1},i))),l>0&&r.createElement(Vd,{$count:l},r.createElement(w,{variant:"caption3",color:u.themedColor.textHighEmphasisInverse},l<=At?l:`${At}+`))))}const Pd=h.default.div`display:flex;flex-shrink:0;flex-direction:row;align-items:center;position:relative;width:100%;height:72px;box-sizing:border-box;gap:16px;cursor:pointer;`,Nd=h.default.div`display:flex;align-items:center;justify-content:center;padding-inline-start:16px;`,Fd=h.default.div`display:flex;flex-direction:row;align-items:center;flex:1;padding-inline-end:16px;height:100%;gap:8px;border-bottom:1px solid ${u.themedColor.textDisabled};`,Bd=h.default.div`display:flex;flex-direction:column;justify-content:center;flex:1;gap:4px;word-break:break-word;overflow-wrap:break-word;`,Ud=h.default.div`display:flex;align-items:center;gap:6px;`,Hd=h.default.div`width:2px;height:2px;border-radius:1px;background-color:${u.themedColor.textLowEmphasis};`,Vd=h.default.div`display:flex;align-items:center;justify-content:center;height:20px;padding:4px;border-radius:10px;background-color:${u.themedColor.error};${({$count:e})=>e<=At&&_.css`
-      width: 20px;
-    `}
-`,zd=({items:e,renderItem:t,onEndReached:n})=>{const o=s=>{const a=s.target;a.scrollHeight-a.scrollTop===a.clientHeight&&(n==null||n())};return r.createElement(Wd,{onScroll:s=>o(s)},e.map((s,a)=>t(s,a)))},Wd=h.default.div`width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto;`,Gd=()=>{const{stringSet:e}=L(),{listSource:t,onOpenConversationView:n}=Wt(),{Template:o}=Gt.useContext();return t.initialized?t.channels.length===0?r.createElement(ye,{type:"noChannels",label:e.CONVERSATION_LIST__NO_CONVERSATIONS}):r.createElement(zd,{items:t.channels,renderItem:s=>{var a,i,l;return r.createElement(o,{key:s.url,channel:s,onClick:()=>n(s.url,Se(s)?"closed":"open"),channelUrl:s.url,title:(i=(a=s.conversation)==null?void 0:a.topics)==null?void 0:i.join(", "),lastMessageTimestamp:(l=s.lastMessage)==null?void 0:l.createdAt})},onEndReached:()=>{t.loadMore()}}):r.createElement(ye,{type:"loading"})},jd=()=>{const{stringSet:e}=L(),{language:t,countryCode:n,context:o}=N(),{aiAgentInfo:s,refreshActiveChannel:a,createConversation:i,setActiveChannel:l}=z(),{onOpenConversationView:c}=Wt();return r.createElement(qd,{role:"button",onClick:async()=>{if(s.isMultipleActiveConversationsEnabled){const m=await i({aiAgentId:s.userId,language:t,country:n,context:o});l({url:m,status:U.ConversationStatus.OPEN}),c(m,U.ConversationStatus.OPEN)}else{const m=await a();c(m,U.ConversationStatus.OPEN)}}},r.createElement(Kd,{variant:"h1"},e.TALK_TO_AGENT))},qd=h.default.div`background-color:${({theme:e})=>e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`,Kd=h.default(w)`color:${({theme:e})=>e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,Zd=()=>{const{state:e}=N(),{stringSet:t}=L(),o=we()?24:16,s=()=>{e.setOpened(!1)};return r.createElement(Jd,null,r.createElement(Xd,{variant:"h2",color:u.themedColor.textHighEmphasis},t.CONVERSATION_LIST__HEADER_TITLE),r.createElement(Qd,null,r.createElement(Yd,{size:o,onClick:s})),r.createElement(eu,null))},Yd=({size:e,disabled:t,onClick:n})=>r.createElement(tu,{"aria-label":"close messenger",onClick:n,disabled:t},r.createElement(I,{type:"close",size:e,color:u.themedColor.textHighEmphasis})),Jd=h.default.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${u.themedColor.textDisabled};background-color:${({theme:e})=>e.colors.base.headerBackground};`,Xd=h.default(w)`padding:0 4px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`,Qd=h.default.div`display:flex;gap:10px;align-items:center;justify-content:center;`,eu=h.default.div`position:absolute;bottom:0;width:100%;height:1px;background-color:${u.themedColor.textDisabled};`,tu=h.default.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`,br=({conversationListLimit:e,conversationListFilter:t,children:n,onOpenConversationView:o})=>{const{Template:s}=at.useContext();return r.createElement(pr,{conversationListLimit:e,conversationListFilter:t,onOpenConversationView:o},r.createElement(ru,null,r.createElement(s,null)),n)},at=_e({template:nu,components:{Header:Zd,Body:Gd,Footer:jd}});function nu(){const{components:e}=at.useContext();return r.createElement(r.Fragment,null,r.createElement(e.Header,null),r.createElement(e.Body,null),r.createElement(e.Footer,null))}const ru=h.default.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({theme:e})=>e.colors.base.background};`,ou=_.css`:where(#${ne.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`,su=[ou,ds,us],iu=(e,...t)=>_.createGlobalStyle(e,...su,...t),au=iu``,lu=zr(it,fe,ot,st,at,Gt);function xr({appearance:e,rootElement:t,logger:n,language:o,stringSet:s,children:a,messageTemplate:i,theme:l}){return ps(es,t),r.createElement(_.StyleSheetManager,{target:t},r.createElement(gs,{rootElement:t,logger:n,appearance:e,theme:l},r.createElement(Fo,{internalVariables:i==null?void 0:i.__internalVariables},r.createElement(cs,{stringSet:s,logger:n,language:o},r.createElement(lu,null,a,r.createElement(au,null))))))}const ze={},We={getItem:e=>{try{return localStorage.getItem(e)}catch{return ze[e]??null}},setItem:(e,t)=>{try{localStorage.setItem(e,t)}catch{ze[e]=t}},deleteItem:e=>{try{localStorage.removeItem(e)}catch{delete ze[e]}},getKeys:e=>{try{const t=[];for(let n=0;n<localStorage.length;n++){const o=localStorage.key(n);o&&o.startsWith(e)&&t.push(o)}return t}catch{return Object.keys(ze).filter(t=>t.startsWith(e))}}},jt=d.forwardRef(function({rootElement:t=document.body,logLevel:n=V.LogLevel.WARN,language:o=navigator.language,userSessionInfo:s,children:a,...i},l){var c,m;return Ie.level!==n&&(Ie.level=n),fs("https://fonts.googleapis.com/css2?family=Roboto&display=swap",t),r.createElement("div",{id:ne.ENTRY,style:{width:"fit-content",height:"fit-content",...i.entryStyle}},r.createElement(xr,{logger:Ie,rootElement:t,appearance:(c=i.agentPreviewConfigs)==null?void 0:c.appearance,stringSet:i.stringSet,language:o,messageTemplate:i.messageTemplate,theme:i.theme},r.createElement(Es,{rootElement:t,keyValueStorage:{get:We.getItem,set:We.setItem,delete:We.deleteItem,getKeys:We.getKeys},language:o,logger:Ie,dispatcher:Er,chatParams:{...i.chatParams,customApiHost:i.customApiHost,customWebSocketHost:i.customWebSocketHost},chatSDK:i.customChatSDK,...i},r.createElement(ys,{ref:l,userSessionInfo:s,forceCreateChannel:(m=i.agentPreviewConfigs)==null?void 0:m.forceCreateChannel},r.createElement(Dl,{...i._UNSAFE_INTERNAL_dashboardTester},a,r.createElement("div",{id:ne.MODAL_ROOT}))))))}),Ie=new wn(V.LogLevel.WARN),Er=new Tn(Ie),vr=({children:e,isOpened:t})=>{const{dir:n,rootElement:o}=N(),s=ge(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]),r.createElement(cu,{dir:n,$visible:t},e)},cu=h.default.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${pe.WINDOW};visibility:${({$visible:e})=>e?"visible":"hidden"};`,du=48,uu=2/3;function yr({className:e,isOpened:t,onClick:n,type:o,imageUrl:s,dir:a,animated:i=!0,backgroundColor:l,size:c=du}){const m=yt(l),p=Math.round(c*uu);return r.createElement(hu,{dir:a,id:ne.LAUNCHER,className:e,"aria-label":"Sendbird AIAgent Launcher",onClick:n,$animated:i,$backgroundColor:l,$size:c},r.createElement(fu,{$isOpened:t,$animated:i,$fillColor:m,$iconSize:p},r.createElement(_n.Open,{url:s,isDefaultIcon:o==="default_icon",size:p})),r.createElement(pu,{$isOpened:t,$animated:i,$fillColor:m,$iconSize:p},r.createElement(_n.Close,{size:p})))}const mu=_.css`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`,gu=_.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:${({$iconSize:e})=>e}px;height:${({$iconSize:e})=>e}px;filter:${({$fillColor:e})=>e===Fn.WHITE?"grayscale(100%) brightness(2000%)":"grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`,Cr=_.css`svg{width:${({$iconSize:e})=>e}px;height:${({$iconSize:e})=>e}px;${({$fillColor:e})=>_.css`
-        path {
-          fill: ${e};
-        }
-        [class*='fill'] {
-          fill: ${e};
-        }
-      `}
-  }
-`,hu=h.default.button`position:relative;padding:0;width:${({$size:e})=>e}px;height:${({$size:e})=>e}px;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&&mu}`,_r=h.default.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;`,fu=h.default(_r)`opacity:${({$isOpened:e})=>e?0:1};transform:${({$animated:e,$isOpened:t})=>e&&(t?"rotate(-90deg) scale(0)":"rotate(0deg)")};${gu}${Cr}`,pu=h.default(_r)`scale:${({$isOpened:e})=>e?1:0};transform:${({$animated:e,$isOpened:t})=>e&&(t?"rotate(0deg)":"rotate(-90deg)")};${Cr}`,_n={Open:e=>e.url?r.createElement("img",{src:e.url,alt:"launcher-img","data-default-icon":e.isDefaultIcon}):r.createElement(I,{size:e.size,type:"bot-filled"}),Close:({size:e})=>r.createElement(I,{size:e,type:"chevron-down"})};function Sr({className:e,size:t}){const{colors:n}=_.useTheme(),{dir:o,state:s}=N(),{launcherInfo:a}=z();return xu(),r.createElement(yr,{dir:o,className:e,isOpened:s.opened,onClick:()=>s.setOpened(!s.opened),type:a.type,imageUrl:a.imageUrl,backgroundColor:n.base.primary,size:t})}const bu=1e3*60;function xu(){const{chatSDK:e,state:t,logger:n,enableAutoDisconnectInLauncher:o}=N(),s=d.useRef(null);d.useEffect(()=>{if(!o)return;function a(){s.current&&(clearTimeout(s.current),s.current=null)}function i(){e.connectionState===V.ConnectionState.CLOSED&&(e.reconnect(),n.debug("useSDKInactivityTimeout: reconnected")),a(),n.debug("useSDKInactivityTimeout: clear disconnect schedule")}function l(){a(),s.current=setTimeout(async()=>{await e.disconnectWebSocket(),n.debug("useSDKInactivityTimeout: disconnected")},bu)}t.opened?i():(l(),n.debug("useSDKInactivityTimeout: schedule disconnect"))},[o,e,t.opened])}const Tr=d.createContext(null);function wr(){const e=d.useContext(Tr);if(!e)throw new Error("useNavigator() must be used within <Navigator />");return e}function kr({children:e}){const t=wr();return typeof e=="function"?e(t):r.createElement(r.Fragment,null,e)}const Eu=_.keyframes`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}`,vu=_.keyframes`0%{transform:translateY(0px);opacity:1;}100%{transform:translateY(40px);opacity:0;}`,yu=_.css`animation-name:${Eu};animation-duration:0.3s;animation-fill-mode:forwards;`,Cu=_.css``,_u=_.css`animation-name:${vu};animation-duration:0.3s;animation-fill-mode:forwards;`,Su=_.css`visibility:hidden;`,Tu=h.default.div`position:absolute;top:0;left:0;width:100%;height:100%;${({$transitionState:e})=>{switch(e){case"entering":return yu;case"entered":return Cu;case"exiting":return _u;case"exited":return Su;default:return""}}}${({$active:e})=>e?_.css`
-          z-index: 999;
-        `:_.css`z-index:1;pointer-events:none;`}
-`;function qe({initialId:e,children:t}){const[n,o]=d.useState([e]),s=n[n.length-1],a=d.useCallback((g,b)=>{o(C=>[...C,g]),f(C=>({...C,[g]:!0})),b!=null&&b.reset&&x(C=>({...C,[g]:(C[g]||0)+1})),v(C=>({...C,[g]:"entering"})),setTimeout(()=>{v(C=>({...C,[g]:"entered"}))},300)},[]),i=d.useCallback(()=>{o(g=>{if(g.length<=1)return g;const b=g[g.length-1];return v(C=>({...C,[b]:"exiting"})),setTimeout(()=>{v(C=>({...C,[b]:"exited"})),o(C=>C.slice(0,-1))},300),g})},[]),l=d.useMemo(()=>({navigation:{navigate:a,pop:i},activeScreenId:s}),[a,i,s]),c=d.useMemo(()=>d.Children.toArray(t).filter(g=>g.type===kr),[t]),m=d.useMemo(()=>{const g={};return c.forEach(b=>{const{id:C,lazy:S,children:k}=b.props;g[C]={lazy:S,element:typeof k=="function"?k(l):k}}),g},[c,l]),[p,f]=d.useState(()=>{const g={};return Object.entries(m).forEach(([b,{lazy:C}])=>{C===!1&&(g[b]=!0)}),g[e]=!0,g}),[E,v]=d.useState(()=>{const g={};return Object.keys(m).forEach(b=>{b===e?g[b]="entered":g[b]="exited"}),g}),[y,x]=d.useState({});return r.createElement(Tr.Provider,{value:l},r.createElement(wu,null,Object.keys(m).map(g=>{var k;if(!p[g])return null;const b=E[g]||"exited",C=g===s,S=`${g}-${y[g]||0}`;return r.createElement(Tu,{key:S,$transitionState:b,$active:C},(k=m[g])==null?void 0:k.element)})))}const wu=h.default.div`position:relative;width:100%;height:100%;`;qe.Screen=kr;const ee={conv:"conv",convList:"conv-list"},Ar=({entryPoint:e,selectedChannelUrl:t,setSelectedChannelUrl:n})=>{const o=ve(()=>{switch(e){case"Conversation":return ee.conv;case"ConversationList":return ee.convList;default:return ee.conv}}),s=r.createElement(r.Fragment,null,r.createElement(ku,{onOpenConversationView:n}));return r.createElement(qe,{initialId:o},r.createElement(qe.Screen,{id:ee.conv},({navigation:a,activeScreenId:i})=>r.createElement(fr,{key:t,channelUrl:t,onClearChannelUrl:()=>n(void 0),onNavigateToConversationList:()=>a.navigate(ee.convList),shouldMarkAsRead:i===ee.conv},s)),r.createElement(qe.Screen,{id:ee.convList,lazy:!0},({navigation:a})=>r.createElement(br,{onOpenConversationView:i=>{n(i),a.navigate(ee.conv)}},s)))},ku=({onOpenConversationView:e})=>{const{registerOnJoinedProactiveConversation:t}=z(),{navigation:n}=wr();return t(({channel:o})=>{e(o.url),n.navigate(ee.conv)}),null};function Au({isExpanded:e,isOpened:t,children:n,launcher:o}){const{dir:s}=N();return r.createElement(Iu,null,r.createElement($u,{dir:s,id:ne.WINDOW,$isExpanded:e,$isOpened:t},n),o)}const Iu=h.default.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`,$u=h.default.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&&Lu};${({$isExpanded:e})=>e&&Mu};`,Mu=_.css`width:743px;height:723px;`,Lu=_.css`z-index:${pe.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;`,Ou=d.forwardRef(function({children:e,...t},n){const o=we(),[s,a]=d.useState(),i=o?vr:Au;return r.createElement(jt,{enableExpandButton:!o,ref:n,...t},r.createElement(Nn,null,({state:l})=>r.createElement(r.Fragment,null,r.createElement(i,{isExpanded:l.expanded,isOpened:l.opened,launcher:r.createElement(Sr,null)},r.createElement(Ar,{entryPoint:t.entryPoint,selectedChannelUrl:s,setSelectedChannelUrl:a})),e)))}),{Provider:Ru,useContext:qt}=W("FixedMessengerStyle");function Ir(e,t,n,o=0){const{top:s,bottom:a,start:i,end:l}=n;let c="",m="";switch(e){case"start":m=`inset-inline-start: ${J(i)}`;break;case"end":m=`inset-inline-end: ${J(l)}`;break}switch(t){case"top":c=`top: calc(${J(s)} + ${o}px)`;break;case"bottom":c=`bottom: calc(${J(a)} + ${o}px)`;break}return _.css`${c};${m};`}function Du(e){const{horizontal:t,vertical:n,margin:o,launcherSize:s}=qt();return r.createElement(Pu,{...e,size:s,$horizontal:t,$vertical:n,$margin:o})}const Pu=h.default(Sr)`position:fixed;z-index:${pe.LAUNCHER};${({$horizontal:e,$vertical:t,$margin:n})=>Ir(e,t,n)};`;function Nu({isExpanded:e,isOpened:t,children:n}){const{dir:o}=N(),{horizontal:s,vertical:a,margin:i,launcherSize:l}=qt();return r.createElement(Fu,{dir:o,id:ne.WINDOW,$isExpanded:e,$isOpened:t,$horizontal:s,$vertical:a,$margin:i,$launcherSize:l},n)}const Fu=h.default.div`background:${({theme:e})=>e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;position:fixed;${({$horizontal:e,$vertical:t,$margin:n,$launcherSize:o})=>Ir(e,t,n,o+12)};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:${({$horizontal:e,$vertical:t})=>`${e==="start"?"left":"right"} ${t}`};
-  [dir='rtl'] &:not([dir='ltr']),
-  &[dir='rtl'] {
-    transform-origin: ${({$horizontal:e,$vertical:t})=>`${e==="start"?"right":"left"} ${t}`};
-  }
-
-  ${({$isOpened:e})=>e&&Uu};
-  ${({$isExpanded:e})=>e&&Bu};
-`,Bu=_.css`width:743px;height:723px;`,Uu=_.css`z-index:${pe.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;`,$r={top:24,bottom:24,start:24,end:24},Hu=d.forwardRef(function({children:e,...t},n){const[o,s]=d.useState(),[a,i]=d.useState("end-bottom"),[l,c]=d.useState($r),[m,p]=d.useState(48),f=we(),E=f?vr:Nu,{horizontal:v,vertical:y}=d.useMemo(()=>{const[x,g]=a.split("-");return{horizontal:x==="start"?"start":"end",vertical:g==="top"?"top":"bottom"}},[a]);return r.createElement(jt,{enableExpandButton:!f,ref:n,...t},r.createElement(Nn,null,({state:x})=>r.createElement(Ru,{value:{horizontal:v,vertical:y,margin:l,launcherSize:m,setPosition:i,setMargin:c,setLauncherSize:p}},r.createElement(E,{isExpanded:x.expanded,isOpened:x.opened},r.createElement(Ar,{entryPoint:t.entryPoint,selectedChannelUrl:o,setSelectedChannelUrl:s})),r.createElement(Du,null),e)))}),Vu=e=>{var s,a,i,l;const{setPosition:t,setMargin:n,setLauncherSize:o}=qt();return d.useLayoutEffect(()=>{e.position&&t(e.position),e.margin&&n({...$r,...e.margin}),e.launcherSize&&o(e.launcherSize)},[e.position,(s=e.margin)==null?void 0:s.top,(a=e.margin)==null?void 0:a.bottom,(i=e.margin)==null?void 0:i.start,(l=e.margin)==null?void 0:l.end,e.launcherSize]),null},zu=Object.assign(Hu,{Style:Vu});exports.ANCHOR_REL=nt;exports.AgentProviderContainer=jt;exports.AgentUIProviderContainer=xr;exports.AnonymousSessionInfo=Ct;exports.CSATType=X;exports.Commands=kn;exports.Conversation=fr;exports.ConversationContext=tc;exports.ConversationContextProvider=ir;exports.ConversationLayout=it;exports.ConversationList=br;exports.ConversationListContext=Od;exports.ConversationListContextProvider=pr;exports.ConversationListItemLayout=Gt;exports.ConversationListLayout=at;exports.DefaultMessenger=Ou;exports.FixedMessenger=zu;exports.Icon=I;exports.IncomingMessageLayout=fe;exports.Label=w;exports.LauncherBase=yr;exports.Loader=Ut;exports.LogLevel=It;exports.ManualSessionInfo=$n;exports.MessageLogs=tr;exports.OutgoingMessageLayout=ot;exports.PlaceholderBase=oc;exports.SystemMessageLayout=st;exports.cssVars=u;exports.messengerDispatcher=Er;exports.useConversationContext=G;exports.useConversationListContext=Wt;exports.useLocalizationContext=L;exports.useMessengerContext=N;exports.useMessengerSessionContext=z;