@medialane/ui 0.259.0 → 0.261.0

package/dist/components/asset-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState, type ComponentType, type ReactNode } from \"react\";\nimport { motion, useReducedMotion } from \"framer-motion\";\nimport { Award } from \"lucide-react\";\nimport { assetHref, collectionHref, getDerivativesTerm, getService, resolveRemixPolicy, type ApiActivity, type ApiCollection, type ApiOrder, type ApiToken, type Chain } from \"@medialane/sdk\";\nimport { useRouter } from \"./router.js\";\nimport { PageContainer } from \"./page-container.js\";\nimport { PageBackdrop } from \"./media-header.js\";\nimport { AssetHeaderBlock, AssetMediaColumn, AssetOwnerRow } from \"./asset-top-sections.js\";\nimport { AssetPublication } from \"./asset-publication.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { AssetRelatedList, AssetVideo, VIDEO_EMBED_TRAITS, videoEmbed } from \"./asset-video.js\";\nimport { AssetAudio, AUDIO_EMBED_TRAITS, audioEmbed } from \"./asset-audio.js\";\nimport { AssetUtilityIcons } from \"./asset-utility-icons.js\";\nimport { AssetMarketplacePanel } from \"./asset-marketplace-panel.js\";\nimport { AssetOwnersPanel } from \"./asset-owners-panel.js\";\nimport { AssetCollectionBar } from \"./asset-collection-bar.js\";\nimport { AssetOverviewContent } from \"./asset-overview-content.js\";\nimport { AssetMarketsTab } from \"./asset-markets-tab.js\";\nimport { AssetProvenanceTab } from \"./asset-provenance-tab.js\";\nimport { AssetLightbox } from \"./asset-lightbox.js\";\nimport { AssetUnavailable } from \"./asset-unavailable.js\";\nimport { HiddenContentBanner } from \"./hidden-content-banner.js\";\nimport { DropTokenLink } from \"./drop/drop-token-link.js\";\nimport { FloatingCommentsButton } from \"./floating-comments-button.js\";\nimport { AssetCommentsDialog } from \"./asset-comments-dialog.js\";\nimport { PopBurnButton } from \"./pop-burn-button.js\";\nimport { MembershipPanel, TicketPanel, type AssetTypePanelProps } from \"./asset-type-panels.js\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"./tabs.js\";\nimport { Skeleton } from \"./skeleton.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport { useToken, useTokenBalance, useTokenHistory } from \"../utils/use-tokens.js\";\nimport { useCollection, useNearbyCollectionTokens } from \"../utils/use-collections.js\";\nimport { useTokenListings } from \"../utils/use-orders.js\";\nimport { useTokenRemixes } from \"../utils/use-remix-offers.js\";\nimport { useComments } from \"../utils/use-comments.js\";\nimport { useFullTokenData } from \"../utils/use-full-token-data.js\";\nimport { useAssetMarketState } from \"../utils/asset-market-state.js\";\nimport { assetAttributes } from \"../utils/asset-attributes.js\";\nimport { ASSET_ACCENTS } from \"../utils/asset-accents.js\";\nimport { isLivingRenderCollection } from \"../data/living-render-collections.js\";\nimport { EXPLORER_URL } from \"../utils/explorer-url.js\";\nimport { profileHref } from \"@medialane/sdk\";\nimport { useImageUrl } from \"../utils/use-image-url.js\";\n\nexport type AssetKind = \"standard\" | \"edition\" | \"ticket\" | \"membership\" | \"pop\";\n\nexport interface AssetMarketContext {\n  contract: string;\n  tokenId: string;\n  tokenName: string;\n  tokenImage: string | null;\n  tokenStandard: \"ERC721\" | \"ERC1155\" | \"UNKNOWN\";\n  activeListings: ApiOrder[];\n  quantityOwned?: string;\n  mutateListings: () => void;\n}\n\nexport interface AssetMarketActions {\n  isProcessing: boolean;\n  buy: (order: ApiOrder) => void;\n  list: () => void;\n  offer: () => void;\n  transfer: () => void;\n  cancel: (order: ApiOrder) => void;\n  acceptBid: (order: ApiOrder) => void;\n  dialogs: ReactNode;\n}\n\ninterface KindConfig {\n  namePrefix: string;\n  accents: (typeof ASSET_ACCENTS)[keyof typeof ASSET_ACCENTS];\n  market: boolean;\n  remix: boolean;\n  Panel?: ComponentType<AssetTypePanelProps>;\n}\n\nconst KINDS: Record<AssetKind, KindConfig> = {\n  standard: { namePrefix: \"Token\", accents: ASSET_ACCENTS.standard, market: true, remix: true },\n  edition: { namePrefix: \"Edition\", accents: ASSET_ACCENTS.edition, market: true, remix: false },\n  ticket: { namePrefix: \"Ticket\", accents: ASSET_ACCENTS.ticket, market: true, remix: false, Panel: TicketPanel },\n  membership: { namePrefix: \"Membership\", accents: ASSET_ACCENTS.membership, market: true, remix: false, Panel: MembershipPanel },\n  pop: { namePrefix: \"POP\", accents: ASSET_ACCENTS.standard, market: false, remix: false },\n};\n\nconst PUBLICATION_TYPES = new Set([\"publications\", \"posts\"]);\n\ntype TraitList = { trait_type?: string | null; value?: string | number | boolean | null }[];\n\nfunction traitText(attributes: TraitList, trait: string): string | null {\n  const value = attributes.find((a) => a.trait_type === trait)?.value;\n  return typeof value === \"string\" && value.trim() !== \"\" ? value.trim() : null;\n}\n\nfunction publicationAuthor(attributes: TraitList, metadataAuthor?: string | null): string | null {\n  return traitText(attributes, \"Author\") ?? metadataAuthor ?? traitText(attributes, \"Creator\");\n}\n\nconst VARIANT_KINDS: Partial<Record<string, AssetKind>> = { edition: \"edition\", ticket: \"ticket\", club: \"membership\", pop: \"pop\" };\n\nexport function detectAssetKind(service: string | null | undefined, standard: string | null | undefined): AssetKind {\n  const variant = getService(service)?.uiVariant;\n  if (variant) return VARIANT_KINDS[variant] ?? \"standard\";\n  return standard === \"ERC1155\" ? \"edition\" : \"standard\";\n}\n\nexport function AssetPageSkeleton() {\n  return (\n    <PageContainer className=\"pt-20 pb-8\">\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 lg:gap-10 gap-6 items-start\">\n        <Skeleton className=\"aspect-square w-full rounded-3xl\" />\n        <div className=\"space-y-6\">\n          <div className=\"space-y-3\">\n            <Skeleton className=\"h-5 w-24 rounded-full\" />\n            <Skeleton className=\"h-9 w-3/4\" />\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-4 w-2/3\" />\n          </div>\n          <Skeleton className=\"h-[54px] w-full rounded-2xl\" />\n          <div className=\"flex gap-2\">\n            {Array.from({ length: 3 }).map((_, i) => <Skeleton key={i} className=\"h-[46px] flex-1 rounded-[13px]\" />)}\n          </div>\n          <Skeleton className=\"h-16 w-full rounded-2xl\" />\n        </div>\n      </div>\n    </PageContainer>\n  );\n}\n\nexport interface AssetPageProps {\n  contract: string;\n  tokenId: string;\n  useMarketActions: (context: AssetMarketContext) => AssetMarketActions;\n}\n\nexport function AssetPage({ contract, tokenId, useMarketActions }: AssetPageProps) {\n  const { token, isLoading, isIndexing } = useToken(contract, tokenId);\n  const { collection, isLoading: collectionLoading } = useCollection(contract);\n  if (isLoading || collectionLoading) return <AssetPageSkeleton />;\n  if (!token) return <AssetUnavailable isIndexing={isIndexing} />;\n  const kind = detectAssetKind(collection?.service, collection?.standard ?? token.standard);\n  return <AssetPageView contract={contract} tokenId={tokenId} token={token} collection={collection ?? null} kind={kind} useMarketActions={useMarketActions} />;\n}\n\nfunction AssetPageView({\n  contract,\n  tokenId,\n  token,\n  collection,\n  kind,\n  useMarketActions,\n}: {\n  contract: string;\n  tokenId: string;\n  token: ApiToken & { isHidden?: boolean };\n  collection: ApiCollection | null;\n  kind: AssetKind;\n  useMarketActions: AssetPageProps[\"useMarketActions\"];\n}) {\n  const resolveImage = useImageUrl();\n  const config = KINDS[kind];\n  const router = useRouter();\n  const shouldReduce = useReducedMotion();\n  const { walletAddress, ReportDialog } = useMedialaneApp();\n\n  const { listings, mutate: mutateListings, isLoading: listingsLoading } = useTokenListings(contract, tokenId);\n  const { history } = useTokenHistory(contract, tokenId);\n  const { tokens: collectionTokens } = useNearbyCollectionTokens(contract, tokenId);\n  const { total: commentTotal } = useComments(contract, tokenId);\n  const { total: remixCount } = useTokenRemixes(contract, tokenId);\n  const { data: fullTokenData } = useFullTokenData(contract, tokenId);\n  const { amount: walletBalance } = useTokenBalance(contract, tokenId, walletAddress);\n  const market = useAssetMarketState({ token, collection, listings, history: history as ApiActivity[], walletAddress, walletBalance });\n\n  const [reportOpen, setReportOpen] = useState(false);\n  const [commentOpen, setCommentOpen] = useState(false);\n  const [lightboxOpen, setLightboxOpen] = useState(false);\n  const [imgError, setImgError] = useState(false);\n\n  const name = token.metadata?.name || `${config.namePrefix} #${token.tokenId}`;\n  const image = resolveImage(token.metadata?.image);\n  const tokenStandard = kind === \"standard\" || kind === \"pop\"\n    ? ((token.standard ?? collection?.standard ?? \"UNKNOWN\") as AssetMarketContext[\"tokenStandard\"])\n    : \"ERC1155\";\n\n  const actions = useMarketActions({\n    contract,\n    tokenId,\n    tokenName: name,\n    tokenImage: image,\n    tokenStandard,\n    activeListings: market.activeListings,\n    quantityOwned: market.quantityOwned,\n    mutateListings,\n  });\n\n  const autoActionRef = useRef(false);\n  useEffect(() => {\n    if (autoActionRef.current || !config.market || !market.isOwner) return;\n    const action = new URLSearchParams(window.location.search).get(\"action\");\n    if (action === \"list\") actions.list();\n    else if (action === \"transfer\") actions.transfer();\n    else return;\n    autoActionRef.current = true;\n  }, [config.market, market.isOwner, actions]);\n\n  const { attributes, hasTemplateData, isDisplayAttr, parentContract, parentTokenId } = assetAttributes(token.metadata?.attributes);\n  const remixPolicy = resolveRemixPolicy({\n    parentNoDerivatives: getDerivativesTerm(token.metadata?.attributes) === \"Not Allowed\",\n    viewerIsParentOwner: market.isOwner,\n    dealAvailable: !!getService(collection?.service),\n  });\n  const holders = token.balances ?? [];\n  const ownerAddress = !market.isERC1155 ? (holders[0]?.owner ?? token.owner ?? null) : null;\n  const marketCount = market.activeListings.length + market.activeBids.length;\n  const { Panel } = config;\n\n  const postContent = traitText(attributes, \"Content\");\n  const articleText = postContent ?? (token.metadata?.description?.trim() || null);\n  const video = (token.metadata?.ipType ?? \"\").toLowerCase() === \"video\" ? videoEmbed(attributes) : null;\n  const audio = (token.metadata?.ipType ?? \"\").toLowerCase() === \"audio\" ? audioEmbed(attributes) : null;\n  const isPublication = !!articleText && PUBLICATION_TYPES.has((token.metadata?.ipType ?? \"\").toLowerCase());\n  const publisherName = collection?.name ?? contract.slice(0, 8) + \"…\";\n  const overview = isPublication\n    ? { attributes, hasTemplateData, isDisplayAttr: (a: Parameters<typeof isDisplayAttr>[0]) => isDisplayAttr(a) && !(postContent && a.trait_type === \"Content\") }\n    : video || audio\n      ? assetAttributes(attributes.filter((a) => !VIDEO_EMBED_TRAITS.has(a.trait_type ?? \"\") && !AUDIO_EMBED_TRAITS.has(a.trait_type ?? \"\")))\n      : { attributes, hasTemplateData, isDisplayAttr };\n\n  const marketBlock = (\n    <>\n      {Panel ? <Panel contract={contract} tokenId={tokenId} quantityOwned={market.quantityOwned} /> : null}\n\n      {config.market ? (\n        <AssetMarketplacePanel\n          asset={token}\n          compact={isPublication || !!video || !!audio}\n          cheapest={market.cheapest}\n          usdValue={market.cheapestUsd}\n          isOwner={market.isOwner}\n          isProcessing={actions.isProcessing}\n          isERC1155={market.isERC1155}\n          canListMoreEditions={market.canListMoreEditions}\n          isMarketLoading={listingsLoading}\n          myListing={market.myListing}\n          activeBids={market.activeBids}\n          remixEnabled={config.remix && remixPolicy.canRemixDirect}\n          showDealOption={config.remix && remixPolicy.showDealOption}\n          onCancelClick={actions.cancel}\n          onAcceptBid={actions.acceptBid}\n          onOpenListing={actions.list}\n          onOpenTransfer={actions.transfer}\n          onOpenPurchase={actions.buy}\n          onOpenOffer={actions.offer}\n          onOpenRemix={() => router.push(`/create/remix/${contract}/${tokenId}`)}\n        />\n      ) : null}\n\n      {kind === \"pop\" && market.isOwner ? <PopBurnButton collectionAddress={contract} tokenId={tokenId} /> : null}\n\n      {market.isERC1155 && holders.length > 0 ? (\n        <AssetOwnersPanel balances={holders} total={token.holderCount} editions={Number(token.supply ?? 0)} />\n      ) : null}\n    </>\n  );\n\n  const detailsBlock = (\n    <div className=\"pt-5 space-y-5\">\n      {ownerAddress ? <AssetOwnerRow ownerAddress={ownerAddress} ownerHref={profileHref({ address: ownerAddress })} /> : null}\n      {collection?.service === \"drop-collection\" ? <DropTokenLink contract={contract} name={collection.name ?? null} /> : null}\n      <AssetCollectionBar\n        collectionName={publisherName}\n        collectionImage={resolveImage(collection?.image)}\n        collectionHref={collectionHref(\"STARKNET\", contract)}\n        currentTokenId={tokenId}\n        siblingTokens={collectionTokens.map((t) => ({\n          tokenId: t.tokenId,\n          image: resolveImage(t.metadata?.image),\n        }))}\n        onNavigate={(id) => router.push(assetHref(\"STARKNET\", contract, id))}\n        floorPriceRaw={collection?.floorPrice}\n      />\n      <div className=\"-ml-3\">\n        <AssetUtilityIcons\n          contractExplorerHref={`${EXPLORER_URL}/contract/${token.contractAddress}`}\n          shareTitle={name}\n          onReportClick={() => setReportOpen(true)}\n        />\n      </div>\n    </div>\n  );\n\n  return (\n    <div className=\"relative z-0 min-h-screen\">\n      {token.isHidden ? <HiddenContentBanner /> : null}\n      <PageBackdrop image={image} />\n\n      <PageContainer className={isPublication ? \"pt-20 space-y-8 pb-8 lg:px-16 xl:px-24\" : \"pt-20 space-y-8 pb-8\"}>\n        {video ? (\n        <div className=\"grid grid-cols-1 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)] lg:gap-12 gap-8 items-start\">\n          <AssetVideo\n            name={name}\n            embedSrc={video.src}\n            embedLabel={video.label}\n            description={token.metadata?.description}\n            collectionName={publisherName}\n            collectionImage={resolveImage(collection?.image)}\n            collectionHref={collectionHref(\"STARKNET\", contract)}\n            utilities={\n              <AssetUtilityIcons\n                contractExplorerHref={`${EXPLORER_URL}/contract/${token.contractAddress}`}\n                shareTitle={name}\n                onReportClick={() => setReportOpen(true)}\n              />\n            }\n          />\n          <aside className=\"space-y-6 min-w-0\">\n            <IpTypeBadge ipType={token.metadata?.ipType ?? \"Video\"} size=\"md\" showLabel />\n            {marketBlock}\n            {ownerAddress ? <AssetOwnerRow ownerAddress={ownerAddress} ownerHref={profileHref({ address: ownerAddress })} /> : null}\n            <AssetRelatedList\n              title={publisherName}\n              titleHref={collectionHref(\"STARKNET\", contract)}\n              items={collectionTokens\n                .filter((t) => String(t.tokenId) !== String(tokenId))\n                .map((t) => ({\n                  tokenId: t.tokenId,\n                  name: t.metadata?.name || `${config.namePrefix} #${t.tokenId}`,\n                  image: resolveImage(t.metadata?.image),\n                  href: assetHref(\"STARKNET\", contract, t.tokenId),\n                }))}\n            />\n          </aside>\n        </div>\n        ) : audio ? (\n        <div className=\"grid grid-cols-1 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)] lg:gap-12 gap-8 items-start\">\n          <AssetAudio\n            name={name}\n            image={image}\n            embedSrc={audio.src}\n            embedLabel={audio.label}\n            description={token.metadata?.description}\n            collectionName={publisherName}\n            collectionImage={resolveImage(collection?.image)}\n            collectionHref={collectionHref(\"STARKNET\", contract)}\n            utilities={\n              <AssetUtilityIcons\n                contractExplorerHref={`${EXPLORER_URL}/contract/${token.contractAddress}`}\n                shareTitle={name}\n                onReportClick={() => setReportOpen(true)}\n              />\n            }\n          />\n          <aside className=\"space-y-6 min-w-0\">\n            <IpTypeBadge ipType={token.metadata?.ipType ?? \"Audio\"} size=\"md\" showLabel />\n            {marketBlock}\n            {ownerAddress ? <AssetOwnerRow ownerAddress={ownerAddress} ownerHref={profileHref({ address: ownerAddress })} /> : null}\n            <AssetRelatedList\n              title={publisherName}\n              titleHref={collectionHref(\"STARKNET\", contract)}\n              shape=\"square\"\n              items={collectionTokens\n                .filter((t) => String(t.tokenId) !== String(tokenId))\n                .map((t) => ({\n                  tokenId: t.tokenId,\n                  name: t.metadata?.name || `${config.namePrefix} #${t.tokenId}`,\n                  image: resolveImage(t.metadata?.image),\n                  href: assetHref(\"STARKNET\", contract, t.tokenId),\n                }))}\n            />\n          </aside>\n        </div>\n        ) : isPublication ? (\n        <div className=\"grid grid-cols-1 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)] lg:gap-20 gap-8 items-start\">\n          <AssetPublication\n            name={name}\n            text={articleText!}\n            image={image}\n            imgError={imgError}\n            onImageError={() => setImgError(true)}\n            onZoom={() => setLightboxOpen(true)}\n            author={publicationAuthor(attributes, token.metadata?.author)}\n            externalUrl={token.metadata?.externalUrl}\n          />\n          <aside className=\"space-y-6 min-w-0 lg:sticky lg:top-16\">\n            <IpTypeBadge ipType={token.metadata?.ipType ?? \"Publications\"} size=\"md\" showLabel />\n            {marketBlock}\n            {detailsBlock}\n          </aside>\n        </div>\n        ) : (\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 lg:gap-10 gap-8 items-start\">\n          <AssetMediaColumn\n            shouldReduce={Boolean(shouldReduce)}\n            image={image}\n            imageAlt={name}\n            imgError={imgError}\n            onImageError={() => setImgError(true)}\n            onZoom={() => setLightboxOpen(true)}\n            animationUrl={token.metadata?.animationUrl}\n            live={isLivingRenderCollection(token.chain as Chain, token.contractAddress)}\n            fallback={<div className=\"aspect-square bg-muted\" />}\n          />\n\n          <motion.div\n            initial={shouldReduce ? false : { opacity: 0, y: 16 }}\n            animate={{ opacity: 1, y: 0 }}\n            transition={{ duration: 0.5, delay: 0.2 }}\n            className=\"space-y-6\"\n          >\n            <AssetHeaderBlock\n              name={name}\n              description={token.metadata?.description}\n              externalUrl={token.metadata?.externalUrl}\n              ipType={token.metadata?.ipType}\n              parentContract={parentContract}\n              parentTokenId={parentTokenId}\n              badges={kind === \"pop\" ? (\n                <span className=\"inline-flex items-center gap-1 text-2xs font-semibold px-2.5 py-1 rounded-full border border-emerald-500/30 bg-emerald-500/10 text-emerald-500\">\n                  <Award className=\"h-3 w-3\" />\n                  POP\n                </span>\n              ) : null}\n            />\n\n            {marketBlock}\n\n            {detailsBlock}\n          </motion.div>\n        </div>\n        )}\n\n        <Tabs defaultValue=\"overview\">\n          <TabsList>\n            <TabsTrigger value=\"overview\">Overview</TabsTrigger>\n            {config.market ? <TabsTrigger value=\"markets\">Markets {marketCount > 0 && `(${marketCount})`}</TabsTrigger> : null}\n            <TabsTrigger value=\"provenance\">Provenance {history.length > 0 && `(${history.length})`}</TabsTrigger>\n          </TabsList>\n\n          <TabsContent value=\"overview\">\n            <AssetOverviewContent attributes={overview.attributes} hasTemplateData={overview.hasTemplateData} isDisplayAttr={overview.isDisplayAttr} />\n          </TabsContent>\n\n          {config.market ? (\n            <TabsContent value=\"markets\">\n              <AssetMarketsTab\n                activeListings={market.activeListings}\n                activeBids={market.activeBids}\n                walletAddress={walletAddress ?? undefined}\n                isOwner={market.isOwner}\n                isProcessing={actions.isProcessing}\n                onBuyClick={actions.buy}\n                onCancelClick={actions.cancel}\n                onAcceptClick={actions.acceptBid}\n              />\n            </TabsContent>\n          ) : null}\n\n          <TabsContent value=\"provenance\">\n            <AssetProvenanceTab\n              history={history as ApiActivity[]}\n              contract={contract}\n              tokenId={tokenId}\n              remixCount={remixCount}\n              originalCreator={fullTokenData?.originalCreator}\n              registeredAt={fullTokenData?.registeredAt}\n            />\n          </TabsContent>\n        </Tabs>\n      </PageContainer>\n\n      <AssetLightbox open={lightboxOpen} onOpenChange={setLightboxOpen} image={image} alt={name} />\n      <FloatingCommentsButton onClick={() => setCommentOpen(true)} commentTotal={commentTotal} />\n      <AssetCommentsDialog\n        open={commentOpen}\n        onOpenChange={setCommentOpen}\n        contract={contract}\n        tokenId={tokenId}\n        name={name}\n        imageUrl={image}\n        commentTotal={commentTotal}\n        {...config.accents}\n      />\n      {ReportDialog ? <ReportDialog open={reportOpen} onOpenChange={setReportOpen} target={{ type: \"TOKEN\", contract: token.contractAddress, tokenId: token.tokenId, name }} /> : null}\n      {actions.dialogs}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/asset-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState, type ComponentType, type ReactNode } from \"react\";\nimport { motion, useReducedMotion } from \"framer-motion\";\nimport { Award } from \"lucide-react\";\nimport { assetHref, collectionHref, getDerivativesTerm, getService, resolveRemixPolicy, type ApiActivity, type ApiCollection, type ApiOrder, type ApiToken, type Chain } from \"@medialane/sdk\";\nimport { useRouter } from \"./router.js\";\nimport { PageContainer } from \"./page-container.js\";\nimport { PageBackdrop } from \"./media-header.js\";\nimport { AssetHeaderBlock, AssetMediaColumn, AssetOwnerRow } from \"./asset-top-sections.js\";\nimport { AssetPublication } from \"./asset-publication.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { AssetRelatedList, AssetVideo, VIDEO_EMBED_TRAITS, videoEmbed } from \"./asset-video.js\";\nimport { AssetAudio, AUDIO_EMBED_TRAITS, audioEmbed } from \"./asset-audio.js\";\nimport { AssetUtilityIcons } from \"./asset-utility-icons.js\";\nimport { AssetMarketplacePanel } from \"./asset-marketplace-panel.js\";\nimport { AssetOwnersPanel } from \"./asset-owners-panel.js\";\nimport { AssetCollectionBar } from \"./asset-collection-bar.js\";\nimport { AssetOverviewContent } from \"./asset-overview-content.js\";\nimport { AssetMarketsTab } from \"./asset-markets-tab.js\";\nimport { AssetProvenanceTab } from \"./asset-provenance-tab.js\";\nimport { AssetLightbox } from \"./asset-lightbox.js\";\nimport { AssetUnavailable } from \"./asset-unavailable.js\";\nimport { HiddenContentBanner } from \"./hidden-content-banner.js\";\nimport { DropTokenLink } from \"./drop/drop-token-link.js\";\nimport { FloatingCommentsButton } from \"./floating-comments-button.js\";\nimport { AssetCommentsDialog } from \"./asset-comments-dialog.js\";\nimport { PopBurnButton } from \"./pop-burn-button.js\";\nimport { MembershipPanel, TicketPanel, type AssetTypePanelProps } from \"./asset-type-panels.js\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"./tabs.js\";\nimport { Skeleton } from \"./skeleton.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport { useToken, useTokenBalance, useTokenHistory } from \"../utils/use-tokens.js\";\nimport { useCollection, useNearbyCollectionTokens } from \"../utils/use-collections.js\";\nimport { useTokenListings } from \"../utils/use-orders.js\";\nimport { useTokenRemixes } from \"../utils/use-remix-offers.js\";\nimport { useComments } from \"../utils/use-comments.js\";\nimport { useFullTokenData } from \"../utils/use-full-token-data.js\";\nimport { useAssetMarketState } from \"../utils/asset-market-state.js\";\nimport { assetAttributes } from \"../utils/asset-attributes.js\";\nimport { externalLink } from \"../utils/external-link.js\";\nimport { ASSET_ACCENTS } from \"../utils/asset-accents.js\";\nimport { isLivingRenderCollection } from \"../data/living-render-collections.js\";\nimport { EXPLORER_URL } from \"../utils/explorer-url.js\";\nimport { profileHref } from \"@medialane/sdk\";\nimport { useImageUrl } from \"../utils/use-image-url.js\";\n\nexport type AssetKind = \"standard\" | \"edition\" | \"ticket\" | \"membership\" | \"pop\";\n\nexport interface AssetMarketContext {\n  contract: string;\n  tokenId: string;\n  tokenName: string;\n  tokenImage: string | null;\n  tokenStandard: \"ERC721\" | \"ERC1155\" | \"UNKNOWN\";\n  activeListings: ApiOrder[];\n  quantityOwned?: string;\n  mutateListings: () => void;\n}\n\nexport interface AssetMarketActions {\n  isProcessing: boolean;\n  buy: (order: ApiOrder) => void;\n  list: () => void;\n  offer: () => void;\n  transfer: () => void;\n  cancel: (order: ApiOrder) => void;\n  acceptBid: (order: ApiOrder) => void;\n  dialogs: ReactNode;\n}\n\ninterface KindConfig {\n  namePrefix: string;\n  accents: (typeof ASSET_ACCENTS)[keyof typeof ASSET_ACCENTS];\n  market: boolean;\n  remix: boolean;\n  Panel?: ComponentType<AssetTypePanelProps>;\n}\n\nconst KINDS: Record<AssetKind, KindConfig> = {\n  standard: { namePrefix: \"Token\", accents: ASSET_ACCENTS.standard, market: true, remix: true },\n  edition: { namePrefix: \"Edition\", accents: ASSET_ACCENTS.edition, market: true, remix: false },\n  ticket: { namePrefix: \"Ticket\", accents: ASSET_ACCENTS.ticket, market: true, remix: false, Panel: TicketPanel },\n  membership: { namePrefix: \"Membership\", accents: ASSET_ACCENTS.membership, market: true, remix: false, Panel: MembershipPanel },\n  pop: { namePrefix: \"POP\", accents: ASSET_ACCENTS.standard, market: false, remix: false },\n};\n\nconst PUBLICATION_TYPES = new Set([\"publications\", \"posts\"]);\n\ntype TraitList = { trait_type?: string | null; value?: string | number | boolean | null }[];\n\nfunction traitText(attributes: TraitList, trait: string): string | null {\n  const value = attributes.find((a) => a.trait_type === trait)?.value;\n  return typeof value === \"string\" && value.trim() !== \"\" ? value.trim() : null;\n}\n\nfunction publicationAuthor(attributes: TraitList, metadataAuthor?: string | null): string | null {\n  return traitText(attributes, \"Author\") ?? metadataAuthor ?? traitText(attributes, \"Creator\");\n}\n\nconst VARIANT_KINDS: Partial<Record<string, AssetKind>> = { edition: \"edition\", ticket: \"ticket\", club: \"membership\", pop: \"pop\" };\n\nexport function detectAssetKind(service: string | null | undefined, standard: string | null | undefined): AssetKind {\n  const variant = getService(service)?.uiVariant;\n  if (variant) return VARIANT_KINDS[variant] ?? \"standard\";\n  return standard === \"ERC1155\" ? \"edition\" : \"standard\";\n}\n\nexport function AssetPageSkeleton() {\n  return (\n    <PageContainer className=\"pt-20 pb-8\">\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 lg:gap-10 gap-6 items-start\">\n        <Skeleton className=\"aspect-square w-full rounded-3xl\" />\n        <div className=\"space-y-6\">\n          <div className=\"space-y-3\">\n            <Skeleton className=\"h-5 w-24 rounded-full\" />\n            <Skeleton className=\"h-9 w-3/4\" />\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-4 w-2/3\" />\n          </div>\n          <Skeleton className=\"h-[54px] w-full rounded-2xl\" />\n          <div className=\"flex gap-2\">\n            {Array.from({ length: 3 }).map((_, i) => <Skeleton key={i} className=\"h-[46px] flex-1 rounded-[13px]\" />)}\n          </div>\n          <Skeleton className=\"h-16 w-full rounded-2xl\" />\n        </div>\n      </div>\n    </PageContainer>\n  );\n}\n\nexport interface AssetPageProps {\n  contract: string;\n  tokenId: string;\n  useMarketActions: (context: AssetMarketContext) => AssetMarketActions;\n}\n\nexport function AssetPage({ contract, tokenId, useMarketActions }: AssetPageProps) {\n  const { token, isLoading, isIndexing } = useToken(contract, tokenId);\n  const { collection, isLoading: collectionLoading } = useCollection(contract);\n  if (isLoading || collectionLoading) return <AssetPageSkeleton />;\n  if (!token) return <AssetUnavailable isIndexing={isIndexing} />;\n  const kind = detectAssetKind(collection?.service, collection?.standard ?? token.standard);\n  return <AssetPageView contract={contract} tokenId={tokenId} token={token} collection={collection ?? null} kind={kind} useMarketActions={useMarketActions} />;\n}\n\nfunction AssetPageView({\n  contract,\n  tokenId,\n  token,\n  collection,\n  kind,\n  useMarketActions,\n}: {\n  contract: string;\n  tokenId: string;\n  token: ApiToken & { isHidden?: boolean };\n  collection: ApiCollection | null;\n  kind: AssetKind;\n  useMarketActions: AssetPageProps[\"useMarketActions\"];\n}) {\n  const resolveImage = useImageUrl();\n  const config = KINDS[kind];\n  const router = useRouter();\n  const shouldReduce = useReducedMotion();\n  const { walletAddress, ReportDialog } = useMedialaneApp();\n\n  const { listings, mutate: mutateListings, isLoading: listingsLoading } = useTokenListings(contract, tokenId);\n  const { history } = useTokenHistory(contract, tokenId);\n  const { tokens: collectionTokens } = useNearbyCollectionTokens(contract, tokenId);\n  const { total: commentTotal } = useComments(contract, tokenId);\n  const { total: remixCount } = useTokenRemixes(contract, tokenId);\n  const { data: fullTokenData } = useFullTokenData(contract, tokenId);\n  const { amount: walletBalance } = useTokenBalance(contract, tokenId, walletAddress);\n  const market = useAssetMarketState({ token, collection, listings, history: history as ApiActivity[], walletAddress, walletBalance });\n\n  const [reportOpen, setReportOpen] = useState(false);\n  const [commentOpen, setCommentOpen] = useState(false);\n  const [lightboxOpen, setLightboxOpen] = useState(false);\n  const [imgError, setImgError] = useState(false);\n\n  const name = token.metadata?.name || `${config.namePrefix} #${token.tokenId}`;\n  const image = resolveImage(token.metadata?.image);\n  const tokenStandard = kind === \"standard\" || kind === \"pop\"\n    ? ((token.standard ?? collection?.standard ?? \"UNKNOWN\") as AssetMarketContext[\"tokenStandard\"])\n    : \"ERC1155\";\n\n  const actions = useMarketActions({\n    contract,\n    tokenId,\n    tokenName: name,\n    tokenImage: image,\n    tokenStandard,\n    activeListings: market.activeListings,\n    quantityOwned: market.quantityOwned,\n    mutateListings,\n  });\n\n  const autoActionRef = useRef(false);\n  useEffect(() => {\n    if (autoActionRef.current || !config.market || !market.isOwner) return;\n    const action = new URLSearchParams(window.location.search).get(\"action\");\n    if (action === \"list\") actions.list();\n    else if (action === \"transfer\") actions.transfer();\n    else return;\n    autoActionRef.current = true;\n  }, [config.market, market.isOwner, actions]);\n\n  const { attributes, hasTemplateData, isDisplayAttr, parentContract, parentTokenId } = assetAttributes(token.metadata?.attributes);\n  const remixPolicy = resolveRemixPolicy({\n    parentNoDerivatives: getDerivativesTerm(token.metadata?.attributes) === \"Not Allowed\",\n    viewerIsParentOwner: market.isOwner,\n    dealAvailable: !!getService(collection?.service),\n  });\n  const holders = token.balances ?? [];\n  const ownerAddress = !market.isERC1155 ? (holders[0]?.owner ?? token.owner ?? null) : null;\n  const marketCount = market.activeListings.length + market.activeBids.length;\n  const { Panel } = config;\n\n  const postContent = traitText(attributes, \"Content\");\n  const description = token.metadata?.description?.trim() || null;\n  const video = (token.metadata?.ipType ?? \"\").toLowerCase() === \"video\" ? videoEmbed(attributes) : null;\n  const audio = (token.metadata?.ipType ?? \"\").toLowerCase() === \"audio\" ? audioEmbed(attributes) : null;\n  const isPublication = !!description && PUBLICATION_TYPES.has((token.metadata?.ipType ?? \"\").toLowerCase());\n  const publisherName = collection?.name ?? contract.slice(0, 8) + \"…\";\n  const overviewAttributes = postContent ? attributes.filter((a) => a.trait_type !== \"Content\") : attributes;\n  const overview = video || audio\n    ? assetAttributes(overviewAttributes.filter((a) => !VIDEO_EMBED_TRAITS.has(a.trait_type ?? \"\") && !AUDIO_EMBED_TRAITS.has(a.trait_type ?? \"\")))\n    : { attributes: overviewAttributes, hasTemplateData, isDisplayAttr };\n  const overviewLink = isPublication || video || audio ? null : externalLink(token.metadata?.externalUrl);\n\n  const marketBlock = (\n    <>\n      {Panel ? <Panel contract={contract} tokenId={tokenId} quantityOwned={market.quantityOwned} /> : null}\n\n      {config.market ? (\n        <AssetMarketplacePanel\n          asset={token}\n          compact={isPublication || !!video || !!audio}\n          cheapest={market.cheapest}\n          usdValue={market.cheapestUsd}\n          isOwner={market.isOwner}\n          isProcessing={actions.isProcessing}\n          isERC1155={market.isERC1155}\n          canListMoreEditions={market.canListMoreEditions}\n          isMarketLoading={listingsLoading}\n          myListing={market.myListing}\n          activeBids={market.activeBids}\n          remixEnabled={config.remix && remixPolicy.canRemixDirect}\n          showDealOption={config.remix && remixPolicy.showDealOption}\n          onCancelClick={actions.cancel}\n          onAcceptBid={actions.acceptBid}\n          onOpenListing={actions.list}\n          onOpenTransfer={actions.transfer}\n          onOpenPurchase={actions.buy}\n          onOpenOffer={actions.offer}\n          onOpenRemix={() => router.push(`/create/remix/${contract}/${tokenId}`)}\n        />\n      ) : null}\n\n      {kind === \"pop\" && market.isOwner ? <PopBurnButton collectionAddress={contract} tokenId={tokenId} /> : null}\n\n      {market.isERC1155 && holders.length > 0 ? (\n        <AssetOwnersPanel balances={holders} total={token.holderCount} editions={Number(token.supply ?? 0)} />\n      ) : null}\n    </>\n  );\n\n  const detailsBlock = (\n    <div className=\"pt-5 space-y-5\">\n      {ownerAddress ? <AssetOwnerRow ownerAddress={ownerAddress} ownerHref={profileHref({ address: ownerAddress })} /> : null}\n      {collection?.service === \"drop-collection\" ? <DropTokenLink contract={contract} name={collection.name ?? null} /> : null}\n      <AssetCollectionBar\n        collectionName={publisherName}\n        collectionImage={resolveImage(collection?.image)}\n        collectionHref={collectionHref(\"STARKNET\", contract)}\n        currentTokenId={tokenId}\n        siblingTokens={collectionTokens.map((t) => ({\n          tokenId: t.tokenId,\n          image: resolveImage(t.metadata?.image),\n        }))}\n        onNavigate={(id) => router.push(assetHref(\"STARKNET\", contract, id))}\n        floorPriceRaw={collection?.floorPrice}\n      />\n      <div className=\"-ml-3\">\n        <AssetUtilityIcons\n          contractExplorerHref={`${EXPLORER_URL}/contract/${token.contractAddress}`}\n          shareTitle={name}\n          onReportClick={() => setReportOpen(true)}\n        />\n      </div>\n    </div>\n  );\n\n  return (\n    <div className=\"relative z-0 min-h-screen\">\n      {token.isHidden ? <HiddenContentBanner /> : null}\n      <PageBackdrop image={image} />\n\n      <PageContainer className={isPublication ? \"pt-20 space-y-8 pb-8 lg:px-16 xl:px-24\" : \"pt-20 space-y-8 pb-8\"}>\n        {video ? (\n        <div className=\"grid grid-cols-1 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)] lg:gap-12 gap-8 items-start\">\n          <AssetVideo\n            name={name}\n            embedSrc={video.src}\n            embedLabel={video.label}\n            description={token.metadata?.description}\n            collectionName={publisherName}\n            collectionImage={resolveImage(collection?.image)}\n            collectionHref={collectionHref(\"STARKNET\", contract)}\n            utilities={\n              <AssetUtilityIcons\n                contractExplorerHref={`${EXPLORER_URL}/contract/${token.contractAddress}`}\n                shareTitle={name}\n                onReportClick={() => setReportOpen(true)}\n              />\n            }\n          />\n          <aside className=\"space-y-6 min-w-0\">\n            <IpTypeBadge ipType={token.metadata?.ipType ?? \"Video\"} size=\"md\" showLabel />\n            {marketBlock}\n            {ownerAddress ? <AssetOwnerRow ownerAddress={ownerAddress} ownerHref={profileHref({ address: ownerAddress })} /> : null}\n            <AssetRelatedList\n              title={publisherName}\n              titleHref={collectionHref(\"STARKNET\", contract)}\n              items={collectionTokens\n                .filter((t) => String(t.tokenId) !== String(tokenId))\n                .map((t) => ({\n                  tokenId: t.tokenId,\n                  name: t.metadata?.name || `${config.namePrefix} #${t.tokenId}`,\n                  image: resolveImage(t.metadata?.image),\n                  href: assetHref(\"STARKNET\", contract, t.tokenId),\n                }))}\n            />\n          </aside>\n        </div>\n        ) : audio ? (\n        <div className=\"grid grid-cols-1 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)] lg:gap-12 gap-8 items-start\">\n          <AssetAudio\n            name={name}\n            image={image}\n            embedSrc={audio.src}\n            embedLabel={audio.label}\n            description={token.metadata?.description}\n            collectionName={publisherName}\n            collectionImage={resolveImage(collection?.image)}\n            collectionHref={collectionHref(\"STARKNET\", contract)}\n            utilities={\n              <AssetUtilityIcons\n                contractExplorerHref={`${EXPLORER_URL}/contract/${token.contractAddress}`}\n                shareTitle={name}\n                onReportClick={() => setReportOpen(true)}\n              />\n            }\n          />\n          <aside className=\"space-y-6 min-w-0\">\n            <IpTypeBadge ipType={token.metadata?.ipType ?? \"Audio\"} size=\"md\" showLabel />\n            {marketBlock}\n            {ownerAddress ? <AssetOwnerRow ownerAddress={ownerAddress} ownerHref={profileHref({ address: ownerAddress })} /> : null}\n            <AssetRelatedList\n              title={publisherName}\n              titleHref={collectionHref(\"STARKNET\", contract)}\n              shape=\"square\"\n              items={collectionTokens\n                .filter((t) => String(t.tokenId) !== String(tokenId))\n                .map((t) => ({\n                  tokenId: t.tokenId,\n                  name: t.metadata?.name || `${config.namePrefix} #${t.tokenId}`,\n                  image: resolveImage(t.metadata?.image),\n                  href: assetHref(\"STARKNET\", contract, t.tokenId),\n                }))}\n            />\n          </aside>\n        </div>\n        ) : isPublication ? (\n        <div className=\"grid grid-cols-1 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)] lg:gap-20 gap-8 items-start\">\n          <AssetPublication\n            name={name}\n            text={description!}\n            image={image}\n            imgError={imgError}\n            onImageError={() => setImgError(true)}\n            onZoom={() => setLightboxOpen(true)}\n            author={publicationAuthor(attributes, token.metadata?.author)}\n            externalUrl={token.metadata?.externalUrl}\n          />\n          <aside className=\"space-y-6 min-w-0 lg:sticky lg:top-16\">\n            <IpTypeBadge ipType={token.metadata?.ipType ?? \"Publications\"} size=\"md\" showLabel />\n            {marketBlock}\n            {detailsBlock}\n          </aside>\n        </div>\n        ) : (\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 lg:gap-10 gap-8 items-start\">\n          <AssetMediaColumn\n            shouldReduce={Boolean(shouldReduce)}\n            image={image}\n            imageAlt={name}\n            imgError={imgError}\n            onImageError={() => setImgError(true)}\n            onZoom={() => setLightboxOpen(true)}\n            animationUrl={token.metadata?.animationUrl}\n            live={isLivingRenderCollection(token.chain as Chain, token.contractAddress)}\n            fallback={<div className=\"aspect-square bg-muted\" />}\n          />\n\n          <motion.div\n            initial={shouldReduce ? false : { opacity: 0, y: 16 }}\n            animate={{ opacity: 1, y: 0 }}\n            transition={{ duration: 0.5, delay: 0.2 }}\n            className=\"space-y-6\"\n          >\n            <AssetHeaderBlock\n              name={name}\n              description={token.metadata?.description}\n              ipType={token.metadata?.ipType}\n              parentContract={parentContract}\n              parentTokenId={parentTokenId}\n              badges={kind === \"pop\" ? (\n                <span className=\"inline-flex items-center gap-1 text-2xs font-semibold px-2.5 py-1 rounded-full border border-emerald-500/30 bg-emerald-500/10 text-emerald-500\">\n                  <Award className=\"h-3 w-3\" />\n                  POP\n                </span>\n              ) : null}\n            />\n\n            {marketBlock}\n\n            {detailsBlock}\n          </motion.div>\n        </div>\n        )}\n\n        <Tabs defaultValue=\"overview\">\n          <TabsList>\n            <TabsTrigger value=\"overview\">Overview</TabsTrigger>\n            {config.market ? <TabsTrigger value=\"markets\">Markets {marketCount > 0 && `(${marketCount})`}</TabsTrigger> : null}\n            <TabsTrigger value=\"provenance\">Provenance {history.length > 0 && `(${history.length})`}</TabsTrigger>\n          </TabsList>\n\n          <TabsContent value=\"overview\">\n            <AssetOverviewContent attributes={overview.attributes} hasTemplateData={overview.hasTemplateData} isDisplayAttr={overview.isDisplayAttr} content={postContent} link={overviewLink} />\n          </TabsContent>\n\n          {config.market ? (\n            <TabsContent value=\"markets\">\n              <AssetMarketsTab\n                activeListings={market.activeListings}\n                activeBids={market.activeBids}\n                walletAddress={walletAddress ?? undefined}\n                isOwner={market.isOwner}\n                isProcessing={actions.isProcessing}\n                onBuyClick={actions.buy}\n                onCancelClick={actions.cancel}\n                onAcceptClick={actions.acceptBid}\n              />\n            </TabsContent>\n          ) : null}\n\n          <TabsContent value=\"provenance\">\n            <AssetProvenanceTab\n              history={history as ApiActivity[]}\n              contract={contract}\n              tokenId={tokenId}\n              remixCount={remixCount}\n              originalCreator={fullTokenData?.originalCreator}\n              registeredAt={fullTokenData?.registeredAt}\n            />\n          </TabsContent>\n        </Tabs>\n      </PageContainer>\n\n      <AssetLightbox open={lightboxOpen} onOpenChange={setLightboxOpen} image={image} alt={name} />\n      <FloatingCommentsButton onClick={() => setCommentOpen(true)} commentTotal={commentTotal} />\n      <AssetCommentsDialog\n        open={commentOpen}\n        onOpenChange={setCommentOpen}\n        contract={contract}\n        tokenId={tokenId}\n        name={name}\n        imageUrl={image}\n        commentTotal={commentTotal}\n        {...config.accents}\n      />\n      {ReportDialog ? <ReportDialog open={reportOpen} onOpenChange={setReportOpen} target={{ type: \"TOKEN\", contract: token.contractAddress, tokenId: token.tokenId, name }} /> : null}\n      {actions.dialogs}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/asset-top-sections.cjs

@@ -44,8 +44,6 @@ var import_address_display = require("./address-display.js");
 var import_parent_attribution_banner = require("./parent-attribution-banner.js");
 var import_ip_type_badge = require("./ip-type-badge.js");
 var import_expandable_text = require("./expandable-text.js");
-var import_lucide_react = require("lucide-react");
-var import_external_link = require("../utils/external-link.js");
 function AssetMediaColumn({
   shouldReduce,
   image,
@@ -139,12 +137,10 @@ function AssetHeaderBlock({
   badges,
   utilities,
   description,
-  externalUrl,
   ipType,
   parentContract,
   parentTokenId
 }) {
-  const link = (0, import_external_link.externalLink)(externalUrl);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
     ipType || badges || utilities ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-2 mb-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [
@@ -162,11 +158,7 @@ function AssetHeaderBlock({
       }
     ) }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-2xl lg:text-4xl font-bold break-words", children: name }),
-    description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_expandable_text.ExpandableText, { text: description, className: "mt-1" }) : null,
-    link ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: link, target: "_blank", rel: "noopener noreferrer", className: "mt-3 inline-flex items-center gap-1.5 text-sm text-primary hover:underline", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: "h-3.5 w-3.5" }),
-      "Open link"
-    ] }) : null
+    description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_expandable_text.ExpandableText, { text: description, className: "mt-1" }) : null
   ] });
 }
 function AssetOwnerRow({ ownerAddress, ownerHref }) {

package/dist/components/asset-top-sections.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-top-sections.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport { useEffect, useState } from \"react\";\nimport { motion } from \"framer-motion\";\nimport { useIntersectionActive } from \"../utils/use-intersection-active.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ParentAttributionBanner } from \"./parent-attribution-banner.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { ExpandableText } from \"./expandable-text.js\";\nimport { ExternalLink } from \"lucide-react\";\nimport { externalLink } from \"../utils/external-link.js\";\n\ninterface AssetMediaColumnProps {\n  shouldReduce: boolean;\n  image: string | null;\n  imageAlt: string;\n  imgError: boolean;\n  onImageError: () => void;\n  fallback: React.ReactNode;\n\n  onZoom?: () => void;\n\n  animationUrl?: string | null;\n\n  live?: boolean;\n}\n\nexport function AssetMediaColumn({\n  shouldReduce,\n  image,\n  imageAlt,\n  imgError,\n  onImageError,\n  fallback,\n  onZoom,\n  animationUrl,\n  live = false,\n}: AssetMediaColumnProps) {\n  const [ref, isVisible] = useIntersectionActive<HTMLDivElement>();\n  const [loaded, setLoaded] = useState(false);\n  useEffect(() => setLoaded(false), [image]);\n  const showLive = live && !!animationUrl && isVisible;\n\n  const shimmer = !loaded && (\n    <div\n      className=\"absolute inset-0 min-h-80 animate-[shimmer_1.6s_ease-in-out_infinite] bg-foreground/[0.06]\"\n      style={{\n        backgroundImage:\n          \"linear-gradient(90deg, transparent, color-mix(in srgb, var(--foreground) 8%, transparent), transparent)\",\n        backgroundSize: \"200% 100%\",\n      }}\n    />\n  );\n\n  return (\n    <div ref={ref} className=\"w-full lg:sticky lg:top-16\">\n      {showLive ? (\n        <div className=\"w-full overflow-hidden rounded-3xl aspect-square\">\n          <iframe\n            src={animationUrl!}\n            title={imageAlt}\n            sandbox=\"allow-scripts\"\n            loading=\"lazy\"\n            className=\"w-full h-full border-0\"\n          />\n        </div>\n      ) : !image || imgError ? (\n        <div className=\"w-full overflow-hidden rounded-3xl\">{fallback}</div>\n      ) : onZoom ? (\n        <motion.button\n          type=\"button\"\n          onClick={onZoom}\n          aria-label=\"View full image\"\n          initial={shouldReduce ? false : { opacity: 0, scale: 0.98 }}\n          animate={{ opacity: 1, scale: 1 }}\n          transition={{ duration: 0.5 }}\n          className=\"group relative block w-full overflow-hidden rounded-3xl cursor-zoom-in focus:outline-none\"\n        >\n          {shimmer}\n          <img\n            src={image}\n            alt={imageAlt}\n            onLoad={() => setLoaded(true)}\n            onError={onImageError}\n            className={cn(\n              \"w-full h-auto max-h-[80vh] object-contain\",\n              \"transition-opacity duration-300 group-hover:opacity-95 group-active:scale-[0.99]\",\n              loaded ? \"opacity-100\" : \"opacity-0\"\n            )}\n          />\n        </motion.button>\n      ) : (\n        <motion.div\n          initial={shouldReduce ? false : { opacity: 0, scale: 0.98 }}\n          animate={{ opacity: 1, scale: 1 }}\n          transition={{ duration: 0.5 }}\n          className=\"relative block w-full overflow-hidden rounded-3xl\"\n        >\n          {shimmer}\n          <img\n            src={image}\n            alt={imageAlt}\n            onLoad={() => setLoaded(true)}\n            onError={onImageError}\n            className={cn(\n              \"w-full h-auto max-h-[80vh] object-contain transition-opacity duration-300\",\n              loaded ? \"opacity-100\" : \"opacity-0\"\n            )}\n          />\n        </motion.div>\n      )}\n\n    </div>\n  );\n}\n\ninterface AssetHeaderBlockProps {\n  name: string;\n  badges?: React.ReactNode;\n  utilities?: React.ReactNode;\n  description?: string | null;\n  externalUrl?: string | null;\n  ipType?: string | null;\n  parentContract?: string | null;\n  parentTokenId?: string | null;\n}\n\nexport function AssetHeaderBlock({\n  name,\n  badges,\n  utilities,\n  description,\n  externalUrl,\n  ipType,\n  parentContract,\n  parentTokenId,\n}: AssetHeaderBlockProps) {\n  const link = externalLink(externalUrl);\n  return (\n    <div className=\"min-w-0 flex-1\">\n      {ipType || badges || utilities ? (\n        <div className=\"flex items-center justify-between gap-2 mb-2\">\n          <div className=\"flex items-center gap-2 flex-wrap\">\n            {ipType ? <IpTypeBadge ipType={ipType} size=\"md\" showLabel /> : null}\n            {badges}\n          </div>\n          {utilities}\n        </div>\n      ) : null}\n      {parentContract && parentTokenId ? (\n        <div className=\"mb-3\">\n          <ParentAttributionBanner\n            parentContract={parentContract}\n            parentTokenId={parentTokenId}\n            parentName={`Token #${parentTokenId}`}\n          />\n        </div>\n      ) : null}\n      <h1 className=\"text-2xl lg:text-4xl font-bold break-words\">{name}</h1>\n      {description ? <ExpandableText text={description} className=\"mt-1\" /> : null}\n      {link ? (\n        <a href={link} target=\"_blank\" rel=\"noopener noreferrer\" className=\"mt-3 inline-flex items-center gap-1.5 text-sm text-primary hover:underline\">\n          <ExternalLink className=\"h-3.5 w-3.5\" />\n          Open link\n        </a>\n      ) : null}\n    </div>\n  );\n}\n\nexport interface AssetOwnerRowProps {\n  ownerAddress: string;\n  ownerHref: string;\n}\n\nexport function AssetOwnerRow({ ownerAddress, ownerHref }: AssetOwnerRowProps) {\n  return (\n    <div className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n      <span>Owner</span>\n      <Link href={ownerHref} className=\"hover:text-primary transition-colors font-medium\">\n        <AddressDisplay address={ownerAddress} />\n      </Link>\n    </div>\n  );\n}\n"],"mappings":"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","names":["Link"]}
+{"version":3,"sources":["../../src/components/asset-top-sections.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport { useEffect, useState } from \"react\";\nimport { motion } from \"framer-motion\";\nimport { useIntersectionActive } from \"../utils/use-intersection-active.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ParentAttributionBanner } from \"./parent-attribution-banner.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { ExpandableText } from \"./expandable-text.js\";\n\ninterface AssetMediaColumnProps {\n  shouldReduce: boolean;\n  image: string | null;\n  imageAlt: string;\n  imgError: boolean;\n  onImageError: () => void;\n  fallback: React.ReactNode;\n\n  onZoom?: () => void;\n\n  animationUrl?: string | null;\n\n  live?: boolean;\n}\n\nexport function AssetMediaColumn({\n  shouldReduce,\n  image,\n  imageAlt,\n  imgError,\n  onImageError,\n  fallback,\n  onZoom,\n  animationUrl,\n  live = false,\n}: AssetMediaColumnProps) {\n  const [ref, isVisible] = useIntersectionActive<HTMLDivElement>();\n  const [loaded, setLoaded] = useState(false);\n  useEffect(() => setLoaded(false), [image]);\n  const showLive = live && !!animationUrl && isVisible;\n\n  const shimmer = !loaded && (\n    <div\n      className=\"absolute inset-0 min-h-80 animate-[shimmer_1.6s_ease-in-out_infinite] bg-foreground/[0.06]\"\n      style={{\n        backgroundImage:\n          \"linear-gradient(90deg, transparent, color-mix(in srgb, var(--foreground) 8%, transparent), transparent)\",\n        backgroundSize: \"200% 100%\",\n      }}\n    />\n  );\n\n  return (\n    <div ref={ref} className=\"w-full lg:sticky lg:top-16\">\n      {showLive ? (\n        <div className=\"w-full overflow-hidden rounded-3xl aspect-square\">\n          <iframe\n            src={animationUrl!}\n            title={imageAlt}\n            sandbox=\"allow-scripts\"\n            loading=\"lazy\"\n            className=\"w-full h-full border-0\"\n          />\n        </div>\n      ) : !image || imgError ? (\n        <div className=\"w-full overflow-hidden rounded-3xl\">{fallback}</div>\n      ) : onZoom ? (\n        <motion.button\n          type=\"button\"\n          onClick={onZoom}\n          aria-label=\"View full image\"\n          initial={shouldReduce ? false : { opacity: 0, scale: 0.98 }}\n          animate={{ opacity: 1, scale: 1 }}\n          transition={{ duration: 0.5 }}\n          className=\"group relative block w-full overflow-hidden rounded-3xl cursor-zoom-in focus:outline-none\"\n        >\n          {shimmer}\n          <img\n            src={image}\n            alt={imageAlt}\n            onLoad={() => setLoaded(true)}\n            onError={onImageError}\n            className={cn(\n              \"w-full h-auto max-h-[80vh] object-contain\",\n              \"transition-opacity duration-300 group-hover:opacity-95 group-active:scale-[0.99]\",\n              loaded ? \"opacity-100\" : \"opacity-0\"\n            )}\n          />\n        </motion.button>\n      ) : (\n        <motion.div\n          initial={shouldReduce ? false : { opacity: 0, scale: 0.98 }}\n          animate={{ opacity: 1, scale: 1 }}\n          transition={{ duration: 0.5 }}\n          className=\"relative block w-full overflow-hidden rounded-3xl\"\n        >\n          {shimmer}\n          <img\n            src={image}\n            alt={imageAlt}\n            onLoad={() => setLoaded(true)}\n            onError={onImageError}\n            className={cn(\n              \"w-full h-auto max-h-[80vh] object-contain transition-opacity duration-300\",\n              loaded ? \"opacity-100\" : \"opacity-0\"\n            )}\n          />\n        </motion.div>\n      )}\n\n    </div>\n  );\n}\n\ninterface AssetHeaderBlockProps {\n  name: string;\n  badges?: React.ReactNode;\n  utilities?: React.ReactNode;\n  description?: string | null;\n  ipType?: string | null;\n  parentContract?: string | null;\n  parentTokenId?: string | null;\n}\n\nexport function AssetHeaderBlock({\n  name,\n  badges,\n  utilities,\n  description,\n  ipType,\n  parentContract,\n  parentTokenId,\n}: AssetHeaderBlockProps) {\n  return (\n    <div className=\"min-w-0 flex-1\">\n      {ipType || badges || utilities ? (\n        <div className=\"flex items-center justify-between gap-2 mb-2\">\n          <div className=\"flex items-center gap-2 flex-wrap\">\n            {ipType ? <IpTypeBadge ipType={ipType} size=\"md\" showLabel /> : null}\n            {badges}\n          </div>\n          {utilities}\n        </div>\n      ) : null}\n      {parentContract && parentTokenId ? (\n        <div className=\"mb-3\">\n          <ParentAttributionBanner\n            parentContract={parentContract}\n            parentTokenId={parentTokenId}\n            parentName={`Token #${parentTokenId}`}\n          />\n        </div>\n      ) : null}\n      <h1 className=\"text-2xl lg:text-4xl font-bold break-words\">{name}</h1>\n      {description ? <ExpandableText text={description} className=\"mt-1\" /> : null}\n    </div>\n  );\n}\n\nexport interface AssetOwnerRowProps {\n  ownerAddress: string;\n  ownerHref: string;\n}\n\nexport function AssetOwnerRow({ ownerAddress, ownerHref }: AssetOwnerRowProps) {\n  return (\n    <div className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n      <span>Owner</span>\n      <Link href={ownerHref} className=\"hover:text-primary transition-colors font-medium\">\n        <AddressDisplay address={ownerAddress} />\n      </Link>\n    </div>\n  );\n}\n"],"mappings":"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","names":["Link"]}

package/dist/components/asset-top-sections.d.cts

@@ -17,12 +17,11 @@ interface AssetHeaderBlockProps {
     badges?: React.ReactNode;
     utilities?: React.ReactNode;
     description?: string | null;
-    externalUrl?: string | null;
     ipType?: string | null;
     parentContract?: string | null;
     parentTokenId?: string | null;
 }
-declare function AssetHeaderBlock({ name, badges, utilities, description, externalUrl, ipType, parentContract, parentTokenId, }: AssetHeaderBlockProps): react_jsx_runtime.JSX.Element;
+declare function AssetHeaderBlock({ name, badges, utilities, description, ipType, parentContract, parentTokenId, }: AssetHeaderBlockProps): react_jsx_runtime.JSX.Element;
 interface AssetOwnerRowProps {
     ownerAddress: string;
     ownerHref: string;

package/dist/components/asset-top-sections.d.ts

@@ -17,12 +17,11 @@ interface AssetHeaderBlockProps {
     badges?: React.ReactNode;
     utilities?: React.ReactNode;
     description?: string | null;
-    externalUrl?: string | null;
     ipType?: string | null;
     parentContract?: string | null;
     parentTokenId?: string | null;
 }
-declare function AssetHeaderBlock({ name, badges, utilities, description, externalUrl, ipType, parentContract, parentTokenId, }: AssetHeaderBlockProps): react_jsx_runtime.JSX.Element;
+declare function AssetHeaderBlock({ name, badges, utilities, description, ipType, parentContract, parentTokenId, }: AssetHeaderBlockProps): react_jsx_runtime.JSX.Element;
 interface AssetOwnerRowProps {
     ownerAddress: string;
     ownerHref: string;

package/dist/components/asset-top-sections.js

@@ -9,8 +9,6 @@ import { AddressDisplay } from "./address-display.js";
 import { ParentAttributionBanner } from "./parent-attribution-banner.js";
 import { IpTypeBadge } from "./ip-type-badge.js";
 import { ExpandableText } from "./expandable-text.js";
-import { ExternalLink } from "lucide-react";
-import { externalLink } from "../utils/external-link.js";
 function AssetMediaColumn({
   shouldReduce,
   image,
@@ -104,12 +102,10 @@ function AssetHeaderBlock({
   badges,
   utilities,
   description,
-  externalUrl,
   ipType,
   parentContract,
   parentTokenId
 }) {
-  const link = externalLink(externalUrl);
   return /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
     ipType || badges || utilities ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 mb-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
@@ -127,11 +123,7 @@ function AssetHeaderBlock({
       }
     ) }) : null,
     /* @__PURE__ */ jsx("h1", { className: "text-2xl lg:text-4xl font-bold break-words", children: name }),
-    description ? /* @__PURE__ */ jsx(ExpandableText, { text: description, className: "mt-1" }) : null,
-    link ? /* @__PURE__ */ jsxs("a", { href: link, target: "_blank", rel: "noopener noreferrer", className: "mt-3 inline-flex items-center gap-1.5 text-sm text-primary hover:underline", children: [
-      /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5" }),
-      "Open link"
-    ] }) : null
+    description ? /* @__PURE__ */ jsx(ExpandableText, { text: description, className: "mt-1" }) : null
   ] });
 }
 function AssetOwnerRow({ ownerAddress, ownerHref }) {

package/dist/components/asset-top-sections.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-top-sections.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport { useEffect, useState } from \"react\";\nimport { motion } from \"framer-motion\";\nimport { useIntersectionActive } from \"../utils/use-intersection-active.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ParentAttributionBanner } from \"./parent-attribution-banner.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { ExpandableText } from \"./expandable-text.js\";\nimport { ExternalLink } from \"lucide-react\";\nimport { externalLink } from \"../utils/external-link.js\";\n\ninterface AssetMediaColumnProps {\n  shouldReduce: boolean;\n  image: string | null;\n  imageAlt: string;\n  imgError: boolean;\n  onImageError: () => void;\n  fallback: React.ReactNode;\n\n  onZoom?: () => void;\n\n  animationUrl?: string | null;\n\n  live?: boolean;\n}\n\nexport function AssetMediaColumn({\n  shouldReduce,\n  image,\n  imageAlt,\n  imgError,\n  onImageError,\n  fallback,\n  onZoom,\n  animationUrl,\n  live = false,\n}: AssetMediaColumnProps) {\n  const [ref, isVisible] = useIntersectionActive<HTMLDivElement>();\n  const [loaded, setLoaded] = useState(false);\n  useEffect(() => setLoaded(false), [image]);\n  const showLive = live && !!animationUrl && isVisible;\n\n  const shimmer = !loaded && (\n    <div\n      className=\"absolute inset-0 min-h-80 animate-[shimmer_1.6s_ease-in-out_infinite] bg-foreground/[0.06]\"\n      style={{\n        backgroundImage:\n          \"linear-gradient(90deg, transparent, color-mix(in srgb, var(--foreground) 8%, transparent), transparent)\",\n        backgroundSize: \"200% 100%\",\n      }}\n    />\n  );\n\n  return (\n    <div ref={ref} className=\"w-full lg:sticky lg:top-16\">\n      {showLive ? (\n        <div className=\"w-full overflow-hidden rounded-3xl aspect-square\">\n          <iframe\n            src={animationUrl!}\n            title={imageAlt}\n            sandbox=\"allow-scripts\"\n            loading=\"lazy\"\n            className=\"w-full h-full border-0\"\n          />\n        </div>\n      ) : !image || imgError ? (\n        <div className=\"w-full overflow-hidden rounded-3xl\">{fallback}</div>\n      ) : onZoom ? (\n        <motion.button\n          type=\"button\"\n          onClick={onZoom}\n          aria-label=\"View full image\"\n          initial={shouldReduce ? false : { opacity: 0, scale: 0.98 }}\n          animate={{ opacity: 1, scale: 1 }}\n          transition={{ duration: 0.5 }}\n          className=\"group relative block w-full overflow-hidden rounded-3xl cursor-zoom-in focus:outline-none\"\n        >\n          {shimmer}\n          <img\n            src={image}\n            alt={imageAlt}\n            onLoad={() => setLoaded(true)}\n            onError={onImageError}\n            className={cn(\n              \"w-full h-auto max-h-[80vh] object-contain\",\n              \"transition-opacity duration-300 group-hover:opacity-95 group-active:scale-[0.99]\",\n              loaded ? \"opacity-100\" : \"opacity-0\"\n            )}\n          />\n        </motion.button>\n      ) : (\n        <motion.div\n          initial={shouldReduce ? false : { opacity: 0, scale: 0.98 }}\n          animate={{ opacity: 1, scale: 1 }}\n          transition={{ duration: 0.5 }}\n          className=\"relative block w-full overflow-hidden rounded-3xl\"\n        >\n          {shimmer}\n          <img\n            src={image}\n            alt={imageAlt}\n            onLoad={() => setLoaded(true)}\n            onError={onImageError}\n            className={cn(\n              \"w-full h-auto max-h-[80vh] object-contain transition-opacity duration-300\",\n              loaded ? \"opacity-100\" : \"opacity-0\"\n            )}\n          />\n        </motion.div>\n      )}\n\n    </div>\n  );\n}\n\ninterface AssetHeaderBlockProps {\n  name: string;\n  badges?: React.ReactNode;\n  utilities?: React.ReactNode;\n  description?: string | null;\n  externalUrl?: string | null;\n  ipType?: string | null;\n  parentContract?: string | null;\n  parentTokenId?: string | null;\n}\n\nexport function AssetHeaderBlock({\n  name,\n  badges,\n  utilities,\n  description,\n  externalUrl,\n  ipType,\n  parentContract,\n  parentTokenId,\n}: AssetHeaderBlockProps) {\n  const link = externalLink(externalUrl);\n  return (\n    <div className=\"min-w-0 flex-1\">\n      {ipType || badges || utilities ? (\n        <div className=\"flex items-center justify-between gap-2 mb-2\">\n          <div className=\"flex items-center gap-2 flex-wrap\">\n            {ipType ? <IpTypeBadge ipType={ipType} size=\"md\" showLabel /> : null}\n            {badges}\n          </div>\n          {utilities}\n        </div>\n      ) : null}\n      {parentContract && parentTokenId ? (\n        <div className=\"mb-3\">\n          <ParentAttributionBanner\n            parentContract={parentContract}\n            parentTokenId={parentTokenId}\n            parentName={`Token #${parentTokenId}`}\n          />\n        </div>\n      ) : null}\n      <h1 className=\"text-2xl lg:text-4xl font-bold break-words\">{name}</h1>\n      {description ? <ExpandableText text={description} className=\"mt-1\" /> : null}\n      {link ? (\n        <a href={link} target=\"_blank\" rel=\"noopener noreferrer\" className=\"mt-3 inline-flex items-center gap-1.5 text-sm text-primary hover:underline\">\n          <ExternalLink className=\"h-3.5 w-3.5\" />\n          Open link\n        </a>\n      ) : null}\n    </div>\n  );\n}\n\nexport interface AssetOwnerRowProps {\n  ownerAddress: string;\n  ownerHref: string;\n}\n\nexport function AssetOwnerRow({ ownerAddress, ownerHref }: AssetOwnerRowProps) {\n  return (\n    <div className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n      <span>Owner</span>\n      <Link href={ownerHref} className=\"hover:text-primary transition-colors font-medium\">\n        <AddressDisplay address={ownerAddress} />\n      </Link>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/asset-top-sections.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport { useEffect, useState } from \"react\";\nimport { motion } from \"framer-motion\";\nimport { useIntersectionActive } from \"../utils/use-intersection-active.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { ParentAttributionBanner } from \"./parent-attribution-banner.js\";\nimport { IpTypeBadge } from \"./ip-type-badge.js\";\nimport { ExpandableText } from \"./expandable-text.js\";\n\ninterface AssetMediaColumnProps {\n  shouldReduce: boolean;\n  image: string | null;\n  imageAlt: string;\n  imgError: boolean;\n  onImageError: () => void;\n  fallback: React.ReactNode;\n\n  onZoom?: () => void;\n\n  animationUrl?: string | null;\n\n  live?: boolean;\n}\n\nexport function AssetMediaColumn({\n  shouldReduce,\n  image,\n  imageAlt,\n  imgError,\n  onImageError,\n  fallback,\n  onZoom,\n  animationUrl,\n  live = false,\n}: AssetMediaColumnProps) {\n  const [ref, isVisible] = useIntersectionActive<HTMLDivElement>();\n  const [loaded, setLoaded] = useState(false);\n  useEffect(() => setLoaded(false), [image]);\n  const showLive = live && !!animationUrl && isVisible;\n\n  const shimmer = !loaded && (\n    <div\n      className=\"absolute inset-0 min-h-80 animate-[shimmer_1.6s_ease-in-out_infinite] bg-foreground/[0.06]\"\n      style={{\n        backgroundImage:\n          \"linear-gradient(90deg, transparent, color-mix(in srgb, var(--foreground) 8%, transparent), transparent)\",\n        backgroundSize: \"200% 100%\",\n      }}\n    />\n  );\n\n  return (\n    <div ref={ref} className=\"w-full lg:sticky lg:top-16\">\n      {showLive ? (\n        <div className=\"w-full overflow-hidden rounded-3xl aspect-square\">\n          <iframe\n            src={animationUrl!}\n            title={imageAlt}\n            sandbox=\"allow-scripts\"\n            loading=\"lazy\"\n            className=\"w-full h-full border-0\"\n          />\n        </div>\n      ) : !image || imgError ? (\n        <div className=\"w-full overflow-hidden rounded-3xl\">{fallback}</div>\n      ) : onZoom ? (\n        <motion.button\n          type=\"button\"\n          onClick={onZoom}\n          aria-label=\"View full image\"\n          initial={shouldReduce ? false : { opacity: 0, scale: 0.98 }}\n          animate={{ opacity: 1, scale: 1 }}\n          transition={{ duration: 0.5 }}\n          className=\"group relative block w-full overflow-hidden rounded-3xl cursor-zoom-in focus:outline-none\"\n        >\n          {shimmer}\n          <img\n            src={image}\n            alt={imageAlt}\n            onLoad={() => setLoaded(true)}\n            onError={onImageError}\n            className={cn(\n              \"w-full h-auto max-h-[80vh] object-contain\",\n              \"transition-opacity duration-300 group-hover:opacity-95 group-active:scale-[0.99]\",\n              loaded ? \"opacity-100\" : \"opacity-0\"\n            )}\n          />\n        </motion.button>\n      ) : (\n        <motion.div\n          initial={shouldReduce ? false : { opacity: 0, scale: 0.98 }}\n          animate={{ opacity: 1, scale: 1 }}\n          transition={{ duration: 0.5 }}\n          className=\"relative block w-full overflow-hidden rounded-3xl\"\n        >\n          {shimmer}\n          <img\n            src={image}\n            alt={imageAlt}\n            onLoad={() => setLoaded(true)}\n            onError={onImageError}\n            className={cn(\n              \"w-full h-auto max-h-[80vh] object-contain transition-opacity duration-300\",\n              loaded ? \"opacity-100\" : \"opacity-0\"\n            )}\n          />\n        </motion.div>\n      )}\n\n    </div>\n  );\n}\n\ninterface AssetHeaderBlockProps {\n  name: string;\n  badges?: React.ReactNode;\n  utilities?: React.ReactNode;\n  description?: string | null;\n  ipType?: string | null;\n  parentContract?: string | null;\n  parentTokenId?: string | null;\n}\n\nexport function AssetHeaderBlock({\n  name,\n  badges,\n  utilities,\n  description,\n  ipType,\n  parentContract,\n  parentTokenId,\n}: AssetHeaderBlockProps) {\n  return (\n    <div className=\"min-w-0 flex-1\">\n      {ipType || badges || utilities ? (\n        <div className=\"flex items-center justify-between gap-2 mb-2\">\n          <div className=\"flex items-center gap-2 flex-wrap\">\n            {ipType ? <IpTypeBadge ipType={ipType} size=\"md\" showLabel /> : null}\n            {badges}\n          </div>\n          {utilities}\n        </div>\n      ) : null}\n      {parentContract && parentTokenId ? (\n        <div className=\"mb-3\">\n          <ParentAttributionBanner\n            parentContract={parentContract}\n            parentTokenId={parentTokenId}\n            parentName={`Token #${parentTokenId}`}\n          />\n        </div>\n      ) : null}\n      <h1 className=\"text-2xl lg:text-4xl font-bold break-words\">{name}</h1>\n      {description ? <ExpandableText text={description} className=\"mt-1\" /> : null}\n    </div>\n  );\n}\n\nexport interface AssetOwnerRowProps {\n  ownerAddress: string;\n  ownerHref: string;\n}\n\nexport function AssetOwnerRow({ ownerAddress, ownerHref }: AssetOwnerRowProps) {\n  return (\n    <div className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n      <span>Owner</span>\n      <Link href={ownerHref} className=\"hover:text-primary transition-colors font-medium\">\n        <AddressDisplay address={ownerAddress} />\n      </Link>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/coins-explorer.cjs

@@ -30,6 +30,7 @@ var import_coin_row = require("./coin-row.js");
 var import_stat_tile = require("./stat-tile.js");
 var import_coin_order = require("../data/coin-order.js");
 var import_coins = require("../data/coins.js");
+var import_empty_messages = require("../utils/empty-messages.js");
 const SORT_OPTIONS = [
   { label: "Recently launched", value: "recent" },
   { label: "Name", value: "name" }
@@ -117,7 +118,10 @@ function CoinsExplorer({ useCoins, usePrice, usePriceMap, coinHref, heading = tr
           }
         ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-right", children: "Price" })
       ] }),
-      isLoading && items.length === 0 ? Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_coin_row.CoinRowSkeleton, {}, i)) : items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "py-16 text-center text-sm text-muted-foreground", children: query.trim() ? `No coins match "${query.trim()}".` : "No coins yet." }) : items.map((c) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      isLoading && items.length === 0 ? Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_coin_row.CoinRowSkeleton, {}, i)) : items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "py-16 text-center", children: query.trim() ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: `No coins match "${query.trim()}".` }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium", children: import_empty_messages.emptyMessages.coins.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: import_empty_messages.emptyMessages.coins.description })
+      ] }) }) : items.map((c) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_coin_row.CoinRow,
         {
           collection: c,

package/dist/components/coins-explorer.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/coins-explorer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useMemo } from \"react\";\nimport { Search } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { CoinRow, CoinRowSkeleton, COIN_GRID, type UseCoinPrice } from \"./coin-row.js\";\nimport { StatPillRow } from \"./stat-tile.js\";\nimport { orderCoins, type CoinPriceSort } from \"../data/coin-order.js\";\nimport { coinKind, coinKindLabelPlural, coinServiceIds, COIN_KINDS, type CoinCollectionLike, type CoinKind } from \"../data/coins.js\";\n\nexport type CoinFilter = \"all\" | CoinKind;\nexport type CoinSort = \"recent\" | \"name\";\nexport type CoinCounts = Record<string, number>;\n\nexport type UseCoins = (opts: { filter: CoinFilter; sort: CoinSort }) => {\n  collections: CoinCollectionLike[];\n  isLoading: boolean;\n  counts?: CoinCounts;\n};\n\nexport type UsePriceMap = () => { prices: Record<string, number | null>; isLoading: boolean };\n\nexport interface CoinsExplorerProps {\n  useCoins: UseCoins;\n  usePrice: UseCoinPrice;\n  usePriceMap?: UsePriceMap;\n\n  coinHref: (collection: CoinCollectionLike) => string;\n  heading?: boolean;\n\n  action?: React.ReactNode;\n}\n\nconst SORT_OPTIONS: { label: string; value: CoinSort }[] = [\n  { label: \"Recently launched\", value: \"recent\" },\n  { label: \"Name\", value: \"name\" },\n];\n\nconst noPriceMap: UsePriceMap = () => ({ prices: {}, isLoading: false });\n\nexport function CoinsExplorer({ useCoins, usePrice, usePriceMap, coinHref, heading = true, action }: CoinsExplorerProps) {\n  const [filter, setFilter] = useState<CoinFilter>(\"all\");\n  const [sort, setSort] = useState<CoinSort>(\"recent\");\n  const [query, setQuery] = useState(\"\");\n  const [priceSort, setPriceSort] = useState<CoinPriceSort | undefined>(undefined);\n\n  const { collections, isLoading, counts } = useCoins({ filter, sort });\n  const { prices } = (usePriceMap ?? noPriceMap)();\n  const items = useMemo(() => {\n    const q = query.trim().toLowerCase();\n    const matched = q\n      ? collections.filter((c) => (c.name ?? \"\").toLowerCase().includes(q) || (c.symbol ?? \"\").toLowerCase().includes(q))\n      : collections;\n    return usePriceMap ? orderCoins(matched, prices, priceSort) : matched;\n  }, [collections, query, usePriceMap, prices, priceSort]);\n\n  const showKind = useMemo(() => new Set(items.map((c) => coinKind(c.service))).size > 1, [items]);\n\n  const { statItems, pillFilters } = useMemo(() => {\n    if (!counts) return { statItems: [], pillFilters: [] as CoinFilter[] };\n    const forKind = (kind: CoinKind) =>\n      coinServiceIds(kind).reduce((sum, id) => sum + (counts[id] ?? 0), 0);\n    const total = Object.values(counts).reduce((a, b) => a + b, 0);\n    const kinds = COIN_KINDS.filter((kind) => forKind(kind) > 0);\n    return {\n      statItems: [\n        { label: total === 1 ? \"Coin\" : \"Coins\", value: total },\n        ...kinds.map((kind) => ({ label: coinKindLabelPlural(kind), value: forKind(kind) })),\n      ],\n      pillFilters: [\"all\", ...kinds] as CoinFilter[],\n    };\n  }, [counts]);\n\n  const activeIndex = pillFilters.indexOf(filter);\n\n  return (\n    <div className=\"space-y-5\">\n      {heading && (\n        <div className=\"flex flex-wrap items-start justify-between gap-4\">\n          <div className=\"space-y-2\">\n            <h1 className=\"text-3xl font-bold\">Creator coins &amp; memecoins</h1>\n            <StatPillRow\n              items={statItems}\n              onSelect={(index) => setFilter(pillFilters[index])}\n              activeIndex={activeIndex}\n            />\n          </div>\n          {action}\n        </div>\n      )}\n\n      <div className=\"flex items-center gap-2\">\n        <div className=\"relative flex-1\">\n          <Search className=\"pointer-events-none absolute left-3 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground\" />\n          <input\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            placeholder=\"Search coins by name or symbol…\"\n            className=\"w-full rounded-lg border border-border bg-background py-2 pl-9 pr-3 text-sm outline-none focus:border-primary/50\"\n          />\n        </div>\n        <select\n          value={sort}\n          onChange={(e) => setSort(e.target.value as CoinSort)}\n          aria-label=\"Sort coins\"\n          className=\"shrink-0 rounded-lg border border-border bg-background px-2.5 py-2 text-xs font-medium text-foreground outline-none focus:border-primary/50\"\n        >\n          {SORT_OPTIONS.map(({ label, value }) => (\n            <option key={value} value={value}>{label}</option>\n          ))}\n        </select>\n      </div>\n\n      <div>\n        <div className={cn(COIN_GRID, \"border-b border-border px-2 pb-2 text-2xs font-medium uppercase tracking-wide text-muted-foreground\")}>\n          <span>Token</span>\n          {usePriceMap ? (\n            <button\n              type=\"button\"\n              onClick={() => setPriceSort(priceSort === undefined ? \"desc\" : priceSort === \"desc\" ? \"asc\" : undefined)}\n              className={cn(\"text-right uppercase tracking-wide\", priceSort ? \"text-foreground\" : \"text-muted-foreground\")}\n            >\n              Price{priceSort === \"desc\" ? \" ↓\" : priceSort === \"asc\" ? \" ↑\" : \"\"}\n            </button>\n          ) : (\n            <span className=\"text-right\">Price</span>\n          )}\n        </div>\n\n        {isLoading && items.length === 0 ? (\n          Array.from({ length: 6 }).map((_, i) => <CoinRowSkeleton key={i} />)\n        ) : items.length === 0 ? (\n          <p className=\"py-16 text-center text-sm text-muted-foreground\">\n            {query.trim() ? `No coins match \"${query.trim()}\".` : \"No coins yet.\"}\n          </p>\n        ) : (\n          items.map((c) => (\n            <CoinRow\n              key={`${c.chain}-${c.contractAddress}`}\n              collection={c}\n              usePrice={usePrice}\n              href={coinHref(c)}\n              showKind={showKind}\n            />\n          ))\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/coins-explorer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useMemo } from \"react\";\nimport { Search } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { CoinRow, CoinRowSkeleton, COIN_GRID, type UseCoinPrice } from \"./coin-row.js\";\nimport { StatPillRow } from \"./stat-tile.js\";\nimport { orderCoins, type CoinPriceSort } from \"../data/coin-order.js\";\nimport { coinKind, coinKindLabelPlural, coinServiceIds, COIN_KINDS, type CoinCollectionLike, type CoinKind } from \"../data/coins.js\";\nimport { emptyMessages } from \"../utils/empty-messages.js\";\n\nexport type CoinFilter = \"all\" | CoinKind;\nexport type CoinSort = \"recent\" | \"name\";\nexport type CoinCounts = Record<string, number>;\n\nexport type UseCoins = (opts: { filter: CoinFilter; sort: CoinSort }) => {\n  collections: CoinCollectionLike[];\n  isLoading: boolean;\n  counts?: CoinCounts;\n};\n\nexport type UsePriceMap = () => { prices: Record<string, number | null>; isLoading: boolean };\n\nexport interface CoinsExplorerProps {\n  useCoins: UseCoins;\n  usePrice: UseCoinPrice;\n  usePriceMap?: UsePriceMap;\n\n  coinHref: (collection: CoinCollectionLike) => string;\n  heading?: boolean;\n\n  action?: React.ReactNode;\n}\n\nconst SORT_OPTIONS: { label: string; value: CoinSort }[] = [\n  { label: \"Recently launched\", value: \"recent\" },\n  { label: \"Name\", value: \"name\" },\n];\n\nconst noPriceMap: UsePriceMap = () => ({ prices: {}, isLoading: false });\n\nexport function CoinsExplorer({ useCoins, usePrice, usePriceMap, coinHref, heading = true, action }: CoinsExplorerProps) {\n  const [filter, setFilter] = useState<CoinFilter>(\"all\");\n  const [sort, setSort] = useState<CoinSort>(\"recent\");\n  const [query, setQuery] = useState(\"\");\n  const [priceSort, setPriceSort] = useState<CoinPriceSort | undefined>(undefined);\n\n  const { collections, isLoading, counts } = useCoins({ filter, sort });\n  const { prices } = (usePriceMap ?? noPriceMap)();\n  const items = useMemo(() => {\n    const q = query.trim().toLowerCase();\n    const matched = q\n      ? collections.filter((c) => (c.name ?? \"\").toLowerCase().includes(q) || (c.symbol ?? \"\").toLowerCase().includes(q))\n      : collections;\n    return usePriceMap ? orderCoins(matched, prices, priceSort) : matched;\n  }, [collections, query, usePriceMap, prices, priceSort]);\n\n  const showKind = useMemo(() => new Set(items.map((c) => coinKind(c.service))).size > 1, [items]);\n\n  const { statItems, pillFilters } = useMemo(() => {\n    if (!counts) return { statItems: [], pillFilters: [] as CoinFilter[] };\n    const forKind = (kind: CoinKind) =>\n      coinServiceIds(kind).reduce((sum, id) => sum + (counts[id] ?? 0), 0);\n    const total = Object.values(counts).reduce((a, b) => a + b, 0);\n    const kinds = COIN_KINDS.filter((kind) => forKind(kind) > 0);\n    return {\n      statItems: [\n        { label: total === 1 ? \"Coin\" : \"Coins\", value: total },\n        ...kinds.map((kind) => ({ label: coinKindLabelPlural(kind), value: forKind(kind) })),\n      ],\n      pillFilters: [\"all\", ...kinds] as CoinFilter[],\n    };\n  }, [counts]);\n\n  const activeIndex = pillFilters.indexOf(filter);\n\n  return (\n    <div className=\"space-y-5\">\n      {heading && (\n        <div className=\"flex flex-wrap items-start justify-between gap-4\">\n          <div className=\"space-y-2\">\n            <h1 className=\"text-3xl font-bold\">Creator coins &amp; memecoins</h1>\n            <StatPillRow\n              items={statItems}\n              onSelect={(index) => setFilter(pillFilters[index])}\n              activeIndex={activeIndex}\n            />\n          </div>\n          {action}\n        </div>\n      )}\n\n      <div className=\"flex items-center gap-2\">\n        <div className=\"relative flex-1\">\n          <Search className=\"pointer-events-none absolute left-3 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground\" />\n          <input\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            placeholder=\"Search coins by name or symbol…\"\n            className=\"w-full rounded-lg border border-border bg-background py-2 pl-9 pr-3 text-sm outline-none focus:border-primary/50\"\n          />\n        </div>\n        <select\n          value={sort}\n          onChange={(e) => setSort(e.target.value as CoinSort)}\n          aria-label=\"Sort coins\"\n          className=\"shrink-0 rounded-lg border border-border bg-background px-2.5 py-2 text-xs font-medium text-foreground outline-none focus:border-primary/50\"\n        >\n          {SORT_OPTIONS.map(({ label, value }) => (\n            <option key={value} value={value}>{label}</option>\n          ))}\n        </select>\n      </div>\n\n      <div>\n        <div className={cn(COIN_GRID, \"border-b border-border px-2 pb-2 text-2xs font-medium uppercase tracking-wide text-muted-foreground\")}>\n          <span>Token</span>\n          {usePriceMap ? (\n            <button\n              type=\"button\"\n              onClick={() => setPriceSort(priceSort === undefined ? \"desc\" : priceSort === \"desc\" ? \"asc\" : undefined)}\n              className={cn(\"text-right uppercase tracking-wide\", priceSort ? \"text-foreground\" : \"text-muted-foreground\")}\n            >\n              Price{priceSort === \"desc\" ? \" ↓\" : priceSort === \"asc\" ? \" ↑\" : \"\"}\n            </button>\n          ) : (\n            <span className=\"text-right\">Price</span>\n          )}\n        </div>\n\n        {isLoading && items.length === 0 ? (\n          Array.from({ length: 6 }).map((_, i) => <CoinRowSkeleton key={i} />)\n        ) : items.length === 0 ? (\n          <div className=\"py-16 text-center\">\n            {query.trim() ? (\n              <p className=\"text-sm text-muted-foreground\">{`No coins match \"${query.trim()}\".`}</p>\n            ) : (\n              <>\n                <p className=\"text-sm font-medium\">{emptyMessages.coins.title}</p>\n                <p className=\"text-sm text-muted-foreground\">{emptyMessages.coins.description}</p>\n              </>\n            )}\n          </div>\n        ) : (\n          items.map((c) => (\n            <CoinRow\n              key={`${c.chain}-${c.contractAddress}`}\n              collection={c}\n              usePrice={usePrice}\n              href={coinHref(c)}\n              showKind={showKind}\n            />\n          ))\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/coins-explorer.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState, useMemo } from "react";
 import { Search } from "lucide-react";
 import { cn } from "../utils/cn.js";
@@ -7,6 +7,7 @@ import { CoinRow, CoinRowSkeleton, COIN_GRID } from "./coin-row.js";
 import { StatPillRow } from "./stat-tile.js";
 import { orderCoins } from "../data/coin-order.js";
 import { coinKind, coinKindLabelPlural, coinServiceIds, COIN_KINDS } from "../data/coins.js";
+import { emptyMessages } from "../utils/empty-messages.js";
 const SORT_OPTIONS = [
   { label: "Recently launched", value: "recent" },
   { label: "Name", value: "name" }
@@ -94,7 +95,10 @@ function CoinsExplorer({ useCoins, usePrice, usePriceMap, coinHref, heading = tr
           }
         ) : /* @__PURE__ */ jsx("span", { className: "text-right", children: "Price" })
       ] }),
-      isLoading && items.length === 0 ? Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(CoinRowSkeleton, {}, i)) : items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-16 text-center text-sm text-muted-foreground", children: query.trim() ? `No coins match "${query.trim()}".` : "No coins yet." }) : items.map((c) => /* @__PURE__ */ jsx(
+      isLoading && items.length === 0 ? Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(CoinRowSkeleton, {}, i)) : items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-16 text-center", children: query.trim() ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: `No coins match "${query.trim()}".` }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: emptyMessages.coins.title }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessages.coins.description })
+      ] }) }) : items.map((c) => /* @__PURE__ */ jsx(
         CoinRow,
         {
           collection: c,

package/dist/components/coins-explorer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/coins-explorer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useMemo } from \"react\";\nimport { Search } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { CoinRow, CoinRowSkeleton, COIN_GRID, type UseCoinPrice } from \"./coin-row.js\";\nimport { StatPillRow } from \"./stat-tile.js\";\nimport { orderCoins, type CoinPriceSort } from \"../data/coin-order.js\";\nimport { coinKind, coinKindLabelPlural, coinServiceIds, COIN_KINDS, type CoinCollectionLike, type CoinKind } from \"../data/coins.js\";\n\nexport type CoinFilter = \"all\" | CoinKind;\nexport type CoinSort = \"recent\" | \"name\";\nexport type CoinCounts = Record<string, number>;\n\nexport type UseCoins = (opts: { filter: CoinFilter; sort: CoinSort }) => {\n  collections: CoinCollectionLike[];\n  isLoading: boolean;\n  counts?: CoinCounts;\n};\n\nexport type UsePriceMap = () => { prices: Record<string, number | null>; isLoading: boolean };\n\nexport interface CoinsExplorerProps {\n  useCoins: UseCoins;\n  usePrice: UseCoinPrice;\n  usePriceMap?: UsePriceMap;\n\n  coinHref: (collection: CoinCollectionLike) => string;\n  heading?: boolean;\n\n  action?: React.ReactNode;\n}\n\nconst SORT_OPTIONS: { label: string; value: CoinSort }[] = [\n  { label: \"Recently launched\", value: \"recent\" },\n  { label: \"Name\", value: \"name\" },\n];\n\nconst noPriceMap: UsePriceMap = () => ({ prices: {}, isLoading: false });\n\nexport function CoinsExplorer({ useCoins, usePrice, usePriceMap, coinHref, heading = true, action }: CoinsExplorerProps) {\n  const [filter, setFilter] = useState<CoinFilter>(\"all\");\n  const [sort, setSort] = useState<CoinSort>(\"recent\");\n  const [query, setQuery] = useState(\"\");\n  const [priceSort, setPriceSort] = useState<CoinPriceSort | undefined>(undefined);\n\n  const { collections, isLoading, counts } = useCoins({ filter, sort });\n  const { prices } = (usePriceMap ?? noPriceMap)();\n  const items = useMemo(() => {\n    const q = query.trim().toLowerCase();\n    const matched = q\n      ? collections.filter((c) => (c.name ?? \"\").toLowerCase().includes(q) || (c.symbol ?? \"\").toLowerCase().includes(q))\n      : collections;\n    return usePriceMap ? orderCoins(matched, prices, priceSort) : matched;\n  }, [collections, query, usePriceMap, prices, priceSort]);\n\n  const showKind = useMemo(() => new Set(items.map((c) => coinKind(c.service))).size > 1, [items]);\n\n  const { statItems, pillFilters } = useMemo(() => {\n    if (!counts) return { statItems: [], pillFilters: [] as CoinFilter[] };\n    const forKind = (kind: CoinKind) =>\n      coinServiceIds(kind).reduce((sum, id) => sum + (counts[id] ?? 0), 0);\n    const total = Object.values(counts).reduce((a, b) => a + b, 0);\n    const kinds = COIN_KINDS.filter((kind) => forKind(kind) > 0);\n    return {\n      statItems: [\n        { label: total === 1 ? \"Coin\" : \"Coins\", value: total },\n        ...kinds.map((kind) => ({ label: coinKindLabelPlural(kind), value: forKind(kind) })),\n      ],\n      pillFilters: [\"all\", ...kinds] as CoinFilter[],\n    };\n  }, [counts]);\n\n  const activeIndex = pillFilters.indexOf(filter);\n\n  return (\n    <div className=\"space-y-5\">\n      {heading && (\n        <div className=\"flex flex-wrap items-start justify-between gap-4\">\n          <div className=\"space-y-2\">\n            <h1 className=\"text-3xl font-bold\">Creator coins &amp; memecoins</h1>\n            <StatPillRow\n              items={statItems}\n              onSelect={(index) => setFilter(pillFilters[index])}\n              activeIndex={activeIndex}\n            />\n          </div>\n          {action}\n        </div>\n      )}\n\n      <div className=\"flex items-center gap-2\">\n        <div className=\"relative flex-1\">\n          <Search className=\"pointer-events-none absolute left-3 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground\" />\n          <input\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            placeholder=\"Search coins by name or symbol…\"\n            className=\"w-full rounded-lg border border-border bg-background py-2 pl-9 pr-3 text-sm outline-none focus:border-primary/50\"\n          />\n        </div>\n        <select\n          value={sort}\n          onChange={(e) => setSort(e.target.value as CoinSort)}\n          aria-label=\"Sort coins\"\n          className=\"shrink-0 rounded-lg border border-border bg-background px-2.5 py-2 text-xs font-medium text-foreground outline-none focus:border-primary/50\"\n        >\n          {SORT_OPTIONS.map(({ label, value }) => (\n            <option key={value} value={value}>{label}</option>\n          ))}\n        </select>\n      </div>\n\n      <div>\n        <div className={cn(COIN_GRID, \"border-b border-border px-2 pb-2 text-2xs font-medium uppercase tracking-wide text-muted-foreground\")}>\n          <span>Token</span>\n          {usePriceMap ? (\n            <button\n              type=\"button\"\n              onClick={() => setPriceSort(priceSort === undefined ? \"desc\" : priceSort === \"desc\" ? \"asc\" : undefined)}\n              className={cn(\"text-right uppercase tracking-wide\", priceSort ? \"text-foreground\" : \"text-muted-foreground\")}\n            >\n              Price{priceSort === \"desc\" ? \" ↓\" : priceSort === \"asc\" ? \" ↑\" : \"\"}\n            </button>\n          ) : (\n            <span className=\"text-right\">Price</span>\n          )}\n        </div>\n\n        {isLoading && items.length === 0 ? (\n          Array.from({ length: 6 }).map((_, i) => <CoinRowSkeleton key={i} />)\n        ) : items.length === 0 ? (\n          <p className=\"py-16 text-center text-sm text-muted-foreground\">\n            {query.trim() ? `No coins match \"${query.trim()}\".` : \"No coins yet.\"}\n          </p>\n        ) : (\n          items.map((c) => (\n            <CoinRow\n              key={`${c.chain}-${c.contractAddress}`}\n              collection={c}\n              usePrice={usePrice}\n              href={coinHref(c)}\n              showKind={showKind}\n            />\n          ))\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/coins-explorer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useMemo } from \"react\";\nimport { Search } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { CoinRow, CoinRowSkeleton, COIN_GRID, type UseCoinPrice } from \"./coin-row.js\";\nimport { StatPillRow } from \"./stat-tile.js\";\nimport { orderCoins, type CoinPriceSort } from \"../data/coin-order.js\";\nimport { coinKind, coinKindLabelPlural, coinServiceIds, COIN_KINDS, type CoinCollectionLike, type CoinKind } from \"../data/coins.js\";\nimport { emptyMessages } from \"../utils/empty-messages.js\";\n\nexport type CoinFilter = \"all\" | CoinKind;\nexport type CoinSort = \"recent\" | \"name\";\nexport type CoinCounts = Record<string, number>;\n\nexport type UseCoins = (opts: { filter: CoinFilter; sort: CoinSort }) => {\n  collections: CoinCollectionLike[];\n  isLoading: boolean;\n  counts?: CoinCounts;\n};\n\nexport type UsePriceMap = () => { prices: Record<string, number | null>; isLoading: boolean };\n\nexport interface CoinsExplorerProps {\n  useCoins: UseCoins;\n  usePrice: UseCoinPrice;\n  usePriceMap?: UsePriceMap;\n\n  coinHref: (collection: CoinCollectionLike) => string;\n  heading?: boolean;\n\n  action?: React.ReactNode;\n}\n\nconst SORT_OPTIONS: { label: string; value: CoinSort }[] = [\n  { label: \"Recently launched\", value: \"recent\" },\n  { label: \"Name\", value: \"name\" },\n];\n\nconst noPriceMap: UsePriceMap = () => ({ prices: {}, isLoading: false });\n\nexport function CoinsExplorer({ useCoins, usePrice, usePriceMap, coinHref, heading = true, action }: CoinsExplorerProps) {\n  const [filter, setFilter] = useState<CoinFilter>(\"all\");\n  const [sort, setSort] = useState<CoinSort>(\"recent\");\n  const [query, setQuery] = useState(\"\");\n  const [priceSort, setPriceSort] = useState<CoinPriceSort | undefined>(undefined);\n\n  const { collections, isLoading, counts } = useCoins({ filter, sort });\n  const { prices } = (usePriceMap ?? noPriceMap)();\n  const items = useMemo(() => {\n    const q = query.trim().toLowerCase();\n    const matched = q\n      ? collections.filter((c) => (c.name ?? \"\").toLowerCase().includes(q) || (c.symbol ?? \"\").toLowerCase().includes(q))\n      : collections;\n    return usePriceMap ? orderCoins(matched, prices, priceSort) : matched;\n  }, [collections, query, usePriceMap, prices, priceSort]);\n\n  const showKind = useMemo(() => new Set(items.map((c) => coinKind(c.service))).size > 1, [items]);\n\n  const { statItems, pillFilters } = useMemo(() => {\n    if (!counts) return { statItems: [], pillFilters: [] as CoinFilter[] };\n    const forKind = (kind: CoinKind) =>\n      coinServiceIds(kind).reduce((sum, id) => sum + (counts[id] ?? 0), 0);\n    const total = Object.values(counts).reduce((a, b) => a + b, 0);\n    const kinds = COIN_KINDS.filter((kind) => forKind(kind) > 0);\n    return {\n      statItems: [\n        { label: total === 1 ? \"Coin\" : \"Coins\", value: total },\n        ...kinds.map((kind) => ({ label: coinKindLabelPlural(kind), value: forKind(kind) })),\n      ],\n      pillFilters: [\"all\", ...kinds] as CoinFilter[],\n    };\n  }, [counts]);\n\n  const activeIndex = pillFilters.indexOf(filter);\n\n  return (\n    <div className=\"space-y-5\">\n      {heading && (\n        <div className=\"flex flex-wrap items-start justify-between gap-4\">\n          <div className=\"space-y-2\">\n            <h1 className=\"text-3xl font-bold\">Creator coins &amp; memecoins</h1>\n            <StatPillRow\n              items={statItems}\n              onSelect={(index) => setFilter(pillFilters[index])}\n              activeIndex={activeIndex}\n            />\n          </div>\n          {action}\n        </div>\n      )}\n\n      <div className=\"flex items-center gap-2\">\n        <div className=\"relative flex-1\">\n          <Search className=\"pointer-events-none absolute left-3 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground\" />\n          <input\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            placeholder=\"Search coins by name or symbol…\"\n            className=\"w-full rounded-lg border border-border bg-background py-2 pl-9 pr-3 text-sm outline-none focus:border-primary/50\"\n          />\n        </div>\n        <select\n          value={sort}\n          onChange={(e) => setSort(e.target.value as CoinSort)}\n          aria-label=\"Sort coins\"\n          className=\"shrink-0 rounded-lg border border-border bg-background px-2.5 py-2 text-xs font-medium text-foreground outline-none focus:border-primary/50\"\n        >\n          {SORT_OPTIONS.map(({ label, value }) => (\n            <option key={value} value={value}>{label}</option>\n          ))}\n        </select>\n      </div>\n\n      <div>\n        <div className={cn(COIN_GRID, \"border-b border-border px-2 pb-2 text-2xs font-medium uppercase tracking-wide text-muted-foreground\")}>\n          <span>Token</span>\n          {usePriceMap ? (\n            <button\n              type=\"button\"\n              onClick={() => setPriceSort(priceSort === undefined ? \"desc\" : priceSort === \"desc\" ? \"asc\" : undefined)}\n              className={cn(\"text-right uppercase tracking-wide\", priceSort ? \"text-foreground\" : \"text-muted-foreground\")}\n            >\n              Price{priceSort === \"desc\" ? \" ↓\" : priceSort === \"asc\" ? \" ↑\" : \"\"}\n            </button>\n          ) : (\n            <span className=\"text-right\">Price</span>\n          )}\n        </div>\n\n        {isLoading && items.length === 0 ? (\n          Array.from({ length: 6 }).map((_, i) => <CoinRowSkeleton key={i} />)\n        ) : items.length === 0 ? (\n          <div className=\"py-16 text-center\">\n            {query.trim() ? (\n              <p className=\"text-sm text-muted-foreground\">{`No coins match \"${query.trim()}\".`}</p>\n            ) : (\n              <>\n                <p className=\"text-sm font-medium\">{emptyMessages.coins.title}</p>\n                <p className=\"text-sm text-muted-foreground\">{emptyMessages.coins.description}</p>\n              </>\n            )}\n          </div>\n        ) : (\n          items.map((c) => (\n            <CoinRow\n              key={`${c.chain}-${c.contractAddress}`}\n              collection={c}\n              usePrice={usePrice}\n              href={coinHref(c)}\n              showKind={showKind}\n            />\n          ))\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/comments-section.cjs

@@ -49,6 +49,7 @@ var import_cn = require("../utils/cn.js");
 var import_explorer_url = require("../utils/explorer-url.js");
 var import_run_intent_calls = require("../utils/run-intent-calls.js");
 var import_time = require("../utils/time.js");
+var import_success_messages = require("../utils/success-messages.js");
 var import_use_comments = require("../utils/use-comments.js");
 var import_use_transaction = require("../utils/use-transaction.js");
 const MAX_LEN = 1e3;
@@ -289,8 +290,7 @@ function CommentsSection({ contract, tokenId, className }) {
       import_transaction_success.TransactionSuccess,
       {
         name: "Comment",
-        title: "Comment posted!",
-        description: "Your comment is onchain and will appear here once indexed (~30s).",
+        ...import_success_messages.successMessages.commented(),
         txHash: tx.txHash,
         actions: [{ label: "Done", onClick: tx.reset }],
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_reward_earned.RewardEarned, { actionType: "comment" })