@linktr.ee/messaging-react 3.3.13-rc-1782276914 → 3.3.13-rc-1782277797

package/dist/{index-BtwKlrVN.js → index-CAotDlQ-.js}

@@ -1,5 +1,5 @@
-import { jsx as n, jsxs as h, Fragment as se } from "react/jsx-runtime";
-import V, { createContext as Ge, useContext as Te, useCallback as W, useState as P, useRef as G, useEffect as Y, useId as En, useMemo as ne, Suspense as He } from "react";
+import { jsx as n, jsxs as h, Fragment as ne } from "react/jsx-runtime";
+import V, { createContext as Ge, useContext as Te, useCallback as W, useState as P, useRef as G, useEffect as Y, useId as En, useMemo as te, Suspense as He } from "react";
 import { StreamChatService as Sn } from "@linktr.ee/messaging-core";
 import { StreamChat as In, LinkPreviewsManager as Tt } from "stream-chat";
 import { Chat as Tn, DateSeparator as An, useChannelStateContext as de, useChatContext as Ye, areMessageUIPropsEqual as Mn, useMessageReminder as Rn, useComponentContext as Ut, Attachment as Ln, EditMessageModal as Dn, MessageBlocked as Pn, MessageBouncePrompt as On, MessageDeleted as zn, MessageIsThreadReplyInChannelButtonIndicator as $n, MessageRepliesCountButton as Fn, ReminderNotification as Bn, StreamedMessageText as Un, messageHasAttachments as jn, messageHasReactions as Vn, isDateSeparatorMessage as Gn, isMessageBlocked as Hn, isMessageBounced as Yn, MessageBounceModal as qn, MessageText as At, Poll as Wn, MessageErrorIcon as Xn, useMessageContext as ve, useMessageComposer as Kn, useStateStore as Jn, MessageInput as Zn, useMessageInputContext as Qn, useMessageComposerHasSendableData as es, AttachmentPreviewList as ts, QuotedMessagePreview as ns, TextareaComposer as ss, MessageTimestamp as Le, AIStates as De, useTypingContext as as, useAIState as rs, Channel as is, WithComponents as os, Window as ls, MessageList as cs, ChannelList as ds, InfiniteScroll as us } from "stream-chat-react";
@@ -279,7 +279,7 @@ function Bs(e) {
   const s = Fs(e) % Dt.length;
   return Dt[s];
 }
-const ie = ({
+const re = ({
   id: e,
   image: t,
   size: s = 40,
@@ -582,7 +582,7 @@ function Gs(e) {
   return e != null && e.length ? e.some((t) => t.type === Ve) ? "down" : e.some((t) => t.type === je) ? "up" : null : null;
 }
 function Hs(e) {
-  const { channel: t } = de(), { client: s } = Ye("useMessageVote"), a = ne(
+  const { channel: t } = de(), { client: s } = Ye("useMessageVote"), a = te(
     () => Gs(e.own_reactions),
     [e.own_reactions]
   ), r = W(async () => {
@@ -619,7 +619,7 @@ function Xt({
   const s = e == null ? void 0 : e.text, a = Ys(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const qs = V.lazy(() => import("./Card-Dj4FxfS8.js")), Ws = V.lazy(() => import("./Card-mB_H4qWR.js")), Xs = V.lazy(() => import("./Card-CqIwxaqP.js")), We = () => /* @__PURE__ */ n(
+const qs = V.lazy(() => import("./Card-Dv2KEVRW.js")), Ws = V.lazy(() => import("./Card-NVRWULiK.js")), Xs = V.lazy(() => import("./Card-Hn41fH7f.js")), We = () => /* @__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)]",
@@ -635,7 +635,7 @@ const qs = V.lazy(() => import("./Card-Dj4FxfS8.js")), Ws = V.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function ae(e) {
+function se(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function Zt(e) {
@@ -661,7 +661,7 @@ const ea = {
   generic: Vt
 };
 function na(e) {
-  const t = ae(e);
+  const t = se(e);
   return t !== "document" ? ea[t] : ta[Zt(e)];
 }
 function ce(e, t) {
@@ -682,7 +682,7 @@ const sa = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = ae(t), u = G(null), f = G(null), c = G(null), b = G(r), [x, p] = P(a), [w, _] = P(0), [k, S] = P(!1), [R, D] = P(!1), [O, T] = P(!1), [N, E] = P(!1), [L, F] = P(!0), [I, A] = P(null), M = W(() => {
+  const g = se(t), u = G(null), f = G(null), c = G(null), b = G(r), [x, p] = P(a), [w, _] = P(0), [k, S] = P(!1), [R, D] = P(!1), [O, T] = P(!1), [N, E] = P(!1), [L, F] = P(!0), [I, A] = P(null), M = W(() => {
     T(!1), p(!0);
   }, []), z = W((v) => {
     const y = f.current;
@@ -927,7 +927,7 @@ const sa = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ae(e), [d, m] = P(!1);
+  const l = se(e), [d, m] = P(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
     aa,
     {
@@ -1211,7 +1211,7 @@ const sn = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ae(t), o = a !== void 0 ? tn(a) : void 0;
+  const i = se(t), o = a !== void 0 ? tn(a) : void 0;
   return /* @__PURE__ */ n(
     en,
     {
@@ -1240,7 +1240,7 @@ const sn = ({
   const s = Je(e), a = Ze(e);
   return !s && !a ? null : /* @__PURE__ */ h("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", children: [
     !t && e.user && /* @__PURE__ */ n(
-      ie,
+      re,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1347,10 +1347,10 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
   ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(xa, { size: o ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(se, { children: [
+  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(ne, { children: [
     m,
     g
-  ] }) : /* @__PURE__ */ h(se, { children: [
+  ] }) : /* @__PURE__ */ h(ne, { children: [
     g,
     m
   ] }) });
@@ -1418,15 +1418,15 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ReminderNotification: B = Bn,
     StreamedMessageText: v = Un,
     PinIndicator: y
-  } = Ut("CustomMessage"), j = jn(c), q = Vn(c), K = ne(
+  } = Ut("CustomMessage"), j = jn(c), q = Vn(c), K = te(
     () => u == null ? void 0 : u(c),
     [u, c]
-  ), J = ne(() => {
+  ), J = te(() => {
     const he = c.attachments ?? [], ye = c.shared_location ? [c.shared_location, ...he] : he;
     if (!ke(c)) return ye;
     const St = ye.filter((It) => !("type" in It) || !nn(It));
     return St.length === ye.length ? ye : St;
-  }, [c]), oe = ne(() => {
+  }, [c]), ie = te(() => {
     const he = Xt({ message: c, viewerLanguage: p });
     return he === c.text ? c : { ...c, text: he };
   }, [c, p]);
@@ -1436,9 +1436,9 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     return /* @__PURE__ */ n(U, { message: c });
   if (Hn(c))
     return /* @__PURE__ */ n(z, {});
-  const Z = !x && !!c.reply_count, re = !x && c.show_in_channel && c.parent_id, ee = c.status === "failed" && ((ht = c.error) == null ? void 0 : ht.status) !== 403, lt = Yn(c);
-  let le;
-  ee ? le = () => m(c) : lt && (le = () => T(!0));
+  const Z = !x && !!c.reply_count, ae = !x && c.show_in_channel && c.parent_id, ee = c.status === "failed" && ((ht = c.error) == null ? void 0 : ht.status) !== 403, lt = Yn(c);
+  let oe;
+  ee ? oe = () => m(c) : lt && (oe = () => T(!0));
   const ue = f(), kn = C(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
@@ -1451,13 +1451,13 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": q,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((ft = c == null ? void 0 : c.error) == null ? void 0 : ft.status) !== 403,
-      "str-chat__message-with-thread-link": Z || re,
+      "str-chat__message-with-thread-link": Z || ae,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
   ), ct = c.poll_id && w.polls.fromState(c.poll_id), dt = ya(c), me = ke(c), ut = Na(c), Re = !!(J != null && J.length && !c.quoted_message), mt = me && ue && Re;
-  return /* @__PURE__ */ h(se, { children: [
+  return /* @__PURE__ */ h(ne, { children: [
     a && /* @__PURE__ */ n(
       A,
       {
@@ -1481,7 +1481,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           y && /* @__PURE__ */ n(y, {}),
           !!N && /* @__PURE__ */ n(B, { reminder: N }),
           c.user && /* @__PURE__ */ n(
-            ie,
+            re,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -1499,10 +1499,10 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 "str-chat__simple-message--error-failed": ee || lt
               }),
               "data-testid": "message-inner",
-              onClick: le,
-              onKeyDown: le,
-              role: le ? "button" : void 0,
-              tabIndex: le ? 0 : void 0,
+              onClick: oe,
+              onKeyDown: oe,
+              role: oe ? "button" : void 0,
+              tabIndex: oe ? 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
@@ -1546,7 +1546,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   At,
                   {
-                    message: oe,
+                    message: ie,
                     renderText: b
                   }
                 ) })
@@ -1573,13 +1573,13 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 K ? /* @__PURE__ */ n(
                   v,
                   {
-                    message: oe,
+                    message: ie,
                     renderText: b
                   }
                 ) : /* @__PURE__ */ n(
                   At,
                   {
-                    message: oe,
+                    message: ie,
                     renderText: b
                   }
                 ),
@@ -1612,7 +1612,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
               reply_count: c.reply_count
             }
           ),
-          re && /* @__PURE__ */ n(H, {})
+          ae && /* @__PURE__ */ n(H, {})
         ]
       },
       c.id
@@ -1772,7 +1772,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }) => {
   var o;
   const { channel: r } = de(), i = ((o = r == null ? void 0 : r.data) == null ? void 0 : o.frozen) === !0;
-  return s ? /* @__PURE__ */ h(se, { children: [
+  return s ? /* @__PURE__ */ h(ne, { children: [
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
   ] }) : /* @__PURE__ */ h("div", { className: "flex flex-col gap-4 p-4", children: [
@@ -1824,7 +1824,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if (t === -1)
     return e;
   const s = t + Oe.length;
-  return /* @__PURE__ */ h(se, { children: [
+  return /* @__PURE__ */ h(ne, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
@@ -1973,7 +1973,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     children: /* @__PURE__ */ h("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ n(
-        ie,
+        re,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -2059,7 +2059,7 @@ const Xa = () => null, Ka = ({ className: e, message: t }) => /* @__PURE__ */ h(
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ee.displayName = "LoadingState";
-const te = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Bt = "Replies instantly with AI assistant", Ja = ({
+const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Bt = "Replies instantly with AI assistant", Ja = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -2102,7 +2102,7 @@ const te = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         "button",
         {
           className: C(
-            te,
+            le,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
           onClick: e || (() => {
@@ -2114,7 +2114,7 @@ const te = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ) }),
       /* @__PURE__ */ h("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ n(
-          ie,
+          re,
           {
             id: ((T = p == null ? void 0 : p.user) == null ? void 0 : T.id) || x.id || "unknown",
             name: w,
@@ -2134,7 +2134,7 @@ const te = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: te,
+            className: le,
             onClick: S,
             type: "button",
             "aria-label": k ? "Unstar conversation" : "Star conversation",
@@ -2150,9 +2150,7 @@ const te = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             )
           }
         ),
-        b && (c ? c({
-          triggerClassName: C(te, "bg-[#F1F0EE]")
-        }) : /* @__PURE__ */ n(
+        b && (c ?? /* @__PURE__ */ n(
           Pt,
           {
             channel: x,
@@ -2166,7 +2164,7 @@ const te = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: u,
             customChannelActions: f,
-            triggerClassName: C(te, "bg-[#F1F0EE]")
+            triggerClassName: C(le, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -2177,7 +2175,7 @@ const te = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: C(
-              te,
+              le,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
@@ -2187,7 +2185,7 @@ const te = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ),
         /* @__PURE__ */ n(
-          ie,
+          re,
           {
             id: ((N = p == null ? void 0 : p.user) == null ? void 0 : N.id) || x.id || "unknown",
             name: w,
@@ -2209,7 +2207,7 @@ const te = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: te,
+            className: le,
             onClick: S,
             type: "button",
             "aria-label": k ? "Unstar conversation" : "Star conversation",
@@ -2225,7 +2223,7 @@ const te = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             )
           }
         ),
-        b && (c ? c({ triggerClassName: te }) : /* @__PURE__ */ n(
+        b && (c ?? /* @__PURE__ */ n(
           Pt,
           {
             channel: x,
@@ -2239,7 +2237,7 @@ const te = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: u,
             customChannelActions: f,
-            triggerClassName: te
+            triggerClassName: le
           }
         ))
       ] })
@@ -2302,7 +2300,7 @@ const te = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     },
     [p, S, D]
   );
-  return /* @__PURE__ */ n(se, { children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(ne, { children: /* @__PURE__ */ n(
     os,
     {
       overrides: {
@@ -2540,7 +2538,7 @@ const ki = ({
       H.current === j && (H.current = null);
     };
     (async () => {
-      var J, oe;
+      var J, ie;
       try {
         N && console.log(
           "[MessagingShell] Loading initial conversation with:",
@@ -2561,8 +2559,8 @@ const ki = ({
           );
           return;
         }
-        const re = $.current;
-        if (!re || !T) {
+        const ae = $.current;
+        if (!ae || !T) {
           q(), I("No conversation found with this account"), N && console.log(
             "[MessagingShell] No conversation found for:",
             i
@@ -2571,11 +2569,11 @@ const ki = ({
         }
         try {
           const ee = await T.startChannelWithParticipant({
-            id: re.id,
-            name: re.name,
-            phone: re.phone
+            id: ae.id,
+            name: ae.name,
+            phone: ae.phone
           });
-          L(ee), I(null), (oe = U.current) == null || oe.call(U, ee), N && console.log(
+          L(ee), I(null), (ie = U.current) == null || ie.call(U, ee), N && console.log(
             "[MessagingShell] Channel created and loaded:",
             ee.id
           );
@@ -2725,7 +2723,7 @@ const un = V.createContext({
         ),
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
-            ie,
+            re,
             {
               id: ((T = u == null ? void 0 : u.user) == null ? void 0 : T.id) || e.id || "unknown",
               name: f,
@@ -2990,9 +2988,9 @@ const lr = {
 }, gr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Me = (e, t) => !!t && !!e && ae(e) === "audio", hn = (e, t) => {
+}, Me = (e, t) => !!t && !!e && se(e) === "audio", hn = (e, t) => {
   if (!t || !e) return !1;
-  const s = ae(e);
+  const s = se(e);
   return s === "video" || s === "audio";
 }, tt = "bg-[#F2F3F4]", Ie = ({
   variant: e,
@@ -3003,7 +3001,7 @@ const lr = {
   topLeft: i,
   topRight: o
 }) => {
-  const l = ae(r), d = !!s && l === "video";
+  const l = se(r), d = !!s && l === "video";
   return Me(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
@@ -3416,7 +3414,7 @@ function Rr(e, t) {
     }
   }
   if (!e) return;
-  if (ae(e) === "document") {
+  if (se(e) === "document") {
     const r = Zt(e), i = Mr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
@@ -3496,7 +3494,7 @@ const Dr = {
         u
       ]
     }
-  ) : /* @__PURE__ */ h(se, { children: [
+  ) : /* @__PURE__ */ h(ne, { children: [
     g,
     u
   ] });
@@ -3616,7 +3614,7 @@ const zr = ({
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(se, { children: [
+}) => /* @__PURE__ */ h(ne, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -3847,7 +3845,7 @@ const zr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = ne(
+  }), l = t[r], d = te(
     () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "image"),
     [l]
   );
@@ -4084,10 +4082,10 @@ const zr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = ne(
+  }), l = t[r], d = te(
     () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "document"),
     [l]
-  ), m = ne(
+  ), m = te(
     () => l ? Zr(l.src) : void 0,
     [l]
   );
@@ -4230,7 +4228,7 @@ const zr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = ne(
+  }), l = t[r], d = te(
     () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "video"),
     [l]
   );
@@ -4429,7 +4427,7 @@ const zr = ({
   const l = e.filter((d) => d.enabled).sort((d, m) => (d.order ?? 0) - (m.order ?? 0));
   return l.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
     (i || o) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
-      ie,
+      re,
       {
         id: o || "account",
         name: o || "Account",
@@ -4468,12 +4466,12 @@ export {
   Ei as L,
   yi as M,
   fe as a,
-  ie as b,
+  re as b,
   rr as c,
   dn as d,
   Ci as e,
   hi as f,
-  ae as g,
+  se as g,
   Ot as h,
   Ii as i,
   Ca as j,
@@ -4494,4 +4492,4 @@ export {
   Wt as y,
   va as z
 };
-//# sourceMappingURL=index-BtwKlrVN.js.map
+//# sourceMappingURL=index-CAotDlQ-.js.map