@medialane/ui 0.141.1 → 0.142.0

package/dist/components/fast-mint/fast-mint.cjs

@@ -0,0 +1,887 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var fast_mint_exports = {};
+__export(fast_mint_exports, {
+  FastMint: () => FastMint
+});
+module.exports = __toCommonJS(fast_mint_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_image = __toESM(require("next/image"), 1);
+var import_react_hook_form = require("react-hook-form");
+var import_starknet = require("starknet");
+var import_sdk = require("@medialane/sdk");
+var import_starknet2 = require("@medialane/sdk/starknet");
+var import_lucide_react = require("lucide-react");
+var import_input = require("../input.js");
+var import_textarea = require("../textarea.js");
+var import_select = require("../select.js");
+var import_collapsible = require("../collapsible.js");
+var import_popover = require("../popover.js");
+var import_medialane_collection_card = require("../medialane-collection-card.js");
+var import_action_dialog = require("../action-dialog.js");
+var import_ip_type_fields = require("../ip-type-fields.js");
+var import_ip = require("../../data/ip.js");
+var import_launchpad_defaults = require("../../utils/launchpad-defaults.js");
+var import_ipfs_upload = require("../../utils/ipfs-upload.js");
+var import_ipfs = require("../../utils/ipfs.js");
+var import_cn = require("../../utils/cn.js");
+var import_dropzone = require("./dropzone.js");
+var import_success_view = require("./success-view.js");
+const COLLECTION_DEPLOYED_SELECTOR = import_starknet.hash.getSelectorFromName("CollectionDeployed");
+const IP_MINTED_SELECTOR = import_starknet.hash.getSelectorFromName("IPMinted");
+async function readMintedTokenId(provider, txHash, contractAddress) {
+  let receipt = null;
+  for (let attempt = 0; attempt < 3 && !receipt; attempt++) {
+    try {
+      if (attempt > 0) await new Promise((r) => setTimeout(r, 2e3));
+      const raw = await provider.getTransactionReceipt(txHash);
+      receipt = raw;
+    } catch {
+    }
+  }
+  const events = receipt?.events ?? [];
+  const mintEvent = events.find(
+    (e) => e.from_address && BigInt(e.from_address) === BigInt(contractAddress) && e.keys?.[0] && BigInt(e.keys[0]) === BigInt(IP_MINTED_SELECTOR)
+  );
+  if (!mintEvent?.keys?.[1]) return null;
+  const low = BigInt(mintEvent.keys[1] ?? 0);
+  const high = BigInt(mintEvent.keys[2] ?? 0);
+  return (low + (high << 128n)).toString();
+}
+const MEDIA_ROUTE_MIME_TYPES = /* @__PURE__ */ new Set([
+  "image/jpeg",
+  "image/png",
+  "image/gif",
+  "image/webp",
+  "image/svg+xml",
+  "image/avif",
+  "video/mp4",
+  "video/webm",
+  "video/ogg",
+  "audio/mpeg",
+  "audio/ogg",
+  "audio/wav",
+  "audio/webm",
+  "audio/flac",
+  "application/pdf"
+]);
+const DOCUMENT_SIGNED_URL_MIME_TYPES = /* @__PURE__ */ new Set([
+  "application/msword",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  "application/vnd.oasis.opendocument.text",
+  "application/rtf",
+  "text/plain",
+  "text/markdown"
+]);
+const MEDIA_MAX_BYTES = 100 * 1024 * 1024;
+const DOCUMENT_MAX_BYTES = 20 * 1024 * 1024;
+function detectMediaKind(mime) {
+  if (mime.startsWith("image/")) return MEDIA_ROUTE_MIME_TYPES.has(mime) ? "image" : null;
+  if (mime.startsWith("video/")) return MEDIA_ROUTE_MIME_TYPES.has(mime) ? "video" : null;
+  if (mime.startsWith("audio/")) return MEDIA_ROUTE_MIME_TYPES.has(mime) ? "audio" : null;
+  if (mime === "application/pdf" || DOCUMENT_SIGNED_URL_MIME_TYPES.has(mime)) return "document";
+  return null;
+}
+const IP_TYPE_BY_KIND = {
+  image: "NFT",
+  audio: "Audio",
+  video: "Video",
+  document: "Documents"
+};
+const MEDIA_KIND_ICON = {
+  image: import_lucide_react.ImagePlus,
+  audio: import_lucide_react.Music,
+  video: import_lucide_react.Video,
+  document: import_lucide_react.FileText
+};
+function ToggleGroup({
+  value,
+  options,
+  onChange
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex rounded-lg border border-border overflow-hidden w-full", children: options.map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick: () => onChange(opt),
+      className: (0, import_cn.cn)(
+        "flex-1 px-3 py-2 text-sm transition-colors",
+        i > 0 && "border-l border-border",
+        value === opt ? "bg-primary text-primary-foreground font-medium" : "bg-background hover:bg-muted text-muted-foreground"
+      ),
+      children: opt
+    },
+    opt
+  )) });
+}
+function collectionDisplayLabel(col) {
+  return col.name || col.symbol || `Collection #${col.collectionId}`;
+}
+function CollectionThumb({ image }) {
+  const imageUrl = image ? (0, import_ipfs.ipfsToHttp)(image) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-10 w-10 rounded-lg overflow-hidden bg-muted shrink-0", children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: imageUrl, alt: "", fill: true, className: "object-cover", unoptimized: true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Boxes, { className: "h-4 w-4 text-muted-foreground/40" }) }) });
+}
+function CollectionPicker({
+  collections,
+  value,
+  onChange
+}) {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const selected = collections.find((c) => c.collectionId === value) ?? null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_popover.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": open,
+        className: "flex w-full items-center gap-3 rounded-xl border border-border p-3 text-left transition-colors hover:bg-muted/40",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollectionThumb, { image: selected?.image }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold truncate", children: selected ? collectionDisplayLabel(selected) : collections.length ? "Choose a collection" : "No collections yet" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: selected ? `${selected.totalSupply ?? 0} work${selected.totalSupply === 1 ? "" : "s"}` : "Where this work will live" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "max-h-64 overflow-y-auto p-1", children: collections.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "No collections yet \u2014 create one instead." }) : collections.map((col) => {
+      const isSelected = value === col.collectionId;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            onChange(col.collectionId);
+            setOpen(false);
+          },
+          className: "flex w-full items-center gap-2.5 rounded-lg px-2 py-2 text-left transition-colors hover:bg-muted/60",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollectionThumb, { image: col.image }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium truncate", children: collectionDisplayLabel(col) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+                col.totalSupply ?? 0,
+                " work",
+                col.totalSupply === 1 ? "" : "s"
+              ] })
+            ] }),
+            isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { className: "h-4 w-4 text-brand-blue shrink-0" })
+          ]
+        },
+        col.collectionId
+      );
+    }) }) })
+  ] });
+}
+function FastMint(props) {
+  const {
+    presentation = "inline",
+    open = true,
+    onClose,
+    mediaKindLock,
+    onMinted,
+    collections,
+    refetchCollections,
+    hasWallet,
+    walletAddress,
+    onRequireWallet,
+    getUploadToken,
+    getSigner,
+    client,
+    provider
+  } = props;
+  const [status, setStatus] = (0, import_react.useState)("idle");
+  const [errorMsg, setErrorMsg] = (0, import_react.useState)(null);
+  const [mediaFile, setMediaFile] = (0, import_react.useState)(null);
+  const [mediaPreview, setMediaPreview] = (0, import_react.useState)(null);
+  const [mediaUri, setMediaUri] = (0, import_react.useState)(null);
+  const [mediaKind, setMediaKind] = (0, import_react.useState)("image");
+  const [mediaUploading, setMediaUploading] = (0, import_react.useState)(false);
+  const previewUrlRef = (0, import_react.useRef)(null);
+  const mediaInputRef = (0, import_react.useRef)(null);
+  const [featurePreview, setFeaturePreview] = (0, import_react.useState)(null);
+  const [featureUri, setFeatureUri] = (0, import_react.useState)(null);
+  const [featureUploading, setFeatureUploading] = (0, import_react.useState)(false);
+  const featurePreviewRef = (0, import_react.useRef)(null);
+  const featureInputRef = (0, import_react.useRef)(null);
+  const [assetType, setAssetType] = (0, import_react.useState)("single");
+  const [editionCount, setEditionCount] = (0, import_react.useState)("10");
+  const [collectionMode, setCollectionMode] = (0, import_react.useState)("existing");
+  const [existingCollectionId, setExistingCollectionId] = (0, import_react.useState)("");
+  const [existingCollectionContract, setExistingCollectionContract] = (0, import_react.useState)("");
+  const [newCollectionName, setNewCollectionName] = (0, import_react.useState)("");
+  const [newCollectionSymbol, setNewCollectionSymbol] = (0, import_react.useState)("");
+  const [autoSymbol, setAutoSymbol] = (0, import_react.useState)("");
+  const [autoCollectionName, setAutoCollectionName] = (0, import_react.useState)("");
+  const [ipType, setIpType] = (0, import_react.useState)("NFT");
+  const [advancedOpen, setAdvancedOpen] = (0, import_react.useState)(false);
+  const [ipTypeOpen, setIpTypeOpen] = (0, import_react.useState)(false);
+  const templateFieldsRef = (0, import_react.useRef)([]);
+  const [mintedAsset, setMintedAsset] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => () => {
+    if (previewUrlRef.current) URL.revokeObjectURL(previewUrlRef.current);
+    if (featurePreviewRef.current) URL.revokeObjectURL(featurePreviewRef.current);
+  }, []);
+  const form = (0, import_react_hook_form.useForm)({
+    defaultValues: {
+      name: "",
+      description: "",
+      external_url: "",
+      licenseType: "CC BY-SA",
+      commercialUse: "Yes",
+      derivatives: "Share-Alike",
+      attribution: "Required",
+      geographicScope: "Worldwide",
+      aiPolicy: "Not Allowed",
+      royalty: 0
+    }
+  });
+  const name = form.watch("name");
+  (0, import_react.useEffect)(() => {
+    const s = (0, import_launchpad_defaults.suggestLaunchpadSymbol)(name);
+    if (!s) return;
+    if (!newCollectionSymbol || newCollectionSymbol === autoSymbol) {
+      setNewCollectionSymbol(s);
+      setAutoSymbol(s);
+    }
+    if (!newCollectionName || newCollectionName === autoCollectionName) {
+      setNewCollectionName(name);
+      setAutoCollectionName(name);
+    }
+  }, [name, autoSymbol, autoCollectionName, newCollectionSymbol, newCollectionName]);
+  const erc721Collections = collections.filter((c) => (0, import_sdk.getService)(c.service)?.id === "mip-erc721");
+  const erc1155Collections = collections.filter((c) => c.standard === "ERC1155");
+  const handleMediaSelect = async (file) => {
+    const kind = detectMediaKind(file.type);
+    if (!kind) {
+      setErrorMsg("Publish an image, audio, video (JPG/PNG/GIF/SVG/WebP, MP3/WAV/OGG/FLAC, MP4/WebM), or document (PDF, DOC, DOCX, ODT, RTF, TXT, MD).");
+      return;
+    }
+    if (mediaKindLock && kind !== mediaKindLock) {
+      setErrorMsg(`Please upload a${mediaKindLock === "image" ? "n" : ""} ${mediaKindLock}.`);
+      return;
+    }
+    const viaMediaRoute = MEDIA_ROUTE_MIME_TYPES.has(file.type);
+    const maxBytes = viaMediaRoute ? MEDIA_MAX_BYTES : DOCUMENT_MAX_BYTES;
+    if (file.size > maxBytes) {
+      setErrorMsg(`Maximum size is ${maxBytes / (1024 * 1024)} MB.`);
+      return;
+    }
+    setMediaFile(file);
+    setMediaKind(kind);
+    setIpType(IP_TYPE_BY_KIND[kind]);
+    if (previewUrlRef.current) URL.revokeObjectURL(previewUrlRef.current);
+    const objectUrl = URL.createObjectURL(file);
+    previewUrlRef.current = objectUrl;
+    setMediaPreview(objectUrl);
+    setMediaUri(null);
+    setMediaUploading(true);
+    try {
+      const token = await getUploadToken();
+      if (!token) throw new Error("Sign in first");
+      const { uri } = await (0, import_ipfs_upload.uploadFileToIpfs)(file, token, viaMediaRoute ? "media" : "document");
+      setMediaUri(uri);
+    } catch (err) {
+      const t = (0, import_ipfs_upload.uploadFailureToast)(err);
+      setErrorMsg(t.description ?? t.title);
+    } finally {
+      setMediaUploading(false);
+    }
+  };
+  const clearMedia = () => {
+    setMediaFile(null);
+    setMediaPreview(null);
+    setMediaUri(null);
+    if (mediaInputRef.current) mediaInputRef.current.value = "";
+  };
+  const handleFeatureSelect = async (file) => {
+    if (featurePreviewRef.current) URL.revokeObjectURL(featurePreviewRef.current);
+    const objectUrl = URL.createObjectURL(file);
+    featurePreviewRef.current = objectUrl;
+    setFeaturePreview(objectUrl);
+    setFeatureUri(null);
+    setFeatureUploading(true);
+    try {
+      const token = await getUploadToken();
+      if (!token) throw new Error("Sign in first");
+      const { uri } = await (0, import_ipfs_upload.uploadFileToIpfs)(file, token, "image");
+      setFeatureUri(uri);
+    } catch (err) {
+      const t = (0, import_ipfs_upload.uploadFailureToast)(err);
+      setErrorMsg(t.description ?? t.title);
+    } finally {
+      setFeatureUploading(false);
+    }
+  };
+  const handleLicenseChange = (value) => {
+    form.setValue("licenseType", value);
+    const def = import_ip.LICENSE_TYPES.find((l) => l.value === value);
+    if (def) {
+      form.setValue("commercialUse", def.commercialUse);
+      form.setValue("derivatives", def.derivatives);
+      form.setValue("attribution", def.attribution);
+    }
+  };
+  const ready = !!mediaUri && !mediaUploading && name.trim().length > 0 && (mediaKind === "image" || !!featureUri) && (collectionMode === "existing" ? assetType === "single" ? !!existingCollectionId : !!existingCollectionContract : newCollectionName.trim().length > 0 && newCollectionSymbol.trim().length > 0);
+  async function pollForNewCollection(name2, symbol) {
+    for (let attempt = 0; attempt < 8; attempt++) {
+      const list = await refetchCollections();
+      const match = list.find((c) => c.name === name2 && c.symbol === symbol);
+      if (match?.collectionId) return match;
+      await new Promise((r) => setTimeout(r, 1500));
+    }
+    return null;
+  }
+  const onSubmit = async (values) => {
+    if (!hasWallet) {
+      onRequireWallet();
+      return;
+    }
+    if (!walletAddress || !mediaUri) return;
+    if (values.external_url && !values.external_url.startsWith("http://") && !values.external_url.startsWith("https://")) {
+      setErrorMsg("External link must start with http:// or https://");
+      return;
+    }
+    setStatus("minting");
+    setErrorMsg(null);
+    try {
+      const signer = await getSigner();
+      const image = mediaKind === "image" ? mediaUri : featureUri;
+      const animationUrl = mediaKind === "image" ? void 0 : mediaUri;
+      const built = (0, import_sdk.buildAssetMetadata)({
+        name: values.name,
+        description: values.description || "",
+        externalUrl: values.external_url || "",
+        imageUri: image,
+        creator: walletAddress,
+        ipType,
+        licenseType: values.licenseType,
+        commercialUse: values.commercialUse,
+        derivatives: values.derivatives,
+        attribution: values.attribution,
+        geographicScope: values.geographicScope,
+        aiPolicy: values.aiPolicy,
+        royalty: String(values.royalty),
+        templateTraits: templateFieldsRef.current.filter(({ traitType, value }) => traitType.trim() && value.trim()).map(({ traitType, value }) => ({ traitType, value }))
+      });
+      const metadata = { ...built };
+      if (animationUrl) metadata.animation_url = animationUrl;
+      const uploadToken = await getUploadToken();
+      if (!uploadToken) throw new Error("Sign in first");
+      const tokenUri = await (0, import_ipfs_upload.uploadJsonToIpfs)(metadata, uploadToken);
+      let result;
+      let finalContractAddress;
+      let finalTokenId = null;
+      if (assetType === "single") {
+        let collectionId = existingCollectionId;
+        let contractAddress = erc721Collections.find((c) => c.collectionId === existingCollectionId)?.contractAddress ?? null;
+        if (collectionMode === "new") {
+          const intentRes2 = await client.api.createCollectionIntent({
+            owner: walletAddress,
+            name: newCollectionName,
+            symbol: newCollectionSymbol
+          });
+          await (0, import_starknet2.executeIntent)(provider, signer, client, intentRes2.data);
+          const found = await pollForNewCollection(newCollectionName, newCollectionSymbol);
+          if (!found) throw new Error("Collection created, but it's still indexing \u2014 try minting again in a moment from My Collections.");
+          collectionId = found.collectionId;
+          contractAddress = found.contractAddress ?? null;
+        }
+        const intentRes = await client.api.createMintIntent({
+          owner: walletAddress,
+          collectionId,
+          recipient: walletAddress,
+          tokenUri,
+          royaltyBps: Math.round(values.royalty * 100)
+        });
+        if (!intentRes.data.requiresSignature) {
+          const calls = intentRes.data.calls;
+          contractAddress = calls[calls.length - 1]?.contractAddress ?? contractAddress;
+        }
+        result = await (0, import_starknet2.executeIntent)(provider, signer, client, intentRes.data);
+        finalContractAddress = contractAddress;
+        if (finalContractAddress) {
+          finalTokenId = await readMintedTokenId(provider, result.txHash, finalContractAddress);
+        }
+      } else {
+        let collectionContract = existingCollectionContract;
+        if (collectionMode === "new") {
+          const intentRes2 = await client.api.createCollectionIntent({
+            owner: walletAddress,
+            name: newCollectionName,
+            symbol: newCollectionSymbol,
+            baseUri: "",
+            service: "mip-erc1155"
+          });
+          const deployResult = await (0, import_starknet2.executeIntent)(provider, signer, client, intentRes2.data);
+          let receipt = null;
+          for (let attempt = 0; attempt < 3 && !receipt; attempt++) {
+            try {
+              if (attempt > 0) await new Promise((r) => setTimeout(r, 2e3));
+              const raw = await provider.getTransactionReceipt(deployResult.txHash);
+              receipt = raw;
+            } catch {
+            }
+          }
+          const events = receipt?.events ?? [];
+          const deployEvent = events.find(
+            (e) => e.keys?.[0] && BigInt(e.keys[0]) === BigInt(COLLECTION_DEPLOYED_SELECTOR)
+          );
+          if (!deployEvent?.keys?.[1]) throw new Error("Collection deployed, but its address couldn't be read \u2014 check My Collections to mint into it.");
+          collectionContract = (0, import_sdk.normalizeAddress)("STARKNET", deployEvent.keys[1]);
+        }
+        const intentRes = await client.api.createMintIntent({
+          owner: walletAddress,
+          recipient: walletAddress,
+          collectionContract,
+          tokenUri,
+          value: editionCount,
+          royaltyBps: Math.round(values.royalty * 100)
+        });
+        result = await (0, import_starknet2.executeIntent)(provider, signer, client, intentRes.data);
+        finalContractAddress = collectionContract;
+        finalTokenId = await readMintedTokenId(provider, result.txHash, collectionContract);
+      }
+      if (finalContractAddress && finalTokenId) {
+        const asset = { contract: finalContractAddress, tokenId: finalTokenId, image };
+        setMintedAsset(asset);
+        onMinted?.(asset);
+      }
+      setStatus("success");
+    } catch (err) {
+      setErrorMsg(err instanceof Error ? err.message : "Something went wrong. Please try again.");
+      setStatus("error");
+    }
+  };
+  const resetAll = () => {
+    setStatus("idle");
+    setErrorMsg(null);
+    setMintedAsset(null);
+    form.reset();
+    clearMedia();
+    setFeaturePreview(null);
+    setFeatureUri(null);
+    setAssetType("single");
+    setEditionCount("10");
+    setCollectionMode("existing");
+    setExistingCollectionId("");
+    setExistingCollectionContract("");
+    setNewCollectionName("");
+    setNewCollectionSymbol("");
+    setAutoSymbol("");
+    setAutoCollectionName("");
+    templateFieldsRef.current = [];
+  };
+  const busy = status === "minting";
+  const KindIcon = MEDIA_KIND_ICON[mediaKind];
+  const selectedExistingCollection = assetType === "single" ? erc721Collections.find((c) => c.collectionId === existingCollectionId) : erc1155Collections.find((c) => c.contractAddress === existingCollectionContract);
+  const collectionLabel = mediaUri ? collectionMode === "new" ? newCollectionName || "New collection" : selectedExistingCollection?.name || "IP Asset" : void 0;
+  const wrap = (node) => {
+    if (presentation !== "dialog") return node;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_dialog.ActionDialog, { open, onClose: onClose ?? (() => {
+    }), width: 640, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative p-6 sm:p-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: onClose,
+          "aria-label": "Close",
+          className: "absolute top-4 right-4 h-8 w-8 rounded-full hover:bg-muted flex items-center justify-center text-muted-foreground",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "h-4 w-4" })
+        }
+      ),
+      node
+    ] }) });
+  };
+  if (status === "success") {
+    return wrap(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_success_view.SuccessView,
+        {
+          presentation,
+          previewImage: mediaKind === "image" ? mediaPreview : featurePreview,
+          name,
+          collectionLabel,
+          mintedAsset,
+          onPublishAnother: resetAll
+        }
+      )
+    );
+  }
+  if (!mediaFile) {
+    return wrap(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_dropzone.Dropzone,
+        {
+          mediaKindLock,
+          presentation,
+          hasWallet,
+          onRequireWallet,
+          onFileSelected: handleMediaSelect
+        }
+      )
+    );
+  }
+  return wrap(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "space-y-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-4 rounded-xl border border-border p-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative h-14 w-14 rounded-lg bg-muted overflow-hidden shrink-0", children: [
+          mediaKind === "image" && mediaPreview ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: mediaPreview, alt: "", fill: true, className: "object-cover", unoptimized: true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(KindIcon, { className: "h-6 w-6 text-muted-foreground" }) }),
+          mediaUploading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-background/70", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "h-4 w-4 animate-spin" }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold truncate", children: mediaFile.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: mediaUploading ? "Uploading\u2026" : mediaUri ? "Uploaded" : "Upload failed" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: () => mediaInputRef.current?.click(),
+            className: "text-xs font-semibold text-brand-blue hover:underline shrink-0",
+            children: "Change"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ref: mediaInputRef, type: "file", className: "hidden", onChange: (e) => {
+          const f = e.target.files?.[0];
+          if (f) handleMediaSelect(f);
+        } })
+      ] }),
+      mediaUri && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-[1fr_320px] gap-8 items-start", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-sm font-medium", children: "Name *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_input.Input,
+              {
+                value: name,
+                onChange: (e) => form.setValue("name", e.target.value),
+                placeholder: "My Creative Work"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-sm font-medium", children: "Description" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_textarea.Textarea,
+              {
+                value: form.watch("description"),
+                onChange: (e) => form.setValue("description", e.target.value),
+                placeholder: "Describe your work, its story, and any context for buyers\u2026",
+                rows: 3
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "text-sm font-medium", children: [
+              "External link ",
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground font-normal", children: "(optional)" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_input.Input,
+              {
+                value: form.watch("external_url"),
+                onChange: (e) => form.setValue("external_url", e.target.value),
+                placeholder: "https://yourwebsite.com"
+              }
+            )
+          ] }),
+          mediaKind !== "image" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-sm font-medium", children: "Feature image *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                "div",
+                {
+                  role: "button",
+                  tabIndex: 0,
+                  onClick: () => !featureUploading && featureInputRef.current?.click(),
+                  onKeyDown: (e) => {
+                    if ((e.key === "Enter" || e.key === " ") && !featureUploading) {
+                      e.preventDefault();
+                      featureInputRef.current?.click();
+                    }
+                  },
+                  className: "relative h-20 w-20 rounded-xl border-2 border-dashed border-border bg-muted flex items-center justify-center overflow-hidden shrink-0 cursor-pointer hover:border-primary/50 transition-colors",
+                  children: [
+                    featurePreview ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: featurePreview, alt: "", fill: true, className: "object-cover", unoptimized: true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ImagePlus, { className: "h-6 w-6 text-muted-foreground" }),
+                    featureUploading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-background/70", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "h-4 w-4 animate-spin" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ref: featureInputRef, type: "file", accept: "image/*", className: "hidden", onChange: (e) => {
+                      const f = e.target.files?.[0];
+                      if (f) handleFeatureSelect(f);
+                    } })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: "Cover art shown wherever the work is previewed. JPG, PNG, GIF, SVG or WebP." })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-sm font-medium", children: "Type" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-2 gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setAssetType("single"),
+                  className: (0, import_cn.cn)(
+                    "flex items-start gap-3 rounded-xl border p-4 text-left transition-colors",
+                    assetType === "single" ? "border-brand-blue bg-brand-blue/5" : "border-border hover:bg-muted/40"
+                  ),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ImagePlus, { className: (0, import_cn.cn)("h-5 w-5 shrink-0 mt-0.5", assetType === "single" ? "text-brand-blue" : "text-muted-foreground") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block text-sm font-semibold", children: "One copy" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block text-xs mt-0.5 text-muted-foreground", children: "Minted once" })
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setAssetType("editions"),
+                  className: (0, import_cn.cn)(
+                    "flex items-start gap-3 rounded-xl border p-4 text-left transition-colors",
+                    assetType === "editions" ? "border-brand-blue bg-brand-blue/5" : "border-border hover:bg-muted/40"
+                  ),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Layers, { className: (0, import_cn.cn)("h-5 w-5 shrink-0 mt-0.5", assetType === "editions" ? "text-brand-blue" : "text-muted-foreground") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block text-sm font-semibold", children: "Numbered copies" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block text-xs mt-0.5 text-muted-foreground", children: "Several editions" })
+                    ] })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          assetType === "editions" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-sm font-medium", children: "Number of copies" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_input.Input,
+              {
+                type: "number",
+                min: 1,
+                value: editionCount,
+                onChange: (e) => setEditionCount(e.target.value),
+                className: "max-w-[140px]"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "text-sm font-medium flex items-center gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Boxes, { className: "h-4 w-4" }),
+                "Collection *"
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex rounded-lg border border-border overflow-hidden", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setCollectionMode("existing"),
+                    className: (0, import_cn.cn)(
+                      "px-3 h-7 text-xs font-medium transition-colors",
+                      collectionMode === "existing" ? "bg-primary text-primary-foreground" : "bg-background hover:bg-muted text-muted-foreground"
+                    ),
+                    children: "Existing"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setCollectionMode("new"),
+                    className: (0, import_cn.cn)(
+                      "px-3 h-7 text-xs font-medium border-l border-border transition-colors flex items-center gap-1",
+                      collectionMode === "new" ? "bg-primary text-primary-foreground" : "bg-background hover:bg-muted text-muted-foreground"
+                    ),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Plus, { className: "h-3 w-3" }),
+                      "New"
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            collectionMode === "existing" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              CollectionPicker,
+              {
+                collections: assetType === "single" ? erc721Collections : erc1155Collections,
+                value: assetType === "single" ? existingCollectionId : existingCollectionContract,
+                onChange: assetType === "single" ? setExistingCollectionId : setExistingCollectionContract
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_input.Input,
+                {
+                  value: newCollectionName,
+                  onChange: (e) => setNewCollectionName(e.target.value),
+                  placeholder: "Collection name"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_input.Input,
+                {
+                  value: newCollectionSymbol,
+                  onChange: (e) => setNewCollectionSymbol(e.target.value.toUpperCase()),
+                  placeholder: "SYMBOL"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_collapsible.Collapsible, { open: advancedOpen, onOpenChange: setAdvancedOpen, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-xl border border-border overflow-hidden", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_collapsible.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "w-full flex items-center justify-between px-4 py-3.5 hover:bg-muted/30 transition-colors", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ShieldCheck, { className: "h-4 w-4 text-primary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm font-semibold", children: "Licensing Terms" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-muted-foreground font-normal", children: "Optional \xB7 Berne Convention" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { className: (0, import_cn.cn)("h-4 w-4 text-muted-foreground transition-transform", advancedOpen && "rotate-180") })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_collapsible.CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "px-4 pb-4 space-y-4 border-t border-border/60 pt-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: "License" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_select.Select, { value: form.watch("licenseType"), onValueChange: handleLicenseChange, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectValue, {}) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectContent, { children: import_ip.LICENSE_TYPES.map((l) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { value: l.value, children: l.label }, l.value)) })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: "Commercial use" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroup, { value: form.watch("commercialUse"), options: ["Yes", "No"], onChange: (v) => form.setValue("commercialUse", v) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: "Derivatives" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroup, { value: form.watch("derivatives"), options: import_ip.DERIVATIVES_OPTIONS, onChange: (v) => form.setValue("derivatives", v) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: "Territory" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_select.Select, { value: form.watch("geographicScope"), onValueChange: (v) => form.setValue("geographicScope", v), children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectValue, {}) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectContent, { children: import_ip.GEOGRAPHIC_SCOPES.map((s) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { value: s, children: s }, s)) })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: "AI & data mining" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroup, { value: form.watch("aiPolicy"), options: import_ip.AI_POLICIES, onChange: (v) => form.setValue("aiPolicy", v) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: "Royalty % (0\u201350)" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_input.Input,
+                  {
+                    type: "number",
+                    min: 0,
+                    max: 50,
+                    step: 0.5,
+                    value: form.watch("royalty"),
+                    onChange: (e) => form.setValue("royalty", parseFloat(e.target.value) || 0),
+                    className: "max-w-[120px]"
+                  }
+                )
+              ] })
+            ] }) })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_collapsible.Collapsible, { open: ipTypeOpen, onOpenChange: setIpTypeOpen, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-xl border border-border overflow-hidden", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_collapsible.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "w-full flex items-center justify-between px-4 py-3.5 hover:bg-muted/30 transition-colors", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Layers, { className: "h-4 w-4 text-primary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm font-semibold", children: "IP Type & Metadata" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-muted-foreground font-normal", children: "Optional" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { className: (0, import_cn.cn)("h-4 w-4 text-muted-foreground transition-transform", ipTypeOpen && "rotate-180") })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_collapsible.CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "px-4 pb-4 space-y-4 border-t border-border/60 pt-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: "IP Type" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_select.Select, { value: ipType, onValueChange: (v) => setIpType(v), children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectValue, {}) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectContent, { children: import_ip.IP_TYPES.map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { value: t, children: t }, t)) })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_ip_type_fields.IPTypeFields,
+                {
+                  ipType,
+                  onChange: (fields) => {
+                    templateFieldsRef.current = fields;
+                  },
+                  uploadDocument: async (file) => {
+                    const token = await getUploadToken();
+                    if (!token) throw new Error("Sign in first");
+                    const { uri } = await (0, import_ipfs_upload.uploadFileToIpfs)(file, token, "document");
+                    return uri;
+                  }
+                }
+              )
+            ] }) })
+          ] }) }),
+          status === "error" && errorMsg && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-destructive", children: errorMsg }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              disabled: !ready || busy || !hasWallet,
+              onClick: form.handleSubmit(onSubmit),
+              className: (0, import_cn.cn)(
+                "w-full h-12 text-base font-semibold text-white rounded-xl flex items-center justify-center gap-2 transition-all hover:brightness-110 active:scale-[0.98] bg-brand-blue",
+                (!ready || busy || !hasWallet) && "opacity-40 pointer-events-none"
+              ),
+              children: busy ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "h-4 w-4 animate-spin" }),
+                "Minting\u2026"
+              ] }) : assetType === "single" ? "Mint NFT" : "Mint Editions"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-center text-muted-foreground", children: "Zero platform fees to mint." })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "lg:sticky lg:top-20", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_medialane_collection_card.MedialaneCollectionCard,
+          {
+            image: mediaKind === "image" ? mediaPreview : featurePreview,
+            name,
+            collection: collectionLabel,
+            creator: walletAddress ? `${walletAddress.slice(0, 6)}\u2026${walletAddress.slice(-4)}` : void 0,
+            creatorHref: walletAddress ? `/account/${walletAddress}` : void 0
+          }
+        ) })
+      ] })
+    ] })
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FastMint
+});
+//# sourceMappingURL=fast-mint.cjs.map