@medialane/ui 0.162.0 → 0.163.0

package/dist/utils/use-notifications.cjs

@@ -38,6 +38,7 @@ 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_notification_readiness = require("./notification-readiness.js");
 var import_format_activity = require("./format-activity.js");
 async function fetchAnnouncements() {
   const res = await fetch("/api/announcements");
@@ -45,10 +46,13 @@ async function fetchAnnouncements() {
   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 [readIds, setReadIds] = (0, import_react.useState)(() => /* @__PURE__ */ new Set());
+  (0, import_react.useEffect)(() => {
+    setReadIds((0, import_notification_storage.getReadIds)());
+  }, []);
+  const { orders: userOrders, isLoading: ordersLoading } = (0, import_use_orders.useUserOrders)(getClient, address ?? null);
+  const { orders: receivedOffers, isLoading: receivedLoading } = (0, import_use_orders.useReceivedOffers)(apiConfig, address ?? null);
+  const { activities, isLoading: activitiesLoading } = (0, import_use_activities.useActivitiesByAddress)(getClient, address ?? null);
   const { data: announcements = [] } = (0, import_swr.default)(
     "announcements",
     fetchAnnouncements,
@@ -155,9 +159,16 @@ function useNotifications(getClient, apiConfig, address) {
     (0, import_notification_storage.markRead)(ids);
     setReadIds((0, import_notification_storage.getReadIds)());
   }, []);
+  const isLoading = (0, import_notification_readiness.notificationsAreLoading)({
+    ordersLoading,
+    receivedLoading,
+    activitiesLoading,
+    hasAddress: !!address
+  });
   return {
     notifications,
     unreadCount,
+    isLoading,
     markAllRead: () => markNotificationsRead(notifications.map((n) => n.id)),
     markRead: (id) => markNotificationsRead([id])
   };

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

@@ -1 +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  const { orders: userOrders } = useUserOrders(getClient, address ?? null);\n\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    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    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    (activities as ApiActivity[]).slice(0, 50).forEach((event) => {\n      const id = `activity-${event.txHash}-${event.type}-${event.nftTokenId ?? \"\"}`;\n\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      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.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    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"]}
+{"version":3,"sources":["../../src/utils/use-notifications.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, 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 { notificationsAreLoading } from \"./notification-readiness.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>>(() => new Set<string>());\n\n  useEffect(() => {\n    setReadIds(getReadIds());\n  }, []);\n\n  const { orders: userOrders, isLoading: ordersLoading } = useUserOrders(getClient, address ?? null);\n\n  const { orders: receivedOffers, isLoading: receivedLoading } = useReceivedOffers(apiConfig, address ?? null);\n  const { activities, isLoading: activitiesLoading } = 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    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    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    (activities as ApiActivity[]).slice(0, 50).forEach((event) => {\n      const id = `activity-${event.txHash}-${event.type}-${event.nftTokenId ?? \"\"}`;\n\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      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.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    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  const isLoading = notificationsAreLoading({\n    ordersLoading,\n    receivedLoading,\n    activitiesLoading,\n    hasAddress: !!address,\n  });\n\n  return {\n    notifications,\n    unreadCount,\n    isLoading,\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

@@ -5,6 +5,7 @@ import { ApiFetchConfig } from './api-fetch.cjs';
 declare function useNotifications(getClient: () => MedialaneClient, apiConfig: ApiFetchConfig, address: string | null | undefined): {
     notifications: Notification[];
     unreadCount: number;
+    isLoading: boolean;
     markAllRead: () => void;
     markRead: (id: string) => void;
 };

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

@@ -5,6 +5,7 @@ import { ApiFetchConfig } from './api-fetch.js';
 declare function useNotifications(getClient: () => MedialaneClient, apiConfig: ApiFetchConfig, address: string | null | undefined): {
     notifications: Notification[];
     unreadCount: number;
+    isLoading: boolean;
     markAllRead: () => void;
     markRead: (id: string) => void;
 };

package/dist/utils/use-notifications.js

@@ -1,10 +1,11 @@
 "use client";
-import { useCallback, useMemo, useState } from "react";
+import { useCallback, useEffect, 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 { notificationsAreLoading } from "./notification-readiness.js";
 import {
   formatActivity,
   formatOrderNotification,
@@ -17,10 +18,13 @@ async function fetchAnnouncements() {
   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 [readIds, setReadIds] = useState(() => /* @__PURE__ */ new Set());
+  useEffect(() => {
+    setReadIds(getReadIds());
+  }, []);
+  const { orders: userOrders, isLoading: ordersLoading } = useUserOrders(getClient, address ?? null);
+  const { orders: receivedOffers, isLoading: receivedLoading } = useReceivedOffers(apiConfig, address ?? null);
+  const { activities, isLoading: activitiesLoading } = useActivitiesByAddress(getClient, address ?? null);
   const { data: announcements = [] } = useSWR(
     "announcements",
     fetchAnnouncements,
@@ -127,9 +131,16 @@ function useNotifications(getClient, apiConfig, address) {
     markRead(ids);
     setReadIds(getReadIds());
   }, []);
+  const isLoading = notificationsAreLoading({
+    ordersLoading,
+    receivedLoading,
+    activitiesLoading,
+    hasAddress: !!address
+  });
   return {
     notifications,
     unreadCount,
+    isLoading,
     markAllRead: () => markNotificationsRead(notifications.map((n) => n.id)),
     markRead: (id) => markNotificationsRead([id])
   };

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

@@ -1 +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  const { orders: userOrders } = useUserOrders(getClient, address ?? null);\n\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    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    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    (activities as ApiActivity[]).slice(0, 50).forEach((event) => {\n      const id = `activity-${event.txHash}-${event.type}-${event.nftTokenId ?? \"\"}`;\n\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      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.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    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"]}
+{"version":3,"sources":["../../src/utils/use-notifications.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, 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 { notificationsAreLoading } from \"./notification-readiness.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>>(() => new Set<string>());\n\n  useEffect(() => {\n    setReadIds(getReadIds());\n  }, []);\n\n  const { orders: userOrders, isLoading: ordersLoading } = useUserOrders(getClient, address ?? null);\n\n  const { orders: receivedOffers, isLoading: receivedLoading } = useReceivedOffers(apiConfig, address ?? null);\n  const { activities, isLoading: activitiesLoading } = 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    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    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    (activities as ApiActivity[]).slice(0, 50).forEach((event) => {\n      const id = `activity-${event.txHash}-${event.type}-${event.nftTokenId ?? \"\"}`;\n\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      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.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    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  const isLoading = notificationsAreLoading({\n    ordersLoading,\n    receivedLoading,\n    activitiesLoading,\n    hasAddress: !!address,\n  });\n\n  return {\n    notifications,\n    unreadCount,\n    isLoading,\n    markAllRead: () => markNotificationsRead(notifications.map((n) => n.id)),\n    markRead: (id: string) => markNotificationsRead([id]),\n  };\n}\n"],"mappings":";AAEA,SAAS,aAAa,WAAW,SAAS,gBAAgB;AAC1D,OAAO,YAAY;AACnB,SAAS,wBAAwB;AAGjC,SAAS,eAAe,yBAAyB;AACjD,SAAS,8BAA8B;AACvC,SAAS,YAAY,gBAAgB;AACrC,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIP,eAAe,qBAA8C;AAC3D,QAAM,MAAM,MAAM,MAAM,oBAAoB;AAC5C,MAAI,CAAC,IAAI,GAAI,QAAO,CAAC;AACrB,SAAO,IAAI,KAAK;AAClB;AAEO,SAAS,iBACd,WACA,WACA,SACA;AACA,QAAM,CAAC,SAAS,UAAU,IAAI,SAAsB,MAAM,oBAAI,IAAY,CAAC;AAE3E,YAAU,MAAM;AACd,eAAW,WAAW,CAAC;AAAA,EACzB,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,QAAQ,YAAY,WAAW,cAAc,IAAI,cAAc,WAAW,WAAW,IAAI;AAEjG,QAAM,EAAE,QAAQ,gBAAgB,WAAW,gBAAgB,IAAI,kBAAkB,WAAW,WAAW,IAAI;AAC3G,QAAM,EAAE,YAAY,WAAW,kBAAkB,IAAI,uBAAuB,WAAW,WAAW,IAAI;AACtG,QAAM,EAAE,MAAM,gBAAgB,CAAC,EAAE,IAAI;AAAA,IACnC;AAAA,IACA;AAAA,IACA,EAAE,mBAAmB,OAAO,kBAAkB,IAAO;AAAA,EACvD;AAEA,QAAM,gBAAgC,QAAQ,MAAM;AAClD,UAAM,QAAwB,CAAC;AAE/B,eACG,OAAO,CAAC,MAAM,EAAE,MAAM,aAAa,WAAW,EAAE,WAAW,WAAW,EACtE,QAAQ,CAAC,UAAU;AAClB,YAAM,KAAK,kBAAkB,MAAM,SAAS;AAC5C,YAAM,MAAM,gCAAgC,KAAK;AACjD,YAAM,KAAK;AAAA,QACT;AAAA,QACA,MAAM;AAAA,QACN,UAAU;AAAA,QACV,aAAa;AAAA,QACb,GAAG;AAAA,QACH,WAAW,MAAM,aAAa,MAAM,cAAa,oBAAI,KAAK,GAAE,YAAY;AAAA,QACxE,UAAU,CAAC,QAAQ,IAAI,EAAE;AAAA,QACzB,UAAU;AAAA,UACR,QAAQ,MAAM,OAAO,aAAa;AAAA,UAClC,UAAU,MAAM,OAAO,YAAY;AAAA,UACnC,QAAQ,MAAM,QAAQ,aAAa;AAAA,UACnC,WAAW,MAAM,OAAO,QAAQ;AAAA,QAClC;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAEH,mBAAe,QAAQ,CAAC,UAAU;AAChC,YAAM,KAAK,SAAS,MAAM,SAAS;AACnC,YAAM,MAAM,wBAAwB,KAAK;AACzC,YAAM,KAAK;AAAA,QACT;AAAA,QACA,MAAM;AAAA,QACN,UAAU;AAAA,QACV,aAAa;AAAA,QACb,GAAG;AAAA,QACH,WAAW,MAAM,cAAa,oBAAI,KAAK,GAAE,YAAY;AAAA,QACrD,UAAU,CAAC,QAAQ,IAAI,EAAE;AAAA,QACzB,UAAU;AAAA,UACR,QAAQ,MAAM,OAAO,aAAa;AAAA,UAClC,UAAU,MAAM,OAAO,YAAY;AAAA,UACnC,WAAW,MAAM,OAAO,QAAQ;AAAA,QAClC;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAED,IAAC,WAA6B,MAAM,GAAG,EAAE,EAAE,QAAQ,CAAC,UAAU;AAC5D,YAAM,KAAK,YAAY,MAAM,MAAM,IAAI,MAAM,IAAI,IAAI,MAAM,cAAc,EAAE;AAE3E,UACE,MAAM,SAAS,cACf,WACA,CAAC,CAAC,MAAM,MAAM,iBAAiB,YAAY,MAAM,EAAE,MAAM,iBAAiB,YAAY,OAAO,GAC7F;AACA,cAAMA,OAAM,gCAAgC,KAAK;AACjD,cAAM,KAAK;AAAA,UACT;AAAA,UACA,MAAM;AAAA,UACN,UAAU;AAAA,UACV,aAAa;AAAA,UACb,GAAGA;AAAA,UACH,WAAW,MAAM,cAAa,oBAAI,KAAK,GAAE,YAAY;AAAA,UACrD,UAAU,CAAC,QAAQ,IAAI,EAAE;AAAA,UACzB,UAAU;AAAA,YACR,QAAQ,MAAM,UAAU;AAAA,YACxB,WAAW,MAAM,OAAO,QAAQ;AAAA,UAClC;AAAA,QACF,CAAC;AACD;AAAA,MACF;AAEA,YAAM,WACJ,MAAM,SAAS,UACf,YACE,CAAC,CAAC,MAAM,WAAW,iBAAiB,YAAY,MAAM,OAAO,MAAM,iBAAiB,YAAY,OAAO,KACtG,CAAC,CAAC,MAAM,QAAQ,iBAAiB,YAAY,MAAM,IAAI,MAAM,iBAAiB,YAAY,OAAO;AAEtG,YAAM,MAAM,eAAe,KAAK;AAChC,YAAM,KAAK;AAAA,QACT;AAAA,QACA,MAAM,MAAM;AAAA,QACZ,UAAU,WAAW,cAAc;AAAA,QACnC,aAAa,CAAC,CAAC;AAAA,QACf,GAAG;AAAA,QACH,WAAW,MAAM,cAAa,oBAAI,KAAK,GAAE,YAAY;AAAA,QACrD,UAAU,CAAC,QAAQ,IAAI,EAAE;AAAA,QACzB,UAAU;AAAA,UACR,QAAQ,MAAM,OAAO,aAAa;AAAA,UAClC,UAAU,MAAM,OAAO,YAAY;AAAA,UACnC,QAAQ,MAAM,UAAU;AAAA,UACxB,WAAW,MAAM,OAAO,QAAQ;AAAA,QAClC;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAED,kBAAc,QAAQ,CAAC,QAAQ;AAC7B,YAAM,KAAK,OAAO,IAAI,EAAE;AACxB,YAAM,KAAK;AAAA,QACT;AAAA,QACA,MAAM;AAAA,QACN,UAAU,IAAI,SAAS,cAAc;AAAA,QACrC,aAAa;AAAA,QACb,OAAO,IAAI;AAAA,QACX,aAAa,IAAI;AAAA,QACjB,OAAO,IAAI;AAAA,QACX,MAAM,IAAI;AAAA,QACV,WAAW,IAAI;AAAA,QACf,UAAU,CAAC,QAAQ,IAAI,EAAE;AAAA,MAC3B,CAAC;AAAA,IACH,CAAC;AAED,UAAM;AAAA,MACJ,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,IAAI,KAAK,EAAE,SAAS,EAAE,QAAQ;AAAA,IAC5E;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,YAAY,gBAAgB,YAAY,eAAe,SAAS,OAAO,CAAC;AAE5E,QAAM,cAAc,cAAc,OAAO,CAAC,MAAM,EAAE,QAAQ,EAAE;AAE5D,QAAM,wBAAwB,YAAY,CAAC,QAAkB;AAC3D,aAAS,GAAG;AACZ,eAAW,WAAW,CAAC;AAAA,EACzB,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,wBAAwB;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,CAAC,CAAC;AAAA,EAChB,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,MAAM,sBAAsB,cAAc,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;AAAA,IACvE,UAAU,CAAC,OAAe,sBAAsB,CAAC,EAAE,CAAC;AAAA,EACtD;AACF;","names":["fmt"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medialane/ui",
-  "version": "0.162.0",
+  "version": "0.163.0",
   "description": "Shared UI components for Medialane apps",
   "type": "module",
   "sideEffects": false,