@linktr.ee/messaging-react 3.6.2-rc-1783311170 → 3.6.2-rc-1783311731

package/dist/{index-DcEVHNS3.js → index-wFe1UO9t.js}

@@ -1,9 +1,9 @@
 import { jsx as s, jsxs as m, Fragment as ee } from "react/jsx-runtime";
-import U, { createContext as rt, useContext as Ie, useCallback as J, useState as B, useRef as G, useEffect as K, useId as Gs, useMemo as ae, Suspense as it } from "react";
+import U, { createContext as rt, useContext as Ie, useCallback as J, useState as B, useRef as G, useEffect as K, 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 ue, 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 jn, FileXlsIcon as Bn, FileDocIcon as Un, FilePdfIcon as Vn, CircleNotchIcon as Ce, PlayIcon as tt, PauseIcon as Gn, LinkIcon as Hn, DownloadSimpleIcon as Se, XIcon as Be, 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 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 jn, FileXlsIcon as Bn, FileDocIcon as Un, FilePdfIcon as Vn, CircleNotchIcon as Ce, PlayIcon as tt, PauseIcon as Gn, LinkIcon as Hn, DownloadSimpleIcon as Se, XIcon as Be, 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({
@@ -62,12 +62,12 @@ const us = rt({
     serviceConfig: n,
     capabilities: r
   };
-  const D = G(null);
-  a && ((A = D.current) == null ? void 0 : A.apiKey) !== a && (D.current = { apiKey: a, client: new Ys(a) });
-  const L = a ? ((E = D.current) == null ? void 0 : E.client) ?? null : null;
+  const L = G(null);
+  a && ((A = L.current) == null ? void 0 : A.apiKey) !== a && (L.current = { apiKey: a, client: new Ys(a) });
+  const D = a ? ((E = L.current) == null ? void 0 : E.client) ?? null : null;
   K(() => {
     const C = M.current, I = N.current;
-    if (!a || !L || !I) {
+    if (!a || !D || !I) {
       l("⚠️ SERVICE INIT SKIPPED", {
         renderCount: C,
         reason: "Missing apiKey, client, or serviceConfig"
@@ -82,13 +82,13 @@ const us = rt({
       ...I,
       apiKey: a,
       debug: S.current,
-      client: L
+      client: D
     });
     x.current = $, d($), l("✅ SERVICE SET", {
       renderCount: C,
       serviceInstance: !!$
     });
-  }, [a, L]);
+  }, [a, D]);
   const O = G(null);
   K(() => {
     var I, $;
@@ -137,12 +137,12 @@ const us = rt({
       }
     })();
   }, [o, t, l, h]), K(() => {
-    const C = L;
+    const C = D;
     return () => {
       var I;
       C && (O.current = null, (I = x.current) == null || I.disconnectUser().catch(console.error));
     };
-  }, [L]);
+  }, [D]);
   const z = J(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!o,
@@ -194,12 +194,12 @@ const us = rt({
   ]);
   return l("🔄 RENDER END", {
     renderCount: M.current,
-    willRenderChat: !!L,
+    willRenderChat: !!D,
     contextValueReady: !!y
-  }), /* @__PURE__ */ s(us.Provider, { value: y, children: L ? /* @__PURE__ */ s(
+  }), /* @__PURE__ */ s(us.Provider, { value: y, children: D ? /* @__PURE__ */ s(
     qs,
     {
-      client: L,
+      client: D,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
@@ -303,7 +303,7 @@ function oa(e) {
 function ca(e) {
   return ms(e).bgColor;
 }
-const se = ({
+const ne = ({
   id: e,
   image: t,
   size: n = 40,
@@ -390,7 +390,7 @@ const se = ({
   logLabel: p = "useChannelModerationActions"
 }) => {
   var A;
-  const { service: h, debug: g } = lt(), c = (A = t == null ? void 0 : t.user) == null ? void 0 : A.id, v = !!(a && n && h && c), [w, b] = B(!1), [f, x] = B(null), [N, S] = B(!1), [T, M] = B(!1), D = v && ((f == null ? void 0 : f.participantId) !== c || (f == null ? void 0 : f.service) !== h);
+  const { service: h, debug: g } = lt(), c = (A = t == null ? void 0 : t.user) == null ? void 0 : A.id, v = !!(a && n && h && c), [w, b] = B(!1), [f, x] = B(null), [N, S] = B(!1), [T, M] = B(!1), L = v && ((f == null ? void 0 : f.participantId) !== c || (f == null ? void 0 : f.service) !== h);
   return K(() => {
     if (!v || !h || !c) {
       b(!1), x(null);
@@ -416,7 +416,7 @@ const se = ({
     };
   }, [v, h, c, p]), {
     isParticipantBlocked: w,
-    isCheckingBlockedStatus: D,
+    isCheckingBlockedStatus: L,
     isLeaving: N,
     isUpdatingBlockStatus: T,
     handleLeaveConversation: async () => {
@@ -501,8 +501,8 @@ const se = ({
     isUpdatingBlockStatus: S,
     handleLeaveConversation: T,
     handleBlockUser: M,
-    handleUnblockUser: D,
-    handleReportUser: L
+    handleUnblockUser: L,
+    handleReportUser: D
   } = ua({
     channel: e,
     participant: t,
@@ -574,7 +574,7 @@ const se = ({
           ) : f ? /* @__PURE__ */ m(
             Ne,
             {
-              onClick: D,
+              onClick: L,
               disabled: S,
               "aria-busy": S,
               children: [
@@ -594,7 +594,7 @@ const se = ({
               ]
             }
           ) }),
-          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ m(Ne, { variant: "danger", onClick: L, children: [
+          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ m(Ne, { variant: "danger", onClick: D, children: [
             /* @__PURE__ */ s(ls, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
@@ -624,8 +624,8 @@ const se = ({
   showChannelInfo: v = !0,
   onParticipantNameClick: w
 }) => {
-  var L, O, z;
-  const { channel: b } = ue(), { client: f } = me(), x = U.useMemo(
+  var D, O, z;
+  const { channel: b } = le(), { client: f } = oe(), x = U.useMemo(
     () => {
       var y;
       return Ue(
@@ -634,8 +634,8 @@ const se = ({
         b.type
       );
     },
-    [(L = b.state) == null ? void 0 : L.members, f == null ? void 0 : f.userID, b.type]
-  ), N = ct(x == null ? void 0 : x.user), S = (O = x == null ? void 0 : x.user) == null ? void 0 : O.image, T = ot(b), M = ga(x), D = async () => {
+    [(D = b.state) == null ? void 0 : D.members, f == null ? void 0 : f.userID, b.type]
+  ), N = ct(x == null ? void 0 : x.user), S = (O = x == null ? void 0 : x.user) == null ? void 0 : O.image, T = ot(b), M = ga(x), L = async () => {
     try {
       T ? await b.unpin() : await b.pin();
     } catch (y) {
@@ -669,7 +669,7 @@ const se = ({
         className: "group flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",
         children: [
           /* @__PURE__ */ s(
-            se,
+            ne,
             {
               id: ((z = x == null ? void 0 : x.user) == null ? void 0 : z.id) || b.id || "unknown",
               name: N,
@@ -689,7 +689,7 @@ const se = ({
                   {
                     "aria-label": "Paid customer",
                     className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                    children: /* @__PURE__ */ s(Ln, { className: "size-2.5", weight: "bold" })
+                    children: /* @__PURE__ */ s(Dn, { className: "size-2.5", weight: "bold" })
                   }
                 ),
                 n && T && /* @__PURE__ */ s(
@@ -723,7 +723,7 @@ const se = ({
         "button",
         {
           className: We,
-          onClick: D,
+          onClick: L,
           type: "button",
           "aria-pressed": T,
           "aria-label": T ? "Unstar conversation" : "Star conversation",
@@ -763,7 +763,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 } = ue(), { client: n } = me("useMessageVote"), a = ae(
+  const { channel: t } = le(), { client: n } = oe("useMessageVote"), a = se(
     () => va(e.own_reactions),
     [e.own_reactions]
   ), r = J(async () => {
@@ -800,7 +800,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 = U.lazy(() => import("./Card-CJh6R76n.js")), Na = U.lazy(() => import("./Card-DUoHKAuh.js")), ya = U.lazy(() => import("./Card-DnEyeR_d.js")), dt = () => /* @__PURE__ */ s(
+const _a = U.lazy(() => import("./Card-iGNcxybY.js")), Na = U.lazy(() => import("./Card-0wf8lj5n.js")), ya = U.lazy(() => import("./Card-RZ6C_IkE.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)]",
@@ -816,7 +816,7 @@ const _a = U.lazy(() => import("./Card-CJh6R76n.js")), Na = U.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function le(e) {
+function ce(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function ps(e) {
@@ -828,7 +828,7 @@ function ps(e) {
 const Ia = {
   video: cs,
   audio: zn,
-  image: Dn,
+  image: Ln,
   document: os
 }, Ta = {
   pdf: Vn,
@@ -842,7 +842,7 @@ const Ia = {
   generic: os
 };
 function Aa(e) {
-  const t = le(e);
+  const t = ce(e);
   return t !== "document" ? Ia[t] : Ta[ps(e)];
 }
 function we(e, t) {
@@ -863,8 +863,8 @@ const Ma = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const p = le(t), h = G(null), g = G(null), c = G(null), v = G(r), [w, b] = B(a), [f, x] = B(0), [N, S] = B(!1), [T, M] = B(!1), [D, L] = B(!1), [O, z] = B(!1), [y, A] = B(!0), [E, C] = B(null), I = J(() => {
-    L(!1), b(!0);
+  const p = ce(t), h = G(null), g = G(null), c = G(null), v = G(r), [w, b] = B(a), [f, x] = B(0), [N, S] = B(!1), [T, M] = B(!1), [L, D] = B(!1), [O, z] = B(!1), [y, A] = B(!0), [E, C] = B(null), I = J(() => {
+    D(!1), b(!0);
   }, []), $ = J((_) => {
     const R = g.current;
     if (!R) return 0;
@@ -898,7 +898,7 @@ const Ma = (e) => {
   }, [w, N]), K(() => {
     const _ = h.current;
     _ && (w ? _.play().catch((R) => {
-      b(!1), L(!0);
+      b(!1), D(!0);
     }) : _.pause());
   }, [w]), K(() => {
     if (!N) return;
@@ -922,7 +922,7 @@ const Ma = (e) => {
           u(_);
           return;
         }
-        D || l && b((R) => !R);
+        L || l && b((R) => !R);
       },
       onKeyDown: (_) => {
         if (!(_.key !== "Enter" && _.key !== " ")) {
@@ -930,7 +930,7 @@ const Ma = (e) => {
             u(_);
             return;
           }
-          D || l && b((R) => !R);
+          L || l && b((R) => !R);
         }
       },
       children: [
@@ -959,7 +959,7 @@ const Ma = (e) => {
               z(!1), A(!1);
             },
             onWaiting: () => z(!0),
-            onPlay: () => L(!1),
+            onPlay: () => D(!1),
             onEnded: () => {
               i || (b(!1), x(0));
             },
@@ -979,7 +979,7 @@ const Ma = (e) => {
               z(!1), A(!1);
             },
             onWaiting: () => z(!0),
-            onPlay: () => L(!1),
+            onPlay: () => D(!1),
             onLoadedMetadata: () => {
               const _ = h.current;
               _ instanceof HTMLVideoElement && _.videoWidth && _.videoHeight && C(_.videoWidth / _.videoHeight);
@@ -990,14 +990,14 @@ const Ma = (e) => {
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
         ) }),
-        O && !D && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
+        O && !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 && !l && /* @__PURE__ */ s(
+        L && !l && /* @__PURE__ */ s(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -1099,7 +1099,7 @@ const Ma = (e) => {
       ]
     }
   );
-}, 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 = ({
+}, 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 = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1108,7 +1108,7 @@ const Ma = (e) => {
   mediaPlayerProps: i,
   containedImage: l = !1
 }) => {
-  const o = le(e), [d, u] = B(!1);
+  const o = ce(e), [d, u] = B(!1);
   return t && (o === "video" || o === "audio") ? /* @__PURE__ */ s(
     Ra,
     {
@@ -1161,7 +1161,7 @@ const Ma = (e) => {
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${La(r)}`, children: /* @__PURE__ */ s(
+  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Da(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
       src: n,
@@ -1251,7 +1251,7 @@ function xs(e) {
 function ut(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function Da(e) {
+function La(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
 function za(e) {
@@ -1278,7 +1278,7 @@ const mt = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ s(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Da(t)} flex items-center justify-center`,
+        className: `aspect-video w-full rounded-[20px] ${La(t)} flex items-center justify-center`,
         children: /* @__PURE__ */ s(Hn, { className: `size-12 ${Oa(t)}` })
       }
     ) }),
@@ -1392,7 +1392,7 @@ const _s = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = le(t), l = a !== void 0 ? xs(a) : void 0;
+  const i = ce(t), l = a !== void 0 ? xs(a) : void 0;
   return /* @__PURE__ */ s(
     vs,
     {
@@ -1421,7 +1421,7 @@ const _s = ({
   const n = ht(e), a = ft(e);
   return !n && !a ? null : /* @__PURE__ */ m("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(
-      se,
+      ne,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1641,7 +1641,7 @@ function ar(e, t) {
     }
   }
   if (!e) return;
-  if (le(e) === "document") {
+  if (ce(e) === "document") {
     const r = ps(e), i = nr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
@@ -2072,7 +2072,7 @@ const cr = ({
     length: t.length,
     initialIndex: n,
     open: e
-  }), o = t[r], d = ae(
+  }), o = t[r], d = se(
     () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "image"),
     [o]
   );
@@ -2309,10 +2309,10 @@ const cr = ({
     length: t.length,
     initialIndex: n,
     open: e
-  }), o = t[r], d = ae(
+  }), o = t[r], d = se(
     () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "document"),
     [o]
-  ), u = ae(
+  ), u = se(
     () => o ? kr(o.src) : void 0,
     [o]
   );
@@ -2455,7 +2455,7 @@ const cr = ({
     length: t.length,
     initialIndex: n,
     open: e
-  }), o = t[r], d = ae(
+  }), o = t[r], d = se(
     () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "video"),
     [o]
   );
@@ -2521,7 +2521,7 @@ const cr = ({
 ] }), Rr = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(Ms, { item: e, index: t })
-}), Lr = ({
+}), Dr = ({
   src: e,
   poster: t,
   mimeType: n,
@@ -2533,7 +2533,7 @@ const cr = ({
   mimeType: n.mimeType,
   preload: n.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Dr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: l }) => {
+})), Lr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: l }) => {
   const { viewerOpen: o, viewerIndex: d, handleActivate: u, closeViewer: p } = Re(
     i
   );
@@ -2562,7 +2562,7 @@ const cr = ({
       }
     )
   ] });
-}, Ls = ({
+}, Ds = ({
   state: e,
   src: t,
   poster: n,
@@ -2574,7 +2574,7 @@ const cr = ({
   preload: d,
   onClick: u
 }) => {
-  const p = Lr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Me(e), { viewerOpen: g, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
+  const p = Dr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Me(e), { viewerOpen: g, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
     u
   );
   if (p.length === 0)
@@ -2610,7 +2610,7 @@ const cr = ({
       ]
     }
   );
-}, zr = (e) => /* @__PURE__ */ s(Dr, { ...e }), Pr = (e) => /* @__PURE__ */ s(Ls, { ...e, state: "sent" }), Fr = (e) => /* @__PURE__ */ s(Ls, { ...e, state: "received" }), Or = {
+}, zr = (e) => /* @__PURE__ */ s(Lr, { ...e }), Pr = (e) => /* @__PURE__ */ s(Ds, { ...e, state: "sent" }), Fr = (e) => /* @__PURE__ */ s(Ds, { ...e, state: "received" }), Or = {
   Composer: zr,
   Sent: Pr,
   Received: Fr
@@ -2624,9 +2624,9 @@ const cr = ({
   isUnlocking: () => !1
 }, jr = {
   LockedAttachment: $r
-}, Ds = rt({}), ml = Ds.Provider;
+}, Ls = rt({}), ml = Ls.Provider;
 function Br(e) {
-  return Ie(Ds)[e] ?? jr[e];
+  return Ie(Ls)[e] ?? jr[e];
 }
 const Ur = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
@@ -2725,10 +2725,15 @@ const Ur = ({ size: e = 15 }) => /* @__PURE__ */ s(
     }
   )
 ] }), Je = () => {
-  const { lastOwnMessage: e, message: t } = _e(
-    "SentMessageDeliveryStatus"
-  );
-  return (e == null ? void 0 : e.id) !== t.id ? null : /* @__PURE__ */ m(ee, { children: [
+  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 l;
+    if (!(!a || !t)) {
+      for (let o = t.length - 1; o >= 0; o -= 1)
+        if (((l = t[o].user) == null ? void 0 : l.id) === a) return t[o].id;
+    }
+  }, [t, a]);
+  return e.id !== r ? null : /* @__PURE__ */ m(ee, { children: [
     /* @__PURE__ */ s(Kn, { weight: "bold", "aria-hidden": "true" }),
     /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
   ] });
@@ -2899,9 +2904,9 @@ const Zr = {
 }, ri = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Ve = (e, t) => !!t && !!e && le(e) === "audio", yt = (e, t) => {
+}, Ve = (e, t) => !!t && !!e && ce(e) === "audio", yt = (e, t) => {
   if (!t || !e) return !1;
-  const n = le(e);
+  const n = ce(e);
   return n === "video" || n === "audio";
 }, kt = "bg-[#F2F3F4]", $e = ({
   variant: e,
@@ -2912,7 +2917,7 @@ const Zr = {
   topLeft: i,
   topRight: l
 }) => {
-  const o = le(r), d = !!n && o === "video";
+  const o = ce(r), d = !!n && o === "video";
   return Ve(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
     "audio",
     {
@@ -3394,7 +3399,7 @@ const xi = ({
     v(b, `media-${f}`);
   }), /* @__PURE__ */ s(ee, { children: g });
 }, wi = (e) => {
-  var At, Mt, Rt, Lt, Dt, zt, Pt, Ft, Ot, $t, jt, Bt, Ut, Vt;
+  var At, Mt, Rt, Dt, Lt, zt, Pt, Ft, Ot, $t, jt, Bt, Ut, Vt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: n,
@@ -3412,7 +3417,7 @@ const xi = ({
     renderText: v,
     threadList: w,
     viewerLanguage: b
-  } = e, { client: f } = me("CustomMessage"), { channel: x } = ue("CustomMessage"), { isUnlocking: N, onUnlockClick: S, onFetchSource: T, onDownloadClick: M } = Br("LockedAttachment"), [D, L] = B(!1), O = Js(c.id), { selected: z, voteUp: y, voteDown: A } = xa(c), {
+  } = e, { client: f } = oe("CustomMessage"), { channel: x } = le("CustomMessage"), { isUnlocking: N, onUnlockClick: S, onFetchSource: T, onDownloadClick: M } = Br("LockedAttachment"), [L, D] = B(!1), O = Js(c.id), { selected: z, voteUp: y, voteDown: A } = xa(c), {
     Attachment: E = Zs,
     EditMessageModal: C = Qs,
     MessageActions: I,
@@ -3424,24 +3429,24 @@ const xi = ({
     ReminderNotification: X = rn,
     StreamedMessageText: _ = ln,
     PinIndicator: R
-  } = is("CustomMessage"), H = on(c), q = cn(c), Y = ae(
+  } = is("CustomMessage"), H = on(c), q = cn(c), Y = se(
     () => h == null ? void 0 : h(c),
     [h, c]
-  ), j = ae(() => {
-    const de = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...de] : de;
+  ), j = se(() => {
+    const me = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...me] : me;
     if (!Fe(c)) return pe;
     const Gt = pe.filter((Ht) => !("type" in Ht) || !ws(Ht));
     return Gt.length === pe.length ? pe : Gt;
-  }, [c]), W = ae(
+  }, [c]), W = se(
     () => Fs(j),
     [j]
-  ), Z = ae(() => {
-    const de = hs({ message: c, viewerLanguage: b });
-    return de === c.text ? c : { ...c, text: de };
-  }, [c, b]), oe = W.length > 0, Le = W.reduce(
-    (de, pe) => de + pe.attachments.length,
+  ), Z = 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,
     0
-  ) === ((j == null ? void 0 : j.length) ?? 0), De = Xa(
+  ) === ((j == null ? void 0 : j.length) ?? 0), Le = Xa(
     {
       endOfGroup: r,
       firstOfGroup: i,
@@ -3454,9 +3459,9 @@ const xi = ({
     return /* @__PURE__ */ s(V, { message: c });
   if (un(c))
     return /* @__PURE__ */ s($, {});
-  const ne = !w && !!c.reply_count, ce = !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, 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);
   let he;
-  ie ? he = () => u(c) : St && (he = () => L(!0));
+  ie ? he = () => u(c) : St && (he = () => D(!0));
   const fe = g(), Us = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
@@ -3469,12 +3474,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": ne || ce,
+      "str-chat__message-with-thread-link": ae || ue,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), Ge = c.poll_id && f.polls.fromState(c.poll_id), Et = Yr(c), ge = Fe(c), It = Hr(c), He = !!(j != null && j.length && !c.quoted_message), Tt = ge && fe && He, Vs = oe && Le && !c.quoted_message && !Ge && !Y && !ge;
+  ), Ge = c.poll_id && f.polls.fromState(c.poll_id), Et = Yr(c), ge = Fe(c), It = Hr(c), He = !!(j != null && j.length && !c.quoted_message), Tt = ge && fe && He, Vs = de && De && !c.quoted_message && !Ge && !Y && !ge;
   return /* @__PURE__ */ m(ee, { children: [
     a && /* @__PURE__ */ s(
       C,
@@ -3482,12 +3487,12 @@ const xi = ({
         additionalMessageInputProps: t
       }
     ),
-    D && /* @__PURE__ */ s(
+    L && /* @__PURE__ */ s(
       hn,
       {
         MessageBouncePrompt: F,
-        onClose: () => L(!1),
-        open: D
+        onClose: () => D(!1),
+        open: L
       }
     ),
     /* @__PURE__ */ m(
@@ -3500,7 +3505,7 @@ const xi = ({
           R && /* @__PURE__ */ s(R, {}),
           !!O && /* @__PURE__ */ s(X, { reminder: O }),
           c.user && /* @__PURE__ */ s(
-            se,
+            ne,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -3535,8 +3540,8 @@ const xi = ({
                     Zt.Sent,
                     {
                       title: (Rt = c.metadata) == null ? void 0 : Rt.attachment_title,
-                      mimeType: (Lt = c.metadata) == null ? void 0 : Lt.attachment_mime_type,
-                      thumbnailUrl: (Dt = c.metadata) == null ? void 0 : Dt.attachment_thumbnail,
+                      mimeType: (Dt = c.metadata) == null ? void 0 : Dt.attachment_mime_type,
+                      thumbnailUrl: (Lt = c.metadata) == null ? void 0 : Lt.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,
@@ -3586,7 +3591,7 @@ const xi = ({
                     /* @__PURE__ */ s(
                       xi,
                       {
-                        groupPosition: De,
+                        groupPosition: Le,
                         isMyMessage: fe,
                         message: {
                           attachments: j,
@@ -3650,14 +3655,14 @@ const xi = ({
             )
           ] }),
           /* @__PURE__ */ s(Xr, {}),
-          ne && /* @__PURE__ */ s(
+          ae && /* @__PURE__ */ s(
             te,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ce && /* @__PURE__ */ s(Q, {})
+          ue && /* @__PURE__ */ s(Q, {})
         ]
       },
       c.id
@@ -3665,10 +3670,7 @@ const xi = ({
   ] });
 }, _i = U.memo(
   wi,
-  (e, t) => {
-    var n, a;
-    return e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage || ((n = e.lastOwnMessage) == null ? void 0 : n.id) !== ((a = t.lastOwnMessage) == null ? void 0 : a.id) ? !1 : Ks(e, t);
-  }
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ks(e, t)
 ), Ni = (e) => {
   const t = _e("CustomMessage");
   return /* @__PURE__ */ s(_i, { ...t, ...e });
@@ -3840,7 +3842,7 @@ const xi = ({
   composerInput: r
 }) => {
   var o;
-  const { channel: i } = ue(), l = ((o = i == null ? void 0 : i.data) == null ? void 0 : o.frozen) === !0;
+  const { channel: i } = le(), l = ((o = i == null ? void 0 : i.data) == null ? void 0 : o.frozen) === !0;
   return n ? /* @__PURE__ */ m(ee, { children: [
     /* @__PURE__ */ s("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ s("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
@@ -3862,14 +3864,14 @@ const xi = ({
 }, Ri = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Li = {
+], Di = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Di = [
+}, Li = [
   "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) => Di.includes(e), Oi = (e) => {
+}, Ze = "age safety guidelines.", Pi = "https://linktr.ee/s/about/contact", as = (e) => Ri.includes(e), Fi = (e) => Li.includes(e), Oi = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (as(t))
@@ -3913,7 +3915,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()) || Li[n.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Di[n.type];
     return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ m(
         "div",
@@ -3989,7 +3991,7 @@ const xi = ({
   qe.ExternalSources
 ]), Ui = ({ threadList: e }) => {
   var v, w;
-  const { channel: t, channelConfig: n, thread: a } = ue(), { client: r } = me(), { typing: i = {} } = yn(), { aiState: l } = kn(t), o = Ie(Os);
+  const { channel: t, channelConfig: n, thread: a } = le(), { client: r } = oe(), { typing: i = {} } = yn(), { aiState: l } = kn(t), o = Ie(Os);
   if (!e && o && Bi.has(l)) {
     const b = Vi(t, (v = r.user) == null ? void 0 : v.id);
     return /* @__PURE__ */ s(
@@ -4042,7 +4044,7 @@ const xi = ({
     },
     children: /* @__PURE__ */ m("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(
-        se,
+        ne,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -4148,7 +4150,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderHeaderTitleBadges: b
 }) => {
   var A, E, C, I, $, F;
-  const { channel: f } = ue(), { client: x } = me(), N = U.useMemo(
+  const { channel: f } = le(), { client: x } = oe(), N = U.useMemo(
     () => {
       var V;
       return Ue(
@@ -4158,12 +4160,12 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       );
     },
     [(A = f.state) == null ? void 0 : A.members, x == null ? void 0 : x.userID, f.type]
-  ), S = ct(N == null ? void 0 : N.user), T = (E = N == null ? void 0 : N.user) == null ? void 0 : E.image, M = ot(f), D = b == null ? void 0 : b({
+  ), S = ct(N == null ? void 0 : N.user), T = (E = N == null ? void 0 : N.user) == null ? void 0 : E.image, M = ot(f), L = b == null ? void 0 : b({
     channel: f,
     participant: N
-  }), L = "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", O = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", z = /* @__PURE__ */ m(ee, { children: [
+  }), D = "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", O = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", z = /* @__PURE__ */ m(ee, { children: [
     /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: S }),
-    D && /* @__PURE__ */ s("span", { className: "shrink-0", children: D })
+    L && /* @__PURE__ */ s("span", { className: "shrink-0", children: L })
   ] }), y = async () => {
     try {
       M ? await f.unpin() : await f.pin();
@@ -4202,12 +4204,12 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               onClick: w,
               "aria-label": `View details for ${S}`,
               className: k(
-                L,
+                D,
                 "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
               ),
               children: [
                 /* @__PURE__ */ s(
-                  se,
+                  ne,
                   {
                     id: ((C = N == null ? void 0 : N.user) == null ? void 0 : C.id) || f.id || "unknown",
                     name: S,
@@ -4227,9 +4229,9 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 ] })
               ]
             }
-          ) : /* @__PURE__ */ m("div", { className: L, children: [
+          ) : /* @__PURE__ */ m("div", { className: D, children: [
             /* @__PURE__ */ s(
-              se,
+              ne,
               {
                 id: ((I = N == null ? void 0 : N.user) == null ? void 0 : I.id) || f.id || "unknown",
                 name: S,
@@ -4322,7 +4324,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             ),
             children: [
               /* @__PURE__ */ s(
-                se,
+                ne,
                 {
                   id: (($ = N == null ? void 0 : N.user) == null ? void 0 : $.id) || f.id || "unknown",
                   name: S,
@@ -4346,7 +4348,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ) : /* @__PURE__ */ m("div", { className: O, children: [
           /* @__PURE__ */ s(
-            se,
+            ne,
             {
               id: ((F = N == null ? void 0 : N.user) == null ? void 0 : F.id) || f.id || "unknown",
               name: S,
@@ -4438,13 +4440,13 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderChannelActions: S,
   renderMessage: T,
   dmAgentEnabled: M = !1,
-  viewerLanguage: D,
-  showChannelInfo: L = !0,
+  viewerLanguage: L,
+  showChannelInfo: D = !0,
   onParticipantNameClick: O,
   composerInput: z
 }) => {
   var _, R, H, q;
-  const { channel: y } = ue(), { client: A } = me(), E = U.useMemo(
+  const { channel: y } = le(), { client: A } = oe(), E = U.useMemo(
     () => {
       var Y;
       return Ue(
@@ -4458,8 +4460,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     var W;
     const Y = A == null ? void 0 : A.userID;
     return Y ? Object.values(((W = y.state) == null ? void 0 : W.members) || {}).find((Z) => {
-      var oe;
-      return ((oe = Z.user) == null ? void 0 : oe.id) === Y;
+      var de;
+      return ((de = Z.user) == null ? void 0 : de.id) === Y;
     }) : void 0;
   }, [A == null ? void 0 : A.userID, (R = y.state) == null ? void 0 : R.members]), I = ((H = C == null ? void 0 : C.user) == null ? void 0 : H.is_account) ?? (C == null ? void 0 : C.is_account), $ = ((q = E == null ? void 0 : E.user) == null ? void 0 : q.is_account) ?? (E == null ? void 0 : E.is_account), F = M && I === !1 && $ === !0, V = y.state.messages.some(
     (Y) => Y.type !== "deleted"
@@ -4468,7 +4470,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     {
       onBack: e,
       showBackButton: t,
-      showChannelInfo: L,
+      showChannelInfo: D,
       showStarButton: w,
       dmAgentEnabled: F,
       onLeaveConversation: i,
@@ -4490,12 +4492,12 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         {
           ...Y,
           chatbotVotingEnabled: b,
-          viewerLanguage: D
+          viewerLanguage: L
         }
       );
       return !T || !j ? W : T(W, j);
     },
-    [b, T, D]
+    [b, T, L]
   );
   return /* @__PURE__ */ s(ee, { children: /* @__PURE__ */ s(
     Sn,
@@ -4511,7 +4513,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             {
               onBack: e,
               showBackButton: t,
-              showChannelInfo: L,
+              showChannelInfo: D,
               showStarButton: w,
               dmAgentEnabled: F,
               onLeaveConversation: i,
@@ -4593,8 +4595,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onMessageSent: S,
     showStarButton: T = !1,
     chatbotVotingEnabled: M = !1,
-    renderChannelBanner: D,
-    renderHeaderTitleBadges: L,
+    renderChannelBanner: L,
+    renderHeaderTitleBadges: D,
     customChannelActions: O,
     renderChannelActions: z,
     renderMessage: y,
@@ -4633,7 +4635,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       const _ = (R) => {
         const H = R.target, q = H == null ? void 0 : H.closest("a[href]"), Y = q == null ? void 0 : q.getAttribute("href");
         if (!Y) return;
-        const j = q == null ? void 0 : q.closest("[data-message-id]"), W = j == null ? void 0 : j.getAttribute("data-message-id"), Z = W ? e.state.messages.find((oe) => oe.id === W) : void 0;
+        const j = q == null ? void 0 : q.closest("[data-message-id]"), W = j == null ? void 0 : j.getAttribute("data-message-id"), Z = W ? e.state.messages.find((de) => de.id === W) : void 0;
         A(Y, Z);
       };
       return X.addEventListener("click", _), () => X.removeEventListener("click", _);
@@ -4679,8 +4681,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 showStarButton: T,
                 dmAgentEnabled: x,
                 chatbotVotingEnabled: M,
-                renderChannelBanner: D,
-                renderHeaderTitleBadges: L,
+                renderChannelBanner: L,
+                renderHeaderTitleBadges: D,
                 customChannelActions: O,
                 renderChannelActions: z,
                 renderMessage: y,
@@ -4738,8 +4740,8 @@ const fl = ({
   composerInput: M
 }) => {
   const {
-    client: D,
-    isConnected: L,
+    client: L,
+    isConnected: D,
     isLoading: O,
     error: z,
     refreshConnection: y,
@@ -4753,8 +4755,8 @@ const fl = ({
   K(() => {
     H.current = C;
   }, [C]), K(() => {
-    if (!D || !L) return;
-    const j = D.userID;
+    if (!L || !D) return;
+    const j = L.userID;
     if (!j) return;
     const W = `${j}::${i}`;
     if (R.current === W) return;
@@ -4763,13 +4765,13 @@ const fl = ({
       R.current === W && (R.current = null);
     };
     (async () => {
-      var Le, De;
+      var De, Le;
       try {
         E && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const ne = await D.queryChannels(
+        const ae = await L.queryChannels(
           {
             type: "messaging",
             members: { $eq: [j, i] }
@@ -4777,15 +4779,15 @@ const fl = ({
           {},
           { limit: 1 }
         );
-        if (ne.length > 0) {
-          I(ne[0]), F(null), (Le = _.current) == null || Le.call(_, ne[0]), E && console.log(
+        if (ae.length > 0) {
+          I(ae[0]), F(null), (De = _.current) == null || De.call(_, ae[0]), E && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            ne[0].id
+            ae[0].id
           );
           return;
         }
-        const ce = X.current;
-        if (!ce || !A) {
+        const ue = X.current;
+        if (!ue || !A) {
           Z(), F("No conversation found with this account"), E && console.log(
             "[MessagingShell] No conversation found for:",
             i
@@ -4794,11 +4796,11 @@ const fl = ({
         }
         try {
           const ie = await A.startChannelWithParticipant({
-            id: ce.id,
-            name: ce.name,
-            phone: ce.phone
+            id: ue.id,
+            name: ue.name,
+            phone: ue.phone
           });
-          I(ie), F(null), (De = _.current) == null || De.call(_, ie), E && console.log(
+          I(ie), F(null), (Le = _.current) == null || Le.call(_, ie), E && console.log(
             "[MessagingShell] Channel created and loaded:",
             ie.id
           );
@@ -4808,21 +4810,21 @@ const fl = ({
             ie
           ), Z(), F("Failed to create conversation");
         }
-      } catch (ne) {
+      } catch (ae) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          ne
+          ae
         ), Z(), H.current || F("Failed to load conversation");
       }
     })();
-  }, [i, D, L, A, E]);
+  }, [i, L, D, A, E]);
   const q = G(r);
   q.current = r;
   const Y = J(() => {
     var j;
     I(null), Q(!0), (j = q.current) == null || j.call(q);
   }, []);
-  return O ? /* @__PURE__ */ s(je, {}) : z ? /* @__PURE__ */ s(ke, { message: z, onBack: y }) : !L || !D ? /* @__PURE__ */ s(
+  return O ? /* @__PURE__ */ s(je, {}) : z ? /* @__PURE__ */ s(ke, { message: z, onBack: y }) : !D || !L ? /* @__PURE__ */ s(
     ke,
     {
       message: "Not connected to messaging service",
@@ -4894,7 +4896,7 @@ const js = U.createContext({
   });
 }, Bs = U.memo(
   (e) => {
-    var L, O, z;
+    var D, O, z;
     const { channel: t, unread: n } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -4902,7 +4904,7 @@ const js = U.createContext({
       channelPreview: l,
       renderMessagePreview: o,
       viewerLanguage: d
-    } = Ki(), { client: u } = me(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = ot(t);
+    } = Ki(), { client: u } = oe(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = ot(t);
     if (l)
       return /* @__PURE__ */ s(
         l,
@@ -4920,7 +4922,7 @@ const js = U.createContext({
       const A = y.key === "Enter" || y.key === " ", E = y.repeat;
       !A || E || (y.preventDefault(), g());
     }, v = Ue(
-      (L = t == null ? void 0 : t.state) == null ? void 0 : L.members,
+      (D = t == null ? void 0 : t.state) == null ? void 0 : D.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
     ), w = ct(v == null ? void 0 : v.user), b = (O = v == null ? void 0 : v.user) == null ? void 0 : O.image, f = (() => {
@@ -4943,12 +4945,12 @@ const js = U.createContext({
       if (y) return y;
       const I = (Q = f == null ? void 0 : f.attachments) == null ? void 0 : Q[0];
       return I ? I.og_scrape_url ? I.og_scrape_url : I.type === "image" ? "📷 Sent an image" : I.type === "video" ? "🎥 Sent a video" : I.type === "audio" ? "🎵 Sent audio" : I.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), S = f != null && f.created_at ? Zi(new Date(f.created_at)) : "", T = f ? Fe(f) : !1, M = o ? o(f, N) : `${T ? "✨ " : ""}${N}`, D = n ?? 0;
+    })(), S = f != null && f.created_at ? Zi(new Date(f.created_at)) : "", T = f ? Fe(f) : !1, M = o ? o(f, 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: !!S
     }), /* @__PURE__ */ s(
       "div",
@@ -4967,7 +4969,7 @@ const js = U.createContext({
         "data-dd-privacy": "mask",
         children: /* @__PURE__ */ m("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ s(
-            se,
+            ne,
             {
               id: ((z = v == null ? void 0 : v.user) == null ? void 0 : z.id) || t.id || "unknown",
               name: w,
@@ -4994,7 +4996,7 @@ const js = U.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: M }),
-              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 })
             ] })
           ] })
         ] })
@@ -5111,7 +5113,7 @@ const tl = ({
   const o = e.filter((d) => d.enabled).sort((d, u) => (d.order ?? 0) - (u.order ?? 0));
   return o.length === 0 ? null : /* @__PURE__ */ s("div", { className: r, children: /* @__PURE__ */ m("div", { className: "flex gap-3 items-end", children: [
     (i || l) && /* @__PURE__ */ s("div", { className: "flex-none", children: /* @__PURE__ */ s(
-      se,
+      ne,
       {
         id: l || "account",
         name: l || "Account",
@@ -5152,12 +5154,12 @@ export {
   es as L,
   ul as M,
   Ne as a,
-  se as b,
+  ne as b,
   el as c,
   $s as d,
   ml as e,
   tl as f,
-  le as g,
+  ce as g,
   Zt as h,
   ye as i,
   qr as j,
@@ -5178,4 +5180,4 @@ export {
   ft as y,
   ct as z
 };
-//# sourceMappingURL=index-DcEVHNS3.js.map
+//# sourceMappingURL=index-wFe1UO9t.js.map