@linktr.ee/messaging-react 3.35.0-rc-1786108548 → 3.35.0-rc-1786109913

package/dist/{index-CNqtYNZt.js → index-CrdAtOBl.js}

@@ -39,7 +39,7 @@ const fs = Ve({
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [d, m] = U(null), [h, u] = U(null), [f, c] = U(!1), [v, w] = U(!1), [p, x] = U(null), b = H(!1), N = H(null), _ = H(n);
+  const [d, m] = U(null), [h, u] = U(null), [f, c] = U(!1), [x, w] = U(!1), [p, v] = U(null), b = H(!1), N = H(null), _ = H(n);
   _.current = n;
   const A = H(i);
   A.current = i;
@@ -70,7 +70,7 @@ const fs = Ve({
   Y(() => {
     const E = L.current, B = _.current;
     if (l) {
-      N.current = null, m(null), u(null), c(!1), x(null), w(!1);
+      N.current = null, m(null), u(null), c(!1), v(null), w(!1);
       return;
     }
     if (!a || !$ || !B) {
@@ -123,7 +123,7 @@ const fs = Ve({
       return;
     }
     (async () => {
-      o("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, w(!0), x(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, w(!0), v(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const j = await d.connectUser(t);
@@ -133,7 +133,7 @@ const fs = Ve({
         });
       } catch (j) {
         const K = j instanceof Error ? j.message : "Connection failed";
-        x(K), o("❌ USER CONNECTION ERROR", {
+        v(K), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: K
         });
@@ -164,10 +164,10 @@ const fs = Ve({
       try {
         o("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
         const E = await d.connectUser(t);
-        u(E), c(!0), x(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+        u(E), c(!0), v(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
       } catch (E) {
         const B = E instanceof Error ? E.message : "Refresh failed";
-        x(B), o("❌ CONNECTION REFRESH ERROR", {
+        v(B), o("❌ CONNECTION REFRESH ERROR", {
           userId: t.id,
           error: B
         });
@@ -179,7 +179,7 @@ const fs = Ve({
     hasService: !!d,
     hasClient: !!h,
     isConnected: f,
-    isLoading: v,
+    isLoading: x,
     hasError: !!p,
     capabilitiesKeys: Object.keys(r)
   }), {
@@ -194,7 +194,7 @@ const fs = Ve({
     // through if the same provider previously attempted an apiKey connect.
     client: l ?? h,
     isConnected: l ? !0 : f,
-    isLoading: l ? !1 : v,
+    isLoading: l ? !1 : x,
     error: l ? null : p,
     capabilities: r,
     refreshConnection: C,
@@ -204,7 +204,7 @@ const fs = Ve({
     h,
     l,
     f,
-    v,
+    x,
     p,
     r,
     C,
@@ -331,7 +331,7 @@ const ye = ({
   shape: i = "squircle",
   dmAgentEnabled: l = !1
 }) => {
-  const o = Ca(e), d = Sa(e), m = 0.45, u = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, f = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, v = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
+  const o = Ca(e), d = Sa(e), m = 0.45, u = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, f = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, x = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
     "img",
     {
       src: t,
@@ -389,7 +389,7 @@ const ye = ({
                 boxShadow: "inset 0 1px 2px 0 rgba(255, 255, 255, 0.5)"
               }
             },
-            children: v
+            children: x
           }
         )
       ]
@@ -409,9 +409,9 @@ const ye = ({
   logLabel: h = "useChannelModerationActions"
 }) => {
   var P;
-  const { service: u, debug: f } = ct(), c = (P = t == null ? void 0 : t.user) == null ? void 0 : P.id, v = !!(a && n && u && c), [w, p] = U(!1), [x, b] = U(null), [N, _] = U(!1), [A, R] = U(!1), L = v && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== u);
+  const { service: u, debug: f } = ct(), c = (P = t == null ? void 0 : t.user) == null ? void 0 : P.id, x = !!(a && n && u && c), [w, p] = U(!1), [v, b] = U(null), [N, _] = U(!1), [A, R] = U(!1), L = x && ((v == null ? void 0 : v.participantId) !== c || (v == null ? void 0 : v.service) !== u);
   return Y(() => {
-    if (!v || !u || !c) {
+    if (!x || !u || !c) {
       p(!1), b(null);
       return;
     }
@@ -433,7 +433,7 @@ const ye = ({
     })(), () => {
       S = !0;
     };
-  }, [v, u, c, h]), {
+  }, [x, u, c, h]), {
     isParticipantBlocked: w,
     isCheckingBlockedStatus: L,
     isLeaving: N,
@@ -513,8 +513,8 @@ const ye = ({
   customChannelActions: h,
   triggerClassName: u
 }) => {
-  const [f, c] = U(!1), v = H(null), w = tn(), p = q(() => c(!1), []), {
-    isParticipantBlocked: x,
+  const [f, c] = U(!1), x = H(null), w = tn(), p = q(() => c(!1), []), {
+    isParticipantBlocked: v,
     isCheckingBlockedStatus: b,
     isLeaving: N,
     isUpdatingBlockStatus: _,
@@ -538,14 +538,14 @@ const ye = ({
   return Y(() => {
     if (!f) return;
     const O = (P) => {
-      v.current && !v.current.contains(P.target) && c(!1);
+      x.current && !x.current.contains(P.target) && c(!1);
     }, C = (P) => {
       P.key === "Escape" && c(!1);
     };
     return document.addEventListener("mousedown", O), document.addEventListener("keydown", C), () => {
       document.removeEventListener("mousedown", O), document.removeEventListener("keydown", C);
     };
-  }, [f]), !t || !(n || a || r || !!h) ? null : /* @__PURE__ */ g("div", { ref: v, className: "relative", children: [
+  }, [f]), !t || !(n || a || r || !!h) ? null : /* @__PURE__ */ g("div", { ref: x, className: "relative", children: [
     /* @__PURE__ */ g(
       "button",
       {
@@ -590,7 +590,7 @@ const ye = ({
               /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ s("span", { children: "Block" })
             ] })
-          ) : x ? /* @__PURE__ */ g(
+          ) : v ? /* @__PURE__ */ g(
             Ne,
             {
               onClick: L,
@@ -637,20 +637,20 @@ const ye = ({
   onReportParticipantClick: u,
   customChannelActions: f,
   renderChannelActions: c,
-  showChannelInfo: v = !0,
+  showChannelInfo: x = !0,
   onParticipantNameClick: w
 }) => {
   var C, P, S, T;
-  const { channel: p } = fe(), { client: x } = Te(), b = z.useMemo(
+  const { channel: p } = fe(), { client: v } = Te(), b = z.useMemo(
     () => {
       var E;
       return ps(
         (E = p.state) == null ? void 0 : E.members,
-        x == null ? void 0 : x.userID,
+        v == null ? void 0 : v.userID,
         p.type
       );
     },
-    [(C = p.state) == null ? void 0 : C.members, x == null ? void 0 : x.userID, p.type]
+    [(C = p.state) == null ? void 0 : C.members, v == null ? void 0 : v.userID, p.type]
   ), N = bs(b == null ? void 0 : b.user), _ = (P = b == null ? void 0 : b.user) == null ? void 0 : P.image, A = gs(p), R = Ra((S = p.data) == null ? void 0 : S.customer_tag) && (b == null ? void 0 : b.is_follower) === !0, L = a && A, D = R || L || !!w, $ = async () => {
     try {
       A ? await p.unpin() : await p.pin();
@@ -764,7 +764,7 @@ const ye = ({
               )
             }
           ),
-          v && (c !== void 0 ? c : /* @__PURE__ */ s(
+          x && (c !== void 0 ? c : /* @__PURE__ */ s(
             Ta,
             {
               channel: p,
@@ -905,7 +905,7 @@ const Ha = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const h = ue(t), u = H(null), f = H(null), c = H(null), v = H(r), [w, p] = U(a), [x, b] = U(0), [N, _] = U(!1), [A, R] = U(!1), [L, D] = U(!1), [$, O] = U(!1), [C, P] = U(!0), [S, T] = U(null), E = q(() => {
+  const h = ue(t), u = H(null), f = H(null), c = H(null), x = H(r), [w, p] = U(a), [v, b] = U(0), [N, _] = U(!1), [A, R] = U(!1), [L, D] = U(!1), [$, O] = U(!1), [C, P] = U(!0), [S, T] = U(null), E = q(() => {
     D(!1), p(!0);
   }, []), B = q((y) => {
     const I = f.current;
@@ -924,7 +924,7 @@ const Ha = (e) => {
     b(I), F(I);
   };
   Y(() => {
-    r !== void 0 && r !== v.current && (v.current = r, p(r));
+    r !== void 0 && r !== x.current && (x.current = r, p(r));
   }, [r]), Y(() => {
     if (!w) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
@@ -951,7 +951,7 @@ const Ha = (e) => {
       window.removeEventListener("mousemove", y), window.removeEventListener("mouseup", I), window.removeEventListener("touchmove", y), window.removeEventListener("touchend", I);
     };
   }, [N, B, F]);
-  const K = S ? { aspectRatio: String(S) } : void 0, se = S ? "" : " aspect-video", G = Math.round(x * 100);
+  const K = S ? { aspectRatio: String(S) } : void 0, se = S ? "" : " aspect-video", G = Math.round(v * 100);
   return /* @__PURE__ */ g(
     "div",
     {
@@ -1070,7 +1070,7 @@ const Ha = (e) => {
             onTouchStart: j,
             onClick: (y) => y.stopPropagation(),
             onKeyDown: (y) => {
-              y.key === "ArrowRight" && F(Math.min(1, x + 0.05)), y.key === "ArrowLeft" && F(Math.max(0, x - 0.05));
+              y.key === "ArrowRight" && F(Math.min(1, v + 0.05)), y.key === "ArrowLeft" && F(Math.max(0, v - 0.05));
             },
             children: /* @__PURE__ */ s("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ s(
               "div",
@@ -1111,7 +1111,7 @@ const Ha = (e) => {
               onMouseEnter: () => R(!0),
               onMouseLeave: () => R(!1),
               onKeyDown: (y) => {
-                y.key === "ArrowRight" && F(Math.min(1, x + 0.05)), y.key === "ArrowLeft" && F(Math.max(0, x - 0.05));
+                y.key === "ArrowRight" && F(Math.min(1, v + 0.05)), y.key === "ArrowLeft" && F(Math.max(0, v - 0.05));
               },
               children: [
                 /* @__PURE__ */ s(
@@ -1235,7 +1235,7 @@ const Ha = (e) => {
   rootRef: h,
   "data-testid": u
 }) => {
-  const f = e === "dark", c = f ? n ?? a : n ?? "", v = f && !n;
+  const f = e === "dark", c = f ? n ?? a : n ?? "", x = f && !n;
   return /* @__PURE__ */ g(
     "div",
     {
@@ -1255,8 +1255,8 @@ const Ha = (e) => {
             {
               className: k("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
-                "text-white/30": f && v,
-                "text-white": f && !v
+                "text-white/30": f && x,
+                "text-white": f && !x
               }),
               children: c
             }
@@ -1379,14 +1379,14 @@ const Qa = ({
   );
 };
 function ht(e) {
-  var u, f, c, v;
+  var u, f, c, x;
   const t = (u = e.attachments) == null ? void 0 : u.find(
     (w) => w.type === "video" && w.asset_url
   ), n = (f = e.attachments) == null ? void 0 : f.find(
     (w) => w.type === "image" && w.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
     (w) => w.type === "audio" && w.asset_url
-  ), r = (v = e.attachments) == null ? void 0 : v.find(
+  ), r = (x = e.attachments) == null ? void 0 : x.find(
     (w) => w.type === "file" && w.asset_url
   ), i = t ?? n ?? a ?? r, l = (t == null ? void 0 : t.asset_url) ?? (n == null ? void 0 : n.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
   if (!l) return null;
@@ -1662,7 +1662,7 @@ const Cs = ({
       text: i,
       groupPosition: l,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: u.map((c, v) => /* @__PURE__ */ s(
+      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: u.map((c, x) => /* @__PURE__ */ s(
         dr,
         {
           item: c,
@@ -1670,10 +1670,10 @@ const Cs = ({
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            h && v === 0 ? /* @__PURE__ */ s(Re, { onClick: d, variant: "inline" }) : void 0
+            h && x === 0 ? /* @__PURE__ */ s(Re, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${v}`
+        `${c.src}-${x}`
       )) })
     }
   );
@@ -1855,12 +1855,12 @@ const yr = ({
     mimeType: r,
     title: i,
     items: l
-  }), v = (p) => {
+  }), x = (p) => {
     if ((m == null ? void 0 : m(p)) === !1) return;
-    const x = c[p];
-    if (!x) return;
-    const b = x.filename ?? re(x.src);
-    Is(x.src, b);
+    const v = c[p];
+    if (!v) return;
+    const b = v.filename ?? re(v.src);
+    Is(v.src, b);
   };
   if (c.length === 0)
     return null;
@@ -1882,16 +1882,16 @@ const yr = ({
       text: o,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((p, x) => /* @__PURE__ */ s(
+      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((p, v) => /* @__PURE__ */ s(
         Nr,
         {
           variant: u,
           item: p,
-          index: x,
-          onActivate: v,
-          trailingAction: f && x === 0 ? /* @__PURE__ */ s(Re, { onClick: h, variant: "inline" }) : w
+          index: v,
+          onActivate: x,
+          trailingAction: f && v === 0 ? /* @__PURE__ */ s(Re, { onClick: h, variant: "inline" }) : w
         },
-        `${p.src}-${x}`
+        `${p.src}-${v}`
       )) })
     }
   );
@@ -2201,11 +2201,11 @@ const yr = ({
   const i = e.length;
   if (i === 0) return null;
   const l = e.slice(0, Math.min(i, n)), o = i - l.length, d = (h, u, f) => {
-    var v;
+    var x;
     const c = k(
       Ir,
       "h-full w-full",
-      (v = Tr[l.length]) == null ? void 0 : v[u]
+      (x = Tr[l.length]) == null ? void 0 : x[u]
     );
     return t ? /* @__PURE__ */ g(
       "button",
@@ -2402,12 +2402,12 @@ const yr = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const m = Dr({ src: t, alt: n, items: r }), h = Le(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: v } = Me(
+  const m = Dr({ src: t, alt: n, items: r }), h = Le(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: x } = Me(
     d
   ), w = m.length === 1, p = zr(w ? m[0] : void 0);
   if (m.length === 0)
     return null;
-  const x = m.map(
+  const v = m.map(
     (b, N) => Mr({
       item: b,
       index: N,
@@ -2432,7 +2432,7 @@ const yr = ({
         /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(
           Rs,
           {
-            tiles: x,
+            tiles: v,
             onTileActivate: c,
             singleAspectRatio: w ? p.ratio : void 0
           }
@@ -2443,7 +2443,7 @@ const yr = ({
             open: u,
             items: Ls(m, a),
             initialIndex: f,
-            onClose: v
+            onClose: x
           }
         )
       ]
@@ -2543,12 +2543,12 @@ const yr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const h = Le(e), u = Hr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: w } = Me(
+  const h = Le(e), u = Hr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: x, closeViewer: w } = Me(
     d
   ), p = e === "composer" && !!m;
   if (u.length === 0)
     return null;
-  const x = u.map((b) => ({
+  const v = u.map((b) => ({
     src: b.src,
     filename: b.filename ?? re(b.src)
   }));
@@ -2577,7 +2577,7 @@ const yr = ({
               variant: h,
               item: b,
               index: N,
-              onActivate: v,
+              onActivate: x,
               trailingAction: A
             },
             `${b.src}-${N}`
@@ -2587,7 +2587,7 @@ const yr = ({
           jr,
           {
             open: f,
-            items: x,
+            items: v,
             initialIndex: c,
             onClose: w
           }
@@ -2728,13 +2728,13 @@ const yr = ({
   preload: d,
   onClick: m
 }) => {
-  const h = Jr({ src: t, poster: n, mimeType: a, preload: d, items: i }), u = Le(e), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: w } = Me(
+  const h = Jr({ src: t, poster: n, mimeType: a, preload: d, items: i }), u = Le(e), { viewerOpen: f, viewerIndex: c, handleActivate: x, closeViewer: w } = Me(
     m
   );
   if (h.length === 0)
     return null;
   const p = h.map(
-    (x, b) => Zr(x, b, h.length)
+    (v, b) => Zr(v, b, h.length)
   );
   return /* @__PURE__ */ g(
     Ae,
@@ -2744,7 +2744,7 @@ const yr = ({
       groupPosition: o,
       "data-testid": "video-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Rs, { tiles: p, onTileActivate: v }) }),
+        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Rs, { tiles: p, onTileActivate: x }) }),
         /* @__PURE__ */ s(
           Ds,
           {
@@ -2803,7 +2803,7 @@ const yr = ({
 function di(e) {
   return _e(Bs)[e] ?? ci[e];
 }
-const ui = z.lazy(() => import("./Card-qS17qnN0.js")), mi = z.lazy(() => import("./Card-BjtvPweb.js")), hi = () => /* @__PURE__ */ s(
+const ui = z.lazy(() => import("./Card-qS17qnN0.js")), mi = z.lazy(() => import("./Card-B4qcC_0B.js")), hi = () => /* @__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)]",
@@ -2860,7 +2860,7 @@ const ui = z.lazy(() => import("./Card-qS17qnN0.js")), mi = z.lazy(() => import(
   if (r) {
     const f = (u = e.metadata) == null ? void 0 : u.amount_text;
     if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", v = $s(e) ? "message" : "tip", w = t ? `${f} ${v}` : `Delivered with ${f} ${v}`;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", x = $s(e) ? "message" : "tip", w = t ? `${f} ${x}` : `Delivered with ${f} ${x}`;
     return /* @__PURE__ */ g("div", { className: c, children: [
       /* @__PURE__ */ s(aa, { size: t ? 14 : 12 }),
       /* @__PURE__ */ s("span", { children: w })
@@ -3091,8 +3091,8 @@ const Si = {
   trailingAction: h,
   isLoading: u = !1
 }) => {
-  const f = e === "dark", c = a ?? (f ? r : void 0) ?? "", v = c.trim() !== "", w = i != null && i.trim() !== "", p = typeof o == "string" ? o.trim() : "", x = p !== "", b = m != null;
-  if (!u && !v && !w && !x && !b)
+  const f = e === "dark", c = a ?? (f ? r : void 0) ?? "", x = c.trim() !== "", w = i != null && i.trim() !== "", p = typeof o == "string" ? o.trim() : "", v = p !== "", b = m != null;
+  if (!u && !x && !w && !v && !b)
     return null;
   const N = f && !a, _ = k(
     "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]",
@@ -3125,7 +3125,7 @@ const Si = {
   return /* @__PURE__ */ g("div", { className: "shrink-0 px-4 py-3", children: [
     /* @__PURE__ */ g("div", { className: "flex items-end gap-3", children: [
       /* @__PURE__ */ g("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
-        v && /* @__PURE__ */ g("div", { className: "flex min-w-0 items-center gap-2", children: [
+        x && /* @__PURE__ */ g("div", { className: "flex min-w-0 items-center gap-2", children: [
           d ? /* @__PURE__ */ s("span", { className: "shrink-0", children: d }) : null,
           /* @__PURE__ */ s(
             "p",
@@ -3137,7 +3137,7 @@ const Si = {
           )
         ] }),
         w && /* @__PURE__ */ s("p", { className: R, style: D, children: i }),
-        !b && x && /* @__PURE__ */ s("p", { className: A, style: L, children: p })
+        !b && v && /* @__PURE__ */ s("p", { className: A, style: L, children: p })
       ] }),
       h && /* @__PURE__ */ s("div", { className: "shrink-0", children: h })
     ] }),
@@ -3187,7 +3187,7 @@ const Si = {
     // tailwind preset — outline-none + a black 2px focus-visible ring
     // with offset, so keyboard users can see the focused card.
     f ? "cursor-pointer no-underline focus-ring" : null
-  ), v = h ? { role: "status", "aria-busy": !0, "aria-label": Ai } : void 0, w = d ? { "--accent": d } : void 0, p = l ? /* @__PURE__ */ s("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: l }) : null;
+  ), x = h ? { role: "status", "aria-busy": !0, "aria-label": Ai } : void 0, w = d ? { "--accent": d } : void 0, p = l ? /* @__PURE__ */ s("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: l }) : null;
   return n ? /* @__PURE__ */ g(
     "a",
     {
@@ -3200,7 +3200,7 @@ const Si = {
       "data-variant": e,
       className: c,
       style: w,
-      ...v,
+      ...x,
       children: [
         t,
         p
@@ -3217,7 +3217,7 @@ const Si = {
       "data-variant": e,
       className: k(c, "text-left"),
       style: w,
-      ...v,
+      ...x,
       children: [
         t,
         p
@@ -3231,7 +3231,7 @@ const Si = {
       "data-variant": e,
       className: c,
       style: w,
-      ...v,
+      ...x,
       children: [
         t,
         p
@@ -3372,11 +3372,11 @@ function He({
   }, [r]);
   const m = z.useCallback(() => {
     d(!0);
-  }, []), h = De(i, l), c = a === "featured" && !!r && !h && !o && n === "ready" && t != null && Di.test(t.trim()) ? Oi(t) : void 0, v = h ? Vs : zi[e];
+  }, []), h = De(i, l), c = a === "featured" && !!r && !h && !o && n === "ready" && t != null && Di.test(t.trim()) ? Oi(t) : void 0, x = h ? Vs : zi[e];
   return {
     thumbnailUrl: o ? void 0 : r,
     accentHex: c,
-    chinTextColor: v,
+    chinTextColor: x,
     surface: h ? "light" : e,
     isLoading: n === "loading",
     onImageError: m
@@ -3397,10 +3397,10 @@ const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   accentColor: u,
   status: f = "ready",
   onDismiss: c,
-  onEditClick: v,
+  onEditClick: x,
   dismissLabel: w = "Dismiss attachment"
 }) => {
-  const p = d === "classic", x = De(i, o), b = He({
+  const p = d === "classic", v = De(i, o), b = He({
     variant: "dark",
     accentColor: u,
     status: f,
@@ -3416,21 +3416,21 @@ const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       "aria-label": w,
       className: k(
         Fi,
-        !x && Bi
+        !v && Bi
       ),
       children: /* @__PURE__ */ s(lt, { className: "size-3", weight: "bold" })
     }
-  ) : void 0, _ = v ? /* @__PURE__ */ s(
+  ) : void 0, _ = x ? /* @__PURE__ */ s(
     "button",
     {
       type: "button",
-      onClick: v,
+      onClick: x,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
       children: /* @__PURE__ */ s(da, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return x && !b.isLoading ? /* @__PURE__ */ s(Ee, { variant: "dark", bgClassName: Ct, children: /* @__PURE__ */ g("div", { className: "flex items-center gap-2 pr-3", children: [
+  return v && !b.isLoading ? /* @__PURE__ */ s(Ee, { variant: "dark", bgClassName: Ct, children: /* @__PURE__ */ g("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(
       Ie,
       {
@@ -3524,7 +3524,7 @@ const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: f,
   groupPosition: c = "single"
 }) => {
-  const v = kt(r, l), w = yt(a), p = m == null && w != null && !v ? w : void 0, x = m == null && !v ? f : void 0, b = u !== "loading" && De(r, l) ? Ct : void 0, N = m && f ? {
+  const x = kt(r, l), w = yt(a), p = m == null && w != null && !x ? w : void 0, v = m == null && !x ? f : void 0, b = u !== "loading" && De(r, l) ? Ct : void 0, N = m && f ? {
     ...m,
     onClick: () => {
       var A;
@@ -3550,7 +3550,7 @@ const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         {
           variant: "light",
           href: p,
-          onClick: x,
+          onClick: v,
           ariaLabel: e ?? "Open attachment preview",
           fixedHeight: o === "featured" && b == null,
           accentHex: _.accentHex,
@@ -3605,9 +3605,9 @@ const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   accentColor: u,
   status: f = "ready",
   onClick: c,
-  groupPosition: v = "single"
+  groupPosition: x = "single"
 }) => {
-  const w = kt(i, o), p = yt(r), x = h == null && p != null && !w ? p : void 0, b = h == null && !w && x != null ? c : void 0, N = f !== "loading" && De(i, o), _ = He({
+  const w = kt(i, o), p = yt(r), v = h == null && p != null && !w ? p : void 0, b = h == null && !w && v != null ? c : void 0, N = f !== "loading" && De(i, o), _ = He({
     variant: "dark",
     accentColor: u,
     status: f,
@@ -3621,12 +3621,12 @@ const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     {
       accentHex: _.accentHex,
       side: "sender",
-      visible: !N && (v === "single" || v === "end"),
+      visible: !N && (x === "single" || x === "end"),
       children: /* @__PURE__ */ g(
         Ee,
         {
           variant: "dark",
-          href: x,
+          href: v,
           onClick: b,
           fixedHeight: d === "featured" && !N,
           accentHex: _.accentHex,
@@ -3874,7 +3874,7 @@ const Ki = ({
   if (r.length === 0) return null;
   const i = Gi(r), l = (w = n.text) == null ? void 0 : w.trim(), o = r.find((p) => p.type === "link"), d = (o == null ? void 0 : o.type) === "link" ? ss(o.attachments[0] ?? {}).url : void 0, m = l && Vi(l, d) ? void 0 : l;
   let h = 0;
-  const u = [], f = m ? "middle" : e, c = (p, x, b) => {
+  const u = [], f = m ? "middle" : e, c = (p, v, b) => {
     const N = t ? ot.Sent : ot.Received;
     u.push(
       /* @__PURE__ */ s(
@@ -3883,10 +3883,10 @@ const Ki = ({
           ...ss(p),
           groupPosition: b ? f : "middle"
         },
-        x
+        v
       )
     );
-  }, v = (p, x) => {
+  }, x = (p, v) => {
     const b = Yi(
       h,
       i,
@@ -3900,23 +3900,23 @@ const Ki = ({
           isMyMessage: t,
           segment: p
         },
-        x
+        v
       )
     );
   };
-  return r.forEach((p, x) => {
-    const b = x === r.length - 1;
+  return r.forEach((p, v) => {
+    const b = v === r.length - 1;
     if (p.type === "link") {
       p.attachments.forEach((N, _) => {
         c(
           N,
-          `link-${x}-${_}`,
+          `link-${v}-${_}`,
           b && _ === p.attachments.length - 1
         );
       });
       return;
     }
-    v(p, `media-${x}`);
+    x(p, `media-${v}`);
   }), /* @__PURE__ */ g("div", { className: "str-chat__message-bubble-wrapper", children: [
     /* @__PURE__ */ g(
       "div",
@@ -3956,10 +3956,10 @@ const Ki = ({
     isMessageAIGenerated: u,
     isMyMessage: f,
     message: c,
-    renderText: v,
+    renderText: x,
     threadList: w,
     viewerLanguage: p,
-    onBroadcastClick: x,
+    onBroadcastClick: v,
     resolvedBroadcastName: b
   } = e, { client: N } = Te("CustomMessage"), { channel: _ } = fe("CustomMessage"), { isUnlocking: A, onUnlockClick: R, onFetchSource: L, onDownloadClick: D } = di("LockedAttachment"), [$, O] = U(!1), C = dn(c.id), { selected: P, voteUp: S, voteDown: T } = Oa(c), {
     Attachment: E = un,
@@ -4025,7 +4025,7 @@ const Ki = ({
     contentType: "text",
     amountText: (Ot = c.metadata) == null ? void 0 : Ot.amount_text,
     paymentStatus: (Pt = c.metadata) == null ? void 0 : Pt.payment_status,
-    renderedText: c.text && /* @__PURE__ */ s(Be, { message: ie, renderText: v })
+    renderedText: c.text && /* @__PURE__ */ s(Be, { message: ie, renderText: x })
   }, Lt = {
     contentType: "media",
     title: (zt = c.metadata) == null ? void 0 : zt.attachment_title,
@@ -4133,7 +4133,7 @@ const Ki = ({
                   Be,
                   {
                     message: ie,
-                    renderText: v
+                    renderText: x
                   }
                 ) })
               ] }) : en ? /* @__PURE__ */ s(
@@ -4149,7 +4149,7 @@ const Ki = ({
                     // the caption uses displayMessage.text from viewerLanguage.
                     i18n: void 0
                   },
-                  renderText: v
+                  renderText: x
                 }
               ) : /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ g("div", { className: "str-chat__message-bubble", children: [
                 be && !At && /* @__PURE__ */ s(
@@ -4172,13 +4172,13 @@ const Ki = ({
                   W,
                   {
                     message: ie,
-                    renderText: v
+                    renderText: x
                   }
                 ) : /* @__PURE__ */ s(
                   Be,
                   {
                     message: ie,
-                    renderText: v
+                    renderText: x
                   }
                 ),
                 /* @__PURE__ */ s(st, {})
@@ -4206,7 +4206,7 @@ const Ki = ({
           /* @__PURE__ */ s(
             Ni,
             {
-              onBroadcastClick: x,
+              onBroadcastClick: v,
               resolvedBroadcastName: b
             }
           ),
@@ -4473,8 +4473,8 @@ const Ki = ({
     if (!u || !f)
       return;
     let c = u.offsetHeight;
-    const v = () => {
-      const p = u.offsetHeight, x = p > c;
+    const x = () => {
+      const p = u.offsetHeight, v = p > c;
       c = p;
       const b = Array.from(
         f.querySelectorAll(".str-chat__list")
@@ -4482,11 +4482,11 @@ const Ki = ({
       f.style.setProperty(
         "--messaging-composer-height",
         `${p}px`
-      ), x && N && b && (b.scrollTop = b.scrollHeight);
+      ), v && N && b && (b.scrollTop = b.scrollHeight);
     };
-    if (v(), typeof ResizeObserver > "u")
+    if (x(), typeof ResizeObserver > "u")
       return;
-    const w = new ResizeObserver(v);
+    const w = new ResizeObserver(x);
     return w.observe(u), () => {
       w.disconnect(), f.style.removeProperty("--messaging-composer-height");
     };
@@ -4694,10 +4694,10 @@ const Ki = ({
   qe.Generating,
   qe.ExternalSources
 ]), vo = ({ threadList: e }) => {
-  var v, w;
+  var x, w;
   const { channel: t, channelConfig: n, thread: a } = fe(), { client: r } = Te(), { typing: i = {} } = Dn(), { aiState: l } = On(t), o = _e(Ys);
   if (!e && o && bo.has(l)) {
-    const p = xo(t, (v = r.user) == null ? void 0 : v.id);
+    const p = xo(t, (x = r.user) == null ? void 0 : x.id);
     return /* @__PURE__ */ s(
       is,
       {
@@ -4711,14 +4711,14 @@ const Ki = ({
   if ((n == null ? void 0 : n.typing_events) === !1)
     return null;
   const m = e ? [] : Object.values(i).filter(
-    ({ parent_id: p, user: x }) => {
+    ({ parent_id: p, user: v }) => {
       var b;
-      return (x == null ? void 0 : x.id) !== ((b = r.user) == null ? void 0 : b.id) && !p;
+      return (v == null ? void 0 : v.id) !== ((b = r.user) == null ? void 0 : b.id) && !p;
     }
   ), h = e ? Object.values(i).filter(
-    ({ parent_id: p, user: x }) => {
+    ({ parent_id: p, user: v }) => {
       var b;
-      return (x == null ? void 0 : x.id) !== ((b = r.user) == null ? void 0 : b.id) && p === (a == null ? void 0 : a.id);
+      return (v == null ? void 0 : v.id) !== ((b = r.user) == null ? void 0 : b.id) && p === (a == null ? void 0 : a.id);
     }
   ) : [], u = e ? h : m;
   if (!u.length)
@@ -4849,10 +4849,10 @@ const yo = ({
   showBlockParticipant: u = !0,
   showReportParticipant: f = !0,
   composerDisabled: c = !1,
-  composerDisabledReason: v,
+  composerDisabledReason: x,
   showStarButton: w = !1,
   chatbotVotingEnabled: p = !1,
-  renderChannelBanner: x,
+  renderChannelBanner: v,
   customChannelActions: b,
   renderChannelActions: N,
   renderMessage: _,
@@ -4875,7 +4875,7 @@ const yo = ({
     $
   ), F = C.state.messages.some(
     (G) => G.type !== "deleted"
-  ), j = x ? /* @__PURE__ */ s(z.Fragment, { children: x() }, "lt-channel-banner") : null, K = /* @__PURE__ */ s(
+  ), j = v ? /* @__PURE__ */ s(z.Fragment, { children: v() }, "lt-channel-banner") : null, K = /* @__PURE__ */ s(
     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%)]",
@@ -4955,7 +4955,7 @@ const yo = ({
             },
             renderFooter: () => a == null ? void 0 : a(C),
             disabled: c,
-            disabledReason: v,
+            disabledReason: x,
             composerInput: O
           },
           "lt-channel-message-input"
@@ -4994,7 +4994,7 @@ const yo = ({
             },
             renderFooter: () => a == null ? void 0 : a(C),
             disabled: c,
-            disabledReason: v,
+            disabledReason: x,
             composerInput: O
           },
           "lt-channel-message-input"
@@ -5018,10 +5018,10 @@ const yo = ({
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
-    showBlockParticipant: v = !0,
+    showBlockParticipant: x = !0,
     showReportParticipant: w = !0,
     composerDisabled: p = !1,
-    composerDisabledReason: x,
+    composerDisabledReason: v,
     dmAgentEnabled: b,
     messageMetadata: N,
     onMessageSent: _,
@@ -5107,10 +5107,10 @@ const yo = ({
                 onDeleteConversationClick: u,
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
-                showBlockParticipant: v,
+                showBlockParticipant: x,
                 showReportParticipant: w,
                 composerDisabled: p,
-                composerDisabledReason: x,
+                composerDisabledReason: v,
                 showStarButton: A,
                 chatbotVotingEnabled: R,
                 renderChannelBanner: L,
@@ -5162,10 +5162,10 @@ const ol = ({
   onMessageSent: u,
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
-  renderChannelBanner: v,
+  renderChannelBanner: x,
   customChannelActions: w,
   renderChannelActions: p,
-  onParticipantNameClick: x,
+  onParticipantNameClick: v,
   onBroadcastClick: b,
   resolveBroadcastName: N,
   renderMessage: _,
@@ -5270,7 +5270,7 @@ const ol = ({
       channel: E,
       renderMessageInputActions: t,
       renderConversationFooter: n,
-      renderChannelBanner: v,
+      renderChannelBanner: x,
       onLeaveConversation: ne,
       onBlockParticipant: ne,
       CustomChannelEmptyState: o,
@@ -5283,7 +5283,7 @@ const ol = ({
       viewerLanguage: c,
       customChannelActions: w,
       renderChannelActions: p,
-      onParticipantNameClick: x,
+      onParticipantNameClick: v,
       onBroadcastClick: b,
       resolveBroadcastName: N,
       renderMessage: _,
@@ -5355,11 +5355,11 @@ const qs = z.createContext({
     }, c = (C) => {
       const P = C.key === "Enter" || C.key === " ", S = C.repeat;
       !P || S || (C.preventDefault(), f());
-    }, v = ps(
+    }, x = ps(
       (D = t == null ? void 0 : t.state) == null ? void 0 : D.members,
       m == null ? void 0 : m.userID,
       t == null ? void 0 : t.type
-    ), w = bs(v == null ? void 0 : v.user), p = ($ = v == null ? void 0 : v.user) == null ? void 0 : $.image, x = (() => {
+    ), w = bs(x == null ? void 0 : x.user), p = ($ = x == null ? void 0 : x.user) == null ? void 0 : $.image, v = (() => {
       var P;
       const C = (P = t == null ? void 0 : t.state) == null ? void 0 : P.messages;
       if (C != null && C.length) {
@@ -5369,9 +5369,9 @@ const qs = z.createContext({
     })(), N = (() => {
       var E;
       const C = xs({
-        message: x,
+        message: v,
         viewerLanguage: d
-      }), { custom_type: P, attachment_content_type: S } = (x == null ? void 0 : x.metadata) || {};
+      }), { custom_type: P, attachment_content_type: S } = (v == null ? void 0 : v.metadata) || {};
       if (P === ce.TIP)
         return C || "Sent a tip";
       if (P === ce.PAID)
@@ -5383,9 +5383,9 @@ const qs = z.createContext({
           return "🔒 Sent a locked attachment";
       }
       if (C) return C;
-      const T = (E = x == null ? void 0 : x.attachments) == null ? void 0 : E[0];
+      const T = (E = v == null ? void 0 : v.attachments) == null ? void 0 : E[0];
       return T ? T.og_scrape_url ? T.og_scrape_url : T.type === "image" ? "📷 Sent an image" : T.type === "video" ? "🎥 Sent a video" : T.type === "audio" ? "🎵 Sent audio" : T.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), _ = x != null && x.created_at ? Eo(new Date(x.created_at)) : "", A = x ? $e(x) : !1, R = o ? o(x, N) : `${A ? "✨ " : ""}${N}`, L = n ?? 0;
+    })(), _ = v != null && v.created_at ? Eo(new Date(v.created_at)) : "", A = v ? $e(v) : !1, R = o ? o(v, N) : `${A ? "✨ " : ""}${N}`, L = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: h,
@@ -5411,7 +5411,7 @@ const qs = z.createContext({
           /* @__PURE__ */ s(
             ye,
             {
-              id: ((O = v == null ? void 0 : v.user) == null ? void 0 : O.id) || t.id || "unknown",
+              id: ((O = x == null ? void 0 : x.user) == null ? void 0 : O.id) || t.id || "unknown",
               name: w,
               image: p,
               size: 48,
@@ -5461,10 +5461,10 @@ const Io = { last_message_at: -1 }, To = z.memo(
     viewerLanguage: u,
     lockChannelOrder: f,
     onMessageNewHandler: c,
-    onMessageNew: v,
+    onMessageNew: x,
     onChannelVisible: w,
     onAddedToChannel: p,
-    onChannelUpdated: x
+    onChannelUpdated: v
   }) => {
     const b = z.useRef(0);
     b.current++;
@@ -5516,10 +5516,10 @@ const Io = { last_message_at: -1 }, To = z.memo(
             channelRenderFilterFn: _,
             lockChannelOrder: f,
             onMessageNewHandler: c,
-            onMessageNew: v,
+            onMessageNew: x,
             onChannelVisible: w,
             onAddedToChannel: p,
-            onChannelUpdated: x,
+            onChannelUpdated: v,
             Paginator: d,
             Preview: Xs,
             EmptyStateIndicator: o
@@ -5602,11 +5602,11 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
   1: [0],
   2: [-34, 34],
   3: [-58, 0, 58]
-}, zo = ({ variant: e, images: t, title: n }) => {
-  const [a, r] = z.useState({}), i = t.join(`
-`), [l, o] = z.useState(i);
-  i !== l && (o(i), r({}));
-  const d = t.slice(0, 3).map((f, c) => ({ src: f, index: c })).filter(({ index: f }) => !a[f]), m = d.length >= 3 ? 3 : d.length === 2 ? 2 : 1, h = Oo[m], u = Po[m];
+}, zo = ({ variant: e, images: t }) => {
+  const [n, a] = z.useState({}), r = t.join(`
+`), [i, l] = z.useState(r);
+  r !== i && (l(r), a({}));
+  const o = t.slice(0, 3).map((u, f) => ({ src: u, index: f })).filter(({ index: u }) => !n[u]), d = o.length >= 3 ? 3 : o.length === 2 ? 2 : 1, m = Oo[d], h = Po[d];
   return /* @__PURE__ */ s(
     "div",
     {
@@ -5614,23 +5614,22 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
         "relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden",
         Do[e]
       ),
-      children: d.map(({ src: f, index: c }, v) => /* @__PURE__ */ s(
+      children: o.map(({ src: u, index: f }, c) => /* @__PURE__ */ s(
         "img",
         {
-          src: de(f) ?? f,
-          alt: c === 0 ? n ?? "" : "",
-          "aria-hidden": c !== 0,
+          src: de(u) ?? u,
+          alt: "",
           draggable: !1,
           loading: "lazy",
           decoding: "async",
-          onError: () => r((w) => ({ ...w, [c]: !0 })),
+          onError: () => a((x) => ({ ...x, [f]: !0 })),
           className: "absolute left-1/2 top-1/2 h-[82%] w-[46%] rounded-[12px] object-cover shadow-lg",
           style: {
-            transform: `translate(-50%, -50%) translateX(${u[v]}px) rotate(${h[v]}deg)`,
-            zIndex: v
+            transform: `translate(-50%, -50%) translateX(${h[c]}px) rotate(${m[c]}deg)`,
+            zIndex: c
           }
         },
-        `${f}-${c}`
+        `${u}-${f}`
       ))
     }
   );
@@ -5641,7 +5640,7 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
   title: a,
   heroUrl: r,
   onHeroError: i
-}) => /* @__PURE__ */ s("div", { className: Fo, children: t === "fan" ? /* @__PURE__ */ s(zo, { variant: e, images: n, title: a }) : (
+}) => /* @__PURE__ */ s("div", { className: Fo, children: t === "fan" ? /* @__PURE__ */ s(zo, { variant: e, images: n }) : (
   // `heroUrl` is the palette-tracked source: it becomes `undefined` when the
   // hero image errors, so `CardThumbnail` falls through to its placeholder.
   // Do NOT `?? images[0]` here — that would re-instate the failed URL.
@@ -5675,13 +5674,13 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
     accentColor: d,
     layout: "featured",
     thumbnailUrl: f ? r[0] : void 0
-  }), v = m === "single" || m === "end";
+  }), x = m === "single" || m === "end";
   return /* @__PURE__ */ s(
     St,
     {
       accentHex: c.accentHex,
       side: e === "dark" ? "sender" : "receiver",
-      visible: v,
+      visible: x,
       children: /* @__PURE__ */ g(
         Ee,
         {
@@ -5894,4 +5893,4 @@ export {
   ps as y,
   mt as z
 };
-//# sourceMappingURL=index-CNqtYNZt.js.map
+//# sourceMappingURL=index-CrdAtOBl.js.map