@linktr.ee/messaging-react 4.0.0-rc-1786390369 → 4.0.0

package/dist/{index-CB548cbP.js → index-Dyxu8r07.js}

@@ -2,7 +2,7 @@ import { jsx as n, jsxs as f, Fragment as J } from "react/jsx-runtime";
 import z, { createContext as je, useContext as ve, useCallback as Z, useState as B, useRef as j, useEffect as Y, useId as as, Suspense as rs, useMemo as le } from "react";
 import { StreamChatService as is } from "@linktr.ee/messaging-core";
 import { StreamChat as ls, LinkPreviewsManager as tt } from "stream-chat";
-import { Chat as os, useChannelStateContext as xe, useChatContext as He, DateSeparator as cs, useMessageContext as he, MessageStatus as ds, MessageErrorIcon as nt, MessageText as ze, areMessageUIPropsEqual as us, useMessageReminder as ms, useComponentContext as dn, Attachment as hs, EditMessageModal as fs, MessageBlocked as gs, MessageBouncePrompt as ps, MessageDeleted as bs, MessageIsThreadReplyInChannelButtonIndicator as vs, MessageRepliesCountButton as xs, ReminderNotification as ws, StreamedMessageText as _s, messageHasAttachments as ys, messageHasReactions as Ns, isDateSeparatorMessage as ks, isMessageBlocked as Cs, isMessageBounced as Ss, MessageBounceModal as Es, Poll as Is, useMessageComposer as Ts, useStateStore as As, MessageInput as Ht, useMessageInputContext as Ls, useMessageComposerHasSendableData as Rs, AttachmentPreviewList as Ms, QuotedMessagePreview as Ds, TextareaComposer as Os, MessageTimestamp as We, AIStates as Xe, useTypingContext as Ps, useAIState as zs, Channel as Fs, WithComponents as $s, Window as Bs, MessageList as Vt, ChannelList as Us, InfiniteScroll as js } from "stream-chat-react";
+import { Chat as os, useChannelStateContext as xe, useChatContext as He, DateSeparator as cs, useMessageContext as he, MessageStatus as ds, MessageErrorIcon as nt, MessageText as ze, areMessageUIPropsEqual as us, useMessageReminder as ms, useComponentContext as dn, Attachment as hs, EditMessageModal as fs, MessageBlocked as gs, MessageBouncePrompt as ps, MessageDeleted as bs, MessageIsThreadReplyInChannelButtonIndicator as vs, MessageRepliesCountButton as xs, ReminderNotification as ws, StreamedMessageText as _s, messageHasAttachments as ys, messageHasReactions as Ns, isDateSeparatorMessage as ks, isMessageBlocked as Cs, isMessageBounced as Ss, MessageBounceModal as Es, Poll as Is, useMessageComposer as Ts, useStateStore as As, MessageInput as Ht, useMessageInputContext as Rs, useMessageComposerHasSendableData as Ls, AttachmentPreviewList as Ms, QuotedMessagePreview as Ds, TextareaComposer as Os, MessageTimestamp as We, AIStates as Xe, useTypingContext as Ps, useAIState as zs, Channel as Fs, WithComponents as $s, Window as Bs, MessageList as Vt, ChannelList as Us, InfiniteScroll as js } from "stream-chat-react";
 import k from "classnames";
 import { StarIcon as st, DotsThreeIcon as Hs, SpinnerGapIcon as Oe, SignOutIcon as Vs, ProhibitInsetIcon as Gt, FlagIcon as un, CurrencyDollarIcon as Gs, CaretRightIcon as mn, ArrowLeftIcon as Ys, FileIcon as hn, ImageIcon as Ws, SpeakerHighIcon as Xs, VideoCameraIcon as fn, FileMdIcon as qs, FileTextIcon as Ks, FileZipIcon as Zs, FilePptIcon as Js, FileCsvIcon as Qs, FileXlsIcon as ea, FileDocIcon as ta, FilePdfIcon as na, CircleNotchIcon as pe, PlayIcon as at, PauseIcon as sa, LinkIcon as aa, DownloadSimpleIcon as Ce, GiftIcon as ra, WarningCircleIcon as ia, MegaphoneIcon as la, ChecksIcon as oa, XIcon as it, PencilSimpleIcon as ca, CaretLeftIcon as da, TrashSimpleIcon as ua, ArrowUpIcon as ma, SparkleIcon as ha, ProhibitIcon as fa } from "@phosphor-icons/react";
 import { isOfficialChannel as ga, OFFICIAL_SENDER_USER_ID as pa, MESSAGE_CUSTOM_TYPE as oe, isDmAgentSystemType as Yt, isAgeSafetySystemType as ba, resolveRichCardImagePresentation as va, selectEnabledFaqs as xa } from "@linktr.ee/messaging-taxonomy";
@@ -43,7 +43,7 @@ const pn = je({
   _.current = s;
   const T = j(i);
   T.current = i;
-  const R = j({
+  const L = j({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
@@ -53,12 +53,12 @@ const pn = je({
     renderCount: E.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: R.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: R.current.apiKey !== a,
-      serviceConfigChanged: R.current.serviceConfig !== s,
-      capabilitiesChanged: R.current.capabilities !== r
+      userChanged: L.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: L.current.apiKey !== a,
+      serviceConfigChanged: L.current.serviceConfig !== s,
+      capabilitiesChanged: L.current.capabilities !== r
     }
-  }), R.current = {
+  }), L.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
@@ -95,7 +95,7 @@ const pn = je({
       serviceInstance: !!U
     });
   }, [a, F, o]);
-  const L = j(null);
+  const R = j(null);
   Y(() => {
     var P, U;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
@@ -115,7 +115,7 @@ const pn = je({
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((P = L.current) == null ? void 0 : P.serviceId) === d && ((U = L.current) == null ? void 0 : U.userId) === t.id) {
+    if (((P = R.current) == null ? void 0 : P.serviceId) === d && ((U = R.current) == null ? void 0 : U.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -127,7 +127,7 @@ const pn = je({
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const H = await d.connectUser(t);
-        m(H), c(!0), L.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        m(H), c(!0), R.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
           clientId: H.userID
         });
@@ -148,7 +148,7 @@ const pn = je({
     const A = F;
     return () => {
       var P;
-      A && (L.current = null, (P = N.current) == null || P.disconnectUser().catch(console.error));
+      A && (R.current = null, (P = N.current) == null || P.disconnectUser().catch(console.error));
     };
   }, [F]);
   const I = Z(async () => {
@@ -396,7 +396,7 @@ const we = ({
   logLabel: h = "useChannelModerationActions"
 }) => {
   var M;
-  const { service: m, debug: g } = lt(), c = (M = t == null ? void 0 : t.user) == null ? void 0 : M.id, p = !!(a && s && m && c), [w, v] = B(!1), [x, b] = B(null), [N, _] = B(!1), [T, R] = B(!1), E = p && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== m);
+  const { service: m, debug: g } = lt(), c = (M = t == null ? void 0 : t.user) == null ? void 0 : M.id, p = !!(a && s && m && c), [w, v] = B(!1), [x, b] = B(null), [N, _] = B(!1), [T, L] = B(!1), E = p && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== m);
   return Y(() => {
     if (!p || !m || !c) {
       v(!1), b(null);
@@ -442,26 +442,26 @@ const we = ({
     handleBlockUser: async () => {
       var S, C, A;
       if (!(T || !m)) {
-        l == null || l(), g && console.log(`[${h}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), R(!0);
+        l == null || l(), g && console.log(`[${h}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), L(!0);
         try {
           await m.blockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), u == null || u();
         } catch (P) {
           console.error(`[${h}] Failed to block member`, P);
         } finally {
-          R(!1);
+          L(!1);
         }
       }
     },
     handleUnblockUser: async () => {
       var S, C, A;
       if (!(T || !m)) {
-        l == null || l(), g && console.log(`[${h}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), R(!0);
+        l == null || l(), g && console.log(`[${h}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), L(!0);
         try {
           await m.unBlockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), u == null || u();
         } catch (P) {
           console.error(`[${h}] Failed to unblock member`, P);
         } finally {
-          R(!1);
+          L(!1);
         }
       }
     },
@@ -506,7 +506,7 @@ const we = ({
     isLeaving: N,
     isUpdatingBlockStatus: _,
     handleLeaveConversation: T,
-    handleBlockUser: R,
+    handleBlockUser: L,
     handleUnblockUser: E,
     handleReportUser: $
   } = Ia({
@@ -524,13 +524,13 @@ const we = ({
   });
   return Y(() => {
     if (!g) return;
-    const L = (M) => {
+    const R = (M) => {
       p.current && !p.current.contains(M.target) && c(!1);
     }, I = (M) => {
       M.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", L), document.addEventListener("keydown", I), () => {
-      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", I);
+    return document.addEventListener("mousedown", R), document.addEventListener("keydown", I), () => {
+      document.removeEventListener("mousedown", R), document.removeEventListener("keydown", I);
     };
   }, [g]), !t || !(s || a || r || !!h) ? null : /* @__PURE__ */ f("div", { ref: p, className: "relative", children: [
     /* @__PURE__ */ f(
@@ -541,7 +541,7 @@ const we = ({
         "aria-haspopup": "true",
         "aria-expanded": g,
         "aria-controls": g ? w : void 0,
-        onClick: () => c((L) => !L),
+        onClick: () => c((R) => !R),
         children: [
           /* @__PURE__ */ n(Hs, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
@@ -591,7 +591,7 @@ const we = ({
           ) : /* @__PURE__ */ f(
             ye,
             {
-              onClick: R,
+              onClick: L,
               disabled: _,
               "aria-busy": _,
               children: [
@@ -609,7 +609,7 @@ const we = ({
       }
     )
   ] });
-}, qe = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Aa = "CUSTOMER_PAID", La = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Aa, Ra = ({
+}, qe = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Aa = "CUSTOMER_PAID", Ra = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Aa, La = ({
   className: e,
   onBack: t,
   showBackButton: s,
@@ -638,7 +638,7 @@ const we = ({
       );
     },
     [(I = v.state) == null ? void 0 : I.members, x == null ? void 0 : x.userID, v.type]
-  ), N = xn(b == null ? void 0 : b.user), _ = (M = b == null ? void 0 : b.user) == null ? void 0 : M.image, T = bn(v), R = La((S = v.data) == null ? void 0 : S.customer_tag) && (b == null ? void 0 : b.is_follower) === !0, E = a && T, $ = R || E || !!w, F = async () => {
+  ), N = xn(b == null ? void 0 : b.user), _ = (M = b == null ? void 0 : b.user) == null ? void 0 : M.image, T = bn(v), L = Ra((S = v.data) == null ? void 0 : S.customer_tag) && (b == null ? void 0 : b.is_follower) === !0, E = a && T, $ = L || E || !!w, F = async () => {
     try {
       T ? await v.unpin() : await v.pin();
     } catch (A) {
@@ -647,7 +647,7 @@ const we = ({
         A
       );
     }
-  }, L = /* @__PURE__ */ f(J, { children: [
+  }, R = /* @__PURE__ */ f(J, { children: [
     /* @__PURE__ */ n(
       we,
       {
@@ -669,7 +669,7 @@ const we = ({
         children: /* @__PURE__ */ f("span", { className: "flex max-w-full items-center justify-center", children: [
           /* @__PURE__ */ n("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: N }),
           $ && /* @__PURE__ */ f("span", { className: "ml-2 flex gap-1", children: [
-            R && /* @__PURE__ */ n(
+            L && /* @__PURE__ */ n(
               "span",
               {
                 "aria-label": "Paid customer",
@@ -727,9 +727,9 @@ const we = ({
             onClick: w,
             "aria-label": `View details for ${N}`,
             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: L
+            children: R
           }
-        ) : /* @__PURE__ */ n("div", { className: "flex min-w-0 max-w-full flex-col items-center px-2", children: L }) }),
+        ) : /* @__PURE__ */ n("div", { className: "flex min-w-0 max-w-full flex-col items-center px-2", children: R }) }),
         /* @__PURE__ */ f("div", { className: "flex items-start justify-end gap-2", children: [
           a && /* @__PURE__ */ n(
             "button",
@@ -862,7 +862,7 @@ const ja = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const h = de(t), m = j(null), g = j(null), c = j(null), p = j(r), [w, v] = B(a), [x, b] = B(0), [N, _] = B(!1), [T, R] = B(!1), [E, $] = B(!1), [F, L] = B(!1), [I, M] = B(!0), [S, C] = B(null), A = Z(() => {
+  const h = de(t), m = j(null), g = j(null), c = j(null), p = j(r), [w, v] = B(a), [x, b] = B(0), [N, _] = B(!1), [T, L] = B(!1), [E, $] = B(!1), [F, R] = B(!1), [I, M] = B(!0), [S, C] = B(null), A = Z(() => {
     $(!1), v(!0);
   }, []), P = Z((y) => {
     const D = g.current;
@@ -953,11 +953,11 @@ const ja = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => L(!0),
+            onLoadStart: () => R(!0),
             onCanPlay: () => {
-              L(!1), M(!1);
+              R(!1), M(!1);
             },
-            onWaiting: () => L(!0),
+            onWaiting: () => R(!0),
             onPlay: () => $(!1),
             onEnded: () => {
               i || (v(!1), b(0));
@@ -973,11 +973,11 @@ const ja = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => L(!0),
+            onLoadStart: () => R(!0),
             onCanPlay: () => {
-              L(!1), M(!1);
+              R(!1), M(!1);
             },
-            onWaiting: () => L(!0),
+            onWaiting: () => R(!0),
             onPlay: () => $(!1),
             onLoadedMetadata: () => {
               const y = m.current;
@@ -1065,8 +1065,8 @@ const ja = (e) => {
               onMouseDown: H,
               onTouchStart: H,
               onClick: (y) => y.stopPropagation(),
-              onMouseEnter: () => R(!0),
-              onMouseLeave: () => R(!1),
+              onMouseEnter: () => L(!0),
+              onMouseLeave: () => L(!1),
               onKeyDown: (y) => {
                 y.key === "ArrowRight" && U(Math.min(1, x + 0.05)), y.key === "ArrowLeft" && U(Math.max(0, x - 0.05));
               },
@@ -1516,7 +1516,7 @@ const En = ({
 function sr(e) {
   return ve(Tn)[e] ?? nr[e];
 }
-const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import("./Card-DlOQrDhW.js")), ir = () => /* @__PURE__ */ n(
+const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import("./Card-DNfF_nfR.js")), ir = () => /* @__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)]",
@@ -1557,9 +1557,9 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
 }, dr = (e) => {
   var t;
   return mt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, Ln = (e) => or(e) || An(e), ur = (e) => {
+}, Rn = (e) => or(e) || An(e), ur = (e) => {
   var t;
-  return Ln(e) && !((t = e.text) != null && t.trim());
+  return Rn(e) && !((t = e.text) != null && t.trim());
 }, Ke = ({
   message: e,
   standalone: t = !1,
@@ -1567,7 +1567,7 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
   hasAttachment: a = !1
 }) => {
   var g;
-  const r = Ln(e), i = Fe(e);
+  const r = Rn(e), i = Fe(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -1612,7 +1612,7 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
       mask: Zt
     }
   }
-), Rn = je(
+), Ln = je(
   void 0
 ), hr = (e) => {
   var s;
@@ -1827,7 +1827,7 @@ const Nr = {
   ), T = k(
     "truncate text-[12px] leading-4 tracking-[0.24px]",
     s == null && Jt[e]
-  ), R = k(
+  ), L = k(
     "text-[12px] leading-4 tracking-[0.24px]",
     o <= 1 && "truncate",
     s == null && Jt[e]
@@ -1863,7 +1863,7 @@ const Nr = {
             }
           )
         ] }),
-        w && /* @__PURE__ */ n("p", { className: R, style: $, children: i }),
+        w && /* @__PURE__ */ n("p", { className: L, style: $, children: i }),
         !b && x && /* @__PURE__ */ n("p", { className: T, style: E, children: v })
       ] }),
       h && /* @__PURE__ */ n("div", { className: "shrink-0", children: h })
@@ -2075,8 +2075,8 @@ const Nr = {
       ]
     }
   );
-}, Lr = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function Rr(e) {
+}, Rr = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function Lr(e) {
   const t = e.trim();
   return t.startsWith("#") ? t : `#${t}`;
 }
@@ -2099,7 +2099,7 @@ function Ve({
   }, [r]);
   const u = z.useCallback(() => {
     d(!0);
-  }, []), h = Ie(i, o), c = a === "featured" && !!r && !h && !l && s === "ready" && t != null && Lr.test(t.trim()) ? Rr(t) : void 0, p = h ? Dn : Dr[e];
+  }, []), h = Ie(i, o), c = a === "featured" && !!r && !h && !l && s === "ready" && t != null && Rr.test(t.trim()) ? Lr(t) : void 0, p = h ? Dn : Dr[e];
   return {
     thumbnailUrl: l ? void 0 : r,
     accentHex: c,
@@ -2509,7 +2509,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     ),
     children: /* @__PURE__ */ n(it, { className: "size-3", weight: "bold" })
   }
-), Le = (e) => e === "received" ? "light" : "dark", so = ({
+), Re = (e) => e === "received" ? "light" : "dark", so = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
@@ -2541,7 +2541,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   preload: l,
   onDismiss: d
 }) => {
-  const u = Le(e), h = e === "composer" && !!d, m = Gr({ src: t, mimeType: s, filename: a, items: r });
+  const u = Re(e), h = e === "composer" && !!d, m = Gr({ src: t, mimeType: s, filename: a, items: r });
   if (m.length === 0)
     return null;
   const g = l ?? (m.length > 1 ? "none" : "metadata");
@@ -2738,7 +2738,7 @@ const ai = ({
   onClick: u,
   onDismiss: h
 }) => {
-  const m = Le(e), g = e === "composer" && !!h, c = ai({
+  const m = Re(e), g = e === "composer" && !!h, c = ai({
     src: t,
     filename: s,
     fileSize: a,
@@ -3181,7 +3181,7 @@ const ai = ({
       })
     }
   );
-}, Re = (e) => {
+}, Le = (e) => {
   const [t, s] = B(!1), [a, r] = B(0), i = Z(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
@@ -3226,7 +3226,7 @@ const ai = ({
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), bi = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = Re(r);
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = Le(r);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
       "button",
@@ -3289,7 +3289,7 @@ const ai = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const u = pi({ src: t, alt: s, items: r }), h = Le(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: p } = Re(d), w = u.length === 1, v = xi(w ? u[0] : void 0);
+  const u = pi({ src: t, alt: s, items: r }), h = Re(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: p } = Le(d), w = u.length === 1, v = xi(w ? u[0] : void 0);
   if (u.length === 0)
     return null;
   const x = u.map(
@@ -3428,7 +3428,7 @@ const ai = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const h = Le(e), m = Si({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Re(d), v = e === "composer" && !!u;
+  const h = Re(e), m = Si({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Le(d), v = e === "composer" && !!u;
   if (m.length === 0)
     return null;
   const x = m.map((b) => ({
@@ -3478,7 +3478,7 @@ const ai = ({
       ]
     }
   );
-}, Ii = (e) => /* @__PURE__ */ n(kt, { ...e, state: "composer" }), Ti = (e) => /* @__PURE__ */ n(kt, { ...e, state: "sent" }), Ai = (e) => /* @__PURE__ */ n(kt, { ...e, state: "received" }), Li = {
+}, Ii = (e) => /* @__PURE__ */ n(kt, { ...e, state: "composer" }), Ti = (e) => /* @__PURE__ */ n(kt, { ...e, state: "sent" }), Ai = (e) => /* @__PURE__ */ n(kt, { ...e, state: "received" }), Ri = {
   Composer: Ii,
   Sent: Ti,
   Received: Ai
@@ -3532,7 +3532,7 @@ const ai = ({
       ]
     }
   ) : null;
-}, Ri = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(at, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Vn = ({
+}, Li = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(at, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Vn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ f("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -3554,7 +3554,7 @@ const ai = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(Ri, {})
+  /* @__PURE__ */ n(Li, {})
 ] }), Mi = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(Vn, { item: e, index: t })
@@ -3571,7 +3571,7 @@ const ai = ({
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), Oi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: h } = Re(i);
+  const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: h } = Le(i);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
       "button",
@@ -3606,7 +3606,7 @@ const ai = ({
   preload: d,
   onClick: u
 }) => {
-  const h = Di({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Le(e), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Re(u);
+  const h = Di({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Re(e), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Le(u);
   if (h.length === 0)
     return null;
   const v = h.map(
@@ -3641,7 +3641,7 @@ const ai = ({
   Image: Ni,
   Video: $i,
   Audio: Kr,
-  Pdf: Li,
+  Pdf: Ri,
   File: ci
 };
 function O(e) {
@@ -3923,7 +3923,7 @@ const Wi = ({
     ) : null
   ] });
 }, Xi = (e) => {
-  var Lt, Rt, Mt, Dt, Ot, Pt, zt, Ft, $t, Bt;
+  var Rt, Lt, Mt, Dt, Ot, Pt, zt, Ft, $t, Bt;
   const {
     additionalMessageInputProps: t,
     editing: s,
@@ -3943,7 +3943,7 @@ const Wi = ({
     viewerLanguage: v,
     onOutboundClick: x,
     resolvedOutbound: b
-  } = e, { client: N } = He("CustomMessage"), { channel: _ } = xe("CustomMessage"), { isUnlocking: T, onUnlockClick: R, onFetchSource: E, onDownloadClick: $ } = sr("LockedAttachment"), [F, L] = B(!1), I = ms(c.id), {
+  } = e, { client: N } = He("CustomMessage"), { channel: _ } = xe("CustomMessage"), { isUnlocking: T, onUnlockClick: L, onFetchSource: E, onDownloadClick: $ } = sr("LockedAttachment"), [F, R] = B(!1), I = ms(c.id), {
     Attachment: M = hs,
     EditMessageModal: S = fs,
     MessageActions: C,
@@ -3979,9 +3979,9 @@ const Wi = ({
     return /* @__PURE__ */ n(U, { message: c });
   if (Cs(c))
     return /* @__PURE__ */ n(A, {});
-  const ue = !w && !!c.reply_count, ie = !w && c.show_in_channel && c.parent_id, Ct = c.status === "failed" && ((Lt = c.error) == null ? void 0 : Lt.status) !== 403, St = Ss(c);
+  const ue = !w && !!c.reply_count, ie = !w && c.show_in_channel && c.parent_id, Ct = c.status === "failed" && ((Rt = c.error) == null ? void 0 : Rt.status) !== 403, St = Ss(c);
   let fe;
-  Ct ? fe = () => u(c) : St && (fe = () => L(!0));
+  Ct ? fe = () => u(c) : St && (fe = () => R(!0));
   const ee = g(), ts = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
@@ -3993,7 +3993,7 @@ const Wi = ({
       "str-chat__message--highlighted": h,
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": W,
-      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Rt = c == null ? void 0 : c.error) == null ? void 0 : Rt.status) !== 403,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Lt = c == null ? void 0 : c.error) == null ? void 0 : Lt.status) !== 403,
       "str-chat__message-with-thread-link": ue || ie,
       "str-chat__virtual-message__wrapper--end": a,
       "str-chat__virtual-message__wrapper--first": r,
@@ -4025,7 +4025,7 @@ const Wi = ({
       Es,
       {
         MessageBouncePrompt: P,
-        onClose: () => L(!1),
+        onClose: () => R(!1),
         open: F
       }
     ),
@@ -4075,7 +4075,7 @@ const Wi = ({
                     ...Tt,
                     isMine: !1,
                     isUnlocking: T(c.id),
-                    onUnlockClick: () => R == null ? void 0 : R(c, _)
+                    onUnlockClick: () => L == null ? void 0 : L(c, _)
                   }
                 ),
                 !ee && C && /* @__PURE__ */ n(C, {})
@@ -4087,7 +4087,7 @@ const Wi = ({
                     {
                       ...At,
                       isMine: !0,
-                      onPreviewClick: () => R ? R(c, _) : void 0
+                      onPreviewClick: () => L ? L(c, _) : void 0
                     }
                   ) : /* @__PURE__ */ n(
                     Pe,
@@ -4095,7 +4095,7 @@ const Wi = ({
                       ...At,
                       isMine: !1,
                       isUnlocking: T(c.id),
-                      onUnlockClick: () => R ? R(c, _) : void 0,
+                      onUnlockClick: () => L ? L(c, _) : void 0,
                       onDownloadClick: () => $ ? $(c, _) : void 0
                     }
                   ),
@@ -4213,7 +4213,7 @@ const Wi = ({
   }
 ), Ki = (e) => {
   var i;
-  const t = he("CustomMessage"), s = ve(Rn), a = (i = t.message.metadata) == null ? void 0 : i.outbound_id, r = typeof a == "string" ? s == null ? void 0 : s[a] : void 0;
+  const t = he("CustomMessage"), s = ve(Ln), a = (i = t.message.metadata) == null ? void 0 : i.outbound_id, r = typeof a == "string" ? s == null ? void 0 : s[a] : void 0;
   return /* @__PURE__ */ n(
     qi,
     {
@@ -4342,7 +4342,7 @@ const Wi = ({
     children: /* @__PURE__ */ n(ma, { weight: "bold", className: "size-4" })
   }
 ), an = () => {
-  const e = ve(Be), { handleSubmit: t } = Ls(), s = Rs(), a = e || !s, {
+  const e = ve(Be), { handleSubmit: t } = Rs(), s = Ls(), a = e || !s, {
     SendButton: r = sl,
     AttachmentPreviewList: i = Ms
   } = dn("CustomMessageInput"), o = z.useRef(null);
@@ -4845,22 +4845,22 @@ const vl = ({
   renderMessage: N,
   viewerLanguage: _,
   showChannelInfo: T = !0,
-  onParticipantNameClick: R,
+  onParticipantNameClick: L,
   onOutboundClick: E,
   resolveOutbound: $,
   composerInput: F
 }) => {
-  const { channel: L, messages: I } = xe(), M = j(E);
+  const { channel: R, messages: I } = xe(), M = j(E);
   Y(() => {
     M.current = E;
   }, [E]);
   const S = Z((Q) => {
     var V;
     (V = M.current) == null || V.call(M, Q);
-  }, []), C = E ? S : void 0, A = pr(I, $), P = L.state.messages.some(
+  }, []), C = E ? S : void 0, A = pr(I, $), P = R.state.messages.some(
     (Q) => Q.type !== "deleted"
   ), U = v ? /* @__PURE__ */ n(z.Fragment, { children: v() }, "lt-channel-banner") : null, H = /* @__PURE__ */ n(
-    Ra,
+    La,
     {
       className: "-mx-[var(--str-chat\\_\\_spacing-2)] px-[var(--str-chat\\_\\_spacing-2)] md:-mx-[min(var(--str-chat\\_\\_spacing-10),4%)] md:px-[min(var(--str-chat\\_\\_spacing-10),4%)]",
       onBack: e,
@@ -4877,7 +4877,7 @@ const vl = ({
       onReportParticipantClick: h,
       customChannelActions: x,
       renderChannelActions: b,
-      onParticipantNameClick: R
+      onParticipantNameClick: L
     }
   ), te = Z(
     (Q) => {
@@ -4893,7 +4893,7 @@ const vl = ({
     },
     [C, N, _]
   );
-  return /* @__PURE__ */ n(Rn.Provider, { value: A, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(Ln.Provider, { value: A, children: /* @__PURE__ */ n(
     $s,
     {
       overrides: {
@@ -4931,12 +4931,12 @@ const vl = ({
           rn,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(L)
+              renderActions: () => s == null ? void 0 : s(R)
             },
             ...r && {
-              renderHeader: () => r(L)
+              renderHeader: () => r(R)
             },
-            renderFooter: () => a == null ? void 0 : a(L),
+            renderFooter: () => a == null ? void 0 : a(R),
             disabled: c,
             disabledReason: p,
             composerInput: F
@@ -4968,14 +4968,14 @@ const vl = ({
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(z.Fragment, { children: r(L) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(z.Fragment, { children: r(R) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
           rn,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(L)
+              renderActions: () => s == null ? void 0 : s(R)
             },
-            renderFooter: () => a == null ? void 0 : a(L),
+            renderFooter: () => a == null ? void 0 : a(R),
             disabled: c,
             disabledReason: p,
             composerInput: F
@@ -5009,11 +5009,11 @@ const vl = ({
     messageMetadata: N,
     onMessageSent: _,
     showStarButton: T = !1,
-    renderChannelBanner: R,
+    renderChannelBanner: L,
     customChannelActions: E,
     renderChannelActions: $,
     renderMessage: F,
-    onMessageLinkClick: L,
+    onMessageLinkClick: R,
     sendButton: I,
     attachmentPreviewList: M,
     viewerLanguage: S,
@@ -5044,17 +5044,17 @@ const vl = ({
       [e, b, N, _]
     ), Q = j(null);
     return Y(() => {
-      if (!L) return;
+      if (!R) return;
       const V = Q.current;
       if (!V) return;
       const y = (D) => {
         const W = D.target, X = W == null ? void 0 : W.closest("a[href]"), G = X == null ? void 0 : X.getAttribute("href");
         if (!G) return;
         const q = X == null ? void 0 : X.closest("[data-message-id]"), K = q == null ? void 0 : q.getAttribute("data-message-id"), se = K ? e.state.messages.find((Me) => Me.id === K) : void 0;
-        L(G, se);
+        R(G, se);
       };
       return V.addEventListener("click", y), () => V.removeEventListener("click", y);
-    }, [L, e]), /* @__PURE__ */ n(
+    }, [R, e]), /* @__PURE__ */ n(
       "div",
       {
         ref: Q,
@@ -5094,7 +5094,7 @@ const vl = ({
                 composerDisabled: v,
                 composerDisabledReason: x,
                 showStarButton: T,
-                renderChannelBanner: R,
+                renderChannelBanner: L,
                 customChannelActions: E,
                 renderChannelActions: $,
                 renderMessage: F,
@@ -5151,13 +5151,13 @@ const ro = ({
   renderMessage: N,
   onMessageLinkClick: _,
   showChannelInfo: T,
-  composerInput: R
+  composerInput: L
 }) => {
   const {
     client: E,
     isConnected: $,
     isLoading: F,
-    error: L,
+    error: R,
     refreshConnection: I,
     service: M,
     debug: S
@@ -5238,7 +5238,7 @@ const ro = ({
     var q;
     A(null), te(!0), (q = X.current) == null || q.call(X);
   }, []);
-  return F ? /* @__PURE__ */ n(Ue, {}) : L ? /* @__PURE__ */ n(ke, { message: L, onBack: I }) : !$ || !E ? /* @__PURE__ */ n(
+  return F ? /* @__PURE__ */ n(Ue, {}) : R ? /* @__PURE__ */ n(ke, { message: R, onBack: I }) : !$ || !E ? /* @__PURE__ */ n(
     ke,
     {
       message: "Not connected to messaging service",
@@ -5268,7 +5268,7 @@ const ro = ({
       renderMessage: N,
       onMessageLinkClick: _,
       showChannelInfo: T,
-      composerInput: R
+      composerInput: L
     },
     C.id
   ) }) }) : /* @__PURE__ */ n(Ue, {});
@@ -5309,7 +5309,7 @@ const Zn = z.createContext({
   });
 }, Jn = z.memo(
   (e) => {
-    var $, F, L;
+    var $, F, R;
     const { channel: t, unread: s } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -5364,7 +5364,7 @@ const Zn = z.createContext({
       if (I) return I;
       const C = (A = x == null ? void 0 : x.attachments) == null ? void 0 : A[0];
       return C ? C.og_scrape_url ? C.og_scrape_url : C.type === "image" ? "📷 Sent an image" : C.type === "video" ? "🎥 Sent a video" : C.type === "audio" ? "🎵 Sent audio" : C.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), _ = x != null && x.created_at ? Nl(new Date(x.created_at)) : "", T = x ? Fe(x) : !1, R = l ? l(x, N) : `${T ? "✨ " : ""}${N}`, E = s ?? 0;
+    })(), _ = x != null && x.created_at ? Nl(new Date(x.created_at)) : "", T = x ? Fe(x) : !1, L = l ? l(x, N) : `${T ? "✨ " : ""}${N}`, E = s ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: h,
@@ -5390,7 +5390,7 @@ const Zn = z.createContext({
           /* @__PURE__ */ n(
             we,
             {
-              id: ((L = p == null ? void 0 : p.user) == null ? void 0 : L.id) || t.id || "unknown",
+              id: ((R = p == null ? void 0 : p.user) == null ? void 0 : R.id) || t.id || "unknown",
               name: w,
               image: v,
               size: 48,
@@ -5414,7 +5414,7 @@ const Zn = z.createContext({
               _ && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: _ })
             ] }),
             /* @__PURE__ */ f("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 }),
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: L }),
               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 })
             ] })
           ] })
@@ -5448,10 +5448,10 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
     const b = z.useRef(0);
     b.current++;
     const { debug: N = !1 } = lt(), _ = z.useCallback(
-      (R) => {
-        for (const E of R)
+      (L) => {
+        for (const E of L)
           xl(E);
-        return r ? r(R) : R;
+        return r ? r(L) : L;
       },
       [r]
     );
@@ -5599,11 +5599,11 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", E
   1: [0],
   2: [-10, 10],
   3: [-13, 0, 13]
-}, Ll = {
+}, Rl = {
   1: [0],
   2: [-30, 30],
   3: [-44, 0, 44]
-}, Rl = {
+}, Ll = {
   1: [0],
   2: [0, 1],
   3: [1, 3, 2]
@@ -5615,7 +5615,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", E
   const [s, a] = z.useState({}), r = t.join(`
 `), [i, o] = z.useState(r);
   r !== i && (o(r), a({}));
-  const l = t.slice(0, 3).map((c, p) => ({ src: c, index: p })).filter(({ index: c }) => !s[c]), d = l.length >= 3 ? 3 : l.length === 2 ? 2 : 1, u = Al[d], h = Ll[d], m = Rl[d], g = Ml[d];
+  const l = t.slice(0, 3).map((c, p) => ({ src: c, index: p })).filter(({ index: c }) => !s[c]), d = l.length >= 3 ? 3 : l.length === 2 ? 2 : 1, u = Al[d], h = Rl[d], m = Ll[d], g = Ml[d];
   return /* @__PURE__ */ n(
     "div",
     {
@@ -5900,4 +5900,4 @@ export {
   dt as y,
   ut as z
 };
-//# sourceMappingURL=index-CB548cbP.js.map
+//# sourceMappingURL=index-Dyxu8r07.js.map