@sendbird/ai-agent-messenger-react 1.10.0 → 1.10.1

package/dist/es/{DVFeDVD_.js → DLKKcW2Z.js}

@@ -40,7 +40,7 @@ function ve(e) {
       Template: a,
       updateTemplate: (p) => l(() => p),
       components: c,
-      updateComponent: (p, x) => d((y) => ({ ...y, [p]: x }))
+      updateComponent: (p, E) => d((y) => ({ ...y, [p]: E }))
     };
     return /* @__PURE__ */ o.createElement(t.Provider, { value: h }, i);
   }
@@ -146,7 +146,7 @@ function jo(e, t, n) {
   const r = /* @__PURE__ */ new Date(), s = new Date(((a = e.lastMessage) == null ? void 0 : a.createdAt) || e.createdAt), i = _o(r, s);
   return i < 1 ? n.justNow : i < 60 ? n.minutesAgo(i) : Co(s) ? n.hoursAgo(So(r, s)) : t(s, n.dateShortFormat);
 }
-const qo = "1.10.0", Be = "sb-agent", Ko = qo, sr = "KEY_IMG_ASPECT_RATIO", Zo = "*/*", P = {
+const qo = "1.10.1", Be = "sb-agent", Ko = qo, sr = "KEY_IMG_ASPECT_RATIO", Zo = "*/*", P = {
   BODY_MAX_WIDTH: 244,
   WIDE_BODY_MAX_WIDTH: 640,
   AVATAR_SIZE: 26,
@@ -468,26 +468,26 @@ function cs({
   chatSDK: d,
   chatParams: h,
   children: p,
-  logger: x,
+  logger: E,
   dispatcher: y,
-  extensions: E = {
+  extensions: x = {
     platform: po.JS,
     deviceOSPlatform: rs() ? fn.MOBILE_WEB : fn.WEB
   }
 }) {
   const [b, f] = S(() => {
-    const u = x ?? new ur(dr.WARN), v = y ?? new cr(u);
+    const u = E ?? new ur(dr.WARN), v = y ?? new cr(u);
     return {
       logger: u,
       dispatcher: v,
-      chatSDK: d ?? _n(e, E, h),
+      chatSDK: d ?? _n(e, x, h),
       cache: yn({ appId: e, aiAgentId: t, storage: n })
     };
   });
   return F(() => {
     f((u) => {
       let v = u.logger, _ = u.dispatcher, I = u.chatSDK;
-      return x && x !== u.logger && (v = x), y && y !== u.dispatcher && (_ = y), d && d !== u.chatSDK ? I = d : !d && u.chatSDK.appId !== e && (I = _n(e, E, { newInstance: !0, ...h })), {
+      return E && E !== u.logger && (v = E), y && y !== u.dispatcher && (_ = y), d && d !== u.chatSDK ? I = d : !d && u.chatSDK.appId !== e && (I = _n(e, x, { newInstance: !0, ...h })), {
         ...u,
         logger: v,
         dispatcher: _,
@@ -495,7 +495,7 @@ function cs({
         cache: yn({ appId: e, aiAgentId: t, storage: n })
       };
     });
-  }, [e, t, x, y, d, n]), F(() => () => {
+  }, [e, t, E, y, d, n]), F(() => () => {
     b.chatSDK.disconnectWebSocket();
   }, [b.chatSDK]), is(b.chatSDK), /* @__PURE__ */ o.createElement(
     ls,
@@ -570,16 +570,16 @@ function bs(e, t, n) {
   if (t === 0)
     r = s = i = n;
   else {
-    const a = function(h, p, x) {
-      return x < 0 && (x += 1), x > 1 && (x -= 1), x < 0.16666666666666666 ? h + (p - h) * 6 * x : x < 0.5 ? p : x < 0.6666666666666666 ? h + (p - h) * (0.6666666666666666 - x) * 6 : h;
+    const a = function(h, p, E) {
+      return E < 0 && (E += 1), E > 1 && (E -= 1), E < 0.16666666666666666 ? h + (p - h) * 6 * E : E < 0.5 ? p : E < 0.6666666666666666 ? h + (p - h) * (0.6666666666666666 - E) * 6 : h;
     }, 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 ot(e, t, n) {
-  const [r, s, i] = hs(e), [a, l, c] = fs(r, s, i), d = Math.max(0, Math.min(1, c * t)), h = Math.max(0, Math.min(1, l * n)), [p, x, y] = bs(a, h, d);
-  return ps([Math.round(p), Math.round(x), Math.round(y)]);
+  const [r, s, i] = hs(e), [a, l, c] = fs(r, s, i), d = Math.max(0, Math.min(1, c * t)), h = Math.max(0, Math.min(1, l * n)), [p, E, y] = bs(a, h, d);
+  return ps([Math.round(p), Math.round(E), Math.round(y)]);
 }
 function Es(e, t = "light") {
   return {
@@ -789,15 +789,15 @@ function As({ logger: e, palette: t, typography: n, appearance: r, children: s }
   ), c = O(
     (d, h) => {
       h && (i.current = h);
-      const p = (r == null ? void 0 : r.theme) ?? d, x = i.current ? i.current.themes[p] : null, y = {
+      const p = (r == null ? void 0 : r.theme) ?? d, E = i.current ? i.current.themes[p] : null, y = {
         primary: r == null ? void 0 : r.primaryColor,
         primaryContrast: void 0,
         botMessageBackground: r == null ? void 0 : r.botMessageBackgroundColor,
         botMessageBackgroundContrast: void 0
       };
-      !y.primary && (x != null && x.primary_color) && (y.primary = x.primary_color, y.primaryContrast = x.primary_contrast_color), !y.botMessageBackground && (x != null && x.bot_message_bg_color) && (y.botMessageBackground = x.bot_message_bg_color, y.botMessageBackgroundContrast = x.bot_message_bg_contrast_color);
-      const E = Cn({ selectedTheme: p, palette: t, typography: n, ...y });
-      l(E), e == null || e.info("theme.update:", p);
+      !y.primary && (E != null && E.primary_color) && (y.primary = E.primary_color, y.primaryContrast = E.primary_contrast_color), !y.botMessageBackground && (E != null && E.bot_message_bg_color) && (y.botMessageBackground = E.bot_message_bg_color, y.botMessageBackgroundContrast = E.bot_message_bg_contrast_color);
+      const x = Cn({ selectedTheme: p, palette: t, typography: n, ...y });
+      l(x), e == null || e.info("theme.update:", p);
     },
     [r == null ? void 0 : r.theme, r == null ? void 0 : r.primaryColor, r == null ? void 0 : r.botMessageBackgroundColor, t, n, e]
   );
@@ -977,11 +977,11 @@ function Ns({
   onPostDeauth: a,
   forceCreateChannel: l
 }) {
-  const { aiAgentId: c, language: d, context: h, countryCode: p, logger: x, cache: y } = K(), { connect: E, disconnect: b } = Is(), { type: f, userSessionCandidate: u } = Rs(e), v = gr(), _ = O(async () => {
+  const { aiAgentId: c, language: d, context: h, countryCode: p, logger: E, cache: y } = K(), { connect: x, disconnect: b } = Is(), { type: f, userSessionCandidate: u } = Rs(e), v = gr(), _ = O(async () => {
     var B;
-    x.debug("useAuthentication.authenticate: start");
+    E.debug("useAuthentication.authenticate: start");
     const C = u != null && u.userId ? y.messenger.getSettings(u.userId) : null;
-    C != null && C.bot && (t(C), x.debug("useAuthentication.authenticate: cached messenger settings", C));
+    C != null && C.bot && (t(C), E.debug("useAuthentication.authenticate: cached messenger settings", C));
     const w = await v({
       aiAgentId: c,
       userId: u == null ? void 0 : u.userId,
@@ -991,11 +991,11 @@ function Ns({
       forceCreateChannel: l,
       knownActiveChannelUrl: (B = C == null ? void 0 : C.active_channel) == null ? void 0 : B.channel_url
     });
-    x.debug("useAuthentication.authenticate: messenger settings response", w);
+    E.debug("useAuthentication.authenticate: messenger settings response", w);
     let M = null;
     if (w.auto_created_user)
       if (f === "manual")
-        x.warn("Received auto created user info but current session is manual. Ignoring auto created user info."), M = { userId: u.userId, authToken: u.authToken };
+        E.warn("Received auto created user info but current session is manual. Ignoring auto created user info."), M = { userId: u.userId, authToken: u.authToken };
       else {
         const { user_id: te, session_token: ne, expire_at: le } = w.auto_created_user;
         y.messenger.setAnonUser({ userId: te, authToken: ne, expireAt: le }), M = { userId: te, authToken: ne };
@@ -1007,14 +1007,14 @@ function Ns({
       };
     y.messenger.setSettings(M.userId, w), t(w);
     try {
-      await n(w, M), await E(M, u == null ? void 0 : u.sessionHandler, i), await r(w, M);
+      await n(w, M), await x(M, u == null ? void 0 : u.sessionHandler, i), await r(w, M);
     } catch (te) {
-      throw te instanceof Error && (s(te), x.error("useAuthentication.authenticate: failed to connect", te)), te;
+      throw te instanceof Error && (s(te), E.error("useAuthentication.authenticate: failed to connect", te)), te;
     }
     return w;
   }, [
     v,
-    E,
+    x,
     f,
     u == null ? void 0 : u.userId,
     u == null ? void 0 : u.sessionHandler,
@@ -1033,8 +1033,8 @@ function Ns({
     s,
     i
   ]), I = O(async () => {
-    x.debug("useAuthentication.deauthenticate: start"), await b(), a(), x.debug("useAuthentication.deauthenticate: completed");
-  }, [b, x, a]);
+    E.debug("useAuthentication.deauthenticate: start"), await b(), a(), E.debug("useAuthentication.deauthenticate: completed");
+  }, [b, E, a]);
   return {
     authenticate: _,
     deauthenticate: I,
@@ -1117,7 +1117,7 @@ const Us = () => {
   useContext: vt
 } = J("AIAgentMessengerSession"), Vs = Ge(
   function({ userSessionInfo: e, forceCreateChannel: t, children: n }, r) {
-    const { appId: s, aiAgentId: i, chatSDK: a, language: l, countryCode: c, context: d, cache: h, logger: p } = K(), { updateTheme: x } = Kt(), [y, E] = S(void 0), [b, f] = S(
+    const { appId: s, aiAgentId: i, chatSDK: a, language: l, countryCode: c, context: d, cache: h, logger: p } = K(), { updateTheme: E } = Kt(), [y, x] = S(void 0), [b, f] = S(
       void 0
     ), [u, v] = S(null), [_, I] = S(null), [C, w] = S(null), [M, B] = S(null), { updateBaseAttachmentRules: te, createAttachmentRules: ne } = ks(), { shouldSyncCachedTemplate: le, syncCachedTemplates: _e } = Us(), Ce = gr(), { authenticate: $e, deauthenticate: q } = Ns({
       userSessionInfo: e,
@@ -1125,7 +1125,7 @@ const Us = () => {
       onUpdateMessengerSettings: O(
         (U) => {
           const { appearance: T, bot: D, launcher: G } = U;
-          x(T.selected_theme, T), w({
+          E(T.selected_theme, T), w({
             userId: D.bot_userid,
             profileUrl: D.bot_profile_url,
             nickname: D.bot_nickname,
@@ -1141,10 +1141,10 @@ const Us = () => {
             imageUrl: G.image_url
           }), te(U);
         },
-        [x]
+        [E]
       ),
       onPreAuth: O((U, T) => {
-        E(void 0), I(T);
+        x(void 0), I(T);
       }, []),
       onPostAuth: O(
         async (U) => {
@@ -1153,7 +1153,7 @@ const Us = () => {
         [a, le, _e]
       ),
       onErrorAuth: O((U) => {
-        E(U);
+        x(U);
       }, []),
       onAuthTokenRefreshed: O((U) => {
         I((T) => T ? { ...T, authToken: U } : null);
@@ -1334,10 +1334,10 @@ const Us = () => {
   return F(() => {
     const c = () => {
       a.current && (clearTimeout(a.current), a.current = null), i(!1);
-    }, d = (x) => {
+    }, d = (E) => {
       a.current && clearTimeout(a.current), i(!0), a.current = setTimeout(() => {
         i(!1), a.current = null;
-      }, x);
+      }, E);
     }, h = Date.now() - l, p = Ks - h;
     return n || p <= 0 ? c() : d(p), () => {
       a.current && clearTimeout(a.current);
@@ -1359,34 +1359,34 @@ function Xs({
   sortComparator: d
 }) {
   var I;
-  const h = () => c && (E == null ? void 0 : E.markAsRead()), { chatSDK: p, logger: x, dispatcher: y } = K(), { channel: E, channelFetchError: b, fetchChannel: f } = Js(t), u = ds(p, E, {
+  const h = () => c && (x == null ? void 0 : x.markAsRead()), { chatSDK: p, logger: E, dispatcher: y } = K(), { channel: x, channelFetchError: b, fetchChannel: f } = Js(t), u = ds(p, x, {
     shouldCountNewMessages: () => !1,
     onChannelDeleted: n,
     onMessagesReceived: (C) => r == null ? void 0 : r(C),
     onMessagesUpdated: (C) => s == null ? void 0 : s(C),
-    logger: x,
+    logger: E,
     markAsRead: h,
     sortComparator: d
-  }), v = Ws({ channel: E, messages: u.messages });
+  }), v = Ws({ channel: x, messages: u.messages });
   F(() => {
     h();
   }, [c]), F(() => {
     const C = async (w) => {
       const M = typeof (w == null ? void 0 : w.channelUrl) == "string";
-      E && M && w.channelUrl !== E.url || (x.debug("conversation.dispatcher: try to close conversation", E), E != null && E.conversation && E.conversation.status === X.OPEN && (await E.closeConversation(), i == null || i()));
+      x && M && w.channelUrl !== x.url || (E.debug("conversation.dispatcher: try to close conversation", x), x != null && x.conversation && x.conversation.status === X.OPEN && (await x.closeConversation(), i == null || i()));
     };
     return y.subscribe(Dt.ConversationClose, C), () => {
       y.unsubscribe(Dt.ConversationClose, C);
     };
-  }, [y, (I = E == null ? void 0 : E.conversation) == null ? void 0 : I.status, i]);
+  }, [y, (I = x == null ? void 0 : x.conversation) == null ? void 0 : I.status, i]);
   const _ = {
-    conversation: (E == null ? void 0 : E.conversation) ?? void 0,
+    conversation: (x == null ? void 0 : x.conversation) ?? void 0,
     channelSource: {
-      channel: E,
+      channel: x,
       error: b,
       refetch: () => f(),
       closeConversation: async () => {
-        we(E) || await (E == null ? void 0 : E.closeConversation());
+        we(x) || await (x == null ? void 0 : x.closeConversation());
       }
     },
     messageSource: {
@@ -1398,7 +1398,7 @@ function Xs({
       resendMessage: (C) => u.resendMessage(C),
       sendUserMessage: async (C) => {
         var M;
-        if (((M = E == null ? void 0 : E.conversation) == null ? void 0 : M.status) === X.CLOSED)
+        if (((M = x == null ? void 0 : x.conversation) == null ? void 0 : M.status) === X.CLOSED)
           throw new Error("Conversation is closed");
         a && (C = await a(C));
         const w = await u.sendUserMessage(C, l);
@@ -1406,7 +1406,7 @@ function Xs({
       },
       sendFileMessage: async (C) => {
         var M;
-        if (((M = E == null ? void 0 : E.conversation) == null ? void 0 : M.status) === X.CLOSED)
+        if (((M = x == null ? void 0 : x.conversation) == null ? void 0 : M.status) === X.CLOSED)
           throw new Error("Conversation is closed");
         a && (C = await a(C));
         const w = await u.sendFileMessage(C, l);
@@ -1559,7 +1559,7 @@ class ei {
       if (d === void 0) continue;
       const h = Nt(this._pinnedChannels, c);
       h >= 0 ? (this._pinnedChannels.splice(h, 1), i.push(c)) : s.push(c);
-      const x = this._pinnedChannels.findIndex((E) => (r.get(E.url) ?? 1 / 0) > d), y = x === -1 ? this._pinnedChannels.length : x;
+      const E = this._pinnedChannels.findIndex((x) => (r.get(x.url) ?? 1 / 0) > d), y = E === -1 ? this._pinnedChannels.length : E;
       this._pinnedChannels.splice(y, 0, c);
     }
     return { addedChannels: s, updatedChannels: i, unmatchedChannelUrls: a };
@@ -1590,12 +1590,12 @@ class ei {
    * @param forceAppend - Whether to force append channels at the end
    */
   _addChannelsToView(t, n = !1) {
-    var p, x, y, E, b;
+    var p, E, y, x, b;
     const r = new Set(((p = this.filter) == null ? void 0 : p.pinnedChannelUrls) ?? []), s = [], i = [];
     for (const f of t)
       r.has(f.url) ? s.push(f) : i.push(f);
     const a = this._upsertPinnedChannelsToArray(s), l = this._upsertRegularChannelsToArray(i, n), c = a.addedChannels.concat(l.addedChannels), d = a.updatedChannels.concat(l.updatedChannels), h = a.unmatchedChannelUrls.concat(l.unmatchedChannelUrls);
-    c.length > 0 && ((y = (x = this._collectionEventHandler) == null ? void 0 : x.onChannelsAdded) == null || y.call(x, {}, c)), d.length > 0 && ((b = (E = this._collectionEventHandler) == null ? void 0 : E.onChannelsUpdated) == null || b.call(E, {}, d)), h.length > 0 && this._removeChannelsFromView(h);
+    c.length > 0 && ((y = (E = this._collectionEventHandler) == null ? void 0 : E.onChannelsAdded) == null || y.call(E, {}, c)), d.length > 0 && ((b = (x = this._collectionEventHandler) == null ? void 0 : x.onChannelsUpdated) == null || b.call(x, {}, d)), h.length > 0 && this._removeChannelsFromView(h);
   }
   /**
    * Removes channels from the collection by their URLs.
@@ -1684,8 +1684,8 @@ const Nt = (e, t) => e.findIndex((n) => n.isIdentical(t)), ti = (e, t, n) => {
   }
 };
 function ni(e, t) {
-  var E, b, f, u, v, _, I, C, w, M;
-  const n = Wt(), [r, s] = S(!1), [i, a] = S(null), [l, c] = S([]), [d, h] = S(null), p = H(!1), x = O(async () => {
+  var x, b, f, u, v, _, I, C, w, M;
+  const n = Wt(), [r, s] = S(!1), [i, a] = S(null), [l, c] = S([]), [d, h] = S(null), p = H(!1), E = O(async () => {
     if (!p.current && e.currentUser) {
       p.current = !0, s(!1), a(null), c([]);
       try {
@@ -1711,7 +1711,7 @@ function ni(e, t) {
   }, [
     e,
     e.currentUser,
-    (E = t.filter) == null ? void 0 : E.aiAgentChannelFilter,
+    (x = t.filter) == null ? void 0 : x.aiAgentChannelFilter,
     (f = (b = t.filter) == null ? void 0 : b.aiAgentConversationStatusFilter) == null ? void 0 : f.join(),
     (v = (u = t.filter) == null ? void 0 : u.aiAgentIds) == null ? void 0 : v.join(),
     (_ = t.filter) == null ? void 0 : _.deskChannelFilter,
@@ -1727,9 +1727,9 @@ function ni(e, t) {
         a(B);
       }
   }, [d]);
-  return F(() => (e.addConnectionHandler(n, new ft({ onConnected: () => x() })), () => e.removeConnectionHandler(n)), [e, n, x]), F(() => {
-    x();
-  }, [x]), F(() => () => {
+  return F(() => (e.addConnectionHandler(n, new ft({ onConnected: () => E() })), () => e.removeConnectionHandler(n)), [e, n, E]), F(() => {
+    E();
+  }, [E]), F(() => () => {
     p.current = !1, d == null || d.dispose();
   }, [d]), {
     initialized: r,
@@ -1746,13 +1746,13 @@ function oi({
   conversationListFilter: t,
   children: n
 }) {
-  var p, x;
+  var p, E;
   const { chatSDK: r, aiAgentId: s, queryParams: i } = K(), a = {
     aiAgentIds: [s],
     aiAgentConversationStatusFilter: [X.CLOSED, X.OPEN]
   }, l = e ?? ((p = i == null ? void 0 : i.conversationListParams) == null ? void 0 : p.limit), c = {
     ...a,
-    ...(x = i == null ? void 0 : i.conversationListParams) == null ? void 0 : x.filter,
+    ...(E = i == null ? void 0 : i.conversationListParams) == null ? void 0 : E.filter,
     ...t
   }, d = ni(r, { limit: l, filter: c }), h = {
     listSource: {
@@ -1793,17 +1793,17 @@ function ai({ children: e, internalVariables: t }) {
       onRequestTemplate: d,
       onGetCachedTemplate: h,
       templateKey: p,
-      suspense: x = !1
+      suspense: E = !1
     }) => {
       const y = h(p);
       if (y) return y;
-      const E = r.current[p];
-      if (E) return E;
-      x || a(p, { fetching: !0 });
+      const x = r.current[p];
+      if (x) return x;
+      E || a(p, { fetching: !0 });
       const b = d(p).catch((f) => {
-        throw x || a(p, { error: !0 }), f;
+        throw E || a(p, { error: !0 }), f;
       }).finally(() => {
-        x || a(p, { fetching: !1 }), delete r.current[p];
+        E || a(p, { fetching: !1 }), delete r.current[p];
       });
       return r.current[p] = b, b;
     },
@@ -1866,9 +1866,9 @@ function li({
     variables: n,
     variableKeyPattern: (d) => yt.VIEW_VARIABLE(d),
     variableValueTransformer: (d) => {
-      const h = d.map(({ key: p, variables: x }) => {
-        const y = i(p), { ui_template: E, color_variables: b } = Xe(y);
-        let f = JSON.stringify(E);
+      const h = d.map(({ key: p, variables: E }) => {
+        const y = i(p), { ui_template: x, color_variables: b } = Xe(y);
+        let f = JSON.stringify(x);
         return f = ke({
           uiTemplateString: f,
           variables: s
@@ -1882,7 +1882,7 @@ function li({
           colorVariables: r
         }), f = ke({
           uiTemplateString: f,
-          variables: x
+          variables: E
         }), xt(f);
       });
       return JSON.stringify(h);
@@ -1903,23 +1903,23 @@ async function ci({
     variableKeyPattern: (a) => yt.VIEW_VARIABLE(a),
     variableValueTransformer: async (a) => {
       const l = a.map(async ({ key: d, variables: h }) => {
-        const p = await i(d), { ui_template: x, color_variables: y } = Xe(p);
-        let E = JSON.stringify(x);
-        return E = ke({
-          uiTemplateString: E,
+        const p = await i(d), { ui_template: E, color_variables: y } = Xe(p);
+        let x = JSON.stringify(E);
+        return x = ke({
+          uiTemplateString: x,
           variables: s
-        }), E = Ie({
+        }), x = Ie({
           theme: e,
-          uiTemplateString: E,
+          uiTemplateString: x,
           colorVariables: y
-        }), E = Ie({
+        }), x = Ie({
           theme: e,
-          uiTemplateString: E,
+          uiTemplateString: x,
           colorVariables: r
-        }), E = ke({
-          uiTemplateString: E,
+        }), x = ke({
+          uiTemplateString: x,
           variables: h
-        }), xt(E);
+        }), xt(x);
       }), c = await Promise.all(l);
       return JSON.stringify(c);
     }
@@ -2238,10 +2238,10 @@ const Si = /* @__PURE__ */ new Set(["free_text", "single_choice"]), Ti = ({ csat
     var b;
     const y = i.csat;
     if (typeof y != "number") return;
-    const E = (b = e.follow_up) == null ? void 0 : b.find(
+    const x = (b = e.follow_up) == null ? void 0 : b.find(
       (f) => f.scores.includes(y)
     );
-    if (Si.has(E == null ? void 0 : E.response_type)) return E;
+    if (Si.has(x == null ? void 0 : x.response_type)) return x;
   }, [i.csat, e.follow_up]), h = (() => {
     var y;
     if (typeof n == "number")
@@ -2249,8 +2249,8 @@ const Si = /* @__PURE__ */ new Set(["free_text", "single_choice"]), Ti = ({ csat
     if ((t === he.AI_AGENT_CSAT_5 || t === he.HELPDESK_CSAT_5) && typeof i.csat == "number")
       return "submittable";
     if (t === he.AI_AGENT_CSAT_5_WITH_CRE) {
-      const E = typeof i.csat == "number", b = !((y = e.cre) != null && y.required) || typeof i.isResolved == "boolean";
-      if (E && b) return "submittable";
+      const x = typeof i.csat == "number", b = !((y = e.cre) != null && y.required) || typeof i.isResolved == "boolean";
+      if (x && b) return "submittable";
     }
     return "unsubmittable";
   })(), p = O(() => typeof i.csat > "u" ? !1 : d != null && d.required && !i.csatReason ? (c({ followUpItem: !0 }), !1) : !0, [i, d, c]);
@@ -2283,8 +2283,8 @@ const Si = /* @__PURE__ */ new Set(["free_text", "single_choice"]), Ti = ({ csat
       return;
     const d = (h) => {
       i.current === 0 && (i.current = h, a.current = h);
-      const p = h - i.current, x = h - a.current, { speed: y, chunkSize: E } = Ai(x), b = y * E;
-      p >= b && (r((f) => Math.min(f + E, e.length)), i.current = h), s.current = requestAnimationFrame(d);
+      const p = h - i.current, E = h - a.current, { speed: y, chunkSize: x } = Ai(E), b = y * x;
+      p >= b && (r((f) => Math.min(f + x, e.length)), i.current = h), s.current = requestAnimationFrame(d);
     };
     return s.current = requestAnimationFrame(d), () => {
       s.current && cancelAnimationFrame(s.current);
@@ -2496,7 +2496,7 @@ async function Ni(e) {
   if (t) return t;
   try {
     if (Oi.has(e)) {
-      const { default: n } = await Li(/* @__PURE__ */ Object.assign({ "./languages/de.ts": () => import("./ClcACcky.js"), "./languages/en.ts": () => Promise.resolve().then(() => Ri), "./languages/es.ts": () => import("./CQNYwMPf.js"), "./languages/fr.ts": () => import("./BE3kaJsn.js"), "./languages/hi.ts": () => import("./P9jkDnGQ.js"), "./languages/it.ts": () => import("./BWGTA9Vo.js"), "./languages/ja.ts": () => import("./CVL0bi-q.js"), "./languages/ko.ts": () => import("./DgyCf-ms.js"), "./languages/pt.ts": () => import("./D2yx2nDf.js"), "./languages/tr.ts": () => import("./BjyxgC_T.js") }), `./languages/${e}.ts`, 3);
+      const { default: n } = await Li(/* @__PURE__ */ Object.assign({ "./languages/de.ts": () => import("./EVDICC4l.js"), "./languages/en.ts": () => Promise.resolve().then(() => Ri), "./languages/es.ts": () => import("./DSU-pnsD.js"), "./languages/fr.ts": () => import("./BoN56E9Z.js"), "./languages/hi.ts": () => import("./CLrwPiXs.js"), "./languages/it.ts": () => import("./DHkIHpWw.js"), "./languages/ja.ts": () => import("./DBhp3fXl.js"), "./languages/ko.ts": () => import("./Brug4qqu.js"), "./languages/pt.ts": () => import("./smGeKrd1.js"), "./languages/tr.ts": () => import("./-31n4Imz.js") }), `./languages/${e}.ts`, 3);
       return Ft.set(e, n), n;
     }
     return mt;
@@ -2873,7 +2873,7 @@ const ba = g.div`display:flex;flex-direction:column;align-items:flex-start;gap:$
 `, xa = g.img`width:100%;height:100%;object-fit:cover;`, va = g.video`width:100%;height:100%;object-fit:cover;`, ya = "✱", _r = (e) => {
   const t = new RegExp(`(\`+)([^\`]+?)\\1|(${ya}+)`, "g");
   return e.replace(t, (n, r, s, i) => r ? n : i ? `<span id=${pa} aria-label="masked-text">${i}</span>` : n);
-}, _a = (e) => e.replace(/\*\*(.*?)\*\*/g, "<b>$1</b>"), Ca = L(async () => ({ default: (await import("./BiR7LQjJ.js")).MarkdownText })), Sa = L(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
+}, _a = (e) => e.replace(/\*\*(.*?)\*\*/g, "<b>$1</b>"), Ca = L(async () => ({ default: (await import("./COct2xck.js")).MarkdownText })), Sa = L(async () => ({ default: (await import("./Ch_6OPTz.js")).CodeBlock }));
 function On(e) {
   var s, i;
   const t = e.maxBodyWidth ?? P.BODY_MAX_WIDTH, n = re(() => Jo(e.message, _r), [e.message]), r = {
@@ -2982,34 +2982,34 @@ const Ua = g.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;pa
   Ee(() => {
     e ? (d(r), p(s)) : (d(void 0), p(""));
   }, [e, r, s]);
-  const x = () => {
+  const E = () => {
     c && (i({ rating: c, comment: h.trim() || void 0 }), t());
   }, y = () => {
     t();
   };
-  return e ? /* @__PURE__ */ o.createElement(Ct, { rootElementId: ie.WINDOW, visible: e, onClose: y }, /* @__PURE__ */ o.createElement(Qa, null, /* @__PURE__ */ o.createElement(el, null, /* @__PURE__ */ o.createElement(k, { variant: "h2", color: m.themedColor.textHighEmphasis }, l.FEEDBACK_TITLE)), /* @__PURE__ */ o.createElement(tl, null, /* @__PURE__ */ o.createElement(nl, null, ["good", "bad"].map((E) => {
-    const b = c === E, f = E === "good" ? l.FEEDBACK_GOOD : l.FEEDBACK_BAD;
+  return e ? /* @__PURE__ */ o.createElement(Ct, { rootElementId: ie.WINDOW, visible: e, onClose: y }, /* @__PURE__ */ o.createElement(Qa, null, /* @__PURE__ */ o.createElement(el, null, /* @__PURE__ */ o.createElement(k, { variant: "h2", color: m.themedColor.textHighEmphasis }, l.FEEDBACK_TITLE)), /* @__PURE__ */ o.createElement(tl, null, /* @__PURE__ */ o.createElement(nl, null, ["good", "bad"].map((x) => {
+    const b = c === x, f = x === "good" ? l.FEEDBACK_GOOD : l.FEEDBACK_BAD;
     return /* @__PURE__ */ o.createElement(
       rl,
       {
-        key: E,
+        key: x,
         $selected: b,
-        $rating: E,
-        onClick: () => d(E)
+        $rating: x,
+        onClick: () => d(x)
       },
       /* @__PURE__ */ o.createElement(
         N,
         {
-          type: b ? Pt(E) : E,
+          type: b ? Pt(x) : x,
           size: 24,
-          color: b ? Rn[E] : m.themedColor.textLowEmphasis
+          color: b ? Rn[x] : m.themedColor.textLowEmphasis
         }
       ),
       /* @__PURE__ */ o.createElement(
         k,
         {
           variant: "caption1",
-          color: b ? Rn[E] : m.themedColor.textLowEmphasis
+          color: b ? Rn[x] : m.themedColor.textLowEmphasis
         },
         f
       )
@@ -3019,10 +3019,10 @@ const Ua = g.div`display:flex;flex-direction:column;gap:8px;border-radius:8px;pa
     {
       placeholder: l.FEEDBACK_COMMENT_PLACEHOLDER,
       value: h,
-      onChange: (E) => p(E.target.value),
+      onChange: (x) => p(x.target.value),
       maxLength: 100
     }
-  ))), /* @__PURE__ */ o.createElement(il, null, /* @__PURE__ */ o.createElement(al, { onClick: y }, /* @__PURE__ */ o.createElement(k, { variant: "button", color: m.themedColor.textHighEmphasis }, l.FEEDBACK_CANCEL)), /* @__PURE__ */ o.createElement(ll, { onClick: x, disabled: !c }, /* @__PURE__ */ o.createElement(k, { variant: "button" }, n ? l.FEEDBACK_SAVE : l.FEEDBACK_SUBMIT))))) : null;
+  ))), /* @__PURE__ */ o.createElement(il, null, /* @__PURE__ */ o.createElement(al, { onClick: y }, /* @__PURE__ */ o.createElement(k, { variant: "button", color: m.themedColor.textHighEmphasis }, l.FEEDBACK_CANCEL)), /* @__PURE__ */ o.createElement(ll, { onClick: E, disabled: !c }, /* @__PURE__ */ o.createElement(k, { variant: "button" }, n ? l.FEEDBACK_SAVE : l.FEEDBACK_SUBMIT))))) : null;
 }, Qa = g.div`width:280px;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};border-radius:12px;overflow:hidden;`, el = g.div`padding:24px;`, tl = g.div`padding-inline:24px;display:flex;flex-direction:column;gap:24px;`, nl = g.div`display:flex;gap:4px;`, rl = g.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 }) => R.dark`
     background-color: ${e ? m.color.background600 : "transparent"};
   `}
@@ -3047,7 +3047,7 @@ function cl({
   extendedMessagePayload: i,
   onFeedbackUpdate: a
 }) {
-  const { stringSet: l } = z(), [c, d] = S(!1), [h, p] = S(!1), [x, y] = S(void 0), [E, b] = S(""), f = i == null ? void 0 : i.feedback, u = (f == null ? void 0 : f.rating) ?? "none";
+  const { stringSet: l } = z(), [c, d] = S(!1), [h, p] = S(!1), [E, y] = S(void 0), [x, b] = S(""), f = i == null ? void 0 : i.feedback, u = (f == null ? void 0 : f.rating) ?? "none";
   if (u !== "none" ? !1 : !!(n || !e || !r || (i == null ? void 0 : i.bot_message_type) !== "generated" || t)) return null;
   const _ = (M) => {
     u === "none" ? (y(M), b(""), d(!0)) : p(!0);
@@ -3083,8 +3083,8 @@ function cl({
       visible: c,
       onClose: () => d(!1),
       isEdit: u !== "none",
-      initialRating: x,
-      initialComment: E,
+      initialRating: E,
+      initialComment: x,
       onSubmit: w,
       isCommentEnabled: s
     }
@@ -3160,7 +3160,7 @@ const Bn = g.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
   max: l
 }) => {
   const c = (h) => {
-    const x = h.target.value.replace(/[^0-9.-]/g, ""), y = x.split("."), b = y.length > 1 ? y[0] + "." + y.slice(1).join("").replace(/\./g, "") : x;
+    const E = h.target.value.replace(/[^0-9.-]/g, ""), y = E.split("."), b = y.length > 1 ? y[0] + "." + y.slice(1).join("").replace(/\./g, "") : E;
     if (h.target.value = b, b === "" || b === "-")
       t == null || t(null);
     else {
@@ -3309,8 +3309,8 @@ const Bn = g.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
   const h = {
     value: e,
     onChange: (p) => {
-      const x = p.target.value;
-      c && x.length > c || t == null || t(x);
+      const E = p.target.value;
+      c && E.length > c || t == null || t(E);
     },
     placeholder: n,
     className: a,
@@ -3381,7 +3381,7 @@ const Bn = g.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
       var u;
       return (u = e.onCancelForm) == null ? void 0 : u.call(e, { key: t.key });
     }
-  }), x = l === "submitted", y = async () => {
+  }), E = l === "submitted", y = async () => {
     s((u) => ({ ...u, submitting: !0 }));
     try {
       await d();
@@ -3393,7 +3393,7 @@ const Bn = g.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
     } finally {
       s((u) => ({ ...u, submitting: !1 }));
     }
-  }, E = async () => {
+  }, x = async () => {
     s((u) => ({ ...u, canceling: !0 }));
     try {
       await h();
@@ -3415,9 +3415,9 @@ const Bn = g.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
       value: u.value || "",
       placeholder: u.placeholder,
       onChange: (v) => p(u.key, v),
-      disabled: x,
+      disabled: E,
       error: !!u.error,
-      submitted: x,
+      submitted: E,
       variant: u.layout === "multiline" ? "multi-line" : "single-line",
       maxLength: u.maxLength
     }
@@ -3427,9 +3427,9 @@ const Bn = g.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
       value: u.value || null,
       placeholder: u.placeholder,
       onChange: (v) => p(u.key, v),
-      disabled: x,
+      disabled: E,
       error: !!u.error,
-      submitted: x,
+      submitted: E,
       max: u.max
     }
   ), u.type === "single-select" && /* @__PURE__ */ o.createElement(
@@ -3438,7 +3438,7 @@ const Bn = g.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
       options: u.options.map((v) => ({ label: v, value: v })),
       value: u.value || "",
       onChange: (v) => p(u.key, v),
-      submitted: x
+      submitted: E
     }
   ), u.type === "multi-select" && /* @__PURE__ */ o.createElement(
     Z.MultiSelect,
@@ -3446,28 +3446,28 @@ const Bn = g.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row"
       options: u.options.map((v) => ({ label: v, value: v })),
       value: u.value || [],
       onChange: (v) => p(u.key, v),
-      submitted: x,
+      submitted: E,
       maxSelect: u.maxSelect
     }
   ), u.error && /* @__PURE__ */ o.createElement(Z.ErrorLabel, { style: { marginTop: "4px" } }, u.error)))), /* @__PURE__ */ o.createElement(Z.Separator, null), /* @__PURE__ */ o.createElement(ec, null, /* @__PURE__ */ o.createElement(
     Z.Button,
     {
-      variant: x ? "clear" : "primary",
+      variant: E ? "clear" : "primary",
       onClick: y,
-      disabled: x || r.canceling,
+      disabled: E || r.canceling,
       loading: r.submitting
     },
-    x ? n.SUBMITTED : n.BUTTON__SUBMIT
+    E ? n.SUBMITTED : n.BUTTON__SUBMIT
   ), l !== "submitted" && /* @__PURE__ */ o.createElement(
     Z.Button,
     {
       variant: "secondary",
-      onClick: E,
+      onClick: x,
       disabled: r.submitting,
       loading: r.canceling
     },
     n.BUTTON__CANCEL
-  ))), /* @__PURE__ */ o.createElement(tn, { ...i, onClose: () => a({ visible: !1, title: "" }) })) : /* @__PURE__ */ o.createElement(Un, { $maxWidth: e.maxBodyWidth ?? P.BODY_MAX_WIDTH }, /* @__PURE__ */ o.createElement(k, { variant: "body3" }, b.reason), b.cancelable && /* @__PURE__ */ o.createElement(Z.Button, { variant: "primary", onClick: E, loading: r.canceling }, n.BUTTON__CANCEL));
+  ))), /* @__PURE__ */ o.createElement(tn, { ...i, onClose: () => a({ visible: !1, title: "" }) })) : /* @__PURE__ */ o.createElement(Un, { $maxWidth: e.maxBodyWidth ?? P.BODY_MAX_WIDTH }, /* @__PURE__ */ o.createElement(k, { variant: "body3" }, b.reason), b.cancelable && /* @__PURE__ */ o.createElement(Z.Button, { variant: "primary", onClick: x, loading: r.canceling }, n.BUTTON__CANCEL));
 }, Un = g.div`display:flex;flex-direction:column;gap:12px;border-radius:12px;overflow:hidden;max-width:${({ $maxWidth: e }) => e}px;${({ theme: e }) => $`
     color: ${e.colors.messageIncoming.text};
     background-color: ${e.colors.messageIncoming.background};
@@ -3574,12 +3574,12 @@ function $r(e) {
     ...e,
     message: n,
     extendedMessagePayload: r ? {} : e.extendedMessagePayload
-  }, i = !!s.isTyping, a = s.testerMode, l = !!((b = s.extendedMessagePayload) != null && b.form) && !((f = s.extendedMessagePayload) != null && f.form.canceled_at), c = !!((u = s.extendedMessagePayload) != null && u.message_template), d = !!((v = s.extendedMessagePayload) != null && v.cta_button), h = !!((_ = s.extendedMessagePayload) != null && _.citations) && s.extendedMessagePayload.citations.length > 0, p = !!s.createdAt, x = s.groupType === "top" || s.groupType === "single", y = s.groupType === "bottom" || s.groupType === "single", E = a ? 0 : P.AVATAR_SIZE;
-  return /* @__PURE__ */ o.createElement(pc, { $marginBottom: i ? 0 : qt(s.groupType) }, x && /* @__PURE__ */ o.createElement(fc, null, !a && /* @__PURE__ */ o.createElement(t.SenderAvatar, { ...s }), /* @__PURE__ */ o.createElement(t.SenderName, { ...s })), /* @__PURE__ */ o.createElement(Ec, null, /* @__PURE__ */ o.createElement(It, { $extraStartPadding: E }, i ? /* @__PURE__ */ o.createElement(t.TypingIndicator, { ...s }) : /* @__PURE__ */ o.createElement(t.MessageBody, { ...s }, d && /* @__PURE__ */ o.createElement("div", { style: { marginTop: 12, marginInline: 12 } }, /* @__PURE__ */ o.createElement(t.CTAButton, { ...s })), h && /* @__PURE__ */ o.createElement(t.Citation, { ...s }))), c && /* @__PURE__ */ o.createElement(Hn, { $startPadding: 0, $endPadding: 0 }, /* @__PURE__ */ o.createElement(
+  }, i = !!s.isTyping, a = s.testerMode, l = !!((b = s.extendedMessagePayload) != null && b.form) && !((f = s.extendedMessagePayload) != null && f.form.canceled_at), c = !!((u = s.extendedMessagePayload) != null && u.message_template), d = !!((v = s.extendedMessagePayload) != null && v.cta_button), h = !!((_ = s.extendedMessagePayload) != null && _.citations) && s.extendedMessagePayload.citations.length > 0, p = !!s.createdAt, E = s.groupType === "top" || s.groupType === "single", y = s.groupType === "bottom" || s.groupType === "single", x = a ? 0 : P.AVATAR_SIZE;
+  return /* @__PURE__ */ o.createElement(pc, { $marginBottom: i ? 0 : qt(s.groupType) }, E && /* @__PURE__ */ o.createElement(fc, null, !a && /* @__PURE__ */ o.createElement(t.SenderAvatar, { ...s }), /* @__PURE__ */ o.createElement(t.SenderName, { ...s })), /* @__PURE__ */ o.createElement(Ec, null, /* @__PURE__ */ o.createElement(It, { $extraStartPadding: x }, i ? /* @__PURE__ */ o.createElement(t.TypingIndicator, { ...s }) : /* @__PURE__ */ o.createElement(t.MessageBody, { ...s }, d && /* @__PURE__ */ o.createElement("div", { style: { marginTop: 12, marginInline: 12 } }, /* @__PURE__ */ o.createElement(t.CTAButton, { ...s })), h && /* @__PURE__ */ o.createElement(t.Citation, { ...s }))), c && /* @__PURE__ */ o.createElement(Hn, { $startPadding: 0, $endPadding: 0 }, /* @__PURE__ */ o.createElement(
     t.MessageTemplate,
     {
       ...s,
-      messageTemplateErrorFallback: s.messageTemplateErrorFallback ?? /* @__PURE__ */ o.createElement(It, { $extraStartPadding: E }, /* @__PURE__ */ o.createElement(
+      messageTemplateErrorFallback: s.messageTemplateErrorFallback ?? /* @__PURE__ */ o.createElement(It, { $extraStartPadding: x }, /* @__PURE__ */ o.createElement(
         t.MessageBody,
         {
           ...s,
@@ -3587,9 +3587,9 @@ function $r(e) {
           message: ((C = (I = s.extendedMessagePayload) == null ? void 0 : I.message_template) == null ? void 0 : C.fallback_message) ?? "Cannot read this template."
         }
       )),
-      messageTemplateLoadingFallback: s.messageTemplateLoadingFallback ?? /* @__PURE__ */ o.createElement(It, { $extraStartPadding: E }, /* @__PURE__ */ o.createElement(t.TypingIndicator, { ...s }))
+      messageTemplateLoadingFallback: s.messageTemplateLoadingFallback ?? /* @__PURE__ */ o.createElement(It, { $extraStartPadding: x }, /* @__PURE__ */ o.createElement(t.TypingIndicator, { ...s }))
     }
-  )), l && /* @__PURE__ */ o.createElement(Hn, { $extraStartPadding: E }, /* @__PURE__ */ o.createElement(t.Form, { ...s }))), y && p && /* @__PURE__ */ o.createElement(bc, { $extraStartPadding: E + 8 }, /* @__PURE__ */ o.createElement(t.SentTime, { ...s })), /* @__PURE__ */ o.createElement(Qn, null, !i && /* @__PURE__ */ o.createElement(Je, { $extraStartPadding: E + 8 }, /* @__PURE__ */ o.createElement(t.Feedback, { ...s })), s.suggestedRepliesVisible && /* @__PURE__ */ o.createElement(t.SuggestedReplies, { ...s }), /* @__PURE__ */ o.createElement(t.MessageLogs, { ...s })));
+  )), l && /* @__PURE__ */ o.createElement(Hn, { $extraStartPadding: x }, /* @__PURE__ */ o.createElement(t.Form, { ...s }))), y && p && /* @__PURE__ */ o.createElement(bc, { $extraStartPadding: x + 8 }, /* @__PURE__ */ o.createElement(t.SentTime, { ...s })), /* @__PURE__ */ o.createElement(Qn, null, !i && /* @__PURE__ */ o.createElement(Je, { $extraStartPadding: x + 8 }, /* @__PURE__ */ o.createElement(t.Feedback, { ...s })), s.suggestedRepliesVisible && /* @__PURE__ */ o.createElement(t.SuggestedReplies, { ...s }), /* @__PURE__ */ o.createElement(t.MessageLogs, { ...s })));
 }
 const pc = g.div`display:flex;flex-direction:column;align-items:flex-start;margin-bottom:${({ $marginBottom: e }) => `${e}px`};
 `, Je = g.div`display:flex;align-self:stretch;justify-content:flex-start;${({ $startPadding: e = P.HORIZONTAL_PADDING, $endPadding: t = P.HORIZONTAL_PADDING, $extraStartPadding: n = 0 }) => `
@@ -3720,7 +3720,7 @@ const Bc = g.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
         break;
       }
       const l = a.reduce(
-        (p, x) => x.match.index < p.match.index ? x : p
+        (p, E) => E.match.index < p.match.index ? E : p
       ), { match: c, type: d } = l, h = c.index;
       h > 0 && t.push(n.slice(0, h)), d === "link" ? t.push(
         /* @__PURE__ */ o.createElement("a", { key: r++, href: c[2], target: "_blank", rel: Jt }, c[1])
@@ -3967,7 +3967,7 @@ const Bc = g.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: h, state: p, validateParams: x, itemProps: y } = Ti({
+  const { params: a, setParams: l, error: c, setError: d, followUpItem: h, state: p, validateParams: E, itemProps: y } = Ti({
     csatPayload: e,
     type: t,
     initialCsat: r,
@@ -3980,20 +3980,20 @@ const Bc = g.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
       ...y,
       defaultValue: i,
       value: a.isResolved,
-      onChange: (E) => l({ isResolved: E })
+      onChange: (x) => l({ isResolved: x })
     }
-  ), /* @__PURE__ */ o.createElement(Xc, { ...y, value: a.csat, onChange: (E) => l({ csat: E }) }), h && /* @__PURE__ */ o.createElement(
+  ), /* @__PURE__ */ o.createElement(Xc, { ...y, value: a.csat, onChange: (x) => l({ csat: x }) }), h && /* @__PURE__ */ o.createElement(
     Gc,
     {
       ...y,
       followUpItem: h,
       value: a.csatReason,
-      onChange: (E) => {
-        l({ csatReason: E }), d({ followUpItem: !1 });
+      onChange: (x) => {
+        l({ csatReason: x }), d({ followUpItem: !1 });
       },
       hasError: c.followUpItem
     }
-  )), p !== "unsubmittable" && /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(Z.Separator, null), n({ state: p, params: a, validateParams: x })));
+  )), p !== "unsubmittable" && /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(Z.Separator, null), n({ state: p, params: a, validateParams: E })));
 }, sd = g.div`display:flex;flex-direction:column;gap:12px;`, id = (e) => {
   const { stringSet: t } = z();
   return Wo(e, {
@@ -4027,13 +4027,13 @@ const Bc = g.div`text-align:center;text-wrap:pretty;word-break:break-word;paddin
       initialCsat: r,
       initialCsatReason: s,
       initialIsResolved: a,
-      renderSubmitButton: ({ state: h, params: p, validateParams: x }) => /* @__PURE__ */ o.createElement(
+      renderSubmitButton: ({ state: h, params: p, validateParams: E }) => /* @__PURE__ */ o.createElement(
         dd,
         {
           $state: h,
           disabled: h === "submitted",
           onClick: () => {
-            !xn(i) && x() ? n({
+            !xn(i) && E() ? n({
               csatType: p.csatType,
               csat: p.csat,
               csatReason: p.csatReason,
@@ -4079,56 +4079,56 @@ const md = g.div`padding-inline:${P.HORIZONTAL_PADDING}px;margin-bottom:${({ $ma
   onClickGroundedness: l,
   onClickAgentMessageTemplate: c,
   bottomContent: d,
-  renderCustomGroundednessIcon: h = (x) => x.default,
+  renderCustomGroundednessIcon: h = (E) => E.default,
   style: p = {}
 }) => {
   const {
     // Note: This component is used with the dashboard, so cssVars should not be used.
-    iconColor: x = "#000000",
+    iconColor: E = "#000000",
     textColor: y = "#000000",
-    highlightColor: E = Ye.DEFAULT_PRIMARY
+    highlightColor: x = Ye.DEFAULT_PRIMARY
   } = p;
-  return /* @__PURE__ */ o.createElement(Wn, null, e && /* @__PURE__ */ o.createElement(Wn, null, /* @__PURE__ */ o.createElement(pt, null, /* @__PURE__ */ o.createElement(lt, null, /* @__PURE__ */ o.createElement(N, { size: 16, type: "actionbook", color: x })), /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ o.createElement(Wn, null, e && /* @__PURE__ */ o.createElement(Wn, null, /* @__PURE__ */ o.createElement(pt, null, /* @__PURE__ */ o.createElement(lt, null, /* @__PURE__ */ o.createElement(N, { size: 16, type: "actionbook", color: E })), /* @__PURE__ */ o.createElement(
     at,
     {
       $clickable: !!s,
-      $highlightColor: E,
+      $highlightColor: x,
       variant: "body2",
       color: y,
       onClick: () => s == null ? void 0 : s(e),
       maxTextLines: 1
     },
     e.name
-  ))), t == null ? void 0 : t.map((b) => /* @__PURE__ */ o.createElement(Mt, { key: b.key }, /* @__PURE__ */ o.createElement(lt, null, /* @__PURE__ */ o.createElement(N, { size: 16, type: "function", color: x })), /* @__PURE__ */ o.createElement(pt, null, /* @__PURE__ */ o.createElement(
+  ))), t == null ? void 0 : t.map((b) => /* @__PURE__ */ o.createElement(Mt, { key: b.key }, /* @__PURE__ */ o.createElement(lt, null, /* @__PURE__ */ o.createElement(N, { size: 16, type: "function", color: E })), /* @__PURE__ */ o.createElement(pt, null, /* @__PURE__ */ o.createElement(
     at,
     {
       $clickable: !!i,
-      $highlightColor: E,
+      $highlightColor: x,
       variant: "body2",
       color: y,
       onClick: () => i == null ? void 0 : i(b),
       maxTextLines: 1
     },
     b.name
-  ), a && /* @__PURE__ */ o.createElement(pd, { role: "button", onClick: () => a == null ? void 0 : a(b) }, /* @__PURE__ */ o.createElement(k, { variant: "body2", color: E }, "View details"), /* @__PURE__ */ o.createElement(N, { type: "chevron-right", size: 16, color: E }))))), n == null ? void 0 : n.map((b) => /* @__PURE__ */ o.createElement(Mt, { key: b.id }, /* @__PURE__ */ o.createElement(lt, null, h({
-    default: /* @__PURE__ */ o.createElement(N, { size: 16, type: zn[b.source_type] ?? zn.snippet, color: x }),
+  ), a && /* @__PURE__ */ o.createElement(pd, { role: "button", onClick: () => a == null ? void 0 : a(b) }, /* @__PURE__ */ o.createElement(k, { variant: "body2", color: x }, "View details"), /* @__PURE__ */ o.createElement(N, { type: "chevron-right", size: 16, color: x }))))), n == null ? void 0 : n.map((b) => /* @__PURE__ */ o.createElement(Mt, { key: b.id }, /* @__PURE__ */ o.createElement(lt, null, h({
+    default: /* @__PURE__ */ o.createElement(N, { size: 16, type: zn[b.source_type] ?? zn.snippet, color: E }),
     sourceType: b.source_type
   })), /* @__PURE__ */ o.createElement(
     at,
     {
       $clickable: !!l,
-      $highlightColor: E,
+      $highlightColor: x,
       variant: "body2",
       color: y,
       onClick: () => l == null ? void 0 : l(b),
       maxTextLines: 1
     },
     b.preview_title
-  ))), r == null ? void 0 : r.map((b) => /* @__PURE__ */ o.createElement(Mt, { key: b.key }, /* @__PURE__ */ o.createElement(lt, null, /* @__PURE__ */ o.createElement(N, { size: 16, type: "template", color: x })), /* @__PURE__ */ o.createElement(
+  ))), r == null ? void 0 : r.map((b) => /* @__PURE__ */ o.createElement(Mt, { key: b.key }, /* @__PURE__ */ o.createElement(lt, null, /* @__PURE__ */ o.createElement(N, { size: 16, type: "template", color: E })), /* @__PURE__ */ o.createElement(
     at,
     {
       $clickable: !!c,
-      $highlightColor: E,
+      $highlightColor: x,
       variant: "body2",
       color: y,
       onClick: () => c == null ? void 0 : c(b),
@@ -4202,7 +4202,7 @@ const Le = () => {
 } = J("MessengerSession"), Rd = Ge(function({ children: e, ...t }, n) {
   return /* @__PURE__ */ o.createElement(Vs, { ref: n, ...t }, (r) => /* @__PURE__ */ o.createElement(Nd, { ...r }, e));
 }), Nd = ({ children: e, ...t }) => {
-  const { chatSDK: n, logger: r, appId: s, aiAgentId: i, agentPreviewConfigs: a, state: l, handlers: c } = j(), { userSessionInfo: d, authenticate: h, setActiveChannel: p, userSession: x, aiAgentInfo: y, launcherInfo: E } = t, b = H(null);
+  const { chatSDK: n, logger: r, appId: s, aiAgentId: i, agentPreviewConfigs: a, state: l, handlers: c } = j(), { userSessionInfo: d, authenticate: h, setActiveChannel: p, userSession: E, aiAgentInfo: y, launcherInfo: x } = t, b = H(null);
   return Et(n, {
     async onUserJoined(f, u) {
       var _, I, C;
@@ -4219,14 +4219,14 @@ const Le = () => {
       var u;
       r.error("messengerSession: failed to initialize", f), (u = c == null ? void 0 : c.onInitializeFailed) == null || u.call(c, f);
     });
-  }, [n, s, i, d == null ? void 0 : d.userId]), !x || !y || !E ? null : /* @__PURE__ */ o.createElement(
+  }, [n, s, i, d == null ? void 0 : d.userId]), !E || !y || !x ? null : /* @__PURE__ */ o.createElement(
     Dd,
     {
       value: {
         ...t,
-        userSession: x,
+        userSession: E,
         aiAgentInfo: { ...y, ...a == null ? void 0 : a.bot },
-        launcherInfo: { ...E, ...a == null ? void 0 : a.launcher },
+        launcherInfo: { ...x, ...a == null ? void 0 : a.launcher },
         registerOnJoinedProactiveConversation: (f) => b.current = f
       }
     },
@@ -4313,12 +4313,12 @@ const Hd = ({ onScrollAfterSendMessage: e }) => {
   shouldUpdate: !1
 };
 function Gd({ scrollMode: e, children: t }) {
-  const n = H(null), r = H(null), s = H(Gn), i = H(!1), a = H(null), [l, c] = S(0), [d, h] = S(0), [p, x] = S(!1), [y, E] = S(!1), [b, f] = S(!1), u = re(
+  const n = H(null), r = H(null), s = H(Gn), i = H(!1), a = H(null), [l, c] = S(0), [d, h] = S(0), [p, E] = S(!1), [y, x] = S(!1), [b, f] = S(!1), u = re(
     () => p ? "auto" : e,
     [p, e]
   ), v = O((T) => {
     a.current && clearTimeout(a.current), a.current = setTimeout(() => {
-      E(!1);
+      x(!1);
     }, T);
   }, []), _ = () => {
     s.current.contentSnapshotHeight = s.current.contentHeight, s.current.shouldUpdate = !0, s.current.shouldRecalc = !0;
@@ -4392,7 +4392,7 @@ function Gd({ scrollMode: e, children: t }) {
     const { scrollHeight: D, scrollTop: G, clientHeight: de } = T.currentTarget, ue = Math.max(0, D - G - de);
     h(ue);
   }, _e = O(() => {
-    u === "fixed" && (E(!0), _());
+    u === "fixed" && (x(!0), _());
   }, [u]), Ce = O(() => {
     u === "fixed" ? setTimeout(() => ne(), 300) : B();
   }, [u, ne]), $e = O(
@@ -4401,7 +4401,7 @@ function Gd({ scrollMode: e, children: t }) {
     },
     [u]
   ), q = O((T) => {
-    x(T);
+    E(T);
   }, []), A = O(
     (T) => {
       f(T), u === "auto" && T && B(!0);
@@ -4453,13 +4453,13 @@ const {
   children: s
 }) => {
   var v;
-  const { config: i } = K(), { activeChannel: a, refreshActiveChannel: l, aiAgentInfo: c } = Q(), { testerType: d } = Le(), h = Wd(), p = ((v = i == null ? void 0 : i.conversation) == null ? void 0 : v.scrollMode) ?? "auto", { onBeforeSendMessage: x, onAfterSendMessage: y } = Hd({
+  const { config: i } = K(), { activeChannel: a, refreshActiveChannel: l, aiAgentInfo: c } = Q(), { testerType: d } = Le(), h = Wd(), p = ((v = i == null ? void 0 : i.conversation) == null ? void 0 : v.scrollMode) ?? "auto", { onBeforeSendMessage: E, onAfterSendMessage: y } = Hd({
     onScrollAfterSendMessage: () => {
       h.actions.onAfterMessageSend();
     }
-  }), E = e || (a == null ? void 0 : a.url), b = O(
-    (_) => (h.actions.onBeforeMessageSend(), x(_)),
-    [h.actions, x]
+  }), x = e || (a == null ? void 0 : a.url), b = O(
+    (_) => (h.actions.onBeforeMessageSend(), E(_)),
+    [h.actions, E]
   ), f = O(
     (_) => {
       const I = _.some((C) => be.isStreaming(C));
@@ -4475,7 +4475,7 @@ const {
   return /* @__PURE__ */ o.createElement(
     Xs,
     {
-      channelUrl: E,
+      channelUrl: x,
       onBeforeSendMessage: b,
       onAfterSendMessage: y,
       onMessagesUpdated: f,
@@ -4685,9 +4685,9 @@ const wu = g.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
     onLoadNext: d,
     loadThreshold: h = 0.05,
     onScroll: p = xe,
-    depsForResetScrollPositionToBottom: x,
+    depsForResetScrollPositionToBottom: E,
     stackDirection: y = "top",
-    bottomSpacerHeight: E = 0
+    bottomSpacerHeight: x = 0
   } = t, b = H(null), f = O(
     (w) => {
       b.current = w, n && (typeof n == "function" ? n(w) : n.current = w);
@@ -4696,7 +4696,7 @@ const wu = g.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
   ), u = H(!1), v = H(void 0), _ = H(0), I = H(0);
   Ee(() => {
     b.current && (b.current.scrollTop = b.current.scrollHeight);
-  }, x), Ee(() => {
+  }, E), Ee(() => {
     b.current && (v.current === "top" && (b.current.scrollTop = b.current.scrollHeight - I.current), v.current === "bottom" && (b.current.scrollTop = _.current), v.current = void 0);
   }, [b.current, r.length]);
   const C = async (w) => {
@@ -4706,7 +4706,7 @@ const wu = g.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
     const B = M.clientHeight * Math.min(Math.max(0, h), 1);
     M.scrollTop <= B ? (u.current = !0, v.current = "top", await c(), u.current = !1) : M.scrollHeight - M.scrollTop - M.clientHeight <= B ? (u.current = !0, v.current = "bottom", await d(), u.current = !1) : v.current = void 0;
   };
-  return /* @__PURE__ */ o.createElement(ju, { id: "infinite-list-container" }, /* @__PURE__ */ o.createElement(qu, { id: "infinite-list-inner", ref: f, onScroll: C }, y === "bottom" && /* @__PURE__ */ o.createElement("div", { style: { flexGrow: 1 } }), i, r.map((w, M) => s({ message: w, index: M })), a, E > 0 && /* @__PURE__ */ o.createElement("div", { style: { minHeight: E } })), /* @__PURE__ */ o.createElement(Ku, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ o.createElement(Zu, { id: "infinite-list-overlay" }, l)));
+  return /* @__PURE__ */ o.createElement(ju, { id: "infinite-list-container" }, /* @__PURE__ */ o.createElement(qu, { id: "infinite-list-inner", ref: f, onScroll: C }, y === "bottom" && /* @__PURE__ */ o.createElement("div", { style: { flexGrow: 1 } }), i, r.map((w, M) => s({ message: w, index: M })), a, x > 0 && /* @__PURE__ */ o.createElement("div", { style: { minHeight: x } })), /* @__PURE__ */ o.createElement(Ku, { id: "infinite-list-overlay-container" }, /* @__PURE__ */ o.createElement(Zu, { id: "infinite-list-overlay" }, l)));
 }), ju = g.div`display:flex;position:relative;flex:1;overflow:hidden;`, qu = g.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;}`, Ku = g.div`position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;`, Zu = g.div`pointer-events:auto;`, Yu = ({ className: e, onClick: t }) => /* @__PURE__ */ o.createElement(Xu, { className: e, onClick: t, tabIndex: 0 }, /* @__PURE__ */ o.createElement(N, { size: 24, type: "chevron-down", color: m.color.primary.main })), Xu = g.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:24px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.08),0 4px 6px 0 rgba(0,0,0,0.12);${R.light`
     background-color: ${m.color.background50};
     &:hover {
@@ -4735,11 +4735,11 @@ const wu = g.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
     /**
      * Returns a list of messages filtered according to business requirements.
      */
-    filteredMessages: c.filter((x) => Tu(x) ? !1 : l.length > 0 ? !be.isWelcomeMessage(x, t) : !0),
+    filteredMessages: c.filter((E) => Tu(E) ? !1 : l.length > 0 ? !be.isWelcomeMessage(E, t) : !0),
     /**
      * Determines whether to display the DateSeparator in the data list by comparing it with the welcome messages from Bot Studio.
      */
-    shouldShowOriginalDate: (x) => x > 0 || l.length === 0 ? !0 : h && !To(h.createdAt, (p == null ? void 0 : p.createdAt) ?? 0),
+    shouldShowOriginalDate: (E) => E > 0 || l.length === 0 ? !0 : h && !To(h.createdAt, (p == null ? void 0 : p.createdAt) ?? 0),
     /**
      * Renders the list of welcome messages from Bot Studio.
      */
@@ -4751,19 +4751,19 @@ const wu = g.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
         locale: s,
         formatString: r.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR
       }
-    ), l.map((x, y) => {
-      const E = y === l.length - 1, b = d.length !== c.length, f = l.length === 1 ? "single" : y === 0 ? "top" : E || b ? "bottom" : "middle";
+    ), l.map((E, y) => {
+      const x = y === l.length - 1, b = d.length !== c.length, f = l.length === 1 ? "single" : y === 0 ? "top" : x || b ? "bottom" : "middle";
       return /* @__PURE__ */ o.createElement(
         a,
         {
           messageType: "user",
-          message: x.message,
+          message: E.message,
           sender: n,
           groupType: f,
           createdAt: (p == null ? void 0 : p.createdAt) ?? Date.now(),
-          extendedMessagePayload: { suggested_replies: x.suggestedReplies },
+          extendedMessagePayload: { suggested_replies: E.suggestedReplies },
           suggestedRepliesDirection: e.suggestedRepliesDirection,
-          suggestedRepliesVisible: E && !b,
+          suggestedRepliesVisible: x && !b,
           isBotMessage: !0,
           onClickSuggestedReply: async ({ reply: u }) => {
             i.sendUserMessage({ message: u });
@@ -4812,7 +4812,7 @@ const wu = g.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
     e.TALK_TO_AGENT
   ));
 }, om = g.div`display:flex;justify-content:center;margin-bottom:16px;`, sm = g(k)`border-radius:6px;box-sizing:border-box;padding:10px 20px;border:1px solid ${m.themedColor.textDisabled};cursor:pointer;user-select:none;`, im = () => {
-  const { Template: e } = on.useContext(), { Template: t } = Ve.useContext(), { Template: n } = sn.useContext(), [r, s] = S(null), [i, a] = S(null), { userSession: l, aiAgentInfo: c } = Q(), { cache: d, agentPreviewConfigs: h, chatSDK: p, state: x } = j(), { config: y } = K(), { stringSet: E, dateLocale: b } = z(), {
+  const { Template: e } = on.useContext(), { Template: t } = Ve.useContext(), { Template: n } = sn.useContext(), [r, s] = S(null), [i, a] = S(null), { userSession: l, aiAgentInfo: c } = Q(), { cache: d, agentPreviewConfigs: h, chatSDK: p, state: E } = j(), { config: y } = K(), { stringSet: x, dateLocale: b } = z(), {
     conversation: f,
     channelSource: u,
     messageSource: v,
@@ -4843,7 +4843,7 @@ const wu = g.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
       return /* @__PURE__ */ o.createElement(ze, { type: "loading" });
     if (v.messages.length === 0) {
       const A = B();
-      return A ? /* @__PURE__ */ o.createElement("div", { style: { width: "100%" } }, A) : /* @__PURE__ */ o.createElement(ze, { type: "noMessages", label: E.PLACE_HOLDER__NO_MESSAGES });
+      return A ? /* @__PURE__ */ o.createElement("div", { style: { width: "100%" } }, A) : /* @__PURE__ */ o.createElement(ze, { type: "noMessages", label: x.PLACE_HOLDER__NO_MESSAGES });
     }
     return /* @__PURE__ */ o.createElement(
       Gu,
@@ -4880,10 +4880,10 @@ const wu = g.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
               style: { margin: "16px 0" },
               date: A.createdAt,
               locale: b,
-              formatString: E.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR
+              formatString: x.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR
             }
           ) : null, nt = {
-            maxBodyWidth: x.expanded ? P.WIDE_BODY_MAX_WIDTH : void 0,
+            maxBodyWidth: E.expanded ? P.WIDE_BODY_MAX_WIDTH : void 0,
             extendedMessagePayload: A.extendedMessagePayload,
             createdAt: A.createdAt,
             groupType: Se,
@@ -5003,7 +5003,7 @@ const wu = g.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
         v.resendMessage(i), a(null);
       }
     },
-    E.FAILED_MESSAGE_RESEND
+    x.FAILED_MESSAGE_RESEND
   ), /* @__PURE__ */ o.createElement(
     Pe.ActionItem,
     {
@@ -5012,7 +5012,7 @@ const wu = g.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
         v.deleteMessage(i), a(null);
       }
     },
-    E.FAILED_MESSAGE_REMOVE
+    x.FAILED_MESSAGE_REMOVE
   )));
 }, am = g.div`overflow-y:hidden;display:flex;flex:1;position:relative;`, lm = g(Yu)`position:absolute;bottom:20px;inset-inline-end:20px;`, cm = () => {
   const { stringSet: e } = z(), { connectionError: t } = Q(), { channelSource: n } = ee(), r = t || n.error;
@@ -5049,7 +5049,7 @@ const wu = g.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
   }), h = d.isEnabled(), p = (f) => {
     const u = d.getUploadSizeLimit(f.type);
     return f.size > u;
-  }, x = (f) => {
+  }, E = (f) => {
     if (!h) return;
     const u = f.filter((I) => d.isSupportedMimeType(I.type));
     if (u.length === 0) return;
@@ -5082,7 +5082,7 @@ const wu = g.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
       const v = (_ = u[f]) == null ? void 0 : _.preview;
       return v && URL.revokeObjectURL(v.url), u.filter((I, C) => C !== f);
     });
-  }, E = () => {
+  }, x = () => {
     a((f) => (f.forEach((u) => URL.revokeObjectURL(u.preview.url)), []));
   };
   return /* @__PURE__ */ o.createElement(
@@ -5090,9 +5090,9 @@ const wu = g.div`width:100%;height:100%;position:fixed;top:0;left:0;outline:none
     {
       value: {
         files: i,
-        addFiles: x,
+        addFiles: E,
         removeFile: y,
-        clearFiles: E,
+        clearFiles: x,
         isFileUploadEnabled: h,
         acceptableMimeTypes: d.supportedMimeTypes
       }
@@ -5185,7 +5185,7 @@ const hm = (e, t) => {
     )
   );
 }, ym = () => {
-  const e = H(null), [t, n] = S(""), { stringSet: r } = z(), { rootElement: s } = j(), { channelSource: i, messageSource: a, state: l } = ee(), { files: c, addFiles: d, clearFiles: h } = un(), p = l.input.disabled, x = (() => {
+  const e = H(null), [t, n] = S(""), { stringSet: r } = z(), { rootElement: s } = j(), { channelSource: i, messageSource: a, state: l } = ee(), { files: c, addFiles: d, clearFiles: h } = un(), p = l.input.disabled, E = (() => {
     if (!p) return r.MESSAGE_INPUT__PLACE_HOLDER;
     switch (l.input.disabledBy) {
       case "form_active":
@@ -5203,7 +5203,7 @@ const hm = (e, t) => {
     }
   })();
   pu({ onDropFiles: d }), gm({ blurred: p, elementRef: e, document: Me(s) }), hm(i.channel, t);
-  const y = t.trim().length > 0, E = c.length > 0, b = !p && (y || E), f = () => {
+  const y = t.trim().length > 0, x = c.length > 0, b = !p && (y || x), f = () => {
     e.current && (e.current.value = "", e.current.style.height = ""), h(), n("");
   }, u = async () => {
     const C = t.trim(), w = { message: C };
@@ -5228,13 +5228,13 @@ const hm = (e, t) => {
     }
     n(C.target.value);
   };
-  return p ? /* @__PURE__ */ o.createElement(Yn, null, /* @__PURE__ */ o.createElement(qn, null, /* @__PURE__ */ o.createElement(Kn, null, /* @__PURE__ */ o.createElement(Zn, { disabled: !0, placeholder: x }), /* @__PURE__ */ o.createElement(Xn, { disabled: !0 })))) : /* @__PURE__ */ o.createElement(Yn, null, /* @__PURE__ */ o.createElement(qn, null, /* @__PURE__ */ o.createElement(Em, null), /* @__PURE__ */ o.createElement(Kn, null, /* @__PURE__ */ o.createElement(
+  return p ? /* @__PURE__ */ o.createElement(Yn, null, /* @__PURE__ */ o.createElement(qn, null, /* @__PURE__ */ o.createElement(Kn, null, /* @__PURE__ */ o.createElement(Zn, { disabled: !0, placeholder: E }), /* @__PURE__ */ o.createElement(Xn, { disabled: !0 })))) : /* @__PURE__ */ o.createElement(Yn, null, /* @__PURE__ */ o.createElement(qn, null, /* @__PURE__ */ o.createElement(Em, null), /* @__PURE__ */ o.createElement(Kn, null, /* @__PURE__ */ o.createElement(
     Zn,
     {
       ref: e,
       role: "textbox",
       "aria-label": "Text Input",
-      placeholder: x,
+      placeholder: E,
       maxLength: 5e3,
       onKeyDown: _,
       onChange: I,
@@ -5248,7 +5248,7 @@ const hm = (e, t) => {
       color: ${m.color.information.main};
     `};
   }
-`, Cm = L(() => import("./BiR7LQjJ.js").then((e) => ({ default: e.MarkdownText }))), Sm = () => {
+`, Cm = L(() => import("./COct2xck.js").then((e) => ({ default: e.MarkdownText }))), Sm = () => {
   const { aiAgentInfo: e, userSession: t } = Q(), { messageSource: n, channelSource: r } = ee(), [s, i] = S(null), a = Yt("special-notice", r.channel), l = O(() => r.channel ? a ? n.messages.some((c) => He(c, (t == null ? void 0 : t.userId) ?? "")) : !0 : null, [r.channel, a, n.messages, t == null ? void 0 : t.userId]);
   return F(() => {
     s || i(l());
@@ -5727,16 +5727,16 @@ function ut({ initialId: e, children: t }) {
     return Object.entries(d).forEach(([u, { lazy: v }]) => {
       v === !1 && (f[u] = !0);
     }), f[e] = !0, f;
-  }), [x, y] = S(() => {
+  }), [E, y] = S(() => {
     const f = {};
     return Object.keys(d).forEach((u) => {
       u === e ? f[u] = "entered" : f[u] = "exited";
     }), f;
-  }), [E, b] = S({});
+  }), [x, b] = S({});
   return /* @__PURE__ */ o.createElement(Zr.Provider, { value: l }, /* @__PURE__ */ o.createElement(Mg, null, Object.keys(d).map((f) => {
     var I;
     if (!h[f]) return null;
-    const u = x[f] || "exited", v = f === s, _ = `${f}-${E[f] || 0}`;
+    const u = E[f] || "exited", v = f === s, _ = `${f}-${x[f] || 0}`;
     return /* @__PURE__ */ o.createElement($g, { key: _, $transitionState: u, $active: v }, (I = d[f]) == null ? void 0 : I.element);
   })));
 }
@@ -5785,14 +5785,14 @@ function Lg({ isExpanded: e, isOpened: t, children: n, launcher: r }) {
   const { dir: s } = j();
   return /* @__PURE__ */ o.createElement(Dg, null, /* @__PURE__ */ o.createElement(Rg, { dir: s, id: ie.WINDOW, $isExpanded: e, $isOpened: t }, n), r);
 }
-const Dg = g.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, Rg = g.div`background:${({ theme: e }) => e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:right bottom;[dir='rtl'] &:not([dir='ltr']),&[dir='rtl']{transform-origin:left bottom;}${({ $isOpened: e }) => e && Bg};${({ $isExpanded: e }) => e && Ng};`, Ng = $`width:743px;height:723px;`, Bg = $`z-index:${Oe.WINDOW};pointer-events:all;transform:scale(1);opacity:1;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 300ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;`, mh = Ge(function({ children: e, ...t }, n) {
-  const r = Qe(), [s, i] = S(), a = r ? Gr : Lg;
-  return /* @__PURE__ */ o.createElement(Wr, { enableExpandButton: !r, ref: n, ...t }, /* @__PURE__ */ o.createElement(vr, null, ({ state: l }) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(a, { isExpanded: l.expanded, isOpened: l.opened, launcher: /* @__PURE__ */ o.createElement(Kr, null) }, /* @__PURE__ */ o.createElement(
+const Dg = g.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, Rg = g.div`background:${({ theme: e }) => e.colors.base.background};display:flex;overscroll-behavior:none;-webkit-overflow-scrolling:auto;height:640px;min-height:80px;width:400px;max-width:80vw;max-height:80vh;box-shadow:0px 16px 24px 2px rgba(33,33,33,0.12),0px 6px 30px 5px rgba(33,33,33,0.08),0px 6px 10px -5px rgba(33,33,33,0.04);border-radius:16px;overflow:hidden;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 150ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;transform:scale(0.15);opacity:0;transform-origin:right bottom;[dir='rtl'] &:not([dir='ltr']),&[dir='rtl']{transform-origin:left bottom;}${({ $isOpened: e }) => e && Bg};${({ $isExpanded: e }) => e && Ng};`, Ng = $`width:743px;height:723px;`, Bg = $`z-index:${Oe.WINDOW};pointer-events:all;transform:scale(1);opacity:1;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 300ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;`, mh = Ge(function({ children: e, initialChannelUrl: t, ...n }, r) {
+  const s = Qe(), [i, a] = S(t), l = s ? Gr : Lg;
+  return /* @__PURE__ */ o.createElement(Wr, { enableExpandButton: !s, ref: r, ...n }, /* @__PURE__ */ o.createElement(vr, null, ({ state: c }) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(l, { isExpanded: c.expanded, isOpened: c.opened, launcher: /* @__PURE__ */ o.createElement(Kr, null) }, /* @__PURE__ */ o.createElement(
     Jr,
     {
-      entryPoint: t.entryPoint,
-      selectedChannelUrl: s,
-      setSelectedChannelUrl: i
+      entryPoint: n.entryPoint,
+      selectedChannelUrl: i,
+      setSelectedChannelUrl: a
     }
   )), e)));
 }), {
@@ -5850,22 +5850,22 @@ const Vg = g.div`background:${({ theme: e }) => e.colors.base.background};displa
 
   ${({ $isOpened: e }) => e && Wg};
   ${({ $isExpanded: e }) => e && zg};
-`, zg = $`width:743px;height:723px;`, Wg = $`z-index:${Oe.WINDOW};pointer-events:all;transform:scale(1);opacity:1;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 300ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;`, eo = { top: 24, bottom: 24, start: 24, end: 24 }, Gg = Ge(function({ children: e, ...t }, n) {
-  const [r, s] = S(), [i, a] = S("end-bottom"), [l, c] = S(eo), [d, h] = S(48), p = Qe(), x = p ? Gr : Hg, { horizontal: y, vertical: E } = re(() => {
-    const [b, f] = i.split("-");
-    return { horizontal: b === "start" ? "start" : "end", vertical: f === "top" ? "top" : "bottom" };
-  }, [i]);
-  return /* @__PURE__ */ o.createElement(Wr, { enableExpandButton: !p, ref: n, ...t }, /* @__PURE__ */ o.createElement(vr, null, ({ state: b }) => /* @__PURE__ */ o.createElement(
+`, zg = $`width:743px;height:723px;`, Wg = $`z-index:${Oe.WINDOW};pointer-events:all;transform:scale(1);opacity:1;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 300ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;`, eo = { top: 24, bottom: 24, start: 24, end: 24 }, Gg = Ge(function({ children: e, initialChannelUrl: t, ...n }, r) {
+  const [s, i] = S(t), [a, l] = S("end-bottom"), [c, d] = S(eo), [h, p] = S(48), E = Qe(), y = E ? Gr : Hg, { horizontal: x, vertical: b } = re(() => {
+    const [f, u] = a.split("-");
+    return { horizontal: f === "start" ? "start" : "end", vertical: u === "top" ? "top" : "bottom" };
+  }, [a]);
+  return /* @__PURE__ */ o.createElement(Wr, { enableExpandButton: !E, ref: r, ...n }, /* @__PURE__ */ o.createElement(vr, null, ({ state: f }) => /* @__PURE__ */ o.createElement(
     Fg,
     {
-      value: { horizontal: y, vertical: E, margin: l, launcherSize: d, setPosition: a, setMargin: c, setLauncherSize: h }
+      value: { horizontal: x, vertical: b, margin: c, launcherSize: h, setPosition: l, setMargin: d, setLauncherSize: p }
     },
-    /* @__PURE__ */ o.createElement(x, { isExpanded: b.expanded, isOpened: b.opened }, /* @__PURE__ */ o.createElement(
+    /* @__PURE__ */ o.createElement(y, { isExpanded: f.expanded, isOpened: f.opened }, /* @__PURE__ */ o.createElement(
       Jr,
       {
-        entryPoint: t.entryPoint,
-        selectedChannelUrl: r,
-        setSelectedChannelUrl: s
+        entryPoint: n.entryPoint,
+        selectedChannelUrl: s,
+        setSelectedChannelUrl: i
       }
     )),
     /* @__PURE__ */ o.createElement(Pg, null),