@linktr.ee/messaging-react 1.33.3 → 1.35.0-rc-1777516745

package/dist/Card-Bpud_enW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card-Bpud_enW.js","sources":["../src/components/LockedAttachment/components/Visitor/CardActions.tsx","../src/components/LockedAttachment/components/Visitor/CardThumbnail.tsx","../src/components/LockedAttachment/components/Visitor/Card.tsx"],"sourcesContent":["import { DownloadSimpleIcon, LockSimpleIcon } from '@phosphor-icons/react'\nimport React from 'react'\n\ninterface CardActionsProps {\n  sourceUrl?: string\n  redeemUrl?: string\n  onUnlockClicked?: () => void\n  onDownloadClicked?: () => void\n  isUnlocking?: boolean\n}\n\nconst CardActions: React.FC<CardActionsProps> = (props) => {\n  const {\n    isUnlocking = false,\n    sourceUrl,\n    redeemUrl,\n    onUnlockClicked,\n    onDownloadClicked,\n  } = props\n\n  const isLocked = sourceUrl === undefined\n\n  if (isLocked && onUnlockClicked != null) {\n    return (\n      <button\n        type=\"button\"\n        onClick={onUnlockClicked}\n        disabled={isUnlocking}\n        className=\"mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-white px-4 text-sm font-medium leading-none text-[#121110] hover:bg-white/90 disabled:opacity-70\"\n      >\n        {isUnlocking ? (\n          <LoadingDots />\n        ) : (\n          <React.Fragment>\n            <LockSimpleIcon className=\"size-4\" weight=\"fill\" />\n            Unlock\n          </React.Fragment>\n        )}\n      </button>\n    )\n  }\n\n  if (!isLocked && onDownloadClicked != null && sourceUrl != null) {\n    return (\n      <a\n        href={redeemUrl ?? sourceUrl}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        onClick={onDownloadClicked}\n        className=\"mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-white px-4 text-sm font-medium leading-none !text-[#121110] hover:bg-white/90\"\n      >\n        <DownloadSimpleIcon className=\"size-4\" weight=\"bold\" />\n        Download\n      </a>\n    )\n  }\n\n  return null\n}\n\nconst LoadingDots: React.FC = () => {\n  return (\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}\n\nexport default CardActions\n","import { LockOpenIcon, LockSimpleIcon } from '@phosphor-icons/react'\nimport React, { useState } from 'react'\n\nimport { PaymentStatus } from '../../types'\nimport { renderTypeIcon } from '../../utils/icons'\nimport { getSourceType } from '../../utils/mimeType'\nimport MediaPlayer from '../MediaPlayer'\n\ninterface CardThumbnailProps {\n  title?: string\n  sourceUrl?: string\n  thumbnailUrl?: string\n  mimeType: string\n  paymentStatus?: PaymentStatus\n}\n\nconst CardThumbnail: React.FC<CardThumbnailProps> = ({\n  title,\n  sourceUrl,\n  thumbnailUrl,\n  mimeType,\n  paymentStatus,\n}) => {\n  const [sourceReady, setSourceReady] = useState(false)\n\n  const isLocked = sourceUrl === undefined\n  const sourceType = getSourceType(mimeType)\n\n  if (!isLocked) {\n    if (sourceType === 'audio' || sourceType === 'video') {\n      return (\n        <MediaPlayer\n          source={sourceUrl}\n          poster={thumbnailUrl}\n          mimeType={mimeType}\n        />\n      )\n    }\n\n    return (\n      <div className=\"relative overflow-hidden bg-black/5\">\n        <img\n          src={sourceType === 'document' ? thumbnailUrl : sourceUrl}\n          alt={title}\n          className={`block w-full transition-opacity duration-300 ${sourceReady ? 'opacity-100' : 'opacity-0'}`}\n          draggable={false}\n          onLoad={() => setSourceReady(true)}\n        />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"relative aspect-video overflow-hidden bg-black/5\">\n      {thumbnailUrl != null ? (\n        <img\n          src={thumbnailUrl}\n          alt=\"\"\n          className=\"absolute inset-0 h-full w-full object-cover\"\n          draggable={false}\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 && (\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 text-white\">\n            {paymentStatus === 'paid' ? <LockOpenIcon /> : <LockSimpleIcon />}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default CardThumbnail\n","import { CheckCircleIcon } from '@phosphor-icons/react'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type {\n  LockedAttachmentBaseProps,\n  LockedAttachmentSource,\n} from '../../types'\nimport { renderTypeIcon } from '../../utils/icons'\n\nimport CardActions from './CardActions'\nimport CardThumbnail from './CardThumbnail'\n\nexport interface VisitorCardProps extends LockedAttachmentBaseProps {\n  /**\n   * Called when the visitor clicks Unlock on an unpaid attachment.\n   * Use this to open a checkout flow. Omit to hide the Unlock button.\n   */\n  onUnlockClick?: () => void\n  /**\n   * Called to fetch the attachment source — fired automatically when\n   * paymentStatus transitions to 'paid', or immediately on click when\n   * paymentStatus is already 'paid'. Return a LockedAttachmentSource to\n   * unlock the card.\n   */\n  onFetchSource?: () => Promise<LockedAttachmentSource | void>\n  /**\n   * Called when the visitor clicks Download on an unlocked card.\n   * Omit to hide the Download button.\n   */\n  onDownloadClick?: () => void\n  /**\n   * When true, shows loading dots on the Unlock button.\n   * Driven by the LockedAttachmentContext (e.g. checkout in progress, payment processing).\n   */\n  isUnlocking?: boolean\n}\n\nconst VisitorCard: React.FC<VisitorCardProps> = ({\n  title,\n  amountText,\n  thumbnailUrl,\n  mimeType = 'application/octet-stream',\n  detail,\n  onUnlockClick,\n  onFetchSource,\n  onDownloadClick,\n  paymentStatus,\n  isUnlocking = false,\n}) => {\n  const [source, setSource] = useState<LockedAttachmentSource | undefined>()\n\n  const cardRef = useRef<HTMLDivElement>(null)\n  const fetchingRef = useRef(false)\n\n  const onFetchSourceRef = useRef(onFetchSource)\n  onFetchSourceRef.current = onFetchSource\n\n  const effectiveSourceUrl = source?.sourceUrl\n  const effectiveThumbnail = source?.thumbnailUrl ?? thumbnailUrl\n  const effectiveRedeemUrl = source?.redeemUrl\n\n  const fetchSource = useCallback(async (): Promise<void> => {\n    if (fetchingRef.current) return\n    fetchingRef.current = true\n    try {\n      const result = await onFetchSourceRef.current?.()\n      if (result) setSource(result)\n    } finally {\n      fetchingRef.current = false\n    }\n  }, [])\n\n  const handleUnlockClick = useCallback(() => {\n    if (paymentStatus === 'paid') {\n      void fetchSource()\n    } else {\n      onUnlockClick?.()\n    }\n  }, [paymentStatus, fetchSource, onUnlockClick])\n\n  // Fetch source when card is in viewport\n  useEffect(() => {\n    if (!cardRef.current) return\n    if (paymentStatus !== 'paid' || source !== undefined) return\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) {\n          void fetchSource()\n          observer.disconnect()\n        }\n      },\n      { threshold: 1.0 }\n    )\n\n    observer.observe(cardRef.current)\n    return () => observer.disconnect()\n  }, [paymentStatus, source, fetchSource])\n\n  return (\n    <div\n      ref={cardRef}\n      data-testid=\"locked-attachment\"\n      className=\"w-[280px] select-none overflow-hidden rounded-[24px] bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]\"\n    >\n      <CardThumbnail\n        title={title}\n        sourceUrl={effectiveSourceUrl}\n        thumbnailUrl={effectiveThumbnail}\n        mimeType={mimeType}\n        paymentStatus={paymentStatus}\n      />\n\n      <div className=\"px-4 pb-3 pt-3 bg-black\">\n        <p className=\"mb-1.5 truncate text-base font-medium text-white\">\n          {title}\n        </p>\n        <div className=\"flex items-center gap-1\">\n          {renderTypeIcon(mimeType, {\n            className: 'size-5 shrink-0 text-white/55',\n            weight: 'regular',\n          })}\n\n          {detail && (\n            <span className=\"text-xs font-medium text-white/55\">{detail}</span>\n          )}\n\n          {paymentStatus === 'paid' ? (\n            <React.Fragment>\n              <span className=\"text-xs font-medium text-white/55\">&bull;</span>\n              <span className=\"text-xs font-medium text-[#4ade80]\">\n                Purchased\n              </span>\n              <CheckCircleIcon\n                className=\"size-4 text-[#4ade80]\"\n                weight=\"bold\"\n              />\n            </React.Fragment>\n          ) : amountText != null ? (\n            <React.Fragment>\n              <span className=\"text-xs font-medium text-white/55\">&bull;</span>\n              <span className=\"text-xs font-medium text-white/55\">\n                {amountText}\n              </span>\n            </React.Fragment>\n          ) : null}\n        </div>\n\n        <CardActions\n          isUnlocking={isUnlocking}\n          sourceUrl={effectiveSourceUrl}\n          redeemUrl={effectiveRedeemUrl}\n          onUnlockClicked={handleUnlockClick}\n          onDownloadClicked={onDownloadClick}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default VisitorCard\n"],"names":["CardActions","props","isUnlocking","sourceUrl","redeemUrl","onUnlockClicked","onDownloadClicked","isLocked","jsx","LoadingDots","jsxs","React","LockSimpleIcon","DownloadSimpleIcon","CardThumbnail","title","thumbnailUrl","mimeType","paymentStatus","sourceReady","setSourceReady","useState","sourceType","getSourceType","LockOpenIcon","MediaPlayer","VisitorCard","amountText","detail","onUnlockClick","onFetchSource","onDownloadClick","source","setSource","cardRef","useRef","fetchingRef","onFetchSourceRef","effectiveSourceUrl","effectiveThumbnail","effectiveRedeemUrl","fetchSource","useCallback","result","_a","handleUnlockClick","useEffect","observer","entry","renderTypeIcon","CheckCircleIcon"],"mappings":"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"}