@medialane/ui 0.300.0 → 0.302.0

package/dist/components/collection-provenance-tab.cjs

@@ -0,0 +1,207 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var collection_provenance_tab_exports = {};
+__export(collection_provenance_tab_exports, {
+  CollectionProvenanceTab: () => CollectionProvenanceTab
+});
+module.exports = __toCommonJS(collection_provenance_tab_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_sdk = require("@medialane/sdk");
+var import_lucide_react = require("lucide-react");
+var import_image = __toESM(require("./image.js"), 1);
+var import_link = __toESM(require("./link.js"), 1);
+var import_address_display = require("./address-display.js");
+var import_currency_icon = require("./currency-icon.js");
+var import_load_more_sentinel = require("./load-more-sentinel.js");
+var import_use_activities = require("../utils/use-activities.js");
+var import_use_image_url = require("../utils/use-image-url.js");
+var import_activity = require("../data/activity.js");
+var import_explorer_url = require("../utils/explorer-url.js");
+var import_format = require("../utils/format.js");
+var import_time = require("../utils/time.js");
+var import_cn = require("../utils/cn.js");
+const PAGE_SIZE = 30;
+const EVENT_TITLE = {
+  mint: "Minted",
+  listing: "Listed for sale",
+  sale: "Purchased",
+  offer: "Offer made",
+  transfer: "Transferred",
+  cancelled: "Listing cancelled"
+};
+function dayLabel(iso) {
+  const date = new Date(iso);
+  const today = /* @__PURE__ */ new Date();
+  const yesterday = /* @__PURE__ */ new Date();
+  yesterday.setDate(today.getDate() - 1);
+  if (date.toDateString() === today.toDateString()) return "Today";
+  if (date.toDateString() === yesterday.toDateString()) return "Yesterday";
+  return date.toLocaleDateString(void 0, { day: "numeric", month: "long", year: "numeric" });
+}
+function groupByDay(events) {
+  const groups = [];
+  for (const event of events) {
+    const label = dayLabel(event.timestamp);
+    const last = groups[groups.length - 1];
+    if (last && last.label === label) last.events.push(event);
+    else groups.push({ label, events: [event] });
+  }
+  return groups;
+}
+function ProvenanceEvent({ event, showAsset }) {
+  const resolveImage = (0, import_use_image_url.useImageUrl)();
+  const config = import_activity.ACTIVITY_TYPE_CONFIG[event.type];
+  const Icon = config?.icon ?? import_lucide_react.ExternalLink;
+  const contract = event.nftContract ?? event.contractAddress ?? null;
+  const tokenId = event.nftTokenId ?? event.tokenId ?? null;
+  const actor = event.offerer ?? event.fulfiller ?? (event.type === "mint" ? event.to : event.from) ?? null;
+  const amount = event.amount && Number(event.amount) > 1 ? event.amount : null;
+  const name = event.token?.name ?? (tokenId ? `#${tokenId}` : null);
+  const image = resolveImage(event.token?.image ?? null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "flex items-center gap-4 rounded-2xl border border-border/50 bg-card/60 p-4 backdrop-blur-sm transition-colors hover:bg-card/90", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        className: (0, import_cn.cn)(
+          "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl",
+          config?.bgClass ?? "bg-muted"
+        ),
+        "aria-hidden": true,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: (0, import_cn.cn)("h-5 w-5", config?.colorClass ?? "text-muted-foreground") })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "flex flex-wrap items-baseline gap-x-1.5 text-base font-semibold leading-tight", children: [
+        EVENT_TITLE[event.type] ?? event.type,
+        amount ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-sm font-medium text-muted-foreground", children: [
+          "\xD7",
+          amount
+        ] }) : null,
+        actor ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-sm font-normal text-muted-foreground", children: [
+          "by",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_link.default,
+            {
+              href: (0, import_sdk.profileHref)({ address: actor }),
+              className: "font-medium text-foreground/80 hover:text-primary transition-colors",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_address_display.AddressDisplay, { address: actor, chars: 6, showCopy: false, className: "text-sm" })
+            }
+          )
+        ] }) : null
+      ] }),
+      showAsset && name ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_link.default,
+        {
+          href: contract && tokenId ? (0, import_sdk.assetHref)(event.chain ?? "STARKNET", contract, tokenId) : "#",
+          className: "mt-2 inline-flex max-w-full items-center gap-2 rounded-full bg-muted/70 py-1 pl-1 pr-3 hover:bg-muted transition-colors",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "relative h-6 w-6 shrink-0 overflow-hidden rounded-full bg-muted", children: image ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: image, alt: "", width: 24, height: 24, className: "h-full w-full object-cover", unoptimized: true }) : null }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "truncate text-xs font-medium", children: name })
+          ]
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
+      event.price?.formatted ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center gap-1.5 text-base font-bold tabular-nums", children: [
+        event.price.currency ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: event.price.currency, size: 15, "aria-hidden": true }) : null,
+        (0, import_format.formatDisplayPrice)(event.price.formatted),
+        event.price.currency ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-medium text-muted-foreground", children: event.price.currency }) : null
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("time", { dateTime: event.timestamp, title: new Date(event.timestamp).toLocaleString(), children: (0, import_time.timeAgo)(event.timestamp) }),
+        event.txHash ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "a",
+          {
+            href: `${import_explorer_url.EXPLORER_URL}/tx/${event.txHash}`,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "rounded-md p-1 hover:bg-muted hover:text-foreground transition-colors",
+            "aria-label": "View transaction",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { className: "h-3.5 w-3.5", "aria-hidden": true })
+          }
+        ) : null
+      ] })
+    ] })
+  ] });
+}
+function ProvenanceSkeleton() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-2.5", "aria-hidden": true, children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-4 rounded-2xl border border-border/50 bg-card/60 p-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-11 w-11 shrink-0 rounded-xl bg-muted animate-pulse" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-44 rounded bg-muted animate-pulse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-3 w-24 rounded bg-muted animate-pulse" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-16 rounded bg-muted animate-pulse" })
+  ] }, i)) });
+}
+function CollectionProvenanceTab({ contract }) {
+  const [page, setPage] = (0, import_react.useState)(1);
+  const [all, setAll] = (0, import_react.useState)([]);
+  const { activities, meta, isLoading } = (0, import_use_activities.useActivities)({ contract, page, limit: PAGE_SIZE });
+  (0, import_react.useEffect)(() => {
+    if (activities.length === 0) return;
+    setAll((prev) => page === 1 ? activities : [...prev, ...activities]);
+  }, [activities, page]);
+  const groups = (0, import_react.useMemo)(() => groupByDay(all), [all]);
+  const showAsset = (0, import_react.useMemo)(
+    () => new Set(all.map((e) => e.nftTokenId ?? e.tokenId ?? "")).size > 1,
+    [all]
+  );
+  const hasMore = meta ? all.length < (meta.total ?? 0) : false;
+  if (isLoading && all.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProvenanceSkeleton, {});
+  if (all.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "py-20 flex flex-col items-center gap-3 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Inbox, { className: "h-10 w-10 text-muted-foreground/40" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium text-muted-foreground", children: "No history yet" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground/70 max-w-xs", children: "Mints, transfers, listings and sales will appear here as they happen." })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-8", children: [
+    groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "mb-3 font-display text-lg font-bold", children: group.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "space-y-2.5", children: group.events.map((event, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ProvenanceEvent,
+        {
+          event,
+          showAsset
+        },
+        `${event.txHash ?? event.orderHash}-${event.type}-${i}`
+      )) })
+    ] }, group.label)),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_load_more_sentinel.LoadMoreSentinel, { hasMore, isLoading, onLoadMore: () => setPage((p) => p + 1) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CollectionProvenanceTab
+});
+//# sourceMappingURL=collection-provenance-tab.cjs.map

package/dist/components/collection-provenance-tab.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/collection-provenance-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useMemo } from \"react\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport { assetHref, profileHref } from \"@medialane/sdk\";\nimport { ExternalLink, Inbox } from \"lucide-react\";\nimport Image from \"./image.js\";\nimport Link from \"./link.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { LoadMoreSentinel } from \"./load-more-sentinel.js\";\nimport { useActivities } from \"../utils/use-activities.js\";\nimport { useImageUrl } from \"../utils/use-image-url.js\";\nimport { ACTIVITY_TYPE_CONFIG } from \"../data/activity.js\";\nimport { EXPLORER_URL } from \"../utils/explorer-url.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst PAGE_SIZE = 30;\n\nconst EVENT_TITLE: Record<string, string> = {\n  mint: \"Minted\",\n  listing: \"Listed for sale\",\n  sale: \"Purchased\",\n  offer: \"Offer made\",\n  transfer: \"Transferred\",\n  cancelled: \"Listing cancelled\",\n};\n\nfunction dayLabel(iso: string): string {\n  const date = new Date(iso);\n  const today = new Date();\n  const yesterday = new Date();\n  yesterday.setDate(today.getDate() - 1);\n  if (date.toDateString() === today.toDateString()) return \"Today\";\n  if (date.toDateString() === yesterday.toDateString()) return \"Yesterday\";\n  return date.toLocaleDateString(undefined, { day: \"numeric\", month: \"long\", year: \"numeric\" });\n}\n\nfunction groupByDay(events: ApiActivity[]) {\n  const groups: { label: string; events: ApiActivity[] }[] = [];\n  for (const event of events) {\n    const label = dayLabel(event.timestamp);\n    const last = groups[groups.length - 1];\n    if (last && last.label === label) last.events.push(event);\n    else groups.push({ label, events: [event] });\n  }\n  return groups;\n}\n\nfunction ProvenanceEvent({ event, showAsset }: { event: ApiActivity; showAsset: boolean }) {\n  const resolveImage = useImageUrl();\n  const config = ACTIVITY_TYPE_CONFIG[event.type];\n  const Icon = config?.icon ?? ExternalLink;\n  const contract = event.nftContract ?? event.contractAddress ?? null;\n  const tokenId = event.nftTokenId ?? event.tokenId ?? null;\n  const actor =\n    event.offerer ?? event.fulfiller ?? (event.type === \"mint\" ? event.to : event.from) ?? null;\n  const amount = event.amount && Number(event.amount) > 1 ? event.amount : null;\n  const name = event.token?.name ?? (tokenId ? `#${tokenId}` : null);\n  const image = resolveImage(event.token?.image ?? null);\n\n  return (\n    <li className=\"flex items-center gap-4 rounded-2xl border border-border/50 bg-card/60 p-4 backdrop-blur-sm transition-colors hover:bg-card/90\">\n      <span\n        className={cn(\n          \"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl\",\n          config?.bgClass ?? \"bg-muted\"\n        )}\n        aria-hidden\n      >\n        <Icon className={cn(\"h-5 w-5\", config?.colorClass ?? \"text-muted-foreground\")} />\n      </span>\n\n      <div className=\"min-w-0 flex-1\">\n        <p className=\"flex flex-wrap items-baseline gap-x-1.5 text-base font-semibold leading-tight\">\n          {EVENT_TITLE[event.type] ?? event.type}\n          {amount ? <span className=\"text-sm font-medium text-muted-foreground\">×{amount}</span> : null}\n          {actor ? (\n            <span className=\"text-sm font-normal text-muted-foreground\">\n              by{\" \"}\n              <Link\n                href={profileHref({ address: actor })}\n                className=\"font-medium text-foreground/80 hover:text-primary transition-colors\"\n              >\n                <AddressDisplay address={actor} chars={6} showCopy={false} className=\"text-sm\" />\n              </Link>\n            </span>\n          ) : null}\n        </p>\n\n        {showAsset && name ? (\n          <Link\n            href={contract && tokenId ? assetHref(event.chain ?? \"STARKNET\", contract, tokenId) : \"#\"}\n            className=\"mt-2 inline-flex max-w-full items-center gap-2 rounded-full bg-muted/70 py-1 pl-1 pr-3 hover:bg-muted transition-colors\"\n          >\n            <span className=\"relative h-6 w-6 shrink-0 overflow-hidden rounded-full bg-muted\">\n              {image ? (\n                <Image src={image} alt=\"\" width={24} height={24} className=\"h-full w-full object-cover\" unoptimized />\n              ) : null}\n            </span>\n            <span className=\"truncate text-xs font-medium\">{name}</span>\n          </Link>\n        ) : null}\n      </div>\n\n      <div className=\"flex shrink-0 flex-col items-end gap-1\">\n        {event.price?.formatted ? (\n          <span className=\"flex items-center gap-1.5 text-base font-bold tabular-nums\">\n            {event.price.currency ? <CurrencyIcon symbol={event.price.currency} size={15} aria-hidden /> : null}\n            {formatDisplayPrice(event.price.formatted)}\n            {event.price.currency ? (\n              <span className=\"text-xs font-medium text-muted-foreground\">{event.price.currency}</span>\n            ) : null}\n          </span>\n        ) : null}\n        <span className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n          <time dateTime={event.timestamp} title={new Date(event.timestamp).toLocaleString()}>\n            {timeAgo(event.timestamp)}\n          </time>\n          {event.txHash ? (\n            <a\n              href={`${EXPLORER_URL}/tx/${event.txHash}`}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"rounded-md p-1 hover:bg-muted hover:text-foreground transition-colors\"\n              aria-label=\"View transaction\"\n            >\n              <ExternalLink className=\"h-3.5 w-3.5\" aria-hidden />\n            </a>\n          ) : null}\n        </span>\n      </div>\n    </li>\n  );\n}\n\nfunction ProvenanceSkeleton() {\n  return (\n    <div className=\"space-y-2.5\" aria-hidden>\n      {Array.from({ length: 5 }).map((_, i) => (\n        <div key={i} className=\"flex items-center gap-4 rounded-2xl border border-border/50 bg-card/60 p-4\">\n          <div className=\"h-11 w-11 shrink-0 rounded-xl bg-muted animate-pulse\" />\n          <div className=\"flex-1 space-y-2\">\n            <div className=\"h-4 w-44 rounded bg-muted animate-pulse\" />\n            <div className=\"h-3 w-24 rounded bg-muted animate-pulse\" />\n          </div>\n          <div className=\"h-4 w-16 rounded bg-muted animate-pulse\" />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport interface CollectionProvenanceTabProps {\n  contract: string;\n}\n\nexport function CollectionProvenanceTab({ contract }: CollectionProvenanceTabProps) {\n  const [page, setPage] = useState(1);\n  const [all, setAll] = useState<ApiActivity[]>([]);\n  const { activities, meta, isLoading } = useActivities({ contract, page, limit: PAGE_SIZE });\n\n  useEffect(() => {\n    if (activities.length === 0) return;\n    setAll((prev) => (page === 1 ? activities : [...prev, ...activities]));\n  }, [activities, page]);\n\n  const groups = useMemo(() => groupByDay(all), [all]);\n  const showAsset = useMemo(\n    () => new Set(all.map((e) => e.nftTokenId ?? e.tokenId ?? \"\")).size > 1,\n    [all]\n  );\n  const hasMore = meta ? all.length < (meta.total ?? 0) : false;\n\n  if (isLoading && all.length === 0) return <ProvenanceSkeleton />;\n\n  if (all.length === 0) {\n    return (\n      <div className=\"py-20 flex flex-col items-center gap-3 text-center\">\n        <Inbox className=\"h-10 w-10 text-muted-foreground/40\" />\n        <p className=\"text-sm font-medium text-muted-foreground\">No history yet</p>\n        <p className=\"text-xs text-muted-foreground/70 max-w-xs\">\n          Mints, transfers, listings and sales will appear here as they happen.\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-8\">\n      {groups.map((group) => (\n        <section key={group.label}>\n          <h3 className=\"mb-3 font-display text-lg font-bold\">{group.label}</h3>\n          <ol className=\"space-y-2.5\">\n            {group.events.map((event, i) => (\n              <ProvenanceEvent\n                key={`${event.txHash ?? event.orderHash}-${event.type}-${i}`}\n                event={event}\n                showAsset={showAsset}\n              />\n            ))}\n          </ol>\n        </section>\n      ))}\n      <LoadMoreSentinel hasMore={hasMore} isLoading={isLoading} onLoadMore={() => setPage((p) => p + 1)} />\n    </div>\n  );\n}\n"],"mappings":"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","names":["Link","Image"]}

package/dist/components/collection-provenance-tab.d.cts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CollectionProvenanceTabProps {
+    contract: string;
+}
+declare function CollectionProvenanceTab({ contract }: CollectionProvenanceTabProps): react_jsx_runtime.JSX.Element;
+
+export { CollectionProvenanceTab, type CollectionProvenanceTabProps };

package/dist/components/collection-provenance-tab.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CollectionProvenanceTabProps {
+    contract: string;
+}
+declare function CollectionProvenanceTab({ contract }: CollectionProvenanceTabProps): react_jsx_runtime.JSX.Element;
+
+export { CollectionProvenanceTab, type CollectionProvenanceTabProps };

package/dist/components/collection-provenance-tab.js

@@ -0,0 +1,173 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from "react";
+import { assetHref, profileHref } from "@medialane/sdk";
+import { ExternalLink, Inbox } from "lucide-react";
+import Image from "./image.js";
+import Link from "./link.js";
+import { AddressDisplay } from "./address-display.js";
+import { CurrencyIcon } from "./currency-icon.js";
+import { LoadMoreSentinel } from "./load-more-sentinel.js";
+import { useActivities } from "../utils/use-activities.js";
+import { useImageUrl } from "../utils/use-image-url.js";
+import { ACTIVITY_TYPE_CONFIG } from "../data/activity.js";
+import { EXPLORER_URL } from "../utils/explorer-url.js";
+import { formatDisplayPrice } from "../utils/format.js";
+import { timeAgo } from "../utils/time.js";
+import { cn } from "../utils/cn.js";
+const PAGE_SIZE = 30;
+const EVENT_TITLE = {
+  mint: "Minted",
+  listing: "Listed for sale",
+  sale: "Purchased",
+  offer: "Offer made",
+  transfer: "Transferred",
+  cancelled: "Listing cancelled"
+};
+function dayLabel(iso) {
+  const date = new Date(iso);
+  const today = /* @__PURE__ */ new Date();
+  const yesterday = /* @__PURE__ */ new Date();
+  yesterday.setDate(today.getDate() - 1);
+  if (date.toDateString() === today.toDateString()) return "Today";
+  if (date.toDateString() === yesterday.toDateString()) return "Yesterday";
+  return date.toLocaleDateString(void 0, { day: "numeric", month: "long", year: "numeric" });
+}
+function groupByDay(events) {
+  const groups = [];
+  for (const event of events) {
+    const label = dayLabel(event.timestamp);
+    const last = groups[groups.length - 1];
+    if (last && last.label === label) last.events.push(event);
+    else groups.push({ label, events: [event] });
+  }
+  return groups;
+}
+function ProvenanceEvent({ event, showAsset }) {
+  const resolveImage = useImageUrl();
+  const config = ACTIVITY_TYPE_CONFIG[event.type];
+  const Icon = config?.icon ?? ExternalLink;
+  const contract = event.nftContract ?? event.contractAddress ?? null;
+  const tokenId = event.nftTokenId ?? event.tokenId ?? null;
+  const actor = event.offerer ?? event.fulfiller ?? (event.type === "mint" ? event.to : event.from) ?? null;
+  const amount = event.amount && Number(event.amount) > 1 ? event.amount : null;
+  const name = event.token?.name ?? (tokenId ? `#${tokenId}` : null);
+  const image = resolveImage(event.token?.image ?? null);
+  return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-4 rounded-2xl border border-border/50 bg-card/60 p-4 backdrop-blur-sm transition-colors hover:bg-card/90", children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl",
+          config?.bgClass ?? "bg-muted"
+        ),
+        "aria-hidden": true,
+        children: /* @__PURE__ */ jsx(Icon, { className: cn("h-5 w-5", config?.colorClass ?? "text-muted-foreground") })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs("p", { className: "flex flex-wrap items-baseline gap-x-1.5 text-base font-semibold leading-tight", children: [
+        EVENT_TITLE[event.type] ?? event.type,
+        amount ? /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-muted-foreground", children: [
+          "\xD7",
+          amount
+        ] }) : null,
+        actor ? /* @__PURE__ */ jsxs("span", { className: "text-sm font-normal text-muted-foreground", children: [
+          "by",
+          " ",
+          /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: profileHref({ address: actor }),
+              className: "font-medium text-foreground/80 hover:text-primary transition-colors",
+              children: /* @__PURE__ */ jsx(AddressDisplay, { address: actor, chars: 6, showCopy: false, className: "text-sm" })
+            }
+          )
+        ] }) : null
+      ] }),
+      showAsset && name ? /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: contract && tokenId ? assetHref(event.chain ?? "STARKNET", contract, tokenId) : "#",
+          className: "mt-2 inline-flex max-w-full items-center gap-2 rounded-full bg-muted/70 py-1 pl-1 pr-3 hover:bg-muted transition-colors",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "relative h-6 w-6 shrink-0 overflow-hidden rounded-full bg-muted", children: image ? /* @__PURE__ */ jsx(Image, { src: image, alt: "", width: 24, height: 24, className: "h-full w-full object-cover", unoptimized: true }) : null }),
+            /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-medium", children: name })
+          ]
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
+      event.price?.formatted ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-base font-bold tabular-nums", children: [
+        event.price.currency ? /* @__PURE__ */ jsx(CurrencyIcon, { symbol: event.price.currency, size: 15, "aria-hidden": true }) : null,
+        formatDisplayPrice(event.price.formatted),
+        event.price.currency ? /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: event.price.currency }) : null
+      ] }) : null,
+      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("time", { dateTime: event.timestamp, title: new Date(event.timestamp).toLocaleString(), children: timeAgo(event.timestamp) }),
+        event.txHash ? /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: `${EXPLORER_URL}/tx/${event.txHash}`,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "rounded-md p-1 hover:bg-muted hover:text-foreground transition-colors",
+            "aria-label": "View transaction",
+            children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5", "aria-hidden": true })
+          }
+        ) : null
+      ] })
+    ] })
+  ] });
+}
+function ProvenanceSkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "space-y-2.5", "aria-hidden": true, children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 rounded-2xl border border-border/50 bg-card/60 p-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-11 w-11 shrink-0 rounded-xl bg-muted animate-pulse" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-44 rounded bg-muted animate-pulse" }),
+      /* @__PURE__ */ jsx("div", { className: "h-3 w-24 rounded bg-muted animate-pulse" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "h-4 w-16 rounded bg-muted animate-pulse" })
+  ] }, i)) });
+}
+function CollectionProvenanceTab({ contract }) {
+  const [page, setPage] = useState(1);
+  const [all, setAll] = useState([]);
+  const { activities, meta, isLoading } = useActivities({ contract, page, limit: PAGE_SIZE });
+  useEffect(() => {
+    if (activities.length === 0) return;
+    setAll((prev) => page === 1 ? activities : [...prev, ...activities]);
+  }, [activities, page]);
+  const groups = useMemo(() => groupByDay(all), [all]);
+  const showAsset = useMemo(
+    () => new Set(all.map((e) => e.nftTokenId ?? e.tokenId ?? "")).size > 1,
+    [all]
+  );
+  const hasMore = meta ? all.length < (meta.total ?? 0) : false;
+  if (isLoading && all.length === 0) return /* @__PURE__ */ jsx(ProvenanceSkeleton, {});
+  if (all.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "py-20 flex flex-col items-center gap-3 text-center", children: [
+      /* @__PURE__ */ jsx(Inbox, { className: "h-10 w-10 text-muted-foreground/40" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: "No history yet" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/70 max-w-xs", children: "Mints, transfers, listings and sales will appear here as they happen." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-8", children: [
+    groups.map((group) => /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-3 font-display text-lg font-bold", children: group.label }),
+      /* @__PURE__ */ jsx("ol", { className: "space-y-2.5", children: group.events.map((event, i) => /* @__PURE__ */ jsx(
+        ProvenanceEvent,
+        {
+          event,
+          showAsset
+        },
+        `${event.txHash ?? event.orderHash}-${event.type}-${i}`
+      )) })
+    ] }, group.label)),
+    /* @__PURE__ */ jsx(LoadMoreSentinel, { hasMore, isLoading, onLoadMore: () => setPage((p) => p + 1) })
+  ] });
+}
+export {
+  CollectionProvenanceTab
+};
+//# sourceMappingURL=collection-provenance-tab.js.map

package/dist/components/collection-provenance-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/collection-provenance-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useMemo } from \"react\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport { assetHref, profileHref } from \"@medialane/sdk\";\nimport { ExternalLink, Inbox } from \"lucide-react\";\nimport Image from \"./image.js\";\nimport Link from \"./link.js\";\nimport { AddressDisplay } from \"./address-display.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { LoadMoreSentinel } from \"./load-more-sentinel.js\";\nimport { useActivities } from \"../utils/use-activities.js\";\nimport { useImageUrl } from \"../utils/use-image-url.js\";\nimport { ACTIVITY_TYPE_CONFIG } from \"../data/activity.js\";\nimport { EXPLORER_URL } from \"../utils/explorer-url.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\n\nconst PAGE_SIZE = 30;\n\nconst EVENT_TITLE: Record<string, string> = {\n  mint: \"Minted\",\n  listing: \"Listed for sale\",\n  sale: \"Purchased\",\n  offer: \"Offer made\",\n  transfer: \"Transferred\",\n  cancelled: \"Listing cancelled\",\n};\n\nfunction dayLabel(iso: string): string {\n  const date = new Date(iso);\n  const today = new Date();\n  const yesterday = new Date();\n  yesterday.setDate(today.getDate() - 1);\n  if (date.toDateString() === today.toDateString()) return \"Today\";\n  if (date.toDateString() === yesterday.toDateString()) return \"Yesterday\";\n  return date.toLocaleDateString(undefined, { day: \"numeric\", month: \"long\", year: \"numeric\" });\n}\n\nfunction groupByDay(events: ApiActivity[]) {\n  const groups: { label: string; events: ApiActivity[] }[] = [];\n  for (const event of events) {\n    const label = dayLabel(event.timestamp);\n    const last = groups[groups.length - 1];\n    if (last && last.label === label) last.events.push(event);\n    else groups.push({ label, events: [event] });\n  }\n  return groups;\n}\n\nfunction ProvenanceEvent({ event, showAsset }: { event: ApiActivity; showAsset: boolean }) {\n  const resolveImage = useImageUrl();\n  const config = ACTIVITY_TYPE_CONFIG[event.type];\n  const Icon = config?.icon ?? ExternalLink;\n  const contract = event.nftContract ?? event.contractAddress ?? null;\n  const tokenId = event.nftTokenId ?? event.tokenId ?? null;\n  const actor =\n    event.offerer ?? event.fulfiller ?? (event.type === \"mint\" ? event.to : event.from) ?? null;\n  const amount = event.amount && Number(event.amount) > 1 ? event.amount : null;\n  const name = event.token?.name ?? (tokenId ? `#${tokenId}` : null);\n  const image = resolveImage(event.token?.image ?? null);\n\n  return (\n    <li className=\"flex items-center gap-4 rounded-2xl border border-border/50 bg-card/60 p-4 backdrop-blur-sm transition-colors hover:bg-card/90\">\n      <span\n        className={cn(\n          \"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl\",\n          config?.bgClass ?? \"bg-muted\"\n        )}\n        aria-hidden\n      >\n        <Icon className={cn(\"h-5 w-5\", config?.colorClass ?? \"text-muted-foreground\")} />\n      </span>\n\n      <div className=\"min-w-0 flex-1\">\n        <p className=\"flex flex-wrap items-baseline gap-x-1.5 text-base font-semibold leading-tight\">\n          {EVENT_TITLE[event.type] ?? event.type}\n          {amount ? <span className=\"text-sm font-medium text-muted-foreground\">×{amount}</span> : null}\n          {actor ? (\n            <span className=\"text-sm font-normal text-muted-foreground\">\n              by{\" \"}\n              <Link\n                href={profileHref({ address: actor })}\n                className=\"font-medium text-foreground/80 hover:text-primary transition-colors\"\n              >\n                <AddressDisplay address={actor} chars={6} showCopy={false} className=\"text-sm\" />\n              </Link>\n            </span>\n          ) : null}\n        </p>\n\n        {showAsset && name ? (\n          <Link\n            href={contract && tokenId ? assetHref(event.chain ?? \"STARKNET\", contract, tokenId) : \"#\"}\n            className=\"mt-2 inline-flex max-w-full items-center gap-2 rounded-full bg-muted/70 py-1 pl-1 pr-3 hover:bg-muted transition-colors\"\n          >\n            <span className=\"relative h-6 w-6 shrink-0 overflow-hidden rounded-full bg-muted\">\n              {image ? (\n                <Image src={image} alt=\"\" width={24} height={24} className=\"h-full w-full object-cover\" unoptimized />\n              ) : null}\n            </span>\n            <span className=\"truncate text-xs font-medium\">{name}</span>\n          </Link>\n        ) : null}\n      </div>\n\n      <div className=\"flex shrink-0 flex-col items-end gap-1\">\n        {event.price?.formatted ? (\n          <span className=\"flex items-center gap-1.5 text-base font-bold tabular-nums\">\n            {event.price.currency ? <CurrencyIcon symbol={event.price.currency} size={15} aria-hidden /> : null}\n            {formatDisplayPrice(event.price.formatted)}\n            {event.price.currency ? (\n              <span className=\"text-xs font-medium text-muted-foreground\">{event.price.currency}</span>\n            ) : null}\n          </span>\n        ) : null}\n        <span className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n          <time dateTime={event.timestamp} title={new Date(event.timestamp).toLocaleString()}>\n            {timeAgo(event.timestamp)}\n          </time>\n          {event.txHash ? (\n            <a\n              href={`${EXPLORER_URL}/tx/${event.txHash}`}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"rounded-md p-1 hover:bg-muted hover:text-foreground transition-colors\"\n              aria-label=\"View transaction\"\n            >\n              <ExternalLink className=\"h-3.5 w-3.5\" aria-hidden />\n            </a>\n          ) : null}\n        </span>\n      </div>\n    </li>\n  );\n}\n\nfunction ProvenanceSkeleton() {\n  return (\n    <div className=\"space-y-2.5\" aria-hidden>\n      {Array.from({ length: 5 }).map((_, i) => (\n        <div key={i} className=\"flex items-center gap-4 rounded-2xl border border-border/50 bg-card/60 p-4\">\n          <div className=\"h-11 w-11 shrink-0 rounded-xl bg-muted animate-pulse\" />\n          <div className=\"flex-1 space-y-2\">\n            <div className=\"h-4 w-44 rounded bg-muted animate-pulse\" />\n            <div className=\"h-3 w-24 rounded bg-muted animate-pulse\" />\n          </div>\n          <div className=\"h-4 w-16 rounded bg-muted animate-pulse\" />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport interface CollectionProvenanceTabProps {\n  contract: string;\n}\n\nexport function CollectionProvenanceTab({ contract }: CollectionProvenanceTabProps) {\n  const [page, setPage] = useState(1);\n  const [all, setAll] = useState<ApiActivity[]>([]);\n  const { activities, meta, isLoading } = useActivities({ contract, page, limit: PAGE_SIZE });\n\n  useEffect(() => {\n    if (activities.length === 0) return;\n    setAll((prev) => (page === 1 ? activities : [...prev, ...activities]));\n  }, [activities, page]);\n\n  const groups = useMemo(() => groupByDay(all), [all]);\n  const showAsset = useMemo(\n    () => new Set(all.map((e) => e.nftTokenId ?? e.tokenId ?? \"\")).size > 1,\n    [all]\n  );\n  const hasMore = meta ? all.length < (meta.total ?? 0) : false;\n\n  if (isLoading && all.length === 0) return <ProvenanceSkeleton />;\n\n  if (all.length === 0) {\n    return (\n      <div className=\"py-20 flex flex-col items-center gap-3 text-center\">\n        <Inbox className=\"h-10 w-10 text-muted-foreground/40\" />\n        <p className=\"text-sm font-medium text-muted-foreground\">No history yet</p>\n        <p className=\"text-xs text-muted-foreground/70 max-w-xs\">\n          Mints, transfers, listings and sales will appear here as they happen.\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-8\">\n      {groups.map((group) => (\n        <section key={group.label}>\n          <h3 className=\"mb-3 font-display text-lg font-bold\">{group.label}</h3>\n          <ol className=\"space-y-2.5\">\n            {group.events.map((event, i) => (\n              <ProvenanceEvent\n                key={`${event.txHash ?? event.orderHash}-${event.type}-${i}`}\n                event={event}\n                showAsset={showAsset}\n              />\n            ))}\n          </ol>\n        </section>\n      ))}\n      <LoadMoreSentinel hasMore={hasMore} isLoading={isLoading} onLoadMore={() => setPage((p) => p + 1)} />\n    </div>\n  );\n}\n"],"mappings":";AAwEQ,cAMY,YANZ;AAtER,SAAS,UAAU,WAAW,eAAe;AAE7C,SAAS,WAAW,mBAAmB;AACvC,SAAS,cAAc,aAAa;AACpC,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,eAAe;AACxB,SAAS,UAAU;AAEnB,MAAM,YAAY;AAElB,MAAM,cAAsC;AAAA,EAC1C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AACb;AAEA,SAAS,SAAS,KAAqB;AACrC,QAAM,OAAO,IAAI,KAAK,GAAG;AACzB,QAAM,QAAQ,oBAAI,KAAK;AACvB,QAAM,YAAY,oBAAI,KAAK;AAC3B,YAAU,QAAQ,MAAM,QAAQ,IAAI,CAAC;AACrC,MAAI,KAAK,aAAa,MAAM,MAAM,aAAa,EAAG,QAAO;AACzD,MAAI,KAAK,aAAa,MAAM,UAAU,aAAa,EAAG,QAAO;AAC7D,SAAO,KAAK,mBAAmB,QAAW,EAAE,KAAK,WAAW,OAAO,QAAQ,MAAM,UAAU,CAAC;AAC9F;AAEA,SAAS,WAAW,QAAuB;AACzC,QAAM,SAAqD,CAAC;AAC5D,aAAW,SAAS,QAAQ;AAC1B,UAAM,QAAQ,SAAS,MAAM,SAAS;AACtC,UAAM,OAAO,OAAO,OAAO,SAAS,CAAC;AACrC,QAAI,QAAQ,KAAK,UAAU,MAAO,MAAK,OAAO,KAAK,KAAK;AAAA,QACnD,QAAO,KAAK,EAAE,OAAO,QAAQ,CAAC,KAAK,EAAE,CAAC;AAAA,EAC7C;AACA,SAAO;AACT;AAEA,SAAS,gBAAgB,EAAE,OAAO,UAAU,GAA+C;AACzF,QAAM,eAAe,YAAY;AACjC,QAAM,SAAS,qBAAqB,MAAM,IAAI;AAC9C,QAAM,OAAO,QAAQ,QAAQ;AAC7B,QAAM,WAAW,MAAM,eAAe,MAAM,mBAAmB;AAC/D,QAAM,UAAU,MAAM,cAAc,MAAM,WAAW;AACrD,QAAM,QACJ,MAAM,WAAW,MAAM,cAAc,MAAM,SAAS,SAAS,MAAM,KAAK,MAAM,SAAS;AACzF,QAAM,SAAS,MAAM,UAAU,OAAO,MAAM,MAAM,IAAI,IAAI,MAAM,SAAS;AACzE,QAAM,OAAO,MAAM,OAAO,SAAS,UAAU,IAAI,OAAO,KAAK;AAC7D,QAAM,QAAQ,aAAa,MAAM,OAAO,SAAS,IAAI;AAErD,SACE,qBAAC,QAAG,WAAU,kIACZ;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,QAAQ,WAAW;AAAA,QACrB;AAAA,QACA,eAAW;AAAA,QAEX,8BAAC,QAAK,WAAW,GAAG,WAAW,QAAQ,cAAc,uBAAuB,GAAG;AAAA;AAAA,IACjF;AAAA,IAEA,qBAAC,SAAI,WAAU,kBACb;AAAA,2BAAC,OAAE,WAAU,iFACV;AAAA,oBAAY,MAAM,IAAI,KAAK,MAAM;AAAA,QACjC,SAAS,qBAAC,UAAK,WAAU,6CAA4C;AAAA;AAAA,UAAE;AAAA,WAAO,IAAU;AAAA,QACxF,QACC,qBAAC,UAAK,WAAU,6CAA4C;AAAA;AAAA,UACvD;AAAA,UACH;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,YAAY,EAAE,SAAS,MAAM,CAAC;AAAA,cACpC,WAAU;AAAA,cAEV,8BAAC,kBAAe,SAAS,OAAO,OAAO,GAAG,UAAU,OAAO,WAAU,WAAU;AAAA;AAAA,UACjF;AAAA,WACF,IACE;AAAA,SACN;AAAA,MAEC,aAAa,OACZ;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,YAAY,UAAU,UAAU,MAAM,SAAS,YAAY,UAAU,OAAO,IAAI;AAAA,UACtF,WAAU;AAAA,UAEV;AAAA,gCAAC,UAAK,WAAU,mEACb,kBACC,oBAAC,SAAM,KAAK,OAAO,KAAI,IAAG,OAAO,IAAI,QAAQ,IAAI,WAAU,8BAA6B,aAAW,MAAC,IAClG,MACN;AAAA,YACA,oBAAC,UAAK,WAAU,gCAAgC,gBAAK;AAAA;AAAA;AAAA,MACvD,IACE;AAAA,OACN;AAAA,IAEA,qBAAC,SAAI,WAAU,0CACZ;AAAA,YAAM,OAAO,YACZ,qBAAC,UAAK,WAAU,8DACb;AAAA,cAAM,MAAM,WAAW,oBAAC,gBAAa,QAAQ,MAAM,MAAM,UAAU,MAAM,IAAI,eAAW,MAAC,IAAK;AAAA,QAC9F,mBAAmB,MAAM,MAAM,SAAS;AAAA,QACxC,MAAM,MAAM,WACX,oBAAC,UAAK,WAAU,6CAA6C,gBAAM,MAAM,UAAS,IAChF;AAAA,SACN,IACE;AAAA,MACJ,qBAAC,UAAK,WAAU,yDACd;AAAA,4BAAC,UAAK,UAAU,MAAM,WAAW,OAAO,IAAI,KAAK,MAAM,SAAS,EAAE,eAAe,GAC9E,kBAAQ,MAAM,SAAS,GAC1B;AAAA,QACC,MAAM,SACL;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,GAAG,YAAY,OAAO,MAAM,MAAM;AAAA,YACxC,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,WAAU;AAAA,YACV,cAAW;AAAA,YAEX,8BAAC,gBAAa,WAAU,eAAc,eAAW,MAAC;AAAA;AAAA,QACpD,IACE;AAAA,SACN;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,qBAAqB;AAC5B,SACE,oBAAC,SAAI,WAAU,eAAc,eAAW,MACrC,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MACjC,qBAAC,SAAY,WAAU,8EACrB;AAAA,wBAAC,SAAI,WAAU,wDAAuD;AAAA,IACtE,qBAAC,SAAI,WAAU,oBACb;AAAA,0BAAC,SAAI,WAAU,2CAA0C;AAAA,MACzD,oBAAC,SAAI,WAAU,2CAA0C;AAAA,OAC3D;AAAA,IACA,oBAAC,SAAI,WAAU,2CAA0C;AAAA,OANjD,CAOV,CACD,GACH;AAEJ;AAMO,SAAS,wBAAwB,EAAE,SAAS,GAAiC;AAClF,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,CAAC,KAAK,MAAM,IAAI,SAAwB,CAAC,CAAC;AAChD,QAAM,EAAE,YAAY,MAAM,UAAU,IAAI,cAAc,EAAE,UAAU,MAAM,OAAO,UAAU,CAAC;AAE1F,YAAU,MAAM;AACd,QAAI,WAAW,WAAW,EAAG;AAC7B,WAAO,CAAC,SAAU,SAAS,IAAI,aAAa,CAAC,GAAG,MAAM,GAAG,UAAU,CAAE;AAAA,EACvE,GAAG,CAAC,YAAY,IAAI,CAAC;AAErB,QAAM,SAAS,QAAQ,MAAM,WAAW,GAAG,GAAG,CAAC,GAAG,CAAC;AACnD,QAAM,YAAY;AAAA,IAChB,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC,EAAE,OAAO;AAAA,IACtE,CAAC,GAAG;AAAA,EACN;AACA,QAAM,UAAU,OAAO,IAAI,UAAU,KAAK,SAAS,KAAK;AAExD,MAAI,aAAa,IAAI,WAAW,EAAG,QAAO,oBAAC,sBAAmB;AAE9D,MAAI,IAAI,WAAW,GAAG;AACpB,WACE,qBAAC,SAAI,WAAU,sDACb;AAAA,0BAAC,SAAM,WAAU,sCAAqC;AAAA,MACtD,oBAAC,OAAE,WAAU,6CAA4C,4BAAc;AAAA,MACvE,oBAAC,OAAE,WAAU,6CAA4C,mFAEzD;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,aACZ;AAAA,WAAO,IAAI,CAAC,UACX,qBAAC,aACC;AAAA,0BAAC,QAAG,WAAU,uCAAuC,gBAAM,OAAM;AAAA,MACjE,oBAAC,QAAG,WAAU,eACX,gBAAM,OAAO,IAAI,CAAC,OAAO,MACxB;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA;AAAA;AAAA,QAFK,GAAG,MAAM,UAAU,MAAM,SAAS,IAAI,MAAM,IAAI,IAAI,CAAC;AAAA,MAG5D,CACD,GACH;AAAA,SAVY,MAAM,KAWpB,CACD;AAAA,IACD,oBAAC,oBAAiB,SAAkB,WAAsB,YAAY,MAAM,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG;AAAA,KACrG;AAEJ;","names":[]}

package/dist/components/fast-mint/fast-mint.d.cts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FastMintProps } from './types.cjs';
 import 'starknet';
 import '@medialane/sdk';
 import '@medialane/sdk/starknet';
 
-declare function FastMint(props: FastMintProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+declare function FastMint(props: FastMintProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 
 export { FastMint };

package/dist/components/fast-mint/fast-mint.d.ts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FastMintProps } from './types.js';
 import 'starknet';
 import '@medialane/sdk';
 import '@medialane/sdk/starknet';
 
-declare function FastMint(props: FastMintProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+declare function FastMint(props: FastMintProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 
 export { FastMint };

package/dist/components/launchpad/edition-mint-schema.d.cts

@@ -16,7 +16,6 @@ declare const editionMintSchema: zod.ZodObject<{
     royalty: zod.ZodNumber;
 }, "strip", zod.ZodTypeAny, {
     name: string;
-    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -25,12 +24,12 @@ declare const editionMintSchema: zod.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
+    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;
 }, {
     name: string;
-    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -39,6 +38,7 @@ declare const editionMintSchema: zod.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
+    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;

package/dist/components/launchpad/edition-mint-schema.d.ts

@@ -16,7 +16,6 @@ declare const editionMintSchema: zod.ZodObject<{
     royalty: zod.ZodNumber;
 }, "strip", zod.ZodTypeAny, {
     name: string;
-    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -25,12 +24,12 @@ declare const editionMintSchema: zod.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
+    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;
 }, {
     name: string;
-    value: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: "Yes" | "No";
@@ -39,6 +38,7 @@ declare const editionMintSchema: zod.ZodObject<{
     geographicScope: string;
     aiPolicy: "Allowed" | "Not Allowed" | "Training Only";
     royalty: number;
+    value: string;
     recipient: string;
     description?: string | undefined;
     external_url?: string | undefined;

package/dist/components/sheet.d.cts

@@ -10,7 +10,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     overlayClassName?: string;

package/dist/components/sheet.d.ts

@@ -10,7 +10,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     overlayClassName?: string;

package/dist/data/activity.cjs

@@ -24,12 +24,12 @@ __export(activity_exports, {
 module.exports = __toCommonJS(activity_exports);
 var import_lucide_react = require("lucide-react");
 const ACTIVITY_TYPE_CONFIG = {
-  mint: { label: "Mint", variant: "default", icon: import_lucide_react.Sparkles, colorClass: "text-emerald-400", bgClass: "bg-emerald-500/10" },
-  transfer: { label: "Transfer", variant: "secondary", icon: import_lucide_react.ArrowRightLeft, colorClass: "text-slate-400", bgClass: "bg-slate-500/10" },
-  listing: { label: "Listed", variant: "default", icon: import_lucide_react.Tag, colorClass: "text-sky-400", bgClass: "bg-sky-500/10" },
-  sale: { label: "Sale", variant: "default", icon: import_lucide_react.ShoppingCart, colorClass: "text-violet-400", bgClass: "bg-violet-500/10" },
-  offer: { label: "Offer", variant: "outline", icon: import_lucide_react.HandCoins, colorClass: "text-amber-400", bgClass: "bg-amber-500/10" },
-  cancelled: { label: "Cancelled", variant: "outline", icon: import_lucide_react.X, colorClass: "text-rose-400", bgClass: "bg-rose-500/10" }
+  mint: { label: "Mint", variant: "default", icon: import_lucide_react.Sparkles, colorClass: "text-brand-purple", bgClass: "bg-brand-purple/10" },
+  transfer: { label: "Transfer", variant: "secondary", icon: import_lucide_react.ArrowRightLeft, colorClass: "text-brand-blue", bgClass: "bg-brand-blue/10" },
+  listing: { label: "Listed", variant: "default", icon: import_lucide_react.Tag, colorClass: "text-brand-orange", bgClass: "bg-brand-orange/10" },
+  sale: { label: "Sale", variant: "default", icon: import_lucide_react.ShoppingCart, colorClass: "text-brand-rose", bgClass: "bg-brand-rose/10" },
+  offer: { label: "Offer", variant: "outline", icon: import_lucide_react.HandCoins, colorClass: "text-brand-maeve", bgClass: "bg-brand-maeve/10" },
+  cancelled: { label: "Cancelled", variant: "outline", icon: import_lucide_react.X, colorClass: "text-muted-foreground", bgClass: "bg-muted" }
 };
 const TYPE_FILTERS = [
   { label: "All", value: "" },

package/dist/data/activity.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/data/activity.ts"],"sourcesContent":["import { ArrowRightLeft, Tag, ShoppingCart, HandCoins, X, Sparkles } from \"lucide-react\";\nimport type { ElementType } from \"react\";\n\nexport interface ActivityTypeConfig {\n  label: string;\n  variant: \"default\" | \"secondary\" | \"outline\";\n  icon: ElementType;\n  colorClass: string;\n  bgClass: string;\n}\n\nexport const ACTIVITY_TYPE_CONFIG: Record<string, ActivityTypeConfig> = {\n  mint:      { label: \"Mint\",      variant: \"default\",   icon: Sparkles,       colorClass: \"text-emerald-400\", bgClass: \"bg-emerald-500/10\" },\n  transfer:  { label: \"Transfer\",  variant: \"secondary\", icon: ArrowRightLeft, colorClass: \"text-slate-400\",   bgClass: \"bg-slate-500/10\" },\n  listing:   { label: \"Listed\",    variant: \"default\",   icon: Tag,            colorClass: \"text-sky-400\",     bgClass: \"bg-sky-500/10\" },\n  sale:      { label: \"Sale\",      variant: \"default\",   icon: ShoppingCart,   colorClass: \"text-violet-400\",  bgClass: \"bg-violet-500/10\" },\n  offer:     { label: \"Offer\",     variant: \"outline\",   icon: HandCoins,      colorClass: \"text-amber-400\",   bgClass: \"bg-amber-500/10\" },\n  cancelled: { label: \"Cancelled\", variant: \"outline\",   icon: X,              colorClass: \"text-rose-400\",    bgClass: \"bg-rose-500/10\" },\n};\n\nexport const TYPE_FILTERS = [\n  { label: \"All\",       value: \"\" },\n  { label: \"Mints\",     value: \"mint\" },\n  { label: \"Sales\",     value: \"sale\" },\n  { label: \"Listings\",  value: \"listing\" },\n  { label: \"Offers\",    value: \"offer\" },\n  { label: \"Transfers\", value: \"transfer\" },\n  { label: \"Cancelled\", value: \"cancelled\" },\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA0E;AAWnE,MAAM,uBAA2D;AAAA,EACtE,MAAW,EAAE,OAAO,QAAa,SAAS,WAAa,MAAM,8BAAgB,YAAY,oBAAoB,SAAS,oBAAoB;AAAA,EAC1I,UAAW,EAAE,OAAO,YAAa,SAAS,aAAa,MAAM,oCAAgB,YAAY,kBAAoB,SAAS,kBAAkB;AAAA,EACxI,SAAW,EAAE,OAAO,UAAa,SAAS,WAAa,MAAM,yBAAgB,YAAY,gBAAoB,SAAS,gBAAgB;AAAA,EACtI,MAAW,EAAE,OAAO,QAAa,SAAS,WAAa,MAAM,kCAAgB,YAAY,mBAAoB,SAAS,mBAAmB;AAAA,EACzI,OAAW,EAAE,OAAO,SAAa,SAAS,WAAa,MAAM,+BAAgB,YAAY,kBAAoB,SAAS,kBAAkB;AAAA,EACxI,WAAW,EAAE,OAAO,aAAa,SAAS,WAAa,MAAM,uBAAgB,YAAY,iBAAoB,SAAS,iBAAiB;AACzI;AAEO,MAAM,eAAe;AAAA,EAC1B,EAAE,OAAO,OAAa,OAAO,GAAG;AAAA,EAChC,EAAE,OAAO,SAAa,OAAO,OAAO;AAAA,EACpC,EAAE,OAAO,SAAa,OAAO,OAAO;AAAA,EACpC,EAAE,OAAO,YAAa,OAAO,UAAU;AAAA,EACvC,EAAE,OAAO,UAAa,OAAO,QAAQ;AAAA,EACrC,EAAE,OAAO,aAAa,OAAO,WAAW;AAAA,EACxC,EAAE,OAAO,aAAa,OAAO,YAAY;AAC3C;","names":[]}
+{"version":3,"sources":["../../src/data/activity.ts"],"sourcesContent":["import { ArrowRightLeft, Tag, ShoppingCart, HandCoins, X, Sparkles } from \"lucide-react\";\nimport type { ElementType } from \"react\";\n\nexport interface ActivityTypeConfig {\n  label: string;\n  variant: \"default\" | \"secondary\" | \"outline\";\n  icon: ElementType;\n  colorClass: string;\n  bgClass: string;\n}\n\nexport const ACTIVITY_TYPE_CONFIG: Record<string, ActivityTypeConfig> = {\n  mint:      { label: \"Mint\",      variant: \"default\",   icon: Sparkles,       colorClass: \"text-brand-purple\", bgClass: \"bg-brand-purple/10\" },\n  transfer:  { label: \"Transfer\",  variant: \"secondary\", icon: ArrowRightLeft, colorClass: \"text-brand-blue\",   bgClass: \"bg-brand-blue/10\" },\n  listing:   { label: \"Listed\",    variant: \"default\",   icon: Tag,            colorClass: \"text-brand-orange\", bgClass: \"bg-brand-orange/10\" },\n  sale:      { label: \"Sale\",      variant: \"default\",   icon: ShoppingCart,   colorClass: \"text-brand-rose\",   bgClass: \"bg-brand-rose/10\" },\n  offer:     { label: \"Offer\",     variant: \"outline\",   icon: HandCoins,      colorClass: \"text-brand-maeve\",  bgClass: \"bg-brand-maeve/10\" },\n  cancelled: { label: \"Cancelled\", variant: \"outline\",   icon: X,              colorClass: \"text-muted-foreground\", bgClass: \"bg-muted\" },\n};\n\nexport const TYPE_FILTERS = [\n  { label: \"All\",       value: \"\" },\n  { label: \"Mints\",     value: \"mint\" },\n  { label: \"Sales\",     value: \"sale\" },\n  { label: \"Listings\",  value: \"listing\" },\n  { label: \"Offers\",    value: \"offer\" },\n  { label: \"Transfers\", value: \"transfer\" },\n  { label: \"Cancelled\", value: \"cancelled\" },\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA0E;AAWnE,MAAM,uBAA2D;AAAA,EACtE,MAAW,EAAE,OAAO,QAAa,SAAS,WAAa,MAAM,8BAAgB,YAAY,qBAAqB,SAAS,qBAAqB;AAAA,EAC5I,UAAW,EAAE,OAAO,YAAa,SAAS,aAAa,MAAM,oCAAgB,YAAY,mBAAqB,SAAS,mBAAmB;AAAA,EAC1I,SAAW,EAAE,OAAO,UAAa,SAAS,WAAa,MAAM,yBAAgB,YAAY,qBAAqB,SAAS,qBAAqB;AAAA,EAC5I,MAAW,EAAE,OAAO,QAAa,SAAS,WAAa,MAAM,kCAAgB,YAAY,mBAAqB,SAAS,mBAAmB;AAAA,EAC1I,OAAW,EAAE,OAAO,SAAa,SAAS,WAAa,MAAM,+BAAgB,YAAY,oBAAqB,SAAS,oBAAoB;AAAA,EAC3I,WAAW,EAAE,OAAO,aAAa,SAAS,WAAa,MAAM,uBAAgB,YAAY,yBAAyB,SAAS,WAAW;AACxI;AAEO,MAAM,eAAe;AAAA,EAC1B,EAAE,OAAO,OAAa,OAAO,GAAG;AAAA,EAChC,EAAE,OAAO,SAAa,OAAO,OAAO;AAAA,EACpC,EAAE,OAAO,SAAa,OAAO,OAAO;AAAA,EACpC,EAAE,OAAO,YAAa,OAAO,UAAU;AAAA,EACvC,EAAE,OAAO,UAAa,OAAO,QAAQ;AAAA,EACrC,EAAE,OAAO,aAAa,OAAO,WAAW;AAAA,EACxC,EAAE,OAAO,aAAa,OAAO,YAAY;AAC3C;","names":[]}