@sendbird/ai-agent-messenger-react 1.13.0 → 1.13.1

package/dist/es/{DQFii4-w.js → By2XFBR_.js}

@@ -2,13 +2,13 @@ var lo = Object.defineProperty;
 var co = (e, t, n) => t in e ? lo(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var z = (e, t, n) => co(e, typeof t != "symbol" ? t + "" : t, n);
 import * as o from "react";
-import { createContext as Ge, useContext as xe, useLayoutEffect as se, useState as C, useEffect as P, useRef as B, useCallback as L, useMemo as ie, forwardRef as We, useImperativeHandle as uo, useId as Wt, useReducer as mo, PureComponent as go, Suspense as ho, lazy as D, Fragment as rr, Children as po } from "react";
+import { createContext as Ge, useContext as xe, useLayoutEffect as oe, useState as C, useEffect as P, useRef as B, useCallback as L, useMemo as ie, forwardRef as We, useImperativeHandle as uo, useId as Wt, useReducer as mo, PureComponent as go, Suspense as ho, lazy as D, Fragment as rr, Children as po } from "react";
 import fo, { SendbirdChatOptions as bo, SendbirdProduct as Eo, DeviceOsPlatform as xn, SendbirdPlatform as xo, SessionHandler as vo, ConnectionHandler as xt, SendbirdError as _o, LogLevel as or, ConnectionState as yo } from "@sendbird/chat";
 import h, { css as I, ThemeProvider as Co, useTheme as Je, createGlobalStyle as So, StyleSheetManager as To, keyframes as sr } from "styled-components";
 import { differenceInMinutes as Ao, isToday as wo, differenceInHours as Io, isSameMinute as vn, format as ir, isSameDay as ko } from "date-fns";
 import { enUS as $o } from "date-fns/locale/en-US";
 import { SendingStatus as Pe, ReplyType as Mo, MessageMetaArray as Lo } from "@sendbird/chat/message";
-import { ConversationStatus as ee, AIAgentModule as Oo, AIAgentMessageFeedbackRating as _n, ConversationType as Do } from "@sendbird/chat/aiAgent";
+import { ConversationStatus as Q, AIAgentModule as Oo, AIAgentMessageFeedbackRating as _n, ConversationType as Do } from "@sendbird/chat/aiAgent";
 import { GroupChannelModule as Ro, GroupChannelListOrder as ar, GroupChannelHandler as No } from "@sendbird/chat/groupChannel";
 import { createPortal as Bo } from "react-dom";
 import { renderer as Fo, parser as Po, MessageProvider as Uo } from "@sendbird/react-uikit-message-template-view";
@@ -17,7 +17,7 @@ import { useGroupChannelMessages as Vo, useGroupChannelHandler as vt, useForceUp
 import lr from "dompurify";
 import { isSameDay as Go } from "date-fns/isSameDay";
 import Wo from "@emotion/is-prop-valid";
-const te = (e, t) => {
+const ee = (e, t) => {
   const n = Ge(null), r = ({ children: a, value: l }) => /* @__PURE__ */ o.createElement(n.Provider, { value: l }, typeof a == "function" ? a(l) : a), s = ({ children: a }) => /* @__PURE__ */ o.createElement(n.Consumer, null, (l) => l ? typeof a == "function" ? a(l) : a : null), i = () => {
     const a = xe(n);
     if (!a)
@@ -38,15 +38,15 @@ function ye(e) {
   function n({ children: i }) {
     const [a, l] = C(() => e.template), [c, d] = C(e.components), g = {
       Template: a,
-      updateTemplate: (p) => l(() => p),
+      updateTemplate: (f) => l(() => f),
       components: c,
-      updateComponent: (p, b) => d((_) => ({ ..._, [p]: b }))
+      updateComponent: (f, b) => d((v) => ({ ...v, [f]: b }))
     };
     return /* @__PURE__ */ o.createElement(t.Provider, { value: g }, i);
   }
   function r({ template: i, children: a }) {
     const { updateTemplate: l } = xe(t);
-    return se(() => {
+    return oe(() => {
       i && l(i);
     }, [i]), /* @__PURE__ */ o.createElement(o.Fragment, null, a);
   }
@@ -58,7 +58,7 @@ function ye(e) {
       component: l
     }) {
       const { updateComponent: c } = xe(t);
-      return se(() => {
+      return oe(() => {
         l && c(i, l);
       }, [l]), null;
     };
@@ -69,12 +69,12 @@ function jo(...e) {
     return e.reduce((r, s) => /* @__PURE__ */ o.createElement(s, null, r), n);
   };
 }
-const $e = (e) => {
+const ke = (e) => {
   var t, n;
-  return !!(e != null && e.isAIAgent && ((t = e == null ? void 0 : e.conversation) == null ? void 0 : t.status) === ee.CLOSED || e != null && e.isDesk && ((n = e == null ? void 0 : e.helpdeskInfo) == null ? void 0 : n.ticketStatus) === "closed");
+  return !!(e != null && e.isAIAgent && ((t = e == null ? void 0 : e.conversation) == null ? void 0 : t.status) === Q.CLOSED || e != null && e.isDesk && ((n = e == null ? void 0 : e.helpdeskInfo) == null ? void 0 : n.ticketStatus) === "closed");
 }, jt = (e) => {
   var t, n;
-  return !!(e != null && e.isAIAgent && ((t = e == null ? void 0 : e.conversation) == null ? void 0 : t.status) === ee.OPEN || e != null && e.isDesk && ((n = e == null ? void 0 : e.helpdeskInfo) == null ? void 0 : n.ticketStatus) === "open");
+  return !!(e != null && e.isAIAgent && ((t = e == null ? void 0 : e.conversation) == null ? void 0 : t.status) === Q.OPEN || e != null && e.isDesk && ((n = e == null ? void 0 : e.helpdeskInfo) == null ? void 0 : n.ticketStatus) === "open");
 };
 function He(e) {
   var n, r, s;
@@ -240,7 +240,7 @@ const Dt = (e) => {
   } catch {
     return {};
   }
-}, ke = {
+}, Ie = {
   isStreaming(e) {
     const t = Dt(e.data);
     return typeof t == "object" && !!t.stream;
@@ -399,7 +399,7 @@ function cs(e) {
   };
   typeof e.groupChannel != "object" && t("GroupChannelModule"), typeof e.aiAgent != "object" && t("AIAgentModule");
 }
-const Ie = {
+const we = {
   conversation: {
     isTalkToAgentViewEnabled: !0,
     scrollMode: "auto",
@@ -422,39 +422,39 @@ const Ie = {
     }
   }
 }, ds = (e) => {
-  var t, n, r, s, i, a, l, c, d, g, p, b, _, v;
+  var t, n, r, s, i, a, l, c, d, g, f, b, v, _;
   return e ? {
-    ...Ie,
+    ...we,
     ...e,
     conversation: {
-      ...Ie.conversation,
+      ...we.conversation,
       ...e == null ? void 0 : e.conversation,
       header: {
-        ...(t = Ie.conversation) == null ? void 0 : t.header,
+        ...(t = we.conversation) == null ? void 0 : t.header,
         ...(n = e == null ? void 0 : e.conversation) == null ? void 0 : n.header
       },
       input: {
-        ...(r = Ie.conversation) == null ? void 0 : r.input,
+        ...(r = we.conversation) == null ? void 0 : r.input,
         ...(s = e == null ? void 0 : e.conversation) == null ? void 0 : s.input,
         camera: {
-          ...(a = (i = Ie.conversation) == null ? void 0 : i.input) == null ? void 0 : a.camera,
+          ...(a = (i = we.conversation) == null ? void 0 : i.input) == null ? void 0 : a.camera,
           ...(c = (l = e == null ? void 0 : e.conversation) == null ? void 0 : l.input) == null ? void 0 : c.camera
         },
         gallery: {
-          ...(g = (d = Ie.conversation) == null ? void 0 : d.input) == null ? void 0 : g.gallery,
-          ...(b = (p = e == null ? void 0 : e.conversation) == null ? void 0 : p.input) == null ? void 0 : b.gallery
+          ...(g = (d = we.conversation) == null ? void 0 : d.input) == null ? void 0 : g.gallery,
+          ...(b = (f = e == null ? void 0 : e.conversation) == null ? void 0 : f.input) == null ? void 0 : b.gallery
         }
       },
       fileViewer: {
-        ...(_ = Ie.conversation) == null ? void 0 : _.fileViewer,
-        ...(v = e == null ? void 0 : e.conversation) == null ? void 0 : v.fileViewer
+        ...(v = we.conversation) == null ? void 0 : v.fileViewer,
+        ...(_ = e == null ? void 0 : e.conversation) == null ? void 0 : _.fileViewer
       }
     }
-  } : Ie;
+  } : we;
 }, {
   Provider: us,
   useContext: X
-} = te("AIAgent");
+} = ee("AIAgent");
 function ms({
   appId: e,
   aiAgentId: t,
@@ -467,28 +467,28 @@ function ms({
   config: c,
   chatSDK: d,
   chatParams: g,
-  children: p,
+  children: f,
   logger: b,
-  dispatcher: _,
-  messengerVersion: v,
+  dispatcher: v,
+  messengerVersion: _,
   extensions: E = {
     platform: xo.JS,
     deviceOSPlatform: is() ? xn.MOBILE_WEB : xn.WEB
   }
 }) {
-  const [u, f] = C(() => {
-    const x = b ?? new pr(hr.WARN), y = _ ?? new gr(x);
+  const [u, p] = C(() => {
+    const x = b ?? new pr(hr.WARN), y = v ?? new gr(x);
     return {
       logger: x,
       dispatcher: y,
-      chatSDK: d ?? Tn(e, E, v, g),
+      chatSDK: d ?? Tn(e, E, _, g),
       cache: Sn({ appId: e, aiAgentId: t, storage: n })
     };
   });
   return P(() => {
-    f((x) => {
+    p((x) => {
       let y = x.logger, k = x.dispatcher, S = x.chatSDK;
-      return b && b !== x.logger && (y = b), _ && _ !== x.dispatcher && (k = _), d && d !== x.chatSDK ? S = d : !d && x.chatSDK.appId !== e && (S = Tn(e, E, v, { newInstance: !0, ...g })), {
+      return b && b !== x.logger && (y = b), v && v !== x.dispatcher && (k = v), d && d !== x.chatSDK ? S = d : !d && x.chatSDK.appId !== e && (S = Tn(e, E, _, { newInstance: !0, ...g })), {
         ...x,
         logger: y,
         dispatcher: k,
@@ -496,7 +496,7 @@ function ms({
         cache: Sn({ appId: e, aiAgentId: t, storage: n })
       };
     });
-  }, [e, t, b, _, d, n]), P(() => () => {
+  }, [e, t, b, v, d, n]), P(() => () => {
     u.chatSDK.disconnectWebSocket();
   }, [u.chatSDK]), cs(u.chatSDK), /* @__PURE__ */ o.createElement(
     us,
@@ -513,7 +513,7 @@ function ms({
         networkStateAdapter: r
       }
     },
-    p
+    f
   );
 }
 const gs = (e, t, n) => Vo(e, t, { ...n, strictStreamingOrder: !0 });
@@ -543,10 +543,10 @@ const fr = (e, t, n = {}) => {
     if (i === null || g - i >= t)
       a ? (e(...d), i = g) : (s = d, i = g);
     else if (s = d, l && !r) {
-      const p = t - (g - i);
+      const f = t - (g - i);
       r = setTimeout(() => {
         s && l && (e(...s), i = Date.now()), r = null, s = null;
-      }, p);
+      }, f);
     }
   };
   return c.cancel = () => {
@@ -587,16 +587,16 @@ function vs(e, t, n) {
   if (t === 0)
     r = s = i = n;
   else {
-    const a = function(g, p, b) {
-      return b < 0 && (b += 1), b > 1 && (b -= 1), b < 0.16666666666666666 ? g + (p - g) * 6 * b : b < 0.5 ? p : b < 0.6666666666666666 ? g + (p - g) * (0.6666666666666666 - b) * 6 : g;
+    const a = function(g, f, b) {
+      return b < 0 && (b += 1), b > 1 && (b -= 1), b < 0.16666666666666666 ? g + (f - g) * 6 * b : b < 0.5 ? f : b < 0.6666666666666666 ? g + (f - g) * (0.6666666666666666 - b) * 6 : g;
     }, l = n < 0.5 ? n * (1 + t) : n + t - n * t, c = 2 * n - l;
     r = a(c, l, e + 1 / 3), s = a(c, l, e), i = a(c, l, e - 1 / 3);
   }
   return [Math.round(r * 255), Math.round(s * 255), Math.round(i * 255)];
 }
 function it(e, t, n) {
-  const [r, s, i] = bs(e), [a, l, c] = xs(r, s, i), d = Math.max(0, Math.min(1, c * t)), g = Math.max(0, Math.min(1, l * n)), [p, b, _] = vs(a, g, d);
-  return Es([Math.round(p), Math.round(b), Math.round(_)]);
+  const [r, s, i] = bs(e), [a, l, c] = xs(r, s, i), d = Math.max(0, Math.min(1, c * t)), g = Math.max(0, Math.min(1, l * n)), [f, b, v] = vs(a, g, d);
+  return Es([Math.round(f), Math.round(b), Math.round(v)]);
 }
 function _s(e, t = "light") {
   return {
@@ -793,7 +793,7 @@ function ws({ typography: e }) {
 const {
   Provider: Is,
   useContext: Yt
-} = te("AIAgentTheme");
+} = ee("AIAgentTheme");
 function ks({ logger: e, palette: t, typography: n, appearance: r, children: s }) {
   const i = B(null), [a, l] = C(
     () => An({
@@ -806,15 +806,15 @@ function ks({ logger: e, palette: t, typography: n, appearance: r, children: s }
   ), c = L(
     (d, g) => {
       g && (i.current = g);
-      const p = (r == null ? void 0 : r.theme) ?? d, b = i.current ? i.current.themes[p] : null, _ = {
+      const f = (r == null ? void 0 : r.theme) ?? d, b = i.current ? i.current.themes[f] : null, v = {
         primary: r == null ? void 0 : r.primaryColor,
         primaryContrast: void 0,
         botMessageBackground: r == null ? void 0 : r.botMessageBackgroundColor,
         botMessageBackgroundContrast: void 0
       };
-      !_.primary && (b != null && b.primary_color) && (_.primary = b.primary_color, _.primaryContrast = b.primary_contrast_color), !_.botMessageBackground && (b != null && b.bot_message_bg_color) && (_.botMessageBackground = b.bot_message_bg_color, _.botMessageBackgroundContrast = b.bot_message_bg_contrast_color);
-      const v = An({ selectedTheme: p, palette: t, typography: n, ..._ });
-      l(v), e == null || e.info("theme.update:", p);
+      !v.primary && (b != null && b.primary_color) && (v.primary = b.primary_color, v.primaryContrast = b.primary_contrast_color), !v.botMessageBackground && (b != null && b.bot_message_bg_color) && (v.botMessageBackground = b.bot_message_bg_color, v.botMessageBackgroundContrast = b.bot_message_bg_contrast_color);
+      const _ = An({ selectedTheme: f, palette: t, typography: n, ...v });
+      l(_), e == null || e.info("theme.update:", f);
     },
     [r == null ? void 0 : r.theme, r == null ? void 0 : r.primaryColor, r == null ? void 0 : r.botMessageBackgroundColor, t, n, e]
   );
@@ -856,8 +856,8 @@ const wn = 25 * 1024 * 1024, $s = {
       const { channel: i, uploadSizeLimit: a = wn } = s, l = (d = !0) => i != null && i.isAIAgent ? d ? He(i) : !1 : !0, c = (d) => {
         if (l())
           return e.defaultUploadSizeLimit ?? a;
-        const g = e.defaultUploadSizeLimit ?? a, p = e.uploadSizeLimitPerType.get(d) ?? g;
-        return Math.min(g, p);
+        const g = e.defaultUploadSizeLimit ?? a, f = e.uploadSizeLimitPerType.get(d) ?? g;
+        return Math.min(g, f);
       };
       return {
         maxAttachmentCount: e.maxAttachmentCount,
@@ -994,16 +994,16 @@ function Ps({
   onPostDeauth: a,
   forceCreateChannel: l
 }) {
-  const { aiAgentId: c, language: d, context: g, countryCode: p, logger: b, cache: _ } = X(), { connect: v, disconnect: E } = Ls(), { type: u, userSessionCandidate: f } = Fs(e), x = Er(), y = L(async () => {
+  const { aiAgentId: c, language: d, context: g, countryCode: f, logger: b, cache: v } = X(), { connect: _, disconnect: E } = Ls(), { type: u, userSessionCandidate: p } = Fs(e), x = Er(), y = L(async () => {
     var M;
     b.debug("useAuthentication.authenticate: start");
-    const S = f != null && f.userId ? _.messenger.getSettings(f.userId) : null;
+    const S = p != null && p.userId ? v.messenger.getSettings(p.userId) : null;
     S != null && S.bot && (t(S), b.debug("useAuthentication.authenticate: cached messenger settings", S));
     const O = await x({
       aiAgentId: c,
-      userId: f == null ? void 0 : f.userId,
+      userId: p == null ? void 0 : p.userId,
       language: d,
-      country: p,
+      country: f,
       context: g,
       forceCreateChannel: l,
       knownActiveChannelUrl: (M = S == null ? void 0 : S.active_channel) == null ? void 0 : M.channel_url
@@ -1012,38 +1012,38 @@ function Ps({
     let $ = null;
     if (O.auto_created_user)
       if (u === "manual")
-        b.warn("Received auto created user info but current session is manual. Ignoring auto created user info."), $ = { userId: f.userId, authToken: f.authToken };
+        b.warn("Received auto created user info but current session is manual. Ignoring auto created user info."), $ = { userId: p.userId, authToken: p.authToken };
       else {
-        const { user_id: N, session_token: W, expire_at: K } = O.auto_created_user;
-        _.messenger.setAnonUser({ userId: N, authToken: W, expireAt: K }), $ = { userId: N, authToken: W };
+        const { user_id: N, session_token: j, expire_at: K } = O.auto_created_user;
+        v.messenger.setAnonUser({ userId: N, authToken: j, expireAt: K }), $ = { userId: N, authToken: j };
       }
     else
       $ = {
-        userId: (f == null ? void 0 : f.userId) ?? "",
-        authToken: (f == null ? void 0 : f.authToken) ?? ""
+        userId: (p == null ? void 0 : p.userId) ?? "",
+        authToken: (p == null ? void 0 : p.authToken) ?? ""
       };
-    _.messenger.setSettings($.userId, O), t(O);
+    v.messenger.setSettings($.userId, O), t(O);
     try {
-      await n(O, $), await v($, f == null ? void 0 : f.sessionHandler, i), await r(O, $);
+      await n(O, $), await _($, p == null ? void 0 : p.sessionHandler, i), await r(O, $);
     } catch (N) {
       throw N instanceof Error && (s(N), b.error("useAuthentication.authenticate: failed to connect", N)), N;
     }
     return O;
   }, [
     x,
-    v,
+    _,
     u,
-    f == null ? void 0 : f.userId,
-    f == null ? void 0 : f.sessionHandler,
-    f == null ? void 0 : f.authToken,
+    p == null ? void 0 : p.userId,
+    p == null ? void 0 : p.sessionHandler,
+    p == null ? void 0 : p.authToken,
     c,
     d,
     g,
-    p,
+    f,
     l,
-    _.messenger.setAnonUser,
-    _.messenger.getSettings,
-    _.messenger.setSettings,
+    v.messenger.setAnonUser,
+    v.messenger.getSettings,
+    v.messenger.setSettings,
     t,
     n,
     r,
@@ -1055,7 +1055,7 @@ function Ps({
   return {
     authenticate: y,
     deauthenticate: k,
-    userSessionCandidate: f
+    userSessionCandidate: p
   };
 }
 const xr = (e) => {
@@ -1132,16 +1132,16 @@ const zs = () => {
 }, {
   Provider: Gs,
   useContext: yt
-} = te("AIAgentMessengerSession"), Ws = We(
+} = ee("AIAgentMessengerSession"), Ws = We(
   function({ userSessionInfo: e, forceCreateChannel: t, children: n }, r) {
-    const { appId: s, aiAgentId: i, chatSDK: a, language: l, countryCode: c, context: d, cache: g, logger: p } = X(), { updateTheme: b } = Yt(), [_, v] = C(void 0), [E, u] = C(
+    const { appId: s, aiAgentId: i, chatSDK: a, language: l, countryCode: c, context: d, cache: g, logger: f } = X(), { updateTheme: b } = Yt(), [v, _] = C(void 0), [E, u] = C(
       void 0
-    ), [f, x] = C(null), [y, k] = C(null), [S, O] = C(null), [$, M] = C(null), { updateBaseAttachmentRules: N, createAttachmentRules: W } = Ms(), { shouldSyncCachedTemplate: K, syncCachedTemplates: Se } = zs(), Te = Er(), { authenticate: De, deauthenticate: Z } = Ps({
+    ), [p, x] = C(null), [y, k] = C(null), [S, O] = C(null), [$, M] = C(null), { updateBaseAttachmentRules: N, createAttachmentRules: j } = Ms(), { shouldSyncCachedTemplate: K, syncCachedTemplates: Se } = zs(), Te = Er(), { authenticate: Oe, deauthenticate: Z } = Ps({
       userSessionInfo: e,
       forceCreateChannel: t,
       onUpdateMessengerSettings: L(
         (U) => {
-          const { appearance: T, bot: R, launcher: j } = U;
+          const { appearance: T, bot: R, launcher: q } = U;
           b(T.selected_theme, T), O({
             userId: R.bot_userid,
             profileUrl: R.bot_profile_url,
@@ -1154,23 +1154,23 @@ const zs = () => {
             isUserFeedbackEnabled: U.bot.is_user_feedback_enabled ?? !1,
             isUserFeedbackCommentOptionEnabled: U.bot.is_user_feedback_comment_option_enabled ?? !1
           }), M({
-            type: j.image_type || "default_icon",
-            imageUrl: j.image_url
+            type: q.image_type || "default_icon",
+            imageUrl: q.image_url
           }), N(U);
         },
         [b]
       ),
       onPreAuth: L((U, T) => {
-        v(void 0), k(T);
+        _(void 0), k(T);
       }, []),
       onPostAuth: L(
         async (U) => {
-          x(a.currentUser), K() && await Se(), u({ url: U.active_channel.channel_url, status: ee.OPEN });
+          x(a.currentUser), K() && await Se(), u({ url: U.active_channel.channel_url, status: Q.OPEN });
         },
         [a, K, Se]
       ),
       onErrorAuth: L((U) => {
-        v(U);
+        _(U);
       }, []),
       onAuthTokenRefreshed: L((U) => {
         k((T) => T ? { ...T, authToken: U } : null);
@@ -1181,7 +1181,7 @@ const zs = () => {
     }), ae = L(async () => {
       var U;
       if (y) {
-        p.debug("agentMessengerSession.refreshActiveChannel: try to refresh active channel"), u(void 0);
+        f.debug("agentMessengerSession.refreshActiveChannel: try to refresh active channel"), u(void 0);
         const T = await Te({
           aiAgentId: i,
           userId: y.userId,
@@ -1191,12 +1191,12 @@ const zs = () => {
           forceCreateChannel: t,
           knownActiveChannelUrl: (U = g.messenger.getSettings(y.userId)) == null ? void 0 : U.active_channel.channel_url
         });
-        return g.messenger.setSettings(y.userId, T), u({ url: T.active_channel.channel_url, status: ee.OPEN }), p.info(
+        return g.messenger.setSettings(y.userId, T), u({ url: T.active_channel.channel_url, status: Q.OPEN }), f.info(
           "agentMessengerSession.refreshActiveChannel: refreshed active channel",
           T.active_channel.channel_url
         ), T.active_channel.channel_url;
       } else
-        throw p.error("agentMessengerSession.refreshActiveChannel: userSession is not ready"), new Error("userSession is not ready");
+        throw f.error("agentMessengerSession.refreshActiveChannel: userSession is not ready"), new Error("userSession is not ready");
     }, [
       Te,
       s,
@@ -1224,7 +1224,7 @@ const zs = () => {
       () => fr(
         (U) => {
           var T;
-          p.info("agentMessengerSession.channelChanged: channel.conversation", U.conversation), u({ url: U.url, status: ((T = U.conversation) == null ? void 0 : T.status) ?? ee.OPEN });
+          f.info("agentMessengerSession.channelChanged: channel.conversation", U.conversation), u({ url: U.url, status: ((T = U.conversation) == null ? void 0 : T.status) ?? Q.OPEN });
         },
         250,
         { trailing: !1, leading: !0 }
@@ -1244,38 +1244,38 @@ const zs = () => {
       return {
         activeChannel: E,
         chatSDK: a,
-        authenticate: De,
+        authenticate: Oe,
         deauthenticate: Z,
         updateContext: async (T) => {
-          const j = await (await U()).updateContext(i, T);
-          return { ...j, context: j.context ?? {} };
+          const q = await (await U()).updateContext(i, T);
+          return { ...q, context: q.context ?? {} };
         },
         patchContext: async (T) => {
-          const j = await (await U()).patchContext(i, T);
-          return { ...j, context: j.context ?? {} };
+          const q = await (await U()).patchContext(i, T);
+          return { ...q, context: q.context ?? {} };
         },
         getContextObject: async () => {
           const R = await (await U()).getContextObject(i);
           return { ...R, context: R.context ?? {} };
         }
       };
-    }, [De, Z, E, a, i, p]), /* @__PURE__ */ o.createElement(
+    }, [Oe, Z, E, a, i, f]), /* @__PURE__ */ o.createElement(
       Gs,
       {
         value: {
-          sdkUser: f,
+          sdkUser: p,
           userSessionInfo: e,
           userSession: y,
           activeChannel: E,
           setActiveChannel: u,
           refreshActiveChannel: ae,
           createConversation: Ae,
-          connectionError: _,
+          connectionError: v,
           aiAgentInfo: S,
           launcherInfo: $,
-          authenticate: De,
+          authenticate: Oe,
           deauthenticate: Z,
-          createAttachmentRules: W
+          createAttachmentRules: j
         }
       },
       n
@@ -1327,7 +1327,7 @@ const zs = () => {
     return { disabled: !0, disabledBy: "unavailable" };
   if (i === "reconnecting")
     return { disabled: !0, disabledBy: "reconnecting" };
-  if ($e(e))
+  if (ke(e))
     return { disabled: !0, disabledBy: "conversation_closed" };
   if (Ys(e))
     return { disabled: !0, disabledBy: "form_active" };
@@ -1342,7 +1342,7 @@ const zs = () => {
   const [s, i] = C(!1), a = vr(e);
   return P(() => {
     if (!t) return;
-    const l = a.some((d) => d.userId === n), c = Qe(t, n) && (ke.isStreaming(t) || r);
+    const l = a.some((d) => d.userId === n), c = Qe(t, n) && (Ie.isStreaming(t) || r);
     i(!!(c || l));
   }, [a, t, n, r]), s;
 }, Ys = (e) => {
@@ -1368,8 +1368,8 @@ const zs = () => {
       a.current && clearTimeout(a.current), i(!0), a.current = setTimeout(() => {
         i(!1), a.current = null;
       }, b);
-    }, g = Date.now() - l, p = Xs - g;
-    return n || p <= 0 ? c() : d(p), () => {
+    }, g = Date.now() - l, f = Xs - g;
+    return n || f <= 0 ? c() : d(f), () => {
       a.current && clearTimeout(a.current);
     };
   }, [n, l]), s && e;
@@ -1394,7 +1394,7 @@ const zs = () => {
   };
 }, {
   Provider: ei
-} = te("AIAgentConversation");
+} = ee("AIAgentConversation");
 function ti({
   children: e,
   channelUrl: t,
@@ -1407,18 +1407,18 @@ function ti({
   onAfterSendMessage: c = _e,
   shouldMarkAsRead: d = !0,
   shouldCountNewMessages: g = () => !1,
-  sortComparator: p
+  sortComparator: f
 }) {
   var M;
-  const b = () => d && (u == null ? void 0 : u.markAsRead()), { chatSDK: _, logger: v, dispatcher: E } = X(), { channel: u, channelFetchError: f, fetchChannel: x } = ni(t), y = gs(_, u, {
+  const b = () => d && (u == null ? void 0 : u.markAsRead()), { chatSDK: v, logger: _, dispatcher: E } = X(), { channel: u, channelFetchError: p, fetchChannel: x } = ni(t), y = gs(v, u, {
     replyType: Mo.ONLY_REPLY_TO_CHANNEL,
     shouldCountNewMessages: g,
     onChannelDeleted: n,
     onMessagesReceived: (N) => r == null ? void 0 : r(N),
     onMessagesUpdated: (N) => s == null ? void 0 : s(N),
-    logger: v,
+    logger: _,
     markAsRead: b,
-    sortComparator: p
+    sortComparator: f
   }), k = Qs(), S = qs({
     channel: u,
     messages: y.messages,
@@ -1427,13 +1427,13 @@ function ti({
   P(() => {
     b();
   }, [d]);
-  const O = $e(u);
+  const O = ke(u);
   P(() => {
     i == null || i(O);
   }, [O, i]), P(() => {
-    const N = async (W) => {
-      const K = typeof (W == null ? void 0 : W.channelUrl) == "string";
-      u && K && W.channelUrl !== u.url || (v.debug("conversation.dispatcher: try to close conversation", u), u != null && u.conversation && u.conversation.status === ee.OPEN && (await u.closeConversation(), a == null || a()));
+    const N = async (j) => {
+      const K = typeof (j == null ? void 0 : j.channelUrl) == "string";
+      u && K && j.channelUrl !== u.url || (_.debug("conversation.dispatcher: try to close conversation", u), u != null && u.conversation && u.conversation.status === Q.OPEN && (await u.closeConversation(), a == null || a()));
     };
     return E.subscribe(Rt.ConversationClose, N), () => {
       E.unsubscribe(Rt.ConversationClose, N);
@@ -1443,10 +1443,10 @@ function ti({
     conversation: (u == null ? void 0 : u.conversation) ?? void 0,
     channelSource: {
       channel: u,
-      error: f,
+      error: p,
       refetch: () => x(),
       closeConversation: async () => {
-        $e(u) || await (u == null ? void 0 : u.closeConversation());
+        ke(u) || await (u == null ? void 0 : u.closeConversation());
       }
     },
     messageSource: {
@@ -1460,19 +1460,19 @@ function ti({
       resetNewMessages: () => y.resetNewMessages(),
       sendUserMessage: async (N) => {
         var K;
-        if (((K = u == null ? void 0 : u.conversation) == null ? void 0 : K.status) === ee.CLOSED)
+        if (((K = u == null ? void 0 : u.conversation) == null ? void 0 : K.status) === Q.CLOSED)
           throw new Error("Conversation is closed");
         l && (N = await l(N));
-        const W = await y.sendUserMessage(N, c);
-        return c == null || c(W), W;
+        const j = await y.sendUserMessage(N, c);
+        return c == null || c(j), j;
       },
       sendFileMessage: async (N) => {
         var K;
-        if (((K = u == null ? void 0 : u.conversation) == null ? void 0 : K.status) === ee.CLOSED)
+        if (((K = u == null ? void 0 : u.conversation) == null ? void 0 : K.status) === Q.CLOSED)
           throw new Error("Conversation is closed");
         l && (N = await l(N));
-        const W = await y.sendFileMessage(N, c);
-        return c == null || c(W), W;
+        const j = await y.sendFileMessage(N, c);
+        return c == null || c(j), j;
       }
     },
     state: {
@@ -1516,7 +1516,7 @@ function ri(e) {
         const a = await e.refresh();
         a.url === n.url && r({
           url: a.url,
-          status: ((l = a.conversation) == null ? void 0 : l.status) ?? ee.OPEN
+          status: ((l = a.conversation) == null ? void 0 : l.status) ?? Q.OPEN
         });
       }
     });
@@ -1560,15 +1560,15 @@ class oi {
       copilotSupportChannelUrl: (g = this.filter) == null ? void 0 : g.copilotSupportChannelUrl,
       limit: this._limit
     }), this._token = "", this._timestamp = Number.MAX_SAFE_INTEGER, this._isSyncing = !1, this._throttledOnChannelChanged = fr(
-      (p) => {
-        p.isGroupChannel() && (this._query.belongsTo(p) ? this._addChannelsToView([p], !1) : this._removeChannelsFromView([p.url]));
+      (f) => {
+        f.isGroupChannel() && (this._query.belongsTo(f) ? this._addChannelsToView([f], !1) : this._removeChannelsFromView([f.url]));
       },
       250,
       { trailing: !1, leading: !0 }
     ), this._channelHandler = new No({
       onChannelChanged: this._throttledOnChannelChanged,
-      onChannelDeleted: (p) => {
-        this._removeChannelsFromView([p]);
+      onChannelDeleted: (f) => {
+        this._removeChannelsFromView([f]);
       }
     }), this._connectionHandler = new xt({
       onReconnectSucceeded: () => {
@@ -1627,8 +1627,8 @@ class oi {
       if (d === void 0) continue;
       const g = Bt(this._pinnedChannels, c);
       g >= 0 ? (this._pinnedChannels.splice(g, 1), i.push(c)) : s.push(c);
-      const b = this._pinnedChannels.findIndex((v) => (r.get(v.url) ?? 1 / 0) > d), _ = b === -1 ? this._pinnedChannels.length : b;
-      this._pinnedChannels.splice(_, 0, c);
+      const b = this._pinnedChannels.findIndex((_) => (r.get(_.url) ?? 1 / 0) > d), v = b === -1 ? this._pinnedChannels.length : b;
+      this._pinnedChannels.splice(v, 0, c);
     }
     return { addedChannels: s, updatedChannels: i, unmatchedChannelUrls: a };
   }
@@ -1647,8 +1647,8 @@ class oi {
       }
       const l = Bt(this._channels, a), c = l < 0;
       !c && this._channels.splice(l, 1);
-      const g = si(this._channels, a, this._order).place, p = g === this._channels.length;
-      c ? p ? (n || !this.hasMore) && (this._channels.push(a), s.push(a)) : (this._channels.splice(g, 0, a), s.push(a)) : (this._channels.splice(g, 0, a), i.push(a));
+      const g = si(this._channels, a, this._order).place, f = g === this._channels.length;
+      c ? f ? (n || !this.hasMore) && (this._channels.push(a), s.push(a)) : (this._channels.splice(g, 0, a), s.push(a)) : (this._channels.splice(g, 0, a), i.push(a));
     }
     return { addedChannels: s, updatedChannels: i, unmatchedChannelUrls: r };
   }
@@ -1658,12 +1658,12 @@ class oi {
    * @param forceAppend - Whether to force append channels at the end
    */
   _addChannelsToView(t, n = !1) {
-    var p, b, _, v, E;
-    const r = new Set(((p = this.filter) == null ? void 0 : p.pinnedChannelUrls) ?? []), s = [], i = [];
+    var f, b, v, _, E;
+    const r = new Set(((f = this.filter) == null ? void 0 : f.pinnedChannelUrls) ?? []), s = [], i = [];
     for (const u of t)
       r.has(u.url) ? s.push(u) : i.push(u);
     const a = this._upsertPinnedChannelsToArray(s), l = this._upsertRegularChannelsToArray(i, n), c = a.addedChannels.concat(l.addedChannels), d = a.updatedChannels.concat(l.updatedChannels), g = a.unmatchedChannelUrls.concat(l.unmatchedChannelUrls);
-    c.length > 0 && ((_ = (b = this._collectionEventHandler) == null ? void 0 : b.onChannelsAdded) == null || _.call(b, {}, c)), d.length > 0 && ((E = (v = this._collectionEventHandler) == null ? void 0 : v.onChannelsUpdated) == null || E.call(v, {}, d)), g.length > 0 && this._removeChannelsFromView(g);
+    c.length > 0 && ((v = (b = this._collectionEventHandler) == null ? void 0 : b.onChannelsAdded) == null || v.call(b, {}, c)), d.length > 0 && ((E = (_ = this._collectionEventHandler) == null ? void 0 : _.onChannelsUpdated) == null || E.call(_, {}, d)), g.length > 0 && this._removeChannelsFromView(g);
   }
   /**
    * Removes channels from the collection by their URLs.
@@ -1752,10 +1752,10 @@ const Bt = (e, t) => e.findIndex((n) => n.isIdentical(t)), si = (e, t, n) => {
   }
 };
 function ii(e, t) {
-  var v, E, u, f, x, y, k, S, O, $;
-  const n = Wt(), [r, s] = C(!1), [i, a] = C(null), [l, c] = C([]), [d, g] = C(null), p = B(!1), b = L(async () => {
-    if (!p.current && e.currentUser) {
-      p.current = !0, s(!1), a(null), c([]);
+  var _, E, u, p, x, y, k, S, O, $;
+  const n = Wt(), [r, s] = C(!1), [i, a] = C(null), [l, c] = C([]), [d, g] = C(null), f = B(!1), b = L(async () => {
+    if (!f.current && e.currentUser) {
+      f.current = !0, s(!1), a(null), c([]);
       try {
         d == null || d.dispose();
         const M = new oi(e, t);
@@ -1773,21 +1773,21 @@ function ii(e, t) {
       } catch (M) {
         g(null), a(M);
       } finally {
-        s(!0), p.current = !1;
+        s(!0), f.current = !1;
       }
     }
   }, [
     e,
     e.currentUser,
-    (v = t.filter) == null ? void 0 : v.aiAgentChannelFilter,
+    (_ = t.filter) == null ? void 0 : _.aiAgentChannelFilter,
     (u = (E = t.filter) == null ? void 0 : E.aiAgentConversationStatusFilter) == null ? void 0 : u.join(),
-    (x = (f = t.filter) == null ? void 0 : f.aiAgentIds) == null ? void 0 : x.join(),
+    (x = (p = t.filter) == null ? void 0 : p.aiAgentIds) == null ? void 0 : x.join(),
     (y = t.filter) == null ? void 0 : y.deskChannelFilter,
     (S = (k = t.filter) == null ? void 0 : k.pinnedChannelUrls) == null ? void 0 : S.join(),
     (O = t.filter) == null ? void 0 : O.copilotConversationOnly,
     ($ = t.filter) == null ? void 0 : $.copilotSupportChannelUrl,
     t.limit
-  ]), _ = L(async () => {
+  ]), v = L(async () => {
     if (d)
       try {
         await d.loadMore();
@@ -1798,27 +1798,27 @@ function ii(e, t) {
   return P(() => (e.addConnectionHandler(n, new xt({ onConnected: () => b() })), () => e.removeConnectionHandler(n)), [e, n, b]), P(() => {
     b();
   }, [b]), P(() => () => {
-    p.current = !1, d == null || d.dispose();
+    f.current = !1, d == null || d.dispose();
   }, [d]), {
     initialized: r,
     error: i,
     channels: l,
-    loadMore: _
+    loadMore: v
   };
 }
 const {
   Provider: ai
-} = te("AIAgentConversationList");
+} = ee("AIAgentConversationList");
 function li({
   conversationListLimit: e,
   conversationListFilter: t,
   children: n
 }) {
-  var p, b;
+  var f, b;
   const { chatSDK: r, aiAgentId: s, queryParams: i } = X(), a = {
     aiAgentIds: [s],
-    aiAgentConversationStatusFilter: [ee.CLOSED, ee.OPEN]
-  }, l = e ?? ((p = i == null ? void 0 : i.conversationListParams) == null ? void 0 : p.limit), c = {
+    aiAgentConversationStatusFilter: [Q.CLOSED, Q.OPEN]
+  }, l = e ?? ((f = i == null ? void 0 : i.conversationListParams) == null ? void 0 : f.limit), c = {
     ...a,
     ...(b = i == null ? void 0 : i.conversationListParams) == null ? void 0 : b.filter,
     ...t
@@ -1849,31 +1849,31 @@ function ci(e) {
 const {
   Provider: di,
   useContext: _r
-} = te("MessageTemplateFetching");
+} = ee("MessageTemplateFetching");
 function ui({ children: e, internalVariables: t }) {
   const n = B({}), r = B({}), [s, i] = C({}), a = L((d, g) => {
-    i((p) => ({
-      ...p,
-      [d]: { fetching: !1, error: !1, ...p[d], ...g }
+    i((f) => ({
+      ...f,
+      [d]: { fetching: !1, error: !1, ...f[d], ...g }
     }));
   }, []), l = L(
     async ({
       onRequestTemplate: d,
       onGetCachedTemplate: g,
-      templateKey: p,
+      templateKey: f,
       suspense: b = !1
     }) => {
-      const _ = g(p);
-      if (_) return _;
-      const v = r.current[p];
+      const v = g(f);
       if (v) return v;
-      b || a(p, { fetching: !0 });
-      const E = d(p).catch((u) => {
-        throw b || a(p, { error: !0 }), u;
+      const _ = r.current[f];
+      if (_) return _;
+      b || a(f, { fetching: !0 });
+      const E = d(f).catch((u) => {
+        throw b || a(f, { error: !0 }), u;
       }).finally(() => {
-        b || a(p, { fetching: !1 }), delete r.current[p];
+        b || a(f, { fetching: !1 }), delete r.current[f];
       });
-      return r.current[p] = E, E;
+      return r.current[f] = E, E;
     },
     [a]
   ), c = {
@@ -1882,8 +1882,8 @@ function ui({ children: e, internalVariables: t }) {
     suspend: (d, g) => {
       if (n.current[d])
         return n.current[d];
-      const p = ci(g());
-      return n.current[d] = p, p;
+      const f = ci(g());
+      return n.current[d] = f, f;
     },
     getIsFetching: (d) => {
       var g;
@@ -1900,7 +1900,7 @@ const Ct = {
   VARIABLE: (e) => new RegExp(`\\{${e}\\}`, "g"),
   VIEW_VARIABLE: (e) => new RegExp(`"{@${e}}"`, "g")
 };
-function Me({ uiTemplateString: e, variables: t = {} }) {
+function $e({ uiTemplateString: e, variables: t = {} }) {
   const n = Hs(t);
   return Zt({
     template: e,
@@ -1908,7 +1908,7 @@ function Me({ uiTemplateString: e, variables: t = {} }) {
     variableKeyPattern: (r) => Ct.VARIABLE(r)
   });
 }
-function Le({
+function Me({
   theme: e,
   uiTemplateString: t,
   colorVariables: n = {}
@@ -1934,21 +1934,21 @@ function mi({
     variables: n,
     variableKeyPattern: (d) => Ct.VIEW_VARIABLE(d),
     variableValueTransformer: (d) => {
-      const g = d.map(({ key: p, variables: b }) => {
-        const _ = i(p), { ui_template: v, color_variables: E } = et(_);
-        let u = JSON.stringify(v);
-        return u = Me({
+      const g = d.map(({ key: f, variables: b }) => {
+        const v = i(f), { ui_template: _, color_variables: E } = et(v);
+        let u = JSON.stringify(_);
+        return u = $e({
           uiTemplateString: u,
           variables: s
-        }), u = Le({
+        }), u = Me({
           theme: e,
           uiTemplateString: u,
           colorVariables: E
-        }), u = Le({
+        }), u = Me({
           theme: e,
           uiTemplateString: u,
           colorVariables: r
-        }), u = Me({
+        }), u = $e({
           uiTemplateString: u,
           variables: b
         }), _t(u);
@@ -1971,23 +1971,23 @@ async function gi({
     variableKeyPattern: (a) => Ct.VIEW_VARIABLE(a),
     variableValueTransformer: async (a) => {
       const l = a.map(async ({ key: d, variables: g }) => {
-        const p = await i(d), { ui_template: b, color_variables: _ } = et(p);
-        let v = JSON.stringify(b);
-        return v = Me({
-          uiTemplateString: v,
+        const f = await i(d), { ui_template: b, color_variables: v } = et(f);
+        let _ = JSON.stringify(b);
+        return _ = $e({
+          uiTemplateString: _,
           variables: s
-        }), v = Le({
+        }), _ = Me({
           theme: e,
-          uiTemplateString: v,
-          colorVariables: _
-        }), v = Le({
+          uiTemplateString: _,
+          colorVariables: v
+        }), _ = Me({
           theme: e,
-          uiTemplateString: v,
+          uiTemplateString: _,
           colorVariables: r
-        }), v = Me({
-          uiTemplateString: v,
+        }), _ = $e({
+          uiTemplateString: _,
           variables: g
-        }), _t(v);
+        }), _t(_);
       }), c = await Promise.all(l);
       return JSON.stringify(c);
     }
@@ -2011,7 +2011,7 @@ const hi = ({
     if (c === null) return null;
     a = c;
   }
-  return a = Me({ ...r, uiTemplateString: a, variables: n }), a = Le({ ...r, uiTemplateString: a, colorVariables: i }), a = Le({ ...r, uiTemplateString: a, colorVariables: t }), a = Me({ ...r, uiTemplateString: a }), _t(a);
+  return a = $e({ ...r, uiTemplateString: a, variables: n }), a = Me({ ...r, uiTemplateString: a, colorVariables: i }), a = Me({ ...r, uiTemplateString: a, colorVariables: t }), a = $e({ ...r, uiTemplateString: a }), _t(a);
 }, pi = async ({
   rawTemplate: e,
   aiAgentColorVariables: t,
@@ -2025,7 +2025,7 @@ const hi = ({
     uiTemplateString: a,
     aiAgentColorVariables: t,
     internalVariables: n
-  })), a = Me({ ...r, uiTemplateString: a, variables: n }), a = Le({ ...r, uiTemplateString: a, colorVariables: i }), a = Le({ ...r, uiTemplateString: a, colorVariables: t }), a = Me({ ...r, uiTemplateString: a }), _t(a);
+  })), a = $e({ ...r, uiTemplateString: a, variables: n }), a = Me({ ...r, uiTemplateString: a, colorVariables: i }), a = Me({ ...r, uiTemplateString: a, colorVariables: t }), a = $e({ ...r, uiTemplateString: a }), _t(a);
 }, fi = (e) => {
   const { aiAgentColorVariables: t = {} } = e, { internalVariables: n } = _r();
   return C(() => {
@@ -2205,68 +2205,68 @@ const wi = (e, t = {}) => {
     if (d === "submitted" || d === "canceled") {
       const E = {};
       let u = !1;
-      e.fields.forEach((f) => {
-        const x = $n(f);
-        JSON.stringify(l[f.key]) !== JSON.stringify(x) && (u = !0), E[f.key] = x;
+      e.fields.forEach((p) => {
+        const x = $n(p);
+        JSON.stringify(l[p.key]) !== JSON.stringify(x) && (u = !0), E[p.key] = x;
       }), u && c(E);
     }
   }, [d]);
   const g = (E, u) => {
-    c((f) => ({ ...f, [E]: u })), a((f) => ({ ...f, [E]: void 0 }));
-  }, p = e.fields.map((E) => {
+    c((p) => ({ ...p, [E]: u })), a((p) => ({ ...p, [E]: void 0 }));
+  }, f = e.fields.map((E) => {
     var x, y, k;
-    const u = l[E.key] ?? null, f = {
+    const u = l[E.key] ?? null, p = {
       key: E.key,
       label: E.label,
       error: i[E.key],
       required: E.required
     };
     return E.type === "text" ? {
-      ...f,
+      ...p,
       type: "text",
       layout: E.layout,
       value: u,
       ...E.placeholder && { placeholder: E.placeholder },
       ...((x = E.rules) == null ? void 0 : x.max_length) && { maxLength: E.rules.max_length }
     } : E.type === "number" ? {
-      ...f,
+      ...p,
       type: "number",
       layout: E.layout,
       value: u,
       ...E.placeholder && { placeholder: E.placeholder },
       ...((y = E.rules) == null ? void 0 : y.max) && { max: E.rules.max }
     } : E.type === "single-select" ? {
-      ...f,
+      ...p,
       type: "single-select",
       layout: E.layout,
       value: u,
       options: E.options
     } : E.type === "multi-select" ? {
-      ...f,
+      ...p,
       type: "multi-select",
       layout: E.layout,
       value: u,
       options: E.options,
       ...((k = E.rules) == null ? void 0 : k.max_select) && { maxSelect: E.rules.max_select }
-    } : { ...f, type: "unknown", layout: "default", value: null };
+    } : { ...p, type: "unknown", layout: "default", value: null };
   });
   return {
     state: d,
-    fields: p,
-    getField: (E) => p.find((u) => u.key === E),
+    fields: f,
+    getField: (E) => f.find((u) => u.key === E),
     updateFieldValue: g,
     submit: async () => {
       const E = {};
       let u = !1;
-      for (const f of e.fields) {
-        const x = l[f.key] ?? null, y = Ai(f, x, n);
-        y.isValid || (E[f.key] = y.error, u = !0);
+      for (const p of e.fields) {
+        const x = l[p.key] ?? null, y = Ai(p, x, n);
+        y.isValid || (E[p.key] = y.error, u = !0);
       }
       if (a(E), !u && r) {
-        const f = {};
+        const p = {};
         e.fields.forEach((x) => {
-          f[x.key] = l[x.key] ?? null;
-        }), await r(f);
+          p[x.key] = l[x.key] ?? null;
+        }), await r(p);
       }
     },
     cancel: async () => {
@@ -2301,24 +2301,24 @@ const Ii = /* @__PURE__ */ new Set(["free_text", "single_choice"]), ki = ({ csat
     isResolved: s
   }), [l, c] = Mn({ followUpItem: !1 }), d = ie(() => {
     var E;
-    const _ = i.csat;
-    if (typeof _ != "number") return;
-    const v = (E = e.follow_up) == null ? void 0 : E.find(
-      (u) => u.scores.includes(_)
+    const v = i.csat;
+    if (typeof v != "number") return;
+    const _ = (E = e.follow_up) == null ? void 0 : E.find(
+      (u) => u.scores.includes(v)
     );
-    if (Ii.has(v == null ? void 0 : v.response_type)) return v;
+    if (Ii.has(_ == null ? void 0 : _.response_type)) return _;
   }, [i.csat, e.follow_up]), g = (() => {
-    var _;
+    var v;
     if (typeof n == "number")
       return "submitted";
     if ((t === Ee.AI_AGENT_CSAT_5 || t === Ee.HELPDESK_CSAT_5) && typeof i.csat == "number")
       return "submittable";
     if (t === Ee.AI_AGENT_CSAT_5_WITH_CRE) {
-      const v = typeof i.csat == "number", E = !((_ = e.cre) != null && _.required) || typeof i.isResolved == "boolean";
-      if (v && E) return "submittable";
+      const _ = typeof i.csat == "number", E = !((v = e.cre) != null && v.required) || typeof i.isResolved == "boolean";
+      if (_ && E) return "submittable";
     }
     return "unsubmittable";
-  })(), p = L(() => typeof i.csat > "u" ? !1 : d != null && d.required && !i.csatReason ? (c({ followUpItem: !0 }), !1) : !0, [i, d, c]);
+  })(), f = L(() => typeof i.csat > "u" ? !1 : d != null && d.required && !i.csatReason ? (c({ followUpItem: !0 }), !1) : !0, [i, d, c]);
   return P(() => {
     r || (a({ csatReason: "" }), c({ followUpItem: !1 }));
   }, [r, d, a, c]), {
@@ -2328,7 +2328,7 @@ const Ii = /* @__PURE__ */ new Set(["free_text", "single_choice"]), ki = ({ csat
     setError: c,
     followUpItem: d,
     state: g,
-    validateParams: p,
+    validateParams: f,
     itemProps: {
       csatPayload: e,
       state: g,
@@ -2344,36 +2344,36 @@ const Ii = /* @__PURE__ */ new Set(["free_text", "single_choice"]), ki = ({ csat
     onStart: r,
     onProgress: s,
     onComplete: i
-  }).current, p = B({
+  }).current, f = B({
     startCalled: !1,
     completeCalled: !1
   }).current, b = B({
     initialEnabled: n,
     textLength: t.length,
     enabled: n
-  }).current, _ = n, v = a < t.length, E = b.initialEnabled && (_ || v);
-  return se(() => {
+  }).current, v = n, _ = a < t.length, E = b.initialEnabled && (v || _);
+  return oe(() => {
     g.onStart = r, g.onProgress = s, g.onComplete = i, b.textLength = t.length, b.enabled = n;
-  }), se(() => {
+  }), oe(() => {
     var u;
-    b.initialEnabled && (p.startCalled || (p.startCalled = !0, (u = g.onStart) == null || u.call(g)), l((f) => t.length < f ? t.length : f));
+    b.initialEnabled && (f.startCalled || (f.startCalled = !0, (u = g.onStart) == null || u.call(g)), l((p) => t.length < p ? t.length : p));
   }, [t]), P(() => {
     if (!b.initialEnabled) return;
     let u = Ln(t.length);
     d.lastUpdate = 0, d.startTime = 0, d.lastProgressCall = 0;
-    const f = (x) => {
-      var W;
+    const p = (x) => {
+      var j;
       d.lastUpdate === 0 && (d.lastUpdate = x, d.startTime = x, d.lastProgressCall = x);
       const y = b.textLength, k = x - d.lastUpdate, S = x - d.startTime, { speed: O, chunkSize: $ } = Li(S), M = O * $;
-      k >= M && u < y && (u = Math.min(u + $, y), l(u), d.lastUpdate = x), x - d.lastProgressCall >= $i && (d.lastProgressCall = x, (W = g.onProgress) == null || W.call(g)), (u < y || b.enabled) && (c.current = requestAnimationFrame(f));
+      k >= M && u < y && (u = Math.min(u + $, y), l(u), d.lastUpdate = x), x - d.lastProgressCall >= $i && (d.lastProgressCall = x, (j = g.onProgress) == null || j.call(g)), (u < y || b.enabled) && (c.current = requestAnimationFrame(p));
     };
-    return c.current = requestAnimationFrame(f), () => {
+    return c.current = requestAnimationFrame(p), () => {
       c.current && cancelAnimationFrame(c.current);
     };
   }, []), P(() => {
     var y;
-    const u = b.initialEnabled && p.startCalled, f = !n, x = a >= t.length && t.length > 0;
-    u && f && x && !p.completeCalled && (p.completeCalled = !0, (y = g.onComplete) == null || y.call(g));
+    const u = b.initialEnabled && f.startCalled, p = !n, x = a >= t.length && t.length > 0;
+    u && p && x && !f.completeCalled && (f.completeCalled = !0, (y = g.onComplete) == null || y.call(g));
   }, [n, a, t.length]), {
     streamText: b.initialEnabled ? t.slice(0, a) : t,
     isAnimating: E
@@ -2593,7 +2593,7 @@ async function Vi(e) {
   if (t) return t;
   try {
     if (Fi.has(e)) {
-      const { default: n } = await Pi(/* @__PURE__ */ Object.assign({ "./languages/de.ts": () => import("./mtnNHynw.js"), "./languages/en.ts": () => Promise.resolve().then(() => Hi), "./languages/es.ts": () => import("./BxWKGsN8.js"), "./languages/fr.ts": () => import("./D7zRQ3VS.js"), "./languages/hi.ts": () => import("./D5KHmygq.js"), "./languages/it.ts": () => import("./Dur4PKN0.js"), "./languages/ja.ts": () => import("./C9VMhstH.js"), "./languages/ko.ts": () => import("./DsASYf2Y.js"), "./languages/pt.ts": () => import("./4_6hq4x3.js"), "./languages/tr.ts": () => import("./BGcty2ek.js") }), `./languages/${e}.ts`, 3);
+      const { default: n } = await Pi(/* @__PURE__ */ Object.assign({ "./languages/de.ts": () => import("./YUOGDsml.js"), "./languages/en.ts": () => Promise.resolve().then(() => Hi), "./languages/es.ts": () => import("./CFFZNjOj.js"), "./languages/fr.ts": () => import("./-WWqhsdP.js"), "./languages/hi.ts": () => import("./Bsb8urZu.js"), "./languages/it.ts": () => import("./C3PP_RTM.js"), "./languages/ja.ts": () => import("./yBEMlNSs.js"), "./languages/ko.ts": () => import("./BDvtEnu9.js"), "./languages/pt.ts": () => import("./nGzMJZzZ.js"), "./languages/tr.ts": () => import("./DIrWtn8H.js") }), `./languages/${e}.ts`, 3);
       return Pt.set(e, n), n;
     }
     return pt;
@@ -2604,7 +2604,7 @@ async function Vi(e) {
 const {
   Provider: zi,
   useContext: G
-} = te("Localization"), Gi = ({
+} = ee("Localization"), Gi = ({
   language: e = navigator.language,
   logger: t,
   stringSet: n,
@@ -2732,7 +2732,7 @@ const {
 }, {
   Provider: qi,
   useContext: Sr
-} = te("MessengerTheme");
+} = ee("MessengerTheme");
 function Ki(e) {
   const { theme: t, appearance: n, logger: r } = e;
   return /* @__PURE__ */ o.createElement(
@@ -2748,7 +2748,7 @@ function Ki(e) {
 }
 function Yi({ rootElement: e = document.body, children: t }) {
   const { theme: n, updateTheme: r } = Yt();
-  return se(() => {
+  return oe(() => {
     e.setAttribute(ft, n.selectedTheme);
   }, [e, n.selectedTheme]), /* @__PURE__ */ o.createElement(Co, { theme: n }, /* @__PURE__ */ o.createElement(qi, { value: { theme: n, updateTheme: r, rootElement: e } }, t));
 }
@@ -2776,7 +2776,7 @@ const Zi = (e, t) => {
   Provider: Ji,
   Consumer: Tr,
   useContext: Y
-} = te("Messenger");
+} = ee("Messenger");
 function Qi({
   children: e,
   state: t,
@@ -2791,12 +2791,12 @@ function Qi({
     expanded: (t == null ? void 0 : t.expanded) ?? c,
     setExpanded: (t == null ? void 0 : t.setExpanded) ?? d
   };
-  return /* @__PURE__ */ o.createElement(ms, { ...i }, (p) => /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ o.createElement(ms, { ...i }, (f) => /* @__PURE__ */ o.createElement(
     Ji,
     {
       value: {
         ...i,
-        ...p,
+        ...f,
         state: g,
         enableCloseConversationButton: n,
         enableExpandButton: r,
@@ -2938,7 +2938,7 @@ function Ea({ file: e, children: t, onClickFile: n }) {
     }
   ), t);
 }
-const xa = h.div`display:flex;flex-direction:column;align-items:flex-start;gap:${V.GAP_GROUPED}px;`, va = "1.13.0", ce = "sb-agent", de = {
+const xa = h.div`display:flex;flex-direction:column;align-items:flex-start;gap:${V.GAP_GROUPED}px;`, va = "1.13.1", ce = "sb-agent", de = {
   ENTRY: `${ce}-entry`,
   MODAL_ROOT: `${ce}-modal-root`,
   WINDOW: `${ce}-window`,
@@ -2970,7 +2970,7 @@ const Ta = h.div`display:flex;flex-direction:column;align-items:flex-start;gap:$
 `, wa = h.img`width:100%;height:100%;object-fit:cover;`, Ia = h.video`width:100%;height:100%;object-fit:cover;`, ka = "✱", Ir = (e) => {
   const t = new RegExp(`(\`+)([^\`]+?)\\1|(${ka}+)`, "g");
   return e.replace(t, (n, r, s, i) => r ? n : i ? `<span id=${Ca} aria-label="masked-text">${i}</span>` : n);
-}, $a = (e) => e.replace(/\*\*(.*?)\*\*/g, "<b>$1</b>"), Ma = D(async () => ({ default: (await import("./kx5oY12W.js")).MarkdownText })), La = D(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
+}, $a = (e) => e.replace(/\*\*(.*?)\*\*/g, "<b>$1</b>"), Ma = D(async () => ({ default: (await import("./7nVEVfxl.js")).MarkdownText })), La = D(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
 function Nn(e) {
   var s, i;
   const t = e.maxBodyWidth ?? V.BODY_MAX_WIDTH, n = ie(() => ts(e.message, Ir), [e.message]), r = {
@@ -3086,38 +3086,38 @@ const Tt = ({ style: e, rootElementId: t, visible: n, onClose: r, children: s })
   onSubmit: i,
   isCommentEnabled: a = !1
 }) => {
-  const { stringSet: l } = G(), [c, d] = C(r), [g, p] = C(s);
-  se(() => {
-    e ? (d(r), p(s)) : (d(void 0), p(""));
+  const { stringSet: l } = G(), [c, d] = C(r), [g, f] = C(s);
+  oe(() => {
+    e ? (d(r), f(s)) : (d(void 0), f(""));
   }, [e, r, s]);
   const b = () => {
     c && (i({ rating: c, comment: g.trim() || void 0 }), t());
-  }, _ = () => {
+  }, v = () => {
     t();
   };
-  return e ? /* @__PURE__ */ o.createElement(Tt, { rootElementId: de.WINDOW, visible: e, onClose: _ }, /* @__PURE__ */ o.createElement(cl, null, /* @__PURE__ */ o.createElement(dl, null, /* @__PURE__ */ o.createElement(w, { variant: "h2", color: m.themedColor.textHighEmphasis }, l.FEEDBACK_TITLE)), /* @__PURE__ */ o.createElement(ul, null, /* @__PURE__ */ o.createElement(ml, null, ["good", "bad"].map((v) => {
-    const E = c === v, u = v === "good" ? l.FEEDBACK_GOOD : l.FEEDBACK_BAD;
+  return e ? /* @__PURE__ */ o.createElement(Tt, { rootElementId: de.WINDOW, visible: e, onClose: v }, /* @__PURE__ */ o.createElement(cl, null, /* @__PURE__ */ o.createElement(dl, null, /* @__PURE__ */ o.createElement(w, { variant: "h2", color: m.themedColor.textHighEmphasis }, l.FEEDBACK_TITLE)), /* @__PURE__ */ o.createElement(ul, null, /* @__PURE__ */ o.createElement(ml, null, ["good", "bad"].map((_) => {
+    const E = c === _, u = _ === "good" ? l.FEEDBACK_GOOD : l.FEEDBACK_BAD;
     return /* @__PURE__ */ o.createElement(
       gl,
       {
-        key: v,
+        key: _,
         $selected: E,
-        $rating: v,
-        onClick: () => d(v)
+        $rating: _,
+        onClick: () => d(_)
       },
       /* @__PURE__ */ o.createElement(
         H,
         {
-          type: E ? Ut(v) : v,
+          type: E ? Ut(_) : _,
           size: 24,
-          color: E ? Pn[v] : m.themedColor.textLowEmphasis
+          color: E ? Pn[_] : m.themedColor.textLowEmphasis
         }
       ),
       /* @__PURE__ */ o.createElement(
         w,
         {
           variant: "caption1",
-          color: E ? Pn[v] : m.themedColor.textLowEmphasis
+          color: E ? Pn[_] : m.themedColor.textLowEmphasis
         },
         u
       )
@@ -3127,10 +3127,10 @@ const Tt = ({ style: e, rootElementId: t, visible: n, onClose: r, children: s })
     {
       placeholder: l.FEEDBACK_COMMENT_PLACEHOLDER,
       value: g,
-      onChange: (v) => p(v.target.value),
+      onChange: (_) => f(_.target.value),
       maxLength: 100
     }
-  ))), /* @__PURE__ */ o.createElement(fl, null, /* @__PURE__ */ o.createElement(bl, { onClick: _ }, /* @__PURE__ */ o.createElement(w, { variant: "button", color: m.themedColor.textHighEmphasis }, l.FEEDBACK_CANCEL)), /* @__PURE__ */ o.createElement(El, { onClick: b, disabled: !c }, /* @__PURE__ */ o.createElement(w, { variant: "button" }, n ? l.FEEDBACK_SAVE : l.FEEDBACK_SUBMIT))))) : null;
+  ))), /* @__PURE__ */ o.createElement(fl, null, /* @__PURE__ */ o.createElement(bl, { onClick: v }, /* @__PURE__ */ o.createElement(w, { variant: "button", color: m.themedColor.textHighEmphasis }, l.FEEDBACK_CANCEL)), /* @__PURE__ */ o.createElement(El, { onClick: b, disabled: !c }, /* @__PURE__ */ o.createElement(w, { variant: "button" }, n ? l.FEEDBACK_SAVE : l.FEEDBACK_SUBMIT))))) : null;
 }, cl = h.div`width:280px;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};border-radius:12px;overflow:hidden;`, dl = h.div`padding:24px;`, ul = h.div`padding-inline:24px;display:flex;flex-direction:column;gap:24px;`, ml = h.div`display:flex;gap:4px;`, gl = h.button`width:114px;height:64px;border-radius:12px;border:1px solid ${m.themedColor.textDisabled};box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:0;transition:background-color 0.2s;background-color:${({ $selected: e }) => e ? m.color.background100 : "transparent"};${({ $selected: e }) => F.dark`
     background-color: ${e ? m.color.background600 : "transparent"};
   `}
@@ -3155,19 +3155,19 @@ function xl({
   extendedMessagePayload: i,
   onFeedbackUpdate: a
 }) {
-  const { stringSet: l } = G(), [c, d] = C(!1), [g, p] = C(!1), [b, _] = C(void 0), [v, E] = C(""), u = i == null ? void 0 : i.feedback, f = (u == null ? void 0 : u.rating) ?? "none";
-  if (f !== "none" ? !1 : !!(n || !e || !r || (i == null ? void 0 : i.bot_message_type) !== "generated" || t)) return null;
+  const { stringSet: l } = G(), [c, d] = C(!1), [g, f] = C(!1), [b, v] = C(void 0), [_, E] = C(""), u = i == null ? void 0 : i.feedback, p = (u == null ? void 0 : u.rating) ?? "none";
+  if (p !== "none" ? !1 : !!(n || !e || !r || (i == null ? void 0 : i.bot_message_type) !== "generated" || t)) return null;
   const y = ($) => {
-    f === "none" ? (_($), E(""), d(!0)) : p(!0);
+    p === "none" ? (v($), E(""), d(!0)) : f(!0);
   }, k = () => {
-    a == null || a(null), p(!1);
+    a == null || a(null), f(!1);
   }, S = () => {
-    p(!1), _(u == null ? void 0 : u.rating), E((u == null ? void 0 : u.comment) ?? ""), d(!0);
+    f(!1), v(u == null ? void 0 : u.rating), E((u == null ? void 0 : u.comment) ?? ""), d(!0);
   }, O = ($) => {
     a == null || a($);
   };
-  return t && f !== "none" ? /* @__PURE__ */ o.createElement(Hn, { $horizontal: !0 }, /* @__PURE__ */ o.createElement(vl, null, /* @__PURE__ */ o.createElement(H, { type: Ut(f), size: 12, color: Un[f] })), (u == null ? void 0 : u.comment) && /* @__PURE__ */ o.createElement(Vn, { variant: "caption2", style: { lineHeight: "16px" } }, u.comment)) : /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(Hn, null, /* @__PURE__ */ o.createElement(_l, null, ["good", "bad"].map(($) => {
-    const M = f === $;
+  return t && p !== "none" ? /* @__PURE__ */ o.createElement(Hn, { $horizontal: !0 }, /* @__PURE__ */ o.createElement(vl, null, /* @__PURE__ */ o.createElement(H, { type: Ut(p), size: 12, color: Un[p] })), (u == null ? void 0 : u.comment) && /* @__PURE__ */ o.createElement(Vn, { variant: "caption2", style: { lineHeight: "16px" } }, u.comment)) : /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(Hn, null, /* @__PURE__ */ o.createElement(_l, null, ["good", "bad"].map(($) => {
+    const M = p === $;
     return /* @__PURE__ */ o.createElement(
       yl,
       {
@@ -3185,14 +3185,14 @@ function xl({
         }
       )
     );
-  })), f !== "none" && (u == null ? void 0 : u.comment) && /* @__PURE__ */ o.createElement(Vn, { variant: "caption2" }, u.comment)), /* @__PURE__ */ o.createElement(Ue, { visible: g, onClose: () => p(!1) }, /* @__PURE__ */ o.createElement(Ue.ActionItem, { onClick: S }, l.FEEDBACK_EDIT), /* @__PURE__ */ o.createElement(Ue.ActionItem, { onClick: k, destructive: !0 }, l.FEEDBACK_REMOVE)), /* @__PURE__ */ o.createElement(
+  })), p !== "none" && (u == null ? void 0 : u.comment) && /* @__PURE__ */ o.createElement(Vn, { variant: "caption2" }, u.comment)), /* @__PURE__ */ o.createElement(Ue, { visible: g, onClose: () => f(!1) }, /* @__PURE__ */ o.createElement(Ue.ActionItem, { onClick: S }, l.FEEDBACK_EDIT), /* @__PURE__ */ o.createElement(Ue.ActionItem, { onClick: k, destructive: !0 }, l.FEEDBACK_REMOVE)), /* @__PURE__ */ o.createElement(
     ll,
     {
       visible: c,
       onClose: () => d(!1),
-      isEdit: f !== "none",
+      isEdit: p !== "none",
       initialRating: b,
-      initialComment: v,
+      initialComment: _,
       onSubmit: O,
       isCommentEnabled: s
     }
@@ -3268,7 +3268,7 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
   max: l
 }) => {
   const c = (g) => {
-    const b = g.target.value.replace(/[^0-9.-]/g, ""), _ = b.split("."), E = _.length > 1 ? _[0] + "." + _.slice(1).join("").replace(/\./g, "") : b;
+    const b = g.target.value.replace(/[^0-9.-]/g, ""), v = b.split("."), E = v.length > 1 ? v[0] + "." + v.slice(1).join("").replace(/\./g, "") : b;
     if (g.target.value = E, E === "" || E === "-")
       t == null || t(null);
     else {
@@ -3416,8 +3416,8 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
 }) => {
   const g = {
     value: e,
-    onChange: (p) => {
-      const b = p.target.value;
+    onChange: (f) => {
+      const b = f.target.value;
       c && b.length > c || t == null || t(b);
     },
     placeholder: n,
@@ -3470,7 +3470,7 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
   if (!t) throw new Error("Form is not provided");
   const { stringSet: n } = G(), [r, s] = C({ submitting: !1, canceling: !1 }), [i, a] = C({
     visible: !1
-  }), { state: l, fields: c, submit: d, cancel: g, updateFieldValue: p } = wi(t, {
+  }), { state: l, fields: c, submit: d, cancel: g, updateFieldValue: f } = wi(t, {
     labels: {
       required: n.FORM_VALIDATION_REQUIRED,
       regex: n.FORM_VALIDATION_REGEX_FAILED,
@@ -3481,87 +3481,87 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
       minSelect: n.FORM_VALIDATION_MIN_SELECT,
       maxSelect: n.FORM_VALIDATION_MAX_SELECT
     },
-    onSubmit: (f) => {
+    onSubmit: (p) => {
       var x;
-      return (x = e.onSubmitForm) == null ? void 0 : x.call(e, { key: t.key, data: f });
+      return (x = e.onSubmitForm) == null ? void 0 : x.call(e, { key: t.key, data: p });
     },
     onCancel: () => {
-      var f;
-      return (f = e.onCancelForm) == null ? void 0 : f.call(e, { key: t.key });
+      var p;
+      return (p = e.onCancelForm) == null ? void 0 : p.call(e, { key: t.key });
     }
-  }), b = l === "submitted", _ = async () => {
-    s((f) => ({ ...f, submitting: !0 }));
+  }), b = l === "submitted", v = async () => {
+    s((p) => ({ ...p, submitting: !0 }));
     try {
       await d();
-    } catch (f) {
+    } catch (p) {
       a({
         visible: !0,
-        description: f instanceof Error ? f.message : n.TRY_AGAIN
+        description: p instanceof Error ? p.message : n.TRY_AGAIN
       });
     } finally {
-      s((f) => ({ ...f, submitting: !1 }));
+      s((p) => ({ ...p, submitting: !1 }));
     }
-  }, v = async () => {
-    s((f) => ({ ...f, canceling: !0 }));
+  }, _ = async () => {
+    s((p) => ({ ...p, canceling: !0 }));
     try {
       await g();
-    } catch (f) {
+    } catch (p) {
       a({
         visible: !0,
-        description: f instanceof Error ? f.message : n.TRY_AGAIN
+        description: p instanceof Error ? p.message : n.TRY_AGAIN
       });
     } finally {
-      s((f) => ({ ...f, canceling: !1 }));
+      s((p) => ({ ...p, canceling: !1 }));
     }
   }, E = ie(() => {
-    const f = () => t.version > sc, x = () => t.fields.some((y) => !ic.has(y.type));
-    return f() || x() ? { 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: "" };
+    const p = () => t.version > sc, x = () => t.fields.some((y) => !ic.has(y.type));
+    return p() || x() ? { 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 : E.visible ? /* @__PURE__ */ o.createElement(rr, null, /* @__PURE__ */ o.createElement(Gn, { $maxWidth: e.maxBodyWidth ?? V.BODY_MAX_WIDTH }, /* @__PURE__ */ o.createElement(J.Title, null, t.title), /* @__PURE__ */ o.createElement(lc, null, c.map((f) => /* @__PURE__ */ o.createElement(cc, { key: f.key }, /* @__PURE__ */ o.createElement(J.Label, { style: { marginBottom: "6px" }, required: f.required }, f.label), f.type === "text" && /* @__PURE__ */ o.createElement(
+  return l === "canceled" ? null : E.visible ? /* @__PURE__ */ o.createElement(rr, null, /* @__PURE__ */ o.createElement(Gn, { $maxWidth: e.maxBodyWidth ?? V.BODY_MAX_WIDTH }, /* @__PURE__ */ o.createElement(J.Title, null, t.title), /* @__PURE__ */ o.createElement(lc, null, c.map((p) => /* @__PURE__ */ o.createElement(cc, { key: p.key }, /* @__PURE__ */ o.createElement(J.Label, { style: { marginBottom: "6px" }, required: p.required }, p.label), p.type === "text" && /* @__PURE__ */ o.createElement(
     J.TextInput,
     {
-      value: f.value || "",
-      placeholder: f.placeholder,
-      onChange: (x) => p(f.key, x),
+      value: p.value || "",
+      placeholder: p.placeholder,
+      onChange: (x) => f(p.key, x),
       disabled: b,
-      error: !!f.error,
+      error: !!p.error,
       submitted: b,
-      variant: f.layout === "multiline" ? "multi-line" : "single-line",
-      maxLength: f.maxLength
+      variant: p.layout === "multiline" ? "multi-line" : "single-line",
+      maxLength: p.maxLength
     }
-  ), f.type === "number" && /* @__PURE__ */ o.createElement(
+  ), p.type === "number" && /* @__PURE__ */ o.createElement(
     J.NumberInput,
     {
-      value: f.value || null,
-      placeholder: f.placeholder,
-      onChange: (x) => p(f.key, x),
+      value: p.value || null,
+      placeholder: p.placeholder,
+      onChange: (x) => f(p.key, x),
       disabled: b,
-      error: !!f.error,
+      error: !!p.error,
       submitted: b,
-      max: f.max
+      max: p.max
     }
-  ), f.type === "single-select" && /* @__PURE__ */ o.createElement(
+  ), p.type === "single-select" && /* @__PURE__ */ o.createElement(
     J.SingleSelect,
     {
-      options: f.options.map((x) => ({ label: x, value: x })),
-      value: f.value || "",
-      onChange: (x) => p(f.key, x),
+      options: p.options.map((x) => ({ label: x, value: x })),
+      value: p.value || "",
+      onChange: (x) => f(p.key, x),
       submitted: b
     }
-  ), f.type === "multi-select" && /* @__PURE__ */ o.createElement(
+  ), p.type === "multi-select" && /* @__PURE__ */ o.createElement(
     J.MultiSelect,
     {
-      options: f.options.map((x) => ({ label: x, value: x })),
-      value: f.value || [],
-      onChange: (x) => p(f.key, x),
+      options: p.options.map((x) => ({ label: x, value: x })),
+      value: p.value || [],
+      onChange: (x) => f(p.key, x),
       submitted: b,
-      maxSelect: f.maxSelect
+      maxSelect: p.maxSelect
     }
-  ), f.error && /* @__PURE__ */ o.createElement(J.ErrorLabel, { style: { marginTop: "4px" } }, f.error)))), /* @__PURE__ */ o.createElement(J.Separator, null), /* @__PURE__ */ o.createElement(dc, null, /* @__PURE__ */ o.createElement(
+  ), p.error && /* @__PURE__ */ o.createElement(J.ErrorLabel, { style: { marginTop: "4px" } }, p.error)))), /* @__PURE__ */ o.createElement(J.Separator, null), /* @__PURE__ */ o.createElement(dc, null, /* @__PURE__ */ o.createElement(
     J.Button,
     {
       variant: b ? "clear" : "primary",
-      onClick: _,
+      onClick: v,
       disabled: b || r.canceling,
       loading: r.submitting
     },
@@ -3570,12 +3570,12 @@ const Hn = h.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
     J.Button,
     {
       variant: "secondary",
-      onClick: v,
+      onClick: _,
       disabled: r.submitting,
       loading: r.canceling
     },
     n.BUTTON__CANCEL
-  ))), /* @__PURE__ */ o.createElement(tn, { ...i, onClose: () => a({ visible: !1, title: "" }) })) : /* @__PURE__ */ o.createElement(Gn, { $maxWidth: e.maxBodyWidth ?? V.BODY_MAX_WIDTH }, /* @__PURE__ */ o.createElement(w, { variant: "body3" }, E.reason), E.cancelable && /* @__PURE__ */ o.createElement(J.Button, { variant: "primary", onClick: v, loading: r.canceling }, n.BUTTON__CANCEL));
+  ))), /* @__PURE__ */ o.createElement(tn, { ...i, onClose: () => a({ visible: !1, title: "" }) })) : /* @__PURE__ */ o.createElement(Gn, { $maxWidth: e.maxBodyWidth ?? V.BODY_MAX_WIDTH }, /* @__PURE__ */ o.createElement(w, { variant: "body3" }, E.reason), E.cancelable && /* @__PURE__ */ o.createElement(J.Button, { variant: "primary", onClick: _, loading: r.canceling }, n.BUTTON__CANCEL));
 }, Gn = h.div`display:flex;flex-direction:column;gap:12px;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e }) => I`
     color: ${e.colors.messageIncoming.text};
     background-color: ${e.colors.messageIncoming.background};
@@ -3678,7 +3678,7 @@ function Sc(e) {
   return /* @__PURE__ */ o.createElement(Nr, { ...e, testerMode: !1 });
 }
 function Nr(e) {
-  var u, f, x, y, k, S, O;
+  var u, p, x, y, k, S, O;
   const { components: t } = Ve.useContext(), { streamText: n, isAnimating: r } = Oi({
     text: e.message,
     enabled: e.isStreaming,
@@ -3689,8 +3689,8 @@ function Nr(e) {
     ...e,
     message: n,
     extendedMessagePayload: r ? {} : e.extendedMessagePayload
-  }, i = !!s.isTyping, a = s.testerMode, l = !!s.isSenderAvatarVisible, c = !!((u = s.extendedMessagePayload) != null && u.form) && !((f = s.extendedMessagePayload) != null && f.form.canceled_at), d = !!((x = s.extendedMessagePayload) != null && x.message_template), g = !!((y = s.extendedMessagePayload) != null && y.cta_button), p = !!((k = s.extendedMessagePayload) != null && k.citations) && s.extendedMessagePayload.citations.length > 0, b = !!s.createdAt, _ = s.groupType === "top" || s.groupType === "single", v = s.groupType === "bottom" || s.groupType === "single", E = a || !l ? 0 : V.AVATAR_SIZE;
-  return /* @__PURE__ */ o.createElement(Tc, { $marginBottom: i ? 0 : Kt(s.groupType) }, _ && /* @__PURE__ */ o.createElement(Ac, null, !a && l && /* @__PURE__ */ o.createElement(t.SenderAvatar, { ...s }), /* @__PURE__ */ o.createElement(t.SenderName, { ...s })), /* @__PURE__ */ o.createElement(Ic, null, /* @__PURE__ */ o.createElement($t, { $extraStartPadding: E }, i ? /* @__PURE__ */ o.createElement(t.TypingIndicator, { ...s }) : /* @__PURE__ */ o.createElement(t.MessageBody, { ...s }, g && /* @__PURE__ */ o.createElement("div", { style: { marginTop: 12, marginInline: 12 } }, /* @__PURE__ */ o.createElement(t.CTAButton, { ...s })), p && /* @__PURE__ */ o.createElement(t.Citation, { ...s }))), d && /* @__PURE__ */ o.createElement(Wn, { $startPadding: 0, $endPadding: 0 }, /* @__PURE__ */ o.createElement(
+  }, i = !!s.isTyping, a = s.testerMode, l = !!s.isSenderAvatarVisible, c = !!((u = s.extendedMessagePayload) != null && u.form) && !((p = s.extendedMessagePayload) != null && p.form.canceled_at), d = !!((x = s.extendedMessagePayload) != null && x.message_template), g = !!((y = s.extendedMessagePayload) != null && y.cta_button), f = !!((k = s.extendedMessagePayload) != null && k.citations) && s.extendedMessagePayload.citations.length > 0, b = !!s.createdAt, v = s.groupType === "top" || s.groupType === "single", _ = s.groupType === "bottom" || s.groupType === "single", E = a || !l ? 0 : V.AVATAR_SIZE;
+  return /* @__PURE__ */ o.createElement(Tc, { $marginBottom: i ? 0 : Kt(s.groupType) }, v && /* @__PURE__ */ o.createElement(Ac, null, !a && l && /* @__PURE__ */ o.createElement(t.SenderAvatar, { ...s }), /* @__PURE__ */ o.createElement(t.SenderName, { ...s })), /* @__PURE__ */ o.createElement(Ic, null, /* @__PURE__ */ o.createElement($t, { $extraStartPadding: E }, i ? /* @__PURE__ */ o.createElement(t.TypingIndicator, { ...s }) : /* @__PURE__ */ o.createElement(t.MessageBody, { ...s }, g && /* @__PURE__ */ o.createElement("div", { style: { marginTop: 12, marginInline: 12 } }, /* @__PURE__ */ o.createElement(t.CTAButton, { ...s })), f && /* @__PURE__ */ o.createElement(t.Citation, { ...s }))), d && /* @__PURE__ */ o.createElement(Wn, { $startPadding: 0, $endPadding: 0 }, /* @__PURE__ */ o.createElement(
     t.MessageTemplate,
     {
       ...s,
@@ -3704,7 +3704,7 @@ function Nr(e) {
       )),
       messageTemplateLoadingFallback: s.messageTemplateLoadingFallback ?? /* @__PURE__ */ o.createElement($t, { $extraStartPadding: E }, /* @__PURE__ */ o.createElement(t.TypingIndicator, { ...s }))
     }
-  )), /* @__PURE__ */ o.createElement(t.CustomMessageTemplate, { ...s }), c && /* @__PURE__ */ o.createElement(Wn, { $extraStartPadding: E }, /* @__PURE__ */ o.createElement(t.Form, { ...s }))), v && b && /* @__PURE__ */ o.createElement(wc, { $extraStartPadding: E + 8 }, /* @__PURE__ */ o.createElement(t.SentTime, { ...s })), /* @__PURE__ */ o.createElement(rr, null, !i && /* @__PURE__ */ o.createElement(tt, { $extraStartPadding: E + 8 }, /* @__PURE__ */ o.createElement(t.Feedback, { ...s })), s.suggestedRepliesVisible && /* @__PURE__ */ o.createElement(t.SuggestedReplies, { ...s }), /* @__PURE__ */ o.createElement(t.MessageLogs, { ...s })));
+  )), /* @__PURE__ */ o.createElement(t.CustomMessageTemplate, { ...s }), c && /* @__PURE__ */ o.createElement(Wn, { $extraStartPadding: E }, /* @__PURE__ */ o.createElement(t.Form, { ...s }))), _ && b && /* @__PURE__ */ o.createElement(wc, { $extraStartPadding: E + 8 }, /* @__PURE__ */ o.createElement(t.SentTime, { ...s })), /* @__PURE__ */ o.createElement(rr, null, !i && /* @__PURE__ */ o.createElement(tt, { $extraStartPadding: E + 8 }, /* @__PURE__ */ o.createElement(t.Feedback, { ...s })), s.suggestedRepliesVisible && /* @__PURE__ */ o.createElement(t.SuggestedReplies, { ...s }), /* @__PURE__ */ o.createElement(t.MessageLogs, { ...s })));
 }
 const Tc = h.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
 `, tt = h.div`display:flex;align-self:stretch;justify-content:flex-start;${({ $startPadding: e = V.HORIZONTAL_PADDING, $endPadding: t = V.HORIZONTAL_PADDING, $extraStartPadding: n = 0 }) => `
@@ -3732,12 +3732,12 @@ function Lc({
   const { aspectRatio: i, localFile: a } = n, [l] = C(() => a instanceof Blob ? URL.createObjectURL(a) : t.url), [c, d] = C(!1), g = (() => {
     if (!(!r || e === "failed"))
       return () => r == null ? void 0 : r({ ...t, url: l });
-  })(), p = {
+  })(), f = {
     onClick: g,
     $ratio: i,
     $clickable: !!g
   };
-  return /* @__PURE__ */ o.createElement(Oc, null, /* @__PURE__ */ o.createElement(Dc, { ...p }, !c && /* @__PURE__ */ o.createElement(rn, { size: 26 }, /* @__PURE__ */ o.createElement(H, { type: "spinner", color: "textLowEmphasis", size: 26 })), /* @__PURE__ */ o.createElement(Rc, { $loaded: c, src: l, alt: "image-message", onLoad: () => d(!0) })), s);
+  return /* @__PURE__ */ o.createElement(Oc, null, /* @__PURE__ */ o.createElement(Dc, { ...f }, !c && /* @__PURE__ */ o.createElement(rn, { size: 26 }, /* @__PURE__ */ o.createElement(H, { type: "spinner", color: "textLowEmphasis", size: 26 })), /* @__PURE__ */ o.createElement(Rc, { $loaded: c, src: l, alt: "image-message", onLoad: () => d(!0) })), s);
 }
 const Oc = h.div`display:flex;flex-direction:column;align-items:flex-end;gap:${V.GAP_GROUPED}px;`, Dc = h.div`width:${V.BODY_MAX_WIDTH}px;border-radius:12px;overflow:hidden;cursor:${(e) => e.$clickable ? "pointer" : "default"};height:auto;aspect-ratio:${(e) => e.$ratio};position:relative;display:flex;align-items:center;justify-content:center;${F.light`
     background-color: ${m.color.background100};
@@ -3837,13 +3837,13 @@ const qc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
       const s = n.match(/\[([^\]]+)\]\((https?:\/\/[^\s]+)\)/), i = n.match(/\*\*([^*]+)\*\*/), a = [
         s && { match: s, type: "link" },
         i && { match: i, type: "bold" }
-      ].filter((p) => !!p);
+      ].filter((f) => !!f);
       if (!a.length) {
         t.push(n);
         break;
       }
       const l = a.reduce(
-        (p, b) => b.match.index < p.match.index ? b : p
+        (f, b) => b.match.index < f.match.index ? b : f
       ), { match: c, type: d } = l, g = c.index;
       g > 0 && t.push(n.slice(0, g)), d === "link" ? t.push(
         /* @__PURE__ */ o.createElement("a", { key: r++, href: c[2], target: "_blank", rel: wr }, c[1])
@@ -4090,33 +4090,33 @@ const qc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
   initialCsatReason: s,
   initialIsResolved: i
 }) => {
-  const { params: a, setParams: l, error: c, setError: d, followUpItem: g, state: p, validateParams: b, itemProps: _ } = ki({
+  const { params: a, setParams: l, error: c, setError: d, followUpItem: g, state: f, validateParams: b, itemProps: v } = ki({
     csatPayload: e,
     type: t,
     initialCsat: r,
     initialCsatReason: s,
     initialIsResolved: i
   });
-  return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(pd, null, /* @__PURE__ */ o.createElement(hd, { ..._ }), t === Ee.AI_AGENT_CSAT_5_WITH_CRE && /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(pd, null, /* @__PURE__ */ o.createElement(hd, { ...v }), t === Ee.AI_AGENT_CSAT_5_WITH_CRE && /* @__PURE__ */ o.createElement(
     Jc,
     {
-      ..._,
+      ...v,
       defaultValue: i,
       value: a.isResolved,
-      onChange: (v) => l({ isResolved: v })
+      onChange: (_) => l({ isResolved: _ })
     }
-  ), /* @__PURE__ */ o.createElement(ad, { ..._, value: a.csat, onChange: (v) => l({ csat: v }) }), g && /* @__PURE__ */ o.createElement(
+  ), /* @__PURE__ */ o.createElement(ad, { ...v, value: a.csat, onChange: (_) => l({ csat: _ }) }), g && /* @__PURE__ */ o.createElement(
     td,
     {
-      ..._,
+      ...v,
       followUpItem: g,
       value: a.csatReason,
-      onChange: (v) => {
-        l({ csatReason: v }), d({ followUpItem: !1 });
+      onChange: (_) => {
+        l({ csatReason: _ }), d({ followUpItem: !1 });
       },
       hasError: c.followUpItem
     }
-  )), p !== "unsubmittable" && /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(J.Separator, null), n({ state: p, params: a, validateParams: b })));
+  )), f !== "unsubmittable" && /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(J.Separator, null), n({ state: f, params: a, validateParams: b })));
 }, pd = h.div`display:flex;flex-direction:column;gap:12px;`, fd = (e) => {
   const { stringSet: t } = G();
   return Yo(e, {
@@ -4139,34 +4139,29 @@ const qc = h.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
 }, Ed = (e) => {
   if (e.messageType !== "admin.csat")
     throw new Error("Invalid message type");
-  const { extendedMessagePayload: t, onSubmitCSAT: n } = e, { csat: r, csatReason: s, csatExpireAt: i, isResolvedWhenDeterminedByUser: a } = e, l = zo(), c = fd(t == null ? void 0 : t.csat);
+  const { extendedMessagePayload: t, onSubmitCSAT: n } = e, { csat: r, csatReason: s, csatExpireAt: i, isResolvedWhenDeterminedByUser: a } = e, l = zo(), c = fd(t == null ? void 0 : t.csat), d = B(!1);
   if (!c || !c.visibility || !Ee[c.type]) return null;
-  const d = c.type === Ee.AI_AGENT_CSAT_5 || c.type === Ee.AI_AGENT_CSAT_5_WITH_CRE || c.type === Ee.HELPDESK_CSAT_5 ? Mt : () => null;
+  const g = c.type === Ee.AI_AGENT_CSAT_5 || c.type === Ee.AI_AGENT_CSAT_5_WITH_CRE || c.type === Ee.HELPDESK_CSAT_5 ? Mt : () => null;
   return /* @__PURE__ */ o.createElement(xd, null, !r && yn(i) ? /* @__PURE__ */ o.createElement(bd, null) : /* @__PURE__ */ o.createElement(
-    d,
+    g,
     {
       csatPayload: c,
       type: c.type,
       initialCsat: r,
       initialCsatReason: s,
       initialIsResolved: a,
-      renderSubmitButton: ({ state: g, params: p, validateParams: b }) => /* @__PURE__ */ o.createElement(
+      renderSubmitButton: ({ state: f, params: b, validateParams: v }) => /* @__PURE__ */ o.createElement(
         vd,
         {
-          $state: g,
-          disabled: g === "submitted",
+          $state: f,
+          disabled: f === "submitted",
           onClick: async () => {
-            !yn(i) && b() ? await n({
-              csatType: p.csatType,
-              csat: p.csat,
-              csatReason: p.csatReason,
-              isResolved: p.isResolved,
-              csatStartedAt: p.csatStartedAt,
-              resolutionScore: p.resolutionScore
-            }) : l();
+            d.current || (!yn(i) && v() ? (d.current = !0, await n(b).finally(() => {
+              d.current = !1;
+            })) : l());
           }
         },
-        /* @__PURE__ */ o.createElement(w, { variant: "button" }, g === "submitted" ? c.csat_submitted_label : c.csat_submit_label)
+        /* @__PURE__ */ o.createElement(w, { variant: "button" }, f === "submitted" ? c.csat_submitted_label : c.csat_submit_label)
       )
     }
   ));
@@ -4203,21 +4198,21 @@ const yd = h.div`padding-inline:${V.HORIZONTAL_PADDING}px;margin-bottom:${({ $ma
   onClickAgentMessageTemplate: c,
   bottomContent: d,
   renderCustomGroundednessIcon: g = (b) => b.default,
-  style: p = {}
+  style: f = {}
 }) => {
   const {
     // Note: This component is used with the dashboard, so cssVars should not be used.
     iconColor: b = "#000000",
-    textColor: _ = "#000000",
-    highlightColor: v = Xe.DEFAULT_PRIMARY
-  } = p;
+    textColor: v = "#000000",
+    highlightColor: _ = Xe.DEFAULT_PRIMARY
+  } = f;
   return /* @__PURE__ */ o.createElement(Kn, null, e && /* @__PURE__ */ o.createElement(Kn, null, /* @__PURE__ */ o.createElement(Et, null, /* @__PURE__ */ o.createElement(dt, null, /* @__PURE__ */ o.createElement(H, { size: 16, type: "actionbook", color: b })), /* @__PURE__ */ o.createElement(
     ct,
     {
       $clickable: !!s,
-      $highlightColor: v,
+      $highlightColor: _,
       variant: "body2",
-      color: _,
+      color: v,
       onClick: () => s == null ? void 0 : s(e),
       maxTextLines: 1
     },
@@ -4226,23 +4221,23 @@ const yd = h.div`padding-inline:${V.HORIZONTAL_PADDING}px;margin-bottom:${({ $ma
     ct,
     {
       $clickable: !!i,
-      $highlightColor: v,
+      $highlightColor: _,
       variant: "body2",
-      color: _,
+      color: v,
       onClick: () => i == null ? void 0 : i(E),
       maxTextLines: 1
     },
     E.name
-  ), a && /* @__PURE__ */ o.createElement(Td, { role: "button", onClick: () => a == null ? void 0 : a(E) }, /* @__PURE__ */ o.createElement(w, { variant: "body2", color: v }, "View details"), /* @__PURE__ */ o.createElement(H, { type: "chevron-right", size: 16, color: v }))))), n == null ? void 0 : n.map((E) => /* @__PURE__ */ o.createElement(Lt, { key: E.id }, /* @__PURE__ */ o.createElement(dt, null, g({
+  ), a && /* @__PURE__ */ o.createElement(Td, { role: "button", onClick: () => a == null ? void 0 : a(E) }, /* @__PURE__ */ o.createElement(w, { variant: "body2", color: _ }, "View details"), /* @__PURE__ */ o.createElement(H, { type: "chevron-right", size: 16, color: _ }))))), n == null ? void 0 : n.map((E) => /* @__PURE__ */ o.createElement(Lt, { key: E.id }, /* @__PURE__ */ o.createElement(dt, null, g({
     default: /* @__PURE__ */ o.createElement(H, { size: 16, type: qn[E.source_type] ?? qn.snippet, color: b }),
     sourceType: E.source_type
   })), /* @__PURE__ */ o.createElement(
     ct,
     {
       $clickable: !!l,
-      $highlightColor: v,
+      $highlightColor: _,
       variant: "body2",
-      color: _,
+      color: v,
       onClick: () => l == null ? void 0 : l(E),
       maxTextLines: 1
     },
@@ -4251,9 +4246,9 @@ const yd = h.div`padding-inline:${V.HORIZONTAL_PADDING}px;margin-bottom:${({ $ma
     ct,
     {
       $clickable: !!c,
-      $highlightColor: v,
+      $highlightColor: _,
       variant: "body2",
-      color: _,
+      color: v,
       onClick: () => c == null ? void 0 : c(E),
       maxTextLines: 1
     },
@@ -4308,10 +4303,10 @@ const je = () => {
   ));
 }, $d = h.div`display:flex;gap:16px;margin:16px ${V.HORIZONTAL_PADDING}px 0;align-self:stretch;`, Md = h.div`width:${({ width: e }) => e}px;background-color:${m.themedColor.textDisabled};border-radius:100px;flex-shrink:0;`, Ld = h(w)`margin-top:5px;`, an = ({ start: e, title: t, titleAlign: n = "start", end: r }) => {
   const s = B(null), i = B(null), [a, l] = C(0), [c, d] = C(0);
-  return se(() => {
+  return oe(() => {
     s.current && l(s.current.offsetWidth), i.current && d(i.current.offsetWidth);
   }, [e, r]), /* @__PURE__ */ o.createElement(Od, null, /* @__PURE__ */ o.createElement(Dd, null, n === "center" && t && /* @__PURE__ */ o.createElement(Rd, { $sideWidth: Math.max(a, c) }, /* @__PURE__ */ o.createElement(Nd, null, t)), /* @__PURE__ */ o.createElement(Bd, null, /* @__PURE__ */ o.createElement(Fd, { ref: s }, e), (n === "start" || n === "end") && t && /* @__PURE__ */ o.createElement(Ud, { $align: n, $hasStart: !!e, $hasEnd: !!r }, t), /* @__PURE__ */ o.createElement(Pd, { ref: i }, r))));
-}, Od = h.div`position:relative;width:100%;background-color:${({ theme: e }) => e.colors.base.headerBackground};border-bottom:1px solid ${m.themedColor.textDisabled};`, Dd = h.div`position:relative;height:56px;padding:11px 12px;`, Rd = h.div`position:absolute;left:${({ $sideWidth: e }) => e}px;right:${({ $sideWidth: e }) => e}px;top:0;bottom:0;display:flex;align-items:center;justify-content:center;`, Nd = h.div`max-width:100%;overflow:hidden;`, Bd = h.div`display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%;z-index:1;`, Fd = h.div`flex-shrink:0;display:flex;align-items:center;`, Pd = h.div`flex-shrink:0;display:flex;align-items:center;`, Ud = h.div`flex:1;overflow:hidden;display:flex;align-items:${({ $align: e }) => e === "start" ? "flex-start" : "flex-end"};margin-left:${({ $hasStart: e }) => e ? 8 : 0}px;margin-right:${({ $hasEnd: e }) => e ? 8 : 0}px;`, Oe = ({
+}, Od = h.div`position:relative;width:100%;background-color:${({ theme: e }) => e.colors.base.headerBackground};border-bottom:1px solid ${m.themedColor.textDisabled};`, Dd = h.div`position:relative;height:56px;padding:11px 12px;`, Rd = h.div`position:absolute;left:${({ $sideWidth: e }) => e}px;right:${({ $sideWidth: e }) => e}px;top:0;bottom:0;display:flex;align-items:center;justify-content:center;`, Nd = h.div`max-width:100%;overflow:hidden;`, Bd = h.div`display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%;z-index:1;`, Fd = h.div`flex-shrink:0;display:flex;align-items:center;`, Pd = h.div`flex-shrink:0;display:flex;align-items:center;`, Ud = h.div`flex:1;overflow:hidden;display:flex;align-items:${({ $align: e }) => e === "start" ? "flex-start" : "flex-end"};margin-left:${({ $hasStart: e }) => e ? 8 : 0}px;margin-right:${({ $hasEnd: e }) => e ? 8 : 0}px;`, Le = ({
   as: e,
   type: t,
   size: n = 16,
@@ -4325,38 +4320,38 @@ const je = () => {
   const { state: e } = Y(), t = qe(), n = () => {
     e.setOpened(!1);
   };
-  return /* @__PURE__ */ o.createElement(Oe, { "aria-label": "close messenger", type: "close", size: t, onClick: n });
+  return /* @__PURE__ */ o.createElement(Le, { "aria-label": "close messenger", type: "close", size: t, onClick: n });
 }, {
   Provider: Gd,
-  useContext: re
-} = te("MessengerSession"), Wd = We(function({ children: e, ...t }, n) {
+  useContext: ne
+} = ee("MessengerSession"), Wd = We(function({ children: e, ...t }, n) {
   return /* @__PURE__ */ o.createElement(Ws, { ref: n, ...t }, (r) => /* @__PURE__ */ o.createElement(jd, { ...r }, e));
 }), jd = ({ children: e, ...t }) => {
-  const { chatSDK: n, logger: r, appId: s, aiAgentId: i, agentPreviewConfigs: a, state: l, handlers: c } = Y(), { userSessionInfo: d, authenticate: g, setActiveChannel: p, userSession: b, aiAgentInfo: _, launcherInfo: v } = t, E = B(null);
+  const { chatSDK: n, logger: r, appId: s, aiAgentId: i, agentPreviewConfigs: a, state: l, handlers: c } = Y(), { userSessionInfo: d, authenticate: g, setActiveChannel: f, userSession: b, aiAgentInfo: v, launcherInfo: _ } = t, E = B(null);
   return vt(n, {
-    async onUserJoined(u, f) {
+    async onUserJoined(u, p) {
       var y, k, S;
-      if (u.conversation && u.conversation.type === Do.PROACTIVE && f.userId === ((y = n.currentUser) == null ? void 0 : y.userId)) {
+      if (u.conversation && u.conversation.type === Do.PROACTIVE && p.userId === ((y = n.currentUser) == null ? void 0 : y.userId)) {
         r.info("messengerSession.onUserJoined: proactive channel joined", u.url);
-        const O = ((k = u.conversation) == null ? void 0 : k.status) ?? ee.OPEN;
-        p({ url: u.url, status: O }), l.setOpened(!0), qd({ sound: document.hidden || !l.opened }), (S = E.current) == null || S.call(E, { channel: u });
+        const O = ((k = u.conversation) == null ? void 0 : k.status) ?? Q.OPEN;
+        f({ url: u.url, status: O }), l.setOpened(!0), qd({ sound: document.hidden || !l.opened }), (S = E.current) == null || S.call(E, { channel: u });
       }
     }
   }), P(() => {
     g().then(({ launcher: u }) => {
       u.auto_open && !nt() && setTimeout(() => l.setOpened(!0), 500);
     }).catch((u) => {
-      var f;
-      r.error("messengerSession: failed to initialize", u), (f = c == null ? void 0 : c.onInitializeFailed) == null || f.call(c, u);
+      var p;
+      r.error("messengerSession: failed to initialize", u), (p = c == null ? void 0 : c.onInitializeFailed) == null || p.call(c, u);
     });
-  }, [n, s, i, d == null ? void 0 : d.userId]), !b || !_ || !v ? null : /* @__PURE__ */ o.createElement(
+  }, [n, s, i, d == null ? void 0 : d.userId]), !b || !v || !_ ? null : /* @__PURE__ */ o.createElement(
     Gd,
     {
       value: {
         ...t,
         userSession: b,
-        aiAgentInfo: { ..._, ...a == null ? void 0 : a.bot },
-        launcherInfo: { ...v, ...a == null ? void 0 : a.launcher },
+        aiAgentInfo: { ...v, ...a == null ? void 0 : a.bot },
+        launcherInfo: { ..._, ...a == null ? void 0 : a.launcher },
         registerOnJoinedProactiveConversation: (u) => E.current = u
       }
     },
@@ -4372,19 +4367,19 @@ function qd({ sound: e }) {
   });
 }
 const Kd = (e) => {
-  const { chatSDK: t, handlers: n, logger: r } = Y(), { aiAgentInfo: s } = re(), i = B(/* @__PURE__ */ new Set()), a = (g) => {
+  const { chatSDK: t, handlers: n, logger: r } = Y(), { aiAgentInfo: s } = ne(), i = B(/* @__PURE__ */ new Set()), a = (g) => {
     if (!(n != null && n.onCustomEvent)) return;
-    ve(g) && g.sender.userId === s.userId && !ke.isStreaming(g) && !i.current.has(g.messageId) && (r.debug("useCustomEventForMessageReceive: bot-message-received", g), n.onCustomEvent({ type: "bot-message-received", data: { message: g } }), i.current.add(g.messageId));
+    ve(g) && g.sender.userId === s.userId && !Ie.isStreaming(g) && !i.current.has(g.messageId) && (r.debug("useCustomEventForMessageReceive: bot-message-received", g), n.onCustomEvent({ type: "bot-message-received", data: { message: g } }), i.current.add(g.messageId));
   }, l = (g) => {
     if (n != null && n.onCustomEvent && g.isAdminMessage() && g.customType === "user_action_required" && !i.current.has(g.messageId)) {
-      const p = Dt(g.data);
-      Array.isArray(p.history) && p.history.length === 0 && (r.debug("useCustomEventForMessageReceive: user_action_required", p), n.onCustomEvent({
+      const f = Dt(g.data);
+      Array.isArray(f.history) && f.history.length === 0 && (r.debug("useCustomEventForMessageReceive: user_action_required", f), n.onCustomEvent({
         type: "user-action-requested",
-        data: p
+        data: f
       }), i.current.add(g.messageId));
     }
-  }, c = (g, p) => {
-    g.url === e && (a(p), l(p));
+  }, c = (g, f) => {
+    g.url === e && (a(f), l(f));
   }, d = (g) => {
     l(g);
   };
@@ -4435,7 +4430,7 @@ const Xd = ({ onScrollAfterSendMessage: e }) => {
 }, gt = 50, Ot = gt - 40, {
   Provider: Qd,
   useContext: eu
-} = te("ConversationScroll"), Yn = {
+} = ee("ConversationScroll"), Yn = {
   viewport: 0,
   contentHeight: 0,
   contentSnapshotHeight: 0,
@@ -4443,39 +4438,39 @@ const Xd = ({ onScrollAfterSendMessage: e }) => {
   shouldUpdate: !1
 };
 function tu({ scrollMode: e, children: t }) {
-  const n = B(null), r = B(null), s = B(Yn), i = B(!1), a = B(null), l = B(0), c = B(0), d = B(!1), [g, p] = C(0), [b, _] = C(0), [v, E] = C(!1), [u, f] = C(!1), x = ie(
-    () => v ? "auto" : e,
-    [v, e]
+  const n = B(null), r = B(null), s = B(Yn), i = B(!1), a = B(null), l = B(0), c = B(0), d = B(!1), [g, f] = C(0), [b, v] = C(0), [_, E] = C(!1), [u, p] = C(!1), x = ie(
+    () => _ ? "auto" : e,
+    [_, e]
   ), y = () => {
     s.current.contentSnapshotHeight = s.current.contentHeight, s.current.shouldUpdate = !0, s.current.shouldRecalc = !0;
   }, k = () => {
     const T = n.current;
-    !T || !s.current.shouldUpdate || p((R) => {
+    !T || !s.current.shouldUpdate || f((R) => {
       s.current.shouldUpdate = !1;
-      const { contentHeight: j, contentSnapshotHeight: he, shouldRecalc: le } = s.current, ne = T.clientHeight;
-      if (he > j)
+      const { contentHeight: q, contentSnapshotHeight: he, shouldRecalc: le } = s.current, te = T.clientHeight;
+      if (he > q)
         return R;
       const pe = S(T, { messageType: "outgoing" });
       let ue = 0;
       if (pe) {
-        const me = pe.message.offsetTop - Ot + ne;
-        ue = Math.max(0, me - j);
+        const me = pe.message.offsetTop - Ot + te;
+        ue = Math.max(0, me - q);
       } else {
-        const me = j - he, Ye = ne - Ot;
+        const me = q - he, Ye = te - Ot;
         ue = Math.max(0, me - Ye);
       }
       return R === 0 || ue !== R || le ? (s.current.shouldRecalc = !1, ue) : R;
     });
   }, S = L(
     (T, R) => {
-      const { messageType: j = "all" } = R ?? {}, he = Array.from(T.querySelectorAll(`#${ce}-message-item`));
+      const { messageType: q = "all" } = R ?? {}, he = Array.from(T.querySelectorAll(`#${ce}-message-item`));
       let le = he;
-      j === "outgoing" && (le = he.filter((At) => At.getAttribute("data-layout-id") === "outgoingmessage"));
-      const ne = le[le.length - 1];
-      if (!ne) return null;
-      const pe = T.getBoundingClientRect(), ue = ne.getBoundingClientRect(), me = T.scrollTop + (ue.top - pe.top), Ye = me + ne.offsetHeight;
+      q === "outgoing" && (le = he.filter((At) => At.getAttribute("data-layout-id") === "outgoingmessage"));
+      const te = le[le.length - 1];
+      if (!te) return null;
+      const pe = T.getBoundingClientRect(), ue = te.getBoundingClientRect(), me = T.scrollTop + (ue.top - pe.top), Ye = me + te.offsetHeight;
       return {
-        message: ne,
+        message: te,
         scrollTop: me,
         lastMessageBottom: Ye
       };
@@ -4486,10 +4481,10 @@ function tu({ scrollMode: e, children: t }) {
     if (!T || x !== "fixed") return;
     const R = S(T);
     s.current.contentHeight = (R == null ? void 0 : R.lastMessageBottom) ?? T.scrollHeight, !i.current && s.current.contentSnapshotHeight > 0 && y();
-    const j = Math.max(0, T.scrollHeight - T.scrollTop - T.clientHeight);
-    _(j), k();
+    const q = Math.max(0, T.scrollHeight - T.scrollTop - T.clientHeight);
+    v(q), k();
   }, [x, S]), $ = L(() => {
-    r.current && (r.current.disconnect(), r.current = null), s.current = Yn, p(0), _(0);
+    r.current && (r.current.disconnect(), r.current = null), s.current = Yn, f(0), v(0);
   }, []), M = L((T = !0) => {
     d.current = !1, Ga(() => {
       const R = n.current;
@@ -4508,7 +4503,7 @@ function tu({ scrollMode: e, children: t }) {
       })));
     },
     [x, O, $]
-  ), W = L(() => {
+  ), j = L(() => {
     const T = n.current;
     if (!T) return;
     const R = S(T, { messageType: "outgoing" });
@@ -4516,22 +4511,22 @@ function tu({ scrollMode: e, children: t }) {
       top: R.message.offsetTop - Ot,
       behavior: "smooth"
     }), a.current && clearTimeout(a.current), a.current = setTimeout(() => {
-      f(!1);
+      p(!1);
     }, 500));
   }, [S]), K = (T) => {
-    const { scrollHeight: R, scrollTop: j, clientHeight: he } = T.currentTarget, le = Math.max(0, R - j - he), ne = c.current, pe = le <= gt, ue = j < ne, me = j > ne;
-    ue && !pe && (d.current = !0), me && pe && (d.current = !1), c.current = j, l.current = le, _(le);
+    const { scrollHeight: R, scrollTop: q, clientHeight: he } = T.currentTarget, le = Math.max(0, R - q - he), te = c.current, pe = le <= gt, ue = q < te, me = q > te;
+    ue && !pe && (d.current = !0), me && pe && (d.current = !1), c.current = q, l.current = le, v(le);
   }, Se = L(() => {
-    x === "fixed" && (f(!0), y());
+    x === "fixed" && (p(!0), y());
   }, [x]), Te = L(() => {
-    x === "fixed" ? setTimeout(() => W(), 300) : M();
-  }, [x, W]), De = L(
+    x === "fixed" ? setTimeout(() => j(), 300) : M();
+  }, [x, j]), Oe = L(
     (T) => {
       i.current = T, x === "fixed" ? y() : d.current || M();
     },
     [x, M]
   ), Z = L((T) => {
-    E(T), T && (p(0), r.current && (r.current.disconnect(), r.current = null));
+    E(T), T && (f(0), r.current && (r.current.disconnect(), r.current = null));
   }, []), ae = L(
     (T) => {
       x === "auto" && T && !d.current && M();
@@ -4555,7 +4550,7 @@ function tu({ scrollMode: e, children: t }) {
           scrollToBottom: M,
           onBeforeMessageSend: Se,
           onAfterMessageSend: Te,
-          onStreamingUpdate: De,
+          onStreamingUpdate: Oe,
           onConversationClosed: Z,
           onTypingIndicatorUpdate: ae
         }
@@ -4567,10 +4562,10 @@ function tu({ scrollMode: e, children: t }) {
 const {
   Provider: nu,
   Context: xh,
-  useContext: oe
-} = te("Conversation"), ru = ({ children: e }) => {
+  useContext: re
+} = ee("Conversation"), ru = ({ children: e }) => {
   var s;
-  const { channelSource: t } = oe(), n = (s = t.channel) == null ? void 0 : s.url, { checkForUserActionRequired: r } = Kd(n);
+  const { channelSource: t } = re(), n = (s = t.channel) == null ? void 0 : s.url, { checkForUserActionRequired: r } = Kd(n);
   return P(() => {
     var a;
     const i = (a = t.channel) == null ? void 0 : a.lastMessage;
@@ -4583,20 +4578,20 @@ const {
   shouldMarkAsRead: r,
   children: s
 }) => {
-  const { activeChannel: i, refreshActiveChannel: a } = re(), l = eu(), { onBeforeSendMessage: c, onAfterSendMessage: d } = Xd({
+  const { activeChannel: i, refreshActiveChannel: a } = ne(), l = eu(), { onBeforeSendMessage: c, onAfterSendMessage: d } = Xd({
     onScrollAfterSendMessage: () => {
       l.actions.onAfterMessageSend();
     }
-  }), g = e || (i == null ? void 0 : i.url), p = L(
-    (v) => (l.actions.onBeforeMessageSend(), c(v)),
+  }), g = e || (i == null ? void 0 : i.url), f = L(
+    (_) => (l.actions.onBeforeMessageSend(), c(_)),
     [l.actions, c]
   ), b = L(
-    (v) => {
-      const E = v.some((u) => ke.isStreaming(u));
+    (_) => {
+      const E = _.some((u) => Ie.isStreaming(u));
       l.actions.onStreamingUpdate(E);
     },
     [l.actions.onStreamingUpdate]
-  ), _ = L(async () => {
+  ), v = L(async () => {
     await a(), e && (t == null || t());
   }, [a, e, t]);
   return /* @__PURE__ */ o.createElement(
@@ -4604,19 +4599,19 @@ const {
     {
       key: g,
       channelUrl: g,
-      onBeforeSendMessage: p,
+      onBeforeSendMessage: f,
       onAfterSendMessage: d,
       onMessagesUpdated: b,
       onMessagesReceived: b,
-      onChannelDeleted: _,
+      onChannelDeleted: v,
       onConversationClosedStatusChanged: l.actions.onConversationClosed,
       shouldMarkAsRead: r,
       shouldCountNewMessages: l.state.shouldCountNewMessages
     },
-    (v) => /* @__PURE__ */ o.createElement(
+    (_) => /* @__PURE__ */ o.createElement(
       nu,
       {
-        value: { ...v, scrollSource: l, goToActiveConversation: _, onNavigateToConversationList: n }
+        value: { ..._, scrollSource: l, goToActiveConversation: v, onNavigateToConversationList: n }
       },
       /* @__PURE__ */ o.createElement(ru, null, s)
     )
@@ -4626,16 +4621,16 @@ const {
   const { config: n } = X(), r = ((s = n == null ? void 0 : n.conversation) == null ? void 0 : s.scrollMode) ?? "auto";
   return /* @__PURE__ */ o.createElement(tu, { scrollMode: r }, /* @__PURE__ */ o.createElement(ou, { ...t }, e));
 }, iu = () => {
-  const { enableCloseConversationButton: e, dispatcher: t } = Y(), { channelSource: n } = oe(), r = n.channel, s = qe(), i = (r == null ? void 0 : r.isAIAgent) && e, a = !jt(r);
+  const { enableCloseConversationButton: e, dispatcher: t } = Y(), { channelSource: n } = re(), r = n.channel, s = qe(), i = (r == null ? void 0 : r.isAIAgent) && e, a = !jt(r);
   if (!i) return null;
   const l = async () => {
     r && await t.send(ps.CloseConversation({ channelUrl: r.url }));
   };
-  return /* @__PURE__ */ o.createElement(Oe, { "aria-label": "close conversation", type: "mute", size: s, disabled: a, onClick: l });
+  return /* @__PURE__ */ o.createElement(Le, { "aria-label": "close conversation", type: "mute", size: s, disabled: a, onClick: l });
 }, au = () => {
   const { state: e, enableExpandButton: t } = Y(), n = qe();
   return t ? /* @__PURE__ */ o.createElement(
-    Oe,
+    Le,
     {
       "aria-label": "expand",
       type: e.expanded ? "collapse" : "expand",
@@ -4658,7 +4653,7 @@ const {
   top: I`flex-direction:column;top:0;transform:translate(-50%,-100%);`,
   bottom: I`flex-direction:column-reverse;bottom:0;transform:translate(-50%,100%);`
 }, Ht = h.div`position:relative;`, uu = h.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${Ne.TOOLTIP};${({ $position: e }) => du[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${Ht}:hover &,${Ht}:focus-within &{opacity:1;}`, mu = h(w)`padding:6px 8px;background:${m.themedColor.textHighEmphasis};color:${m.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`, gu = () => {
-  const { logger: e } = Y(), { stringSet: t } = G(), { channelSource: n } = oe(), r = n.channel, s = qe(), i = Xt("handoff-button", r), a = !jt(r) || He(r), l = async () => {
+  const { logger: e } = Y(), { stringSet: t } = G(), { channelSource: n } = re(), r = n.channel, s = qe(), i = Xt("handoff-button", r), a = !jt(r) || He(r), l = async () => {
     try {
       const c = await (r == null ? void 0 : r.markConversationAsHandoff());
       e.info("conversation.handleAgentHandoff: success", c);
@@ -4666,11 +4661,11 @@ const {
       e.error("conversation.handleAgentHandoff: error", c);
     }
   };
-  return i ? /* @__PURE__ */ o.createElement(lu, { label: t.HEADER_BUTTON__AGENT_HANDOFF, position: "bottom", disabled: a }, /* @__PURE__ */ o.createElement(Oe, { "aria-label": "request handoff", type: "agent", size: s, disabled: a, onClick: l })) : null;
+  return i ? /* @__PURE__ */ o.createElement(lu, { label: t.HEADER_BUTTON__AGENT_HANDOFF, position: "bottom", disabled: a }, /* @__PURE__ */ o.createElement(Le, { "aria-label": "request handoff", type: "agent", size: s, disabled: a, onClick: l })) : null;
 }, hu = () => {
-  const { stringSet: e } = G(), { onNavigateToConversationList: t } = oe();
+  const { stringSet: e } = G(), { onNavigateToConversationList: t } = re();
   return t ? /* @__PURE__ */ o.createElement(
-    Oe,
+    Le,
     {
       type: "menu",
       size: 24,
@@ -4679,11 +4674,11 @@ const {
     }
   ) : null;
 }, Ur = ({ channel: e, size: t = 40 }) => {
-  const { userSession: n, aiAgentInfo: r } = re(), { fallbackIcon: s, url: i } = Cr({ channel: e, aiAgentInfo: r, userSession: n }), a = Je();
+  const { userSession: n, aiAgentInfo: r } = ne(), { fallbackIcon: s, url: i } = Cr({ channel: e, aiAgentInfo: r, userSession: n }), a = Je();
   return i ? /* @__PURE__ */ o.createElement(Qt, { src: i, size: t }) : /* @__PURE__ */ o.createElement(pu, { $size: t, $bgColor: a.colors.base.primary }, /* @__PURE__ */ o.createElement(H, { type: s, size: t * 0.55, color: a.colors.base.primaryContrastContent }));
 }, pu = 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;`, fu = () => {
   var l, c;
-  const { channelSource: e } = oe(), { aiAgentInfo: t, userSession: n } = re(), { config: r } = X(), s = e.channel, i = Cr({ channel: s, userSession: n, aiAgentInfo: t }), a = (c = (l = r == null ? void 0 : r.conversation) == null ? void 0 : l.header) == null ? void 0 : c.avatarEnabled;
+  const { channelSource: e } = re(), { aiAgentInfo: t, userSession: n } = ne(), { config: r } = X(), s = e.channel, i = Cr({ channel: s, userSession: n, aiAgentInfo: t }), a = (c = (l = r == null ? void 0 : r.conversation) == null ? void 0 : l.header) == null ? void 0 : c.avatarEnabled;
   return /* @__PURE__ */ o.createElement(bu, null, a && /* @__PURE__ */ o.createElement(Ur, { channel: s, size: 34 }), /* @__PURE__ */ o.createElement(Eu, { variant: "h2", color: m.themedColor.textHighEmphasis }, i.title));
 }, bu = h.div`display:flex;flex-direction:row;align-items:center;gap:6px;overflow:hidden;`, Eu = h(w)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px 0;`, xu = (e) => {
   const { components: t } = Ke.useContext();
@@ -4778,10 +4773,10 @@ function Ru(e) {
   return e.isAdminMessage() ? e.message === "The channel's custom_type was updated." : !1;
 }
 function Nu(e, t) {
-  return e.filter((n) => ke.isWelcomeMessage(n, t));
+  return e.filter((n) => Ie.isWelcomeMessage(n, t));
 }
 const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:${({ theme: e }) => e.colors.base.primary}!important;ellipse,path{fill:${({ theme: e }) => e.colors.base.primaryContrastContent}!important;}`, Fu = h.div`position:fixed;inset:0;outline:none;display:flex;flex-direction:column;`, Pu = h.div`display:flex;gap:10px;align-items:center;`, Uu = h.div`flex:1;min-height:0;display:flex;align-items:center;justify-content:center;`, Hu = h.video`max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none;`, Vu = h.img`max-width:100%;max-height:100%;padding:40px;box-sizing:border-box;object-fit:contain;user-select:none;-webkit-user-drag:none;`, zu = h.div`max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;`, Gu = ({ file: e, sender: t = {}, onClose: n }) => {
-  const { type: r, url: s, name: i = "" } = e, { profileUrl: a, userId: l } = t, { aiAgentInfo: c } = re();
+  const { type: r, url: s, name: i = "" } = e, { profileUrl: a, userId: l } = t, { aiAgentInfo: c } = ne();
   return /* @__PURE__ */ o.createElement(
     Wu,
     {
@@ -4802,7 +4797,7 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
       start: /* @__PURE__ */ o.createElement(ju, { profileUrl: e, isBotMessage: t }),
       title: /* @__PURE__ */ o.createElement(w, { variant: "h2", color: m.themedColor.textHighEmphasis, maxTextLines: 1 }, n),
       end: /* @__PURE__ */ o.createElement(Pu, null, Zn(r) && ((g = (d = c == null ? void 0 : c.conversation) == null ? void 0 : d.fileViewer) == null ? void 0 : g.downloadEnabled) && /* @__PURE__ */ o.createElement(
-        Oe,
+        Le,
         {
           as: "a",
           href: s,
@@ -4811,9 +4806,9 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
           type: "download",
           size: l
         }
-      ), /* @__PURE__ */ o.createElement(Oe, { "aria-label": "close file viewer", type: "close", size: l, onClick: i }))
+      ), /* @__PURE__ */ o.createElement(Le, { "aria-label": "close file viewer", type: "close", size: l, onClick: i }))
     }
-  ), /* @__PURE__ */ o.createElement(Uu, { onClick: (p) => p.currentTarget === p.target && i() }, ur(r) && /* @__PURE__ */ o.createElement(Hu, { controls: !0 }, /* @__PURE__ */ o.createElement("source", { src: s, type: r })), dr(r) && /* @__PURE__ */ o.createElement(Vu, { src: s, alt: n }), !Zn(r) && /* @__PURE__ */ o.createElement(zu, null, /* @__PURE__ */ o.createElement(w, { variant: "h1", color: m.themedColor.textHighEmphasis }, a.FILE_VIEWER__UNSUPPORT)))));
+  ), /* @__PURE__ */ o.createElement(Uu, { onClick: (f) => f.currentTarget === f.target && i() }, ur(r) && /* @__PURE__ */ o.createElement(Hu, { controls: !0 }, /* @__PURE__ */ o.createElement("source", { src: s, type: r })), dr(r) && /* @__PURE__ */ o.createElement(Vu, { src: s, alt: n }), !Zn(r) && /* @__PURE__ */ o.createElement(zu, null, /* @__PURE__ */ o.createElement(w, { variant: "h1", color: m.themedColor.textHighEmphasis }, a.FILE_VIEWER__UNSUPPORT)))));
 }, ju = ({ profileUrl: e, isBotMessage: t }) => t && !e ? /* @__PURE__ */ o.createElement(Bu, { $size: 32 }, /* @__PURE__ */ o.createElement(H, { type: "delight", size: 20 })) : /* @__PURE__ */ o.createElement(Qt, { size: 32, src: e }), Hr = ({
   className: e,
   locale: t,
@@ -4830,24 +4825,24 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
     onLoadPrev: c,
     onLoadNext: d,
     loadThreshold: g = 0.05,
-    onScroll: p = _e,
+    onScroll: f = _e,
     depsForResetScrollPositionToBottom: b,
-    stackDirection: _ = "top",
-    bottomSpacerHeight: v = 0,
+    stackDirection: v = "top",
+    bottomSpacerHeight: _ = 0,
     ariaLabel: E
-  } = t, u = B(null), f = L(
+  } = t, u = B(null), p = L(
     ($) => {
       u.current = $, n && (typeof n == "function" ? n($) : n.current = $);
     },
     [n]
   ), x = B(!1), y = B(void 0), k = B(0), S = B(0);
-  se(() => {
+  oe(() => {
     u.current && (u.current.scrollTop = u.current.scrollHeight);
-  }, b), se(() => {
+  }, b), oe(() => {
     u.current && (y.current === "top" && (u.current.scrollTop = u.current.scrollHeight - S.current), y.current === "bottom" && (u.current.scrollTop = k.current), y.current = void 0);
   }, [u.current, r.length]);
   const O = async ($) => {
-    if (p == null || p($), !u.current) return;
+    if (f == null || f($), !u.current) return;
     const M = u.current;
     if (S.current = M.scrollHeight - M.scrollTop, k.current = M.scrollTop, x.current) return;
     const N = M.clientHeight * Math.min(Math.max(0, g), 1);
@@ -4857,16 +4852,16 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
     Zu,
     {
       id: "infinite-list-inner",
-      ref: f,
+      ref: p,
       onScroll: O,
       role: "list",
       "aria-label": E
     },
-    _ === "bottom" && /* @__PURE__ */ o.createElement("div", { style: { flexGrow: 1 } }),
+    v === "bottom" && /* @__PURE__ */ o.createElement("div", { style: { flexGrow: 1 } }),
     i,
     r.map(($, M) => s({ message: $, index: M })),
     a,
-    v > 0 && /* @__PURE__ */ o.createElement("div", { style: { minHeight: v } })
+    _ > 0 && /* @__PURE__ */ o.createElement("div", { style: { minHeight: _ } })
   ), /* @__PURE__ */ o.createElement(Xu, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ o.createElement(Ju, { id: "infinite-list-overlay" }, l)));
 }), Yu = h.div`display:flex;position:relative;flex:1;overflow:hidden;`, Zu = h.div`display:flex;flex:1;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:${m.themedColor.textLowEmphasis}transparent;&::-webkit-scrollbar-thumb:hover{background-color:transparent;}`, Xu = h.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`, Ju = h.div`pointer-events:auto;`, Qu = ({ className: e, label: t, ariaLabel: n, onClick: r }) => {
   const { colors: s } = Je();
@@ -4894,16 +4889,16 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
     outline: none;
   }
 `, rm = () => {
-  const { agentPreviewConfigs: e = {}, aiAgentId: t } = Y(), { aiAgentInfo: n } = re(), { stringSet: r, dateLocale: s } = G(), { messageSource: i } = oe(), { Template: a } = Ve.useContext(), l = e.welcomeMessages ?? [], c = i.messages, d = Nu(c, t), g = c[d.length + 1], p = d[0] ?? g;
+  const { agentPreviewConfigs: e = {}, aiAgentId: t } = Y(), { aiAgentInfo: n } = ne(), { stringSet: r, dateLocale: s } = G(), { messageSource: i } = re(), { Template: a } = Ve.useContext(), l = e.welcomeMessages ?? [], c = i.messages, d = Nu(c, t), g = c[d.length + 1], f = d[0] ?? g;
   return {
     /**
      * Returns a list of messages filtered according to business requirements.
      */
-    filteredMessages: c.filter((b) => Ru(b) ? !1 : l.length > 0 ? !ke.isWelcomeMessage(b, t) : !0),
+    filteredMessages: c.filter((b) => Ru(b) ? !1 : l.length > 0 ? !Ie.isWelcomeMessage(b, t) : !0),
     /**
      * Determines whether to display the DateSeparator in the data list by comparing it with the welcome messages from Bot Studio.
      */
-    shouldShowOriginalDate: (b) => b > 0 || l.length === 0 ? !0 : g && !ko(g.createdAt, (p == null ? void 0 : p.createdAt) ?? 0),
+    shouldShowOriginalDate: (b) => b > 0 || l.length === 0 ? !0 : g && !ko(g.createdAt, (f == null ? void 0 : f.createdAt) ?? 0),
     /**
      * Renders the list of welcome messages from Bot Studio.
      */
@@ -4911,12 +4906,12 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
       Hr,
       {
         style: { margin: "16px 0" },
-        date: p == null ? void 0 : p.createdAt,
+        date: f == null ? void 0 : f.createdAt,
         locale: s,
         formatString: r.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR
       }
-    ), l.map((b, _) => {
-      const v = _ === l.length - 1, E = d.length !== c.length, u = l.length === 1 ? "single" : _ === 0 ? "top" : v || E ? "bottom" : "middle";
+    ), l.map((b, v) => {
+      const _ = v === l.length - 1, E = d.length !== c.length, u = l.length === 1 ? "single" : v === 0 ? "top" : _ || E ? "bottom" : "middle";
       return /* @__PURE__ */ o.createElement(
         a,
         {
@@ -4924,13 +4919,13 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
           message: b.message,
           sender: n,
           groupType: u,
-          createdAt: (p == null ? void 0 : p.createdAt) ?? Date.now(),
+          createdAt: (f == null ? void 0 : f.createdAt) ?? Date.now(),
           extendedMessagePayload: { suggested_replies: b.suggestedReplies },
           suggestedRepliesDirection: e.suggestedRepliesDirection,
-          suggestedRepliesVisible: v && !E,
+          suggestedRepliesVisible: _ && !E,
           isBotMessage: !0,
-          onClickSuggestedReply: async ({ reply: f }) => {
-            i.sendUserMessage({ message: f });
+          onClickSuggestedReply: async ({ reply: p }) => {
+            i.sendUserMessage({ message: p });
           }
         }
       );
@@ -4956,7 +4951,7 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
   text-decoration: none;
 `, lm = () => {
   var a;
-  const { stringSet: e } = G(), { channelSource: t, goToActiveConversation: n, scrollSource: r } = oe(), s = $e(t.channel), i = B(s);
+  const { stringSet: e } = G(), { channelSource: t, goToActiveConversation: n, scrollSource: r } = re(), s = ke(t.channel), i = B(s);
   return P(() => {
     if (!i.current && s) {
       const d = setTimeout(() => {
@@ -4976,14 +4971,14 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
     e.TALK_TO_AGENT
   ));
 }, cm = h.div`display:flex;justify-content:center;margin-bottom:16px;`, dm = h(w)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${m.themedColor.textDisabled};cursor:pointer;user-select:none;`, um = () => {
-  const { Template: e } = on.useContext(), { Template: t } = Ve.useContext(), { Template: n } = sn.useContext(), [r, s] = C(null), [i, a] = C(null), { userSession: l, aiAgentInfo: c } = re(), { cache: d, agentPreviewConfigs: g, chatSDK: p, state: b } = Y(), { config: _ } = X(), { stringSet: v, dateLocale: E } = G(), {
+  const { Template: e } = on.useContext(), { Template: t } = Ve.useContext(), { Template: n } = sn.useContext(), [r, s] = C(null), [i, a] = C(null), { userSession: l, aiAgentInfo: c } = ne(), { cache: d, agentPreviewConfigs: g, chatSDK: f, state: b } = Y(), { config: v } = X(), { stringSet: _, dateLocale: E } = G(), {
     conversation: u,
-    channelSource: f,
+    channelSource: p,
     messageSource: x,
     scrollSource: y,
     state: { input: k, streamAnimation: S }
-  } = oe(), { isActionbookTester: O } = je(), { filteredMessages: $, shouldShowOriginalDate: M, renderAgentPreviewWelcomeMessages: N } = rm(), W = vr(f.channel), K = (() => {
-    const Z = W[0];
+  } = re(), { isActionbookTester: O } = je(), { filteredMessages: $, shouldShowOriginalDate: M, renderAgentPreviewWelcomeMessages: N } = rm(), j = vr(p.channel), K = (() => {
+    const Z = j[0];
     if (!Z) return null;
     const ae = Z.userId === c.userId;
     return { user: ae ? c : Z, isBot: ae };
@@ -4995,17 +4990,17 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
   }, [y.state.isAwayFromBottom]);
   const Se = (Z, ae = !1) => {
     var Ae;
-    return ae ? c : ((Ae = f.channel) == null ? void 0 : Ae.members.find((A) => A.userId === Z.sender.userId)) ?? Z.sender;
+    return ae ? c : ((Ae = p.channel) == null ? void 0 : Ae.members.find((A) => A.userId === Z.sender.userId)) ?? Z.sender;
   }, Te = (Z) => {
     if (Z.sendingStatus === "failed" && !k.disabled)
       return () => a(Z);
-  }, De = () => {
+  }, Oe = () => {
     var Z, ae, Ae;
     if (!x.initialized)
       return /* @__PURE__ */ o.createElement(ze, { type: "loading" });
     if (x.messages.length === 0) {
       const A = N();
-      return A ? /* @__PURE__ */ o.createElement("div", { style: { width: "100%" } }, A) : /* @__PURE__ */ o.createElement(ze, { type: "noMessages", label: v.PLACE_HOLDER__NO_MESSAGES });
+      return A ? /* @__PURE__ */ o.createElement("div", { style: { width: "100%" } }, A) : /* @__PURE__ */ o.createElement(ze, { type: "noMessages", label: _.PLACE_HOLDER__NO_MESSAGES });
     }
     return /* @__PURE__ */ o.createElement(
       Ku,
@@ -5018,7 +5013,7 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
         onLoadNext: x.loadNext,
         depsForResetScrollPositionToBottom: [x.initialized, x.messages.length !== 0],
         bottomSpacerHeight: y.state.bottomSpace,
-        ariaLabel: v.A11Y_MESSAGE_LIST,
+        ariaLabel: _.A11Y_MESSAGE_LIST,
         messageTopArea: /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(sm, { style: { marginTop: 16 } }), N()),
         messageBottomArea: /* @__PURE__ */ o.createElement(o.Fragment, null, K && /* @__PURE__ */ o.createElement("div", { id: `${ce}-message-item`, role: "listitem" }, /* @__PURE__ */ o.createElement(
           t,
@@ -5029,25 +5024,25 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
             messageType: "user",
             groupType: "single",
             message: "",
-            isSenderAvatarVisible: (Z = _ == null ? void 0 : _.conversation) == null ? void 0 : Z.senderAvatarEnabled
+            isSenderAvatarVisible: (Z = v == null ? void 0 : v.conversation) == null ? void 0 : Z.senderAvatarEnabled
           }
-        )), ((ae = _ == null ? void 0 : _.conversation) == null ? void 0 : ae.isTalkToAgentViewEnabled) && /* @__PURE__ */ o.createElement(lm, null)),
-        overlayArea: /* @__PURE__ */ o.createElement(o.Fragment, null, ((Ae = _ == null ? void 0 : _.conversation) == null ? void 0 : Ae.newMessageIndicatorEnabled) && y.state.isAwayFromBottom && x.newMessages.length > 0 && /* @__PURE__ */ o.createElement(
+        )), ((ae = v == null ? void 0 : v.conversation) == null ? void 0 : ae.isTalkToAgentViewEnabled) && /* @__PURE__ */ o.createElement(lm, null)),
+        overlayArea: /* @__PURE__ */ o.createElement(o.Fragment, null, ((Ae = v == null ? void 0 : v.conversation) == null ? void 0 : Ae.newMessageIndicatorEnabled) && y.state.isAwayFromBottom && x.newMessages.length > 0 && /* @__PURE__ */ o.createElement(
           hm,
           {
-            label: v.SCROLL_TO_NEW_MESSAGES_LABEL(x.newMessages),
-            ariaLabel: v.A11Y_SCROLL_TO_NEW_MESSAGES,
+            label: _.SCROLL_TO_NEW_MESSAGES_LABEL(x.newMessages),
+            ariaLabel: _.A11Y_SCROLL_TO_NEW_MESSAGES,
             onClick: () => y.actions.scrollToBottom()
           }
         ), y.state.isAwayFromBottom && x.newMessages.length === 0 && !K && /* @__PURE__ */ o.createElement(
           gm,
           {
-            ariaLabel: v.A11Y_SCROLL_TO_BOTTOM,
+            ariaLabel: _.A11Y_SCROLL_TO_BOTTOM,
             onClick: () => y.actions.scrollToBottom()
           }
         )),
         renderMessage: ({ message: A, index: U }) => {
-          const T = Qo(A), R = $[U - 1], j = $[U + 1], he = $[$.length - 1], le = A === he, ne = Qe(A, c.userId), pe = !(c.isUserFeedbackEnabled && ne && !ke.isWelcomeMessage(A)), ue = es(A, R, j, pe), me = !Go((R == null ? void 0 : R.createdAt) ?? 0, A.createdAt) && M(U) && !O, Ye = (st) => {
+          const T = Qo(A), R = $[U - 1], q = $[U + 1], he = $[$.length - 1], le = A === he, te = Qe(A, c.userId), pe = !(c.isUserFeedbackEnabled && te && !Ie.isWelcomeMessage(A)), ue = es(A, R, q, pe), me = !Go((R == null ? void 0 : R.createdAt) ?? 0, A.createdAt) && M(U) && !O, Ye = (st) => {
             (A.isFileMessage() || A.isUserMessage()) && s({ file: st, sender: Se(A, A.sender.userId === c.userId) });
           }, At = () => {
             A.isFileMessage() && en(A.url);
@@ -5057,7 +5052,7 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
               style: { margin: "16px 0" },
               date: A.createdAt,
               locale: E,
-              formatString: v.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR
+              formatString: _.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR
             }
           ) : null, ot = {
             data: A.data,
@@ -5082,14 +5077,14 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
                   ...u,
                   isResolvedWhenDeterminedByUser: qo(u),
                   messageType: "admin.csat",
-                  onSubmitCSAT: async ({ csat: we, ...q }) => {
-                    var Q;
-                    we && await ((Q = f.channel) == null ? void 0 : Q.submitCSAT({ csat: we, ...q }));
+                  onSubmitCSAT: async (De) => {
+                    var W;
+                    await ((W = p.channel) == null ? void 0 : W.submitCSAT(De));
                   }
                 }
               ) : null : /* @__PURE__ */ o.createElement(n, { ...ot, messageType: "admin", message: A.message });
             if (Be.isOutgoing(A, l.userId)) {
-              const we = {
+              const De = {
                 ...ot,
                 message: A.message,
                 sender: Se(A),
@@ -5097,71 +5092,71 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
                 onClickFailedMessage: Te(A)
               };
               if (A.isUserMessage())
-                return /* @__PURE__ */ o.createElement(e, { messageType: "user", ...we });
+                return /* @__PURE__ */ o.createElement(e, { messageType: "user", ...De });
               if (A.isFileMessage()) {
-                const [q, Q] = ((st = A.metaArrays.find((fe) => fe.key === cr)) == null ? void 0 : st.value) ?? [];
+                const [W, se] = ((st = A.metaArrays.find((fe) => fe.key === cr)) == null ? void 0 : st.value) ?? [];
                 return /* @__PURE__ */ o.createElement(
                   e,
                   {
                     messageType: "file",
                     file: A,
                     metadata: {
-                      aspectRatio: q && Q ? `${q}/${Q}` : "1/1",
+                      aspectRatio: W && se ? `${W}/${se}` : "1/1",
                       localFile: (bn = A.messageParams) == null ? void 0 : bn.file
                     },
-                    ...we
+                    ...De
                   }
                 );
               }
             }
             if (Be.isIncoming(A, l.userId)) {
-              const we = {
+              const De = {
                 ...ot,
-                sender: Se(A, ne),
+                sender: Se(A, te),
                 message: A.message,
                 suggestedRepliesVisible: le,
                 suggestedRepliesDirection: g == null ? void 0 : g.suggestedRepliesDirection,
-                isBotMessage: ne,
-                isStreaming: ke.isStreaming(A),
-                isHandedOff: He(f.channel),
-                isConversationClosed: $e(f.channel),
+                isBotMessage: te,
+                isStreaming: Ie.isStreaming(A),
+                isHandedOff: He(p.channel),
+                isConversationClosed: ke(p.channel),
                 isFeedbackEnabled: c.isUserFeedbackEnabled,
                 isFeedbackCommentEnabled: c.isUserFeedbackCommentOptionEnabled,
-                isSenderAvatarVisible: (En = _ == null ? void 0 : _.conversation) == null ? void 0 : En.senderAvatarEnabled,
-                onClickSuggestedReply: async ({ reply: q }) => {
-                  x.sendUserMessage({ message: q });
+                isSenderAvatarVisible: (En = v == null ? void 0 : v.conversation) == null ? void 0 : En.senderAvatarEnabled,
+                onClickSuggestedReply: async ({ reply: W }) => {
+                  x.sendUserMessage({ message: W });
                 },
-                onRequestMessageTemplate: async (q) => {
-                  const { template: Q } = await p.aiAgent.getMessageTemplate(q);
-                  return d.template.set(q, Q), Q;
+                onRequestMessageTemplate: async (W) => {
+                  const { template: se } = await f.aiAgent.getMessageTemplate(W);
+                  return d.template.set(W, se), se;
                 },
-                onGetCachedMessageTemplate: (q) => d.template.get(q),
-                onHandleTemplateInternalAction: (q) => {
-                  if (q.type === "internal" && q.internalData) {
-                    const { method: Q, payload: fe } = q.internalData;
-                    Q === "message.send" && (fe != null && fe.message) && x.sendUserMessage({ message: fe.message });
+                onGetCachedMessageTemplate: (W) => d.template.get(W),
+                onHandleTemplateInternalAction: (W) => {
+                  if (W.type === "internal" && W.internalData) {
+                    const { method: se, payload: fe } = W.internalData;
+                    se === "message.send" && (fe != null && fe.message) && x.sendUserMessage({ message: fe.message });
                   }
                 },
-                onFeedbackUpdate: (q) => {
-                  const Q = {
+                onFeedbackUpdate: (W) => {
+                  const se = {
                     messageId: A.messageId,
                     channelUrl: A.channelUrl
                   };
-                  if (!q)
-                    return p.aiAgent.deleteMessageFeedback(Q);
-                  const fe = { ...Q, rating: al(q.rating), comment: q.comment };
-                  return ke.hasFeedback(A) ? p.aiAgent.updateMessageFeedback(fe) : p.aiAgent.createMessageFeedback(fe);
+                  if (!W)
+                    return f.aiAgent.deleteMessageFeedback(se);
+                  const fe = { ...se, rating: al(W.rating), comment: W.comment };
+                  return Ie.hasFeedback(A) ? f.aiAgent.updateMessageFeedback(fe) : f.aiAgent.createMessageFeedback(fe);
                 },
-                onSubmitForm: ({ key: q, data: Q }) => p.aiAgent.submitForm({
+                onSubmitForm: ({ key: W, data: se }) => f.aiAgent.submitForm({
                   messageId: A.messageId,
                   channelUrl: A.channelUrl,
-                  formKey: q,
-                  formData: Q
+                  formKey: W,
+                  formData: se
                 }),
-                onCancelForm: ({ key: q }) => p.aiAgent.cancelForm({
+                onCancelForm: ({ key: W }) => f.aiAgent.cancelForm({
                   messageId: A.messageId,
                   channelUrl: A.channelUrl,
-                  formKey: q
+                  formKey: W
                 }),
                 onStreamAnimationStart: () => {
                   S.start(A.messageId);
@@ -5174,9 +5169,9 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
                 }
               };
               if (A.isUserMessage())
-                return /* @__PURE__ */ o.createElement(t, { messageType: "user", ...we });
+                return /* @__PURE__ */ o.createElement(t, { messageType: "user", ...De });
               if (A.isFileMessage())
-                return /* @__PURE__ */ o.createElement(t, { messageType: "file", file: A, ...we });
+                return /* @__PURE__ */ o.createElement(t, { messageType: "file", file: A, ...De });
             }
           })();
           return /* @__PURE__ */ o.createElement("div", { key: T, id: `${ce}-message-item`, role: "listitem", "data-layout-id": io() }, so, ao);
@@ -5184,14 +5179,14 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
       }
     );
   };
-  return /* @__PURE__ */ o.createElement(mm, { id: `${ce}-message-list` }, De(), r && /* @__PURE__ */ o.createElement(Gu, { onClose: () => s(null), sender: r.sender, file: r.file }), i && /* @__PURE__ */ o.createElement(Ue, { visible: !0, onClose: () => a(null) }, /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ o.createElement(mm, { id: `${ce}-message-list` }, Oe(), r && /* @__PURE__ */ o.createElement(Gu, { onClose: () => s(null), sender: r.sender, file: r.file }), i && /* @__PURE__ */ o.createElement(Ue, { visible: !0, onClose: () => a(null) }, /* @__PURE__ */ o.createElement(
     Ue.ActionItem,
     {
       onClick: () => {
         x.resendMessage(i), a(null);
       }
     },
-    v.FAILED_MESSAGE_RESEND
+    _.FAILED_MESSAGE_RESEND
   ), /* @__PURE__ */ o.createElement(
     Ue.ActionItem,
     {
@@ -5200,10 +5195,10 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
         x.deleteMessage(i), a(null);
       }
     },
-    v.FAILED_MESSAGE_REMOVE
+    _.FAILED_MESSAGE_REMOVE
   )));
 }, mm = h.div`overflow-y:hidden;display:flex;flex:1;position:relative;`, gm = h(tm)`position:absolute;bottom:12px;inset-inline-end:16px;`, hm = h(Qu)`position:absolute;bottom:12px;left:50%;transform:translateX(-50%);`, pm = () => {
-  const { stringSet: e } = G(), { connectionError: t } = re(), { channelSource: n } = oe(), r = t || n.error;
+  const { stringSet: e } = G(), { connectionError: t } = ne(), { channelSource: n } = re(), r = t || n.error;
   if (r) {
     const s = t ? void 0 : { label: e.RETRY, onClick: () => n.refetch() };
     return /* @__PURE__ */ o.createElement(ze, { type: "error", label: r.message, action: s });
@@ -5211,7 +5206,7 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
   return n.channel ? /* @__PURE__ */ o.createElement(um, null) : /* @__PURE__ */ o.createElement(ze, { type: "loading" });
 }, fm = () => {
   var s;
-  const { origin: e } = je(), { appId: t, aiAgentId: n } = X(), { channelSource: r } = oe();
+  const { origin: e } = je(), { appId: t, aiAgentId: n } = X(), { channelSource: r } = re();
   return (s = r.channel) != null && s.conversation ? /* @__PURE__ */ o.createElement(bm, null, /* @__PURE__ */ o.createElement(zt, { style: { gap: 4 } }, /* @__PURE__ */ o.createElement(H, { color: m.themedColor.textLowEmphasis, size: 12, type: "show" }), /* @__PURE__ */ o.createElement(w, { as: "i", color: m.themedColor.textLowEmphasis, variant: "caption2" }, "Only visible in the tester")), /* @__PURE__ */ o.createElement(
     zt,
     {
@@ -5228,20 +5223,20 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
   )) : null;
 }, zt = h.div`display:flex;justify-content:center;align-items:center;`, bm = h(zt)`flex-direction:column;padding-block:16px;background-color:${m.themedColor.bg_100_500};gap:8px;`, Vr = Ge(void 0), Em = ({ children: e }) => {
   var E;
-  const { chatSDK: t } = Y(), { createAttachmentRules: n } = re(), { stringSet: r } = G(), { channelSource: s } = oe(), [i, a] = C([]), [l, c] = C({
+  const { chatSDK: t } = Y(), { createAttachmentRules: n } = ne(), { stringSet: r } = G(), { channelSource: s } = re(), [i, a] = C([]), [l, c] = C({
     visible: !1,
     title: ""
   }), d = n({
     channel: s.channel,
     uploadSizeLimit: (E = t.appInfo) == null ? void 0 : E.uploadSizeLimit
-  }), g = d.isEnabled(), p = (u) => {
-    const f = d.getUploadSizeLimit(u.type);
-    return u.size > f;
+  }), g = d.isEnabled(), f = (u) => {
+    const p = d.getUploadSizeLimit(u.type);
+    return u.size > p;
   }, b = (u) => {
     if (!g) return;
-    const f = u.filter((k) => d.isSupportedMimeType(k.type));
-    if (f.length === 0) return;
-    const x = f.find((k) => p(k));
+    const p = u.filter((k) => d.isSupportedMimeType(k.type));
+    if (p.length === 0) return;
+    const x = p.find((k) => f(k));
     if (x) {
       const k = d.getUploadSizeLimitInMB(x.type);
       c({
@@ -5250,7 +5245,7 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
       });
       return;
     }
-    if (i.length + f.length > d.maxAttachmentCount) {
+    if (i.length + p.length > d.maxAttachmentCount) {
       c({
         visible: !0,
         title: r.FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT
@@ -5259,19 +5254,19 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
     }
     a((k) => [
       ...k,
-      ...f.map((S) => ({
+      ...p.map((S) => ({
         file: S,
         preview: { url: URL.createObjectURL(S), type: S.type, name: S.name }
       }))
     ]);
-  }, _ = (u) => {
-    a((f) => {
+  }, v = (u) => {
+    a((p) => {
       var y;
-      const x = (y = f[u]) == null ? void 0 : y.preview;
-      return x && URL.revokeObjectURL(x.url), f.filter((k, S) => S !== u);
+      const x = (y = p[u]) == null ? void 0 : y.preview;
+      return x && URL.revokeObjectURL(x.url), p.filter((k, S) => S !== u);
     });
-  }, v = () => {
-    a((u) => (u.forEach((f) => URL.revokeObjectURL(f.preview.url)), []));
+  }, _ = () => {
+    a((u) => (u.forEach((p) => URL.revokeObjectURL(p.preview.url)), []));
   };
   return /* @__PURE__ */ o.createElement(
     Vr.Provider,
@@ -5279,8 +5274,8 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
       value: {
         files: i,
         addFiles: b,
-        removeFile: _,
-        clearFiles: v,
+        removeFile: v,
+        clearFiles: _,
         isFileUploadEnabled: g,
         acceptableMimeTypes: d.supportedMimeTypes
       }
@@ -5296,7 +5291,7 @@ const Bu = h.div`width:${({ $size: e }) => e}px;height:${({ $size: e }) => e}px;
 };
 function xm({ blurred: e, elementRef: t, document: n = window.document }) {
   const r = B(!1);
-  e && t.current && n.activeElement === t.current && (r.current = !0), se(() => {
+  e && t.current && n.activeElement === t.current && (r.current = !0), oe(() => {
     var s;
     !e && r.current && ((s = t.current) == null || s.focus(), r.current = !1);
   }, [e]);
@@ -5357,8 +5352,8 @@ const vm = (e, t) => {
         type: "file",
         ref: n,
         onChange: (g) => {
-          const p = g.currentTarget.files;
-          p && i(Array.from(p)), g.target.value = "";
+          const f = g.currentTarget.files;
+          f && i(Array.from(f)), g.target.value = "";
         },
         accept: d.join(",")
       }
@@ -5373,8 +5368,8 @@ const vm = (e, t) => {
     )
   );
 }, wm = () => {
-  const e = B(null), [t, n] = C(""), { stringSet: r } = G(), { rootElement: s } = Y(), { channelSource: i, messageSource: a, state: l } = oe(), { files: c, addFiles: d, clearFiles: g } = mn(), p = l.input.disabled, b = (() => {
-    if (!p) return r.MESSAGE_INPUT__PLACE_HOLDER;
+  const e = B(null), [t, n] = C(""), { stringSet: r } = G(), { rootElement: s } = Y(), { channelSource: i, messageSource: a, state: l } = re(), { files: c, addFiles: d, clearFiles: g } = mn(), f = l.input.disabled, b = (() => {
+    if (!f) return r.MESSAGE_INPUT__PLACE_HOLDER;
     switch (l.input.disabledBy) {
       case "form_active":
         return r.FORM_PLACEHOLDER;
@@ -5390,10 +5385,10 @@ const vm = (e, t) => {
         return r.MESSAGE_INPUT__PLACE_HOLDER__DISABLED;
     }
   })();
-  Tu({ onDropFiles: d }), xm({ blurred: p, elementRef: e, document: Re(s) }), vm(i.channel, t);
-  const _ = t.trim().length > 0, v = c.length > 0, E = !p && (_ || v), u = () => {
+  Tu({ onDropFiles: d }), xm({ blurred: f, elementRef: e, document: Re(s) }), vm(i.channel, t);
+  const v = t.trim().length > 0, _ = c.length > 0, E = !f && (v || _), u = () => {
     e.current && (e.current.value = "", e.current.style.height = ""), g(), n("");
-  }, f = async () => {
+  }, p = async () => {
     const S = t.trim(), O = { message: S };
     if (!(!S && !c.length)) {
       if (c.length > 0) {
@@ -5407,7 +5402,7 @@ const vm = (e, t) => {
     const O = Array.from(S.clipboardData.files);
     O.length > 0 && (S.preventDefault(), d(O));
   }, y = (S) => {
-    S.key !== "Enter" || S.nativeEvent.isComposing || S.shiftKey || (S.preventDefault(), f());
+    S.key !== "Enter" || S.nativeEvent.isComposing || S.shiftKey || (S.preventDefault(), p());
   }, k = (S) => {
     if (e.current) {
       e.current.style.height = "";
@@ -5416,7 +5411,7 @@ const vm = (e, t) => {
     }
     n(S.target.value);
   };
-  return p ? /* @__PURE__ */ o.createElement(er, null, /* @__PURE__ */ o.createElement(Xn, null, /* @__PURE__ */ o.createElement(Jn, null, /* @__PURE__ */ o.createElement(Qn, { disabled: !0, placeholder: b }), /* @__PURE__ */ o.createElement(tr, { disabled: !0 })))) : /* @__PURE__ */ o.createElement(er, null, /* @__PURE__ */ o.createElement(Xn, null, /* @__PURE__ */ o.createElement(Sm, null), /* @__PURE__ */ o.createElement(Jn, null, /* @__PURE__ */ o.createElement(
+  return f ? /* @__PURE__ */ o.createElement(er, null, /* @__PURE__ */ o.createElement(Xn, null, /* @__PURE__ */ o.createElement(Jn, null, /* @__PURE__ */ o.createElement(Qn, { disabled: !0, placeholder: b }), /* @__PURE__ */ o.createElement(tr, { disabled: !0 })))) : /* @__PURE__ */ o.createElement(er, null, /* @__PURE__ */ o.createElement(Xn, null, /* @__PURE__ */ o.createElement(Sm, null), /* @__PURE__ */ o.createElement(Jn, null, /* @__PURE__ */ o.createElement(
     Qn,
     {
       ref: e,
@@ -5428,7 +5423,7 @@ const vm = (e, t) => {
       onChange: k,
       onPaste: x
     }
-  ), /* @__PURE__ */ o.createElement(tr, null))), E && /* @__PURE__ */ o.createElement(Gr, { onClick: () => f() }, /* @__PURE__ */ o.createElement(H, { type: "send", color: m.color.primary.main, size: 20 })));
+  ), /* @__PURE__ */ o.createElement(tr, null))), E && /* @__PURE__ */ o.createElement(Gr, { onClick: () => p() }, /* @__PURE__ */ o.createElement(H, { type: "send", color: m.color.primary.main, size: 20 })));
 }, Im = 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:${m.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${F.light`
       color: ${m.color.information.light};
     `};
@@ -5436,14 +5431,14 @@ const vm = (e, t) => {
       color: ${m.color.information.main};
     `};
   }
-`, km = D(() => import("./kx5oY12W.js").then((e) => ({ default: e.MarkdownText }))), $m = () => {
-  const { aiAgentInfo: e, userSession: t } = re(), { messageSource: n, channelSource: r } = oe(), [s, i] = C(null), a = Xt("special-notice", r.channel), l = L(() => r.channel ? a ? n.messages.some((c) => Qe(c, (t == null ? void 0 : t.userId) ?? "")) : !0 : null, [r.channel, a, n.messages, t == null ? void 0 : t.userId]);
+`, km = D(() => import("./7nVEVfxl.js").then((e) => ({ default: e.MarkdownText }))), $m = () => {
+  const { aiAgentInfo: e, userSession: t } = ne(), { messageSource: n, channelSource: r } = re(), [s, i] = C(null), a = Xt("special-notice", r.channel), l = L(() => r.channel ? a ? n.messages.some((c) => Qe(c, (t == null ? void 0 : t.userId) ?? "")) : !0 : null, [r.channel, a, n.messages, t == null ? void 0 : t.userId]);
   return P(() => {
     s || i(l());
   }, [l, s]), s || !e.specialNotice ? null : /* @__PURE__ */ o.createElement(Im, null, /* @__PURE__ */ o.createElement(km, null, e.specialNotice));
 }, Mm = () => /* @__PURE__ */ o.createElement(Lm, null, /* @__PURE__ */ o.createElement($m, null), /* @__PURE__ */ o.createElement(Em, null, /* @__PURE__ */ o.createElement(wm, null))), Lm = h.div`z-index:0;border:none;width:100%;`, Om = () => {
   var s;
-  const { testerType: e } = je(), { channelSource: t } = oe(), n = $e(t.channel), r = !!e && ((s = t.channel) == null ? void 0 : s.isAIAgent);
+  const { testerType: e } = je(), { channelSource: t } = re(), n = ke(t.channel), r = !!e && ((s = t.channel) == null ? void 0 : s.isAIAgent);
   return n && r ? /* @__PURE__ */ o.createElement(fm, null) : /* @__PURE__ */ o.createElement(Mm, null);
 }, Dm = ({
   children: e,
@@ -5481,7 +5476,7 @@ const Nm = h.div`height:100%;width:100%;display:flex;flex-direction:column;flex:
   Provider: Bm,
   Context: vh,
   useContext: Wr
-} = te("ConversationList");
+} = ee("ConversationList");
 function Fm({
   conversationListLimit: e,
   conversationListFilter: t,
@@ -5509,7 +5504,7 @@ function Um(e) {
     hoursAgo: r.DATE_FORMAT__HOURS_AGO,
     dateShortFormat: r.DATE_FORMAT__DATE_SHORT
   }), l = t.unreadMessageCount;
-  return /* @__PURE__ */ o.createElement(Hm, { role: "button", onClick: () => n == null ? void 0 : n() }, /* @__PURE__ */ o.createElement(Vm, null, /* @__PURE__ */ o.createElement(Pm, { ...e })), /* @__PURE__ */ o.createElement(zm, null, /* @__PURE__ */ o.createElement(Gm, null, /* @__PURE__ */ o.createElement(w, { variant: "subtitle1", color: m.themedColor.textHighEmphasis, maxTextLines: 1 }, i), /* @__PURE__ */ o.createElement(Wm, null, $e(t) && /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(w, { variant: "caption1", color: m.themedColor.textMidEmphasis, maxTextLines: 1 }, r.CONVERSATION_LIST__ENDED), /* @__PURE__ */ o.createElement(jm, null)), /* @__PURE__ */ o.createElement(w, { variant: "caption2", color: m.themedColor.textLowEmphasis, maxTextLines: 1 }, a))), l > 0 && /* @__PURE__ */ o.createElement(qm, { $count: l }, /* @__PURE__ */ o.createElement(w, { variant: "caption3", color: m.themedColor.textHighEmphasisInverse }, l <= Gt ? l : `${Gt}+`))));
+  return /* @__PURE__ */ o.createElement(Hm, { role: "button", onClick: () => n == null ? void 0 : n() }, /* @__PURE__ */ o.createElement(Vm, null, /* @__PURE__ */ o.createElement(Pm, { ...e })), /* @__PURE__ */ o.createElement(zm, null, /* @__PURE__ */ o.createElement(Gm, null, /* @__PURE__ */ o.createElement(w, { variant: "subtitle1", color: m.themedColor.textHighEmphasis, maxTextLines: 1 }, i), /* @__PURE__ */ o.createElement(Wm, null, ke(t) && /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(w, { variant: "caption1", color: m.themedColor.textMidEmphasis, maxTextLines: 1 }, r.CONVERSATION_LIST__ENDED), /* @__PURE__ */ o.createElement(jm, null)), /* @__PURE__ */ o.createElement(w, { variant: "caption2", color: m.themedColor.textLowEmphasis, maxTextLines: 1 }, a))), l > 0 && /* @__PURE__ */ o.createElement(qm, { $count: l }, /* @__PURE__ */ o.createElement(w, { variant: "caption3", color: m.themedColor.textHighEmphasisInverse }, l <= Gt ? l : `${Gt}+`))));
 }
 const Hm = h.div`display:flex;flex-shrink:0;flex-direction:row;align-items:center;position:relative;width:100%;height:72px;box-sizing:border-box;gap:16px;cursor:pointer;`, Vm = h.div`display:flex;align-items:center;justify-content:center;padding-inline-start:16px;`, zm = h.div`display:flex;flex-direction:row;align-items:center;flex:1;padding-inline-end:16px;height:100%;gap:8px;border-bottom:1px solid ${m.themedColor.textDisabled};`, Gm = h.div`display:flex;flex-direction:column;justify-content:center;flex:1;gap:4px;word-break:break-word;overflow-wrap:break-word;`, Wm = h.div`display:flex;align-items:center;gap:6px;`, jm = h.div`width:2px;height:2px;border-radius:1px;background-color:${m.themedColor.textLowEmphasis};`, qm = h.div`display:flex;align-items:center;justify-content:center;height:20px;padding:4px;border-radius:10px;background-color:${m.themedColor.error};${({ $count: e }) => e <= Gt && I`
       width: 20px;
@@ -5533,7 +5528,7 @@ const Hm = h.div`display:flex;flex-shrink:0;flex-direction:row;align-items:cente
           {
             key: s.url,
             channel: s,
-            onClick: () => n(s.url, $e(s) ? "closed" : "open"),
+            onClick: () => n(s.url, ke(s) ? "closed" : "open"),
             channelUrl: s.url,
             title: (a = (i = s.conversation) == null ? void 0 : i.topics) == null ? void 0 : a.join(", "),
             lastMessageTimestamp: (l = s.lastMessage) == null ? void 0 : l.createdAt
@@ -5546,7 +5541,7 @@ const Hm = h.div`display:flex;flex-shrink:0;flex-direction:row;align-items:cente
     }
   ) : /* @__PURE__ */ o.createElement(ze, { type: "loading" });
 }, Xm = () => {
-  const { stringSet: e } = G(), { language: t, countryCode: n, context: r } = Y(), { aiAgentInfo: s, refreshActiveChannel: i, createConversation: a, setActiveChannel: l } = re(), { onOpenConversationView: c } = Wr();
+  const { stringSet: e } = G(), { language: t, countryCode: n, context: r } = Y(), { aiAgentInfo: s, refreshActiveChannel: i, createConversation: a, setActiveChannel: l } = ne(), { onOpenConversationView: c } = Wr();
   return /* @__PURE__ */ o.createElement(
     Jm,
     {
@@ -5559,10 +5554,10 @@ const Hm = h.div`display:flex;flex-shrink:0;flex-direction:row;align-items:cente
             country: n,
             context: r
           });
-          l({ url: d, status: ee.OPEN }), c(d, ee.OPEN);
+          l({ url: d, status: Q.OPEN }), c(d, Q.OPEN);
         } else {
           const d = await i();
-          c(d, ee.OPEN);
+          c(d, Q.OPEN);
         }
       }
     },
@@ -5572,7 +5567,7 @@ const Hm = h.div`display:flex;flex-shrink:0;flex-direction:row;align-items:cente
   const { state: e } = Y(), t = qe(), n = () => {
     e.setOpened(!1);
   };
-  return /* @__PURE__ */ o.createElement(Oe, { "aria-label": "close messenger", type: "close", size: t, onClick: n });
+  return /* @__PURE__ */ o.createElement(Le, { "aria-label": "close messenger", type: "close", size: t, onClick: n });
 }, tg = () => {
   const { stringSet: e } = G();
   return /* @__PURE__ */ o.createElement(ng, { variant: "h2", color: m.themedColor.textHighEmphasis }, e.CONVERSATION_LIST__HEADER_TITLE);
@@ -5759,7 +5754,7 @@ const bg = {
 }), Ze = new pr(or.WARN), Eg = new gr(Ze), {
   Provider: xg,
   useContext: pn
-} = te("PageChildren"), Kr = ({ children: e }) => {
+} = ee("PageChildren"), Kr = ({ children: e }) => {
   const [t, n] = C(null), [r, s] = C(null);
   return /* @__PURE__ */ o.createElement(
     xg,
@@ -5825,7 +5820,7 @@ const Sg = I`&:hover{transition:transform 250ms cubic-bezier(0.33,0,0,1);transfo
   Close: ({ size: e }) => /* @__PURE__ */ o.createElement(H, { size: e, type: "chevron-down" })
 };
 function Jr({ className: e, size: t }) {
-  const { colors: n } = Je(), { dir: r, state: s } = Y(), { launcherInfo: i } = re();
+  const { colors: n } = Je(), { dir: r, state: s } = Y(), { launcherInfo: i } = ne();
   return $g(), /* @__PURE__ */ o.createElement(
     Cg,
     {
@@ -5888,15 +5883,15 @@ const Mg = sr`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY
         ` : I`z-index:1;pointer-events:none;`}
 `;
 function ht({ initialId: e, children: t }) {
-  const [n, r] = C([e]), s = n[n.length - 1], i = L((u, f) => {
-    r((x) => [...x, u]), p((x) => ({ ...x, [u]: !0 })), f != null && f.reset && E((x) => ({
+  const [n, r] = C([e]), s = n[n.length - 1], i = L((u, p) => {
+    r((x) => [...x, u]), f((x) => ({ ...x, [u]: !0 })), p != null && p.reset && E((x) => ({
       ...x,
       [u]: (x[u] || 0) + 1
-    })), _((x) => ({
+    })), v((x) => ({
       ...x,
       [u]: "entering"
     })), setTimeout(() => {
-      _((x) => ({
+      v((x) => ({
         ...x,
         [u]: "entered"
       }));
@@ -5904,14 +5899,14 @@ function ht({ initialId: e, children: t }) {
   }, []), a = L(() => {
     r((u) => {
       if (u.length <= 1) return u;
-      const f = u[u.length - 1];
-      return _((x) => ({
+      const p = u[u.length - 1];
+      return v((x) => ({
         ...x,
-        [f]: "exiting"
+        [p]: "exiting"
       })), setTimeout(() => {
-        _((x) => ({
+        v((x) => ({
           ...x,
-          [f]: "exited"
+          [p]: "exited"
         })), r((x) => x.slice(0, -1));
       }, 300), u;
     });
@@ -5925,26 +5920,26 @@ function ht({ initialId: e, children: t }) {
     (u) => u.type === to
   ), [t]), d = ie(() => {
     const u = {};
-    return c.forEach((f) => {
-      const { id: x, lazy: y, children: k } = f.props;
+    return c.forEach((p) => {
+      const { id: x, lazy: y, children: k } = p.props;
       u[x] = { lazy: y, element: typeof k == "function" ? k(l) : k };
     }), u;
-  }, [c, l]), [g, p] = C(() => {
+  }, [c, l]), [g, f] = C(() => {
     const u = {};
-    return Object.entries(d).forEach(([f, { lazy: x }]) => {
-      x === !1 && (u[f] = !0);
+    return Object.entries(d).forEach(([p, { lazy: x }]) => {
+      x === !1 && (u[p] = !0);
     }), u[e] = !0, u;
-  }), [b, _] = C(() => {
+  }), [b, v] = C(() => {
     const u = {};
-    return Object.keys(d).forEach((f) => {
-      f === e ? u[f] = "entered" : u[f] = "exited";
+    return Object.keys(d).forEach((p) => {
+      p === e ? u[p] = "entered" : u[p] = "exited";
     }), u;
-  }), [v, E] = C({});
+  }), [_, E] = C({});
   return /* @__PURE__ */ o.createElement(Qr.Provider, { value: l }, /* @__PURE__ */ o.createElement(Fg, null, Object.keys(d).map((u) => {
     var k;
     if (!g[u]) return null;
-    const f = b[u] || "exited", x = u === s, y = `${u}-${v[u] || 0}`;
-    return /* @__PURE__ */ o.createElement(Bg, { key: y, $transitionState: f, $active: x }, (k = d[u]) == null ? void 0 : k.element);
+    const p = b[u] || "exited", x = u === s, y = `${u}-${_[u] || 0}`;
+    return /* @__PURE__ */ o.createElement(Bg, { key: y, $transitionState: p, $active: x }, (k = d[u]) == null ? void 0 : k.element);
   })));
 }
 const Fg = h.div`position:relative;width:100%;height:100%;`;
@@ -5985,7 +5980,7 @@ const be = {
     i
   )));
 }, Pg = ({ onOpenConversationView: e }) => {
-  const { registerOnJoinedProactiveConversation: t } = re(), { navigation: n } = eo();
+  const { registerOnJoinedProactiveConversation: t } = ne(), { navigation: n } = eo();
   return t(({ channel: r }) => {
     e(r.url), n.navigate(be.conv);
   }), null;
@@ -6008,7 +6003,7 @@ const Hg = h.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end
 }), {
   Provider: Wg,
   useContext: fn
-} = te("FixedMessengerStyle");
+} = ee("FixedMessengerStyle");
 function ro(e, t, n, r = 0) {
   const { top: s, bottom: i, start: a, end: l } = n;
   let c = "", d = "";
@@ -6061,16 +6056,16 @@ const Yg = h.div`background:${({ theme: e }) => e.colors.base.background};displa
   ${({ $isOpened: e }) => e && Xg};
   ${({ $isExpanded: e }) => e && Zg};
 `, Zg = I`width:743px;height:723px;`, Xg = I`z-index:${Ne.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;`, oo = { top: 24, bottom: 24, start: 24, end: 24 }, Jg = We(function({ children: e, initialChannelUrl: t, ...n }, r) {
-  const [s, i] = C(t), [a, l] = C("end-bottom"), [c, d] = C(oo), [g, p] = C(48), b = nt(), _ = b ? Yr : Kg, { horizontal: v, vertical: E } = ie(() => {
-    const [u, f] = a.split("-");
-    return { horizontal: u === "start" ? "start" : "end", vertical: f === "top" ? "top" : "bottom" };
+  const [s, i] = C(t), [a, l] = C("end-bottom"), [c, d] = C(oo), [g, f] = C(48), b = nt(), v = b ? Yr : Kg, { horizontal: _, vertical: E } = ie(() => {
+    const [u, p] = a.split("-");
+    return { horizontal: u === "start" ? "start" : "end", vertical: p === "top" ? "top" : "bottom" };
   }, [a]);
   return /* @__PURE__ */ o.createElement(qr, { enableExpandButton: !b, ref: r, ...n }, /* @__PURE__ */ o.createElement(Tr, null, ({ state: u }) => /* @__PURE__ */ o.createElement(
     Wg,
     {
-      value: { horizontal: v, vertical: E, margin: c, launcherSize: g, setPosition: l, setMargin: d, setLauncherSize: p }
+      value: { horizontal: _, vertical: E, margin: c, launcherSize: g, setPosition: l, setMargin: d, setLauncherSize: f }
     },
-    /* @__PURE__ */ o.createElement(Kr, null, /* @__PURE__ */ o.createElement(_, { isExpanded: u.expanded, isOpened: u.opened }, /* @__PURE__ */ o.createElement(
+    /* @__PURE__ */ o.createElement(Kr, null, /* @__PURE__ */ o.createElement(v, { isExpanded: u.expanded, isOpened: u.opened }, /* @__PURE__ */ o.createElement(
       no,
       {
         isOpened: u.opened,
@@ -6083,7 +6078,7 @@ const Yg = h.div`background:${({ theme: e }) => e.colors.base.background};displa
 }), Qg = (e) => {
   var s, i, a, l;
   const { setPosition: t, setMargin: n, setLauncherSize: r } = fn();
-  return se(() => {
+  return oe(() => {
     e.position && t(e.position), e.margin && n({ ...oo, ...e.margin }), e.launcherSize && r(e.launcherSize);
   }, [
     e.position,
@@ -6095,16 +6090,16 @@ const Yg = h.div`background:${({ theme: e }) => e.colors.base.background};displa
   ]), null;
 }, eh = ({ children: e }) => {
   const { setConversationChildren: t } = pn();
-  return se(() => (t(e), () => t(null)), [e]), null;
+  return oe(() => (t(e), () => t(null)), [e]), null;
 }, th = ({ children: e }) => {
   const { setConversationListChildren: t } = pn();
-  return se(() => (t(e), () => t(null)), [e]), null;
+  return oe(() => (t(e), () => t(null)), [e]), null;
 }, yh = Object.assign(Jg, {
   Style: Qg,
   ConversationChildren: eh,
   ConversationListChildren: th
 }), Ch = (e) => {
-  const { refreshActiveChannel: t } = re(), [n, r] = C(!1), s = B(null), i = B(null);
+  const { refreshActiveChannel: t } = ne(), [n, r] = C(!1), s = B(null), i = B(null);
   return P(() => {
     n && t().then(() => {
       var a;
@@ -6132,7 +6127,7 @@ export {
   qr as a,
   fg as b,
   m as c,
-  re as d,
+  ne as d,
   Eh as e,
   G as f,
   Eg as g,
@@ -6144,7 +6139,7 @@ export {
   Ni as m,
   xh as n,
   su as o,
-  oe as p,
+  re as p,
   lg as q,
   hn as r,
   rt as s,