@medialane/ui 0.286.0 → 0.288.0

package/dist/components/collection-settings.js

@@ -0,0 +1,335 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  User,
+  Image as ImageIcon,
+  Globe,
+  Twitter,
+  MessageCircle,
+  Send,
+  Lock,
+  Unlock,
+  Sparkles,
+  ShieldCheck,
+  CheckCircle2,
+  ExternalLink,
+  Video,
+  Music,
+  Radio,
+  FileText,
+  Link2,
+  Info
+} from "lucide-react";
+import { collectionHref } from "@medialane/sdk";
+import { Button } from "./button.js";
+import { Input } from "./input.js";
+import { Label } from "./label.js";
+import { Textarea } from "./textarea.js";
+import { Switch } from "./switch.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.js";
+import { Badge } from "./badge.js";
+import Link from "./link.js";
+import { cn } from "../utils/cn.js";
+import { SectionCard, SectionHeader, FieldRow, HelperText } from "./settings-section.js";
+import { CollectionSlugClaimSection } from "./collection-slug-claim.js";
+import { useCollectionSettings } from "../utils/use-collection-settings.js";
+const DESC_MAX = 500;
+const CONTENT_TYPES = [
+  { value: "VIDEO", label: "Video", icon: Video, hint: "YouTube, Vimeo, or any video URL" },
+  { value: "AUDIO", label: "Audio", icon: Music, hint: "Spotify, SoundCloud, MP3 link\u2026" },
+  { value: "STREAM", label: "Live stream", icon: Radio, hint: "Twitch, YouTube Live, etc." },
+  { value: "DOCUMENT", label: "Document", icon: FileText, hint: "PDF, Notion, Google Doc\u2026" },
+  { value: "LINK", label: "Link", icon: Link2, hint: "Any URL" }
+];
+function CollectionSettings({ contract }) {
+  const {
+    collection,
+    profile,
+    collectionLoading,
+    isLoading,
+    isOwner,
+    form,
+    set,
+    update,
+    saving,
+    saveStatus,
+    saveError,
+    save
+  } = useCollectionSettings(contract);
+  const descLen = form.description.length;
+  if (!collectionLoading && collection && !isOwner) {
+    return /* @__PURE__ */ jsxs("div", { className: "py-12 flex flex-col items-center gap-3 text-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsx(Lock, { className: "h-5 w-5 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Owner access only" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground max-w-xs", children: "Only the collection owner can access settings. If you believe this is yours, visit your portfolio to claim it." }),
+      /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", asChild: true, children: /* @__PURE__ */ jsx(Link, { href: "/portfolio/collections", children: "Go to my collections" }) })
+    ] });
+  }
+  const selectedContentType = CONTENT_TYPES.find((t) => t.value === form.gatedContentType);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6 max-w-2xl pb-16", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold", children: "Collection Settings" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Customize how your collection appears on Medialane and manage exclusive content for your community." }),
+      collection && /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: collectionHref("STARKNET", contract),
+          className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground mt-2 transition-colors",
+          children: [
+            /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" }),
+            "View collection page"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(SectionCard, { id: "identity", children: [
+      /* @__PURE__ */ jsx(
+        SectionHeader,
+        {
+          icon: User,
+          title: "Identity",
+          description: "Your collection's public name and description. A complete profile builds trust with collectors.",
+          badge: profile?.displayName ? /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "text-2xs h-4 px-1.5 gap-1 text-emerald-500 border-emerald-500/30", children: [
+            /* @__PURE__ */ jsx(CheckCircle2, { className: "h-2.5 w-2.5" }),
+            "Named"
+          ] }) : /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "text-2xs h-4 px-1.5 gap-1 text-amber-500 border-amber-500/30", children: [
+            /* @__PURE__ */ jsx(Info, { className: "h-2.5 w-2.5" }),
+            "Add a name"
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4 pt-1 border-t border-border", children: [
+        /* @__PURE__ */ jsxs(FieldRow, { children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "displayName", children: "Display name" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "displayName",
+              placeholder: collection?.name ?? "My Collection",
+              value: form.displayName,
+              onChange: set("displayName"),
+              disabled: isLoading
+            }
+          ),
+          /* @__PURE__ */ jsx(HelperText, { children: "Shown on your collection page and search results. Uses the on-chain name by default." })
+        ] }),
+        /* @__PURE__ */ jsxs(FieldRow, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "description", children: "Description" }),
+            /* @__PURE__ */ jsxs("span", { className: cn("text-2xs tabular-nums", descLen > DESC_MAX ? "text-destructive" : "text-muted-foreground"), children: [
+              descLen,
+              "/",
+              DESC_MAX
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              id: "description",
+              value: form.description,
+              onChange: (e) => {
+                if (e.target.value.length <= DESC_MAX) set("description")(e);
+              },
+              rows: 4,
+              placeholder: "Tell collectors what makes this collection special \u2014 the story, the art style, the community\u2026",
+              disabled: isLoading
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(SectionCard, { id: "media", children: [
+      /* @__PURE__ */ jsx(
+        SectionHeader,
+        {
+          icon: ImageIcon,
+          title: "Media",
+          description: "Images shown on your collection page. Use IPFS URIs (ipfs://Qm\u2026) or direct HTTPS URLs."
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4 pt-1 border-t border-border", children: [
+        /* @__PURE__ */ jsxs(FieldRow, { children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "image", children: "Cover image" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "image",
+              placeholder: "ipfs://Qm\u2026 or https://\u2026",
+              value: form.image,
+              onChange: set("image"),
+              disabled: isLoading
+            }
+          ),
+          /* @__PURE__ */ jsx(HelperText, { children: "Square or portrait image shown on collection cards across the marketplace." })
+        ] }),
+        /* @__PURE__ */ jsxs(FieldRow, { children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "bannerImage", children: "Banner image" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "bannerImage",
+              placeholder: "ipfs://Qm\u2026 or https://\u2026",
+              value: form.bannerImage,
+              onChange: set("bannerImage"),
+              disabled: isLoading
+            }
+          ),
+          /* @__PURE__ */ jsx(HelperText, { children: "Wide image displayed as the hero banner at the top of your collection page. Recommended 1500\xD7500 px." })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(SectionCard, { id: "exclusive", className: form.gatedEnabled ? "border-emerald-500/30 bg-emerald-500/[0.03]" : "", children: [
+      /* @__PURE__ */ jsx(
+        SectionHeader,
+        {
+          icon: Lock,
+          title: "Exclusive Content",
+          description: "Reward your holders with exclusive content \u2014 only wallets that own a token from this collection can access it.",
+          iconClass: form.gatedEnabled ? "text-emerald-500" : "text-muted-foreground",
+          bgClass: form.gatedEnabled ? "bg-emerald-500/15" : "bg-muted",
+          badge: form.gatedEnabled ? /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "text-2xs h-4 px-1.5 gap-1 text-emerald-500 border-emerald-500/30", children: [
+            /* @__PURE__ */ jsx(Unlock, { className: "h-2.5 w-2.5" }),
+            "Active"
+          ] }) : void 0
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "pt-1 border-t border-border space-y-5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: form.gatedEnabled ? "Exclusive content is enabled" : "Enable exclusive content" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: form.gatedEnabled ? "Holders will see and unlock your exclusive content on the collection page." : "Add exclusive content that only token holders can access \u2014 video, audio, links, or documents." })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              checked: form.gatedEnabled,
+              onCheckedChange: (v) => update({ gatedEnabled: v }),
+              disabled: isLoading
+            }
+          )
+        ] }),
+        form.gatedEnabled && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs(FieldRow, { children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "gatedContentTitle", children: "Content title" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "gatedContentTitle",
+                placeholder: "e.g. Exclusive Track, Behind the Scenes, Holders Chat\u2026",
+                value: form.gatedContentTitle,
+                onChange: set("gatedContentTitle")
+              }
+            ),
+            /* @__PURE__ */ jsx(HelperText, { children: "Displayed publicly as a teaser on your collection page \u2014 this title is visible to everyone, but the actual content is only accessible to verified holders." })
+          ] }),
+          /* @__PURE__ */ jsxs(FieldRow, { children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "gatedContentUrl", children: "Content URL" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "gatedContentUrl",
+                placeholder: "https://\u2026",
+                value: form.gatedContentUrl,
+                onChange: set("gatedContentUrl")
+              }
+            ),
+            /* @__PURE__ */ jsx(HelperText, { children: "The link holders will receive. This is kept private by the backend and never exposed publicly. Works with any URL \u2014 video, audio, document, community link, etc." })
+          ] }),
+          /* @__PURE__ */ jsxs(FieldRow, { children: [
+            /* @__PURE__ */ jsx(Label, { children: "Content type" }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: form.gatedContentType,
+                onValueChange: (v) => update({ gatedContentType: v }),
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "What kind of content is this?" }) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: CONTENT_TYPES.map(({ value, label, icon: Icon }) => /* @__PURE__ */ jsx(SelectItem, { value, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+                    label
+                  ] }) }, value)) })
+                ]
+              }
+            ),
+            selectedContentType && /* @__PURE__ */ jsx(HelperText, { children: selectedContentType.hint })
+          ] }),
+          form.gatedContentTitle && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-emerald-500/20 bg-emerald-500/5 p-4 space-y-1.5", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-2xs font-semibold text-emerald-500 uppercase tracking-widest", children: "Preview \u2014 what holders see" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: form.gatedContentTitle || "\u2014" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Verified holders can access this content on your collection page." })
+          ] })
+        ] }),
+        !form.gatedEnabled && /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-muted/50 border border-border p-4 space-y-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-foreground", children: "How it works" }),
+          /* @__PURE__ */ jsxs("ul", { className: "text-xs text-muted-foreground space-y-1.5", children: [
+            /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
+              /* @__PURE__ */ jsx(Sparkles, { className: "h-3 w-3 text-emerald-500 mt-0.5 shrink-0" }),
+              "Set a URL \u2014 a private video, Discord invite, audio file, or any link."
+            ] }),
+            /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
+              /* @__PURE__ */ jsx(ShieldCheck, { className: "h-3 w-3 text-emerald-500 mt-0.5 shrink-0" }),
+              "Medialane verifies on-chain ownership before granting access. No spoofing."
+            ] }),
+            /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
+              /* @__PURE__ */ jsx(Lock, { className: "h-3 w-3 text-emerald-500 mt-0.5 shrink-0" }),
+              "The content URL is never exposed publicly \u2014 only verified holders receive it."
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(SectionCard, { id: "links", children: [
+      /* @__PURE__ */ jsx(
+        SectionHeader,
+        {
+          icon: Globe,
+          title: "Links",
+          description: "Social and community links shown to collectors visiting your page."
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "space-y-4 pt-1 border-t border-border", children: [
+        { key: "websiteUrl", icon: Globe, label: "Website", placeholder: "https://myproject.xyz" },
+        { key: "twitterUrl", icon: Twitter, label: "Twitter / X", placeholder: "https://twitter.com/\u2026" },
+        { key: "discordUrl", icon: MessageCircle, label: "Discord", placeholder: "https://discord.gg/\u2026" },
+        { key: "telegramUrl", icon: Send, label: "Telegram", placeholder: "https://t.me/\u2026" }
+      ].map(({ key, icon: Icon, label, placeholder }) => /* @__PURE__ */ jsxs(FieldRow, { children: [
+        /* @__PURE__ */ jsxs(Label, { htmlFor: key, className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+          label
+        ] }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: key,
+            placeholder,
+            value: form[key],
+            onChange: set(key),
+            disabled: isLoading
+          }
+        )
+      ] }, key)) })
+    ] }),
+    /* @__PURE__ */ jsx(CollectionSlugClaimSection, { contract, profile }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 pt-2", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: save,
+          disabled: saving || isLoading || descLen > DESC_MAX,
+          className: "min-w-[120px]",
+          children: saving ? "Saving\u2026" : "Save changes"
+        }
+      ),
+      saveStatus === "saved" && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-sm text-emerald-500", children: [
+        /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4" }),
+        " Saved"
+      ] }),
+      saveStatus === "error" && /* @__PURE__ */ jsx("span", { className: "text-sm text-destructive", children: saveError }),
+      descLen > DESC_MAX && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: "Description is too long." })
+    ] })
+  ] });
+}
+export {
+  CollectionSettings
+};
+//# sourceMappingURL=collection-settings.js.map

package/dist/components/collection-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/collection-settings.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  User, Image as ImageIcon, Globe, Twitter, MessageCircle, Send,\n  Lock, Unlock, Sparkles, ShieldCheck, CheckCircle2, ExternalLink,\n  Video, Music, Radio, FileText, Link2, Info,\n} from \"lucide-react\";\nimport { collectionHref } from \"@medialane/sdk\";\nimport { Button } from \"./button.js\";\nimport { Input } from \"./input.js\";\nimport { Label } from \"./label.js\";\nimport { Textarea } from \"./textarea.js\";\nimport { Switch } from \"./switch.js\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"./select.js\";\nimport { Badge } from \"./badge.js\";\nimport Link from \"./link.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { SectionCard, SectionHeader, FieldRow, HelperText } from \"./settings-section.js\";\nimport { CollectionSlugClaimSection } from \"./collection-slug-claim.js\";\nimport { useCollectionSettings } from \"../utils/use-collection-settings.js\";\n\nconst DESC_MAX = 500;\n\nconst CONTENT_TYPES = [\n  { value: \"VIDEO\",    label: \"Video\",       icon: Video,    hint: \"YouTube, Vimeo, or any video URL\" },\n  { value: \"AUDIO\",    label: \"Audio\",        icon: Music,    hint: \"Spotify, SoundCloud, MP3 link…\" },\n  { value: \"STREAM\",   label: \"Live stream\",  icon: Radio,    hint: \"Twitch, YouTube Live, etc.\" },\n  { value: \"DOCUMENT\", label: \"Document\",     icon: FileText, hint: \"PDF, Notion, Google Doc…\" },\n  { value: \"LINK\",     label: \"Link\",         icon: Link2,    hint: \"Any URL\" },\n];\n\nexport function CollectionSettings({ contract }: { contract: string }) {\n  const {\n    collection, profile, collectionLoading, isLoading, isOwner,\n    form, set, update, saving, saveStatus, saveError, save,\n  } = useCollectionSettings(contract);\n  const descLen = form.description.length;\n\n  if (!collectionLoading && collection && !isOwner) {\n    return (\n      <div className=\"py-12 flex flex-col items-center gap-3 text-center\">\n        <div className=\"h-12 w-12 rounded-full bg-muted flex items-center justify-center\">\n          <Lock className=\"h-5 w-5 text-muted-foreground\" />\n        </div>\n        <p className=\"text-sm font-medium\">Owner access only</p>\n        <p className=\"text-xs text-muted-foreground max-w-xs\">\n          Only the collection owner can access settings. If you believe this is yours,\n          visit your portfolio to claim it.\n        </p>\n        <Button variant=\"outline\" size=\"sm\" asChild>\n          <Link href=\"/portfolio/collections\">Go to my collections</Link>\n        </Button>\n      </div>\n    );\n  }\n\n  const selectedContentType = CONTENT_TYPES.find(t => t.value === form.gatedContentType);\n\n  return (\n    <div className=\"space-y-6 max-w-2xl pb-16\">\n\n      <div>\n        <h1 className=\"text-xl font-semibold\">Collection Settings</h1>\n        <p className=\"text-sm text-muted-foreground mt-1\">\n          Customize how your collection appears on Medialane and manage exclusive content for your community.\n        </p>\n        {collection && (\n          <Link\n            href={collectionHref(\"STARKNET\", contract)}\n            className=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground mt-2 transition-colors\"\n          >\n            <ExternalLink className=\"h-3 w-3\" />\n            View collection page\n          </Link>\n        )}\n      </div>\n\n      <SectionCard id=\"identity\">\n        <SectionHeader\n          icon={User}\n          title=\"Identity\"\n          description=\"Your collection's public name and description. A complete profile builds trust with collectors.\"\n          badge={\n            profile?.displayName ? (\n              <Badge variant=\"outline\" className=\"text-2xs h-4 px-1.5 gap-1 text-emerald-500 border-emerald-500/30\">\n                <CheckCircle2 className=\"h-2.5 w-2.5\" />\n                Named\n              </Badge>\n            ) : (\n              <Badge variant=\"outline\" className=\"text-2xs h-4 px-1.5 gap-1 text-amber-500 border-amber-500/30\">\n                <Info className=\"h-2.5 w-2.5\" />\n                Add a name\n              </Badge>\n            )\n          }\n        />\n        <div className=\"space-y-4 pt-1 border-t border-border\">\n          <FieldRow>\n            <Label htmlFor=\"displayName\">Display name</Label>\n            <Input\n              id=\"displayName\"\n              placeholder={collection?.name ?? \"My Collection\"}\n              value={form.displayName}\n              onChange={set(\"displayName\")}\n              disabled={isLoading}\n            />\n            <HelperText>\n              Shown on your collection page and search results. Uses the on-chain name by default.\n            </HelperText>\n          </FieldRow>\n          <FieldRow>\n            <div className=\"flex items-center justify-between\">\n              <Label htmlFor=\"description\">Description</Label>\n              <span className={cn(\"text-2xs tabular-nums\", descLen > DESC_MAX ? \"text-destructive\" : \"text-muted-foreground\")}>\n                {descLen}/{DESC_MAX}\n              </span>\n            </div>\n            <Textarea\n              id=\"description\"\n              value={form.description}\n              onChange={(e) => {\n                if (e.target.value.length <= DESC_MAX) set(\"description\")(e);\n              }}\n              rows={4}\n              placeholder=\"Tell collectors what makes this collection special — the story, the art style, the community…\"\n              disabled={isLoading}\n            />\n          </FieldRow>\n        </div>\n      </SectionCard>\n\n      <SectionCard id=\"media\">\n        <SectionHeader\n          icon={ImageIcon}\n          title=\"Media\"\n          description=\"Images shown on your collection page. Use IPFS URIs (ipfs://Qm…) or direct HTTPS URLs.\"\n        />\n        <div className=\"space-y-4 pt-1 border-t border-border\">\n          <FieldRow>\n            <Label htmlFor=\"image\">Cover image</Label>\n            <Input\n              id=\"image\"\n              placeholder=\"ipfs://Qm… or https://…\"\n              value={form.image}\n              onChange={set(\"image\")}\n              disabled={isLoading}\n            />\n            <HelperText>Square or portrait image shown on collection cards across the marketplace.</HelperText>\n          </FieldRow>\n          <FieldRow>\n            <Label htmlFor=\"bannerImage\">Banner image</Label>\n            <Input\n              id=\"bannerImage\"\n              placeholder=\"ipfs://Qm… or https://…\"\n              value={form.bannerImage}\n              onChange={set(\"bannerImage\")}\n              disabled={isLoading}\n            />\n            <HelperText>Wide image displayed as the hero banner at the top of your collection page. Recommended 1500×500 px.</HelperText>\n          </FieldRow>\n        </div>\n      </SectionCard>\n\n      <SectionCard id=\"exclusive\" className={form.gatedEnabled ? \"border-emerald-500/30 bg-emerald-500/[0.03]\" : \"\"}>\n        <SectionHeader\n          icon={Lock}\n          title=\"Exclusive Content\"\n          description=\"Reward your holders with exclusive content — only wallets that own a token from this collection can access it.\"\n          iconClass={form.gatedEnabled ? \"text-emerald-500\" : \"text-muted-foreground\"}\n          bgClass={form.gatedEnabled ? \"bg-emerald-500/15\" : \"bg-muted\"}\n          badge={\n            form.gatedEnabled ? (\n              <Badge variant=\"outline\" className=\"text-2xs h-4 px-1.5 gap-1 text-emerald-500 border-emerald-500/30\">\n                <Unlock className=\"h-2.5 w-2.5\" />\n                Active\n              </Badge>\n            ) : undefined\n          }\n        />\n\n        <div className=\"pt-1 border-t border-border space-y-5\">\n\n          <div className=\"flex items-center justify-between\">\n            <div>\n              <p className=\"text-sm font-medium\">\n                {form.gatedEnabled ? \"Exclusive content is enabled\" : \"Enable exclusive content\"}\n              </p>\n              <p className=\"text-xs text-muted-foreground mt-0.5\">\n                {form.gatedEnabled\n                  ? \"Holders will see and unlock your exclusive content on the collection page.\"\n                  : \"Add exclusive content that only token holders can access — video, audio, links, or documents.\"}\n              </p>\n            </div>\n            <Switch\n              checked={form.gatedEnabled}\n              onCheckedChange={(v) => update({ gatedEnabled: v })}\n              disabled={isLoading}\n            />\n          </div>\n\n          {form.gatedEnabled && (\n            <div className=\"space-y-4\">\n\n              <FieldRow>\n                <Label htmlFor=\"gatedContentTitle\">Content title</Label>\n                <Input\n                  id=\"gatedContentTitle\"\n                  placeholder=\"e.g. Exclusive Track, Behind the Scenes, Holders Chat…\"\n                  value={form.gatedContentTitle}\n                  onChange={set(\"gatedContentTitle\")}\n                />\n                <HelperText>\n                  Displayed publicly as a teaser on your collection page — this title is visible to everyone,\n                  but the actual content is only accessible to verified holders.\n                </HelperText>\n              </FieldRow>\n\n              <FieldRow>\n                <Label htmlFor=\"gatedContentUrl\">Content URL</Label>\n                <Input\n                  id=\"gatedContentUrl\"\n                  placeholder=\"https://…\"\n                  value={form.gatedContentUrl}\n                  onChange={set(\"gatedContentUrl\")}\n                />\n                <HelperText>\n                  The link holders will receive. This is kept private by the backend and never exposed publicly.\n                  Works with any URL — video, audio, document, community link, etc.\n                </HelperText>\n              </FieldRow>\n\n              <FieldRow>\n                <Label>Content type</Label>\n                <Select\n                  value={form.gatedContentType}\n                  onValueChange={(v) => update({ gatedContentType: v })}\n                >\n                  <SelectTrigger>\n                    <SelectValue placeholder=\"What kind of content is this?\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {CONTENT_TYPES.map(({ value, label, icon: Icon }) => (\n                      <SelectItem key={value} value={value}>\n                        <div className=\"flex items-center gap-2\">\n                          <Icon className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                          {label}\n                        </div>\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n                {selectedContentType && (\n                  <HelperText>{selectedContentType.hint}</HelperText>\n                )}\n              </FieldRow>\n\n              {form.gatedContentTitle && (\n                <div className=\"rounded-lg border border-emerald-500/20 bg-emerald-500/5 p-4 space-y-1.5\">\n                  <p className=\"text-2xs font-semibold text-emerald-500 uppercase tracking-widest\">\n                    Preview — what holders see\n                  </p>\n                  <p className=\"text-sm font-semibold\">{form.gatedContentTitle || \"—\"}</p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    Verified holders can access this content on your collection page.\n                  </p>\n                </div>\n              )}\n            </div>\n          )}\n\n          {!form.gatedEnabled && (\n            <div className=\"rounded-lg bg-muted/50 border border-border p-4 space-y-2\">\n              <p className=\"text-xs font-semibold text-foreground\">How it works</p>\n              <ul className=\"text-xs text-muted-foreground space-y-1.5\">\n                <li className=\"flex items-start gap-2\">\n                  <Sparkles className=\"h-3 w-3 text-emerald-500 mt-0.5 shrink-0\" />\n                  Set a URL — a private video, Discord invite, audio file, or any link.\n                </li>\n                <li className=\"flex items-start gap-2\">\n                  <ShieldCheck className=\"h-3 w-3 text-emerald-500 mt-0.5 shrink-0\" />\n                  Medialane verifies on-chain ownership before granting access. No spoofing.\n                </li>\n                <li className=\"flex items-start gap-2\">\n                  <Lock className=\"h-3 w-3 text-emerald-500 mt-0.5 shrink-0\" />\n                  The content URL is never exposed publicly — only verified holders receive it.\n                </li>\n              </ul>\n            </div>\n          )}\n        </div>\n      </SectionCard>\n\n      <SectionCard id=\"links\">\n        <SectionHeader\n          icon={Globe}\n          title=\"Links\"\n          description=\"Social and community links shown to collectors visiting your page.\"\n        />\n        <div className=\"space-y-4 pt-1 border-t border-border\">\n          {([\n            { key: \"websiteUrl\" as const,  icon: Globe,          label: \"Website\",    placeholder: \"https://myproject.xyz\" },\n            { key: \"twitterUrl\" as const,  icon: Twitter,        label: \"Twitter / X\", placeholder: \"https://twitter.com/…\" },\n            { key: \"discordUrl\" as const,  icon: MessageCircle,  label: \"Discord\",    placeholder: \"https://discord.gg/…\" },\n            { key: \"telegramUrl\" as const, icon: Send,           label: \"Telegram\",   placeholder: \"https://t.me/…\" },\n          ] as const).map(({ key, icon: Icon, label, placeholder }) => (\n            <FieldRow key={key}>\n              <Label htmlFor={key} className=\"flex items-center gap-1.5\">\n                <Icon className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                {label}\n              </Label>\n              <Input\n                id={key}\n                placeholder={placeholder}\n                value={form[key]}\n                onChange={set(key)}\n                disabled={isLoading}\n              />\n            </FieldRow>\n          ))}\n        </div>\n      </SectionCard>\n\n      <CollectionSlugClaimSection contract={contract} profile={profile} />\n\n      <div className=\"flex items-center gap-3 pt-2\">\n        <Button\n          onClick={save}\n          disabled={saving || isLoading || descLen > DESC_MAX}\n          className=\"min-w-[120px]\"\n        >\n          {saving ? \"Saving…\" : \"Save changes\"}\n        </Button>\n        {saveStatus === \"saved\" && (\n          <span className=\"flex items-center gap-1.5 text-sm text-emerald-500\">\n            <CheckCircle2 className=\"h-4 w-4\" /> Saved\n          </span>\n        )}\n        {saveStatus === \"error\" && (\n          <span className=\"text-sm text-destructive\">{saveError}</span>\n        )}\n        {descLen > DESC_MAX && (\n          <p className=\"text-xs text-destructive\">Description is too long.</p>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/collection-slug-claim.cjs

@@ -0,0 +1,219 @@
+"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 collection_slug_claim_exports = {};
+__export(collection_slug_claim_exports, {
+  CollectionSlugClaimSection: () => CollectionSlugClaimSection
+});
+module.exports = __toCommonJS(collection_slug_claim_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_sdk = require("@medialane/sdk");
+var import_lucide_react = require("lucide-react");
+var import_button = require("./button.js");
+var import_badge = require("./badge.js");
+var import_link = __toESM(require("./link.js"), 1);
+var import_medialane_app = require("./medialane-app.js");
+var import_settings_section = require("./settings-section.js");
+var import_describe_error = require("../utils/describe-error.js");
+function CollectionSlugClaimSection({
+  contract,
+  profile
+}) {
+  const { getClient, ensureSignedIn, verifyEmailHref } = (0, import_medialane_app.useMedialaneApp)();
+  const [slugInput, setSlugInput] = (0, import_react.useState)("");
+  const [checkState, setCheckState] = (0, import_react.useState)("idle");
+  const [checkReason, setCheckReason] = (0, import_react.useState)(null);
+  const [submitState, setSubmitState] = (0, import_react.useState)("idle");
+  const [submitError, setSubmitError] = (0, import_react.useState)(null);
+  const [pendingSlug, setPendingSlug] = (0, import_react.useState)(null);
+  const loadedRef = (0, import_react.useRef)(false);
+  (0, import_react.useEffect)(() => {
+    if (loadedRef.current) return;
+    loadedRef.current = true;
+    (async () => {
+      try {
+        const { claims } = await getClient().api.collections.mySlugClaims();
+        const match = claims.find(
+          (c) => (0, import_sdk.normalizeAddress)("STARKNET", c.contractAddress) === (0, import_sdk.normalizeAddress)("STARKNET", contract) && c.status === "PENDING"
+        );
+        if (match) setPendingSlug(match.slug);
+      } catch {
+      }
+    })();
+  }, [contract, getClient]);
+  const handleCheck = async () => {
+    const slug = slugInput.toLowerCase().trim();
+    if (!slug) return;
+    setCheckState("checking");
+    setCheckReason(null);
+    try {
+      const result = await getClient().api.collections.slugAvailability(slug);
+      setCheckState(result.available ? "available" : "taken");
+      if (!result.available) setCheckReason(result.reason ?? "That slug is not available.");
+    } catch {
+      setCheckState("invalid");
+      setCheckReason("Unable to check availability. Try again.");
+    }
+  };
+  const handleSubmit = async () => {
+    const slug = slugInput.toLowerCase().trim();
+    if (!slug || checkState !== "available") return;
+    setSubmitState("submitting");
+    setSubmitError(null);
+    try {
+      await ensureSignedIn?.();
+      const { claim } = await getClient().api.collections.submitSlugClaim(contract, slug);
+      setPendingSlug(claim.slug);
+      setSubmitState("done");
+    } catch (err) {
+      const msg = (0, import_describe_error.describeError)(err).message;
+      setSubmitError(msg);
+      setSubmitState("error");
+    }
+  };
+  if (profile?.slug) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_settings_section.SectionCard, { className: "border-emerald-500/20 bg-emerald-500/[0.02]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_settings_section.SectionHeader,
+        {
+          icon: import_lucide_react.Gem,
+          title: "Collection URL",
+          description: `medialane.io/collection/${profile.slug}`,
+          iconClass: "text-emerald-500",
+          bgClass: "bg-emerald-500/15",
+          badge: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.Badge, { variant: "outline", className: "text-2xs h-4 px-1.5 text-emerald-600 border-emerald-500/30", children: "Active" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pt-1 border-t border-border", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+        "Your collection is accessible at",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "tabular-nums text-foreground", children: [
+          "medialane.io/collection/",
+          profile.slug
+        ] })
+      ] }) })
+    ] });
+  }
+  if (pendingSlug) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_settings_section.SectionCard, { className: "border-primary/20 bg-primary/[0.02]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_settings_section.SectionHeader,
+        {
+          icon: import_lucide_react.Gem,
+          title: "Claim your collection URL",
+          description: `medialane.io/collection/${pendingSlug}`,
+          iconClass: "text-primary",
+          bgClass: "bg-primary/15",
+          badge: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.Badge, { variant: "outline", className: "text-2xs h-4 px-1.5 text-amber-600 border-amber-500/30", children: "Pending review" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pt-1 border-t border-border", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+        "Your claim for",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "tabular-nums text-foreground", children: [
+          "medialane.io/collection/",
+          pendingSlug
+        ] }),
+        " is under review. You'll be notified once it's approved."
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_settings_section.SectionCard, { className: "border-primary/20 bg-primary/[0.02]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_settings_section.SectionHeader,
+      {
+        icon: import_lucide_react.Gem,
+        title: "Claim your collection URL",
+        description: "Reserve a unique URL \u2014 medialane.io/collection/your-name",
+        iconClass: "text-primary",
+        bgClass: "bg-primary/15"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pt-3 border-t border-border space-y-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 flex items-center rounded-lg border border-border bg-muted/40 px-3 py-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-muted-foreground whitespace-nowrap shrink-0", children: "medialane.io/collection/" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              type: "text",
+              className: "flex-1 bg-transparent text-xs text-foreground outline-none placeholder:text-muted-foreground/50 min-w-0",
+              placeholder: "your-name",
+              value: slugInput,
+              onChange: (e) => {
+                setSlugInput(e.target.value.toLowerCase().replace(/[^a-z0-9_-]/g, ""));
+                setCheckState("idle");
+              },
+              onKeyDown: (e) => {
+                if (e.key === "Enter") handleCheck();
+              },
+              maxLength: 20
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_button.Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: handleCheck,
+            disabled: !slugInput.trim() || checkState === "checking",
+            className: "shrink-0",
+            children: checkState === "checking" ? "Checking\u2026" : "Check"
+          }
+        )
+      ] }),
+      checkState === "available" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs text-emerald-600 font-medium truncate", children: [
+          "\u2713 Available \u2014 ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "tabular-nums", children: [
+            "medialane.io/collection/",
+            slugInput
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { size: "sm", onClick: handleSubmit, disabled: submitState === "submitting", className: "shrink-0", children: submitState === "submitting" ? "Claiming\u2026" : "Claim this URL" })
+      ] }),
+      (checkState === "taken" || checkState === "invalid") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-destructive", children: checkReason ?? "That slug is not available." }),
+      submitState === "error" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs text-destructive", children: [
+        submitError,
+        verifyEmailHref && submitError === "Verify your email to claim a collection." && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: verifyEmailHref, className: "underline font-medium hover:text-foreground", children: "Verify email" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: "3\u201320 characters, lowercase letters, numbers, underscores or hyphens. Claims are reviewed before going live." })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CollectionSlugClaimSection
+});
+//# sourceMappingURL=collection-slug-claim.cjs.map

package/dist/components/collection-slug-claim.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/collection-slug-claim.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useRef } from \"react\";\nimport { normalizeAddress } from \"@medialane/sdk\";\nimport { Gem } from \"lucide-react\";\nimport { Button } from \"./button.js\";\nimport { Badge } from \"./badge.js\";\nimport Link from \"./link.js\";\nimport { useMedialaneApp } from \"./medialane-app.js\";\nimport { SectionCard, SectionHeader } from \"./settings-section.js\";\nimport { describeError } from \"../utils/describe-error.js\";\n\nexport function CollectionSlugClaimSection({\n  contract,\n  profile,\n}: {\n  contract: string;\n  profile: { slug?: string | null } | null;\n}) {\n  const { getClient, ensureSignedIn, verifyEmailHref } = useMedialaneApp();\n  const [slugInput, setSlugInput] = useState(\"\");\n  const [checkState, setCheckState] = useState<\"idle\" | \"checking\" | \"available\" | \"taken\" | \"invalid\">(\"idle\");\n  const [checkReason, setCheckReason] = useState<string | null>(null);\n  const [submitState, setSubmitState] = useState<\"idle\" | \"submitting\" | \"done\" | \"error\">(\"idle\");\n  const [submitError, setSubmitError] = useState<string | null>(null);\n  const [pendingSlug, setPendingSlug] = useState<string | null>(null);\n  const loadedRef = useRef(false);\n\n  useEffect(() => {\n    if (loadedRef.current) return;\n    loadedRef.current = true;\n    (async () => {\n      try {\n        const { claims } = await getClient().api.collections.mySlugClaims();\n        const match = claims.find(\n          (c) => normalizeAddress(\"STARKNET\", c.contractAddress) === normalizeAddress(\"STARKNET\", contract) && c.status === \"PENDING\"\n        );\n        if (match) setPendingSlug(match.slug);\n      } catch {}\n    })();\n  }, [contract, getClient]);\n\n  const handleCheck = async () => {\n    const slug = slugInput.toLowerCase().trim();\n    if (!slug) return;\n    setCheckState(\"checking\");\n    setCheckReason(null);\n    try {\n      const result = await getClient().api.collections.slugAvailability(slug);\n      setCheckState(result.available ? \"available\" : \"taken\");\n      if (!result.available) setCheckReason(result.reason ?? \"That slug is not available.\");\n    } catch {\n      setCheckState(\"invalid\");\n      setCheckReason(\"Unable to check availability. Try again.\");\n    }\n  };\n\n  const handleSubmit = async () => {\n    const slug = slugInput.toLowerCase().trim();\n    if (!slug || checkState !== \"available\") return;\n    setSubmitState(\"submitting\");\n    setSubmitError(null);\n    try {\n      await ensureSignedIn?.();\n      const { claim } = await getClient().api.collections.submitSlugClaim(contract, slug);\n      setPendingSlug(claim.slug);\n      setSubmitState(\"done\");\n    } catch (err: unknown) {\n      const msg = describeError(err).message;\n      setSubmitError(msg);\n      setSubmitState(\"error\");\n    }\n  };\n\n  if (profile?.slug) {\n    return (\n      <SectionCard className=\"border-emerald-500/20 bg-emerald-500/[0.02]\">\n        <SectionHeader\n          icon={Gem}\n          title=\"Collection URL\"\n          description={`medialane.io/collection/${profile.slug}`}\n          iconClass=\"text-emerald-500\"\n          bgClass=\"bg-emerald-500/15\"\n          badge={\n            <Badge variant=\"outline\" className=\"text-2xs h-4 px-1.5 text-emerald-600 border-emerald-500/30\">\n              Active\n            </Badge>\n          }\n        />\n        <div className=\"pt-1 border-t border-border\">\n          <p className=\"text-xs text-muted-foreground\">\n            Your collection is accessible at{\" \"}\n            <span className=\"tabular-nums text-foreground\">medialane.io/collection/{profile.slug}</span>\n          </p>\n        </div>\n      </SectionCard>\n    );\n  }\n\n  if (pendingSlug) {\n    return (\n      <SectionCard className=\"border-primary/20 bg-primary/[0.02]\">\n        <SectionHeader\n          icon={Gem}\n          title=\"Claim your collection URL\"\n          description={`medialane.io/collection/${pendingSlug}`}\n          iconClass=\"text-primary\"\n          bgClass=\"bg-primary/15\"\n          badge={\n            <Badge variant=\"outline\" className=\"text-2xs h-4 px-1.5 text-amber-600 border-amber-500/30\">\n              Pending review\n            </Badge>\n          }\n        />\n        <div className=\"pt-1 border-t border-border\">\n          <p className=\"text-xs text-muted-foreground\">\n            Your claim for{\" \"}\n            <span className=\"tabular-nums text-foreground\">medialane.io/collection/{pendingSlug}</span> is under\n            review. You&apos;ll be notified once it&apos;s approved.\n          </p>\n        </div>\n      </SectionCard>\n    );\n  }\n\n  return (\n    <SectionCard className=\"border-primary/20 bg-primary/[0.02]\">\n      <SectionHeader\n        icon={Gem}\n        title=\"Claim your collection URL\"\n        description=\"Reserve a unique URL — medialane.io/collection/your-name\"\n        iconClass=\"text-primary\"\n        bgClass=\"bg-primary/15\"\n      />\n      <div className=\"pt-3 border-t border-border space-y-3\">\n        <div className=\"flex items-center gap-2\">\n          <div className=\"flex-1 flex items-center rounded-lg border border-border bg-muted/40 px-3 py-2\">\n            <span className=\"text-xs text-muted-foreground whitespace-nowrap shrink-0\">\n              medialane.io/collection/\n            </span>\n            <input\n              type=\"text\"\n              className=\"flex-1 bg-transparent text-xs text-foreground outline-none placeholder:text-muted-foreground/50 min-w-0\"\n              placeholder=\"your-name\"\n              value={slugInput}\n              onChange={(e) => {\n                setSlugInput(e.target.value.toLowerCase().replace(/[^a-z0-9_-]/g, \"\"));\n                setCheckState(\"idle\");\n              }}\n              onKeyDown={(e) => { if (e.key === \"Enter\") handleCheck(); }}\n              maxLength={20}\n            />\n          </div>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={handleCheck}\n            disabled={!slugInput.trim() || checkState === \"checking\"}\n            className=\"shrink-0\"\n          >\n            {checkState === \"checking\" ? \"Checking…\" : \"Check\"}\n          </Button>\n        </div>\n\n        {checkState === \"available\" && (\n          <div className=\"flex items-center justify-between gap-3\">\n            <p className=\"text-xs text-emerald-600 font-medium truncate\">\n              ✓ Available — <span className=\"tabular-nums\">medialane.io/collection/{slugInput}</span>\n            </p>\n            <Button size=\"sm\" onClick={handleSubmit} disabled={submitState === \"submitting\"} className=\"shrink-0\">\n              {submitState === \"submitting\" ? \"Claiming…\" : \"Claim this URL\"}\n            </Button>\n          </div>\n        )}\n\n        {(checkState === \"taken\" || checkState === \"invalid\") && (\n          <p className=\"text-xs text-destructive\">{checkReason ?? \"That slug is not available.\"}</p>\n        )}\n\n        {submitState === \"error\" && (\n          <p className=\"text-xs text-destructive\">\n            {submitError}\n            {verifyEmailHref && submitError === \"Verify your email to claim a collection.\" && (\n              <>\n                {\" \"}\n                <Link href={verifyEmailHref} className=\"underline font-medium hover:text-foreground\">\n                  Verify email\n                </Link>\n              </>\n            )}\n          </p>\n        )}\n\n        <p className=\"text-xs text-muted-foreground\">\n          3–20 characters, lowercase letters, numbers, underscores or hyphens. Claims are reviewed before\n          going live.\n        </p>\n      </div>\n    </SectionCard>\n  );\n}\n"],"mappings":"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","names":["Link"]}