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