@linktr.ee/messaging-react 3.31.2 → 3.32.0-rc-1786001289

package/dist/{index-ilHx7pIO.js → index-KC2xnb1K.js}

@@ -2,7 +2,7 @@ import { jsx as s, jsxs as h, Fragment as J } from "react/jsx-runtime";
 import F, { createContext as Ve, useContext as _e, useCallback as q, useState as $, useRef as H, useEffect as Y, useId as Js, useMemo as ae, Suspense as Qs } from "react";
 import { StreamChatService as en } from "@linktr.ee/messaging-core";
 import { StreamChat as tn, LinkPreviewsManager as et } from "stream-chat";
-import { Chat as sn, useChannelStateContext as fe, useChatContext as Ee, DateSeparator as nn, useMessageContext as ge, MessageStatus as an, MessageErrorIcon as tt, MessageText as ze, areMessageUIPropsEqual as rn, useMessageReminder as on, useComponentContext as is, Attachment as ln, EditMessageModal as cn, MessageBlocked as dn, MessageBouncePrompt as un, MessageDeleted as mn, MessageIsThreadReplyInChannelButtonIndicator as hn, MessageRepliesCountButton as fn, ReminderNotification as gn, StreamedMessageText as pn, messageHasAttachments as bn, messageHasReactions as vn, isDateSeparatorMessage as xn, isMessageBlocked as wn, isMessageBounced as _n, MessageBounceModal as Nn, Poll as yn, useMessageComposer as kn, useStateStore as Cn, MessageInput as Ht, useMessageInputContext as Sn, useMessageComposerHasSendableData as En, AttachmentPreviewList as In, QuotedMessagePreview as Tn, TextareaComposer as An, MessageTimestamp as Ye, AIStates as We, useTypingContext as Ln, useAIState as Mn, Channel as Rn, WithComponents as Dn, Window as Pn, MessageList as Gt, ChannelList as On, InfiniteScroll as zn } from "stream-chat-react";
+import { Chat as sn, useChannelStateContext as fe, useChatContext as Ee, DateSeparator as nn, useMessageContext as ge, MessageStatus as an, MessageErrorIcon as tt, MessageText as ze, areMessageUIPropsEqual as rn, useMessageReminder as on, useComponentContext as is, Attachment as ln, EditMessageModal as cn, MessageBlocked as dn, MessageBouncePrompt as un, MessageDeleted as mn, MessageIsThreadReplyInChannelButtonIndicator as hn, MessageRepliesCountButton as fn, ReminderNotification as gn, StreamedMessageText as pn, messageHasAttachments as bn, messageHasReactions as vn, isDateSeparatorMessage as xn, isMessageBlocked as wn, isMessageBounced as _n, MessageBounceModal as yn, Poll as Nn, useMessageComposer as kn, useStateStore as Cn, MessageInput as Ht, useMessageInputContext as Sn, useMessageComposerHasSendableData as En, AttachmentPreviewList as In, QuotedMessagePreview as Tn, TextareaComposer as An, MessageTimestamp as Ye, AIStates as We, useTypingContext as Ln, useAIState as Mn, Channel as Rn, WithComponents as Dn, Window as Pn, MessageList as Gt, ChannelList as On, InfiniteScroll as zn } from "stream-chat-react";
 import k from "classnames";
 import { StarIcon as st, DotsThreeIcon as Bn, SpinnerGapIcon as Pe, SignOutIcon as Fn, ProhibitInsetIcon as Yt, FlagIcon as os, CurrencyDollarIcon as $n, CaretRightIcon as ls, ArrowLeftIcon as Un, FileIcon as cs, ImageIcon as jn, SpeakerHighIcon as Vn, VideoCameraIcon as ds, FileMdIcon as Hn, FileTextIcon as Gn, FileZipIcon as Yn, FilePptIcon as Wn, FileCsvIcon as qn, FileXlsIcon as Xn, FileDocIcon as Kn, FilePdfIcon as Zn, CircleNotchIcon as xe, PlayIcon as nt, PauseIcon as Jn, LinkIcon as Qn, DownloadSimpleIcon as Se, XIcon as ot, CaretLeftIcon as ea, GiftIcon as ta, ThumbsUpIcon as sa, ThumbsDownIcon as na, WarningCircleIcon as aa, MegaphoneIcon as ra, ChecksIcon as ia, PencilSimpleIcon as oa, TrashSimpleIcon as la, ArrowUpIcon as ca, SparkleIcon as da, ProhibitIcon as ua } from "@phosphor-icons/react";
 import { isOfficialChannel as ma, OFFICIAL_SENDER_USER_ID as ha, MESSAGE_CUSTOM_TYPE as ce, isDmAgentSystemType as Wt, isAgeSafetySystemType as fa, selectEnabledFaqs as ga } from "@linktr.ee/messaging-taxonomy";
@@ -39,8 +39,8 @@ const ms = Ve({
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [d, m] = $(null), [f, u] = $(null), [g, c] = $(!1), [x, w] = $(!1), [p, b] = $(null), v = H(!1), _ = H(null), y = H(n);
-  y.current = n;
+  const [d, m] = $(null), [f, u] = $(null), [g, c] = $(!1), [x, w] = $(!1), [p, b] = $(null), v = H(!1), _ = H(null), N = H(n);
+  N.current = n;
   const A = H(i);
   A.current = i;
   const L = H({
@@ -68,7 +68,7 @@ const ms = Ve({
   !l && a && ((S = P.current) == null ? void 0 : S.apiKey) !== a && (P.current = { apiKey: a, client: new tn(a) });
   const U = l || (a ? ((T = P.current) == null ? void 0 : T.client) ?? null : null);
   Y(() => {
-    const E = z.current, B = y.current;
+    const E = z.current, B = N.current;
     if (l) {
       _.current = null, m(null), u(null), c(!1), b(null), w(!1);
       return;
@@ -319,10 +319,10 @@ function ps(e) {
 function _a(e) {
   return ps(e).emoji;
 }
-function Na(e) {
+function ya(e) {
   return ps(e).bgColor;
 }
-const Ne = ({
+const ye = ({
   id: e,
   image: t,
   size: n = 40,
@@ -331,7 +331,7 @@ const Ne = ({
   shape: i = "squircle",
   dmAgentEnabled: l = !1
 }) => {
-  const o = _a(e), d = Na(e), m = 0.45, u = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, g = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, x = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
+  const o = _a(e), d = ya(e), m = 0.45, u = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, g = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, x = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
     "img",
     {
       src: t,
@@ -395,7 +395,7 @@ const Ne = ({
       ]
     }
   );
-}, ya = "https://linktr.ee/s/about/trust-center/report", ka = ({
+}, Na = "https://linktr.ee/s/about/trust-center/report", ka = ({
   channel: e,
   participant: t,
   showBlockParticipant: n = !0,
@@ -409,7 +409,7 @@ const Ne = ({
   logLabel: f = "useChannelModerationActions"
 }) => {
   var D;
-  const { service: u, debug: g } = lt(), c = (D = t == null ? void 0 : t.user) == null ? void 0 : D.id, x = !!(a && n && u && c), [w, p] = $(!1), [b, v] = $(null), [_, y] = $(!1), [A, L] = $(!1), z = x && ((b == null ? void 0 : b.participantId) !== c || (b == null ? void 0 : b.service) !== u);
+  const { service: u, debug: g } = lt(), c = (D = t == null ? void 0 : t.user) == null ? void 0 : D.id, x = !!(a && n && u && c), [w, p] = $(!1), [b, v] = $(null), [_, N] = $(!1), [A, L] = $(!1), z = x && ((b == null ? void 0 : b.participantId) !== c || (b == null ? void 0 : b.service) !== u);
   return Y(() => {
     if (!x || !u || !c) {
       p(!1), v(null);
@@ -441,14 +441,14 @@ const Ne = ({
     handleLeaveConversation: async () => {
       var S;
       if (!_) {
-        l == null || l(), g && console.log(`[${f}] Leave conversation`, e.cid), y(!0);
+        l == null || l(), g && console.log(`[${f}] Leave conversation`, e.cid), N(!0);
         try {
           const T = ((S = e._client) == null ? void 0 : S.userID) ?? null;
           await e.hide(T, !1), r && await r(e), m == null || m();
         } catch (T) {
           console.error(`[${f}] Failed to leave conversation`, T);
         } finally {
-          y(!1);
+          N(!1);
         }
       }
     },
@@ -479,10 +479,10 @@ const Ne = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), m == null || m(), window.open(ya, "_blank", "noopener,noreferrer");
+      d == null || d(), m == null || m(), window.open(Na, "_blank", "noopener,noreferrer");
     }
   };
-}, ye = ({
+}, Ne = ({
   variant: e = "default",
   className: t,
   children: n,
@@ -517,7 +517,7 @@ const Ne = ({
     isParticipantBlocked: b,
     isCheckingBlockedStatus: v,
     isLeaving: _,
-    isUpdatingBlockStatus: y,
+    isUpdatingBlockStatus: N,
     handleLeaveConversation: A,
     handleBlockUser: L,
     handleUnblockUser: z,
@@ -572,7 +572,7 @@ const Ne = ({
         ),
         children: /* @__PURE__ */ h("ul", { className: "flex flex-col gap-1", children: [
           n && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ h(
-            ye,
+            Ne,
             {
               onClick: A,
               disabled: _,
@@ -586,34 +586,34 @@ const Ne = ({
           a && /* @__PURE__ */ s("li", { children: v ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ h(ye, { disabled: !0, "aria-busy": !0, children: [
+            /* @__PURE__ */ h(Ne, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ s("span", { children: "Block" })
             ] })
           ) : b ? /* @__PURE__ */ h(
-            ye,
+            Ne,
             {
               onClick: z,
-              disabled: y,
-              "aria-busy": y,
+              disabled: N,
+              "aria-busy": N,
               children: [
-                y ? /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Yt, { className: "h-5 w-5" }),
+                N ? /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Yt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ h(
-            ye,
+            Ne,
             {
               onClick: L,
-              disabled: y,
-              "aria-busy": y,
+              disabled: N,
+              "aria-busy": N,
               children: [
-                y ? /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Yt, { className: "h-5 w-5" }),
+                N ? /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Yt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Block" })
               ]
             }
           ) }),
-          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ h(ye, { variant: "danger", onClick: P, children: [
+          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ h(Ne, { variant: "danger", onClick: P, children: [
             /* @__PURE__ */ s(os, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
@@ -651,7 +651,7 @@ const Ne = ({
       );
     },
     [(C = p.state) == null ? void 0 : C.members, b == null ? void 0 : b.userID, p.type]
-  ), _ = gs(v == null ? void 0 : v.user), y = (D = v == null ? void 0 : v.user) == null ? void 0 : D.image, A = hs(p), L = Ea((S = p.data) == null ? void 0 : S.customer_tag) && (v == null ? void 0 : v.is_follower) === !0, z = a && A, P = L || z || !!w, U = async () => {
+  ), _ = gs(v == null ? void 0 : v.user), N = (D = v == null ? void 0 : v.user) == null ? void 0 : D.image, A = hs(p), L = Ea((S = p.data) == null ? void 0 : S.customer_tag) && (v == null ? void 0 : v.is_follower) === !0, z = a && A, P = L || z || !!w, U = async () => {
     try {
       A ? await p.unpin() : await p.pin();
     } catch (E) {
@@ -662,11 +662,11 @@ const Ne = ({
     }
   }, R = /* @__PURE__ */ h(J, { children: [
     /* @__PURE__ */ s(
-      Ne,
+      ye,
       {
         id: ((T = v == null ? void 0 : v.user) == null ? void 0 : T.id) || p.id || "unknown",
         name: _,
-        image: y,
+        image: N,
         shape: "circle",
         size: 48,
         className: "-mb-2"
@@ -905,22 +905,22 @@ const $a = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const f = de(t), u = H(null), g = H(null), c = H(null), x = H(r), [w, p] = $(a), [b, v] = $(0), [_, y] = $(!1), [A, L] = $(!1), [z, P] = $(!1), [U, R] = $(!1), [C, D] = $(!0), [S, T] = $(null), E = q(() => {
+  const f = de(t), u = H(null), g = H(null), c = H(null), x = H(r), [w, p] = $(a), [b, v] = $(0), [_, N] = $(!1), [A, L] = $(!1), [z, P] = $(!1), [U, R] = $(!1), [C, D] = $(!0), [S, T] = $(null), E = q(() => {
     P(!1), p(!0);
-  }, []), B = q((N) => {
+  }, []), B = q((y) => {
     const I = g.current;
     if (!I) return 0;
     const W = I.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, ($a(N) - W.left) / W.width)
+      Math.min(1, ($a(y) - W.left) / W.width)
     );
-  }, []), O = q((N) => {
+  }, []), O = q((y) => {
     const I = u.current;
-    I && I.duration && (I.currentTime = N * I.duration);
-  }, []), j = (N) => {
-    N.stopPropagation(), y(!0);
-    const I = B(N);
+    I && I.duration && (I.currentTime = y * I.duration);
+  }, []), j = (y) => {
+    y.stopPropagation(), N(!0);
+    const I = B(y);
     v(I), O(I);
   };
   Y(() => {
@@ -930,25 +930,25 @@ const $a = (e) => {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
-    const N = () => {
+    const y = () => {
       const I = u.current;
-      I && I.duration && !_ && v(I.currentTime / I.duration), c.current = requestAnimationFrame(N);
+      I && I.duration && !_ && v(I.currentTime / I.duration), c.current = requestAnimationFrame(y);
     };
-    return c.current = requestAnimationFrame(N), () => {
+    return c.current = requestAnimationFrame(y), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
   }, [w, _]), Y(() => {
-    const N = u.current;
-    N && (w ? N.play().catch((I) => {
+    const y = u.current;
+    y && (w ? y.play().catch((I) => {
       p(!1), P(!0);
-    }) : N.pause());
+    }) : y.pause());
   }, [w]), Y(() => {
     if (!_) return;
-    const N = (W) => v(B(W)), I = (W) => {
-      y(!1), O(B(W));
+    const y = (W) => v(B(W)), I = (W) => {
+      N(!1), O(B(W));
     };
-    return window.addEventListener("mousemove", N), window.addEventListener("mouseup", I), window.addEventListener("touchmove", N, { passive: !0 }), window.addEventListener("touchend", I), () => {
-      window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", I), window.removeEventListener("touchmove", N), window.removeEventListener("touchend", I);
+    return window.addEventListener("mousemove", y), window.addEventListener("mouseup", I), window.addEventListener("touchmove", y, { passive: !0 }), window.addEventListener("touchend", I), () => {
+      window.removeEventListener("mousemove", y), window.removeEventListener("mouseup", I), window.removeEventListener("touchmove", y), window.removeEventListener("touchend", I);
     };
   }, [_, B, O]);
   const K = S ? { aspectRatio: String(S) } : void 0, se = S ? "" : " aspect-video", G = Math.round(b * 100);
@@ -959,17 +959,17 @@ const $a = (e) => {
       tabIndex: 0,
       className: `relative cursor-pointer overflow-hidden bg-black ${se}`,
       style: K,
-      onClick: (N) => {
+      onClick: (y) => {
         if (m) {
-          m(N);
+          m(y);
           return;
         }
         z || l && p((I) => !I);
       },
-      onKeyDown: (N) => {
-        if (!(N.key !== "Enter" && N.key !== " ")) {
-          if (N.preventDefault(), m) {
-            m(N);
+      onKeyDown: (y) => {
+        if (!(y.key !== "Enter" && y.key !== " ")) {
+          if (y.preventDefault(), m) {
+            m(y);
             return;
           }
           z || l && p((I) => !I);
@@ -1023,8 +1023,8 @@ const $a = (e) => {
             onWaiting: () => R(!0),
             onPlay: () => P(!1),
             onLoadedMetadata: () => {
-              const N = u.current;
-              N instanceof HTMLVideoElement && N.videoWidth && N.videoHeight && T(N.videoWidth / N.videoHeight);
+              const y = u.current;
+              y instanceof HTMLVideoElement && y.videoWidth && y.videoHeight && T(y.videoWidth / y.videoHeight);
             },
             onEnded: () => {
               i || (p(!1), v(0));
@@ -1046,11 +1046,11 @@ const $a = (e) => {
             role: "button",
             tabIndex: 0,
             "aria-label": "Play preview",
-            onClick: (N) => {
-              N.stopPropagation(), E();
+            onClick: (y) => {
+              y.stopPropagation(), E();
             },
-            onKeyDown: (N) => {
-              N.key !== "Enter" && N.key !== " " || (N.preventDefault(), N.stopPropagation(), E());
+            onKeyDown: (y) => {
+              y.key !== "Enter" && y.key !== " " || (y.preventDefault(), y.stopPropagation(), E());
             },
             children: /* @__PURE__ */ s("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ s(nt, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
@@ -1068,9 +1068,9 @@ const $a = (e) => {
             className: "relative flex h-4 w-full cursor-pointer items-center",
             onMouseDown: j,
             onTouchStart: j,
-            onClick: (N) => N.stopPropagation(),
-            onKeyDown: (N) => {
-              N.key === "ArrowRight" && O(Math.min(1, b + 0.05)), N.key === "ArrowLeft" && O(Math.max(0, b - 0.05));
+            onClick: (y) => y.stopPropagation(),
+            onKeyDown: (y) => {
+              y.key === "ArrowRight" && O(Math.min(1, b + 0.05)), y.key === "ArrowLeft" && O(Math.max(0, b - 0.05));
             },
             children: /* @__PURE__ */ s("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ s(
               "div",
@@ -1086,8 +1086,8 @@ const $a = (e) => {
             "button",
             {
               type: "button",
-              onClick: (N) => {
-                N.stopPropagation(), p((I) => !I);
+              onClick: (y) => {
+                y.stopPropagation(), p((I) => !I);
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
@@ -1107,11 +1107,11 @@ const $a = (e) => {
               className: "relative flex h-4 w-full cursor-pointer items-center",
               onMouseDown: j,
               onTouchStart: j,
-              onClick: (N) => N.stopPropagation(),
+              onClick: (y) => y.stopPropagation(),
               onMouseEnter: () => L(!0),
               onMouseLeave: () => L(!1),
-              onKeyDown: (N) => {
-                N.key === "ArrowRight" && O(Math.min(1, b + 0.05)), N.key === "ArrowLeft" && O(Math.max(0, b - 0.05));
+              onKeyDown: (y) => {
+                y.key === "ArrowRight" && O(Math.min(1, b + 0.05)), y.key === "ArrowLeft" && O(Math.max(0, b - 0.05));
               },
               children: [
                 /* @__PURE__ */ s(
@@ -1332,12 +1332,12 @@ const dt = ({ attachment: e, isMyMessage: t }) => {
   ] });
   return d ? /* @__PURE__ */ s("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ s("div", { className: "block", children: m });
 };
-function Ns(e) {
+function ys(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
 function ut(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(Ns);
+  return (t = e.attachments) == null ? void 0 : t.find(ys);
 }
 async function qa(e, t) {
   let n;
@@ -1399,7 +1399,7 @@ function mt(e) {
     thumbnailUrl: f
   };
 }
-const ys = ({
+const Ns = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
@@ -1463,7 +1463,7 @@ const ys = ({
   const n = ut(e), a = mt(e);
   return !n && !a ? null : /* @__PURE__ */ h("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", "data-dd-privacy": "mask", children: [
     !t && e.user && /* @__PURE__ */ s(
-      Ne,
+      ye,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1482,7 +1482,7 @@ const ys = ({
             className: "str-chat__message-bubble",
             "data-attachment-bubble": "true",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: n ? /* @__PURE__ */ s("div", { className: ct(t), children: /* @__PURE__ */ s(dt, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(ys, { ...a }) : /* @__PURE__ */ s(ks, { ...a })
+            children: n ? /* @__PURE__ */ s("div", { className: ct(t), children: /* @__PURE__ */ s(dt, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(Ns, { ...a }) : /* @__PURE__ */ s(ks, { ...a })
           }
         ) })
       }
@@ -1495,7 +1495,7 @@ const ys = ({
   if (t)
     return /* @__PURE__ */ s("div", { className: ct(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(dt, { attachment: t, isMyMessage: !0 }) });
   const n = mt(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ys, { ...n }) }) : null;
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Ns, { ...n }) }) : null;
 }, Ja = ({
   message: e
 }) => {
@@ -1895,10 +1895,10 @@ const vr = ({
       )) })
     }
   );
-}, wr = (e) => /* @__PURE__ */ s(ft, { ...e, state: "composer" }), _r = (e) => /* @__PURE__ */ s(ft, { ...e, state: "sent" }), Nr = (e) => /* @__PURE__ */ s(ft, { ...e, state: "received" }), yr = {
+}, wr = (e) => /* @__PURE__ */ s(ft, { ...e, state: "composer" }), _r = (e) => /* @__PURE__ */ s(ft, { ...e, state: "sent" }), yr = (e) => /* @__PURE__ */ s(ft, { ...e, state: "received" }), Nr = {
   Composer: wr,
   Sent: _r,
-  Received: Nr
+  Received: yr
 }, gt = ({
   onPrev: e,
   onNext: t,
@@ -2561,13 +2561,13 @@ const vr = ({
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: u.map((v, _) => {
-          const y = v.filename ?? re(v.src), A = p && _ === 0 ? /* @__PURE__ */ s(Te, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
+          const N = v.filename ?? re(v.src), A = p && _ === 0 ? /* @__PURE__ */ s(Te, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
             Es,
             {
               url: v.src,
-              filename: y,
+              filename: N,
               variant: "inline",
-              label: `Download ${y}`,
+              label: `Download ${N}`,
               tone: f
             }
           );
@@ -2766,7 +2766,7 @@ const vr = ({
   Video: Qr,
   Audio: dr,
   Pdf: Gr,
-  File: yr
+  File: Nr
 }, Os = Ve(void 0), ei = (e) => {
   var n;
   const t = (n = e.metadata) == null ? void 0 : n.broadcast_id;
@@ -2803,7 +2803,7 @@ const vr = ({
 function ii(e) {
   return _e(zs)[e] ?? ri[e];
 }
-const oi = F.lazy(() => import("./Card-qS17qnN0.js")), li = F.lazy(() => import("./Card-CqYFVF6m.js")), ci = () => /* @__PURE__ */ s(
+const oi = F.lazy(() => import("./Card-qS17qnN0.js")), li = F.lazy(() => import("./Card-DPKAKVEP.js")), ci = () => /* @__PURE__ */ s(
   "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)]",
@@ -3022,36 +3022,42 @@ function _t(e) {
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const Ni = {
-  dark: "bg-white text-[#121110] hover:bg-white/90",
-  light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, yi = ({ variant: e, cta: t }) => {
-  const n = k(
+const yi = {
+  dark: {
+    primary: "bg-white text-[#121110] hover:bg-white/90",
+    secondary: "bg-white/15 text-white hover:bg-white/25"
+  },
+  light: {
+    primary: "bg-[#121110] text-white hover:bg-[#2a2928]",
+    secondary: "bg-black/[0.06] text-[#121110] hover:bg-black/10"
+  }
+}, Ni = ({ variant: e, cta: t }) => {
+  const n = t.variant ?? "primary", a = k(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    Ni[e]
-  ), a = _t(t.href);
-  return a ? /* @__PURE__ */ s(
+    yi[e][n]
+  ), r = _t(t.href);
+  return r ? /* @__PURE__ */ s(
     "a",
     {
-      href: a,
+      href: r,
       target: "_blank",
       rel: "noopener noreferrer",
-      onClick: (r) => {
-        var i;
-        r.stopPropagation(), (i = t.onClick) == null || i.call(t);
+      onClick: (i) => {
+        var l;
+        i.stopPropagation(), (l = t.onClick) == null || l.call(t);
       },
-      className: `${n} no-underline`,
+      className: `${a} no-underline`,
       children: t.label
     }
   ) : /* @__PURE__ */ s(
     "button",
     {
       type: "button",
-      onClick: (r) => {
-        var i;
-        r.stopPropagation(), (i = t.onClick) == null || i.call(t);
+      onClick: (i) => {
+        var l;
+        i.stopPropagation(), (l = t.onClick) == null || l.call(t);
       },
-      className: n,
+      className: a,
       children: t.label
     }
   );
@@ -3064,7 +3070,7 @@ const Ni = {
 }, Ei = {
   dark: "bg-white/25",
   light: "bg-black/15"
-}, Nt = ({
+}, yt = ({
   variant: e,
   chinTextColor: t,
   title: n,
@@ -3096,7 +3102,7 @@ const Ni = {
       /* @__PURE__ */ s("div", { className: k("h-4 w-1/2", A), "aria-hidden": !0 })
     ] }) });
   }
-  const y = t ? { color: t } : void 0;
+  const N = t ? { color: t } : void 0;
   return /* @__PURE__ */ h("div", { className: "shrink-0 px-4 py-3", children: [
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
       /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
@@ -3106,17 +3112,17 @@ const Ni = {
             "p",
             {
               className: k("min-w-0", v),
-              style: y,
+              style: N,
               children: u
             }
           )
         ] }),
-        c && /* @__PURE__ */ s("p", { className: _, style: y, children: r }),
-        !p && w && /* @__PURE__ */ s("p", { className: _, style: y, children: x })
+        c && /* @__PURE__ */ s("p", { className: _, style: N, children: r }),
+        !p && w && /* @__PURE__ */ s("p", { className: _, style: N, children: x })
       ] }),
       d && /* @__PURE__ */ s("div", { className: "shrink-0", children: d })
     ] }),
-    o && /* @__PURE__ */ s(yi, { variant: e, cta: o })
+    o && /* @__PURE__ */ s(Ni, { variant: e, cta: o })
   ] });
 }, Ii = "Loading link preview", Ti = k(
   "relative w-[290px] select-none overflow-hidden",
@@ -3219,7 +3225,7 @@ const Ni = {
 }, Li = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Me = (e, t) => !!t && !!e && de(e) === "audio", yt = (e, t) => {
+}, Me = (e, t) => !!t && !!e && de(e) === "audio", Nt = (e, t) => {
   if (!t || !e) return !1;
   const n = de(e);
   return n === "video" || n === "audio";
@@ -3437,7 +3443,7 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           }
         ),
         /* @__PURE__ */ s(
-          Nt,
+          yt,
           {
             chinTextColor: b.chinTextColor,
             variant: "dark",
@@ -3494,11 +3500,11 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: u,
   groupPosition: g = "single"
 }) => {
-  const c = yt(a, i), x = _t(n), w = d == null && x != null && !c ? x : void 0, p = d == null && !c ? u : void 0, b = f !== "loading" && Me(a, i) ? kt : void 0, v = d && u ? {
+  const c = Nt(a, i), x = _t(n), w = d == null && x != null && !c ? x : void 0, p = d == null && !c ? u : void 0, b = f !== "loading" && Me(a, i) ? kt : void 0, v = d && u ? {
     ...d,
     onClick: () => {
-      var y;
-      u(), (y = d.onClick) == null || y.call(d);
+      var N;
+      u(), (N = d.onClick) == null || N.call(d);
     }
   } : d, _ = Ct({
     variant: "light",
@@ -3541,7 +3547,7 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               }
             ),
             /* @__PURE__ */ s(
-              Nt,
+              yt,
               {
                 chinTextColor: _.chinTextColor,
                 variant: "light",
@@ -3574,7 +3580,7 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: g,
   groupPosition: c = "single"
 }) => {
-  const x = yt(r, l), w = _t(a), p = m == null && w != null && !x ? w : void 0, b = m == null && !x && p != null ? g : void 0, v = u !== "loading" && Me(r, l), _ = Ct({
+  const x = Nt(r, l), w = _t(a), p = m == null && w != null && !x ? w : void 0, b = m == null && !x && p != null ? g : void 0, v = u !== "loading" && Me(r, l), _ = Ct({
     variant: "dark",
     accentColor: f,
     status: u,
@@ -3613,7 +3619,7 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               }
             ),
             /* @__PURE__ */ s(
-              Nt,
+              yt,
               {
                 chinTextColor: _.chinTextColor,
                 variant: "dark",
@@ -3664,7 +3670,7 @@ function es(e) {
     // Playable clip embedded in a link preview — lets LinkAttachment render its
     // native video/audio player in the hero instead of a static thumbnail.
     sourceUrl: a,
-    layout: n || yt(r, a) ? "featured" : "classic",
+    layout: n || Nt(r, a) ? "featured" : "classic",
     mimeType: r,
     // Dominant colour of the image, resolved by the sender at stage time and
     // persisted on the attachment (`stream-custom-data.ts`), so every viewer
@@ -3872,11 +3878,11 @@ const qi = ({
   return r.forEach((p, b) => {
     const v = b === r.length - 1;
     if (p.type === "link") {
-      p.attachments.forEach((_, y) => {
+      p.attachments.forEach((_, N) => {
         c(
           _,
-          `link-${b}-${y}`,
-          v && y === p.attachments.length - 1
+          `link-${b}-${N}`,
+          v && N === p.attachments.length - 1
         );
       });
       return;
@@ -3926,7 +3932,7 @@ const qi = ({
     viewerLanguage: p,
     onBroadcastClick: b,
     resolvedBroadcastName: v
-  } = e, { client: _ } = Ee("CustomMessage"), { channel: y } = fe("CustomMessage"), { isUnlocking: A, onUnlockClick: L, onFetchSource: z, onDownloadClick: P } = ii("LockedAttachment"), [U, R] = $(!1), C = on(c.id), { selected: D, voteUp: S, voteDown: T } = La(c), {
+  } = e, { client: _ } = Ee("CustomMessage"), { channel: N } = fe("CustomMessage"), { isUnlocking: A, onUnlockClick: L, onFetchSource: z, onDownloadClick: P } = ii("LockedAttachment"), [U, R] = $(!1), C = on(c.id), { selected: D, voteUp: S, voteDown: T } = La(c), {
     Attachment: E = ln,
     EditMessageModal: B = cn,
     MessageActions: O,
@@ -3934,7 +3940,7 @@ const qi = ({
     MessageBouncePrompt: K = un,
     MessageDeleted: se = mn,
     MessageIsThreadReplyInChannelButtonIndicator: G = hn,
-    MessageRepliesCountButton: N = fn,
+    MessageRepliesCountButton: y = fn,
     ReminderNotification: I = gn,
     StreamedMessageText: W = pn,
     PinIndicator: Q
@@ -3944,7 +3950,7 @@ const qi = ({
   ), V = ae(() => {
     const me = c.attachments ?? [], ve = c.shared_location ? [c.shared_location, ...me] : me;
     if (!Be(c)) return ve;
-    const jt = ve.filter((Vt) => !("type" in Vt) || !Ns(Vt));
+    const jt = ve.filter((Vt) => !("type" in Vt) || !ys(Vt));
     return jt.length === ve.length ? ve : jt;
   }, [c]), ee = ae(
     () => Vs(V),
@@ -3999,7 +4005,7 @@ const qi = ({
     amountText: (Ft = c.metadata) == null ? void 0 : Ft.amount_text,
     detail: ($t = c.metadata) == null ? void 0 : $t.attachment_detail,
     paymentStatus: (Ut = c.metadata) == null ? void 0 : Ut.payment_status,
-    onFetchSource: z ? () => z(c, y) : void 0
+    onFetchSource: z ? () => z(c, N) : void 0
   };
   return /* @__PURE__ */ h(J, { children: [
     a && /* @__PURE__ */ s(
@@ -4009,7 +4015,7 @@ const qi = ({
       }
     ),
     U && /* @__PURE__ */ s(
-      Nn,
+      yn,
       {
         MessageBouncePrompt: K,
         onClose: () => R(!1),
@@ -4026,7 +4032,7 @@ const qi = ({
           Q && /* @__PURE__ */ s(Q, {}),
           !!C && /* @__PURE__ */ s(I, { reminder: C }),
           c.user && /* @__PURE__ */ s(
-            Ne,
+            ye,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -4068,7 +4074,7 @@ const qi = ({
                     ...At,
                     isMine: !1,
                     isUnlocking: A(c.id),
-                    onUnlockClick: () => L == null ? void 0 : L(c, y)
+                    onUnlockClick: () => L == null ? void 0 : L(c, N)
                   }
                 ),
                 !te && O && /* @__PURE__ */ s(O, {})
@@ -4080,7 +4086,7 @@ const qi = ({
                     {
                       ...Lt,
                       isMine: !0,
-                      onPreviewClick: () => L ? L(c, y) : void 0
+                      onPreviewClick: () => L ? L(c, N) : void 0
                     }
                   ) : /* @__PURE__ */ s(
                     Oe,
@@ -4088,8 +4094,8 @@ const qi = ({
                       ...Lt,
                       isMine: !1,
                       isUnlocking: A(c.id),
-                      onUnlockClick: () => L ? L(c, y) : void 0,
-                      onDownloadClick: () => P ? P(c, y) : void 0
+                      onUnlockClick: () => L ? L(c, N) : void 0,
+                      onDownloadClick: () => P ? P(c, N) : void 0
                     }
                   ),
                   !te && O && /* @__PURE__ */ s(O, {})
@@ -4125,7 +4131,7 @@ const qi = ({
                     isMyMessage: te
                   }
                 ),
-                He && /* @__PURE__ */ s(yn, { poll: He }),
+                He && /* @__PURE__ */ s(Nn, { poll: He }),
                 V != null && V.length && !c.quoted_message ? /* @__PURE__ */ s(
                   E,
                   {
@@ -4176,7 +4182,7 @@ const qi = ({
             }
           ),
           ue && /* @__PURE__ */ s(
-            N,
+            y,
             {
               onClick: d,
               reply_count: c.reply_count
@@ -4443,7 +4449,7 @@ const qi = ({
       c = p;
       const v = Array.from(
         g.querySelectorAll(".str-chat__list")
-      ).find((y) => y.scrollHeight > y.clientHeight) ?? null, _ = v ? v.scrollHeight - v.scrollTop - v.clientHeight < no : !1;
+      ).find((N) => N.scrollHeight > N.clientHeight) ?? null, _ = v ? v.scrollHeight - v.scrollTop - v.clientHeight < no : !1;
       g.style.setProperty(
         "--messaging-composer-height",
         `${p}px`
@@ -4713,7 +4719,7 @@ const qi = ({
     },
     children: /* @__PURE__ */ h("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ s(
-        Ne,
+        ye,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -4820,7 +4826,7 @@ const wo = ({
   renderChannelBanner: b,
   customChannelActions: v,
   renderChannelActions: _,
-  renderMessage: y,
+  renderMessage: N,
   viewerLanguage: A,
   showChannelInfo: L = !0,
   onParticipantNameClick: z,
@@ -4833,8 +4839,8 @@ const wo = ({
     S.current = P;
   }, [P]);
   const T = q((G) => {
-    var N;
-    (N = S.current) == null || N.call(S, G);
+    var y;
+    (y = S.current) == null || y.call(S, G);
   }, []), E = P ? T : void 0, B = ni(
     D,
     U
@@ -4862,7 +4868,7 @@ const wo = ({
     }
   ), se = q(
     (G) => {
-      const { message: N } = ge("ChannelView"), I = /* @__PURE__ */ s(
+      const { message: y } = ge("ChannelView"), I = /* @__PURE__ */ s(
         Zi,
         {
           ...G,
@@ -4871,9 +4877,9 @@ const wo = ({
           onBroadcastClick: E
         }
       );
-      return !y || !N ? I : y(I, N);
+      return !N || !y ? I : N(I, y);
     },
-    [p, E, y, A]
+    [p, E, N, A]
   );
   return /* @__PURE__ */ s(Os.Provider, { value: B, children: /* @__PURE__ */ s(
     Dn,
@@ -4989,7 +4995,7 @@ const wo = ({
     composerDisabledReason: b,
     dmAgentEnabled: v,
     messageMetadata: _,
-    onMessageSent: y,
+    onMessageSent: N,
     showStarButton: A = !1,
     chatbotVotingEnabled: L = !1,
     renderChannelBanner: z,
@@ -5007,7 +5013,7 @@ const wo = ({
     composerInput: K
   }) => {
     const se = q(
-      async (N, I, W) => {
+      async (y, I, W) => {
         var ee;
         const Q = ((ee = e.data) == null ? void 0 : ee.chatbot_paused) === !0, X = v && !Q, ne = {
           ...I,
@@ -5022,21 +5028,21 @@ const wo = ({
           ...W,
           ...X && { skip_push: !0 }
         }, V = await e.sendMessage(ne, Z);
-        return y == null || y(V), V;
+        return N == null || N(V), V;
       },
-      [e, v, _, y]
+      [e, v, _, N]
     ), G = H(null);
     return Y(() => {
       if (!C) return;
-      const N = G.current;
-      if (!N) return;
+      const y = G.current;
+      if (!y) return;
       const I = (W) => {
         const Q = W.target, X = Q == null ? void 0 : Q.closest("a[href]"), ne = X == null ? void 0 : X.getAttribute("href");
         if (!ne) return;
         const Z = X == null ? void 0 : X.closest("[data-message-id]"), V = Z == null ? void 0 : Z.getAttribute("data-message-id"), ee = V ? e.state.messages.find((ie) => ie.id === V) : void 0;
         C(ne, ee);
       };
-      return N.addEventListener("click", I), () => N.removeEventListener("click", I);
+      return y.addEventListener("click", I), () => y.removeEventListener("click", I);
     }, [C, e]), /* @__PURE__ */ s(
       "div",
       {
@@ -5133,7 +5139,7 @@ const Wo = ({
   onParticipantNameClick: b,
   onBroadcastClick: v,
   resolveBroadcastName: _,
-  renderMessage: y,
+  renderMessage: N,
   onMessageLinkClick: A,
   showChannelInfo: L,
   composerInput: z
@@ -5146,8 +5152,8 @@ const Wo = ({
     refreshConnection: D,
     service: S,
     debug: T
-  } = ba(), [E, B] = $(null), [O, j] = $(null), [K, se] = $(!1), { showDeleteConversation: G = !0 } = e, N = H(l);
-  N.current = l;
+  } = ba(), [E, B] = $(null), [O, j] = $(null), [K, se] = $(!1), { showDeleteConversation: G = !0 } = e, y = H(l);
+  y.current = l;
   const I = H(a);
   I.current = a;
   const W = H(null), Q = H(null);
@@ -5185,7 +5191,7 @@ const Wo = ({
           );
           return;
         }
-        const ue = N.current;
+        const ue = y.current;
         if (!ue || !S) {
           ee(), j("No conversation found with this account"), T && console.log(
             "[MessagingShell] No conversation found for:",
@@ -5251,7 +5257,7 @@ const Wo = ({
       onParticipantNameClick: b,
       onBroadcastClick: v,
       resolveBroadcastName: _,
-      renderMessage: y,
+      renderMessage: N,
       onMessageLinkClick: A,
       showChannelInfo: L,
       composerInput: z
@@ -5273,7 +5279,7 @@ const Ys = F.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), No = Ys.Provider, yo = () => F.useContext(Ys), ko = (e, t) => {
+}), yo = Ys.Provider, No = () => F.useContext(Ys), ko = (e, t) => {
   const n = Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()), a = Date.UTC(t.getFullYear(), t.getMonth(), t.getDate());
   return Math.floor((a - n) / (1e3 * 60 * 60 * 24));
 }, Co = (e) => {
@@ -5303,7 +5309,7 @@ const Ys = F.createContext({
       channelPreview: l,
       renderMessagePreview: o,
       viewerLanguage: d
-    } = yo(), { client: m } = Ee(), f = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), u = hs(t);
+    } = No(), { client: m } = Ee(), f = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), u = hs(t);
     if (l)
       return /* @__PURE__ */ s(
         l,
@@ -5350,13 +5356,13 @@ const Ys = F.createContext({
       if (C) return C;
       const T = (E = b == null ? void 0 : b.attachments) == null ? void 0 : E[0];
       return T ? T.og_scrape_url ? T.og_scrape_url : T.type === "image" ? "📷 Sent an image" : T.type === "video" ? "🎥 Sent a video" : T.type === "audio" ? "🎵 Sent audio" : T.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), y = b != null && b.created_at ? Co(new Date(b.created_at)) : "", A = b ? Be(b) : !1, L = o ? o(b, _) : `${A ? "✨ " : ""}${_}`, z = n ?? 0;
+    })(), N = b != null && b.created_at ? Co(new Date(b.created_at)) : "", A = b ? Be(b) : !1, L = o ? o(b, _) : `${A ? "✨ " : ""}${_}`, z = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: f,
       participantName: w,
       unreadCount: z,
-      hasTimestamp: !!y
+      hasTimestamp: !!N
     }), /* @__PURE__ */ s(
       "div",
       {
@@ -5374,7 +5380,7 @@ const Ys = F.createContext({
         "data-dd-privacy": "mask",
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ s(
-            Ne,
+            ye,
             {
               id: ((R = x == null ? void 0 : x.user) == null ? void 0 : R.id) || t.id || "unknown",
               name: w,
@@ -5397,7 +5403,7 @@ const Ys = F.createContext({
                   ]
                 }
               ),
-              y && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: y })
+              N && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: N })
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
               /* @__PURE__ */ s("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: L }),
@@ -5433,7 +5439,7 @@ const So = { last_message_at: -1 }, Eo = F.memo(
   }) => {
     const v = F.useRef(0);
     v.current++;
-    const { debug: _ = !1 } = lt(), y = F.useCallback(
+    const { debug: _ = !1 } = lt(), N = F.useCallback(
       (L) => {
         for (const z of L)
           _o(z);
@@ -5471,14 +5477,14 @@ const So = { last_message_at: -1 }, Eo = F.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           l
         ),
-        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(No, { value: A, children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(yo, { value: A, children: /* @__PURE__ */ s(
           On,
           {
             filters: n,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
-            channelRenderFilterFn: y,
+            channelRenderFilterFn: N,
             lockChannelOrder: g,
             onMessageNewHandler: c,
             onMessageNew: x,
@@ -5600,7 +5606,7 @@ const rs = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
   const o = ga(e);
   return o.length === 0 ? null : /* @__PURE__ */ s("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
     (i || l) && /* @__PURE__ */ s("div", { className: "flex-none", children: /* @__PURE__ */ s(
-      Ne,
+      ye,
       {
         id: l || "account",
         name: l || "Account",
@@ -5642,8 +5648,8 @@ export {
   ba as I,
   it as L,
   Ho as M,
-  ye as a,
-  Ne as b,
+  Ne as a,
+  ye as b,
   Eo as c,
   Gs as d,
   Go as e,
@@ -5662,11 +5668,11 @@ export {
   we as r,
   hr as s,
   bs as t,
-  Ns as u,
+  ys as u,
   xa as v,
   ar as w,
   Ma as x,
   fs as y,
   ut as z
 };
-//# sourceMappingURL=index-ilHx7pIO.js.map
+//# sourceMappingURL=index-KC2xnb1K.js.map