@medialane/ui 0.102.0 → 0.103.0

package/dist/components/creator-analytics.cjs

@@ -0,0 +1,170 @@
+"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 creator_analytics_exports = {};
+__export(creator_analytics_exports, {
+  CreatorAnalytics: () => CreatorAnalytics
+});
+module.exports = __toCommonJS(creator_analytics_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_recharts = require("recharts");
+var import_lucide_react = require("lucide-react");
+function parsePrice(formatted) {
+  if (!formatted) return 0;
+  return parseFloat(formatted.replace(/[^0-9.]/g, "")) || 0;
+}
+function buildDailyVolume(sales) {
+  const buckets = /* @__PURE__ */ new Map();
+  const now = Date.now();
+  for (let i = 29; i >= 0; i--) {
+    const d = new Date(now - i * 864e5);
+    buckets.set(
+      d.toLocaleDateString("en-US", { month: "short", day: "numeric" }),
+      0
+    );
+  }
+  for (const s of sales) {
+    const ts = typeof s.timestamp === "number" ? s.timestamp * 1e3 : new Date(s.timestamp).getTime();
+    if (now - ts > 30 * 864e5) continue;
+    const label = new Date(ts).toLocaleDateString("en-US", {
+      month: "short",
+      day: "numeric"
+    });
+    buckets.set(label, (buckets.get(label) ?? 0) + parsePrice(s.price?.formatted));
+  }
+  return Array.from(buckets.entries()).map(([label, volume]) => ({ label, volume }));
+}
+function CreatorAnalytics({ activities, isLoading }) {
+  const { sales, totalVolume, topCurrency, dailyVolume } = (0, import_react.useMemo)(() => {
+    const sales2 = activities.filter((a) => a.type === "sale");
+    const byCurrency = /* @__PURE__ */ new Map();
+    for (const s of sales2) {
+      const cur = s.price?.currency ?? "STRK";
+      byCurrency.set(cur, (byCurrency.get(cur) ?? 0) + parsePrice(s.price?.formatted));
+    }
+    const sorted = [...byCurrency.entries()].sort((a, b) => b[1] - a[1]);
+    const topCurrency2 = sorted[0]?.[0] ?? "STRK";
+    const totalVolume2 = sorted[0]?.[1] ?? 0;
+    const dailyVolume2 = buildDailyVolume(
+      sales2.filter((s) => (s.price?.currency ?? "STRK") === topCurrency2)
+    );
+    return { sales: sales2, totalVolume: totalVolume2, topCurrency: topCurrency2, dailyVolume: dailyVolume2 };
+  }, [activities]);
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-4 animate-pulse", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-20 rounded-xl bg-muted" }, i)) });
+  }
+  if (sales.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "py-12 text-center text-sm text-muted-foreground", children: "No sales recorded yet." });
+  }
+  const stats = [
+    {
+      label: "Total Sales",
+      value: sales.length.toString(),
+      icon: import_lucide_react.ShoppingBag
+    },
+    {
+      label: `Total Volume (${topCurrency})`,
+      value: totalVolume.toFixed(2),
+      icon: import_lucide_react.Coins
+    },
+    {
+      label: "Last 30 Days",
+      value: `${dailyVolume.filter((d) => d.volume > 0).length} active days`,
+      icon: import_lucide_react.TrendingUp
+    }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-3", children: stats.map(({ label, value, icon: Icon }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: "rounded-xl border border-border bg-card/50 p-4 space-y-1",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-medium uppercase tracking-wide", children: label })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-2xl font-bold tabular-nums", children: value })
+        ]
+      },
+      label
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-xl border border-border bg-card/50 p-4 space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: [
+        "30-day volume \xB7 ",
+        topCurrency
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: 140, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_recharts.BarChart,
+        {
+          data: dailyVolume,
+          margin: { top: 4, right: 4, bottom: 0, left: 0 },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_recharts.XAxis,
+              {
+                dataKey: "label",
+                tick: { fontSize: 10, fill: "hsl(var(--muted-foreground))" },
+                axisLine: false,
+                tickLine: false,
+                interval: 6
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_recharts.YAxis,
+              {
+                tick: { fontSize: 10, fill: "hsl(var(--muted-foreground))" },
+                axisLine: false,
+                tickLine: false,
+                width: 40
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_recharts.Tooltip,
+              {
+                contentStyle: {
+                  background: "hsl(var(--background))",
+                  border: "1px solid hsl(var(--border))",
+                  borderRadius: "8px",
+                  fontSize: "12px",
+                  color: "hsl(var(--foreground))"
+                },
+                formatter: (value) => [`${value} ${topCurrency}`, "Volume"]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_recharts.Bar,
+              {
+                dataKey: "volume",
+                fill: "hsl(var(--primary))",
+                radius: [3, 3, 0, 0],
+                maxBarSize: 24
+              }
+            )
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreatorAnalytics
+});
+//# sourceMappingURL=creator-analytics.cjs.map

package/dist/components/creator-analytics.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/creator-analytics.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport {\n  BarChart,\n  Bar,\n  XAxis,\n  YAxis,\n  Tooltip,\n  ResponsiveContainer,\n} from \"recharts\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport { TrendingUp, ShoppingBag, Coins } from \"lucide-react\";\n\ninterface CreatorAnalyticsProps {\n  activities: ApiActivity[];\n  isLoading: boolean;\n}\n\ninterface DayStat {\n  label: string;\n  volume: number;\n}\n\nfunction parsePrice(formatted: string | null | undefined): number {\n  if (!formatted) return 0;\n  return parseFloat(formatted.replace(/[^0-9.]/g, \"\")) || 0;\n}\n\nfunction buildDailyVolume(sales: ApiActivity[]): DayStat[] {\n  const buckets = new Map<string, number>();\n  const now = Date.now();\n  // Pre-fill last 30 days so chart always shows full range\n  for (let i = 29; i >= 0; i--) {\n    const d = new Date(now - i * 86_400_000);\n    buckets.set(\n      d.toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" }),\n      0\n    );\n  }\n  for (const s of sales) {\n    const ts =\n      typeof s.timestamp === \"number\"\n        ? s.timestamp * 1000\n        : new Date(s.timestamp).getTime();\n    if (now - ts > 30 * 86_400_000) continue;\n    const label = new Date(ts).toLocaleDateString(\"en-US\", {\n      month: \"short\",\n      day: \"numeric\",\n    });\n    buckets.set(label, (buckets.get(label) ?? 0) + parsePrice(s.price?.formatted));\n  }\n  return Array.from(buckets.entries()).map(([label, volume]) => ({ label, volume }));\n}\n\nexport function CreatorAnalytics({ activities, isLoading }: CreatorAnalyticsProps) {\n  const { sales, totalVolume, topCurrency, dailyVolume } = useMemo(() => {\n    const sales = activities.filter((a) => a.type === \"sale\");\n\n    // Volume per currency\n    const byCurrency = new Map<string, number>();\n    for (const s of sales) {\n      const cur = s.price?.currency ?? \"STRK\";\n      byCurrency.set(cur, (byCurrency.get(cur) ?? 0) + parsePrice(s.price?.formatted));\n    }\n    const sorted = [...byCurrency.entries()].sort((a, b) => b[1] - a[1]);\n    const topCurrency = sorted[0]?.[0] ?? \"STRK\";\n    const totalVolume = sorted[0]?.[1] ?? 0;\n\n    const dailyVolume = buildDailyVolume(\n      sales.filter((s) => (s.price?.currency ?? \"STRK\") === topCurrency)\n    );\n\n    return { sales, totalVolume, topCurrency, dailyVolume };\n  }, [activities]);\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-4 animate-pulse\">\n        {[1, 2, 3].map((i) => (\n          <div key={i} className=\"h-20 rounded-xl bg-muted\" />\n        ))}\n      </div>\n    );\n  }\n\n  if (sales.length === 0) {\n    return (\n      <div className=\"py-12 text-center text-sm text-muted-foreground\">\n        No sales recorded yet.\n      </div>\n    );\n  }\n\n  const stats = [\n    {\n      label: \"Total Sales\",\n      value: sales.length.toString(),\n      icon: ShoppingBag,\n    },\n    {\n      label: `Total Volume (${topCurrency})`,\n      value: totalVolume.toFixed(2),\n      icon: Coins,\n    },\n    {\n      label: \"Last 30 Days\",\n      value: `${dailyVolume.filter((d) => d.volume > 0).length} active days`,\n      icon: TrendingUp,\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Stat cards */}\n      <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-3\">\n        {stats.map(({ label, value, icon: Icon }) => (\n          <div\n            key={label}\n            className=\"rounded-xl border border-border bg-card/50 p-4 space-y-1\"\n          >\n            <div className=\"flex items-center gap-2 text-muted-foreground\">\n              <Icon className=\"h-3.5 w-3.5\" />\n              <p className=\"text-xs font-medium uppercase tracking-wide\">{label}</p>\n            </div>\n            <p className=\"text-2xl font-bold tabular-nums\">{value}</p>\n          </div>\n        ))}\n      </div>\n\n      {/* 30-day volume chart */}\n      <div className=\"rounded-xl border border-border bg-card/50 p-4 space-y-2\">\n        <p className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n          30-day volume · {topCurrency}\n        </p>\n        <ResponsiveContainer width=\"100%\" height={140}>\n          <BarChart\n            data={dailyVolume}\n            margin={{ top: 4, right: 4, bottom: 0, left: 0 }}\n          >\n            <XAxis\n              dataKey=\"label\"\n              tick={{ fontSize: 10, fill: \"hsl(var(--muted-foreground))\" }}\n              axisLine={false}\n              tickLine={false}\n              interval={6}\n            />\n            <YAxis\n              tick={{ fontSize: 10, fill: \"hsl(var(--muted-foreground))\" }}\n              axisLine={false}\n              tickLine={false}\n              width={40}\n            />\n            <Tooltip\n              contentStyle={{\n                background: \"hsl(var(--background))\",\n                border: \"1px solid hsl(var(--border))\",\n                borderRadius: \"8px\",\n                fontSize: \"12px\",\n                color: \"hsl(var(--foreground))\",\n              }}\n              formatter={(value) => [`${value} ${topCurrency}`, \"Volume\"]}\n            />\n            <Bar\n              dataKey=\"volume\"\n              fill=\"hsl(var(--primary))\"\n              radius={[3, 3, 0, 0]}\n              maxBarSize={24}\n            />\n          </BarChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["sales","topCurrency","totalVolume","dailyVolume"]}

package/dist/components/creator-analytics.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiActivity } from '@medialane/sdk';
+
+interface CreatorAnalyticsProps {
+    activities: ApiActivity[];
+    isLoading: boolean;
+}
+declare function CreatorAnalytics({ activities, isLoading }: CreatorAnalyticsProps): react_jsx_runtime.JSX.Element;
+
+export { CreatorAnalytics };

package/dist/components/creator-analytics.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiActivity } from '@medialane/sdk';
+
+interface CreatorAnalyticsProps {
+    activities: ApiActivity[];
+    isLoading: boolean;
+}
+declare function CreatorAnalytics({ activities, isLoading }: CreatorAnalyticsProps): react_jsx_runtime.JSX.Element;
+
+export { CreatorAnalytics };

package/dist/components/creator-analytics.js

@@ -0,0 +1,153 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import {
+  BarChart,
+  Bar,
+  XAxis,
+  YAxis,
+  Tooltip,
+  ResponsiveContainer
+} from "recharts";
+import { TrendingUp, ShoppingBag, Coins } from "lucide-react";
+function parsePrice(formatted) {
+  if (!formatted) return 0;
+  return parseFloat(formatted.replace(/[^0-9.]/g, "")) || 0;
+}
+function buildDailyVolume(sales) {
+  const buckets = /* @__PURE__ */ new Map();
+  const now = Date.now();
+  for (let i = 29; i >= 0; i--) {
+    const d = new Date(now - i * 864e5);
+    buckets.set(
+      d.toLocaleDateString("en-US", { month: "short", day: "numeric" }),
+      0
+    );
+  }
+  for (const s of sales) {
+    const ts = typeof s.timestamp === "number" ? s.timestamp * 1e3 : new Date(s.timestamp).getTime();
+    if (now - ts > 30 * 864e5) continue;
+    const label = new Date(ts).toLocaleDateString("en-US", {
+      month: "short",
+      day: "numeric"
+    });
+    buckets.set(label, (buckets.get(label) ?? 0) + parsePrice(s.price?.formatted));
+  }
+  return Array.from(buckets.entries()).map(([label, volume]) => ({ label, volume }));
+}
+function CreatorAnalytics({ activities, isLoading }) {
+  const { sales, totalVolume, topCurrency, dailyVolume } = useMemo(() => {
+    const sales2 = activities.filter((a) => a.type === "sale");
+    const byCurrency = /* @__PURE__ */ new Map();
+    for (const s of sales2) {
+      const cur = s.price?.currency ?? "STRK";
+      byCurrency.set(cur, (byCurrency.get(cur) ?? 0) + parsePrice(s.price?.formatted));
+    }
+    const sorted = [...byCurrency.entries()].sort((a, b) => b[1] - a[1]);
+    const topCurrency2 = sorted[0]?.[0] ?? "STRK";
+    const totalVolume2 = sorted[0]?.[1] ?? 0;
+    const dailyVolume2 = buildDailyVolume(
+      sales2.filter((s) => (s.price?.currency ?? "STRK") === topCurrency2)
+    );
+    return { sales: sales2, totalVolume: totalVolume2, topCurrency: topCurrency2, dailyVolume: dailyVolume2 };
+  }, [activities]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "space-y-4 animate-pulse", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx("div", { className: "h-20 rounded-xl bg-muted" }, i)) });
+  }
+  if (sales.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "py-12 text-center text-sm text-muted-foreground", children: "No sales recorded yet." });
+  }
+  const stats = [
+    {
+      label: "Total Sales",
+      value: sales.length.toString(),
+      icon: ShoppingBag
+    },
+    {
+      label: `Total Volume (${topCurrency})`,
+      value: totalVolume.toFixed(2),
+      icon: Coins
+    },
+    {
+      label: "Last 30 Days",
+      value: `${dailyVolume.filter((d) => d.volume > 0).length} active days`,
+      icon: TrendingUp
+    }
+  ];
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-3", children: stats.map(({ label, value, icon: Icon }) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "rounded-xl border border-border bg-card/50 p-4 space-y-1",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide", children: label })
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold tabular-nums", children: value })
+        ]
+      },
+      label
+    )) }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border bg-card/50 p-4 space-y-2", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: [
+        "30-day volume \xB7 ",
+        topCurrency
+      ] }),
+      /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: 140, children: /* @__PURE__ */ jsxs(
+        BarChart,
+        {
+          data: dailyVolume,
+          margin: { top: 4, right: 4, bottom: 0, left: 0 },
+          children: [
+            /* @__PURE__ */ jsx(
+              XAxis,
+              {
+                dataKey: "label",
+                tick: { fontSize: 10, fill: "hsl(var(--muted-foreground))" },
+                axisLine: false,
+                tickLine: false,
+                interval: 6
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              YAxis,
+              {
+                tick: { fontSize: 10, fill: "hsl(var(--muted-foreground))" },
+                axisLine: false,
+                tickLine: false,
+                width: 40
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Tooltip,
+              {
+                contentStyle: {
+                  background: "hsl(var(--background))",
+                  border: "1px solid hsl(var(--border))",
+                  borderRadius: "8px",
+                  fontSize: "12px",
+                  color: "hsl(var(--foreground))"
+                },
+                formatter: (value) => [`${value} ${topCurrency}`, "Volume"]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Bar,
+              {
+                dataKey: "volume",
+                fill: "hsl(var(--primary))",
+                radius: [3, 3, 0, 0],
+                maxBarSize: 24
+              }
+            )
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  CreatorAnalytics
+};
+//# sourceMappingURL=creator-analytics.js.map

package/dist/components/creator-analytics.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/creator-analytics.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport {\n  BarChart,\n  Bar,\n  XAxis,\n  YAxis,\n  Tooltip,\n  ResponsiveContainer,\n} from \"recharts\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport { TrendingUp, ShoppingBag, Coins } from \"lucide-react\";\n\ninterface CreatorAnalyticsProps {\n  activities: ApiActivity[];\n  isLoading: boolean;\n}\n\ninterface DayStat {\n  label: string;\n  volume: number;\n}\n\nfunction parsePrice(formatted: string | null | undefined): number {\n  if (!formatted) return 0;\n  return parseFloat(formatted.replace(/[^0-9.]/g, \"\")) || 0;\n}\n\nfunction buildDailyVolume(sales: ApiActivity[]): DayStat[] {\n  const buckets = new Map<string, number>();\n  const now = Date.now();\n  // Pre-fill last 30 days so chart always shows full range\n  for (let i = 29; i >= 0; i--) {\n    const d = new Date(now - i * 86_400_000);\n    buckets.set(\n      d.toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" }),\n      0\n    );\n  }\n  for (const s of sales) {\n    const ts =\n      typeof s.timestamp === \"number\"\n        ? s.timestamp * 1000\n        : new Date(s.timestamp).getTime();\n    if (now - ts > 30 * 86_400_000) continue;\n    const label = new Date(ts).toLocaleDateString(\"en-US\", {\n      month: \"short\",\n      day: \"numeric\",\n    });\n    buckets.set(label, (buckets.get(label) ?? 0) + parsePrice(s.price?.formatted));\n  }\n  return Array.from(buckets.entries()).map(([label, volume]) => ({ label, volume }));\n}\n\nexport function CreatorAnalytics({ activities, isLoading }: CreatorAnalyticsProps) {\n  const { sales, totalVolume, topCurrency, dailyVolume } = useMemo(() => {\n    const sales = activities.filter((a) => a.type === \"sale\");\n\n    // Volume per currency\n    const byCurrency = new Map<string, number>();\n    for (const s of sales) {\n      const cur = s.price?.currency ?? \"STRK\";\n      byCurrency.set(cur, (byCurrency.get(cur) ?? 0) + parsePrice(s.price?.formatted));\n    }\n    const sorted = [...byCurrency.entries()].sort((a, b) => b[1] - a[1]);\n    const topCurrency = sorted[0]?.[0] ?? \"STRK\";\n    const totalVolume = sorted[0]?.[1] ?? 0;\n\n    const dailyVolume = buildDailyVolume(\n      sales.filter((s) => (s.price?.currency ?? \"STRK\") === topCurrency)\n    );\n\n    return { sales, totalVolume, topCurrency, dailyVolume };\n  }, [activities]);\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-4 animate-pulse\">\n        {[1, 2, 3].map((i) => (\n          <div key={i} className=\"h-20 rounded-xl bg-muted\" />\n        ))}\n      </div>\n    );\n  }\n\n  if (sales.length === 0) {\n    return (\n      <div className=\"py-12 text-center text-sm text-muted-foreground\">\n        No sales recorded yet.\n      </div>\n    );\n  }\n\n  const stats = [\n    {\n      label: \"Total Sales\",\n      value: sales.length.toString(),\n      icon: ShoppingBag,\n    },\n    {\n      label: `Total Volume (${topCurrency})`,\n      value: totalVolume.toFixed(2),\n      icon: Coins,\n    },\n    {\n      label: \"Last 30 Days\",\n      value: `${dailyVolume.filter((d) => d.volume > 0).length} active days`,\n      icon: TrendingUp,\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Stat cards */}\n      <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-3\">\n        {stats.map(({ label, value, icon: Icon }) => (\n          <div\n            key={label}\n            className=\"rounded-xl border border-border bg-card/50 p-4 space-y-1\"\n          >\n            <div className=\"flex items-center gap-2 text-muted-foreground\">\n              <Icon className=\"h-3.5 w-3.5\" />\n              <p className=\"text-xs font-medium uppercase tracking-wide\">{label}</p>\n            </div>\n            <p className=\"text-2xl font-bold tabular-nums\">{value}</p>\n          </div>\n        ))}\n      </div>\n\n      {/* 30-day volume chart */}\n      <div className=\"rounded-xl border border-border bg-card/50 p-4 space-y-2\">\n        <p className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n          30-day volume · {topCurrency}\n        </p>\n        <ResponsiveContainer width=\"100%\" height={140}>\n          <BarChart\n            data={dailyVolume}\n            margin={{ top: 4, right: 4, bottom: 0, left: 0 }}\n          >\n            <XAxis\n              dataKey=\"label\"\n              tick={{ fontSize: 10, fill: \"hsl(var(--muted-foreground))\" }}\n              axisLine={false}\n              tickLine={false}\n              interval={6}\n            />\n            <YAxis\n              tick={{ fontSize: 10, fill: \"hsl(var(--muted-foreground))\" }}\n              axisLine={false}\n              tickLine={false}\n              width={40}\n            />\n            <Tooltip\n              contentStyle={{\n                background: \"hsl(var(--background))\",\n                border: \"1px solid hsl(var(--border))\",\n                borderRadius: \"8px\",\n                fontSize: \"12px\",\n                color: \"hsl(var(--foreground))\",\n              }}\n              formatter={(value) => [`${value} ${topCurrency}`, \"Volume\"]}\n            />\n            <Bar\n              dataKey=\"volume\"\n              fill=\"hsl(var(--primary))\"\n              radius={[3, 3, 0, 0]}\n              maxBarSize={24}\n            />\n          </BarChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["sales","topCurrency","totalVolume","dailyVolume"]}

package/dist/components/drop-countdown.cjs

@@ -0,0 +1,66 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var drop_countdown_exports = {};
+__export(drop_countdown_exports, {
+  DropCountdown: () => DropCountdown
+});
+module.exports = __toCommonJS(drop_countdown_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+function parts(totalSeconds) {
+  const s = Math.max(0, totalSeconds);
+  return {
+    d: Math.floor(s / 86400),
+    h: Math.floor(s % 86400 / 3600),
+    m: Math.floor(s % 3600 / 60),
+    s: Math.floor(s % 60)
+  };
+}
+function DropCountdown({ targetTs, label }) {
+  const [now, setNow] = (0, import_react.useState)(() => Math.floor(Date.now() / 1e3));
+  (0, import_react.useEffect)(() => {
+    const id = setInterval(() => setNow(Math.floor(Date.now() / 1e3)), 1e3);
+    return () => clearInterval(id);
+  }, []);
+  const { d, h, m, s } = parts(targetTs - now);
+  const cell = (value, unit) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-2xl font-black tabular-nums leading-none", children: String(value).padStart(2, "0") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[10px] uppercase tracking-widest text-muted-foreground mt-1", children: unit })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-semibold uppercase tracking-widest text-brand-orange", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3", children: [
+      d > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        cell(d, "days"),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xl text-muted-foreground/40", children: ":" })
+      ] }),
+      cell(h, "hrs"),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xl text-muted-foreground/40", children: ":" }),
+      cell(m, "min"),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xl text-muted-foreground/40", children: ":" }),
+      cell(s, "sec")
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropCountdown
+});
+//# sourceMappingURL=drop-countdown.cjs.map

package/dist/components/drop-countdown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/drop-countdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\nfunction parts(totalSeconds: number) {\n  const s = Math.max(0, totalSeconds);\n  return {\n    d: Math.floor(s / 86400),\n    h: Math.floor((s % 86400) / 3600),\n    m: Math.floor((s % 3600) / 60),\n    s: Math.floor(s % 60),\n  };\n}\n\n// Counts down to a unix-seconds target (phase start when upcoming, phase end when live).\nexport function DropCountdown({ targetTs, label }: { targetTs: number; label: string }) {\n  const [now, setNow] = useState(() => Math.floor(Date.now() / 1000));\n\n  useEffect(() => {\n    const id = setInterval(() => setNow(Math.floor(Date.now() / 1000)), 1000);\n    return () => clearInterval(id);\n  }, []);\n\n  const { d, h, m, s } = parts(targetTs - now);\n  const cell = (value: number, unit: string) => (\n    <div className=\"flex flex-col items-center\">\n      <span className=\"text-2xl font-black tabular-nums leading-none\">{String(value).padStart(2, \"0\")}</span>\n      <span className=\"text-[10px] uppercase tracking-widest text-muted-foreground mt-1\">{unit}</span>\n    </div>\n  );\n\n  return (\n    <div className=\"space-y-2\">\n      <p className=\"text-xs font-semibold uppercase tracking-widest text-brand-orange\">{label}</p>\n      <div className=\"flex items-center gap-3\">\n        {d > 0 && (<>{cell(d, \"days\")}<span className=\"text-xl text-muted-foreground/40\">:</span></>)}\n        {cell(h, \"hrs\")}\n        <span className=\"text-xl text-muted-foreground/40\">:</span>\n        {cell(m, \"min\")}\n        <span className=\"text-xl text-muted-foreground/40\">:</span>\n        {cell(s, \"sec\")}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBI;AAvBJ,mBAAoC;AAEpC,SAAS,MAAM,cAAsB;AACnC,QAAM,IAAI,KAAK,IAAI,GAAG,YAAY;AAClC,SAAO;AAAA,IACL,GAAG,KAAK,MAAM,IAAI,KAAK;AAAA,IACvB,GAAG,KAAK,MAAO,IAAI,QAAS,IAAI;AAAA,IAChC,GAAG,KAAK,MAAO,IAAI,OAAQ,EAAE;AAAA,IAC7B,GAAG,KAAK,MAAM,IAAI,EAAE;AAAA,EACtB;AACF;AAGO,SAAS,cAAc,EAAE,UAAU,MAAM,GAAwC;AACtF,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,MAAM,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,CAAC;AAElE,8BAAU,MAAM;AACd,UAAM,KAAK,YAAY,MAAM,OAAO,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,CAAC,GAAG,GAAI;AACxE,WAAO,MAAM,cAAc,EAAE;AAAA,EAC/B,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,MAAM,WAAW,GAAG;AAC3C,QAAM,OAAO,CAAC,OAAe,SAC3B,6CAAC,SAAI,WAAU,8BACb;AAAA,gDAAC,UAAK,WAAU,iDAAiD,iBAAO,KAAK,EAAE,SAAS,GAAG,GAAG,GAAE;AAAA,IAChG,4CAAC,UAAK,WAAU,oEAAoE,gBAAK;AAAA,KAC3F;AAGF,SACE,6CAAC,SAAI,WAAU,aACb;AAAA,gDAAC,OAAE,WAAU,qEAAqE,iBAAM;AAAA,IACxF,6CAAC,SAAI,WAAU,2BACZ;AAAA,UAAI,KAAM,4EAAG;AAAA,aAAK,GAAG,MAAM;AAAA,QAAE,4CAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,SAAO;AAAA,MACxF,KAAK,GAAG,KAAK;AAAA,MACd,4CAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,MACnD,KAAK,GAAG,KAAK;AAAA,MACd,4CAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,MACnD,KAAK,GAAG,KAAK;AAAA,OAChB;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/drop-countdown.d.cts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function DropCountdown({ targetTs, label }: {
+    targetTs: number;
+    label: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { DropCountdown };

package/dist/components/drop-countdown.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function DropCountdown({ targetTs, label }: {
+    targetTs: number;
+    label: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { DropCountdown };

package/dist/components/drop-countdown.js

@@ -0,0 +1,42 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+function parts(totalSeconds) {
+  const s = Math.max(0, totalSeconds);
+  return {
+    d: Math.floor(s / 86400),
+    h: Math.floor(s % 86400 / 3600),
+    m: Math.floor(s % 3600 / 60),
+    s: Math.floor(s % 60)
+  };
+}
+function DropCountdown({ targetTs, label }) {
+  const [now, setNow] = useState(() => Math.floor(Date.now() / 1e3));
+  useEffect(() => {
+    const id = setInterval(() => setNow(Math.floor(Date.now() / 1e3)), 1e3);
+    return () => clearInterval(id);
+  }, []);
+  const { d, h, m, s } = parts(targetTs - now);
+  const cell = (value, unit) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-2xl font-black tabular-nums leading-none", children: String(value).padStart(2, "0") }),
+    /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-widest text-muted-foreground mt-1", children: unit })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-widest text-brand-orange", children: label }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      d > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        cell(d, "days"),
+        /* @__PURE__ */ jsx("span", { className: "text-xl text-muted-foreground/40", children: ":" })
+      ] }),
+      cell(h, "hrs"),
+      /* @__PURE__ */ jsx("span", { className: "text-xl text-muted-foreground/40", children: ":" }),
+      cell(m, "min"),
+      /* @__PURE__ */ jsx("span", { className: "text-xl text-muted-foreground/40", children: ":" }),
+      cell(s, "sec")
+    ] })
+  ] });
+}
+export {
+  DropCountdown
+};
+//# sourceMappingURL=drop-countdown.js.map

package/dist/components/drop-countdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/drop-countdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\nfunction parts(totalSeconds: number) {\n  const s = Math.max(0, totalSeconds);\n  return {\n    d: Math.floor(s / 86400),\n    h: Math.floor((s % 86400) / 3600),\n    m: Math.floor((s % 3600) / 60),\n    s: Math.floor(s % 60),\n  };\n}\n\n// Counts down to a unix-seconds target (phase start when upcoming, phase end when live).\nexport function DropCountdown({ targetTs, label }: { targetTs: number; label: string }) {\n  const [now, setNow] = useState(() => Math.floor(Date.now() / 1000));\n\n  useEffect(() => {\n    const id = setInterval(() => setNow(Math.floor(Date.now() / 1000)), 1000);\n    return () => clearInterval(id);\n  }, []);\n\n  const { d, h, m, s } = parts(targetTs - now);\n  const cell = (value: number, unit: string) => (\n    <div className=\"flex flex-col items-center\">\n      <span className=\"text-2xl font-black tabular-nums leading-none\">{String(value).padStart(2, \"0\")}</span>\n      <span className=\"text-[10px] uppercase tracking-widest text-muted-foreground mt-1\">{unit}</span>\n    </div>\n  );\n\n  return (\n    <div className=\"space-y-2\">\n      <p className=\"text-xs font-semibold uppercase tracking-widest text-brand-orange\">{label}</p>\n      <div className=\"flex items-center gap-3\">\n        {d > 0 && (<>{cell(d, \"days\")}<span className=\"text-xl text-muted-foreground/40\">:</span></>)}\n        {cell(h, \"hrs\")}\n        <span className=\"text-xl text-muted-foreground/40\">:</span>\n        {cell(m, \"min\")}\n        <span className=\"text-xl text-muted-foreground/40\">:</span>\n        {cell(s, \"sec\")}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAyBI,SAUe,UATb,KADF;AAvBJ,SAAS,WAAW,gBAAgB;AAEpC,SAAS,MAAM,cAAsB;AACnC,QAAM,IAAI,KAAK,IAAI,GAAG,YAAY;AAClC,SAAO;AAAA,IACL,GAAG,KAAK,MAAM,IAAI,KAAK;AAAA,IACvB,GAAG,KAAK,MAAO,IAAI,QAAS,IAAI;AAAA,IAChC,GAAG,KAAK,MAAO,IAAI,OAAQ,EAAE;AAAA,IAC7B,GAAG,KAAK,MAAM,IAAI,EAAE;AAAA,EACtB;AACF;AAGO,SAAS,cAAc,EAAE,UAAU,MAAM,GAAwC;AACtF,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,MAAM,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,CAAC;AAElE,YAAU,MAAM;AACd,UAAM,KAAK,YAAY,MAAM,OAAO,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,CAAC,GAAG,GAAI;AACxE,WAAO,MAAM,cAAc,EAAE;AAAA,EAC/B,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,MAAM,WAAW,GAAG;AAC3C,QAAM,OAAO,CAAC,OAAe,SAC3B,qBAAC,SAAI,WAAU,8BACb;AAAA,wBAAC,UAAK,WAAU,iDAAiD,iBAAO,KAAK,EAAE,SAAS,GAAG,GAAG,GAAE;AAAA,IAChG,oBAAC,UAAK,WAAU,oEAAoE,gBAAK;AAAA,KAC3F;AAGF,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,OAAE,WAAU,qEAAqE,iBAAM;AAAA,IACxF,qBAAC,SAAI,WAAU,2BACZ;AAAA,UAAI,KAAM,iCAAG;AAAA,aAAK,GAAG,MAAM;AAAA,QAAE,oBAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,SAAO;AAAA,MACxF,KAAK,GAAG,KAAK;AAAA,MACd,oBAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,MACnD,KAAK,GAAG,KAAK;AAAA,MACd,oBAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,MACnD,KAAK,GAAG,KAAK;AAAA,OAChB;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/owner-setup-panel.cjs

@@ -0,0 +1,91 @@
+"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 owner_setup_panel_exports = {};
+__export(owner_setup_panel_exports, {
+  OwnerSetupPanel: () => OwnerSetupPanel
+});
+module.exports = __toCommonJS(owner_setup_panel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
+var import_lucide_react = require("lucide-react");
+var import_cn = require("../utils/cn.js");
+function OwnerSetupPanel({ contract, profile }) {
+  const items = [
+    { label: "Display name", done: !!profile?.displayName },
+    { label: "Description", done: !!profile?.description },
+    { label: "Cover image", done: !!profile?.image },
+    { label: "Banner image", done: !!profile?.bannerImage },
+    { label: "Social links", done: !!(profile?.twitterUrl || profile?.discordUrl || profile?.websiteUrl) },
+    { label: "Exclusive content", done: !!profile?.hasGatedContent }
+  ];
+  const doneCount = items.filter((i) => i.done).length;
+  if (doneCount === items.length) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-4 sm:mx-6 mt-3 rounded-2xl border border-border bg-card/80 p-4 space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Settings, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold", children: "Set up your collection" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-xs text-muted-foreground tabular-nums", children: [
+        doneCount,
+        "/",
+        items.length,
+        " complete"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full h-1.5 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: "h-full rounded-full btn-border-animated transition-all duration-500",
+        style: { width: `${doneCount / items.length * 100}%` }
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-1", children: items.map(({ label, done }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+      done ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle2, { className: "h-3.5 w-3.5 text-emerald-500 shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Circle, { className: "h-3.5 w-3.5 text-muted-foreground/40 shrink-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_cn.cn)("text-xs", done ? "text-muted-foreground line-through" : "text-foreground"), children: label })
+    ] }, label)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_link.default,
+      {
+        href: `/portfolio/collections/${contract}/settings`,
+        className: "inline-flex items-center gap-1.5 text-xs font-semibold text-primary hover:underline",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Sparkles, { className: "h-3 w-3" }),
+          "Complete your collection profile"
+        ]
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OwnerSetupPanel
+});
+//# sourceMappingURL=owner-setup-panel.cjs.map

package/dist/components/owner-setup-panel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/owner-setup-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { CheckCircle2, Circle, Settings, Sparkles } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport type { ApiCollectionProfile } from \"@medialane/sdk\";\n\ninterface SetupItem {\n  label: string;\n  done: boolean;\n}\n\ninterface OwnerSetupPanelProps {\n  contract: string;\n  profile: ApiCollectionProfile | null;\n}\n\nexport function OwnerSetupPanel({ contract, profile }: OwnerSetupPanelProps) {\n  const items: SetupItem[] = [\n    { label: \"Display name\",      done: !!profile?.displayName },\n    { label: \"Description\",       done: !!profile?.description },\n    { label: \"Cover image\",       done: !!profile?.image },\n    { label: \"Banner image\",      done: !!profile?.bannerImage },\n    { label: \"Social links\",      done: !!(profile?.twitterUrl || profile?.discordUrl || profile?.websiteUrl) },\n    { label: \"Exclusive content\", done: !!profile?.hasGatedContent },\n  ];\n\n  const doneCount = items.filter((i) => i.done).length;\n\n  if (doneCount === items.length) return null;\n\n  return (\n    <div className=\"mx-4 sm:mx-6 mt-3 rounded-2xl border border-border bg-card/80 p-4 space-y-3\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2\">\n          <Settings className=\"h-4 w-4 text-muted-foreground\" />\n          <p className=\"text-sm font-semibold\">Set up your collection</p>\n        </div>\n        <span className=\"text-xs text-muted-foreground tabular-nums\">\n          {doneCount}/{items.length} complete\n        </span>\n      </div>\n\n      <div className=\"w-full h-1.5 rounded-full bg-muted overflow-hidden\">\n        <div\n          className=\"h-full rounded-full btn-border-animated transition-all duration-500\"\n          style={{ width: `${(doneCount / items.length) * 100}%` }}\n        />\n      </div>\n\n      <div className=\"grid grid-cols-2 gap-x-4 gap-y-1\">\n        {items.map(({ label, done }) => (\n          <div key={label} className=\"flex items-center gap-1.5\">\n            {done ? (\n              <CheckCircle2 className=\"h-3.5 w-3.5 text-emerald-500 shrink-0\" />\n            ) : (\n              <Circle className=\"h-3.5 w-3.5 text-muted-foreground/40 shrink-0\" />\n            )}\n            <span className={cn(\"text-xs\", done ? \"text-muted-foreground line-through\" : \"text-foreground\")}>\n              {label}\n            </span>\n          </div>\n        ))}\n      </div>\n\n      <Link\n        href={`/portfolio/collections/${contract}/settings`}\n        className=\"inline-flex items-center gap-1.5 text-xs font-semibold text-primary hover:underline\"\n      >\n        <Sparkles className=\"h-3 w-3\" />\n        Complete your collection profile\n      </Link>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCQ;AAhCR,kBAAiB;AACjB,0BAAyD;AACzD,gBAAmB;AAaZ,SAAS,gBAAgB,EAAE,UAAU,QAAQ,GAAyB;AAC3E,QAAM,QAAqB;AAAA,IACzB,EAAE,OAAO,gBAAqB,MAAM,CAAC,CAAC,SAAS,YAAY;AAAA,IAC3D,EAAE,OAAO,eAAqB,MAAM,CAAC,CAAC,SAAS,YAAY;AAAA,IAC3D,EAAE,OAAO,eAAqB,MAAM,CAAC,CAAC,SAAS,MAAM;AAAA,IACrD,EAAE,OAAO,gBAAqB,MAAM,CAAC,CAAC,SAAS,YAAY;AAAA,IAC3D,EAAE,OAAO,gBAAqB,MAAM,CAAC,EAAE,SAAS,cAAc,SAAS,cAAc,SAAS,YAAY;AAAA,IAC1G,EAAE,OAAO,qBAAqB,MAAM,CAAC,CAAC,SAAS,gBAAgB;AAAA,EACjE;AAEA,QAAM,YAAY,MAAM,OAAO,CAAC,MAAM,EAAE,IAAI,EAAE;AAE9C,MAAI,cAAc,MAAM,OAAQ,QAAO;AAEvC,SACE,6CAAC,SAAI,WAAU,+EACb;AAAA,iDAAC,SAAI,WAAU,qCACb;AAAA,mDAAC,SAAI,WAAU,2BACb;AAAA,oDAAC,gCAAS,WAAU,iCAAgC;AAAA,QACpD,4CAAC,OAAE,WAAU,yBAAwB,oCAAsB;AAAA,SAC7D;AAAA,MACA,6CAAC,UAAK,WAAU,8CACb;AAAA;AAAA,QAAU;AAAA,QAAE,MAAM;AAAA,QAAO;AAAA,SAC5B;AAAA,OACF;AAAA,IAEA,4CAAC,SAAI,WAAU,sDACb;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,OAAO,GAAI,YAAY,MAAM,SAAU,GAAG,IAAI;AAAA;AAAA,IACzD,GACF;AAAA,IAEA,4CAAC,SAAI,WAAU,oCACZ,gBAAM,IAAI,CAAC,EAAE,OAAO,KAAK,MACxB,6CAAC,SAAgB,WAAU,6BACxB;AAAA,aACC,4CAAC,oCAAa,WAAU,yCAAwC,IAEhE,4CAAC,8BAAO,WAAU,iDAAgD;AAAA,MAEpE,4CAAC,UAAK,eAAW,cAAG,WAAW,OAAO,uCAAuC,iBAAiB,GAC3F,iBACH;AAAA,SARQ,KASV,CACD,GACH;AAAA,IAEA;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QACC,MAAM,0BAA0B,QAAQ;AAAA,QACxC,WAAU;AAAA,QAEV;AAAA,sDAAC,gCAAS,WAAU,WAAU;AAAA,UAAE;AAAA;AAAA;AAAA,IAElC;AAAA,KACF;AAEJ;","names":["Link"]}