@medialane/ui 0.294.0 → 0.296.0

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

@@ -1,10 +1,8 @@
 "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)
@@ -18,14 +16,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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, {
@@ -34,137 +24,29 @@ __export(fast_mint_exports, {
 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_lucide_react = require("lucide-react");
 var import_sdk = require("@medialane/sdk");
 var import_describe_error = require("../../utils/describe-error.js");
 var import_upload_limits = require("../../utils/upload-limits.js");
-var import_starknet = require("@medialane/sdk/starknet");
-var import_mintable_collections = require("./mintable-collections.js");
-var import_lucide_react = require("lucide-react");
+var import_ipfs_upload = require("../../utils/ipfs-upload.js");
+var import_cn = require("../../utils/cn.js");
 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_dialog = require("../dialog.js");
-var import_ip_type_fields = require("../ip-type-fields.js");
-var import_ip = require("../../data/ip.js");
-var import_ip_templates = require("../../data/ip-templates.js");
-var import_launchpad_defaults = require("../../utils/launchpad-defaults.js");
-var import_ipfs_upload = require("../../utils/ipfs-upload.js");
-var import_cn = require("../../utils/cn.js");
 var import_dropzone = require("./dropzone.js");
 var import_success_view = require("./success-view.js");
-var import_sdk2 = require("@medialane/sdk");
-var import_use_image_url = require("../../utils/use-image-url.js");
-const MEDIA_ROUTE_MIME_TYPES = new Set(import_upload_limits.UPLOAD_LIMITS.media.mimeTypes);
-const DOCUMENT_MIME_TYPES = new Set(import_upload_limits.UPLOAD_LIMITS.document.mimeTypes.filter((type) => type !== "application/octet-stream"));
-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 (DOCUMENT_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 resolveImage = (0, import_use_image_url.useImageUrl)();
-  const imageUrl = resolveImage(image);
-  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,
-  valueOf
-}) {
-  const [open, setOpen] = (0, import_react.useState)(false);
-  const selected = value ? collections.find((c) => valueOf(c) === value) ?? null : 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 id = valueOf(col);
-      const isSelected = !!id && value === id;
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        "button",
-        {
-          type: "button",
-          disabled: !id,
-          onClick: () => {
-            if (!id) return;
-            onChange(id);
-            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" })
-          ]
-        },
-        id ?? col.contractAddress ?? col.name
-      );
-    }) }) })
-  ] });
-}
+var import_asset_form_parts = require("./asset-form-parts.js");
+var import_collection_section = require("./collection-section.js");
+var import_licensing_section = require("./licensing-section.js");
+var import_ip_type_section = require("./ip-type-section.js");
+var import_form = require("./form.js");
+var import_media_kind = require("./media-kind.js");
+var import_mint_asset = require("./mint-asset.js");
+var import_mintable_collections = require("./mintable-collections.js");
+var import_use_ipfs_upload = require("./use-ipfs-upload.js");
+var import_use_new_collection_draft = require("./use-new-collection-draft.js");
 function FastMint(props) {
   const {
     presentation = "inline",
@@ -185,81 +67,38 @@ function FastMint(props) {
   } = props;
   const [status, setStatus] = (0, import_react.useState)("idle");
   const [errorMsg, setErrorMsg] = (0, import_react.useState)(null);
+  const media = (0, import_use_ipfs_upload.useIpfsUpload)();
+  const feature = (0, import_use_ipfs_upload.useIpfsUpload)();
   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 [newCollectionDescription, setNewCollectionDescription] = (0, import_react.useState)("");
-  const [autoSymbol, setAutoSymbol] = (0, import_react.useState)("");
-  const [autoCollectionName, setAutoCollectionName] = (0, import_react.useState)("");
-  const [autoCollectionDescription, setAutoCollectionDescription] = (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: "Allowed",
-      royalty: 0
-    }
-  });
+  const form = (0, import_react_hook_form.useForm)({ defaultValues: import_form.DEFAULT_VALUES });
   const name = form.watch("name");
+  const description = form.watch("description");
+  const draft = (0, import_use_new_collection_draft.useNewCollectionDraft)(name, description);
   (0, import_react.useEffect)(() => {
     if (walletAddress && !form.getValues("external_url")) {
       form.setValue("external_url", `https://medialane.io/account/${walletAddress}`);
     }
   }, [walletAddress, form]);
-  (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 description = form.watch("description");
-  (0, import_react.useEffect)(() => {
-    if (!newCollectionDescription || newCollectionDescription === autoCollectionDescription) {
-      setNewCollectionDescription(description);
-      setAutoCollectionDescription(description);
-    }
-  }, [description, autoCollectionDescription, newCollectionDescription]);
   const erc721Collections = (0, import_mintable_collections.mintableCollections)("single", collections);
   const erc1155Collections = (0, import_mintable_collections.mintableCollections)("editions", collections);
+  const uploadFile = async (file, kind) => {
+    const token = await getUploadToken();
+    if (!token) throw new Error("Sign in first");
+    return (await (0, import_ipfs_upload.uploadFileToIpfs)(client.api, file, kind)).uri;
+  };
   const handleMediaSelect = async (file) => {
-    const kind = detectMediaKind(file.type);
+    const kind = (0, import_media_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;
@@ -268,83 +107,29 @@ function FastMint(props) {
       setErrorMsg(`Please upload a${mediaKindLock === "image" ? "n" : ""} ${mediaKindLock}.`);
       return;
     }
-    const viaMediaRoute = MEDIA_ROUTE_MIME_TYPES.has(file.type);
-    const fileError = (0, import_upload_limits.uploadError)(file, viaMediaRoute ? "media" : "document");
+    const route = import_media_kind.MEDIA_ROUTE_MIME_TYPES.has(file.type) ? "media" : "document";
+    const fileError = (0, import_upload_limits.uploadError)(file, route);
     if (fileError) {
       setErrorMsg(fileError);
       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)(client.api, file, viaMediaRoute ? "media" : "document");
-      setMediaUri(uri);
-    } catch (err) {
-      const t = (0, import_ipfs_upload.uploadFailureToast)(err);
-      setErrorMsg(t.description ?? t.title);
-    } finally {
-      setMediaUploading(false);
-    }
+    setIpType(import_media_kind.IP_TYPE_BY_KIND[kind]);
+    await media.start(file, (f) => uploadFile(f, route), setErrorMsg);
   };
   const clearMedia = () => {
     setMediaFile(null);
-    setMediaPreview(null);
-    setMediaUri(null);
+    media.clear();
     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)(client.api, file, "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 ready = !!media.uri && !media.uploading && name.trim().length > 0 && (mediaKind === "image" || !!feature.uri) && (collectionMode === "existing" ? assetType === "single" ? !!existingCollectionId : !!existingCollectionContract : draft.name.trim().length > 0 && draft.symbol.trim().length > 0);
   const onSubmit = async (values) => {
     if (!hasWallet) {
       onRequireWallet();
       return;
     }
-    if (!walletAddress || !mediaUri) return;
+    if (!walletAddress || !media.uri) 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;
@@ -352,93 +137,24 @@ function FastMint(props) {
     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,
+      const asset = await (0, import_mint_asset.mintAsset)({
+        client,
+        signer: await getSigner(),
+        walletAddress,
+        values,
         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 }))
+        templateFields: templateFieldsRef.current,
+        mediaKind,
+        mediaUri: media.uri,
+        featureUri: feature.uri,
+        assetType,
+        editionCount,
+        destination: collectionMode === "new" ? { mode: "new", name: draft.name, symbol: draft.symbol, description: draft.description } : { mode: "existing", collectionId: existingCollectionId, collectionContract: existingCollectionContract },
+        singleCollections: erc721Collections,
+        refetchCollections,
+        getUploadToken
       });
-      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)(client.api, metadata);
-      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.intents.create("create-collection", {
-            owner: walletAddress,
-            name: newCollectionName,
-            symbol: newCollectionSymbol,
-            description: newCollectionDescription || void 0,
-            image
-          });
-          await (0, import_starknet.executeIntent)(signer, client, intentRes2);
-          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.intents.create("mint", {
-          owner: walletAddress,
-          collectionId,
-          recipient: walletAddress,
-          tokenUri,
-          royaltyBps: Math.round(values.royalty * 100)
-        });
-        result = await (0, import_starknet.executeIntent)(signer, client, intentRes);
-        finalContractAddress = contractAddress;
-        if (finalContractAddress) {
-          finalTokenId = (0, import_starknet.mintedTokenIdFromReceipt)(result.receipt, finalContractAddress);
-        }
-      } else {
-        let collectionContract = existingCollectionContract;
-        if (collectionMode === "new") {
-          const intentRes2 = await client.api.intents.create("create-collection", {
-            owner: walletAddress,
-            name: newCollectionName,
-            symbol: newCollectionSymbol,
-            description: newCollectionDescription || void 0,
-            image,
-            baseUri: "",
-            service: "mip-erc1155"
-          });
-          const deployResult = await (0, import_starknet.executeIntent)(signer, client, intentRes2);
-          const deployed = (0, import_starknet.deployedCollectionFromReceipt)(deployResult.receipt, "mip-erc1155");
-          if (!deployed) throw new Error("Collection deployed, but its address couldn't be read \u2014 check My Collections to mint into it.");
-          collectionContract = deployed;
-        }
-        const intentRes = await client.api.intents.create("mint", {
-          owner: walletAddress,
-          recipient: walletAddress,
-          collectionContract,
-          tokenUri,
-          value: editionCount,
-          royaltyBps: Math.round(values.royalty * 100)
-        });
-        result = await (0, import_starknet.executeIntent)(signer, client, intentRes);
-        finalContractAddress = collectionContract;
-        finalTokenId = (0, import_starknet.mintedTokenIdFromReceipt)(result.receipt, collectionContract);
-      }
-      if (finalContractAddress && finalTokenId) {
-        const asset = { contract: finalContractAddress, tokenId: finalTokenId, image };
+      if (asset) {
         setMintedAsset(asset);
         onMinted?.(asset);
       }
@@ -454,25 +170,19 @@ function FastMint(props) {
     setMintedAsset(null);
     form.reset();
     clearMedia();
-    setFeaturePreview(null);
-    setFeatureUri(null);
+    feature.clear();
     setAssetType("single");
     setEditionCount("10");
     setCollectionMode("existing");
     setExistingCollectionId("");
     setExistingCollectionContract("");
-    setNewCollectionName("");
-    setNewCollectionSymbol("");
-    setNewCollectionDescription("");
-    setAutoSymbol("");
-    setAutoCollectionName("");
-    setAutoCollectionDescription("");
+    draft.reset();
     templateFieldsRef.current = [];
   };
   const busy = status === "minting";
-  const KindIcon = MEDIA_KIND_ICON[mediaKind];
+  const previewImage = mediaKind === "image" ? media.preview : feature.preview;
   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 collectionLabel = media.uri ? collectionMode === "new" ? draft.name || "New collection" : selectedExistingCollection?.name || "IP Asset" : void 0;
   const wrap = (node) => {
     if (presentation !== "dialog") return node;
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog, { open, onOpenChange: (next) => {
@@ -490,7 +200,7 @@ function FastMint(props) {
         {
           footer: successFooter,
           presentation,
-          previewImage: mediaKind === "image" ? mediaPreview : featurePreview,
+          previewImage,
           name,
           collectionLabel,
           mintedAsset,
@@ -514,53 +224,23 @@ function FastMint(props) {
       )
     );
   }
+  const submitBlocked = !ready || busy || !hasWallet;
   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 space-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold truncate", children: mediaFile.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: mediaUploading ? "Uploading\u2026" : mediaUri ? "Uploaded" : "Upload failed" }),
-            mediaUri && (() => {
-              const template = import_ip_templates.IP_TEMPLATES[ipType];
-              const TemplateIcon = template.icon;
-              return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                "span",
-                {
-                  className: (0, import_cn.cn)(
-                    "inline-flex shrink-0 items-center gap-1 rounded-full border px-2 py-0.5 text-2xs font-medium",
-                    template.color.bg,
-                    template.color.text,
-                    template.color.border
-                  ),
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TemplateIcon, { className: "h-3 w-3" }),
-                    template.label
-                  ]
-                }
-              );
-            })()
-          ] })
-        ] }),
-        /* @__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.jsx)(
+        import_asset_form_parts.MediaRow,
+        {
+          file: mediaFile,
+          kind: mediaKind,
+          preview: media.preview,
+          uri: media.uri,
+          uploading: media.uploading,
+          ipType,
+          inputRef: mediaInputRef,
+          onSelect: handleMediaSelect
+        }
+      ),
+      media.uri && /* @__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: "Title *" }),
@@ -578,7 +258,7 @@ function FastMint(props) {
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               import_textarea.Textarea,
               {
-                value: form.watch("description"),
+                value: description,
                 onChange: (e) => form.setValue("description", e.target.value),
                 placeholder: "Describe your work, its story, and any context for buyers\u2026",
                 rows: 3
@@ -599,277 +279,60 @@ function FastMint(props) {
               }
             )
           ] }),
-          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: "Upload a cover image for your asset *" }),
-            /* @__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: (0, import_upload_limits.acceptFor)("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: "Asset 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: "Single Edition NFT" }),
-                      /* @__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: "Limited Editions NFT" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block text-xs mt-0.5 text-muted-foreground", children: "Several numbered copies" })
-                    ] })
-                  ]
-                }
-              )
-            ] })
-          ] }),
-          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,
-                valueOf: (0, import_mintable_collections.collectionKey)(assetType === "single" ? "single" : "editions")
-              }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-3 rounded-xl border border-border p-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-16 w-16 rounded-lg overflow-hidden bg-muted shrink-0", children: (mediaKind === "image" ? mediaPreview : featurePreview) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_image.default,
-                {
-                  src: mediaKind === "image" ? mediaPreview : featurePreview,
-                  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-5 w-5 text-muted-foreground/40" }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1 space-y-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-[1fr_100px] gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_input.Input,
-                    {
-                      value: newCollectionName,
-                      onChange: (e) => setNewCollectionName(e.target.value),
-                      placeholder: "Collection name",
-                      className: "h-9 text-sm"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_input.Input,
-                    {
-                      value: newCollectionSymbol,
-                      onChange: (e) => setNewCollectionSymbol(e.target.value.toUpperCase()),
-                      placeholder: "SYMBOL",
-                      className: "h-9 text-sm"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_textarea.Textarea,
-                  {
-                    value: newCollectionDescription,
-                    onChange: (e) => setNewCollectionDescription(e.target.value),
-                    placeholder: "Describe this collection\u2026",
-                    rows: 2,
-                    className: "text-sm resize-none"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-2xs text-muted-foreground", children: "Prefilled from your asset \u2014 edit anything above." })
-              ] })
-            ] })
-          ] }),
-          /* @__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)(client.api, file, "document");
-                    return uri;
-                  },
-                  existingDocument: mediaKind === "document" && mediaUri && mediaFile ? { uri: mediaUri, name: mediaFile.name } : null
-                }
-              )
-            ] }) })
-          ] }) }),
+          mediaKind !== "image" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_asset_form_parts.CoverUpload,
+            {
+              preview: feature.preview,
+              uploading: feature.uploading,
+              inputRef: featureInputRef,
+              onSelect: (file) => void feature.start(file, (f) => uploadFile(f, "image"), setErrorMsg)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_asset_form_parts.AssetTypePicker,
+            {
+              value: assetType,
+              onChange: setAssetType,
+              editionCount,
+              onEditionCount: setEditionCount
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_collection_section.CollectionSection,
+            {
+              assetType,
+              mode: collectionMode,
+              onModeChange: setCollectionMode,
+              collections: assetType === "single" ? erc721Collections : erc1155Collections,
+              existingId: existingCollectionId,
+              existingContract: existingCollectionContract,
+              onExistingId: setExistingCollectionId,
+              onExistingContract: setExistingCollectionContract,
+              draft,
+              previewImage
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_licensing_section.LicensingSection, { form }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_ip_type_section.IpTypeSection,
+            {
+              ipType,
+              onIpTypeChange: setIpType,
+              fieldsRef: templateFieldsRef,
+              uploadDocument: (file) => uploadFile(file, "document"),
+              existingDocument: mediaKind === "document" ? { uri: media.uri, name: mediaFile.name } : null
+            }
+          ),
           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,
+              disabled: submitBlocked,
               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"
+                submitBlocked && "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" }),
@@ -882,11 +345,11 @@ function FastMint(props) {
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "order-first lg:order-last lg:sticky lg:top-20 max-w-[260px] mx-auto w-full lg:max-w-none lg:mx-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_medialane_collection_card.MedialaneCollectionCard,
           {
-            image: mediaKind === "image" ? mediaPreview : featurePreview,
+            image: previewImage,
             name,
             collection: collectionLabel,
             creator: walletAddress ? `${walletAddress.slice(0, 6)}\u2026${walletAddress.slice(-4)}` : void 0,
-            creatorHref: walletAddress ? (0, import_sdk2.profileHref)({ address: walletAddress }) : void 0
+            creatorHref: walletAddress ? (0, import_sdk.profileHref)({ address: walletAddress }) : void 0
           }
         ) })
       ] })