@sendbird/ai-agent-messenger-react 1.1.0 → 1.1.1

package/dist/es/{B_yFQNmk.js → BovngiOZ.js}

@@ -1,27 +1,27 @@
 import * as r from "react";
-import { createContext as ye, useContext as J, useEffect as R, useState as C, useId as un, useRef as D, useCallback as P, useLayoutEffect as ge, lazy as T, Suspense as $e, useMemo as Ie, Component as ur, Fragment as Lt, useReducer as mr, forwardRef as gr, Children as pr } from "react";
-import hr, { SendbirdProduct as fr, DeviceOsPlatform as Rt, SendbirdPlatform as br, ConnectionHandler as dt, SendbirdError as xr, SessionHandler as Er, LogLevel as mn, ConnectionState as vr } from "@sendbird/chat";
-import c, { css as k, ThemeProvider as yr, useTheme as ut, createGlobalStyle as Cr, StyleSheetManager as Tr, keyframes as gn } from "styled-components";
-import { format as pn, isSameMinute as Nt, isSameDay as _r } from "date-fns";
-import { enUS as Sr } from "date-fns/locale/en-US";
-import { AIAgentModule as wr, ConversationStatus as z, ConversationListOrder as kr, ConversationType as Ar } from "@sendbird/chat/aiAgent";
-import { useGroupChannelMessages as Ir, useGroupChannelHandler as hn, useForceUpdate as $r } from "@sendbird/uikit-tools";
-import { GroupChannelModule as Mr } from "@sendbird/chat/groupChannel";
-import { MessageMetaArray as Or, SendingStatus as Lr } from "@sendbird/chat/message";
-import { isSameDay as Rr } from "date-fns/isSameDay";
-import { renderer as Nr, parser as Dr, MessageProvider as Br } from "@sendbird/react-uikit-message-template-view";
-import { createMessageTemplate as Pr } from "@sendbird/uikit-message-template";
-import fn from "dompurify";
-import { createPortal as Fr } from "react-dom";
-import Hr from "@emotion/is-prop-valid";
+import { createContext as ye, useContext as J, useEffect as R, useState as T, useId as mn, useRef as D, useCallback as P, useLayoutEffect as ge, lazy as C, Suspense as $e, useMemo as Ie, Component as mr, Fragment as Rt, useReducer as gr, forwardRef as pr, Children as hr } from "react";
+import fr, { SendbirdProduct as br, DeviceOsPlatform as Nt, SendbirdPlatform as xr, ConnectionHandler as ut, SendbirdError as Er, SessionHandler as vr, LogLevel as gn, ConnectionState as yr } from "@sendbird/chat";
+import c, { css as k, ThemeProvider as Cr, useTheme as mt, createGlobalStyle as Tr, StyleSheetManager as _r, keyframes as pn } from "styled-components";
+import { format as hn, isSameMinute as Dt, isSameDay as Sr } from "date-fns";
+import { enUS as wr } from "date-fns/locale/en-US";
+import { AIAgentModule as kr, ConversationStatus as z, ConversationListOrder as Ar, ConversationType as Ir } from "@sendbird/chat/aiAgent";
+import { useGroupChannelMessages as $r, useGroupChannelHandler as fn, useForceUpdate as Mr } from "@sendbird/uikit-tools";
+import { GroupChannelModule as Or } from "@sendbird/chat/groupChannel";
+import { MessageMetaArray as Lr, SendingStatus as Rr } from "@sendbird/chat/message";
+import { isSameDay as Nr } from "date-fns/isSameDay";
+import { renderer as Dr, parser as Br, MessageProvider as Pr } from "@sendbird/react-uikit-message-template-view";
+import { createMessageTemplate as Fr } from "@sendbird/uikit-message-template";
+import bn from "dompurify";
+import { createPortal as Hr } from "react-dom";
+import Ur from "@emotion/is-prop-valid";
 const W = (e, t) => {
-  const n = ye(null), o = ({ children: a, value: l }) => /* @__PURE__ */ r.createElement(n.Provider, { value: l }, typeof a == "function" ? a(l) : a), i = ({ children: a }) => /* @__PURE__ */ r.createElement(n.Consumer, null, (l) => l ? typeof a == "function" ? a(l) : a : null), s = () => {
-    const a = J(n);
-    if (!a)
+  const n = ye(null), o = ({ children: s, value: l }) => /* @__PURE__ */ r.createElement(n.Provider, { value: l }, typeof s == "function" ? s(l) : s), i = ({ children: s }) => /* @__PURE__ */ r.createElement(n.Consumer, null, (l) => l ? typeof s == "function" ? s(l) : s : null), a = () => {
+    const s = J(n);
+    if (!s)
       throw new Error(`use${e}Context must be used within a ${e}Provider`);
-    return a;
+    return s;
   };
-  return n.displayName = `${e}Context`, o.displayName = `${e}Provider`, i.displayName = `${e}Consumer`, s.displayName = `use${e}Context`, { Context: n, Provider: o, Consumer: i, useContext: s };
+  return n.displayName = `${e}Context`, o.displayName = `${e}Provider`, i.displayName = `${e}Consumer`, a.displayName = `use${e}Context`, { Context: n, Provider: o, Consumer: i, useContext: a };
 };
 function Ce(e) {
   const t = ye({
@@ -32,57 +32,57 @@ function Ce(e) {
     updateComponent: () => {
     }
   });
-  function n({ children: s }) {
-    const [a, l] = C(() => e.template), [d, g] = C(e.components), m = {
-      Template: a,
+  function n({ children: a }) {
+    const [s, l] = T(() => e.template), [d, g] = T(e.components), m = {
+      Template: s,
       updateTemplate: (p) => l(() => p),
       components: d,
       updateComponent: (p, h) => g((b) => ({ ...b, [p]: h }))
     };
-    return /* @__PURE__ */ r.createElement(t.Provider, { value: m }, s);
+    return /* @__PURE__ */ r.createElement(t.Provider, { value: m }, a);
   }
-  function o({ template: s, children: a }) {
+  function o({ template: a, children: s }) {
     const { updateTemplate: l } = J(t);
     return R(() => {
-      s && l(s);
-    }, [s]), /* @__PURE__ */ r.createElement(r.Fragment, null, a);
+      a && l(a);
+    }, [a]), /* @__PURE__ */ r.createElement(r.Fragment, null, s);
   }
-  function i({ children: s }) {
-    return /* @__PURE__ */ r.createElement(n, null, s);
+  function i({ children: a }) {
+    return /* @__PURE__ */ r.createElement(n, null, a);
   }
-  return i.defaults = e, i.useContext = () => J(t), i.Context = t, i.Template = o, Object.keys(e.components).forEach((s) => {
-    i[s] = function({
+  return i.defaults = e, i.useContext = () => J(t), i.Context = t, i.Template = o, Object.keys(e.components).forEach((a) => {
+    i[a] = function({
       component: l
     }) {
       const { updateComponent: d } = J(t);
       return R(() => {
-        l && d(s, l);
+        l && d(a, l);
       }, [l]), null;
     };
   }), i;
 }
-function Ur(...e) {
+function zr(...e) {
   return function({ children: n }) {
     return e.reduce((o, i) => /* @__PURE__ */ r.createElement(i, null, o), n);
   };
 }
 function ot() {
 }
-function zr() {
+function Wr() {
   const e = /iPad|iPhone|iPod/.test(navigator.userAgent), t = /Android/.test(navigator.userAgent);
   return e || t;
 }
-class bn {
+class xn {
   constructor(t) {
     this.logger = t, this.subscribers = {};
   }
   async send(t) {
-    const n = Wr(), o = this.subscribers[t.type];
+    const n = Vr(), o = this.subscribers[t.type];
     if (o) {
       this.logger.debug(`messenger.dispatcher: dispatching command: ${t.type}`, t.payload);
-      const i = o.map((s) => s(t.payload));
-      await Promise.all(i).catch((s) => {
-        this.logger.error(`messenger.dispatcher: error in callback for command: ${t.type}`, s);
+      const i = o.map((a) => a(t.payload));
+      await Promise.all(i).catch((a) => {
+        this.logger.error(`messenger.dispatcher: error in callback for command: ${t.type}`, a);
       });
     }
     return n.resolve(), n.promise;
@@ -94,14 +94,14 @@ class bn {
     this.subscribers[t] && (this.subscribers[t] = this.subscribers[t].filter((o) => o !== n));
   }
 }
-const Wr = () => {
+const Vr = () => {
   let e = ot, t = ot;
   return { promise: new Promise((o, i) => {
     e = o, t = i;
   }), resolve: e, reject: t };
-}, Vr = "1.1.0", ke = "sb-agent", Gr = Vr;
-var xn = /* @__PURE__ */ ((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))(xn || {});
-class En {
+}, Gr = "1.1.0", ke = "sb-agent", jr = Gr;
+var En = /* @__PURE__ */ ((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))(En || {});
+class vn {
   constructor(t) {
     this.level = t;
   }
@@ -121,63 +121,63 @@ class En {
     this.level <= 4 && console.error(`[${ke}/error]`, ...t);
   }
 }
-function Dt(e, t, n) {
-  const o = hr.init({
+function Bt(e, t, n) {
+  const o = fr.init({
     appId: e,
-    modules: [new Mr(), new wr()],
+    modules: [new Or(), new kr()],
     localCacheEnabled: !0,
     ...n
   });
   return o.addSendbirdExtensions(
-    [{ version: Gr, product: fr.AI_AGENT, platform: t.platform }],
+    [{ version: jr, product: br.AI_AGENT, platform: t.platform }],
     { platform: t.deviceOSPlatform, version: t.deviceOSVersion },
     t.customData
   ) || console.warn("Invalid Sendbird Extensions", t), o;
 }
 const {
-  Provider: jr,
+  Provider: Kr,
   useContext: Ze
 } = W("AIAgent");
-function Kr({
+function Zr({
   appId: e,
   aiAgentId: t,
   language: n,
   countryCode: o,
   context: i,
-  chatSDK: s,
-  chatParams: a,
+  chatSDK: a,
+  chatParams: s,
   dispatcher: l,
   logger: d,
   children: g,
   extensions: m = {
-    platform: br.JS,
-    deviceOSPlatform: zr() ? Rt.MOBILE_WEB : Rt.WEB
+    platform: xr.JS,
+    deviceOSPlatform: Wr() ? Nt.MOBILE_WEB : Nt.WEB
   }
 }) {
-  const [p, h] = C(() => {
-    const b = d ?? new En(xn.WARN), x = l ?? new bn(b);
+  const [p, h] = T(() => {
+    const b = d ?? new vn(En.WARN), x = l ?? new xn(b);
     return {
       appId: e,
       aiAgentId: t,
       language: n,
       countryCode: o,
       context: i,
-      chatSDK: s ?? Dt(e, m, a),
+      chatSDK: a ?? Bt(e, m, s),
       logger: b,
       dispatcher: x
     };
   });
-  return (n !== p.language || o !== p.countryCode) && h((b) => ({ ...b, language: n, countryCode: o, context: i })), s && s !== p.chatSDK ? h((b) => ({ ...b, aiAgentId: t, chatSDK: s })) : !s && p.chatSDK.appId !== e && h((b) => ({
+  return (n !== p.language || o !== p.countryCode) && h((b) => ({ ...b, language: n, countryCode: o, context: i })), a && a !== p.chatSDK ? h((b) => ({ ...b, aiAgentId: t, chatSDK: a })) : !a && p.chatSDK.appId !== e && h((b) => ({
     ...b,
     aiAgentId: t,
-    chatSDK: Dt(e, m, { newInstance: !0, ...a })
+    chatSDK: Bt(e, m, { newInstance: !0, ...s })
   })), R(() => () => {
     p.chatSDK.disconnectWebSocket();
-  }, [p.chatSDK]), /* @__PURE__ */ r.createElement(jr, { value: p }, g);
+  }, [p.chatSDK]), /* @__PURE__ */ r.createElement(Kr, { value: p }, g);
 }
-const Zr = (e, t, n) => Ir(e, t, { ...n, strictStreamingOrder: !0 });
+const Yr = (e, t, n) => $r(e, t, { ...n, strictStreamingOrder: !0 });
 var it = /* @__PURE__ */ ((e) => (e.ConversationClose = "conv.close", e))(it || {});
-class Yr {
+class qr {
   constructor(t = {}) {
     this.payload = t;
   }
@@ -185,27 +185,27 @@ class Yr {
     return JSON.stringify({ type: this.type, payload: this.payload });
   }
 }
-class qr extends Yr {
+class Jr extends qr {
   constructor() {
     super(...arguments), this.type = "conv.close";
   }
 }
-const Jr = {
-  CloseConversation: () => new qr()
+const Xr = {
+  CloseConversation: () => new Jr()
 }, {
-  Provider: Xr
+  Provider: Qr
 } = W("AIAgentConversation");
-function Qr({
+function eo({
   children: e,
   channelUrl: t,
   onChannelDeleted: n,
   onMessagesUpdated: o,
   onConversationClosedViaDispatcher: i,
-  onBeforeSendMessage: s,
-  onAfterSendMessage: a = ot
+  onBeforeSendMessage: a,
+  onAfterSendMessage: s = ot
 }) {
   var v;
-  const { chatSDK: l, logger: d, dispatcher: g } = Ze(), { channel: m, channelFetchError: p, fetchChannel: h } = eo(t), b = Zr(l, m, {
+  const { chatSDK: l, logger: d, dispatcher: g } = Ze(), { channel: m, channelFetchError: p, fetchChannel: h } = to(t), b = Yr(l, m, {
     shouldCountNewMessages: () => !1,
     onChannelDeleted: n,
     onMessagesReceived: o,
@@ -233,50 +233,50 @@ function Qr({
       loadPrevious: () => b.loadPrevious(),
       loadNext: () => b.loadNext(),
       sendUserMessage: async (f) => {
-        s && (f = await s(f));
-        const y = await b.sendUserMessage(f, a);
-        return a == null || a(y), y;
+        a && (f = await a(f));
+        const y = await b.sendUserMessage(f, s);
+        return s == null || s(y), y;
       },
       sendFileMessage: async (f) => {
-        s && (f = await s(f));
-        const y = await b.sendFileMessage(f, a);
-        return a == null || a(y), y;
+        a && (f = await a(f));
+        const y = await b.sendFileMessage(f, s);
+        return s == null || s(y), y;
       }
     }
   };
-  return /* @__PURE__ */ r.createElement(Xr, { value: x }, e);
+  return /* @__PURE__ */ r.createElement(Qr, { value: x }, e);
 }
-function eo(e) {
-  const { chatSDK: t, logger: n } = Ze(), [o, i] = C(void 0), [s, a] = C(void 0);
+function to(e) {
+  const { chatSDK: t, logger: n } = Ze(), [o, i] = T(void 0), [a, s] = T(void 0);
   async function l() {
-    if (n.debug("conversation.fetchChannel: start"), i(void 0), a(void 0), e)
+    if (n.debug("conversation.fetchChannel: start"), i(void 0), s(void 0), e)
       try {
         n.debug("conversation.fetchChannel: get channel", e);
         const d = await t.groupChannel.getChannel(e);
         i(d);
-        const g = new dt({ onReconnectSucceeded: () => d.refresh() });
+        const g = new ut({ onReconnectSucceeded: () => d.refresh() });
         t.addConnectionHandler("sba-refresh", g), n.debug("conversation.fetchChannel: fetched channel", d);
       } catch (d) {
-        d instanceof xr && a(d), n.error("conversation.fetchChannel: error", d);
+        d instanceof Er && s(d), n.error("conversation.fetchChannel: error", d);
       }
   }
   return R(() => {
     l();
   }, [e, t]), {
     channel: o,
-    channelFetchError: s,
+    channelFetchError: a,
     fetchChannel: l
   };
 }
-const to = (e, t) => {
-  const n = un(), [o, i] = C(!1), [s, a] = C(null), [l, d] = C([]), [g, m] = C(null), p = D(!1), h = P(async () => {
+const no = (e, t) => {
+  const n = mn(), [o, i] = T(!1), [a, s] = T(null), [l, d] = T([]), [g, m] = T(null), p = D(!1), h = P(async () => {
     if (!p.current && e.currentUser) {
-      p.current = !0, i(!1), a(null), d([]);
+      p.current = !0, i(!1), s(null), d([]);
       try {
         const x = e.aiAgent.createConversationListQuery(t), v = await x.next();
-        d(v), m(x), a(null);
+        d(v), m(x), s(null);
       } catch (x) {
-        m(null), a(x);
+        m(null), s(x);
       } finally {
         i(!0), p.current = !1;
       }
@@ -287,22 +287,22 @@ const to = (e, t) => {
     }).catch(() => {
     });
   }, [g]);
-  return R(() => (e.addConnectionHandler(n, new dt({ onConnected: () => h() })), () => e.removeConnectionHandler(n)), [e, n, h]), R(() => {
+  return R(() => (e.addConnectionHandler(n, new ut({ onConnected: () => h() })), () => e.removeConnectionHandler(n)), [e, n, h]), R(() => {
     h();
   }, [h]), {
     initialized: o,
-    error: s,
+    error: a,
     conversations: l,
     loadMore: b
   };
 }, {
-  Provider: no
+  Provider: ro
 } = W("AIAgentConversationList");
-function ro({ children: e }) {
-  const { chatSDK: t, aiAgentId: n } = Ze(), o = to(t, {
+function oo({ children: e }) {
+  const { chatSDK: t, aiAgentId: n } = Ze(), o = no(t, {
     aiAgentId: n,
     status: z.CLOSED,
-    order: kr.UPDATED_AT,
+    order: Ar.UPDATED_AT,
     reverse: !0
   }), i = {
     listSource: {
@@ -312,18 +312,18 @@ function ro({ children: e }) {
       loadMore: () => o.loadMore()
     }
   };
-  return /* @__PURE__ */ r.createElement(no, { value: i }, e);
+  return /* @__PURE__ */ r.createElement(ro, { value: i }, e);
 }
 const st = {
   DEFAULT_BOT_MSG_BG: "#eeeeee",
   WHITE: "#ffffff",
   BLACK: "#000000"
 };
-function vn(e) {
+function yn(e) {
   return e.length === 4 ? `#${[...e.slice(1)].map((t) => t + t).join("")}` : e;
 }
-function oo(e) {
-  const t = vn(e);
+function io(e) {
+  const t = yn(e);
   return [
     parseInt(t.slice(1, 3), 16),
     // r
@@ -333,33 +333,33 @@ function oo(e) {
     // b
   ];
 }
-function io(e) {
+function so(e) {
   return `#${e.map((t) => t.toString(16).padStart(2, "0")).join("")}`;
 }
-function so(e, t, n) {
+function ao(e, t, n) {
   e /= 255, t /= 255, n /= 255;
-  const o = Math.max(e, t, n), i = Math.min(e, t, n), s = o - i;
-  let a = 0, l = 0;
+  const o = Math.max(e, t, n), i = Math.min(e, t, n), a = o - i;
+  let s = 0, l = 0;
   const d = (o + i) / 2;
-  return o !== i && (l = d > 0.5 ? s / (2 - o - i) : s / (o + i)), o === e ? a = (t - n) / s + (t < n ? 6 : 0) : o === t ? a = (n - e) / s + 2 : o === n && (a = (e - t) / s + 4), a /= 6, [a, l, d];
+  return o !== i && (l = d > 0.5 ? a / (2 - o - i) : a / (o + i)), o === e ? s = (t - n) / a + (t < n ? 6 : 0) : o === t ? s = (n - e) / a + 2 : o === n && (s = (e - t) / a + 4), s /= 6, [s, l, d];
 }
-function ao(e, t, n) {
-  let o, i, s;
+function lo(e, t, n) {
+  let o, i, a;
   if (t === 0)
-    o = i = s = n;
+    o = i = a = n;
   else {
-    const a = function(m, p, h) {
+    const s = function(m, p, h) {
       return h < 0 && (h += 1), h > 1 && (h -= 1), h < 0.16666666666666666 ? m + (p - m) * 6 * h : h < 0.5 ? p : h < 0.6666666666666666 ? m + (p - m) * (0.6666666666666666 - h) * 6 : m;
     }, l = n < 0.5 ? n * (1 + t) : n + t - n * t, d = 2 * n - l;
-    o = a(d, l, e + 1 / 3), i = a(d, l, e), s = a(d, l, e - 1 / 3);
+    o = s(d, l, e + 1 / 3), i = s(d, l, e), a = s(d, l, e - 1 / 3);
   }
-  return [Math.round(o * 255), Math.round(i * 255), Math.round(s * 255)];
+  return [Math.round(o * 255), Math.round(i * 255), Math.round(a * 255)];
 }
 function De(e, t, n) {
-  const [o, i, s] = oo(e), [a, l, d] = so(o, i, s), g = Math.max(0, Math.min(1, d * t)), m = Math.max(0, Math.min(1, l * n)), [p, h, b] = ao(a, m, g);
-  return io([Math.round(p), Math.round(h), Math.round(b)]);
+  const [o, i, a] = io(e), [s, l, d] = ao(o, i, a), g = Math.max(0, Math.min(1, d * t)), m = Math.max(0, Math.min(1, l * n)), [p, h, b] = lo(s, m, g);
+  return so([Math.round(p), Math.round(h), Math.round(b)]);
 }
-function lo(e, t = "light") {
+function co(e, t = "light") {
   return {
     extraDark: De(e, 0.6, 1.2),
     dark: De(e, 0.85, 1.1),
@@ -369,10 +369,10 @@ function lo(e, t = "light") {
   };
 }
 function at(e) {
-  const t = vn(e), n = 149, o = +`0x${t[1]}${t[2]}`, i = +`0x${t[3]}${t[4]}`, s = +`0x${t[5]}${t[6]}`;
-  return o * 0.299 + i * 0.587 + s * 0.114 > n ? st.BLACK : st.WHITE;
+  const t = yn(e), n = 149, o = +`0x${t[1]}${t[2]}`, i = +`0x${t[3]}${t[4]}`, a = +`0x${t[5]}${t[6]}`;
+  return o * 0.299 + i * 0.587 + a * 0.114 > n ? st.BLACK : st.WHITE;
 }
-function co(e, t, n, o, i) {
+function uo(e, t, n, o, i) {
   return {
     base: {
       primary: t,
@@ -401,7 +401,7 @@ function co(e, t, n, o, i) {
     }
   };
 }
-const uo = (e, t, n, o, i) => ({
+const mo = (e, t, n, o, i) => ({
   base: {
     primary: t,
     primaryContrastContent: n,
@@ -494,8 +494,8 @@ const uo = (e, t, n, o, i) => ({
   caption3: { fontSize: 11, fontWeight: 700 },
   caption4: { fontSize: 11, fontWeight: 400 }
 };
-function Bt(e) {
-  const t = mo(e), { colors: n, aiAgentColorVariables: o } = go(e, t), i = po(e);
+function Pt(e) {
+  const t = go(e), { colors: n, aiAgentColorVariables: o } = po(e, t), i = fo(e);
   return {
     selectedTheme: e.selectedTheme,
     palette: t,
@@ -504,51 +504,58 @@ function Bt(e) {
     typography: i
   };
 }
-function mo({ selectedTheme: e, palette: t, primary: n }) {
-  const o = t != null && t.primary ? t.primary : n ? n === Be.primary.main ? Be.primary : lo(n, e) : Be.primary;
+function go({ selectedTheme: e, palette: t, primary: n }) {
+  const o = t != null && t.primary ? t.primary : n ? n === Be.primary.main ? Be.primary : co(n, e) : Be.primary;
   return {
     ...Be,
     primary: o,
     ...t
   };
 }
-function go({ selectedTheme: e, primaryContrast: t, botMessageBackground: n, botMessageBackgroundContrast: o }, i) {
-  const s = i.primary.main, a = t ?? at(s), l = n ?? st.DEFAULT_BOT_MSG_BG, d = o ?? at(l);
+function po({ selectedTheme: e, primaryContrast: t, botMessageBackground: n, botMessageBackgroundContrast: o }, i) {
+  const a = i.primary.main, s = t ?? at(a), l = n ?? st.DEFAULT_BOT_MSG_BG, d = o ?? at(l);
   return {
-    colors: (e === "light" ? co : uo)(
+    colors: (e === "light" ? uo : mo)(
       i,
-      s,
       a,
+      s,
       l,
       d
     ),
     aiAgentColorVariables: {
-      primary_color: s,
+      primary_color: a,
       bot_message_bg_color: l,
-      primary_contrast_color: a,
+      primary_contrast_color: s,
       bot_message_bg_contrast_color: d
     }
   };
 }
-function po({ typography: e }) {
+function ho(e, t, n) {
+  const o = { ...e };
+  return n.forEach((i) => {
+    const a = t[i];
+    a != null && (o[i] = a);
+  }), o;
+}
+function fo({ typography: e }) {
   if (!e)
     return Qe;
   const t = { ...Qe };
   return Object.keys(e).forEach((n) => {
     const o = e[n];
     if (o && typeof o == "object") {
-      const s = { ...Qe[n] };
-      o.fontSize !== void 0 && o.fontSize !== null && (s.fontSize = o.fontSize), o.fontWeight !== void 0 && o.fontWeight !== null && (s.fontWeight = o.fontWeight), o.fontFamily !== void 0 && o.fontFamily !== null && (s.fontFamily = o.fontFamily), t[n] = s;
+      const i = Qe[n], a = ["fontSize", "fontWeight", "fontFamily", "lineHeight"];
+      t[n] = ho(i, o, a);
     }
   }), t;
 }
 const {
-  Provider: ho,
-  useContext: yn
+  Provider: bo,
+  useContext: Cn
 } = W("AIAgentTheme");
-function fo({ logger: e, palette: t, typography: n, appearance: o, children: i }) {
-  const [s, a] = C(
-    () => Bt({
+function xo({ logger: e, palette: t, typography: n, appearance: o, children: i }) {
+  const [a, s] = T(
+    () => Pt({
       selectedTheme: (o == null ? void 0 : o.theme) ?? "light",
       palette: t,
       typography: n,
@@ -564,16 +571,16 @@ function fo({ logger: e, palette: t, typography: n, appearance: o, children: i }
         botMessageBackgroundContrast: void 0
       };
       !h.primary && (p != null && p.primaryColor) && (h.primary = p.primaryColor, h.primaryContrast = p.primaryContrastColor), !h.botMessageBackground && (p != null && p.botMessageBackgroundColor) && (h.botMessageBackground = p.botMessageBackgroundColor, h.botMessageBackgroundContrast = p.botMessageBackgroundContrastColor);
-      const b = Bt({ selectedTheme: m, palette: t, typography: n, ...h });
-      a(b), e == null || e.info("theme.update:", m);
+      const b = Pt({ selectedTheme: m, palette: t, typography: n, ...h });
+      s(b), e == null || e.info("theme.update:", m);
     },
     [o == null ? void 0 : o.theme, o == null ? void 0 : o.primaryColor, o == null ? void 0 : o.botMessageBackgroundColor, t, n, e]
   );
   return R(() => {
-    (o != null && o.theme || o != null && o.primaryColor || o != null && o.botMessageBackgroundColor) && l(s.selectedTheme);
-  }, [o == null ? void 0 : o.theme, o == null ? void 0 : o.primaryColor, o == null ? void 0 : o.botMessageBackgroundColor]), /* @__PURE__ */ r.createElement(ho, { value: { theme: s, updateTheme: l } }, i);
+    (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]), /* @__PURE__ */ r.createElement(bo, { value: { theme: a, updateTheme: l } }, i);
 }
-const Cn = (e) => {
+const Tn = (e) => {
   try {
     const t = JSON.parse(e);
     return typeof t == "string" ? JSON.stringify(t).slice(1, -1) : e.trim();
@@ -581,70 +588,70 @@ const Cn = (e) => {
     return JSON.stringify(e).slice(1, -1);
   }
 }, Me = (e) => JSON.parse(e), Ye = (e) => JSON.parse(e);
-function bo(e, t) {
+function Eo(e, t) {
   const [n, o] = t.split(",").map((i) => i.trim());
   return e === "dark" && o || n;
 }
-function xo(e) {
+function vo(e) {
   const t = {};
   function n(o, i = "") {
-    for (const [s, a] of Object.entries(o)) {
-      const l = i ? `${i}.${s}` : s;
-      a && typeof a == "object" && !Array.isArray(a) ? n(a, l) : t[l] = a;
+    for (const [a, s] of Object.entries(o)) {
+      const l = i ? `${i}.${a}` : a;
+      s && typeof s == "object" && !Array.isArray(s) ? n(s, l) : t[l] = s;
     }
   }
   return n(e), t;
 }
-function mt({
+function gt({
   template: e,
   variables: t,
   variableKeyPattern: n,
   variableValueTransformer: o
 }) {
-  return Object.entries(t).reduce((i, [s, a]) => {
-    if (!o && !["number", "boolean", "string"].includes(typeof a))
+  return Object.entries(t).reduce((i, [a, s]) => {
+    if (!o && !["number", "boolean", "string"].includes(typeof s))
       throw new Error("If transformer is not provided, value must be a {string, number, or boolean}");
-    const l = o ? o(a) : String(a), d = n(s);
-    return i.replace(d, Cn(l));
+    const l = o ? o(s) : String(s), d = n(a);
+    return i.replace(d, Tn(l));
   }, e);
 }
-async function Eo({
+async function yo({
   template: e,
   variables: t,
   variableKeyPattern: n,
   variableValueTransformer: o
 }) {
   return (await Promise.all(
-    Object.entries(t).map(async ([s, a]) => {
-      const l = await o(a);
-      return { regex: n(s), transformedValue: l };
+    Object.entries(t).map(async ([a, s]) => {
+      const l = await o(s);
+      return { regex: n(a), transformedValue: l };
     })
-  )).reduce((s, { regex: a, transformedValue: l }) => s.replace(a, Cn(l)), e);
+  )).reduce((a, { regex: s, transformedValue: l }) => a.replace(s, Tn(l)), e);
 }
-const vo = (e) => ({
+const Co = (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: yo,
-  useContext: Tn
+  Provider: To,
+  useContext: _n
 } = W("MessageCacheTemplate");
-function Co({ logger: e, storage: t, children: n }) {
+function _o({ logger: e, storage: t, children: n }) {
   const o = P(
-    (a) => {
+    (s) => {
       var g, m;
-      const l = (m = (g = a.appInfo) == null ? void 0 : g.aiAgentInfo) == null ? void 0 : m.templateListToken;
+      const l = (m = (g = s.appInfo) == null ? void 0 : g.aiAgentInfo) == null ? void 0 : m.templateListToken;
       if (!l) return !1;
       const d = t.getCachedToken();
       return d ? l !== d : !0;
     },
     [t]
   ), i = P(
-    async (a) => {
+    async (s) => {
       try {
-        const { templates: l, token: d } = await a.aiAgent.getMessageTemplates({ limit: 20 });
+        const { templates: l, token: d } = await s.aiAgent.getMessageTemplates({ limit: 20 });
         for (const { template: g } of l) {
           const { key: m } = Me(g);
           t.setTemplate(m, g);
@@ -655,12 +662,12 @@ function Co({ logger: e, storage: t, children: n }) {
       }
     },
     [t, e]
-  ), s = P(() => {
+  ), a = P(() => {
     t.clear();
   }, [t]);
-  return /* @__PURE__ */ r.createElement(yo, { value: { shouldSyncCachedTemplate: o, syncCachedTemplates: i, clearCachedTemplates: s, storage: t } }, n);
+  return /* @__PURE__ */ r.createElement(To, { value: { shouldSyncCachedTemplate: o, syncCachedTemplates: i, clearCachedTemplates: a, storage: t } }, n);
 }
-function To(e) {
+function So(e) {
   let t = "pending", n = e.then((o) => {
     t = "resolved", n = o;
   }).catch((o) => {
@@ -675,12 +682,12 @@ function To(e) {
   };
 }
 const {
-  Provider: _o,
-  useContext: _n
+  Provider: wo,
+  useContext: Sn
 } = W("MessageTemplateFetching");
-function So({ children: e, internalVariables: t }) {
-  const n = D({}), o = D({}), [i, s] = C({}), a = P((g, m) => {
-    s((p) => ({
+function ko({ children: e, internalVariables: t }) {
+  const n = D({}), o = D({}), [i, a] = T({}), s = P((g, m) => {
+    a((p) => ({
       ...p,
       [g]: { fetching: !1, error: !1, ...p[g], ...m }
     }));
@@ -695,22 +702,22 @@ function So({ children: e, internalVariables: t }) {
       if (b) return b;
       const x = o.current[p];
       if (x) return x;
-      h || a(p, { fetching: !0 });
+      h || s(p, { fetching: !0 });
       const v = g(p).catch((f) => {
-        throw h || a(p, { error: !0 }), f;
+        throw h || s(p, { error: !0 }), f;
       }).finally(() => {
-        h || a(p, { fetching: !1 }), delete o.current[p];
+        h || s(p, { fetching: !1 }), delete o.current[p];
       });
       return o.current[p] = v, v;
     },
-    [a]
+    [s]
   ), d = {
     internalVariables: t,
     fetchTemplate: l,
     suspend: (g, m) => {
       if (n.current[g])
         return n.current[g];
-      const p = To(m());
+      const p = So(m());
       return n.current[g] = p, p;
     },
     getIsFetching: (g) => {
@@ -722,15 +729,15 @@ function So({ children: e, internalVariables: t }) {
       return ((m = i[g]) == null ? void 0 : m.error) ?? !1;
     }
   };
-  return /* @__PURE__ */ r.createElement(_o, { value: d }, e);
+  return /* @__PURE__ */ r.createElement(wo, { value: d }, e);
 }
 const qe = {
   VARIABLE: (e) => new RegExp(`\\{${e}\\}`, "g"),
   VIEW_VARIABLE: (e) => new RegExp(`"{@${e}}"`, "g")
 };
 function oe({ uiTemplateString: e, variables: t = {} }) {
-  const n = xo(t);
-  return mt({
+  const n = vo(t);
+  return gt({
     template: e,
     variables: n,
     variableKeyPattern: (o) => qe.VARIABLE(o)
@@ -741,29 +748,29 @@ function ie({
   uiTemplateString: t,
   colorVariables: n = {}
 }) {
-  return mt({
+  return gt({
     template: t,
     variables: n,
     variableKeyPattern: (o) => qe.VARIABLE(o),
-    variableValueTransformer: (o) => bo(e, o)
+    variableValueTransformer: (o) => Eo(e, o)
   });
 }
-function wo({
+function Ao({
   theme: e,
   uiTemplateString: t,
   viewVariables: n = {},
   aiAgentColorVariables: o,
   internalVariables: i,
-  onRequestTemplate: s
+  onRequestTemplate: a
 }) {
   const l = Object.values(n).flat().map((g) => g.key);
-  return [...new Set(l)].some((g) => !s(g)) ? null : mt({
+  return [...new Set(l)].some((g) => !a(g)) ? null : gt({
     template: t,
     variables: n,
     variableKeyPattern: (g) => qe.VIEW_VARIABLE(g),
     variableValueTransformer: (g) => {
       const m = g.map(({ key: p, variables: h }) => {
-        const b = s(p), { ui_template: x, color_variables: v } = Me(b);
+        const b = a(p), { ui_template: x, color_variables: v } = Me(b);
         let f = JSON.stringify(x);
         return f = oe({
           uiTemplateString: f,
@@ -785,21 +792,21 @@ function wo({
     }
   });
 }
-async function ko({
+async function Io({
   theme: e,
   uiTemplateString: t,
   viewVariables: n = {},
   aiAgentColorVariables: o,
   internalVariables: i,
-  onRequestTemplate: s
+  onRequestTemplate: a
 }) {
-  return Eo({
+  return yo({
     template: t,
     variables: n,
-    variableKeyPattern: (a) => qe.VIEW_VARIABLE(a),
-    variableValueTransformer: async (a) => {
-      const l = a.map(async ({ key: g, variables: m }) => {
-        const p = await s(g), { ui_template: h, color_variables: b } = Me(p);
+    variableKeyPattern: (s) => qe.VIEW_VARIABLE(s),
+    variableValueTransformer: async (s) => {
+      const l = s.map(async ({ key: g, variables: m }) => {
+        const p = await a(g), { ui_template: h, color_variables: b } = Me(p);
         let x = JSON.stringify(h);
         return x = oe({
           uiTemplateString: x,
@@ -821,44 +828,44 @@ async function ko({
     }
   });
 }
-const Ao = ({
+const $o = ({
   rawTemplate: e,
   aiAgentColorVariables: t,
   internalVariables: n,
   ...o
 }) => {
-  const { ui_template: i, color_variables: s } = Me(e);
-  let a = JSON.stringify(i);
+  const { ui_template: i, color_variables: a } = Me(e);
+  let s = JSON.stringify(i);
   if (Object.keys(o.viewVariables ?? {}).length > 0) {
-    const d = wo({
+    const d = Ao({
       ...o,
-      uiTemplateString: a,
+      uiTemplateString: s,
       aiAgentColorVariables: t,
       internalVariables: n
     });
     if (d === null) return null;
-    a = d;
+    s = d;
   }
-  return a = oe({ ...o, uiTemplateString: a, variables: n }), a = ie({ ...o, uiTemplateString: a, colorVariables: s }), a = ie({ ...o, uiTemplateString: a, colorVariables: t }), a = oe({ ...o, uiTemplateString: a }), Ye(a);
-}, Io = async ({
+  return s = oe({ ...o, uiTemplateString: s, variables: n }), s = ie({ ...o, uiTemplateString: s, colorVariables: a }), s = ie({ ...o, uiTemplateString: s, colorVariables: t }), s = oe({ ...o, uiTemplateString: s }), Ye(s);
+}, Mo = async ({
   rawTemplate: e,
   aiAgentColorVariables: t,
   internalVariables: n,
   ...o
 }) => {
-  const { ui_template: i, color_variables: s } = Me(e);
-  let a = JSON.stringify(i);
-  return Object.keys(o.viewVariables ?? {}).length > 0 && (a = await ko({
+  const { ui_template: i, color_variables: a } = Me(e);
+  let s = JSON.stringify(i);
+  return Object.keys(o.viewVariables ?? {}).length > 0 && (s = await Io({
     ...o,
-    uiTemplateString: a,
+    uiTemplateString: s,
     aiAgentColorVariables: t,
     internalVariables: n
-  })), a = oe({ ...o, uiTemplateString: a, variables: n }), a = ie({ ...o, uiTemplateString: a, colorVariables: s }), a = ie({ ...o, uiTemplateString: a, colorVariables: t }), a = oe({ ...o, uiTemplateString: a }), Ye(a);
-}, $o = (e) => {
-  const { aiAgentColorVariables: t = {} } = e, { internalVariables: n } = _n();
-  return C(() => {
+  })), s = oe({ ...o, uiTemplateString: s, variables: n }), s = ie({ ...o, uiTemplateString: s, colorVariables: a }), s = ie({ ...o, uiTemplateString: s, colorVariables: t }), s = oe({ ...o, uiTemplateString: s }), Ye(s);
+}, Oo = (e) => {
+  const { aiAgentColorVariables: t = {} } = e, { internalVariables: n } = Sn();
+  return T(() => {
     const o = e.onGetCachedTemplate(e.templateKey);
-    return o ? Ao({
+    return o ? $o({
       ...e,
       rawTemplate: o,
       aiAgentColorVariables: t,
@@ -866,20 +873,20 @@ const Ao = ({
       onRequestTemplate: e.onGetCachedTemplate
     }) : null;
   });
-}, Mo = (e) => {
-  const [t] = $o(e);
+}, Lo = (e) => {
+  const [t] = Oo(e);
   if (t) return t;
-  const { aiAgentColorVariables: n = {} } = e, { internalVariables: o, fetchTemplate: i, suspend: s } = _n();
-  return s(e.templateKey, async () => {
+  const { aiAgentColorVariables: n = {} } = e, { internalVariables: o, fetchTemplate: i, suspend: a } = Sn();
+  return a(e.templateKey, async () => {
     const l = await i({ ...e, suspense: !0 });
-    return await Io({
+    return await Mo({
       ...e,
       rawTemplate: l,
       aiAgentColorVariables: n,
       internalVariables: o
     });
   }).value;
-}, Oo = '@import"https://fonts.googleapis.com/css?family=Roboto:400,500,600,700&display=swap";.sb-message-template__border{position:relative}.sb-message-template__border:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);border-radius:var(--border-radius);pointer-events:none}.sb-message-template__action{cursor:pointer}.sb-message-template__parent{font-family:Roboto,serif}.sb-message-template__text{font-family:inherit;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left}.sb-message-template__text-button{font-family:inherit;background-color:#e0e0e0;text-align:center;padding:10px;border-radius:6px;font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;letter-spacing:normal}.sendbird-theme--light .sb-message-template__text-button{color:#742ddd}.sendbird-theme--dark .sb-message-template__text-button{color:#c2a9fa}.sb-message-template__text-button:hover{opacity:1;box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px}.sb-message-template__text-button,.sb-message-template__image-button{cursor:pointer;border-style:none}.sb-message-template__parent{border-radius:unset;background-color:transparent;overflow:hidden}.sb-message-template__parent *{box-sizing:border-box;line-height:1.3}.sb-message-template__carousel{display:flex;width:100%;box-sizing:border-box;touch-action:pan-y}', Oe = "en", Lo = /* @__PURE__ */ new Set([
+}, Ro = '@import"https://fonts.googleapis.com/css?family=Roboto:400,500,600,700&display=swap";.sb-message-template__border{position:relative}.sb-message-template__border:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);border-radius:var(--border-radius);pointer-events:none}.sb-message-template__action{cursor:pointer}.sb-message-template__parent{font-family:Roboto,serif}.sb-message-template__text{font-family:inherit;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left}.sb-message-template__text-button{font-family:inherit;background-color:#e0e0e0;text-align:center;padding:10px;border-radius:6px;font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;letter-spacing:normal}.sendbird-theme--light .sb-message-template__text-button{color:#742ddd}.sendbird-theme--dark .sb-message-template__text-button{color:#c2a9fa}.sb-message-template__text-button:hover{opacity:1;box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px}.sb-message-template__text-button,.sb-message-template__image-button{cursor:pointer;border-style:none}.sb-message-template__parent{border-radius:unset;background-color:transparent;overflow:hidden}.sb-message-template__parent *{box-sizing:border-box;line-height:1.3}.sb-message-template__carousel{display:flex;width:100%;box-sizing:border-box;touch-action:pan-y}', Oe = "en", No = /* @__PURE__ */ new Set([
   Oe,
   "ko",
   "es",
@@ -890,11 +897,11 @@ const Ao = ({
   "de",
   "tr",
   "ja"
-]), Ro = (e, t, n) => {
+]), Do = (e, t, n) => {
   const o = e[t];
-  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((i, s) => {
+  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((i, a) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      s.bind(
+      a.bind(
         null,
         new Error(
           "Unknown variable dynamic import: " + t + (t.split("/").length !== n ? ". Note that variables only represent file names one level deep." : "")
@@ -902,7 +909,7 @@ const Ao = ({
       )
     );
   });
-}, No = Sr, Do = {
+}, Bo = wr, Po = {
   // Channel - Common
   CHANNEL_FROZEN: "Channel frozen",
   PLACE_HOLDER__WRONG: "Something went wrong",
@@ -953,61 +960,61 @@ const Ao = ({
   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"
-}, gt = { language: "en", dateLocale: No, stringSet: Do }, Bo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, pt = { language: "en", dateLocale: Bo, stringSet: Po }, Fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: gt
-}, Symbol.toStringTag, { value: "Module" })), We = /* @__PURE__ */ new Map([[Oe, gt]]);
-async function Po(e) {
+  default: pt
+}, Symbol.toStringTag, { value: "Module" })), We = /* @__PURE__ */ new Map([[Oe, pt]]);
+async function Ho(e) {
   if (We.has(e))
     return We.get(e);
-  const t = Lo.has(e) ? e : Oe;
+  const t = No.has(e) ? e : Oe;
   try {
-    const { default: n } = await Ro(/* @__PURE__ */ Object.assign({ "./languages/de.ts": () => import("./DvjrAXLD.js"), "./languages/en.ts": () => Promise.resolve().then(() => Bo), "./languages/es.ts": () => import("./zI14HLvP.js"), "./languages/fr.ts": () => import("./B9V0T5ZP.js"), "./languages/hi.ts": () => import("./YRQ0vk5Q.js"), "./languages/it.ts": () => import("./BQWJPfGp.js"), "./languages/ja.ts": () => import("./sl-YrKkN.js"), "./languages/ko.ts": () => import("./B8c_rqvH.js"), "./languages/pt.ts": () => import("./BSz49qaD.js"), "./languages/tr.ts": () => import("./D_eZyIAR.js") }), `./languages/${t}.ts`, 3);
+    const { default: n } = await Do(/* @__PURE__ */ Object.assign({ "./languages/de.ts": () => import("./DvjrAXLD.js"), "./languages/en.ts": () => Promise.resolve().then(() => Fo), "./languages/es.ts": () => import("./zI14HLvP.js"), "./languages/fr.ts": () => import("./B9V0T5ZP.js"), "./languages/hi.ts": () => import("./YRQ0vk5Q.js"), "./languages/it.ts": () => import("./BQWJPfGp.js"), "./languages/ja.ts": () => import("./sl-YrKkN.js"), "./languages/ko.ts": () => import("./B8c_rqvH.js"), "./languages/pt.ts": () => import("./BSz49qaD.js"), "./languages/tr.ts": () => import("./D_eZyIAR.js") }), `./languages/${t}.ts`, 3);
     return We.set(e, n), n;
   } catch {
-    return gt;
+    return pt;
   }
 }
 const {
-  Provider: Fo,
+  Provider: Uo,
   useContext: M
 } = W("Localization");
-function Ho(e) {
+function zo(e) {
   var t;
   return ((t = e.split("-")) == null ? void 0 : t[0]) ?? Oe;
 }
-function Uo({
+function Wo({
   language: e = navigator.language,
   logger: t,
   stringSet: n,
   children: o
 }) {
-  const [i, s] = C(We.get(Oe));
+  const [i, a] = T(We.get(Oe));
   return R(() => {
-    const a = Ho(e);
-    i.language !== a && (t == null || t.debug("localization.useEffect: update language", `${i.language} -> ${a}`), Po(a).then(s));
+    const s = zo(e);
+    i.language !== s && (t == null || t.debug("localization.useEffect: update language", `${i.language} -> ${s}`), Ho(s).then(a));
   }, [e]), /* @__PURE__ */ r.createElement(
-    Fo,
+    Uo,
     {
       value: {
         language: i.language,
         stringSet: { ...i.stringSet, ...n },
         dateLocale: i.dateLocale,
-        format: (a, l, d) => pn(a, l, { locale: i.dateLocale, ...d })
+        format: (s, l, d) => hn(s, l, { locale: i.dateLocale, ...d })
       }
     },
     o
   );
 }
-const Ve = "data-sb-agent-theme", Pt = (e) => (t, ...n) => {
+const Ve = "data-sb-agent-theme", Ft = (e) => (t, ...n) => {
   let o = "";
-  return t.forEach((i, s) => {
-    o += i + (n[s] ?? "");
+  return t.forEach((i, a) => {
+    o += i + (n[a] ?? "");
   }), `[${Ve}='${e}'] & { ${o} }`;
 }, B = {
-  light: Pt("light"),
-  dark: Pt("dark")
-}, zo = k(({ theme: e }) => {
+  light: Ft("light"),
+  dark: Ft("dark")
+}, Vo = k(({ theme: e }) => {
   const { palette: t } = e;
   return `
     :root,
@@ -1059,7 +1066,7 @@ const Ve = "data-sb-agent-theme", Pt = (e) => (t, ...n) => {
       --sendbird-overlay-light: ${t.overlay.light};
     }
   `;
-}), Wo = k`[${Ve}='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);}[${Ve}='dark'] &{--sb-text-high-emphasis:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled:var(--sendbird-ondark-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-onlight-text-disabled);--sb-bg-50-600:var(--sendbird-background-600);--sb-bg-100-500:var(--sendbird-background-500);--sb-bg-200-400:var(--sendbird-background-400);--sb-primary:var(--sendbird-primary-light);--sb-secondary:var(--sendbird-secondary-light);--sb-error:var(--sendbird-error-light);--sb-information:var(--sendbird-information-light);}`, u = {
+}), Go = k`[${Ve}='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);}[${Ve}='dark'] &{--sb-text-high-emphasis:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled:var(--sendbird-ondark-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-onlight-text-disabled);--sb-bg-50-600:var(--sendbird-background-600);--sb-bg-100-500:var(--sendbird-background-500);--sb-bg-200-400:var(--sendbird-background-400);--sb-primary:var(--sendbird-primary-light);--sb-secondary:var(--sendbird-secondary-light);--sb-error:var(--sendbird-error-light);--sb-information:var(--sendbird-information-light);}`, u = {
   color: {
     primary: {
       dark: "var(--sendbird-primary-dark)",
@@ -1100,49 +1107,49 @@ const Ve = "data-sb-agent-theme", Pt = (e) => (t, ...n) => {
     error: "var(--sb-error)"
   }
 }, {
-  Provider: Vo,
-  useContext: Go
+  Provider: jo,
+  useContext: Ko
 } = W("AIAgentTheme");
-function jo(e) {
+function Zo(e) {
   const { theme: t, appearance: n, logger: o } = e;
   return /* @__PURE__ */ r.createElement(
-    fo,
+    xo,
     {
       appearance: n,
       palette: t == null ? void 0 : t.palette,
       typography: t == null ? void 0 : t.typography,
       logger: o
     },
-    /* @__PURE__ */ r.createElement(Ko, { ...e })
+    /* @__PURE__ */ r.createElement(Yo, { ...e })
   );
 }
-function Ko({ rootElement: e = document.body, children: t }) {
-  const { theme: n, updateTheme: o } = yn();
+function Yo({ rootElement: e = document.body, children: t }) {
+  const { theme: n, updateTheme: o } = Cn();
   return ge(() => {
     e.setAttribute(Ve, n.selectedTheme);
-  }, [e, n.selectedTheme]), /* @__PURE__ */ r.createElement(yr, { theme: n }, /* @__PURE__ */ r.createElement(Vo, { value: { theme: n, updateTheme: o } }, t));
+  }, [e, n.selectedTheme]), /* @__PURE__ */ r.createElement(Cr, { theme: n }, /* @__PURE__ */ r.createElement(jo, { value: { theme: n, updateTheme: o } }, t));
 }
 function pe(e, t) {
   const n = e.getRootNode({ composed: t });
   return n instanceof ShadowRoot || n instanceof Document ? n : document;
 }
-const Zo = (e, t) => {
+const qo = (e, t) => {
   R(() => {
     const n = pe(t) instanceof ShadowRoot, o = pe(t, !0);
     if (!(n ? t : o).querySelector(`link[href*='${e}']`)) {
-      const s = o.createElement("link");
-      s.rel = "stylesheet", s.href = e, (n ? t : o.head).appendChild(s);
+      const a = o.createElement("link");
+      a.rel = "stylesheet", a.href = e, (n ? t : o.head).appendChild(a);
     }
   }, [e, t]);
-}, Yo = (e, t = document.body) => {
+}, Jo = (e, t = document.body) => {
   R(() => {
     const n = pe(t), i = n instanceof ShadowRoot ? t : n.head;
     if (!i) return;
-    const s = `sba-${btoa(e).slice(0, 10)}`;
-    let a = i.querySelector(`style#${s}`);
-    a ? a.textContent !== e && (a.textContent = e) : (a = i.ownerDocument.createElement("style"), a.id = s, a.textContent = e, i.appendChild(a));
+    const a = `sba-${btoa(e).slice(0, 10)}`;
+    let s = i.querySelector(`style#${a}`);
+    s ? s.textContent !== e && (s.textContent = e) : (s = i.ownerDocument.createElement("style"), s.id = a, s.textContent = e, i.appendChild(s));
   }, [e, t]);
-}, pt = /iPad|iPhone|iPod/.test(navigator.userAgent), qo = /Android/.test(navigator.userAgent), Le = (e) => pt || qo, Z = "sb-agent", X = {
+}, ht = /iPad|iPhone|iPod/.test(navigator.userAgent), Xo = /Android/.test(navigator.userAgent), Le = (e) => ht || Xo, Z = "sb-agent", X = {
   ENTRY: `${Z}-entry`,
   MODAL_ROOT: `${Z}-modal-root`,
   WINDOW: `${Z}-window`,
@@ -1153,13 +1160,13 @@ const Zo = (e, t) => {
   TOOLTIP: Pe - 2,
   WINDOW: Pe - 3,
   LAUNCHER: Pe - 4
-}, Sn = {
+}, wn = {
   SESSION: `@${Z}-session`,
   USER_DATA: `@${Z}-udata`
-}, wn = {
+}, kn = {
   DEFAULT_PRIMARY: "#742ddd",
   WHITE: "#ffffff"
-}, kn = 36, Jo = 100, Xo = 25 * 1024 * 1024, An = ["application/pdf", "image/jpeg", "image/jpg", "image/png"], ht = "noopener noreferrer nofollow", Fe = {}, q = {
+}, An = 36, Qo = 100, ei = 25 * 1024 * 1024, In = ["application/pdf", "image/jpeg", "image/jpg", "image/png"], ft = "noopener noreferrer nofollow", Fe = {}, q = {
   getItem: (e) => {
     try {
       return localStorage.getItem(e);
@@ -1194,78 +1201,78 @@ const Zo = (e, t) => {
     }
   }
 };
-function In(e) {
+function $n(e) {
   const { keyGenerator: t, keyParamsValidator: n } = e;
-  function o(a) {
+  function o(s) {
     try {
-      n && n(a);
-      const l = t(a), d = q.getItem(l);
+      n && n(s);
+      const l = t(s), d = q.getItem(l);
       return d ? JSON.parse(d) : null;
     } catch {
       return null;
     }
   }
-  function i(a, l) {
+  function i(s, l) {
     try {
-      n && n(a);
-      const d = t(a), g = JSON.stringify(l);
+      n && n(s);
+      const d = t(s), g = JSON.stringify(l);
       q.setItem(d, g);
     } catch {
     }
   }
-  function s(a) {
+  function a(s) {
     try {
-      n && n(a);
-      const l = t(a);
+      n && n(s);
+      const l = t(s);
       q.deleteItem(l);
     } catch {
     }
   }
-  return { get: o, set: i, clear: s };
+  return { get: o, set: i, clear: a };
 }
-const et = In({
+const et = $n({
   keyGenerator: ({ appId: e, aiAgentId: t, userId: n }) => {
-    const o = Qo(`${e}/${t}/${n}`);
-    return `${Sn.USER_DATA}/${o}`;
+    const o = ti(`${e}/${t}/${n}`);
+    return `${wn.USER_DATA}/${o}`;
   },
   keyParamsValidator: ({ appId: e, aiAgentId: t, userId: n }) => {
     if (!e || !t || !n)
       throw new Error("Invalid parameters for user data cache");
   }
 });
-function Qo(e) {
+function ti(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 tt = In({
-  keyGenerator: ({ appId: e, aiAgentId: t }) => `${Sn.SESSION}/${e}/${t}`
+const tt = $n({
+  keyGenerator: ({ appId: e, aiAgentId: t }) => `${wn.SESSION}/${e}/${t}`
 }), {
-  Provider: ei,
-  Consumer: $n,
+  Provider: ni,
+  Consumer: Mn,
   useContext: N
 } = W("Agent");
-function ti({
+function ri({
   children: e,
   state: t,
   enableCloseConversationButton: n = !1,
   enableExpandButton: o = !0,
   enableAutoDisconnectInLauncher: i = !0,
-  ...s
+  ...a
 }) {
-  const a = Ze(), [l, d] = C(!1), [g, m] = C(!1), p = {
+  const s = Ze(), [l, d] = T(!1), [g, m] = T(!1), p = {
     opened: (t == null ? void 0 : t.opened) ?? l,
     setOpened: (t == null ? void 0 : t.setOpened) ?? d,
     expanded: (t == null ? void 0 : t.expanded) ?? g,
     setExpanded: (t == null ? void 0 : t.setExpanded) ?? m
   };
   return /* @__PURE__ */ r.createElement(
-    ei,
+    ni,
     {
       value: {
-        ...s,
         ...a,
+        ...s,
         state: p,
         enableCloseConversationButton: n,
         enableExpandButton: o,
@@ -1275,31 +1282,31 @@ function ti({
     e
   );
 }
-function ni() {
-  const { chatSDK: e, logger: t } = N(), { shouldSyncCachedTemplate: n, syncCachedTemplates: o, clearCachedTemplates: i } = Tn(), s = P(
+function oi() {
+  const { chatSDK: e, logger: t } = N(), { shouldSyncCachedTemplate: n, syncCachedTemplates: o, clearCachedTemplates: i } = _n(), a = P(
     async (l, d) => {
-      t.debug("authManager.authenticate: session:", l.userId), d && e.setSessionHandler(new Er(d)), await e.connect(l.userId, l.authToken), t.debug("authManager.authenticate: user:", e.currentUser), n(e) && await o(e);
+      t.debug("authManager.authenticate: session:", l.userId), d && e.setSessionHandler(new vr(d)), await e.connect(l.userId, l.authToken), t.debug("authManager.authenticate: user:", e.currentUser), n(e) && await o(e);
     },
     [e, t, n, o]
-  ), a = P(async () => {
+  ), s = P(async () => {
     t.debug("authManager.deauthenticate: disconnect"), await e.disconnect(), i();
   }, [e, t, i]);
   return {
-    authenticate: s,
-    deauthenticate: a
+    authenticate: a,
+    deauthenticate: s
   };
 }
-const ri = 24 * 60 * 60 * 1e3, {
-  Provider: oi,
+const ii = 24 * 60 * 60 * 1e3, {
+  Provider: si,
   useContext: F
 } = W("MessengerSession");
-function ii({
+function ai({
   userSessionInfo: e,
   children: t
 }) {
-  const { appId: n, aiAgentId: o, chatSDK: i, agentPreviewConfigs: s, state: a, logger: l, language: d, countryCode: g, context: m, handlers: p } = N(), { updateTheme: h } = yn(), { authenticate: b, deauthenticate: x } = ni(), [v, f] = C(
+  const { appId: n, aiAgentId: o, chatSDK: i, agentPreviewConfigs: a, state: s, logger: l, language: d, countryCode: g, context: m, handlers: p } = N(), { updateTheme: h } = Cn(), { authenticate: b, deauthenticate: x } = oi(), [v, f] = T(
     void 0
-  ), [y, _] = C(void 0), [w, O] = C(null), [ee, H] = C(null), [le, _e] = C(null), E = s == null ? void 0 : s.forceCreateChannel;
+  ), [y, _] = T(void 0), [w, O] = T(null), [ee, H] = T(null), [le, _e] = T(null), E = a == null ? void 0 : a.forceCreateChannel;
   function U() {
     if (e) {
       l.debug("messengerSession.initialize: manual session info detected");
@@ -1309,7 +1316,7 @@ function ii({
       ), e;
     }
     const I = tt.get({ appId: n, aiAgentId: o });
-    return I ? I.expireAt - ri <= Date.now() ? (l.debug("messengerSession.initialize: auto session expired, clear cache"), tt.clear({ appId: n, aiAgentId: o }), et.clear({ appId: n, aiAgentId: o, userId: I.userId }), null) : (l.debug("messengerSession.initialize: auto session info detected"), I) : null;
+    return I ? I.expireAt - ii <= Date.now() ? (l.debug("messengerSession.initialize: auto session expired, clear cache"), tt.clear({ appId: n, aiAgentId: o }), et.clear({ appId: n, aiAgentId: o, userId: I.userId }), null) : (l.debug("messengerSession.initialize: auto session info detected"), I) : null;
   }
   const te = P(
     (I, A) => {
@@ -1352,18 +1359,18 @@ function ii({
     G,
     te
   ]);
-  return hn(i, {
+  return fn(i, {
     onChannelChanged: (I) => {
       var A;
       I.isGroupChannel() && I.url === (v == null ? void 0 : v.url) && (l.info("messengerSession.channelChanged: channel.conversation", I.conversation), f({ url: I.url, status: ((A = I.conversation) == null ? void 0 : A.status) ?? z.OPEN }));
     },
     async onUserJoined(I, A) {
       var j, fe;
-      if (I.conversation && I.conversation.type === Ar.PROACTIVE && A.userId === ((j = i.currentUser) == null ? void 0 : j.userId)) {
+      if (I.conversation && I.conversation.type === Ir.PROACTIVE && A.userId === ((j = i.currentUser) == null ? void 0 : j.userId)) {
         l.info("messengerSession.onUserJoined: proactive channel joined", I.url);
         const Se = ((fe = I.conversation) == null ? void 0 : fe.status) ?? z.OPEN;
-        f({ url: I.url, status: Se }), a.setOpened(!0), si({
-          sound: document.hidden || !a.opened
+        f({ url: I.url, status: Se }), s.setOpened(!0), li({
+          sound: document.hidden || !s.opened
         });
       }
     }
@@ -1411,7 +1418,7 @@ function ii({
         }), _e({
           type: L.launcher.image_type || "default_icon",
           imageUrl: L.launcher.image_url
-        }), L.launcher.auto_open && !Le() && setTimeout(() => a.setOpened(!0), 500);
+        }), L.launcher.auto_open && !Le() && setTimeout(() => s.setOpened(!0), 500);
       }
       function Se() {
         f({ url: L.active_channel.channel_url, status: z.OPEN });
@@ -1428,21 +1435,21 @@ function ii({
   }, [i, n, o, e == null ? void 0 : e.userId, e == null ? void 0 : e.authToken]), R(() => {
     p != null && p.onRegisterDeauthenticateHandler && (l.debug("messengerSession: registering deauthenticate handler"), p.onRegisterDeauthenticateHandler(x));
   }, [p == null ? void 0 : p.onRegisterDeauthenticateHandler, x]), !w || !ee || !le ? null : /* @__PURE__ */ r.createElement(
-    oi,
+    si,
     {
       value: {
         userSession: w,
         activeChannel: v,
         refreshActiveChannel: Xe,
         connectionError: y,
-        aiAgentInfo: { ...ee, ...s == null ? void 0 : s.bot },
-        launcherInfo: { ...le, ...s == null ? void 0 : s.launcher }
+        aiAgentInfo: { ...ee, ...a == null ? void 0 : a.bot },
+        launcherInfo: { ...le, ...a == null ? void 0 : a.launcher }
       }
     },
     t
   );
 }
-function si({ sound: e }) {
+function li({ sound: e }) {
   const t = "🔔You have received a new message", n = document.title, o = setInterval(() => {
     document.title = document.title === t ? n : t;
   }, 750);
@@ -1450,7 +1457,7 @@ function si({ sound: e }) {
     new Audio(i.default).play();
   });
 }
-const ai = ({ publishSynchronous: e = !1 }) => {
+const ci = ({ publishSynchronous: e = !1 }) => {
   const t = /* @__PURE__ */ new Set();
   return {
     publish: (n) => {
@@ -1461,33 +1468,33 @@ const ai = ({ publishSynchronous: e = !1 }) => {
     subscribe: (n) => (t.add(n), () => t.delete(n))
   };
 };
-function li(e, t = []) {
-  const n = D(null), o = D(0), i = D(0), [s] = C(() => ai({ publishSynchronous: !0 })), [a, l] = C(!0);
+function di(e, t = []) {
+  const n = D(null), o = D(0), i = D(0), [a] = T(() => ci({ publishSynchronous: !0 })), [s, l] = T(!0);
   return ge(() => {
     o.current = 0, i.current = 0, l(!0), n.current && (n.current.scrollTop = n.current.scrollHeight);
-  }, t), ge(() => s.subscribe(({ type: d, data: g }) => {
+  }, t), ge(() => a.subscribe(({ type: d, data: g }) => {
     const { resolve: m, animated: p } = g ?? {};
     if (!n.current) return m == null ? void 0 : m();
     if (d === "scrollToBottom" && (n.current.scroll ? n.current.scroll({
       top: n.current.scrollHeight,
-      behavior: Ft(e, p)
+      behavior: Ht(e, p)
     }) : n.current.scrollTop = n.current.scrollHeight, i.current = 0, l(!0), m == null || m()), d === "scroll") {
       const h = g == null ? void 0 : g.top, { scrollTop: b, scrollHeight: x, clientHeight: v } = n.current;
-      n.current.scroll ? n.current.scroll({ top: h, behavior: Ft(e, p) }) : typeof h == "number" && (n.current.scrollTop = h), i.current = Math.max(0, x - b - v), l(i.current === 0), m == null || m();
+      n.current.scroll ? n.current.scroll({ top: h, behavior: Ht(e, p) }) : typeof h == "number" && (n.current.scrollTop = h), i.current = Math.max(0, x - b - v), l(i.current === 0), m == null || m();
     }
   }), [e]), {
     scrollRef: n,
-    scrollPubSub: s,
-    isScrollBottomReached: a,
+    scrollPubSub: a,
+    isScrollBottomReached: s,
     setIsScrollBottomReached: l,
     scrollDistanceFromBottomRef: i,
     scrollPositionRef: o
   };
 }
-function Ft(e, t) {
+function Ht(e, t) {
   return typeof t == "boolean" ? t ? "smooth" : "auto" : e;
 }
-function ci(e) {
+function ui(e) {
   return new Promise((t) => {
     const n = new Image();
     n.onload = function() {
@@ -1496,50 +1503,50 @@ function ci(e) {
     }, n.src = URL.createObjectURL(e);
   });
 }
-async function di(e) {
+async function mi(e) {
   if ("file" in e && e.file instanceof File && e.file.type.startsWith("image/")) {
-    const { width: t, height: n } = await ci(e.file);
-    return new Or({
-      key: Mn,
+    const { width: t, height: n } = await ui(e.file);
+    return new Lr({
+      key: On,
       value: [t, n]
     });
   }
 }
-const Mn = "KEY_IMG_ASPECT_RATIO", ui = ({ onScroll: e }) => {
+const On = "KEY_IMG_ASPECT_RATIO", gi = ({ onScroll: e }) => {
   const { agentPreviewConfigs: t, handlers: n } = N(), o = D(t == null ? void 0 : t.agentAttributes);
   return o.current = t == null ? void 0 : t.agentAttributes, {
     onBeforeSendMessage: async (i) => {
-      const s = await di(i), a = {
+      const a = await mi(i), s = {
         ...i,
-        metaArrays: s ? [s] : void 0
-      }, l = mi(o.current);
-      return l ? { ...a, data: JSON.stringify(l) } : a;
+        metaArrays: a ? [a] : void 0
+      }, l = pi(o.current);
+      return l ? { ...s, data: JSON.stringify(l) } : s;
     },
     onAfterSendMessage: (i) => {
-      var s;
-      e(), (s = n == null ? void 0 : n.onMessageSend) == null || s.call(n, i.message);
+      var a;
+      e(), (a = n == null ? void 0 : n.onMessageSend) == null || a.call(n, i.message);
     }
   };
-}, mi = (e) => {
+}, pi = (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: gi,
+  Provider: hi,
   useContext: Y
-} = W("Conversation"), pi = ({
+} = W("Conversation"), fi = ({
   closedChannelUrl: e,
   onClearClosedChannelUrl: t,
   onNavigateToConversationList: n,
   children: o
 }) => {
-  const { activeChannel: i, refreshActiveChannel: s } = F(), a = li("smooth"), l = () => {
-    setTimeout(() => a.scrollPubSub.publish({ type: "scrollToBottom" }), 25);
-  }, { onBeforeSendMessage: d, onAfterSendMessage: g } = ui({ onScroll: l }), m = P(async () => {
-    await s(), e && (t == null || t());
-  }, [s, e, t]);
+  const { activeChannel: i, refreshActiveChannel: a } = F(), s = di("smooth"), l = () => {
+    setTimeout(() => s.scrollPubSub.publish({ type: "scrollToBottom" }), 25);
+  }, { onBeforeSendMessage: d, onAfterSendMessage: g } = gi({ onScroll: l }), m = P(async () => {
+    await a(), e && (t == null || t());
+  }, [a, e, t]);
   return /* @__PURE__ */ r.createElement(
-    Qr,
+    eo,
     {
       channelUrl: e || (i == null ? void 0 : i.url),
       onBeforeSendMessage: d,
@@ -1549,9 +1556,9 @@ const Mn = "KEY_IMG_ASPECT_RATIO", ui = ({ onScroll: e }) => {
       onConversationClosedViaDispatcher: m
     },
     (p) => /* @__PURE__ */ r.createElement(
-      gi,
+      hi,
       {
-        value: { ...p, scrollSource: a, goToActiveConversation: m, onNavigateToConversationList: n }
+        value: { ...p, scrollSource: s, goToActiveConversation: m, onNavigateToConversationList: n }
       },
       o
     )
@@ -1559,42 +1566,42 @@ const Mn = "KEY_IMG_ASPECT_RATIO", ui = ({ onScroll: e }) => {
 };
 function Ge() {
 }
-async function On(e) {
+async function Ln(e) {
   let t = e;
   t && (!t.startsWith("http://") && !t.startsWith("https://") && (t = "https://" + t), window.open(t, "_blank", "noopener,noreferrer"));
 }
-function Ht(e) {
+function Ut(e) {
   try {
     return JSON.parse(e === "" ? "{}" : e);
   } catch {
     return {};
   }
 }
-function Ln(e) {
+function Rn(e) {
   return !e || !e.conversation ? !1 : e.conversation.status === z.CLOSED;
 }
-function Rn(e) {
+function Nn(e) {
   return !e || !e.conversation ? !1 : e.conversation.status === z.OPEN;
 }
-function hi(e) {
+function bi(e) {
   var o;
   const t = (o = e == null ? void 0 : e.conversation) == null ? void 0 : o.handoff, n = !!(t != null && t.timestamp);
-  return Rn(e) && !n;
+  return Nn(e) && !n;
 }
-const ft = ye({
+const bt = ye({
   onDrop: Ge,
   subscribe: () => Ge
 }), lt = ({ children: e }) => {
   const t = D(/* @__PURE__ */ new Set());
   return /* @__PURE__ */ r.createElement(
-    ft.Provider,
+    bt.Provider,
     {
       value: {
         onDrop: (n) => {
           var o;
           if (n.preventDefault(), (o = n.dataTransfer) != null && o.files) {
             const i = Array.from(n.dataTransfer.files);
-            i.length > 0 && t.current.forEach((s) => s(i));
+            i.length > 0 && t.current.forEach((a) => a(i));
           }
         },
         subscribe: (n) => (t.current.add(n), () => t.current.delete(n))
@@ -1602,96 +1609,97 @@ const ft = ye({
     },
     e
   );
-}, fi = ({ onDropFiles: e }) => {
-  const { subscribe: t } = J(ft);
+}, xi = ({ onDropFiles: e }) => {
+  const { subscribe: t } = J(bt);
   R(() => t(e), [e]);
 };
 lt.Consumer = ({ children: e }) => {
-  const { onDrop: t } = J(ft);
+  const { onDrop: t } = J(bt);
   return e({ onDrop: t, onDragOver: (i) => i.preventDefault() });
 };
 const se = (e) => {
   const t = e;
   return typeof t == "number" ? `${t}px` : t;
-}, bi = /* @__PURE__ */ new Set(["send", "chat", "message", "chevron-right"]), xi = {
-  spinner: T(() => import("./BcUGcaq2.js")),
-  chat: T(() => import("./DcFCGVBm.js")),
-  message: T(() => import("./DsGXnanX.js")),
-  error: T(() => import("./B6fvrWGq.js")),
-  info: T(() => import("./CAIYsKDy.js")),
-  refresh: T(() => import("./B6xd54zt.js")),
-  "chevron-down": T(() => import("./BsimU71m.js")),
-  "chevron-right": T(() => import("./NmJl7zv3.js")),
-  done: T(() => import("./D_q6g3Dd.js")),
-  user: T(() => import("./CvqfQEhO.js")),
-  "file-document": T(() => import("./BAr50pfO.js")),
-  download: T(() => import("./B2CtcWp3.js")),
-  attach: T(() => import("./DY2ULcTX.js")),
-  delete: T(() => import("./DMruRpOm.js")),
-  close: T(() => import("./CuaBI7kd.js")),
-  "close-filled": T(() => import("./CxQFWLnW.js")),
-  send: T(() => import("./DZJyDpNp.js")),
-  menu: T(() => import("./BUYabNz7.js")),
-  expand: T(() => import("./wBtIAuNm.js")),
-  collapse: T(() => import("./C0RFfifL.js")),
-  agent: T(() => import("./Cc7XmLN1.js")),
-  question: T(() => import("./dqwvRBog.js")),
-  actionbook: T(() => import("./CrjNuryZ.js")),
-  function: T(() => import("./CvdSjw1c.js")),
-  "radio-on": T(() => import("./nmdo2Fbj.js")),
-  "radio-off": T(() => import("./BnZcRFmS.js")),
-  confluence: T(() => import("./BOnlh2zd.js")),
-  zendesk: T(() => import("./BAJ6LEKc.js")),
-  salesforce: T(() => import("./CT2kv4lr.js")),
-  sprinklr: T(() => import("./m2INcyV2.js")),
-  website: T(() => import("./BgGVGNdg.js")),
-  snippet: T(() => import("./BFcXPuf5.js")),
-  template: T(() => import("./awO7aBCv.js"))
+}, Ei = /* @__PURE__ */ new Set(["send", "chat", "message", "chevron-right"]), vi = {
+  spinner: C(() => import("./BcUGcaq2.js")),
+  chat: C(() => import("./DcFCGVBm.js")),
+  message: C(() => import("./DsGXnanX.js")),
+  error: C(() => import("./B6fvrWGq.js")),
+  info: C(() => import("./CAIYsKDy.js")),
+  refresh: C(() => import("./B6xd54zt.js")),
+  "chevron-down": C(() => import("./BsimU71m.js")),
+  "chevron-right": C(() => import("./NmJl7zv3.js")),
+  done: C(() => import("./D_q6g3Dd.js")),
+  user: C(() => import("./CvqfQEhO.js")),
+  "file-document": C(() => import("./BAr50pfO.js")),
+  download: C(() => import("./B2CtcWp3.js")),
+  attach: C(() => import("./DY2ULcTX.js")),
+  delete: C(() => import("./DMruRpOm.js")),
+  close: C(() => import("./CuaBI7kd.js")),
+  "close-filled": C(() => import("./CxQFWLnW.js")),
+  send: C(() => import("./DZJyDpNp.js")),
+  menu: C(() => import("./BUYabNz7.js")),
+  expand: C(() => import("./wBtIAuNm.js")),
+  collapse: C(() => import("./C0RFfifL.js")),
+  agent: C(() => import("./Cc7XmLN1.js")),
+  question: C(() => import("./dqwvRBog.js")),
+  actionbook: C(() => import("./CrjNuryZ.js")),
+  function: C(() => import("./CvdSjw1c.js")),
+  "radio-on": C(() => import("./nmdo2Fbj.js")),
+  "radio-off": C(() => import("./BnZcRFmS.js")),
+  confluence: C(() => import("./BOnlh2zd.js")),
+  zendesk: C(() => import("./BAJ6LEKc.js")),
+  salesforce: C(() => import("./CT2kv4lr.js")),
+  sprinklr: C(() => import("./m2INcyV2.js")),
+  website: C(() => import("./BgGVGNdg.js")),
+  snippet: C(() => import("./BFcXPuf5.js")),
+  template: C(() => import("./awO7aBCv.js"))
 }, $ = ({ type: e, size: t = 24, className: n, color: o }) => {
-  const i = xi[e];
+  const i = vi[e];
   return /* @__PURE__ */ r.createElement(
-    vi,
+    Ci,
     {
       className: n,
-      $rtlFlip: bi.has(e),
+      $rtlFlip: Ei.has(e),
       $size: t,
       $color: o ?? u.color.primary.main
     },
     /* @__PURE__ */ r.createElement($e, { fallback: null }, /* @__PURE__ */ r.createElement(i, null))
   );
-}, Ei = k`[dir='rtl'] &{transform:scaleX(-1);}`, vi = c.div`width:${({ $size: e }) => se(e)};height:${({ $size: e }) => se(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 && Ei};`, S = ({
+}, yi = k`[dir='rtl'] &{transform:scaleX(-1);}`, Ci = c.div`width:${({ $size: e }) => se(e)};height:${({ $size: e }) => se(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 && yi};`, S = ({
   as: e,
   variant: t = "body1",
   color: n,
   className: o,
   ...i
-}) => /* @__PURE__ */ r.createElement(Ci, { as: e, $variant: t, className: o, $color: n, ...i }), Ut = /* @__PURE__ */ new WeakMap(), yi = (e, t) => {
-  let n = Ut.get(t);
-  n || (n = /* @__PURE__ */ new Map(), Ut.set(t, n));
+}) => /* @__PURE__ */ r.createElement(_i, { as: e, $variant: t, className: o, $color: n, ...i }), zt = /* @__PURE__ */ new WeakMap(), Ti = (e, t) => {
+  let n = zt.get(t);
+  n || (n = /* @__PURE__ */ new Map(), zt.set(t, n));
   const o = n.get(e);
   if (o) return o;
-  const i = t[e] ?? t.body1, s = k`font-size:${se(i.fontSize)};font-weight:${i.fontWeight};${i.fontFamily ? `font-family: ${i.fontFamily};` : ""}
+  const i = t[e] ?? t.body1, a = k`font-size:${se(i.fontSize)};font-weight:${i.fontWeight};${i.fontFamily ? `font-family: ${i.fontFamily};` : ""}
+    ${i.lineHeight ? `line-height: ${i.lineHeight};` : "line-height: 100%;"}
   `;
-  return n.set(e, s), s;
-}, Ci = c.span`font-stretch:normal;font-style:normal;letter-spacing:normal;line-height:100%;${({ $variant: e, theme: t }) => yi(e, t.typography)}color:${({ $color: e }) => e};`, $d = ({ iconSize: e = 64, icon: t, className: n, label: o, children: i }) => /* @__PURE__ */ r.createElement(_i, { className: n }, /* @__PURE__ */ r.createElement($, { type: t, size: e, color: u.themedColor.textLowEmphasis }), /* @__PURE__ */ r.createElement(S, { variant: "body1", color: u.themedColor.textMidEmphasis }, o), i), Ti = c.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`, _i = c.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`, Si = {
-  loading: T(() => import("./xCNPjZNB.js")),
-  error: T(() => import("./Cfv5QpcS.js")),
-  noChannels: T(() => import("./BdwtEHgL.js")),
-  noMessages: T(() => import("./CXSnn4qx.js"))
+  return n.set(e, a), a;
+}, _i = c.span`font-stretch:normal;font-style:normal;letter-spacing:normal;${({ $variant: e, theme: t }) => Ti(e, t.typography)}color:${({ $color: e }) => e};`, Od = ({ iconSize: e = 64, icon: t, className: n, label: o, children: i }) => /* @__PURE__ */ r.createElement(wi, { className: n }, /* @__PURE__ */ r.createElement($, { type: t, size: e, color: u.themedColor.textLowEmphasis }), /* @__PURE__ */ r.createElement(S, { variant: "body1", color: u.themedColor.textMidEmphasis }, o), i), Si = c.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`, wi = c.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`, ki = {
+  loading: C(() => import("./D_jG_XZn.js")),
+  error: C(() => import("./CSc2-BOs.js")),
+  noChannels: C(() => import("./DeR_25I_.js")),
+  noMessages: C(() => import("./XE_dyn7i.js"))
 }, Ee = ({ className: e, type: t = "loading", ...n }) => {
-  const o = Si[t];
-  return /* @__PURE__ */ r.createElement(Ti, { className: e }, /* @__PURE__ */ r.createElement($e, { fallback: null }, /* @__PURE__ */ r.createElement(o, { ...n })));
-}, Re = 244, Nn = 640, je = 26, Dn = 4, Q = 12, Te = 2, wi = 16, ae = `${Z}-incoming-msg`, ki = `${Z}-marked-text`;
-function bt(e) {
+  const o = ki[t];
+  return /* @__PURE__ */ r.createElement(Si, { className: e }, /* @__PURE__ */ r.createElement($e, { fallback: null }, /* @__PURE__ */ r.createElement(o, { ...n })));
+}, Re = 244, Dn = 640, je = 26, Bn = 4, Q = 12, Te = 2, Ai = 16, ae = `${Z}-incoming-msg`, Ii = `${Z}-marked-text`;
+function xt(e) {
   switch (e) {
     case "top":
     case "middle":
       return Te;
     default:
-      return wi;
+      return Ai;
   }
 }
-function xt(e, t) {
+function Et(e, t) {
   if (t) {
     const [, n] = t.split("/");
     if (n)
@@ -1704,134 +1712,134 @@ function xt(e, t) {
   }
   return "FILE";
 }
-function Bn(e) {
+function Pn(e) {
   return e.messageType === "file" ? e.message.length > 0 && e.file.name !== e.message : e.message.length > 0;
 }
-function Et({
+function vt({
   name: e,
   type: t = "FILE",
   iconColor: n,
   iconBackgroundColor: o,
   onClick: i
 }) {
-  const { colors: s } = ut();
-  return /* @__PURE__ */ r.createElement(Ai, { onClick: i, $clickable: !!i }, /* @__PURE__ */ r.createElement($i, { $bgColor: o ?? s.base.primary }, /* @__PURE__ */ r.createElement($, { type: "file-document", size: 24, color: n ?? s.base.primaryContrastContent })), /* @__PURE__ */ r.createElement(Mi, null, /* @__PURE__ */ r.createElement(Oi, { variant: "button", color: u.themedColor.textHighEmphasis }, e), /* @__PURE__ */ r.createElement(S, { color: u.themedColor.textMidEmphasis, variant: "caption3" }, t)));
+  const { colors: a } = mt();
+  return /* @__PURE__ */ r.createElement($i, { onClick: i, $clickable: !!i }, /* @__PURE__ */ r.createElement(Oi, { $bgColor: o ?? a.base.primary }, /* @__PURE__ */ r.createElement($, { type: "file-document", size: 24, color: n ?? a.base.primaryContrastContent })), /* @__PURE__ */ r.createElement(Li, null, /* @__PURE__ */ r.createElement(Ri, { variant: "button", color: u.themedColor.textHighEmphasis }, e), /* @__PURE__ */ r.createElement(S, { color: u.themedColor.textMidEmphasis, variant: "caption3" }, t)));
 }
-const Ai = c.div`border-radius:12px;gap:8px;width:${Re}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${u.themedColor.textDisabled};background-color:${u.themedColor.bg_50_600};${({ $clickable: e }) => e && Ii}`, Ii = k`cursor:pointer;&:hover{background-color:${u.themedColor.bg_100_500};}`, $i = c.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({ $bgColor: e }) => e};`, Mi = c.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`, Oi = c(S)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;
-function Li({ file: e, children: t, onClickFile: n }) {
-  return /* @__PURE__ */ r.createElement(Ri, null, /* @__PURE__ */ r.createElement(
-    Et,
+const $i = c.div`border-radius:12px;gap:8px;width:${Re}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${u.themedColor.textDisabled};background-color:${u.themedColor.bg_50_600};${({ $clickable: e }) => e && Mi}`, Mi = k`cursor:pointer;&:hover{background-color:${u.themedColor.bg_100_500};}`, Oi = c.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({ $bgColor: e }) => e};`, Li = c.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`, Ri = c(S)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;
+function Ni({ file: e, children: t, onClickFile: n }) {
+  return /* @__PURE__ */ r.createElement(Di, null, /* @__PURE__ */ r.createElement(
+    vt,
     {
       name: e.name,
-      type: xt(e.name, e.type),
+      type: Et(e.name, e.type),
       onClick: n && (() => n == null ? void 0 : n(e))
     }
   ), t);
 }
-const Ri = c.div`display:flex;flex-direction:column;align-items:flex-start;gap:${Te}px;`;
-function Ni({ file: e, onClickMedia: t, children: n }) {
-  const o = () => e.type.startsWith("image") ? /* @__PURE__ */ r.createElement(Pi, { src: e.url, alt: "image-message" }) : e.type.startsWith("video") ? /* @__PURE__ */ r.createElement(Fi, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: e.url }), /* @__PURE__ */ r.createElement("track", { kind: "captions" })) : null;
+const Di = c.div`display:flex;flex-direction:column;align-items:flex-start;gap:${Te}px;`;
+function Bi({ file: e, onClickMedia: t, children: n }) {
+  const o = () => e.type.startsWith("image") ? /* @__PURE__ */ r.createElement(Hi, { src: e.url, alt: "image-message" }) : e.type.startsWith("video") ? /* @__PURE__ */ r.createElement(Ui, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: e.url }), /* @__PURE__ */ r.createElement("track", { kind: "captions" })) : null;
   if (o) {
     const i = {
       id: `${ae}-media-body`,
       onClick: () => t == null ? void 0 : t(e)
     };
-    return /* @__PURE__ */ r.createElement(Di, null, /* @__PURE__ */ r.createElement(Bi, { ...i }, o()), n);
+    return /* @__PURE__ */ r.createElement(Pi, null, /* @__PURE__ */ r.createElement(Fi, { ...i }, o()), n);
   }
   return null;
 }
-const Di = c.div`display:flex;flex-direction:column;align-items:flex-start;gap:${Te}px;`, Bi = c.div`width:${Re}px;height:160px;border-radius:12px;overflow:hidden;cursor:pointer;${B.light`
+const Pi = c.div`display:flex;flex-direction:column;align-items:flex-start;gap:${Te}px;`, Fi = c.div`width:${Re}px;height:160px;border-radius:12px;overflow:hidden;cursor:pointer;${B.light`
     background-color: ${u.color.background100};
   `}
   ${B.dark`
     background-color: ${u.color.background400};
   `}
-`, Pi = c.img`width:100%;height:100%;object-fit:cover;`, Fi = c.video`width:100%;height:100%;object-fit:cover;`, Hi = "✱";
-function Pn(e) {
-  const t = new RegExp(`${Hi}+`, "g");
-  return e.replace(t, (n) => `<span id=${ki} aria-label="masked-text">${n}</span>`);
+`, Hi = c.img`width:100%;height:100%;object-fit:cover;`, Ui = c.video`width:100%;height:100%;object-fit:cover;`, zi = "✱";
+function Fn(e) {
+  const t = new RegExp(`${zi}+`, "g");
+  return e.replace(t, (n) => `<span id=${Ii} aria-label="masked-text">${n}</span>`);
 }
-function Ui(e) {
+function Wi(e) {
   const t = /```(\w+)?\n([\s\S]*?)```/g, n = [];
   let o = 0;
-  return e.replace(t, (i, ...s) => {
-    const [a, l, d] = s;
+  return e.replace(t, (i, ...a) => {
+    const [s, l, d] = a;
     return o < d && n.push({
       type: "text",
       value: e.slice(o, d).trim()
     }), n.push({
       type: "code",
       value: l.trim(),
-      language: a ? a.trim() : "plaintext"
+      language: s ? s.trim() : "plaintext"
     }), o = d + i.length, i;
   }), o < e.length && n.push({
     type: "text",
     value: e.slice(o).trim()
-  }), n.map((i) => i.type !== "text" ? i : { ...i, value: Pn(i.value) });
+  }), n.map((i) => i.type !== "text" ? i : { ...i, value: Fn(i.value) });
 }
-const zi = T(async () => ({ default: (await import("./BvhxxGUf.js")).MarkdownText })), Wi = T(async () => ({ default: (await import("./DH2PekOm.js")).CodeBlock }));
-function zt(e) {
-  var i, s;
-  const t = e.maxBodyWidth ?? Re, n = Ie(() => Ui(e.message), [e.message]), o = {
+const Vi = C(async () => ({ default: (await import("./Dde5r6cu.js")).MarkdownText })), Gi = C(async () => ({ default: (await import("./DH2PekOm.js")).CodeBlock }));
+function Wt(e) {
+  var i, a;
+  const t = e.maxBodyWidth ?? Re, n = Ie(() => Wi(e.message), [e.message]), o = {
     id: `${ae}-text-body`,
     $maxWidth: t,
     $color: (i = e.customStyle) == null ? void 0 : i.bubbleContentColor,
-    $bgColor: (s = e.customStyle) == null ? void 0 : s.bubbleBackgroundColor
+    $bgColor: (a = e.customStyle) == null ? void 0 : a.bubbleBackgroundColor
   };
-  return n.length === 0 ? e.children ? /* @__PURE__ */ r.createElement(Wt, { ...o }, e.children) : null : /* @__PURE__ */ r.createElement(Wt, { ...o }, n.map((a, l) => a.type === "text" ? /* @__PURE__ */ r.createElement(Vt, { key: l, variant: "body3" }, /* @__PURE__ */ r.createElement($e, { fallback: a.value }, /* @__PURE__ */ r.createElement(zi, null, a.value))) : a.type === "code" ? /* @__PURE__ */ r.createElement($e, { key: l, fallback: /* @__PURE__ */ r.createElement(Vt, { variant: "body3" }, a.value) }, /* @__PURE__ */ r.createElement(Wi, { code: a.value, language: a.language })) : null), e.children);
+  return n.length === 0 ? e.children ? /* @__PURE__ */ r.createElement(Vt, { ...o }, e.children) : null : /* @__PURE__ */ r.createElement(Vt, { ...o }, n.map((s, l) => s.type === "text" ? /* @__PURE__ */ r.createElement(Gt, { key: l, variant: "body3" }, /* @__PURE__ */ r.createElement($e, { fallback: s.value }, /* @__PURE__ */ r.createElement(Vi, null, s.value))) : s.type === "code" ? /* @__PURE__ */ r.createElement($e, { key: l, fallback: /* @__PURE__ */ r.createElement(Gt, { variant: "body3" }, s.value) }, /* @__PURE__ */ r.createElement(Gi, { code: s.value, language: s.language })) : null), e.children);
 }
-const Wt = c.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e, $color: t, $bgColor: n }) => k`
+const Vt = c.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e, $color: t, $bgColor: n }) => k`
     color: ${t || e.colors.messageIncoming.text};
     background-color: ${n || e.colors.messageIncoming.background};
   `}
   padding: 12px 0;
   transition: max-width 0.3s;
   overflow-wrap: break-word;
-`, Vt = c(S)`align-items:flex-start;line-height:18px;white-space:pre-wrap;padding:0 12px;`;
-function Vi(e) {
-  const { stringSet: t } = M(), n = Bn(e) ? /* @__PURE__ */ r.createElement(zt, { ...e }) : null;
+`, Gt = c(S)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
+function ji(e) {
+  const { stringSet: t } = M(), n = Pn(e) ? /* @__PURE__ */ r.createElement(Wt, { ...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") ? /* @__PURE__ */ r.createElement(Ni, { ...e }, n) : /* @__PURE__ */ r.createElement(Li, { ...e }, n);
+    return o.type.startsWith("image") || o.type.startsWith("video") ? /* @__PURE__ */ r.createElement(Bi, { ...e }, n) : /* @__PURE__ */ r.createElement(Ni, { ...e }, n);
   }
-  return /* @__PURE__ */ r.createElement(zt, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
+  return /* @__PURE__ */ r.createElement(Wt, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
 }
-const vt = (e) => /* @__PURE__ */ r.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ 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 yt({ id: e, src: t, size: n = 56, onClick: o, style: i }) {
-  return /* @__PURE__ */ r.createElement(Gi, { id: e, tabIndex: 0, onClick: o, $size: se(n), style: i }, t ? /* @__PURE__ */ r.createElement(ji, { src: t }) : /* @__PURE__ */ r.createElement($, { type: "user", size: n }));
+const yt = (e) => /* @__PURE__ */ r.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ 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 Ct({ id: e, src: t, size: n = 56, onClick: o, style: i }) {
+  return /* @__PURE__ */ r.createElement(Ki, { id: e, tabIndex: 0, onClick: o, $size: se(n), style: i }, t ? /* @__PURE__ */ r.createElement(Zi, { src: t }) : /* @__PURE__ */ r.createElement($, { type: "user", size: n }));
 }
-const Gi = c.div`border-radius:50%;display:inline-block;overflow:hidden;position:relative;flex-shrink:0;height:${(e) => e.$size};width:${(e) => e.$size};background-color:${u.themedColor.bg_100_500};&:focus{outline:none;}`, ji = c.img`object-fit:cover;width:100%;height:100%;position:absolute;`;
-function Ki({ sender: e, isBotMessage: t }) {
+const Ki = c.div`border-radius:50%;display:inline-block;overflow:hidden;position:relative;flex-shrink:0;height:${(e) => e.$size};width:${(e) => e.$size};background-color:${u.themedColor.bg_100_500};&:focus{outline:none;}`, Zi = c.img`object-fit:cover;width:100%;height:100%;position:absolute;`;
+function Yi({ sender: e, isBotMessage: t }) {
   const n = `${ae}-sender-avatar`;
-  return !e.profileUrl && t ? /* @__PURE__ */ r.createElement(Zi, { id: n }, /* @__PURE__ */ r.createElement(vt, null)) : /* @__PURE__ */ r.createElement(yt, { id: n, size: je, src: e.profileUrl });
+  return !e.profileUrl && t ? /* @__PURE__ */ r.createElement(qi, { id: n }, /* @__PURE__ */ r.createElement(yt, null)) : /* @__PURE__ */ r.createElement(Ct, { id: n, size: je, src: e.profileUrl });
 }
-const Zi = c.div`flex-shrink:0;width:${je}px;height:${je}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 Yi({ sender: e }) {
-  return /* @__PURE__ */ r.createElement(qi, { id: `${ae}-sender-name`, variant: "caption1", color: u.themedColor.textMidEmphasis }, e.nickname);
+const qi = c.div`flex-shrink:0;width:${je}px;height:${je}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 Ji({ sender: e }) {
+  return /* @__PURE__ */ r.createElement(Xi, { id: `${ae}-sender-name`, variant: "caption1", color: u.themedColor.textMidEmphasis }, e.nickname);
 }
-const qi = c(S)`text-align:start;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-block:5px;padding-inline:0 7px;`;
-function Ji({ createdAt: e }) {
+const Xi = c(S)`text-align:start;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-block:5px;padding-inline:0 7px;`;
+function Qi({ createdAt: e }) {
   const { stringSet: t, format: n } = M();
   return e ? /* @__PURE__ */ r.createElement(S, { id: `${ae}-sent-time`, variant: "caption4", color: u.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
 }
-function Xi({ customStyle: e }) {
-  return /* @__PURE__ */ r.createElement(Qi, { $bgColor: e == null ? void 0 : e.bubbleBackgroundColor }, [0, 1, 2].map((t) => /* @__PURE__ */ r.createElement(es, { key: t, $color: e == null ? void 0 : e.bubbleContentColor })));
+function es({ customStyle: e }) {
+  return /* @__PURE__ */ r.createElement(ts, { $bgColor: e == null ? void 0 : e.bubbleBackgroundColor }, [0, 1, 2].map((t) => /* @__PURE__ */ r.createElement(ns, { key: t, $color: e == null ? void 0 : e.bubbleContentColor })));
 }
-const Qi = c.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};`, es = c.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 ts({
+const ts = c.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};`, ns = c.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 rs({
   extendedMessagePayload: e,
-  onClickCTA: t = ({ url: n }) => On(n)
+  onClickCTA: t = ({ url: n }) => Ln(n)
 }) {
   const n = e == null ? void 0 : e.cta_button;
-  return n ? /* @__PURE__ */ r.createElement(ns, { id: `${ae}-ext-cta-button`, role: "button", onClick: () => t(n) }, /* @__PURE__ */ r.createElement(rs, { variant: "button" }, n.label)) : null;
+  return n ? /* @__PURE__ */ r.createElement(os, { id: `${ae}-ext-cta-button`, role: "button", onClick: () => t(n) }, /* @__PURE__ */ r.createElement(is, { variant: "button" }, n.label)) : null;
 }
-const ns = c.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;background-color:${u.color.primary.main};color:${({ theme: e }) => e.colors.base.primaryContrastContent};&:hover{background-color:${u.color.primary.dark};}`, rs = c(S)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
-function os(e) {
+const os = c.div`display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:8px;background-color:${u.color.primary.main};color:${({ theme: e }) => e.colors.base.primaryContrastContent};&:hover{background-color:${u.color.primary.dark};}`, is = c(S)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
+function ss(e) {
   return /* @__PURE__ */ r.createElement(r.Fragment, null);
 }
-class is extends ur {
+class as extends mr {
   constructor(t) {
     super(t), this.state = {
       hasError: !1
@@ -1844,91 +1852,91 @@ class is extends ur {
     return this.state.hasError ? this.props.errorFallback : /* @__PURE__ */ r.createElement($e, { fallback: this.props.loadingFallback }, this.props.children);
   }
 }
-const ss = /* @__PURE__ */ new Set(["default"]), { MessageTemplate: as } = Pr({
-  parser: Dr,
-  renderer: Nr,
+const ls = /* @__PURE__ */ new Set(["default"]), { MessageTemplate: cs } = Fr({
+  parser: Br,
+  renderer: Dr,
   Container: (e) => /* @__PURE__ */ r.createElement("div", { ...e })
 });
-function ls(e) {
+function ds(e) {
   return /* @__PURE__ */ r.createElement(
-    is,
+    as,
     {
       errorFallback: e.messageTemplateErrorFallback,
       loadingFallback: e.messageTemplateLoadingFallback
     },
-    /* @__PURE__ */ r.createElement(cs, { ...e })
+    /* @__PURE__ */ r.createElement(us, { ...e })
   );
 }
-const cs = ({
+const us = ({
   extendedMessagePayload: e,
   onGetCachedMessageTemplate: t = () => null,
   onRequestMessageTemplate: n
 }) => {
   const o = e == null ? void 0 : e.message_template;
-  if (!ss.has((o == null ? void 0 : o.type) ?? "default")) throw new Error("Unsupported template type");
+  if (!ls.has((o == null ? void 0 : o.type) ?? "default")) throw new Error("Unsupported template type");
   if (!n) throw new Error("onRequestMessageTemplate is required");
-  const { theme: s } = Go(), a = Mo({
+  const { theme: a } = Ko(), s = Lo({
     onRequestTemplate: n,
     onGetCachedTemplate: t,
-    theme: s.selectedTheme,
+    theme: a.selectedTheme,
     templateKey: (o == null ? void 0 : o.key) ?? "invalid",
     variables: o == null ? void 0 : o.variables,
     viewVariables: o == null ? void 0 : o.view_variables,
-    aiAgentColorVariables: s.aiAgentColorVariables
+    aiAgentColorVariables: a.aiAgentColorVariables
   });
-  return /* @__PURE__ */ r.createElement(ds, { id: `${ae}-ext-message-template` }, /* @__PURE__ */ r.createElement(Br, { message: {} }, /* @__PURE__ */ r.createElement(as, { templateItems: a.body.items, templateVersion: a.version })));
-}, ds = c.div`box-sizing:border-box;overflow:hidden;width:100%;`;
-function us({
+  return /* @__PURE__ */ r.createElement(ms, { id: `${ae}-ext-message-template` }, /* @__PURE__ */ r.createElement(Pr, { message: {} }, /* @__PURE__ */ r.createElement(cs, { templateItems: s.body.items, templateVersion: s.version })));
+}, ms = c.div`box-sizing:border-box;overflow:hidden;width:100%;`;
+function gs({
   extendedMessagePayload: e,
   onClickSuggestedReply: t,
   suggestedRepliesDirection: n = "vertical"
 }) {
-  const [o, i] = C(!1), s = (e == null ? void 0 : e.suggested_replies) ?? [];
-  return s.length === 0 || o ? null : /* @__PURE__ */ r.createElement(ms, { id: `${ae}-ext-suggested-replies`, $type: n }, s.map((a, l) => /* @__PURE__ */ r.createElement(
-    gs,
+  const [o, i] = T(!1), a = (e == null ? void 0 : e.suggested_replies) ?? [];
+  return a.length === 0 || o ? null : /* @__PURE__ */ r.createElement(ps, { id: `${ae}-ext-suggested-replies`, $type: n }, a.map((s, l) => /* @__PURE__ */ r.createElement(
+    hs,
     {
       key: l,
       $type: n,
       variant: "body3",
       onClick: () => {
-        t && (t == null || t({ reply: a }), i(!0));
+        t && (t == null || t({ reply: s }), i(!0));
       }
     },
-    a
+    s
   )));
 }
-const ms = c.div`margin:16px 0;padding:0 ${Q}px;position:relative;display:flex;gap:8px;${({ $type: e }) => e === "vertical" ? ps : hs};`, gs = c(S)`box-sizing:border-box;padding:8px 12px;display:flex;align-items:center;border-radius:100px;cursor:pointer;word-break:break-word;color:${u.color.primary.main};border:1px solid ${u.color.primary.main};background-color:${u.themedColor.bg_50_600};&:hover{background-color:${u.themedColor.bg_100_500};}${({ $type: e, theme: t }) => k`
-    ${e === "vertical" ? fs : bs};
+const ps = c.div`margin:16px 0;padding:0 ${Q}px;position:relative;display:flex;gap:8px;${({ $type: e }) => e === "vertical" ? fs : bs};`, hs = c(S)`box-sizing:border-box;padding:8px 12px;display:flex;align-items:center;border-radius:20px / clamp(20px,5%,100px);cursor:pointer;word-break:break-word;color:${u.color.primary.main};border:1px solid ${u.color.primary.main};background-color:${u.themedColor.bg_50_600};&:hover{background-color:${u.themedColor.bg_100_500};}${({ $type: e, theme: t }) => k`
+    ${e === "vertical" ? xs : Es};
     &:active {
       background-color: ${t.colors.base.primary};
       color: ${t.colors.base.primaryContrastContent};
     }
   `}
-`, ps = k`flex-direction:column;align-items:flex-end;`, hs = k`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`, fs = k`max-width:calc(100% - 70px);white-space:pre-wrap;`, bs = k`white-space:nowrap;`;
-function Ct(e) {
+`, fs = k`flex-direction:column;align-items:flex-end;`, bs = k`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`, xs = k`max-width:calc(100% - 70px);white-space:pre-wrap;`, Es = k`white-space:nowrap;`;
+function Tt(e) {
   return e();
 }
 const ve = Ce({
-  template: xs,
+  template: vs,
   components: {
-    SenderName: Yi,
-    SenderAvatar: Ki,
-    SentTime: Ji,
-    MessageBody: Vi,
-    TypingIndicator: Xi,
-    SuggestedReplies: us,
-    MessageTemplate: ls,
-    CTAButton: ts,
-    MessageLogs: os
+    SenderName: Ji,
+    SenderAvatar: Yi,
+    SentTime: Qi,
+    MessageBody: ji,
+    TypingIndicator: es,
+    SuggestedReplies: gs,
+    MessageTemplate: ds,
+    CTAButton: rs,
+    MessageLogs: ss
   }
 });
-function xs(e) {
-  return /* @__PURE__ */ r.createElement(Fn, { ...e, testerMode: !1 });
+function vs(e) {
+  return /* @__PURE__ */ r.createElement(Hn, { ...e, testerMode: !1 });
 }
-function Fn(e) {
+function Hn(e) {
   var p, h, b, x;
-  const { components: t } = ve.useContext(), n = !!e.isTyping, o = e.testerMode, i = !!((p = e.extendedMessagePayload) != null && p.message_template), s = !!((h = e.extendedMessagePayload) != null && h.cta_button), a = !!e.createdAt, l = Ct(() => e.messageType === "user" ? e.message.length > 0 : !0), d = e.groupType === "top" || e.groupType === "single", g = e.groupType === "bottom" || e.groupType === "single", m = o ? 0 : je;
-  return /* @__PURE__ */ r.createElement(Es, { $marginBottom: n ? 0 : bt(e.groupType) }, d && /* @__PURE__ */ r.createElement(vs, null, !o && /* @__PURE__ */ r.createElement(t.SenderAvatar, { ...e }), /* @__PURE__ */ r.createElement(t.SenderName, { ...e })), /* @__PURE__ */ r.createElement(Lt, null, /* @__PURE__ */ r.createElement(nt, { $extraStartPadding: m }, n && /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }), /* @__PURE__ */ r.createElement(t.MessageBody, { ...e }, s && /* @__PURE__ */ r.createElement("div", { style: { marginTop: 12, marginInline: 12 } }, /* @__PURE__ */ r.createElement(t.CTAButton, { ...e })))), i && /* @__PURE__ */ r.createElement(Gt, { $startPadding: 0, $endPadding: 0, style: { marginTop: l ? Te : 0 } }, /* @__PURE__ */ r.createElement(
+  const { components: t } = ve.useContext(), n = !!e.isTyping, o = e.testerMode, i = !!((p = e.extendedMessagePayload) != null && p.message_template), a = !!((h = e.extendedMessagePayload) != null && h.cta_button), s = !!e.createdAt, l = Tt(() => e.messageType === "user" ? e.message.length > 0 : !0), d = e.groupType === "top" || e.groupType === "single", g = e.groupType === "bottom" || e.groupType === "single", m = o ? 0 : je;
+  return /* @__PURE__ */ r.createElement(ys, { $marginBottom: n ? 0 : xt(e.groupType) }, d && /* @__PURE__ */ r.createElement(Cs, null, !o && /* @__PURE__ */ r.createElement(t.SenderAvatar, { ...e }), /* @__PURE__ */ r.createElement(t.SenderName, { ...e })), /* @__PURE__ */ r.createElement(Rt, null, /* @__PURE__ */ r.createElement(nt, { $extraStartPadding: m }, n && /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }), /* @__PURE__ */ r.createElement(t.MessageBody, { ...e }, a && /* @__PURE__ */ r.createElement("div", { style: { marginTop: 12, marginInline: 12 } }, /* @__PURE__ */ r.createElement(t.CTAButton, { ...e })))), i && /* @__PURE__ */ r.createElement(jt, { $startPadding: 0, $endPadding: 0, style: { marginTop: l ? Te : 0 } }, /* @__PURE__ */ r.createElement(
     t.MessageTemplate,
     {
       ...e,
@@ -1942,71 +1950,71 @@ function Fn(e) {
       )),
       messageTemplateLoadingFallback: e.messageTemplateLoadingFallback ?? /* @__PURE__ */ r.createElement(nt, { $extraStartPadding: m }, /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }))
     }
-  ))), g && a && /* @__PURE__ */ r.createElement(ys, { $extraStartPadding: m + 8 }, /* @__PURE__ */ r.createElement(t.SentTime, { ...e })), /* @__PURE__ */ r.createElement(Lt, null, e.suggestedRepliesVisible && /* @__PURE__ */ r.createElement(Gt, null, /* @__PURE__ */ r.createElement(t.SuggestedReplies, { ...e })), /* @__PURE__ */ r.createElement(t.MessageLogs, { ...e })));
+  ))), g && s && /* @__PURE__ */ r.createElement(Ts, { $extraStartPadding: m + 8 }, /* @__PURE__ */ r.createElement(t.SentTime, { ...e })), /* @__PURE__ */ r.createElement(Rt, null, e.suggestedRepliesVisible && /* @__PURE__ */ r.createElement(jt, null, /* @__PURE__ */ r.createElement(t.SuggestedReplies, { ...e })), /* @__PURE__ */ r.createElement(t.MessageLogs, { ...e })));
 }
-const Es = c.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
+const ys = c.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
 `, Je = c.div`display:flex;align-self:stretch;justify-content:flex-start;${({ $startPadding: e = Q, $endPadding: t = Q, $extraStartPadding: n = 0 }) => `
     padding-inline: ${e + n}px ${t}px;
   `}
-`, vs = c(Je)`display:flex;flex-direction:row;align-items:center;gap:8px;`, nt = c(Je)`display:flex;`, ys = c(Je)`margin-top:${Dn}px;display:flex;align-items:flex-start;justify-content:flex-start;`, Gt = c(Je)`display:flex;flex-direction:column;${({ $startPadding: e = Q, $endPadding: t = Q, $extraStartPadding: n = 0 }) => `
+`, Cs = c(Je)`display:flex;flex-direction:row;align-items:center;gap:8px;`, nt = c(Je)`display:flex;`, Ts = c(Je)`margin-top:${Bn}px;display:flex;align-items:flex-start;justify-content:flex-start;`, jt = c(Je)`display:flex;flex-direction:column;${({ $startPadding: e = Q, $endPadding: t = Q, $extraStartPadding: n = 0 }) => `
     padding-inline: ${e + n}px ${t}px;
   `}
 `;
-function Cs({ file: e, children: t, onClickFile: n }) {
-  return /* @__PURE__ */ r.createElement(Ts, null, /* @__PURE__ */ r.createElement(
-    Et,
+function _s({ file: e, children: t, onClickFile: n }) {
+  return /* @__PURE__ */ r.createElement(Ss, null, /* @__PURE__ */ r.createElement(
+    vt,
     {
       name: e.name,
-      type: xt(e.name, e.type),
+      type: Et(e.name, e.type),
       onClick: n && (() => n == null ? void 0 : n(e))
     }
   ), t);
 }
-const Ts = c.div`display:flex;flex-direction:column;align-items:flex-end;gap:${Te}px;`, Hn = ({ className: e, children: t, size: n = 26 }) => /* @__PURE__ */ r.createElement(_s, { className: e, $size: n }, t ?? /* @__PURE__ */ r.createElement($, { type: "spinner", size: n })), _s = c.div`display:flex;align-items:center;justify-content:center;width:${({ $size: e }) => se(e)};height:${({ $size: e }) => se(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;
-function Ss({ file: e, metadata: t, onClickMedia: n, children: o }) {
-  const { aspectRatio: i, localFile: s } = t, [a] = C(() => s instanceof File ? URL.createObjectURL(s) : e.url), [l, d] = C(!1), g = {
+const Ss = c.div`display:flex;flex-direction:column;align-items:flex-end;gap:${Te}px;`, Un = ({ className: e, children: t, size: n = 26 }) => /* @__PURE__ */ r.createElement(ws, { className: e, $size: n }, t ?? /* @__PURE__ */ r.createElement($, { type: "spinner", size: n })), ws = c.div`display:flex;align-items:center;justify-content:center;width:${({ $size: e }) => se(e)};height:${({ $size: e }) => se(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;
+function ks({ file: e, metadata: t, onClickMedia: n, children: o }) {
+  const { aspectRatio: i, localFile: a } = t, [s] = T(() => a instanceof File ? URL.createObjectURL(a) : e.url), [l, d] = T(!1), g = {
     onClick: () => n == null ? void 0 : n(e),
     $ratio: i
   };
-  return /* @__PURE__ */ r.createElement(ws, null, /* @__PURE__ */ r.createElement(ks, { ...g }, !l && /* @__PURE__ */ r.createElement(Hn, { size: 26 }, /* @__PURE__ */ r.createElement($, { type: "spinner", color: "textLowEmphasis", size: 26 })), /* @__PURE__ */ r.createElement(As, { $loaded: l, src: a, alt: "image-message", onLoad: () => d(!0) })), o);
+  return /* @__PURE__ */ r.createElement(As, null, /* @__PURE__ */ r.createElement(Is, { ...g }, !l && /* @__PURE__ */ r.createElement(Un, { size: 26 }, /* @__PURE__ */ r.createElement($, { type: "spinner", color: "textLowEmphasis", size: 26 })), /* @__PURE__ */ r.createElement($s, { $loaded: l, src: s, alt: "image-message", onLoad: () => d(!0) })), o);
 }
-const ws = c.div`display:flex;flex-direction:column;align-items:flex-end;gap:${Te}px;`, ks = c.div`width:${Re}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;${B.light`
+const As = c.div`display:flex;flex-direction:column;align-items:flex-end;gap:${Te}px;`, Is = c.div`width:${Re}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;${B.light`
     background-color: ${u.color.background100};
   `}
   ${B.dark`
     background-color: ${u.color.background400};
   `}
-`, As = c.img`position:absolute;width:100%;height:100%;inset-block-start:0;inset-inline-start:0;object-fit:cover;opacity:${(e) => e.$loaded ? 1 : 0};transition:opacity 0.5s ease;`;
-function jt(e) {
+`, $s = c.img`position:absolute;width:100%;height:100%;inset-block-start:0;inset-inline-start:0;object-fit:cover;opacity:${(e) => e.$loaded ? 1 : 0};transition:opacity 0.5s ease;`;
+function Kt(e) {
   var n, o;
-  const t = Ie(() => fn.sanitize(Pn(e.message)), [e.message]);
+  const t = Ie(() => bn.sanitize(Fn(e.message)), [e.message]);
   return /* @__PURE__ */ r.createElement(
-    Is,
+    Ms,
     {
       $maxWidth: e.maxBodyWidth ?? Re,
       $color: (n = e.customStyle) == null ? void 0 : n.bubbleContentColor,
       $bgColor: (o = e.customStyle) == null ? void 0 : o.bubbleBackgroundColor
     },
-    /* @__PURE__ */ r.createElement($s, { variant: "body3", dangerouslySetInnerHTML: { __html: t } })
+    /* @__PURE__ */ r.createElement(Os, { variant: "body3", dangerouslySetInnerHTML: { __html: t } })
   );
 }
-const Is = c.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e, $color: t, $bgColor: n }) => k`
+const Ms = c.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e, $color: t, $bgColor: n }) => k`
     color: ${t || e.colors.messageOutgoing.text};
     background-color: ${n || e.colors.messageOutgoing.background};
   `}
   padding: 12px 0;
   transition: max-width 0.3s;
   overflow-wrap: break-word;
-`, $s = c(S)`align-items:flex-start;line-height:18px;white-space:pre-wrap;padding:0 12px;`;
-function Ms(e) {
-  const { stringSet: t } = M(), n = Bn(e) ? /* @__PURE__ */ r.createElement(jt, { ...e }) : null;
-  return e.messageType === "user" ? n : e.messageType === "file" ? e.file.type.startsWith("image") ? /* @__PURE__ */ r.createElement(Ss, { ...e }, n) : /* @__PURE__ */ r.createElement(Cs, { ...e }, n) : /* @__PURE__ */ r.createElement(jt, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
+`, Os = c(S)`align-items:flex-start;line-height:140%;white-space:pre-wrap;padding:0 12px;`;
+function Ls(e) {
+  const { stringSet: t } = M(), n = Pn(e) ? /* @__PURE__ */ r.createElement(Kt, { ...e }) : null;
+  return e.messageType === "user" ? n : e.messageType === "file" ? e.file.type.startsWith("image") ? /* @__PURE__ */ r.createElement(ks, { ...e }, n) : /* @__PURE__ */ r.createElement(_s, { ...e }, n) : /* @__PURE__ */ r.createElement(Kt, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
 }
-function Os({ sendingStatus: e }) {
-  const t = ut();
+function Rs({ sendingStatus: e }) {
+  const t = mt();
   switch (e) {
     case "pending":
-      return /* @__PURE__ */ r.createElement(Ls, { size: 16 }, /* @__PURE__ */ r.createElement($, { type: "spinner", color: t.colors.messageOutgoing.background, size: 16 }));
+      return /* @__PURE__ */ r.createElement(Ns, { size: 16 }, /* @__PURE__ */ r.createElement($, { type: "spinner", color: t.colors.messageOutgoing.background, size: 16 }));
     case "failed":
       return /* @__PURE__ */ r.createElement("div", { style: { marginBottom: 2 } }, /* @__PURE__ */ r.createElement($, { type: "error", color: u.themedColor.error, size: 16 }));
     case "scheduled":
@@ -2016,41 +2024,41 @@ function Os({ sendingStatus: e }) {
       return /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement($, { type: "chevron-down" }));
   }
 }
-const Ls = c(Hn)`margin-bottom:2px;width:16px;height:16px;`;
-function Rs({ createdAt: e }) {
+const Ns = c(Un)`margin-bottom:2px;width:16px;height:16px;`;
+function Ds({ createdAt: e }) {
   const { stringSet: t, format: n } = M();
   return e ? /* @__PURE__ */ r.createElement(S, { variant: "caption4", color: u.themedColor.textLowEmphasis }, n(e, t.DATE_FORMAT__MESSAGE_TIMESTAMP)) : null;
 }
-const Tt = Ce({
-  template: Ns,
+const _t = Ce({
+  template: Bs,
   components: {
-    SendingStatus: Os,
-    SentTime: Rs,
-    MessageBody: Ms
+    SendingStatus: Rs,
+    SentTime: Ds,
+    MessageBody: Ls
   }
 });
-function Ns(e) {
-  const { components: t } = Tt.useContext(), n = e.sendingStatus === "succeeded", o = e.groupType === "bottom" || e.groupType === "single";
-  return /* @__PURE__ */ r.createElement(Ds, { $marginBottom: bt(e.groupType) }, /* @__PURE__ */ r.createElement(Bs, null, /* @__PURE__ */ r.createElement(t.MessageBody, { ...e })), o && /* @__PURE__ */ r.createElement(Ps, { $extraEndPadding: 8 }, n ? /* @__PURE__ */ r.createElement(t.SentTime, { ...e }) : /* @__PURE__ */ r.createElement(t.SendingStatus, { ...e })));
+function Bs(e) {
+  const { components: t } = _t.useContext(), n = e.sendingStatus === "succeeded", o = e.groupType === "bottom" || e.groupType === "single";
+  return /* @__PURE__ */ r.createElement(Ps, { $marginBottom: xt(e.groupType) }, /* @__PURE__ */ r.createElement(Fs, null, /* @__PURE__ */ r.createElement(t.MessageBody, { ...e })), o && /* @__PURE__ */ r.createElement(Hs, { $extraEndPadding: 8 }, n ? /* @__PURE__ */ r.createElement(t.SentTime, { ...e }) : /* @__PURE__ */ r.createElement(t.SendingStatus, { ...e })));
 }
-const Ds = c.div`display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
-`, Un = c.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;`};
-`, Bs = c(Un)``, Ps = c(Un)`margin-top:${Dn}px;`;
-function Fs(e) {
-  return e.messageType !== "admin" ? null : /* @__PURE__ */ r.createElement(Hs, null, /* @__PURE__ */ r.createElement(S, { variant: "caption2", color: u.themedColor.textMidEmphasis }, Us(fn.sanitize(e.message))));
+const Ps = c.div`display:flex;flex:1;flex-direction:column;align-items:flex-end;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
+`, zn = c.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;`};
+`, Fs = c(zn)``, Hs = c(zn)`margin-top:${Bn}px;`;
+function Us(e) {
+  return e.messageType !== "admin" ? null : /* @__PURE__ */ r.createElement(zs, null, /* @__PURE__ */ r.createElement(S, { variant: "caption2", color: u.themedColor.textMidEmphasis }, Ws(bn.sanitize(e.message))));
 }
-const Hs = c.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color:inherit;}`, Us = (e) => {
+const zs = c.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color:inherit;}`, Ws = (e) => {
   const t = /\[([^\]]+)\]\((https?:\/\/[^\s]+)\)/g, n = [];
   let o = 0;
-  return e.replace(t, (i, s, a, l) => (n.push(e.slice(o, l)), n.push(
-    /* @__PURE__ */ r.createElement("a", { key: a, href: a, target: "_blank", rel: ht }, s)
+  return e.replace(t, (i, a, s, l) => (n.push(e.slice(o, l)), n.push(
+    /* @__PURE__ */ r.createElement("a", { key: s, href: s, target: "_blank", rel: ft }, a)
   ), o = l + i.length, i)), n.push(e.slice(o)), n;
-}, zs = ({ submitted: e, defaultValue: t, value: n, onChange: o }) => {
+}, Vs = ({ submitted: e, defaultValue: t, value: n, onChange: o }) => {
   const { stringSet: i } = M();
   return R(() => {
     typeof n > "u" && typeof t == "boolean" && (o == null || o(t));
-  }, [n, t]), /* @__PURE__ */ r.createElement(Ws, null, /* @__PURE__ */ r.createElement(S, { variant: "caption2", color: u.themedColor.textMidEmphasis }, i.CSAT_CRE_TITLE), /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement(
-    Kt,
+  }, [n, t]), /* @__PURE__ */ r.createElement(Gs, null, /* @__PURE__ */ r.createElement(S, { variant: "caption2", color: u.themedColor.textMidEmphasis }, i.CSAT_CRE_TITLE), /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement(
+    Zt,
     {
       checked: n === !0,
       label: i.CSAT_CRE_SOLVED,
@@ -2058,7 +2066,7 @@ const Hs = c.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
       onClick: () => o == null ? void 0 : o(!0)
     }
   ), /* @__PURE__ */ r.createElement(
-    Kt,
+    Zt,
     {
       checked: n === !1,
       label: i.CSAT_CRE_NOT_SOLVED,
@@ -2066,17 +2074,17 @@ const Hs = c.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
       onClick: () => o == null ? void 0 : o(!1)
     }
   )));
-}, Kt = ({ onClick: e, checked: t, label: n, disabled: o }) => {
-  const i = t ? u.color.primary.main : o ? u.themedColor.textDisabled : u.themedColor.textLowEmphasis, s = t ? u.themedColor.textHighEmphasis : o ? u.themedColor.textLowEmphasis : u.themedColor.textHighEmphasis;
-  return /* @__PURE__ */ r.createElement(Vs, { onClick: e, disabled: o }, /* @__PURE__ */ r.createElement($, { size: 24, type: t ? "radio-on" : "radio-off", color: i }), /* @__PURE__ */ r.createElement(S, { variant: "caption2", color: s }, n));
-}, Ws = c.div`display:flex;flex-direction:column;gap:8px;`, Vs = c.button`all:unset;display:flex;align-items:center;justify-content:flex-start;gap:2px;span{line-height:initial;}&:enabled{cursor:pointer;}`, Gs = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", id: "csat1", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ 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: 0.12 }), /* @__PURE__ */ 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: 0.12 }), /* @__PURE__ */ 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: 0.12 })), js = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ 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)" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ r.createElement("defs", null, /* @__PURE__ */ r.createElement("linearGradient", { id: "paint0_linear_159_173206", x1: 20, y1: 2.08325, x2: 20, y2: 37.9166, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ r.createElement("stop", { stopColor: "#FF2D1D" }), /* @__PURE__ */ r.createElement("stop", { offset: 1, stopColor: "#FFA540" })))), Ks = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ 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: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ 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: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), Zs = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" })), Ys = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ r.createElement("path", { d: "M13.348 15H13.333M26.6663 15H26.6513", stroke: "black", strokeOpacity: 0.12, strokeWidth: 3.33333, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M15 26.6667H25", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), qs = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" })), Js = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ 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: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M13.348 15H13.333M26.6663 15H26.6513", stroke: "black", strokeOpacity: 0.12, strokeWidth: 3.33333, strokeLinecap: "round", strokeLinejoin: "round" })), Xs = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" })), Qs = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ 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: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ 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: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), ea = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ r.createElement("g", { clipPath: "url(#clip0_159_173224)" }, /* @__PURE__ */ r.createElement("g", { clipPath: "url(#clip1_159_173224)" }, /* @__PURE__ */ 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" })), /* @__PURE__ */ r.createElement("mask", { id: "mask0_159_173224", style: {
+}, Zt = ({ onClick: e, checked: t, label: n, disabled: o }) => {
+  const i = t ? u.color.primary.main : o ? u.themedColor.textDisabled : u.themedColor.textLowEmphasis, a = t ? u.themedColor.textHighEmphasis : o ? u.themedColor.textLowEmphasis : u.themedColor.textHighEmphasis;
+  return /* @__PURE__ */ r.createElement(js, { onClick: e, disabled: o }, /* @__PURE__ */ r.createElement($, { size: 24, type: t ? "radio-on" : "radio-off", color: i }), /* @__PURE__ */ r.createElement(S, { variant: "caption2", color: a }, n));
+}, Gs = c.div`display:flex;flex-direction:column;gap:8px;`, js = c.button`all:unset;display:flex;align-items:center;justify-content:flex-start;gap:2px;span{line-height:initial;}&:enabled{cursor:pointer;}`, Ks = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", id: "csat1", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ 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: 0.12 }), /* @__PURE__ */ 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: 0.12 }), /* @__PURE__ */ 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: 0.12 })), Zs = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ 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)" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ r.createElement("defs", null, /* @__PURE__ */ r.createElement("linearGradient", { id: "paint0_linear_159_173206", x1: 20, y1: 2.08325, x2: 20, y2: 37.9166, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ r.createElement("stop", { stopColor: "#FF2D1D" }), /* @__PURE__ */ r.createElement("stop", { offset: 1, stopColor: "#FFA540" })))), Ys = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ 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: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ 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: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), qs = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" })), Js = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ r.createElement("path", { d: "M13.348 15H13.333M26.6663 15H26.6513", stroke: "black", strokeOpacity: 0.12, strokeWidth: 3.33333, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M15 26.6667H25", stroke: "black", strokeOpacity: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), Xs = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" })), Qs = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ 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: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M13.348 15H13.333M26.6663 15H26.6513", stroke: "black", strokeOpacity: 0.12, strokeWidth: 3.33333, strokeLinecap: "round", strokeLinejoin: "round" })), ea = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" }), /* @__PURE__ */ 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" })), ta = (e) => /* @__PURE__ */ r.createElement("svg", { width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ 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: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ 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: 0.12, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), na = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", ...e }, /* @__PURE__ */ 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" }), /* @__PURE__ */ r.createElement("g", { clipPath: "url(#clip0_159_173224)" }, /* @__PURE__ */ r.createElement("g", { clipPath: "url(#clip1_159_173224)" }, /* @__PURE__ */ 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" })), /* @__PURE__ */ r.createElement("mask", { id: "mask0_159_173224", style: {
   maskType: "alpha"
-}, maskUnits: "userSpaceOnUse", x: 12, y: 22, width: 16, height: 9 }, /* @__PURE__ */ 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" })), /* @__PURE__ */ r.createElement("g", { mask: "url(#mask0_159_173224)" }, /* @__PURE__ */ 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" }))), /* @__PURE__ */ 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" }), /* @__PURE__ */ r.createElement("defs", null, /* @__PURE__ */ r.createElement("clipPath", { id: "clip0_159_173224" }, /* @__PURE__ */ r.createElement("rect", { width: 15.83, height: 7.915, fill: "white", transform: "translate(12.085 22.709)" })), /* @__PURE__ */ r.createElement("clipPath", { id: "clip1_159_173224" }, /* @__PURE__ */ r.createElement("rect", { width: 15.83, height: 7.915, fill: "white", transform: "translate(12.085 22.709)" })))), ta = [
+}, maskUnits: "userSpaceOnUse", x: 12, y: 22, width: 16, height: 9 }, /* @__PURE__ */ 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" })), /* @__PURE__ */ r.createElement("g", { mask: "url(#mask0_159_173224)" }, /* @__PURE__ */ 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" }))), /* @__PURE__ */ 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" }), /* @__PURE__ */ r.createElement("defs", null, /* @__PURE__ */ r.createElement("clipPath", { id: "clip0_159_173224" }, /* @__PURE__ */ r.createElement("rect", { width: 15.83, height: 7.915, fill: "white", transform: "translate(12.085 22.709)" })), /* @__PURE__ */ r.createElement("clipPath", { id: "clip1_159_173224" }, /* @__PURE__ */ r.createElement("rect", { width: 15.83, height: 7.915, fill: "white", transform: "translate(12.085 22.709)" })))), ra = [
   {
     value: 1,
     Icon: {
-      Active: js,
-      Inactive: Gs
+      Active: Zs,
+      Inactive: Ks
     },
     isActive: (e) => e <= 1,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_1
@@ -2084,8 +2092,8 @@ const Hs = c.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   {
     value: 2,
     Icon: {
-      Active: Zs,
-      Inactive: Ks
+      Active: qs,
+      Inactive: Ys
     },
     isActive: (e) => e === 2,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_2
@@ -2093,8 +2101,8 @@ const Hs = c.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   {
     value: 3,
     Icon: {
-      Active: qs,
-      Inactive: Ys
+      Active: Xs,
+      Inactive: Js
     },
     isActive: (e) => e === 3,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_3
@@ -2102,8 +2110,8 @@ const Hs = c.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   {
     value: 4,
     Icon: {
-      Active: Xs,
-      Inactive: Js
+      Active: ea,
+      Inactive: Qs
     },
     isActive: (e) => e === 4,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_4
@@ -2111,16 +2119,13 @@ const Hs = c.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
   {
     value: 5,
     Icon: {
-      Active: ea,
-      Inactive: Qs
+      Active: na,
+      Inactive: ta
     },
     isActive: (e) => 5 <= e,
     getTooltip: (e) => e.CSAT5_RATING_SCORE_5
   }
-], na = () => ta, zn = ({ label: e, children: t, position: n = "top", disabled: o }) => {
-  const [i, s] = C(!1);
-  return o ? t : /* @__PURE__ */ r.createElement("div", { style: { position: "relative" }, onMouseEnter: () => s(!0), onMouseLeave: () => s(!1) }, t, /* @__PURE__ */ r.createElement(ia, { $visible: i, $position: n }, /* @__PURE__ */ r.createElement(sa, { variant: "caption1" }, e), /* @__PURE__ */ r.createElement(ra, { $position: n })));
-}, ra = ({ $position: e }) => /* @__PURE__ */ r.createElement(
+], oa = () => ra, Wn = ({ label: e, children: t, position: n = "top", disabled: o }) => o ? t : /* @__PURE__ */ r.createElement(ct, null, t, /* @__PURE__ */ r.createElement(aa, { $position: n }, /* @__PURE__ */ r.createElement(la, { variant: "caption1" }, e), /* @__PURE__ */ r.createElement(ia, { $position: n }))), ia = ({ $position: e }) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     style: { transform: e === "top" ? "rotate(0)" : "rotate(180deg)" },
@@ -2131,30 +2136,30 @@ const Hs = c.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
     fill: "none"
   },
   /* @__PURE__ */ r.createElement("path", { d: "M6 6L0 0h12L6 6Z", fill: u.themedColor.textHighEmphasis })
-), oa = {
+), sa = {
   top: k`flex-direction:column;top:0;transform:translate(-50%,-100%);`,
   bottom: k`flex-direction:column-reverse;bottom:0;transform:translate(-50%,100%);`
-}, ia = c.div`display:${({ $visible: e }) => e ? "flex" : "none"};align-items:center;position:absolute;left:50%;z-index:${he.TOOLTIP};${({ $position: e }) => oa[e]}`, sa = c(S)`padding:6px 8px;background:${u.themedColor.textHighEmphasis};color:${u.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`, aa = ({ submitted: e, value: t, onChange: n }) => {
-  const { stringSet: o } = M(), i = na(), s = typeof t == "number";
-  return /* @__PURE__ */ r.createElement(la, null, /* @__PURE__ */ r.createElement(S, { variant: "caption2", color: u.themedColor.textMidEmphasis }, o.CSAT_RATING_TITLE), /* @__PURE__ */ r.createElement(ca, null, i.map((a) => /* @__PURE__ */ r.createElement(zn, { disabled: e, key: a.value, label: a.getTooltip(o) }, /* @__PURE__ */ r.createElement(
-    da,
+}, ct = c.div`position:relative;`, aa = c.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${he.TOOLTIP};${({ $position: e }) => sa[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${ct}:hover &,${ct}:focus-within &{opacity:1;}`, la = c(S)`padding:6px 8px;background:${u.themedColor.textHighEmphasis};color:${u.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`, ca = ({ submitted: e, value: t, onChange: n }) => {
+  const { stringSet: o } = M(), i = oa(), a = typeof t == "number";
+  return /* @__PURE__ */ r.createElement(da, null, /* @__PURE__ */ r.createElement(S, { variant: "caption2", color: u.themedColor.textMidEmphasis }, o.CSAT_RATING_TITLE), /* @__PURE__ */ r.createElement(ua, null, i.map((s) => /* @__PURE__ */ r.createElement(Wn, { disabled: e, key: s.value, label: s.getTooltip(o) }, /* @__PURE__ */ r.createElement(
+    ma,
     {
       disabled: e,
-      onClick: () => n(a.value),
-      $inactive: s && !a.isActive(t)
+      onClick: () => n(s.value),
+      $inactive: a && !s.isActive(t)
     },
-    s ? a.isActive(t) ? /* @__PURE__ */ r.createElement(a.Icon.Active, null) : /* @__PURE__ */ r.createElement(a.Icon.Inactive, null) : /* @__PURE__ */ r.createElement(a.Icon.Active, null)
+    a ? s.isActive(t) ? /* @__PURE__ */ r.createElement(s.Icon.Active, null) : /* @__PURE__ */ r.createElement(s.Icon.Inactive, null) : /* @__PURE__ */ r.createElement(s.Icon.Active, null)
   )))));
-}, la = c.div`display:flex;flex-direction:column;gap:8px;`, ca = c.div`display:flex;justify-content:space-between;width:100%;max-width:320px;`, da = c.button`background-color:transparent;border:none;border-radius:4px;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;&:enabled:hover{cursor:pointer;background-color:${u.color.background200};${B.dark`
+}, da = c.div`display:flex;flex-direction:column;gap:8px;`, ua = c.div`display:flex;justify-content:space-between;width:100%;max-width:320px;`, ma = c.button`background-color:transparent;border:none;border-radius:4px;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;&:enabled:hover{cursor:pointer;background-color:${u.color.background200};${B.dark`
       background-color: ${u.color.background500};
     `}
   }
 
-  ${({ $inactive: e, theme: t }) => e && t.selected === "dark" && ua};
-`, ua = k`[fill]{fill:white;fill-opacity:0.12;}[stroke]{stroke:white;stroke-opacity:0.12;}`, ma = ({ submitted: e, value: t = "", onChange: n }) => {
+  ${({ $inactive: e, theme: t }) => e && t.selectedTheme === "dark" && ga};
+`, ga = k`[fill]{fill:white;fill-opacity:0.12;}[stroke]{stroke:white;stroke-opacity:0.12;}`, pa = ({ submitted: e, value: t = "", onChange: n }) => {
   const { stringSet: o } = M();
   return e && !t ? null : /* @__PURE__ */ r.createElement(
-    ga,
+    ha,
     {
       disabled: e,
       maxLength: 255,
@@ -2163,7 +2168,7 @@ const Hs = c.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
       placeholder: o.CSAT_REASON_PLACEHOLDER
     }
   );
-}, ga = c.input`box-sizing:border-box;width:100%;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:400;font-style:normal;border:unset;&:focus{outline:none;}color:${u.themedColor.textHighEmphasis};&::placeholder{color:${u.themedColor.textLowEmphasis};}background-color:${u.color.background50};${B.dark`
+}, ha = c.input`box-sizing:border-box;width:100%;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:400;font-style:normal;border:unset;&:focus{outline:none;}color:${u.themedColor.textHighEmphasis};&::placeholder{color:${u.themedColor.textLowEmphasis};}background-color:${u.color.background50};${B.dark`
     background-color: ${u.themedColor.textDisabled};
   `}
 
@@ -2176,82 +2181,82 @@ const Hs = c.div`text-align:center;text-wrap:pretty;a{text-decoration:none;color
       background-color: ${u.themedColor.textDisabled};
     `}
   }
-`, pa = ({ submitted: e }) => {
+`, fa = ({ submitted: e }) => {
   const { stringSet: t } = M();
   return e ? /* @__PURE__ */ r.createElement(S, { variant: "h2", color: u.themedColor.textHighEmphasis }, t.CSAT_TITLE_SUBMITTED) : /* @__PURE__ */ r.createElement(S, { variant: "h2", color: u.themedColor.textHighEmphasis }, t.CSAT_TITLE_UNSUBMITTED);
 };
 var me = /* @__PURE__ */ ((e) => (e.AI_AGENT_CSAT_5 = "AI_AGENT_CSAT_5", e.AI_AGENT_CSAT_5_WITH_CRE = "AI_AGENT_CSAT_5_WITH_CRE", e))(me || {});
-const ha = (e) => mr((t, n) => ({ ...t, ...n }), e), Zt = ({
+const ba = (e) => gr((t, n) => ({ ...t, ...n }), e), Yt = ({
   type: e,
   renderSubmitButton: t,
   initialCsat: n,
   initialCsatReason: o,
   initialIsResolved: i
 }) => {
-  const [s, a] = ha({
+  const [a, s] = ba({
     csatType: e,
     csat: n,
     csatReason: o,
     isResolved: i
-  }), l = typeof n == "number" ? "submitted" : e === me.AI_AGENT_CSAT_5 && typeof s.csat == "number" || e === me.AI_AGENT_CSAT_5_WITH_CRE && typeof s.csat == "number" && typeof s.isResolved == "boolean" ? "submittable" : "unsubmittable", d = { state: l, submitted: l === "submitted" };
-  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(fa, null, /* @__PURE__ */ r.createElement(pa, { ...d }), e === me.AI_AGENT_CSAT_5_WITH_CRE && /* @__PURE__ */ r.createElement(
-    zs,
+  }), l = typeof n == "number" ? "submitted" : e === me.AI_AGENT_CSAT_5 && typeof a.csat == "number" || e === me.AI_AGENT_CSAT_5_WITH_CRE && typeof a.csat == "number" && typeof a.isResolved == "boolean" ? "submittable" : "unsubmittable", d = { state: l, submitted: l === "submitted" };
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(xa, null, /* @__PURE__ */ r.createElement(fa, { ...d }), e === me.AI_AGENT_CSAT_5_WITH_CRE && /* @__PURE__ */ r.createElement(
+    Vs,
     {
       ...d,
       defaultValue: i,
-      value: s.isResolved,
-      onChange: (g) => a({ isResolved: g })
+      value: a.isResolved,
+      onChange: (g) => s({ isResolved: g })
     }
-  ), /* @__PURE__ */ r.createElement(aa, { ...d, value: s.csat, onChange: (g) => a({ csat: g }) }), s.csat && /* @__PURE__ */ r.createElement(
-    ma,
+  ), /* @__PURE__ */ r.createElement(ca, { ...d, value: a.csat, onChange: (g) => s({ csat: g }) }), a.csat && /* @__PURE__ */ r.createElement(
+    pa,
     {
       ...d,
-      value: s.csatReason,
-      onChange: (g) => a({ csatReason: g })
+      value: a.csatReason,
+      onChange: (g) => s({ csatReason: g })
     }
-  )), l !== "submitted" && t({ state: l, params: s }));
-}, fa = c.div`display:flex;flex-direction:column;gap:12px;`, ba = () => {
+  )), l !== "submitted" && t({ state: l, params: a }));
+}, xa = c.div`display:flex;flex-direction:column;gap:12px;`, Ea = () => {
   const { stringSet: e } = M();
   return /* @__PURE__ */ r.createElement(S, { variant: "body2", color: u.themedColor.textMidEmphasis, style: { textAlign: "center" } }, e.CSAT_SUBMISSION_EXPIRED);
-}, xa = (e) => {
+}, va = (e) => {
   if (e.messageType !== "admin.csat")
     throw new Error("Invalid message type");
-  const t = $r(), { stringSet: n } = M(), { extendedMessagePayload: o, csat: i, csatReason: s, csatExpireAt: a, isResolvedWhenDeterminedByUser: l, onSubmitCSAT: d } = e, { visibility: g, type: m } = (o == null ? void 0 : o.csat) ?? {};
+  const t = Mr(), { stringSet: n } = M(), { extendedMessagePayload: o, csat: i, csatReason: a, csatExpireAt: s, isResolvedWhenDeterminedByUser: l, onSubmitCSAT: d } = e, { visibility: g, type: m } = (o == null ? void 0 : o.csat) ?? {};
   if (!g || !m || !me[m]) return null;
-  const p = m === me.AI_AGENT_CSAT_5 || m === me.AI_AGENT_CSAT_5_WITH_CRE ? Zt : () => null, h = (b) => {
-    b.csat && !Yt(a) ? d({
+  const p = m === me.AI_AGENT_CSAT_5 || m === me.AI_AGENT_CSAT_5_WITH_CRE ? Yt : () => null, h = (b) => {
+    b.csat && !qt(s) ? d({
       csatType: b.csatType,
       csat: b.csat,
       csatReason: b.csatReason,
       isResolved: b.isResolved
     }) : t();
   };
-  return /* @__PURE__ */ r.createElement(Ea, null, !i && Yt(a) ? /* @__PURE__ */ r.createElement(ba, null) : /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(ya, null, !i && qt(s) ? /* @__PURE__ */ r.createElement(Ea, null) : /* @__PURE__ */ r.createElement(
     p,
     {
       type: m,
       initialCsat: i,
-      initialCsatReason: s,
+      initialCsatReason: a,
       initialIsResolved: l,
-      renderSubmitButton: ({ state: b, params: x }) => /* @__PURE__ */ r.createElement(va, { disabled: b !== "submittable", onClick: () => h(x) }, /* @__PURE__ */ r.createElement(S, { variant: "button" }, n.CSAT_SUBMIT_LABEL))
+      renderSubmitButton: ({ state: b, params: x }) => /* @__PURE__ */ r.createElement(Ca, { disabled: b !== "submittable", onClick: () => h(x) }, /* @__PURE__ */ r.createElement(S, { variant: "button" }, n.CSAT_SUBMIT_LABEL))
     }
   ));
-}, Ea = c.div`display:flex;flex-direction:column;background-color:${({ theme: e }) => e.colors.csat.background};border-radius:16px;gap:16px;padding:24px;`, va = c.button`all:unset;background-color:${({ theme: e }) => e.colors.base.primary};color:${({ theme: e }) => e.colors.base.primaryContrastContent};border-radius:6px;padding:10px 20px;display:flex;align-items:center;justify-content:center;cursor:pointer;&:hover{background-color:${u.color.primary.dark};}&:disabled{color:${u.color.ondark.textLowEmphasis};background-color:${u.themedColor.textDisabled};cursor:not-allowed;}`;
-function Yt(e) {
+}, ya = c.div`display:flex;flex-direction:column;background-color:${({ theme: e }) => e.colors.csat.background};border-radius:16px;gap:16px;padding:24px;`, Ca = c.button`all:unset;background-color:${({ theme: e }) => e.colors.base.primary};color:${({ theme: e }) => e.colors.base.primaryContrastContent};border-radius:6px;padding:10px 20px;display:flex;align-items:center;justify-content:center;cursor:pointer;&:hover{background-color:${u.color.primary.dark};}&:disabled{color:${u.color.ondark.textLowEmphasis};background-color:${u.themedColor.textDisabled};cursor:not-allowed;}`;
+function qt(e) {
   return !!e && e < Date.now();
 }
-const _t = Ce({
-  template: ya,
+const St = Ce({
+  template: Ta,
   components: {
-    AdminMessage: Fs,
-    CSATMessage: xa
+    AdminMessage: Us,
+    CSATMessage: va
   }
 });
-function ya(e) {
-  const { components: t } = _t.useContext(), n = Ct(() => e.messageType === "admin" ? /* @__PURE__ */ r.createElement(t.AdminMessage, { ...e }) : e.messageType === "admin.csat" ? /* @__PURE__ */ r.createElement(t.CSATMessage, { ...e }) : null);
-  return /* @__PURE__ */ r.createElement(Ca, { $marginBottom: bt(e.groupType) }, n);
+function Ta(e) {
+  const { components: t } = St.useContext(), n = Tt(() => e.messageType === "admin" ? /* @__PURE__ */ r.createElement(t.AdminMessage, { ...e }) : e.messageType === "admin.csat" ? /* @__PURE__ */ r.createElement(t.CSATMessage, { ...e }) : null);
+  return /* @__PURE__ */ r.createElement(_a, { $marginBottom: xt(e.groupType) }, n);
 }
-const Ca = c.div`padding-inline:${Q}px;margin-bottom:${({ $marginBottom: e }) => e}px;`, qt = {
+const _a = c.div`padding-inline:${Q}px;margin-bottom:${({ $marginBottom: e }) => e}px;`, Jt = {
   file: "attach",
   snippet: "snippet",
   site: "website",
@@ -2261,14 +2266,14 @@ const Ca = c.div`padding-inline:${Q}px;margin-bottom:${({ $marginBottom: e }) =>
   sb_zendesk: "zendesk",
   sb_desk: "snippet"
   // TODO: request icon
-}, Ta = ({
+}, Sa = ({
   actionbook: e,
   functionCalls: t,
   groundedness: n,
   agentMessageTemplates: o,
   onClickActionbook: i,
-  onClickFunctionCall: s,
-  onClickFunctionCallDetail: a,
+  onClickFunctionCall: a,
+  onClickFunctionCallDetail: s,
   onClickGroundedness: l,
   onClickAgentMessageTemplate: d,
   bottomContent: g,
@@ -2279,9 +2284,9 @@ const Ca = c.div`padding-inline:${Q}px;margin-bottom:${({ $marginBottom: e }) =>
     // Note: This component is used with the dashboard, so cssVars should not be used.
     iconColor: h = "#000000",
     textColor: b = "#000000",
-    highlightColor: x = wn.DEFAULT_PRIMARY
+    highlightColor: x = kn.DEFAULT_PRIMARY
   } = p;
-  return /* @__PURE__ */ r.createElement(Jt, null, e && /* @__PURE__ */ r.createElement(Jt, null, /* @__PURE__ */ r.createElement(Ke, null, /* @__PURE__ */ r.createElement(Ue, null, /* @__PURE__ */ r.createElement($, { size: 16, type: "actionbook", color: h })), /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(Xt, null, e && /* @__PURE__ */ r.createElement(Xt, null, /* @__PURE__ */ r.createElement(Ke, null, /* @__PURE__ */ r.createElement(Ue, null, /* @__PURE__ */ r.createElement($, { size: 16, type: "actionbook", color: h })), /* @__PURE__ */ r.createElement(
     He,
     {
       $clickable: !!i,
@@ -2298,11 +2303,11 @@ const Ca = c.div`padding-inline:${Q}px;margin-bottom:${({ $marginBottom: e }) =>
       $highlightColor: x,
       variant: "body2",
       color: b,
-      onClick: () => s == null ? void 0 : s(v)
+      onClick: () => a == null ? void 0 : a(v)
     },
     v.name
-  ), /* @__PURE__ */ r.createElement(Sa, { role: "button", onClick: () => a == null ? void 0 : a(v) }, /* @__PURE__ */ r.createElement(S, { variant: "body2", color: x }, "View details"), /* @__PURE__ */ r.createElement($, { type: "chevron-right", size: 16, color: x }))))), n == null ? void 0 : n.map((v) => /* @__PURE__ */ r.createElement(rt, { key: v.id }, /* @__PURE__ */ r.createElement(Ue, null, m({
-    default: /* @__PURE__ */ r.createElement($, { size: 16, type: qt[v.source_type] ?? qt.snippet, color: h }),
+  ), /* @__PURE__ */ r.createElement(ka, { role: "button", onClick: () => s == null ? void 0 : s(v) }, /* @__PURE__ */ r.createElement(S, { variant: "body2", color: x }, "View details"), /* @__PURE__ */ r.createElement($, { type: "chevron-right", size: 16, color: x }))))), n == null ? void 0 : n.map((v) => /* @__PURE__ */ r.createElement(rt, { key: v.id }, /* @__PURE__ */ r.createElement(Ue, null, m({
+    default: /* @__PURE__ */ r.createElement($, { size: 16, type: Jt[v.source_type] ?? Jt.snippet, color: h }),
     sourceType: v.source_type
   })), /* @__PURE__ */ r.createElement(
     He,
@@ -2325,47 +2330,47 @@ const Ca = c.div`padding-inline:${Q}px;margin-bottom:${({ $marginBottom: e }) =>
     },
     v.name
   ))), g);
-}, _a = c(S)`font-weight:400;`, He = c(_a)`${({ $clickable: e, $highlightColor: t }) => e && k`
+}, wa = c(S)`font-weight:400;`, He = c(wa)`${({ $clickable: e, $highlightColor: t }) => e && k`
       cursor: pointer;
       text-decoration: underline;
       &:hover {
         color: ${t};
       }
     `}
-`, Ue = c.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`, Ke = c.div`display:flex;gap:8px;align-items:center;`, Sa = c(Ke)`cursor:pointer;gap:4px;`, rt = c(Ke)`flex-direction:row;align-items:center;`, Jt = c.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`, Wn = ye(
+`, Ue = c.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`, Ke = c.div`display:flex;gap:8px;align-items:center;`, ka = c(Ke)`cursor:pointer;gap:4px;`, rt = c(Ke)`flex-direction:row;align-items:center;`, Xt = c.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`, Vn = ye(
   null
 );
-function wa({
+function Aa({
   isDashboardActionbookTester: e = !1,
   children: t
 }) {
-  return /* @__PURE__ */ r.createElement(Wn.Provider, { value: { isDashboardActionbookTester: e } }, e && /* @__PURE__ */ r.createElement(ka, null), t);
+  return /* @__PURE__ */ r.createElement(Vn.Provider, { value: { isDashboardActionbookTester: e } }, e && /* @__PURE__ */ r.createElement(Ia, null), t);
 }
-const St = () => {
-  const e = J(Wn);
+const wt = () => {
+  const e = J(Vn);
   if (!e) throw new Error("_UNSAFE_INTERNAL_DashboardActionbookTesterProvider not found");
   return e;
-}, ka = () => /* @__PURE__ */ r.createElement(ve.Template, { template: Aa }, /* @__PURE__ */ r.createElement(ve.MessageLogs, { component: Ia })), Aa = (e) => /* @__PURE__ */ r.createElement(Fn, { ...e, testerMode: !0, maxBodyWidth: Nn }), Ia = ({ extendedMessagePayload: e = {} }) => {
-  const { handlers: t } = N(), { manual: n, groundedness: o, function_calls: i, agent_message_templates: s, is_thinking: a } = e;
-  return a || !n && !(o != null && o.length) && !(i != null && i.length) && !(s != null && s.length) ? /* @__PURE__ */ r.createElement(r.Fragment, null) : /* @__PURE__ */ r.createElement($a, null, /* @__PURE__ */ r.createElement(Ma, { width: 4 }), /* @__PURE__ */ r.createElement(
-    Ta,
+}, Ia = () => /* @__PURE__ */ r.createElement(ve.Template, { template: $a }, /* @__PURE__ */ r.createElement(ve.MessageLogs, { component: Ma })), $a = (e) => /* @__PURE__ */ r.createElement(Hn, { ...e, testerMode: !0, maxBodyWidth: Dn }), Ma = ({ extendedMessagePayload: e = {} }) => {
+  const { handlers: t } = N(), { manual: n, groundedness: o, function_calls: i, agent_message_templates: a, is_thinking: s } = e;
+  return s || !n && !(o != null && o.length) && !(i != null && i.length) && !(a != null && a.length) ? /* @__PURE__ */ r.createElement(r.Fragment, null) : /* @__PURE__ */ r.createElement(Oa, null, /* @__PURE__ */ r.createElement(La, { width: 4 }), /* @__PURE__ */ r.createElement(
+    Sa,
     {
       actionbook: n,
       functionCalls: i,
       groundedness: o,
-      agentMessageTemplates: s,
+      agentMessageTemplates: a,
       onClickFunctionCallDetail: t == null ? void 0 : t.onFunctionCallDetailClick,
       style: {
         iconColor: u.themedColor.textHighEmphasis,
         textColor: u.themedColor.textHighEmphasis,
         barColor: u.themedColor.textDisabled
       },
-      bottomContent: /* @__PURE__ */ r.createElement(Oa, { variant: "caption2", color: u.themedColor.textLowEmphasis }, "Only visible in the tester")
+      bottomContent: /* @__PURE__ */ r.createElement(Ra, { variant: "caption2", color: u.themedColor.textLowEmphasis }, "Only visible in the tester")
     }
   ));
-}, $a = c.div`display:flex;gap:16px;margin:16px ${Q}px 0;align-self:stretch;`, Ma = c.div`width:${({ width: e }) => e}px;background-color:${u.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`, Oa = c(S)`margin-top:5px;`, wt = {
+}, Oa = c.div`display:flex;gap:16px;margin:16px ${Q}px 0;align-self:stretch;`, La = c.div`width:${({ width: e }) => e}px;background-color:${u.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`, Ra = c(S)`margin-top:5px;`, kt = {
   isStreaming(e) {
-    const t = Ht(e.data);
+    const t = Ut(e.data);
     return typeof t == "object" ? !!t.stream : !1;
   },
   isWelcomeMessage(e, t) {
@@ -2373,73 +2378,73 @@ const St = () => {
     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 = Ht(e.data);
+      const o = Ut(e.data);
       return !(o != null && o.respond_mesg_id) && !(o != null && o.stream);
     }
     return !1;
   }
 };
-function La(e) {
+function Na(e) {
   return "sendingStatus" in e ? e.sendingStatus === "succeeded" ? String(e.messageId) : e.reqId : String(e.messageId);
 }
-const Ra = (e, t, n, o = !0) => {
+const Da = (e, t, n, o = !0) => {
   if (!o || !e.isUserMessage() && !e.isFileMessage())
     return "single";
   const i = () => {
     if (!t || !t.isUserMessage() && !t.isFileMessage()) return !1;
-    const d = t.sender.userId === e.sender.userId, g = Nt(t.createdAt, e.createdAt);
+    const d = t.sender.userId === e.sender.userId, g = Dt(t.createdAt, e.createdAt);
     return d && g;
-  }, s = () => {
+  }, a = () => {
     if (!n || !n.isUserMessage() && !n.isFileMessage()) return !1;
-    const d = n.sender.userId === e.sender.userId, g = Nt(n.createdAt, e.createdAt);
+    const d = n.sender.userId === e.sender.userId, g = Dt(n.createdAt, e.createdAt);
     return d && g;
-  }, a = i(), l = s();
-  return a && l ? "middle" : a ? "bottom" : l ? "top" : "single";
+  }, s = i(), l = a();
+  return s && l ? "middle" : s ? "bottom" : l ? "top" : "single";
 };
-function Na(e, t) {
-  return e.filter((n) => wt.isWelcomeMessage(n, t));
+function Ba(e, t) {
+  return e.filter((n) => kt.isWelcomeMessage(n, t));
 }
-function Vn(e, t) {
-  return Da(e) === t;
+function Gn(e, t) {
+  return Pa(e) === t;
 }
-function Da(e) {
+function Pa(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) {
+function Fa(e) {
   return e.isAdminMessage() ? e.message === "The channel's custom_type was updated." : !1;
 }
-const Xt = (e) => !!e && "sender" in e, Gn = (e) => e.startsWith("image/"), jn = (e) => e.startsWith("video/"), Qt = (e) => Gn(e) || jn(e), ze = {
+const Qt = (e) => !!e && "sender" in e, jn = (e) => e.startsWith("image/"), Kn = (e) => e.startsWith("video/"), en = (e) => jn(e) || Kn(e), ze = {
   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 === Lr.PENDING)
-}, Kn = ({ rootElementId: e, visible: t, onClose: n, children: o }) => {
+  isIncoming: (e, t) => Qt(e) && e.sender.userId !== t,
+  isOutgoing: (e, t) => Qt(e) && (e.sender.userId === t || e.sendingStatus === Rr.PENDING)
+}, Zn = ({ rootElementId: e, visible: t, onClose: n, children: o }) => {
   if (!t) return null;
-  const { rootElement: i } = N(), s = pe(i), a = pe(i, !0);
-  return Fr(
-    /* @__PURE__ */ r.createElement(Pa, { onClick: n }, /* @__PURE__ */ r.createElement(Fa, { onClick: (l) => l.stopPropagation() }, o)),
-    s.getElementById(e) ?? s.getElementById(X.MODAL_ROOT) ?? a.body
+  const { rootElement: i } = N(), a = pe(i), s = pe(i, !0);
+  return Hr(
+    /* @__PURE__ */ r.createElement(Ha, { onClick: n }, /* @__PURE__ */ r.createElement(Ua, { onClick: (l) => l.stopPropagation() }, o)),
+    a.getElementById(e) ?? a.getElementById(X.MODAL_ROOT) ?? s.body
   );
-}, Pa = c.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${u.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${he.MODAL};`, Fa = c.div`border-radius:4px;overflow:hidden;box-shadow:0 16px 24px 2px rgba(13,13,13,0.12),0 6px 30px 5px rgba(13,13,13,0.08),0 6px 10px -5px rgba(13,13,13,0.04);z-index:${he.MODAL};`, Ha = c.div`flex-shrink:0;width:${({ $size: e }) => se(e)};height:${({ $size: e }) => se(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;}`, Ua = c(vt)`path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent};}`;
-function Zn({ size: e }) {
+}, Ha = c.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${u.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${he.MODAL};`, Ua = c.div`border-radius:4px;overflow:hidden;box-shadow:0 16px 24px 2px rgba(13,13,13,0.12),0 6px 30px 5px rgba(13,13,13,0.08),0 6px 10px -5px rgba(13,13,13,0.04);z-index:${he.MODAL};`, za = c.div`flex-shrink:0;width:${({ $size: e }) => se(e)};height:${({ $size: e }) => se(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;}`, Wa = c(yt)`path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent};}`;
+function Yn({ size: e }) {
   const { aiAgentInfo: t } = F();
-  return t.profileUrl ? /* @__PURE__ */ r.createElement(yt, { size: e, src: t.profileUrl }) : /* @__PURE__ */ r.createElement(Ha, { $size: e }, /* @__PURE__ */ r.createElement(Ua, null));
+  return t.profileUrl ? /* @__PURE__ */ r.createElement(Ct, { size: e, src: t.profileUrl }) : /* @__PURE__ */ r.createElement(za, { $size: e }, /* @__PURE__ */ r.createElement(Wa, null));
 }
-const za = c.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none;`, Wa = c.div`height:64px;min-height:64px;box-sizing:border-box;display:flex;justify-content:space-between;border-bottom:1px solid ${u.themedColor.textDisabled};background-color:${u.themedColor.bg_50_600};@media screen and (max-width:768px){position:relative;}`, Va = c.div`box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:64px;padding:16px 20px;width:calc(100% - 128px);`, Ga = c.div`margin-inline-end:8px;`, ja = c.div`max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;@media screen and (max-width:768px){position:absolute;inset-inline-start:64px;top:10px;display:block;max-width:calc(100vw - 240px);}`, Ka = c.div`display:inline-block;margin-inline-start:8px;padding-top:5px;@media screen and (max-width:768px){position:absolute;inset-inline-start:56px;top:24px;}`, Za = c.div`display:flex;width:160px;justify-content:flex-end;`, Ya = c.div`inset-inline-end:0;display:flex;flex-direction:row;`, ct = c.div`width:64px;padding:21px;box-sizing:border-box;cursor:${(e) => e.disabled ? "not-allowed" : "pointer"};`, qa = c(ct)`border-inline-start:1px solid ${u.themedColor.textDisabled};`, Ja = c.div`width:100%;height:100%;display:flex;align-items:center;justify-content:center;`, Xa = c.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`, Qa = c.img`max-width:90%;max-height:90%;user-select:none;-webkit-user-drag:none;`, el = c.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`, tl = ({ message: e, onClose: t, onDownloadClick: n }) => {
-  const { sender: o, type: i, url: s, name: a = "", threadInfo: l } = e, { profileUrl: d, nickname: g, userId: m } = o, { userSession: p, aiAgentInfo: h } = F();
+const Va = c.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none;`, Ga = c.div`height:64px;min-height:64px;box-sizing:border-box;display:flex;justify-content:space-between;border-bottom:1px solid ${u.themedColor.textDisabled};background-color:${u.themedColor.bg_50_600};@media screen and (max-width:768px){position:relative;}`, ja = c.div`box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:64px;padding:16px 20px;width:calc(100% - 128px);`, Ka = c.div`margin-inline-end:8px;`, Za = c.div`max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;@media screen and (max-width:768px){position:absolute;inset-inline-start:64px;top:10px;display:block;max-width:calc(100vw - 240px);}`, Ya = c.div`display:inline-block;margin-inline-start:8px;padding-top:5px;@media screen and (max-width:768px){position:absolute;inset-inline-start:56px;top:24px;}`, qa = c.div`display:flex;width:160px;justify-content:flex-end;`, Ja = c.div`inset-inline-end:0;display:flex;flex-direction:row;`, dt = c.div`width:64px;padding:21px;box-sizing:border-box;cursor:${(e) => e.disabled ? "not-allowed" : "pointer"};`, Xa = c(dt)`border-inline-start:1px solid ${u.themedColor.textDisabled};`, Qa = c.div`width:100%;height:100%;display:flex;align-items:center;justify-content:center;`, el = c.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`, tl = c.img`max-width:90%;max-height:90%;user-select:none;-webkit-user-drag:none;`, nl = c.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`, rl = ({ message: e, onClose: t, onDownloadClick: n }) => {
+  const { sender: o, type: i, url: a, name: s = "", threadInfo: l } = e, { profileUrl: d, nickname: g, userId: m } = o, { userSession: p, aiAgentInfo: h } = F();
   return /* @__PURE__ */ r.createElement(
-    rl,
+    il,
     {
       profileUrl: d,
       nickname: g,
       type: i,
-      url: s,
-      name: a,
+      url: a,
+      name: s,
       onClose: t,
       isBotMessage: m === h.userId,
       isByMe: p.userId === m,
@@ -2447,22 +2452,22 @@ const za = c.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
       onDownloadClick: n
     }
   );
-}, nl = ({ profileUrl: e, isBotMessage: t }) => !e && t ? /* @__PURE__ */ r.createElement(Zn, { size: 32 }) : /* @__PURE__ */ r.createElement(yt, { size: 32, src: e }), rl = ({
+}, ol = ({ profileUrl: e, isBotMessage: t }) => !e && t ? /* @__PURE__ */ r.createElement(Yn, { size: 32 }) : /* @__PURE__ */ r.createElement(Ct, { size: 32, src: e }), il = ({
   profileUrl: e,
   isBotMessage: t,
   nickname: n,
   name: o,
   type: i,
-  url: s,
-  isByMe: a,
+  url: a,
+  isByMe: s,
   onClose: l,
   onDelete: d,
   disableDelete: g,
   onDownloadClick: m
 }) => {
   const { stringSet: p } = M();
-  return /* @__PURE__ */ r.createElement(Kn, { onClose: l, visible: !0, rootElementId: X.MODAL_ROOT }, /* @__PURE__ */ r.createElement(za, null, /* @__PURE__ */ r.createElement(Wa, null, /* @__PURE__ */ r.createElement(Va, null, /* @__PURE__ */ r.createElement(Ga, null, /* @__PURE__ */ r.createElement(nl, { profileUrl: e, isBotMessage: t })), /* @__PURE__ */ r.createElement(ja, null, /* @__PURE__ */ r.createElement(S, { variant: "h2", color: u.themedColor.textHighEmphasis }, o)), /* @__PURE__ */ r.createElement(Ka, null, /* @__PURE__ */ r.createElement(S, { variant: "body1", color: u.color.ondark.textMidEmphasis }, n))), /* @__PURE__ */ r.createElement(Za, null, Qt(i) && /* @__PURE__ */ r.createElement(Ya, null, /* @__PURE__ */ r.createElement(ct, { as: "a", href: s, target: "_blank", rel: ht, onClick: m }, /* @__PURE__ */ r.createElement($, { type: "download", color: u.themedColor.textHighEmphasis, size: 24 })), d && a && /* @__PURE__ */ r.createElement(
-    ct,
+  return /* @__PURE__ */ r.createElement(Zn, { onClose: l, visible: !0, rootElementId: X.MODAL_ROOT }, /* @__PURE__ */ r.createElement(Va, null, /* @__PURE__ */ r.createElement(Ga, null, /* @__PURE__ */ r.createElement(ja, null, /* @__PURE__ */ r.createElement(Ka, null, /* @__PURE__ */ r.createElement(ol, { profileUrl: e, isBotMessage: t })), /* @__PURE__ */ r.createElement(Za, null, /* @__PURE__ */ r.createElement(S, { variant: "h2", color: u.themedColor.textHighEmphasis }, o)), /* @__PURE__ */ r.createElement(Ya, null, /* @__PURE__ */ r.createElement(S, { variant: "body1", color: u.color.ondark.textMidEmphasis }, n))), /* @__PURE__ */ r.createElement(qa, null, en(i) && /* @__PURE__ */ r.createElement(Ja, null, /* @__PURE__ */ r.createElement(dt, { as: "a", href: a, target: "_blank", rel: ft, onClick: m }, /* @__PURE__ */ r.createElement($, { type: "download", color: u.themedColor.textHighEmphasis, size: 24 })), d && s && /* @__PURE__ */ r.createElement(
+    dt,
     {
       disabled: g,
       onClick: () => {
@@ -2477,19 +2482,19 @@ const za = c.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
         size: 24
       }
     )
-  )), /* @__PURE__ */ r.createElement(qa, { onClick: l }, /* @__PURE__ */ r.createElement($, { type: "close", color: u.themedColor.textHighEmphasis, size: 24 })))), /* @__PURE__ */ r.createElement(Ja, { onClick: (h) => h.currentTarget === h.target && l() }, jn(i) && /* @__PURE__ */ r.createElement(Xa, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: s, type: i })), Gn(i) && /* @__PURE__ */ r.createElement(Qa, { src: s, alt: o }), !Qt(i) && /* @__PURE__ */ r.createElement(el, null, /* @__PURE__ */ r.createElement(S, { variant: "h1", color: u.themedColor.textHighEmphasis }, p.FILE_VIEWER__UNSUPPORT)))));
-}, Yn = ({
+  )), /* @__PURE__ */ r.createElement(Xa, { onClick: l }, /* @__PURE__ */ r.createElement($, { type: "close", color: u.themedColor.textHighEmphasis, size: 24 })))), /* @__PURE__ */ r.createElement(Qa, { onClick: (h) => h.currentTarget === h.target && l() }, Kn(i) && /* @__PURE__ */ r.createElement(el, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: a, type: i })), jn(i) && /* @__PURE__ */ r.createElement(tl, { src: a, alt: o }), !en(i) && /* @__PURE__ */ r.createElement(nl, null, /* @__PURE__ */ r.createElement(S, { variant: "h1", color: u.themedColor.textHighEmphasis }, p.FILE_VIEWER__UNSUPPORT)))));
+}, qn = ({
   className: e,
   locale: t,
   date: n = Date.now(),
   formatString: o = "MMMM dd, yyyy",
   style: i
-}) => /* @__PURE__ */ r.createElement(ol, { style: i, className: e }, /* @__PURE__ */ r.createElement(S, { variant: "caption4", color: u.themedColor.textMidEmphasis }, pn(n, o, { locale: t }))), ol = c.div`display:flex;justify-content:center;align-items:center;`, il = gr(function(t, n) {
+}) => /* @__PURE__ */ r.createElement(sl, { style: i, className: e }, /* @__PURE__ */ r.createElement(S, { variant: "caption4", color: u.themedColor.textMidEmphasis }, hn(n, o, { locale: t }))), sl = c.div`display:flex;justify-content:center;align-items:center;`, al = pr(function(t, n) {
   const {
     messages: o,
     renderMessage: i,
-    messageTopArea: s,
-    messageBottomArea: a,
+    messageTopArea: a,
+    messageBottomArea: s,
     overlayArea: l,
     onLoadPrev: d,
     onLoadNext: g,
@@ -2508,16 +2513,16 @@ const za = c.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
   const _e = async () => {
     if (!f.current) return;
     const E = f.current;
-    if (p(sl(E)), H.current = E.scrollHeight - E.scrollTop, le.current = H.current - E.clientHeight, w.current = E.scrollTop, y.current) return;
+    if (p(ll(E)), H.current = E.scrollHeight - E.scrollTop, le.current = H.current - E.clientHeight, w.current = E.scrollTop, y.current) return;
     const U = E.clientHeight * Math.min(Math.max(0, m), 1);
     E.scrollTop <= U ? (y.current = !0, _.current = "top", await d(), y.current = !1) : E.scrollHeight - E.scrollTop - E.clientHeight <= U ? (y.current = !0, _.current = "bottom", await g(), y.current = !1) : _.current = void 0;
   };
-  return /* @__PURE__ */ r.createElement(al, { id: "infinite-list-container" }, /* @__PURE__ */ r.createElement(ll, { id: "infinite-list-inner", ref: f, onScroll: _e }, v === "bottom" && /* @__PURE__ */ r.createElement("div", { style: { flexGrow: 1 } }), s, o.map((E, U) => i({ message: E, index: U })), a), /* @__PURE__ */ r.createElement(cl, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ r.createElement(dl, { id: "infinite-list-overlay" }, l)));
+  return /* @__PURE__ */ r.createElement(cl, { id: "infinite-list-container" }, /* @__PURE__ */ r.createElement(dl, { id: "infinite-list-inner", ref: f, onScroll: _e }, v === "bottom" && /* @__PURE__ */ r.createElement("div", { style: { flexGrow: 1 } }), a, o.map((E, U) => i({ message: E, index: U })), s), /* @__PURE__ */ r.createElement(ul, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ r.createElement(ml, { id: "infinite-list-overlay" }, l)));
 });
-function sl(e) {
+function ll(e) {
   return e.scrollTop <= 10 ? "top" : e.scrollHeight - (e.scrollTop + e.clientHeight) <= 10 ? "bottom" : "middle";
 }
-const al = c.div`display:flex;position:relative;flex:1;overflow:hidden;`, ll = c.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;scrollbar-color:${u.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`, cl = c.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`, dl = c.div`pointer-events:auto;`, ul = ({ className: e, onClick: t }) => /* @__PURE__ */ r.createElement(ml, { className: e, onClick: t, tabIndex: 0 }, /* @__PURE__ */ r.createElement($, { size: 24, type: "chevron-down", color: u.color.primary.main })), ml = c.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);${B.light`
+const cl = c.div`display:flex;position:relative;flex:1;overflow:hidden;`, dl = c.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;scrollbar-color:${u.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`, ul = c.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`, ml = c.div`pointer-events:auto;`, gl = ({ className: e, onClick: t }) => /* @__PURE__ */ r.createElement(pl, { className: e, onClick: t, tabIndex: 0 }, /* @__PURE__ */ r.createElement($, { size: 24, type: "chevron-down", color: u.color.primary.main })), pl = c.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);${B.light`
     background-color: ${u.color.background50};
     &:hover {
       background-color: ${u.color.background100};
@@ -2539,33 +2544,33 @@ const al = c.div`display:flex;position:relative;flex:1;overflow:hidden;`, ll = c
   &:focus {
     outline: none;
   }
-`, qn = () => {
-  const { chatSDK: e } = N(), { channelSource: t } = Y(), [n, o] = C([]);
-  return hn(e, {
+`, Jn = () => {
+  const { chatSDK: e } = N(), { channelSource: t } = Y(), [n, o] = T([]);
+  return fn(e, {
     onTypingStatusUpdated(i) {
-      var s;
-      if (i.url === ((s = t.channel) == null ? void 0 : s.url)) {
-        const a = i.getTypingUsers();
-        o(a);
+      var a;
+      if (i.url === ((a = t.channel) == null ? void 0 : a.url)) {
+        const s = i.getTypingUsers();
+        o(s);
       }
     }
   }), n;
-}, gl = () => {
-  const { agentPreviewConfigs: e = {}, aiAgentId: t } = N(), { aiAgentInfo: n } = F(), { stringSet: o, dateLocale: i } = M(), { messageSource: s } = Y(), { Template: a } = ve.useContext(), l = e.welcomeMessages ?? [], d = s.messages, g = Na(d, t), m = d[g.length + 1], p = g[0] ?? m;
+}, hl = () => {
+  const { agentPreviewConfigs: e = {}, aiAgentId: t } = N(), { aiAgentInfo: n } = F(), { stringSet: o, dateLocale: i } = M(), { messageSource: a } = Y(), { Template: s } = ve.useContext(), l = e.welcomeMessages ?? [], d = a.messages, g = Ba(d, t), m = d[g.length + 1], p = g[0] ?? m;
   return {
     /**
      * Returns a list of messages filtered according to business requirements.
      */
-    filteredMessages: d.filter((h) => Ba(h) ? !1 : l.length > 0 ? !wt.isWelcomeMessage(h, t) : !0),
+    filteredMessages: d.filter((h) => Fa(h) ? !1 : l.length > 0 ? !kt.isWelcomeMessage(h, t) : !0),
     /**
      * Determines whether to display the DateSeparator in the data list by comparing it with the welcome messages from Bot Studio.
      */
-    shouldShowOriginalDate: (h) => h > 0 || l.length === 0 ? !0 : m && !_r(m.createdAt, (p == null ? void 0 : p.createdAt) ?? 0),
+    shouldShowOriginalDate: (h) => h > 0 || l.length === 0 ? !0 : m && !Sr(m.createdAt, (p == null ? void 0 : p.createdAt) ?? 0),
     /**
      * Renders the list of welcome messages from Bot Studio.
      */
     renderAgentPreviewWelcomeMessages: () => l.length === 0 ? null : /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
-      Yn,
+      qn,
       {
         style: { margin: "16px 0" },
         date: p == null ? void 0 : p.createdAt,
@@ -2575,7 +2580,7 @@ const al = c.div`display:flex;position:relative;flex:1;overflow:hidden;`, ll = c
     ), l.map((h, b) => {
       const x = b === l.length - 1, v = g.length !== d.length, f = l.length === 1 ? "single" : b === 0 ? "top" : x || v ? "bottom" : "middle";
       return /* @__PURE__ */ r.createElement(
-        a,
+        s,
         {
           messageType: "user",
           message: h.message,
@@ -2587,43 +2592,43 @@ const al = c.div`display:flex;position:relative;flex:1;overflow:hidden;`, ll = c
           suggestedRepliesVisible: x && !v,
           isBotMessage: !0,
           onClickSuggestedReply: async ({ reply: y }) => {
-            s.sendUserMessage({ message: y });
+            a.sendUserMessage({ message: y });
           }
         }
       );
     }))
   };
-}, pl = (e) => c(e).withConfig({ shouldForwardProp: Hr });
-function hl(e) {
+}, fl = (e) => c(e).withConfig({ shouldForwardProp: Ur });
+function bl(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 fl = ({ style: e }) => {
-  const { stringSet: t } = M(), { chatSDK: n } = N(), { isDashboardActionbookTester: o } = St();
-  return hl(n) || o ? null : /* @__PURE__ */ r.createElement(bl, { variant: "caption2", style: e }, t.POWERED_BY + " ", /* @__PURE__ */ r.createElement(
-    xl,
+const xl = ({ style: e }) => {
+  const { stringSet: t } = M(), { chatSDK: n } = N(), { isDashboardActionbookTester: o } = wt();
+  return bl(n) || o ? null : /* @__PURE__ */ r.createElement(El, { variant: "caption2", style: e }, t.POWERED_BY + " ", /* @__PURE__ */ r.createElement(
+    vl,
     {
       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: ht,
+      rel: ft,
       target: "_blank"
     },
     "Sendbird"
   ));
-}, bl = c(S)`color:${u.themedColor.textLowEmphasis};text-align:center;`, xl = pl(S)`
+}, El = c(S)`color:${u.themedColor.textLowEmphasis};text-align:center;`, vl = fl(S)`
   color: ${u.themedColor.textLowEmphasis};
   cursor: pointer;
   text-decoration: none;
-`, El = () => {
+`, yl = () => {
   var d;
-  const { stringSet: e } = M(), { activeChannel: t } = F(), { channelSource: n, goToActiveConversation: o, scrollSource: i } = Y(), s = Ln(n.channel), l = t && ((d = n.channel) == null ? void 0 : d.url) === (t == null ? void 0 : t.url) && s;
+  const { stringSet: e } = M(), { activeChannel: t } = F(), { channelSource: n, goToActiveConversation: o, scrollSource: i } = Y(), a = Rn(n.channel), l = t && ((d = n.channel) == null ? void 0 : d.url) === (t == null ? void 0 : t.url) && a;
   return ge(() => {
     l && i.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } });
-  }, [l]), l ? /* @__PURE__ */ r.createElement(vl, null, /* @__PURE__ */ r.createElement(
-    yl,
+  }, [l]), l ? /* @__PURE__ */ r.createElement(Cl, null, /* @__PURE__ */ r.createElement(
+    Tl,
     {
       variant: "button",
       role: "button",
@@ -2632,17 +2637,17 @@ const fl = ({ style: e }) => {
     },
     e.START_NEW_CONVERSATION
   )) : null;
-}, vl = c.div`display:flex;justify-content:center;margin:16px 0;`, yl = c(S)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${u.themedColor.textDisabled};cursor:pointer;user-select:none;`, Cl = !0, Tl = () => {
-  const { Template: e } = Tt.useContext(), { Template: t } = ve.useContext(), { Template: n } = _t.useContext(), [o, i] = C(null), { userSession: s, aiAgentInfo: a } = F(), { agentPreviewConfigs: l, chatSDK: d, state: g } = N(), { stringSet: m, dateLocale: p } = M(), { conversation: h, channelSource: b, messageSource: x, scrollSource: v } = Y(), { isDashboardActionbookTester: f } = St(), { filteredMessages: y, shouldShowOriginalDate: _, renderAgentPreviewWelcomeMessages: w } = gl(), { storage: O } = Tn(), ee = qn(), H = Ct(() => {
+}, Cl = c.div`display:flex;justify-content:center;margin:16px 0;`, Tl = c(S)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${u.themedColor.textDisabled};cursor:pointer;user-select:none;`, _l = !0, Sl = () => {
+  const { Template: e } = _t.useContext(), { Template: t } = ve.useContext(), { Template: n } = St.useContext(), [o, i] = T(null), { userSession: a, aiAgentInfo: s } = F(), { agentPreviewConfigs: l, chatSDK: d, state: g } = N(), { stringSet: m, dateLocale: p } = M(), { conversation: h, channelSource: b, messageSource: x, scrollSource: v } = Y(), { isDashboardActionbookTester: f } = wt(), { filteredMessages: y, shouldShowOriginalDate: _, renderAgentPreviewWelcomeMessages: w } = hl(), { storage: O } = _n(), ee = Jn(), H = Tt(() => {
     const E = ee[0];
-    return E ? E.userId === a.userId ? a : E : null;
+    return E ? E.userId === s.userId ? s : E : null;
   });
   R(() => {
     H && setTimeout(() => v.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } }), 25);
   }, [!!H, v]);
   const le = (E, U = !1) => {
     var te;
-    return U ? a : ((te = b.channel) == null ? void 0 : te.members.find((G) => G.userId === E.sender.userId)) ?? E.sender;
+    return U ? s : ((te = b.channel) == null ? void 0 : te.members.find((G) => G.userId === E.sender.userId)) ?? E.sender;
   }, _e = () => {
     if (!x.initialized)
       return /* @__PURE__ */ r.createElement(Ee, { type: "loading" });
@@ -2651,7 +2656,7 @@ const fl = ({ style: e }) => {
       return E ? /* @__PURE__ */ r.createElement("div", { style: { width: "100%" } }, E) : /* @__PURE__ */ r.createElement(Ee, { type: "noMessages", label: m.PLACE_HOLDER__NO_MESSAGES });
     }
     return /* @__PURE__ */ r.createElement(
-      il,
+      al,
       {
         ref: v.scrollRef,
         scrollPositionRef: v.scrollPositionRef,
@@ -2662,7 +2667,7 @@ const fl = ({ style: e }) => {
         onLoadPrev: x.loadPrevious,
         onLoadNext: x.loadNext,
         depsForResetScrollPositionToBottom: [x.initialized, x.messages.length !== 0],
-        messageTopArea: /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(fl, { style: { marginTop: 16 } }), w()),
+        messageTopArea: /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(xl, { style: { marginTop: 16 } }), w()),
         messageBottomArea: /* @__PURE__ */ r.createElement(r.Fragment, null, H && /* @__PURE__ */ r.createElement(
           t,
           {
@@ -2672,15 +2677,15 @@ const fl = ({ style: e }) => {
             groupType: "single",
             message: ""
           }
-        ), /* @__PURE__ */ r.createElement(El, null)),
-        overlayArea: /* @__PURE__ */ r.createElement(r.Fragment, null, !v.isScrollBottomReached && /* @__PURE__ */ r.createElement(Sl, { onClick: () => v.scrollPubSub.publish({ type: "scrollToBottom" }) })),
+        ), /* @__PURE__ */ r.createElement(yl, null)),
+        overlayArea: /* @__PURE__ */ r.createElement(r.Fragment, null, !v.isScrollBottomReached && /* @__PURE__ */ r.createElement(kl, { onClick: () => v.scrollPubSub.publish({ type: "scrollToBottom" }) })),
         renderMessage: ({ message: E, index: U }) => {
-          const te = La(E), G = y[U - 1], Xe = y[U + 1], I = y[y.length - 1], A = E === I, L = Ra(E, G, Xe, Cl), j = !Rr((G == null ? void 0 : G.createdAt) ?? 0, E.createdAt) && _(U) && !f, fe = () => {
+          const te = Na(E), G = y[U - 1], Xe = y[U + 1], I = y[y.length - 1], A = E === I, L = Da(E, G, Xe, _l), j = !Nr((G == null ? void 0 : G.createdAt) ?? 0, E.createdAt) && _(U) && !f, fe = () => {
             E.isFileMessage() && i(E);
           }, Se = () => {
-            E.isFileMessage() && On(E.url);
+            E.isFileMessage() && Ln(E.url);
           }, K = j ? /* @__PURE__ */ r.createElement(
-            Yn,
+            qn,
             {
               style: { margin: "16px 0" },
               date: E.createdAt,
@@ -2688,29 +2693,29 @@ const fl = ({ style: e }) => {
               formatString: m.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR
             }
           ) : null, ne = {
-            maxBodyWidth: g.expanded ? Nn : void 0,
+            maxBodyWidth: g.expanded ? Dn : void 0,
             extendedMessagePayload: E.extendedMessagePayload,
             createdAt: E.createdAt,
             groupType: L,
             onClickMedia: fe,
             onClickFile: Se
           }, we = (() => {
-            var ce, Mt;
+            var ce, Ot;
             if (ze.isAdmin(E))
               return ze.isCSAT(E) ? h ? /* @__PURE__ */ r.createElement(
                 n,
                 {
                   ...ne,
                   ...h,
-                  isResolvedWhenDeterminedByUser: wl(h),
+                  isResolvedWhenDeterminedByUser: Al(h),
                   messageType: "admin.csat",
                   onSubmitCSAT: ({ csat: re, csatType: de, csatReason: V, isResolved: be }) => {
-                    var Ot;
-                    re && ((Ot = b.channel) == null || Ot.submitCSAT({ csat: re, csatType: de, csatReason: V, isResolved: be }));
+                    var Lt;
+                    re && ((Lt = b.channel) == null || Lt.submitCSAT({ csat: re, csatType: de, csatReason: V, isResolved: be }));
                   }
                 }
               ) : null : /* @__PURE__ */ r.createElement(n, { ...ne, messageType: "admin", message: E.message });
-            if (ze.isOutgoing(E, s.userId)) {
+            if (ze.isOutgoing(E, a.userId)) {
               const re = {
                 ...ne,
                 message: E.message,
@@ -2720,7 +2725,7 @@ const fl = ({ style: e }) => {
               if (E.isUserMessage())
                 return /* @__PURE__ */ r.createElement(e, { messageType: "user", ...re });
               if (E.isFileMessage()) {
-                const [de, V] = ((ce = E.metaArrays.find((be) => be.key === Mn)) == null ? void 0 : ce.value) ?? [];
+                const [de, V] = ((ce = E.metaArrays.find((be) => be.key === On)) == null ? void 0 : ce.value) ?? [];
                 return /* @__PURE__ */ r.createElement(
                   e,
                   {
@@ -2728,15 +2733,15 @@ const fl = ({ style: e }) => {
                     file: E,
                     metadata: {
                       aspectRatio: de && V ? `${de}/${V}` : "1/1",
-                      localFile: (Mt = E.messageParams) == null ? void 0 : Mt.file
+                      localFile: (Ot = E.messageParams) == null ? void 0 : Ot.file
                     },
                     ...re
                   }
                 );
               }
             }
-            if (ze.isIncoming(E, s.userId)) {
-              const re = E.sender.userId === a.userId, de = {
+            if (ze.isIncoming(E, a.userId)) {
+              const re = E.sender.userId === s.userId, de = {
                 ...ne,
                 sender: le(E, re),
                 message: E.message,
@@ -2763,49 +2768,49 @@ const fl = ({ style: e }) => {
       }
     );
   };
-  return /* @__PURE__ */ r.createElement(_l, { id: `${Z}-message-list` }, _e(), o && /* @__PURE__ */ r.createElement(tl, { onClose: () => i(null), message: o }));
-}, _l = c.div`overflow-y:hidden;display:flex;flex:1;position:relative;`, Sl = c(ul)`position:absolute;bottom:20px;inset-inline-end:20px;`;
-function wl(e) {
+  return /* @__PURE__ */ r.createElement(wl, { id: `${Z}-message-list` }, _e(), o && /* @__PURE__ */ r.createElement(rl, { onClose: () => i(null), message: o }));
+}, wl = c.div`overflow-y:hidden;display:flex;flex:1;position:relative;`, kl = c(gl)`position:absolute;bottom:20px;inset-inline-end:20px;`;
+function Al(e) {
   var t;
   if (((t = e == null ? void 0 : e.resolution) == null ? void 0 : t.determinedBy) === "user")
     return e.resolution.isResolved;
 }
-const kl = () => {
+const Il = () => {
   const { stringSet: e } = M(), { connectionError: t } = F(), { channelSource: n } = Y(), o = t || n.error;
   if (o) {
     const i = t ? void 0 : { label: e.RETRY, onClick: () => n.refetch() };
     return /* @__PURE__ */ r.createElement(Ee, { type: "error", label: o.message, action: i });
   }
-  return n.channel ? /* @__PURE__ */ r.createElement(Tl, null) : /* @__PURE__ */ r.createElement(Ee, { type: "loading" });
-}, Jn = () => {
-  const { stringSet: e } = M(), { activeChannel: t } = F(), [n] = C(() => (t == null ? void 0 : t.status) === z.OPEN);
+  return n.channel ? /* @__PURE__ */ r.createElement(Sl, null) : /* @__PURE__ */ r.createElement(Ee, { type: "loading" });
+}, Xn = () => {
+  const { stringSet: e } = M(), { activeChannel: t } = F(), [n] = T(() => (t == null ? void 0 : t.status) === z.OPEN);
   return n ? e.RETURN_TO_CONVERSATION : e.START_NEW_CONVERSATION;
-}, Al = () => {
-  const { stringSet: e } = M(), { goToActiveConversation: t } = Y(), n = Jn();
-  return /* @__PURE__ */ r.createElement(Il, null, /* @__PURE__ */ r.createElement(S, { variant: "body1", color: u.themedColor.textMidEmphasis }, e.CONVERSATION_CLOSED_FOOTER_LABEL), /* @__PURE__ */ r.createElement($l, { onClick: t }, /* @__PURE__ */ r.createElement(S, { variant: "button", color: u.themedColor.textHighEmphasis }, n)));
-}, Il = c.div`display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;gap:14px;${B.light`
+}, $l = () => {
+  const { stringSet: e } = M(), { goToActiveConversation: t } = Y(), n = Xn();
+  return /* @__PURE__ */ r.createElement(Ml, null, /* @__PURE__ */ r.createElement(S, { variant: "body1", color: u.themedColor.textMidEmphasis }, e.CONVERSATION_CLOSED_FOOTER_LABEL), /* @__PURE__ */ r.createElement(Ol, { onClick: t }, /* @__PURE__ */ r.createElement(S, { variant: "button", color: u.themedColor.textHighEmphasis }, n)));
+}, Ml = c.div`display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;gap:14px;${B.light`
     background-color: ${u.color.background100};
   `}
   ${B.dark`
     background-color: ${u.color.background500};
   `}
-`, $l = c.button`all:unset;padding:10px 20px;border-radius:6px;border:1px solid ${u.themedColor.textDisabled};cursor:pointer;${B.light`
+`, Ol = c.button`all:unset;padding:10px 20px;border-radius:6px;border:1px solid ${u.themedColor.textDisabled};cursor:pointer;${B.light`
     background-color: ${u.color.background50};
   `}
   ${B.dark`
     background-color: ${u.color.background700};
   `}
-`, Xn = ye(void 0), Ml = ({ children: e }) => {
-  const { stringSet: t } = M(), { aiAgentInfo: n } = F(), [o, i] = C([]), [s, a] = C({
+`, Qn = ye(void 0), Ll = ({ children: e }) => {
+  const { stringSet: t } = M(), { aiAgentInfo: n } = F(), [o, i] = T([]), [a, s] = T({
     visible: !1,
     title: "",
     buttonText: t.BUTTON__OK
   }), l = n == null ? void 0 : n.replyToFile, d = (p) => {
     if (!l) return;
-    const h = p.filter((b) => An.includes(b.type));
+    const h = p.filter((b) => In.includes(b.type));
     if (h.length !== 0) {
-      if (h.some((b) => b.size > Xo)) {
-        a((b) => ({
+      if (h.some((b) => b.size > ei)) {
+        s((b) => ({
           ...b,
           visible: !0,
           title: t.FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT.replace("%d", "25")
@@ -2813,7 +2818,7 @@ const kl = () => {
         return;
       }
       if (h.length > 1 || h.length > 0 && o.length > 0) {
-        a((b) => ({
+        s((b) => ({
           ...b,
           visible: !0,
           title: t.FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT
@@ -2838,7 +2843,7 @@ const kl = () => {
     i((p) => (p.forEach((h) => URL.revokeObjectURL(h.preview.url)), []));
   };
   return /* @__PURE__ */ r.createElement(
-    Xn.Provider,
+    Qn.Provider,
     {
       value: {
         files: o,
@@ -2849,27 +2854,27 @@ const kl = () => {
       }
     },
     e,
-    /* @__PURE__ */ r.createElement(Ol, { ...s, onClose: () => a((p) => ({ ...p, visible: !1, title: "" })) })
+    /* @__PURE__ */ r.createElement(Rl, { ...a, onClose: () => s((p) => ({ ...p, visible: !1, title: "" })) })
   );
-}, kt = () => {
-  const e = J(Xn);
+}, At = () => {
+  const e = J(Qn);
   if (!e)
     throw new Error("useFileUpload must be used within FileUploadProvider");
   return e;
-}, Ol = ({
+}, Rl = ({
   title: e,
   buttonText: t,
   visible: n,
   onClose: o
-}) => /* @__PURE__ */ r.createElement(Kn, { rootElementId: X.WINDOW, visible: n, onClose: o }, /* @__PURE__ */ r.createElement(Ll, null, /* @__PURE__ */ r.createElement(Nl, null, /* @__PURE__ */ r.createElement(S, { variant: "h1", color: u.themedColor.textHighEmphasis }, e)), /* @__PURE__ */ r.createElement(Rl, null, /* @__PURE__ */ r.createElement(Dl, { onClick: o }, /* @__PURE__ */ r.createElement(S, { variant: "button", color: u.themedColor.textHighEmphasisInverse }, t))))), Ll = c.div`width:100%;height:auto;padding-block:18px 24px;padding-inline:24px;margin:0 auto;border-radius:4px;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, Rl = c.div`display:flex;flex-direction:row;justify-content:flex-end;`, Nl = c.div`margin-bottom:16px;`, Dl = c.button`display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:${u.themedColor.error};border:1px solid ${u.themedColor.error};padding:10px 16px;&:hover{background-color:${u.color.error.dark};border-color:${u.color.error.dark};}&:active{background-color:${u.color.error.extraDark};}`;
-function Bl({ blurred: e, elementRef: t, document: n = window.document }) {
+}) => /* @__PURE__ */ r.createElement(Zn, { rootElementId: X.WINDOW, visible: n, onClose: o }, /* @__PURE__ */ r.createElement(Nl, null, /* @__PURE__ */ r.createElement(Bl, null, /* @__PURE__ */ r.createElement(S, { variant: "h1", color: u.themedColor.textHighEmphasis }, e)), /* @__PURE__ */ r.createElement(Dl, null, /* @__PURE__ */ r.createElement(Pl, { onClick: o }, /* @__PURE__ */ r.createElement(S, { variant: "button", color: u.themedColor.textHighEmphasisInverse }, t))))), Nl = c.div`width:100%;height:auto;padding-block:18px 24px;padding-inline:24px;margin:0 auto;border-radius:4px;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, Dl = c.div`display:flex;flex-direction:row;justify-content:flex-end;`, Bl = c.div`margin-bottom:16px;`, Pl = c.button`display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:${u.themedColor.error};border:1px solid ${u.themedColor.error};padding:10px 16px;&:hover{background-color:${u.color.error.dark};border-color:${u.color.error.dark};}&:active{background-color:${u.color.error.extraDark};}`;
+function Fl({ blurred: e, elementRef: t, document: n = window.document }) {
   const o = D(!1);
   e && t.current && n.activeElement === t.current && (o.current = !0), ge(() => {
     var i;
     !e && o.current && ((i = t.current) == null || i.focus(), o.current = !1);
   }, [e]);
 }
-const Pl = c.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex;flex-direction:row;gap:10px;padding:8px 16px;background-color:transparent;`, Fl = c.div`display:flex;flex-shrink:0;position:relative;margin-block-start:8px;border-radius:12px;height:64px;img{border-radius:12px;object-fit:cover;width:64px;-webkit-user-drag:none;}`, Hl = c.div`display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-end:-8px;inset-block-start:-8px;cursor:pointer;border-radius:50%;${B.light`
+const Hl = c.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex;flex-direction:row;gap:10px;padding:8px 16px;background-color:transparent;`, Ul = c.div`display:flex;flex-shrink:0;position:relative;margin-block-start:8px;border-radius:12px;height:64px;img{border-radius:12px;object-fit:cover;width:64px;-webkit-user-drag:none;}`, zl = c.div`display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-end:-8px;inset-block-start:-8px;cursor:pointer;border-radius:50%;${B.light`
     background-color: ${u.color.background50};
   `}
   ${B.dark`
@@ -2888,19 +2893,19 @@ const Pl = c.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
   circle {
     stroke: ${u.themedColor.bg_50_600};
   }
-`, Ul = () => {
-  const e = Le(), [t, n] = C(), { files: o, removeFile: i, isFileUploadEnabled: s } = kt();
-  return !s || o.length === 0 ? null : /* @__PURE__ */ r.createElement(Pl, null, o.map(({ preview: { type: a, name: l, url: d } }, g) => /* @__PURE__ */ r.createElement(Fl, { key: d, onMouseOver: () => n(g), onMouseLeave: () => n(void 0) }, (e || t === g) && /* @__PURE__ */ r.createElement(Hl, { title: "Remove file", onClick: () => i(g) }, /* @__PURE__ */ r.createElement($, { type: "close-filled", color: u.themedColor.textMidEmphasis })), a.startsWith("image/") ? /* @__PURE__ */ r.createElement("img", { alt: "file-image", src: d }) : /* @__PURE__ */ r.createElement(Et, { name: l, type: xt(l, a) }))));
-}, zl = ({ channel: e, messages: t }) => {
-  const { stringSet: n } = M(), { aiAgentInfo: o } = F(), i = Wl(), s = Vl({
+`, Wl = () => {
+  const e = Le(), [t, n] = T(), { files: o, removeFile: i, isFileUploadEnabled: a } = At();
+  return !a || o.length === 0 ? null : /* @__PURE__ */ r.createElement(Hl, null, o.map(({ preview: { type: s, name: l, url: d } }, g) => /* @__PURE__ */ r.createElement(Ul, { key: d, onMouseOver: () => n(g), onMouseLeave: () => n(void 0) }, (e || t === g) && /* @__PURE__ */ r.createElement(zl, { title: "Remove file", onClick: () => i(g) }, /* @__PURE__ */ r.createElement($, { type: "close-filled", color: u.themedColor.textMidEmphasis })), s.startsWith("image/") ? /* @__PURE__ */ r.createElement("img", { alt: "file-image", src: d }) : /* @__PURE__ */ r.createElement(vt, { name: l, type: Et(l, s) }))));
+}, Vl = ({ channel: e, messages: t }) => {
+  const { stringSet: n } = M(), { aiAgentInfo: o } = F(), i = Gl(), a = jl({
     lastMessage: t[t.length - 1],
     aiAgentUserId: o.userId
   });
-  return !e || !i || Ln(e) ? [!0, n.MESSAGE_INPUT__PLACE_HOLDER__DISABLED] : s ? [!0, n.MESSAGE_INPUT__PLACE_HOLDER__WAIT_AI_AGENT_RESPONSE] : [!1, n.MESSAGE_INPUT__PLACE_HOLDER];
-}, Wl = () => {
-  const e = un(), { chatSDK: t } = N(), [n, o] = C(!0);
+  return !e || !i || Rn(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];
+}, Gl = () => {
+  const e = mn(), { chatSDK: t } = N(), [n, o] = T(!0);
   return R(() => {
-    const i = new dt({
+    const i = new ut({
       onDisconnected: () => o(!1),
       onConnected: () => o(!0),
       onReconnectSucceeded: () => o(!0)
@@ -2909,28 +2914,28 @@ const Pl = c.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
       t.removeConnectionHandler(e);
     };
   }, [t]), n;
-}, Vl = ({
+}, jl = ({
   lastMessage: e,
   aiAgentUserId: t
 }) => {
-  const [n, o] = C(!1), i = qn();
+  const [n, o] = T(!1), i = Jn();
   return R(() => {
     if (!e) return;
-    const s = i.some((l) => l.userId === t), a = Vn(e, t) && wt.isStreaming(e);
-    o(!!(a || s));
+    const a = i.some((l) => l.userId === t), s = Gn(e, t) && kt.isStreaming(e);
+    o(!!(s || a));
   }, [i, e, t]), n;
-}, Qn = {
+}, er = {
   textArea: k`min-height:40px;height:40px;font-size:16px;line-height:24px;`,
   attachIcon: k`margin-bottom:4px;`
-}, er = c.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, Gl = c(er)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${u.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${u.themedColor.bg_200_400};}}${pt && Qn.attachIcon};`, jl = c.input`display:none;`, en = c.div`width:100%;position:relative;background-color:${u.themedColor.bg_100_500};border-radius:20px;`, tn = c.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`, nn = c.textarea`all:unset;display:block;flex:1;min-width:0;padding-top:8px;padding-bottom:8px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;font-size:14px;line-height:20px;color:${u.themedColor.textHighEmphasis};resize:none;width:100%;height:${kn}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${pt && Qn.textArea};&::placeholder{color:${u.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${u.themedColor.textDisabled};}}`, rn = c.div`padding:12px 16px;position:relative;display:flex;align-items:center;`, on = ({ disabled: e }) => {
-  const t = D(null), { addFiles: n, clearFiles: o, files: i, isFileUploadEnabled: s } = kt();
-  return !s || i.length > 0 ? null : /* @__PURE__ */ r.createElement(
-    Gl,
+}, tr = c.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, Kl = c(tr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${u.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${u.themedColor.bg_200_400};}}${ht && er.attachIcon};`, Zl = c.input`display:none;`, tn = c.div`width:100%;position:relative;background-color:${u.themedColor.bg_100_500};border-radius:20px;`, nn = c.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`, rn = c.textarea`all:unset;display:block;flex:1;min-width:0;padding-top:8px;padding-bottom:8px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;font-size:14px;line-height:20px;color:${u.themedColor.textHighEmphasis};resize:none;width:100%;height:${An}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${ht && er.textArea};&::placeholder{color:${u.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${u.themedColor.textDisabled};}}`, on = c.div`padding:12px 16px;position:relative;display:flex;align-items:center;`, sn = ({ disabled: e }) => {
+  const t = D(null), { addFiles: n, clearFiles: o, files: i, isFileUploadEnabled: a } = At();
+  return !a || i.length > 0 ? null : /* @__PURE__ */ r.createElement(
+    Kl,
     {
       disabled: e,
       onClick: () => {
-        var a;
-        o(), (a = t.current) == null || a.click();
+        var s;
+        o(), (s = t.current) == null || s.click();
       }
     },
     /* @__PURE__ */ r.createElement(
@@ -2942,35 +2947,35 @@ const Pl = c.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
       }
     ),
     /* @__PURE__ */ r.createElement(
-      jl,
+      Zl,
       {
         type: "file",
         ref: t,
-        onChange: (a) => {
-          const l = a.currentTarget.files;
-          l && n(Array.from(l)), a.target.value = "";
+        onChange: (s) => {
+          const l = s.currentTarget.files;
+          l && n(Array.from(l)), s.target.value = "";
         },
-        accept: An.join(",")
+        accept: In.join(",")
       }
     )
   );
-}, Kl = () => {
-  const e = D(null), [t, n] = C(""), { rootElement: o } = N(), { channelSource: i, messageSource: s } = Y(), [a, l] = zl({
+}, Yl = () => {
+  const e = D(null), [t, n] = T(""), { rootElement: o } = N(), { channelSource: i, messageSource: a } = Y(), [s, l] = Vl({
     channel: i.channel,
-    messages: s.messages
-  }), { files: d, addFiles: g, clearFiles: m } = kt();
-  fi({ onDropFiles: g }), Bl({ blurred: a, elementRef: e, document: pe(o) });
-  const p = t.trim().length > 0, h = d.length > 0, b = !a && (p || h), x = () => {
+    messages: a.messages
+  }), { files: d, addFiles: g, clearFiles: m } = At();
+  xi({ onDropFiles: g }), Fl({ blurred: s, elementRef: e, document: pe(o) });
+  const p = t.trim().length > 0, h = d.length > 0, b = !s && (p || h), x = () => {
     e.current && (e.current.value = "", e.current.style.height = ""), m(), n("");
   }, v = async () => {
     const w = t.trim(), O = { message: w };
     if (!(!w && !d.length)) {
       if (d.length > 0) {
         const ee = d[0].file, H = { ...O, file: ee };
-        s.sendFileMessage(H), x();
+        a.sendFileMessage(H), x();
         return;
       }
-      s.sendUserMessage(O), x();
+      a.sendUserMessage(O), x();
     }
   }, f = (w) => {
     const O = Array.from(w.clipboardData.files);
@@ -2980,13 +2985,13 @@ const Pl = c.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
   }, _ = (w) => {
     if (e.current) {
       e.current.style.height = "";
-      const O = Math.min(Jo, e.current.scrollHeight);
-      kn < O && (e.current.style.height = `${O}px`);
+      const O = Math.min(Qo, e.current.scrollHeight);
+      An < O && (e.current.style.height = `${O}px`);
     }
     n(w.target.value);
   };
-  return a ? /* @__PURE__ */ r.createElement(rn, null, /* @__PURE__ */ r.createElement(en, null, /* @__PURE__ */ r.createElement(tn, null, /* @__PURE__ */ r.createElement(nn, { disabled: !0, placeholder: l }), /* @__PURE__ */ r.createElement(on, { disabled: !0 })))) : /* @__PURE__ */ r.createElement(rn, null, /* @__PURE__ */ r.createElement(en, null, /* @__PURE__ */ r.createElement(Ul, null), /* @__PURE__ */ r.createElement(tn, null, /* @__PURE__ */ r.createElement(
-    nn,
+  return s ? /* @__PURE__ */ r.createElement(on, null, /* @__PURE__ */ r.createElement(tn, null, /* @__PURE__ */ r.createElement(nn, null, /* @__PURE__ */ r.createElement(rn, { disabled: !0, placeholder: l }), /* @__PURE__ */ r.createElement(sn, { disabled: !0 })))) : /* @__PURE__ */ r.createElement(on, null, /* @__PURE__ */ r.createElement(tn, null, /* @__PURE__ */ r.createElement(Wl, null), /* @__PURE__ */ r.createElement(nn, null, /* @__PURE__ */ r.createElement(
+    rn,
     {
       ref: e,
       role: "textbox",
@@ -2997,24 +3002,24 @@ const Pl = c.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
       onChange: _,
       onPaste: f
     }
-  ), /* @__PURE__ */ r.createElement(on, null))), b && /* @__PURE__ */ r.createElement(er, { onClick: () => v() }, /* @__PURE__ */ r.createElement($, { type: "send", color: u.color.primary.main, size: 20 })));
-}, Zl = c.div`padding:8px 16px;text-align:center;word-break:break-word;white-space:pre-wrap;line-height:1.43;letter-spacing:-0.2px;font-size:14px;font-weight:400;color:${u.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${B.light`
+  ), /* @__PURE__ */ r.createElement(sn, null))), b && /* @__PURE__ */ r.createElement(tr, { onClick: () => v() }, /* @__PURE__ */ r.createElement($, { type: "send", color: u.color.primary.main, size: 20 })));
+}, ql = c.div`padding:8px 16px;text-align:center;word-break:break-word;white-space:pre-wrap;line-height:1.43;letter-spacing:-0.2px;font-size:14px;font-weight:400;color:${u.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${B.light`
       color: ${u.color.information.light};
     `};
     ${B.dark`
       color: ${u.color.information.main};
     `};
   }
-`, Yl = T(() => import("./BvhxxGUf.js").then((e) => ({ default: e.MarkdownText }))), ql = () => {
+`, Jl = C(() => import("./Dde5r6cu.js").then((e) => ({ default: e.MarkdownText }))), Xl = () => {
   const { aiAgentInfo: e } = F(), { messageSource: t } = Y(), { userSession: n } = F();
-  return !e.specialNoticeEnabled || !e.specialNotice || !(t.initialized && !t.messages.some((i) => Vn(i, n.userId))) ? null : /* @__PURE__ */ r.createElement(Zl, null, /* @__PURE__ */ r.createElement(Yl, null, e.specialNotice));
-}, Jl = () => /* @__PURE__ */ r.createElement(Xl, null, /* @__PURE__ */ r.createElement(ql, null), /* @__PURE__ */ r.createElement(Ml, null, /* @__PURE__ */ r.createElement(Kl, null))), Xl = c.div`z-index:0;border:none;width:100%;`, Ql = () => {
-  var s, a, l;
-  const { activeChannel: e } = F(), { channelSource: t } = Y(), n = ((a = (s = t.channel) == null ? void 0 : s.conversation) == null ? void 0 : a.status) === z.CLOSED;
-  return !(((l = t.channel) == null ? void 0 : l.url) === (e == null ? void 0 : e.url)) && n ? /* @__PURE__ */ r.createElement(Al, null) : /* @__PURE__ */ r.createElement(Jl, null);
-}, ec = () => {
+  return !e.specialNoticeEnabled || !e.specialNotice || !(t.initialized && !t.messages.some((i) => Gn(i, n.userId))) ? null : /* @__PURE__ */ r.createElement(ql, null, /* @__PURE__ */ r.createElement(Jl, null, e.specialNotice));
+}, Ql = () => /* @__PURE__ */ r.createElement(ec, null, /* @__PURE__ */ r.createElement(Xl, null), /* @__PURE__ */ r.createElement(Ll, null, /* @__PURE__ */ r.createElement(Yl, null))), ec = c.div`z-index:0;border:none;width:100%;`, tc = () => {
+  var a, s, l;
+  const { activeChannel: e } = F(), { channelSource: t } = Y(), n = ((s = (a = t.channel) == null ? void 0 : a.conversation) == null ? void 0 : s.status) === z.CLOSED;
+  return !(((l = t.channel) == null ? void 0 : l.url) === (e == null ? void 0 : e.url)) && n ? /* @__PURE__ */ r.createElement($l, null) : /* @__PURE__ */ r.createElement(Ql, null);
+}, nc = () => {
   var _;
-  const { state: e, logger: t, enableCloseConversationButton: n, enableExpandButton: o, dispatcher: i } = N(), { stringSet: s } = M(), { aiAgentInfo: a, activeChannel: l } = F(), { channelSource: d, onNavigateToConversationList: g } = Y(), m = d.channel, h = Le() ? 24 : 16, b = () => {
+  const { state: e, logger: t, enableCloseConversationButton: n, enableExpandButton: o, dispatcher: i } = N(), { stringSet: a } = M(), { aiAgentInfo: s, activeChannel: l } = F(), { channelSource: d, onNavigateToConversationList: g } = Y(), m = d.channel, h = Le() ? 24 : 16, b = () => {
     e.setOpened(!1);
   }, x = async () => {
     try {
@@ -3024,115 +3029,115 @@ const Pl = c.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
       t.error("conversation.handleAgentHandoff: error", w);
     }
   }, v = async () => {
-    m && await i.send(Jr.CloseConversation());
-  }, f = l && (m == null ? void 0 : m.url) === l.url, y = a.showHandoffButton && !!((_ = m == null ? void 0 : m.conversation) != null && _.handoff) && f;
-  return /* @__PURE__ */ r.createElement(ic, null, /* @__PURE__ */ r.createElement(sc, null, g && /* @__PURE__ */ r.createElement(Ne, { onClick: () => g() }, /* @__PURE__ */ r.createElement($, { type: "menu", size: 24, color: u.themedColor.textHighEmphasis })), f && /* @__PURE__ */ r.createElement(Zn, { size: 34 }), /* @__PURE__ */ r.createElement(lc, { variant: "h2", color: u.themedColor.textHighEmphasis }, a.nickname || (m == null ? void 0 : m.name))), /* @__PURE__ */ r.createElement(ac, null, y && /* @__PURE__ */ r.createElement(
-    oc,
+    m && await i.send(Xr.CloseConversation());
+  }, f = l && (m == null ? void 0 : m.url) === l.url, y = s.showHandoffButton && !!((_ = m == null ? void 0 : m.conversation) != null && _.handoff) && f;
+  return /* @__PURE__ */ r.createElement(ac, null, /* @__PURE__ */ r.createElement(lc, null, g && /* @__PURE__ */ r.createElement(Ne, { onClick: () => g() }, /* @__PURE__ */ r.createElement($, { type: "menu", size: 24, color: u.themedColor.textHighEmphasis })), f && /* @__PURE__ */ r.createElement(Yn, { size: 34 }), /* @__PURE__ */ r.createElement(dc, { variant: "h2", color: u.themedColor.textHighEmphasis }, s.nickname || (m == null ? void 0 : m.name))), /* @__PURE__ */ r.createElement(cc, null, y && /* @__PURE__ */ r.createElement(
+    sc,
     {
-      tooltipLabel: s.HEADER_BUTTON__AGENT_HANDOFF,
-      disabled: !hi(m),
+      tooltipLabel: a.HEADER_BUTTON__AGENT_HANDOFF,
+      disabled: !bi(m),
       size: h,
       onClick: x
     }
   ), n && /* @__PURE__ */ r.createElement(
-    rc,
+    ic,
     {
-      disabled: !Rn(m),
+      disabled: !Nn(m),
       size: h,
       onClick: v
     }
-  ), o && /* @__PURE__ */ r.createElement(tc, { size: h }), /* @__PURE__ */ r.createElement(nc, { size: h, onClick: b })));
-}, tc = ({ size: e, disabled: t }) => {
+  ), o && /* @__PURE__ */ r.createElement(rc, { size: h }), /* @__PURE__ */ r.createElement(oc, { size: h, onClick: b })));
+}, rc = ({ size: e, disabled: t }) => {
   const { state: n } = N();
   return /* @__PURE__ */ r.createElement(Ne, { "aria-label": "expand", onClick: () => n.setExpanded(!n.expanded), disabled: t }, /* @__PURE__ */ r.createElement($, { type: n.expanded ? "collapse" : "expand", size: e, color: u.themedColor.textHighEmphasis }));
-}, nc = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(Ne, { "aria-label": "close messenger", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement($, { type: "close", size: e, color: u.themedColor.textHighEmphasis })), rc = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(Ne, { "aria-label": "close conversation", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement(
+}, oc = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(Ne, { "aria-label": "close messenger", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement($, { type: "close", size: e, color: u.themedColor.textHighEmphasis })), ic = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(Ne, { "aria-label": "close conversation", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement(
   $,
   {
     type: "refresh",
     size: e,
     color: t ? u.themedColor.textDisabled : u.themedColor.textHighEmphasis
   }
-)), oc = ({ size: e, onClick: t, disabled: n, tooltipLabel: o }) => /* @__PURE__ */ r.createElement(zn, { label: o, position: "bottom", disabled: n }, /* @__PURE__ */ r.createElement(Ne, { "aria-label": "agent", onClick: t, disabled: n }, /* @__PURE__ */ r.createElement(
+)), sc = ({ size: e, onClick: t, disabled: n, tooltipLabel: o }) => /* @__PURE__ */ r.createElement(Wn, { label: o, position: "bottom", disabled: n }, /* @__PURE__ */ r.createElement(Ne, { "aria-label": "agent", onClick: t, disabled: n }, /* @__PURE__ */ r.createElement(
   $,
   {
     type: "agent",
     size: e,
     color: n ? u.themedColor.textDisabled : u.themedColor.textHighEmphasis
   }
-))), ic = c.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${u.themedColor.textDisabled};background-color:${({ theme: e }) => e.colors.base.headerBackground};`, sc = c.div`display:flex;flex:1;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`, ac = c.div`display:flex;gap:10px;align-items:center;justify-content:center;`, lc = c(S)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`, Ne = c.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, cc = () => {
-  const { isDashboardActionbookTester: e } = St();
-  return e ? null : /* @__PURE__ */ r.createElement(ec, null);
-}, sn = ({
+))), ac = c.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${u.themedColor.textDisabled};background-color:${({ theme: e }) => e.colors.base.headerBackground};`, lc = c.div`display:flex;flex:1;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`, cc = c.div`display:flex;gap:10px;align-items:center;justify-content:center;`, dc = c(S)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`, Ne = c.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, uc = () => {
+  const { isDashboardActionbookTester: e } = wt();
+  return e ? null : /* @__PURE__ */ r.createElement(nc, null);
+}, an = ({
   children: e,
   onNavigateToConversationList: t,
   closedChannelUrl: n,
   onClearClosedChannelUrl: o
 }) => {
-  const { Template: i } = At.useContext();
+  const { Template: i } = It.useContext();
   return /* @__PURE__ */ r.createElement(
-    pi,
+    fi,
     {
       onNavigateToConversationList: t,
       closedChannelUrl: n,
       onClearClosedChannelUrl: o
     },
-    /* @__PURE__ */ r.createElement(lt, null, /* @__PURE__ */ r.createElement(lt.Consumer, null, (s) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(uc, { ...s }, /* @__PURE__ */ r.createElement(i, null)), e)))
+    /* @__PURE__ */ r.createElement(lt, null, /* @__PURE__ */ r.createElement(lt.Consumer, null, (a) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(gc, { ...a }, /* @__PURE__ */ r.createElement(i, null)), e)))
   );
-}, At = Ce({
-  template: dc,
+}, It = Ce({
+  template: mc,
   components: {
-    Header: cc,
-    Body: kl,
-    Footer: Ql
+    Header: uc,
+    Body: Il,
+    Footer: tc
   }
 });
-function dc() {
-  const { components: e } = At.useContext();
+function mc() {
+  const { components: e } = It.useContext();
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(e.Header, null), /* @__PURE__ */ r.createElement(e.Body, null), /* @__PURE__ */ r.createElement(e.Footer, null));
 }
-const uc = c.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, {
-  Provider: mc,
-  useContext: tr
+const gc = c.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, {
+  Provider: pc,
+  useContext: nr
 } = W("ConversationList");
-function gc({
+function hc({
   onOpenConversationView: e = Ge,
   children: t
 }) {
-  return /* @__PURE__ */ r.createElement(ro, null, (n) => /* @__PURE__ */ r.createElement(mc, { value: { ...n, onOpenConversationView: e } }, t));
+  return /* @__PURE__ */ r.createElement(oo, null, (n) => /* @__PURE__ */ r.createElement(pc, { value: { ...n, onOpenConversationView: e } }, t));
 }
-const nr = Ce({
-  template: pc,
+const rr = Ce({
+  template: fc,
   // Note: 리스트 변경되면 디자인 변경 가능성이 있어서 일단 컴포넌트는 비워둠
   components: {}
 });
-function pc({
+function fc({
   title: e = "",
   lastMessageTimestamp: t = Date.now(),
   onClick: n
 }) {
   const { stringSet: o, format: i } = M();
-  return /* @__PURE__ */ r.createElement(hc, { role: "button", onClick: () => n == null ? void 0 : n() }, /* @__PURE__ */ r.createElement(bc, null, /* @__PURE__ */ r.createElement(xc, null, /* @__PURE__ */ r.createElement(S, { variant: "subtitle1", color: u.themedColor.textHighEmphasis }, i(t, o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE)), /* @__PURE__ */ r.createElement(S, { variant: "caption2", color: u.themedColor.textLowEmphasis }, i(t, o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION))), /* @__PURE__ */ r.createElement(S, { variant: "body3", color: u.themedColor.textMidEmphasis }, e || o.CONVERSATION_LIST__TOPICS_FALLBACK)), /* @__PURE__ */ r.createElement($, { type: "chevron-right", size: 16, color: u.themedColor.textHighEmphasis }), /* @__PURE__ */ r.createElement(fc, null));
+  return /* @__PURE__ */ r.createElement(bc, { role: "button", onClick: () => n == null ? void 0 : n() }, /* @__PURE__ */ r.createElement(Ec, null, /* @__PURE__ */ r.createElement(vc, null, /* @__PURE__ */ r.createElement(S, { variant: "subtitle1", color: u.themedColor.textHighEmphasis }, i(t, o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE)), /* @__PURE__ */ r.createElement(S, { variant: "caption2", color: u.themedColor.textLowEmphasis }, i(t, o.DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION))), /* @__PURE__ */ r.createElement(S, { variant: "body3", color: u.themedColor.textMidEmphasis }, e || o.CONVERSATION_LIST__TOPICS_FALLBACK)), /* @__PURE__ */ r.createElement($, { type: "chevron-right", size: 16, color: u.themedColor.textHighEmphasis }), /* @__PURE__ */ r.createElement(xc, null));
 }
-const hc = c.div`display:flex;flex-direction:row;align-items:center;position:relative;width:100%;padding:14px 16px;box-sizing:border-box;gap:4px;cursor:pointer;`, fc = c.div`position:absolute;bottom:0;height:1px;width:calc(100% - 32px);background-color:${u.themedColor.textDisabled};`, bc = c.div`gap:4px;display:flex;flex-direction:column;flex:1;`, xc = c.div`display:flex;justify-content:flex-start;align-items:center;gap:6px;`, Ec = ({ items: e, renderItem: t, onEndReached: n }) => {
+const bc = c.div`display:flex;flex-direction:row;align-items:center;position:relative;width:100%;padding:14px 16px;box-sizing:border-box;gap:4px;cursor:pointer;`, xc = c.div`position:absolute;bottom:0;height:1px;width:calc(100% - 32px);background-color:${u.themedColor.textDisabled};`, Ec = c.div`gap:4px;display:flex;flex-direction:column;flex:1;`, vc = c.div`display:flex;justify-content:flex-start;align-items:center;gap:6px;`, yc = ({ items: e, renderItem: t, onEndReached: n }) => {
   const o = (i) => {
-    const s = i.target;
-    s.scrollHeight - s.scrollTop === s.clientHeight && (n == null || n());
+    const a = i.target;
+    a.scrollHeight - a.scrollTop === a.clientHeight && (n == null || n());
   };
-  return /* @__PURE__ */ r.createElement(vc, { onScroll: (i) => o(i) }, e.map((i, s) => t(i, s)));
-}, vc = c.div`width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto;`, yc = () => {
-  const { stringSet: e } = M(), { listSource: t, onOpenConversationView: n } = tr(), { Template: o } = nr.useContext();
+  return /* @__PURE__ */ r.createElement(Cc, { onScroll: (i) => o(i) }, e.map((i, a) => t(i, a)));
+}, Cc = c.div`width:100%;height:100%;display:flex;flex-direction:column;flex:1;overflow:auto;`, Tc = () => {
+  const { stringSet: e } = M(), { listSource: t, onOpenConversationView: n } = nr(), { Template: o } = rr.useContext();
   return t.initialized ? t.conversations.length === 0 ? /* @__PURE__ */ r.createElement(Ee, { type: "noChannels", label: e.CONVERSATION_LIST__NO_CONVERSATIONS }) : /* @__PURE__ */ r.createElement(
-    Ec,
+    yc,
     {
       items: t.conversations,
-      renderItem: (i, s) => {
-        var a;
+      renderItem: (i, a) => {
+        var s;
         return /* @__PURE__ */ r.createElement(
           o,
           {
-            key: s,
+            key: a,
             channelUrl: i.channelInfo.url,
-            title: (a = i.topics) == null ? void 0 : a.join(", "),
+            title: (s = i.topics) == null ? void 0 : s.join(", "),
             lastMessageTimestamp: i.channelInfo.lastMessageTs,
             onClick: () => n(i.channelInfo.url, z.CLOSED)
           }
@@ -3143,10 +3148,10 @@ const hc = c.div`display:flex;flex-direction:row;align-items:center;position:rel
       }
     }
   ) : /* @__PURE__ */ r.createElement(Ee, { type: "loading" });
-}, Cc = () => {
-  const { refreshActiveChannel: e } = F(), { onOpenConversationView: t } = tr(), n = Jn();
+}, _c = () => {
+  const { refreshActiveChannel: e } = F(), { onOpenConversationView: t } = nr(), n = Xn();
   return /* @__PURE__ */ r.createElement(
-    Tc,
+    Sc,
     {
       role: "button",
       onClick: async () => {
@@ -3154,47 +3159,47 @@ const hc = c.div`display:flex;flex-direction:row;align-items:center;position:rel
         t(o, z.OPEN);
       }
     },
-    /* @__PURE__ */ r.createElement(_c, { variant: "h1" }, n)
+    /* @__PURE__ */ r.createElement(wc, { variant: "h1" }, n)
   );
-}, Tc = c.div`background-color:${({ theme: e }) => e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`, _c = c(S)`color:${({ theme: e }) => e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, Sc = () => {
+}, Sc = c.div`background-color:${({ theme: e }) => e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`, wc = c(S)`color:${({ theme: e }) => e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, kc = () => {
   const { stringSet: e } = M();
-  return /* @__PURE__ */ r.createElement(wc, null, /* @__PURE__ */ r.createElement(kc, { variant: "h2", color: u.themedColor.textHighEmphasis }, e.CONVERSATION_LIST__HEADER_TITLE), /* @__PURE__ */ r.createElement(Ac, null));
-}, wc = c.div`display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;flex-shrink:0;height:56px;position:relative;background-color:${({ theme: e }) => e.colors.base.headerBackground};`, kc = c(S)`padding:0 12px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`, Ac = c.div`position:absolute;bottom:0;width:100%;height:1px;background-color:${u.themedColor.textDisabled};`, Ic = ({ children: e, onOpenConversationView: t }) => {
-  const { Template: n } = It.useContext();
-  return /* @__PURE__ */ r.createElement(gc, { onOpenConversationView: t }, /* @__PURE__ */ r.createElement(Mc, null, /* @__PURE__ */ r.createElement(n, null)), e);
-}, It = Ce({
-  template: $c,
+  return /* @__PURE__ */ r.createElement(Ac, null, /* @__PURE__ */ r.createElement(Ic, { variant: "h2", color: u.themedColor.textHighEmphasis }, e.CONVERSATION_LIST__HEADER_TITLE), /* @__PURE__ */ r.createElement($c, null));
+}, Ac = c.div`display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;flex-shrink:0;height:56px;position:relative;background-color:${({ theme: e }) => e.colors.base.headerBackground};`, Ic = c(S)`padding:0 12px;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`, $c = c.div`position:absolute;bottom:0;width:100%;height:1px;background-color:${u.themedColor.textDisabled};`, Mc = ({ children: e, onOpenConversationView: t }) => {
+  const { Template: n } = $t.useContext();
+  return /* @__PURE__ */ r.createElement(hc, { onOpenConversationView: t }, /* @__PURE__ */ r.createElement(Lc, null, /* @__PURE__ */ r.createElement(n, null)), e);
+}, $t = Ce({
+  template: Oc,
   components: {
-    Header: Sc,
-    Body: yc,
-    Footer: Cc
+    Header: kc,
+    Body: Tc,
+    Footer: _c
   }
 });
-function $c() {
-  const { components: e } = It.useContext();
+function Oc() {
+  const { components: e } = $t.useContext();
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(e.Header, null), /* @__PURE__ */ r.createElement(e.Body, null), /* @__PURE__ */ r.createElement(e.Footer, null));
 }
-const Mc = c.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, Oc = k`:where(#${X.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`, Lc = [Oc, zo, Wo], Rc = (e, ...t) => Cr(e, ...Lc, ...t), Nc = Rc``, Dc = Ur(
-  At,
+const Lc = c.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, Rc = k`:where(#${X.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`, Nc = [Rc, Vo, Go], Dc = (e, ...t) => Tr(e, ...Nc, ...t), Bc = Dc``, Pc = zr(
+  It,
   ve,
-  Tt,
   _t,
-  It,
-  nr
+  St,
+  $t,
+  rr
 );
-function Bc({
+function Fc({
   appearance: e,
   rootElement: t,
   logger: n,
   language: o,
   stringSet: i,
-  children: s,
-  messageTemplate: a,
+  children: a,
+  messageTemplate: s,
   theme: l
 }) {
-  return Yo(Oo, t), /* @__PURE__ */ r.createElement(Tr, { target: t }, /* @__PURE__ */ r.createElement(jo, { rootElement: t, logger: n, appearance: e, theme: l }, /* @__PURE__ */ r.createElement(So, { internalVariables: a == null ? void 0 : a.__internalVariables }, /* @__PURE__ */ r.createElement(Uo, { stringSet: i, logger: n, language: o }, /* @__PURE__ */ r.createElement(Dc, null, s, /* @__PURE__ */ r.createElement(Nc, null))))));
+  return Jo(Ro, t), /* @__PURE__ */ r.createElement(_r, { target: t }, /* @__PURE__ */ r.createElement(Zo, { rootElement: t, logger: n, appearance: e, theme: l }, /* @__PURE__ */ r.createElement(ko, { internalVariables: s == null ? void 0 : s.__internalVariables }, /* @__PURE__ */ r.createElement(Wo, { stringSet: i, logger: n, language: o }, /* @__PURE__ */ r.createElement(Pc, null, a, /* @__PURE__ */ r.createElement(Bc, null))))));
 }
-const an = {
+const ln = {
   key_payment_plan_container: {
     color_variables: {},
     created_at: 1232,
@@ -3380,42 +3385,42 @@ const an = {
     }
   }
 };
-function rr({
+function or({
   rootElement: e = document.body,
-  logLevel: t = mn.WARN,
+  logLevel: t = gn.WARN,
   language: n = navigator.language,
   userSessionInfo: o,
   children: i,
-  ...s
+  ...a
 }) {
-  var a;
-  return xe.level !== t && (xe.level = t), Zo("https://fonts.googleapis.com/css2?family=Roboto&display=swap", e), /* @__PURE__ */ r.createElement("div", { id: X.ENTRY, style: { width: "fit-content", height: "fit-content" } }, /* @__PURE__ */ r.createElement(Co, { logger: xe, storage: Fc }, /* @__PURE__ */ r.createElement(
-    Bc,
+  var s;
+  return xe.level !== t && (xe.level = t), qo("https://fonts.googleapis.com/css2?family=Roboto&display=swap", e), /* @__PURE__ */ r.createElement("div", { id: X.ENTRY, style: { width: "fit-content", height: "fit-content" } }, /* @__PURE__ */ r.createElement(_o, { logger: xe, storage: Uc }, /* @__PURE__ */ r.createElement(
+    Fc,
     {
       logger: xe,
       rootElement: e,
-      appearance: (a = s.agentPreviewConfigs) == null ? void 0 : a.appearance,
-      stringSet: s.stringSet,
+      appearance: (s = a.agentPreviewConfigs) == null ? void 0 : s.appearance,
+      stringSet: a.stringSet,
       language: n,
-      messageTemplate: s.messageTemplate,
-      theme: s.theme
+      messageTemplate: a.messageTemplate,
+      theme: a.theme
     },
     /* @__PURE__ */ r.createElement(
-      Kr,
+      Zr,
       {
-        appId: s.appId,
-        aiAgentId: s.aiAgentId,
+        appId: a.appId,
+        aiAgentId: a.aiAgentId,
         language: n,
-        countryCode: s.countryCode,
-        context: s.context,
+        countryCode: a.countryCode,
+        context: a.context,
         logger: xe,
-        dispatcher: Pc,
-        chatParams: { customApiHost: s.customApiHost, customWebSocketHost: s.customWebSocketHost }
+        dispatcher: Hc,
+        chatParams: { customApiHost: a.customApiHost, customWebSocketHost: a.customWebSocketHost }
       },
-      /* @__PURE__ */ r.createElement(ti, { rootElement: e, ...s }, /* @__PURE__ */ r.createElement(ii, { userSessionInfo: o }, /* @__PURE__ */ r.createElement(
-        wa,
+      /* @__PURE__ */ r.createElement(ri, { rootElement: e, ...a }, /* @__PURE__ */ r.createElement(ai, { userSessionInfo: o }, /* @__PURE__ */ r.createElement(
+        Aa,
         {
-          isDashboardActionbookTester: s._UNSAFE_INTERNAL_isActionbookTester
+          isDashboardActionbookTester: a._UNSAFE_INTERNAL_isActionbookTester
         },
         i,
         /* @__PURE__ */ r.createElement("div", { id: X.MODAL_ROOT })
@@ -3423,59 +3428,59 @@ function rr({
     )
   )));
 }
-const xe = new En(mn.WARN), Pc = new bn(xe), $t = "@sba/message-template", ln = (e) => `${$t}/templates/${e}`, cn = () => `${$t}/token`, Fc = vo({
+const xe = new vn(gn.WARN), Hc = new xn(xe), Mt = "@sba/message-template", cn = (e) => `${Mt}/templates/${e}`, dn = () => `${Mt}/token`, Uc = Co({
   onSetTemplate: (e, t) => {
-    an[e] || q.setItem(ln(e), t);
+    ln[e] || q.setItem(cn(e), t);
   },
   onGetTemplate: (e) => {
-    const t = an[e];
-    return t ? JSON.stringify(t) : q.getItem(ln(e));
+    const t = ln[e];
+    return t ? JSON.stringify(t) : q.getItem(cn(e));
   },
   onSetCachedToken(e) {
-    q.setItem(cn(), e);
+    q.setItem(dn(), e);
   },
   onGetCachedToken() {
-    return q.getItem(cn());
+    return q.getItem(dn());
   },
   onClear: () => {
-    q.getKeys($t).forEach(q.deleteItem);
+    q.getKeys(Mt).forEach(q.deleteItem);
   }
-}), or = ({ children: e, isOpened: t }) => {
+}), ir = ({ children: e, isOpened: t }) => {
   const { dir: n, rootElement: o } = N(), i = pe(o, !0);
   return R(() => {
-    const s = "sb-agent-block-scroll";
-    return t ? i.body.classList.add(s) : i.body.classList.remove(s), () => {
-      i.body.classList.remove(s);
+    const a = "sb-agent-block-scroll";
+    return t ? i.body.classList.add(a) : i.body.classList.remove(a), () => {
+      i.body.classList.remove(a);
     };
-  }, [i, t]), /* @__PURE__ */ r.createElement(Hc, { dir: n, $visible: t }, e);
-}, Hc = c.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${he.WINDOW};visibility:${({ $visible: e }) => e ? "visible" : "hidden"};`;
-function Uc({
+  }, [i, t]), /* @__PURE__ */ r.createElement(zc, { dir: n, $visible: t }, e);
+}, zc = c.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${he.WINDOW};visibility:${({ $visible: e }) => e ? "visible" : "hidden"};`;
+function Wc({
   className: e,
   isOpened: t,
   onClick: n,
   type: o,
   imageUrl: i,
-  dir: s,
-  animated: a = !0,
+  dir: a,
+  animated: s = !0,
   backgroundColor: l
 }) {
   const d = at(l);
   return /* @__PURE__ */ r.createElement(
-    Vc,
+    jc,
     {
-      dir: s,
+      dir: a,
       id: X.LAUNCHER,
       className: e,
       "aria-label": "Sendbird AIAgent Launcher",
       onClick: n,
-      $animated: a,
+      $animated: s,
       $backgroundColor: l
     },
-    /* @__PURE__ */ r.createElement(Gc, { $isOpened: t, $animated: a, $fillColor: d }, /* @__PURE__ */ r.createElement(dn.Open, { url: i, isDefaultIcon: o === "default_icon" })),
-    /* @__PURE__ */ r.createElement(jc, { $isOpened: t, $animated: a, $fillColor: d }, /* @__PURE__ */ r.createElement(dn.Close, null))
+    /* @__PURE__ */ r.createElement(Kc, { $isOpened: t, $animated: s, $fillColor: d }, /* @__PURE__ */ r.createElement(un.Open, { url: i, isDefaultIcon: o === "default_icon" })),
+    /* @__PURE__ */ r.createElement(Zc, { $isOpened: t, $animated: s, $fillColor: d }, /* @__PURE__ */ r.createElement(un.Close, null))
   );
 }
-const zc = k`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`, Wc = k`img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;&[data-default-icon='true']{width:32px;height:32px;filter:${({ $fillColor: e }) => e === wn.WHITE ? "grayscale(100%) brightness(2000%)" : "grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`, ir = k`svg{width:32px;height:32px;${({ $fillColor: e }) => k`
+const Vc = k`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transform:scale(1.1);}&:active{transform:scale(0.8);}`, Gc = k`img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;&[data-default-icon='true']{width:32px;height:32px;filter:${({ $fillColor: e }) => e === kn.WHITE ? "grayscale(100%) brightness(2000%)" : "grayscale(100%) invert(100%) saturate(0%) brightness(0%) contrast(1000%)"};}}`, sr = k`svg{width:32px;height:32px;${({ $fillColor: e }) => k`
         path {
           fill: ${e};
         }
@@ -3484,14 +3489,14 @@ const zc = k`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transfo
         }
       `}
   }
-`, Vc = c.button`position:relative;padding:0;width:48px;height:48px;background:${({ $backgroundColor: e }) => e};border-radius:50%;transition:all 0.3s cubic-bezier(0.31,-0.105,0.43,1.4);border:none;display:flex;justify-content:center;align-items:center;box-shadow:0 16px 24px 2px rgba(33,33,33,0.12),0 6px 30px 5px rgba(33,33,33,0.08),0 6px 10px -5px rgba(33,33,33,0.04);${({ $animated: e }) => e && zc}`, sr = c.span`position:absolute;width:100%;height:100%;border-radius:50%;overflow:hidden;transition:transform 0.16s linear,opacity 0.08s linear,scale 0.16s linear;user-select:none;display:flex;justify-content:center;align-items:center;`, Gc = c(sr)`opacity:${({ $isOpened: e }) => e ? 0 : 1};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(-90deg) scale(0)" : "rotate(0deg)")};${Wc}${ir}`, jc = c(sr)`scale:${({ $isOpened: e }) => e ? 1 : 0};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(0deg)" : "rotate(-90deg)")};${ir}`, dn = {
-  Open: (e) => e.url ? /* @__PURE__ */ r.createElement("img", { src: e.url, alt: "launcher-img", "data-default-icon": e.isDefaultIcon }) : /* @__PURE__ */ r.createElement(vt, null),
+`, jc = c.button`position:relative;padding:0;width:48px;height:48px;background:${({ $backgroundColor: e }) => e};border-radius:50%;transition:all 0.3s cubic-bezier(0.31,-0.105,0.43,1.4);border:none;display:flex;justify-content:center;align-items:center;box-shadow:0 16px 24px 2px rgba(33,33,33,0.12),0 6px 30px 5px rgba(33,33,33,0.08),0 6px 10px -5px rgba(33,33,33,0.04);${({ $animated: e }) => e && Vc}`, ar = c.span`position:absolute;width:100%;height:100%;border-radius:50%;overflow:hidden;transition:transform 0.16s linear,opacity 0.08s linear,scale 0.16s linear;user-select:none;display:flex;justify-content:center;align-items:center;`, Kc = c(ar)`opacity:${({ $isOpened: e }) => e ? 0 : 1};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(-90deg) scale(0)" : "rotate(0deg)")};${Gc}${sr}`, Zc = c(ar)`scale:${({ $isOpened: e }) => e ? 1 : 0};transform:${({ $animated: e, $isOpened: t }) => e && (t ? "rotate(0deg)" : "rotate(-90deg)")};${sr}`, un = {
+  Open: (e) => e.url ? /* @__PURE__ */ r.createElement("img", { src: e.url, alt: "launcher-img", "data-default-icon": e.isDefaultIcon }) : /* @__PURE__ */ r.createElement(yt, null),
   Close: () => /* @__PURE__ */ r.createElement($, { size: 32, type: "chevron-down" })
 };
-function ar({ className: e }) {
-  const { colors: t } = ut(), { dir: n, state: o } = N(), { launcherInfo: i } = F();
-  return Zc(), /* @__PURE__ */ r.createElement(
-    Uc,
+function lr({ className: e }) {
+  const { colors: t } = mt(), { dir: n, state: o } = N(), { launcherInfo: i } = F();
+  return qc(), /* @__PURE__ */ r.createElement(
+    Wc,
     {
       dir: n,
       className: e,
@@ -3503,46 +3508,46 @@ function ar({ className: e }) {
     }
   );
 }
-const Kc = 1e3 * 60;
-function Zc() {
+const Yc = 1e3 * 60;
+function qc() {
   const { chatSDK: e, state: t, logger: n, enableAutoDisconnectInLauncher: o } = N(), i = D(null);
   R(() => {
     if (!o) return;
-    function s() {
+    function a() {
       i.current && (clearTimeout(i.current), i.current = null);
     }
-    function a() {
-      e.connectionState === vr.CLOSED && (e.reconnect(), n.debug("useSDKInactivityTimeout: reconnected")), s(), n.debug("useSDKInactivityTimeout: clear disconnect schedule");
+    function s() {
+      e.connectionState === yr.CLOSED && (e.reconnect(), n.debug("useSDKInactivityTimeout: reconnected")), a(), n.debug("useSDKInactivityTimeout: clear disconnect schedule");
     }
     function l() {
-      s(), i.current = setTimeout(async () => {
+      a(), i.current = setTimeout(async () => {
         await e.disconnectWebSocket(), n.debug("useSDKInactivityTimeout: disconnected");
-      }, Kc);
+      }, Yc);
     }
-    t.opened ? a() : (l(), n.debug("useSDKInactivityTimeout: schedule disconnect"));
+    t.opened ? s() : (l(), n.debug("useSDKInactivityTimeout: schedule disconnect"));
   }, [o, e, t.opened]);
 }
-const lr = ye(null);
-function Yc() {
-  const e = J(lr);
+const cr = ye(null);
+function Jc() {
+  const e = J(cr);
   if (!e)
     throw new Error("useNavigator() must be used within <Navigator />");
   return e;
 }
-function cr({ children: e }) {
-  const t = Yc();
+function dr({ children: e }) {
+  const t = Jc();
   return typeof e == "function" ? e(t) : /* @__PURE__ */ r.createElement(r.Fragment, null, e);
 }
-const qc = gn`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}`, Jc = gn`0%{transform:translateY(0px);opacity:1;}100%{transform:translateY(40px);opacity:0;}`, Xc = k`animation-name:${qc};animation-duration:0.3s;animation-fill-mode:forwards;`, Qc = k``, ed = k`animation-name:${Jc};animation-duration:0.3s;animation-fill-mode:forwards;`, td = k`visibility:hidden;`, nd = c.div`position:absolute;top:0;left:0;width:100%;height:100%;${({ $transitionState: e }) => {
+const Xc = pn`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}`, Qc = pn`0%{transform:translateY(0px);opacity:1;}100%{transform:translateY(40px);opacity:0;}`, ed = k`animation-name:${Xc};animation-duration:0.3s;animation-fill-mode:forwards;`, td = k``, nd = k`animation-name:${Qc};animation-duration:0.3s;animation-fill-mode:forwards;`, rd = k`visibility:hidden;`, od = c.div`position:absolute;top:0;left:0;width:100%;height:100%;${({ $transitionState: e }) => {
   switch (e) {
     case "entering":
-      return Xc;
+      return ed;
     case "entered":
-      return Qc;
+      return td;
     case "exiting":
-      return ed;
+      return nd;
     case "exited":
-      return td;
+      return rd;
     default:
       return "";
   }
@@ -3583,111 +3588,111 @@ function Ae({ initialId: e, children: t }) {
       navigate: n,
       pop: o
     }
-  }), [n, o]), s = Ie(() => pr.toArray(t).filter(
-    (f) => f.type === cr
-  ), [t]), a = Ie(() => {
+  }), [n, o]), a = Ie(() => hr.toArray(t).filter(
+    (f) => f.type === dr
+  ), [t]), s = Ie(() => {
     const f = {};
-    return s.forEach((y) => {
+    return a.forEach((y) => {
       const { id: _, lazy: w, children: O } = y.props;
       f[_] = { lazy: w, element: typeof O == "function" ? O(i) : O };
     }), f;
-  }, [s]), [l, d] = C([e]), [g, m] = C(() => {
+  }, [a]), [l, d] = T([e]), [g, m] = T(() => {
     const f = {};
-    return Object.entries(a).forEach(([y, { lazy: _ }]) => {
+    return Object.entries(s).forEach(([y, { lazy: _ }]) => {
       _ === !1 && (f[y] = !0);
     }), f[e] = !0, f;
-  }), [p, h] = C(() => {
+  }), [p, h] = T(() => {
     const f = {};
-    return Object.keys(a).forEach((y) => {
+    return Object.keys(s).forEach((y) => {
       y === e ? f[y] = "entered" : f[y] = "exited";
     }), f;
-  }), [b, x] = C({}), v = l[l.length - 1];
-  return /* @__PURE__ */ r.createElement(lr.Provider, { value: i }, /* @__PURE__ */ r.createElement(rd, null, Object.keys(a).map((f) => {
+  }), [b, x] = T({}), v = l[l.length - 1];
+  return /* @__PURE__ */ r.createElement(cr.Provider, { value: i }, /* @__PURE__ */ r.createElement(id, null, Object.keys(s).map((f) => {
     var O;
     if (!g[f]) return null;
     const y = p[f] || "exited", _ = f === v, w = `${f}-${b[f] || 0}`;
-    return /* @__PURE__ */ r.createElement(nd, { key: w, $transitionState: y, $active: _ }, (O = a[f]) == null ? void 0 : O.element);
+    return /* @__PURE__ */ r.createElement(od, { key: w, $transitionState: y, $active: _ }, (O = s[f]) == null ? void 0 : O.element);
   })));
 }
-const rd = c.div`position:relative;width:100%;height:100%;`;
-Ae.Screen = cr;
+const id = c.div`position:relative;width:100%;height:100%;`;
+Ae.Screen = dr;
 const ue = {
   activeConv: "active-conv",
   closedConv: "closed-conv",
   convList: "conv-list"
-}, dr = ({ setClosedChannelUrl: e, closedChannelUrl: t }) => /* @__PURE__ */ r.createElement(Ae, { initialId: ue.activeConv }, /* @__PURE__ */ r.createElement(Ae.Screen, { id: ue.activeConv }, ({ navigation: n }) => /* @__PURE__ */ r.createElement(sn, { onNavigateToConversationList: () => n.navigate(ue.convList, { reset: !0 }) })), /* @__PURE__ */ r.createElement(Ae.Screen, { id: ue.closedConv }, ({ navigation: n }) => /* @__PURE__ */ r.createElement(
-  sn,
+}, ur = ({ setClosedChannelUrl: e, closedChannelUrl: t }) => /* @__PURE__ */ r.createElement(Ae, { initialId: ue.activeConv }, /* @__PURE__ */ r.createElement(Ae.Screen, { id: ue.activeConv }, ({ navigation: n }) => /* @__PURE__ */ r.createElement(an, { onNavigateToConversationList: () => n.navigate(ue.convList, { reset: !0 }) })), /* @__PURE__ */ r.createElement(Ae.Screen, { id: ue.closedConv }, ({ navigation: n }) => /* @__PURE__ */ r.createElement(
+  an,
   {
     onNavigateToConversationList: () => n.pop(),
     closedChannelUrl: t,
     onClearClosedChannelUrl: () => e(void 0)
   }
 )), /* @__PURE__ */ r.createElement(Ae.Screen, { id: ue.convList, lazy: !0 }, ({ navigation: n }) => /* @__PURE__ */ r.createElement(
-  Ic,
+  Mc,
   {
     onOpenConversationView: (o, i) => {
       i === "closed" ? (e(o), n.navigate(ue.closedConv, { reset: !0 })) : n.navigate(ue.activeConv);
     }
   }
 )));
-function od({ isExpanded: e, isOpened: t, children: n, launcher: o }) {
+function sd({ isExpanded: e, isOpened: t, children: n, launcher: o }) {
   const { dir: i } = N();
-  return /* @__PURE__ */ r.createElement(id, null, /* @__PURE__ */ r.createElement(sd, { dir: i, id: X.WINDOW, $isExpanded: e, $isOpened: t }, n), o);
+  return /* @__PURE__ */ r.createElement(ad, null, /* @__PURE__ */ r.createElement(ld, { dir: i, id: X.WINDOW, $isExpanded: e, $isOpened: t }, n), o);
 }
-const id = c.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, sd = c.div`background:${({ theme: e }) => e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:right bottom;[dir='rtl'] &:not([dir='ltr']),&[dir='rtl']{transform-origin:left bottom;}${({ $isOpened: e }) => e && ld};${({ $isExpanded: e }) => e && ad};`, ad = k`width:743px;height:723px;`, ld = k`z-index:${he.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;`, Md = ({ children: e, ...t }) => {
-  const n = Le(), [o, i] = C(), s = n ? or : od;
-  return /* @__PURE__ */ r.createElement(rr, { enableExpandButton: !n, ...t }, /* @__PURE__ */ r.createElement($n, null, ({ state: a }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(s, { isExpanded: a.expanded, isOpened: a.opened, launcher: /* @__PURE__ */ r.createElement(ar, null) }, /* @__PURE__ */ r.createElement(
-    dr,
+const ad = c.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, ld = c.div`background:${({ theme: e }) => e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:right bottom;[dir='rtl'] &:not([dir='ltr']),&[dir='rtl']{transform-origin:left bottom;}${({ $isOpened: e }) => e && dd};${({ $isExpanded: e }) => e && cd};`, cd = k`width:743px;height:723px;`, dd = k`z-index:${he.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;`, Ld = ({ children: e, ...t }) => {
+  const n = Le(), [o, i] = T(), a = n ? ir : sd;
+  return /* @__PURE__ */ r.createElement(or, { enableExpandButton: !n, ...t }, /* @__PURE__ */ r.createElement(Mn, null, ({ state: s }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(a, { isExpanded: s.expanded, isOpened: s.opened, launcher: /* @__PURE__ */ r.createElement(lr, null) }, /* @__PURE__ */ r.createElement(
+    ur,
     {
       closedChannelUrl: o,
       setClosedChannelUrl: i
     }
   )), e)));
 };
-function cd(e) {
-  return /* @__PURE__ */ r.createElement(dd, { ...e });
+function ud(e) {
+  return /* @__PURE__ */ r.createElement(md, { ...e });
 }
-const dd = c(ar)`position:fixed;z-index:${he.LAUNCHER};bottom:24px;inset-inline-end:24px;`;
-function ud({ isExpanded: e, isOpened: t, children: n }) {
+const md = c(lr)`position:fixed;z-index:${he.LAUNCHER};bottom:24px;inset-inline-end:24px;`;
+function gd({ isExpanded: e, isOpened: t, children: n }) {
   const { dir: o } = N();
-  return /* @__PURE__ */ r.createElement(md, { dir: o, id: X.WINDOW, $isExpanded: e, $isOpened: t }, n);
+  return /* @__PURE__ */ r.createElement(pd, { dir: o, id: X.WINDOW, $isExpanded: e, $isOpened: t }, n);
 }
-const md = c.div`background:${({ theme: e }) => e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;position:fixed;bottom:84px;inset-inline-end:20px;height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:right bottom;[dir='rtl'] &:not([dir='ltr']),&[dir='rtl']{transform-origin:left bottom;}${({ $isOpened: e }) => e && pd};${({ $isExpanded: e }) => e && gd};`, gd = k`width:743px;height:723px;`, pd = k`z-index:${he.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;`, Od = ({ children: e, ...t }) => {
-  const n = Le(), [o, i] = C(), s = n ? or : ud;
-  return /* @__PURE__ */ r.createElement(rr, { enableExpandButton: !n, ...t }, /* @__PURE__ */ r.createElement($n, null, ({ state: a }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(s, { isExpanded: a.expanded, isOpened: a.opened }, /* @__PURE__ */ r.createElement(
-    dr,
+const pd = c.div`background:${({ theme: e }) => e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;position:fixed;bottom:84px;inset-inline-end:20px;height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:right bottom;[dir='rtl'] &:not([dir='ltr']),&[dir='rtl']{transform-origin:left bottom;}${({ $isOpened: e }) => e && fd};${({ $isExpanded: e }) => e && hd};`, hd = k`width:743px;height:723px;`, fd = k`z-index:${he.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;`, Rd = ({ children: e, ...t }) => {
+  const n = Le(), [o, i] = T(), a = n ? ir : gd;
+  return /* @__PURE__ */ r.createElement(or, { enableExpandButton: !n, ...t }, /* @__PURE__ */ r.createElement(Mn, null, ({ state: s }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(a, { isExpanded: s.expanded, isOpened: s.opened }, /* @__PURE__ */ r.createElement(
+    ur,
     {
       closedChannelUrl: o,
       setClosedChannelUrl: i
     }
-  )), /* @__PURE__ */ r.createElement(cd, null), e)));
+  )), /* @__PURE__ */ r.createElement(ud, null), e)));
 };
 export {
-  ht as A,
-  Jr as C,
-  Md as D,
-  Od as F,
+  ft as A,
+  Xr as C,
+  Ld as D,
+  Rd as F,
   $ as I,
-  Hn as L,
-  Ta as M,
-  Tt as O,
-  $d as P,
-  _t as S,
+  Un as L,
+  Sa as M,
+  _t as O,
+  Od as P,
+  St as S,
   S as a,
-  rr as b,
+  or as b,
   u as c,
-  Bc as d,
+  Fc as d,
   F as e,
   M as f,
-  Uc as g,
+  Wc as g,
   ve as h,
   me as i,
-  nr as j,
-  sn as k,
-  At as l,
-  Pc as m,
-  Ic as n,
-  It as o,
-  xn as p,
+  rr as j,
+  an as k,
+  It as l,
+  Hc as m,
+  Mc as n,
+  $t as o,
+  En as p,
   N as u
 };