@medialane/ui 0.295.0 → 0.297.0

package/dist/components/fast-mint/collection-section.js

@@ -0,0 +1,176 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Image from "next/image";
+import { Boxes, Check, ChevronDown, Plus } from "lucide-react";
+import { Input } from "../input.js";
+import { Textarea } from "../textarea.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../popover.js";
+import { cn } from "../../utils/cn.js";
+import { useImageUrl } from "../../utils/use-image-url.js";
+import { collectionKey } from "./mintable-collections.js";
+function collectionDisplayLabel(col) {
+  return col.name || col.symbol || `Collection #${col.collectionId}`;
+}
+function CollectionThumb({ image }) {
+  const resolveImage = useImageUrl();
+  const imageUrl = resolveImage(image);
+  return /* @__PURE__ */ jsx("div", { className: "relative h-10 w-10 rounded-lg overflow-hidden bg-muted shrink-0", children: imageUrl ? /* @__PURE__ */ jsx(Image, { src: imageUrl, alt: "", fill: true, className: "object-cover", unoptimized: true }) : /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(Boxes, { className: "h-4 w-4 text-muted-foreground/40" }) }) });
+}
+function CollectionPicker({
+  collections,
+  value,
+  onChange,
+  valueOf
+}) {
+  const [open, setOpen] = useState(false);
+  const selected = value ? collections.find((c) => valueOf(c) === value) ?? null : null;
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": open,
+        className: "flex w-full items-center gap-3 rounded-xl border border-border p-3 text-left transition-colors hover:bg-muted/40",
+        children: [
+          /* @__PURE__ */ jsx(CollectionThumb, { image: selected?.image }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold truncate", children: selected ? collectionDisplayLabel(selected) : collections.length ? "Choose a collection" : "No collections yet" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: selected ? `${selected.totalSupply ?? 0} work${selected.totalSupply === 1 ? "" : "s"}` : "Where this work will live" })
+          ] }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto p-1", children: collections.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "No collections yet \u2014 create one instead." }) : collections.map((col) => {
+      const id = valueOf(col);
+      const isSelected = !!id && value === id;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          disabled: !id,
+          onClick: () => {
+            if (!id) return;
+            onChange(id);
+            setOpen(false);
+          },
+          className: "flex w-full items-center gap-2.5 rounded-lg px-2 py-2 text-left transition-colors hover:bg-muted/60",
+          children: [
+            /* @__PURE__ */ jsx(CollectionThumb, { image: col.image }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: collectionDisplayLabel(col) }),
+              /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                col.totalSupply ?? 0,
+                " work",
+                col.totalSupply === 1 ? "" : "s"
+              ] })
+            ] }),
+            isSelected && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-brand-blue shrink-0" })
+          ]
+        },
+        id ?? col.contractAddress ?? col.name
+      );
+    }) }) })
+  ] });
+}
+function CollectionSection({
+  assetType,
+  mode,
+  onModeChange,
+  collections,
+  existingId,
+  existingContract,
+  onExistingId,
+  onExistingContract,
+  draft,
+  previewImage
+}) {
+  const single = assetType === "single";
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("label", { className: "text-sm font-medium flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(Boxes, { className: "h-4 w-4" }),
+        "Collection *"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex rounded-lg border border-border overflow-hidden", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onModeChange("existing"),
+            className: cn(
+              "px-3 h-7 text-xs font-medium transition-colors",
+              mode === "existing" ? "bg-primary text-primary-foreground" : "bg-background hover:bg-muted text-muted-foreground"
+            ),
+            children: "Existing"
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onModeChange("new"),
+            className: cn(
+              "px-3 h-7 text-xs font-medium border-l border-border transition-colors flex items-center gap-1",
+              mode === "new" ? "bg-primary text-primary-foreground" : "bg-background hover:bg-muted text-muted-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }),
+              "New"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    mode === "existing" ? /* @__PURE__ */ jsx(
+      CollectionPicker,
+      {
+        collections,
+        value: single ? existingId : existingContract,
+        onChange: single ? onExistingId : onExistingContract,
+        valueOf: collectionKey(assetType)
+      }
+    ) : /* @__PURE__ */ jsxs("div", { className: "flex gap-3 rounded-xl border border-border p-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "relative h-16 w-16 rounded-lg overflow-hidden bg-muted shrink-0", children: previewImage ? /* @__PURE__ */ jsx(Image, { src: previewImage, alt: "", fill: true, className: "object-cover", unoptimized: true }) : /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(Boxes, { className: "h-5 w-5 text-muted-foreground/40" }) }) }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_100px] gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: draft.name,
+              onChange: (e) => draft.setName(e.target.value),
+              placeholder: "Collection name",
+              className: "h-9 text-sm"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: draft.symbol,
+              onChange: (e) => draft.setSymbol(e.target.value.toUpperCase()),
+              placeholder: "SYMBOL",
+              className: "h-9 text-sm"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            value: draft.description,
+            onChange: (e) => draft.setDescription(e.target.value),
+            placeholder: "Describe this collection\u2026",
+            rows: 2,
+            className: "text-sm resize-none"
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-2xs text-muted-foreground", children: "Prefilled from your asset \u2014 edit anything above." })
+      ] })
+    ] })
+  ] });
+}
+export {
+  CollectionPicker,
+  CollectionSection
+};
+//# sourceMappingURL=collection-section.js.map

package/dist/components/fast-mint/collection-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/fast-mint/collection-section.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport Image from \"next/image\";\nimport type { ApiCollection } from \"@medialane/sdk\";\nimport { Boxes, Check, ChevronDown, Plus } from \"lucide-react\";\nimport { Input } from \"../input.js\";\nimport { Textarea } from \"../textarea.js\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover.js\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useImageUrl } from \"../../utils/use-image-url.js\";\nimport { collectionKey, type MintAssetType } from \"./mintable-collections.js\";\nimport type { useNewCollectionDraft } from \"./use-new-collection-draft.js\";\n\nfunction collectionDisplayLabel(col: ApiCollection) {\n  return col.name || col.symbol || `Collection #${col.collectionId}`;\n}\n\nfunction CollectionThumb({ image }: { image: string | null | undefined }) {\n  const resolveImage = useImageUrl();\n  const imageUrl = resolveImage(image);\n  return (\n    <div className=\"relative h-10 w-10 rounded-lg overflow-hidden bg-muted shrink-0\">\n      {imageUrl ? (\n        <Image src={imageUrl} alt=\"\" fill className=\"object-cover\" unoptimized />\n      ) : (\n        <div className=\"absolute inset-0 flex items-center justify-center\">\n          <Boxes className=\"h-4 w-4 text-muted-foreground/40\" />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function CollectionPicker({\n  collections, value, onChange, valueOf,\n}: {\n  collections: ApiCollection[];\n  value: string;\n  onChange: (id: string) => void;\n  valueOf: (c: ApiCollection) => string | null | undefined;\n}) {\n  const [open, setOpen] = useState(false);\n  const selected = value\n    ? collections.find((c) => valueOf(c) === value) ?? null\n    : null;\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          className=\"flex w-full items-center gap-3 rounded-xl border border-border p-3 text-left transition-colors hover:bg-muted/40\"\n        >\n          <CollectionThumb image={selected?.image} />\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-sm font-semibold truncate\">\n              {selected ? collectionDisplayLabel(selected) : collections.length ? \"Choose a collection\" : \"No collections yet\"}\n            </p>\n            <p className=\"text-xs text-muted-foreground\">\n              {selected ? `${selected.totalSupply ?? 0} work${selected.totalSupply === 1 ? \"\" : \"s\"}` : \"Where this work will live\"}\n            </p>\n          </div>\n          <ChevronDown className=\"h-3.5 w-3.5 text-muted-foreground shrink-0\" />\n        </button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-[var(--radix-popover-trigger-width)] p-0\" align=\"start\">\n        <div className=\"max-h-64 overflow-y-auto p-1\">\n          {collections.length === 0 ? (\n            <p className=\"px-3 py-4 text-center text-sm text-muted-foreground\">No collections yet — create one instead.</p>\n          ) : (\n            collections.map((col) => {\n              const id = valueOf(col);\n              const isSelected = !!id && value === id;\n              return (\n                <button\n                  key={id ?? col.contractAddress ?? col.name}\n                  type=\"button\"\n                  disabled={!id}\n                  onClick={() => { if (!id) return; onChange(id); setOpen(false); }}\n                  className=\"flex w-full items-center gap-2.5 rounded-lg px-2 py-2 text-left transition-colors hover:bg-muted/60\"\n                >\n                  <CollectionThumb image={col.image} />\n                  <div className=\"min-w-0 flex-1\">\n                    <p className=\"text-sm font-medium truncate\">{collectionDisplayLabel(col)}</p>\n                    <p className=\"text-xs text-muted-foreground\">{col.totalSupply ?? 0} work{col.totalSupply === 1 ? \"\" : \"s\"}</p>\n                  </div>\n                  {isSelected && <Check className=\"h-4 w-4 text-brand-blue shrink-0\" />}\n                </button>\n              );\n            })\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\n\nexport type CollectionMode = \"existing\" | \"new\";\n\nexport function CollectionSection({\n  assetType, mode, onModeChange, collections, existingId, existingContract, onExistingId, onExistingContract, draft, previewImage,\n}: {\n  assetType: MintAssetType;\n  mode: CollectionMode;\n  onModeChange: (mode: CollectionMode) => void;\n  collections: ApiCollection[];\n  existingId: string;\n  existingContract: string;\n  onExistingId: (id: string) => void;\n  onExistingContract: (contract: string) => void;\n  draft: ReturnType<typeof useNewCollectionDraft>;\n  previewImage: string | null;\n}) {\n  const single = assetType === \"single\";\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"flex items-center justify-between\">\n        <label className=\"text-sm font-medium flex items-center gap-1.5\">\n          <Boxes className=\"h-4 w-4\" />\n          Collection *\n        </label>\n        <div className=\"flex rounded-lg border border-border overflow-hidden\">\n          <button\n            type=\"button\"\n            onClick={() => onModeChange(\"existing\")}\n            className={cn(\"px-3 h-7 text-xs font-medium transition-colors\",\n              mode === \"existing\" ? \"bg-primary text-primary-foreground\" : \"bg-background hover:bg-muted text-muted-foreground\")}\n          >\n            Existing\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => onModeChange(\"new\")}\n            className={cn(\"px-3 h-7 text-xs font-medium border-l border-border transition-colors flex items-center gap-1\",\n              mode === \"new\" ? \"bg-primary text-primary-foreground\" : \"bg-background hover:bg-muted text-muted-foreground\")}\n          >\n            <Plus className=\"h-3 w-3\" />New\n          </button>\n        </div>\n      </div>\n\n      {mode === \"existing\" ? (\n        <CollectionPicker\n          collections={collections}\n          value={single ? existingId : existingContract}\n          onChange={single ? onExistingId : onExistingContract}\n          valueOf={collectionKey(assetType)}\n        />\n      ) : (\n        <div className=\"flex gap-3 rounded-xl border border-border p-3\">\n          <div className=\"relative h-16 w-16 rounded-lg overflow-hidden bg-muted shrink-0\">\n            {previewImage ? (\n              <Image src={previewImage} alt=\"\" fill className=\"object-cover\" unoptimized />\n            ) : (\n              <div className=\"absolute inset-0 flex items-center justify-center\">\n                <Boxes className=\"h-5 w-5 text-muted-foreground/40\" />\n              </div>\n            )}\n          </div>\n          <div className=\"min-w-0 flex-1 space-y-2\">\n            <div className=\"grid grid-cols-[1fr_100px] gap-2\">\n              <Input\n                value={draft.name}\n                onChange={(e) => draft.setName(e.target.value)}\n                placeholder=\"Collection name\"\n                className=\"h-9 text-sm\"\n              />\n              <Input\n                value={draft.symbol}\n                onChange={(e) => draft.setSymbol(e.target.value.toUpperCase())}\n                placeholder=\"SYMBOL\"\n                className=\"h-9 text-sm\"\n              />\n            </div>\n            <Textarea\n              value={draft.description}\n              onChange={(e) => draft.setDescription(e.target.value)}\n              placeholder=\"Describe this collection…\"\n              rows={2}\n              className=\"text-sm resize-none\"\n            />\n            <p className=\"text-2xs text-muted-foreground\">Prefilled from your asset — edit anything above.</p>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}