@medialane/ui 0.332.0 → 0.333.0

package/dist/components/account/input-otp.d.cts

@@ -1,7 +1,7 @@
 import * as input_otp from 'input-otp';
 import * as React from 'react';
 
-declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -14,7 +14,7 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
 } & {
     render: (props: input_otp.RenderProps) => React.ReactNode;
     children?: never;
-} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;

package/dist/components/account/input-otp.d.ts

@@ -1,7 +1,7 @@
 import * as input_otp from 'input-otp';
 import * as React from 'react';
 
-declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -14,7 +14,7 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
 } & {
     render: (props: input_otp.RenderProps) => React.ReactNode;
     children?: never;
-} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;

package/dist/components/asset-page.cjs

@@ -26,7 +26,6 @@ __export(asset_page_exports, {
 module.exports = __toCommonJS(asset_page_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_framer_motion = require("framer-motion");
 var import_lucide_react = require("lucide-react");
 var import_sdk = require("@medialane/sdk");
 var import_router = require("./router.js");
@@ -106,9 +105,9 @@ function AssetPageSkeleton() {
     ] })
   ] }) });
 }
-function AssetPage({ contract, tokenId, useMarketActions }) {
-  const { token, isLoading, isIndexing } = (0, import_use_tokens.useToken)(contract, tokenId);
-  const { collection, isLoading: collectionLoading } = (0, import_use_collections.useCollection)(contract);
+function AssetPage({ contract, tokenId, initialToken, initialCollection, useMarketActions }) {
+  const { token, isLoading, isIndexing } = (0, import_use_tokens.useToken)(contract, tokenId, initialToken);
+  const { collection, isLoading: collectionLoading } = (0, import_use_collections.useCollection)(contract, initialCollection);
   if (isLoading || collectionLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AssetPageSkeleton, {});
   if (!token) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_asset_unavailable.AssetUnavailable, { isIndexing });
   const kind = detectAssetKind(collection?.service, collection?.standard ?? token.standard);
@@ -125,7 +124,6 @@ function AssetPageView({
   const resolveImage = (0, import_use_image_url.useImageUrl)();
   const config = KINDS[kind];
   const router = (0, import_router.useRouter)();
-  const shouldReduce = (0, import_framer_motion.useReducedMotion)();
   const { walletAddress } = (0, import_medialane_app.useMedialaneApp)();
   const { listings, mutate: mutateListings, isLoading: listingsLoading } = (0, import_use_orders.useTokenListings)(contract, tokenId);
   const { history } = (0, import_use_tokens.useTokenHistory)(contract, tokenId);
@@ -138,6 +136,7 @@ function AssetPageView({
   const [reportOpen, setReportOpen] = (0, import_react.useState)(false);
   const [commentOpen, setCommentOpen] = (0, import_react.useState)(false);
   const [imgError, setImgError] = (0, import_react.useState)(false);
+  const [mainImageLoaded, setMainImageLoaded] = (0, import_react.useState)(false);
   const name = token.metadata?.name || `${config.namePrefix} #${token.tokenId}`;
   const image = resolveImage(token.metadata?.image);
   const tokenStandard = kind === "standard" || kind === "pop" ? token.standard ?? collection?.standard ?? "UNKNOWN" : "ERC1155";
@@ -175,6 +174,7 @@ function AssetPageView({
   const video = (token.metadata?.ipType ?? "").toLowerCase() === "video" ? (0, import_asset_video.videoEmbed)(attributes) : null;
   const audio = (token.metadata?.ipType ?? "").toLowerCase() === "audio" ? (0, import_asset_audio.audioEmbed)(attributes) : null;
   const isPublication = !!description && PUBLICATION_TYPES.has((token.metadata?.ipType ?? "").toLowerCase());
+  const usesMediaColumn = !video && !audio && !isPublication;
   const publisherName = collection?.name ?? contract.slice(0, 8) + "\u2026";
   const overviewAttributes = postContent ? attributes.filter((a) => a.trait_type !== "Content") : attributes;
   const overview = video || audio ? (0, import_asset_attributes.assetAttributes)(overviewAttributes.filter((a) => !import_asset_video.VIDEO_EMBED_TRAITS.has(a.trait_type ?? "") && !import_asset_audio.AUDIO_EMBED_TRAITS.has(a.trait_type ?? ""))) : { attributes: overviewAttributes, hasTemplateData, isDisplayAttr };
@@ -239,7 +239,7 @@ function AssetPageView({
   ] });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative z-0 min-h-screen", children: [
     token.isHidden ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_hidden_content_banner.HiddenContentBanner, {}) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_media_header.PageBackdrop, { image }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_media_header.PageBackdrop, { image: usesMediaColumn && !mainImageLoaded ? null : image }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_page_container.PageContainer, { className: isPublication ? "pt-20 space-y-8 pb-8 lg:px-16 xl:px-24" : "pt-20 space-y-8 pb-8", children: [
       video ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)] lg:gap-12 gap-8 items-start", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -340,42 +340,33 @@ function AssetPageView({
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_asset_top_sections.AssetMediaColumn,
           {
-            shouldReduce: Boolean(shouldReduce),
             image,
             imageAlt: name,
             imgError,
             onImageError: () => setImgError(true),
+            onImageLoad: () => setMainImageLoaded(true),
             animationUrl: token.metadata?.animationUrl,
             live: (0, import_living_render_collections.isLivingRenderCollection)(token.chain, token.contractAddress),
             fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "aspect-square bg-muted" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          import_framer_motion.motion.div,
-          {
-            initial: shouldReduce ? false : { opacity: 0, y: 16 },
-            animate: { opacity: 1, y: 0 },
-            transition: { duration: 0.5, delay: 0.2 },
-            className: "space-y-6",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_asset_top_sections.AssetHeaderBlock,
-                {
-                  name,
-                  description: token.metadata?.description,
-                  parentContract,
-                  parentTokenId,
-                  badges: kind === "pop" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "inline-flex items-center gap-1 text-2xs font-semibold px-2.5 py-1 rounded-full bg-brand-purple/15 text-brand-purple dark:bg-brand-purple/25", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Award, { className: "h-3 w-3" }),
-                    "POP"
-                  ] }) : null
-                }
-              ),
-              marketBlock,
-              detailsBlock
-            ]
-          }
-        )
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_asset_top_sections.AssetHeaderBlock,
+            {
+              name,
+              description: token.metadata?.description,
+              parentContract,
+              parentTokenId,
+              badges: kind === "pop" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "inline-flex items-center gap-1 text-2xs font-semibold px-2.5 py-1 rounded-full bg-brand-purple/15 text-brand-purple dark:bg-brand-purple/25", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Award, { className: "h-3 w-3" }),
+                "POP"
+              ] }) : null
+            }
+          ),
+          marketBlock,
+          detailsBlock
+        ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tabs.Tabs, { defaultValue: "overview", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tabs.TabsList, { children: [

package/dist/components/asset-page.cjs.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 { 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 { 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 { SoulboundCard } from \"./soulbound-card.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 { ReportDialog } from \"./report-dialog.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 } = 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 [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      <AssetOwnerRow ownerAddress={ownerAddress} ownerHref={ownerAddress ? profileHref({ address: ownerAddress }) : undefined} ipType={token.metadata?.ipType} />\n      {collection?.service === \"drop-collection\" ? <DropTokenLink contract={contract} name={collection.name ?? null} /> : null}\n      {kind === \"pop\" ? (\n        <SoulboundCard history={history as ApiActivity[]} ownerAddress={ownerAddress} />\n      ) : 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            {marketBlock}\n            <AssetOwnerRow ownerAddress={ownerAddress} ownerHref={ownerAddress ? profileHref({ address: ownerAddress }) : undefined} ipType={token.metadata?.ipType ?? \"Video\"} />\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            {marketBlock}\n            <AssetOwnerRow ownerAddress={ownerAddress} ownerHref={ownerAddress ? profileHref({ address: ownerAddress }) : undefined} ipType={token.metadata?.ipType ?? \"Audio\"} />\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            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            {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            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              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 bg-brand-purple/15 text-brand-purple dark:bg-brand-purple/25\">\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      <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 open={reportOpen} onOpenChange={setReportOpen} target={{ type: \"TOKEN\", contract: token.contractAddress, tokenId: token.tokenId, name }} />\n      {actions.dialogs}\n    </div>\n  );\n}\n"],"mappings":"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","names":["import_sdk"]}
+{"version":3,"sources":["../../src/components/asset-page.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState, type ComponentType, type ReactNode } from \"react\";\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 { 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 { 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 { SoulboundCard } from \"./soulbound-card.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 { ReportDialog } from \"./report-dialog.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  initialToken?: ApiToken | null;\n  initialCollection?: ApiCollection | null;\n  useMarketActions: (context: AssetMarketContext) => AssetMarketActions;\n}\n\nexport function AssetPage({ contract, tokenId, initialToken, initialCollection, useMarketActions }: AssetPageProps) {\n  const { token, isLoading, isIndexing } = useToken(contract, tokenId, initialToken);\n  const { collection, isLoading: collectionLoading } = useCollection(contract, initialCollection);\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 { walletAddress } = 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 [imgError, setImgError] = useState(false);\n  const [mainImageLoaded, setMainImageLoaded] = 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 usesMediaColumn = !video && !audio && !isPublication;\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      <AssetOwnerRow ownerAddress={ownerAddress} ownerHref={ownerAddress ? profileHref({ address: ownerAddress }) : undefined} ipType={token.metadata?.ipType} />\n      {collection?.service === \"drop-collection\" ? <DropTokenLink contract={contract} name={collection.name ?? null} /> : null}\n      {kind === \"pop\" ? (\n        <SoulboundCard history={history as ApiActivity[]} ownerAddress={ownerAddress} />\n      ) : 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={usesMediaColumn && !mainImageLoaded ? null : 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            {marketBlock}\n            <AssetOwnerRow ownerAddress={ownerAddress} ownerHref={ownerAddress ? profileHref({ address: ownerAddress }) : undefined} ipType={token.metadata?.ipType ?? \"Video\"} />\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            {marketBlock}\n            <AssetOwnerRow ownerAddress={ownerAddress} ownerHref={ownerAddress ? profileHref({ address: ownerAddress }) : undefined} ipType={token.metadata?.ipType ?? \"Audio\"} />\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            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            {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            image={image}\n            imageAlt={name}\n            imgError={imgError}\n            onImageError={() => setImgError(true)}\n            onImageLoad={() => setMainImageLoaded(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          <div className=\"space-y-6\">\n            <AssetHeaderBlock\n              name={name}\n              description={token.metadata?.description}\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 bg-brand-purple/15 text-brand-purple dark:bg-brand-purple/25\">\n                  <Award className=\"h-3 w-3\" />\n                  POP\n                </span>\n              ) : null}\n            />\n\n            {marketBlock}\n\n            {detailsBlock}\n          </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      <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 open={reportOpen} onOpenChange={setReportOpen} target={{ type: \"TOKEN\", contract: token.contractAddress, tokenId: token.tokenId, name }} />\n      {actions.dialogs}\n    </div>\n  );\n}\n"],"mappings":"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","names":["import_sdk"]}

package/dist/components/asset-page.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { ApiOrder } from '@medialane/sdk';
+import { ApiOrder, ApiToken, ApiCollection } from '@medialane/sdk';
 
 type AssetKind = "standard" | "edition" | "ticket" | "membership" | "pop";
 interface AssetMarketContext {
@@ -28,8 +28,10 @@ declare function AssetPageSkeleton(): react_jsx_runtime.JSX.Element;
 interface AssetPageProps {
     contract: string;
     tokenId: string;
+    initialToken?: ApiToken | null;
+    initialCollection?: ApiCollection | null;
     useMarketActions: (context: AssetMarketContext) => AssetMarketActions;
 }
-declare function AssetPage({ contract, tokenId, useMarketActions }: AssetPageProps): react_jsx_runtime.JSX.Element;
+declare function AssetPage({ contract, tokenId, initialToken, initialCollection, useMarketActions }: AssetPageProps): react_jsx_runtime.JSX.Element;
 
 export { type AssetKind, type AssetMarketActions, type AssetMarketContext, AssetPage, type AssetPageProps, AssetPageSkeleton, detectAssetKind };

package/dist/components/asset-page.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { ApiOrder } from '@medialane/sdk';
+import { ApiOrder, ApiToken, ApiCollection } from '@medialane/sdk';
 
 type AssetKind = "standard" | "edition" | "ticket" | "membership" | "pop";
 interface AssetMarketContext {
@@ -28,8 +28,10 @@ declare function AssetPageSkeleton(): react_jsx_runtime.JSX.Element;
 interface AssetPageProps {
     contract: string;
     tokenId: string;
+    initialToken?: ApiToken | null;
+    initialCollection?: ApiCollection | null;
     useMarketActions: (context: AssetMarketContext) => AssetMarketActions;
 }
-declare function AssetPage({ contract, tokenId, useMarketActions }: AssetPageProps): react_jsx_runtime.JSX.Element;
+declare function AssetPage({ contract, tokenId, initialToken, initialCollection, useMarketActions }: AssetPageProps): react_jsx_runtime.JSX.Element;
 
 export { type AssetKind, type AssetMarketActions, type AssetMarketContext, AssetPage, type AssetPageProps, AssetPageSkeleton, detectAssetKind };

package/dist/components/asset-page.js

@@ -1,7 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-import { motion, useReducedMotion } from "framer-motion";
 import { Award } from "lucide-react";
 import { assetHref, collectionHref, getDerivativesTerm, getService, resolveRemixPolicy } from "@medialane/sdk";
 import { useRouter } from "./router.js";
@@ -81,9 +80,9 @@ function AssetPageSkeleton() {
     ] })
   ] }) });
 }
-function AssetPage({ contract, tokenId, useMarketActions }) {
-  const { token, isLoading, isIndexing } = useToken(contract, tokenId);
-  const { collection, isLoading: collectionLoading } = useCollection(contract);
+function AssetPage({ contract, tokenId, initialToken, initialCollection, useMarketActions }) {
+  const { token, isLoading, isIndexing } = useToken(contract, tokenId, initialToken);
+  const { collection, isLoading: collectionLoading } = useCollection(contract, initialCollection);
   if (isLoading || collectionLoading) return /* @__PURE__ */ jsx(AssetPageSkeleton, {});
   if (!token) return /* @__PURE__ */ jsx(AssetUnavailable, { isIndexing });
   const kind = detectAssetKind(collection?.service, collection?.standard ?? token.standard);
@@ -100,7 +99,6 @@ function AssetPageView({
   const resolveImage = useImageUrl();
   const config = KINDS[kind];
   const router = useRouter();
-  const shouldReduce = useReducedMotion();
   const { walletAddress } = useMedialaneApp();
   const { listings, mutate: mutateListings, isLoading: listingsLoading } = useTokenListings(contract, tokenId);
   const { history } = useTokenHistory(contract, tokenId);
@@ -113,6 +111,7 @@ function AssetPageView({
   const [reportOpen, setReportOpen] = useState(false);
   const [commentOpen, setCommentOpen] = useState(false);
   const [imgError, setImgError] = useState(false);
+  const [mainImageLoaded, setMainImageLoaded] = useState(false);
   const name = token.metadata?.name || `${config.namePrefix} #${token.tokenId}`;
   const image = resolveImage(token.metadata?.image);
   const tokenStandard = kind === "standard" || kind === "pop" ? token.standard ?? collection?.standard ?? "UNKNOWN" : "ERC1155";
@@ -150,6 +149,7 @@ function AssetPageView({
   const video = (token.metadata?.ipType ?? "").toLowerCase() === "video" ? videoEmbed(attributes) : null;
   const audio = (token.metadata?.ipType ?? "").toLowerCase() === "audio" ? audioEmbed(attributes) : null;
   const isPublication = !!description && PUBLICATION_TYPES.has((token.metadata?.ipType ?? "").toLowerCase());
+  const usesMediaColumn = !video && !audio && !isPublication;
   const publisherName = collection?.name ?? contract.slice(0, 8) + "\u2026";
   const overviewAttributes = postContent ? attributes.filter((a) => a.trait_type !== "Content") : attributes;
   const overview = video || audio ? assetAttributes(overviewAttributes.filter((a) => !VIDEO_EMBED_TRAITS.has(a.trait_type ?? "") && !AUDIO_EMBED_TRAITS.has(a.trait_type ?? ""))) : { attributes: overviewAttributes, hasTemplateData, isDisplayAttr };
@@ -214,7 +214,7 @@ function AssetPageView({
   ] });
   return /* @__PURE__ */ jsxs("div", { className: "relative z-0 min-h-screen", children: [
     token.isHidden ? /* @__PURE__ */ jsx(HiddenContentBanner, {}) : null,
-    /* @__PURE__ */ jsx(PageBackdrop, { image }),
+    /* @__PURE__ */ jsx(PageBackdrop, { image: usesMediaColumn && !mainImageLoaded ? null : image }),
     /* @__PURE__ */ jsxs(PageContainer, { className: isPublication ? "pt-20 space-y-8 pb-8 lg:px-16 xl:px-24" : "pt-20 space-y-8 pb-8", children: [
       video ? /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)] lg:gap-12 gap-8 items-start", children: [
         /* @__PURE__ */ jsx(
@@ -315,42 +315,33 @@ function AssetPageView({
         /* @__PURE__ */ jsx(
           AssetMediaColumn,
           {
-            shouldReduce: Boolean(shouldReduce),
             image,
             imageAlt: name,
             imgError,
             onImageError: () => setImgError(true),
+            onImageLoad: () => setMainImageLoaded(true),
             animationUrl: token.metadata?.animationUrl,
             live: isLivingRenderCollection(token.chain, token.contractAddress),
             fallback: /* @__PURE__ */ jsx("div", { className: "aspect-square bg-muted" })
           }
         ),
-        /* @__PURE__ */ jsxs(
-          motion.div,
-          {
-            initial: shouldReduce ? false : { opacity: 0, y: 16 },
-            animate: { opacity: 1, y: 0 },
-            transition: { duration: 0.5, delay: 0.2 },
-            className: "space-y-6",
-            children: [
-              /* @__PURE__ */ jsx(
-                AssetHeaderBlock,
-                {
-                  name,
-                  description: token.metadata?.description,
-                  parentContract,
-                  parentTokenId,
-                  badges: kind === "pop" ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-2xs font-semibold px-2.5 py-1 rounded-full bg-brand-purple/15 text-brand-purple dark:bg-brand-purple/25", children: [
-                    /* @__PURE__ */ jsx(Award, { className: "h-3 w-3" }),
-                    "POP"
-                  ] }) : null
-                }
-              ),
-              marketBlock,
-              detailsBlock
-            ]
-          }
-        )
+        /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsx(
+            AssetHeaderBlock,
+            {
+              name,
+              description: token.metadata?.description,
+              parentContract,
+              parentTokenId,
+              badges: kind === "pop" ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-2xs font-semibold px-2.5 py-1 rounded-full bg-brand-purple/15 text-brand-purple dark:bg-brand-purple/25", children: [
+                /* @__PURE__ */ jsx(Award, { className: "h-3 w-3" }),
+                "POP"
+              ] }) : null
+            }
+          ),
+          marketBlock,
+          detailsBlock
+        ] })
       ] }),
       /* @__PURE__ */ jsxs(Tabs, { defaultValue: "overview", children: [
         /* @__PURE__ */ jsxs(TabsList, { children: [