@medialane/ui 0.295.0 → 0.297.0

package/dist/components/fast-mint/mint-asset.d.ts

@@ -0,0 +1,41 @@
+import { ApiCollection } from '@medialane/sdk';
+import { MedialaneClient } from '@medialane/sdk/starknet';
+import { IPType } from '../../data/ip.js';
+import { MetadataField } from '../ip-type-fields.js';
+import { FormValues } from './form.js';
+import { FastMintSigner, MediaKind, MintedAsset } from './types.js';
+import { MintAssetType } from './mintable-collections.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'starknet';
+
+type MintDestination = {
+    mode: "existing";
+    collectionId: string;
+    collectionContract: string;
+} | {
+    mode: "new";
+    name: string;
+    symbol: string;
+    description: string;
+};
+interface MintAssetInput {
+    client: MedialaneClient;
+    signer: FastMintSigner;
+    walletAddress: string;
+    values: FormValues;
+    ipType: IPType;
+    templateFields: MetadataField[];
+    mediaKind: MediaKind;
+    mediaUri: string;
+    featureUri: string | null;
+    assetType: MintAssetType;
+    editionCount: string;
+    destination: MintDestination;
+    singleCollections: ApiCollection[];
+    refetchCollections: () => Promise<ApiCollection[]>;
+    getUploadToken: () => Promise<string | null>;
+}
+declare function mintAsset(input: MintAssetInput): Promise<MintedAsset | null>;
+
+export { type MintAssetInput, type MintDestination, mintAsset };

package/dist/components/fast-mint/mint-asset.js

@@ -0,0 +1,100 @@
+import { buildAssetMetadata } from "@medialane/sdk";
+import { executeIntent, deployedCollectionFromReceipt, mintedTokenIdFromReceipt } from "@medialane/sdk/starknet";
+import { uploadJsonToIpfs } from "../../utils/ipfs-upload.js";
+async function pollForNewCollection(refetchCollections, name, symbol) {
+  for (let attempt = 0; attempt < 8; attempt++) {
+    const list = await refetchCollections();
+    const match = list.find((c) => c.name === name && c.symbol === symbol);
+    if (match?.collectionId) return match;
+    await new Promise((r) => setTimeout(r, 1500));
+  }
+  return null;
+}
+async function mintAsset(input) {
+  const { client, signer, walletAddress, values, destination } = input;
+  const image = input.mediaKind === "image" ? input.mediaUri : input.featureUri;
+  const built = buildAssetMetadata({
+    name: values.name,
+    description: values.description || "",
+    externalUrl: values.external_url || "",
+    imageUri: image,
+    creator: walletAddress,
+    ipType: input.ipType,
+    licenseType: values.licenseType,
+    commercialUse: values.commercialUse,
+    derivatives: values.derivatives,
+    attribution: values.attribution,
+    geographicScope: values.geographicScope,
+    aiPolicy: values.aiPolicy,
+    royalty: String(values.royalty),
+    templateTraits: input.templateFields.filter(({ traitType, value }) => traitType.trim() && value.trim()).map(({ traitType, value }) => ({ traitType, value }))
+  });
+  const metadata = { ...built };
+  if (input.mediaKind !== "image") metadata.animation_url = input.mediaUri;
+  const uploadToken = await input.getUploadToken();
+  if (!uploadToken) throw new Error("Sign in first");
+  const tokenUri = await uploadJsonToIpfs(client.api, metadata);
+  const royaltyBps = Math.round(values.royalty * 100);
+  let contractAddress;
+  let tokenId;
+  if (input.assetType === "single") {
+    let collectionId = destination.mode === "existing" ? destination.collectionId : "";
+    contractAddress = destination.mode === "existing" ? input.singleCollections.find((c) => c.collectionId === destination.collectionId)?.contractAddress ?? null : null;
+    if (destination.mode === "new") {
+      const created = await client.api.intents.create("create-collection", {
+        owner: walletAddress,
+        name: destination.name,
+        symbol: destination.symbol,
+        description: destination.description || void 0,
+        image
+      });
+      await executeIntent(signer, client, created);
+      const found = await pollForNewCollection(input.refetchCollections, destination.name, destination.symbol);
+      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 minted = await client.api.intents.create("mint", {
+      owner: walletAddress,
+      collectionId,
+      recipient: walletAddress,
+      tokenUri,
+      royaltyBps
+    });
+    const result = await executeIntent(signer, client, minted);
+    tokenId = contractAddress ? mintedTokenIdFromReceipt(result.receipt, contractAddress) : null;
+  } else {
+    let collectionContract = destination.mode === "existing" ? destination.collectionContract : "";
+    if (destination.mode === "new") {
+      const created = await client.api.intents.create("create-collection", {
+        owner: walletAddress,
+        name: destination.name,
+        symbol: destination.symbol,
+        description: destination.description || void 0,
+        image,
+        baseUri: "",
+        service: "mip-erc1155"
+      });
+      const deployResult = await executeIntent(signer, client, created);
+      const deployed = 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 minted = await client.api.intents.create("mint", {
+      owner: walletAddress,
+      recipient: walletAddress,
+      collectionContract,
+      tokenUri,
+      value: input.editionCount,
+      royaltyBps
+    });
+    const result = await executeIntent(signer, client, minted);
+    contractAddress = collectionContract;
+    tokenId = mintedTokenIdFromReceipt(result.receipt, collectionContract);
+  }
+  return contractAddress && tokenId ? { contract: contractAddress, tokenId, image } : null;
+}
+export {
+  mintAsset
+};
+//# sourceMappingURL=mint-asset.js.map

package/dist/components/fast-mint/mint-asset.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/fast-mint/mint-asset.ts"],"sourcesContent":["import { buildAssetMetadata, type ApiCollection } from \"@medialane/sdk\";\nimport { executeIntent, deployedCollectionFromReceipt, mintedTokenIdFromReceipt, type MedialaneClient } from \"@medialane/sdk/starknet\";\nimport type { IPType } from \"../../data/ip.js\";\nimport type { MetadataField } from \"../ip-type-fields.js\";\nimport { uploadJsonToIpfs } from \"../../utils/ipfs-upload.js\";\nimport type { FormValues } from \"./form.js\";\nimport type { FastMintSigner, MediaKind, MintedAsset } from \"./types.js\";\nimport type { MintAssetType } from \"./mintable-collections.js\";\n\nexport type MintDestination =\n  | { mode: \"existing\"; collectionId: string; collectionContract: string }\n  | { mode: \"new\"; name: string; symbol: string; description: string };\n\nexport interface MintAssetInput {\n  client: MedialaneClient;\n  signer: FastMintSigner;\n  walletAddress: string;\n  values: FormValues;\n  ipType: IPType;\n  templateFields: MetadataField[];\n  mediaKind: MediaKind;\n  mediaUri: string;\n  featureUri: string | null;\n  assetType: MintAssetType;\n  editionCount: string;\n  destination: MintDestination;\n  singleCollections: ApiCollection[];\n  refetchCollections: () => Promise<ApiCollection[]>;\n  getUploadToken: () => Promise<string | null>;\n}\n\nasync function pollForNewCollection(\n  refetchCollections: () => Promise<ApiCollection[]>,\n  name: string,\n  symbol: string,\n): Promise<ApiCollection | null> {\n  for (let attempt = 0; attempt < 8; attempt++) {\n    const list = await refetchCollections();\n    const match = list.find((c) => c.name === name && c.symbol === symbol);\n    if (match?.collectionId) return match;\n    await new Promise((r) => setTimeout(r, 1500));\n  }\n  return null;\n}\n\nexport async function mintAsset(input: MintAssetInput): Promise<MintedAsset | null> {\n  const { client, signer, walletAddress, values, destination } = input;\n\n  const image = input.mediaKind === \"image\" ? input.mediaUri : input.featureUri!;\n  const built = buildAssetMetadata({\n    name: values.name,\n    description: values.description || \"\",\n    externalUrl: values.external_url || \"\",\n    imageUri: image,\n    creator: walletAddress,\n    ipType: input.ipType,\n    licenseType: values.licenseType,\n    commercialUse: values.commercialUse,\n    derivatives: values.derivatives,\n    attribution: values.attribution,\n    geographicScope: values.geographicScope,\n    aiPolicy: values.aiPolicy,\n    royalty: String(values.royalty),\n    templateTraits: input.templateFields\n      .filter(({ traitType, value }) => traitType.trim() && value.trim())\n      .map(({ traitType, value }) => ({ traitType, value })),\n  });\n  const metadata: Record<string, unknown> = { ...built };\n  if (input.mediaKind !== \"image\") metadata.animation_url = input.mediaUri;\n\n  const uploadToken = await input.getUploadToken();\n  if (!uploadToken) throw new Error(\"Sign in first\");\n  const tokenUri = await uploadJsonToIpfs(client.api, metadata);\n\n  const royaltyBps = Math.round(values.royalty * 100);\n  let contractAddress: string | null;\n  let tokenId: string | null;\n\n  if (input.assetType === \"single\") {\n    let collectionId = destination.mode === \"existing\" ? destination.collectionId : \"\";\n    contractAddress = destination.mode === \"existing\"\n      ? input.singleCollections.find((c) => c.collectionId === destination.collectionId)?.contractAddress ?? null\n      : null;\n\n    if (destination.mode === \"new\") {\n      const created = await client.api.intents.create(\"create-collection\", {\n        owner: walletAddress,\n        name: destination.name,\n        symbol: destination.symbol,\n        description: destination.description || undefined,\n        image,\n      });\n      await executeIntent(signer, client, created);\n\n      const found = await pollForNewCollection(input.refetchCollections, destination.name, destination.symbol);\n      if (!found) throw new Error(\"Collection created, but it's still indexing — try minting again in a moment from My Collections.\");\n      collectionId = found.collectionId!;\n      contractAddress = found.contractAddress ?? null;\n    }\n\n    const minted = await client.api.intents.create(\"mint\", {\n      owner: walletAddress,\n      collectionId,\n      recipient: walletAddress,\n      tokenUri,\n      royaltyBps,\n    });\n    const result = await executeIntent(signer, client, minted);\n    tokenId = contractAddress ? mintedTokenIdFromReceipt(result.receipt, contractAddress) : null;\n  } else {\n    let collectionContract = destination.mode === \"existing\" ? destination.collectionContract : \"\";\n\n    if (destination.mode === \"new\") {\n      const created = await client.api.intents.create(\"create-collection\", {\n        owner: walletAddress,\n        name: destination.name,\n        symbol: destination.symbol,\n        description: destination.description || undefined,\n        image,\n        baseUri: \"\",\n        service: \"mip-erc1155\",\n      });\n      const deployResult = await executeIntent(signer, client, created);\n\n      const deployed = deployedCollectionFromReceipt(deployResult.receipt, \"mip-erc1155\");\n      if (!deployed) throw new Error(\"Collection deployed, but its address couldn't be read — check My Collections to mint into it.\");\n      collectionContract = deployed;\n    }\n\n    const minted = await client.api.intents.create(\"mint\", {\n      owner: walletAddress,\n      recipient: walletAddress,\n      collectionContract,\n      tokenUri,\n      value: input.editionCount,\n      royaltyBps,\n    });\n    const result = await executeIntent(signer, client, minted);\n    contractAddress = collectionContract;\n    tokenId = mintedTokenIdFromReceipt(result.receipt, collectionContract);\n  }\n\n  return contractAddress && tokenId ? { contract: contractAddress, tokenId, image } : null;\n}\n"],"mappings":"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","names":[]}

package/dist/components/fast-mint/use-ipfs-upload.cjs

@@ -0,0 +1,64 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_ipfs_upload_exports = {};
+__export(use_ipfs_upload_exports, {
+  useIpfsUpload: () => useIpfsUpload
+});
+module.exports = __toCommonJS(use_ipfs_upload_exports);
+var import_react = require("react");
+var import_ipfs_upload = require("../../utils/ipfs-upload.js");
+function useIpfsUpload() {
+  const [preview, setPreview] = (0, import_react.useState)(null);
+  const [uri, setUri] = (0, import_react.useState)(null);
+  const [uploading, setUploading] = (0, import_react.useState)(false);
+  const previewRef = (0, import_react.useRef)(null);
+  const revoke = () => {
+    if (previewRef.current) URL.revokeObjectURL(previewRef.current);
+    previewRef.current = null;
+  };
+  (0, import_react.useEffect)(() => revoke, []);
+  const start = async (file, upload, onError) => {
+    revoke();
+    const objectUrl = URL.createObjectURL(file);
+    previewRef.current = objectUrl;
+    setPreview(objectUrl);
+    setUri(null);
+    setUploading(true);
+    try {
+      setUri(await upload(file));
+    } catch (err) {
+      const toast = (0, import_ipfs_upload.uploadFailureToast)(err);
+      onError(toast.description ?? toast.title);
+    } finally {
+      setUploading(false);
+    }
+  };
+  const clear = () => {
+    revoke();
+    setPreview(null);
+    setUri(null);
+  };
+  return { preview, uri, uploading, start, clear };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useIpfsUpload
+});
+//# sourceMappingURL=use-ipfs-upload.cjs.map

package/dist/components/fast-mint/use-ipfs-upload.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/fast-mint/use-ipfs-upload.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { uploadFailureToast } from \"../../utils/ipfs-upload.js\";\n\nexport function useIpfsUpload() {\n  const [preview, setPreview] = useState<string | null>(null);\n  const [uri, setUri] = useState<string | null>(null);\n  const [uploading, setUploading] = useState(false);\n  const previewRef = useRef<string | null>(null);\n\n  const revoke = () => {\n    if (previewRef.current) URL.revokeObjectURL(previewRef.current);\n    previewRef.current = null;\n  };\n\n  useEffect(() => revoke, []);\n\n  const start = async (file: File, upload: (file: File) => Promise<string>, onError: (message: string) => void) => {\n    revoke();\n    const objectUrl = URL.createObjectURL(file);\n    previewRef.current = objectUrl;\n    setPreview(objectUrl);\n    setUri(null);\n    setUploading(true);\n    try {\n      setUri(await upload(file));\n    } catch (err) {\n      const toast = uploadFailureToast(err);\n      onError(toast.description ?? toast.title);\n    } finally {\n      setUploading(false);\n    }\n  };\n\n  const clear = () => {\n    revoke();\n    setPreview(null);\n    setUri(null);\n  };\n\n  return { preview, uri, uploading, start, clear };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA4C;AAC5C,yBAAmC;AAE5B,SAAS,gBAAgB;AAC9B,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAwB,IAAI;AAC1D,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAwB,IAAI;AAClD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAChD,QAAM,iBAAa,qBAAsB,IAAI;AAE7C,QAAM,SAAS,MAAM;AACnB,QAAI,WAAW,QAAS,KAAI,gBAAgB,WAAW,OAAO;AAC9D,eAAW,UAAU;AAAA,EACvB;AAEA,8BAAU,MAAM,QAAQ,CAAC,CAAC;AAE1B,QAAM,QAAQ,OAAO,MAAY,QAAyC,YAAuC;AAC/G,WAAO;AACP,UAAM,YAAY,IAAI,gBAAgB,IAAI;AAC1C,eAAW,UAAU;AACrB,eAAW,SAAS;AACpB,WAAO,IAAI;AACX,iBAAa,IAAI;AACjB,QAAI;AACF,aAAO,MAAM,OAAO,IAAI,CAAC;AAAA,IAC3B,SAAS,KAAK;AACZ,YAAM,YAAQ,uCAAmB,GAAG;AACpC,cAAQ,MAAM,eAAe,MAAM,KAAK;AAAA,IAC1C,UAAE;AACA,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF;AAEA,QAAM,QAAQ,MAAM;AAClB,WAAO;AACP,eAAW,IAAI;AACf,WAAO,IAAI;AAAA,EACb;AAEA,SAAO,EAAE,SAAS,KAAK,WAAW,OAAO,MAAM;AACjD;","names":[]}

package/dist/components/fast-mint/use-ipfs-upload.d.cts

@@ -0,0 +1,9 @@
+declare function useIpfsUpload(): {
+    preview: string | null;
+    uri: string | null;
+    uploading: boolean;
+    start: (file: File, upload: (file: File) => Promise<string>, onError: (message: string) => void) => Promise<void>;
+    clear: () => void;
+};
+
+export { useIpfsUpload };

package/dist/components/fast-mint/use-ipfs-upload.d.ts

@@ -0,0 +1,9 @@
+declare function useIpfsUpload(): {
+    preview: string | null;
+    uri: string | null;
+    uploading: boolean;
+    start: (file: File, upload: (file: File) => Promise<string>, onError: (message: string) => void) => Promise<void>;
+    clear: () => void;
+};
+
+export { useIpfsUpload };

package/dist/components/fast-mint/use-ipfs-upload.js

@@ -0,0 +1,40 @@
+"use client";
+import { useEffect, useRef, useState } from "react";
+import { uploadFailureToast } from "../../utils/ipfs-upload.js";
+function useIpfsUpload() {
+  const [preview, setPreview] = useState(null);
+  const [uri, setUri] = useState(null);
+  const [uploading, setUploading] = useState(false);
+  const previewRef = useRef(null);
+  const revoke = () => {
+    if (previewRef.current) URL.revokeObjectURL(previewRef.current);
+    previewRef.current = null;
+  };
+  useEffect(() => revoke, []);
+  const start = async (file, upload, onError) => {
+    revoke();
+    const objectUrl = URL.createObjectURL(file);
+    previewRef.current = objectUrl;
+    setPreview(objectUrl);
+    setUri(null);
+    setUploading(true);
+    try {
+      setUri(await upload(file));
+    } catch (err) {
+      const toast = uploadFailureToast(err);
+      onError(toast.description ?? toast.title);
+    } finally {
+      setUploading(false);
+    }
+  };
+  const clear = () => {
+    revoke();
+    setPreview(null);
+    setUri(null);
+  };
+  return { preview, uri, uploading, start, clear };
+}
+export {
+  useIpfsUpload
+};
+//# sourceMappingURL=use-ipfs-upload.js.map

package/dist/components/fast-mint/use-ipfs-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/fast-mint/use-ipfs-upload.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { uploadFailureToast } from \"../../utils/ipfs-upload.js\";\n\nexport function useIpfsUpload() {\n  const [preview, setPreview] = useState<string | null>(null);\n  const [uri, setUri] = useState<string | null>(null);\n  const [uploading, setUploading] = useState(false);\n  const previewRef = useRef<string | null>(null);\n\n  const revoke = () => {\n    if (previewRef.current) URL.revokeObjectURL(previewRef.current);\n    previewRef.current = null;\n  };\n\n  useEffect(() => revoke, []);\n\n  const start = async (file: File, upload: (file: File) => Promise<string>, onError: (message: string) => void) => {\n    revoke();\n    const objectUrl = URL.createObjectURL(file);\n    previewRef.current = objectUrl;\n    setPreview(objectUrl);\n    setUri(null);\n    setUploading(true);\n    try {\n      setUri(await upload(file));\n    } catch (err) {\n      const toast = uploadFailureToast(err);\n      onError(toast.description ?? toast.title);\n    } finally {\n      setUploading(false);\n    }\n  };\n\n  const clear = () => {\n    revoke();\n    setPreview(null);\n    setUri(null);\n  };\n\n  return { preview, uri, uploading, start, clear };\n}\n"],"mappings":";AAEA,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,0BAA0B;AAE5B,SAAS,gBAAgB;AAC9B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAwB,IAAI;AAC1D,QAAM,CAAC,KAAK,MAAM,IAAI,SAAwB,IAAI;AAClD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,aAAa,OAAsB,IAAI;AAE7C,QAAM,SAAS,MAAM;AACnB,QAAI,WAAW,QAAS,KAAI,gBAAgB,WAAW,OAAO;AAC9D,eAAW,UAAU;AAAA,EACvB;AAEA,YAAU,MAAM,QAAQ,CAAC,CAAC;AAE1B,QAAM,QAAQ,OAAO,MAAY,QAAyC,YAAuC;AAC/G,WAAO;AACP,UAAM,YAAY,IAAI,gBAAgB,IAAI;AAC1C,eAAW,UAAU;AACrB,eAAW,SAAS;AACpB,WAAO,IAAI;AACX,iBAAa,IAAI;AACjB,QAAI;AACF,aAAO,MAAM,OAAO,IAAI,CAAC;AAAA,IAC3B,SAAS,KAAK;AACZ,YAAM,QAAQ,mBAAmB,GAAG;AACpC,cAAQ,MAAM,eAAe,MAAM,KAAK;AAAA,IAC1C,UAAE;AACA,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF;AAEA,QAAM,QAAQ,MAAM;AAClB,WAAO;AACP,eAAW,IAAI;AACf,WAAO,IAAI;AAAA,EACb;AAEA,SAAO,EAAE,SAAS,KAAK,WAAW,OAAO,MAAM;AACjD;","names":[]}

package/dist/components/fast-mint/use-new-collection-draft.cjs

@@ -0,0 +1,66 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_new_collection_draft_exports = {};
+__export(use_new_collection_draft_exports, {
+  useNewCollectionDraft: () => useNewCollectionDraft
+});
+module.exports = __toCommonJS(use_new_collection_draft_exports);
+var import_react = require("react");
+var import_launchpad_defaults = require("../../utils/launchpad-defaults.js");
+function useNewCollectionDraft(assetName, assetDescription) {
+  const [name, setName] = (0, import_react.useState)("");
+  const [symbol, setSymbol] = (0, import_react.useState)("");
+  const [description, setDescription] = (0, import_react.useState)("");
+  const [autoSymbol, setAutoSymbol] = (0, import_react.useState)("");
+  const [autoName, setAutoName] = (0, import_react.useState)("");
+  const [autoDescription, setAutoDescription] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(() => {
+    const suggested = (0, import_launchpad_defaults.suggestLaunchpadSymbol)(assetName);
+    if (!suggested) return;
+    if (!symbol || symbol === autoSymbol) {
+      setSymbol(suggested);
+      setAutoSymbol(suggested);
+    }
+    if (!name || name === autoName) {
+      setName(assetName);
+      setAutoName(assetName);
+    }
+  }, [assetName, autoSymbol, autoName, symbol, name]);
+  (0, import_react.useEffect)(() => {
+    if (!description || description === autoDescription) {
+      setDescription(assetDescription);
+      setAutoDescription(assetDescription);
+    }
+  }, [assetDescription, autoDescription, description]);
+  const reset = () => {
+    setName("");
+    setSymbol("");
+    setDescription("");
+    setAutoSymbol("");
+    setAutoName("");
+    setAutoDescription("");
+  };
+  return { name, symbol, description, setName, setSymbol, setDescription, reset };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useNewCollectionDraft
+});
+//# sourceMappingURL=use-new-collection-draft.cjs.map

package/dist/components/fast-mint/use-new-collection-draft.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/fast-mint/use-new-collection-draft.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { suggestLaunchpadSymbol } from \"../../utils/launchpad-defaults.js\";\n\nexport function useNewCollectionDraft(assetName: string, assetDescription: string) {\n  const [name, setName] = useState(\"\");\n  const [symbol, setSymbol] = useState(\"\");\n  const [description, setDescription] = useState(\"\");\n  const [autoSymbol, setAutoSymbol] = useState(\"\");\n  const [autoName, setAutoName] = useState(\"\");\n  const [autoDescription, setAutoDescription] = useState(\"\");\n\n  useEffect(() => {\n    const suggested = suggestLaunchpadSymbol(assetName);\n    if (!suggested) return;\n    if (!symbol || symbol === autoSymbol) {\n      setSymbol(suggested);\n      setAutoSymbol(suggested);\n    }\n    if (!name || name === autoName) {\n      setName(assetName);\n      setAutoName(assetName);\n    }\n  }, [assetName, autoSymbol, autoName, symbol, name]);\n\n  useEffect(() => {\n    if (!description || description === autoDescription) {\n      setDescription(assetDescription);\n      setAutoDescription(assetDescription);\n    }\n  }, [assetDescription, autoDescription, description]);\n\n  const reset = () => {\n    setName(\"\");\n    setSymbol(\"\");\n    setDescription(\"\");\n    setAutoSymbol(\"\");\n    setAutoName(\"\");\n    setAutoDescription(\"\");\n  };\n\n  return { name, symbol, description, setName, setSymbol, setDescription, reset };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAoC;AACpC,gCAAuC;AAEhC,SAAS,sBAAsB,WAAmB,kBAA0B;AACjF,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,EAAE;AACnC,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,EAAE;AACvC,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,EAAE;AACjD,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,EAAE;AAC/C,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,EAAE;AAC3C,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAAS,EAAE;AAEzD,8BAAU,MAAM;AACd,UAAM,gBAAY,kDAAuB,SAAS;AAClD,QAAI,CAAC,UAAW;AAChB,QAAI,CAAC,UAAU,WAAW,YAAY;AACpC,gBAAU,SAAS;AACnB,oBAAc,SAAS;AAAA,IACzB;AACA,QAAI,CAAC,QAAQ,SAAS,UAAU;AAC9B,cAAQ,SAAS;AACjB,kBAAY,SAAS;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,WAAW,YAAY,UAAU,QAAQ,IAAI,CAAC;AAElD,8BAAU,MAAM;AACd,QAAI,CAAC,eAAe,gBAAgB,iBAAiB;AACnD,qBAAe,gBAAgB;AAC/B,yBAAmB,gBAAgB;AAAA,IACrC;AAAA,EACF,GAAG,CAAC,kBAAkB,iBAAiB,WAAW,CAAC;AAEnD,QAAM,QAAQ,MAAM;AAClB,YAAQ,EAAE;AACV,cAAU,EAAE;AACZ,mBAAe,EAAE;AACjB,kBAAc,EAAE;AAChB,gBAAY,EAAE;AACd,uBAAmB,EAAE;AAAA,EACvB;AAEA,SAAO,EAAE,MAAM,QAAQ,aAAa,SAAS,WAAW,gBAAgB,MAAM;AAChF;","names":[]}

package/dist/components/fast-mint/use-new-collection-draft.d.cts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+declare function useNewCollectionDraft(assetName: string, assetDescription: string): {
+    name: string;
+    symbol: string;
+    description: string;
+    setName: React.Dispatch<React.SetStateAction<string>>;
+    setSymbol: React.Dispatch<React.SetStateAction<string>>;
+    setDescription: React.Dispatch<React.SetStateAction<string>>;
+    reset: () => void;
+};
+
+export { useNewCollectionDraft };

package/dist/components/fast-mint/use-new-collection-draft.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+declare function useNewCollectionDraft(assetName: string, assetDescription: string): {
+    name: string;
+    symbol: string;
+    description: string;
+    setName: React.Dispatch<React.SetStateAction<string>>;
+    setSymbol: React.Dispatch<React.SetStateAction<string>>;
+    setDescription: React.Dispatch<React.SetStateAction<string>>;
+    reset: () => void;
+};
+
+export { useNewCollectionDraft };

package/dist/components/fast-mint/use-new-collection-draft.js

@@ -0,0 +1,42 @@
+"use client";
+import { useEffect, useState } from "react";
+import { suggestLaunchpadSymbol } from "../../utils/launchpad-defaults.js";
+function useNewCollectionDraft(assetName, assetDescription) {
+  const [name, setName] = useState("");
+  const [symbol, setSymbol] = useState("");
+  const [description, setDescription] = useState("");
+  const [autoSymbol, setAutoSymbol] = useState("");
+  const [autoName, setAutoName] = useState("");
+  const [autoDescription, setAutoDescription] = useState("");
+  useEffect(() => {
+    const suggested = suggestLaunchpadSymbol(assetName);
+    if (!suggested) return;
+    if (!symbol || symbol === autoSymbol) {
+      setSymbol(suggested);
+      setAutoSymbol(suggested);
+    }
+    if (!name || name === autoName) {
+      setName(assetName);
+      setAutoName(assetName);
+    }
+  }, [assetName, autoSymbol, autoName, symbol, name]);
+  useEffect(() => {
+    if (!description || description === autoDescription) {
+      setDescription(assetDescription);
+      setAutoDescription(assetDescription);
+    }
+  }, [assetDescription, autoDescription, description]);
+  const reset = () => {
+    setName("");
+    setSymbol("");
+    setDescription("");
+    setAutoSymbol("");
+    setAutoName("");
+    setAutoDescription("");
+  };
+  return { name, symbol, description, setName, setSymbol, setDescription, reset };
+}
+export {
+  useNewCollectionDraft
+};
+//# sourceMappingURL=use-new-collection-draft.js.map

package/dist/components/fast-mint/use-new-collection-draft.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/fast-mint/use-new-collection-draft.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { suggestLaunchpadSymbol } from \"../../utils/launchpad-defaults.js\";\n\nexport function useNewCollectionDraft(assetName: string, assetDescription: string) {\n  const [name, setName] = useState(\"\");\n  const [symbol, setSymbol] = useState(\"\");\n  const [description, setDescription] = useState(\"\");\n  const [autoSymbol, setAutoSymbol] = useState(\"\");\n  const [autoName, setAutoName] = useState(\"\");\n  const [autoDescription, setAutoDescription] = useState(\"\");\n\n  useEffect(() => {\n    const suggested = suggestLaunchpadSymbol(assetName);\n    if (!suggested) return;\n    if (!symbol || symbol === autoSymbol) {\n      setSymbol(suggested);\n      setAutoSymbol(suggested);\n    }\n    if (!name || name === autoName) {\n      setName(assetName);\n      setAutoName(assetName);\n    }\n  }, [assetName, autoSymbol, autoName, symbol, name]);\n\n  useEffect(() => {\n    if (!description || description === autoDescription) {\n      setDescription(assetDescription);\n      setAutoDescription(assetDescription);\n    }\n  }, [assetDescription, autoDescription, description]);\n\n  const reset = () => {\n    setName(\"\");\n    setSymbol(\"\");\n    setDescription(\"\");\n    setAutoSymbol(\"\");\n    setAutoName(\"\");\n    setAutoDescription(\"\");\n  };\n\n  return { name, symbol, description, setName, setSymbol, setDescription, reset };\n}\n"],"mappings":";AAEA,SAAS,WAAW,gBAAgB;AACpC,SAAS,8BAA8B;AAEhC,SAAS,sBAAsB,WAAmB,kBAA0B;AACjF,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AACvC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AACjD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAC3C,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,EAAE;AAEzD,YAAU,MAAM;AACd,UAAM,YAAY,uBAAuB,SAAS;AAClD,QAAI,CAAC,UAAW;AAChB,QAAI,CAAC,UAAU,WAAW,YAAY;AACpC,gBAAU,SAAS;AACnB,oBAAc,SAAS;AAAA,IACzB;AACA,QAAI,CAAC,QAAQ,SAAS,UAAU;AAC9B,cAAQ,SAAS;AACjB,kBAAY,SAAS;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,WAAW,YAAY,UAAU,QAAQ,IAAI,CAAC;AAElD,YAAU,MAAM;AACd,QAAI,CAAC,eAAe,gBAAgB,iBAAiB;AACnD,qBAAe,gBAAgB;AAC/B,yBAAmB,gBAAgB;AAAA,IACrC;AAAA,EACF,GAAG,CAAC,kBAAkB,iBAAiB,WAAW,CAAC;AAEnD,QAAM,QAAQ,MAAM;AAClB,YAAQ,EAAE;AACV,cAAU,EAAE;AACZ,mBAAe,EAAE;AACjB,kBAAc,EAAE;AAChB,gBAAY,EAAE;AACd,uBAAmB,EAAE;AAAA,EACvB;AAEA,SAAO,EAAE,MAAM,QAAQ,aAAa,SAAS,WAAW,gBAAgB,MAAM;AAChF;","names":[]}

package/dist/components/soulbound-card.cjs

@@ -0,0 +1,70 @@
+"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 soulbound_card_exports = {};
+__export(soulbound_card_exports, {
+  SoulboundCard: () => SoulboundCard,
+  issuedAt: () => issuedAt
+});
+module.exports = __toCommonJS(soulbound_card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_image = __toESM(require("next/image"), 1);
+var import_lucide_react = require("lucide-react");
+var import_brand = require("../data/brand.js");
+var import_address_display = require("./address-display.js");
+var import_link = __toESM(require("./link.js"), 1);
+function issuedAt(history) {
+  const times = history.filter((event) => event.type === "mint").map((event) => new Date(event.timestamp).getTime()).filter((time) => Number.isFinite(time));
+  if (times.length === 0) return null;
+  return new Date(Math.min(...times)).toLocaleDateString("en-US", { day: "numeric", month: "short", year: "numeric" });
+}
+function SoulboundCard({ image, ownerAddress, ownerHref, history = [] }) {
+  const issued = issuedAt(history);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { "aria-label": "Soulbound asset", className: "rounded-2xl p-px", style: { background: import_brand.BRAND_GRADIENT }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4 rounded-[15px] bg-card p-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-sm font-semibold text-foreground", children: "Soulbound asset" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: "Permanently linked to the wallet it was issued to, verifiable on-chain." })
+    ] }),
+    ownerAddress ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-12 w-12 shrink-0 overflow-hidden rounded-xl bg-muted", children: image ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: image, alt: "", fill: true, className: "object-cover", unoptimized: true }) : null }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-px min-w-6 flex-1", style: { background: import_brand.BRAND_GRADIENT }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute left-1/2 top-1/2 flex h-8 w-8 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border border-border bg-card shadow-[0_0_18px_hsl(var(--brand-purple)/0.45)] animate-pulse-glow", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Lock, { className: "h-3.5 w-3.5 text-brand-purple" }) }) }),
+      ownerHref ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: ownerHref, className: "shrink-0 rounded-full border border-border px-3 py-1.5 text-xs font-medium transition-colors hover:text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_address_display.AddressDisplay, { address: ownerAddress }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "shrink-0 rounded-full border border-border px-3 py-1.5 text-xs font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_address_display.AddressDisplay, { address: ownerAddress }) })
+    ] }) : null,
+    issued ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-2xs text-muted-foreground", children: [
+      "Issued ",
+      issued
+    ] }) : null
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SoulboundCard,
+  issuedAt
+});
+//# sourceMappingURL=soulbound-card.cjs.map

package/dist/components/soulbound-card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/soulbound-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport { Lock } from \"lucide-react\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport { BRAND_GRADIENT } from \"../data/brand.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport Link from \"./link.js\";\n\nexport function issuedAt(history: readonly ApiActivity[]): string | null {\n  const times = history\n    .filter((event) => event.type === \"mint\")\n    .map((event) => new Date(event.timestamp).getTime())\n    .filter((time) => Number.isFinite(time));\n  if (times.length === 0) return null;\n  return new Date(Math.min(...times)).toLocaleDateString(\"en-US\", { day: \"numeric\", month: \"short\", year: \"numeric\" });\n}\n\nexport interface SoulboundCardProps {\n  image?: string | null;\n  ownerAddress?: string | null;\n  ownerHref?: string;\n  history?: readonly ApiActivity[];\n}\n\nexport function SoulboundCard({ image, ownerAddress, ownerHref, history = [] }: SoulboundCardProps) {\n  const issued = issuedAt(history);\n  return (\n    <section aria-label=\"Soulbound asset\" className=\"rounded-2xl p-px\" style={{ background: BRAND_GRADIENT }}>\n      <div className=\"space-y-4 rounded-[15px] bg-card p-5\">\n        <div>\n          <h3 className=\"text-sm font-semibold text-foreground\">Soulbound asset</h3>\n          <p className=\"mt-0.5 text-xs text-muted-foreground\">Permanently linked to the wallet it was issued to, verifiable on-chain.</p>\n        </div>\n\n        {ownerAddress ? (\n          <div className=\"flex items-center gap-3\">\n            <div className=\"relative h-12 w-12 shrink-0 overflow-hidden rounded-xl bg-muted\">\n              {image ? <Image src={image} alt=\"\" fill className=\"object-cover\" unoptimized /> : null}\n            </div>\n            <div className=\"relative h-px min-w-6 flex-1\" style={{ background: BRAND_GRADIENT }}>\n              <span className=\"absolute left-1/2 top-1/2 flex h-8 w-8 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border border-border bg-card shadow-[0_0_18px_hsl(var(--brand-purple)/0.45)] animate-pulse-glow\">\n                <Lock className=\"h-3.5 w-3.5 text-brand-purple\" />\n              </span>\n            </div>\n            {ownerHref ? (\n              <Link href={ownerHref} className=\"shrink-0 rounded-full border border-border px-3 py-1.5 text-xs font-medium transition-colors hover:text-primary\">\n                <AddressDisplay address={ownerAddress} />\n              </Link>\n            ) : (\n              <span className=\"shrink-0 rounded-full border border-border px-3 py-1.5 text-xs font-medium\">\n                <AddressDisplay address={ownerAddress} />\n              </span>\n            )}\n          </div>\n        ) : null}\n\n        {issued ? <p className=\"text-2xs text-muted-foreground\">Issued {issued}</p> : null}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BQ;AA5BR,mBAAkB;AAClB,0BAAqB;AAErB,mBAA+B;AAC/B,6BAA+B;AAC/B,kBAAiB;AAEV,SAAS,SAAS,SAAgD;AACvE,QAAM,QAAQ,QACX,OAAO,CAAC,UAAU,MAAM,SAAS,MAAM,EACvC,IAAI,CAAC,UAAU,IAAI,KAAK,MAAM,SAAS,EAAE,QAAQ,CAAC,EAClD,OAAO,CAAC,SAAS,OAAO,SAAS,IAAI,CAAC;AACzC,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,SAAO,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,EAAE,mBAAmB,SAAS,EAAE,KAAK,WAAW,OAAO,SAAS,MAAM,UAAU,CAAC;AACrH;AASO,SAAS,cAAc,EAAE,OAAO,cAAc,WAAW,UAAU,CAAC,EAAE,GAAuB;AAClG,QAAM,SAAS,SAAS,OAAO;AAC/B,SACE,4CAAC,aAAQ,cAAW,mBAAkB,WAAU,oBAAmB,OAAO,EAAE,YAAY,4BAAe,GACrG,uDAAC,SAAI,WAAU,wCACb;AAAA,iDAAC,SACC;AAAA,kDAAC,QAAG,WAAU,yCAAwC,6BAAe;AAAA,MACrE,4CAAC,OAAE,WAAU,wCAAuC,qFAAuE;AAAA,OAC7H;AAAA,IAEC,eACC,6CAAC,SAAI,WAAU,2BACb;AAAA,kDAAC,SAAI,WAAU,mEACZ,kBAAQ,4CAAC,aAAAA,SAAA,EAAM,KAAK,OAAO,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAAK,MACpF;AAAA,MACA,4CAAC,SAAI,WAAU,gCAA+B,OAAO,EAAE,YAAY,4BAAe,GAChF,sDAAC,UAAK,WAAU,qNACd,sDAAC,4BAAK,WAAU,iCAAgC,GAClD,GACF;AAAA,MACC,YACC,4CAAC,YAAAC,SAAA,EAAK,MAAM,WAAW,WAAU,mHAC/B,sDAAC,yCAAe,SAAS,cAAc,GACzC,IAEA,4CAAC,UAAK,WAAU,8EACd,sDAAC,yCAAe,SAAS,cAAc,GACzC;AAAA,OAEJ,IACE;AAAA,IAEH,SAAS,6CAAC,OAAE,WAAU,kCAAiC;AAAA;AAAA,MAAQ;AAAA,OAAO,IAAO;AAAA,KAChF,GACF;AAEJ;","names":["Image","Link"]}

package/dist/components/soulbound-card.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiActivity } from '@medialane/sdk';
+
+declare function issuedAt(history: readonly ApiActivity[]): string | null;
+interface SoulboundCardProps {
+    image?: string | null;
+    ownerAddress?: string | null;
+    ownerHref?: string;
+    history?: readonly ApiActivity[];
+}
+declare function SoulboundCard({ image, ownerAddress, ownerHref, history }: SoulboundCardProps): react_jsx_runtime.JSX.Element;
+
+export { SoulboundCard, type SoulboundCardProps, issuedAt };

package/dist/components/soulbound-card.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiActivity } from '@medialane/sdk';
+
+declare function issuedAt(history: readonly ApiActivity[]): string | null;
+interface SoulboundCardProps {
+    image?: string | null;
+    ownerAddress?: string | null;
+    ownerHref?: string;
+    history?: readonly ApiActivity[];
+}
+declare function SoulboundCard({ image, ownerAddress, ownerHref, history }: SoulboundCardProps): react_jsx_runtime.JSX.Element;
+
+export { SoulboundCard, type SoulboundCardProps, issuedAt };

package/dist/components/soulbound-card.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Image from "next/image";
+import { Lock } from "lucide-react";
+import { BRAND_GRADIENT } from "../data/brand.js";
+import { AddressDisplay } from "./address-display.js";
+import Link from "./link.js";
+function issuedAt(history) {
+  const times = history.filter((event) => event.type === "mint").map((event) => new Date(event.timestamp).getTime()).filter((time) => Number.isFinite(time));
+  if (times.length === 0) return null;
+  return new Date(Math.min(...times)).toLocaleDateString("en-US", { day: "numeric", month: "short", year: "numeric" });
+}
+function SoulboundCard({ image, ownerAddress, ownerHref, history = [] }) {
+  const issued = issuedAt(history);
+  return /* @__PURE__ */ jsx("section", { "aria-label": "Soulbound asset", className: "rounded-2xl p-px", style: { background: BRAND_GRADIENT }, children: /* @__PURE__ */ jsxs("div", { className: "space-y-4 rounded-[15px] bg-card p-5", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Soulbound asset" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: "Permanently linked to the wallet it was issued to, verifiable on-chain." })
+    ] }),
+    ownerAddress ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "relative h-12 w-12 shrink-0 overflow-hidden rounded-xl bg-muted", children: image ? /* @__PURE__ */ jsx(Image, { src: image, alt: "", fill: true, className: "object-cover", unoptimized: true }) : null }),
+      /* @__PURE__ */ jsx("div", { className: "relative h-px min-w-6 flex-1", style: { background: BRAND_GRADIENT }, children: /* @__PURE__ */ jsx("span", { className: "absolute left-1/2 top-1/2 flex h-8 w-8 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border border-border bg-card shadow-[0_0_18px_hsl(var(--brand-purple)/0.45)] animate-pulse-glow", children: /* @__PURE__ */ jsx(Lock, { className: "h-3.5 w-3.5 text-brand-purple" }) }) }),
+      ownerHref ? /* @__PURE__ */ jsx(Link, { href: ownerHref, className: "shrink-0 rounded-full border border-border px-3 py-1.5 text-xs font-medium transition-colors hover:text-primary", children: /* @__PURE__ */ jsx(AddressDisplay, { address: ownerAddress }) }) : /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full border border-border px-3 py-1.5 text-xs font-medium", children: /* @__PURE__ */ jsx(AddressDisplay, { address: ownerAddress }) })
+    ] }) : null,
+    issued ? /* @__PURE__ */ jsxs("p", { className: "text-2xs text-muted-foreground", children: [
+      "Issued ",
+      issued
+    ] }) : null
+  ] }) });
+}
+export {
+  SoulboundCard,
+  issuedAt
+};
+//# sourceMappingURL=soulbound-card.js.map

package/dist/components/soulbound-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/soulbound-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Image from \"next/image\";\nimport { Lock } from \"lucide-react\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport { BRAND_GRADIENT } from \"../data/brand.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport Link from \"./link.js\";\n\nexport function issuedAt(history: readonly ApiActivity[]): string | null {\n  const times = history\n    .filter((event) => event.type === \"mint\")\n    .map((event) => new Date(event.timestamp).getTime())\n    .filter((time) => Number.isFinite(time));\n  if (times.length === 0) return null;\n  return new Date(Math.min(...times)).toLocaleDateString(\"en-US\", { day: \"numeric\", month: \"short\", year: \"numeric\" });\n}\n\nexport interface SoulboundCardProps {\n  image?: string | null;\n  ownerAddress?: string | null;\n  ownerHref?: string;\n  history?: readonly ApiActivity[];\n}\n\nexport function SoulboundCard({ image, ownerAddress, ownerHref, history = [] }: SoulboundCardProps) {\n  const issued = issuedAt(history);\n  return (\n    <section aria-label=\"Soulbound asset\" className=\"rounded-2xl p-px\" style={{ background: BRAND_GRADIENT }}>\n      <div className=\"space-y-4 rounded-[15px] bg-card p-5\">\n        <div>\n          <h3 className=\"text-sm font-semibold text-foreground\">Soulbound asset</h3>\n          <p className=\"mt-0.5 text-xs text-muted-foreground\">Permanently linked to the wallet it was issued to, verifiable on-chain.</p>\n        </div>\n\n        {ownerAddress ? (\n          <div className=\"flex items-center gap-3\">\n            <div className=\"relative h-12 w-12 shrink-0 overflow-hidden rounded-xl bg-muted\">\n              {image ? <Image src={image} alt=\"\" fill className=\"object-cover\" unoptimized /> : null}\n            </div>\n            <div className=\"relative h-px min-w-6 flex-1\" style={{ background: BRAND_GRADIENT }}>\n              <span className=\"absolute left-1/2 top-1/2 flex h-8 w-8 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border border-border bg-card shadow-[0_0_18px_hsl(var(--brand-purple)/0.45)] animate-pulse-glow\">\n                <Lock className=\"h-3.5 w-3.5 text-brand-purple\" />\n              </span>\n            </div>\n            {ownerHref ? (\n              <Link href={ownerHref} className=\"shrink-0 rounded-full border border-border px-3 py-1.5 text-xs font-medium transition-colors hover:text-primary\">\n                <AddressDisplay address={ownerAddress} />\n              </Link>\n            ) : (\n              <span className=\"shrink-0 rounded-full border border-border px-3 py-1.5 text-xs font-medium\">\n                <AddressDisplay address={ownerAddress} />\n              </span>\n            )}\n          </div>\n        ) : null}\n\n        {issued ? <p className=\"text-2xs text-muted-foreground\">Issued {issued}</p> : null}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";AA8BQ,SACE,KADF;AA5BR,OAAO,WAAW;AAClB,SAAS,YAAY;AAErB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,OAAO,UAAU;AAEV,SAAS,SAAS,SAAgD;AACvE,QAAM,QAAQ,QACX,OAAO,CAAC,UAAU,MAAM,SAAS,MAAM,EACvC,IAAI,CAAC,UAAU,IAAI,KAAK,MAAM,SAAS,EAAE,QAAQ,CAAC,EAClD,OAAO,CAAC,SAAS,OAAO,SAAS,IAAI,CAAC;AACzC,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,SAAO,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,EAAE,mBAAmB,SAAS,EAAE,KAAK,WAAW,OAAO,SAAS,MAAM,UAAU,CAAC;AACrH;AASO,SAAS,cAAc,EAAE,OAAO,cAAc,WAAW,UAAU,CAAC,EAAE,GAAuB;AAClG,QAAM,SAAS,SAAS,OAAO;AAC/B,SACE,oBAAC,aAAQ,cAAW,mBAAkB,WAAU,oBAAmB,OAAO,EAAE,YAAY,eAAe,GACrG,+BAAC,SAAI,WAAU,wCACb;AAAA,yBAAC,SACC;AAAA,0BAAC,QAAG,WAAU,yCAAwC,6BAAe;AAAA,MACrE,oBAAC,OAAE,WAAU,wCAAuC,qFAAuE;AAAA,OAC7H;AAAA,IAEC,eACC,qBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,SAAI,WAAU,mEACZ,kBAAQ,oBAAC,SAAM,KAAK,OAAO,KAAI,IAAG,MAAI,MAAC,WAAU,gBAAe,aAAW,MAAC,IAAK,MACpF;AAAA,MACA,oBAAC,SAAI,WAAU,gCAA+B,OAAO,EAAE,YAAY,eAAe,GAChF,8BAAC,UAAK,WAAU,qNACd,8BAAC,QAAK,WAAU,iCAAgC,GAClD,GACF;AAAA,MACC,YACC,oBAAC,QAAK,MAAM,WAAW,WAAU,mHAC/B,8BAAC,kBAAe,SAAS,cAAc,GACzC,IAEA,oBAAC,UAAK,WAAU,8EACd,8BAAC,kBAAe,SAAS,cAAc,GACzC;AAAA,OAEJ,IACE;AAAA,IAEH,SAAS,qBAAC,OAAE,WAAU,kCAAiC;AAAA;AAAA,MAAQ;AAAA,OAAO,IAAO;AAAA,KAChF,GACF;AAEJ;","names":[]}