@linktr.ee/messaging-react 3.37.0 → 3.37.1

package/dist/Card-Dxk_Ggxw.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card-Dxk_Ggxw.cjs","sources":["../src/components/CustomMessage/LockedAttachment/components/_shared/CardBody.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/LockBadge.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/GalleryThumbnail.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/SingleThumbnail.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/CardThumbnail.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/MediaShell.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/PreviewToggle.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/usePreviewToggle.ts","../src/components/CustomMessage/LockedAttachment/components/_shared/useReceivedSource.ts","../src/components/CustomMessage/LockedAttachment/components/Media/CardActions.tsx","../src/components/CustomMessage/LockedAttachment/components/Media/Card.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport React from 'react'\n\nimport { renderTypeIcon } from '../../../../AttachmentCard'\n\nimport type { CardVariant } from './MediaShell'\n\nexport interface CardBodyProps {\n  variant: CardVariant\n  title?: string\n  placeholderTitle?: string\n  mimeType: string\n  detail?: string\n  statusBadge?: React.ReactNode\n  action?: React.ReactNode\n  /** Overrides the auto-detected type icon (used by Gallery to swap in an `Images` icon). */\n  icon?: React.ReactNode\n  /** Optional control rendered on the right of the title/status block (e.g. Composer edit pencil). */\n  trailingAction?: React.ReactNode\n}\n\n/**\n * Title + status row layout shared by Composer and `LockedAttachment.Media`.\n * Layout matches the Figma `Container > Labels` group (16px h-padding, 12px v-padding,\n * 4px gap between title and status row, 4px gap inside status row).\n */\nconst CardBody: React.FC<CardBodyProps> = ({\n  variant,\n  title,\n  placeholderTitle = 'Attachment title',\n  mimeType,\n  detail,\n  statusBadge,\n  action,\n  icon,\n  trailingAction,\n}) => {\n  const isDark = variant === 'dark'\n  const displayTitle = title || placeholderTitle\n  const titleDimmed = !title\n\n  const typeIcon =\n    icon ??\n    renderTypeIcon(mimeType, {\n      className: classNames(\n        'size-5 shrink-0',\n        isDark ? 'text-white/55' : 'text-black/55'\n      ),\n      weight: 'regular',\n    })\n\n  return (\n    <div className=\"px-4 py-3\">\n      <div className=\"flex items-end gap-3\">\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          {displayTitle.trim() !== '' && (\n            <p\n              className={classNames('truncate text-base font-medium leading-6', {\n                'text-black/90': !isDark && !titleDimmed,\n                'text-black/30': !isDark && titleDimmed,\n                'text-white/30': isDark && titleDimmed,\n                'text-white': isDark && !titleDimmed,\n              })}\n            >\n              {displayTitle}\n            </p>\n          )}\n\n          <div className=\"flex flex-wrap items-center gap-1\">\n            {typeIcon}\n\n            {detail != null && detail !== '' && (\n              <span\n                className={classNames(\n                  'text-xs font-medium',\n                  isDark ? 'text-white/55' : 'text-black/55'\n                )}\n              >\n                {detail}\n              </span>\n            )}\n\n            {statusBadge}\n          </div>\n        </div>\n\n        {trailingAction && <div className=\"shrink-0\">{trailingAction}</div>}\n      </div>\n\n      {action}\n    </div>\n  )\n}\n\nexport default CardBody\n","import { LockOpenIcon, LockSimpleIcon, PlayIcon } from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React from 'react'\n\nimport { getSourceType } from '../../../../AttachmentCard'\nimport type { PaymentStatus } from '../../types'\n\nexport interface LockBadgeProps {\n  paymentStatus?: PaymentStatus\n  mimeType?: string\n  /**\n   * Overrides the `mimeType`-derived playable check. Lets a caller that\n   * already knows per-item playability (e.g. `GalleryThumbnail`, checking a\n   * carousel item's own mimeType rather than the card's single `mimeType`)\n   * skip re-deriving it.\n   */\n  isPlayable?: boolean\n  /** Whether the item is still locked. Play only ever shows once unlocked —\n   * a locked item always shows the lock, even for otherwise-playable media. */\n  isLocked: boolean\n}\n\n/**\n * Centered 48x48 lock badge that overlays the thumbnail of any locked attachment.\n * Uses `bg-black/30`. Stays `pointer-events-none` so clicks pass through to\n * the underlying player/toggle; the play state highlights via `group-hover`\n * (same `bg-black/40` as the gallery's prev/next arrows) — the ancestor\n * providing `group` must wrap the actual clickable/hoverable player area.\n *\n * For playable media (video/audio) that's unlocked, the badge shows a play\n * icon instead of a lock — matching the convention used by `GalleryThumbnail`.\n */\nexport const LockBadge: React.FC<LockBadgeProps> = ({\n  paymentStatus,\n  mimeType,\n  isPlayable,\n  isLocked,\n}) => {\n  const sourceType = mimeType ? getSourceType(mimeType) : undefined\n  const resolvedIsPlayable =\n    isPlayable ?? (sourceType === 'video' || sourceType === 'audio')\n\n  const Icon =\n    resolvedIsPlayable && !isLocked\n      ? PlayIcon\n      : paymentStatus === 'paid'\n        ? LockOpenIcon\n        : LockSimpleIcon\n  return (\n    <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n      <div\n        className={classNames(\n          'flex size-12 items-center justify-center rounded-full bg-black/30 text-white',\n          Icon === PlayIcon && 'group-hover:bg-black/40'\n        )}\n      >\n        <Icon className=\"size-6\" weight=\"fill\" />\n      </div>\n    </div>\n  )\n}\n\nexport default LockBadge\n","import { CaretLeftIcon, CaretRightIcon } from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React, { useState } from 'react'\n\nimport { optimizeMessagingAttachmentUrl } from '../../../../../utils/cdnImageUrl'\nimport { AttachmentThumbnail, getSourceType } from '../../../../AttachmentCard'\nimport type {\n  LockedAttachmentGalleryItem,\n  PaymentStatus,\n} from '../../types'\n\nimport { LockBadge } from './LockBadge'\nimport type { CardVariant } from './MediaShell'\n\nexport interface GalleryThumbnailProps {\n  variant: CardVariant\n  gallery: LockedAttachmentGalleryItem[]\n  title?: string\n  /** When true, all items are shown blurred + the locked/play badge is overlaid. */\n  showLocked: boolean\n  paymentStatus?: PaymentStatus\n  /** Top-right slot (e.g. dismiss X on Composer). Rendered inside the thumbnail. */\n  topRight?: React.ReactNode\n}\n\nfunction isPlayableItem(item: LockedAttachmentGalleryItem): boolean {\n  const sourceType = getSourceType(item.mimeType)\n  return sourceType === 'video' || sourceType === 'audio'\n}\n\n/**\n * Mixed-media carousel used by every LockedAttachment card when its `gallery`\n * prop has 2+ items. Matches the \"Gallery\" frames in the Figma design system:\n * 337/386 aspect ratio, prev/next caret buttons, a counter pill, and a center\n * lock / play indicator that swaps based on the current item.\n */\nconst GalleryThumbnail: React.FC<GalleryThumbnailProps> = ({\n  variant,\n  gallery,\n  title,\n  showLocked,\n  paymentStatus,\n  topRight,\n}) => {\n  const [index, setIndex] = useState(0)\n  const total = gallery.length\n  const safeIndex = Math.min(index, total - 1)\n  const current = gallery[safeIndex]\n  const isVideoItem = isPlayableItem(current)\n  const optimizedCurrentThumbnailUrl = optimizeMessagingAttachmentUrl(\n    current.thumbnailUrl\n  )\n\n  // Stop propagation so arrow taps don't bubble up to the outer preview-toggle\n  // wrapper on PreviewMediaCard / OwnMediaCard.\n  const goPrev = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    setIndex((i) => Math.max(0, i - 1))\n  }\n  const goNext = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    setIndex((i) => Math.min(total - 1, i + 1))\n  }\n  const atStart = safeIndex === 0\n  const atEnd = safeIndex === total - 1\n\n  const isDark = variant === 'dark'\n\n  // Locked + unlocked render entirely separate trees so the locked state\n  // doesn't end up stacking a blurred `<img>` on top of an underlying\n  // `AttachmentThumbnail` (whose `bg-white/10` poster shell otherwise\n  // shows through as a visible horizontal seam).\n  //\n  // The locked placeholder is absolutely positioned, so it needs the fixed\n  // 337/386 box for height; unlocked content (video, natural-sized image)\n  // manages its own height and can expand/shrink per item.\n  //\n  // The locked branch uses `filter: blur` on a single full-size `<img>`\n  // — not `backdrop-filter` — so the rounded corners are clipped\n  // normally without any clip-path workarounds (see SingleThumbnail).\n  return (\n    <div\n      className={classNames(\n        'group relative overflow-hidden rounded-t-md',\n        showLocked ? 'aspect-[337/386]' : undefined\n      )}\n    >\n      {showLocked ? (\n        <div\n          className={classNames(\n            'absolute inset-0',\n            isDark ? 'bg-white/10' : 'bg-black/5'\n          )}\n        >\n          {current.thumbnailUrl && (\n            <img\n              src={optimizedCurrentThumbnailUrl ?? current.thumbnailUrl}\n              alt=\"\"\n              aria-hidden\n              draggable={false}\n              // `scale-110` hides the fuzzy edge that `filter: blur` leaves\n              // around the image bounds.\n              className=\"absolute inset-0 h-full w-full scale-110 object-cover blur-[40px]\"\n            />\n          )}\n        </div>\n      ) : (\n        <AttachmentThumbnail\n          key={safeIndex}\n          mimeType={current.mimeType}\n          sourceUrl={current.sourceUrl}\n          thumbnailUrl={current.thumbnailUrl}\n          title={title}\n          variant={variant}\n          mediaPlayerProps={{ autoPlay: true }}\n        />\n      )}\n\n      {/* LOCK while locked. Once unlocked, video/audio autoplays via\n          `mediaPlayerProps` and MediaPlayer already has its own inline\n          controls, so no separate Play affordance is shown. */}\n      {showLocked && (\n        <LockBadge\n          paymentStatus={paymentStatus}\n          isPlayable={isVideoItem}\n          isLocked={showLocked}\n        />\n      )}\n\n      {total > 1 && (\n        <React.Fragment>\n          <button\n            type=\"button\"\n            onClick={goPrev}\n            disabled={atStart}\n            aria-label=\"Previous item\"\n            className={classNames(\n              'absolute left-3 top-1/2 -translate-y-1/2 flex size-7 items-center justify-center rounded-full bg-black/30 text-white transition-opacity',\n              atStart ? 'opacity-40' : 'hover:bg-black/40'\n            )}\n          >\n            <CaretLeftIcon className=\"size-5\" weight=\"bold\" />\n          </button>\n          <button\n            type=\"button\"\n            onClick={goNext}\n            disabled={atEnd}\n            aria-label=\"Next item\"\n            className={classNames(\n              'absolute right-3 top-1/2 -translate-y-1/2 flex size-7 items-center justify-center rounded-full bg-black/30 text-white transition-opacity',\n              atEnd ? 'opacity-40' : 'hover:bg-black/40'\n            )}\n          >\n            <CaretRightIcon className=\"size-5\" weight=\"bold\" />\n          </button>\n\n          <div className=\"pointer-events-none absolute bottom-10 left-1/2 flex size-8 -translate-x-1/2 items-center justify-center rounded-full bg-black/30\">\n            <span className=\"text-xs font-medium leading-none text-white\">\n              {safeIndex + 1}/{total}\n            </span>\n          </div>\n        </React.Fragment>\n      )}\n\n      {topRight && (\n        <div className=\"pointer-events-auto absolute right-3 top-3 z-10\">\n          {topRight}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default GalleryThumbnail\n","import classNames from 'classnames'\nimport React from 'react'\n\nimport { optimizeMessagingAttachmentUrl } from '../../../../../utils/cdnImageUrl'\nimport {\n  AttachmentThumbnail,\n  renderTypeIcon,\n} from '../../../../AttachmentCard'\nimport type { LockedAttachmentSource, PaymentStatus } from '../../types'\n\nimport { LockBadge } from './LockBadge'\nimport type { CardVariant } from './MediaShell'\n\nexport interface SingleThumbnailProps {\n  variant: CardVariant\n  mimeType: string\n  thumbnailUrl?: string\n  title?: string\n  /**\n   * When provided, the underlying source is shown unblurred (preview / unlocked state).\n   * When undefined, the thumbnail is treated as locked: blurred with a central lock badge.\n   */\n  source?: LockedAttachmentSource\n  /**\n   * Forces the locked appearance even when a source is provided. Used for the\n   * Composer card where the locked treatment is the default and the user toggles\n   * a preview in place.\n   */\n  showLocked: boolean\n  paymentStatus?: PaymentStatus\n  /** Top-right overlay (e.g. dismiss X on Composer). Rendered inside the thumbnail. */\n  topRight?: React.ReactNode\n  /** When true, renders the unlocked image with aspect-video + object-contain. */\n  containedImage?: boolean\n}\n\n/**\n * Renders the 180px-tall media area for a LockedAttachment card.\n * Handles three visual states:\n *   - locked:       blurred thumbnail + centered 48px lock badge\n *   - preview/paid: clear thumbnail (the underlying source)\n *   - empty:        type-icon placeholder\n */\nconst SingleThumbnail: React.FC<SingleThumbnailProps> = ({\n  variant,\n  mimeType,\n  thumbnailUrl,\n  title,\n  source,\n  showLocked,\n  paymentStatus,\n  topRight,\n  containedImage = false,\n}) => {\n  const effectiveSourceUrl = showLocked ? undefined : source?.sourceUrl\n  const effectiveThumbnailUrl = showLocked\n    ? thumbnailUrl\n    : (source?.thumbnailUrl ?? thumbnailUrl)\n  const optimizedThumbnailUrl = optimizeMessagingAttachmentUrl(\n    effectiveThumbnailUrl\n  )\n\n  const isDark = variant === 'dark'\n\n  // Locked + unlocked render entirely separate trees so the locked state\n  // doesn't end up stacking a blurred `<img>` on top of an underlying\n  // `AttachmentThumbnail` (whose `bg-white/10` poster shell otherwise\n  // shows through as a visible horizontal seam at the 16:9 boundary).\n  //\n  // The locked branch uses `filter: blur` on a single full-size `<img>`\n  // — not `backdrop-filter` — because `backdrop-filter` paints in its\n  // own compositing layer that escapes ancestor `overflow: hidden` on\n  // Chrome/Safari and flattens the card's top corners. `filter` is\n  // clipped normally, so the rounded corners stay round without any\n  // clip-path workarounds.\n  return (\n    <div className=\"relative overflow-hidden rounded-t-md\">\n      {showLocked ? (\n        <div\n          className={classNames(\n            'relative aspect-video overflow-hidden',\n            isDark ? 'bg-white/10' : 'bg-black/5'\n          )}\n        >\n          {effectiveThumbnailUrl ? (\n            <img\n              src={optimizedThumbnailUrl ?? effectiveThumbnailUrl}\n              alt=\"\"\n              aria-hidden\n              draggable={false}\n              // `scale-110` hides the fuzzy semi-transparent edge that\n              // `filter: blur` leaves around the image bounds.\n              className=\"absolute inset-0 h-full w-full scale-110 object-cover blur-[40px]\"\n            />\n          ) : (\n            <div className=\"absolute inset-0 flex items-center justify-center\">\n              {renderTypeIcon(mimeType, {\n                className: isDark\n                  ? 'size-12 text-white/20'\n                  : 'size-12 text-black/20',\n                weight: 'regular',\n              })}\n            </div>\n          )}\n          <LockBadge\n            paymentStatus={paymentStatus}\n            mimeType={mimeType}\n            isLocked={showLocked}\n          />\n        </div>\n      ) : (\n        <AttachmentThumbnail\n          mimeType={mimeType}\n          sourceUrl={effectiveSourceUrl}\n          thumbnailUrl={effectiveThumbnailUrl}\n          title={title}\n          variant={variant}\n          containedImage={containedImage}\n          mediaPlayerProps={\n            effectiveSourceUrl\n              ? { autoPlay: true, loop: true, controls: true, muted: false }\n              : undefined\n          }\n        />\n      )}\n\n      {topRight && (\n        <div className=\"pointer-events-auto absolute right-3 top-3 z-10\">\n          {topRight}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default SingleThumbnail\n","import { ImagesIcon } from '@phosphor-icons/react'\nimport type React from 'react'\n\nimport type {\n  LockedAttachmentGalleryItem,\n  LockedAttachmentSource,\n  PaymentStatus,\n} from '../../types'\n\nimport GalleryThumbnail from './GalleryThumbnail'\nimport type { CardVariant } from './MediaShell'\nimport SingleThumbnail from './SingleThumbnail'\n\nexport interface CardThumbnailProps {\n  variant: CardVariant\n  gallery: LockedAttachmentGalleryItem[]\n  title?: string\n  showLocked: boolean\n  paymentStatus?: PaymentStatus\n  /** Single-asset props — ignored when the card renders as a gallery. */\n  mimeType: string\n  thumbnailUrl?: string\n  source?: LockedAttachmentSource\n  containedImage?: boolean\n  /** Top-right overlay (e.g. Composer dismiss X). Rendered inside the thumbnail. */\n  topRight?: React.ReactNode\n}\n\n/** True when the card should render as a mixed-media carousel (2+ items). */\nexport const isGalleryCard = (\n  gallery: LockedAttachmentGalleryItem[]\n): boolean => gallery.length >= 2\n\n/**\n * The body-row icon a card shows when it renders as a gallery — `CardBody`\n * otherwise auto-detects the icon from `mimeType`. Returned as a ready node so\n * every card shares the same size/tone treatment.\n */\nexport const galleryBodyIcon = (\n  variant: CardVariant\n): React.ReactNode => (\n  <ImagesIcon\n    className={\n      variant === 'dark'\n        ? 'size-5 shrink-0 text-white/55'\n        : 'size-5 shrink-0 text-black/55'\n    }\n  />\n)\n\n/**\n * Owns the single-vs-gallery thumbnail decision shared by Composer /\n * `LockedAttachment.Media` cards: renders `GalleryThumbnail` for a 2+ item `gallery`,\n * else `SingleThumbnail` for the single asset. Callers pass the superset of\n * props; the unused half is ignored by whichever branch renders.\n */\nconst CardThumbnail: React.FC<CardThumbnailProps> = ({\n  variant,\n  gallery,\n  title,\n  showLocked,\n  paymentStatus,\n  mimeType,\n  thumbnailUrl,\n  source,\n  containedImage,\n  topRight,\n}) =>\n  isGalleryCard(gallery) ? (\n    <GalleryThumbnail\n      variant={variant}\n      gallery={gallery}\n      title={title}\n      showLocked={showLocked}\n      paymentStatus={paymentStatus}\n      topRight={topRight}\n    />\n  ) : (\n    <SingleThumbnail\n      variant={variant}\n      mimeType={mimeType}\n      thumbnailUrl={thumbnailUrl}\n      title={title}\n      source={source}\n      showLocked={showLocked}\n      paymentStatus={paymentStatus}\n      topRight={topRight}\n      containedImage={containedImage}\n    />\n  )\n\nexport default CardThumbnail\n","import classNames from 'classnames'\nimport React from 'react'\n\nexport type CardVariant = 'dark' | 'light'\n\nexport interface MediaShellProps {\n  variant: CardVariant\n  children: React.ReactNode\n  rootRef?: React.Ref<HTMLDivElement>\n  'data-testid'?: string\n}\n\n/**\n * Outer chrome for every LockedAttachment card.\n * Mirrors the 16px radius treatment from the Figma design system.\n */\nconst MediaShell: React.FC<MediaShellProps> = ({\n  variant,\n  children,\n  rootRef,\n  'data-testid': dataTestId,\n}) => (\n  <div\n    ref={rootRef}\n    data-testid={dataTestId}\n    className={classNames(\n      'relative w-[280px] select-none overflow-hidden rounded-md',\n      variant === 'dark' ? 'bg-[#1e2330]' : 'bg-white',\n      'shadow-[0_1px_2px_rgba(0,0,0,0.08)]'\n    )}\n  >\n    {children}\n  </div>\n)\n\nexport default MediaShell\n","import React from 'react'\n\nexport interface PreviewToggleProps {\n  /** Toggles the preview; omit to render `children` with no wrapper at all (nothing to toggle). */\n  onToggle: (() => void | Promise<void>) | undefined\n  isBusy: boolean\n  isPreviewVisible: boolean\n  children: React.ReactNode\n}\n\n/**\n * Makes a locked thumbnail clickable to toggle its preview. Uses a\n * `role=\"button\"` div rather than a native `<button>` because the thumbnail\n * it wraps can itself contain interactive children (gallery carousel arrows,\n * a Composer dismiss X) — nesting a real `<button>` around those would\n * produce invalid, inaccessible nested-interactive-element markup.\n */\nconst PreviewToggle: React.FC<PreviewToggleProps> = ({\n  onToggle,\n  isBusy,\n  isPreviewVisible,\n  children,\n}) => {\n  if (!onToggle) return <React.Fragment>{children}</React.Fragment>\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={isBusy ? -1 : 0}\n      aria-label=\"Toggle preview\"\n      aria-busy={isBusy}\n      aria-pressed={isPreviewVisible}\n      aria-disabled={isBusy || undefined}\n      onClick={isBusy ? undefined : onToggle}\n      onKeyDown={(e) => {\n        if (isBusy) return\n        // Only handle keys that originate on the wrapper itself, not on\n        // inner interactive elements (dismiss X, carousel arrows). Without\n        // this guard, pressing Enter/Space on a focused child would bubble\n        // up and toggle the preview in addition to activating the child.\n        if (e.target !== e.currentTarget) return\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault()\n          void onToggle()\n        }\n      }}\n      className={\n        !isBusy\n          ? 'block w-full cursor-pointer text-left'\n          : 'block w-full text-left'\n      }\n    >\n      {children}\n    </div>\n  )\n}\n\nexport default PreviewToggle\n","import { useCallback, useRef, useState } from 'react'\n\nimport type { LockedAttachmentSource } from '../../types'\n\nexport interface UsePreviewToggleOptions {\n  /** Gallery items carry their own per-item sources on the `gallery` prop already, so toggling skips the async fetch entirely. */\n  isGallery: boolean\n  /**\n   * Lazily loads the underlying source; the resolved value is cached in\n   * `source` and reused on subsequent toggles.\n   */\n  onFetchSource?: () => Promise<LockedAttachmentSource | void>\n  /** Fired on every toggle tap, before any visibility/fetch logic runs. */\n  onPreviewClick?: () => void\n}\n\nexport interface UsePreviewToggleResult {\n  source: LockedAttachmentSource | undefined\n  isPreviewVisible: boolean\n  isLoadingPreview: boolean\n  handleToggle: () => Promise<void>\n  /**\n   * `handleToggle` when the card can actually be previewed (gallery, or a\n   * fetch/click handler is wired), else `undefined` — pass straight to\n   * `PreviewToggle.onToggle` so a non-previewable card renders no\n   * toggle affordance.\n   */\n  togglePreview: (() => Promise<void>) | undefined\n}\n\n/**\n * Shared preview-toggle state for Composer/Media isMine: flips a locked thumbnail to\n * its unlocked preview, lazily fetching and caching the source on first\n * reveal. Media !isMine doesn't use this — it fetches on scroll-into-view/paid\n * instead of on a toggle tap.\n */\nexport function usePreviewToggle({\n  isGallery,\n  onFetchSource,\n  onPreviewClick,\n}: UsePreviewToggleOptions): UsePreviewToggleResult {\n  const [source, setSource] = useState<LockedAttachmentSource | undefined>()\n  const [isPreviewVisible, setIsPreviewVisible] = useState(false)\n  const [isLoadingPreview, setIsLoadingPreview] = useState(false)\n  const fetchingRef = useRef(false)\n\n  const handleToggle = useCallback(async () => {\n    onPreviewClick?.()\n    if (isPreviewVisible) {\n      setIsPreviewVisible(false)\n      return\n    }\n    if (isGallery) {\n      setIsPreviewVisible(true)\n      return\n    }\n    if (source) {\n      setIsPreviewVisible(true)\n      return\n    }\n    if (!onFetchSource) return\n    if (fetchingRef.current) return\n    fetchingRef.current = true\n    setIsLoadingPreview(true)\n    try {\n      const result = await onFetchSource()\n      if (result) {\n        setSource(result)\n        setIsPreviewVisible(true)\n      }\n    } finally {\n      fetchingRef.current = false\n      setIsLoadingPreview(false)\n    }\n  }, [isPreviewVisible, isGallery, source, onPreviewClick, onFetchSource])\n\n  const togglePreview =\n    isGallery || onFetchSource != null || onPreviewClick != null\n      ? handleToggle\n      : undefined\n\n  return {\n    source,\n    isPreviewVisible,\n    isLoadingPreview,\n    handleToggle,\n    togglePreview,\n  }\n}\n","/* eslint-disable react-hooks/refs -- pre-existing pattern flagged by the React\n   Compiler rules added in eslint-plugin-react-hooks v7; refactoring it is\n   out of scope for the lint toolchain upgrade. */\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type {\n  FetchSourceHandler,\n  LockedAttachmentSource,\n  PaymentStatus,\n} from '../../types'\n\nexport interface UseReceivedSourceOptions {\n  paymentStatus?: PaymentStatus\n  onFetchSource?: FetchSourceHandler\n  /** Called on Unlock click while the card is still unpaid (opens checkout). */\n  onUnlockClick?: () => void\n}\n\nexport interface UseReceivedSourceResult {\n  source: LockedAttachmentSource | undefined\n  /** Attach to the card root so the paid-source auto-fetch can observe it. */\n  cardRef: React.RefObject<HTMLDivElement>\n  /** Fetches the source when already paid, else defers to `onUnlockClick`. */\n  handleUnlockClick: () => void\n}\n\n/**\n * Media !isMine's source-reveal logic: unlike Composer/Media isMine's\n * tap-to-toggle (`usePreviewToggle`), the recipient's card reveals its source\n * by fetching once — on click when already paid, or automatically the first\n * time a paid card scrolls fully into view. The fetch is guarded so it runs\n * at most once in flight.\n */\nexport function useReceivedSource({\n  paymentStatus,\n  onFetchSource,\n  onUnlockClick,\n}: UseReceivedSourceOptions): UseReceivedSourceResult {\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 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  // Auto-fetch the source once the paid card scrolls into view.\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 { source, cardRef, handleUnlockClick }\n}\n","import { DownloadSimpleIcon, LockSimpleIcon } from '@phosphor-icons/react'\nimport React from 'react'\n\nimport LoadingDots from '../_shared/LoadingDots'\n\nexport interface ReceivedCardActionsProps {\n  /** Whether the card is currently locked. Drives which CTA we render. */\n  isLocked: boolean\n  /**\n   * When unlocked, the URL used as the Download link's `href` (opens in a new\n   * tab). When omitted, the Download CTA falls back to a plain `<button>`\n   * that just calls `onDownloadClicked` — useful for galleries where the\n   * single-source URL doesn't exist.\n   */\n  sourceUrl?: string\n  /** Optional alternate href that takes precedence over `sourceUrl`. */\n  redeemUrl?: string\n  onUnlockClicked?: () => void\n  onDownloadClicked?: () => void\n  isUnlocking?: boolean\n}\n\nconst buttonClass =\n  '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/**\n * Renders the primary CTA below the body of a Received card.\n * - Locked + onUnlockClicked → \"Unlock\" button\n * - Unlocked + onDownloadClicked + (redeemUrl || sourceUrl) → \"Download\" link\n * - Unlocked + onDownloadClicked + no URL → \"Download\" button (e.g. gallery)\n * Otherwise renders nothing.\n */\nconst ReceivedCardActions: React.FC<ReceivedCardActionsProps> = ({\n  isLocked,\n  sourceUrl,\n  redeemUrl,\n  onUnlockClicked,\n  onDownloadClicked,\n  isUnlocking = false,\n}) => {\n  if (isLocked && onUnlockClicked != null) {\n    return (\n      <button\n        type=\"button\"\n        onClick={onUnlockClicked}\n        disabled={isUnlocking}\n        aria-label={isUnlocking ? 'Unlocking' : 'Unlock'}\n        aria-busy={isUnlocking}\n        title={isUnlocking ? 'Unlocking' : 'Unlock'}\n        className={buttonClass}\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) {\n    const href = redeemUrl ?? sourceUrl\n    if (href != null) {\n      return (\n        <a\n          href={href}\n          aria-label=\"Download\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          onClick={onDownloadClicked}\n          className={`${buttonClass} !text-white`}\n        >\n          <DownloadSimpleIcon className=\"size-4\" weight=\"bold\" />\n          Download\n        </a>\n      )\n    }\n\n    return (\n      <button\n        type=\"button\"\n        onClick={onDownloadClicked}\n        aria-label=\"Download\"\n        className={buttonClass}\n      >\n        <DownloadSimpleIcon className=\"size-4\" weight=\"bold\" />\n        Download\n      </button>\n    )\n  }\n\n  return null\n}\n\nexport default ReceivedCardActions\n","import { PencilSimpleIcon, XIcon } from '@phosphor-icons/react'\nimport React from 'react'\n\nimport { getSourceType } from '../../../../AttachmentCard'\nimport CardBody from '../_shared/CardBody'\nimport CardThumbnail, {\n  galleryBodyIcon,\n  isGalleryCard,\n} from '../_shared/CardThumbnail'\nimport MediaShell from '../_shared/MediaShell'\nimport PreviewToggle from '../_shared/PreviewToggle'\nimport PurchaseStatusBadge from '../_shared/PurchaseStatusBadge'\nimport { usePreviewToggle } from '../_shared/usePreviewToggle'\nimport { useReceivedSource } from '../_shared/useReceivedSource'\n\nimport ReceivedCardActions from './CardActions'\nimport type {\n  MediaCardDraftProps,\n  MediaCardOtherProps,\n  MediaCardOwnProps,\n  MediaCardPreviewProps,\n  MediaCardProps,\n} from './types'\n\nexport type { MediaCardProps } from './types'\n\n/**\n * Media card while still drafting — the locked thumbnail (single or gallery)\n * the composer taps to preview the attachment they're about to send, plus\n * the title/price body with optional dismiss X and edit pencil.\n */\nconst DraftMediaCard: React.FC<MediaCardDraftProps> = ({\n  title,\n  mimeType = 'application/octet-stream',\n  thumbnailUrl,\n  detail,\n  amountText,\n  placeholderTitle,\n  placeholderAmountText,\n  gallery = [],\n  onDismiss,\n  onPreviewClick,\n  onFetchSource,\n  onEditClick,\n}) => {\n  const isGallery = isGalleryCard(gallery)\n\n  // Gallery is always previewable in the composer because each item's source\n  // is already provided up-front via `gallery[*].sourceUrl`.\n  const { source, isPreviewVisible, isLoadingPreview, togglePreview } =\n    usePreviewToggle({ isGallery, onFetchSource, onPreviewClick })\n\n  const showLocked = !isPreviewVisible\n  const isBusy = isLoadingPreview\n\n  const statusBadge = (\n    <React.Fragment>\n      <span className=\"text-xs font-medium text-white/55\">&bull;</span>\n      <span\n        className={\n          amountText\n            ? 'text-xs font-medium text-white/55'\n            : 'text-xs font-medium text-white/30'\n        }\n      >\n        {amountText || placeholderAmountText}\n      </span>\n    </React.Fragment>\n  )\n\n  const dismissButton = onDismiss ? (\n    <button\n      type=\"button\"\n      onClick={(e) => {\n        // Stop the click from bubbling up into the outer preview-toggle\n        // wrapper when both are wired up at the same time.\n        e.stopPropagation()\n        onDismiss()\n      }}\n      className=\"flex size-6 items-center justify-center rounded-full bg-[#121110] text-white\"\n      aria-label=\"Dismiss attachment\"\n    >\n      <XIcon className=\"size-3\" weight=\"bold\" />\n    </button>\n  ) : undefined\n\n  const editButton = onEditClick ? (\n    <button\n      type=\"button\"\n      onClick={onEditClick}\n      aria-label=\"Edit attachment\"\n      className=\"flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15\"\n    >\n      <PencilSimpleIcon className=\"size-5\" weight=\"regular\" />\n    </button>\n  ) : undefined\n\n  return (\n    <MediaShell variant=\"dark\">\n      <PreviewToggle\n        onToggle={togglePreview}\n        isBusy={isBusy}\n        isPreviewVisible={!showLocked}\n      >\n        <CardThumbnail\n          variant=\"dark\"\n          gallery={gallery}\n          title={title}\n          showLocked={showLocked}\n          mimeType={mimeType}\n          thumbnailUrl={thumbnailUrl}\n          source={source}\n          topRight={dismissButton}\n        />\n      </PreviewToggle>\n\n      <CardBody\n        variant=\"dark\"\n        title={title}\n        placeholderTitle={placeholderTitle}\n        mimeType={mimeType}\n        detail={detail}\n        statusBadge={statusBadge}\n        icon={isGallery ? galleryBodyIcon('dark') : undefined}\n        trailingAction={editButton}\n      />\n    </MediaShell>\n  )\n}\n\n/**\n * Static mockup of what the recipient will see before purchase — always\n * locked/blurred (the lock badge renders from `showLocked` alone, no toggle\n * wiring needed), no interactivity, no real content revealed.\n */\nconst PreviewMediaCard: React.FC<MediaCardPreviewProps> = ({\n  title,\n  mimeType = 'application/octet-stream',\n  thumbnailUrl,\n  detail,\n  amountText,\n  placeholderTitle,\n  placeholderAmountText,\n  gallery = [],\n}) => {\n  const isGallery = isGalleryCard(gallery)\n\n  const statusBadge = (\n    <React.Fragment>\n      <span className=\"text-xs font-medium text-black/55\">&bull;</span>\n      <span\n        className={\n          amountText\n            ? 'text-xs font-medium text-black/55'\n            : 'text-xs font-medium text-black/30'\n        }\n      >\n        {amountText || placeholderAmountText}\n      </span>\n    </React.Fragment>\n  )\n\n  return (\n    <MediaShell variant=\"light\">\n      <CardThumbnail\n        variant=\"light\"\n        gallery={gallery}\n        title={title}\n        showLocked\n        mimeType={mimeType}\n        thumbnailUrl={thumbnailUrl}\n      />\n\n      <CardBody\n        variant=\"light\"\n        title={title}\n        placeholderTitle={placeholderTitle}\n        mimeType={mimeType}\n        detail={detail}\n        statusBadge={statusBadge}\n        icon={isGallery ? galleryBodyIcon('light') : undefined}\n      />\n    </MediaShell>\n  )\n}\n/**\n * The sender's ('mine') view of a paid media attachment: the locked\n * thumbnail (single or gallery) they can tap to preview their own\n * attachment, plus the title/purchase-status body.\n */\nconst OwnMediaCard: React.FC<MediaCardOwnProps> = ({\n  title,\n  mimeType = 'application/octet-stream',\n  thumbnailUrl,\n  detail,\n  amountText,\n  placeholderTitle,\n  paymentStatus = 'pending',\n  gallery = [],\n  onPreviewClick,\n  onFetchSource,\n}) => {\n  const isGallery = isGalleryCard(gallery)\n\n  // Gallery is always previewable for the sender because each item's source\n  // is already provided up-front via `gallery[*].sourceUrl`.\n  const { source, isPreviewVisible, isLoadingPreview, togglePreview } =\n    usePreviewToggle({ isGallery, onFetchSource, onPreviewClick })\n\n  const showLocked = !isPreviewVisible\n  const isBusy = isLoadingPreview\n\n  return (\n    <MediaShell variant=\"dark\">\n      <PreviewToggle\n        onToggle={togglePreview}\n        isBusy={isBusy}\n        isPreviewVisible={!showLocked}\n      >\n        <CardThumbnail\n          variant=\"dark\"\n          gallery={gallery}\n          title={title}\n          showLocked={showLocked}\n          paymentStatus={paymentStatus}\n          mimeType={mimeType}\n          thumbnailUrl={thumbnailUrl}\n          source={source}\n        />\n      </PreviewToggle>\n\n      <CardBody\n        variant=\"dark\"\n        title={title}\n        placeholderTitle={placeholderTitle}\n        mimeType={mimeType}\n        detail={detail}\n        statusBadge={\n          <PurchaseStatusBadge\n            isMine={true}\n            paymentStatus={paymentStatus}\n            amountText={amountText}\n          />\n        }\n        icon={isGallery ? galleryBodyIcon('dark') : undefined}\n      />\n    </MediaShell>\n  )\n}\n\n/**\n * The recipient's ('other') view of a paid media attachment: the locked\n * thumbnail (single or gallery) with an Unlock/Download CTA. The source is\n * revealed by fetching once — on click when already paid, or automatically\n * the first time a paid card scrolls into view.\n */\nconst OtherMediaCard: React.FC<MediaCardOtherProps> = ({\n  title,\n  amountText,\n  thumbnailUrl,\n  mimeType = 'application/octet-stream',\n  detail,\n  gallery = [],\n  onUnlockClick,\n  onFetchSource,\n  onDownloadClick,\n  paymentStatus,\n  isUnlocking = false,\n}) => {\n  const isGallery = isGalleryCard(gallery)\n\n  const { source, cardRef, handleUnlockClick } = useReceivedSource({\n    paymentStatus,\n    onFetchSource,\n    onUnlockClick,\n  })\n\n  const effectiveSourceUrl = source?.sourceUrl\n  const effectiveRedeemUrl = source?.redeemUrl\n\n  // For gallery, the per-item sources are carried by `gallery` itself, so\n  // the lock state is driven by paymentStatus rather than the single\n  // `effectiveSourceUrl`. Everything else still respects the source fetch.\n  const isLocked = isGallery\n    ? paymentStatus !== 'paid'\n    : effectiveSourceUrl === undefined\n  const sourceType = getSourceType(mimeType)\n\n  // For gallery, ReceivedCardActions falls back to a plain <button>\n  // (no anchor) because the gallery has no single sourceUrl to link to —\n  // the per-item sources live on `gallery` itself.\n  const actionSourceUrl = isGallery ? undefined : effectiveSourceUrl\n\n  return (\n    <MediaShell\n      variant=\"light\"\n      rootRef={cardRef}\n      data-testid=\"locked-attachment\"\n    >\n      <CardThumbnail\n        variant=\"light\"\n        gallery={gallery}\n        title={title}\n        showLocked={isLocked}\n        paymentStatus={paymentStatus}\n        mimeType={mimeType}\n        thumbnailUrl={thumbnailUrl}\n        source={source}\n        containedImage={!isLocked && sourceType === 'document'}\n      />\n\n      <CardBody\n        variant=\"light\"\n        title={title}\n        mimeType={mimeType}\n        detail={detail}\n        statusBadge={\n          <PurchaseStatusBadge\n            isMine={false}\n            paymentStatus={paymentStatus}\n            amountText={amountText}\n          />\n        }\n        icon={isGallery ? galleryBodyIcon('light') : undefined}\n        action={\n          <ReceivedCardActions\n            isLocked={isLocked}\n            isUnlocking={isUnlocking}\n            sourceUrl={actionSourceUrl}\n            redeemUrl={effectiveRedeemUrl}\n            onUnlockClicked={handleUnlockClick}\n            onDownloadClicked={onDownloadClick}\n          />\n        }\n      />\n    </MediaShell>\n  )\n}\n\n/**\n * The card either party sees for a paid media attachment. `isDraft`/`isPreview`\n * select the composer's own drafting view / a static receiver-side mockup;\n * otherwise `isMine` selects the sender's sent view vs. the recipient's\n * unlock/download view.\n */\nconst MediaCard: React.FC<MediaCardProps> = (props) => {\n  if (props.isDraft) {\n    return <DraftMediaCard {...props} />\n  } else if (props.isPreview) {\n    return <PreviewMediaCard {...props} />\n  } else if (props.isMine) {\n    return <OwnMediaCard {...props} />\n  } else {\n    return <OtherMediaCard {...props} />\n  }\n}\n\nexport default MediaCard\n"],"names":["CardBody","variant","title","placeholderTitle","mimeType","detail","statusBadge","action","icon","trailingAction","isDark","displayTitle","titleDimmed","typeIcon","renderTypeIcon","classNames","jsxs","jsx","LockBadge","paymentStatus","isPlayable","isLocked","sourceType","getSourceType","Icon","PlayIcon","LockOpenIcon","LockSimpleIcon","isPlayableItem","item","GalleryThumbnail","gallery","showLocked","topRight","index","setIndex","useState","total","safeIndex","current","isVideoItem","optimizedCurrentThumbnailUrl","optimizeMessagingAttachmentUrl","goPrev","e","i","goNext","atStart","atEnd","AttachmentThumbnail","React","CaretLeftIcon","CaretRightIcon","SingleThumbnail","thumbnailUrl","source","containedImage","effectiveSourceUrl","effectiveThumbnailUrl","optimizedThumbnailUrl","isGalleryCard","galleryBodyIcon","ImagesIcon","CardThumbnail","MediaShell","children","rootRef","dataTestId","PreviewToggle","onToggle","isBusy","isPreviewVisible","usePreviewToggle","isGallery","onFetchSource","onPreviewClick","setSource","setIsPreviewVisible","isLoadingPreview","setIsLoadingPreview","fetchingRef","useRef","handleToggle","useCallback","result","togglePreview","useReceivedSource","onUnlockClick","cardRef","onFetchSourceRef","fetchSource","_a","handleUnlockClick","useEffect","observer","entry","buttonClass","ReceivedCardActions","sourceUrl","redeemUrl","onUnlockClicked","onDownloadClicked","isUnlocking","LoadingDots","href","DownloadSimpleIcon","DraftMediaCard","amountText","placeholderAmountText","onDismiss","onEditClick","dismissButton","XIcon","editButton","PencilSimpleIcon","PreviewMediaCard","OwnMediaCard","PurchaseStatusBadge","OtherMediaCard","onDownloadClick","effectiveRedeemUrl","actionSourceUrl","MediaCard","props"],"mappings":"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"}
+{"version":3,"file":"Card-Dxk_Ggxw.cjs","sources":["../src/components/CustomMessage/LockedAttachment/components/_shared/CardBody.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/LockBadge.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/GalleryThumbnail.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/SingleThumbnail.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/CardThumbnail.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/MediaShell.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/PreviewToggle.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/usePreviewToggle.ts","../src/components/CustomMessage/LockedAttachment/components/_shared/useReceivedSource.ts","../src/components/CustomMessage/LockedAttachment/components/Media/CardActions.tsx","../src/components/CustomMessage/LockedAttachment/components/Media/Card.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport React from 'react'\n\nimport { renderTypeIcon } from '../../../../AttachmentCard'\n\nimport type { CardVariant } from './MediaShell'\n\nexport interface CardBodyProps {\n  variant: CardVariant\n  title?: string\n  placeholderTitle?: string\n  mimeType: string\n  detail?: string\n  statusBadge?: React.ReactNode\n  action?: React.ReactNode\n  /** Overrides the auto-detected type icon (used by Gallery to swap in an `Images` icon). */\n  icon?: React.ReactNode\n  /** Optional control rendered on the right of the title/status block (e.g. Composer edit pencil). */\n  trailingAction?: React.ReactNode\n}\n\n/**\n * Title + status row layout shared by Composer and `LockedAttachment.Media`.\n * Layout matches the Figma `Container > Labels` group (16px h-padding, 12px v-padding,\n * 4px gap between title and status row, 4px gap inside status row).\n */\nconst CardBody: React.FC<CardBodyProps> = ({\n  variant,\n  title,\n  placeholderTitle = 'Attachment title',\n  mimeType,\n  detail,\n  statusBadge,\n  action,\n  icon,\n  trailingAction,\n}) => {\n  const isDark = variant === 'dark'\n  const displayTitle = title || placeholderTitle\n  const titleDimmed = !title\n\n  const typeIcon =\n    icon ??\n    renderTypeIcon(mimeType, {\n      className: classNames(\n        'size-5 shrink-0',\n        isDark ? 'text-white/55' : 'text-black/55'\n      ),\n      weight: 'regular',\n    })\n\n  return (\n    <div className=\"px-4 py-3\">\n      <div className=\"flex items-end gap-3\">\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          {displayTitle.trim() !== '' && (\n            <p\n              className={classNames(\n                'truncate text-base font-medium leading-6',\n                {\n                  'text-black/90': !isDark && !titleDimmed,\n                  'text-black/30': !isDark && titleDimmed,\n                  'text-white/30': isDark && titleDimmed,\n                  'text-white': isDark && !titleDimmed,\n                }\n              )}\n            >\n              {displayTitle}\n            </p>\n          )}\n\n          <div className=\"flex flex-wrap items-center gap-1\">\n            {typeIcon}\n\n            {detail != null && detail !== '' && (\n              <span\n                className={classNames(\n                  'text-xs font-medium',\n                  isDark ? 'text-white/55' : 'text-black/55'\n                )}\n              >\n                {detail}\n              </span>\n            )}\n\n            {statusBadge}\n          </div>\n        </div>\n\n        {trailingAction && <div className=\"shrink-0\">{trailingAction}</div>}\n      </div>\n\n      {action}\n    </div>\n  )\n}\n\nexport default CardBody\n","import { LockOpenIcon, LockSimpleIcon, PlayIcon } from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React from 'react'\n\nimport { getSourceType } from '../../../../AttachmentCard'\nimport type { PaymentStatus } from '../../types'\n\nexport interface LockBadgeProps {\n  paymentStatus?: PaymentStatus\n  mimeType?: string\n  /**\n   * Overrides the `mimeType`-derived playable check. Lets a caller that\n   * already knows per-item playability (e.g. `GalleryThumbnail`, checking a\n   * carousel item's own mimeType rather than the card's single `mimeType`)\n   * skip re-deriving it.\n   */\n  isPlayable?: boolean\n  /** Whether the item is still locked. Play only ever shows once unlocked —\n   * a locked item always shows the lock, even for otherwise-playable media. */\n  isLocked: boolean\n}\n\n/**\n * Centered 48x48 lock badge that overlays the thumbnail of any locked attachment.\n * Uses `bg-black/30`. Stays `pointer-events-none` so clicks pass through to\n * the underlying player/toggle; the play state highlights via `group-hover`\n * (same `bg-black/40` as the gallery's prev/next arrows) — the ancestor\n * providing `group` must wrap the actual clickable/hoverable player area.\n *\n * For playable media (video/audio) that's unlocked, the badge shows a play\n * icon instead of a lock — matching the convention used by `GalleryThumbnail`.\n */\nexport const LockBadge: React.FC<LockBadgeProps> = ({\n  paymentStatus,\n  mimeType,\n  isPlayable,\n  isLocked,\n}) => {\n  const sourceType = mimeType ? getSourceType(mimeType) : undefined\n  const resolvedIsPlayable =\n    isPlayable ?? (sourceType === 'video' || sourceType === 'audio')\n\n  const Icon =\n    resolvedIsPlayable && !isLocked\n      ? PlayIcon\n      : paymentStatus === 'paid'\n        ? LockOpenIcon\n        : LockSimpleIcon\n  return (\n    <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n      <div\n        className={classNames(\n          'flex size-12 items-center justify-center rounded-full bg-black/30 text-white',\n          Icon === PlayIcon && 'group-hover:bg-black/40'\n        )}\n      >\n        <Icon className=\"size-6\" weight=\"fill\" />\n      </div>\n    </div>\n  )\n}\n\nexport default LockBadge\n","import { CaretLeftIcon, CaretRightIcon } from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React, { useState } from 'react'\n\nimport { optimizeMessagingAttachmentUrl } from '../../../../../utils/cdnImageUrl'\nimport { AttachmentThumbnail, getSourceType } from '../../../../AttachmentCard'\nimport type { LockedAttachmentGalleryItem, PaymentStatus } from '../../types'\n\nimport { LockBadge } from './LockBadge'\nimport type { CardVariant } from './MediaShell'\n\nexport interface GalleryThumbnailProps {\n  variant: CardVariant\n  gallery: LockedAttachmentGalleryItem[]\n  title?: string\n  /** When true, all items are shown blurred + the locked/play badge is overlaid. */\n  showLocked: boolean\n  paymentStatus?: PaymentStatus\n  /** Top-right slot (e.g. dismiss X on Composer). Rendered inside the thumbnail. */\n  topRight?: React.ReactNode\n}\n\nfunction isPlayableItem(item: LockedAttachmentGalleryItem): boolean {\n  const sourceType = getSourceType(item.mimeType)\n  return sourceType === 'video' || sourceType === 'audio'\n}\n\n/**\n * Mixed-media carousel used by every LockedAttachment card when its `gallery`\n * prop has 2+ items. Matches the \"Gallery\" frames in the Figma design system:\n * 337/386 aspect ratio, prev/next caret buttons, a counter pill, and a center\n * lock / play indicator that swaps based on the current item.\n */\nconst GalleryThumbnail: React.FC<GalleryThumbnailProps> = ({\n  variant,\n  gallery,\n  title,\n  showLocked,\n  paymentStatus,\n  topRight,\n}) => {\n  const [index, setIndex] = useState(0)\n  const total = gallery.length\n  const safeIndex = Math.min(index, total - 1)\n  const current = gallery[safeIndex]\n  const isVideoItem = isPlayableItem(current)\n  const optimizedCurrentThumbnailUrl = optimizeMessagingAttachmentUrl(\n    current.thumbnailUrl\n  )\n\n  // Stop propagation so arrow taps don't bubble up to the outer preview-toggle\n  // wrapper on PreviewMediaCard / OwnMediaCard.\n  const goPrev = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    setIndex((i) => Math.max(0, i - 1))\n  }\n  const goNext = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    setIndex((i) => Math.min(total - 1, i + 1))\n  }\n  const atStart = safeIndex === 0\n  const atEnd = safeIndex === total - 1\n\n  const isDark = variant === 'dark'\n\n  // Locked + unlocked render entirely separate trees so the locked state\n  // doesn't end up stacking a blurred `<img>` on top of an underlying\n  // `AttachmentThumbnail` (whose `bg-white/10` poster shell otherwise\n  // shows through as a visible horizontal seam).\n  //\n  // The locked placeholder is absolutely positioned, so it needs the fixed\n  // 337/386 box for height; unlocked content (video, natural-sized image)\n  // manages its own height and can expand/shrink per item.\n  //\n  // The locked branch uses `filter: blur` on a single full-size `<img>`\n  // — not `backdrop-filter` — so the rounded corners are clipped\n  // normally without any clip-path workarounds (see SingleThumbnail).\n  return (\n    <div\n      className={classNames(\n        'group relative overflow-hidden rounded-t-md',\n        showLocked ? 'aspect-[337/386]' : undefined\n      )}\n    >\n      {showLocked ? (\n        <div\n          className={classNames(\n            'absolute inset-0',\n            isDark ? 'bg-white/10' : 'bg-black/5'\n          )}\n        >\n          {current.thumbnailUrl && (\n            <img\n              src={optimizedCurrentThumbnailUrl ?? current.thumbnailUrl}\n              alt=\"\"\n              aria-hidden\n              draggable={false}\n              // `scale-110` hides the fuzzy edge that `filter: blur` leaves\n              // around the image bounds.\n              className=\"absolute inset-0 h-full w-full scale-110 object-cover blur-[40px]\"\n            />\n          )}\n        </div>\n      ) : (\n        <AttachmentThumbnail\n          key={safeIndex}\n          mimeType={current.mimeType}\n          sourceUrl={current.sourceUrl}\n          thumbnailUrl={current.thumbnailUrl}\n          title={title}\n          variant={variant}\n          mediaPlayerProps={{ autoPlay: true }}\n        />\n      )}\n\n      {/* LOCK while locked. Once unlocked, video/audio autoplays via\n          `mediaPlayerProps` and MediaPlayer already has its own inline\n          controls, so no separate Play affordance is shown. */}\n      {showLocked && (\n        <LockBadge\n          paymentStatus={paymentStatus}\n          isPlayable={isVideoItem}\n          isLocked={showLocked}\n        />\n      )}\n\n      {total > 1 && (\n        <React.Fragment>\n          <button\n            type=\"button\"\n            onClick={goPrev}\n            disabled={atStart}\n            aria-label=\"Previous item\"\n            className={classNames(\n              'absolute left-3 top-1/2 -translate-y-1/2 flex size-7 items-center justify-center rounded-full bg-black/30 text-white transition-opacity',\n              atStart ? 'opacity-40' : 'hover:bg-black/40'\n            )}\n          >\n            <CaretLeftIcon className=\"size-5\" weight=\"bold\" />\n          </button>\n          <button\n            type=\"button\"\n            onClick={goNext}\n            disabled={atEnd}\n            aria-label=\"Next item\"\n            className={classNames(\n              'absolute right-3 top-1/2 -translate-y-1/2 flex size-7 items-center justify-center rounded-full bg-black/30 text-white transition-opacity',\n              atEnd ? 'opacity-40' : 'hover:bg-black/40'\n            )}\n          >\n            <CaretRightIcon className=\"size-5\" weight=\"bold\" />\n          </button>\n\n          <div className=\"pointer-events-none absolute bottom-10 left-1/2 flex size-8 -translate-x-1/2 items-center justify-center rounded-full bg-black/30\">\n            <span className=\"text-xs font-medium leading-none text-white\">\n              {safeIndex + 1}/{total}\n            </span>\n          </div>\n        </React.Fragment>\n      )}\n\n      {topRight && (\n        <div className=\"pointer-events-auto absolute right-3 top-3 z-10\">\n          {topRight}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default GalleryThumbnail\n","import classNames from 'classnames'\nimport React from 'react'\n\nimport { optimizeMessagingAttachmentUrl } from '../../../../../utils/cdnImageUrl'\nimport { AttachmentThumbnail, renderTypeIcon } from '../../../../AttachmentCard'\nimport type { LockedAttachmentSource, PaymentStatus } from '../../types'\n\nimport { LockBadge } from './LockBadge'\nimport type { CardVariant } from './MediaShell'\n\nexport interface SingleThumbnailProps {\n  variant: CardVariant\n  mimeType: string\n  thumbnailUrl?: string\n  title?: string\n  /**\n   * When provided, the underlying source is shown unblurred (preview / unlocked state).\n   * When undefined, the thumbnail is treated as locked: blurred with a central lock badge.\n   */\n  source?: LockedAttachmentSource\n  /**\n   * Forces the locked appearance even when a source is provided. Used for the\n   * Composer card where the locked treatment is the default and the user toggles\n   * a preview in place.\n   */\n  showLocked: boolean\n  paymentStatus?: PaymentStatus\n  /** Top-right overlay (e.g. dismiss X on Composer). Rendered inside the thumbnail. */\n  topRight?: React.ReactNode\n  /** When true, renders the unlocked image with aspect-video + object-contain. */\n  containedImage?: boolean\n}\n\n/**\n * Renders the 180px-tall media area for a LockedAttachment card.\n * Handles three visual states:\n *   - locked:       blurred thumbnail + centered 48px lock badge\n *   - preview/paid: clear thumbnail (the underlying source)\n *   - empty:        type-icon placeholder\n */\nconst SingleThumbnail: React.FC<SingleThumbnailProps> = ({\n  variant,\n  mimeType,\n  thumbnailUrl,\n  title,\n  source,\n  showLocked,\n  paymentStatus,\n  topRight,\n  containedImage = false,\n}) => {\n  const effectiveSourceUrl = showLocked ? undefined : source?.sourceUrl\n  const effectiveThumbnailUrl = showLocked\n    ? thumbnailUrl\n    : (source?.thumbnailUrl ?? thumbnailUrl)\n  const optimizedThumbnailUrl = optimizeMessagingAttachmentUrl(\n    effectiveThumbnailUrl\n  )\n\n  const isDark = variant === 'dark'\n\n  // Locked + unlocked render entirely separate trees so the locked state\n  // doesn't end up stacking a blurred `<img>` on top of an underlying\n  // `AttachmentThumbnail` (whose `bg-white/10` poster shell otherwise\n  // shows through as a visible horizontal seam at the 16:9 boundary).\n  //\n  // The locked branch uses `filter: blur` on a single full-size `<img>`\n  // — not `backdrop-filter` — because `backdrop-filter` paints in its\n  // own compositing layer that escapes ancestor `overflow: hidden` on\n  // Chrome/Safari and flattens the card's top corners. `filter` is\n  // clipped normally, so the rounded corners stay round without any\n  // clip-path workarounds.\n  return (\n    <div className=\"relative overflow-hidden rounded-t-md\">\n      {showLocked ? (\n        <div\n          className={classNames(\n            'relative aspect-video overflow-hidden',\n            isDark ? 'bg-white/10' : 'bg-black/5'\n          )}\n        >\n          {effectiveThumbnailUrl ? (\n            <img\n              src={optimizedThumbnailUrl ?? effectiveThumbnailUrl}\n              alt=\"\"\n              aria-hidden\n              draggable={false}\n              // `scale-110` hides the fuzzy semi-transparent edge that\n              // `filter: blur` leaves around the image bounds.\n              className=\"absolute inset-0 h-full w-full scale-110 object-cover blur-[40px]\"\n            />\n          ) : (\n            <div className=\"absolute inset-0 flex items-center justify-center\">\n              {renderTypeIcon(mimeType, {\n                className: isDark\n                  ? 'size-12 text-white/20'\n                  : 'size-12 text-black/20',\n                weight: 'regular',\n              })}\n            </div>\n          )}\n          <LockBadge\n            paymentStatus={paymentStatus}\n            mimeType={mimeType}\n            isLocked={showLocked}\n          />\n        </div>\n      ) : (\n        <AttachmentThumbnail\n          mimeType={mimeType}\n          sourceUrl={effectiveSourceUrl}\n          thumbnailUrl={effectiveThumbnailUrl}\n          title={title}\n          variant={variant}\n          containedImage={containedImage}\n          mediaPlayerProps={\n            effectiveSourceUrl\n              ? { autoPlay: true, loop: true, controls: true, muted: false }\n              : undefined\n          }\n        />\n      )}\n\n      {topRight && (\n        <div className=\"pointer-events-auto absolute right-3 top-3 z-10\">\n          {topRight}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default SingleThumbnail\n","import { ImagesIcon } from '@phosphor-icons/react'\nimport type React from 'react'\n\nimport type {\n  LockedAttachmentGalleryItem,\n  LockedAttachmentSource,\n  PaymentStatus,\n} from '../../types'\n\nimport GalleryThumbnail from './GalleryThumbnail'\nimport type { CardVariant } from './MediaShell'\nimport SingleThumbnail from './SingleThumbnail'\n\nexport interface CardThumbnailProps {\n  variant: CardVariant\n  gallery: LockedAttachmentGalleryItem[]\n  title?: string\n  showLocked: boolean\n  paymentStatus?: PaymentStatus\n  /** Single-asset props — ignored when the card renders as a gallery. */\n  mimeType: string\n  thumbnailUrl?: string\n  source?: LockedAttachmentSource\n  containedImage?: boolean\n  /** Top-right overlay (e.g. Composer dismiss X). Rendered inside the thumbnail. */\n  topRight?: React.ReactNode\n}\n\n/** True when the card should render as a mixed-media carousel (2+ items). */\nexport const isGalleryCard = (\n  gallery: LockedAttachmentGalleryItem[]\n): boolean => gallery.length >= 2\n\n/**\n * The body-row icon a card shows when it renders as a gallery — `CardBody`\n * otherwise auto-detects the icon from `mimeType`. Returned as a ready node so\n * every card shares the same size/tone treatment.\n */\nexport const galleryBodyIcon = (variant: CardVariant): React.ReactNode => (\n  <ImagesIcon\n    className={\n      variant === 'dark'\n        ? 'size-5 shrink-0 text-white/55'\n        : 'size-5 shrink-0 text-black/55'\n    }\n  />\n)\n\n/**\n * Owns the single-vs-gallery thumbnail decision shared by Composer /\n * `LockedAttachment.Media` cards: renders `GalleryThumbnail` for a 2+ item `gallery`,\n * else `SingleThumbnail` for the single asset. Callers pass the superset of\n * props; the unused half is ignored by whichever branch renders.\n */\nconst CardThumbnail: React.FC<CardThumbnailProps> = ({\n  variant,\n  gallery,\n  title,\n  showLocked,\n  paymentStatus,\n  mimeType,\n  thumbnailUrl,\n  source,\n  containedImage,\n  topRight,\n}) =>\n  isGalleryCard(gallery) ? (\n    <GalleryThumbnail\n      variant={variant}\n      gallery={gallery}\n      title={title}\n      showLocked={showLocked}\n      paymentStatus={paymentStatus}\n      topRight={topRight}\n    />\n  ) : (\n    <SingleThumbnail\n      variant={variant}\n      mimeType={mimeType}\n      thumbnailUrl={thumbnailUrl}\n      title={title}\n      source={source}\n      showLocked={showLocked}\n      paymentStatus={paymentStatus}\n      topRight={topRight}\n      containedImage={containedImage}\n    />\n  )\n\nexport default CardThumbnail\n","import classNames from 'classnames'\nimport React from 'react'\n\nexport type CardVariant = 'dark' | 'light'\n\nexport interface MediaShellProps {\n  variant: CardVariant\n  children: React.ReactNode\n  rootRef?: React.Ref<HTMLDivElement>\n  'data-testid'?: string\n}\n\n/**\n * Outer chrome for every LockedAttachment card.\n * Mirrors the 16px radius treatment from the Figma design system.\n */\nconst MediaShell: React.FC<MediaShellProps> = ({\n  variant,\n  children,\n  rootRef,\n  'data-testid': dataTestId,\n}) => (\n  <div\n    ref={rootRef}\n    data-testid={dataTestId}\n    className={classNames(\n      'relative w-[280px] select-none overflow-hidden rounded-md',\n      variant === 'dark' ? 'bg-[#1e2330]' : 'bg-white',\n      'shadow-[0_1px_2px_rgba(0,0,0,0.08)]'\n    )}\n  >\n    {children}\n  </div>\n)\n\nexport default MediaShell\n","import React from 'react'\n\nexport interface PreviewToggleProps {\n  /** Toggles the preview; omit to render `children` with no wrapper at all (nothing to toggle). */\n  onToggle: (() => void | Promise<void>) | undefined\n  isBusy: boolean\n  isPreviewVisible: boolean\n  children: React.ReactNode\n}\n\n/**\n * Makes a locked thumbnail clickable to toggle its preview. Uses a\n * `role=\"button\"` div rather than a native `<button>` because the thumbnail\n * it wraps can itself contain interactive children (gallery carousel arrows,\n * a Composer dismiss X) — nesting a real `<button>` around those would\n * produce invalid, inaccessible nested-interactive-element markup.\n */\nconst PreviewToggle: React.FC<PreviewToggleProps> = ({\n  onToggle,\n  isBusy,\n  isPreviewVisible,\n  children,\n}) => {\n  if (!onToggle) return <React.Fragment>{children}</React.Fragment>\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={isBusy ? -1 : 0}\n      aria-label=\"Toggle preview\"\n      aria-busy={isBusy}\n      aria-pressed={isPreviewVisible}\n      aria-disabled={isBusy || undefined}\n      onClick={isBusy ? undefined : onToggle}\n      onKeyDown={(e) => {\n        if (isBusy) return\n        // Only handle keys that originate on the wrapper itself, not on\n        // inner interactive elements (dismiss X, carousel arrows). Without\n        // this guard, pressing Enter/Space on a focused child would bubble\n        // up and toggle the preview in addition to activating the child.\n        if (e.target !== e.currentTarget) return\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault()\n          void onToggle()\n        }\n      }}\n      className={\n        !isBusy\n          ? 'block w-full cursor-pointer text-left'\n          : 'block w-full text-left'\n      }\n    >\n      {children}\n    </div>\n  )\n}\n\nexport default PreviewToggle\n","import { useCallback, useRef, useState } from 'react'\n\nimport type { LockedAttachmentSource } from '../../types'\n\nexport interface UsePreviewToggleOptions {\n  /** Gallery items carry their own per-item sources on the `gallery` prop already, so toggling skips the async fetch entirely. */\n  isGallery: boolean\n  /**\n   * Lazily loads the underlying source; the resolved value is cached in\n   * `source` and reused on subsequent toggles.\n   */\n  onFetchSource?: () => Promise<LockedAttachmentSource | void>\n  /** Fired on every toggle tap, before any visibility/fetch logic runs. */\n  onPreviewClick?: () => void\n}\n\nexport interface UsePreviewToggleResult {\n  source: LockedAttachmentSource | undefined\n  isPreviewVisible: boolean\n  isLoadingPreview: boolean\n  handleToggle: () => Promise<void>\n  /**\n   * `handleToggle` when the card can actually be previewed (gallery, or a\n   * fetch/click handler is wired), else `undefined` — pass straight to\n   * `PreviewToggle.onToggle` so a non-previewable card renders no\n   * toggle affordance.\n   */\n  togglePreview: (() => Promise<void>) | undefined\n}\n\n/**\n * Shared preview-toggle state for Composer/Media isMine: flips a locked thumbnail to\n * its unlocked preview, lazily fetching and caching the source on first\n * reveal. Media !isMine doesn't use this — it fetches on scroll-into-view/paid\n * instead of on a toggle tap.\n */\nexport function usePreviewToggle({\n  isGallery,\n  onFetchSource,\n  onPreviewClick,\n}: UsePreviewToggleOptions): UsePreviewToggleResult {\n  const [source, setSource] = useState<LockedAttachmentSource | undefined>()\n  const [isPreviewVisible, setIsPreviewVisible] = useState(false)\n  const [isLoadingPreview, setIsLoadingPreview] = useState(false)\n  const fetchingRef = useRef(false)\n\n  const handleToggle = useCallback(async () => {\n    onPreviewClick?.()\n    if (isPreviewVisible) {\n      setIsPreviewVisible(false)\n      return\n    }\n    if (isGallery) {\n      setIsPreviewVisible(true)\n      return\n    }\n    if (source) {\n      setIsPreviewVisible(true)\n      return\n    }\n    if (!onFetchSource) return\n    if (fetchingRef.current) return\n    fetchingRef.current = true\n    setIsLoadingPreview(true)\n    try {\n      const result = await onFetchSource()\n      if (result) {\n        setSource(result)\n        setIsPreviewVisible(true)\n      }\n    } finally {\n      fetchingRef.current = false\n      setIsLoadingPreview(false)\n    }\n  }, [isPreviewVisible, isGallery, source, onPreviewClick, onFetchSource])\n\n  const togglePreview =\n    isGallery || onFetchSource != null || onPreviewClick != null\n      ? handleToggle\n      : undefined\n\n  return {\n    source,\n    isPreviewVisible,\n    isLoadingPreview,\n    handleToggle,\n    togglePreview,\n  }\n}\n","/* eslint-disable react-hooks/refs -- pre-existing pattern flagged by the React\n   Compiler rules added in eslint-plugin-react-hooks v7; refactoring it is\n   out of scope for the lint toolchain upgrade. */\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type {\n  FetchSourceHandler,\n  LockedAttachmentSource,\n  PaymentStatus,\n} from '../../types'\n\nexport interface UseReceivedSourceOptions {\n  paymentStatus?: PaymentStatus\n  onFetchSource?: FetchSourceHandler\n  /** Called on Unlock click while the card is still unpaid (opens checkout). */\n  onUnlockClick?: () => void\n}\n\nexport interface UseReceivedSourceResult {\n  source: LockedAttachmentSource | undefined\n  /** Attach to the card root so the paid-source auto-fetch can observe it. */\n  cardRef: React.RefObject<HTMLDivElement>\n  /** Fetches the source when already paid, else defers to `onUnlockClick`. */\n  handleUnlockClick: () => void\n}\n\n/**\n * Media !isMine's source-reveal logic: unlike Composer/Media isMine's\n * tap-to-toggle (`usePreviewToggle`), the recipient's card reveals its source\n * by fetching once — on click when already paid, or automatically the first\n * time a paid card scrolls fully into view. The fetch is guarded so it runs\n * at most once in flight.\n */\nexport function useReceivedSource({\n  paymentStatus,\n  onFetchSource,\n  onUnlockClick,\n}: UseReceivedSourceOptions): UseReceivedSourceResult {\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 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  // Auto-fetch the source once the paid card scrolls into view.\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 { source, cardRef, handleUnlockClick }\n}\n","import { DownloadSimpleIcon, LockSimpleIcon } from '@phosphor-icons/react'\nimport React from 'react'\n\nimport LoadingDots from '../_shared/LoadingDots'\n\nexport interface ReceivedCardActionsProps {\n  /** Whether the card is currently locked. Drives which CTA we render. */\n  isLocked: boolean\n  /**\n   * When unlocked, the URL used as the Download link's `href` (opens in a new\n   * tab). When omitted, the Download CTA falls back to a plain `<button>`\n   * that just calls `onDownloadClicked` — useful for galleries where the\n   * single-source URL doesn't exist.\n   */\n  sourceUrl?: string\n  /** Optional alternate href that takes precedence over `sourceUrl`. */\n  redeemUrl?: string\n  onUnlockClicked?: () => void\n  onDownloadClicked?: () => void\n  isUnlocking?: boolean\n}\n\nconst buttonClass =\n  '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/**\n * Renders the primary CTA below the body of a Received card.\n * - Locked + onUnlockClicked → \"Unlock\" button\n * - Unlocked + onDownloadClicked + (redeemUrl || sourceUrl) → \"Download\" link\n * - Unlocked + onDownloadClicked + no URL → \"Download\" button (e.g. gallery)\n * Otherwise renders nothing.\n */\nconst ReceivedCardActions: React.FC<ReceivedCardActionsProps> = ({\n  isLocked,\n  sourceUrl,\n  redeemUrl,\n  onUnlockClicked,\n  onDownloadClicked,\n  isUnlocking = false,\n}) => {\n  if (isLocked && onUnlockClicked != null) {\n    return (\n      <button\n        type=\"button\"\n        onClick={onUnlockClicked}\n        disabled={isUnlocking}\n        aria-label={isUnlocking ? 'Unlocking' : 'Unlock'}\n        aria-busy={isUnlocking}\n        title={isUnlocking ? 'Unlocking' : 'Unlock'}\n        className={buttonClass}\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) {\n    const href = redeemUrl ?? sourceUrl\n    if (href != null) {\n      return (\n        <a\n          href={href}\n          aria-label=\"Download\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          onClick={onDownloadClicked}\n          className={`${buttonClass} !text-white`}\n        >\n          <DownloadSimpleIcon className=\"size-4\" weight=\"bold\" />\n          Download\n        </a>\n      )\n    }\n\n    return (\n      <button\n        type=\"button\"\n        onClick={onDownloadClicked}\n        aria-label=\"Download\"\n        className={buttonClass}\n      >\n        <DownloadSimpleIcon className=\"size-4\" weight=\"bold\" />\n        Download\n      </button>\n    )\n  }\n\n  return null\n}\n\nexport default ReceivedCardActions\n","import { PencilSimpleIcon, XIcon } from '@phosphor-icons/react'\nimport React from 'react'\n\nimport { getSourceType } from '../../../../AttachmentCard'\nimport CardBody from '../_shared/CardBody'\nimport CardThumbnail, {\n  galleryBodyIcon,\n  isGalleryCard,\n} from '../_shared/CardThumbnail'\nimport MediaShell from '../_shared/MediaShell'\nimport PreviewToggle from '../_shared/PreviewToggle'\nimport PurchaseStatusBadge from '../_shared/PurchaseStatusBadge'\nimport { usePreviewToggle } from '../_shared/usePreviewToggle'\nimport { useReceivedSource } from '../_shared/useReceivedSource'\n\nimport ReceivedCardActions from './CardActions'\nimport type {\n  MediaCardDraftProps,\n  MediaCardOtherProps,\n  MediaCardOwnProps,\n  MediaCardPreviewProps,\n  MediaCardProps,\n} from './types'\n\nexport type { MediaCardProps } from './types'\n\n/**\n * Media card while still drafting — the locked thumbnail (single or gallery)\n * the composer taps to preview the attachment they're about to send, plus\n * the title/price body with optional dismiss X and edit pencil.\n */\nconst DraftMediaCard: React.FC<MediaCardDraftProps> = ({\n  title,\n  mimeType = 'application/octet-stream',\n  thumbnailUrl,\n  detail,\n  amountText,\n  placeholderTitle,\n  placeholderAmountText,\n  gallery = [],\n  onDismiss,\n  onPreviewClick,\n  onFetchSource,\n  onEditClick,\n}) => {\n  const isGallery = isGalleryCard(gallery)\n\n  // Gallery is always previewable in the composer because each item's source\n  // is already provided up-front via `gallery[*].sourceUrl`.\n  const { source, isPreviewVisible, isLoadingPreview, togglePreview } =\n    usePreviewToggle({ isGallery, onFetchSource, onPreviewClick })\n\n  const showLocked = !isPreviewVisible\n  const isBusy = isLoadingPreview\n\n  const statusBadge = (\n    <React.Fragment>\n      <span className=\"text-xs font-medium text-white/55\">&bull;</span>\n      <span\n        className={\n          amountText\n            ? 'text-xs font-medium text-white/55'\n            : 'text-xs font-medium text-white/30'\n        }\n      >\n        {amountText || placeholderAmountText}\n      </span>\n    </React.Fragment>\n  )\n\n  const dismissButton = onDismiss ? (\n    <button\n      type=\"button\"\n      onClick={(e) => {\n        // Stop the click from bubbling up into the outer preview-toggle\n        // wrapper when both are wired up at the same time.\n        e.stopPropagation()\n        onDismiss()\n      }}\n      className=\"flex size-6 items-center justify-center rounded-full bg-[#121110] text-white\"\n      aria-label=\"Dismiss attachment\"\n    >\n      <XIcon className=\"size-3\" weight=\"bold\" />\n    </button>\n  ) : undefined\n\n  const editButton = onEditClick ? (\n    <button\n      type=\"button\"\n      onClick={onEditClick}\n      aria-label=\"Edit attachment\"\n      className=\"flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15\"\n    >\n      <PencilSimpleIcon className=\"size-5\" weight=\"regular\" />\n    </button>\n  ) : undefined\n\n  return (\n    <MediaShell variant=\"dark\">\n      <PreviewToggle\n        onToggle={togglePreview}\n        isBusy={isBusy}\n        isPreviewVisible={!showLocked}\n      >\n        <CardThumbnail\n          variant=\"dark\"\n          gallery={gallery}\n          title={title}\n          showLocked={showLocked}\n          mimeType={mimeType}\n          thumbnailUrl={thumbnailUrl}\n          source={source}\n          topRight={dismissButton}\n        />\n      </PreviewToggle>\n\n      <CardBody\n        variant=\"dark\"\n        title={title}\n        placeholderTitle={placeholderTitle}\n        mimeType={mimeType}\n        detail={detail}\n        statusBadge={statusBadge}\n        icon={isGallery ? galleryBodyIcon('dark') : undefined}\n        trailingAction={editButton}\n      />\n    </MediaShell>\n  )\n}\n\n/**\n * Static mockup of what the recipient will see before purchase — always\n * locked/blurred (the lock badge renders from `showLocked` alone, no toggle\n * wiring needed), no interactivity, no real content revealed.\n */\nconst PreviewMediaCard: React.FC<MediaCardPreviewProps> = ({\n  title,\n  mimeType = 'application/octet-stream',\n  thumbnailUrl,\n  detail,\n  amountText,\n  placeholderTitle,\n  placeholderAmountText,\n  gallery = [],\n}) => {\n  const isGallery = isGalleryCard(gallery)\n\n  const statusBadge = (\n    <React.Fragment>\n      <span className=\"text-xs font-medium text-black/55\">&bull;</span>\n      <span\n        className={\n          amountText\n            ? 'text-xs font-medium text-black/55'\n            : 'text-xs font-medium text-black/30'\n        }\n      >\n        {amountText || placeholderAmountText}\n      </span>\n    </React.Fragment>\n  )\n\n  return (\n    <MediaShell variant=\"light\">\n      <CardThumbnail\n        variant=\"light\"\n        gallery={gallery}\n        title={title}\n        showLocked\n        mimeType={mimeType}\n        thumbnailUrl={thumbnailUrl}\n      />\n\n      <CardBody\n        variant=\"light\"\n        title={title}\n        placeholderTitle={placeholderTitle}\n        mimeType={mimeType}\n        detail={detail}\n        statusBadge={statusBadge}\n        icon={isGallery ? galleryBodyIcon('light') : undefined}\n      />\n    </MediaShell>\n  )\n}\n/**\n * The sender's ('mine') view of a paid media attachment: the locked\n * thumbnail (single or gallery) they can tap to preview their own\n * attachment, plus the title/purchase-status body.\n */\nconst OwnMediaCard: React.FC<MediaCardOwnProps> = ({\n  title,\n  mimeType = 'application/octet-stream',\n  thumbnailUrl,\n  detail,\n  amountText,\n  placeholderTitle,\n  paymentStatus = 'pending',\n  gallery = [],\n  onPreviewClick,\n  onFetchSource,\n}) => {\n  const isGallery = isGalleryCard(gallery)\n\n  // Gallery is always previewable for the sender because each item's source\n  // is already provided up-front via `gallery[*].sourceUrl`.\n  const { source, isPreviewVisible, isLoadingPreview, togglePreview } =\n    usePreviewToggle({ isGallery, onFetchSource, onPreviewClick })\n\n  const showLocked = !isPreviewVisible\n  const isBusy = isLoadingPreview\n\n  return (\n    <MediaShell variant=\"dark\">\n      <PreviewToggle\n        onToggle={togglePreview}\n        isBusy={isBusy}\n        isPreviewVisible={!showLocked}\n      >\n        <CardThumbnail\n          variant=\"dark\"\n          gallery={gallery}\n          title={title}\n          showLocked={showLocked}\n          paymentStatus={paymentStatus}\n          mimeType={mimeType}\n          thumbnailUrl={thumbnailUrl}\n          source={source}\n        />\n      </PreviewToggle>\n\n      <CardBody\n        variant=\"dark\"\n        title={title}\n        placeholderTitle={placeholderTitle}\n        mimeType={mimeType}\n        detail={detail}\n        statusBadge={\n          <PurchaseStatusBadge\n            isMine={true}\n            paymentStatus={paymentStatus}\n            amountText={amountText}\n          />\n        }\n        icon={isGallery ? galleryBodyIcon('dark') : undefined}\n      />\n    </MediaShell>\n  )\n}\n\n/**\n * The recipient's ('other') view of a paid media attachment: the locked\n * thumbnail (single or gallery) with an Unlock/Download CTA. The source is\n * revealed by fetching once — on click when already paid, or automatically\n * the first time a paid card scrolls into view.\n */\nconst OtherMediaCard: React.FC<MediaCardOtherProps> = ({\n  title,\n  amountText,\n  thumbnailUrl,\n  mimeType = 'application/octet-stream',\n  detail,\n  gallery = [],\n  onUnlockClick,\n  onFetchSource,\n  onDownloadClick,\n  paymentStatus,\n  isUnlocking = false,\n}) => {\n  const isGallery = isGalleryCard(gallery)\n\n  const { source, cardRef, handleUnlockClick } = useReceivedSource({\n    paymentStatus,\n    onFetchSource,\n    onUnlockClick,\n  })\n\n  const effectiveSourceUrl = source?.sourceUrl\n  const effectiveRedeemUrl = source?.redeemUrl\n\n  // For gallery, the per-item sources are carried by `gallery` itself, so\n  // the lock state is driven by paymentStatus rather than the single\n  // `effectiveSourceUrl`. Everything else still respects the source fetch.\n  const isLocked = isGallery\n    ? paymentStatus !== 'paid'\n    : effectiveSourceUrl === undefined\n  const sourceType = getSourceType(mimeType)\n\n  // For gallery, ReceivedCardActions falls back to a plain <button>\n  // (no anchor) because the gallery has no single sourceUrl to link to —\n  // the per-item sources live on `gallery` itself.\n  const actionSourceUrl = isGallery ? undefined : effectiveSourceUrl\n\n  return (\n    <MediaShell\n      variant=\"light\"\n      rootRef={cardRef}\n      data-testid=\"locked-attachment\"\n    >\n      <CardThumbnail\n        variant=\"light\"\n        gallery={gallery}\n        title={title}\n        showLocked={isLocked}\n        paymentStatus={paymentStatus}\n        mimeType={mimeType}\n        thumbnailUrl={thumbnailUrl}\n        source={source}\n        containedImage={!isLocked && sourceType === 'document'}\n      />\n\n      <CardBody\n        variant=\"light\"\n        title={title}\n        mimeType={mimeType}\n        detail={detail}\n        statusBadge={\n          <PurchaseStatusBadge\n            isMine={false}\n            paymentStatus={paymentStatus}\n            amountText={amountText}\n          />\n        }\n        icon={isGallery ? galleryBodyIcon('light') : undefined}\n        action={\n          <ReceivedCardActions\n            isLocked={isLocked}\n            isUnlocking={isUnlocking}\n            sourceUrl={actionSourceUrl}\n            redeemUrl={effectiveRedeemUrl}\n            onUnlockClicked={handleUnlockClick}\n            onDownloadClicked={onDownloadClick}\n          />\n        }\n      />\n    </MediaShell>\n  )\n}\n\n/**\n * The card either party sees for a paid media attachment. `isDraft`/`isPreview`\n * select the composer's own drafting view / a static receiver-side mockup;\n * otherwise `isMine` selects the sender's sent view vs. the recipient's\n * unlock/download view.\n */\nconst MediaCard: React.FC<MediaCardProps> = (props) => {\n  if (props.isDraft) {\n    return <DraftMediaCard {...props} />\n  } else if (props.isPreview) {\n    return <PreviewMediaCard {...props} />\n  } else if (props.isMine) {\n    return <OwnMediaCard {...props} />\n  } else {\n    return <OtherMediaCard {...props} />\n  }\n}\n\nexport default MediaCard\n"],"names":["CardBody","variant","title","placeholderTitle","mimeType","detail","statusBadge","action","icon","trailingAction","isDark","displayTitle","titleDimmed","typeIcon","renderTypeIcon","classNames","jsxs","jsx","LockBadge","paymentStatus","isPlayable","isLocked","sourceType","getSourceType","Icon","PlayIcon","LockOpenIcon","LockSimpleIcon","isPlayableItem","item","GalleryThumbnail","gallery","showLocked","topRight","index","setIndex","useState","total","safeIndex","current","isVideoItem","optimizedCurrentThumbnailUrl","optimizeMessagingAttachmentUrl","goPrev","e","i","goNext","atStart","atEnd","AttachmentThumbnail","React","CaretLeftIcon","CaretRightIcon","SingleThumbnail","thumbnailUrl","source","containedImage","effectiveSourceUrl","effectiveThumbnailUrl","optimizedThumbnailUrl","isGalleryCard","galleryBodyIcon","ImagesIcon","CardThumbnail","MediaShell","children","rootRef","dataTestId","PreviewToggle","onToggle","isBusy","isPreviewVisible","usePreviewToggle","isGallery","onFetchSource","onPreviewClick","setSource","setIsPreviewVisible","isLoadingPreview","setIsLoadingPreview","fetchingRef","useRef","handleToggle","useCallback","result","togglePreview","useReceivedSource","onUnlockClick","cardRef","onFetchSourceRef","fetchSource","_a","handleUnlockClick","useEffect","observer","entry","buttonClass","ReceivedCardActions","sourceUrl","redeemUrl","onUnlockClicked","onDownloadClicked","isUnlocking","LoadingDots","href","DownloadSimpleIcon","DraftMediaCard","amountText","placeholderAmountText","onDismiss","onEditClick","dismissButton","XIcon","editButton","PencilSimpleIcon","PreviewMediaCard","OwnMediaCard","PurchaseStatusBadge","OtherMediaCard","onDownloadClick","effectiveRedeemUrl","actionSourceUrl","MediaCard","props"],"mappings":"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"}

package/dist/LoadingDots-Ct3WmVlT.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingDots-Ct3WmVlT.js","sources":["../src/components/CustomMessage/LockedAttachment/components/_shared/PurchaseStatusBadge.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/LoadingDots.tsx"],"sourcesContent":["import { CheckCircleIcon } from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React from 'react'\n\nimport type { PaymentStatus } from '../../types'\n\nexport interface PurchaseStatusBadgeProps {\n  /** 'own' matches the sender's dark/own-message context; 'other' matches the recipient's light/other-message context. */\n  isMine: boolean\n  /** 'paid' renders the \"Sold\"/\"Purchased\" + checkmark variant; otherwise falls back to plain amount text, or nothing. */\n  paymentStatus?: PaymentStatus\n  amountText?: string\n}\n\n/**\n * Bullet + amount/label + checkmark row for a paid attachment or message.\n * Shared by `LockedAttachment.Media`/`.Text`'s status badges.\n */\nconst PurchaseStatusBadge: React.FC<PurchaseStatusBadgeProps> = ({\n  isMine,\n  paymentStatus,\n  amountText,\n}) => {\n  const labelColour = isMine ? 'text-white/55' : 'text-black/55'\n  const successColour = isMine ? 'text-[#34c759]' : 'text-[#008236]'\n  if (paymentStatus === 'paid') {\n    return (\n      <React.Fragment>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          &bull;\n        </span>\n        <span className={classNames('text-xs font-medium', successColour)}>\n          {isMine ? 'Sold' : 'Purchased'}\n        </span>\n        <CheckCircleIcon\n          className={classNames('shrink-0 size-3.5', successColour)}\n          weight=\"bold\"\n          aria-hidden\n        />\n      </React.Fragment>\n    )\n  }\n\n  if (amountText != null) {\n    return (\n      <React.Fragment>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          &bull;\n        </span>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          {amountText}\n        </span>\n      </React.Fragment>\n    )\n  }\n\n\n  if (paymentStatus === 'failed' || paymentStatus === 'refunded') {\n    return (\n      <React.Fragment>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          &bull;\n        </span>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          {paymentStatus === 'failed' ? 'Payment failed' : 'Refunded'}\n        </span>\n      </React.Fragment>\n    )\n  }\n\n  return null\n}\n\nexport default PurchaseStatusBadge\n","import React from 'react'\n\nconst Dot = ({ cx, index }: { cx: string; index: number }) => (\n  <circle cx={cx} cy=\"6.15\" r=\"2.4\" fill=\"currentColor\">\n    <animateTransform\n      attributeName=\"transform\"\n      type=\"translate\"\n      values=\"0 0; 0 -2.25; 0 0;\"\n      dur=\"900ms\"\n      begin={`${120 * index}ms`}\n      repeatCount=\"indefinite\"\n    />\n  </circle>\n)\n\n/**\n * Three bouncing dots, inline-sized for use inside buttons/labels (e.g. the\n * Unlock CTA while a purchase is in flight). Mirrors the typing indicator's\n * animation but uses `currentColor` so it adopts the surrounding text color.\n */\nconst LoadingDots: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    aria-hidden=\"true\"\n    className={className}\n    viewBox=\"0 0 20 12.3\"\n    width=\"20\"\n    height=\"13\"\n    overflow=\"visible\"\n  >\n    <Dot cx=\"3\" index={0} />\n    <Dot cx=\"10\" index={1} />\n    <Dot cx=\"17\" index={2} />\n  </svg>\n)\n\nexport default LoadingDots\n"],"names":["PurchaseStatusBadge","isMine","paymentStatus","amountText","labelColour","successColour","jsxs","React","jsx","classNames","CheckCircleIcon","Dot","cx","index","LoadingDots","className"],"mappings":";;;;AAkBA,MAAMA,IAA0D,CAAC;AAAA,EAC/D,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACJ,QAAMC,IAAcH,IAAS,kBAAkB,iBACzCI,IAAgBJ,IAAS,mBAAmB;AAClD,SAAIC,MAAkB,SAElB,gBAAAI,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,WAAWC,EAAW,uBAAuBL,CAAW,GAAG,UAAA,KAEjE;AAAA,IACA,gBAAAI,EAAC,UAAK,WAAWC,EAAW,uBAAuBJ,CAAa,GAC7D,UAAAJ,IAAS,SAAS,YAAA,CACrB;AAAA,IACA,gBAAAO;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAWD,EAAW,qBAAqBJ,CAAa;AAAA,QACxD,QAAO;AAAA,QACP,eAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,GACF,IAIAF,KAAc,OAEd,gBAAAG,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,WAAWC,EAAW,uBAAuBL,CAAW,GAAG,UAAA,KAEjE;AAAA,sBACC,QAAA,EAAK,WAAWK,EAAW,uBAAuBL,CAAW,GAC3D,UAAAD,EAAA,CACH;AAAA,EAAA,GACF,IAKAD,MAAkB,YAAYA,MAAkB,aAEhD,gBAAAI,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,WAAWC,EAAW,uBAAuBL,CAAW,GAAG,UAAA,KAEjE;AAAA,IACA,gBAAAI,EAAC,QAAA,EAAK,WAAWC,EAAW,uBAAuBL,CAAW,GAC3D,UAAAF,MAAkB,WAAW,mBAAmB,WAAA,CACnD;AAAA,EAAA,GACF,IAIG;AACT,GCrEMS,IAAM,CAAC,EAAE,IAAAC,GAAI,OAAAC,QACjB,gBAAAL,EAAC,UAAA,EAAO,IAAAI,GAAQ,IAAG,QAAO,GAAE,OAAM,MAAK,gBACrC,UAAA,gBAAAJ;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAc;AAAA,IACd,MAAK;AAAA,IACL,QAAO;AAAA,IACP,KAAI;AAAA,IACJ,OAAO,GAAG,MAAMK,CAAK;AAAA,IACrB,aAAY;AAAA,EAAA;AACd,GACF,GAQIC,IAAgD,CAAC,EAAE,WAAAC,EAAA,MACvD,gBAAAT;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAAS;AAAA,IACA,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,QAAO;AAAA,IACP,UAAS;AAAA,IAET,UAAA;AAAA,MAAA,gBAAAP,EAACG,GAAA,EAAI,IAAG,KAAI,OAAO,GAAG;AAAA,MACtB,gBAAAH,EAACG,GAAA,EAAI,IAAG,MAAK,OAAO,GAAG;AAAA,MACvB,gBAAAH,EAACG,GAAA,EAAI,IAAG,MAAK,OAAO,EAAA,CAAG;AAAA,IAAA;AAAA,EAAA;AACzB;"}
+{"version":3,"file":"LoadingDots-Ct3WmVlT.js","sources":["../src/components/CustomMessage/LockedAttachment/components/_shared/PurchaseStatusBadge.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/LoadingDots.tsx"],"sourcesContent":["import { CheckCircleIcon } from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React from 'react'\n\nimport type { PaymentStatus } from '../../types'\n\nexport interface PurchaseStatusBadgeProps {\n  /** 'own' matches the sender's dark/own-message context; 'other' matches the recipient's light/other-message context. */\n  isMine: boolean\n  /** 'paid' renders the \"Sold\"/\"Purchased\" + checkmark variant; otherwise falls back to plain amount text, or nothing. */\n  paymentStatus?: PaymentStatus\n  amountText?: string\n}\n\n/**\n * Bullet + amount/label + checkmark row for a paid attachment or message.\n * Shared by `LockedAttachment.Media`/`.Text`'s status badges.\n */\nconst PurchaseStatusBadge: React.FC<PurchaseStatusBadgeProps> = ({\n  isMine,\n  paymentStatus,\n  amountText,\n}) => {\n  const labelColour = isMine ? 'text-white/55' : 'text-black/55'\n  const successColour = isMine ? 'text-[#34c759]' : 'text-[#008236]'\n  if (paymentStatus === 'paid') {\n    return (\n      <React.Fragment>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          &bull;\n        </span>\n        <span className={classNames('text-xs font-medium', successColour)}>\n          {isMine ? 'Sold' : 'Purchased'}\n        </span>\n        <CheckCircleIcon\n          className={classNames('shrink-0 size-3.5', successColour)}\n          weight=\"bold\"\n          aria-hidden\n        />\n      </React.Fragment>\n    )\n  }\n\n  if (amountText != null) {\n    return (\n      <React.Fragment>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          &bull;\n        </span>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          {amountText}\n        </span>\n      </React.Fragment>\n    )\n  }\n\n  if (paymentStatus === 'failed' || paymentStatus === 'refunded') {\n    return (\n      <React.Fragment>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          &bull;\n        </span>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          {paymentStatus === 'failed' ? 'Payment failed' : 'Refunded'}\n        </span>\n      </React.Fragment>\n    )\n  }\n\n  return null\n}\n\nexport default PurchaseStatusBadge\n","import React from 'react'\n\nconst Dot = ({ cx, index }: { cx: string; index: number }) => (\n  <circle cx={cx} cy=\"6.15\" r=\"2.4\" fill=\"currentColor\">\n    <animateTransform\n      attributeName=\"transform\"\n      type=\"translate\"\n      values=\"0 0; 0 -2.25; 0 0;\"\n      dur=\"900ms\"\n      begin={`${120 * index}ms`}\n      repeatCount=\"indefinite\"\n    />\n  </circle>\n)\n\n/**\n * Three bouncing dots, inline-sized for use inside buttons/labels (e.g. the\n * Unlock CTA while a purchase is in flight). Mirrors the typing indicator's\n * animation but uses `currentColor` so it adopts the surrounding text color.\n */\nconst LoadingDots: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    aria-hidden=\"true\"\n    className={className}\n    viewBox=\"0 0 20 12.3\"\n    width=\"20\"\n    height=\"13\"\n    overflow=\"visible\"\n  >\n    <Dot cx=\"3\" index={0} />\n    <Dot cx=\"10\" index={1} />\n    <Dot cx=\"17\" index={2} />\n  </svg>\n)\n\nexport default LoadingDots\n"],"names":["PurchaseStatusBadge","isMine","paymentStatus","amountText","labelColour","successColour","jsxs","React","jsx","classNames","CheckCircleIcon","Dot","cx","index","LoadingDots","className"],"mappings":";;;;AAkBA,MAAMA,IAA0D,CAAC;AAAA,EAC/D,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACJ,QAAMC,IAAcH,IAAS,kBAAkB,iBACzCI,IAAgBJ,IAAS,mBAAmB;AAClD,SAAIC,MAAkB,SAElB,gBAAAI,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,WAAWC,EAAW,uBAAuBL,CAAW,GAAG,UAAA,KAEjE;AAAA,IACA,gBAAAI,EAAC,UAAK,WAAWC,EAAW,uBAAuBJ,CAAa,GAC7D,UAAAJ,IAAS,SAAS,YAAA,CACrB;AAAA,IACA,gBAAAO;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAWD,EAAW,qBAAqBJ,CAAa;AAAA,QACxD,QAAO;AAAA,QACP,eAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,GACF,IAIAF,KAAc,OAEd,gBAAAG,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,WAAWC,EAAW,uBAAuBL,CAAW,GAAG,UAAA,KAEjE;AAAA,sBACC,QAAA,EAAK,WAAWK,EAAW,uBAAuBL,CAAW,GAC3D,UAAAD,EAAA,CACH;AAAA,EAAA,GACF,IAIAD,MAAkB,YAAYA,MAAkB,aAEhD,gBAAAI,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,WAAWC,EAAW,uBAAuBL,CAAW,GAAG,UAAA,KAEjE;AAAA,IACA,gBAAAI,EAAC,QAAA,EAAK,WAAWC,EAAW,uBAAuBL,CAAW,GAC3D,UAAAF,MAAkB,WAAW,mBAAmB,WAAA,CACnD;AAAA,EAAA,GACF,IAIG;AACT,GCpEMS,IAAM,CAAC,EAAE,IAAAC,GAAI,OAAAC,QACjB,gBAAAL,EAAC,UAAA,EAAO,IAAAI,GAAQ,IAAG,QAAO,GAAE,OAAM,MAAK,gBACrC,UAAA,gBAAAJ;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAc;AAAA,IACd,MAAK;AAAA,IACL,QAAO;AAAA,IACP,KAAI;AAAA,IACJ,OAAO,GAAG,MAAMK,CAAK;AAAA,IACrB,aAAY;AAAA,EAAA;AACd,GACF,GAQIC,IAAgD,CAAC,EAAE,WAAAC,EAAA,MACvD,gBAAAT;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAAS;AAAA,IACA,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,QAAO;AAAA,IACP,UAAS;AAAA,IAET,UAAA;AAAA,MAAA,gBAAAP,EAACG,GAAA,EAAI,IAAG,KAAI,OAAO,GAAG;AAAA,MACtB,gBAAAH,EAACG,GAAA,EAAI,IAAG,MAAK,OAAO,GAAG;AAAA,MACvB,gBAAAH,EAACG,GAAA,EAAI,IAAG,MAAK,OAAO,EAAA,CAAG;AAAA,IAAA;AAAA,EAAA;AACzB;"}

package/dist/LoadingDots-D9GGphgM.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingDots-D9GGphgM.cjs","sources":["../src/components/CustomMessage/LockedAttachment/components/_shared/PurchaseStatusBadge.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/LoadingDots.tsx"],"sourcesContent":["import { CheckCircleIcon } from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React from 'react'\n\nimport type { PaymentStatus } from '../../types'\n\nexport interface PurchaseStatusBadgeProps {\n  /** 'own' matches the sender's dark/own-message context; 'other' matches the recipient's light/other-message context. */\n  isMine: boolean\n  /** 'paid' renders the \"Sold\"/\"Purchased\" + checkmark variant; otherwise falls back to plain amount text, or nothing. */\n  paymentStatus?: PaymentStatus\n  amountText?: string\n}\n\n/**\n * Bullet + amount/label + checkmark row for a paid attachment or message.\n * Shared by `LockedAttachment.Media`/`.Text`'s status badges.\n */\nconst PurchaseStatusBadge: React.FC<PurchaseStatusBadgeProps> = ({\n  isMine,\n  paymentStatus,\n  amountText,\n}) => {\n  const labelColour = isMine ? 'text-white/55' : 'text-black/55'\n  const successColour = isMine ? 'text-[#34c759]' : 'text-[#008236]'\n  if (paymentStatus === 'paid') {\n    return (\n      <React.Fragment>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          &bull;\n        </span>\n        <span className={classNames('text-xs font-medium', successColour)}>\n          {isMine ? 'Sold' : 'Purchased'}\n        </span>\n        <CheckCircleIcon\n          className={classNames('shrink-0 size-3.5', successColour)}\n          weight=\"bold\"\n          aria-hidden\n        />\n      </React.Fragment>\n    )\n  }\n\n  if (amountText != null) {\n    return (\n      <React.Fragment>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          &bull;\n        </span>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          {amountText}\n        </span>\n      </React.Fragment>\n    )\n  }\n\n\n  if (paymentStatus === 'failed' || paymentStatus === 'refunded') {\n    return (\n      <React.Fragment>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          &bull;\n        </span>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          {paymentStatus === 'failed' ? 'Payment failed' : 'Refunded'}\n        </span>\n      </React.Fragment>\n    )\n  }\n\n  return null\n}\n\nexport default PurchaseStatusBadge\n","import React from 'react'\n\nconst Dot = ({ cx, index }: { cx: string; index: number }) => (\n  <circle cx={cx} cy=\"6.15\" r=\"2.4\" fill=\"currentColor\">\n    <animateTransform\n      attributeName=\"transform\"\n      type=\"translate\"\n      values=\"0 0; 0 -2.25; 0 0;\"\n      dur=\"900ms\"\n      begin={`${120 * index}ms`}\n      repeatCount=\"indefinite\"\n    />\n  </circle>\n)\n\n/**\n * Three bouncing dots, inline-sized for use inside buttons/labels (e.g. the\n * Unlock CTA while a purchase is in flight). Mirrors the typing indicator's\n * animation but uses `currentColor` so it adopts the surrounding text color.\n */\nconst LoadingDots: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    aria-hidden=\"true\"\n    className={className}\n    viewBox=\"0 0 20 12.3\"\n    width=\"20\"\n    height=\"13\"\n    overflow=\"visible\"\n  >\n    <Dot cx=\"3\" index={0} />\n    <Dot cx=\"10\" index={1} />\n    <Dot cx=\"17\" index={2} />\n  </svg>\n)\n\nexport default LoadingDots\n"],"names":["PurchaseStatusBadge","isMine","paymentStatus","amountText","labelColour","successColour","jsxs","React","jsx","classNames","CheckCircleIcon","Dot","cx","index","LoadingDots","className"],"mappings":"gIAkBMA,EAA0D,CAAC,CAC/D,OAAAC,EACA,cAAAC,EACA,WAAAC,CACF,IAAM,CACJ,MAAMC,EAAcH,EAAS,gBAAkB,gBACzCI,EAAgBJ,EAAS,iBAAmB,iBAClD,OAAIC,IAAkB,OAElBI,OAACC,EAAM,SAAN,CACC,SAAA,CAAAC,MAAC,QAAK,UAAWC,EAAW,sBAAuBL,CAAW,EAAG,SAAA,IAEjE,EACAI,EAAAA,IAAC,QAAK,UAAWC,EAAW,sBAAuBJ,CAAa,EAC7D,SAAAJ,EAAS,OAAS,WAAA,CACrB,EACAO,EAAAA,IAACE,EAAAA,gBAAA,CACC,UAAWD,EAAW,oBAAqBJ,CAAa,EACxD,OAAO,OACP,cAAW,EAAA,CAAA,CACb,EACF,EAIAF,GAAc,KAEdG,OAACC,EAAM,SAAN,CACC,SAAA,CAAAC,MAAC,QAAK,UAAWC,EAAW,sBAAuBL,CAAW,EAAG,SAAA,IAEjE,QACC,OAAA,CAAK,UAAWK,EAAW,sBAAuBL,CAAW,EAC3D,SAAAD,CAAA,CACH,CAAA,EACF,EAKAD,IAAkB,UAAYA,IAAkB,WAEhDI,OAACC,EAAM,SAAN,CACC,SAAA,CAAAC,MAAC,QAAK,UAAWC,EAAW,sBAAuBL,CAAW,EAAG,SAAA,IAEjE,EACAI,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAW,sBAAuBL,CAAW,EAC3D,SAAAF,IAAkB,SAAW,iBAAmB,UAAA,CACnD,CAAA,EACF,EAIG,IACT,ECrEMS,EAAM,CAAC,CAAE,GAAAC,EAAI,MAAAC,KACjBL,EAAAA,IAAC,SAAA,CAAO,GAAAI,EAAQ,GAAG,OAAO,EAAE,MAAM,KAAK,eACrC,SAAAJ,EAAAA,IAAC,mBAAA,CACC,cAAc,YACd,KAAK,YACL,OAAO,qBACP,IAAI,QACJ,MAAO,GAAG,IAAMK,CAAK,KACrB,YAAY,YAAA,CACd,EACF,EAQIC,EAAgD,CAAC,CAAE,UAAAC,CAAA,IACvDT,EAAAA,KAAC,MAAA,CACC,cAAY,OACZ,UAAAS,EACA,QAAQ,cACR,MAAM,KACN,OAAO,KACP,SAAS,UAET,SAAA,CAAAP,EAAAA,IAACG,EAAA,CAAI,GAAG,IAAI,MAAO,EAAG,EACtBH,EAAAA,IAACG,EAAA,CAAI,GAAG,KAAK,MAAO,EAAG,EACvBH,EAAAA,IAACG,EAAA,CAAI,GAAG,KAAK,MAAO,CAAA,CAAG,CAAA,CAAA,CACzB"}
+{"version":3,"file":"LoadingDots-D9GGphgM.cjs","sources":["../src/components/CustomMessage/LockedAttachment/components/_shared/PurchaseStatusBadge.tsx","../src/components/CustomMessage/LockedAttachment/components/_shared/LoadingDots.tsx"],"sourcesContent":["import { CheckCircleIcon } from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React from 'react'\n\nimport type { PaymentStatus } from '../../types'\n\nexport interface PurchaseStatusBadgeProps {\n  /** 'own' matches the sender's dark/own-message context; 'other' matches the recipient's light/other-message context. */\n  isMine: boolean\n  /** 'paid' renders the \"Sold\"/\"Purchased\" + checkmark variant; otherwise falls back to plain amount text, or nothing. */\n  paymentStatus?: PaymentStatus\n  amountText?: string\n}\n\n/**\n * Bullet + amount/label + checkmark row for a paid attachment or message.\n * Shared by `LockedAttachment.Media`/`.Text`'s status badges.\n */\nconst PurchaseStatusBadge: React.FC<PurchaseStatusBadgeProps> = ({\n  isMine,\n  paymentStatus,\n  amountText,\n}) => {\n  const labelColour = isMine ? 'text-white/55' : 'text-black/55'\n  const successColour = isMine ? 'text-[#34c759]' : 'text-[#008236]'\n  if (paymentStatus === 'paid') {\n    return (\n      <React.Fragment>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          &bull;\n        </span>\n        <span className={classNames('text-xs font-medium', successColour)}>\n          {isMine ? 'Sold' : 'Purchased'}\n        </span>\n        <CheckCircleIcon\n          className={classNames('shrink-0 size-3.5', successColour)}\n          weight=\"bold\"\n          aria-hidden\n        />\n      </React.Fragment>\n    )\n  }\n\n  if (amountText != null) {\n    return (\n      <React.Fragment>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          &bull;\n        </span>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          {amountText}\n        </span>\n      </React.Fragment>\n    )\n  }\n\n  if (paymentStatus === 'failed' || paymentStatus === 'refunded') {\n    return (\n      <React.Fragment>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          &bull;\n        </span>\n        <span className={classNames('text-xs font-medium', labelColour)}>\n          {paymentStatus === 'failed' ? 'Payment failed' : 'Refunded'}\n        </span>\n      </React.Fragment>\n    )\n  }\n\n  return null\n}\n\nexport default PurchaseStatusBadge\n","import React from 'react'\n\nconst Dot = ({ cx, index }: { cx: string; index: number }) => (\n  <circle cx={cx} cy=\"6.15\" r=\"2.4\" fill=\"currentColor\">\n    <animateTransform\n      attributeName=\"transform\"\n      type=\"translate\"\n      values=\"0 0; 0 -2.25; 0 0;\"\n      dur=\"900ms\"\n      begin={`${120 * index}ms`}\n      repeatCount=\"indefinite\"\n    />\n  </circle>\n)\n\n/**\n * Three bouncing dots, inline-sized for use inside buttons/labels (e.g. the\n * Unlock CTA while a purchase is in flight). Mirrors the typing indicator's\n * animation but uses `currentColor` so it adopts the surrounding text color.\n */\nconst LoadingDots: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    aria-hidden=\"true\"\n    className={className}\n    viewBox=\"0 0 20 12.3\"\n    width=\"20\"\n    height=\"13\"\n    overflow=\"visible\"\n  >\n    <Dot cx=\"3\" index={0} />\n    <Dot cx=\"10\" index={1} />\n    <Dot cx=\"17\" index={2} />\n  </svg>\n)\n\nexport default LoadingDots\n"],"names":["PurchaseStatusBadge","isMine","paymentStatus","amountText","labelColour","successColour","jsxs","React","jsx","classNames","CheckCircleIcon","Dot","cx","index","LoadingDots","className"],"mappings":"gIAkBMA,EAA0D,CAAC,CAC/D,OAAAC,EACA,cAAAC,EACA,WAAAC,CACF,IAAM,CACJ,MAAMC,EAAcH,EAAS,gBAAkB,gBACzCI,EAAgBJ,EAAS,iBAAmB,iBAClD,OAAIC,IAAkB,OAElBI,OAACC,EAAM,SAAN,CACC,SAAA,CAAAC,MAAC,QAAK,UAAWC,EAAW,sBAAuBL,CAAW,EAAG,SAAA,IAEjE,EACAI,EAAAA,IAAC,QAAK,UAAWC,EAAW,sBAAuBJ,CAAa,EAC7D,SAAAJ,EAAS,OAAS,WAAA,CACrB,EACAO,EAAAA,IAACE,EAAAA,gBAAA,CACC,UAAWD,EAAW,oBAAqBJ,CAAa,EACxD,OAAO,OACP,cAAW,EAAA,CAAA,CACb,EACF,EAIAF,GAAc,KAEdG,OAACC,EAAM,SAAN,CACC,SAAA,CAAAC,MAAC,QAAK,UAAWC,EAAW,sBAAuBL,CAAW,EAAG,SAAA,IAEjE,QACC,OAAA,CAAK,UAAWK,EAAW,sBAAuBL,CAAW,EAC3D,SAAAD,CAAA,CACH,CAAA,EACF,EAIAD,IAAkB,UAAYA,IAAkB,WAEhDI,OAACC,EAAM,SAAN,CACC,SAAA,CAAAC,MAAC,QAAK,UAAWC,EAAW,sBAAuBL,CAAW,EAAG,SAAA,IAEjE,EACAI,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAW,sBAAuBL,CAAW,EAC3D,SAAAF,IAAkB,SAAW,iBAAmB,UAAA,CACnD,CAAA,EACF,EAIG,IACT,ECpEMS,EAAM,CAAC,CAAE,GAAAC,EAAI,MAAAC,KACjBL,EAAAA,IAAC,SAAA,CAAO,GAAAI,EAAQ,GAAG,OAAO,EAAE,MAAM,KAAK,eACrC,SAAAJ,EAAAA,IAAC,mBAAA,CACC,cAAc,YACd,KAAK,YACL,OAAO,qBACP,IAAI,QACJ,MAAO,GAAG,IAAMK,CAAK,KACrB,YAAY,YAAA,CACd,EACF,EAQIC,EAAgD,CAAC,CAAE,UAAAC,CAAA,IACvDT,EAAAA,KAAC,MAAA,CACC,cAAY,OACZ,UAAAS,EACA,QAAQ,cACR,MAAM,KACN,OAAO,KACP,SAAS,UAET,SAAA,CAAAP,EAAAA,IAACG,EAAA,CAAI,GAAG,IAAI,MAAO,EAAG,EACtBH,EAAAA,IAACG,EAAA,CAAI,GAAG,KAAK,MAAO,EAAG,EACvBH,EAAAA,IAACG,EAAA,CAAI,GAAG,KAAK,MAAO,CAAA,CAAG,CAAA,CAAA,CACzB"}

package/dist/{index-DGmVyxHy.js → index-BOBIiAuD.js}

@@ -331,14 +331,7 @@ const ye = ({
   shape: i = "squircle",
   dmAgentEnabled: l = !1
 }) => {
-  const o = Sa(e), d = Ea(e), m = 0.45, u = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, g = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, b = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
-    "img",
-    {
-      src: t,
-      alt: "",
-      className: "h-full w-full object-cover"
-    }
-  ) : /* @__PURE__ */ s(
+  const o = Sa(e), d = Ea(e), m = 0.45, u = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, g = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, b = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s("img", { src: t, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ s(
     "div",
     {
       "aria-hidden": "true",
@@ -352,10 +345,7 @@ const ye = ({
   return /* @__PURE__ */ f(
     "div",
     {
-      className: k(
-        "relative flex-shrink-0",
-        a
-      ),
+      className: k("relative flex-shrink-0", a),
       style: {
         "--str-chat__avatar-size": `${n}px`,
         width: `${n}px`,
@@ -376,10 +366,7 @@ const ye = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: k(
-              "h-full w-full",
-              "bg-transparent"
-            ),
+            className: k("h-full w-full", "bg-transparent"),
             style: {
               ...c,
               ...l && {
@@ -1325,12 +1312,39 @@ const ut = ({ attachment: e, isMyMessage: t }) => {
       }
     ) }),
     /* @__PURE__ */ f("div", { className: "px-3 pb-3", children: [
-      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Xa(t)}`, children: n }),
-      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Ka(t)}`, children: a }),
-      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Za(t)}`, children: d })
+      n && /* @__PURE__ */ s(
+        "p",
+        {
+          className: `truncate text-[14px] font-medium leading-5 ${Xa(t)}`,
+          children: n
+        }
+      ),
+      a && /* @__PURE__ */ s(
+        "p",
+        {
+          className: `truncate text-[12px] leading-4 ${Ka(t)}`,
+          children: a
+        }
+      ),
+      d && /* @__PURE__ */ s(
+        "p",
+        {
+          className: `mt-1 truncate text-[12px] leading-4 ${Za(t)}`,
+          children: d
+        }
+      )
     ] })
   ] });
-  return d ? /* @__PURE__ */ s("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ s("div", { className: "block", children: m });
+  return d ? /* @__PURE__ */ s(
+    "a",
+    {
+      href: d,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "block no-underline",
+      children: m
+    }
+  ) : /* @__PURE__ */ s("div", { className: "block", children: m });
 };
 function Cs(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
@@ -1371,7 +1385,13 @@ const er = ({
       },
       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__ */ s(xe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ f(z.Fragment, { children: [
+      children: n ? /* @__PURE__ */ s(
+        xe,
+        {
+          className: "size-4 animate-spin text-white",
+          weight: "bold"
+        }
+      ) : /* @__PURE__ */ f(z.Fragment, { children: [
         /* @__PURE__ */ s(Se, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1481,8 +1501,19 @@ const Ss = ({
           {
             className: "str-chat__message-bubble",
             "data-attachment-bubble": "true",
-            style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: n ? /* @__PURE__ */ s("div", { className: dt(t), children: /* @__PURE__ */ s(ut, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(Ss, { ...a }) : /* @__PURE__ */ s(Es, { ...a })
+            style: {
+              padding: 0,
+              borderRadius: 0,
+              overflow: "visible",
+              background: "transparent"
+            },
+            children: n ? /* @__PURE__ */ s("div", { className: dt(t), children: /* @__PURE__ */ s(
+              ut,
+              {
+                attachment: n,
+                isMyMessage: t
+              }
+            ) }) : t ? /* @__PURE__ */ s(Ss, { ...a }) : /* @__PURE__ */ s(Es, { ...a })
           }
         ) })
       }
@@ -2337,9 +2368,7 @@ const Nr = ({
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), Pr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: m } = Me(
-    r
-  );
+  const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: m } = Me(r);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ s(
       "button",
@@ -2402,9 +2431,7 @@ const Nr = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const m = Or({ src: t, alt: n, items: r }), h = Le(e), { viewerOpen: u, viewerIndex: g, handleActivate: c, closeViewer: b } = Me(
-    d
-  ), w = m.length === 1, p = Fr(w ? m[0] : void 0);
+  const m = Or({ src: t, alt: n, items: r }), h = Le(e), { viewerOpen: u, viewerIndex: g, handleActivate: c, closeViewer: b } = Me(d), w = m.length === 1, p = Fr(w ? m[0] : void 0);
   if (m.length === 0)
     return null;
   const x = m.map(
@@ -2543,9 +2570,7 @@ const Nr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const h = Le(e), u = Gr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: w } = Me(
-    d
-  ), p = e === "composer" && !!m;
+  const h = Le(e), u = Gr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: w } = Me(d), p = e === "composer" && !!m;
   if (u.length === 0)
     return null;
   const x = u.map((v) => ({
@@ -2688,9 +2713,7 @@ const Nr = ({
   preload: n.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), ei = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: l }) => {
-  const { viewerOpen: o, viewerIndex: d, handleActivate: m, closeViewer: h } = Me(
-    i
-  );
+  const { viewerOpen: o, viewerIndex: d, handleActivate: m, closeViewer: h } = Me(i);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ s(
       "button",
@@ -2707,10 +2730,7 @@ const Nr = ({
       Os,
       {
         open: o,
-        items: zs(
-          [{ src: e, poster: t, mimeType: n, preload: r }],
-          a
-        ),
+        items: zs([{ src: e, poster: t, mimeType: n, preload: r }], a),
         initialIndex: d,
         onClose: h
       }
@@ -2728,9 +2748,7 @@ const Nr = ({
   preload: d,
   onClick: m
 }) => {
-  const h = Qr({ src: t, poster: n, mimeType: a, preload: d, items: i }), u = Le(e), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: w } = Me(
-    m
-  );
+  const h = Qr({ src: t, poster: n, mimeType: a, preload: d, items: i }), u = Le(e), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: w } = Me(m);
   if (h.length === 0)
     return null;
   const p = h.map(
@@ -2803,7 +2821,7 @@ const Nr = ({
 function ui(e) {
   return _e($s)[e] ?? di[e];
 }
-const mi = z.lazy(() => import("./Card-qS17qnN0.js")), hi = z.lazy(() => import("./Card-D4PPD5qa.js")), fi = () => /* @__PURE__ */ s(
+const mi = z.lazy(() => import("./Card-DaJtDL7m.js")), hi = z.lazy(() => import("./Card-DVMzYquF.js")), fi = () => /* @__PURE__ */ s(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
@@ -2908,7 +2926,13 @@ const mi = z.lazy(() => import("./Card-qS17qnN0.js")), hi = z.lazy(() => import(
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ s(oa, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(
+        oa,
+        {
+          size: 16,
+          weight: e === "down" ? "fill" : "regular"
+        }
+      )
     }
   )
 ] }), _t = () => {
@@ -3000,14 +3024,7 @@ const mi = z.lazy(() => import("./Card-qS17qnN0.js")), hi = z.lazy(() => import(
   );
   return m ? /* @__PURE__ */ f("span", { className: "sent-message-status-row", children: [
     h,
-    l && /* @__PURE__ */ s(
-      "span",
-      {
-        className: "sent-message-broadcast-separator",
-        "aria-hidden": "true",
-        children: "•"
-      }
-    ),
+    l && /* @__PURE__ */ s("span", { className: "sent-message-broadcast-separator", "aria-hidden": "true", children: "•" }),
     m
   ] }) : h;
 }, Ci = /^([a-z][a-z0-9+.-]*):/i, Si = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
@@ -4091,13 +4108,7 @@ const Zi = ({
               },
               children: Tt ? /* @__PURE__ */ s(Ze, { message: c, standalone: !0 }) : bi(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
                 te && F && /* @__PURE__ */ s(F, {}),
-                te ? /* @__PURE__ */ s(
-                  Fe,
-                  {
-                    ...Rt,
-                    isMine: !0
-                  }
-                ) : /* @__PURE__ */ s(
+                te ? /* @__PURE__ */ s(Fe, { ...Rt, isMine: !0 }) : /* @__PURE__ */ s(
                   Fe,
                   {
                     ...Rt,
@@ -5578,7 +5589,14 @@ const Ro = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", L
   } : h, g = m && (((b = l == null ? void 0 : l[0]) == null ? void 0 : b.variant) ?? "primary") === "secondary", c = /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
     o && /* @__PURE__ */ f("div", { className: "flex min-w-0 items-center gap-2", children: [
       i ? /* @__PURE__ */ s("span", { className: "shrink-0", children: i }) : null,
-      /* @__PURE__ */ s("p", { className: k("min-w-0", Ro), style: h, children: n })
+      /* @__PURE__ */ s(
+        "p",
+        {
+          className: k("min-w-0", Ro),
+          style: h,
+          children: n
+        }
+      )
     ] }),
     d && /* @__PURE__ */ s(
       "p",
@@ -5597,7 +5615,14 @@ const Ro = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", L
     /* @__PURE__ */ s(os, { surface: e, actions: l, layout: "row" })
   ] }) : /* @__PURE__ */ f(J, { children: [
     c,
-    /* @__PURE__ */ s(os, { surface: e, actions: l, layout: "stacked" })
+    /* @__PURE__ */ s(
+      os,
+      {
+        surface: e,
+        actions: l,
+        layout: "stacked"
+      }
+    )
   ] }) });
 }, Do = {
   dark: "bg-white/[0.06]",
@@ -5909,4 +5934,4 @@ export {
   bs as y,
   mt as z
 };
-//# sourceMappingURL=index-DGmVyxHy.js.map
+//# sourceMappingURL=index-BOBIiAuD.js.map