@linktr.ee/messaging-react 1.27.0 → 1.28.0-rc-1776231821

package/dist/index.d.ts

@@ -230,9 +230,10 @@ export declare interface ChannelViewProps {
 }
 
 declare interface CreatorCardProps extends LockedAttachmentBaseProps {
-    title?: string;
+    isPreview?: boolean;
     placeholderTitle?: string;
     placeholderAmountText?: string;
+    onDismiss?: () => void;
 }
 
 declare type DmAgentSystemType = 'SYSTEM_DM_AGENT_PAUSED' | 'SYSTEM_DM_AGENT_RESUMED';
@@ -274,29 +275,20 @@ export declare const formatRelativeTime: (date: Date) => string;
 
 export declare const LockedAttachment: (props: LockedAttachmentProps) => JSX_2.Element;
 
-/** Shared fields for creator and visitor locked-attachment cards (internal). */
 declare interface LockedAttachmentBaseProps {
+    title?: string;
     mimeType?: string;
-    /** Blurred preview image shown in the locked/collapsed state. */
     thumbnail?: string;
-    /** Clean poster image passed to the media player. Falls back to thumbnail. */
-    poster?: string;
-    /** Unlocked media URL. Undefined while locked or pending unlock. */
     source?: string;
     detail?: string;
     amountText?: string;
     paymentStatus?: PaymentStatus;
 }
 
-export declare type LockedAttachmentProps = ({
-    isCreator: true;
-} & CreatorCardProps) | ({
-    isCreator?: false;
-} & VisitorCardProps);
+export declare type LockedAttachmentProps = (CreatorCardProps & Never<VisitorCardProps, 'onUnlock' | 'onDownload'>) | (VisitorCardProps & Never<CreatorCardProps, 'isPreview' | 'placeholderTitle' | 'placeholderAmountText' | 'onDismiss'>);
 
 export declare interface LockedAttachmentSource {
     source: string;
-    poster?: string;
 }
 
 declare type MessageCustomType = 'MESSAGE_TIP' | 'MESSAGE_PAID' | 'MESSAGE_CHATBOT' | 'MESSAGE_ATTACHMENT' | AgeSafetySystemType | DmAgentSystemType;
@@ -428,6 +420,10 @@ export declare interface MessagingShellProps extends ChannelViewPassthroughProps
     renderMessagePreview?: (message: LocalMessage | undefined, defaultPreview?: string) => React.ReactNode;
 }
 
+declare type Never<T, K extends keyof T = keyof T> = {
+    [P in K]?: never;
+};
+
 /**
  * Generic participant interface for different host environments
  */
@@ -522,14 +518,15 @@ export declare const useParticipants: (participantSource: ParticipantSource, opt
 };
 
 declare interface VisitorCardProps extends LockedAttachmentBaseProps {
-    title?: string;
     /**
-     * Called when the visitor clicks Unlock. Return the resolved source and optional poster.
-     * The component manages loading state and sets source/poster internally on resolution.
+     * Called when the visitor clicks Unlock. Return the resolved source URL.
+     * The component manages loading state and sets source internally on resolution.
      * Omit to hide the Unlock button.
      */
     onUnlock?: () => Promise<LockedAttachmentSource>;
-    /** Called when the visitor clicks Download on an unlocked card. */
+    /**
+     * Called when the visitor clicks Download on an unlocked card.
+     */
     onDownload?: () => void;
 }
 

package/dist/index.js

@@ -620,7 +620,7 @@ const bs = ({
   customProfileContent: N,
   customChannelActions: S
 }) => {
-  var D, $, z, ee, le, ie, ce;
+  var D, G, z, ee, le, ie, ce;
   const { service: m, debug: I } = Me(), [o, v] = T(!1), [k, y] = T(!1), [w, _] = T(!1), R = U(async () => {
     var A;
     if (!(!m || !((A = n == null ? void 0 : n.user) != null && A.id)))
@@ -687,7 +687,7 @@ const bs = ({
     );
   };
   if (!n) return null;
-  const C = (($ = n.user) == null ? void 0 : $.name) || ((z = n.user) == null ? void 0 : z.id) || "Unknown member", p = (ee = n.user) == null ? void 0 : ee.image, O = (le = n.user) == null ? void 0 : le.email, q = (ie = n.user) == null ? void 0 : ie.username, Z = O || (q ? `linktr.ee/${q}` : void 0), Q = ((ce = n.user) == null ? void 0 : ce.id) || "unknown";
+  const C = ((G = n.user) == null ? void 0 : G.name) || ((z = n.user) == null ? void 0 : z.id) || "Unknown member", p = (ee = n.user) == null ? void 0 : ee.image, O = (le = n.user) == null ? void 0 : le.email, q = (ie = n.user) == null ? void 0 : ie.username, Z = O || (q ? `linktr.ee/${q}` : void 0), Q = ((ce = n.user) == null ? void 0 : ce.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -821,20 +821,13 @@ function ps(t) {
   }, [s, n == null ? void 0 : n.userID, t.id, r]);
   return { selected: r, voteUp: l, voteDown: d };
 }
-const ys = F.lazy(() => import("./Creator-B6M8dB0U.js")), vs = F.lazy(() => import("./Visitor-CpmFZRGO.js")), Ze = () => /* @__PURE__ */ e(
+const ys = F.lazy(() => import("./Creator-BFpHsh2u.js")), vs = F.lazy(() => import("./Visitor-C1Fcrgd6.js")), Ze = () => /* @__PURE__ */ e(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-3xl bg-black/[0.06] shadow-[0px_0px_0px_1px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04)]",
     "aria-hidden": !0
   }
-), ws = (t) => {
-  if (t.isCreator) {
-    const { isCreator: r, ...l } = t;
-    return /* @__PURE__ */ e($e, { fallback: /* @__PURE__ */ e(Ze, {}), children: /* @__PURE__ */ e(ys, { ...l }) });
-  }
-  const { isCreator: s, ...n } = t;
-  return /* @__PURE__ */ e($e, { fallback: /* @__PURE__ */ e(Ze, {}), children: /* @__PURE__ */ e(vs, { ...n }) });
-}, _s = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+), ws = (t) => t.onUnlock != null || t.onDownload != null ? /* @__PURE__ */ e($e, { fallback: /* @__PURE__ */ e(Ze, {}), children: /* @__PURE__ */ e(vs, { ...t }) }) : /* @__PURE__ */ e($e, { fallback: /* @__PURE__ */ e(Ze, {}), children: /* @__PURE__ */ e(ys, { ...t }) }), _s = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
   "path",
   {
     d: "M4.667 7.333l2.666-6A1.333 1.333 0 018.667 2v2.667a.667.667 0 00.666.666h3.764a1.334 1.334 0 011.192 1.93l-2.333 4.666a1.333 1.333 0 01-1.193.738H4.667m0-5.334v5.334m0-5.334H2.667a1.333 1.333 0 00-1.334 1.334v2.666a1.333 1.333 0 001.334 1.334h2",
@@ -909,7 +902,7 @@ const ys = F.lazy(() => import("./Creator-B6M8dB0U.js")), vs = F.lazy(() => impo
     MessageDeleted: Z = Et,
     MessageIsThreadReplyInChannelButtonIndicator: Q = St,
     MessageRepliesCountButton: D = It,
-    ReminderNotification: $ = Mt,
+    ReminderNotification: G = Mt,
     StreamedMessageText: z = kt,
     PinIndicator: ee
   } = pt("CustomMessage"), le = Tt(o), ie = Dt(o), ce = Le(
@@ -928,11 +921,11 @@ const ys = F.lazy(() => import("./Creator-B6M8dB0U.js")), vs = F.lazy(() => impo
   const P = !k && !!o.reply_count, H = !k && o.show_in_channel && o.parent_id, Y = o.status === "failed" && ((be = o.error) == null ? void 0 : be.status) !== 403, te = Lt(o);
   let se;
   Y ? se = () => N(o) : te && (se = () => R(!0));
-  const G = I(), de = L(
+  const $ = I(), de = L(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${o.type}`,
     `str-chat__message--${o.status}`,
-    G ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    $ ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     o.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": le,
@@ -945,7 +938,7 @@ const ys = F.lazy(() => import("./Creator-B6M8dB0U.js")), vs = F.lazy(() => impo
       "str-chat__virtual-message__wrapper--first": c,
       "str-chat__virtual-message__wrapper--group": g
     }
-  ), fe = o.poll_id && y.polls.fromState(o.poll_id), ne = gs(o), J = Be(o), ge = fs(o), me = !!(A != null && A.length && !o.quoted_message), xe = J && G && me;
+  ), fe = o.poll_id && y.polls.fromState(o.poll_id), ne = gs(o), J = Be(o), ge = fs(o), me = !!(A != null && A.length && !o.quoted_message), xe = J && $ && me;
   return /* @__PURE__ */ i(he, { children: [
     d && /* @__PURE__ */ e(
       p,
@@ -963,7 +956,7 @@ const ys = F.lazy(() => import("./Creator-B6M8dB0U.js")), vs = F.lazy(() => impo
     ),
     /* @__PURE__ */ i("div", { className: de, children: [
       ee && /* @__PURE__ */ e(ee, {}),
-      !!x && /* @__PURE__ */ e($, { reminder: x }),
+      !!x && /* @__PURE__ */ e(G, { reminder: x }),
       o.user && /* @__PURE__ */ e(
         oe,
         {
@@ -994,7 +987,6 @@ const ys = F.lazy(() => import("./Creator-B6M8dB0U.js")), vs = F.lazy(() => impo
             /* @__PURE__ */ e(
               ws,
               {
-                isCreator: G,
                 title: (X = o.metadata) == null ? void 0 : X.attachment_title,
                 mimeType: (Ce = o.metadata) == null ? void 0 : Ce.attachment_mime_type,
                 thumbnail: (Ne = o.metadata) == null ? void 0 : Ne.attachment_thumbnail,
@@ -1016,7 +1008,7 @@ const ys = F.lazy(() => import("./Creator-B6M8dB0U.js")), vs = F.lazy(() => impo
                 {
                   message: o,
                   hasAttachment: me,
-                  isMyMessage: G
+                  isMyMessage: $
                 }
               ),
               fe && /* @__PURE__ */ e(Pt, { poll: fe }),
@@ -1041,7 +1033,7 @@ const ys = F.lazy(() => import("./Creator-B6M8dB0U.js")), vs = F.lazy(() => impo
               {
                 message: o,
                 hasAttachment: me,
-                isMyMessage: G
+                isMyMessage: $
               }
             ),
             n && J && /* @__PURE__ */ e(
@@ -1601,8 +1593,8 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   }) => {
     const f = U(
       async (E, C, p) => {
-        var $;
-        const O = (($ = t.data) == null ? void 0 : $.chatbot_paused) === !0, q = m && !O, Z = {
+        var G;
+        const O = ((G = t.data) == null ? void 0 : G.chatbot_paused) === !0, q = m && !O, Z = {
           ...C,
           ...q && { silent: !0 },
           ...I && {
@@ -2039,7 +2031,7 @@ const on = ({
     error: Z,
     refreshConnection: Q,
     debug: D
-  } = as(), [$, z] = T(null), [ee, le] = T(!1), [ie, ce] = T(!1), [A, P] = T(!1), [H, Y] = T(/* @__PURE__ */ new Set()), [te, se] = T(0), [G, de] = T(!1), [fe, ne] = T(null), J = K(null), {
+  } = as(), [G, z] = T(null), [ee, le] = T(!1), [ie, ce] = T(!1), [A, P] = T(!1), [H, Y] = T(/* @__PURE__ */ new Set()), [te, se] = T(0), [$, de] = T(!1), [fe, ne] = T(null), J = K(null), {
     participantSource: ge,
     participantLabel: me = "participants",
     showDeleteConversation: xe = !0
@@ -2163,8 +2155,8 @@ const on = ({
     },
     [l]
   ), Ne = U(() => {
-    G || z(null);
-  }, [G]), pe = U(
+    $ || z(null);
+  }, [$]), pe = U(
     async (M) => {
       var V;
       if (C)
@@ -2208,7 +2200,7 @@ const on = ({
       D && console.log("[MessagingShell] Blocking participant:", M), z(null), de(!1), ae.current = null, await X();
     },
     [X, D]
-  ), ve = !!$;
+  ), ve = !!G;
   return q ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Se, {}) }) : Z ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Ee, { message: Z, onBack: Q }) }) : !O || !p ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(
     Ee,
     {
@@ -2230,18 +2222,18 @@ const on = ({
               className: L(
                 "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
                 {
-                  "!hidden": h === !1 || G,
+                  "!hidden": h === !1 || $,
                   // Hide on mobile when channel selected, show on desktop with consistent wide width
-                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": h !== !1 && !G && ve,
+                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": h !== !1 && !$ && ve,
                   // 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": h !== !1 && !G && !ve
+                  "flex flex-col w-full lg:flex-1 lg:max-w-2xl": h !== !1 && !$ && !ve
                 }
               ),
               children: /* @__PURE__ */ e(
                 at,
                 {
                   onChannelSelect: Ce,
-                  selectedChannel: $ || void 0,
+                  selectedChannel: G || void 0,
                   filters: be,
                   channelRenderFilterFn: N,
                   customEmptyStateIndicator: S,
@@ -2257,17 +2249,17 @@ const on = ({
                 "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: G || ve || a,
+                  flex: $ || ve || a,
                   // Normal mode: hide on mobile when no channel selected
-                  "hidden lg:flex": !G && !ve && !a
+                  "hidden lg:flex": !$ && !ve && !a
                 }
               ),
-              children: $ ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
+              children: G ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
                 lt,
                 {
-                  channel: $,
+                  channel: G,
                   onBack: Ne,
-                  showBackButton: !G,
+                  showBackButton: !$,
                   renderMessageInputActions: n,
                   renderConversationFooter: r,
                   renderChannelBanner: x,
@@ -2287,7 +2279,7 @@ const on = ({
                   customChannelActions: f,
                   renderMessage: E
                 },
-                $.id
+                G.id
               ) }) : a ? (
                 // Show loading while creating/loading direct conversation channel
                 /* @__PURE__ */ e(Se, {})