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

package/dist/es/{C5iCey_D.js → DX0dsMPA.js}

@@ -1,12 +1,12 @@
 import * as r from "react";
-import { createContext as Te, useContext as re, useEffect as D, useState as S, useId as bn, useRef as F, useCallback as U, useLayoutEffect as ce, forwardRef as Re, useImperativeHandle as vr, lazy as w, Suspense as Oe, useMemo as ve, Component as _r, Fragment as Bt, useReducer as Sr, Children as Tr } from "react";
+import { createContext as Te, useContext as re, useEffect as D, useState as S, useId as bn, useRef as F, useCallback as U, useLayoutEffect as ce, forwardRef as Re, useImperativeHandle as yr, lazy as w, Suspense as Oe, useMemo as ye, Component as _r, Fragment as Bt, useReducer as Sr, Children as Tr } from "react";
 import wr, { SendbirdProduct as kr, DeviceOsPlatform as Ft, SendbirdPlatform as Ar, ConnectionHandler as Qe, SendbirdError as Ir, SessionHandler as $r, LogLevel as xn, ConnectionState as Mr } from "@sendbird/chat";
 import u, { css as $, ThemeProvider as Or, useTheme as Et, createGlobalStyle as Lr, StyleSheetManager as Rr, keyframes as En } from "styled-components";
 import { format as Cn, isSameMinute as Ut, isSameDay as Dr } from "date-fns";
 import { enUS as Nr } from "date-fns/locale/en-US";
 import { AIAgentModule as Pr, ConversationStatus as W, ConversationType as Br } from "@sendbird/chat/aiAgent";
-import { useGroupChannelMessages as Fr, useGroupChannelHandler as yn, useForceUpdate as Ur } from "@sendbird/uikit-tools";
-import { GroupChannelModule as Hr, GroupChannelListOrder as vn, GroupChannelHandler as zr } from "@sendbird/chat/groupChannel";
+import { useGroupChannelMessages as Fr, useGroupChannelHandler as vn, useForceUpdate as Ur } from "@sendbird/uikit-tools";
+import { GroupChannelModule as Hr, GroupChannelListOrder as yn, GroupChannelHandler as zr } from "@sendbird/chat/groupChannel";
 import { renderer as Vr, parser as Wr, MessageProvider as Gr } from "@sendbird/react-uikit-message-template-view";
 import { createMessageTemplate as jr } from "@sendbird/uikit-message-template";
 import _n from "dompurify";
@@ -142,7 +142,7 @@ const eo = () => {
   return { promise: new Promise((o, i) => {
     e = o, t = i;
   }), resolve: e, reject: t };
-}, to = "1.2.3", Ie = "sb-agent", no = to;
+}, to = "1.2.5", Ie = "sb-agent", no = to;
 var Tn = /* @__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))(Tn || {});
 class wn {
   constructor(t) {
@@ -269,9 +269,9 @@ function uo({
     logger: d
   });
   D(() => {
-    const C = async (v) => {
-      const T = typeof (v == null ? void 0 : v.channelUrl) == "string";
-      g && T && v.channelUrl !== g.url || (d.debug("conversation.dispatcher: try to close conversation", g), g != null && g.conversation && g.conversation.status === W.OPEN && (await g.closeConversation(), a == null || a()));
+    const C = async (y) => {
+      const T = typeof (y == null ? void 0 : y.channelUrl) == "string";
+      g && T && y.channelUrl !== g.url || (d.debug("conversation.dispatcher: try to close conversation", g), g != null && g.conversation && g.conversation.status === W.OPEN && (await g.closeConversation(), a == null || a()));
     };
     return m.subscribe(ht.ConversationClose, C), () => {
       m.unsubscribe(ht.ConversationClose, C);
@@ -294,16 +294,16 @@ function uo({
         if (((T = g == null ? void 0 : g.conversation) == null ? void 0 : T.status) === W.CLOSED)
           throw new Error("Conversation is closed");
         s && (C = await s(C));
-        const v = await f.sendUserMessage(C, l);
-        return l == null || l(v), v;
+        const y = await f.sendUserMessage(C, l);
+        return l == null || l(y), y;
       },
       sendFileMessage: async (C) => {
         var T;
         if (((T = g == null ? void 0 : g.conversation) == null ? void 0 : T.status) === W.CLOSED)
           throw new Error("Conversation is closed");
         s && (C = await s(C));
-        const v = await f.sendFileMessage(C, l);
-        return l == null || l(v), v;
+        const y = await f.sendFileMessage(C, l);
+        return l == null || l(y), y;
       }
     }
   };
@@ -339,7 +339,7 @@ class ho {
    */
   constructor(t, { filter: n, limit: o = 20 }) {
     var i, a, s, l, c;
-    this._isDisposed = !1, this._handlerId = `handler-id-${Date.now()}`, this._order = vn.LATEST_LAST_MESSAGE, this.filter = n, this._sdk = t, this._pinnedChannels = [], this._channels = [], this._limit = o, this._query = this._sdk.aiAgent.createMyGroupChannelListQuery({
+    this._isDisposed = !1, this._handlerId = `handler-id-${Date.now()}`, this._order = yn.LATEST_LAST_MESSAGE, this.filter = n, this._sdk = t, this._pinnedChannels = [], this._channels = [], this._limit = o, this._query = this._sdk.aiAgent.createMyGroupChannelListQuery({
       aiAgentChannelFilter: (i = this.filter) == null ? void 0 : i.aiAgentChannelFilter,
       aiAgentConversationStatusFilter: (a = this.filter) == null ? void 0 : a.aiAgentConversationStatusFilter,
       aiAgentIds: (s = this.filter) == null ? void 0 : s.aiAgentIds,
@@ -446,7 +446,7 @@ class ho {
     for (const b of t)
       o.has(b.url) ? i.push(b) : a.push(b);
     const s = this._upsertPinnedChannelsToArray(i), l = this._upsertRegularChannelsToArray(a, n), c = s.addedChannels.concat(l.addedChannels), d = s.updatedChannels.concat(l.updatedChannels), m = s.unmatchedChannelUrls.concat(l.unmatchedChannelUrls);
-    c.length > 0 && ((x = (p = this._collectionEventHandler) == null ? void 0 : p.onChannelsAdded) == null || x.call(p, c)), d.length > 0 && ((E = (f = this._collectionEventHandler) == null ? void 0 : f.onChannelsUpdated) == null || E.call(f, d)), m.length > 0 && this._removeChannelsFromView(m);
+    c.length > 0 && ((x = (p = this._collectionEventHandler) == null ? void 0 : p.onChannelsAdded) == null || x.call(p, {}, c)), d.length > 0 && ((E = (f = this._collectionEventHandler) == null ? void 0 : f.onChannelsUpdated) == null || E.call(f, {}, d)), m.length > 0 && this._removeChannelsFromView(m);
   }
   /**
    * Removes channels from the collection by their URLs.
@@ -463,7 +463,7 @@ class ho {
         const c = this._channels.findIndex((d) => d.url === l);
         c >= 0 && (o.push(l), this._channels.splice(c, 1));
       }
-    o.length > 0 && ((s = (a = this._collectionEventHandler) == null ? void 0 : a.onChannelsDeleted) == null || s.call(a, o));
+    o.length > 0 && ((s = (a = this._collectionEventHandler) == null ? void 0 : a.onChannelsDeleted) == null || s.call(a, {}, o));
   }
   /**
    * Gets all channels in the collection.
@@ -496,7 +496,7 @@ class ho {
    * Sets the event handler for collection updates.
    * @param handler - Event handler for channel collection changes
    */
-  setGroupChannelCollectionHandler(t) {
+  setConversationListCollectionHandler(t) {
     this._collectionEventHandler = t;
   }
   /**
@@ -525,7 +525,7 @@ const gt = (e, t) => e.findIndex((n) => n.isIdentical(t)), go = (e, t, n) => {
   return { place: e.length, oldPosition: -1 };
 }, Vt = (e, t, n) => {
   switch (n) {
-    case vn.LATEST_LAST_MESSAGE:
+    case yn.LATEST_LAST_MESSAGE:
       if (e.lastMessage && t.lastMessage) {
         const o = t.lastMessage.createdAt - e.lastMessage.createdAt;
         return o === 0 ? t.createdAt - e.createdAt : o;
@@ -535,14 +535,14 @@ const gt = (e, t) => e.findIndex((n) => n.isIdentical(t)), go = (e, t, n) => {
   }
 };
 function po(e, t) {
-  var f, E, b, C, v, T, _, K;
+  var f, E, b, C, y, T, _, K;
   const n = bn(), [o, i] = S(!1), [a, s] = S(null), [l, c] = S([]), [d, m] = S(null), g = F(!1), p = U(async () => {
     if (!g.current && e.currentUser) {
       g.current = !0, i(!1), s(null), c([]);
       try {
         d == null || d.dispose();
         const L = new ho(e, t);
-        L.setGroupChannelCollectionHandler({
+        L.setConversationListCollectionHandler({
           onChannelsAdded: () => {
             c(L.channels);
           },
@@ -563,7 +563,7 @@ function po(e, t) {
     e,
     (f = t.filter) == null ? void 0 : f.aiAgentChannelFilter,
     (b = (E = t.filter) == null ? void 0 : E.aiAgentConversationStatusFilter) == null ? void 0 : b.join(),
-    (v = (C = t.filter) == null ? void 0 : C.aiAgentIds) == null ? void 0 : v.join(),
+    (y = (C = t.filter) == null ? void 0 : C.aiAgentIds) == null ? void 0 : y.join(),
     (T = t.filter) == null ? void 0 : T.deskChannelFilter,
     (K = (_ = t.filter) == null ? void 0 : _.pinnedChannelUrls) == null ? void 0 : K.join(),
     t.limit
@@ -635,7 +635,7 @@ function Co(e, t, n) {
   const c = (o + i) / 2;
   return o !== i && (l = c > 0.5 ? a / (2 - o - i) : a / (o + i)), o === e ? s = (t - n) / a + (t < n ? 6 : 0) : o === t ? s = (n - e) / a + 2 : o === n && (s = (e - t) / a + 4), s /= 6, [s, l, c];
 }
-function yo(e, t, n) {
+function vo(e, t, n) {
   let o, i, a;
   if (t === 0)
     o = i = a = n;
@@ -648,10 +648,10 @@ function yo(e, t, n) {
   return [Math.round(o * 255), Math.round(i * 255), Math.round(a * 255)];
 }
 function He(e, t, n) {
-  const [o, i, a] = xo(e), [s, l, c] = Co(o, i, a), d = Math.max(0, Math.min(1, c * t)), m = Math.max(0, Math.min(1, l * n)), [g, p, x] = yo(s, m, d);
+  const [o, i, a] = xo(e), [s, l, c] = Co(o, i, a), d = Math.max(0, Math.min(1, c * t)), m = Math.max(0, Math.min(1, l * n)), [g, p, x] = vo(s, m, d);
   return Eo([Math.round(g), Math.round(p), Math.round(x)]);
 }
-function vo(e, t = "light") {
+function yo(e, t = "light") {
   return {
     extraDark: He(e, 0.6, 1.2),
     dark: He(e, 0.85, 1.1),
@@ -797,7 +797,7 @@ function Wt(e) {
   };
 }
 function To({ selectedTheme: e, palette: t, primary: n }) {
-  const o = t != null && t.primary ? t.primary : n ? n === ze.primary.main ? ze.primary : vo(n, e) : ze.primary;
+  const o = t != null && t.primary ? t.primary : n ? n === ze.primary.main ? ze.primary : yo(n, e) : ze.primary;
   return {
     ...ze,
     primary: o,
@@ -1252,10 +1252,10 @@ const zo = ({
   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"
-}, yt = { language: "en", dateLocale: Yo, stringSet: qo }, Jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, vt = { language: "en", dateLocale: Yo, stringSet: qo }, Jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: yt
-}, Symbol.toStringTag, { value: "Module" })), Ye = /* @__PURE__ */ new Map([[Ne, yt]]);
+  default: vt
+}, Symbol.toStringTag, { value: "Module" })), Ye = /* @__PURE__ */ new Map([[Ne, vt]]);
 async function Xo(e) {
   if (Ye.has(e))
     return Ye.get(e);
@@ -1264,7 +1264,7 @@ async function Xo(e) {
     const { default: n } = await Zo(/* @__PURE__ */ Object.assign({ "./languages/de.ts": () => import("./DvjrAXLD.js"), "./languages/en.ts": () => Promise.resolve().then(() => Jo), "./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 Ye.set(e, n), n;
   } catch {
-    return yt;
+    return vt;
   }
 }
 const {
@@ -1441,7 +1441,7 @@ const li = (e, t) => {
     let s = i.querySelector(`style#${a}`);
     s ? s.textContent !== e && (s.textContent = e) : (s = i.ownerDocument.createElement("style"), s.id = a, s.textContent = e, i.appendChild(s));
   }, [e, t]);
-}, vt = /iPad|iPhone|iPod/.test(navigator.userAgent), di = /Android/.test(navigator.userAgent), Pe = (e) => vt || di, Q = "sb-agent", oe = {
+}, yt = /iPad|iPhone|iPod/.test(navigator.userAgent), di = /Android/.test(navigator.userAgent), Pe = (e) => yt || di, Q = "sb-agent", oe = {
   ENTRY: `${Q}-entry`,
   MODAL_ROOT: `${Q}-modal-root`,
   WINDOW: `${Q}-window`,
@@ -1611,7 +1611,7 @@ const xi = 24 * 60 * 60 * 1e3, {
 } = j("MessengerSession"), Ci = Re(function({ userSessionInfo: e, children: t }, n) {
   const { appId: o, aiAgentId: i, chatSDK: a, agentPreviewConfigs: s, state: l, logger: c, language: d, countryCode: m, context: g, handlers: p } = P(), { updateTheme: x } = An(), { authenticate: f, deauthenticate: E } = fi(), [b, C] = S(
     void 0
-  ), [v, T] = S(void 0), [_, K] = S(null), [L, se] = S(null), [xe, y] = S(null), B = s == null ? void 0 : s.forceCreateChannel;
+  ), [y, T] = S(void 0), [_, K] = S(null), [L, se] = S(null), [xe, v] = S(null), B = s == null ? void 0 : s.forceCreateChannel;
   function Ee() {
     if (e && e.userId) {
       c.debug("messengerSession.initialize: manual session info detected");
@@ -1679,7 +1679,7 @@ const xi = 24 * 60 * 60 * 1e3, {
     },
     [_ == null ? void 0 : _.userId]
   );
-  return yn(a, {
+  return vn(a, {
     onChannelChanged: (A) => {
       var I;
       A.isGroupChannel() && A.url === (b == null ? void 0 : b.url) && (c.info("messengerSession.channelChanged: channel.conversation", A.conversation), C({ url: A.url, status: ((I = A.conversation) == null ? void 0 : I.status) ?? W.OPEN }));
@@ -1689,20 +1689,21 @@ const xi = 24 * 60 * 60 * 1e3, {
       if (A.conversation && A.conversation.type === Br.PROACTIVE && I.userId === ((H = a.currentUser) == null ? void 0 : H.userId)) {
         c.info("messengerSession.onUserJoined: proactive channel joined", A.url);
         const ae = ((Ce = A.conversation) == null ? void 0 : Ce.status) ?? W.OPEN;
-        C({ url: A.url, status: ae }), l.setOpened(!0), yi({
+        C({ url: A.url, status: ae }), l.setOpened(!0), vi({
           sound: document.hidden || !l.opened
         });
       }
     }
-  }), vr(n, () => {
+  }), yr(n, () => {
     const A = async () => {
       if (!b) throw new Error("No active conversation. Please start a conversation first.");
       return await a.groupChannel.getChannel(b.url);
     };
     return {
+      activeChannel: b,
       chatSDK: a,
       deauthenticate: async () => {
-        c.debug("messengerSession.deauthenticate: start"), await E(), C(void 0), K(null), se(null), y(null), _ && (Ge.clear({ appId: o, aiAgentId: i }), $e.clear({ appId: o, aiAgentId: i, userId: _.userId }), c.debug("messengerSession.deauthenticate: cleared user session cache")), c.debug("messengerSession.deauthenticate: completed");
+        c.debug("messengerSession.deauthenticate: start"), await E(), C(void 0), K(null), se(null), v(null), _ && (Ge.clear({ appId: o, aiAgentId: i }), $e.clear({ appId: o, aiAgentId: i, userId: _.userId }), c.debug("messengerSession.deauthenticate: cleared user session cache")), c.debug("messengerSession.deauthenticate: completed");
       },
       updateContext: async (I) => {
         const H = await (await A()).updateContext(i, I);
@@ -1758,7 +1759,7 @@ const xi = 24 * 60 * 60 * 1e3, {
           specialNotice: M.bot.special_notice,
           specialNoticeEnabled: M.bot.is_special_notice_enabled,
           showHandoffButton: M.bot.show_handoff_button ?? !0
-        }), y({
+        }), v({
           type: M.launcher.image_type || "default_icon",
           imageUrl: M.launcher.image_url
         }), M.launcher.auto_open && !Pe() && setTimeout(() => l.setOpened(!0), 500);
@@ -1787,7 +1788,7 @@ const xi = 24 * 60 * 60 * 1e3, {
         activeChannel: b,
         refreshActiveChannel: it,
         createConversation: st,
-        connectionError: v,
+        connectionError: y,
         aiAgentInfo: { ...L, ...s == null ? void 0 : s.bot },
         launcherInfo: { ...xe, ...s == null ? void 0 : s.launcher }
       }
@@ -1795,7 +1796,7 @@ const xi = 24 * 60 * 60 * 1e3, {
     t
   );
 });
-function yi({ sound: e }) {
+function vi({ sound: e }) {
   const t = "🔔You have received a new message", n = document.title, o = setInterval(() => {
     document.title = document.title === t ? n : t;
   }, 750);
@@ -1812,7 +1813,7 @@ const Y = (e) => {
   color: n,
   className: o,
   ...i
-}) => /* @__PURE__ */ r.createElement(_i, { as: e, $variant: t, className: o, $color: n, ...i }), jt = /* @__PURE__ */ new WeakMap(), vi = (e, t) => {
+}) => /* @__PURE__ */ r.createElement(_i, { as: e, $variant: t, className: o, $color: n, ...i }), jt = /* @__PURE__ */ new WeakMap(), yi = (e, t) => {
   let n = jt.get(t);
   n || (n = /* @__PURE__ */ new Map(), jt.set(t, n));
   const o = n.get(e);
@@ -1821,7 +1822,7 @@ const Y = (e) => {
     ${i.lineHeight ? `line-height: ${i.lineHeight};` : "line-height: 100%;"}
   `;
   return n.set(e, a), a;
-}, _i = u.span`font-stretch:normal;font-style:normal;letter-spacing:normal;${({ $variant: e, theme: t }) => vi(e, t.typography)}color:${({ $color: e }) => e};`, Be = 244, Bn = 640, Je = 26, Fn = 4, ie = 12, ke = 2, Si = 16, me = `${Q}-incoming-msg`, Ti = `${Q}-marked-text`;
+}, _i = u.span`font-stretch:normal;font-style:normal;letter-spacing:normal;${({ $variant: e, theme: t }) => yi(e, t.typography)}color:${({ $color: e }) => e};`, Be = 244, Bn = 640, Je = 26, Fn = 4, ie = 12, ke = 2, Si = 16, me = `${Q}-incoming-msg`, Ti = `${Q}-marked-text`;
 function St(e) {
   switch (e) {
     case "top":
@@ -1959,10 +1960,10 @@ function Wi(e) {
     value: e.slice(o).trim()
   }), n.map((i) => i.type !== "text" ? i : { ...i, value: Hn(i.value) });
 }
-const Gi = w(async () => ({ default: (await import("./CDvzufwm.js")).MarkdownText })), ji = w(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
+const Gi = w(async () => ({ default: (await import("./7Dvv5RpD.js")).MarkdownText })), ji = w(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
 function Kt(e) {
   var i, a;
-  const t = e.maxBodyWidth ?? Be, n = ve(() => Wi(e.message), [e.message]), o = {
+  const t = e.maxBodyWidth ?? Be, n = ye(() => Wi(e.message), [e.message]), o = {
     id: `${me}-text-body`,
     $maxWidth: t,
     $color: (i = e.customStyle) == null ? void 0 : i.bubbleContentColor,
@@ -2123,18 +2124,18 @@ function ps({
   )));
 }
 const fs = u.div`margin:16px 0;padding:0 ${ie}px;position:relative;display:flex;gap:8px;${({ $type: e }) => e === "vertical" ? xs : Es};`, bs = u(k)`box-sizing:border-box;padding:8px 12px;display:flex;align-items:center;border-radius:20px / clamp(20px,5%,100px);cursor:pointer;word-break:break-word;color:${h.color.primary.main};border:1px solid ${h.color.primary.main};background-color:${h.themedColor.bg_50_600};&:hover{background-color:${h.themedColor.bg_100_500};}${({ $type: e, theme: t }) => $`
-    ${e === "vertical" ? Cs : ys};
+    ${e === "vertical" ? Cs : vs};
     &:active {
       background-color: ${t.colors.base.primary};
       color: ${t.colors.base.primaryContrastContent};
     }
   `}
-`, xs = $`flex-direction:column;align-items:flex-end;`, Es = $`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`, Cs = $`max-width:calc(100% - 70px);white-space:pre-wrap;`, ys = $`white-space:nowrap;`;
+`, xs = $`flex-direction:column;align-items:flex-end;`, Es = $`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`, Cs = $`max-width:calc(100% - 70px);white-space:pre-wrap;`, vs = $`white-space:nowrap;`;
 function It(e) {
   return e();
 }
 const _e = we({
-  template: vs,
+  template: ys,
   components: {
     SenderName: Xi,
     SenderAvatar: qi,
@@ -2147,7 +2148,7 @@ const _e = we({
     MessageLogs: ls
   }
 });
-function vs(e) {
+function ys(e) {
   return /* @__PURE__ */ r.createElement(jn, { ...e, testerMode: !1 });
 }
 function jn(e) {
@@ -2204,7 +2205,7 @@ const $s = u.div`display:flex;flex-direction:column;align-items:flex-end;gap:${k
 `, Os = u.img`position:absolute;width:100%;height:100%;inset-block-start:0;inset-inline-start:0;object-fit:cover;opacity:${(e) => e.$loaded ? 1 : 0};transition:opacity 0.5s ease;`;
 function Jt(e) {
   var n, o;
-  const t = ve(() => {
+  const t = ye(() => {
     const i = Vi(Hn(e.message));
     return _n.sanitize(i);
   }, [e.message]);
@@ -2435,10 +2436,10 @@ const Ea = (e) => Sr((t, n) => ({ ...t, ...n }), e), dt = ({
       onChange: (d) => s({ csatReason: d })
     }
   )), l !== "submitted" && t({ state: l, params: a }));
-}, Ca = u.div`display:flex;flex-direction:column;gap:12px;`, ya = () => {
+}, Ca = u.div`display:flex;flex-direction:column;gap:12px;`, va = () => {
   const { stringSet: e } = R();
   return /* @__PURE__ */ r.createElement(k, { variant: "body2", color: h.themedColor.textMidEmphasis, style: { textAlign: "center" } }, e.CSAT_SUBMISSION_EXPIRED);
-}, va = (e) => {
+}, ya = (e) => {
   if (e.messageType !== "admin.csat")
     throw new Error("Invalid message type");
   const t = Ur(), { stringSet: n } = R(), { extendedMessagePayload: o, csat: i, csatReason: a, csatExpireAt: s, isResolvedWhenDeterminedByUser: l, onSubmitCSAT: c } = e, { visibility: d, type: m } = (o == null ? void 0 : o.csat) ?? {};
@@ -2451,7 +2452,7 @@ const Ea = (e) => Sr((t, n) => ({ ...t, ...n }), e), dt = ({
       isResolved: x.isResolved
     }) : t();
   };
-  return /* @__PURE__ */ r.createElement(_a, null, !i && Qt(s) ? /* @__PURE__ */ r.createElement(ya, null) : /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(_a, null, !i && Qt(s) ? /* @__PURE__ */ r.createElement(va, null) : /* @__PURE__ */ r.createElement(
     g,
     {
       type: m,
@@ -2469,7 +2470,7 @@ const Mt = we({
   template: Ta,
   components: {
     AdminMessage: Vs,
-    CSATMessage: va
+    CSATMessage: ya
   }
 });
 function Ta(e) {
@@ -2735,10 +2736,10 @@ xt.Consumer = ({ children: e }) => {
   return e({ onDrop: t, onDragOver: (i) => i.preventDefault() });
 };
 const Jd = ({ iconSize: e = 64, icon: t, className: n, label: o, children: i }) => /* @__PURE__ */ r.createElement(Ka, { className: n }, /* @__PURE__ */ r.createElement(O, { type: t, size: e, color: h.themedColor.textLowEmphasis }), /* @__PURE__ */ r.createElement(k, { variant: "body1", color: h.themedColor.textMidEmphasis }, o), i), ja = u.div`position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;`, Ka = u.div`display:flex;flex-direction:column;min-height:104px;align-items:center;gap:20px;text-align:center;`, Za = {
-  loading: w(() => import("./CSENM0Ja.js")),
-  error: w(() => import("./Cj-eLEq_.js")),
-  noChannels: w(() => import("./DnQv_mT2.js")),
-  noMessages: w(() => import("./O53SSRM8.js"))
+  loading: w(() => import("./BsmWumox.js")),
+  error: w(() => import("./mlHVKYk3.js")),
+  noChannels: w(() => import("./ClNlgaQQ.js")),
+  noMessages: w(() => import("./DPH4j4kU.js"))
 }, Se = ({ className: e, type: t = "loading", ...n }) => {
   const o = Za[t];
   return /* @__PURE__ */ r.createElement(ja, { className: e }, /* @__PURE__ */ r.createElement(Oe, { fallback: null }, /* @__PURE__ */ r.createElement(o, { ...n })));
@@ -2827,7 +2828,7 @@ const ol = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
   date: n = Date.now(),
   formatString: o = "MMMM dd, yyyy",
   style: i
-}) => /* @__PURE__ */ r.createElement(Cl, { style: i, className: e }, /* @__PURE__ */ r.createElement(k, { variant: "caption4", color: h.themedColor.textMidEmphasis }, Cn(n, o, { locale: t }))), Cl = u.div`display:flex;justify-content:center;align-items:center;`, yl = Re(function(t, n) {
+}) => /* @__PURE__ */ r.createElement(Cl, { style: i, className: e }, /* @__PURE__ */ r.createElement(k, { variant: "caption4", color: h.themedColor.textMidEmphasis }, Cn(n, o, { locale: t }))), Cl = u.div`display:flex;justify-content:center;align-items:center;`, vl = Re(function(t, n) {
   const {
     messages: o,
     renderMessage: i,
@@ -2842,22 +2843,22 @@ const ol = u.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
     scrollPositionRef: x,
     scrollDistanceFromBottomRef: f,
     stackDirection: E = "top"
-  } = t, b = n && "current" in n ? n : { current: null }, C = F(!1), v = F(void 0), T = F(0), _ = F(0), K = F(0), L = x ?? _, se = f ?? K;
+  } = t, b = n && "current" in n ? n : { current: null }, C = F(!1), y = F(void 0), T = F(0), _ = F(0), K = F(0), L = x ?? _, se = f ?? K;
   ce(() => {
     b.current && (b.current.scrollTop = b.current.scrollHeight);
   }, p), ce(() => {
-    b.current && (v.current === "top" && (b.current.scrollTop = b.current.scrollHeight - L.current), v.current === "bottom" && (b.current.scrollTop = T.current), v.current = void 0);
+    b.current && (y.current === "top" && (b.current.scrollTop = b.current.scrollHeight - L.current), y.current === "bottom" && (b.current.scrollTop = T.current), y.current = void 0);
   }, [b.current, o.length]);
   const xe = async () => {
     if (!b.current) return;
-    const y = b.current;
-    if (g(vl(y)), L.current = y.scrollHeight - y.scrollTop, se.current = L.current - y.clientHeight, T.current = y.scrollTop, C.current) return;
-    const B = y.clientHeight * Math.min(Math.max(0, m), 1);
-    y.scrollTop <= B ? (C.current = !0, v.current = "top", await c(), C.current = !1) : y.scrollHeight - y.scrollTop - y.clientHeight <= B ? (C.current = !0, v.current = "bottom", await d(), C.current = !1) : v.current = void 0;
+    const v = b.current;
+    if (g(yl(v)), L.current = v.scrollHeight - v.scrollTop, se.current = L.current - v.clientHeight, T.current = v.scrollTop, C.current) return;
+    const B = v.clientHeight * Math.min(Math.max(0, m), 1);
+    v.scrollTop <= B ? (C.current = !0, y.current = "top", await c(), C.current = !1) : v.scrollHeight - v.scrollTop - v.clientHeight <= B ? (C.current = !0, y.current = "bottom", await d(), C.current = !1) : y.current = void 0;
   };
-  return /* @__PURE__ */ r.createElement(_l, { id: "infinite-list-container" }, /* @__PURE__ */ r.createElement(Sl, { id: "infinite-list-inner", ref: b, onScroll: xe }, E === "bottom" && /* @__PURE__ */ r.createElement("div", { style: { flexGrow: 1 } }), a, o.map((y, B) => i({ message: y, index: B })), s), /* @__PURE__ */ r.createElement(Tl, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ r.createElement(wl, { id: "infinite-list-overlay" }, l)));
+  return /* @__PURE__ */ r.createElement(_l, { id: "infinite-list-container" }, /* @__PURE__ */ r.createElement(Sl, { id: "infinite-list-inner", ref: b, onScroll: xe }, E === "bottom" && /* @__PURE__ */ r.createElement("div", { style: { flexGrow: 1 } }), a, o.map((v, B) => i({ message: v, index: B })), s), /* @__PURE__ */ r.createElement(Tl, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ r.createElement(wl, { id: "infinite-list-overlay" }, l)));
 }), sn = 50;
-function vl(e) {
+function yl(e) {
   return e.scrollTop <= sn ? "top" : e.scrollHeight - (e.scrollTop + e.clientHeight) <= sn ? "bottom" : "middle";
 }
 const _l = u.div`display:flex;position:relative;flex:1;overflow:hidden;`, Sl = u.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;scrollbar-color:${h.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`, Tl = u.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`, wl = u.div`pointer-events:auto;`, kl = ({ className: e, onClick: t }) => /* @__PURE__ */ r.createElement(Al, { className: e, onClick: t, tabIndex: 0 }, /* @__PURE__ */ r.createElement(O, { size: 24, type: "chevron-down", color: h.color.primary.main })), Al = u.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:24px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.08),0 4px 6px 0 rgba(0,0,0,0.12);${N.light`
@@ -2884,7 +2885,7 @@ const _l = u.div`display:flex;position:relative;flex:1;overflow:hidden;`, Sl = u
   }
 `, ir = () => {
   const { chatSDK: e } = P(), { channelSource: t } = q(), [n, o] = S([]);
-  return yn(e, {
+  return vn(e, {
     onTypingStatusUpdated(i) {
       var a;
       if (i.url === ((a = t.channel) == null ? void 0 : a.url)) {
@@ -2976,32 +2977,32 @@ const Ol = ({ style: e }) => {
     e.START_NEW_CONVERSATION
   )) : null;
 }, Nl = u.div`display:flex;justify-content:center;margin:16px 0;`, Pl = u(k)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${h.themedColor.textDisabled};cursor:pointer;user-select:none;`, Bl = !0, Fl = () => {
-  const { Template: e } = $t.useContext(), { Template: t } = _e.useContext(), { Template: n } = Mt.useContext(), [o, i] = S(null), { userSession: a, aiAgentInfo: s } = z(), { agentPreviewConfigs: l, chatSDK: c, state: d } = P(), { stringSet: m, dateLocale: g } = R(), { conversation: p, channelSource: x, messageSource: f, scrollSource: E } = q(), { isActionbookTester: b } = Fe(), { filteredMessages: C, shouldShowOriginalDate: v, renderAgentPreviewWelcomeMessages: T } = Il(), { storage: _ } = $n(), K = ir(), L = It(() => {
-    const y = K[0];
-    if (!y) return null;
-    const B = y.userId === s.userId;
-    return { user: B ? s : y, isBot: B };
+  const { Template: e } = $t.useContext(), { Template: t } = _e.useContext(), { Template: n } = Mt.useContext(), [o, i] = S(null), { userSession: a, aiAgentInfo: s } = z(), { agentPreviewConfigs: l, chatSDK: c, state: d } = P(), { stringSet: m, dateLocale: g } = R(), { conversation: p, channelSource: x, messageSource: f, scrollSource: E } = q(), { isActionbookTester: b } = Fe(), { filteredMessages: C, shouldShowOriginalDate: y, renderAgentPreviewWelcomeMessages: T } = Il(), { storage: _ } = $n(), K = ir(), L = It(() => {
+    const v = K[0];
+    if (!v) return null;
+    const B = v.userId === s.userId;
+    return { user: B ? s : v, isBot: B };
   });
   D(() => {
     L && E.scrollPubSub.publish({ type: "scrollToBottom", data: { animated: !0 } });
   }, [!!L, E.scrollPubSub.publish]);
-  const se = (y, B = !1) => {
+  const se = (v, B = !1) => {
     var Ee;
-    return B ? s : ((Ee = x.channel) == null ? void 0 : Ee.members.find((J) => J.userId === y.sender.userId)) ?? y.sender;
+    return B ? s : ((Ee = x.channel) == null ? void 0 : Ee.members.find((J) => J.userId === v.sender.userId)) ?? v.sender;
   }, xe = () => {
     if (!f.initialized)
       return /* @__PURE__ */ r.createElement(Se, { type: "loading" });
     if (f.messages.length === 0) {
-      const y = T();
-      return y ? /* @__PURE__ */ r.createElement("div", { style: { width: "100%" } }, y) : /* @__PURE__ */ r.createElement(Se, { type: "noMessages", label: m.PLACE_HOLDER__NO_MESSAGES });
+      const v = T();
+      return v ? /* @__PURE__ */ r.createElement("div", { style: { width: "100%" } }, v) : /* @__PURE__ */ r.createElement(Se, { type: "noMessages", label: m.PLACE_HOLDER__NO_MESSAGES });
     }
     return /* @__PURE__ */ r.createElement(
-      yl,
+      vl,
       {
         ref: E.scrollRef,
         scrollPositionRef: E.scrollPositionRef,
         scrollDistanceFromBottomRef: E.scrollDistanceFromBottomRef,
-        onScrollPosition: (y) => E.setIsScrollBottomReached(y === "bottom"),
+        onScrollPosition: (v) => E.setIsScrollBottomReached(v === "bottom"),
         stackDirection: l == null ? void 0 : l.messageStackDirection,
         messages: C,
         onLoadPrev: f.loadPrevious,
@@ -3020,30 +3021,30 @@ const Ol = ({ style: e }) => {
           }
         ), /* @__PURE__ */ r.createElement(Dl, null)),
         overlayArea: /* @__PURE__ */ r.createElement(r.Fragment, null, !E.isScrollBottomReached && /* @__PURE__ */ r.createElement(Hl, { onClick: () => E.scrollPubSub.publish({ type: "scrollToBottom" }) })),
-        renderMessage: ({ message: y, index: B }) => {
-          const Ee = Ya(y), J = C[B - 1], Ae = C[B + 1], it = C[C.length - 1], st = y === it, A = qa(y, J, Ae, Bl), I = !Yr((J == null ? void 0 : J.createdAt) ?? 0, y.createdAt) && v(B) && !b, M = (X) => {
-            (y.isFileMessage() || y.isUserMessage()) && i({ file: X, sender: se(y, y.sender.userId === s.userId) });
+        renderMessage: ({ message: v, index: B }) => {
+          const Ee = Ya(v), J = C[B - 1], Ae = C[B + 1], it = C[C.length - 1], st = v === it, A = qa(v, J, Ae, Bl), I = !Yr((J == null ? void 0 : J.createdAt) ?? 0, v.createdAt) && y(B) && !b, M = (X) => {
+            (v.isFileMessage() || v.isUserMessage()) && i({ file: X, sender: se(v, v.sender.userId === s.userId) });
           }, H = () => {
-            y.isFileMessage() && zn(y.url);
+            v.isFileMessage() && zn(v.url);
           }, Ce = I ? /* @__PURE__ */ r.createElement(
             or,
             {
               style: { margin: "16px 0" },
-              date: y.createdAt,
+              date: v.createdAt,
               locale: g,
               formatString: m.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR
             }
           ) : null, ae = {
             maxBodyWidth: d.expanded ? Bn : void 0,
-            extendedMessagePayload: y.extendedMessagePayload,
-            createdAt: y.createdAt,
+            extendedMessagePayload: v.extendedMessagePayload,
+            createdAt: v.createdAt,
             groupType: A,
             onClickMedia: M,
             onClickFile: H
           }, Z = (() => {
             var X, ee;
-            if (Ze.isAdmin(y))
-              return Ze.isCSAT(y) ? p ? /* @__PURE__ */ r.createElement(
+            if (Ze.isAdmin(v))
+              return Ze.isCSAT(v) ? p ? /* @__PURE__ */ r.createElement(
                 n,
                 {
                   ...ae,
@@ -3055,37 +3056,37 @@ const Ol = ({ style: e }) => {
                     G && ((ge = x.channel) == null || ge.submitCSAT({ csat: G, csatType: he, csatReason: V, isResolved: le }));
                   }
                 }
-              ) : null : /* @__PURE__ */ r.createElement(n, { ...ae, messageType: "admin", message: y.message });
-            if (Ze.isOutgoing(y, a.userId)) {
+              ) : null : /* @__PURE__ */ r.createElement(n, { ...ae, messageType: "admin", message: v.message });
+            if (Ze.isOutgoing(v, a.userId)) {
               const G = {
                 ...ae,
-                message: y.message,
-                sender: se(y),
-                sendingStatus: y.sendingStatus
+                message: v.message,
+                sender: se(v),
+                sendingStatus: v.sendingStatus
               };
-              if (y.isUserMessage())
+              if (v.isUserMessage())
                 return /* @__PURE__ */ r.createElement(e, { messageType: "user", ...G });
-              if (y.isFileMessage()) {
-                const [he, V] = ((X = y.metaArrays.find((le) => le.key === Jn)) == null ? void 0 : X.value) ?? [];
+              if (v.isFileMessage()) {
+                const [he, V] = ((X = v.metaArrays.find((le) => le.key === Jn)) == null ? void 0 : X.value) ?? [];
                 return /* @__PURE__ */ r.createElement(
                   e,
                   {
                     messageType: "file",
-                    file: y,
+                    file: v,
                     metadata: {
                       aspectRatio: he && V ? `${he}/${V}` : "1/1",
-                      localFile: (ee = y.messageParams) == null ? void 0 : ee.file
+                      localFile: (ee = v.messageParams) == null ? void 0 : ee.file
                     },
                     ...G
                   }
                 );
               }
             }
-            if (Ze.isIncoming(y, a.userId)) {
-              const G = y.sender.userId === s.userId, he = {
+            if (Ze.isIncoming(v, a.userId)) {
+              const G = v.sender.userId === s.userId, he = {
                 ...ae,
-                sender: se(y, G),
-                message: y.message,
+                sender: se(v, G),
+                message: v.message,
                 suggestedRepliesVisible: st,
                 suggestedRepliesDirection: l == null ? void 0 : l.suggestedRepliesDirection,
                 isBotMessage: G,
@@ -3104,10 +3105,10 @@ const Ol = ({ style: e }) => {
                   }
                 }
               };
-              if (y.isUserMessage())
+              if (v.isUserMessage())
                 return /* @__PURE__ */ r.createElement(t, { messageType: "user", ...he });
-              if (y.isFileMessage())
-                return /* @__PURE__ */ r.createElement(t, { messageType: "file", file: y, ...he });
+              if (v.isFileMessage())
+                return /* @__PURE__ */ r.createElement(t, { messageType: "file", file: v, ...he });
             }
           })();
           return /* @__PURE__ */ r.createElement("div", { key: Ee, id: `${Q}-message-item` }, Ce, Z);
@@ -3274,7 +3275,7 @@ const ec = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
 }, lr = {
   textArea: $`min-height:40px;height:40px;font-size:16px;line-height:24px;`,
   attachIcon: $`margin-bottom:4px;`
-}, cr = u.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, ac = u(cr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${h.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${h.themedColor.bg_200_400};}}${vt && lr.attachIcon};`, lc = u.input`display:none;`, an = u.div`width:100%;position:relative;background-color:${h.themedColor.bg_100_500};border-radius:20px;`, ln = u.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`, cn = u.textarea`all:unset;display:block;flex:1;min-width:0;padding-top:8px;padding-bottom:8px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;font-size:14px;line-height:20px;color:${h.themedColor.textHighEmphasis};resize:none;width:100%;height:${Rn}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${vt && lr.textArea};&::placeholder{color:${h.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${h.themedColor.textDisabled};}}`, dn = u.div`padding:12px 16px;position:relative;display:flex;align-items:center;`, un = ({ disabled: e }) => {
+}, cr = u.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, ac = u(cr)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${h.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${h.themedColor.bg_200_400};}}${yt && lr.attachIcon};`, lc = u.input`display:none;`, an = u.div`width:100%;position:relative;background-color:${h.themedColor.bg_100_500};border-radius:20px;`, ln = u.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`, cn = u.textarea`all:unset;display:block;flex:1;min-width:0;padding-top:8px;padding-bottom:8px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;font-size:14px;line-height:20px;color:${h.themedColor.textHighEmphasis};resize:none;width:100%;height:${Rn}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${yt && lr.textArea};&::placeholder{color:${h.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${h.themedColor.textDisabled};}}`, dn = u.div`padding:12px 16px;position:relative;display:flex;align-items:center;`, un = ({ disabled: e }) => {
   const t = F(null), { addFiles: n, clearFiles: o, files: i, isFileUploadEnabled: a } = Lt();
   return !a || i.length > 0 ? null : /* @__PURE__ */ r.createElement(
     ac,
@@ -3329,7 +3330,7 @@ const ec = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
     _.length > 0 && (T.preventDefault(), d(_));
   }, C = (T) => {
     T.key !== "Enter" || T.nativeEvent.isComposing || T.shiftKey || (T.preventDefault(), E());
-  }, v = (T) => {
+  }, y = (T) => {
     if (e.current) {
       e.current.style.height = "";
       const _ = Math.min(ui, e.current.scrollHeight);
@@ -3346,7 +3347,7 @@ const ec = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
       placeholder: l,
       maxLength: 5e3,
       onKeyDown: C,
-      onChange: v,
+      onChange: y,
       onPaste: b
     }
   ), /* @__PURE__ */ r.createElement(un, null))), x && /* @__PURE__ */ r.createElement(cr, { onClick: () => E() }, /* @__PURE__ */ r.createElement(O, { type: "send", color: h.color.primary.main, size: 20 })));
@@ -3357,7 +3358,7 @@ const ec = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
       color: ${h.color.information.main};
     `};
   }
-`, uc = w(() => import("./CDvzufwm.js").then((e) => ({ default: e.MarkdownText }))), mc = () => {
+`, uc = w(() => import("./7Dvv5RpD.js").then((e) => ({ default: e.MarkdownText }))), mc = () => {
   const { aiAgentInfo: e } = z(), { messageSource: t } = q(), { userSession: n } = z();
   return !e.specialNoticeEnabled || !e.specialNotice || !(t.initialized && !t.messages.some((i) => Xn(i, n.userId))) ? null : /* @__PURE__ */ r.createElement(dc, null, /* @__PURE__ */ r.createElement(uc, null, e.specialNotice));
 }, hc = () => /* @__PURE__ */ r.createElement(gc, null, /* @__PURE__ */ r.createElement(mc, null), /* @__PURE__ */ r.createElement(Kl, null, /* @__PURE__ */ r.createElement(cc, null))), gc = u.div`z-index:0;border:none;width:100%;`, pc = () => {
@@ -3365,7 +3366,7 @@ const ec = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
   const { activeChannel: e } = z(), { channelSource: t } = q(), n = ((s = (a = t.channel) == null ? void 0 : a.conversation) == null ? void 0 : s.status) === W.CLOSED;
   return !(((l = t.channel) == null ? void 0 : l.url) === (e == null ? void 0 : e.url)) && n ? /* @__PURE__ */ r.createElement(Wl, null) : /* @__PURE__ */ r.createElement(hc, null);
 }, fc = () => {
-  var v;
+  var y;
   const { state: e, logger: t, enableCloseConversationButton: n, enableExpandButton: o, dispatcher: i } = P(), { stringSet: a } = R(), { aiAgentInfo: s, activeChannel: l } = z(), { channelSource: c, onNavigateToConversationList: d } = q(), m = c.channel, p = Pe() ? 24 : 16, x = () => {
     e.setOpened(!1);
   }, f = async () => {
@@ -3377,8 +3378,8 @@ const ec = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
     }
   }, E = async () => {
     m && await i.send(ao.CloseConversation({ channelUrl: m.url }));
-  }, b = l && (m == null ? void 0 : m.url) === l.url, C = s.showHandoffButton && !!((v = m == null ? void 0 : m.conversation) != null && v.handoff) && b;
-  return /* @__PURE__ */ r.createElement(yc, null, /* @__PURE__ */ r.createElement(vc, null, d && /* @__PURE__ */ r.createElement(Ue, { onClick: () => d() }, /* @__PURE__ */ r.createElement(O, { type: "menu", size: 24, color: h.themedColor.textHighEmphasis })), b && /* @__PURE__ */ r.createElement(nr, { size: 34 }), /* @__PURE__ */ r.createElement(Sc, { variant: "h2", color: h.themedColor.textHighEmphasis }, s.nickname || (m == null ? void 0 : m.name))), /* @__PURE__ */ r.createElement(_c, null, C && /* @__PURE__ */ r.createElement(
+  }, b = l && (m == null ? void 0 : m.url) === l.url, C = s.showHandoffButton && !!((y = m == null ? void 0 : m.conversation) != null && y.handoff) && b;
+  return /* @__PURE__ */ r.createElement(vc, null, /* @__PURE__ */ r.createElement(yc, null, d && /* @__PURE__ */ r.createElement(Ue, { onClick: () => d() }, /* @__PURE__ */ r.createElement(O, { type: "menu", size: 24, color: h.themedColor.textHighEmphasis })), b && /* @__PURE__ */ r.createElement(nr, { size: 34 }), /* @__PURE__ */ r.createElement(Sc, { variant: "h2", color: h.themedColor.textHighEmphasis }, s.nickname || (m == null ? void 0 : m.name))), /* @__PURE__ */ r.createElement(_c, null, C && /* @__PURE__ */ r.createElement(
     Cc,
     {
       tooltipLabel: a.HEADER_BUTTON__AGENT_HANDOFF,
@@ -3411,7 +3412,7 @@ const ec = u.div`&::-webkit-scrollbar{display:none;}overflow-x:auto;display:flex
     size: e,
     color: n ? h.themedColor.textDisabled : h.themedColor.textHighEmphasis
   }
-))), yc = u.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${h.themedColor.textDisabled};background-color:${({ theme: e }) => e.colors.base.headerBackground};`, vc = u.div`display:flex;flex:1;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`, _c = u.div`display:flex;gap:10px;align-items:center;justify-content:center;`, Sc = u(k)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`, Ue = u.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, Tc = () => {
+))), vc = u.div`height:56px;box-sizing:border-box;display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid ${h.themedColor.textDisabled};background-color:${({ theme: e }) => e.colors.base.headerBackground};`, yc = u.div`display:flex;flex:1;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`, _c = u.div`display:flex;gap:10px;align-items:center;justify-content:center;`, Sc = u(k)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`, Ue = u.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, Tc = () => {
   const { isActionbookTester: e } = Fe();
   return e ? null : /* @__PURE__ */ r.createElement(fc, null);
 }, mn = ({
@@ -3750,10 +3751,10 @@ const hn = {
   ...s
 }, l) {
   var c;
-  return ye.level !== n && (ye.level = n), li("https://fonts.googleapis.com/css2?family=Roboto&display=swap", t), /* @__PURE__ */ r.createElement("div", { id: oe.ENTRY, style: { width: "fit-content", height: "fit-content", ...s.entryStyle } }, /* @__PURE__ */ r.createElement(No, { logger: ye, storage: td }, /* @__PURE__ */ r.createElement(
+  return ve.level !== n && (ve.level = n), li("https://fonts.googleapis.com/css2?family=Roboto&display=swap", t), /* @__PURE__ */ r.createElement("div", { id: oe.ENTRY, style: { width: "fit-content", height: "fit-content", ...s.entryStyle } }, /* @__PURE__ */ r.createElement(No, { logger: ve, storage: td }, /* @__PURE__ */ r.createElement(
     Qc,
     {
-      logger: ye,
+      logger: ve,
       rootElement: t,
       appearance: (c = s.agentPreviewConfigs) == null ? void 0 : c.appearance,
       stringSet: s.stringSet,
@@ -3769,14 +3770,14 @@ const hn = {
         language: o,
         countryCode: s.countryCode,
         context: s.context,
-        logger: ye,
+        logger: ve,
         dispatcher: ed,
         chatParams: { customApiHost: s.customApiHost, customWebSocketHost: s.customWebSocketHost }
       },
       /* @__PURE__ */ r.createElement(pi, { rootElement: t, ...s }, /* @__PURE__ */ r.createElement(Ci, { ref: l, userSessionInfo: i }, /* @__PURE__ */ r.createElement($a, { ...s._UNSAFE_INTERNAL_dashboardTester }, a, /* @__PURE__ */ r.createElement("div", { id: oe.MODAL_ROOT }))))
     )
   )));
-}), ye = new wn(xn.WARN), ed = new Sn(ye), Nt = "@sba/message-template", gn = (e) => `${Nt}/templates/${e}`, pn = () => `${Nt}/token`, td = Ro({
+}), ve = new wn(xn.WARN), ed = new Sn(ve), Nt = "@sba/message-template", gn = (e) => `${Nt}/templates/${e}`, pn = () => `${Nt}/token`, td = Ro({
   onSetTemplate: (e, t) => {
     hn[e] || te.setItem(gn(e), t);
   },
@@ -3908,15 +3909,15 @@ const gd = En`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY
 `;
 function Me({ initialId: e, children: t }) {
   const n = U((b, C) => {
-    c((v) => [...v, b]), m((v) => ({ ...v, [b]: !0 })), C != null && C.reset && f((v) => ({
-      ...v,
-      [b]: (v[b] || 0) + 1
-    })), p((v) => ({
-      ...v,
+    c((y) => [...y, b]), m((y) => ({ ...y, [b]: !0 })), C != null && C.reset && f((y) => ({
+      ...y,
+      [b]: (y[b] || 0) + 1
+    })), p((y) => ({
+      ...y,
       [b]: "entering"
     })), setTimeout(() => {
-      p((v) => ({
-        ...v,
+      p((y) => ({
+        ...y,
         [b]: "entered"
       }));
     }, 300);
@@ -3924,33 +3925,33 @@ function Me({ initialId: e, children: t }) {
     c((b) => {
       if (b.length <= 1) return b;
       const C = b[b.length - 1];
-      return p((v) => ({
-        ...v,
+      return p((y) => ({
+        ...y,
         [C]: "exiting"
       })), setTimeout(() => {
-        p((v) => ({
-          ...v,
+        p((y) => ({
+          ...y,
           [C]: "exited"
-        })), c((v) => v.slice(0, -1));
+        })), c((y) => y.slice(0, -1));
       }, 300), b;
     });
-  }, []), i = ve(() => ({
+  }, []), i = ye(() => ({
     navigation: {
       navigate: n,
       pop: o
     }
-  }), [n, o]), a = ve(() => Tr.toArray(t).filter(
+  }), [n, o]), a = ye(() => Tr.toArray(t).filter(
     (b) => b.type === xr
-  ), [t]), s = ve(() => {
+  ), [t]), s = ye(() => {
     const b = {};
     return a.forEach((C) => {
-      const { id: v, lazy: T, children: _ } = C.props;
-      b[v] = { lazy: T, element: typeof _ == "function" ? _(i) : _ };
+      const { id: y, lazy: T, children: _ } = C.props;
+      b[y] = { lazy: T, element: typeof _ == "function" ? _(i) : _ };
     }), b;
   }, [a]), [l, c] = S([e]), [d, m] = S(() => {
     const b = {};
-    return Object.entries(s).forEach(([C, { lazy: v }]) => {
-      v === !1 && (b[C] = !0);
+    return Object.entries(s).forEach(([C, { lazy: y }]) => {
+      y === !1 && (b[C] = !0);
     }), b[e] = !0, b;
   }), [g, p] = S(() => {
     const b = {};
@@ -3958,14 +3959,14 @@ function Me({ initialId: e, children: t }) {
       C === e ? b[C] = "entered" : b[C] = "exited";
     }), b;
   }), [x, f] = S({}), E = l[l.length - 1];
-  return /* @__PURE__ */ r.createElement(br.Provider, { value: i }, /* @__PURE__ */ r.createElement(yd, null, Object.keys(s).map((b) => {
+  return /* @__PURE__ */ r.createElement(br.Provider, { value: i }, /* @__PURE__ */ r.createElement(vd, null, Object.keys(s).map((b) => {
     var _;
     if (!d[b]) return null;
-    const C = g[b] || "exited", v = b === E, T = `${b}-${x[b] || 0}`;
-    return /* @__PURE__ */ r.createElement(Cd, { key: T, $transitionState: C, $active: v }, (_ = s[b]) == null ? void 0 : _.element);
+    const C = g[b] || "exited", y = b === E, T = `${b}-${x[b] || 0}`;
+    return /* @__PURE__ */ r.createElement(Cd, { key: T, $transitionState: C, $active: y }, (_ = s[b]) == null ? void 0 : _.element);
   })));
 }
-const yd = u.div`position:relative;width:100%;height:100%;`;
+const vd = u.div`position:relative;width:100%;height:100%;`;
 Me.Screen = xr;
 const pe = {
   activeConv: "active-conv",
@@ -3986,12 +3987,12 @@ const pe = {
     }
   }
 )));
-function vd({ isExpanded: e, isOpened: t, children: n, launcher: o }) {
+function yd({ isExpanded: e, isOpened: t, children: n, launcher: o }) {
   const { dir: i } = P();
   return /* @__PURE__ */ r.createElement(_d, null, /* @__PURE__ */ r.createElement(Sd, { dir: i, id: oe.WINDOW, $isExpanded: e, $isOpened: t }, n), o);
 }
 const _d = u.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, Sd = u.div`background:${({ theme: e }) => e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:right bottom;[dir='rtl'] &:not([dir='ltr']),&[dir='rtl']{transform-origin:left bottom;}${({ $isOpened: e }) => e && wd};${({ $isExpanded: e }) => e && Td};`, Td = $`width:743px;height:723px;`, wd = $`z-index:${be.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;`, Xd = Re(function({ children: e, ...t }, n) {
-  const o = Pe(), [i, a] = S(), s = o ? hr : vd;
+  const o = Pe(), [i, a] = S(), s = o ? hr : yd;
   return /* @__PURE__ */ r.createElement(mr, { enableExpandButton: !o, ref: n, ...t }, /* @__PURE__ */ r.createElement(Pn, null, ({ state: l }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(s, { isExpanded: l.expanded, isOpened: l.opened, launcher: /* @__PURE__ */ r.createElement(fr, null) }, /* @__PURE__ */ r.createElement(
     Er,
     {
@@ -4054,8 +4055,8 @@ const Md = u.div`background:${({ theme: e }) => e.colors.base.background};displa
 
   ${({ $isOpened: e }) => e && Ld};
   ${({ $isExpanded: e }) => e && Od};
-`, Od = $`width:743px;height:723px;`, Ld = $`z-index:${be.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;`, yr = { top: 24, bottom: 24, start: 24, end: 24 }, Rd = Re(function({ children: e, ...t }, n) {
-  const [o, i] = S(), [a, s] = S("end-bottom"), [l, c] = S(yr), [d, m] = S(48), g = Pe(), p = g ? hr : $d, { horizontal: x, vertical: f } = ve(() => {
+`, Od = $`width:743px;height:723px;`, Ld = $`z-index:${be.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;`, vr = { top: 24, bottom: 24, start: 24, end: 24 }, Rd = Re(function({ children: e, ...t }, n) {
+  const [o, i] = S(), [a, s] = S("end-bottom"), [l, c] = S(vr), [d, m] = S(48), g = Pe(), p = g ? hr : $d, { horizontal: x, vertical: f } = ye(() => {
     const [E, b] = a.split("-");
     return { horizontal: E === "start" ? "start" : "end", vertical: b === "top" ? "top" : "bottom" };
   }, [a]);
@@ -4078,7 +4079,7 @@ const Md = u.div`background:${({ theme: e }) => e.colors.base.background};displa
   var i, a, s, l;
   const { setPosition: t, setMargin: n, setLauncherSize: o } = Pt();
   return ce(() => {
-    e.position && t(e.position), e.margin && n({ ...yr, ...e.margin }), e.launcherSize && o(e.launcherSize);
+    e.position && t(e.position), e.margin && n({ ...vr, ...e.margin }), e.launcherSize && o(e.launcherSize);
   }, [
     e.position,
     (i = e.margin) == null ? void 0 : i.top,