@linktr.ee/messaging-react 3.8.1 → 3.8.2-rc-1783566056

package/dist/{index-BCgRoF_u.js → index-zQJ3Ag9l.js}

@@ -2,8 +2,8 @@ import { jsx as s, jsxs as m, Fragment as ee } from "react/jsx-runtime";
 import V, { createContext as rt, useContext as Ie, useCallback as Z, useState as U, useRef as G, useEffect as J, useId as Gs, useMemo as se, Suspense as it } from "react";
 import { StreamChatService as Hs } from "@linktr.ee/messaging-core";
 import { StreamChat as Ys, LinkPreviewsManager as Yt } from "stream-chat";
-import { Chat as qs, useChannelStateContext as le, useChatContext as oe, DateSeparator as Ws, MessageStatus as Xs, useMessageContext as _e, areMessageUIPropsEqual as Ks, useMessageReminder as Js, useComponentContext as is, Attachment as Zs, EditMessageModal as Qs, MessageBlocked as en, MessageBouncePrompt as tn, MessageDeleted as sn, MessageIsThreadReplyInChannelButtonIndicator as nn, MessageRepliesCountButton as an, ReminderNotification as rn, StreamedMessageText as ln, messageHasAttachments as on, messageHasReactions as cn, isDateSeparatorMessage as dn, isMessageBlocked as un, isMessageBounced as mn, MessageBounceModal as hn, MessageText as qt, MessageErrorIcon as Wt, Poll as fn, useMessageComposer as gn, useStateStore as pn, MessageInput as bn, useMessageInputContext as vn, useMessageComposerHasSendableData as xn, AttachmentPreviewList as wn, QuotedMessagePreview as _n, TextareaComposer as Nn, MessageTimestamp as Ye, AIStates as qe, useTypingContext as yn, useAIState as kn, Channel as Cn, WithComponents as Sn, Window as En, MessageList as In, ChannelList as Tn, InfiniteScroll as An } from "stream-chat-react";
-import { StarIcon as Ee, DotsThreeIcon as Mn, SpinnerGapIcon as ze, SignOutIcon as Rn, ProhibitInsetIcon as Xt, FlagIcon as ls, ArrowLeftIcon as et, CurrencyDollarIcon as Dn, CaretRightIcon as ve, SparkleIcon as xe, FileIcon as os, ImageIcon as Ln, SpeakerHighIcon as zn, VideoCameraIcon as cs, FileMdIcon as Pn, FileTextIcon as Fn, FileZipIcon as On, FilePptIcon as $n, FileCsvIcon as Bn, FileXlsIcon as Un, FileDocIcon as jn, FilePdfIcon as Vn, CircleNotchIcon as Ce, PlayIcon as tt, PauseIcon as Gn, LinkIcon as Hn, DownloadSimpleIcon as Se, XIcon as Ue, CaretLeftIcon as Yn, GiftIcon as qn, ThumbsUpIcon as Wn, ThumbsDownIcon as Xn, ChecksIcon as Kn, PencilSimpleIcon as Jn, TrashSimpleIcon as Zn, ArrowUpIcon as Qn, ProhibitIcon as ea } from "@phosphor-icons/react";
+import { Chat as qs, useChannelStateContext as le, useChatContext as me, DateSeparator as Ws, MessageStatus as Xs, useMessageContext as _e, areMessageUIPropsEqual as Ks, useMessageReminder as Js, useComponentContext as is, Attachment as Zs, EditMessageModal as Qs, MessageBlocked as en, MessageBouncePrompt as tn, MessageDeleted as sn, MessageIsThreadReplyInChannelButtonIndicator as nn, MessageRepliesCountButton as an, ReminderNotification as rn, StreamedMessageText as ln, messageHasAttachments as on, messageHasReactions as cn, isDateSeparatorMessage as dn, isMessageBlocked as un, isMessageBounced as mn, MessageBounceModal as hn, MessageText as qt, MessageErrorIcon as Wt, Poll as fn, useMessageComposer as gn, useStateStore as pn, MessageInput as bn, useMessageInputContext as vn, useMessageComposerHasSendableData as xn, AttachmentPreviewList as wn, QuotedMessagePreview as _n, TextareaComposer as Nn, MessageTimestamp as Ye, AIStates as qe, useTypingContext as yn, useAIState as kn, Channel as Cn, WithComponents as Sn, Window as En, MessageList as In, ChannelList as Tn, InfiniteScroll as An } from "stream-chat-react";
+import { StarIcon as Ee, DotsThreeIcon as Mn, SpinnerGapIcon as ze, SignOutIcon as Rn, ProhibitInsetIcon as Xt, FlagIcon as ls, ArrowLeftIcon as et, CurrencyDollarIcon as Ln, CaretRightIcon as ve, SparkleIcon as xe, FileIcon as os, ImageIcon as Dn, SpeakerHighIcon as zn, VideoCameraIcon as cs, FileMdIcon as Pn, FileTextIcon as Fn, FileZipIcon as On, FilePptIcon as $n, FileCsvIcon as Bn, FileXlsIcon as Un, FileDocIcon as jn, FilePdfIcon as Vn, CircleNotchIcon as Ce, PlayIcon as tt, PauseIcon as Gn, LinkIcon as Hn, DownloadSimpleIcon as Se, XIcon as Ue, CaretLeftIcon as Yn, GiftIcon as qn, ThumbsUpIcon as Wn, ThumbsDownIcon as Xn, ChecksIcon as Kn, PencilSimpleIcon as Jn, TrashSimpleIcon as Zn, ArrowUpIcon as Qn, ProhibitIcon as ea } from "@phosphor-icons/react";
 import k from "classnames";
 import { MessageActions as ta, DefaultDropdownActionButton as ds } from "stream-chat-react/experimental";
 const us = rt({
@@ -47,9 +47,9 @@ const us = rt({
     apiKey: a,
     serviceConfig: n,
     capabilities: r
-  }), D = G(0);
-  D.current++, l("📊 RENDER INFO", {
-    renderCount: D.current,
+  }), L = G(0);
+  L.current++, l("📊 RENDER INFO", {
+    renderCount: L.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
       userChanged: A.current.userId !== (t == null ? void 0 : t.id),
@@ -67,7 +67,7 @@ const us = rt({
   !o && a && ((S = $.current) == null ? void 0 : S.apiKey) !== a && ($.current = { apiKey: a, client: new Ys(a) });
   const F = o || (a ? ((R = $.current) == null ? void 0 : R.client) ?? null : null);
   J(() => {
-    const E = D.current, z = C.current;
+    const E = L.current, z = C.current;
     if (o) {
       N.current = null, u(null), h(null), c(!1), g(null), w(!1);
       return;
@@ -94,7 +94,7 @@ const us = rt({
       serviceInstance: !!O
     });
   }, [a, F, o]);
-  const L = G(null);
+  const D = G(null);
   J(() => {
     var z, O;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
@@ -114,7 +114,7 @@ const us = rt({
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((z = L.current) == null ? void 0 : z.serviceId) === d && ((O = L.current) == null ? void 0 : O.userId) === t.id) {
+    if (((z = D.current) == null ? void 0 : z.serviceId) === d && ((O = D.current) == null ? void 0 : O.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -126,7 +126,7 @@ const us = rt({
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const j = await d.connectUser(t);
-        h(j), c(!0), L.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        h(j), c(!0), D.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
           clientId: j.userID
         });
@@ -147,7 +147,7 @@ const us = rt({
     const E = F;
     return () => {
       var z;
-      E && (L.current = null, (z = N.current) == null || z.disconnectUser().catch(console.error));
+      E && (D.current = null, (z = N.current) == null || z.disconnectUser().catch(console.error));
     };
   }, [F]);
   const y = Z(async () => {
@@ -211,7 +211,7 @@ const us = rt({
     l
   ]);
   return l("🔄 RENDER END", {
-    renderCount: D.current,
+    renderCount: L.current,
     willRenderChat: !!F,
     contextValueReady: !!I
   }), /* @__PURE__ */ s(us.Provider, { value: I, children: F ? /* @__PURE__ */ s(
@@ -408,7 +408,7 @@ const ne = ({
   logLabel: p = "useChannelModerationActions"
 }) => {
   var I;
-  const { service: h, debug: f } = lt(), c = (I = t == null ? void 0 : t.user) == null ? void 0 : I.id, v = !!(a && n && h && c), [w, b] = U(!1), [g, x] = U(null), [N, C] = U(!1), [T, A] = U(!1), D = v && ((g == null ? void 0 : g.participantId) !== c || (g == null ? void 0 : g.service) !== h);
+  const { service: h, debug: f } = lt(), c = (I = t == null ? void 0 : t.user) == null ? void 0 : I.id, v = !!(a && n && h && c), [w, b] = U(!1), [g, x] = U(null), [N, C] = U(!1), [T, A] = U(!1), L = v && ((g == null ? void 0 : g.participantId) !== c || (g == null ? void 0 : g.service) !== h);
   return J(() => {
     if (!v || !h || !c) {
       b(!1), x(null);
@@ -434,7 +434,7 @@ const ne = ({
     };
   }, [v, h, c, p]), {
     isParticipantBlocked: w,
-    isCheckingBlockedStatus: D,
+    isCheckingBlockedStatus: L,
     isLeaving: N,
     isUpdatingBlockStatus: T,
     handleLeaveConversation: async () => {
@@ -519,7 +519,7 @@ const ne = ({
     isUpdatingBlockStatus: C,
     handleLeaveConversation: T,
     handleBlockUser: A,
-    handleUnblockUser: D,
+    handleUnblockUser: L,
     handleReportUser: $
   } = ua({
     channel: e,
@@ -536,13 +536,13 @@ const ne = ({
   });
   return J(() => {
     if (!f) return;
-    const L = (I) => {
+    const D = (I) => {
       v.current && !v.current.contains(I.target) && c(!1);
     }, y = (I) => {
       I.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", L), document.addEventListener("keydown", y), () => {
-      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", y);
+    return document.addEventListener("mousedown", D), document.addEventListener("keydown", y), () => {
+      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", y);
     };
   }, [f]), !t || !(n || a || r || !!p) ? null : /* @__PURE__ */ m("div", { ref: v, className: "relative", children: [
     /* @__PURE__ */ m(
@@ -553,7 +553,7 @@ const ne = ({
         "aria-haspopup": "true",
         "aria-expanded": f,
         "aria-controls": f ? w : void 0,
-        onClick: () => c((L) => !L),
+        onClick: () => c((D) => !D),
         children: [
           /* @__PURE__ */ s(Mn, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ s("span", { className: "sr-only", children: "More options" })
@@ -592,7 +592,7 @@ const ne = ({
           ) : g ? /* @__PURE__ */ m(
             Ne,
             {
-              onClick: D,
+              onClick: L,
               disabled: C,
               "aria-busy": C,
               children: [
@@ -642,8 +642,8 @@ const ne = ({
   showChannelInfo: v = !0,
   onParticipantNameClick: w
 }) => {
-  var $, F, L;
-  const { channel: b } = le(), { client: g } = oe(), x = V.useMemo(
+  var $, F, D;
+  const { channel: b } = le(), { client: g } = me(), x = V.useMemo(
     () => {
       var y;
       return je(
@@ -653,7 +653,7 @@ const ne = ({
       );
     },
     [($ = b.state) == null ? void 0 : $.members, g == null ? void 0 : g.userID, b.type]
-  ), N = ct(x == null ? void 0 : x.user), C = (F = x == null ? void 0 : x.user) == null ? void 0 : F.image, T = ot(b), A = ga(x), D = async () => {
+  ), N = ct(x == null ? void 0 : x.user), C = (F = x == null ? void 0 : x.user) == null ? void 0 : F.image, T = ot(b), A = ga(x), L = async () => {
     try {
       T ? await b.unpin() : await b.pin();
     } catch (y) {
@@ -689,7 +689,7 @@ const ne = ({
           /* @__PURE__ */ s(
             ne,
             {
-              id: ((L = x == null ? void 0 : x.user) == null ? void 0 : L.id) || b.id || "unknown",
+              id: ((D = x == null ? void 0 : x.user) == null ? void 0 : D.id) || b.id || "unknown",
               name: N,
               image: C,
               dmAgentEnabled: a,
@@ -707,7 +707,7 @@ const ne = ({
                   {
                     "aria-label": "Paid customer",
                     className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                    children: /* @__PURE__ */ s(Dn, { className: "size-2.5", weight: "bold" })
+                    children: /* @__PURE__ */ s(Ln, { className: "size-2.5", weight: "bold" })
                   }
                 ),
                 n && T && /* @__PURE__ */ s(
@@ -741,7 +741,7 @@ const ne = ({
         "button",
         {
           className: We,
-          onClick: D,
+          onClick: L,
           type: "button",
           "aria-pressed": T,
           "aria-label": T ? "Unstar conversation" : "Star conversation",
@@ -781,7 +781,7 @@ function va(e) {
   return e != null && e.length ? e.some((t) => t.type === at) ? "down" : e.some((t) => t.type === nt) ? "up" : null : null;
 }
 function xa(e) {
-  const { channel: t } = le(), { client: n } = oe("useMessageVote"), a = se(
+  const { channel: t } = le(), { client: n } = me("useMessageVote"), a = se(
     () => va(e.own_reactions),
     [e.own_reactions]
   ), r = Z(async () => {
@@ -818,7 +818,7 @@ function hs({
   const n = e == null ? void 0 : e.text, a = wa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const _a = V.lazy(() => import("./Card-BRvcFjsq.js")), Na = V.lazy(() => import("./Card-CvNHv3me.js")), ya = V.lazy(() => import("./Card-jGOcSN1O.js")), dt = () => /* @__PURE__ */ s(
+const _a = V.lazy(() => import("./Card-Cz5ctt6G.js")), Na = V.lazy(() => import("./Card-DQWB2QcN.js")), ya = V.lazy(() => import("./Card-5O1ojtKv.js")), dt = () => /* @__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)]",
@@ -834,7 +834,7 @@ const _a = V.lazy(() => import("./Card-BRvcFjsq.js")), Na = V.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function ce(e) {
+function oe(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function ps(e) {
@@ -846,7 +846,7 @@ function ps(e) {
 const Ia = {
   video: cs,
   audio: zn,
-  image: Ln,
+  image: Dn,
   document: os
 }, Ta = {
   pdf: Vn,
@@ -860,7 +860,7 @@ const Ia = {
   generic: os
 };
 function Aa(e) {
-  const t = ce(e);
+  const t = oe(e);
   return t !== "document" ? Ia[t] : Ta[ps(e)];
 }
 function we(e, t) {
@@ -881,7 +881,7 @@ const Ma = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const p = ce(t), h = G(null), f = G(null), c = G(null), v = G(r), [w, b] = U(a), [g, x] = U(0), [N, C] = U(!1), [T, A] = U(!1), [D, $] = U(!1), [F, L] = U(!1), [y, I] = U(!0), [S, R] = U(null), E = Z(() => {
+  const p = oe(t), h = G(null), f = G(null), c = G(null), v = G(r), [w, b] = U(a), [g, x] = U(0), [N, C] = U(!1), [T, A] = U(!1), [L, $] = U(!1), [F, D] = U(!1), [y, I] = U(!0), [S, R] = U(null), E = Z(() => {
     $(!1), b(!0);
   }, []), z = Z((_) => {
     const M = f.current;
@@ -940,7 +940,7 @@ const Ma = (e) => {
           u(_);
           return;
         }
-        D || o && b((M) => !M);
+        L || o && b((M) => !M);
       },
       onKeyDown: (_) => {
         if (!(_.key !== "Enter" && _.key !== " ")) {
@@ -948,7 +948,7 @@ const Ma = (e) => {
             u(_);
             return;
           }
-          D || o && b((M) => !M);
+          L || o && b((M) => !M);
         }
       },
       children: [
@@ -972,11 +972,11 @@ const Ma = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => L(!0),
+            onLoadStart: () => D(!0),
             onCanPlay: () => {
-              L(!1), I(!1);
+              D(!1), I(!1);
             },
-            onWaiting: () => L(!0),
+            onWaiting: () => D(!0),
             onPlay: () => $(!1),
             onEnded: () => {
               i || (b(!1), x(0));
@@ -992,11 +992,11 @@ const Ma = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => L(!0),
+            onLoadStart: () => D(!0),
             onCanPlay: () => {
-              L(!1), I(!1);
+              D(!1), I(!1);
             },
-            onWaiting: () => L(!0),
+            onWaiting: () => D(!0),
             onPlay: () => $(!1),
             onLoadedMetadata: () => {
               const _ = h.current;
@@ -1008,14 +1008,14 @@ const Ma = (e) => {
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
         ) }),
-        F && !D && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
+        F && !L && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
           Ce,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        D && !o && /* @__PURE__ */ s(
+        L && !o && /* @__PURE__ */ s(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -1117,7 +1117,7 @@ const Ma = (e) => {
       ]
     }
   );
-}, Qt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Da = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", bs = ({
+}, Qt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", La = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", bs = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1126,7 +1126,7 @@ const Ma = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ce(e), [d, u] = U(!1);
+  const l = oe(e), [d, u] = U(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ s(
     Ra,
     {
@@ -1179,7 +1179,7 @@ const Ma = (e) => {
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Da(r)}`, children: /* @__PURE__ */ s(
+  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${La(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
       src: n,
@@ -1269,7 +1269,7 @@ function xs(e) {
 function ut(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#1e2330]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function La(e) {
+function Da(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
 function za(e) {
@@ -1296,7 +1296,7 @@ const mt = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ s(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${La(t)} flex items-center justify-center`,
+        className: `aspect-video w-full rounded-[20px] ${Da(t)} flex items-center justify-center`,
         children: /* @__PURE__ */ s(Hn, { className: `size-12 ${Oa(t)}` })
       }
     ) }),
@@ -1410,7 +1410,7 @@ const _s = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ce(t), o = a !== void 0 ? xs(a) : void 0;
+  const i = oe(t), o = a !== void 0 ? xs(a) : void 0;
   return /* @__PURE__ */ s(
     vs,
     {
@@ -1660,7 +1660,7 @@ function ar(e, t) {
     }
   }
   if (!e) return;
-  if (ce(e) === "document") {
+  if (oe(e) === "document") {
     const r = ps(e), i = nr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
@@ -2540,7 +2540,7 @@ const cr = ({
 ] }), Rr = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(Ms, { item: e, index: t })
-}), Dr = ({
+}), Lr = ({
   src: e,
   poster: t,
   mimeType: n,
@@ -2552,7 +2552,7 @@ const cr = ({
   mimeType: n.mimeType,
   preload: n.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Lr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+})), Dr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: o }) => {
   const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: p } = Re(
     i
   );
@@ -2581,7 +2581,7 @@ const cr = ({
       }
     )
   ] });
-}, Ds = ({
+}, Ls = ({
   state: e,
   src: t,
   poster: n,
@@ -2593,7 +2593,7 @@ const cr = ({
   preload: d,
   onClick: u
 }) => {
-  const p = Dr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Me(e), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
+  const p = Lr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Me(e), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
     u
   );
   if (p.length === 0)
@@ -2629,7 +2629,7 @@ const cr = ({
       ]
     }
   );
-}, zr = (e) => /* @__PURE__ */ s(Lr, { ...e }), Pr = (e) => /* @__PURE__ */ s(Ds, { ...e, state: "sent" }), Fr = (e) => /* @__PURE__ */ s(Ds, { ...e, state: "received" }), Or = {
+}, zr = (e) => /* @__PURE__ */ s(Dr, { ...e }), Pr = (e) => /* @__PURE__ */ s(Ls, { ...e, state: "sent" }), Fr = (e) => /* @__PURE__ */ s(Ls, { ...e, state: "received" }), Or = {
   Composer: zr,
   Sent: Pr,
   Received: Fr
@@ -2643,9 +2643,9 @@ const cr = ({
   isUnlocking: () => !1
 }, Br = {
   LockedAttachment: $r
-}, Ls = rt({}), ml = Ls.Provider;
+}, Ds = rt({}), ml = Ds.Provider;
 function Ur(e) {
-  return Ie(Ls)[e] ?? Br[e];
+  return Ie(Ds)[e] ?? Br[e];
 }
 const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
@@ -2744,15 +2744,14 @@ const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
     }
   )
 ] }), Je = () => {
-  var i;
-  const { message: e } = _e("SentMessageDeliveryStatus"), { messages: t } = le("SentMessageDeliveryStatus"), { client: n } = oe("SentMessageDeliveryStatus"), a = (i = n.user) == null ? void 0 : i.id, r = se(() => {
-    var o;
-    if (!(!a || !t)) {
-      for (let l = t.length - 1; l >= 0; l -= 1)
-        if (((o = t[l].user) == null ? void 0 : o.id) === a) return t[l].id;
-    }
-  }, [t, a]);
-  return e.id !== r ? null : /* @__PURE__ */ m(ee, { children: [
+  const { message: e } = _e("SentMessageDeliveryStatus"), { messages: t } = le("SentMessageDeliveryStatus"), n = se(
+    () => {
+      var a;
+      return (a = t == null ? void 0 : t[t.length - 1]) == null ? void 0 : a.id;
+    },
+    [t]
+  );
+  return e.id !== n ? null : /* @__PURE__ */ m(ee, { children: [
     /* @__PURE__ */ s(Kn, { weight: "bold", "aria-hidden": "true" }),
     /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
   ] });
@@ -2923,9 +2922,9 @@ const Zr = {
 }, ri = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Ve = (e, t) => !!t && !!e && ce(e) === "audio", yt = (e, t) => {
+}, Ve = (e, t) => !!t && !!e && oe(e) === "audio", yt = (e, t) => {
   if (!t || !e) return !1;
-  const n = ce(e);
+  const n = oe(e);
   return n === "video" || n === "audio";
 }, kt = "bg-[#F2F3F4]", $e = ({
   variant: e,
@@ -2936,7 +2935,7 @@ const Zr = {
   topLeft: i,
   topRight: o
 }) => {
-  const l = ce(r), d = !!n && l === "video";
+  const l = oe(r), d = !!n && l === "video";
   return Ve(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
     "audio",
     {
@@ -3418,7 +3417,7 @@ const xi = ({
     v(b, `media-${g}`);
   }), /* @__PURE__ */ s(ee, { children: f });
 }, wi = (e) => {
-  var At, Mt, Rt, Dt, Lt, zt, Pt, Ft, Ot, $t, Bt, Ut, jt, Vt;
+  var At, Mt, Rt, Lt, Dt, zt, Pt, Ft, Ot, $t, Bt, Ut, jt, Vt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: n,
@@ -3436,7 +3435,7 @@ const xi = ({
     renderText: v,
     threadList: w,
     viewerLanguage: b
-  } = e, { client: g } = oe("CustomMessage"), { channel: x } = le("CustomMessage"), { isUnlocking: N, onUnlockClick: C, onFetchSource: T, onDownloadClick: A } = Ur("LockedAttachment"), [D, $] = U(!1), F = Js(c.id), { selected: L, voteUp: y, voteDown: I } = xa(c), {
+  } = e, { client: g } = me("CustomMessage"), { channel: x } = le("CustomMessage"), { isUnlocking: N, onUnlockClick: C, onFetchSource: T, onDownloadClick: A } = Ur("LockedAttachment"), [L, $] = U(!1), F = Js(c.id), { selected: D, voteUp: y, voteDown: I } = xa(c), {
     Attachment: S = Zs,
     EditMessageModal: R = Qs,
     MessageActions: E,
@@ -3452,7 +3451,7 @@ const xi = ({
     () => h == null ? void 0 : h(c),
     [h, c]
   ), B = se(() => {
-    const me = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...me] : me;
+    const ue = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...ue] : ue;
     if (!Fe(c)) return pe;
     const Gt = pe.filter((Ht) => !("type" in Ht) || !ws(Ht));
     return Gt.length === pe.length ? pe : Gt;
@@ -3460,12 +3459,12 @@ const xi = ({
     () => Fs(B),
     [B]
   ), Q = se(() => {
-    const me = hs({ message: c, viewerLanguage: b });
-    return me === c.text ? c : { ...c, text: me };
-  }, [c, b]), de = W.length > 0, De = W.reduce(
-    (me, pe) => me + pe.attachments.length,
+    const ue = hs({ message: c, viewerLanguage: b });
+    return ue === c.text ? c : { ...c, text: ue };
+  }, [c, b]), ce = W.length > 0, Le = W.reduce(
+    (ue, pe) => ue + pe.attachments.length,
     0
-  ) === ((B == null ? void 0 : B.length) ?? 0), Le = Xa(
+  ) === ((B == null ? void 0 : B.length) ?? 0), De = Xa(
     {
       endOfGroup: r,
       firstOfGroup: i,
@@ -3478,7 +3477,7 @@ const xi = ({
     return /* @__PURE__ */ s(j, { message: c });
   if (un(c))
     return /* @__PURE__ */ s(z, {});
-  const ae = !w && !!c.reply_count, ue = !w && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((At = c.error) == null ? void 0 : At.status) !== 403, St = mn(c);
+  const ae = !w && !!c.reply_count, de = !w && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((At = c.error) == null ? void 0 : At.status) !== 403, St = mn(c);
   let he;
   ie ? he = () => u(c) : St && (he = () => $(!0));
   const fe = f(), js = k(
@@ -3493,12 +3492,12 @@ const xi = ({
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": q,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Mt = c == null ? void 0 : c.error) == null ? void 0 : Mt.status) !== 403,
-      "str-chat__message-with-thread-link": ae || ue,
+      "str-chat__message-with-thread-link": ae || de,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), Ge = c.poll_id && g.polls.fromState(c.poll_id), Et = Yr(c), ge = Fe(c), It = Hr(c), He = !!(B != null && B.length && !c.quoted_message), Tt = ge && fe && He, Vs = de && De && !c.quoted_message && !Ge && !Y && !ge;
+  ), Ge = c.poll_id && g.polls.fromState(c.poll_id), Et = Yr(c), ge = Fe(c), It = Hr(c), He = !!(B != null && B.length && !c.quoted_message), Tt = ge && fe && He, Vs = ce && Le && !c.quoted_message && !Ge && !Y && !ge;
   return /* @__PURE__ */ m(ee, { children: [
     a && /* @__PURE__ */ s(
       R,
@@ -3506,12 +3505,12 @@ const xi = ({
         additionalMessageInputProps: t
       }
     ),
-    D && /* @__PURE__ */ s(
+    L && /* @__PURE__ */ s(
       hn,
       {
         MessageBouncePrompt: O,
         onClose: () => $(!1),
-        open: D
+        open: L
       }
     ),
     /* @__PURE__ */ m(
@@ -3559,8 +3558,8 @@ const xi = ({
                     Zt.Sent,
                     {
                       title: (Rt = c.metadata) == null ? void 0 : Rt.attachment_title,
-                      mimeType: (Dt = c.metadata) == null ? void 0 : Dt.attachment_mime_type,
-                      thumbnailUrl: (Lt = c.metadata) == null ? void 0 : Lt.attachment_thumbnail,
+                      mimeType: (Lt = c.metadata) == null ? void 0 : Lt.attachment_mime_type,
+                      thumbnailUrl: (Dt = c.metadata) == null ? void 0 : Dt.attachment_thumbnail,
                       amountText: (zt = c.metadata) == null ? void 0 : zt.amount_text,
                       detail: (Pt = c.metadata) == null ? void 0 : Pt.attachment_detail,
                       paymentStatus: (Ft = c.metadata) == null ? void 0 : Ft.payment_status,
@@ -3610,7 +3609,7 @@ const xi = ({
                     /* @__PURE__ */ s(
                       xi,
                       {
-                        groupPosition: Le,
+                        groupPosition: De,
                         isMyMessage: fe,
                         message: {
                           attachments: B,
@@ -3667,7 +3666,7 @@ const xi = ({
             n && ge && /* @__PURE__ */ s(
               qr,
               {
-                selected: L,
+                selected: D,
                 onVoteUp: y,
                 onVoteDown: I
               }
@@ -3681,7 +3680,7 @@ const xi = ({
               reply_count: c.reply_count
             }
           ),
-          ue && /* @__PURE__ */ s(X, {})
+          de && /* @__PURE__ */ s(X, {})
         ]
       },
       c.id
@@ -3883,14 +3882,14 @@ const xi = ({
 }, Ri = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Di = {
+], Li = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Li = [
+}, Di = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
 ], zi = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Ze = "age safety guidelines.", Pi = "https://linktr.ee/s/about/contact", as = (e) => Ri.includes(e), Fi = (e) => Li.includes(e), Oi = (e) => {
+}, Ze = "age safety guidelines.", Pi = "https://linktr.ee/s/about/contact", as = (e) => Ri.includes(e), Fi = (e) => Di.includes(e), Oi = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (as(t))
@@ -3934,7 +3933,7 @@ const xi = ({
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Di[n.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Li[n.type];
     return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ m(
         "div",
@@ -4010,7 +4009,7 @@ const xi = ({
   qe.ExternalSources
 ]), ji = ({ threadList: e }) => {
   var v, w;
-  const { channel: t, channelConfig: n, thread: a } = le(), { client: r } = oe(), { typing: i = {} } = yn(), { aiState: o } = kn(t), l = Ie(Os);
+  const { channel: t, channelConfig: n, thread: a } = le(), { client: r } = me(), { typing: i = {} } = yn(), { aiState: o } = kn(t), l = Ie(Os);
   if (!e && l && Ui.has(o)) {
     const b = Vi(t, (v = r.user) == null ? void 0 : v.id);
     return /* @__PURE__ */ s(
@@ -4169,7 +4168,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderHeaderTitleBadges: b
 }) => {
   var I, S, R, E, z, O;
-  const { channel: g } = le(), { client: x } = oe(), N = V.useMemo(
+  const { channel: g } = le(), { client: x } = me(), N = V.useMemo(
     () => {
       var j;
       return je(
@@ -4179,12 +4178,12 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       );
     },
     [(I = g.state) == null ? void 0 : I.members, x == null ? void 0 : x.userID, g.type]
-  ), C = ct(N == null ? void 0 : N.user), T = (S = N == null ? void 0 : N.user) == null ? void 0 : S.image, A = ot(g), D = b == null ? void 0 : b({
+  ), C = ct(N == null ? void 0 : N.user), T = (S = N == null ? void 0 : N.user) == null ? void 0 : S.image, A = ot(g), L = b == null ? void 0 : b({
     channel: g,
     participant: N
-  }), $ = "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", F = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", L = /* @__PURE__ */ m(ee, { children: [
+  }), $ = "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", F = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", D = /* @__PURE__ */ m(ee, { children: [
     /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: C }),
-    D && /* @__PURE__ */ s("span", { className: "shrink-0", children: D })
+    L && /* @__PURE__ */ s("span", { className: "shrink-0", children: L })
   ] }), y = async () => {
     try {
       A ? await g.unpin() : await g.pin();
@@ -4239,7 +4238,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   }
                 ),
                 /* @__PURE__ */ m("span", { className: "flex max-w-full items-center gap-0.5", children: [
-                  L,
+                  D,
                   /* @__PURE__ */ s(ve, { className: "size-3 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ m("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
@@ -4261,7 +4260,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               }
             ),
             /* @__PURE__ */ m("p", { className: "flex max-w-full items-center justify-center gap-0.5", children: [
-              L,
+              D,
               /* @__PURE__ */ s(
                 ve,
                 {
@@ -4355,7 +4354,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ),
               /* @__PURE__ */ m("div", { className: "min-w-0", children: [
                 /* @__PURE__ */ m("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-                  L,
+                  D,
                   /* @__PURE__ */ s(ve, { className: "size-4 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ m("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
@@ -4379,7 +4378,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           ),
           /* @__PURE__ */ m("div", { className: "min-w-0", children: [
             /* @__PURE__ */ m("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-              L,
+              D,
               /* @__PURE__ */ s(
                 ve,
                 {
@@ -4459,13 +4458,13 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderChannelActions: C,
   renderMessage: T,
   dmAgentEnabled: A = !1,
-  viewerLanguage: D,
+  viewerLanguage: L,
   showChannelInfo: $ = !0,
   onParticipantNameClick: F,
-  composerInput: L
+  composerInput: D
 }) => {
   var _, M, H, q;
-  const { channel: y } = le(), { client: I } = oe(), S = V.useMemo(
+  const { channel: y } = le(), { client: I } = me(), S = V.useMemo(
     () => {
       var Y;
       return je(
@@ -4479,8 +4478,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     var W;
     const Y = I == null ? void 0 : I.userID;
     return Y ? Object.values(((W = y.state) == null ? void 0 : W.members) || {}).find((Q) => {
-      var de;
-      return ((de = Q.user) == null ? void 0 : de.id) === Y;
+      var ce;
+      return ((ce = Q.user) == null ? void 0 : ce.id) === Y;
     }) : void 0;
   }, [I == null ? void 0 : I.userID, (M = y.state) == null ? void 0 : M.members]), E = ((H = R == null ? void 0 : R.user) == null ? void 0 : H.is_account) ?? (R == null ? void 0 : R.is_account), z = ((q = S == null ? void 0 : S.user) == null ? void 0 : q.is_account) ?? (S == null ? void 0 : S.is_account), O = A && E === !1 && z === !0, j = y.state.messages.some(
     (Y) => Y.type !== "deleted"
@@ -4511,12 +4510,12 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         {
           ...Y,
           chatbotVotingEnabled: b,
-          viewerLanguage: D
+          viewerLanguage: L
         }
       );
       return !T || !B ? W : T(W, B);
     },
-    [b, T, D]
+    [b, T, L]
   );
   return /* @__PURE__ */ s(ee, { children: /* @__PURE__ */ s(
     Sn,
@@ -4582,7 +4581,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             renderFooter: () => a == null ? void 0 : a(y),
             disabled: c,
             disabledReason: v,
-            composerInput: L
+            composerInput: D
           },
           "lt-channel-message-input"
         )
@@ -4614,10 +4613,10 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onMessageSent: C,
     showStarButton: T = !1,
     chatbotVotingEnabled: A = !1,
-    renderChannelBanner: D,
+    renderChannelBanner: L,
     renderHeaderTitleBadges: $,
     customChannelActions: F,
-    renderChannelActions: L,
+    renderChannelActions: D,
     renderMessage: y,
     onMessageLinkClick: I,
     sendButton: S,
@@ -4654,7 +4653,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       const _ = (M) => {
         const H = M.target, q = H == null ? void 0 : H.closest("a[href]"), Y = q == null ? void 0 : q.getAttribute("href");
         if (!Y) return;
-        const B = q == null ? void 0 : q.closest("[data-message-id]"), W = B == null ? void 0 : B.getAttribute("data-message-id"), Q = W ? e.state.messages.find((de) => de.id === W) : void 0;
+        const B = q == null ? void 0 : q.closest("[data-message-id]"), W = B == null ? void 0 : B.getAttribute("data-message-id"), Q = W ? e.state.messages.find((ce) => ce.id === W) : void 0;
         I(Y, Q);
       };
       return K.addEventListener("click", _), () => K.removeEventListener("click", _);
@@ -4700,10 +4699,10 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 showStarButton: T,
                 dmAgentEnabled: x,
                 chatbotVotingEnabled: A,
-                renderChannelBanner: D,
+                renderChannelBanner: L,
                 renderHeaderTitleBadges: $,
                 customChannelActions: F,
-                renderChannelActions: L,
+                renderChannelActions: D,
                 renderMessage: y,
                 viewerLanguage: E,
                 showChannelInfo: z,
@@ -4759,10 +4758,10 @@ const fl = ({
   composerInput: A
 }) => {
   const {
-    client: D,
+    client: L,
     isConnected: $,
     isLoading: F,
-    error: L,
+    error: D,
     refreshConnection: y,
     service: I,
     debug: S
@@ -4774,8 +4773,8 @@ const fl = ({
   J(() => {
     H.current = R;
   }, [R]), J(() => {
-    if (!D || !$) return;
-    const B = D.userID;
+    if (!L || !$) return;
+    const B = L.userID;
     if (!B) return;
     const W = `${B}::${i}`;
     if (M.current === W) return;
@@ -4784,13 +4783,13 @@ const fl = ({
       M.current === W && (M.current = null);
     };
     (async () => {
-      var De, Le;
+      var Le, De;
       try {
         S && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const ae = await D.queryChannels(
+        const ae = await L.queryChannels(
           {
             type: "messaging",
             members: { $eq: [B, i] }
@@ -4799,14 +4798,14 @@ const fl = ({
           { limit: 1 }
         );
         if (ae.length > 0) {
-          E(ae[0]), O(null), (De = _.current) == null || De.call(_, ae[0]), S && console.log(
+          E(ae[0]), O(null), (Le = _.current) == null || Le.call(_, ae[0]), S && console.log(
             "[MessagingShell] Initial conversation loaded:",
             ae[0].id
           );
           return;
         }
-        const ue = K.current;
-        if (!ue || !I) {
+        const de = K.current;
+        if (!de || !I) {
           Q(), O("No conversation found with this account"), S && console.log(
             "[MessagingShell] No conversation found for:",
             i
@@ -4815,11 +4814,11 @@ const fl = ({
         }
         try {
           const ie = await I.startChannelWithParticipant({
-            id: ue.id,
-            name: ue.name,
-            phone: ue.phone
+            id: de.id,
+            name: de.name,
+            phone: de.phone
           });
-          E(ie), O(null), (Le = _.current) == null || Le.call(_, ie), S && console.log(
+          E(ie), O(null), (De = _.current) == null || De.call(_, ie), S && console.log(
             "[MessagingShell] Channel created and loaded:",
             ie.id
           );
@@ -4836,14 +4835,14 @@ const fl = ({
         ), Q(), H.current || O("Failed to load conversation");
       }
     })();
-  }, [i, D, $, I, S]);
+  }, [i, L, $, I, S]);
   const q = G(r);
   q.current = r;
   const Y = Z(() => {
     var B;
     E(null), X(!0), (B = q.current) == null || B.call(q);
   }, []);
-  return F ? /* @__PURE__ */ s(Be, {}) : L ? /* @__PURE__ */ s(ke, { message: L, onBack: y }) : !$ || !D ? /* @__PURE__ */ s(
+  return F ? /* @__PURE__ */ s(Be, {}) : D ? /* @__PURE__ */ s(ke, { message: D, onBack: y }) : !$ || !L ? /* @__PURE__ */ s(
     ke,
     {
       message: "Not connected to messaging service",
@@ -4915,7 +4914,7 @@ const Bs = V.createContext({
   });
 }, Us = V.memo(
   (e) => {
-    var $, F, L;
+    var $, F, D;
     const { channel: t, unread: n } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -4923,7 +4922,7 @@ const Bs = V.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = Ki(), { client: u } = oe(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = ot(t);
+    } = Ki(), { client: u } = me(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = ot(t);
     if (o)
       return /* @__PURE__ */ s(
         o,
@@ -4964,12 +4963,12 @@ const Bs = V.createContext({
       if (y) return y;
       const E = (X = g == null ? void 0 : g.attachments) == null ? void 0 : X[0];
       return E ? E.og_scrape_url ? E.og_scrape_url : E.type === "image" ? "📷 Sent an image" : E.type === "video" ? "🎥 Sent a video" : E.type === "audio" ? "🎵 Sent audio" : E.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), C = g != null && g.created_at ? Zi(new Date(g.created_at)) : "", T = g ? Fe(g) : !1, A = l ? l(g, N) : `${T ? "✨ " : ""}${N}`, D = n ?? 0;
+    })(), C = g != null && g.created_at ? Zi(new Date(g.created_at)) : "", T = g ? Fe(g) : !1, A = l ? l(g, N) : `${T ? "✨ " : ""}${N}`, L = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: p,
       participantName: w,
-      unreadCount: D,
+      unreadCount: L,
       hasTimestamp: !!C
     }), /* @__PURE__ */ s(
       "div",
@@ -4990,7 +4989,7 @@ const Bs = V.createContext({
           /* @__PURE__ */ s(
             ne,
             {
-              id: ((L = v == null ? void 0 : v.user) == null ? void 0 : L.id) || t.id || "unknown",
+              id: ((D = v == null ? void 0 : v.user) == null ? void 0 : D.id) || t.id || "unknown",
               name: w,
               image: b,
               size: 48,
@@ -5015,7 +5014,7 @@ const Bs = V.createContext({
             ] }),
             /* @__PURE__ */ m("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: A }),
-              D > 0 && /* @__PURE__ */ s("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: D > 99 ? "99+" : D })
+              L > 0 && /* @__PURE__ */ s("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: L > 99 ? "99+" : L })
             ] })
           ] })
         ] })
@@ -5178,7 +5177,7 @@ export {
   $s as d,
   ml as e,
   tl as f,
-  ce as g,
+  oe as g,
   Zt as h,
   ye as i,
   qr as j,
@@ -5199,4 +5198,4 @@ export {
   ft as y,
   ct as z
 };
-//# sourceMappingURL=index-BCgRoF_u.js.map
+//# sourceMappingURL=index-zQJ3Ag9l.js.map