@linktr.ee/messaging-react 1.29.0 → 1.29.1-rc-1776408377

package/dist/Visitor-BcyrCpuF.js

@@ -0,0 +1,196 @@
+import { jsxs as l, jsx as e, Fragment as p } from "react/jsx-runtime";
+import { CheckCircleIcon as T, LockSimpleIcon as y, DownloadSimpleIcon as P, LockOpenIcon as C } from "@phosphor-icons/react";
+import { useState as b, useEffect as L } from "react";
+import { g as D, r as g, M as U } from "./MediaPlayer-Bf-xPB8Z.js";
+const x = (s) => s === "paid" ? C : y, z = (s) => {
+  const { icon: t } = s;
+  return /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/30", children: /* @__PURE__ */ e("div", { className: "absolute left-3 top-3 flex size-8 items-center justify-center rounded-full bg-black/60", children: /* @__PURE__ */ e(t, { className: "size-4 text-white", weight: "fill" }) }) });
+}, I = (s) => {
+  const { thumbnail: t, mimeType: n, LockIcon: a } = s;
+  return /* @__PURE__ */ l("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: [
+    t ? /* @__PURE__ */ e(
+      "img",
+      {
+        src: t,
+        alt: "",
+        className: "absolute inset-0 h-full w-full object-cover"
+      }
+    ) : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: g(n, {
+      className: "size-12 text-black/20",
+      weight: "regular"
+    }) }),
+    /* @__PURE__ */ e(z, { icon: a })
+  ] });
+}, M = (s) => {
+  const { source: t, thumbnail: n, mimeType: a, title: c, paymentStatus: i, isLocked: r } = s, [o, d] = b(!1);
+  return L(() => {
+    d(!1);
+  }, [t]), r ? /* @__PURE__ */ e(
+    I,
+    {
+      thumbnail: n,
+      mimeType: a,
+      LockIcon: x(i)
+    }
+  ) : /* @__PURE__ */ e("div", { className: "relative overflow-hidden bg-black/5", children: /* @__PURE__ */ e(
+    "img",
+    {
+      src: t,
+      alt: c,
+      className: `block w-full transition-opacity duration-300 ${o ? "opacity-100" : "opacity-0"}`,
+      onLoad: () => d(!0)
+    }
+  ) });
+}, O = (s) => {
+  const { thumbnail: t, mimeType: n, paymentStatus: a, isLocked: c } = s;
+  return /* @__PURE__ */ l("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: [
+    t ? /* @__PURE__ */ e(
+      "img",
+      {
+        src: t,
+        alt: "",
+        className: "absolute inset-0 h-full w-full object-cover"
+      }
+    ) : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: g(n, {
+      className: "size-12 text-black/20",
+      weight: "regular"
+    }) }),
+    c && /* @__PURE__ */ e(z, { icon: x(a) })
+  ] });
+}, R = (s) => {
+  const { source: t, thumbnail: n, mimeType: a, paymentStatus: c, isLocked: i } = s;
+  return i ? /* @__PURE__ */ e(
+    I,
+    {
+      thumbnail: n,
+      mimeType: a,
+      LockIcon: x(c)
+    }
+  ) : /* @__PURE__ */ e(U, { source: t, mimeType: a, poster: n });
+}, A = () => /* @__PURE__ */ l("span", { className: "flex items-center gap-1", children: [
+  /* @__PURE__ */ e("span", { className: "size-1 rounded-full bg-white animate-bounce [animation-delay:-0.3s]" }),
+  /* @__PURE__ */ e("span", { className: "size-1 rounded-full bg-white animate-bounce [animation-delay:-0.15s]" }),
+  /* @__PURE__ */ e("span", { className: "size-1 rounded-full bg-white animate-bounce" })
+] }), E = (s) => {
+  const { isLocked: t, unlockLoading: n, source: a, onUnlock: c, onDownload: i } = s;
+  return t && c ? /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      onClick: c,
+      disabled: n,
+      className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
+      children: n ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ l(p, { children: [
+        /* @__PURE__ */ e(y, { className: "size-4", weight: "fill" }),
+        "Unlock"
+      ] })
+    }
+  ) : !t && i && a ? /* @__PURE__ */ l(
+    "a",
+    {
+      href: a,
+      onClick: i,
+      className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928]",
+      children: [
+        /* @__PURE__ */ e(P, { className: "size-4", weight: "bold" }),
+        "Download"
+      ]
+    }
+  ) : null;
+}, B = (s) => {
+  const {
+    title: t,
+    amountText: n,
+    thumbnail: a,
+    source: c,
+    mimeType: i = "application/octet-stream",
+    detail: r,
+    onUnlock: o,
+    onDownload: d,
+    paymentStatus: m
+  } = s, [u, k] = b(c), [S, w] = b(!1);
+  L(() => {
+    c !== void 0 && k(c);
+  }, [c]);
+  const f = u === void 0, v = D(i), j = async () => {
+    if (o) {
+      w(!0);
+      try {
+        const N = await o();
+        k(N.source);
+      } catch {
+      } finally {
+        w(!1);
+      }
+    }
+  };
+  let h;
+  return v === "image" ? h = /* @__PURE__ */ e(
+    M,
+    {
+      source: u,
+      thumbnail: a,
+      mimeType: i,
+      title: t,
+      paymentStatus: m,
+      isLocked: f
+    }
+  ) : v === "document" ? h = /* @__PURE__ */ e(
+    O,
+    {
+      thumbnail: a,
+      mimeType: i,
+      paymentStatus: m,
+      isLocked: f
+    }
+  ) : h = /* @__PURE__ */ e(
+    R,
+    {
+      source: u,
+      thumbnail: a,
+      mimeType: i,
+      paymentStatus: m,
+      isLocked: f
+    }
+  ), /* @__PURE__ */ l("div", { className: "w-[280px] select-none overflow-hidden rounded-3xl bg-white shadow-card", children: [
+    h,
+    /* @__PURE__ */ l("div", { className: "px-4 pb-3 pt-3", children: [
+      /* @__PURE__ */ e("p", { className: "mb-1.5 truncate text-base font-medium text-black", children: t }),
+      /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
+        g(i, {
+          className: "size-5 shrink-0 text-black/55",
+          weight: "regular"
+        }),
+        r && /* @__PURE__ */ e("span", { className: "text-xs font-medium text-black/55", children: r }),
+        m === "paid" ? /* @__PURE__ */ l(p, { children: [
+          /* @__PURE__ */ e("span", { className: "text-xs font-medium text-black/55", children: "•" }),
+          /* @__PURE__ */ e("span", { className: "text-xs font-medium text-[#008236]", children: "Purchased" }),
+          /* @__PURE__ */ e(
+            T,
+            {
+              className: "size-4 text-[#008236]",
+              weight: "bold"
+            }
+          )
+        ] }) : n && /* @__PURE__ */ l(p, { children: [
+          /* @__PURE__ */ e("span", { className: "text-xs font-medium text-black/55", children: "•" }),
+          /* @__PURE__ */ e("span", { className: "text-xs font-medium text-black/55", children: n })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(
+        E,
+        {
+          isLocked: f,
+          unlockLoading: S,
+          source: u,
+          onUnlock: o ? j : void 0,
+          onDownload: d
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  B as default
+};
+//# sourceMappingURL=Visitor-BcyrCpuF.js.map

package/dist/Visitor-BcyrCpuF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Visitor-BcyrCpuF.js","sources":["../src/components/LockedAttachment/components/Visitor.tsx"],"sourcesContent":["import {\n  CheckCircleIcon,\n  DownloadSimpleIcon,\n  LockOpenIcon,\n  LockSimpleIcon,\n} from '@phosphor-icons/react'\nimport React, { useEffect, useState } from 'react'\n\nimport { isDevBuild } from '../../../utils/isDevBuild'\nimport type {\n  LockedAttachmentBaseProps,\n  LockedAttachmentSource,\n  PaymentStatus,\n} from '../types'\nimport { renderTypeIcon } from '../utils/icons'\nimport { getSourceType } from '../utils/mimeType'\n\nimport MediaPlayer from './MediaPlayer'\n\nexport interface VisitorCardProps extends LockedAttachmentBaseProps {\n  /**\n   * Called when the visitor clicks Unlock. Return the resolved source URL.\n   * The component manages loading state and sets source internally on resolution.\n   * Omit to hide the Unlock button.\n   */\n  onUnlock?: () => Promise<LockedAttachmentSource>\n  /** Called when the visitor clicks Download on an unlocked card. */\n  onDownload?: () => void \n}\n\nconst getLockIcon = (paymentStatus?: PaymentStatus): React.ElementType =>\n  paymentStatus === 'paid' ? LockOpenIcon : LockSimpleIcon\n\n\ninterface LockOverlayProps {\n  icon: React.ElementType\n}\n\nconst LockOverlay: React.FC<LockOverlayProps> = (props) => {\n  const { icon: Icon } = props\n  return (\n    <div className=\"absolute inset-0 bg-black/30\">\n      <div className=\"absolute left-3 top-3 flex size-8 items-center justify-center rounded-full bg-black/60\">\n        <Icon className=\"size-4 text-white\" weight=\"fill\" />\n      </div>\n    </div>\n  )\n}\n\ninterface LockedPreviewProps {\n  thumbnail?: string\n  mimeType: string\n  LockIcon: React.ElementType\n}\n\nconst LockedPreview: React.FC<LockedPreviewProps> = (props) => {\n  const { thumbnail, mimeType, LockIcon } = props\n  return (\n    <div className=\"relative aspect-video overflow-hidden bg-black/5\">\n      {thumbnail ? (\n        <img\n          src={thumbnail}\n          alt=\"\"\n          className=\"absolute inset-0 h-full w-full object-cover\"\n        />\n      ) : (\n        <div className=\"absolute inset-0 flex items-center justify-center\">\n          {renderTypeIcon(mimeType, {\n            className: 'size-12 text-black/20',\n            weight: 'regular',\n          })}\n        </div>\n      )}\n      <LockOverlay icon={LockIcon} />\n    </div>\n  )\n}\n\n\ninterface ImagePreviewProps {\n  source?: string\n  thumbnail?: string\n  mimeType: string\n  title?: string\n  paymentStatus?: PaymentStatus\n  isLocked: boolean\n}\n\nconst ImagePreview: React.FC<ImagePreviewProps> = (props) => {\n  const { source, thumbnail, mimeType, title, paymentStatus, isLocked } = props\n  const [sourceReady, setSourceReady] = useState(false)\n\n  useEffect(() => {\n    setSourceReady(false)\n  }, [source])\n\n  if (isLocked) {\n    return (\n      <LockedPreview\n        thumbnail={thumbnail}\n        mimeType={mimeType}\n        LockIcon={getLockIcon(paymentStatus)}\n      />\n    )\n  }\n\n  return (\n    <div className=\"relative overflow-hidden bg-black/5\">\n      <img\n        src={source}\n        alt={title}\n        className={`block w-full transition-opacity duration-300 ${sourceReady ? 'opacity-100' : 'opacity-0'}`}\n        onLoad={() => setSourceReady(true)}\n      />\n    </div>\n  )\n}\n\ninterface DocumentPreviewProps {\n  thumbnail?: string\n  mimeType: string\n  paymentStatus?: PaymentStatus\n  isLocked: boolean\n}\n\nconst DocumentPreview: React.FC<DocumentPreviewProps> = (props) => {\n  const { thumbnail, mimeType, paymentStatus, isLocked } = props\n  return (\n    <div className=\"relative aspect-video overflow-hidden bg-black/5\">\n      {thumbnail ? (\n        <img\n          src={thumbnail}\n          alt=\"\"\n          className=\"absolute inset-0 h-full w-full object-cover\"\n        />\n      ) : (\n        <div className=\"absolute inset-0 flex items-center justify-center\">\n          {renderTypeIcon(mimeType, {\n            className: 'size-12 text-black/20',\n            weight: 'regular',\n          })}\n        </div>\n      )}\n      {isLocked && <LockOverlay icon={getLockIcon(paymentStatus)} />}\n    </div>\n  )\n}\n\ninterface MediaPreviewProps {\n  source?: string\n  thumbnail?: string\n  mimeType: string\n  paymentStatus?: PaymentStatus\n  isLocked: boolean\n}\n\nconst MediaPreview: React.FC<MediaPreviewProps> = (props) => {\n  const { source, thumbnail, mimeType, paymentStatus, isLocked } = props\n  if (isLocked) {\n    return (\n      <LockedPreview\n        thumbnail={thumbnail}\n        mimeType={mimeType}\n        LockIcon={getLockIcon(paymentStatus)}\n      />\n    )\n  }\n  return <MediaPlayer source={source!} mimeType={mimeType} poster={thumbnail} />\n}\n\n\nconst LoadingDots = () => (\n  <span className=\"flex items-center gap-1\">\n    <span className=\"size-1 rounded-full bg-white animate-bounce [animation-delay:-0.3s]\" />\n    <span className=\"size-1 rounded-full bg-white animate-bounce [animation-delay:-0.15s]\" />\n    <span className=\"size-1 rounded-full bg-white animate-bounce\" />\n  </span>\n)\n\ninterface CardActionsProps {\n  isLocked: boolean\n  unlockLoading: boolean\n  source?: string\n  onUnlock?: () => void\n  onDownload?: () => void\n}\n\nconst CardActions: React.FC<CardActionsProps> = (props) => {\n  const { isLocked, unlockLoading, source, onUnlock, onDownload } = props\n\n  if (isLocked && onUnlock) {\n    return (\n      <button\n        type=\"button\"\n        onClick={onUnlock}\n        disabled={unlockLoading}\n        className=\"mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70\"\n      >\n        {unlockLoading ? (\n          <LoadingDots />\n        ) : (\n          <>\n            <LockSimpleIcon className=\"size-4\" weight=\"fill\" />\n            Unlock\n          </>\n        )}\n      </button>\n    )\n  }\n\n  if (!isLocked && onDownload && source) {\n    return (\n      <a\n        href={source}\n        onClick={onDownload}\n        className=\"mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928]\"\n      >\n        <DownloadSimpleIcon className=\"size-4\" weight=\"bold\" />\n        Download\n      </a>\n    )\n  }\n\n  return null\n}\n\n\nconst VisitorCard: React.FC<VisitorCardProps> = (props) => {\n  const {\n    title,\n    amountText,\n    thumbnail,\n    source: sourceProp,\n    mimeType = 'application/octet-stream',\n    detail,\n    onUnlock,\n    onDownload,\n    paymentStatus,\n  } = props\n  const [source, setSource] = useState(sourceProp)\n  const [unlockLoading, setUnlockLoading] = useState(false)\n\n  useEffect(() => {\n    if (sourceProp !== undefined) setSource(sourceProp)\n  }, [sourceProp])\n\n  const isLocked = source === undefined\n  const sourceType = getSourceType(mimeType)\n\n  const handleUnlock = async () => {\n    if (!onUnlock) return\n    setUnlockLoading(true)\n    try {\n      const result = await onUnlock()\n      setSource(result.source)\n    } catch (err) {\n      if (isDevBuild()) console.debug('[LockedAttachment] onUnlock failed', err)\n    } finally {\n      setUnlockLoading(false)\n    }\n  }\n\n  let mediaPreview: React.ReactNode\n  if (sourceType === 'image') {\n    mediaPreview = (\n      <ImagePreview\n        source={source}\n        thumbnail={thumbnail}\n        mimeType={mimeType}\n        title={title}\n        paymentStatus={paymentStatus}\n        isLocked={isLocked}\n      />\n    )\n  } else if (sourceType === 'document') {\n    mediaPreview = (\n      <DocumentPreview\n        thumbnail={thumbnail}\n        mimeType={mimeType}\n        paymentStatus={paymentStatus}\n        isLocked={isLocked}\n      />\n    )\n  } else {\n    mediaPreview = (\n      <MediaPreview\n        source={source}\n        thumbnail={thumbnail}\n        mimeType={mimeType}\n        paymentStatus={paymentStatus}\n        isLocked={isLocked}\n      />\n    )\n  }\n\n  return (\n    <div className=\"w-[280px] select-none overflow-hidden rounded-3xl bg-white shadow-card\">\n      {mediaPreview}\n      <div className=\"px-4 pb-3 pt-3\">\n        <p className=\"mb-1.5 truncate text-base font-medium text-black\">\n          {title}\n        </p>\n        <div className=\"flex items-center gap-1\">\n          {renderTypeIcon(mimeType, {\n            className: 'size-5 shrink-0 text-black/55',\n            weight: 'regular',\n          })}\n          {detail && (\n            <span className=\"text-xs font-medium text-black/55\">{detail}</span>\n          )}\n          {paymentStatus === 'paid' ? (\n            <>\n              <span className=\"text-xs font-medium text-black/55\">•</span>\n              <span className=\"text-xs font-medium text-[#008236]\">\n                Purchased\n              </span>\n              <CheckCircleIcon\n                className=\"size-4 text-[#008236]\"\n                weight=\"bold\"\n              />\n            </>\n          ) : (\n            amountText && (\n              <>\n                <span className=\"text-xs font-medium text-black/55\">•</span>\n                <span className=\"text-xs font-medium text-black/55\">\n                  {amountText}\n                </span>\n              </>\n            )\n          )}\n        </div>\n        <CardActions\n          isLocked={isLocked}\n          unlockLoading={unlockLoading}\n          source={source}\n          onUnlock={onUnlock ? handleUnlock : undefined}\n          onDownload={onDownload}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default VisitorCard\n"],"names":["getLockIcon","paymentStatus","LockOpenIcon","LockSimpleIcon","LockOverlay","props","Icon","jsx","LockedPreview","thumbnail","mimeType","LockIcon","jsxs","ImagePreview","source","title","isLocked","sourceReady","setSourceReady","useState","useEffect","DocumentPreview","MediaPreview","MediaPlayer","LoadingDots","CardActions","unlockLoading","onUnlock","onDownload","Fragment","DownloadSimpleIcon","VisitorCard","amountText","sourceProp","detail","setSource","setUnlockLoading","sourceType","getSourceType","handleUnlock","result","mediaPreview","renderTypeIcon","CheckCircleIcon"],"mappings":"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"}

package/dist/index.d.ts

@@ -524,11 +524,8 @@ declare interface VisitorCardProps extends LockedAttachmentBaseProps {
      * Omit to hide the Unlock button.
      */
     onUnlock?: () => Promise<LockedAttachmentSource>;
-    /**
-     * Called when the visitor clicks Download on an unlocked card.
-     * May return a Promise — if so, the component shows a loader until it resolves.
-     */
-    onDownload?: () => void | Promise<void>;
+    /** Called when the visitor clicks Download on an unlocked card. */
+    onDownload?: () => void;
 }
 
 export declare type VoteSelection = 'up' | 'down' | null;

package/dist/index.js

@@ -835,7 +835,7 @@ function ws(t) {
   }, [s, n == null ? void 0 : n.userID, t.id, o]);
   return { selected: o, voteUp: l, voteDown: d };
 }
-const _s = F.lazy(() => import("./Creator-VyMyIk2b.js")), Es = F.lazy(() => import("./Visitor-C4WqnN8H.js")), Je = () => /* @__PURE__ */ e(
+const _s = F.lazy(() => import("./Creator-VyMyIk2b.js")), Es = F.lazy(() => import("./Visitor-BcyrCpuF.js")), Je = () => /* @__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)]",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "1.29.0",
+  "version": "1.29.1-rc-1776408377",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.js",
@@ -33,10 +33,9 @@
     "storybook:build": "storybook build"
   },
   "dependencies": {
-    "@linktr.ee/component-library": "*",
-    "@linktr.ee/messaging-core": "^1.5.0",
-    "@phosphor-icons/react": "^2.1.9",
-    "stream-chat-react": "^13.12.0"
+    "@linktr.ee/component-library": "12.1.4",
+    "@linktr.ee/messaging-core": "^1.7.1",
+    "@phosphor-icons/react": "^2.1.10"
   },
   "devDependencies": {
     "@storybook/addon-essentials": "^8.5.0",
@@ -62,6 +61,7 @@
     "react-dom": "^18.3.1",
     "storybook": "^8.5.0",
     "stream-chat": "^9.26.0",
+    "stream-chat-react": "^13.12.0",
     "tailwindcss": "^3.4.17",
     "tailwindcss-animate": "^1.0.7",
     "typescript": "5.9.2",

package/src/components/LockedAttachment/LockedAttachment.stories.tsx

@@ -182,7 +182,7 @@ export const Visitor: StoryFn = () => (
               detail={detail}
               amountText="AU$9.99"
               paymentStatus="paid"
-              onDownload={() => new Promise((resolve) => setTimeout(resolve, 2000))}
+              onDownload={() => {}}
             />
           </td>
         ))}

package/src/components/LockedAttachment/components/Visitor.tsx

@@ -24,11 +24,8 @@ export interface VisitorCardProps extends LockedAttachmentBaseProps {
    * Omit to hide the Unlock button.
    */
   onUnlock?: () => Promise<LockedAttachmentSource>
-  /**
-   * Called when the visitor clicks Download on an unlocked card.
-   * May return a Promise — if so, the component shows a loader until it resolves.
-   */
-  onDownload?: () => void | Promise<void>
+  /** Called when the visitor clicks Download on an unlocked card. */
+  onDownload?: () => void 
 }
 
 const getLockIcon = (paymentStatus?: PaymentStatus): React.ElementType =>
@@ -37,23 +34,14 @@ const getLockIcon = (paymentStatus?: PaymentStatus): React.ElementType =>
 
 interface LockOverlayProps {
   icon: React.ElementType
-  loading?: boolean
 }
 
 const LockOverlay: React.FC<LockOverlayProps> = (props) => {
-  const { icon: Icon, loading } = props
+  const { icon: Icon } = props
   return (
     <div className="absolute inset-0 bg-black/30">
       <div className="absolute left-3 top-3 flex size-8 items-center justify-center rounded-full bg-black/60">
-        {loading ? (
-          <span className="flex items-center gap-[2px]">
-            <span className="size-1 rounded-full bg-white animate-bounce [animation-delay:-0.3s]" />
-            <span className="size-1 rounded-full bg-white animate-bounce [animation-delay:-0.15s]" />
-            <span className="size-1 rounded-full bg-white animate-bounce" />
-          </span>
-        ) : (
-          <Icon className="size-4 text-white" weight="fill" />
-        )}
+        <Icon className="size-4 text-white" weight="fill" />
       </div>
     </div>
   )
@@ -63,11 +51,10 @@ interface LockedPreviewProps {
   thumbnail?: string
   mimeType: string
   LockIcon: React.ElementType
-  loading?: boolean
 }
 
 const LockedPreview: React.FC<LockedPreviewProps> = (props) => {
-  const { thumbnail, mimeType, LockIcon, loading } = props
+  const { thumbnail, mimeType, LockIcon } = props
   return (
     <div className="relative aspect-video overflow-hidden bg-black/5">
       {thumbnail ? (
@@ -84,7 +71,7 @@ const LockedPreview: React.FC<LockedPreviewProps> = (props) => {
           })}
         </div>
       )}
-      <LockOverlay icon={LockIcon} loading={loading} />
+      <LockOverlay icon={LockIcon} />
     </div>
   )
 }
@@ -97,11 +84,10 @@ interface ImagePreviewProps {
   title?: string
   paymentStatus?: PaymentStatus
   isLocked: boolean
-  loading?: boolean
 }
 
 const ImagePreview: React.FC<ImagePreviewProps> = (props) => {
-  const { source, thumbnail, mimeType, title, paymentStatus, isLocked, loading } = props
+  const { source, thumbnail, mimeType, title, paymentStatus, isLocked } = props
   const [sourceReady, setSourceReady] = useState(false)
 
   useEffect(() => {
@@ -114,7 +100,6 @@ const ImagePreview: React.FC<ImagePreviewProps> = (props) => {
         thumbnail={thumbnail}
         mimeType={mimeType}
         LockIcon={getLockIcon(paymentStatus)}
-        loading={loading}
       />
     )
   }
@@ -136,11 +121,10 @@ interface DocumentPreviewProps {
   mimeType: string
   paymentStatus?: PaymentStatus
   isLocked: boolean
-  loading?: boolean
 }
 
 const DocumentPreview: React.FC<DocumentPreviewProps> = (props) => {
-  const { thumbnail, mimeType, paymentStatus, isLocked, loading } = props
+  const { thumbnail, mimeType, paymentStatus, isLocked } = props
   return (
     <div className="relative aspect-video overflow-hidden bg-black/5">
       {thumbnail ? (
@@ -157,7 +141,7 @@ const DocumentPreview: React.FC<DocumentPreviewProps> = (props) => {
           })}
         </div>
       )}
-      {isLocked && <LockOverlay icon={getLockIcon(paymentStatus)} loading={loading} />}
+      {isLocked && <LockOverlay icon={getLockIcon(paymentStatus)} />}
     </div>
   )
 }
@@ -168,18 +152,16 @@ interface MediaPreviewProps {
   mimeType: string
   paymentStatus?: PaymentStatus
   isLocked: boolean
-  loading?: boolean
 }
 
 const MediaPreview: React.FC<MediaPreviewProps> = (props) => {
-  const { source, thumbnail, mimeType, paymentStatus, isLocked, loading } = props
+  const { source, thumbnail, mimeType, paymentStatus, isLocked } = props
   if (isLocked) {
     return (
       <LockedPreview
         thumbnail={thumbnail}
         mimeType={mimeType}
         LockIcon={getLockIcon(paymentStatus)}
-        loading={loading}
       />
     )
   }
@@ -198,16 +180,13 @@ const LoadingDots = () => (
 interface CardActionsProps {
   isLocked: boolean
   unlockLoading: boolean
-  downloadLoading: boolean
-  paymentStatus?: PaymentStatus
   source?: string
   onUnlock?: () => void
   onDownload?: () => void
 }
 
 const CardActions: React.FC<CardActionsProps> = (props) => {
-  const { isLocked, unlockLoading, downloadLoading, paymentStatus, source, onUnlock, onDownload } = props
-  const LockIcon = getLockIcon(paymentStatus)
+  const { isLocked, unlockLoading, source, onUnlock, onDownload } = props
 
   if (isLocked && onUnlock) {
     return (
@@ -215,18 +194,14 @@ const CardActions: React.FC<CardActionsProps> = (props) => {
         type="button"
         onClick={onUnlock}
         disabled={unlockLoading}
-        className="mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white disabled:opacity-70"
+        className="mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70"
       >
         {unlockLoading ? (
           <LoadingDots />
         ) : (
           <>
-            {paymentStatus === 'paid' ? (
-              <LockOpenIcon className="size-4" weight="fill" />
-            ) : (
-              <LockIcon className="size-4" weight="fill" />
-            )}
-            {paymentStatus === 'paid' ? 'Open' : 'Unlock'}
+            <LockSimpleIcon className="size-4" weight="fill" />
+            Unlock
           </>
         )}
       </button>
@@ -235,21 +210,14 @@ const CardActions: React.FC<CardActionsProps> = (props) => {
 
   if (!isLocked && onDownload && source) {
     return (
-      <button
-        type="button"
+      <a
+        href={source}
         onClick={onDownload}
-        disabled={downloadLoading}
-        className="mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white disabled:opacity-70"
+        className="mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928]"
       >
-        {downloadLoading ? (
-          <LoadingDots />
-        ) : (
-          <>
-            <DownloadSimpleIcon className="size-4" weight="bold" />
-            Download
-          </>
-        )}
-      </button>
+        <DownloadSimpleIcon className="size-4" weight="bold" />
+        Download
+      </a>
     )
   }
 
@@ -271,7 +239,6 @@ const VisitorCard: React.FC<VisitorCardProps> = (props) => {
   } = props
   const [source, setSource] = useState(sourceProp)
   const [unlockLoading, setUnlockLoading] = useState(false)
-  const [downloadLoading, setDownloadLoading] = useState(false)
 
   useEffect(() => {
     if (sourceProp !== undefined) setSource(sourceProp)
@@ -293,18 +260,6 @@ const VisitorCard: React.FC<VisitorCardProps> = (props) => {
     }
   }
 
-  const handleDownload = async () => {
-    if (!onDownload) return
-    setDownloadLoading(true)
-    try {
-      await onDownload()
-    } catch (err) {
-      if (isDevBuild()) console.debug('[LockedAttachment] onDownload failed', err)
-    } finally {
-      setDownloadLoading(false)
-    }
-  }
-
   let mediaPreview: React.ReactNode
   if (sourceType === 'image') {
     mediaPreview = (
@@ -315,7 +270,6 @@ const VisitorCard: React.FC<VisitorCardProps> = (props) => {
         title={title}
         paymentStatus={paymentStatus}
         isLocked={isLocked}
-        loading={unlockLoading}
       />
     )
   } else if (sourceType === 'document') {
@@ -325,7 +279,6 @@ const VisitorCard: React.FC<VisitorCardProps> = (props) => {
         mimeType={mimeType}
         paymentStatus={paymentStatus}
         isLocked={isLocked}
-        loading={unlockLoading}
       />
     )
   } else {
@@ -336,7 +289,6 @@ const VisitorCard: React.FC<VisitorCardProps> = (props) => {
         mimeType={mimeType}
         paymentStatus={paymentStatus}
         isLocked={isLocked}
-        loading={unlockLoading}
       />
     )
   }
@@ -381,11 +333,9 @@ const VisitorCard: React.FC<VisitorCardProps> = (props) => {
         <CardActions
           isLocked={isLocked}
           unlockLoading={unlockLoading}
-          downloadLoading={downloadLoading}
-          paymentStatus={paymentStatus}
           source={source}
           onUnlock={onUnlock ? handleUnlock : undefined}
-          onDownload={onDownload ? handleDownload : undefined}
+          onDownload={onDownload}
         />
       </div>
     </div>

package/dist/Visitor-C4WqnN8H.js

@@ -1,218 +0,0 @@
-import { jsxs as o, jsx as e, Fragment as g } from "react/jsx-runtime";
-import { CheckCircleIcon as U, LockOpenIcon as I, DownloadSimpleIcon as M, LockSimpleIcon as O } from "@phosphor-icons/react";
-import { useState as b, useEffect as S } from "react";
-import { g as R, r as k, M as A } from "./MediaPlayer-Bf-xPB8Z.js";
-const w = (s) => s === "paid" ? I : O, j = (s) => {
-  const { icon: t, loading: a } = s;
-  return /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/30", children: /* @__PURE__ */ e("div", { className: "absolute left-3 top-3 flex size-8 items-center justify-center rounded-full bg-black/60", children: a ? /* @__PURE__ */ o("span", { className: "flex items-center gap-[2px]", children: [
-    /* @__PURE__ */ e("span", { className: "size-1 rounded-full bg-white animate-bounce [animation-delay:-0.3s]" }),
-    /* @__PURE__ */ e("span", { className: "size-1 rounded-full bg-white animate-bounce [animation-delay:-0.15s]" }),
-    /* @__PURE__ */ e("span", { className: "size-1 rounded-full bg-white animate-bounce" })
-  ] }) : /* @__PURE__ */ e(t, { className: "size-4 text-white", weight: "fill" }) }) });
-}, D = (s) => {
-  const { thumbnail: t, mimeType: a, LockIcon: i, loading: n } = s;
-  return /* @__PURE__ */ o("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: [
-    t ? /* @__PURE__ */ e(
-      "img",
-      {
-        src: t,
-        alt: "",
-        className: "absolute inset-0 h-full w-full object-cover"
-      }
-    ) : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: k(a, {
-      className: "size-12 text-black/20",
-      weight: "regular"
-    }) }),
-    /* @__PURE__ */ e(j, { icon: i, loading: n })
-  ] });
-}, E = (s) => {
-  const { source: t, thumbnail: a, mimeType: i, title: n, paymentStatus: l, isLocked: c, loading: d } = s, [m, r] = b(!1);
-  return S(() => {
-    r(!1);
-  }, [t]), c ? /* @__PURE__ */ e(
-    D,
-    {
-      thumbnail: a,
-      mimeType: i,
-      LockIcon: w(l),
-      loading: d
-    }
-  ) : /* @__PURE__ */ e("div", { className: "relative overflow-hidden bg-black/5", children: /* @__PURE__ */ e(
-    "img",
-    {
-      src: t,
-      alt: n,
-      className: `block w-full transition-opacity duration-300 ${m ? "opacity-100" : "opacity-0"}`,
-      onLoad: () => r(!0)
-    }
-  ) });
-}, F = (s) => {
-  const { thumbnail: t, mimeType: a, paymentStatus: i, isLocked: n, loading: l } = s;
-  return /* @__PURE__ */ o("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: [
-    t ? /* @__PURE__ */ e(
-      "img",
-      {
-        src: t,
-        alt: "",
-        className: "absolute inset-0 h-full w-full object-cover"
-      }
-    ) : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: k(a, {
-      className: "size-12 text-black/20",
-      weight: "regular"
-    }) }),
-    n && /* @__PURE__ */ e(j, { icon: w(i), loading: l })
-  ] });
-}, V = (s) => {
-  const { source: t, thumbnail: a, mimeType: i, paymentStatus: n, isLocked: l, loading: c } = s;
-  return l ? /* @__PURE__ */ e(
-    D,
-    {
-      thumbnail: a,
-      mimeType: i,
-      LockIcon: w(n),
-      loading: c
-    }
-  ) : /* @__PURE__ */ e(A, { source: t, mimeType: i, poster: a });
-}, z = () => /* @__PURE__ */ o("span", { className: "flex items-center gap-1", children: [
-  /* @__PURE__ */ e("span", { className: "size-1 rounded-full bg-white animate-bounce [animation-delay:-0.3s]" }),
-  /* @__PURE__ */ e("span", { className: "size-1 rounded-full bg-white animate-bounce [animation-delay:-0.15s]" }),
-  /* @__PURE__ */ e("span", { className: "size-1 rounded-full bg-white animate-bounce" })
-] }), $ = (s) => {
-  const { isLocked: t, unlockLoading: a, downloadLoading: i, paymentStatus: n, source: l, onUnlock: c, onDownload: d } = s, m = w(n);
-  return t && c ? /* @__PURE__ */ e(
-    "button",
-    {
-      type: "button",
-      onClick: c,
-      disabled: a,
-      className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white disabled:opacity-70",
-      children: a ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ o(g, { children: [
-        n === "paid" ? /* @__PURE__ */ e(I, { className: "size-4", weight: "fill" }) : /* @__PURE__ */ e(m, { className: "size-4", weight: "fill" }),
-        n === "paid" ? "Open" : "Unlock"
-      ] })
-    }
-  ) : !t && d && l ? /* @__PURE__ */ e(
-    "button",
-    {
-      type: "button",
-      onClick: d,
-      disabled: i,
-      className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white disabled:opacity-70",
-      children: i ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ o(g, { children: [
-        /* @__PURE__ */ e(M, { className: "size-4", weight: "bold" }),
-        "Download"
-      ] })
-    }
-  ) : null;
-}, J = (s) => {
-  const {
-    title: t,
-    amountText: a,
-    thumbnail: i,
-    source: n,
-    mimeType: l = "application/octet-stream",
-    detail: c,
-    onUnlock: d,
-    onDownload: m,
-    paymentStatus: r
-  } = s, [u, y] = b(n), [f, N] = b(!1), [T, v] = b(!1);
-  S(() => {
-    n !== void 0 && y(n);
-  }, [n]);
-  const p = u === void 0, L = R(l), P = async () => {
-    if (d) {
-      N(!0);
-      try {
-        const x = await d();
-        y(x.source);
-      } catch {
-      } finally {
-        N(!1);
-      }
-    }
-  }, C = async () => {
-    if (m) {
-      v(!0);
-      try {
-        await m();
-      } catch {
-      } finally {
-        v(!1);
-      }
-    }
-  };
-  let h;
-  return L === "image" ? h = /* @__PURE__ */ e(
-    E,
-    {
-      source: u,
-      thumbnail: i,
-      mimeType: l,
-      title: t,
-      paymentStatus: r,
-      isLocked: p,
-      loading: f
-    }
-  ) : L === "document" ? h = /* @__PURE__ */ e(
-    F,
-    {
-      thumbnail: i,
-      mimeType: l,
-      paymentStatus: r,
-      isLocked: p,
-      loading: f
-    }
-  ) : h = /* @__PURE__ */ e(
-    V,
-    {
-      source: u,
-      thumbnail: i,
-      mimeType: l,
-      paymentStatus: r,
-      isLocked: p,
-      loading: f
-    }
-  ), /* @__PURE__ */ o("div", { className: "w-[280px] select-none overflow-hidden rounded-3xl bg-white shadow-card", children: [
-    h,
-    /* @__PURE__ */ o("div", { className: "px-4 pb-3 pt-3", children: [
-      /* @__PURE__ */ e("p", { className: "mb-1.5 truncate text-base font-medium text-black", children: t }),
-      /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
-        k(l, {
-          className: "size-5 shrink-0 text-black/55",
-          weight: "regular"
-        }),
-        c && /* @__PURE__ */ e("span", { className: "text-xs font-medium text-black/55", children: c }),
-        r === "paid" ? /* @__PURE__ */ o(g, { children: [
-          /* @__PURE__ */ e("span", { className: "text-xs font-medium text-black/55", children: "•" }),
-          /* @__PURE__ */ e("span", { className: "text-xs font-medium text-[#008236]", children: "Purchased" }),
-          /* @__PURE__ */ e(
-            U,
-            {
-              className: "size-4 text-[#008236]",
-              weight: "bold"
-            }
-          )
-        ] }) : a && /* @__PURE__ */ o(g, { children: [
-          /* @__PURE__ */ e("span", { className: "text-xs font-medium text-black/55", children: "•" }),
-          /* @__PURE__ */ e("span", { className: "text-xs font-medium text-black/55", children: a })
-        ] })
-      ] }),
-      /* @__PURE__ */ e(
-        $,
-        {
-          isLocked: p,
-          unlockLoading: f,
-          downloadLoading: T,
-          paymentStatus: r,
-          source: u,
-          onUnlock: d ? P : void 0,
-          onDownload: m ? C : void 0
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  J as default
-};
-//# sourceMappingURL=Visitor-C4WqnN8H.js.map

package/dist/Visitor-C4WqnN8H.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Visitor-C4WqnN8H.js","sources":["../src/components/LockedAttachment/components/Visitor.tsx"],"sourcesContent":["import {\n  CheckCircleIcon,\n  DownloadSimpleIcon,\n  LockOpenIcon,\n  LockSimpleIcon,\n} from '@phosphor-icons/react'\nimport React, { useEffect, useState } from 'react'\n\nimport { isDevBuild } from '../../../utils/isDevBuild'\nimport type {\n  LockedAttachmentBaseProps,\n  LockedAttachmentSource,\n  PaymentStatus,\n} from '../types'\nimport { renderTypeIcon } from '../utils/icons'\nimport { getSourceType } from '../utils/mimeType'\n\nimport MediaPlayer from './MediaPlayer'\n\nexport interface VisitorCardProps extends LockedAttachmentBaseProps {\n  /**\n   * Called when the visitor clicks Unlock. Return the resolved source URL.\n   * The component manages loading state and sets source internally on resolution.\n   * Omit to hide the Unlock button.\n   */\n  onUnlock?: () => Promise<LockedAttachmentSource>\n  /**\n   * Called when the visitor clicks Download on an unlocked card.\n   * May return a Promise — if so, the component shows a loader until it resolves.\n   */\n  onDownload?: () => void | Promise<void>\n}\n\nconst getLockIcon = (paymentStatus?: PaymentStatus): React.ElementType =>\n  paymentStatus === 'paid' ? LockOpenIcon : LockSimpleIcon\n\n\ninterface LockOverlayProps {\n  icon: React.ElementType\n  loading?: boolean\n}\n\nconst LockOverlay: React.FC<LockOverlayProps> = (props) => {\n  const { icon: Icon, loading } = props\n  return (\n    <div className=\"absolute inset-0 bg-black/30\">\n      <div className=\"absolute left-3 top-3 flex size-8 items-center justify-center rounded-full bg-black/60\">\n        {loading ? (\n          <span className=\"flex items-center gap-[2px]\">\n            <span className=\"size-1 rounded-full bg-white animate-bounce [animation-delay:-0.3s]\" />\n            <span className=\"size-1 rounded-full bg-white animate-bounce [animation-delay:-0.15s]\" />\n            <span className=\"size-1 rounded-full bg-white animate-bounce\" />\n          </span>\n        ) : (\n          <Icon className=\"size-4 text-white\" weight=\"fill\" />\n        )}\n      </div>\n    </div>\n  )\n}\n\ninterface LockedPreviewProps {\n  thumbnail?: string\n  mimeType: string\n  LockIcon: React.ElementType\n  loading?: boolean\n}\n\nconst LockedPreview: React.FC<LockedPreviewProps> = (props) => {\n  const { thumbnail, mimeType, LockIcon, loading } = props\n  return (\n    <div className=\"relative aspect-video overflow-hidden bg-black/5\">\n      {thumbnail ? (\n        <img\n          src={thumbnail}\n          alt=\"\"\n          className=\"absolute inset-0 h-full w-full object-cover\"\n        />\n      ) : (\n        <div className=\"absolute inset-0 flex items-center justify-center\">\n          {renderTypeIcon(mimeType, {\n            className: 'size-12 text-black/20',\n            weight: 'regular',\n          })}\n        </div>\n      )}\n      <LockOverlay icon={LockIcon} loading={loading} />\n    </div>\n  )\n}\n\n\ninterface ImagePreviewProps {\n  source?: string\n  thumbnail?: string\n  mimeType: string\n  title?: string\n  paymentStatus?: PaymentStatus\n  isLocked: boolean\n  loading?: boolean\n}\n\nconst ImagePreview: React.FC<ImagePreviewProps> = (props) => {\n  const { source, thumbnail, mimeType, title, paymentStatus, isLocked, loading } = props\n  const [sourceReady, setSourceReady] = useState(false)\n\n  useEffect(() => {\n    setSourceReady(false)\n  }, [source])\n\n  if (isLocked) {\n    return (\n      <LockedPreview\n        thumbnail={thumbnail}\n        mimeType={mimeType}\n        LockIcon={getLockIcon(paymentStatus)}\n        loading={loading}\n      />\n    )\n  }\n\n  return (\n    <div className=\"relative overflow-hidden bg-black/5\">\n      <img\n        src={source}\n        alt={title}\n        className={`block w-full transition-opacity duration-300 ${sourceReady ? 'opacity-100' : 'opacity-0'}`}\n        onLoad={() => setSourceReady(true)}\n      />\n    </div>\n  )\n}\n\ninterface DocumentPreviewProps {\n  thumbnail?: string\n  mimeType: string\n  paymentStatus?: PaymentStatus\n  isLocked: boolean\n  loading?: boolean\n}\n\nconst DocumentPreview: React.FC<DocumentPreviewProps> = (props) => {\n  const { thumbnail, mimeType, paymentStatus, isLocked, loading } = props\n  return (\n    <div className=\"relative aspect-video overflow-hidden bg-black/5\">\n      {thumbnail ? (\n        <img\n          src={thumbnail}\n          alt=\"\"\n          className=\"absolute inset-0 h-full w-full object-cover\"\n        />\n      ) : (\n        <div className=\"absolute inset-0 flex items-center justify-center\">\n          {renderTypeIcon(mimeType, {\n            className: 'size-12 text-black/20',\n            weight: 'regular',\n          })}\n        </div>\n      )}\n      {isLocked && <LockOverlay icon={getLockIcon(paymentStatus)} loading={loading} />}\n    </div>\n  )\n}\n\ninterface MediaPreviewProps {\n  source?: string\n  thumbnail?: string\n  mimeType: string\n  paymentStatus?: PaymentStatus\n  isLocked: boolean\n  loading?: boolean\n}\n\nconst MediaPreview: React.FC<MediaPreviewProps> = (props) => {\n  const { source, thumbnail, mimeType, paymentStatus, isLocked, loading } = props\n  if (isLocked) {\n    return (\n      <LockedPreview\n        thumbnail={thumbnail}\n        mimeType={mimeType}\n        LockIcon={getLockIcon(paymentStatus)}\n        loading={loading}\n      />\n    )\n  }\n  return <MediaPlayer source={source!} mimeType={mimeType} poster={thumbnail} />\n}\n\n\nconst LoadingDots = () => (\n  <span className=\"flex items-center gap-1\">\n    <span className=\"size-1 rounded-full bg-white animate-bounce [animation-delay:-0.3s]\" />\n    <span className=\"size-1 rounded-full bg-white animate-bounce [animation-delay:-0.15s]\" />\n    <span className=\"size-1 rounded-full bg-white animate-bounce\" />\n  </span>\n)\n\ninterface CardActionsProps {\n  isLocked: boolean\n  unlockLoading: boolean\n  downloadLoading: boolean\n  paymentStatus?: PaymentStatus\n  source?: string\n  onUnlock?: () => void\n  onDownload?: () => void\n}\n\nconst CardActions: React.FC<CardActionsProps> = (props) => {\n  const { isLocked, unlockLoading, downloadLoading, paymentStatus, source, onUnlock, onDownload } = props\n  const LockIcon = getLockIcon(paymentStatus)\n\n  if (isLocked && onUnlock) {\n    return (\n      <button\n        type=\"button\"\n        onClick={onUnlock}\n        disabled={unlockLoading}\n        className=\"mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white disabled:opacity-70\"\n      >\n        {unlockLoading ? (\n          <LoadingDots />\n        ) : (\n          <>\n            {paymentStatus === 'paid' ? (\n              <LockOpenIcon className=\"size-4\" weight=\"fill\" />\n            ) : (\n              <LockIcon className=\"size-4\" weight=\"fill\" />\n            )}\n            {paymentStatus === 'paid' ? 'Open' : 'Unlock'}\n          </>\n        )}\n      </button>\n    )\n  }\n\n  if (!isLocked && onDownload && source) {\n    return (\n      <button\n        type=\"button\"\n        onClick={onDownload}\n        disabled={downloadLoading}\n        className=\"mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white disabled:opacity-70\"\n      >\n        {downloadLoading ? (\n          <LoadingDots />\n        ) : (\n          <>\n            <DownloadSimpleIcon className=\"size-4\" weight=\"bold\" />\n            Download\n          </>\n        )}\n      </button>\n    )\n  }\n\n  return null\n}\n\n\nconst VisitorCard: React.FC<VisitorCardProps> = (props) => {\n  const {\n    title,\n    amountText,\n    thumbnail,\n    source: sourceProp,\n    mimeType = 'application/octet-stream',\n    detail,\n    onUnlock,\n    onDownload,\n    paymentStatus,\n  } = props\n  const [source, setSource] = useState(sourceProp)\n  const [unlockLoading, setUnlockLoading] = useState(false)\n  const [downloadLoading, setDownloadLoading] = useState(false)\n\n  useEffect(() => {\n    if (sourceProp !== undefined) setSource(sourceProp)\n  }, [sourceProp])\n\n  const isLocked = source === undefined\n  const sourceType = getSourceType(mimeType)\n\n  const handleUnlock = async () => {\n    if (!onUnlock) return\n    setUnlockLoading(true)\n    try {\n      const result = await onUnlock()\n      setSource(result.source)\n    } catch (err) {\n      if (isDevBuild()) console.debug('[LockedAttachment] onUnlock failed', err)\n    } finally {\n      setUnlockLoading(false)\n    }\n  }\n\n  const handleDownload = async () => {\n    if (!onDownload) return\n    setDownloadLoading(true)\n    try {\n      await onDownload()\n    } catch (err) {\n      if (isDevBuild()) console.debug('[LockedAttachment] onDownload failed', err)\n    } finally {\n      setDownloadLoading(false)\n    }\n  }\n\n  let mediaPreview: React.ReactNode\n  if (sourceType === 'image') {\n    mediaPreview = (\n      <ImagePreview\n        source={source}\n        thumbnail={thumbnail}\n        mimeType={mimeType}\n        title={title}\n        paymentStatus={paymentStatus}\n        isLocked={isLocked}\n        loading={unlockLoading}\n      />\n    )\n  } else if (sourceType === 'document') {\n    mediaPreview = (\n      <DocumentPreview\n        thumbnail={thumbnail}\n        mimeType={mimeType}\n        paymentStatus={paymentStatus}\n        isLocked={isLocked}\n        loading={unlockLoading}\n      />\n    )\n  } else {\n    mediaPreview = (\n      <MediaPreview\n        source={source}\n        thumbnail={thumbnail}\n        mimeType={mimeType}\n        paymentStatus={paymentStatus}\n        isLocked={isLocked}\n        loading={unlockLoading}\n      />\n    )\n  }\n\n  return (\n    <div className=\"w-[280px] select-none overflow-hidden rounded-3xl bg-white shadow-card\">\n      {mediaPreview}\n      <div className=\"px-4 pb-3 pt-3\">\n        <p className=\"mb-1.5 truncate text-base font-medium text-black\">\n          {title}\n        </p>\n        <div className=\"flex items-center gap-1\">\n          {renderTypeIcon(mimeType, {\n            className: 'size-5 shrink-0 text-black/55',\n            weight: 'regular',\n          })}\n          {detail && (\n            <span className=\"text-xs font-medium text-black/55\">{detail}</span>\n          )}\n          {paymentStatus === 'paid' ? (\n            <>\n              <span className=\"text-xs font-medium text-black/55\">•</span>\n              <span className=\"text-xs font-medium text-[#008236]\">\n                Purchased\n              </span>\n              <CheckCircleIcon\n                className=\"size-4 text-[#008236]\"\n                weight=\"bold\"\n              />\n            </>\n          ) : (\n            amountText && (\n              <>\n                <span className=\"text-xs font-medium text-black/55\">•</span>\n                <span className=\"text-xs font-medium text-black/55\">\n                  {amountText}\n                </span>\n              </>\n            )\n          )}\n        </div>\n        <CardActions\n          isLocked={isLocked}\n          unlockLoading={unlockLoading}\n          downloadLoading={downloadLoading}\n          paymentStatus={paymentStatus}\n          source={source}\n          onUnlock={onUnlock ? handleUnlock : undefined}\n          onDownload={onDownload ? handleDownload : undefined}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default VisitorCard\n"],"names":["getLockIcon","paymentStatus","LockOpenIcon","LockSimpleIcon","LockOverlay","props","Icon","loading","jsx","jsxs","LockedPreview","thumbnail","mimeType","LockIcon","ImagePreview","source","title","isLocked","sourceReady","setSourceReady","useState","useEffect","DocumentPreview","MediaPreview","MediaPlayer","LoadingDots","CardActions","unlockLoading","downloadLoading","onUnlock","onDownload","Fragment","DownloadSimpleIcon","VisitorCard","amountText","sourceProp","detail","setSource","setUnlockLoading","setDownloadLoading","sourceType","getSourceType","handleUnlock","result","handleDownload","mediaPreview","renderTypeIcon","CheckCircleIcon"],"mappings":";;;;AAiCA,MAAMA,IAAc,CAACC,MACnBA,MAAkB,SAASC,IAAeC,GAQtCC,IAA0C,CAACC,MAAU;AACzD,QAAM,EAAE,MAAMC,GAAM,SAAAC,EAAA,IAAYF;AAChC,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,0FACZ,UAAAD,IACC,gBAAAE,EAAC,QAAA,EAAK,WAAU,+BACd,UAAA;AAAA,IAAA,gBAAAD,EAAC,QAAA,EAAK,WAAU,sEAAA,CAAsE;AAAA,IACtF,gBAAAA,EAAC,QAAA,EAAK,WAAU,uEAAA,CAAuE;AAAA,IACvF,gBAAAA,EAAC,QAAA,EAAK,WAAU,8CAAA,CAA8C;AAAA,EAAA,EAAA,CAChE,sBAECF,GAAA,EAAK,WAAU,qBAAoB,QAAO,OAAA,CAAO,GAEtD,GACF;AAEJ,GASMI,IAA8C,CAACL,MAAU;AAC7D,QAAM,EAAE,WAAAM,GAAW,UAAAC,GAAU,UAAAC,GAAU,SAAAN,MAAYF;AACnD,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAU,oDACZ,UAAA;AAAA,IAAAE,IACC,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKG;AAAA,QACL,KAAI;AAAA,QACJ,WAAU;AAAA,MAAA;AAAA,IAAA,IAGZ,gBAAAH,EAAC,OAAA,EAAI,WAAU,qDACZ,YAAeI,GAAU;AAAA,MACxB,WAAW;AAAA,MACX,QAAQ;AAAA,IAAA,CACT,GACH;AAAA,IAEF,gBAAAJ,EAACJ,GAAA,EAAY,MAAMS,GAAU,SAAAN,EAAA,CAAkB;AAAA,EAAA,GACjD;AAEJ,GAaMO,IAA4C,CAACT,MAAU;AAC3D,QAAM,EAAE,QAAAU,GAAQ,WAAAJ,GAAW,UAAAC,GAAU,OAAAI,GAAO,eAAAf,GAAe,UAAAgB,GAAU,SAAAV,MAAYF,GAC3E,CAACa,GAAaC,CAAc,IAAIC,EAAS,EAAK;AAMpD,SAJAC,EAAU,MAAM;AACd,IAAAF,EAAe,EAAK;AAAA,EACtB,GAAG,CAACJ,CAAM,CAAC,GAEPE,IAEA,gBAAAT;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAUZ,EAAYC,CAAa;AAAA,MACnC,SAAAM;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAC,EAAC,OAAA,EAAI,WAAU,uCACb,UAAA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKO;AAAA,MACL,KAAKC;AAAA,MACL,WAAW,gDAAgDE,IAAc,gBAAgB,WAAW;AAAA,MACpG,QAAQ,MAAMC,EAAe,EAAI;AAAA,IAAA;AAAA,EAAA,GAErC;AAEJ,GAUMG,IAAkD,CAACjB,MAAU;AACjE,QAAM,EAAE,WAAAM,GAAW,UAAAC,GAAU,eAAAX,GAAe,UAAAgB,GAAU,SAAAV,MAAYF;AAClE,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAU,oDACZ,UAAA;AAAA,IAAAE,IACC,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKG;AAAA,QACL,KAAI;AAAA,QACJ,WAAU;AAAA,MAAA;AAAA,IAAA,IAGZ,gBAAAH,EAAC,OAAA,EAAI,WAAU,qDACZ,YAAeI,GAAU;AAAA,MACxB,WAAW;AAAA,MACX,QAAQ;AAAA,IAAA,CACT,GACH;AAAA,IAEDK,KAAY,gBAAAT,EAACJ,GAAA,EAAY,MAAMJ,EAAYC,CAAa,GAAG,SAAAM,EAAA,CAAkB;AAAA,EAAA,GAChF;AAEJ,GAWMgB,IAA4C,CAAClB,MAAU;AAC3D,QAAM,EAAE,QAAAU,GAAQ,WAAAJ,GAAW,UAAAC,GAAU,eAAAX,GAAe,UAAAgB,GAAU,SAAAV,MAAYF;AAC1E,SAAIY,IAEA,gBAAAT;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAUZ,EAAYC,CAAa;AAAA,MACnC,SAAAM;AAAA,IAAA;AAAA,EAAA,IAIC,gBAAAC,EAACgB,GAAA,EAAY,QAAAT,GAAiB,UAAAH,GAAoB,QAAQD,GAAW;AAC9E,GAGMc,IAAc,MAClB,gBAAAhB,EAAC,QAAA,EAAK,WAAU,2BACd,UAAA;AAAA,EAAA,gBAAAD,EAAC,QAAA,EAAK,WAAU,sEAAA,CAAsE;AAAA,EACtF,gBAAAA,EAAC,QAAA,EAAK,WAAU,uEAAA,CAAuE;AAAA,EACvF,gBAAAA,EAAC,QAAA,EAAK,WAAU,8CAAA,CAA8C;AAAA,GAChE,GAaIkB,IAA0C,CAACrB,MAAU;AACzD,QAAM,EAAE,UAAAY,GAAU,eAAAU,GAAe,iBAAAC,GAAiB,eAAA3B,GAAe,QAAAc,GAAQ,UAAAc,GAAU,YAAAC,MAAezB,GAC5FQ,IAAWb,EAAYC,CAAa;AAE1C,SAAIgB,KAAYY,IAEZ,gBAAArB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASqB;AAAA,MACT,UAAUF;AAAA,MACV,WAAU;AAAA,MAET,UAAAA,IACC,gBAAAnB,EAACiB,GAAA,CAAA,CAAY,IAEb,gBAAAhB,EAAAsB,GAAA,EACG,UAAA;AAAA,QAAA9B,MAAkB,SACjB,gBAAAO,EAACN,GAAA,EAAa,WAAU,UAAS,QAAO,OAAA,CAAO,IAE/C,gBAAAM,EAACK,GAAA,EAAS,WAAU,UAAS,QAAO,QAAO;AAAA,QAE5CZ,MAAkB,SAAS,SAAS;AAAA,MAAA,EAAA,CACvC;AAAA,IAAA;AAAA,EAAA,IAMJ,CAACgB,KAAYa,KAAcf,IAE3B,gBAAAP;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASsB;AAAA,MACT,UAAUF;AAAA,MACV,WAAU;AAAA,MAET,UAAAA,IACC,gBAAApB,EAACiB,GAAA,CAAA,CAAY,IAEb,gBAAAhB,EAAAsB,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAvB,EAACwB,GAAA,EAAmB,WAAU,UAAS,QAAO,QAAO;AAAA,QAAE;AAAA,MAAA,EAAA,CAEzD;AAAA,IAAA;AAAA,EAAA,IAMD;AACT,GAGMC,IAA0C,CAAC5B,MAAU;AACzD,QAAM;AAAA,IACJ,OAAAW;AAAA,IACA,YAAAkB;AAAA,IACA,WAAAvB;AAAA,IACA,QAAQwB;AAAA,IACR,UAAAvB,IAAW;AAAA,IACX,QAAAwB;AAAA,IACA,UAAAP;AAAA,IACA,YAAAC;AAAA,IACA,eAAA7B;AAAA,EAAA,IACEI,GACE,CAACU,GAAQsB,CAAS,IAAIjB,EAASe,CAAU,GACzC,CAACR,GAAeW,CAAgB,IAAIlB,EAAS,EAAK,GAClD,CAACQ,GAAiBW,CAAkB,IAAInB,EAAS,EAAK;AAE5D,EAAAC,EAAU,MAAM;AACd,IAAIc,MAAe,UAAWE,EAAUF,CAAU;AAAA,EACpD,GAAG,CAACA,CAAU,CAAC;AAEf,QAAMlB,IAAWF,MAAW,QACtByB,IAAaC,EAAc7B,CAAQ,GAEnC8B,IAAe,YAAY;AAC/B,QAAKb,GACL;AAAA,MAAAS,EAAiB,EAAI;AACrB,UAAI;AACF,cAAMK,IAAS,MAAMd,EAAA;AACrB,QAAAQ,EAAUM,EAAO,MAAM;AAAA,MACzB,QAAc;AAAA,MAEd,UAAA;AACE,QAAAL,EAAiB,EAAK;AAAA,MACxB;AAAA;AAAA,EACF,GAEMM,IAAiB,YAAY;AACjC,QAAKd,GACL;AAAA,MAAAS,EAAmB,EAAI;AACvB,UAAI;AACF,cAAMT,EAAA;AAAA,MACR,QAAc;AAAA,MAEd,UAAA;AACE,QAAAS,EAAmB,EAAK;AAAA,MAC1B;AAAA;AAAA,EACF;AAEA,MAAIM;AACJ,SAAIL,MAAe,UACjBK,IACE,gBAAArC;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,QAAAC;AAAA,MACA,WAAAJ;AAAA,MACA,UAAAC;AAAA,MACA,OAAAI;AAAA,MACA,eAAAf;AAAA,MACA,UAAAgB;AAAA,MACA,SAASU;AAAA,IAAA;AAAA,EAAA,IAGJa,MAAe,aACxBK,IACE,gBAAArC;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,WAAAX;AAAA,MACA,UAAAC;AAAA,MACA,eAAAX;AAAA,MACA,UAAAgB;AAAA,MACA,SAASU;AAAA,IAAA;AAAA,EAAA,IAIbkB,IACE,gBAAArC;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,QAAAR;AAAA,MACA,WAAAJ;AAAA,MACA,UAAAC;AAAA,MACA,eAAAX;AAAA,MACA,UAAAgB;AAAA,MACA,SAASU;AAAA,IAAA;AAAA,EAAA,GAMb,gBAAAlB,EAAC,OAAA,EAAI,WAAU,0EACZ,UAAA;AAAA,IAAAoC;AAAA,IACD,gBAAApC,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,gBAAAD,EAAC,KAAA,EAAE,WAAU,oDACV,UAAAQ,GACH;AAAA,MACA,gBAAAP,EAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,QAAAqC,EAAelC,GAAU;AAAA,UACxB,WAAW;AAAA,UACX,QAAQ;AAAA,QAAA,CACT;AAAA,QACAwB,KACC,gBAAA5B,EAAC,QAAA,EAAK,WAAU,qCAAqC,UAAA4B,GAAO;AAAA,QAE7DnC,MAAkB,SACjB,gBAAAQ,EAAAsB,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAvB,EAAC,QAAA,EAAK,WAAU,qCAAoC,UAAA,KAAC;AAAA,UACrD,gBAAAA,EAAC,QAAA,EAAK,WAAU,sCAAqC,UAAA,aAErD;AAAA,UACA,gBAAAA;AAAA,YAACuC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,QAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QACT,EAAA,CACF,IAEAb,KACE,gBAAAzB,EAAAsB,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAvB,EAAC,QAAA,EAAK,WAAU,qCAAoC,UAAA,KAAC;AAAA,UACrD,gBAAAA,EAAC,QAAA,EAAK,WAAU,qCACb,UAAA0B,EAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,GAGN;AAAA,MACA,gBAAA1B;AAAA,QAACkB;AAAA,QAAA;AAAA,UACC,UAAAT;AAAA,UACA,eAAAU;AAAA,UACA,iBAAAC;AAAA,UACA,eAAA3B;AAAA,UACA,QAAAc;AAAA,UACA,UAAUc,IAAWa,IAAe;AAAA,UACpC,YAAYZ,IAAac,IAAiB;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5C,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}