@linktr.ee/messaging-react 1.38.0-rc-1777583423 → 1.38.0

package/dist/{Card-BlXnKGaR.js → Card-DwgUtqsA.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { LockSimpleIcon as N, DownloadSimpleIcon as A, LockOpenIcon as D, CheckCircleIcon as y } from "@phosphor-icons/react";
 import v, { useState as B, useRef as p, useCallback as w, useEffect as O } from "react";
-import { A as E, a as F } from "./index-jnKl3mQ0.js";
+import { A as E, a as F } from "./index-B_4pciGp.js";
 const P = (r) => {
   const {
     isUnlocking: s = !1,
@@ -124,4 +124,4 @@ const P = (r) => {
 export {
   J as default
 };
-//# sourceMappingURL=Card-BlXnKGaR.js.map
+//# sourceMappingURL=Card-DwgUtqsA.js.map

package/dist/{Card-BlXnKGaR.js.map → Card-DwgUtqsA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-BlXnKGaR.js","sources":["../src/components/LockedAttachment/components/Visitor/CardActions.tsx","../src/components/LockedAttachment/components/Visitor/LockBadge.tsx","../src/components/LockedAttachment/components/Visitor/Card.tsx"],"sourcesContent":["import { DownloadSimpleIcon, LockSimpleIcon } from '@phosphor-icons/react'\nimport React from 'react'\n\ninterface CardActionsProps {\n  sourceUrl?: string\n  redeemUrl?: string\n  onUnlockClicked?: () => void\n  onDownloadClicked?: () => void\n  isUnlocking?: boolean\n}\n\nconst CardActions: React.FC<CardActionsProps> = (props) => {\n  const {\n    isUnlocking = false,\n    sourceUrl,\n    redeemUrl,\n    onUnlockClicked,\n    onDownloadClicked,\n  } = props\n\n  const isLocked = sourceUrl === undefined\n\n  if (isLocked && onUnlockClicked != null) {\n    return (\n      <button\n        type=\"button\"\n        onClick={onUnlockClicked}\n        disabled={isUnlocking}\n        className=\"mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70\"\n      >\n        {isUnlocking ? (\n          <span className=\"size-4 animate-spin rounded-full border-2 border-white/30 border-t-white\" />\n        ) : (\n          <React.Fragment>\n            <LockSimpleIcon className=\"size-4\" weight=\"fill\" />\n            Unlock\n          </React.Fragment>\n        )}\n      </button>\n    )\n  }\n\n  if (!isLocked && onDownloadClicked != null && sourceUrl != null) {\n    return (\n      <a\n        href={redeemUrl ?? sourceUrl}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        onClick={onDownloadClicked}\n        className=\"mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none !text-white hover:bg-[#2a2928]\"\n      >\n        <DownloadSimpleIcon className=\"size-4\" weight=\"bold\" />\n        Download\n      </a>\n    )\n  }\n\n  return null\n}\n\n\nexport default CardActions\n","import { LockOpenIcon, LockSimpleIcon } from '@phosphor-icons/react'\nimport React from 'react'\n\nimport type { PaymentStatus } from '../../types'\n\nexport const LockBadge: React.FC<{ paymentStatus?: PaymentStatus }> = ({\n  paymentStatus,\n}) => (\n  <div className=\"absolute left-3 top-3 flex size-8 items-center justify-center rounded-full bg-black/60 text-white\">\n    {paymentStatus === 'paid' ? <LockOpenIcon /> : <LockSimpleIcon />}\n  </div>\n)\n","import { CheckCircleIcon } from '@phosphor-icons/react'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport AttachmentCard, { AttachmentThumbnail } from '../../../AttachmentCard'\nimport type {\n  LockedAttachmentBaseProps,\n  LockedAttachmentSource,\n} from '../../types'\n\nimport CardActions from './CardActions'\nimport { LockBadge } from './LockBadge'\n\nexport interface VisitorCardProps extends LockedAttachmentBaseProps {\n  /**\n   * Called when the visitor clicks Unlock on an unpaid attachment.\n   * Use this to open a checkout flow. Omit to hide the Unlock button.\n   */\n  onUnlockClick?: () => void\n  /**\n   * Called to fetch the attachment source — fired automatically when\n   * paymentStatus transitions to 'paid', or immediately on click when\n   * paymentStatus is already 'paid'. Return a LockedAttachmentSource to\n   * unlock the card.\n   */\n  onFetchSource?: () => Promise<LockedAttachmentSource | void>\n  /**\n   * Called when the visitor clicks Download on an unlocked card.\n   * Omit to hide the Download button.\n   */\n  onDownloadClick?: () => void\n  /**\n   * When true, shows loading dots on the Unlock button.\n   * Driven by the LockedAttachmentContext (e.g. checkout in progress, payment processing).\n   */\n  isUnlocking?: boolean\n}\n\nconst VisitorCard: React.FC<VisitorCardProps> = ({\n  title,\n  amountText,\n  thumbnailUrl,\n  mimeType = 'application/octet-stream',\n  detail,\n  onUnlockClick,\n  onFetchSource,\n  onDownloadClick,\n  paymentStatus,\n  isUnlocking = false,\n}) => {\n  const [source, setSource] = useState<LockedAttachmentSource | undefined>()\n\n  const cardRef = useRef<HTMLDivElement>(null)\n  const fetchingRef = useRef(false)\n\n  const onFetchSourceRef = useRef(onFetchSource)\n  onFetchSourceRef.current = onFetchSource\n\n  const effectiveSourceUrl = source?.sourceUrl\n  const effectiveThumbnail = source?.thumbnailUrl ?? thumbnailUrl\n  const effectiveRedeemUrl = source?.redeemUrl\n\n  const fetchSource = useCallback(async (): Promise<void> => {\n    if (fetchingRef.current) return\n    fetchingRef.current = true\n    try {\n      const result = await onFetchSourceRef.current?.()\n      if (result) setSource(result)\n    } finally {\n      fetchingRef.current = false\n    }\n  }, [])\n\n  const handleUnlockClick = useCallback(() => {\n    if (paymentStatus === 'paid') {\n      void fetchSource()\n    } else {\n      onUnlockClick?.()\n    }\n  }, [paymentStatus, fetchSource, onUnlockClick])\n\n  // Fetch source when card is in viewport\n  useEffect(() => {\n    if (!cardRef.current) return\n    if (paymentStatus !== 'paid' || source !== undefined) return\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) {\n          void fetchSource()\n          observer.disconnect()\n        }\n      },\n      { threshold: 1.0 }\n    )\n\n    observer.observe(cardRef.current)\n    return () => observer.disconnect()\n  }, [paymentStatus, source, fetchSource])\n\n  const isLocked = effectiveSourceUrl === undefined\n\n  const statusBadge =\n    paymentStatus === 'paid' ? (\n      <React.Fragment>\n        <span className=\"text-xs font-medium text-black/55\">&bull;</span>\n        <span className=\"text-xs font-medium text-[#008236]\">Purchased</span>\n        <CheckCircleIcon className=\"size-4 text-[#008236]\" weight=\"bold\" />\n      </React.Fragment>\n    ) : amountText != null ? (\n      <React.Fragment>\n        <span className=\"text-xs font-medium text-black/55\">&bull;</span>\n        <span className=\"text-xs font-medium text-black/55\">{amountText}</span>\n      </React.Fragment>\n    ) : null\n\n  return (\n    <AttachmentCard\n      variant=\"light\"\n      rootRef={cardRef}\n      data-testid=\"locked-attachment\"\n      title={title}\n      mimeType={mimeType}\n      detail={detail}\n      statusBadge={statusBadge}\n      thumbnail={\n        <div className=\"relative\">\n          <AttachmentThumbnail\n            mimeType={mimeType}\n            sourceUrl={effectiveSourceUrl}\n            thumbnailUrl={effectiveThumbnail}\n            title={title}\n            variant=\"light\"\n            containedImage={!isLocked}\n          />\n          {isLocked && (\n            <div className=\"pointer-events-none absolute inset-0 bg-black/30\">\n              <LockBadge paymentStatus={paymentStatus} />\n            </div>\n          )}\n        </div>\n      }\n      action={\n        <CardActions\n          isUnlocking={isUnlocking}\n          sourceUrl={effectiveSourceUrl}\n          redeemUrl={effectiveRedeemUrl}\n          onUnlockClicked={handleUnlockClick}\n          onDownloadClicked={onDownloadClick}\n        />\n      }\n    />\n  )\n}\n\nexport default VisitorCard\n"],"names":["CardActions","props","isUnlocking","sourceUrl","redeemUrl","onUnlockClicked","onDownloadClicked","isLocked","jsx","jsxs","React","LockSimpleIcon","DownloadSimpleIcon","LockBadge","paymentStatus","LockOpenIcon","VisitorCard","title","amountText","thumbnailUrl","mimeType","detail","onUnlockClick","onFetchSource","onDownloadClick","source","setSource","useState","cardRef","useRef","fetchingRef","onFetchSourceRef","effectiveSourceUrl","effectiveThumbnail","effectiveRedeemUrl","fetchSource","useCallback","result","_a","handleUnlockClick","useEffect","observer","entry","statusBadge","CheckCircleIcon","AttachmentCard","AttachmentThumbnail"],"mappings":"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"}
+{"version":3,"file":"Card-DwgUtqsA.js","sources":["../src/components/LockedAttachment/components/Visitor/CardActions.tsx","../src/components/LockedAttachment/components/Visitor/LockBadge.tsx","../src/components/LockedAttachment/components/Visitor/Card.tsx"],"sourcesContent":["import { DownloadSimpleIcon, LockSimpleIcon } from '@phosphor-icons/react'\nimport React from 'react'\n\ninterface CardActionsProps {\n  sourceUrl?: string\n  redeemUrl?: string\n  onUnlockClicked?: () => void\n  onDownloadClicked?: () => void\n  isUnlocking?: boolean\n}\n\nconst CardActions: React.FC<CardActionsProps> = (props) => {\n  const {\n    isUnlocking = false,\n    sourceUrl,\n    redeemUrl,\n    onUnlockClicked,\n    onDownloadClicked,\n  } = props\n\n  const isLocked = sourceUrl === undefined\n\n  if (isLocked && onUnlockClicked != null) {\n    return (\n      <button\n        type=\"button\"\n        onClick={onUnlockClicked}\n        disabled={isUnlocking}\n        className=\"mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70\"\n      >\n        {isUnlocking ? (\n          <span className=\"size-4 animate-spin rounded-full border-2 border-white/30 border-t-white\" />\n        ) : (\n          <React.Fragment>\n            <LockSimpleIcon className=\"size-4\" weight=\"fill\" />\n            Unlock\n          </React.Fragment>\n        )}\n      </button>\n    )\n  }\n\n  if (!isLocked && onDownloadClicked != null && sourceUrl != null) {\n    return (\n      <a\n        href={redeemUrl ?? sourceUrl}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        onClick={onDownloadClicked}\n        className=\"mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none !text-white hover:bg-[#2a2928]\"\n      >\n        <DownloadSimpleIcon className=\"size-4\" weight=\"bold\" />\n        Download\n      </a>\n    )\n  }\n\n  return null\n}\n\n\nexport default CardActions\n","import { LockOpenIcon, LockSimpleIcon } from '@phosphor-icons/react'\nimport React from 'react'\n\nimport type { PaymentStatus } from '../../types'\n\nexport const LockBadge: React.FC<{ paymentStatus?: PaymentStatus }> = ({\n  paymentStatus,\n}) => (\n  <div className=\"absolute left-3 top-3 flex size-8 items-center justify-center rounded-full bg-black/60 text-white\">\n    {paymentStatus === 'paid' ? <LockOpenIcon /> : <LockSimpleIcon />}\n  </div>\n)\n","import { CheckCircleIcon } from '@phosphor-icons/react'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport AttachmentCard, { AttachmentThumbnail } from '../../../AttachmentCard'\nimport type {\n  LockedAttachmentBaseProps,\n  LockedAttachmentSource,\n} from '../../types'\n\nimport CardActions from './CardActions'\nimport { LockBadge } from './LockBadge'\n\nexport interface VisitorCardProps extends LockedAttachmentBaseProps {\n  /**\n   * Called when the visitor clicks Unlock on an unpaid attachment.\n   * Use this to open a checkout flow. Omit to hide the Unlock button.\n   */\n  onUnlockClick?: () => void\n  /**\n   * Called to fetch the attachment source — fired automatically when\n   * paymentStatus transitions to 'paid', or immediately on click when\n   * paymentStatus is already 'paid'. Return a LockedAttachmentSource to\n   * unlock the card.\n   */\n  onFetchSource?: () => Promise<LockedAttachmentSource | void>\n  /**\n   * Called when the visitor clicks Download on an unlocked card.\n   * Omit to hide the Download button.\n   */\n  onDownloadClick?: () => void\n  /**\n   * When true, shows loading dots on the Unlock button.\n   * Driven by the LockedAttachmentContext (e.g. checkout in progress, payment processing).\n   */\n  isUnlocking?: boolean\n}\n\nconst VisitorCard: React.FC<VisitorCardProps> = ({\n  title,\n  amountText,\n  thumbnailUrl,\n  mimeType = 'application/octet-stream',\n  detail,\n  onUnlockClick,\n  onFetchSource,\n  onDownloadClick,\n  paymentStatus,\n  isUnlocking = false,\n}) => {\n  const [source, setSource] = useState<LockedAttachmentSource | undefined>()\n\n  const cardRef = useRef<HTMLDivElement>(null)\n  const fetchingRef = useRef(false)\n\n  const onFetchSourceRef = useRef(onFetchSource)\n  onFetchSourceRef.current = onFetchSource\n\n  const effectiveSourceUrl = source?.sourceUrl\n  const effectiveThumbnail = source?.thumbnailUrl ?? thumbnailUrl\n  const effectiveRedeemUrl = source?.redeemUrl\n\n  const fetchSource = useCallback(async (): Promise<void> => {\n    if (fetchingRef.current) return\n    fetchingRef.current = true\n    try {\n      const result = await onFetchSourceRef.current?.()\n      if (result) setSource(result)\n    } finally {\n      fetchingRef.current = false\n    }\n  }, [])\n\n  const handleUnlockClick = useCallback(() => {\n    if (paymentStatus === 'paid') {\n      void fetchSource()\n    } else {\n      onUnlockClick?.()\n    }\n  }, [paymentStatus, fetchSource, onUnlockClick])\n\n  // Fetch source when card is in viewport\n  useEffect(() => {\n    if (!cardRef.current) return\n    if (paymentStatus !== 'paid' || source !== undefined) return\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) {\n          void fetchSource()\n          observer.disconnect()\n        }\n      },\n      { threshold: 1.0 }\n    )\n\n    observer.observe(cardRef.current)\n    return () => observer.disconnect()\n  }, [paymentStatus, source, fetchSource])\n\n  const isLocked = effectiveSourceUrl === undefined\n\n  const statusBadge =\n    paymentStatus === 'paid' ? (\n      <React.Fragment>\n        <span className=\"text-xs font-medium text-black/55\">&bull;</span>\n        <span className=\"text-xs font-medium text-[#008236]\">Purchased</span>\n        <CheckCircleIcon className=\"size-4 text-[#008236]\" weight=\"bold\" />\n      </React.Fragment>\n    ) : amountText != null ? (\n      <React.Fragment>\n        <span className=\"text-xs font-medium text-black/55\">&bull;</span>\n        <span className=\"text-xs font-medium text-black/55\">{amountText}</span>\n      </React.Fragment>\n    ) : null\n\n  return (\n    <AttachmentCard\n      variant=\"light\"\n      rootRef={cardRef}\n      data-testid=\"locked-attachment\"\n      title={title}\n      mimeType={mimeType}\n      detail={detail}\n      statusBadge={statusBadge}\n      thumbnail={\n        <div className=\"relative\">\n          <AttachmentThumbnail\n            mimeType={mimeType}\n            sourceUrl={effectiveSourceUrl}\n            thumbnailUrl={effectiveThumbnail}\n            title={title}\n            variant=\"light\"\n            containedImage={!isLocked}\n          />\n          {isLocked && (\n            <div className=\"pointer-events-none absolute inset-0 bg-black/30\">\n              <LockBadge paymentStatus={paymentStatus} />\n            </div>\n          )}\n        </div>\n      }\n      action={\n        <CardActions\n          isUnlocking={isUnlocking}\n          sourceUrl={effectiveSourceUrl}\n          redeemUrl={effectiveRedeemUrl}\n          onUnlockClicked={handleUnlockClick}\n          onDownloadClicked={onDownloadClick}\n        />\n      }\n    />\n  )\n}\n\nexport default VisitorCard\n"],"names":["CardActions","props","isUnlocking","sourceUrl","redeemUrl","onUnlockClicked","onDownloadClicked","isLocked","jsx","jsxs","React","LockSimpleIcon","DownloadSimpleIcon","LockBadge","paymentStatus","LockOpenIcon","VisitorCard","title","amountText","thumbnailUrl","mimeType","detail","onUnlockClick","onFetchSource","onDownloadClick","source","setSource","useState","cardRef","useRef","fetchingRef","onFetchSourceRef","effectiveSourceUrl","effectiveThumbnail","effectiveRedeemUrl","fetchSource","useCallback","result","_a","handleUnlockClick","useEffect","observer","entry","statusBadge","CheckCircleIcon","AttachmentCard","AttachmentThumbnail"],"mappings":"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"}

package/dist/{Card-DoNJA-jg.js → Card-RgHsp9x1.js}

@@ -2,7 +2,7 @@ import { jsxs as b, jsx as e } from "react/jsx-runtime";
 import { CheckCircleIcon as C, XIcon as T, EyeIcon as B, EyeSlashIcon as D, LockOpenIcon as H, LockIcon as V } from "@phosphor-icons/react";
 import y from "classnames";
 import I, { useState as g, useRef as O, useCallback as P } from "react";
-import { A as X, a as q } from "./index-jnKl3mQ0.js";
+import { A as X, a as q } from "./index-B_4pciGp.js";
 function G(d) {
   const { onDismiss: n, onToggle: r, isExpanded: o, paymentStatus: l, isLoading: f } = d;
   return n ? {
@@ -135,4 +135,4 @@ const Y = ({
 export {
   Y as default
 };
-//# sourceMappingURL=Card-DoNJA-jg.js.map
+//# sourceMappingURL=Card-RgHsp9x1.js.map

package/dist/{Card-DoNJA-jg.js.map → Card-RgHsp9x1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-DoNJA-jg.js","sources":["../src/components/LockedAttachment/components/Creator/Card.tsx"],"sourcesContent":["import {\n  CheckCircleIcon,\n  EyeIcon,\n  EyeSlashIcon,\n  LockIcon,\n  LockOpenIcon,\n  XIcon,\n} from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React, { useCallback, useRef, useState } from 'react'\n\nimport AttachmentCard, { AttachmentThumbnail } from '../../../AttachmentCard'\nimport type {\n  LockedAttachmentBaseProps,\n  LockedAttachmentSource,\n  PaymentStatus,\n} from '../../types'\n\nexport interface CreatorCardProps extends LockedAttachmentBaseProps {\n  placeholderTitle?: string\n  placeholderAmountText?: string\n  isUnlocking?: boolean\n  onDismiss?: () => void\n  onPreviewClick?: () => void\n  onFetchSource?: () => Promise<LockedAttachmentSource | void>\n}\n\nfunction headerSlots(props: {\n  onDismiss?: () => void\n  onToggle?: () => void\n  isExpanded?: boolean\n  paymentStatus?: PaymentStatus\n  isLoading?: boolean\n}): { topLeft?: React.ReactNode; topRight?: React.ReactNode } {\n  const { onDismiss, onToggle, isExpanded, paymentStatus, isLoading } = props\n\n  if (onDismiss) {\n    return {\n      topLeft: undefined,\n      topRight: (\n        <button\n          type=\"button\"\n          onClick={onDismiss}\n          className=\"flex size-8 items-center justify-center rounded-full bg-black/60 text-white\"\n          aria-label=\"Dismiss attachment\"\n        >\n          <XIcon className=\"size-4\" weight=\"bold\" />\n        </button>\n      ),\n    }\n  }\n\n  if (onToggle) {\n    const Icon = isExpanded ? EyeIcon : EyeSlashIcon\n    return {\n      topLeft: (\n        <button\n          type=\"button\"\n          onClick={onToggle}\n          className=\"flex size-8 items-center justify-center rounded-full bg-black/60 text-white\"\n          aria-label={isExpanded ? 'Hide preview' : 'Show preview'}\n          aria-pressed={isExpanded}\n        >\n          <Icon className=\"size-4\" weight=\"fill\" />\n        </button>\n      ),\n      topRight: undefined,\n    }\n  }\n\n  const Icon = paymentStatus === 'paid' ? LockOpenIcon : LockIcon\n\n  return {\n    topLeft: (\n      <div className=\"flex size-8 items-center justify-center rounded-full bg-black/60 text-white\">\n        {isLoading ? (\n          <span className=\"size-4 animate-spin rounded-full border-2 border-white/30 border-t-white\" />\n        ) : (\n          <Icon className=\"size-4\" weight=\"fill\" />\n        )}\n      </div>\n    ),\n    topRight: undefined,\n  }\n}\n\nconst CreatorCard: React.FC<CreatorCardProps> = ({\n  title,\n  mimeType = 'application/octet-stream',\n  thumbnailUrl,\n  detail,\n  amountText,\n  placeholderTitle = 'Attachment title',\n  placeholderAmountText,\n  paymentStatus,\n  isUnlocking,\n  onDismiss,\n  onPreviewClick,\n  onFetchSource,\n}) => {\n  const [source, setSource] = useState<LockedAttachmentSource | undefined>()\n  const [isPreviewVisible, setIsPreviewVisible] = useState(false)\n  const [isLoadingPreview, setLoadingPreview] = useState(false)\n  const fetchingRef = useRef(false)\n\n  const effectiveSourceUrl = isPreviewVisible ? source?.sourceUrl : undefined\n  const effectiveThumbnailUrl = isPreviewVisible ? (source?.thumbnailUrl ?? thumbnailUrl) : thumbnailUrl\n  const isBusy = isLoadingPreview || isUnlocking\n\n  const handleToggle = useCallback(async () => {\n    onPreviewClick?.()\n    if (isPreviewVisible) {\n      setIsPreviewVisible(false)\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    setLoadingPreview(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      setLoadingPreview(false)\n    }\n  }, [isPreviewVisible, source, onPreviewClick, onFetchSource])\n\n  const toggleHandler = onFetchSource || onPreviewClick ? handleToggle : undefined\n\n  const statusBadge =\n    paymentStatus === 'paid' ? (\n      <React.Fragment>\n        <span className=\"text-xs font-medium text-white/55\">&bull;</span>\n        <span className=\"text-xs font-medium text-[#34c759]\">Sold</span>\n        <CheckCircleIcon className=\"size-4 text-[#34c759]\" weight=\"bold\" />\n      </React.Fragment>\n    ) : (\n      <React.Fragment>\n        <span className=\"text-xs font-medium text-white/55\">&bull;</span>\n        <span\n          className={classNames('text-xs font-medium', {\n            'text-white/30': !amountText,\n            'text-white/55': !!amountText,\n          })}\n        >\n          {amountText || placeholderAmountText}\n        </span>\n      </React.Fragment>\n    )\n\n  const { topLeft, topRight } = headerSlots({\n    onDismiss,\n    onToggle: isBusy ? undefined : toggleHandler,\n    isExpanded: isPreviewVisible,\n    paymentStatus,\n    isLoading: isBusy,\n  })\n\n  return (\n    <AttachmentCard\n      variant=\"dark\"\n      title={title}\n      placeholderTitle={placeholderTitle}\n      mimeType={mimeType}\n      detail={detail}\n      statusBadge={statusBadge}\n      topLeft={topLeft}\n      topRight={topRight}\n      thumbnail={\n        <button\n          type=\"button\"\n          disabled={!toggleHandler || isBusy}\n          className={classNames(\n            'relative block w-full overflow-hidden border-0 bg-white/10 p-0 text-left appearance-none',\n            { 'cursor-pointer': !!toggleHandler && !isBusy, 'cursor-default': !toggleHandler || isBusy }\n          )}\n          onClick={isBusy ? undefined : toggleHandler}\n          aria-label={toggleHandler ? 'Toggle preview' : undefined}\n          aria-busy={isBusy}\n        >\n          <AttachmentThumbnail\n            mimeType={mimeType}\n            sourceUrl={effectiveSourceUrl}\n            thumbnailUrl={effectiveThumbnailUrl}\n            title={title}\n            variant=\"dark\"\n            mediaPlayerProps={\n              effectiveSourceUrl\n                ? { autoPlay: true, loop: true, controls: true, muted: false }\n                : undefined\n            }\n          />\n          {!isPreviewVisible && (\n            <div className=\"pointer-events-none absolute inset-0 bg-black/30\" />\n          )}\n        </button>\n      }\n    />\n  )\n}\n\nexport default CreatorCard\n"],"names":["headerSlots","props","onDismiss","onToggle","isExpanded","paymentStatus","isLoading","jsx","XIcon","EyeIcon","EyeSlashIcon","LockOpenIcon","LockIcon","CreatorCard","title","mimeType","thumbnailUrl","detail","amountText","placeholderTitle","placeholderAmountText","isUnlocking","onPreviewClick","onFetchSource","source","setSource","useState","isPreviewVisible","setIsPreviewVisible","isLoadingPreview","setLoadingPreview","fetchingRef","useRef","effectiveSourceUrl","effectiveThumbnailUrl","isBusy","handleToggle","useCallback","result","toggleHandler","statusBadge","jsxs","React","CheckCircleIcon","classNames","topLeft","topRight","AttachmentCard","AttachmentThumbnail"],"mappings":"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"}
+{"version":3,"file":"Card-RgHsp9x1.js","sources":["../src/components/LockedAttachment/components/Creator/Card.tsx"],"sourcesContent":["import {\n  CheckCircleIcon,\n  EyeIcon,\n  EyeSlashIcon,\n  LockIcon,\n  LockOpenIcon,\n  XIcon,\n} from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React, { useCallback, useRef, useState } from 'react'\n\nimport AttachmentCard, { AttachmentThumbnail } from '../../../AttachmentCard'\nimport type {\n  LockedAttachmentBaseProps,\n  LockedAttachmentSource,\n  PaymentStatus,\n} from '../../types'\n\nexport interface CreatorCardProps extends LockedAttachmentBaseProps {\n  placeholderTitle?: string\n  placeholderAmountText?: string\n  isUnlocking?: boolean\n  onDismiss?: () => void\n  onPreviewClick?: () => void\n  onFetchSource?: () => Promise<LockedAttachmentSource | void>\n}\n\nfunction headerSlots(props: {\n  onDismiss?: () => void\n  onToggle?: () => void\n  isExpanded?: boolean\n  paymentStatus?: PaymentStatus\n  isLoading?: boolean\n}): { topLeft?: React.ReactNode; topRight?: React.ReactNode } {\n  const { onDismiss, onToggle, isExpanded, paymentStatus, isLoading } = props\n\n  if (onDismiss) {\n    return {\n      topLeft: undefined,\n      topRight: (\n        <button\n          type=\"button\"\n          onClick={onDismiss}\n          className=\"flex size-8 items-center justify-center rounded-full bg-black/60 text-white\"\n          aria-label=\"Dismiss attachment\"\n        >\n          <XIcon className=\"size-4\" weight=\"bold\" />\n        </button>\n      ),\n    }\n  }\n\n  if (onToggle) {\n    const Icon = isExpanded ? EyeIcon : EyeSlashIcon\n    return {\n      topLeft: (\n        <button\n          type=\"button\"\n          onClick={onToggle}\n          className=\"flex size-8 items-center justify-center rounded-full bg-black/60 text-white\"\n          aria-label={isExpanded ? 'Hide preview' : 'Show preview'}\n          aria-pressed={isExpanded}\n        >\n          <Icon className=\"size-4\" weight=\"fill\" />\n        </button>\n      ),\n      topRight: undefined,\n    }\n  }\n\n  const Icon = paymentStatus === 'paid' ? LockOpenIcon : LockIcon\n\n  return {\n    topLeft: (\n      <div className=\"flex size-8 items-center justify-center rounded-full bg-black/60 text-white\">\n        {isLoading ? (\n          <span className=\"size-4 animate-spin rounded-full border-2 border-white/30 border-t-white\" />\n        ) : (\n          <Icon className=\"size-4\" weight=\"fill\" />\n        )}\n      </div>\n    ),\n    topRight: undefined,\n  }\n}\n\nconst CreatorCard: React.FC<CreatorCardProps> = ({\n  title,\n  mimeType = 'application/octet-stream',\n  thumbnailUrl,\n  detail,\n  amountText,\n  placeholderTitle = 'Attachment title',\n  placeholderAmountText,\n  paymentStatus,\n  isUnlocking,\n  onDismiss,\n  onPreviewClick,\n  onFetchSource,\n}) => {\n  const [source, setSource] = useState<LockedAttachmentSource | undefined>()\n  const [isPreviewVisible, setIsPreviewVisible] = useState(false)\n  const [isLoadingPreview, setLoadingPreview] = useState(false)\n  const fetchingRef = useRef(false)\n\n  const effectiveSourceUrl = isPreviewVisible ? source?.sourceUrl : undefined\n  const effectiveThumbnailUrl = isPreviewVisible ? (source?.thumbnailUrl ?? thumbnailUrl) : thumbnailUrl\n  const isBusy = isLoadingPreview || isUnlocking\n\n  const handleToggle = useCallback(async () => {\n    onPreviewClick?.()\n    if (isPreviewVisible) {\n      setIsPreviewVisible(false)\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    setLoadingPreview(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      setLoadingPreview(false)\n    }\n  }, [isPreviewVisible, source, onPreviewClick, onFetchSource])\n\n  const toggleHandler = onFetchSource || onPreviewClick ? handleToggle : undefined\n\n  const statusBadge =\n    paymentStatus === 'paid' ? (\n      <React.Fragment>\n        <span className=\"text-xs font-medium text-white/55\">&bull;</span>\n        <span className=\"text-xs font-medium text-[#34c759]\">Sold</span>\n        <CheckCircleIcon className=\"size-4 text-[#34c759]\" weight=\"bold\" />\n      </React.Fragment>\n    ) : (\n      <React.Fragment>\n        <span className=\"text-xs font-medium text-white/55\">&bull;</span>\n        <span\n          className={classNames('text-xs font-medium', {\n            'text-white/30': !amountText,\n            'text-white/55': !!amountText,\n          })}\n        >\n          {amountText || placeholderAmountText}\n        </span>\n      </React.Fragment>\n    )\n\n  const { topLeft, topRight } = headerSlots({\n    onDismiss,\n    onToggle: isBusy ? undefined : toggleHandler,\n    isExpanded: isPreviewVisible,\n    paymentStatus,\n    isLoading: isBusy,\n  })\n\n  return (\n    <AttachmentCard\n      variant=\"dark\"\n      title={title}\n      placeholderTitle={placeholderTitle}\n      mimeType={mimeType}\n      detail={detail}\n      statusBadge={statusBadge}\n      topLeft={topLeft}\n      topRight={topRight}\n      thumbnail={\n        <button\n          type=\"button\"\n          disabled={!toggleHandler || isBusy}\n          className={classNames(\n            'relative block w-full overflow-hidden border-0 bg-white/10 p-0 text-left appearance-none',\n            { 'cursor-pointer': !!toggleHandler && !isBusy, 'cursor-default': !toggleHandler || isBusy }\n          )}\n          onClick={isBusy ? undefined : toggleHandler}\n          aria-label={toggleHandler ? 'Toggle preview' : undefined}\n          aria-busy={isBusy}\n        >\n          <AttachmentThumbnail\n            mimeType={mimeType}\n            sourceUrl={effectiveSourceUrl}\n            thumbnailUrl={effectiveThumbnailUrl}\n            title={title}\n            variant=\"dark\"\n            mediaPlayerProps={\n              effectiveSourceUrl\n                ? { autoPlay: true, loop: true, controls: true, muted: false }\n                : undefined\n            }\n          />\n          {!isPreviewVisible && (\n            <div className=\"pointer-events-none absolute inset-0 bg-black/30\" />\n          )}\n        </button>\n      }\n    />\n  )\n}\n\nexport default CreatorCard\n"],"names":["headerSlots","props","onDismiss","onToggle","isExpanded","paymentStatus","isLoading","jsx","XIcon","EyeIcon","EyeSlashIcon","LockOpenIcon","LockIcon","CreatorCard","title","mimeType","thumbnailUrl","detail","amountText","placeholderTitle","placeholderAmountText","isUnlocking","onPreviewClick","onFetchSource","source","setSource","useState","isPreviewVisible","setIsPreviewVisible","isLoadingPreview","setLoadingPreview","fetchingRef","useRef","effectiveSourceUrl","effectiveThumbnailUrl","isBusy","handleToggle","useCallback","result","toggleHandler","statusBadge","jsxs","React","CheckCircleIcon","classNames","topLeft","topRight","AttachmentCard","AttachmentThumbnail"],"mappings":"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"}

package/dist/{index-jnKl3mQ0.js → index-B_4pciGp.js}

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as d, Fragment as fe } from "react/jsx-runtime";
 import A from "classnames";
-import j, { createContext as mt, useContext as ht, useCallback as U, useState as M, useRef as Q, useEffect as K, useMemo as ze, Suspense as ft } from "react";
+import z, { createContext as mt, useContext as ht, useCallback as U, useState as M, useRef as Q, useEffect as K, useMemo as ze, Suspense as ft } from "react";
 import { StreamChatService as Ot } from "@linktr.ee/messaging-core";
 import { Chat as Ut, ChannelList as $t, DateSeparator as zt, useChannelStateContext as ue, useChatContext as He, areMessageUIPropsEqual as jt, useMessageReminder as Bt, useComponentContext as gt, Attachment as Gt, EditMessageModal as Vt, MessageBlocked as Ht, MessageBouncePrompt as Yt, MessageDeleted as Wt, MessageIsThreadReplyInChannelButtonIndicator as qt, MessageRepliesCountButton as Xt, ReminderNotification as Zt, StreamedMessageText as Kt, messageHasAttachments as Jt, messageHasReactions as Qt, isDateSeparatorMessage as es, isMessageBlocked as ts, isMessageBounced as ss, MessageBounceModal as ns, MessageText as Qe, Poll as as, MessageErrorIcon as rs, useMessageContext as bt, useMessageComposer as is, useStateStore as os, MessageInput as ls, useMessageInputContext as cs, useMessageComposerHasSendableData as ds, SimpleAttachmentSelector as us, QuotedMessagePreview as ms, AttachmentPreviewList as hs, TextareaComposer as fs, MessageTimestamp as Fe, useTypingContext as gs, Channel as bs, WithComponents as xs, Window as ps, MessageList as vs } from "stream-chat-react";
 import { StarIcon as je, GiftIcon as ws, XIcon as Ye, SpinnerGapIcon as Se, SignOutIcon as ys, ProhibitInsetIcon as et, FlagIcon as Ns, ArrowUpIcon as Cs, SparkleIcon as Be, ProhibitIcon as _s, ArrowLeftIcon as tt, CaretRightIcon as st, DotsThreeIcon as nt, MagnifyingGlassIcon as Es, ChatCircleDotsIcon as at, FileIcon as xt, ImageIcon as ks, SpeakerHighIcon as Ss, VideoCameraIcon as Is, FileMdIcon as Ms, FileTextIcon as Ts, FileZipIcon as Ds, FilePptIcon as Rs, FileCsvIcon as Ls, FileXlsIcon as Ps, FileDocIcon as As, FilePdfIcon as Fs, CircleNotchIcon as pt, PlayIcon as rt, PauseIcon as Os, LinkIcon as Us, DownloadSimpleIcon as $s } from "@phosphor-icons/react";
@@ -175,7 +175,7 @@ const vt = mt({
     } finally {
       C(!1), i("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
     }
-  }, [c, s, i]), N = j.useMemo(() => (i("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [c, s, i]), N = z.useMemo(() => (i("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!c,
     hasClient: !!u,
     isConnected: f,
@@ -223,13 +223,13 @@ function js(t) {
     for (const n of s)
       t.state.addMessageSorted(n.message);
 }
-const wt = j.createContext({
+const wt = z.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0
-}), Bs = wt.Provider, Gs = () => j.useContext(wt), yt = (t) => {
+}), Bs = wt.Provider, Gs = () => z.useContext(wt), yt = (t) => {
   var r, o;
   const [s, n] = M(
     !!((o = (r = t == null ? void 0 : t.state) == null ? void 0 : r.membership) != null && o.pinned_at)
@@ -448,7 +448,7 @@ const ne = ({
     m,
     u
   ] }) });
-}, Ct = j.memo(
+}, Ct = z.memo(
   ({ channel: t, unread: s }) => {
     var F, N, b, k;
     const { selectedChannel: n, onChannelSelect: r, debug: o, renderMessagePreview: l } = Gs(), i = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
@@ -535,7 +535,7 @@ const ne = ({
   }
 );
 Ct.displayName = "CustomChannelPreview";
-const Qs = { last_message_at: -1 }, _t = j.memo(
+const Qs = { last_message_at: -1 }, _t = z.memo(
   ({
     onChannelSelect: t,
     selectedChannel: s,
@@ -549,9 +549,9 @@ const Qs = { last_message_at: -1 }, _t = j.memo(
     customEmptyStateIndicator: u,
     renderMessagePreview: m
   }) => {
-    const f = j.useRef(0);
+    const f = z.useRef(0);
     f.current++;
-    const { debug: v = !1 } = De(), a = j.useCallback(
+    const { debug: v = !1 } = De(), a = z.useCallback(
       (g) => {
         for (const y of g)
           js(y);
@@ -564,7 +564,7 @@ const Qs = { last_message_at: -1 }, _t = j.memo(
       selectedChannelId: s == null ? void 0 : s.id,
       filters: n
     });
-    const C = j.useMemo(
+    const C = z.useMemo(
       () => ({
         selectedChannel: s,
         onChannelSelect: t,
@@ -669,10 +669,10 @@ const en = ({
           }
         );
         y(H);
-      } catch (z) {
+      } catch (j) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
-          z
+          j
         );
       }
   }, [a, ($ = n == null ? void 0 : n.user) == null ? void 0 : $.id]);
@@ -684,20 +684,20 @@ const en = ({
     if (!p) {
       h == null || h(), C && console.log("[ChannelInfoDialog] Leave conversation", r.cid), S(!0);
       try {
-        const z = ((_ = r._client) == null ? void 0 : _.userID) ?? null;
-        await r.hide(z, !1), l && await l(r), s();
-      } catch (z) {
-        console.error("[ChannelInfoDialog] Failed to leave conversation", z);
+        const j = ((_ = r._client) == null ? void 0 : _.userID) ?? null;
+        await r.hide(j, !1), l && await l(r), s();
+      } catch (j) {
+        console.error("[ChannelInfoDialog] Failed to leave conversation", j);
       } finally {
         S(!1);
       }
     }
   }, b = async () => {
-    var _, z, H;
+    var _, j, H;
     if (!(w || !a)) {
       u == null || u(), C && console.log("[ChannelInfoDialog] Block member", (_ = n == null ? void 0 : n.user) == null ? void 0 : _.id), E(!0);
       try {
-        await a.blockUser((z = n == null ? void 0 : n.user) == null ? void 0 : z.id), i && await i((H = n == null ? void 0 : n.user) == null ? void 0 : H.id), s();
+        await a.blockUser((j = n == null ? void 0 : n.user) == null ? void 0 : j.id), i && await i((H = n == null ? void 0 : n.user) == null ? void 0 : H.id), s();
       } catch (ee) {
         console.error("[ChannelInfoDialog] Failed to block member", ee);
       } finally {
@@ -705,11 +705,11 @@ const en = ({
       }
     }
   }, k = async () => {
-    var _, z, H;
+    var _, j, H;
     if (!(w || !a)) {
       u == null || u(), C && console.log("[ChannelInfoDialog] Unblock member", (_ = n == null ? void 0 : n.user) == null ? void 0 : _.id), E(!0);
       try {
-        await a.unBlockUser((z = n == null ? void 0 : n.user) == null ? void 0 : z.id), i && await i((H = n == null ? void 0 : n.user) == null ? void 0 : H.id), s();
+        await a.unBlockUser((j = n == null ? void 0 : n.user) == null ? void 0 : j.id), i && await i((H = n == null ? void 0 : n.user) == null ? void 0 : H.id), s();
       } catch (ee) {
         console.error("[ChannelInfoDialog] Failed to unblock member", ee);
       } finally {
@@ -860,7 +860,7 @@ function nn(t) {
   }, [s, n == null ? void 0 : n.userID, t.id, r]);
   return { selected: r, voteUp: o, voteDown: l };
 }
-const an = j.lazy(() => import("./Card-DoNJA-jg.js")), rn = j.lazy(() => import("./Card-BlXnKGaR.js")), St = () => /* @__PURE__ */ e(
+const an = z.lazy(() => import("./Card-RgHsp9x1.js")), rn = z.lazy(() => import("./Card-DwgUtqsA.js")), St = () => /* @__PURE__ */ e(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-[24px] bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
@@ -950,7 +950,7 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     ReminderNotification: Z = Zt,
     StreamedMessageText: ae = Kt,
     PinIndicator: J
-  } = gt("CustomMessage"), x = Jt(a), _ = Qt(a), z = ze(
+  } = gt("CustomMessage"), x = Jt(a), _ = Qt(a), j = ze(
     () => f == null ? void 0 : f(a),
     [f, a]
   ), H = ze(
@@ -1079,7 +1079,7 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
                   attachments: H
                 }
               ) : null,
-              z ? /* @__PURE__ */ e(
+              j ? /* @__PURE__ */ e(
                 ae,
                 {
                   message: a,
@@ -1117,7 +1117,7 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       ie && /* @__PURE__ */ e(P, {})
     ] }, a.id)
   ] });
-}, bn = j.memo(
+}, bn = z.memo(
   gn,
   (t, s) => t.chatbotVotingEnabled !== s.chatbotVotingEnabled ? !1 : jt(t, s)
 ), xn = (t) => {
@@ -1468,7 +1468,7 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       s && /* @__PURE__ */ e("span", { className: "text-stone", children: s })
     ]
   }
-), Me = j.memo(() => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ d("div", { className: "flex items-center", children: [
+), Me = z.memo(() => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ d("div", { className: "flex items-center", children: [
   /* @__PURE__ */ e(An, { className: "w-6 h-6" }),
   /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
@@ -1482,7 +1482,7 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   dmAgentEnabled: l = !1
 }) => {
   var v, a, C, g, y;
-  const { channel: i } = ue(), c = j.useMemo(() => Object.values(i.state.members || {}).find(
+  const { channel: i } = ue(), c = z.useMemo(() => Object.values(i.state.members || {}).find(
     (S) => {
       var w;
       return ((w = S.user) == null ? void 0 : w.id) && S.user.id !== i._client.userID;
@@ -1668,15 +1668,15 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   dmAgentEnabled: y = !1
 }) => {
   var T, B;
-  const { channel: p } = ue(), S = Q(null), w = j.useMemo(() => Object.values(p.state.members || {}).find(
+  const { channel: p } = ue(), S = Q(null), w = z.useMemo(() => Object.values(p.state.members || {}).find(
     (G) => {
       var $;
       return (($ = G.user) == null ? void 0 : $.id) && G.user.id !== p._client.userID;
     }
-  ), [p._client.userID, p.state.members]), E = j.useMemo(() => Object.values(p.state.members || {}).find((G) => {
+  ), [p._client.userID, p.state.members]), E = z.useMemo(() => Object.values(p.state.members || {}).find((G) => {
     var $;
     return (($ = G.user) == null ? void 0 : $.id) === p._client.userID;
-  }), [p._client.userID, p.state.members]), F = ((T = E == null ? void 0 : E.user) == null ? void 0 : T.is_account) ?? (E == null ? void 0 : E.is_account), N = ((B = w == null ? void 0 : w.user) == null ? void 0 : B.is_account) ?? (w == null ? void 0 : w.is_account), b = y && F === !1 && N === !0, k = j.useMemo(() => {
+  }), [p._client.userID, p.state.members]), F = ((T = E == null ? void 0 : E.user) == null ? void 0 : T.is_account) ?? (E == null ? void 0 : E.is_account), N = ((B = w == null ? void 0 : w.user) == null ? void 0 : B.is_account) ?? (w == null ? void 0 : w.is_account), b = y && F === !1 && N === !0, k = z.useMemo(() => {
     const O = p.data ?? {};
     if (O.followerStatus)
       return String(O.followerStatus);
@@ -1744,7 +1744,7 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       }
     )
   ] });
-}, Mt = j.memo(
+}, Mt = z.memo(
   ({
     channel: t,
     onBack: s,
@@ -2150,7 +2150,7 @@ const $n = ({
       ] })
     ]
   }
-), Tt = j.memo(
+), Tt = z.memo(
   ({ hasChannels: t, channelsLoaded: s }) => /* @__PURE__ */ e("div", { className: "messaging-empty-state flex items-center justify-center h-full p-8 text-balance", children: /* @__PURE__ */ d("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
     /* @__PURE__ */ e(zn, {}),
     s && !t && /* @__PURE__ */ d("div", { className: "mt-8", children: [
@@ -2160,7 +2160,7 @@ const $n = ({
   ] }) })
 );
 Tt.displayName = "EmptyState";
-const Ie = j.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ d("div", { className: "text-center max-w-sm", children: [
+const Ie = z.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ d("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ e("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ e("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ e("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ e("p", { className: "text-stone text-sm mb-6", children: t }),
@@ -2212,11 +2212,11 @@ const ga = ({
     error: G,
     refreshConnection: $,
     debug: P
-  } = zs(), [W, Z] = M(null), [ae, J] = M(!1), [x, _] = M(!1), [z, H] = M(!1), [ee, ie] = M(/* @__PURE__ */ new Set()), [be, Le] = M(0), [q, te] = M(!1), [xe, re] = M(null), me = Q(null), {
+  } = zs(), [W, Z] = M(null), [ae, J] = M(!1), [x, _] = M(!1), [j, H] = M(!1), [ee, ie] = M(/* @__PURE__ */ new Set()), [be, Le] = M(0), [q, te] = M(!1), [xe, re] = M(null), me = Q(null), {
     participantSource: oe,
     participantLabel: pe = "participants",
     showDeleteConversation: ge = !0
-  } = t, ve = j.useMemo(() => {
+  } = t, ve = z.useMemo(() => {
     const D = T == null ? void 0 : T.userID;
     return {
       ...{
@@ -2603,7 +2603,7 @@ function Yn(t) {
   return s !== "document" ? Vn[s] : Hn[Gn(t)];
 }
 function Te(t, s) {
-  return j.createElement(Yn(t), s);
+  return z.createElement(Yn(t), s);
 }
 const Wn = (t) => {
   var s, n;
@@ -2625,10 +2625,10 @@ const Wn = (t) => {
   }, []), $ = U((x) => {
     const _ = v.current;
     if (!_) return 0;
-    const z = _.getBoundingClientRect();
+    const j = _.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Wn(x) - z.left) / z.width)
+      Math.min(1, (Wn(x) - j.left) / j.width)
     );
   }, []), P = U((x) => {
     const _ = f.current;
@@ -2659,8 +2659,8 @@ const Wn = (t) => {
     }) : x.pause());
   }, [g]), K(() => {
     if (!w) return;
-    const x = (z) => S($(z)), _ = (z) => {
-      E(!1), P($(z));
+    const x = (j) => S($(j)), _ = (j) => {
+      E(!1), P($(j));
     };
     return window.addEventListener("mousemove", x), window.addEventListener("mouseup", _), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", _), () => {
       window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", _), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", _);
@@ -2965,7 +2965,7 @@ const Wn = (t) => {
         u ? /* @__PURE__ */ e("div", { className: "pointer-events-auto absolute right-3 top-3 z-50", children: u }) : null,
         s,
         /* @__PURE__ */ d("div", { className: "px-4 pb-3 pt-3", children: [
-          /* @__PURE__ */ e(
+          a.trim() !== "" && /* @__PURE__ */ e(
             "p",
             {
               className: A("mb-0.5 truncate text-base font-medium", {
@@ -3024,8 +3024,7 @@ function ea(t) {
   return t ? "text-white/20" : "text-black/20";
 }
 const Xe = ({ attachment: t, isMyMessage: s }) => {
-  const { title: n, text: r, image_url: o, og_scrape_url: l, title_link: i } = t, c = l ?? i;
-  return /* @__PURE__ */ d("a", { href: c, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: [
+  const { title: n, text: r, image_url: o, og_scrape_url: l, title_link: i } = t, c = l ?? i, h = typeof c == "string" && c.trim() !== "" ? c : void 0, u = /* @__PURE__ */ d(z.Fragment, { children: [
     /* @__PURE__ */ e("div", { className: "p-2", children: o ? /* @__PURE__ */ e(
       "img",
       {
@@ -3043,14 +3042,15 @@ const Xe = ({ attachment: t, isMyMessage: s }) => {
     /* @__PURE__ */ d("div", { className: "px-3 pb-3", children: [
       n && /* @__PURE__ */ e("p", { className: `truncate text-[14px] font-medium leading-5 ${Kn(s)}`, children: n }),
       r && /* @__PURE__ */ e("p", { className: `truncate text-[12px] leading-4 ${Jn(s)}`, children: r }),
-      c && /* @__PURE__ */ e("p", { className: `mt-1 truncate text-[12px] leading-4 ${Qn(s)}`, children: c })
+      h && /* @__PURE__ */ e("p", { className: `mt-1 truncate text-[12px] leading-4 ${Qn(s)}`, children: h })
     ] })
   ] });
+  return h ? /* @__PURE__ */ e("a", { href: h, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: u }) : /* @__PURE__ */ e("div", { className: "block", children: u });
 };
 function Ze(t) {
   var s;
   return (s = t.attachments) == null ? void 0 : s.find(
-    (n) => n.type === "link" || n.og_scrape_url != null && !n.asset_url
+    (n) => n.type === "link" || !!n.og_scrape_url && !n.asset_url
   );
 }
 async function ta(t, s) {
@@ -3085,7 +3085,7 @@ const sa = ({
       },
       disabled: n,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: n ? /* @__PURE__ */ e(pt, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ d(j.Fragment, { children: [
+      children: n ? /* @__PURE__ */ e(pt, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ d(z.Fragment, { children: [
         /* @__PURE__ */ e($s, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -3126,6 +3126,7 @@ const Pt = ({
     {
       variant: "dark",
       title: n,
+      placeholderTitle: "",
       mimeType: s,
       detail: l,
       thumbnail: /* @__PURE__ */ e(
@@ -3285,4 +3286,4 @@ export {
   Ze as r,
   un as u
 };
-//# sourceMappingURL=index-jnKl3mQ0.js.map
+//# sourceMappingURL=index-B_4pciGp.js.map