@sendbird/ai-agent-messenger-react 1.8.1 → 1.8.2

package/dist/es/{BRbygcMm.js → C3Z52muL.js}

@@ -2,13 +2,13 @@ var to = Object.defineProperty;
 var no = (e, t, n) => t in e ? to(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var H = (e, t, n) => no(e, typeof t != "symbol" ? t + "" : t, n);
 import * as r from "react";
-import { createContext as Ge, useContext as pe, useLayoutEffect as Ce, useState as T, useEffect as U, useRef as z, useCallback as O, useMemo as oe, forwardRef as We, useImperativeHandle as ro, useId as Ut, useReducer as oo, PureComponent as so, Suspense as io, lazy as L, Fragment as Yn, Children as ao } from "react";
-import lo, { SendbirdChatOptions as co, SendbirdProduct as uo, DeviceOsPlatform as mn, SendbirdPlatform as mo, SessionHandler as go, ConnectionHandler as gt, SendbirdError as ho, LogLevel as Xn, ConnectionState as po } from "@sendbird/chat";
-import h, { css as k, ThemeProvider as fo, useTheme as ht, createGlobalStyle as bo, StyleSheetManager as Eo, keyframes as Jn } from "styled-components";
+import { createContext as Ge, useContext as pe, useLayoutEffect as Ce, useState as T, useEffect as U, useRef as z, useCallback as O, useMemo as ne, forwardRef as We, useImperativeHandle as ro, useId as Ut, useReducer as oo, PureComponent as so, Suspense as io, lazy as L, Fragment as Yn, Children as ao } from "react";
+import lo, { SendbirdChatOptions as co, SendbirdProduct as uo, DeviceOsPlatform as mn, SendbirdPlatform as mo, SessionHandler as go, ConnectionHandler as mt, SendbirdError as ho, LogLevel as Xn, ConnectionState as po } from "@sendbird/chat";
+import h, { css as k, ThemeProvider as fo, useTheme as gt, createGlobalStyle as bo, StyleSheetManager as Eo, keyframes as Jn } from "styled-components";
 import { differenceInMinutes as xo, isToday as vo, differenceInHours as yo, isSameMinute as gn, format as Qn, isSameDay as _o } from "date-fns";
 import { enUS as Co } from "date-fns/locale/en-US";
 import { ConversationStatus as X, AIAgentModule as So, ConversationType as To, AIAgentMessageFeedbackRating as hn } from "@sendbird/chat/aiAgent";
-import { useGroupChannelMessages as wo, useGroupChannelHandler as pt, useForceUpdate as Ao } from "@sendbird/uikit-tools";
+import { useGroupChannelMessages as wo, useGroupChannelHandler as ht, useForceUpdate as Ao } from "@sendbird/uikit-tools";
 import { SendingStatus as Fe, MessageMetaArray as Io } from "@sendbird/chat/message";
 import { GroupChannelModule as ko, GroupChannelListOrder as er, GroupChannelHandler as $o } from "@sendbird/chat/groupChannel";
 import { createPortal as Mo } from "react-dom";
@@ -146,7 +146,7 @@ function zo(e, t, n) {
   const o = /* @__PURE__ */ new Date(), s = new Date(((a = e.lastMessage) == null ? void 0 : a.createdAt) || e.createdAt), i = xo(o, s);
   return i < 1 ? n.justNow : i < 60 ? n.minutesAgo(i) : vo(s) ? n.hoursAgo(yo(o, s)) : t(s, n.dateShortFormat);
 }
-const Go = "1.8.1", Be = "sb-agent", Wo = Go, nr = "KEY_IMG_ASPECT_RATIO", jo = "*/*", F = {
+const Go = "1.8.2", Be = "sb-agent", Wo = Go, nr = "KEY_IMG_ASPECT_RATIO", jo = "*/*", F = {
   BODY_MAX_WIDTH: 244,
   WIDE_BODY_MAX_WIDTH: 640,
   AVATAR_SIZE: 26,
@@ -154,7 +154,7 @@ const Go = "1.8.1", Be = "sb-agent", Wo = Go, nr = "KEY_IMG_ASPECT_RATIO", jo =
   HORIZONTAL_PADDING: 12,
   GAP_GROUPED: 2,
   GAP_UNGROUPED: 16
-}, fe = (e) => !!e && "sender" in e, qo = (e) => fe(e) ? e.sendingStatus === "succeeded" ? String(e.messageId) : e.reqId : String(e.messageId), Ko = (e, t, n, o = !0) => {
+}, fe = (e) => !!e && "sender" in e, Ko = (e) => fe(e) ? e.sendingStatus === "succeeded" ? String(e.messageId) : e.reqId : String(e.messageId), qo = (e, t, n, o = !0) => {
   if (!o || !fe(e))
     return "single";
   const s = () => {
@@ -264,7 +264,7 @@ const It = (e) => {
     return !!((t = e.extendedMessagePayload) != null && t.feedback);
   },
   checkExtendedFieldPresence(e) {
-    const t = e.extendedMessagePayload || {}, n = (a) => a.some((l) => typeof t[l] < "u"), o = n(yt.ui), s = n(yt.trail), i = n(yt.marking);
+    const t = e.extendedMessagePayload || {}, n = (a) => a.some((l) => typeof t[l] < "u"), o = n(vt.ui), s = n(vt.trail), i = n(vt.marking);
     return { ui: o, trail: s, marking: i };
   },
   shouldScrollToBottom(e, t, n = !1) {
@@ -276,20 +276,20 @@ const It = (e) => {
     }
     return !0;
   }
-}, yt = {
+}, vt = {
   ui: ["suggested_replies", "cta_button", "message_template", "csat"],
   trail: ["groundedness", "manual", "function_calls"],
   marking: ["is_hallucination", "is_moderated", "flagged_types"]
-}, _t = `@${Be}`, bn = ({ appId: e, aiAgentId: t, storage: n }) => {
+}, yt = `@${Be}`, bn = ({ appId: e, aiAgentId: t, storage: n }) => {
   const o = {
-    templateBase: `${_t}-template`,
+    templateBase: `${yt}-template`,
     template: (s) => `${o.templateBase}/templates/${s}`,
     templateToken: () => `${o.templateBase}-template/message-template/tokens`,
     messengerSession: (s) => {
       const i = ts(`${e}/${t}/${s}`);
-      return `${_t}-udata/${i}`;
+      return `${yt}-udata/${i}`;
     },
-    anonUserSession: () => `${_t}-session/${e}/${t}`
+    anonUserSession: () => `${yt}-session/${e}/${t}`
   };
   return {
     template: {
@@ -453,7 +453,7 @@ const Ne = {
   } : Ne;
 }, {
   Provider: os,
-  useContext: q
+  useContext: K
 } = J("AIAgent");
 function ss({
   appId: e,
@@ -702,7 +702,7 @@ const fs = (e, t, n, o, s) => ({
     dark: "rgba(0, 0, 0, 0.55)",
     light: "rgba(22, 22, 22, 0.32)"
   }
-}, Ct = {
+}, _t = {
   h1: { fontSize: 18, fontWeight: 700 },
   h2: { fontSize: 16, fontWeight: 700 },
   subtitle1: { fontSize: 16, fontWeight: 500 },
@@ -761,12 +761,12 @@ function xs(e, t, n) {
 }
 function vs({ typography: e }) {
   if (!e)
-    return Ct;
-  const t = { ...Ct };
+    return _t;
+  const t = { ..._t };
   return Object.keys(e).forEach((n) => {
     const o = e[n];
     if (o && typeof o == "object") {
-      const s = Ct[n], i = ["fontSize", "fontWeight", "fontFamily", "lineHeight"];
+      const s = _t[n], i = ["fontSize", "fontWeight", "fontFamily", "lineHeight"];
       t[n] = xs(s, o, i);
     }
   }), t;
@@ -872,7 +872,7 @@ const yn = 25 * 1024 * 1024, Cs = {
   };
 };
 function dr() {
-  const { chatSDK: e, logger: t } = q();
+  const { chatSDK: e, logger: t } = K();
   return O(
     async (n) => {
       if (n.userId === "") {
@@ -885,7 +885,7 @@ function dr() {
   );
 }
 function Ts() {
-  const { chatSDK: e, logger: t } = q(), n = O(
+  const { chatSDK: e, logger: t } = K(), n = O(
     async (s, i, a) => {
       if (t.debug("useChatConnection.connect: start, session", s.userId), i) {
         const l = new go({
@@ -943,7 +943,7 @@ class _n {
   }
 }
 const $s = 24 * 60 * 60 * 1e3, Ms = (e) => {
-  const { logger: t, cache: n } = q(), o = () => {
+  const { logger: t, cache: n } = K(), o = () => {
     const i = n.messenger.getAnonUser();
     return i ? i.expireAt - $s <= Date.now() ? (t.debug("useUserSessionCandidate.getAnonymousSessionInfo: auto session expired, clear cache"), n.messenger.clear(i.userId), null) : (t.debug("useUserSessionCandidate.getAnonymousSessionInfo: auto session info detected"), i) : null;
   }, s = () => {
@@ -956,7 +956,7 @@ const $s = 24 * 60 * 60 * 1e3, Ms = (e) => {
       `useUserSessionCandidate.getManualSessionInfo: missing required keys in userSessionInfo: ${i.join(", ")}`
     ), t.debug("useUserSessionCandidate.getManualSessionInfo: manual session info detected"), e;
   };
-  return oe(() => e instanceof ks ? { type: "manual", userSessionCandidate: s() } : e instanceof _n ? { type: "anonymous", userSessionCandidate: o() } : e && typeof e == "object" ? (t.warn("Please use ManualSessionInfo instead of the old userSessionInfo format."), { type: "manual", userSessionCandidate: s() }) : e === void 0 ? (t.warn("Please use AnonymousSessionInfo instead of undefined userSessionInfo."), { type: "anonymous", userSessionCandidate: o() }) : { type: "anonymous", userSessionCandidate: null }, [
+  return ne(() => e instanceof ks ? { type: "manual", userSessionCandidate: s() } : e instanceof _n ? { type: "anonymous", userSessionCandidate: o() } : e && typeof e == "object" ? (t.warn("Please use ManualSessionInfo instead of the old userSessionInfo format."), { type: "manual", userSessionCandidate: s() }) : e === void 0 ? (t.warn("Please use AnonymousSessionInfo instead of undefined userSessionInfo."), { type: "anonymous", userSessionCandidate: o() }) : { type: "anonymous", userSessionCandidate: null }, [
     t,
     e == null ? void 0 : e.userId,
     e == null ? void 0 : e.authToken,
@@ -975,7 +975,7 @@ function Os({
   onPostDeauth: a,
   forceCreateChannel: l
 }) {
-  const { aiAgentId: c, language: d, context: g, countryCode: p, logger: E, cache: y } = q(), { connect: x, disconnect: b } = Ts(), { type: f, userSessionCandidate: m } = Ms(e), v = dr(), _ = O(async () => {
+  const { aiAgentId: c, language: d, context: g, countryCode: p, logger: E, cache: y } = K(), { connect: x, disconnect: b } = Ts(), { type: f, userSessionCandidate: m } = Ms(e), v = dr(), _ = O(async () => {
     var B;
     E.debug("useAuthentication.authenticate: start");
     const C = m != null && m.userId ? y.messenger.getSettings(m.userId) : null;
@@ -995,8 +995,8 @@ function Os({
       if (f === "manual")
         E.warn("Received auto created user info but current session is manual. Ignoring auto created user info."), $ = { userId: m.userId, authToken: m.authToken };
       else {
-        const { user_id: Q, session_token: ee, expire_at: de } = w.auto_created_user;
-        y.messenger.setAnonUser({ userId: Q, authToken: ee, expireAt: de }), $ = { userId: Q, authToken: ee };
+        const { user_id: Q, session_token: ee, expire_at: le } = w.auto_created_user;
+        y.messenger.setAnonUser({ userId: Q, authToken: ee, expireAt: le }), $ = { userId: Q, authToken: ee };
       }
     else
       $ = {
@@ -1041,7 +1041,7 @@ const ur = (e) => {
   } catch {
     return JSON.stringify(e).slice(1, -1);
   }
-}, Ze = (e) => JSON.parse(e), ft = (e) => JSON.parse(e);
+}, Ze = (e) => JSON.parse(e), pt = (e) => JSON.parse(e);
 function Ls(e, t) {
   const [n, o] = t.split(",").map((s) => s.trim());
   return e === "dark" && o || n;
@@ -1083,7 +1083,7 @@ async function Rs({
   )).reduce((i, { regex: a, transformedValue: l }) => i.replace(a, ur(l)), e);
 }
 const Ns = () => {
-  const { chatSDK: e, logger: t, cache: n } = q(), o = O(() => {
+  const { chatSDK: e, logger: t, cache: n } = K(), o = O(() => {
     var l, c;
     const i = (c = (l = e.appInfo) == null ? void 0 : l.aiAgentInfo) == null ? void 0 : c.templateListToken;
     if (!i) return !1;
@@ -1110,9 +1110,9 @@ const Ns = () => {
   useContext: Wt
 } = J("AIAgentMessengerSession"), Fs = We(
   function({ userSessionInfo: e, forceCreateChannel: t, children: n }, o) {
-    const { appId: s, aiAgentId: i, chatSDK: a, language: l, countryCode: c, context: d, cache: g, logger: p } = q(), { updateTheme: E } = zt(), [y, x] = T(void 0), [b, f] = T(
+    const { appId: s, aiAgentId: i, chatSDK: a, language: l, countryCode: c, context: d, cache: g, logger: p } = K(), { updateTheme: E } = zt(), [y, x] = T(void 0), [b, f] = T(
       void 0
-    ), [m, v] = T(null), [_, M] = T(null), [C, w] = T(null), [$, B] = T(null), { updateBaseAttachmentRules: Q, createAttachmentRules: ee } = Ss(), { shouldSyncCachedTemplate: de, syncCachedTemplates: Ee } = Ns(), xe = dr(), { authenticate: ke, deauthenticate: j } = Os({
+    ), [m, v] = T(null), [_, M] = T(null), [C, w] = T(null), [$, B] = T(null), { updateBaseAttachmentRules: Q, createAttachmentRules: ee } = Ss(), { shouldSyncCachedTemplate: le, syncCachedTemplates: Ee } = Ns(), xe = dr(), { authenticate: ke, deauthenticate: j } = Os({
       userSessionInfo: e,
       forceCreateChannel: t,
       onUpdateMessengerSettings: O(
@@ -1141,9 +1141,9 @@ const Ns = () => {
       }, []),
       onPostAuth: O(
         async (P) => {
-          v(a.currentUser), de() && await Ee(), f({ url: P.active_channel.channel_url, status: X.OPEN });
+          v(a.currentUser), le() && await Ee(), f({ url: P.active_channel.channel_url, status: X.OPEN });
         },
-        [a, de, Ee]
+        [a, le, Ee]
       ),
       onErrorAuth: O((P) => {
         x(P);
@@ -1184,7 +1184,7 @@ const Ns = () => {
       t,
       g.messenger.getSettings,
       g.messenger.setSettings
-    ]), ue = O(
+    ]), ce = O(
       async (P) => {
         if (!(_ != null && _.userId))
           throw new Error("Current user is not authenticated. Please authenticate first.");
@@ -1197,7 +1197,7 @@ const Ns = () => {
       },
       [_ == null ? void 0 : _.userId, xe]
     );
-    return pt(a, {
+    return ht(a, {
       onChannelChanged: (P) => {
         var S;
         P.isGroupChannel() && P.url === (b == null ? void 0 : b.url) && (p.info("agentMessengerSession.channelChanged: channel.conversation", P.conversation), f({ url: P.url, status: ((S = P.conversation) == null ? void 0 : S.status) ?? X.OPEN }));
@@ -1235,7 +1235,7 @@ const Ns = () => {
           activeChannel: b,
           setActiveChannel: f,
           refreshActiveChannel: A,
-          createConversation: ue,
+          createConversation: ce,
           connectionError: y,
           aiAgentInfo: C,
           launcherInfo: $,
@@ -1248,8 +1248,8 @@ const Ns = () => {
     );
   }
 ), mr = (e) => {
-  const { chatSDK: t } = q(), [n, o] = T([]);
-  return pt(t, {
+  const { chatSDK: t } = K(), [n, o] = T([]);
+  return ht(t, {
     onTypingStatusUpdated(s) {
       if (s.url === (e == null ? void 0 : e.url)) {
         const i = s.getTypingUsers();
@@ -1277,9 +1277,9 @@ const Ns = () => {
   const l = zs(e);
   return l ? { disabled: !0, disabledBy: l } : i || a ? { disabled: !0, disabledBy: "ai_responding" } : { disabled: !1, disabledBy: "" };
 }, Us = () => {
-  const e = Ut(), { chatSDK: t } = q(), [n, o] = T(!0);
+  const e = Ut(), { chatSDK: t } = K(), [n, o] = T(!0);
   return U(() => {
-    const s = new gt({
+    const s = new mt({
       onDisconnected: () => o(!1),
       onConnected: () => o(!0),
       onReconnectSucceeded: () => o(!0)
@@ -1330,7 +1330,7 @@ const Ns = () => {
 }, {
   Provider: js
 } = J("AIAgentConversation");
-function qs({
+function Ks({
   children: e,
   channelUrl: t,
   onChannelDeleted: n,
@@ -1343,7 +1343,7 @@ function qs({
   sortComparator: d
 }) {
   var M;
-  const g = () => c && (x == null ? void 0 : x.markAsRead()), { chatSDK: p, logger: E, dispatcher: y } = q(), { channel: x, channelFetchError: b, fetchChannel: f } = Ks(t), m = is(p, x, {
+  const g = () => c && (x == null ? void 0 : x.markAsRead()), { chatSDK: p, logger: E, dispatcher: y } = K(), { channel: x, channelFetchError: b, fetchChannel: f } = qs(t), m = is(p, x, {
     shouldCountNewMessages: () => !1,
     onChannelDeleted: n,
     onMessagesReceived: (C) => o == null ? void 0 : o(C),
@@ -1403,8 +1403,8 @@ function qs({
   };
   return /* @__PURE__ */ r.createElement(js, { value: _ }, e);
 }
-function Ks(e) {
-  const { chatSDK: t, logger: n } = q(), [o, s] = T(void 0), [i, a] = T(void 0);
+function qs(e) {
+  const { chatSDK: t, logger: n } = K(), [o, s] = T(void 0), [i, a] = T(void 0);
   async function l() {
     if (n.debug("conversation.fetchChannel: start"), s(void 0), a(void 0), e)
       try {
@@ -1424,10 +1424,10 @@ function Ks(e) {
   };
 }
 function Zs(e) {
-  const { chatSDK: t } = q(), { activeChannel: n, setActiveChannel: o } = Wt(), s = Ut();
+  const { chatSDK: t } = K(), { activeChannel: n, setActiveChannel: o } = Wt(), s = Ut();
   U(() => {
     if (!e || !n) return;
-    const i = new gt({
+    const i = new mt({
       onReconnectSucceeded: async () => {
         var l;
         const a = await e.refresh();
@@ -1482,7 +1482,7 @@ class Ys {
       onChannelDeleted: (p) => {
         this._removeChannelsFromView([p]);
       }
-    }), this._connectionHandler = new gt({
+    }), this._connectionHandler = new mt({
       onReconnectSucceeded: () => {
         this._isDefaultChangelogSyncTimestampUpdated && this._syncChannelChangelogs();
       }
@@ -1707,7 +1707,7 @@ function Js(e, t) {
         a(B);
       }
   }, [d]);
-  return U(() => (e.addConnectionHandler(n, new gt({ onConnected: () => E() })), () => e.removeConnectionHandler(n)), [e, n, E]), U(() => {
+  return U(() => (e.addConnectionHandler(n, new mt({ onConnected: () => E() })), () => e.removeConnectionHandler(n)), [e, n, E]), U(() => {
     E();
   }, [E]), U(() => () => {
     p.current = !1, d == null || d.dispose();
@@ -1727,7 +1727,7 @@ function ei({
   children: n
 }) {
   var p, E;
-  const { chatSDK: o, aiAgentId: s, queryParams: i } = q(), a = {
+  const { chatSDK: o, aiAgentId: s, queryParams: i } = K(), a = {
     aiAgentIds: [s],
     aiAgentConversationStatusFilter: [X.CLOSED, X.OPEN]
   }, l = e ?? ((p = i == null ? void 0 : i.conversationListParams) == null ? void 0 : p.limit), c = {
@@ -1808,7 +1808,7 @@ function ri({ children: e, internalVariables: t }) {
   };
   return /* @__PURE__ */ r.createElement(ni, { value: c }, e);
 }
-const bt = {
+const ft = {
   VARIABLE: (e) => new RegExp(`\\{${e}\\}`, "g"),
   VIEW_VARIABLE: (e) => new RegExp(`"{@${e}}"`, "g")
 };
@@ -1817,7 +1817,7 @@ function Ae({ uiTemplateString: e, variables: t = {} }) {
   return Gt({
     template: e,
     variables: n,
-    variableKeyPattern: (o) => bt.VARIABLE(o)
+    variableKeyPattern: (o) => ft.VARIABLE(o)
   });
 }
 function Ie({
@@ -1828,7 +1828,7 @@ function Ie({
   return Gt({
     template: t,
     variables: n,
-    variableKeyPattern: (o) => bt.VARIABLE(o),
+    variableKeyPattern: (o) => ft.VARIABLE(o),
     variableValueTransformer: (o) => Ls(e, o)
   });
 }
@@ -1844,7 +1844,7 @@ function oi({
   return [...new Set(l)].some((d) => !i(d)) ? null : Gt({
     template: t,
     variables: n,
-    variableKeyPattern: (d) => bt.VIEW_VARIABLE(d),
+    variableKeyPattern: (d) => ft.VIEW_VARIABLE(d),
     variableValueTransformer: (d) => {
       const g = d.map(({ key: p, variables: E }) => {
         const y = i(p), { ui_template: x, color_variables: b } = Ze(y);
@@ -1863,7 +1863,7 @@ function oi({
         }), f = Ae({
           uiTemplateString: f,
           variables: E
-        }), ft(f);
+        }), pt(f);
       });
       return JSON.stringify(g);
     }
@@ -1880,7 +1880,7 @@ async function si({
   return Rs({
     template: t,
     variables: n,
-    variableKeyPattern: (a) => bt.VIEW_VARIABLE(a),
+    variableKeyPattern: (a) => ft.VIEW_VARIABLE(a),
     variableValueTransformer: async (a) => {
       const l = a.map(async ({ key: d, variables: g }) => {
         const p = await i(d), { ui_template: E, color_variables: y } = Ze(p);
@@ -1899,7 +1899,7 @@ async function si({
         }), x = Ae({
           uiTemplateString: x,
           variables: g
-        }), ft(x);
+        }), pt(x);
       }), c = await Promise.all(l);
       return JSON.stringify(c);
     }
@@ -1923,7 +1923,7 @@ const ii = ({
     if (c === null) return null;
     a = c;
   }
-  return a = Ae({ ...o, uiTemplateString: a, variables: n }), a = Ie({ ...o, uiTemplateString: a, colorVariables: i }), a = Ie({ ...o, uiTemplateString: a, colorVariables: t }), a = Ae({ ...o, uiTemplateString: a }), ft(a);
+  return a = Ae({ ...o, uiTemplateString: a, variables: n }), a = Ie({ ...o, uiTemplateString: a, colorVariables: i }), a = Ie({ ...o, uiTemplateString: a, colorVariables: t }), a = Ae({ ...o, uiTemplateString: a }), pt(a);
 }, ai = async ({
   rawTemplate: e,
   aiAgentColorVariables: t,
@@ -1937,7 +1937,7 @@ const ii = ({
     uiTemplateString: a,
     aiAgentColorVariables: t,
     internalVariables: n
-  })), a = Ae({ ...o, uiTemplateString: a, variables: n }), a = Ie({ ...o, uiTemplateString: a, colorVariables: i }), a = Ie({ ...o, uiTemplateString: a, colorVariables: t }), a = Ae({ ...o, uiTemplateString: a }), ft(a);
+  })), a = Ae({ ...o, uiTemplateString: a, variables: n }), a = Ie({ ...o, uiTemplateString: a, colorVariables: i }), a = Ie({ ...o, uiTemplateString: a, colorVariables: t }), a = Ae({ ...o, uiTemplateString: a }), pt(a);
 }, li = (e) => {
   const { aiAgentColorVariables: t = {} } = e, { internalVariables: n } = gr();
   return T(() => {
@@ -1965,7 +1965,7 @@ const ii = ({
   }).value;
 }, di = "remove_powered_by", jt = (e, t) => {
   var s, i;
-  const { chatSDK: n } = q(), { aiAgentInfo: o } = Wt();
+  const { chatSDK: n } = K(), { aiAgentInfo: o } = Wt();
   if (e === "handoff-button") {
     const a = !!((s = t == null ? void 0 : t.conversation) != null && s.handoff);
     return !!(t != null && t.isAIAgent) && !!(o != null && o.showHandoffButton) && a && At(t);
@@ -1974,7 +1974,7 @@ const ii = ({
     return !!(t != null && t.isAIAgent) && !!(o != null && o.specialNoticeEnabled) && !!(o != null && o.specialNotice);
   if (e === "powered-by") {
     const a = (i = n == null ? void 0 : n.appInfo) == null ? void 0 : i.applicationAttributes;
-    return oe(() => !(Array.isArray(a) && a.includes(di)), [a]);
+    return ne(() => !(Array.isArray(a) && a.includes(di)), [a]);
   }
   throw new Error("Unsupported feature");
 }, ui = {
@@ -2112,7 +2112,7 @@ const xi = (e, t = {}) => {
     return e.fields.forEach((f) => {
       b[f.key] = Sn(f);
     }), b;
-  }), d = oe(() => e.submitted_at ? "submitted" : e.canceled_at ? "canceled" : "draft", [e.submitted_at, e.canceled_at]);
+  }), d = ne(() => e.submitted_at ? "submitted" : e.canceled_at ? "canceled" : "draft", [e.submitted_at, e.canceled_at]);
   U(() => {
     if (d === "submitted" || d === "canceled") {
       const b = {};
@@ -2214,7 +2214,7 @@ const vi = /* @__PURE__ */ new Set(["free_text", "single_choice"]), yi = ({ csat
     csat: n,
     csatReason: o,
     isResolved: s
-  }), [l, c] = Tn({ followUpItem: !1 }), d = oe(() => {
+  }), [l, c] = Tn({ followUpItem: !1 }), d = ne(() => {
     var b;
     const y = i.csat;
     if (typeof y != "number") return;
@@ -2348,8 +2348,8 @@ const vi = /* @__PURE__ */ new Set(["free_text", "single_choice"]), yi = ({ csat
   FILE_UPLOAD_NO_SUPPORTED_FILES: e.conversation.file_upload_no_supported_files
 }), Ti = (e) => {
   var t;
-  return ((t = e.split("-")) == null ? void 0 : t[0]) ?? Et;
-}, Et = "en", wi = /* @__PURE__ */ new Set([Et, "ko", "es", "pt", "fr", "hi", "it", "de", "tr", "ja"]), Ai = (e, t, n) => {
+  return ((t = e.split("-")) == null ? void 0 : t[0]) ?? bt;
+}, bt = "en", wi = /* @__PURE__ */ new Set([bt, "ko", "es", "pt", "fr", "hi", "it", "de", "tr", "ja"]), Ai = (e, t, n) => {
   const o = e[t];
   return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((s, i) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -2418,25 +2418,25 @@ const vi = /* @__PURE__ */ new Set(["free_text", "single_choice"]), yi = ({ csat
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE: wn.DATE_FORMAT__DATE_SHORT,
   /** @deprecated Unused string **/
   DATE_FORMAT__CONVERSATION_LIST__LIST_ITEM_TITLE_CAPTION: "h:mma"
-}, ct = {
+}, lt = {
   language: Lt.language,
   dateLocale: Lt.dateLocale,
   stringSet: Ii
 }, ki = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ct
-}, Symbol.toStringTag, { value: "Module" })), Dt = /* @__PURE__ */ new Map([[Et, ct]]);
+  default: lt
+}, Symbol.toStringTag, { value: "Module" })), Dt = /* @__PURE__ */ new Map([[bt, lt]]);
 async function $i(e) {
   const t = Dt.get(e);
   if (t) return t;
   try {
     if (wi.has(e)) {
-      const { default: n } = await Ai(/* @__PURE__ */ Object.assign({ "./languages/de.ts": () => import("./D4G3q1WL.js"), "./languages/en.ts": () => Promise.resolve().then(() => ki), "./languages/es.ts": () => import("./CjiYaXB3.js"), "./languages/fr.ts": () => import("./DlPxWJIs.js"), "./languages/hi.ts": () => import("./BoikxJUJ.js"), "./languages/it.ts": () => import("./By_mXjKX.js"), "./languages/ja.ts": () => import("./CwLgdNGh.js"), "./languages/ko.ts": () => import("./DbEkY11E.js"), "./languages/pt.ts": () => import("./BDRrsdhG.js"), "./languages/tr.ts": () => import("./D9rtgPyE.js") }), `./languages/${e}.ts`, 3);
+      const { default: n } = await Ai(/* @__PURE__ */ Object.assign({ "./languages/de.ts": () => import("./COQAzIHI.js"), "./languages/en.ts": () => Promise.resolve().then(() => ki), "./languages/es.ts": () => import("./C6vOGiIu.js"), "./languages/fr.ts": () => import("./CZ5XB3_M.js"), "./languages/hi.ts": () => import("./Cuc2OM1P.js"), "./languages/it.ts": () => import("./y25h84Bm.js"), "./languages/ja.ts": () => import("./BJqjKYMT.js"), "./languages/ko.ts": () => import("./D2fhWy8O.js"), "./languages/pt.ts": () => import("./blAWi6rU.js"), "./languages/tr.ts": () => import("./JFVl5qNU.js") }), `./languages/${e}.ts`, 3);
       return Dt.set(e, n), n;
     }
-    return ct;
+    return lt;
   } catch {
-    return ct;
+    return lt;
   }
 }
 const {
@@ -2448,7 +2448,7 @@ const {
   stringSet: n,
   children: o
 }) => {
-  const [s, i] = T(Dt.get(Et));
+  const [s, i] = T(Dt.get(bt));
   return U(() => {
     const a = Ti(e);
     s.language !== a && (t == null || t.debug("localization.useEffect: update language", { from: s.language, to: a }), $i(a).then(i));
@@ -2464,11 +2464,11 @@ const {
     },
     o
   );
-}, dt = "data-sb-agent-theme", An = (e) => (t, ...n) => {
+}, ct = "data-sb-agent-theme", An = (e) => (t, ...n) => {
   let o = "";
   return t.forEach((s, i) => {
     o += s + (n[i] ?? "");
-  }), `[${dt}='${e}'] & { ${o} }`;
+  }), `[${ct}='${e}'] & { ${o} }`;
 }, N = {
   light: An("light"),
   dark: An("dark")
@@ -2524,7 +2524,7 @@ const {
       --sendbird-overlay-light: ${t.overlay.light};
     }
   `;
-}), Di = k`[${dt}='light'] &{--sb-text-high-emphasis:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled:var(--sendbird-onlight-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-ondark-text-disabled);--sb-bg-50-600:var(--sendbird-background-50);--sb-bg-100-500:var(--sendbird-background-100);--sb-bg-200-400:var(--sendbird-background-200);--sb-primary:var(--sendbird-primary-main);--sb-secondary:var(--sendbird-secondary-main);--sb-error:var(--sendbird-error-main);--sb-information:var(--sendbird-information-light);}[${dt}='dark'] &{--sb-text-high-emphasis:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled:var(--sendbird-ondark-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-onlight-text-disabled);--sb-bg-50-600:var(--sendbird-background-600);--sb-bg-100-500:var(--sendbird-background-500);--sb-bg-200-400:var(--sendbird-background-400);--sb-primary:var(--sendbird-primary-light);--sb-secondary:var(--sendbird-secondary-light);--sb-error:var(--sendbird-error-light);--sb-information:var(--sendbird-information-light);}`, u = {
+}), Di = k`[${ct}='light'] &{--sb-text-high-emphasis:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled:var(--sendbird-onlight-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-ondark-text-disabled);--sb-bg-50-600:var(--sendbird-background-50);--sb-bg-100-500:var(--sendbird-background-100);--sb-bg-200-400:var(--sendbird-background-200);--sb-primary:var(--sendbird-primary-main);--sb-secondary:var(--sendbird-secondary-main);--sb-error:var(--sendbird-error-main);--sb-information:var(--sendbird-information-light);}[${ct}='dark'] &{--sb-text-high-emphasis:var(--sendbird-ondark-text-high-emphasis);--sb-text-mid-emphasis:var(--sendbird-ondark-text-mid-emphasis);--sb-text-low-emphasis:var(--sendbird-ondark-text-low-emphasis);--sb-text-disabled:var(--sendbird-ondark-text-disabled);--sb-text-high-emphasis-inverse:var(--sendbird-onlight-text-high-emphasis);--sb-text-mid-emphasis-inverse:var(--sendbird-onlight-text-mid-emphasis);--sb-text-low-emphasis-inverse:var(--sendbird-onlight-text-low-emphasis);--sb-text-disabled-inverse:var(--sendbird-onlight-text-disabled);--sb-bg-50-600:var(--sendbird-background-600);--sb-bg-100-500:var(--sendbird-background-500);--sb-bg-200-400:var(--sendbird-background-400);--sb-primary:var(--sendbird-primary-light);--sb-secondary:var(--sendbird-secondary-light);--sb-error:var(--sendbird-error-light);--sb-information:var(--sendbird-information-light);}`, u = {
   color: {
     primary: {
       dark: "var(--sendbird-primary-dark)",
@@ -2587,7 +2587,7 @@ function Ni(e) {
 function Bi({ rootElement: e = document.body, children: t }) {
   const { theme: n, updateTheme: o } = zt();
   return Ce(() => {
-    e.setAttribute(dt, n.selectedTheme);
+    e.setAttribute(ct, n.selectedTheme);
   }, [e, n.selectedTheme]), /* @__PURE__ */ r.createElement(fo, { theme: n }, /* @__PURE__ */ r.createElement(Ri, { value: { theme: n, updateTheme: o, rootElement: e } }, t));
 }
 function $e(e, t) {
@@ -2610,10 +2610,10 @@ const Fi = (e, t) => {
     let a = s.querySelector(`style#${i}`);
     a ? a.textContent !== e && (a.textContent = e) : (a = s.ownerDocument.createElement("style"), a.id = i, a.textContent = e, s.appendChild(a));
   }, [e, t]);
-}, qt = /iPad|iPhone|iPod/.test(navigator.userAgent), Ui = /Android/.test(navigator.userAgent), je = (e) => qt || Ui, {
+}, Kt = /iPad|iPhone|iPod/.test(navigator.userAgent), Ui = /Android/.test(navigator.userAgent), je = (e) => Kt || Ui, {
   Provider: Hi,
   Consumer: br,
-  useContext: K
+  useContext: q
 } = J("Messenger");
 function Vi({
   children: e,
@@ -2646,12 +2646,12 @@ function Vi({
 }
 const {
   Provider: zi,
-  useContext: ne
+  useContext: te
 } = J("MessengerSession"), Gi = We(function({ children: e, ...t }, n) {
   return /* @__PURE__ */ r.createElement(Fs, { ref: n, ...t }, (o) => /* @__PURE__ */ r.createElement(Wi, { ...o }, e));
 }), Wi = ({ children: e, ...t }) => {
-  const { chatSDK: n, logger: o, appId: s, aiAgentId: i, agentPreviewConfigs: a, state: l, handlers: c } = K(), { userSessionInfo: d, authenticate: g, setActiveChannel: p, userSession: E, aiAgentInfo: y, launcherInfo: x } = t, b = z(null);
-  return pt(n, {
+  const { chatSDK: n, logger: o, appId: s, aiAgentId: i, agentPreviewConfigs: a, state: l, handlers: c } = q(), { userSessionInfo: d, authenticate: g, setActiveChannel: p, userSession: E, aiAgentInfo: y, launcherInfo: x } = t, b = z(null);
+  return ht(n, {
     async onUserJoined(f, m) {
       var _, M, C;
       if (f.conversation && f.conversation.type === To.PROACTIVE && m.userId === ((_ = n.currentUser) == null ? void 0 : _.userId)) {
@@ -2689,7 +2689,7 @@ function ji({ sound: e }) {
     new Audio(s.default).play();
   });
 }
-const ce = (e) => {
+const ae = (e) => {
   const t = e;
   return typeof t == "number" ? `${t}px` : t;
 }, I = ({
@@ -2709,17 +2709,17 @@ const ce = (e) => {
     $maxTextLines: o,
     ...i
   }
-), In = /* @__PURE__ */ new WeakMap(), qi = (e, t) => {
+), In = /* @__PURE__ */ new WeakMap(), Ki = (e, t) => {
   let n = In.get(t);
   n || (n = /* @__PURE__ */ new Map(), In.set(t, n));
   const o = n.get(e);
   if (o) return o;
-  const s = t[e] ?? t.body1, i = k`font-size:${ce(s.fontSize)};font-weight:${s.fontWeight};${s.fontFamily ? `font-family: ${s.fontFamily};` : ""}
+  const s = t[e] ?? t.body1, i = k`font-size:${ae(s.fontSize)};font-weight:${s.fontWeight};${s.fontFamily ? `font-family: ${s.fontFamily};` : ""}
     ${s.lineHeight ? `line-height: ${s.lineHeight};` : "line-height: 100%;"}
   `;
   return n.set(e, i), i;
-}, Ki = (e) => e ? k`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:${e};overflow:hidden;` : "", Zi = h.span`font-stretch:normal;letter-spacing:normal;${({ $variant: e, theme: t }) => qi(e, t.typography)}color:${({ $color: e }) => e};${({ $maxTextLines: e }) => Ki(e)}`;
-class ut extends so {
+}, qi = (e) => e ? k`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:${e};overflow:hidden;` : "", Zi = h.span`font-stretch:normal;letter-spacing:normal;${({ $variant: e, theme: t }) => Ki(e, t.typography)}color:${({ $color: e }) => e};${({ $maxTextLines: e }) => qi(e)}`;
+class dt extends so {
   constructor(t) {
     super(t), this.state = {
       hasError: !1
@@ -2796,23 +2796,23 @@ const Yi = (e) => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3
       $size: t,
       $color: o ?? u.color.primary.main
     },
-    /* @__PURE__ */ r.createElement(ut, { errorFallback: /* @__PURE__ */ r.createElement(sa, null) }, /* @__PURE__ */ r.createElement(s, null))
+    /* @__PURE__ */ r.createElement(dt, { errorFallback: /* @__PURE__ */ r.createElement(sa, null) }, /* @__PURE__ */ r.createElement(s, null))
   );
-}, ra = k`[dir='rtl'] &{transform:scaleX(-1);}`, oa = h.div`width:${({ $size: e }) => ce(e)};height:${({ $size: e }) => ce(e)};display:inline-block;&:focus{outline:none;}svg{display:block;}[class*='fill']{fill:${({ $color: e }) => e};}[class*='stroke']{stroke:${({ $color: e }) => e};stroke-width:2px;stroke-linejoin:round;}${({ $rtlFlip: e }) => e && ra};`, sa = () => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64" }, /* @__PURE__ */ r.createElement("rect", { x: "8", y: "8", width: "48", height: "48", fill: "none", className: "stroke", rx: "4" }), /* @__PURE__ */ r.createElement("line", { x1: "20", y1: "20", x2: "44", y2: "44", className: "stroke" }), /* @__PURE__ */ r.createElement("line", { x1: "44", y1: "20", x2: "20", y2: "44", className: "stroke" }));
-function Kt({
+}, ra = k`[dir='rtl'] &{transform:scaleX(-1);}`, oa = h.div`width:${({ $size: e }) => ae(e)};height:${({ $size: e }) => ae(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 && ra};`, sa = () => /* @__PURE__ */ r.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64" }, /* @__PURE__ */ r.createElement("rect", { x: "8", y: "8", width: "48", height: "48", fill: "none", className: "stroke", rx: "4" }), /* @__PURE__ */ r.createElement("line", { x1: "20", y1: "20", x2: "44", y2: "44", className: "stroke" }), /* @__PURE__ */ r.createElement("line", { x1: "44", y1: "20", x2: "20", y2: "44", className: "stroke" }));
+function qt({
   name: e,
   type: t = "FILE",
   iconColor: n,
   iconBackgroundColor: o,
   onClick: s
 }) {
-  const { colors: i } = ht();
+  const { colors: i } = gt();
   return /* @__PURE__ */ r.createElement(ia, { onClick: s, $clickable: !!s }, /* @__PURE__ */ r.createElement(la, { $bgColor: o ?? i.base.primary }, /* @__PURE__ */ r.createElement(D, { type: "file-document", size: 24, color: n ?? i.base.primaryContrastContent })), /* @__PURE__ */ r.createElement(ca, null, /* @__PURE__ */ r.createElement(da, { variant: "button", color: u.themedColor.textHighEmphasis }, e), /* @__PURE__ */ r.createElement(I, { color: u.themedColor.textMidEmphasis, variant: "caption3" }, t)));
 }
 const ia = h.div`border-radius:12px;gap:8px;width:${F.BODY_MAX_WIDTH}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${u.themedColor.textDisabled};background-color:${u.themedColor.bg_50_600};${({ $clickable: e }) => e && aa}`, aa = k`cursor:pointer;&:hover{background-color:${u.themedColor.bg_100_500};}`, la = h.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({ $bgColor: e }) => e};`, ca = h.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`, da = h(I)`text-overflow:ellipsis;white-space:nowrap;overflow:hidden;`;
 function ua({ file: e, children: t, onClickFile: n }) {
   return /* @__PURE__ */ r.createElement(ma, null, /* @__PURE__ */ r.createElement(
-    Kt,
+    qt,
     {
       name: e.name,
       type: Ht(e.name, e.type),
@@ -2820,11 +2820,11 @@ function ua({ file: e, children: t, onClickFile: n }) {
     }
   ), t);
 }
-const ma = h.div`display:flex;flex-direction:column;align-items:flex-start;gap:${F.GAP_GROUPED}px;`, ie = "sb-agent", ae = {
-  ENTRY: `${ie}-entry`,
-  MODAL_ROOT: `${ie}-modal-root`,
-  WINDOW: `${ie}-window`,
-  LAUNCHER: `${ie}-launcher`
+const ma = h.div`display:flex;flex-direction:column;align-items:flex-start;gap:${F.GAP_GROUPED}px;`, oe = "sb-agent", se = {
+  ENTRY: `${oe}-entry`,
+  MODAL_ROOT: `${oe}-modal-root`,
+  WINDOW: `${oe}-window`,
+  LAUNCHER: `${oe}-launcher`
 }, nt = 2147483647, Oe = {
   MODAL: nt - 1,
   // FIXME: need to cover the case where the tooltip is on the top of the modal
@@ -2834,7 +2834,7 @@ const ma = h.div`display:flex;flex-direction:column;align-items:flex-start;gap:$
 }, Er = {
   DEFAULT_PRIMARY: "#742ddd",
   WHITE: "#ffffff"
-}, xr = 36, ga = 100, Zt = "noopener noreferrer nofollow", be = `${ie}-incoming-msg`, ha = `${ie}-marked-text`;
+}, xr = 36, ga = 100, Zt = "noopener noreferrer nofollow", be = `${oe}-incoming-msg`, ha = `${oe}-marked-text`;
 function pa({ file: e, onClickMedia: t, children: n }) {
   const o = () => e.type.startsWith("image") ? /* @__PURE__ */ r.createElement(Ea, { src: e.url, alt: "image-message" }) : e.type.startsWith("video") ? /* @__PURE__ */ r.createElement(xa, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: e.url }), /* @__PURE__ */ r.createElement("track", { kind: "captions" })) : null;
   if (o) {
@@ -2855,19 +2855,19 @@ const fa = h.div`display:flex;flex-direction:column;align-items:flex-start;gap:$
 `, Ea = h.img`width:100%;height:100%;object-fit:cover;`, xa = h.video`width:100%;height:100%;object-fit:cover;`, va = "✱", vr = (e) => {
   const t = new RegExp(`(\`+)([^\`]+?)\\1|(${va}+)`, "g");
   return e.replace(t, (n, o, s, i) => o ? n : i ? `<span id=${ha} aria-label="masked-text">${i}</span>` : n);
-}, ya = (e) => e.replace(/\*\*(.*?)\*\*/g, "<b>$1</b>"), _a = L(async () => ({ default: (await import("./DSLWWi3o.js")).MarkdownText })), Ca = L(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
+}, ya = (e) => e.replace(/\*\*(.*?)\*\*/g, "<b>$1</b>"), _a = L(async () => ({ default: (await import("./22f1cDnj.js")).MarkdownText })), Ca = L(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
 function kn(e) {
   var s, i;
-  const t = e.maxBodyWidth ?? F.BODY_MAX_WIDTH, n = oe(() => Zo(e.message, vr), [e.message]), o = {
+  const t = e.maxBodyWidth ?? F.BODY_MAX_WIDTH, n = ne(() => Zo(e.message, vr), [e.message]), o = {
     id: `${be}-text-body`,
     $maxWidth: t,
     $color: (s = e.customStyle) == null ? void 0 : s.bubbleContentColor,
     $bgColor: (i = e.customStyle) == null ? void 0 : i.bubbleBackgroundColor
   };
-  return n.length === 0 ? e.children ? /* @__PURE__ */ r.createElement($n, { ...o }, e.children) : null : /* @__PURE__ */ r.createElement($n, { ...o }, n.map((a, l) => a.type === "text" ? /* @__PURE__ */ r.createElement(Mn, { key: l, variant: "body3" }, /* @__PURE__ */ r.createElement(ut, { fallback: a.value }, /* @__PURE__ */ r.createElement(_a, { onClickImage: (c) => {
+  return n.length === 0 ? e.children ? /* @__PURE__ */ r.createElement($n, { ...o }, e.children) : null : /* @__PURE__ */ r.createElement($n, { ...o }, n.map((a, l) => a.type === "text" ? /* @__PURE__ */ r.createElement(Mn, { key: l, variant: "body3" }, /* @__PURE__ */ r.createElement(dt, { fallback: a.value }, /* @__PURE__ */ r.createElement(_a, { onClickImage: (c) => {
     var d;
     return (d = e.onClickMedia) == null ? void 0 : d.call(e, { url: c, type: "image/*" });
-  } }, a.value))) : a.type === "code" ? /* @__PURE__ */ r.createElement(ut, { key: l, fallback: /* @__PURE__ */ r.createElement(Mn, { variant: "body3" }, a.value) }, /* @__PURE__ */ r.createElement(Ca, { code: a.value, language: a.language })) : null), e.children);
+  } }, a.value))) : a.type === "code" ? /* @__PURE__ */ r.createElement(dt, { key: l, fallback: /* @__PURE__ */ r.createElement(Mn, { variant: "body3" }, a.value) }, /* @__PURE__ */ r.createElement(Ca, { code: a.value, language: a.language })) : null), e.children);
 }
 const $n = h.div`display:flex;flex-direction:column;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e, $color: t, $bgColor: n }) => k`
     color: ${t || e.colors.messageIncoming.text};
@@ -2888,7 +2888,7 @@ function Sa(e) {
   return /* @__PURE__ */ r.createElement(kn, { ...e, message: t.UNKNOWN__UNKNOWN_MESSAGE_TYPE });
 }
 function Yt({ id: e, src: t, size: n = 56, onClick: o, style: s }) {
-  return /* @__PURE__ */ r.createElement(Ta, { id: e, tabIndex: 0, onClick: o, $size: ce(n), style: s }, t ? /* @__PURE__ */ r.createElement(wa, { src: t }) : /* @__PURE__ */ r.createElement(D, { type: "user", size: n }));
+  return /* @__PURE__ */ r.createElement(Ta, { id: e, tabIndex: 0, onClick: o, $size: ae(n), style: s }, t ? /* @__PURE__ */ r.createElement(wa, { src: t }) : /* @__PURE__ */ r.createElement(D, { type: "user", size: n }));
 }
 const Ta = h.div`border-radius:50%;display:inline-block;overflow:hidden;position:relative;flex-shrink:0;height:${(e) => e.$size};width:${(e) => e.$size};background-color:${u.themedColor.bg_100_500};&:focus{outline:none;}`, wa = h.img`object-fit:cover;width:100%;height:100%;position:absolute;`;
 function Aa({ sender: e, isBotMessage: t }) {
@@ -2939,16 +2939,16 @@ function Fa({
     /* @__PURE__ */ r.createElement(Va, { variant: "body3", color: o.colors.messageIncoming.text }, i.title)
   ))));
 }
-const Pa = h.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;padding:8px 12px 6px;`, Ua = h(I)`opacity:0.5;`, Ha = h.div`display:flex;flex-direction:column;gap:8px;`, Va = h(I)`text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, za = h.div`display:flex;align-items:center;gap:4px;cursor:pointer;&:hover{opacity:0.5;}`, xt = ({ style: e, rootElementId: t, visible: n, onClose: o, children: s }) => {
+const Pa = h.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;padding:8px 12px 6px;`, Ua = h(I)`opacity:0.5;`, Ha = h.div`display:flex;flex-direction:column;gap:8px;`, Va = h(I)`text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, za = h.div`display:flex;align-items:center;gap:4px;cursor:pointer;&:hover{opacity:0.5;}`, Et = ({ style: e, rootElementId: t, visible: n, onClose: o, children: s }) => {
   if (!n) return null;
   const { rootElement: i } = fr(), a = $e(i), l = $e(i, !0);
   return Mo(
     /* @__PURE__ */ r.createElement(Ga, { onClick: o, style: e }, /* @__PURE__ */ r.createElement(Wa, { onClick: (c) => c.stopPropagation() }, s)),
-    a.getElementById(t) ?? a.getElementById(ae.MODAL_ROOT) ?? l.body
+    a.getElementById(t) ?? a.getElementById(se.MODAL_ROOT) ?? l.body
   );
-}, Ga = h.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${u.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${Oe.MODAL};`, Wa = h.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:${Oe.MODAL};`, ja = ({ visible: e, onClose: t, children: n }) => /* @__PURE__ */ r.createElement(xt, { rootElementId: ae.WINDOW, visible: e, onClose: t }, /* @__PURE__ */ r.createElement(Za, null, n)), qa = ({ onClick: e, destructive: t, children: n }) => /* @__PURE__ */ r.createElement(Ka, { onClick: e, $destructive: t }, n), Pe = Object.assign(ja, {
-  ActionItem: qa
-}), Ka = h.button`all:unset;width:100%;padding:14px 24px;text-align:start;cursor:pointer;color:${({ $destructive: e }) => e ? u.themedColor.error : u.themedColor.textHighEmphasis};`, Za = h.div`position:absolute;left:0;right:0;bottom:0;border-radius:12px 12px 0 0;flex-direction:column;align-items:flex-end;margin:0 auto;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, Rt = (e) => `${e}-filled`, Ya = (e) => e === "good" ? hn.GOOD : hn.BAD, yr = k`&:hover{opacity:0.8;}&:active{opacity:0.6;}`, On = {
+}, Ga = h.div`position:fixed;top:0;left:0;width:100%;height:100%;background:${u.color.overlay.dark};display:flex;justify-content:center;align-items:center;z-index:${Oe.MODAL};`, Wa = h.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:${Oe.MODAL};`, ja = ({ visible: e, onClose: t, children: n }) => /* @__PURE__ */ r.createElement(Et, { rootElementId: se.WINDOW, visible: e, onClose: t }, /* @__PURE__ */ r.createElement(Za, null, n)), Ka = ({ onClick: e, destructive: t, children: n }) => /* @__PURE__ */ r.createElement(qa, { onClick: e, $destructive: t }, n), Pe = Object.assign(ja, {
+  ActionItem: Ka
+}), qa = h.button`all:unset;width:100%;padding:14px 24px;text-align:start;cursor:pointer;color:${({ $destructive: e }) => e ? u.themedColor.error : u.themedColor.textHighEmphasis};`, Za = h.div`position:absolute;left:0;right:0;bottom:0;border-radius:12px 12px 0 0;flex-direction:column;align-items:flex-end;margin:0 auto;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, Rt = (e) => `${e}-filled`, Ya = (e) => e === "good" ? hn.GOOD : hn.BAD, yr = k`&:hover{opacity:0.8;}&:active{opacity:0.6;}`, On = {
   good: u.themedColor.secondary,
   bad: u.themedColor.error
 }, Xa = ({
@@ -2969,7 +2969,7 @@ const Pa = h.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;pa
   }, y = () => {
     t();
   };
-  return e ? /* @__PURE__ */ r.createElement(xt, { rootElementId: ae.WINDOW, visible: e, onClose: y }, /* @__PURE__ */ r.createElement(Ja, null, /* @__PURE__ */ r.createElement(Qa, null, /* @__PURE__ */ r.createElement(I, { variant: "h2", color: u.themedColor.textHighEmphasis }, l.FEEDBACK_TITLE)), /* @__PURE__ */ r.createElement(el, null, /* @__PURE__ */ r.createElement(tl, null, ["good", "bad"].map((x) => {
+  return e ? /* @__PURE__ */ r.createElement(Et, { rootElementId: se.WINDOW, visible: e, onClose: y }, /* @__PURE__ */ r.createElement(Ja, null, /* @__PURE__ */ r.createElement(Qa, null, /* @__PURE__ */ r.createElement(I, { variant: "h2", color: u.themedColor.textHighEmphasis }, l.FEEDBACK_TITLE)), /* @__PURE__ */ r.createElement(el, null, /* @__PURE__ */ r.createElement(tl, null, ["good", "bad"].map((x) => {
     const b = c === x, f = x === "good" ? l.FEEDBACK_GOOD : l.FEEDBACK_BAD;
     return /* @__PURE__ */ r.createElement(
       nl,
@@ -3085,7 +3085,7 @@ const Dn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
   const a = () => {
     s == null || s(), i();
   };
-  return /* @__PURE__ */ r.createElement(xt, { rootElementId: ae.WINDOW, visible: e, onClose: i }, /* @__PURE__ */ r.createElement(ml, null, /* @__PURE__ */ r.createElement(gl, null, t && /* @__PURE__ */ r.createElement(I, { variant: "h1", color: u.themedColor.textHighEmphasis }, t), n && /* @__PURE__ */ r.createElement(hl, null, /* @__PURE__ */ r.createElement(I, { variant: "subtitle2", color: u.themedColor.textHighEmphasis }, n))), /* @__PURE__ */ r.createElement(pl, null, /* @__PURE__ */ r.createElement(fl, { onClick: a }, /* @__PURE__ */ r.createElement(I, { variant: "button", color: u.themedColor.primary }, o)))));
+  return /* @__PURE__ */ r.createElement(Et, { rootElementId: se.WINDOW, visible: e, onClose: i }, /* @__PURE__ */ r.createElement(ml, null, /* @__PURE__ */ r.createElement(gl, null, t && /* @__PURE__ */ r.createElement(I, { variant: "h1", color: u.themedColor.textHighEmphasis }, t), n && /* @__PURE__ */ r.createElement(hl, null, /* @__PURE__ */ r.createElement(I, { variant: "subtitle2", color: u.themedColor.textHighEmphasis }, n))), /* @__PURE__ */ r.createElement(pl, null, /* @__PURE__ */ r.createElement(fl, { onClick: a }, /* @__PURE__ */ r.createElement(I, { variant: "button", color: u.themedColor.primary }, o)))));
 }, ml = h.div`width:100%;height:auto;padding-block:24px 12px;padding-inline:24px;margin:0 auto;border-radius:4px;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, gl = h.div`margin-bottom:16px;`, hl = h.div`margin-top:8px;`, pl = h.div`display:flex;flex-direction:row;justify-content:flex-end;`, fl = h.button`all:unset;display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:transparent;padding:10px 16px;`, Qt = k`width:100%;height:36px;border-radius:6px;cursor:pointer;transition:all 0.2s ease;padding:0 12px;border:none;outline:none;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, Nn = h.button`${Qt};background-color:${u.themedColor.primary};color:${u.themedColor.textHighEmphasis};&:hover:not(:disabled){opacity:0.9;}`, bl = h.button`${Qt};color:${u.themedColor.primary};${N.light`
     background-color: ${u.color.background50};
   `};
@@ -3328,8 +3328,8 @@ const Dn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
   &:focus {
     border-color: ${u.themedColor.primary};
   }
-`, Wl = h.input`${Sr};height:36px;${({ $error: e, $submitted: t }) => t ? Tr : e ? wr : Ar}`, jl = h.textarea`${Sr};height:96px;resize:none;font-family:inherit;${({ $error: e, $submitted: t }) => t ? Tr : e ? wr : Ar}`, ql = ({ children: e, className: t, style: n }) => /* @__PURE__ */ r.createElement(I, { variant: "button", color: u.themedColor.textHighEmphasis, className: t, style: n }, e), Z = {
-  Title: ql,
+`, Wl = h.input`${Sr};height:36px;${({ $error: e, $submitted: t }) => t ? Tr : e ? wr : Ar}`, jl = h.textarea`${Sr};height:96px;resize:none;font-family:inherit;${({ $error: e, $submitted: t }) => t ? Tr : e ? wr : Ar}`, Kl = ({ children: e, className: t, style: n }) => /* @__PURE__ */ r.createElement(I, { variant: "button", color: u.themedColor.textHighEmphasis, className: t, style: n }, e), Z = {
+  Title: Kl,
   Label: Cl,
   ErrorLabel: _l,
   Separator: zl,
@@ -3338,7 +3338,7 @@ const Dn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
   NumberInput: Sl,
   SingleSelect: Ul,
   MultiSelect: Hl
-}, Kl = 1, Zl = /* @__PURE__ */ new Set(["text", "number", "single-select", "multi-select"]), Yl = (e) => {
+}, ql = 1, Zl = /* @__PURE__ */ new Set(["text", "number", "single-select", "multi-select"]), Yl = (e) => {
   var f;
   const t = (f = e.extendedMessagePayload) == null ? void 0 : f.form;
   if (!t) throw new Error("Form is not provided");
@@ -3387,8 +3387,8 @@ const Dn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
     } finally {
       s((m) => ({ ...m, canceling: !1 }));
     }
-  }, b = oe(() => {
-    const m = () => t.version > Kl, v = () => t.fields.some((_) => !Zl.has(_.type));
+  }, b = ne(() => {
+    const m = () => t.version > ql, v = () => t.fields.some((_) => !Zl.has(_.type));
     return m() || v() ? { visible: !1, cancelable: !0, reason: n.FORM_NOT_SUPPORTED } : l === "draft" && (e.isHandedOff || e.isConversationClosed) ? { visible: !1, cancelable: !1, reason: n.FORM_UNAVAILABLE } : { visible: !0, cancelable: !0, reason: "" };
   }, [t.version, t.fields, l, e.isHandedOff, e.isConversationClosed]);
   return l === "canceled" ? null : b.visible ? /* @__PURE__ */ r.createElement(Yn, null, /* @__PURE__ */ r.createElement(Bn, { $maxWidth: e.maxBodyWidth ?? F.BODY_MAX_WIDTH }, /* @__PURE__ */ r.createElement(Z.Title, null, t.title), /* @__PURE__ */ r.createElement(Xl, null, c.map((m) => /* @__PURE__ */ r.createElement(Jl, { key: m.key }, /* @__PURE__ */ r.createElement(Z.Label, { style: { marginBottom: "6px" }, required: m.required }, m.label), m.type === "text" && /* @__PURE__ */ r.createElement(
@@ -3468,7 +3468,7 @@ const tc = /* @__PURE__ */ new Set(["default"]), { MessageTemplate: nc } = Ro({
 });
 function rc(e) {
   return /* @__PURE__ */ r.createElement(
-    ut,
+    dt,
     {
       errorFallback: e.messageTemplateErrorFallback,
       loadingFallback: e.messageTemplateLoadingFallback
@@ -3553,11 +3553,11 @@ function gc(e) {
 function Ir(e) {
   var E, y, x, b, f, m, v;
   const { components: t } = Ve.useContext(), n = !!e.isTyping, o = e.testerMode, s = !!((E = e.extendedMessagePayload) != null && E.form) && !((y = e.extendedMessagePayload) != null && y.form.canceled_at), i = !!((x = e.extendedMessagePayload) != null && x.message_template), a = !!((b = e.extendedMessagePayload) != null && b.cta_button), l = !!((f = e.extendedMessagePayload) != null && f.citations) && e.extendedMessagePayload.citations.length > 0, c = !!e.createdAt, d = e.groupType === "top" || e.groupType === "single", g = e.groupType === "bottom" || e.groupType === "single", p = o ? 0 : F.AVATAR_SIZE;
-  return /* @__PURE__ */ r.createElement(hc, { $marginBottom: n ? 0 : Vt(e.groupType) }, d && /* @__PURE__ */ r.createElement(pc, null, !o && /* @__PURE__ */ r.createElement(t.SenderAvatar, { ...e }), /* @__PURE__ */ r.createElement(t.SenderName, { ...e })), /* @__PURE__ */ r.createElement(bc, null, /* @__PURE__ */ r.createElement(St, { $extraStartPadding: p }, n ? /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }) : /* @__PURE__ */ r.createElement(t.MessageBody, { ...e }, a && /* @__PURE__ */ r.createElement("div", { style: { marginTop: 12, marginInline: 12 } }, /* @__PURE__ */ r.createElement(t.CTAButton, { ...e })), l && /* @__PURE__ */ r.createElement(t.Citation, { ...e }))), i && /* @__PURE__ */ r.createElement(Fn, { $startPadding: 0, $endPadding: 0 }, /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(hc, { $marginBottom: n ? 0 : Vt(e.groupType) }, d && /* @__PURE__ */ r.createElement(pc, null, !o && /* @__PURE__ */ r.createElement(t.SenderAvatar, { ...e }), /* @__PURE__ */ r.createElement(t.SenderName, { ...e })), /* @__PURE__ */ r.createElement(bc, null, /* @__PURE__ */ r.createElement(Ct, { $extraStartPadding: p }, n ? /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }) : /* @__PURE__ */ r.createElement(t.MessageBody, { ...e }, a && /* @__PURE__ */ r.createElement("div", { style: { marginTop: 12, marginInline: 12 } }, /* @__PURE__ */ r.createElement(t.CTAButton, { ...e })), l && /* @__PURE__ */ r.createElement(t.Citation, { ...e }))), i && /* @__PURE__ */ r.createElement(Fn, { $startPadding: 0, $endPadding: 0 }, /* @__PURE__ */ r.createElement(
     t.MessageTemplate,
     {
       ...e,
-      messageTemplateErrorFallback: e.messageTemplateErrorFallback ?? /* @__PURE__ */ r.createElement(St, { $extraStartPadding: p }, /* @__PURE__ */ r.createElement(
+      messageTemplateErrorFallback: e.messageTemplateErrorFallback ?? /* @__PURE__ */ r.createElement(Ct, { $extraStartPadding: p }, /* @__PURE__ */ r.createElement(
         t.MessageBody,
         {
           ...e,
@@ -3565,7 +3565,7 @@ function Ir(e) {
           message: ((v = (m = e.extendedMessagePayload) == null ? void 0 : m.message_template) == null ? void 0 : v.fallback_message) ?? "Cannot read this template."
         }
       )),
-      messageTemplateLoadingFallback: e.messageTemplateLoadingFallback ?? /* @__PURE__ */ r.createElement(St, { $extraStartPadding: p }, /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }))
+      messageTemplateLoadingFallback: e.messageTemplateLoadingFallback ?? /* @__PURE__ */ r.createElement(Ct, { $extraStartPadding: p }, /* @__PURE__ */ r.createElement(t.TypingIndicator, { ...e }))
     }
   )), s && /* @__PURE__ */ r.createElement(Fn, { $extraStartPadding: p }, /* @__PURE__ */ r.createElement(t.Form, { ...e }))), g && c && /* @__PURE__ */ r.createElement(fc, { $extraStartPadding: p + 8 }, /* @__PURE__ */ r.createElement(t.SentTime, { ...e })), /* @__PURE__ */ r.createElement(Yn, null, !n && /* @__PURE__ */ r.createElement(Ye, { $extraStartPadding: p + 8 }, /* @__PURE__ */ r.createElement(t.Feedback, { ...e })), e.suggestedRepliesVisible && /* @__PURE__ */ r.createElement(t.SuggestedReplies, { ...e }), /* @__PURE__ */ r.createElement(t.MessageLogs, { ...e })));
 }
@@ -3573,7 +3573,7 @@ const hc = h.div`display:flex;flex-direction:column;align-items:flex-start;margi
 `, Ye = h.div`display:flex;align-self:stretch;justify-content:flex-start;${({ $startPadding: e = F.HORIZONTAL_PADDING, $endPadding: t = F.HORIZONTAL_PADDING, $extraStartPadding: n = 0 }) => `
     padding-inline: ${e + n}px ${t}px;
   `}
-`, pc = h(Ye)`display:flex;flex-direction:row;align-items:center;gap:8px;`, St = h(Ye)`display:flex;`, fc = h(Ye)`margin-top:${F.BODY_TIME_GAP}px;display:flex;align-items:flex-start;justify-content:flex-start;`, Fn = h(Ye)`display:flex;${({ $startPadding: e = F.HORIZONTAL_PADDING, $endPadding: t = F.HORIZONTAL_PADDING, $extraStartPadding: n = 0 }) => `
+`, pc = h(Ye)`display:flex;flex-direction:row;align-items:center;gap:8px;`, Ct = h(Ye)`display:flex;`, fc = h(Ye)`margin-top:${F.BODY_TIME_GAP}px;display:flex;align-items:flex-start;justify-content:flex-start;`, Fn = h(Ye)`display:flex;${({ $startPadding: e = F.HORIZONTAL_PADDING, $endPadding: t = F.HORIZONTAL_PADDING, $extraStartPadding: n = 0 }) => `
     padding-inline: ${e + n}px ${t}px;
   `}
 `, bc = h.div`display:flex;flex-direction:column;gap:${F.GAP_GROUPED}px;`;
@@ -3582,9 +3582,9 @@ function Ec({ file: e, children: t, onClickFile: n, sendingStatus: o }) {
     if (!(!n || o === "failed"))
       return () => n == null ? void 0 : n(e);
   })();
-  return /* @__PURE__ */ r.createElement(xc, null, /* @__PURE__ */ r.createElement(Kt, { name: e.name, type: Ht(e.name, e.type), onClick: s }), t);
+  return /* @__PURE__ */ r.createElement(xc, null, /* @__PURE__ */ r.createElement(qt, { name: e.name, type: Ht(e.name, e.type), onClick: s }), t);
 }
-const xc = h.div`display:flex;flex-direction:column;align-items:flex-end;gap:${F.GAP_GROUPED}px;`, en = ({ className: e, children: t, size: n = 26 }) => /* @__PURE__ */ r.createElement(vc, { className: e, $size: n }, t ?? /* @__PURE__ */ r.createElement(D, { type: "spinner", size: n })), vc = h.div`display:flex;align-items:center;justify-content:center;width:${({ $size: e }) => ce(e)};height:${({ $size: e }) => ce(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;
+const xc = h.div`display:flex;flex-direction:column;align-items:flex-end;gap:${F.GAP_GROUPED}px;`, en = ({ className: e, children: t, size: n = 26 }) => /* @__PURE__ */ r.createElement(vc, { className: e, $size: n }, t ?? /* @__PURE__ */ r.createElement(D, { type: "spinner", size: n })), vc = h.div`display:flex;align-items:center;justify-content:center;width:${({ $size: e }) => ae(e)};height:${({ $size: e }) => ae(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`;
 function yc({
   sendingStatus: e,
   file: t,
@@ -3611,7 +3611,7 @@ const _c = h.div`display:flex;flex-direction:column;align-items:flex-end;gap:${F
 `, Sc = h.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 Pn(e) {
   var n, o;
-  const t = oe(() => {
+  const t = ne(() => {
     const s = ya(vr(e.message));
     return tr.sanitize(s);
   }, [e.message]);
@@ -3648,7 +3648,7 @@ function Ac(e) {
   );
 }
 function Ic({ sendingStatus: e }) {
-  const t = ht();
+  const t = gt();
   switch (e) {
     case "pending":
       return /* @__PURE__ */ r.createElement(kc, { size: 16 }, /* @__PURE__ */ r.createElement(D, { type: "spinner", color: t.colors.messageOutgoing.background, size: 16 }));
@@ -3755,7 +3755,7 @@ const Nc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
       labelVariant: "body3"
     }
   ))), s && /* @__PURE__ */ r.createElement(Z.ErrorLabel, null, i.FORM_VALIDATION_REQUIRED));
-}, Wc = h.div`display:flex;flex-direction:column;gap:8px;`, jc = h.div`display:flex;flex-direction:column;gap:8px;`, qc = ({ value: e, selected: t, label: n }) => /* @__PURE__ */ r.createElement(Kc, { $selected: t, "aria-label": n }, Zc[e - 1]), Kc = h.div`user-select:none;-webkit-user-drag:none;width:40px;height:40px;aspect-ratio:1;opacity:${({ $selected: e }) => e ? 1 : 0.38};`, Zc = [
+}, Wc = h.div`display:flex;flex-direction:column;gap:8px;`, jc = h.div`display:flex;flex-direction:column;gap:8px;`, Kc = ({ value: e, selected: t, label: n }) => /* @__PURE__ */ r.createElement(qc, { $selected: t, "aria-label": n }, Zc[e - 1]), qc = h.div`user-select:none;-webkit-user-drag:none;width:40px;height:40px;aspect-ratio:1;opacity:${({ $selected: e }) => e ? 1 : 0.38};`, Zc = [
   /* @__PURE__ */ r.createElement("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ r.createElement(
     "path",
     {
@@ -3931,13 +3931,13 @@ const Nc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
   label: n,
   selected: o
 }) => {
-  const [s, i] = T(!1), a = s ? /* @__PURE__ */ r.createElement(qc, { value: e, selected: o, label: n }) : /* @__PURE__ */ r.createElement(nd, { $selected: o, "aria-label": n, src: t, onError: () => i(!0) });
+  const [s, i] = T(!1), a = s ? /* @__PURE__ */ r.createElement(Kc, { value: e, selected: o, label: n }) : /* @__PURE__ */ r.createElement(nd, { $selected: o, "aria-label": n, src: t, onError: () => i(!0) });
   return /* @__PURE__ */ r.createElement(td, null, a);
 }, Jc = h.div`display:flex;flex-direction:column;gap:8px;`, Qc = h.div`display:flex;justify-content:space-between;align-self:center;width:100%;max-width:400px;gap:16px;`, ed = h.button`background-color:transparent;border:none;gap:4px;display:flex;flex-direction:column;align-items:center;justify-content:start;box-sizing:border-box;min-width:48px;max-width:68px;&:hover:not(:disabled) span{color:${u.themedColor.textHighEmphasis};}`, td = h.div`button:hover:not(:disabled) &{border-radius:4px;cursor:pointer;background-color:${u.color.background200};${N.dark`
       background-color: ${u.color.background500};
     `}
   }
-`, nd = h.img`user-select:none;-webkit-user-drag:none;width:40px;height:40px;aspect-ratio:1;opacity:${({ $selected: e }) => e ? 1 : 0.38};`, rd = ({ csatPayload: e }) => /* @__PURE__ */ r.createElement(I, { variant: "button", color: u.themedColor.textHighEmphasis }, e.title), Tt = ({
+`, nd = h.img`user-select:none;-webkit-user-drag:none;width:40px;height:40px;aspect-ratio:1;opacity:${({ $selected: e }) => e ? 1 : 0.38};`, rd = ({ csatPayload: e }) => /* @__PURE__ */ r.createElement(I, { variant: "button", color: u.themedColor.textHighEmphasis }, e.title), St = ({
   csatPayload: e,
   type: t,
   renderSubmitButton: n,
@@ -3996,7 +3996,7 @@ const Nc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
     throw new Error("Invalid message type");
   const { extendedMessagePayload: t, onSubmitCSAT: n } = e, { csat: o, csatReason: s, csatExpireAt: i, isResolvedWhenDeterminedByUser: a } = e, l = Ao(), c = sd(t == null ? void 0 : t.csat);
   if (!c || !c.visibility || !he[c.type]) return null;
-  const d = c.type === he.AI_AGENT_CSAT_5 || c.type === he.AI_AGENT_CSAT_5_WITH_CRE || c.type === he.HELPDESK_CSAT_5 ? Tt : () => null;
+  const d = c.type === he.AI_AGENT_CSAT_5 || c.type === he.AI_AGENT_CSAT_5_WITH_CRE || c.type === he.HELPDESK_CSAT_5 ? St : () => null;
   return /* @__PURE__ */ r.createElement(ld, null, !o && pn(i) ? /* @__PURE__ */ r.createElement(id, null) : /* @__PURE__ */ r.createElement(
     d,
     {
@@ -4066,7 +4066,7 @@ const ud = h.div`padding-inline:${F.HORIZONTAL_PADDING}px;margin-bottom:${({ $ma
     textColor: y = "#000000",
     highlightColor: x = Er.DEFAULT_PRIMARY
   } = p;
-  return /* @__PURE__ */ r.createElement(Hn, null, e && /* @__PURE__ */ r.createElement(Hn, null, /* @__PURE__ */ r.createElement(mt, null, /* @__PURE__ */ r.createElement(ot, null, /* @__PURE__ */ r.createElement(D, { size: 16, type: "actionbook", color: E })), /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(Hn, null, e && /* @__PURE__ */ r.createElement(Hn, null, /* @__PURE__ */ r.createElement(ut, null, /* @__PURE__ */ r.createElement(ot, null, /* @__PURE__ */ r.createElement(D, { size: 16, type: "actionbook", color: E })), /* @__PURE__ */ r.createElement(
     rt,
     {
       $clickable: !!s,
@@ -4077,7 +4077,7 @@ const ud = h.div`padding-inline:${F.HORIZONTAL_PADDING}px;margin-bottom:${({ $ma
       maxTextLines: 1
     },
     e.name
-  ))), t == null ? void 0 : t.map((b) => /* @__PURE__ */ r.createElement(wt, { key: b.key }, /* @__PURE__ */ r.createElement(ot, null, /* @__PURE__ */ r.createElement(D, { size: 16, type: "function", color: E })), /* @__PURE__ */ r.createElement(mt, null, /* @__PURE__ */ r.createElement(
+  ))), t == null ? void 0 : t.map((b) => /* @__PURE__ */ r.createElement(Tt, { key: b.key }, /* @__PURE__ */ r.createElement(ot, null, /* @__PURE__ */ r.createElement(D, { size: 16, type: "function", color: E })), /* @__PURE__ */ r.createElement(ut, null, /* @__PURE__ */ r.createElement(
     rt,
     {
       $clickable: !!i,
@@ -4088,7 +4088,7 @@ const ud = h.div`padding-inline:${F.HORIZONTAL_PADDING}px;margin-bottom:${({ $ma
       maxTextLines: 1
     },
     b.name
-  ), a && /* @__PURE__ */ r.createElement(hd, { role: "button", onClick: () => a == null ? void 0 : a(b) }, /* @__PURE__ */ r.createElement(I, { variant: "body2", color: x }, "View details"), /* @__PURE__ */ r.createElement(D, { type: "chevron-right", size: 16, color: x }))))), n == null ? void 0 : n.map((b) => /* @__PURE__ */ r.createElement(wt, { key: b.id }, /* @__PURE__ */ r.createElement(ot, null, g({
+  ), a && /* @__PURE__ */ r.createElement(hd, { role: "button", onClick: () => a == null ? void 0 : a(b) }, /* @__PURE__ */ r.createElement(I, { variant: "body2", color: x }, "View details"), /* @__PURE__ */ r.createElement(D, { type: "chevron-right", size: 16, color: x }))))), n == null ? void 0 : n.map((b) => /* @__PURE__ */ r.createElement(Tt, { key: b.id }, /* @__PURE__ */ r.createElement(ot, null, g({
     default: /* @__PURE__ */ r.createElement(D, { size: 16, type: Un[b.source_type] ?? Un.snippet, color: E }),
     sourceType: b.source_type
   })), /* @__PURE__ */ r.createElement(
@@ -4102,7 +4102,7 @@ const ud = h.div`padding-inline:${F.HORIZONTAL_PADDING}px;margin-bottom:${({ $ma
       maxTextLines: 1
     },
     b.preview_title
-  ))), o == null ? void 0 : o.map((b) => /* @__PURE__ */ r.createElement(wt, { key: b.key }, /* @__PURE__ */ r.createElement(ot, null, /* @__PURE__ */ r.createElement(D, { size: 16, type: "template", color: E })), /* @__PURE__ */ r.createElement(
+  ))), o == null ? void 0 : o.map((b) => /* @__PURE__ */ r.createElement(Tt, { key: b.key }, /* @__PURE__ */ r.createElement(ot, null, /* @__PURE__ */ r.createElement(D, { size: 16, type: "template", color: E })), /* @__PURE__ */ r.createElement(
     rt,
     {
       $clickable: !!c,
@@ -4121,7 +4121,7 @@ const ud = h.div`padding-inline:${F.HORIZONTAL_PADDING}px;margin-bottom:${({ $ma
         color: ${t};
       }
     `}
-`, ot = h.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`, mt = h.div`display:flex;gap:8px;align-items:center;word-break:break-word;`, hd = h(mt)`cursor:pointer;gap:4px;`, wt = h(mt)`flex-direction:row;align-items:center;`, Hn = h.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`, Mr = Ge(null);
+`, ot = h.div`display:flex;align-items:center;justify-content:center;flex-shrink:0;`, ut = h.div`display:flex;gap:8px;align-items:center;word-break:break-word;`, hd = h(ut)`cursor:pointer;gap:4px;`, Tt = h(ut)`flex-direction:row;align-items:center;`, Hn = h.div`display:flex;gap:4px;flex-direction:column;align-items:flex-start;`, Mr = Ge(null);
 function pd({
   testerType: e,
   origin: t,
@@ -4144,7 +4144,7 @@ const Le = () => {
   const { isActionbookTester: e } = Le();
   return /* @__PURE__ */ r.createElement(Ve.Template, { template: e ? bd : void 0 }, /* @__PURE__ */ r.createElement(Ve.MessageLogs, { component: Ed }));
 }, bd = (e) => /* @__PURE__ */ r.createElement(Ir, { ...e, testerMode: !0, maxBodyWidth: F.WIDE_BODY_MAX_WIDTH }), Ed = ({ extendedMessagePayload: e = {} }) => {
-  const { handlers: t } = K(), { manual: n, groundedness: o, function_calls: s, agent_message_templates: i, is_thinking: a } = e;
+  const { handlers: t } = q(), { manual: n, groundedness: o, function_calls: s, agent_message_templates: i, is_thinking: a } = e;
   return a || !n && !(o != null && o.length) && !(s != null && s.length) && !(i != null && i.length) ? /* @__PURE__ */ r.createElement(r.Fragment, null) : /* @__PURE__ */ r.createElement(xd, null, /* @__PURE__ */ r.createElement(vd, { width: 4 }), /* @__PURE__ */ r.createElement(
     md,
     {
@@ -4162,7 +4162,7 @@ const Le = () => {
     }
   ));
 }, xd = h.div`display:flex;gap:16px;margin:16px ${F.HORIZONTAL_PADDING}px 0;align-self:stretch;`, vd = h.div`width:${({ width: e }) => e}px;background-color:${u.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`, yd = h(I)`margin-top:5px;`, _d = (e) => {
-  const { chatSDK: t, handlers: n, logger: o } = K(), { aiAgentInfo: s } = ne(), i = z(/* @__PURE__ */ new Set()), a = (g) => {
+  const { chatSDK: t, handlers: n, logger: o } = q(), { aiAgentInfo: s } = te(), i = z(/* @__PURE__ */ new Set()), a = (g) => {
     if (!(n != null && n.onCustomEvent)) return;
     fe(g) && g.sender.userId === s.userId && !we.isStreaming(g) && !i.current.has(g.messageId) && (o.debug("useCustomEventForMessageReceive: bot-message-received", g), n.onCustomEvent({ type: "bot-message-received", data: { message: g } }), i.current.add(g.messageId));
   }, l = (g) => {
@@ -4178,7 +4178,7 @@ const Le = () => {
   }, d = (g) => {
     l(g);
   };
-  return pt(t, {
+  return ht(t, {
     onMessageUpdated: c,
     onMessageReceived: c
   }), {
@@ -4204,7 +4204,7 @@ async function Sd(e) {
   }
 }
 const Td = ({ onScrollAfterSendMessage: e }) => {
-  const { agentPreviewConfigs: t, handlers: n } = K(), o = z(t == null ? void 0 : t.agentAttributes);
+  const { agentPreviewConfigs: t, handlers: n } = q(), o = z(t == null ? void 0 : t.agentAttributes);
   return o.current = t == null ? void 0 : t.agentAttributes, {
     onBeforeSendMessage: async (s) => {
       const i = await Sd(s), a = {
@@ -4222,7 +4222,7 @@ const Td = ({ onScrollAfterSendMessage: 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;
-}, Or = 50, st = Or - 20, {
+}, Or = 50, wt = Or - 20, {
   Provider: Ad,
   useContext: Id
 } = J("ConversationScroll"), Vn = {
@@ -4233,7 +4233,7 @@ const Td = ({ onScrollAfterSendMessage: e }) => {
   shouldUpdate: !1
 };
 function kd({ scrollMode: e, children: t }) {
-  const n = z(null), o = z(null), s = z(Vn), i = z(!1), a = z(null), [l, c] = T(0), [d, g] = T(0), [p, E] = T(!1), [y, x] = T(!1), [b, f] = T(!1), m = oe(
+  const n = z(null), o = z(null), s = z(Vn), i = z(!1), a = z(null), [l, c] = T(0), [d, g] = T(0), [p, E] = T(!1), [y, x] = T(!1), [b, f] = T(!1), m = ne(
     () => p ? "auto" : e,
     [p, e]
   ), v = O((S) => {
@@ -4246,50 +4246,42 @@ function kd({ scrollMode: e, children: t }) {
     const S = n.current;
     !S || !s.current.shouldUpdate || c((R) => {
       s.current.shouldUpdate = !1;
-      const { contentHeight: W, contentSnapshotHeight: se, shouldRecalc: re } = s.current, te = S.clientHeight;
-      if (se > W)
+      const { contentHeight: W, contentSnapshotHeight: de, shouldRecalc: ue } = s.current, re = S.clientHeight;
+      if (de > W)
         return R;
       const De = C(S, { messageType: "outgoing" });
       let ve = 0;
       if (De) {
-        const ye = De.message.offsetTop - st + te;
+        const ye = De.message.offsetTop - wt + re;
         ve = Math.max(0, ye - W);
       } else {
-        const ye = W - se, qe = te - st;
-        ve = Math.max(0, ye - qe);
+        const ye = W - de, Ke = re - wt;
+        ve = Math.max(0, ye - Ke);
       }
-      return R === 0 || ve !== R || re ? (s.current.shouldRecalc = !1, ve) : R;
+      return R === 0 || ve !== R || ue ? (s.current.shouldRecalc = !1, ve) : R;
     });
   }, C = O(
     (S, R) => {
-      const { messageType: W = "all" } = R ?? {}, se = Array.from(S.querySelectorAll(`#${ie}-message-item`));
-      let re = se;
-      W === "outgoing" && (re = se.filter((vt) => vt.getAttribute("data-layout-id") === "outgoingmessage"));
-      const te = re[re.length - 1];
-      if (!te) return null;
-      const De = S.getBoundingClientRect(), ve = te.getBoundingClientRect(), ye = S.scrollTop + (ve.top - De.top), qe = ye + te.offsetHeight;
+      const { messageType: W = "all" } = R ?? {}, de = Array.from(S.querySelectorAll(`#${oe}-message-item`));
+      let ue = de;
+      W === "outgoing" && (ue = de.filter((xt) => xt.getAttribute("data-layout-id") === "outgoingmessage"));
+      const re = ue[ue.length - 1];
+      if (!re) return null;
+      const De = S.getBoundingClientRect(), ve = re.getBoundingClientRect(), ye = S.scrollTop + (ve.top - De.top), Ke = ye + re.offsetHeight;
       return {
-        message: te,
+        message: re,
         scrollTop: ye,
-        lastMessageBottom: qe
+        lastMessageBottom: Ke
       };
     },
     []
   ), w = O(() => {
     const S = n.current;
     if (!S || m !== "fixed") return;
-    const R = s.current.contentHeight, W = C(S);
-    if (s.current.contentHeight = (W == null ? void 0 : W.lastMessageBottom) ?? S.scrollHeight, !i.current && s.current.contentSnapshotHeight > 0 && _(), s.current.contentHeight > R) {
-      const re = C(S, { messageType: "outgoing" });
-      if (re && R > 0) {
-        const te = re.message.offsetTop - st;
-        requestAnimationFrame(() => {
-          n.current && (n.current.scrollTop = te);
-        });
-      }
-    }
-    const se = Math.max(0, S.scrollHeight - S.scrollTop - S.clientHeight);
-    g(se), M();
+    const R = C(S);
+    s.current.contentHeight = (R == null ? void 0 : R.lastMessageBottom) ?? S.scrollHeight, !i.current && s.current.contentSnapshotHeight > 0 && _();
+    const W = Math.max(0, S.scrollHeight - S.scrollTop - S.clientHeight);
+    g(W), M();
   }, [m, C]), $ = O(() => {
     o.current && (o.current.disconnect(), o.current = null), s.current = Vn, c(0), g(0);
   }, []), B = O((S = !0) => {
@@ -4313,12 +4305,12 @@ function kd({ scrollMode: e, children: t }) {
     if (!S) return;
     const R = C(S, { messageType: "outgoing" });
     R && (S.scrollTo({
-      top: R.message.offsetTop - st,
+      top: R.message.offsetTop - wt,
       behavior: "smooth"
     }), v(500));
-  }, [C, v]), de = (S) => {
-    const { scrollHeight: R, scrollTop: W, clientHeight: se } = S.currentTarget, re = Math.max(0, R - W - se);
-    g(re);
+  }, [C, v]), le = (S) => {
+    const { scrollHeight: R, scrollTop: W, clientHeight: de } = S.currentTarget, ue = Math.max(0, R - W - de);
+    g(ue);
   }, Ee = O(() => {
     m === "fixed" && (x(!0), _());
   }, [m]), xe = O(() => {
@@ -4346,7 +4338,7 @@ function kd({ scrollMode: e, children: t }) {
           shouldShowScrollButton: P
         },
         props: {
-          onScroll: de
+          onScroll: le
         },
         actions: {
           scrollToBottom: B,
@@ -4364,10 +4356,10 @@ function kd({ scrollMode: e, children: t }) {
 const {
   Provider: $d,
   Context: Vg,
-  useContext: le
+  useContext: ie
 } = J("Conversation"), Md = ({ children: e }) => {
   var s;
-  const { channelSource: t } = le(), n = (s = t.channel) == null ? void 0 : s.url, { checkForUserActionRequired: o } = _d(n);
+  const { channelSource: t } = ie(), n = (s = t.channel) == null ? void 0 : s.url, { checkForUserActionRequired: o } = _d(n);
   return U(() => {
     var a;
     const i = (a = t.channel) == null ? void 0 : a.lastMessage;
@@ -4381,7 +4373,7 @@ const {
   children: s
 }) => {
   var v;
-  const { config: i } = q(), { activeChannel: a, refreshActiveChannel: l, aiAgentInfo: c } = ne(), { testerType: d } = Le(), g = Id(), p = ((v = i == null ? void 0 : i.conversation) == null ? void 0 : v.scrollMode) ?? "auto", { onBeforeSendMessage: E, onAfterSendMessage: y } = Td({
+  const { config: i } = K(), { activeChannel: a, refreshActiveChannel: l, aiAgentInfo: c } = te(), { testerType: d } = Le(), g = Id(), p = ((v = i == null ? void 0 : i.conversation) == null ? void 0 : v.scrollMode) ?? "auto", { onBeforeSendMessage: E, onAfterSendMessage: y } = Td({
     onScrollAfterSendMessage: () => {
       g.actions.onAfterMessageSend();
     }
@@ -4401,7 +4393,7 @@ const {
     await l(), e && (t == null || t());
   }, [l, e, t]);
   return /* @__PURE__ */ r.createElement(
-    qs,
+    Ks,
     {
       channelUrl: x,
       onBeforeSendMessage: b,
@@ -4478,8 +4470,8 @@ function zd(e) {
 function Gd(e, t) {
   return e.filter((n) => we.isWelcomeMessage(n, t));
 }
-const Wd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none;`, jd = h.div`height:64px;min-height:64px;box-sizing:border-box;display:flex;justify-content:space-between;border-bottom:1px solid ${u.themedColor.textDisabled};background-color:${u.themedColor.bg_50_600};@media screen and (max-width:768px){position:relative;}`, qd = h.div`box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:64px;padding:16px 20px;width:calc(100% - 128px);`, Kd = h.div`margin-inline-end:8px;`, Zd = h.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);}`, Yd = h.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;}`, Xd = h.div`display:flex;width:160px;justify-content:flex-end;`, Jd = h.div`inset-inline-end:0;display:flex;flex-direction:row;`, Lr = h.div`width:64px;padding:21px;box-sizing:border-box;cursor:${(e) => e.disabled ? "not-allowed" : "pointer"};`, Qd = h(Lr)`border-inline-start:1px solid ${u.themedColor.textDisabled};`, eu = h.div`width:100%;height:100%;display:flex;align-items:center;justify-content:center;`, tu = h.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`, nu = h.img`max-width:calc(90% - 60px);max-height:calc(90% - 60px);user-select:none;-webkit-user-drag:none;`, ru = h.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`, ou = ({ file: e, sender: t = {}, onClose: n, onDownloadClick: o }) => {
-  const { type: s, url: i, name: a = "" } = e, { profileUrl: l, nickname: c, userId: d } = t, { aiAgentInfo: g } = ne();
+const Wd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none;`, jd = h.div`height:64px;min-height:64px;box-sizing:border-box;display:flex;justify-content:space-between;border-bottom:1px solid ${u.themedColor.textDisabled};background-color:${u.themedColor.bg_50_600};@media screen and (max-width:768px){position:relative;}`, Kd = h.div`box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:64px;padding:16px 20px;width:calc(100% - 128px);`, qd = h.div`margin-inline-end:8px;`, Zd = h.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);}`, Yd = h.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;}`, Xd = h.div`display:flex;width:160px;justify-content:flex-end;`, Jd = h.div`inset-inline-end:0;display:flex;flex-direction:row;`, Lr = h.div`width:64px;padding:21px;box-sizing:border-box;cursor:${(e) => e.disabled ? "not-allowed" : "pointer"};`, Qd = h(Lr)`border-inline-start:1px solid ${u.themedColor.textDisabled};`, eu = h.div`width:100%;height:100%;display:flex;align-items:center;justify-content:center;`, tu = h.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`, nu = h.img`max-width:calc(90% - 60px);max-height:calc(90% - 60px);user-select:none;-webkit-user-drag:none;`, ru = h.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`, ou = ({ file: e, sender: t = {}, onClose: n, onDownloadClick: o }) => {
+  const { type: s, url: i, name: a = "" } = e, { profileUrl: l, nickname: c, userId: d } = t, { aiAgentInfo: g } = te();
   return /* @__PURE__ */ r.createElement(
     iu,
     {
@@ -4504,14 +4496,14 @@ const Wd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
   onDownloadClick: l
 }) => {
   const { stringSet: c } = V();
-  return /* @__PURE__ */ r.createElement(xt, { onClose: a, visible: !0, rootElementId: ae.MODAL_ROOT }, /* @__PURE__ */ r.createElement(Wd, null, /* @__PURE__ */ r.createElement(jd, null, /* @__PURE__ */ r.createElement(qd, null, /* @__PURE__ */ r.createElement(Kd, null, /* @__PURE__ */ r.createElement(su, { profileUrl: e, isBotMessage: t })), /* @__PURE__ */ r.createElement(Zd, null, /* @__PURE__ */ r.createElement(I, { variant: "h2", color: u.themedColor.textHighEmphasis }, o)), /* @__PURE__ */ r.createElement(Yd, null, /* @__PURE__ */ r.createElement(I, { variant: "body1", color: u.color.ondark.textMidEmphasis }, n))), /* @__PURE__ */ r.createElement(Xd, null, zn(s) && /* @__PURE__ */ r.createElement(Jd, null, /* @__PURE__ */ r.createElement(Lr, { as: "a", href: i, target: "_blank", rel: Zt, onClick: l }, /* @__PURE__ */ r.createElement(D, { type: "download", color: u.themedColor.textHighEmphasis, size: 24 }))), /* @__PURE__ */ r.createElement(Qd, { onClick: a }, /* @__PURE__ */ r.createElement(D, { type: "close", color: u.themedColor.textHighEmphasis, size: 24 })))), /* @__PURE__ */ r.createElement(eu, { onClick: (d) => d.currentTarget === d.target && a() }, or(s) && /* @__PURE__ */ r.createElement(tu, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: i, type: s })), rr(s) && /* @__PURE__ */ r.createElement(nu, { src: i, alt: o }), !zn(s) && /* @__PURE__ */ r.createElement(ru, null, /* @__PURE__ */ r.createElement(I, { variant: "h1", color: u.themedColor.textHighEmphasis }, c.FILE_VIEWER__UNSUPPORT)))));
+  return /* @__PURE__ */ r.createElement(Et, { onClose: a, visible: !0, rootElementId: se.MODAL_ROOT }, /* @__PURE__ */ r.createElement(Wd, null, /* @__PURE__ */ r.createElement(jd, null, /* @__PURE__ */ r.createElement(Kd, null, /* @__PURE__ */ r.createElement(qd, null, /* @__PURE__ */ r.createElement(su, { profileUrl: e, isBotMessage: t })), /* @__PURE__ */ r.createElement(Zd, null, /* @__PURE__ */ r.createElement(I, { variant: "h2", color: u.themedColor.textHighEmphasis }, o)), /* @__PURE__ */ r.createElement(Yd, null, /* @__PURE__ */ r.createElement(I, { variant: "body1", color: u.color.ondark.textMidEmphasis }, n))), /* @__PURE__ */ r.createElement(Xd, null, zn(s) && /* @__PURE__ */ r.createElement(Jd, null, /* @__PURE__ */ r.createElement(Lr, { as: "a", href: i, target: "_blank", rel: Zt, onClick: l }, /* @__PURE__ */ r.createElement(D, { type: "download", color: u.themedColor.textHighEmphasis, size: 24 }))), /* @__PURE__ */ r.createElement(Qd, { onClick: a }, /* @__PURE__ */ r.createElement(D, { type: "close", color: u.themedColor.textHighEmphasis, size: 24 })))), /* @__PURE__ */ r.createElement(eu, { onClick: (d) => d.currentTarget === d.target && a() }, or(s) && /* @__PURE__ */ r.createElement(tu, { controls: !0 }, /* @__PURE__ */ r.createElement("source", { src: i, type: s })), rr(s) && /* @__PURE__ */ r.createElement(nu, { src: i, alt: o }), !zn(s) && /* @__PURE__ */ r.createElement(ru, null, /* @__PURE__ */ r.createElement(I, { variant: "h1", color: u.themedColor.textHighEmphasis }, c.FILE_VIEWER__UNSUPPORT)))));
 }, au = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:${({ theme: e }) => e.colors.base.primary}!important;path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent}!important;}`, Dr = ({
   className: e,
   locale: t,
   date: n = Date.now(),
   formatString: o = "MMMM dd, yyyy",
   style: s
-}) => /* @__PURE__ */ r.createElement(lu, { id: `${ie}-date-separator`, style: s, className: e }, /* @__PURE__ */ r.createElement(I, { variant: "caption4", color: u.themedColor.textMidEmphasis }, Qn(n, o, { locale: t }))), lu = h.div`display:flex;justify-content:center;align-items:center;text-align:center;word-break:break-word;`, cu = We(function(t, n) {
+}) => /* @__PURE__ */ r.createElement(lu, { id: `${oe}-date-separator`, style: s, className: e }, /* @__PURE__ */ r.createElement(I, { variant: "caption4", color: u.themedColor.textMidEmphasis }, Qn(n, o, { locale: t }))), lu = h.div`display:flex;justify-content:center;align-items:center;text-align:center;word-break:break-word;`, cu = We(function(t, n) {
   const {
     messages: o,
     renderMessage: s,
@@ -4567,7 +4559,7 @@ const Wd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
     outline: none;
   }
 `, fu = () => {
-  const { agentPreviewConfigs: e = {}, aiAgentId: t } = K(), { aiAgentInfo: n } = ne(), { stringSet: o, dateLocale: s } = V(), { messageSource: i } = le(), { Template: a } = Ve.useContext(), l = e.welcomeMessages ?? [], c = i.messages, d = Gd(c, t), g = c[d.length + 1], p = d[0] ?? g;
+  const { agentPreviewConfigs: e = {}, aiAgentId: t } = q(), { aiAgentInfo: n } = te(), { stringSet: o, dateLocale: s } = V(), { messageSource: i } = ie(), { Template: a } = Ve.useContext(), l = e.welcomeMessages ?? [], c = i.messages, d = Gd(c, t), g = c[d.length + 1], p = d[0] ?? g;
   return {
     /**
      * Returns a list of messages filtered according to business requirements.
@@ -4629,7 +4621,7 @@ const Wd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
   text-decoration: none;
 `, yu = () => {
   var a;
-  const { stringSet: e } = V(), { channelSource: t, goToActiveConversation: n, scrollSource: o } = le(), s = Se(t.channel), i = z(s);
+  const { stringSet: e } = V(), { channelSource: t, goToActiveConversation: n, scrollSource: o } = ie(), s = Se(t.channel), i = z(s);
   return U(() => {
     if (!i.current && s) {
       const d = setTimeout(() => {
@@ -4649,13 +4641,13 @@ const Wd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
     e.TALK_TO_AGENT
   ));
 }, _u = h.div`display:flex;justify-content:center;margin-bottom:16px;`, Cu = h(I)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${u.themedColor.textDisabled};cursor:pointer;user-select:none;`, Su = () => {
-  const { Template: e } = tn.useContext(), { Template: t } = Ve.useContext(), { Template: n } = nn.useContext(), [o, s] = T(null), [i, a] = T(null), { userSession: l, aiAgentInfo: c } = ne(), { cache: d, agentPreviewConfigs: g, chatSDK: p, state: E } = K(), { config: y } = q(), { stringSet: x, dateLocale: b } = V(), {
+  const { Template: e } = tn.useContext(), { Template: t } = Ve.useContext(), { Template: n } = nn.useContext(), [o, s] = T(null), [i, a] = T(null), { userSession: l, aiAgentInfo: c } = te(), { cache: d, agentPreviewConfigs: g, chatSDK: p, state: E } = q(), { config: y } = K(), { stringSet: x, dateLocale: b } = V(), {
     conversation: f,
     channelSource: m,
     messageSource: v,
     scrollSource: _,
     state: { input: M }
-  } = le(), { isActionbookTester: C } = Le(), { filteredMessages: w, shouldShowOriginalDate: $, renderAgentPreviewWelcomeMessages: B } = fu(), Q = mr(m.channel), ee = (() => {
+  } = ie(), { isActionbookTester: C } = Le(), { filteredMessages: w, shouldShowOriginalDate: $, renderAgentPreviewWelcomeMessages: B } = fu(), Q = mr(m.channel), ee = (() => {
     const j = Q[0];
     if (!j) return null;
     const A = j.userId === c.userId;
@@ -4664,13 +4656,13 @@ const Wd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
   U(() => {
     _.actions.onTypingIndicatorUpdate(!!ee);
   }, [!!ee, _.actions.onTypingIndicatorUpdate]);
-  const de = Se(m.channel);
+  const le = Se(m.channel);
   U(() => {
-    _.actions.onConversationClosed(de);
-  }, [de, _.actions.onConversationClosed]);
+    _.actions.onConversationClosed(le);
+  }, [le, _.actions.onConversationClosed]);
   const Ee = (j, A = !1) => {
-    var ue;
-    return A ? c : ((ue = m.channel) == null ? void 0 : ue.members.find((P) => P.userId === j.sender.userId)) ?? j.sender;
+    var ce;
+    return A ? c : ((ce = m.channel) == null ? void 0 : ce.members.find((P) => P.userId === j.sender.userId)) ?? j.sender;
   }, xe = (j) => {
     if (j.sendingStatus === "failed" && !M.disabled)
       return () => a(j);
@@ -4694,7 +4686,7 @@ const Wd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
         depsForResetScrollPositionToBottom: [v.initialized, v.messages.length !== 0],
         bottomSpacerHeight: _.state.bottomSpace,
         messageTopArea: /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Eu, { style: { marginTop: 16 } }), B()),
-        messageBottomArea: /* @__PURE__ */ r.createElement(r.Fragment, null, ee && /* @__PURE__ */ r.createElement("div", { id: `${ie}-message-item` }, /* @__PURE__ */ r.createElement(
+        messageBottomArea: /* @__PURE__ */ r.createElement(r.Fragment, null, ee && /* @__PURE__ */ r.createElement("div", { id: `${oe}-message-item` }, /* @__PURE__ */ r.createElement(
           t,
           {
             isTyping: !0,
@@ -4706,10 +4698,10 @@ const Wd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
           }
         )), ((j = y == null ? void 0 : y.conversation) == null ? void 0 : j.isTalkToAgentViewEnabled) && /* @__PURE__ */ r.createElement(yu, null)),
         overlayArea: /* @__PURE__ */ r.createElement(r.Fragment, null, _.state.shouldShowScrollButton && /* @__PURE__ */ r.createElement(wu, { onClick: () => _.actions.scrollToBottom(!0) })),
-        renderMessage: ({ message: A, index: ue }) => {
-          const P = qo(A), S = w[ue - 1], R = w[ue + 1], W = w[w.length - 1], se = A === W, re = Se(m.channel), te = He(A, c.userId), De = !(c.isUserFeedbackEnabled && te), ve = Ko(A, S, R, De), ye = !No((S == null ? void 0 : S.createdAt) ?? 0, A.createdAt) && $(ue) && !C, qe = (Qe) => {
+        renderMessage: ({ message: A, index: ce }) => {
+          const P = Ko(A), S = w[ce - 1], R = w[ce + 1], W = w[w.length - 1], de = A === W, ue = Se(m.channel), re = He(A, c.userId), De = !(c.isUserFeedbackEnabled && re), ve = qo(A, S, R, De), ye = !No((S == null ? void 0 : S.createdAt) ?? 0, A.createdAt) && $(ce) && !C, Ke = (Qe) => {
             (A.isFileMessage() || A.isUserMessage()) && s({ file: Qe, sender: Ee(A, A.sender.userId === c.userId) });
-          }, vt = () => {
+          }, xt = () => {
             A.isFileMessage() && Xt(A.url);
           }, Jr = ye ? /* @__PURE__ */ r.createElement(
             Dr,
@@ -4724,8 +4716,8 @@ const Wd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
             extendedMessagePayload: A.extendedMessagePayload,
             createdAt: A.createdAt,
             groupType: ve,
-            onClickMedia: qe,
-            onClickFile: vt
+            onClickMedia: Ke,
+            onClickFile: xt
           }, Qr = () => {
             if (Re.isOutgoing(A, l.userId))
               return "outgoingmessage";
@@ -4776,14 +4768,14 @@ const Wd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
             if (Re.isIncoming(A, l.userId)) {
               const _e = {
                 ...Je,
-                sender: Ee(A, te),
+                sender: Ee(A, re),
                 message: A.message,
-                suggestedRepliesVisible: se,
+                suggestedRepliesVisible: de,
                 suggestedRepliesDirection: g == null ? void 0 : g.suggestedRepliesDirection,
-                isBotMessage: te,
+                isBotMessage: re,
                 isStreaming: we.isStreaming(A),
                 isHandedOff: Ue(m.channel),
-                isConversationClosed: re,
+                isConversationClosed: ue,
                 isFeedbackEnabled: c.isUserFeedbackEnabled,
                 isFeedbackCommentEnabled: c.isUserFeedbackCommentOptionEnabled,
                 onClickSuggestedReply: async ({ reply: G }) => {
@@ -4828,12 +4820,12 @@ const Wd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
                 return /* @__PURE__ */ r.createElement(t, { messageType: "file", file: A, ..._e });
             }
           })();
-          return /* @__PURE__ */ r.createElement("div", { key: P, id: `${ie}-message-item`, "data-layout-id": Qr() }, Jr, eo);
+          return /* @__PURE__ */ r.createElement("div", { key: P, id: `${oe}-message-item`, "data-layout-id": Qr() }, Jr, eo);
         }
       }
     );
   };
-  return /* @__PURE__ */ r.createElement(Tu, { id: `${ie}-message-list` }, ke(), o && /* @__PURE__ */ r.createElement(ou, { onClose: () => s(null), sender: o.sender, file: o.file }), i && /* @__PURE__ */ r.createElement(Pe, { visible: !0, onClose: () => a(null) }, /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(Tu, { id: `${oe}-message-list` }, ke(), o && /* @__PURE__ */ r.createElement(ou, { onClose: () => s(null), sender: o.sender, file: o.file }), i && /* @__PURE__ */ r.createElement(Pe, { visible: !0, onClose: () => a(null) }, /* @__PURE__ */ r.createElement(
     Pe.ActionItem,
     {
       onClick: () => {
@@ -4852,7 +4844,7 @@ const Wd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
     x.FAILED_MESSAGE_REMOVE
   )));
 }, Tu = h.div`overflow-y:hidden;display:flex;flex:1;position:relative;`, wu = h(hu)`position:absolute;bottom:20px;inset-inline-end:20px;`, Au = () => {
-  const { stringSet: e } = V(), { connectionError: t } = ne(), { channelSource: n } = le(), o = t || n.error;
+  const { stringSet: e } = V(), { connectionError: t } = te(), { channelSource: n } = ie(), o = t || n.error;
   if (o) {
     const s = t ? void 0 : { label: e.RETRY, onClick: () => n.refetch() };
     return /* @__PURE__ */ r.createElement(ze, { type: "error", label: o.message, action: s });
@@ -4860,7 +4852,7 @@ const Wd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
   return n.channel ? /* @__PURE__ */ r.createElement(Su, null) : /* @__PURE__ */ r.createElement(ze, { type: "loading" });
 }, Iu = () => {
   var s;
-  const { origin: e } = Le(), { appId: t, aiAgentId: n } = q(), { channelSource: o } = le();
+  const { origin: e } = Le(), { appId: t, aiAgentId: n } = K(), { channelSource: o } = ie();
   return (s = o.channel) != null && s.conversation ? /* @__PURE__ */ r.createElement(ku, null, /* @__PURE__ */ r.createElement(Bt, { style: { gap: 4 } }, /* @__PURE__ */ r.createElement(D, { color: u.themedColor.textLowEmphasis, size: 12, type: "show" }), /* @__PURE__ */ r.createElement(I, { as: "i", color: u.themedColor.textLowEmphasis, variant: "caption2" }, "Only visible in the tester")), /* @__PURE__ */ r.createElement(
     Bt,
     {
@@ -4877,7 +4869,7 @@ const Wd = h.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
   )) : null;
 }, Bt = h.div`display:flex;justify-content:center;align-items:center;`, ku = h(Bt)`flex-direction:column;padding-block:16px;background-color:${u.themedColor.bg_100_500};gap:8px;`, Rr = Ge(void 0), $u = ({ children: e }) => {
   var b;
-  const { chatSDK: t } = K(), { createAttachmentRules: n } = ne(), { stringSet: o } = V(), { channelSource: s } = le(), [i, a] = T([]), [l, c] = T({
+  const { chatSDK: t } = q(), { createAttachmentRules: n } = te(), { stringSet: o } = V(), { channelSource: s } = ie(), [i, a] = T([]), [l, c] = T({
     visible: !1,
     title: ""
   }), d = n({
@@ -4975,11 +4967,11 @@ const Ou = (e, t) => {
   }
 `, Nu = () => {
   const e = je(), [t, n] = T(), { files: o, removeFile: s, isFileUploadEnabled: i } = an();
-  return !i || o.length === 0 ? null : /* @__PURE__ */ r.createElement(Lu, null, o.map(({ preview: { type: a, name: l, url: c } }, d) => /* @__PURE__ */ r.createElement(Du, { key: c, onMouseOver: () => n(d), onMouseLeave: () => n(void 0) }, (e || t === d) && /* @__PURE__ */ r.createElement(Ru, { title: "Remove file", onClick: () => s(d) }, /* @__PURE__ */ r.createElement(D, { type: "close-filled", color: u.themedColor.textMidEmphasis })), a.startsWith("image/") ? /* @__PURE__ */ r.createElement("img", { alt: "file-image", src: c }) : /* @__PURE__ */ r.createElement(Kt, { name: l, type: Ht(l, a) }))));
+  return !i || o.length === 0 ? null : /* @__PURE__ */ r.createElement(Lu, null, o.map(({ preview: { type: a, name: l, url: c } }, d) => /* @__PURE__ */ r.createElement(Du, { key: c, onMouseOver: () => n(d), onMouseLeave: () => n(void 0) }, (e || t === d) && /* @__PURE__ */ r.createElement(Ru, { title: "Remove file", onClick: () => s(d) }, /* @__PURE__ */ r.createElement(D, { type: "close-filled", color: u.themedColor.textMidEmphasis })), a.startsWith("image/") ? /* @__PURE__ */ r.createElement("img", { alt: "file-image", src: c }) : /* @__PURE__ */ r.createElement(qt, { name: l, type: Ht(l, a) }))));
 }, Nr = {
   textArea: k`min-height:40px;height:40px;font-size:16px;line-height:24px;`,
   attachIcon: k`margin-bottom:4px;`
-}, Br = h.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, Bu = h(Br)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${u.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${u.themedColor.bg_200_400};}}${qt && Nr.attachIcon};`, Fu = h.input`display:none;`, Gn = h.div`width:100%;position:relative;background-color:${u.themedColor.bg_100_500};border-radius:20px;`, Wn = h.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`, jn = h.textarea`all:unset;display:block;flex:1;min-width:0;padding-top:8px;padding-bottom:8px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;font-size:14px;line-height:20px;color:${u.themedColor.textHighEmphasis};resize:none;width:100%;height:${xr}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${qt && Nr.textArea};&::placeholder{color:${u.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${u.themedColor.textDisabled};}}`, qn = h.div`padding:12px 16px;position:relative;display:flex;align-items:center;`, Kn = ({ disabled: e }) => {
+}, Br = h.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, Bu = h(Br)`flex-shrink:0;margin-inline-end:12px;margin-bottom:2px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{path{fill:${u.themedColor.textHighEmphasis};}}&:active{border-radius:4px;background-color:${u.themedColor.bg_200_400};}}${Kt && Nr.attachIcon};`, Fu = h.input`display:none;`, Gn = h.div`width:100%;position:relative;background-color:${u.themedColor.bg_100_500};border-radius:20px;`, Wn = h.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`, jn = h.textarea`all:unset;display:block;flex:1;min-width:0;padding-top:8px;padding-bottom:8px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;font-size:14px;line-height:20px;color:${u.themedColor.textHighEmphasis};resize:none;width:100%;height:${xr}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${Kt && Nr.textArea};&::placeholder{color:${u.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${u.themedColor.textDisabled};}}`, Kn = h.div`padding:12px 16px;position:relative;display:flex;align-items:center;`, qn = ({ disabled: e }) => {
   const { stringSet: t } = V(), n = z(null), [o, s] = T(!1), { addFiles: i, clearFiles: a, files: l, isFileUploadEnabled: c, acceptableMimeTypes: d } = an();
   return !c || l.length > 0 ? null : /* @__PURE__ */ r.createElement(
     Bu,
@@ -5022,7 +5014,7 @@ const Ou = (e, t) => {
     )
   );
 }, Pu = () => {
-  const e = z(null), [t, n] = T(""), { stringSet: o } = V(), { rootElement: s } = K(), { channelSource: i, messageSource: a, state: l } = le(), { files: c, addFiles: d, clearFiles: g } = an(), p = l.input.disabled, E = (() => {
+  const e = z(null), [t, n] = T(""), { stringSet: o } = V(), { rootElement: s } = q(), { channelSource: i, messageSource: a, state: l } = ie(), { files: c, addFiles: d, clearFiles: g } = an(), p = l.input.disabled, E = (() => {
     if (!p) return o.MESSAGE_INPUT__PLACE_HOLDER;
     switch (l.input.disabledBy) {
       case "form_active":
@@ -5063,7 +5055,7 @@ const Ou = (e, t) => {
     }
     n(C.target.value);
   };
-  return p ? /* @__PURE__ */ r.createElement(qn, null, /* @__PURE__ */ r.createElement(Gn, null, /* @__PURE__ */ r.createElement(Wn, null, /* @__PURE__ */ r.createElement(jn, { disabled: !0, placeholder: E }), /* @__PURE__ */ r.createElement(Kn, { disabled: !0 })))) : /* @__PURE__ */ r.createElement(qn, null, /* @__PURE__ */ r.createElement(Gn, null, /* @__PURE__ */ r.createElement(Nu, null), /* @__PURE__ */ r.createElement(Wn, null, /* @__PURE__ */ r.createElement(
+  return p ? /* @__PURE__ */ r.createElement(Kn, null, /* @__PURE__ */ r.createElement(Gn, null, /* @__PURE__ */ r.createElement(Wn, null, /* @__PURE__ */ r.createElement(jn, { disabled: !0, placeholder: E }), /* @__PURE__ */ r.createElement(qn, { disabled: !0 })))) : /* @__PURE__ */ r.createElement(Kn, null, /* @__PURE__ */ r.createElement(Gn, null, /* @__PURE__ */ r.createElement(Nu, null), /* @__PURE__ */ r.createElement(Wn, null, /* @__PURE__ */ r.createElement(
     jn,
     {
       ref: e,
@@ -5075,7 +5067,7 @@ const Ou = (e, t) => {
       onChange: M,
       onPaste: v
     }
-  ), /* @__PURE__ */ r.createElement(Kn, null))), b && /* @__PURE__ */ r.createElement(Br, { onClick: () => m() }, /* @__PURE__ */ r.createElement(D, { type: "send", color: u.color.primary.main, size: 20 })));
+  ), /* @__PURE__ */ r.createElement(qn, null))), b && /* @__PURE__ */ r.createElement(Br, { onClick: () => m() }, /* @__PURE__ */ r.createElement(D, { type: "send", color: u.color.primary.main, size: 20 })));
 }, Uu = h.div`padding:8px 16px;text-align:center;word-break:break-word;white-space:pre-wrap;line-height:1.43;letter-spacing:-0.2px;font-size:14px;font-weight:400;color:${u.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${N.light`
       color: ${u.color.information.light};
     `};
@@ -5083,19 +5075,19 @@ const Ou = (e, t) => {
       color: ${u.color.information.main};
     `};
   }
-`, Hu = L(() => import("./DSLWWi3o.js").then((e) => ({ default: e.MarkdownText }))), Vu = () => {
-  const { aiAgentInfo: e, userSession: t } = ne(), { messageSource: n, channelSource: o } = le(), [s, i] = T(null), a = jt("special-notice", o.channel), l = O(() => o.channel ? a ? n.messages.some((c) => He(c, (t == null ? void 0 : t.userId) ?? "")) : !0 : null, [o.channel, a, n.messages, t == null ? void 0 : t.userId]);
+`, Hu = L(() => import("./22f1cDnj.js").then((e) => ({ default: e.MarkdownText }))), Vu = () => {
+  const { aiAgentInfo: e, userSession: t } = te(), { messageSource: n, channelSource: o } = ie(), [s, i] = T(null), a = jt("special-notice", o.channel), l = O(() => o.channel ? a ? n.messages.some((c) => He(c, (t == null ? void 0 : t.userId) ?? "")) : !0 : null, [o.channel, a, n.messages, t == null ? void 0 : t.userId]);
   return U(() => {
     s || i(l());
   }, [l, s]), s ? null : /* @__PURE__ */ r.createElement(Uu, null, /* @__PURE__ */ r.createElement(Hu, null, e.specialNotice));
 }, zu = () => /* @__PURE__ */ r.createElement(Gu, null, /* @__PURE__ */ r.createElement(Vu, null), /* @__PURE__ */ r.createElement($u, null, /* @__PURE__ */ r.createElement(Pu, null))), Gu = h.div`z-index:0;border:none;width:100%;`, Wu = () => {
   var s;
-  const { testerType: e } = Le(), { channelSource: t } = le(), n = Se(t.channel), o = !!e && ((s = t.channel) == null ? void 0 : s.isAIAgent);
+  const { testerType: e } = Le(), { channelSource: t } = ie(), n = Se(t.channel), o = !!e && ((s = t.channel) == null ? void 0 : s.isAIAgent);
   return n && o ? /* @__PURE__ */ r.createElement(Iu, null) : /* @__PURE__ */ r.createElement(zu, null);
 }, Fr = ({ channel: e, size: t = 40 }) => {
-  const { userSession: n, aiAgentInfo: o } = ne(), { fallbackIcon: s, url: i } = pr({ channel: e, aiAgentInfo: o, userSession: n }), a = ht();
+  const { userSession: n, aiAgentInfo: o } = te(), { fallbackIcon: s, url: i } = pr({ channel: e, aiAgentInfo: o, userSession: n }), a = gt();
   return i ? /* @__PURE__ */ r.createElement(Yt, { src: i, size: t }) : /* @__PURE__ */ r.createElement(ju, { $size: t, $bgColor: a.colors.base.primary }, /* @__PURE__ */ r.createElement(D, { type: s, size: t * 0.55, color: a.colors.base.primaryContrastContent }));
-}, ju = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;border-radius:50%;background-color:${({ $bgColor: e }) => e};display:flex;align-items:center;justify-content:center;flex-shrink:0;`, qu = ({ label: e, children: t, position: n = "top", disabled: o }) => o ? t : /* @__PURE__ */ r.createElement(Ft, null, t, /* @__PURE__ */ r.createElement(Yu, { $position: n }, /* @__PURE__ */ r.createElement(Xu, { variant: "caption1" }, e), /* @__PURE__ */ r.createElement(Ku, { $position: n }))), Ku = ({ $position: e }) => /* @__PURE__ */ r.createElement(
+}, ju = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;border-radius:50%;background-color:${({ $bgColor: e }) => e};display:flex;align-items:center;justify-content:center;flex-shrink:0;`, Ku = ({ label: e, children: t, position: n = "top", disabled: o }) => o ? t : /* @__PURE__ */ r.createElement(Ft, null, t, /* @__PURE__ */ r.createElement(Yu, { $position: n }, /* @__PURE__ */ r.createElement(Xu, { variant: "caption1" }, e), /* @__PURE__ */ r.createElement(qu, { $position: n }))), qu = ({ $position: e }) => /* @__PURE__ */ r.createElement(
   "svg",
   {
     style: { transform: e === "top" ? "rotate(0)" : "rotate(180deg)" },
@@ -5110,7 +5102,7 @@ const Ou = (e, t) => {
   top: k`flex-direction:column;top:0;transform:translate(-50%,-100%);`,
   bottom: k`flex-direction:column-reverse;bottom:0;transform:translate(-50%,100%);`
 }, Ft = h.div`position:relative;`, Yu = h.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${Oe.TOOLTIP};${({ $position: e }) => Zu[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${Ft}:hover &,${Ft}:focus-within &{opacity:1;}`, Xu = h(I)`padding:6px 8px;background:${u.themedColor.textHighEmphasis};color:${u.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`, Ju = () => {
-  const { state: e, logger: t, enableCloseConversationButton: n, enableExpandButton: o, dispatcher: s } = K(), { stringSet: i } = V(), { channelSource: a, onNavigateToConversationList: l } = le(), { aiAgentInfo: c, userSession: d } = ne(), g = a.channel, E = je() ? 24 : 16, y = pr({ channel: g, userSession: d, aiAgentInfo: c }), x = () => {
+  const { state: e, logger: t, enableCloseConversationButton: n, enableExpandButton: o, dispatcher: s } = q(), { stringSet: i } = V(), { channelSource: a, onNavigateToConversationList: l } = ie(), { aiAgentInfo: c, userSession: d } = te(), g = a.channel, E = je() ? 24 : 16, y = pr({ channel: g, userSession: d, aiAgentInfo: c }), x = () => {
     e.setOpened(!1);
   }, b = async () => {
     try {
@@ -5139,7 +5131,7 @@ const Ou = (e, t) => {
     }
   ), o && /* @__PURE__ */ r.createElement(Qu, { size: E }), /* @__PURE__ */ r.createElement(em, { size: E, onClick: x })));
 }, Qu = ({ size: e, disabled: t }) => {
-  const { state: n } = K();
+  const { state: n } = q();
   return /* @__PURE__ */ r.createElement(Xe, { "aria-label": "expand", onClick: () => n.setExpanded(!n.expanded), disabled: t }, /* @__PURE__ */ r.createElement(D, { type: n.expanded ? "collapse" : "expand", size: e, color: u.themedColor.textHighEmphasis }));
 }, em = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(Xe, { "aria-label": "close messenger", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement(D, { type: "close", size: e, color: u.themedColor.textHighEmphasis })), tm = ({ size: e, disabled: t, onClick: n }) => /* @__PURE__ */ r.createElement(Xe, { "aria-label": "close conversation", onClick: n, disabled: t }, /* @__PURE__ */ r.createElement(
   D,
@@ -5148,7 +5140,7 @@ const Ou = (e, t) => {
     size: e,
     color: t ? u.themedColor.textDisabled : u.themedColor.textHighEmphasis
   }
-)), nm = ({ size: e, onClick: t, disabled: n, tooltipLabel: o }) => /* @__PURE__ */ r.createElement(qu, { label: o, position: "bottom", disabled: n }, /* @__PURE__ */ r.createElement(Xe, { "aria-label": "agent", onClick: t, disabled: n }, /* @__PURE__ */ r.createElement(
+)), nm = ({ size: e, onClick: t, disabled: n, tooltipLabel: o }) => /* @__PURE__ */ r.createElement(Ku, { label: o, position: "bottom", disabled: n }, /* @__PURE__ */ r.createElement(Xe, { "aria-label": "agent", onClick: t, disabled: n }, /* @__PURE__ */ r.createElement(
   D,
   {
     type: "agent",
@@ -5168,7 +5160,7 @@ const Ou = (e, t) => {
   onClearClosedChannelUrl: a
 }) => {
   var g;
-  const { config: l } = q(), c = ((g = l == null ? void 0 : l.conversation) == null ? void 0 : g.scrollMode) ?? "auto", { Template: d } = ln.useContext();
+  const { config: l } = K(), c = ((g = l == null ? void 0 : l.conversation) == null ? void 0 : g.scrollMode) ?? "auto", { Template: d } = ln.useContext();
   return /* @__PURE__ */ r.createElement(kd, { scrollMode: c }, /* @__PURE__ */ r.createElement(
     Od,
     {
@@ -5260,7 +5252,7 @@ const pm = h.div`display:flex;flex-shrink:0;flex-direction:row;align-items:cente
     }
   ) : /* @__PURE__ */ r.createElement(ze, { type: "loading" });
 }, Tm = () => {
-  const { stringSet: e } = V(), { language: t, countryCode: n, context: o } = K(), { aiAgentInfo: s, refreshActiveChannel: i, createConversation: a, setActiveChannel: l } = ne(), { onOpenConversationView: c } = Pr();
+  const { stringSet: e } = V(), { language: t, countryCode: n, context: o } = q(), { aiAgentInfo: s, refreshActiveChannel: i, createConversation: a, setActiveChannel: l } = te(), { onOpenConversationView: c } = Pr();
   return /* @__PURE__ */ r.createElement(
     wm,
     {
@@ -5283,7 +5275,7 @@ const pm = h.div`display:flex;flex-shrink:0;flex-direction:row;align-items:cente
     /* @__PURE__ */ r.createElement(Am, { variant: "h1" }, e.TALK_TO_AGENT)
   );
 }, wm = h.div`background-color:${({ theme: e }) => e.colors.base.primary};display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;`, Am = h(I)`color:${({ theme: e }) => e.colors.base.primaryContrastContent};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`, Im = () => {
-  const { state: e } = K(), { stringSet: t } = V(), o = je() ? 24 : 16, s = () => {
+  const { state: e } = q(), { stringSet: t } = V(), o = je() ? 24 : 16, s = () => {
     e.setOpened(!1);
   };
   return /* @__PURE__ */ r.createElement($m, null, /* @__PURE__ */ r.createElement(Mm, { variant: "h2", color: u.themedColor.textHighEmphasis }, t.CONVERSATION_LIST__HEADER_TITLE), /* @__PURE__ */ r.createElement(Om, null, /* @__PURE__ */ r.createElement(km, { size: o, onClick: s })), /* @__PURE__ */ r.createElement(Lm, null));
@@ -5316,7 +5308,7 @@ function Nm() {
   const { components: e } = cn.useContext();
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(e.Header, null), /* @__PURE__ */ r.createElement(e.Body, null), /* @__PURE__ */ r.createElement(e.Footer, null));
 }
-const Bm = h.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, Fm = k`:where(#${ae.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`, Pm = [Fm, Li, Di], Um = (e, ...t) => bo(e, ...Pm, ...t), Hm = Um``, Vm = Fo(
+const Bm = h.div`height:100%;width:100%;display:flex;flex-direction:column;flex:1;background-color:${({ theme: e }) => e.colors.base.background};`, Fm = k`:where(#${se.ENTRY}) :not(code *){font-family:'Roboto',sans-serif;box-sizing:border-box;}`, Pm = [Fm, Li, Di], Um = (e, ...t) => bo(e, ...Pm, ...t), Hm = Um``, Vm = Fo(
   ln,
   Ve,
   tn,
@@ -5337,26 +5329,26 @@ function zm({
 }) {
   return Pi(_i, t), /* @__PURE__ */ r.createElement(Eo, { target: t }, /* @__PURE__ */ r.createElement(Ni, { rootElement: t, logger: n, appearance: e, theme: l }, /* @__PURE__ */ r.createElement(ri, { internalVariables: a == null ? void 0 : a.__internalVariables }, /* @__PURE__ */ r.createElement(Oi, { stringSet: s, logger: n, language: o }, /* @__PURE__ */ r.createElement(Vm, null, i, /* @__PURE__ */ r.createElement(Hm, null))))));
 }
-const it = {}, at = {
+const st = {}, it = {
   getItem: (e) => {
     try {
       return localStorage.getItem(e);
     } catch {
-      return it[e] ?? null;
+      return st[e] ?? null;
     }
   },
   setItem: (e, t) => {
     try {
       localStorage.setItem(e, t);
     } catch {
-      it[e] = t;
+      st[e] = t;
     }
   },
   deleteItem: (e) => {
     try {
       localStorage.removeItem(e);
     } catch {
-      delete it[e];
+      delete st[e];
     }
   },
   getKeys: (e) => {
@@ -5368,7 +5360,7 @@ const it = {}, at = {
       }
       return t;
     } catch {
-      return Object.keys(it).filter((t) => t.startsWith(e));
+      return Object.keys(st).filter((t) => t.startsWith(e));
     }
   }
 }, Hr = We(function({
@@ -5380,10 +5372,10 @@ const it = {}, at = {
   ...a
 }, l) {
   var c, d;
-  return Ke.level !== n && (Ke.level = n), Fi("https://fonts.googleapis.com/css2?family=Roboto&display=swap", t), /* @__PURE__ */ r.createElement("div", { id: ae.ENTRY, style: { width: "fit-content", height: "fit-content", ...a.entryStyle } }, /* @__PURE__ */ r.createElement(
+  return qe.level !== n && (qe.level = n), Fi("https://fonts.googleapis.com/css2?family=Roboto&display=swap", t), /* @__PURE__ */ r.createElement("div", { id: se.ENTRY, style: { width: "fit-content", height: "fit-content", ...a.entryStyle } }, /* @__PURE__ */ r.createElement(
     zm,
     {
-      logger: Ke,
+      logger: qe,
       rootElement: t,
       appearance: (c = a.agentPreviewConfigs) == null ? void 0 : c.appearance,
       stringSet: a.stringSet,
@@ -5396,13 +5388,13 @@ const it = {}, at = {
       {
         rootElement: t,
         keyValueStorage: {
-          get: at.getItem,
-          set: at.setItem,
-          delete: at.deleteItem,
-          getKeys: at.getKeys
+          get: it.getItem,
+          set: it.setItem,
+          delete: it.deleteItem,
+          getKeys: it.getKeys
         },
         language: o,
-        logger: Ke,
+        logger: qe,
         dispatcher: Gm,
         chatParams: {
           ...a.chatParams,
@@ -5419,20 +5411,20 @@ const it = {}, at = {
           userSessionInfo: s,
           forceCreateChannel: (d = a.agentPreviewConfigs) == null ? void 0 : d.forceCreateChannel
         },
-        /* @__PURE__ */ r.createElement(pd, { ...a._UNSAFE_INTERNAL_dashboardTester }, i, /* @__PURE__ */ r.createElement("div", { id: ae.MODAL_ROOT }))
+        /* @__PURE__ */ r.createElement(pd, { ...a._UNSAFE_INTERNAL_dashboardTester }, i, /* @__PURE__ */ r.createElement("div", { id: se.MODAL_ROOT }))
       )
     )
   ));
-}), Ke = new lr(Xn.WARN), Gm = new ir(Ke), Vr = ({ children: e, isOpened: t }) => {
-  const { dir: n, rootElement: o } = K(), s = $e(o, !0);
+}), qe = new lr(Xn.WARN), Gm = new ir(qe), Vr = ({ children: e, isOpened: t }) => {
+  const { dir: n, rootElement: o } = q(), s = $e(o, !0);
   return U(() => {
     const i = "sb-agent-block-scroll";
     return t ? s.body.classList.add(i) : s.body.classList.remove(i), () => {
       s.body.classList.remove(i);
     };
   }, [s, t]), /* @__PURE__ */ r.createElement(Wm, { dir: n, $visible: t }, e);
-}, Wm = h.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${Oe.WINDOW};visibility:${({ $visible: e }) => e ? "visible" : "hidden"};`, jm = 48, qm = 2 / 3;
-function Km({
+}, Wm = h.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${Oe.WINDOW};visibility:${({ $visible: e }) => e ? "visible" : "hidden"};`, jm = 48, Km = 2 / 3;
+function qm({
   className: e,
   isOpened: t,
   onClick: n,
@@ -5443,12 +5435,12 @@ function Km({
   backgroundColor: l,
   size: c = jm
 }) {
-  const d = Mt(l), g = Math.round(c * qm);
+  const d = Mt(l), g = Math.round(c * Km);
   return /* @__PURE__ */ r.createElement(
     Xm,
     {
       dir: i,
-      id: ae.LAUNCHER,
+      id: se.LAUNCHER,
       className: e,
       "aria-label": "Sendbird AIAgent Launcher",
       onClick: n,
@@ -5474,9 +5466,9 @@ const Zm = k`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transfo
   Close: ({ size: e }) => /* @__PURE__ */ r.createElement(D, { size: e, type: "chevron-down" })
 };
 function Wr({ className: e, size: t }) {
-  const { colors: n } = ht(), { dir: o, state: s } = K(), { launcherInfo: i } = ne();
+  const { colors: n } = gt(), { dir: o, state: s } = q(), { launcherInfo: i } = te();
   return tg(), /* @__PURE__ */ r.createElement(
-    Km,
+    qm,
     {
       dir: o,
       className: e,
@@ -5491,7 +5483,7 @@ function Wr({ className: e, size: t }) {
 }
 const eg = 1e3 * 60;
 function tg() {
-  const { chatSDK: e, state: t, logger: n, enableAutoDisconnectInLauncher: o } = K(), s = z(null);
+  const { chatSDK: e, state: t, logger: n, enableAutoDisconnectInLauncher: o } = q(), s = z(null);
   U(() => {
     if (!o) return;
     function i() {
@@ -5509,14 +5501,14 @@ function tg() {
   }, [o, e, t.opened]);
 }
 const jr = Ge(null);
-function qr() {
+function Kr() {
   const e = pe(jr);
   if (!e)
     throw new Error("useNavigator() must be used within <Navigator />");
   return e;
 }
-function Kr({ children: e }) {
-  const t = qr();
+function qr({ children: e }) {
+  const t = Kr();
   return typeof e == "function" ? e(t) : /* @__PURE__ */ r.createElement(r.Fragment, null, e);
 }
 const ng = Jn`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY(0px);opacity:1;}`, rg = Jn`0%{transform:translateY(0px);opacity:1;}100%{transform:translateY(40px);opacity:0;}`, og = k`animation-name:${ng};animation-duration:0.3s;animation-fill-mode:forwards;`, sg = k``, ig = k`animation-name:${rg};animation-duration:0.3s;animation-fill-mode:forwards;`, ag = k`visibility:hidden;`, lg = h.div`position:absolute;top:0;left:0;width:100%;height:100%;${({ $transitionState: e }) => {
@@ -5536,7 +5528,7 @@ const ng = Jn`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY
           z-index: 999;
         ` : k`z-index:1;pointer-events:none;`}
 `;
-function lt({ initialId: e, children: t }) {
+function at({ initialId: e, children: t }) {
   const [n, o] = T([e]), s = n[n.length - 1], i = O((f, m) => {
     o((v) => [...v, f]), p((v) => ({ ...v, [f]: !0 })), m != null && m.reset && b((v) => ({
       ...v,
@@ -5564,15 +5556,15 @@ function lt({ initialId: e, children: t }) {
         })), o((v) => v.slice(0, -1));
       }, 300), f;
     });
-  }, []), l = oe(() => ({
+  }, []), l = ne(() => ({
     navigation: {
       navigate: i,
       pop: a
     },
     activeScreenId: s
-  }), [i, a, s]), c = oe(() => ao.toArray(t).filter(
-    (f) => f.type === Kr
-  ), [t]), d = oe(() => {
+  }), [i, a, s]), c = ne(() => ao.toArray(t).filter(
+    (f) => f.type === qr
+  ), [t]), d = ne(() => {
     const f = {};
     return c.forEach((m) => {
       const { id: v, lazy: _, children: M } = m.props;
@@ -5597,7 +5589,7 @@ function lt({ initialId: e, children: t }) {
   })));
 }
 const cg = h.div`position:relative;width:100%;height:100%;`;
-lt.Screen = Kr;
+at.Screen = qr;
 const ge = {
   conv: "conv",
   convList: "conv-list"
@@ -5612,7 +5604,7 @@ const ge = {
         return ge.conv;
     }
   })(), s = /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(dg, { onOpenConversationView: n }));
-  return /* @__PURE__ */ r.createElement(lt, { initialId: o }, /* @__PURE__ */ r.createElement(lt.Screen, { id: ge.conv }, ({ navigation: i, activeScreenId: a }) => /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ r.createElement(at, { initialId: o }, /* @__PURE__ */ r.createElement(at.Screen, { id: ge.conv }, ({ navigation: i, activeScreenId: a }) => /* @__PURE__ */ r.createElement(
     lm,
     {
       key: t,
@@ -5622,7 +5614,7 @@ const ge = {
       shouldMarkAsRead: a === ge.conv
     },
     s
-  )), /* @__PURE__ */ r.createElement(lt.Screen, { id: ge.convList, lazy: !0 }, ({ navigation: i }) => /* @__PURE__ */ r.createElement(
+  )), /* @__PURE__ */ r.createElement(at.Screen, { id: ge.convList, lazy: !0 }, ({ navigation: i }) => /* @__PURE__ */ r.createElement(
     Rm,
     {
       onOpenConversationView: (a) => {
@@ -5632,14 +5624,14 @@ const ge = {
     s
   )));
 }, dg = ({ onOpenConversationView: e }) => {
-  const { registerOnJoinedProactiveConversation: t } = ne(), { navigation: n } = qr();
+  const { registerOnJoinedProactiveConversation: t } = te(), { navigation: n } = Kr();
   return t(({ channel: o }) => {
     e(o.url), n.navigate(ge.conv);
   }), null;
 };
 function ug({ isExpanded: e, isOpened: t, children: n, launcher: o }) {
-  const { dir: s } = K();
-  return /* @__PURE__ */ r.createElement(mg, null, /* @__PURE__ */ r.createElement(gg, { dir: s, id: ae.WINDOW, $isExpanded: e, $isOpened: t }, n), o);
+  const { dir: s } = q();
+  return /* @__PURE__ */ r.createElement(mg, null, /* @__PURE__ */ r.createElement(gg, { dir: s, id: se.WINDOW, $isExpanded: e, $isOpened: t }, n), o);
 }
 const mg = h.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, gg = h.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 && pg};${({ $isExpanded: e }) => e && hg};`, hg = k`width:743px;height:723px;`, pg = k`z-index:${Oe.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;`, Gg = We(function({ children: e, ...t }, n) {
   const o = je(), [s, i] = T(), a = o ? Vr : ug;
@@ -5660,18 +5652,18 @@ function Yr(e, t, n, o = 0) {
   let c = "", d = "";
   switch (e) {
     case "start":
-      d = `inset-inline-start: ${ce(a)}`;
+      d = `inset-inline-start: ${ae(a)}`;
       break;
     case "end":
-      d = `inset-inline-end: ${ce(l)}`;
+      d = `inset-inline-end: ${ae(l)}`;
       break;
   }
   switch (t) {
     case "top":
-      c = `top: calc(${ce(s)} + ${o}px)`;
+      c = `top: calc(${ae(s)} + ${o}px)`;
       break;
     case "bottom":
-      c = `bottom: calc(${ce(i)} + ${o}px)`;
+      c = `bottom: calc(${ae(i)} + ${o}px)`;
       break;
   }
   return k`${c};${d};`;
@@ -5682,12 +5674,12 @@ function bg(e) {
 }
 const Eg = h(Wr)`position:fixed;z-index:${Oe.LAUNCHER};${({ $horizontal: e, $vertical: t, $margin: n }) => Yr(e, t, n)};`;
 function xg({ isExpanded: e, isOpened: t, children: n }) {
-  const { dir: o } = K(), { horizontal: s, vertical: i, margin: a, launcherSize: l } = dn();
+  const { dir: o } = q(), { horizontal: s, vertical: i, margin: a, launcherSize: l } = dn();
   return /* @__PURE__ */ r.createElement(
     vg,
     {
       dir: o,
-      id: ae.WINDOW,
+      id: se.WINDOW,
       $isExpanded: e,
       $isOpened: t,
       $horizontal: s,
@@ -5707,7 +5699,7 @@ const vg = h.div`background:${({ theme: e }) => e.colors.base.background};displa
   ${({ $isOpened: e }) => e && _g};
   ${({ $isExpanded: e }) => e && yg};
 `, yg = k`width:743px;height:723px;`, _g = k`z-index:${Oe.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;`, Xr = { top: 24, bottom: 24, start: 24, end: 24 }, Cg = We(function({ children: e, ...t }, n) {
-  const [o, s] = T(), [i, a] = T("end-bottom"), [l, c] = T(Xr), [d, g] = T(48), p = je(), E = p ? Vr : xg, { horizontal: y, vertical: x } = oe(() => {
+  const [o, s] = T(), [i, a] = T("end-bottom"), [l, c] = T(Xr), [d, g] = T(48), p = je(), E = p ? Vr : xg, { horizontal: y, vertical: x } = ne(() => {
     const [b, f] = i.split("-");
     return { horizontal: b === "start" ? "start" : "end", vertical: f === "top" ? "top" : "bottom" };
   }, [i]);
@@ -5749,7 +5741,7 @@ export {
   ls as D,
   Wg as F,
   Ve as I,
-  Km as L,
+  qm as L,
   md as M,
   tn as O,
   sn as P,
@@ -5757,7 +5749,7 @@ export {
   Hr as a,
   zm as b,
   u as c,
-  ne as d,
+  te as d,
   Hg as e,
   V as f,
   Gm as g,
@@ -5767,14 +5759,14 @@ export {
   Vg as k,
   Od as l,
   Si as m,
-  le as n,
+  ie as n,
   Rm as o,
   cn as p,
   zg as q,
   mm as r,
   Pr as s,
   he as t,
-  K as u,
+  q as u,
   ar as v,
   ks as w,
   _n as x