@medialane/ui 0.107.0 → 0.108.0

package/dist/utils/use-notifications.cjs

@@ -0,0 +1,169 @@
+"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 use_notifications_exports = {};
+__export(use_notifications_exports, {
+  useNotifications: () => useNotifications
+});
+module.exports = __toCommonJS(use_notifications_exports);
+var import_react = require("react");
+var import_swr = __toESM(require("swr"), 1);
+var import_sdk = require("@medialane/sdk");
+var import_use_orders = require("./use-orders.js");
+var import_use_activities = require("./use-activities.js");
+var import_notification_storage = require("./notification-storage.js");
+var import_format_activity = require("./format-activity.js");
+async function fetchAnnouncements() {
+  const res = await fetch("/api/announcements");
+  if (!res.ok) return [];
+  return res.json();
+}
+function useNotifications(getClient, apiConfig, address) {
+  const [readIds, setReadIds] = (0, import_react.useState)(() => (0, import_notification_storage.getReadIds)());
+  const { orders: userOrders } = (0, import_use_orders.useUserOrders)(getClient, address ?? null);
+  const { orders: receivedOffers } = (0, import_use_orders.useReceivedOffers)(apiConfig, address ?? null);
+  const { activities } = (0, import_use_activities.useActivitiesByAddress)(getClient, address ?? null);
+  const { data: announcements = [] } = (0, import_swr.default)(
+    "announcements",
+    fetchAnnouncements,
+    { revalidateOnFocus: false, dedupingInterval: 6e4 }
+  );
+  const notifications = (0, import_react.useMemo)(() => {
+    const items = [];
+    userOrders.filter((o) => o.offer.itemType === "ERC20" && o.status === "FULFILLED").forEach((order) => {
+      const id = `offer-accepted-${order.orderHash}`;
+      const fmt = (0, import_format_activity.formatOfferAcceptedNotification)(order);
+      items.push({
+        id,
+        type: "offer_accepted",
+        priority: "spotlight",
+        celebratory: true,
+        ...fmt,
+        timestamp: order.updatedAt ?? order.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+        isUnread: !readIds.has(id),
+        metadata: {
+          amount: order.price?.formatted ?? void 0,
+          currency: order.price?.currency ?? void 0,
+          txHash: order.txHash?.fulfilled ?? void 0,
+          assetName: order.token?.name ?? void 0
+        }
+      });
+    });
+    receivedOffers.forEach((order) => {
+      const id = `order-${order.orderHash}`;
+      const fmt = (0, import_format_activity.formatOrderNotification)(order);
+      items.push({
+        id,
+        type: "offer",
+        priority: "spotlight",
+        celebratory: false,
+        ...fmt,
+        timestamp: order.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+        isUnread: !readIds.has(id),
+        metadata: {
+          amount: order.price?.formatted ?? void 0,
+          currency: order.price?.currency ?? void 0,
+          assetName: order.token?.name ?? void 0
+        }
+      });
+    });
+    activities.slice(0, 50).forEach((event) => {
+      const id = `activity-${event.txHash}-${event.type}-${event.nftTokenId ?? ""}`;
+      if (event.type === "transfer" && address && !!event.to && (0, import_sdk.normalizeAddress)("STARKNET", event.to) === (0, import_sdk.normalizeAddress)("STARKNET", address)) {
+        const fmt2 = (0, import_format_activity.formatAssetReceivedNotification)(event);
+        items.push({
+          id,
+          type: "asset_received",
+          priority: "spotlight",
+          celebratory: true,
+          ...fmt2,
+          timestamp: event.timestamp ?? (/* @__PURE__ */ new Date()).toISOString(),
+          isUnread: !readIds.has(id),
+          metadata: {
+            txHash: event.txHash ?? void 0,
+            assetName: event.token?.name ?? void 0
+          }
+        });
+        return;
+      }
+      const isMySale = event.type === "sale" && address && (!!event.offerer && (0, import_sdk.normalizeAddress)("STARKNET", event.offerer) === (0, import_sdk.normalizeAddress)("STARKNET", address) || !!event.from && (0, import_sdk.normalizeAddress)("STARKNET", event.from) === (0, import_sdk.normalizeAddress)("STARKNET", address));
+      const fmt = (0, import_format_activity.formatActivity)(event);
+      items.push({
+        id,
+        type: event.type,
+        priority: isMySale ? "spotlight" : "normal",
+        celebratory: !!isMySale,
+        ...fmt,
+        timestamp: event.timestamp ?? (/* @__PURE__ */ new Date()).toISOString(),
+        isUnread: !readIds.has(id),
+        metadata: {
+          amount: event.price?.formatted ?? void 0,
+          currency: event.price?.currency ?? void 0,
+          txHash: event.txHash ?? void 0,
+          assetName: event.token?.name ?? void 0
+        }
+      });
+    });
+    announcements.forEach((ann) => {
+      const id = `ann-${ann.id}`;
+      items.push({
+        id,
+        type: "announcement",
+        priority: ann.pinned ? "spotlight" : "normal",
+        celebratory: false,
+        title: ann.title,
+        description: ann.body,
+        image: ann.image,
+        href: ann.href,
+        timestamp: ann.created_at,
+        isUnread: !readIds.has(id)
+      });
+    });
+    items.sort(
+      (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()
+    );
+    return items;
+  }, [userOrders, receivedOffers, activities, announcements, address, readIds]);
+  const unreadCount = notifications.filter((n) => n.isUnread).length;
+  const markNotificationsRead = (0, import_react.useCallback)((ids) => {
+    (0, import_notification_storage.markRead)(ids);
+    setReadIds((0, import_notification_storage.getReadIds)());
+  }, []);
+  return {
+    notifications,
+    unreadCount,
+    markAllRead: () => markNotificationsRead(notifications.map((n) => n.id)),
+    markRead: (id) => markNotificationsRead([id])
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useNotifications
+});
+//# sourceMappingURL=use-notifications.cjs.map

package/dist/utils/use-notifications.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/use-notifications.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useState } from \"react\";\nimport useSWR from \"swr\";\nimport { normalizeAddress } from \"@medialane/sdk\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { useUserOrders, useReceivedOffers } from \"./use-orders.js\";\nimport { useActivitiesByAddress } from \"./use-activities.js\";\nimport { getReadIds, markRead } from \"./notification-storage.js\";\nimport {\n  formatActivity,\n  formatOrderNotification,\n  formatOfferAcceptedNotification,\n  formatAssetReceivedNotification,\n} from \"./format-activity.js\";\nimport type { Notification, Announcement } from \"../data/notification.js\";\nimport type { ApiFetchConfig } from \"./api-fetch.js\";\n\nasync function fetchAnnouncements(): Promise<Announcement[]> {\n  const res = await fetch(\"/api/announcements\");\n  if (!res.ok) return [];\n  return res.json();\n}\n\nexport function useNotifications(\n  getClient: () => MedialaneClient,\n  apiConfig: ApiFetchConfig,\n  address: string | null | undefined\n) {\n  const [readIds, setReadIds] = useState<Set<string>>(() => getReadIds());\n\n  // Offers this user placed (to detect accepted ones)\n  const { orders: userOrders } = useUserOrders(getClient, address ?? null);\n  // Offers received on tokens the user holds\n  const { orders: receivedOffers } = useReceivedOffers(apiConfig, address ?? null);\n  const { activities } = useActivitiesByAddress(getClient, address ?? null);\n  const { data: announcements = [] } = useSWR<Announcement[]>(\n    \"announcements\",\n    fetchAnnouncements,\n    { revalidateOnFocus: false, dedupingInterval: 60_000 }\n  );\n\n  const notifications: Notification[] = useMemo(() => {\n    const items: Notification[] = [];\n\n    // ── Offers accepted (buyer: my ERC20 bid was fulfilled) ──────────────────\n    userOrders\n      .filter((o) => o.offer.itemType === \"ERC20\" && o.status === \"FULFILLED\")\n      .forEach((order) => {\n        const id = `offer-accepted-${order.orderHash}`;\n        const fmt = formatOfferAcceptedNotification(order);\n        items.push({\n          id,\n          type: \"offer_accepted\",\n          priority: \"spotlight\",\n          celebratory: true,\n          ...fmt,\n          timestamp: order.updatedAt ?? order.createdAt ?? new Date().toISOString(),\n          isUnread: !readIds.has(id),\n          metadata: {\n            amount: order.price?.formatted ?? undefined,\n            currency: order.price?.currency ?? undefined,\n            txHash: order.txHash?.fulfilled ?? undefined,\n            assetName: order.token?.name ?? undefined,\n          },\n        });\n      });\n\n    // ── Received offers (someone bid on my asset) ────────────────────────────\n    receivedOffers.forEach((order) => {\n      const id = `order-${order.orderHash}`;\n      const fmt = formatOrderNotification(order);\n      items.push({\n        id,\n        type: \"offer\",\n        priority: \"spotlight\",\n        celebratory: false,\n        ...fmt,\n        timestamp: order.createdAt ?? new Date().toISOString(),\n        isUnread: !readIds.has(id),\n        metadata: {\n          amount: order.price?.formatted ?? undefined,\n          currency: order.price?.currency ?? undefined,\n          assetName: order.token?.name ?? undefined,\n        },\n      });\n    });\n\n    // ── Activity events ──────────────────────────────────────────────────────\n    (activities as ApiActivity[]).slice(0, 50).forEach((event) => {\n      const id = `activity-${event.txHash}-${event.type}-${event.nftTokenId ?? \"\"}`;\n\n      // Asset received: transfer where this user is the recipient\n      if (\n        event.type === \"transfer\" &&\n        address &&\n        !!event.to && normalizeAddress(\"STARKNET\", event.to) === normalizeAddress(\"STARKNET\", address)\n      ) {\n        const fmt = formatAssetReceivedNotification(event);\n        items.push({\n          id,\n          type: \"asset_received\",\n          priority: \"spotlight\",\n          celebratory: true,\n          ...fmt,\n          timestamp: event.timestamp ?? new Date().toISOString(),\n          isUnread: !readIds.has(id),\n          metadata: {\n            txHash: event.txHash ?? undefined,\n            assetName: event.token?.name ?? undefined,\n          },\n        });\n        return;\n      }\n\n      // Sale (seller perspective): activity sale where offerer = address\n      const isMySale =\n        event.type === \"sale\" &&\n        address &&\n        ((!!event.offerer && normalizeAddress(\"STARKNET\", event.offerer) === normalizeAddress(\"STARKNET\", address)) ||\n          (!!event.from && normalizeAddress(\"STARKNET\", event.from) === normalizeAddress(\"STARKNET\", address)));\n\n      const fmt = formatActivity(event);\n      items.push({\n        id,\n        type: event.type as Notification[\"type\"],\n        priority: isMySale ? \"spotlight\" : \"normal\",\n        celebratory: !!isMySale,\n        ...fmt,\n        timestamp: event.timestamp ?? new Date().toISOString(),\n        isUnread: !readIds.has(id),\n        metadata: {\n          amount: event.price?.formatted ?? undefined,\n          currency: event.price?.currency ?? undefined,\n          txHash: event.txHash ?? undefined,\n          assetName: event.token?.name ?? undefined,\n        },\n      });\n    });\n\n    // ── Announcements ────────────────────────────────────────────────────────\n    announcements.forEach((ann) => {\n      const id = `ann-${ann.id}`;\n      items.push({\n        id,\n        type: \"announcement\",\n        priority: ann.pinned ? \"spotlight\" : \"normal\",\n        celebratory: false,\n        title: ann.title,\n        description: ann.body,\n        image: ann.image,\n        href: ann.href,\n        timestamp: ann.created_at,\n        isUnread: !readIds.has(id),\n      });\n    });\n\n    // Chronological, newest first\n    items.sort(\n      (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()\n    );\n\n    return items;\n  }, [userOrders, receivedOffers, activities, announcements, address, readIds]);\n\n  const unreadCount = notifications.filter((n) => n.isUnread).length;\n\n  const markNotificationsRead = useCallback((ids: string[]) => {\n    markRead(ids);\n    setReadIds(getReadIds());\n  }, []);\n\n  return {\n    notifications,\n    unreadCount,\n    markAllRead: () => markNotificationsRead(notifications.map((n) => n.id)),\n    markRead: (id: string) => markNotificationsRead([id]),\n  };\n}\n"],"mappings":"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","names":["useSWR","fmt"]}

package/dist/utils/use-notifications.d.cts

@@ -0,0 +1,12 @@
+import { MedialaneClient } from '@medialane/sdk/starknet';
+import { Notification } from '../data/notification.cjs';
+import { ApiFetchConfig } from './api-fetch.cjs';
+
+declare function useNotifications(getClient: () => MedialaneClient, apiConfig: ApiFetchConfig, address: string | null | undefined): {
+    notifications: Notification[];
+    unreadCount: number;
+    markAllRead: () => void;
+    markRead: (id: string) => void;
+};
+
+export { useNotifications };

package/dist/utils/use-notifications.d.ts

@@ -0,0 +1,12 @@
+import { MedialaneClient } from '@medialane/sdk/starknet';
+import { Notification } from '../data/notification.js';
+import { ApiFetchConfig } from './api-fetch.js';
+
+declare function useNotifications(getClient: () => MedialaneClient, apiConfig: ApiFetchConfig, address: string | null | undefined): {
+    notifications: Notification[];
+    unreadCount: number;
+    markAllRead: () => void;
+    markRead: (id: string) => void;
+};
+
+export { useNotifications };

package/dist/utils/use-notifications.js

@@ -0,0 +1,140 @@
+"use client";
+import { useCallback, useMemo, useState } from "react";
+import useSWR from "swr";
+import { normalizeAddress } from "@medialane/sdk";
+import { useUserOrders, useReceivedOffers } from "./use-orders.js";
+import { useActivitiesByAddress } from "./use-activities.js";
+import { getReadIds, markRead } from "./notification-storage.js";
+import {
+  formatActivity,
+  formatOrderNotification,
+  formatOfferAcceptedNotification,
+  formatAssetReceivedNotification
+} from "./format-activity.js";
+async function fetchAnnouncements() {
+  const res = await fetch("/api/announcements");
+  if (!res.ok) return [];
+  return res.json();
+}
+function useNotifications(getClient, apiConfig, address) {
+  const [readIds, setReadIds] = useState(() => getReadIds());
+  const { orders: userOrders } = useUserOrders(getClient, address ?? null);
+  const { orders: receivedOffers } = useReceivedOffers(apiConfig, address ?? null);
+  const { activities } = useActivitiesByAddress(getClient, address ?? null);
+  const { data: announcements = [] } = useSWR(
+    "announcements",
+    fetchAnnouncements,
+    { revalidateOnFocus: false, dedupingInterval: 6e4 }
+  );
+  const notifications = useMemo(() => {
+    const items = [];
+    userOrders.filter((o) => o.offer.itemType === "ERC20" && o.status === "FULFILLED").forEach((order) => {
+      const id = `offer-accepted-${order.orderHash}`;
+      const fmt = formatOfferAcceptedNotification(order);
+      items.push({
+        id,
+        type: "offer_accepted",
+        priority: "spotlight",
+        celebratory: true,
+        ...fmt,
+        timestamp: order.updatedAt ?? order.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+        isUnread: !readIds.has(id),
+        metadata: {
+          amount: order.price?.formatted ?? void 0,
+          currency: order.price?.currency ?? void 0,
+          txHash: order.txHash?.fulfilled ?? void 0,
+          assetName: order.token?.name ?? void 0
+        }
+      });
+    });
+    receivedOffers.forEach((order) => {
+      const id = `order-${order.orderHash}`;
+      const fmt = formatOrderNotification(order);
+      items.push({
+        id,
+        type: "offer",
+        priority: "spotlight",
+        celebratory: false,
+        ...fmt,
+        timestamp: order.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+        isUnread: !readIds.has(id),
+        metadata: {
+          amount: order.price?.formatted ?? void 0,
+          currency: order.price?.currency ?? void 0,
+          assetName: order.token?.name ?? void 0
+        }
+      });
+    });
+    activities.slice(0, 50).forEach((event) => {
+      const id = `activity-${event.txHash}-${event.type}-${event.nftTokenId ?? ""}`;
+      if (event.type === "transfer" && address && !!event.to && normalizeAddress("STARKNET", event.to) === normalizeAddress("STARKNET", address)) {
+        const fmt2 = formatAssetReceivedNotification(event);
+        items.push({
+          id,
+          type: "asset_received",
+          priority: "spotlight",
+          celebratory: true,
+          ...fmt2,
+          timestamp: event.timestamp ?? (/* @__PURE__ */ new Date()).toISOString(),
+          isUnread: !readIds.has(id),
+          metadata: {
+            txHash: event.txHash ?? void 0,
+            assetName: event.token?.name ?? void 0
+          }
+        });
+        return;
+      }
+      const isMySale = event.type === "sale" && address && (!!event.offerer && normalizeAddress("STARKNET", event.offerer) === normalizeAddress("STARKNET", address) || !!event.from && normalizeAddress("STARKNET", event.from) === normalizeAddress("STARKNET", address));
+      const fmt = formatActivity(event);
+      items.push({
+        id,
+        type: event.type,
+        priority: isMySale ? "spotlight" : "normal",
+        celebratory: !!isMySale,
+        ...fmt,
+        timestamp: event.timestamp ?? (/* @__PURE__ */ new Date()).toISOString(),
+        isUnread: !readIds.has(id),
+        metadata: {
+          amount: event.price?.formatted ?? void 0,
+          currency: event.price?.currency ?? void 0,
+          txHash: event.txHash ?? void 0,
+          assetName: event.token?.name ?? void 0
+        }
+      });
+    });
+    announcements.forEach((ann) => {
+      const id = `ann-${ann.id}`;
+      items.push({
+        id,
+        type: "announcement",
+        priority: ann.pinned ? "spotlight" : "normal",
+        celebratory: false,
+        title: ann.title,
+        description: ann.body,
+        image: ann.image,
+        href: ann.href,
+        timestamp: ann.created_at,
+        isUnread: !readIds.has(id)
+      });
+    });
+    items.sort(
+      (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()
+    );
+    return items;
+  }, [userOrders, receivedOffers, activities, announcements, address, readIds]);
+  const unreadCount = notifications.filter((n) => n.isUnread).length;
+  const markNotificationsRead = useCallback((ids) => {
+    markRead(ids);
+    setReadIds(getReadIds());
+  }, []);
+  return {
+    notifications,
+    unreadCount,
+    markAllRead: () => markNotificationsRead(notifications.map((n) => n.id)),
+    markRead: (id) => markNotificationsRead([id])
+  };
+}
+export {
+  useNotifications
+};
+//# sourceMappingURL=use-notifications.js.map

package/dist/utils/use-notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/use-notifications.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useState } from \"react\";\nimport useSWR from \"swr\";\nimport { normalizeAddress } from \"@medialane/sdk\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport { useUserOrders, useReceivedOffers } from \"./use-orders.js\";\nimport { useActivitiesByAddress } from \"./use-activities.js\";\nimport { getReadIds, markRead } from \"./notification-storage.js\";\nimport {\n  formatActivity,\n  formatOrderNotification,\n  formatOfferAcceptedNotification,\n  formatAssetReceivedNotification,\n} from \"./format-activity.js\";\nimport type { Notification, Announcement } from \"../data/notification.js\";\nimport type { ApiFetchConfig } from \"./api-fetch.js\";\n\nasync function fetchAnnouncements(): Promise<Announcement[]> {\n  const res = await fetch(\"/api/announcements\");\n  if (!res.ok) return [];\n  return res.json();\n}\n\nexport function useNotifications(\n  getClient: () => MedialaneClient,\n  apiConfig: ApiFetchConfig,\n  address: string | null | undefined\n) {\n  const [readIds, setReadIds] = useState<Set<string>>(() => getReadIds());\n\n  // Offers this user placed (to detect accepted ones)\n  const { orders: userOrders } = useUserOrders(getClient, address ?? null);\n  // Offers received on tokens the user holds\n  const { orders: receivedOffers } = useReceivedOffers(apiConfig, address ?? null);\n  const { activities } = useActivitiesByAddress(getClient, address ?? null);\n  const { data: announcements = [] } = useSWR<Announcement[]>(\n    \"announcements\",\n    fetchAnnouncements,\n    { revalidateOnFocus: false, dedupingInterval: 60_000 }\n  );\n\n  const notifications: Notification[] = useMemo(() => {\n    const items: Notification[] = [];\n\n    // ── Offers accepted (buyer: my ERC20 bid was fulfilled) ──────────────────\n    userOrders\n      .filter((o) => o.offer.itemType === \"ERC20\" && o.status === \"FULFILLED\")\n      .forEach((order) => {\n        const id = `offer-accepted-${order.orderHash}`;\n        const fmt = formatOfferAcceptedNotification(order);\n        items.push({\n          id,\n          type: \"offer_accepted\",\n          priority: \"spotlight\",\n          celebratory: true,\n          ...fmt,\n          timestamp: order.updatedAt ?? order.createdAt ?? new Date().toISOString(),\n          isUnread: !readIds.has(id),\n          metadata: {\n            amount: order.price?.formatted ?? undefined,\n            currency: order.price?.currency ?? undefined,\n            txHash: order.txHash?.fulfilled ?? undefined,\n            assetName: order.token?.name ?? undefined,\n          },\n        });\n      });\n\n    // ── Received offers (someone bid on my asset) ────────────────────────────\n    receivedOffers.forEach((order) => {\n      const id = `order-${order.orderHash}`;\n      const fmt = formatOrderNotification(order);\n      items.push({\n        id,\n        type: \"offer\",\n        priority: \"spotlight\",\n        celebratory: false,\n        ...fmt,\n        timestamp: order.createdAt ?? new Date().toISOString(),\n        isUnread: !readIds.has(id),\n        metadata: {\n          amount: order.price?.formatted ?? undefined,\n          currency: order.price?.currency ?? undefined,\n          assetName: order.token?.name ?? undefined,\n        },\n      });\n    });\n\n    // ── Activity events ──────────────────────────────────────────────────────\n    (activities as ApiActivity[]).slice(0, 50).forEach((event) => {\n      const id = `activity-${event.txHash}-${event.type}-${event.nftTokenId ?? \"\"}`;\n\n      // Asset received: transfer where this user is the recipient\n      if (\n        event.type === \"transfer\" &&\n        address &&\n        !!event.to && normalizeAddress(\"STARKNET\", event.to) === normalizeAddress(\"STARKNET\", address)\n      ) {\n        const fmt = formatAssetReceivedNotification(event);\n        items.push({\n          id,\n          type: \"asset_received\",\n          priority: \"spotlight\",\n          celebratory: true,\n          ...fmt,\n          timestamp: event.timestamp ?? new Date().toISOString(),\n          isUnread: !readIds.has(id),\n          metadata: {\n            txHash: event.txHash ?? undefined,\n            assetName: event.token?.name ?? undefined,\n          },\n        });\n        return;\n      }\n\n      // Sale (seller perspective): activity sale where offerer = address\n      const isMySale =\n        event.type === \"sale\" &&\n        address &&\n        ((!!event.offerer && normalizeAddress(\"STARKNET\", event.offerer) === normalizeAddress(\"STARKNET\", address)) ||\n          (!!event.from && normalizeAddress(\"STARKNET\", event.from) === normalizeAddress(\"STARKNET\", address)));\n\n      const fmt = formatActivity(event);\n      items.push({\n        id,\n        type: event.type as Notification[\"type\"],\n        priority: isMySale ? \"spotlight\" : \"normal\",\n        celebratory: !!isMySale,\n        ...fmt,\n        timestamp: event.timestamp ?? new Date().toISOString(),\n        isUnread: !readIds.has(id),\n        metadata: {\n          amount: event.price?.formatted ?? undefined,\n          currency: event.price?.currency ?? undefined,\n          txHash: event.txHash ?? undefined,\n          assetName: event.token?.name ?? undefined,\n        },\n      });\n    });\n\n    // ── Announcements ────────────────────────────────────────────────────────\n    announcements.forEach((ann) => {\n      const id = `ann-${ann.id}`;\n      items.push({\n        id,\n        type: \"announcement\",\n        priority: ann.pinned ? \"spotlight\" : \"normal\",\n        celebratory: false,\n        title: ann.title,\n        description: ann.body,\n        image: ann.image,\n        href: ann.href,\n        timestamp: ann.created_at,\n        isUnread: !readIds.has(id),\n      });\n    });\n\n    // Chronological, newest first\n    items.sort(\n      (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()\n    );\n\n    return items;\n  }, [userOrders, receivedOffers, activities, announcements, address, readIds]);\n\n  const unreadCount = notifications.filter((n) => n.isUnread).length;\n\n  const markNotificationsRead = useCallback((ids: string[]) => {\n    markRead(ids);\n    setReadIds(getReadIds());\n  }, []);\n\n  return {\n    notifications,\n    unreadCount,\n    markAllRead: () => markNotificationsRead(notifications.map((n) => n.id)),\n    markRead: (id: string) => markNotificationsRead([id]),\n  };\n}\n"],"mappings":"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","names":["fmt"]}

package/dist/utils/use-orders.cjs

@@ -0,0 +1,153 @@
+"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 use_orders_exports = {};
+__export(use_orders_exports, {
+  useCollectionFloorListings: () => useCollectionFloorListings,
+  useCounterOffers: () => useCounterOffers,
+  useOrder: () => useOrder,
+  useOrders: () => useOrders,
+  useReceivedOffers: () => useReceivedOffers,
+  useTokenListings: () => useTokenListings,
+  useUserOrders: () => useUserOrders
+});
+module.exports = __toCommonJS(use_orders_exports);
+var import_swr = __toESM(require("swr"), 1);
+var import_sdk = require("@medialane/sdk");
+var import_use_medialane_client = require("./use-medialane-client.js");
+var import_query_keys = require("./query-keys.js");
+var import_api_fetch = require("./api-fetch.js");
+const ACTIVE_ORDER_REFRESH_INTERVAL = 6e4;
+const ACTIVE_ORDER_DEDUPING_INTERVAL = 1e4;
+function useOrders(getClient, query = {}) {
+  const client = (0, import_use_medialane_client.useMedialaneClient)(getClient);
+  const key = import_query_keys.queryKeys.orders(query);
+  const { data, error, isLoading, mutate } = (0, import_swr.default)(
+    key,
+    () => client.api.getOrders(query),
+    { revalidateOnFocus: false, refreshInterval: 3e4, dedupingInterval: 5e3 }
+  );
+  return {
+    orders: data?.data ?? [],
+    meta: data?.meta,
+    isLoading,
+    error,
+    mutate
+  };
+}
+function useOrder(getClient, orderHash) {
+  const client = (0, import_use_medialane_client.useMedialaneClient)(getClient);
+  const { data, error, isLoading } = (0, import_swr.default)(
+    orderHash ? import_query_keys.queryKeys.order(orderHash) : null,
+    () => client.api.getOrder(orderHash),
+    { revalidateOnFocus: false }
+  );
+  return { order: data?.data ?? null, isLoading, error };
+}
+function useTokenListings(getClient, contract, tokenId) {
+  const client = (0, import_use_medialane_client.useMedialaneClient)(getClient);
+  const { data, error, isLoading, mutate } = (0, import_swr.default)(
+    contract && tokenId ? import_query_keys.queryKeys.listings(contract, tokenId) : null,
+    () => client.api.getActiveOrdersForToken(contract, tokenId),
+    { revalidateOnFocus: false, refreshInterval: ACTIVE_ORDER_REFRESH_INTERVAL, dedupingInterval: ACTIVE_ORDER_DEDUPING_INTERVAL }
+  );
+  return { listings: data?.data ?? [], isLoading, error, mutate };
+}
+function useUserOrders(getClient, address) {
+  const client = (0, import_use_medialane_client.useMedialaneClient)(getClient);
+  const normalized = address ? (0, import_sdk.normalizeAddress)("STARKNET", address) : null;
+  const { data, error, isLoading, mutate } = (0, import_swr.default)(
+    normalized ? import_query_keys.queryKeys.userOrders(normalized) : null,
+    () => client.api.getOrdersByUser(normalized),
+    { revalidateOnFocus: false, refreshInterval: ACTIVE_ORDER_REFRESH_INTERVAL, dedupingInterval: ACTIVE_ORDER_DEDUPING_INTERVAL }
+  );
+  return { orders: data?.data ?? [], isLoading, error, mutate };
+}
+function useCounterOffers(getClient, {
+  originalOrderHash,
+  sellerAddress
+}) {
+  const client = (0, import_use_medialane_client.useMedialaneClient)(getClient);
+  const normalized = sellerAddress ? (0, import_sdk.normalizeAddress)("STARKNET", sellerAddress) : null;
+  const key = originalOrderHash ? import_query_keys.queryKeys.counterOffersByOrder(originalOrderHash) : normalized ? import_query_keys.queryKeys.counterOffersBySeller(normalized) : null;
+  const { data, error, isLoading, mutate } = (0, import_swr.default)(
+    key,
+    () => client.api.getCounterOffers({
+      ...originalOrderHash ? { originalOrderHash } : {},
+      ...normalized ? { sellerAddress: normalized } : {}
+    }),
+    { revalidateOnFocus: false, refreshInterval: ACTIVE_ORDER_REFRESH_INTERVAL, dedupingInterval: ACTIVE_ORDER_DEDUPING_INTERVAL }
+  );
+  return {
+    counterOffers: data?.data ?? [],
+    total: data?.meta?.total ?? 0,
+    isLoading,
+    error,
+    mutate
+  };
+}
+function useReceivedOffers(apiConfig, address) {
+  const normalized = address ? (0, import_sdk.normalizeAddress)("STARKNET", address) : null;
+  const { data, error, isLoading, mutate } = (0, import_swr.default)(
+    normalized ? ["received-offers", normalized] : null,
+    () => (0, import_api_fetch.apiFetch)(apiConfig, `/v1/orders/received/${normalized}?limit=50`),
+    { revalidateOnFocus: false, refreshInterval: ACTIVE_ORDER_REFRESH_INTERVAL, dedupingInterval: ACTIVE_ORDER_DEDUPING_INTERVAL }
+  );
+  return { orders: data?.data ?? [], isLoading, error, mutate };
+}
+function useCollectionFloorListings(getClient, contract, limit = 20) {
+  const client = (0, import_use_medialane_client.useMedialaneClient)(getClient);
+  const key = contract ? import_query_keys.queryKeys.floorListings(contract, limit) : null;
+  const { data, error, isLoading } = (0, import_swr.default)(
+    key,
+    () => client.api.getOrders({
+      collection: contract,
+      status: "ACTIVE",
+      sort: "price_asc",
+      limit
+    }),
+    { revalidateOnFocus: false, refreshInterval: ACTIVE_ORDER_REFRESH_INTERVAL }
+  );
+  return {
+    listings: data?.data ?? [],
+    isLoading,
+    error
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCollectionFloorListings,
+  useCounterOffers,
+  useOrder,
+  useOrders,
+  useReceivedOffers,
+  useTokenListings,
+  useUserOrders
+});
+//# sourceMappingURL=use-orders.cjs.map

package/dist/utils/use-orders.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/use-orders.ts"],"sourcesContent":["\"use client\";\n\nimport useSWR from \"swr\";\nimport { normalizeAddress } from \"@medialane/sdk\";\nimport type { MedialaneClient } from \"@medialane/sdk/starknet\";\nimport type { ApiOrdersQuery, ApiOrder, ApiResponse } from \"@medialane/sdk\";\nimport { useMedialaneClient } from \"./use-medialane-client.js\";\nimport { queryKeys } from \"./query-keys.js\";\nimport { apiFetch, type ApiFetchConfig } from \"./api-fetch.js\";\n\nconst ACTIVE_ORDER_REFRESH_INTERVAL = 60_000;\nconst ACTIVE_ORDER_DEDUPING_INTERVAL = 10_000;\n\nexport function useOrders(getClient: () => MedialaneClient, query: ApiOrdersQuery = {}) {\n  const client = useMedialaneClient(getClient);\n  const key = queryKeys.orders(query);\n\n  const { data, error, isLoading, mutate } = useSWR<ApiResponse<ApiOrder[]>>(\n    key,\n    () => client.api.getOrders(query),\n    { revalidateOnFocus: false, refreshInterval: 30000, dedupingInterval: 5000 }\n  );\n\n  return {\n    orders: data?.data ?? [],\n    meta: data?.meta,\n    isLoading,\n    error,\n    mutate,\n  };\n}\n\nexport function useOrder(getClient: () => MedialaneClient, orderHash: string | null) {\n  const client = useMedialaneClient(getClient);\n\n  const { data, error, isLoading } = useSWR(\n    orderHash ? queryKeys.order(orderHash) : null,\n    () => client.api.getOrder(orderHash!),\n    { revalidateOnFocus: false }\n  );\n\n  return { order: data?.data ?? null, isLoading, error };\n}\n\nexport function useTokenListings(getClient: () => MedialaneClient, contract: string | null, tokenId: string | null) {\n  const client = useMedialaneClient(getClient);\n\n  const { data, error, isLoading, mutate } = useSWR(\n    contract && tokenId ? queryKeys.listings(contract, tokenId) : null,\n    () => client.api.getActiveOrdersForToken(contract!, tokenId!),\n    { revalidateOnFocus: false, refreshInterval: ACTIVE_ORDER_REFRESH_INTERVAL, dedupingInterval: ACTIVE_ORDER_DEDUPING_INTERVAL }\n  );\n\n  return { listings: data?.data ?? [], isLoading, error, mutate };\n}\n\nexport function useUserOrders(getClient: () => MedialaneClient, address: string | null) {\n  const client = useMedialaneClient(getClient);\n  const normalized = address ? normalizeAddress(\"STARKNET\", address) : null;\n\n  const { data, error, isLoading, mutate } = useSWR(\n    normalized ? queryKeys.userOrders(normalized) : null,\n    () => client.api.getOrdersByUser(normalized!),\n    { revalidateOnFocus: false, refreshInterval: ACTIVE_ORDER_REFRESH_INTERVAL, dedupingInterval: ACTIVE_ORDER_DEDUPING_INTERVAL }\n  );\n\n  return { orders: data?.data ?? [], isLoading, error, mutate };\n}\n\n/** Fetch counter-offers for a specific original bid (buyer view) or by seller address. */\nexport function useCounterOffers(\n  getClient: () => MedialaneClient,\n  {\n    originalOrderHash,\n    sellerAddress,\n  }: {\n    originalOrderHash?: string | null;\n    sellerAddress?: string | null;\n  }\n) {\n  const client = useMedialaneClient(getClient);\n  const normalized = sellerAddress ? normalizeAddress(\"STARKNET\", sellerAddress) : null;\n  const key =\n    originalOrderHash\n      ? queryKeys.counterOffersByOrder(originalOrderHash)\n      : normalized\n      ? queryKeys.counterOffersBySeller(normalized)\n      : null;\n\n  const { data, error, isLoading, mutate } = useSWR<ApiResponse<ApiOrder[]>>(\n    key,\n    () => client.api.getCounterOffers({\n      ...(originalOrderHash ? { originalOrderHash } : {}),\n      ...(normalized ? { sellerAddress: normalized } : {}),\n    }),\n    { revalidateOnFocus: false, refreshInterval: ACTIVE_ORDER_REFRESH_INTERVAL, dedupingInterval: ACTIVE_ORDER_DEDUPING_INTERVAL }\n  );\n\n  return {\n    counterOffers: data?.data ?? [],\n    total: data?.meta?.total ?? 0,\n    isLoading,\n    error,\n    mutate,\n  };\n}\n\n/** Fetch active ERC20 offers received by the given address (offers on tokens they hold). */\nexport function useReceivedOffers(apiConfig: ApiFetchConfig, address: string | null) {\n  const normalized = address ? normalizeAddress(\"STARKNET\", address) : null;\n\n  const { data, error, isLoading, mutate } = useSWR<ApiResponse<ApiOrder[]>>(\n    normalized ? [\"received-offers\", normalized] : null,\n    () => apiFetch<ApiResponse<ApiOrder[]>>(apiConfig, `/v1/orders/received/${normalized}?limit=50`),\n    { revalidateOnFocus: false, refreshInterval: ACTIVE_ORDER_REFRESH_INTERVAL, dedupingInterval: ACTIVE_ORDER_DEDUPING_INTERVAL }\n  );\n\n  return { orders: data?.data ?? [], isLoading, error, mutate };\n}\n\nexport function useCollectionFloorListings(getClient: () => MedialaneClient, contract: string | null, limit = 20) {\n  const client = useMedialaneClient(getClient);\n  const key = contract ? queryKeys.floorListings(contract, limit) : null;\n\n  const { data, error, isLoading } = useSWR<ApiResponse<ApiOrder[]>>(\n    key,\n    () =>\n      client.api.getOrders({\n        collection: contract!,\n        status: \"ACTIVE\",\n        sort: \"price_asc\",\n        limit,\n      }),\n    { revalidateOnFocus: false, refreshInterval: ACTIVE_ORDER_REFRESH_INTERVAL }\n  );\n\n  return {\n    listings: data?.data ?? [],\n    isLoading,\n    error,\n  };\n}\n"],"mappings":"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","names":["useSWR"]}

package/dist/utils/use-orders.d.cts

@@ -0,0 +1,55 @@
+import * as swr from 'swr';
+import * as _medialane_sdk from '@medialane/sdk';
+import { ApiOrder, ApiResponse, ApiOrdersQuery } from '@medialane/sdk';
+import { MedialaneClient } from '@medialane/sdk/starknet';
+import { ApiFetchConfig } from './api-fetch.cjs';
+
+declare function useOrders(getClient: () => MedialaneClient, query?: ApiOrdersQuery): {
+    orders: ApiOrder[];
+    meta: _medialane_sdk.ApiMeta | undefined;
+    isLoading: boolean;
+    error: any;
+    mutate: swr.KeyedMutator<ApiResponse<ApiOrder[]>>;
+};
+declare function useOrder(getClient: () => MedialaneClient, orderHash: string | null): {
+    order: ApiOrder | null;
+    isLoading: boolean;
+    error: any;
+};
+declare function useTokenListings(getClient: () => MedialaneClient, contract: string | null, tokenId: string | null): {
+    listings: ApiOrder[];
+    isLoading: boolean;
+    error: any;
+    mutate: swr.KeyedMutator<ApiResponse<ApiOrder[]>>;
+};
+declare function useUserOrders(getClient: () => MedialaneClient, address: string | null): {
+    orders: ApiOrder[];
+    isLoading: boolean;
+    error: any;
+    mutate: swr.KeyedMutator<ApiResponse<ApiOrder[]>>;
+};
+/** Fetch counter-offers for a specific original bid (buyer view) or by seller address. */
+declare function useCounterOffers(getClient: () => MedialaneClient, { originalOrderHash, sellerAddress, }: {
+    originalOrderHash?: string | null;
+    sellerAddress?: string | null;
+}): {
+    counterOffers: ApiOrder[];
+    total: number;
+    isLoading: boolean;
+    error: any;
+    mutate: swr.KeyedMutator<ApiResponse<ApiOrder[]>>;
+};
+/** Fetch active ERC20 offers received by the given address (offers on tokens they hold). */
+declare function useReceivedOffers(apiConfig: ApiFetchConfig, address: string | null): {
+    orders: ApiOrder[];
+    isLoading: boolean;
+    error: any;
+    mutate: swr.KeyedMutator<ApiResponse<ApiOrder[]>>;
+};
+declare function useCollectionFloorListings(getClient: () => MedialaneClient, contract: string | null, limit?: number): {
+    listings: ApiOrder[];
+    isLoading: boolean;
+    error: any;
+};
+
+export { useCollectionFloorListings, useCounterOffers, useOrder, useOrders, useReceivedOffers, useTokenListings, useUserOrders };