@sendbird/ai-agent-messenger-react 1.2.1 → 1.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (93) hide show
  1. package/dist/cjs/B0k-GApQ.cjs +1 -0
  2. package/dist/cjs/B3amOKMy.cjs +1 -0
  3. package/dist/cjs/B9NJk4MI.cjs +1 -0
  4. package/dist/cjs/BCFOnu0u.cjs +1 -0
  5. package/dist/cjs/BKtl4FE5.cjs +1 -0
  6. package/dist/cjs/BN09c8-A.cjs +1 -0
  7. package/dist/cjs/Bb0r6Nhu.cjs +1 -0
  8. package/dist/cjs/BfJ7Izyu.cjs +207 -0
  9. package/dist/cjs/BmdfYY9c.cjs +1 -0
  10. package/dist/cjs/BsgzT_SF.cjs +1 -0
  11. package/dist/cjs/C-xAG8K6.cjs +1 -0
  12. package/dist/cjs/C7tppvZu.cjs +1 -0
  13. package/dist/cjs/CEjis_lK.cjs +1 -0
  14. package/dist/cjs/CKPzhVy2.cjs +1 -0
  15. package/dist/cjs/CXa-CGHE.cjs +1 -0
  16. package/dist/cjs/Ce1MzjFq.cjs +1 -0
  17. package/dist/cjs/Cf3-irI8.cjs +1 -0
  18. package/dist/cjs/CmWLVNPR.cjs +1 -0
  19. package/dist/cjs/CtHfgPDp.cjs +1 -0
  20. package/dist/cjs/D00MOxhE.cjs +1 -0
  21. package/dist/cjs/D1kINslt.cjs +1 -0
  22. package/dist/cjs/D3l33ZWe.cjs +1 -0
  23. package/dist/cjs/D97ZpKUC.cjs +1 -0
  24. package/dist/cjs/DFIibgIj.cjs +1 -0
  25. package/dist/cjs/DKjB_ZFo.cjs +1 -0
  26. package/dist/cjs/DNmdC4-j.cjs +1 -0
  27. package/dist/cjs/DcDTXo8_.cjs +1 -0
  28. package/dist/cjs/DlvEEpWX.cjs +1 -0
  29. package/dist/cjs/DqpDy_26.cjs +1 -0
  30. package/dist/cjs/Dr0IKtV9.cjs +1 -0
  31. package/dist/cjs/JA0x62Fd.cjs +1 -0
  32. package/dist/cjs/_YfLwFkX.cjs +1 -0
  33. package/dist/cjs/c6TZaE94.cjs +1 -0
  34. package/dist/cjs/eJXfXI1_.cjs +1 -0
  35. package/dist/cjs/kp5wcW4s.cjs +1 -0
  36. package/dist/cjs/nmePqxlD.cjs +1 -0
  37. package/dist/cjs/ohTjxqcW.cjs +1 -0
  38. package/dist/cjs/wf-LdaaN.cjs +1 -0
  39. package/dist/cjs/ygZY2D-5.cjs +1 -0
  40. package/dist/cjs/zbLY6xl_.cjs +1 -0
  41. package/dist/es/{BXYgriG3.js → C5iCey_D.js} +790 -798
  42. package/dist/es/CDvzufwm.js +32 -0
  43. package/dist/es/{C58hkclZ.js → CSENM0Ja.js} +1 -1
  44. package/dist/es/Ch_6OPTz.js +298 -0
  45. package/dist/es/{Do6SFGnr.js → Cj-eLEq_.js} +1 -1
  46. package/dist/es/{BLb52EXE.js → DnQv_mT2.js} +1 -1
  47. package/dist/es/{BLgWjiCI.js → O53SSRM8.js} +1 -1
  48. package/dist/index.cjs +1 -1
  49. package/dist/index.d.ts +19 -0
  50. package/dist/index.js +1 -1
  51. package/package.json +5 -5
  52. package/dist/cjs/7sOpksia.cjs +0 -1
  53. package/dist/cjs/8n-lNFQi.cjs +0 -1
  54. package/dist/cjs/B3UTkiZj.cjs +0 -1
  55. package/dist/cjs/BA7eP_0y.cjs +0 -1
  56. package/dist/cjs/BAVQt3SD.cjs +0 -1
  57. package/dist/cjs/BCgKHuFY.cjs +0 -1
  58. package/dist/cjs/BE_UkM2D.cjs +0 -1
  59. package/dist/cjs/BIQTp46D.cjs +0 -1
  60. package/dist/cjs/BdOKSPN6.cjs +0 -1
  61. package/dist/cjs/Bgi113yh.cjs +0 -1
  62. package/dist/cjs/Bj4NR2YK.cjs +0 -1
  63. package/dist/cjs/BlL9mJ1G.cjs +0 -1
  64. package/dist/cjs/BqEtwmXd.cjs +0 -1
  65. package/dist/cjs/Bt7i9B_X.cjs +0 -1
  66. package/dist/cjs/CCMVMvEA.cjs +0 -1
  67. package/dist/cjs/CCeC8Z_c.cjs +0 -1
  68. package/dist/cjs/CI0UG_vg.cjs +0 -1
  69. package/dist/cjs/CYWHwsSv.cjs +0 -1
  70. package/dist/cjs/CYokBh9g.cjs +0 -1
  71. package/dist/cjs/CbUzmxPM.cjs +0 -1
  72. package/dist/cjs/Ck7-iOpx.cjs +0 -1
  73. package/dist/cjs/CsHNpYuX.cjs +0 -1
  74. package/dist/cjs/CtPGsbRN.cjs +0 -1
  75. package/dist/cjs/D-9eFzYR.cjs +0 -1
  76. package/dist/cjs/D2OIGiV4.cjs +0 -1
  77. package/dist/cjs/D4zXKBh-.cjs +0 -1
  78. package/dist/cjs/D6IK2BmB.cjs +0 -1
  79. package/dist/cjs/DDP53huc.cjs +0 -1
  80. package/dist/cjs/DRna04x8.cjs +0 -1
  81. package/dist/cjs/DkhICmYA.cjs +0 -1
  82. package/dist/cjs/DxL6Qc1e.cjs +0 -1
  83. package/dist/cjs/Sq3g8f6p.cjs +0 -207
  84. package/dist/cjs/VJQajGKm.cjs +0 -1
  85. package/dist/cjs/VvpIczL4.cjs +0 -1
  86. package/dist/cjs/WCwJJYUZ.cjs +0 -1
  87. package/dist/cjs/dDuc9YHc.cjs +0 -1
  88. package/dist/cjs/dtQmhQL-.cjs +0 -1
  89. package/dist/cjs/na-hjKnS.cjs +0 -1
  90. package/dist/cjs/o1iiHxMe.cjs +0 -1
  91. package/dist/cjs/u4HvlMWl.cjs +0 -1
  92. package/dist/es/CSmSKViW.js +0 -22
  93. package/dist/es/DH2PekOm.js +0 -18
@@ -1 +0,0 @@
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("./Sq3g8f6p.cjs");function h(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const r=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,r.get?r:{enumerable:!0,get:()=>t[i]})}}return e.default=t,Object.freeze(e)}const o=h(l),c=(t,e,i,r)=>e.type===d.RuleType.textStrikethroughed?o.createElement("span",{key:r.key},`~~${i(e.children,r)}~~`):t(),x=({className:t,children:e,style:i})=>o.createElement(b,{className:t,style:i},o.createElement(d,{options:{renderRule:c,overrides:{a:{component:({children:r,...a})=>o.createElement("a",{...a,target:"_blank",rel:n.ANCHOR_REL},r)}}}},p.sanitize(e))),b=s.div`*{&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}}hr{border-top:1px solid ${n.cssVars.themedColor.textDisabled};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.textDisabled};}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.textDisabled};}}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.textDisabled};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.textDisabled};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=x;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");function r(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(c,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return c.default=e,Object.freeze(c)}const a=r(n),o=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 64 64",...e},a.createElement("path",{fill:"#000",fillRule:"evenodd",d:"M42.667 37.333c7.17 0 13.018 5.66 13.32 12.755l.013.579V56a2.667 2.667 0 0 1-5.315.311L50.667 56v-5.333c0-4.26-3.33-7.743-7.53-7.987l-.47-.013H21.333a8 8 0 0 0-7.986 7.53l-.014.47V56a2.667 2.667 0 0 1-5.316.311L8 56v-5.333c0-7.17 5.66-13.019 12.755-13.321l.578-.013h21.334zM32 5.333c7.364 0 13.333 5.97 13.333 13.334C45.333 26.03 39.363 32 32 32c-7.364 0-13.333-5.97-13.333-13.333 0-7.364 5.97-13.334 13.333-13.334zm0 5.334a8 8 0 1 0 0 16 8 8 0 0 0 0-16z",className:"fill"}));exports.default=o;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function r(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(l,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return l.default=e,Object.freeze(l)}const c=r(o),a=e=>c.createElement("svg",{viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.createElement("path",{className:"fill",fillRule:"evenodd",clipRule:"evenodd",d:"M11 0.916626C16.5688 0.916626 21.0833 5.43109 21.0833 11C21.0833 16.5688 16.5688 21.0833 11 21.0833C5.43109 21.0833 0.916626 16.5688 0.916626 11C0.916626 5.43109 5.43109 0.916626 11 0.916626ZM14.3981 7.60178C14.0402 7.2438 13.4598 7.2438 13.1018 7.60178L11.0001 9.70379L8.89814 7.60178L8.85227 7.5589C8.49218 7.24442 7.94484 7.25871 7.60178 7.60178L7.5589 7.64765C7.24442 8.00774 7.25871 8.55508 7.60178 8.89814L9.70379 11.0001L7.60178 13.1018L7.5589 13.1477C7.24442 13.5077 7.25871 14.0551 7.60178 14.3981L7.64765 14.441C8.00774 14.7555 8.55508 14.7412 8.89814 14.3981L11.0001 12.2964L13.1018 14.3981L13.1477 14.441C13.5077 14.7555 14.0551 14.7412 14.3981 14.3981L14.441 14.3523C14.7555 13.9922 14.7412 13.4448 14.3981 13.1018L12.2964 11.0001L14.3981 8.89814L14.441 8.85227C14.7555 8.49218 14.7412 7.94484 14.3981 7.60178Z",fill:"black"}),c.createElement("circle",{cx:11,cy:11,r:10,stroke:"black",strokeWidth:2,fill:"none"}));exports.default=a;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function l(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=l(o),r=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",...e},n.createElement("path",{className:"fill",fill:"#0D0D0D",fillRule:"evenodd",clipRule:"evenodd",d:"M12.334 2.667a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM12.334 1.333c-1.057 0-1.95.703-2.237 1.667H7v4.334H5.947A2.835 2.835 0 0 0 3.667 5.5a2.333 2.333 0 1 0 2.18 3.167H7V13h3.097a2.335 2.335 0 1 0 2.237-3c-1.057 0-1.95.703-2.237 1.667H8.334V8.667V7.333V4.333h1.763a2.335 2.335 0 1 0 2.237-3ZM11.334 12.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0ZM3.667 6.833a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"}));exports.default=r;
@@ -1,207 +0,0 @@
1
- "use strict";const d=require("react"),z=require("@sendbird/chat"),u=require("styled-components"),_e=require("date-fns"),mr=require("date-fns/locale/en-US"),B=require("@sendbird/chat/aiAgent"),We=require("@sendbird/uikit-tools"),ze=require("@sendbird/chat/groupChannel"),ct=require("@sendbird/react-uikit-message-template-view"),hr=require("@sendbird/uikit-message-template"),un=require("dompurify"),mn=require("@sendbird/chat/message"),gr=require("date-fns/isSameDay"),pr=require("react-dom"),fr=require("@emotion/is-prop-valid");function br(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=br(d),H=(e,t)=>{const n=d.createContext(null),o=({children:i,value:l})=>r.createElement(n.Provider,{value:l},typeof i=="function"?i(l):i),s=({children:i})=>r.createElement(n.Consumer,null,l=>l?typeof i=="function"?i(l):i:null),a=()=>{const i=d.useContext(n);if(!i)throw new Error(`use${e}Context must be used within a ${e}Provider`);return i};return n.displayName=`${e}Context`,o.displayName=`${e}Provider`,s.displayName=`${e}Consumer`,a.displayName=`use${e}Context`,{Context:n,Provider:o,Consumer:s,useContext:a}};function Ee(e){const t=d.createContext({Template:e.template,updateTemplate:()=>{},components:e.components,updateComponent:()=>{}});function n({children:a}){const[i,l]=d.useState(()=>e.template),[c,m]=d.useState(e.components),h={Template:i,updateTemplate:p=>l(()=>p),components:c,updateComponent:(p,f)=>m(x=>({...x,[p]:f}))};return r.createElement(t.Provider,{value:h},a)}function o({template:a,children:i}){const{updateTemplate:l}=d.useContext(t);return d.useEffect(()=>{a&&l(a)},[a]),r.createElement(r.Fragment,null,i)}function s({children:a}){return r.createElement(n,null,a)}return s.defaults=e,s.useContext=()=>d.useContext(t),s.Context=t,s.Template=o,Object.keys(e.components).forEach(a=>{s[a]=function({component:l}){const{updateComponent:c}=d.useContext(t);return d.useEffect(()=>{l&&c(a,l)},[l]),null}}),s}function Er(...e){return function({children:n}){return e.reduce((o,s)=>r.createElement(s,null,o),n)}}function dt(){}function xr(){const e=/iPad|iPhone|iPod/.test(navigator.userAgent),t=/Android/.test(navigator.userAgent);return e||t}const Dt=e=>{try{return JSON.parse(e===""?"{}":e)}catch{return{}}},Ge={isStreaming(e){const t=Dt(e.data);return typeof t=="object"&&!!t.stream},isWelcomeMessage(e,t){var n;if(((n=e.extendedMessagePayload)==null?void 0:n.bot_message_type)==="welcome")return!0;if((e.isUserMessage()||e.isFileMessage())&&e.sender.userId===t){const o=Dt(e.data);return!(o!=null&&o.respond_mesg_id)&&!(o!=null&&o.stream)}return!1},isGeneratedMessage(e){var t;return((t=e.extendedMessagePayload)==null?void 0:t.bot_message_type)==="generated"},checkExtendedFieldPresence(e){const t=e.extendedMessagePayload||{},n=i=>i.some(l=>typeof t[l]<"u"),o=n(rt.ui),s=n(rt.trail),a=n(rt.marking);return{ui:o,trail:s,marking:a}},shouldScrollToBottom(e,t,n=!1){if((e.isUserMessage()||e.isFileMessage()||e.isMultipleFilesMessage())&&e.sender.userId===t){if(this.isGeneratedMessage(e)&&this.isStreaming(e))return!0;const{ui:a,trail:i,marking:l}=this.checkExtendedFieldPresence(e);return a?!(!n&&l):!!(n&&(i||l))}return!0}},rt={ui:["suggested_replies","cta_button","message_template","csat"],trail:["groundedness","manual","function_calls"],marking:["is_hallucination","is_moderated","flagged_types"]};class hn{constructor(t){this.logger=t,this.subscribers={}}async send(t){const n=vr(),o=this.subscribers[t.type];if(o){this.logger.debug(`messenger.dispatcher: dispatching command: ${t.type}`,t.payload);const s=o.map(a=>a(t.payload));await Promise.all(s).catch(a=>{this.logger.error(`messenger.dispatcher: error in callback for command: ${t.type}`,a)})}return n.resolve(),n.promise}subscribe(t,n){this.subscribers[t]||(this.subscribers[t]=[]),this.subscribers[t].push(n)}unsubscribe(t,n){this.subscribers[t]&&(this.subscribers[t]=this.subscribers[t].filter(o=>o!==n))}}const vr=()=>{let e=dt,t=dt;return{promise:new Promise((o,s)=>{e=o,t=s}),resolve:e,reject:t}},Cr="1.2.1",Ce="sb-agent",yr=Cr;var xt=(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))(xt||{});class gn{constructor(t){this.level=t}verbose(...t){this.level<=0&&console.log(`[${Ce}/verbose]`,...t)}debug(...t){this.level<=1&&console.log(`[${Ce}/debug]`,...t)}info(...t){this.level<=2&&console.log(`[${Ce}/info]`,...t)}warn(...t){this.level<=3&&console.warn(`[${Ce}/warn]`,...t)}error(...t){this.level<=4&&console.error(`[${Ce}/error]`,...t)}}function Nt(e,t,n){const o=z.init({appId:e,modules:[new ze.GroupChannelModule,new B.AIAgentModule],localCacheEnabled:!0,...n});return o.addSendbirdExtensions([{version:yr,product:z.SendbirdProduct.AI_AGENT,platform:t.platform}],{platform:t.deviceOSPlatform,version:t.deviceOSVersion},t.customData)||console.warn("Invalid Sendbird Extensions",t),o}const{Provider:_r,useContext:je}=H("AIAgent");function Sr({appId:e,aiAgentId:t,language:n,countryCode:o,context:s,chatSDK:a,chatParams:i,children:l,logger:c,dispatcher:m,extensions:h={platform:z.SendbirdPlatform.JS,deviceOSPlatform:xr()?z.DeviceOsPlatform.MOBILE_WEB:z.DeviceOsPlatform.WEB}}){const[p,f]=d.useState(()=>{const x=c??new gn(xt.WARN),b=m??new hn(x);return{appId:e,aiAgentId:t,language:n,countryCode:o,context:s,logger:x,dispatcher:b,chatSDK:a??Nt(e,h,i)}});return d.useEffect(()=>{f(x=>{let b=x.logger,v=x.dispatcher,E=x.chatSDK;return c&&c!==x.logger&&(b=c),m&&m!==x.dispatcher&&(v=m),a&&a!==x.chatSDK?E=a:!a&&x.chatSDK.appId!==e&&(E=Nt(e,h,{newInstance:!0,...i})),{...x,appId:e,aiAgentId:t,language:n,countryCode:o,context:s,logger:b,dispatcher:v,chatSDK:E}})},[e,t,n,o,s,c,m,a]),d.useEffect(()=>()=>{p.chatSDK.disconnectWebSocket()},[p.chatSDK]),r.createElement(_r,{value:p},l)}const Tr=(e,t,n)=>We.useGroupChannelMessages(e,t,{...n,strictStreamingOrder:!0});var ut=(e=>(e.ConversationClose="conv.close",e))(ut||{});class wr{constructor(t={}){this.payload=t}toJSON(){return JSON.stringify({type:this.type,payload:this.payload})}}const pn={CloseConversation:e=>new kr(e)};class kr extends wr{constructor(){super(...arguments),this.type="conv.close"}}const{Provider:Ar}=H("AIAgentConversation");function Ir({children:e,channelUrl:t,onChannelDeleted:n,onMessagesReceived:o,onMessagesUpdated:s,onConversationClosedViaDispatcher:a,onBeforeSendMessage:i,onAfterSendMessage:l=dt}){var E;const{chatSDK:c,logger:m,dispatcher:h}=je(),{channel:p,channelFetchError:f,fetchChannel:x}=$r(t),b=Tr(c,p,{shouldCountNewMessages:()=>!1,onChannelDeleted:n,onMessagesReceived:C=>o==null?void 0:o(C),onMessagesUpdated:C=>s==null?void 0:s(C),logger:m});d.useEffect(()=>{const C=async _=>{const T=typeof(_==null?void 0:_.channelUrl)=="string";p&&T&&_.channelUrl!==p.url||(m.debug("conversation.dispatcher: try to close conversation",p),p!=null&&p.conversation&&p.conversation.status===B.ConversationStatus.OPEN&&(await p.closeConversation(),a==null||a()))};return h.subscribe(ut.ConversationClose,C),()=>{h.unsubscribe(ut.ConversationClose,C)}},[h,(E=p==null?void 0:p.conversation)==null?void 0:E.status,a]);const v={conversation:(p==null?void 0:p.conversation)??void 0,channelSource:{channel:p,error:f,refetch:()=>x()},messageSource:{messages:b.messages,initialized:b.initialized,loadPrevious:()=>b.loadPrevious(),loadNext:()=>b.loadNext(),sendUserMessage:async C=>{var T;if(((T=p==null?void 0:p.conversation)==null?void 0:T.status)===B.ConversationStatus.CLOSED)throw new Error("Conversation is closed");i&&(C=await i(C));const _=await b.sendUserMessage(C,l);return l==null||l(_),_},sendFileMessage:async C=>{var T;if(((T=p==null?void 0:p.conversation)==null?void 0:T.status)===B.ConversationStatus.CLOSED)throw new Error("Conversation is closed");i&&(C=await i(C));const _=await b.sendFileMessage(C,l);return l==null||l(_),_}}};return r.createElement(Ar,{value:v},e)}function $r(e){const{chatSDK:t,logger:n}=je(),[o,s]=d.useState(void 0),[a,i]=d.useState(void 0);async function l(){if(n.debug("conversation.fetchChannel: start"),s(void 0),i(void 0),e)try{n.debug("conversation.fetchChannel: get channel",e);const c=await t.groupChannel.getChannel(e);s(c);const m=new z.ConnectionHandler({onReconnectSucceeded:()=>c.refresh()});t.addConnectionHandler("sba-refresh",m),n.debug("conversation.fetchChannel: fetched channel",c)}catch(c){c instanceof z.SendbirdError&&i(c),n.error("conversation.fetchChannel: error",c)}}return d.useEffect(()=>{l()},[e,t]),{channel:o,channelFetchError:a,fetchChannel:l}}class Mr{constructor(t,{filter:n,limit:o=20}){var s,a,i,l,c;this._isDisposed=!1,this._handlerId=`handler-id-${Date.now()}`,this._order=ze.GroupChannelListOrder.LATEST_LAST_MESSAGE,this.filter=n,this._sdk=t,this._pinnedChannels=[],this._channels=[],this._limit=o,this._query=this._sdk.aiAgent.createMyGroupChannelListQuery({aiAgentChannelFilter:(s=this.filter)==null?void 0:s.aiAgentChannelFilter,aiAgentConversationStatusFilter:(a=this.filter)==null?void 0:a.aiAgentConversationStatusFilter,aiAgentIds:(i=this.filter)==null?void 0:i.aiAgentIds,deskChannelFilter:(l=this.filter)==null?void 0:l.deskChannelFilter,pinnedChannelUrls:(c=this.filter)==null?void 0:c.pinnedChannelUrls,limit:this._limit}),this._token="",this._timestamp=Number.MAX_SAFE_INTEGER,this._isSyncing=!1,this._channelHandler=new ze.GroupChannelHandler({onChannelChanged:m=>{m.isGroupChannel()&&(this._query.belongsTo(m)?this._addChannelsToView([m],!1):this._removeChannelsFromView([m.url]))},onChannelDeleted:m=>{this._removeChannelsFromView([m])}}),this._connectionHandler=new z.ConnectionHandler({onReconnectSucceeded:()=>{this._isDefaultChangelogSyncTimestampUpdated&&this._syncChannelChangelogs()}}),this._sdk.addConnectionHandler(this._handlerId,this._connectionHandler),this._sdk.groupChannel.addGroupChannelHandler(this._handlerId,this._channelHandler)}get _isDefaultChangelogSyncTimestampUpdated(){return this._timestamp!==Number.MAX_SAFE_INTEGER}_setDefaultChangelogsSyncTimestamp(t){var a,i;const n=new Set(((a=this.filter)==null?void 0:a.pinnedChannelUrls)??[]),o=t.find(l=>!n.has(l.url));let s;o?s=((i=o.lastMessage)==null?void 0:i.createdAt)??o.createdAt:s=this._query.lastResponseAt,this._timestamp>s&&(this._timestamp=s)}async _syncChannelChangelogs(){if(this._isDisposed)return[];if(this._isSyncing)return[];try{this._isSyncing=!0;let t;for(this._token?t=await this._sdk.aiAgent.getMyGroupChannelChangeLogsByToken(this._token,this.filter):t=await this._sdk.aiAgent.getMyGroupChannelChangeLogsByTimestamp(this._timestamp,this.filter),this._token=t.token,this._addChannelsToView(t.updatedChannels),this._removeChannelsFromView(t.deletedChannelUrls);t.hasMore&&t.token;)t=await this._sdk.aiAgent.getMyGroupChannelChangeLogsByToken(this._token,this.filter),this._token=t.token,this._addChannelsToView(t.updatedChannels),this._removeChannelsFromView(t.deletedChannelUrls)}catch{}finally{this._isSyncing=!1}return[]}_upsertPinnedChannelsToArray(t){var l;const n=((l=this.filter)==null?void 0:l.pinnedChannelUrls)??[],o=new Map(n.map((c,m)=>[c,m])),s=[],a=[],i=[];for(const c of t){if(!this._query.belongsTo(c)){i.push(c.url);continue}const m=o.get(c.url);if(m===void 0)continue;const h=mt(this._pinnedChannels,c);h>=0?(this._pinnedChannels.splice(h,1),a.push(c)):s.push(c);const f=this._pinnedChannels.findIndex(b=>(o.get(b.url)??1/0)>m),x=f===-1?this._pinnedChannels.length:f;this._pinnedChannels.splice(x,0,c)}return{addedChannels:s,updatedChannels:a,unmatchedChannelUrls:i}}_upsertRegularChannelsToArray(t,n=!1){const o=[],s=[],a=[];for(const i of t){if(!this._query.belongsTo(i)){o.push(i.url);continue}const l=mt(this._channels,i),c=l<0;!c&&this._channels.splice(l,1);const h=Lr(this._channels,i,this._order).place,p=h===this._channels.length;c?p?(n||!this.hasMore)&&(this._channels.push(i),s.push(i)):(this._channels.splice(h,0,i),s.push(i)):(this._channels.splice(h,0,i),a.push(i))}return{addedChannels:s,updatedChannels:a,unmatchedChannelUrls:o}}_addChannelsToView(t,n=!1){var p,f,x,b,v;const o=new Set(((p=this.filter)==null?void 0:p.pinnedChannelUrls)??[]),s=[],a=[];for(const E of t)o.has(E.url)?s.push(E):a.push(E);const i=this._upsertPinnedChannelsToArray(s),l=this._upsertRegularChannelsToArray(a,n),c=i.addedChannels.concat(l.addedChannels),m=i.updatedChannels.concat(l.updatedChannels),h=i.unmatchedChannelUrls.concat(l.unmatchedChannelUrls);c.length>0&&((x=(f=this._collectionEventHandler)==null?void 0:f.onChannelsAdded)==null||x.call(f,c)),m.length>0&&((v=(b=this._collectionEventHandler)==null?void 0:b.onChannelsUpdated)==null||v.call(b,m)),h.length>0&&this._removeChannelsFromView(h)}_removeChannelsFromView(t){var s,a,i;const n=new Set(((s=this.filter)==null?void 0:s.pinnedChannelUrls)??[]),o=[];for(const l of t)if(n.has(l)){const c=this._pinnedChannels.findIndex(m=>m.url===l);c>=0&&(o.push(l),this._pinnedChannels.splice(c,1))}else{const c=this._channels.findIndex(m=>m.url===l);c>=0&&(o.push(l),this._channels.splice(c,1))}o.length>0&&((i=(a=this._collectionEventHandler)==null?void 0:a.onChannelsDeleted)==null||i.call(a,o))}get channels(){return this._isDisposed?[]:[...this._pinnedChannels,...this._channels]}get hasMore(){return this._isDisposed?!1:this._query.hasNext}async loadMore(){if(this._isDisposed)return[];if(this.hasMore){const t=await this._query.next();return this._setDefaultChangelogsSyncTimestamp(t),this._addChannelsToView(t,!0),t}return[]}setGroupChannelCollectionHandler(t){this._collectionEventHandler=t}dispose(){this._isDisposed||(this._isDisposed=!0,this._collectionEventHandler=void 0,this._sdk.removeConnectionHandler(this._handlerId),this._sdk.groupChannel.removeGroupChannelHandler(this._handlerId),this._pinnedChannels.length=0,this._channels.length=0)}}const mt=(e,t)=>e.findIndex(n=>n.isIdentical(t)),Lr=(e,t,n)=>{if(e.length>0){const o=mt(e,t);let s=0,a=e.length-1,i=Math.floor((s+a)/2);for(;s<a;){const c=Bt(e[i],t,n);if(c>0)a=i,i=Math.floor((s+a)/2);else if(c<0)s=i+1,i=Math.floor((s+a)/2);else return{place:i,oldPosition:o}}return{place:Bt(e[i],t,n)>=0?i:i+1,oldPosition:o}}return{place:e.length,oldPosition:-1}},Bt=(e,t,n)=>{switch(n){case ze.GroupChannelListOrder.LATEST_LAST_MESSAGE:if(e.lastMessage&&t.lastMessage){const o=t.lastMessage.createdAt-e.lastMessage.createdAt;return o===0?t.createdAt-e.createdAt:o}else return e.lastMessage?-1:t.lastMessage?1:t.createdAt-e.createdAt;default:return 0}};function Or(e,t){var b,v,E,C,_,T,S,G;const n=d.useId(),[o,s]=d.useState(!1),[a,i]=d.useState(null),[l,c]=d.useState([]),[m,h]=d.useState(null),p=d.useRef(!1),f=d.useCallback(async()=>{if(!p.current&&e.currentUser){p.current=!0,s(!1),i(null),c([]);try{m==null||m.dispose();const M=new Mr(e,t);M.setGroupChannelCollectionHandler({onChannelsAdded:()=>{c(M.channels)},onChannelsUpdated:()=>{c(M.channels)},onChannelsDeleted:()=>{c(M.channels)}}),await M.loadMore(),h(M),i(null)}catch(M){h(null),i(M)}finally{s(!0),p.current=!1}}},[e,(b=t.filter)==null?void 0:b.aiAgentChannelFilter,(E=(v=t.filter)==null?void 0:v.aiAgentConversationStatusFilter)==null?void 0:E.join(),(_=(C=t.filter)==null?void 0:C.aiAgentIds)==null?void 0:_.join(),(T=t.filter)==null?void 0:T.deskChannelFilter,(G=(S=t.filter)==null?void 0:S.pinnedChannelUrls)==null?void 0:G.join(),t.limit]),x=d.useCallback(async()=>{if(m)try{await m.loadMore()}catch(M){i(M)}},[m]);return d.useEffect(()=>(e.addConnectionHandler(n,new z.ConnectionHandler({onConnected:()=>f()})),()=>e.removeConnectionHandler(n)),[e,n,f]),d.useEffect(()=>{f()},[f]),d.useEffect(()=>()=>{p.current=!1,m==null||m.dispose()},[m]),{initialized:o,error:a,channels:l,loadMore:x}}const{Provider:Rr}=H("AIAgentConversationList");function Pr({conversationListFilter:e,children:t}){const{chatSDK:n,aiAgentId:o}=je(),s=Or(n,{filter:{aiAgentIds:[o],aiAgentConversationStatusFilter:[B.ConversationStatus.CLOSED],...e}}),a={listSource:{initialized:s.initialized,error:s.error??void 0,channels:s.channels,loadMore:()=>s.loadMore()}};return r.createElement(Rr,{value:a},t)}const ht={DEFAULT_BOT_MSG_BG:"#eeeeee",WHITE:"#ffffff",BLACK:"#000000"};function fn(e){return e.length===4?`#${[...e.slice(1)].map(t=>t+t).join("")}`:e}function Dr(e){const t=fn(e);return[parseInt(t.slice(1,3),16),parseInt(t.slice(3,5),16),parseInt(t.slice(5,7),16)]}function Nr(e){return`#${e.map(t=>t.toString(16).padStart(2,"0")).join("")}`}function Br(e,t,n){e/=255,t/=255,n/=255;const o=Math.max(e,t,n),s=Math.min(e,t,n),a=o-s;let i=0,l=0;const c=(o+s)/2;return o!==s&&(l=c>.5?a/(2-o-s):a/(o+s)),o===e?i=(t-n)/a+(t<n?6:0):o===t?i=(n-e)/a+2:o===n&&(i=(e-t)/a+4),i/=6,[i,l,c]}function Fr(e,t,n){let o,s,a;if(t===0)o=s=a=n;else{const i=function(h,p,f){return f<0&&(f+=1),f>1&&(f-=1),f<.16666666666666666?h+(p-h)*6*f:f<.5?p:f<.6666666666666666?h+(p-h)*(.6666666666666666-f)*6:h},l=n<.5?n*(1+t):n+t-n*t,c=2*n-l;o=i(c,l,e+1/3),s=i(c,l,e),a=i(c,l,e-1/3)}return[Math.round(o*255),Math.round(s*255),Math.round(a*255)]}function Me(e,t,n){const[o,s,a]=Dr(e),[i,l,c]=Br(o,s,a),m=Math.max(0,Math.min(1,c*t)),h=Math.max(0,Math.min(1,l*n)),[p,f,x]=Fr(i,h,m);return Nr([Math.round(p),Math.round(f),Math.round(x)])}function zr(e,t="light"){return{extraDark:Me(e,.6,1.2),dark:Me(e,.85,1.1),main:e,light:Me(e,t==="dark"?1.1:1.5,t==="dark"?.95:.9),extraLight:Me(e,t==="dark"?1.2:1.75,t==="dark"?.9:.8)}}function gt(e){const t=fn(e),n=149,o=+`0x${t[1]}${t[2]}`,s=+`0x${t[3]}${t[4]}`,a=+`0x${t[5]}${t[6]}`;return o*.299+s*.587+a*.114>n?ht.BLACK:ht.WHITE}function Ur(e,t,n,o,s){return{base:{primary:t,primaryContrastContent:n,background:e.background50,headerBackground:e.background50,modalContentBackground:e.background50},metadata:{errorContent:e.ondark.textHighEmphasis,placeholderText:e.onlight.textLowEmphasis},messageInput:{background:e.background100},messageIncoming:{text:s,background:o},messageOutgoing:{text:n,background:t},csat:{background:e.background100}}}const Hr=(e,t,n,o,s)=>({base:{primary:t,primaryContrastContent:n,background:e.background600,headerBackground:e.background500,modalContentBackground:e.background500},metadata:{errorContent:e.ondark.textHighEmphasis,placeholderText:e.ondark.textLowEmphasis},messageInput:{background:e.background400},messageIncoming:{text:s,background:o},messageOutgoing:{text:n,background:t},csat:{background:e.background400}}),Le={primary:{extraDark:"#491389",dark:"#6211c8",main:"#742ddd",light:"#c2a9fa",extraLight:"#dbd1ff"},secondary:{extraDark:"#066858",dark:"#027d69",main:"#259c72",light:"#69c085",extraLight:"#a8e2ab"},error:{extraDark:"#9d091e",dark:"#bf0711",main:"#de360b",light:"#f66161",extraLight:"#fdaaaa"},information:{extraDark:"#241389",dark:"#362ca9",main:"#4a48cd",light:"#a9bbfa",extraLight:"#d1dbff"},background700:"#000000",background600:"#161616",background500:"#2c2c2c",background400:"#393939",background300:"#bdbdbd",background200:"#e0e0e0",background100:"#eeeeee",background50:"#ffffff",onlight:{textHighEmphasis:"rgba(0, 0, 0, 0.88)",textMidEmphasis:"rgba(0, 0, 0, 0.5)",textLowEmphasis:"rgba(0, 0, 0, 0.38)",textDisabled:"rgba(0, 0, 0, 0.12)"},ondark:{textHighEmphasis:"rgba(255, 255, 255, 0.88)",textMidEmphasis:"rgba(255, 255, 255, 0.5)",textLowEmphasis:"rgba(255, 255, 255, 0.38)",textDisabled:"rgba(255, 255, 255, 0.12)"},overlay:{dark:"rgba(0, 0, 0, 0.55)",light:"rgba(22, 22, 22, 0.32)"}},ot={h1:{fontSize:18,fontWeight:700},h2:{fontSize:16,fontWeight:700},subtitle1:{fontSize:16,fontWeight:500},subtitle2:{fontSize:16,fontWeight:400},body1:{fontSize:16,fontWeight:400},body2:{fontSize:14,fontWeight:500},body3:{fontSize:14,fontWeight:400},button:{fontSize:14,fontWeight:700},caption1:{fontSize:12,fontWeight:700},caption2:{fontSize:12,fontWeight:400},caption3:{fontSize:11,fontWeight:700},caption4:{fontSize:11,fontWeight:400}};function Ft(e){const t=Vr(e),{colors:n,aiAgentColorVariables:o}=Wr(e,t),s=jr(e);return{selectedTheme:e.selectedTheme,palette:t,colors:n,aiAgentColorVariables:o,typography:s}}function Vr({selectedTheme:e,palette:t,primary:n}){const o=t!=null&&t.primary?t.primary:n?n===Le.primary.main?Le.primary:zr(n,e):Le.primary;return{...Le,primary:o,...t}}function Wr({selectedTheme:e,primaryContrast:t,botMessageBackground:n,botMessageBackgroundContrast:o},s){const a=s.primary.main,i=t??gt(a),l=n??ht.DEFAULT_BOT_MSG_BG,c=o??gt(l);return{colors:(e==="light"?Ur:Hr)(s,a,i,l,c),aiAgentColorVariables:{primary_color:a,bot_message_bg_color:l,primary_contrast_color:i,bot_message_bg_contrast_color:c}}}function Gr(e,t,n){const o={...e};return n.forEach(s=>{const a=t[s];a!=null&&(o[s]=a)}),o}function jr({typography:e}){if(!e)return ot;const t={...ot};return Object.keys(e).forEach(n=>{const o=e[n];if(o&&typeof o=="object"){const s=ot[n],a=["fontSize","fontWeight","fontFamily","lineHeight"];t[n]=Gr(s,o,a)}}),t}const{Provider:qr,useContext:bn}=H("AIAgentTheme");function Kr({logger:e,palette:t,typography:n,appearance:o,children:s}){const[a,i]=d.useState(()=>Ft({selectedTheme:(o==null?void 0:o.theme)??"light",palette:t,typography:n,primary:o==null?void 0:o.primaryColor,botMessageBackground:o==null?void 0:o.botMessageBackgroundColor})),l=d.useCallback((c,m)=>{const h=(o==null?void 0:o.theme)??c,p=m==null?void 0:m(h),f={primary:o==null?void 0:o.primaryColor,primaryContrast:void 0,botMessageBackground:o==null?void 0:o.botMessageBackgroundColor,botMessageBackgroundContrast:void 0};!f.primary&&(p!=null&&p.primaryColor)&&(f.primary=p.primaryColor,f.primaryContrast=p.primaryContrastColor),!f.botMessageBackground&&(p!=null&&p.botMessageBackgroundColor)&&(f.botMessageBackground=p.botMessageBackgroundColor,f.botMessageBackgroundContrast=p.botMessageBackgroundContrastColor);const x=Ft({selectedTheme:h,palette:t,typography:n,...f});i(x),e==null||e.info("theme.update:",h)},[o==null?void 0:o.theme,o==null?void 0:o.primaryColor,o==null?void 0:o.botMessageBackgroundColor,t,n,e]);return d.useEffect(()=>{(o!=null&&o.theme||o!=null&&o.primaryColor||o!=null&&o.botMessageBackgroundColor)&&l(a.selectedTheme)},[o==null?void 0:o.theme,o==null?void 0:o.primaryColor,o==null?void 0:o.botMessageBackgroundColor]),r.createElement(qr,{value:{theme:a,updateTheme:l}},s)}const En=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)}},Te=e=>JSON.parse(e),qe=e=>JSON.parse(e);function Zr(e,t){const[n,o]=t.split(",").map(s=>s.trim());return e==="dark"&&o||n}function Yr(e){const t={};function n(o,s=""){for(const[a,i]of Object.entries(o)){const l=s?`${s}.${a}`:a;i&&typeof i=="object"&&!Array.isArray(i)?n(i,l):t[l]=i}}return n(e),t}function vt({template:e,variables:t,variableKeyPattern:n,variableValueTransformer:o}){return Object.entries(t).reduce((s,[a,i])=>{if(!o&&!["number","boolean","string"].includes(typeof i))throw new Error("If transformer is not provided, value must be a {string, number, or boolean}");const l=o?o(i):String(i),c=n(a);return s.replace(c,En(l))},e)}async function Jr({template:e,variables:t,variableKeyPattern:n,variableValueTransformer:o}){return(await Promise.all(Object.entries(t).map(async([a,i])=>{const l=await o(i);return{regex:n(a),transformedValue:l}}))).reduce((a,{regex:i,transformedValue:l})=>a.replace(i,En(l)),e)}const Xr=e=>({setTemplate:(t,n)=>e.onSetTemplate(t,n),getTemplate:t=>e.onGetTemplate(t),setCachedToken:t=>e.onSetCachedToken(t),getCachedToken:()=>e.onGetCachedToken(),clear:()=>e.onClear()}),{Provider:Qr,useContext:xn}=H("MessageCacheTemplate");function eo({logger:e,storage:t,children:n}){const o=d.useCallback(i=>{var m,h;const l=(h=(m=i.appInfo)==null?void 0:m.aiAgentInfo)==null?void 0:h.templateListToken;if(!l)return!1;const c=t.getCachedToken();return c?l!==c:!0},[t]),s=d.useCallback(async i=>{try{const{templates:l,token:c}=await i.aiAgent.getMessageTemplates({limit:20});for(const{template:m}of l){const{key:h}=Te(m);t.setTemplate(h,m)}t.setCachedToken(c)}catch(l){e==null||e.error("messageTemplateContext.syncCachedTemplates: error:",l)}},[t,e]),a=d.useCallback(()=>{t.clear()},[t]);return r.createElement(Qr,{value:{shouldSyncCachedTemplate:o,syncCachedTemplates:s,clearCachedTemplates:a,storage:t}},n)}function to(e){let t="pending",n=e.then(o=>{t="resolved",n=o}).catch(o=>{t="rejected",n=o});return{get value(){if(t==="resolved")return n;throw n}}}const{Provider:no,useContext:vn}=H("MessageTemplateFetching");function ro({children:e,internalVariables:t}){const n=d.useRef({}),o=d.useRef({}),[s,a]=d.useState({}),i=d.useCallback((m,h)=>{a(p=>({...p,[m]:{fetching:!1,error:!1,...p[m],...h}}))},[]),l=d.useCallback(async({onRequestTemplate:m,onGetCachedTemplate:h,templateKey:p,suspense:f=!1})=>{const x=h(p);if(x)return x;const b=o.current[p];if(b)return b;f||i(p,{fetching:!0});const v=m(p).catch(E=>{throw f||i(p,{error:!0}),E}).finally(()=>{f||i(p,{fetching:!1}),delete o.current[p]});return o.current[p]=v,v},[i]),c={internalVariables:t,fetchTemplate:l,suspend:(m,h)=>{if(n.current[m])return n.current[m];const p=to(h());return n.current[m]=p,p},getIsFetching:m=>{var h;return((h=s[m])==null?void 0:h.fetching)??!1},getHasError:m=>{var h;return((h=s[m])==null?void 0:h.error)??!1}};return r.createElement(no,{value:c},e)}const Ke={VARIABLE:e=>new RegExp(`\\{${e}\\}`,"g"),VIEW_VARIABLE:e=>new RegExp(`"{@${e}}"`,"g")};function re({uiTemplateString:e,variables:t={}}){const n=Yr(t);return vt({template:e,variables:n,variableKeyPattern:o=>Ke.VARIABLE(o)})}function oe({theme:e,uiTemplateString:t,colorVariables:n={}}){return vt({template:t,variables:n,variableKeyPattern:o=>Ke.VARIABLE(o),variableValueTransformer:o=>Zr(e,o)})}function oo({theme:e,uiTemplateString:t,viewVariables:n={},aiAgentColorVariables:o,internalVariables:s,onRequestTemplate:a}){const l=Object.values(n).flat().map(m=>m.key);return[...new Set(l)].some(m=>!a(m))?null:vt({template:t,variables:n,variableKeyPattern:m=>Ke.VIEW_VARIABLE(m),variableValueTransformer:m=>{const h=m.map(({key:p,variables:f})=>{const x=a(p),{ui_template:b,color_variables:v}=Te(x);let E=JSON.stringify(b);return E=re({uiTemplateString:E,variables:s}),E=oe({theme:e,uiTemplateString:E,colorVariables:v}),E=oe({theme:e,uiTemplateString:E,colorVariables:o}),E=re({uiTemplateString:E,variables:f}),qe(E)});return JSON.stringify(h)}})}async function so({theme:e,uiTemplateString:t,viewVariables:n={},aiAgentColorVariables:o,internalVariables:s,onRequestTemplate:a}){return Jr({template:t,variables:n,variableKeyPattern:i=>Ke.VIEW_VARIABLE(i),variableValueTransformer:async i=>{const l=i.map(async({key:m,variables:h})=>{const p=await a(m),{ui_template:f,color_variables:x}=Te(p);let b=JSON.stringify(f);return b=re({uiTemplateString:b,variables:s}),b=oe({theme:e,uiTemplateString:b,colorVariables:x}),b=oe({theme:e,uiTemplateString:b,colorVariables:o}),b=re({uiTemplateString:b,variables:h}),qe(b)}),c=await Promise.all(l);return JSON.stringify(c)}})}const io=({rawTemplate:e,aiAgentColorVariables:t,internalVariables:n,...o})=>{const{ui_template:s,color_variables:a}=Te(e);let i=JSON.stringify(s);if(Object.keys(o.viewVariables??{}).length>0){const c=oo({...o,uiTemplateString:i,aiAgentColorVariables:t,internalVariables:n});if(c===null)return null;i=c}return i=re({...o,uiTemplateString:i,variables:n}),i=oe({...o,uiTemplateString:i,colorVariables:a}),i=oe({...o,uiTemplateString:i,colorVariables:t}),i=re({...o,uiTemplateString:i}),qe(i)},ao=async({rawTemplate:e,aiAgentColorVariables:t,internalVariables:n,...o})=>{const{ui_template:s,color_variables:a}=Te(e);let i=JSON.stringify(s);return Object.keys(o.viewVariables??{}).length>0&&(i=await so({...o,uiTemplateString:i,aiAgentColorVariables:t,internalVariables:n})),i=re({...o,uiTemplateString:i,variables:n}),i=oe({...o,uiTemplateString:i,colorVariables:a}),i=oe({...o,uiTemplateString:i,colorVariables:t}),i=re({...o,uiTemplateString:i}),qe(i)},lo=e=>{const{aiAgentColorVariables:t={}}=e,{internalVariables:n}=vn();return d.useState(()=>{const o=e.onGetCachedTemplate(e.templateKey);return o?io({...e,rawTemplate:o,aiAgentColorVariables:t,internalVariables:n,onRequestTemplate:e.onGetCachedTemplate}):null})},co=e=>{const[t]=lo(e);if(t)return t;const{aiAgentColorVariables:n={}}=e,{internalVariables:o,fetchTemplate:s,suspend:a}=vn();return a(e.templateKey,async()=>{const l=await s({...e,suspense:!0});return await ao({...e,rawTemplate:l,aiAgentColorVariables:n,internalVariables:o})}).value},uo='@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}',we="en",mo=new Set([we,"ko","es","pt","fr","hi","it","de","tr","ja"]),ho=(e,t,n)=>{const o=e[t];return o?typeof o=="function"?o():Promise.resolve(o):new Promise((s,a)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(a.bind(null,new Error("Unknown variable dynamic import: "+t+(t.split("/").length!==n?". Note that variables only represent file names one level deep.":""))))})},go=mr.enUS,po={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:go,stringSet:po},fo=Object.freeze(Object.defineProperty({__proto__:null,default:Ct},Symbol.toStringTag,{value:"Module"})),Fe=new Map([[we,Ct]]);async function bo(e){if(Fe.has(e))return Fe.get(e);const t=mo.has(e)?e:we;try{const{default:n}=await ho(Object.assign({"./languages/de.ts":()=>Promise.resolve().then(()=>require("./DowWpnG0.cjs")),"./languages/en.ts":()=>Promise.resolve().then(()=>fo),"./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 Fe.set(e,n),n}catch{return Ct}}const{Provider:Eo,useContext:L}=H("Localization");function xo(e){var t;return((t=e.split("-"))==null?void 0:t[0])??we}function vo({language:e=navigator.language,logger:t,stringSet:n,children:o}){const[s,a]=d.useState(Fe.get(we));return d.useEffect(()=>{const i=xo(e);s.language!==i&&(t==null||t.debug("localization.useEffect: update language",`${s.language} -> ${i}`),bo(i).then(a))},[e]),r.createElement(Eo,{value:{language:s.language,stringSet:{...s.stringSet,...n},dateLocale:s.dateLocale,format:(i,l,c)=>_e.format(i,l,{locale:s.dateLocale,...c})}},o)}const Ue="data-sb-agent-theme",zt=e=>(t,...n)=>{let o="";return t.forEach((s,a)=>{o+=s+(n[a]??"")}),`[${Ue}='${e}'] & { ${o} }`},R={light:zt("light"),dark:zt("dark")},Co=u.css(({theme:e})=>{const{palette:t}=e;return`
2
- :root,
3
- :host {
4
- --sendbird-primary-extra-dark: ${t.primary.extraDark};
5
- --sendbird-primary-dark: ${t.primary.dark};
6
- --sendbird-primary-main: ${t.primary.main};
7
- --sendbird-primary-light: ${t.primary.light};
8
- --sendbird-primary-extra-light: ${t.primary.extraLight};
9
-
10
- --sendbird-secondary-extra-dark: ${t.secondary.extraDark};
11
- --sendbird-secondary-dark: ${t.secondary.dark};
12
- --sendbird-secondary-main: ${t.secondary.main};
13
- --sendbird-secondary-light: ${t.secondary.light};
14
- --sendbird-secondary-extra-light: ${t.secondary.extraLight};
15
-
16
- --sendbird-information-extra-dark: ${t.information.extraDark};
17
- --sendbird-information-dark: ${t.information.dark};
18
- --sendbird-information-main: ${t.information.main};
19
- --sendbird-information-light: ${t.information.light};
20
- --sendbird-information-extra-light: ${t.information.extraLight};
21
-
22
- --sendbird-error-extra-dark: ${t.error.extraDark};
23
- --sendbird-error-dark: ${t.error.dark};
24
- --sendbird-error-main: ${t.error.main};
25
- --sendbird-error-light: ${t.error.light};
26
- --sendbird-error-extra-light: ${t.error.extraLight};
27
-
28
- --sendbird-background-700: ${t.background700};
29
- --sendbird-background-600: ${t.background600};
30
- --sendbird-background-500: ${t.background500};
31
- --sendbird-background-400: ${t.background400};
32
- --sendbird-background-300: ${t.background300};
33
- --sendbird-background-200: ${t.background200};
34
- --sendbird-background-100: ${t.background100};
35
- --sendbird-background-50: ${t.background50};
36
-
37
- --sendbird-onlight-text-high-emphasis: ${t.onlight.textHighEmphasis};
38
- --sendbird-onlight-text-mid-emphasis: ${t.onlight.textMidEmphasis};
39
- --sendbird-onlight-text-low-emphasis: ${t.onlight.textLowEmphasis};
40
- --sendbird-onlight-text-disabled: ${t.onlight.textDisabled};
41
-
42
- --sendbird-ondark-text-high-emphasis: ${t.ondark.textHighEmphasis};
43
- --sendbird-ondark-text-mid-emphasis: ${t.ondark.textMidEmphasis};
44
- --sendbird-ondark-text-low-emphasis: ${t.ondark.textLowEmphasis};
45
- --sendbird-ondark-text-disabled: ${t.ondark.textDisabled};
46
-
47
- --sendbird-overlay-dark: ${t.overlay.dark};
48
- --sendbird-overlay-light: ${t.overlay.light};
49
- }
50
- `}),yo=u.css`[${Ue}='light'] &{--sb-text-high-emphasis:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled:var(--sendbird-onlight-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-ondark-text-disabled);--sb-bg-50-600:var(--sendbird-background-50);--sb-bg-100-500:var(--sendbird-background-100);--sb-bg-200-400:var(--sendbird-background-200);--sb-primary:var(--sendbird-primary-main);--sb-secondary:var(--sendbird-secondary-main);--sb-error:var(--sendbird-error-main);--sb-information:var(--sendbird-information-light);}[${Ue}='dark'] &{--sb-text-high-emphasis:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled:var(--sendbird-ondark-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-onlight-text-disabled);--sb-bg-50-600:var(--sendbird-background-600);--sb-bg-100-500:var(--sendbird-background-500);--sb-bg-200-400:var(--sendbird-background-400);--sb-primary:var(--sendbird-primary-light);--sb-secondary:var(--sendbird-secondary-light);--sb-error:var(--sendbird-error-light);--sb-information:var(--sendbird-information-light);}`,g={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)",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)",ondark:{textMidEmphasis:"var(--sendbird-ondark-text-mid-emphasis)",textLowEmphasis:"var(--sendbird-ondark-text-low-emphasis)",textDisabled:"var(--sendbird-ondark-text-disabled)"},overlay:{dark:"var(--sendbird-overlay-dark)"}},themedColor:{textHighEmphasis:"var(--sb-text-high-emphasis)",textMidEmphasis:"var(--sb-text-mid-emphasis)",textLowEmphasis:"var(--sb-text-low-emphasis)",textDisabled:"var(--sb-text-disabled)",textHighEmphasisInverse:"var(--sb-text-high-emphasis-inverse)",bg_50_600:"var(--sb-bg-50-600)",bg_100_500:"var(--sb-bg-100-500)",bg_200_400:"var(--sb-bg-200-400)",error:"var(--sb-error)"}},{Provider:_o,useContext:So}=H("AIAgentTheme");function To(e){const{theme:t,appearance:n,logger:o}=e;return r.createElement(Kr,{appearance:n,palette:t==null?void 0:t.palette,typography:t==null?void 0:t.typography,logger:o},r.createElement(wo,{...e}))}function wo({rootElement:e=document.body,children:t}){const{theme:n,updateTheme:o}=bn();return d.useLayoutEffect(()=>{e.setAttribute(Ue,n.selectedTheme)},[e,n.selectedTheme]),r.createElement(u.ThemeProvider,{theme:n},r.createElement(_o,{value:{theme:n,updateTheme:o}},t))}function ce(e,t){const n=e.getRootNode({composed:t});return n instanceof ShadowRoot||n instanceof Document?n:document}const ko=(e,t)=>{d.useEffect(()=>{const n=ce(t)instanceof ShadowRoot,o=ce(t,!0);if(!(n?t:o).querySelector(`link[href*='${e}']`)){const a=o.createElement("link");a.rel="stylesheet",a.href=e,(n?t:o.head).appendChild(a)}},[e,t])},Ao=(e,t=document.body)=>{d.useEffect(()=>{const n=ce(t),s=n instanceof ShadowRoot?t:n.head;if(!s)return;const a=`sba-${btoa(e).slice(0,10)}`;let i=s.querySelector(`style#${a}`);i?i.textContent!==e&&(i.textContent=e):(i=s.ownerDocument.createElement("style"),i.id=a,i.textContent=e,s.appendChild(i))},[e,t])},yt=/iPad|iPhone|iPod/.test(navigator.userAgent),Io=/Android/.test(navigator.userAgent),ke=e=>yt||Io,K="sb-agent",X={ENTRY:`${K}-entry`,MODAL_ROOT:`${K}-modal-root`,WINDOW:`${K}-window`,LAUNCHER:`${K}-launcher`},Oe=2147483647,ue={MODAL:Oe-1,TOOLTIP:Oe-2,WINDOW:Oe-3,LAUNCHER:Oe-4},Cn={SESSION:`@${K}-session`,USER_DATA:`@${K}-udata`},yn={DEFAULT_PRIMARY:"#742ddd",WHITE:"#ffffff"},_n=36,$o=100,Mo=25*1024*1024,Sn=["application/pdf","image/jpeg","image/jpg","image/png"],Ze="noopener noreferrer nofollow",Re={},J={getItem:e=>{try{return localStorage.getItem(e)}catch{return Re[e]??null}},setItem:(e,t)=>{try{localStorage.setItem(e,t)}catch{Re[e]=t}},deleteItem:e=>{try{localStorage.removeItem(e)}catch{delete Re[e]}},getKeys:e=>{try{const t=[];for(let n=0;n<localStorage.length;n++){const o=localStorage.key(n);o&&o.startsWith(e)&&t.push(o)}return t}catch{return Object.keys(Re).filter(t=>t.startsWith(e))}}};function Tn(e){const{keyGenerator:t,keyParamsValidator:n}=e;function o(i){try{n&&n(i);const l=t(i),c=J.getItem(l);return c?JSON.parse(c):null}catch{return null}}function s(i,l){try{n&&n(i);const c=t(i),m=JSON.stringify(l);J.setItem(c,m)}catch{}}function a(i){try{n&&n(i);const l=t(i);J.deleteItem(l)}catch{}}return{get:o,set:s,clear:a}}const Pe=Tn({keyGenerator:({appId:e,aiAgentId:t,userId:n})=>{const o=Lo(`${e}/${t}/${n}`);return`${Cn.USER_DATA}/${o}`},keyParamsValidator:({appId:e,aiAgentId:t,userId:n})=>{if(!e||!t||!n)throw new Error("Invalid parameters for user data cache")}});function Lo(e){let t=0;for(let n=0;n<e.length;n++)t=(t<<5)-t+e.charCodeAt(n),t|=0;return t.toString(16)}const st=Tn({keyGenerator:({appId:e,aiAgentId:t})=>`${Cn.SESSION}/${e}/${t}`}),{Provider:Oo,Consumer:wn,useContext:O}=H("Agent");function Ro({children:e,state:t,enableCloseConversationButton:n=!1,enableExpandButton:o=!0,enableAutoDisconnectInLauncher:s=!0,...a}){const i=je(),[l,c]=d.useState(!1),[m,h]=d.useState(!1),p={opened:(t==null?void 0:t.opened)??l,setOpened:(t==null?void 0:t.setOpened)??c,expanded:(t==null?void 0:t.expanded)??m,setExpanded:(t==null?void 0:t.setExpanded)??h};return r.createElement(Oo,{value:{...a,...i,state:p,enableCloseConversationButton:n,enableExpandButton:o,enableAutoDisconnectInLauncher:s}},e)}function Po(){const{chatSDK:e,logger:t}=O(),{shouldSyncCachedTemplate:n,syncCachedTemplates:o,clearCachedTemplates:s}=xn(),a=d.useCallback(async(l,c,m)=>{if(t.debug("authManager.authenticate: session:",l.userId),c){const h=new z.SessionHandler({...c,onSessionTokenRequired:Do(c.onSessionTokenRequired,m)});e.setSessionHandler(h)}await e.connect(l.userId,l.authToken),t.debug("authManager.authenticate: user:",e.currentUser),n(e)&&await o(e)},[e,t,n,o]),i=d.useCallback(async()=>{t.debug("authManager.deauthenticate: disconnect"),await e.disconnect(),s()},[e,t,s]);return{authenticate:a,deauthenticate:i}}function Do(e,t){if(e)return async(n,o)=>{new Promise((s,a)=>e==null?void 0:e(s,a)).then(s=>{s&&(t==null||t(s)),n(s)}).catch(s=>{o(s)})}}const No=24*60*60*1e3,{Provider:Bo,useContext:D}=H("MessengerSession"),Fo=d.forwardRef(function({userSessionInfo:e,children:t},n){const{appId:o,aiAgentId:s,chatSDK:a,agentPreviewConfigs:i,state:l,logger:c,language:m,countryCode:h,context:p,handlers:f}=O(),{updateTheme:x}=bn(),{authenticate:b,deauthenticate:v}=Po(),[E,C]=d.useState(void 0),[_,T]=d.useState(void 0),[S,G]=d.useState(null),[M,me]=d.useState(null),[he,y]=d.useState(null),P=i==null?void 0:i.forceCreateChannel;function ge(){if(e&&e.userId){c.debug("messengerSession.initialize: manual session info detected");const A=["authToken","sessionHandler"].filter(I=>!(I in e));return A.length>0&&c.error(`messengerSession.initialize: missing required keys in userSessionInfo: ${A.join(", ")}`),e}const k=st.get({appId:o,aiAgentId:s});return k?k.expireAt-No<=Date.now()?(c.debug("messengerSession.initialize: auto session expired, clear cache"),st.clear({appId:o,aiAgentId:s}),Pe.clear({appId:o,aiAgentId:s,userId:k.userId}),null):(c.debug("messengerSession.initialize: auto session info detected"),k):null}const q=d.useCallback((k,A)=>{Pe.set({appId:o,aiAgentId:s,userId:k},{knownActiveChannelUrl:A})},[o,s]),ve=d.useCallback(k=>{const A=Pe.get({appId:o,aiAgentId:s,userId:k});return A==null?void 0:A.knownActiveChannelUrl},[o,s]),tt=d.useCallback(async()=>{if(S){c.debug("messengerSession.refreshActiveChannel: try to refresh active channel"),C(void 0);const k=await a.aiAgent.requestMessengerSettings({aiAgentId:s,userId:S.userId,language:m,country:h,context:p,forceCreateChannel:P,knownActiveChannelUrl:ve(S.userId)});return q(S.userId,k.active_channel.channel_url),C({url:k.active_channel.channel_url,status:B.ConversationStatus.OPEN}),c.info("messengerSession.refreshActiveChannel: refreshed active channel",k.active_channel.channel_url),k.active_channel.channel_url}else throw c.error("messengerSession.refreshActiveChannel: userSession is not ready"),new Error("userSession is not ready")},[a,o,s,S==null?void 0:S.userId,m,h,p,P,ve,q]),nt=d.useCallback(async k=>{if(!(S!=null&&S.userId))throw new Error("Current user is not authenticated. Please authenticate first.");const I=(await a.aiAgent.requestMessengerSettings({...k,userId:S.userId,knownActiveChannelUrl:void 0})).active_channel.channel_url;return Pe.set({userId:S.userId,appId:o,aiAgentId:k.aiAgentId},{knownActiveChannelUrl:I}),I},[S==null?void 0:S.userId]);return We.useGroupChannelHandler(a,{onChannelChanged:k=>{var A;k.isGroupChannel()&&k.url===(E==null?void 0:E.url)&&(c.info("messengerSession.channelChanged: channel.conversation",k.conversation),C({url:k.url,status:((A=k.conversation)==null?void 0:A.status)??B.ConversationStatus.OPEN}))},async onUserJoined(k,A){var N,pe;if(k.conversation&&k.conversation.type===B.ConversationType.PROACTIVE&&A.userId===((N=a.currentUser)==null?void 0:N.userId)){c.info("messengerSession.onUserJoined: proactive channel joined",k.url);const ee=((pe=k.conversation)==null?void 0:pe.status)??B.ConversationStatus.OPEN;C({url:k.url,status:ee}),l.setOpened(!0),zo({sound:document.hidden||!l.opened})}}}),d.useImperativeHandle(n,()=>{const k=async()=>{if(!E)throw new Error("No active conversation. Please start a conversation first.");return await a.groupChannel.getChannel(E.url)};return{updateContext:async A=>{const N=await(await k()).updateContext(s,A);return{...N,context:N.context??{}}},patchContext:async A=>{const N=await(await k()).patchContext(s,A);return{...N,context:N.context??{}}},getContextObject:async()=>{const I=await(await k()).getContextObject(s);return{...I,context:I.context??{}}}}},[E,a,s]),d.useEffect(()=>{async function k(){c.debug("messengerSession.initialize: start");const A=ge(),I=await a.aiAgent.requestMessengerSettings({aiAgentId:s,userId:A==null?void 0:A.userId,language:m,country:h,context:p,forceCreateChannel:P,knownActiveChannelUrl:ve(A==null?void 0:A.userId)});c.debug("messengerSession.initialize: messenger settings response",I);let N=null;if(I.auto_created_user){const{user_id:V,session_token:te,expire_at:Y}=I.auto_created_user;st.set({appId:o,aiAgentId:s},{userId:V,authToken:te,expireAt:Y}),N={userId:V,authToken:te}}else N={userId:(A==null?void 0:A.userId)??"",authToken:(A==null?void 0:A.authToken)??""};q(N.userId,I.active_channel.channel_url);function pe(){const V=I.appearance.selected_theme;x(V,Y=>{const U=I.appearance.themes[Y];return{primaryColor:U.primary_color,botMessageBackgroundColor:U.bot_message_bg_color,primaryContrastColor:U.primary_contrast_color,botMessageBackgroundContrastColor:U.bot_message_bg_contrast_color}}),T(void 0),G(N),me({userId:I.bot.bot_userid,profileUrl:I.bot.bot_profile_url,nickname:I.bot.bot_nickname,replyToFile:I.bot.reply_to_file,specialNotice:I.bot.special_notice,specialNoticeEnabled:I.bot.is_special_notice_enabled,showHandoffButton:I.bot.show_handoff_button??!0}),y({type:I.launcher.image_type||"default_icon",imageUrl:I.launcher.image_url}),I.launcher.auto_open&&!ke()&&setTimeout(()=>l.setOpened(!0),500)}function ee(){C({url:I.active_channel.channel_url,status:B.ConversationStatus.OPEN})}try{pe();const V=te=>G(Y=>Y?{...Y,authToken:te}:null);await b(N,e==null?void 0:e.sessionHandler,V),ee()}catch(V){V instanceof Error&&(c.error("messengerSession.initialize: failed to connect",V),T(V))}}k().catch(A=>{c.error("messengerSession: failed to initialize",A)})},[a,o,s,e==null?void 0:e.userId,e==null?void 0:e.authToken]),d.useEffect(()=>{f!=null&&f.onRegisterDeauthenticateHandler&&(c.debug("messengerSession: registering deauthenticate handler"),f.onRegisterDeauthenticateHandler(v))},[f==null?void 0:f.onRegisterDeauthenticateHandler,v]),!S||!M||!he?null:r.createElement(Bo,{value:{userSession:S,activeChannel:E,refreshActiveChannel:tt,createConversation:nt,connectionError:_,aiAgentInfo:{...M,...i==null?void 0:i.bot},launcherInfo:{...he,...i==null?void 0:i.launcher}}},t)});function zo({sound:e}){const t="🔔You have received a new message",n=document.title,o=setInterval(()=>{document.title=document.title===t?n:t},750);setTimeout(()=>clearInterval(o),5e3),e&&Promise.resolve().then(()=>require("./B93o4u0P.cjs")).then(s=>{new Audio(s.default).play()})}const W=e=>{const t=e;return typeof t=="number"?`${t}px`:t},w=({as:e,variant:t="body1",color:n,className:o,...s})=>r.createElement(Ho,{as:e,$variant:t,className:o,$color:n,...s}),Ut=new WeakMap,Uo=(e,t)=>{let n=Ut.get(t);n||(n=new Map,Ut.set(t,n));const o=n.get(e);if(o)return o;const s=t[e]??t.body1,a=u.css`font-size:${W(s.fontSize)};font-weight:${s.fontWeight};${s.fontFamily?`font-family: ${s.fontFamily};`:""}
51
- ${s.lineHeight?`line-height: ${s.lineHeight};`:"line-height: 100%;"}
52
- `;return n.set(e,a),a},Ho=u.span`font-stretch:normal;font-style:normal;letter-spacing:normal;${({$variant:e,theme:t})=>Uo(e,t.typography)}color:${({$color:e})=>e};`,Ae=244,kn=640,He=26,An=4,Q=12,xe=2,Vo=16,se=`${K}-incoming-msg`,Wo=`${K}-marked-text`;function _t(e){switch(e){case"top":case"middle":return xe;default:return Vo}}function St(e,t){if(t){const[,n]=t.split("/");if(n)return n.toUpperCase()}if(e&&!e.startsWith(".")){const n=e.split(".").pop();if(n&&n!==e)return n.toUpperCase()}return"FILE"}function In(e){return e.messageType==="file"?e.message.length>0&&e.file.name!==e.message:e.message.length>0}const Go=new Set(["send","chat","message","chevron-right"]),jo={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")))},$=({type:e,size:t=24,className:n,color:o})=>{const s=jo[e];return r.createElement(Ko,{className:n,$rtlFlip:Go.has(e),$size:t,$color:o??g.color.primary.main},r.createElement(d.Suspense,{fallback:null},r.createElement(s,null)))},qo=u.css`[dir='rtl'] &{transform:scaleX(-1);}`,Ko=u.div`width:${({$size:e})=>W(e)};height:${({$size:e})=>W(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&&qo};`;function Tt({name:e,type:t="FILE",iconColor:n,iconBackgroundColor:o,onClick:s}){const{colors:a}=u.useTheme();return r.createElement(Zo,{onClick:s,$clickable:!!s},r.createElement(Jo,{$bgColor:o??a.base.primary},r.createElement($,{type:"file-document",size:24,color:n??a.base.primaryContrastContent})),r.createElement(Xo,null,r.createElement(Qo,{variant:"button",color:g.themedColor.textHighEmphasis},e),r.createElement(w,{color:g.themedColor.textMidEmphasis,variant:"caption3"},t)))}const Zo=u.div`border-radius:12px;gap:8px;width:${Ae}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${g.themedColor.textDisabled};background-color:${g.themedColor.bg_50_600};${({$clickable:e})=>e&&Yo}`,Yo=u.css`cursor:pointer;&:hover{background-color:${g.themedColor.bg_100_500};}`,Jo=u.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({$bgColor:e})=>e};`,Xo=u.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`,Qo=u(w)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;function es({file:e,children:t,onClickFile:n}){return r.createElement(ts,null,r.createElement(Tt,{name:e.name,type:St(e.name,e.type),onClick:n&&(()=>n==null?void 0:n(e))}),t)}const ts=u.div`display:flex;flex-direction:column;align-items:flex-start;gap:${xe}px;`;function ns({file:e,onClickMedia:t,children:n}){const o=()=>e.type.startsWith("image")?r.createElement(ss,{src:e.url,alt:"image-message"}):e.type.startsWith("video")?r.createElement(is,{controls:!0},r.createElement("source",{src:e.url}),r.createElement("track",{kind:"captions"})):null;if(o){const s={id:`${se}-media-body`,onClick:()=>t==null?void 0:t(e)};return r.createElement(rs,null,r.createElement(os,{...s},o()),n)}return null}const rs=u.div`display:flex;flex-direction:column;align-items:flex-start;gap:${xe}px;`,os=u.div`width:${Ae}px;height:160px;border-radius:12px;overflow:hidden;cursor:pointer;${R.light`
53
- background-color: ${g.color.background100};
54
- `}
55
- ${R.dark`
56
- background-color: ${g.color.background400};
57
- `}
58
- `,ss=u.img`width:100%;height:100%;object-fit:cover;`,is=u.video`width:100%;height:100%;object-fit:cover;`,as="✱";function $n(e){const t=new RegExp(`${as}+`,"g");return e.replace(t,n=>`<span id=${Wo} aria-label="masked-text">${n}</span>`)}function ls(e){const t=/```(\w+)?\n([\s\S]*?)```/g,n=[];let o=0;return e.replace(t,(s,...a)=>{const[i,l,c]=a;return o<c&&n.push({type:"text",value:e.slice(o,c).trim()}),n.push({type:"code",value:l.trim(),language:i?i.trim():"plaintext"}),o=c+s.length,s}),o<e.length&&n.push({type:"text",value:e.slice(o).trim()}),n.map(s=>s.type!=="text"?s:{...s,value:$n(s.value)})}const cs=d.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./DDP53huc.cjs"))).MarkdownText})),ds=d.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./u4HvlMWl.cjs"))).CodeBlock}));function Ht(e){var s,a;const t=e.maxBodyWidth??Ae,n=d.useMemo(()=>ls(e.message),[e.message]),o={id:`${se}-text-body`,$maxWidth:t,$color:(s=e.customStyle)==null?void 0:s.bubbleContentColor,$bgColor:(a=e.customStyle)==null?void 0:a.bubbleBackgroundColor};return n.length===0?e.children?r.createElement(Vt,{...o},e.children):null:r.createElement(Vt,{...o},n.map((i,l)=>i.type==="text"?r.createElement(Wt,{key:l,variant:"body3"},r.createElement(d.Suspense,{fallback:i.value},r.createElement(cs,null,i.value))):i.type==="code"?r.createElement(d.Suspense,{key:l,fallback:r.createElement(Wt,{variant:"body3"},i.value)},r.createElement(ds,{code:i.value,language:i.language})):null),e.children)}const Vt=u.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({$maxWidth:e})=>e}px;${({theme:e,$color:t,$bgColor:n})=>u.css`
59
- color: ${t||e.colors.messageIncoming.text};
60
- background-color: ${n||e.colors.messageIncoming.background};
61
- `}
62
- padding: 12px 0;
63
- transition: max-width 0.3s;
64
- overflow-wrap: break-word;
65
- `,Wt=u(w)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;function us(e){const{stringSet:t}=L(),n=In(e)?r.createElement(Ht,{...e}):null;if(e.messageType==="user")return n;if(e.messageType==="file"){const o=e.file;return o.type.startsWith("image")||o.type.startsWith("video")?r.createElement(ns,{...e},n):r.createElement(es,{...e},n)}return r.createElement(Ht,{...e,message:t.UNKNOWN__UNKNOWN_MESSAGE_TYPE})}const wt=e=>r.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.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 kt({id:e,src:t,size:n=56,onClick:o,style:s}){return r.createElement(ms,{id:e,tabIndex:0,onClick:o,$size:W(n),style:s},t?r.createElement(hs,{src:t}):r.createElement($,{type:"user",size:n}))}const ms=u.div`border-radius:50%;display:inline-block;overflow:hidden;position:relative;flex-shrink:0;height:${e=>e.$size};width:${e=>e.$size};background-color:${g.themedColor.bg_100_500};&:focus{outline:none;}`,hs=u.img`object-fit:cover;width:100%;height:100%;position:absolute;`;function gs({sender:e,isBotMessage:t}){const n=`${se}-sender-avatar`;return!e.profileUrl&&t?r.createElement(ps,{id:n},r.createElement(wt,null)):r.createElement(kt,{id:n,size:He,src:e.profileUrl})}const ps=u.div`flex-shrink:0;width:${He}px;height:${He}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 fs({sender:e}){return r.createElement(bs,{id:`${se}-sender-name`,variant:"caption1",color:g.themedColor.textMidEmphasis},e.nickname)}const bs=u(w)`text-align:start;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-block:5px;padding-inline:0 7px;`;function Es({createdAt:e}){const{stringSet:t,format:n}=L();return e?r.createElement(w,{id:`${se}-sent-time`,variant:"caption4",color:g.themedColor.textLowEmphasis},n(e,t.DATE_FORMAT__MESSAGE_TIMESTAMP)):null}function xs({customStyle:e}){return r.createElement(vs,{$bgColor:e==null?void 0:e.bubbleBackgroundColor},[0,1,2].map(t=>r.createElement(Cs,{key:t,$color:e==null?void 0:e.bubbleContentColor})))}const vs=u.div`align-items:center;border-radius:12px;display:flex;gap:6px;justify-content:center;padding:16px 12px;background-color:${({theme:e,$bgColor:t})=>t||e.colors.messageIncoming.background};`,Cs=u.span`animation:blink 1.4s infinite;animation-fill-mode:both;border-radius:50%;height:8px;width:8px;background:${({theme:e,$color:t})=>t||e.colors.messageIncoming.text};@keyframes blink{0%{opacity:0.12;transform:scale(1);}21.43%{opacity:0.38;transform:scale(1.2);}42.86%{opacity:0.12;transform:scale(1);}100%{opacity:0.12;transform:scale(1);}}&:nth-child(1){animation-delay:0.4s;}&:nth-child(2){animation-delay:0.6s;}&:nth-child(3){animation-delay:0.8s;}`;function Se(){}async function Mn(e){let t=e;t&&(!t.startsWith("http://")&&!t.startsWith("https://")&&(t="https://"+t),window.open(t,"_blank","noopener,noreferrer"))}function Ln(e){return!e||!e.conversation?!1:e.conversation.status===B.ConversationStatus.CLOSED}function On(e){return!e||!e.conversation?!1:e.conversation.status===B.ConversationStatus.OPEN}function Rn(e){var n;const t=(n=e==null?void 0:e.conversation)==null?void 0:n.handoff;return!!(t!=null&&t.timestamp)}function ys(e){return On(e)&&!Rn(e)}function _s({extendedMessagePayload:e,onClickCTA:t=({url:n})=>Mn(n)}){const n=e==null?void 0:e.cta_button;return n?r.createElement(Ss,{id:`${se}-ext-cta-button`,role:"button",onClick:()=>t(n)},r.createElement(Ts,{variant:"button"},n.label)):null}const Ss=u.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;color:${g.themedColor.textHighEmphasis};background-color:${g.color.background50};${R.dark`
66
- background-color: ${g.color.ondark.textDisabled};
67
- `}
68
- `,Ts=u(w)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;function ws(e){return r.createElement(r.Fragment,null)}class ks extends d.Component{constructor(t){super(t),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}render(){return this.state.hasError?this.props.errorFallback:r.createElement(d.Suspense,{fallback:this.props.loadingFallback},this.props.children)}}const As=new Set(["default"]),{MessageTemplate:Is}=hr.createMessageTemplate({parser:ct.parser,renderer:ct.renderer,Container:e=>r.createElement("div",{...e})});function $s(e){return r.createElement(ks,{errorFallback:e.messageTemplateErrorFallback,loadingFallback:e.messageTemplateLoadingFallback},r.createElement(Ms,{...e}))}const Ms=({extendedMessagePayload:e,onGetCachedMessageTemplate:t=()=>null,onRequestMessageTemplate:n,onHandleTemplateInternalAction:o=Se})=>{const s=e==null?void 0:e.message_template;if(!As.has((s==null?void 0:s.type)??"default"))throw new Error("Unsupported template type");if(!n)throw new Error("onRequestMessageTemplate is required");const{theme:i}=So(),l=co({onRequestTemplate:n,onGetCachedTemplate:t,theme:i.selectedTheme,templateKey:(s==null?void 0:s.key)??"invalid",variables:s==null?void 0:s.variables,viewVariables:s==null?void 0:s.view_variables,aiAgentColorVariables:i.aiAgentColorVariables});return r.createElement(Ls,{id:`${se}-ext-message-template`},r.createElement(ct.MessageProvider,{handleInternalAction:(c,m)=>{c.stopPropagation(),o==null||o(m)}},r.createElement(Is,{templateItems:l.body.items,templateVersion:l.version})))},Ls=u.div`box-sizing:border-box;overflow:hidden;width:100%;`;function Os({extendedMessagePayload:e,onClickSuggestedReply:t,suggestedRepliesDirection:n="vertical"}){const[o,s]=d.useState(!1),a=(e==null?void 0:e.suggested_replies)??[];return a.length===0||o?null:r.createElement(Rs,{id:`${se}-ext-suggested-replies`,$type:n},a.map((i,l)=>r.createElement(Ps,{key:l,$type:n,variant:"body3",onClick:()=>{t&&(t==null||t({reply:i}),s(!0))}},i)))}const Rs=u.div`margin:16px 0;padding:0 ${Q}px;position:relative;display:flex;gap:8px;${({$type:e})=>e==="vertical"?Ds:Ns};`,Ps=u(w)`box-sizing:border-box;padding:8px 12px;display:flex;align-items:center;border-radius:20px / clamp(20px,5%,100px);cursor:pointer;word-break:break-word;color:${g.color.primary.main};border:1px solid ${g.color.primary.main};background-color:${g.themedColor.bg_50_600};&:hover{background-color:${g.themedColor.bg_100_500};}${({$type:e,theme:t})=>u.css`
69
- ${e==="vertical"?Bs:Fs};
70
- &:active {
71
- background-color: ${t.colors.base.primary};
72
- color: ${t.colors.base.primaryContrastContent};
73
- }
74
- `}
75
- `,Ds=u.css`flex-direction:column;align-items:flex-end;`,Ns=u.css`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`,Bs=u.css`max-width:calc(100% - 70px);white-space:pre-wrap;`,Fs=u.css`white-space:nowrap;`;function At(e){return e()}const de=Ee({template:zs,components:{SenderName:fs,SenderAvatar:gs,SentTime:Es,MessageBody:us,TypingIndicator:xs,SuggestedReplies:Os,MessageTemplate:$s,CTAButton:_s,MessageLogs:ws}});function zs(e){return r.createElement(Pn,{...e,testerMode:!1})}function Pn(e){var p,f,x,b;const{components:t}=de.useContext(),n=!!e.isTyping,o=e.testerMode,s=!!((p=e.extendedMessagePayload)!=null&&p.message_template),a=!!((f=e.extendedMessagePayload)!=null&&f.cta_button),i=!!e.createdAt,l=At(()=>e.messageType==="user"?e.message.length>0:!0),c=e.groupType==="top"||e.groupType==="single",m=e.groupType==="bottom"||e.groupType==="single",h=o?0:He;return r.createElement(Us,{$marginBottom:n?0:_t(e.groupType)},c&&r.createElement(Hs,null,!o&&r.createElement(t.SenderAvatar,{...e}),r.createElement(t.SenderName,{...e})),r.createElement(d.Fragment,null,r.createElement(it,{$extraStartPadding:h},n&&r.createElement(t.TypingIndicator,{...e}),r.createElement(t.MessageBody,{...e},a&&r.createElement("div",{style:{marginTop:12,marginInline:12}},r.createElement(t.CTAButton,{...e})))),s&&r.createElement(Gt,{$startPadding:0,$endPadding:0,style:{marginTop:l?xe:0}},r.createElement(t.MessageTemplate,{...e,messageTemplateErrorFallback:e.messageTemplateErrorFallback??r.createElement(it,{$extraStartPadding:h},r.createElement(t.MessageBody,{...e,messageType:"user",message:((b=(x=e.extendedMessagePayload)==null?void 0:x.message_template)==null?void 0:b.fallback_message)??"Cannot read this template."})),messageTemplateLoadingFallback:e.messageTemplateLoadingFallback??r.createElement(it,{$extraStartPadding:h},r.createElement(t.TypingIndicator,{...e}))}))),m&&i&&r.createElement(Vs,{$extraStartPadding:h+8},r.createElement(t.SentTime,{...e})),r.createElement(d.Fragment,null,e.suggestedRepliesVisible&&r.createElement(Gt,null,r.createElement(t.SuggestedReplies,{...e})),r.createElement(t.MessageLogs,{...e})))}const Us=u.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({$marginBottom:e})=>`${e}px`};
76
- `,Ye=u.div`display:flex;align-self:stretch;justify-content:flex-start;${({$startPadding:e=Q,$endPadding:t=Q,$extraStartPadding:n=0})=>`
77
- padding-inline: ${e+n}px ${t}px;
78
- `}
79
- `,Hs=u(Ye)`display:flex;flex-direction:row;align-items:center;gap:8px;`,it=u(Ye)`display:flex;`,Vs=u(Ye)`margin-top:${An}px;display:flex;align-items:flex-start;justify-content:flex-start;`,Gt=u(Ye)`display:flex;flex-direction:column;${({$startPadding:e=Q,$endPadding:t=Q,$extraStartPadding:n=0})=>`
80
- padding-inline: ${e+n}px ${t}px;
81
- `}
82
- `;function Ws({file:e,children:t,onClickFile:n}){return r.createElement(Gs,null,r.createElement(Tt,{name:e.name,type:St(e.name,e.type),onClick:n&&(()=>n==null?void 0:n(e))}),t)}const Gs=u.div`display:flex;flex-direction:column;align-items:flex-end;gap:${xe}px;`,It=({className:e,children:t,size:n=26})=>r.createElement(js,{className:e,$size:n},t??r.createElement($,{type:"spinner",size:n})),js=u.div`display:flex;align-items:center;justify-content:center;width:${({$size:e})=>W(e)};height:${({$size:e})=>W(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;function qs({file:e,metadata:t,onClickMedia:n,children:o}){const{aspectRatio:s,localFile:a}=t,[i]=d.useState(()=>a instanceof File?URL.createObjectURL(a):e.url),[l,c]=d.useState(!1),m={onClick:()=>n==null?void 0:n(e),$ratio:s};return r.createElement(Ks,null,r.createElement(Zs,{...m},!l&&r.createElement(It,{size:26},r.createElement($,{type:"spinner",color:"textLowEmphasis",size:26})),r.createElement(Ys,{$loaded:l,src:i,alt:"image-message",onLoad:()=>c(!0)})),o)}const Ks=u.div`display:flex;flex-direction:column;align-items:flex-end;gap:${xe}px;`,Zs=u.div`width:${Ae}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;${R.light`
83
- background-color: ${g.color.background100};
84
- `}
85
- ${R.dark`
86
- background-color: ${g.color.background400};
87
- `}
88
- `,Ys=u.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 jt(e){var n,o;const t=d.useMemo(()=>un.sanitize($n(e.message)),[e.message]);return r.createElement(Js,{$maxWidth:e.maxBodyWidth??Ae,$color:(n=e.customStyle)==null?void 0:n.bubbleContentColor,$bgColor:(o=e.customStyle)==null?void 0:o.bubbleBackgroundColor},r.createElement(Xs,{variant:"body3",dangerouslySetInnerHTML:{__html:t}}))}const Js=u.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({$maxWidth:e})=>e}px;${({theme:e,$color:t,$bgColor:n})=>u.css`
89
- color: ${t||e.colors.messageOutgoing.text};
90
- background-color: ${n||e.colors.messageOutgoing.background};
91
- `}
92
- padding: 12px 0;
93
- transition: max-width 0.3s;
94
- overflow-wrap: break-word;
95
- `,Xs=u(w)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;function Qs(e){const{stringSet:t}=L(),n=In(e)?r.createElement(jt,{...e}):null;return e.messageType==="user"?n:e.messageType==="file"?e.file.type.startsWith("image")?r.createElement(qs,{...e},n):r.createElement(Ws,{...e},n):r.createElement(jt,{...e,message:t.UNKNOWN__UNKNOWN_MESSAGE_TYPE})}function ei({sendingStatus:e}){const t=u.useTheme();switch(e){case"pending":return r.createElement(ti,{size:16},r.createElement($,{type:"spinner",color:t.colors.messageOutgoing.background,size:16}));case"failed":return r.createElement("div",{style:{marginBottom:2}},r.createElement($,{type:"error",color:g.themedColor.error,size:16}));case"scheduled":case"canceled":return null;default:return r.createElement("div",null,r.createElement($,{type:"chevron-down"}))}}const ti=u(It)`margin-bottom:2px;width:16px;height:16px;`;function ni({createdAt:e}){const{stringSet:t,format:n}=L();return e?r.createElement(w,{variant:"caption4",color:g.themedColor.textLowEmphasis},n(e,t.DATE_FORMAT__MESSAGE_TIMESTAMP)):null}const Je=Ee({template:ri,components:{SendingStatus:ei,SentTime:ni,MessageBody:Qs}});function ri(e){const{components:t}=Je.useContext(),n=e.sendingStatus==="succeeded",o=e.groupType==="bottom"||e.groupType==="single";return r.createElement(oi,{$marginBottom:_t(e.groupType)},r.createElement(si,null,r.createElement(t.MessageBody,{...e})),o&&r.createElement(ii,{$extraEndPadding:8},n?r.createElement(t.SentTime,{...e}):r.createElement(t.SendingStatus,{...e})))}const oi=u.div`display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-bottom:${({$marginBottom:e})=>`${e}px`};
96
- `,Dn=u.div`display:flex;align-self:stretch;justify-content:flex-end;${({$startPadding:e=Q,$endPadding:t=Q,$extraEndPadding:n=0})=>`padding-inline: ${e}px ${t+n}px;`};
97
- `,si=u(Dn)``,ii=u(Dn)`margin-top:${An}px;`;function ai(e){return e.messageType!=="admin"?null:r.createElement(li,null,r.createElement(w,{variant:"caption2",color:g.themedColor.textMidEmphasis},ci(un.sanitize(e.message))))}const li=u.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color:inherit;}`,ci=e=>{const t=/\[([^\]]+)\]\((https?:\/\/[^\s]+)\)/g,n=[];let o=0;return e.replace(t,(s,a,i,l)=>(n.push(e.slice(o,l)),n.push(r.createElement("a",{key:i,href:i,target:"_blank",rel:Ze},a)),o=l+s.length,s)),n.push(e.slice(o)),n},di=({submitted:e,defaultValue:t,value:n,onChange:o})=>{const{stringSet:s}=L();return d.useEffect(()=>{typeof n>"u"&&typeof t=="boolean"&&(o==null||o(t))},[n,t]),r.createElement(ui,null,r.createElement(w,{variant:"caption2",color:g.themedColor.textMidEmphasis},s.CSAT_CRE_TITLE),r.createElement("div",null,r.createElement(qt,{checked:n===!0,label:s.CSAT_CRE_SOLVED,disabled:e,onClick:()=>o==null?void 0:o(!0)}),r.createElement(qt,{checked:n===!1,label:s.CSAT_CRE_NOT_SOLVED,disabled:e,onClick:()=>o==null?void 0:o(!1)})))},qt=({onClick:e,checked:t,label:n,disabled:o})=>{const s=t?g.color.primary.main:o?g.themedColor.textDisabled:g.themedColor.textLowEmphasis,a=t?g.themedColor.textHighEmphasis:o?g.themedColor.textLowEmphasis:g.themedColor.textHighEmphasis;return r.createElement(mi,{onClick:e,disabled:o},r.createElement($,{size:24,type:t?"radio-on":"radio-off",color:s}),r.createElement(w,{variant:"caption2",color:a},n))},ui=u.div`display:flex;flex-direction:column;gap:8px;`,mi=u.button`all:unset;display:flex;align-items:center;justify-content:flex-start;gap:2px;span{line-height:initial;}&:enabled{cursor:pointer;}`,hi=e=>r.createElement("svg",{width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",id:"csat1",...e},r.createElement("path",{d:"M2.08301 20C2.08301 10.1049 10.1046 2.08334 19.9997 2.08334C29.8948 2.08334 37.9163 10.1049 37.9163 20C37.9163 29.8952 29.8948 37.9167 19.9997 37.9167C10.1046 37.9167 2.08301 29.8952 2.08301 20Z",fill:"#E0E0E0"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.5824 29.3328C13.1344 29.7473 13.918 29.636 14.3326 29.084C15.6269 27.3607 17.6835 26.25 19.9997 26.25C22.316 26.25 24.3727 27.3607 25.6668 29.084C26.0815 29.636 26.865 29.7473 27.4172 29.3328C27.9692 28.9182 28.0805 28.1347 27.6658 27.5825C25.9198 25.2577 23.1357 23.75 19.9997 23.75C16.8638 23.75 14.0797 25.2577 12.3336 27.5825C11.919 28.1347 12.0304 28.9182 12.5824 29.3328Z",fill:"black",fillOpacity:.12}),r.createElement("path",{d:"M28.4449 13.7707C29.1324 13.8328 29.64 14.4406 29.578 15.1281C29.516 15.8153 28.909 16.3221 28.2219 16.2608C28.2219 16.2608 28.0282 16.2502 27.9267 16.2487C27.7224 16.2457 27.4382 16.2509 27.1224 16.2833C26.7864 16.3177 26.4644 16.3782 26.1799 16.4662L26.304 16.86C26.7792 18.3675 25.5094 19.5813 24.2057 19.5813C23.504 19.5813 22.8319 19.2617 22.4295 18.6857C22.0025 18.0745 21.9417 17.241 22.4075 16.5344C22.7505 16.0143 23.2444 15.3831 23.8959 14.8657C24.8355 14.1195 26.0435 13.8809 26.867 13.7963C27.3024 13.7517 28.0149 13.7319 28.4449 13.7707Z",fill:"black",fillOpacity:.12}),r.createElement("path",{d:"M11.5553 13.7707C10.8677 13.8328 10.3601 14.4406 10.4221 15.1281C10.4842 15.8153 11.0912 16.3221 11.7782 16.2608C11.7782 16.2608 11.972 16.2502 12.0734 16.2487C12.2778 16.2457 12.562 16.2509 12.8778 16.2833C13.2137 16.3177 13.5357 16.3782 13.8203 16.4662L13.6962 16.86C13.2209 18.3675 14.4907 19.5813 15.7944 19.5813C16.4962 19.5813 17.1683 19.2617 17.5707 18.6857C17.9975 18.0745 18.0585 17.241 17.5925 16.5344C17.2497 16.0143 16.7557 15.3831 16.1043 14.8657C15.1646 14.1195 13.9566 13.8809 13.1331 13.7963C12.6978 13.7517 11.9853 13.7319 11.5553 13.7707Z",fill:"black",fillOpacity:.12})),gi=e=>r.createElement("svg",{width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M2.08337 19.9999C2.08337 10.1048 10.1049 2.08325 20 2.08325C29.8952 2.08325 37.9167 10.1048 37.9167 19.9999C37.9167 29.8951 29.8952 37.9166 20 37.9166C10.1049 37.9166 2.08337 29.8951 2.08337 19.9999Z",fill:"url(#paint0_linear_159_173206)"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.5828 29.3328C13.1348 29.7473 13.9184 29.636 14.3329 29.084C15.6272 27.3607 17.6839 26.25 20 26.25C22.3164 26.25 24.373 27.3607 25.6672 29.084C26.0819 29.636 26.8654 29.7473 27.4175 29.3328C27.9695 28.9182 28.0809 28.1347 27.6662 27.5825C25.9202 25.2577 23.136 23.75 20 23.75C16.8642 23.75 14.0801 25.2577 12.334 27.5825C11.9194 28.1347 12.0308 28.9182 12.5828 29.3328Z",fill:"#141B34"}),r.createElement("path",{d:"M28.4454 13.7707C29.1329 13.8328 29.6405 14.4406 29.5785 15.1281C29.5165 15.8153 28.9095 16.3221 28.2224 16.2608C28.2224 16.2608 28.0287 16.2502 27.9272 16.2487C27.7229 16.2457 27.4387 16.2509 27.1229 16.2833C26.7869 16.3177 26.4649 16.3782 26.1804 16.4662L26.3045 16.86C26.7797 18.3675 25.5099 19.5813 24.2062 19.5813C23.5045 19.5813 22.8324 19.2617 22.43 18.6857C22.003 18.0745 21.9422 17.241 22.408 16.5344C22.751 16.0143 23.2449 15.3831 23.8964 14.8657C24.836 14.1195 26.044 13.8809 26.8675 13.7963C27.3029 13.7517 28.0154 13.7319 28.4454 13.7707Z",fill:"#141B34"}),r.createElement("path",{d:"M11.5549 13.7707C10.8674 13.8328 10.3597 14.4406 10.4218 15.1281C10.4838 15.8153 11.0908 16.3221 11.7779 16.2608C11.7779 16.2608 11.9716 16.2502 12.073 16.2487C12.2774 16.2457 12.5616 16.2509 12.8774 16.2833C13.2134 16.3177 13.5353 16.3782 13.8199 16.4662L13.6958 16.86C13.2205 18.3675 14.4904 19.5813 15.794 19.5813C16.4958 19.5813 17.168 19.2617 17.5703 18.6857C17.9971 18.0745 18.0581 17.241 17.5921 16.5344C17.2493 16.0143 16.7553 15.3831 16.1039 14.8657C15.1643 14.1195 13.9562 13.8809 13.1327 13.7963C12.6974 13.7517 11.9849 13.7319 11.5549 13.7707Z",fill:"#141B34"}),r.createElement("defs",null,r.createElement("linearGradient",{id:"paint0_linear_159_173206",x1:20,y1:2.08325,x2:20,y2:37.9166,gradientUnits:"userSpaceOnUse"},r.createElement("stop",{stopColor:"#FF2D1D"}),r.createElement("stop",{offset:1,stopColor:"#FFA540"})))),pi=e=>r.createElement("svg",{width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z",fill:"#E0E0E0"}),r.createElement("path",{d:"M15 28.333C16.3927 27.2867 18.124 26.6667 20 26.6667C21.876 26.6667 23.6073 27.2867 25 28.333",stroke:"black",strokeOpacity:.12,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M11.667 13.3511C11.667 13.3511 14.0161 13.139 15.3268 14.18M15.3268 14.18L14.8882 15.5711C14.7153 16.1199 15.1675 16.6667 15.7943 16.6667C16.4531 16.6667 16.8882 16.0723 16.549 15.5579C16.2483 15.102 15.8388 14.5866 15.3268 14.18ZM23.3337 13.3511C23.3337 13.3511 25.6827 13.139 26.9935 14.18M26.9935 14.18L26.555 15.5711C26.382 16.1199 26.8342 16.6667 27.461 16.6667C28.1198 16.6667 28.5548 16.0723 28.2157 15.5579C27.915 15.102 27.5055 14.5866 26.9935 14.18Z",stroke:"black",strokeOpacity:.12,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),fi=e=>r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:40,height:40,viewBox:"0 0 40 40",fill:"none",...e},r.createElement("path",{d:"M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z",fill:"#FFD46E"}),r.createElement("path",{d:"M14.249 27.334C15.851 26.13 17.844 25.417 20 25.417c2.156 0 4.149.714 5.751 1.917.553.415.664 1.199.25 1.751-.415.552-1.199.664-1.751.25-1.183-.889-2.652-1.416-4.25-1.416s-3.067.527-4.25 1.416c-.553.414-1.336.302-1.751-.25-.415-.552-.303-1.336.249-1.751Z",fill:"#141B34"}),r.createElement("path",{d:"M23.445 14.596c-.687.062-1.294-.445-1.356-1.132-.062-.687.445-1.295 1.132-1.357.082-.005.342-.02.482-.022.277-.004.662.002 1.097.047.823.085 2.031.323 2.97 1.07.652.518 1.146 1.15 1.489 1.67.466.706.405 1.54-.022 2.15-.402.576-1.074.896-1.775.896-1.304 0-2.573-1.214-2.098-2.722l.125-.394c-.285-.088-.607-.148-.942-.182-.316-.033-.6-.038-.804-.035-.101.002-.242.01-.294.013Z",fill:"#141B34"}),r.createElement("path",{d:"M11.779 14.596c-.687.062-1.294-.445-1.356-1.132-.062-.687.445-1.295 1.132-1.357.082-.005.342-.02.482-.022.277-.004.662.002 1.097.047.823.085 2.031.323 2.97 1.07.652.518 1.146 1.15 1.489 1.67.466.706.405 1.54-.022 2.15-.402.576-1.074.896-1.775.896-1.304 0-2.573-1.214-2.098-2.722l.124-.394c-.284-.088-.606-.148-.941-.182-.316-.033-.6-.038-.804-.035-.101.002-.243.01-.294.013Z",fill:"#141B34"})),bi=e=>r.createElement("svg",{width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z",fill:"#E0E0E0"}),r.createElement("path",{d:"M13.348 15H13.333M26.6663 15H26.6513",stroke:"black",strokeOpacity:.12,strokeWidth:3.33333,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M15 26.6667H25",stroke:"black",strokeOpacity:.12,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),Ei=e=>r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:40,height:40,viewBox:"0 0 40 40",fill:"none",...e},r.createElement("path",{d:"M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z",fill:"#FFD46E"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.25 15c0-1.151.933-2.083 2.083-2.083h.015c1.151 0 2.084.933 2.084 2.083 0 1.151-.933 2.083-2.084 2.083h-.015c-1.15 0-2.083-.933-2.083-2.083ZM24.568 15c0-1.151.933-2.083 2.084-2.083h.015c1.151 0 2.083.933 2.083 2.083 0 1.151-.932 2.083-2.083 2.083h-.015c-1.151 0-2.084-.933-2.084-2.083Z",fill:"#141B34"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.75 26.667c0-.691.56-1.25 1.25-1.25h10c.69 0 1.25.559 1.25 1.25 0 .691-.56 1.25-1.25 1.25h-10c-.69 0-1.25-.559-1.25-1.25Z",fill:"#141B34"})),xi=e=>r.createElement("svg",{width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M19.9997 36.6667C29.2044 36.6667 36.6663 29.2048 36.6663 20C36.6663 10.7953 29.2044 3.33334 19.9997 3.33334C10.7949 3.33334 3.33301 10.7953 3.33301 20C3.33301 29.2048 10.7949 36.6667 19.9997 36.6667Z",fill:"#E0E0E0"}),r.createElement("path",{d:"M13.333 25C14.8532 27.024 17.2735 28.3333 19.9997 28.3333C22.7258 28.3333 25.1462 27.024 26.6663 25",stroke:"black",strokeOpacity:.12,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M13.348 15H13.333M26.6663 15H26.6513",stroke:"black",strokeOpacity:.12,strokeWidth:3.33333,strokeLinecap:"round",strokeLinejoin:"round"})),vi=e=>r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:40,height:40,viewBox:"0 0 40 40",fill:"none",...e},r.createElement("path",{d:"M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z",fill:"#FFD46E"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.583 24.001c.552-.414 1.335-.302 1.75.25 1.294 1.723 3.35 2.834 5.667 2.834s4.373-1.11 5.667-2.834c.415-.552 1.199-.664 1.751-.25.552.415.664 1.199.25 1.751C25.92 28.076 23.136 29.584 20 29.584s-5.92-1.508-7.666-3.832c-.415-.552-.303-1.336.249-1.751Z",fill:"#141B34"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.25 15c0-1.151.933-2.083 2.083-2.083h.015c1.151 0 2.084.933 2.084 2.083 0 1.151-.933 2.083-2.084 2.083h-.015c-1.15 0-2.083-.933-2.083-2.083ZM24.568 15c0-1.151.933-2.083 2.084-2.083h.015c1.151 0 2.083.933 2.083 2.083 0 1.151-.932 2.083-2.083 2.083h-.015c-1.151 0-2.084-.933-2.084-2.083Z",fill:"#141B34"})),Ci=e=>r.createElement("svg",{width:40,height:40,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M19.9997 36.6663C29.2044 36.6663 36.6663 29.2044 36.6663 19.9997C36.6663 10.7949 29.2044 3.33301 19.9997 3.33301C10.7949 3.33301 3.33301 10.7949 3.33301 19.9997C3.33301 29.2044 10.7949 36.6663 19.9997 36.6663Z",fill:"#E0E0E0"}),r.createElement("path",{d:"M19.9997 30C23.16 30 25.8145 27.867 26.56 24.9832C26.9068 23.6413 26.4033 23.3333 25.0765 23.3333H14.9228C13.5959 23.3333 13.0925 23.6413 13.4393 24.9832C14.1848 27.867 16.8393 30 19.9997 30Z",stroke:"black",strokeOpacity:.12,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M11.667 15.8333C11.667 14.4526 12.7863 13.3333 14.167 13.3333C15.5477 13.3333 16.667 14.4526 16.667 15.8333M23.3337 15.8333C23.3337 14.4526 24.453 13.3333 25.8337 13.3333C27.2143 13.3333 28.3337 14.4526 28.3337 15.8333",stroke:"black",strokeOpacity:.12,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),yi=e=>r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:40,height:40,viewBox:"0 0 40 40",fill:"none",...e},r.createElement("path",{d:"M2.083 20C2.083 10.105 10.105 2.083 20 2.083c9.895 0 17.917 8.021 17.917 17.917 0 9.895-8.022 17.917-17.917 17.917C10.105 37.917 2.083 29.895 2.083 20Z",fill:"#FFD46E"}),r.createElement("g",{clipPath:"url(#clip0_159_173224)"},r.createElement("g",{clipPath:"url(#clip1_159_173224)"},r.createElement("path",{d:"M20 30.624c3.752 0 6.904-2.532 7.789-5.956.412-1.593-.185-1.959-1.76-1.959H13.973c-1.575 0-2.173.366-1.761 1.959.885 3.424 4.037 5.956 7.788 5.956Z",fill:"#141B34"})),r.createElement("mask",{id:"mask0_159_173224",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:12,y:22,width:16,height:9},r.createElement("path",{d:"M20 30.624c3.752 0 6.904-2.532 7.789-5.956.412-1.593-.185-1.959-1.76-1.959H13.973c-1.575 0-2.173.366-1.761 1.959.885 3.424 4.037 5.956 7.788 5.956Z",fill:"#141B34"})),r.createElement("g",{mask:"url(#mask0_159_173224)"},r.createElement("path",{d:"M20 32.998c3.278 0 5.936-1.594 5.936-3.561 0-1.968-2.658-3.562-5.936-3.562-3.278 0-5.936 1.594-5.936 3.562 0 1.967 2.658 3.561 5.936 3.561Z",fill:"#FF493B"}))),r.createElement("path",{d:"M11.667 15.833c0-1.381 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5M23.333 15.833c0-1.381 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5",stroke:"#141B34",strokeWidth:2.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("defs",null,r.createElement("clipPath",{id:"clip0_159_173224"},r.createElement("rect",{width:15.83,height:7.915,fill:"white",transform:"translate(12.085 22.709)"})),r.createElement("clipPath",{id:"clip1_159_173224"},r.createElement("rect",{width:15.83,height:7.915,fill:"white",transform:"translate(12.085 22.709)"})))),_i=[{value:1,Icon:{Active:gi,Inactive:hi},isActive:e=>e<=1,getTooltip:e=>e.CSAT5_RATING_SCORE_1},{value:2,Icon:{Active:fi,Inactive:pi},isActive:e=>e===2,getTooltip:e=>e.CSAT5_RATING_SCORE_2},{value:3,Icon:{Active:Ei,Inactive:bi},isActive:e=>e===3,getTooltip:e=>e.CSAT5_RATING_SCORE_3},{value:4,Icon:{Active:vi,Inactive:xi},isActive:e=>e===4,getTooltip:e=>e.CSAT5_RATING_SCORE_4},{value:5,Icon:{Active:yi,Inactive:Ci},isActive:e=>5<=e,getTooltip:e=>e.CSAT5_RATING_SCORE_5}],Si=()=>_i,Nn=({label:e,children:t,position:n="top",disabled:o})=>o?t:r.createElement(pt,null,t,r.createElement(ki,{$position:n},r.createElement(Ai,{variant:"caption1"},e),r.createElement(Ti,{$position:n}))),Ti=({$position:e})=>r.createElement("svg",{style:{transform:e==="top"?"rotate(0)":"rotate(180deg)"},xmlns:"http://www.w3.org/2000/svg",width:"12",height:"6",viewBox:"0 0 12 6",fill:"none"},r.createElement("path",{d:"M6 6L0 0h12L6 6Z",fill:g.themedColor.textHighEmphasis})),wi={top:u.css`flex-direction:column;top:0;transform:translate(-50%,-100%);`,bottom:u.css`flex-direction:column-reverse;bottom:0;transform:translate(-50%,100%);`},pt=u.div`position:relative;`,ki=u.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${ue.TOOLTIP};${({$position:e})=>wi[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${pt}:hover &,${pt}:focus-within &{opacity:1;}`,Ai=u(w)`padding:6px 8px;background:${g.themedColor.textHighEmphasis};color:${g.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`,Ii=({submitted:e,value:t,onChange:n})=>{const{stringSet:o}=L(),s=Si(),a=typeof t=="number";return r.createElement($i,null,r.createElement(w,{variant:"caption2",color:g.themedColor.textMidEmphasis},o.CSAT_RATING_TITLE),r.createElement(Mi,null,s.map(i=>r.createElement(Nn,{disabled:e,key:i.value,label:i.getTooltip(o)},r.createElement(Li,{disabled:e,onClick:()=>n(i.value),$inactive:a&&!i.isActive(t)},a?i.isActive(t)?r.createElement(i.Icon.Active,null):r.createElement(i.Icon.Inactive,null):r.createElement(i.Icon.Active,null))))))},$i=u.div`display:flex;flex-direction:column;gap:8px;`,Mi=u.div`display:flex;justify-content:space-between;width:100%;max-width:320px;`,Li=u.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:${g.color.background200};${R.dark`
98
- background-color: ${g.color.background500};
99
- `}
100
- }
101
-
102
- ${({$inactive:e,theme:t})=>e&&t.selectedTheme==="dark"&&Oi};
103
- `,Oi=u.css`[fill]{fill:white;fill-opacity:0.12;}[stroke]{stroke:white;stroke-opacity:0.12;}`,Ri=({submitted:e,value:t="",onChange:n})=>{const{stringSet:o}=L();return e&&!t?null:r.createElement(Pi,{disabled:e,maxLength:255,value:t,onChange:s=>n(s.target.value),placeholder:o.CSAT_REASON_PLACEHOLDER})},Pi=u.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:${g.themedColor.textHighEmphasis};&::placeholder{color:${g.themedColor.textLowEmphasis};}background-color:${g.color.background50};${R.dark`
104
- background-color: ${g.themedColor.textDisabled};
105
- `}
106
-
107
- &:disabled {
108
- cursor: not-allowed;
109
- color: ${g.themedColor.textLowEmphasis};
110
- background-color: ${g.color.background200};
111
- ${R.dark`
112
- color: ${g.color.ondark.textDisabled};
113
- background-color: ${g.themedColor.textDisabled};
114
- `}
115
- }
116
- `,Di=({submitted:e})=>{const{stringSet:t}=L();return e?r.createElement(w,{variant:"h2",color:g.themedColor.textHighEmphasis},t.CSAT_TITLE_SUBMITTED):r.createElement(w,{variant:"h2",color:g.themedColor.textHighEmphasis},t.CSAT_TITLE_UNSUBMITTED)};var Z=(e=>(e.AI_AGENT_CSAT_5="AI_AGENT_CSAT_5",e.AI_AGENT_CSAT_5_WITH_CRE="AI_AGENT_CSAT_5_WITH_CRE",e.HELPDESK_CSAT_5="HELPDESK_CSAT_5",e))(Z||{});const Ni=e=>d.useReducer((t,n)=>({...t,...n}),e),at=({type:e,renderSubmitButton:t,initialCsat:n,initialCsatReason:o,initialIsResolved:s})=>{const[a,i]=Ni({csatType:e,csat:n,csatReason:o,isResolved:s}),l=typeof n=="number"?"submitted":(e===Z.AI_AGENT_CSAT_5||e===Z.HELPDESK_CSAT_5)&&typeof a.csat=="number"||e===Z.AI_AGENT_CSAT_5_WITH_CRE&&typeof a.csat=="number"&&typeof a.isResolved=="boolean"?"submittable":"unsubmittable",c={state:l,submitted:l==="submitted"};return r.createElement(r.Fragment,null,r.createElement(Bi,null,r.createElement(Di,{...c}),e===Z.AI_AGENT_CSAT_5_WITH_CRE&&r.createElement(di,{...c,defaultValue:s,value:a.isResolved,onChange:m=>i({isResolved:m})}),r.createElement(Ii,{...c,value:a.csat,onChange:m=>i({csat:m})}),a.csat&&r.createElement(Ri,{...c,value:a.csatReason,onChange:m=>i({csatReason:m})})),l!=="submitted"&&t({state:l,params:a}))},Bi=u.div`display:flex;flex-direction:column;gap:12px;`,Fi=()=>{const{stringSet:e}=L();return r.createElement(w,{variant:"body2",color:g.themedColor.textMidEmphasis,style:{textAlign:"center"}},e.CSAT_SUBMISSION_EXPIRED)},zi=e=>{if(e.messageType!=="admin.csat")throw new Error("Invalid message type");const t=We.useForceUpdate(),{stringSet:n}=L(),{extendedMessagePayload:o,csat:s,csatReason:a,csatExpireAt:i,isResolvedWhenDeterminedByUser:l,onSubmitCSAT:c}=e,{visibility:m,type:h}=(o==null?void 0:o.csat)??{};if(!m||!h||!Z[h])return null;const p=h===Z.AI_AGENT_CSAT_5||h===Z.AI_AGENT_CSAT_5_WITH_CRE||h===Z.HELPDESK_CSAT_5?at:()=>null,f=x=>{x.csat&&!Kt(i)?c({csatType:x.csatType,csat:x.csat,csatReason:x.csatReason,isResolved:x.isResolved}):t()};return r.createElement(Ui,null,!s&&Kt(i)?r.createElement(Fi,null):r.createElement(p,{type:h,initialCsat:s,initialCsatReason:a,initialIsResolved:l,renderSubmitButton:({state:x,params:b})=>r.createElement(Hi,{disabled:x!=="submittable",onClick:()=>f(b)},r.createElement(w,{variant:"button"},n.CSAT_SUBMIT_LABEL))}))},Ui=u.div`display:flex;flex-direction:column;background-color:${({theme:e})=>e.colors.csat.background};border-radius:16px;gap:16px;padding:24px;`,Hi=u.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:${g.color.primary.dark};}&:disabled{color:${g.color.ondark.textLowEmphasis};background-color:${g.themedColor.textDisabled};cursor:not-allowed;}`;function Kt(e){return!!e&&e<Date.now()}const Xe=Ee({template:Vi,components:{AdminMessage:ai,CSATMessage:zi}});function Vi(e){const{components:t}=Xe.useContext(),n=At(()=>e.messageType==="admin"?r.createElement(t.AdminMessage,{...e}):e.messageType==="admin.csat"?r.createElement(t.CSATMessage,{...e}):null);return r.createElement(Wi,{$marginBottom:_t(e.groupType)},n)}const Wi=u.div`padding-inline:${Q}px;margin-bottom:${({$marginBottom:e})=>e}px;`,Zt={file:"attach",snippet:"snippet",site:"website",sb_sprinklr:"sprinklr",sb_salesforce:"salesforce",sb_confluence:"confluence",sb_zendesk:"zendesk",sb_desk:"snippet"},Bn=({actionbook:e,functionCalls:t,groundedness:n,agentMessageTemplates:o,onClickActionbook:s,onClickFunctionCall:a,onClickFunctionCallDetail:i,onClickGroundedness:l,onClickAgentMessageTemplate:c,bottomContent:m,renderCustomGroundednessIcon:h=f=>f.default,style:p={}})=>{const{iconColor:f="#000000",textColor:x="#000000",highlightColor:b=yn.DEFAULT_PRIMARY}=p;return r.createElement(Yt,null,e&&r.createElement(Yt,null,r.createElement(Ve,null,r.createElement(Ne,null,r.createElement($,{size:16,type:"actionbook",color:f})),r.createElement(De,{$clickable:!!s,$highlightColor:b,variant:"body2",color:x,onClick:()=>s==null?void 0:s(e)},e.name))),t==null?void 0:t.map(v=>r.createElement(lt,{key:v.key},r.createElement(Ne,null,r.createElement($,{size:16,type:"function",color:f})),r.createElement(Ve,null,r.createElement(De,{$clickable:!!s,$highlightColor:b,variant:"body2",color:x,onClick:()=>a==null?void 0:a(v)},v.name),r.createElement(ji,{role:"button",onClick:()=>i==null?void 0:i(v)},r.createElement(w,{variant:"body2",color:b},"View details"),r.createElement($,{type:"chevron-right",size:16,color:b}))))),n==null?void 0:n.map(v=>r.createElement(lt,{key:v.id},r.createElement(Ne,null,h({default:r.createElement($,{size:16,type:Zt[v.source_type]??Zt.snippet,color:f}),sourceType:v.source_type})),r.createElement(De,{$clickable:!!l,$highlightColor:b,variant:"body2",color:x,onClick:()=>l==null?void 0:l(v)},v.preview_title))),o==null?void 0:o.map(v=>r.createElement(lt,{key:v.key},r.createElement(Ne,null,r.createElement($,{size:16,type:"template",color:f})),r.createElement(De,{$clickable:!!c,$highlightColor:b,variant:"body2",color:x,onClick:()=>c==null?void 0:c(v)},v.name))),m)},Gi=u(w)`font-weight:400;`,De=u(Gi)`${({$clickable:e,$highlightColor:t})=>e&&u.css`
117
- cursor: pointer;
118
- text-decoration: underline;
119
- &:hover {
120
- color: ${t};
121
- }
122
- `}
123
- `,Ne=u.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`,Ve=u.div`display:flex;gap:8px;align-items:center;`,ji=u(Ve)`cursor:pointer;gap:4px;`,lt=u(Ve)`flex-direction:row;align-items:center;`,Yt=u.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`,Fn=d.createContext(null);function qi({testerType:e,children:t}){return r.createElement(Fn.Provider,{value:{testerType:e,isActionbookTester:e==="actionbook"}},e&&r.createElement(Ki,null),t)}const Ie=()=>{const e=d.useContext(Fn);if(!e)throw new Error("_UNSAFE_INTERNAL_DashboardTesterProvider not found");return e},Ki=()=>{const{isActionbookTester:e}=Ie();return r.createElement(de.Template,{template:e?Zi:void 0},r.createElement(de.MessageLogs,{component:Yi}))},Zi=e=>r.createElement(Pn,{...e,testerMode:!0,maxBodyWidth:kn}),Yi=({extendedMessagePayload:e={}})=>{const{handlers:t}=O(),{manual:n,groundedness:o,function_calls:s,agent_message_templates:a,is_thinking:i}=e;return i||!n&&!(o!=null&&o.length)&&!(s!=null&&s.length)&&!(a!=null&&a.length)?r.createElement(r.Fragment,null):r.createElement(Ji,null,r.createElement(Xi,{width:4}),r.createElement(Bn,{actionbook:n,functionCalls:s,groundedness:o,agentMessageTemplates:a,onClickFunctionCallDetail:t==null?void 0:t.onFunctionCallDetailClick,style:{iconColor:g.themedColor.textHighEmphasis,textColor:g.themedColor.textHighEmphasis,barColor:g.themedColor.textDisabled},bottomContent:r.createElement(Qi,{variant:"caption2",color:g.themedColor.textLowEmphasis},"Only visible in the tester")}))},Ji=u.div`display:flex;gap:16px;margin:16px ${Q}px 0;align-self:stretch;`,Xi=u.div`width:${({width:e})=>e}px;background-color:${g.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`,Qi=u(w)`margin-top:5px;`,ea=({publishSynchronous:e=!1})=>{const t=new Set;return{publish:n=>{t.forEach(o=>{e?o(n):setTimeout(()=>o(n),0)})},subscribe:n=>(t.add(n),()=>t.delete(n))}};function ta(e,t=[]){const n=d.useRef(null),o=d.useRef(0),s=d.useRef(0),[a]=d.useState(()=>ea({publishSynchronous:!0})),[i,l]=d.useState(!0);return d.useLayoutEffect(()=>{o.current=0,s.current=0,l(!0),n.current&&(n.current.scrollTop=n.current.scrollHeight)},t),d.useLayoutEffect(()=>a.subscribe(({type:c,data:m})=>{const{resolve:h,animated:p}=m??{};if(!n.current)return h==null?void 0:h();if(c==="scrollToBottom"&&(n.current.scroll?n.current.scroll({top:n.current.scrollHeight,behavior:Jt(e,p)}):n.current.scrollTop=n.current.scrollHeight,s.current=0,l(!0),h==null||h()),c==="scroll"){const f=m==null?void 0:m.top,{scrollTop:x,scrollHeight:b,clientHeight:v}=n.current;n.current.scroll?n.current.scroll({top:f,behavior:Jt(e,p)}):typeof f=="number"&&(n.current.scrollTop=f),s.current=Math.max(0,b-x-v),l(s.current===0),h==null||h()}}),[e]),{scrollRef:n,scrollPubSub:a,isScrollBottomReached:i,setIsScrollBottomReached:l,scrollDistanceFromBottomRef:s,scrollPositionRef:o}}function Jt(e,t){return typeof t=="boolean"?t?"smooth":"auto":e}function na(e){return new Promise(t=>{const n=new Image;n.onload=function(){const o=String(n.width),s=String(n.height);URL.revokeObjectURL(n.src),t({width:o,height:s})},n.src=URL.createObjectURL(e)})}async function ra(e){if("file"in e&&e.file instanceof File&&e.file.type.startsWith("image/")){const{width:t,height:n}=await na(e.file);return new mn.MessageMetaArray({key:zn,value:[t,n]})}}const zn="KEY_IMG_ASPECT_RATIO",oa=({onScrollAfterSendMessage:e})=>{const{agentPreviewConfigs:t,handlers:n}=O(),o=d.useRef(t==null?void 0:t.agentAttributes);return o.current=t==null?void 0:t.agentAttributes,{onBeforeSendMessage:async s=>{const a=await ra(s),i={...s,metaArrays:a?[a]:void 0},l=sa(o.current);return l?{...i,data:JSON.stringify(l)}:i},onAfterSendMessage:s=>{var a;e(),(a=n==null?void 0:n.onMessageSend)==null||a.call(n,s.message)}}},sa=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:ia,useContext:j}=H("Conversation"),aa=({closedChannelUrl:e,onClearClosedChannelUrl:t,onNavigateToConversationList:n,children:o})=>{const{aiAgentInfo:s,activeChannel:a,refreshActiveChannel:i}=D(),{testerType:l}=Ie(),c=ta("smooth"),{onBeforeSendMessage:m,onAfterSendMessage:h}=oa({onScrollAfterSendMessage:()=>{c.scrollPubSub.publish({type:"scrollToBottom",data:{animated:!1}})}}),p=x=>{const b=x[x.length-1];b&&Ge.shouldScrollToBottom(b,s.userId,!!l)&&c.scrollPubSub.publish({type:"scrollToBottom"})},f=d.useCallback(async()=>{await i(),e&&(t==null||t())},[i,e,t]);return r.createElement(Ir,{channelUrl:e||(a==null?void 0:a.url),onBeforeSendMessage:m,onAfterSendMessage:h,onMessagesUpdated:p,onMessagesReceived:p,onChannelDeleted:f,onConversationClosedViaDispatcher:f},x=>r.createElement(ia,{value:{...x,scrollSource:c,goToActiveConversation:f,onNavigateToConversationList:n}},o))},$t=d.createContext({onDrop:Se,subscribe:()=>Se}),ft=({children:e})=>{const t=d.useRef(new Set);return r.createElement($t.Provider,{value:{onDrop:n=>{var o;if(n.preventDefault(),(o=n.dataTransfer)!=null&&o.files){const s=Array.from(n.dataTransfer.files);s.length>0&&t.current.forEach(a=>a(s))}},subscribe:n=>(t.current.add(n),()=>t.current.delete(n))}},e)},la=({onDropFiles:e})=>{const{subscribe:t}=d.useContext($t);d.useEffect(()=>t(e),[e])};ft.Consumer=({children:e})=>{const{onDrop:t}=d.useContext($t);return e({onDrop:t,onDragOver:s=>s.preventDefault()})};const ca=({iconSize:e=64,icon:t,className:n,label:o,children:s})=>r.createElement(ua,{className:n},r.createElement($,{type:t,size:e,color:g.themedColor.textLowEmphasis}),r.createElement(w,{variant:"body1",color:g.themedColor.textMidEmphasis},o),s),da=u.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`,ua=u.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`,ma={loading:d.lazy(()=>Promise.resolve().then(()=>require("./o1iiHxMe.cjs"))),error:d.lazy(()=>Promise.resolve().then(()=>require("./BAVQt3SD.cjs"))),noChannels:d.lazy(()=>Promise.resolve().then(()=>require("./D6IK2BmB.cjs"))),noMessages:d.lazy(()=>Promise.resolve().then(()=>require("./dDuc9YHc.cjs")))},be=({className:e,type:t="loading",...n})=>{const o=ma[t];return r.createElement(da,{className:e},r.createElement(d.Suspense,{fallback:null},r.createElement(o,{...n})))};function ha(e){return"sendingStatus"in e?e.sendingStatus==="succeeded"?String(e.messageId):e.reqId:String(e.messageId)}const ga=(e,t,n,o=!0)=>{if(!o||!e.isUserMessage()&&!e.isFileMessage())return"single";const s=()=>{if(!t||!t.isUserMessage()&&!t.isFileMessage())return!1;const c=t.sender.userId===e.sender.userId,m=_e.isSameMinute(t.createdAt,e.createdAt);return c&&m},a=()=>{if(!n||!n.isUserMessage()&&!n.isFileMessage())return!1;const c=n.sender.userId===e.sender.userId,m=_e.isSameMinute(n.createdAt,e.createdAt);return c&&m},i=s(),l=a();return i&&l?"middle":i?"bottom":l?"top":"single"};function pa(e,t){return e.filter(n=>Ge.isWelcomeMessage(n,t))}function Un(e,t){return fa(e)===t}function fa(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 ba(e){return e.isAdminMessage()?e.message==="The channel's custom_type was updated.":!1}const Xt=e=>!!e&&"sender"in e,Hn=e=>e.startsWith("image/"),Vn=e=>e.startsWith("video/"),Qt=e=>Hn(e)||Vn(e),Be={isAdmin:e=>e.isAdminMessage(),isCSAT:e=>{var t;return e.isAdminMessage()&&!!((t=e.extendedMessagePayload)!=null&&t.csat)},isIncoming:(e,t)=>Xt(e)&&e.sender.userId!==t,isOutgoing:(e,t)=>Xt(e)&&(e.sender.userId===t||e.sendingStatus===mn.SendingStatus.PENDING)},Wn=({rootElementId:e,visible:t,onClose:n,children:o})=>{if(!t)return null;const{rootElement:s}=O(),a=ce(s),i=ce(s,!0);return pr.createPortal(r.createElement(Ea,{onClick:n},r.createElement(xa,{onClick:l=>l.stopPropagation()},o)),a.getElementById(e)??a.getElementById(X.MODAL_ROOT)??i.body)},Ea=u.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${g.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${ue.MODAL};`,xa=u.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:${ue.MODAL};`,va=u.div`flex-shrink:0;width:${({$size:e})=>W(e)};height:${({$size:e})=>W(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;}`,Ca=u(wt)`path{fill:${({theme:e})=>e.colors.base.primaryContrastContent};}`;function Gn({size:e}){const{aiAgentInfo:t}=D();return t.profileUrl?r.createElement(kt,{size:e,src:t.profileUrl}):r.createElement(va,{$size:e},r.createElement(Ca,null))}const ya=u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none;`,_a=u.div`height:64px;min-height:64px;box-sizing:border-box;display:flex;justify-content:space-between;border-bottom:1px solid ${g.themedColor.textDisabled};background-color:${g.themedColor.bg_50_600};@media screen and (max-width:768px){position:relative;}`,Sa=u.div`box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:64px;padding:16px 20px;width:calc(100% - 128px);`,Ta=u.div`margin-inline-end:8px;`,wa=u.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);}`,ka=u.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;}`,Aa=u.div`display:flex;width:160px;justify-content:flex-end;`,Ia=u.div`inset-inline-end:0;display:flex;flex-direction:row;`,bt=u.div`width:64px;padding:21px;box-sizing:border-box;cursor:${e=>e.disabled?"not-allowed":"pointer"};`,$a=u(bt)`border-inline-start:1px solid ${g.themedColor.textDisabled};`,Ma=u.div`width:100%;height:100%;display:flex;align-items:center;justify-content:center;`,La=u.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`,Oa=u.img`max-width:90%;max-height:90%;user-select:none;-webkit-user-drag:none;`,Ra=u.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`,Pa=({message:e,onClose:t,onDownloadClick:n})=>{const{sender:o,type:s,url:a,name:i="",threadInfo:l}=e,{profileUrl:c,nickname:m,userId:h}=o,{userSession:p,aiAgentInfo:f}=D();return r.createElement(Na,{profileUrl:c,nickname:m,type:s,url:a,name:i,onClose:t,isBotMessage:h===f.userId,isByMe:p.userId===h,disableDelete:l!=null&&l.replyCount?l.replyCount>0:!1,onDownloadClick:n})},Da=({profileUrl:e,isBotMessage:t})=>!e&&t?r.createElement(Gn,{size:32}):r.createElement(kt,{size:32,src:e}),Na=({profileUrl:e,isBotMessage:t,nickname:n,name:o,type:s,url:a,isByMe:i,onClose:l,onDelete:c,disableDelete:m,onDownloadClick:h})=>{const{stringSet:p}=L();return r.createElement(Wn,{onClose:l,visible:!0,rootElementId:X.MODAL_ROOT},r.createElement(ya,null,r.createElement(_a,null,r.createElement(Sa,null,r.createElement(Ta,null,r.createElement(Da,{profileUrl:e,isBotMessage:t})),r.createElement(wa,null,r.createElement(w,{variant:"h2",color:g.themedColor.textHighEmphasis},o)),r.createElement(ka,null,r.createElement(w,{variant:"body1",color:g.color.ondark.textMidEmphasis},n))),r.createElement(Aa,null,Qt(s)&&r.createElement(Ia,null,r.createElement(bt,{as:"a",href:a,target:"_blank",rel:Ze,onClick:h},r.createElement($,{type:"download",color:g.themedColor.textHighEmphasis,size:24})),c&&i&&r.createElement(bt,{disabled:m,onClick:()=>{m||c()}},r.createElement($,{type:"delete",color:m?"gray":g.themedColor.textHighEmphasis,size:24}))),r.createElement($a,{onClick:l},r.createElement($,{type:"close",color:g.themedColor.textHighEmphasis,size:24})))),r.createElement(Ma,{onClick:f=>f.currentTarget===f.target&&l()},Vn(s)&&r.createElement(La,{controls:!0},r.createElement("source",{src:a,type:s})),Hn(s)&&r.createElement(Oa,{src:a,alt:o}),!Qt(s)&&r.createElement(Ra,null,r.createElement(w,{variant:"h1",color:g.themedColor.textHighEmphasis},p.FILE_VIEWER__UNSUPPORT)))))},jn=({className:e,locale:t,date:n=Date.now(),formatString:o="MMMM dd, yyyy",style:s})=>r.createElement(Ba,{style:s,className:e},r.createElement(w,{variant:"caption4",color:g.themedColor.textMidEmphasis},_e.format(n,o,{locale:t}))),Ba=u.div`display:flex;justify-content:center;align-items:center;`,Fa=d.forwardRef(function(t,n){const{messages:o,renderMessage:s,messageTopArea:a,messageBottomArea:i,overlayArea:l,onLoadPrev:c,onLoadNext:m,loadThreshold:h=.05,onScrollPosition:p=Se,depsForResetScrollPositionToBottom:f,scrollPositionRef:x,scrollDistanceFromBottomRef:b,stackDirection:v="top"}=t,E=n&&"current"in n?n:{current:null},C=d.useRef(!1),_=d.useRef(void 0),T=d.useRef(0),S=d.useRef(0),G=d.useRef(0),M=x??S,me=b??G;d.useLayoutEffect(()=>{E.current&&(E.current.scrollTop=E.current.scrollHeight)},f),d.useLayoutEffect(()=>{E.current&&(_.current==="top"&&(E.current.scrollTop=E.current.scrollHeight-M.current),_.current==="bottom"&&(E.current.scrollTop=T.current),_.current=void 0)},[E.current,o.length]);const he=async()=>{if(!E.current)return;const y=E.current;if(p(za(y)),M.current=y.scrollHeight-y.scrollTop,me.current=M.current-y.clientHeight,T.current=y.scrollTop,C.current)return;const P=y.clientHeight*Math.min(Math.max(0,h),1);y.scrollTop<=P?(C.current=!0,_.current="top",await c(),C.current=!1):y.scrollHeight-y.scrollTop-y.clientHeight<=P?(C.current=!0,_.current="bottom",await m(),C.current=!1):_.current=void 0};return r.createElement(Ua,{id:"infinite-list-container"},r.createElement(Ha,{id:"infinite-list-inner",ref:E,onScroll:he},v==="bottom"&&r.createElement("div",{style:{flexGrow:1}}),a,o.map((y,P)=>s({message:y,index:P})),i),r.createElement(Va,{id:"infinite-list-overlay-container"},r.createElement(Wa,{id:"infinite-list-overlay"},l)))}),en=50;function za(e){return e.scrollTop<=en?"top":e.scrollHeight-(e.scrollTop+e.clientHeight)<=en?"bottom":"middle"}const Ua=u.div`display:flex;position:relative;flex:1;overflow:hidden;`,Ha=u.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;scrollbar-color:${g.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`,Va=u.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`,Wa=u.div`pointer-events:auto;`,Ga=({className:e,onClick:t})=>r.createElement(ja,{className:e,onClick:t,tabIndex:0},r.createElement($,{size:24,type:"chevron-down",color:g.color.primary.main})),ja=u.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:24px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.08),0 4px 6px 0 rgba(0,0,0,0.12);${R.light`
124
- background-color: ${g.color.background50};
125
- &:hover {
126
- background-color: ${g.color.background100};
127
- }
128
- &:active {
129
- background-color: ${g.color.background200};
130
- }
131
- `}
132
- ${R.dark`
133
- background-color: ${g.color.background400};
134
- &:hover {
135
- background-color: ${g.color.background500};
136
- }
137
- &:active {
138
- background-color: ${g.color.background700};
139
- }
140
- `}
141
-
142
- &:focus {
143
- outline: none;
144
- }
145
- `,qn=()=>{const{chatSDK:e}=O(),{channelSource:t}=j(),[n,o]=d.useState([]);return We.useGroupChannelHandler(e,{onTypingStatusUpdated(s){var a;if(s.url===((a=t.channel)==null?void 0:a.url)){const i=s.getTypingUsers();o(i)}}}),n},qa=()=>{const{agentPreviewConfigs:e={},aiAgentId:t}=O(),{aiAgentInfo:n}=D(),{stringSet:o,dateLocale:s}=L(),{messageSource:a}=j(),{Template:i}=de.useContext(),l=e.welcomeMessages??[],c=a.messages,m=pa(c,t),h=c[m.length+1],p=m[0]??h;return{filteredMessages:c.filter(f=>ba(f)?!1:l.length>0?!Ge.isWelcomeMessage(f,t):!0),shouldShowOriginalDate:f=>f>0||l.length===0?!0:h&&!_e.isSameDay(h.createdAt,(p==null?void 0:p.createdAt)??0),renderAgentPreviewWelcomeMessages:()=>l.length===0?null:r.createElement(r.Fragment,null,r.createElement(jn,{style:{margin:"16px 0"},date:p==null?void 0:p.createdAt,locale:s,formatString:o.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR}),l.map((f,x)=>{const b=x===l.length-1,v=m.length!==c.length,E=l.length===1?"single":x===0?"top":b||v?"bottom":"middle";return r.createElement(i,{messageType:"user",message:f.message,sender:n,groupType:E,createdAt:(p==null?void 0:p.createdAt)??Date.now(),extendedMessagePayload:{suggested_replies:f.suggestedReplies},suggestedRepliesDirection:e.suggestedRepliesDirection,suggestedRepliesVisible:b&&!v,isBotMessage:!0,onClickSuggestedReply:async({reply:C})=>{a.sendUserMessage({message:C})}})}))}},Ka=e=>u(e).withConfig({shouldForwardProp:fr});function Za(e){var o;const t="remove_powered_by",n=(o=e==null?void 0:e.appInfo)==null?void 0:o.applicationAttributes;return Array.isArray(n)&&n.includes(t)}const Ya=({style:e})=>{const{stringSet:t}=L(),{chatSDK:n}=O(),{isActionbookTester:o}=Ie();return Za(n)||o?null:r.createElement(Ja,{variant:"caption2",style:e},t.POWERED_BY+" ",r.createElement(Xa,{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:Ze,target:"_blank"},"Sendbird"))},Ja=u(w)`color:${g.themedColor.textLowEmphasis};text-align:center;`,Xa=Ka(w)`
146
- color: ${g.themedColor.textLowEmphasis};
147
- cursor: pointer;
148
- text-decoration: none;
149
- `,Qa=()=>{var c;const{stringSet:e}=L(),{activeChannel:t}=D(),{channelSource:n,goToActiveConversation:o,scrollSource:s}=j(),a=Ln(n.channel),l=t&&((c=n.channel)==null?void 0:c.url)===(t==null?void 0:t.url)&&a;return d.useLayoutEffect(()=>{l&&s.scrollPubSub.publish({type:"scrollToBottom",data:{animated:!0}})},[l]),l?r.createElement(el,null,r.createElement(tl,{variant:"button",role:"button",color:g.themedColor.textHighEmphasis,onClick:()=>o()},e.START_NEW_CONVERSATION)):null},el=u.div`display:flex;justify-content:center;margin:16px 0;`,tl=u(w)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${g.themedColor.textDisabled};cursor:pointer;user-select:none;`,nl=!0,rl=()=>{const{Template:e}=Je.useContext(),{Template:t}=de.useContext(),{Template:n}=Xe.useContext(),[o,s]=d.useState(null),{userSession:a,aiAgentInfo:i}=D(),{agentPreviewConfigs:l,chatSDK:c,state:m}=O(),{stringSet:h,dateLocale:p}=L(),{conversation:f,channelSource:x,messageSource:b,scrollSource:v}=j(),{isActionbookTester:E}=Ie(),{filteredMessages:C,shouldShowOriginalDate:_,renderAgentPreviewWelcomeMessages:T}=qa(),{storage:S}=xn(),G=qn(),M=At(()=>{const y=G[0];if(!y)return null;const P=y.userId===i.userId;return{user:P?i:y,isBot:P}});d.useEffect(()=>{v.isScrollBottomReached&&M&&v.scrollPubSub.publish({type:"scrollToBottom",data:{animated:!0}})},[!!M,v]);const me=(y,P=!1)=>{var ge;return P?i:((ge=x.channel)==null?void 0:ge.members.find(q=>q.userId===y.sender.userId))??y.sender},he=()=>{if(!b.initialized)return r.createElement(be,{type:"loading"});if(b.messages.length===0){const y=T();return y?r.createElement("div",{style:{width:"100%"}},y):r.createElement(be,{type:"noMessages",label:h.PLACE_HOLDER__NO_MESSAGES})}return r.createElement(Fa,{ref:v.scrollRef,scrollPositionRef:v.scrollPositionRef,scrollDistanceFromBottomRef:v.scrollDistanceFromBottomRef,onScrollPosition:y=>v.setIsScrollBottomReached(y==="bottom"),stackDirection:l==null?void 0:l.messageStackDirection,messages:C,onLoadPrev:b.loadPrevious,onLoadNext:b.loadNext,depsForResetScrollPositionToBottom:[b.initialized,b.messages.length!==0],messageTopArea:r.createElement(r.Fragment,null,r.createElement(Ya,{style:{marginTop:16}}),T()),messageBottomArea:r.createElement(r.Fragment,null,M&&r.createElement(t,{isTyping:!0,isBotMessage:M.isBot,sender:M.user,messageType:"user",groupType:"single",message:""}),r.createElement(Qa,null)),overlayArea:r.createElement(r.Fragment,null,!v.isScrollBottomReached&&r.createElement(sl,{onClick:()=>v.scrollPubSub.publish({type:"scrollToBottom"})})),renderMessage:({message:y,index:P})=>{const ge=ha(y),q=C[P-1],ve=C[P+1],tt=C[C.length-1],nt=y===tt,k=ga(y,q,ve,nl),A=!gr.isSameDay((q==null?void 0:q.createdAt)??0,y.createdAt)&&_(P)&&!E,I=()=>{y.isFileMessage()&&s(y)},N=()=>{y.isFileMessage()&&Mn(y.url)},pe=A?r.createElement(jn,{style:{margin:"16px 0"},date:y.createdAt,locale:p,formatString:h.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR}):null,ee={maxBodyWidth:m.expanded?kn:void 0,extendedMessagePayload:y.extendedMessagePayload,createdAt:y.createdAt,groupType:k,onClickMedia:I,onClickFile:N},V=(()=>{var te,Y;if(Be.isAdmin(y))return Be.isCSAT(y)?f?r.createElement(n,{...ee,...f,isResolvedWhenDeterminedByUser:il(f),messageType:"admin.csat",onSubmitCSAT:({csat:U,csatType:ie,csatReason:F,isResolved:ne})=>{var ae;U&&((ae=x.channel)==null||ae.submitCSAT({csat:U,csatType:ie,csatReason:F,isResolved:ne}))}}):null:r.createElement(n,{...ee,messageType:"admin",message:y.message});if(Be.isOutgoing(y,a.userId)){const U={...ee,message:y.message,sender:me(y),sendingStatus:y.sendingStatus};if(y.isUserMessage())return r.createElement(e,{messageType:"user",...U});if(y.isFileMessage()){const[ie,F]=((te=y.metaArrays.find(ne=>ne.key===zn))==null?void 0:te.value)??[];return r.createElement(e,{messageType:"file",file:y,metadata:{aspectRatio:ie&&F?`${ie}/${F}`:"1/1",localFile:(Y=y.messageParams)==null?void 0:Y.file},...U})}}if(Be.isIncoming(y,a.userId)){const U=y.sender.userId===i.userId,ie={...ee,sender:me(y,U),message:y.message,suggestedRepliesVisible:nt,suggestedRepliesDirection:l==null?void 0:l.suggestedRepliesDirection,isBotMessage:U,onClickSuggestedReply:async({reply:F})=>{b.sendUserMessage({message:F})},onRequestMessageTemplate:async F=>{const{template:ne}=await c.aiAgent.getMessageTemplate(F);return S.setTemplate(F,ne),ne},onGetCachedMessageTemplate:F=>S.getTemplate(F),onHandleTemplateInternalAction:F=>{if(F.type==="internal"&&F.internalData){const{method:ne,payload:ae}=F.internalData;ne==="message.send"&&(ae!=null&&ae.message)&&b.sendUserMessage({message:ae.message})}}};if(y.isUserMessage())return r.createElement(t,{messageType:"user",...ie});if(y.isFileMessage())return r.createElement(t,{messageType:"file",file:y,...ie})}})();return r.createElement("div",{key:ge,id:`${K}-message-item`},pe,V)}})};return r.createElement(ol,{id:`${K}-message-list`},he(),o&&r.createElement(Pa,{onClose:()=>s(null),message:o}))},ol=u.div`overflow-y:hidden;display:flex;flex:1;position:relative;`,sl=u(Ga)`position:absolute;bottom:20px;inset-inline-end:20px;`;function il(e){var t;if(((t=e==null?void 0:e.resolution)==null?void 0:t.determinedBy)==="user")return e.resolution.isResolved}const al=()=>{const{stringSet:e}=L(),{connectionError:t}=D(),{channelSource:n}=j(),o=t||n.error;if(o){const s=t?void 0:{label:e.RETRY,onClick:()=>n.refetch()};return r.createElement(be,{type:"error",label:o.message,action:s})}return n.channel?r.createElement(rl,null):r.createElement(be,{type:"loading"})},Kn=()=>{const{stringSet:e}=L(),{activeChannel:t}=D(),[n]=d.useState(()=>(t==null?void 0:t.status)===B.ConversationStatus.OPEN);return n?e.RETURN_TO_CONVERSATION:e.START_NEW_CONVERSATION},ll=()=>{const{stringSet:e}=L(),{goToActiveConversation:t}=j(),n=Kn();return r.createElement(cl,null,r.createElement(w,{variant:"body1",color:g.themedColor.textMidEmphasis},e.CONVERSATION_CLOSED_FOOTER_LABEL),r.createElement(dl,{onClick:t},r.createElement(w,{variant:"button",color:g.themedColor.textHighEmphasis},n)))},cl=u.div`display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;gap:14px;${R.light`
150
- background-color: ${g.color.background100};
151
- `}
152
- ${R.dark`
153
- background-color: ${g.color.background500};
154
- `}
155
- `,dl=u.button`all:unset;padding:10px 20px;border-radius:6px;border:1px solid ${g.themedColor.textDisabled};cursor:pointer;${R.light`
156
- background-color: ${g.color.background50};
157
- `}
158
- ${R.dark`
159
- background-color: ${g.color.background700};
160
- `}
161
- `,Zn=d.createContext(void 0),ul=({children:e})=>{const{stringSet:t}=L(),{aiAgentInfo:n}=D(),{channelSource:o}=j(),[s,a]=d.useState([]),[i,l]=d.useState({visible:!1,title:"",buttonText:t.BUTTON__OK}),c=(n==null?void 0:n.replyToFile)||Rn(o.channel),m=f=>{if(!c)return;const x=f.filter(b=>Sn.includes(b.type));if(x.length!==0){if(x.some(b=>b.size>Mo)){l(b=>({...b,visible:!0,title:t.FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT.replace("%d","25")}));return}if(x.length>1||x.length>0&&s.length>0){l(b=>({...b,visible:!0,title:t.FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT}));return}a(b=>[...b,...x.map(v=>({file:v,preview:{url:URL.createObjectURL(v),type:v.type,name:v.name}}))])}},h=f=>{a(x=>{var v;const b=(v=x[f])==null?void 0:v.preview;return b&&URL.revokeObjectURL(b.url),x.filter((E,C)=>C!==f)})},p=()=>{a(f=>(f.forEach(x=>URL.revokeObjectURL(x.preview.url)),[]))};return r.createElement(Zn.Provider,{value:{files:s,addFiles:m,removeFile:h,clearFiles:p,isFileUploadEnabled:c}},e,r.createElement(ml,{...i,onClose:()=>l(f=>({...f,visible:!1,title:""}))}))},Mt=()=>{const e=d.useContext(Zn);if(!e)throw new Error("useFileUpload must be used within FileUploadProvider");return e},ml=({title:e,buttonText:t,visible:n,onClose:o})=>r.createElement(Wn,{rootElementId:X.WINDOW,visible:n,onClose:o},r.createElement(hl,null,r.createElement(pl,null,r.createElement(w,{variant:"h1",color:g.themedColor.textHighEmphasis},e)),r.createElement(gl,null,r.createElement(fl,{onClick:o},r.createElement(w,{variant:"button",color:g.themedColor.textHighEmphasisInverse},t))))),hl=u.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};`,gl=u.div`display:flex;flex-direction:row;justify-content:flex-end;`,pl=u.div`margin-bottom:16px;`,fl=u.button`display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:${g.themedColor.error};border:1px solid ${g.themedColor.error};padding:10px 16px;&:hover{background-color:${g.color.error.dark};border-color:${g.color.error.dark};}&:active{background-color:${g.color.error.extraDark};}`;function bl({blurred:e,elementRef:t,document:n=window.document}){const o=d.useRef(!1);e&&t.current&&n.activeElement===t.current&&(o.current=!0),d.useLayoutEffect(()=>{var s;!e&&o.current&&((s=t.current)==null||s.focus(),o.current=!1)},[e])}const El=u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex;flex-direction:row;gap:10px;padding:8px 16px;background-color:transparent;`,xl=u.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;}`,vl=u.div`display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-end:-8px;inset-block-start:-8px;cursor:pointer;border-radius:50%;${R.light`
162
- background-color: ${g.color.background50};
163
- `}
164
- ${R.dark`
165
- background-color: ${g.color.background500};
166
- `}
167
- path {
168
- fill: ${g.themedColor.textMidEmphasis};
169
- }
170
-
171
- &:hover {
172
- path {
173
- fill: ${g.themedColor.textHighEmphasis};
174
- }
175
- }
176
-
177
- circle {
178
- stroke: ${g.themedColor.bg_50_600};
179
- }
180
- `,Cl=()=>{const e=ke(),[t,n]=d.useState(),{files:o,removeFile:s,isFileUploadEnabled:a}=Mt();return!a||o.length===0?null:r.createElement(El,null,o.map(({preview:{type:i,name:l,url:c}},m)=>r.createElement(xl,{key:c,onMouseOver:()=>n(m),onMouseLeave:()=>n(void 0)},(e||t===m)&&r.createElement(vl,{title:"Remove file",onClick:()=>s(m)},r.createElement($,{type:"close-filled",color:g.themedColor.textMidEmphasis})),i.startsWith("image/")?r.createElement("img",{alt:"file-image",src:c}):r.createElement(Tt,{name:l,type:St(l,i)}))))},yl=({channel:e,messages:t})=>{const{stringSet:n}=L(),{aiAgentInfo:o}=D(),s=_l(),a=Sl({lastMessage:t[t.length-1],aiAgentUserId:o.userId});return!e||!s||Ln(e)?[!0,n.MESSAGE_INPUT__PLACE_HOLDER__DISABLED]:a?[!0,n.MESSAGE_INPUT__PLACE_HOLDER__WAIT_AI_AGENT_RESPONSE]:[!1,n.MESSAGE_INPUT__PLACE_HOLDER]},_l=()=>{const e=d.useId(),{chatSDK:t}=O(),[n,o]=d.useState(!0);return d.useEffect(()=>{const s=new z.ConnectionHandler({onDisconnected:()=>o(!1),onConnected:()=>o(!0),onReconnectSucceeded:()=>o(!0)});return t.addConnectionHandler(e,s),()=>{t.removeConnectionHandler(e)}},[t]),n},Sl=({lastMessage:e,aiAgentUserId:t})=>{const[n,o]=d.useState(!1),s=qn();return d.useEffect(()=>{if(!e)return;const a=s.some(l=>l.userId===t),i=Un(e,t)&&Ge.isStreaming(e);o(!!(i||a))},[s,e,t]),n},Yn={textArea:u.css`min-height:40px;height:40px;font-size:16px;line-height:24px;`,attachIcon:u.css`margin-bottom:4px;`},Jn=u.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`,Tl=u(Jn)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${g.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${g.themedColor.bg_200_400};}}${yt&&Yn.attachIcon};`,wl=u.input`display:none;`,tn=u.div`width:100%;position:relative;background-color:${g.themedColor.bg_100_500};border-radius:20px;`,nn=u.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`,rn=u.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:${g.themedColor.textHighEmphasis};resize:none;width:100%;height:${_n}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${yt&&Yn.textArea};&::placeholder{color:${g.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${g.themedColor.textDisabled};}}`,on=u.div`padding:12px 16px;position:relative;display:flex;align-items:center;`,sn=({disabled:e})=>{const t=d.useRef(null),{addFiles:n,clearFiles:o,files:s,isFileUploadEnabled:a}=Mt();return!a||s.length>0?null:r.createElement(Tl,{disabled:e,onClick:()=>{var i;o(),(i=t.current)==null||i.click()}},r.createElement($,{type:"attach",color:e?g.themedColor.textDisabled:g.themedColor.textMidEmphasis,size:16}),r.createElement(wl,{type:"file",ref:t,onChange:i=>{const l=i.currentTarget.files;l&&n(Array.from(l)),i.target.value=""},accept:Sn.join(",")}))},kl=()=>{const e=d.useRef(null),[t,n]=d.useState(""),{rootElement:o}=O(),{channelSource:s,messageSource:a}=j(),[i,l]=yl({channel:s.channel,messages:a.messages}),{files:c,addFiles:m,clearFiles:h}=Mt();la({onDropFiles:m}),bl({blurred:i,elementRef:e,document:ce(o)});const p=t.trim().length>0,f=c.length>0,x=!i&&(p||f),b=()=>{e.current&&(e.current.value="",e.current.style.height=""),h(),n("")},v=async()=>{const T=t.trim(),S={message:T};if(!(!T&&!c.length)){if(c.length>0){const G=c[0].file,M={...S,file:G};a.sendFileMessage(M),b();return}a.sendUserMessage(S),b()}},E=T=>{const S=Array.from(T.clipboardData.files);S.length>0&&(T.preventDefault(),m(S))},C=T=>{T.key!=="Enter"||T.nativeEvent.isComposing||T.shiftKey||(T.preventDefault(),v())},_=T=>{if(e.current){e.current.style.height="";const S=Math.min($o,e.current.scrollHeight);_n<S&&(e.current.style.height=`${S}px`)}n(T.target.value)};return i?r.createElement(on,null,r.createElement(tn,null,r.createElement(nn,null,r.createElement(rn,{disabled:!0,placeholder:l}),r.createElement(sn,{disabled:!0})))):r.createElement(on,null,r.createElement(tn,null,r.createElement(Cl,null),r.createElement(nn,null,r.createElement(rn,{ref:e,role:"textbox","aria-label":"Text Input",placeholder:l,maxLength:5e3,onKeyDown:C,onChange:_,onPaste:E}),r.createElement(sn,null))),x&&r.createElement(Jn,{onClick:()=>v()},r.createElement($,{type:"send",color:g.color.primary.main,size:20})))},Al=u.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:${g.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${R.light`
181
- color: ${g.color.information.light};
182
- `};
183
- ${R.dark`
184
- color: ${g.color.information.main};
185
- `};
186
- }
187
- `,Il=d.lazy(()=>Promise.resolve().then(()=>require("./DDP53huc.cjs")).then(e=>({default:e.MarkdownText}))),$l=()=>{const{aiAgentInfo:e}=D(),{messageSource:t}=j(),{userSession:n}=D();return!e.specialNoticeEnabled||!e.specialNotice||!(t.initialized&&!t.messages.some(s=>Un(s,n.userId)))?null:r.createElement(Al,null,r.createElement(Il,null,e.specialNotice))},Ml=()=>r.createElement(Ll,null,r.createElement($l,null),r.createElement(ul,null,r.createElement(kl,null))),Ll=u.div`z-index:0;border:none;width:100%;`,Ol=()=>{var a,i,l;const{activeChannel:e}=D(),{channelSource:t}=j(),n=((i=(a=t.channel)==null?void 0:a.conversation)==null?void 0:i.status)===B.ConversationStatus.CLOSED;return!(((l=t.channel)==null?void 0:l.url)===(e==null?void 0:e.url))&&n?r.createElement(ll,null):r.createElement(Ml,null)},Rl=()=>{var _;const{state:e,logger:t,enableCloseConversationButton:n,enableExpandButton:o,dispatcher:s}=O(),{stringSet:a}=L(),{aiAgentInfo:i,activeChannel:l}=D(),{channelSource:c,onNavigateToConversationList:m}=j(),h=c.channel,f=ke()?24:16,x=()=>{e.setOpened(!1)},b=async()=>{try{const T=await(h==null?void 0:h.markConversationAsHandoff());t.info("conversation.handleAgentHandoff: success",T)}catch(T){t.error("conversation.handleAgentHandoff: error",T)}},v=async()=>{h&&await s.send(pn.CloseConversation({channelUrl:h.url}))},E=l&&(h==null?void 0:h.url)===l.url,C=i.showHandoffButton&&!!((_=h==null?void 0:h.conversation)!=null&&_.handoff)&&E;return r.createElement(Fl,null,r.createElement(zl,null,m&&r.createElement($e,{onClick:()=>m()},r.createElement($,{type:"menu",size:24,color:g.themedColor.textHighEmphasis})),E&&r.createElement(Gn,{size:34}),r.createElement(Hl,{variant:"h2",color:g.themedColor.textHighEmphasis},i.nickname||(h==null?void 0:h.name))),r.createElement(Ul,null,C&&r.createElement(Bl,{tooltipLabel:a.HEADER_BUTTON__AGENT_HANDOFF,disabled:!ys(h),size:f,onClick:b}),n&&r.createElement(Nl,{disabled:!On(h),size:f,onClick:v}),o&&r.createElement(Pl,{size:f}),r.createElement(Dl,{size:f,onClick:x})))},Pl=({size:e,disabled:t})=>{const{state:n}=O();return r.createElement($e,{"aria-label":"expand",onClick:()=>n.setExpanded(!n.expanded),disabled:t},r.createElement($,{type:n.expanded?"collapse":"expand",size:e,color:g.themedColor.textHighEmphasis}))},Dl=({size:e,disabled:t,onClick:n})=>r.createElement($e,{"aria-label":"close messenger",onClick:n,disabled:t},r.createElement($,{type:"close",size:e,color:g.themedColor.textHighEmphasis})),Nl=({size:e,disabled:t,onClick:n})=>r.createElement($e,{"aria-label":"close conversation",onClick:n,disabled:t},r.createElement($,{type:"refresh",size:e,color:t?g.themedColor.textDisabled:g.themedColor.textHighEmphasis})),Bl=({size:e,onClick:t,disabled:n,tooltipLabel:o})=>r.createElement(Nn,{label:o,position:"bottom",disabled:n},r.createElement($e,{"aria-label":"agent",onClick:t,disabled:n},r.createElement($,{type:"agent",size:e,color:n?g.themedColor.textDisabled:g.themedColor.textHighEmphasis}))),Fl=u.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${g.themedColor.textDisabled};background-color:${({theme:e})=>e.colors.base.headerBackground};`,zl=u.div`display:flex;flex:1;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`,Ul=u.div`display:flex;gap:10px;align-items:center;justify-content:center;`,Hl=u(w)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`,$e=u.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`,Vl=()=>{const{isActionbookTester:e}=Ie();return e?null:r.createElement(Rl,null)},Et=({children:e,onNavigateToConversationList:t,closedChannelUrl:n,onClearClosedChannelUrl:o})=>{const{Template:s}=Qe.useContext();return r.createElement(aa,{onNavigateToConversationList:t,closedChannelUrl:n,onClearClosedChannelUrl:o},r.createElement(ft,null,r.createElement(ft.Consumer,null,a=>r.createElement(r.Fragment,null,r.createElement(Gl,{...a},r.createElement(s,null)),e))))},Qe=Ee({template:Wl,components:{Header:Vl,Body:al,Footer:Ol}});function Wl(){const{components:e}=Qe.useContext();return r.createElement(r.Fragment,null,r.createElement(e.Header,null),r.createElement(e.Body,null),r.createElement(e.Footer,null))}const Gl=u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({theme:e})=>e.colors.base.background};`,{Provider:jl,useContext:Xn}=H("ConversationList");function ql({conversationListFilter:e,onOpenConversationView:t=Se,children:n}){return r.createElement(Pr,{conversationListFilter:e},o=>r.createElement(jl,{value:{...o,onOpenConversationView:t}},n))}const Lt=Ee({template:Kl,components:{}});function Kl({title:e="",lastMessageTimestamp:t=Date.now(),onClick:n}){const{stringSet:o,format:s}=L();return r.createElement(Zl,{role:"button",onClick:()=>n==null?void 0:n()},r.createElement(Jl,null,r.createElement(Xl,null,r.createElement(w,{variant:"subtitle1",color:g.themedColor.textHighEmphasis},s(t,o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE)),r.createElement(w,{variant:"caption2",color:g.themedColor.textLowEmphasis},s(t,o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION))),r.createElement(w,{variant:"body3",color:g.themedColor.textMidEmphasis},e||o.CONVERSATION_LIST__TOPICS_FALLBACK)),r.createElement($,{type:"chevron-right",size:16,color:g.themedColor.textHighEmphasis}),r.createElement(Yl,null))}const Zl=u.div`display:flex;flex-direction:row;align-items:center;position:relative;width:100%;padding:14px 16px;box-sizing:border-box;gap:4px;cursor:pointer;`,Yl=u.div`position:absolute;bottom:0;height:1px;width:calc(100% - 32px);background-color:${g.themedColor.textDisabled};`,Jl=u.div`gap:4px;display:flex;flex-direction:column;flex:1;`,Xl=u.div`display:flex;justify-content:flex-start;align-items:center;gap:6px;`,Ql=({items:e,renderItem:t,onEndReached:n})=>{const o=s=>{const a=s.target;a.scrollHeight-a.scrollTop===a.clientHeight&&(n==null||n())};return r.createElement(ec,{onScroll:s=>o(s)},e.map((s,a)=>t(s,a)))},ec=u.div`width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto;`,tc=()=>{const{stringSet:e}=L(),{listSource:t,onOpenConversationView:n}=Xn(),{Template:o}=Lt.useContext();return t.initialized?t.channels.length===0?r.createElement(be,{type:"noChannels",label:e.CONVERSATION_LIST__NO_CONVERSATIONS}):r.createElement(Ql,{items:t.channels,renderItem:s=>{var a,i,l;return r.createElement(o,{key:s.url,channelUrl:s.url,title:(i=(a=s.conversation)==null?void 0:a.topics)==null?void 0:i.join(", "),lastMessageTimestamp:(l=s.lastMessage)==null?void 0:l.createdAt,onClick:()=>n(s.url,B.ConversationStatus.CLOSED),channel:s})},onEndReached:()=>{t.loadMore()}}):r.createElement(be,{type:"loading"})},nc=()=>{const{refreshActiveChannel:e}=D(),{onOpenConversationView:t}=Xn(),n=Kn();return r.createElement(rc,{role:"button",onClick:async()=>{const o=await e();t(o,B.ConversationStatus.OPEN)}},r.createElement(oc,{variant:"h1"},n))},rc=u.div`background-color:${({theme:e})=>e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`,oc=u(w)`color:${({theme:e})=>e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`,sc=()=>{const{stringSet:e}=L();return r.createElement(ic,null,r.createElement(ac,{variant:"h2",color:g.themedColor.textHighEmphasis},e.CONVERSATION_LIST__HEADER_TITLE),r.createElement(lc,null))},ic=u.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};`,ac=u(w)`padding:0 12px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`,lc=u.div`position:absolute;bottom:0;width:100%;height:1px;background-color:${g.themedColor.textDisabled};`,Qn=({conversationListFilter:e,children:t,onOpenConversationView:n})=>{const{Template:o}=et.useContext();return r.createElement(ql,{conversationListFilter:e,onOpenConversationView:n},r.createElement(dc,null,r.createElement(o,null)),t)},et=Ee({template:cc,components:{Header:sc,Body:tc,Footer:nc}});function cc(){const{components:e}=et.useContext();return r.createElement(r.Fragment,null,r.createElement(e.Header,null),r.createElement(e.Body,null),r.createElement(e.Footer,null))}const dc=u.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({theme:e})=>e.colors.base.background};`,uc=u.css`:where(#${X.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`,mc=[uc,Co,yo],hc=(e,...t)=>u.createGlobalStyle(e,...mc,...t),gc=hc``,pc=Er(Qe,de,Je,Xe,et,Lt);function er({appearance:e,rootElement:t,logger:n,language:o,stringSet:s,children:a,messageTemplate:i,theme:l}){return Ao(uo,t),r.createElement(u.StyleSheetManager,{target:t},r.createElement(To,{rootElement:t,logger:n,appearance:e,theme:l},r.createElement(ro,{internalVariables:i==null?void 0:i.__internalVariables},r.createElement(vo,{stringSet:s,logger:n,language:o},r.createElement(pc,null,a,r.createElement(gc,null))))))}const an={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"}}]}]}]}}}},Ot=d.forwardRef(function({rootElement:t=document.body,logLevel:n=z.LogLevel.WARN,language:o=navigator.language,userSessionInfo:s,children:a,...i},l){var c;return fe.level!==n&&(fe.level=n),ko("https://fonts.googleapis.com/css2?family=Roboto&display=swap",t),r.createElement("div",{id:X.ENTRY,style:{width:"fit-content",height:"fit-content"}},r.createElement(eo,{logger:fe,storage:fc},r.createElement(er,{logger:fe,rootElement:t,appearance:(c=i.agentPreviewConfigs)==null?void 0:c.appearance,stringSet:i.stringSet,language:o,messageTemplate:i.messageTemplate,theme:i.theme},r.createElement(Sr,{appId:i.appId,aiAgentId:i.aiAgentId,language:o,countryCode:i.countryCode,context:i.context,logger:fe,dispatcher:tr,chatParams:{customApiHost:i.customApiHost,customWebSocketHost:i.customWebSocketHost}},r.createElement(Ro,{rootElement:t,...i},r.createElement(Fo,{ref:l,userSessionInfo:s},r.createElement(qi,{...i._UNSAFE_INTERNAL_dashboardTester},a,r.createElement("div",{id:X.MODAL_ROOT}))))))))}),fe=new gn(z.LogLevel.WARN),tr=new hn(fe),Rt="@sba/message-template",ln=e=>`${Rt}/templates/${e}`,cn=()=>`${Rt}/token`,fc=Xr({onSetTemplate:(e,t)=>{an[e]||J.setItem(ln(e),t)},onGetTemplate:e=>{const t=an[e];return t?JSON.stringify(t):J.getItem(ln(e))},onSetCachedToken(e){J.setItem(cn(),e)},onGetCachedToken(){return J.getItem(cn())},onClear:()=>{J.getKeys(Rt).forEach(J.deleteItem)}}),nr=({children:e,isOpened:t})=>{const{dir:n,rootElement:o}=O(),s=ce(o,!0);return d.useEffect(()=>{const a="sb-agent-block-scroll";return t?s.body.classList.add(a):s.body.classList.remove(a),()=>{s.body.classList.remove(a)}},[s,t]),r.createElement(bc,{dir:n,$visible:t},e)},bc=u.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${ue.WINDOW};visibility:${({$visible:e})=>e?"visible":"hidden"};`,Ec=48,xc=2/3;function rr({className:e,isOpened:t,onClick:n,type:o,imageUrl:s,dir:a,animated:i=!0,backgroundColor:l,size:c=Ec}){const m=gt(l),h=Math.round(c*xc);return r.createElement(yc,{dir:a,id:X.LAUNCHER,className:e,"aria-label":"Sendbird AIAgent Launcher",onClick:n,$animated:i,$backgroundColor:l,$size:c},r.createElement(_c,{$isOpened:t,$animated:i,$fillColor:m,$iconSize:h},r.createElement(dn.Open,{url:s,isDefaultIcon:o==="default_icon"})),r.createElement(Sc,{$isOpened:t,$animated:i,$fillColor:m,$iconSize:h},r.createElement(dn.Close,{size:h})))}const vc=u.css`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`,Cc=u.css`img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;&[data-default-icon='true']{width:${({$iconSize:e})=>e}px;height:${({$iconSize:e})=>e}px;filter:${({$fillColor:e})=>e===yn.WHITE?"grayscale(100%) brightness(2000%)":"grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`,or=u.css`svg{width:${({$iconSize:e})=>e}px;height:${({$iconSize:e})=>e}px;${({$fillColor:e})=>u.css`
188
- path {
189
- fill: ${e};
190
- }
191
- [class*='fill'] {
192
- fill: ${e};
193
- }
194
- `}
195
- }
196
- `,yc=u.button`position:relative;padding:0;width:${({$size:e})=>e}px;height:${({$size:e})=>e}px;background:${({$backgroundColor:e})=>e};border-radius:50%;transition:all 0.3s cubic-bezier(0.31,-0.105,0.43,1.4);border:none;display:flex;justify-content:center;align-items:center;box-shadow:0 16px 24px 2px rgba(33,33,33,0.12),0 6px 30px 5px rgba(33,33,33,0.08),0 6px 10px -5px rgba(33,33,33,0.04);${({$animated:e})=>e&&vc}`,sr=u.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;`,_c=u(sr)`opacity:${({$isOpened:e})=>e?0:1};transform:${({$animated:e,$isOpened:t})=>e&&(t?"rotate(-90deg) scale(0)":"rotate(0deg)")};${Cc}${or}`,Sc=u(sr)`scale:${({$isOpened:e})=>e?1:0};transform:${({$animated:e,$isOpened:t})=>e&&(t?"rotate(0deg)":"rotate(-90deg)")};${or}`,dn={Open:e=>e.url?r.createElement("img",{src:e.url,alt:"launcher-img","data-default-icon":e.isDefaultIcon}):r.createElement(wt,null),Close:({size:e})=>r.createElement($,{size:e,type:"chevron-down"})};function ir({className:e,size:t}){const{colors:n}=u.useTheme(),{dir:o,state:s}=O(),{launcherInfo:a}=D();return wc(),r.createElement(rr,{dir:o,className:e,isOpened:s.opened,onClick:()=>s.setOpened(!s.opened),type:a.type,imageUrl:a.imageUrl,backgroundColor:n.base.primary,size:t})}const Tc=1e3*60;function wc(){const{chatSDK:e,state:t,logger:n,enableAutoDisconnectInLauncher:o}=O(),s=d.useRef(null);d.useEffect(()=>{if(!o)return;function a(){s.current&&(clearTimeout(s.current),s.current=null)}function i(){e.connectionState===z.ConnectionState.CLOSED&&(e.reconnect(),n.debug("useSDKInactivityTimeout: reconnected")),a(),n.debug("useSDKInactivityTimeout: clear disconnect schedule")}function l(){a(),s.current=setTimeout(async()=>{await e.disconnectWebSocket(),n.debug("useSDKInactivityTimeout: disconnected")},Tc)}t.opened?i():(l(),n.debug("useSDKInactivityTimeout: schedule disconnect"))},[o,e,t.opened])}const ar=d.createContext(null);function kc(){const e=d.useContext(ar);if(!e)throw new Error("useNavigator() must be used within <Navigator />");return e}function lr({children:e}){const t=kc();return typeof e=="function"?e(t):r.createElement(r.Fragment,null,e)}const Ac=u.keyframes`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}`,Ic=u.keyframes`0%{transform:translateY(0px);opacity:1;}100%{transform:translateY(40px);opacity:0;}`,$c=u.css`animation-name:${Ac};animation-duration:0.3s;animation-fill-mode:forwards;`,Mc=u.css``,Lc=u.css`animation-name:${Ic};animation-duration:0.3s;animation-fill-mode:forwards;`,Oc=u.css`visibility:hidden;`,Rc=u.div`position:absolute;top:0;left:0;width:100%;height:100%;${({$transitionState:e})=>{switch(e){case"entering":return $c;case"entered":return Mc;case"exiting":return Lc;case"exited":return Oc;default:return""}}}${({$active:e})=>e?u.css`
197
- z-index: 999;
198
- `:u.css`z-index:1;pointer-events:none;`}
199
- `;function ye({initialId:e,children:t}){const n=d.useCallback((E,C)=>{c(_=>[..._,E]),h(_=>({..._,[E]:!0})),C!=null&&C.reset&&b(_=>({..._,[E]:(_[E]||0)+1})),f(_=>({..._,[E]:"entering"})),setTimeout(()=>{f(_=>({..._,[E]:"entered"}))},300)},[]),o=d.useCallback(()=>{c(E=>{if(E.length<=1)return E;const C=E[E.length-1];return f(_=>({..._,[C]:"exiting"})),setTimeout(()=>{f(_=>({..._,[C]:"exited"})),c(_=>_.slice(0,-1))},300),E})},[]),s=d.useMemo(()=>({navigation:{navigate:n,pop:o}}),[n,o]),a=d.useMemo(()=>d.Children.toArray(t).filter(E=>E.type===lr),[t]),i=d.useMemo(()=>{const E={};return a.forEach(C=>{const{id:_,lazy:T,children:S}=C.props;E[_]={lazy:T,element:typeof S=="function"?S(s):S}}),E},[a]),[l,c]=d.useState([e]),[m,h]=d.useState(()=>{const E={};return Object.entries(i).forEach(([C,{lazy:_}])=>{_===!1&&(E[C]=!0)}),E[e]=!0,E}),[p,f]=d.useState(()=>{const E={};return Object.keys(i).forEach(C=>{C===e?E[C]="entered":E[C]="exited"}),E}),[x,b]=d.useState({}),v=l[l.length-1];return r.createElement(ar.Provider,{value:s},r.createElement(Pc,null,Object.keys(i).map(E=>{var S;if(!m[E])return null;const C=p[E]||"exited",_=E===v,T=`${E}-${x[E]||0}`;return r.createElement(Rc,{key:T,$transitionState:C,$active:_},(S=i[E])==null?void 0:S.element)})))}const Pc=u.div`position:relative;width:100%;height:100%;`;ye.Screen=lr;const le={activeConv:"active-conv",closedConv:"closed-conv",convList:"conv-list"},cr=({setClosedChannelUrl:e,closedChannelUrl:t})=>r.createElement(ye,{initialId:le.activeConv},r.createElement(ye.Screen,{id:le.activeConv},({navigation:n})=>r.createElement(Et,{onNavigateToConversationList:()=>n.navigate(le.convList,{reset:!0})})),r.createElement(ye.Screen,{id:le.closedConv},({navigation:n})=>r.createElement(Et,{onNavigateToConversationList:()=>n.pop(),closedChannelUrl:t,onClearClosedChannelUrl:()=>e(void 0)})),r.createElement(ye.Screen,{id:le.convList,lazy:!0},({navigation:n})=>r.createElement(Qn,{onOpenConversationView:(o,s)=>{s==="closed"?(e(o),n.navigate(le.closedConv,{reset:!0})):n.navigate(le.activeConv)}})));function Dc({isExpanded:e,isOpened:t,children:n,launcher:o}){const{dir:s}=O();return r.createElement(Nc,null,r.createElement(Bc,{dir:s,id:X.WINDOW,$isExpanded:e,$isOpened:t},n),o)}const Nc=u.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`,Bc=u.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&&zc};${({$isExpanded:e})=>e&&Fc};`,Fc=u.css`width:743px;height:723px;`,zc=u.css`z-index:${ue.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;`,Uc=d.forwardRef(function({children:e,...t},n){const o=ke(),[s,a]=d.useState(),i=o?nr:Dc;return r.createElement(Ot,{enableExpandButton:!o,ref:n,...t},r.createElement(wn,null,({state:l})=>r.createElement(r.Fragment,null,r.createElement(i,{isExpanded:l.expanded,isOpened:l.opened,launcher:r.createElement(ir,null)},r.createElement(cr,{closedChannelUrl:s,setClosedChannelUrl:a})),e)))}),{Provider:Hc,useContext:Pt}=H("FixedMessengerStyle");function dr(e,t,n,o=0){const{top:s,bottom:a,start:i,end:l}=n;let c="",m="";switch(e){case"start":m=`inset-inline-start: ${W(i)}`;break;case"end":m=`inset-inline-end: ${W(l)}`;break}switch(t){case"top":c=`top: calc(${W(s)} + ${o}px)`;break;case"bottom":c=`bottom: calc(${W(a)} + ${o}px)`;break}return u.css`${c};${m};`}function Vc(e){const{horizontal:t,vertical:n,margin:o,launcherSize:s}=Pt();return r.createElement(Wc,{...e,size:s,$horizontal:t,$vertical:n,$margin:o})}const Wc=u(ir)`position:fixed;z-index:${ue.LAUNCHER};${({$horizontal:e,$vertical:t,$margin:n})=>dr(e,t,n)};`;function Gc({isExpanded:e,isOpened:t,children:n}){const{dir:o}=O(),{horizontal:s,vertical:a,margin:i,launcherSize:l}=Pt();return r.createElement(jc,{dir:o,id:X.WINDOW,$isExpanded:e,$isOpened:t,$horizontal:s,$vertical:a,$margin:i,$launcherSize:l},n)}const jc=u.div`background:${({theme:e})=>e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;position:fixed;${({$horizontal:e,$vertical:t,$margin:n,$launcherSize:o})=>dr(e,t,n,o+12)};height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:${({$horizontal:e,$vertical:t})=>`${e==="start"?"left":"right"} ${t}`};
200
- [dir='rtl'] &:not([dir='ltr']),
201
- &[dir='rtl'] {
202
- transform-origin: ${({$horizontal:e,$vertical:t})=>`${e==="start"?"right":"left"} ${t}`};
203
- }
204
-
205
- ${({$isOpened:e})=>e&&Kc};
206
- ${({$isExpanded:e})=>e&&qc};
207
- `,qc=u.css`width:743px;height:723px;`,Kc=u.css`z-index:${ue.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;`,ur={top:24,bottom:24,start:24,end:24},Zc=d.forwardRef(function({children:e,...t},n){const[o,s]=d.useState(),[a,i]=d.useState("end-bottom"),[l,c]=d.useState(ur),[m,h]=d.useState(48),p=ke(),f=p?nr:Gc,{horizontal:x,vertical:b}=d.useMemo(()=>{const[v,E]=a.split("-");return{horizontal:v==="start"?"start":"end",vertical:E==="top"?"top":"bottom"}},[a]);return r.createElement(Ot,{enableExpandButton:!p,ref:n,...t},r.createElement(wn,null,({state:v})=>r.createElement(Hc,{value:{horizontal:x,vertical:b,margin:l,launcherSize:m,setPosition:i,setMargin:c,setLauncherSize:h}},r.createElement(f,{isExpanded:v.expanded,isOpened:v.opened},r.createElement(cr,{closedChannelUrl:o,setClosedChannelUrl:s})),r.createElement(Vc,null),e)))}),Yc=e=>{var s,a,i,l;const{setPosition:t,setMargin:n,setLauncherSize:o}=Pt();return d.useLayoutEffect(()=>{e.position&&t(e.position),e.margin&&n({...ur,...e.margin}),e.launcherSize&&o(e.launcherSize)},[e.position,(s=e.margin)==null?void 0:s.top,(a=e.margin)==null?void 0:a.bottom,(i=e.margin)==null?void 0:i.start,(l=e.margin)==null?void 0:l.end,e.launcherSize]),null},Jc=Object.assign(Zc,{Style:Yc});exports.ANCHOR_REL=Ze;exports.AgentProviderContainer=Ot;exports.AgentUIProviderContainer=er;exports.CSATType=Z;exports.Commands=pn;exports.Conversation=Et;exports.ConversationLayout=Qe;exports.ConversationList=Qn;exports.ConversationListItemLayout=Lt;exports.ConversationListLayout=et;exports.DefaultMessenger=Uc;exports.FixedMessenger=Jc;exports.Icon=$;exports.IncomingMessageLayout=de;exports.Label=w;exports.LauncherBase=rr;exports.Loader=It;exports.LogLevel=xt;exports.MessageLogs=Bn;exports.OutgoingMessageLayout=Je;exports.PlaceholderBase=ca;exports.SystemMessageLayout=Xe;exports.cssVars=g;exports.messengerDispatcher=tr;exports.useLocalizationContext=L;exports.useMessengerContext=O;exports.useMessengerSessionContext=D;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react");function o(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=o(a),l=e=>c.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 64 64",...e},c.createElement("path",{fillRule:"evenodd",d:"M32 61.333C48.2 61.333 61.333 48.2 61.333 32S48.2 2.667 32 2.667 2.667 15.8 2.667 32a2.838 2.838 0 1 0 5.678 0C8.344 18.935 18.934 8.344 32 8.344c13.065 0 23.656 10.591 23.656 23.656S45.065 55.656 32 55.656a2.838 2.838 0 1 0 0 5.677z",className:"fill"}));exports.default=l;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");function r(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const c=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(a,l,c.get?c:{enumerable:!0,get:()=>e[l]})}}return a.default=e,Object.freeze(a)}const t=r(n),o=e=>t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 20",...e},t.createElement("g",{className:"fill",fill:"#0D0D0D",clipPath:"url(#a)"},t.createElement("path",{d:"M1.201 13.368a36.09 36.09 0 0 0-.465.754.467.467 0 0 0 .155.643l3.035 1.862c.221.133.509.066.642-.156.11-.2.266-.465.443-.753 1.196-1.973 2.414-1.751 4.585-.71l3.012 1.42c.244.11.51 0 .62-.223l1.44-3.258c.11-.221 0-.51-.222-.62a93.205 93.205 0 0 1-3.012-1.44C7.337 8.913 3.86 9.046 1.201 13.367Z"}),t.createElement("path",{d:"M14.803 5.965c.155-.243.332-.531.465-.753a.467.467 0 0 0-.155-.643L12.08 2.707a.467.467 0 0 0-.643.156c-.11.199-.265.465-.443.753-1.196 1.973-2.414 1.751-4.584.71l-3.013-1.42a.471.471 0 0 0-.62.222l-1.44 3.259c-.11.221 0 .51.222.62.642.288 1.905.887 3.012 1.44 4.098 1.951 7.575 1.84 10.233-2.482Z"})),t.createElement("defs",null,t.createElement("clipPath",{id:"a"},t.createElement("path",{className:"fill",fill:"#fff",d:"M.668 2.64h14.667v14.055H.668z"}))));exports.default=o;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function a(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=a(r),c=e=>o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 64 64",...e},o.createElement("path",{className:"fill",d:"M16.121 21.879a2.998 2.998 0 0 0-4.242 0 2.998 2.998 0 0 0 0 4.242l18 18a2.998 2.998 0 0 0 4.242 0l18-18a2.998 2.998 0 0 0 0-4.242 2.998 2.998 0 0 0-4.242 0L32 37.757 16.121 21.88z",fill:"#000",fillRule:"evenodd"}));exports.default=c;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),c=require("./Sq3g8f6p.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;