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

package/dist/Visitor-C4WqnN8H.js.map

@@ -0,0 +1 @@
+{"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":"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"}

package/dist/index.d.ts

@@ -526,8 +526,9 @@ declare interface VisitorCardProps extends LockedAttachmentBaseProps {
     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;
+    onDownload?: () => void | Promise<void>;
 }
 
 export declare type VoteSelection = 'up' | 'down' | null;