npm - @linktr.ee/messaging-react - Versions diffs - 3.5.0-rc-1782802201 → 3.5.0-rc-1782803869 - Mend

@linktr.ee/messaging-react 3.5.0-rc-1782802201 → 3.5.0-rc-1782803869

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/dist/{index-CghCKfXq.js → index-MMFq_gs5.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import { jsx as n, jsxs as h, Fragment as se } from "react/jsx-runtime";
-import V, { createContext as We, useContext as _e, useCallback as J, useState as $, useRef as Y, useEffect as K, useId as In, useMemo as re, Suspense as Xe } from "react";
+import G, { createContext as We, useContext as _e, useCallback as Z, useState as O, useRef as Y, useEffect as J, useId as In, useMemo as re, Suspense as Xe } from "react";
 import { StreamChatService as Sn } from "@linktr.ee/messaging-core";
 import { StreamChat as Tn, LinkPreviewsManager as Lt } from "stream-chat";
 import { Chat as An, DateSeparator as Mn, useChannelStateContext as de, useChatContext as Ke, areMessageUIPropsEqual as Rn, useMessageReminder as Ln, useComponentContext as Gt, Attachment as Dn, EditMessageModal as Pn, MessageBlocked as zn, MessageBouncePrompt as On, MessageDeleted as $n, MessageIsThreadReplyInChannelButtonIndicator as Fn, MessageRepliesCountButton as Bn, ReminderNotification as Un, StreamedMessageText as jn, messageHasAttachments as Vn, messageHasReactions as Gn, isDateSeparatorMessage as Hn, isMessageBlocked as Yn, isMessageBounced as qn, MessageBounceModal as Wn, MessageText as Dt, Poll as Xn, MessageErrorIcon as Kn, useMessageContext as ye, useMessageComposer as Jn, useStateStore as Zn, MessageInput as Qn, useMessageInputContext as es, useMessageComposerHasSendableData as ts, AttachmentPreviewList as ns, QuotedMessagePreview as ss, TextareaComposer as as, MessageTimestamp as $e, AIStates as Fe, useTypingContext as rs, useAIState as is, Channel as ls, WithComponents as os, Window as cs, MessageList as ds, ChannelList as us, InfiniteScroll as ms } from "stream-chat-react";
 import { StarIcon as Ge, DotsThreeIcon as hs, SpinnerGapIcon as Te, SignOutIcon as fs, ProhibitInsetIcon as Pt, FlagIcon as Ht, FileIcon as Yt, ImageIcon as gs, SpeakerHighIcon as ps, VideoCameraIcon as qt, FileMdIcon as bs, FileTextIcon as vs, FileZipIcon as xs, FilePptIcon as ws, FileCsvIcon as Ns, FileXlsIcon as _s, FileDocIcon as ys, FilePdfIcon as ks, CircleNotchIcon as we, PlayIcon as He, PauseIcon as Cs, LinkIcon as Es, DownloadSimpleIcon as Ne, GiftIcon as Is, ThumbsUpIcon as Ss, ThumbsDownIcon as Ts, TrashSimpleIcon as As, XIcon as Pe, ArrowUpIcon as Ms, SparkleIcon as be, ProhibitIcon as Rs, ArrowLeftIcon as zt, CaretRightIcon as ve, PencilSimpleIcon as Ls, CaretLeftIcon as Ds } from "@phosphor-icons/react";
-import k from "classnames";
+import C from "classnames";
 import { MessageActions as Ps, DefaultDropdownActionButton as Wt } from "stream-chat-react/experimental";
 const Xt = We({
   service: null,
@@ -24,10 +24,10 @@ const Xt = We({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  var M, y;
-  const l = J(
-    (I, ...C) => {
-      i && console.log(`🔥 [MessagingProvider] ${I}`, ...C);
+  var M, N;
+  const l = Z(
+    (k, ...E) => {
+      i && console.log(`🔥 [MessagingProvider] ${k}`, ...E);
     },
     [i]
   );
@@ -37,77 +37,77 @@ const Xt = We({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [o, d] = $(null), [u, g] = $(null), [m, f] = $(!1), [c, b] = $(!1), [N, w] = $(null), p = Y(!1), v = Y(null), A = Y(s);
-  A.current = s;
+  const [o, d] = O(null), [u, g] = O(null), [m, f] = O(!1), [c, w] = O(!1), [_, p] = O(null), b = Y(!1), v = Y(null), y = Y(s);
+  y.current = s;
   const T = Y(i);
   T.current = i;
-  const E = Y({
+  const I = Y({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), O = Y(0);
-  O.current++, l("📊 RENDER INFO", {
-    renderCount: O.current,
+  }), D = Y(0);
+  D.current++, l("📊 RENDER INFO", {
+    renderCount: D.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: E.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: E.current.apiKey !== a,
-      serviceConfigChanged: E.current.serviceConfig !== s,
-      capabilitiesChanged: E.current.capabilities !== r
+      userChanged: I.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: I.current.apiKey !== a,
+      serviceConfigChanged: I.current.serviceConfig !== s,
+      capabilitiesChanged: I.current.capabilities !== r
     }
-  }), E.current = {
+  }), I.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
   };
-  const R = Y(null);
-  a && ((M = R.current) == null ? void 0 : M.apiKey) !== a && (R.current = { apiKey: a, client: new Tn(a) });
-  const L = a ? ((y = R.current) == null ? void 0 : y.client) ?? null : null;
-  K(() => {
-    const I = O.current, C = A.current;
-    if (!a || !L || !C) {
+  const P = Y(null);
+  a && ((M = P.current) == null ? void 0 : M.apiKey) !== a && (P.current = { apiKey: a, client: new Tn(a) });
+  const L = a ? ((N = P.current) == null ? void 0 : N.client) ?? null : null;
+  J(() => {
+    const k = D.current, E = y.current;
+    if (!a || !L || !E) {
       l("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: I,
+        renderCount: k,
         reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
     l("🚀 CREATING SERVICE", {
-      renderCount: I,
+      renderCount: k,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const z = new Sn({
-      ...C,
+    const $ = new Sn({
+      ...E,
       apiKey: a,
       debug: T.current,
       client: L
     });
-    v.current = z, d(z), l("✅ SERVICE SET", {
-      renderCount: I,
-      serviceInstance: !!z
+    v.current = $, d($), l("✅ SERVICE SET", {
+      renderCount: k,
+      serviceInstance: !!$
     });
   }, [a, L]);
-  const B = Y(null);
-  K(() => {
-    var C, z;
+  const F = Y(null);
+  J(() => {
+    var E, $;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!o,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: p.current,
+      isConnecting: b.current,
       isConnected: m,
       dependencies: { service: !!o, userId: t == null ? void 0 : t.id }
     }), !o || !t) {
       l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (p.current) {
+    if (b.current) {
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((C = B.current) == null ? void 0 : C.serviceId) === o && ((z = B.current) == null ? void 0 : z.userId) === t.id) {
+    if (((E = F.current) == null ? void 0 : E.serviceId) === o && (($ = F.current) == null ? void 0 : $.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -115,35 +115,35 @@ const Xt = We({
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), p.current = !0, b(!0), w(null);
+      l("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, w(!0), p(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const D = await o.connectUser(t);
-        g(D), f(!0), B.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        const A = await o.connectUser(t);
+        g(A), f(!0), F.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: D.userID
+          clientId: A.userID
         });
-      } catch (D) {
-        const j = D instanceof Error ? D.message : "Connection failed";
-        w(j), l("❌ USER CONNECTION ERROR", {
+      } catch (A) {
+        const j = A instanceof Error ? A.message : "Connection failed";
+        p(j), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: j
         });
       } finally {
-        b(!1), p.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        w(!1), b.current = !1, l("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: m
         });
       }
     })();
-  }, [o, t, l, m]), K(() => {
-    const I = L;
+  }, [o, t, l, m]), J(() => {
+    const k = L;
     return () => {
-      var C;
-      I && (B.current = null, (C = v.current) == null || C.disconnectUser().catch(console.error));
+      var E;
+      k && (F.current = null, (E = v.current) == null || E.disconnectUser().catch(console.error));
     };
   }, [L]);
-  const P = J(async () => {
+  const z = Z(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!o,
       hasUser: !!t
@@ -151,52 +151,52 @@ const Xt = We({
       l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
+    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
     try {
       l("🔌 DISCONNECTING FOR REFRESH"), await o.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
-      const I = await o.connectUser(t);
-      g(I), f(!0), w(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-    } catch (I) {
-      const C = I instanceof Error ? I.message : "Refresh failed";
-      w(C), l("❌ CONNECTION REFRESH ERROR", {
+      const k = await o.connectUser(t);
+      g(k), f(!0), p(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+    } catch (k) {
+      const E = k instanceof Error ? k.message : "Refresh failed";
+      p(E), l("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
-        error: C
+        error: E
       });
     } finally {
-      b(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      w(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [o, t, l]), _ = V.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [o, t, l]), R = G.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!o,
     hasClient: !!u,
     isConnected: m,
     isLoading: c,
-    hasError: !!N,
+    hasError: !!_,
     capabilitiesKeys: Object.keys(r)
   }), {
     service: o,
     client: u,
     isConnected: m,
     isLoading: c,
-    error: N,
+    error: _,
     capabilities: r,
-    refreshConnection: P,
+    refreshConnection: z,
     debug: i
   }), [
     o,
     u,
     m,
     c,
-    N,
+    _,
     r,
-    P,
+    z,
     i,
     l
   ]);
   return l("🔄 RENDER END", {
-    renderCount: O.current,
+    renderCount: D.current,
     willRenderChat: !!L,
-    contextValueReady: !!_
-  }), /* @__PURE__ */ n(Xt.Provider, { value: _, children: L ? /* @__PURE__ */ n(
+    contextValueReady: !!R
+  }), /* @__PURE__ */ n(Xt.Provider, { value: R, children: L ? /* @__PURE__ */ n(
     An,
     {
       client: L,
@@ -208,10 +208,10 @@ const Xt = We({
   ) : e });
 }, zs = () => Je(), Kt = (e) => {
   var a, r;
-  const [t, s] = $(
+  const [t, s] = O(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
-  return K(() => {
+  return J(() => {
     var l;
     if (!e) {
       s(!1);
@@ -299,7 +299,7 @@ const ne = ({
     "div",
     {
       "aria-hidden": "true",
-      className: k(
+      className: C(
         "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
         u
       ),
@@ -309,7 +309,7 @@ const ne = ({
   return /* @__PURE__ */ h(
     "div",
     {
-      className: k(
+      className: C(
         "relative flex-shrink-0 !bg-transparent",
         a
       ),
@@ -331,7 +331,7 @@ const ne = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: k(
+            className: C(
               "h-full w-full",
               "bg-transparent"
             ),
@@ -364,72 +364,72 @@ const ne = ({
   logLabel: g = "useChannelModerationActions"
 }) => {
   var M;
-  const { service: m, debug: f } = Je(), c = (M = t == null ? void 0 : t.user) == null ? void 0 : M.id, b = !!(a && s && m && c), [N, w] = $(!1), [p, v] = $(null), [A, T] = $(!1), [E, O] = $(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== m);
-  return K(() => {
-    if (!b || !m || !c) {
-      w(!1), v(null);
+  const { service: m, debug: f } = Je(), c = (M = t == null ? void 0 : t.user) == null ? void 0 : M.id, w = !!(a && s && m && c), [_, p] = O(!1), [b, v] = O(null), [y, T] = O(!1), [I, D] = O(!1), P = w && ((b == null ? void 0 : b.participantId) !== c || (b == null ? void 0 : b.service) !== m);
+  return J(() => {
+    if (!w || !m || !c) {
+      p(!1), v(null);
       return;
     }
-    let y = !1;
+    let N = !1;
     return (async () => {
       try {
-        const I = await m.getBlockedUsers();
-        if (y) return;
-        w(
-          I.some(
-            (C) => C.blocked_user_id === c
+        const k = await m.getBlockedUsers();
+        if (N) return;
+        p(
+          k.some(
+            (E) => E.blocked_user_id === c
           )
         );
-      } catch (I) {
-        y || console.error(`[${g}] Failed to check blocked status:`, I);
+      } catch (k) {
+        N || console.error(`[${g}] Failed to check blocked status:`, k);
       } finally {
-        y || v({ participantId: c, service: m });
+        N || v({ participantId: c, service: m });
       }
     })(), () => {
-      y = !0;
+      N = !0;
     };
-  }, [b, m, c, g]), {
-    isParticipantBlocked: N,
-    isCheckingBlockedStatus: R,
-    isLeaving: A,
-    isUpdatingBlockStatus: E,
+  }, [w, m, c, g]), {
+    isParticipantBlocked: _,
+    isCheckingBlockedStatus: P,
+    isLeaving: y,
+    isUpdatingBlockStatus: I,
     handleLeaveConversation: async () => {
-      var y;
-      if (!A) {
+      var N;
+      if (!y) {
         l == null || l(), f && console.log(`[${g}] Leave conversation`, e.cid), T(!0);
         try {
-          const I = ((y = e._client) == null ? void 0 : y.userID) ?? null;
-          await e.hide(I, !1), r && await r(e), u == null || u();
-        } catch (I) {
-          console.error(`[${g}] Failed to leave conversation`, I);
+          const k = ((N = e._client) == null ? void 0 : N.userID) ?? null;
+          await e.hide(k, !1), r && await r(e), u == null || u();
+        } catch (k) {
+          console.error(`[${g}] Failed to leave conversation`, k);
         } finally {
           T(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var y, I, C;
-      if (!(E || !m)) {
-        o == null || o(), f && console.log(`[${g}] Block member`, (y = t == null ? void 0 : t.user) == null ? void 0 : y.id), O(!0);
+      var N, k, E;
+      if (!(I || !m)) {
+        o == null || o(), f && console.log(`[${g}] Block member`, (N = t == null ? void 0 : t.user) == null ? void 0 : N.id), D(!0);
         try {
-          await m.blockUser((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), i && await i((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), u == null || u();
-        } catch (z) {
-          console.error(`[${g}] Failed to block member`, z);
+          await m.blockUser((k = t == null ? void 0 : t.user) == null ? void 0 : k.id), i && await i((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), u == null || u();
+        } catch ($) {
+          console.error(`[${g}] Failed to block member`, $);
         } finally {
-          O(!1);
+          D(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var y, I, C;
-      if (!(E || !m)) {
-        o == null || o(), f && console.log(`[${g}] Unblock member`, (y = t == null ? void 0 : t.user) == null ? void 0 : y.id), O(!0);
+      var N, k, E;
+      if (!(I || !m)) {
+        o == null || o(), f && console.log(`[${g}] Unblock member`, (N = t == null ? void 0 : t.user) == null ? void 0 : N.id), D(!0);
         try {
-          await m.unBlockUser((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), i && await i((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), u == null || u();
-        } catch (z) {
-          console.error(`[${g}] Failed to unblock member`, z);
+          await m.unBlockUser((k = t == null ? void 0 : t.user) == null ? void 0 : k.id), i && await i((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), u == null || u();
+        } catch ($) {
+          console.error(`[${g}] Failed to unblock member`, $);
         } finally {
-          O(!1);
+          D(!1);
         }
       }
     },
@@ -446,7 +446,7 @@ const ne = ({
   "button",
   {
     type: "button",
-    className: k(
+    className: C(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       e === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       t
@@ -468,14 +468,14 @@ const ne = ({
   customChannelActions: g,
   triggerClassName: m
 }) => {
-  const [f, c] = $(!1), b = Y(null), N = In(), w = J(() => c(!1), []), {
-    isParticipantBlocked: p,
+  const [f, c] = O(!1), w = Y(null), _ = In(), p = Z(() => c(!1), []), {
+    isParticipantBlocked: b,
     isCheckingBlockedStatus: v,
-    isLeaving: A,
+    isLeaving: y,
     isUpdatingBlockStatus: T,
-    handleLeaveConversation: E,
-    handleBlockUser: O,
-    handleUnblockUser: R,
+    handleLeaveConversation: I,
+    handleBlockUser: D,
+    handleUnblockUser: P,
     handleReportUser: L
   } = js({
     channel: e,
@@ -487,20 +487,20 @@ const ne = ({
     onDeleteConversationClick: o,
     onBlockParticipantClick: d,
     onReportParticipantClick: u,
-    onActionComplete: w,
+    onActionComplete: p,
     logLabel: "ChannelActionsMenu"
   });
-  return K(() => {
+  return J(() => {
     if (!f) return;
-    const P = (M) => {
-      b.current && !b.current.contains(M.target) && c(!1);
-    }, _ = (M) => {
+    const z = (M) => {
+      w.current && !w.current.contains(M.target) && c(!1);
+    }, R = (M) => {
       M.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", P), document.addEventListener("keydown", _), () => {
-      document.removeEventListener("mousedown", P), document.removeEventListener("keydown", _);
+    return document.addEventListener("mousedown", z), document.addEventListener("keydown", R), () => {
+      document.removeEventListener("mousedown", z), document.removeEventListener("keydown", R);
     };
-  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: b, className: "relative", children: [
+  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: w, className: "relative", children: [
     /* @__PURE__ */ h(
       "button",
       {
@@ -508,8 +508,8 @@ const ne = ({
         type: "button",
         "aria-haspopup": "true",
         "aria-expanded": f,
-        "aria-controls": f ? N : void 0,
-        onClick: () => c((P) => !P),
+        "aria-controls": f ? _ : void 0,
+        onClick: () => c((z) => !z),
         children: [
           /* @__PURE__ */ n(hs, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
@@ -519,9 +519,9 @@ const ne = ({
     f && /* @__PURE__ */ n(
       "div",
       {
-        id: N,
+        id: _,
         "aria-label": "Conversation options",
-        className: k(
+        className: C(
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
           "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
         ),
@@ -529,11 +529,11 @@ const ne = ({
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
             pe,
             {
-              onClick: E,
-              disabled: A,
-              "aria-busy": A,
+              onClick: I,
+              disabled: y,
+              "aria-busy": y,
               children: [
-                A ? /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(fs, { className: "h-5 w-5" }),
+                y ? /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(fs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
@@ -545,10 +545,10 @@ const ne = ({
               /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
-          ) : p ? /* @__PURE__ */ h(
+          ) : b ? /* @__PURE__ */ h(
             pe,
             {
-              onClick: R,
+              onClick: P,
               disabled: T,
               "aria-busy": T,
               children: [
@@ -559,7 +559,7 @@ const ne = ({
           ) : /* @__PURE__ */ h(
             pe,
             {
-              onClick: O,
+              onClick: D,
               disabled: T,
               "aria-busy": T,
               children: [
@@ -585,7 +585,7 @@ function Hs(e) {
   const { channel: t } = de(), { client: s } = Ke("useMessageVote"), a = re(
     () => Gs(e.own_reactions),
     [e.own_reactions]
-  ), r = J(async () => {
+  ), r = Z(async () => {
     if (s != null && s.userID)
       try {
         a === "up" ? await t.deleteReaction(e.id, Ye) : await t.sendReaction(
@@ -595,7 +595,7 @@ function Hs(e) {
         );
       } catch {
       }
-  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = J(async () => {
+  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = Z(async () => {
     if (s != null && s.userID)
       try {
         a === "down" ? await t.deleteReaction(e.id, qe) : await t.sendReaction(
@@ -619,7 +619,7 @@ function Zt({
   const s = e == null ? void 0 : e.text, a = Ys(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const qs = V.lazy(() => import("./Card-BS-w4E4s.js")), Ws = V.lazy(() => import("./Card-B4Pl1YDS.js")), Xs = V.lazy(() => import("./Card-BP5tTT6R.js")), Ze = () => /* @__PURE__ */ n(
+const qs = G.lazy(() => import("./Card-CyXIorn2.js")), Ws = G.lazy(() => import("./Card-CkvECMJq.js")), Xs = G.lazy(() => import("./Card-BeqtdXsT.js")), Ze = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
@@ -665,7 +665,7 @@ function na(e) {
   return t !== "document" ? ea[t] : ta[tn(e)];
 }
 function ce(e, t) {
-  return V.createElement(na(e), t);
+  return G.createElement(na(e), t);
 }
 const sa = (e) => {
   var t, s;
@@ -682,9 +682,9 @@ const sa = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const g = ie(t), m = Y(null), f = Y(null), c = Y(null), b = Y(r), [N, w] = $(a), [p, v] = $(0), [A, T] = $(!1), [E, O] = $(!1), [R, L] = $(!1), [B, P] = $(!1), [_, M] = $(!0), [y, I] = $(null), C = J(() => {
-    L(!1), w(!0);
-  }, []), z = J((x) => {
+  const g = ie(t), m = Y(null), f = Y(null), c = Y(null), w = Y(r), [_, p] = O(a), [b, v] = O(0), [y, T] = O(!1), [I, D] = O(!1), [P, L] = O(!1), [F, z] = O(!1), [R, M] = O(!0), [N, k] = O(null), E = Z(() => {
+    L(!1), p(!0);
+  }, []), $ = Z((x) => {
     const S = f.current;
     if (!S) return 0;
     const U = S.getBoundingClientRect();
@@ -692,56 +692,56 @@ const sa = (e) => {
       0,
       Math.min(1, (sa(x) - U.left) / U.width)
     );
-  }, []), D = J((x) => {
+  }, []), A = Z((x) => {
     const S = m.current;
     S && S.duration && (S.currentTime = x * S.duration);
   }, []), j = (x) => {
     x.stopPropagation(), T(!0);
-    const S = z(x);
-    v(S), D(S);
+    const S = $(x);
+    v(S), A(S);
   };
-  K(() => {
-    r !== void 0 && r !== b.current && (b.current = r, w(r));
-  }, [r]), K(() => {
-    if (!N) {
+  J(() => {
+    r !== void 0 && r !== w.current && (w.current = r, p(r));
+  }, [r]), J(() => {
+    if (!_) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
     const x = () => {
       const S = m.current;
-      S && S.duration && !A && v(S.currentTime / S.duration), c.current = requestAnimationFrame(x);
+      S && S.duration && !y && v(S.currentTime / S.duration), c.current = requestAnimationFrame(x);
     };
     return c.current = requestAnimationFrame(x), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [N, A]), K(() => {
+  }, [_, y]), J(() => {
     const x = m.current;
-    x && (N ? x.play().catch((S) => {
-      w(!1), L(!0);
+    x && (_ ? x.play().catch((S) => {
+      p(!1), L(!0);
     }) : x.pause());
-  }, [N]), K(() => {
-    if (!A) return;
-    const x = (U) => v(z(U)), S = (U) => {
-      T(!1), D(z(U));
+  }, [_]), J(() => {
+    if (!y) return;
+    const x = (U) => v($(U)), S = (U) => {
+      T(!1), A($(U));
     };
     return window.addEventListener("mousemove", x), window.addEventListener("mouseup", S), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", S), () => {
       window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", S), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", S);
     };
-  }, [A, z, D]);
-  const Z = y ? { aspectRatio: String(y) } : void 0, Q = y ? "" : " aspect-video", G = Math.round(p * 100);
+  }, [y, $, A]);
+  const Q = N ? { aspectRatio: String(N) } : void 0, X = N ? "" : " aspect-video", V = Math.round(b * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${Q}`,
-      style: Z,
+      className: `relative cursor-pointer overflow-hidden bg-black ${X}`,
+      style: Q,
       onClick: (x) => {
         if (u) {
           u(x);
           return;
         }
-        R || l && w((S) => !S);
+        P || l && p((S) => !S);
       },
       onKeyDown: (x) => {
         if (!(x.key !== "Enter" && x.key !== " ")) {
@@ -749,11 +749,11 @@ const sa = (e) => {
             u(x);
             return;
           }
-          R || l && w((S) => !S);
+          P || l && p((S) => !S);
         }
       },
       children: [
-        s && (g === "audio" || _) && /* @__PURE__ */ n(
+        s && (g === "audio" || R) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -761,7 +761,7 @@ const sa = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (g === "audio" || _) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
+        !s && (g === "audio" || R) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -773,14 +773,14 @@ const sa = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => P(!0),
+            onLoadStart: () => z(!0),
             onCanPlay: () => {
-              P(!1), M(!1);
+              z(!1), M(!1);
             },
-            onWaiting: () => P(!0),
+            onWaiting: () => z(!0),
             onPlay: () => L(!1),
             onEnded: () => {
-              i || (w(!1), v(0));
+              i || (p(!1), v(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
@@ -793,30 +793,30 @@ const sa = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => P(!0),
+            onLoadStart: () => z(!0),
             onCanPlay: () => {
-              P(!1), M(!1);
+              z(!1), M(!1);
             },
-            onWaiting: () => P(!0),
+            onWaiting: () => z(!0),
             onPlay: () => L(!1),
             onLoadedMetadata: () => {
               const x = m.current;
-              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && I(x.videoWidth / x.videoHeight);
+              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && k(x.videoWidth / x.videoHeight);
             },
             onEnded: () => {
-              i || (w(!1), v(0));
+              i || (p(!1), v(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        B && !R && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+        F && !P && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
           we,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        R && !l && /* @__PURE__ */ n(
+        P && !l && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -824,10 +824,10 @@ const sa = (e) => {
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (x) => {
-              x.stopPropagation(), C();
+              x.stopPropagation(), E();
             },
             onKeyDown: (x) => {
-              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), C());
+              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), E());
             },
             children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(He, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
@@ -837,7 +837,7 @@ const sa = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": G,
+            "aria-valuenow": V,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
@@ -847,13 +847,13 @@ const sa = (e) => {
             onTouchStart: j,
             onClick: (x) => x.stopPropagation(),
             onKeyDown: (x) => {
-              x.key === "ArrowRight" && D(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && D(Math.max(0, p - 0.05));
+              x.key === "ArrowRight" && A(Math.min(1, b + 0.05)), x.key === "ArrowLeft" && A(Math.max(0, b - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${G}%` }
+                style: { width: `${V}%` }
               }
             ) })
           }
@@ -864,11 +864,11 @@ const sa = (e) => {
             {
               type: "button",
               onClick: (x) => {
-                x.stopPropagation(), w((S) => !S);
+                x.stopPropagation(), p((S) => !S);
               },
               className: "shrink-0 text-white",
-              "aria-label": N ? "Pause" : "Play",
-              children: N ? /* @__PURE__ */ n(Cs, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(He, { className: "size-5 translate-x-px", weight: "fill" })
+              "aria-label": _ ? "Pause" : "Play",
+              children: _ ? /* @__PURE__ */ n(Cs, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(He, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -876,7 +876,7 @@ const sa = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": G,
+              "aria-valuenow": V,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
@@ -885,21 +885,21 @@ const sa = (e) => {
               onMouseDown: j,
               onTouchStart: j,
               onClick: (x) => x.stopPropagation(),
-              onMouseEnter: () => O(!0),
-              onMouseLeave: () => O(!1),
+              onMouseEnter: () => D(!0),
+              onMouseLeave: () => D(!1),
               onKeyDown: (x) => {
-                x.key === "ArrowRight" && D(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && D(Math.max(0, p - 0.05));
+                x.key === "ArrowRight" && A(Math.min(1, b + 0.05)), x.key === "ArrowLeft" && A(Math.max(0, b - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${E || A ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${I || y ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${G}%` }
+                        style: { width: `${V}%` }
                       }
                     )
                   }
@@ -907,8 +907,8 @@ const sa = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${E || A ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${G}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${I || y ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${V}%` }
                   }
                 )
               ]
@@ -927,7 +927,7 @@ const sa = (e) => {
   mediaPlayerProps: i,
   containedImage: l = !1
 }) => {
-  const o = ie(e), [d, u] = $(!1);
+  const o = ie(e), [d, u] = O(!1);
   return t && (o === "video" || o === "audio") ? /* @__PURE__ */ n(
     aa,
     {
@@ -1012,13 +1012,13 @@ const sa = (e) => {
   rootRef: g,
   "data-testid": m
 }) => {
-  const f = e === "dark", c = f ? s ?? a : s ?? "", b = f && !s;
+  const f = e === "dark", c = f ? s ?? a : s ?? "", w = f && !s;
   return /* @__PURE__ */ h(
     "div",
     {
       ref: g,
       "data-testid": m,
-      className: k(
+      className: C(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         f ? "bg-[#121110]" : "bg-white"
       ),
@@ -1030,17 +1030,17 @@ const sa = (e) => {
           c.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
-              className: k("mb-0.5 truncate text-base font-medium", {
+              className: C("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
-                "text-white/30": f && b,
-                "text-white": f && !b
+                "text-white/30": f && w,
+                "text-white": f && !w
               }),
               children: c
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
             ce(r, {
-              className: k(
+              className: C(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
               ),
@@ -1049,7 +1049,7 @@ const sa = (e) => {
             i != null && i !== "" && /* @__PURE__ */ n(
               "span",
               {
-                className: k(
+                className: C(
                   "text-xs font-medium",
                   f ? "text-white/55" : "text-black/55"
                 ),
@@ -1086,7 +1086,7 @@ function da(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const et = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, u = /* @__PURE__ */ h(V.Fragment, { children: [
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, u = /* @__PURE__ */ h(G.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1132,7 +1132,7 @@ const ma = ({
   url: e,
   filename: t
 }) => {
-  const [s, a] = $(!1);
+  const [s, a] = O(!1);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -1148,7 +1148,7 @@ const ma = ({
       },
       disabled: s,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: s ? /* @__PURE__ */ n(we, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(V.Fragment, { children: [
+      children: s ? /* @__PURE__ */ n(we, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(G.Fragment, { children: [
         /* @__PURE__ */ n(Ne, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1156,15 +1156,15 @@ const ma = ({
   );
 };
 function nt(e) {
-  var m, f, c, b;
+  var m, f, c, w;
   const t = (m = e.attachments) == null ? void 0 : m.find(
-    (N) => N.type === "video" && N.asset_url
+    (_) => _.type === "video" && _.asset_url
   ), s = (f = e.attachments) == null ? void 0 : f.find(
-    (N) => N.type === "image" && N.image_url
+    (_) => _.type === "image" && _.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
-    (N) => N.type === "audio" && N.asset_url
-  ), r = (b = e.attachments) == null ? void 0 : b.find(
-    (N) => N.type === "file" && N.asset_url
+    (_) => _.type === "audio" && _.asset_url
+  ), r = (w = e.attachments) == null ? void 0 : w.find(
+    (_) => _.type === "file" && _.asset_url
   ), i = t ?? s ?? a ?? r, l = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
   if (!l) return null;
   const o = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, u = i == null ? void 0 : i.file_size, g = t == null ? void 0 : t.thumb_url;
@@ -1336,10 +1336,10 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if (r) {
     const f = (m = e.metadata) == null ? void 0 : m.amount_text;
     if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${f} tip` : `Delivered with ${f} tip`;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", w = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
       /* @__PURE__ */ n(Is, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ n("span", { children: b })
+      /* @__PURE__ */ n("span", { children: w })
     ] });
   }
   const l = s && a, o = l ? "Sent with AI" : "Sent by AI Assistant", d = [
@@ -1363,7 +1363,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: k("message-vote-button focus-ring", {
+      className: C("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
@@ -1377,7 +1377,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: k("message-vote-button focus-ring", {
+      className: C("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: s,
@@ -1403,43 +1403,43 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     isMessageAIGenerated: m,
     isMyMessage: f,
     message: c,
-    renderText: b,
-    threadList: N,
-    viewerLanguage: w
-  } = e, { client: p } = Ke("CustomMessage"), { channel: v } = de("CustomMessage"), { isUnlocking: A, onUnlockClick: T, onFetchSource: E, onDownloadClick: O } = va("LockedAttachment"), [R, L] = $(!1), B = Ln(c.id), { selected: P, voteUp: _, voteDown: M } = Hs(c), {
-    Attachment: y = Dn,
-    EditMessageModal: I = Pn,
-    MessageActions: C,
-    MessageBlocked: z = zn,
-    MessageBouncePrompt: D = On,
+    renderText: w,
+    threadList: _,
+    viewerLanguage: p
+  } = e, { client: b } = Ke("CustomMessage"), { channel: v } = de("CustomMessage"), { isUnlocking: y, onUnlockClick: T, onFetchSource: I, onDownloadClick: D } = va("LockedAttachment"), [P, L] = O(!1), F = Ln(c.id), { selected: z, voteUp: R, voteDown: M } = Hs(c), {
+    Attachment: N = Dn,
+    EditMessageModal: k = Pn,
+    MessageActions: E,
+    MessageBlocked: $ = zn,
+    MessageBouncePrompt: A = On,
     MessageDeleted: j = $n,
-    MessageIsThreadReplyInChannelButtonIndicator: Z = Fn,
-    MessageRepliesCountButton: Q = Bn,
-    ReminderNotification: G = Un,
+    MessageIsThreadReplyInChannelButtonIndicator: Q = Fn,
+    MessageRepliesCountButton: X = Bn,
+    ReminderNotification: V = Un,
     StreamedMessageText: x = jn,
     PinIndicator: S
   } = Gt("CustomMessage"), U = Vn(c), H = Gn(c), q = re(
     () => m == null ? void 0 : m(c),
     [m, c]
-  ), F = re(() => {
+  ), B = re(() => {
     const ge = c.attachments ?? [], Se = c.shared_location ? [c.shared_location, ...ge] : ge;
     if (!Me(c)) return Se;
     const Mt = Se.filter((Rt) => !("type" in Rt) || !rn(Rt));
     return Mt.length === Se.length ? Se : Mt;
   }, [c]), W = re(() => {
-    const ge = Zt({ message: c, viewerLanguage: w });
+    const ge = Zt({ message: c, viewerLanguage: p });
     return ge === c.text ? c : { ...c, text: ge };
-  }, [c, w]);
+  }, [c, p]);
   if (Hn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(j, { message: c });
   if (Yn(c))
-    return /* @__PURE__ */ n(z, {});
-  const X = !N && !!c.reply_count, ue = !N && c.show_in_channel && c.parent_id, me = c.status === "failed" && ((bt = c.error) == null ? void 0 : bt.status) !== 403, he = qn(c);
+    return /* @__PURE__ */ n($, {});
+  const K = !_ && !!c.reply_count, ue = !_ && c.show_in_channel && c.parent_id, me = c.status === "failed" && ((bt = c.error) == null ? void 0 : bt.status) !== 403, he = qn(c);
   let ee;
   me ? ee = () => u(c) : he && (ee = () => L(!0));
-  const te = f(), le = k(
+  const te = f(), le = C(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -1451,25 +1451,25 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": H,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((vt = c == null ? void 0 : c.error) == null ? void 0 : vt.status) !== 403,
-      "str-chat__message-with-thread-link": X || ue,
+      "str-chat__message-with-thread-link": K || ue,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), ht = c.poll_id && p.polls.fromState(c.poll_id), ft = ya(c), fe = Me(c), gt = _a(c), Oe = !!(F != null && F.length && !c.quoted_message), pt = fe && te && Oe;
+  ), ht = c.poll_id && b.polls.fromState(c.poll_id), ft = ya(c), fe = Me(c), gt = _a(c), Oe = !!(B != null && B.length && !c.quoted_message), pt = fe && te && Oe;
   return /* @__PURE__ */ h(se, { children: [
     a && /* @__PURE__ */ n(
-      I,
+      k,
       {
         additionalMessageInputProps: t
       }
     ),
-    R && /* @__PURE__ */ n(
+    P && /* @__PURE__ */ n(
       Wn,
       {
-        MessageBouncePrompt: D,
+        MessageBouncePrompt: A,
         onClose: () => L(!1),
-        open: R
+        open: P
       }
     ),
     /* @__PURE__ */ h(
@@ -1480,7 +1480,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
         "data-dd-privacy": "mask",
         children: [
           S && /* @__PURE__ */ n(S, {}),
-          !!B && /* @__PURE__ */ n(G, { reminder: B }),
+          !!F && /* @__PURE__ */ n(V, { reminder: F }),
           c.user && /* @__PURE__ */ n(
             ne,
             {
@@ -1496,7 +1496,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           /* @__PURE__ */ n(
             "div",
             {
-              className: k("str-chat__message-inner", {
+              className: C("str-chat__message-inner", {
                 "str-chat__simple-message--error-failed": me || he
               }),
               "data-testid": "message-inner",
@@ -1512,7 +1512,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
               },
               children: gt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
                 te ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  C && /* @__PURE__ */ n(C, {}),
+                  E && /* @__PURE__ */ n(E, {}),
                   /* @__PURE__ */ n(
                     Bt.Sent,
                     {
@@ -1523,7 +1523,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       detail: (yt = c.metadata) == null ? void 0 : yt.attachment_detail,
                       paymentStatus: (kt = c.metadata) == null ? void 0 : kt.payment_status,
                       onPreviewClick: () => T == null ? void 0 : T(c, v),
-                      onFetchSource: async () => await (E == null ? void 0 : E(c, v))
+                      onFetchSource: async () => await (I == null ? void 0 : I(c, v))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
@@ -1536,19 +1536,19 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       amountText: (St = c.metadata) == null ? void 0 : St.amount_text,
                       detail: (Tt = c.metadata) == null ? void 0 : Tt.attachment_detail,
                       paymentStatus: (At = c.metadata) == null ? void 0 : At.payment_status,
-                      isUnlocking: A(c.id),
+                      isUnlocking: y(c.id),
                       onUnlockClick: () => T == null ? void 0 : T(c, v),
-                      onFetchSource: async () => await (E == null ? void 0 : E(c, v)),
-                      onDownloadClick: () => O == null ? void 0 : O(c, v)
+                      onFetchSource: async () => await (I == null ? void 0 : I(c, v)),
+                      onDownloadClick: () => D == null ? void 0 : D(c, v)
                     }
                   ),
-                  C && /* @__PURE__ */ n(C, {})
+                  E && /* @__PURE__ */ n(E, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   Dt,
                   {
                     message: W,
-                    renderText: b
+                    renderText: w
                   }
                 ) })
               ] }) : ft ? (
@@ -1564,24 +1564,24 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                   }
                 ),
                 ht && /* @__PURE__ */ n(Xn, { poll: ht }),
-                F != null && F.length && !c.quoted_message ? /* @__PURE__ */ n(
-                  y,
+                B != null && B.length && !c.quoted_message ? /* @__PURE__ */ n(
+                  N,
                   {
                     actionHandler: o,
-                    attachments: F
+                    attachments: B
                   }
                 ) : null,
                 q ? /* @__PURE__ */ n(
                   x,
                   {
                     message: W,
-                    renderText: b
+                    renderText: w
                   }
                 ) : /* @__PURE__ */ n(
                   Dt,
                   {
                     message: W,
-                    renderText: b
+                    renderText: w
                   }
                 ),
                 /* @__PURE__ */ n(Kn, {})
@@ -1600,26 +1600,26 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
             s && fe && /* @__PURE__ */ n(
               ka,
               {
-                selected: P,
-                onVoteUp: _,
+                selected: z,
+                onVoteUp: R,
                 onVoteDown: M
               }
             )
           ] }),
-          X && /* @__PURE__ */ n(
-            Q,
+          K && /* @__PURE__ */ n(
+            X,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ue && /* @__PURE__ */ n(Z, {})
+          ue && /* @__PURE__ */ n(Q, {})
         ]
       },
       c.id
     )
   ] });
-}, Ea = V.memo(
+}, Ea = G.memo(
   Ca,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Rn(e, t)
 ), Ia = (e) => {
@@ -1721,7 +1721,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     r.og_scrape_url
   )) }) : null;
-}, st = V.createContext(!1), Ci = () => _e(st), Da = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, st = G.createContext(!1), Ci = () => _e(st), Da = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1928,16 +1928,16 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   Fe.Generating,
   Fe.ExternalSources
 ]), qa = ({ threadList: e }) => {
-  var b, N;
+  var w, _;
   const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = Ke(), { typing: i = {} } = rs(), { aiState: l } = is(t), o = _e(un);
   if (!e && o && Ya.has(l)) {
-    const w = Wa(t, (b = r.user) == null ? void 0 : b.id);
+    const p = Wa(t, (w = r.user) == null ? void 0 : w.id);
     return /* @__PURE__ */ n(
       Vt,
       {
-        avatarId: (w == null ? void 0 : w.id) ?? "ai-agent",
-        avatarName: (w == null ? void 0 : w.name) ?? (w == null ? void 0 : w.id) ?? "Agent",
-        avatarImage: w == null ? void 0 : w.image,
+        avatarId: (p == null ? void 0 : p.id) ?? "ai-agent",
+        avatarName: (p == null ? void 0 : p.name) ?? (p == null ? void 0 : p.id) ?? "Agent",
+        avatarImage: p == null ? void 0 : p.image,
         testId: "typing-indicator-ai"
       }
     );
@@ -1945,19 +1945,19 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if ((s == null ? void 0 : s.typing_events) === !1)
     return null;
   const u = e ? [] : Object.values(i).filter(
-    ({ parent_id: w, user: p }) => {
+    ({ parent_id: p, user: b }) => {
       var v;
-      return (p == null ? void 0 : p.id) !== ((v = r.user) == null ? void 0 : v.id) && !w;
+      return (b == null ? void 0 : b.id) !== ((v = r.user) == null ? void 0 : v.id) && !p;
     }
   ), g = e ? Object.values(i).filter(
-    ({ parent_id: w, user: p }) => {
+    ({ parent_id: p, user: b }) => {
       var v;
-      return (p == null ? void 0 : p.id) !== ((v = r.user) == null ? void 0 : v.id) && w === (a == null ? void 0 : a.id);
+      return (b == null ? void 0 : b.id) !== ((v = r.user) == null ? void 0 : v.id) && p === (a == null ? void 0 : a.id);
     }
   ) : [], m = e ? g : u;
   if (!m.length)
     return null;
-  const f = (N = m[0]) == null ? void 0 : N.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
+  const f = (_ = m[0]) == null ? void 0 : _.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ n(
     Vt,
     {
@@ -2023,7 +2023,7 @@ function Wa(e, t) {
 const Xa = () => null, Ka = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
-    className: k("flex items-center justify-center h-full", e),
+    className: C("flex items-center justify-center h-full", e),
     children: [
       /* @__PURE__ */ h("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ n("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ n(
@@ -2063,7 +2063,7 @@ const Xa = () => null, Ka = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Re = V.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+), Re = G.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
   /* @__PURE__ */ n(Ka, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
@@ -2083,29 +2083,29 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onReportParticipantClick: m,
   customChannelActions: f,
   renderChannelActions: c,
-  showChannelInfo: b = !0,
-  onParticipantNameClick: N,
-  renderHeaderTitleBadges: w
+  showChannelInfo: w = !0,
+  onParticipantNameClick: _,
+  renderHeaderTitleBadges: p
 }) => {
-  var _, M, y, I, C, z, D;
-  const { channel: p } = de(), v = V.useMemo(() => {
-    var Q, G;
-    const j = (Q = p._client) == null ? void 0 : Q.userID;
-    return j ? Object.values(((G = p.state) == null ? void 0 : G.members) || {}).find(
+  var R, M, N, k, E, $, A;
+  const { channel: b } = de(), v = G.useMemo(() => {
+    var X, V;
+    const j = (X = b._client) == null ? void 0 : X.userID;
+    return j ? Object.values(((V = b.state) == null ? void 0 : V.members) || {}).find(
       (x) => {
         var S;
         return ((S = x.user) == null ? void 0 : S.id) && x.user.id !== j;
       }
     ) : void 0;
-  }, [(_ = p._client) == null ? void 0 : _.userID, (M = p.state) == null ? void 0 : M.members]), A = Jt(v == null ? void 0 : v.user), T = (y = v == null ? void 0 : v.user) == null ? void 0 : y.image, E = Kt(p), O = w == null ? void 0 : w({
-    channel: p,
+  }, [(R = b._client) == null ? void 0 : R.userID, (M = b.state) == null ? void 0 : M.members]), y = Jt(v == null ? void 0 : v.user), T = (N = v == null ? void 0 : v.user) == null ? void 0 : N.image, I = Kt(b), D = p == null ? void 0 : p({
+    channel: b,
     participant: v
-  }), R = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", L = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", B = /* @__PURE__ */ h(se, { children: [
-    /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: A }),
-    O && /* @__PURE__ */ n("span", { className: "shrink-0", children: O })
-  ] }), P = async () => {
+  }), P = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", L = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", F = /* @__PURE__ */ h(se, { children: [
+    /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: y }),
+    D && /* @__PURE__ */ n("span", { className: "shrink-0", children: D })
+  ] }), z = async () => {
     try {
-      E ? await p.unpin() : await p.pin();
+      I ? await b.unpin() : await b.pin();
     } catch (j) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
@@ -2118,7 +2118,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ n(
         "button",
         {
-          className: k(
+          className: C(
             oe,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
@@ -2134,30 +2134,30 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         {
           className: "flex flex-col gap-1 items-center",
           "data-dd-privacy": "mask",
-          children: N ? /* @__PURE__ */ h(
+          children: _ ? /* @__PURE__ */ h(
             "button",
             {
               type: "button",
-              onClick: N,
-              "aria-label": `View details for ${A}`,
-              className: k(
-                R,
+              onClick: _,
+              "aria-label": `View details for ${y}`,
+              className: C(
+                P,
                 "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
               ),
               children: [
                 /* @__PURE__ */ n(
                   ne,
                   {
-                    id: ((I = v == null ? void 0 : v.user) == null ? void 0 : I.id) || p.id || "unknown",
-                    name: A,
+                    id: ((k = v == null ? void 0 : v.user) == null ? void 0 : k.id) || b.id || "unknown",
+                    name: y,
                     image: T,
-                    starred: s && E,
+                    starred: s && I,
                     dmAgentEnabled: a,
                     size: 48
                   }
                 ),
                 /* @__PURE__ */ h("span", { className: "flex max-w-full items-center gap-0.5", children: [
-                  B,
+                  F,
                   /* @__PURE__ */ n(ve, { className: "size-3 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
@@ -2166,20 +2166,20 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 ] })
               ]
             }
-          ) : /* @__PURE__ */ h("div", { className: R, children: [
+          ) : /* @__PURE__ */ h("div", { className: P, children: [
             /* @__PURE__ */ n(
               ne,
               {
-                id: ((C = v == null ? void 0 : v.user) == null ? void 0 : C.id) || p.id || "unknown",
-                name: A,
+                id: ((E = v == null ? void 0 : v.user) == null ? void 0 : E.id) || b.id || "unknown",
+                name: y,
                 image: T,
-                starred: s && E,
+                starred: s && I,
                 dmAgentEnabled: a,
                 size: 48
               }
             ),
             /* @__PURE__ */ h("p", { className: "flex max-w-full items-center justify-center gap-0.5", children: [
-              B,
+              F,
               /* @__PURE__ */ n(
                 ve,
                 {
@@ -2200,25 +2200,25 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: oe,
-            onClick: P,
+            onClick: z,
             type: "button",
-            "aria-label": E ? "Unstar conversation" : "Star conversation",
+            "aria-label": I ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Ge,
               {
-                className: k("size-5", {
-                  "text-yellow-600": E,
-                  "text-black/90": !E
+                className: C("size-5", {
+                  "text-yellow-600": I,
+                  "text-black/90": !I
                 }),
-                weight: E ? "duotone" : "regular"
+                weight: I ? "duotone" : "regular"
               }
             )
           }
         ),
-        b && (c !== void 0 ? c : /* @__PURE__ */ n(
+        w && (c !== void 0 ? c : /* @__PURE__ */ n(
           Ft,
           {
-            channel: p,
+            channel: b,
             participant: v,
             showDeleteConversation: l,
             showBlockParticipant: o,
@@ -2229,7 +2229,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: m,
             customChannelActions: f,
-            triggerClassName: k(oe, "bg-[#F1F0EE]")
+            triggerClassName: C(oe, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -2239,7 +2239,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         t && e && /* @__PURE__ */ n(
           "button",
           {
-            className: k(
+            className: C(
               oe,
               "messaging-channel-view-back-button-desktop"
             ),
@@ -2249,13 +2249,13 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             children: /* @__PURE__ */ n(zt, { className: "size-5 text-black/90" })
           }
         ),
-        N ? /* @__PURE__ */ h(
+        _ ? /* @__PURE__ */ h(
           "button",
           {
             type: "button",
-            onClick: N,
-            "aria-label": `View details for ${A}`,
-            className: k(
+            onClick: _,
+            "aria-label": `View details for ${y}`,
+            className: C(
               L,
               "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
             ),
@@ -2263,17 +2263,17 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               /* @__PURE__ */ n(
                 ne,
                 {
-                  id: ((z = v == null ? void 0 : v.user) == null ? void 0 : z.id) || p.id || "unknown",
-                  name: A,
+                  id: (($ = v == null ? void 0 : v.user) == null ? void 0 : $.id) || b.id || "unknown",
+                  name: y,
                   image: T,
-                  starred: s && E,
+                  starred: s && I,
                   dmAgentEnabled: a,
                   size: 48
                 }
               ),
               /* @__PURE__ */ h("div", { className: "min-w-0", children: [
                 /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-                  B,
+                  F,
                   /* @__PURE__ */ n(ve, { className: "size-4 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
@@ -2287,17 +2287,17 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           /* @__PURE__ */ n(
             ne,
             {
-              id: ((D = v == null ? void 0 : v.user) == null ? void 0 : D.id) || p.id || "unknown",
-              name: A,
+              id: ((A = v == null ? void 0 : v.user) == null ? void 0 : A.id) || b.id || "unknown",
+              name: y,
               image: T,
-              starred: s && E,
+              starred: s && I,
               dmAgentEnabled: a,
               size: 48
             }
           ),
           /* @__PURE__ */ h("div", { className: "min-w-0", children: [
             /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-              B,
+              F,
               /* @__PURE__ */ n(
                 ve,
                 {
@@ -2318,25 +2318,25 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: oe,
-            onClick: P,
+            onClick: z,
             type: "button",
-            "aria-label": E ? "Unstar conversation" : "Star conversation",
+            "aria-label": I ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Ge,
               {
-                className: k("size-6", {
-                  "text-yellow-600": E,
-                  "text-black/90": !E
+                className: C("size-6", {
+                  "text-yellow-600": I,
+                  "text-black/90": !I
                 }),
-                weight: E ? "duotone" : "regular"
+                weight: I ? "duotone" : "regular"
               }
             )
           }
         ),
-        b && (c !== void 0 ? c : /* @__PURE__ */ n(
+        w && (c !== void 0 ? c : /* @__PURE__ */ n(
           Ft,
           {
-            channel: p,
+            channel: b,
             participant: v,
             showDeleteConversation: l,
             showBlockParticipant: o,
@@ -2368,56 +2368,56 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showBlockParticipant: m = !0,
   showReportParticipant: f = !0,
   composerDisabled: c = !1,
-  composerDisabledReason: b,
-  showStarButton: N = !1,
-  chatbotVotingEnabled: w = !1,
-  renderChannelBanner: p,
+  composerDisabledReason: w,
+  showStarButton: _ = !1,
+  chatbotVotingEnabled: p = !1,
+  renderChannelBanner: b,
   renderHeaderTitleBadges: v,
-  customChannelActions: A,
+  customChannelActions: y,
   renderChannelActions: T,
-  renderMessage: E,
-  dmAgentEnabled: O = !1,
-  viewerLanguage: R,
+  renderMessage: I,
+  dmAgentEnabled: D = !1,
+  viewerLanguage: P,
   showChannelInfo: L = !0,
-  onParticipantNameClick: B,
-  composerInput: P
+  onParticipantNameClick: F,
+  composerInput: z
 }) => {
-  var j, Z, Q, G, x, S;
-  const { channel: _ } = de(), M = V.useMemo(() => {
-    var q, F;
-    const U = (q = _._client) == null ? void 0 : q.userID;
-    return U ? Object.values(((F = _.state) == null ? void 0 : F.members) || {}).find(
+  var j, Q, X, V, x, S;
+  const { channel: R } = de(), M = G.useMemo(() => {
+    var q, B;
+    const U = (q = R._client) == null ? void 0 : q.userID;
+    return U ? Object.values(((B = R.state) == null ? void 0 : B.members) || {}).find(
       (W) => {
-        var X;
-        return ((X = W.user) == null ? void 0 : X.id) && W.user.id !== U;
+        var K;
+        return ((K = W.user) == null ? void 0 : K.id) && W.user.id !== U;
       }
     ) : void 0;
-  }, [(j = _._client) == null ? void 0 : j.userID, (Z = _.state) == null ? void 0 : Z.members]), y = V.useMemo(() => {
-    var q, F;
-    const U = (q = _._client) == null ? void 0 : q.userID;
-    return U ? Object.values(((F = _.state) == null ? void 0 : F.members) || {}).find((W) => {
-      var X;
-      return ((X = W.user) == null ? void 0 : X.id) === U;
+  }, [(j = R._client) == null ? void 0 : j.userID, (Q = R.state) == null ? void 0 : Q.members]), N = G.useMemo(() => {
+    var q, B;
+    const U = (q = R._client) == null ? void 0 : q.userID;
+    return U ? Object.values(((B = R.state) == null ? void 0 : B.members) || {}).find((W) => {
+      var K;
+      return ((K = W.user) == null ? void 0 : K.id) === U;
     }) : void 0;
-  }, [(Q = _._client) == null ? void 0 : Q.userID, (G = _.state) == null ? void 0 : G.members]), I = ((x = y == null ? void 0 : y.user) == null ? void 0 : x.is_account) ?? (y == null ? void 0 : y.is_account), C = ((S = M == null ? void 0 : M.user) == null ? void 0 : S.is_account) ?? (M == null ? void 0 : M.is_account), z = O && I === !1 && C === !0, D = J(
+  }, [(X = R._client) == null ? void 0 : X.userID, (V = R.state) == null ? void 0 : V.members]), k = ((x = N == null ? void 0 : N.user) == null ? void 0 : x.is_account) ?? (N == null ? void 0 : N.is_account), E = ((S = M == null ? void 0 : M.user) == null ? void 0 : S.is_account) ?? (M == null ? void 0 : M.is_account), $ = D && k === !1 && E === !0, A = Z(
     (U) => {
       const { message: H } = ye("ChannelView"), q = /* @__PURE__ */ n(
         Ia,
         {
           ...U,
-          chatbotVotingEnabled: w,
-          viewerLanguage: R
+          chatbotVotingEnabled: p,
+          viewerLanguage: P
         }
       );
-      return !E || !H ? q : E(q, H);
+      return !I || !H ? q : I(q, H);
     },
-    [w, E, R]
+    [p, I, P]
   );
   return /* @__PURE__ */ n(se, { children: /* @__PURE__ */ n(
     os,
     {
       overrides: {
-        Message: D,
+        Message: A,
         MessageActions: Aa
       },
       children: /* @__PURE__ */ h(cs, { children: [
@@ -2427,8 +2427,8 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBack: e,
             showBackButton: t,
             showChannelInfo: L,
-            showStarButton: N,
-            dmAgentEnabled: z,
+            showStarButton: _,
+            dmAgentEnabled: $,
             onLeaveConversation: i,
             onBlockParticipant: l,
             showDeleteConversation: o,
@@ -2437,13 +2437,13 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onDeleteConversationClick: d,
             onBlockParticipantClick: u,
             onReportParticipantClick: g,
-            customChannelActions: A,
+            customChannelActions: y,
             renderChannelActions: T,
-            onParticipantNameClick: B,
+            onParticipantNameClick: F,
             renderHeaderTitleBadges: v
           }
         ) }, "lt-channel-header"),
-        p ? /* @__PURE__ */ n(V.Fragment, { children: p() }, "lt-channel-banner") : null,
+        b ? /* @__PURE__ */ n(G.Fragment, { children: b() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
@@ -2452,24 +2452,24 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(V.Fragment, { children: r(_) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(G.Fragment, { children: r(R) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
           za,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(_)
+              renderActions: () => s == null ? void 0 : s(R)
             },
-            renderFooter: () => a == null ? void 0 : a(_),
+            renderFooter: () => a == null ? void 0 : a(R),
             disabled: c,
-            disabledReason: b,
-            composerInput: P
+            disabledReason: w,
+            composerInput: z
           },
           "lt-channel-message-input"
         )
       ] })
     }
   ) });
-}, mn = V.memo(
+}, mn = G.memo(
   ({
     channel: e,
     onBack: t,
@@ -2485,64 +2485,64 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onDeleteConversationClick: m,
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
-    showBlockParticipant: b = !0,
-    showReportParticipant: N = !0,
-    composerDisabled: w = !1,
-    composerDisabledReason: p,
+    showBlockParticipant: w = !0,
+    showReportParticipant: _ = !0,
+    composerDisabled: p = !1,
+    composerDisabledReason: b,
     dmAgentEnabled: v,
-    messageMetadata: A,
+    messageMetadata: y,
     onMessageSent: T,
-    showStarButton: E = !1,
-    chatbotVotingEnabled: O = !1,
-    renderChannelBanner: R,
+    showStarButton: I = !1,
+    chatbotVotingEnabled: D = !1,
+    renderChannelBanner: P,
     renderHeaderTitleBadges: L,
-    customChannelActions: B,
-    renderChannelActions: P,
-    renderMessage: _,
+    customChannelActions: F,
+    renderChannelActions: z,
+    renderMessage: R,
     onMessageLinkClick: M,
-    sendButton: y,
-    attachmentPreviewList: I,
-    viewerLanguage: C,
-    showChannelInfo: z = !0,
-    onParticipantNameClick: D,
+    sendButton: N,
+    attachmentPreviewList: k,
+    viewerLanguage: E,
+    showChannelInfo: $ = !0,
+    onParticipantNameClick: A,
     composerInput: j
   }) => {
-    const Z = J(
-      async (G, x, S) => {
-        var X;
-        const U = ((X = e.data) == null ? void 0 : X.chatbot_paused) === !0, H = v && !U, q = {
+    const Q = Z(
+      async (V, x, S) => {
+        var K;
+        const U = ((K = e.data) == null ? void 0 : K.chatbot_paused) === !0, H = v && !U, q = {
           ...x,
           ...H && { silent: !0 },
-          ...A && {
+          ...y && {
             metadata: {
               ...x.metadata ?? {},
-              ...A
+              ...y
             }
           }
-        }, F = {
+        }, B = {
           ...S,
           ...H && { skip_push: !0 }
-        }, W = await e.sendMessage(q, F);
+        }, W = await e.sendMessage(q, B);
         return T == null || T(W), W;
       },
-      [e, v, A, T]
-    ), Q = Y(null);
-    return K(() => {
+      [e, v, y, T]
+    ), X = Y(null);
+    return J(() => {
       if (!M) return;
-      const G = Q.current;
-      if (!G) return;
+      const V = X.current;
+      if (!V) return;
       const x = (S) => {
         const U = S.target, H = U == null ? void 0 : U.closest("a[href]"), q = H == null ? void 0 : H.getAttribute("href");
         if (!q) return;
-        const F = H == null ? void 0 : H.closest("[data-message-id]"), W = F == null ? void 0 : F.getAttribute("data-message-id"), X = W ? e.state.messages.find((ue) => ue.id === W) : void 0;
-        M(q, X);
+        const B = H == null ? void 0 : H.closest("[data-message-id]"), W = B == null ? void 0 : B.getAttribute("data-message-id"), K = W ? e.state.messages.find((ue) => ue.id === W) : void 0;
+        M(q, K);
       };
-      return G.addEventListener("click", x), () => G.removeEventListener("click", x);
+      return V.addEventListener("click", x), () => V.removeEventListener("click", x);
     }, [M, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: Q,
-        className: k(
+        ref: X,
+        className: C(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
@@ -2555,9 +2555,9 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             LoadingIndicator: Re,
             DateSeparator: Vs,
             TypingIndicator: qa,
-            doSendMessageRequest: Z,
-            ...y ? { SendButton: y } : {},
-            ...I ? { AttachmentPreviewList: I } : {},
+            doSendMessageRequest: Q,
+            ...N ? { SendButton: N } : {},
+            ...k ? { AttachmentPreviewList: k } : {},
             children: /* @__PURE__ */ n(
               Za,
               {
@@ -2573,21 +2573,21 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 onDeleteConversationClick: m,
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
-                showBlockParticipant: b,
-                showReportParticipant: N,
-                composerDisabled: w,
-                composerDisabledReason: p,
-                showStarButton: E,
+                showBlockParticipant: w,
+                showReportParticipant: _,
+                composerDisabled: p,
+                composerDisabledReason: b,
+                showStarButton: I,
                 dmAgentEnabled: v,
-                chatbotVotingEnabled: O,
-                renderChannelBanner: R,
+                chatbotVotingEnabled: D,
+                renderChannelBanner: P,
                 renderHeaderTitleBadges: L,
-                customChannelActions: B,
-                renderChannelActions: P,
-                renderMessage: _,
-                viewerLanguage: C,
-                showChannelInfo: z,
-                onParticipantNameClick: D,
+                customChannelActions: F,
+                renderChannelActions: z,
+                renderMessage: R,
+                viewerLanguage: E,
+                showChannelInfo: $,
+                onParticipantNameClick: A,
                 composerInput: j
               }
             )
@@ -2598,7 +2598,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   }
 );
 mn.displayName = "ChannelView";
-const xe = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
+const xe = G.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ n("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -2628,66 +2628,66 @@ const Ei = ({
   onMessageSent: m,
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
-  renderHeaderTitleBadges: b,
-  renderChannelBanner: N,
-  customChannelActions: w,
-  renderChannelActions: p,
+  renderHeaderTitleBadges: w,
+  renderChannelBanner: _,
+  customChannelActions: p,
+  renderChannelActions: b,
   onParticipantNameClick: v,
-  renderMessage: A,
+  renderMessage: y,
   onMessageLinkClick: T,
-  showChannelInfo: E,
-  composerInput: O
+  showChannelInfo: I,
+  composerInput: D
 }) => {
   const {
-    client: R,
+    client: P,
     isConnected: L,
-    isLoading: B,
-    error: P,
-    refreshConnection: _,
+    isLoading: F,
+    error: z,
+    refreshConnection: R,
     service: M,
-    debug: y
-  } = zs(), [I, C] = $(null), [z, D] = $(null), [j, Z] = $(!1), { showDeleteConversation: Q = !0 } = e, G = Y(l);
-  G.current = l;
+    debug: N
+  } = zs(), [k, E] = O(null), [$, A] = O(null), [j, Q] = O(!1), { showDeleteConversation: X = !0 } = e, V = Y(l);
+  V.current = l;
   const x = Y(a);
   x.current = a;
   const S = Y(null), U = Y(null);
-  K(() => {
-    U.current = I;
-  }, [I]), K(() => {
-    if (!R || !L) return;
-    const F = R.userID;
-    if (!F) return;
-    const W = `${F}::${i}`;
+  J(() => {
+    U.current = k;
+  }, [k]), J(() => {
+    if (!P || !L) return;
+    const B = P.userID;
+    if (!B) return;
+    const W = `${B}::${i}`;
     if (S.current === W) return;
     S.current = W;
-    const X = () => {
+    const K = () => {
       S.current === W && (S.current = null);
     };
     (async () => {
       var me, he;
       try {
-        y && console.log(
+        N && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const ee = await R.queryChannels(
+        const ee = await P.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [F, i] }
+            members: { $eq: [B, i] }
           },
           {},
           { limit: 1 }
         );
         if (ee.length > 0) {
-          C(ee[0]), D(null), (me = x.current) == null || me.call(x, ee[0]), y && console.log(
+          E(ee[0]), A(null), (me = x.current) == null || me.call(x, ee[0]), N && console.log(
             "[MessagingShell] Initial conversation loaded:",
             ee[0].id
           );
           return;
         }
-        const te = G.current;
+        const te = V.current;
         if (!te || !M) {
-          X(), D("No conversation found with this account"), y && console.log(
+          K(), A("No conversation found with this account"), N && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
@@ -2699,7 +2699,7 @@ const Ei = ({
             name: te.name,
             phone: te.phone
           });
-          C(le), D(null), (he = x.current) == null || he.call(x, le), y && console.log(
+          E(le), A(null), (he = x.current) == null || he.call(x, le), N && console.log(
             "[MessagingShell] Channel created and loaded:",
             le.id
           );
@@ -2707,55 +2707,55 @@ const Ei = ({
           console.error(
             "[MessagingShell] Failed to create conversation:",
             le
-          ), X(), D("Failed to create conversation");
+          ), K(), A("Failed to create conversation");
         }
       } catch (ee) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
           ee
-        ), X(), U.current || D("Failed to load conversation");
+        ), K(), U.current || A("Failed to load conversation");
       }
     })();
-  }, [i, R, L, M, y]);
+  }, [i, P, L, M, N]);
   const H = Y(r);
   H.current = r;
-  const q = J(() => {
-    var F;
-    C(null), Z(!0), (F = H.current) == null || F.call(H);
+  const q = Z(() => {
+    var B;
+    E(null), Q(!0), (B = H.current) == null || B.call(H);
   }, []);
-  return B ? /* @__PURE__ */ n(Re, {}) : P ? /* @__PURE__ */ n(xe, { message: P, onBack: _ }) : !L || !R ? /* @__PURE__ */ n(
+  return F ? /* @__PURE__ */ n(Re, {}) : z ? /* @__PURE__ */ n(xe, { message: z, onBack: R }) : !L || !P ? /* @__PURE__ */ n(
     xe,
     {
       message: "Not connected to messaging service",
-      onBack: _
+      onBack: R
     }
-  ) : z ? /* @__PURE__ */ n(xe, { message: z }) : j && !I ? /* @__PURE__ */ n(xe, { message: "Conversation ended" }) : I ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
+  ) : $ ? /* @__PURE__ */ n(xe, { message: $ }) : j && !k ? /* @__PURE__ */ n(xe, { message: "Conversation ended" }) : k ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
     mn,
     {
-      channel: I,
+      channel: k,
       renderMessageInputActions: t,
       renderConversationFooter: s,
-      renderChannelBanner: N,
+      renderChannelBanner: _,
       onLeaveConversation: q,
       onBlockParticipant: q,
       CustomChannelEmptyState: o,
-      showDeleteConversation: Q,
+      showDeleteConversation: X,
       onBlockParticipantClick: d,
       onReportParticipantClick: u,
       dmAgentEnabled: g,
       onMessageSent: m,
       chatbotVotingEnabled: f,
       viewerLanguage: c,
-      renderHeaderTitleBadges: b,
-      customChannelActions: w,
-      renderChannelActions: p,
+      renderHeaderTitleBadges: w,
+      customChannelActions: p,
+      renderChannelActions: b,
       onParticipantNameClick: v,
-      renderMessage: A,
+      renderMessage: y,
       onMessageLinkClick: T,
-      showChannelInfo: E,
-      composerInput: O
+      showChannelInfo: I,
+      composerInput: D
     },
-    I.id
+    k.id
   ) }) }) : /* @__PURE__ */ n(Re, {});
 };
 function Qa(e) {
@@ -2764,7 +2764,7 @@ function Qa(e) {
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const hn = V.createContext({
+const hn = G.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -2772,7 +2772,7 @@ const hn = V.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), er = hn.Provider, tr = () => V.useContext(hn), nr = (e, t) => {
+}), er = hn.Provider, tr = () => G.useContext(hn), nr = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
@@ -2793,76 +2793,77 @@ const hn = V.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, fn = V.memo(
+}, fn = G.memo(
   (e) => {
-    var L, B, P;
-    const { channel: t, unread: s } = e, {
-      selectedChannel: a,
-      onChannelSelect: r,
-      debug: i,
-      channelPreview: l,
-      renderMessagePreview: o,
-      viewerLanguage: d
-    } = tr(), u = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), g = Kt(t);
-    if (l)
+    var z, R, M;
+    const { active: t, channel: s, unread: a, ...r } = e, {
+      selectedChannel: i,
+      onChannelSelect: l,
+      debug: o,
+      channelPreview: d,
+      renderMessagePreview: u,
+      viewerLanguage: g
+    } = tr(), m = (i == null ? void 0 : i.id) === (s == null ? void 0 : s.id), f = Kt(s);
+    if (d)
       return /* @__PURE__ */ n(
-        l,
+        d,
         {
-          ...e,
-          isSelected: u,
-          selectedChannel: a,
-          onChannelSelect: r
+          ...r,
+          channel: s,
+          selectedChannel: i,
+          onChannelSelect: l,
+          viewerLanguage: g
         }
       );
-    const m = () => {
-      t && r(t);
-    }, f = (_) => {
-      const M = _.key === "Enter" || _.key === " ", y = _.repeat;
-      !M || y || (_.preventDefault(), m());
-    }, b = Object.values(((L = t == null ? void 0 : t.state) == null ? void 0 : L.members) || {}).find(
-      (_) => {
-        var M, y;
-        return ((M = _.user) == null ? void 0 : M.id) && _.user.id !== ((y = t == null ? void 0 : t._client) == null ? void 0 : y.userID);
+    const c = () => {
+      s && l(s);
+    }, w = (N) => {
+      const k = N.key === "Enter" || N.key === " ", E = N.repeat;
+      !k || E || (N.preventDefault(), c());
+    }, p = Object.values(((z = s == null ? void 0 : s.state) == null ? void 0 : z.members) || {}).find(
+      (N) => {
+        var k, E;
+        return ((k = N.user) == null ? void 0 : k.id) && N.user.id !== ((E = s == null ? void 0 : s._client) == null ? void 0 : E.userID);
       }
-    ), N = Jt(b == null ? void 0 : b.user), w = (B = b == null ? void 0 : b.user) == null ? void 0 : B.image, p = (() => {
-      var M;
-      const _ = (M = t == null ? void 0 : t.state) == null ? void 0 : M.messages;
-      if (_ != null && _.length) {
-        for (let y = _.length - 1; y >= 0; y--)
-          if (_[y].type !== "system") return _[y];
+    ), b = Jt(p == null ? void 0 : p.user), v = (R = p == null ? void 0 : p.user) == null ? void 0 : R.image, y = (() => {
+      var k;
+      const N = (k = s == null ? void 0 : s.state) == null ? void 0 : k.messages;
+      if (N != null && N.length) {
+        for (let E = N.length - 1; E >= 0; E--)
+          if (N[E].type !== "system") return N[E];
       }
-    })(), A = (() => {
-      var z, D, j, Z;
-      const _ = Zt({
-        message: p,
-        viewerLanguage: d
+    })(), I = (() => {
+      var j, Q, X, V;
+      const N = Zt({
+        message: y,
+        viewerLanguage: g
       });
-      if (((z = p == null ? void 0 : p.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_TIP") return _ ? `💵 ${_}` : "💵 Sent a tip";
-      if (((D = p == null ? void 0 : p.metadata) == null ? void 0 : D.custom_type) === "MESSAGE_PAID") return _ ? `💰 ${_}` : "💰 Sent a message";
-      if (((j = p == null ? void 0 : p.metadata) == null ? void 0 : j.custom_type) === "MESSAGE_ATTACHMENT")
-        return _ ? `📎 ${_}` : "📎 Sent an attachment";
-      if (_) return _;
-      const C = (Z = p == null ? void 0 : p.attachments) == null ? void 0 : Z[0];
-      return C ? C.og_scrape_url ? C.og_scrape_url : C.type === "image" ? "📷 Sent an image" : C.type === "video" ? "🎥 Sent a video" : C.type === "audio" ? "🎵 Sent audio" : C.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), T = p != null && p.created_at ? sr(new Date(p.created_at)) : "", E = p ? Me(p) : !1, O = o ? o(p, A) : `${E ? "✨ " : ""}${A}`, R = s ?? 0;
-    return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
-      channelId: t == null ? void 0 : t.id,
-      isSelected: u,
-      participantName: N,
-      unreadCount: R,
-      hasTimestamp: !!T
+      if (((j = y == null ? void 0 : y.metadata) == null ? void 0 : j.custom_type) === "MESSAGE_TIP") return N ? `💵 ${N}` : "💵 Sent a tip";
+      if (((Q = y == null ? void 0 : y.metadata) == null ? void 0 : Q.custom_type) === "MESSAGE_PAID") return N ? `💰 ${N}` : "💰 Sent a message";
+      if (((X = y == null ? void 0 : y.metadata) == null ? void 0 : X.custom_type) === "MESSAGE_ATTACHMENT")
+        return N ? `📎 ${N}` : "📎 Sent an attachment";
+      if (N) return N;
+      const A = (V = y == null ? void 0 : y.attachments) == null ? void 0 : V[0];
+      return A ? A.og_scrape_url ? A.og_scrape_url : A.type === "image" ? "📷 Sent an image" : A.type === "video" ? "🎥 Sent a video" : A.type === "audio" ? "🎵 Sent audio" : A.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), D = y != null && y.created_at ? sr(new Date(y.created_at)) : "", P = y ? Me(y) : !1, L = u ? u(y, I) : `${P ? "✨ " : ""}${I}`, F = a ?? 0;
+    return o && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
+      channelId: s == null ? void 0 : s.id,
+      isSelected: m,
+      participantName: b,
+      unreadCount: F,
+      hasTimestamp: !!D
     }), /* @__PURE__ */ n(
       "div",
       {
         role: "button",
         tabIndex: 0,
-        onClick: m,
-        onKeyDown: f,
-        className: k(
+        onClick: c,
+        onKeyDown: w,
+        className: C(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
-            "bg-black/[0.04]": u,
-            "hover:bg-black/[0.02]": !u
+            "bg-black/[0.04]": m,
+            "hover:bg-black/[0.02]": !m
           }
         ),
         "data-dd-privacy": "mask",
@@ -2870,11 +2871,11 @@ const hn = V.createContext({
           /* @__PURE__ */ n(
             ne,
             {
-              id: ((P = b == null ? void 0 : b.user) == null ? void 0 : P.id) || t.id || "unknown",
-              name: N,
-              image: w,
+              id: ((M = p == null ? void 0 : p.user) == null ? void 0 : M.id) || s.id || "unknown",
+              name: b,
+              image: v,
               size: 48,
-              starred: g
+              starred: f
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
@@ -2882,20 +2883,20 @@ const hn = V.createContext({
               /* @__PURE__ */ h(
                 "h3",
                 {
-                  className: k(
+                  className: C(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
-                    g && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
-                    N
+                    f && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
+                    b
                   ]
                 }
               ),
-              T && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: T })
+              D && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: D })
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: O }),
-              R > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: R > 99 ? "99+" : R })
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: L }),
+              F > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: F > 99 ? "99+" : F })
             ] })
           ] })
         ] })
@@ -2904,7 +2905,7 @@ const hn = V.createContext({
   }
 );
 fn.displayName = "CustomChannelPreview";
-const ar = { last_message_at: -1 }, rr = V.memo(
+const ar = { last_message_at: -1 }, rr = G.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
@@ -2918,13 +2919,13 @@ const ar = { last_message_at: -1 }, rr = V.memo(
     renderMessagePreview: u,
     viewerLanguage: g
   }) => {
-    const m = V.useRef(0);
+    const m = G.useRef(0);
     m.current++;
-    const { debug: f = !1 } = Je(), c = V.useCallback(
-      (N) => {
-        for (const w of N)
-          Qa(w);
-        return r ? r(N) : N;
+    const { debug: f = !1 } = Je(), c = G.useCallback(
+      (_) => {
+        for (const p of _)
+          Qa(p);
+        return r ? r(_) : _;
       },
       [r]
     );
@@ -2933,7 +2934,7 @@ const ar = { last_message_at: -1 }, rr = V.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const b = V.useMemo(
+    const w = G.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -2954,11 +2955,11 @@ const ar = { last_message_at: -1 }, rr = V.memo(
     return /* @__PURE__ */ n(
       "div",
       {
-        className: k(
+        className: C(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           l
         ),
-        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(er, { value: b, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(er, { value: w, children: /* @__PURE__ */ n(
           us,
           {
             filters: s,
@@ -2993,7 +2994,7 @@ const or = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
 }, cr = ({ variant: e, cta: t }) => {
-  const s = k(
+  const s = C(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
     or[e]
   ), a = at(t.href);
@@ -3038,12 +3039,12 @@ const or = {
   cta: l,
   trailingAction: o
 }) => {
-  const d = e === "dark", u = t ?? (d ? s : void 0) ?? "", g = u.trim() !== "", m = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = l != null;
-  if (!g && !m && !c && !b) return null;
-  const w = k(
+  const d = e === "dark", u = t ?? (d ? s : void 0) ?? "", g = u.trim() !== "", m = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", w = l != null;
+  if (!g && !m && !c && !w) return null;
+  const p = C(
     "truncate text-base font-medium leading-6",
     d && !t ? ur : dr[e]
-  ), p = k(
+  ), b = C(
     "truncate text-xs leading-4",
     mr[e]
   );
@@ -3053,17 +3054,17 @@ const or = {
         /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-col gap-1", children: [
           g && /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ n("p", { className: k("min-w-0", w), children: u })
+            /* @__PURE__ */ n("p", { className: C("min-w-0", p), children: u })
           ] }),
-          m && /* @__PURE__ */ n("p", { className: p, children: a })
+          m && /* @__PURE__ */ n("p", { className: b, children: a })
         ] }),
-        !b && c && /* @__PURE__ */ n("p", { className: p, children: f })
+        !w && c && /* @__PURE__ */ n("p", { className: b, children: f })
       ] }),
       o && /* @__PURE__ */ n("div", { className: "shrink-0", children: o })
     ] }),
     l && /* @__PURE__ */ n(cr, { variant: e, cta: l })
   ] });
-}, hr = k(
+}, hr = C(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
@@ -3081,7 +3082,7 @@ const or = {
   bgClassName: o,
   "data-testid": d
 }) => {
-  const u = s != null || a != null, g = k(
+  const u = s != null || a != null, g = C(
     hr,
     o ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
@@ -3112,7 +3113,7 @@ const or = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: k(g, "text-left"),
+      className: C(g, "text-left"),
       children: [
         t,
         m
@@ -3162,7 +3163,7 @@ const or = {
   ) }) : /* @__PURE__ */ h(
     "div",
     {
-      className: k(
+      className: C(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3189,7 +3190,7 @@ const or = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: k(
+            className: C(
               "flex h-full w-full items-center justify-center",
               fr[e]
             ),
@@ -3218,7 +3219,7 @@ const or = {
   onDismiss: g,
   onEditClick: m
 }) => {
-  const f = o === "classic", c = ze(r, l), b = g ? /* @__PURE__ */ n(
+  const f = o === "classic", c = ze(r, l), w = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3227,7 +3228,7 @@ const or = {
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
       children: /* @__PURE__ */ n(Pe, { className: "size-3", weight: "bold" })
     }
-  ) : void 0, N = m ? /* @__PURE__ */ n(
+  ) : void 0, _ = m ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3247,12 +3248,12 @@ const or = {
         mimeType: r
       }
     ) }),
-    b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
+    w && /* @__PURE__ */ n("div", { className: "shrink-0", children: w })
   ] }) }) : /* @__PURE__ */ h(
     Le,
     {
       variant: "dark",
-      topRight: f ? b : void 0,
+      topRight: f ? w : void 0,
       children: [
         !f && /* @__PURE__ */ n(
           De,
@@ -3262,7 +3263,7 @@ const or = {
             sourceUrl: l,
             title: e,
             mimeType: r,
-            topRight: b
+            topRight: w
           }
         ),
         /* @__PURE__ */ n(
@@ -3275,7 +3276,7 @@ const or = {
             url: a,
             appIcon: d,
             cta: u,
-            trailingAction: N
+            trailingAction: _
           }
         )
       ]
@@ -3293,11 +3294,11 @@ const or = {
   cta: d,
   onClick: u
 }) => {
-  const g = gn(a, i), m = at(s), f = d == null && m != null && !g ? m : void 0, c = d == null && !g ? u : void 0, b = ze(a, i) ? it : void 0, N = d && u ? {
+  const g = gn(a, i), m = at(s), f = d == null && m != null && !g ? m : void 0, c = d == null && !g ? u : void 0, w = ze(a, i) ? it : void 0, _ = d && u ? {
     ...d,
     onClick: () => {
-      var w;
-      u(), (w = d.onClick) == null || w.call(d);
+      var p;
+      u(), (p = d.onClick) == null || p.call(d);
     }
   } : d;
   return /* @__PURE__ */ h(
@@ -3307,7 +3308,7 @@ const or = {
       href: f,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: b,
+      bgClassName: w,
       "data-testid": "link-attachment",
       children: [
         l === "featured" && /* @__PURE__ */ n(
@@ -3328,7 +3329,7 @@ const or = {
             description: t,
             url: s,
             appIcon: o,
-            cta: N
+            cta: _
           }
         )
       ]
@@ -3347,13 +3348,13 @@ const or = {
   cta: u,
   onClick: g
 }) => {
-  const m = gn(r, l), f = at(a), c = u == null && f != null && !m ? f : void 0, b = u == null && !m && c != null ? g : void 0;
+  const m = gn(r, l), f = at(a), c = u == null && f != null && !m ? f : void 0, w = u == null && !m && c != null ? g : void 0;
   return /* @__PURE__ */ h(
     Le,
     {
       variant: "dark",
       href: c,
-      onClick: b,
+      onClick: w,
       bgClassName: ze(r, l) ? it : void 0,
       children: [
         o === "featured" && /* @__PURE__ */ n(
@@ -3422,7 +3423,7 @@ const or = {
     {
       "data-testid": l,
       "data-group-position": a,
-      className: k(
+      className: C(
         // 280px-wide bubble — matches the mobile chat attachment width
         // and keeps the document / image / audio bubbles visually
         // consistent inside the conversation timeline. The 8px / 16px
@@ -3442,7 +3443,7 @@ const or = {
         o ? /* @__PURE__ */ n(
           "p",
           {
-            className: k(
+            className: C(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -3471,7 +3472,7 @@ const or = {
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: k(
+    className: C(
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
@@ -3520,7 +3521,7 @@ const or = {
       text: i,
       groupPosition: l,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((c, b) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((c, w) => /* @__PURE__ */ n(
         Cr,
         {
           item: c,
@@ -3528,10 +3529,10 @@ const or = {
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            g && b === 0 ? /* @__PURE__ */ n(Ce, { onClick: d, variant: "inline" }) : void 0
+            g && w === 0 ? /* @__PURE__ */ n(Ce, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${b}`
+        `${c.src}-${w}`
       )) })
     }
   );
@@ -3605,13 +3606,13 @@ const Dr = {
   const d = s ?? t ?? "File", u = Lr(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: C(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
         Pr[e]
       ),
       "aria-hidden": !0,
       children: ce(a, {
-        className: k("size-6", zr[e]),
+        className: C("size-6", zr[e]),
         weight: "regular"
       })
     }
@@ -3620,7 +3621,7 @@ const Dr = {
     u ? /* @__PURE__ */ n(
       "p",
       {
-        className: k(
+        className: C(
           "truncate text-xs leading-4",
           Dr[e]
         ),
@@ -3633,7 +3634,7 @@ const Dr = {
       type: "button",
       onClick: i,
       "aria-label": l,
-      className: k(
+      className: C(
         "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
       ),
@@ -3713,19 +3714,19 @@ const Or = ({
     mimeType: r,
     title: i,
     items: l
-  }), b = (w) => {
-    if ((u == null ? void 0 : u(w)) === !1) return;
-    const p = c[w];
-    if (!p) return;
-    const v = p.filename ?? ae(p.src);
-    bn(p.src, v);
+  }), w = (p) => {
+    if ((u == null ? void 0 : u(p)) === !1) return;
+    const b = c[p];
+    if (!b) return;
+    const v = b.filename ?? ae(b.src);
+    bn(b.src, v);
   };
   if (c.length === 0)
     return null;
-  const N = /* @__PURE__ */ n(
+  const _ = /* @__PURE__ */ n(
     "span",
     {
-      className: k(
+      className: C(
         "flex size-8 items-center justify-center rounded-full",
         m === "dark" ? "text-white/70" : "text-black/70"
       ),
@@ -3740,16 +3741,16 @@ const Or = ({
       text: o,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((w, p) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((p, b) => /* @__PURE__ */ n(
         $r,
         {
           variant: m,
-          item: w,
-          index: p,
-          onActivate: b,
-          trailingAction: f && p === 0 ? /* @__PURE__ */ n(Ce, { onClick: g, variant: "inline" }) : N
+          item: p,
+          index: b,
+          onActivate: w,
+          trailingAction: f && b === 0 ? /* @__PURE__ */ n(Ce, { onClick: g, variant: "inline" }) : _
         },
-        `${w.src}-${p}`
+        `${p.src}-${b}`
       )) })
     }
   );
@@ -3792,7 +3793,7 @@ const Or = ({
   tone: i = "dark",
   onTriggered: l
 }) => {
-  const [o, d] = $(!1), u = J(
+  const [o, d] = O(!1), u = Z(
     (c) => {
       c.stopPropagation(), !o && (d(!0), bn(e, t).catch(() => {
       }).finally(() => {
@@ -3800,7 +3801,7 @@ const Or = ({
       }));
     },
     [o, e, t, l]
-  ), g = r ?? s !== "pill", f = { className: k(
+  ), g = r ?? s !== "pill", f = { className: C(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -3811,7 +3812,7 @@ const Or = ({
       onClick: u,
       disabled: o,
       "aria-label": a,
-      className: k(
+      className: C(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
         {
           dark: "text-white/70 hover:bg-white/[0.08] hover:text-white",
@@ -3851,7 +3852,7 @@ const Or = ({
       onClick: u,
       disabled: o,
       "aria-label": g ? a : void 0,
-      className: k(
+      className: C(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
       ),
@@ -3873,18 +3874,18 @@ const Or = ({
   initialIndex: t,
   open: s
 }) => {
-  const a = Ve(t, 0, Math.max(e - 1, 0)), [r, i] = $(a);
-  K(() => {
+  const a = Ve(t, 0, Math.max(e - 1, 0)), [r, i] = O(a);
+  J(() => {
     s && i(Ve(t, 0, Math.max(e - 1, 0)));
-  }, [s, t, e]), K(() => {
+  }, [s, t, e]), J(() => {
     i((d) => Ve(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const l = J(() => {
+  const l = Z(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), o = J(() => {
+  }, [e]), o = Z(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
-  return K(() => {
+  return J(() => {
     if (!s || e <= 1) return;
     const d = (u) => {
       if (u.key !== "ArrowLeft" && u.key !== "ArrowRight") return;
@@ -3903,7 +3904,7 @@ const Or = ({
   "data-testid": l
 }) => {
   const o = Y(null), d = Y(null);
-  return K(() => {
+  return J(() => {
     var f;
     const m = o.current;
     if (m) {
@@ -4048,14 +4049,14 @@ const Or = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, s)), l = r - i.length, o = (d, u, g) => {
-    const m = k(Vr, "h-full w-full");
+    const m = C(Vr, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
         type: "button",
         onClick: () => t(u),
         "aria-label": d.ariaLabel ?? `Open media ${u + 1}`,
-        className: k(m, "cursor-zoom-in"),
+        className: C(m, "cursor-zoom-in"),
         children: [
           d.content,
           g
@@ -4067,10 +4068,10 @@ const Or = ({
       g
     ] }, u);
   };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: k("aspect-square w-full", a), children: o(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: C("aspect-square w-full", a), children: o(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: C(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -4079,7 +4080,7 @@ const Or = ({
   ) : i.length === 3 ? /* @__PURE__ */ h(
     "div",
     {
-      className: k(
+      className: C(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -4092,7 +4093,7 @@ const Or = ({
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: C(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -4110,12 +4111,12 @@ const Or = ({
     }
   );
 }, Ie = (e) => {
-  const [t, s] = $(!1), [a, r] = $(0), i = J(
+  const [t, s] = O(!1), [a, r] = O(0), i = Z(
     (o) => {
       (e == null ? void 0 : e(o)) !== !1 && (r(o), s(!0));
     },
     [e]
-  ), l = J(() => s(!1), []);
+  ), l = Z(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
 }, Gr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
@@ -4187,13 +4188,13 @@ const Or = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const u = Hr({ src: t, alt: s, items: r }), g = Ee(e), { viewerOpen: m, viewerIndex: f, handleActivate: c, closeViewer: b } = Ie(
+  const u = Hr({ src: t, alt: s, items: r }), g = Ee(e), { viewerOpen: m, viewerIndex: f, handleActivate: c, closeViewer: w } = Ie(
     d
   );
   if (u.length === 0)
     return null;
-  const N = u.map(
-    (w, p) => Gr(w, p, u.length, o)
+  const _ = u.map(
+    (p, b) => Gr(p, b, u.length, o)
   );
   return /* @__PURE__ */ h(
     ke,
@@ -4203,14 +4204,14 @@ const Or = ({
       groupPosition: l,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(wn, { tiles: N, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(wn, { tiles: _, onTileActivate: c }) }),
         /* @__PURE__ */ n(
           xn,
           {
             open: m,
             items: Nn(u, a),
             initialIndex: f,
-            onClose: b
+            onClose: w
           }
         )
       ]
@@ -4310,12 +4311,12 @@ const Or = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const g = Ee(e), m = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: N } = Ie(
+  const g = Ee(e), m = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: w, closeViewer: _ } = Ie(
     d
-  ), w = e === "composer" && !!u;
+  ), p = e === "composer" && !!u;
   if (m.length === 0)
     return null;
-  const p = m.map((v) => ({
+  const b = m.map((v) => ({
     src: v.src,
     filename: v.filename ?? ae(v.src)
   }));
@@ -4327,8 +4328,8 @@ const Or = ({
       groupPosition: o,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((v, A) => {
-          const T = v.filename ?? ae(v.src), E = w && A === 0 ? /* @__PURE__ */ n(Ce, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((v, y) => {
+          const T = v.filename ?? ae(v.src), I = p && y === 0 ? /* @__PURE__ */ n(Ce, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             vn,
             {
               url: v.src,
@@ -4343,20 +4344,20 @@ const Or = ({
             {
               variant: g,
               item: v,
-              index: A,
-              onActivate: b,
-              trailingAction: E
+              index: y,
+              onActivate: w,
+              trailingAction: I
             },
-            `${v.src}-${A}`
+            `${v.src}-${y}`
           );
         }) }),
         /* @__PURE__ */ n(
           Jr,
           {
             open: f,
-            items: p,
+            items: b,
             initialIndex: c,
-            onClose: N
+            onClose: _
           }
         )
       ]
@@ -4495,13 +4496,13 @@ const Or = ({
   preload: d,
   onClick: u
 }) => {
-  const g = li({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Ee(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: N } = Ie(
+  const g = li({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Ee(e), { viewerOpen: f, viewerIndex: c, handleActivate: w, closeViewer: _ } = Ie(
     u
   );
   if (g.length === 0)
     return null;
-  const w = g.map(
-    (p, v) => ii(p, v, g.length)
+  const p = g.map(
+    (b, v) => ii(b, v, g.length)
   );
   return /* @__PURE__ */ h(
     ke,
@@ -4514,8 +4515,8 @@ const Or = ({
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
           wn,
           {
-            tiles: w,
-            onTileActivate: b,
+            tiles: p,
+            onTileActivate: w,
             className: "overflow-hidden rounded-md"
           }
         ) }),
@@ -4525,7 +4526,7 @@ const Or = ({
             open: f,
             items: Cn(g, r),
             initialIndex: c,
-            onClose: N
+            onClose: _
           }
         )
       ]
@@ -4553,7 +4554,7 @@ const Or = ({
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: k(
+    className: C(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !s,
@@ -4641,4 +4642,4 @@ export {
   Jt as y,
   Ci as z
 };
-//# sourceMappingURL=index-CghCKfXq.js.map
+//# sourceMappingURL=index-MMFq_gs5.js.map