@medialane/ui 0.280.0 → 0.282.0

package/dist/components/marketplace-dialog-primitives.cjs

@@ -36,7 +36,8 @@ __export(marketplace_dialog_primitives_exports, {
   MarketplaceErrorState: () => MarketplaceErrorState,
   MarketplaceProcessingState: () => MarketplaceProcessingState,
   MarketplaceSignInGate: () => MarketplaceSignInGate,
-  MarketplaceTxLink: () => MarketplaceTxLink
+  MarketplaceTxLink: () => MarketplaceTxLink,
+  OrderSummaryHero: () => OrderSummaryHero
 });
 module.exports = __toCommonJS(marketplace_dialog_primitives_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -46,6 +47,7 @@ var import_alert = require("./alert.js");
 var import_button = require("./button.js");
 var import_currency_icon = require("./currency-icon.js");
 var import_cn = require("../utils/cn.js");
+var import_format = require("../utils/format.js");
 function MarketplaceTxLink({ txHash, explorerUrl, className }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "a",
@@ -150,6 +152,56 @@ function MarketplaceDialogHero({
     badge
   ] });
 }
+function OrderSummaryHero({
+  name,
+  image,
+  subtitle,
+  tone = "default",
+  price: rawPrice,
+  quantity = 1,
+  usdTotal
+}) {
+  const price = rawPrice?.formatted && rawPrice.currency ? { formatted: rawPrice.formatted, currency: rawPrice.currency, decimals: rawPrice.decimals } : null;
+  const unit = price ? parseFloat(price.formatted) : null;
+  const showTotal = unit !== null && quantity > 1;
+  const crypto = price ? (0, import_format.formatDisplayPrice)(showTotal ? (unit * quantity).toFixed(price.decimals <= 6 ? 2 : 4) : price.formatted) : "";
+  const stable = price ? (0, import_format.isStableCurrency)(price.currency) : false;
+  const face = "font-[family-name:var(--font-display)] font-extrabold tracking-tight tabular-nums";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex justify-center pt-6 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-32 w-32 rounded-2xl overflow-hidden border border-border bg-muted", children: image ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: image, alt: name, fill: true, sizes: "128px", className: "object-cover", unoptimized: true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: (0, import_cn.cn)(
+          "h-full w-full bg-gradient-to-br to-transparent",
+          tone === "destructive" ? "from-destructive/20 via-brand-rose/10" : "from-primary/20 via-brand-purple/10"
+        )
+      }
+    ) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-4 px-5 pt-4 pb-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-bold text-lg leading-tight truncate", children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 text-2xs font-medium text-muted-foreground", children: subtitle })
+      ] }),
+      price ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "shrink-0 text-right", children: [
+        usdTotal ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: (0, import_cn.cn)(face, "text-2xl"), children: usdTotal }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: (0, import_cn.cn)("flex items-center gap-2 justify-end text-2xl", face), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "grid h-6 w-6 shrink-0 place-items-center rounded-full bg-foreground/[0.06]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: price.currency, size: 13 }) }),
+          crypto
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "mt-0.5 inline-flex items-center justify-end gap-1.5 text-sm font-semibold text-muted-foreground", children: [
+          usdTotal ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "grid h-4 w-4 shrink-0 place-items-center rounded-full bg-foreground/[0.06]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: price.currency, size: 10 }) }) : null,
+          usdTotal ? stable ? price.currency : `${crypto} ${price.currency}` : price.currency
+        ] }),
+        showTotal ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "mt-0.5 text-2xs text-muted-foreground/60", children: [
+          (0, import_format.formatDisplayPrice)(price.formatted),
+          " \xD7 ",
+          quantity,
+          " ",
+          price.currency
+        ] }) : null
+      ] }) : null
+    ] })
+  ] });
+}
 function CurrencyPicker({ currencies, value, onChange, disabled }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-5 gap-1.5", children: currencies.map((c) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_button.Button,
@@ -257,6 +309,7 @@ function MarketplaceConfirmStep({
   MarketplaceErrorState,
   MarketplaceProcessingState,
   MarketplaceSignInGate,
-  MarketplaceTxLink
+  MarketplaceTxLink,
+  OrderSummaryHero
 });
 //# sourceMappingURL=marketplace-dialog-primitives.cjs.map

package/dist/components/marketplace-dialog-primitives.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/marketplace-dialog-primitives.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport Image from \"./image.js\";\nimport { AlertCircle, ExternalLink, Loader2, Wallet } from \"lucide-react\";\nimport { Alert, AlertDescription } from \"./alert.js\";\nimport { Button } from \"./button.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { cn } from \"../utils/cn.js\";\n\ninterface MarketplaceTxLinkProps {\n  txHash: string;\n  explorerUrl: string;\n  className?: string;\n}\n\nexport function MarketplaceTxLink({ txHash, explorerUrl, className }: MarketplaceTxLinkProps) {\n  return (\n    <a\n      href={`${explorerUrl}/tx/${txHash}`}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        \"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\",\n        className\n      )}\n    >\n      <span className=\"tabular-nums\">{txHash.slice(0, 10)}…{txHash.slice(-8)}</span>\n      <ExternalLink className=\"h-3 w-3\" />\n    </a>\n  );\n}\n\ninterface MarketplaceProcessingStateProps {\n  title: string;\n  description?: string;\n  imageUrl?: string | null;\n  imageAlt?: string;\n  txHash?: string | null;\n  explorerUrl?: string;\n}\n\nexport function MarketplaceProcessingState({\n  title,\n  description = \"Keep this window open until it finishes.\",\n  imageUrl,\n  imageAlt = \"Token preview\",\n  txHash,\n  explorerUrl,\n}: MarketplaceProcessingStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {imageUrl ? (\n        <div className=\"relative h-20 w-20 rounded-2xl overflow-hidden border border-border\">\n          <Image src={imageUrl} alt={imageAlt} fill sizes=\"80px\" className=\"object-cover\" unoptimized />\n          <div className=\"absolute inset-0 bg-background/50 flex items-center justify-center\">\n            <Loader2 className=\"h-7 w-7 animate-spin text-primary\" />\n          </div>\n        </div>\n      ) : (\n        <Loader2 className=\"h-10 w-10 animate-spin text-primary\" />\n      )}\n      <div className=\"text-center space-y-1\">\n        <p className=\"font-semibold\">{title}</p>\n        {txHash && explorerUrl ? (\n          <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} className=\"mt-1\" />\n        ) : null}\n      </div>\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n    </div>\n  );\n}\n\ninterface MarketplaceSignInGateProps {\n  title: string;\n  description: string;\n  href: string;\n  ctaLabel?: string;\n}\n\nexport function MarketplaceSignInGate({ title, description, href, ctaLabel = \"Set up account\" }: MarketplaceSignInGateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-4 p-6 py-10 text-center\">\n      <Wallet className=\"h-10 w-10 text-muted-foreground\" />\n      <div>\n        <p className=\"font-semibold\">{title}</p>\n        <p className=\"text-sm text-muted-foreground mt-1\">{description}</p>\n      </div>\n      <div className=\"btn-border-animated w-full p-[1px] rounded-lg\">\n        <Button\n          asChild\n          className=\"w-full bg-transparent text-white rounded-[7px] hover:bg-transparent hover:brightness-110 active:scale-[0.98] transition-all\"\n        >\n          <a href={href}>{ctaLabel}</a>\n        </Button>\n      </div>\n    </div>\n  );\n}\n\ninterface MarketplaceErrorStateProps {\n  tokenImage?: string | null;\n  name: string;\n  title: string;\n  description: ReactNode;\n  error?: string | null;\n  txHash?: string | null;\n  explorerUrl: string;\n  onRetry?: () => void;\n  onDone: () => void;\n  doneLabel?: string;\n}\n\nexport function MarketplaceErrorState({\n  tokenImage,\n  name,\n  title,\n  description,\n  error,\n  txHash,\n  explorerUrl,\n  onRetry,\n  onDone,\n  doneLabel = \"Done\",\n}: MarketplaceErrorStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {tokenImage ? (\n        <div className=\"relative\">\n          <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border\">\n            <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n          </div>\n          <div className=\"absolute -bottom-2 -right-2 h-9 w-9 rounded-full bg-destructive flex items-center justify-center border-2 border-background\">\n            <AlertCircle className=\"h-5 w-5 text-white\" />\n          </div>\n        </div>\n      ) : (\n        <div className=\"h-16 w-16 rounded-full bg-destructive/15 flex items-center justify-center\">\n          <AlertCircle className=\"h-9 w-9 text-destructive\" />\n        </div>\n      )}\n      <div className=\"text-center space-y-1 max-w-full\">\n        <p className=\"font-bold text-xl break-words\">{title}</p>\n        <p className=\"text-sm text-muted-foreground break-words\">{description}</p>\n      </div>\n      {error ? (\n        <Alert variant=\"destructive\" className=\"text-left\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      ) : null}\n      {txHash && <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} />}\n      <div className=\"flex w-full gap-2\">\n        {onRetry ? (\n          <Button variant=\"outline\" className=\"flex-1 h-11\" onClick={onRetry}>\n            Try again\n          </Button>\n        ) : null}\n        <Button className=\"flex-1 h-11\" onClick={onDone}>{doneLabel}</Button>\n      </div>\n    </div>\n  );\n}\n\ninterface MarketplaceDialogHeroProps {\n  tokenImage?: string | null;\n  tokenName?: string;\n  tokenId: string;\n  fallbackIcon: ReactNode;\n  badge?: ReactNode;\n}\n\nexport function MarketplaceDialogHero({\n  tokenImage,\n  tokenName,\n  tokenId,\n  fallbackIcon,\n  badge,\n}: MarketplaceDialogHeroProps) {\n  const name = tokenName || `Token #${tokenId}`;\n\n  return (\n    <div className=\"relative flex justify-center pt-6 shrink-0\">\n      <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border bg-muted\">\n        {tokenImage ? (\n          <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n        ) : (\n          <div className=\"h-full w-full bg-gradient-to-br from-brand-blue/20 via-brand-purple/10 to-transparent flex items-center justify-center\">\n            {fallbackIcon}\n          </div>\n        )}\n      </div>\n      {badge}\n    </div>\n  );\n}\n\ninterface CurrencyPickerProps {\n  currencies: string[];\n  value: string;\n  onChange: (value: string) => void;\n  disabled?: boolean;\n}\n\nexport function CurrencyPicker({ currencies, value, onChange, disabled }: CurrencyPickerProps) {\n  return (\n    <div className=\"grid grid-cols-5 gap-1.5\">\n      {currencies.map((c) => (\n        <Button\n          key={c}\n          type=\"button\"\n          variant={value === c ? \"default\" : \"outline\"}\n          size=\"sm\"\n          onClick={() => onChange(c)}\n          disabled={disabled}\n          className=\"gap-1 px-2 text-xs w-full\"\n        >\n          <CurrencyIcon symbol={c} size={13} className=\"shrink-0\" />\n          <span className=\"truncate\">{c}</span>\n        </Button>\n      ))}\n    </div>\n  );\n}\n\ninterface DurationPickerProps {\n  options: ReadonlyArray<{ label: string; seconds: number }>;\n  value: number;\n  onChange: (value: number) => void;\n  disabled?: boolean;\n  cols?: 3 | 4;\n}\n\nexport function DurationPicker({ options, value, onChange, disabled, cols = 3 }: DurationPickerProps) {\n  return (\n    <div className={cols === 4 ? \"grid grid-cols-4 gap-2\" : \"grid grid-cols-3 gap-2\"}>\n      {options.map((opt) => (\n        <Button\n          key={opt.label}\n          type=\"button\"\n          variant={value === opt.seconds ? \"default\" : \"outline\"}\n          size=\"sm\"\n          onClick={() => onChange(opt.seconds)}\n          disabled={disabled}\n          className=\"text-xs\"\n        >\n          {opt.label}\n        </Button>\n      ))}\n    </div>\n  );\n}\n\ninterface MarketplaceConfirmStepProps {\n  summary?: ReactNode;\n  description: string;\n  error?: string | null;\n  secondaryLabel: string;\n  onSecondary: () => void;\n  primaryLabel: string;\n  onPrimary: () => void;\n  primaryDisabled?: boolean;\n  primaryIcon?: ReactNode;\n  primaryVariant?: \"default\" | \"destructive\";\n  footer?: ReactNode;\n}\n\nexport function MarketplaceConfirmStep({\n  summary,\n  description,\n  error,\n  secondaryLabel,\n  onSecondary,\n  primaryLabel,\n  onPrimary,\n  primaryDisabled,\n  primaryIcon,\n  primaryVariant = \"default\",\n  footer,\n}: MarketplaceConfirmStepProps) {\n  const primaryButton = primaryVariant === \"destructive\" ? (\n    <Button\n      variant=\"destructive\"\n      className=\"flex-1 h-11\"\n      disabled={primaryDisabled}\n      onClick={onPrimary}\n    >\n      {primaryLabel}\n    </Button>\n  ) : (\n    <div\n      className={cn(\n        \"btn-border-animated p-[1px] rounded-xl flex-1\",\n        primaryDisabled && \"pointer-events-none\"\n      )}\n    >\n      <button\n        className=\"w-full h-11 rounded-[11px] flex items-center justify-center gap-2 text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.98] bg-transparent\"\n        disabled={primaryDisabled}\n        onClick={onPrimary}\n      >\n        {primaryIcon}\n        {primaryLabel}\n      </button>\n    </div>\n  );\n\n  return (\n    <div className=\"px-6 pb-6 pt-3 space-y-4\">\n      {summary}\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n      {error ? (\n        <Alert variant=\"destructive\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      ) : null}\n      <div className=\"flex gap-2 pt-1\">\n        <Button\n          variant=\"outline\"\n          className=\"gap-1.5\"\n          onClick={onSecondary}\n        >\n          {secondaryLabel}\n        </Button>\n        {primaryButton}\n      </div>\n      {footer}\n    </div>\n  );\n}\n"],"mappings":"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","names":["Image"]}
+{"version":3,"sources":["../../src/components/marketplace-dialog-primitives.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport Image from \"./image.js\";\nimport { AlertCircle, ExternalLink, Loader2, Wallet } from \"lucide-react\";\nimport { Alert, AlertDescription } from \"./alert.js\";\nimport { Button } from \"./button.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { formatDisplayPrice, isStableCurrency } from \"../utils/format.js\";\n\ninterface MarketplaceTxLinkProps {\n  txHash: string;\n  explorerUrl: string;\n  className?: string;\n}\n\nexport function MarketplaceTxLink({ txHash, explorerUrl, className }: MarketplaceTxLinkProps) {\n  return (\n    <a\n      href={`${explorerUrl}/tx/${txHash}`}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        \"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\",\n        className\n      )}\n    >\n      <span className=\"tabular-nums\">{txHash.slice(0, 10)}…{txHash.slice(-8)}</span>\n      <ExternalLink className=\"h-3 w-3\" />\n    </a>\n  );\n}\n\ninterface MarketplaceProcessingStateProps {\n  title: string;\n  description?: string;\n  imageUrl?: string | null;\n  imageAlt?: string;\n  txHash?: string | null;\n  explorerUrl?: string;\n}\n\nexport function MarketplaceProcessingState({\n  title,\n  description = \"Keep this window open until it finishes.\",\n  imageUrl,\n  imageAlt = \"Token preview\",\n  txHash,\n  explorerUrl,\n}: MarketplaceProcessingStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {imageUrl ? (\n        <div className=\"relative h-20 w-20 rounded-2xl overflow-hidden border border-border\">\n          <Image src={imageUrl} alt={imageAlt} fill sizes=\"80px\" className=\"object-cover\" unoptimized />\n          <div className=\"absolute inset-0 bg-background/50 flex items-center justify-center\">\n            <Loader2 className=\"h-7 w-7 animate-spin text-primary\" />\n          </div>\n        </div>\n      ) : (\n        <Loader2 className=\"h-10 w-10 animate-spin text-primary\" />\n      )}\n      <div className=\"text-center space-y-1\">\n        <p className=\"font-semibold\">{title}</p>\n        {txHash && explorerUrl ? (\n          <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} className=\"mt-1\" />\n        ) : null}\n      </div>\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n    </div>\n  );\n}\n\ninterface MarketplaceSignInGateProps {\n  title: string;\n  description: string;\n  href: string;\n  ctaLabel?: string;\n}\n\nexport function MarketplaceSignInGate({ title, description, href, ctaLabel = \"Set up account\" }: MarketplaceSignInGateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-4 p-6 py-10 text-center\">\n      <Wallet className=\"h-10 w-10 text-muted-foreground\" />\n      <div>\n        <p className=\"font-semibold\">{title}</p>\n        <p className=\"text-sm text-muted-foreground mt-1\">{description}</p>\n      </div>\n      <div className=\"btn-border-animated w-full p-[1px] rounded-lg\">\n        <Button\n          asChild\n          className=\"w-full bg-transparent text-white rounded-[7px] hover:bg-transparent hover:brightness-110 active:scale-[0.98] transition-all\"\n        >\n          <a href={href}>{ctaLabel}</a>\n        </Button>\n      </div>\n    </div>\n  );\n}\n\ninterface MarketplaceErrorStateProps {\n  tokenImage?: string | null;\n  name: string;\n  title: string;\n  description: ReactNode;\n  error?: string | null;\n  txHash?: string | null;\n  explorerUrl: string;\n  onRetry?: () => void;\n  onDone: () => void;\n  doneLabel?: string;\n}\n\nexport function MarketplaceErrorState({\n  tokenImage,\n  name,\n  title,\n  description,\n  error,\n  txHash,\n  explorerUrl,\n  onRetry,\n  onDone,\n  doneLabel = \"Done\",\n}: MarketplaceErrorStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {tokenImage ? (\n        <div className=\"relative\">\n          <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border\">\n            <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n          </div>\n          <div className=\"absolute -bottom-2 -right-2 h-9 w-9 rounded-full bg-destructive flex items-center justify-center border-2 border-background\">\n            <AlertCircle className=\"h-5 w-5 text-white\" />\n          </div>\n        </div>\n      ) : (\n        <div className=\"h-16 w-16 rounded-full bg-destructive/15 flex items-center justify-center\">\n          <AlertCircle className=\"h-9 w-9 text-destructive\" />\n        </div>\n      )}\n      <div className=\"text-center space-y-1 max-w-full\">\n        <p className=\"font-bold text-xl break-words\">{title}</p>\n        <p className=\"text-sm text-muted-foreground break-words\">{description}</p>\n      </div>\n      {error ? (\n        <Alert variant=\"destructive\" className=\"text-left\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      ) : null}\n      {txHash && <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} />}\n      <div className=\"flex w-full gap-2\">\n        {onRetry ? (\n          <Button variant=\"outline\" className=\"flex-1 h-11\" onClick={onRetry}>\n            Try again\n          </Button>\n        ) : null}\n        <Button className=\"flex-1 h-11\" onClick={onDone}>{doneLabel}</Button>\n      </div>\n    </div>\n  );\n}\n\ninterface MarketplaceDialogHeroProps {\n  tokenImage?: string | null;\n  tokenName?: string;\n  tokenId: string;\n  fallbackIcon: ReactNode;\n  badge?: ReactNode;\n}\n\nexport function MarketplaceDialogHero({\n  tokenImage,\n  tokenName,\n  tokenId,\n  fallbackIcon,\n  badge,\n}: MarketplaceDialogHeroProps) {\n  const name = tokenName || `Token #${tokenId}`;\n\n  return (\n    <div className=\"relative flex justify-center pt-6 shrink-0\">\n      <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border bg-muted\">\n        {tokenImage ? (\n          <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n        ) : (\n          <div className=\"h-full w-full bg-gradient-to-br from-brand-blue/20 via-brand-purple/10 to-transparent flex items-center justify-center\">\n            {fallbackIcon}\n          </div>\n        )}\n      </div>\n      {badge}\n    </div>\n  );\n}\n\ninterface OrderSummaryHeroProps {\n  name: string;\n  image?: string | null;\n  subtitle: ReactNode;\n  tone?: \"default\" | \"destructive\";\n  price?: { formatted: string | null; currency: string | null; decimals: number } | null;\n  quantity?: number;\n  usdTotal?: string | null;\n}\n\nexport function OrderSummaryHero({\n  name,\n  image,\n  subtitle,\n  tone = \"default\",\n  price: rawPrice,\n  quantity = 1,\n  usdTotal,\n}: OrderSummaryHeroProps) {\n  const price = rawPrice?.formatted && rawPrice.currency\n    ? { formatted: rawPrice.formatted, currency: rawPrice.currency, decimals: rawPrice.decimals }\n    : null;\n  const unit = price ? parseFloat(price.formatted) : null;\n  const showTotal = unit !== null && quantity > 1;\n  const crypto = price\n    ? formatDisplayPrice(showTotal ? (unit! * quantity).toFixed(price.decimals <= 6 ? 2 : 4) : price.formatted)\n    : \"\";\n  const stable = price ? isStableCurrency(price.currency) : false;\n  const face = \"font-[family-name:var(--font-display)] font-extrabold tracking-tight tabular-nums\";\n\n  return (\n    <div>\n      <div className=\"flex justify-center pt-6 shrink-0\">\n        <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border bg-muted\">\n          {image ? (\n            <Image src={image} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n          ) : (\n            <div\n              className={cn(\n                \"h-full w-full bg-gradient-to-br to-transparent\",\n                tone === \"destructive\"\n                  ? \"from-destructive/20 via-brand-rose/10\"\n                  : \"from-primary/20 via-brand-purple/10\",\n              )}\n            />\n          )}\n        </div>\n      </div>\n\n      <div className=\"flex items-center justify-between gap-4 px-5 pt-4 pb-1\">\n        <div className=\"min-w-0\">\n          <p className=\"font-bold text-lg leading-tight truncate\">{name}</p>\n          <div className=\"mt-1 text-2xs font-medium text-muted-foreground\">{subtitle}</div>\n        </div>\n        {price ? (\n          <div className=\"shrink-0 text-right\">\n            {usdTotal ? (\n              <p className={cn(face, \"text-2xl\")}>{usdTotal}</p>\n            ) : (\n              <p className={cn(\"flex items-center gap-2 justify-end text-2xl\", face)}>\n                <span className=\"grid h-6 w-6 shrink-0 place-items-center rounded-full bg-foreground/[0.06]\">\n                  <CurrencyIcon symbol={price.currency} size={13} />\n                </span>\n                {crypto}\n              </p>\n            )}\n            <p className=\"mt-0.5 inline-flex items-center justify-end gap-1.5 text-sm font-semibold text-muted-foreground\">\n              {usdTotal ? (\n                <span className=\"grid h-4 w-4 shrink-0 place-items-center rounded-full bg-foreground/[0.06]\">\n                  <CurrencyIcon symbol={price.currency} size={10} />\n                </span>\n              ) : null}\n              {usdTotal ? (stable ? price.currency : `${crypto} ${price.currency}`) : price.currency}\n            </p>\n            {showTotal ? (\n              <p className=\"mt-0.5 text-2xs text-muted-foreground/60\">\n                {formatDisplayPrice(price.formatted)} × {quantity} {price.currency}\n              </p>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\ninterface CurrencyPickerProps {\n  currencies: string[];\n  value: string;\n  onChange: (value: string) => void;\n  disabled?: boolean;\n}\n\nexport function CurrencyPicker({ currencies, value, onChange, disabled }: CurrencyPickerProps) {\n  return (\n    <div className=\"grid grid-cols-5 gap-1.5\">\n      {currencies.map((c) => (\n        <Button\n          key={c}\n          type=\"button\"\n          variant={value === c ? \"default\" : \"outline\"}\n          size=\"sm\"\n          onClick={() => onChange(c)}\n          disabled={disabled}\n          className=\"gap-1 px-2 text-xs w-full\"\n        >\n          <CurrencyIcon symbol={c} size={13} className=\"shrink-0\" />\n          <span className=\"truncate\">{c}</span>\n        </Button>\n      ))}\n    </div>\n  );\n}\n\ninterface DurationPickerProps {\n  options: ReadonlyArray<{ label: string; seconds: number }>;\n  value: number;\n  onChange: (value: number) => void;\n  disabled?: boolean;\n  cols?: 3 | 4;\n}\n\nexport function DurationPicker({ options, value, onChange, disabled, cols = 3 }: DurationPickerProps) {\n  return (\n    <div className={cols === 4 ? \"grid grid-cols-4 gap-2\" : \"grid grid-cols-3 gap-2\"}>\n      {options.map((opt) => (\n        <Button\n          key={opt.label}\n          type=\"button\"\n          variant={value === opt.seconds ? \"default\" : \"outline\"}\n          size=\"sm\"\n          onClick={() => onChange(opt.seconds)}\n          disabled={disabled}\n          className=\"text-xs\"\n        >\n          {opt.label}\n        </Button>\n      ))}\n    </div>\n  );\n}\n\ninterface MarketplaceConfirmStepProps {\n  summary?: ReactNode;\n  description: string;\n  error?: string | null;\n  secondaryLabel: string;\n  onSecondary: () => void;\n  primaryLabel: string;\n  onPrimary: () => void;\n  primaryDisabled?: boolean;\n  primaryIcon?: ReactNode;\n  primaryVariant?: \"default\" | \"destructive\";\n  footer?: ReactNode;\n}\n\nexport function MarketplaceConfirmStep({\n  summary,\n  description,\n  error,\n  secondaryLabel,\n  onSecondary,\n  primaryLabel,\n  onPrimary,\n  primaryDisabled,\n  primaryIcon,\n  primaryVariant = \"default\",\n  footer,\n}: MarketplaceConfirmStepProps) {\n  const primaryButton = primaryVariant === \"destructive\" ? (\n    <Button\n      variant=\"destructive\"\n      className=\"flex-1 h-11\"\n      disabled={primaryDisabled}\n      onClick={onPrimary}\n    >\n      {primaryLabel}\n    </Button>\n  ) : (\n    <div\n      className={cn(\n        \"btn-border-animated p-[1px] rounded-xl flex-1\",\n        primaryDisabled && \"pointer-events-none\"\n      )}\n    >\n      <button\n        className=\"w-full h-11 rounded-[11px] flex items-center justify-center gap-2 text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.98] bg-transparent\"\n        disabled={primaryDisabled}\n        onClick={onPrimary}\n      >\n        {primaryIcon}\n        {primaryLabel}\n      </button>\n    </div>\n  );\n\n  return (\n    <div className=\"px-6 pb-6 pt-3 space-y-4\">\n      {summary}\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n      {error ? (\n        <Alert variant=\"destructive\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      ) : null}\n      <div className=\"flex gap-2 pt-1\">\n        <Button\n          variant=\"outline\"\n          className=\"gap-1.5\"\n          onClick={onSecondary}\n        >\n          {secondaryLabel}\n        </Button>\n        {primaryButton}\n      </div>\n      {footer}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BM;AAzBN,mBAAkB;AAClB,0BAA2D;AAC3D,mBAAwC;AACxC,oBAAuB;AACvB,2BAA6B;AAC7B,gBAAmB;AACnB,oBAAqD;AAQ9C,SAAS,kBAAkB,EAAE,QAAQ,aAAa,UAAU,GAA2B;AAC5F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,GAAG,WAAW,OAAO,MAAM;AAAA,MACjC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,qDAAC,UAAK,WAAU,gBAAgB;AAAA,iBAAO,MAAM,GAAG,EAAE;AAAA,UAAE;AAAA,UAAE,OAAO,MAAM,EAAE;AAAA,WAAE;AAAA,QACvE,4CAAC,oCAAa,WAAU,WAAU;AAAA;AAAA;AAAA,EACpC;AAEJ;AAWO,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAAoC;AAClC,SACE,6CAAC,SAAI,WAAU,6CACZ;AAAA,eACC,6CAAC,SAAI,WAAU,uEACb;AAAA,kDAAC,aAAAA,SAAA,EAAM,KAAK,UAAU,KAAK,UAAU,MAAI,MAAC,OAAM,QAAO,WAAU,gBAAe,aAAW,MAAC;AAAA,MAC5F,4CAAC,SAAI,WAAU,sEACb,sDAAC,+BAAQ,WAAU,qCAAoC,GACzD;AAAA,OACF,IAEA,4CAAC,+BAAQ,WAAU,uCAAsC;AAAA,IAE3D,6CAAC,SAAI,WAAU,yBACb;AAAA,kDAAC,OAAE,WAAU,iBAAiB,iBAAM;AAAA,MACnC,UAAU,cACT,4CAAC,qBAAkB,QAAgB,aAA0B,WAAU,QAAO,IAC5E;AAAA,OACN;AAAA,IACA,4CAAC,OAAE,WAAU,iCAAiC,uBAAY;AAAA,KAC5D;AAEJ;AASO,SAAS,sBAAsB,EAAE,OAAO,aAAa,MAAM,WAAW,iBAAiB,GAA+B;AAC3H,SACE,6CAAC,SAAI,WAAU,0DACb;AAAA,gDAAC,8BAAO,WAAU,mCAAkC;AAAA,IACpD,6CAAC,SACC;AAAA,kDAAC,OAAE,WAAU,iBAAiB,iBAAM;AAAA,MACpC,4CAAC,OAAE,WAAU,sCAAsC,uBAAY;AAAA,OACjE;AAAA,IACA,4CAAC,SAAI,WAAU,iDACb;AAAA,MAAC;AAAA;AAAA,QACC,SAAO;AAAA,QACP,WAAU;AAAA,QAEV,sDAAC,OAAE,MAAa,oBAAS;AAAA;AAAA,IAC3B,GACF;AAAA,KACF;AAEJ;AAeO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAA+B;AAC7B,SACE,6CAAC,SAAI,WAAU,6CACZ;AAAA,iBACC,6CAAC,SAAI,WAAU,YACb;AAAA,kDAAC,SAAI,WAAU,uEACb,sDAAC,aAAAA,SAAA,EAAM,KAAK,YAAY,KAAK,MAAM,MAAI,MAAC,OAAM,SAAQ,WAAU,gBAAe,aAAW,MAAC,GAC7F;AAAA,MACA,4CAAC,SAAI,WAAU,+HACb,sDAAC,mCAAY,WAAU,sBAAqB,GAC9C;AAAA,OACF,IAEA,4CAAC,SAAI,WAAU,6EACb,sDAAC,mCAAY,WAAU,4BAA2B,GACpD;AAAA,IAEF,6CAAC,SAAI,WAAU,oCACb;AAAA,kDAAC,OAAE,WAAU,iCAAiC,iBAAM;AAAA,MACpD,4CAAC,OAAE,WAAU,6CAA6C,uBAAY;AAAA,OACxE;AAAA,IACC,QACC,6CAAC,sBAAM,SAAQ,eAAc,WAAU,aACrC;AAAA,kDAAC,mCAAY,WAAU,WAAU;AAAA,MACjC,4CAAC,iCAAkB,iBAAM;AAAA,OAC3B,IACE;AAAA,IACH,UAAU,4CAAC,qBAAkB,QAAgB,aAA0B;AAAA,IACxE,6CAAC,SAAI,WAAU,qBACZ;AAAA,gBACC,4CAAC,wBAAO,SAAQ,WAAU,WAAU,eAAc,SAAS,SAAS,uBAEpE,IACE;AAAA,MACJ,4CAAC,wBAAO,WAAU,eAAc,SAAS,QAAS,qBAAU;AAAA,OAC9D;AAAA,KACF;AAEJ;AAUO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAC7B,QAAM,OAAO,aAAa,UAAU,OAAO;AAE3C,SACE,6CAAC,SAAI,WAAU,8CACb;AAAA,gDAAC,SAAI,WAAU,gFACZ,uBACC,4CAAC,aAAAA,SAAA,EAAM,KAAK,YAAY,KAAK,MAAM,MAAI,MAAC,OAAM,SAAQ,WAAU,gBAAe,aAAW,MAAC,IAE3F,4CAAC,SAAI,WAAU,0HACZ,wBACH,GAEJ;AAAA,IACC;AAAA,KACH;AAEJ;AAYO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP,WAAW;AAAA,EACX;AACF,GAA0B;AACxB,QAAM,QAAQ,UAAU,aAAa,SAAS,WAC1C,EAAE,WAAW,SAAS,WAAW,UAAU,SAAS,UAAU,UAAU,SAAS,SAAS,IAC1F;AACJ,QAAM,OAAO,QAAQ,WAAW,MAAM,SAAS,IAAI;AACnD,QAAM,YAAY,SAAS,QAAQ,WAAW;AAC9C,QAAM,SAAS,YACX,kCAAmB,aAAa,OAAQ,UAAU,QAAQ,MAAM,YAAY,IAAI,IAAI,CAAC,IAAI,MAAM,SAAS,IACxG;AACJ,QAAM,SAAS,YAAQ,gCAAiB,MAAM,QAAQ,IAAI;AAC1D,QAAM,OAAO;AAEb,SACE,6CAAC,SACC;AAAA,gDAAC,SAAI,WAAU,qCACb,sDAAC,SAAI,WAAU,gFACZ,kBACC,4CAAC,aAAAA,SAAA,EAAM,KAAK,OAAO,KAAK,MAAM,MAAI,MAAC,OAAM,SAAQ,WAAU,gBAAe,aAAW,MAAC,IAEtF;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,UACT;AAAA,UACA,SAAS,gBACL,0CACA;AAAA,QACN;AAAA;AAAA,IACF,GAEJ,GACF;AAAA,IAEA,6CAAC,SAAI,WAAU,0DACb;AAAA,mDAAC,SAAI,WAAU,WACb;AAAA,oDAAC,OAAE,WAAU,4CAA4C,gBAAK;AAAA,QAC9D,4CAAC,SAAI,WAAU,mDAAmD,oBAAS;AAAA,SAC7E;AAAA,MACC,QACC,6CAAC,SAAI,WAAU,uBACZ;AAAA,mBACC,4CAAC,OAAE,eAAW,cAAG,MAAM,UAAU,GAAI,oBAAS,IAE9C,6CAAC,OAAE,eAAW,cAAG,gDAAgD,IAAI,GACnE;AAAA,sDAAC,UAAK,WAAU,8EACd,sDAAC,qCAAa,QAAQ,MAAM,UAAU,MAAM,IAAI,GAClD;AAAA,UACC;AAAA,WACH;AAAA,QAEF,6CAAC,OAAE,WAAU,mGACV;AAAA,qBACC,4CAAC,UAAK,WAAU,8EACd,sDAAC,qCAAa,QAAQ,MAAM,UAAU,MAAM,IAAI,GAClD,IACE;AAAA,UACH,WAAY,SAAS,MAAM,WAAW,GAAG,MAAM,IAAI,MAAM,QAAQ,KAAM,MAAM;AAAA,WAChF;AAAA,QACC,YACC,6CAAC,OAAE,WAAU,4CACV;AAAA,gDAAmB,MAAM,SAAS;AAAA,UAAE;AAAA,UAAI;AAAA,UAAS;AAAA,UAAE,MAAM;AAAA,WAC5D,IACE;AAAA,SACN,IACE;AAAA,OACN;AAAA,KACF;AAEJ;AASO,SAAS,eAAe,EAAE,YAAY,OAAO,UAAU,SAAS,GAAwB;AAC7F,SACE,4CAAC,SAAI,WAAU,4BACZ,qBAAW,IAAI,CAAC,MACf;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,SAAS,UAAU,IAAI,YAAY;AAAA,MACnC,MAAK;AAAA,MACL,SAAS,MAAM,SAAS,CAAC;AAAA,MACzB;AAAA,MACA,WAAU;AAAA,MAEV;AAAA,oDAAC,qCAAa,QAAQ,GAAG,MAAM,IAAI,WAAU,YAAW;AAAA,QACxD,4CAAC,UAAK,WAAU,YAAY,aAAE;AAAA;AAAA;AAAA,IATzB;AAAA,EAUP,CACD,GACH;AAEJ;AAUO,SAAS,eAAe,EAAE,SAAS,OAAO,UAAU,UAAU,OAAO,EAAE,GAAwB;AACpG,SACE,4CAAC,SAAI,WAAW,SAAS,IAAI,2BAA2B,0BACrD,kBAAQ,IAAI,CAAC,QACZ;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,SAAS,UAAU,IAAI,UAAU,YAAY;AAAA,MAC7C,MAAK;AAAA,MACL,SAAS,MAAM,SAAS,IAAI,OAAO;AAAA,MACnC;AAAA,MACA,WAAU;AAAA,MAET,cAAI;AAAA;AAAA,IARA,IAAI;AAAA,EASX,CACD,GACH;AAEJ;AAgBO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AACF,GAAgC;AAC9B,QAAM,gBAAgB,mBAAmB,gBACvC;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MAER;AAAA;AAAA,EACH,IAEA;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA,mBAAmB;AAAA,MACrB;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,UAAU;AAAA,UACV,SAAS;AAAA,UAER;AAAA;AAAA,YACA;AAAA;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAGF,SACE,6CAAC,SAAI,WAAU,4BACZ;AAAA;AAAA,IACD,4CAAC,OAAE,WAAU,iCAAiC,uBAAY;AAAA,IACzD,QACC,6CAAC,sBAAM,SAAQ,eACb;AAAA,kDAAC,mCAAY,WAAU,WAAU;AAAA,MACjC,4CAAC,iCAAkB,iBAAM;AAAA,OAC3B,IACE;AAAA,IACJ,6CAAC,SAAI,WAAU,mBACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS;AAAA,UAER;AAAA;AAAA,MACH;AAAA,MACC;AAAA,OACH;AAAA,IACC;AAAA,KACH;AAEJ;","names":["Image"]}

package/dist/components/marketplace-dialog-primitives.d.cts

@@ -44,6 +44,20 @@ interface MarketplaceDialogHeroProps {
     badge?: ReactNode;
 }
 declare function MarketplaceDialogHero({ tokenImage, tokenName, tokenId, fallbackIcon, badge, }: MarketplaceDialogHeroProps): react_jsx_runtime.JSX.Element;
+interface OrderSummaryHeroProps {
+    name: string;
+    image?: string | null;
+    subtitle: ReactNode;
+    tone?: "default" | "destructive";
+    price?: {
+        formatted: string | null;
+        currency: string | null;
+        decimals: number;
+    } | null;
+    quantity?: number;
+    usdTotal?: string | null;
+}
+declare function OrderSummaryHero({ name, image, subtitle, tone, price: rawPrice, quantity, usdTotal, }: OrderSummaryHeroProps): react_jsx_runtime.JSX.Element;
 interface CurrencyPickerProps {
     currencies: string[];
     value: string;
@@ -77,4 +91,4 @@ interface MarketplaceConfirmStepProps {
 }
 declare function MarketplaceConfirmStep({ summary, description, error, secondaryLabel, onSecondary, primaryLabel, onPrimary, primaryDisabled, primaryIcon, primaryVariant, footer, }: MarketplaceConfirmStepProps): react_jsx_runtime.JSX.Element;
 
-export { CurrencyPicker, DurationPicker, MarketplaceConfirmStep, MarketplaceDialogHero, MarketplaceErrorState, MarketplaceProcessingState, MarketplaceSignInGate, MarketplaceTxLink };
+export { CurrencyPicker, DurationPicker, MarketplaceConfirmStep, MarketplaceDialogHero, MarketplaceErrorState, MarketplaceProcessingState, MarketplaceSignInGate, MarketplaceTxLink, OrderSummaryHero };

package/dist/components/marketplace-dialog-primitives.d.ts

@@ -44,6 +44,20 @@ interface MarketplaceDialogHeroProps {
     badge?: ReactNode;
 }
 declare function MarketplaceDialogHero({ tokenImage, tokenName, tokenId, fallbackIcon, badge, }: MarketplaceDialogHeroProps): react_jsx_runtime.JSX.Element;
+interface OrderSummaryHeroProps {
+    name: string;
+    image?: string | null;
+    subtitle: ReactNode;
+    tone?: "default" | "destructive";
+    price?: {
+        formatted: string | null;
+        currency: string | null;
+        decimals: number;
+    } | null;
+    quantity?: number;
+    usdTotal?: string | null;
+}
+declare function OrderSummaryHero({ name, image, subtitle, tone, price: rawPrice, quantity, usdTotal, }: OrderSummaryHeroProps): react_jsx_runtime.JSX.Element;
 interface CurrencyPickerProps {
     currencies: string[];
     value: string;
@@ -77,4 +91,4 @@ interface MarketplaceConfirmStepProps {
 }
 declare function MarketplaceConfirmStep({ summary, description, error, secondaryLabel, onSecondary, primaryLabel, onPrimary, primaryDisabled, primaryIcon, primaryVariant, footer, }: MarketplaceConfirmStepProps): react_jsx_runtime.JSX.Element;
 
-export { CurrencyPicker, DurationPicker, MarketplaceConfirmStep, MarketplaceDialogHero, MarketplaceErrorState, MarketplaceProcessingState, MarketplaceSignInGate, MarketplaceTxLink };
+export { CurrencyPicker, DurationPicker, MarketplaceConfirmStep, MarketplaceDialogHero, MarketplaceErrorState, MarketplaceProcessingState, MarketplaceSignInGate, MarketplaceTxLink, OrderSummaryHero };

package/dist/components/marketplace-dialog-primitives.js

@@ -6,6 +6,7 @@ import { Alert, AlertDescription } from "./alert.js";
 import { Button } from "./button.js";
 import { CurrencyIcon } from "./currency-icon.js";
 import { cn } from "../utils/cn.js";
+import { formatDisplayPrice, isStableCurrency } from "../utils/format.js";
 function MarketplaceTxLink({ txHash, explorerUrl, className }) {
   return /* @__PURE__ */ jsxs(
     "a",
@@ -110,6 +111,56 @@ function MarketplaceDialogHero({
     badge
   ] });
 }
+function OrderSummaryHero({
+  name,
+  image,
+  subtitle,
+  tone = "default",
+  price: rawPrice,
+  quantity = 1,
+  usdTotal
+}) {
+  const price = rawPrice?.formatted && rawPrice.currency ? { formatted: rawPrice.formatted, currency: rawPrice.currency, decimals: rawPrice.decimals } : null;
+  const unit = price ? parseFloat(price.formatted) : null;
+  const showTotal = unit !== null && quantity > 1;
+  const crypto = price ? formatDisplayPrice(showTotal ? (unit * quantity).toFixed(price.decimals <= 6 ? 2 : 4) : price.formatted) : "";
+  const stable = price ? isStableCurrency(price.currency) : false;
+  const face = "font-[family-name:var(--font-display)] font-extrabold tracking-tight tabular-nums";
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { className: "flex justify-center pt-6 shrink-0", children: /* @__PURE__ */ jsx("div", { className: "relative h-32 w-32 rounded-2xl overflow-hidden border border-border bg-muted", children: image ? /* @__PURE__ */ jsx(Image, { src: image, alt: name, fill: true, sizes: "128px", className: "object-cover", unoptimized: true }) : /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "h-full w-full bg-gradient-to-br to-transparent",
+          tone === "destructive" ? "from-destructive/20 via-brand-rose/10" : "from-primary/20 via-brand-purple/10"
+        )
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 px-5 pt-4 pb-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "font-bold text-lg leading-tight truncate", children: name }),
+        /* @__PURE__ */ jsx("div", { className: "mt-1 text-2xs font-medium text-muted-foreground", children: subtitle })
+      ] }),
+      price ? /* @__PURE__ */ jsxs("div", { className: "shrink-0 text-right", children: [
+        usdTotal ? /* @__PURE__ */ jsx("p", { className: cn(face, "text-2xl"), children: usdTotal }) : /* @__PURE__ */ jsxs("p", { className: cn("flex items-center gap-2 justify-end text-2xl", face), children: [
+          /* @__PURE__ */ jsx("span", { className: "grid h-6 w-6 shrink-0 place-items-center rounded-full bg-foreground/[0.06]", children: /* @__PURE__ */ jsx(CurrencyIcon, { symbol: price.currency, size: 13 }) }),
+          crypto
+        ] }),
+        /* @__PURE__ */ jsxs("p", { className: "mt-0.5 inline-flex items-center justify-end gap-1.5 text-sm font-semibold text-muted-foreground", children: [
+          usdTotal ? /* @__PURE__ */ jsx("span", { className: "grid h-4 w-4 shrink-0 place-items-center rounded-full bg-foreground/[0.06]", children: /* @__PURE__ */ jsx(CurrencyIcon, { symbol: price.currency, size: 10 }) }) : null,
+          usdTotal ? stable ? price.currency : `${crypto} ${price.currency}` : price.currency
+        ] }),
+        showTotal ? /* @__PURE__ */ jsxs("p", { className: "mt-0.5 text-2xs text-muted-foreground/60", children: [
+          formatDisplayPrice(price.formatted),
+          " \xD7 ",
+          quantity,
+          " ",
+          price.currency
+        ] }) : null
+      ] }) : null
+    ] })
+  ] });
+}
 function CurrencyPicker({ currencies, value, onChange, disabled }) {
   return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-5 gap-1.5", children: currencies.map((c) => /* @__PURE__ */ jsxs(
     Button,
@@ -216,6 +267,7 @@ export {
   MarketplaceErrorState,
   MarketplaceProcessingState,
   MarketplaceSignInGate,
-  MarketplaceTxLink
+  MarketplaceTxLink,
+  OrderSummaryHero
 };
 //# sourceMappingURL=marketplace-dialog-primitives.js.map

package/dist/components/marketplace-dialog-primitives.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/marketplace-dialog-primitives.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport Image from \"./image.js\";\nimport { AlertCircle, ExternalLink, Loader2, Wallet } from \"lucide-react\";\nimport { Alert, AlertDescription } from \"./alert.js\";\nimport { Button } from \"./button.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { cn } from \"../utils/cn.js\";\n\ninterface MarketplaceTxLinkProps {\n  txHash: string;\n  explorerUrl: string;\n  className?: string;\n}\n\nexport function MarketplaceTxLink({ txHash, explorerUrl, className }: MarketplaceTxLinkProps) {\n  return (\n    <a\n      href={`${explorerUrl}/tx/${txHash}`}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        \"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\",\n        className\n      )}\n    >\n      <span className=\"tabular-nums\">{txHash.slice(0, 10)}…{txHash.slice(-8)}</span>\n      <ExternalLink className=\"h-3 w-3\" />\n    </a>\n  );\n}\n\ninterface MarketplaceProcessingStateProps {\n  title: string;\n  description?: string;\n  imageUrl?: string | null;\n  imageAlt?: string;\n  txHash?: string | null;\n  explorerUrl?: string;\n}\n\nexport function MarketplaceProcessingState({\n  title,\n  description = \"Keep this window open until it finishes.\",\n  imageUrl,\n  imageAlt = \"Token preview\",\n  txHash,\n  explorerUrl,\n}: MarketplaceProcessingStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {imageUrl ? (\n        <div className=\"relative h-20 w-20 rounded-2xl overflow-hidden border border-border\">\n          <Image src={imageUrl} alt={imageAlt} fill sizes=\"80px\" className=\"object-cover\" unoptimized />\n          <div className=\"absolute inset-0 bg-background/50 flex items-center justify-center\">\n            <Loader2 className=\"h-7 w-7 animate-spin text-primary\" />\n          </div>\n        </div>\n      ) : (\n        <Loader2 className=\"h-10 w-10 animate-spin text-primary\" />\n      )}\n      <div className=\"text-center space-y-1\">\n        <p className=\"font-semibold\">{title}</p>\n        {txHash && explorerUrl ? (\n          <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} className=\"mt-1\" />\n        ) : null}\n      </div>\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n    </div>\n  );\n}\n\ninterface MarketplaceSignInGateProps {\n  title: string;\n  description: string;\n  href: string;\n  ctaLabel?: string;\n}\n\nexport function MarketplaceSignInGate({ title, description, href, ctaLabel = \"Set up account\" }: MarketplaceSignInGateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-4 p-6 py-10 text-center\">\n      <Wallet className=\"h-10 w-10 text-muted-foreground\" />\n      <div>\n        <p className=\"font-semibold\">{title}</p>\n        <p className=\"text-sm text-muted-foreground mt-1\">{description}</p>\n      </div>\n      <div className=\"btn-border-animated w-full p-[1px] rounded-lg\">\n        <Button\n          asChild\n          className=\"w-full bg-transparent text-white rounded-[7px] hover:bg-transparent hover:brightness-110 active:scale-[0.98] transition-all\"\n        >\n          <a href={href}>{ctaLabel}</a>\n        </Button>\n      </div>\n    </div>\n  );\n}\n\ninterface MarketplaceErrorStateProps {\n  tokenImage?: string | null;\n  name: string;\n  title: string;\n  description: ReactNode;\n  error?: string | null;\n  txHash?: string | null;\n  explorerUrl: string;\n  onRetry?: () => void;\n  onDone: () => void;\n  doneLabel?: string;\n}\n\nexport function MarketplaceErrorState({\n  tokenImage,\n  name,\n  title,\n  description,\n  error,\n  txHash,\n  explorerUrl,\n  onRetry,\n  onDone,\n  doneLabel = \"Done\",\n}: MarketplaceErrorStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {tokenImage ? (\n        <div className=\"relative\">\n          <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border\">\n            <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n          </div>\n          <div className=\"absolute -bottom-2 -right-2 h-9 w-9 rounded-full bg-destructive flex items-center justify-center border-2 border-background\">\n            <AlertCircle className=\"h-5 w-5 text-white\" />\n          </div>\n        </div>\n      ) : (\n        <div className=\"h-16 w-16 rounded-full bg-destructive/15 flex items-center justify-center\">\n          <AlertCircle className=\"h-9 w-9 text-destructive\" />\n        </div>\n      )}\n      <div className=\"text-center space-y-1 max-w-full\">\n        <p className=\"font-bold text-xl break-words\">{title}</p>\n        <p className=\"text-sm text-muted-foreground break-words\">{description}</p>\n      </div>\n      {error ? (\n        <Alert variant=\"destructive\" className=\"text-left\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      ) : null}\n      {txHash && <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} />}\n      <div className=\"flex w-full gap-2\">\n        {onRetry ? (\n          <Button variant=\"outline\" className=\"flex-1 h-11\" onClick={onRetry}>\n            Try again\n          </Button>\n        ) : null}\n        <Button className=\"flex-1 h-11\" onClick={onDone}>{doneLabel}</Button>\n      </div>\n    </div>\n  );\n}\n\ninterface MarketplaceDialogHeroProps {\n  tokenImage?: string | null;\n  tokenName?: string;\n  tokenId: string;\n  fallbackIcon: ReactNode;\n  badge?: ReactNode;\n}\n\nexport function MarketplaceDialogHero({\n  tokenImage,\n  tokenName,\n  tokenId,\n  fallbackIcon,\n  badge,\n}: MarketplaceDialogHeroProps) {\n  const name = tokenName || `Token #${tokenId}`;\n\n  return (\n    <div className=\"relative flex justify-center pt-6 shrink-0\">\n      <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border bg-muted\">\n        {tokenImage ? (\n          <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n        ) : (\n          <div className=\"h-full w-full bg-gradient-to-br from-brand-blue/20 via-brand-purple/10 to-transparent flex items-center justify-center\">\n            {fallbackIcon}\n          </div>\n        )}\n      </div>\n      {badge}\n    </div>\n  );\n}\n\ninterface CurrencyPickerProps {\n  currencies: string[];\n  value: string;\n  onChange: (value: string) => void;\n  disabled?: boolean;\n}\n\nexport function CurrencyPicker({ currencies, value, onChange, disabled }: CurrencyPickerProps) {\n  return (\n    <div className=\"grid grid-cols-5 gap-1.5\">\n      {currencies.map((c) => (\n        <Button\n          key={c}\n          type=\"button\"\n          variant={value === c ? \"default\" : \"outline\"}\n          size=\"sm\"\n          onClick={() => onChange(c)}\n          disabled={disabled}\n          className=\"gap-1 px-2 text-xs w-full\"\n        >\n          <CurrencyIcon symbol={c} size={13} className=\"shrink-0\" />\n          <span className=\"truncate\">{c}</span>\n        </Button>\n      ))}\n    </div>\n  );\n}\n\ninterface DurationPickerProps {\n  options: ReadonlyArray<{ label: string; seconds: number }>;\n  value: number;\n  onChange: (value: number) => void;\n  disabled?: boolean;\n  cols?: 3 | 4;\n}\n\nexport function DurationPicker({ options, value, onChange, disabled, cols = 3 }: DurationPickerProps) {\n  return (\n    <div className={cols === 4 ? \"grid grid-cols-4 gap-2\" : \"grid grid-cols-3 gap-2\"}>\n      {options.map((opt) => (\n        <Button\n          key={opt.label}\n          type=\"button\"\n          variant={value === opt.seconds ? \"default\" : \"outline\"}\n          size=\"sm\"\n          onClick={() => onChange(opt.seconds)}\n          disabled={disabled}\n          className=\"text-xs\"\n        >\n          {opt.label}\n        </Button>\n      ))}\n    </div>\n  );\n}\n\ninterface MarketplaceConfirmStepProps {\n  summary?: ReactNode;\n  description: string;\n  error?: string | null;\n  secondaryLabel: string;\n  onSecondary: () => void;\n  primaryLabel: string;\n  onPrimary: () => void;\n  primaryDisabled?: boolean;\n  primaryIcon?: ReactNode;\n  primaryVariant?: \"default\" | \"destructive\";\n  footer?: ReactNode;\n}\n\nexport function MarketplaceConfirmStep({\n  summary,\n  description,\n  error,\n  secondaryLabel,\n  onSecondary,\n  primaryLabel,\n  onPrimary,\n  primaryDisabled,\n  primaryIcon,\n  primaryVariant = \"default\",\n  footer,\n}: MarketplaceConfirmStepProps) {\n  const primaryButton = primaryVariant === \"destructive\" ? (\n    <Button\n      variant=\"destructive\"\n      className=\"flex-1 h-11\"\n      disabled={primaryDisabled}\n      onClick={onPrimary}\n    >\n      {primaryLabel}\n    </Button>\n  ) : (\n    <div\n      className={cn(\n        \"btn-border-animated p-[1px] rounded-xl flex-1\",\n        primaryDisabled && \"pointer-events-none\"\n      )}\n    >\n      <button\n        className=\"w-full h-11 rounded-[11px] flex items-center justify-center gap-2 text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.98] bg-transparent\"\n        disabled={primaryDisabled}\n        onClick={onPrimary}\n      >\n        {primaryIcon}\n        {primaryLabel}\n      </button>\n    </div>\n  );\n\n  return (\n    <div className=\"px-6 pb-6 pt-3 space-y-4\">\n      {summary}\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n      {error ? (\n        <Alert variant=\"destructive\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      ) : null}\n      <div className=\"flex gap-2 pt-1\">\n        <Button\n          variant=\"outline\"\n          className=\"gap-1.5\"\n          onClick={onSecondary}\n        >\n          {secondaryLabel}\n        </Button>\n        {primaryButton}\n      </div>\n      {footer}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/marketplace-dialog-primitives.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport Image from \"./image.js\";\nimport { AlertCircle, ExternalLink, Loader2, Wallet } from \"lucide-react\";\nimport { Alert, AlertDescription } from \"./alert.js\";\nimport { Button } from \"./button.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { formatDisplayPrice, isStableCurrency } from \"../utils/format.js\";\n\ninterface MarketplaceTxLinkProps {\n  txHash: string;\n  explorerUrl: string;\n  className?: string;\n}\n\nexport function MarketplaceTxLink({ txHash, explorerUrl, className }: MarketplaceTxLinkProps) {\n  return (\n    <a\n      href={`${explorerUrl}/tx/${txHash}`}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        \"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\",\n        className\n      )}\n    >\n      <span className=\"tabular-nums\">{txHash.slice(0, 10)}…{txHash.slice(-8)}</span>\n      <ExternalLink className=\"h-3 w-3\" />\n    </a>\n  );\n}\n\ninterface MarketplaceProcessingStateProps {\n  title: string;\n  description?: string;\n  imageUrl?: string | null;\n  imageAlt?: string;\n  txHash?: string | null;\n  explorerUrl?: string;\n}\n\nexport function MarketplaceProcessingState({\n  title,\n  description = \"Keep this window open until it finishes.\",\n  imageUrl,\n  imageAlt = \"Token preview\",\n  txHash,\n  explorerUrl,\n}: MarketplaceProcessingStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {imageUrl ? (\n        <div className=\"relative h-20 w-20 rounded-2xl overflow-hidden border border-border\">\n          <Image src={imageUrl} alt={imageAlt} fill sizes=\"80px\" className=\"object-cover\" unoptimized />\n          <div className=\"absolute inset-0 bg-background/50 flex items-center justify-center\">\n            <Loader2 className=\"h-7 w-7 animate-spin text-primary\" />\n          </div>\n        </div>\n      ) : (\n        <Loader2 className=\"h-10 w-10 animate-spin text-primary\" />\n      )}\n      <div className=\"text-center space-y-1\">\n        <p className=\"font-semibold\">{title}</p>\n        {txHash && explorerUrl ? (\n          <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} className=\"mt-1\" />\n        ) : null}\n      </div>\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n    </div>\n  );\n}\n\ninterface MarketplaceSignInGateProps {\n  title: string;\n  description: string;\n  href: string;\n  ctaLabel?: string;\n}\n\nexport function MarketplaceSignInGate({ title, description, href, ctaLabel = \"Set up account\" }: MarketplaceSignInGateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-4 p-6 py-10 text-center\">\n      <Wallet className=\"h-10 w-10 text-muted-foreground\" />\n      <div>\n        <p className=\"font-semibold\">{title}</p>\n        <p className=\"text-sm text-muted-foreground mt-1\">{description}</p>\n      </div>\n      <div className=\"btn-border-animated w-full p-[1px] rounded-lg\">\n        <Button\n          asChild\n          className=\"w-full bg-transparent text-white rounded-[7px] hover:bg-transparent hover:brightness-110 active:scale-[0.98] transition-all\"\n        >\n          <a href={href}>{ctaLabel}</a>\n        </Button>\n      </div>\n    </div>\n  );\n}\n\ninterface MarketplaceErrorStateProps {\n  tokenImage?: string | null;\n  name: string;\n  title: string;\n  description: ReactNode;\n  error?: string | null;\n  txHash?: string | null;\n  explorerUrl: string;\n  onRetry?: () => void;\n  onDone: () => void;\n  doneLabel?: string;\n}\n\nexport function MarketplaceErrorState({\n  tokenImage,\n  name,\n  title,\n  description,\n  error,\n  txHash,\n  explorerUrl,\n  onRetry,\n  onDone,\n  doneLabel = \"Done\",\n}: MarketplaceErrorStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {tokenImage ? (\n        <div className=\"relative\">\n          <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border\">\n            <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n          </div>\n          <div className=\"absolute -bottom-2 -right-2 h-9 w-9 rounded-full bg-destructive flex items-center justify-center border-2 border-background\">\n            <AlertCircle className=\"h-5 w-5 text-white\" />\n          </div>\n        </div>\n      ) : (\n        <div className=\"h-16 w-16 rounded-full bg-destructive/15 flex items-center justify-center\">\n          <AlertCircle className=\"h-9 w-9 text-destructive\" />\n        </div>\n      )}\n      <div className=\"text-center space-y-1 max-w-full\">\n        <p className=\"font-bold text-xl break-words\">{title}</p>\n        <p className=\"text-sm text-muted-foreground break-words\">{description}</p>\n      </div>\n      {error ? (\n        <Alert variant=\"destructive\" className=\"text-left\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      ) : null}\n      {txHash && <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} />}\n      <div className=\"flex w-full gap-2\">\n        {onRetry ? (\n          <Button variant=\"outline\" className=\"flex-1 h-11\" onClick={onRetry}>\n            Try again\n          </Button>\n        ) : null}\n        <Button className=\"flex-1 h-11\" onClick={onDone}>{doneLabel}</Button>\n      </div>\n    </div>\n  );\n}\n\ninterface MarketplaceDialogHeroProps {\n  tokenImage?: string | null;\n  tokenName?: string;\n  tokenId: string;\n  fallbackIcon: ReactNode;\n  badge?: ReactNode;\n}\n\nexport function MarketplaceDialogHero({\n  tokenImage,\n  tokenName,\n  tokenId,\n  fallbackIcon,\n  badge,\n}: MarketplaceDialogHeroProps) {\n  const name = tokenName || `Token #${tokenId}`;\n\n  return (\n    <div className=\"relative flex justify-center pt-6 shrink-0\">\n      <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border bg-muted\">\n        {tokenImage ? (\n          <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n        ) : (\n          <div className=\"h-full w-full bg-gradient-to-br from-brand-blue/20 via-brand-purple/10 to-transparent flex items-center justify-center\">\n            {fallbackIcon}\n          </div>\n        )}\n      </div>\n      {badge}\n    </div>\n  );\n}\n\ninterface OrderSummaryHeroProps {\n  name: string;\n  image?: string | null;\n  subtitle: ReactNode;\n  tone?: \"default\" | \"destructive\";\n  price?: { formatted: string | null; currency: string | null; decimals: number } | null;\n  quantity?: number;\n  usdTotal?: string | null;\n}\n\nexport function OrderSummaryHero({\n  name,\n  image,\n  subtitle,\n  tone = \"default\",\n  price: rawPrice,\n  quantity = 1,\n  usdTotal,\n}: OrderSummaryHeroProps) {\n  const price = rawPrice?.formatted && rawPrice.currency\n    ? { formatted: rawPrice.formatted, currency: rawPrice.currency, decimals: rawPrice.decimals }\n    : null;\n  const unit = price ? parseFloat(price.formatted) : null;\n  const showTotal = unit !== null && quantity > 1;\n  const crypto = price\n    ? formatDisplayPrice(showTotal ? (unit! * quantity).toFixed(price.decimals <= 6 ? 2 : 4) : price.formatted)\n    : \"\";\n  const stable = price ? isStableCurrency(price.currency) : false;\n  const face = \"font-[family-name:var(--font-display)] font-extrabold tracking-tight tabular-nums\";\n\n  return (\n    <div>\n      <div className=\"flex justify-center pt-6 shrink-0\">\n        <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border bg-muted\">\n          {image ? (\n            <Image src={image} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n          ) : (\n            <div\n              className={cn(\n                \"h-full w-full bg-gradient-to-br to-transparent\",\n                tone === \"destructive\"\n                  ? \"from-destructive/20 via-brand-rose/10\"\n                  : \"from-primary/20 via-brand-purple/10\",\n              )}\n            />\n          )}\n        </div>\n      </div>\n\n      <div className=\"flex items-center justify-between gap-4 px-5 pt-4 pb-1\">\n        <div className=\"min-w-0\">\n          <p className=\"font-bold text-lg leading-tight truncate\">{name}</p>\n          <div className=\"mt-1 text-2xs font-medium text-muted-foreground\">{subtitle}</div>\n        </div>\n        {price ? (\n          <div className=\"shrink-0 text-right\">\n            {usdTotal ? (\n              <p className={cn(face, \"text-2xl\")}>{usdTotal}</p>\n            ) : (\n              <p className={cn(\"flex items-center gap-2 justify-end text-2xl\", face)}>\n                <span className=\"grid h-6 w-6 shrink-0 place-items-center rounded-full bg-foreground/[0.06]\">\n                  <CurrencyIcon symbol={price.currency} size={13} />\n                </span>\n                {crypto}\n              </p>\n            )}\n            <p className=\"mt-0.5 inline-flex items-center justify-end gap-1.5 text-sm font-semibold text-muted-foreground\">\n              {usdTotal ? (\n                <span className=\"grid h-4 w-4 shrink-0 place-items-center rounded-full bg-foreground/[0.06]\">\n                  <CurrencyIcon symbol={price.currency} size={10} />\n                </span>\n              ) : null}\n              {usdTotal ? (stable ? price.currency : `${crypto} ${price.currency}`) : price.currency}\n            </p>\n            {showTotal ? (\n              <p className=\"mt-0.5 text-2xs text-muted-foreground/60\">\n                {formatDisplayPrice(price.formatted)} × {quantity} {price.currency}\n              </p>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\ninterface CurrencyPickerProps {\n  currencies: string[];\n  value: string;\n  onChange: (value: string) => void;\n  disabled?: boolean;\n}\n\nexport function CurrencyPicker({ currencies, value, onChange, disabled }: CurrencyPickerProps) {\n  return (\n    <div className=\"grid grid-cols-5 gap-1.5\">\n      {currencies.map((c) => (\n        <Button\n          key={c}\n          type=\"button\"\n          variant={value === c ? \"default\" : \"outline\"}\n          size=\"sm\"\n          onClick={() => onChange(c)}\n          disabled={disabled}\n          className=\"gap-1 px-2 text-xs w-full\"\n        >\n          <CurrencyIcon symbol={c} size={13} className=\"shrink-0\" />\n          <span className=\"truncate\">{c}</span>\n        </Button>\n      ))}\n    </div>\n  );\n}\n\ninterface DurationPickerProps {\n  options: ReadonlyArray<{ label: string; seconds: number }>;\n  value: number;\n  onChange: (value: number) => void;\n  disabled?: boolean;\n  cols?: 3 | 4;\n}\n\nexport function DurationPicker({ options, value, onChange, disabled, cols = 3 }: DurationPickerProps) {\n  return (\n    <div className={cols === 4 ? \"grid grid-cols-4 gap-2\" : \"grid grid-cols-3 gap-2\"}>\n      {options.map((opt) => (\n        <Button\n          key={opt.label}\n          type=\"button\"\n          variant={value === opt.seconds ? \"default\" : \"outline\"}\n          size=\"sm\"\n          onClick={() => onChange(opt.seconds)}\n          disabled={disabled}\n          className=\"text-xs\"\n        >\n          {opt.label}\n        </Button>\n      ))}\n    </div>\n  );\n}\n\ninterface MarketplaceConfirmStepProps {\n  summary?: ReactNode;\n  description: string;\n  error?: string | null;\n  secondaryLabel: string;\n  onSecondary: () => void;\n  primaryLabel: string;\n  onPrimary: () => void;\n  primaryDisabled?: boolean;\n  primaryIcon?: ReactNode;\n  primaryVariant?: \"default\" | \"destructive\";\n  footer?: ReactNode;\n}\n\nexport function MarketplaceConfirmStep({\n  summary,\n  description,\n  error,\n  secondaryLabel,\n  onSecondary,\n  primaryLabel,\n  onPrimary,\n  primaryDisabled,\n  primaryIcon,\n  primaryVariant = \"default\",\n  footer,\n}: MarketplaceConfirmStepProps) {\n  const primaryButton = primaryVariant === \"destructive\" ? (\n    <Button\n      variant=\"destructive\"\n      className=\"flex-1 h-11\"\n      disabled={primaryDisabled}\n      onClick={onPrimary}\n    >\n      {primaryLabel}\n    </Button>\n  ) : (\n    <div\n      className={cn(\n        \"btn-border-animated p-[1px] rounded-xl flex-1\",\n        primaryDisabled && \"pointer-events-none\"\n      )}\n    >\n      <button\n        className=\"w-full h-11 rounded-[11px] flex items-center justify-center gap-2 text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.98] bg-transparent\"\n        disabled={primaryDisabled}\n        onClick={onPrimary}\n      >\n        {primaryIcon}\n        {primaryLabel}\n      </button>\n    </div>\n  );\n\n  return (\n    <div className=\"px-6 pb-6 pt-3 space-y-4\">\n      {summary}\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n      {error ? (\n        <Alert variant=\"destructive\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      ) : null}\n      <div className=\"flex gap-2 pt-1\">\n        <Button\n          variant=\"outline\"\n          className=\"gap-1.5\"\n          onClick={onSecondary}\n        >\n          {secondaryLabel}\n        </Button>\n        {primaryButton}\n      </div>\n      {footer}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/transaction-dialog-states.cjs

@@ -0,0 +1,84 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var transaction_dialog_states_exports = {};
+__export(transaction_dialog_states_exports, {
+  TransactionDialogStates: () => TransactionDialogStates
+});
+module.exports = __toCommonJS(transaction_dialog_states_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_transaction_success = require("./transaction-success.js");
+var import_marketplace_dialog_primitives = require("./marketplace-dialog-primitives.js");
+var import_explorer_url = require("../utils/explorer-url.js");
+var import_use_transaction = require("../utils/use-transaction.js");
+function TransactionDialogStates({
+  phase,
+  statusMessage = "Confirming onchain\u2026",
+  txHash,
+  error,
+  success,
+  successImage = null,
+  successName,
+  errorTitle,
+  errorDescription,
+  errorAssetName,
+  errorAssetImage = null,
+  onRetry,
+  onDone,
+  children
+}) {
+  const busy = (0, import_use_transaction.isBusyPhase)(phase);
+  if (phase === "success" && !error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_transaction_success.DialogTransactionSuccess,
+      {
+        name: successName,
+        image: successImage,
+        ...success,
+        txHash,
+        actions: [{ label: "Done", onClick: onDone }]
+      }
+    );
+  }
+  if (!busy && error && txHash) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_marketplace_dialog_primitives.MarketplaceErrorState,
+      {
+        tokenImage: errorAssetImage,
+        name: errorAssetName ?? "Asset",
+        title: errorTitle,
+        description: errorDescription,
+        error,
+        txHash,
+        explorerUrl: import_explorer_url.EXPLORER_URL,
+        onRetry,
+        onDone
+      }
+    );
+  }
+  if (busy) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_marketplace_dialog_primitives.MarketplaceProcessingState, { title: statusMessage, txHash, explorerUrl: import_explorer_url.EXPLORER_URL });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TransactionDialogStates
+});
+//# sourceMappingURL=transaction-dialog-states.cjs.map

package/dist/components/transaction-dialog-states.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/transaction-dialog-states.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { DialogTransactionSuccess } from \"./transaction-success.js\";\nimport { MarketplaceErrorState, MarketplaceProcessingState } from \"./marketplace-dialog-primitives.js\";\nimport { EXPLORER_URL } from \"../utils/explorer-url.js\";\nimport { isBusyPhase, type TransactionPhase } from \"../utils/use-transaction.js\";\nimport type { SuccessMessage } from \"../utils/success-messages.js\";\n\nexport interface TransactionDialogStatesProps {\n  phase: TransactionPhase;\n  statusMessage?: string;\n  txHash: string | null;\n  error: string | null;\n  success: SuccessMessage;\n  successImage?: string | null;\n  successName: string;\n  errorTitle: string;\n  errorDescription: string;\n  errorAssetName?: string;\n  errorAssetImage?: string | null;\n  onRetry?: () => void;\n  onDone: () => void;\n  children: ReactNode;\n}\n\nexport function TransactionDialogStates({\n  phase,\n  statusMessage = \"Confirming onchain…\",\n  txHash,\n  error,\n  success,\n  successImage = null,\n  successName,\n  errorTitle,\n  errorDescription,\n  errorAssetName,\n  errorAssetImage = null,\n  onRetry,\n  onDone,\n  children,\n}: TransactionDialogStatesProps) {\n  const busy = isBusyPhase(phase);\n\n  if (phase === \"success\" && !error) {\n    return (\n      <DialogTransactionSuccess\n        name={successName}\n        image={successImage}\n        {...success}\n        txHash={txHash}\n        actions={[{ label: \"Done\", onClick: onDone }]}\n      />\n    );\n  }\n\n  if (!busy && error && txHash) {\n    return (\n      <MarketplaceErrorState\n        tokenImage={errorAssetImage}\n        name={errorAssetName ?? \"Asset\"}\n        title={errorTitle}\n        description={errorDescription}\n        error={error}\n        txHash={txHash}\n        explorerUrl={EXPLORER_URL}\n        onRetry={onRetry}\n        onDone={onDone}\n      />\n    );\n  }\n\n  if (busy) {\n    return <MarketplaceProcessingState title={statusMessage} txHash={txHash} explorerUrl={EXPLORER_URL} />;\n  }\n\n  return <>{children}</>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8CM;AA3CN,iCAAyC;AACzC,2CAAkE;AAClE,0BAA6B;AAC7B,6BAAmD;AAoB5C,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,WAAO,oCAAY,KAAK;AAE9B,MAAI,UAAU,aAAa,CAAC,OAAO;AACjC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,OAAO;AAAA,QACN,GAAG;AAAA,QACJ;AAAA,QACA,SAAS,CAAC,EAAE,OAAO,QAAQ,SAAS,OAAO,CAAC;AAAA;AAAA,IAC9C;AAAA,EAEJ;AAEA,MAAI,CAAC,QAAQ,SAAS,QAAQ;AAC5B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QACZ,MAAM,kBAAkB;AAAA,QACxB,OAAO;AAAA,QACP,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA,aAAa;AAAA,QACb;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,MAAI,MAAM;AACR,WAAO,4CAAC,mEAA2B,OAAO,eAAe,QAAgB,aAAa,kCAAc;AAAA,EACtG;AAEA,SAAO,2EAAG,UAAS;AACrB;","names":[]}

package/dist/components/transaction-dialog-states.d.cts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { TransactionPhase } from '../utils/use-transaction.cjs';
+import { SuccessMessage } from '../utils/success-messages.cjs';
+import '@medialane/sdk/starknet';
+import './fast-mint/types.cjs';
+import 'starknet';
+import '@medialane/sdk';
+
+interface TransactionDialogStatesProps {
+    phase: TransactionPhase;
+    statusMessage?: string;
+    txHash: string | null;
+    error: string | null;
+    success: SuccessMessage;
+    successImage?: string | null;
+    successName: string;
+    errorTitle: string;
+    errorDescription: string;
+    errorAssetName?: string;
+    errorAssetImage?: string | null;
+    onRetry?: () => void;
+    onDone: () => void;
+    children: ReactNode;
+}
+declare function TransactionDialogStates({ phase, statusMessage, txHash, error, success, successImage, successName, errorTitle, errorDescription, errorAssetName, errorAssetImage, onRetry, onDone, children, }: TransactionDialogStatesProps): react_jsx_runtime.JSX.Element;
+
+export { TransactionDialogStates, type TransactionDialogStatesProps };

package/dist/components/transaction-dialog-states.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { TransactionPhase } from '../utils/use-transaction.js';
+import { SuccessMessage } from '../utils/success-messages.js';
+import '@medialane/sdk/starknet';
+import './fast-mint/types.js';
+import 'starknet';
+import '@medialane/sdk';
+
+interface TransactionDialogStatesProps {
+    phase: TransactionPhase;
+    statusMessage?: string;
+    txHash: string | null;
+    error: string | null;
+    success: SuccessMessage;
+    successImage?: string | null;
+    successName: string;
+    errorTitle: string;
+    errorDescription: string;
+    errorAssetName?: string;
+    errorAssetImage?: string | null;
+    onRetry?: () => void;
+    onDone: () => void;
+    children: ReactNode;
+}
+declare function TransactionDialogStates({ phase, statusMessage, txHash, error, success, successImage, successName, errorTitle, errorDescription, errorAssetName, errorAssetImage, onRetry, onDone, children, }: TransactionDialogStatesProps): react_jsx_runtime.JSX.Element;
+
+export { TransactionDialogStates, type TransactionDialogStatesProps };

package/dist/components/transaction-dialog-states.js

@@ -0,0 +1,60 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { DialogTransactionSuccess } from "./transaction-success.js";
+import { MarketplaceErrorState, MarketplaceProcessingState } from "./marketplace-dialog-primitives.js";
+import { EXPLORER_URL } from "../utils/explorer-url.js";
+import { isBusyPhase } from "../utils/use-transaction.js";
+function TransactionDialogStates({
+  phase,
+  statusMessage = "Confirming onchain\u2026",
+  txHash,
+  error,
+  success,
+  successImage = null,
+  successName,
+  errorTitle,
+  errorDescription,
+  errorAssetName,
+  errorAssetImage = null,
+  onRetry,
+  onDone,
+  children
+}) {
+  const busy = isBusyPhase(phase);
+  if (phase === "success" && !error) {
+    return /* @__PURE__ */ jsx(
+      DialogTransactionSuccess,
+      {
+        name: successName,
+        image: successImage,
+        ...success,
+        txHash,
+        actions: [{ label: "Done", onClick: onDone }]
+      }
+    );
+  }
+  if (!busy && error && txHash) {
+    return /* @__PURE__ */ jsx(
+      MarketplaceErrorState,
+      {
+        tokenImage: errorAssetImage,
+        name: errorAssetName ?? "Asset",
+        title: errorTitle,
+        description: errorDescription,
+        error,
+        txHash,
+        explorerUrl: EXPLORER_URL,
+        onRetry,
+        onDone
+      }
+    );
+  }
+  if (busy) {
+    return /* @__PURE__ */ jsx(MarketplaceProcessingState, { title: statusMessage, txHash, explorerUrl: EXPLORER_URL });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+export {
+  TransactionDialogStates
+};
+//# sourceMappingURL=transaction-dialog-states.js.map

package/dist/components/transaction-dialog-states.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/transaction-dialog-states.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { DialogTransactionSuccess } from \"./transaction-success.js\";\nimport { MarketplaceErrorState, MarketplaceProcessingState } from \"./marketplace-dialog-primitives.js\";\nimport { EXPLORER_URL } from \"../utils/explorer-url.js\";\nimport { isBusyPhase, type TransactionPhase } from \"../utils/use-transaction.js\";\nimport type { SuccessMessage } from \"../utils/success-messages.js\";\n\nexport interface TransactionDialogStatesProps {\n  phase: TransactionPhase;\n  statusMessage?: string;\n  txHash: string | null;\n  error: string | null;\n  success: SuccessMessage;\n  successImage?: string | null;\n  successName: string;\n  errorTitle: string;\n  errorDescription: string;\n  errorAssetName?: string;\n  errorAssetImage?: string | null;\n  onRetry?: () => void;\n  onDone: () => void;\n  children: ReactNode;\n}\n\nexport function TransactionDialogStates({\n  phase,\n  statusMessage = \"Confirming onchain…\",\n  txHash,\n  error,\n  success,\n  successImage = null,\n  successName,\n  errorTitle,\n  errorDescription,\n  errorAssetName,\n  errorAssetImage = null,\n  onRetry,\n  onDone,\n  children,\n}: TransactionDialogStatesProps) {\n  const busy = isBusyPhase(phase);\n\n  if (phase === \"success\" && !error) {\n    return (\n      <DialogTransactionSuccess\n        name={successName}\n        image={successImage}\n        {...success}\n        txHash={txHash}\n        actions={[{ label: \"Done\", onClick: onDone }]}\n      />\n    );\n  }\n\n  if (!busy && error && txHash) {\n    return (\n      <MarketplaceErrorState\n        tokenImage={errorAssetImage}\n        name={errorAssetName ?? \"Asset\"}\n        title={errorTitle}\n        description={errorDescription}\n        error={error}\n        txHash={txHash}\n        explorerUrl={EXPLORER_URL}\n        onRetry={onRetry}\n        onDone={onDone}\n      />\n    );\n  }\n\n  if (busy) {\n    return <MarketplaceProcessingState title={statusMessage} txHash={txHash} explorerUrl={EXPLORER_URL} />;\n  }\n\n  return <>{children}</>;\n}\n"],"mappings":";AA8CM,SA8BG,UA9BH;AA3CN,SAAS,gCAAgC;AACzC,SAAS,uBAAuB,kCAAkC;AAClE,SAAS,oBAAoB;AAC7B,SAAS,mBAA0C;AAoB5C,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,OAAO,YAAY,KAAK;AAE9B,MAAI,UAAU,aAAa,CAAC,OAAO;AACjC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,OAAO;AAAA,QACN,GAAG;AAAA,QACJ;AAAA,QACA,SAAS,CAAC,EAAE,OAAO,QAAQ,SAAS,OAAO,CAAC;AAAA;AAAA,IAC9C;AAAA,EAEJ;AAEA,MAAI,CAAC,QAAQ,SAAS,QAAQ;AAC5B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QACZ,MAAM,kBAAkB;AAAA,QACxB,OAAO;AAAA,QACP,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA,aAAa;AAAA,QACb;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,MAAI,MAAM;AACR,WAAO,oBAAC,8BAA2B,OAAO,eAAe,QAAgB,aAAa,cAAc;AAAA,EACtG;AAEA,SAAO,gCAAG,UAAS;AACrB;","names":[]}