@linktr.ee/messaging-react 3.9.1 → 3.9.2-rc-1783582192

package/dist/{index-CBm9au-T.js → index-CPbf44kW.js}

@@ -1,8 +1,8 @@
 import { jsx as s, jsxs as u, Fragment as te } from "react/jsx-runtime";
-import V, { createContext as lt, useContext as Ie, useCallback as Z, useState as U, useRef as G, useEffect as J, useId as Gs, useMemo as se, Suspense as ot } from "react";
+import V, { createContext as lt, useContext as Ie, useCallback as Z, useState as U, useRef as G, useEffect as J, useId as Gs, useMemo as ae, Suspense as ot } from "react";
 import { StreamChatService as Hs } from "@linktr.ee/messaging-core";
 import { StreamChat as Ys, LinkPreviewsManager as Wt } from "stream-chat";
-import { Chat as qs, useChannelStateContext as le, useChatContext as oe, DateSeparator as Ws, MessageStatus as Xs, useMessageContext as _e, MessageErrorIcon as et, MessageText as tt, 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, 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 { Chat as qs, useChannelStateContext as le, useChatContext as me, DateSeparator as Ws, MessageStatus as Xs, useMessageContext as _e, MessageErrorIcon as et, MessageText as tt, 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, 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 st, 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 nt, 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";
@@ -321,7 +321,7 @@ function oa(e) {
 function ca(e) {
   return ms(e).bgColor;
 }
-const ne = ({
+const se = ({
   id: e,
   image: t,
   size: n = 40,
@@ -644,7 +644,7 @@ const ne = ({
   onParticipantNameClick: v
 }) => {
   var F, L, y;
-  const { channel: f } = le(), { client: N } = oe(), w = V.useMemo(
+  const { channel: f } = le(), { client: N } = me(), w = V.useMemo(
     () => {
       var E;
       return je(
@@ -695,7 +695,7 @@ const ne = ({
             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(
-                ne,
+                se,
                 {
                   id: ((y = w == null ? void 0 : w.user) == null ? void 0 : y.id) || f.id || "unknown",
                   name: C,
@@ -791,7 +791,7 @@ function va(e) {
   return e != null && e.length ? e.some((t) => t.type === it) ? "down" : e.some((t) => t.type === rt) ? "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 = ae(
     () => va(e.own_reactions),
     [e.own_reactions]
   ), r = Z(async () => {
@@ -828,7 +828,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-D3QNullZ.js")), Na = V.lazy(() => import("./Card-Dau41drB.js")), ya = V.lazy(() => import("./Card-BLLADEC_.js")), mt = () => /* @__PURE__ */ s(
+const _a = V.lazy(() => import("./Card-B83PIVO4.js")), Na = V.lazy(() => import("./Card-ckN-pJAf.js")), ya = V.lazy(() => import("./Card-Cblg_OP2.js")), mt = () => /* @__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)]",
@@ -844,7 +844,7 @@ const _a = V.lazy(() => import("./Card-D3QNullZ.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) {
@@ -870,7 +870,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) {
@@ -891,7 +891,7 @@ const Ma = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const p = ce(t), h = G(null), g = G(null), c = G(null), b = G(r), [x, v] = U(a), [f, N] = U(0), [w, C] = U(!1), [R, S] = U(!1), [D, $] = U(!1), [F, L] = U(!1), [y, E] = U(!0), [I, M] = U(null), T = Z(() => {
+  const p = oe(t), h = G(null), g = G(null), c = G(null), b = G(r), [x, v] = U(a), [f, N] = U(0), [w, C] = U(!1), [R, S] = U(!1), [D, $] = U(!1), [F, L] = U(!1), [y, E] = U(!0), [I, M] = U(null), T = Z(() => {
     $(!1), v(!0);
   }, []), z = Z((_) => {
     const A = g.current;
@@ -1136,7 +1136,7 @@ const Ma = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ce(e), [d, m] = U(!1);
+  const l = oe(e), [d, m] = U(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ s(
     Ra,
     {
@@ -1420,7 +1420,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,
     {
@@ -1449,7 +1449,7 @@ const _s = ({
   const n = gt(e), a = pt(e);
   return !n && !a ? null : /* @__PURE__ */ u("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,
+      se,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1670,7 +1670,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;
@@ -2101,7 +2101,7 @@ const cr = ({
     length: t.length,
     initialIndex: n,
     open: e
-  }), l = t[r], d = se(
+  }), l = t[r], d = ae(
     () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "image"),
     [l]
   );
@@ -2338,10 +2338,10 @@ const cr = ({
     length: t.length,
     initialIndex: n,
     open: e
-  }), l = t[r], d = se(
+  }), l = t[r], d = ae(
     () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "document"),
     [l]
-  ), m = se(
+  ), m = ae(
     () => l ? kr(l.src) : void 0,
     [l]
   );
@@ -2484,7 +2484,7 @@ const cr = ({
     length: t.length,
     initialIndex: n,
     open: e
-  }), l = t[r], d = se(
+  }), l = t[r], d = ae(
     () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "video"),
     [l]
   );
@@ -2754,15 +2754,15 @@ 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__ */ u(te, { children: [
+  const { message: e } = _e("SentMessageDeliveryStatus"), { messages: t } = le("SentMessageDeliveryStatus"), n = (() => {
+    if (t)
+      for (let a = t.length - 1; a >= 0; a -= 1) {
+        const r = t[a];
+        if (!(r.type === "system" || r.type === "ephemeral" || r.type === "deleted"))
+          return r.id;
+      }
+  })();
+  return e.id !== n ? null : /* @__PURE__ */ u(te, { children: [
     /* @__PURE__ */ s(Kn, { weight: "bold", "aria-hidden": "true" }),
     /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
   ] });
@@ -2933,9 +2933,9 @@ const Zr = {
 }, ri = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Ve = (e, t) => !!t && !!e && ce(e) === "audio", Ct = (e, t) => {
+}, Ve = (e, t) => !!t && !!e && oe(e) === "audio", Ct = (e, t) => {
   if (!t || !e) return !1;
-  const n = ce(e);
+  const n = oe(e);
   return n === "video" || n === "audio";
 }, St = "bg-[#F2F3F4]", $e = ({
   variant: e,
@@ -2946,7 +2946,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",
     {
@@ -3461,7 +3461,7 @@ const pi = ({
     renderText: b,
     threadList: x,
     viewerLanguage: v
-  } = e, { client: f } = oe("CustomMessage"), { channel: N } = le("CustomMessage"), { isUnlocking: w, onUnlockClick: C, onFetchSource: R, onDownloadClick: S } = Ur("LockedAttachment"), [D, $] = U(!1), F = Js(c.id), { selected: L, voteUp: y, voteDown: E } = xa(c), {
+  } = e, { client: f } = me("CustomMessage"), { channel: N } = le("CustomMessage"), { isUnlocking: w, onUnlockClick: C, onFetchSource: R, onDownloadClick: S } = Ur("LockedAttachment"), [D, $] = U(!1), F = Js(c.id), { selected: L, voteUp: y, voteDown: E } = xa(c), {
     Attachment: I = Zs,
     EditMessageModal: M = Qs,
     MessageActions: T,
@@ -3473,22 +3473,22 @@ const pi = ({
     ReminderNotification: K = rn,
     StreamedMessageText: _ = ln,
     PinIndicator: A
-  } = is("CustomMessage"), H = on(c), q = cn(c), Y = se(
+  } = is("CustomMessage"), H = on(c), q = cn(c), Y = ae(
     () => h == null ? void 0 : h(c),
     [h, c]
-  ), B = se(() => {
-    const me = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...me] : me;
+  ), B = ae(() => {
+    const ue = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...ue] : ue;
     if (!Fe(c)) return pe;
     const Yt = pe.filter((qt) => !("type" in qt) || !ws(qt));
     return Yt.length === pe.length ? pe : Yt;
-  }, [c]), W = se(
+  }, [c]), W = ae(
     () => Fs(B),
     [B]
-  ), Q = se(() => {
-    const me = hs({ message: c, viewerLanguage: v });
-    return me === c.text ? c : { ...c, text: me };
-  }, [c, v]), de = W.length > 0, De = W.reduce(
-    (me, pe) => me + pe.attachments.length,
+  ), Q = ae(() => {
+    const ue = hs({ message: c, viewerLanguage: v });
+    return ue === c.text ? c : { ...c, text: ue };
+  }, [c, v]), ce = W.length > 0, De = W.reduce(
+    (ue, pe) => ue + pe.attachments.length,
     0
   ) === ((B == null ? void 0 : B.length) ?? 0), Le = Xa(
     {
@@ -3503,7 +3503,7 @@ const pi = ({
     return /* @__PURE__ */ s(j, { message: c });
   if (un(c))
     return /* @__PURE__ */ s(z, {});
-  const ae = !x && !!c.reply_count, ue = !x && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((Rt = c.error) == null ? void 0 : Rt.status) !== 403, It = mn(c);
+  const ne = !x && !!c.reply_count, de = !x && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((Rt = c.error) == null ? void 0 : Rt.status) !== 403, It = mn(c);
   let he;
   ie ? he = () => m(c) : It && (he = () => $(!0));
   const fe = g(), js = k(
@@ -3518,12 +3518,12 @@ const pi = ({
       "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" && ((Dt = c == null ? void 0 : c.error) == null ? void 0 : Dt.status) !== 403,
-      "str-chat__message-with-thread-link": ae || ue,
+      "str-chat__message-with-thread-link": ne || 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 && f.polls.fromState(c.poll_id), Tt = Yr(c), ge = Fe(c), At = Hr(c), He = !!(B != null && B.length && !c.quoted_message), Mt = ge && fe && He, Vs = de && De && !c.quoted_message && !Ge && !Y && !ge;
+  ), Ge = c.poll_id && f.polls.fromState(c.poll_id), Tt = Yr(c), ge = Fe(c), At = Hr(c), He = !!(B != null && B.length && !c.quoted_message), Mt = ge && fe && He, Vs = ce && De && !c.quoted_message && !Ge && !Y && !ge;
   return /* @__PURE__ */ u(te, { children: [
     a && /* @__PURE__ */ s(
       M,
@@ -3549,7 +3549,7 @@ const pi = ({
           A && /* @__PURE__ */ s(A, {}),
           !!F && /* @__PURE__ */ s(K, { reminder: F }),
           c.user && /* @__PURE__ */ s(
-            ne,
+            se,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -3689,14 +3689,14 @@ const pi = ({
             )
           ] }),
           /* @__PURE__ */ s(Xr, {}),
-          ae && /* @__PURE__ */ s(
+          ne && /* @__PURE__ */ s(
             ee,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ue && /* @__PURE__ */ s(X, {})
+          de && /* @__PURE__ */ s(X, {})
         ]
       },
       c.id
@@ -4026,7 +4026,7 @@ const pi = ({
   qe.ExternalSources
 ]), $i = ({ threadList: e }) => {
   var b, x;
-  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 && Oi.has(o)) {
     const v = Bi(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ s(
@@ -4079,7 +4079,7 @@ const pi = ({
     },
     children: /* @__PURE__ */ u("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,
+        se,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -4185,7 +4185,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderHeaderTitleBadges: v
 }) => {
   var E, I, M, T, z, O;
-  const { channel: f } = le(), { client: N } = oe(), w = V.useMemo(
+  const { channel: f } = le(), { client: N } = me(), w = V.useMemo(
     () => {
       var j;
       return je(
@@ -4244,7 +4244,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ),
               children: [
                 /* @__PURE__ */ s(
-                  ne,
+                  se,
                   {
                     id: ((M = w == null ? void 0 : w.user) == null ? void 0 : M.id) || f.id || "unknown",
                     name: C,
@@ -4266,7 +4266,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             }
           ) : /* @__PURE__ */ u("div", { className: $, children: [
             /* @__PURE__ */ s(
-              ne,
+              se,
               {
                 id: ((T = w == null ? void 0 : w.user) == null ? void 0 : T.id) || f.id || "unknown",
                 name: C,
@@ -4359,7 +4359,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             ),
             children: [
               /* @__PURE__ */ s(
-                ne,
+                se,
                 {
                   id: ((z = w == null ? void 0 : w.user) == null ? void 0 : z.id) || f.id || "unknown",
                   name: C,
@@ -4383,7 +4383,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ) : /* @__PURE__ */ u("div", { className: F, children: [
           /* @__PURE__ */ s(
-            ne,
+            se,
             {
               id: ((O = w == null ? void 0 : w.user) == null ? void 0 : O.id) || f.id || "unknown",
               name: C,
@@ -4481,7 +4481,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   composerInput: L
 }) => {
   var _, A, H, q;
-  const { channel: y } = le(), { client: E } = oe(), I = V.useMemo(
+  const { channel: y } = le(), { client: E } = me(), I = V.useMemo(
     () => {
       var Y;
       return je(
@@ -4495,8 +4495,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     var W;
     const Y = E == null ? void 0 : E.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;
   }, [E == null ? void 0 : E.userID, (A = y.state) == null ? void 0 : A.members]), T = ((H = M == null ? void 0 : M.user) == null ? void 0 : H.is_account) ?? (M == null ? void 0 : M.is_account), z = ((q = I == null ? void 0 : I.user) == null ? void 0 : q.is_account) ?? (I == null ? void 0 : I.is_account), O = S && T === !1 && z === !0, j = y.state.messages.some(
     (Y) => Y.type !== "deleted"
@@ -4673,7 +4673,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       const _ = (A) => {
         const H = A.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;
         E(Y, Q);
       };
       return K.addEventListener("click", _), () => K.removeEventListener("click", _);
@@ -4809,7 +4809,7 @@ const ul = ({
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const ae = await D.queryChannels(
+        const ne = await D.queryChannels(
           {
             type: "messaging",
             members: { $eq: [B, i] }
@@ -4817,15 +4817,15 @@ const ul = ({
           {},
           { limit: 1 }
         );
-        if (ae.length > 0) {
-          T(ae[0]), O(null), (De = _.current) == null || De.call(_, ae[0]), I && console.log(
+        if (ne.length > 0) {
+          T(ne[0]), O(null), (De = _.current) == null || De.call(_, ne[0]), I && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            ae[0].id
+            ne[0].id
           );
           return;
         }
-        const ue = K.current;
-        if (!ue || !E) {
+        const de = K.current;
+        if (!de || !E) {
           Q(), O("No conversation found with this account"), I && console.log(
             "[MessagingShell] No conversation found for:",
             i
@@ -4834,9 +4834,9 @@ const ul = ({
         }
         try {
           const ie = await E.startChannelWithParticipant({
-            id: ue.id,
-            name: ue.name,
-            phone: ue.phone
+            id: de.id,
+            name: de.name,
+            phone: de.phone
           });
           T(ie), O(null), (Le = _.current) == null || Le.call(_, ie), I && console.log(
             "[MessagingShell] Channel created and loaded:",
@@ -4848,10 +4848,10 @@ const ul = ({
             ie
           ), Q(), O("Failed to create conversation");
         }
-      } catch (ae) {
+      } catch (ne) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          ae
+          ne
         ), Q(), H.current || O("Failed to load conversation");
       }
     })();
@@ -4942,7 +4942,7 @@ const Bs = V.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = qi(), { client: m } = oe(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = dt(t);
+    } = qi(), { client: m } = me(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = dt(t);
     if (o)
       return /* @__PURE__ */ s(
         o,
@@ -5007,7 +5007,7 @@ const Bs = V.createContext({
         "data-dd-privacy": "mask",
         children: /* @__PURE__ */ u("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ s(
-            ne,
+            se,
             {
               id: ((L = b == null ? void 0 : b.user) == null ? void 0 : L.id) || t.id || "unknown",
               name: x,
@@ -5151,7 +5151,7 @@ const Zi = ({
   const l = e.filter((d) => d.enabled).sort((d, m) => (d.order ?? 0) - (m.order ?? 0));
   return l.length === 0 ? null : /* @__PURE__ */ s("div", { className: r, children: /* @__PURE__ */ u("div", { className: "flex gap-3 items-end", children: [
     (i || o) && /* @__PURE__ */ s("div", { className: "flex-none", children: /* @__PURE__ */ s(
-      ne,
+      se,
       {
         id: o || "account",
         name: o || "Account",
@@ -5192,12 +5192,12 @@ export {
   es as L,
   ol as M,
   Ne as a,
-  ne as b,
+  se as b,
   Ji as c,
   $s as d,
   cl as e,
   Zi as f,
-  ce as g,
+  oe as g,
   Zt as h,
   ye as i,
   qr as j,
@@ -5218,4 +5218,4 @@ export {
   pt as y,
   ut as z
 };
-//# sourceMappingURL=index-CBm9au-T.js.map
+//# sourceMappingURL=index-CPbf44kW.js.map