@medialane/ui 0.275.0 → 0.276.0

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

@@ -1 +0,0 @@
-{"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\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    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\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      <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"]}