@sendbird/ai-agent-messenger-react 1.0.0 → 1.0.1

package/dist/es/{BuKsDakz.js → Cz-8n_J0.js}

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