@linktr.ee/messaging-react 1.24.3-rc-1773689393 → 1.24.3-rc-1773798185

package/dist/index.js

@@ -2,8 +2,8 @@ import { jsx as e, jsxs as i, Fragment as me } from "react/jsx-runtime";
 import T from "classnames";
 import B, { createContext as ot, useContext as lt, useCallback as L, useState as M, useRef as J, useEffect as Q, useMemo as Ee } from "react";
 import { StreamChatService as it } from "@linktr.ee/messaging-core";
-import { Chat as ct, ChannelList as dt, DateSeparator as ut, useChannelStateContext as Se, useChatContext as $e, areMessageUIPropsEqual as mt, useMessageReminder as ht, useComponentContext as ft, Attachment as gt, EditMessageModal as xt, MessageBlocked as bt, MessageBouncePrompt as Ct, MessageDeleted as Nt, MessageIsThreadReplyInChannelButtonIndicator as vt, MessageRepliesCountButton as wt, ReminderNotification as pt, StreamedMessageText as yt, messageHasAttachments as Et, messageHasReactions as _t, isDateSeparatorMessage as It, isMessageBlocked as St, isMessageBounced as Mt, MessageBounceModal as kt, Poll as Dt, MessageText as Tt, MessageErrorIcon as Rt, useMessageContext as je, useMessageComposer as Lt, useStateStore as Pt, MessageInput as Ut, useMessageInputContext as Ot, useMessageComposerHasSendableData as Ft, SimpleAttachmentSelector as At, QuotedMessagePreview as Bt, AttachmentPreviewList as $t, TextareaComposer as jt, MessageTimestamp as Te, Channel as Gt, WithComponents as Vt, Window as Ht, MessageList as zt } from "stream-chat-react";
-import { GiftIcon as Wt, XIcon as Me, SpinnerGapIcon as be, SignOutIcon as qt, ProhibitInsetIcon as Re, FlagIcon as Yt, ArrowUpIcon as Zt, SparkleIcon as Jt, ArrowLeftIcon as Le, StarIcon as Pe, DotsThreeIcon as Ue, MagnifyingGlassIcon as Qt, ChatCircleDotsIcon as Oe } from "@phosphor-icons/react";
+import { Chat as ct, ChannelList as dt, DateSeparator as ut, useChannelStateContext as Se, useChatContext as $e, areMessageUIPropsEqual as mt, useMessageReminder as ht, useComponentContext as ft, Attachment as gt, EditMessageModal as xt, MessageBlocked as bt, MessageBouncePrompt as Ct, MessageDeleted as Nt, MessageIsThreadReplyInChannelButtonIndicator as vt, MessageRepliesCountButton as wt, ReminderNotification as pt, StreamedMessageText as yt, messageHasAttachments as Et, messageHasReactions as _t, isDateSeparatorMessage as It, isMessageBlocked as St, isMessageBounced as Mt, MessageBounceModal as kt, Poll as Dt, MessageText as Tt, MessageErrorIcon as Rt, useMessageContext as je, useMessageComposer as Lt, useStateStore as Ut, MessageInput as Pt, useMessageInputContext as Ot, useMessageComposerHasSendableData as Ft, SimpleAttachmentSelector as At, QuotedMessagePreview as Bt, AttachmentPreviewList as $t, TextareaComposer as jt, MessageTimestamp as Te, Channel as Gt, WithComponents as Vt, Window as Ht, MessageList as zt } from "stream-chat-react";
+import { GiftIcon as Wt, XIcon as Me, SpinnerGapIcon as be, SignOutIcon as qt, ProhibitInsetIcon as Re, FlagIcon as Yt, ArrowUpIcon as Zt, SparkleIcon as Jt, ArrowLeftIcon as Le, StarIcon as Ue, DotsThreeIcon as Pe, MagnifyingGlassIcon as Qt, ChatCircleDotsIcon as Oe } from "@phosphor-icons/react";
 import { LinkPreviewsManager as Fe } from "stream-chat";
 const Ge = ot({
   service: null,
@@ -129,10 +129,10 @@ const Ge = ot({
           clientId: C.userID
         });
       } catch (C) {
-        const U = C instanceof Error ? C.message : "Connection failed";
-        b(U), a("❌ USER CONNECTION ERROR", {
+        const P = C instanceof Error ? C.message : "Connection failed";
+        b(P), a("❌ USER CONNECTION ERROR", {
           userId: s.id,
-          error: U
+          error: P
         });
       } finally {
         y(!1), S.current = !1, a("🔄 USER CONNECTION FINISHED", {
@@ -575,8 +575,8 @@ const ds = ({
 }) => {
   var z, j, ne, ae, G, K, re;
   const { service: r, debug: y } = ve(), [E, b] = M(!1), [S, p] = M(!1), [x, w] = M(!1), R = L(async () => {
-    var P;
-    if (!(!r || !((P = n == null ? void 0 : n.user) != null && P.id)))
+    var U;
+    if (!(!r || !((U = n == null ? void 0 : n.user) != null && U.id)))
       try {
         const A = (await r.getBlockedUsers()).some(
           (V) => {
@@ -596,11 +596,11 @@ const ds = ({
     R();
   }, [R]);
   const u = async () => {
-    var P;
+    var U;
     if (!S) {
       g == null || g(), y && console.log("[ChannelInfoDialog] Leave conversation", o.cid), p(!0);
       try {
-        const O = ((P = o._client) == null ? void 0 : P.userID) ?? null;
+        const O = ((U = o._client) == null ? void 0 : U.userID) ?? null;
         await o.hide(O, !1), h && await h(o), s();
       } catch (O) {
         console.error("[ChannelInfoDialog] Failed to leave conversation", O);
@@ -609,9 +609,9 @@ const ds = ({
       }
     }
   }, m = async () => {
-    var P, O, A;
+    var U, O, A;
     if (!(x || !r)) {
-      f == null || f(), y && console.log("[ChannelInfoDialog] Block member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), w(!0);
+      f == null || f(), y && console.log("[ChannelInfoDialog] Block member", (U = n == null ? void 0 : n.user) == null ? void 0 : U.id), w(!0);
       try {
         await r.blockUser((O = n == null ? void 0 : n.user) == null ? void 0 : O.id), a && await a((A = n == null ? void 0 : n.user) == null ? void 0 : A.id), s();
       } catch (V) {
@@ -621,9 +621,9 @@ const ds = ({
       }
     }
   }, d = async () => {
-    var P, O, A;
+    var U, O, A;
     if (!(x || !r)) {
-      f == null || f(), y && console.log("[ChannelInfoDialog] Unblock member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), w(!0);
+      f == null || f(), y && console.log("[ChannelInfoDialog] Unblock member", (U = n == null ? void 0 : n.user) == null ? void 0 : U.id), w(!0);
       try {
         await r.unBlockUser((O = n == null ? void 0 : n.user) == null ? void 0 : O.id), a && await a((A = n == null ? void 0 : n.user) == null ? void 0 : A.id), s();
       } catch (V) {
@@ -640,7 +640,7 @@ const ds = ({
     );
   };
   if (!n) return null;
-  const C = ((j = n.user) == null ? void 0 : j.name) || ((ne = n.user) == null ? void 0 : ne.id) || "Unknown member", U = (ae = n.user) == null ? void 0 : ae.image, X = (G = n.user) == null ? void 0 : G.email, Y = (K = n.user) == null ? void 0 : K.username, q = X || (Y ? `linktr.ee/${Y}` : void 0), D = ((re = n.user) == null ? void 0 : re.id) || "unknown";
+  const C = ((j = n.user) == null ? void 0 : j.name) || ((ne = n.user) == null ? void 0 : ne.id) || "Unknown member", P = (ae = n.user) == null ? void 0 : ae.image, X = (G = n.user) == null ? void 0 : G.email, Y = (K = n.user) == null ? void 0 : K.username, q = X || (Y ? `linktr.ee/${Y}` : void 0), D = ((re = n.user) == null ? void 0 : re.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -649,8 +649,8 @@ const ds = ({
         ref: t,
         className: "mes-dialog group",
         onClose: s,
-        onClick: (P) => {
-          P.target === t.current && s();
+        onClick: (U) => {
+          U.target === t.current && s();
         },
         children: /* @__PURE__ */ i("div", { className: "ml-auto flex h-full w-full flex-col bg-white shadow-none transition-shadow duration-200 group-open:shadow-max-elevation-light", children: [
           /* @__PURE__ */ i("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
@@ -669,7 +669,7 @@ const ds = ({
                     {
                       id: D,
                       name: C,
-                      image: U,
+                      image: P,
                       size: 88,
                       shape: "circle"
                     }
@@ -677,7 +677,7 @@ const ds = ({
                   /* @__PURE__ */ i("div", { className: "flex flex-col min-w-0 flex-1", children: [
                     /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: C }),
                     q && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: q }),
-                    l && /* @__PURE__ */ e(
+                    l && !N && /* @__PURE__ */ e(
                       "span",
                       {
                         className: "mt-1 rounded-full text-xs font-normal w-fit",
@@ -844,7 +844,7 @@ const fs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     EditMessageModal: d = xt,
     MessageBlocked: k = bt,
     MessageBouncePrompt: C = Ct,
-    MessageDeleted: U = Nt,
+    MessageDeleted: P = Nt,
     MessageIsThreadReplyInChannelButtonIndicator: X = vt,
     MessageRepliesCountButton: Y = wt,
     ReminderNotification: q = pt,
@@ -860,12 +860,12 @@ const fs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
   if (It(r))
     return null;
   if (r.deleted_at || r.type === "deleted")
-    return /* @__PURE__ */ e(U, { message: r });
+    return /* @__PURE__ */ e(P, { message: r });
   if (St(r))
     return /* @__PURE__ */ e(k, {});
-  const K = !E && !!r.reply_count, re = !E && r.show_in_channel && r.parent_id, P = r.status === "failed" && ((de = r.error) == null ? void 0 : de.status) !== 403, O = Mt(r);
+  const K = !E && !!r.reply_count, re = !E && r.show_in_channel && r.parent_id, U = r.status === "failed" && ((de = r.error) == null ? void 0 : de.status) !== 403, O = Mt(r);
   let A;
-  P ? A = () => f(r) : O && (A = () => p(!0));
+  U ? A = () => f(r) : O && (A = () => p(!0));
   const V = I(), ce = T(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${r.type}`,
@@ -915,7 +915,7 @@ const fs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
         "div",
         {
           className: T("str-chat__message-inner", {
-            "str-chat__simple-message--error-failed": P || O
+            "str-chat__simple-message--error-failed": U || O
           }),
           "data-testid": "message-inner",
           onClick: A,
@@ -1038,7 +1038,7 @@ const fs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     }
   );
 }, ps = () => {
-  const { linkPreviewsManager: t } = Lt(), { linkPreviews: s } = Pt(
+  const { linkPreviewsManager: t } = Lt(), { linkPreviews: s } = Ut(
     t.state,
     vs
   ), n = (l) => {
@@ -1088,7 +1088,7 @@ const fs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
   renderActions: t
 }) => /* @__PURE__ */ i("div", { className: "message-input flex items-center gap-2 p-4", children: [
   t && (t == null ? void 0 : t()),
-  /* @__PURE__ */ e(Ut, { Input: ys })
+  /* @__PURE__ */ e(Pt, { Input: ys })
 ] }), _s = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
@@ -1259,7 +1259,7 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             type: "button",
             "aria-label": f ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
-              Pe,
+              Ue,
               {
                 className: T("size-5", {
                   "text-yellow-600": f,
@@ -1277,7 +1277,7 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(Ue, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Pe, { className: "size-5 text-black/90" })
           }
         )
       ] })
@@ -1314,7 +1314,7 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             type: "button",
             "aria-label": f ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
-              Pe,
+              Ue,
               {
                 className: T("size-5", {
                   "text-yellow-600": f,
@@ -1332,7 +1332,7 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(Ue, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Pe, { className: "size-5 text-black/90" })
           }
         )
       ] })
@@ -1467,9 +1467,9 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     const u = L(
       async (m, d, k) => {
         var D;
-        const C = ((D = t.data) == null ? void 0 : D.chatbot_paused) === !0, U = r && !C, X = {
+        const C = ((D = t.data) == null ? void 0 : D.chatbot_paused) === !0, P = r && !C, X = {
           ...d,
-          ...U && { silent: !0 },
+          ...P && { silent: !0 },
           ...y && {
             metadata: {
               ...d.metadata ?? {},
@@ -1478,7 +1478,7 @@ const ie = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           }
         }, Y = {
           ...k,
-          ...U && { skip_push: !0 }
+          ...P && { skip_push: !0 }
         }, q = await t.sendMessage(X, Y);
         return E == null || E(q), q;
       },
@@ -1568,7 +1568,7 @@ function Ls({
     )
   ] });
 }
-const Ps = ({
+const Us = ({
   participantSource: t,
   onSelectParticipant: s,
   onClose: n,
@@ -1705,7 +1705,7 @@ const Ps = ({
       ] }) })
     ] }) })
   ] });
-}, Us = ({ className: t }) => /* @__PURE__ */ i(
+}, Ps = ({ className: t }) => /* @__PURE__ */ i(
   "svg",
   {
     width: "140",
@@ -1841,7 +1841,7 @@ const Ps = ({
   }
 ), Je = B.memo(
   ({ hasChannels: t, channelsLoaded: s }) => /* @__PURE__ */ e("div", { className: "messaging-empty-state flex items-center justify-center h-full p-8 text-balance", children: /* @__PURE__ */ i("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
-    /* @__PURE__ */ e(Us, {}),
+    /* @__PURE__ */ e(Ps, {}),
     s && !t && /* @__PURE__ */ i("div", { className: "mt-8", children: [
       /* @__PURE__ */ e("h2", { className: "font-medium text-black text-[18px] mb-2", children: "Your inbox is empty" }),
       /* @__PURE__ */ e("p", { className: "text-[#676B5F] text-sm mb-6", children: "Share with your followers to start receiving messages" })
@@ -1894,12 +1894,12 @@ const zs = ({
   const {
     service: k,
     client: C,
-    isConnected: U,
+    isConnected: P,
     isLoading: X,
     error: Y,
     refreshConnection: q,
     debug: D
-  } = Xt(), [z, j] = M(null), [ne, ae] = M(!1), [G, K] = M(!1), [re, P] = M(!1), [O, A] = M(/* @__PURE__ */ new Set()), [V, ce] = M(0), [W, oe] = M(!1), [ee, Z] = M(null), te = J(null), {
+  } = Xt(), [z, j] = M(null), [ne, ae] = M(!1), [G, K] = M(!1), [re, U] = M(!1), [O, A] = M(/* @__PURE__ */ new Set()), [V, ce] = M(0), [W, oe] = M(!1), [ee, Z] = M(null), te = J(null), {
     participantSource: de,
     participantLabel: ue = "participants",
     showDeleteConversation: Qe = !0
@@ -1917,7 +1917,7 @@ const zs = ({
       ...v
     };
   }, [v, C == null ? void 0 : C.userID]), he = J(null), le = L(async () => {
-    if (!C || !U) return;
+    if (!C || !P) return;
     const _ = C.userID;
     if (_)
       try {
@@ -1944,13 +1944,13 @@ const zs = ({
       } catch (H) {
         console.error("[MessagingShell] Failed to sync channels:", H);
       }
-  }, [C, U, D]);
+  }, [C, P, D]);
   Q(() => {
-    if (!C || !U) return;
+    if (!C || !P) return;
     const _ = C.userID;
     _ && he.current !== _ && le();
-  }, [C, U, le]), Q(() => {
-    if (!a || !C || !U) return;
+  }, [C, P, le]), Q(() => {
+    if (!a || !C || !P) return;
     (async () => {
       const H = C.userID;
       if (H)
@@ -2012,7 +2012,7 @@ const zs = ({
     a,
     c,
     C,
-    U,
+    P,
     k,
     D,
     l
@@ -2044,7 +2044,7 @@ const zs = ({
           } catch ($) {
             console.warn("[MessagingShell] Failed to unhide channel:", $);
           }
-          j(F), P(!1), (H = te.current) == null || H.close(), h == null || h(_);
+          j(F), U(!1), (H = te.current) == null || H.close(), h == null || h(_);
         } catch (F) {
           console.error("[MessagingShell] Failed to start conversation:", F);
         }
@@ -2052,7 +2052,7 @@ const zs = ({
     [k, h, D]
   ), fe = L(() => {
     var _;
-    P(!1), (_ = te.current) == null || _.close();
+    U(!1), (_ = te.current) == null || _.close();
   }, []), st = L(
     (_) => {
       _.target === te.current && fe();
@@ -2069,7 +2069,7 @@ const zs = ({
     },
     [le, D]
   ), ge = !!z;
-  return X ? /* @__PURE__ */ e("div", { className: T("h-full", s), children: /* @__PURE__ */ e(Ne, {}) }) : Y ? /* @__PURE__ */ e("div", { className: T("h-full", s), children: /* @__PURE__ */ e(Ce, { message: Y, onBack: q }) }) : !U || !C ? /* @__PURE__ */ e("div", { className: T("h-full", s), children: /* @__PURE__ */ e(
+  return X ? /* @__PURE__ */ e("div", { className: T("h-full", s), children: /* @__PURE__ */ e(Ne, {}) }) : Y ? /* @__PURE__ */ e("div", { className: T("h-full", s), children: /* @__PURE__ */ e(Ce, { message: Y, onBack: q }) }) : !P || !C ? /* @__PURE__ */ e("div", { className: T("h-full", s), children: /* @__PURE__ */ e(
     Ce,
     {
       message: "Not connected to messaging service",
@@ -2169,7 +2169,7 @@ const zs = ({
             onClick: st,
             onClose: fe,
             children: /* @__PURE__ */ e("div", { className: "h-full w-full bg-white shadow-max-elevation-light", children: /* @__PURE__ */ e(
-              Ps,
+              Us,
               {
                 participantSource: de,
                 onSelectParticipant: tt,
@@ -2300,7 +2300,7 @@ export {
   xs as MessageVoteButtons,
   Hs as MessagingProvider,
   zs as MessagingShell,
-  Ps as ParticipantPicker,
+  Us as ParticipantPicker,
   ss as formatRelativeTime,
   hs as useMessageVote,
   Xt as useMessaging,