@sendbird/ai-agent-messenger-react 1.21.1 → 1.21.2

package/dist/index.js

@@ -1,12 +1,12 @@
 var ns = Object.defineProperty;
 var rs = (e, t, n) => t in e ? ns(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var b = (e, t, n) => rs(e, typeof t != "symbol" ? t + "" : t, n);
-import os, { ConnectionHandler as yn, SendbirdError as ot, SendbirdChatOptions as ss, SendbirdProduct as is, SessionHandler as as, ConnectionState as Pr, LogLevel as Br, SendbirdPlatform as ls, DeviceOsPlatform as Kn } from "@sendbird/chat";
+import os, { ConnectionHandler as vn, SendbirdError as ot, SendbirdChatOptions as ss, SendbirdProduct as is, SessionHandler as as, ConnectionState as Pr, LogLevel as Br, SendbirdPlatform as ls, DeviceOsPlatform as Kn } from "@sendbird/chat";
 import * as s from "react";
 import { createContext as Je, useContext as Ae, useLayoutEffect as re, useState as S, useRef as F, useEffect as V, useCallback as z, forwardRef as Qe, useImperativeHandle as cs, useId as ds, useMemo as ce, useReducer as us, PureComponent as ms, Suspense as hs, lazy as N, Fragment as Ur, Children as gs } from "react";
 import m, { css as O, ThemeProvider as ps, useTheme as lt, createGlobalStyle as fs, StyleSheetManager as Es, keyframes as Hr } from "styled-components";
-import { isSameMinute as jn, differenceInMinutes as _s, isToday as bs, differenceInHours as Cs, format as xs, isSameDay as ys } from "date-fns";
-import { enUS as vs } from "date-fns/locale/en-US";
+import { isSameMinute as jn, differenceInMinutes as _s, isToday as bs, differenceInHours as Cs, format as xs, isSameDay as vs } from "date-fns";
+import { enUS as ys } from "date-fns/locale/en-US";
 import { ConversationStatus as ge, AIAgentModule as Ss, ConversationType as As, AIAgentMessageFeedbackRating as qn } from "@sendbird/chat/aiAgent";
 import { SendingStatus as Xe, ReplyType as Ts, MessageMetaArray as Is } from "@sendbird/chat/message";
 import { GroupChannelListOrder as Vr, GroupChannelHandler as zr, GroupChannelModule as ws } from "@sendbird/chat/groupChannel";
@@ -49,7 +49,7 @@ const qe = "sb-agent", Kr = "KEY_IMG_ASPECT_RATIO", cn = "*/*", W = {
   },
   isIncoming: (e, t) => be(e) && e.sender.userId !== t,
   isOutgoing: (e, t) => be(e) && (e.sender.userId === t || e.sendingStatus === Xe.PENDING)
-}, Re = (e) => e.startsWith("image/"), jr = (e) => e.startsWith("video/"), vn = (e, t) => {
+}, Re = (e) => e.startsWith("image/"), jr = (e) => e.startsWith("video/"), yn = (e, t) => {
   if (e && !e.startsWith(".")) {
     const n = e.split(".").pop();
     if (n && n !== e)
@@ -265,7 +265,7 @@ class Xr {
       onChannelDeleted: (p) => {
         this._removeChannelsFromView([p]);
       }
-    }), this._connectionHandler = new yn({
+    }), this._connectionHandler = new vn({
       onReconnectSucceeded: () => {
         this._isDefaultChangelogSyncTimestampUpdated && this._syncChannelChangelogs();
       }
@@ -860,7 +860,7 @@ class hi {
           var i, a;
           o.isGroupChannel() && o.url === ((i = this._session) == null ? void 0 : i.activeChannel.url) && ((a = this._handleActiveChannelChangedThrottled) == null || a.call(this, o));
         }
-      }), r = new yn({
+      }), r = new vn({
         onReconnectSucceeded: async () => {
           await this._syncActiveChannelOnReconnect();
         }
@@ -1050,13 +1050,13 @@ function xi(e, t, n, r) {
     t.customData
   ) || console.warn("Invalid Sendbird Extensions", t), o;
 }
-function yi(e) {
+function vi(e) {
   const t = (n) => {
     throw new Error(`Please initialize chat sdk with ${n}`);
   };
   typeof e.groupChannel != "object" && t("GroupChannelModule"), typeof e.aiAgent != "object" && t("AIAgentModule");
 }
-const vi = [400300, 400301, 400302, 400310];
+const yi = [400300, 400301, 400302, 400310];
 class In {
   constructor(t, n, r) {
     b(this, "chatSDK");
@@ -1134,7 +1134,7 @@ class In {
     /**
      * Checks if the error is a cache restricted error that requires clearing cached data.
      */
-    b(this, "_isCacheRestrictedError", (t) => vi.some((n) => t.code === n));
+    b(this, "_isCacheRestrictedError", (t) => yi.some((n) => t.code === n));
     /**
      * Syncs message templates if the cached token differs from the server token.
      */
@@ -1161,25 +1161,25 @@ class In {
   }
   static init(t) {
     let n;
-    return t.chatSDK ? (yi(t.chatSDK), n = t.chatSDK) : n = xi(t.appId, t.extensions, t.messengerVersion, t.chatParams), new In(n, t.logger, t.cache);
+    return t.chatSDK ? (vi(t.chatSDK), n = t.chatSDK) : n = xi(t.appId, t.extensions, t.messengerVersion, t.chatParams), new In(n, t.logger, t.cache);
   }
 }
-const yt = /* @__PURE__ */ new Map(), no = {
+const vt = /* @__PURE__ */ new Map(), no = {
   set: (e, t) => {
-    yt.set(e, t);
+    vt.set(e, t);
   },
   get: (e) => {
-    if (yt.size === 0)
+    if (vt.size === 0)
       throw new Error(
         "AIAgent platform not configured. Ensure you are using the correct package (@sendbird/ai-agent-messenger-react or @sendbird/ai-agent-messenger-react-native)."
       );
     if (e) {
-      const n = yt.get(e);
+      const n = vt.get(e);
       if (!n)
         throw new Error(`AIAgent platform "${e}" is not configured.`);
       return { platform: e, ...n };
     }
-    const t = yt.entries().next().value;
+    const t = vt.entries().next().value;
     return { platform: t[0], ...t[1] };
   }
 }, Si = (e) => Object.fromEntries(Object.entries(e).filter(([, t]) => t !== void 0));
@@ -1555,7 +1555,7 @@ class Lt extends hi {
             onDeskTokenRefreshRequired: async ({ reason: E }) => {
               var h;
               if (E === so.ERR_SESSION_KEY_EXPIRED) {
-                await new Promise((y) => setTimeout(y, 2e3));
+                await new Promise((v) => setTimeout(v, 2e3));
                 const _ = (h = this._session) == null ? void 0 : h.userSession.authToken;
                 return _ ? await this._deskClient.refreshDeskAuthToken(_) : !1;
               }
@@ -1678,21 +1678,24 @@ class Lt extends hi {
      * @description Refreshes and returns the current active channel from the server.
      */
     b(this, "refreshActiveChannel", async (n) => {
-      var a, l;
+      var l, c, d;
       Ue(this._session);
-      const r = (n == null ? void 0 : n.useKnownActiveChannelUrl) ?? !0;
-      this._logger.debug("AIAgent.refreshActiveChannel: start", { useKnownActiveChannelUrl: r });
-      const o = await this._chatClient.requestMessengerSettings({
+      const r = this._session, o = (n == null ? void 0 : n.useKnownActiveChannelUrl) ?? !0;
+      this._logger.debug("AIAgent.refreshActiveChannel: start", { useKnownActiveChannelUrl: o });
+      const i = await this._chatClient.requestMessengerSettings({
         aiAgentId: this.aiAgentId,
-        userId: this._session.userSession.userId,
+        userId: r.userSession.userId,
         language: this.language,
         country: this.countryCode,
         context: this.context,
-        knownActiveChannelUrl: r ? (l = (a = this._cache.messenger.getSettings(this._session.userSession.userId)) == null ? void 0 : a.active_channel) == null ? void 0 : l.channel_url : void 0,
+        knownActiveChannelUrl: o ? (c = (l = this._cache.messenger.getSettings(r.userSession.userId)) == null ? void 0 : l.active_channel) == null ? void 0 : c.channel_url : void 0,
         forceCreateChannel: this._forceCreateChannel,
         agentVersion: this._agentVersion
-      }), i = o.active_channel.channel_url;
-      return this._cache.messenger.setSettings(this._session.userSession.userId, o), this._session._updateActiveChannel({ url: i, status: "open" }), this._logger.debug("AIAgent.refreshActiveChannel: end", i), i;
+      });
+      if (this._session !== r)
+        return this._logger.debug("AIAgent.refreshActiveChannel: session changed during refresh, discarding stale result"), ((d = this._session) == null ? void 0 : d.activeChannel.url) ?? i.active_channel.channel_url;
+      const a = i.active_channel.channel_url;
+      return this._cache.messenger.setSettings(this._session.userSession.userId, i), this._session._updateActiveChannel({ url: a, status: "open" }), this._logger.debug("AIAgent.refreshActiveChannel: end", a), a;
     });
     /**
      * @internal
@@ -1901,14 +1904,14 @@ function Li(e, t, n) {
 const Oi = (e) => {
   const t = e.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
   return t ? [Number(t[1]), Number(t[2]), Number(t[3])] : null;
-}, vt = (e) => Math.max(0, Math.min(255, e)).toString(16).padStart(2, "0"), nr = (e, t) => {
-  const n = vt(Math.round(t * 255));
+}, yt = (e) => Math.max(0, Math.min(255, e)).toString(16).padStart(2, "0"), nr = (e, t) => {
+  const n = yt(Math.round(t * 255));
   if (e.startsWith("#")) {
     const o = e.slice(1);
     return o.length === 3 || o.length === 4 ? `#${o[0]}${o[0]}${o[1]}${o[1]}${o[2]}${o[2]}${n}` : `#${o.slice(0, 6)}${n}`;
   }
   const r = Oi(e);
-  return r ? `#${vt(r[0])}${vt(r[1])}${vt(r[2])}${n}` : e;
+  return r ? `#${yt(r[0])}${yt(r[1])}${yt(r[2])}${n}` : e;
 }, io = oe("AIAgent"), Ri = io.Provider, Ee = io.useContext;
 function Di(e) {
   const t = Ni(e);
@@ -2305,7 +2308,7 @@ const en = 25 * 1024 * 1024, or = 1, sr = /* @__PURE__ */ new Set(["image/png",
   useContext: ht
 } = oe("AIAgentMessengerSession"), ta = Qe(
   function({ userSessionInfo: e, children: t }, n) {
-    const { _aiAgentSDK: r, chatSDK: o, aiAgentId: i, logger: a } = Ee(), { updateTheme: l } = kn(), [c, d] = S(void 0), [u, p] = S(void 0), [f, x] = S(null), [C, E] = S(null), [h, _] = S(null), [y, I] = S(null), { updateBaseAttachmentRules: A, createAttachmentRules: $ } = Qi();
+    const { _aiAgentSDK: r, chatSDK: o, aiAgentId: i, logger: a } = Ee(), { updateTheme: l } = kn(), [c, d] = S(void 0), [u, p] = S(void 0), [f, x] = S(null), [C, E] = S(null), [h, _] = S(null), [v, I] = S(null), { updateBaseAttachmentRules: A, createAttachmentRules: $ } = Qi();
     V(() => {
       const T = r.onMessengerSettingsUpdated(({ settings: j }) => {
         const { appearance: J, bot: q, launcher: ke } = j;
@@ -2343,13 +2346,16 @@ const en = 25 * 1024 * 1024, or = 1, sr = /* @__PURE__ */ new Set(["image/png",
       } catch (T) {
         throw d(T), T;
       }
-    }, [r, e]), v = z(async () => {
+    }, [r, e]), y = z(async () => {
       await r.deauthenticate(), x(null), p(void 0), E(null), _(null), I(null);
     }, [r]), L = z(async () => {
-      if (!r.session)
+      if (!r.session) {
+        if (C)
+          return a.debug("agentMessengerSession.refreshActiveChannel: stale call after deauthenticate, skipping"), "";
         throw a.error("agentMessengerSession.refreshActiveChannel: userSession is not ready"), new Error("userSession is not ready");
-      return p(void 0), await r.refreshActiveChannel();
-    }, [r, a]), B = z(
+      }
+      return r.session.userSession.userId !== (C == null ? void 0 : C.userId) ? (a.debug("agentMessengerSession.refreshActiveChannel: stale call from previous session, skipping"), r.session.activeChannel.url) : (p(void 0), await r.refreshActiveChannel());
+    }, [r, a, C]), B = z(
       async (T) => {
         if (!r.session)
           throw new Error("Current user is not authenticated. Please authenticate first.");
@@ -2373,7 +2379,7 @@ const en = 25 * 1024 * 1024, or = 1, sr = /* @__PURE__ */ new Set(["image/png",
         activeChannel: u,
         chatSDK: o,
         authenticate: w,
-        deauthenticate: v,
+        deauthenticate: y,
         updateContext: async (...H) => {
           const P = ar(...H);
           if (P.type === "active") {
@@ -2405,7 +2411,7 @@ const en = 25 * 1024 * 1024, or = 1, sr = /* @__PURE__ */ new Set(["image/png",
           return nt(P);
         }
       };
-    }, [w, v, u, o, i, a]), /* @__PURE__ */ s.createElement(
+    }, [w, y, u, o, i, a]), /* @__PURE__ */ s.createElement(
       ea,
       {
         value: {
@@ -2419,9 +2425,9 @@ const en = 25 * 1024 * 1024, or = 1, sr = /* @__PURE__ */ new Set(["image/png",
           searchConversation: R,
           connectionError: c,
           aiAgentInfo: h,
-          launcherInfo: y,
+          launcherInfo: v,
           authenticate: w,
-          deauthenticate: v,
+          deauthenticate: y,
           createAttachmentRules: $,
           statsTrackers: r.statsTrackers
         }
@@ -2434,7 +2440,7 @@ const en = 25 * 1024 * 1024, or = 1, sr = /* @__PURE__ */ new Set(["image/png",
   re(() => {
     r.current = t;
   }), V(() => {
-    const o = new yn({
+    const o = new vn({
       onDisconnected: (i) => {
         var a, l;
         return (l = (a = r.current).onDisconnected) == null ? void 0 : l.call(a, i);
@@ -2475,7 +2481,7 @@ function na(e) {
     h.isAIAgent && !h.conversation && (x(!0), o.initConversationIfNeeded(h).finally(() => x(!1)));
   }
   async function E() {
-    var h, _, y;
+    var h, _, v;
     if (!i) {
       n.debug("useChannel.getChannel: no sdk user, skip fetching channel");
       return;
@@ -2488,7 +2494,7 @@ function na(e) {
         C(I), d(I), a.initialRender.onGetChannelComplete((h = I.conversation) == null ? void 0 : h.id), I.url === ((_ = o.session) == null ? void 0 : _.activeChannel.url) && o.session._updateActiveChannel({
           url: I.url,
           status: pe(I) ? "closed" : "open",
-          conversationStatus: (y = I.conversation) == null ? void 0 : y.status
+          conversationStatus: (v = I.conversation) == null ? void 0 : v.status
         }), n.debug("useChannel.getChannel: fetched channel", I);
       } catch (I) {
         a.initialRender.onGetChannelError(I), I instanceof ot && p(I), n.error("useChannel.getChannel: error", I);
@@ -2644,7 +2650,7 @@ function ma({
   sortComparator: p
 }) {
   var R;
-  const f = () => d && (h == null ? void 0 : h.markAsRead()), { chatSDK: x, logger: C, dispatcher: E } = Ee(), { channel: h, channelFetchError: _, getChannel: y, isInitializingConversation: I } = na(t), { statsTrackers: A } = ht();
+  const f = () => d && (h == null ? void 0 : h.markAsRead()), { chatSDK: x, logger: C, dispatcher: E } = Ee(), { channel: h, channelFetchError: _, getChannel: v, isInitializingConversation: I } = na(t), { statsTrackers: A } = ht();
   V(() => {
     if (t)
       return A.initialRender.setChannelUrl(t), () => {
@@ -2662,7 +2668,7 @@ function ma({
     logger: C,
     markAsRead: f,
     sortComparator: p
-  }), w = da(), v = ca({
+  }), w = da(), y = ca({
     channel: h,
     messages: $.messages,
     isStreamAnimating: w.isAnimating,
@@ -2688,7 +2694,7 @@ function ma({
     channelSource: {
       channel: h,
       error: _,
-      refetch: () => y(),
+      refetch: () => v(),
       closeConversation: async () => {
         pe(h) || await (h == null ? void 0 : h.closeConversation());
       }
@@ -2729,32 +2735,32 @@ function ma({
     },
     state: {
       streamAnimation: w,
-      input: v
+      input: y
     }
   };
   return /* @__PURE__ */ s.createElement(ua, { value: B }, e);
 }
 function ha(e, t) {
-  var x, C, E, h, _, y, I, A, $, w;
+  var x, C, E, h, _, v, I, A, $, w;
   const [n, r] = S(!1), [o, i] = S(null), [a, l] = S([]), [c, d] = S(null), u = F(!1), p = z(async () => {
     if (!u.current && e.currentUser) {
       u.current = !0, r(!1), i(null), l([]);
       try {
         c == null || c.dispose();
-        const v = new Xr(e, t);
-        v.setConversationListCollectionHandler({
+        const y = new Xr(e, t);
+        y.setConversationListCollectionHandler({
           onChannelsAdded: () => {
-            l(v.channels);
+            l(y.channels);
           },
           onChannelsUpdated: () => {
-            l(v.channels);
+            l(y.channels);
           },
           onChannelsDeleted: () => {
-            l(v.channels);
+            l(y.channels);
           }
-        }), await v.loadMore(), d(v), i(null);
-      } catch (v) {
-        d(null), i(v);
+        }), await y.loadMore(), d(y), i(null);
+      } catch (y) {
+        d(null), i(y);
       } finally {
         r(!0), u.current = !1;
       }
@@ -2765,7 +2771,7 @@ function ha(e, t) {
     (x = t.filter) == null ? void 0 : x.aiAgentChannelFilter,
     (E = (C = t.filter) == null ? void 0 : C.aiAgentConversationStatusFilter) == null ? void 0 : E.join(),
     (_ = (h = t.filter) == null ? void 0 : h.aiAgentIds) == null ? void 0 : _.join(),
-    (y = t.filter) == null ? void 0 : y.deskChannelFilter,
+    (v = t.filter) == null ? void 0 : v.deskChannelFilter,
     (A = (I = t.filter) == null ? void 0 : I.pinnedChannelUrls) == null ? void 0 : A.join(),
     ($ = t.filter) == null ? void 0 : $.copilotConversationOnly,
     (w = t.filter) == null ? void 0 : w.copilotSupportChannelUrl,
@@ -2774,8 +2780,8 @@ function ha(e, t) {
     if (c)
       try {
         await c.loadMore();
-      } catch (v) {
-        i(v);
+      } catch (y) {
+        i(y);
       }
   }, [c]);
   return $n(e, {
@@ -2997,7 +3003,7 @@ const xa = ({
     a = c;
   }
   return a = Fe({ ...r, uiTemplateString: a, variables: n }), a = Pe({ ...r, uiTemplateString: a, colorVariables: i }), a = Pe({ ...r, uiTemplateString: a, colorVariables: t }), a = Fe({ ...r, uiTemplateString: a }), Ut(a);
-}, ya = async ({
+}, va = async ({
   rawTemplate: e,
   aiAgentColorVariables: t,
   internalVariables: n,
@@ -3011,7 +3017,7 @@ const xa = ({
     aiAgentColorVariables: t,
     internalVariables: n
   })), a = Fe({ ...r, uiTemplateString: a, variables: n }), a = Pe({ ...r, uiTemplateString: a, colorVariables: i }), a = Pe({ ...r, uiTemplateString: a, colorVariables: t }), a = Fe({ ...r, uiTemplateString: a }), Ut(a);
-}, va = (e) => {
+}, ya = (e) => {
   const { aiAgentColorVariables: t = {} } = e, { internalVariables: n } = co();
   return S(() => {
     const r = e.onGetCachedTemplate(e.templateKey);
@@ -3024,12 +3030,12 @@ const xa = ({
     }) : null;
   });
 }, Sa = (e) => {
-  const [t] = va(e);
+  const [t] = ya(e);
   if (t) return t;
   const { aiAgentColorVariables: n = {} } = e, { internalVariables: r, fetchTemplate: o, suspend: i } = co();
   return i(e.templateKey, async () => {
     const l = await o({ ...e, suspense: !0 });
-    return await ya({
+    return await va({
       ...e,
       rawTemplate: l,
       aiAgentColorVariables: n,
@@ -3191,15 +3197,15 @@ const Ra = (e, t = {}) => {
       const E = {};
       let h = !1;
       e.fields.forEach((_) => {
-        const y = lr(_);
-        JSON.stringify(l[_.key]) !== JSON.stringify(y) && (h = !0), E[_.key] = y;
+        const v = lr(_);
+        JSON.stringify(l[_.key]) !== JSON.stringify(v) && (h = !0), E[_.key] = v;
       }), h && c(E);
     }
   }, [d]);
   const u = (E, h) => {
     c((_) => ({ ..._, [E]: h })), a((_) => ({ ..._, [E]: void 0 }));
   }, p = e.fields.map((E) => {
-    var y, I, A;
+    var v, I, A;
     const h = l[E.key] ?? null, _ = {
       key: E.key,
       label: E.label,
@@ -3212,7 +3218,7 @@ const Ra = (e, t = {}) => {
       layout: E.layout,
       value: h,
       ...E.placeholder && { placeholder: E.placeholder },
-      ...((y = E.rules) == null ? void 0 : y.max_length) && { maxLength: E.rules.max_length }
+      ...((v = E.rules) == null ? void 0 : v.max_length) && { maxLength: E.rules.max_length }
     } : E.type === "number" ? {
       ..._,
       type: "number",
@@ -3244,13 +3250,13 @@ const Ra = (e, t = {}) => {
       const E = {};
       let h = !1;
       for (const _ of e.fields) {
-        const y = l[_.key] ?? null, I = Oa(_, y, n);
+        const v = l[_.key] ?? null, I = Oa(_, v, n);
         I.isValid || (E[_.key] = I.error, h = !0);
       }
       if (a(E), !h && r) {
         const _ = {};
-        e.fields.forEach((y) => {
-          _[y.key] = l[y.key] ?? null;
+        e.fields.forEach((v) => {
+          _[v.key] = l[v.key] ?? null;
         }), await r(_);
       }
     },
@@ -3351,25 +3357,25 @@ const Fa = /* @__PURE__ */ new Set(["free_text", "single_choice"]), Pa = ({ csat
     if (!f.initialEnabled) return;
     let h = dr(t.length);
     d.lastUpdate = 0, d.startTime = 0, d.lastProgressCall = 0;
-    const _ = (y) => {
+    const _ = (v) => {
       var R;
-      d.lastUpdate === 0 && (d.lastUpdate = y, d.startTime = y, d.lastProgressCall = y);
-      const I = f.textLength, A = y - d.lastUpdate, $ = y - d.startTime, { speed: w, chunkSize: v } = Ha($), L = w * v;
-      A >= L && h < I && (h = Math.min(h + v, I), l(h), d.lastUpdate = y), y - d.lastProgressCall >= Ba && (d.lastProgressCall = y, (R = u.onProgress) == null || R.call(u)), (h < I || f.enabled) && (c.current = requestAnimationFrame(_));
+      d.lastUpdate === 0 && (d.lastUpdate = v, d.startTime = v, d.lastProgressCall = v);
+      const I = f.textLength, A = v - d.lastUpdate, $ = v - d.startTime, { speed: w, chunkSize: y } = Ha($), L = w * y;
+      A >= L && h < I && (h = Math.min(h + y, I), l(h), d.lastUpdate = v), v - d.lastProgressCall >= Ba && (d.lastProgressCall = v, (R = u.onProgress) == null || R.call(u)), (h < I || f.enabled) && (c.current = requestAnimationFrame(_));
     };
     return c.current = requestAnimationFrame(_), () => {
-      var y;
-      c.current && cancelAnimationFrame(c.current), p.startCalled && !p.completeCalled && (p.completeCalled = !0, (y = u.onComplete) == null || y.call(u));
+      var v;
+      c.current && cancelAnimationFrame(c.current), p.startCalled && !p.completeCalled && (p.completeCalled = !0, (v = u.onComplete) == null || v.call(u));
     };
   }, []), V(() => {
     var I;
-    const h = f.initialEnabled && p.startCalled, _ = !n, y = a >= t.length && t.length > 0;
-    h && _ && y && !p.completeCalled && (p.completeCalled = !0, (I = u.onComplete) == null || I.call(u));
+    const h = f.initialEnabled && p.startCalled, _ = !n, v = a >= t.length && t.length > 0;
+    h && _ && v && !p.completeCalled && (p.completeCalled = !0, (I = u.onComplete) == null || I.call(u));
   }, [n, a, t.length]), {
     streamText: f.initialEnabled ? t.slice(0, a) : t,
     isAnimating: E
   };
-}, za = "1.21.1", me = "sb-agent", fe = {
+}, za = "1.21.2", me = "sb-agent", fe = {
   ENTRY: `${me}-entry`,
   MODAL_ROOT: `${me}-modal-root`,
   WINDOW: `${me}-window`,
@@ -3501,7 +3507,7 @@ const qa = '@import"https://fonts.googleapis.com/css?family=Roboto:400,500,600,7
 }, gn = {
   language: "en",
   strings: Ya,
-  dateLocale: vs
+  dateLocale: ys
 }, Xa = (e) => ({
   // Message Input
   MESSAGE_INPUT__PLACE_HOLDER: e.conversation.input_placeholder,
@@ -3920,22 +3926,22 @@ const pl = (e, t = 5e3) => {
   const a = () => {
     o == null || o(), i();
   };
-  return /* @__PURE__ */ s.createElement(zt, { rootElementId: fe.WINDOW, visible: e, onClose: i }, /* @__PURE__ */ s.createElement(xl, null, /* @__PURE__ */ s.createElement(yl, null, t && /* @__PURE__ */ s.createElement(k, { variant: "h1", color: g.themedColor.textHighEmphasis }, t), n && /* @__PURE__ */ s.createElement(vl, null, /* @__PURE__ */ s.createElement(k, { variant: "subtitle2", color: g.themedColor.textHighEmphasis }, n))), /* @__PURE__ */ s.createElement(Sl, null, /* @__PURE__ */ s.createElement(Al, { onClick: a }, /* @__PURE__ */ s.createElement(k, { variant: "button", color: g.themedColor.primary }, r)))));
-}, xl = m.div`width:360px;height:auto;padding-block:24px 12px;padding-inline:24px;margin:0 auto;border-radius:4px;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, yl = m.div`margin-bottom:16px;`, vl = m.div`margin-top:8px;`, Sl = m.div`display:flex;flex-direction:row;justify-content:flex-end;`, Al = m.button`all:unset;display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:transparent;padding:10px 16px;`, {
+  return /* @__PURE__ */ s.createElement(zt, { rootElementId: fe.WINDOW, visible: e, onClose: i }, /* @__PURE__ */ s.createElement(xl, null, /* @__PURE__ */ s.createElement(vl, null, t && /* @__PURE__ */ s.createElement(k, { variant: "h1", color: g.themedColor.textHighEmphasis }, t), n && /* @__PURE__ */ s.createElement(yl, null, /* @__PURE__ */ s.createElement(k, { variant: "subtitle2", color: g.themedColor.textHighEmphasis }, n))), /* @__PURE__ */ s.createElement(Sl, null, /* @__PURE__ */ s.createElement(Al, { onClick: a }, /* @__PURE__ */ s.createElement(k, { variant: "button", color: g.themedColor.primary }, r)))));
+}, xl = m.div`width:360px;height:auto;padding-block:24px 12px;padding-inline:24px;margin:0 auto;border-radius:4px;box-sizing:border-box;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};`, vl = m.div`margin-bottom:16px;`, yl = m.div`margin-top:8px;`, Sl = m.div`display:flex;flex-direction:row;justify-content:flex-end;`, Al = m.button`all:unset;display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;background-color:transparent;padding:10px 16px;`, {
   Provider: Tl,
   useContext: de
 } = oe("MessengerSession"), Il = Qe(function({ children: e, ...t }, n) {
   return /* @__PURE__ */ s.createElement(ta, { ref: n, ...t }, (r) => /* @__PURE__ */ s.createElement(wl, { ...r }, e));
 }), wl = ({ children: e, ...t }) => {
-  const { chatSDK: n, logger: r, appId: o, aiAgentId: i, agentPreviewConfigs: a, state: l, handlers: c, dispatcher: d, _aiAgentSDK: u } = Q(), { userSessionInfo: p, authenticate: f, userSession: x, aiAgentInfo: C, launcherInfo: E } = t, [h, _] = S(!1), y = F(null);
+  const { chatSDK: n, logger: r, appId: o, aiAgentId: i, agentPreviewConfigs: a, state: l, handlers: c, dispatcher: d, _aiAgentSDK: u } = Q(), { userSessionInfo: p, authenticate: f, userSession: x, aiAgentInfo: C, launcherInfo: E } = t, [h, _] = S(!1), v = F(null);
   ct(n, {
     async onUserJoined(A, $) {
-      var v, L, B, R;
-      A.conversation && A.conversation.type === As.PROACTIVE && $.userId === ((v = n.currentUser) == null ? void 0 : v.userId) && (r.info("messengerSession.onUserJoined: proactive channel joined", A.url), (B = u.session) == null || B._updateActiveChannel({
+      var y, L, B, R;
+      A.conversation && A.conversation.type === As.PROACTIVE && $.userId === ((y = n.currentUser) == null ? void 0 : y.userId) && (r.info("messengerSession.onUserJoined: proactive channel joined", A.url), (B = u.session) == null || B._updateActiveChannel({
         url: A.url,
         status: "open",
         conversationStatus: (L = A.conversation) == null ? void 0 : L.status
-      }), l.setOpened(!0), kl({ sound: document.hidden || !l.opened }), (R = y.current) == null || R.call(y, { channel: A }));
+      }), l.setOpened(!0), kl({ sound: document.hidden || !l.opened }), (R = v.current) == null || R.call(v, { channel: A }));
     }
   }), V(() => {
     f().then(({ launcher: A }) => {
@@ -3959,7 +3965,7 @@ const pl = (e, t = 5e3) => {
         userSession: x,
         aiAgentInfo: { ...C, ...a == null ? void 0 : a.bot },
         launcherInfo: { ...E, ...a == null ? void 0 : a.launcher },
-        registerOnJoinedProactiveConversation: (A) => y.current = A
+        registerOnJoinedProactiveConversation: (A) => v.current = A
       }
     },
     e,
@@ -4098,7 +4104,7 @@ const Ye = 50, rn = Ye - 40, {
   shouldUpdate: !1
 }, on = (e) => Math.max(0, e.scrollHeight - e.scrollTop - e.clientHeight);
 function Bl({ scrollMode: e, messageStackDirection: t, children: n }) {
-  const r = F(null), o = F(null), i = F(0), a = F(0), l = F(!1), c = F(!1), d = F(null), u = F(fr), p = F(!1), f = F(null), [x, C] = S(0), [E, h] = S(0), [_, y] = S(!1), [I, A] = S(!1), [$, w] = S(!0), v = (D) => {
+  const r = F(null), o = F(null), i = F(0), a = F(0), l = F(!1), c = F(!1), d = F(null), u = F(fr), p = F(!1), f = F(null), [x, C] = S(0), [E, h] = S(0), [_, v] = S(!1), [I, A] = S(!1), [$, w] = S(!0), y = (D) => {
     const K = on(D);
     return i.current = K, h(K), K;
   }, L = () => {
@@ -4145,7 +4151,7 @@ function Bl({ scrollMode: e, messageStackDirection: t, children: n }) {
     const D = r.current;
     if (!D || B !== "fixed") return;
     const K = H(D);
-    u.current.contentHeight = (K == null ? void 0 : K.lastMessageBottom) ?? D.scrollHeight, !p.current && u.current.contentSnapshotHeight > 0 && R(), c.current ? i.current = on(D) : v(D), T();
+    u.current.contentHeight = (K == null ? void 0 : K.lastMessageBottom) ?? D.scrollHeight, !p.current && u.current.contentSnapshotHeight > 0 && R(), c.current ? i.current = on(D) : y(D), T();
   }, [B, H]), j = z(() => {
     o.current && (o.current.disconnect(), o.current = null), L(), u.current = fr, C(0), h(0), w(!0), i.current = 0, l.current = !1, a.current = 0, c.current = !1;
   }, []), J = z((D = !0) => {
@@ -4164,15 +4170,15 @@ function Bl({ scrollMode: e, messageStackDirection: t, children: n }) {
         return;
       }
       if (l.current) {
-        c.current = !1, v(X), w(!0);
+        c.current = !1, y(X), w(!0);
         return;
       }
       const ne = () => {
         if (r.current !== X) {
-          c.current = !1, r.current && v(r.current), w(!0);
+          c.current = !1, r.current && y(r.current), w(!0);
           return;
         }
-        c.current = !1, v(X), w(!0);
+        c.current = !1, y(X), w(!0);
       };
       if (D && !d.current) {
         const le = setTimeout(ne, 500);
@@ -4212,12 +4218,12 @@ function Bl({ scrollMode: e, messageStackDirection: t, children: n }) {
   }, [H]), bt = (D, K, X) => {
     const ne = on(D);
     if (X && ne > Ye) {
-      c.current = !1, l.current = !0, L(), v(D), w(!0), a.current = K;
+      c.current = !1, l.current = !0, L(), y(D), w(!0), a.current = K;
       return;
     }
     i.current = ne;
   }, M = (D, K, X) => {
-    const le = v(D) <= Ye;
+    const le = y(D) <= Ye;
     K && !le && (l.current = !0, L()), X && le && (l.current = !1);
   }, Be = (D) => {
     const { scrollTop: K } = D.currentTarget, X = a.current;
@@ -4232,7 +4238,7 @@ function Bl({ scrollMode: e, messageStackDirection: t, children: n }) {
     },
     [B, J]
   ), qt = z((D) => {
-    y(D), D && (C(0), o.current && (o.current.disconnect(), o.current = null));
+    v(D), D && (C(0), o.current && (o.current.disconnect(), o.current = null));
   }, []), Yt = z(
     (D) => {
       B === "auto" && D && !l.current && J();
@@ -4462,7 +4468,7 @@ const rc = (e) => En ? Array.from(En.segment(e), (t) => t.segment) : [...e], oc
     return Er(t);
   const o = t.slice(0, n), i = t.slice(n);
   return Er(o, i);
-}, yo = ({ children: e, ...t }) => {
+}, vo = ({ children: e, ...t }) => {
   const { start: n, end: r } = ce(() => sc(e), [e]);
   return r ? /* @__PURE__ */ s.createElement(ic, null, /* @__PURE__ */ s.createElement(ac, { ...t }, n), /* @__PURE__ */ s.createElement(lc, { ...t }, r)) : /* @__PURE__ */ s.createElement(k, { ...t }, n);
 }, ic = m.span`display:flex;width:100%;min-width:0;overflow:hidden;direction:inherit;`, ac = m(k)`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;`, lc = m(k)`flex-shrink:0;white-space:nowrap;`, Dn = ({
@@ -4473,14 +4479,14 @@ const rc = (e) => En ? Array.from(En.segment(e), (t) => t.segment) : [...e], oc
   onClick: o
 }) => {
   const { colors: i } = lt();
-  return /* @__PURE__ */ s.createElement(cc, { onClick: o, $clickable: !!o }, /* @__PURE__ */ s.createElement(uc, { $bgColor: r ?? i.base.primary }, /* @__PURE__ */ s.createElement(G, { type: "file-document", size: 24, color: n ?? i.base.primaryContrastContent })), /* @__PURE__ */ s.createElement(mc, null, /* @__PURE__ */ s.createElement(yo, { variant: "button", color: g.themedColor.textHighEmphasis }, e), /* @__PURE__ */ s.createElement(k, { color: g.themedColor.textMidEmphasis, variant: "caption3" }, t)));
+  return /* @__PURE__ */ s.createElement(cc, { onClick: o, $clickable: !!o }, /* @__PURE__ */ s.createElement(uc, { $bgColor: r ?? i.base.primary }, /* @__PURE__ */ s.createElement(G, { type: "file-document", size: 24, color: n ?? i.base.primaryContrastContent })), /* @__PURE__ */ s.createElement(mc, null, /* @__PURE__ */ s.createElement(vo, { variant: "button", color: g.themedColor.textHighEmphasis }, e), /* @__PURE__ */ s.createElement(k, { color: g.themedColor.textMidEmphasis, variant: "caption3" }, t)));
 }, cc = m.div`border-radius:12px;gap:8px;width:${W.BODY_MAX_WIDTH}px;height:64px;display:flex;align-items:center;padding:12px;box-sizing:border-box;border:1px solid ${g.themedColor.textDisabled};background-color:${g.themedColor.bg_50_600};${({ $clickable: e }) => e && dc}`, dc = O`cursor:pointer;&:hover{background-color:${g.themedColor.bg_100_500};}`, uc = m.div`border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:${({ $bgColor: e }) => e};`, mc = m.div`display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;`;
 function hc({ file: e, children: t, onClickFile: n }) {
   return /* @__PURE__ */ s.createElement(gc, null, /* @__PURE__ */ s.createElement(
     Dn,
     {
       name: e.name,
-      type: vn(e.name, e.type),
+      type: yn(e.name, e.type),
       onClick: n && (() => n == null ? void 0 : n(e))
     }
   ), t);
@@ -4513,20 +4519,20 @@ const Ec = m.div`display:flex;flex-direction:column;align-items:flex-start;gap:$
   ${U.dark`
     background-color: ${g.color.background400};
   `}
-`, bc = m.img`width:100%;height:100%;object-fit:cover;`, Cc = m.video`width:100%;height:100%;object-fit:cover;`, pt = ({ className: e, children: t, size: n = 26 }) => /* @__PURE__ */ s.createElement(xc, { className: e, $size: n }, t ?? /* @__PURE__ */ s.createElement(G, { type: "spinner", size: n })), xc = m.div`display:flex;align-items:center;justify-content:center;width:${({ $size: e }) => _e(e)};height:${({ $size: e }) => _e(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`, Pt = 3, Gt = 6, yc = Gt / Pt, vc = Pt, Sc = Gt, Ac = (e) => {
+`, bc = m.img`width:100%;height:100%;object-fit:cover;`, Cc = m.video`width:100%;height:100%;object-fit:cover;`, pt = ({ className: e, children: t, size: n = 26 }) => /* @__PURE__ */ s.createElement(xc, { className: e, $size: n }, t ?? /* @__PURE__ */ s.createElement(G, { type: "spinner", size: n })), xc = m.div`display:flex;align-items:center;justify-content:center;width:${({ $size: e }) => _e(e)};height:${({ $size: e }) => _e(e)};animation:1s infinite linear;animation-name:rotate;@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}`, Pt = 3, Gt = 6, vc = Gt / Pt, yc = Pt, Sc = Gt, Ac = (e) => {
   const t = e % Pt;
   return {
     gridColumns: t > 0 ? Gt : Pt,
     wideBottomCount: t
   };
-}, vo = ({ images: e, isPending: t = !1, onClickImage: n }) => {
+}, yo = ({ images: e, isPending: t = !1, onClickImage: n }) => {
   const r = e.length;
   if (r === 0) return null;
   const { gridColumns: o, wideBottomCount: i = 0 } = Ac(r);
   return /* @__PURE__ */ s.createElement(Ic, { $width: W.BODY_MAX_WIDTH, $columns: o }, e.map((a, l) => {
     const c = i > 0 && l >= r - i;
     let d = 1;
-    return o === Gt && (c ? d = i === 1 ? Sc : vc : d = yc), /* @__PURE__ */ s.createElement(
+    return o === Gt && (c ? d = i === 1 ? Sc : yc : d = vc), /* @__PURE__ */ s.createElement(
       wc,
       {
         key: a.url,
@@ -4576,7 +4582,7 @@ const Ec = m.div`display:flex;flex-direction:column;align-items:flex-start;gap:$
     const a = e[i];
     a && (r ? r({ files: e, index: i }) : n && n({ url: a.url, type: a.type || "image/*" }));
   };
-  return /* @__PURE__ */ s.createElement(Rc, null, /* @__PURE__ */ s.createElement(vo, { images: e, onClickImage: o }), t);
+  return /* @__PURE__ */ s.createElement(Rc, null, /* @__PURE__ */ s.createElement(yo, { images: e, onClickImage: o }), t);
 }, Rc = m.div`display:flex;flex-direction:column;align-items:flex-start;gap:${W.GAP_GROUPED}px;`, Dc = "✱", Ao = (e) => {
   const t = new RegExp(`(\`+)([^\`]+?)\\1|(${Dc}+)`, "g");
   return e.replace(t, (n, r, o, i) => r ? n : i ? `<span id=${pc} aria-label="masked-text">${i}</span>` : n);
@@ -4709,14 +4715,14 @@ const Uc = m.div`border-radius:50%;display:inline-block;overflow:hidden;position
       )
     );
   })), a && /* @__PURE__ */ s.createElement(xd, null, /* @__PURE__ */ s.createElement(k, { variant: "caption3", color: g.themedColor.textHighEmphasis }, l.FEEDBACK_COMMENT_LABEL), /* @__PURE__ */ s.createElement(
-    yd,
+    vd,
     {
       placeholder: l.FEEDBACK_COMMENT_PLACEHOLDER,
       value: u,
       onChange: (C) => p(C.target.value),
       maxLength: 100
     }
-  ))), /* @__PURE__ */ s.createElement(vd, null, /* @__PURE__ */ s.createElement(Sd, { onClick: x }, /* @__PURE__ */ s.createElement(k, { variant: "button", color: g.themedColor.textHighEmphasis }, l.FEEDBACK_CANCEL)), /* @__PURE__ */ s.createElement(Ad, { onClick: f, disabled: !c }, /* @__PURE__ */ s.createElement(k, { variant: "button" }, n ? l.FEEDBACK_SAVE : l.FEEDBACK_SUBMIT))))) : null;
+  ))), /* @__PURE__ */ s.createElement(yd, null, /* @__PURE__ */ s.createElement(Sd, { onClick: x }, /* @__PURE__ */ s.createElement(k, { variant: "button", color: g.themedColor.textHighEmphasis }, l.FEEDBACK_CANCEL)), /* @__PURE__ */ s.createElement(Ad, { onClick: f, disabled: !c }, /* @__PURE__ */ s.createElement(k, { variant: "button" }, n ? l.FEEDBACK_SAVE : l.FEEDBACK_SUBMIT))))) : null;
 }, fd = m.div`width:280px;background-color:${({ theme: e }) => e.colors.base.modalContentBackground};border-radius:12px;overflow:hidden;`, Ed = m.div`padding:24px;`, _d = m.div`padding-inline:24px;display:flex;flex-direction:column;gap:24px;`, bd = m.div`display:flex;gap:4px;`, Cd = m.button`width:114px;height:64px;border-radius:12px;border:1px solid ${g.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 ? g.color.background100 : "transparent"};${({ $selected: e }) => U.dark`
     background-color: ${e ? g.color.background600 : "transparent"};
   `}
@@ -4728,7 +4734,7 @@ const Uc = m.div`border-radius:50%;display:inline-block;overflow:hidden;position
   &:active {
     opacity: 0.6;
   }
-`, xd = m.div`display:flex;flex-direction:column;gap:6px;`, yd = m.textarea`font-family:inherit;font-size:12px;line-height:16px;border:1px solid ${g.themedColor.textDisabled};border-radius:4px;padding:6px 12px;color:${g.themedColor.textHighEmphasis};background-color:${g.themedColor.textLowEmphasisInverse};resize:none;field-sizing:content;min-height:28px;max-height:118px;overflow-y:auto;&::placeholder{color:${g.themedColor.textLowEmphasis};}&:focus{outline:none;}`, vd = m.div`padding-inline:24px;padding-block:16px;display:flex;justify-content:flex-end;gap:4px;`, wo = m.button`width:86px;height:40px;border-radius:20px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity 0.2s;`, Sd = m(wo)`${Io}`, Ad = m(wo)`cursor:${({ disabled: e }) => e ? "not-allowed" : "pointer"};opacity:${({ disabled: e }) => e ? 0.4 : 1};&:hover:not(:disabled){opacity:0.8;}&:active:not(:disabled){opacity:0.6;}background-color:${({ theme: e }) => e.colors.base.primary};span{color:${({ theme: e }) => e.colors.base.primaryContrastContent};}`, yr = {
+`, xd = m.div`display:flex;flex-direction:column;gap:6px;`, vd = m.textarea`font-family:inherit;font-size:12px;line-height:16px;border:1px solid ${g.themedColor.textDisabled};border-radius:4px;padding:6px 12px;color:${g.themedColor.textHighEmphasis};background-color:${g.themedColor.textLowEmphasisInverse};resize:none;field-sizing:content;min-height:28px;max-height:118px;overflow-y:auto;&::placeholder{color:${g.themedColor.textLowEmphasis};}&:focus{outline:none;}`, yd = m.div`padding-inline:24px;padding-block:16px;display:flex;justify-content:flex-end;gap:4px;`, wo = m.button`width:86px;height:40px;border-radius:20px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity 0.2s;`, Sd = m(wo)`${Io}`, Ad = m(wo)`cursor:${({ disabled: e }) => e ? "not-allowed" : "pointer"};opacity:${({ disabled: e }) => e ? 0.4 : 1};&:hover:not(:disabled){opacity:0.8;}&:active:not(:disabled){opacity:0.6;}background-color:${({ theme: e }) => e.colors.base.primary};span{color:${({ theme: e }) => e.colors.base.primaryContrastContent};}`, vr = {
   good: g.themedColor.secondary,
   bad: g.themedColor.error
 }, Td = ({
@@ -4742,31 +4748,31 @@ const Uc = m.div`border-radius:50%;display:inline-block;overflow:hidden;position
 }) => {
   const { stringSet: l } = Z(), [c, d] = S(!1), [u, p] = S(!1), [f, x] = S(void 0), [C, E] = S(""), h = i == null ? void 0 : i.feedback, _ = (h == null ? void 0 : h.rating) ?? "none";
   if (_ !== "none" ? !1 : !!(n || !e || !r || (i == null ? void 0 : i.bot_message_type) !== "generated" || t)) return null;
-  const I = (v) => {
-    _ === "none" ? (x(v), E(""), d(!0)) : p(!0);
+  const I = (y) => {
+    _ === "none" ? (x(y), E(""), d(!0)) : p(!0);
   }, A = () => {
     a == null || a(null), p(!1);
   }, $ = () => {
     p(!1), x(h == null ? void 0 : h.rating), E((h == null ? void 0 : h.comment) ?? ""), d(!0);
-  }, w = (v) => {
-    a == null || a(v);
+  }, w = (y) => {
+    a == null || a(y);
   };
-  return t && _ !== "none" ? /* @__PURE__ */ s.createElement(vr, { $horizontal: !0 }, /* @__PURE__ */ s.createElement(Id, null, /* @__PURE__ */ s.createElement(G, { type: _n(_), size: 12, color: yr[_] })), (h == null ? void 0 : h.comment) && /* @__PURE__ */ s.createElement(Sr, { variant: "caption2", style: { lineHeight: "16px" } }, h.comment)) : /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(vr, null, /* @__PURE__ */ s.createElement(wd, null, ["good", "bad"].map((v) => {
-    const L = _ === v;
+  return t && _ !== "none" ? /* @__PURE__ */ s.createElement(yr, { $horizontal: !0 }, /* @__PURE__ */ s.createElement(Id, null, /* @__PURE__ */ s.createElement(G, { type: _n(_), size: 12, color: vr[_] })), (h == null ? void 0 : h.comment) && /* @__PURE__ */ s.createElement(Sr, { variant: "caption2", style: { lineHeight: "16px" } }, h.comment)) : /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(yr, null, /* @__PURE__ */ s.createElement(wd, null, ["good", "bad"].map((y) => {
+    const L = _ === y;
     return /* @__PURE__ */ s.createElement(
       kd,
       {
-        key: v,
+        key: y,
         $selected: L,
-        $rating: v,
-        onClick: () => I(v)
+        $rating: y,
+        onClick: () => I(y)
       },
       /* @__PURE__ */ s.createElement(
         G,
         {
-          type: L ? _n(v) : v,
+          type: L ? _n(y) : y,
           size: 14,
-          color: L ? yr[v] : g.themedColor.textMidEmphasis
+          color: L ? vr[y] : g.themedColor.textMidEmphasis
         }
       )
     );
@@ -4782,7 +4788,7 @@ const Uc = m.div`border-radius:50%;display:inline-block;overflow:hidden;position
       isCommentEnabled: o
     }
   ));
-}, vr = m.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row" : "column"};align-items:${({ $horizontal: e }) => e ? "flex-start" : "stretch"};gap:4px;margin-top:8px;word-break:break-word;max-width:${W.BODY_MAX_WIDTH}px;`, Id = m.div`padding:2px;flex-shrink:0;display:flex;align-items:center;`, wd = m.div`display:flex;gap:2px;`, kd = m.button`width:38px;height:20px;border-radius:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity 0.2s;border:1px solid ${g.color.background200};background-color:${({ $selected: e }) => e ? g.color.background100 : "transparent"};${({ $selected: e }) => U.dark`
+}, yr = m.div`display:flex;flex-direction:${({ $horizontal: e }) => e ? "row" : "column"};align-items:${({ $horizontal: e }) => e ? "flex-start" : "stretch"};gap:4px;margin-top:8px;word-break:break-word;max-width:${W.BODY_MAX_WIDTH}px;`, Id = m.div`padding:2px;flex-shrink:0;display:flex;align-items:center;`, wd = m.div`display:flex;gap:2px;`, kd = m.button`width:38px;height:20px;border-radius:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity 0.2s;border:1px solid ${g.color.background200};background-color:${({ $selected: e }) => e ? g.color.background100 : "transparent"};${({ $selected: e }) => U.dark`
     border: 1px solid ${g.color.background400};
     background-color: ${e ? g.color.background500 : "transparent"};
   `}
@@ -5061,8 +5067,8 @@ const Uc = m.div`border-radius:50%;display:inline-block;overflow:hidden;position
       maxSelect: n.FORM_VALIDATION_MAX_SELECT
     },
     onSubmit: (_) => {
-      var y;
-      return (y = e.onSubmitForm) == null ? void 0 : y.call(e, { key: t.key, data: _ });
+      var v;
+      return (v = e.onSubmitForm) == null ? void 0 : v.call(e, { key: t.key, data: _ });
     },
     onCancel: () => {
       var _;
@@ -5093,15 +5099,15 @@ const Uc = m.div`border-radius:50%;display:inline-block;overflow:hidden;position
       o((_) => ({ ..._, canceling: !1 }));
     }
   }, E = ce(() => {
-    const _ = () => t.version > au, y = () => t.fields.some((I) => !lu.has(I.type));
-    return _() || y() ? { 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 _ = () => t.version > au, v = () => t.fields.some((I) => !lu.has(I.type));
+    return _() || v() ? { visible: !1, cancelable: !0, reason: n.FORM_NOT_SUPPORTED } : l === "draft" && (e.isHandedOff || e.isConversationClosed) ? { visible: !1, cancelable: !1, reason: n.FORM_UNAVAILABLE } : { visible: !0, cancelable: !0, reason: "" };
   }, [t.version, t.fields, l, e.isHandedOff, e.isConversationClosed]);
   return l === "canceled" ? null : E.visible ? /* @__PURE__ */ s.createElement(Ur, null, /* @__PURE__ */ s.createElement(Tr, { $maxWidth: e.maxBodyWidth ?? W.BODY_MAX_WIDTH }, /* @__PURE__ */ s.createElement(te.Title, null, t.title), /* @__PURE__ */ s.createElement(du, null, c.map((_) => /* @__PURE__ */ s.createElement(uu, { key: _.key }, /* @__PURE__ */ s.createElement(te.Label, { style: { marginBottom: "6px" }, required: _.required }, _.label), _.type === "text" && /* @__PURE__ */ s.createElement(
     te.TextInput,
     {
       value: _.value || "",
       placeholder: _.placeholder,
-      onChange: (y) => p(_.key, y),
+      onChange: (v) => p(_.key, v),
       disabled: f,
       error: !!_.error,
       submitted: f,
@@ -5113,7 +5119,7 @@ const Uc = m.div`border-radius:50%;display:inline-block;overflow:hidden;position
     {
       value: _.value || null,
       placeholder: _.placeholder,
-      onChange: (y) => p(_.key, y),
+      onChange: (v) => p(_.key, v),
       disabled: f,
       error: !!_.error,
       submitted: f,
@@ -5122,17 +5128,17 @@ const Uc = m.div`border-radius:50%;display:inline-block;overflow:hidden;position
   ), _.type === "single-select" && /* @__PURE__ */ s.createElement(
     te.SingleSelect,
     {
-      options: _.options.map((y) => ({ label: y, value: y })),
+      options: _.options.map((v) => ({ label: v, value: v })),
       value: _.value || "",
-      onChange: (y) => p(_.key, y),
+      onChange: (v) => p(_.key, v),
       submitted: f
     }
   ), _.type === "multi-select" && /* @__PURE__ */ s.createElement(
     te.MultiSelect,
     {
-      options: _.options.map((y) => ({ label: y, value: y })),
+      options: _.options.map((v) => ({ label: v, value: v })),
       value: _.value || [],
-      onChange: (y) => p(_.key, y),
+      onChange: (v) => p(_.key, v),
       submitted: f,
       maxSelect: _.maxSelect
     }
@@ -5220,14 +5226,14 @@ const Uc = m.div`border-radius:50%;display:inline-block;overflow:hidden;position
     },
     a
   )));
-}, Cu = m.div`margin:16px 0;padding:0 ${W.HORIZONTAL_PADDING}px;position:relative;display:flex;align-self:stretch;gap:8px;${({ $type: e }) => e === "vertical" ? yu : vu};`, xu = m(k)`box-sizing:border-box;padding:8px 12px;display:flex;align-items:center;border-radius:20px / clamp(20px,5%,100px);cursor:pointer;word-break:break-word;color:${g.color.primary.main};border:1px solid ${g.color.primary.main};background-color:${g.themedColor.bg_50_600};&:hover{background-color:${g.themedColor.bg_100_500};}${({ $type: e, theme: t }) => O`
+}, Cu = m.div`margin:16px 0;padding:0 ${W.HORIZONTAL_PADDING}px;position:relative;display:flex;align-self:stretch;gap:8px;${({ $type: e }) => e === "vertical" ? vu : yu};`, xu = m(k)`box-sizing:border-box;padding:8px 12px;display:flex;align-items:center;border-radius:20px / clamp(20px,5%,100px);cursor:pointer;word-break:break-word;color:${g.color.primary.main};border:1px solid ${g.color.primary.main};background-color:${g.themedColor.bg_50_600};&:hover{background-color:${g.themedColor.bg_100_500};}${({ $type: e, theme: t }) => O`
     ${e === "vertical" ? Su : Au};
     &:active {
       background-color: ${t.colors.base.primary};
       color: ${t.colors.base.primaryContrastContent};
     }
   `}
-`, yu = O`flex-direction:column;align-items:flex-end;`, vu = O`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`, Su = O`max-width:calc(100% - 70px);white-space:pre-wrap;`, Au = O`white-space:nowrap;`, Tu = (e) => {
+`, vu = O`flex-direction:column;align-items:flex-end;`, yu = O`flex-direction:row;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}`, Su = O`max-width:calc(100% - 70px);white-space:pre-wrap;`, Au = O`white-space:nowrap;`, Tu = (e) => {
   const { components: t } = ze.useContext(), { stringSet: n } = Z(), r = qr(e) ? /* @__PURE__ */ s.createElement(t.TextMessageBody, { ...e }) : null;
   if (e.messageType === "user")
     return r;
@@ -5258,7 +5264,7 @@ const Uc = m.div`border-radius:50%;display:inline-block;overflow:hidden;position
     MessageLogs: hu
   }
 }), Ro = (e) => {
-  var h, _, y, I, A, $, w;
+  var h, _, v, I, A, $, w;
   const { components: t } = ze.useContext(), { streamText: n, isAnimating: r } = Va({
     text: e.message,
     enabled: e.isStreaming,
@@ -5269,7 +5275,7 @@ const Uc = m.div`border-radius:50%;display:inline-block;overflow:hidden;position
     ...e,
     message: n,
     extendedMessagePayload: r ? {} : e.extendedMessagePayload
-  }, i = !!o.isTyping, a = o.testerMode, l = !!o.isSenderAvatarVisible, c = !!((h = o.extendedMessagePayload) != null && h.form) && !((_ = o.extendedMessagePayload) != null && _.form.canceled_at), d = !!((y = o.extendedMessagePayload) != null && y.message_template), u = !!((I = o.extendedMessagePayload) != null && I.cta_button), p = !!((A = o.extendedMessagePayload) != null && A.citations) && o.extendedMessagePayload.citations.length > 0, f = !!o.createdAt, x = o.groupType === "top" || o.groupType === "single", C = o.groupType === "bottom" || o.groupType === "single", E = a || !l ? 0 : W.AVATAR_SIZE;
+  }, i = !!o.isTyping, a = o.testerMode, l = !!o.isSenderAvatarVisible, c = !!((h = o.extendedMessagePayload) != null && h.form) && !((_ = o.extendedMessagePayload) != null && _.form.canceled_at), d = !!((v = o.extendedMessagePayload) != null && v.message_template), u = !!((I = o.extendedMessagePayload) != null && I.cta_button), p = !!((A = o.extendedMessagePayload) != null && A.citations) && o.extendedMessagePayload.citations.length > 0, f = !!o.createdAt, x = o.groupType === "top" || o.groupType === "single", C = o.groupType === "bottom" || o.groupType === "single", E = a || !l ? 0 : W.AVATAR_SIZE;
   return /* @__PURE__ */ s.createElement(wu, { $marginBottom: i ? 0 : Sn(o.groupType) }, x && /* @__PURE__ */ s.createElement(ku, null, !a && l && /* @__PURE__ */ s.createElement(t.SenderAvatar, { ...o }), /* @__PURE__ */ s.createElement(t.SenderName, { ...o })), /* @__PURE__ */ s.createElement(Mu, null, /* @__PURE__ */ s.createElement(sn, { $extraStartPadding: E }, i ? /* @__PURE__ */ s.createElement(t.TypingIndicator, { ...o }) : /* @__PURE__ */ s.createElement(t.MessageBody, { ...o }, u && /* @__PURE__ */ s.createElement("div", { style: { marginTop: 12, marginInline: 12 } }, /* @__PURE__ */ s.createElement(t.CTAButton, { ...o })), p && /* @__PURE__ */ s.createElement(t.Citation, { ...o }))), d && /* @__PURE__ */ s.createElement(Ir, { $startPadding: 0, $endPadding: 0 }, /* @__PURE__ */ s.createElement(
     t.MessageTemplate,
     {
@@ -5298,7 +5304,7 @@ function Lu({ file: e, children: t, onClickFile: n, sendingStatus: r }) {
     if (!(!n || r === "failed"))
       return () => n == null ? void 0 : n(e);
   })();
-  return /* @__PURE__ */ s.createElement(Ou, null, /* @__PURE__ */ s.createElement(Dn, { name: e.name, type: vn(e.name, e.type), onClick: o }), t);
+  return /* @__PURE__ */ s.createElement(Ou, null, /* @__PURE__ */ s.createElement(Dn, { name: e.name, type: yn(e.name, e.type), onClick: o }), t);
 }
 const Ou = m.div`display:flex;flex-direction:column;align-items:flex-end;gap:${W.GAP_GROUPED}px;`;
 function Ru({
@@ -5345,7 +5351,7 @@ const Du = m.div`display:flex;flex-direction:column;align-items:flex-end;gap:${W
     const p = a[u];
     p && (o ? o({ files: a, index: u }) : r && r({ url: p.url, type: p.type || "image/*" }));
   };
-  return /* @__PURE__ */ s.createElement(Bu, null, /* @__PURE__ */ s.createElement(vo, { images: a, isPending: l, onClickImage: d }), i);
+  return /* @__PURE__ */ s.createElement(Bu, null, /* @__PURE__ */ s.createElement(yo, { images: a, isPending: l, onClickImage: d }), i);
 }, Bu = m.div`display:flex;flex-direction:column;align-items:flex-end;gap:${W.GAP_GROUPED}px;`;
 function Uu(e) {
   var n, r;
@@ -5727,10 +5733,10 @@ const Hu = m.div`display:flex;flex-direction:column;border-radius:12px;overflow:
     submit_label: t.CSAT_SUBMIT_LABEL,
     submitted_label: t.CSAT_TITLE_SUBMITTED
   });
-}, ym = () => {
+}, vm = () => {
   const { stringSet: e } = Z();
   return /* @__PURE__ */ s.createElement(k, { variant: "body2", color: g.themedColor.textMidEmphasis, style: { textAlign: "center" } }, e.CSAT_SUBMISSION_EXPIRED);
-}, vm = ({ onMount: e, children: t }) => (V(() => {
+}, ym = ({ onMount: e, children: t }) => (V(() => {
   e && Nt(e);
 }, []), /* @__PURE__ */ s.createElement(s.Fragment, null, t)), Sm = (e) => {
   if (e.messageType !== "admin.csat")
@@ -5738,7 +5744,7 @@ const Hu = m.div`display:flex;flex-direction:column;border-radius:12px;overflow:
   const { extendedMessagePayload: t, onSubmitCSAT: n, onScrollToBottom: r } = e, { csat: o, csatReason: i, csatExpireAt: a, isResolvedWhenDeterminedByUser: l } = e, c = Gr(), d = xm(t == null ? void 0 : t.csat), u = F(!1);
   if (!d || !d.visibility || !Se[d.type]) return null;
   const p = d.type === Se.AI_AGENT_CSAT_5 || d.type === Se.AI_AGENT_CSAT_5_WITH_CRE || d.type === Se.HELPDESK_CSAT_5 ? an : () => null;
-  return /* @__PURE__ */ s.createElement(Am, null, !o && Qn(a) ? /* @__PURE__ */ s.createElement(ym, null) : /* @__PURE__ */ s.createElement(
+  return /* @__PURE__ */ s.createElement(Am, null, !o && Qn(a) ? /* @__PURE__ */ s.createElement(vm, null) : /* @__PURE__ */ s.createElement(
     p,
     {
       csatPayload: d,
@@ -5746,7 +5752,7 @@ const Hu = m.div`display:flex;flex-direction:column;border-radius:12px;overflow:
       initialCsat: o,
       initialCsatReason: i,
       initialIsResolved: l,
-      renderSubmitButton: ({ state: f, params: x, validateParams: C }) => /* @__PURE__ */ s.createElement(vm, { onMount: r }, /* @__PURE__ */ s.createElement(
+      renderSubmitButton: ({ state: f, params: x, validateParams: C }) => /* @__PURE__ */ s.createElement(ym, { onMount: r }, /* @__PURE__ */ s.createElement(
         Tm,
         {
           $state: f,
@@ -5912,11 +5918,11 @@ const et = () => {
     onLoadNext: E,
     loadThreshold: h = 0.05,
     onScroll: _ = Te,
-    depsForResetScrollPositionToBottom: y,
+    depsForResetScrollPositionToBottom: v,
     stackDirection: I = "top",
     bottomSpacerHeight: A = 0,
     ariaLabel: $
-  } = t, w = F(null), v = z(
+  } = t, w = F(null), y = z(
     (P) => {
       w.current = P, n && (typeof n == "function" ? n(P) : n.current = P);
     },
@@ -5924,7 +5930,7 @@ const et = () => {
   ), L = F(!1), B = F(void 0), R = F(0), T = F(0);
   re(() => {
     w.current && (w.current.scrollTop = w.current.scrollHeight);
-  }, y), re(() => {
+  }, v), re(() => {
     w.current && (B.current === "top" && (w.current.scrollTop = w.current.scrollHeight - T.current), B.current === "bottom" && (w.current.scrollTop = R.current), B.current = void 0);
   }, [w.current, r.length]);
   const H = async (P) => {
@@ -5938,7 +5944,7 @@ const et = () => {
     Hm,
     {
       id: "infinite-list-inner",
-      ref: v,
+      ref: y,
       onScroll: H,
       role: "list",
       "aria-label": $
@@ -5968,22 +5974,22 @@ const we = ({
   return /* @__PURE__ */ s.createElement(jm, { as: e, disabled: o, ...i }, /* @__PURE__ */ s.createElement(G, { type: t, size: n, color: r ?? a }));
 }, jm = m.button`all:unset;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;&:disabled{cursor:not-allowed;}`, qm = ({ files: e, initialIndex: t = 0, onClose: n, visible: r }) => {
   var $, w;
-  const [o, i] = S(t), [a, l] = S(!1), { stringSet: c, format: d } = Z(), { config: u } = Q(), p = e.length, f = e[o], x = ((w = ($ = u == null ? void 0 : u.conversation) == null ? void 0 : $.fileViewer) == null ? void 0 : w.downloadEnabled) !== !1, C = p > 1, E = (f == null ? void 0 : f.type) || "", h = Re(E), _ = jr(E), y = !Gm(E);
+  const [o, i] = S(t), [a, l] = S(!1), { stringSet: c, format: d } = Z(), { config: u } = Q(), p = e.length, f = e[o], x = ((w = ($ = u == null ? void 0 : u.conversation) == null ? void 0 : $.fileViewer) == null ? void 0 : w.downloadEnabled) !== !1, C = p > 1, E = (f == null ? void 0 : f.type) || "", h = Re(E), _ = jr(E), v = !Gm(E);
   V(() => {
     r && (i(t), l(!1));
   }, [r, t]);
   const I = z(() => {
-    o > 0 && (i((v) => v - 1), l(!1));
+    o > 0 && (i((y) => y - 1), l(!1));
   }, [o]), A = z(() => {
-    o < p - 1 && (i((v) => v + 1), l(!1));
+    o < p - 1 && (i((y) => y + 1), l(!1));
   }, [o, p]);
   return V(() => {
     if (!r) return;
-    const v = (L) => {
+    const y = (L) => {
       L.key === "ArrowLeft" ? I() : L.key === "ArrowRight" ? A() : L.key === "Escape" && n();
     };
-    return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, [r, I, A, n]), !r || !f ? null : /* @__PURE__ */ s.createElement(zt, { onClose: n, visible: r, rootElementId: fe.MODAL_ROOT }, /* @__PURE__ */ s.createElement(Ym, null, /* @__PURE__ */ s.createElement(Xm, null, /* @__PURE__ */ s.createElement(Zm, null, /* @__PURE__ */ s.createElement(Jm, null, /* @__PURE__ */ s.createElement(k, { variant: "button", maxTextLines: 1, color: g.themedColor.textHighEmphasis }, f.name || c.IMAGE_VIEWER__DEFAULT_TITLE), f.timestamp && /* @__PURE__ */ s.createElement(k, { variant: "caption2", color: g.themedColor.textMidEmphasis }, d(new Date(f.timestamp), "h:mm a")))), /* @__PURE__ */ s.createElement(Qm, { type: "close", size: 24, "aria-label": c.A11Y_IMAGE_VIEWER_CLOSE, onClick: n })), /* @__PURE__ */ s.createElement(eh, { onClick: (v) => v.currentTarget === v.target && n() }, C && /* @__PURE__ */ s.createElement(
+    return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
+  }, [r, I, A, n]), !r || !f ? null : /* @__PURE__ */ s.createElement(zt, { onClose: n, visible: r, rootElementId: fe.MODAL_ROOT }, /* @__PURE__ */ s.createElement(Ym, null, /* @__PURE__ */ s.createElement(Xm, null, /* @__PURE__ */ s.createElement(Zm, null, /* @__PURE__ */ s.createElement(Jm, null, /* @__PURE__ */ s.createElement(k, { variant: "button", maxTextLines: 1, color: g.themedColor.textHighEmphasis }, f.name || c.IMAGE_VIEWER__DEFAULT_TITLE), f.timestamp && /* @__PURE__ */ s.createElement(k, { variant: "caption2", color: g.themedColor.textMidEmphasis }, d(new Date(f.timestamp), "h:mm a")))), /* @__PURE__ */ s.createElement(Qm, { type: "close", size: 24, "aria-label": c.A11Y_IMAGE_VIEWER_CLOSE, onClick: n })), /* @__PURE__ */ s.createElement(eh, { onClick: (y) => y.currentTarget === y.target && n() }, C && /* @__PURE__ */ s.createElement(
     $r,
     {
       $position: "left",
@@ -6002,7 +6008,7 @@ const we = ({
       $loaded: a,
       onLoad: () => l(!0)
     }
-  )), _ && /* @__PURE__ */ s.createElement(oh, { controls: !0 }, /* @__PURE__ */ s.createElement("source", { src: f.url, type: E })), y && /* @__PURE__ */ s.createElement(sh, null, /* @__PURE__ */ s.createElement(k, { variant: "h1", color: g.themedColor.textHighEmphasis }, c.FILE_VIEWER__UNSUPPORT))), C && /* @__PURE__ */ s.createElement(
+  )), _ && /* @__PURE__ */ s.createElement(oh, { controls: !0 }, /* @__PURE__ */ s.createElement("source", { src: f.url, type: E })), v && /* @__PURE__ */ s.createElement(sh, null, /* @__PURE__ */ s.createElement(k, { variant: "h1", color: g.themedColor.textHighEmphasis }, c.FILE_VIEWER__UNSUPPORT))), C && /* @__PURE__ */ s.createElement(
     $r,
     {
       $position: "right",
@@ -6012,7 +6018,7 @@ const we = ({
       "aria-label": c.A11Y_IMAGE_VIEWER_NEXT,
       disabled: o === p - 1
     }
-  )), /* @__PURE__ */ s.createElement(ih, null, /* @__PURE__ */ s.createElement(ah, null), C && /* @__PURE__ */ s.createElement(k, { variant: "body3", color: g.themedColor.textHighEmphasis }, o + 1, "/", p), /* @__PURE__ */ s.createElement(lh, null, x && !y && /* @__PURE__ */ s.createElement(
+  )), /* @__PURE__ */ s.createElement(ih, null, /* @__PURE__ */ s.createElement(ah, null), C && /* @__PURE__ */ s.createElement(k, { variant: "body3", color: g.themedColor.textHighEmphasis }, o + 1, "/", p), /* @__PURE__ */ s.createElement(lh, null, x && !v && /* @__PURE__ */ s.createElement(
     we,
     {
       as: "a",
@@ -6069,10 +6075,10 @@ function xh({ enabled: e }) {
     };
   }, [n.scrollToBottom, e]);
 }
-const yh = ({ className: e, date: t = Date.now(), style: n }) => {
+const vh = ({ className: e, date: t = Date.now(), style: n }) => {
   const { format: r, stringSet: o } = Z();
-  return /* @__PURE__ */ s.createElement(vh, { id: `${me}-date-separator`, style: n, className: e }, /* @__PURE__ */ s.createElement(k, { variant: "caption4", color: g.themedColor.textMidEmphasis }, r(t, o.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR)));
-}, vh = m.div`display:flex;justify-content:center;align-items:center;text-align:center;word-break:break-word;`, Sh = ({
+  return /* @__PURE__ */ s.createElement(yh, { id: `${me}-date-separator`, style: n, className: e }, /* @__PURE__ */ s.createElement(k, { variant: "caption4", color: g.themedColor.textMidEmphasis }, r(t, o.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR)));
+}, yh = m.div`display:flex;justify-content:center;align-items:center;text-align:center;word-break:break-word;`, Sh = ({
   className: e,
   style: t,
   onClick: n,
@@ -6102,7 +6108,7 @@ const yh = ({ className: e, date: t = Date.now(), style: n }) => {
 `, Th = () => null, Un = Ce({
   template: Th,
   components: {
-    DateSeparator: yh,
+    DateSeparator: vh,
     ScrollToBottomButton: Sh
   }
 }), Ih = () => {
@@ -6115,7 +6121,7 @@ const yh = ({ className: e, date: t = Date.now(), style: n }) => {
     /**
      * Determines whether to display the DateSeparator in the data list by comparing it with the welcome messages from Bot Studio.
      */
-    shouldShowOriginalDate: (p) => p > 0 || a.length === 0 ? !0 : d && !ys(d.createdAt, (u == null ? void 0 : u.createdAt) ?? 0),
+    shouldShowOriginalDate: (p) => p > 0 || a.length === 0 ? !0 : d && !vs(d.createdAt, (u == null ? void 0 : u.createdAt) ?? 0),
     /**
      * Renders the list of welcome messages from Bot Studio.
      */
@@ -6191,11 +6197,11 @@ const yh = ({ className: e, date: t = Date.now(), style: n }) => {
     channelSource: C,
     messageSource: E,
     scrollSource: h,
-    state: { input: _, streamAnimation: y }
-  } = ae(), { isActionbookTester: I } = et(), { filteredMessages: A, shouldShowOriginalDate: $, renderAgentPreviewWelcomeMessages: w } = Ih(), v = Na(C.channel), [L, B] = S(null), [R, T] = S(null);
+    state: { input: _, streamAnimation: v }
+  } = ae(), { isActionbookTester: I } = et(), { filteredMessages: A, shouldShowOriginalDate: $, renderAgentPreviewWelcomeMessages: w } = Ih(), y = Na(C.channel), [L, B] = S(null), [R, T] = S(null);
   V(() => {
-    h.actions.onTypingIndicatorUpdate(!!v);
-  }, [!!v, h.actions.onTypingIndicatorUpdate]), wh(), xh({
+    h.actions.onTypingIndicatorUpdate(!!y);
+  }, [!!y, h.actions.onTypingIndicatorUpdate]), wh(), xh({
     enabled: E.initialized && E.messages.length > 0
   });
   const H = (M, Be = !1) => {
@@ -6256,7 +6262,7 @@ const yh = ({ className: e, date: t = Date.now(), style: n }) => {
         if (M.isUserMessage())
           return /* @__PURE__ */ s.createElement(e, { messageType: "user", ...xe });
         if (M.isFileMessage()) {
-          const [Y, ie] = ((se = M.metaArrays.find((ye) => ye.key === Kr)) == null ? void 0 : se.value) ?? [];
+          const [Y, ie] = ((se = M.metaArrays.find((ve) => ve.key === Kr)) == null ? void 0 : se.value) ?? [];
           return /* @__PURE__ */ s.createElement(
             e,
             {
@@ -6307,8 +6313,8 @@ const yh = ({ className: e, date: t = Date.now(), style: n }) => {
           onGetCachedMessageTemplate: (Y) => a.template.get(Y),
           onHandleTemplateInternalAction: (Y) => {
             if (Y.type === "internal" && Y.internalData) {
-              const { method: ie, payload: ye } = Y.internalData;
-              ie === "message.send" && (ye != null && ye.message) && E.sendUserMessage({ message: ye.message });
+              const { method: ie, payload: ve } = Y.internalData;
+              ie === "message.send" && (ve != null && ve.message) && E.sendUserMessage({ message: ve.message });
             }
           },
           onFeedbackUpdate: (Y) => {
@@ -6318,8 +6324,8 @@ const yh = ({ className: e, date: t = Date.now(), style: n }) => {
             };
             if (!Y)
               return c.aiAgent.deleteMessageFeedback(ie);
-            const ye = { ...ie, rating: gd(Y.rating), comment: Y.comment };
-            return De.hasFeedback(M) ? c.aiAgent.updateMessageFeedback(ye) : c.aiAgent.createMessageFeedback(ye);
+            const ve = { ...ie, rating: gd(Y.rating), comment: Y.comment };
+            return De.hasFeedback(M) ? c.aiAgent.updateMessageFeedback(ve) : c.aiAgent.createMessageFeedback(ve);
           },
           onSubmitForm: ({ key: Y, data: ie }) => c.aiAgent.submitForm({
             messageId: M.messageId,
@@ -6333,13 +6339,13 @@ const yh = ({ className: e, date: t = Date.now(), style: n }) => {
             formKey: Y
           }),
           onStreamAnimationStart: () => {
-            y.start(M.messageId);
+            v.start(M.messageId);
           },
           onStreamAnimationProgress: () => {
             h.actions.onStreamingUpdate(!0);
           },
           onStreamAnimationComplete: () => {
-            y.stop(M.messageId), h.actions.onStreamingUpdate(!1);
+            v.stop(M.messageId), h.actions.onStreamingUpdate(!1);
           }
         };
         if (M.isUserMessage())
@@ -6368,7 +6374,7 @@ const yh = ({ className: e, date: t = Date.now(), style: n }) => {
       bottomSpacerHeight: h.state.bottomSpace,
       ariaLabel: o.A11Y_MESSAGE_LIST,
       loading: !E.initialized || !C.channel,
-      empty: A.length === 0 && !v,
+      empty: A.length === 0 && !y,
       error: !!(f || C.error),
       LoadingComponent: /* @__PURE__ */ s.createElement(it, { type: "loading" }),
       EmptyComponent: (() => {
@@ -6387,7 +6393,7 @@ const yh = ({ className: e, date: t = Date.now(), style: n }) => {
         }
       ),
       messageTopArea: /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement($h, { style: { marginTop: 16 } }), w()),
-      messageBottomArea: /* @__PURE__ */ s.createElement(s.Fragment, null, v && /* @__PURE__ */ s.createElement(
+      messageBottomArea: /* @__PURE__ */ s.createElement(s.Fragment, null, y && /* @__PURE__ */ s.createElement(
         "div",
         {
           id: `${me}-message-item`,
@@ -6398,9 +6404,9 @@ const yh = ({ className: e, date: t = Date.now(), style: n }) => {
           t,
           {
             isTyping: !0,
-            isBotMessage: v.isBot,
-            sender: v.user,
-            thinkingMessage: v.thinkingMessage,
+            isBotMessage: y.isBot,
+            sender: y.user,
+            thinkingMessage: y.thinkingMessage,
             messageType: "user",
             groupType: "single",
             message: "",
@@ -6415,7 +6421,7 @@ const yh = ({ className: e, date: t = Date.now(), style: n }) => {
           ariaLabel: o.A11Y_SCROLL_TO_NEW_MESSAGES,
           onClick: () => h.actions.scrollToBottom()
         }
-      ), h.state.isAwayFromBottom && E.newMessages.length === 0 && !v && /* @__PURE__ */ s.createElement(
+      ), h.state.isAwayFromBottom && E.newMessages.length === 0 && !y && /* @__PURE__ */ s.createElement(
         r.ScrollToBottomButton,
         {
           ariaLabel: o.A11Y_SCROLL_TO_BOTTOM,
@@ -6487,44 +6493,44 @@ const yh = ({ className: e, date: t = Date.now(), style: n }) => {
   }), d = n({
     channel: o.channel,
     uploadSizeLimit: (w = t.appInfo) == null ? void 0 : w.uploadSizeLimit
-  }), u = d.isEnabled(), p = d.maxAttachmentCount, f = (v) => {
-    c({ visible: !0, title: v });
+  }), u = d.isEnabled(), p = d.maxAttachmentCount, f = (y) => {
+    c({ visible: !0, title: y });
   }, x = () => {
     f(r.FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT.replace("%d", p.toString()));
-  }, C = (v) => {
-    f(r.FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT.replace("%d", v.toString()));
-  }, E = (v) => {
+  }, C = (y) => {
+    f(r.FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT.replace("%d", y.toString()));
+  }, E = (y) => {
     f(
-      r.FILE_UPLOAD_NOTIFICATION__FILES_EXCLUDED_BY_VALIDATION.replace("%d", v.toString())
+      r.FILE_UPLOAD_NOTIFICATION__FILES_EXCLUDED_BY_VALIDATION.replace("%d", y.toString())
     );
-  }, h = (v) => v.map((L) => ({
+  }, h = (y) => y.map((L) => ({
     file: L,
     preview: { url: URL.createObjectURL(L), type: L.type, name: L.name }
-  })), _ = (v) => {
-    a((L) => [...L, ...h(v)]);
-  }, y = (v) => {
-    a((L) => (L.forEach((B) => URL.revokeObjectURL(B.preview.url)), h(v)));
-  }, I = (v) => {
-    if (!u || v.length === 0) return;
+  })), _ = (y) => {
+    a((L) => [...L, ...h(y)]);
+  }, v = (y) => {
+    a((L) => (L.forEach((B) => URL.revokeObjectURL(B.preview.url)), h(y)));
+  }, I = (y) => {
+    if (!u || y.length === 0) return;
     if (p - i.length === 0) {
       x();
       return;
     }
-    if (i.length + v.length > p) {
+    if (i.length + y.length > p) {
       x();
       return;
     }
-    const B = Vh(v), { passed: R, failedBySize: T, failedByType: H } = zh(B, d), P = T.length + H.length, j = B.length === 1 ? T[0] : void 0;
+    const B = Vh(y), { passed: R, failedBySize: T, failedByType: H } = zh(B, d), P = T.length + H.length, j = B.length === 1 ? T[0] : void 0;
     if (j ? C(d.getUploadSizeLimitInMB(j.type)) : P > 0 && E(P), R.length === 0) return;
-    i.length > 0 && i.every((q) => Re(q.file.type)) && R.every((q) => Re(q.type)) ? _(R) : y(R);
-  }, A = (v) => {
+    i.length > 0 && i.every((q) => Re(q.file.type)) && R.every((q) => Re(q.type)) ? _(R) : v(R);
+  }, A = (y) => {
     a((L) => {
       var R;
-      const B = (R = L[v]) == null ? void 0 : R.preview;
-      return B && URL.revokeObjectURL(B.url), L.filter((T, H) => H !== v);
+      const B = (R = L[y]) == null ? void 0 : R.preview;
+      return B && URL.revokeObjectURL(B.url), L.filter((T, H) => H !== y);
     });
   }, $ = () => {
-    a((v) => (v.forEach((L) => URL.revokeObjectURL(L.preview.url)), []));
+    a((y) => (y.forEach((L) => URL.revokeObjectURL(L.preview.url)), []));
   };
   return /* @__PURE__ */ s.createElement(
     Po.Provider,
@@ -6581,14 +6587,14 @@ const Kh = (e, t) => {
   }
 `, Xh = () => {
   const e = gt(), [t, n] = S(), { files: r, removeFile: o, isFileUploadEnabled: i } = Hn();
-  return !i || r.length === 0 ? null : /* @__PURE__ */ s.createElement(jh, null, r.map(({ preview: { type: a, name: l, url: c } }, d) => /* @__PURE__ */ s.createElement(qh, { key: c, onMouseOver: () => n(d), onMouseLeave: () => n(void 0) }, (e || t === d) && /* @__PURE__ */ s.createElement(Yh, { title: "Remove file", onClick: () => o(d) }, /* @__PURE__ */ s.createElement(G, { type: "close-filled", color: g.themedColor.textMidEmphasis })), a.startsWith("image/") ? /* @__PURE__ */ s.createElement("img", { alt: "file-image", src: c }) : /* @__PURE__ */ s.createElement(Dn, { name: l, type: vn(l, a) }))));
+  return !i || r.length === 0 ? null : /* @__PURE__ */ s.createElement(jh, null, r.map(({ preview: { type: a, name: l, url: c } }, d) => /* @__PURE__ */ s.createElement(qh, { key: c, onMouseOver: () => n(d), onMouseLeave: () => n(void 0) }, (e || t === d) && /* @__PURE__ */ s.createElement(Yh, { title: "Remove file", onClick: () => o(d) }, /* @__PURE__ */ s.createElement(G, { type: "close-filled", color: g.themedColor.textMidEmphasis })), a.startsWith("image/") ? /* @__PURE__ */ s.createElement("img", { alt: "file-image", src: c }) : /* @__PURE__ */ s.createElement(Dn, { name: l, type: yn(l, a) }))));
 }, Zh = {
   textArea: O`min-height:40px;height:40px;font-size:16px;line-height:24px;`
 }, Bo = m.button`all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;`, Mr = m.div`width:100%;position:relative;background-color:${g.themedColor.bg_100_500};border-radius:20px;`, Lr = m.div`display:flex;flex-direction:row;align-items:flex-end;position:relative;`, Or = m.textarea`all:unset;display:block;flex:1;min-width:0;padding-top:8px;padding-bottom:8px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;font-size:14px;line-height:20px;color:${g.themedColor.textHighEmphasis};resize:none;width:100%;height:${ho}px;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:hidden;${Eo && Zh.textArea};&::placeholder{color:${g.themedColor.textLowEmphasis};}&:disabled{cursor:not-allowed;&::placeholder{color:${g.themedColor.textDisabled};}}`, Jh = m.input`display:none;`;
 m.div`display:flex;align-items:center;gap:24px;`;
 const Qh = m(Bo)`flex-shrink:0;border-radius:8px;&:disabled{cursor:not-allowed;}&:not(:disabled){&:hover{background-color:${g.themedColor.bg_100_500};path{fill:${g.themedColor.textHighEmphasis};}}&:active{background-color:${g.themedColor.bg_200_400};}}`, Rr = m.div`padding:10px 16px 10px 12px;position:relative;display:flex;align-items:center;gap:8px;`, Dr = (e) => e.startsWith("image/"), Nr = ({ disabled: e }) => {
-  var $, w, v, L, B;
-  const { stringSet: t } = Z(), { config: n } = Q(), r = F(null), o = F(null), [i, a] = S(!1), { addFiles: l, isFileUploadEnabled: c, acceptableMimeTypes: d, showFileUploadAlert: u } = Hn(), p = d.includes(cn), f = p ? ["image/*"] : d.filter(Dr), x = p ? [cn] : d.filter((R) => !Dr(R)), C = !!((v = (w = ($ = n == null ? void 0 : n.conversation) == null ? void 0 : $.input) == null ? void 0 : w.gallery) != null && v.photoEnabled), E = !!((B = (L = n == null ? void 0 : n.conversation) == null ? void 0 : L.input) != null && B.fileEnabled), h = () => p || f.length > 0, _ = () => p || x.length > 0, y = (R) => {
+  var $, w, y, L, B;
+  const { stringSet: t } = Z(), { config: n } = Q(), r = F(null), o = F(null), [i, a] = S(!1), { addFiles: l, isFileUploadEnabled: c, acceptableMimeTypes: d, showFileUploadAlert: u } = Hn(), p = d.includes(cn), f = p ? ["image/*"] : d.filter(Dr), x = p ? [cn] : d.filter((R) => !Dr(R)), C = !!((y = (w = ($ = n == null ? void 0 : n.conversation) == null ? void 0 : $.input) == null ? void 0 : w.gallery) != null && y.photoEnabled), E = !!((B = (L = n == null ? void 0 : n.conversation) == null ? void 0 : L.input) != null && B.fileEnabled), h = () => p || f.length > 0, _ = () => p || x.length > 0, v = (R) => {
     const T = R.currentTarget.files;
     T && l(Array.from(T)), R.target.value = "";
   }, I = () => {
@@ -6636,7 +6642,7 @@ const Qh = m(Bo)`flex-shrink:0;border-radius:8px;&:disabled{cursor:not-allowed;}
       type: "file",
       ref: R.inputRef,
       multiple: R.type === "image",
-      onChange: y,
+      onChange: v,
       accept: R.accept
     }
   )), /* @__PURE__ */ s.createElement(Ne, { visible: i, onClose: () => a(!1) }, A.map((R) => /* @__PURE__ */ s.createElement(Ne.ActionItem, { key: R.type, onClick: R.onSelect, icon: R.icon }, R.label)))) : null;
@@ -6672,10 +6678,10 @@ const Qh = m(Bo)`flex-shrink:0;border-radius:8px;&:disabled{cursor:not-allowed;}
     if (w.length === 1)
       await a.sendFileMessage({ message: $, file: w[0].file });
     else {
-      const v = w.map(({ file: L }) => ({ file: L }));
-      await a.sendMultipleFilesMessage({ message: $, fileInfoList: v });
+      const y = w.map(({ file: L }) => ({ file: L }));
+      await a.sendMultipleFilesMessage({ message: $, fileInfoList: y });
     }
-  }, y = ($) => {
+  }, v = ($) => {
     const w = Array.from($.clipboardData.files);
     w.length > 0 && ($.preventDefault(), d(w));
   }, I = ($) => {
@@ -6698,7 +6704,7 @@ const Qh = m(Bo)`flex-shrink:0;border-radius:8px;&:disabled{cursor:not-allowed;}
       maxLength: 5e3,
       onKeyDown: I,
       onChange: A,
-      onPaste: y
+      onPaste: v
     }
   ))), E && /* @__PURE__ */ s.createElement(Bo, { onClick: () => _() }, /* @__PURE__ */ s.createElement(G, { type: "send", color: g.color.primary.main, size: 20 })));
 }, tg = m.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:${g.themedColor.textLowEmphasis};&& a{font-weight:700;text-decoration:none;${U.light`
@@ -6745,7 +6751,7 @@ const Qh = m(Bo)`flex-shrink:0;border-radius:8px;&:disabled{cursor:not-allowed;}
       onClick: () => e.setExpanded(!e.expanded)
     }
   ) : null;
-}, _g = ({ label: e, children: t, position: n = "top", disabled: r }) => r ? t : /* @__PURE__ */ s.createElement(Cn, null, t, /* @__PURE__ */ s.createElement(xg, { $position: n }, /* @__PURE__ */ s.createElement(yg, { variant: "caption1" }, e), /* @__PURE__ */ s.createElement(bg, { $position: n }))), bg = ({ $position: e }) => /* @__PURE__ */ s.createElement(
+}, _g = ({ label: e, children: t, position: n = "top", disabled: r }) => r ? t : /* @__PURE__ */ s.createElement(Cn, null, t, /* @__PURE__ */ s.createElement(xg, { $position: n }, /* @__PURE__ */ s.createElement(vg, { variant: "caption1" }, e), /* @__PURE__ */ s.createElement(bg, { $position: n }))), bg = ({ $position: e }) => /* @__PURE__ */ s.createElement(
   "svg",
   {
     style: { transform: e === "top" ? "rotate(0)" : "rotate(180deg)" },
@@ -6759,7 +6765,7 @@ const Qh = m(Bo)`flex-shrink:0;border-radius:8px;&:disabled{cursor:not-allowed;}
 ), Cg = {
   top: O`flex-direction:column;top:0;transform:translate(-50%,-100%);`,
   bottom: O`flex-direction:column-reverse;bottom:0;transform:translate(-50%,100%);`
-}, Cn = m.div`position:relative;`, xg = m.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${Ge.TOOLTIP};${({ $position: e }) => Cg[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${Cn}:hover &,${Cn}:focus-within &{opacity:1;}`, yg = m(k)`padding:6px 8px;background:${g.themedColor.textHighEmphasis};color:${g.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`, vg = () => {
+}, Cn = m.div`position:relative;`, xg = m.div`display:flex;align-items:center;position:absolute;left:50%;z-index:${Ge.TOOLTIP};${({ $position: e }) => Cg[e]}opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;${Cn}:hover &,${Cn}:focus-within &{opacity:1;}`, vg = m(k)`padding:6px 8px;background:${g.themedColor.textHighEmphasis};color:${g.themedColor.textHighEmphasisInverse};border-radius:4px;font-size:12px;white-space:nowrap;`, yg = () => {
   const { logger: e } = Q(), { stringSet: t } = Z(), { channelSource: n } = ae(), r = n.channel, o = Et(), i = Mn("handoff-button", r), a = !An(r) || He(r), l = async () => {
     try {
       const c = await (r == null ? void 0 : r.markConversationAsHandoff());
@@ -6815,7 +6821,7 @@ const Qh = m(Bo)`flex-shrink:0;border-radius:8px;&:disabled{cursor:not-allowed;}
     EndArea: Lg,
     MenuButton: Sg,
     Title: Tg,
-    HandoffButton: vg,
+    HandoffButton: yg,
     ConversationCloseButton: fg,
     ExpandButton: Eg,
     CloseButton: pg
@@ -6884,7 +6890,7 @@ const Ug = ({ channel: e }) => /* @__PURE__ */ s.createElement(Ho, { channel: e
     hoursAgo: r.DATE_FORMAT__HOURS_AGO,
     dateShortFormat: r.DATE_FORMAT__DATE_SHORT
   }), l = t.unreadMessageCount;
-  return /* @__PURE__ */ s.createElement(Vg, { role: "button", onClick: () => n == null ? void 0 : n() }, /* @__PURE__ */ s.createElement(zg, null, /* @__PURE__ */ s.createElement(Ug, { ...e })), /* @__PURE__ */ s.createElement(Gg, null, /* @__PURE__ */ s.createElement(Wg, null, (c = t.lastMessage) != null && c.isFileMessage() && (!t.lastMessage.message || t.lastMessage.name === t.lastMessage.message) ? /* @__PURE__ */ s.createElement(yo, { variant: "subtitle1", color: g.themedColor.textHighEmphasis }, i) : /* @__PURE__ */ s.createElement(k, { variant: "subtitle1", color: g.themedColor.textHighEmphasis, maxTextLines: 1 }, i), /* @__PURE__ */ s.createElement(Kg, null, pe(t) && /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(k, { variant: "caption1", color: g.themedColor.textMidEmphasis, maxTextLines: 1 }, r.CONVERSATION_LIST__ENDED), /* @__PURE__ */ s.createElement(jg, null)), /* @__PURE__ */ s.createElement(k, { variant: "caption2", color: g.themedColor.textLowEmphasis, maxTextLines: 1 }, a))), l > 0 && /* @__PURE__ */ s.createElement(qg, { $count: l }, /* @__PURE__ */ s.createElement(k, { variant: "caption3", color: g.themedColor.textHighEmphasisInverse }, l <= xn ? l : `${xn}+`))));
+  return /* @__PURE__ */ s.createElement(Vg, { role: "button", onClick: () => n == null ? void 0 : n() }, /* @__PURE__ */ s.createElement(zg, null, /* @__PURE__ */ s.createElement(Ug, { ...e })), /* @__PURE__ */ s.createElement(Gg, null, /* @__PURE__ */ s.createElement(Wg, null, (c = t.lastMessage) != null && c.isFileMessage() && (!t.lastMessage.message || t.lastMessage.name === t.lastMessage.message) ? /* @__PURE__ */ s.createElement(vo, { variant: "subtitle1", color: g.themedColor.textHighEmphasis }, i) : /* @__PURE__ */ s.createElement(k, { variant: "subtitle1", color: g.themedColor.textHighEmphasis, maxTextLines: 1 }, i), /* @__PURE__ */ s.createElement(Kg, null, pe(t) && /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(k, { variant: "caption1", color: g.themedColor.textMidEmphasis, maxTextLines: 1 }, r.CONVERSATION_LIST__ENDED), /* @__PURE__ */ s.createElement(jg, null)), /* @__PURE__ */ s.createElement(k, { variant: "caption2", color: g.themedColor.textLowEmphasis, maxTextLines: 1 }, a))), l > 0 && /* @__PURE__ */ s.createElement(qg, { $count: l }, /* @__PURE__ */ s.createElement(k, { variant: "caption3", color: g.themedColor.textHighEmphasisInverse }, l <= xn ? l : `${xn}+`))));
 }, zo = Ce({
   template: Hg,
   // Note: 리스트 변경되면 디자인 변경 가능성이 있어서 일단 컴포넌트는 비워둠
@@ -7102,8 +7108,8 @@ const Go = Qe(function({
       o.body.classList.remove(i);
     };
   }, [o, t]), /* @__PURE__ */ s.createElement(Cp, { dir: n, $visible: t }, e);
-}, Cp = m.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${Ge.WINDOW};visibility:${({ $visible: e }) => e ? "visible" : "hidden"};`, xp = 48, yp = 2 / 3;
-function vp({
+}, Cp = m.div`width:100%;height:100%;position:fixed;top:0;left:0;z-index:${Ge.WINDOW};visibility:${({ $visible: e }) => e ? "visible" : "hidden"};`, xp = 48, vp = 2 / 3;
+function yp({
   className: e,
   isOpened: t,
   onClick: n,
@@ -7114,7 +7120,7 @@ function vp({
   backgroundColor: l,
   size: c = xp
 }) {
-  const d = hn(l), u = Math.round(c * yp);
+  const d = hn(l), u = Math.round(c * vp);
   return /* @__PURE__ */ s.createElement(
     Tp,
     {
@@ -7150,7 +7156,7 @@ function Yo({ className: e, size: t }) {
   return re(() => {
     a.initialRender.setPresentMethod("launcher_toggle");
   }, [a]), $p(), /* @__PURE__ */ s.createElement(
-    vp,
+    yp,
     {
       dir: r,
       className: e,
@@ -7212,15 +7218,15 @@ const Mp = Hr`0%{transform:translateY(40px);opacity:0;}100%{transform:translateY
 `;
 function $t({ initialId: e, children: t }) {
   const [n, r] = S([e]), o = n[n.length - 1], i = z((h, _) => {
-    r((y) => [...y, h]), p((y) => ({ ...y, [h]: !0 })), _ != null && _.reset && E((y) => ({
-      ...y,
-      [h]: (y[h] || 0) + 1
-    })), x((y) => ({
-      ...y,
+    r((v) => [...v, h]), p((v) => ({ ...v, [h]: !0 })), _ != null && _.reset && E((v) => ({
+      ...v,
+      [h]: (v[h] || 0) + 1
+    })), x((v) => ({
+      ...v,
       [h]: "entering"
     })), setTimeout(() => {
-      x((y) => ({
-        ...y,
+      x((v) => ({
+        ...v,
         [h]: "entered"
       }));
     }, 300);
@@ -7228,14 +7234,14 @@ function $t({ initialId: e, children: t }) {
     r((h) => {
       if (h.length <= 1) return h;
       const _ = h[h.length - 1];
-      return x((y) => ({
-        ...y,
+      return x((v) => ({
+        ...v,
         [_]: "exiting"
       })), setTimeout(() => {
-        x((y) => ({
-          ...y,
+        x((v) => ({
+          ...v,
           [_]: "exited"
-        })), r((y) => y.slice(0, -1));
+        })), r((v) => v.slice(0, -1));
       }, 300), h;
     });
   }, []), l = ce(() => ({
@@ -7249,13 +7255,13 @@ function $t({ initialId: e, children: t }) {
   ), [t]), d = ce(() => {
     const h = {};
     return c.forEach((_) => {
-      const { id: y, lazy: I, children: A } = _.props;
-      h[y] = { lazy: I, element: typeof A == "function" ? A(l) : A };
+      const { id: v, lazy: I, children: A } = _.props;
+      h[v] = { lazy: I, element: typeof A == "function" ? A(l) : A };
     }), h;
   }, [c, l]), [u, p] = S(() => {
     const h = {};
-    return Object.entries(d).forEach(([_, { lazy: y }]) => {
-      y === !1 && (h[_] = !0);
+    return Object.entries(d).forEach(([_, { lazy: v }]) => {
+      v === !1 && (h[_] = !0);
     }), h[e] = !0, h;
   }), [f, x] = S(() => {
     const h = {};
@@ -7266,42 +7272,42 @@ function $t({ initialId: e, children: t }) {
   return /* @__PURE__ */ s.createElement(Xo.Provider, { value: l }, /* @__PURE__ */ s.createElement(Pp, null, Object.keys(d).map((h) => {
     var A;
     if (!u[h]) return null;
-    const _ = f[h] || "exited", y = h === o, I = `${h}-${C[h] || 0}`;
-    return /* @__PURE__ */ s.createElement(Fp, { key: I, $transitionState: _, $active: y }, (A = d[h]) == null ? void 0 : A.element);
+    const _ = f[h] || "exited", v = h === o, I = `${h}-${C[h] || 0}`;
+    return /* @__PURE__ */ s.createElement(Fp, { key: I, $transitionState: _, $active: v }, (A = d[h]) == null ? void 0 : A.element);
   })));
 }
 const Pp = m.div`position:relative;width:100%;height:100%;`;
 $t.Screen = Jo;
-const ve = {
+const ye = {
   conv: "conv",
   convList: "conv-list"
 }, Qo = ({ isOpened: e, entryPoint: t, selectedChannelUrl: n, setSelectedChannelUrl: r }) => {
   const { conversationChildren: o, conversationListChildren: i } = Gn(), a = (() => {
     switch (t) {
       case "Conversation":
-        return ve.conv;
+        return ye.conv;
       case "ConversationList":
-        return ve.convList;
+        return ye.convList;
       default:
-        return ve.conv;
+        return ye.conv;
     }
   })(), l = /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(Bp, { onOpenConversationView: r }));
-  return /* @__PURE__ */ s.createElement($t, { initialId: a }, /* @__PURE__ */ s.createElement($t.Screen, { id: ve.conv }, ({ navigation: c, activeScreenId: d }) => /* @__PURE__ */ s.createElement(
+  return /* @__PURE__ */ s.createElement($t, { initialId: a }, /* @__PURE__ */ s.createElement($t.Screen, { id: ye.conv }, ({ navigation: c, activeScreenId: d }) => /* @__PURE__ */ s.createElement(
     Dg,
     {
       key: n,
       channelUrl: n,
       onClearChannelUrl: () => r(void 0),
-      onNavigateToConversationList: () => c.navigate(ve.convList),
-      shouldMarkAsRead: e && d === ve.conv
+      onNavigateToConversationList: () => c.navigate(ye.convList),
+      shouldMarkAsRead: e && d === ye.conv
     },
     l,
     o
-  )), /* @__PURE__ */ s.createElement($t.Screen, { id: ve.convList, lazy: !0 }, ({ navigation: c }) => /* @__PURE__ */ s.createElement(
+  )), /* @__PURE__ */ s.createElement($t.Screen, { id: ye.convList, lazy: !0 }, ({ navigation: c }) => /* @__PURE__ */ s.createElement(
     cp,
     {
       onOpenConversationView: (d) => {
-        r(d), c.navigate(ve.conv);
+        r(d), c.navigate(ye.conv);
       }
     },
     l,
@@ -7310,14 +7316,14 @@ const ve = {
 }, Bp = ({ onOpenConversationView: e }) => {
   const { registerOnJoinedProactiveConversation: t } = de(), { navigation: n } = Zo();
   return t(({ channel: r }) => {
-    e(r.url), n.navigate(ve.conv);
+    e(r.url), n.navigate(ye.conv);
   }), null;
 };
 function Up({ isExpanded: e, isOpened: t, children: n, launcher: r }) {
   const { dir: o } = Q();
   return /* @__PURE__ */ s.createElement(Hp, null, /* @__PURE__ */ s.createElement(Vp, { dir: o, id: fe.WINDOW, $isExpanded: e, $isOpened: t }, n), r);
 }
-const Hp = m.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, Vp = m.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 && Gp};${({ $isExpanded: e }) => e && zp};`, zp = O`width:743px;height:723px;`, Gp = O`z-index:${Ge.WINDOW};pointer-events:all;transform:scale(1);opacity:1;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 300ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;`, yf = Qe(function({ children: e, initialChannelUrl: t, ...n }, r) {
+const Hp = m.div`display:flex;flex-direction:column;gap:8px;align-items:flex-end;`, Vp = m.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 && Gp};${({ $isExpanded: e }) => e && zp};`, zp = O`width:743px;height:723px;`, Gp = O`z-index:${Ge.WINDOW};pointer-events:all;transform:scale(1);opacity:1;transition:width 200ms ease 0s,height 200ms ease 0s,max-height 200ms ease 0s,transform 300ms cubic-bezier(0,1.2,1,1) 0s,opacity 83ms ease-out 0s;`, vf = Qe(function({ children: e, initialChannelUrl: t, ...n }, r) {
   const o = gt(), [i, a] = S(t), l = o ? Ko : Up;
   return /* @__PURE__ */ s.createElement(Go, { enableExpandButton: !o, ref: r, ...n }, /* @__PURE__ */ s.createElement(fo, null, ({ state: c }) => /* @__PURE__ */ s.createElement(Wo, null, /* @__PURE__ */ s.createElement(l, { isExpanded: c.expanded, isOpened: c.opened, launcher: /* @__PURE__ */ s.createElement(Yo, null) }, /* @__PURE__ */ s.createElement(
     Qo,
@@ -7422,7 +7428,7 @@ const Yp = m.div`background:${({ theme: e }) => e.colors.base.background};displa
 }, tf = ({ children: e }) => {
   const { setConversationListChildren: t } = Gn();
   return re(() => (t(e), () => t(null)), [e]), null;
-}, vf = Object.assign(Jp, {
+}, yf = Object.assign(Jp, {
   Style: Qp,
   ConversationChildren: ef,
   ConversationListChildren: tf
@@ -7464,12 +7470,12 @@ export {
   _t as ConversationListHeaderLayout,
   zo as ConversationListItemLayout,
   zn as ConversationListLayout,
-  yf as DefaultMessenger,
+  vf as DefaultMessenger,
   oo as DeskTicketPriority,
   ro as DeskTicketStatus,
-  vf as FixedMessenger,
+  yf as FixedMessenger,
   ze as IncomingMessageLayout,
-  vp as LauncherBase,
+  yp as LauncherBase,
   Jr as LogLevel,
   ei as ManualSessionInfo,
   Un as MessageListUILayout,