@linktr.ee/messaging-react 1.40.0 → 1.40.1

package/dist/{index-DY-3-rt4.js → index-8ZuHtwFb.js}

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as d, Fragment as ce } from "react/jsx-runtime";
 import D from "classnames";
-import O, { createContext as ot, useContext as lt, useCallback as G, useState as A, useRef as J, useEffect as Z, useMemo as Ce, Suspense as ct } from "react";
+import O, { createContext as ot, useContext as lt, useCallback as G, useState as A, useRef as K, useEffect as J, useMemo as Ce, Suspense as ct } from "react";
 import { StreamChatService as Tt } from "@linktr.ee/messaging-core";
-import { Chat as Dt, ChannelList as Rt, DateSeparator as Lt, useChannelStateContext as oe, useChatContext as Me, areMessageUIPropsEqual as At, useMessageReminder as Ft, useComponentContext as dt, Attachment as Ot, EditMessageModal as Pt, MessageBlocked as Ut, MessageBouncePrompt as zt, MessageDeleted as Bt, MessageIsThreadReplyInChannelButtonIndicator as $t, MessageRepliesCountButton as jt, ReminderNotification as Gt, StreamedMessageText as Vt, messageHasAttachments as Ht, messageHasReactions as Yt, isDateSeparatorMessage as qt, isMessageBlocked as Wt, isMessageBounced as Xt, MessageBounceModal as Zt, MessageText as Xe, Poll as Jt, MessageErrorIcon as Kt, useMessageContext as ut, useMessageComposer as Qt, useStateStore as es, MessageInput as ts, useMessageInputContext as ss, useMessageComposerHasSendableData as ns, SimpleAttachmentSelector as as, QuotedMessagePreview as rs, AttachmentPreviewList as is, TextareaComposer as os, MessageTimestamp as ve, useTypingContext as ls, Channel as cs, WithComponents as ds, Window as us, MessageList as ms } from "stream-chat-react";
+import { Chat as Dt, ChannelList as Rt, DateSeparator as Lt, useChannelStateContext as oe, useChatContext as Me, areMessageUIPropsEqual as At, useMessageReminder as Ft, useComponentContext as dt, Attachment as Ot, EditMessageModal as Pt, MessageBlocked as Ut, MessageBouncePrompt as zt, MessageDeleted as Bt, MessageIsThreadReplyInChannelButtonIndicator as $t, MessageRepliesCountButton as jt, ReminderNotification as Gt, StreamedMessageText as Vt, messageHasAttachments as Ht, messageHasReactions as Yt, isDateSeparatorMessage as Wt, isMessageBlocked as qt, isMessageBounced as Xt, MessageBounceModal as Zt, MessageText as Xe, Poll as Jt, MessageErrorIcon as Kt, useMessageContext as ut, useMessageComposer as Qt, useStateStore as es, MessageInput as ts, useMessageInputContext as ss, useMessageComposerHasSendableData as ns, SimpleAttachmentSelector as as, QuotedMessagePreview as rs, AttachmentPreviewList as is, TextareaComposer as os, MessageTimestamp as ve, useTypingContext as ls, Channel as cs, WithComponents as ds, Window as us, MessageList as ms } from "stream-chat-react";
 import { StarIcon as Ee, GiftIcon as hs, XIcon as mt, SpinnerGapIcon as we, SignOutIcon as fs, ProhibitInsetIcon as Ze, FlagIcon as gs, ThumbsUpIcon as bs, ThumbsDownIcon as ps, ArrowUpIcon as xs, SparkleIcon as Se, ProhibitIcon as vs, ArrowLeftIcon as Je, CaretRightIcon as Ke, DotsThreeIcon as Qe, FileIcon as ht, ImageIcon as ws, SpeakerHighIcon as _s, VideoCameraIcon as ys, FileMdIcon as Ns, FileTextIcon as Cs, FileZipIcon as Es, FilePptIcon as Ss, FileCsvIcon as Is, FileXlsIcon as ks, FileDocIcon as Ms, FilePdfIcon as Ts, CircleNotchIcon as ft, PlayIcon as et, PauseIcon as Ds, LinkIcon as Rs, DownloadSimpleIcon as Ls } from "@phosphor-icons/react";
 import { LinkPreviewsManager as tt } from "stream-chat";
 const gt = ot({
@@ -35,12 +35,12 @@ const gt = ot({
     serviceConfig: !!n,
     capabilities: Object.keys(o)
   });
-  const [c, m] = A(null), [u, h] = A(null), [f, v] = A(!1), [a, N] = A(!1), [b, C] = A(null), x = J(!1), I = J({
+  const [c, m] = A(null), [u, h] = A(null), [f, v] = A(!1), [a, N] = A(!1), [b, C] = A(null), x = K(!1), I = K({
     userId: s == null ? void 0 : s.id,
     apiKey: r,
     serviceConfig: n,
     capabilities: o
-  }), w = J(0);
+  }), w = K(0);
   w.current++, i("📊 RENDER INFO", {
     renderCount: w.current,
     currentProps: { userId: s == null ? void 0 : s.id, apiKey: (r == null ? void 0 : r.substring(0, 8)) + "..." },
@@ -55,7 +55,7 @@ const gt = ot({
     apiKey: r,
     serviceConfig: n,
     capabilities: o
-  }, Z(() => {
+  }, J(() => {
     const k = w.current;
     if (i("🔧 SERVICE INIT EFFECT TRIGGERED", {
       renderCount: k,
@@ -94,8 +94,8 @@ const gt = ot({
       }), T.disconnectUser().catch(console.error);
     };
   }, [r, n, l, i]);
-  const E = J(null);
-  Z(() => {
+  const E = K(null);
+  J(() => {
     var T, M;
     if (i("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!c,
@@ -141,7 +141,7 @@ const gt = ot({
         });
       }
     })();
-  }, [c, s, i, f]), Z(() => (i("🔌 CLEANUP EFFECT REGISTERED", {
+  }, [c, s, i, f]), J(() => (i("🔌 CLEANUP EFFECT REGISTERED", {
     hasService: !!c,
     isConnected: f
   }), () => {
@@ -234,7 +234,7 @@ const bt = O.createContext({
   const [s, n] = A(
     !!((o = (r = t == null ? void 0 : t.state) == null ? void 0 : r.membership) != null && o.pinned_at)
   );
-  return Z(() => {
+  return J(() => {
     var i;
     if (!t) {
       n(!1);
@@ -329,7 +329,7 @@ const ne = ({
     {
       src: s,
       alt: "",
-      className: "aspect-square h-full w-full object-cover"
+      className: "h-full w-full object-cover"
     }
   ) : /* @__PURE__ */ e(
     "div",
@@ -350,6 +350,7 @@ const ne = ({
         r
       ),
       style: {
+        "--str-chat__avatar-size": `${n}px`,
         width: `${n}px`,
         height: `${n}px`
       },
@@ -535,7 +536,7 @@ const ne = ({
   }
 );
 vt.displayName = "CustomChannelPreview";
-const qs = { last_message_at: -1 }, wt = O.memo(
+const Ws = { last_message_at: -1 }, wt = O.memo(
   ({
     onChannelSelect: t,
     selectedChannel: s,
@@ -544,7 +545,7 @@ const qs = { last_message_at: -1 }, wt = O.memo(
     onMessageNew: o,
     onAddedToChannel: l,
     channelRenderFilterFn: i,
-    sort: c = qs,
+    sort: c = Ws,
     className: m,
     customEmptyStateIndicator: u,
     renderMessagePreview: h
@@ -618,7 +619,7 @@ const me = ({
     children: n
   }
 );
-function Ws({ label: t, className: s, children: n, ...r }) {
+function qs({ label: t, className: s, children: n, ...r }) {
   return /* @__PURE__ */ d(
     "button",
     {
@@ -640,7 +641,7 @@ function Ws({ label: t, className: s, children: n, ...r }) {
   );
 }
 function Xs({ onClick: t }) {
-  return /* @__PURE__ */ e(Ws, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(mt, { className: "h-5 w-5 text-stone", weight: "bold" }) });
+  return /* @__PURE__ */ e(qs, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(mt, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
 const Zs = ({
   dialogRef: t,
@@ -657,7 +658,7 @@ const Zs = ({
   customProfileContent: f,
   customChannelActions: v
 }) => {
-  var S, $, V, ee, te, q, g;
+  var S, $, V, ee, te, W, g;
   const { service: a, debug: N } = Te(), [b, C] = A(!1), [x, I] = A(!1), [w, E] = A(!1), P = G(async () => {
     var p;
     if (!(!a || !((p = n == null ? void 0 : n.user) != null && p.id)))
@@ -676,7 +677,7 @@ const Zs = ({
         );
       }
   }, [a, (S = n == null ? void 0 : n.user) == null ? void 0 : S.id]);
-  Z(() => {
+  J(() => {
     P();
   }, [P]);
   const U = async () => {
@@ -724,7 +725,7 @@ const Zs = ({
     );
   };
   if (!n) return null;
-  const y = (($ = n.user) == null ? void 0 : $.name) || ((V = n.user) == null ? void 0 : V.id) || "Unknown member", _ = (ee = n.user) == null ? void 0 : ee.image, F = (te = n.user) == null ? void 0 : te.email, H = (q = n.user) == null ? void 0 : q.username, R = F || (H ? `linktr.ee/${H}` : void 0), z = ((g = n.user) == null ? void 0 : g.id) || "unknown";
+  const y = (($ = n.user) == null ? void 0 : $.name) || ((V = n.user) == null ? void 0 : V.id) || "Unknown member", _ = (ee = n.user) == null ? void 0 : ee.image, F = (te = n.user) == null ? void 0 : te.email, H = (W = n.user) == null ? void 0 : W.username, R = F || (H ? `linktr.ee/${H}` : void 0), z = ((g = n.user) == null ? void 0 : g.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -860,7 +861,7 @@ function Qs(t) {
   }, [s, n == null ? void 0 : n.userID, t.id, r]);
   return { selected: r, voteUp: o, voteDown: l };
 }
-const en = O.lazy(() => import("./Card-CuiPAb_A.js")), tn = O.lazy(() => import("./Card-RBVM8Gy3.js")), _t = () => /* @__PURE__ */ e(
+const en = O.lazy(() => import("./Card-QrKCxqCI.js")), tn = O.lazy(() => import("./Card-CmnkZNNQ.js")), _t = () => /* @__PURE__ */ e(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-[24px] bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
@@ -908,7 +909,7 @@ const ln = ({
     }
   )
 ] }), cn = (t) => {
-  var se, Oe, Pe, Ue, ze, Be, $e, je, Ge, Ve, He, Ye, qe, We;
+  var se, Oe, Pe, Ue, ze, Be, $e, je, Ge, Ve, He, Ye, We, qe;
   const {
     additionalMessageInputProps: s,
     chatbotVotingEnabled: n,
@@ -935,7 +936,7 @@ const ln = ({
     MessageRepliesCountButton: V = jt,
     ReminderNotification: ee = Gt,
     StreamedMessageText: te = Vt,
-    PinIndicator: q
+    PinIndicator: W
   } = dt("CustomMessage"), g = Ht(a), p = Yt(a), L = Ce(
     () => f == null ? void 0 : f(a),
     [f, a]
@@ -943,15 +944,15 @@ const ln = ({
     () => !a.shared_location && !a.attachments ? [] : a.shared_location ? [a.shared_location, ...a.attachments ?? []] : a.attachments,
     [a]
   );
-  if (qt(a))
+  if (Wt(a))
     return null;
   if (a.deleted_at || a.type === "deleted")
     return /* @__PURE__ */ e(S, { message: a });
-  if (Wt(a))
+  if (qt(a))
     return /* @__PURE__ */ e(R, {});
   const Y = !b && !!a.reply_count, ae = !b && a.show_in_channel && a.parent_id, de = a.status === "failed" && ((se = a.error) == null ? void 0 : se.status) !== 403, re = Xt(a);
-  let W;
-  de ? W = () => u(a) : re && (W = () => k(!0));
+  let q;
+  de ? q = () => u(a) : re && (q = () => k(!0));
   const ie = v(), pe = D(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${a.type}`,
@@ -969,7 +970,7 @@ const ln = ({
       "str-chat__virtual-message__wrapper--first": l,
       "str-chat__virtual-message__wrapper--group": i
     }
-  ), ue = a.poll_id && C.polls.fromState(a.poll_id), xe = Ys(a), K = De(a), B = Hs(a), X = !!(j != null && j.length && !a.quoted_message), Q = K && ie && X;
+  ), ue = a.poll_id && C.polls.fromState(a.poll_id), xe = Ys(a), Z = De(a), B = Hs(a), X = !!(j != null && j.length && !a.quoted_message), Q = Z && ie && X;
   return /* @__PURE__ */ d(ce, { children: [
     r && /* @__PURE__ */ e(
       H,
@@ -986,7 +987,7 @@ const ln = ({
       }
     ),
     /* @__PURE__ */ d("div", { className: pe, children: [
-      q && /* @__PURE__ */ e(q, {}),
+      W && /* @__PURE__ */ e(W, {}),
       !!T && /* @__PURE__ */ e(ee, { reminder: T }),
       a.user && /* @__PURE__ */ e(
         ne,
@@ -994,7 +995,10 @@ const ln = ({
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: a.user.id,
           image: a.user.image,
-          name: a.user.name || a.user.id
+          name: a.user.name || a.user.id,
+          size: Z ? 24 : 28,
+          shape: "circle",
+          dmAgentEnabled: Z
         }
       ),
       /* @__PURE__ */ e(
@@ -1004,10 +1008,10 @@ const ln = ({
             "str-chat__simple-message--error-failed": de || re
           }),
           "data-testid": "message-inner",
-          onClick: W,
-          onKeyDown: W,
-          role: W ? "button" : void 0,
-          tabIndex: W ? 0 : void 0,
+          onClick: q,
+          onKeyDown: q,
+          role: q ? "button" : void 0,
+          tabIndex: q ? 0 : void 0,
           style: {
             // Force margins to 0 to prevent hover layout shift
             // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
@@ -1035,8 +1039,8 @@ const ln = ({
                 mimeType: (Ve = a.metadata) == null ? void 0 : Ve.attachment_mime_type,
                 thumbnailUrl: (He = a.metadata) == null ? void 0 : He.attachment_thumbnail,
                 amountText: (Ye = a.metadata) == null ? void 0 : Ye.amount_text,
-                detail: (qe = a.metadata) == null ? void 0 : qe.attachment_detail,
-                paymentStatus: (We = a.metadata) == null ? void 0 : We.payment_status,
+                detail: (We = a.metadata) == null ? void 0 : We.attachment_detail,
+                paymentStatus: (qe = a.metadata) == null ? void 0 : qe.payment_status,
                 isUnlocking: I(a.id),
                 onUnlockClick: () => w == null ? void 0 : w(a, x),
                 onFetchSource: async () => await (E == null ? void 0 : E(a, x)),
@@ -1049,7 +1053,7 @@ const ln = ({
             /* @__PURE__ */ e(_e, { message: a, standalone: !0 })
           ) : /* @__PURE__ */ d("div", { className: "str-chat__message-bubble-wrapper", children: [
             /* @__PURE__ */ d("div", { className: "str-chat__message-bubble", children: [
-              K && !Q && /* @__PURE__ */ e(
+              Z && !Q && /* @__PURE__ */ e(
                 _e,
                 {
                   message: a,
@@ -1074,7 +1078,7 @@ const ln = ({
               ) : /* @__PURE__ */ e(Xe, { message: a, renderText: N }),
               /* @__PURE__ */ e(Kt, {})
             ] }),
-            (!K || Q) && /* @__PURE__ */ e(
+            (!Z || Q) && /* @__PURE__ */ e(
               _e,
               {
                 message: a,
@@ -1082,7 +1086,7 @@ const ln = ({
                 isMyMessage: ie
               }
             ),
-            n && K && /* @__PURE__ */ e(
+            n && Z && /* @__PURE__ */ e(
               ln,
               {
                 selected: M,
@@ -1654,7 +1658,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   dmAgentEnabled: C = !1
 }) => {
   var F, H;
-  const { channel: x } = oe(), I = J(null), w = O.useMemo(() => Object.values(x.state.members || {}).find(
+  const { channel: x } = oe(), I = K(null), w = O.useMemo(() => Object.values(x.state.members || {}).find(
     (z) => {
       var S;
       return ((S = z.user) == null ? void 0 : S.id) && z.user.id !== x._client.userID;
@@ -2019,7 +2023,7 @@ const oa = ({
     error: R,
     refreshConnection: z,
     debug: S
-  } = As(), [$, V] = A(null), [ee, te] = A(!1), [q, g] = A(!1), [p, L] = A(!1), [j, Y] = A(null), {
+  } = As(), [$, V] = A(null), [ee, te] = A(!1), [W, g] = A(!1), [p, L] = A(!1), [j, Y] = A(null), {
     showDeleteConversation: ae = !0
   } = t, de = O.useMemo(() => {
     const B = _ == null ? void 0 : _.userID;
@@ -2034,7 +2038,7 @@ const oa = ({
       },
       ...u
     };
-  }, [u, _ == null ? void 0 : _.userID]), re = J(null), W = G(async () => {
+  }, [u, _ == null ? void 0 : _.userID]), re = K(null), q = G(async () => {
     if (!_ || !F) return;
     const B = _.userID;
     if (B)
@@ -2055,11 +2059,11 @@ const oa = ({
         console.error("[MessagingShell] Failed to sync channels:", X);
       }
   }, [_, F, S]);
-  Z(() => {
+  J(() => {
     if (!_ || !F) return;
     const B = _.userID;
-    B && re.current !== B && W();
-  }, [_, F, W]), Z(() => {
+    B && re.current !== B && q();
+  }, [_, F, q]), J(() => {
     if (!l || !_ || !F) return;
     (async () => {
       const X = _.userID;
@@ -2136,15 +2140,15 @@ const oa = ({
     p || V(null);
   }, [p]), ue = G(
     async (B) => {
-      S && console.log("[MessagingShell] Leaving conversation:", B.id), V(null), L(!1), re.current = null, await W();
+      S && console.log("[MessagingShell] Leaving conversation:", B.id), V(null), L(!1), re.current = null, await q();
     },
-    [W, S]
+    [q, S]
   ), xe = G(
     async (B) => {
-      S && console.log("[MessagingShell] Blocking participant:", B), V(null), L(!1), re.current = null, await W();
+      S && console.log("[MessagingShell] Blocking participant:", B), V(null), L(!1), re.current = null, await q();
     },
-    [W, S]
-  ), K = !!$;
+    [q, S]
+  ), Z = !!$;
   return H ? /* @__PURE__ */ e("div", { className: D("h-full", s), children: /* @__PURE__ */ e(fe, {}) }) : R ? /* @__PURE__ */ e("div", { className: D("h-full", s), children: /* @__PURE__ */ e(he, { message: R, onBack: z }) }) : !F || !_ ? /* @__PURE__ */ e("div", { className: D("h-full", s), children: /* @__PURE__ */ e(
     he,
     {
@@ -2167,9 +2171,9 @@ const oa = ({
               {
                 "!hidden": m === !1 || p,
                 // Hide on mobile when channel selected, show on desktop with consistent wide width
-                "hidden lg:flex lg:flex-1 lg:max-w-2xl": m !== !1 && !p && K,
+                "hidden lg:flex lg:flex-1 lg:max-w-2xl": m !== !1 && !p && Z,
                 // Show on mobile when no channel selected, use same wide width on desktop
-                "flex flex-col w-full lg:flex-1 lg:max-w-2xl": m !== !1 && !p && !K
+                "flex flex-col w-full lg:flex-1 lg:max-w-2xl": m !== !1 && !p && !Z
               }
             ),
             children: /* @__PURE__ */ e(
@@ -2192,9 +2196,9 @@ const oa = ({
               "messaging-conversation-view flex-1 flex-col min-w-0 min-h-0",
               {
                 // In direct conversation mode (or waiting for it), always show (full width)
-                flex: p || K || l,
+                flex: p || Z || l,
                 // Normal mode: hide on mobile when no channel selected
-                "hidden lg:flex": !p && !K && !l
+                "hidden lg:flex": !p && !Z && !l
               }
             ),
             children: $ ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
@@ -2231,7 +2235,7 @@ const oa = ({
               Ct,
               {
                 hasChannels: ee,
-                channelsLoaded: q
+                channelsLoaded: W
               }
             )
           }
@@ -2359,7 +2363,7 @@ const zn = (t) => {
   muted: m = !1,
   onContainerClick: u
 }) => {
-  const h = be(s), f = J(null), v = J(null), a = J(null), N = J(o), [b, C] = A(r), [x, I] = A(0), [w, E] = A(!1), [P, U] = A(!1), [k, T] = A(!1), [M, y] = A(!1), [_, F] = A(!0), [H, R] = A(null), z = G(() => {
+  const h = be(s), f = K(null), v = K(null), a = K(null), N = K(o), [b, C] = A(r), [x, I] = A(0), [w, E] = A(!1), [P, U] = A(!1), [k, T] = A(!1), [M, y] = A(!1), [_, F] = A(!0), [H, R] = A(null), z = G(() => {
     T(!1), C(!0);
   }, []), S = G((g) => {
     const p = v.current;
@@ -2377,9 +2381,9 @@ const zn = (t) => {
     const p = S(g);
     I(p), $(p);
   };
-  Z(() => {
+  J(() => {
     o !== void 0 && o !== N.current && (N.current = o, C(o));
-  }, [o]), Z(() => {
+  }, [o]), J(() => {
     if (!b) {
       a.current !== null && (cancelAnimationFrame(a.current), a.current = null);
       return;
@@ -2391,12 +2395,12 @@ const zn = (t) => {
     return a.current = requestAnimationFrame(g), () => {
       a.current !== null && cancelAnimationFrame(a.current);
     };
-  }, [b, w]), Z(() => {
+  }, [b, w]), J(() => {
     const g = f.current;
     g && (b ? g.play().catch((p) => {
       C(!1), T(!0);
     }) : g.pause());
-  }, [b]), Z(() => {
+  }, [b]), J(() => {
     if (!w) return;
     const g = (L) => I(S(L)), p = (L) => {
       E(!1), $(S(L));
@@ -2405,7 +2409,7 @@ const zn = (t) => {
       window.removeEventListener("mousemove", g), window.removeEventListener("mouseup", p), window.removeEventListener("touchmove", g), window.removeEventListener("touchend", p);
     };
   }, [w, S, $]);
-  const ee = H ? { aspectRatio: String(H) } : void 0, te = H ? "" : " aspect-video", q = Math.round(x * 100);
+  const ee = H ? { aspectRatio: String(H) } : void 0, te = H ? "" : " aspect-video", W = Math.round(x * 100);
   return /* @__PURE__ */ d(
     "div",
     {
@@ -2514,7 +2518,7 @@ const zn = (t) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": q,
+            "aria-valuenow": W,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
@@ -2530,7 +2534,7 @@ const zn = (t) => {
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${q}%` }
+                style: { width: `${W}%` }
               }
             ) })
           }
@@ -2553,7 +2557,7 @@ const zn = (t) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": q,
+              "aria-valuenow": W,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
@@ -2576,7 +2580,7 @@ const zn = (t) => {
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${q}%` }
+                        style: { width: `${W}%` }
                       }
                     )
                   }
@@ -2585,7 +2589,7 @@ const zn = (t) => {
                   "div",
                   {
                     className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${P || w ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${q}%` }
+                    style: { left: `${W}%` }
                   }
                 )
               ]
@@ -2792,7 +2796,7 @@ function Ae(t) {
     (n) => n.type === "link" || !!n.og_scrape_url && !n.asset_url
   );
 }
-async function qn(t, s) {
+async function Wn(t, s) {
   let n;
   try {
     n = s ?? new URL(t).pathname.split("/").pop() ?? "download";
@@ -2804,7 +2808,7 @@ async function qn(t, s) {
   const o = await r.blob(), l = URL.createObjectURL(o), i = document.createElement("a");
   i.href = l, i.download = n, i.style.display = "none", document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(l);
 }
-const Wn = ({
+const qn = ({
   url: t,
   filename: s
 }) => {
@@ -2816,7 +2820,7 @@ const Wn = ({
       onClick: (l) => {
         l.stopPropagation();
         const i = window.open("", "_blank", "noopener,noreferrer");
-        r(!0), qn(t, s).then(() => {
+        r(!0), Wn(t, s).then(() => {
           i == null || i.close();
         }).catch(() => {
           i && (i.location.href = t);
@@ -2906,7 +2910,7 @@ const kt = ({
           containedImage: l === "image" || l === "document"
         }
       ),
-      action: /* @__PURE__ */ e(Wn, { url: t, filename: n })
+      action: /* @__PURE__ */ e(qn, { url: t, filename: n })
     }
   );
 }, Xn = ({
@@ -2983,4 +2987,4 @@ export {
   Ae as r,
   on as u
 };
-//# sourceMappingURL=index-DY-3-rt4.js.map
+//# sourceMappingURL=index-8ZuHtwFb.js.map