@linktr.ee/messaging-react 1.35.0-rc-1777517685 → 1.35.0

package/dist/{index-BJxgpf27.js → index-BsSqs61X.js}

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as c, Fragment as se } from "react/jsx-runtime";
-import A from "classnames";
-import z, { createContext as ot, useContext as ct, useCallback as O, useState as k, useRef as X, useEffect as q, useMemo as Be, Suspense as dt } from "react";
+import O from "classnames";
+import z, { createContext as ot, useContext as ct, useCallback as A, useState as k, useRef as X, useEffect as q, useMemo as Be, Suspense as dt } from "react";
 import { StreamChatService as Dt } from "@linktr.ee/messaging-core";
-import { Chat as Rt, ChannelList as Pt, DateSeparator as Lt, useChannelStateContext as me, useChatContext as Ye, areMessageUIPropsEqual as Ft, useMessageReminder as Ot, useComponentContext as ut, Attachment as At, EditMessageModal as Ut, MessageBlocked as $t, MessageBouncePrompt as zt, MessageDeleted as Bt, MessageIsThreadReplyInChannelButtonIndicator as jt, MessageRepliesCountButton as Gt, ReminderNotification as Vt, StreamedMessageText as Ht, messageHasAttachments as Yt, messageHasReactions as Wt, isDateSeparatorMessage as qt, isMessageBlocked as Zt, isMessageBounced as Xt, MessageBounceModal as Kt, MessageText as Ke, Poll as Jt, MessageErrorIcon as Qt, useMessageContext as mt, useMessageComposer as es, useStateStore as ts, MessageInput as ss, useMessageInputContext as ns, useMessageComposerHasSendableData as as, SimpleAttachmentSelector as rs, QuotedMessagePreview as is, AttachmentPreviewList as ls, TextareaComposer as os, MessageTimestamp as Ae, useTypingContext as cs, Channel as ds, WithComponents as us, Window as ms, MessageList as hs } from "stream-chat-react";
+import { Chat as Rt, ChannelList as Pt, DateSeparator as Lt, useChannelStateContext as me, useChatContext as Ye, areMessageUIPropsEqual as Ft, useMessageReminder as At, useComponentContext as ut, Attachment as Ot, EditMessageModal as Ut, MessageBlocked as $t, MessageBouncePrompt as zt, MessageDeleted as Bt, MessageIsThreadReplyInChannelButtonIndicator as jt, MessageRepliesCountButton as Gt, ReminderNotification as Vt, StreamedMessageText as Ht, messageHasAttachments as Yt, messageHasReactions as Wt, isDateSeparatorMessage as qt, isMessageBlocked as Zt, isMessageBounced as Xt, MessageBounceModal as Kt, MessageText as Ke, Poll as Jt, MessageErrorIcon as Qt, useMessageContext as mt, useMessageComposer as es, useStateStore as ts, MessageInput as ss, useMessageInputContext as ns, useMessageComposerHasSendableData as as, SimpleAttachmentSelector as rs, QuotedMessagePreview as is, AttachmentPreviewList as ls, TextareaComposer as os, MessageTimestamp as Oe, useTypingContext as cs, Channel as ds, WithComponents as us, Window as ms, MessageList as hs } from "stream-chat-react";
 import { StarIcon as je, GiftIcon as fs, XIcon as Re, SpinnerGapIcon as ke, SignOutIcon as gs, ProhibitInsetIcon as Je, FlagIcon as bs, ArrowUpIcon as ps, SparkleIcon as xs, ProhibitIcon as vs, ArrowLeftIcon as Qe, CaretRightIcon as et, DotsThreeIcon as tt, MagnifyingGlassIcon as ws, ChatCircleDotsIcon as st, FileIcon as ht, ImageIcon as Ns, SpeakerHighIcon as ys, VideoCameraIcon as Cs, FileMdIcon as _s, FileTextIcon as Es, FileZipIcon as Ss, FilePptIcon as Is, FileCsvIcon as ks, FileXlsIcon as Ts, FileDocIcon as Ms, FilePdfIcon as Ds, CircleNotchIcon as ft, PlayIcon as nt, PauseIcon as Rs, LinkIcon as Ps, DownloadSimpleIcon as Ls } from "@phosphor-icons/react";
 import { LinkPreviewsManager as at } from "stream-chat";
 const gt = ot({
@@ -23,7 +23,7 @@ const gt = ot({
   capabilities: l = {},
   debug: u = !1
 }) => {
-  const r = O(
+  const r = A(
     (m, ...b) => {
       u && console.log(`🔥 [MessagingProvider] ${m}`, ...b);
     },
@@ -153,7 +153,7 @@ const gt = ot({
       isConnected: f
     });
   }), [d, f, r]);
-  const L = O(async () => {
+  const L = A(async () => {
     if (r("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
       hasUser: !!s
@@ -217,7 +217,7 @@ const gt = ot({
     }
   ) : t });
 }, Fs = () => Pe();
-function Os(t) {
+function As(t) {
   const s = t.state.pending_messages;
   if (s != null && s.length)
     for (const n of s)
@@ -229,7 +229,7 @@ const bt = z.createContext({
   },
   debug: !1,
   renderMessagePreview: void 0
-}), As = bt.Provider, Us = () => z.useContext(bt), pt = (t) => {
+}), Os = bt.Provider, Us = () => z.useContext(bt), pt = (t) => {
   var i, l;
   const [s, n] = k(
     !!((l = (i = t == null ? void 0 : t.state) == null ? void 0 : i.membership) != null && l.pinned_at)
@@ -335,7 +335,7 @@ const ae = ({
     "div",
     {
       "aria-hidden": "true",
-      className: A(
+      className: O(
         "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
         o
       ),
@@ -345,7 +345,7 @@ const ae = ({
   return /* @__PURE__ */ c(
     "div",
     {
-      className: A(
+      className: O(
         "relative flex-shrink-0 !bg-transparent",
         i
       ),
@@ -365,7 +365,7 @@ const ae = ({
         /* @__PURE__ */ e(
           "div",
           {
-            className: A(
+            className: O(
               "h-full w-full",
               r ? "bg-[linear-gradient(135deg,#A855F7_0%,#8B5CF6_45%,#6D28D9_100%)]" : "bg-transparent"
             ),
@@ -482,7 +482,7 @@ const ae = ({
         tabIndex: 0,
         onClick: d,
         onKeyDown: x,
-        className: A(
+        className: O(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring",
           {
             "bg-primary-alt/10 border-l-4 border-l-primary": r,
@@ -506,7 +506,7 @@ const ae = ({
               /* @__PURE__ */ c(
                 "h3",
                 {
-                  className: A(
+                  className: O(
                     "text-sm font-medium truncate",
                     r ? "text-primary" : "text-charcoal"
                   ),
@@ -548,7 +548,7 @@ const qs = { last_message_at: -1 }, wt = z.memo(
     const { debug: N = !1 } = Pe(), a = z.useCallback(
       (w) => {
         for (const g of w)
-          Os(g);
+          As(g);
         return r ? r(w) : w;
       },
       [r]
@@ -570,11 +570,11 @@ const qs = { last_message_at: -1 }, wt = z.memo(
     return /* @__PURE__ */ e(
       "div",
       {
-        className: A(
+        className: O(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           x
         ),
-        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(As, { value: _, children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(Os, { value: _, children: /* @__PURE__ */ e(
           Pt,
           {
             filters: n,
@@ -603,7 +603,7 @@ const Ie = ({
   "button",
   {
     type: "button",
-    className: A(
+    className: O(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       t === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       s
@@ -617,7 +617,7 @@ function Nt({ label: t, className: s, children: n, ...i }) {
     "button",
     {
       type: "button",
-      className: A(
+      className: O(
         "inline-flex items-center justify-center rounded-full transition-colors focus-ring p-2",
         {
           "cursor-not-allowed opacity-50": i.disabled,
@@ -652,7 +652,7 @@ const Zs = ({
   customChannelActions: N
 }) => {
   var V, F, H, Z, re, K, p;
-  const { service: a, debug: _ } = Pe(), [w, g] = k(!1), [y, I] = k(!1), [C, S] = k(!1), L = O(async () => {
+  const { service: a, debug: _ } = Pe(), [w, g] = k(!1), [y, I] = k(!1), [C, S] = k(!1), L = A(async () => {
     var E;
     if (!(!a || !((E = n == null ? void 0 : n.user) != null && E.id)))
       try {
@@ -831,7 +831,7 @@ function Js(t) {
   const { channel: s } = me(), { client: n } = Ye("useMessageVote"), i = Be(
     () => Ks(t.own_reactions),
     [t.own_reactions]
-  ), l = O(async () => {
+  ), l = A(async () => {
     if (n != null && n.userID)
       try {
         i === "up" ? await s.deleteReaction(t.id, Ge) : await s.sendReaction(
@@ -841,7 +841,7 @@ function Js(t) {
         );
       } catch {
       }
-  }, [s, n == null ? void 0 : n.userID, t.id, i]), u = O(async () => {
+  }, [s, n == null ? void 0 : n.userID, t.id, i]), u = A(async () => {
     if (n != null && n.userID)
       try {
         i === "down" ? await s.deleteReaction(t.id, Ve) : await s.sendReaction(
@@ -854,7 +854,7 @@ function Js(t) {
   }, [s, n == null ? void 0 : n.userID, t.id, i]);
   return { selected: i, voteUp: l, voteDown: u };
 }
-const Qs = z.lazy(() => import("./Card-CH2whznD.js")), en = z.lazy(() => import("./Card-CZKDL56E.js")), Ct = () => /* @__PURE__ */ e(
+const Qs = z.lazy(() => import("./Card-lN2Z0Z5p.js")), en = z.lazy(() => import("./Card-DVzWMbDc.js")), Ct = () => /* @__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)]",
@@ -933,8 +933,8 @@ const ln = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     message: a,
     renderText: _,
     threadList: w
-  } = t, { client: g } = Ye("CustomMessage"), { channel: y } = me("CustomMessage"), { isUnlocking: I, onUnlockClick: C, onFetchSource: S, onDownloadClick: L } = rn("LockedAttachment"), [v, m] = k(!1), b = Ot(a.id), { selected: T, voteUp: M, voteDown: P } = Js(a), {
-    Attachment: R = At,
+  } = t, { client: g } = Ye("CustomMessage"), { channel: y } = me("CustomMessage"), { isUnlocking: I, onUnlockClick: C, onFetchSource: S, onDownloadClick: L } = rn("LockedAttachment"), [v, m] = k(!1), b = At(a.id), { selected: T, voteUp: M, voteDown: P } = Js(a), {
+    Attachment: R = Ot,
     EditMessageModal: B = Ut,
     MessageBlocked: Q = $t,
     MessageBouncePrompt: J = zt,
@@ -960,7 +960,7 @@ const ln = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
   const ee = !w && !!a.reply_count, le = !w && a.show_in_channel && a.parent_id, pe = a.status === "failed" && ((ce = a.error) == null ? void 0 : ce.status) !== 403, Le = Xt(a);
   let Y;
   pe ? Y = () => o(a) : Le && (Y = () => m(!0));
-  const te = N(), xe = A(
+  const te = N(), xe = O(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${a.type}`,
     `str-chat__message--${a.status}`,
@@ -1008,7 +1008,7 @@ const ln = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       /* @__PURE__ */ e(
         "div",
         {
-          className: A("str-chat__message-inner", {
+          className: O("str-chat__message-inner", {
             "str-chat__simple-message--error-failed": pe || Le
           }),
           "data-testid": "message-inner",
@@ -1316,7 +1316,7 @@ const ln = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
           ]
         }
       ),
-      !s && /* @__PURE__ */ e(Ae, { message: t.message })
+      !s && /* @__PURE__ */ e(Oe, { message: t.message })
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
@@ -1343,7 +1343,7 @@ const ln = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
           ]
         }
       ),
-      !s && /* @__PURE__ */ e(Ae, { message: t.message })
+      !s && /* @__PURE__ */ e(Oe, { message: t.message })
     ] });
   }
   return /* @__PURE__ */ c("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -1352,9 +1352,9 @@ const ln = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       /* @__PURE__ */ e("p", { children: t.message.text }),
       /* @__PURE__ */ e("div", { className: "str-chat__message--system__line" })
     ] }),
-    !s && /* @__PURE__ */ e(Ae, { message: t.message })
+    !s && /* @__PURE__ */ e(Oe, { message: t.message })
   ] });
-}, ze = ({ cx: t, index: s }) => /* @__PURE__ */ e("circle", { className: "fill-pebble", cx: t, cy: "4", r: "3.9", children: /* @__PURE__ */ e(
+}, ze = ({ cx: t, index: s }) => /* @__PURE__ */ e("circle", { cx: t, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ e(
   "animateTransform",
   {
     attributeName: "transform",
@@ -1386,7 +1386,7 @@ const ln = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
   return /* @__PURE__ */ c(
     "div",
     {
-      className: "str-chat__typing-indicator !items-end",
+      className: "str-chat__typing-indicator !items-end !bg-transparent",
       "data-testid": "typing-indicator",
       style: { insetInlineStart: 0, insetInlineEnd: "auto" },
       children: [
@@ -1400,7 +1400,7 @@ const ln = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
             shape: "circle"
           }
         ) }),
-        /* @__PURE__ */ e("div", { className: "px-4 py-3 rounded-lg bg-[#F1F0EE] h-12 flex flex-col justify-end", children: /* @__PURE__ */ c(
+        /* @__PURE__ */ e("div", { className: "px-4 py-3 rounded-lg bg-[#E9EAED] h-12 flex flex-col justify-end", children: /* @__PURE__ */ c(
           "svg",
           {
             "aria-hidden": "true",
@@ -1422,7 +1422,7 @@ const ln = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
 }, Tn = () => null, Mn = ({ className: t, message: s }) => /* @__PURE__ */ c(
   "div",
   {
-    className: A("flex items-center justify-center h-full", t),
+    className: O("flex items-center justify-center h-full", t),
     children: [
       /* @__PURE__ */ c("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ e("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ e(
@@ -1539,7 +1539,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             children: /* @__PURE__ */ e(
               je,
               {
-                className: A("size-5", {
+                className: O("size-5", {
                   "text-yellow-600": o,
                   "text-black/90": !o
                 }),
@@ -1607,7 +1607,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             children: /* @__PURE__ */ e(
               je,
               {
-                className: A("size-5", {
+                className: O("size-5", {
                   "text-yellow-600": o,
                   "text-black/90": !o
                 }),
@@ -1658,13 +1658,13 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       return String(m.followerStatus);
     if (m.isFollower !== void 0)
       return m.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [g.data]), S = O(() => {
+  }, [g.data]), S = A(() => {
     var m;
     (m = y.current) == null || m.showModal();
-  }, []), L = O(() => {
+  }, []), L = A(() => {
     var m;
     (m = y.current) == null || m.close();
-  }, []), v = O(
+  }, []), v = A(
     (m) => {
       const { message: b } = mt("ChannelView"), T = /* @__PURE__ */ e(mn, { ...m, chatbotVotingEnabled: f });
       return !w || !b ? T : w(T, b);
@@ -1745,7 +1745,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     renderMessage: L,
     sendButton: v
   }) => {
-    const m = O(
+    const m = A(
       async (b, T, M) => {
         var V;
         const P = ((V = t.data) == null ? void 0 : V.chatbot_paused) === !0, R = a && !P, B = {
@@ -1768,7 +1768,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     return /* @__PURE__ */ e(
       "div",
       {
-        className: A(
+        className: O(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
@@ -1898,7 +1898,7 @@ const Ln = ({
     if (!x) return !0;
     const m = x.toLowerCase();
     return v.name.toLowerCase().includes(m) || ((b = v.email) == null ? void 0 : b.toLowerCase().includes(m)) || !1;
-  }), S = O(
+  }), S = A(
     async (v) => {
       if (!g) {
         y(v.id);
@@ -1913,7 +1913,7 @@ const Ln = ({
   ), L = (v, m) => {
     (v.key === "Enter" || v.key === " ") && (v.preventDefault(), S(m));
   };
-  return /* @__PURE__ */ c("div", { className: A("flex flex-col h-full", r), children: [
+  return /* @__PURE__ */ c("div", { className: O("flex flex-col h-full", r), children: [
     /* @__PURE__ */ c("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
       /* @__PURE__ */ c("div", { className: "flex items-center justify-between mb-3", children: [
         /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-charcoal", children: "Start a new Conversation" }),
@@ -2203,7 +2203,7 @@ const la = ({
       },
       ...h
     };
-  }, [h, R == null ? void 0 : R.userID]), ce = X(null), ne = O(async () => {
+  }, [h, R == null ? void 0 : R.userID]), ce = X(null), ne = A(async () => {
     if (!R || !B) return;
     const D = R.userID;
     if (D)
@@ -2221,8 +2221,8 @@ const la = ({
           const Fe = G.state.members;
           Object.values(Fe).forEach((Mt) => {
             var Xe;
-            const Oe = (Xe = Mt.user) == null ? void 0 : Xe.id;
-            Oe && Oe !== D && $.add(Oe);
+            const Ae = (Xe = Mt.user) == null ? void 0 : Xe.id;
+            Ae && Ae !== D && $.add(Ae);
           });
         }), le((G) => G.size === $.size && [...G].every((Fe) => $.has(Fe)) ? G : $), K(W.length > 0), E(!0), ce.current = D, F && console.log("[MessagingShell] Channels synced successfully:", {
           channelCount: W.length,
@@ -2304,14 +2304,14 @@ const la = ({
     F,
     l
   ]);
-  const Ne = O(
+  const Ne = A(
     (D) => {
       Z(D), l == null || l(D);
     },
     [l]
-  ), ye = O(() => {
+  ), ye = A(() => {
     Y || Z(null);
-  }, [Y]), Ce = O(
+  }, [Y]), Ce = A(
     async (D) => {
       var W;
       if (P)
@@ -2337,35 +2337,35 @@ const la = ({
         }
     },
     [P, u, F]
-  ), de = O(() => {
+  ), de = A(() => {
     var D;
     j(!1), (D = he.current) == null || D.close();
-  }, []), _e = O(
+  }, []), _e = A(
     (D) => {
       D.target === he.current && de();
     },
     [de]
-  ), Ee = O(
+  ), Ee = A(
     async (D) => {
       F && console.log("[MessagingShell] Leaving conversation:", D.id), Z(null), te(!1), ce.current = null, await ne();
     },
     [ne, F]
-  ), Se = O(
+  ), Se = A(
     async (D) => {
       F && console.log("[MessagingShell] Blocking participant:", D), Z(null), te(!1), ce.current = null, await ne();
     },
     [ne, F]
   ), ue = !!H;
-  return Q ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(De, {}) }) : J ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Te, { message: J, onBack: V }) }) : !B || !R ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(
+  return Q ? /* @__PURE__ */ e("div", { className: O("h-full", s), children: /* @__PURE__ */ e(De, {}) }) : J ? /* @__PURE__ */ e("div", { className: O("h-full", s), children: /* @__PURE__ */ e(Te, { message: J, onBack: V }) }) : !B || !R ? /* @__PURE__ */ e("div", { className: O("h-full", s), children: /* @__PURE__ */ e(
     Te,
     {
       message: "Not connected to messaging service",
       onBack: V
     }
-  ) }) : xe ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Te, { message: xe }) }) : /* @__PURE__ */ c(
+  ) }) : xe ? /* @__PURE__ */ e("div", { className: O("h-full", s), children: /* @__PURE__ */ e(Te, { message: xe }) }) : /* @__PURE__ */ c(
     "div",
     {
-      className: A(
+      className: O(
         "messaging-shell h-full bg-background-primary overflow-hidden",
         s
       ),
@@ -2374,7 +2374,7 @@ const la = ({
           /* @__PURE__ */ e(
             "div",
             {
-              className: A(
+              className: O(
                 "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
                 {
                   "!hidden": o === !1 || Y,
@@ -2400,7 +2400,7 @@ const la = ({
           /* @__PURE__ */ e(
             "div",
             {
-              className: A(
+              className: O(
                 "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)
@@ -2474,7 +2474,7 @@ const la = ({
       ]
     }
   );
-}, On = ({
+}, An = ({
   question: t,
   onClick: s,
   loading: n = !1,
@@ -2486,7 +2486,7 @@ const la = ({
     onClick: s,
     disabled: n,
     style: { backgroundColor: "#E6E5E3" },
-    className: A(
+    className: O(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !n,
@@ -2525,7 +2525,7 @@ const la = ({
         children: [
           i && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: i }),
           d.map((x) => /* @__PURE__ */ e(
-            On,
+            An,
             {
               question: x.question,
               onClick: () => s(x.id),
@@ -2537,7 +2537,7 @@ const la = ({
       }
     )
   ] }) });
-}, An = [
+}, On = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -2551,7 +2551,7 @@ function qe(t) {
   return t.startsWith("video/") ? "video" : t.startsWith("audio/") ? "audio" : t.startsWith("image/") ? "image" : "document";
 }
 function Un(t) {
-  const s = An.find(
+  const s = On.find(
     ([n]) => n.test(t)
   );
   return s ? s[1] : "generic";
@@ -2594,9 +2594,9 @@ const jn = (t) => {
   muted: x = !1,
   onContainerClick: o
 }) => {
-  const h = qe(s), f = X(null), N = X(null), a = X(null), _ = X(l), [w, g] = k(i), [y, I] = k(0), [C, S] = k(!1), [L, v] = k(!1), [m, b] = k(!1), [T, M] = k(!1), [P, R] = k(!0), [B, Q] = k(null), J = O(() => {
+  const h = qe(s), f = X(null), N = X(null), a = X(null), _ = X(l), [w, g] = k(i), [y, I] = k(0), [C, S] = k(!1), [L, v] = k(!1), [m, b] = k(!1), [T, M] = k(!1), [P, R] = k(!0), [B, Q] = k(null), J = A(() => {
     b(!1), g(!0);
-  }, []), V = O((p) => {
+  }, []), V = A((p) => {
     const E = N.current;
     if (!E) return 0;
     const U = E.getBoundingClientRect();
@@ -2604,7 +2604,7 @@ const jn = (t) => {
       0,
       Math.min(1, (jn(p) - U.left) / U.width)
     );
-  }, []), F = O((p) => {
+  }, []), F = A((p) => {
     const E = f.current;
     E && E.duration && (E.currentTime = p * E.duration);
   }, []), H = (p) => {
@@ -3143,7 +3143,7 @@ const qn = ({
     )
   ] });
 }, da = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: i = 20 } = s, [l, u] = k([]), [r, d] = k(!1), [x, o] = k(null), [h, f] = k(n), [N, a] = k(!0), [_, w] = k(), g = O(async (S = !1, L) => {
+  const { initialSearch: n = "", pageSize: i = 20 } = s, [l, u] = k([]), [r, d] = k(!1), [x, o] = k(null), [h, f] = k(n), [N, a] = k(!0), [_, w] = k(), g = A(async (S = !1, L) => {
     if (r) return;
     const v = L !== void 0 ? L : h;
     d(!0), o(null);
@@ -3162,11 +3162,11 @@ const qn = ({
     } finally {
       d(!1);
     }
-  }, [t, h, _, i, r]), y = O(() => {
+  }, [t, h, _, i, r]), y = A(() => {
     N && !r && g(!1);
-  }, [N, r, g]), I = O((S) => {
+  }, [N, r, g]), I = A((S) => {
     f(S), w(void 0), g(!0, S);
-  }, [g]), C = O(() => {
+  }, [g]), C = A(() => {
     w(void 0), g(!0);
   }, [g]);
   return q(() => {
@@ -3194,7 +3194,7 @@ export {
   wt as b,
   Et as c,
   ia as d,
-  On as e,
+  An as e,
   ca as f,
   qe as g,
   cn as h,
@@ -3207,4 +3207,4 @@ export {
   Ze as r,
   rn as u
 };
-//# sourceMappingURL=index-BJxgpf27.js.map
+//# sourceMappingURL=index-BsSqs61X.js.map