@medialane/ui 0.105.0 → 0.107.0

package/dist/components/order-sort-control.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiOrder } from '@medialane/sdk';
+
+type OrderSort = "recent" | "price_asc" | "price_desc";
+/** Pure — orders already come from the API sorted "recent"; this only
+ *  re-sorts the in-memory page by price.raw (BigInt-safe wei comparison). */
+declare function sortOrders(orders: ApiOrder[], sort: OrderSort): ApiOrder[];
+declare function OrderSortControl({ value, onChange }: {
+    value: OrderSort;
+    onChange: (v: OrderSort) => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { type OrderSort, OrderSortControl, sortOrders };

package/dist/components/order-sort-control.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiOrder } from '@medialane/sdk';
+
+type OrderSort = "recent" | "price_asc" | "price_desc";
+/** Pure — orders already come from the API sorted "recent"; this only
+ *  re-sorts the in-memory page by price.raw (BigInt-safe wei comparison). */
+declare function sortOrders(orders: ApiOrder[], sort: OrderSort): ApiOrder[];
+declare function OrderSortControl({ value, onChange }: {
+    value: OrderSort;
+    onChange: (v: OrderSort) => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { type OrderSort, OrderSortControl, sortOrders };

package/dist/components/order-sort-control.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDownUp } from "lucide-react";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./select.js";
+const LABELS = {
+  recent: "Recently listed",
+  price_asc: "Price: low to high",
+  price_desc: "Price: high to low"
+};
+function sortOrders(orders, sort) {
+  if (sort === "recent") return orders;
+  const withPrice = orders.filter((o) => o.price.raw != null);
+  const withoutPrice = orders.filter((o) => o.price.raw == null);
+  const sorted = [...withPrice].sort((a, b) => {
+    const diff = BigInt(a.price.raw) - BigInt(b.price.raw);
+    return sort === "price_asc" ? diff < 0n ? -1 : diff > 0n ? 1 : 0 : diff > 0n ? -1 : diff < 0n ? 1 : 0;
+  });
+  return [...sorted, ...withoutPrice];
+}
+function OrderSortControl({ value, onChange }) {
+  return /* @__PURE__ */ jsxs(Select, { value, onValueChange: (v) => onChange(v), children: [
+    /* @__PURE__ */ jsxs(SelectTrigger, { className: "w-[180px] h-9 text-xs gap-1.5", children: [
+      /* @__PURE__ */ jsx(ArrowDownUp, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(SelectValue, {})
+    ] }),
+    /* @__PURE__ */ jsx(SelectContent, { children: Object.keys(LABELS).map((k) => /* @__PURE__ */ jsx(SelectItem, { value: k, className: "text-xs", children: LABELS[k] }, k)) })
+  ] });
+}
+export {
+  OrderSortControl,
+  sortOrders
+};
+//# sourceMappingURL=order-sort-control.js.map

package/dist/components/order-sort-control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/order-sort-control.tsx"],"sourcesContent":["\"use client\";\n\nimport { ArrowDownUp } from \"lucide-react\";\nimport type { ApiOrder } from \"@medialane/sdk\";\nimport {\n  Select, SelectContent, SelectItem, SelectTrigger, SelectValue,\n} from \"./select.js\";\n\nexport type OrderSort = \"recent\" | \"price_asc\" | \"price_desc\";\n\nconst LABELS: Record<OrderSort, string> = {\n  recent: \"Recently listed\",\n  price_asc: \"Price: low to high\",\n  price_desc: \"Price: high to low\",\n};\n\n/** Pure — orders already come from the API sorted \"recent\"; this only\n *  re-sorts the in-memory page by price.raw (BigInt-safe wei comparison). */\nexport function sortOrders(orders: ApiOrder[], sort: OrderSort): ApiOrder[] {\n  if (sort === \"recent\") return orders;\n  const withPrice = orders.filter((o) => o.price.raw != null);\n  const withoutPrice = orders.filter((o) => o.price.raw == null);\n  const sorted = [...withPrice].sort((a, b) => {\n    const diff = BigInt(a.price.raw!) - BigInt(b.price.raw!);\n    return sort === \"price_asc\" ? (diff < 0n ? -1 : diff > 0n ? 1 : 0) : (diff > 0n ? -1 : diff < 0n ? 1 : 0);\n  });\n  return [...sorted, ...withoutPrice];\n}\n\nexport function OrderSortControl({ value, onChange }: { value: OrderSort; onChange: (v: OrderSort) => void }) {\n  return (\n    <Select value={value} onValueChange={(v) => onChange(v as OrderSort)}>\n      <SelectTrigger className=\"w-[180px] h-9 text-xs gap-1.5\">\n        <ArrowDownUp className=\"h-3.5 w-3.5 text-muted-foreground\" />\n        <SelectValue />\n      </SelectTrigger>\n      <SelectContent>\n        {(Object.keys(LABELS) as OrderSort[]).map((k) => (\n          <SelectItem key={k} value={k} className=\"text-xs\">{LABELS[k]}</SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"mappings":";AAgCM,SACE,KADF;AA9BN,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EAAQ;AAAA,EAAe;AAAA,EAAY;AAAA,EAAe;AAAA,OAC7C;AAIP,MAAM,SAAoC;AAAA,EACxC,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AACd;AAIO,SAAS,WAAW,QAAoB,MAA6B;AAC1E,MAAI,SAAS,SAAU,QAAO;AAC9B,QAAM,YAAY,OAAO,OAAO,CAAC,MAAM,EAAE,MAAM,OAAO,IAAI;AAC1D,QAAM,eAAe,OAAO,OAAO,CAAC,MAAM,EAAE,MAAM,OAAO,IAAI;AAC7D,QAAM,SAAS,CAAC,GAAG,SAAS,EAAE,KAAK,CAAC,GAAG,MAAM;AAC3C,UAAM,OAAO,OAAO,EAAE,MAAM,GAAI,IAAI,OAAO,EAAE,MAAM,GAAI;AACvD,WAAO,SAAS,cAAe,OAAO,KAAK,KAAK,OAAO,KAAK,IAAI,IAAM,OAAO,KAAK,KAAK,OAAO,KAAK,IAAI;AAAA,EACzG,CAAC;AACD,SAAO,CAAC,GAAG,QAAQ,GAAG,YAAY;AACpC;AAEO,SAAS,iBAAiB,EAAE,OAAO,SAAS,GAA2D;AAC5G,SACE,qBAAC,UAAO,OAAc,eAAe,CAAC,MAAM,SAAS,CAAc,GACjE;AAAA,yBAAC,iBAAc,WAAU,iCACvB;AAAA,0BAAC,eAAY,WAAU,qCAAoC;AAAA,MAC3D,oBAAC,eAAY;AAAA,OACf;AAAA,IACA,oBAAC,iBACG,iBAAO,KAAK,MAAM,EAAkB,IAAI,CAAC,MACzC,oBAAC,cAAmB,OAAO,GAAG,WAAU,WAAW,iBAAO,CAAC,KAA1C,CAA4C,CAC9D,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/portfolio-activity.cjs

@@ -0,0 +1,117 @@
+"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 portfolio_activity_exports = {};
+__export(portfolio_activity_exports, {
+  PortfolioActivity: () => PortfolioActivity
+});
+module.exports = __toCommonJS(portfolio_activity_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_sdk = require("@medialane/sdk");
+var import_use_activities = require("../utils/use-activities.js");
+var import_empty_or_error = require("./empty-or-error.js");
+var import_activity = require("../data/activity.js");
+var import_activity_row = require("./activity-row.js");
+var import_cn = require("../utils/cn.js");
+const EXPLORER_URL = process.env.NEXT_PUBLIC_EXPLORER_URL || "https://voyager.online";
+function PortfolioActivity({ getClient, address }) {
+  const { activities, isLoading, error, mutate } = (0, import_use_activities.useActivitiesByAddress)(getClient, address);
+  const [typeFilter, setTypeFilter] = (0, import_react.useState)("");
+  const displayed = typeFilter ? activities.filter((a) => a.type === typeFilter) : activities;
+  const typeCounts = (0, import_react.useMemo)(() => {
+    const counts = {};
+    for (const a of activities) {
+      counts[a.type] = (counts[a.type] ?? 0) + 1;
+    }
+    return counts;
+  }, [activities]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-2", children: import_activity.TYPE_FILTERS.map((f) => {
+      const typeConfig = f.value ? import_activity.ACTIVITY_TYPE_CONFIG[f.value] : null;
+      const Icon = typeConfig?.icon;
+      const count = f.value ? typeCounts[f.value] : activities.length;
+      const isActive = typeFilter === f.value;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "button",
+        {
+          onClick: () => setTypeFilter(f.value),
+          className: (0, import_cn.cn)(
+            "flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full transition-all font-medium",
+            isActive ? "bg-primary text-primary-foreground shadow-sm" : "bg-muted text-muted-foreground hover:bg-muted/70 hover:text-foreground"
+          ),
+          children: [
+            Icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              Icon,
+              {
+                className: (0, import_cn.cn)(
+                  "h-3 w-3",
+                  isActive ? "text-primary-foreground" : typeConfig?.colorClass
+                )
+              }
+            ),
+            f.label,
+            !isLoading && count != null && count > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "span",
+              {
+                className: (0, import_cn.cn)(
+                  "text-[10px] font-bold tabular-nums",
+                  isActive ? "text-primary-foreground/70" : "text-muted-foreground/60"
+                ),
+                children: count
+              }
+            )
+          ]
+        },
+        f.value
+      );
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_empty_or_error.EmptyOrError,
+      {
+        isLoading,
+        error,
+        isEmpty: displayed.length === 0,
+        onRetry: mutate,
+        emptyTitle: typeFilter ? `No ${typeFilter} events yet` : "No activity yet",
+        emptyDescription: "Start by listing or buying an asset on the marketplace.",
+        emptyCta: { label: "Browse marketplace", href: "/marketplace" },
+        emptyIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Activity, { className: "h-7 w-7 text-muted-foreground" }),
+        skeletonCount: 8,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-xl border border-border overflow-hidden divide-y divide-border/50", children: displayed.map((activity, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_activity_row.ActivityRow,
+          {
+            activity,
+            showActor: false,
+            showExplorer: true,
+            explorerUrl: EXPLORER_URL,
+            getAssetHref: (c, t) => (0, import_sdk.assetHref)("STARKNET", c, t)
+          },
+          `${activity.txHash}-${activity.type}-${i}`
+        )) })
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PortfolioActivity
+});
+//# sourceMappingURL=portfolio-activity.cjs.map

package/dist/components/portfolio-activity.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/portfolio-activity.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useMemo } from \"react\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { Activity } from \"lucide-react\";\nimport { assetHref } from \"@medialane/sdk\";\nimport { useActivitiesByAddress } from \"../utils/use-activities.js\";\nimport { EmptyOrError } from \"./empty-or-error.js\";\nimport { ACTIVITY_TYPE_CONFIG, TYPE_FILTERS } from \"../data/activity.js\";\nimport { ActivityRow } from \"./activity-row.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst EXPLORER_URL = process.env.NEXT_PUBLIC_EXPLORER_URL || \"https://voyager.online\";\n\nexport interface PortfolioActivityProps {\n  getClient: () => MedialaneClient;\n  address: string | null;\n}\n\nexport function PortfolioActivity({ getClient, address }: PortfolioActivityProps) {\n  const { activities, isLoading, error, mutate } = useActivitiesByAddress(getClient, address);\n  const [typeFilter, setTypeFilter] = useState(\"\");\n\n  const displayed = typeFilter\n    ? activities.filter((a) => a.type === typeFilter)\n    : activities;\n\n  // Per-type counts for the filter chip badges\n  const typeCounts = useMemo(() => {\n    const counts: Record<string, number> = {};\n    for (const a of activities) {\n      counts[a.type] = (counts[a.type] ?? 0) + 1;\n    }\n    return counts;\n  }, [activities]);\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Filter chips with icons + per-type counts */}\n      <div className=\"flex flex-wrap gap-2\">\n        {TYPE_FILTERS.map((f) => {\n          const typeConfig = f.value ? ACTIVITY_TYPE_CONFIG[f.value] : null;\n          const Icon = typeConfig?.icon;\n          const count = f.value ? typeCounts[f.value] : activities.length;\n          const isActive = typeFilter === f.value;\n          return (\n            <button\n              key={f.value}\n              onClick={() => setTypeFilter(f.value)}\n              className={cn(\n                \"flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full transition-all font-medium\",\n                isActive\n                  ? \"bg-primary text-primary-foreground shadow-sm\"\n                  : \"bg-muted text-muted-foreground hover:bg-muted/70 hover:text-foreground\"\n              )}\n            >\n              {Icon && (\n                <Icon\n                  className={cn(\n                    \"h-3 w-3\",\n                    isActive ? \"text-primary-foreground\" : typeConfig?.colorClass\n                  )}\n                />\n              )}\n              {f.label}\n              {!isLoading && count != null && count > 0 && (\n                <span\n                  className={cn(\n                    \"text-[10px] font-bold tabular-nums\",\n                    isActive\n                      ? \"text-primary-foreground/70\"\n                      : \"text-muted-foreground/60\"\n                  )}\n                >\n                  {count}\n                </span>\n              )}\n            </button>\n          );\n        })}\n      </div>\n\n      <EmptyOrError\n        isLoading={isLoading}\n        error={error}\n        isEmpty={displayed.length === 0}\n        onRetry={mutate}\n        emptyTitle={typeFilter ? `No ${typeFilter} events yet` : \"No activity yet\"}\n        emptyDescription=\"Start by listing or buying an asset on the marketplace.\"\n        emptyCta={{ label: \"Browse marketplace\", href: \"/marketplace\" }}\n        emptyIcon={<Activity className=\"h-7 w-7 text-muted-foreground\" />}\n        skeletonCount={8}\n      >\n        <div className=\"rounded-xl border border-border overflow-hidden divide-y divide-border/50\">\n          {displayed.map((activity, i) => (\n            <ActivityRow\n              key={`${activity.txHash}-${activity.type}-${i}`}\n              activity={activity}\n              showActor={false}\n              showExplorer\n              explorerUrl={EXPLORER_URL}\n              getAssetHref={(c, t) => assetHref(\"STARKNET\", c, t)}\n            />\n          ))}\n        </div>\n      </EmptyOrError>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8CY;AA5CZ,mBAAkC;AAElC,0BAAyB;AACzB,iBAA0B;AAC1B,4BAAuC;AACvC,4BAA6B;AAC7B,sBAAmD;AACnD,0BAA4B;AAC5B,gBAAmB;AAEnB,MAAM,eAAe,QAAQ,IAAI,4BAA4B;AAOtD,SAAS,kBAAkB,EAAE,WAAW,QAAQ,GAA2B;AAChF,QAAM,EAAE,YAAY,WAAW,OAAO,OAAO,QAAI,8CAAuB,WAAW,OAAO;AAC1F,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,EAAE;AAE/C,QAAM,YAAY,aACd,WAAW,OAAO,CAAC,MAAM,EAAE,SAAS,UAAU,IAC9C;AAGJ,QAAM,iBAAa,sBAAQ,MAAM;AAC/B,UAAM,SAAiC,CAAC;AACxC,eAAW,KAAK,YAAY;AAC1B,aAAO,EAAE,IAAI,KAAK,OAAO,EAAE,IAAI,KAAK,KAAK;AAAA,IAC3C;AACA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,CAAC;AAEf,SACE,6CAAC,SAAI,WAAU,aAEb;AAAA,gDAAC,SAAI,WAAU,wBACZ,uCAAa,IAAI,CAAC,MAAM;AACvB,YAAM,aAAa,EAAE,QAAQ,qCAAqB,EAAE,KAAK,IAAI;AAC7D,YAAM,OAAO,YAAY;AACzB,YAAM,QAAQ,EAAE,QAAQ,WAAW,EAAE,KAAK,IAAI,WAAW;AACzD,YAAM,WAAW,eAAe,EAAE;AAClC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS,MAAM,cAAc,EAAE,KAAK;AAAA,UACpC,eAAW;AAAA,YACT;AAAA,YACA,WACI,iDACA;AAAA,UACN;AAAA,UAEC;AAAA,oBACC;AAAA,cAAC;AAAA;AAAA,gBACC,eAAW;AAAA,kBACT;AAAA,kBACA,WAAW,4BAA4B,YAAY;AAAA,gBACrD;AAAA;AAAA,YACF;AAAA,YAED,EAAE;AAAA,YACF,CAAC,aAAa,SAAS,QAAQ,QAAQ,KACtC;AAAA,cAAC;AAAA;AAAA,gBACC,eAAW;AAAA,kBACT;AAAA,kBACA,WACI,+BACA;AAAA,gBACN;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA;AAAA;AAAA,QA5BG,EAAE;AAAA,MA8BT;AAAA,IAEJ,CAAC,GACH;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS,UAAU,WAAW;AAAA,QAC9B,SAAS;AAAA,QACT,YAAY,aAAa,MAAM,UAAU,gBAAgB;AAAA,QACzD,kBAAiB;AAAA,QACjB,UAAU,EAAE,OAAO,sBAAsB,MAAM,eAAe;AAAA,QAC9D,WAAW,4CAAC,gCAAS,WAAU,iCAAgC;AAAA,QAC/D,eAAe;AAAA,QAEf,sDAAC,SAAI,WAAU,6EACZ,oBAAU,IAAI,CAAC,UAAU,MACxB;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA,WAAW;AAAA,YACX,cAAY;AAAA,YACZ,aAAa;AAAA,YACb,cAAc,CAAC,GAAG,UAAM,sBAAU,YAAY,GAAG,CAAC;AAAA;AAAA,UAL7C,GAAG,SAAS,MAAM,IAAI,SAAS,IAAI,IAAI,CAAC;AAAA,QAM/C,CACD,GACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/portfolio-activity.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MedialaneClient } from '@medialane/sdk/starknet';
+
+interface PortfolioActivityProps {
+    getClient: () => MedialaneClient;
+    address: string | null;
+}
+declare function PortfolioActivity({ getClient, address }: PortfolioActivityProps): react_jsx_runtime.JSX.Element;
+
+export { PortfolioActivity, type PortfolioActivityProps };

package/dist/components/portfolio-activity.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MedialaneClient } from '@medialane/sdk/starknet';
+
+interface PortfolioActivityProps {
+    getClient: () => MedialaneClient;
+    address: string | null;
+}
+declare function PortfolioActivity({ getClient, address }: PortfolioActivityProps): react_jsx_runtime.JSX.Element;
+
+export { PortfolioActivity, type PortfolioActivityProps };

package/dist/components/portfolio-activity.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import { Activity } from "lucide-react";
+import { assetHref } from "@medialane/sdk";
+import { useActivitiesByAddress } from "../utils/use-activities.js";
+import { EmptyOrError } from "./empty-or-error.js";
+import { ACTIVITY_TYPE_CONFIG, TYPE_FILTERS } from "../data/activity.js";
+import { ActivityRow } from "./activity-row.js";
+import { cn } from "../utils/cn.js";
+const EXPLORER_URL = process.env.NEXT_PUBLIC_EXPLORER_URL || "https://voyager.online";
+function PortfolioActivity({ getClient, address }) {
+  const { activities, isLoading, error, mutate } = useActivitiesByAddress(getClient, address);
+  const [typeFilter, setTypeFilter] = useState("");
+  const displayed = typeFilter ? activities.filter((a) => a.type === typeFilter) : activities;
+  const typeCounts = useMemo(() => {
+    const counts = {};
+    for (const a of activities) {
+      counts[a.type] = (counts[a.type] ?? 0) + 1;
+    }
+    return counts;
+  }, [activities]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: TYPE_FILTERS.map((f) => {
+      const typeConfig = f.value ? ACTIVITY_TYPE_CONFIG[f.value] : null;
+      const Icon = typeConfig?.icon;
+      const count = f.value ? typeCounts[f.value] : activities.length;
+      const isActive = typeFilter === f.value;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => setTypeFilter(f.value),
+          className: cn(
+            "flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full transition-all font-medium",
+            isActive ? "bg-primary text-primary-foreground shadow-sm" : "bg-muted text-muted-foreground hover:bg-muted/70 hover:text-foreground"
+          ),
+          children: [
+            Icon && /* @__PURE__ */ jsx(
+              Icon,
+              {
+                className: cn(
+                  "h-3 w-3",
+                  isActive ? "text-primary-foreground" : typeConfig?.colorClass
+                )
+              }
+            ),
+            f.label,
+            !isLoading && count != null && count > 0 && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "text-[10px] font-bold tabular-nums",
+                  isActive ? "text-primary-foreground/70" : "text-muted-foreground/60"
+                ),
+                children: count
+              }
+            )
+          ]
+        },
+        f.value
+      );
+    }) }),
+    /* @__PURE__ */ jsx(
+      EmptyOrError,
+      {
+        isLoading,
+        error,
+        isEmpty: displayed.length === 0,
+        onRetry: mutate,
+        emptyTitle: typeFilter ? `No ${typeFilter} events yet` : "No activity yet",
+        emptyDescription: "Start by listing or buying an asset on the marketplace.",
+        emptyCta: { label: "Browse marketplace", href: "/marketplace" },
+        emptyIcon: /* @__PURE__ */ jsx(Activity, { className: "h-7 w-7 text-muted-foreground" }),
+        skeletonCount: 8,
+        children: /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-border overflow-hidden divide-y divide-border/50", children: displayed.map((activity, i) => /* @__PURE__ */ jsx(
+          ActivityRow,
+          {
+            activity,
+            showActor: false,
+            showExplorer: true,
+            explorerUrl: EXPLORER_URL,
+            getAssetHref: (c, t) => assetHref("STARKNET", c, t)
+          },
+          `${activity.txHash}-${activity.type}-${i}`
+        )) })
+      }
+    )
+  ] });
+}
+export {
+  PortfolioActivity
+};
+//# sourceMappingURL=portfolio-activity.js.map

package/dist/components/portfolio-activity.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/portfolio-activity.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useMemo } from \"react\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { Activity } from \"lucide-react\";\nimport { assetHref } from \"@medialane/sdk\";\nimport { useActivitiesByAddress } from \"../utils/use-activities.js\";\nimport { EmptyOrError } from \"./empty-or-error.js\";\nimport { ACTIVITY_TYPE_CONFIG, TYPE_FILTERS } from \"../data/activity.js\";\nimport { ActivityRow } from \"./activity-row.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst EXPLORER_URL = process.env.NEXT_PUBLIC_EXPLORER_URL || \"https://voyager.online\";\n\nexport interface PortfolioActivityProps {\n  getClient: () => MedialaneClient;\n  address: string | null;\n}\n\nexport function PortfolioActivity({ getClient, address }: PortfolioActivityProps) {\n  const { activities, isLoading, error, mutate } = useActivitiesByAddress(getClient, address);\n  const [typeFilter, setTypeFilter] = useState(\"\");\n\n  const displayed = typeFilter\n    ? activities.filter((a) => a.type === typeFilter)\n    : activities;\n\n  // Per-type counts for the filter chip badges\n  const typeCounts = useMemo(() => {\n    const counts: Record<string, number> = {};\n    for (const a of activities) {\n      counts[a.type] = (counts[a.type] ?? 0) + 1;\n    }\n    return counts;\n  }, [activities]);\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Filter chips with icons + per-type counts */}\n      <div className=\"flex flex-wrap gap-2\">\n        {TYPE_FILTERS.map((f) => {\n          const typeConfig = f.value ? ACTIVITY_TYPE_CONFIG[f.value] : null;\n          const Icon = typeConfig?.icon;\n          const count = f.value ? typeCounts[f.value] : activities.length;\n          const isActive = typeFilter === f.value;\n          return (\n            <button\n              key={f.value}\n              onClick={() => setTypeFilter(f.value)}\n              className={cn(\n                \"flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-full transition-all font-medium\",\n                isActive\n                  ? \"bg-primary text-primary-foreground shadow-sm\"\n                  : \"bg-muted text-muted-foreground hover:bg-muted/70 hover:text-foreground\"\n              )}\n            >\n              {Icon && (\n                <Icon\n                  className={cn(\n                    \"h-3 w-3\",\n                    isActive ? \"text-primary-foreground\" : typeConfig?.colorClass\n                  )}\n                />\n              )}\n              {f.label}\n              {!isLoading && count != null && count > 0 && (\n                <span\n                  className={cn(\n                    \"text-[10px] font-bold tabular-nums\",\n                    isActive\n                      ? \"text-primary-foreground/70\"\n                      : \"text-muted-foreground/60\"\n                  )}\n                >\n                  {count}\n                </span>\n              )}\n            </button>\n          );\n        })}\n      </div>\n\n      <EmptyOrError\n        isLoading={isLoading}\n        error={error}\n        isEmpty={displayed.length === 0}\n        onRetry={mutate}\n        emptyTitle={typeFilter ? `No ${typeFilter} events yet` : \"No activity yet\"}\n        emptyDescription=\"Start by listing or buying an asset on the marketplace.\"\n        emptyCta={{ label: \"Browse marketplace\", href: \"/marketplace\" }}\n        emptyIcon={<Activity className=\"h-7 w-7 text-muted-foreground\" />}\n        skeletonCount={8}\n      >\n        <div className=\"rounded-xl border border-border overflow-hidden divide-y divide-border/50\">\n          {displayed.map((activity, i) => (\n            <ActivityRow\n              key={`${activity.txHash}-${activity.type}-${i}`}\n              activity={activity}\n              showActor={false}\n              showExplorer\n              explorerUrl={EXPLORER_URL}\n              getAssetHref={(c, t) => assetHref(\"STARKNET\", c, t)}\n            />\n          ))}\n        </div>\n      </EmptyOrError>\n    </div>\n  );\n}\n"],"mappings":";AA8CY,SAWI,KAXJ;AA5CZ,SAAS,UAAU,eAAe;AAElC,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB,oBAAoB;AACnD,SAAS,mBAAmB;AAC5B,SAAS,UAAU;AAEnB,MAAM,eAAe,QAAQ,IAAI,4BAA4B;AAOtD,SAAS,kBAAkB,EAAE,WAAW,QAAQ,GAA2B;AAChF,QAAM,EAAE,YAAY,WAAW,OAAO,OAAO,IAAI,uBAAuB,WAAW,OAAO;AAC1F,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAE/C,QAAM,YAAY,aACd,WAAW,OAAO,CAAC,MAAM,EAAE,SAAS,UAAU,IAC9C;AAGJ,QAAM,aAAa,QAAQ,MAAM;AAC/B,UAAM,SAAiC,CAAC;AACxC,eAAW,KAAK,YAAY;AAC1B,aAAO,EAAE,IAAI,KAAK,OAAO,EAAE,IAAI,KAAK,KAAK;AAAA,IAC3C;AACA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,CAAC;AAEf,SACE,qBAAC,SAAI,WAAU,aAEb;AAAA,wBAAC,SAAI,WAAU,wBACZ,uBAAa,IAAI,CAAC,MAAM;AACvB,YAAM,aAAa,EAAE,QAAQ,qBAAqB,EAAE,KAAK,IAAI;AAC7D,YAAM,OAAO,YAAY;AACzB,YAAM,QAAQ,EAAE,QAAQ,WAAW,EAAE,KAAK,IAAI,WAAW;AACzD,YAAM,WAAW,eAAe,EAAE;AAClC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS,MAAM,cAAc,EAAE,KAAK;AAAA,UACpC,WAAW;AAAA,YACT;AAAA,YACA,WACI,iDACA;AAAA,UACN;AAAA,UAEC;AAAA,oBACC;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,WAAW,4BAA4B,YAAY;AAAA,gBACrD;AAAA;AAAA,YACF;AAAA,YAED,EAAE;AAAA,YACF,CAAC,aAAa,SAAS,QAAQ,QAAQ,KACtC;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,WACI,+BACA;AAAA,gBACN;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA;AAAA;AAAA,QA5BG,EAAE;AAAA,MA8BT;AAAA,IAEJ,CAAC,GACH;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS,UAAU,WAAW;AAAA,QAC9B,SAAS;AAAA,QACT,YAAY,aAAa,MAAM,UAAU,gBAAgB;AAAA,QACzD,kBAAiB;AAAA,QACjB,UAAU,EAAE,OAAO,sBAAsB,MAAM,eAAe;AAAA,QAC9D,WAAW,oBAAC,YAAS,WAAU,iCAAgC;AAAA,QAC/D,eAAe;AAAA,QAEf,8BAAC,SAAI,WAAU,6EACZ,oBAAU,IAAI,CAAC,UAAU,MACxB;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA,WAAW;AAAA,YACX,cAAY;AAAA,YACZ,aAAa;AAAA,YACb,cAAc,CAAC,GAAG,MAAM,UAAU,YAAY,GAAG,CAAC;AAAA;AAAA,UAL7C,GAAG,SAAS,MAAM,IAAI,SAAS,IAAI,IAAI,CAAC;AAAA,QAM/C,CACD,GACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/price-history-chart.cjs

@@ -0,0 +1,130 @@
+"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 price_history_chart_exports = {};
+__export(price_history_chart_exports, {
+  PriceHistoryChart: () => PriceHistoryChart
+});
+module.exports = __toCommonJS(price_history_chart_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_recharts = require("recharts");
+function parsePrice(formatted) {
+  return parseFloat(formatted.replace(/[^0-9.]/g, "")) || 0;
+}
+function PriceHistoryChart({ history }) {
+  const chartData = (0, import_react.useMemo)(() => {
+    const sales = history.filter(
+      (e) => e.type === "sale" && e.price?.formatted != null
+    );
+    if (sales.length < 2) return null;
+    const currencyCounts = /* @__PURE__ */ new Map();
+    for (const s of sales) {
+      const c = s.price.currency ?? "STRK";
+      currencyCounts.set(c, (currencyCounts.get(c) ?? 0) + 1);
+    }
+    const topCurrency = [...currencyCounts.entries()].sort(
+      (a, b) => b[1] - a[1]
+    )[0][0];
+    const points = sales.filter((s) => (s.price.currency ?? "STRK") === topCurrency).map((s) => ({
+      date: new Date(
+        typeof s.timestamp === "number" ? s.timestamp * 1e3 : s.timestamp
+      ).toLocaleDateString("en-US", { month: "short", day: "numeric" }),
+      price: parsePrice(s.price.formatted ?? "")
+    })).reverse();
+    if (points.length < 2) return null;
+    return { currency: topCurrency, points };
+  }, [history]);
+  if (!chartData) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-xl 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: [
+      "Price history \xB7 ",
+      chartData.currency
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: 160, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_recharts.LineChart,
+      {
+        data: chartData.points,
+        margin: { top: 4, right: 8, bottom: 0, left: 0 },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_recharts.CartesianGrid,
+            {
+              strokeDasharray: "3 3",
+              stroke: "hsl(var(--border))",
+              opacity: 0.5
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_recharts.XAxis,
+            {
+              dataKey: "date",
+              tick: { fontSize: 11, fill: "hsl(var(--muted-foreground))" },
+              axisLine: false,
+              tickLine: false
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_recharts.YAxis,
+            {
+              tick: { fontSize: 11, fill: "hsl(var(--muted-foreground))" },
+              axisLine: false,
+              tickLine: false,
+              width: 48
+            }
+          ),
+          /* @__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} ${chartData.currency}`,
+                "Sale price"
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_recharts.Line,
+            {
+              type: "monotone",
+              dataKey: "price",
+              stroke: "hsl(var(--primary))",
+              strokeWidth: 2,
+              dot: { fill: "hsl(var(--primary))", r: 3, strokeWidth: 0 },
+              activeDot: { r: 5, fill: "hsl(var(--primary))" }
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PriceHistoryChart
+});
+//# sourceMappingURL=price-history-chart.cjs.map

package/dist/components/price-history-chart.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/price-history-chart.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport {\n  LineChart,\n  Line,\n  XAxis,\n  YAxis,\n  Tooltip,\n  ResponsiveContainer,\n  CartesianGrid,\n} from \"recharts\";\nimport type { ApiActivity } from \"@medialane/sdk\";\n\nexport interface PriceHistoryChartProps {\n  history: ApiActivity[];\n}\n\nfunction parsePrice(formatted: string): number {\n  return parseFloat(formatted.replace(/[^0-9.]/g, \"\")) || 0;\n}\n\nexport function PriceHistoryChart({ history }: PriceHistoryChartProps) {\n  const chartData = useMemo(() => {\n    const sales = history.filter(\n      (e) => e.type === \"sale\" && e.price?.formatted != null\n    );\n    if (sales.length < 2) return null;\n\n    // Pick most common currency to keep Y-axis consistent\n    const currencyCounts = new Map<string, number>();\n    for (const s of sales) {\n      const c = s.price!.currency ?? \"STRK\";\n      currencyCounts.set(c, (currencyCounts.get(c) ?? 0) + 1);\n    }\n    const topCurrency = [...currencyCounts.entries()].sort(\n      (a, b) => b[1] - a[1]\n    )[0][0];\n\n    const points = sales\n      .filter((s) => (s.price!.currency ?? \"STRK\") === topCurrency)\n      .map((s) => ({\n        date: new Date(\n          typeof s.timestamp === \"number\" ? s.timestamp * 1000 : s.timestamp\n        ).toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" }),\n        price: parsePrice(s.price!.formatted ?? \"\"),\n      }))\n      .reverse(); // oldest → newest left to right\n\n    if (points.length < 2) return null;\n    return { currency: topCurrency, points };\n  }, [history]);\n\n  if (!chartData) {\n    return null;\n  }\n\n  return (\n    <div className=\"rounded-xl bg-card/50 p-4 space-y-2\">\n      <p className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n        Price history · {chartData.currency}\n      </p>\n      <ResponsiveContainer width=\"100%\" height={160}>\n        <LineChart\n          data={chartData.points}\n          margin={{ top: 4, right: 8, bottom: 0, left: 0 }}\n        >\n          <CartesianGrid\n            strokeDasharray=\"3 3\"\n            stroke=\"hsl(var(--border))\"\n            opacity={0.5}\n          />\n          <XAxis\n            dataKey=\"date\"\n            tick={{ fontSize: 11, fill: \"hsl(var(--muted-foreground))\" }}\n            axisLine={false}\n            tickLine={false}\n          />\n          <YAxis\n            tick={{ fontSize: 11, fill: \"hsl(var(--muted-foreground))\" }}\n            axisLine={false}\n            tickLine={false}\n            width={48}\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) => [\n              `${value} ${chartData.currency}`,\n              \"Sale price\",\n            ]}\n          />\n          <Line\n            type=\"monotone\"\n            dataKey=\"price\"\n            stroke=\"hsl(var(--primary))\"\n            strokeWidth={2}\n            dot={{ fill: \"hsl(var(--primary))\", r: 3, strokeWidth: 0 }}\n            activeDot={{ r: 5, fill: \"hsl(var(--primary))\" }}\n          />\n        </LineChart>\n      </ResponsiveContainer>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/price-history-chart.d.cts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiActivity } from '@medialane/sdk';
+
+interface PriceHistoryChartProps {
+    history: ApiActivity[];
+}
+declare function PriceHistoryChart({ history }: PriceHistoryChartProps): react_jsx_runtime.JSX.Element | null;
+
+export { PriceHistoryChart, type PriceHistoryChartProps };

package/dist/components/price-history-chart.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiActivity } from '@medialane/sdk';
+
+interface PriceHistoryChartProps {
+    history: ApiActivity[];
+}
+declare function PriceHistoryChart({ history }: PriceHistoryChartProps): react_jsx_runtime.JSX.Element | null;
+
+export { PriceHistoryChart, type PriceHistoryChartProps };

package/dist/components/price-history-chart.js

@@ -0,0 +1,114 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import {
+  LineChart,
+  Line,
+  XAxis,
+  YAxis,
+  Tooltip,
+  ResponsiveContainer,
+  CartesianGrid
+} from "recharts";
+function parsePrice(formatted) {
+  return parseFloat(formatted.replace(/[^0-9.]/g, "")) || 0;
+}
+function PriceHistoryChart({ history }) {
+  const chartData = useMemo(() => {
+    const sales = history.filter(
+      (e) => e.type === "sale" && e.price?.formatted != null
+    );
+    if (sales.length < 2) return null;
+    const currencyCounts = /* @__PURE__ */ new Map();
+    for (const s of sales) {
+      const c = s.price.currency ?? "STRK";
+      currencyCounts.set(c, (currencyCounts.get(c) ?? 0) + 1);
+    }
+    const topCurrency = [...currencyCounts.entries()].sort(
+      (a, b) => b[1] - a[1]
+    )[0][0];
+    const points = sales.filter((s) => (s.price.currency ?? "STRK") === topCurrency).map((s) => ({
+      date: new Date(
+        typeof s.timestamp === "number" ? s.timestamp * 1e3 : s.timestamp
+      ).toLocaleDateString("en-US", { month: "short", day: "numeric" }),
+      price: parsePrice(s.price.formatted ?? "")
+    })).reverse();
+    if (points.length < 2) return null;
+    return { currency: topCurrency, points };
+  }, [history]);
+  if (!chartData) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl bg-card/50 p-4 space-y-2", children: [
+    /* @__PURE__ */ jsxs("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: [
+      "Price history \xB7 ",
+      chartData.currency
+    ] }),
+    /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: 160, children: /* @__PURE__ */ jsxs(
+      LineChart,
+      {
+        data: chartData.points,
+        margin: { top: 4, right: 8, bottom: 0, left: 0 },
+        children: [
+          /* @__PURE__ */ jsx(
+            CartesianGrid,
+            {
+              strokeDasharray: "3 3",
+              stroke: "hsl(var(--border))",
+              opacity: 0.5
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            XAxis,
+            {
+              dataKey: "date",
+              tick: { fontSize: 11, fill: "hsl(var(--muted-foreground))" },
+              axisLine: false,
+              tickLine: false
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            YAxis,
+            {
+              tick: { fontSize: 11, fill: "hsl(var(--muted-foreground))" },
+              axisLine: false,
+              tickLine: false,
+              width: 48
+            }
+          ),
+          /* @__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} ${chartData.currency}`,
+                "Sale price"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Line,
+            {
+              type: "monotone",
+              dataKey: "price",
+              stroke: "hsl(var(--primary))",
+              strokeWidth: 2,
+              dot: { fill: "hsl(var(--primary))", r: 3, strokeWidth: 0 },
+              activeDot: { r: 5, fill: "hsl(var(--primary))" }
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
+}
+export {
+  PriceHistoryChart
+};
+//# sourceMappingURL=price-history-chart.js.map

package/dist/components/price-history-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/price-history-chart.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport {\n  LineChart,\n  Line,\n  XAxis,\n  YAxis,\n  Tooltip,\n  ResponsiveContainer,\n  CartesianGrid,\n} from \"recharts\";\nimport type { ApiActivity } from \"@medialane/sdk\";\n\nexport interface PriceHistoryChartProps {\n  history: ApiActivity[];\n}\n\nfunction parsePrice(formatted: string): number {\n  return parseFloat(formatted.replace(/[^0-9.]/g, \"\")) || 0;\n}\n\nexport function PriceHistoryChart({ history }: PriceHistoryChartProps) {\n  const chartData = useMemo(() => {\n    const sales = history.filter(\n      (e) => e.type === \"sale\" && e.price?.formatted != null\n    );\n    if (sales.length < 2) return null;\n\n    // Pick most common currency to keep Y-axis consistent\n    const currencyCounts = new Map<string, number>();\n    for (const s of sales) {\n      const c = s.price!.currency ?? \"STRK\";\n      currencyCounts.set(c, (currencyCounts.get(c) ?? 0) + 1);\n    }\n    const topCurrency = [...currencyCounts.entries()].sort(\n      (a, b) => b[1] - a[1]\n    )[0][0];\n\n    const points = sales\n      .filter((s) => (s.price!.currency ?? \"STRK\") === topCurrency)\n      .map((s) => ({\n        date: new Date(\n          typeof s.timestamp === \"number\" ? s.timestamp * 1000 : s.timestamp\n        ).toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" }),\n        price: parsePrice(s.price!.formatted ?? \"\"),\n      }))\n      .reverse(); // oldest → newest left to right\n\n    if (points.length < 2) return null;\n    return { currency: topCurrency, points };\n  }, [history]);\n\n  if (!chartData) {\n    return null;\n  }\n\n  return (\n    <div className=\"rounded-xl bg-card/50 p-4 space-y-2\">\n      <p className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n        Price history · {chartData.currency}\n      </p>\n      <ResponsiveContainer width=\"100%\" height={160}>\n        <LineChart\n          data={chartData.points}\n          margin={{ top: 4, right: 8, bottom: 0, left: 0 }}\n        >\n          <CartesianGrid\n            strokeDasharray=\"3 3\"\n            stroke=\"hsl(var(--border))\"\n            opacity={0.5}\n          />\n          <XAxis\n            dataKey=\"date\"\n            tick={{ fontSize: 11, fill: \"hsl(var(--muted-foreground))\" }}\n            axisLine={false}\n            tickLine={false}\n          />\n          <YAxis\n            tick={{ fontSize: 11, fill: \"hsl(var(--muted-foreground))\" }}\n            axisLine={false}\n            tickLine={false}\n            width={48}\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) => [\n              `${value} ${chartData.currency}`,\n              \"Sale price\",\n            ]}\n          />\n          <Line\n            type=\"monotone\"\n            dataKey=\"price\"\n            stroke=\"hsl(var(--primary))\"\n            strokeWidth={2}\n            dot={{ fill: \"hsl(var(--primary))\", r: 3, strokeWidth: 0 }}\n            activeDot={{ r: 5, fill: \"hsl(var(--primary))\" }}\n          />\n        </LineChart>\n      </ResponsiveContainer>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}