@medialane/ui 0.294.0 → 0.296.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/journey-content.cjs

@@ -0,0 +1,156 @@
+"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 journey_content_exports = {};
+__export(journey_content_exports, {
+  JourneyContent: () => JourneyContent
+});
+module.exports = __toCommonJS(journey_content_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("./link.js"), 1);
+var import_lucide_react = require("lucide-react");
+var import_medialane_app = require("./medialane-app.js");
+var import_level_journey_list = require("./rewards/level-journey-list.js");
+var import_badge_catalog = require("./rewards/badge-catalog.js");
+var import_skeleton = require("./skeleton.js");
+var import_use_rewards = require("../utils/use-rewards.js");
+const EXAMPLE_ACTION_TYPES = [
+  "mint_asset",
+  "buy_asset",
+  "create_collection",
+  "comment",
+  "launch_launchpad",
+  "make_offer",
+  "join_club",
+  "list_asset"
+];
+function Hero() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "py-14 space-y-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br from-brand-orange to-brand-maeve text-white shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Sparkles, { className: "h-5 w-5" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h1", { className: "text-5xl sm:text-6xl font-black tracking-tight leading-[1.02]", children: [
+        "Your",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "bg-gradient-to-r from-brand-orange to-brand-maeve bg-clip-text text-transparent", children: "Journey" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-lg text-foreground/70 max-w-xl leading-relaxed font-medium", children: [
+      "Every level, every badge, every way to earn \u2014 the whole system, in one place. Check",
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/rewards", className: "text-foreground underline underline-offset-2 hover:text-brand-orange transition-colors", children: "your own score" }),
+      " ",
+      "on Rewards."
+    ] })
+  ] });
+}
+function LevelsSection() {
+  const { data: config, isLoading } = (0, import_use_rewards.useRewardsConfig)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "py-14 space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-2xl font-black tracking-tight", children: "The Level Ladder" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-base text-foreground/60 mt-1.5 font-medium", children: "50 levels, from Starter to Genesis." })
+    ] }),
+    isLoading || !config ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-96 w-full rounded-2xl" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_level_journey_list.LevelJourneyList, { levels: config.levels })
+  ] });
+}
+function HowXpWorksSection() {
+  const { data: config, isLoading } = (0, import_use_rewards.useRewardsConfig)();
+  const examples = config?.actions.filter((a) => EXAMPLE_ACTION_TYPES.includes(a.type)) ?? [];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "py-14 space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-2xl", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-2xl font-black tracking-tight", children: "How XP works" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-base text-foreground/60 mt-1.5 font-medium leading-relaxed", children: "Every action earns real XP, automatically \u2014 no buying points, no gaming the system. Some early actions and loyalty count extra. Scores and badges are recalculated weekly." })
+    ] }),
+    isLoading || !config ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-40 w-full rounded-2xl" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3", children: examples.map((a) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-2xl bg-foreground/[0.04] p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-lg font-black text-brand-orange", children: [
+        "+",
+        a.xp
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-semibold text-foreground/60 mt-1 leading-snug", children: a.label })
+    ] }, a.type)) })
+  ] });
+}
+function BadgesSection() {
+  const { data: config, isLoading } = (0, import_use_rewards.useRewardsConfig)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "py-14 space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-2xl font-black tracking-tight", children: "Badges" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-base text-foreground/60 mt-1.5 font-medium", children: "What's achievable, not just what you've done." })
+    ] }),
+    isLoading || !config ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-64 w-full rounded-2xl" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge_catalog.BadgeCatalog, { badges: config.badges })
+  ] });
+}
+function CtaSection({ startHint }) {
+  const { onRequireWallet } = (0, import_medialane_app.useMedialaneApp)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "py-14 pb-20 grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        type: "button",
+        onClick: onRequireWallet,
+        className: "flex items-center justify-between rounded-2xl bg-gradient-to-br from-brand-orange to-brand-maeve p-6 text-left text-white",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-black text-lg", children: "New here?" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium text-white/80", children: startHint })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "h-5 w-5 shrink-0" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_link.default,
+      {
+        href: "/rewards",
+        className: "flex items-center justify-between rounded-2xl bg-foreground/[0.04] hover:bg-foreground/[0.07] p-6 transition-colors",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-black text-lg", children: "Already earning?" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium text-foreground/60", children: "Check your score." })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "h-5 w-5 shrink-0" })
+        ]
+      }
+    )
+  ] });
+}
+function JourneyContent({ startHint }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Hero, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LevelsSection, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HowXpWorksSection, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BadgesSection, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CtaSection, { startHint })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  JourneyContent
+});
+//# sourceMappingURL=journey-content.cjs.map

package/dist/components/journey-content.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/journey-content.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport { Sparkles, ArrowRight } from \"lucide-react\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport { LevelJourneyList } from \"./rewards/level-journey-list.js\";\nimport { BadgeCatalog } from \"./rewards/badge-catalog.js\";\nimport { Skeleton } from \"./skeleton.js\";\nimport { useRewardsConfig } from \"../utils/use-rewards.js\";\n\nconst EXAMPLE_ACTION_TYPES = [\n  \"mint_asset\", \"buy_asset\", \"create_collection\", \"comment\",\n  \"launch_launchpad\", \"make_offer\", \"join_club\", \"list_asset\",\n];\n\nfunction Hero() {\n  return (\n    <section className=\"py-14 space-y-5\">\n      <div className=\"flex items-center gap-3\">\n        <div className=\"flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br from-brand-orange to-brand-maeve text-white shrink-0\">\n          <Sparkles className=\"h-5 w-5\" />\n        </div>\n        <h1 className=\"text-5xl sm:text-6xl font-black tracking-tight leading-[1.02]\">\n          Your{\" \"}\n          <span className=\"bg-gradient-to-r from-brand-orange to-brand-maeve bg-clip-text text-transparent\">\n            Journey\n          </span>\n        </h1>\n      </div>\n      <p className=\"text-lg text-foreground/70 max-w-xl leading-relaxed font-medium\">\n        Every level, every badge, every way to earn — the whole system, in one place. Check{\" \"}\n        <Link href=\"/rewards\" className=\"text-foreground underline underline-offset-2 hover:text-brand-orange transition-colors\">\n          your own score\n        </Link>{\" \"}\n        on Rewards.\n      </p>\n    </section>\n  );\n}\n\nfunction LevelsSection() {\n  const { data: config, isLoading } = useRewardsConfig();\n  return (\n    <section className=\"py-14 space-y-6\">\n      <div>\n        <h2 className=\"text-2xl font-black tracking-tight\">The Level Ladder</h2>\n        <p className=\"text-base text-foreground/60 mt-1.5 font-medium\">50 levels, from Starter to Genesis.</p>\n      </div>\n      {isLoading || !config ? (\n        <Skeleton className=\"h-96 w-full rounded-2xl\" />\n      ) : (\n        <LevelJourneyList levels={config.levels} />\n      )}\n    </section>\n  );\n}\n\nfunction HowXpWorksSection() {\n  const { data: config, isLoading } = useRewardsConfig();\n  const examples = config?.actions.filter((a) => EXAMPLE_ACTION_TYPES.includes(a.type)) ?? [];\n\n  return (\n    <section className=\"py-14 space-y-6\">\n      <div className=\"max-w-2xl\">\n        <h2 className=\"text-2xl font-black tracking-tight\">How XP works</h2>\n        <p className=\"text-base text-foreground/60 mt-1.5 font-medium leading-relaxed\">\n          Every action earns real XP, automatically — no buying points, no gaming the system.\n          Some early actions and loyalty count extra. Scores and badges are\n          recalculated weekly.\n        </p>\n      </div>\n      {isLoading || !config ? (\n        <Skeleton className=\"h-40 w-full rounded-2xl\" />\n      ) : (\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3\">\n          {examples.map((a) => (\n            <div key={a.type} className=\"rounded-2xl bg-foreground/[0.04] p-4\">\n              <p className=\"text-lg font-black text-brand-orange\">+{a.xp}</p>\n              <p className=\"text-xs font-semibold text-foreground/60 mt-1 leading-snug\">{a.label}</p>\n            </div>\n          ))}\n        </div>\n      )}\n    </section>\n  );\n}\n\nfunction BadgesSection() {\n  const { data: config, isLoading } = useRewardsConfig();\n  return (\n    <section className=\"py-14 space-y-6\">\n      <div>\n        <h2 className=\"text-2xl font-black tracking-tight\">Badges</h2>\n        <p className=\"text-base text-foreground/60 mt-1.5 font-medium\">What&apos;s achievable, not just what you&apos;ve done.</p>\n      </div>\n      {isLoading || !config ? (\n        <Skeleton className=\"h-64 w-full rounded-2xl\" />\n      ) : (\n        <BadgeCatalog badges={config.badges} />\n      )}\n    </section>\n  );\n}\n\nfunction CtaSection({ startHint }: { startHint: string }) {\n  const { onRequireWallet } = useMedialaneApp();\n  return (\n    <section className=\"py-14 pb-20 grid grid-cols-1 sm:grid-cols-2 gap-4\">\n      <button\n        type=\"button\"\n        onClick={onRequireWallet}\n        className=\"flex items-center justify-between rounded-2xl bg-gradient-to-br from-brand-orange to-brand-maeve p-6 text-left text-white\"\n      >\n        <div>\n          <p className=\"font-black text-lg\">New here?</p>\n          <p className=\"text-sm font-medium text-white/80\">{startHint}</p>\n        </div>\n        <ArrowRight className=\"h-5 w-5 shrink-0\" />\n      </button>\n      <Link\n        href=\"/rewards\"\n        className=\"flex items-center justify-between rounded-2xl bg-foreground/[0.04] hover:bg-foreground/[0.07] p-6 transition-colors\"\n      >\n        <div>\n          <p className=\"font-black text-lg\">Already earning?</p>\n          <p className=\"text-sm font-medium text-foreground/60\">Check your score.</p>\n        </div>\n        <ArrowRight className=\"h-5 w-5 shrink-0\" />\n      </Link>\n    </section>\n  );\n}\n\nexport function JourneyContent({ startHint }: { startHint: string }) {\n  return (\n    <>\n      <Hero />\n      <LevelsSection />\n      <HowXpWorksSection />\n      <BadgesSection />\n      <CtaSection startHint={startHint} />\n    </>\n  );\n}\n"],"mappings":"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","names":["Link"]}