@sendbird/ai-agent-messenger-react 1.9.0 → 1.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- "use strict";var Jr=Object.defineProperty;var Qr=(e,t,n)=>t in e?Jr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var F=(e,t,n)=>Qr(e,typeof t!="symbol"?t+"":t,n);const d=require("react"),K=require("@sendbird/chat"),A=require("styled-components"),Ee=require("date-fns"),eo=require("date-fns/locale/en-US"),z=require("@sendbird/chat/aiAgent"),Fe=require("@sendbird/uikit-tools"),Te=require("@sendbird/chat/message"),nt=require("@sendbird/chat/groupChannel"),to=require("react-dom"),wt=require("@sendbird/react-uikit-message-template-view"),no=require("@sendbird/uikit-message-template"),ro=require("dompurify"),oo=require("date-fns/isSameDay"),so=require("@emotion/is-prop-valid"),it=e=>e&&e.__esModule?e:{default:e};function ao(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=ao(d),io=it(K),f=it(A),Wn=it(ro),lo=it(so),Z=(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 ke(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,u]=d.useState(e.components),g={Template:i,updateTemplate:p=>l(()=>p),components:c,updateComponent:(p,x)=>u(C=>({...C,[p]:x}))};return r.createElement(t.Provider,{value:g},a)}function o({template:a,children:i}){const{updateTemplate:l}=d.useContext(t);return d.useLayoutEffect(()=>{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.useLayoutEffect(()=>{l&&c(a,l)},[l]),null}}),s}function co(...e){return function({children:n}){return e.reduce((o,s)=>r.createElement(s,null,o),n)}}const xe=e=>{var t,n;return!!(e!=null&&e.isAIAgent&&((t=e==null?void 0:e.conversation)==null?void 0:t.status)===z.ConversationStatus.CLOSED||e!=null&&e.isDesk&&((n=e==null?void 0:e.helpdeskInfo)==null?void 0:n.ticketStatus)==="closed")},kt=e=>{var t,n;return!!(e!=null&&e.isAIAgent&&((t=e==null?void 0:e.conversation)==null?void 0:t.status)===z.ConversationStatus.OPEN||e!=null&&e.isDesk&&((n=e==null?void 0:e.helpdeskInfo)==null?void 0:n.ticketStatus)==="open")};function Ne(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 uo(e){var t;if(((t=e==null?void 0:e.resolution)==null?void 0:t.determinedBy)==="user")return e.resolution.isResolved}function un(e){return!!e&&e<Date.now()}function mo(e){return!e.title}function go(e,t){var n;if(e)return mo(e)?{...e,title:t.title,csat_question:t.question,csat_scores:[{label:"",image_url:"https://static.dashboard.sendbird.com/assets/ai-agent/angry-active.png"},{label:"",image_url:"https://static.dashboard.sendbird.com/assets/ai-agent/suspicious-active.png"},{label:"",image_url:"https://static.dashboard.sendbird.com/assets/ai-agent/neutral-active.png"},{label:"",image_url:"https://static.dashboard.sendbird.com/assets/ai-agent/smile-active.png"},{label:"",image_url:"https://static.dashboard.sendbird.com/assets/ai-agent/happy-active.png"}],cre:{required:((n=e.cre)==null?void 0:n.required)??!0,question:t.cre.question,positive_label:t.cre.positive_label,negative_label:t.cre.negative_label},follow_up:[{response_type:"free_text",scores:[1,2,3,4,5],question:t.followUp.question}],csat_submit_label:t.submit_label,csat_submitted_label:t.submitted_label}:e}function ho(e){const t=e.lastMessage;return t!=null&&t.isUserMessage()||t!=null&&t.isAdminMessage()?t.message||"":t!=null&&t.isFileMessage()?t.message||t.name||"FILE":e.name}function fo(e,t,n){var i;const o=new Date,s=new Date(((i=e.lastMessage)==null?void 0:i.createdAt)||e.createdAt),a=Ee.differenceInMinutes(o,s);return a<1?n.justNow:a<60?n.minutesAgo(a):Ee.isToday(s)?n.hoursAgo(Ee.differenceInHours(o,s)):t(s,n.dateShortFormat)}const po="1.9.0",De="sb-agent",bo=po,qn="KEY_IMG_ASPECT_RATIO",Eo="*/*",N={BODY_MAX_WIDTH:244,WIDE_BODY_MAX_WIDTH:640,AVATAR_SIZE:26,BODY_TIME_GAP:4,HORIZONTAL_PADDING:12,GAP_GROUPED:2,GAP_UNGROUPED:16},ue=e=>!!e&&"sender"in e,xo=e=>ue(e)?e.sendingStatus==="succeeded"?String(e.messageId):e.reqId:String(e.messageId),vo=(e,t,n,o=!0)=>{if(!o||!ue(e))return"single";const s=()=>{if(!t||!ue(t))return!1;const c=t.sender.userId===e.sender.userId,u=Ee.isSameMinute(t.createdAt,e.createdAt);return c&&u},a=()=>{if(!n||!ue(n))return!1;const c=n.sender.userId===e.sender.userId,u=Ee.isSameMinute(n.createdAt,e.createdAt);return c&&u},i=s(),l=a();return i&&l?"middle":i?"bottom":l?"top":"single"},Pe=(e,t)=>(()=>{var o;return ue(e)?e.sender.userId:((o=e==null?void 0:e.sender)==null?void 0:o.userId)??void 0})()===t,Le={isAdmin:e=>e.isAdminMessage(),isCSAT:e=>{var t;return e.isAdminMessage()&&!!((t=e.extendedMessagePayload)!=null&&t.csat)},isIncoming:(e,t)=>ue(e)&&e.sender.userId!==t,isOutgoing:(e,t)=>ue(e)&&(e.sender.userId===t||e.sendingStatus===Te.SendingStatus.PENDING)},jn=e=>e.startsWith("image/"),Kn=e=>e.startsWith("video/"),zt=(e,t)=>{if(e&&!e.startsWith(".")){const n=e.split(".").pop();if(n&&n!==e)return n.toUpperCase()}if(t){const[,n]=t.split("/");if(n)return n.toUpperCase()}return"FILE"},Zn=e=>e.messageType==="file"?e.message.length>0&&e.file.name!==e.message:e.message.length>0,Vt=e=>{switch(e){case"top":case"middle":return N.GAP_GROUPED;default:return N.GAP_UNGROUPED}},yo=(e,t)=>{const n=/```(\w+)?\n([\s\S]*?)```/g,o=[];let s=0;return e.replace(n,(a,...i)=>{const[l,c,u]=i;return s<u&&o.push({type:"text",value:e.slice(s,u).trim()}),o.push({type:"code",value:c.trim(),language:l?l.trim():"plaintext"}),s=u+a.length,a}),s<e.length&&o.push({type:"text",value:e.slice(s).trim()}),t?o.map(a=>a.type!=="text"?a:{...a,value:t(a.value)}):o},Co=e=>e.replace(/\[([^\]]+)\](?!\()/g,"\\[$1\\]"),_o=e=>e.replace(/([a-zA-Z0-9])_(?=[a-zA-Z0-9])/g,"$1\\_"),So=e=>e.replace(/~~/g,"\\~\\~"),To=e=>{let t=e;return t=Co(t),t=_o(t),t=So(t),t},Ao=typeof navigator<"u"&&navigator.product==="ReactNative",mn=(e,t)=>{const n=o=>!t||t.length===0?!0:ue(o)&&t.includes(o.sendingStatus);return Ao?e.find(n):e.findLast(n)};function ve(){}function wo(){const e=typeof navigator<"u"?navigator.userAgent:"",t=/iPad|iPhone|iPod/.test(e),n=/Android/.test(e);return t||n}function ko(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 It=e=>{try{return JSON.parse(e===""?"{}":e)}catch{return{}}},ye={isStreaming(e){const t=It(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(Pe(e,t)){const o=It(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"},hasFeedback(e){var t;return!!((t=e.extendedMessagePayload)!=null&&t.feedback)},checkExtendedFieldPresence(e){const t=e.extendedMessagePayload||{},n=i=>i.some(l=>typeof t[l]<"u"),o=n(xt.ui),s=n(xt.trail),a=n(xt.marking);return{ui:o,trail:s,marking:a}},shouldScrollToBottom(e,t,n=!1){if(Pe(e,t)){if(this.isGeneratedMessage(e)&&this.isStreaming(e))return!0;const{ui:o,trail:s,marking:a}=this.checkExtendedFieldPresence(e);return o?!(!n&&a):!!(n&&(s||a))}return!0}},xt={ui:["suggested_replies","cta_button","message_template","csat"],trail:["groundedness","manual","function_calls"],marking:["is_hallucination","is_moderated","flagged_types"]},vt=`@${De}`,gn=({appId:e,aiAgentId:t,storage:n})=>{const o={templateBase:`${vt}-template`,template:s=>`${o.templateBase}/templates/${s}`,templateToken:()=>`${o.templateBase}-template/message-template/tokens`,messengerSession:s=>{const a=ko(`${e}/${t}/${s}`);return`${vt}-udata/${a}`},anonUserSession:()=>`${vt}-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{delete a.auto_created_user;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{s&&n.delete(o.messengerSession(s)),n.delete(o.anonUserSession())}catch{return}}}}};class Yn{constructor(t){F(this,"subscribers",{});this.logger=t}async send(t){const n=Io(),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 Io=()=>{let e=ve,t=ve;return{promise:new Promise((o,s)=>{e=o,t=s}),resolve:e,reject:t}};var Gt=(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))(Gt||{});class Xn{constructor(t){F(this,"level");this.level=t}verbose(...t){this.level<=0&&console.log(`[${De}/verbose]`,...t)}debug(...t){this.level<=1&&console.log(`[${De}/debug]`,...t)}info(...t){this.level<=2&&console.log(`[${De}/info]`,...t)}warn(...t){this.level<=3&&console.warn(`[${De}/warn]`,...t)}error(...t){this.level<=4&&console.error(`[${De}/error]`,...t)}}function hn(e,t,n){const o=io.default.init({appId:e,modules:[new nt.GroupChannelModule,new z.AIAgentModule],localCacheEnabled:!0,options:new K.SendbirdChatOptions({typingIndicatorInvalidateTime:2e4}),...n});return o.addSendbirdExtensions([{version:bo,product:K.SendbirdProduct.AI_AGENT,platform:t.platform}],{platform:t.deviceOSPlatform,version:t.deviceOSVersion},t.customData)||console.warn("Invalid Sendbird Extensions",t),o}function $o(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 Oe={conversation:{isTalkToAgentViewEnabled:!0,input:{camera:{photoEnabled:!0},gallery:{photoEnabled:!0},fileEnabled:!0}}},fn=e=>{var t,n,o,s,a,i,l,c,u,g;return e?{...Oe,...e,conversation:{...Oe.conversation,...e==null?void 0:e.conversation,input:{...(t=Oe.conversation)==null?void 0:t.input,...(n=e==null?void 0:e.conversation)==null?void 0:n.input,camera:{...(s=(o=Oe.conversation)==null?void 0:o.input)==null?void 0:s.camera,...(i=(a=e==null?void 0:e.conversation)==null?void 0:a.input)==null?void 0:i.camera},gallery:{...(c=(l=Oe.conversation)==null?void 0:l.input)==null?void 0:c.gallery,...(g=(u=e==null?void 0:e.conversation)==null?void 0:u.input)==null?void 0:g.gallery}}}}:Oe},{Provider:Mo,useContext:W}=Z("AIAgent");function Lo({appId:e,aiAgentId:t,keyValueStorage:n,language:o,countryCode:s,context:a,queryParams:i,config:l,chatSDK:c,chatParams:u,children:g,logger:p,dispatcher:x,extensions:C={platform:K.SendbirdPlatform.JS,deviceOSPlatform:wo()?K.DeviceOsPlatform.MOBILE_WEB:K.DeviceOsPlatform.WEB}}){const[v,E]=d.useState(()=>{const b=p??new Xn(Gt.WARN),h=x??new Yn(b);return{appId:e,aiAgentId:t,language:o,countryCode:s,context:a,queryParams:i,config:fn(l),keyValueStorage:n,logger:b,dispatcher:h,chatSDK:c??hn(e,C,u),cache:gn({appId:e,aiAgentId:t,storage:n})}});return d.useEffect(()=>{E(b=>{let h=b.logger,y=b.dispatcher,_=b.chatSDK;return p&&p!==b.logger&&(h=p),x&&x!==b.dispatcher&&(y=x),c&&c!==b.chatSDK?_=c:!c&&b.chatSDK.appId!==e&&(_=hn(e,C,{newInstance:!0,...u})),{...b,appId:e,aiAgentId:t,keyValueStorage:n,language:o,countryCode:s,context:a,queryParams:i,config:fn(l),logger:h,dispatcher:y,chatSDK:_,cache:gn({appId:e,aiAgentId:t,storage:n})}})},[e,t,o,s,a,l,p,x,c]),d.useEffect(()=>()=>{v.chatSDK.disconnectWebSocket()},[v.chatSDK]),$o(v.chatSDK),r.createElement(Mo,{value:v},g)}const Oo=(e,t,n)=>Fe.useGroupChannelMessages(e,t,{...n,strictStreamingOrder:!0});var $t=(e=>(e.ConversationClose="conv.close",e))($t||{});class Do{constructor(t={}){F(this,"payload");this.payload=t}toJSON(){return JSON.stringify({type:this.type,payload:this.payload})}}const Jn={CloseConversation:e=>new Ro(e)};class Ro extends Do{constructor(){super(...arguments);F(this,"type","conv.close")}}const Mt={DEFAULT_BOT_MSG_BG:"#eeeeee",WHITE:"#ffffff",BLACK:"#000000"};function Qn(e){return e.length===4?`#${[...e.slice(1)].map(t=>t+t).join("")}`:e}function No(e){const t=Qn(e);return[parseInt(t.slice(1,3),16),parseInt(t.slice(3,5),16),parseInt(t.slice(5,7),16)]}function Po(e){return`#${e.map(t=>t.toString(16).padStart(2,"0")).join("")}`}function Bo(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 Fo(e,t,n){let o,s,a;if(t===0)o=s=a=n;else{const i=function(g,p,x){return x<0&&(x+=1),x>1&&(x-=1),x<.16666666666666666?g+(p-g)*6*x:x<.5?p:x<.6666666666666666?g+(p-g)*(.6666666666666666-x)*6:g},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 Ke(e,t,n){const[o,s,a]=No(e),[i,l,c]=Bo(o,s,a),u=Math.max(0,Math.min(1,c*t)),g=Math.max(0,Math.min(1,l*n)),[p,x,C]=Fo(i,g,u);return Po([Math.round(p),Math.round(x),Math.round(C)])}function Uo(e,t="light"){return{extraDark:Ke(e,.6,1.2),dark:Ke(e,.85,1.1),main:e,light:Ke(e,t==="dark"?1.1:1.5,t==="dark"?.95:.9),extraLight:Ke(e,t==="dark"?1.2:1.75,t==="dark"?.9:.8)}}function Lt(e){const t=Qn(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?Mt.BLACK:Mt.WHITE}function Ho(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},messageInput:{text:e.onlight.textHighEmphasis,placeholderText:e.onlight.textLowEmphasis,background:e.background100},messageIncoming:{text:s,background:o},messageOutgoing:{text:n,background:t},csat:{background:e.background100}}}const zo=(e,t,n,o,s)=>({base:{primary:t,primaryContrastContent:n,background:e.background600,headerBackground:e.background500,modalContentBackground:e.background500},metadata:{errorContent:e.ondark.textHighEmphasis},messageInput:{text:e.ondark.textHighEmphasis,placeholderText:e.ondark.textLowEmphasis,background:e.background400},messageIncoming:{text:s,background:o},messageOutgoing:{text:n,background:t},csat:{background:e.background400}}),Ze={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)"}},yt={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 pn(e){const t=Vo(e),{colors:n,aiAgentColorVariables:o}=Go(e,t),s=qo(e);return{selectedTheme:e.selectedTheme,palette:t,colors:n,aiAgentColorVariables:o,typography:s}}function Vo({selectedTheme:e,palette:t,primary:n}){const o=t!=null&&t.primary?t.primary:n?n===Ze.primary.main?Ze.primary:Uo(n,e):Ze.primary;return{...Ze,primary:o,...t}}function Go({selectedTheme:e,primaryContrast:t,botMessageBackground:n,botMessageBackgroundContrast:o},s){const a=s.primary.main,i=t??Lt(a),l=n??Mt.DEFAULT_BOT_MSG_BG,c=o??Lt(l);return{colors:(e==="light"?Ho:zo)(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 Wo(e,t,n){const o={...e};return n.forEach(s=>{const a=t[s];a!=null&&(o[s]=a)}),o}function qo({typography:e}){if(!e)return yt;const t={...yt};return Object.keys(e).forEach(n=>{const o=e[n];if(o&&typeof o=="object"){const s=yt[n],a=["fontSize","fontWeight","fontFamily","lineHeight"];t[n]=Wo(s,o,a)}}),t}const{Provider:jo,useContext:Wt}=Z("AIAgentTheme");function Ko({logger:e,palette:t,typography:n,appearance:o,children:s}){const a=d.useRef(null),[i,l]=d.useState(()=>pn({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})),c=d.useCallback((u,g)=>{g&&(a.current=g);const p=(o==null?void 0:o.theme)??u,x=a.current?a.current.themes[p]:null,C={primary:o==null?void 0:o.primaryColor,primaryContrast:void 0,botMessageBackground:o==null?void 0:o.botMessageBackgroundColor,botMessageBackgroundContrast:void 0};!C.primary&&(x!=null&&x.primary_color)&&(C.primary=x.primary_color,C.primaryContrast=x.primary_contrast_color),!C.botMessageBackground&&(x!=null&&x.bot_message_bg_color)&&(C.botMessageBackground=x.bot_message_bg_color,C.botMessageBackgroundContrast=x.bot_message_bg_contrast_color);const v=pn({selectedTheme:p,palette:t,typography:n,...C});l(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)&&c(i.selectedTheme)},[o==null?void 0:o.theme,o==null?void 0:o.primaryColor,o==null?void 0:o.botMessageBackgroundColor]),r.createElement(jo,{value:{theme:i,updateTheme:c}},s)}const bn=25*1024*1024,Zo={off:"off",always:"always",handed_off_only:"handed_off_only"},Yo=()=>{const[e,t]=d.useState(()=>({maxAttachmentCount:1,attachmentMode:"handed_off_only",defaultUploadSizeLimit:bn,uploadSizeLimitPerType:new Map,supportedImageMimeTypes:new Set(["image/png","image/jpeg","image/jpg"]),supportedFileMimeTypes:new Set(["application/pdf"])})),n=d.useCallback(({active_channel:s,upload_restriction:a})=>{const{maxAttachmentCount:i,attachmentMode:l,defaultUploadSizeLimit:c,supportedImageMimeTypes:u,supportedFileMimeTypes:g}=e;t({maxAttachmentCount:i,attachmentMode:Zo[s.attachment_mode]??l,defaultUploadSizeLimit:(a==null?void 0:a.default_upload_size_limit)??c,uploadSizeLimitPerType:new Map(Object.entries((a==null?void 0:a.upload_size_limit_per_type)??[])),supportedImageMimeTypes:new Set((a==null?void 0:a.supported_image_mime_types)??u),supportedFileMimeTypes:new Set((a==null?void 0:a.supported_file_mime_types)??g)})},[]),o=d.useCallback(s=>{const{channel:a,uploadSizeLimit:i=bn}=s,l=(u=!0)=>a!=null&&a.isAIAgent?u?Ne(a):!1:!0,c=u=>{if(l())return e.defaultUploadSizeLimit??i;const g=e.defaultUploadSizeLimit??i,p=e.uploadSizeLimitPerType.get(u)??g;return Math.min(g,p)};return{maxAttachmentCount:e.maxAttachmentCount,isEnabled:()=>{if(l(!1))return!0;switch(e.attachmentMode){case"off":return!1;case"always":return!0;case"handed_off_only":return Ne(a);default:return!0}},get supportedMimeTypes(){return l()?[Eo]:[...e.supportedImageMimeTypes,...e.supportedFileMimeTypes]},isSupportedMimeType:u=>l()?!0:e.supportedImageMimeTypes.has(u)||e.supportedFileMimeTypes.has(u),getUploadSizeLimit:c,getUploadSizeLimitInMB:u=>c(u)/(1024*1024)}},[e]);return{updateBaseAttachmentRules:n,createAttachmentRules:o}};function er(){const{chatSDK:e,logger:t}=W();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 Xo(){const{chatSDK:e,logger:t}=W(),n=d.useCallback(async(s,a,i)=>{if(t.debug("useChatConnection.connect: start, session",s.userId),a){const l=new K.SessionHandler({...a,onSessionTokenRequired:Jo(a.onSessionTokenRequired,i)});e.setSessionHandler(l)}try{return await e.connect(s.userId,s.authToken),t.debug("useChatConnection.connect: end, currentUser",e.currentUser),e.currentUser}catch(l){const c=l;if(e.isCacheEnabled){if(es(c))t.warn("useChatConnection.connect","offline connect restricted",c.message,c.code),t.warn("useChatConnection.connect","clear cached-data"),await e.clearCachedData().catch(u=>t.warn("useChatConnection.connect","clear cached-data failure",u));else if(e.currentUser)return t.debug("useChatConnection.connect: end (offline), currentUser",e.currentUser),e.currentUser}throw t.warn("useChatConnection.connect","connect failure",c.message,c.code),c}},[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 Jo(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)})}}const Qo=[400300,400301,400302,400310];function es(e){return Qo.some(t=>e.code===t)}class tr{constructor({userId:t,authToken:n,sessionHandler:o}){F(this,"userId");F(this,"authToken");F(this,"sessionHandler");this.userId=t,this.authToken=n,this.sessionHandler=o}}class Ot{constructor(){F(this,"userId");F(this,"authToken");F(this,"sessionHandler")}}const ts=24*60*60*1e3,ns=e=>{const{logger:t,cache:n}=W(),o=()=>{const a=n.messenger.getAnonUser();return a?a.expireAt-ts<=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 Ot)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 tr?{type:"manual",userSessionCandidate:s()}:e instanceof Ot?{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 rs({userSessionInfo:e,onUpdateMessengerSettings:t,onPreAuth:n,onPostAuth:o,onErrorAuth:s,onAuthTokenRefreshed:a,onPostDeauth:i,forceCreateChannel:l}){const{aiAgentId:c,language:u,context:g,countryCode:p,logger:x,cache:C}=W(),{connect:v,disconnect:E}=Xo(),{type:b,userSessionCandidate:h}=ns(e),y=er(),_=d.useCallback(async()=>{var R;x.debug("useAuthentication.authenticate: start");const S=h!=null&&h.userId?C.messenger.getSettings(h.userId):null;S!=null&&S.bot&&(t(S),x.debug("useAuthentication.authenticate: cached messenger settings",S));const w=await y({aiAgentId:c,userId:h==null?void 0:h.userId,language:u,country:p,context:g,forceCreateChannel:l,knownActiveChannelUrl:(R=S==null?void 0:S.active_channel)==null?void 0:R.channel_url});x.debug("useAuthentication.authenticate: messenger settings response",w);let $=null;if(w.auto_created_user)if(b==="manual")x.warn("Received auto created user info but current session is manual. Ignoring auto created user info."),$={userId:h.userId,authToken:h.authToken};else{const{user_id:X,session_token:J,expire_at:se}=w.auto_created_user;C.messenger.setAnonUser({userId:X,authToken:J,expireAt:se}),$={userId:X,authToken:J}}else $={userId:(h==null?void 0:h.userId)??"",authToken:(h==null?void 0:h.authToken)??""};C.messenger.setSettings($.userId,w),t(w);try{await n(w,$),await v($,h==null?void 0:h.sessionHandler,a),await o(w,$)}catch(X){throw X instanceof Error&&(s(X),x.error("useAuthentication.authenticate: failed to connect",X)),X}return w},[y,v,b,h==null?void 0:h.userId,h==null?void 0:h.sessionHandler,h==null?void 0:h.authToken,C.messenger.setAnonUser,C.messenger.getSettings,C.messenger.setSettings,t,n,o,s,a]),M=d.useCallback(async()=>{x.debug("useAuthentication.deauthenticate: start"),await E(),i(),x.debug("useAuthentication.deauthenticate: completed")},[E,x,i]);return{authenticate:_,deauthenticate:M,userSessionCandidate:h}}const nr=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)}},Ve=e=>JSON.parse(e),lt=e=>JSON.parse(e);function os(e,t){const[n,o]=t.split(",").map(s=>s.trim());return e==="dark"&&o||n}function ss(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 qt({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,nr(l))},e)}async function as({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,nr(l)),e)}const is=()=>{const{chatSDK:e,logger:t,cache:n}=W(),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}=Ve(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}},{Provider:ls,useContext:jt}=Z("AIAgentMessengerSession"),cs=d.forwardRef(function({userSessionInfo:e,forceCreateChannel:t,children:n},o){const{appId:s,aiAgentId:a,chatSDK:i,language:l,countryCode:c,context:u,cache:g,logger:p}=W(),{updateTheme:x}=Wt(),[C,v]=d.useState(void 0),[E,b]=d.useState(void 0),[h,y]=d.useState(null),[_,M]=d.useState(null),[S,w]=d.useState(null),[$,R]=d.useState(null),{updateBaseAttachmentRules:X,createAttachmentRules:J}=Yo(),{shouldSyncCachedTemplate:se,syncCachedTemplates:ge}=is(),he=er(),{authenticate:Se,deauthenticate:V}=rs({userSessionInfo:e,forceCreateChannel:t,onUpdateMessengerSettings:d.useCallback(P=>{const{appearance:T,bot:O,launcher:H}=P;x(T.selected_theme,T),w({userId:O.bot_userid,profileUrl:O.bot_profile_url,nickname:O.bot_nickname,replyToFile:O.reply_to_file,specialNotice:O.special_notice,specialNoticeEnabled:O.is_special_notice_enabled,showHandoffButton:O.show_handoff_button??!0,isMultipleActiveConversationsEnabled:O.is_multiple_active_conversations_enabled??!0,isUserFeedbackEnabled:P.bot.is_user_feedback_enabled??!1,isUserFeedbackCommentOptionEnabled:P.bot.is_user_feedback_comment_option_enabled??!1}),R({type:H.image_type||"default_icon",imageUrl:H.image_url}),X(P)},[x]),onPreAuth:d.useCallback((P,T)=>{v(void 0),M(T)},[]),onPostAuth:d.useCallback(async P=>{y(i.currentUser),se()&&await ge(),b({url:P.active_channel.channel_url,status:z.ConversationStatus.OPEN})},[i,se,ge]),onErrorAuth:d.useCallback(P=>{v(P)},[]),onAuthTokenRefreshed:d.useCallback(P=>{M(T=>T?{...T,authToken:P}:null)},[]),onPostDeauth:d.useCallback(()=>{g.template.clear(),g.messenger.clear(_==null?void 0:_.userId),y(null),b(void 0),M(null),w(null),R(null)},[g.template.clear,g.messenger.clear,_])}),k=d.useCallback(async()=>{var P;if(_){p.debug("agentMessengerSession.refreshActiveChannel: try to refresh active channel"),b(void 0);const T=await he({aiAgentId:a,userId:_.userId,language:l,country:c,context:u,forceCreateChannel:t,knownActiveChannelUrl:(P=g.messenger.getSettings(_.userId))==null?void 0:P.active_channel.channel_url});return g.messenger.setSettings(_.userId,T),b({url:T.active_channel.channel_url,status:z.ConversationStatus.OPEN}),p.info("agentMessengerSession.refreshActiveChannel: refreshed active channel",T.active_channel.channel_url),T.active_channel.channel_url}else throw p.error("agentMessengerSession.refreshActiveChannel: userSession is not ready"),new Error("userSession is not ready")},[he,s,a,_==null?void 0:_.userId,l,c,u,t,g.messenger.getSettings,g.messenger.setSettings]),ae=d.useCallback(async P=>{if(!(_!=null&&_.userId))throw new Error("Current user is not authenticated. Please authenticate first.");const T=await he({...P,userId:_.userId,knownActiveChannelUrl:void 0}),O=T.active_channel.channel_url;return g.messenger.setSettings(_.userId,T),O},[_==null?void 0:_.userId,he]);return Fe.useGroupChannelHandler(i,{onChannelChanged:P=>{var T;P.isGroupChannel()&&P.url===(E==null?void 0:E.url)&&(p.info("agentMessengerSession.channelChanged: channel.conversation",P.conversation),b({url:P.url,status:((T=P.conversation)==null?void 0:T.status)??z.ConversationStatus.OPEN}))}}),d.useImperativeHandle(o,()=>{const P=async()=>{if(!E)throw new Error("No active conversation. Please start a conversation first.");return await i.groupChannel.getChannel(E.url)};return{activeChannel:E,chatSDK:i,authenticate:Se,deauthenticate:V,updateContext:async T=>{const H=await(await P()).updateContext(a,T);return{...H,context:H.context??{}}},patchContext:async T=>{const H=await(await P()).patchContext(a,T);return{...H,context:H.context??{}}},getContextObject:async()=>{const O=await(await P()).getContextObject(a);return{...O,context:O.context??{}}}}},[Se,V,E,i,a,p]),r.createElement(ls,{value:{sdkUser:h,userSessionInfo:e,userSession:_,activeChannel:E,setActiveChannel:b,refreshActiveChannel:k,createConversation:ae,connectionError:C,aiAgentInfo:S,launcherInfo:$,authenticate:Se,deauthenticate:V,createAttachmentRules:J}},n)}),rr=e=>{const{chatSDK:t}=W(),[n,o]=d.useState([]);return Fe.useGroupChannelHandler(t,{onTypingStatusUpdated(s){if(s.url===(e==null?void 0:e.url)){const a=s.getTypingUsers();o(a)}}}),n},ds=({channel:e,messages:t})=>{const{aiAgentInfo:n,userSession:o}=jt(),s=us(),a=ms({channel:e,lastMessage:mn(t,[Te.SendingStatus.SUCCEEDED]),aiAgentUserId:(n==null?void 0:n.userId)??""}),i=ps({shouldApply:!!(e!=null&&e.isAIAgent)&&!Ne(e),isDisabledWhileAIResponding:a,lastMessage:mn(t,[Te.SendingStatus.PENDING,Te.SendingStatus.SUCCEEDED]),currentUserId:(o==null?void 0:o.userId)??""});if(!e||!s)return{disabled:!0,disabledBy:"unavailable"};if(xe(e))return{disabled:!0,disabledBy:"conversation_closed"};if(gs(e))return{disabled:!0,disabledBy:"form_active"};const l=hs(e);return l?{disabled:!0,disabledBy:l}:a||i?{disabled:!0,disabledBy:"ai_responding"}:{disabled:!1,disabledBy:""}},us=()=>{const e=d.useId(),{chatSDK:t}=W(),[n,o]=d.useState(!0);return d.useEffect(()=>{const s=new K.ConnectionHandler({onDisconnected:()=>o(!1),onConnected:()=>o(!0),onReconnectSucceeded:()=>o(!0)});return t.addConnectionHandler(e,s),()=>{t.removeConnectionHandler(e)}},[t]),n},ms=({channel:e,lastMessage:t,aiAgentUserId:n})=>{const[o,s]=d.useState(!1),a=rr(e);return d.useEffect(()=>{if(!t)return;const i=a.some(c=>c.userId===n),l=Pe(t,n)&&ye.isStreaming(t);s(!!(l||i))},[a,t,n]),o},gs=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},hs=e=>{const t=e==null?void 0:e.lastMessage,n=t==null?void 0:t.extendedMessagePayload;return n==null?void 0:n.user_input_disabled_by},fs=3e4,ps=({shouldApply:e,lastMessage:t,isDisabledWhileAIResponding:n,currentUserId:o})=>{const[s,a]=d.useState(!1),i=d.useRef(null),l=t&&Pe(t,o)?t.createdAt:0;return d.useEffect(()=>{const c=()=>{i.current&&(clearTimeout(i.current),i.current=null),a(!1)},u=x=>{i.current&&clearTimeout(i.current),a(!0),i.current=setTimeout(()=>{a(!1),i.current=null},x)},g=Date.now()-l,p=fs-g;return n||p<=0?c():u(p),()=>{i.current&&clearTimeout(i.current)}},[n,l]),s&&e},{Provider:bs}=Z("AIAgentConversation");function Es({children:e,channelUrl:t,onChannelDeleted:n,onMessagesReceived:o,onMessagesUpdated:s,onConversationClosedViaDispatcher:a,onBeforeSendMessage:i,onAfterSendMessage:l=ve,shouldMarkAsRead:c=!0,sortComparator:u}){var M;const g=()=>c&&(v==null?void 0:v.markAsRead()),{chatSDK:p,logger:x,dispatcher:C}=W(),{channel:v,channelFetchError:E,fetchChannel:b}=xs(t),h=Oo(p,v,{shouldCountNewMessages:()=>!1,onChannelDeleted:n,onMessagesReceived:S=>o==null?void 0:o(S),onMessagesUpdated:S=>s==null?void 0:s(S),logger:x,markAsRead:g,sortComparator:u}),y=ds({channel:v,messages:h.messages});d.useEffect(()=>{g()},[c]),d.useEffect(()=>{const S=async w=>{const $=typeof(w==null?void 0:w.channelUrl)=="string";v&&$&&w.channelUrl!==v.url||(x.debug("conversation.dispatcher: try to close conversation",v),v!=null&&v.conversation&&v.conversation.status===z.ConversationStatus.OPEN&&(await v.closeConversation(),a==null||a()))};return C.subscribe($t.ConversationClose,S),()=>{C.unsubscribe($t.ConversationClose,S)}},[C,(M=v==null?void 0:v.conversation)==null?void 0:M.status,a]);const _={conversation:(v==null?void 0:v.conversation)??void 0,channelSource:{channel:v,error:E,refetch:()=>b(),closeConversation:async()=>{xe(v)||await(v==null?void 0:v.closeConversation())}},messageSource:{messages:h.messages,initialized:h.initialized,loadPrevious:()=>h.loadPrevious(),loadNext:()=>h.loadNext(),deleteMessage:S=>h.deleteMessage(S),resendMessage:S=>h.resendMessage(S),sendUserMessage:async S=>{var $;if((($=v==null?void 0:v.conversation)==null?void 0:$.status)===z.ConversationStatus.CLOSED)throw new Error("Conversation is closed");i&&(S=await i(S));const w=await h.sendUserMessage(S,l);return l==null||l(w),w},sendFileMessage:async S=>{var $;if((($=v==null?void 0:v.conversation)==null?void 0:$.status)===z.ConversationStatus.CLOSED)throw new Error("Conversation is closed");i&&(S=await i(S));const w=await h.sendFileMessage(S,l);return l==null||l(w),w}},state:{input:y}};return r.createElement(bs,{value:_},e)}function xs(e){const{chatSDK:t,logger:n}=W(),[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 K.SendbirdError&&i(c),n.error("conversation.fetchChannel: error",c)}}return vs(o),d.useEffect(()=>{l()},[t,e]),{channel:o,channelFetchError:a,fetchChannel:l}}function vs(e){const{chatSDK:t}=W(),{activeChannel:n,setActiveChannel:o}=jt(),s=d.useId();d.useEffect(()=>{if(!e||!n)return;const a=new K.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)??z.ConversationStatus.OPEN})}});return t.addConnectionHandler(s,a),()=>{t.removeConnectionHandler(s)}},[t,e,n])}class ys{constructor(t,{filter:n,limit:o=20}){F(this,"filter");F(this,"_sdk");F(this,"_pinnedChannels");F(this,"_channels");F(this,"_isDisposed",!1);F(this,"_handlerId",`handler-id-${Date.now()}`);F(this,"_order",nt.GroupChannelListOrder.LATEST_LAST_MESSAGE);F(this,"_limit");F(this,"_query");F(this,"_token");F(this,"_timestamp");F(this,"_isSyncing");F(this,"_channelHandler");F(this,"_connectionHandler");F(this,"_collectionEventHandler");var s,a,i,l,c,u,g;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:(u=this.filter)==null?void 0:u.copilotConversationOnly,copilotSupportChannelUrl:(g=this.filter)==null?void 0:g.copilotSupportChannelUrl,limit:this._limit}),this._token="",this._timestamp=Number.MAX_SAFE_INTEGER,this._isSyncing=!1,this._channelHandler=new nt.GroupChannelHandler({onChannelChanged:p=>{p.isGroupChannel()&&(this._query.belongsTo(p)?this._addChannelsToView([p],!1):this._removeChannelsFromView([p.url]))},onChannelDeleted:p=>{this._removeChannelsFromView([p])}}),this._connectionHandler=new K.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,u)=>[c,u])),s=[],a=[],i=[];for(const c of t){if(!this._query.belongsTo(c)){i.push(c.url);continue}const u=o.get(c.url);if(u===void 0)continue;const g=Dt(this._pinnedChannels,c);g>=0?(this._pinnedChannels.splice(g,1),a.push(c)):s.push(c);const x=this._pinnedChannels.findIndex(v=>(o.get(v.url)??1/0)>u),C=x===-1?this._pinnedChannels.length:x;this._pinnedChannels.splice(C,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=Dt(this._channels,i),c=l<0;!c&&this._channels.splice(l,1);const g=Cs(this._channels,i,this._order).place,p=g===this._channels.length;c?p?(n||!this.hasMore)&&(this._channels.push(i),s.push(i)):(this._channels.splice(g,0,i),s.push(i)):(this._channels.splice(g,0,i),a.push(i))}return{addedChannels:s,updatedChannels:a,unmatchedChannelUrls:o}}_addChannelsToView(t,n=!1){var p,x,C,v,E;const o=new Set(((p=this.filter)==null?void 0:p.pinnedChannelUrls)??[]),s=[],a=[];for(const b of t)o.has(b.url)?s.push(b):a.push(b);const i=this._upsertPinnedChannelsToArray(s),l=this._upsertRegularChannelsToArray(a,n),c=i.addedChannels.concat(l.addedChannels),u=i.updatedChannels.concat(l.updatedChannels),g=i.unmatchedChannelUrls.concat(l.unmatchedChannelUrls);c.length>0&&((C=(x=this._collectionEventHandler)==null?void 0:x.onChannelsAdded)==null||C.call(x,{},c)),u.length>0&&((E=(v=this._collectionEventHandler)==null?void 0:v.onChannelsUpdated)==null||E.call(v,{},u)),g.length>0&&this._removeChannelsFromView(g)}_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(u=>u.url===l);c>=0&&(o.push(l),this._pinnedChannels.splice(c,1))}else{const c=this._channels.findIndex(u=>u.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 Dt=(e,t)=>e.findIndex(n=>n.isIdentical(t)),Cs=(e,t,n)=>{if(e.length>0){const o=Dt(e,t);let s=0,a=e.length-1,i=Math.floor((s+a)/2);for(;s<a;){const c=En(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:En(e[i],t,n)>=0?i:i+1,oldPosition:o}}return{place:e.length,oldPosition:-1}},En=(e,t,n)=>{switch(n){case nt.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 _s(e,t){var v,E,b,h,y,_,M,S,w,$;const n=d.useId(),[o,s]=d.useState(!1),[a,i]=d.useState(null),[l,c]=d.useState([]),[u,g]=d.useState(null),p=d.useRef(!1),x=d.useCallback(async()=>{if(!p.current&&e.currentUser){p.current=!0,s(!1),i(null),c([]);try{u==null||u.dispose();const R=new ys(e,t);R.setConversationListCollectionHandler({onChannelsAdded:()=>{c(R.channels)},onChannelsUpdated:()=>{c(R.channels)},onChannelsDeleted:()=>{c(R.channels)}}),await R.loadMore(),g(R),i(null)}catch(R){g(null),i(R)}finally{s(!0),p.current=!1}}},[e,e.currentUser,(v=t.filter)==null?void 0:v.aiAgentChannelFilter,(b=(E=t.filter)==null?void 0:E.aiAgentConversationStatusFilter)==null?void 0:b.join(),(y=(h=t.filter)==null?void 0:h.aiAgentIds)==null?void 0:y.join(),(_=t.filter)==null?void 0:_.deskChannelFilter,(S=(M=t.filter)==null?void 0:M.pinnedChannelUrls)==null?void 0:S.join(),(w=t.filter)==null?void 0:w.copilotConversationOnly,($=t.filter)==null?void 0:$.copilotSupportChannelUrl,t.limit]),C=d.useCallback(async()=>{if(u)try{await u.loadMore()}catch(R){i(R)}},[u]);return d.useEffect(()=>(e.addConnectionHandler(n,new K.ConnectionHandler({onConnected:()=>x()})),()=>e.removeConnectionHandler(n)),[e,n,x]),d.useEffect(()=>{x()},[x]),d.useEffect(()=>()=>{p.current=!1,u==null||u.dispose()},[u]),{initialized:o,error:a,channels:l,loadMore:C}}const{Provider:Ss}=Z("AIAgentConversationList");function Ts({conversationListLimit:e,conversationListFilter:t,children:n}){var p,x;const{chatSDK:o,aiAgentId:s,queryParams:a}=W(),i={aiAgentIds:[s],aiAgentConversationStatusFilter:[z.ConversationStatus.CLOSED,z.ConversationStatus.OPEN]},l=e??((p=a==null?void 0:a.conversationListParams)==null?void 0:p.limit),c={...i,...(x=a==null?void 0:a.conversationListParams)==null?void 0:x.filter,...t},u=_s(o,{limit:l,filter:c}),g={listSource:{initialized:u.initialized,error:u.error??void 0,channels:u.channels,loadMore:()=>u.loadMore()}};return r.createElement(Ss,{value:g},n)}function As(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:ws,useContext:or}=Z("MessageTemplateFetching");function ks({children:e,internalVariables:t}){const n=d.useRef({}),o=d.useRef({}),[s,a]=d.useState({}),i=d.useCallback((u,g)=>{a(p=>({...p,[u]:{fetching:!1,error:!1,...p[u],...g}}))},[]),l=d.useCallback(async({onRequestTemplate:u,onGetCachedTemplate:g,templateKey:p,suspense:x=!1})=>{const C=g(p);if(C)return C;const v=o.current[p];if(v)return v;x||i(p,{fetching:!0});const E=u(p).catch(b=>{throw x||i(p,{error:!0}),b}).finally(()=>{x||i(p,{fetching:!1}),delete o.current[p]});return o.current[p]=E,E},[i]),c={internalVariables:t,fetchTemplate:l,suspend:(u,g)=>{if(n.current[u])return n.current[u];const p=As(g());return n.current[u]=p,p},getIsFetching:u=>{var g;return((g=s[u])==null?void 0:g.fetching)??!1},getHasError:u=>{var g;return((g=s[u])==null?void 0:g.error)??!1}};return r.createElement(ws,{value:c},e)}const ct={VARIABLE:e=>new RegExp(`\\{${e}\\}`,"g"),VIEW_VARIABLE:e=>new RegExp(`"{@${e}}"`,"g")};function Ce({uiTemplateString:e,variables:t={}}){const n=ss(t);return qt({template:e,variables:n,variableKeyPattern:o=>ct.VARIABLE(o)})}function _e({theme:e,uiTemplateString:t,colorVariables:n={}}){return qt({template:t,variables:n,variableKeyPattern:o=>ct.VARIABLE(o),variableValueTransformer:o=>os(e,o)})}function Is({theme:e,uiTemplateString:t,viewVariables:n={},aiAgentColorVariables:o,internalVariables:s,onRequestTemplate:a}){const l=Object.values(n).flat().map(u=>u.key);return[...new Set(l)].some(u=>!a(u))?null:qt({template:t,variables:n,variableKeyPattern:u=>ct.VIEW_VARIABLE(u),variableValueTransformer:u=>{const g=u.map(({key:p,variables:x})=>{const C=a(p),{ui_template:v,color_variables:E}=Ve(C);let b=JSON.stringify(v);return b=Ce({uiTemplateString:b,variables:s}),b=_e({theme:e,uiTemplateString:b,colorVariables:E}),b=_e({theme:e,uiTemplateString:b,colorVariables:o}),b=Ce({uiTemplateString:b,variables:x}),lt(b)});return JSON.stringify(g)}})}async function $s({theme:e,uiTemplateString:t,viewVariables:n={},aiAgentColorVariables:o,internalVariables:s,onRequestTemplate:a}){return as({template:t,variables:n,variableKeyPattern:i=>ct.VIEW_VARIABLE(i),variableValueTransformer:async i=>{const l=i.map(async({key:u,variables:g})=>{const p=await a(u),{ui_template:x,color_variables:C}=Ve(p);let v=JSON.stringify(x);return v=Ce({uiTemplateString:v,variables:s}),v=_e({theme:e,uiTemplateString:v,colorVariables:C}),v=_e({theme:e,uiTemplateString:v,colorVariables:o}),v=Ce({uiTemplateString:v,variables:g}),lt(v)}),c=await Promise.all(l);return JSON.stringify(c)}})}const Ms=({rawTemplate:e,aiAgentColorVariables:t,internalVariables:n,...o})=>{const{ui_template:s,color_variables:a}=Ve(e);let i=JSON.stringify(s);if(Object.keys(o.viewVariables??{}).length>0){const c=Is({...o,uiTemplateString:i,aiAgentColorVariables:t,internalVariables:n});if(c===null)return null;i=c}return i=Ce({...o,uiTemplateString:i,variables:n}),i=_e({...o,uiTemplateString:i,colorVariables:a}),i=_e({...o,uiTemplateString:i,colorVariables:t}),i=Ce({...o,uiTemplateString:i}),lt(i)},Ls=async({rawTemplate:e,aiAgentColorVariables:t,internalVariables:n,...o})=>{const{ui_template:s,color_variables:a}=Ve(e);let i=JSON.stringify(s);return Object.keys(o.viewVariables??{}).length>0&&(i=await $s({...o,uiTemplateString:i,aiAgentColorVariables:t,internalVariables:n})),i=Ce({...o,uiTemplateString:i,variables:n}),i=_e({...o,uiTemplateString:i,colorVariables:a}),i=_e({...o,uiTemplateString:i,colorVariables:t}),i=Ce({...o,uiTemplateString:i}),lt(i)},Os=e=>{const{aiAgentColorVariables:t={}}=e,{internalVariables:n}=or();return d.useState(()=>{const o=e.onGetCachedTemplate(e.templateKey);return o?Ms({...e,rawTemplate:o,aiAgentColorVariables:t,internalVariables:n,onRequestTemplate:e.onGetCachedTemplate}):null})},Ds=e=>{const[t]=Os(e);if(t)return t;const{aiAgentColorVariables:n={}}=e,{internalVariables:o,fetchTemplate:s,suspend:a}=or();return a(e.templateKey,async()=>{const l=await s({...e,suspense:!0});return await Ls({...e,rawTemplate:l,aiAgentColorVariables:n,internalVariables:o})}).value},Rs="remove_powered_by",Kt=(e,t)=>{var s,a;const{chatSDK:n}=W(),{aiAgentInfo:o}=jt();if(e==="handoff-button"){const i=!!((s=t==null?void 0:t.conversation)!=null&&s.handoff);return!!(t!=null&&t.isAIAgent)&&!!(o!=null&&o.showHandoffButton)&&i&&kt(t)}if(e==="special-notice")return!!(t!=null&&t.isAIAgent)&&!!(o!=null&&o.specialNoticeEnabled)&&!!(o!=null&&o.specialNotice);if(e==="powered-by"){const i=(a=n==null?void 0:n.appInfo)==null?void 0:a.applicationAttributes;return d.useMemo(()=>!(Array.isArray(i)&&i.includes(Rs)),[i])}throw new Error("Unsupported feature")},Ns={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"},Ps={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}}},Bs={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}}},Fs={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}}},Us={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}}},Hs={text:Ps,number:Bs,"single-select":Fs,"multi-select":Us},zs={getValueOrDefault:()=>null,validate:()=>({isValid:!1})};function sr(e){return Hs[e.type]||zs}function xn(e){return sr(e).getValueOrDefault(e)}function Vs(e,t,n={}){const o={...Ns,...n};return sr(e).validate(e,t,o)}const Gs=(e,t={})=>{const{labels:n={},onSubmit:o,onCancel:s}=t,[a,i]=d.useState({}),[l,c]=d.useState(()=>{const E={};return e.fields.forEach(b=>{E[b.key]=xn(b)}),E}),u=d.useMemo(()=>e.submitted_at?"submitted":e.canceled_at?"canceled":"draft",[e.submitted_at,e.canceled_at]);d.useEffect(()=>{if(u==="submitted"||u==="canceled"){const E={};let b=!1;e.fields.forEach(h=>{const y=xn(h);JSON.stringify(l[h.key])!==JSON.stringify(y)&&(b=!0),E[h.key]=y}),b&&c(E)}},[u]);const g=(E,b)=>{c(h=>({...h,[E]:b})),i(h=>({...h,[E]:void 0}))},p=e.fields.map(E=>{var y,_,M;const b=l[E.key]??null,h={key:E.key,label:E.label,error:a[E.key],required:E.required};return E.type==="text"?{...h,type:"text",layout:E.layout,value:b,...E.placeholder&&{placeholder:E.placeholder},...((y=E.rules)==null?void 0:y.max_length)&&{maxLength:E.rules.max_length}}:E.type==="number"?{...h,type:"number",layout:E.layout,value:b,...E.placeholder&&{placeholder:E.placeholder},...((_=E.rules)==null?void 0:_.max)&&{max:E.rules.max}}:E.type==="single-select"?{...h,type:"single-select",layout:E.layout,value:b,options:E.options}:E.type==="multi-select"?{...h,type:"multi-select",layout:E.layout,value:b,options:E.options,...((M=E.rules)==null?void 0:M.max_select)&&{maxSelect:E.rules.max_select}}:{...h,type:"unknown",layout:"default",value:null}});return{state:u,fields:p,getField:E=>p.find(b=>b.key===E),updateFieldValue:g,submit:async()=>{const E={};let b=!1;for(const h of e.fields){const y=l[h.key]??null,_=Vs(h,y,n);_.isValid||(E[h.key]=_.error,b=!0)}if(i(E),!b&&o){const h={};e.fields.forEach(y=>{h[y.key]=l[y.key]??null}),await o(h)}},cancel:async()=>{await(s==null?void 0:s())}}},ar=({channel:e,userSession:t,aiAgentInfo:n})=>{if(!t||!n)return{fallbackIcon:"bot-filled",url:void 0,title:""};const o={ai(a){return{fallbackIcon:a,url:n.profileUrl,title:n.nickname}},human(a){return{fallbackIcon:a,url:s==null?void 0:s.profileUrl,title:(s==null?void 0:s.nickname)||n.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=(()=>{const[a]=e.members.filter(i=>i.userId!==t.userId);return a})();return e.isAIAgent?Ne(e)?o.human("agent"):o.ai("bot-filled"):e.isDesk?o.human("agent"):o.channel("user")},vn=e=>d.useReducer((t,n)=>({...t,...n}),e);var re=(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))(re||{});const Ws=new Set(["free_text","single_choice"]),qs=({csatPayload:e,type:t,initialCsat:n,initialCsatReason:o,initialIsResolved:s})=>{const[a,i]=vn({csatType:t,csat:n,csatReason:o,isResolved:s}),[l,c]=vn({followUpItem:!1}),u=d.useMemo(()=>{var E;const C=a.csat;if(typeof C!="number")return;const v=(E=e.follow_up)==null?void 0:E.find(b=>b.scores.includes(C));if(Ws.has(v==null?void 0:v.response_type))return v},[a.csat,e.follow_up]),g=(()=>{var C;if(typeof n=="number")return"submitted";if((t===re.AI_AGENT_CSAT_5||t===re.HELPDESK_CSAT_5)&&typeof a.csat=="number")return"submittable";if(t===re.AI_AGENT_CSAT_5_WITH_CRE){const v=typeof a.csat=="number",E=!((C=e.cre)!=null&&C.required)||typeof a.isResolved=="boolean";if(v&&E)return"submittable"}return"unsubmittable"})(),p=d.useCallback(()=>typeof a.csat>"u"?!1:u!=null&&u.required&&!a.csatReason?(c({followUpItem:!0}),!1):!0,[a,u,c]);return d.useEffect(()=>{o||(i({csatReason:""}),c({followUpItem:!1}))},[o,u,i,c]),{params:a,setParams:i,error:l,setError:c,followUpItem:u,state:g,validateParams:p,itemProps:{csatPayload:e,state:g,submitted:g==="submitted"}}},Ct=5,js=e=>e<1e3?{speed:Ct*.5,chunkSize:2}:e<2e3?{speed:Ct*.8,chunkSize:2}:{speed:Ct*.6,chunkSize:3},Ks=(e,t=!1)=>{const[n,o]=d.useState(0),s=d.useRef(null),a=d.useRef(0),i=d.useRef(0),l=d.useRef(t);return d.useEffect(()=>{if(!l.current){o(e.length);return}o(c=>e.length<c?(a.current=0,i.current=0,0):c)},[e]),d.useEffect(()=>{if(!l.current||n>=e.length)return;const c=u=>{a.current===0&&(a.current=u,i.current=u);const g=u-a.current,p=u-i.current,{speed:x,chunkSize:C}=js(p),v=x*C;g>=v&&(o(E=>Math.min(E+C,e.length)),a.current=u),s.current=requestAnimationFrame(c)};return s.current=requestAnimationFrame(c),()=>{s.current&&cancelAnimationFrame(s.current)}},[e.length,n]),e.slice(0,n)},Zs='@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;right:0;bottom:0;left: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}',Ys={conversation:{input_placeholder:"Ask a question",input_placeholder_disabled:"Chat is unavailable in this channel",input_placeholder_wait_ai_agent_response:"Waiting for the agent's reply...",input_placeholder_active_form:"Please fill out the form to move forward.",unknown_message_type:"(Unknown message type)",powered_by:"Powered by",citation_title:"Source",start_new_conversation_label:"Talk to agent",failed_message_resend:"Retry",failed_message_remove:"Remove",file_upload_no_supported_files:"No supported file types available."},conversation_list:{header_title:"Conversations",ended:"Ended"},date_format:{just_now:"Just now",minutes_ago:e=>`${e} minutes ago`,hours_ago:e=>`${e} hours ago`,date_short:"MM/dd/yyyy",date_separator:"MMMM dd, yyyy",message_timestamp:"p"},csat:{title:"Your feedback matters to us",submitted_label:"Successfully submitted!",cre_question:"Was your issue resolved?",cre_positive_label:"Yes, thank you! 👍",cre_negative_label:"No, that didn't help.",reason_placeholder:"Share your feedback",question:"How would you rate your experience?",submit_label:"Submit",submission_expired:"We're sorry, the survey period has ended."},form:{optional_label:"optional",validation_required:"This question is required"},common:{placeholder_something_went_wrong:"Something went wrong",placeholder_no_messages:"No messages",placeholder_no_conversations:"No conversations yet",placeholder_something_went_wrong_retry_label:"Retry"}},Rt={language:"en",strings:Ys,dateLocale:eo.enUS},ir=e=>({MESSAGE_INPUT__PLACE_HOLDER:e.conversation.input_placeholder,MESSAGE_INPUT__PLACE_HOLDER__DISABLED:e.conversation.input_placeholder_disabled,MESSAGE_INPUT__PLACE_HOLDER__WAIT_AI_AGENT_RESPONSE:e.conversation.input_placeholder_wait_ai_agent_response,UNKNOWN__UNKNOWN_MESSAGE_TYPE:e.conversation.unknown_message_type,POWERED_BY:e.conversation.powered_by,CSAT_TITLE_UNSUBMITTED:e.csat.title,CSAT_TITLE_SUBMITTED:e.csat.submitted_label,CSAT_CRE_TITLE:e.csat.cre_question,CSAT_CRE_SOLVED:e.csat.cre_positive_label,CSAT_CRE_NOT_SOLVED:e.csat.cre_negative_label,CSAT_REASON_PLACEHOLDER:e.csat.reason_placeholder,CSAT_RATING_TITLE:e.csat.question,CSAT_SUBMIT_LABEL:e.csat.submit_label,CSAT_SUBMISSION_EXPIRED:e.csat.submission_expired,DATE_FORMAT__JUST_NOW:e.date_format.just_now,DATE_FORMAT__MINUTES_AGO:e.date_format.minutes_ago,DATE_FORMAT__HOURS_AGO:e.date_format.hours_ago,DATE_FORMAT__DATE_SHORT:e.date_format.date_short,DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR:e.date_format.date_separator,DATE_FORMAT__MESSAGE_TIMESTAMP:e.date_format.message_timestamp,CONVERSATION_LIST__HEADER_TITLE:e.conversation_list.header_title,CONVERSATION_LIST__ENDED:e.conversation_list.ended,CONVERSATION_LIST__NO_CONVERSATIONS:e.common.placeholder_no_conversations,TALK_TO_AGENT:e.conversation.start_new_conversation_label,CITATION_SOURCE_TITLE:e.conversation.citation_title,FORM_PLACEHOLDER:e.conversation.input_placeholder_active_form,FORM_VALIDATION_REQUIRED:e.form.validation_required,OPTIONAL:e.form.optional_label,PLACE_HOLDER__WRONG:e.common.placeholder_something_went_wrong,PLACE_HOLDER__NO_MESSAGES:e.common.placeholder_no_messages,RETRY:e.common.placeholder_something_went_wrong_retry_label,FAILED_MESSAGE_RESEND:e.conversation.failed_message_resend,FAILED_MESSAGE_REMOVE:e.conversation.failed_message_remove,FILE_UPLOAD_NO_SUPPORTED_FILES:e.conversation.file_upload_no_supported_files}),Xs=e=>{var t;return((t=e.split("-"))==null?void 0:t[0])??dt},dt="en",Js=new Set([dt,"ko","es","pt","fr","hi","it","de","tr","ja"]),Qs=(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.":""))))})},yn=ir(Rt.strings),ea={...yn,CHANNEL_FROZEN:"Channel frozen",HEADER_BUTTON__AGENT_HANDOFF:"Connect with an agent",MESSAGE_INPUT__PLACE_HOLDER__SUGGESTED_REPLIES:"Select an option to continue",BUTTON__CANCEL:"Cancel",BUTTON__SAVE:"Save",BUTTON__OK:"OK",BUTTON__SUBMIT:"Submit",NO_NAME:"(No name)",SUBMITTED:"Submitted",TRY_AGAIN:"Please try again.",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",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",CONVERSATION_CLOSED_FOOTER_LABEL:"Your conversation has ended",START_NEW_CONVERSATION:"💬 Start a new conversation",RETURN_TO_CONVERSATION:"💬 Return to conversation",CONVERSATION_LIST__TOPICS_FALLBACK:"No category",FORM_UNAVAILABLE:"Form is no longer available.",FORM_NOT_SUPPORTED:"This form is not supported in the current version.",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",FEEDBACK_TITLE:"Submit feedback",FEEDBACK_GOOD:"Good",FEEDBACK_BAD:"Bad",FEEDBACK_COMMENT_LABEL:"Comment (optional)",FEEDBACK_COMMENT_PLACEHOLDER:"Leave a comment",FEEDBACK_CANCEL:"Cancel",FEEDBACK_SUBMIT:"Submit",FEEDBACK_SAVE:"Save",FEEDBACK_EDIT:"Edit feedback",FEEDBACK_REMOVE:"Remove feedback",DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE:yn.DATE_FORMAT__DATE_SHORT,DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION:"h:mma"},rt={language:Rt.language,dateLocale:Rt.dateLocale,stringSet:ea},ta=Object.freeze(Object.defineProperty({__proto__:null,default:rt},Symbol.toStringTag,{value:"Module"})),Nt=new Map([[dt,rt]]);async function na(e){const t=Nt.get(e);if(t)return t;try{if(Js.has(e)){const{default:n}=await Qs(Object.assign({"./languages/de.ts":()=>Promise.resolve().then(()=>require("./CKqj4S0f.cjs")),"./languages/en.ts":()=>Promise.resolve().then(()=>ta),"./languages/es.ts":()=>Promise.resolve().then(()=>require("./DSpEz5Ib.cjs")),"./languages/fr.ts":()=>Promise.resolve().then(()=>require("./CIicr17B.cjs")),"./languages/hi.ts":()=>Promise.resolve().then(()=>require("./DSTulUsa.cjs")),"./languages/it.ts":()=>Promise.resolve().then(()=>require("./DDeVkSOB.cjs")),"./languages/ja.ts":()=>Promise.resolve().then(()=>require("./5cIZrw7G.cjs")),"./languages/ko.ts":()=>Promise.resolve().then(()=>require("./BX5L4Yyw.cjs")),"./languages/pt.ts":()=>Promise.resolve().then(()=>require("./BP2z8IAW.cjs")),"./languages/tr.ts":()=>Promise.resolve().then(()=>require("./C_xxRdiK.cjs"))}),`./languages/${e}.ts`,3);return Nt.set(e,n),n}return rt}catch{return rt}}const{Provider:ra,useContext:B}=Z("Localization"),oa=({language:e=navigator.language,logger:t,stringSet:n,children:o})=>{const[s,a]=d.useState(Nt.get(dt));return d.useEffect(()=>{const i=Xs(e);s.language!==i&&(t==null||t.debug("localization.useEffect: update language",{from:s.language,to:i}),na(i).then(a))},[e,t]),r.createElement(ra,{value:{language:s.language,stringSet:{...s.stringSet,...n},dateLocale:s.dateLocale,format:(i,l,c)=>Ee.format(i,l,{locale:s.dateLocale,...c})}},o)},ot="data-sb-agent-theme",Cn=e=>(t,...n)=>{let o="";return t.forEach((s,a)=>{o+=s+(n[a]??"")}),`[${ot}='${e}'] & { ${o} }`},D={light:Cn("light"),dark:Cn("dark")},sa=A.css(({theme:e})=>{const{palette:t}=e;return`
1
+ "use strict";var Jr=Object.defineProperty;var Qr=(e,t,n)=>t in e?Jr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var F=(e,t,n)=>Qr(e,typeof t!="symbol"?t+"":t,n);const d=require("react"),K=require("@sendbird/chat"),A=require("styled-components"),xe=require("date-fns"),eo=require("date-fns/locale/en-US"),z=require("@sendbird/chat/aiAgent"),Fe=require("@sendbird/uikit-tools"),Te=require("@sendbird/chat/message"),nt=require("@sendbird/chat/groupChannel"),to=require("react-dom"),kt=require("@sendbird/react-uikit-message-template-view"),no=require("@sendbird/uikit-message-template"),ro=require("dompurify"),oo=require("date-fns/isSameDay"),so=require("@emotion/is-prop-valid"),it=e=>e&&e.__esModule?e:{default:e};function ao(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=ao(d),io=it(K),f=it(A),Wn=it(ro),lo=it(so),Z=(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 ke(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,u]=d.useState(e.components),g={Template:i,updateTemplate:p=>l(()=>p),components:c,updateComponent:(p,x)=>u(C=>({...C,[p]:x}))};return r.createElement(t.Provider,{value:g},a)}function o({template:a,children:i}){const{updateTemplate:l}=d.useContext(t);return d.useLayoutEffect(()=>{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.useLayoutEffect(()=>{l&&c(a,l)},[l]),null}}),s}function co(...e){return function({children:n}){return e.reduce((o,s)=>r.createElement(s,null,o),n)}}const ve=e=>{var t,n;return!!(e!=null&&e.isAIAgent&&((t=e==null?void 0:e.conversation)==null?void 0:t.status)===z.ConversationStatus.CLOSED||e!=null&&e.isDesk&&((n=e==null?void 0:e.helpdeskInfo)==null?void 0:n.ticketStatus)==="closed")},It=e=>{var t,n;return!!(e!=null&&e.isAIAgent&&((t=e==null?void 0:e.conversation)==null?void 0:t.status)===z.ConversationStatus.OPEN||e!=null&&e.isDesk&&((n=e==null?void 0:e.helpdeskInfo)==null?void 0:n.ticketStatus)==="open")};function Ne(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 uo(e){var t;if(((t=e==null?void 0:e.resolution)==null?void 0:t.determinedBy)==="user")return e.resolution.isResolved}function un(e){return!!e&&e<Date.now()}function mo(e){return!e.title}function go(e,t){var n;if(e)return mo(e)?{...e,title:t.title,csat_question:t.question,csat_scores:[{label:"",image_url:"https://static.dashboard.sendbird.com/assets/ai-agent/angry-active.png"},{label:"",image_url:"https://static.dashboard.sendbird.com/assets/ai-agent/suspicious-active.png"},{label:"",image_url:"https://static.dashboard.sendbird.com/assets/ai-agent/neutral-active.png"},{label:"",image_url:"https://static.dashboard.sendbird.com/assets/ai-agent/smile-active.png"},{label:"",image_url:"https://static.dashboard.sendbird.com/assets/ai-agent/happy-active.png"}],cre:{required:((n=e.cre)==null?void 0:n.required)??!0,question:t.cre.question,positive_label:t.cre.positive_label,negative_label:t.cre.negative_label},follow_up:[{response_type:"free_text",scores:[1,2,3,4,5],question:t.followUp.question}],csat_submit_label:t.submit_label,csat_submitted_label:t.submitted_label}:e}function ho(e){const t=e.lastMessage;return t!=null&&t.isUserMessage()||t!=null&&t.isAdminMessage()?t.message||"":t!=null&&t.isFileMessage()?t.message||t.name||"FILE":e.name}function fo(e,t,n){var i;const o=new Date,s=new Date(((i=e.lastMessage)==null?void 0:i.createdAt)||e.createdAt),a=xe.differenceInMinutes(o,s);return a<1?n.justNow:a<60?n.minutesAgo(a):xe.isToday(s)?n.hoursAgo(xe.differenceInHours(o,s)):t(s,n.dateShortFormat)}const po="1.9.2",De="sb-agent",bo=po,qn="KEY_IMG_ASPECT_RATIO",Eo="*/*",N={BODY_MAX_WIDTH:244,WIDE_BODY_MAX_WIDTH:640,AVATAR_SIZE:26,BODY_TIME_GAP:4,HORIZONTAL_PADDING:12,GAP_GROUPED:2,GAP_UNGROUPED:16},ue=e=>!!e&&"sender"in e,xo=e=>ue(e)?e.sendingStatus==="succeeded"?String(e.messageId):e.reqId:String(e.messageId),vo=(e,t,n,o=!0)=>{if(!o||!ue(e))return"single";const s=()=>{if(!t||!ue(t))return!1;const c=t.sender.userId===e.sender.userId,u=xe.isSameMinute(t.createdAt,e.createdAt);return c&&u},a=()=>{if(!n||!ue(n))return!1;const c=n.sender.userId===e.sender.userId,u=xe.isSameMinute(n.createdAt,e.createdAt);return c&&u},i=s(),l=a();return i&&l?"middle":i?"bottom":l?"top":"single"},Pe=(e,t)=>(()=>{var o;return ue(e)?e.sender.userId:((o=e==null?void 0:e.sender)==null?void 0:o.userId)??void 0})()===t,Le={isAdmin:e=>e.isAdminMessage(),isCSAT:e=>{var t;return e.isAdminMessage()&&!!((t=e.extendedMessagePayload)!=null&&t.csat)},isIncoming:(e,t)=>ue(e)&&e.sender.userId!==t,isOutgoing:(e,t)=>ue(e)&&(e.sender.userId===t||e.sendingStatus===Te.SendingStatus.PENDING)},jn=e=>e.startsWith("image/"),Kn=e=>e.startsWith("video/"),Vt=(e,t)=>{if(e&&!e.startsWith(".")){const n=e.split(".").pop();if(n&&n!==e)return n.toUpperCase()}if(t){const[,n]=t.split("/");if(n)return n.toUpperCase()}return"FILE"},Zn=e=>e.messageType==="file"?e.message.length>0&&e.file.name!==e.message:e.message.length>0,Gt=e=>{switch(e){case"top":case"middle":return N.GAP_GROUPED;default:return N.GAP_UNGROUPED}},yo=(e,t)=>{const n=/```(\w+)?\n([\s\S]*?)```/g,o=[];let s=0;return e.replace(n,(a,...i)=>{const[l,c,u]=i;return s<u&&o.push({type:"text",value:e.slice(s,u).trim()}),o.push({type:"code",value:c.trim(),language:l?l.trim():"plaintext"}),s=u+a.length,a}),s<e.length&&o.push({type:"text",value:e.slice(s).trim()}),t?o.map(a=>a.type!=="text"?a:{...a,value:t(a.value)}):o},Co=e=>e.replace(/\[([^\]]+)\](?!\()/g,"\\[$1\\]"),_o=e=>e.replace(/([a-zA-Z0-9])_(?=[a-zA-Z0-9])/g,"$1\\_"),So=e=>e.replace(/~~/g,"\\~\\~"),To=e=>{let t=e;return t=Co(t),t=_o(t),t=So(t),t},Ao=typeof navigator<"u"&&navigator.product==="ReactNative",mn=(e,t)=>{const n=o=>!t||t.length===0?!0:ue(o)&&t.includes(o.sendingStatus);return Ao?e.find(n):e.findLast(n)};function ye(){}function wo(){const e=typeof navigator<"u"?navigator.userAgent:"",t=/iPad|iPhone|iPod/.test(e),n=/Android/.test(e);return t||n}function ko(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 $t=e=>{try{return JSON.parse(e===""?"{}":e)}catch{return{}}},me={isStreaming(e){const t=$t(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(Pe(e,t)){const o=$t(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"},hasFeedback(e){var t;return!!((t=e.extendedMessagePayload)!=null&&t.feedback)},checkExtendedFieldPresence(e){const t=e.extendedMessagePayload||{},n=i=>i.some(l=>typeof t[l]<"u"),o=n(vt.ui),s=n(vt.trail),a=n(vt.marking);return{ui:o,trail:s,marking:a}},shouldScrollToBottom(e,t,n=!1){if(Pe(e,t)){if(this.isGeneratedMessage(e)&&this.isStreaming(e))return!0;const{ui:o,trail:s,marking:a}=this.checkExtendedFieldPresence(e);return o?!(!n&&a):!!(n&&(s||a))}return!0}},vt={ui:["suggested_replies","cta_button","message_template","csat"],trail:["groundedness","manual","function_calls"],marking:["is_hallucination","is_moderated","flagged_types"]},yt=`@${De}`,gn=({appId:e,aiAgentId:t,storage:n})=>{const o={templateBase:`${yt}-template`,template:s=>`${o.templateBase}/templates/${s}`,templateToken:()=>`${o.templateBase}-template/message-template/tokens`,messengerSession:s=>{const a=ko(`${e}/${t}/${s}`);return`${yt}-udata/${a}`},anonUserSession:()=>`${yt}-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{delete a.auto_created_user;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{s&&n.delete(o.messengerSession(s)),n.delete(o.anonUserSession())}catch{return}}}}};class Yn{constructor(t){F(this,"subscribers",{});this.logger=t}async send(t){const n=Io(),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 Io=()=>{let e=ye,t=ye;return{promise:new Promise((o,s)=>{e=o,t=s}),resolve:e,reject:t}};var Wt=(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))(Wt||{});class Xn{constructor(t){F(this,"level");this.level=t}verbose(...t){this.level<=0&&console.log(`[${De}/verbose]`,...t)}debug(...t){this.level<=1&&console.log(`[${De}/debug]`,...t)}info(...t){this.level<=2&&console.log(`[${De}/info]`,...t)}warn(...t){this.level<=3&&console.warn(`[${De}/warn]`,...t)}error(...t){this.level<=4&&console.error(`[${De}/error]`,...t)}}function hn(e,t,n){const o=io.default.init({appId:e,modules:[new nt.GroupChannelModule,new z.AIAgentModule],localCacheEnabled:!0,options:new K.SendbirdChatOptions({typingIndicatorInvalidateTime:2e4}),...n});return o.addSendbirdExtensions([{version:bo,product:K.SendbirdProduct.AI_AGENT,platform:t.platform}],{platform:t.deviceOSPlatform,version:t.deviceOSVersion},t.customData)||console.warn("Invalid Sendbird Extensions",t),o}function $o(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 Oe={conversation:{isTalkToAgentViewEnabled:!0,input:{camera:{photoEnabled:!0},gallery:{photoEnabled:!0},fileEnabled:!0}}},fn=e=>{var t,n,o,s,a,i,l,c,u,g;return e?{...Oe,...e,conversation:{...Oe.conversation,...e==null?void 0:e.conversation,input:{...(t=Oe.conversation)==null?void 0:t.input,...(n=e==null?void 0:e.conversation)==null?void 0:n.input,camera:{...(s=(o=Oe.conversation)==null?void 0:o.input)==null?void 0:s.camera,...(i=(a=e==null?void 0:e.conversation)==null?void 0:a.input)==null?void 0:i.camera},gallery:{...(c=(l=Oe.conversation)==null?void 0:l.input)==null?void 0:c.gallery,...(g=(u=e==null?void 0:e.conversation)==null?void 0:u.input)==null?void 0:g.gallery}}}}:Oe},{Provider:Mo,useContext:W}=Z("AIAgent");function Lo({appId:e,aiAgentId:t,keyValueStorage:n,language:o,countryCode:s,context:a,queryParams:i,config:l,chatSDK:c,chatParams:u,children:g,logger:p,dispatcher:x,extensions:C={platform:K.SendbirdPlatform.JS,deviceOSPlatform:wo()?K.DeviceOsPlatform.MOBILE_WEB:K.DeviceOsPlatform.WEB}}){const[v,E]=d.useState(()=>{const b=p??new Xn(Wt.WARN),h=x??new Yn(b);return{appId:e,aiAgentId:t,language:o,countryCode:s,context:a,queryParams:i,config:fn(l),keyValueStorage:n,logger:b,dispatcher:h,chatSDK:c??hn(e,C,u),cache:gn({appId:e,aiAgentId:t,storage:n})}});return d.useEffect(()=>{E(b=>{let h=b.logger,y=b.dispatcher,_=b.chatSDK;return p&&p!==b.logger&&(h=p),x&&x!==b.dispatcher&&(y=x),c&&c!==b.chatSDK?_=c:!c&&b.chatSDK.appId!==e&&(_=hn(e,C,{newInstance:!0,...u})),{...b,appId:e,aiAgentId:t,keyValueStorage:n,language:o,countryCode:s,context:a,queryParams:i,config:fn(l),logger:h,dispatcher:y,chatSDK:_,cache:gn({appId:e,aiAgentId:t,storage:n})}})},[e,t,o,s,a,l,p,x,c]),d.useEffect(()=>()=>{v.chatSDK.disconnectWebSocket()},[v.chatSDK]),$o(v.chatSDK),r.createElement(Mo,{value:v},g)}const Oo=(e,t,n)=>Fe.useGroupChannelMessages(e,t,{...n,strictStreamingOrder:!0});var Mt=(e=>(e.ConversationClose="conv.close",e))(Mt||{});class Do{constructor(t={}){F(this,"payload");this.payload=t}toJSON(){return JSON.stringify({type:this.type,payload:this.payload})}}const Jn={CloseConversation:e=>new Ro(e)};class Ro extends Do{constructor(){super(...arguments);F(this,"type","conv.close")}}const Lt={DEFAULT_BOT_MSG_BG:"#eeeeee",WHITE:"#ffffff",BLACK:"#000000"};function Qn(e){return e.length===4?`#${[...e.slice(1)].map(t=>t+t).join("")}`:e}function No(e){const t=Qn(e);return[parseInt(t.slice(1,3),16),parseInt(t.slice(3,5),16),parseInt(t.slice(5,7),16)]}function Po(e){return`#${e.map(t=>t.toString(16).padStart(2,"0")).join("")}`}function Bo(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 Fo(e,t,n){let o,s,a;if(t===0)o=s=a=n;else{const i=function(g,p,x){return x<0&&(x+=1),x>1&&(x-=1),x<.16666666666666666?g+(p-g)*6*x:x<.5?p:x<.6666666666666666?g+(p-g)*(.6666666666666666-x)*6:g},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 Ke(e,t,n){const[o,s,a]=No(e),[i,l,c]=Bo(o,s,a),u=Math.max(0,Math.min(1,c*t)),g=Math.max(0,Math.min(1,l*n)),[p,x,C]=Fo(i,g,u);return Po([Math.round(p),Math.round(x),Math.round(C)])}function Uo(e,t="light"){return{extraDark:Ke(e,.6,1.2),dark:Ke(e,.85,1.1),main:e,light:Ke(e,t==="dark"?1.1:1.5,t==="dark"?.95:.9),extraLight:Ke(e,t==="dark"?1.2:1.75,t==="dark"?.9:.8)}}function Ot(e){const t=Qn(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?Lt.BLACK:Lt.WHITE}function Ho(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},messageInput:{text:e.onlight.textHighEmphasis,placeholderText:e.onlight.textLowEmphasis,background:e.background100},messageIncoming:{text:s,background:o},messageOutgoing:{text:n,background:t},csat:{background:e.background100}}}const zo=(e,t,n,o,s)=>({base:{primary:t,primaryContrastContent:n,background:e.background600,headerBackground:e.background500,modalContentBackground:e.background500},metadata:{errorContent:e.ondark.textHighEmphasis},messageInput:{text:e.ondark.textHighEmphasis,placeholderText:e.ondark.textLowEmphasis,background:e.background400},messageIncoming:{text:s,background:o},messageOutgoing:{text:n,background:t},csat:{background:e.background400}}),Ze={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)"}},Ct={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 pn(e){const t=Vo(e),{colors:n,aiAgentColorVariables:o}=Go(e,t),s=qo(e);return{selectedTheme:e.selectedTheme,palette:t,colors:n,aiAgentColorVariables:o,typography:s}}function Vo({selectedTheme:e,palette:t,primary:n}){const o=t!=null&&t.primary?t.primary:n?n===Ze.primary.main?Ze.primary:Uo(n,e):Ze.primary;return{...Ze,primary:o,...t}}function Go({selectedTheme:e,primaryContrast:t,botMessageBackground:n,botMessageBackgroundContrast:o},s){const a=s.primary.main,i=t??Ot(a),l=n??Lt.DEFAULT_BOT_MSG_BG,c=o??Ot(l);return{colors:(e==="light"?Ho:zo)(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 Wo(e,t,n){const o={...e};return n.forEach(s=>{const a=t[s];a!=null&&(o[s]=a)}),o}function qo({typography:e}){if(!e)return Ct;const t={...Ct};return Object.keys(e).forEach(n=>{const o=e[n];if(o&&typeof o=="object"){const s=Ct[n],a=["fontSize","fontWeight","fontFamily","lineHeight"];t[n]=Wo(s,o,a)}}),t}const{Provider:jo,useContext:qt}=Z("AIAgentTheme");function Ko({logger:e,palette:t,typography:n,appearance:o,children:s}){const a=d.useRef(null),[i,l]=d.useState(()=>pn({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})),c=d.useCallback((u,g)=>{g&&(a.current=g);const p=(o==null?void 0:o.theme)??u,x=a.current?a.current.themes[p]:null,C={primary:o==null?void 0:o.primaryColor,primaryContrast:void 0,botMessageBackground:o==null?void 0:o.botMessageBackgroundColor,botMessageBackgroundContrast:void 0};!C.primary&&(x!=null&&x.primary_color)&&(C.primary=x.primary_color,C.primaryContrast=x.primary_contrast_color),!C.botMessageBackground&&(x!=null&&x.bot_message_bg_color)&&(C.botMessageBackground=x.bot_message_bg_color,C.botMessageBackgroundContrast=x.bot_message_bg_contrast_color);const v=pn({selectedTheme:p,palette:t,typography:n,...C});l(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)&&c(i.selectedTheme)},[o==null?void 0:o.theme,o==null?void 0:o.primaryColor,o==null?void 0:o.botMessageBackgroundColor]),r.createElement(jo,{value:{theme:i,updateTheme:c}},s)}const bn=25*1024*1024,Zo={off:"off",always:"always",handed_off_only:"handed_off_only"},Yo=()=>{const[e,t]=d.useState(()=>({maxAttachmentCount:1,attachmentMode:"handed_off_only",defaultUploadSizeLimit:bn,uploadSizeLimitPerType:new Map,supportedImageMimeTypes:new Set(["image/png","image/jpeg","image/jpg"]),supportedFileMimeTypes:new Set(["application/pdf"])})),n=d.useCallback(({active_channel:s,upload_restriction:a})=>{const{maxAttachmentCount:i,attachmentMode:l,defaultUploadSizeLimit:c,supportedImageMimeTypes:u,supportedFileMimeTypes:g}=e;t({maxAttachmentCount:i,attachmentMode:Zo[s.attachment_mode]??l,defaultUploadSizeLimit:(a==null?void 0:a.default_upload_size_limit)??c,uploadSizeLimitPerType:new Map(Object.entries((a==null?void 0:a.upload_size_limit_per_type)??[])),supportedImageMimeTypes:new Set((a==null?void 0:a.supported_image_mime_types)??u),supportedFileMimeTypes:new Set((a==null?void 0:a.supported_file_mime_types)??g)})},[]),o=d.useCallback(s=>{const{channel:a,uploadSizeLimit:i=bn}=s,l=(u=!0)=>a!=null&&a.isAIAgent?u?Ne(a):!1:!0,c=u=>{if(l())return e.defaultUploadSizeLimit??i;const g=e.defaultUploadSizeLimit??i,p=e.uploadSizeLimitPerType.get(u)??g;return Math.min(g,p)};return{maxAttachmentCount:e.maxAttachmentCount,isEnabled:()=>{if(l(!1))return!0;switch(e.attachmentMode){case"off":return!1;case"always":return!0;case"handed_off_only":return Ne(a);default:return!0}},get supportedMimeTypes(){return l()?[Eo]:[...e.supportedImageMimeTypes,...e.supportedFileMimeTypes]},isSupportedMimeType:u=>l()?!0:e.supportedImageMimeTypes.has(u)||e.supportedFileMimeTypes.has(u),getUploadSizeLimit:c,getUploadSizeLimitInMB:u=>c(u)/(1024*1024)}},[e]);return{updateBaseAttachmentRules:n,createAttachmentRules:o}};function er(){const{chatSDK:e,logger:t}=W();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 Xo(){const{chatSDK:e,logger:t}=W(),n=d.useCallback(async(s,a,i)=>{if(t.debug("useChatConnection.connect: start, session",s.userId),a){const l=new K.SessionHandler({...a,onSessionTokenRequired:Jo(a.onSessionTokenRequired,i)});e.setSessionHandler(l)}try{return await e.connect(s.userId,s.authToken),t.debug("useChatConnection.connect: end, currentUser",e.currentUser),e.currentUser}catch(l){const c=l;if(e.isCacheEnabled){if(es(c))t.warn("useChatConnection.connect","offline connect restricted",c.message,c.code),t.warn("useChatConnection.connect","clear cached-data"),await e.clearCachedData().catch(u=>t.warn("useChatConnection.connect","clear cached-data failure",u));else if(e.currentUser)return t.debug("useChatConnection.connect: end (offline), currentUser",e.currentUser),e.currentUser}throw t.warn("useChatConnection.connect","connect failure",c.message,c.code),c}},[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 Jo(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)})}}const Qo=[400300,400301,400302,400310];function es(e){return Qo.some(t=>e.code===t)}class tr{constructor({userId:t,authToken:n,sessionHandler:o}){F(this,"userId");F(this,"authToken");F(this,"sessionHandler");this.userId=t,this.authToken=n,this.sessionHandler=o}}class Dt{constructor(){F(this,"userId");F(this,"authToken");F(this,"sessionHandler")}}const ts=24*60*60*1e3,ns=e=>{const{logger:t,cache:n}=W(),o=()=>{const a=n.messenger.getAnonUser();return a?a.expireAt-ts<=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 Dt)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 tr?{type:"manual",userSessionCandidate:s()}:e instanceof Dt?{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 rs({userSessionInfo:e,onUpdateMessengerSettings:t,onPreAuth:n,onPostAuth:o,onErrorAuth:s,onAuthTokenRefreshed:a,onPostDeauth:i,forceCreateChannel:l}){const{aiAgentId:c,language:u,context:g,countryCode:p,logger:x,cache:C}=W(),{connect:v,disconnect:E}=Xo(),{type:b,userSessionCandidate:h}=ns(e),y=er(),_=d.useCallback(async()=>{var R;x.debug("useAuthentication.authenticate: start");const S=h!=null&&h.userId?C.messenger.getSettings(h.userId):null;S!=null&&S.bot&&(t(S),x.debug("useAuthentication.authenticate: cached messenger settings",S));const k=await y({aiAgentId:c,userId:h==null?void 0:h.userId,language:u,country:p,context:g,forceCreateChannel:l,knownActiveChannelUrl:(R=S==null?void 0:S.active_channel)==null?void 0:R.channel_url});x.debug("useAuthentication.authenticate: messenger settings response",k);let $=null;if(k.auto_created_user)if(b==="manual")x.warn("Received auto created user info but current session is manual. Ignoring auto created user info."),$={userId:h.userId,authToken:h.authToken};else{const{user_id:X,session_token:J,expire_at:se}=k.auto_created_user;C.messenger.setAnonUser({userId:X,authToken:J,expireAt:se}),$={userId:X,authToken:J}}else $={userId:(h==null?void 0:h.userId)??"",authToken:(h==null?void 0:h.authToken)??""};C.messenger.setSettings($.userId,k),t(k);try{await n(k,$),await v($,h==null?void 0:h.sessionHandler,a),await o(k,$)}catch(X){throw X instanceof Error&&(s(X),x.error("useAuthentication.authenticate: failed to connect",X)),X}return k},[y,v,b,h==null?void 0:h.userId,h==null?void 0:h.sessionHandler,h==null?void 0:h.authToken,C.messenger.setAnonUser,C.messenger.getSettings,C.messenger.setSettings,t,n,o,s,a]),M=d.useCallback(async()=>{x.debug("useAuthentication.deauthenticate: start"),await E(),i(),x.debug("useAuthentication.deauthenticate: completed")},[E,x,i]);return{authenticate:_,deauthenticate:M,userSessionCandidate:h}}const nr=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)}},Ve=e=>JSON.parse(e),lt=e=>JSON.parse(e);function os(e,t){const[n,o]=t.split(",").map(s=>s.trim());return e==="dark"&&o||n}function ss(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 jt({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,nr(l))},e)}async function as({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,nr(l)),e)}const is=()=>{const{chatSDK:e,logger:t,cache:n}=W(),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}=Ve(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}},{Provider:ls,useContext:ct}=Z("AIAgentMessengerSession"),cs=d.forwardRef(function({userSessionInfo:e,forceCreateChannel:t,children:n},o){const{appId:s,aiAgentId:a,chatSDK:i,language:l,countryCode:c,context:u,cache:g,logger:p}=W(),{updateTheme:x}=qt(),[C,v]=d.useState(void 0),[E,b]=d.useState(void 0),[h,y]=d.useState(null),[_,M]=d.useState(null),[S,k]=d.useState(null),[$,R]=d.useState(null),{updateBaseAttachmentRules:X,createAttachmentRules:J}=Yo(),{shouldSyncCachedTemplate:se,syncCachedTemplates:he}=is(),fe=er(),{authenticate:Se,deauthenticate:V}=rs({userSessionInfo:e,forceCreateChannel:t,onUpdateMessengerSettings:d.useCallback(P=>{const{appearance:T,bot:O,launcher:H}=P;x(T.selected_theme,T),k({userId:O.bot_userid,profileUrl:O.bot_profile_url,nickname:O.bot_nickname,replyToFile:O.reply_to_file,specialNotice:O.special_notice,specialNoticeEnabled:O.is_special_notice_enabled,showHandoffButton:O.show_handoff_button??!0,isMultipleActiveConversationsEnabled:O.is_multiple_active_conversations_enabled??!0,isUserFeedbackEnabled:P.bot.is_user_feedback_enabled??!1,isUserFeedbackCommentOptionEnabled:P.bot.is_user_feedback_comment_option_enabled??!1}),R({type:H.image_type||"default_icon",imageUrl:H.image_url}),X(P)},[x]),onPreAuth:d.useCallback((P,T)=>{v(void 0),M(T)},[]),onPostAuth:d.useCallback(async P=>{y(i.currentUser),se()&&await he(),b({url:P.active_channel.channel_url,status:z.ConversationStatus.OPEN})},[i,se,he]),onErrorAuth:d.useCallback(P=>{v(P)},[]),onAuthTokenRefreshed:d.useCallback(P=>{M(T=>T?{...T,authToken:P}:null)},[]),onPostDeauth:d.useCallback(()=>{g.template.clear(),g.messenger.clear(_==null?void 0:_.userId),y(null),b(void 0),M(null),k(null),R(null)},[g.template.clear,g.messenger.clear,_])}),w=d.useCallback(async()=>{var P;if(_){p.debug("agentMessengerSession.refreshActiveChannel: try to refresh active channel"),b(void 0);const T=await fe({aiAgentId:a,userId:_.userId,language:l,country:c,context:u,forceCreateChannel:t,knownActiveChannelUrl:(P=g.messenger.getSettings(_.userId))==null?void 0:P.active_channel.channel_url});return g.messenger.setSettings(_.userId,T),b({url:T.active_channel.channel_url,status:z.ConversationStatus.OPEN}),p.info("agentMessengerSession.refreshActiveChannel: refreshed active channel",T.active_channel.channel_url),T.active_channel.channel_url}else throw p.error("agentMessengerSession.refreshActiveChannel: userSession is not ready"),new Error("userSession is not ready")},[fe,s,a,_==null?void 0:_.userId,l,c,u,t,g.messenger.getSettings,g.messenger.setSettings]),ae=d.useCallback(async P=>{if(!(_!=null&&_.userId))throw new Error("Current user is not authenticated. Please authenticate first.");const T=await fe({...P,userId:_.userId,knownActiveChannelUrl:void 0}),O=T.active_channel.channel_url;return g.messenger.setSettings(_.userId,T),O},[_==null?void 0:_.userId,fe]);return Fe.useGroupChannelHandler(i,{onChannelChanged:P=>{var T;P.isGroupChannel()&&P.url===(E==null?void 0:E.url)&&(p.info("agentMessengerSession.channelChanged: channel.conversation",P.conversation),b({url:P.url,status:((T=P.conversation)==null?void 0:T.status)??z.ConversationStatus.OPEN}))}}),d.useImperativeHandle(o,()=>{const P=async()=>{if(!E)throw new Error("No active conversation. Please start a conversation first.");return await i.groupChannel.getChannel(E.url)};return{activeChannel:E,chatSDK:i,authenticate:Se,deauthenticate:V,updateContext:async T=>{const H=await(await P()).updateContext(a,T);return{...H,context:H.context??{}}},patchContext:async T=>{const H=await(await P()).patchContext(a,T);return{...H,context:H.context??{}}},getContextObject:async()=>{const O=await(await P()).getContextObject(a);return{...O,context:O.context??{}}}}},[Se,V,E,i,a,p]),r.createElement(ls,{value:{sdkUser:h,userSessionInfo:e,userSession:_,activeChannel:E,setActiveChannel:b,refreshActiveChannel:w,createConversation:ae,connectionError:C,aiAgentInfo:S,launcherInfo:$,authenticate:Se,deauthenticate:V,createAttachmentRules:J}},n)}),rr=e=>{const{chatSDK:t}=W(),[n,o]=d.useState([]);return Fe.useGroupChannelHandler(t,{onTypingStatusUpdated(s){if(s.url===(e==null?void 0:e.url)){const a=s.getTypingUsers();o(a)}}}),n},ds=({channel:e,messages:t})=>{const{aiAgentInfo:n,userSession:o}=ct(),s=us(),a=ms({channel:e,lastMessage:mn(t,[Te.SendingStatus.SUCCEEDED]),aiAgentUserId:(n==null?void 0:n.userId)??""}),i=ps({shouldApply:!!(e!=null&&e.isAIAgent)&&!Ne(e),isDisabledWhileAIResponding:a,lastMessage:mn(t,[Te.SendingStatus.PENDING,Te.SendingStatus.SUCCEEDED]),currentUserId:(o==null?void 0:o.userId)??""});if(!e||!s)return{disabled:!0,disabledBy:"unavailable"};if(ve(e))return{disabled:!0,disabledBy:"conversation_closed"};if(gs(e))return{disabled:!0,disabledBy:"form_active"};const l=hs(e);return l?{disabled:!0,disabledBy:l}:a||i?{disabled:!0,disabledBy:"ai_responding"}:{disabled:!1,disabledBy:""}},us=()=>{const e=d.useId(),{chatSDK:t}=W(),[n,o]=d.useState(!0);return d.useEffect(()=>{const s=new K.ConnectionHandler({onDisconnected:()=>o(!1),onConnected:()=>o(!0),onReconnectSucceeded:()=>o(!0)});return t.addConnectionHandler(e,s),()=>{t.removeConnectionHandler(e)}},[t]),n},ms=({channel:e,lastMessage:t,aiAgentUserId:n})=>{const[o,s]=d.useState(!1),a=rr(e);return d.useEffect(()=>{if(!t)return;const i=a.some(c=>c.userId===n),l=Pe(t,n)&&me.isStreaming(t);s(!!(l||i))},[a,t,n]),o},gs=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},hs=e=>{const t=e==null?void 0:e.lastMessage,n=t==null?void 0:t.extendedMessagePayload;return n==null?void 0:n.user_input_disabled_by},fs=3e4,ps=({shouldApply:e,lastMessage:t,isDisabledWhileAIResponding:n,currentUserId:o})=>{const[s,a]=d.useState(!1),i=d.useRef(null),l=t&&Pe(t,o)?t.createdAt:0;return d.useEffect(()=>{const c=()=>{i.current&&(clearTimeout(i.current),i.current=null),a(!1)},u=x=>{i.current&&clearTimeout(i.current),a(!0),i.current=setTimeout(()=>{a(!1),i.current=null},x)},g=Date.now()-l,p=fs-g;return n||p<=0?c():u(p),()=>{i.current&&clearTimeout(i.current)}},[n,l]),s&&e},{Provider:bs}=Z("AIAgentConversation");function Es({children:e,channelUrl:t,onChannelDeleted:n,onMessagesReceived:o,onMessagesUpdated:s,onConversationClosedViaDispatcher:a,onBeforeSendMessage:i,onAfterSendMessage:l=ye,shouldMarkAsRead:c=!0,sortComparator:u}){var M;const g=()=>c&&(v==null?void 0:v.markAsRead()),{chatSDK:p,logger:x,dispatcher:C}=W(),{channel:v,channelFetchError:E,fetchChannel:b}=xs(t),h=Oo(p,v,{shouldCountNewMessages:()=>!1,onChannelDeleted:n,onMessagesReceived:S=>o==null?void 0:o(S),onMessagesUpdated:S=>s==null?void 0:s(S),logger:x,markAsRead:g,sortComparator:u}),y=ds({channel:v,messages:h.messages});d.useEffect(()=>{g()},[c]),d.useEffect(()=>{const S=async k=>{const $=typeof(k==null?void 0:k.channelUrl)=="string";v&&$&&k.channelUrl!==v.url||(x.debug("conversation.dispatcher: try to close conversation",v),v!=null&&v.conversation&&v.conversation.status===z.ConversationStatus.OPEN&&(await v.closeConversation(),a==null||a()))};return C.subscribe(Mt.ConversationClose,S),()=>{C.unsubscribe(Mt.ConversationClose,S)}},[C,(M=v==null?void 0:v.conversation)==null?void 0:M.status,a]);const _={conversation:(v==null?void 0:v.conversation)??void 0,channelSource:{channel:v,error:E,refetch:()=>b(),closeConversation:async()=>{ve(v)||await(v==null?void 0:v.closeConversation())}},messageSource:{messages:h.messages,initialized:h.initialized,loadPrevious:()=>h.loadPrevious(),loadNext:()=>h.loadNext(),deleteMessage:S=>h.deleteMessage(S),resendMessage:S=>h.resendMessage(S),sendUserMessage:async S=>{var $;if((($=v==null?void 0:v.conversation)==null?void 0:$.status)===z.ConversationStatus.CLOSED)throw new Error("Conversation is closed");i&&(S=await i(S));const k=await h.sendUserMessage(S,l);return l==null||l(k),k},sendFileMessage:async S=>{var $;if((($=v==null?void 0:v.conversation)==null?void 0:$.status)===z.ConversationStatus.CLOSED)throw new Error("Conversation is closed");i&&(S=await i(S));const k=await h.sendFileMessage(S,l);return l==null||l(k),k}},state:{input:y}};return r.createElement(bs,{value:_},e)}function xs(e){const{chatSDK:t,logger:n}=W(),{sdkUser:o}=ct(),[s,a]=d.useState(void 0),[i,l]=d.useState(void 0);async function c(){if(!o){n.debug("conversation.fetchChannel: no sdk user, skip fetching channel");return}if(n.debug("conversation.fetchChannel: start"),a(void 0),l(void 0),e)try{n.debug("conversation.fetchChannel: get channel",e);const u=await t.groupChannel.getChannel(e);a(u),n.debug("conversation.fetchChannel: fetched channel",u)}catch(u){u instanceof K.SendbirdError&&l(u),n.error("conversation.fetchChannel: error",u)}}return vs(s),d.useEffect(()=>{c()},[t,o,e]),{channel:s,channelFetchError:i,fetchChannel:c}}function vs(e){const{chatSDK:t}=W(),{activeChannel:n,setActiveChannel:o}=ct(),s=d.useId();d.useEffect(()=>{if(!e||!n)return;const a=new K.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)??z.ConversationStatus.OPEN})}});return t.addConnectionHandler(s,a),()=>{t.removeConnectionHandler(s)}},[t,e,n])}class ys{constructor(t,{filter:n,limit:o=20}){F(this,"filter");F(this,"_sdk");F(this,"_pinnedChannels");F(this,"_channels");F(this,"_isDisposed",!1);F(this,"_handlerId",`handler-id-${Date.now()}`);F(this,"_order",nt.GroupChannelListOrder.LATEST_LAST_MESSAGE);F(this,"_limit");F(this,"_query");F(this,"_token");F(this,"_timestamp");F(this,"_isSyncing");F(this,"_channelHandler");F(this,"_connectionHandler");F(this,"_collectionEventHandler");var s,a,i,l,c,u,g;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:(u=this.filter)==null?void 0:u.copilotConversationOnly,copilotSupportChannelUrl:(g=this.filter)==null?void 0:g.copilotSupportChannelUrl,limit:this._limit}),this._token="",this._timestamp=Number.MAX_SAFE_INTEGER,this._isSyncing=!1,this._channelHandler=new nt.GroupChannelHandler({onChannelChanged:p=>{p.isGroupChannel()&&(this._query.belongsTo(p)?this._addChannelsToView([p],!1):this._removeChannelsFromView([p.url]))},onChannelDeleted:p=>{this._removeChannelsFromView([p])}}),this._connectionHandler=new K.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,u)=>[c,u])),s=[],a=[],i=[];for(const c of t){if(!this._query.belongsTo(c)){i.push(c.url);continue}const u=o.get(c.url);if(u===void 0)continue;const g=Rt(this._pinnedChannels,c);g>=0?(this._pinnedChannels.splice(g,1),a.push(c)):s.push(c);const x=this._pinnedChannels.findIndex(v=>(o.get(v.url)??1/0)>u),C=x===-1?this._pinnedChannels.length:x;this._pinnedChannels.splice(C,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=Rt(this._channels,i),c=l<0;!c&&this._channels.splice(l,1);const g=Cs(this._channels,i,this._order).place,p=g===this._channels.length;c?p?(n||!this.hasMore)&&(this._channels.push(i),s.push(i)):(this._channels.splice(g,0,i),s.push(i)):(this._channels.splice(g,0,i),a.push(i))}return{addedChannels:s,updatedChannels:a,unmatchedChannelUrls:o}}_addChannelsToView(t,n=!1){var p,x,C,v,E;const o=new Set(((p=this.filter)==null?void 0:p.pinnedChannelUrls)??[]),s=[],a=[];for(const b of t)o.has(b.url)?s.push(b):a.push(b);const i=this._upsertPinnedChannelsToArray(s),l=this._upsertRegularChannelsToArray(a,n),c=i.addedChannels.concat(l.addedChannels),u=i.updatedChannels.concat(l.updatedChannels),g=i.unmatchedChannelUrls.concat(l.unmatchedChannelUrls);c.length>0&&((C=(x=this._collectionEventHandler)==null?void 0:x.onChannelsAdded)==null||C.call(x,{},c)),u.length>0&&((E=(v=this._collectionEventHandler)==null?void 0:v.onChannelsUpdated)==null||E.call(v,{},u)),g.length>0&&this._removeChannelsFromView(g)}_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(u=>u.url===l);c>=0&&(o.push(l),this._pinnedChannels.splice(c,1))}else{const c=this._channels.findIndex(u=>u.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 Rt=(e,t)=>e.findIndex(n=>n.isIdentical(t)),Cs=(e,t,n)=>{if(e.length>0){const o=Rt(e,t);let s=0,a=e.length-1,i=Math.floor((s+a)/2);for(;s<a;){const c=En(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:En(e[i],t,n)>=0?i:i+1,oldPosition:o}}return{place:e.length,oldPosition:-1}},En=(e,t,n)=>{switch(n){case nt.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 _s(e,t){var v,E,b,h,y,_,M,S,k,$;const n=d.useId(),[o,s]=d.useState(!1),[a,i]=d.useState(null),[l,c]=d.useState([]),[u,g]=d.useState(null),p=d.useRef(!1),x=d.useCallback(async()=>{if(!p.current&&e.currentUser){p.current=!0,s(!1),i(null),c([]);try{u==null||u.dispose();const R=new ys(e,t);R.setConversationListCollectionHandler({onChannelsAdded:()=>{c(R.channels)},onChannelsUpdated:()=>{c(R.channels)},onChannelsDeleted:()=>{c(R.channels)}}),await R.loadMore(),g(R),i(null)}catch(R){g(null),i(R)}finally{s(!0),p.current=!1}}},[e,e.currentUser,(v=t.filter)==null?void 0:v.aiAgentChannelFilter,(b=(E=t.filter)==null?void 0:E.aiAgentConversationStatusFilter)==null?void 0:b.join(),(y=(h=t.filter)==null?void 0:h.aiAgentIds)==null?void 0:y.join(),(_=t.filter)==null?void 0:_.deskChannelFilter,(S=(M=t.filter)==null?void 0:M.pinnedChannelUrls)==null?void 0:S.join(),(k=t.filter)==null?void 0:k.copilotConversationOnly,($=t.filter)==null?void 0:$.copilotSupportChannelUrl,t.limit]),C=d.useCallback(async()=>{if(u)try{await u.loadMore()}catch(R){i(R)}},[u]);return d.useEffect(()=>(e.addConnectionHandler(n,new K.ConnectionHandler({onConnected:()=>x()})),()=>e.removeConnectionHandler(n)),[e,n,x]),d.useEffect(()=>{x()},[x]),d.useEffect(()=>()=>{p.current=!1,u==null||u.dispose()},[u]),{initialized:o,error:a,channels:l,loadMore:C}}const{Provider:Ss}=Z("AIAgentConversationList");function Ts({conversationListLimit:e,conversationListFilter:t,children:n}){var p,x;const{chatSDK:o,aiAgentId:s,queryParams:a}=W(),i={aiAgentIds:[s],aiAgentConversationStatusFilter:[z.ConversationStatus.CLOSED,z.ConversationStatus.OPEN]},l=e??((p=a==null?void 0:a.conversationListParams)==null?void 0:p.limit),c={...i,...(x=a==null?void 0:a.conversationListParams)==null?void 0:x.filter,...t},u=_s(o,{limit:l,filter:c}),g={listSource:{initialized:u.initialized,error:u.error??void 0,channels:u.channels,loadMore:()=>u.loadMore()}};return r.createElement(Ss,{value:g},n)}function As(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:ws,useContext:or}=Z("MessageTemplateFetching");function ks({children:e,internalVariables:t}){const n=d.useRef({}),o=d.useRef({}),[s,a]=d.useState({}),i=d.useCallback((u,g)=>{a(p=>({...p,[u]:{fetching:!1,error:!1,...p[u],...g}}))},[]),l=d.useCallback(async({onRequestTemplate:u,onGetCachedTemplate:g,templateKey:p,suspense:x=!1})=>{const C=g(p);if(C)return C;const v=o.current[p];if(v)return v;x||i(p,{fetching:!0});const E=u(p).catch(b=>{throw x||i(p,{error:!0}),b}).finally(()=>{x||i(p,{fetching:!1}),delete o.current[p]});return o.current[p]=E,E},[i]),c={internalVariables:t,fetchTemplate:l,suspend:(u,g)=>{if(n.current[u])return n.current[u];const p=As(g());return n.current[u]=p,p},getIsFetching:u=>{var g;return((g=s[u])==null?void 0:g.fetching)??!1},getHasError:u=>{var g;return((g=s[u])==null?void 0:g.error)??!1}};return r.createElement(ws,{value:c},e)}const dt={VARIABLE:e=>new RegExp(`\\{${e}\\}`,"g"),VIEW_VARIABLE:e=>new RegExp(`"{@${e}}"`,"g")};function Ce({uiTemplateString:e,variables:t={}}){const n=ss(t);return jt({template:e,variables:n,variableKeyPattern:o=>dt.VARIABLE(o)})}function _e({theme:e,uiTemplateString:t,colorVariables:n={}}){return jt({template:t,variables:n,variableKeyPattern:o=>dt.VARIABLE(o),variableValueTransformer:o=>os(e,o)})}function Is({theme:e,uiTemplateString:t,viewVariables:n={},aiAgentColorVariables:o,internalVariables:s,onRequestTemplate:a}){const l=Object.values(n).flat().map(u=>u.key);return[...new Set(l)].some(u=>!a(u))?null:jt({template:t,variables:n,variableKeyPattern:u=>dt.VIEW_VARIABLE(u),variableValueTransformer:u=>{const g=u.map(({key:p,variables:x})=>{const C=a(p),{ui_template:v,color_variables:E}=Ve(C);let b=JSON.stringify(v);return b=Ce({uiTemplateString:b,variables:s}),b=_e({theme:e,uiTemplateString:b,colorVariables:E}),b=_e({theme:e,uiTemplateString:b,colorVariables:o}),b=Ce({uiTemplateString:b,variables:x}),lt(b)});return JSON.stringify(g)}})}async function $s({theme:e,uiTemplateString:t,viewVariables:n={},aiAgentColorVariables:o,internalVariables:s,onRequestTemplate:a}){return as({template:t,variables:n,variableKeyPattern:i=>dt.VIEW_VARIABLE(i),variableValueTransformer:async i=>{const l=i.map(async({key:u,variables:g})=>{const p=await a(u),{ui_template:x,color_variables:C}=Ve(p);let v=JSON.stringify(x);return v=Ce({uiTemplateString:v,variables:s}),v=_e({theme:e,uiTemplateString:v,colorVariables:C}),v=_e({theme:e,uiTemplateString:v,colorVariables:o}),v=Ce({uiTemplateString:v,variables:g}),lt(v)}),c=await Promise.all(l);return JSON.stringify(c)}})}const Ms=({rawTemplate:e,aiAgentColorVariables:t,internalVariables:n,...o})=>{const{ui_template:s,color_variables:a}=Ve(e);let i=JSON.stringify(s);if(Object.keys(o.viewVariables??{}).length>0){const c=Is({...o,uiTemplateString:i,aiAgentColorVariables:t,internalVariables:n});if(c===null)return null;i=c}return i=Ce({...o,uiTemplateString:i,variables:n}),i=_e({...o,uiTemplateString:i,colorVariables:a}),i=_e({...o,uiTemplateString:i,colorVariables:t}),i=Ce({...o,uiTemplateString:i}),lt(i)},Ls=async({rawTemplate:e,aiAgentColorVariables:t,internalVariables:n,...o})=>{const{ui_template:s,color_variables:a}=Ve(e);let i=JSON.stringify(s);return Object.keys(o.viewVariables??{}).length>0&&(i=await $s({...o,uiTemplateString:i,aiAgentColorVariables:t,internalVariables:n})),i=Ce({...o,uiTemplateString:i,variables:n}),i=_e({...o,uiTemplateString:i,colorVariables:a}),i=_e({...o,uiTemplateString:i,colorVariables:t}),i=Ce({...o,uiTemplateString:i}),lt(i)},Os=e=>{const{aiAgentColorVariables:t={}}=e,{internalVariables:n}=or();return d.useState(()=>{const o=e.onGetCachedTemplate(e.templateKey);return o?Ms({...e,rawTemplate:o,aiAgentColorVariables:t,internalVariables:n,onRequestTemplate:e.onGetCachedTemplate}):null})},Ds=e=>{const[t]=Os(e);if(t)return t;const{aiAgentColorVariables:n={}}=e,{internalVariables:o,fetchTemplate:s,suspend:a}=or();return a(e.templateKey,async()=>{const l=await s({...e,suspense:!0});return await Ls({...e,rawTemplate:l,aiAgentColorVariables:n,internalVariables:o})}).value},Rs="remove_powered_by",Kt=(e,t)=>{var s,a;const{chatSDK:n}=W(),{aiAgentInfo:o}=ct();if(e==="handoff-button"){const i=!!((s=t==null?void 0:t.conversation)!=null&&s.handoff);return!!(t!=null&&t.isAIAgent)&&!!(o!=null&&o.showHandoffButton)&&i&&It(t)}if(e==="special-notice")return!!(t!=null&&t.isAIAgent)&&!!(o!=null&&o.specialNoticeEnabled)&&!!(o!=null&&o.specialNotice);if(e==="powered-by"){const i=(a=n==null?void 0:n.appInfo)==null?void 0:a.applicationAttributes;return d.useMemo(()=>!(Array.isArray(i)&&i.includes(Rs)),[i])}throw new Error("Unsupported feature")},Ns={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"},Ps={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}}},Bs={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}}},Fs={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}}},Us={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}}},Hs={text:Ps,number:Bs,"single-select":Fs,"multi-select":Us},zs={getValueOrDefault:()=>null,validate:()=>({isValid:!1})};function sr(e){return Hs[e.type]||zs}function xn(e){return sr(e).getValueOrDefault(e)}function Vs(e,t,n={}){const o={...Ns,...n};return sr(e).validate(e,t,o)}const Gs=(e,t={})=>{const{labels:n={},onSubmit:o,onCancel:s}=t,[a,i]=d.useState({}),[l,c]=d.useState(()=>{const E={};return e.fields.forEach(b=>{E[b.key]=xn(b)}),E}),u=d.useMemo(()=>e.submitted_at?"submitted":e.canceled_at?"canceled":"draft",[e.submitted_at,e.canceled_at]);d.useEffect(()=>{if(u==="submitted"||u==="canceled"){const E={};let b=!1;e.fields.forEach(h=>{const y=xn(h);JSON.stringify(l[h.key])!==JSON.stringify(y)&&(b=!0),E[h.key]=y}),b&&c(E)}},[u]);const g=(E,b)=>{c(h=>({...h,[E]:b})),i(h=>({...h,[E]:void 0}))},p=e.fields.map(E=>{var y,_,M;const b=l[E.key]??null,h={key:E.key,label:E.label,error:a[E.key],required:E.required};return E.type==="text"?{...h,type:"text",layout:E.layout,value:b,...E.placeholder&&{placeholder:E.placeholder},...((y=E.rules)==null?void 0:y.max_length)&&{maxLength:E.rules.max_length}}:E.type==="number"?{...h,type:"number",layout:E.layout,value:b,...E.placeholder&&{placeholder:E.placeholder},...((_=E.rules)==null?void 0:_.max)&&{max:E.rules.max}}:E.type==="single-select"?{...h,type:"single-select",layout:E.layout,value:b,options:E.options}:E.type==="multi-select"?{...h,type:"multi-select",layout:E.layout,value:b,options:E.options,...((M=E.rules)==null?void 0:M.max_select)&&{maxSelect:E.rules.max_select}}:{...h,type:"unknown",layout:"default",value:null}});return{state:u,fields:p,getField:E=>p.find(b=>b.key===E),updateFieldValue:g,submit:async()=>{const E={};let b=!1;for(const h of e.fields){const y=l[h.key]??null,_=Vs(h,y,n);_.isValid||(E[h.key]=_.error,b=!0)}if(i(E),!b&&o){const h={};e.fields.forEach(y=>{h[y.key]=l[y.key]??null}),await o(h)}},cancel:async()=>{await(s==null?void 0:s())}}},ar=({channel:e,userSession:t,aiAgentInfo:n})=>{if(!t||!n)return{fallbackIcon:"bot-filled",url:void 0,title:""};const o={ai(a){return{fallbackIcon:a,url:n.profileUrl,title:n.nickname}},human(a){return{fallbackIcon:a,url:s==null?void 0:s.profileUrl,title:(s==null?void 0:s.nickname)||n.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=(()=>{const[a]=e.members.filter(i=>i.userId!==t.userId);return a})();return e.isAIAgent?Ne(e)?o.human("agent"):o.ai("bot-filled"):e.isDesk?o.human("agent"):o.channel("user")},vn=e=>d.useReducer((t,n)=>({...t,...n}),e);var re=(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))(re||{});const Ws=new Set(["free_text","single_choice"]),qs=({csatPayload:e,type:t,initialCsat:n,initialCsatReason:o,initialIsResolved:s})=>{const[a,i]=vn({csatType:t,csat:n,csatReason:o,isResolved:s}),[l,c]=vn({followUpItem:!1}),u=d.useMemo(()=>{var E;const C=a.csat;if(typeof C!="number")return;const v=(E=e.follow_up)==null?void 0:E.find(b=>b.scores.includes(C));if(Ws.has(v==null?void 0:v.response_type))return v},[a.csat,e.follow_up]),g=(()=>{var C;if(typeof n=="number")return"submitted";if((t===re.AI_AGENT_CSAT_5||t===re.HELPDESK_CSAT_5)&&typeof a.csat=="number")return"submittable";if(t===re.AI_AGENT_CSAT_5_WITH_CRE){const v=typeof a.csat=="number",E=!((C=e.cre)!=null&&C.required)||typeof a.isResolved=="boolean";if(v&&E)return"submittable"}return"unsubmittable"})(),p=d.useCallback(()=>typeof a.csat>"u"?!1:u!=null&&u.required&&!a.csatReason?(c({followUpItem:!0}),!1):!0,[a,u,c]);return d.useEffect(()=>{o||(i({csatReason:""}),c({followUpItem:!1}))},[o,u,i,c]),{params:a,setParams:i,error:l,setError:c,followUpItem:u,state:g,validateParams:p,itemProps:{csatPayload:e,state:g,submitted:g==="submitted"}}},_t=5,js=e=>e<1e3?{speed:_t*.5,chunkSize:2}:e<2e3?{speed:_t*.8,chunkSize:2}:{speed:_t*.6,chunkSize:3},Ks=(e,t=!1)=>{const[n,o]=d.useState(0),s=d.useRef(null),a=d.useRef(0),i=d.useRef(0),l=d.useRef(t);return d.useEffect(()=>{if(!l.current){o(e.length);return}o(c=>e.length<c?(a.current=0,i.current=0,0):c)},[e]),d.useEffect(()=>{if(!l.current||n>=e.length)return;const c=u=>{a.current===0&&(a.current=u,i.current=u);const g=u-a.current,p=u-i.current,{speed:x,chunkSize:C}=js(p),v=x*C;g>=v&&(o(E=>Math.min(E+C,e.length)),a.current=u),s.current=requestAnimationFrame(c)};return s.current=requestAnimationFrame(c),()=>{s.current&&cancelAnimationFrame(s.current)}},[e.length,n]),e.slice(0,n)},Zs='@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;right:0;bottom:0;left: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}',Ys={conversation:{input_placeholder:"Ask a question",input_placeholder_disabled:"Chat is unavailable in this channel",input_placeholder_wait_ai_agent_response:"Waiting for the agent's reply...",input_placeholder_active_form:"Please fill out the form to move forward.",unknown_message_type:"(Unknown message type)",powered_by:"Powered by",citation_title:"Source",start_new_conversation_label:"Talk to agent",failed_message_resend:"Retry",failed_message_remove:"Remove",file_upload_no_supported_files:"No supported file types available."},conversation_list:{header_title:"Conversations",ended:"Ended"},date_format:{just_now:"Just now",minutes_ago:e=>`${e} minutes ago`,hours_ago:e=>`${e} hours ago`,date_short:"MM/dd/yyyy",date_separator:"MMMM dd, yyyy",message_timestamp:"p"},csat:{title:"Your feedback matters to us",submitted_label:"Successfully submitted!",cre_question:"Was your issue resolved?",cre_positive_label:"Yes, thank you! 👍",cre_negative_label:"No, that didn't help.",reason_placeholder:"Share your feedback",question:"How would you rate your experience?",submit_label:"Submit",submission_expired:"We're sorry, the survey period has ended."},form:{optional_label:"optional",validation_required:"This question is required"},common:{placeholder_something_went_wrong:"Something went wrong",placeholder_no_messages:"No messages",placeholder_no_conversations:"No conversations yet",placeholder_something_went_wrong_retry_label:"Retry"},feedback:{title:"Submit feedback",good:"Good",bad:"Bad",comment_label:"Comment (optional)",comment_placeholder:"Leave a comment",cancel:"Cancel",submit:"Submit",save:"Save",edit:"Edit feedback",remove:"Remove feedback"}},Nt={language:"en",strings:Ys,dateLocale:eo.enUS},ir=e=>({MESSAGE_INPUT__PLACE_HOLDER:e.conversation.input_placeholder,MESSAGE_INPUT__PLACE_HOLDER__DISABLED:e.conversation.input_placeholder_disabled,MESSAGE_INPUT__PLACE_HOLDER__WAIT_AI_AGENT_RESPONSE:e.conversation.input_placeholder_wait_ai_agent_response,UNKNOWN__UNKNOWN_MESSAGE_TYPE:e.conversation.unknown_message_type,POWERED_BY:e.conversation.powered_by,CSAT_TITLE_UNSUBMITTED:e.csat.title,CSAT_TITLE_SUBMITTED:e.csat.submitted_label,CSAT_CRE_TITLE:e.csat.cre_question,CSAT_CRE_SOLVED:e.csat.cre_positive_label,CSAT_CRE_NOT_SOLVED:e.csat.cre_negative_label,CSAT_REASON_PLACEHOLDER:e.csat.reason_placeholder,CSAT_RATING_TITLE:e.csat.question,CSAT_SUBMIT_LABEL:e.csat.submit_label,CSAT_SUBMISSION_EXPIRED:e.csat.submission_expired,DATE_FORMAT__JUST_NOW:e.date_format.just_now,DATE_FORMAT__MINUTES_AGO:e.date_format.minutes_ago,DATE_FORMAT__HOURS_AGO:e.date_format.hours_ago,DATE_FORMAT__DATE_SHORT:e.date_format.date_short,DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR:e.date_format.date_separator,DATE_FORMAT__MESSAGE_TIMESTAMP:e.date_format.message_timestamp,CONVERSATION_LIST__HEADER_TITLE:e.conversation_list.header_title,CONVERSATION_LIST__ENDED:e.conversation_list.ended,CONVERSATION_LIST__NO_CONVERSATIONS:e.common.placeholder_no_conversations,TALK_TO_AGENT:e.conversation.start_new_conversation_label,CITATION_SOURCE_TITLE:e.conversation.citation_title,FORM_PLACEHOLDER:e.conversation.input_placeholder_active_form,FORM_VALIDATION_REQUIRED:e.form.validation_required,OPTIONAL:e.form.optional_label,PLACE_HOLDER__WRONG:e.common.placeholder_something_went_wrong,PLACE_HOLDER__NO_MESSAGES:e.common.placeholder_no_messages,RETRY:e.common.placeholder_something_went_wrong_retry_label,FAILED_MESSAGE_RESEND:e.conversation.failed_message_resend,FAILED_MESSAGE_REMOVE:e.conversation.failed_message_remove,FILE_UPLOAD_NO_SUPPORTED_FILES:e.conversation.file_upload_no_supported_files,FEEDBACK_TITLE:e.feedback.title,FEEDBACK_GOOD:e.feedback.good,FEEDBACK_BAD:e.feedback.bad,FEEDBACK_COMMENT_LABEL:e.feedback.comment_label,FEEDBACK_COMMENT_PLACEHOLDER:e.feedback.comment_placeholder,FEEDBACK_CANCEL:e.feedback.cancel,FEEDBACK_SUBMIT:e.feedback.submit,FEEDBACK_SAVE:e.feedback.save,FEEDBACK_EDIT:e.feedback.edit,FEEDBACK_REMOVE:e.feedback.remove}),Xs=e=>{var t;return((t=e.split("-"))==null?void 0:t[0])??ut},ut="en",Js=new Set([ut,"ko","es","pt","fr","hi","it","de","tr","ja"]),Qs=(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.":""))))})},yn=ir(Nt.strings),ea={...yn,CHANNEL_FROZEN:"Channel frozen",HEADER_BUTTON__AGENT_HANDOFF:"Connect with an agent",MESSAGE_INPUT__PLACE_HOLDER__SUGGESTED_REPLIES:"Select an option to continue",BUTTON__CANCEL:"Cancel",BUTTON__SAVE:"Save",BUTTON__OK:"OK",BUTTON__SUBMIT:"Submit",NO_NAME:"(No name)",SUBMITTED:"Submitted",TRY_AGAIN:"Please try again.",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",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",CONVERSATION_CLOSED_FOOTER_LABEL:"Your conversation has ended",START_NEW_CONVERSATION:"💬 Start a new conversation",RETURN_TO_CONVERSATION:"💬 Return to conversation",CONVERSATION_LIST__TOPICS_FALLBACK:"No category",FORM_UNAVAILABLE:"Form is no longer available.",FORM_NOT_SUPPORTED:"This form is not supported in the current version.",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:yn.DATE_FORMAT__DATE_SHORT,DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION:"h:mma"},rt={language:Nt.language,dateLocale:Nt.dateLocale,stringSet:ea},ta=Object.freeze(Object.defineProperty({__proto__:null,default:rt},Symbol.toStringTag,{value:"Module"})),Pt=new Map([[ut,rt]]);async function na(e){const t=Pt.get(e);if(t)return t;try{if(Js.has(e)){const{default:n}=await Qs(Object.assign({"./languages/de.ts":()=>Promise.resolve().then(()=>require("./tGGb6-qE.cjs")),"./languages/en.ts":()=>Promise.resolve().then(()=>ta),"./languages/es.ts":()=>Promise.resolve().then(()=>require("./DD4_-VGR.cjs")),"./languages/fr.ts":()=>Promise.resolve().then(()=>require("./DxFzlD-n.cjs")),"./languages/hi.ts":()=>Promise.resolve().then(()=>require("./BLGgSz7p.cjs")),"./languages/it.ts":()=>Promise.resolve().then(()=>require("./BuQ_QZ4-.cjs")),"./languages/ja.ts":()=>Promise.resolve().then(()=>require("./BQTRXuUH.cjs")),"./languages/ko.ts":()=>Promise.resolve().then(()=>require("./o5ARYAZY.cjs")),"./languages/pt.ts":()=>Promise.resolve().then(()=>require("./mKv2GmAz.cjs")),"./languages/tr.ts":()=>Promise.resolve().then(()=>require("./R03mJ8P7.cjs"))}),`./languages/${e}.ts`,3);return Pt.set(e,n),n}return rt}catch{return rt}}const{Provider:ra,useContext:B}=Z("Localization"),oa=({language:e=navigator.language,logger:t,stringSet:n,children:o})=>{const[s,a]=d.useState(Pt.get(ut));return d.useEffect(()=>{const i=Xs(e);s.language!==i&&(t==null||t.debug("localization.useEffect: update language",{from:s.language,to:i}),na(i).then(a))},[e,t]),r.createElement(ra,{value:{language:s.language,stringSet:{...s.stringSet,...n},dateLocale:s.dateLocale,format:(i,l,c)=>xe.format(i,l,{locale:s.dateLocale,...c})}},o)},ot="data-sb-agent-theme",Cn=e=>(t,...n)=>{let o="";return t.forEach((s,a)=>{o+=s+(n[a]??"")}),`[${ot}='${e}'] & { ${o} }`},D={light:Cn("light"),dark:Cn("dark")},sa=A.css(({theme:e})=>{const{palette:t}=e;return`
2
2
  :root,
3
3
  :host {
4
4
  --sendbird-primary-extra-dark: ${t.primary.extraDark};
@@ -47,25 +47,25 @@
47
47
  --sendbird-overlay-dark: ${t.overlay.dark};
48
48
  --sendbird-overlay-light: ${t.overlay.light};
49
49
  }
50
- `}),aa=A.css`[${ot}='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);}[${ot}='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);}`,m={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)",background600:"var(--sendbird-background-600)",background500:"var(--sendbird-background-500)",background400:"var(--sendbird-background-400)",background200:"var(--sendbird-background-200)",background100:"var(--sendbird-background-100)",background50:"var(--sendbird-background-50)",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)",textLowEmphasisInverse:"var(--sb-text-low-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)",secondary:"var(--sb-secondary)"}},{Provider:ia,useContext:lr}=Z("MessengerTheme");function la(e){const{theme:t,appearance:n,logger:o}=e;return r.createElement(Ko,{appearance:n,palette:t==null?void 0:t.palette,typography:t==null?void 0:t.typography,logger:o},r.createElement(ca,{...e}))}function ca({rootElement:e=document.body,children:t}){const{theme:n,updateTheme:o}=Wt();return d.useLayoutEffect(()=>{e.setAttribute(ot,n.selectedTheme)},[e,n.selectedTheme]),r.createElement(A.ThemeProvider,{theme:n},r.createElement(ia,{value:{theme:n,updateTheme:o,rootElement:e}},t))}function Ae(e,t){const n=e.getRootNode({composed:t});return n instanceof ShadowRoot||n instanceof Document?n:document}const da=(e,t)=>{d.useEffect(()=>{const n=Ae(t)instanceof ShadowRoot,o=Ae(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])},ua=(e,t=document.body)=>{d.useEffect(()=>{const n=Ae(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])},Zt=/iPad|iPhone|iPod/.test(navigator.userAgent),ma=/Android/.test(navigator.userAgent),Ue=e=>Zt||ma,{Provider:ga,Consumer:cr,useContext:G}=Z("Messenger");function ha({children:e,state:t,enableCloseConversationButton:n=!1,enableExpandButton:o=!0,enableAutoDisconnectInLauncher:s=!0,...a}){const[i,l]=d.useState(!1),[c,u]=d.useState(!1),g={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)??u};return r.createElement(Lo,{...a},p=>r.createElement(ga,{value:{...a,...p,state:g,enableCloseConversationButton:n,enableExpandButton:o,enableAutoDisconnectInLauncher:s}},e))}const{Provider:fa,useContext:Y}=Z("MessengerSession"),pa=d.forwardRef(function({children:e,...t},n){return r.createElement(cs,{ref:n,...t},o=>r.createElement(ba,{...o},e))}),ba=({children:e,...t})=>{const{chatSDK:n,logger:o,appId:s,aiAgentId:a,agentPreviewConfigs:i,state:l,handlers:c}=G(),{userSessionInfo:u,authenticate:g,setActiveChannel:p,userSession:x,aiAgentInfo:C,launcherInfo:v}=t,E=d.useRef(null);return Fe.useGroupChannelHandler(n,{async onUserJoined(b,h){var _,M,S;if(b.conversation&&b.conversation.type===z.ConversationType.PROACTIVE&&h.userId===((_=n.currentUser)==null?void 0:_.userId)){o.info("messengerSession.onUserJoined: proactive channel joined",b.url);const w=((M=b.conversation)==null?void 0:M.status)??z.ConversationStatus.OPEN;p({url:b.url,status:w}),l.setOpened(!0),Ea({sound:document.hidden||!l.opened}),(S=E.current)==null||S.call(E,{channel:b})}}}),d.useEffect(()=>{g().then(({launcher:b})=>{b.auto_open&&!Ue()&&setTimeout(()=>l.setOpened(!0),500)}).catch(b=>{var h;o.error("messengerSession: failed to initialize",b),(h=c==null?void 0:c.onInitializeFailed)==null||h.call(c,b)})},[n,s,a,u==null?void 0:u.userId,u==null?void 0:u.authToken]),!x||!C||!v?null:r.createElement(fa,{value:{...t,userSession:x,aiAgentInfo:{...C,...i==null?void 0:i.bot},launcherInfo:{...v,...i==null?void 0:i.launcher},registerOnJoinedProactiveConversation:b=>E.current=b}},e)};function Ea({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 oe=e=>{const t=e;return typeof t=="number"?`${t}px`:t},I=({as:e,variant:t="body1",color:n,maxTextLines:o,className:s,...a})=>r.createElement(ya,{as:e,$variant:t,className:s,$color:n,$maxTextLines:o,...a}),_n=new WeakMap,xa=(e,t)=>{let n=_n.get(t);n||(n=new Map,_n.set(t,n));const o=n.get(e);if(o)return o;const s=t[e]??t.body1,a=A.css`font-size:${oe(s.fontSize)};font-weight:${s.fontWeight};${s.fontFamily?`font-family: ${s.fontFamily};`:""}
50
+ `}),aa=A.css`[${ot}='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);}[${ot}='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);}`,m={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)",background600:"var(--sendbird-background-600)",background500:"var(--sendbird-background-500)",background400:"var(--sendbird-background-400)",background200:"var(--sendbird-background-200)",background100:"var(--sendbird-background-100)",background50:"var(--sendbird-background-50)",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)",textLowEmphasisInverse:"var(--sb-text-low-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)",secondary:"var(--sb-secondary)"}},{Provider:ia,useContext:lr}=Z("MessengerTheme");function la(e){const{theme:t,appearance:n,logger:o}=e;return r.createElement(Ko,{appearance:n,palette:t==null?void 0:t.palette,typography:t==null?void 0:t.typography,logger:o},r.createElement(ca,{...e}))}function ca({rootElement:e=document.body,children:t}){const{theme:n,updateTheme:o}=qt();return d.useLayoutEffect(()=>{e.setAttribute(ot,n.selectedTheme)},[e,n.selectedTheme]),r.createElement(A.ThemeProvider,{theme:n},r.createElement(ia,{value:{theme:n,updateTheme:o,rootElement:e}},t))}function Ae(e,t){const n=e.getRootNode({composed:t});return n instanceof ShadowRoot||n instanceof Document?n:document}const da=(e,t)=>{d.useEffect(()=>{const n=Ae(t)instanceof ShadowRoot,o=Ae(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])},ua=(e,t=document.body)=>{d.useEffect(()=>{const n=Ae(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])},Zt=/iPad|iPhone|iPod/.test(navigator.userAgent),ma=/Android/.test(navigator.userAgent),Ue=e=>Zt||ma,{Provider:ga,Consumer:cr,useContext:G}=Z("Messenger");function ha({children:e,state:t,enableCloseConversationButton:n=!1,enableExpandButton:o=!0,enableAutoDisconnectInLauncher:s=!0,...a}){const[i,l]=d.useState(!1),[c,u]=d.useState(!1),g={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)??u};return r.createElement(Lo,{...a},p=>r.createElement(ga,{value:{...a,...p,state:g,enableCloseConversationButton:n,enableExpandButton:o,enableAutoDisconnectInLauncher:s}},e))}const{Provider:fa,useContext:Y}=Z("MessengerSession"),pa=d.forwardRef(function({children:e,...t},n){return r.createElement(cs,{ref:n,...t},o=>r.createElement(ba,{...o},e))}),ba=({children:e,...t})=>{const{chatSDK:n,logger:o,appId:s,aiAgentId:a,agentPreviewConfigs:i,state:l,handlers:c}=G(),{userSessionInfo:u,authenticate:g,setActiveChannel:p,userSession:x,aiAgentInfo:C,launcherInfo:v}=t,E=d.useRef(null);return Fe.useGroupChannelHandler(n,{async onUserJoined(b,h){var _,M,S;if(b.conversation&&b.conversation.type===z.ConversationType.PROACTIVE&&h.userId===((_=n.currentUser)==null?void 0:_.userId)){o.info("messengerSession.onUserJoined: proactive channel joined",b.url);const k=((M=b.conversation)==null?void 0:M.status)??z.ConversationStatus.OPEN;p({url:b.url,status:k}),l.setOpened(!0),Ea({sound:document.hidden||!l.opened}),(S=E.current)==null||S.call(E,{channel:b})}}}),d.useEffect(()=>{g().then(({launcher:b})=>{b.auto_open&&!Ue()&&setTimeout(()=>l.setOpened(!0),500)}).catch(b=>{var h;o.error("messengerSession: failed to initialize",b),(h=c==null?void 0:c.onInitializeFailed)==null||h.call(c,b)})},[n,s,a,u==null?void 0:u.userId,u==null?void 0:u.authToken]),!x||!C||!v?null:r.createElement(fa,{value:{...t,userSession:x,aiAgentInfo:{...C,...i==null?void 0:i.bot},launcherInfo:{...v,...i==null?void 0:i.launcher},registerOnJoinedProactiveConversation:b=>E.current=b}},e)};function Ea({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 oe=e=>{const t=e;return typeof t=="number"?`${t}px`:t},I=({as:e,variant:t="body1",color:n,maxTextLines:o,className:s,...a})=>r.createElement(ya,{as:e,$variant:t,className:s,$color:n,$maxTextLines:o,...a}),_n=new WeakMap,xa=(e,t)=>{let n=_n.get(t);n||(n=new Map,_n.set(t,n));const o=n.get(e);if(o)return o;const s=t[e]??t.body1,a=A.css`font-size:${oe(s.fontSize)};font-weight:${s.fontWeight};${s.fontFamily?`font-family: ${s.fontFamily};`:""}
51
51
  ${s.lineHeight?`line-height: ${s.lineHeight};`:"line-height: 100%;"}
52
- `;return n.set(e,a),a},va=e=>e?A.css`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:${e};overflow:hidden;`:"",ya=f.default.span`font-stretch:normal;letter-spacing:normal;${({$variant:e,theme:t})=>xa(e,t.typography)}color:${({$color:e})=>e};${({$maxTextLines:e})=>va(e)}`;class st 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 Ca=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"})),_a=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"})),Sa=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"})),Ta=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"})),Aa=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"})),wa=new Set(["send","chat","message","chevron-right","good","good-filled","bad","bad-filled"]),ka={close:Ca,send:Aa,menu:Ta,expand:Sa,collapse:_a,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"))),good:d.lazy(()=>Promise.resolve().then(()=>require("./DEgUVAck.cjs"))),bad:d.lazy(()=>Promise.resolve().then(()=>require("./C0s7eAf7.cjs"))),"good-filled":d.lazy(()=>Promise.resolve().then(()=>require("./Chg8xHXT.cjs"))),"bad-filled":d.lazy(()=>Promise.resolve().then(()=>require("./CGkmTaBn.cjs")))},L=({type:e,size:t=24,className:n,color:o})=>{const s=ka[e];return r.createElement($a,{className:n,$rtlFlip:wa.has(e),$size:t,$color:o??m.color.primary.main},r.createElement(st,{errorFallback:r.createElement(Ma,null)},r.createElement(s,null)))},Ia=A.css`[dir='rtl'] &{transform:scaleX(-1);}`,$a=f.default.div`width:${({$size:e})=>oe(e)};height:${({$size:e})=>oe(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&&Ia};`,Ma=()=>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 Yt({name:e,type:t="FILE",iconColor:n,iconBackgroundColor:o,onClick:s}){const{colors:a}=A.useTheme();return r.createElement(La,{onClick:s,$clickable:!!s},r.createElement(Da,{$bgColor:o??a.base.primary},r.createElement(L,{type:"file-document",size:24,color:n??a.base.primaryContrastContent})),r.createElement(Ra,null,r.createElement(Na,{variant:"button",color:m.themedColor.textHighEmphasis},e),r.createElement(I,{color:m.themedColor.textMidEmphasis,variant:"caption3"},t)))}const La=f.default.div`border-radius:12px;gap:8px;width:${N.BODY_MAX_WIDTH}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${m.themedColor.textDisabled};background-color:${m.themedColor.bg_50_600};${({$clickable:e})=>e&&Oa}`,Oa=A.css`cursor:pointer;&:hover{background-color:${m.themedColor.bg_100_500};}`,Da=f.default.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({$bgColor:e})=>e};`,Ra=f.default.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`,Na=f.default(I)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;function Pa({file:e,children:t,onClickFile:n}){return r.createElement(Ba,null,r.createElement(Yt,{name:e.name,type:zt(e.name,e.type),onClick:n&&(()=>n==null?void 0:n(e))}),t)}const Ba=f.default.div`display:flex;flex-direction:column;align-items:flex-start;gap:${N.GAP_GROUPED}px;`,te="sb-agent",ne={ENTRY:`${te}-entry`,MODAL_ROOT:`${te}-modal-root`,WINDOW:`${te}-window`,LAUNCHER:`${te}-launcher`},Ye=2147483647,Ie={MODAL:Ye-1,TOOLTIP:Ye-2,WINDOW:Ye-3,LAUNCHER:Ye-4},dr={DEFAULT_PRIMARY:"#742ddd",WHITE:"#ffffff"},ur=36,Fa=100,ut="noopener noreferrer nofollow",me=`${te}-incoming-msg`,Ua=`${te}-marked-text`;function Ha({file:e,onClickMedia:t,children:n}){const o=()=>e.type.startsWith("image")?r.createElement(Ga,{src:e.url,alt:"image-message"}):e.type.startsWith("video")?r.createElement(Wa,{controls:!0},r.createElement("source",{src:e.url}),r.createElement("track",{kind:"captions"})):null;if(o){const s={id:`${me}-media-body`,onClick:()=>t==null?void 0:t(e)};return r.createElement(za,null,r.createElement(Va,{...s},o()),n)}return null}const za=f.default.div`display:flex;flex-direction:column;align-items:flex-start;gap:${N.GAP_GROUPED}px;`,Va=f.default.div`width:${N.BODY_MAX_WIDTH}px;height:160px;border-radius:12px;overflow:hidden;cursor:pointer;${D.light`
52
+ `;return n.set(e,a),a},va=e=>e?A.css`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:${e};overflow:hidden;`:"",ya=f.default.span`font-stretch:normal;letter-spacing:normal;${({$variant:e,theme:t})=>xa(e,t.typography)}color:${({$color:e})=>e};${({$maxTextLines:e})=>va(e)}`;class st 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 Ca=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"})),_a=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"})),Sa=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"})),Ta=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"})),Aa=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"})),wa=new Set(["send","chat","message","chevron-right","good","good-filled","bad","bad-filled"]),ka={close:Ca,send:Aa,menu:Ta,expand:Sa,collapse:_a,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"))),good:d.lazy(()=>Promise.resolve().then(()=>require("./DEgUVAck.cjs"))),bad:d.lazy(()=>Promise.resolve().then(()=>require("./C0s7eAf7.cjs"))),"good-filled":d.lazy(()=>Promise.resolve().then(()=>require("./Chg8xHXT.cjs"))),"bad-filled":d.lazy(()=>Promise.resolve().then(()=>require("./CGkmTaBn.cjs")))},L=({type:e,size:t=24,className:n,color:o})=>{const s=ka[e];return r.createElement($a,{className:n,$rtlFlip:wa.has(e),$size:t,$color:o??m.color.primary.main},r.createElement(st,{errorFallback:r.createElement(Ma,null)},r.createElement(s,null)))},Ia=A.css`[dir='rtl'] &{transform:scaleX(-1);}`,$a=f.default.div`width:${({$size:e})=>oe(e)};height:${({$size:e})=>oe(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&&Ia};`,Ma=()=>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 Yt({name:e,type:t="FILE",iconColor:n,iconBackgroundColor:o,onClick:s}){const{colors:a}=A.useTheme();return r.createElement(La,{onClick:s,$clickable:!!s},r.createElement(Da,{$bgColor:o??a.base.primary},r.createElement(L,{type:"file-document",size:24,color:n??a.base.primaryContrastContent})),r.createElement(Ra,null,r.createElement(Na,{variant:"button",color:m.themedColor.textHighEmphasis},e),r.createElement(I,{color:m.themedColor.textMidEmphasis,variant:"caption3"},t)))}const La=f.default.div`border-radius:12px;gap:8px;width:${N.BODY_MAX_WIDTH}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${m.themedColor.textDisabled};background-color:${m.themedColor.bg_50_600};${({$clickable:e})=>e&&Oa}`,Oa=A.css`cursor:pointer;&:hover{background-color:${m.themedColor.bg_100_500};}`,Da=f.default.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({$bgColor:e})=>e};`,Ra=f.default.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`,Na=f.default(I)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;function Pa({file:e,children:t,onClickFile:n}){return r.createElement(Ba,null,r.createElement(Yt,{name:e.name,type:Vt(e.name,e.type),onClick:n&&(()=>n==null?void 0:n(e))}),t)}const Ba=f.default.div`display:flex;flex-direction:column;align-items:flex-start;gap:${N.GAP_GROUPED}px;`,te="sb-agent",ne={ENTRY:`${te}-entry`,MODAL_ROOT:`${te}-modal-root`,WINDOW:`${te}-window`,LAUNCHER:`${te}-launcher`},Ye=2147483647,Ie={MODAL:Ye-1,TOOLTIP:Ye-2,WINDOW:Ye-3,LAUNCHER:Ye-4},dr={DEFAULT_PRIMARY:"#742ddd",WHITE:"#ffffff"},ur=36,Fa=100,mt="noopener noreferrer nofollow",ge=`${te}-incoming-msg`,Ua=`${te}-marked-text`;function Ha({file:e,onClickMedia:t,children:n}){const o=()=>e.type.startsWith("image")?r.createElement(Ga,{src:e.url,alt:"image-message"}):e.type.startsWith("video")?r.createElement(Wa,{controls:!0},r.createElement("source",{src:e.url}),r.createElement("track",{kind:"captions"})):null;if(o){const s={id:`${ge}-media-body`,onClick:()=>t==null?void 0:t(e)};return r.createElement(za,null,r.createElement(Va,{...s},o()),n)}return null}const za=f.default.div`display:flex;flex-direction:column;align-items:flex-start;gap:${N.GAP_GROUPED}px;`,Va=f.default.div`width:${N.BODY_MAX_WIDTH}px;height:160px;border-radius:12px;overflow:hidden;cursor:pointer;${D.light`
53
53
  background-color: ${m.color.background100};
54
54
  `}
55
55
  ${D.dark`
56
56
  background-color: ${m.color.background400};
57
57
  `}
58
- `,Ga=f.default.img`width:100%;height:100%;object-fit:cover;`,Wa=f.default.video`width:100%;height:100%;object-fit:cover;`,qa="✱",mr=e=>{const t=new RegExp(`(\`+)([^\`]+?)\\1|(${qa}+)`,"g");return e.replace(t,(n,o,s,a)=>o?n:a?`<span id=${Ua} aria-label="masked-text">${a}</span>`:n)},ja=e=>e.replace(/\*\*(.*?)\*\*/g,"<b>$1</b>"),Ka=d.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./DnOT9Q2M.cjs"))).MarkdownText})),Za=d.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./DlvEEpWX.cjs"))).CodeBlock}));function Sn(e){var a,i;const t=e.maxBodyWidth??N.BODY_MAX_WIDTH,n=Ks(e.message,e.isStreaming),o=d.useMemo(()=>yo(n,mr),[n]),s={id:`${me}-text-body`,$maxWidth:t,$color:(a=e.customStyle)==null?void 0:a.bubbleContentColor,$bgColor:(i=e.customStyle)==null?void 0:i.bubbleBackgroundColor};return o.length===0?e.children?r.createElement(Tn,{...s},e.children):null:r.createElement(Tn,{...s},o.map((l,c)=>l.type==="text"?r.createElement(An,{key:c,variant:"body3"},r.createElement(st,{fallback:l.value},r.createElement(Ka,{onClickImage:u=>{var g;return(g=e.onClickMedia)==null?void 0:g.call(e,{url:u,type:"image/*"})}},l.value))):l.type==="code"?r.createElement(st,{key:c,fallback:r.createElement(An,{variant:"body3"},l.value)},r.createElement(Za,{code:l.value,language:l.language})):null),e.children)}const Tn=f.default.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({$maxWidth:e})=>e}px;${({theme:e,$color:t,$bgColor:n})=>A.css`
58
+ `,Ga=f.default.img`width:100%;height:100%;object-fit:cover;`,Wa=f.default.video`width:100%;height:100%;object-fit:cover;`,qa="✱",mr=e=>{const t=new RegExp(`(\`+)([^\`]+?)\\1|(${qa}+)`,"g");return e.replace(t,(n,o,s,a)=>o?n:a?`<span id=${Ua} aria-label="masked-text">${a}</span>`:n)},ja=e=>e.replace(/\*\*(.*?)\*\*/g,"<b>$1</b>"),Ka=d.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./B0MxbJ5V.cjs"))).MarkdownText})),Za=d.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./DlvEEpWX.cjs"))).CodeBlock}));function Sn(e){var a,i;const t=e.maxBodyWidth??N.BODY_MAX_WIDTH,n=Ks(e.message,e.isStreaming),o=d.useMemo(()=>yo(n,mr),[n]),s={id:`${ge}-text-body`,$maxWidth:t,$color:(a=e.customStyle)==null?void 0:a.bubbleContentColor,$bgColor:(i=e.customStyle)==null?void 0:i.bubbleBackgroundColor};return o.length===0?e.children?r.createElement(Tn,{...s},e.children):null:r.createElement(Tn,{...s},o.map((l,c)=>l.type==="text"?r.createElement(An,{key:c,variant:"body3"},r.createElement(st,{fallback:l.value},r.createElement(Ka,{onClickImage:u=>{var g;return(g=e.onClickMedia)==null?void 0:g.call(e,{url:u,type:"image/*"})}},l.value))):l.type==="code"?r.createElement(st,{key:c,fallback:r.createElement(An,{variant:"body3"},l.value)},r.createElement(Za,{code:l.value,language:l.language})):null),e.children)}const Tn=f.default.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({$maxWidth:e})=>e}px;${({theme:e,$color:t,$bgColor:n})=>A.css`
59
59
  color: ${t||e.colors.messageIncoming.text};
60
60
  background-color: ${n||e.colors.messageIncoming.background};
61
61
  `}
62
62
  padding: 12px 0;
63
63
  transition: max-width 0.3s;
64
64
  overflow-wrap: break-word;
65
- `,An=f.default(I)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;function Ya(e){const{stringSet:t}=B(),n=Zn(e)?r.createElement(Sn,{...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(Ha,{...e},n):r.createElement(Pa,{...e},n)}return r.createElement(Sn,{...e,message:t.UNKNOWN__UNKNOWN_MESSAGE_TYPE})}function Xt({id:e,src:t,size:n=56,onClick:o,style:s}){return r.createElement(Xa,{id:e,tabIndex:0,onClick:o,$size:oe(n),style:s},t?r.createElement(Ja,{src:t}):r.createElement(L,{type:"user",size:n}))}const Xa=f.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:${m.themedColor.bg_100_500};&:focus{outline:none;}`,Ja=f.default.img`object-fit:cover;width:100%;height:100%;position:absolute;`;function Qa({sender:e,isBotMessage:t}){const n=`${me}-sender-avatar`;return t&&!e.profileUrl?r.createElement(ei,{id:n},r.createElement(L,{type:"bot-filled",size:"100%"})):r.createElement(Xt,{id:n,size:N.AVATAR_SIZE,src:e.profileUrl})}const ei=f.default.div`flex-shrink:0;width:${N.AVATAR_SIZE}px;height:${N.AVATAR_SIZE}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 ti({sender:e}){return r.createElement(ni,{id:`${me}-sender-name`,variant:"caption1",color:m.themedColor.textMidEmphasis},e.nickname)}const ni=f.default(I)`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 ri({createdAt:e}){const{stringSet:t,format:n}=B();return e?r.createElement(I,{id:`${me}-sent-time`,variant:"caption4",color:m.themedColor.textLowEmphasis},n(e,t.DATE_FORMAT__MESSAGE_TIMESTAMP)):null}function oi({customStyle:e}){return r.createElement(si,{$bgColor:e==null?void 0:e.bubbleBackgroundColor},[0,1,2].map(t=>r.createElement(ai,{key:t,$color:e==null?void 0:e.bubbleContentColor})))}const si=f.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};`,ai=f.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 Jt(e){let t=e;t&&(!t.startsWith("http://")&&!t.startsWith("https://")&&(t="https://"+t),window.open(t,"_blank","noopener,noreferrer"))}function ii({extendedMessagePayload:e,onClickCTA:t=({url:n})=>Jt(n)}){const n=e==null?void 0:e.cta_button;return n?r.createElement(li,{id:`${me}-ext-cta-button`,role:"button",onClick:()=>t(n)},r.createElement(ci,{variant:"button"},n.label)):null}const li=f.default.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;color:${m.themedColor.textHighEmphasis};background-color:${m.color.background50};${D.dark`
65
+ `,An=f.default(I)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;function Ya(e){const{stringSet:t}=B(),n=Zn(e)?r.createElement(Sn,{...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(Ha,{...e},n):r.createElement(Pa,{...e},n)}return r.createElement(Sn,{...e,message:t.UNKNOWN__UNKNOWN_MESSAGE_TYPE})}function Xt({id:e,src:t,size:n=56,onClick:o,style:s}){return r.createElement(Xa,{id:e,tabIndex:0,onClick:o,$size:oe(n),style:s},t?r.createElement(Ja,{src:t}):r.createElement(L,{type:"user",size:n}))}const Xa=f.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:${m.themedColor.bg_100_500};&:focus{outline:none;}`,Ja=f.default.img`object-fit:cover;width:100%;height:100%;position:absolute;`;function Qa({sender:e,isBotMessage:t}){const n=`${ge}-sender-avatar`;return t&&!e.profileUrl?r.createElement(ei,{id:n},r.createElement(L,{type:"bot-filled",size:"100%"})):r.createElement(Xt,{id:n,size:N.AVATAR_SIZE,src:e.profileUrl})}const ei=f.default.div`flex-shrink:0;width:${N.AVATAR_SIZE}px;height:${N.AVATAR_SIZE}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 ti({sender:e}){return r.createElement(ni,{id:`${ge}-sender-name`,variant:"caption1",color:m.themedColor.textMidEmphasis},e.nickname)}const ni=f.default(I)`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 ri({createdAt:e}){const{stringSet:t,format:n}=B();return e?r.createElement(I,{id:`${ge}-sent-time`,variant:"caption4",color:m.themedColor.textLowEmphasis},n(e,t.DATE_FORMAT__MESSAGE_TIMESTAMP)):null}function oi({customStyle:e}){return r.createElement(si,{$bgColor:e==null?void 0:e.bubbleBackgroundColor},[0,1,2].map(t=>r.createElement(ai,{key:t,$color:e==null?void 0:e.bubbleContentColor})))}const si=f.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};`,ai=f.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 Jt(e){let t=e;t&&(!t.startsWith("http://")&&!t.startsWith("https://")&&(t="https://"+t),window.open(t,"_blank","noopener,noreferrer"))}function ii({extendedMessagePayload:e,onClickCTA:t=({url:n})=>Jt(n)}){const n=e==null?void 0:e.cta_button;return n?r.createElement(li,{id:`${ge}-ext-cta-button`,role:"button",onClick:()=>t(n)},r.createElement(ci,{variant:"button"},n.label)):null}const li=f.default.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;color:${m.themedColor.textHighEmphasis};background-color:${m.color.background50};${D.dark`
66
66
  background-color: ${m.color.ondark.textDisabled};
67
67
  `}
68
- `,ci=f.default(I)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;function di({extendedMessagePayload:e,onClickCitation:t=n=>Jt(n.link)}){const{stringSet:n}=B(),{theme:o}=Wt(),s=e==null?void 0:e.citations;return!s||s.length===0?null:r.createElement(ui,{id:`${me}-ext-citation`},r.createElement(mi,{variant:"caption1",color:o.colors.messageIncoming.text},n.CITATION_SOURCE_TITLE),r.createElement(gi,null,s.map((a,i)=>r.createElement(fi,{key:`${a.embedding_id}-${i}`,role:"button",onClick:()=>t(a)},r.createElement(L,{type:"source",size:16,color:o.colors.messageIncoming.text}),r.createElement(hi,{variant:"body3",color:o.colors.messageIncoming.text},a.title)))))}const ui=f.default.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;padding:8px 12px 6px;`,mi=f.default(I)`opacity:0.5;`,gi=f.default.div`display:flex;flex-direction:column;gap:8px;`,hi=f.default(I)`text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,fi=f.default.div`display:flex;align-items:center;gap:4px;cursor:pointer;&:hover{opacity:0.5;}`,mt=({style:e,rootElementId:t,visible:n,onClose:o,children:s})=>{if(!n)return null;const{rootElement:a}=lr(),i=Ae(a),l=Ae(a,!0);return to.createPortal(r.createElement(pi,{onClick:o,style:e},r.createElement(bi,{onClick:c=>c.stopPropagation()},s)),i.getElementById(t)??i.getElementById(ne.MODAL_ROOT)??l.body)},pi=f.default.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${m.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${Ie.MODAL};`,bi=f.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:${Ie.MODAL};`,Ei=({visible:e,onClose:t,children:n})=>r.createElement(mt,{rootElementId:ne.WINDOW,visible:e,onClose:t},r.createElement(yi,null,n)),xi=({onClick:e,destructive:t,children:n})=>r.createElement(vi,{onClick:e,$destructive:t},n),Re=Object.assign(Ei,{ActionItem:xi}),vi=f.default.button`all:unset;width:100%;padding:14px 24px;text-align:start;cursor:pointer;color:${({$destructive:e})=>e?m.themedColor.error:m.themedColor.textHighEmphasis};`,yi=f.default.div`position:absolute;left:0;right:0;bottom:0;border-radius:12px 12px 0 0;flex-direction:column;align-items:flex-end;margin:0 auto;box-sizing:border-box;background-color:${({theme:e})=>e.colors.base.modalContentBackground};`,Pt=e=>`${e}-filled`,Ci=e=>e==="good"?z.AIAgentMessageFeedbackRating.GOOD:z.AIAgentMessageFeedbackRating.BAD,gr=A.css`&:hover{opacity:0.8;}&:active{opacity:0.6;}`,wn={good:m.themedColor.secondary,bad:m.themedColor.error},_i=({visible:e,onClose:t,isEdit:n,initialRating:o,initialComment:s="",onSubmit:a,isCommentEnabled:i=!1})=>{const{stringSet:l}=B(),[c,u]=d.useState(o),[g,p]=d.useState(s);d.useLayoutEffect(()=>{e?(u(o),p(s)):(u(void 0),p(""))},[e,o,s]);const x=()=>{c&&(a({rating:c,comment:g.trim()||void 0}),t())},C=()=>{t()};return e?r.createElement(mt,{rootElementId:ne.WINDOW,visible:e,onClose:C},r.createElement(Si,null,r.createElement(Ti,null,r.createElement(I,{variant:"h2",color:m.themedColor.textHighEmphasis},l.FEEDBACK_TITLE)),r.createElement(Ai,null,r.createElement(wi,null,["good","bad"].map(v=>{const E=c===v,b=v==="good"?l.FEEDBACK_GOOD:l.FEEDBACK_BAD;return r.createElement(ki,{key:v,$selected:E,$rating:v,onClick:()=>u(v)},r.createElement(L,{type:E?Pt(v):v,size:24,color:E?wn[v]:m.themedColor.textLowEmphasis}),r.createElement(I,{variant:"caption1",color:E?wn[v]:m.themedColor.textLowEmphasis},b))})),i&&r.createElement(Ii,null,r.createElement(I,{variant:"caption3",color:m.themedColor.textHighEmphasis},l.FEEDBACK_COMMENT_LABEL),r.createElement($i,{placeholder:l.FEEDBACK_COMMENT_PLACEHOLDER,value:g,onChange:v=>p(v.target.value),maxLength:100}))),r.createElement(Mi,null,r.createElement(Li,{onClick:C},r.createElement(I,{variant:"button",color:m.themedColor.textHighEmphasis},l.FEEDBACK_CANCEL)),r.createElement(Oi,{onClick:x,disabled:!c},r.createElement(I,{variant:"button"},n?l.FEEDBACK_SAVE:l.FEEDBACK_SUBMIT))))):null},Si=f.default.div`width:280px;background-color:${({theme:e})=>e.colors.base.modalContentBackground};border-radius:12px;overflow:hidden;`,Ti=f.default.div`padding:24px;`,Ai=f.default.div`padding-inline:24px;display:flex;flex-direction:column;gap:24px;`,wi=f.default.div`display:flex;gap:4px;`,ki=f.default.button`width:114px;height:64px;border-radius:12px;border:1px solid ${m.themedColor.textDisabled};box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:0;transition:background-color 0.2s;background-color:${({$selected:e})=>e?m.color.background100:"transparent"};${({$selected:e})=>D.dark`
68
+ `,ci=f.default(I)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;function di({extendedMessagePayload:e,onClickCitation:t=n=>Jt(n.link)}){const{stringSet:n}=B(),{theme:o}=qt(),s=e==null?void 0:e.citations;return!s||s.length===0?null:r.createElement(ui,{id:`${ge}-ext-citation`},r.createElement(mi,{variant:"caption1",color:o.colors.messageIncoming.text},n.CITATION_SOURCE_TITLE),r.createElement(gi,null,s.map((a,i)=>r.createElement(fi,{key:`${a.embedding_id}-${i}`,role:"button",onClick:()=>t(a)},r.createElement(L,{type:"source",size:16,color:o.colors.messageIncoming.text}),r.createElement(hi,{variant:"body3",color:o.colors.messageIncoming.text},a.title)))))}const ui=f.default.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;padding:8px 12px 6px;`,mi=f.default(I)`opacity:0.5;`,gi=f.default.div`display:flex;flex-direction:column;gap:8px;`,hi=f.default(I)`text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,fi=f.default.div`display:flex;align-items:center;gap:4px;cursor:pointer;&:hover{opacity:0.5;}`,gt=({style:e,rootElementId:t,visible:n,onClose:o,children:s})=>{if(!n)return null;const{rootElement:a}=lr(),i=Ae(a),l=Ae(a,!0);return to.createPortal(r.createElement(pi,{onClick:o,style:e},r.createElement(bi,{onClick:c=>c.stopPropagation()},s)),i.getElementById(t)??i.getElementById(ne.MODAL_ROOT)??l.body)},pi=f.default.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${m.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${Ie.MODAL};`,bi=f.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:${Ie.MODAL};`,Ei=({visible:e,onClose:t,children:n})=>r.createElement(gt,{rootElementId:ne.WINDOW,visible:e,onClose:t},r.createElement(yi,null,n)),xi=({onClick:e,destructive:t,children:n})=>r.createElement(vi,{onClick:e,$destructive:t},n),Re=Object.assign(Ei,{ActionItem:xi}),vi=f.default.button`all:unset;width:100%;padding:14px 24px;text-align:start;cursor:pointer;color:${({$destructive:e})=>e?m.themedColor.error:m.themedColor.textHighEmphasis};`,yi=f.default.div`position:absolute;left:0;right:0;bottom:0;border-radius:12px 12px 0 0;flex-direction:column;align-items:flex-end;margin:0 auto;box-sizing:border-box;background-color:${({theme:e})=>e.colors.base.modalContentBackground};`,Bt=e=>`${e}-filled`,Ci=e=>e==="good"?z.AIAgentMessageFeedbackRating.GOOD:z.AIAgentMessageFeedbackRating.BAD,gr=A.css`&:hover{opacity:0.8;}&:active{opacity:0.6;}`,wn={good:m.themedColor.secondary,bad:m.themedColor.error},_i=({visible:e,onClose:t,isEdit:n,initialRating:o,initialComment:s="",onSubmit:a,isCommentEnabled:i=!1})=>{const{stringSet:l}=B(),[c,u]=d.useState(o),[g,p]=d.useState(s);d.useLayoutEffect(()=>{e?(u(o),p(s)):(u(void 0),p(""))},[e,o,s]);const x=()=>{c&&(a({rating:c,comment:g.trim()||void 0}),t())},C=()=>{t()};return e?r.createElement(gt,{rootElementId:ne.WINDOW,visible:e,onClose:C},r.createElement(Si,null,r.createElement(Ti,null,r.createElement(I,{variant:"h2",color:m.themedColor.textHighEmphasis},l.FEEDBACK_TITLE)),r.createElement(Ai,null,r.createElement(wi,null,["good","bad"].map(v=>{const E=c===v,b=v==="good"?l.FEEDBACK_GOOD:l.FEEDBACK_BAD;return r.createElement(ki,{key:v,$selected:E,$rating:v,onClick:()=>u(v)},r.createElement(L,{type:E?Bt(v):v,size:24,color:E?wn[v]:m.themedColor.textLowEmphasis}),r.createElement(I,{variant:"caption1",color:E?wn[v]:m.themedColor.textLowEmphasis},b))})),i&&r.createElement(Ii,null,r.createElement(I,{variant:"caption3",color:m.themedColor.textHighEmphasis},l.FEEDBACK_COMMENT_LABEL),r.createElement($i,{placeholder:l.FEEDBACK_COMMENT_PLACEHOLDER,value:g,onChange:v=>p(v.target.value),maxLength:100}))),r.createElement(Mi,null,r.createElement(Li,{onClick:C},r.createElement(I,{variant:"button",color:m.themedColor.textHighEmphasis},l.FEEDBACK_CANCEL)),r.createElement(Oi,{onClick:x,disabled:!c},r.createElement(I,{variant:"button"},n?l.FEEDBACK_SAVE:l.FEEDBACK_SUBMIT))))):null},Si=f.default.div`width:280px;background-color:${({theme:e})=>e.colors.base.modalContentBackground};border-radius:12px;overflow:hidden;`,Ti=f.default.div`padding:24px;`,Ai=f.default.div`padding-inline:24px;display:flex;flex-direction:column;gap:24px;`,wi=f.default.div`display:flex;gap:4px;`,ki=f.default.button`width:114px;height:64px;border-radius:12px;border:1px solid ${m.themedColor.textDisabled};box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:0;transition:background-color 0.2s;background-color:${({$selected:e})=>e?m.color.background100:"transparent"};${({$selected:e})=>D.dark`
69
69
  background-color: ${e?m.color.background600:"transparent"};
70
70
  `}
71
71
 
@@ -76,7 +76,7 @@
76
76
  &:active {
77
77
  opacity: 0.6;
78
78
  }
79
- `,Ii=f.default.div`display:flex;flex-direction:column;gap:6px;`,$i=f.default.textarea`font-family:inherit;font-size:12px;line-height:16px;border:1px solid ${m.themedColor.textDisabled};border-radius:4px;padding:6px 12px;color:${m.themedColor.textHighEmphasis};background-color:${m.themedColor.textLowEmphasisInverse};resize:none;field-sizing:content;min-height:28px;max-height:118px;overflow-y:auto;&::placeholder{color:${m.themedColor.textLowEmphasis};}&:focus{outline:none;}`,Mi=f.default.div`padding-inline:24px;padding-block:16px;display:flex;justify-content:flex-end;gap:4px;`,hr=f.default.button`width:86px;height:40px;border-radius:20px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity 0.2s;`,Li=f.default(hr)`${gr}`,Oi=f.default(hr)`cursor:${({disabled:e})=>e?"not-allowed":"pointer"};opacity:${({disabled:e})=>e?.4:1};&:hover:not(:disabled){opacity:0.8;}&:active:not(:disabled){opacity:0.6;}background-color:${({theme:e})=>e.colors.base.primary};span{color:${({theme:e})=>e.colors.base.primaryContrastContent};}`,kn={good:m.themedColor.secondary,bad:m.themedColor.error};function Di({isBotMessage:e,isConversationClosed:t,isStreaming:n,isFeedbackEnabled:o,isFeedbackCommentEnabled:s,extendedMessagePayload:a,onFeedbackUpdate:i}){const{stringSet:l}=B(),[c,u]=d.useState(!1),[g,p]=d.useState(!1),[x,C]=d.useState(void 0),[v,E]=d.useState(""),b=a==null?void 0:a.feedback,h=(b==null?void 0:b.rating)??"none";if(h!=="none"?!1:!!(n||!e||!o||(a==null?void 0:a.bot_message_type)!=="generated"||t))return null;const _=$=>{h==="none"?(C($),E(""),u(!0)):p(!0)},M=()=>{i==null||i(null),p(!1)},S=()=>{p(!1),C(b==null?void 0:b.rating),E((b==null?void 0:b.comment)??""),u(!0)},w=$=>{i==null||i($)};return t&&h!=="none"?r.createElement(In,{$horizontal:!0},r.createElement(Ri,null,r.createElement(L,{type:Pt(h),size:12,color:kn[h]})),(b==null?void 0:b.comment)&&r.createElement($n,{variant:"caption2",style:{lineHeight:"16px"}},b.comment)):r.createElement(r.Fragment,null,r.createElement(In,null,r.createElement(Ni,null,["good","bad"].map($=>{const R=h===$;return r.createElement(Pi,{key:$,$selected:R,$rating:$,onClick:()=>_($)},r.createElement(L,{type:R?Pt($):$,size:14,color:R?kn[$]:m.themedColor.textMidEmphasis}))})),h!=="none"&&(b==null?void 0:b.comment)&&r.createElement($n,{variant:"caption2"},b.comment)),r.createElement(Re,{visible:g,onClose:()=>p(!1)},r.createElement(Re.ActionItem,{onClick:S},l.FEEDBACK_EDIT),r.createElement(Re.ActionItem,{onClick:M,destructive:!0},l.FEEDBACK_REMOVE)),r.createElement(_i,{visible:c,onClose:()=>u(!1),isEdit:h!=="none",initialRating:x,initialComment:v,onSubmit:w,isCommentEnabled:s}))}const In=f.default.div`display:flex;flex-direction:${({$horizontal:e})=>e?"row":"column"};align-items:${({$horizontal:e})=>e?"flex-start":"stretch"};gap:4px;margin-top:8px;word-break:break-word;max-width:${N.BODY_MAX_WIDTH}px;`,Ri=f.default.div`padding:2px;flex-shrink:0;display:flex;align-items:center;`,Ni=f.default.div`display:flex;gap:2px;`,Pi=f.default.button`width:38px;height:20px;border-radius:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity 0.2s;border:1px solid ${m.color.background200};background-color:${({$selected:e})=>e?m.color.background100:"transparent"};${({$selected:e})=>D.dark`
79
+ `,Ii=f.default.div`display:flex;flex-direction:column;gap:6px;`,$i=f.default.textarea`font-family:inherit;font-size:12px;line-height:16px;border:1px solid ${m.themedColor.textDisabled};border-radius:4px;padding:6px 12px;color:${m.themedColor.textHighEmphasis};background-color:${m.themedColor.textLowEmphasisInverse};resize:none;field-sizing:content;min-height:28px;max-height:118px;overflow-y:auto;&::placeholder{color:${m.themedColor.textLowEmphasis};}&:focus{outline:none;}`,Mi=f.default.div`padding-inline:24px;padding-block:16px;display:flex;justify-content:flex-end;gap:4px;`,hr=f.default.button`width:86px;height:40px;border-radius:20px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity 0.2s;`,Li=f.default(hr)`${gr}`,Oi=f.default(hr)`cursor:${({disabled:e})=>e?"not-allowed":"pointer"};opacity:${({disabled:e})=>e?.4:1};&:hover:not(:disabled){opacity:0.8;}&:active:not(:disabled){opacity:0.6;}background-color:${({theme:e})=>e.colors.base.primary};span{color:${({theme:e})=>e.colors.base.primaryContrastContent};}`,kn={good:m.themedColor.secondary,bad:m.themedColor.error};function Di({isBotMessage:e,isConversationClosed:t,isStreaming:n,isFeedbackEnabled:o,isFeedbackCommentEnabled:s,extendedMessagePayload:a,onFeedbackUpdate:i}){const{stringSet:l}=B(),[c,u]=d.useState(!1),[g,p]=d.useState(!1),[x,C]=d.useState(void 0),[v,E]=d.useState(""),b=a==null?void 0:a.feedback,h=(b==null?void 0:b.rating)??"none";if(h!=="none"?!1:!!(n||!e||!o||(a==null?void 0:a.bot_message_type)!=="generated"||t))return null;const _=$=>{h==="none"?(C($),E(""),u(!0)):p(!0)},M=()=>{i==null||i(null),p(!1)},S=()=>{p(!1),C(b==null?void 0:b.rating),E((b==null?void 0:b.comment)??""),u(!0)},k=$=>{i==null||i($)};return t&&h!=="none"?r.createElement(In,{$horizontal:!0},r.createElement(Ri,null,r.createElement(L,{type:Bt(h),size:12,color:kn[h]})),(b==null?void 0:b.comment)&&r.createElement($n,{variant:"caption2",style:{lineHeight:"16px"}},b.comment)):r.createElement(r.Fragment,null,r.createElement(In,null,r.createElement(Ni,null,["good","bad"].map($=>{const R=h===$;return r.createElement(Pi,{key:$,$selected:R,$rating:$,onClick:()=>_($)},r.createElement(L,{type:R?Bt($):$,size:14,color:R?kn[$]:m.themedColor.textMidEmphasis}))})),h!=="none"&&(b==null?void 0:b.comment)&&r.createElement($n,{variant:"caption2"},b.comment)),r.createElement(Re,{visible:g,onClose:()=>p(!1)},r.createElement(Re.ActionItem,{onClick:S},l.FEEDBACK_EDIT),r.createElement(Re.ActionItem,{onClick:M,destructive:!0},l.FEEDBACK_REMOVE)),r.createElement(_i,{visible:c,onClose:()=>u(!1),isEdit:h!=="none",initialRating:x,initialComment:v,onSubmit:k,isCommentEnabled:s}))}const In=f.default.div`display:flex;flex-direction:${({$horizontal:e})=>e?"row":"column"};align-items:${({$horizontal:e})=>e?"flex-start":"stretch"};gap:4px;margin-top:8px;word-break:break-word;max-width:${N.BODY_MAX_WIDTH}px;`,Ri=f.default.div`padding:2px;flex-shrink:0;display:flex;align-items:center;`,Ni=f.default.div`display:flex;gap:2px;`,Pi=f.default.button`width:38px;height:20px;border-radius:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity 0.2s;border:1px solid ${m.color.background200};background-color:${({$selected:e})=>e?m.color.background100:"transparent"};${({$selected:e})=>D.dark`
80
80
  border: 1px solid ${m.color.background400};
81
81
  background-color: ${e?m.color.background500:"transparent"};
82
82
  `}
@@ -85,7 +85,7 @@
85
85
  `,$n=f.default(I)`color:${m.themedColor.textMidEmphasis};${D.dark`
86
86
  color: ${m.themedColor.textHighEmphasis};
87
87
  `}
88
- `,Qt=({visible:e,title:t,description:n,confirmText:o="OK",onConfirm:s,onClose:a})=>{const i=()=>{s==null||s(),a()};return r.createElement(mt,{rootElementId:ne.WINDOW,visible:e,onClose:a},r.createElement(Bi,null,r.createElement(Fi,null,t&&r.createElement(I,{variant:"h1",color:m.themedColor.textHighEmphasis},t),n&&r.createElement(Ui,null,r.createElement(I,{variant:"subtitle2",color:m.themedColor.textHighEmphasis},n))),r.createElement(Hi,null,r.createElement(zi,{onClick:i},r.createElement(I,{variant:"button",color:m.themedColor.primary},o)))))},Bi=f.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};`,Fi=f.default.div`margin-bottom:16px;`,Ui=f.default.div`margin-top:8px;`,Hi=f.default.div`display:flex;flex-direction:row;justify-content:flex-end;`,zi=f.default.button`all:unset;display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:transparent;padding:10px 16px;`,en=A.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;}`,Mn=f.default.button`${en};background-color:${m.themedColor.primary};color:${m.themedColor.textHighEmphasis};&:hover:not(:disabled){opacity:0.9;}`,Vi=f.default.button`${en};color:${m.themedColor.primary};${D.light`
88
+ `,Qt=({visible:e,title:t,description:n,confirmText:o="OK",onConfirm:s,onClose:a})=>{const i=()=>{s==null||s(),a()};return r.createElement(gt,{rootElementId:ne.WINDOW,visible:e,onClose:a},r.createElement(Bi,null,r.createElement(Fi,null,t&&r.createElement(I,{variant:"h1",color:m.themedColor.textHighEmphasis},t),n&&r.createElement(Ui,null,r.createElement(I,{variant:"subtitle2",color:m.themedColor.textHighEmphasis},n))),r.createElement(Hi,null,r.createElement(zi,{onClick:i},r.createElement(I,{variant:"button",color:m.themedColor.primary},o)))))},Bi=f.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};`,Fi=f.default.div`margin-bottom:16px;`,Ui=f.default.div`margin-top:8px;`,Hi=f.default.div`display:flex;flex-direction:row;justify-content:flex-end;`,zi=f.default.button`all:unset;display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:transparent;padding:10px 16px;`,en=A.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;}`,Mn=f.default.button`${en};background-color:${m.themedColor.primary};color:${m.themedColor.textHighEmphasis};&:hover:not(:disabled){opacity:0.9;}`,Vi=f.default.button`${en};color:${m.themedColor.primary};${D.light`
89
89
  background-color: ${m.color.background50};
90
90
  `};
91
91
  ${D.dark`
@@ -187,21 +187,21 @@
187
187
  padding: 16px 12px;
188
188
  transition: max-width 0.3s;
189
189
  overflow-wrap: break-word;
190
- `,_l=f.default.div`display:flex;flex-direction:column;gap:12px;`,Sl=f.default.div`display:flex;flex-direction:column;`,Tl=f.default.div`display:flex;flex-direction:column;gap:8px;`;function Al(e){return r.createElement(r.Fragment,null)}const wl=new Set(["default"]),{MessageTemplate:kl}=no.createMessageTemplate({parser:wt.parser,renderer:wt.renderer,Container:e=>r.createElement("div",{...e})});function Il(e){return r.createElement(st,{errorFallback:e.messageTemplateErrorFallback,loadingFallback:e.messageTemplateLoadingFallback},r.createElement($l,{...e}))}const $l=({extendedMessagePayload:e,onGetCachedMessageTemplate:t=()=>null,onRequestMessageTemplate:n,onHandleTemplateInternalAction:o=ve})=>{const s=e==null?void 0:e.message_template;if(!wl.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}=lr(),l=Ds({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(Ml,{id:`${me}-ext-message-template`},r.createElement(wt.MessageProvider,{handleInternalAction:(c,u)=>{c.stopPropagation(),o==null||o(u)}},r.createElement(kl,{templateItems:l.body.items,templateVersion:l.version})))},Ml=f.default.div`box-sizing:border-box;overflow:hidden;width:100%;`;function Ll({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(Ol,{id:`${me}-ext-suggested-replies`,$type:n},a.map((i,l)=>r.createElement(Dl,{key:l,$type:n,variant:"body3",onClick:()=>{t&&(t==null||t({reply:i}),s(!0))}},i)))}const Ol=f.default.div`margin:16px 0;padding:0 ${N.HORIZONTAL_PADDING}px;position:relative;display:flex;align-self:stretch;gap:8px;${({$type:e})=>e==="vertical"?Rl:Nl};`,Dl=f.default(I)`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:${m.color.primary.main};border:1px solid ${m.color.primary.main};background-color:${m.themedColor.bg_50_600};&:hover{background-color:${m.themedColor.bg_100_500};}${({$type:e,theme:t})=>A.css`
190
+ `,_l=f.default.div`display:flex;flex-direction:column;gap:12px;`,Sl=f.default.div`display:flex;flex-direction:column;`,Tl=f.default.div`display:flex;flex-direction:column;gap:8px;`;function Al(e){return r.createElement(r.Fragment,null)}const wl=new Set(["default"]),{MessageTemplate:kl}=no.createMessageTemplate({parser:kt.parser,renderer:kt.renderer,Container:e=>r.createElement("div",{...e})});function Il(e){return r.createElement(st,{errorFallback:e.messageTemplateErrorFallback,loadingFallback:e.messageTemplateLoadingFallback},r.createElement($l,{...e}))}const $l=({extendedMessagePayload:e,onGetCachedMessageTemplate:t=()=>null,onRequestMessageTemplate:n,onHandleTemplateInternalAction:o=ye})=>{const s=e==null?void 0:e.message_template;if(!wl.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}=lr(),l=Ds({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(Ml,{id:`${ge}-ext-message-template`},r.createElement(kt.MessageProvider,{handleInternalAction:(c,u)=>{c.stopPropagation(),o==null||o(u)}},r.createElement(kl,{templateItems:l.body.items,templateVersion:l.version})))},Ml=f.default.div`box-sizing:border-box;overflow:hidden;width:100%;`;function Ll({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(Ol,{id:`${ge}-ext-suggested-replies`,$type:n},a.map((i,l)=>r.createElement(Dl,{key:l,$type:n,variant:"body3",onClick:()=>{t&&(t==null||t({reply:i}),s(!0))}},i)))}const Ol=f.default.div`margin:16px 0;padding:0 ${N.HORIZONTAL_PADDING}px;position:relative;display:flex;align-self:stretch;gap:8px;${({$type:e})=>e==="vertical"?Rl:Nl};`,Dl=f.default(I)`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:${m.color.primary.main};border:1px solid ${m.color.primary.main};background-color:${m.themedColor.bg_50_600};&:hover{background-color:${m.themedColor.bg_100_500};}${({$type:e,theme:t})=>A.css`
191
191
  ${e==="vertical"?Pl:Bl};
192
192
  &:active {
193
193
  background-color: ${t.colors.base.primary};
194
194
  color: ${t.colors.base.primaryContrastContent};
195
195
  }
196
196
  `}
197
- `,Rl=A.css`flex-direction:column;align-items:flex-end;`,Nl=A.css`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`,Pl=A.css`max-width:calc(100% - 70px);white-space:pre-wrap;`,Bl=A.css`white-space:nowrap;`,we=ke({template:Fl,components:{SenderName:ti,SenderAvatar:Qa,SentTime:ri,MessageBody:Ya,TypingIndicator:oi,SuggestedReplies:Ll,MessageTemplate:Il,CTAButton:ii,Citation:di,Form:Cl,Feedback:Di,MessageLogs:Al}});function Fl(e){return r.createElement(vr,{...e,testerMode:!1})}function vr(e){var x,C,v,E,b,h,y;const{components:t}=we.useContext(),n=!!e.isTyping,o=e.testerMode,s=!!((x=e.extendedMessagePayload)!=null&&x.form)&&!((C=e.extendedMessagePayload)!=null&&C.form.canceled_at),a=!!((v=e.extendedMessagePayload)!=null&&v.message_template),i=!!((E=e.extendedMessagePayload)!=null&&E.cta_button),l=!!((b=e.extendedMessagePayload)!=null&&b.citations)&&e.extendedMessagePayload.citations.length>0,c=!!e.createdAt,u=e.groupType==="top"||e.groupType==="single",g=e.groupType==="bottom"||e.groupType==="single",p=o?0:N.AVATAR_SIZE;return r.createElement(Ul,{$marginBottom:n?0:Vt(e.groupType)},u&&r.createElement(Hl,null,!o&&r.createElement(t.SenderAvatar,{...e}),r.createElement(t.SenderName,{...e})),r.createElement(Vl,null,r.createElement(_t,{$extraStartPadding:p},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(On,{$startPadding:0,$endPadding:0},r.createElement(t.MessageTemplate,{...e,messageTemplateErrorFallback:e.messageTemplateErrorFallback??r.createElement(_t,{$extraStartPadding:p},r.createElement(t.MessageBody,{...e,messageType:"user",message:((y=(h=e.extendedMessagePayload)==null?void 0:h.message_template)==null?void 0:y.fallback_message)??"Cannot read this template."})),messageTemplateLoadingFallback:e.messageTemplateLoadingFallback??r.createElement(_t,{$extraStartPadding:p},r.createElement(t.TypingIndicator,{...e}))})),s&&r.createElement(On,{$extraStartPadding:p},r.createElement(t.Form,{...e}))),g&&c&&r.createElement(zl,{$extraStartPadding:p+8},r.createElement(t.SentTime,{...e})),r.createElement(d.Fragment,null,!n&&r.createElement(Ge,{$extraStartPadding:p+8},r.createElement(t.Feedback,{...e})),e.suggestedRepliesVisible&&r.createElement(t.SuggestedReplies,{...e}),r.createElement(t.MessageLogs,{...e})))}const Ul=f.default.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({$marginBottom:e})=>`${e}px`};
197
+ `,Rl=A.css`flex-direction:column;align-items:flex-end;`,Nl=A.css`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`,Pl=A.css`max-width:calc(100% - 70px);white-space:pre-wrap;`,Bl=A.css`white-space:nowrap;`,we=ke({template:Fl,components:{SenderName:ti,SenderAvatar:Qa,SentTime:ri,MessageBody:Ya,TypingIndicator:oi,SuggestedReplies:Ll,MessageTemplate:Il,CTAButton:ii,Citation:di,Form:Cl,Feedback:Di,MessageLogs:Al}});function Fl(e){return r.createElement(vr,{...e,testerMode:!1})}function vr(e){var x,C,v,E,b,h,y;const{components:t}=we.useContext(),n=!!e.isTyping,o=e.testerMode,s=!!((x=e.extendedMessagePayload)!=null&&x.form)&&!((C=e.extendedMessagePayload)!=null&&C.form.canceled_at),a=!!((v=e.extendedMessagePayload)!=null&&v.message_template),i=!!((E=e.extendedMessagePayload)!=null&&E.cta_button),l=!!((b=e.extendedMessagePayload)!=null&&b.citations)&&e.extendedMessagePayload.citations.length>0,c=!!e.createdAt,u=e.groupType==="top"||e.groupType==="single",g=e.groupType==="bottom"||e.groupType==="single",p=o?0:N.AVATAR_SIZE;return r.createElement(Ul,{$marginBottom:n?0:Gt(e.groupType)},u&&r.createElement(Hl,null,!o&&r.createElement(t.SenderAvatar,{...e}),r.createElement(t.SenderName,{...e})),r.createElement(Vl,null,r.createElement(St,{$extraStartPadding:p},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(On,{$startPadding:0,$endPadding:0},r.createElement(t.MessageTemplate,{...e,messageTemplateErrorFallback:e.messageTemplateErrorFallback??r.createElement(St,{$extraStartPadding:p},r.createElement(t.MessageBody,{...e,messageType:"user",message:((y=(h=e.extendedMessagePayload)==null?void 0:h.message_template)==null?void 0:y.fallback_message)??"Cannot read this template."})),messageTemplateLoadingFallback:e.messageTemplateLoadingFallback??r.createElement(St,{$extraStartPadding:p},r.createElement(t.TypingIndicator,{...e}))})),s&&r.createElement(On,{$extraStartPadding:p},r.createElement(t.Form,{...e}))),g&&c&&r.createElement(zl,{$extraStartPadding:p+8},r.createElement(t.SentTime,{...e})),r.createElement(d.Fragment,null,!n&&r.createElement(Ge,{$extraStartPadding:p+8},r.createElement(t.Feedback,{...e})),e.suggestedRepliesVisible&&r.createElement(t.SuggestedReplies,{...e}),r.createElement(t.MessageLogs,{...e})))}const Ul=f.default.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({$marginBottom:e})=>`${e}px`};
198
198
  `,Ge=f.default.div`display:flex;align-self:stretch;justify-content:flex-start;${({$startPadding:e=N.HORIZONTAL_PADDING,$endPadding:t=N.HORIZONTAL_PADDING,$extraStartPadding:n=0})=>`
199
199
  padding-inline: ${e+n}px ${t}px;
200
200
  `}
201
- `,Hl=f.default(Ge)`display:flex;flex-direction:row;align-items:center;gap:8px;`,_t=f.default(Ge)`display:flex;`,zl=f.default(Ge)`margin-top:${N.BODY_TIME_GAP}px;display:flex;align-items:flex-start;justify-content:flex-start;`,On=f.default(Ge)`display:flex;${({$startPadding:e=N.HORIZONTAL_PADDING,$endPadding:t=N.HORIZONTAL_PADDING,$extraStartPadding:n=0})=>`
201
+ `,Hl=f.default(Ge)`display:flex;flex-direction:row;align-items:center;gap:8px;`,St=f.default(Ge)`display:flex;`,zl=f.default(Ge)`margin-top:${N.BODY_TIME_GAP}px;display:flex;align-items:flex-start;justify-content:flex-start;`,On=f.default(Ge)`display:flex;${({$startPadding:e=N.HORIZONTAL_PADDING,$endPadding:t=N.HORIZONTAL_PADDING,$extraStartPadding:n=0})=>`
202
202
  padding-inline: ${e+n}px ${t}px;
203
203
  `}
204
- `,Vl=f.default.div`display:flex;flex-direction:column;gap:${N.GAP_GROUPED}px;`;function Gl({file:e,children:t,onClickFile:n,sendingStatus:o}){const s=(()=>{if(!(!n||o==="failed"))return()=>n==null?void 0:n(e)})();return r.createElement(Wl,null,r.createElement(Yt,{name:e.name,type:zt(e.name,e.type),onClick:s}),t)}const Wl=f.default.div`display:flex;flex-direction:column;align-items:flex-end;gap:${N.GAP_GROUPED}px;`,tn=({className:e,children:t,size:n=26})=>r.createElement(ql,{className:e,$size:n},t??r.createElement(L,{type:"spinner",size:n})),ql=f.default.div`display:flex;align-items:center;justify-content:center;width:${({$size:e})=>oe(e)};height:${({$size:e})=>oe(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;function jl({sendingStatus:e,file:t,metadata:n,onClickMedia:o,children:s}){const{aspectRatio:a,localFile:i}=n,[l]=d.useState(()=>i instanceof Blob?URL.createObjectURL(i):t.url),[c,u]=d.useState(!1),g=(()=>{if(!(!o||e==="failed"))return()=>o==null?void 0:o({...t,url:l})})(),p={onClick:g,$ratio:a,$clickable:!!g};return r.createElement(Kl,null,r.createElement(Zl,{...p},!c&&r.createElement(tn,{size:26},r.createElement(L,{type:"spinner",color:"textLowEmphasis",size:26})),r.createElement(Yl,{$loaded:c,src:l,alt:"image-message",onLoad:()=>u(!0)})),s)}const Kl=f.default.div`display:flex;flex-direction:column;align-items:flex-end;gap:${N.GAP_GROUPED}px;`,Zl=f.default.div`width:${N.BODY_MAX_WIDTH}px;border-radius:12px;overflow:hidden;cursor:${e=>e.$clickable?"pointer":"default"};height:auto;aspect-ratio:${e=>e.$ratio};position:relative;display:flex;align-items:center;justify-content:center;${D.light`
204
+ `,Vl=f.default.div`display:flex;flex-direction:column;gap:${N.GAP_GROUPED}px;`;function Gl({file:e,children:t,onClickFile:n,sendingStatus:o}){const s=(()=>{if(!(!n||o==="failed"))return()=>n==null?void 0:n(e)})();return r.createElement(Wl,null,r.createElement(Yt,{name:e.name,type:Vt(e.name,e.type),onClick:s}),t)}const Wl=f.default.div`display:flex;flex-direction:column;align-items:flex-end;gap:${N.GAP_GROUPED}px;`,tn=({className:e,children:t,size:n=26})=>r.createElement(ql,{className:e,$size:n},t??r.createElement(L,{type:"spinner",size:n})),ql=f.default.div`display:flex;align-items:center;justify-content:center;width:${({$size:e})=>oe(e)};height:${({$size:e})=>oe(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;function jl({sendingStatus:e,file:t,metadata:n,onClickMedia:o,children:s}){const{aspectRatio:a,localFile:i}=n,[l]=d.useState(()=>i instanceof Blob?URL.createObjectURL(i):t.url),[c,u]=d.useState(!1),g=(()=>{if(!(!o||e==="failed"))return()=>o==null?void 0:o({...t,url:l})})(),p={onClick:g,$ratio:a,$clickable:!!g};return r.createElement(Kl,null,r.createElement(Zl,{...p},!c&&r.createElement(tn,{size:26},r.createElement(L,{type:"spinner",color:"textLowEmphasis",size:26})),r.createElement(Yl,{$loaded:c,src:l,alt:"image-message",onLoad:()=>u(!0)})),s)}const Kl=f.default.div`display:flex;flex-direction:column;align-items:flex-end;gap:${N.GAP_GROUPED}px;`,Zl=f.default.div`width:${N.BODY_MAX_WIDTH}px;border-radius:12px;overflow:hidden;cursor:${e=>e.$clickable?"pointer":"default"};height:auto;aspect-ratio:${e=>e.$ratio};position:relative;display:flex;align-items:center;justify-content:center;${D.light`
205
205
  background-color: ${m.color.background100};
206
206
  `}
207
207
  ${D.dark`
@@ -214,20 +214,20 @@
214
214
  padding: 12px 0;
215
215
  transition: max-width 0.3s;
216
216
  overflow-wrap: break-word;
217
- `,Jl=f.default(I)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;function Ql(e){const{stringSet:t}=B(),n=()=>{const s=Zn(e)?r.createElement(Dn,{...e}):null;return e.messageType==="user"?s:e.messageType==="file"?e.file.type.startsWith("image")?r.createElement(jl,{...e},s):r.createElement(Gl,{...e},s):r.createElement(Dn,{...e,message:t.UNKNOWN__UNKNOWN_MESSAGE_TYPE})},o=e.sendingStatus==="failed"&&e.onClickFailedMessage;return r.createElement("div",{onClick:o?e.onClickFailedMessage:void 0,style:{display:"contents",cursor:o?"pointer":"default"}},n())}function ec({sendingStatus:e}){const t=A.useTheme();switch(e){case"pending":return r.createElement(tc,{size:16},r.createElement(L,{type:"spinner",color:t.colors.messageOutgoing.background,size:16}));case"failed":return r.createElement("div",{style:{marginBottom:2}},r.createElement(L,{type:"error",color:m.themedColor.error,size:16}));case"scheduled":case"canceled":return null;default:return r.createElement("div",{style:{marginBottom:2}},r.createElement(L,{type:"done",color:m.themedColor.secondary,size:16}))}}const tc=f.default(tn)`margin-bottom:2px;width:16px;height:16px;`;function nc({createdAt:e}){const{stringSet:t,format:n}=B();return e?r.createElement(I,{variant:"caption4",color:m.themedColor.textLowEmphasis},n(e,t.DATE_FORMAT__MESSAGE_TIMESTAMP)):null}const gt=ke({template:rc,components:{SendingStatus:ec,SentTime:nc,MessageBody:Ql}});function rc(e){const{components:t}=gt.useContext(),n=e.sendingStatus==="succeeded",o=e.groupType==="bottom"||e.groupType==="single";return r.createElement(oc,{$marginBottom:Vt(e.groupType)},r.createElement(sc,null,r.createElement(t.MessageBody,{...e})),o&&r.createElement(ac,{$extraEndPadding:8},n?r.createElement(t.SentTime,{...e}):r.createElement(t.SendingStatus,{...e})))}const oc=f.default.div`display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-bottom:${({$marginBottom:e})=>`${e}px`};
217
+ `,Jl=f.default(I)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;function Ql(e){const{stringSet:t}=B(),n=()=>{const s=Zn(e)?r.createElement(Dn,{...e}):null;return e.messageType==="user"?s:e.messageType==="file"?e.file.type.startsWith("image")?r.createElement(jl,{...e},s):r.createElement(Gl,{...e},s):r.createElement(Dn,{...e,message:t.UNKNOWN__UNKNOWN_MESSAGE_TYPE})},o=e.sendingStatus==="failed"&&e.onClickFailedMessage;return r.createElement("div",{onClick:o?e.onClickFailedMessage:void 0,style:{display:"contents",cursor:o?"pointer":"default"}},n())}function ec({sendingStatus:e}){const t=A.useTheme();switch(e){case"pending":return r.createElement(tc,{size:16},r.createElement(L,{type:"spinner",color:t.colors.messageOutgoing.background,size:16}));case"failed":return r.createElement("div",{style:{marginBottom:2}},r.createElement(L,{type:"error",color:m.themedColor.error,size:16}));case"scheduled":case"canceled":return null;default:return r.createElement("div",{style:{marginBottom:2}},r.createElement(L,{type:"done",color:m.themedColor.secondary,size:16}))}}const tc=f.default(tn)`margin-bottom:2px;width:16px;height:16px;`;function nc({createdAt:e}){const{stringSet:t,format:n}=B();return e?r.createElement(I,{variant:"caption4",color:m.themedColor.textLowEmphasis},n(e,t.DATE_FORMAT__MESSAGE_TIMESTAMP)):null}const ht=ke({template:rc,components:{SendingStatus:ec,SentTime:nc,MessageBody:Ql}});function rc(e){const{components:t}=ht.useContext(),n=e.sendingStatus==="succeeded",o=e.groupType==="bottom"||e.groupType==="single";return r.createElement(oc,{$marginBottom:Gt(e.groupType)},r.createElement(sc,null,r.createElement(t.MessageBody,{...e})),o&&r.createElement(ac,{$extraEndPadding:8},n?r.createElement(t.SentTime,{...e}):r.createElement(t.SendingStatus,{...e})))}const oc=f.default.div`display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-bottom:${({$marginBottom:e})=>`${e}px`};
218
218
  `,yr=f.default.div`display:flex;align-self:stretch;justify-content:flex-end;${({$startPadding:e=N.HORIZONTAL_PADDING,$endPadding:t=N.HORIZONTAL_PADDING,$extraEndPadding:n=0})=>`padding-inline: ${e}px ${t+n}px;`};
219
- `,sc=f.default(yr)``,ac=f.default(yr)`margin-top:${N.BODY_TIME_GAP}px;`;function ic(e){return e.messageType!=="admin"?null:r.createElement(lc,null,r.createElement(I,{variant:"caption2",color:m.themedColor.textMidEmphasis},cc(Wn.default.sanitize(e.message))))}const lc=f.default.div`text-align:center;text-wrap:pretty;word-break:break-word;padding-inline:${N.HORIZONTAL_PADDING}px;a{text-decoration:none;color:inherit;}`,cc=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(p=>!!p);if(!i.length){t.push(n);break}const l=i.reduce((p,x)=>x.match.index<p.match.index?x:p),{match:c,type:u}=l,g=c.index;g>0&&t.push(n.slice(0,g)),u==="link"?t.push(r.createElement("a",{key:o++,href:c[2],target:"_blank",rel:ut},c[1])):u==="bold"&&t.push(r.createElement("strong",{key:o++},c[1])),n=n.slice(g+c[0].length)}return t.filter(s=>s!=="")}catch{return[e]}},Cr=({onClick:e,checked:t,label:n,disabled:o,labelVariant:s="caption2"})=>{const a=t?m.themedColor.primary:o?m.themedColor.textDisabled:m.themedColor.textLowEmphasis,i=t?m.themedColor.textHighEmphasis:o?m.themedColor.textLowEmphasis:m.themedColor.textHighEmphasis;return r.createElement(mc,{onClick:e,disabled:o},r.createElement(dc,null,r.createElement(L,{size:20,type:t?"radio-on":"radio-off",color:a})),r.createElement(uc,{variant:s,color:i},n))},dc=f.default.div`width:20px;height:20px;`,uc=f.default(I)`line-height:20px;word-break:break-word;`,mc=f.default.button`all:unset;display:flex;align-items:flex-start;justify-content:flex-start;gap:2px;&:enabled{cursor:pointer;}`,gc=({csatPayload:e,submitted:t,defaultValue:n,value:o,onChange:s})=>(d.useEffect(()=>{typeof o>"u"&&typeof n=="boolean"&&(s==null||s(n))},[o,n]),e.cre?r.createElement(hc,null,r.createElement(q.Label,{required:e.cre.required},e.cre.question),r.createElement(fc,null,[{label:e.cre.positive_label,value:!0},{label:e.cre.negative_label,value:!1}].map(a=>r.createElement(Cr,{key:a.label,checked:o===a.value,label:a.label,disabled:t,onClick:()=>s==null?void 0:s(a.value)})))):null),hc=f.default.div`display:flex;flex-direction:column;gap:8px;`,fc=f.default.div`display:flex;flex-direction:column;gap:8px;`,pc=({followUpItem:e,submitted:t,value:n="",onChange:o,hasError:s})=>{const{stringSet:a}=B();return r.createElement(bc,null,r.createElement(q.Label,{required:e.required},e.question),e.response_type==="free_text"&&r.createElement(q.TextInput,{variant:"multi-line",disabled:t,submitted:t,maxLength:100,value:n,onChange:i=>o(i),error:s}),e.response_type==="single_choice"&&r.createElement(Ec,null,e.options.map(i=>r.createElement(Cr,{key:i,checked:n===i,label:i,disabled:t,onClick:()=>o==null?void 0:o(i),labelVariant:"body3"}))),s&&r.createElement(q.ErrorLabel,null,a.FORM_VALIDATION_REQUIRED))},bc=f.default.div`display:flex;flex-direction:column;gap:8px;`,Ec=f.default.div`display:flex;flex-direction:column;gap:8px;`,xc=({value:e,selected:t,label:n})=>r.createElement(vc,{$selected:t,"aria-label":n},yc[e-1]),vc=f.default.div`user-select:none;-webkit-user-drag:none;width:40px;height:40px;aspect-ratio:1;opacity:${({$selected:e})=>e?1:.38};`,yc=[r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},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"})))),r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none"},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"})),r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none"},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"})),r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none"},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"})),r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none"},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)"}))))],Cc=({csatPayload:e,submitted:t,value:n,onChange:o})=>{const s=typeof n>"u";return r.createElement(Sc,null,r.createElement(I,{variant:"caption3",color:m.themedColor.textMidEmphasis},e.csat_question),r.createElement(Tc,null,e.csat_scores.map(({label:a,image_url:i},l)=>{const c=l+1,u=n===c;return r.createElement(Ac,{key:l,disabled:t,onClick:()=>o(c)},r.createElement(_c,{value:c,selected:s||u,label:a,src:i}),!!a&&r.createElement(I,{color:u?m.themedColor.textHighEmphasis:m.themedColor.textLowEmphasis,variant:"caption3"},a))})))},_c=({value:e,src:t,label:n,selected:o})=>{const[s,a]=d.useState(!1),i=s?r.createElement(xc,{value:e,selected:o,label:n}):r.createElement(kc,{$selected:o,"aria-label":n,src:t,onError:()=>a(!0)});return r.createElement(wc,null,i)},Sc=f.default.div`display:flex;flex-direction:column;gap:8px;`,Tc=f.default.div`display:flex;justify-content:space-between;align-self:center;width:100%;max-width:400px;gap:16px;`,Ac=f.default.button`background-color:transparent;border:none;gap:4px;display:flex;flex-direction:column;align-items:center;justify-content:start;box-sizing:border-box;min-width:48px;max-width:68px;&:hover:not(:disabled) span{color:${m.themedColor.textHighEmphasis};}`,wc=f.default.div`button:hover:not(:disabled) &{border-radius:4px;cursor:pointer;background-color:${m.color.background200};${D.dark`
219
+ `,sc=f.default(yr)``,ac=f.default(yr)`margin-top:${N.BODY_TIME_GAP}px;`;function ic(e){return e.messageType!=="admin"?null:r.createElement(lc,null,r.createElement(I,{variant:"caption2",color:m.themedColor.textMidEmphasis},cc(Wn.default.sanitize(e.message))))}const lc=f.default.div`text-align:center;text-wrap:pretty;word-break:break-word;padding-inline:${N.HORIZONTAL_PADDING}px;a{text-decoration:none;color:inherit;}`,cc=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(p=>!!p);if(!i.length){t.push(n);break}const l=i.reduce((p,x)=>x.match.index<p.match.index?x:p),{match:c,type:u}=l,g=c.index;g>0&&t.push(n.slice(0,g)),u==="link"?t.push(r.createElement("a",{key:o++,href:c[2],target:"_blank",rel:mt},c[1])):u==="bold"&&t.push(r.createElement("strong",{key:o++},c[1])),n=n.slice(g+c[0].length)}return t.filter(s=>s!=="")}catch{return[e]}},Cr=({onClick:e,checked:t,label:n,disabled:o,labelVariant:s="caption2"})=>{const a=t?m.themedColor.primary:o?m.themedColor.textDisabled:m.themedColor.textLowEmphasis,i=t?m.themedColor.textHighEmphasis:o?m.themedColor.textLowEmphasis:m.themedColor.textHighEmphasis;return r.createElement(mc,{onClick:e,disabled:o},r.createElement(dc,null,r.createElement(L,{size:20,type:t?"radio-on":"radio-off",color:a})),r.createElement(uc,{variant:s,color:i},n))},dc=f.default.div`width:20px;height:20px;`,uc=f.default(I)`line-height:20px;word-break:break-word;`,mc=f.default.button`all:unset;display:flex;align-items:flex-start;justify-content:flex-start;gap:2px;&:enabled{cursor:pointer;}`,gc=({csatPayload:e,submitted:t,defaultValue:n,value:o,onChange:s})=>(d.useEffect(()=>{typeof o>"u"&&typeof n=="boolean"&&(s==null||s(n))},[o,n]),e.cre?r.createElement(hc,null,r.createElement(q.Label,{required:e.cre.required},e.cre.question),r.createElement(fc,null,[{label:e.cre.positive_label,value:!0},{label:e.cre.negative_label,value:!1}].map(a=>r.createElement(Cr,{key:a.label,checked:o===a.value,label:a.label,disabled:t,onClick:()=>s==null?void 0:s(a.value)})))):null),hc=f.default.div`display:flex;flex-direction:column;gap:8px;`,fc=f.default.div`display:flex;flex-direction:column;gap:8px;`,pc=({followUpItem:e,submitted:t,value:n="",onChange:o,hasError:s})=>{const{stringSet:a}=B();return r.createElement(bc,null,r.createElement(q.Label,{required:e.required},e.question),e.response_type==="free_text"&&r.createElement(q.TextInput,{variant:"multi-line",disabled:t,submitted:t,maxLength:100,value:n,onChange:i=>o(i),error:s}),e.response_type==="single_choice"&&r.createElement(Ec,null,e.options.map(i=>r.createElement(Cr,{key:i,checked:n===i,label:i,disabled:t,onClick:()=>o==null?void 0:o(i),labelVariant:"body3"}))),s&&r.createElement(q.ErrorLabel,null,a.FORM_VALIDATION_REQUIRED))},bc=f.default.div`display:flex;flex-direction:column;gap:8px;`,Ec=f.default.div`display:flex;flex-direction:column;gap:8px;`,xc=({value:e,selected:t,label:n})=>r.createElement(vc,{$selected:t,"aria-label":n},yc[e-1]),vc=f.default.div`user-select:none;-webkit-user-drag:none;width:40px;height:40px;aspect-ratio:1;opacity:${({$selected:e})=>e?1:.38};`,yc=[r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},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"})))),r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none"},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"})),r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none"},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"})),r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none"},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"})),r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none"},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)"}))))],Cc=({csatPayload:e,submitted:t,value:n,onChange:o})=>{const s=typeof n>"u";return r.createElement(Sc,null,r.createElement(I,{variant:"caption3",color:m.themedColor.textMidEmphasis},e.csat_question),r.createElement(Tc,null,e.csat_scores.map(({label:a,image_url:i},l)=>{const c=l+1,u=n===c;return r.createElement(Ac,{key:l,disabled:t,onClick:()=>o(c)},r.createElement(_c,{value:c,selected:s||u,label:a,src:i}),!!a&&r.createElement(I,{color:u?m.themedColor.textHighEmphasis:m.themedColor.textLowEmphasis,variant:"caption3"},a))})))},_c=({value:e,src:t,label:n,selected:o})=>{const[s,a]=d.useState(!1),i=s?r.createElement(xc,{value:e,selected:o,label:n}):r.createElement(kc,{$selected:o,"aria-label":n,src:t,onError:()=>a(!0)});return r.createElement(wc,null,i)},Sc=f.default.div`display:flex;flex-direction:column;gap:8px;`,Tc=f.default.div`display:flex;justify-content:space-between;align-self:center;width:100%;max-width:400px;gap:16px;`,Ac=f.default.button`background-color:transparent;border:none;gap:4px;display:flex;flex-direction:column;align-items:center;justify-content:start;box-sizing:border-box;min-width:48px;max-width:68px;&:hover:not(:disabled) span{color:${m.themedColor.textHighEmphasis};}`,wc=f.default.div`button:hover:not(:disabled) &{border-radius:4px;cursor:pointer;background-color:${m.color.background200};${D.dark`
220
220
  background-color: ${m.color.background500};
221
221
  `}
222
222
  }
223
- `,kc=f.default.img`user-select:none;-webkit-user-drag:none;width:40px;height:40px;aspect-ratio:1;opacity:${({$selected:e})=>e?1:.38};`,Ic=({csatPayload:e})=>r.createElement(I,{variant:"button",color:m.themedColor.textHighEmphasis},e.title),St=({csatPayload:e,type:t,renderSubmitButton:n,initialCsat:o,initialCsatReason:s,initialIsResolved:a})=>{const{params:i,setParams:l,error:c,setError:u,followUpItem:g,state:p,validateParams:x,itemProps:C}=qs({csatPayload:e,type:t,initialCsat:o,initialCsatReason:s,initialIsResolved:a});return r.createElement(r.Fragment,null,r.createElement($c,null,r.createElement(Ic,{...C}),t===re.AI_AGENT_CSAT_5_WITH_CRE&&r.createElement(gc,{...C,defaultValue:a,value:i.isResolved,onChange:v=>l({isResolved:v})}),r.createElement(Cc,{...C,value:i.csat,onChange:v=>l({csat:v})}),g&&r.createElement(pc,{...C,followUpItem:g,value:i.csatReason,onChange:v=>{l({csatReason:v}),u({followUpItem:!1})},hasError:c.followUpItem})),p!=="unsubmittable"&&r.createElement(r.Fragment,null,r.createElement(q.Separator,null),n({state:p,params:i,validateParams:x})))},$c=f.default.div`display:flex;flex-direction:column;gap:12px;`,Mc=e=>{const{stringSet:t}=B();return go(e,{title:t.CSAT_TITLE_UNSUBMITTED,question:t.CSAT_RATING_TITLE,cre:{question:t.CSAT_CRE_TITLE,positive_label:t.CSAT_CRE_SOLVED,negative_label:t.CSAT_CRE_NOT_SOLVED},followUp:{question:t.CSAT_REASON_PLACEHOLDER},submit_label:t.CSAT_SUBMIT_LABEL,submitted_label:t.CSAT_TITLE_SUBMITTED})},Lc=()=>{const{stringSet:e}=B();return r.createElement(I,{variant:"body2",color:m.themedColor.textMidEmphasis,style:{textAlign:"center"}},e.CSAT_SUBMISSION_EXPIRED)},Oc=e=>{if(e.messageType!=="admin.csat")throw new Error("Invalid message type");const{extendedMessagePayload:t,onSubmitCSAT:n}=e,{csat:o,csatReason:s,csatExpireAt:a,isResolvedWhenDeterminedByUser:i}=e,l=Fe.useForceUpdate(),c=Mc(t==null?void 0:t.csat);if(!c||!c.visibility||!re[c.type])return null;const u=c.type===re.AI_AGENT_CSAT_5||c.type===re.AI_AGENT_CSAT_5_WITH_CRE||c.type===re.HELPDESK_CSAT_5?St:()=>null;return r.createElement(Dc,null,!o&&un(a)?r.createElement(Lc,null):r.createElement(u,{csatPayload:c,type:c.type,initialCsat:o,initialCsatReason:s,initialIsResolved:i,renderSubmitButton:({state:g,params:p,validateParams:x})=>r.createElement(Rc,{$state:g,disabled:g==="submitted",onClick:()=>{!un(a)&&x()?n({csatType:p.csatType,csat:p.csat,csatReason:p.csatReason,isResolved:p.isResolved,csatStartedAt:p.csatStartedAt,resolutionScore:p.resolutionScore}):l()}},r.createElement(I,{variant:"button"},g==="submitted"?c.csat_submitted_label:c.csat_submit_label))}))},Dc=f.default.div`display:flex;flex-direction:column;background-color:${({theme:e})=>e.colors.csat.background};border-radius:16px;gap:16px;padding:16px;`,Rc=f.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;text-align:center;word-break:break-word;&:hover{background-color:${m.color.primary.dark};}&:disabled{color:${({$state:e})=>e==="submitted"?m.themedColor.textHighEmphasis:m.color.ondark.textLowEmphasis};background-color:${m.themedColor.textDisabled};cursor:not-allowed;}`,ht=ke({template:Nc,components:{AdminMessage:ic,CSATMessage:Oc}});function Nc(e){const{components:t}=ht.useContext(),n=e.messageType==="admin"?r.createElement(t.AdminMessage,{...e}):e.messageType==="admin.csat"?r.createElement(t.CSATMessage,{...e}):null;return r.createElement(Pc,{$marginBottom:Vt(e.groupType)},n)}const Pc=f.default.div`padding-inline:${N.HORIZONTAL_PADDING}px;margin-bottom:${({$marginBottom:e})=>e}px;`,Rn={file:"attach",snippet:"snippet",site:"website",sb_sprinklr:"sprinklr",sb_salesforce:"salesforce",sb_confluence:"confluence",sb_zendesk:"zendesk",sb_desk:"snippet"},_r=({actionbook:e,functionCalls:t,groundedness:n,agentMessageTemplates:o,onClickActionbook:s,onClickFunctionCall:a,onClickFunctionCallDetail:i,onClickGroundedness:l,onClickAgentMessageTemplate:c,bottomContent:u,renderCustomGroundednessIcon:g=x=>x.default,style:p={}})=>{const{iconColor:x="#000000",textColor:C="#000000",highlightColor:v=dr.DEFAULT_PRIMARY}=p;return r.createElement(Nn,null,e&&r.createElement(Nn,null,r.createElement(at,null,r.createElement(Je,null,r.createElement(L,{size:16,type:"actionbook",color:x})),r.createElement(Xe,{$clickable:!!s,$highlightColor:v,variant:"body2",color:C,onClick:()=>s==null?void 0:s(e),maxTextLines:1},e.name))),t==null?void 0:t.map(E=>r.createElement(Tt,{key:E.key},r.createElement(Je,null,r.createElement(L,{size:16,type:"function",color:x})),r.createElement(at,null,r.createElement(Xe,{$clickable:!!a,$highlightColor:v,variant:"body2",color:C,onClick:()=>a==null?void 0:a(E),maxTextLines:1},E.name),i&&r.createElement(Fc,{role:"button",onClick:()=>i==null?void 0:i(E)},r.createElement(I,{variant:"body2",color:v},"View details"),r.createElement(L,{type:"chevron-right",size:16,color:v}))))),n==null?void 0:n.map(E=>r.createElement(Tt,{key:E.id},r.createElement(Je,null,g({default:r.createElement(L,{size:16,type:Rn[E.source_type]??Rn.snippet,color:x}),sourceType:E.source_type})),r.createElement(Xe,{$clickable:!!l,$highlightColor:v,variant:"body2",color:C,onClick:()=>l==null?void 0:l(E),maxTextLines:1},E.preview_title))),o==null?void 0:o.map(E=>r.createElement(Tt,{key:E.key},r.createElement(Je,null,r.createElement(L,{size:16,type:"template",color:x})),r.createElement(Xe,{$clickable:!!c,$highlightColor:v,variant:"body2",color:C,onClick:()=>c==null?void 0:c(E),maxTextLines:1},E.name))),u)},Bc=f.default(I)`font-weight:400;`,Xe=f.default(Bc)`${({$clickable:e,$highlightColor:t})=>e&&A.css`
223
+ `,kc=f.default.img`user-select:none;-webkit-user-drag:none;width:40px;height:40px;aspect-ratio:1;opacity:${({$selected:e})=>e?1:.38};`,Ic=({csatPayload:e})=>r.createElement(I,{variant:"button",color:m.themedColor.textHighEmphasis},e.title),Tt=({csatPayload:e,type:t,renderSubmitButton:n,initialCsat:o,initialCsatReason:s,initialIsResolved:a})=>{const{params:i,setParams:l,error:c,setError:u,followUpItem:g,state:p,validateParams:x,itemProps:C}=qs({csatPayload:e,type:t,initialCsat:o,initialCsatReason:s,initialIsResolved:a});return r.createElement(r.Fragment,null,r.createElement($c,null,r.createElement(Ic,{...C}),t===re.AI_AGENT_CSAT_5_WITH_CRE&&r.createElement(gc,{...C,defaultValue:a,value:i.isResolved,onChange:v=>l({isResolved:v})}),r.createElement(Cc,{...C,value:i.csat,onChange:v=>l({csat:v})}),g&&r.createElement(pc,{...C,followUpItem:g,value:i.csatReason,onChange:v=>{l({csatReason:v}),u({followUpItem:!1})},hasError:c.followUpItem})),p!=="unsubmittable"&&r.createElement(r.Fragment,null,r.createElement(q.Separator,null),n({state:p,params:i,validateParams:x})))},$c=f.default.div`display:flex;flex-direction:column;gap:12px;`,Mc=e=>{const{stringSet:t}=B();return go(e,{title:t.CSAT_TITLE_UNSUBMITTED,question:t.CSAT_RATING_TITLE,cre:{question:t.CSAT_CRE_TITLE,positive_label:t.CSAT_CRE_SOLVED,negative_label:t.CSAT_CRE_NOT_SOLVED},followUp:{question:t.CSAT_REASON_PLACEHOLDER},submit_label:t.CSAT_SUBMIT_LABEL,submitted_label:t.CSAT_TITLE_SUBMITTED})},Lc=()=>{const{stringSet:e}=B();return r.createElement(I,{variant:"body2",color:m.themedColor.textMidEmphasis,style:{textAlign:"center"}},e.CSAT_SUBMISSION_EXPIRED)},Oc=e=>{if(e.messageType!=="admin.csat")throw new Error("Invalid message type");const{extendedMessagePayload:t,onSubmitCSAT:n}=e,{csat:o,csatReason:s,csatExpireAt:a,isResolvedWhenDeterminedByUser:i}=e,l=Fe.useForceUpdate(),c=Mc(t==null?void 0:t.csat);if(!c||!c.visibility||!re[c.type])return null;const u=c.type===re.AI_AGENT_CSAT_5||c.type===re.AI_AGENT_CSAT_5_WITH_CRE||c.type===re.HELPDESK_CSAT_5?Tt:()=>null;return r.createElement(Dc,null,!o&&un(a)?r.createElement(Lc,null):r.createElement(u,{csatPayload:c,type:c.type,initialCsat:o,initialCsatReason:s,initialIsResolved:i,renderSubmitButton:({state:g,params:p,validateParams:x})=>r.createElement(Rc,{$state:g,disabled:g==="submitted",onClick:()=>{!un(a)&&x()?n({csatType:p.csatType,csat:p.csat,csatReason:p.csatReason,isResolved:p.isResolved,csatStartedAt:p.csatStartedAt,resolutionScore:p.resolutionScore}):l()}},r.createElement(I,{variant:"button"},g==="submitted"?c.csat_submitted_label:c.csat_submit_label))}))},Dc=f.default.div`display:flex;flex-direction:column;background-color:${({theme:e})=>e.colors.csat.background};border-radius:16px;gap:16px;padding:16px;`,Rc=f.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;text-align:center;word-break:break-word;&:hover{background-color:${m.color.primary.dark};}&:disabled{color:${({$state:e})=>e==="submitted"?m.themedColor.textHighEmphasis:m.color.ondark.textLowEmphasis};background-color:${m.themedColor.textDisabled};cursor:not-allowed;}`,ft=ke({template:Nc,components:{AdminMessage:ic,CSATMessage:Oc}});function Nc(e){const{components:t}=ft.useContext(),n=e.messageType==="admin"?r.createElement(t.AdminMessage,{...e}):e.messageType==="admin.csat"?r.createElement(t.CSATMessage,{...e}):null;return r.createElement(Pc,{$marginBottom:Gt(e.groupType)},n)}const Pc=f.default.div`padding-inline:${N.HORIZONTAL_PADDING}px;margin-bottom:${({$marginBottom:e})=>e}px;`,Rn={file:"attach",snippet:"snippet",site:"website",sb_sprinklr:"sprinklr",sb_salesforce:"salesforce",sb_confluence:"confluence",sb_zendesk:"zendesk",sb_desk:"snippet"},_r=({actionbook:e,functionCalls:t,groundedness:n,agentMessageTemplates:o,onClickActionbook:s,onClickFunctionCall:a,onClickFunctionCallDetail:i,onClickGroundedness:l,onClickAgentMessageTemplate:c,bottomContent:u,renderCustomGroundednessIcon:g=x=>x.default,style:p={}})=>{const{iconColor:x="#000000",textColor:C="#000000",highlightColor:v=dr.DEFAULT_PRIMARY}=p;return r.createElement(Nn,null,e&&r.createElement(Nn,null,r.createElement(at,null,r.createElement(Je,null,r.createElement(L,{size:16,type:"actionbook",color:x})),r.createElement(Xe,{$clickable:!!s,$highlightColor:v,variant:"body2",color:C,onClick:()=>s==null?void 0:s(e),maxTextLines:1},e.name))),t==null?void 0:t.map(E=>r.createElement(At,{key:E.key},r.createElement(Je,null,r.createElement(L,{size:16,type:"function",color:x})),r.createElement(at,null,r.createElement(Xe,{$clickable:!!a,$highlightColor:v,variant:"body2",color:C,onClick:()=>a==null?void 0:a(E),maxTextLines:1},E.name),i&&r.createElement(Fc,{role:"button",onClick:()=>i==null?void 0:i(E)},r.createElement(I,{variant:"body2",color:v},"View details"),r.createElement(L,{type:"chevron-right",size:16,color:v}))))),n==null?void 0:n.map(E=>r.createElement(At,{key:E.id},r.createElement(Je,null,g({default:r.createElement(L,{size:16,type:Rn[E.source_type]??Rn.snippet,color:x}),sourceType:E.source_type})),r.createElement(Xe,{$clickable:!!l,$highlightColor:v,variant:"body2",color:C,onClick:()=>l==null?void 0:l(E),maxTextLines:1},E.preview_title))),o==null?void 0:o.map(E=>r.createElement(At,{key:E.key},r.createElement(Je,null,r.createElement(L,{size:16,type:"template",color:x})),r.createElement(Xe,{$clickable:!!c,$highlightColor:v,variant:"body2",color:C,onClick:()=>c==null?void 0:c(E),maxTextLines:1},E.name))),u)},Bc=f.default(I)`font-weight:400;`,Xe=f.default(Bc)`${({$clickable:e,$highlightColor:t})=>e&&A.css`
224
224
  cursor: pointer;
225
225
  text-decoration: underline;
226
226
  &:hover {
227
227
  color: ${t};
228
228
  }
229
229
  `}
230
- `,Je=f.default.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`,at=f.default.div`display:flex;gap:8px;align-items:center;word-break:break-word;`,Fc=f.default(at)`cursor:pointer;gap:4px;`,Tt=f.default(at)`flex-direction:row;align-items:center;`,Nn=f.default.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`,Sr=d.createContext(null);function Uc({testerType:e,origin:t,children:n}){return r.createElement(Sr.Provider,{value:{testerType:e,isActionbookTester:e==="actionbook",origin:t}},e&&r.createElement(Hc,null),n)}const $e=()=>{const e=d.useContext(Sr);if(!e)throw new Error("_UNSAFE_INTERNAL_DashboardTesterProvider not found");return e},Hc=()=>{const{isActionbookTester:e}=$e();return r.createElement(we.Template,{template:e?zc:void 0},r.createElement(we.MessageLogs,{component:Vc}))},zc=e=>r.createElement(vr,{...e,testerMode:!0,maxBodyWidth:N.WIDE_BODY_MAX_WIDTH}),Vc=({extendedMessagePayload:e={}})=>{const{handlers:t}=G(),{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(Gc,null,r.createElement(Wc,{width:4}),r.createElement(_r,{actionbook:n,functionCalls:s,groundedness:o,agentMessageTemplates:a,onClickFunctionCallDetail:t==null?void 0:t.onFunctionCallDetailClick,style:{iconColor:m.themedColor.textHighEmphasis,textColor:m.themedColor.textHighEmphasis,barColor:m.themedColor.textDisabled},bottomContent:r.createElement(qc,{variant:"caption2",color:m.themedColor.textLowEmphasis},"Only visible in the tester")}))},Gc=f.default.div`display:flex;gap:16px;margin:16px ${N.HORIZONTAL_PADDING}px 0;align-self:stretch;`,Wc=f.default.div`width:${({width:e})=>e}px;background-color:${m.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`,qc=f.default(I)`margin-top:5px;`,jc=e=>{const{chatSDK:t,handlers:n,logger:o}=G(),{aiAgentInfo:s}=Y(),a=d.useRef(new Set),i=g=>{if(!(n!=null&&n.onCustomEvent))return;ue(g)&&g.sender.userId===s.userId&&!ye.isStreaming(g)&&!a.current.has(g.messageId)&&(o.debug("useCustomEventForMessageReceive: bot-message-received",g),n.onCustomEvent({type:"bot-message-received",data:{message:g}}),a.current.add(g.messageId))},l=g=>{if(n!=null&&n.onCustomEvent&&g.isAdminMessage()&&g.customType==="user_action_required"&&!a.current.has(g.messageId)){const p=It(g.data);Array.isArray(p.history)&&p.history.length===0&&(o.debug("useCustomEventForMessageReceive: user_action_required",p),n.onCustomEvent({type:"user-action-requested",data:p}),a.current.add(g.messageId))}},c=(g,p)=>{g.url===e&&(i(p),l(p))},u=g=>{l(g)};return Fe.useGroupChannelHandler(t,{onMessageUpdated:c,onMessageReceived:c}),{checkForUserActionRequired:u}};function Kc(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 Zc(e){if("file"in e&&e.file instanceof File&&e.file.type.startsWith("image/")){const{width:t,height:n}=await Kc(e.file);return new Te.MessageMetaArray({key:qn,value:[t,n]})}}const Yc=({onScrollAfterSendMessage:e})=>{const{agentPreviewConfigs:t,handlers:n}=G(),o=d.useRef(t==null?void 0:t.agentAttributes);return o.current=t==null?void 0:t.agentAttributes,{onBeforeSendMessage:async s=>{const a=await Zc(s),i={...s,metaArrays:a?[a]:void 0},l=Xc(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===Te.SendingStatus.SUCCEEDED?(i=n==null?void 0:n.onCustomEvent)==null||i.call(n,{type:"message-sent-succeeded",data:{message:s}}):s.sendingStatus===Te.SendingStatus.PENDING&&((l=n==null?void 0:n.onCustomEvent)==null||l.call(n,{type:"message-sent-pending",data:{message:s}}))}}},Xc=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},Tr=50,At=Tr-20,{Provider:Jc,useContext:Qc}=Z("ConversationScroll"),Pn={viewport:0,contentHeight:0,contentSnapshotHeight:0,shouldRecalc:!1,shouldUpdate:!1};function ed({scrollMode:e,children:t}){const n=d.useRef(null),o=d.useRef(null),s=d.useRef(Pn),a=d.useRef(!1),i=d.useRef(null),[l,c]=d.useState(0),[u,g]=d.useState(0),[p,x]=d.useState(!1),[C,v]=d.useState(!1),[E,b]=d.useState(!1),h=d.useMemo(()=>p?"auto":e,[p,e]),y=d.useCallback(T=>{i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{v(!1)},T)},[]),_=()=>{s.current.contentSnapshotHeight=s.current.contentHeight,s.current.shouldUpdate=!0,s.current.shouldRecalc=!0},M=()=>{const T=n.current;!T||!s.current.shouldUpdate||c(O=>{s.current.shouldUpdate=!1;const{contentHeight:H,contentSnapshotHeight:ie,shouldRecalc:le}=s.current,ee=T.clientHeight;if(ie>H)return O;const Me=S(T,{messageType:"outgoing"});let fe=0;if(Me){const pe=Me.message.offsetTop-At+ee;fe=Math.max(0,pe-H)}else{const pe=H-ie,He=ee-At;fe=Math.max(0,pe-He)}return O===0||fe!==O||le?(s.current.shouldRecalc=!1,fe):O})},S=d.useCallback((T,O)=>{const{messageType:H="all"}=O??{},ie=Array.from(T.querySelectorAll(`#${te}-message-item`));let le=ie;H==="outgoing"&&(le=ie.filter(Et=>Et.getAttribute("data-layout-id")==="outgoingmessage"));const ee=le[le.length-1];if(!ee)return null;const Me=T.getBoundingClientRect(),fe=ee.getBoundingClientRect(),pe=T.scrollTop+(fe.top-Me.top),He=pe+ee.offsetHeight;return{message:ee,scrollTop:pe,lastMessageBottom:He}},[]),w=d.useCallback(()=>{const T=n.current;if(!T||h!=="fixed")return;const O=S(T);s.current.contentHeight=(O==null?void 0:O.lastMessageBottom)??T.scrollHeight,!a.current&&s.current.contentSnapshotHeight>0&&_();const H=Math.max(0,T.scrollHeight-T.scrollTop-T.clientHeight);g(H),M()},[h,S]),$=d.useCallback(()=>{o.current&&(o.current.disconnect(),o.current=null),s.current=Pn,c(0),g(0)},[]),R=d.useCallback((T=!0)=>{const O=n.current;O&&O.scrollTo({top:O.scrollHeight,behavior:T?"smooth":"auto"})},[]),X=d.useCallback(T=>{T&&(n.current=T,h==="fixed"&&($(),s.current.viewport=T.clientHeight,o.current=new MutationObserver(()=>{w()}),o.current.observe(T,{childList:!0,subtree:!0})))},[h,w,$]),J=d.useCallback(()=>{const T=n.current;if(!T)return;const O=S(T,{messageType:"outgoing"});O&&(T.scrollTo({top:O.message.offsetTop-At,behavior:"smooth"}),y(500))},[S,y]),se=T=>{const{scrollHeight:O,scrollTop:H,clientHeight:ie}=T.currentTarget,le=Math.max(0,O-H-ie);g(le)},ge=d.useCallback(()=>{h==="fixed"&&(v(!0),_())},[h]),he=d.useCallback(()=>{h==="fixed"?setTimeout(()=>J(),300):R()},[h,J]),Se=d.useCallback(T=>{a.current=T,h==="fixed"&&_()},[h]),V=d.useCallback(T=>{x(T)},[]),k=d.useCallback(T=>{b(T),h==="auto"&&T&&R(!0)},[h,R]),P=!(u<=Tr)&&!C&&!E;return r.createElement(Jc,{value:{ref:X,state:{bottomSpace:l,shouldShowScrollButton:P},props:{onScroll:se},actions:{scrollToBottom:R,onBeforeMessageSend:ge,onAfterMessageSend:he,onStreamingUpdate:Se,onConversationClosed:V,onTypingIndicatorUpdate:k}}},t)}const{Provider:td,Context:nd,useContext:Q}=Z("Conversation"),rd=({children:e})=>{var s;const{channelSource:t}=Q(),n=(s=t.channel)==null?void 0:s.url,{checkForUserActionRequired:o}=jc(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)},Ar=({channelUrl:e,onClearChannelUrl:t,onNavigateToConversationList:n,shouldMarkAsRead:o,children:s})=>{var y;const{config:a}=W(),{activeChannel:i,refreshActiveChannel:l,aiAgentInfo:c}=Y(),{testerType:u}=$e(),g=Qc(),p=((y=a==null?void 0:a.conversation)==null?void 0:y.scrollMode)??"auto",{onBeforeSendMessage:x,onAfterSendMessage:C}=Yc({onScrollAfterSendMessage:()=>{g.actions.onAfterMessageSend()}}),v=e||(i==null?void 0:i.url),E=d.useCallback(_=>(g.actions.onBeforeMessageSend(),x(_)),[g.actions,x]),b=d.useCallback(_=>{const M=_.some(S=>ye.isStreaming(S));if(g.actions.onStreamingUpdate(M),p==="auto"){const S=_[_.length-1];S&&ye.shouldScrollToBottom(S,c.userId,!!u)&&setTimeout(()=>g.actions.scrollToBottom(!0),100)}},[g.actions,p,c.userId,u]),h=d.useCallback(async()=>{await l(),e&&(t==null||t())},[l,e,t]);return r.createElement(Es,{channelUrl:v,onBeforeSendMessage:E,onAfterSendMessage:C,onMessagesUpdated:b,onMessagesReceived:b,onChannelDeleted:h,shouldMarkAsRead:o},_=>r.createElement(td,{value:{..._,scrollSource:g,goToActiveConversation:h,onNavigateToConversationList:n}},r.createElement(rd,null,s)))},nn=d.createContext({onDrop:ve,subscribe:()=>ve}),Bt=({children:e})=>{const t=d.useRef(new Set);return r.createElement(nn.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)},od=({onDropFiles:e})=>{const{subscribe:t}=d.useContext(nn);d.useEffect(()=>t(e),[e])};Bt.Consumer=({children:e})=>{const{onDrop:t}=d.useContext(nn);return e({onDrop:t,onDragOver:s=>s.preventDefault()})};const rn=({iconSize:e=64,icon:t,className:n,label:o,children:s})=>r.createElement(ad,{className:n},t&&r.createElement(L,{type:t,size:e,color:m.themedColor.textLowEmphasis}),o&&r.createElement(I,{variant:"body1",color:m.themedColor.textMidEmphasis},o),s),sd=f.default.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`,ad=f.default.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`,id=({label:e="Something went wrong",icon:t="error",action:n,...o})=>r.createElement(rn,{icon:t,label:e,...o},n&&r.createElement(ld,{onClick:n.onClick,label:n.label??"Retry"})),ld=({label:e,onClick:t})=>r.createElement(cd,{tabIndex:0,onClick:t},r.createElement(L,{type:"refresh",size:20}),r.createElement(I,{variant:"button",color:m.color.primary.main},e)),cd=f.default.button`all:unset;display:flex;cursor:pointer;gap:4px;align-items:center;justify-content:center;`,dd=({iconSize:e=48,className:t})=>r.createElement(tn,{size:e,className:t}),ud=({label:e="No channels",icon:t="chat",...n})=>r.createElement(rn,{icon:t,label:e,...n}),md=({label:e="No messages",icon:t="message",...n})=>r.createElement(rn,{icon:t,label:e,...n}),gd=e=>{const{components:t}=ft.useContext(),n=e.type==="loading"?r.createElement(t.Loading,{...e}):e.type==="error"?r.createElement(t.Error,{...e}):e.type==="noChannels"?r.createElement(t.NoChannels,{...e}):e.type==="noMessages"?r.createElement(t.NoMessages,{...e}):null;return n&&r.createElement(sd,null,n)},ft=ke({template:gd,components:{Loading:dd,Error:id,NoChannels:ud,NoMessages:md}}),Be=e=>{const{Template:t}=ft.useContext();return r.createElement(t,{...e})},Bn=e=>jn(e)||Kn(e);function hd(e){return e.isAdminMessage()?e.message==="The channel's custom_type was updated.":!1}function fd(e,t){return e.filter(n=>ye.isWelcomeMessage(n,t))}const pd=f.default.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none;`,bd=f.default.div`height:64px;min-height:64px;box-sizing:border-box;display:flex;justify-content:space-between;border-bottom:1px solid ${m.themedColor.textDisabled};background-color:${m.themedColor.bg_50_600};@media screen and (max-width:768px){position:relative;}`,Ed=f.default.div`box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:64px;padding:16px 20px;width:calc(100% - 128px);`,xd=f.default.div`margin-inline-end:8px;`,vd=f.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);}`,yd=f.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;}`,Cd=f.default.div`display:flex;width:160px;justify-content:flex-end;`,_d=f.default.div`inset-inline-end:0;display:flex;flex-direction:row;`,wr=f.default.div`width:64px;padding:21px;box-sizing:border-box;cursor:${e=>e.disabled?"not-allowed":"pointer"};`,Sd=f.default(wr)`border-inline-start:1px solid ${m.themedColor.textDisabled};`,Td=f.default.div`width:100%;height:100%;display:flex;align-items:center;justify-content:center;`,Ad=f.default.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`,wd=f.default.img`max-width:calc(90% - 60px);max-height:calc(90% - 60px);user-select:none;-webkit-user-drag:none;`,kd=f.default.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`,Id=({file:e,sender:t={},onClose:n,onDownloadClick:o})=>{const{type:s,url:a,name:i=""}=e,{profileUrl:l,nickname:c,userId:u}=t,{aiAgentInfo:g}=Y();return r.createElement(Md,{profileUrl:l??"",nickname:c??"",type:s,url:a,name:i,onClose:n,isBotMessage:u===g.userId,onDownloadClick:o})},$d=({profileUrl:e,isBotMessage:t})=>t&&!e?r.createElement(Ld,{$size:32},r.createElement(L,{type:"bot-filled",size:20})):r.createElement(Xt,{size:32,src:e}),Md=({profileUrl:e,isBotMessage:t,nickname:n,name:o,type:s,url:a,onClose:i,onDownloadClick:l})=>{const{stringSet:c}=B();return r.createElement(mt,{onClose:i,visible:!0,rootElementId:ne.MODAL_ROOT},r.createElement(pd,null,r.createElement(bd,null,r.createElement(Ed,null,r.createElement(xd,null,r.createElement($d,{profileUrl:e,isBotMessage:t})),r.createElement(vd,null,r.createElement(I,{variant:"h2",color:m.themedColor.textHighEmphasis},o)),r.createElement(yd,null,r.createElement(I,{variant:"body1",color:m.color.ondark.textMidEmphasis},n))),r.createElement(Cd,null,Bn(s)&&r.createElement(_d,null,r.createElement(wr,{as:"a",href:a,target:"_blank",rel:ut,onClick:l},r.createElement(L,{type:"download",color:m.themedColor.textHighEmphasis,size:24}))),r.createElement(Sd,{onClick:i},r.createElement(L,{type:"close",color:m.themedColor.textHighEmphasis,size:24})))),r.createElement(Td,{onClick:u=>u.currentTarget===u.target&&i()},Kn(s)&&r.createElement(Ad,{controls:!0},r.createElement("source",{src:a,type:s})),jn(s)&&r.createElement(wd,{src:a,alt:o}),!Bn(s)&&r.createElement(kd,null,r.createElement(I,{variant:"h1",color:m.themedColor.textHighEmphasis},c.FILE_VIEWER__UNSUPPORT)))))},Ld=f.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;}`,kr=({className:e,locale:t,date:n=Date.now(),formatString:o="MMMM dd, yyyy",style:s})=>r.createElement(Od,{id:`${te}-date-separator`,style:s,className:e},r.createElement(I,{variant:"caption4",color:m.themedColor.textMidEmphasis},Ee.format(n,o,{locale:t}))),Od=f.default.div`display:flex;justify-content:center;align-items:center;text-align:center;word-break:break-word;`,Dd=d.forwardRef(function(t,n){const{messages:o,renderMessage:s,messageTopArea:a,messageBottomArea:i,overlayArea:l,onLoadPrev:c,onLoadNext:u,loadThreshold:g=.05,onScroll:p=ve,depsForResetScrollPositionToBottom:x,stackDirection:C="top",bottomSpacerHeight:v=0}=t,E=d.useRef(null),b=d.useCallback(w=>{E.current=w,n&&(typeof n=="function"?n(w):n.current=w)},[n]),h=d.useRef(!1),y=d.useRef(void 0),_=d.useRef(0),M=d.useRef(0);d.useLayoutEffect(()=>{E.current&&(E.current.scrollTop=E.current.scrollHeight)},x),d.useLayoutEffect(()=>{E.current&&(y.current==="top"&&(E.current.scrollTop=E.current.scrollHeight-M.current),y.current==="bottom"&&(E.current.scrollTop=_.current),y.current=void 0)},[E.current,o.length]);const S=async w=>{if(p==null||p(w),!E.current)return;const $=E.current;if(M.current=$.scrollHeight-$.scrollTop,_.current=$.scrollTop,h.current)return;const R=$.clientHeight*Math.min(Math.max(0,g),1);$.scrollTop<=R?(h.current=!0,y.current="top",await c(),h.current=!1):$.scrollHeight-$.scrollTop-$.clientHeight<=R?(h.current=!0,y.current="bottom",await u(),h.current=!1):y.current=void 0};return r.createElement(Rd,{id:"infinite-list-container"},r.createElement(Nd,{id:"infinite-list-inner",ref:b,onScroll:S},C==="bottom"&&r.createElement("div",{style:{flexGrow:1}}),a,o.map((w,$)=>s({message:w,index:$})),i,v>0&&r.createElement("div",{style:{minHeight:v}})),r.createElement(Pd,{id:"infinite-list-overlay-container"},r.createElement(Bd,{id:"infinite-list-overlay"},l)))}),Rd=f.default.div`display:flex;position:relative;flex:1;overflow:hidden;`,Nd=f.default.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;scrollbar-color:${m.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`,Pd=f.default.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`,Bd=f.default.div`pointer-events:auto;`,Fd=({className:e,onClick:t})=>r.createElement(Ud,{className:e,onClick:t,tabIndex:0},r.createElement(L,{size:24,type:"chevron-down",color:m.color.primary.main})),Ud=f.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);${D.light`
230
+ `,Je=f.default.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`,at=f.default.div`display:flex;gap:8px;align-items:center;word-break:break-word;`,Fc=f.default(at)`cursor:pointer;gap:4px;`,At=f.default(at)`flex-direction:row;align-items:center;`,Nn=f.default.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`,Sr=d.createContext(null);function Uc({testerType:e,origin:t,children:n}){return r.createElement(Sr.Provider,{value:{testerType:e,isActionbookTester:e==="actionbook",origin:t}},e&&r.createElement(Hc,null),n)}const $e=()=>{const e=d.useContext(Sr);if(!e)throw new Error("_UNSAFE_INTERNAL_DashboardTesterProvider not found");return e},Hc=()=>{const{isActionbookTester:e}=$e();return r.createElement(we.Template,{template:e?zc:void 0},r.createElement(we.MessageLogs,{component:Vc}))},zc=e=>r.createElement(vr,{...e,testerMode:!0,maxBodyWidth:N.WIDE_BODY_MAX_WIDTH}),Vc=({extendedMessagePayload:e={}})=>{const{handlers:t}=G(),{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(Gc,null,r.createElement(Wc,{width:4}),r.createElement(_r,{actionbook:n,functionCalls:s,groundedness:o,agentMessageTemplates:a,onClickFunctionCallDetail:t==null?void 0:t.onFunctionCallDetailClick,style:{iconColor:m.themedColor.textHighEmphasis,textColor:m.themedColor.textHighEmphasis,barColor:m.themedColor.textDisabled},bottomContent:r.createElement(qc,{variant:"caption2",color:m.themedColor.textLowEmphasis},"Only visible in the tester")}))},Gc=f.default.div`display:flex;gap:16px;margin:16px ${N.HORIZONTAL_PADDING}px 0;align-self:stretch;`,Wc=f.default.div`width:${({width:e})=>e}px;background-color:${m.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`,qc=f.default(I)`margin-top:5px;`,jc=e=>{const{chatSDK:t,handlers:n,logger:o}=G(),{aiAgentInfo:s}=Y(),a=d.useRef(new Set),i=g=>{if(!(n!=null&&n.onCustomEvent))return;ue(g)&&g.sender.userId===s.userId&&!me.isStreaming(g)&&!a.current.has(g.messageId)&&(o.debug("useCustomEventForMessageReceive: bot-message-received",g),n.onCustomEvent({type:"bot-message-received",data:{message:g}}),a.current.add(g.messageId))},l=g=>{if(n!=null&&n.onCustomEvent&&g.isAdminMessage()&&g.customType==="user_action_required"&&!a.current.has(g.messageId)){const p=$t(g.data);Array.isArray(p.history)&&p.history.length===0&&(o.debug("useCustomEventForMessageReceive: user_action_required",p),n.onCustomEvent({type:"user-action-requested",data:p}),a.current.add(g.messageId))}},c=(g,p)=>{g.url===e&&(i(p),l(p))},u=g=>{l(g)};return Fe.useGroupChannelHandler(t,{onMessageUpdated:c,onMessageReceived:c}),{checkForUserActionRequired:u}};function Kc(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 Zc(e){if("file"in e&&e.file instanceof File&&e.file.type.startsWith("image/")){const{width:t,height:n}=await Kc(e.file);return new Te.MessageMetaArray({key:qn,value:[t,n]})}}const Yc=({onScrollAfterSendMessage:e})=>{const{agentPreviewConfigs:t,handlers:n}=G(),o=d.useRef(t==null?void 0:t.agentAttributes);return o.current=t==null?void 0:t.agentAttributes,{onBeforeSendMessage:async s=>{const a=await Zc(s),i={...s,metaArrays:a?[a]:void 0},l=Xc(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===Te.SendingStatus.SUCCEEDED?(i=n==null?void 0:n.onCustomEvent)==null||i.call(n,{type:"message-sent-succeeded",data:{message:s}}):s.sendingStatus===Te.SendingStatus.PENDING&&((l=n==null?void 0:n.onCustomEvent)==null||l.call(n,{type:"message-sent-pending",data:{message:s}}))}}},Xc=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},Tr=50,wt=Tr-40,{Provider:Jc,useContext:Qc}=Z("ConversationScroll"),Pn={viewport:0,contentHeight:0,contentSnapshotHeight:0,shouldRecalc:!1,shouldUpdate:!1};function ed({scrollMode:e,children:t}){const n=d.useRef(null),o=d.useRef(null),s=d.useRef(Pn),a=d.useRef(!1),i=d.useRef(null),[l,c]=d.useState(0),[u,g]=d.useState(0),[p,x]=d.useState(!1),[C,v]=d.useState(!1),[E,b]=d.useState(!1),h=d.useMemo(()=>p?"auto":e,[p,e]),y=d.useCallback(T=>{i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{v(!1)},T)},[]),_=()=>{s.current.contentSnapshotHeight=s.current.contentHeight,s.current.shouldUpdate=!0,s.current.shouldRecalc=!0},M=()=>{const T=n.current;!T||!s.current.shouldUpdate||c(O=>{s.current.shouldUpdate=!1;const{contentHeight:H,contentSnapshotHeight:ie,shouldRecalc:le}=s.current,ee=T.clientHeight;if(ie>H)return O;const Me=S(T,{messageType:"outgoing"});let pe=0;if(Me){const be=Me.message.offsetTop-wt+ee;pe=Math.max(0,be-H)}else{const be=H-ie,He=ee-wt;pe=Math.max(0,be-He)}return O===0||pe!==O||le?(s.current.shouldRecalc=!1,pe):O})},S=d.useCallback((T,O)=>{const{messageType:H="all"}=O??{},ie=Array.from(T.querySelectorAll(`#${te}-message-item`));let le=ie;H==="outgoing"&&(le=ie.filter(xt=>xt.getAttribute("data-layout-id")==="outgoingmessage"));const ee=le[le.length-1];if(!ee)return null;const Me=T.getBoundingClientRect(),pe=ee.getBoundingClientRect(),be=T.scrollTop+(pe.top-Me.top),He=be+ee.offsetHeight;return{message:ee,scrollTop:be,lastMessageBottom:He}},[]),k=d.useCallback(()=>{const T=n.current;if(!T||h!=="fixed")return;const O=S(T);s.current.contentHeight=(O==null?void 0:O.lastMessageBottom)??T.scrollHeight,!a.current&&s.current.contentSnapshotHeight>0&&_();const H=Math.max(0,T.scrollHeight-T.scrollTop-T.clientHeight);g(H),M()},[h,S]),$=d.useCallback(()=>{o.current&&(o.current.disconnect(),o.current=null),s.current=Pn,c(0),g(0)},[]),R=d.useCallback((T=!0)=>{const O=n.current;O&&O.scrollTo({top:O.scrollHeight,behavior:T?"smooth":"auto"})},[]),X=d.useCallback(T=>{T&&(n.current=T,h==="fixed"&&($(),s.current.viewport=T.clientHeight,o.current=new MutationObserver(()=>{k()}),o.current.observe(T,{childList:!0,subtree:!0})))},[h,k,$]),J=d.useCallback(()=>{const T=n.current;if(!T)return;const O=S(T,{messageType:"outgoing"});O&&(T.scrollTo({top:O.message.offsetTop-wt,behavior:"smooth"}),y(500))},[S,y]),se=T=>{const{scrollHeight:O,scrollTop:H,clientHeight:ie}=T.currentTarget,le=Math.max(0,O-H-ie);g(le)},he=d.useCallback(()=>{h==="fixed"&&(v(!0),_())},[h]),fe=d.useCallback(()=>{h==="fixed"?setTimeout(()=>J(),300):R()},[h,J]),Se=d.useCallback(T=>{a.current=T,h==="fixed"&&_()},[h]),V=d.useCallback(T=>{x(T)},[]),w=d.useCallback(T=>{b(T),h==="auto"&&T&&R(!0)},[h,R]),P=!(u<=Tr)&&!C&&!E;return r.createElement(Jc,{value:{ref:X,state:{bottomSpace:l,shouldShowScrollButton:P},props:{onScroll:se},actions:{scrollToBottom:R,onBeforeMessageSend:he,onAfterMessageSend:fe,onStreamingUpdate:Se,onConversationClosed:V,onTypingIndicatorUpdate:w}}},t)}const{Provider:td,Context:nd,useContext:Q}=Z("Conversation"),rd=({children:e})=>{var s;const{channelSource:t}=Q(),n=(s=t.channel)==null?void 0:s.url,{checkForUserActionRequired:o}=jc(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)},Ar=({channelUrl:e,onClearChannelUrl:t,onNavigateToConversationList:n,shouldMarkAsRead:o,children:s})=>{var y;const{config:a}=W(),{activeChannel:i,refreshActiveChannel:l,aiAgentInfo:c}=Y(),{testerType:u}=$e(),g=Qc(),p=((y=a==null?void 0:a.conversation)==null?void 0:y.scrollMode)??"auto",{onBeforeSendMessage:x,onAfterSendMessage:C}=Yc({onScrollAfterSendMessage:()=>{g.actions.onAfterMessageSend()}}),v=e||(i==null?void 0:i.url),E=d.useCallback(_=>(g.actions.onBeforeMessageSend(),x(_)),[g.actions,x]),b=d.useCallback(_=>{const M=_.some(S=>me.isStreaming(S));if(g.actions.onStreamingUpdate(M),p==="auto"){const S=_[_.length-1];S&&me.shouldScrollToBottom(S,c.userId,!!u)&&setTimeout(()=>g.actions.scrollToBottom(!0),100)}},[g.actions,p,c.userId,u]),h=d.useCallback(async()=>{await l(),e&&(t==null||t())},[l,e,t]);return r.createElement(Es,{channelUrl:v,onBeforeSendMessage:E,onAfterSendMessage:C,onMessagesUpdated:b,onMessagesReceived:b,onChannelDeleted:h,shouldMarkAsRead:o},_=>r.createElement(td,{value:{..._,scrollSource:g,goToActiveConversation:h,onNavigateToConversationList:n}},r.createElement(rd,null,s)))},nn=d.createContext({onDrop:ye,subscribe:()=>ye}),Ft=({children:e})=>{const t=d.useRef(new Set);return r.createElement(nn.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)},od=({onDropFiles:e})=>{const{subscribe:t}=d.useContext(nn);d.useEffect(()=>t(e),[e])};Ft.Consumer=({children:e})=>{const{onDrop:t}=d.useContext(nn);return e({onDrop:t,onDragOver:s=>s.preventDefault()})};const rn=({iconSize:e=64,icon:t,className:n,label:o,children:s})=>r.createElement(ad,{className:n},t&&r.createElement(L,{type:t,size:e,color:m.themedColor.textLowEmphasis}),o&&r.createElement(I,{variant:"body1",color:m.themedColor.textMidEmphasis},o),s),sd=f.default.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`,ad=f.default.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`,id=({label:e="Something went wrong",icon:t="error",action:n,...o})=>r.createElement(rn,{icon:t,label:e,...o},n&&r.createElement(ld,{onClick:n.onClick,label:n.label??"Retry"})),ld=({label:e,onClick:t})=>r.createElement(cd,{tabIndex:0,onClick:t},r.createElement(L,{type:"refresh",size:20}),r.createElement(I,{variant:"button",color:m.color.primary.main},e)),cd=f.default.button`all:unset;display:flex;cursor:pointer;gap:4px;align-items:center;justify-content:center;`,dd=({iconSize:e=48,className:t})=>r.createElement(tn,{size:e,className:t}),ud=({label:e="No channels",icon:t="chat",...n})=>r.createElement(rn,{icon:t,label:e,...n}),md=({label:e="No messages",icon:t="message",...n})=>r.createElement(rn,{icon:t,label:e,...n}),gd=e=>{const{components:t}=pt.useContext(),n=e.type==="loading"?r.createElement(t.Loading,{...e}):e.type==="error"?r.createElement(t.Error,{...e}):e.type==="noChannels"?r.createElement(t.NoChannels,{...e}):e.type==="noMessages"?r.createElement(t.NoMessages,{...e}):null;return n&&r.createElement(sd,null,n)},pt=ke({template:gd,components:{Loading:dd,Error:id,NoChannels:ud,NoMessages:md}}),Be=e=>{const{Template:t}=pt.useContext();return r.createElement(t,{...e})},Bn=e=>jn(e)||Kn(e);function hd(e){return e.isAdminMessage()?e.message==="The channel's custom_type was updated.":!1}function fd(e,t){return e.filter(n=>me.isWelcomeMessage(n,t))}const pd=f.default.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none;`,bd=f.default.div`height:64px;min-height:64px;box-sizing:border-box;display:flex;justify-content:space-between;border-bottom:1px solid ${m.themedColor.textDisabled};background-color:${m.themedColor.bg_50_600};@media screen and (max-width:768px){position:relative;}`,Ed=f.default.div`box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:64px;padding:16px 20px;width:calc(100% - 128px);`,xd=f.default.div`margin-inline-end:8px;`,vd=f.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);}`,yd=f.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;}`,Cd=f.default.div`display:flex;width:160px;justify-content:flex-end;`,_d=f.default.div`inset-inline-end:0;display:flex;flex-direction:row;`,wr=f.default.div`width:64px;padding:21px;box-sizing:border-box;cursor:${e=>e.disabled?"not-allowed":"pointer"};`,Sd=f.default(wr)`border-inline-start:1px solid ${m.themedColor.textDisabled};`,Td=f.default.div`width:100%;height:100%;display:flex;align-items:center;justify-content:center;`,Ad=f.default.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`,wd=f.default.img`max-width:calc(90% - 60px);max-height:calc(90% - 60px);user-select:none;-webkit-user-drag:none;`,kd=f.default.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`,Id=({file:e,sender:t={},onClose:n,onDownloadClick:o})=>{const{type:s,url:a,name:i=""}=e,{profileUrl:l,nickname:c,userId:u}=t,{aiAgentInfo:g}=Y();return r.createElement(Md,{profileUrl:l??"",nickname:c??"",type:s,url:a,name:i,onClose:n,isBotMessage:u===g.userId,onDownloadClick:o})},$d=({profileUrl:e,isBotMessage:t})=>t&&!e?r.createElement(Ld,{$size:32},r.createElement(L,{type:"bot-filled",size:20})):r.createElement(Xt,{size:32,src:e}),Md=({profileUrl:e,isBotMessage:t,nickname:n,name:o,type:s,url:a,onClose:i,onDownloadClick:l})=>{const{stringSet:c}=B();return r.createElement(gt,{onClose:i,visible:!0,rootElementId:ne.MODAL_ROOT},r.createElement(pd,null,r.createElement(bd,null,r.createElement(Ed,null,r.createElement(xd,null,r.createElement($d,{profileUrl:e,isBotMessage:t})),r.createElement(vd,null,r.createElement(I,{variant:"h2",color:m.themedColor.textHighEmphasis},o)),r.createElement(yd,null,r.createElement(I,{variant:"body1",color:m.color.ondark.textMidEmphasis},n))),r.createElement(Cd,null,Bn(s)&&r.createElement(_d,null,r.createElement(wr,{as:"a",href:a,target:"_blank",rel:mt,onClick:l},r.createElement(L,{type:"download",color:m.themedColor.textHighEmphasis,size:24}))),r.createElement(Sd,{onClick:i},r.createElement(L,{type:"close",color:m.themedColor.textHighEmphasis,size:24})))),r.createElement(Td,{onClick:u=>u.currentTarget===u.target&&i()},Kn(s)&&r.createElement(Ad,{controls:!0},r.createElement("source",{src:a,type:s})),jn(s)&&r.createElement(wd,{src:a,alt:o}),!Bn(s)&&r.createElement(kd,null,r.createElement(I,{variant:"h1",color:m.themedColor.textHighEmphasis},c.FILE_VIEWER__UNSUPPORT)))))},Ld=f.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;}`,kr=({className:e,locale:t,date:n=Date.now(),formatString:o="MMMM dd, yyyy",style:s})=>r.createElement(Od,{id:`${te}-date-separator`,style:s,className:e},r.createElement(I,{variant:"caption4",color:m.themedColor.textMidEmphasis},xe.format(n,o,{locale:t}))),Od=f.default.div`display:flex;justify-content:center;align-items:center;text-align:center;word-break:break-word;`,Dd=d.forwardRef(function(t,n){const{messages:o,renderMessage:s,messageTopArea:a,messageBottomArea:i,overlayArea:l,onLoadPrev:c,onLoadNext:u,loadThreshold:g=.05,onScroll:p=ye,depsForResetScrollPositionToBottom:x,stackDirection:C="top",bottomSpacerHeight:v=0}=t,E=d.useRef(null),b=d.useCallback(k=>{E.current=k,n&&(typeof n=="function"?n(k):n.current=k)},[n]),h=d.useRef(!1),y=d.useRef(void 0),_=d.useRef(0),M=d.useRef(0);d.useLayoutEffect(()=>{E.current&&(E.current.scrollTop=E.current.scrollHeight)},x),d.useLayoutEffect(()=>{E.current&&(y.current==="top"&&(E.current.scrollTop=E.current.scrollHeight-M.current),y.current==="bottom"&&(E.current.scrollTop=_.current),y.current=void 0)},[E.current,o.length]);const S=async k=>{if(p==null||p(k),!E.current)return;const $=E.current;if(M.current=$.scrollHeight-$.scrollTop,_.current=$.scrollTop,h.current)return;const R=$.clientHeight*Math.min(Math.max(0,g),1);$.scrollTop<=R?(h.current=!0,y.current="top",await c(),h.current=!1):$.scrollHeight-$.scrollTop-$.clientHeight<=R?(h.current=!0,y.current="bottom",await u(),h.current=!1):y.current=void 0};return r.createElement(Rd,{id:"infinite-list-container"},r.createElement(Nd,{id:"infinite-list-inner",ref:b,onScroll:S},C==="bottom"&&r.createElement("div",{style:{flexGrow:1}}),a,o.map((k,$)=>s({message:k,index:$})),i,v>0&&r.createElement("div",{style:{minHeight:v}})),r.createElement(Pd,{id:"infinite-list-overlay-container"},r.createElement(Bd,{id:"infinite-list-overlay"},l)))}),Rd=f.default.div`display:flex;position:relative;flex:1;overflow:hidden;`,Nd=f.default.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;scrollbar-color:${m.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`,Pd=f.default.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`,Bd=f.default.div`pointer-events:auto;`,Fd=({className:e,onClick:t})=>r.createElement(Ud,{className:e,onClick:t,tabIndex:0},r.createElement(L,{size:24,type:"chevron-down",color:m.color.primary.main})),Ud=f.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);${D.light`
231
231
  background-color: ${m.color.background50};
232
232
  &:hover {
233
233
  background-color: ${m.color.background100};
@@ -249,11 +249,11 @@
249
249
  &:focus {
250
250
  outline: none;
251
251
  }
252
- `,Hd=()=>{const{agentPreviewConfigs:e={},aiAgentId:t}=G(),{aiAgentInfo:n}=Y(),{stringSet:o,dateLocale:s}=B(),{messageSource:a}=Q(),{Template:i}=we.useContext(),l=e.welcomeMessages??[],c=a.messages,u=fd(c,t),g=c[u.length+1],p=u[0]??g;return{filteredMessages:c.filter(x=>hd(x)?!1:l.length>0?!ye.isWelcomeMessage(x,t):!0),shouldShowOriginalDate:x=>x>0||l.length===0?!0:g&&!Ee.isSameDay(g.createdAt,(p==null?void 0:p.createdAt)??0),renderAgentPreviewWelcomeMessages:()=>l.length===0?null:r.createElement(r.Fragment,null,r.createElement(kr,{style:{margin:"16px 0"},date:p==null?void 0:p.createdAt,locale:s,formatString:o.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR}),l.map((x,C)=>{const v=C===l.length-1,E=u.length!==c.length,b=l.length===1?"single":C===0?"top":v||E?"bottom":"middle";return r.createElement(i,{messageType:"user",message:x.message,sender:n,groupType:b,createdAt:(p==null?void 0:p.createdAt)??Date.now(),extendedMessagePayload:{suggested_replies:x.suggestedReplies},suggestedRepliesDirection:e.suggestedRepliesDirection,suggestedRepliesVisible:v&&!E,isBotMessage:!0,onClickSuggestedReply:async({reply:h})=>{a.sendUserMessage({message:h})}})}))}},zd=e=>f.default(e).withConfig({shouldForwardProp:lo.default}),Vd=({style:e})=>{const{stringSet:t}=B(),{isActionbookTester:n}=$e();return!Kt("powered-by")||n?null:r.createElement(Gd,{variant:"caption2",style:e},t.POWERED_BY+" ",r.createElement(Wd,{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:ut,target:"_blank"},"Sendbird"))},Gd=f.default(I)`color:${m.themedColor.textLowEmphasis};text-align:center;`,Wd=zd(I)`
252
+ `,Hd=()=>{const{agentPreviewConfigs:e={},aiAgentId:t}=G(),{aiAgentInfo:n}=Y(),{stringSet:o,dateLocale:s}=B(),{messageSource:a}=Q(),{Template:i}=we.useContext(),l=e.welcomeMessages??[],c=a.messages,u=fd(c,t),g=c[u.length+1],p=u[0]??g;return{filteredMessages:c.filter(x=>hd(x)?!1:l.length>0?!me.isWelcomeMessage(x,t):!0),shouldShowOriginalDate:x=>x>0||l.length===0?!0:g&&!xe.isSameDay(g.createdAt,(p==null?void 0:p.createdAt)??0),renderAgentPreviewWelcomeMessages:()=>l.length===0?null:r.createElement(r.Fragment,null,r.createElement(kr,{style:{margin:"16px 0"},date:p==null?void 0:p.createdAt,locale:s,formatString:o.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR}),l.map((x,C)=>{const v=C===l.length-1,E=u.length!==c.length,b=l.length===1?"single":C===0?"top":v||E?"bottom":"middle";return r.createElement(i,{messageType:"user",message:x.message,sender:n,groupType:b,createdAt:(p==null?void 0:p.createdAt)??Date.now(),extendedMessagePayload:{suggested_replies:x.suggestedReplies},suggestedRepliesDirection:e.suggestedRepliesDirection,suggestedRepliesVisible:v&&!E,isBotMessage:!0,onClickSuggestedReply:async({reply:h})=>{a.sendUserMessage({message:h})}})}))}},zd=e=>f.default(e).withConfig({shouldForwardProp:lo.default}),Vd=({style:e})=>{const{stringSet:t}=B(),{isActionbookTester:n}=$e();return!Kt("powered-by")||n?null:r.createElement(Gd,{variant:"caption2",style:e},t.POWERED_BY+" ",r.createElement(Wd,{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:mt,target:"_blank"},"Sendbird"))},Gd=f.default(I)`color:${m.themedColor.textLowEmphasis};text-align:center;`,Wd=zd(I)`
253
253
  color: ${m.themedColor.textLowEmphasis};
254
254
  cursor: pointer;
255
255
  text-decoration: none;
256
- `,qd=()=>{var i;const{stringSet:e}=B(),{channelSource:t,goToActiveConversation:n,scrollSource:o}=Q(),s=xe(t.channel),a=d.useRef(s);return d.useEffect(()=>{if(!a.current&&s){const u=setTimeout(()=>{o.actions.scrollToBottom(!0)},100);return()=>clearTimeout(u)}a.current=s},[s,o.actions.scrollToBottom]),!((i=t.channel)!=null&&i.isAIAgent)||!s?null:r.createElement(jd,null,r.createElement(Kd,{variant:"button",role:"button",color:m.themedColor.textHighEmphasis,onClick:()=>n()},e.TALK_TO_AGENT))},jd=f.default.div`display:flex;justify-content:center;margin-bottom:16px;`,Kd=f.default(I)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${m.themedColor.textDisabled};cursor:pointer;user-select:none;`,Zd=()=>{const{Template:e}=gt.useContext(),{Template:t}=we.useContext(),{Template:n}=ht.useContext(),[o,s]=d.useState(null),[a,i]=d.useState(null),{userSession:l,aiAgentInfo:c}=Y(),{cache:u,agentPreviewConfigs:g,chatSDK:p,state:x}=G(),{config:C}=W(),{stringSet:v,dateLocale:E}=B(),{conversation:b,channelSource:h,messageSource:y,scrollSource:_,state:{input:M}}=Q(),{isActionbookTester:S}=$e(),{filteredMessages:w,shouldShowOriginalDate:$,renderAgentPreviewWelcomeMessages:R}=Hd(),X=rr(h.channel),J=(()=>{const V=X[0];if(!V)return null;const k=V.userId===c.userId;return{user:k?c:V,isBot:k}})();d.useEffect(()=>{_.actions.onTypingIndicatorUpdate(!!J)},[!!J,_.actions.onTypingIndicatorUpdate]);const se=xe(h.channel);d.useEffect(()=>{_.actions.onConversationClosed(se)},[se,_.actions.onConversationClosed]);const ge=(V,k=!1)=>{var ae;return k?c:((ae=h.channel)==null?void 0:ae.members.find(P=>P.userId===V.sender.userId))??V.sender},he=V=>{if(V.sendingStatus==="failed"&&!M.disabled)return()=>i(V)},Se=()=>{var V;if(!y.initialized)return r.createElement(Be,{type:"loading"});if(y.messages.length===0){const k=R();return k?r.createElement("div",{style:{width:"100%"}},k):r.createElement(Be,{type:"noMessages",label:v.PLACE_HOLDER__NO_MESSAGES})}return r.createElement(Dd,{ref:_.ref,onScroll:_.props.onScroll,stackDirection:g==null?void 0:g.messageStackDirection,messages:w,onLoadPrev:y.loadPrevious,onLoadNext:y.loadNext,depsForResetScrollPositionToBottom:[y.initialized,y.messages.length!==0],bottomSpacerHeight:_.state.bottomSpace,messageTopArea:r.createElement(r.Fragment,null,r.createElement(Vd,{style:{marginTop:16}}),R()),messageBottomArea:r.createElement(r.Fragment,null,J&&r.createElement("div",{id:`${te}-message-item`},r.createElement(t,{isTyping:!0,isBotMessage:J.isBot,sender:J.user,messageType:"user",groupType:"single",message:""})),((V=C==null?void 0:C.conversation)==null?void 0:V.isTalkToAgentViewEnabled)&&r.createElement(qd,null)),overlayArea:r.createElement(r.Fragment,null,_.state.shouldShowScrollButton&&r.createElement(Xd,{onClick:()=>_.actions.scrollToBottom(!0)})),renderMessage:({message:k,index:ae})=>{const P=xo(k),T=w[ae-1],O=w[ae+1],H=w[w.length-1],ie=k===H,le=xe(h.channel),ee=Pe(k,c.userId),Me=!(c.isUserFeedbackEnabled&&ee),fe=vo(k,T,O,Me),pe=!oo.isSameDay((T==null?void 0:T.createdAt)??0,k.createdAt)&&$(ae)&&!S,He=je=>{(k.isFileMessage()||k.isUserMessage())&&s({file:je,sender:ge(k,k.sender.userId===c.userId)})},Et=()=>{k.isFileMessage()&&Jt(k.url)},Zr=pe?r.createElement(kr,{style:{margin:"16px 0"},date:k.createdAt,locale:E,formatString:v.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR}):null,qe={maxBodyWidth:x.expanded?N.WIDE_BODY_MAX_WIDTH:void 0,extendedMessagePayload:k.extendedMessagePayload,createdAt:k.createdAt,groupType:fe,onClickMedia:He,onClickFile:Et},Yr=()=>{if(Le.isOutgoing(k,l.userId))return"outgoingmessage";if(Le.isIncoming(k,l.userId))return"incomingmessage"},Xr=(()=>{var je,dn;if(Le.isAdmin(k))return Le.isCSAT(k)?b?r.createElement(n,{...qe,...b,isResolvedWhenDeterminedByUser:uo(b),messageType:"admin.csat",onSubmitCSAT:({csat:be,...U})=>{var j;be&&((j=h.channel)==null||j.submitCSAT({csat:be,...U}))}}):null:r.createElement(n,{...qe,messageType:"admin",message:k.message});if(Le.isOutgoing(k,l.userId)){const be={...qe,message:k.message,sender:ge(k),sendingStatus:k.sendingStatus,onClickFailedMessage:he(k)};if(k.isUserMessage())return r.createElement(e,{messageType:"user",...be});if(k.isFileMessage()){const[U,j]=((je=k.metaArrays.find(ce=>ce.key===qn))==null?void 0:je.value)??[];return r.createElement(e,{messageType:"file",file:k,metadata:{aspectRatio:U&&j?`${U}/${j}`:"1/1",localFile:(dn=k.messageParams)==null?void 0:dn.file},...be})}}if(Le.isIncoming(k,l.userId)){const be={...qe,sender:ge(k,ee),message:k.message,suggestedRepliesVisible:ie,suggestedRepliesDirection:g==null?void 0:g.suggestedRepliesDirection,isBotMessage:ee,isStreaming:ye.isStreaming(k),isHandedOff:Ne(h.channel),isConversationClosed:le,isFeedbackEnabled:c.isUserFeedbackEnabled,isFeedbackCommentEnabled:c.isUserFeedbackCommentOptionEnabled,onClickSuggestedReply:async({reply:U})=>{y.sendUserMessage({message:U})},onRequestMessageTemplate:async U=>{const{template:j}=await p.aiAgent.getMessageTemplate(U);return u.template.set(U,j),j},onGetCachedMessageTemplate:U=>u.template.get(U),onHandleTemplateInternalAction:U=>{if(U.type==="internal"&&U.internalData){const{method:j,payload:ce}=U.internalData;j==="message.send"&&(ce!=null&&ce.message)&&y.sendUserMessage({message:ce.message})}},onFeedbackUpdate:U=>{const j={messageId:k.messageId,channelUrl:k.channelUrl};if(!U)return p.aiAgent.deleteMessageFeedback(j);const ce={...j,rating:Ci(U.rating),comment:U.comment};return ye.hasFeedback(k)?p.aiAgent.updateMessageFeedback(ce):p.aiAgent.createMessageFeedback(ce)},onSubmitForm:({key:U,data:j})=>p.aiAgent.submitForm({messageId:k.messageId,channelUrl:k.channelUrl,formKey:U,formData:j}),onCancelForm:({key:U})=>p.aiAgent.cancelForm({messageId:k.messageId,channelUrl:k.channelUrl,formKey:U})};if(k.isUserMessage())return r.createElement(t,{messageType:"user",...be});if(k.isFileMessage())return r.createElement(t,{messageType:"file",file:k,...be})}})();return r.createElement("div",{key:P,id:`${te}-message-item`,"data-layout-id":Yr()},Zr,Xr)}})};return r.createElement(Yd,{id:`${te}-message-list`},Se(),o&&r.createElement(Id,{onClose:()=>s(null),sender:o.sender,file:o.file}),a&&r.createElement(Re,{visible:!0,onClose:()=>i(null)},r.createElement(Re.ActionItem,{onClick:()=>{y.resendMessage(a),i(null)}},v.FAILED_MESSAGE_RESEND),r.createElement(Re.ActionItem,{destructive:!0,onClick:()=>{y.deleteMessage(a),i(null)}},v.FAILED_MESSAGE_REMOVE)))},Yd=f.default.div`overflow-y:hidden;display:flex;flex:1;position:relative;`,Xd=f.default(Fd)`position:absolute;bottom:20px;inset-inline-end:20px;`,Jd=()=>{const{stringSet:e}=B(),{connectionError:t}=Y(),{channelSource:n}=Q(),o=t||n.error;if(o){const s=t?void 0:{label:e.RETRY,onClick:()=>n.refetch()};return r.createElement(Be,{type:"error",label:o.message,action:s})}return n.channel?r.createElement(Zd,null):r.createElement(Be,{type:"loading"})},Qd=()=>{var s;const{origin:e}=$e(),{appId:t,aiAgentId:n}=W(),{channelSource:o}=Q();return(s=o.channel)!=null&&s.conversation?r.createElement(eu,null,r.createElement(Ft,{style:{gap:4}},r.createElement(L,{color:m.themedColor.textLowEmphasis,size:12,type:"show"}),r.createElement(I,{as:"i",color:m.themedColor.textLowEmphasis,variant:"caption2"},"Only visible in the tester")),r.createElement(Ft,{role:"button",style:{gap:4},onClick:()=>{var c,u;const a=e??window.location.origin,i=(u=(c=o.channel)==null?void 0:c.conversation)==null?void 0:u.id,l=`${a}/ai-agent/${t}/${n}/evaluate/conversations/${i}`;navigator.clipboard.writeText(l)}},r.createElement(I,{variant:"body3",color:m.themedColor.textHighEmphasis},"Copy ",r.createElement("span",{style:{color:m.themedColor.primary}},"conversation link")),r.createElement(L,{color:m.themedColor.primary,size:14,type:"copy"}))):null},Ft=f.default.div`display:flex;justify-content:center;align-items:center;`,eu=f.default(Ft)`flex-direction:column;padding-block:16px;background-color:${m.themedColor.bg_100_500};gap:8px;`,Ir=d.createContext(void 0),tu=({children:e})=>{var E;const{chatSDK:t}=G(),{createAttachmentRules:n}=Y(),{stringSet:o}=B(),{channelSource:s}=Q(),[a,i]=d.useState([]),[l,c]=d.useState({visible:!1,title:""}),u=n({channel:s.channel,uploadSizeLimit:(E=t.appInfo)==null?void 0:E.uploadSizeLimit}),g=u.isEnabled(),p=b=>{const h=u.getUploadSizeLimit(b.type);return b.size>h},x=b=>{if(!g)return;const h=b.filter(M=>u.isSupportedMimeType(M.type));if(h.length===0)return;const y=h.find(M=>p(M));if(y){const M=u.getUploadSizeLimitInMB(y.type);c({visible:!0,title:o.FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT.replace("%d",M.toString())});return}if(a.length+h.length>u.maxAttachmentCount){c({visible:!0,title:o.FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT});return}i(M=>[...M,...h.map(S=>({file:S,preview:{url:URL.createObjectURL(S),type:S.type,name:S.name}}))])},C=b=>{i(h=>{var _;const y=(_=h[b])==null?void 0:_.preview;return y&&URL.revokeObjectURL(y.url),h.filter((M,S)=>S!==b)})},v=()=>{i(b=>(b.forEach(h=>URL.revokeObjectURL(h.preview.url)),[]))};return r.createElement(Ir.Provider,{value:{files:a,addFiles:x,removeFile:C,clearFiles:v,isFileUploadEnabled:g,acceptableMimeTypes:u.supportedMimeTypes}},e,r.createElement(Qt,{...l,onClose:()=>c({visible:!1,title:""})}))},on=()=>{const e=d.useContext(Ir);if(!e)throw new Error("useFileUpload must be used within FileUploadProvider");return e};function nu({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 ru=(e,t)=>{d.useEffect(()=>{t?e==null||e.startTyping():e==null||e.endTyping()},[e,t])},ou=f.default.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex;flex-direction:row;gap:10px;padding:8px 16px;background-color:transparent;`,su=f.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;}`,au=f.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%;${D.light`
256
+ `,qd=()=>{var i;const{stringSet:e}=B(),{channelSource:t,goToActiveConversation:n,scrollSource:o}=Q(),s=ve(t.channel),a=d.useRef(s);return d.useEffect(()=>{if(!a.current&&s){const u=setTimeout(()=>{o.actions.scrollToBottom(!0)},100);return()=>clearTimeout(u)}a.current=s},[s,o.actions.scrollToBottom]),!((i=t.channel)!=null&&i.isAIAgent)||!s?null:r.createElement(jd,null,r.createElement(Kd,{variant:"button",role:"button",color:m.themedColor.textHighEmphasis,onClick:()=>n()},e.TALK_TO_AGENT))},jd=f.default.div`display:flex;justify-content:center;margin-bottom:16px;`,Kd=f.default(I)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${m.themedColor.textDisabled};cursor:pointer;user-select:none;`,Zd=()=>{const{Template:e}=ht.useContext(),{Template:t}=we.useContext(),{Template:n}=ft.useContext(),[o,s]=d.useState(null),[a,i]=d.useState(null),{userSession:l,aiAgentInfo:c}=Y(),{cache:u,agentPreviewConfigs:g,chatSDK:p,state:x}=G(),{config:C}=W(),{stringSet:v,dateLocale:E}=B(),{conversation:b,channelSource:h,messageSource:y,scrollSource:_,state:{input:M}}=Q(),{isActionbookTester:S}=$e(),{filteredMessages:k,shouldShowOriginalDate:$,renderAgentPreviewWelcomeMessages:R}=Hd(),X=rr(h.channel),J=(()=>{const V=X[0];if(!V)return null;const w=V.userId===c.userId;return{user:w?c:V,isBot:w}})();d.useEffect(()=>{_.actions.onTypingIndicatorUpdate(!!J)},[!!J,_.actions.onTypingIndicatorUpdate]);const se=ve(h.channel);d.useEffect(()=>{_.actions.onConversationClosed(se)},[se,_.actions.onConversationClosed]);const he=(V,w=!1)=>{var ae;return w?c:((ae=h.channel)==null?void 0:ae.members.find(P=>P.userId===V.sender.userId))??V.sender},fe=V=>{if(V.sendingStatus==="failed"&&!M.disabled)return()=>i(V)},Se=()=>{var V;if(!y.initialized)return r.createElement(Be,{type:"loading"});if(y.messages.length===0){const w=R();return w?r.createElement("div",{style:{width:"100%"}},w):r.createElement(Be,{type:"noMessages",label:v.PLACE_HOLDER__NO_MESSAGES})}return r.createElement(Dd,{ref:_.ref,onScroll:_.props.onScroll,stackDirection:g==null?void 0:g.messageStackDirection,messages:k,onLoadPrev:y.loadPrevious,onLoadNext:y.loadNext,depsForResetScrollPositionToBottom:[y.initialized,y.messages.length!==0],bottomSpacerHeight:_.state.bottomSpace,messageTopArea:r.createElement(r.Fragment,null,r.createElement(Vd,{style:{marginTop:16}}),R()),messageBottomArea:r.createElement(r.Fragment,null,J&&r.createElement("div",{id:`${te}-message-item`},r.createElement(t,{isTyping:!0,isBotMessage:J.isBot,sender:J.user,messageType:"user",groupType:"single",message:""})),((V=C==null?void 0:C.conversation)==null?void 0:V.isTalkToAgentViewEnabled)&&r.createElement(qd,null)),overlayArea:r.createElement(r.Fragment,null,_.state.shouldShowScrollButton&&r.createElement(Xd,{onClick:()=>_.actions.scrollToBottom(!0)})),renderMessage:({message:w,index:ae})=>{const P=xo(w),T=k[ae-1],O=k[ae+1],H=k[k.length-1],ie=w===H,le=ve(h.channel),ee=Pe(w,c.userId),Me=!(c.isUserFeedbackEnabled&&ee&&!me.isWelcomeMessage(w)),pe=vo(w,T,O,Me),be=!oo.isSameDay((T==null?void 0:T.createdAt)??0,w.createdAt)&&$(ae)&&!S,He=je=>{(w.isFileMessage()||w.isUserMessage())&&s({file:je,sender:he(w,w.sender.userId===c.userId)})},xt=()=>{w.isFileMessage()&&Jt(w.url)},Zr=be?r.createElement(kr,{style:{margin:"16px 0"},date:w.createdAt,locale:E,formatString:v.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR}):null,qe={maxBodyWidth:x.expanded?N.WIDE_BODY_MAX_WIDTH:void 0,extendedMessagePayload:w.extendedMessagePayload,createdAt:w.createdAt,groupType:pe,onClickMedia:He,onClickFile:xt},Yr=()=>{if(Le.isOutgoing(w,l.userId))return"outgoingmessage";if(Le.isIncoming(w,l.userId))return"incomingmessage"},Xr=(()=>{var je,dn;if(Le.isAdmin(w))return Le.isCSAT(w)?b?r.createElement(n,{...qe,...b,isResolvedWhenDeterminedByUser:uo(b),messageType:"admin.csat",onSubmitCSAT:({csat:Ee,...U})=>{var j;Ee&&((j=h.channel)==null||j.submitCSAT({csat:Ee,...U}))}}):null:r.createElement(n,{...qe,messageType:"admin",message:w.message});if(Le.isOutgoing(w,l.userId)){const Ee={...qe,message:w.message,sender:he(w),sendingStatus:w.sendingStatus,onClickFailedMessage:fe(w)};if(w.isUserMessage())return r.createElement(e,{messageType:"user",...Ee});if(w.isFileMessage()){const[U,j]=((je=w.metaArrays.find(ce=>ce.key===qn))==null?void 0:je.value)??[];return r.createElement(e,{messageType:"file",file:w,metadata:{aspectRatio:U&&j?`${U}/${j}`:"1/1",localFile:(dn=w.messageParams)==null?void 0:dn.file},...Ee})}}if(Le.isIncoming(w,l.userId)){const Ee={...qe,sender:he(w,ee),message:w.message,suggestedRepliesVisible:ie,suggestedRepliesDirection:g==null?void 0:g.suggestedRepliesDirection,isBotMessage:ee,isStreaming:me.isStreaming(w),isHandedOff:Ne(h.channel),isConversationClosed:le,isFeedbackEnabled:c.isUserFeedbackEnabled,isFeedbackCommentEnabled:c.isUserFeedbackCommentOptionEnabled,onClickSuggestedReply:async({reply:U})=>{y.sendUserMessage({message:U})},onRequestMessageTemplate:async U=>{const{template:j}=await p.aiAgent.getMessageTemplate(U);return u.template.set(U,j),j},onGetCachedMessageTemplate:U=>u.template.get(U),onHandleTemplateInternalAction:U=>{if(U.type==="internal"&&U.internalData){const{method:j,payload:ce}=U.internalData;j==="message.send"&&(ce!=null&&ce.message)&&y.sendUserMessage({message:ce.message})}},onFeedbackUpdate:U=>{const j={messageId:w.messageId,channelUrl:w.channelUrl};if(!U)return p.aiAgent.deleteMessageFeedback(j);const ce={...j,rating:Ci(U.rating),comment:U.comment};return me.hasFeedback(w)?p.aiAgent.updateMessageFeedback(ce):p.aiAgent.createMessageFeedback(ce)},onSubmitForm:({key:U,data:j})=>p.aiAgent.submitForm({messageId:w.messageId,channelUrl:w.channelUrl,formKey:U,formData:j}),onCancelForm:({key:U})=>p.aiAgent.cancelForm({messageId:w.messageId,channelUrl:w.channelUrl,formKey:U})};if(w.isUserMessage())return r.createElement(t,{messageType:"user",...Ee});if(w.isFileMessage())return r.createElement(t,{messageType:"file",file:w,...Ee})}})();return r.createElement("div",{key:P,id:`${te}-message-item`,"data-layout-id":Yr()},Zr,Xr)}})};return r.createElement(Yd,{id:`${te}-message-list`},Se(),o&&r.createElement(Id,{onClose:()=>s(null),sender:o.sender,file:o.file}),a&&r.createElement(Re,{visible:!0,onClose:()=>i(null)},r.createElement(Re.ActionItem,{onClick:()=>{y.resendMessage(a),i(null)}},v.FAILED_MESSAGE_RESEND),r.createElement(Re.ActionItem,{destructive:!0,onClick:()=>{y.deleteMessage(a),i(null)}},v.FAILED_MESSAGE_REMOVE)))},Yd=f.default.div`overflow-y:hidden;display:flex;flex:1;position:relative;`,Xd=f.default(Fd)`position:absolute;bottom:20px;inset-inline-end:20px;`,Jd=()=>{const{stringSet:e}=B(),{connectionError:t}=Y(),{channelSource:n}=Q(),o=t||n.error;if(o){const s=t?void 0:{label:e.RETRY,onClick:()=>n.refetch()};return r.createElement(Be,{type:"error",label:o.message,action:s})}return n.channel?r.createElement(Zd,null):r.createElement(Be,{type:"loading"})},Qd=()=>{var s;const{origin:e}=$e(),{appId:t,aiAgentId:n}=W(),{channelSource:o}=Q();return(s=o.channel)!=null&&s.conversation?r.createElement(eu,null,r.createElement(Ut,{style:{gap:4}},r.createElement(L,{color:m.themedColor.textLowEmphasis,size:12,type:"show"}),r.createElement(I,{as:"i",color:m.themedColor.textLowEmphasis,variant:"caption2"},"Only visible in the tester")),r.createElement(Ut,{role:"button",style:{gap:4},onClick:()=>{var c,u;const a=e??window.location.origin,i=(u=(c=o.channel)==null?void 0:c.conversation)==null?void 0:u.id,l=`${a}/ai-agent/${t}/${n}/evaluate/conversations/${i}`;navigator.clipboard.writeText(l)}},r.createElement(I,{variant:"body3",color:m.themedColor.textHighEmphasis},"Copy ",r.createElement("span",{style:{color:m.themedColor.primary}},"conversation link")),r.createElement(L,{color:m.themedColor.primary,size:14,type:"copy"}))):null},Ut=f.default.div`display:flex;justify-content:center;align-items:center;`,eu=f.default(Ut)`flex-direction:column;padding-block:16px;background-color:${m.themedColor.bg_100_500};gap:8px;`,Ir=d.createContext(void 0),tu=({children:e})=>{var E;const{chatSDK:t}=G(),{createAttachmentRules:n}=Y(),{stringSet:o}=B(),{channelSource:s}=Q(),[a,i]=d.useState([]),[l,c]=d.useState({visible:!1,title:""}),u=n({channel:s.channel,uploadSizeLimit:(E=t.appInfo)==null?void 0:E.uploadSizeLimit}),g=u.isEnabled(),p=b=>{const h=u.getUploadSizeLimit(b.type);return b.size>h},x=b=>{if(!g)return;const h=b.filter(M=>u.isSupportedMimeType(M.type));if(h.length===0)return;const y=h.find(M=>p(M));if(y){const M=u.getUploadSizeLimitInMB(y.type);c({visible:!0,title:o.FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT.replace("%d",M.toString())});return}if(a.length+h.length>u.maxAttachmentCount){c({visible:!0,title:o.FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT});return}i(M=>[...M,...h.map(S=>({file:S,preview:{url:URL.createObjectURL(S),type:S.type,name:S.name}}))])},C=b=>{i(h=>{var _;const y=(_=h[b])==null?void 0:_.preview;return y&&URL.revokeObjectURL(y.url),h.filter((M,S)=>S!==b)})},v=()=>{i(b=>(b.forEach(h=>URL.revokeObjectURL(h.preview.url)),[]))};return r.createElement(Ir.Provider,{value:{files:a,addFiles:x,removeFile:C,clearFiles:v,isFileUploadEnabled:g,acceptableMimeTypes:u.supportedMimeTypes}},e,r.createElement(Qt,{...l,onClose:()=>c({visible:!1,title:""})}))},on=()=>{const e=d.useContext(Ir);if(!e)throw new Error("useFileUpload must be used within FileUploadProvider");return e};function nu({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 ru=(e,t)=>{d.useEffect(()=>{t?e==null||e.startTyping():e==null||e.endTyping()},[e,t])},ou=f.default.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex;flex-direction:row;gap:10px;padding:8px 16px;background-color:transparent;`,su=f.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;}`,au=f.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%;${D.light`
257
257
  background-color: ${m.color.background50};
258
258
  `}
259
259
  ${D.dark`
@@ -272,17 +272,17 @@
272
272
  circle {
273
273
  stroke: ${m.themedColor.bg_50_600};
274
274
  }
275
- `,iu=()=>{const e=Ue(),[t,n]=d.useState(),{files:o,removeFile:s,isFileUploadEnabled:a}=on();return!a||o.length===0?null:r.createElement(ou,null,o.map(({preview:{type:i,name:l,url:c}},u)=>r.createElement(su,{key:c,onMouseOver:()=>n(u),onMouseLeave:()=>n(void 0)},(e||t===u)&&r.createElement(au,{title:"Remove file",onClick:()=>s(u)},r.createElement(L,{type:"close-filled",color:m.themedColor.textMidEmphasis})),i.startsWith("image/")?r.createElement("img",{alt:"file-image",src:c}):r.createElement(Yt,{name:l,type:zt(l,i)}))))},$r={textArea:A.css`min-height:40px;height:40px;font-size:16px;line-height:24px;`,attachIcon:A.css`margin-bottom:4px;`},Mr=f.default.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`,lu=f.default(Mr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${m.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${m.themedColor.bg_200_400};}}${Zt&&$r.attachIcon};`,cu=f.default.input`display:none;`,Fn=f.default.div`width:100%;position:relative;background-color:${m.themedColor.bg_100_500};border-radius:20px;`,Un=f.default.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`,Hn=f.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:${m.themedColor.textHighEmphasis};resize:none;width:100%;height:${ur}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${Zt&&$r.textArea};&::placeholder{color:${m.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${m.themedColor.textDisabled};}}`,zn=f.default.div`padding:12px 16px;position:relative;display:flex;align-items:center;`,Vn=({disabled:e})=>{const{stringSet:t}=B(),n=d.useRef(null),[o,s]=d.useState(!1),{addFiles:a,clearFiles:i,files:l,isFileUploadEnabled:c,acceptableMimeTypes:u}=on();return!c||l.length>0?null:r.createElement(lu,{disabled:e,onClick:()=>{var g;if(u.length===0)return s(!0);i(),(g=n.current)==null||g.click()}},r.createElement(L,{type:"attach",color:e?m.themedColor.textDisabled:m.themedColor.textMidEmphasis,size:16}),r.createElement(cu,{type:"file",ref:n,onChange:g=>{const p=g.currentTarget.files;p&&a(Array.from(p)),g.target.value=""},accept:u.join(",")}),r.createElement(Qt,{visible:o,title:t.FILE_UPLOAD_NO_SUPPORTED_FILES,onClose:()=>s(!1)}))},du=()=>{const e=d.useRef(null),[t,n]=d.useState(""),{stringSet:o}=B(),{rootElement:s}=G(),{channelSource:a,messageSource:i,state:l}=Q(),{files:c,addFiles:u,clearFiles:g}=on(),p=l.input.disabled,x=(()=>{if(!p)return o.MESSAGE_INPUT__PLACE_HOLDER;switch(l.input.disabledBy){case"form_active":return o.FORM_PLACEHOLDER;case"ai_responding":return o.MESSAGE_INPUT__PLACE_HOLDER__WAIT_AI_AGENT_RESPONSE;case"suggested_replies":return o.MESSAGE_INPUT__PLACE_HOLDER__SUGGESTED_REPLIES;case"unavailable":case"conversation_closed":default:return o.MESSAGE_INPUT__PLACE_HOLDER__DISABLED}})();od({onDropFiles:u}),nu({blurred:p,elementRef:e,document:Ae(s)}),ru(a.channel,t);const C=t.trim().length>0,v=c.length>0,E=!p&&(C||v),b=()=>{e.current&&(e.current.value="",e.current.style.height=""),g(),n("")},h=async()=>{const S=t.trim(),w={message:S};if(!(!S&&!c.length)){if(c.length>0){const $=c[0].file,R={...w,file:$};i.sendFileMessage(R),b();return}i.sendUserMessage(w),b()}},y=S=>{const w=Array.from(S.clipboardData.files);w.length>0&&(S.preventDefault(),u(w))},_=S=>{S.key!=="Enter"||S.nativeEvent.isComposing||S.shiftKey||(S.preventDefault(),h())},M=S=>{if(e.current){e.current.style.height="";const w=Math.min(Fa,e.current.scrollHeight);ur<w&&(e.current.style.height=`${w}px`)}n(S.target.value)};return p?r.createElement(zn,null,r.createElement(Fn,null,r.createElement(Un,null,r.createElement(Hn,{disabled:!0,placeholder:x}),r.createElement(Vn,{disabled:!0})))):r.createElement(zn,null,r.createElement(Fn,null,r.createElement(iu,null),r.createElement(Un,null,r.createElement(Hn,{ref:e,role:"textbox","aria-label":"Text Input",placeholder:x,maxLength:5e3,onKeyDown:_,onChange:M,onPaste:y}),r.createElement(Vn,null))),E&&r.createElement(Mr,{onClick:()=>h()},r.createElement(L,{type:"send",color:m.color.primary.main,size:20})))},uu=f.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:${m.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${D.light`
275
+ `,iu=()=>{const e=Ue(),[t,n]=d.useState(),{files:o,removeFile:s,isFileUploadEnabled:a}=on();return!a||o.length===0?null:r.createElement(ou,null,o.map(({preview:{type:i,name:l,url:c}},u)=>r.createElement(su,{key:c,onMouseOver:()=>n(u),onMouseLeave:()=>n(void 0)},(e||t===u)&&r.createElement(au,{title:"Remove file",onClick:()=>s(u)},r.createElement(L,{type:"close-filled",color:m.themedColor.textMidEmphasis})),i.startsWith("image/")?r.createElement("img",{alt:"file-image",src:c}):r.createElement(Yt,{name:l,type:Vt(l,i)}))))},$r={textArea:A.css`min-height:40px;height:40px;font-size:16px;line-height:24px;`,attachIcon:A.css`margin-bottom:4px;`},Mr=f.default.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`,lu=f.default(Mr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${m.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${m.themedColor.bg_200_400};}}${Zt&&$r.attachIcon};`,cu=f.default.input`display:none;`,Fn=f.default.div`width:100%;position:relative;background-color:${m.themedColor.bg_100_500};border-radius:20px;`,Un=f.default.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`,Hn=f.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:${m.themedColor.textHighEmphasis};resize:none;width:100%;height:${ur}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${Zt&&$r.textArea};&::placeholder{color:${m.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${m.themedColor.textDisabled};}}`,zn=f.default.div`padding:12px 16px;position:relative;display:flex;align-items:center;`,Vn=({disabled:e})=>{const{stringSet:t}=B(),n=d.useRef(null),[o,s]=d.useState(!1),{addFiles:a,clearFiles:i,files:l,isFileUploadEnabled:c,acceptableMimeTypes:u}=on();return!c||l.length>0?null:r.createElement(lu,{disabled:e,onClick:()=>{var g;if(u.length===0)return s(!0);i(),(g=n.current)==null||g.click()}},r.createElement(L,{type:"attach",color:e?m.themedColor.textDisabled:m.themedColor.textMidEmphasis,size:16}),r.createElement(cu,{type:"file",ref:n,onChange:g=>{const p=g.currentTarget.files;p&&a(Array.from(p)),g.target.value=""},accept:u.join(",")}),r.createElement(Qt,{visible:o,title:t.FILE_UPLOAD_NO_SUPPORTED_FILES,onClose:()=>s(!1)}))},du=()=>{const e=d.useRef(null),[t,n]=d.useState(""),{stringSet:o}=B(),{rootElement:s}=G(),{channelSource:a,messageSource:i,state:l}=Q(),{files:c,addFiles:u,clearFiles:g}=on(),p=l.input.disabled,x=(()=>{if(!p)return o.MESSAGE_INPUT__PLACE_HOLDER;switch(l.input.disabledBy){case"form_active":return o.FORM_PLACEHOLDER;case"ai_responding":return o.MESSAGE_INPUT__PLACE_HOLDER__WAIT_AI_AGENT_RESPONSE;case"suggested_replies":return o.MESSAGE_INPUT__PLACE_HOLDER__SUGGESTED_REPLIES;case"unavailable":case"conversation_closed":default:return o.MESSAGE_INPUT__PLACE_HOLDER__DISABLED}})();od({onDropFiles:u}),nu({blurred:p,elementRef:e,document:Ae(s)}),ru(a.channel,t);const C=t.trim().length>0,v=c.length>0,E=!p&&(C||v),b=()=>{e.current&&(e.current.value="",e.current.style.height=""),g(),n("")},h=async()=>{const S=t.trim(),k={message:S};if(!(!S&&!c.length)){if(c.length>0){const $=c[0].file,R={...k,file:$};i.sendFileMessage(R),b();return}i.sendUserMessage(k),b()}},y=S=>{const k=Array.from(S.clipboardData.files);k.length>0&&(S.preventDefault(),u(k))},_=S=>{S.key!=="Enter"||S.nativeEvent.isComposing||S.shiftKey||(S.preventDefault(),h())},M=S=>{if(e.current){e.current.style.height="";const k=Math.min(Fa,e.current.scrollHeight);ur<k&&(e.current.style.height=`${k}px`)}n(S.target.value)};return p?r.createElement(zn,null,r.createElement(Fn,null,r.createElement(Un,null,r.createElement(Hn,{disabled:!0,placeholder:x}),r.createElement(Vn,{disabled:!0})))):r.createElement(zn,null,r.createElement(Fn,null,r.createElement(iu,null),r.createElement(Un,null,r.createElement(Hn,{ref:e,role:"textbox","aria-label":"Text Input",placeholder:x,maxLength:5e3,onKeyDown:_,onChange:M,onPaste:y}),r.createElement(Vn,null))),E&&r.createElement(Mr,{onClick:()=>h()},r.createElement(L,{type:"send",color:m.color.primary.main,size:20})))},uu=f.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:${m.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${D.light`
276
276
  color: ${m.color.information.light};
277
277
  `};
278
278
  ${D.dark`
279
279
  color: ${m.color.information.main};
280
280
  `};
281
281
  }
282
- `,mu=d.lazy(()=>Promise.resolve().then(()=>require("./DnOT9Q2M.cjs")).then(e=>({default:e.MarkdownText}))),gu=()=>{const{aiAgentInfo:e,userSession:t}=Y(),{messageSource:n,channelSource:o}=Q(),[s,a]=d.useState(null),i=Kt("special-notice",o.channel),l=d.useCallback(()=>o.channel?i?n.messages.some(c=>Pe(c,(t==null?void 0:t.userId)??"")):!0:null,[o.channel,i,n.messages,t==null?void 0:t.userId]);return d.useEffect(()=>{s||a(l())},[l,s]),s?null:r.createElement(uu,null,r.createElement(mu,null,e.specialNotice))},hu=()=>r.createElement(fu,null,r.createElement(gu,null),r.createElement(tu,null,r.createElement(du,null))),fu=f.default.div`z-index:0;border:none;width:100%;`,pu=()=>{var s;const{testerType:e}=$e(),{channelSource:t}=Q(),n=xe(t.channel),o=!!e&&((s=t.channel)==null?void 0:s.isAIAgent);return n&&o?r.createElement(Qd,null):r.createElement(hu,null)},Lr=({channel:e,size:t=40})=>{const{userSession:n,aiAgentInfo:o}=Y(),{fallbackIcon:s,url:a}=ar({channel:e,aiAgentInfo:o,userSession:n}),i=A.useTheme();return a?r.createElement(Xt,{src:a,size:t}):r.createElement(bu,{$size:t,$bgColor:i.colors.base.primary},r.createElement(L,{type:s,size:t*.55,color:i.colors.base.primaryContrastContent}))},bu=f.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;`,Eu=({label:e,children:t,position:n="top",disabled:o})=>o?t:r.createElement(Ut,null,t,r.createElement(yu,{$position:n},r.createElement(Cu,{variant:"caption1"},e),r.createElement(xu,{$position:n}))),xu=({$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:m.themedColor.textHighEmphasis})),vu={top:A.css`flex-direction:column;top:0;transform:translate(-50%,-100%);`,bottom:A.css`flex-direction:column-reverse;bottom:0;transform:translate(-50%,100%);`},Ut=f.default.div`position:relative;`,yu=f.default.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${Ie.TOOLTIP};${({$position:e})=>vu[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${Ut}:hover &,${Ut}:focus-within &{opacity:1;}`,Cu=f.default(I)`padding:6px 8px;background:${m.themedColor.textHighEmphasis};color:${m.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`,_u=()=>{const{state:e,logger:t,enableCloseConversationButton:n,enableExpandButton:o,dispatcher:s}=G(),{stringSet:a}=B(),{channelSource:i,onNavigateToConversationList:l}=Q(),{aiAgentInfo:c,userSession:u}=Y(),g=i.channel,x=Ue()?24:16,C=ar({channel:g,userSession:u,aiAgentInfo:c}),v=()=>{e.setOpened(!1)},E=async()=>{try{const _=await(g==null?void 0:g.markConversationAsHandoff());t.info("conversation.handleAgentHandoff: success",_)}catch(_){t.error("conversation.handleAgentHandoff: error",_)}},b=async()=>{g&&await s.send(Jn.CloseConversation({channelUrl:g.url}))},h=Kt("handoff-button",g),y=(g==null?void 0:g.isAIAgent)&&n;return r.createElement(ku,null,r.createElement(Iu,null,l&&r.createElement(We,{onClick:()=>l()},r.createElement(L,{type:"menu",size:24,color:m.themedColor.textHighEmphasis})),r.createElement(Lr,{channel:g,size:34}),r.createElement(Mu,{variant:"h2",color:m.themedColor.textHighEmphasis},C.title)),r.createElement($u,null,h&&r.createElement(wu,{tooltipLabel:a.HEADER_BUTTON__AGENT_HANDOFF,disabled:!kt(g)||Ne(g),size:x,onClick:E}),y&&r.createElement(Au,{disabled:!kt(g),size:x,onClick:b}),o&&r.createElement(Su,{size:x}),r.createElement(Tu,{size:x,onClick:v})))},Su=({size:e,disabled:t})=>{const{state:n}=G();return r.createElement(We,{"aria-label":"expand",onClick:()=>n.setExpanded(!n.expanded),disabled:t},r.createElement(L,{type:n.expanded?"collapse":"expand",size:e,color:m.themedColor.textHighEmphasis}))},Tu=({size:e,disabled:t,onClick:n})=>r.createElement(We,{"aria-label":"close messenger",onClick:n,disabled:t},r.createElement(L,{type:"close",size:e,color:m.themedColor.textHighEmphasis})),Au=({size:e,disabled:t,onClick:n})=>r.createElement(We,{"aria-label":"close conversation",onClick:n,disabled:t},r.createElement(L,{type:"mute",size:e,color:t?m.themedColor.textDisabled:m.themedColor.textHighEmphasis})),wu=({size:e,onClick:t,disabled:n,tooltipLabel:o})=>r.createElement(Eu,{label:o,position:"bottom",disabled:n},r.createElement(We,{"aria-label":"agent",onClick:t,disabled:n},r.createElement(L,{type:"agent",size:e,color:n?m.themedColor.textDisabled:m.themedColor.textHighEmphasis}))),ku=f.default.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${m.themedColor.textDisabled};background-color:${({theme:e})=>e.colors.base.headerBackground};`,Iu=f.default.div`display:flex;flex:1;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`,$u=f.default.div`display:flex;gap:10px;align-items:center;justify-content:center;`,Mu=f.default(I)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`,We=f.default.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`,Lu=()=>{const{isActionbookTester:e}=$e();return e?null:r.createElement(_u,null)},Or=({children:e,onNavigateToConversationList:t,channelUrl:n,onClearChannelUrl:o,shouldMarkAsRead:s,closedChannelUrl:a,onClearClosedChannelUrl:i})=>{var g;const{config:l}=W(),c=((g=l==null?void 0:l.conversation)==null?void 0:g.scrollMode)??"auto",{Template:u}=pt.useContext();return r.createElement(ed,{scrollMode:c},r.createElement(Ar,{onNavigateToConversationList:t,channelUrl:n??a,onClearChannelUrl:o??i,shouldMarkAsRead:s},r.createElement(Bt,null,r.createElement(Bt.Consumer,null,p=>r.createElement(r.Fragment,null,r.createElement(Du,{...p},r.createElement(u,null)),e)))))},pt=ke({template:Ou,components:{Header:Lu,Body:Jd,Footer:pu}});function Ou(){const{components:e}=pt.useContext();return r.createElement(r.Fragment,null,r.createElement(e.Header,null),r.createElement(e.Body,null),r.createElement(e.Footer,null))}const Du=f.default.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({theme:e})=>e.colors.base.background};`,{Provider:Ru,Context:Nu,useContext:sn}=Z("ConversationList");function Dr({conversationListLimit:e,conversationListFilter:t,onOpenConversationView:n=ve,children:o}){return r.createElement(Ts,{conversationListLimit:e,conversationListFilter:t},s=>r.createElement(Ru,{value:{...s,onOpenConversationView:n}},o))}const Pu=({channel:e})=>r.createElement(Lr,{channel:e}),an=ke({template:Bu,components:{}}),Ht=99;function Bu(e){const{channel:t,onClick:n}=e,{stringSet:o,format:s}=B(),a=ho(t),i=fo(t,s,{justNow:o.DATE_FORMAT__JUST_NOW,minutesAgo:o.DATE_FORMAT__MINUTES_AGO,hoursAgo:o.DATE_FORMAT__HOURS_AGO,dateShortFormat:o.DATE_FORMAT__DATE_SHORT}),l=t.unreadMessageCount;return r.createElement(Fu,{role:"button",onClick:()=>n==null?void 0:n()},r.createElement(Uu,null,r.createElement(Pu,{...e})),r.createElement(Hu,null,r.createElement(zu,null,r.createElement(I,{variant:"subtitle1",color:m.themedColor.textHighEmphasis,maxTextLines:1},a),r.createElement(Vu,null,xe(t)&&r.createElement(r.Fragment,null,r.createElement(I,{variant:"caption1",color:m.themedColor.textMidEmphasis,maxTextLines:1},o.CONVERSATION_LIST__ENDED),r.createElement(Gu,null)),r.createElement(I,{variant:"caption2",color:m.themedColor.textLowEmphasis,maxTextLines:1},i))),l>0&&r.createElement(Wu,{$count:l},r.createElement(I,{variant:"caption3",color:m.themedColor.textHighEmphasisInverse},l<=Ht?l:`${Ht}+`))))}const Fu=f.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;`,Uu=f.default.div`display:flex;align-items:center;justify-content:center;padding-inline-start:16px;`,Hu=f.default.div`display:flex;flex-direction:row;align-items:center;flex:1;padding-inline-end:16px;height:100%;gap:8px;border-bottom:1px solid ${m.themedColor.textDisabled};`,zu=f.default.div`display:flex;flex-direction:column;justify-content:center;flex:1;gap:4px;word-break:break-word;overflow-wrap:break-word;`,Vu=f.default.div`display:flex;align-items:center;gap:6px;`,Gu=f.default.div`width:2px;height:2px;border-radius:1px;background-color:${m.themedColor.textLowEmphasis};`,Wu=f.default.div`display:flex;align-items:center;justify-content:center;height:20px;padding:4px;border-radius:10px;background-color:${m.themedColor.error};${({$count:e})=>e<=Ht&&A.css`
282
+ `,mu=d.lazy(()=>Promise.resolve().then(()=>require("./B0MxbJ5V.cjs")).then(e=>({default:e.MarkdownText}))),gu=()=>{const{aiAgentInfo:e,userSession:t}=Y(),{messageSource:n,channelSource:o}=Q(),[s,a]=d.useState(null),i=Kt("special-notice",o.channel),l=d.useCallback(()=>o.channel?i?n.messages.some(c=>Pe(c,(t==null?void 0:t.userId)??"")):!0:null,[o.channel,i,n.messages,t==null?void 0:t.userId]);return d.useEffect(()=>{s||a(l())},[l,s]),s?null:r.createElement(uu,null,r.createElement(mu,null,e.specialNotice))},hu=()=>r.createElement(fu,null,r.createElement(gu,null),r.createElement(tu,null,r.createElement(du,null))),fu=f.default.div`z-index:0;border:none;width:100%;`,pu=()=>{var s;const{testerType:e}=$e(),{channelSource:t}=Q(),n=ve(t.channel),o=!!e&&((s=t.channel)==null?void 0:s.isAIAgent);return n&&o?r.createElement(Qd,null):r.createElement(hu,null)},Lr=({channel:e,size:t=40})=>{const{userSession:n,aiAgentInfo:o}=Y(),{fallbackIcon:s,url:a}=ar({channel:e,aiAgentInfo:o,userSession:n}),i=A.useTheme();return a?r.createElement(Xt,{src:a,size:t}):r.createElement(bu,{$size:t,$bgColor:i.colors.base.primary},r.createElement(L,{type:s,size:t*.55,color:i.colors.base.primaryContrastContent}))},bu=f.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;`,Eu=({label:e,children:t,position:n="top",disabled:o})=>o?t:r.createElement(Ht,null,t,r.createElement(yu,{$position:n},r.createElement(Cu,{variant:"caption1"},e),r.createElement(xu,{$position:n}))),xu=({$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:m.themedColor.textHighEmphasis})),vu={top:A.css`flex-direction:column;top:0;transform:translate(-50%,-100%);`,bottom:A.css`flex-direction:column-reverse;bottom:0;transform:translate(-50%,100%);`},Ht=f.default.div`position:relative;`,yu=f.default.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${Ie.TOOLTIP};${({$position:e})=>vu[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${Ht}:hover &,${Ht}:focus-within &{opacity:1;}`,Cu=f.default(I)`padding:6px 8px;background:${m.themedColor.textHighEmphasis};color:${m.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`,_u=()=>{const{state:e,logger:t,enableCloseConversationButton:n,enableExpandButton:o,dispatcher:s}=G(),{stringSet:a}=B(),{channelSource:i,onNavigateToConversationList:l}=Q(),{aiAgentInfo:c,userSession:u}=Y(),g=i.channel,x=Ue()?24:16,C=ar({channel:g,userSession:u,aiAgentInfo:c}),v=()=>{e.setOpened(!1)},E=async()=>{try{const _=await(g==null?void 0:g.markConversationAsHandoff());t.info("conversation.handleAgentHandoff: success",_)}catch(_){t.error("conversation.handleAgentHandoff: error",_)}},b=async()=>{g&&await s.send(Jn.CloseConversation({channelUrl:g.url}))},h=Kt("handoff-button",g),y=(g==null?void 0:g.isAIAgent)&&n;return r.createElement(ku,null,r.createElement(Iu,null,l&&r.createElement(We,{onClick:()=>l()},r.createElement(L,{type:"menu",size:24,color:m.themedColor.textHighEmphasis})),r.createElement(Lr,{channel:g,size:34}),r.createElement(Mu,{variant:"h2",color:m.themedColor.textHighEmphasis},C.title)),r.createElement($u,null,h&&r.createElement(wu,{tooltipLabel:a.HEADER_BUTTON__AGENT_HANDOFF,disabled:!It(g)||Ne(g),size:x,onClick:E}),y&&r.createElement(Au,{disabled:!It(g),size:x,onClick:b}),o&&r.createElement(Su,{size:x}),r.createElement(Tu,{size:x,onClick:v})))},Su=({size:e,disabled:t})=>{const{state:n}=G();return r.createElement(We,{"aria-label":"expand",onClick:()=>n.setExpanded(!n.expanded),disabled:t},r.createElement(L,{type:n.expanded?"collapse":"expand",size:e,color:m.themedColor.textHighEmphasis}))},Tu=({size:e,disabled:t,onClick:n})=>r.createElement(We,{"aria-label":"close messenger",onClick:n,disabled:t},r.createElement(L,{type:"close",size:e,color:m.themedColor.textHighEmphasis})),Au=({size:e,disabled:t,onClick:n})=>r.createElement(We,{"aria-label":"close conversation",onClick:n,disabled:t},r.createElement(L,{type:"mute",size:e,color:t?m.themedColor.textDisabled:m.themedColor.textHighEmphasis})),wu=({size:e,onClick:t,disabled:n,tooltipLabel:o})=>r.createElement(Eu,{label:o,position:"bottom",disabled:n},r.createElement(We,{"aria-label":"agent",onClick:t,disabled:n},r.createElement(L,{type:"agent",size:e,color:n?m.themedColor.textDisabled:m.themedColor.textHighEmphasis}))),ku=f.default.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${m.themedColor.textDisabled};background-color:${({theme:e})=>e.colors.base.headerBackground};`,Iu=f.default.div`display:flex;flex:1;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`,$u=f.default.div`display:flex;gap:10px;align-items:center;justify-content:center;`,Mu=f.default(I)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`,We=f.default.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`,Lu=()=>{const{isActionbookTester:e}=$e();return e?null:r.createElement(_u,null)},Or=({children:e,onNavigateToConversationList:t,channelUrl:n,onClearChannelUrl:o,shouldMarkAsRead:s,closedChannelUrl:a,onClearClosedChannelUrl:i})=>{var g;const{config:l}=W(),c=((g=l==null?void 0:l.conversation)==null?void 0:g.scrollMode)??"auto",{Template:u}=bt.useContext();return r.createElement(ed,{scrollMode:c},r.createElement(Ar,{onNavigateToConversationList:t,channelUrl:n??a,onClearChannelUrl:o??i,shouldMarkAsRead:s},r.createElement(Ft,null,r.createElement(Ft.Consumer,null,p=>r.createElement(r.Fragment,null,r.createElement(Du,{...p},r.createElement(u,null)),e)))))},bt=ke({template:Ou,components:{Header:Lu,Body:Jd,Footer:pu}});function Ou(){const{components:e}=bt.useContext();return r.createElement(r.Fragment,null,r.createElement(e.Header,null),r.createElement(e.Body,null),r.createElement(e.Footer,null))}const Du=f.default.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({theme:e})=>e.colors.base.background};`,{Provider:Ru,Context:Nu,useContext:sn}=Z("ConversationList");function Dr({conversationListLimit:e,conversationListFilter:t,onOpenConversationView:n=ye,children:o}){return r.createElement(Ts,{conversationListLimit:e,conversationListFilter:t},s=>r.createElement(Ru,{value:{...s,onOpenConversationView:n}},o))}const Pu=({channel:e})=>r.createElement(Lr,{channel:e}),an=ke({template:Bu,components:{}}),zt=99;function Bu(e){const{channel:t,onClick:n}=e,{stringSet:o,format:s}=B(),a=ho(t),i=fo(t,s,{justNow:o.DATE_FORMAT__JUST_NOW,minutesAgo:o.DATE_FORMAT__MINUTES_AGO,hoursAgo:o.DATE_FORMAT__HOURS_AGO,dateShortFormat:o.DATE_FORMAT__DATE_SHORT}),l=t.unreadMessageCount;return r.createElement(Fu,{role:"button",onClick:()=>n==null?void 0:n()},r.createElement(Uu,null,r.createElement(Pu,{...e})),r.createElement(Hu,null,r.createElement(zu,null,r.createElement(I,{variant:"subtitle1",color:m.themedColor.textHighEmphasis,maxTextLines:1},a),r.createElement(Vu,null,ve(t)&&r.createElement(r.Fragment,null,r.createElement(I,{variant:"caption1",color:m.themedColor.textMidEmphasis,maxTextLines:1},o.CONVERSATION_LIST__ENDED),r.createElement(Gu,null)),r.createElement(I,{variant:"caption2",color:m.themedColor.textLowEmphasis,maxTextLines:1},i))),l>0&&r.createElement(Wu,{$count:l},r.createElement(I,{variant:"caption3",color:m.themedColor.textHighEmphasisInverse},l<=zt?l:`${zt}+`))))}const Fu=f.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;`,Uu=f.default.div`display:flex;align-items:center;justify-content:center;padding-inline-start:16px;`,Hu=f.default.div`display:flex;flex-direction:row;align-items:center;flex:1;padding-inline-end:16px;height:100%;gap:8px;border-bottom:1px solid ${m.themedColor.textDisabled};`,zu=f.default.div`display:flex;flex-direction:column;justify-content:center;flex:1;gap:4px;word-break:break-word;overflow-wrap:break-word;`,Vu=f.default.div`display:flex;align-items:center;gap:6px;`,Gu=f.default.div`width:2px;height:2px;border-radius:1px;background-color:${m.themedColor.textLowEmphasis};`,Wu=f.default.div`display:flex;align-items:center;justify-content:center;height:20px;padding:4px;border-radius:10px;background-color:${m.themedColor.error};${({$count:e})=>e<=zt&&A.css`
283
283
  width: 20px;
284
284
  `}
285
- `,qu=({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(ju,{onScroll:s=>o(s)},e.map((s,a)=>t(s,a)))},ju=f.default.div`width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto;`,Ku=()=>{const{stringSet:e}=B(),{listSource:t,onOpenConversationView:n}=sn(),{Template:o}=an.useContext();return t.initialized?t.channels.length===0?r.createElement(Be,{type:"noChannels",label:e.CONVERSATION_LIST__NO_CONVERSATIONS}):r.createElement(qu,{items:t.channels,renderItem:s=>{var a,i,l;return r.createElement(o,{key:s.url,channel:s,onClick:()=>n(s.url,xe(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(Be,{type:"loading"})},Zu=()=>{const{stringSet:e}=B(),{language:t,countryCode:n,context:o}=G(),{aiAgentInfo:s,refreshActiveChannel:a,createConversation:i,setActiveChannel:l}=Y(),{onOpenConversationView:c}=sn();return r.createElement(Yu,{role:"button",onClick:async()=>{if(s.isMultipleActiveConversationsEnabled){const u=await i({aiAgentId:s.userId,language:t,country:n,context:o});l({url:u,status:z.ConversationStatus.OPEN}),c(u,z.ConversationStatus.OPEN)}else{const u=await a();c(u,z.ConversationStatus.OPEN)}}},r.createElement(Xu,{variant:"h1"},e.TALK_TO_AGENT))},Yu=f.default.div`background-color:${({theme:e})=>e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`,Xu=f.default(I)`color:${({theme:e})=>e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,Ju=()=>{const{state:e}=G(),{stringSet:t}=B(),o=Ue()?24:16,s=()=>{e.setOpened(!1)};return r.createElement(em,null,r.createElement(tm,{variant:"h2",color:m.themedColor.textHighEmphasis},t.CONVERSATION_LIST__HEADER_TITLE),r.createElement(nm,null,r.createElement(Qu,{size:o,onClick:s})),r.createElement(rm,null))},Qu=({size:e,disabled:t,onClick:n})=>r.createElement(om,{"aria-label":"close messenger",onClick:n,disabled:t},r.createElement(L,{type:"close",size:e,color:m.themedColor.textHighEmphasis})),em=f.default.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${m.themedColor.textDisabled};background-color:${({theme:e})=>e.colors.base.headerBackground};`,tm=f.default(I)`padding:0 4px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`,nm=f.default.div`display:flex;gap:10px;align-items:center;justify-content:center;`,rm=f.default.div`position:absolute;bottom:0;width:100%;height:1px;background-color:${m.themedColor.textDisabled};`,om=f.default.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`,Rr=({conversationListLimit:e,conversationListFilter:t,children:n,onOpenConversationView:o})=>{const{Template:s}=bt.useContext();return r.createElement(Dr,{conversationListLimit:e,conversationListFilter:t,onOpenConversationView:o},r.createElement(am,null,r.createElement(s,null)),n)},bt=ke({template:sm,components:{Header:Ju,Body:Ku,Footer:Zu}});function sm(){const{components:e}=bt.useContext();return r.createElement(r.Fragment,null,r.createElement(e.Header,null),r.createElement(e.Body,null),r.createElement(e.Footer,null))}const am=f.default.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({theme:e})=>e.colors.base.background};`,im=A.css`:where(#${ne.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`,lm=[im,sa,aa],cm=(e,...t)=>A.createGlobalStyle(e,...lm,...t),dm=cm``,um=co(pt,we,gt,ht,bt,an,ft);function Nr({appearance:e,rootElement:t,logger:n,language:o,stringSet:s,children:a,messageTemplate:i,theme:l}){return ua(Zs,t),r.createElement(A.StyleSheetManager,{target:t},r.createElement(la,{rootElement:t,logger:n,appearance:e,theme:l},r.createElement(ks,{internalVariables:i==null?void 0:i.__internalVariables},r.createElement(oa,{stringSet:s,logger:n,language:o},r.createElement(um,null,a,r.createElement(dm,null))))))}const Qe={},et={getItem:e=>{try{return localStorage.getItem(e)}catch{return Qe[e]??null}},setItem:(e,t)=>{try{localStorage.setItem(e,t)}catch{Qe[e]=t}},deleteItem:e=>{try{localStorage.removeItem(e)}catch{delete Qe[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(Qe).filter(t=>t.startsWith(e))}}},ln=d.forwardRef(function({rootElement:t=document.body,logLevel:n=K.LogLevel.WARN,language:o=navigator.language,userSessionInfo:s,children:a,...i},l){var c,u;return ze.level!==n&&(ze.level=n),da("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(Nr,{logger:ze,rootElement:t,appearance:(c=i.agentPreviewConfigs)==null?void 0:c.appearance,stringSet:i.stringSet,language:o,messageTemplate:i.messageTemplate,theme:i.theme},r.createElement(ha,{rootElement:t,keyValueStorage:{get:et.getItem,set:et.setItem,delete:et.deleteItem,getKeys:et.getKeys},language:o,logger:ze,dispatcher:Pr,chatParams:{...i.chatParams,customApiHost:i.customApiHost,customWebSocketHost:i.customWebSocketHost},chatSDK:i.customChatSDK,...i},r.createElement(pa,{ref:l,userSessionInfo:s,forceCreateChannel:(u=i.agentPreviewConfigs)==null?void 0:u.forceCreateChannel},r.createElement(Uc,{...i._UNSAFE_INTERNAL_dashboardTester},a,r.createElement("div",{id:ne.MODAL_ROOT}))))))}),ze=new Xn(K.LogLevel.WARN),Pr=new Yn(ze),Br=({children:e,isOpened:t})=>{const{dir:n,rootElement:o}=G(),s=Ae(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(mm,{dir:n,$visible:t},e)},mm=f.default.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${Ie.WINDOW};visibility:${({$visible:e})=>e?"visible":"hidden"};`,gm=48,hm=2/3;function Fr({className:e,isOpened:t,onClick:n,type:o,imageUrl:s,dir:a,animated:i=!0,backgroundColor:l,size:c=gm}){const u=Lt(l),g=Math.round(c*hm);return r.createElement(bm,{dir:a,id:ne.LAUNCHER,className:e,"aria-label":"Sendbird AIAgent Launcher",onClick:n,$animated:i,$backgroundColor:l,$size:c},r.createElement(Em,{$isOpened:t,$animated:i,$fillColor:u,$iconSize:g},r.createElement(Gn.Open,{url:s,isDefaultIcon:o==="default_icon",size:g})),r.createElement(xm,{$isOpened:t,$animated:i,$fillColor:u,$iconSize:g},r.createElement(Gn.Close,{size:g})))}const fm=A.css`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`,pm=A.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===dr.WHITE?"grayscale(100%) brightness(2000%)":"grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`,Ur=A.css`svg{width:${({$iconSize:e})=>e}px;height:${({$iconSize:e})=>e}px;${({$fillColor:e})=>A.css`
285
+ `,qu=({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(ju,{onScroll:s=>o(s)},e.map((s,a)=>t(s,a)))},ju=f.default.div`width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto;`,Ku=()=>{const{stringSet:e}=B(),{listSource:t,onOpenConversationView:n}=sn(),{Template:o}=an.useContext();return t.initialized?t.channels.length===0?r.createElement(Be,{type:"noChannels",label:e.CONVERSATION_LIST__NO_CONVERSATIONS}):r.createElement(qu,{items:t.channels,renderItem:s=>{var a,i,l;return r.createElement(o,{key:s.url,channel:s,onClick:()=>n(s.url,ve(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(Be,{type:"loading"})},Zu=()=>{const{stringSet:e}=B(),{language:t,countryCode:n,context:o}=G(),{aiAgentInfo:s,refreshActiveChannel:a,createConversation:i,setActiveChannel:l}=Y(),{onOpenConversationView:c}=sn();return r.createElement(Yu,{role:"button",onClick:async()=>{if(s.isMultipleActiveConversationsEnabled){const u=await i({aiAgentId:s.userId,language:t,country:n,context:o});l({url:u,status:z.ConversationStatus.OPEN}),c(u,z.ConversationStatus.OPEN)}else{const u=await a();c(u,z.ConversationStatus.OPEN)}}},r.createElement(Xu,{variant:"h1"},e.TALK_TO_AGENT))},Yu=f.default.div`background-color:${({theme:e})=>e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`,Xu=f.default(I)`color:${({theme:e})=>e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,Ju=()=>{const{state:e}=G(),{stringSet:t}=B(),o=Ue()?24:16,s=()=>{e.setOpened(!1)};return r.createElement(em,null,r.createElement(tm,{variant:"h2",color:m.themedColor.textHighEmphasis},t.CONVERSATION_LIST__HEADER_TITLE),r.createElement(nm,null,r.createElement(Qu,{size:o,onClick:s})),r.createElement(rm,null))},Qu=({size:e,disabled:t,onClick:n})=>r.createElement(om,{"aria-label":"close messenger",onClick:n,disabled:t},r.createElement(L,{type:"close",size:e,color:m.themedColor.textHighEmphasis})),em=f.default.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${m.themedColor.textDisabled};background-color:${({theme:e})=>e.colors.base.headerBackground};`,tm=f.default(I)`padding:0 4px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`,nm=f.default.div`display:flex;gap:10px;align-items:center;justify-content:center;`,rm=f.default.div`position:absolute;bottom:0;width:100%;height:1px;background-color:${m.themedColor.textDisabled};`,om=f.default.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`,Rr=({conversationListLimit:e,conversationListFilter:t,children:n,onOpenConversationView:o})=>{const{Template:s}=Et.useContext();return r.createElement(Dr,{conversationListLimit:e,conversationListFilter:t,onOpenConversationView:o},r.createElement(am,null,r.createElement(s,null)),n)},Et=ke({template:sm,components:{Header:Ju,Body:Ku,Footer:Zu}});function sm(){const{components:e}=Et.useContext();return r.createElement(r.Fragment,null,r.createElement(e.Header,null),r.createElement(e.Body,null),r.createElement(e.Footer,null))}const am=f.default.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({theme:e})=>e.colors.base.background};`,im=A.css`:where(#${ne.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`,lm=[im,sa,aa],cm=(e,...t)=>A.createGlobalStyle(e,...lm,...t),dm=cm``,um=co(bt,we,ht,ft,Et,an,pt);function Nr({appearance:e,rootElement:t,logger:n,language:o,stringSet:s,children:a,messageTemplate:i,theme:l}){return ua(Zs,t),r.createElement(A.StyleSheetManager,{target:t},r.createElement(la,{rootElement:t,logger:n,appearance:e,theme:l},r.createElement(ks,{internalVariables:i==null?void 0:i.__internalVariables},r.createElement(oa,{stringSet:s,logger:n,language:o},r.createElement(um,null,a,r.createElement(dm,null))))))}const Qe={},et={getItem:e=>{try{return localStorage.getItem(e)}catch{return Qe[e]??null}},setItem:(e,t)=>{try{localStorage.setItem(e,t)}catch{Qe[e]=t}},deleteItem:e=>{try{localStorage.removeItem(e)}catch{delete Qe[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(Qe).filter(t=>t.startsWith(e))}}},ln=d.forwardRef(function({rootElement:t=document.body,logLevel:n=K.LogLevel.WARN,language:o=navigator.language,userSessionInfo:s,children:a,...i},l){var c,u;return ze.level!==n&&(ze.level=n),da("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(Nr,{logger:ze,rootElement:t,appearance:(c=i.agentPreviewConfigs)==null?void 0:c.appearance,stringSet:i.stringSet,language:o,messageTemplate:i.messageTemplate,theme:i.theme},r.createElement(ha,{rootElement:t,keyValueStorage:{get:et.getItem,set:et.setItem,delete:et.deleteItem,getKeys:et.getKeys},language:o,logger:ze,dispatcher:Pr,chatParams:{...i.chatParams,customApiHost:i.customApiHost,customWebSocketHost:i.customWebSocketHost},chatSDK:i.customChatSDK,...i},r.createElement(pa,{ref:l,userSessionInfo:s,forceCreateChannel:(u=i.agentPreviewConfigs)==null?void 0:u.forceCreateChannel},r.createElement(Uc,{...i._UNSAFE_INTERNAL_dashboardTester},a,r.createElement("div",{id:ne.MODAL_ROOT}))))))}),ze=new Xn(K.LogLevel.WARN),Pr=new Yn(ze),Br=({children:e,isOpened:t})=>{const{dir:n,rootElement:o}=G(),s=Ae(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(mm,{dir:n,$visible:t},e)},mm=f.default.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${Ie.WINDOW};visibility:${({$visible:e})=>e?"visible":"hidden"};`,gm=48,hm=2/3;function Fr({className:e,isOpened:t,onClick:n,type:o,imageUrl:s,dir:a,animated:i=!0,backgroundColor:l,size:c=gm}){const u=Ot(l),g=Math.round(c*hm);return r.createElement(bm,{dir:a,id:ne.LAUNCHER,className:e,"aria-label":"Sendbird AIAgent Launcher",onClick:n,$animated:i,$backgroundColor:l,$size:c},r.createElement(Em,{$isOpened:t,$animated:i,$fillColor:u,$iconSize:g},r.createElement(Gn.Open,{url:s,isDefaultIcon:o==="default_icon",size:g})),r.createElement(xm,{$isOpened:t,$animated:i,$fillColor:u,$iconSize:g},r.createElement(Gn.Close,{size:g})))}const fm=A.css`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`,pm=A.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===dr.WHITE?"grayscale(100%) brightness(2000%)":"grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`,Ur=A.css`svg{width:${({$iconSize:e})=>e}px;height:${({$iconSize:e})=>e}px;${({$fillColor:e})=>A.css`
286
286
  path {
287
287
  fill: ${e};
288
288
  }
@@ -302,4 +302,4 @@
302
302
 
303
303
  ${({$isOpened:e})=>e&&Vm};
304
304
  ${({$isExpanded:e})=>e&&zm};
305
- `,zm=A.css`width:743px;height:723px;`,Vm=A.css`z-index:${Ie.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;`,Kr={top:24,bottom:24,start:24,end:24},Gm=d.forwardRef(function({children:e,...t},n){const[o,s]=d.useState(),[a,i]=d.useState("end-bottom"),[l,c]=d.useState(Kr),[u,g]=d.useState(48),p=Ue(),x=p?Br:Um,{horizontal:C,vertical:v}=d.useMemo(()=>{const[E,b]=a.split("-");return{horizontal:E==="start"?"start":"end",vertical:b==="top"?"top":"bottom"}},[a]);return r.createElement(ln,{enableExpandButton:!p,ref:n,...t},r.createElement(cr,null,({state:E})=>r.createElement(Pm,{value:{horizontal:C,vertical:v,margin:l,launcherSize:u,setPosition:i,setMargin:c,setLauncherSize:g}},r.createElement(x,{isExpanded:E.expanded,isOpened:E.opened},r.createElement(qr,{entryPoint:t.entryPoint,selectedChannelUrl:o,setSelectedChannelUrl:s})),r.createElement(Bm,null),e)))}),Wm=e=>{var s,a,i,l;const{setPosition:t,setMargin:n,setLauncherSize:o}=cn();return d.useLayoutEffect(()=>{e.position&&t(e.position),e.margin&&n({...Kr,...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},qm=Object.assign(Gm,{Style:Wm});exports.ANCHOR_REL=ut;exports.AgentProviderContainer=ln;exports.AgentUIProviderContainer=Nr;exports.AnonymousSessionInfo=Ot;exports.CSATType=re;exports.Conversation=Or;exports.ConversationContext=nd;exports.ConversationContextProvider=Ar;exports.ConversationLayout=pt;exports.ConversationList=Rr;exports.ConversationListContext=Nu;exports.ConversationListContextProvider=Dr;exports.ConversationListItemLayout=an;exports.ConversationListLayout=bt;exports.DefaultMessenger=Nm;exports.DispatcherCommands=Jn;exports.FixedMessenger=qm;exports.IncomingMessageLayout=we;exports.LauncherBase=Fr;exports.LogLevel=Gt;exports.ManualSessionInfo=tr;exports.MessageLogs=_r;exports.OutgoingMessageLayout=gt;exports.PlaceholderLayout=ft;exports.SystemMessageLayout=ht;exports.cssVars=m;exports.escapeMarkdownSyntax=To;exports.mapCommonStringsToReactFormat=ir;exports.messengerDispatcher=Pr;exports.useConversationContext=Q;exports.useConversationListContext=sn;exports.useLocalizationContext=B;exports.useMessengerContext=G;exports.useMessengerSessionContext=Y;
305
+ `,zm=A.css`width:743px;height:723px;`,Vm=A.css`z-index:${Ie.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;`,Kr={top:24,bottom:24,start:24,end:24},Gm=d.forwardRef(function({children:e,...t},n){const[o,s]=d.useState(),[a,i]=d.useState("end-bottom"),[l,c]=d.useState(Kr),[u,g]=d.useState(48),p=Ue(),x=p?Br:Um,{horizontal:C,vertical:v}=d.useMemo(()=>{const[E,b]=a.split("-");return{horizontal:E==="start"?"start":"end",vertical:b==="top"?"top":"bottom"}},[a]);return r.createElement(ln,{enableExpandButton:!p,ref:n,...t},r.createElement(cr,null,({state:E})=>r.createElement(Pm,{value:{horizontal:C,vertical:v,margin:l,launcherSize:u,setPosition:i,setMargin:c,setLauncherSize:g}},r.createElement(x,{isExpanded:E.expanded,isOpened:E.opened},r.createElement(qr,{entryPoint:t.entryPoint,selectedChannelUrl:o,setSelectedChannelUrl:s})),r.createElement(Bm,null),e)))}),Wm=e=>{var s,a,i,l;const{setPosition:t,setMargin:n,setLauncherSize:o}=cn();return d.useLayoutEffect(()=>{e.position&&t(e.position),e.margin&&n({...Kr,...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},qm=Object.assign(Gm,{Style:Wm});exports.ANCHOR_REL=mt;exports.AgentProviderContainer=ln;exports.AgentUIProviderContainer=Nr;exports.AnonymousSessionInfo=Dt;exports.CSATType=re;exports.Conversation=Or;exports.ConversationContext=nd;exports.ConversationContextProvider=Ar;exports.ConversationLayout=bt;exports.ConversationList=Rr;exports.ConversationListContext=Nu;exports.ConversationListContextProvider=Dr;exports.ConversationListItemLayout=an;exports.ConversationListLayout=Et;exports.DefaultMessenger=Nm;exports.DispatcherCommands=Jn;exports.FixedMessenger=qm;exports.IncomingMessageLayout=we;exports.LauncherBase=Fr;exports.LogLevel=Wt;exports.ManualSessionInfo=tr;exports.MessageLogs=_r;exports.OutgoingMessageLayout=ht;exports.PlaceholderLayout=pt;exports.SystemMessageLayout=ft;exports.cssVars=m;exports.escapeMarkdownSyntax=To;exports.mapCommonStringsToReactFormat=ir;exports.messengerDispatcher=Pr;exports.useConversationContext=Q;exports.useConversationListContext=sn;exports.useLocalizationContext=B;exports.useMessengerContext=G;exports.useMessengerSessionContext=Y;