@medialane/ui 0.182.0 → 0.184.0

package/dist/components/drop/page/drop-manage.d.cts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DropOnchain } from '@medialane/sdk/starknet';
+import { ApiDrop, ApiDropMint } from '@medialane/sdk';
+import { ExclusiveValue } from '../create/exclusive-fields.cjs';
+
+interface DropManageProps {
+    contract: string;
+    indexed: ApiDrop | null;
+    onchain: DropOnchain;
+    mints: ApiDropMint[];
+    /** Runs a manage action as one transaction; resolves when confirmed. */
+    run: (params: {
+        action: "issue";
+        recipient: string;
+        quantity: string;
+    } | {
+        action: "set_allowlist_root";
+        root: string;
+    }) => Promise<void>;
+    saveExclusive: (value: ExclusiveValue | null) => Promise<void>;
+}
+declare function DropManage({ contract, indexed, onchain, mints, run, saveExclusive }: DropManageProps): react_jsx_runtime.JSX.Element;
+
+export { DropManage, type DropManageProps };

package/dist/components/drop/page/drop-manage.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DropOnchain } from '@medialane/sdk/starknet';
+import { ApiDrop, ApiDropMint } from '@medialane/sdk';
+import { ExclusiveValue } from '../create/exclusive-fields.js';
+
+interface DropManageProps {
+    contract: string;
+    indexed: ApiDrop | null;
+    onchain: DropOnchain;
+    mints: ApiDropMint[];
+    /** Runs a manage action as one transaction; resolves when confirmed. */
+    run: (params: {
+        action: "issue";
+        recipient: string;
+        quantity: string;
+    } | {
+        action: "set_allowlist_root";
+        root: string;
+    }) => Promise<void>;
+    saveExclusive: (value: ExclusiveValue | null) => Promise<void>;
+}
+declare function DropManage({ contract, indexed, onchain, mints, run, saveExclusive }: DropManageProps): react_jsx_runtime.JSX.Element;
+
+export { DropManage, type DropManageProps };

package/dist/components/drop/page/drop-manage.js

@@ -0,0 +1,137 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { buildPopAllowlist, dropClaimLinks, popClaimLinksCsv } from "@medialane/sdk/starknet";
+import { dropHref } from "@medialane/sdk";
+import { ActionDialog } from "../../action-dialog.js";
+import { Button } from "../../button.js";
+import { Input } from "../../input.js";
+import { Textarea } from "../../textarea.js";
+import { ShareButton } from "../../share-button.js";
+import { StatTile } from "../../stat-tile.js";
+import { DropActivityList } from "./drop-activity.js";
+import { ExclusiveFields } from "../create/exclusive-fields.js";
+import { downloadCsv } from "../create/launch-dialog.js";
+import { describeError } from "../../../utils/describe-error.js";
+import { parseAllowlist } from "../../../utils/drop/allowlist.js";
+import { priceLabel, supplyLabel } from "../../../utils/drop/sale.js";
+function DropManage({ contract, indexed, onchain, mints, run, saveExclusive }) {
+  const [pending, setPending] = useState(null);
+  const [busy, setBusy] = useState(false);
+  const [message, setMessage] = useState(null);
+  const [listText, setListText] = useState("");
+  const [links, setLinks] = useState([]);
+  const [gift, setGift] = useState({ to: "", quantity: "1" });
+  const [exclusive, setExclusive] = useState({ title: "", url: "", type: "" });
+  const listed = BigInt(onchain.allowlistRoot) !== 0n;
+  const left = onchain.maxSupply === 0n ? null : onchain.maxSupply - onchain.totalMinted;
+  const shareUrl = typeof window === "undefined" ? dropHref(contract) : `${window.location.origin}${dropHref(contract)}`;
+  const confirm = async () => {
+    if (!pending) return;
+    setBusy(true);
+    try {
+      await pending.act();
+      setMessage(`${pending.title} \u2014 done.`);
+    } catch (err) {
+      setMessage(describeError(err, "That didn't go through. Please try again.").message);
+    } finally {
+      setBusy(false);
+      setPending(null);
+    }
+  };
+  const parsed = parseAllowlist(listText);
+  const list = parsed.addresses.length > 0 ? buildPopAllowlist(parsed.addresses) : null;
+  const sameList = list !== null && BigInt(list.root) === BigInt(onchain.allowlistRoot);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-8", children: [
+    message && /* @__PURE__ */ jsx("p", { className: "rounded-lg bg-muted/50 px-3 py-2 text-sm", children: message }),
+    /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Overview" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3", children: [
+        /* @__PURE__ */ jsx(StatTile, { label: "Minted", value: supplyLabel(onchain.totalMinted.toString(), onchain.maxSupply.toString()) }),
+        /* @__PURE__ */ jsx(StatTile, { label: "Revenue", value: priceLabel(indexed?.revenue ?? "0", onchain.paymentToken) }),
+        /* @__PURE__ */ jsx(StatTile, { label: "Collectors", value: indexed?.collectors ?? 0 })
+      ] }),
+      /* @__PURE__ */ jsx(DropActivityList, { mints })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Who can mint" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: listed ? "Only wallets on your list can mint." : "Everyone can mint." }),
+      /* @__PURE__ */ jsx(Textarea, { rows: 5, placeholder: "Paste wallet addresses, one per line", value: listText, onChange: (e) => {
+        setListText(e.target.value);
+        setLinks([]);
+      } }),
+      parsed.invalid.length > 0 && /* @__PURE__ */ jsxs("p", { className: "text-xs text-destructive", children: [
+        parsed.invalid.length,
+        " line(s) aren't wallet addresses: ",
+        parsed.invalid.slice(0, 3).join(", ")
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        list && sameList && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setLinks(dropClaimLinks(window.location.origin, contract, list)), children: "This is your current list \u2014 get its claim links" }),
+        list && !sameList && parsed.invalid.length === 0 && /* @__PURE__ */ jsx(Button, { onClick: () => setPending({
+          title: "List published",
+          body: `Only these ${parsed.addresses.length} wallets will be able to mint. Claim links for your previous list stop working for wallets not on this one.`,
+          act: async () => {
+            await run({ action: "set_allowlist_root", root: list.root });
+            setLinks(dropClaimLinks(window.location.origin, contract, list));
+          }
+        }), children: "Publish this list" }),
+        listed && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setPending({
+          title: "Drop opened to everyone",
+          body: "Anyone will be able to mint, with or without a claim link.",
+          act: () => run({ action: "set_allowlist_root", root: "0x0" })
+        }), children: "Open to everyone" }),
+        links.length > 0 && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => downloadCsv(popClaimLinksCsv(links), "claim-links.csv"), children: "Download claim links" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Gift" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+        "Mint free tokens to a wallet",
+        left !== null ? ` \xB7 ${left.toString()} left` : "",
+        ". Gifts don't count toward that wallet's limit."
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(Input, { placeholder: "Wallet address", value: gift.to, onChange: (e) => setGift({ ...gift, to: e.target.value.trim() }) }),
+        /* @__PURE__ */ jsx(Input, { className: "w-20", inputMode: "numeric", value: gift.quantity, onChange: (e) => setGift({ ...gift, quantity: e.target.value.trim() }) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          disabled: parseAllowlist(gift.to).addresses.length !== 1 || !/^[1-9]\d*$/.test(gift.quantity),
+          onClick: () => setPending({
+            title: "Gift sent",
+            body: `Mint ${gift.quantity} free token(s) to ${gift.to}.`,
+            act: () => run({ action: "issue", recipient: gift.to, quantity: gift.quantity })
+          }),
+          children: "Send gift"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Share" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(Input, { readOnly: true, value: shareUrl }),
+        /* @__PURE__ */ jsx(ShareButton, { title: indexed?.name ?? "Drop", url: shareUrl, variant: "outline" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Exclusive content" }),
+      /* @__PURE__ */ jsx(ExclusiveFields, { value: exclusive, onChange: setExclusive }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { disabled: !/^https:\/\//.test(exclusive.url), onClick: () => setPending({ title: "Exclusive content saved", body: "Holders will see this link.", act: () => saveExclusive(exclusive) }), children: "Save" }),
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setPending({ title: "Exclusive content removed", body: "Holders will no longer see a link.", act: () => saveExclusive(null) }), children: "Remove" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(ActionDialog, { open: pending !== null, onClose: () => !busy && setPending(null), width: 460, children: /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-6", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm", children: pending?.body }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", disabled: busy, onClick: () => setPending(null), children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { disabled: busy, onClick: () => void confirm(), children: busy ? "Working\u2026" : "Confirm" })
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  DropManage
+};
+//# sourceMappingURL=drop-manage.js.map

package/dist/components/drop/page/drop-manage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/drop/page/drop-manage.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { buildPopAllowlist, dropClaimLinks, popClaimLinksCsv, type DropOnchain } from \"@medialane/sdk/starknet\";\nimport { dropHref, type ApiDrop, type ApiDropMint } from \"@medialane/sdk\";\nimport { ActionDialog } from \"../../action-dialog.js\";\nimport { Button } from \"../../button.js\";\nimport { Input } from \"../../input.js\";\nimport { Textarea } from \"../../textarea.js\";\nimport { ShareButton } from \"../../share-button.js\";\nimport { StatTile } from \"../../stat-tile.js\";\nimport { DropActivityList } from \"./drop-activity.js\";\nimport { ExclusiveFields, type ExclusiveValue } from \"../create/exclusive-fields.js\";\nimport { downloadCsv } from \"../create/launch-dialog.js\";\nimport { describeError } from \"../../../utils/describe-error.js\";\nimport { parseAllowlist } from \"../../../utils/drop/allowlist.js\";\nimport { priceLabel, supplyLabel } from \"../../../utils/drop/sale.js\";\n\nexport interface DropManageProps {\n  contract: string;\n  indexed: ApiDrop | null;\n  onchain: DropOnchain;\n  mints: ApiDropMint[];\n  /** Runs a manage action as one transaction; resolves when confirmed. */\n  run: (params: { action: \"issue\"; recipient: string; quantity: string } | { action: \"set_allowlist_root\"; root: string }) => Promise<void>;\n  saveExclusive: (value: ExclusiveValue | null) => Promise<void>;\n}\n\ntype Pending = { title: string; body: string; act: () => Promise<void> } | null;\n\nexport function DropManage({ contract, indexed, onchain, mints, run, saveExclusive }: DropManageProps) {\n  const [pending, setPending] = useState<Pending>(null);\n  const [busy, setBusy] = useState(false);\n  const [message, setMessage] = useState<string | null>(null);\n  const [listText, setListText] = useState(\"\");\n  const [links, setLinks] = useState<ReturnType<typeof dropClaimLinks>>([]);\n  const [gift, setGift] = useState({ to: \"\", quantity: \"1\" });\n  const [exclusive, setExclusive] = useState<ExclusiveValue>({ title: \"\", url: \"\", type: \"\" });\n  const listed = BigInt(onchain.allowlistRoot) !== 0n;\n  const left = onchain.maxSupply === 0n ? null : onchain.maxSupply - onchain.totalMinted;\n  const shareUrl = typeof window === \"undefined\" ? dropHref(contract) : `${window.location.origin}${dropHref(contract)}`;\n\n  const confirm = async () => {\n    if (!pending) return;\n    setBusy(true);\n    try {\n      await pending.act();\n      setMessage(`${pending.title} — done.`);\n    } catch (err) {\n      setMessage(describeError(err, \"That didn't go through. Please try again.\").message);\n    } finally {\n      setBusy(false);\n      setPending(null);\n    }\n  };\n\n  const parsed = parseAllowlist(listText);\n  const list = parsed.addresses.length > 0 ? buildPopAllowlist(parsed.addresses) : null;\n  const sameList = list !== null && BigInt(list.root) === BigInt(onchain.allowlistRoot);\n\n  return (\n    <div className=\"space-y-8\">\n      {message && <p className=\"rounded-lg bg-muted/50 px-3 py-2 text-sm\">{message}</p>}\n\n      <section className=\"space-y-3\">\n        <h3 className=\"text-sm font-semibold\">Overview</h3>\n        <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-3\">\n          <StatTile label=\"Minted\" value={supplyLabel(onchain.totalMinted.toString(), onchain.maxSupply.toString())} />\n          <StatTile label=\"Revenue\" value={priceLabel(indexed?.revenue ?? \"0\", onchain.paymentToken)} />\n          <StatTile label=\"Collectors\" value={indexed?.collectors ?? 0} />\n        </div>\n        <DropActivityList mints={mints} />\n      </section>\n\n      <section className=\"space-y-3\">\n        <h3 className=\"text-sm font-semibold\">Who can mint</h3>\n        <p className=\"text-sm text-muted-foreground\">{listed ? \"Only wallets on your list can mint.\" : \"Everyone can mint.\"}</p>\n        <Textarea rows={5} placeholder=\"Paste wallet addresses, one per line\" value={listText} onChange={(e) => { setListText(e.target.value); setLinks([]); }} />\n        {parsed.invalid.length > 0 && <p className=\"text-xs text-destructive\">{parsed.invalid.length} line(s) aren't wallet addresses: {parsed.invalid.slice(0, 3).join(\", \")}</p>}\n        <div className=\"flex flex-wrap gap-2\">\n          {list && sameList && (\n            <Button variant=\"outline\" onClick={() => setLinks(dropClaimLinks(window.location.origin, contract, list))}>This is your current list — get its claim links</Button>\n          )}\n          {list && !sameList && parsed.invalid.length === 0 && (\n            <Button onClick={() => setPending({\n              title: \"List published\",\n              body: `Only these ${parsed.addresses.length} wallets will be able to mint. Claim links for your previous list stop working for wallets not on this one.`,\n              act: async () => { await run({ action: \"set_allowlist_root\", root: list.root }); setLinks(dropClaimLinks(window.location.origin, contract, list)); },\n            })}>Publish this list</Button>\n          )}\n          {listed && (\n            <Button variant=\"outline\" onClick={() => setPending({\n              title: \"Drop opened to everyone\",\n              body: \"Anyone will be able to mint, with or without a claim link.\",\n              act: () => run({ action: \"set_allowlist_root\", root: \"0x0\" }),\n            })}>Open to everyone</Button>\n          )}\n          {links.length > 0 && <Button variant=\"outline\" onClick={() => downloadCsv(popClaimLinksCsv(links), \"claim-links.csv\")}>Download claim links</Button>}\n        </div>\n      </section>\n\n      <section className=\"space-y-3\">\n        <h3 className=\"text-sm font-semibold\">Gift</h3>\n        <p className=\"text-sm text-muted-foreground\">\n          Mint free tokens to a wallet{left !== null ? ` · ${left.toString()} left` : \"\"}. Gifts don't count toward that wallet's limit.\n        </p>\n        <div className=\"flex gap-2\">\n          <Input placeholder=\"Wallet address\" value={gift.to} onChange={(e) => setGift({ ...gift, to: e.target.value.trim() })} />\n          <Input className=\"w-20\" inputMode=\"numeric\" value={gift.quantity} onChange={(e) => setGift({ ...gift, quantity: e.target.value.trim() })} />\n        </div>\n        <Button\n          disabled={parseAllowlist(gift.to).addresses.length !== 1 || !/^[1-9]\\d*$/.test(gift.quantity)}\n          onClick={() => setPending({\n            title: \"Gift sent\",\n            body: `Mint ${gift.quantity} free token(s) to ${gift.to}.`,\n            act: () => run({ action: \"issue\", recipient: gift.to, quantity: gift.quantity }),\n          })}\n        >Send gift</Button>\n      </section>\n\n      <section className=\"space-y-3\">\n        <h3 className=\"text-sm font-semibold\">Share</h3>\n        <div className=\"flex gap-2\">\n          <Input readOnly value={shareUrl} />\n          <ShareButton title={indexed?.name ?? \"Drop\"} url={shareUrl} variant=\"outline\" />\n        </div>\n      </section>\n\n      <section className=\"space-y-3\">\n        <h3 className=\"text-sm font-semibold\">Exclusive content</h3>\n        <ExclusiveFields value={exclusive} onChange={setExclusive} />\n        <div className=\"flex gap-2\">\n          <Button disabled={!/^https:\\/\\//.test(exclusive.url)} onClick={() => setPending({ title: \"Exclusive content saved\", body: \"Holders will see this link.\", act: () => saveExclusive(exclusive) })}>Save</Button>\n          <Button variant=\"outline\" onClick={() => setPending({ title: \"Exclusive content removed\", body: \"Holders will no longer see a link.\", act: () => saveExclusive(null) })}>Remove</Button>\n        </div>\n      </section>\n\n      <ActionDialog open={pending !== null} onClose={() => !busy && setPending(null)} width={460}>\n        <div className=\"space-y-4 p-6\">\n          <p className=\"text-sm\">{pending?.body}</p>\n          <div className=\"flex justify-end gap-2\">\n            <Button variant=\"outline\" disabled={busy} onClick={() => setPending(null)}>Cancel</Button>\n            <Button disabled={busy} onClick={() => void confirm()}>{busy ? \"Working…\" : \"Confirm\"}</Button>\n          </div>\n        </div>\n      </ActionDialog>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/drop/page/drop-mint-dialog.cjs

@@ -0,0 +1,97 @@
+"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 drop_mint_dialog_exports = {};
+__export(drop_mint_dialog_exports, {
+  DropMintDialog: () => DropMintDialog
+});
+module.exports = __toCommonJS(drop_mint_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_action_dialog = require("../../action-dialog.js");
+var import_gradient_button = require("../../gradient-button.js");
+var import_button = require("../../button.js");
+var import_describe_error = require("../../../utils/describe-error.js");
+function DropMintDialog({
+  open,
+  onClose,
+  name,
+  quantity,
+  totalText,
+  onMint,
+  portfolioHref
+}) {
+  const [step, setStep] = (0, import_react.useState)({ kind: "confirm" });
+  const mint = async () => {
+    setStep({ kind: "minting" });
+    try {
+      setStep({ kind: "done", tokenIds: (await onMint()).tokenIds });
+    } catch (err) {
+      setStep({ kind: "error", message: (0, import_describe_error.describeError)(err, "The mint didn't go through. Please try again.").message });
+    }
+  };
+  const close = () => {
+    if (step.kind === "minting") return;
+    setStep({ kind: "confirm" });
+    onClose();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_dialog.ActionDialog, { open, onClose: close, width: 460, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-5 p-6", children: [
+    step.kind === "confirm" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { className: "text-lg font-semibold", children: [
+        "Mint ",
+        quantity.toString(),
+        " from ",
+        name
+      ] }),
+      totalText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: totalText }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gradient_button.GradientButton, { big: true, onClick: () => void mint(), children: "Confirm mint" })
+    ] }),
+    step.kind === "minting" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { className: "flex items-center gap-2 text-lg font-semibold", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "h-4 w-4 animate-spin" }),
+      "Minting\u2026"
+    ] }),
+    step.kind === "done" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { className: "flex items-center gap-2 text-lg font-semibold", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle2, { className: "h-5 w-5 text-green-500" }),
+        "Minted"
+      ] }),
+      step.tokenIds.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+        "Token",
+        step.tokenIds.length > 1 ? "s" : "",
+        " #",
+        step.tokenIds.join(", #")
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: portfolioHref, children: "View in portfolio" }) })
+    ] }),
+    step.kind === "error" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { className: "flex items-center gap-2 text-lg font-semibold", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.XCircle, { className: "h-4 w-4 text-destructive" }),
+        "Not minted"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: step.message }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { onClick: () => void mint(), children: "Try again" })
+    ] })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropMintDialog
+});
+//# sourceMappingURL=drop-mint-dialog.cjs.map

package/dist/components/drop/page/drop-mint-dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/drop/page/drop-mint-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { CheckCircle2, Loader2, XCircle } from \"lucide-react\";\nimport { ActionDialog } from \"../../action-dialog.js\";\nimport { GradientButton } from \"../../gradient-button.js\";\nimport { Button } from \"../../button.js\";\nimport { describeError } from \"../../../utils/describe-error.js\";\n\ntype Step = { kind: \"confirm\" } | { kind: \"minting\" } | { kind: \"done\"; tokenIds: string[] } | { kind: \"error\"; message: string };\n\nexport function DropMintDialog({\n  open, onClose, name, quantity, totalText, onMint, portfolioHref,\n}: {\n  open: boolean;\n  onClose: () => void;\n  name: string;\n  quantity: bigint;\n  totalText: string | null;\n  onMint: () => Promise<{ tokenIds: string[] }>;\n  portfolioHref: string;\n}) {\n  const [step, setStep] = useState<Step>({ kind: \"confirm\" });\n  const mint = async () => {\n    setStep({ kind: \"minting\" });\n    try {\n      setStep({ kind: \"done\", tokenIds: (await onMint()).tokenIds });\n    } catch (err) {\n      setStep({ kind: \"error\", message: describeError(err, \"The mint didn't go through. Please try again.\").message });\n    }\n  };\n  const close = () => {\n    if (step.kind === \"minting\") return;\n    setStep({ kind: \"confirm\" });\n    onClose();\n  };\n  return (\n    <ActionDialog open={open} onClose={close} width={460}>\n      <div className=\"space-y-5 p-6\">\n        {step.kind === \"confirm\" && (\n          <>\n            <h2 className=\"text-lg font-semibold\">Mint {quantity.toString()} from {name}</h2>\n            {totalText && <p className=\"text-sm text-muted-foreground\">{totalText}</p>}\n            <GradientButton big onClick={() => void mint()}>Confirm mint</GradientButton>\n          </>\n        )}\n        {step.kind === \"minting\" && <h2 className=\"flex items-center gap-2 text-lg font-semibold\"><Loader2 className=\"h-4 w-4 animate-spin\" />Minting…</h2>}\n        {step.kind === \"done\" && (\n          <>\n            <h2 className=\"flex items-center gap-2 text-lg font-semibold\"><CheckCircle2 className=\"h-5 w-5 text-green-500\" />Minted</h2>\n            {step.tokenIds.length > 0 && <p className=\"text-sm text-muted-foreground\">Token{step.tokenIds.length > 1 ? \"s\" : \"\"} #{step.tokenIds.join(\", #\")}</p>}\n            <Button asChild><a href={portfolioHref}>View in portfolio</a></Button>\n          </>\n        )}\n        {step.kind === \"error\" && (\n          <>\n            <h2 className=\"flex items-center gap-2 text-lg font-semibold\"><XCircle className=\"h-4 w-4 text-destructive\" />Not minted</h2>\n            <p className=\"text-sm text-muted-foreground\">{step.message}</p>\n            <Button onClick={() => void mint()}>Try again</Button>\n          </>\n        )}\n      </div>\n    </ActionDialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCU;AAtCV,mBAAyB;AACzB,0BAA+C;AAC/C,2BAA6B;AAC7B,6BAA+B;AAC/B,oBAAuB;AACvB,4BAA8B;AAIvB,SAAS,eAAe;AAAA,EAC7B;AAAA,EAAM;AAAA,EAAS;AAAA,EAAM;AAAA,EAAU;AAAA,EAAW;AAAA,EAAQ;AACpD,GAQG;AACD,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAe,EAAE,MAAM,UAAU,CAAC;AAC1D,QAAM,OAAO,YAAY;AACvB,YAAQ,EAAE,MAAM,UAAU,CAAC;AAC3B,QAAI;AACF,cAAQ,EAAE,MAAM,QAAQ,WAAW,MAAM,OAAO,GAAG,SAAS,CAAC;AAAA,IAC/D,SAAS,KAAK;AACZ,cAAQ,EAAE,MAAM,SAAS,aAAS,qCAAc,KAAK,+CAA+C,EAAE,QAAQ,CAAC;AAAA,IACjH;AAAA,EACF;AACA,QAAM,QAAQ,MAAM;AAClB,QAAI,KAAK,SAAS,UAAW;AAC7B,YAAQ,EAAE,MAAM,UAAU,CAAC;AAC3B,YAAQ;AAAA,EACV;AACA,SACE,4CAAC,qCAAa,MAAY,SAAS,OAAO,OAAO,KAC/C,uDAAC,SAAI,WAAU,iBACZ;AAAA,SAAK,SAAS,aACb,4EACE;AAAA,mDAAC,QAAG,WAAU,yBAAwB;AAAA;AAAA,QAAM,SAAS,SAAS;AAAA,QAAE;AAAA,QAAO;AAAA,SAAK;AAAA,MAC3E,aAAa,4CAAC,OAAE,WAAU,iCAAiC,qBAAU;AAAA,MACtE,4CAAC,yCAAe,KAAG,MAAC,SAAS,MAAM,KAAK,KAAK,GAAG,0BAAY;AAAA,OAC9D;AAAA,IAED,KAAK,SAAS,aAAa,6CAAC,QAAG,WAAU,iDAAgD;AAAA,kDAAC,+BAAQ,WAAU,wBAAuB;AAAA,MAAE;AAAA,OAAQ;AAAA,IAC7I,KAAK,SAAS,UACb,4EACE;AAAA,mDAAC,QAAG,WAAU,iDAAgD;AAAA,oDAAC,oCAAa,WAAU,0BAAyB;AAAA,QAAE;AAAA,SAAM;AAAA,MACtH,KAAK,SAAS,SAAS,KAAK,6CAAC,OAAE,WAAU,iCAAgC;AAAA;AAAA,QAAM,KAAK,SAAS,SAAS,IAAI,MAAM;AAAA,QAAG;AAAA,QAAG,KAAK,SAAS,KAAK,KAAK;AAAA,SAAE;AAAA,MACjJ,4CAAC,wBAAO,SAAO,MAAC,sDAAC,OAAE,MAAM,eAAe,+BAAiB,GAAI;AAAA,OAC/D;AAAA,IAED,KAAK,SAAS,WACb,4EACE;AAAA,mDAAC,QAAG,WAAU,iDAAgD;AAAA,oDAAC,+BAAQ,WAAU,4BAA2B;AAAA,QAAE;AAAA,SAAU;AAAA,MACxH,4CAAC,OAAE,WAAU,iCAAiC,eAAK,SAAQ;AAAA,MAC3D,4CAAC,wBAAO,SAAS,MAAM,KAAK,KAAK,GAAG,uBAAS;AAAA,OAC/C;AAAA,KAEJ,GACF;AAEJ;","names":[]}

package/dist/components/drop/page/drop-mint-dialog.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function DropMintDialog({ open, onClose, name, quantity, totalText, onMint, portfolioHref, }: {
+    open: boolean;
+    onClose: () => void;
+    name: string;
+    quantity: bigint;
+    totalText: string | null;
+    onMint: () => Promise<{
+        tokenIds: string[];
+    }>;
+    portfolioHref: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { DropMintDialog };

package/dist/components/drop/page/drop-mint-dialog.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function DropMintDialog({ open, onClose, name, quantity, totalText, onMint, portfolioHref, }: {
+    open: boolean;
+    onClose: () => void;
+    name: string;
+    quantity: bigint;
+    totalText: string | null;
+    onMint: () => Promise<{
+        tokenIds: string[];
+    }>;
+    portfolioHref: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { DropMintDialog };

package/dist/components/drop/page/drop-mint-dialog.js

@@ -0,0 +1,73 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { CheckCircle2, Loader2, XCircle } from "lucide-react";
+import { ActionDialog } from "../../action-dialog.js";
+import { GradientButton } from "../../gradient-button.js";
+import { Button } from "../../button.js";
+import { describeError } from "../../../utils/describe-error.js";
+function DropMintDialog({
+  open,
+  onClose,
+  name,
+  quantity,
+  totalText,
+  onMint,
+  portfolioHref
+}) {
+  const [step, setStep] = useState({ kind: "confirm" });
+  const mint = async () => {
+    setStep({ kind: "minting" });
+    try {
+      setStep({ kind: "done", tokenIds: (await onMint()).tokenIds });
+    } catch (err) {
+      setStep({ kind: "error", message: describeError(err, "The mint didn't go through. Please try again.").message });
+    }
+  };
+  const close = () => {
+    if (step.kind === "minting") return;
+    setStep({ kind: "confirm" });
+    onClose();
+  };
+  return /* @__PURE__ */ jsx(ActionDialog, { open, onClose: close, width: 460, children: /* @__PURE__ */ jsxs("div", { className: "space-y-5 p-6", children: [
+    step.kind === "confirm" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("h2", { className: "text-lg font-semibold", children: [
+        "Mint ",
+        quantity.toString(),
+        " from ",
+        name
+      ] }),
+      totalText && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: totalText }),
+      /* @__PURE__ */ jsx(GradientButton, { big: true, onClick: () => void mint(), children: "Confirm mint" })
+    ] }),
+    step.kind === "minting" && /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-lg font-semibold", children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
+      "Minting\u2026"
+    ] }),
+    step.kind === "done" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-lg font-semibold", children: [
+        /* @__PURE__ */ jsx(CheckCircle2, { className: "h-5 w-5 text-green-500" }),
+        "Minted"
+      ] }),
+      step.tokenIds.length > 0 && /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+        "Token",
+        step.tokenIds.length > 1 ? "s" : "",
+        " #",
+        step.tokenIds.join(", #")
+      ] }),
+      /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsx("a", { href: portfolioHref, children: "View in portfolio" }) })
+    ] }),
+    step.kind === "error" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-lg font-semibold", children: [
+        /* @__PURE__ */ jsx(XCircle, { className: "h-4 w-4 text-destructive" }),
+        "Not minted"
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: step.message }),
+      /* @__PURE__ */ jsx(Button, { onClick: () => void mint(), children: "Try again" })
+    ] })
+  ] }) });
+}
+export {
+  DropMintDialog
+};
+//# sourceMappingURL=drop-mint-dialog.js.map

package/dist/components/drop/page/drop-mint-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/drop/page/drop-mint-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { CheckCircle2, Loader2, XCircle } from \"lucide-react\";\nimport { ActionDialog } from \"../../action-dialog.js\";\nimport { GradientButton } from \"../../gradient-button.js\";\nimport { Button } from \"../../button.js\";\nimport { describeError } from \"../../../utils/describe-error.js\";\n\ntype Step = { kind: \"confirm\" } | { kind: \"minting\" } | { kind: \"done\"; tokenIds: string[] } | { kind: \"error\"; message: string };\n\nexport function DropMintDialog({\n  open, onClose, name, quantity, totalText, onMint, portfolioHref,\n}: {\n  open: boolean;\n  onClose: () => void;\n  name: string;\n  quantity: bigint;\n  totalText: string | null;\n  onMint: () => Promise<{ tokenIds: string[] }>;\n  portfolioHref: string;\n}) {\n  const [step, setStep] = useState<Step>({ kind: \"confirm\" });\n  const mint = async () => {\n    setStep({ kind: \"minting\" });\n    try {\n      setStep({ kind: \"done\", tokenIds: (await onMint()).tokenIds });\n    } catch (err) {\n      setStep({ kind: \"error\", message: describeError(err, \"The mint didn't go through. Please try again.\").message });\n    }\n  };\n  const close = () => {\n    if (step.kind === \"minting\") return;\n    setStep({ kind: \"confirm\" });\n    onClose();\n  };\n  return (\n    <ActionDialog open={open} onClose={close} width={460}>\n      <div className=\"space-y-5 p-6\">\n        {step.kind === \"confirm\" && (\n          <>\n            <h2 className=\"text-lg font-semibold\">Mint {quantity.toString()} from {name}</h2>\n            {totalText && <p className=\"text-sm text-muted-foreground\">{totalText}</p>}\n            <GradientButton big onClick={() => void mint()}>Confirm mint</GradientButton>\n          </>\n        )}\n        {step.kind === \"minting\" && <h2 className=\"flex items-center gap-2 text-lg font-semibold\"><Loader2 className=\"h-4 w-4 animate-spin\" />Minting…</h2>}\n        {step.kind === \"done\" && (\n          <>\n            <h2 className=\"flex items-center gap-2 text-lg font-semibold\"><CheckCircle2 className=\"h-5 w-5 text-green-500\" />Minted</h2>\n            {step.tokenIds.length > 0 && <p className=\"text-sm text-muted-foreground\">Token{step.tokenIds.length > 1 ? \"s\" : \"\"} #{step.tokenIds.join(\", #\")}</p>}\n            <Button asChild><a href={portfolioHref}>View in portfolio</a></Button>\n          </>\n        )}\n        {step.kind === \"error\" && (\n          <>\n            <h2 className=\"flex items-center gap-2 text-lg font-semibold\"><XCircle className=\"h-4 w-4 text-destructive\" />Not minted</h2>\n            <p className=\"text-sm text-muted-foreground\">{step.message}</p>\n            <Button onClick={() => void mint()}>Try again</Button>\n          </>\n        )}\n      </div>\n    </ActionDialog>\n  );\n}\n"],"mappings":";AAwCU,mBAEgB,KADd,YADF;AAtCV,SAAS,gBAAgB;AACzB,SAAS,cAAc,SAAS,eAAe;AAC/C,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAIvB,SAAS,eAAe;AAAA,EAC7B;AAAA,EAAM;AAAA,EAAS;AAAA,EAAM;AAAA,EAAU;AAAA,EAAW;AAAA,EAAQ;AACpD,GAQG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAe,EAAE,MAAM,UAAU,CAAC;AAC1D,QAAM,OAAO,YAAY;AACvB,YAAQ,EAAE,MAAM,UAAU,CAAC;AAC3B,QAAI;AACF,cAAQ,EAAE,MAAM,QAAQ,WAAW,MAAM,OAAO,GAAG,SAAS,CAAC;AAAA,IAC/D,SAAS,KAAK;AACZ,cAAQ,EAAE,MAAM,SAAS,SAAS,cAAc,KAAK,+CAA+C,EAAE,QAAQ,CAAC;AAAA,IACjH;AAAA,EACF;AACA,QAAM,QAAQ,MAAM;AAClB,QAAI,KAAK,SAAS,UAAW;AAC7B,YAAQ,EAAE,MAAM,UAAU,CAAC;AAC3B,YAAQ;AAAA,EACV;AACA,SACE,oBAAC,gBAAa,MAAY,SAAS,OAAO,OAAO,KAC/C,+BAAC,SAAI,WAAU,iBACZ;AAAA,SAAK,SAAS,aACb,iCACE;AAAA,2BAAC,QAAG,WAAU,yBAAwB;AAAA;AAAA,QAAM,SAAS,SAAS;AAAA,QAAE;AAAA,QAAO;AAAA,SAAK;AAAA,MAC3E,aAAa,oBAAC,OAAE,WAAU,iCAAiC,qBAAU;AAAA,MACtE,oBAAC,kBAAe,KAAG,MAAC,SAAS,MAAM,KAAK,KAAK,GAAG,0BAAY;AAAA,OAC9D;AAAA,IAED,KAAK,SAAS,aAAa,qBAAC,QAAG,WAAU,iDAAgD;AAAA,0BAAC,WAAQ,WAAU,wBAAuB;AAAA,MAAE;AAAA,OAAQ;AAAA,IAC7I,KAAK,SAAS,UACb,iCACE;AAAA,2BAAC,QAAG,WAAU,iDAAgD;AAAA,4BAAC,gBAAa,WAAU,0BAAyB;AAAA,QAAE;AAAA,SAAM;AAAA,MACtH,KAAK,SAAS,SAAS,KAAK,qBAAC,OAAE,WAAU,iCAAgC;AAAA;AAAA,QAAM,KAAK,SAAS,SAAS,IAAI,MAAM;AAAA,QAAG;AAAA,QAAG,KAAK,SAAS,KAAK,KAAK;AAAA,SAAE;AAAA,MACjJ,oBAAC,UAAO,SAAO,MAAC,8BAAC,OAAE,MAAM,eAAe,+BAAiB,GAAI;AAAA,OAC/D;AAAA,IAED,KAAK,SAAS,WACb,iCACE;AAAA,2BAAC,QAAG,WAAU,iDAAgD;AAAA,4BAAC,WAAQ,WAAU,4BAA2B;AAAA,QAAE;AAAA,SAAU;AAAA,MACxH,oBAAC,OAAE,WAAU,iCAAiC,eAAK,SAAQ;AAAA,MAC3D,oBAAC,UAAO,SAAS,MAAM,KAAK,KAAK,GAAG,uBAAS;AAAA,OAC/C;AAAA,KAEJ,GACF;AAEJ;","names":[]}

package/dist/components/drop/page/drop-page.cjs

@@ -0,0 +1,165 @@
+"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 drop_page_exports = {};
+__export(drop_page_exports, {
+  DropPage: () => DropPage
+});
+module.exports = __toCommonJS(drop_page_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_starknet = require("@medialane/sdk/starknet");
+var import_image = __toESM(require("../../image.js"), 1);
+var import_creator_chip = require("../../creator-chip.js");
+var import_share_button = require("../../share-button.js");
+var import_skeleton = require("../../skeleton.js");
+var import_tabs = require("../../tabs.js");
+var import_asset_license_summary = require("../../asset-license-summary.js");
+var import_token_card = require("../../token-card.js");
+var import_drop_action_box = require("./drop-action-box.js");
+var import_drop_activity = require("./drop-activity.js");
+var import_drop_manage = require("./drop-manage.js");
+var import_drop_mint_dialog = require("./drop-mint-dialog.js");
+var import_gradient_button = require("../../gradient-button.js");
+var import_ipfs = require("../../../utils/ipfs.js");
+var import_use_collections = require("../../../utils/use-collections.js");
+var import_use_drops = require("../../../utils/use-drops.js");
+var import_use_now = require("../../../utils/drop/use-now.js");
+var import_view = require("../../../utils/drop/view.js");
+var import_claim_proof = require("../../../utils/drop/claim-proof.js");
+var import_actions = require("../../../utils/drop/actions.js");
+function DropPage(props) {
+  const { contract, getClient, provider, walletAddress } = props;
+  const { drop: indexed, isLoading } = (0, import_use_drops.useDrop)(getClient, contract);
+  const chain = (0, import_use_drops.useDropChain)(provider, contract, walletAddress);
+  const { mints, mutate: refreshMints } = (0, import_use_drops.useDropMints)(getClient, contract);
+  const collectionFile = (0, import_use_drops.useDropFile)(getClient, indexed?.baseUri ?? null, "collection.json");
+  const firstToken = (0, import_use_drops.useDropFile)(getClient, indexed?.baseUri ?? null, "1");
+  const { tokens } = (0, import_use_collections.useCollectionTokens)(getClient, contract, 1, 24);
+  const now = (0, import_use_now.useNow)();
+  const [quantity, setQuantity] = (0, import_react.useState)(1n);
+  const [minting, setMinting] = (0, import_react.useState)(false);
+  const proof = (0, import_react.useMemo)(
+    () => typeof window === "undefined" ? null : (0, import_claim_proof.claimProofFor)(window.localStorage, contract, window.location.hash, "drop-proof"),
+    [contract]
+  );
+  if (isLoading && !chain.drop) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-8 lg:grid-cols-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "aspect-square rounded-2xl" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-96 rounded-2xl" })
+    ] });
+  }
+  if (!indexed && !chain.drop) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-3 py-24 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Package, { className: "mx-auto h-10 w-10 text-muted-foreground/30" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: "This drop wasn't found. A new drop can take a minute to appear." })
+    ] });
+  }
+  const onchain = chain.drop;
+  const mint = (0, import_starknet.dropMintState)({ drop: onchain, wallet: walletAddress, claimed: chain.claimed, proof, balance: chain.balance, feeConfig: props.feeConfig, now });
+  const view = onchain ? (0, import_view.actionBoxView)({ drop: onchain, mint, quantity, feeConfig: props.feeConfig, now }) : null;
+  const isOrganizer = !!walletAddress && !!onchain && BigInt(walletAddress) === BigInt(onchain.organizer);
+  const isCollection = collectionFile?.drop_kind === "collection";
+  const art = firstToken?.image ?? indexed?.image ?? null;
+  const name = indexed?.name ?? "Drop";
+  const deps = async () => ({ client: getClient(), provider, signer: await props.getSigner() });
+  const onAction = () => {
+    if (!view) return;
+    if (view.button.action === "sign-in") props.onRequireWallet();
+    if (view.button.action === "mint") setMinting(true);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-10 pb-28 lg:pb-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-8 lg:grid-cols-2 lg:gap-10", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative aspect-square overflow-hidden rounded-2xl bg-muted", children: art && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: (0, import_ipfs.ipfsToHttp)(art), alt: name, fill: true, unoptimized: true, className: "object-cover" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-3xl font-semibold", children: name }),
+            onchain && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_creator_chip.CreatorChip, { getClient, address: onchain.organizer })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_share_button.ShareButton, { title: name, variant: "outline", size: "sm" })
+        ] }),
+        view && onchain && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drop_action_box.DropActionBox, { view, minted: onchain.totalMinted, maxSupply: onchain.maxSupply, quantity, onQuantity: setQuantity, onAction }) })
+      ] })
+    ] }),
+    view && onchain && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "lg:hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drop_action_box.DropActionBox, { view, minted: onchain.totalMinted, maxSupply: onchain.maxSupply, quantity, onQuantity: setQuantity, onAction }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "fixed inset-x-0 bottom-0 z-30 border-t border-border bg-background/95 p-3 backdrop-blur", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gradient_button.GradientButton, { disabled: view.button.action === "none", onClick: onAction, children: view.button.label }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tabs.Tabs, { defaultValue: props.initialTab === "manage" && isOrganizer ? "manage" : "about", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tabs.TabsList, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.TabsTrigger, { value: "about", children: "About" }),
+        isCollection && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.TabsTrigger, { value: "items", children: "Items" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.TabsTrigger, { value: "activity", children: "Activity" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.TabsTrigger, { value: "license", children: "License" }),
+        isOrganizer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.TabsTrigger, { value: "manage", children: "Manage" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.TabsContent, { value: "about", className: "pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "whitespace-pre-line text-sm leading-relaxed text-muted-foreground", children: indexed?.description || "No description." }) }),
+      isCollection && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.TabsContent, { value: "items", className: "pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4", children: tokens.map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_token_card.TokenCard, { token: t }, t.tokenId)) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.TabsContent, { value: "activity", className: "pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drop_activity.DropActivityList, { mints }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.TabsContent, { value: "license", className: "pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_asset_license_summary.AssetLicenseSummary, { attributes: firstToken?.attributes ?? [] }) }),
+      isOrganizer && onchain && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.TabsContent, { value: "manage", className: "pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_drop_manage.DropManage,
+        {
+          contract,
+          indexed,
+          onchain,
+          mints,
+          run: async (params) => {
+            await (0, import_actions.manageDrop)(await deps(), { owner: walletAddress, collection: contract, ...params });
+            await Promise.all([chain.mutate(), refreshMints()]);
+          },
+          saveExclusive: (value) => (0, import_actions.saveExclusiveContent)(getClient(), contract, value)
+        }
+      ) })
+    ] }),
+    view && minting && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_drop_mint_dialog.DropMintDialog,
+      {
+        open: true,
+        onClose: () => setMinting(false),
+        name,
+        quantity: quantity > view.maxQuantity ? view.maxQuantity : quantity,
+        totalText: view.totalText,
+        portfolioHref: props.portfolioHref ?? "/portfolio",
+        onMint: async () => {
+          const res = await (0, import_actions.mintDrop)(await deps(), { claimer: walletAddress, collection: contract, quantity: quantity > view.maxQuantity ? view.maxQuantity : quantity, proof });
+          await Promise.all([chain.mutate(), refreshMints()]);
+          return res;
+        }
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropPage
+});
+//# sourceMappingURL=drop-page.cjs.map