@linktr.ee/messaging-react 3.3.14-rc-1782376133 → 3.3.14-rc-1782376280

package/dist/{index-BS5mKzxR.js → index-DNIsGhY_.js}

@@ -26,8 +26,8 @@ const Yt = He({
 }) => {
   var L, M;
   const o = K(
-    (S, ...I) => {
-      i && console.log(`🔥 [MessagingProvider] ${S}`, ...I);
+    (E, ...S) => {
+      i && console.log(`🔥 [MessagingProvider] ${E}`, ...S);
     },
     [i]
   );
@@ -41,7 +41,7 @@ const Yt = He({
   R.current = s;
   const k = V(i);
   k.current = i;
-  const E = V({
+  const I = V({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
@@ -51,12 +51,12 @@ const Yt = He({
     renderCount: D.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: E.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: E.current.apiKey !== a,
-      serviceConfigChanged: E.current.serviceConfig !== s,
-      capabilitiesChanged: E.current.capabilities !== r
+      userChanged: I.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: I.current.apiKey !== a,
+      serviceConfigChanged: I.current.serviceConfig !== s,
+      capabilitiesChanged: I.current.capabilities !== r
     }
-  }), E.current = {
+  }), I.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
@@ -66,32 +66,32 @@ const Yt = He({
   a && ((L = $.current) == null ? void 0 : L.apiKey) !== a && ($.current = { apiKey: a, client: new In(a) });
   const P = a ? ((M = $.current) == null ? void 0 : M.client) ?? null : null;
   W(() => {
-    const S = D.current, I = R.current;
-    if (!a || !P || !I) {
+    const E = D.current, S = R.current;
+    if (!a || !P || !S) {
       o("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: S,
+        renderCount: E,
         reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
     o("🚀 CREATING SERVICE", {
-      renderCount: S,
+      renderCount: E,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
     const O = new Sn({
-      ...I,
+      ...S,
       apiKey: a,
       debug: k.current,
       client: P
     });
     _.current = O, d(O), o("✅ SERVICE SET", {
-      renderCount: S,
+      renderCount: E,
       serviceInstance: !!O
     });
   }, [a, P]);
   const N = V(null);
   W(() => {
-    var I, O;
+    var S, O;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!l,
       hasUser: !!t,
@@ -107,7 +107,7 @@ const Yt = He({
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((I = N.current) == null ? void 0 : I.serviceId) === l && ((O = N.current) == null ? void 0 : O.userId) === t.id) {
+    if (((S = N.current) == null ? void 0 : S.serviceId) === l && ((O = N.current) == null ? void 0 : O.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -137,10 +137,10 @@ const Yt = He({
       }
     })();
   }, [l, t, o, u]), W(() => {
-    const S = P;
+    const E = P;
     return () => {
-      var I;
-      S && (N.current = null, (I = _.current) == null || I.disconnectUser().catch(console.error));
+      var S;
+      E && (N.current = null, (S = _.current) == null || S.disconnectUser().catch(console.error));
     };
   }, [P]);
   const T = K(async () => {
@@ -154,13 +154,13 @@ const Yt = He({
     o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
     try {
       o("🔌 DISCONNECTING FOR REFRESH"), await l.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
-      const S = await l.connectUser(t);
-      g(S), f(!0), p(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-    } catch (S) {
-      const I = S instanceof Error ? S.message : "Refresh failed";
-      p(I), o("❌ CONNECTION REFRESH ERROR", {
+      const E = await l.connectUser(t);
+      g(E), f(!0), p(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+    } catch (E) {
+      const S = E instanceof Error ? E.message : "Refresh failed";
+      p(S), o("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
-        error: I
+        error: S
       });
     } finally {
       b(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
@@ -364,7 +364,7 @@ const re = ({
   logLabel: g = "useChannelModerationActions"
 }) => {
   var L;
-  const { service: u, debug: f } = We(), c = (L = t == null ? void 0 : t.user) == null ? void 0 : L.id, b = !!(a && s && u && c), [w, p] = z(!1), [v, _] = z(null), [R, k] = z(!1), [E, D] = z(!1), $ = b && ((v == null ? void 0 : v.participantId) !== c || (v == null ? void 0 : v.service) !== u);
+  const { service: u, debug: f } = We(), c = (L = t == null ? void 0 : t.user) == null ? void 0 : L.id, b = !!(a && s && u && c), [w, p] = z(!1), [v, _] = z(null), [R, k] = z(!1), [I, D] = z(!1), $ = b && ((v == null ? void 0 : v.participantId) !== c || (v == null ? void 0 : v.service) !== u);
   return W(() => {
     if (!b || !u || !c) {
       p(!1), _(null);
@@ -373,15 +373,15 @@ const re = ({
     let M = !1;
     return (async () => {
       try {
-        const S = await u.getBlockedUsers();
+        const E = await u.getBlockedUsers();
         if (M) return;
         p(
-          S.some(
-            (I) => I.blocked_user_id === c
+          E.some(
+            (S) => S.blocked_user_id === c
           )
         );
-      } catch (S) {
-        M || console.error(`[${g}] Failed to check blocked status:`, S);
+      } catch (E) {
+        M || console.error(`[${g}] Failed to check blocked status:`, E);
       } finally {
         M || _({ participantId: c, service: u });
       }
@@ -392,27 +392,27 @@ const re = ({
     isParticipantBlocked: w,
     isCheckingBlockedStatus: $,
     isLeaving: R,
-    isUpdatingBlockStatus: E,
+    isUpdatingBlockStatus: I,
     handleLeaveConversation: async () => {
       var M;
       if (!R) {
         o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), k(!0);
         try {
-          const S = ((M = e._client) == null ? void 0 : M.userID) ?? null;
-          await e.hide(S, !1), r && await r(e), m == null || m();
-        } catch (S) {
-          console.error(`[${g}] Failed to leave conversation`, S);
+          const E = ((M = e._client) == null ? void 0 : M.userID) ?? null;
+          await e.hide(E, !1), r && await r(e), m == null || m();
+        } catch (E) {
+          console.error(`[${g}] Failed to leave conversation`, E);
         } finally {
           k(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var M, S, I;
-      if (!(E || !u)) {
+      var M, E, S;
+      if (!(I || !u)) {
         l == null || l(), f && console.log(`[${g}] Block member`, (M = t == null ? void 0 : t.user) == null ? void 0 : M.id), D(!0);
         try {
-          await u.blockUser((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), i && await i((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), m == null || m();
+          await u.blockUser((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), m == null || m();
         } catch (O) {
           console.error(`[${g}] Failed to block member`, O);
         } finally {
@@ -421,11 +421,11 @@ const re = ({
       }
     },
     handleUnblockUser: async () => {
-      var M, S, I;
-      if (!(E || !u)) {
+      var M, E, S;
+      if (!(I || !u)) {
         l == null || l(), f && console.log(`[${g}] Unblock member`, (M = t == null ? void 0 : t.user) == null ? void 0 : M.id), D(!0);
         try {
-          await u.unBlockUser((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), i && await i((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), m == null || m();
+          await u.unBlockUser((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), m == null || m();
         } catch (O) {
           console.error(`[${g}] Failed to unblock member`, O);
         } finally {
@@ -473,7 +473,7 @@ const re = ({
     isCheckingBlockedStatus: _,
     isLeaving: R,
     isUpdatingBlockStatus: k,
-    handleLeaveConversation: E,
+    handleLeaveConversation: I,
     handleBlockUser: D,
     handleUnblockUser: $,
     handleReportUser: P
@@ -529,7 +529,7 @@ const re = ({
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
             ge,
             {
-              onClick: E,
+              onClick: I,
               disabled: R,
               "aria-busy": R,
               children: [
@@ -619,7 +619,7 @@ function Xt({
   const s = e == null ? void 0 : e.text, a = Ys(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const qs = U.lazy(() => import("./Card-Cj77HUEV.js")), Ws = U.lazy(() => import("./Card-Ch_mEI0W.js")), Xs = U.lazy(() => import("./Card-QGq8FOuB.js")), Xe = () => /* @__PURE__ */ n(
+const qs = U.lazy(() => import("./Card-DQ_M_wfB.js")), Ws = U.lazy(() => import("./Card-Dv1yewnX.js")), Xs = U.lazy(() => import("./Card-CJOTI1nq.js")), Xe = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
@@ -682,7 +682,7 @@ const sa = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = se(t), u = V(null), f = V(null), c = V(null), b = V(r), [w, p] = z(a), [v, _] = z(0), [R, k] = z(!1), [E, D] = z(!1), [$, P] = z(!1), [N, T] = z(!1), [A, L] = z(!0), [M, S] = z(null), I = K(() => {
+  const g = se(t), u = V(null), f = V(null), c = V(null), b = V(r), [w, p] = z(a), [v, _] = z(0), [R, k] = z(!1), [I, D] = z(!1), [$, P] = z(!1), [N, T] = z(!1), [A, L] = z(!0), [M, E] = z(null), S = K(() => {
     P(!1), p(!0);
   }, []), O = K((x) => {
     const y = f.current;
@@ -801,7 +801,7 @@ const sa = (e) => {
             onPlay: () => P(!1),
             onLoadedMetadata: () => {
               const x = u.current;
-              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && S(x.videoWidth / x.videoHeight);
+              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && E(x.videoWidth / x.videoHeight);
             },
             onEnded: () => {
               i || (p(!1), _(0));
@@ -824,10 +824,10 @@ const sa = (e) => {
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (x) => {
-              x.stopPropagation(), I();
+              x.stopPropagation(), S();
             },
             onKeyDown: (x) => {
-              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), I());
+              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), S());
             },
             children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(Ue, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
@@ -894,7 +894,7 @@ const sa = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${E || R ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${I || R ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
@@ -907,7 +907,7 @@ const sa = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${E || R ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${I || R ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
                     style: { left: `${Y}%` }
                   }
                 )
@@ -1406,10 +1406,10 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     renderText: b,
     threadList: w,
     viewerLanguage: p
-  } = e, { client: v } = qe("CustomMessage"), { channel: _ } = ce("CustomMessage"), { isUnlocking: R, onUnlockClick: k, onFetchSource: E, onDownloadClick: D } = va("LockedAttachment"), [$, P] = z(!1), N = Rn(c.id), { selected: T, voteUp: A, voteDown: L } = Hs(c), {
+  } = e, { client: v } = qe("CustomMessage"), { channel: _ } = ce("CustomMessage"), { isUnlocking: R, onUnlockClick: k, onFetchSource: I, onDownloadClick: D } = va("LockedAttachment"), [$, P] = z(!1), N = Rn(c.id), { selected: T, voteUp: A, voteDown: L } = Hs(c), {
     Attachment: M = Ln,
-    EditMessageModal: S = Dn,
-    MessageActions: I,
+    EditMessageModal: E = Dn,
+    MessageActions: S,
     MessageBlocked: O = Pn,
     MessageBouncePrompt: F = On,
     MessageDeleted: q = zn,
@@ -1459,7 +1459,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   ), ct = c.poll_id && v.polls.fromState(c.poll_id), dt = ya(c), he = Ee(c), ut = Na(c), Le = !!(j != null && j.length && !c.quoted_message), mt = he && me && Le;
   return /* @__PURE__ */ h(ne, { children: [
     a && /* @__PURE__ */ n(
-      S,
+      E,
       {
         additionalMessageInputProps: t
       }
@@ -1511,7 +1511,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
               },
               children: ut ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
                 me ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  I && /* @__PURE__ */ n(I, {}),
+                  S && /* @__PURE__ */ n(S, {}),
                   /* @__PURE__ */ n(
                     Ot.Sent,
                     {
@@ -1522,7 +1522,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       detail: (xt = c.metadata) == null ? void 0 : xt.attachment_detail,
                       paymentStatus: (wt = c.metadata) == null ? void 0 : wt.payment_status,
                       onPreviewClick: () => k == null ? void 0 : k(c, _),
-                      onFetchSource: async () => await (E == null ? void 0 : E(c, _))
+                      onFetchSource: async () => await (I == null ? void 0 : I(c, _))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
@@ -1537,11 +1537,11 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       paymentStatus: (Et = c.metadata) == null ? void 0 : Et.payment_status,
                       isUnlocking: R(c.id),
                       onUnlockClick: () => k == null ? void 0 : k(c, _),
-                      onFetchSource: async () => await (E == null ? void 0 : E(c, _)),
+                      onFetchSource: async () => await (I == null ? void 0 : I(c, _)),
                       onDownloadClick: () => D == null ? void 0 : D(c, _)
                     }
                   ),
-                  I && /* @__PURE__ */ n(I, {})
+                  S && /* @__PURE__ */ n(S, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   At,
@@ -2079,15 +2079,15 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
 }) => {
   var $, P, N, T, A;
   const { channel: p } = ce(), v = U.useMemo(() => {
-    var S, I;
-    const L = (S = p._client) == null ? void 0 : S.userID;
-    return L ? Object.values(((I = p.state) == null ? void 0 : I.members) || {}).find(
+    var E, S;
+    const L = (E = p._client) == null ? void 0 : E.userID;
+    return L ? Object.values(((S = p.state) == null ? void 0 : S.members) || {}).find(
       (O) => {
         var F;
         return ((F = O.user) == null ? void 0 : F.id) && O.user.id !== L;
       }
     ) : void 0;
-  }, [($ = p._client) == null ? void 0 : $.userID, (P = p.state) == null ? void 0 : P.members]), _ = Wt(v == null ? void 0 : v.user), R = (N = v == null ? void 0 : v.user) == null ? void 0 : N.image, k = qt(p), E = w == null ? void 0 : w({
+  }, [($ = p._client) == null ? void 0 : $.userID, (P = p.state) == null ? void 0 : P.members]), _ = Wt(v == null ? void 0 : v.user), R = (N = v == null ? void 0 : v.user) == null ? void 0 : N.image, k = qt(p), I = w == null ? void 0 : w({
     channel: p,
     participant: v
   }), D = async () => {
@@ -2128,9 +2128,9 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             size: 48
           }
         ),
-        /* @__PURE__ */ h("p", { className: "flex max-w-full items-center justify-center gap-1 text-center text-xs font-medium text-black/90", children: [
-          /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: _ }),
-          E && /* @__PURE__ */ n("span", { className: "flex shrink-0 items-center", children: E })
+        /* @__PURE__ */ h("p", { className: "text-center text-xs font-medium text-black/90 truncate", children: [
+          _,
+          I
         ] }),
         a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
           /* @__PURE__ */ n(je, { className: "size-3 shrink-0 text-black/55" }),
@@ -2203,9 +2203,9 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ),
         /* @__PURE__ */ h("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-            /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: _ }),
-            E && /* @__PURE__ */ n("span", { className: "flex shrink-0 items-center", children: E })
+          /* @__PURE__ */ h("h1", { className: "font-medium text-black/90 truncate", children: [
+            _,
+            I
           ] }),
           a && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
             /* @__PURE__ */ n(je, { className: "size-3 shrink-0 text-black/55" }),
@@ -2275,7 +2275,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderHeaderTitleBadges: _,
   customChannelActions: R,
   renderChannelActions: k,
-  renderMessage: E,
+  renderMessage: I,
   dmAgentEnabled: D = !1,
   viewerLanguage: $,
   showChannelInfo: P = !0
@@ -2297,7 +2297,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       var j;
       return ((j = X.user) == null ? void 0 : j.id) === x;
     }) : void 0;
-  }, [(q = N._client) == null ? void 0 : q.userID, (J = N.state) == null ? void 0 : J.members]), L = ((G = A == null ? void 0 : A.user) == null ? void 0 : G.is_account) ?? (A == null ? void 0 : A.is_account), M = ((Y = T == null ? void 0 : T.user) == null ? void 0 : Y.is_account) ?? (T == null ? void 0 : T.is_account), S = D && L === !1 && M === !0, I = K(
+  }, [(q = N._client) == null ? void 0 : q.userID, (J = N.state) == null ? void 0 : J.members]), L = ((G = A == null ? void 0 : A.user) == null ? void 0 : G.is_account) ?? (A == null ? void 0 : A.is_account), M = ((Y = T == null ? void 0 : T.user) == null ? void 0 : Y.is_account) ?? (T == null ? void 0 : T.is_account), E = D && L === !1 && M === !0, S = K(
     (x) => {
       const { message: y } = xe("ChannelView"), B = /* @__PURE__ */ n(
         Sa,
@@ -2307,15 +2307,15 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           viewerLanguage: $
         }
       );
-      return !E || !y ? B : E(B, y);
+      return !I || !y ? B : I(B, y);
     },
-    [p, E, $]
+    [p, I, $]
   );
   return /* @__PURE__ */ n(ne, { children: /* @__PURE__ */ n(
     os,
     {
       overrides: {
-        Message: I,
+        Message: S,
         MessageActions: Aa
       },
       children: /* @__PURE__ */ h(ls, { children: [
@@ -2326,7 +2326,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             showBackButton: t,
             showChannelInfo: P,
             showStarButton: w,
-            dmAgentEnabled: S,
+            dmAgentEnabled: E,
             onLeaveConversation: i,
             onBlockParticipant: o,
             showDeleteConversation: l,
@@ -2388,7 +2388,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     dmAgentEnabled: _,
     messageMetadata: R,
     onMessageSent: k,
-    showStarButton: E = !1,
+    showStarButton: I = !1,
     chatbotVotingEnabled: D = !1,
     renderChannelBanner: $,
     renderHeaderTitleBadges: P,
@@ -2397,8 +2397,8 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     renderMessage: A,
     onMessageLinkClick: L,
     sendButton: M,
-    attachmentPreviewList: S,
-    viewerLanguage: I,
+    attachmentPreviewList: E,
+    viewerLanguage: S,
     showChannelInfo: O = !0
   }) => {
     const F = K(
@@ -2451,7 +2451,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             TypingIndicator: qa,
             doSendMessageRequest: F,
             ...M ? { SendButton: M } : {},
-            ...S ? { AttachmentPreviewList: S } : {},
+            ...E ? { AttachmentPreviewList: E } : {},
             children: /* @__PURE__ */ n(
               Za,
               {
@@ -2471,7 +2471,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 showReportParticipant: w,
                 composerDisabled: p,
                 composerDisabledReason: v,
-                showStarButton: E,
+                showStarButton: I,
                 dmAgentEnabled: _,
                 chatbotVotingEnabled: D,
                 renderChannelBanner: $,
@@ -2479,7 +2479,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 customChannelActions: N,
                 renderChannelActions: T,
                 renderMessage: A,
-                viewerLanguage: I,
+                viewerLanguage: S,
                 showChannelInfo: O
               }
             )
@@ -2529,14 +2529,14 @@ const ki = ({
   showChannelInfo: k
 }) => {
   const {
-    client: E,
+    client: I,
     isConnected: D,
     isLoading: $,
     error: P,
     refreshConnection: N,
     service: T,
     debug: A
-  } = Os(), [L, M] = z(null), [S, I] = z(null), [O, F] = z(!1), { showDeleteConversation: q = !0 } = e, J = V(o);
+  } = Os(), [L, M] = z(null), [E, S] = z(null), [O, F] = z(!1), { showDeleteConversation: q = !0 } = e, J = V(o);
   J.current = o;
   const G = V(a);
   G.current = a;
@@ -2544,8 +2544,8 @@ const ki = ({
   W(() => {
     x.current = L;
   }, [L]), W(() => {
-    if (!E || !D) return;
-    const H = E.userID;
+    if (!I || !D) return;
+    const H = I.userID;
     if (!H) return;
     const X = `${H}::${i}`;
     if (Y.current === X) return;
@@ -2560,7 +2560,7 @@ const ki = ({
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const Q = await E.queryChannels(
+        const Q = await I.queryChannels(
           {
             type: "messaging",
             members: { $eq: [H, i] }
@@ -2569,7 +2569,7 @@ const ki = ({
           { limit: 1 }
         );
         if (Q.length > 0) {
-          M(Q[0]), I(null), (de = G.current) == null || de.call(G, Q[0]), A && console.log(
+          M(Q[0]), S(null), (de = G.current) == null || de.call(G, Q[0]), A && console.log(
             "[MessagingShell] Initial conversation loaded:",
             Q[0].id
           );
@@ -2577,7 +2577,7 @@ const ki = ({
         }
         const ae = J.current;
         if (!ae || !T) {
-          j(), I("No conversation found with this account"), A && console.log(
+          j(), S("No conversation found with this account"), A && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
@@ -2589,7 +2589,7 @@ const ki = ({
             name: ae.name,
             phone: ae.phone
           });
-          M(Z), I(null), (ue = G.current) == null || ue.call(G, Z), A && console.log(
+          M(Z), S(null), (ue = G.current) == null || ue.call(G, Z), A && console.log(
             "[MessagingShell] Channel created and loaded:",
             Z.id
           );
@@ -2597,29 +2597,29 @@ const ki = ({
           console.error(
             "[MessagingShell] Failed to create conversation:",
             Z
-          ), j(), I("Failed to create conversation");
+          ), j(), S("Failed to create conversation");
         }
       } catch (Q) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
           Q
-        ), j(), x.current || I("Failed to load conversation");
+        ), j(), x.current || S("Failed to load conversation");
       }
     })();
-  }, [i, E, D, T, A]);
+  }, [i, I, D, T, A]);
   const y = V(r);
   y.current = r;
   const B = K(() => {
     var H;
     M(null), F(!0), (H = y.current) == null || H.call(y);
   }, []);
-  return $ ? /* @__PURE__ */ n(Se, {}) : P ? /* @__PURE__ */ n(be, { message: P, onBack: N }) : !D || !E ? /* @__PURE__ */ n(
+  return $ ? /* @__PURE__ */ n(Se, {}) : P ? /* @__PURE__ */ n(be, { message: P, onBack: N }) : !D || !I ? /* @__PURE__ */ n(
     be,
     {
       message: "Not connected to messaging service",
       onBack: N
     }
-  ) : S ? /* @__PURE__ */ n(be, { message: S }) : O && !L ? /* @__PURE__ */ n(be, { message: "Conversation ended" }) : L ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
+  ) : E ? /* @__PURE__ */ n(be, { message: E }) : O && !L ? /* @__PURE__ */ n(be, { message: "Conversation ended" }) : L ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
     dn,
     {
       channel: L,
@@ -2707,23 +2707,23 @@ const un = U.createContext({
           if (N[A].type !== "system") return N[A];
       }
     })(), p = (() => {
-      var S, I, O, F;
+      var E, S, O, F;
       const N = Xt({
         message: b,
         viewerLanguage: o
       });
-      if (((S = b == null ? void 0 : b.metadata) == null ? void 0 : S.custom_type) === "MESSAGE_TIP") return N ? `💵 ${N}` : "💵 Sent a tip";
-      if (((I = b == null ? void 0 : b.metadata) == null ? void 0 : I.custom_type) === "MESSAGE_PAID") return N ? `💰 ${N}` : "💰 Sent a message";
+      if (((E = b == null ? void 0 : b.metadata) == null ? void 0 : E.custom_type) === "MESSAGE_TIP") return N ? `💵 ${N}` : "💵 Sent a tip";
+      if (((S = b == null ? void 0 : b.metadata) == null ? void 0 : S.custom_type) === "MESSAGE_PAID") return N ? `💰 ${N}` : "💰 Sent a message";
       if (((O = b == null ? void 0 : b.metadata) == null ? void 0 : O.custom_type) === "MESSAGE_ATTACHMENT") return N ? `📎 ${N}` : "📎 Sent an attachment";
       if (N) return N;
       const M = (F = b == null ? void 0 : b.attachments) == null ? void 0 : F[0];
       return M ? M.og_scrape_url ? M.og_scrape_url : M.type === "image" ? "📷 Sent an image" : M.type === "video" ? "🎥 Sent a video" : M.type === "audio" ? "🎵 Sent audio" : M.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), v = b != null && b.created_at ? sr(new Date(b.created_at)) : "", _ = b ? Ee(b) : !1, R = i ? i(b, p) : `${_ ? "✨ " : ""}${p}`, k = qt(e), E = t ?? 0;
+    })(), v = b != null && b.created_at ? sr(new Date(b.created_at)) : "", _ = b ? Ee(b) : !1, R = i ? i(b, p) : `${_ ? "✨ " : ""}${p}`, k = qt(e), I = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: l,
       participantName: f,
-      unreadCount: E,
+      unreadCount: I,
       hasTimestamp: !!v
     }), /* @__PURE__ */ n(
       "div",
@@ -2768,7 +2768,7 @@ const un = U.createContext({
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
               /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: R }),
-              E > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: E > 99 ? "99+" : E })
+              I > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: I > 99 ? "99+" : I })
             ] })
           ] })
         ] })
@@ -4198,7 +4198,7 @@ const zr = ({
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((_, R) => {
-          const k = _.filename ?? ee(_.src), E = p && R === 0 ? /* @__PURE__ */ n(_e, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+          const k = _.filename ?? ee(_.src), I = p && R === 0 ? /* @__PURE__ */ n(_e, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             bn,
             {
               url: _.src,
@@ -4215,7 +4215,7 @@ const zr = ({
               item: _,
               index: R,
               onActivate: b,
-              trailingAction: E
+              trailingAction: I
             },
             `${_.src}-${R}`
           );
@@ -4510,4 +4510,4 @@ export {
   Wt as y,
   va as z
 };
-//# sourceMappingURL=index-BS5mKzxR.js.map
+//# sourceMappingURL=index-DNIsGhY_.js.map