@sendbird/ai-agent-messenger-react 1.17.0 → 1.18.0

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.
Files changed (44) hide show
  1. package/dist/cjs/9pP8_kBW.cjs +1 -0
  2. package/dist/cjs/B9Q2LOZZ.cjs +1 -0
  3. package/dist/cjs/{CbkA2p0b.cjs → Bu3zzr6j.cjs} +1 -1
  4. package/dist/cjs/BuBoF2qI.cjs +1 -0
  5. package/dist/cjs/CZIjo9nb.cjs +1 -0
  6. package/dist/cjs/D11KPdOs.cjs +1 -0
  7. package/dist/cjs/DAF2JUxO.cjs +1 -0
  8. package/dist/cjs/DAP4nAvQ.cjs +1 -0
  9. package/dist/cjs/DBHlAmeA.cjs +1 -0
  10. package/dist/cjs/DEGDJBmd.cjs +1 -0
  11. package/dist/cjs/DXUsaL2W.cjs +330 -0
  12. package/dist/cjs/DqdBRt6e.cjs +1 -0
  13. package/dist/cjs/GQlGFYP2.cjs +1 -0
  14. package/dist/cjs/gbzRqe1a.cjs +1 -0
  15. package/dist/cjs/oKi8u6wj.cjs +1 -0
  16. package/dist/es/{CNexWEM3.js → 3LbHdnQ8.js} +20 -14
  17. package/dist/es/{CAEiRRZ2.js → BFTnuMEy.js} +19 -13
  18. package/dist/es/{DIXZOSKS.js → BSu_ZpXq.js} +17 -11
  19. package/dist/es/{DUaBaiMV.js → BatMiKXs.js} +18 -12
  20. package/dist/es/{BgPmlRRI.js → Bo9TA_Z-.js} +21 -15
  21. package/dist/es/{B3kItOVy.js → C60MlOyZ.js} +1 -1
  22. package/dist/es/{BTU2lQ0s.js → CeWycJIw.js} +24 -18
  23. package/dist/es/{BCQjlPPt.js → CjvNmTwL.js} +19 -13
  24. package/dist/es/Cv8qOSU6.js +5 -0
  25. package/dist/es/{81y7Pu9p.js → DJzTBusb.js} +17 -11
  26. package/dist/es/Dp48Y7fJ.js +5 -0
  27. package/dist/es/{BAb_pPqd.js → Dzr6sXdx.js} +2861 -2598
  28. package/dist/es/ewYUFKEK.js +5 -0
  29. package/dist/es/{lYZg4xku.js → hblOq7Ks.js} +18 -12
  30. package/dist/es/hu7PS5ZI.js +5 -0
  31. package/dist/index.cjs +1 -1
  32. package/dist/index.d.ts +487 -27
  33. package/dist/index.js +1 -1
  34. package/package.json +2 -2
  35. package/dist/cjs/C5lX5LQR.cjs +0 -1
  36. package/dist/cjs/CNa0-eAY.cjs +0 -1
  37. package/dist/cjs/CUee2Pmu.cjs +0 -1
  38. package/dist/cjs/D5vtBiPX.cjs +0 -1
  39. package/dist/cjs/DA_vneB6.cjs +0 -1
  40. package/dist/cjs/DKm5JuUx.cjs +0 -306
  41. package/dist/cjs/DPnOw54X.cjs +0 -1
  42. package/dist/cjs/YHH1eQbl.cjs +0 -1
  43. package/dist/cjs/e2wnpTfT.cjs +0 -1
  44. package/dist/cjs/mi34snx7.cjs +0 -1
@@ -1,306 +0,0 @@
1
- "use strict";var Co=Object.defineProperty;var _o=(e,t,n)=>t in e?Co(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var R=(e,t,n)=>_o(e,typeof t!="symbol"?t+"":t,n);const Z=require("@sendbird/chat"),u=require("react"),A=require("styled-components"),Me=require("date-fns"),yo=require("date-fns/locale/en-US"),Se=require("@sendbird/chat/message"),ie=require("@sendbird/chat/aiAgent"),gt=require("@sendbird/chat/groupChannel"),Re=require("@sendbird/uikit-tools"),So=require("date-fns/isSameDay"),To=require("react-dom"),Bt=require("@sendbird/react-uikit-message-template-view"),Ao=require("@sendbird/uikit-message-template"),wo=require("dompurify"),Io=require("@emotion/is-prop-valid"),Et=e=>e&&e.__esModule?e:{default:e};function ko(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 r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const $o=Et(Z),o=ko(u),f=Et(A),cr=Et(wo),Mo=Et(Io),Be="sb-agent",ur="KEY_IMG_ASPECT_RATIO",Lo="*/*",F={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},pe=e=>!!e&&"sender"in e,Oo=e=>pe(e)?e.sendingStatus==="succeeded"?String(e.messageId):e.reqId:String(e.messageId),Ro=(e,t,n,r=!0)=>{if(!r||!pe(e))return"single";const s=()=>{if(!t||!pe(t))return!1;const c=t.sender.userId===e.sender.userId,d=Me.isSameMinute(t.createdAt,e.createdAt);return c&&d},a=()=>{if(!n||!pe(n))return!1;const c=n.sender.userId===e.sender.userId,d=Me.isSameMinute(n.createdAt,e.createdAt);return c&&d},i=s(),l=a();return i&&l?"middle":i?"bottom":l?"top":"single"},Xe=(e,t)=>(()=>{var r;return pe(e)?e.sender.userId:((r=e==null?void 0:e.sender)==null?void 0:r.userId)??void 0})()===t,Pe={isAdmin:e=>e.isAdminMessage(),isCSAT:e=>{var t;return e.isAdminMessage()&&!!((t=e.extendedMessagePayload)!=null&&t.csat)},isIncoming:(e,t)=>pe(e)&&e.sender.userId!==t,isOutgoing:(e,t)=>pe(e)&&(e.sender.userId===t||e.sendingStatus===Se.SendingStatus.PENDING)},dr=e=>e.startsWith("image/"),mr=e=>e.startsWith("video/"),Jt=(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"},gr=e=>e.messageType==="file"?e.message.length>0&&e.file.name!==e.message:e.message.length>0,Qt=e=>{switch(e){case"top":case"middle":return F.GAP_GROUPED;default:return F.GAP_UNGROUPED}},Do=(e,t)=>{const n=/```(\w+)?\n([\s\S]*?)```/g,r=[];let s=0;return e.replace(n,(a,...i)=>{const[l,c,d]=i;return s<d&&r.push({type:"text",value:e.slice(s,d).trim()}),r.push({type:"code",value:c.trim(),language:l?l.trim():"plaintext"}),s=d+a.length,a}),s<e.length&&r.push({type:"text",value:e.slice(s).trim()}),t?r.map(a=>a.type!=="text"?a:{...a,value:t(a.value)}):r},No=e=>e.replace(/\[([^\]]+)\](?!\()/g,"\\[$1\\]"),Po=e=>e.replace(/([a-zA-Z0-9])_(?=[a-zA-Z0-9])/g,"$1\\_"),Bo=e=>e.replace(/~~/g,"\\~\\~"),Fo=e=>{let t=e;return t=No(t),t=Po(t),t=Bo(t),t},Uo=typeof navigator<"u"&&navigator.product==="ReactNative",wn=(e,t)=>{const n=r=>!t||t.length===0?!0:pe(r)&&t.includes(r.sendingStatus);return Uo?e.find(n):e.findLast(n)};function Ae(){}function hr(){const e=typeof navigator<"u"?navigator.userAgent:"",t=/iPad|iPhone|iPod/.test(e),n=/Android/.test(e);return t||n}function Ho(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 Ft=e=>{try{return JSON.parse(e===""?"{}":e)}catch{return{}}},Te={isStreaming(e){const t=Ft(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(Xe(e,t)){const r=Ft(e.data);return!(r!=null&&r.respond_mesg_id)&&!(r!=null&&r.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)}},$t=`@${Be}`,In=({appId:e,aiAgentId:t,storage:n})=>{const r={templateBase:`${$t}-template`,template:s=>`${r.templateBase}/templates/${s}`,templateToken:()=>`${r.templateBase}-template/message-template/tokens`,messengerSession:s=>{const a=Ho(`${e}/${t}/${s}`);return`${$t}-udata/${a}`},anonUserSession:()=>`${$t}-session/${e}/${t}`};return{template:{set:(s,a)=>n.set(r.template(s),a),get:s=>n.get(r.template(s)),setCachedToken:s=>n.set(r.templateToken(),s),getCachedToken:()=>n.get(r.templateToken()),clear:()=>{n.getKeys(r.templateBase).forEach(n.delete)}},messenger:{getSettings:s=>{try{const a=n.get(r.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(r.messengerSession(s),i)}catch{return}},getAnonUser:()=>{try{const s=n.get(r.anonUserSession());return s?JSON.parse(s):null}catch{return null}},setAnonUser:s=>{try{const a=JSON.stringify(s);n.set(r.anonUserSession(),a)}catch{return}},clear:s=>{try{s&&n.delete(r.messengerSession(s)),n.delete(r.anonUserSession())}catch{return}}}}},pr=(e,t,n={})=>{let r=null,s=null,a=null;const{leading:i=!0,trailing:l=!0}=n,c=(...d)=>{const g=Date.now();if(a===null||g-a>=t)i?(e(...d),a=g):(s=d,a=g);else if(s=d,l&&!r){const b=t-(g-a);r=setTimeout(()=>{s&&l&&(e(...s),a=Date.now()),r=null,s=null},b)}};return c.cancel=()=>{r&&(clearTimeout(r),r=null),s=null,a=null},c};class zo{constructor(t,{filter:n,limit:r=20}){R(this,"filter");R(this,"_sdk");R(this,"_pinnedChannels");R(this,"_channels");R(this,"_isDisposed",!1);R(this,"_handlerId",`handler-id-${Date.now()}`);R(this,"_order",gt.GroupChannelListOrder.LATEST_LAST_MESSAGE);R(this,"_limit");R(this,"_query");R(this,"_token");R(this,"_timestamp");R(this,"_isSyncing");R(this,"_channelHandler");R(this,"_connectionHandler");R(this,"_collectionEventHandler");R(this,"_throttledOnChannelChanged");var s,a,i,l,c,d,g;this.filter=n,this._sdk=t,this._pinnedChannels=[],this._channels=[],this._limit=r,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:(d=this.filter)==null?void 0:d.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._throttledOnChannelChanged=pr(b=>{this._query.belongsTo(b)?this._addChannelsToView([b],!1):this._removeChannelsFromView([b.url])},250,{trailing:!1,leading:!0}),this._channelHandler=new gt.GroupChannelHandler({onChannelChanged:b=>{b.isGroupChannel()&&this._throttledOnChannelChanged(b)},onChannelDeleted:b=>{this._removeChannelsFromView([b])}}),this._connectionHandler=new Z.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)??[]),r=t.find(l=>!n.has(l.url));let s;r?s=((i=r.lastMessage)==null?void 0:i.createdAt)??r.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)??[],r=new Map(n.map((c,d)=>[c,d])),s=[],a=[],i=[];for(const c of t){if(!this._query.belongsTo(c)){i.push(c.url);continue}const d=r.get(c.url);if(d===void 0)continue;const g=Ut(this._pinnedChannels,c);g>=0?(this._pinnedChannels.splice(g,1),a.push(c)):s.push(c);const E=this._pinnedChannels.findIndex(C=>(r.get(C.url)??1/0)>d),_=E===-1?this._pinnedChannels.length:E;this._pinnedChannels.splice(_,0,c)}return{addedChannels:s,updatedChannels:a,unmatchedChannelUrls:i}}_upsertRegularChannelsToArray(t,n=!1){const r=[],s=[],a=[];for(const i of t){if(!this._query.belongsTo(i)){r.push(i.url);continue}const l=Ut(this._channels,i),c=l<0;!c&&this._channels.splice(l,1);const g=Vo(this._channels,i,this._order).place,b=g===this._channels.length;c?b?(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:r}}_addChannelsToView(t,n=!1){var b,E,_,C,x;const r=new Set(((b=this.filter)==null?void 0:b.pinnedChannelUrls)??[]),s=[],a=[];for(const m of t)r.has(m.url)?s.push(m):a.push(m);const i=this._upsertPinnedChannelsToArray(s),l=this._upsertRegularChannelsToArray(a,n),c=i.addedChannels.concat(l.addedChannels),d=i.updatedChannels.concat(l.updatedChannels),g=i.unmatchedChannelUrls.concat(l.unmatchedChannelUrls);c.length>0&&((_=(E=this._collectionEventHandler)==null?void 0:E.onChannelsAdded)==null||_.call(E,{},c)),d.length>0&&((x=(C=this._collectionEventHandler)==null?void 0:C.onChannelsUpdated)==null||x.call(C,{},d)),g.length>0&&this._removeChannelsFromView(g)}_removeChannelsFromView(t){var s,a,i;const n=new Set(((s=this.filter)==null?void 0:s.pinnedChannelUrls)??[]),r=[];for(const l of t)if(n.has(l)){const c=this._pinnedChannels.findIndex(d=>d.url===l);c>=0&&(r.push(l),this._pinnedChannels.splice(c,1))}else{const c=this._channels.findIndex(d=>d.url===l);c>=0&&(r.push(l),this._channels.splice(c,1))}r.length>0&&((i=(a=this._collectionEventHandler)==null?void 0:a.onChannelsDeleted)==null||i.call(a,{},r))}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._throttledOnChannelChanged.cancel(),this._collectionEventHandler=void 0,this._sdk.removeConnectionHandler(this._handlerId),this._sdk.groupChannel.removeGroupChannelHandler(this._handlerId),this._pinnedChannels.length=0,this._channels.length=0)}}const Ut=(e,t)=>e.findIndex(n=>n.isIdentical(t)),Vo=(e,t,n)=>{if(e.length>0){const r=Ut(e,t);let s=0,a=e.length-1,i=Math.floor((s+a)/2);for(;s<a;){const c=kn(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:r}}return{place:kn(e[i],t,n)>=0?i:i+1,oldPosition:r}}return{place:e.length,oldPosition:-1}},kn=(e,t,n)=>{switch(n){case gt.GroupChannelListOrder.LATEST_LAST_MESSAGE:if(e.lastMessage&&t.lastMessage){const r=t.lastMessage.createdAt-e.lastMessage.createdAt;return r===0?t.createdAt-e.createdAt:r}else return e.lastMessage?-1:t.lastMessage?1:t.createdAt-e.createdAt;default:return 0}};class fr{constructor(t){R(this,"subscribers",{});this.logger=t}async send(t){const n=Go(),r=this.subscribers[t.type];if(r){this.logger.debug(`messenger.dispatcher: dispatching command: ${t.type}`,t.payload);const s=r.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){const r=this.subscribers[t];r&&(this.subscribers[t]=r.filter(s=>s!==n))}}const Go=()=>{let e=Ae,t=Ae;return{promise:new Promise((r,s)=>{e=r,t=s}),resolve:e,reject:t}};var Ht=(e=>(e.ConversationClose="conv.close",e.MessengerSettingsUpdated="messenger.settings.updated",e.ActiveChannelUpdated="active.channel.updated",e))(Ht||{});class en{constructor(t={}){R(this,"payload");this.payload=t}toJSON(){return JSON.stringify({type:this.type,payload:this.payload})}}const br={CloseConversation:e=>new Wo(e),MessengerSettingsUpdated:e=>new qo(e),ActiveChannelUpdated:e=>new jo(e)};class Wo extends en{constructor(){super(...arguments);R(this,"type","conv.close")}}class qo extends en{constructor(){super(...arguments);R(this,"type","messenger.settings.updated")}}class jo extends en{constructor(){super(...arguments);R(this,"type","active.channel.updated")}}var tn=(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))(tn||{});class Er{constructor(t){R(this,"level");this.level=t}verbose(...t){this.level<=0&&console.log(`[${Be}/verbose]`,...t)}debug(...t){this.level<=1&&console.log(`[${Be}/debug]`,...t)}info(...t){this.level<=2&&console.log(`[${Be}/info]`,...t)}warn(...t){this.level<=3&&console.warn(`[${Be}/warn]`,...t)}error(...t){this.level<=4&&console.error(`[${Be}/error]`,...t)}}class xr{constructor({userId:t,authToken:n,sessionHandler:r}){R(this,"userId");R(this,"authToken");R(this,"sessionHandler");this.userId=t,this.authToken=n,this.sessionHandler=r}}class zt{constructor(){R(this,"userId");R(this,"authToken");R(this,"sessionHandler")}}const ye={conversation:{isTalkToAgentViewEnabled:!0,scrollMode:"auto",newMessageIndicatorEnabled:!0,senderAvatarEnabled:!0,messageAlertSoundEnabled:!1,header:{avatarEnabled:!0},input:{camera:{photoEnabled:!0},gallery:{photoEnabled:!0},fileEnabled:!0},fileViewer:{downloadEnabled:!0}}},Ko=e=>{var t,n,r,s,a,i,l,c,d,g,b,E,_,C;return e?{...ye,...e,conversation:{...ye.conversation,...e==null?void 0:e.conversation,header:{...(t=ye.conversation)==null?void 0:t.header,...(n=e==null?void 0:e.conversation)==null?void 0:n.header},input:{...(r=ye.conversation)==null?void 0:r.input,...(s=e==null?void 0:e.conversation)==null?void 0:s.input,camera:{...(i=(a=ye.conversation)==null?void 0:a.input)==null?void 0:i.camera,...(c=(l=e==null?void 0:e.conversation)==null?void 0:l.input)==null?void 0:c.camera},gallery:{...(g=(d=ye.conversation)==null?void 0:d.input)==null?void 0:g.gallery,...(E=(b=e==null?void 0:e.conversation)==null?void 0:b.input)==null?void 0:E.gallery}},fileViewer:{...(_=ye.conversation)==null?void 0:_.fileViewer,...(C=e==null?void 0:e.conversation)==null?void 0:C.fileViewer}}}:ye},ce=e=>{var t,n;return!!(e!=null&&e.isAIAgent&&((t=e==null?void 0:e.conversation)==null?void 0:t.status)===ie.ConversationStatus.CLOSED||e!=null&&e.isDesk&&((n=e==null?void 0:e.helpdeskInfo)==null?void 0:n.ticketStatus)==="closed")},nn=e=>{var t,n;return!!(e!=null&&e.isAIAgent&&((t=e==null?void 0:e.conversation)==null?void 0:t.status)===ie.ConversationStatus.OPEN||e!=null&&e.isDesk&&((n=e==null?void 0:e.helpdeskInfo)==null?void 0:n.ticketStatus)==="open")};function Ue(e){var n,r,s;return typeof(((n=e==null?void 0:e.conversation)==null?void 0:n.handedOverAt)??((s=(r=e==null?void 0:e.conversation)==null?void 0:r.handoff)==null?void 0:s.timestamp))=="number"}function Yo(e){var t;if(((t=e==null?void 0:e.resolution)==null?void 0:t.determinedBy)==="user")return e.resolution.isResolved}function $n(e){return!!e&&e<Date.now()}function Zo(e){return!e.title}function Xo(e,t){var n;if(e)return Zo(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,always_visible:!1}],csat_submit_label:t.submit_label,csat_submitted_label:t.submitted_label}:e}const vr=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)}},Je=e=>JSON.parse(e),xt=e=>JSON.parse(e);function Jo(e,t){const[n,r]=t.split(",").map(s=>s.trim());return e==="dark"&&r||n}function Qo(e){const t={};function n(r,s=""){for(const[a,i]of Object.entries(r)){const l=s?`${s}.${a}`:a;i&&typeof i=="object"&&!Array.isArray(i)?n(i,l):t[l]=i}}return n(e),t}function rn({template:e,variables:t,variableKeyPattern:n,variableValueTransformer:r}){return Object.entries(t).reduce((s,[a,i])=>{if(!r&&!["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=r?r(i):String(i),c=n(a);return s.replace(c,vr(l))},e)}async function es({template:e,variables:t,variableKeyPattern:n,variableValueTransformer:r}){return(await Promise.all(Object.entries(t).map(async([a,i])=>{const l=await r(i);return{regex:n(a),transformedValue:l}}))).reduce((a,{regex:i,transformedValue:l})=>a.replace(i,vr(l)),e)}var Vt=(e=>(e[e.EXTERNAL_AUTH_TOKEN_EXPIRED=1]="EXTERNAL_AUTH_TOKEN_EXPIRED",e))(Vt||{});const Cr=e=>typeof e=="object"&&e!==null,Mn=(e,t)=>t in e&&typeof e[t]=="string"&&e[t]!=="",ts=e=>!Cr(e)||!Mn(e,"channel_url")||!Mn(e,"ai_agent_id")?null:{channelUrl:e.channel_url,aiAgentId:e.ai_agent_id},ns={1:ts};function rs(e){if(!Cr(e)||!("cat"in e)||typeof e.cat!="number"||!("data"in e))return null;const t=e.cat,n=ns[t];if(!n)return null;const r=n(e.data);return r?{category:t,data:r}:null}function Ln(e,t,n,r){const s=$o.default.init({appId:e,modules:[new gt.GroupChannelModule,new ie.AIAgentModule],localCacheEnabled:!0,options:new Z.SendbirdChatOptions({typingIndicatorInvalidateTime:2e4}),...r});return s.addSendbirdExtensions([{version:n,product:Z.SendbirdProduct.AI_AGENT,platform:t.platform}],{platform:t.deviceOSPlatform,version:t.deviceOSVersion},t.customData)||console.warn("Invalid Sendbird Extensions",t),s}function os(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 ot=new Map,ss={set:(e,t)=>{ot.set(e,t)},get:e=>{if(ot.size===0)throw new Error("AIAgent platform not configured. Ensure you are using the correct package (@sendbird/ai-agent-messenger-react or @sendbird/ai-agent-messenger-react-native).");if(e){const n=ot.get(e);if(!n)throw new Error(`AIAgent platform "${e}" is not configured.`);return{platform:e,...n}}const t=ot.entries().next().value;return{platform:t[0],...t[1]}}},ee=(e,t)=>{const n=u.createContext(null),r=({children:i,value:l})=>o.createElement(n.Provider,{value:l},typeof i=="function"?i(l):i),s=({children:i})=>o.createElement(n.Consumer,null,l=>l?typeof i=="function"?i(l):i:null),a=()=>{const i=u.useContext(n);if(!i)throw new Error(`use${e}Context must be used within a ${e}Provider`);return i};return n.displayName=`${e}Context`,r.displayName=`${e}Provider`,s.displayName=`${e}Consumer`,a.displayName=`use${e}Context`,{Context:n,Provider:r,Consumer:s,useContext:a}};function fe(e){const t=u.createContext({Template:e.template,updateTemplate:()=>{},components:e.components,updateComponent:()=>{}});function n({children:a}){const[i,l]=u.useState(()=>e.template),[c,d]=u.useState(e.components),g={Template:i,updateTemplate:b=>l(()=>b),components:c,updateComponent:(b,E)=>d(_=>({..._,[b]:E}))};return o.createElement(t.Provider,{value:g},a)}function r({template:a,children:i}){const{updateTemplate:l}=u.useContext(t);return u.useLayoutEffect(()=>{a&&l(a)},[a]),o.createElement(o.Fragment,null,i)}function s({children:a}){return o.createElement(n,null,a)}return s.defaults=e,s.useContext=()=>u.useContext(t),s.Context=t,s.Template=r,Object.keys(e.components).forEach(a=>{s[a]=function({component:l}){const{updateComponent:c}=u.useContext(t);return u.useLayoutEffect(()=>{l&&c(a,l)},[l]),null}}),s}function as(...e){return function({children:n}){return e.reduce((r,s)=>o.createElement(s,null,r),n)}}function is(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 ls(e,t,n){var i;const r=new Date,s=new Date(((i=e.lastMessage)==null?void 0:i.createdAt)||e.createdAt),a=Me.differenceInMinutes(r,s);return a<1?n.justNow:a<60?n.minutesAgo(a):Me.isToday(s)?n.hoursAgo(Me.differenceInHours(r,s)):t(s,n.dateShortFormat)}const{Provider:cs,useContext:te}=ee("AIAgent");function us({appId:e,aiAgentId:t,keyValueStorage:n,networkStateAdapter:r,language:s,countryCode:a,context:i,queryParams:l,config:c,chatSDK:d,chatParams:g,children:b,logger:E,dispatcher:_,messengerVersion:C,extensions:x={platform:Z.SendbirdPlatform.JS,deviceOSPlatform:hr()?Z.DeviceOsPlatform.MOBILE_WEB:Z.DeviceOsPlatform.WEB}}){const[m,p]=u.useState(()=>{const v=E??new Er(tn.WARN),T=_??new fr(v);return{logger:v,dispatcher:T,chatSDK:d??Ln(e,x,C,g),cache:In({appId:e,aiAgentId:t,storage:n})}});return u.useEffect(()=>{p(v=>{let T=v.logger,y=v.dispatcher,S=v.chatSDK;return E&&E!==v.logger&&(T=E),_&&_!==v.dispatcher&&(y=_),d&&d!==v.chatSDK?S=d:!d&&v.chatSDK.appId!==e&&(S=Ln(e,x,C,{newInstance:!0,...g})),{...v,logger:T,dispatcher:y,chatSDK:S,cache:In({appId:e,aiAgentId:t,storage:n})}})},[e,t,E,_,d,n]),u.useEffect(()=>()=>{m.chatSDK.connectionState==="OPEN"&&m.chatSDK.disconnectWebSocket()},[m.chatSDK]),os(m.chatSDK),o.createElement(cs,{value:{...m,appId:e,aiAgentId:t,context:i,language:s,countryCode:a,queryParams:l,config:Ko(c),networkStateAdapter:r}},b)}const ds=(e,t,n)=>Re.useGroupChannelMessages(e,t,{...n,strictStreamingOrder:!0}),ms="ai_agent:stats",gs="conversation_initial_render",hs=800220;var Y=(e=>(e.AUTH="auth_duration",e.GET_CHANNEL="get_channel_duration",e.GET_MESSAGES="get_messages_duration",e.TOTAL_DURATION="total_duration",e.TOTAL_DURATION_FROM_CACHE="total_duration_from_cache",e))(Y||{});class ps{constructor(){R(this,"timers",new Map);R(this,"committed",!1);R(this,"commitCallback",null);R(this,"conversationId",null);R(this,"channelUrl",null);R(this,"errorCode",null);R(this,"errorDescription",null);R(this,"extraData",{})}setCommitCallback(t){return this.commitCallback=t,this}setConversationId(t){return this.conversationId=t,this}setChannelUrl(t){return this.setExtra("channel_url",t),this}setError(t,n){return this.errorCode=t??hs,this.errorDescription=n,this}setExtra(t,n){return n!=null&&(this.extraData[t]=n),this}startTimer(t){if(this.committed)return this;const n=this.timers.get(t);return(n==null?void 0:n.startTime)!==null&&(n==null?void 0:n.startTime)!==void 0?this:(this.timers.set(t,{startTime:Date.now(),endTime:null}),this)}stopTimer(t){if(this.committed)return this;const n=this.timers.get(t);return!n||n.startTime===null||n.endTime!==null?this:(this.timers.set(t,{...n,endTime:Date.now()}),this)}getDuration(t){const n=this.timers.get(t);return!n||n.startTime===null||n.endTime===null?null:n.endTime-n.startTime}isCommitted(){return this.committed}commit(){if(this.committed||!this.commitCallback)return!1;const t=this.buildPayload();return t?(this.committed=!0,this.commitCallback(ms,t)):!1}}class fs extends ps{constructor(n){super();R(this,"presentMethod");this.presentMethod=n}getMetricKey(){return gs}buildPayload(){const n=this.getDuration(Y.AUTH),r=this.getDuration(Y.GET_CHANNEL),s=this.getDuration(Y.GET_MESSAGES),a=this.getDuration(Y.TOTAL_DURATION_FROM_CACHE),i=this.getDuration(Y.TOTAL_DURATION),l={...this.extraData,present_method:this.presentMethod,...n!==null&&{auth_duration:n},...r!==null&&{get_channel_duration:r},...s!==null&&{get_messages_duration:s},...a!==null&&{total_duration_from_cache:a}},c={key:this.getMetricKey(),value:i!==null?String(i):"0"};return this.conversationId!==null&&(c.conversation_id=this.conversationId),this.errorCode!==null&&(c.error_code=this.errorCode),this.errorDescription!==null&&(c.error_description=this.errorDescription),Object.keys(l).length>0&&(c.extra=l),c}}class bs{constructor(t,n){R(this,"commitCallback");R(this,"presentMethod");R(this,"stats",null);this.commitCallback=t,this.presentMethod=n}getOrCreateStats(){return(!this.stats||this.stats.isCommitted())&&(this.stats=new fs(this.presentMethod),this.stats.setCommitCallback(this.commitCallback)),this.stats}onAuthStart(){this.getOrCreateStats().startTimer(Y.TOTAL_DURATION).startTimer(Y.TOTAL_DURATION_FROM_CACHE).startTimer(Y.AUTH)}onAuthComplete(){var t;(t=this.stats)==null||t.stopTimer(Y.AUTH)}onAuthError(t){this.stats&&!this.stats.isCommitted()&&this.stats.stopTimer(Y.AUTH).setError(t instanceof Z.SendbirdError?t.code:void 0,t.message).stopTimer(Y.TOTAL_DURATION).commit()}onGetChannelStart(){var t;(t=this.stats)==null||t.startTimer(Y.GET_CHANNEL)}onGetChannelComplete(t){this.stats&&(this.stats.stopTimer(Y.GET_CHANNEL),t!==void 0&&this.stats.setConversationId(t),this.stats.startTimer(Y.GET_MESSAGES))}onGetChannelError(t){this.stats&&!this.stats.isCommitted()&&this.stats.stopTimer(Y.GET_CHANNEL).setError(t instanceof Z.SendbirdError?t.code:void 0,t.message).stopTimer(Y.TOTAL_DURATION).commit()}onCacheResult(t){this.stats&&!this.stats.isCommitted()&&(t&&this.stats.setError(t instanceof Z.SendbirdError?t.code:void 0,t.message),this.stats.stopTimer(Y.TOTAL_DURATION_FROM_CACHE))}onApiResult(t){this.stats&&!this.stats.isCommitted()&&(t&&this.stats.setError(t instanceof Z.SendbirdError?t.code:void 0,t.message),this.stats.stopTimer(Y.TOTAL_DURATION).stopTimer(Y.GET_MESSAGES).commit())}setChannelUrl(t){var n;(n=this.stats)==null||n.setChannelUrl(t)}cleanup(){var t;(t=this.stats)==null||t.commit()}clear(){this.stats=null}}const Ze={DEFAULT_PRIMARY:"#000000",DEFAULT_BOT_MSG_BG:"#ECECEC",WHITE:"#ffffff",BLACK:"#000000"};function _r(e){return e.length===4?`#${[...e.slice(1)].map(t=>t+t).join("")}`:e}function Es(e){const t=_r(e);return[parseInt(t.slice(1,3),16),parseInt(t.slice(3,5),16),parseInt(t.slice(5,7),16)]}function xs(e){return`#${e.map(t=>t.toString(16).padStart(2,"0")).join("")}`}function vs(e,t,n){e/=255,t/=255,n/=255;const r=Math.max(e,t,n),s=Math.min(e,t,n),a=r-s;let i=0,l=0;const c=(r+s)/2;return r!==s&&(l=c>.5?a/(2-r-s):a/(r+s)),r===e?i=(t-n)/a+(t<n?6:0):r===t?i=(n-e)/a+2:r===n&&(i=(e-t)/a+4),i/=6,[i,l,c]}function Cs(e,t,n){let r,s,a;if(t===0)r=s=a=n;else{const i=function(g,b,E){return E<0&&(E+=1),E>1&&(E-=1),E<.16666666666666666?g+(b-g)*6*E:E<.5?b:E<.6666666666666666?g+(b-g)*(.6666666666666666-E)*6:g},l=n<.5?n*(1+t):n+t-n*t,c=2*n-l;r=i(c,l,e+1/3),s=i(c,l,e),a=i(c,l,e-1/3)}return[Math.round(r*255),Math.round(s*255),Math.round(a*255)]}function st(e,t,n){const[r,s,a]=Es(e),[i,l,c]=vs(r,s,a),d=Math.max(0,Math.min(1,c*t)),g=Math.max(0,Math.min(1,l*n)),[b,E,_]=Cs(i,g,d);return xs([Math.round(b),Math.round(E),Math.round(_)])}function _s(e,t="light"){return{extraDark:st(e,.6,1.2),dark:st(e,.85,1.1),main:e,light:st(e,t==="dark"?1.1:1.5,t==="dark"?.95:.9),extraLight:st(e,t==="dark"?1.2:1.75,t==="dark"?.9:.8)}}function Gt(e){const t=_r(e),n=149,r=+`0x${t[1]}${t[2]}`,s=+`0x${t[3]}${t[4]}`,a=+`0x${t[5]}${t[6]}`;return r*.299+s*.587+a*.114>n?Ze.BLACK:Ze.WHITE}function ys(e,t,n,r,s){return{base:{primary:t,primaryContrastContent:n,background:e.background50,headerBackground:e.background50,modalContentBackground:e.background50},messageInput:{text:e.onlight.textHighEmphasis,placeholderText:e.onlight.textLowEmphasis,background:e.background100},messageIncoming:{text:s,background:r},messageOutgoing:{text:n,background:t},csat:{background:e.background100}}}const Ss=(e,t,n,r,s)=>({base:{primary:t,primaryContrastContent:n,background:e.background600,headerBackground:e.background500,modalContentBackground:e.background500},messageInput:{text:e.ondark.textHighEmphasis,placeholderText:e.ondark.textLowEmphasis,background:e.background400},messageIncoming:{text:s,background:r},messageOutgoing:{text:n,background:t},csat:{background:e.background400}}),at={primary:{extraDark:"#491389",dark:"#6211c8",main:"#742ddd",light:"#c2a9fa",extraLight:"#dbd1ff"},secondary:{extraDark:"#066858",dark:"#027d69",main:"#259c72",light:"#69c085",extraLight:"#a8e2ab"},error:{extraDark:"#9d091e",dark:"#bf0711",main:"#de360b",light:"#f66161",extraLight:"#fdaaaa"},information:{extraDark:"#241389",dark:"#362ca9",main:"#4a48cd",light:"#a9bbfa",extraLight:"#d1dbff"},background700:"#000000",background600:"#161616",background500:"#2c2c2c",background400:"#393939",background300:"#bdbdbd",background200:"#e0e0e0",background100:"#eeeeee",background50:"#ffffff",onlight:{textHighEmphasis:"rgba(0, 0, 0, 0.88)",textMidEmphasis:"rgba(0, 0, 0, 0.5)",textLowEmphasis:"rgba(0, 0, 0, 0.38)",textDisabled:"rgba(0, 0, 0, 0.12)"},ondark:{textHighEmphasis:"rgba(255, 255, 255, 0.88)",textMidEmphasis:"rgba(255, 255, 255, 0.5)",textLowEmphasis:"rgba(255, 255, 255, 0.38)",textDisabled:"rgba(255, 255, 255, 0.12)"},overlay:{dark:"rgba(0, 0, 0, 0.55)",light:"rgba(22, 22, 22, 0.32)"}},Mt={h1:{fontSize:18,fontWeight:700},h2:{fontSize:16,fontWeight:700},subtitle1:{fontSize:16,fontWeight:500},subtitle2:{fontSize:16,fontWeight:400},body1:{fontSize:16,fontWeight:400},body2:{fontSize:14,fontWeight:500},body3:{fontSize:14,fontWeight:400},button:{fontSize:14,fontWeight:700},caption1:{fontSize:12,fontWeight:700},caption2:{fontSize:12,fontWeight:400},caption3:{fontSize:11,fontWeight:700},caption4:{fontSize:11,fontWeight:400}};function On(e){const t=Ts(e),{colors:n,aiAgentColorVariables:r}=As(e,t),s=Is(e);return{selectedTheme:e.selectedTheme,palette:t,colors:n,aiAgentColorVariables:r,typography:s}}function Ts({selectedTheme:e,palette:t,primary:n}){const r=t!=null&&t.primary?t.primary:n?n===at.primary.main?at.primary:_s(n,e):at.primary;return{...at,primary:r,...t}}function As({selectedTheme:e,primaryContrast:t,botMessageBackground:n,botMessageBackgroundContrast:r},s){const a=s.primary.main,i=t??Gt(a),l=n??Ze.DEFAULT_BOT_MSG_BG,c=r??Gt(l);return{colors:(e==="light"?ys:Ss)(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 ws(e,t,n){const r={...e};return n.forEach(s=>{const a=t[s];a!=null&&(r[s]=a)}),r}function Is({typography:e}){if(!e)return Mt;const t={...Mt};return Object.keys(e).forEach(n=>{const r=e[n];if(r&&typeof r=="object"){const s=Mt[n],a=["fontSize","fontWeight","fontFamily","lineHeight"];t[n]=ws(s,r,a)}}),t}const{Provider:ks,useContext:on}=ee("AIAgentTheme");function $s({logger:e,palette:t,typography:n,appearance:r,children:s}){const a=u.useRef(null),[i,l]=u.useState(()=>On({selectedTheme:(r==null?void 0:r.theme)??"light",palette:t,typography:n,primary:r==null?void 0:r.primaryColor,botMessageBackground:r==null?void 0:r.botMessageBackgroundColor})),c=u.useCallback((d,g)=>{g&&(a.current=g);const b=(r==null?void 0:r.theme)??d,E=a.current?a.current.themes[b]:null,_={primary:r==null?void 0:r.primaryColor,primaryContrast:void 0,botMessageBackground:r==null?void 0:r.botMessageBackgroundColor,botMessageBackgroundContrast:void 0};!_.primary&&(E!=null&&E.primary_color)&&(_.primary=E.primary_color,_.primaryContrast=E.primary_contrast_color),!_.botMessageBackground&&(E!=null&&E.bot_message_bg_color)&&(_.botMessageBackground=E.bot_message_bg_color,_.botMessageBackgroundContrast=E.bot_message_bg_contrast_color);const C=On({selectedTheme:b,palette:t,typography:n,..._});l(C),e==null||e.info("theme.update:",b)},[r==null?void 0:r.theme,r==null?void 0:r.primaryColor,r==null?void 0:r.botMessageBackgroundColor,t,n,e]);return u.useEffect(()=>{(r!=null&&r.theme||r!=null&&r.primaryColor||r!=null&&r.botMessageBackgroundColor)&&c(i.selectedTheme)},[r==null?void 0:r.theme,r==null?void 0:r.primaryColor,r==null?void 0:r.botMessageBackgroundColor]),o.createElement(ks,{value:{theme:i,updateTheme:c}},s)}const Rn=25*1024*1024,Ms={off:"off",always:"always",handed_off_only:"handed_off_only"},Ls=()=>{const[e,t]=u.useState(()=>({maxAttachmentCount:1,attachmentMode:"handed_off_only",defaultUploadSizeLimit:Rn,uploadSizeLimitPerType:new Map,supportedImageMimeTypes:new Set(["image/png","image/jpeg","image/jpg"]),supportedFileMimeTypes:new Set(["application/pdf"])})),n=u.useCallback(({active_channel:s,upload_restriction:a})=>{const{maxAttachmentCount:i,attachmentMode:l,defaultUploadSizeLimit:c,supportedImageMimeTypes:d,supportedFileMimeTypes:g}=e;t({maxAttachmentCount:i,attachmentMode:Ms[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)??d),supportedFileMimeTypes:new Set((a==null?void 0:a.supported_file_mime_types)??g)})},[]),r=u.useCallback(s=>{const{channel:a,uploadSizeLimit:i=Rn}=s,l=(d=!0)=>a!=null&&a.isAIAgent?d?Ue(a):!1:!0,c=d=>{if(l())return e.defaultUploadSizeLimit??i;const g=e.defaultUploadSizeLimit??i,b=e.uploadSizeLimitPerType.get(d)??g;return Math.min(g,b)};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 Ue(a);default:return!0}},get supportedMimeTypes(){return l()?[Lo]:[...e.supportedImageMimeTypes,...e.supportedFileMimeTypes]},isSupportedMimeType:d=>l()?!0:e.supportedImageMimeTypes.has(d)||e.supportedFileMimeTypes.has(d),getUploadSizeLimit:c,getUploadSizeLimitInMB:d=>c(d)/(1024*1024)}},[e]);return{updateBaseAttachmentRules:n,createAttachmentRules:r}};function yr(){const{chatSDK:e,logger:t}=te();return u.useCallback(async n=>{if(n.userId===""){const r=new Error("userId cannot be empty string for messenger settings request");throw t.error("requestMessengerSettings: invalid userId",r),r}return await e.aiAgent.requestMessengerSettings({...n,shouldSendFirstMessage:!1})},[e,t])}function Os(){const{chatSDK:e,logger:t}=te(),n=u.useCallback(async(s,a,i)=>{if(t.debug("useChatConnection.connect: start, session",s.userId),a){const l=new Z.SessionHandler({...a,onSessionTokenRequired:Rs(a.onSessionTokenRequired,i)});e.setSessionHandler(l),e.aiAgent.addEventHandler(Vt.EXTERNAL_AUTH_TOKEN_EXPIRED.toString(),c=>{var g;t.debug("useChatConnection: EXTERNAL_AUTH_TOKEN_EXPIRED event received",c);const d=rs(c);(d==null?void 0:d.category)===Vt.EXTERNAL_AUTH_TOKEN_EXPIRED&&(t.debug("useChatConnection: calling onExternalAuthTokenExpired handler",d.data),(g=a==null?void 0:a.onExternalAuthTokenExpired)==null||g.call(a,d.data))})}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(Ns(c))t.warn("useChatConnection.connect","offline connect restricted",c.message,c.code),t.warn("useChatConnection.connect","clear cached-data"),await e.clearCachedData().catch(d=>t.warn("useChatConnection.connect","clear cached-data failure",d));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]),r=u.useCallback(async()=>{t.debug("useChatConnection.disconnect: start"),e.aiAgent.removeAllEventHandlers(),await e.disconnect(),t.debug("useChatConnection.disconnect: end")},[e,t]);return{connect:n,disconnect:r}}function Rs(e,t){if(e)return async(n,r)=>{new Promise((s,a)=>e==null?void 0:e(s,a)).then(s=>{s&&(t==null||t(s)),n(s)}).catch(s=>{r(s)})}}const Ds=[400300,400301,400302,400310];function Ns(e){return Ds.some(t=>e.code===t)}const Ps=1440*60*1e3,Bs=e=>{const{logger:t,cache:n}=te(),r=()=>{const a=n.messenger.getAnonUser();return a?a.expireAt-Ps<=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 zt)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 u.useMemo(()=>e instanceof xr?{type:"manual",userSessionCandidate:s()}:e instanceof zt?{type:"anonymous",userSessionCandidate:r()}: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:r()}):{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 Fs({userSessionInfo:e,onUpdateMessengerSettings:t,onPreAuth:n,onPostAuth:r,onErrorAuth:s,onAuthTokenRefreshed:a,onPostDeauth:i,forceCreateChannel:l}){const{aiAgentId:c,language:d,context:g,countryCode:b,logger:E,cache:_}=te(),{connect:C,disconnect:x}=Os(),{type:m,userSessionCandidate:p}=Bs(e),v=yr(),T=u.useCallback(async()=>{var H;E.debug("useAuthentication.authenticate: start");const S=p!=null&&p.userId?_.messenger.getSettings(p.userId):null;S!=null&&S.bot&&(t(S),E.debug("useAuthentication.authenticate: cached messenger settings",S));const $=await v({aiAgentId:c,userId:p==null?void 0:p.userId,language:d,country:b,context:g,forceCreateChannel:l,knownActiveChannelUrl:(H=S==null?void 0:S.active_channel)==null?void 0:H.channel_url});E.debug("useAuthentication.authenticate: messenger settings response",$);let M=null;if($.auto_created_user)if(m==="manual")E.warn("Received auto created user info but current session is manual. Ignoring auto created user info."),M={userId:p.userId,authToken:p.authToken};else{const{user_id:U,session_token:z,expire_at:D}=$.auto_created_user;_.messenger.setAnonUser({userId:U,authToken:z,expireAt:D}),M={userId:U,authToken:z}}else M={userId:(p==null?void 0:p.userId)??"",authToken:(p==null?void 0:p.authToken)??""};_.messenger.setSettings(M.userId,$),t($);try{await n($,M),await C(M,p==null?void 0:p.sessionHandler,a),await r($,M)}catch(U){throw U instanceof Error&&(s(U),E.error("useAuthentication.authenticate: failed to connect",U)),U}return $},[v,C,m,p==null?void 0:p.userId,p==null?void 0:p.sessionHandler,p==null?void 0:p.authToken,c,d,g,b,l,_.messenger.setAnonUser,_.messenger.getSettings,_.messenger.setSettings,t,n,r,s,a]),y=u.useCallback(async()=>{E.debug("useAuthentication.deauthenticate: start"),await x(),i(),E.debug("useAuthentication.deauthenticate: completed")},[x,E,i]);return{authenticate:T,deauthenticate:y,userSessionCandidate:p}}const Us=()=>{const{chatSDK:e,logger:t,cache:n}=te(),r=u.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=u.useCallback(async()=>{try{const{templates:a,token:i}=await e.aiAgent.getMessageTemplates({limit:20});for(const{template:l}of a){const{key:c}=Je(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:r,syncCachedTemplates:s}},Dn=(...e)=>{const[t,n,r]=e;if(e.length===1&&typeof t=="object"&&t!==null)return{type:"active",context:t};if(e.length===3&&typeof t=="string"&&typeof n=="string"&&typeof r=="object"&&r!==null)return{type:"specific",aiAgentId:t,channelUrl:n,context:r};throw new Error("Invalid arguments: expected (context) or (aiAgentId, channelUrl, context)")},qe=e=>({...e,context:e.context??{}}),{Provider:Hs,useContext:Qe}=ee("AIAgentMessengerSession"),zs=u.forwardRef(function({userSessionInfo:e,forceCreateChannel:t,presentMethod:n="direct_present",children:r},s){const{appId:a,aiAgentId:i,chatSDK:l,language:c,countryCode:d,context:g,cache:b,logger:E}=te(),{updateTheme:_}=on(),[C,x]=u.useState(void 0),[m,p]=u.useState(void 0),[v,T]=u.useState(null),[y,S]=u.useState(null),[$,M]=u.useState(null),[H,U]=u.useState(null),[z]=u.useState(()=>({initialRender:new bs((w,O)=>l.aiAgent.appendStat(w,O),n)})),{updateBaseAttachmentRules:D,createAttachmentRules:j}=Ls(),{shouldSyncCachedTemplate:q,syncCachedTemplates:J}=Us(),se=yr(),{authenticate:Ce,deauthenticate:_e}=Fs({userSessionInfo:e,forceCreateChannel:t,onUpdateMessengerSettings:u.useCallback(w=>{const{appearance:O,bot:N,launcher:K}=w;_(O.selected_theme,O),M({userId:N.bot_userid,profileUrl:N.bot_profile_url,nickname:N.bot_nickname,replyToFile:N.reply_to_file,specialNotice:N.special_notice,specialNoticeEnabled:N.is_special_notice_enabled,showHandoffButton:N.show_handoff_button??!0,isMultipleActiveConversationsEnabled:N.is_multiple_active_conversations_enabled??!0,isUserFeedbackEnabled:w.bot.is_user_feedback_enabled??!1,isUserFeedbackCommentOptionEnabled:w.bot.is_user_feedback_comment_option_enabled??!1}),U({type:K.image_type||"default_icon",imageUrl:K.image_url}),D(w)},[_]),onPreAuth:u.useCallback((w,O)=>{x(void 0),S(O),z.initialRender.onAuthStart()},[z]),onPostAuth:u.useCallback(async w=>{z.initialRender.onAuthComplete(),T(l.currentUser),q()&&await J(),p({url:w.active_channel.channel_url,status:"open"})},[l,q,J,z]),onErrorAuth:u.useCallback(w=>{z.initialRender.onAuthError(w),x(w)},[z]),onAuthTokenRefreshed:u.useCallback(w=>{S(O=>O?{...O,authToken:w}:null)},[]),onPostDeauth:u.useCallback(()=>{b.template.clear(),b.messenger.clear(y==null?void 0:y.userId),z.initialRender.clear(),T(null),p(void 0),S(null),M(null),U(null)},[b.template.clear,b.messenger.clear,y,z])}),Ge=u.useCallback(async()=>{var w;if(y){E.debug("agentMessengerSession.refreshActiveChannel: try to refresh active channel"),p(void 0);const O=await se({aiAgentId:i,userId:y.userId,language:c,country:d,context:g,forceCreateChannel:t,knownActiveChannelUrl:(w=b.messenger.getSettings(y.userId))==null?void 0:w.active_channel.channel_url});return b.messenger.setSettings(y.userId,O),p({url:O.active_channel.channel_url,status:"open"}),E.info("agentMessengerSession.refreshActiveChannel: refreshed active channel",O.active_channel.channel_url),O.active_channel.channel_url}else throw E.error("agentMessengerSession.refreshActiveChannel: userSession is not ready"),new Error("userSession is not ready")},[se,a,i,y==null?void 0:y.userId,c,d,g,t,b.messenger.getSettings,b.messenger.setSettings]),I=u.useCallback(async w=>{if(!(y!=null&&y.userId))throw new Error("Current user is not authenticated. Please authenticate first.");const O=await se({...w,userId:y.userId,knownActiveChannelUrl:void 0}),N=O.active_channel.channel_url;return b.messenger.setSettings(y.userId,O),N},[y==null?void 0:y.userId,se]),be=u.useCallback(async w=>{if(!l.currentUser)throw new Error("Current user is not authenticated. Please authenticate first.");if(Object.entries(w.context).length===0)return[];const O=l.aiAgent.createConversationListQuery({aiAgentId:w.aiAgentId,status:ie.ConversationStatus.OPEN,limit:100}),N=[];for(;O.hasNext;){const K=await O.next();for(const X of K)Vs(X.context??{},w.context)&&N.push(X.channelInfo.url)}return N},[l]),[L]=u.useState(()=>pr(w=>{var O;E.info("agentMessengerSession.channelChanged: channel.conversation",w.conversation),p({url:w.url,status:ce(w)?"closed":"open",conversationStatus:(O=w.conversation)==null?void 0:O.status})},250,{trailing:!1,leading:!0}));return Re.useGroupChannelHandler(l,{onChannelChanged:w=>{w.isGroupChannel()&&w.url===(m==null?void 0:m.url)&&L(w)}}),u.useEffect(()=>()=>{L.cancel()},[L]),u.useImperativeHandle(s,()=>{const w=async()=>{if(!m)throw new Error("No active conversation. Please start a conversation first.");return await l.groupChannel.getChannel(m.url)};return{activeChannel:m,chatSDK:l,authenticate:Ce,deauthenticate:_e,updateContext:async(...O)=>{const N=Dn(...O);if(N.type==="active"){const oe=await(await w()).updateContext(i,N.context);return qe(oe)}const K=await l.aiAgent.updateContext(N.aiAgentId,N.channelUrl,N.context);return qe(K)},patchContext:async(...O)=>{const N=Dn(...O);if(N.type==="active"){const oe=await(await w()).patchContext(i,N.context);return qe(oe)}const K=await l.aiAgent.patchContext(N.aiAgentId,N.channelUrl,N.context);return qe(K)},getContextObject:async()=>{const N=await(await w()).getContextObject(i);return qe(N)}}},[Ce,_e,m,l,i,E]),o.createElement(Hs,{value:{sdkUser:v,userSessionInfo:e,userSession:y,activeChannel:m,setActiveChannel:p,refreshActiveChannel:Ge,createConversation:I,searchConversation:be,connectionError:C,aiAgentInfo:$,launcherInfo:H,presentMethod:n,authenticate:Ce,deauthenticate:_e,createAttachmentRules:j,statsTrackers:z}},r)}),Vs=(e,t)=>Object.entries(t).every(([n,r])=>e[n]===r),sn=(e,t)=>{const n=u.useId(),r=u.useRef(t);u.useLayoutEffect(()=>{r.current=t}),u.useEffect(()=>{const s=new Z.ConnectionHandler({onDisconnected:a=>{var i,l;return(l=(i=r.current).onDisconnected)==null?void 0:l.call(i,a)},onConnected:a=>{var i,l;return(l=(i=r.current).onConnected)==null?void 0:l.call(i,a)},onReconnectStarted:()=>{var a,i;return(i=(a=r.current).onReconnectStarted)==null?void 0:i.call(a)},onReconnectSucceeded:()=>{var a,i;return(i=(a=r.current).onReconnectSucceeded)==null?void 0:i.call(a)},onReconnectFailed:()=>{var a,i;return(i=(a=r.current).onReconnectFailed)==null?void 0:i.call(a)},onConnectionLost:()=>{var a,i;return(i=(a=r.current).onConnectionLost)==null?void 0:i.call(a)},onConnectionDelayed:a=>{var i,l;return(l=(i=r.current).onConnectionDelayed)==null?void 0:l.call(i,a)}});return e.addConnectionHandler(n,s),()=>{e.removeConnectionHandler(n)}},[e,n])};function Gs(e){const{chatSDK:t,logger:n,aiAgentId:r}=te(),{sdkUser:s,activeChannel:a,setActiveChannel:i,statsTrackers:l}=Qe(),[c,d]=u.useState(void 0),[g,b]=u.useState(void 0),[E,_]=u.useState(!1);function C(m){if(m.isAIAgent&&!m.conversation){_(!0);const p=m.initConversation({aiAgentId:r});p.catch(v=>n.warn("useChannel.initConversation: initialization failed",v)),p.finally(()=>_(!1))}}async function x(){var m,p;if(!s){n.debug("useChannel.getChannel: no sdk user, skip fetching channel");return}if(n.debug("useChannel.getChannel: start"),d(void 0),b(void 0),_(!1),e){l.initialRender.onGetChannelStart();try{n.debug("useChannel.getChannel: get channel",e);const v=await t.groupChannel.getChannel(e);C(v),d(v),l.initialRender.onGetChannelComplete((m=v.conversation)==null?void 0:m.id),v.url===(a==null?void 0:a.url)&&i({url:v.url,status:ce(v)?"closed":"open",conversationStatus:(p=v.conversation)==null?void 0:p.status}),n.debug("useChannel.getChannel: fetched channel",v)}catch(v){l.initialRender.onGetChannelError(v),v instanceof Z.SendbirdError&&b(v),n.error("useChannel.getChannel: error",v)}}}return u.useEffect(()=>{x()},[t,s,e,r]),sn(t,{async onReconnectSucceeded(){var p;if(!c)return;const m=await c.refresh();C(m),d(m),m.url===(a==null?void 0:a.url)&&i({url:m.url,status:ce(m)?"closed":"open",conversationStatus:(p=m.conversation)==null?void 0:p.status})}}),{channel:c,channelFetchError:g,getChannel:x,isInitializingConversation:E}}const Ws=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},qs=e=>{var i;const t=e==null?void 0:e.lastMessage;if(!t||!e)return!1;const n=t.extendedMessagePayload,r=n==null?void 0:n.form,s=!!r&&!r.submitted_at&&!r.canceled_at,a=e.isAIAgent&&!!((i=e.conversation)!=null&&i.handedOverAt);return s&&!a},js=()=>{const{chatSDK:e,networkStateAdapter:t}=te(),[n,r]=u.useState(()=>t?t.isOnline()?"connected":"reconnecting":"connected");return sn(e,{onConnected:()=>r("connected"),onDisconnected:()=>r("disconnected"),onReconnectStarted:()=>r("reconnecting"),onReconnectSucceeded:()=>r("connected"),onReconnectFailed:()=>r("disconnected"),onConnectionLost:()=>r("reconnecting")}),u.useEffect(()=>{if(t)return t.subscribe(()=>{r("reconnecting")})},[t]),n},Ks=3e4,Ys=({shouldApply:e,lastMessage:t,isBlockedWhileAIResponding:n,currentUserId:r})=>{const[s,a]=u.useState(!1),i=u.useRef(null),l=t&&Xe(t,r)?t.createdAt:0;return u.useEffect(()=>{const c=()=>{i.current&&(clearTimeout(i.current),i.current=null),a(!1)},d=E=>{i.current&&clearTimeout(i.current),a(!0),i.current=setTimeout(()=>{a(!1),i.current=null},E)},g=Date.now()-l,b=Ks-g;return n||b<=0?c():d(b),()=>{i.current&&clearTimeout(i.current)}},[n,l]),s&&e},Sr=e=>{const{chatSDK:t}=te(),[n,r]=u.useState([]);return Re.useGroupChannelHandler(t,{onTypingStatusUpdated(s){if(s.url===(e==null?void 0:e.url)){const a=s.getTypingUsers();r(a)}}}),n},Zs=({channel:e,lastMessage:t,aiAgentUserId:n,isStreamAnimating:r})=>{const[s,a]=u.useState(!1),i=Sr(e);return u.useEffect(()=>{if(!t)return;const l=i.some(d=>d.userId===n),c=Xe(t,n)&&(Te.isStreaming(t)||r);a(c||l)},[i,t,n,r]),s},Xs=({channel:e,messages:t,isStreamAnimating:n,isInitializingConversation:r})=>{const{aiAgentInfo:s,userSession:a}=Qe(),i=js(),l=Zs({channel:e,lastMessage:wn(t,[Se.SendingStatus.SUCCEEDED]),aiAgentUserId:(s==null?void 0:s.userId)??"",isStreamAnimating:n}),c=Ys({shouldApply:!!(e!=null&&e.isAIAgent)&&!Ue(e),isBlockedWhileAIResponding:l,lastMessage:wn(t,[Se.SendingStatus.PENDING,Se.SendingStatus.SUCCEEDED]),currentUserId:(a==null?void 0:a.userId)??""});if(!e||i==="disconnected")return{disabled:!0,disabledBy:"unavailable"};if(i==="reconnecting")return{disabled:!0,disabledBy:"reconnecting"};if(ce(e))return{disabled:!0,disabledBy:"conversation_closed"};if(qs(e))return{disabled:!0,disabledBy:"form_active"};const d=Ws(e);return d?{disabled:!0,disabledBy:d}:l||c||r?{disabled:!0,disabledBy:"ai_responding"}:{disabled:!1,disabledBy:""}},Js=()=>{const[e,t]=u.useState(new Set),n=u.useCallback(s=>{t(a=>{if(a.has(s))return a;const i=new Set(a);return i.add(s),i})},[]),r=u.useCallback(s=>{t(a=>{if(!a.has(s))return a;const i=new Set(a);return i.delete(s),i})},[]);return{isAnimating:e.size>0,start:n,stop:r}},{Provider:Qs}=ee("AIAgentConversation");function ea({children:e,channelUrl:t,onChannelDeleted:n,onMessagesReceived:r,onMessagesUpdated:s,onConversationClosedStatusChanged:a,onConversationClosedViaDispatcher:i,onBeforeSendMessage:l,onAfterSendMessage:c=Ae,shouldMarkAsRead:d=!0,shouldCountNewMessages:g=()=>!1,sortComparator:b}){var z;const E=()=>d&&(m==null?void 0:m.markAsRead()),{chatSDK:_,logger:C,dispatcher:x}=te(),{channel:m,channelFetchError:p,getChannel:v,isInitializingConversation:T}=Gs(t),{statsTrackers:y}=Qe();u.useEffect(()=>{if(t)return y.initialRender.setChannelUrl(t),()=>{y.initialRender.cleanup()}},[t,y]);const S=ds(_,m,{replyType:Se.ReplyType.ONLY_REPLY_TO_CHANNEL,shouldCountNewMessages:g,onChannelDeleted:n,onMessagesReceived:D=>r==null?void 0:r(D),onMessagesUpdated:D=>s==null?void 0:s(D),onCacheResult:D=>y.initialRender.onCacheResult(D),onApiResult:D=>y.initialRender.onApiResult(D),logger:C,markAsRead:E,sortComparator:b}),$=Js(),M=Xs({channel:m,messages:S.messages,isStreamAnimating:$.isAnimating,isInitializingConversation:T});u.useEffect(()=>{E()},[d]);const H=ce(m);u.useEffect(()=>{a==null||a(H)},[H,a]),u.useEffect(()=>{const D=async j=>{const q=typeof(j==null?void 0:j.channelUrl)=="string";m&&q&&j.channelUrl!==m.url||(C.debug("conversation.dispatcher: try to close conversation",m),m!=null&&m.conversation&&m.conversation.status===ie.ConversationStatus.OPEN&&(await m.closeConversation(),i==null||i()))};return x.subscribe(Ht.ConversationClose,D),()=>{x.unsubscribe(Ht.ConversationClose,D)}},[x,(z=m==null?void 0:m.conversation)==null?void 0:z.status,i]);const U={conversation:(m==null?void 0:m.conversation)??void 0,channelSource:{channel:m,error:p,refetch:()=>v(),closeConversation:async()=>{ce(m)||await(m==null?void 0:m.closeConversation())}},messageSource:{messages:S.messages,newMessages:S.newMessages,initialized:S.initialized,loadPrevious:()=>S.loadPrevious(),loadNext:()=>S.loadNext(),deleteMessage:D=>S.deleteMessage(D),resendMessage:D=>S.resendMessage(D),resetNewMessages:()=>S.resetNewMessages(),sendUserMessage:async D=>{var q;if(((q=m==null?void 0:m.conversation)==null?void 0:q.status)===ie.ConversationStatus.CLOSED)throw new Error("Conversation is closed");l&&(D=await l(D));const j=await S.sendUserMessage(D,c);return c==null||c(j),j},sendFileMessage:async D=>{var q;if(((q=m==null?void 0:m.conversation)==null?void 0:q.status)===ie.ConversationStatus.CLOSED)throw new Error("Conversation is closed");l&&(D=await l(D));const j=await S.sendFileMessage(D,c);return c==null||c(j),j}},state:{streamAnimation:$,input:M}};return o.createElement(Qs,{value:U},e)}function ta(e,t){var _,C,x,m,p,v,T,y,S,$;const[n,r]=u.useState(!1),[s,a]=u.useState(null),[i,l]=u.useState([]),[c,d]=u.useState(null),g=u.useRef(!1),b=u.useCallback(async()=>{if(!g.current&&e.currentUser){g.current=!0,r(!1),a(null),l([]);try{c==null||c.dispose();const M=new zo(e,t);M.setConversationListCollectionHandler({onChannelsAdded:()=>{l(M.channels)},onChannelsUpdated:()=>{l(M.channels)},onChannelsDeleted:()=>{l(M.channels)}}),await M.loadMore(),d(M),a(null)}catch(M){d(null),a(M)}finally{r(!0),g.current=!1}}},[e,e.currentUser,(_=t.filter)==null?void 0:_.aiAgentChannelFilter,(x=(C=t.filter)==null?void 0:C.aiAgentConversationStatusFilter)==null?void 0:x.join(),(p=(m=t.filter)==null?void 0:m.aiAgentIds)==null?void 0:p.join(),(v=t.filter)==null?void 0:v.deskChannelFilter,(y=(T=t.filter)==null?void 0:T.pinnedChannelUrls)==null?void 0:y.join(),(S=t.filter)==null?void 0:S.copilotConversationOnly,($=t.filter)==null?void 0:$.copilotSupportChannelUrl,t.limit]),E=u.useCallback(async()=>{if(c)try{await c.loadMore()}catch(M){a(M)}},[c]);return sn(e,{onConnected:()=>b()}),u.useEffect(()=>{b()},[b]),u.useEffect(()=>()=>{g.current=!1,c==null||c.dispose()},[c]),{initialized:n,error:s,channels:i,loadMore:E}}const{Provider:na}=ee("AIAgentConversationList");function ra({conversationListLimit:e,conversationListFilter:t,children:n}){var b,E;const{chatSDK:r,aiAgentId:s,queryParams:a}=te(),i={aiAgentIds:[s],aiAgentConversationStatusFilter:[ie.ConversationStatus.CLOSED,ie.ConversationStatus.OPEN]},l=e??((b=a==null?void 0:a.conversationListParams)==null?void 0:b.limit),c={...i,...(E=a==null?void 0:a.conversationListParams)==null?void 0:E.filter,...t},d=ta(r,{limit:l,filter:c}),g={listSource:{initialized:d.initialized,error:d.error??void 0,channels:d.channels,loadMore:()=>d.loadMore()}};return o.createElement(na,{value:g},n)}function oa(e){let t="pending",n=e.then(r=>{t="resolved",n=r}).catch(r=>{t="rejected",n=r});return{get value(){if(t==="resolved")return n;throw n}}}const{Provider:sa,useContext:Tr}=ee("MessageTemplateFetching");function aa({children:e,internalVariables:t}){const n=u.useRef({}),r=u.useRef({}),[s,a]=u.useState({}),i=u.useCallback((d,g)=>{a(b=>({...b,[d]:{fetching:!1,error:!1,...b[d],...g}}))},[]),l=u.useCallback(async({onRequestTemplate:d,onGetCachedTemplate:g,templateKey:b,suspense:E=!1})=>{const _=g(b);if(_)return _;const C=r.current[b];if(C)return C;E||i(b,{fetching:!0});const x=d(b).catch(m=>{throw E||i(b,{error:!0}),m}).finally(()=>{E||i(b,{fetching:!1}),delete r.current[b]});return r.current[b]=x,x},[i]),c={internalVariables:t,fetchTemplate:l,suspend:(d,g)=>{if(n.current[d])return n.current[d];const b=oa(g());return n.current[d]=b,b},getIsFetching:d=>{var g;return((g=s[d])==null?void 0:g.fetching)??!1},getHasError:d=>{var g;return((g=s[d])==null?void 0:g.error)??!1}};return o.createElement(sa,{value:c},e)}const vt={VARIABLE:e=>new RegExp(`\\{${e}\\}`,"g"),VIEW_VARIABLE:e=>new RegExp(`"{@${e}}"`,"g")};function we({uiTemplateString:e,variables:t={}}){const n=Qo(t);return rn({template:e,variables:n,variableKeyPattern:r=>vt.VARIABLE(r)})}function Ie({theme:e,uiTemplateString:t,colorVariables:n={}}){return rn({template:t,variables:n,variableKeyPattern:r=>vt.VARIABLE(r),variableValueTransformer:r=>Jo(e,r)})}function ia({theme:e,uiTemplateString:t,viewVariables:n={},aiAgentColorVariables:r,internalVariables:s,onRequestTemplate:a}){const l=Object.values(n).flat().map(d=>d.key);return[...new Set(l)].some(d=>!a(d))?null:rn({template:t,variables:n,variableKeyPattern:d=>vt.VIEW_VARIABLE(d),variableValueTransformer:d=>{const g=d.map(({key:b,variables:E})=>{const _=a(b),{ui_template:C,color_variables:x}=Je(_);let m=JSON.stringify(C);return m=we({uiTemplateString:m,variables:s}),m=Ie({theme:e,uiTemplateString:m,colorVariables:x}),m=Ie({theme:e,uiTemplateString:m,colorVariables:r}),m=we({uiTemplateString:m,variables:E}),xt(m)});return JSON.stringify(g)}})}async function la({theme:e,uiTemplateString:t,viewVariables:n={},aiAgentColorVariables:r,internalVariables:s,onRequestTemplate:a}){return es({template:t,variables:n,variableKeyPattern:i=>vt.VIEW_VARIABLE(i),variableValueTransformer:async i=>{const l=i.map(async({key:d,variables:g})=>{const b=await a(d),{ui_template:E,color_variables:_}=Je(b);let C=JSON.stringify(E);return C=we({uiTemplateString:C,variables:s}),C=Ie({theme:e,uiTemplateString:C,colorVariables:_}),C=Ie({theme:e,uiTemplateString:C,colorVariables:r}),C=we({uiTemplateString:C,variables:g}),xt(C)}),c=await Promise.all(l);return JSON.stringify(c)}})}const ca=({rawTemplate:e,aiAgentColorVariables:t,internalVariables:n,...r})=>{const{ui_template:s,color_variables:a}=Je(e);let i=JSON.stringify(s);if(Object.keys(r.viewVariables??{}).length>0){const c=ia({...r,uiTemplateString:i,aiAgentColorVariables:t,internalVariables:n});if(c===null)return null;i=c}return i=we({...r,uiTemplateString:i,variables:n}),i=Ie({...r,uiTemplateString:i,colorVariables:a}),i=Ie({...r,uiTemplateString:i,colorVariables:t}),i=we({...r,uiTemplateString:i}),xt(i)},ua=async({rawTemplate:e,aiAgentColorVariables:t,internalVariables:n,...r})=>{const{ui_template:s,color_variables:a}=Je(e);let i=JSON.stringify(s);return Object.keys(r.viewVariables??{}).length>0&&(i=await la({...r,uiTemplateString:i,aiAgentColorVariables:t,internalVariables:n})),i=we({...r,uiTemplateString:i,variables:n}),i=Ie({...r,uiTemplateString:i,colorVariables:a}),i=Ie({...r,uiTemplateString:i,colorVariables:t}),i=we({...r,uiTemplateString:i}),xt(i)},da=e=>{const{aiAgentColorVariables:t={}}=e,{internalVariables:n}=Tr();return u.useState(()=>{const r=e.onGetCachedTemplate(e.templateKey);return r?ca({...e,rawTemplate:r,aiAgentColorVariables:t,internalVariables:n,onRequestTemplate:e.onGetCachedTemplate}):null})},ma=e=>{const[t]=da(e);if(t)return t;const{aiAgentColorVariables:n={}}=e,{internalVariables:r,fetchTemplate:s,suspend:a}=Tr();return a(e.templateKey,async()=>{const l=await s({...e,suspense:!0});return await ua({...e,rawTemplate:l,aiAgentColorVariables:n,internalVariables:r})}).value},ga="remove_powered_by",an=(e,t)=>{var s,a;const{chatSDK:n}=te(),{aiAgentInfo:r}=Qe();if(e==="handoff-button"){const i=!!((s=t==null?void 0:t.conversation)!=null&&s.handoff);return!!(t!=null&&t.isAIAgent)&&!!(r!=null&&r.showHandoffButton)&&i&&nn(t)}if(e==="special-notice")return!!(t!=null&&t.isAIAgent)&&!!(r!=null&&r.specialNoticeEnabled)&&!!(r!=null&&r.specialNotice);if(e==="powered-by"){const i=(a=n==null?void 0:n.appInfo)==null?void 0:a.applicationAttributes;return u.useMemo(()=>!(Array.isArray(i)&&i.includes(ga)),[i])}throw new Error("Unsupported feature")},ha={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"},pa={getValueOrDefault:e=>e.value??e.default_value??null,validate:(e,t,n)=>{const r=t;if(e.required&&(!r||r.trim()===""))return{isValid:!1,error:n.required};if(!r)return{isValid:!0};const{rules:s}=e;if(s){if(s.min_length!==void 0&&r.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&&r.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(r))return{isValid:!1,error:n.regex}}return{isValid:!0}}},fa={getValueOrDefault:e=>e.value??e.default_value??null,validate:(e,t,n)=>{const r=t;if(e.required&&r===null)return{isValid:!1,error:n.required};if(r===null)return{isValid:!0};const{rules:s}=e;if(s){if(s.min!==void 0&&r<s.min)return{isValid:!1,error:typeof n.min=="function"?n.min(s.min):n.min};if(s.max!==void 0&&r>s.max)return{isValid:!1,error:typeof n.max=="function"?n.max(s.max):n.max}}return{isValid:!0}}},ba={getValueOrDefault:e=>e.value??e.default_value??null,validate:(e,t,n)=>{const r=t;return e.required&&!r?{isValid:!1,error:n.required}:r&&!e.options.includes(r)?{isValid:!1,error:n.invalidSelection}:{isValid:!0}}},Ea={getValueOrDefault:e=>e.values??e.default_values??null,validate:(e,t,n)=>{const r=t;if(e.required&&(!r||r.length===0))return{isValid:!1,error:n.required};if(!r||r.length===0)return{isValid:!0};if(r.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&&r.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&&r.length>a.max_select)return{isValid:!1,error:typeof n.maxSelect=="function"?n.maxSelect(a.max_select):n.maxSelect}}return{isValid:!0}}},xa={text:pa,number:fa,"single-select":ba,"multi-select":Ea},va={getValueOrDefault:()=>null,validate:()=>({isValid:!1})};function Ar(e){return xa[e.type]||va}function Nn(e){return Ar(e).getValueOrDefault(e)}function Ca(e,t,n={}){const r={...ha,...n};return Ar(e).validate(e,t,r)}const _a=(e,t={})=>{const{labels:n={},onSubmit:r,onCancel:s}=t,[a,i]=u.useState({}),[l,c]=u.useState(()=>{const x={};return e.fields.forEach(m=>{x[m.key]=Nn(m)}),x}),d=u.useMemo(()=>e.submitted_at?"submitted":e.canceled_at?"canceled":"draft",[e.submitted_at,e.canceled_at]);u.useEffect(()=>{if(d==="submitted"||d==="canceled"){const x={};let m=!1;e.fields.forEach(p=>{const v=Nn(p);JSON.stringify(l[p.key])!==JSON.stringify(v)&&(m=!0),x[p.key]=v}),m&&c(x)}},[d]);const g=(x,m)=>{c(p=>({...p,[x]:m})),i(p=>({...p,[x]:void 0}))},b=e.fields.map(x=>{var v,T,y;const m=l[x.key]??null,p={key:x.key,label:x.label,error:a[x.key],required:x.required};return x.type==="text"?{...p,type:"text",layout:x.layout,value:m,...x.placeholder&&{placeholder:x.placeholder},...((v=x.rules)==null?void 0:v.max_length)&&{maxLength:x.rules.max_length}}:x.type==="number"?{...p,type:"number",layout:x.layout,value:m,...x.placeholder&&{placeholder:x.placeholder},...((T=x.rules)==null?void 0:T.max)&&{max:x.rules.max}}:x.type==="single-select"?{...p,type:"single-select",layout:x.layout,value:m,options:x.options}:x.type==="multi-select"?{...p,type:"multi-select",layout:x.layout,value:m,options:x.options,...((y=x.rules)==null?void 0:y.max_select)&&{maxSelect:x.rules.max_select}}:{...p,type:"unknown",layout:"default",value:null}});return{state:d,fields:b,getField:x=>b.find(m=>m.key===x),updateFieldValue:g,submit:async()=>{const x={};let m=!1;for(const p of e.fields){const v=l[p.key]??null,T=Ca(p,v,n);T.isValid||(x[p.key]=T.error,m=!0)}if(i(x),!m&&r){const p={};e.fields.forEach(v=>{p[v.key]=l[v.key]??null}),await r(p)}},cancel:async()=>{await(s==null?void 0:s())}}},ya=e=>{const{aiAgentInfo:t}=Qe(),r=Sr(e)[0];if(!r)return null;const s=r.userId===(t==null?void 0:t.userId);return{user:s?t:r,isBot:s}},wr=({channel:e,userSession:t,aiAgentInfo:n})=>{if(!t||!n||!e)return{fallbackIcon:"delight",url:void 0,title:""};const r=(()=>{const[a]=e.members.filter(i=>i.userId!==t.userId);return a})(),s={ai(a){return{fallbackIcon:a,url:n.profileUrl,title:n.nickname}},human(a){return{fallbackIcon:a,url:r==null?void 0:r.profileUrl,title:(r==null?void 0:r.nickname)||n.nickname}},channel(a){return{fallbackIcon:a,url:e==null?void 0:e.coverUrl,title:(e==null?void 0:e.name)??""}}};return e.isAIAgent?Ue(e)?s.human("agent"):s.ai("delight"):e.isDesk?s.human("agent"):s.channel("user")},Pn=e=>u.useReducer((t,n)=>({...t,...n}),e);var ge=(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))(ge||{});const Sa=new Set(["free_text","single_choice"]),Ta=({csatPayload:e,type:t,initialCsat:n,initialCsatReason:r,initialIsResolved:s})=>{const[a,i]=Pn({csatType:t,csat:n,csatReason:r,isResolved:s}),[l,c]=Pn({followUpItem:!1}),d=u.useMemo(()=>{var m;const _=a.csat,C=typeof _=="number",x=(m=e.follow_up)==null?void 0:m.find(p=>C?p.scores.includes(_):p.always_visible??!1);if(Sa.has(x==null?void 0:x.response_type))return x},[a.csat,e.follow_up]),g=(()=>{var _;if(typeof n=="number")return"submitted";if((t===ge.AI_AGENT_CSAT_5||t===ge.HELPDESK_CSAT_5)&&typeof a.csat=="number")return"submittable";if(t===ge.AI_AGENT_CSAT_5_WITH_CRE){const C=typeof a.csat=="number",x=!((_=e.cre)!=null&&_.required)||typeof a.isResolved=="boolean";if(C&&x)return"submittable"}return"unsubmittable"})(),b=u.useCallback(()=>typeof a.csat>"u"?!1:d!=null&&d.required&&!a.csatReason?(c({followUpItem:!0}),!1):!0,[a,d,c]);return u.useEffect(()=>{r||(i({csatReason:""}),c({followUpItem:!1}))},[r,d,i,c]),{params:a,setParams:i,error:l,setError:c,followUpItem:d,state:g,validateParams:b,itemProps:{csatPayload:e,state:g,submitted:g==="submitted"}}},Lt=5,Aa=250,wa=50,Bn=e=>Math.max(0,e-wa),Ia=e=>e<1e3?{speed:Lt*.5,chunkSize:2}:e<2e3?{speed:Lt*.8,chunkSize:2}:{speed:Lt*.6,chunkSize:3},ka=e=>{const{text:t,enabled:n=!1,onAnimationStart:r,onAnimationProgress:s,onAnimationComplete:a}=e,[i,l]=u.useState(()=>Bn(t.length)),c=u.useRef(null),d=u.useRef({startTime:0,lastUpdate:0,lastProgressCall:0}).current,g=u.useRef({onStart:r,onProgress:s,onComplete:a}).current,b=u.useRef({startCalled:!1,completeCalled:!1}).current,E=u.useRef({initialEnabled:n,textLength:t.length,enabled:n}).current,_=n,C=i<t.length,x=E.initialEnabled&&(_||C);return u.useLayoutEffect(()=>{g.onStart=r,g.onProgress=s,g.onComplete=a,E.textLength=t.length,E.enabled=n}),u.useLayoutEffect(()=>{var m;E.initialEnabled&&(b.startCalled||(b.startCalled=!0,(m=g.onStart)==null||m.call(g)),l(p=>t.length<p?t.length:p))},[t]),u.useEffect(()=>{if(!E.initialEnabled)return;let m=Bn(t.length);d.lastUpdate=0,d.startTime=0,d.lastProgressCall=0;const p=v=>{var z;d.lastUpdate===0&&(d.lastUpdate=v,d.startTime=v,d.lastProgressCall=v);const T=E.textLength,y=v-d.lastUpdate,S=v-d.startTime,{speed:$,chunkSize:M}=Ia(S),H=$*M;y>=H&&m<T&&(m=Math.min(m+M,T),l(m),d.lastUpdate=v),v-d.lastProgressCall>=Aa&&(d.lastProgressCall=v,(z=g.onProgress)==null||z.call(g)),(m<T||E.enabled)&&(c.current=requestAnimationFrame(p))};return c.current=requestAnimationFrame(p),()=>{c.current&&cancelAnimationFrame(c.current)}},[]),u.useEffect(()=>{var T;const m=E.initialEnabled&&b.startCalled,p=!n,v=i>=t.length&&t.length>0;m&&p&&v&&!b.completeCalled&&(b.completeCalled=!0,(T=g.onComplete)==null||T.call(g))},[n,i,t.length]),{streamText:E.initialEnabled?t.slice(0,i):t,isAnimating:x}},$a="1.17.0",le="sb-agent",ue={ENTRY:`${le}-entry`,MODAL_ROOT:`${le}-modal-root`,WINDOW:`${le}-window`,LAUNCHER:`${le}-launcher`},it=2147483647,De={MODAL:it-1,TOOLTIP:it-2,WINDOW:it-3,LAUNCHER:it-4},Ir=36,Ma=100,kr=$a,ln="noopener noreferrer nofollow";function $r(){return{isOnline:()=>navigator.onLine,subscribe:e=>{const t=()=>e(!0),n=()=>e(!1);return window.addEventListener("online",t),window.addEventListener("offline",n),()=>{window.removeEventListener("online",t),window.removeEventListener("offline",n)}}}}const lt={};function Mr(){return{get:e=>{try{return localStorage.getItem(e)}catch{return lt[e]??null}},set:(e,t)=>{try{localStorage.setItem(e,t)}catch{lt[e]=t}},delete:e=>{try{localStorage.removeItem(e)}catch{delete lt[e]}},getKeys:e=>{try{const t=[];for(let n=0;n<localStorage.length;n++){const r=localStorage.key(n);r&&r.startsWith(e)&&t.push(r)}return t}catch{return Object.keys(lt).filter(t=>t.startsWith(e))}}}}const La='@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}',Oa={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.",input_placeholder_reconnecting:"Trying to reconnect. Refresh if persists.",unknown_message_type:"(Unknown message type)",powered_by:"Powered by",citation_title:"Source",start_new_conversation_label:"Start a conversation",scroll_to_new_messages_label:()=>"New message",failed_message_resend:"Retry",failed_message_remove:"Remove",file_upload_no_supported_files:"No supported file types available.",a11y_message_list:"Chat messages",a11y_scroll_to_bottom:"Scroll to bottom",a11y_scroll_to_new_messages:"Scroll to new messages",a11y_open_conversation_list:"Open conversation list"},conversation_list:{header_title:"Conversations",ended:"Ended",footer_title:"Start a conversation"},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"}},Wt={language:"en",strings:Oa,dateLocale:yo.enUS},Lr=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,MESSAGE_INPUT__PLACE_HOLDER__RECONNECTING:e.conversation.input_placeholder_reconnecting,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,A11Y_MESSAGE_LIST:e.conversation.a11y_message_list,A11Y_SCROLL_TO_BOTTOM:e.conversation.a11y_scroll_to_bottom,A11Y_SCROLL_TO_NEW_MESSAGES:e.conversation.a11y_scroll_to_new_messages,A11Y_OPEN_CONVERSATION_LIST:e.conversation.a11y_open_conversation_list,SCROLL_TO_NEW_MESSAGES_LABEL:e.conversation.scroll_to_new_messages_label}),Ra=e=>{var t;return((t=e.split("-"))==null?void 0:t[0])??Ct},Ct="en",Da=new Set([Ct,"ko","es","pt","fr","hi","it","de","tr","ja"]),Na=(e,t,n)=>{const r=e[t];return r?typeof r=="function"?r():Promise.resolve(r):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.":""))))})},Fn=Lr(Wt.strings),Pa={...Fn,HEADER_BUTTON__AGENT_HANDOFF:"Connect with an agent",MESSAGE_INPUT__PLACE_HOLDER__SUGGESTED_REPLIES:"Select an option to continue",BUTTON__CANCEL:"Cancel",BUTTON__SUBMIT:"Submit",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",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:Fn.DATE_FORMAT__DATE_SHORT,DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION:"h:mma",CONVERSATION_LIST__TOPICS_FALLBACK:"No category",CONVERSATION_CLOSED_FOOTER_LABEL:"Your conversation has ended",START_NEW_CONVERSATION:"💬 Start a new conversation",RETURN_TO_CONVERSATION:"💬 Return to conversation",BUTTON__SAVE:"Save",BUTTON__OK:"OK",NO_NAME:"(No name)",CHANNEL_FROZEN:"Channel frozen"},ht={language:Wt.language,dateLocale:Wt.dateLocale,stringSet:Pa},Ba=Object.freeze(Object.defineProperty({__proto__:null,default:ht},Symbol.toStringTag,{value:"Module"})),qt=new Map([[Ct,ht]]);async function Fa(e){const t=qt.get(e);if(t)return t;try{if(Da.has(e)){const{default:n}=await Na(Object.assign({"./languages/de.ts":()=>Promise.resolve().then(()=>require("./DA_vneB6.cjs")),"./languages/en.ts":()=>Promise.resolve().then(()=>Ba),"./languages/es.ts":()=>Promise.resolve().then(()=>require("./CUee2Pmu.cjs")),"./languages/fr.ts":()=>Promise.resolve().then(()=>require("./D5vtBiPX.cjs")),"./languages/hi.ts":()=>Promise.resolve().then(()=>require("./DPnOw54X.cjs")),"./languages/it.ts":()=>Promise.resolve().then(()=>require("./C5lX5LQR.cjs")),"./languages/ja.ts":()=>Promise.resolve().then(()=>require("./CNa0-eAY.cjs")),"./languages/ko.ts":()=>Promise.resolve().then(()=>require("./e2wnpTfT.cjs")),"./languages/pt.ts":()=>Promise.resolve().then(()=>require("./YHH1eQbl.cjs")),"./languages/tr.ts":()=>Promise.resolve().then(()=>require("./mi34snx7.cjs"))}),`./languages/${e}.ts`,3);return qt.set(e,n),n}return ht}catch{return ht}}const{Provider:Ua,useContext:V}=ee("Localization"),Ha=({language:e=navigator.language,logger:t,stringSet:n,children:r})=>{const[s,a]=u.useState(qt.get(Ct));return u.useEffect(()=>{const i=Ra(e);s.language!==i&&(t==null||t.debug("localization.useEffect: update language",{from:s.language,to:i}),Fa(i).then(a))},[e,t]),o.createElement(Ua,{value:{language:s.language,stringSet:{...s.stringSet,...n},dateLocale:s.dateLocale,format:(i,l,c)=>Me.format(i,l,{locale:s.dateLocale,...c})}},r)},pt="data-sb-agent-theme",Un=e=>(t,...n)=>{let r="";return t.forEach((s,a)=>{r+=s+(n[a]??"")}),`[${pt}='${e}'] & { ${r} }`},P={light:Un("light"),dark:Un("dark")},za=A.css(({theme:e})=>{const{palette:t}=e;return`
2
- :root,
3
- :host {
4
- --sendbird-primary-extra-dark: ${t.primary.extraDark};
5
- --sendbird-primary-dark: ${t.primary.dark};
6
- --sendbird-primary-main: ${t.primary.main};
7
- --sendbird-primary-light: ${t.primary.light};
8
- --sendbird-primary-extra-light: ${t.primary.extraLight};
9
-
10
- --sendbird-secondary-extra-dark: ${t.secondary.extraDark};
11
- --sendbird-secondary-dark: ${t.secondary.dark};
12
- --sendbird-secondary-main: ${t.secondary.main};
13
- --sendbird-secondary-light: ${t.secondary.light};
14
- --sendbird-secondary-extra-light: ${t.secondary.extraLight};
15
-
16
- --sendbird-information-extra-dark: ${t.information.extraDark};
17
- --sendbird-information-dark: ${t.information.dark};
18
- --sendbird-information-main: ${t.information.main};
19
- --sendbird-information-light: ${t.information.light};
20
- --sendbird-information-extra-light: ${t.information.extraLight};
21
-
22
- --sendbird-error-extra-dark: ${t.error.extraDark};
23
- --sendbird-error-dark: ${t.error.dark};
24
- --sendbird-error-main: ${t.error.main};
25
- --sendbird-error-light: ${t.error.light};
26
- --sendbird-error-extra-light: ${t.error.extraLight};
27
-
28
- --sendbird-background-700: ${t.background700};
29
- --sendbird-background-600: ${t.background600};
30
- --sendbird-background-500: ${t.background500};
31
- --sendbird-background-400: ${t.background400};
32
- --sendbird-background-300: ${t.background300};
33
- --sendbird-background-200: ${t.background200};
34
- --sendbird-background-100: ${t.background100};
35
- --sendbird-background-50: ${t.background50};
36
-
37
- --sendbird-onlight-text-high-emphasis: ${t.onlight.textHighEmphasis};
38
- --sendbird-onlight-text-mid-emphasis: ${t.onlight.textMidEmphasis};
39
- --sendbird-onlight-text-low-emphasis: ${t.onlight.textLowEmphasis};
40
- --sendbird-onlight-text-disabled: ${t.onlight.textDisabled};
41
-
42
- --sendbird-ondark-text-high-emphasis: ${t.ondark.textHighEmphasis};
43
- --sendbird-ondark-text-mid-emphasis: ${t.ondark.textMidEmphasis};
44
- --sendbird-ondark-text-low-emphasis: ${t.ondark.textLowEmphasis};
45
- --sendbird-ondark-text-disabled: ${t.ondark.textDisabled};
46
-
47
- --sendbird-overlay-dark: ${t.overlay.dark};
48
- --sendbird-overlay-light: ${t.overlay.light};
49
- }
50
- `}),Va=A.css`[${pt}='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);}[${pt}='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);}`,h={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:Ga,useContext:Or}=ee("MessengerTheme");function Wa(e){const{theme:t,appearance:n,logger:r}=e;return o.createElement($s,{appearance:n,palette:t==null?void 0:t.palette,typography:t==null?void 0:t.typography,logger:r},o.createElement(qa,{...e}))}function qa({rootElement:e=document.body,children:t}){const{theme:n,updateTheme:r}=on();return u.useLayoutEffect(()=>{e.setAttribute(pt,n.selectedTheme)},[e,n.selectedTheme]),o.createElement(A.ThemeProvider,{theme:n},o.createElement(Ga,{value:{theme:n,updateTheme:r,rootElement:e}},t))}function Le(e,t){const n=e.getRootNode({composed:t});return n instanceof ShadowRoot||n instanceof Document?n:document}const ja=(e,t)=>{u.useEffect(()=>{const n=Le(t)instanceof ShadowRoot,r=Le(t,!0);if(!(n?t:r).querySelector(`link[href*='${e}']`)){const a=r.createElement("link");a.rel="stylesheet",a.href=e,(n?t:r.head).appendChild(a)}},[e,t])},Ka=(e,t=document.body)=>{u.useEffect(()=>{const n=Le(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])},{Provider:Ya,Consumer:Rr,useContext:W}=ee("Messenger");function Za({children:e,state:t,enableCloseConversationButton:n=!1,enableExpandButton:r=!0,enableAutoDisconnectInLauncher:s=!0,...a}){const[i,l]=u.useState(!1),[c,d]=u.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)??d};return o.createElement(us,{...a},b=>o.createElement(Ya,{value:{...a,...b,state:g,enableCloseConversationButton:n,enableExpandButton:r,enableAutoDisconnectInLauncher:s}},e))}const cn=/iPad|iPhone|iPod/.test(navigator.userAgent),Xa=/Android/.test(navigator.userAgent),et=e=>cn||Xa;let je=null,Ot=null;const Ja=(e,t=5e3)=>{je&&(clearInterval(je),clearTimeout(Ot));const n=document.title;je=setInterval(()=>{document.title=document.title===e?n:e},750),Ot=setTimeout(()=>{clearInterval(je),je=null,Ot=null,document.title=n},t)},Dr=()=>{Promise.resolve().then(()=>require("./B93o4u0P.cjs")).then(e=>{new Audio(e.default).play().catch(()=>{})})},{Provider:Qa,useContext:ne}=ee("MessengerSession"),ei=u.forwardRef(function({children:e,...t},n){return o.createElement(zs,{ref:n,...t},r=>o.createElement(ti,{...r},e))}),ti=({children:e,...t})=>{const{chatSDK:n,logger:r,appId:s,aiAgentId:a,agentPreviewConfigs:i,state:l,handlers:c}=W(),{userSessionInfo:d,authenticate:g,setActiveChannel:b,userSession:E,aiAgentInfo:_,launcherInfo:C}=t,x=u.useRef(null);return Re.useGroupChannelHandler(n,{async onUserJoined(m,p){var T,y,S;m.conversation&&m.conversation.type===ie.ConversationType.PROACTIVE&&p.userId===((T=n.currentUser)==null?void 0:T.userId)&&(r.info("messengerSession.onUserJoined: proactive channel joined",m.url),b({url:m.url,status:"open",conversationStatus:(y=m.conversation)==null?void 0:y.status}),l.setOpened(!0),ni({sound:document.hidden||!l.opened}),(S=x.current)==null||S.call(x,{channel:m}))}}),u.useEffect(()=>{g().then(({launcher:m})=>{m.auto_open&&!et()&&setTimeout(()=>l.setOpened(!0),500)}).catch(m=>{var p;r.error("messengerSession: failed to initialize",m),(p=c==null?void 0:c.onInitializeFailed)==null||p.call(c,m)})},[n,s,a,d==null?void 0:d.userId]),!E||!_||!C?null:o.createElement(Qa,{value:{...t,userSession:E,aiAgentInfo:{..._,...i==null?void 0:i.bot},launcherInfo:{...C,...i==null?void 0:i.launcher},registerOnJoinedProactiveConversation:m=>x.current=m}},e)};function ni({sound:e}){Ja("🔔You have received a new message"),e&&Dr()}const ri=e=>{const{chatSDK:t,handlers:n,logger:r}=W(),{aiAgentInfo:s}=ne(),a=u.useRef(new Set),i=g=>{if(!(n!=null&&n.onCustomEvent))return;pe(g)&&g.sender.userId===s.userId&&!Te.isStreaming(g)&&!a.current.has(g.messageId)&&(r.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 b=Ft(g.data);Array.isArray(b.history)&&b.history.length===0&&(r.debug("useCustomEventForMessageReceive: user_action_required",b),n.onCustomEvent({type:"user-action-requested",data:b}),a.current.add(g.messageId))}},c=(g,b)=>{g.url===e&&(i(b),l(b))},d=g=>{l(g)};return Re.useGroupChannelHandler(t,{onMessageUpdated:c,onMessageReceived:c}),{checkForUserActionRequired:d}},oi=e=>{const{config:t,chatSDK:n}=W(),{sdkUser:r}=ne();Re.useGroupChannelHandler(n,{onMessageReceived(s,a){var c;if(!((c=t==null?void 0:t.conversation)!=null&&c.messageAlertSoundEnabled)||s.url!==e||document.hasFocus())return;const i=r==null?void 0:r.userId;(pe(a)&&a.sender.userId!==i||a.isAdminMessage()&&!a.silent)&&Dr()}})};function si(e){return new Promise(t=>{const n=new Image;n.onload=function(){const r=String(n.width),s=String(n.height);URL.revokeObjectURL(n.src),t({width:r,height:s})},n.src=URL.createObjectURL(e)})}async function ai(e){if("file"in e&&e.file instanceof File&&e.file.type.startsWith("image/")){const{width:t,height:n}=await si(e.file);return new Se.MessageMetaArray({key:ur,value:[t,n]})}}const ii=({onScrollAfterSendMessage:e})=>{const{agentPreviewConfigs:t,handlers:n}=W(),r=u.useRef(t==null?void 0:t.agentAttributes);return r.current=t==null?void 0:t.agentAttributes,{onBeforeSendMessage:async s=>{const a=await ai(s),i={...s,metaArrays:a?[a]:void 0},l=li(r.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===Se.SendingStatus.SUCCEEDED?(i=n==null?void 0:n.onCustomEvent)==null||i.call(n,{type:"message-sent-succeeded",data:{message:s}}):s.sendingStatus===Se.SendingStatus.PENDING&&((l=n==null?void 0:n.onCustomEvent)==null||l.call(n,{type:"message-sent-pending",data:{message:s}}))}}},li=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};async function un(e){let t=e;t&&(!t.startsWith("http://")&&!t.startsWith("https://")&&(t="https://"+t),window.open(t,"_blank","noopener,noreferrer"))}function ci(e){requestAnimationFrame(()=>{requestAnimationFrame(()=>{e()})})}const dt=50,Rt=dt-40,{Provider:ui,useContext:di}=ee("ConversationScroll"),Hn={viewport:0,contentHeight:0,contentSnapshotHeight:0,shouldRecalc:!1,shouldUpdate:!1};function mi({scrollMode:e,messageStackDirection:t,children:n}){const r=u.useRef(null),s=u.useRef(null),a=u.useRef(Hn),i=u.useRef(!1),l=u.useRef(null),c=u.useRef(0),d=u.useRef(0),g=u.useRef(!1),[b,E]=u.useState(0),[_,C]=u.useState(0),[x,m]=u.useState(!1),[p,v]=u.useState(!1),T=u.useMemo(()=>x||t==="bottom"?"auto":e,[x,t,e]),y=()=>{a.current.contentSnapshotHeight=a.current.contentHeight,a.current.shouldUpdate=!0,a.current.shouldRecalc=!0},S=()=>{const L=r.current;!L||!a.current.shouldUpdate||E(w=>{a.current.shouldUpdate=!1;const{contentHeight:O,contentSnapshotHeight:N,shouldRecalc:K}=a.current,X=L.clientHeight;if(N>O)return w;const oe=$(L,{messageType:"outgoing"});let de=0;if(oe){const me=oe.message.offsetTop-Rt+X;de=Math.max(0,me-O)}else{const me=O-N,We=X-Rt;de=Math.max(0,me-We)}return w===0||de!==w||K?(a.current.shouldRecalc=!1,de):w})},$=u.useCallback((L,w)=>{const{messageType:O="all"}=w??{},N=Array.from(L.querySelectorAll(`#${le}-message-item`));let K=N;O==="outgoing"&&(K=N.filter(kt=>kt.getAttribute("data-layout-id")==="outgoingmessage"));const X=K[K.length-1];if(!X)return null;const oe=L.getBoundingClientRect(),de=X.getBoundingClientRect(),me=L.scrollTop+(de.top-oe.top),We=me+X.offsetHeight;return{message:X,scrollTop:me,lastMessageBottom:We}},[]),M=u.useCallback(()=>{const L=r.current;if(!L||T!=="fixed")return;const w=$(L);a.current.contentHeight=(w==null?void 0:w.lastMessageBottom)??L.scrollHeight,!i.current&&a.current.contentSnapshotHeight>0&&y();const O=Math.max(0,L.scrollHeight-L.scrollTop-L.clientHeight);C(O),S()},[T,$]),H=u.useCallback(()=>{s.current&&(s.current.disconnect(),s.current=null),a.current=Hn,E(0),C(0)},[]),U=u.useCallback((L=!0)=>{g.current=!1,ci(()=>{const w=r.current;w&&w.scrollTo({top:w.scrollHeight,behavior:L?"smooth":"auto"})})},[]),z=u.useCallback(L=>{L&&(r.current=L,T==="fixed"&&(H(),a.current.viewport=L.clientHeight,s.current=new MutationObserver(()=>{M()}),s.current.observe(L,{childList:!0,subtree:!0})))},[T,M,H]),D=u.useCallback(()=>{const L=r.current;if(!L)return;const w=$(L,{messageType:"outgoing"});w&&(L.scrollTo({top:w.message.offsetTop-Rt,behavior:"smooth"}),l.current&&clearTimeout(l.current),l.current=setTimeout(()=>{v(!1)},500))},[$]),j=L=>{const{scrollHeight:w,scrollTop:O,clientHeight:N}=L.currentTarget,K=Math.max(0,w-O-N),X=d.current,oe=K<=dt,de=O<X,me=O>X;de&&!oe&&(g.current=!0),me&&oe&&(g.current=!1),d.current=O,c.current=K,C(K)},q=u.useCallback(()=>{T==="fixed"&&(v(!0),y())},[T]),J=u.useCallback(()=>{T==="fixed"?setTimeout(()=>D(),300):U()},[T,D]),se=u.useCallback(L=>{i.current=L,T==="fixed"?y():g.current||U()},[T,U]),Ce=u.useCallback(L=>{m(L),L&&(E(0),s.current&&(s.current.disconnect(),s.current=null))},[]),_e=u.useCallback(L=>{T==="auto"&&L&&!g.current&&U()},[T,U]),I=!(_<=dt)&&!p,be=u.useCallback(()=>c.current>dt,[]);return o.createElement(ui,{value:{ref:z,state:{bottomSpace:b,isAwayFromBottom:I,shouldCountNewMessages:be},props:{onScroll:j},actions:{scrollToBottom:U,onBeforeMessageSend:q,onAfterMessageSend:J,onStreamingUpdate:se,onConversationClosed:Ce,onTypingIndicatorUpdate:_e}}},n)}const{Provider:gi,Context:hi,useContext:re}=ee("Conversation"),pi=({children:e})=>{var s;const{channelSource:t}=re(),n=(s=t.channel)==null?void 0:s.url,{checkForUserActionRequired:r}=ri(n);return u.useEffect(()=>{var i;const a=(i=t.channel)==null?void 0:i.lastMessage;a&&r(a)},[t.channel,r]),o.createElement(o.Fragment,null,e)},fi=({channelUrl:e,onClearChannelUrl:t,onNavigateToConversationList:n,shouldMarkAsRead:r,children:s})=>{const{activeChannel:a,refreshActiveChannel:i}=ne(),l=di(),c=e||(a==null?void 0:a.url);oi(c);const{onBeforeSendMessage:d,onAfterSendMessage:g}=ii({onScrollAfterSendMessage:()=>{l.actions.onAfterMessageSend()}}),b=u.useCallback(C=>(l.actions.onBeforeMessageSend(),d(C)),[l.actions,d]),E=u.useCallback(C=>{const x=C.some(m=>Te.isStreaming(m));l.actions.onStreamingUpdate(x)},[l.actions.onStreamingUpdate]),_=u.useCallback(async()=>{await i(),e&&(t==null||t())},[i,e,t]);return o.createElement(ea,{key:c,channelUrl:c,onBeforeSendMessage:b,onAfterSendMessage:g,onMessagesUpdated:E,onMessagesReceived:E,onChannelDeleted:_,onConversationClosedStatusChanged:l.actions.onConversationClosed,shouldMarkAsRead:r,shouldCountNewMessages:l.state.shouldCountNewMessages},C=>o.createElement(gi,{value:{...C,scrollSource:l,goToActiveConversation:_,onNavigateToConversationList:n}},o.createElement(pi,null,s)))},Nr=({children:e,...t})=>{var i;const{config:n}=te(),{agentPreviewConfigs:r}=W(),s=((i=n==null?void 0:n.conversation)==null?void 0:i.scrollMode)??"auto",a=r==null?void 0:r.messageStackDirection;return o.createElement(mi,{scrollMode:s,messageStackDirection:a},o.createElement(fi,{...t},e))},dn=u.createContext({onDrop:Ae,subscribe:()=>Ae}),jt=({children:e})=>{const t=u.useRef(new Set);return o.createElement(dn.Provider,{value:{onDrop:n=>{var r;if(n.preventDefault(),(r=n.dataTransfer)!=null&&r.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)},bi=({onDropFiles:e})=>{const{subscribe:t}=u.useContext(dn);u.useEffect(()=>t(e),[e])};jt.Consumer=({children:e})=>{const{onDrop:t}=u.useContext(dn);return e({onDrop:t,onDragOver:s=>s.preventDefault()})};const he=e=>{const t=e;return typeof t=="number"?`${t}px`:t},k=({as:e,variant:t="body1",color:n,maxTextLines:r,className:s,...a})=>o.createElement(vi,{as:e,$variant:t,className:s,$color:n,$maxTextLines:r,...a}),zn=new WeakMap,Ei=(e,t)=>{let n=zn.get(t);n||(n=new Map,zn.set(t,n));const r=n.get(e);if(r)return r;const s=t[e]??t.body1,a=A.css`font-size:${he(s.fontSize)};font-weight:${s.fontWeight};${s.fontFamily?`font-family: ${s.fontFamily};`:""}
51
- ${s.lineHeight?`line-height: ${s.lineHeight};`:"line-height: 100%;"}
52
- `;return n.set(e,a),a},xi=e=>e?A.css`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:${e};overflow:hidden;`:"",vi=f.default.span`font-stretch:normal;letter-spacing:normal;${({$variant:e,theme:t})=>Ei(e,t.typography)}color:${({$color:e})=>e};${({$maxTextLines:e})=>xi(e)}`;class ft extends u.PureComponent{constructor(t){super(t),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}render(){const{fallback:t=null,errorFallback:n=t,loadingFallback:r=t,children:s}=this.props;return this.state.hasError?n:o.createElement(u.Suspense,{fallback:r},s)}}const Ci=e=>o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 64 64",...e},o.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"})),_i=e=>o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",...e},o.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"})),yi=e=>o.createElement("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...e},o.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"})),Si=e=>o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 64 64",fill:"evenodd",...e},o.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"})),Ti=e=>o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 64 64",...e},o.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"})),Ai=new Set(["send","chat","message","chevron-right","good","good-filled","bad","bad-filled"]),wi={close:Ci,send:Ti,menu:Si,expand:yi,collapse:_i,spinner:u.lazy(()=>Promise.resolve().then(()=>require("./Cf3-irI8.cjs"))),chat:u.lazy(()=>Promise.resolve().then(()=>require("./BmdfYY9c.cjs"))),message:u.lazy(()=>Promise.resolve().then(()=>require("./CmWLVNPR.cjs"))),error:u.lazy(()=>Promise.resolve().then(()=>require("./DNmdC4-j.cjs"))),info:u.lazy(()=>Promise.resolve().then(()=>require("./ohTjxqcW.cjs"))),refresh:u.lazy(()=>Promise.resolve().then(()=>require("./D00MOxhE.cjs"))),"chevron-down":u.lazy(()=>Promise.resolve().then(()=>require("./wf-LdaaN.cjs"))),"chevron-right":u.lazy(()=>Promise.resolve().then(()=>require("./B0k-GApQ.cjs"))),done:u.lazy(()=>Promise.resolve().then(()=>require("./kp5wcW4s.cjs"))),user:u.lazy(()=>Promise.resolve().then(()=>require("./CtHfgPDp.cjs"))),"file-document":u.lazy(()=>Promise.resolve().then(()=>require("./_YfLwFkX.cjs"))),download:u.lazy(()=>Promise.resolve().then(()=>require("./BN09c8-A.cjs"))),attach:u.lazy(()=>Promise.resolve().then(()=>require("./DcDTXo8_.cjs"))),delete:u.lazy(()=>Promise.resolve().then(()=>require("./CKPzhVy2.cjs"))),"close-filled":u.lazy(()=>Promise.resolve().then(()=>require("./D1kINslt.cjs"))),agent:u.lazy(()=>Promise.resolve().then(()=>require("./Ce1MzjFq.cjs"))),question:u.lazy(()=>Promise.resolve().then(()=>require("./JA0x62Fd.cjs"))),actionbook:u.lazy(()=>Promise.resolve().then(()=>require("./CXa-CGHE.cjs"))),function:u.lazy(()=>Promise.resolve().then(()=>require("./zbLY6xl_.cjs"))),"radio-on":u.lazy(()=>Promise.resolve().then(()=>require("./B9NJk4MI.cjs"))),"radio-off":u.lazy(()=>Promise.resolve().then(()=>require("./Bb0r6Nhu.cjs"))),confluence:u.lazy(()=>Promise.resolve().then(()=>require("./c6TZaE94.cjs"))),zendesk:u.lazy(()=>Promise.resolve().then(()=>require("./DqpDy_26.cjs"))),salesforce:u.lazy(()=>Promise.resolve().then(()=>require("./BsgzT_SF.cjs"))),sprinklr:u.lazy(()=>Promise.resolve().then(()=>require("./D97ZpKUC.cjs"))),website:u.lazy(()=>Promise.resolve().then(()=>require("./ygZY2D-5.cjs"))),snippet:u.lazy(()=>Promise.resolve().then(()=>require("./BCFOnu0u.cjs"))),template:u.lazy(()=>Promise.resolve().then(()=>require("./eJXfXI1_.cjs"))),source:u.lazy(()=>Promise.resolve().then(()=>require("./yVmX6iux.cjs"))),bot:u.lazy(()=>Promise.resolve().then(()=>require("./PhHbzZB_.cjs"))),"bot-filled":u.lazy(()=>Promise.resolve().then(()=>require("./DlvMdI1f.cjs"))),copy:u.lazy(()=>Promise.resolve().then(()=>require("./COgkkyBM.cjs"))),show:u.lazy(()=>Promise.resolve().then(()=>require("./DM-WWpci.cjs"))),mute:u.lazy(()=>Promise.resolve().then(()=>require("./P_ra76fq.cjs"))),good:u.lazy(()=>Promise.resolve().then(()=>require("./DEgUVAck.cjs"))),bad:u.lazy(()=>Promise.resolve().then(()=>require("./C0s7eAf7.cjs"))),"good-filled":u.lazy(()=>Promise.resolve().then(()=>require("./Chg8xHXT.cjs"))),"bad-filled":u.lazy(()=>Promise.resolve().then(()=>require("./CGkmTaBn.cjs"))),delight:u.lazy(()=>Promise.resolve().then(()=>require("./DCB0iTxd.cjs")))},B=({type:e,size:t=24,className:n,color:r})=>{const s=wi[e];return o.createElement(ki,{className:n,$rtlFlip:Ai.has(e),$size:t,$color:r??h.color.primary.main},o.createElement(ft,{errorFallback:o.createElement($i,null)},o.createElement(s,null)))},Ii=A.css`[dir='rtl'] &{transform:scaleX(-1);}`,ki=f.default.div`width:${({$size:e})=>he(e)};height:${({$size:e})=>he(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&&Ii};`,$i=()=>o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 64 64"},o.createElement("rect",{x:"8",y:"8",width:"48",height:"48",fill:"none",className:"stroke",rx:"4"}),o.createElement("line",{x1:"20",y1:"20",x2:"44",y2:"44",className:"stroke"}),o.createElement("line",{x1:"44",y1:"20",x2:"20",y2:"44",className:"stroke"}));function mn({name:e,type:t="FILE",iconColor:n,iconBackgroundColor:r,onClick:s}){const{colors:a}=A.useTheme();return o.createElement(Mi,{onClick:s,$clickable:!!s},o.createElement(Oi,{$bgColor:r??a.base.primary},o.createElement(B,{type:"file-document",size:24,color:n??a.base.primaryContrastContent})),o.createElement(Ri,null,o.createElement(Di,{variant:"button",color:h.themedColor.textHighEmphasis},e),o.createElement(k,{color:h.themedColor.textMidEmphasis,variant:"caption3"},t)))}const Mi=f.default.div`border-radius:12px;gap:8px;width:${F.BODY_MAX_WIDTH}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${h.themedColor.textDisabled};background-color:${h.themedColor.bg_50_600};${({$clickable:e})=>e&&Li}`,Li=A.css`cursor:pointer;&:hover{background-color:${h.themedColor.bg_100_500};}`,Oi=f.default.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({$bgColor:e})=>e};`,Ri=f.default.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`,Di=f.default(k)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;function Ni({file:e,children:t,onClickFile:n}){return o.createElement(Pi,null,o.createElement(mn,{name:e.name,type:Jt(e.name,e.type),onClick:n&&(()=>n==null?void 0:n(e))}),t)}const Pi=f.default.div`display:flex;flex-direction:column;align-items:flex-start;gap:${F.GAP_GROUPED}px;`,ve=`${le}-incoming-msg`,Bi=`${le}-marked-text`;function Fi({file:e,onClickMedia:t,children:n}){const r=()=>e.type.startsWith("image")?o.createElement(zi,{src:e.url,alt:"image-message"}):e.type.startsWith("video")?o.createElement(Vi,{controls:!0},o.createElement("source",{src:e.url}),o.createElement("track",{kind:"captions"})):null;if(r){const s={id:`${ve}-media-body`,onClick:()=>t==null?void 0:t(e)};return o.createElement(Ui,null,o.createElement(Hi,{...s},r()),n)}return null}const Ui=f.default.div`display:flex;flex-direction:column;align-items:flex-start;gap:${F.GAP_GROUPED}px;`,Hi=f.default.div`width:${F.BODY_MAX_WIDTH}px;height:160px;border-radius:12px;overflow:hidden;cursor:pointer;${P.light`
53
- background-color: ${h.color.background100};
54
- `}
55
- ${P.dark`
56
- background-color: ${h.color.background400};
57
- `}
58
- `,zi=f.default.img`width:100%;height:100%;object-fit:cover;`,Vi=f.default.video`width:100%;height:100%;object-fit:cover;`,Gi="✱",Pr=e=>{const t=new RegExp(`(\`+)([^\`]+?)\\1|(${Gi}+)`,"g");return e.replace(t,(n,r,s,a)=>r?n:a?`<span id=${Bi} aria-label="masked-text">${a}</span>`:n)},Wi=e=>e.replace(/\*\*(.*?)\*\*/g,"<b>$1</b>"),qi=u.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./CbkA2p0b.cjs"))).MarkdownText})),ji=u.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./DlvEEpWX.cjs"))).CodeBlock}));function Vn(e){var s,a;const t=e.maxBodyWidth??F.BODY_MAX_WIDTH,n=u.useMemo(()=>Do(e.message,Pr),[e.message]),r={id:`${ve}-text-body`,$maxWidth:t,$color:(s=e.customStyle)==null?void 0:s.bubbleContentColor,$bgColor:(a=e.customStyle)==null?void 0:a.bubbleBackgroundColor};return n.length===0?e.children?o.createElement(Gn,{...r},e.children):null:o.createElement(Gn,{...r},n.map((i,l)=>i.type==="text"?o.createElement(Wn,{key:l,variant:"body3"},o.createElement(ft,{fallback:i.value},o.createElement(qi,{onClickImage:c=>{var d;return(d=e.onClickMedia)==null?void 0:d.call(e,{url:c,type:"image/*"})}},i.value))):i.type==="code"?o.createElement(ft,{key:l,fallback:o.createElement(Wn,{variant:"body3"},i.value)},o.createElement(ji,{code:i.value,language:i.language})):null),e.children)}const Gn=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
- color: ${t||e.colors.messageIncoming.text};
60
- background-color: ${n||e.colors.messageIncoming.background};
61
- `}
62
- padding: 12px 0;
63
- transition: max-width 0.3s;
64
- overflow-wrap: break-word;
65
- `,Wn=f.default(k)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`,Ki=e=>{const{stringSet:t}=V(),n=gr(e)?o.createElement(Vn,{...e}):null;if(e.messageType==="user")return n;if(e.messageType==="file"){const r=e.file;return r.type.startsWith("image")||r.type.startsWith("video")?o.createElement(Fi,{...e},n):o.createElement(Ni,{...e},n)}return o.createElement(Vn,{...e,message:t.UNKNOWN__UNKNOWN_MESSAGE_TYPE})};function gn({id:e,src:t,size:n=56,onClick:r,style:s}){return o.createElement(Yi,{id:e,tabIndex:0,onClick:r,$size:he(n),style:s},t?o.createElement(Zi,{src:t}):o.createElement(B,{type:"user",size:n}))}const Yi=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:${h.themedColor.bg_100_500};&:focus{outline:none;}`,Zi=f.default.img`object-fit:cover;width:100%;height:100%;position:absolute;`,Xi=({sender:e,isBotMessage:t})=>{const n=`${ve}-sender-avatar`;return t&&!e.profileUrl?o.createElement(Ji,{id:n},o.createElement(B,{type:"delight",size:"100%"})):o.createElement(gn,{id:n,size:F.AVATAR_SIZE,src:e.profileUrl})},Ji=f.default.div`flex-shrink:0;width:${F.AVATAR_SIZE}px;height:${F.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;ellipse,path{fill:${({theme:e})=>e.colors.base.primaryContrastContent}!important;}}`,Qi=({sender:e})=>o.createElement(el,{id:`${ve}-sender-name`,variant:"caption1",color:h.themedColor.textMidEmphasis},e.nickname),el=f.default(k)`text-align:start;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-block:5px;padding-inline:0 7px;`,tl=({createdAt:e})=>{const{stringSet:t,format:n}=V();return e?o.createElement(k,{id:`${ve}-sent-time`,variant:"caption4",color:h.themedColor.textLowEmphasis},n(e,t.DATE_FORMAT__MESSAGE_TIMESTAMP)):null},nl=({customStyle:e})=>o.createElement(rl,{$bgColor:e==null?void 0:e.bubbleBackgroundColor},[0,1,2].map(t=>o.createElement(ol,{key:t,$color:e==null?void 0:e.bubbleContentColor}))),rl=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};`,ol=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;}`,sl=({extendedMessagePayload:e,onClickCTA:t=({url:n})=>un(n)})=>{const n=e==null?void 0:e.cta_button;return n?o.createElement(al,{id:`${ve}-ext-cta-button`,role:"button",onClick:()=>t(n)},o.createElement(il,{variant:"button"},n.label)):null},al=f.default.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;color:${h.themedColor.textHighEmphasis};background-color:${h.color.background50};${P.dark`
66
- background-color: ${h.color.ondark.textDisabled};
67
- `}
68
- `,il=f.default(k)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,ll=({extendedMessagePayload:e,onClickCitation:t=n=>un(n.link)})=>{const{stringSet:n}=V(),{theme:r}=on(),s=e==null?void 0:e.citations;return!s||s.length===0?null:o.createElement(cl,{id:`${ve}-ext-citation`},o.createElement(ul,{variant:"caption1",color:r.colors.messageIncoming.text},n.CITATION_SOURCE_TITLE),o.createElement(dl,null,s.map((a,i)=>o.createElement(gl,{key:`${a.embedding_id}-${i}`,role:"button",onClick:()=>t(a)},o.createElement(B,{type:"source",size:16,color:r.colors.messageIncoming.text}),o.createElement(ml,{variant:"body3",color:r.colors.messageIncoming.text},a.title)))))},cl=f.default.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;padding:8px 12px 6px;`,ul=f.default(k)`opacity:0.5;`,dl=f.default.div`display:flex;flex-direction:column;gap:8px;`,ml=f.default(k)`text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,gl=f.default.div`display:flex;align-items:center;gap:4px;cursor:pointer;&:hover{opacity:0.5;}`,hl=e=>o.createElement(o.Fragment,null),_t=({style:e,rootElementId:t,visible:n,onClose:r,children:s})=>{if(!n)return null;const{rootElement:a}=Or(),i=Le(a),l=Le(a,!0);return To.createPortal(o.createElement(pl,{onClick:r,style:e},o.createElement(fl,{onClick:c=>c.stopPropagation()},s)),i.getElementById(t)??i.getElementById(ue.MODAL_ROOT)??l.body)},pl=f.default.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${h.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${De.MODAL};`,fl=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:${De.MODAL};`,bl=({visible:e,onClose:t,children:n})=>o.createElement(_t,{rootElementId:ue.WINDOW,visible:e,onClose:t},o.createElement(vl,null,n)),El=({onClick:e,destructive:t,children:n})=>o.createElement(xl,{onClick:e,$destructive:t},n),Fe=Object.assign(bl,{ActionItem:El}),xl=f.default.button`all:unset;width:100%;padding:14px 24px;text-align:start;cursor:pointer;color:${({$destructive:e})=>e?h.themedColor.error:h.themedColor.textHighEmphasis};`,vl=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};`,Kt=e=>`${e}-filled`,Cl=e=>e==="good"?ie.AIAgentMessageFeedbackRating.GOOD:ie.AIAgentMessageFeedbackRating.BAD,Br=A.css`&:hover{opacity:0.8;}&:active{opacity:0.6;}`,qn={good:h.themedColor.secondary,bad:h.themedColor.error},_l=({visible:e,onClose:t,isEdit:n,initialRating:r,initialComment:s="",onSubmit:a,isCommentEnabled:i=!1})=>{const{stringSet:l}=V(),[c,d]=u.useState(r),[g,b]=u.useState(s);u.useLayoutEffect(()=>{e?(d(r),b(s)):(d(void 0),b(""))},[e,r,s]);const E=()=>{c&&(a({rating:c,comment:g.trim()||void 0}),t())},_=()=>{t()};return e?o.createElement(_t,{rootElementId:ue.WINDOW,visible:e,onClose:_},o.createElement(yl,null,o.createElement(Sl,null,o.createElement(k,{variant:"h2",color:h.themedColor.textHighEmphasis},l.FEEDBACK_TITLE)),o.createElement(Tl,null,o.createElement(Al,null,["good","bad"].map(C=>{const x=c===C,m=C==="good"?l.FEEDBACK_GOOD:l.FEEDBACK_BAD;return o.createElement(wl,{key:C,$selected:x,$rating:C,onClick:()=>d(C)},o.createElement(B,{type:x?Kt(C):C,size:24,color:x?qn[C]:h.themedColor.textLowEmphasis}),o.createElement(k,{variant:"caption1",color:x?qn[C]:h.themedColor.textLowEmphasis},m))})),i&&o.createElement(Il,null,o.createElement(k,{variant:"caption3",color:h.themedColor.textHighEmphasis},l.FEEDBACK_COMMENT_LABEL),o.createElement(kl,{placeholder:l.FEEDBACK_COMMENT_PLACEHOLDER,value:g,onChange:C=>b(C.target.value),maxLength:100}))),o.createElement($l,null,o.createElement(Ml,{onClick:_},o.createElement(k,{variant:"button",color:h.themedColor.textHighEmphasis},l.FEEDBACK_CANCEL)),o.createElement(Ll,{onClick:E,disabled:!c},o.createElement(k,{variant:"button"},n?l.FEEDBACK_SAVE:l.FEEDBACK_SUBMIT))))):null},yl=f.default.div`width:280px;background-color:${({theme:e})=>e.colors.base.modalContentBackground};border-radius:12px;overflow:hidden;`,Sl=f.default.div`padding:24px;`,Tl=f.default.div`padding-inline:24px;display:flex;flex-direction:column;gap:24px;`,Al=f.default.div`display:flex;gap:4px;`,wl=f.default.button`width:114px;height:64px;border-radius:12px;border:1px solid ${h.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?h.color.background100:"transparent"};${({$selected:e})=>P.dark`
69
- background-color: ${e?h.color.background600:"transparent"};
70
- `}
71
-
72
- &:hover {
73
- opacity: 0.8;
74
- }
75
-
76
- &:active {
77
- opacity: 0.6;
78
- }
79
- `,Il=f.default.div`display:flex;flex-direction:column;gap:6px;`,kl=f.default.textarea`font-family:inherit;font-size:12px;line-height:16px;border:1px solid ${h.themedColor.textDisabled};border-radius:4px;padding:6px 12px;color:${h.themedColor.textHighEmphasis};background-color:${h.themedColor.textLowEmphasisInverse};resize:none;field-sizing:content;min-height:28px;max-height:118px;overflow-y:auto;&::placeholder{color:${h.themedColor.textLowEmphasis};}&:focus{outline:none;}`,$l=f.default.div`padding-inline:24px;padding-block:16px;display:flex;justify-content:flex-end;gap:4px;`,Fr=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;`,Ml=f.default(Fr)`${Br}`,Ll=f.default(Fr)`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};}`,jn={good:h.themedColor.secondary,bad:h.themedColor.error},Ol=({isBotMessage:e,isConversationClosed:t,isStreaming:n,isFeedbackEnabled:r,isFeedbackCommentEnabled:s,extendedMessagePayload:a,onFeedbackUpdate:i})=>{const{stringSet:l}=V(),[c,d]=u.useState(!1),[g,b]=u.useState(!1),[E,_]=u.useState(void 0),[C,x]=u.useState(""),m=a==null?void 0:a.feedback,p=(m==null?void 0:m.rating)??"none";if(p!=="none"?!1:!!(n||!e||!r||(a==null?void 0:a.bot_message_type)!=="generated"||t))return null;const T=M=>{p==="none"?(_(M),x(""),d(!0)):b(!0)},y=()=>{i==null||i(null),b(!1)},S=()=>{b(!1),_(m==null?void 0:m.rating),x((m==null?void 0:m.comment)??""),d(!0)},$=M=>{i==null||i(M)};return t&&p!=="none"?o.createElement(Kn,{$horizontal:!0},o.createElement(Rl,null,o.createElement(B,{type:Kt(p),size:12,color:jn[p]})),(m==null?void 0:m.comment)&&o.createElement(Yn,{variant:"caption2",style:{lineHeight:"16px"}},m.comment)):o.createElement(o.Fragment,null,o.createElement(Kn,null,o.createElement(Dl,null,["good","bad"].map(M=>{const H=p===M;return o.createElement(Nl,{key:M,$selected:H,$rating:M,onClick:()=>T(M)},o.createElement(B,{type:H?Kt(M):M,size:14,color:H?jn[M]:h.themedColor.textMidEmphasis}))})),p!=="none"&&(m==null?void 0:m.comment)&&o.createElement(Yn,{variant:"caption2"},m.comment)),o.createElement(Fe,{visible:g,onClose:()=>b(!1)},o.createElement(Fe.ActionItem,{onClick:S},l.FEEDBACK_EDIT),o.createElement(Fe.ActionItem,{onClick:y,destructive:!0},l.FEEDBACK_REMOVE)),o.createElement(_l,{visible:c,onClose:()=>d(!1),isEdit:p!=="none",initialRating:E,initialComment:C,onSubmit:$,isCommentEnabled:s}))},Kn=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:${F.BODY_MAX_WIDTH}px;`,Rl=f.default.div`padding:2px;flex-shrink:0;display:flex;align-items:center;`,Dl=f.default.div`display:flex;gap:2px;`,Nl=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 ${h.color.background200};background-color:${({$selected:e})=>e?h.color.background100:"transparent"};${({$selected:e})=>P.dark`
80
- border: 1px solid ${h.color.background400};
81
- background-color: ${e?h.color.background500:"transparent"};
82
- `}
83
-
84
- ${Br}
85
- `,Yn=f.default(k)`color:${h.themedColor.textMidEmphasis};${P.dark`
86
- color: ${h.themedColor.textHighEmphasis};
87
- `}
88
- `,hn=({visible:e,title:t,description:n,confirmText:r="OK",onConfirm:s,onClose:a})=>{const i=()=>{s==null||s(),a()};return o.createElement(_t,{rootElementId:ue.WINDOW,visible:e,onClose:a},o.createElement(Pl,null,o.createElement(Bl,null,t&&o.createElement(k,{variant:"h1",color:h.themedColor.textHighEmphasis},t),n&&o.createElement(Fl,null,o.createElement(k,{variant:"subtitle2",color:h.themedColor.textHighEmphasis},n))),o.createElement(Ul,null,o.createElement(Hl,{onClick:i},o.createElement(k,{variant:"button",color:h.themedColor.primary},r)))))},Pl=f.default.div`width:360px;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};`,Bl=f.default.div`margin-bottom:16px;`,Fl=f.default.div`margin-top:8px;`,Ul=f.default.div`display:flex;flex-direction:row;justify-content:flex-end;`,Hl=f.default.button`all:unset;display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:transparent;padding:10px 16px;`,pn=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;}`,Zn=f.default.button`${pn};background-color:${h.themedColor.primary};color:${h.themedColor.textHighEmphasis};&:hover:not(:disabled){opacity:0.9;}`,zl=f.default.button`${pn};color:${h.themedColor.primary};${P.light`
89
- background-color: ${h.color.background50};
90
- `};
91
- ${P.dark`
92
- background-color: ${h.color.background700};
93
- `};
94
-
95
- &:hover:not(:disabled) {
96
- opacity: 0.9;
97
- }
98
- `,Vl=f.default.button`${pn};background-color:transparent;color:${h.themedColor.textHighEmphasis};&:hover:not(:disabled){opacity:0.7;}`,Gl=e=>{switch(e){case"primary":return Zn;case"secondary":return zl;case"clear":return Vl;default:return Zn}},Wl=f.default.div`animation:1s infinite linear;animation-name:rotate;display:flex;align-items:center;justify-content:center;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`,ql=({children:e,onClick:t,variant:n="primary",disabled:r=!1,loading:s=!1,className:a})=>{const i=()=>{switch(n){case"primary":return h.themedColor.textHighEmphasisInverse;case"secondary":return h.themedColor.primary;case"clear":return h.themedColor.textHighEmphasis;default:return h.themedColor.textHighEmphasisInverse}},l=Gl(n);return o.createElement(l,{onClick:t,disabled:r||s,className:a},s?o.createElement(Wl,null,o.createElement(B,{type:"spinner",size:22,color:i()})):o.createElement(k,{variant:"button",color:i()},e))},jl=({children:e,className:t,style:n})=>o.createElement(k,{variant:"caption4",color:h.themedColor.error,className:t,style:n},e),Kl=({children:e,className:t,style:n,required:r})=>{const{stringSet:s}=V();return o.createElement(k,{variant:"caption3",color:h.themedColor.textMidEmphasis,className:t,style:n},e,!r&&o.createElement("span",{style:{color:h.themedColor.textLowEmphasis}},` (${s.OPTIONAL})`))},Yl=({value:e,onChange:t,placeholder:n,error:r=!1,submitted:s=!1,className:a,disabled:i=!1,max:l})=>{const c=g=>{const E=g.target.value.replace(/[^0-9.-]/g,""),_=E.split("."),x=_.length>1?_[0]+"."+_.slice(1).join("").replace(/\./g,""):E;if(g.target.value=x,x===""||x==="-")t==null||t(null);else{const m=Number(x);if(!isNaN(m)){if(l!==void 0&&m>l)return;t==null||t(m)}}},d=e==null?"":String(e);return o.createElement(ec,{type:"text",value:d,onChange:c,placeholder:n,className:a,disabled:i||s,inputMode:"decimal",$error:r,$submitted:s})},Zl=A.css`width:100%;height:36px;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:400;line-height:1.43;outline:none;transition:all 0.2s ease;&::placeholder{color:${h.themedColor.textLowEmphasis};}&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}`,Xl=A.css`color:${h.themedColor.textHighEmphasis};border:1px solid transparent;cursor:not-allowed;${P.light`
99
- background-color: ${h.color.ondark.textMidEmphasis};
100
- `}
101
- ${P.dark`
102
- background-color: ${h.color.onlight.textLowEmphasis};
103
- `}
104
-
105
- &::placeholder {
106
- color: ${h.themedColor.textLowEmphasis};
107
- }
108
- `,Jl=A.css`border:1px solid ${h.themedColor.error};color:${h.themedColor.textHighEmphasis};${P.light`
109
- background-color: ${h.color.background50};
110
- `}
111
- ${P.dark`
112
- background-color: ${h.color.onlight.textLowEmphasis};
113
- `}
114
- `,Ql=A.css`border:1px solid ${h.themedColor.textDisabled};color:${h.themedColor.textHighEmphasis};${P.light`
115
- background-color: ${h.color.background50};
116
- `}
117
- ${P.dark`
118
- background-color: ${h.color.onlight.textLowEmphasis};
119
- `}
120
-
121
- &:focus {
122
- border-color: ${h.themedColor.primary};
123
- }
124
- `,ec=f.default.input`${Zl}${({$error:e,$submitted:t})=>t?Xl:e?Jl:Ql}`,tc=e=>{if(e.multiple){const{value:t=[],onChange:n,maxSelect:r,submitted:s=!1}=e;return{selectedValues:t,handleOptionClick:i=>{if(s)return;if(t.includes(i)){const c=t.filter(d=>d!==i);n==null||n(c)}else{if(r&&t.length>=r)return;const c=[...t,i];n==null||n(c)}}}}else{const{value:t,onChange:n,submitted:r=!1}=e;return{selectedValues:t?[t]:[],handleOptionClick:a=>{if(r)return;const i=t===a?"":a;n==null||n(i)}}}},Ur=e=>{const{options:t,submitted:n=!1,error:r=!1,className:s}=e,{selectedValues:a,handleOptionClick:i}=tc(e);return o.createElement(rc,{className:s},t.map(l=>{const c=a.includes(l.value);return o.createElement(uc,{key:l.value,$active:c,$submitted:n,$error:r,onClick:()=>i(l.value)},o.createElement(k,{variant:"caption1",color:nc(c,n)},l.label))}))},nc=(e,t)=>t?e?h.themedColor.textHighEmphasis:h.themedColor.textDisabled:e?h.themedColor.primary:h.themedColor.textMidEmphasis,rc=f.default.div`display:flex;flex-wrap:wrap;gap:4px 2px;`,oc=A.css`display:inline-flex;align-items:center;padding:8px 12px;border-radius:15px;transition:all 0.2s ease;`,sc=A.css`cursor:default;background-color:${h.color.ondark.textMidEmphasis};color:${h.themedColor.textHighEmphasis};${P.dark`
125
- background-color: transparent;
126
- border: 1px solid white;
127
- color: white;
128
- `}
129
- `,ac=A.css`cursor:default;${P.light`
130
- background-color: ${h.color.ondark.textMidEmphasis};
131
- color: ${h.themedColor.textDisabled};
132
- `}
133
- ${P.dark`
134
- background-color: ${h.color.onlight.textLowEmphasis};
135
- border: 1px solid ${h.color.onlight.textLowEmphasis};
136
- color: ${h.themedColor.textDisabled};
137
- `}
138
- `,ic=A.css`cursor:pointer;border:1px solid ${h.themedColor.primary};${P.light`
139
- background-color: ${h.color.background50};
140
- color: ${h.themedColor.primary};
141
- `}
142
- ${P.dark`
143
- background-color: ${h.color.onlight.textLowEmphasis};
144
- color: ${h.themedColor.primary};
145
- `}
146
- `,lc=A.css`cursor:pointer;border:1px solid ${h.themedColor.textDisabled};${P.light`
147
- background-color: ${h.color.background50};
148
- color: ${h.themedColor.textMidEmphasis};
149
- `}
150
- ${P.dark`
151
- background-color: ${h.color.onlight.textLowEmphasis};
152
- color: ${h.themedColor.textMidEmphasis};
153
- `}
154
- `,cc=A.css`border-color:${h.themedColor.error}!important;`,uc=f.default.div`${oc}${({$active:e,$submitted:t,$error:n})=>{if(t)return e?sc:ac;const r=e?ic:lc;return n?A.css`
155
- ${r} ${cc}
156
- `:r}}
157
- `,dc=e=>o.createElement(Ur,{...e,multiple:!1}),mc=e=>o.createElement(Ur,{...e,multiple:!0}),gc=f.default.div`width:100%;height:1px;background-color:${h.themedColor.textDisabled};`,hc=({className:e})=>o.createElement(gc,{className:e}),pc=({value:e="",onChange:t,placeholder:n,variant:r="single-line",error:s=!1,submitted:a=!1,className:i,disabled:l=!1,maxLength:c})=>{const g={value:e,onChange:b=>{const E=b.target.value;c&&E.length>c||t==null||t(E)},placeholder:n,className:i,disabled:l||a,maxLength:c,$error:s,$submitted:a};return r==="multi-line"?o.createElement(bc,{...g}):o.createElement(fc,{...g})},Hr=A.css`width:100%;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:400;line-height:1.43;outline:none;transition:all 0.2s ease;&::placeholder{color:${h.themedColor.textLowEmphasis};}`,zr=A.css`color:${h.themedColor.textHighEmphasis};border:1px solid transparent;cursor:not-allowed;${P.light`
158
- background-color: ${h.color.ondark.textMidEmphasis};
159
- `}
160
- ${P.dark`
161
- background-color: ${h.color.onlight.textLowEmphasis};
162
- `}
163
-
164
- &::placeholder {
165
- color: ${h.themedColor.textLowEmphasis};
166
- }
167
- `,Vr=A.css`border:1px solid ${h.themedColor.error};color:${h.themedColor.textHighEmphasis};${P.light`
168
- background-color: ${h.color.background50};
169
- `}
170
- ${P.dark`
171
- background-color: ${h.color.onlight.textLowEmphasis};
172
- `}
173
- `,Gr=A.css`border:1px solid ${h.themedColor.textDisabled};color:${h.themedColor.textHighEmphasis};${P.light`
174
- background-color: ${h.color.background50};
175
- `}
176
- ${P.dark`
177
- background-color: ${h.color.onlight.textLowEmphasis};
178
- `}
179
-
180
- &:focus {
181
- border-color: ${h.themedColor.primary};
182
- }
183
- `,fc=f.default.input`${Hr};height:36px;${({$error:e,$submitted:t})=>t?zr:e?Vr:Gr}`,bc=f.default.textarea`${Hr};height:96px;resize:none;font-family:inherit;${({$error:e,$submitted:t})=>t?zr:e?Vr:Gr}`,Ec=({children:e,className:t,style:n})=>o.createElement(k,{variant:"button",color:h.themedColor.textHighEmphasis,className:t,style:n},e),Q={Title:Ec,Label:Kl,ErrorLabel:jl,Separator:hc,Button:ql,TextInput:pc,NumberInput:Yl,SingleSelect:dc,MultiSelect:mc},xc=1,vc=new Set(["text","number","single-select","multi-select"]),Cc=e=>{var m;const t=(m=e.extendedMessagePayload)==null?void 0:m.form;if(!t)throw new Error("Form is not provided");const{stringSet:n}=V(),[r,s]=u.useState({submitting:!1,canceling:!1}),[a,i]=u.useState({visible:!1}),{state:l,fields:c,submit:d,cancel:g,updateFieldValue:b}=_a(t,{labels:{required:n.FORM_VALIDATION_REQUIRED,regex:n.FORM_VALIDATION_REGEX_FAILED,minLength:n.FORM_VALIDATION_MIN_LENGTH,maxLength:n.FORM_VALIDATION_MAX_LENGTH,min:n.FORM_VALIDATION_MIN,max:n.FORM_VALIDATION_MAX,minSelect:n.FORM_VALIDATION_MIN_SELECT,maxSelect:n.FORM_VALIDATION_MAX_SELECT},onSubmit:p=>{var v;return(v=e.onSubmitForm)==null?void 0:v.call(e,{key:t.key,data:p})},onCancel:()=>{var p;return(p=e.onCancelForm)==null?void 0:p.call(e,{key:t.key})}}),E=l==="submitted",_=async()=>{s(p=>({...p,submitting:!0}));try{await d()}catch(p){i({visible:!0,description:p instanceof Error?p.message:n.TRY_AGAIN})}finally{s(p=>({...p,submitting:!1}))}},C=async()=>{s(p=>({...p,canceling:!0}));try{await g()}catch(p){i({visible:!0,description:p instanceof Error?p.message:n.TRY_AGAIN})}finally{s(p=>({...p,canceling:!1}))}},x=u.useMemo(()=>{const p=()=>t.version>xc,v=()=>t.fields.some(T=>!vc.has(T.type));return p()||v()?{visible:!1,cancelable:!0,reason:n.FORM_NOT_SUPPORTED}:l==="draft"&&(e.isHandedOff||e.isConversationClosed)?{visible:!1,cancelable:!1,reason:n.FORM_UNAVAILABLE}:{visible:!0,cancelable:!0,reason:""}},[t.version,t.fields,l,e.isHandedOff,e.isConversationClosed]);return l==="canceled"?null:x.visible?o.createElement(u.Fragment,null,o.createElement(Xn,{$maxWidth:e.maxBodyWidth??F.BODY_MAX_WIDTH},o.createElement(Q.Title,null,t.title),o.createElement(_c,null,c.map(p=>o.createElement(yc,{key:p.key},o.createElement(Q.Label,{style:{marginBottom:"6px"},required:p.required},p.label),p.type==="text"&&o.createElement(Q.TextInput,{value:p.value||"",placeholder:p.placeholder,onChange:v=>b(p.key,v),disabled:E,error:!!p.error,submitted:E,variant:p.layout==="multiline"?"multi-line":"single-line",maxLength:p.maxLength}),p.type==="number"&&o.createElement(Q.NumberInput,{value:p.value||null,placeholder:p.placeholder,onChange:v=>b(p.key,v),disabled:E,error:!!p.error,submitted:E,max:p.max}),p.type==="single-select"&&o.createElement(Q.SingleSelect,{options:p.options.map(v=>({label:v,value:v})),value:p.value||"",onChange:v=>b(p.key,v),submitted:E}),p.type==="multi-select"&&o.createElement(Q.MultiSelect,{options:p.options.map(v=>({label:v,value:v})),value:p.value||[],onChange:v=>b(p.key,v),submitted:E,maxSelect:p.maxSelect}),p.error&&o.createElement(Q.ErrorLabel,{style:{marginTop:"4px"}},p.error)))),o.createElement(Q.Separator,null),o.createElement(Sc,null,o.createElement(Q.Button,{variant:E?"clear":"primary",onClick:_,disabled:E||r.canceling,loading:r.submitting},E?n.SUBMITTED:n.BUTTON__SUBMIT),l!=="submitted"&&o.createElement(Q.Button,{variant:"secondary",onClick:C,disabled:r.submitting,loading:r.canceling},n.BUTTON__CANCEL))),o.createElement(hn,{...a,onClose:()=>i({visible:!1,title:""})})):o.createElement(Xn,{$maxWidth:e.maxBodyWidth??F.BODY_MAX_WIDTH},o.createElement(k,{variant:"body3"},x.reason),x.cancelable&&o.createElement(Q.Button,{variant:"primary",onClick:C,loading:r.canceling},n.BUTTON__CANCEL))},Xn=f.default.div`display:flex;flex-direction:column;gap:12px;border-radius:12px;overflow:hidden;max-width:${({$maxWidth:e})=>e}px;${({theme:e})=>A.css`
184
- color: ${e.colors.messageIncoming.text};
185
- background-color: ${e.colors.messageIncoming.background};
186
- `}
187
- padding: 16px 12px;
188
- transition: max-width 0.3s;
189
- overflow-wrap: break-word;
190
- `,_c=f.default.div`display:flex;flex-direction:column;gap:12px;`,yc=f.default.div`display:flex;flex-direction:column;`,Sc=f.default.div`display:flex;flex-direction:column;gap:8px;`,Tc=e=>o.createElement(o.Fragment,null),Ac=new Set(["default"]),{MessageTemplate:wc}=Ao.createMessageTemplate({parser:Bt.parser,renderer:Bt.renderer,Container:e=>o.createElement("div",{...e})}),Ic=e=>o.createElement(ft,{errorFallback:e.messageTemplateErrorFallback,loadingFallback:e.messageTemplateLoadingFallback},o.createElement(kc,{...e})),kc=({extendedMessagePayload:e,onGetCachedMessageTemplate:t=()=>null,onRequestMessageTemplate:n,onHandleTemplateInternalAction:r=Ae})=>{const s=e==null?void 0:e.message_template;if(!Ac.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}=Or(),l=ma({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 o.createElement($c,{id:`${ve}-ext-message-template`},o.createElement(Bt.MessageProvider,{handleInternalAction:(c,d)=>{c.stopPropagation(),r==null||r(d)}},o.createElement(wc,{templateItems:l.body.items,templateVersion:l.version})))},$c=f.default.div`box-sizing:border-box;overflow:hidden;width:100%;`,Mc=({extendedMessagePayload:e,onClickSuggestedReply:t,suggestedRepliesDirection:n="vertical"})=>{const[r,s]=u.useState(!1),a=(e==null?void 0:e.suggested_replies)??[];return a.length===0||r?null:o.createElement(Lc,{id:`${ve}-ext-suggested-replies`,$type:n},a.map((i,l)=>o.createElement(Oc,{key:l,$type:n,variant:"body3",onClick:()=>{t&&(t==null||t({reply:i}),s(!0))}},i)))},Lc=f.default.div`margin:16px 0;padding:0 ${F.HORIZONTAL_PADDING}px;position:relative;display:flex;align-self:stretch;gap:8px;${({$type:e})=>e==="vertical"?Rc:Dc};`,Oc=f.default(k)`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:${h.color.primary.main};border:1px solid ${h.color.primary.main};background-color:${h.themedColor.bg_50_600};&:hover{background-color:${h.themedColor.bg_100_500};}${({$type:e,theme:t})=>A.css`
191
- ${e==="vertical"?Nc:Pc};
192
- &:active {
193
- background-color: ${t.colors.base.primary};
194
- color: ${t.colors.base.primaryContrastContent};
195
- }
196
- `}
197
- `,Rc=A.css`flex-direction:column;align-items:flex-end;`,Dc=A.css`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`,Nc=A.css`max-width:calc(100% - 70px);white-space:pre-wrap;`,Pc=A.css`white-space:nowrap;`,Bc=e=>o.createElement(Wr,{...e,testerMode:!1}),Oe=fe({template:Bc,components:{SenderName:Qi,SenderAvatar:Xi,SentTime:tl,MessageBody:Ki,TypingIndicator:nl,SuggestedReplies:Mc,MessageTemplate:Ic,CustomMessageTemplate:hl,CTAButton:sl,Citation:ll,Form:Cc,Feedback:Ol,MessageLogs:Tc}}),Wr=e=>{var m,p,v,T,y,S,$;const{components:t}=Oe.useContext(),{streamText:n,isAnimating:r}=ka({text:e.message,enabled:e.isStreaming,onAnimationStart:e.onStreamAnimationStart,onAnimationProgress:e.onStreamAnimationProgress,onAnimationComplete:e.onStreamAnimationComplete}),s={...e,message:n,extendedMessagePayload:r?{}:e.extendedMessagePayload},a=!!s.isTyping,i=s.testerMode,l=!!s.isSenderAvatarVisible,c=!!((m=s.extendedMessagePayload)!=null&&m.form)&&!((p=s.extendedMessagePayload)!=null&&p.form.canceled_at),d=!!((v=s.extendedMessagePayload)!=null&&v.message_template),g=!!((T=s.extendedMessagePayload)!=null&&T.cta_button),b=!!((y=s.extendedMessagePayload)!=null&&y.citations)&&s.extendedMessagePayload.citations.length>0,E=!!s.createdAt,_=s.groupType==="top"||s.groupType==="single",C=s.groupType==="bottom"||s.groupType==="single",x=i||!l?0:F.AVATAR_SIZE;return o.createElement(Fc,{$marginBottom:a?0:Qt(s.groupType)},_&&o.createElement(Uc,null,!i&&l&&o.createElement(t.SenderAvatar,{...s}),o.createElement(t.SenderName,{...s})),o.createElement(zc,null,o.createElement(Dt,{$extraStartPadding:x},a?o.createElement(t.TypingIndicator,{...s}):o.createElement(t.MessageBody,{...s},g&&o.createElement("div",{style:{marginTop:12,marginInline:12}},o.createElement(t.CTAButton,{...s})),b&&o.createElement(t.Citation,{...s}))),d&&o.createElement(Jn,{$startPadding:0,$endPadding:0},o.createElement(t.MessageTemplate,{...s,messageTemplateErrorFallback:s.messageTemplateErrorFallback??o.createElement(Dt,{$extraStartPadding:x},o.createElement(t.MessageBody,{...s,messageType:"user",message:(($=(S=s.extendedMessagePayload)==null?void 0:S.message_template)==null?void 0:$.fallback_message)??"Cannot read this template."})),messageTemplateLoadingFallback:s.messageTemplateLoadingFallback??o.createElement(Dt,{$extraStartPadding:x},o.createElement(t.TypingIndicator,{...s}))})),o.createElement(t.CustomMessageTemplate,{...s}),c&&o.createElement(Jn,{$extraStartPadding:x},o.createElement(t.Form,{...s}))),C&&E&&o.createElement(Hc,{$extraStartPadding:x+8},o.createElement(t.SentTime,{...s})),o.createElement(u.Fragment,null,!a&&o.createElement(tt,{$extraStartPadding:x+8},o.createElement(t.Feedback,{...s})),s.suggestedRepliesVisible&&o.createElement(t.SuggestedReplies,{...s}),o.createElement(t.MessageLogs,{...s})))},Fc=f.default.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({$marginBottom:e})=>`${e}px`};
198
- `,tt=f.default.div`display:flex;align-self:stretch;justify-content:flex-start;${({$startPadding:e=F.HORIZONTAL_PADDING,$endPadding:t=F.HORIZONTAL_PADDING,$extraStartPadding:n=0})=>`
199
- padding-inline: ${e+n}px ${t}px;
200
- `}
201
- `,Uc=f.default(tt)`display:flex;flex-direction:row;align-items:center;gap:8px;`,Dt=f.default(tt)`display:flex;`,Hc=f.default(tt)`margin-top:${F.BODY_TIME_GAP}px;display:flex;align-items:flex-start;justify-content:flex-start;`,Jn=f.default(tt)`display:flex;${({$startPadding:e=F.HORIZONTAL_PADDING,$endPadding:t=F.HORIZONTAL_PADDING,$extraStartPadding:n=0})=>`
202
- padding-inline: ${e+n}px ${t}px;
203
- `}
204
- `,zc=f.default.div`display:flex;flex-direction:column;gap:${F.GAP_GROUPED}px;`;function Vc({file:e,children:t,onClickFile:n,sendingStatus:r}){const s=(()=>{if(!(!n||r==="failed"))return()=>n==null?void 0:n(e)})();return o.createElement(Gc,null,o.createElement(mn,{name:e.name,type:Jt(e.name,e.type),onClick:s}),t)}const Gc=f.default.div`display:flex;flex-direction:column;align-items:flex-end;gap:${F.GAP_GROUPED}px;`,fn=({className:e,children:t,size:n=26})=>o.createElement(Wc,{className:e,$size:n},t??o.createElement(B,{type:"spinner",size:n})),Wc=f.default.div`display:flex;align-items:center;justify-content:center;width:${({$size:e})=>he(e)};height:${({$size:e})=>he(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;function qc({sendingStatus:e,file:t,metadata:n,onClickMedia:r,children:s}){const{aspectRatio:a,localFile:i}=n,[l]=u.useState(()=>i instanceof Blob?URL.createObjectURL(i):t.url),[c,d]=u.useState(!1),g=(()=>{if(!(!r||e==="failed"))return()=>r==null?void 0:r({...t,url:l})})(),b={onClick:g,$ratio:a,$clickable:!!g};return o.createElement(jc,null,o.createElement(Kc,{...b},!c&&o.createElement(fn,{size:26},o.createElement(B,{type:"spinner",color:"textLowEmphasis",size:26})),o.createElement(Yc,{$loaded:c,src:l,alt:"image-message",onLoad:()=>d(!0)})),s)}const jc=f.default.div`display:flex;flex-direction:column;align-items:flex-end;gap:${F.GAP_GROUPED}px;`,Kc=f.default.div`width:${F.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;${P.light`
205
- background-color: ${h.color.background100};
206
- `}
207
- ${P.dark`
208
- background-color: ${h.color.background400};
209
- `}
210
- `,Yc=f.default.img`position:absolute;width:100%;height:100%;inset-block-start:0;inset-inline-start:0;object-fit:cover;opacity:${e=>e.$loaded?1:0};transition:opacity 0.5s ease;`;function Qn(e){var n,r;const t=u.useMemo(()=>{const s=Wi(Pr(e.message));return cr.default.sanitize(s)},[e.message]);return o.createElement(Zc,{$maxWidth:e.maxBodyWidth??F.BODY_MAX_WIDTH,$color:(n=e.customStyle)==null?void 0:n.bubbleContentColor,$bgColor:(r=e.customStyle)==null?void 0:r.bubbleBackgroundColor},o.createElement(Xc,{variant:"body3",dangerouslySetInnerHTML:{__html:t}}))}const Zc=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`
211
- color: ${t||e.colors.messageOutgoing.text};
212
- background-color: ${n||e.colors.messageOutgoing.background};
213
- `}
214
- padding: 12px 0;
215
- transition: max-width 0.3s;
216
- overflow-wrap: break-word;
217
- `,Xc=f.default(k)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`,Jc=e=>{const{stringSet:t}=V(),n=()=>{const a=gr(e)?o.createElement(Qn,{...e}):null;return e.messageType==="user"?a:e.messageType==="file"?e.file.type.startsWith("image")?o.createElement(qc,{...e},a):o.createElement(Vc,{...e},a):o.createElement(Qn,{...e,message:t.UNKNOWN__UNKNOWN_MESSAGE_TYPE})},r=e.sendingStatus==="failed"&&e.onClickFailedMessage,s=a=>{var i;(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),(i=e.onClickFailedMessage)==null||i.call(e))};return o.createElement("div",{...r&&{onClick:e.onClickFailedMessage,onKeyDown:s,role:"button",tabIndex:0},style:{display:"contents",cursor:r?"pointer":"default"}},n())},Qc=({sendingStatus:e})=>{const t=A.useTheme();switch(e){case"pending":return o.createElement(eu,{size:16},o.createElement(B,{type:"spinner",color:t.colors.messageOutgoing.background,size:16}));case"failed":return o.createElement("div",{style:{marginBottom:2}},o.createElement(B,{type:"error",color:h.themedColor.error,size:16}));case"scheduled":case"canceled":return null;default:return o.createElement("div",{style:{marginBottom:2}},o.createElement(B,{type:"done",color:h.themedColor.secondary,size:16}))}},eu=f.default(fn)`margin-bottom:2px;width:16px;height:16px;`,tu=({createdAt:e})=>{const{stringSet:t,format:n}=V();return e?o.createElement(k,{variant:"caption4",color:h.themedColor.textLowEmphasis},n(e,t.DATE_FORMAT__MESSAGE_TIMESTAMP)):null},nu=e=>{const{components:t}=yt.useContext(),n=e.sendingStatus==="succeeded",r=e.groupType==="bottom"||e.groupType==="single";return o.createElement(ru,{$marginBottom:Qt(e.groupType)},o.createElement(ou,null,o.createElement(t.MessageBody,{...e})),r&&o.createElement(su,{$extraEndPadding:8},n?o.createElement(t.SentTime,{...e}):o.createElement(t.SendingStatus,{...e})))},yt=fe({template:nu,components:{SendingStatus:Qc,SentTime:tu,MessageBody:Jc}}),ru=f.default.div`display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-bottom:${({$marginBottom:e})=>`${e}px`};
218
- `,qr=f.default.div`display:flex;align-self:stretch;justify-content:flex-end;${({$startPadding:e=F.HORIZONTAL_PADDING,$endPadding:t=F.HORIZONTAL_PADDING,$extraEndPadding:n=0})=>`padding-inline: ${e}px ${t+n}px;`};
219
- `,ou=f.default(qr)``,su=f.default(qr)`margin-top:${F.BODY_TIME_GAP}px;`,au=e=>e.messageType!=="admin"?null:o.createElement(iu,null,o.createElement(k,{variant:"caption2",color:h.themedColor.textMidEmphasis},lu(cr.default.sanitize(e.message)))),iu=f.default.div`text-align:center;text-wrap:pretty;word-break:break-word;padding-inline:${F.HORIZONTAL_PADDING}px;a{text-decoration:underline;color:inherit;}`,lu=e=>{try{const t=[];let n=e,r=0;for(;n;){const s=n.match(/\[([^\]]+)\]\((https?:\/\/[^\s]+)\)/),a=n.match(/\*\*([^*]+)\*\*/),i=[s&&{match:s,type:"link"},a&&{match:a,type:"bold"}].filter(b=>!!b);if(!i.length){t.push(n);break}const l=i.reduce((b,E)=>E.match.index<b.match.index?E:b),{match:c,type:d}=l,g=c.index;g>0&&t.push(n.slice(0,g)),d==="link"?t.push(o.createElement("a",{key:r++,href:c[2],target:"_blank",rel:ln},c[1])):d==="bold"&&t.push(o.createElement("strong",{key:r++},c[1])),n=n.slice(g+c[0].length)}return t.filter(s=>s!=="")}catch{return[e]}},jr=({onClick:e,checked:t,label:n,disabled:r,labelVariant:s="caption2"})=>{const a=t?h.themedColor.primary:r?h.themedColor.textDisabled:h.themedColor.textLowEmphasis,i=t?h.themedColor.textHighEmphasis:r?h.themedColor.textLowEmphasis:h.themedColor.textHighEmphasis;return o.createElement(du,{onClick:e,disabled:r},o.createElement(cu,null,o.createElement(B,{size:20,type:t?"radio-on":"radio-off",color:a})),o.createElement(uu,{variant:s,color:i},n))},cu=f.default.div`width:20px;height:20px;`,uu=f.default(k)`line-height:20px;word-break:break-word;`,du=f.default.button`all:unset;display:flex;align-items:flex-start;justify-content:flex-start;gap:2px;&:enabled{cursor:pointer;}`,mu=({csatPayload:e,submitted:t,defaultValue:n,value:r,onChange:s})=>(u.useEffect(()=>{typeof r>"u"&&typeof n=="boolean"&&(s==null||s(n))},[r,n]),e.cre?o.createElement(gu,null,o.createElement(Q.Label,{required:e.cre.required},e.cre.question),o.createElement(hu,null,[{label:e.cre.positive_label,value:!0},{label:e.cre.negative_label,value:!1}].map(a=>o.createElement(jr,{key:a.label,checked:r===a.value,label:a.label,disabled:t,onClick:()=>s==null?void 0:s(a.value)})))):null),gu=f.default.div`display:flex;flex-direction:column;gap:8px;`,hu=f.default.div`display:flex;flex-direction:column;gap:8px;`,pu=({followUpItem:e,submitted:t,value:n="",onChange:r,hasError:s})=>{const{stringSet:a}=V();return o.createElement(fu,null,o.createElement(Q.Label,{required:e.required},e.question),e.response_type==="free_text"&&o.createElement(Q.TextInput,{variant:"multi-line",disabled:t,submitted:t,maxLength:100,value:n,onChange:i=>r(i),error:s}),e.response_type==="single_choice"&&o.createElement(bu,null,e.options.map(i=>o.createElement(jr,{key:i,checked:n===i,label:i,disabled:t,onClick:()=>r==null?void 0:r(i),labelVariant:"body3"}))),s&&o.createElement(Q.ErrorLabel,null,a.FORM_VALIDATION_REQUIRED))},fu=f.default.div`display:flex;flex-direction:column;gap:8px;`,bu=f.default.div`display:flex;flex-direction:column;gap:8px;`,Eu=({value:e,selected:t,label:n})=>o.createElement(xu,{$selected:t,"aria-label":n},vu[e-1]),xu=f.default.div`user-select:none;-webkit-user-drag:none;width:40px;height:40px;aspect-ratio:1;opacity:${({$selected:e})=>e?1:.38};`,vu=[o.createElement("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.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)"}),o.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"}),o.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"}),o.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"}),o.createElement("defs",null,o.createElement("linearGradient",{id:"paint0_linear_159_173206",x1:"20",y1:"2.08325",x2:"20",y2:"37.9166",gradientUnits:"userSpaceOnUse"},o.createElement("stop",{stopColor:"#FF2D1D"}),o.createElement("stop",{offset:"1",stopColor:"#FFA540"})))),o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none"},o.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"}),o.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"}),o.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"}),o.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"})),o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none"},o.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"}),o.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"}),o.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"})),o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none"},o.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"}),o.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"}),o.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"})),o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none"},o.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"}),o.createElement("g",{clipPath:"url(#clip0_159_173224)"},o.createElement("g",{clipPath:"url(#clip1_159_173224)"},o.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"})),o.createElement("mask",{id:"mask0_159_173224",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"12",y:"22",width:"16",height:"9"},o.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"})),o.createElement("g",{mask:"url(#mask0_159_173224)"},o.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"}))),o.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"}),o.createElement("defs",null,o.createElement("clipPath",{id:"clip0_159_173224"},o.createElement("rect",{width:"15.83",height:"7.915",fill:"white",transform:"translate(12.085 22.709)"})),o.createElement("clipPath",{id:"clip1_159_173224"},o.createElement("rect",{width:"15.83",height:"7.915",fill:"white",transform:"translate(12.085 22.709)"}))))],Cu=({csatPayload:e,submitted:t,value:n,onChange:r})=>{const s=typeof n>"u";return o.createElement(yu,null,o.createElement(k,{variant:"caption3",color:h.themedColor.textMidEmphasis},e.csat_question),o.createElement(Su,null,e.csat_scores.map(({label:a,image_url:i},l)=>{const c=l+1,d=n===c;return o.createElement(Tu,{key:l,disabled:t,onClick:()=>r(c)},o.createElement(_u,{value:c,selected:s||d,label:a,src:i}),!!a&&o.createElement(k,{color:d?h.themedColor.textHighEmphasis:h.themedColor.textLowEmphasis,variant:"caption3"},a))})))},_u=({value:e,src:t,label:n,selected:r})=>{const[s,a]=u.useState(!1),i=s?o.createElement(Eu,{value:e,selected:r,label:n}):o.createElement(wu,{$selected:r,"aria-label":n,src:t,onError:()=>a(!0)});return o.createElement(Au,null,i)},yu=f.default.div`display:flex;flex-direction:column;gap:8px;`,Su=f.default.div`display:flex;justify-content:space-between;align-self:center;width:100%;max-width:400px;gap:16px;`,Tu=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:${h.themedColor.textHighEmphasis};}`,Au=f.default.div`button:hover:not(:disabled) &{border-radius:4px;cursor:pointer;background-color:${h.color.background200};${P.dark`
220
- background-color: ${h.color.background500};
221
- `}
222
- }
223
- `,wu=f.default.img`user-select:none;-webkit-user-drag:none;width:40px;height:40px;aspect-ratio:1;opacity:${({$selected:e})=>e?1:.38};`,Iu=({csatPayload:e})=>o.createElement(k,{variant:"button",color:h.themedColor.textHighEmphasis},e.title),Nt=({csatPayload:e,type:t,renderSubmitButton:n,initialCsat:r,initialCsatReason:s,initialIsResolved:a})=>{const{params:i,setParams:l,error:c,setError:d,followUpItem:g,state:b,validateParams:E,itemProps:_}=Ta({csatPayload:e,type:t,initialCsat:r,initialCsatReason:s,initialIsResolved:a});return o.createElement(o.Fragment,null,o.createElement(ku,null,o.createElement(Iu,{..._}),t===ge.AI_AGENT_CSAT_5_WITH_CRE&&o.createElement(mu,{..._,defaultValue:a,value:i.isResolved,onChange:C=>l({isResolved:C})}),o.createElement(Cu,{..._,value:i.csat,onChange:C=>l({csat:C})}),g&&o.createElement(pu,{..._,followUpItem:g,value:i.csatReason,onChange:C=>{l({csatReason:C}),d({followUpItem:!1})},hasError:c.followUpItem})),b!=="unsubmittable"&&o.createElement(o.Fragment,null,o.createElement(Q.Separator,null),n({state:b,params:i,validateParams:E})))},ku=f.default.div`display:flex;flex-direction:column;gap:12px;`,$u=e=>{const{stringSet:t}=V();return Xo(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})},Mu=()=>{const{stringSet:e}=V();return o.createElement(k,{variant:"body2",color:h.themedColor.textMidEmphasis,style:{textAlign:"center"}},e.CSAT_SUBMISSION_EXPIRED)},Lu=e=>{if(e.messageType!=="admin.csat")throw new Error("Invalid message type");const{extendedMessagePayload:t,onSubmitCSAT:n}=e,{csat:r,csatReason:s,csatExpireAt:a,isResolvedWhenDeterminedByUser:i}=e,l=Re.useForceUpdate(),c=$u(t==null?void 0:t.csat),d=u.useRef(!1);if(!c||!c.visibility||!ge[c.type])return null;const g=c.type===ge.AI_AGENT_CSAT_5||c.type===ge.AI_AGENT_CSAT_5_WITH_CRE||c.type===ge.HELPDESK_CSAT_5?Nt:()=>null;return o.createElement(Ou,null,!r&&$n(a)?o.createElement(Mu,null):o.createElement(g,{csatPayload:c,type:c.type,initialCsat:r,initialCsatReason:s,initialIsResolved:i,renderSubmitButton:({state:b,params:E,validateParams:_})=>o.createElement(Ru,{$state:b,disabled:b==="submitted",onClick:async()=>{d.current||(!$n(a)&&_()?(d.current=!0,await n(E).finally(()=>{d.current=!1})):l())}},o.createElement(k,{variant:"button"},b==="submitted"?c.csat_submitted_label:c.csat_submit_label))}))},Ou=f.default.div`display:flex;flex-direction:column;background-color:${({theme:e})=>e.colors.csat.background};border-radius:16px;gap:16px;padding:16px;`,Ru=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:${h.color.primary.dark};}&:disabled{color:${({$state:e})=>e==="submitted"?h.themedColor.textHighEmphasis:h.color.ondark.textLowEmphasis};background-color:${h.themedColor.textDisabled};cursor:not-allowed;}`,Du=e=>{const{components:t}=St.useContext(),n=e.messageType==="admin"?o.createElement(t.AdminMessage,{...e}):e.messageType==="admin.csat"?o.createElement(t.CSATMessage,{...e}):null;return o.createElement(Nu,{$marginBottom:Qt(e.groupType)},n)},St=fe({template:Du,components:{AdminMessage:au,CSATMessage:Lu}}),Nu=f.default.div`padding-inline:${F.HORIZONTAL_PADDING}px;margin-bottom:${({$marginBottom:e})=>e}px;`,er={file:"attach",snippet:"snippet",site:"website",sb_sprinklr:"sprinklr",sb_salesforce:"salesforce",sb_confluence:"confluence",sb_zendesk:"zendesk",sb_desk:"snippet"},Kr=({actionbook:e,functionCalls:t,groundedness:n,agentMessageTemplates:r,onClickActionbook:s,onClickFunctionCall:a,onClickFunctionCallDetail:i,onClickGroundedness:l,onClickAgentMessageTemplate:c,bottomContent:d,renderCustomGroundednessIcon:g=E=>E.default,style:b={}})=>{const{iconColor:E="#000000",textColor:_="#000000",highlightColor:C=Ze.DEFAULT_PRIMARY}=b;return o.createElement(tr,null,e&&o.createElement(tr,null,o.createElement(bt,null,o.createElement(ut,null,o.createElement(B,{size:16,type:"actionbook",color:E})),o.createElement(ct,{$clickable:!!s,$highlightColor:C,variant:"body2",color:_,onClick:()=>s==null?void 0:s(e),maxTextLines:1},e.name))),t==null?void 0:t.map(x=>o.createElement(Pt,{key:x.key},o.createElement(ut,null,o.createElement(B,{size:16,type:"function",color:E})),o.createElement(bt,null,o.createElement(ct,{$clickable:!!a,$highlightColor:C,variant:"body2",color:_,onClick:()=>a==null?void 0:a(x),maxTextLines:1},x.name),i&&o.createElement(Bu,{role:"button",onClick:()=>i==null?void 0:i(x)},o.createElement(k,{variant:"body2",color:C},"View details"),o.createElement(B,{type:"chevron-right",size:16,color:C}))))),n==null?void 0:n.map(x=>o.createElement(Pt,{key:x.id},o.createElement(ut,null,g({default:o.createElement(B,{size:16,type:er[x.source_type]??er.snippet,color:E}),sourceType:x.source_type})),o.createElement(ct,{$clickable:!!l,$highlightColor:C,variant:"body2",color:_,onClick:()=>l==null?void 0:l(x),maxTextLines:1},x.preview_title))),r==null?void 0:r.map(x=>o.createElement(Pt,{key:x.key},o.createElement(ut,null,o.createElement(B,{size:16,type:"template",color:E})),o.createElement(ct,{$clickable:!!c,$highlightColor:C,variant:"body2",color:_,onClick:()=>c==null?void 0:c(x),maxTextLines:1},x.name))),d)},Pu=f.default(k)`font-weight:400;`,ct=f.default(Pu)`${({$clickable:e,$highlightColor:t})=>e&&A.css`
224
- cursor: pointer;
225
- text-decoration: underline;
226
- &:hover {
227
- color: ${t};
228
- }
229
- `}
230
- `,ut=f.default.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`,bt=f.default.div`display:flex;gap:8px;align-items:center;word-break:break-word;`,Bu=f.default(bt)`cursor:pointer;gap:4px;`,Pt=f.default(bt)`flex-direction:row;align-items:center;`,tr=f.default.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`,Yr=u.createContext(null);function Fu({testerType:e,origin:t,children:n}){return o.createElement(Yr.Provider,{value:{testerType:e,isActionbookTester:e==="actionbook",origin:t}},e&&o.createElement(Uu,null),n)}const He=()=>{const e=u.useContext(Yr);if(!e)throw new Error("_UNSAFE_INTERNAL_DashboardTesterProvider not found");return e},Uu=()=>{const{isActionbookTester:e}=He();return o.createElement(Oe.Template,{template:e?Hu:void 0},o.createElement(Oe.MessageLogs,{component:zu}))},Hu=e=>o.createElement(Wr,{...e,testerMode:!0,maxBodyWidth:F.WIDE_BODY_MAX_WIDTH}),zu=({extendedMessagePayload:e={}})=>{const{handlers:t}=W(),{manual:n,groundedness:r,function_calls:s,agent_message_templates:a,is_thinking:i}=e;return i||!n&&!(r!=null&&r.length)&&!(s!=null&&s.length)&&!(a!=null&&a.length)?o.createElement(o.Fragment,null):o.createElement(Vu,null,o.createElement(Gu,{width:4}),o.createElement(Kr,{actionbook:n,functionCalls:s,groundedness:r,agentMessageTemplates:a,onClickFunctionCallDetail:t==null?void 0:t.onFunctionCallDetailClick,style:{iconColor:h.themedColor.textHighEmphasis,textColor:h.themedColor.textHighEmphasis,barColor:h.themedColor.textDisabled},bottomContent:o.createElement(Wu,{variant:"caption2",color:h.themedColor.textLowEmphasis},"Only visible in the tester")}))},Vu=f.default.div`display:flex;gap:16px;margin:16px ${F.HORIZONTAL_PADDING}px 0;align-self:stretch;`,Gu=f.default.div`width:${({width:e})=>e}px;background-color:${h.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`,Wu=f.default(k)`margin-top:5px;`,nr=e=>dr(e)||mr(e);function qu(e){return e.isAdminMessage()?e.message==="The channel's custom_type was updated.":!1}function ju(e,t){return e.filter(n=>Te.isWelcomeMessage(n,t))}const bn=({start:e,title:t,titleAlign:n="start",end:r})=>{const s=u.useRef(null),a=u.useRef(null),[i,l]=u.useState(0),[c,d]=u.useState(0);return u.useLayoutEffect(()=>{s.current&&l(s.current.offsetWidth),a.current&&d(a.current.offsetWidth)},[e,r]),o.createElement(Ku,null,o.createElement(Yu,null,n==="center"&&t&&o.createElement(Zu,{$sideWidth:Math.max(i,c)},o.createElement(Xu,null,t)),o.createElement(Ju,null,o.createElement(Qu,{ref:s},e),(n==="start"||n==="end")&&t&&o.createElement(td,{$align:n,$hasStart:!!e,$hasEnd:!!r},t),o.createElement(ed,{ref:a},r))))},Ku=f.default.div`position:relative;width:100%;background-color:${({theme:e})=>e.colors.base.headerBackground};border-bottom:1px solid ${h.themedColor.textDisabled};`,Yu=f.default.div`position:relative;height:56px;padding:11px 12px;`,Zu=f.default.div`position:absolute;left:${({$sideWidth:e})=>e}px;right:${({$sideWidth:e})=>e}px;top:0;bottom:0;display:flex;align-items:center;justify-content:center;`,Xu=f.default.div`max-width:100%;overflow:hidden;`,Ju=f.default.div`display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%;z-index:1;`,Qu=f.default.div`flex-shrink:0;display:flex;align-items:center;`,ed=f.default.div`flex-shrink:0;display:flex;align-items:center;`,td=f.default.div`flex:1;overflow:hidden;display:flex;align-items:${({$align:e})=>e==="start"?"flex-start":"flex-end"};margin-left:${({$hasStart:e})=>e?8:0}px;margin-right:${({$hasEnd:e})=>e?8:0}px;`,ke=({as:e,type:t,size:n=16,color:r,disabled:s,...a})=>{const i=s?h.themedColor.textDisabled:h.themedColor.textHighEmphasis;return o.createElement(nd,{as:e,disabled:s,...a},o.createElement(B,{type:t,size:n,color:r??i}))},nd=f.default.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`,ze=()=>et()?24:16,rd=f.default.div`width:${({$size:e})=>e}px;height:${({$size:e})=>e}px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:${({theme:e})=>e.colors.base.primary}!important;ellipse,path{fill:${({theme:e})=>e.colors.base.primaryContrastContent}!important;}`,od=f.default.div`position:fixed;inset:0;outline:none;display:flex;flex-direction:column;`,sd=f.default.div`display:flex;gap:10px;align-items:center;`,ad=f.default.div`flex:1;min-height:0;display:flex;align-items:center;justify-content:center;`,id=f.default.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`,ld=f.default.img`max-width:100%;max-height:100%;padding:40px;box-sizing:border-box;object-fit:contain;user-select:none;-webkit-user-drag:none;`,cd=f.default.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`,ud=({file:e,sender:t={},onClose:n})=>{const{type:r,url:s,name:a=""}=e,{profileUrl:i,userId:l}=t,{aiAgentInfo:c}=ne();return o.createElement(dd,{profileUrl:i??"",type:r,url:s,name:a,onClose:n,isBotMessage:l===c.userId})},dd=({profileUrl:e,isBotMessage:t,name:n,type:r,url:s,onClose:a})=>{var d,g;const{stringSet:i}=V(),l=ze(),{config:c}=W();return o.createElement(_t,{onClose:a,visible:!0,rootElementId:ue.MODAL_ROOT},o.createElement(od,null,o.createElement(bn,{start:o.createElement(md,{profileUrl:e,isBotMessage:t}),title:o.createElement(k,{variant:"h2",color:h.themedColor.textHighEmphasis,maxTextLines:1},n),end:o.createElement(sd,null,nr(r)&&((g=(d=c==null?void 0:c.conversation)==null?void 0:d.fileViewer)==null?void 0:g.downloadEnabled)&&o.createElement(ke,{as:"a",href:s,download:n,"aria-label":"download file",type:"download",size:l}),o.createElement(ke,{"aria-label":"close file viewer",type:"close",size:l,onClick:a}))}),o.createElement(ad,{onClick:b=>b.currentTarget===b.target&&a()},mr(r)&&o.createElement(id,{controls:!0},o.createElement("source",{src:s,type:r})),dr(r)&&o.createElement(ld,{src:s,alt:n}),!nr(r)&&o.createElement(cd,null,o.createElement(k,{variant:"h1",color:h.themedColor.textHighEmphasis},i.FILE_VIEWER__UNSUPPORT)))))},md=({profileUrl:e,isBotMessage:t})=>t&&!e?o.createElement(rd,{$size:32},o.createElement(B,{type:"delight",size:20})):o.createElement(gn,{size:32,src:e}),gd=u.forwardRef(function(t,n){const{messages:r,renderMessage:s,loading:a,LoadingComponent:i,error:l,ErrorComponent:c,empty:d,EmptyComponent:g,messageTopArea:b,messageBottomArea:E,overlayArea:_,onLoadPrev:C,onLoadNext:x,loadThreshold:m=.05,onScroll:p=Ae,depsForResetScrollPositionToBottom:v,stackDirection:T="top",bottomSpacerHeight:y=0,ariaLabel:S}=t,$=u.useRef(null),M=u.useCallback(q=>{$.current=q,n&&(typeof n=="function"?n(q):n.current=q)},[n]),H=u.useRef(!1),U=u.useRef(void 0),z=u.useRef(0),D=u.useRef(0);u.useLayoutEffect(()=>{$.current&&($.current.scrollTop=$.current.scrollHeight)},v),u.useLayoutEffect(()=>{$.current&&(U.current==="top"&&($.current.scrollTop=$.current.scrollHeight-D.current),U.current==="bottom"&&($.current.scrollTop=z.current),U.current=void 0)},[$.current,r.length]);const j=async q=>{if(p==null||p(q),!$.current)return;const J=$.current;if(D.current=J.scrollHeight-J.scrollTop,z.current=J.scrollTop,H.current)return;const se=J.clientHeight*Math.min(Math.max(0,m),1);J.scrollTop<=se?(H.current=!0,U.current="top",await C(),H.current=!1):J.scrollHeight-J.scrollTop-J.clientHeight<=se?(H.current=!0,U.current="bottom",await x(),H.current=!1):U.current=void 0};return l?o.createElement(o.Fragment,null,c):a?o.createElement(o.Fragment,null,i):o.createElement(hd,{id:"infinite-list-container"},o.createElement(pd,{id:"infinite-list-inner",ref:M,onScroll:j,role:"list","aria-label":S},T==="bottom"&&o.createElement("div",{style:{flexGrow:1}}),b,d?g:r.map((q,J)=>s({message:q,index:J})),E,y>0&&o.createElement("div",{style:{minHeight:y}})),o.createElement(fd,{id:"infinite-list-overlay-container"},o.createElement(bd,{id:"infinite-list-overlay"},_)))}),hd=f.default.div`display:flex;position:relative;flex:1;overflow:hidden;`,pd=f.default.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:${h.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`,fd=f.default.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`,bd=f.default.div`pointer-events:auto;`,Ed=({className:e,label:t,ariaLabel:n,onClick:r})=>{const{colors:s}=A.useTheme();return o.createElement(xd,{className:e,onClick:r,"aria-label":n},o.createElement(k,{variant:"button",color:s.base.primaryContrastContent},t),o.createElement(B,{size:16,type:"chevron-down",color:s.base.primaryContrastContent}))},xd=f.default.button`all:unset;cursor:pointer;display:flex;align-items:center;gap:4px;padding:10px 12px 10px 16px;border-radius:24px;background-color:${({theme:e})=>e.colors.base.primary};box-shadow:0 8px 10px 1px rgba(13,13,13,0.12),0 3px 14px 2px rgba(13,13,13,0.08),0 3px 5px -3px rgba(13,13,13,0.04);&:focus{outline:none;}`,En=({iconSize:e=64,icon:t,className:n,label:r,children:s})=>o.createElement(Cd,{className:n},t&&o.createElement(B,{type:t,size:e,color:h.themedColor.textLowEmphasis}),r&&o.createElement(k,{variant:"body1",color:h.themedColor.textMidEmphasis},r),s),vd=f.default.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`,Cd=f.default.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`,_d=({label:e="Something went wrong",icon:t="error",action:n,...r})=>o.createElement(En,{icon:t,label:e,...r},n&&o.createElement(yd,{onClick:n.onClick,label:n.label??"Retry"})),yd=({label:e,onClick:t})=>o.createElement(Sd,{tabIndex:0,onClick:t},o.createElement(B,{type:"refresh",size:20}),o.createElement(k,{variant:"button",color:h.color.primary.main},e)),Sd=f.default.button`all:unset;display:flex;cursor:pointer;gap:4px;align-items:center;justify-content:center;`,Td=({iconSize:e=48,className:t})=>o.createElement(fn,{size:e,className:t}),Ad=({label:e="No channels",icon:t="chat",...n})=>o.createElement(En,{icon:t,label:e,...n}),wd=({label:e="No messages",icon:t="message",...n})=>o.createElement(En,{icon:t,label:e,...n}),Id=e=>{const{components:t}=Tt.useContext(),n=e.type==="loading"?o.createElement(t.Loading,{...e}):e.type==="error"?o.createElement(t.Error,{...e}):e.type==="noChannels"?o.createElement(t.NoChannels,{...e}):e.type==="noMessages"?o.createElement(t.NoMessages,{...e}):null;return n&&o.createElement(vd,null,n)},Tt=fe({template:Id,components:{Loading:Td,Error:_d,NoChannels:Ad,NoMessages:wd}}),Ye=e=>{const{Template:t}=Tt.useContext();return o.createElement(t,{...e})},kd=({className:e,date:t=Date.now(),style:n})=>{const{format:r,stringSet:s}=V();return o.createElement($d,{id:`${le}-date-separator`,style:n,className:e},o.createElement(k,{variant:"caption4",color:h.themedColor.textMidEmphasis},r(t,s.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR)))},$d=f.default.div`display:flex;justify-content:center;align-items:center;text-align:center;word-break:break-word;`,Md=({className:e,style:t,onClick:n,ariaLabel:r})=>o.createElement(Ld,{className:e,style:t,onClick:n,tabIndex:0,"aria-label":r},o.createElement(B,{size:24,type:"chevron-down",color:h.color.primary.main})),Ld=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);${P.light`
231
- background-color: ${h.color.background50};
232
- &:hover {
233
- background-color: ${h.color.background100};
234
- }
235
- &:active {
236
- background-color: ${h.color.background200};
237
- }
238
- `}
239
- ${P.dark`
240
- background-color: ${h.color.background400};
241
- &:hover {
242
- background-color: ${h.color.background500};
243
- }
244
- &:active {
245
- background-color: ${h.color.background700};
246
- }
247
- `}
248
-
249
- &:focus {
250
- outline: none;
251
- }
252
- `,Od=()=>null,At=fe({template:Od,components:{DateSeparator:kd,ScrollToBottomButton:Md}}),Rd=()=>{const{agentPreviewConfigs:e={},aiAgentId:t}=W(),{aiAgentInfo:n}=ne(),{messageSource:r}=re(),{Template:s}=Oe.useContext(),{components:a}=At.useContext(),i=e.welcomeMessages??[],l=r.messages,c=ju(l,t),d=l[c.length+1],g=c[0]??d;return{filteredMessages:l.filter(b=>qu(b)?!1:i.length>0?!Te.isWelcomeMessage(b,t):!0),shouldShowOriginalDate:b=>b>0||i.length===0?!0:d&&!Me.isSameDay(d.createdAt,(g==null?void 0:g.createdAt)??0),renderAgentPreviewWelcomeMessages:()=>i.length===0?null:o.createElement(o.Fragment,null,o.createElement(a.DateSeparator,{style:{margin:"16px 0"},date:g==null?void 0:g.createdAt}),i.map((b,E)=>{const _=E===i.length-1,C=c.length!==l.length,x=i.length===1?"single":E===0?"top":_||C?"bottom":"middle";return o.createElement(s,{messageType:"user",message:b.message,sender:n,groupType:x,createdAt:(g==null?void 0:g.createdAt)??Date.now(),extendedMessagePayload:{suggested_replies:b.suggestedReplies},suggestedRepliesDirection:e.suggestedRepliesDirection,suggestedRepliesVisible:_&&!C,isBotMessage:!0,onClickSuggestedReply:async({reply:m})=>{r.sendUserMessage({message:m})}})}))}},Dd=e=>f.default(e).withConfig({shouldForwardProp:Mo.default}),Nd=({style:e})=>{const{stringSet:t}=V(),{isActionbookTester:n}=He();return!an("powered-by")||n?null:o.createElement(Pd,{variant:"caption2",style:e},t.POWERED_BY+" ",o.createElement(Bd,{variant:"caption2",as:"a",href:"https://delight.ai?utm_medium=product&utm_source=aiagent&utm_campaign=fy26-glbl-ai-agent-poweredby","aria-label":"Learn more about Delight AI Agent",rel:ln,target:"_blank"},"Sendbird"))},Pd=f.default(k)`color:${h.themedColor.textLowEmphasis};text-align:center;`,Bd=Dd(k)`
253
- color: ${h.themedColor.textLowEmphasis};
254
- cursor: pointer;
255
- text-decoration: none;
256
- `,Fd=()=>{var i;const{stringSet:e}=V(),{channelSource:t,goToActiveConversation:n,scrollSource:r}=re(),s=ce(t.channel),a=u.useRef(s);return u.useEffect(()=>{if(!a.current&&s){const d=setTimeout(()=>{r.actions.scrollToBottom()},100);return()=>clearTimeout(d)}a.current=s},[s,r.actions.scrollToBottom]),!((i=t.channel)!=null&&i.isAIAgent)||!s?null:o.createElement(Ud,null,o.createElement(Hd,{variant:"button",role:"button",color:h.themedColor.textHighEmphasis,onClick:()=>n()},e.TALK_TO_AGENT))},Ud=f.default.div`display:flex;justify-content:center;margin-bottom:16px;`,Hd=f.default(k)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${h.themedColor.textDisabled};cursor:pointer;user-select:none;`,zd=()=>{var se,Ce,_e,Ge;const{Template:e}=yt.useContext(),{Template:t}=Oe.useContext(),{Template:n}=St.useContext(),{components:r}=At.useContext(),{stringSet:s}=V(),{config:a,cache:i,agentPreviewConfigs:l,chatSDK:c,state:d}=W(),{userSession:g,aiAgentInfo:b,connectionError:E}=ne(),{conversation:_,channelSource:C,messageSource:x,scrollSource:m,state:{input:p,streamAnimation:v}}=re(),{isActionbookTester:T}=He(),{filteredMessages:y,shouldShowOriginalDate:S,renderAgentPreviewWelcomeMessages:$}=Rd(),M=ya(C.channel),[H,U]=u.useState(null),[z,D]=u.useState(null);u.useEffect(()=>{m.actions.onTypingIndicatorUpdate(!!M)},[!!M,m.actions.onTypingIndicatorUpdate]),u.useEffect(()=>{m.state.isAwayFromBottom||x.resetNewMessages()},[m.state.isAwayFromBottom]);const j=(I,be=!1)=>{var L;return be?b:((L=C.channel)==null?void 0:L.members.find(w=>w.userId===I.sender.userId))??I.sender},q=I=>{if(I.sendingStatus==="failed"&&!p.disabled)return()=>D(I)},J=({message:I,index:be})=>{const L=Oo(I),w=y[be-1],O=y[be+1],N=y[y.length-1],K=I===N,X=Xe(I,b.userId),oe=!(b.isUserFeedbackEnabled&&X&&!Te.isWelcomeMessage(I)),de=Ro(I,w,O,oe),me=!So.isSameDay((w==null?void 0:w.createdAt)??0,I.createdAt)&&S(be)&&!T,We=rt=>{(I.isFileMessage()||I.isUserMessage())&&U({file:rt,sender:j(I,I.sender.userId===b.userId)})},kt=()=>{I.isFileMessage()&&un(I.url)},Eo=me?o.createElement(r.DateSeparator,{style:{margin:"16px 0"},date:I.createdAt}):null,nt={data:I.data,maxBodyWidth:d.expanded?F.WIDE_BODY_MAX_WIDTH:void 0,extendedMessagePayload:I.extendedMessagePayload,createdAt:I.createdAt,groupType:de,onClickMedia:We,onClickFile:kt},xo=()=>{if(Pe.isOutgoing(I,g.userId))return"outgoingmessage";if(Pe.isIncoming(I,g.userId))return"incomingmessage"},vo=(()=>{var rt,Tn,An;if(Pe.isAdmin(I))return Pe.isCSAT(I)?_?o.createElement(n,{...nt,..._,isResolvedWhenDeterminedByUser:Yo(_),messageType:"admin.csat",onSubmitCSAT:async $e=>{var G;await((G=C.channel)==null?void 0:G.submitCSAT($e))}}):null:o.createElement(n,{...nt,messageType:"admin",message:I.message});if(Pe.isOutgoing(I,g.userId)){const $e={...nt,message:I.message,sender:j(I),sendingStatus:I.sendingStatus,onClickFailedMessage:q(I)};if(I.isUserMessage())return o.createElement(e,{messageType:"user",...$e});if(I.isFileMessage()){const[G,ae]=((rt=I.metaArrays.find(Ee=>Ee.key===ur))==null?void 0:rt.value)??[];return o.createElement(e,{messageType:"file",file:I,metadata:{aspectRatio:G&&ae?`${G}/${ae}`:"1/1",localFile:(Tn=I.messageParams)==null?void 0:Tn.file},...$e})}}if(Pe.isIncoming(I,g.userId)){const $e={...nt,sender:j(I,X),message:I.message,suggestedRepliesVisible:K,suggestedRepliesDirection:l==null?void 0:l.suggestedRepliesDirection,isBotMessage:X,isStreaming:Te.isStreaming(I),isHandedOff:Ue(C.channel),isConversationClosed:ce(C.channel),isFeedbackEnabled:b.isUserFeedbackEnabled,isFeedbackCommentEnabled:b.isUserFeedbackCommentOptionEnabled,isSenderAvatarVisible:(An=a==null?void 0:a.conversation)==null?void 0:An.senderAvatarEnabled,onClickSuggestedReply:async({reply:G})=>{x.sendUserMessage({message:G})},onRequestMessageTemplate:async G=>{const{template:ae}=await c.aiAgent.getMessageTemplate(G);return i.template.set(G,ae),ae},onGetCachedMessageTemplate:G=>i.template.get(G),onHandleTemplateInternalAction:G=>{if(G.type==="internal"&&G.internalData){const{method:ae,payload:Ee}=G.internalData;ae==="message.send"&&(Ee!=null&&Ee.message)&&x.sendUserMessage({message:Ee.message})}},onFeedbackUpdate:G=>{const ae={messageId:I.messageId,channelUrl:I.channelUrl};if(!G)return c.aiAgent.deleteMessageFeedback(ae);const Ee={...ae,rating:Cl(G.rating),comment:G.comment};return Te.hasFeedback(I)?c.aiAgent.updateMessageFeedback(Ee):c.aiAgent.createMessageFeedback(Ee)},onSubmitForm:({key:G,data:ae})=>c.aiAgent.submitForm({messageId:I.messageId,channelUrl:I.channelUrl,formKey:G,formData:ae}),onCancelForm:({key:G})=>c.aiAgent.cancelForm({messageId:I.messageId,channelUrl:I.channelUrl,formKey:G}),onStreamAnimationStart:()=>{v.start(I.messageId)},onStreamAnimationProgress:()=>{m.actions.onStreamingUpdate(!0)},onStreamAnimationComplete:()=>{v.stop(I.messageId),m.actions.onStreamingUpdate(!1)}};if(I.isUserMessage())return o.createElement(t,{messageType:"user",...$e});if(I.isFileMessage())return o.createElement(t,{messageType:"file",file:I,...$e})}})();return o.createElement("div",{key:L,id:`${le}-message-item`,role:"listitem","data-layout-id":xo()},Eo,vo)};return o.createElement(Vd,{id:`${le}-message-list`},o.createElement(gd,{ref:m.ref,onScroll:m.props.onScroll,stackDirection:l==null?void 0:l.messageStackDirection,messages:y,renderMessage:J,onLoadPrev:x.loadPrevious,onLoadNext:x.loadNext,depsForResetScrollPositionToBottom:[x.initialized,x.messages.length!==0],bottomSpacerHeight:m.state.bottomSpace,ariaLabel:s.A11Y_MESSAGE_LIST,loading:!x.initialized||!C.channel,empty:y.length===0&&!M,error:!!(E||C.error),LoadingComponent:o.createElement(Ye,{type:"loading"}),EmptyComponent:(()=>{const I=$();return I?o.createElement("div",{style:{width:"100%"}},I):o.createElement(Ye,{type:"noMessages",label:s.PLACE_HOLDER__NO_MESSAGES})})(),ErrorComponent:o.createElement(Ye,{type:"error",label:(E==null?void 0:E.message)??((se=C.error)==null?void 0:se.message),action:C.error?{label:s.RETRY,onClick:()=>C.refetch()}:void 0}),messageTopArea:o.createElement(o.Fragment,null,o.createElement(Nd,{style:{marginTop:16}}),$()),messageBottomArea:o.createElement(o.Fragment,null,M&&o.createElement("div",{id:`${le}-message-item`,role:"listitem",style:{marginTop:y.length===0?8:0}},o.createElement(t,{isTyping:!0,isBotMessage:M.isBot,sender:M.user,messageType:"user",groupType:"single",message:"",isSenderAvatarVisible:(Ce=a==null?void 0:a.conversation)==null?void 0:Ce.senderAvatarEnabled})),((_e=a==null?void 0:a.conversation)==null?void 0:_e.isTalkToAgentViewEnabled)&&o.createElement(Fd,null)),overlayArea:o.createElement(o.Fragment,null,((Ge=a==null?void 0:a.conversation)==null?void 0:Ge.newMessageIndicatorEnabled)&&m.state.isAwayFromBottom&&x.newMessages.length>0&&o.createElement(Gd,{label:s.SCROLL_TO_NEW_MESSAGES_LABEL(x.newMessages),ariaLabel:s.A11Y_SCROLL_TO_NEW_MESSAGES,onClick:()=>m.actions.scrollToBottom()}),m.state.isAwayFromBottom&&x.newMessages.length===0&&!M&&o.createElement(r.ScrollToBottomButton,{ariaLabel:s.A11Y_SCROLL_TO_BOTTOM,onClick:()=>m.actions.scrollToBottom(),style:{position:"absolute",bottom:12,insetInlineEnd:16}}))}),H&&o.createElement(ud,{onClose:()=>U(null),sender:H.sender,file:H.file}),z&&o.createElement(Fe,{visible:!0,onClose:()=>D(null)},o.createElement(Fe.ActionItem,{onClick:()=>{x.resendMessage(z),D(null)}},s.FAILED_MESSAGE_RESEND),o.createElement(Fe.ActionItem,{destructive:!0,onClick:()=>{x.deleteMessage(z),D(null)}},s.FAILED_MESSAGE_REMOVE)))},Vd=f.default.div`overflow-y:hidden;display:flex;flex:1;position:relative;`,Gd=f.default(Ed)`position:absolute;bottom:12px;left:50%;transform:translateX(-50%);`,Wd=()=>o.createElement(zd,null),qd=()=>{var s;const{origin:e}=He(),{appId:t,aiAgentId:n}=te(),{channelSource:r}=re();return(s=r.channel)!=null&&s.conversation?o.createElement(jd,null,o.createElement(Yt,{style:{gap:4}},o.createElement(B,{color:h.themedColor.textLowEmphasis,size:12,type:"show"}),o.createElement(k,{as:"i",color:h.themedColor.textLowEmphasis,variant:"caption2"},"Only visible in the tester")),o.createElement(Yt,{role:"button",style:{gap:4},onClick:()=>{var c,d;const a=e??window.location.origin,i=(d=(c=r.channel)==null?void 0:c.conversation)==null?void 0:d.id,l=`${a}/ai-agent/${t}/${n}/evaluate/conversations/${i}`;navigator.clipboard.writeText(l)}},o.createElement(k,{variant:"body3",color:h.themedColor.textHighEmphasis},"Copy ",o.createElement("span",{style:{color:h.themedColor.primary}},"conversation link")),o.createElement(B,{color:h.themedColor.primary,size:14,type:"copy"}))):null},Yt=f.default.div`display:flex;justify-content:center;align-items:center;`,jd=f.default(Yt)`flex-direction:column;padding-block:16px;background-color:${h.themedColor.bg_100_500};gap:8px;`,Zr=u.createContext(void 0),Kd=({children:e})=>{var x;const{chatSDK:t}=W(),{createAttachmentRules:n}=ne(),{stringSet:r}=V(),{channelSource:s}=re(),[a,i]=u.useState([]),[l,c]=u.useState({visible:!1,title:""}),d=n({channel:s.channel,uploadSizeLimit:(x=t.appInfo)==null?void 0:x.uploadSizeLimit}),g=d.isEnabled(),b=m=>{const p=d.getUploadSizeLimit(m.type);return m.size>p},E=m=>{if(!g)return;const p=m.filter(y=>d.isSupportedMimeType(y.type));if(p.length===0)return;const v=p.find(y=>b(y));if(v){const y=d.getUploadSizeLimitInMB(v.type);c({visible:!0,title:r.FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT.replace("%d",y.toString())});return}if(a.length+p.length>d.maxAttachmentCount){c({visible:!0,title:r.FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT});return}i(y=>[...y,...p.map(S=>({file:S,preview:{url:URL.createObjectURL(S),type:S.type,name:S.name}}))])},_=m=>{i(p=>{var T;const v=(T=p[m])==null?void 0:T.preview;return v&&URL.revokeObjectURL(v.url),p.filter((y,S)=>S!==m)})},C=()=>{i(m=>(m.forEach(p=>URL.revokeObjectURL(p.preview.url)),[]))};return o.createElement(Zr.Provider,{value:{files:a,addFiles:E,removeFile:_,clearFiles:C,isFileUploadEnabled:g,acceptableMimeTypes:d.supportedMimeTypes}},e,o.createElement(hn,{...l,onClose:()=>c({visible:!1,title:""})}))},xn=()=>{const e=u.useContext(Zr);if(!e)throw new Error("useFileUpload must be used within FileUploadProvider");return e};function Yd({blurred:e,elementRef:t,document:n=window.document}){const r=u.useRef(!1);e&&t.current&&n.activeElement===t.current&&(r.current=!0),u.useLayoutEffect(()=>{var s;!e&&r.current&&((s=t.current)==null||s.focus(),r.current=!1)},[e])}const Zd=(e,t)=>{u.useEffect(()=>{t?e==null||e.startTyping():e==null||e.endTyping()},[e,t])},Xd=f.default.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex;flex-direction:row;gap:10px;padding:8px 16px;background-color:transparent;`,Jd=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;}`,Qd=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%;${P.light`
257
- background-color: ${h.color.background50};
258
- `}
259
- ${P.dark`
260
- background-color: ${h.color.background500};
261
- `}
262
- path {
263
- fill: ${h.themedColor.textMidEmphasis};
264
- }
265
-
266
- &:hover {
267
- path {
268
- fill: ${h.themedColor.textHighEmphasis};
269
- }
270
- }
271
-
272
- circle {
273
- stroke: ${h.themedColor.bg_50_600};
274
- }
275
- `,em=()=>{const e=et(),[t,n]=u.useState(),{files:r,removeFile:s,isFileUploadEnabled:a}=xn();return!a||r.length===0?null:o.createElement(Xd,null,r.map(({preview:{type:i,name:l,url:c}},d)=>o.createElement(Jd,{key:c,onMouseOver:()=>n(d),onMouseLeave:()=>n(void 0)},(e||t===d)&&o.createElement(Qd,{title:"Remove file",onClick:()=>s(d)},o.createElement(B,{type:"close-filled",color:h.themedColor.textMidEmphasis})),i.startsWith("image/")?o.createElement("img",{alt:"file-image",src:c}):o.createElement(mn,{name:l,type:Jt(l,i)}))))},Xr={textArea:A.css`min-height:40px;height:40px;font-size:16px;line-height:24px;`,attachIcon:A.css`margin-bottom:4px;`},Jr=f.default.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`,tm=f.default(Jr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${h.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${h.themedColor.bg_200_400};}}${cn&&Xr.attachIcon};`,nm=f.default.input`display:none;`,rr=f.default.div`width:100%;position:relative;background-color:${({theme:e})=>e.colors.messageInput.background};border-radius:20px;`,or=f.default.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`,sr=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:${({theme:e})=>e.colors.messageInput.text};resize:none;width:100%;height:${Ir}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${cn&&Xr.textArea};&::placeholder{color:${({theme:e})=>e.colors.messageInput.placeholderText};}&:disabled{cursor:not-allowed;&::placeholder{color:${h.themedColor.textDisabled};}}`,ar=f.default.div`padding:12px 16px;position:relative;display:flex;align-items:center;`,ir=({disabled:e})=>{const{stringSet:t}=V(),n=u.useRef(null),[r,s]=u.useState(!1),{addFiles:a,clearFiles:i,files:l,isFileUploadEnabled:c,acceptableMimeTypes:d}=xn();return!c||l.length>0?null:o.createElement(tm,{disabled:e,onClick:()=>{var g;if(d.length===0)return s(!0);i(),(g=n.current)==null||g.click()}},o.createElement(B,{type:"attach",color:e?h.themedColor.textDisabled:h.themedColor.textMidEmphasis,size:16}),o.createElement(nm,{type:"file",ref:n,onChange:g=>{const b=g.currentTarget.files;b&&a(Array.from(b)),g.target.value=""},accept:d.join(",")}),o.createElement(hn,{visible:r,title:t.FILE_UPLOAD_NO_SUPPORTED_FILES,onClose:()=>s(!1)}))},rm=()=>{const e=u.useRef(null),[t,n]=u.useState(""),{stringSet:r}=V(),{rootElement:s}=W(),{channelSource:a,messageSource:i,state:l}=re(),{files:c,addFiles:d,clearFiles:g}=xn(),b=l.input.disabled,E=(()=>{if(!b)return r.MESSAGE_INPUT__PLACE_HOLDER;switch(l.input.disabledBy){case"form_active":return r.FORM_PLACEHOLDER;case"ai_responding":return r.MESSAGE_INPUT__PLACE_HOLDER__WAIT_AI_AGENT_RESPONSE;case"suggested_replies":return r.MESSAGE_INPUT__PLACE_HOLDER__SUGGESTED_REPLIES;case"reconnecting":return r.MESSAGE_INPUT__PLACE_HOLDER__RECONNECTING;case"unavailable":case"conversation_closed":default:return r.MESSAGE_INPUT__PLACE_HOLDER__DISABLED}})();bi({onDropFiles:d}),Yd({blurred:b,elementRef:e,document:Le(s)}),Zd(a.channel,t);const _=t.trim().length>0,C=c.length>0,x=!b&&(_||C),m=()=>{e.current&&(e.current.value="",e.current.style.height=""),g(),n("")},p=async()=>{const S=t.trim(),$={message:S};if(!(!S&&!c.length)){if(c.length>0){const M=c[0].file,H={...$,file:M};i.sendFileMessage(H),m();return}i.sendUserMessage($),m()}},v=S=>{const $=Array.from(S.clipboardData.files);$.length>0&&(S.preventDefault(),d($))},T=S=>{S.key!=="Enter"||S.nativeEvent.isComposing||S.shiftKey||(S.preventDefault(),p())},y=S=>{if(e.current){e.current.style.height="";const $=Math.min(Ma,e.current.scrollHeight);Ir<$&&(e.current.style.height=`${$}px`)}n(S.target.value)};return b?o.createElement(ar,null,o.createElement(rr,null,o.createElement(or,null,o.createElement(sr,{disabled:!0,placeholder:E}),o.createElement(ir,{disabled:!0})))):o.createElement(ar,null,o.createElement(rr,null,o.createElement(em,null),o.createElement(or,null,o.createElement(sr,{ref:e,role:"textbox","aria-label":"Text Input",placeholder:E,maxLength:5e3,onKeyDown:T,onChange:y,onPaste:v}),o.createElement(ir,null))),x&&o.createElement(Jr,{onClick:()=>p()},o.createElement(B,{type:"send",color:h.color.primary.main,size:20})))},om=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:${h.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${P.light`
276
- color: ${h.color.information.light};
277
- `};
278
- ${P.dark`
279
- color: ${h.color.information.main};
280
- `};
281
- }
282
- `,sm=u.lazy(()=>Promise.resolve().then(()=>require("./CbkA2p0b.cjs")).then(e=>({default:e.MarkdownText}))),am=()=>{const{aiAgentInfo:e,userSession:t}=ne(),{messageSource:n,channelSource:r}=re(),[s,a]=u.useState(null),i=an("special-notice",r.channel),l=u.useCallback(()=>r.channel?i?n.messages.some(c=>Xe(c,(t==null?void 0:t.userId)??"")):!0:null,[r.channel,i,n.messages,t==null?void 0:t.userId]);return u.useEffect(()=>{s||a(l())},[l,s]),s||!e.specialNotice?null:o.createElement(om,null,o.createElement(sm,null,e.specialNotice))},im=()=>o.createElement(lm,null,o.createElement(am,null),o.createElement(Kd,null,o.createElement(rm,null))),lm=f.default.div`z-index:0;border:none;width:100%;`,cm=()=>{var s;const{testerType:e}=He(),{channelSource:t}=re(),n=ce(t.channel),r=!!e&&((s=t.channel)==null?void 0:s.isAIAgent);return n&&r?o.createElement(qd,null):o.createElement(im,null)},um=()=>{const{state:e}=W(),t=ze(),n=()=>{e.setOpened(!1)};return o.createElement(ke,{"aria-label":"close messenger",type:"close",size:t,onClick:n})},dm=()=>{const{enableCloseConversationButton:e,dispatcher:t}=W(),{channelSource:n}=re(),r=n.channel,s=ze(),a=(r==null?void 0:r.isAIAgent)&&e,i=!nn(r);if(!a)return null;const l=async()=>{r&&await t.send(br.CloseConversation({channelUrl:r.url}))};return o.createElement(ke,{"aria-label":"close conversation",type:"mute",size:s,disabled:i,onClick:l})},mm=()=>{const{state:e,enableExpandButton:t}=W(),n=ze();return t?o.createElement(ke,{"aria-label":"expand",type:e.expanded?"collapse":"expand",size:n,onClick:()=>e.setExpanded(!e.expanded)}):null},gm=({label:e,children:t,position:n="top",disabled:r})=>r?t:o.createElement(Zt,null,t,o.createElement(fm,{$position:n},o.createElement(bm,{variant:"caption1"},e),o.createElement(hm,{$position:n}))),hm=({$position:e})=>o.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"},o.createElement("path",{d:"M6 6L0 0h12L6 6Z",fill:h.themedColor.textHighEmphasis})),pm={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%);`},Zt=f.default.div`position:relative;`,fm=f.default.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${De.TOOLTIP};${({$position:e})=>pm[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${Zt}:hover &,${Zt}:focus-within &{opacity:1;}`,bm=f.default(k)`padding:6px 8px;background:${h.themedColor.textHighEmphasis};color:${h.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`,Em=()=>{const{logger:e}=W(),{stringSet:t}=V(),{channelSource:n}=re(),r=n.channel,s=ze(),a=an("handoff-button",r),i=!nn(r)||Ue(r),l=async()=>{try{const c=await(r==null?void 0:r.markConversationAsHandoff());e.info("conversation.handleAgentHandoff: success",c)}catch(c){e.error("conversation.handleAgentHandoff: error",c)}};return a?o.createElement(gm,{label:t.HEADER_BUTTON__AGENT_HANDOFF,position:"bottom",disabled:i},o.createElement(ke,{"aria-label":"request handoff",type:"agent",size:s,disabled:i,onClick:l})):null},xm=()=>{const{stringSet:e}=V(),{onNavigateToConversationList:t}=re();return t?o.createElement(ke,{type:"menu",size:24,onClick:()=>t(),"aria-label":e.A11Y_OPEN_CONVERSATION_LIST}):null},Qr=({channel:e,size:t=40})=>{const{userSession:n,aiAgentInfo:r}=ne(),{fallbackIcon:s,url:a}=wr({channel:e,aiAgentInfo:r,userSession:n}),i=A.useTheme();return a?o.createElement(gn,{src:a,size:t}):o.createElement(vm,{$size:t,$bgColor:i.colors.base.primary},o.createElement(B,{type:s,size:t*.55,color:i.colors.base.primaryContrastContent}))},vm=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;`,Cm=()=>{var l,c;const{channelSource:e}=re(),{aiAgentInfo:t,userSession:n}=ne(),{config:r}=te(),s=e.channel,a=wr({channel:s,userSession:n,aiAgentInfo:t}),i=(c=(l=r==null?void 0:r.conversation)==null?void 0:l.header)==null?void 0:c.avatarEnabled;return o.createElement(_m,null,i&&o.createElement(Qr,{channel:s,size:34}),o.createElement(ym,{variant:"h2",color:h.themedColor.textHighEmphasis},a.title))},_m=f.default.div`display:flex;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`,ym=f.default(k)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`,Sm=e=>{const{components:t}=Ne.useContext();return o.createElement(bn,{start:o.createElement(t.StartArea,null),title:o.createElement(t.TitleArea,null),titleAlign:e.titleAlign,end:o.createElement(t.EndArea,null)})},Tm=()=>{const{components:e}=Ne.useContext();return o.createElement(e.MenuButton,null)},Am=()=>{const{components:e}=Ne.useContext();return o.createElement(e.Title,null)},wm=()=>{const{components:e}=Ne.useContext();return o.createElement(km,null,o.createElement(e.HandoffButton,null),o.createElement(e.ConversationCloseButton,null),o.createElement(e.ExpandButton,null),o.createElement(e.CloseButton,null))},Ne=fe({template:Sm,components:{StartArea:Tm,TitleArea:Am,EndArea:wm,MenuButton:xm,Title:Cm,HandoffButton:Em,ConversationCloseButton:dm,ExpandButton:mm,CloseButton:um}}),Im=()=>{const{isActionbookTester:e}=He(),{Template:t}=Ne.useContext();return e?null:o.createElement(t,{titleAlign:"start"})},km=f.default.div`display:flex;gap:10px;align-items:center;justify-content:center;`,eo=({children:e,onNavigateToConversationList:t,channelUrl:n,onClearChannelUrl:r,shouldMarkAsRead:s,style:a,closedChannelUrl:i,onClearClosedChannelUrl:l})=>{const{Template:c}=wt.useContext();return o.createElement(Nr,{onNavigateToConversationList:t,channelUrl:n??i,onClearChannelUrl:r??l,shouldMarkAsRead:s},o.createElement(jt,null,o.createElement(jt.Consumer,null,d=>o.createElement(o.Fragment,null,o.createElement(Mm,{style:a,...d},o.createElement(c,null)),e))))},$m=()=>{const{components:e}=wt.useContext();return o.createElement(o.Fragment,null,o.createElement(e.Header,null),o.createElement(e.Body,null),o.createElement(e.Footer,null))},wt=fe({template:$m,components:{Header:Im,Body:Wd,Footer:cm}}),Mm=f.default.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({theme:e})=>e.colors.base.background};`,{Provider:Lm,Context:Om,useContext:vn}=ee("ConversationList");function to({conversationListLimit:e,conversationListFilter:t,onOpenConversationView:n=Ae,children:r}){return o.createElement(ra,{conversationListLimit:e,conversationListFilter:t},s=>o.createElement(Lm,{value:{...s,onOpenConversationView:n}},r))}const Rm=({channel:e})=>o.createElement(Qr,{channel:e}),Xt=99,Dm=e=>{const{channel:t,onClick:n}=e,{stringSet:r,format:s}=V(),a=is(t),i=ls(t,s,{justNow:r.DATE_FORMAT__JUST_NOW,minutesAgo:r.DATE_FORMAT__MINUTES_AGO,hoursAgo:r.DATE_FORMAT__HOURS_AGO,dateShortFormat:r.DATE_FORMAT__DATE_SHORT}),l=t.unreadMessageCount;return o.createElement(Nm,{role:"button",onClick:()=>n==null?void 0:n()},o.createElement(Pm,null,o.createElement(Rm,{...e})),o.createElement(Bm,null,o.createElement(Fm,null,o.createElement(k,{variant:"subtitle1",color:h.themedColor.textHighEmphasis,maxTextLines:1},a),o.createElement(Um,null,ce(t)&&o.createElement(o.Fragment,null,o.createElement(k,{variant:"caption1",color:h.themedColor.textMidEmphasis,maxTextLines:1},r.CONVERSATION_LIST__ENDED),o.createElement(Hm,null)),o.createElement(k,{variant:"caption2",color:h.themedColor.textLowEmphasis,maxTextLines:1},i))),l>0&&o.createElement(zm,{$count:l},o.createElement(k,{variant:"caption3",color:h.themedColor.textHighEmphasisInverse},l<=Xt?l:`${Xt}+`))))},Cn=fe({template:Dm,components:{}}),Nm=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;`,Pm=f.default.div`display:flex;align-items:center;justify-content:center;padding-inline-start:16px;`,Bm=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 ${h.themedColor.textDisabled};`,Fm=f.default.div`display:flex;flex-direction:column;justify-content:center;flex:1;gap:4px;word-break:break-word;overflow-wrap:break-word;`,Um=f.default.div`display:flex;align-items:center;gap:6px;`,Hm=f.default.div`width:2px;height:2px;border-radius:1px;background-color:${h.themedColor.textLowEmphasis};`,zm=f.default.div`display:flex;align-items:center;justify-content:center;height:20px;padding:4px;border-radius:10px;background-color:${h.themedColor.error};${({$count:e})=>e<=Xt&&A.css`
283
- width: 20px;
284
- `}
285
- `,Vm=({items:e,renderItem:t,onEndReached:n})=>{const r=s=>{const a=s.target;a.scrollHeight-a.scrollTop===a.clientHeight&&(n==null||n())};return o.createElement(Gm,{onScroll:s=>r(s)},e.map((s,a)=>t(s,a)))},Gm=f.default.div`width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto;overscroll-behavior:contain;`,Wm=()=>{const{stringSet:e}=V(),{listSource:t,onOpenConversationView:n}=vn(),{Template:r}=Cn.useContext();return t.initialized?t.channels.length===0?o.createElement(Ye,{type:"noChannels",label:e.CONVERSATION_LIST__NO_CONVERSATIONS}):o.createElement(Vm,{items:t.channels,renderItem:s=>{var a,i,l;return o.createElement(r,{key:s.url,channel:s,onClick:()=>n(s.url,ce(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()}}):o.createElement(Ye,{type:"loading"})},qm=()=>{const{stringSet:e}=V(),{language:t,countryCode:n,context:r}=W(),{aiAgentInfo:s,refreshActiveChannel:a,createConversation:i,setActiveChannel:l}=ne(),{onOpenConversationView:c}=vn();return o.createElement(jm,{role:"button",onClick:async()=>{if(s.isMultipleActiveConversationsEnabled){const d=await i({aiAgentId:s.userId,language:t,country:n,context:r});l({url:d,status:"open"}),c(d,"open")}else{const d=await a();c(d,"open")}}},o.createElement(Km,{variant:"h1"},e.TALK_TO_AGENT))},jm=f.default.div`background-color:${({theme:e})=>e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`,Km=f.default(k)`color:${({theme:e})=>e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,Ym=()=>{const{state:e}=W(),t=ze(),n=()=>{e.setOpened(!1)};return o.createElement(ke,{"aria-label":"close messenger",type:"close",size:t,onClick:n})},Zm=()=>{const{stringSet:e}=V();return o.createElement(Xm,{variant:"h2",color:h.themedColor.textHighEmphasis},e.CONVERSATION_LIST__HEADER_TITLE)},Xm=f.default(k)`padding:0 4px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`,Jm=e=>{const{components:t}=Ve.useContext();return o.createElement(bn,{start:o.createElement(t.StartArea,null),title:o.createElement(t.TitleArea,null),titleAlign:e.titleAlign,end:o.createElement(t.EndArea,null)})},Qm=()=>null,eg=()=>{const{components:e}=Ve.useContext();return o.createElement(e.Title,null)},tg=()=>{const{components:e}=Ve.useContext();return o.createElement(e.CloseButton,null)},Ve=fe({template:Jm,components:{StartArea:Qm,TitleArea:eg,EndArea:tg,Title:Zm,CloseButton:Ym}}),ng=()=>{const{Template:e}=Ve.useContext();return o.createElement(e,{titleAlign:"start"})},no=({conversationListLimit:e,conversationListFilter:t,children:n,onOpenConversationView:r,style:s})=>{const{Template:a}=It.useContext();return o.createElement(to,{conversationListLimit:e,conversationListFilter:t,onOpenConversationView:r},o.createElement(og,{style:s},o.createElement(a,null)),n)},rg=()=>{const{components:e}=It.useContext();return o.createElement(o.Fragment,null,o.createElement(e.Header,null),o.createElement(e.Body,null),o.createElement(e.Footer,null))},It=fe({template:rg,components:{Header:ng,Body:Wm,Footer:qm}}),og=f.default.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({theme:e})=>e.colors.base.background};`,sg=A.css`:where(#${ue.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`,ag=[sg,za,Va],ig=(e,...t)=>A.createGlobalStyle(e,...ag,...t),lg=ig``,cg=as(wt,Oe,yt,St,At,It,Ne,Cn,Ve,Tt);function ro({appearance:e,rootElement:t,logger:n,language:r,stringSet:s,children:a,messageTemplate:i,theme:l}){return Ka(La,t),o.createElement(A.StyleSheetManager,{target:t},o.createElement(Wa,{rootElement:t,logger:n,appearance:e,theme:l},o.createElement(aa,{internalVariables:i==null?void 0:i.__internalVariables},o.createElement(Ha,{stringSet:s,logger:n,language:r},o.createElement(cg,null,a,o.createElement(lg,null))))))}const _n=u.forwardRef(function({rootElement:t=document.body,logLevel:n=Z.LogLevel.WARN,language:r=navigator.language,userSessionInfo:s,children:a,chatParams:i,...l},c){var d,g;return Ke.level!==n&&(Ke.level=n),ja("https://fonts.googleapis.com/css2?family=Roboto&display=swap",t),o.createElement("div",{id:ue.ENTRY,style:{width:"fit-content",height:"fit-content",...l.entryStyle}},o.createElement(ro,{logger:Ke,rootElement:t,appearance:(d=l.agentPreviewConfigs)==null?void 0:d.appearance,stringSet:l.stringSet,language:r,messageTemplate:l.messageTemplate,theme:l.theme},o.createElement(Za,{rootElement:t,keyValueStorage:Mr(),networkStateAdapter:$r(),language:r,logger:Ke,dispatcher:oo,chatParams:{...i,...l.customApiHost&&{customApiHost:l.customApiHost},...l.customWebSocketHost&&{customWebSocketHost:l.customWebSocketHost}},chatSDK:l.customChatSDK,messengerVersion:kr,...l},o.createElement(ei,{ref:c,userSessionInfo:s,forceCreateChannel:(g=l.agentPreviewConfigs)==null?void 0:g.forceCreateChannel,presentMethod:l.presentMethod},o.createElement(Fu,{...l._UNSAFE_INTERNAL_dashboardTester},a,o.createElement("div",{id:ue.MODAL_ROOT,dir:l.dir}))))))}),Ke=new Er(Z.LogLevel.WARN),oo=new fr(Ke),{Provider:ug,useContext:yn}=ee("PageChildren"),so=({children:e})=>{const[t,n]=u.useState(null),[r,s]=u.useState(null);return o.createElement(ug,{value:{conversationChildren:t,setConversationChildren:n,conversationListChildren:r,setConversationListChildren:s}},e)},ao=({children:e,isOpened:t})=>{const{dir:n,rootElement:r}=W(),s=Le(r,!0);return u.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]),o.createElement(dg,{dir:n,$visible:t},e)},dg=f.default.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${De.WINDOW};visibility:${({$visible:e})=>e?"visible":"hidden"};`,mg=48,gg=2/3;function io({className:e,isOpened:t,onClick:n,type:r,imageUrl:s,dir:a,animated:i=!0,backgroundColor:l,size:c=mg}){const d=Gt(l),g=Math.round(c*gg);return o.createElement(fg,{dir:a,id:ue.LAUNCHER,className:e,"aria-label":"Sendbird AIAgent Launcher",onClick:n,$animated:i,$backgroundColor:l,$size:c},o.createElement(bg,{$isOpened:t,$animated:i,$fillColor:d,$iconSize:g},o.createElement(lr.Open,{url:s,isDefaultIcon:r==="default_icon",size:g})),o.createElement(Eg,{$isOpened:t,$animated:i,$fillColor:d,$iconSize:g},o.createElement(lr.Close,{size:g})))}const hg=A.css`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`,pg=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===Ze.WHITE?"grayscale(100%) brightness(2000%)":"grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`,lo=A.css`svg{width:${({$iconSize:e})=>e}px;height:${({$iconSize:e})=>e}px;${({$fillColor:e})=>A.css`
286
- ellipse,
287
- path {
288
- fill: ${e};
289
- }
290
- [class*='fill'] {
291
- fill: ${e};
292
- }
293
- `}
294
- }
295
- `,fg=f.default.button`position:relative;padding:0;width:${({$size:e})=>e}px;height:${({$size:e})=>e}px;background:${({$backgroundColor:e})=>e};border-radius:50%;transition:all 0.3s cubic-bezier(0.31,-0.105,0.43,1.4);border:none;display:flex;justify-content:center;align-items:center;box-shadow:0 16px 24px 2px rgba(33,33,33,0.12),0 6px 30px 5px rgba(33,33,33,0.08),0 6px 10px -5px rgba(33,33,33,0.04);${({$animated:e})=>e&&hg}`,co=f.default.span`position:absolute;width:100%;height:100%;border-radius:50%;overflow:hidden;transition:transform 0.16s linear,opacity 0.08s linear,scale 0.16s linear;user-select:none;display:flex;justify-content:center;align-items:center;`,bg=f.default(co)`opacity:${({$isOpened:e})=>e?0:1};transform:${({$animated:e,$isOpened:t})=>e&&(t?"rotate(-90deg) scale(0)":"rotate(0deg)")};${pg}${lo}`,Eg=f.default(co)`scale:${({$isOpened:e})=>e?1:0};transform:${({$animated:e,$isOpened:t})=>e&&(t?"rotate(0deg)":"rotate(-90deg)")};${lo}`,lr={Open:e=>e.url?o.createElement("img",{src:e.url,alt:"launcher-img","data-default-icon":e.isDefaultIcon}):o.createElement(B,{size:e.size,type:"delight"}),Close:({size:e})=>o.createElement(B,{size:e,type:"chevron-down"})};function uo({className:e,size:t}){const{colors:n}=A.useTheme(),{dir:r,state:s}=W(),{launcherInfo:a}=ne();return vg(),o.createElement(io,{dir:r,className:e,isOpened:s.opened,onClick:()=>s.setOpened(!s.opened),type:a.type,imageUrl:a.imageUrl,backgroundColor:n.base.primary,size:t})}const xg=1e3*60;function vg(){const{chatSDK:e,state:t,logger:n,enableAutoDisconnectInLauncher:r}=W(),s=u.useRef(null);u.useEffect(()=>{if(!r)return;function a(){s.current&&(clearTimeout(s.current),s.current=null)}function i(){e.connectionState===Z.ConnectionState.CLOSED&&(e.reconnect(),n.debug("useSDKInactivityTimeout: reconnected")),a(),n.debug("useSDKInactivityTimeout: clear disconnect schedule")}function l(){a(),s.current=setTimeout(async()=>{await e.disconnectWebSocket(),n.debug("useSDKInactivityTimeout: disconnected")},xg)}t.opened?i():(l(),n.debug("useSDKInactivityTimeout: schedule disconnect"))},[r,e,t.opened])}const mo=u.createContext(null);function go(){const e=u.useContext(mo);if(!e)throw new Error("useNavigator() must be used within <Navigator />");return e}function ho({children:e}){const t=go();return typeof e=="function"?e(t):o.createElement(o.Fragment,null,e)}const Cg=A.keyframes`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}`,_g=A.keyframes`0%{transform:translateY(0px);opacity:1;}100%{transform:translateY(40px);opacity:0;}`,yg=A.css`animation-name:${Cg};animation-duration:0.3s;animation-fill-mode:forwards;`,Sg=A.css``,Tg=A.css`animation-name:${_g};animation-duration:0.3s;animation-fill-mode:forwards;`,Ag=A.css`visibility:hidden;`,wg=f.default.div`position:absolute;top:0;left:0;width:100%;height:100%;${({$transitionState:e})=>{switch(e){case"entering":return yg;case"entered":return Sg;case"exiting":return Tg;case"exited":return Ag;default:return""}}}${({$active:e})=>e?A.css`
296
- z-index: 999;
297
- `:A.css`z-index:1;pointer-events:none;`}
298
- `;function mt({initialId:e,children:t}){const[n,r]=u.useState([e]),s=n[n.length-1],a=u.useCallback((m,p)=>{r(v=>[...v,m]),b(v=>({...v,[m]:!0})),p!=null&&p.reset&&x(v=>({...v,[m]:(v[m]||0)+1})),_(v=>({...v,[m]:"entering"})),setTimeout(()=>{_(v=>({...v,[m]:"entered"}))},300)},[]),i=u.useCallback(()=>{r(m=>{if(m.length<=1)return m;const p=m[m.length-1];return _(v=>({...v,[p]:"exiting"})),setTimeout(()=>{_(v=>({...v,[p]:"exited"})),r(v=>v.slice(0,-1))},300),m})},[]),l=u.useMemo(()=>({navigation:{navigate:a,pop:i},activeScreenId:s}),[a,i,s]),c=u.useMemo(()=>u.Children.toArray(t).filter(m=>m.type===ho),[t]),d=u.useMemo(()=>{const m={};return c.forEach(p=>{const{id:v,lazy:T,children:y}=p.props;m[v]={lazy:T,element:typeof y=="function"?y(l):y}}),m},[c,l]),[g,b]=u.useState(()=>{const m={};return Object.entries(d).forEach(([p,{lazy:v}])=>{v===!1&&(m[p]=!0)}),m[e]=!0,m}),[E,_]=u.useState(()=>{const m={};return Object.keys(d).forEach(p=>{p===e?m[p]="entered":m[p]="exited"}),m}),[C,x]=u.useState({});return o.createElement(mo.Provider,{value:l},o.createElement(Ig,null,Object.keys(d).map(m=>{var y;if(!g[m])return null;const p=E[m]||"exited",v=m===s,T=`${m}-${C[m]||0}`;return o.createElement(wg,{key:T,$transitionState:p,$active:v},(y=d[m])==null?void 0:y.element)})))}const Ig=f.default.div`position:relative;width:100%;height:100%;`;mt.Screen=ho;const xe={conv:"conv",convList:"conv-list"},po=({isOpened:e,entryPoint:t,selectedChannelUrl:n,setSelectedChannelUrl:r})=>{const{conversationChildren:s,conversationListChildren:a}=yn(),i=(()=>{switch(t){case"Conversation":return xe.conv;case"ConversationList":return xe.convList;default:return xe.conv}})(),l=o.createElement(o.Fragment,null,o.createElement(kg,{onOpenConversationView:r}));return o.createElement(mt,{initialId:i},o.createElement(mt.Screen,{id:xe.conv},({navigation:c,activeScreenId:d})=>o.createElement(eo,{key:n,channelUrl:n,onClearChannelUrl:()=>r(void 0),onNavigateToConversationList:()=>c.navigate(xe.convList),shouldMarkAsRead:e&&d===xe.conv},l,s)),o.createElement(mt.Screen,{id:xe.convList,lazy:!0},({navigation:c})=>o.createElement(no,{onOpenConversationView:d=>{r(d),c.navigate(xe.conv)}},l,a)))},kg=({onOpenConversationView:e})=>{const{registerOnJoinedProactiveConversation:t}=ne(),{navigation:n}=go();return t(({channel:r})=>{e(r.url),n.navigate(xe.conv)}),null};function $g({isExpanded:e,isOpened:t,children:n,launcher:r}){const{dir:s}=W();return o.createElement(Mg,null,o.createElement(Lg,{dir:s,id:ue.WINDOW,$isExpanded:e,$isOpened:t},n),r)}const Mg=f.default.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`,Lg=f.default.div`background:${({theme:e})=>e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:right bottom;[dir='rtl'] &:not([dir='ltr']),&[dir='rtl']{transform-origin:left bottom;}${({$isOpened:e})=>e&&Rg};${({$isExpanded:e})=>e&&Og};`,Og=A.css`width:743px;height:723px;`,Rg=A.css`z-index:${De.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;`,Dg=u.forwardRef(function({children:e,initialChannelUrl:t,...n},r){const s=et(),[a,i]=u.useState(t),l=s?ao:$g;return o.createElement(_n,{enableExpandButton:!s,presentMethod:"launcher_toggle",ref:r,...n},o.createElement(Rr,null,({state:c})=>o.createElement(so,null,o.createElement(l,{isExpanded:c.expanded,isOpened:c.opened,launcher:o.createElement(uo,null)},o.createElement(po,{isOpened:c.opened,entryPoint:n.entryPoint,selectedChannelUrl:a,setSelectedChannelUrl:i})),e)))}),{Provider:Ng,useContext:Sn}=ee("FixedMessengerStyle");function fo(e,t,n,r=0){const{top:s,bottom:a,start:i,end:l}=n;let c="",d="";switch(e){case"start":d=`inset-inline-start: ${he(i)}`;break;case"end":d=`inset-inline-end: ${he(l)}`;break}switch(t){case"top":c=`top: calc(${he(s)} + ${r}px)`;break;case"bottom":c=`bottom: calc(${he(a)} + ${r}px)`;break}return A.css`${c};${d};`}function Pg(e){const{horizontal:t,vertical:n,margin:r,launcherSize:s}=Sn();return o.createElement(Bg,{...e,size:s,$horizontal:t,$vertical:n,$margin:r})}const Bg=f.default(uo)`position:fixed;z-index:${De.LAUNCHER};${({$horizontal:e,$vertical:t,$margin:n})=>fo(e,t,n)};`;function Fg({isExpanded:e,isOpened:t,children:n}){const{dir:r}=W(),{horizontal:s,vertical:a,margin:i,launcherSize:l}=Sn();return o.createElement(Ug,{dir:r,id:ue.WINDOW,$isExpanded:e,$isOpened:t,$horizontal:s,$vertical:a,$margin:i,$launcherSize:l},n)}const Ug=f.default.div`background:${({theme:e})=>e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;position:fixed;${({$horizontal:e,$vertical:t,$margin:n,$launcherSize:r})=>fo(e,t,n,r+12)};height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:${({$horizontal:e,$vertical:t})=>`${e==="start"?"left":"right"} ${t}`};
299
- [dir='rtl'] &:not([dir='ltr']),
300
- &[dir='rtl'] {
301
- transform-origin: ${({$horizontal:e,$vertical:t})=>`${e==="start"?"right":"left"} ${t}`};
302
- }
303
-
304
- ${({$isOpened:e})=>e&&zg};
305
- ${({$isExpanded:e})=>e&&Hg};
306
- `,Hg=A.css`width:743px;height:723px;`,zg=A.css`z-index:${De.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;`,bo={top:24,bottom:24,start:24,end:24},Vg=u.forwardRef(function({children:e,initialChannelUrl:t,...n},r){const[s,a]=u.useState(t),[i,l]=u.useState("end-bottom"),[c,d]=u.useState(bo),[g,b]=u.useState(48),E=et(),_=E?ao:Fg,{horizontal:C,vertical:x}=u.useMemo(()=>{const[m,p]=i.split("-");return{horizontal:m==="start"?"start":"end",vertical:p==="top"?"top":"bottom"}},[i]);return o.createElement(_n,{enableExpandButton:!E,presentMethod:"launcher_toggle",ref:r,...n},o.createElement(Rr,null,({state:m})=>o.createElement(Ng,{value:{horizontal:C,vertical:x,margin:c,launcherSize:g,setPosition:l,setMargin:d,setLauncherSize:b}},o.createElement(so,null,o.createElement(_,{isExpanded:m.expanded,isOpened:m.opened},o.createElement(po,{isOpened:m.opened,entryPoint:n.entryPoint,selectedChannelUrl:s,setSelectedChannelUrl:a})),o.createElement(Pg,null),e))))}),Gg=e=>{var s,a,i,l;const{setPosition:t,setMargin:n,setLauncherSize:r}=Sn();return u.useLayoutEffect(()=>{e.position&&t(e.position),e.margin&&n({...bo,...e.margin}),e.launcherSize&&r(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},Wg=({children:e})=>{const{setConversationChildren:t}=yn();return u.useLayoutEffect(()=>(t(e),()=>t(null)),[e]),null},qg=({children:e})=>{const{setConversationListChildren:t}=yn();return u.useLayoutEffect(()=>(t(e),()=>t(null)),[e]),null},jg=Object.assign(Vg,{Style:Gg,ConversationChildren:Wg,ConversationListChildren:qg}),Kg=e=>{const{refreshActiveChannel:t}=ne(),[n,r]=u.useState(!1),s=u.useRef(null),a=u.useRef(null);return u.useEffect(()=>{n&&t().then(()=>{var i;(i=s.current)==null||i.call(s),r(!1)}).catch(i=>{var l;(l=a.current)==null||l.call(a,i),r(!1)})},[n]),u.useCallback(()=>new Promise((i,l)=>{s.current=i,a.current=l,e().then(()=>r(!0)).catch(l)}),[e])};ss.set(Z.SendbirdPlatform.JS,{deviceOSPlatform:hr()?Z.DeviceOsPlatform.MOBILE_WEB:Z.DeviceOsPlatform.WEB,messengerVersion:kr,keyValueStorage:Mr(),networkStateAdapter:$r()});exports.ANCHOR_REL=ln;exports.AgentProviderContainer=_n;exports.AgentUIProviderContainer=ro;exports.AnonymousSessionInfo=zt;exports.CSATType=ge;exports.Conversation=eo;exports.ConversationContext=hi;exports.ConversationContextProvider=Nr;exports.ConversationHeaderLayout=Ne;exports.ConversationLayout=wt;exports.ConversationList=no;exports.ConversationListContext=Om;exports.ConversationListContextProvider=to;exports.ConversationListHeaderLayout=Ve;exports.ConversationListItemLayout=Cn;exports.ConversationListLayout=It;exports.DefaultMessenger=Dg;exports.DispatcherCommands=br;exports.FixedMessenger=jg;exports.IncomingMessageLayout=Oe;exports.LauncherBase=io;exports.LogLevel=tn;exports.ManualSessionInfo=xr;exports.MessageListUILayout=At;exports.MessageLogs=Kr;exports.OutgoingMessageLayout=yt;exports.PlaceholderLayout=Tt;exports.SystemMessageLayout=St;exports.cssVars=h;exports.escapeMarkdownSyntax=Fo;exports.mapCommonStringsToReactFormat=Lr;exports.messengerDispatcher=oo;exports.useConversationContext=re;exports.useConversationListContext=vn;exports.useLocalizationContext=V;exports.useMessengerContext=W;exports.useMessengerSessionContext=ne;exports.useRefreshActiveChannel=Kg;