@cube-dev/ui-kit 0.181.0 → 0.183.0

package/dist/components/overlays/Notifications/use-notification-state.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef, useState } from "react";
 
@@ -62,8 +62,8 @@ function useNotificationState(timersRef, persistent) {
 			lastDismissReason: reason
 		});
 		while (dismissSnapshotsRef.current.size > MAX_DISMISS_SNAPSHOTS) {
-			const oldest = dismissSnapshotsRef.current.keys().next().value;
-			if (oldest != null) dismissSnapshotsRef.current.delete(oldest);
+			const oldest_0 = dismissSnapshotsRef.current.keys().next().value;
+			if (oldest_0 != null) dismissSnapshotsRef.current.delete(oldest_0);
 			else break;
 		}
 		if (notif.persistent) {
@@ -84,14 +84,14 @@ function useNotificationState(timersRef, persistent) {
 				persistent.removePersistentItem(notif.id ?? notif.internalId);
 			}
 		}
-		setNotifications((prev) => prev.map((n) => matchesNotificationId(n, id) ? {
-			...n,
+		setNotifications((prev) => prev.map((n_0) => matchesNotificationId(n_0, id) ? {
+			...n_0,
 			isExiting: true,
 			lastDismissReason: reason
-		} : n));
+		} : n_0));
 	});
-	const restoreNotification = useEvent((id) => {
-		const idStr = String(id);
+	const restoreNotification = useEvent((id_0) => {
+		const idStr = String(id_0);
 		const snapshot = dismissSnapshotsRef.current.get(idStr);
 		if (!snapshot) return;
 		dismissSnapshotsRef.current.delete(idStr);
@@ -102,22 +102,22 @@ function useNotificationState(timersRef, persistent) {
 		}
 		const duration = getDuration(snapshot);
 		if (duration != null && duration > 0) timersRef.current?.startNotificationTimer(snapshot.internalId, snapshot.id ?? snapshot.internalId, duration);
-		if (findNotification(notificationsRef.current, id)) setNotifications((prev) => prev.map((n) => matchesNotificationId(n, id) ? {
-			...n,
+		if (findNotification(notificationsRef.current, id_0)) setNotifications((prev_0) => prev_0.map((n_1) => matchesNotificationId(n_1, id_0) ? {
+			...n_1,
 			isExiting: false,
 			lastDismissReason: void 0
-		} : n));
+		} : n_1));
 		else {
 			const restored = {
 				...snapshot,
 				isExiting: false,
 				lastDismissReason: void 0
 			};
-			setNotifications((prev) => [...prev, restored]);
+			setNotifications((prev_1) => [...prev_1, restored]);
 		}
 	});
 	const finalizeNotificationRemoval = useEvent((internalId) => {
-		setNotifications((prev) => prev.filter((n) => n.internalId !== internalId));
+		setNotifications((prev_2) => prev_2.filter((n_2) => n_2.internalId !== internalId));
 		setTimeout(() => {
 			for (const [key, snap] of dismissSnapshotsRef.current) if (snap.internalId === internalId) {
 				dismissSnapshotsRef.current.delete(key);
@@ -130,13 +130,13 @@ function useNotificationState(timersRef, persistent) {
 		notificationsRef,
 		addNotification: useEvent((options, ownerId) => {
 			idCounter.current += 1;
-			const internalId = `notif-${idCounter.current}-${Date.now()}`;
+			const internalId_0 = `notif-${idCounter.current}-${Date.now()}`;
 			const now = Date.now();
-			const id = options.id ?? internalId;
-			if (options.id != null && persistent.isFullyDismissedId(options.id)) return id;
+			const id_1 = options.id ?? internalId_0;
+			if (options.id != null && persistent.isFullyDismissedId(options.id)) return id_1;
 			if (options.persistent && options.id != null && persistent.hasDismissedPersistentId(options.id)) {
 				persistent.addPersistentItem({
-					id,
+					id: id_1,
 					theme: options.theme,
 					title: options.title,
 					description: options.description,
@@ -147,9 +147,9 @@ function useNotificationState(timersRef, persistent) {
 					isRead: false,
 					ownerId
 				});
-				return id;
+				return id_1;
 			}
-			const existingNotif = options.id != null ? notificationsRef.current.find((n) => n.id === options.id && !n.isExiting) : void 0;
+			const existingNotif = options.id != null ? notificationsRef.current.find((n_3) => n_3.id === options.id && !n_3.isExiting) : void 0;
 			if (existingNotif) {
 				const returnId = existingNotif.id ?? existingNotif.internalId;
 				const prevTitle = existingNotif.title;
@@ -157,64 +157,64 @@ function useNotificationState(timersRef, persistent) {
 				const titleChanged = typeof options.title === "string" && typeof prevTitle === "string" && options.title !== prevTitle;
 				const descriptionChanged = typeof options.description === "string" && typeof prevDescription === "string" && options.description !== prevDescription;
 				if (titleChanged || descriptionChanged) {
-					const duration = getDuration(options);
-					if (duration != null && duration > 0) timersRef.current?.startNotificationTimer(existingNotif.internalId, existingNotif.id ?? existingNotif.internalId, duration);
+					const duration_0 = getDuration(options);
+					if (duration_0 != null && duration_0 > 0) timersRef.current?.startNotificationTimer(existingNotif.internalId, existingNotif.id ?? existingNotif.internalId, duration_0);
 				}
-				setNotifications((prev) => prev.map((n) => {
-					if (n.internalId === existingNotif.internalId) return {
-						...n,
+				setNotifications((prev_3) => prev_3.map((n_4) => {
+					if (n_4.internalId === existingNotif.internalId) return {
+						...n_4,
 						...options,
-						internalId: n.internalId,
-						createdAt: n.createdAt,
+						internalId: n_4.internalId,
+						createdAt: n_4.createdAt,
 						updatedAt: now,
-						ownerId: ownerId ?? n.ownerId
+						ownerId: ownerId ?? n_4.ownerId
 					};
-					return n;
+					return n_4;
 				}));
 				return returnId;
 			}
-			const activeCount = notificationsRef.current.filter((n) => !n.isExiting).length;
+			const activeCount = notificationsRef.current.filter((n_5) => !n_5.isExiting).length;
 			const newNotification = {
 				...options,
-				id,
-				internalId,
+				id: id_1,
+				internalId: internalId_0,
 				createdAt: now,
 				updatedAt: now,
 				ownerId
 			};
 			let evictedInternalId = null;
 			if (activeCount >= MAX_NOTIFICATIONS) evictedInternalId = evictOldest();
-			const duration = getDuration(options);
-			if (duration != null && duration > 0) timersRef.current?.startNotificationTimer(internalId, id, duration);
-			setNotifications((prev) => {
-				let next = prev;
-				if (evictedInternalId) next = next.map((n) => n.internalId === evictedInternalId ? {
-					...n,
+			const duration_1 = getDuration(options);
+			if (duration_1 != null && duration_1 > 0) timersRef.current?.startNotificationTimer(internalId_0, id_1, duration_1);
+			setNotifications((prev_4) => {
+				let next = prev_4;
+				if (evictedInternalId) next = next.map((n_6) => n_6.internalId === evictedInternalId ? {
+					...n_6,
 					isExiting: true
-				} : n);
+				} : n_6);
 				return [...next, newNotification];
 			});
-			return id;
+			return id_1;
 		}),
 		removeNotification,
 		restoreNotification,
-		updateNotification: useEvent((id, options) => {
-			setNotifications((prev) => prev.map((n) => matchesNotificationId(n, id) ? {
-				...n,
-				...options,
+		updateNotification: useEvent((id_2, options_0) => {
+			setNotifications((prev_5) => prev_5.map((n_7) => matchesNotificationId(n_7, id_2) ? {
+				...n_7,
+				...options_0,
 				updatedAt: Date.now()
-			} : n));
+			} : n_7));
 		}),
 		finalizeNotificationRemoval,
-		removeByOwner: useEvent((ownerId) => {
-			const owned = notificationsRef.current.filter((n) => n.ownerId === ownerId && !n.isExiting);
-			for (const n of owned) timersRef.current?.clearNotificationTimer(n.internalId);
-			setNotifications((prev) => prev.map((n) => {
-				if (n.ownerId === ownerId && !n.isExiting) return {
-					...n,
+		removeByOwner: useEvent((ownerId_0) => {
+			const owned = notificationsRef.current.filter((n_8) => n_8.ownerId === ownerId_0 && !n_8.isExiting);
+			for (const n_9 of owned) timersRef.current?.clearNotificationTimer(n_9.internalId);
+			setNotifications((prev_6) => prev_6.map((n_10) => {
+				if (n_10.ownerId === ownerId_0 && !n_10.isExiting) return {
+					...n_10,
 					isExiting: true
 				};
-				return n;
+				return n_10;
 			}));
 		})
 	};

package/dist/components/overlays/Notifications/use-notification-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-notification-state.js","names":[],"sources":["../../../../src/components/overlays/Notifications/use-notification-state.ts"],"sourcesContent":["import { Key, useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal';\n\nimport type {\n  DismissReason,\n  InternalNotification,\n  OverlayNotificationOptions,\n  PersistentNotificationItem,\n} from './types';\nimport type { OverlayTimers } from './use-overlay-timers';\n\n// ─── Constants ───────────────────────────────────────────────────────\n\nconst DEFAULT_NOTIFICATION_DURATION = 3000;\nconst DEFAULT_PERSISTENT_NOTIFICATION_DURATION = 5000;\nconst MAX_NOTIFICATIONS = 5;\nconst MAX_DISMISS_SNAPSHOTS = 50;\nconst SNAPSHOT_TTL_MS = 5 * 60 * 1000;\n\n// ─── Types ───────────────────────────────────────────────────────────\n\nexport interface PersistentCallbacks {\n  addPersistentItem: (item: PersistentNotificationItem) => void;\n  removePersistentItem: (id: Key) => void;\n  removePersistentItemSilently: (id: Key) => void;\n  hasDismissedPersistentId: (id: Key) => boolean;\n  isFullyDismissedId: (id: Key) => boolean;\n  saveDismissedPersistentId: (id: Key) => void;\n  undoFullyDismissedId: (id: Key) => void;\n}\n\nexport interface NotificationState {\n  notifications: InternalNotification[];\n  notificationsRef: ReturnType<typeof useRef<InternalNotification[]>>;\n  addNotification: (\n    options: OverlayNotificationOptions,\n    ownerId?: string,\n  ) => Key;\n  removeNotification: (id: Key, reason?: DismissReason) => void;\n  restoreNotification: (id: Key) => void;\n  updateNotification: (\n    id: Key,\n    options: Partial<OverlayNotificationOptions>,\n  ) => void;\n  finalizeNotificationRemoval: (internalId: string) => void;\n  removeByOwner: (ownerId: string) => void;\n}\n\n// ─── Helpers ─────────────────────────────────────────────────────────\n\nfunction getDuration(\n  notif: OverlayNotificationOptions & { persistent?: boolean },\n): number | null {\n  if (notif.duration === null) return null;\n  if (notif.duration !== undefined) return notif.duration;\n  return notif.persistent\n    ? DEFAULT_PERSISTENT_NOTIFICATION_DURATION\n    : DEFAULT_NOTIFICATION_DURATION;\n}\n\nfunction matchesNotificationId(item: InternalNotification, id: Key): boolean {\n  return item.id === id || item.internalId === String(id);\n}\n\nfunction findNotification(\n  list: InternalNotification[],\n  id: Key,\n): InternalNotification | undefined {\n  return list.find((n) => matchesNotificationId(n, id));\n}\n\n// ─── Hook ────────────────────────────────────────────────────────────\n\n/**\n * @param timersRef - Ref to the shared OverlayTimers instance. Accessed only\n *   inside callbacks (never during render), so it is guaranteed to be populated.\n */\nexport function useNotificationState(\n  timersRef: ReturnType<typeof useRef<OverlayTimers>>,\n  persistent: PersistentCallbacks,\n): NotificationState {\n  const [notifications, setNotifications] = useState<InternalNotification[]>(\n    [],\n  );\n  const notificationsRef = useRef(notifications);\n  notificationsRef.current = notifications;\n\n  const idCounter = useRef(0);\n\n  // Snapshots of dismissed notifications, keyed by notification id (string).\n  // Saved at dismiss time so restoreNotification can re-add the notification\n  // even after finalizeNotificationRemoval has removed it from state.\n  const dismissSnapshotsRef = useRef<Map<string, InternalNotification>>(\n    new Map(),\n  );\n\n  // ─── Evict Helper ──────────────────────────────────────────────\n\n  /**\n   * Evict the oldest active notification to make room for a new one.\n   * Clears its timer and moves it to the persistent list if applicable.\n   * Must be called OUTSIDE setState updaters (StrictMode-safe).\n   */\n  const evictOldest = useEvent((): string | null => {\n    const active = notificationsRef.current.filter((n) => !n.isExiting);\n\n    if (active.length === 0) return null;\n\n    // Oldest by createdAt (active list preserves insertion order)\n    const oldest = active[0];\n\n    timersRef.current?.clearNotificationTimer(oldest.internalId);\n\n    // Eviction counts as a timeout dismissal — move to persistent list if applicable\n    if (oldest.persistent) {\n      persistent.addPersistentItem({\n        id: oldest.id ?? oldest.internalId,\n        theme: oldest.theme,\n        title: oldest.title,\n        description: oldest.description,\n        icon: oldest.icon,\n        actions: oldest.actions,\n        createdAt: oldest.createdAt,\n        updatedAt: oldest.updatedAt,\n        isRead: false,\n        ownerId: oldest.ownerId,\n      });\n    }\n\n    return oldest.internalId;\n  });\n\n  // ─── Remove ─────────────────────────────────────────────────────\n\n  const removeNotification = useEvent(\n    (id: Key, reason: DismissReason = 'api') => {\n      // Read from ref (synchronous) to perform side effects OUTSIDE the updater.\n      // This prevents double-fire in StrictMode and avoids calling setState\n      // (addPersistentItem) inside another setState updater.\n      const notif = findNotification(notificationsRef.current, id);\n\n      if (!notif || notif.isExiting) return;\n\n      timersRef.current?.clearNotificationTimer(notif.internalId);\n\n      // Snapshot the notification for potential restore after finalization.\n      dismissSnapshotsRef.current.set(String(notif.id ?? notif.internalId), {\n        ...notif,\n        lastDismissReason: reason,\n      });\n\n      // Prevent unbounded growth of dismiss snapshots.\n      while (dismissSnapshotsRef.current.size > MAX_DISMISS_SNAPSHOTS) {\n        const oldest = dismissSnapshotsRef.current.keys().next().value;\n\n        if (oldest != null) {\n          dismissSnapshotsRef.current.delete(oldest);\n        } else {\n          break;\n        }\n      }\n\n      if (notif.persistent) {\n        if (reason === 'close' || reason === 'timeout') {\n          // Dismiss button, Escape, or auto-dismiss timeout — move to persistent list.\n          // If the same id is triggered again, it skips the overlay and updates the\n          // persistent list directly.\n          persistent.addPersistentItem({\n            id: notif.id ?? notif.internalId,\n            theme: notif.theme,\n            title: notif.title,\n            description: notif.description,\n            icon: notif.icon,\n            actions: notif.actions,\n            createdAt: notif.createdAt,\n            updatedAt: notif.updatedAt,\n            isRead: true,\n            ownerId: notif.ownerId,\n          });\n        } else if (reason === 'action') {\n          // User clicked a regular action (not dismiss) — fully dismiss the\n          // notification so it never reappears (overlay or persistent list).\n          persistent.saveDismissedPersistentId(notif.id ?? notif.internalId);\n          persistent.removePersistentItem(notif.id ?? notif.internalId);\n        }\n        // reason === 'api' — programmatic cleanup (e.g. component unmount).\n        // No persistence, no full-dismiss tracking.\n      }\n\n      setNotifications((prev) =>\n        prev.map((n) =>\n          matchesNotificationId(n, id)\n            ? { ...n, isExiting: true, lastDismissReason: reason }\n            : n,\n        ),\n      );\n    },\n  );\n\n  // ─── Restore ──────────────────────────────────────────────────\n\n  const restoreNotification = useEvent((id: Key) => {\n    const idStr = String(id);\n    const snapshot = dismissSnapshotsRef.current.get(idStr);\n\n    if (!snapshot) return;\n\n    dismissSnapshotsRef.current.delete(idStr);\n\n    // Undo persistent side effects based on how the notification was dismissed.\n    if (snapshot.persistent && snapshot.lastDismissReason) {\n      const persistentId = snapshot.id ?? snapshot.internalId;\n\n      if (\n        snapshot.lastDismissReason === 'close' ||\n        snapshot.lastDismissReason === 'timeout'\n      ) {\n        persistent.removePersistentItemSilently(persistentId);\n      } else if (snapshot.lastDismissReason === 'action') {\n        persistent.undoFullyDismissedId(persistentId);\n      }\n    }\n\n    // Restart the auto-dismiss timer.\n    const duration = getDuration(snapshot);\n\n    if (duration != null && duration > 0) {\n      timersRef.current?.startNotificationTimer(\n        snapshot.internalId,\n        snapshot.id ?? snapshot.internalId,\n        duration,\n      );\n    }\n\n    const stillInState = findNotification(notificationsRef.current, id);\n\n    if (stillInState) {\n      // Exit animation hasn't completed yet — cancel it.\n      setNotifications((prev) =>\n        prev.map((n) =>\n          matchesNotificationId(n, id)\n            ? { ...n, isExiting: false, lastDismissReason: undefined }\n            : n,\n        ),\n      );\n    } else {\n      // Notification was already finalized (removed from state) — re-add it.\n      const restored: InternalNotification = {\n        ...snapshot,\n        isExiting: false,\n        lastDismissReason: undefined,\n      };\n\n      setNotifications((prev) => [...prev, restored]);\n    }\n  });\n\n  // ─── Finalize ──────────────────────────────────────────────────\n\n  const finalizeNotificationRemoval = useEvent((internalId: string) => {\n    setNotifications((prev) => prev.filter((n) => n.internalId !== internalId));\n\n    // Deferred cleanup of the dismiss snapshot. Kept briefly so async action\n    // callbacks can still call restoreNotification after the exit animation.\n    setTimeout(() => {\n      for (const [key, snap] of dismissSnapshotsRef.current) {\n        if (snap.internalId === internalId) {\n          dismissSnapshotsRef.current.delete(key);\n          break;\n        }\n      }\n    }, SNAPSHOT_TTL_MS);\n  });\n\n  // ─── Add ────────────────────────────────────────────────────────\n\n  const addNotification = useEvent(\n    (options: OverlayNotificationOptions, ownerId?: string): Key => {\n      idCounter.current += 1;\n      const internalId = `notif-${idCounter.current}-${Date.now()}`;\n      const now = Date.now();\n      const id = options.id ?? internalId;\n\n      // If the user explicitly removed this notification from the persistent\n      // list, completely ignore it — no overlay, no persistent storage.\n      if (options.id != null && persistent.isFullyDismissedId(options.id)) {\n        return id;\n      }\n\n      // If this persistent id was previously dismissed to the persistent list,\n      // skip the overlay and update the persistent item directly.\n      if (\n        options.persistent &&\n        options.id != null &&\n        persistent.hasDismissedPersistentId(options.id)\n      ) {\n        persistent.addPersistentItem({\n          id,\n          theme: options.theme,\n          title: options.title,\n          description: options.description,\n          icon: options.icon,\n          actions: options.actions,\n          createdAt: now,\n          updatedAt: now,\n          isRead: false,\n          ownerId,\n        });\n\n        return id;\n      }\n\n      // Check for existing notification with same id via the ref (synchronous read).\n      const existingNotif =\n        options.id != null\n          ? notificationsRef.current.find(\n              (n) => n.id === options.id && !n.isExiting,\n            )\n          : undefined;\n\n      if (existingNotif) {\n        // In-place update of an existing notification\n        const returnId = existingNotif.id ?? existingNotif.internalId;\n\n        const prevTitle = existingNotif.title;\n        const prevDescription = existingNotif.description;\n\n        // Timer reset on string title/description change\n        const titleChanged =\n          typeof options.title === 'string' &&\n          typeof prevTitle === 'string' &&\n          options.title !== prevTitle;\n        const descriptionChanged =\n          typeof options.description === 'string' &&\n          typeof prevDescription === 'string' &&\n          options.description !== prevDescription;\n\n        if (titleChanged || descriptionChanged) {\n          const duration = getDuration(options);\n\n          if (duration != null && duration > 0) {\n            timersRef.current?.startNotificationTimer(\n              existingNotif.internalId,\n              existingNotif.id ?? existingNotif.internalId,\n              duration,\n            );\n          }\n        }\n\n        setNotifications((prev) =>\n          prev.map((n) => {\n            if (n.internalId === existingNotif.internalId) {\n              return {\n                ...n,\n                ...options,\n                internalId: n.internalId,\n                createdAt: n.createdAt,\n                updatedAt: now,\n                ownerId: ownerId ?? n.ownerId,\n              };\n            }\n            return n;\n          }),\n        );\n\n        return returnId;\n      }\n\n      // New notification — always show immediately, evicting the oldest if at cap.\n      // Read from ref (synchronous) to perform side effects OUTSIDE the updater.\n      const activeCount = notificationsRef.current.filter(\n        (n) => !n.isExiting,\n      ).length;\n\n      const newNotification: InternalNotification = {\n        ...options,\n        id,\n        internalId,\n        createdAt: now,\n        updatedAt: now,\n        ownerId,\n      };\n\n      // Evict oldest if at cap (side effects outside updater)\n      let evictedInternalId: string | null = null;\n\n      if (activeCount >= MAX_NOTIFICATIONS) {\n        evictedInternalId = evictOldest();\n      }\n\n      // Start timer for the new notification\n      const duration = getDuration(options);\n\n      if (duration != null && duration > 0) {\n        timersRef.current?.startNotificationTimer(internalId, id, duration);\n      }\n\n      setNotifications((prev) => {\n        let next = prev;\n\n        if (evictedInternalId) {\n          next = next.map((n) =>\n            n.internalId === evictedInternalId ? { ...n, isExiting: true } : n,\n          );\n        }\n\n        return [...next, newNotification];\n      });\n\n      return id;\n    },\n  );\n\n  // ─── Update ─────────────────────────────────────────────────────\n\n  const updateNotification = useEvent(\n    (id: Key, options: Partial<OverlayNotificationOptions>) => {\n      setNotifications((prev) =>\n        prev.map((n) =>\n          matchesNotificationId(n, id)\n            ? { ...n, ...options, updatedAt: Date.now() }\n            : n,\n        ),\n      );\n    },\n  );\n\n  // ─── Owner Cleanup ──────────────────────────────────────────────\n\n  const removeByOwner = useEvent((ownerId: string) => {\n    // Clear timers outside the updater (StrictMode-safe).\n    const owned = notificationsRef.current.filter(\n      (n) => n.ownerId === ownerId && !n.isExiting,\n    );\n\n    for (const n of owned) {\n      timersRef.current?.clearNotificationTimer(n.internalId);\n    }\n\n    setNotifications((prev) =>\n      prev.map((n) => {\n        if (n.ownerId === ownerId && !n.isExiting) {\n          return { ...n, isExiting: true };\n        }\n        return n;\n      }),\n    );\n  });\n\n  return {\n    notifications,\n    notificationsRef,\n    addNotification,\n    removeNotification,\n    restoreNotification,\n    updateNotification,\n    finalizeNotificationRemoval,\n    removeByOwner,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-notification-state.js","names":["Key","useRef","useState","useEvent","DismissReason","InternalNotification","OverlayNotificationOptions","PersistentNotificationItem","OverlayTimers","DEFAULT_NOTIFICATION_DURATION","DEFAULT_PERSISTENT_NOTIFICATION_DURATION","MAX_NOTIFICATIONS","MAX_DISMISS_SNAPSHOTS","SNAPSHOT_TTL_MS","PersistentCallbacks","addPersistentItem","item","removePersistentItem","id","removePersistentItemSilently","hasDismissedPersistentId","isFullyDismissedId","saveDismissedPersistentId","undoFullyDismissedId","NotificationState","notifications","notificationsRef","ReturnType","addNotification","options","ownerId","removeNotification","reason","restoreNotification","updateNotification","Partial","finalizeNotificationRemoval","internalId","removeByOwner","getDuration","notif","persistent","duration","undefined","matchesNotificationId","String","findNotification","list","find","n","useNotificationState","timersRef","setNotifications","current","idCounter","dismissSnapshotsRef","Map","evictOldest","active","filter","isExiting","length","oldest","clearNotificationTimer","theme","title","description","icon","actions","createdAt","updatedAt","isRead","set","lastDismissReason","size","keys","next","value","delete","prev","map","idStr","snapshot","get","persistentId","startNotificationTimer","stillInState","restored","setTimeout","key","snap","Date","now","existingNotif","returnId","prevTitle","prevDescription","titleChanged","descriptionChanged","activeCount","newNotification","evictedInternalId","owned"],"sources":["../../../../src/components/overlays/Notifications/use-notification-state.ts"],"sourcesContent":["import { Key, useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal';\n\nimport type {\n  DismissReason,\n  InternalNotification,\n  OverlayNotificationOptions,\n  PersistentNotificationItem,\n} from './types';\nimport type { OverlayTimers } from './use-overlay-timers';\n\n// ─── Constants ───────────────────────────────────────────────────────\n\nconst DEFAULT_NOTIFICATION_DURATION = 3000;\nconst DEFAULT_PERSISTENT_NOTIFICATION_DURATION = 5000;\nconst MAX_NOTIFICATIONS = 5;\nconst MAX_DISMISS_SNAPSHOTS = 50;\nconst SNAPSHOT_TTL_MS = 5 * 60 * 1000;\n\n// ─── Types ───────────────────────────────────────────────────────────\n\nexport interface PersistentCallbacks {\n  addPersistentItem: (item: PersistentNotificationItem) => void;\n  removePersistentItem: (id: Key) => void;\n  removePersistentItemSilently: (id: Key) => void;\n  hasDismissedPersistentId: (id: Key) => boolean;\n  isFullyDismissedId: (id: Key) => boolean;\n  saveDismissedPersistentId: (id: Key) => void;\n  undoFullyDismissedId: (id: Key) => void;\n}\n\nexport interface NotificationState {\n  notifications: InternalNotification[];\n  notificationsRef: ReturnType<typeof useRef<InternalNotification[]>>;\n  addNotification: (\n    options: OverlayNotificationOptions,\n    ownerId?: string,\n  ) => Key;\n  removeNotification: (id: Key, reason?: DismissReason) => void;\n  restoreNotification: (id: Key) => void;\n  updateNotification: (\n    id: Key,\n    options: Partial<OverlayNotificationOptions>,\n  ) => void;\n  finalizeNotificationRemoval: (internalId: string) => void;\n  removeByOwner: (ownerId: string) => void;\n}\n\n// ─── Helpers ─────────────────────────────────────────────────────────\n\nfunction getDuration(\n  notif: OverlayNotificationOptions & { persistent?: boolean },\n): number | null {\n  if (notif.duration === null) return null;\n  if (notif.duration !== undefined) return notif.duration;\n  return notif.persistent\n    ? DEFAULT_PERSISTENT_NOTIFICATION_DURATION\n    : DEFAULT_NOTIFICATION_DURATION;\n}\n\nfunction matchesNotificationId(item: InternalNotification, id: Key): boolean {\n  return item.id === id || item.internalId === String(id);\n}\n\nfunction findNotification(\n  list: InternalNotification[],\n  id: Key,\n): InternalNotification | undefined {\n  return list.find((n) => matchesNotificationId(n, id));\n}\n\n// ─── Hook ────────────────────────────────────────────────────────────\n\n/**\n * @param timersRef - Ref to the shared OverlayTimers instance. Accessed only\n *   inside callbacks (never during render), so it is guaranteed to be populated.\n */\nexport function useNotificationState(\n  timersRef: ReturnType<typeof useRef<OverlayTimers>>,\n  persistent: PersistentCallbacks,\n): NotificationState {\n  const [notifications, setNotifications] = useState<InternalNotification[]>(\n    [],\n  );\n  const notificationsRef = useRef(notifications);\n  notificationsRef.current = notifications;\n\n  const idCounter = useRef(0);\n\n  // Snapshots of dismissed notifications, keyed by notification id (string).\n  // Saved at dismiss time so restoreNotification can re-add the notification\n  // even after finalizeNotificationRemoval has removed it from state.\n  const dismissSnapshotsRef = useRef<Map<string, InternalNotification>>(\n    new Map(),\n  );\n\n  // ─── Evict Helper ──────────────────────────────────────────────\n\n  /**\n   * Evict the oldest active notification to make room for a new one.\n   * Clears its timer and moves it to the persistent list if applicable.\n   * Must be called OUTSIDE setState updaters (StrictMode-safe).\n   */\n  const evictOldest = useEvent((): string | null => {\n    const active = notificationsRef.current.filter((n) => !n.isExiting);\n\n    if (active.length === 0) return null;\n\n    // Oldest by createdAt (active list preserves insertion order)\n    const oldest = active[0];\n\n    timersRef.current?.clearNotificationTimer(oldest.internalId);\n\n    // Eviction counts as a timeout dismissal — move to persistent list if applicable\n    if (oldest.persistent) {\n      persistent.addPersistentItem({\n        id: oldest.id ?? oldest.internalId,\n        theme: oldest.theme,\n        title: oldest.title,\n        description: oldest.description,\n        icon: oldest.icon,\n        actions: oldest.actions,\n        createdAt: oldest.createdAt,\n        updatedAt: oldest.updatedAt,\n        isRead: false,\n        ownerId: oldest.ownerId,\n      });\n    }\n\n    return oldest.internalId;\n  });\n\n  // ─── Remove ─────────────────────────────────────────────────────\n\n  const removeNotification = useEvent(\n    (id: Key, reason: DismissReason = 'api') => {\n      // Read from ref (synchronous) to perform side effects OUTSIDE the updater.\n      // This prevents double-fire in StrictMode and avoids calling setState\n      // (addPersistentItem) inside another setState updater.\n      const notif = findNotification(notificationsRef.current, id);\n\n      if (!notif || notif.isExiting) return;\n\n      timersRef.current?.clearNotificationTimer(notif.internalId);\n\n      // Snapshot the notification for potential restore after finalization.\n      dismissSnapshotsRef.current.set(String(notif.id ?? notif.internalId), {\n        ...notif,\n        lastDismissReason: reason,\n      });\n\n      // Prevent unbounded growth of dismiss snapshots.\n      while (dismissSnapshotsRef.current.size > MAX_DISMISS_SNAPSHOTS) {\n        const oldest = dismissSnapshotsRef.current.keys().next().value;\n\n        if (oldest != null) {\n          dismissSnapshotsRef.current.delete(oldest);\n        } else {\n          break;\n        }\n      }\n\n      if (notif.persistent) {\n        if (reason === 'close' || reason === 'timeout') {\n          // Dismiss button, Escape, or auto-dismiss timeout — move to persistent list.\n          // If the same id is triggered again, it skips the overlay and updates the\n          // persistent list directly.\n          persistent.addPersistentItem({\n            id: notif.id ?? notif.internalId,\n            theme: notif.theme,\n            title: notif.title,\n            description: notif.description,\n            icon: notif.icon,\n            actions: notif.actions,\n            createdAt: notif.createdAt,\n            updatedAt: notif.updatedAt,\n            isRead: true,\n            ownerId: notif.ownerId,\n          });\n        } else if (reason === 'action') {\n          // User clicked a regular action (not dismiss) — fully dismiss the\n          // notification so it never reappears (overlay or persistent list).\n          persistent.saveDismissedPersistentId(notif.id ?? notif.internalId);\n          persistent.removePersistentItem(notif.id ?? notif.internalId);\n        }\n        // reason === 'api' — programmatic cleanup (e.g. component unmount).\n        // No persistence, no full-dismiss tracking.\n      }\n\n      setNotifications((prev) =>\n        prev.map((n) =>\n          matchesNotificationId(n, id)\n            ? { ...n, isExiting: true, lastDismissReason: reason }\n            : n,\n        ),\n      );\n    },\n  );\n\n  // ─── Restore ──────────────────────────────────────────────────\n\n  const restoreNotification = useEvent((id: Key) => {\n    const idStr = String(id);\n    const snapshot = dismissSnapshotsRef.current.get(idStr);\n\n    if (!snapshot) return;\n\n    dismissSnapshotsRef.current.delete(idStr);\n\n    // Undo persistent side effects based on how the notification was dismissed.\n    if (snapshot.persistent && snapshot.lastDismissReason) {\n      const persistentId = snapshot.id ?? snapshot.internalId;\n\n      if (\n        snapshot.lastDismissReason === 'close' ||\n        snapshot.lastDismissReason === 'timeout'\n      ) {\n        persistent.removePersistentItemSilently(persistentId);\n      } else if (snapshot.lastDismissReason === 'action') {\n        persistent.undoFullyDismissedId(persistentId);\n      }\n    }\n\n    // Restart the auto-dismiss timer.\n    const duration = getDuration(snapshot);\n\n    if (duration != null && duration > 0) {\n      timersRef.current?.startNotificationTimer(\n        snapshot.internalId,\n        snapshot.id ?? snapshot.internalId,\n        duration,\n      );\n    }\n\n    const stillInState = findNotification(notificationsRef.current, id);\n\n    if (stillInState) {\n      // Exit animation hasn't completed yet — cancel it.\n      setNotifications((prev) =>\n        prev.map((n) =>\n          matchesNotificationId(n, id)\n            ? { ...n, isExiting: false, lastDismissReason: undefined }\n            : n,\n        ),\n      );\n    } else {\n      // Notification was already finalized (removed from state) — re-add it.\n      const restored: InternalNotification = {\n        ...snapshot,\n        isExiting: false,\n        lastDismissReason: undefined,\n      };\n\n      setNotifications((prev) => [...prev, restored]);\n    }\n  });\n\n  // ─── Finalize ──────────────────────────────────────────────────\n\n  const finalizeNotificationRemoval = useEvent((internalId: string) => {\n    setNotifications((prev) => prev.filter((n) => n.internalId !== internalId));\n\n    // Deferred cleanup of the dismiss snapshot. Kept briefly so async action\n    // callbacks can still call restoreNotification after the exit animation.\n    setTimeout(() => {\n      for (const [key, snap] of dismissSnapshotsRef.current) {\n        if (snap.internalId === internalId) {\n          dismissSnapshotsRef.current.delete(key);\n          break;\n        }\n      }\n    }, SNAPSHOT_TTL_MS);\n  });\n\n  // ─── Add ────────────────────────────────────────────────────────\n\n  const addNotification = useEvent(\n    (options: OverlayNotificationOptions, ownerId?: string): Key => {\n      idCounter.current += 1;\n      const internalId = `notif-${idCounter.current}-${Date.now()}`;\n      const now = Date.now();\n      const id = options.id ?? internalId;\n\n      // If the user explicitly removed this notification from the persistent\n      // list, completely ignore it — no overlay, no persistent storage.\n      if (options.id != null && persistent.isFullyDismissedId(options.id)) {\n        return id;\n      }\n\n      // If this persistent id was previously dismissed to the persistent list,\n      // skip the overlay and update the persistent item directly.\n      if (\n        options.persistent &&\n        options.id != null &&\n        persistent.hasDismissedPersistentId(options.id)\n      ) {\n        persistent.addPersistentItem({\n          id,\n          theme: options.theme,\n          title: options.title,\n          description: options.description,\n          icon: options.icon,\n          actions: options.actions,\n          createdAt: now,\n          updatedAt: now,\n          isRead: false,\n          ownerId,\n        });\n\n        return id;\n      }\n\n      // Check for existing notification with same id via the ref (synchronous read).\n      const existingNotif =\n        options.id != null\n          ? notificationsRef.current.find(\n              (n) => n.id === options.id && !n.isExiting,\n            )\n          : undefined;\n\n      if (existingNotif) {\n        // In-place update of an existing notification\n        const returnId = existingNotif.id ?? existingNotif.internalId;\n\n        const prevTitle = existingNotif.title;\n        const prevDescription = existingNotif.description;\n\n        // Timer reset on string title/description change\n        const titleChanged =\n          typeof options.title === 'string' &&\n          typeof prevTitle === 'string' &&\n          options.title !== prevTitle;\n        const descriptionChanged =\n          typeof options.description === 'string' &&\n          typeof prevDescription === 'string' &&\n          options.description !== prevDescription;\n\n        if (titleChanged || descriptionChanged) {\n          const duration = getDuration(options);\n\n          if (duration != null && duration > 0) {\n            timersRef.current?.startNotificationTimer(\n              existingNotif.internalId,\n              existingNotif.id ?? existingNotif.internalId,\n              duration,\n            );\n          }\n        }\n\n        setNotifications((prev) =>\n          prev.map((n) => {\n            if (n.internalId === existingNotif.internalId) {\n              return {\n                ...n,\n                ...options,\n                internalId: n.internalId,\n                createdAt: n.createdAt,\n                updatedAt: now,\n                ownerId: ownerId ?? n.ownerId,\n              };\n            }\n            return n;\n          }),\n        );\n\n        return returnId;\n      }\n\n      // New notification — always show immediately, evicting the oldest if at cap.\n      // Read from ref (synchronous) to perform side effects OUTSIDE the updater.\n      const activeCount = notificationsRef.current.filter(\n        (n) => !n.isExiting,\n      ).length;\n\n      const newNotification: InternalNotification = {\n        ...options,\n        id,\n        internalId,\n        createdAt: now,\n        updatedAt: now,\n        ownerId,\n      };\n\n      // Evict oldest if at cap (side effects outside updater)\n      let evictedInternalId: string | null = null;\n\n      if (activeCount >= MAX_NOTIFICATIONS) {\n        evictedInternalId = evictOldest();\n      }\n\n      // Start timer for the new notification\n      const duration = getDuration(options);\n\n      if (duration != null && duration > 0) {\n        timersRef.current?.startNotificationTimer(internalId, id, duration);\n      }\n\n      setNotifications((prev) => {\n        let next = prev;\n\n        if (evictedInternalId) {\n          next = next.map((n) =>\n            n.internalId === evictedInternalId ? { ...n, isExiting: true } : n,\n          );\n        }\n\n        return [...next, newNotification];\n      });\n\n      return id;\n    },\n  );\n\n  // ─── Update ─────────────────────────────────────────────────────\n\n  const updateNotification = useEvent(\n    (id: Key, options: Partial<OverlayNotificationOptions>) => {\n      setNotifications((prev) =>\n        prev.map((n) =>\n          matchesNotificationId(n, id)\n            ? { ...n, ...options, updatedAt: Date.now() }\n            : n,\n        ),\n      );\n    },\n  );\n\n  // ─── Owner Cleanup ──────────────────────────────────────────────\n\n  const removeByOwner = useEvent((ownerId: string) => {\n    // Clear timers outside the updater (StrictMode-safe).\n    const owned = notificationsRef.current.filter(\n      (n) => n.ownerId === ownerId && !n.isExiting,\n    );\n\n    for (const n of owned) {\n      timersRef.current?.clearNotificationTimer(n.internalId);\n    }\n\n    setNotifications((prev) =>\n      prev.map((n) => {\n        if (n.ownerId === ownerId && !n.isExiting) {\n          return { ...n, isExiting: true };\n        }\n        return n;\n      }),\n    );\n  });\n\n  return {\n    notifications,\n    notificationsRef,\n    addNotification,\n    removeNotification,\n    restoreNotification,\n    updateNotification,\n    finalizeNotificationRemoval,\n    removeByOwner,\n  };\n}\n"],"mappings":"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"}

package/dist/components/overlays/Notifications/use-notifications.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { useNotificationContext } from "./NotificationContext.js";
@@ -87,15 +87,15 @@ function useNotifications() {
 			}
 		};
 	});
-	const notify = useEvent((options) => {
+	const notify = useEvent((options_0) => {
 		if (!isMountedRef.current) return {
-			id: options.id ?? "",
+			id: options_0.id ?? "",
 			dismiss: () => {}
 		};
-		lastOptionsRef.current = options;
-		if (isStoredMode(options)) return createStoredHandle(options);
+		lastOptionsRef.current = options_0;
+		if (isStoredMode(options_0)) return createStoredHandle(options_0);
 		const notificationId = addNotification({
-			...options,
+			...options_0,
 			mode: "overlay"
 		}, ownerIdRef.current);
 		return {
@@ -105,20 +105,20 @@ function useNotifications() {
 			}
 		};
 	});
-	const record = useEvent((options) => {
+	const record = useEvent((options_1) => {
 		if (!isMountedRef.current) return {
-			id: options.id ?? "",
+			id: options_1.id ?? "",
 			dismiss: () => {}
 		};
 		lastOptionsRef.current = {
-			...options,
+			...options_1,
 			mode: "stored"
 		};
-		return createStoredHandle(options);
+		return createStoredHandle(options_1);
 	});
-	const dismiss = useEvent((id) => {
+	const dismiss = useEvent((id_0) => {
 		if (!isMountedRef.current) return;
-		removeNotification(id, "api");
+		removeNotification(id_0, "api");
 	});
 	useEffect(() => {
 		isMountedRef.current = true;

package/dist/components/overlays/Notifications/use-notifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-notifications.js","names":[],"sources":["../../../../src/components/overlays/Notifications/use-notifications.ts"],"sourcesContent":["import { Key, useEffect, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { useWarn } from '../../../_internal/hooks/use-warn';\n\nimport { useNotificationContext } from './NotificationContext';\n\nimport type {\n  NotificationHandle,\n  NotificationOptions,\n  NotificationsApi,\n  OverlayNotificationOptions,\n  PersistentNotificationItem,\n  StoredNotificationOptions,\n} from './types';\n\nlet ownerIdCounter = 0;\n\nfunction generateOwnerId(): string {\n  ownerIdCounter += 1;\n  return `notif-owner-${ownerIdCounter}-${Date.now()}`;\n}\n\nfunction isStoredMode(\n  options: NotificationOptions,\n): options is StoredNotificationOptions {\n  return options.mode === 'stored';\n}\n\n/**\n * Hook to display and manage notifications.\n *\n * Each hook instance acts as an owner scope:\n * - `notify()` created from this instance attaches ownership metadata.\n * - On unmount, all attached visible overlay notifications are dismissed.\n * - On unmount, all attached persistent records are also removed.\n * - `notify()`/`dismiss()` calls from stale closures after unmount are no-ops.\n *\n * @example\n * ```tsx\n * const { notify, record, dismiss } = useNotifications();\n *\n * notify({\n *   id: 'deploy:123',\n *   theme: 'success',\n *   title: 'Deployment completed',\n *   description: 'Version 1.4.2 is live.',\n *   actions: (\n *     <>\n *       <Notification.Action onPress={() => openLogs()}>View logs</Notification.Action>\n *       <Notification.Action onPress={() => openDeployment()}>Open</Notification.Action>\n *     </>\n *   ),\n * });\n *\n * // Store directly to persistent list (no overlay)\n * record({\n *   id: 'server:alert-1',\n *   theme: 'warning',\n *   title: 'Server alert',\n * });\n * ```\n */\nexport function useNotifications(): NotificationsApi {\n  const {\n    addNotification,\n    removeNotification,\n    addPersistentItem,\n    removePersistentItem,\n    removeByOwner,\n    removePersistentItemsByOwner,\n  } = useNotificationContext();\n\n  const ownerIdRef = useRef<string>(generateOwnerId());\n  const isMountedRef = useRef(true);\n  const cleanupTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Track current options for validation\n  const lastOptionsRef = useRef<NotificationOptions | null>(null);\n\n  // ─── Validation Warnings ──────────────────────────────────────────\n\n  useWarn(\n    lastOptionsRef.current &&\n      'persistent' in lastOptionsRef.current &&\n      lastOptionsRef.current.persistent === true &&\n      lastOptionsRef.current.id == null,\n    {\n      once: false,\n      key: ['Notification', 'persistent-without-id'],\n      args: [\n        'Notification: `persistent: true` requires an explicit `id` for reliable dedupe/upsert.',\n      ],\n    },\n  );\n\n  useWarn(\n    lastOptionsRef.current?.mode === 'stored' &&\n      lastOptionsRef.current.id == null,\n    {\n      once: false,\n      key: ['Notification', 'stored-without-id'],\n      args: [\n        'Notification: `mode: \"stored\"` should have an explicit `id` for reliable upsert.',\n      ],\n    },\n  );\n\n  // ─── Helpers ─────────────────────────────────────────────────────\n\n  const storedIdCounter = useRef(0);\n\n  const createStoredHandle = useEvent(\n    (options: Omit<StoredNotificationOptions, 'mode'>): NotificationHandle => {\n      storedIdCounter.current += 1;\n      const now = Date.now();\n      const id = options.id ?? `stored-${storedIdCounter.current}-${now}`;\n      const createdAt = options.createdAt ?? now;\n\n      const persistentItem: PersistentNotificationItem = {\n        id,\n        theme: options.theme,\n        title: options.title,\n        description: options.description,\n        icon: options.icon,\n        actions: options.actions ?? undefined,\n        createdAt,\n        updatedAt: createdAt,\n        ownerId: ownerIdRef.current,\n      };\n\n      addPersistentItem(persistentItem);\n\n      return {\n        id,\n        dismiss: () => {\n          removePersistentItem(id);\n        },\n      };\n    },\n  );\n\n  // ─── API ──────────────────────────────────────────────────────────\n\n  const notify = useEvent(\n    (options: NotificationOptions): NotificationHandle => {\n      // Stale closure guard\n      if (!isMountedRef.current) {\n        return {\n          id: options.id ?? '',\n          dismiss: () => {},\n        };\n      }\n\n      lastOptionsRef.current = options;\n\n      if (isStoredMode(options)) {\n        return createStoredHandle(options);\n      }\n\n      // Overlay mode\n      const overlayOptions: OverlayNotificationOptions = {\n        ...options,\n        mode: 'overlay',\n      };\n\n      const notificationId = addNotification(\n        overlayOptions,\n        ownerIdRef.current,\n      );\n\n      return {\n        id: notificationId,\n        dismiss: () => {\n          if (isMountedRef.current) {\n            removeNotification(notificationId, 'api');\n          }\n        },\n      };\n    },\n  );\n\n  // `record()` is intentionally kept as a separate method from `notify()` to make\n  // the API more explicit: `record()` always stores directly to the persistent list\n  // (no overlay), while `notify()` defaults to overlay mode. Having both avoids\n  // the caller needing to remember to pass `mode: 'stored'` every time.\n  const record = useEvent(\n    (options: Omit<StoredNotificationOptions, 'mode'>): NotificationHandle => {\n      // Stale closure guard\n      if (!isMountedRef.current) {\n        return {\n          id: options.id ?? '',\n          dismiss: () => {},\n        };\n      }\n\n      lastOptionsRef.current = { ...options, mode: 'stored' };\n\n      return createStoredHandle(options);\n    },\n  );\n\n  const dismiss = useEvent((id: Key) => {\n    if (!isMountedRef.current) return;\n\n    removeNotification(id, 'api');\n  });\n\n  // ─── Ownership Cleanup ────────────────────────────────────────────\n\n  useEffect(() => {\n    isMountedRef.current = true;\n\n    // Cancel any pending cleanup (Strict Mode re-mount)\n    if (cleanupTimerRef.current) {\n      clearTimeout(cleanupTimerRef.current);\n      cleanupTimerRef.current = null;\n    }\n\n    return () => {\n      isMountedRef.current = false;\n\n      // Deferred cleanup — cancelled if owner re-mounts within same tick\n      // (Strict Mode / Suspense safe)\n      cleanupTimerRef.current = setTimeout(() => {\n        removeByOwner(ownerIdRef.current);\n        removePersistentItemsByOwner(ownerIdRef.current);\n      }, 0);\n    };\n  }, [removeByOwner, removePersistentItemsByOwner]);\n\n  return { notify, record, dismiss };\n}\n"],"mappings":";;;;;;;AAgBA,IAAI,iBAAiB;AAErB,SAAS,kBAA0B;AACjC,mBAAkB;AAClB,QAAO,eAAe,eAAe,GAAG,KAAK,KAAK;;AAGpD,SAAS,aACP,SACsC;AACtC,QAAO,QAAQ,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqC1B,SAAgB,mBAAqC;CACnD,MAAM,EACJ,iBACA,oBACA,mBACA,sBACA,eACA,iCACE,wBAAwB;CAE5B,MAAM,aAAa,OAAe,iBAAiB,CAAC;CACpD,MAAM,eAAe,OAAO,KAAK;CACjC,MAAM,kBAAkB,OAA6C,KAAK;CAG1E,MAAM,iBAAiB,OAAmC,KAAK;AAI/D,SACE,eAAe,WACb,gBAAgB,eAAe,WAC/B,eAAe,QAAQ,eAAe,QACtC,eAAe,QAAQ,MAAM,MAC/B;EACE,MAAM;EACN,KAAK,CAAC,gBAAgB,wBAAwB;EAC9C,MAAM,CACJ,yFACD;EACF,CACF;AAED,SACE,eAAe,SAAS,SAAS,YAC/B,eAAe,QAAQ,MAAM,MAC/B;EACE,MAAM;EACN,KAAK,CAAC,gBAAgB,oBAAoB;EAC1C,MAAM,CACJ,qFACD;EACF,CACF;CAID,MAAM,kBAAkB,OAAO,EAAE;CAEjC,MAAM,qBAAqB,UACxB,YAAyE;AACxE,kBAAgB,WAAW;EAC3B,MAAM,MAAM,KAAK,KAAK;EACtB,MAAM,KAAK,QAAQ,MAAM,UAAU,gBAAgB,QAAQ,GAAG;EAC9D,MAAM,YAAY,QAAQ,aAAa;AAcvC,oBAZmD;GACjD;GACA,OAAO,QAAQ;GACf,OAAO,QAAQ;GACf,aAAa,QAAQ;GACrB,MAAM,QAAQ;GACd,SAAS,QAAQ,WAAW;GAC5B;GACA,WAAW;GACX,SAAS,WAAW;GACrB,CAEgC;AAEjC,SAAO;GACL;GACA,eAAe;AACb,yBAAqB,GAAG;;GAE3B;GAEJ;CAID,MAAM,SAAS,UACZ,YAAqD;AAEpD,MAAI,CAAC,aAAa,QAChB,QAAO;GACL,IAAI,QAAQ,MAAM;GAClB,eAAe;GAChB;AAGH,iBAAe,UAAU;AAEzB,MAAI,aAAa,QAAQ,CACvB,QAAO,mBAAmB,QAAQ;EASpC,MAAM,iBAAiB,gBAL4B;GACjD,GAAG;GACH,MAAM;GACP,EAIC,WAAW,QACZ;AAED,SAAO;GACL,IAAI;GACJ,eAAe;AACb,QAAI,aAAa,QACf,oBAAmB,gBAAgB,MAAM;;GAG9C;GAEJ;CAMD,MAAM,SAAS,UACZ,YAAyE;AAExE,MAAI,CAAC,aAAa,QAChB,QAAO;GACL,IAAI,QAAQ,MAAM;GAClB,eAAe;GAChB;AAGH,iBAAe,UAAU;GAAE,GAAG;GAAS,MAAM;GAAU;AAEvD,SAAO,mBAAmB,QAAQ;GAErC;CAED,MAAM,UAAU,UAAU,OAAY;AACpC,MAAI,CAAC,aAAa,QAAS;AAE3B,qBAAmB,IAAI,MAAM;GAC7B;AAIF,iBAAgB;AACd,eAAa,UAAU;AAGvB,MAAI,gBAAgB,SAAS;AAC3B,gBAAa,gBAAgB,QAAQ;AACrC,mBAAgB,UAAU;;AAG5B,eAAa;AACX,gBAAa,UAAU;AAIvB,mBAAgB,UAAU,iBAAiB;AACzC,kBAAc,WAAW,QAAQ;AACjC,iCAA6B,WAAW,QAAQ;MAC/C,EAAE;;IAEN,CAAC,eAAe,6BAA6B,CAAC;AAEjD,QAAO;EAAE;EAAQ;EAAQ;EAAS"}
+{"version":3,"file":"use-notifications.js","names":["Key","useEffect","useRef","useEvent","useWarn","useNotificationContext","NotificationHandle","NotificationOptions","NotificationsApi","OverlayNotificationOptions","PersistentNotificationItem","StoredNotificationOptions","ownerIdCounter","generateOwnerId","Date","now","isStoredMode","options","mode","useNotifications","addNotification","removeNotification","addPersistentItem","removePersistentItem","removeByOwner","removePersistentItemsByOwner","ownerIdRef","isMountedRef","cleanupTimerRef","ReturnType","setTimeout","lastOptionsRef","current","persistent","id","once","key","args","storedIdCounter","createStoredHandle","Omit","createdAt","persistentItem","theme","title","description","icon","actions","undefined","updatedAt","ownerId","dismiss","notify","overlayOptions","notificationId","record","clearTimeout"],"sources":["../../../../src/components/overlays/Notifications/use-notifications.ts"],"sourcesContent":["import { Key, useEffect, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { useWarn } from '../../../_internal/hooks/use-warn';\n\nimport { useNotificationContext } from './NotificationContext';\n\nimport type {\n  NotificationHandle,\n  NotificationOptions,\n  NotificationsApi,\n  OverlayNotificationOptions,\n  PersistentNotificationItem,\n  StoredNotificationOptions,\n} from './types';\n\nlet ownerIdCounter = 0;\n\nfunction generateOwnerId(): string {\n  ownerIdCounter += 1;\n  return `notif-owner-${ownerIdCounter}-${Date.now()}`;\n}\n\nfunction isStoredMode(\n  options: NotificationOptions,\n): options is StoredNotificationOptions {\n  return options.mode === 'stored';\n}\n\n/**\n * Hook to display and manage notifications.\n *\n * Each hook instance acts as an owner scope:\n * - `notify()` created from this instance attaches ownership metadata.\n * - On unmount, all attached visible overlay notifications are dismissed.\n * - On unmount, all attached persistent records are also removed.\n * - `notify()`/`dismiss()` calls from stale closures after unmount are no-ops.\n *\n * @example\n * ```tsx\n * const { notify, record, dismiss } = useNotifications();\n *\n * notify({\n *   id: 'deploy:123',\n *   theme: 'success',\n *   title: 'Deployment completed',\n *   description: 'Version 1.4.2 is live.',\n *   actions: (\n *     <>\n *       <Notification.Action onPress={() => openLogs()}>View logs</Notification.Action>\n *       <Notification.Action onPress={() => openDeployment()}>Open</Notification.Action>\n *     </>\n *   ),\n * });\n *\n * // Store directly to persistent list (no overlay)\n * record({\n *   id: 'server:alert-1',\n *   theme: 'warning',\n *   title: 'Server alert',\n * });\n * ```\n */\nexport function useNotifications(): NotificationsApi {\n  const {\n    addNotification,\n    removeNotification,\n    addPersistentItem,\n    removePersistentItem,\n    removeByOwner,\n    removePersistentItemsByOwner,\n  } = useNotificationContext();\n\n  const ownerIdRef = useRef<string>(generateOwnerId());\n  const isMountedRef = useRef(true);\n  const cleanupTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Track current options for validation\n  const lastOptionsRef = useRef<NotificationOptions | null>(null);\n\n  // ─── Validation Warnings ──────────────────────────────────────────\n\n  useWarn(\n    lastOptionsRef.current &&\n      'persistent' in lastOptionsRef.current &&\n      lastOptionsRef.current.persistent === true &&\n      lastOptionsRef.current.id == null,\n    {\n      once: false,\n      key: ['Notification', 'persistent-without-id'],\n      args: [\n        'Notification: `persistent: true` requires an explicit `id` for reliable dedupe/upsert.',\n      ],\n    },\n  );\n\n  useWarn(\n    lastOptionsRef.current?.mode === 'stored' &&\n      lastOptionsRef.current.id == null,\n    {\n      once: false,\n      key: ['Notification', 'stored-without-id'],\n      args: [\n        'Notification: `mode: \"stored\"` should have an explicit `id` for reliable upsert.',\n      ],\n    },\n  );\n\n  // ─── Helpers ─────────────────────────────────────────────────────\n\n  const storedIdCounter = useRef(0);\n\n  const createStoredHandle = useEvent(\n    (options: Omit<StoredNotificationOptions, 'mode'>): NotificationHandle => {\n      storedIdCounter.current += 1;\n      const now = Date.now();\n      const id = options.id ?? `stored-${storedIdCounter.current}-${now}`;\n      const createdAt = options.createdAt ?? now;\n\n      const persistentItem: PersistentNotificationItem = {\n        id,\n        theme: options.theme,\n        title: options.title,\n        description: options.description,\n        icon: options.icon,\n        actions: options.actions ?? undefined,\n        createdAt,\n        updatedAt: createdAt,\n        ownerId: ownerIdRef.current,\n      };\n\n      addPersistentItem(persistentItem);\n\n      return {\n        id,\n        dismiss: () => {\n          removePersistentItem(id);\n        },\n      };\n    },\n  );\n\n  // ─── API ──────────────────────────────────────────────────────────\n\n  const notify = useEvent(\n    (options: NotificationOptions): NotificationHandle => {\n      // Stale closure guard\n      if (!isMountedRef.current) {\n        return {\n          id: options.id ?? '',\n          dismiss: () => {},\n        };\n      }\n\n      lastOptionsRef.current = options;\n\n      if (isStoredMode(options)) {\n        return createStoredHandle(options);\n      }\n\n      // Overlay mode\n      const overlayOptions: OverlayNotificationOptions = {\n        ...options,\n        mode: 'overlay',\n      };\n\n      const notificationId = addNotification(\n        overlayOptions,\n        ownerIdRef.current,\n      );\n\n      return {\n        id: notificationId,\n        dismiss: () => {\n          if (isMountedRef.current) {\n            removeNotification(notificationId, 'api');\n          }\n        },\n      };\n    },\n  );\n\n  // `record()` is intentionally kept as a separate method from `notify()` to make\n  // the API more explicit: `record()` always stores directly to the persistent list\n  // (no overlay), while `notify()` defaults to overlay mode. Having both avoids\n  // the caller needing to remember to pass `mode: 'stored'` every time.\n  const record = useEvent(\n    (options: Omit<StoredNotificationOptions, 'mode'>): NotificationHandle => {\n      // Stale closure guard\n      if (!isMountedRef.current) {\n        return {\n          id: options.id ?? '',\n          dismiss: () => {},\n        };\n      }\n\n      lastOptionsRef.current = { ...options, mode: 'stored' };\n\n      return createStoredHandle(options);\n    },\n  );\n\n  const dismiss = useEvent((id: Key) => {\n    if (!isMountedRef.current) return;\n\n    removeNotification(id, 'api');\n  });\n\n  // ─── Ownership Cleanup ────────────────────────────────────────────\n\n  useEffect(() => {\n    isMountedRef.current = true;\n\n    // Cancel any pending cleanup (Strict Mode re-mount)\n    if (cleanupTimerRef.current) {\n      clearTimeout(cleanupTimerRef.current);\n      cleanupTimerRef.current = null;\n    }\n\n    return () => {\n      isMountedRef.current = false;\n\n      // Deferred cleanup — cancelled if owner re-mounts within same tick\n      // (Strict Mode / Suspense safe)\n      cleanupTimerRef.current = setTimeout(() => {\n        removeByOwner(ownerIdRef.current);\n        removePersistentItemsByOwner(ownerIdRef.current);\n      }, 0);\n    };\n  }, [removeByOwner, removePersistentItemsByOwner]);\n\n  return { notify, record, dismiss };\n}\n"],"mappings":"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"}

package/dist/components/overlays/Notifications/use-overlay-timers.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useEffect, useRef } from "react";
 
@@ -83,18 +83,18 @@ function useOverlayTimers(deps) {
 	const toastManager = useRef(null);
 	const notifManager = useRef(null);
 	if (!toastManager.current) toastManager.current = createTimerManager(toastTimersMap, pausedMap, isPausedRef, (id) => removeToast(id), (internalId) => toastsRef.current?.find((t) => t.internalId === internalId));
-	if (!notifManager.current) notifManager.current = createTimerManager(notificationTimersMap, pausedMap, isPausedRef, (id) => removeNotification(id, "timeout"), (internalId) => notificationsRef.current?.find((n) => n.internalId === internalId));
-	const startToastTimer = useEvent((internalId, id, duration) => {
-		toastManager.current.start(internalId, id, duration);
+	if (!notifManager.current) notifManager.current = createTimerManager(notificationTimersMap, pausedMap, isPausedRef, (id_0) => removeNotification(id_0, "timeout"), (internalId_0) => notificationsRef.current?.find((n) => n.internalId === internalId_0));
+	const startToastTimer = useEvent((internalId_1, id_1, duration) => {
+		toastManager.current.start(internalId_1, id_1, duration);
 	});
-	const clearToastTimer = useEvent((internalId) => {
-		toastManager.current.clear(internalId);
+	const clearToastTimer = useEvent((internalId_2) => {
+		toastManager.current.clear(internalId_2);
 	});
-	const startNotificationTimer = useEvent((internalId, id, duration) => {
-		notifManager.current.start(internalId, id, duration);
+	const startNotificationTimer = useEvent((internalId_3, id_2, duration_0) => {
+		notifManager.current.start(internalId_3, id_2, duration_0);
 	});
-	const clearNotificationTimer = useEvent((internalId) => {
-		notifManager.current.clear(internalId);
+	const clearNotificationTimer = useEvent((internalId_4) => {
+		notifManager.current.clear(internalId_4);
 	});
 	const handlePauseChange = useEvent((paused) => {
 		if (paused === isPausedRef.current) return;

package/dist/components/overlays/Notifications/use-overlay-timers.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-overlay-timers.js","names":[],"sources":["../../../../src/components/overlays/Notifications/use-overlay-timers.ts"],"sourcesContent":["import { Key, useEffect, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal';\n\nimport type { InternalToast } from '../Toast/types';\nimport type { DismissReason, InternalNotification } from './types';\n\n// ─── Types ───────────────────────────────────────────────────────────\n\nexport interface OverlayTimers {\n  /** Start a toast auto-dismiss timer */\n  startToastTimer: (internalId: string, id: Key, duration: number) => void;\n  /** Clear a toast timer */\n  clearToastTimer: (internalId: string) => void;\n  /** Start a notification auto-dismiss timer */\n  startNotificationTimer: (\n    internalId: string,\n    id: Key,\n    duration: number,\n  ) => void;\n  /** Clear a notification timer */\n  clearNotificationTimer: (internalId: string) => void;\n  /** Handle pause/resume of all timers (e.g. on hover/focus) */\n  handlePauseChange: (paused: boolean) => void;\n}\n\nexport interface OverlayTimersDeps {\n  /** Ref to current toasts (for resume lookup) */\n  toastsRef: ReturnType<typeof useRef<InternalToast[]>>;\n  /** Ref to current notifications (for resume lookup) */\n  notificationsRef: ReturnType<typeof useRef<InternalNotification[]>>;\n  /** Remove a toast by id */\n  removeToast: (id: Key) => void;\n  /** Remove a notification by id with reason (also invokes onDismiss callback) */\n  removeNotification: (id: Key, reason: DismissReason) => void;\n}\n\n// ─── Timer Manager Factory ───────────────────────────────────────────\n\ninterface TimerManager {\n  start: (internalId: string, id: Key, duration: number) => void;\n  clear: (internalId: string) => void;\n  pauseAll: () => void;\n  resumeAll: () => void;\n  clearAll: () => void;\n}\n\n/**\n * Creates a start/clear/pause/resume pair for a single timer category.\n * Eliminates duplication between toast and notification timer logic.\n */\nfunction createTimerManager(\n  timersMap: Map<string, ReturnType<typeof setTimeout>>,\n  pausedMap: Map<string, { remaining: number; startedAt: number }>,\n  isPausedRef: ReturnType<typeof useRef<boolean>>,\n  onTimeout: (id: Key) => void,\n  findItem: (\n    internalId: string,\n  ) => { id?: Key; internalId: string; isExiting?: boolean } | undefined,\n): TimerManager {\n  const clear = (internalId: string) => {\n    const timer = timersMap.get(internalId);\n\n    if (timer) {\n      clearTimeout(timer);\n      timersMap.delete(internalId);\n    }\n\n    pausedMap.delete(internalId);\n  };\n\n  const start = (internalId: string, id: Key, duration: number) => {\n    clear(internalId);\n\n    pausedMap.set(internalId, {\n      remaining: duration,\n      startedAt: Date.now(),\n    });\n\n    if (isPausedRef.current) {\n      return;\n    }\n\n    const timer = setTimeout(() => {\n      onTimeout(id);\n    }, duration);\n\n    timersMap.set(internalId, timer);\n  };\n\n  const pauseAll = () => {\n    timersMap.forEach((timer, internalId) => {\n      clearTimeout(timer);\n      timersMap.delete(internalId);\n\n      const info = pausedMap.get(internalId);\n\n      if (info) {\n        const elapsed = Date.now() - info.startedAt;\n        pausedMap.set(internalId, {\n          remaining: Math.max(0, info.remaining - elapsed),\n          startedAt: Date.now(),\n        });\n      }\n    });\n  };\n\n  const resumeAll = () => {\n    pausedMap.forEach((info, internalId) => {\n      const item = findItem(internalId);\n\n      if (info.remaining <= 0) {\n        pausedMap.delete(internalId);\n\n        if (item && !item.isExiting) {\n          onTimeout(item.id ?? item.internalId);\n        }\n\n        return;\n      }\n\n      if (item && !item.isExiting) {\n        const timer = setTimeout(() => {\n          onTimeout(item.id ?? item.internalId);\n        }, info.remaining);\n\n        timersMap.set(internalId, timer);\n        pausedMap.set(internalId, {\n          remaining: info.remaining,\n          startedAt: Date.now(),\n        });\n      }\n    });\n  };\n\n  const clearAll = () => {\n    timersMap.forEach((timer) => clearTimeout(timer));\n    timersMap.clear();\n  };\n\n  return { start, clear, pauseAll, resumeAll, clearAll };\n}\n\n// ─── Hook ────────────────────────────────────────────────────────────\n\nexport function useOverlayTimers(deps: OverlayTimersDeps): OverlayTimers {\n  const { toastsRef, notificationsRef, removeToast, removeNotification } = deps;\n\n  const toastTimersMap = useRef(\n    new Map<string, ReturnType<typeof setTimeout>>(),\n  ).current;\n  const notificationTimersMap = useRef(\n    new Map<string, ReturnType<typeof setTimeout>>(),\n  ).current;\n  const isPausedRef = useRef(false);\n\n  // Shared paused-timers map. Toast and notification internalIds use distinct prefixes\n  // ('toast-' and 'notif-') so they coexist safely in a single map.\n  const pausedMap = useRef(\n    new Map<string, { remaining: number; startedAt: number }>(),\n  ).current;\n\n  const toastManager = useRef<TimerManager | null>(null);\n  const notifManager = useRef<TimerManager | null>(null);\n\n  // Lazily create managers — deps are stable (useEvent / refs), so this runs once.\n  if (!toastManager.current) {\n    toastManager.current = createTimerManager(\n      toastTimersMap,\n      pausedMap,\n      isPausedRef,\n      (id) => removeToast(id),\n      (internalId) =>\n        toastsRef.current?.find((t) => t.internalId === internalId),\n    );\n  }\n\n  if (!notifManager.current) {\n    notifManager.current = createTimerManager(\n      notificationTimersMap,\n      pausedMap,\n      isPausedRef,\n      (id) => removeNotification(id, 'timeout'),\n      (internalId) =>\n        notificationsRef.current?.find((n) => n.internalId === internalId),\n    );\n  }\n\n  // ─── Stable callbacks ──────────────────────────────────────────────\n\n  const startToastTimer = useEvent(\n    (internalId: string, id: Key, duration: number) => {\n      toastManager.current!.start(internalId, id, duration);\n    },\n  );\n\n  const clearToastTimer = useEvent((internalId: string) => {\n    toastManager.current!.clear(internalId);\n  });\n\n  const startNotificationTimer = useEvent(\n    (internalId: string, id: Key, duration: number) => {\n      notifManager.current!.start(internalId, id, duration);\n    },\n  );\n\n  const clearNotificationTimer = useEvent((internalId: string) => {\n    notifManager.current!.clear(internalId);\n  });\n\n  // ─── Pause / Resume ─────────────────────────────────────────────\n\n  const handlePauseChange = useEvent((paused: boolean) => {\n    if (paused === isPausedRef.current) return;\n\n    isPausedRef.current = paused;\n\n    if (paused) {\n      toastManager.current!.pauseAll();\n      notifManager.current!.pauseAll();\n    } else {\n      toastManager.current!.resumeAll();\n      notifManager.current!.resumeAll();\n    }\n  });\n\n  // ─── Cleanup on unmount ─────────────────────────────────────────\n\n  useEffect(() => {\n    return () => {\n      toastManager.current!.clearAll();\n      notifManager.current!.clearAll();\n      pausedMap.clear();\n    };\n  }, []);\n\n  return {\n    startToastTimer,\n    clearToastTimer,\n    startNotificationTimer,\n    clearNotificationTimer,\n    handlePauseChange,\n  };\n}\n"],"mappings":";;;;;;;;;AAmDA,SAAS,mBACP,WACA,WACA,aACA,WACA,UAGc;CACd,MAAM,SAAS,eAAuB;EACpC,MAAM,QAAQ,UAAU,IAAI,WAAW;AAEvC,MAAI,OAAO;AACT,gBAAa,MAAM;AACnB,aAAU,OAAO,WAAW;;AAG9B,YAAU,OAAO,WAAW;;CAG9B,MAAM,SAAS,YAAoB,IAAS,aAAqB;AAC/D,QAAM,WAAW;AAEjB,YAAU,IAAI,YAAY;GACxB,WAAW;GACX,WAAW,KAAK,KAAK;GACtB,CAAC;AAEF,MAAI,YAAY,QACd;EAGF,MAAM,QAAQ,iBAAiB;AAC7B,aAAU,GAAG;KACZ,SAAS;AAEZ,YAAU,IAAI,YAAY,MAAM;;CAGlC,MAAM,iBAAiB;AACrB,YAAU,SAAS,OAAO,eAAe;AACvC,gBAAa,MAAM;AACnB,aAAU,OAAO,WAAW;GAE5B,MAAM,OAAO,UAAU,IAAI,WAAW;AAEtC,OAAI,MAAM;IACR,MAAM,UAAU,KAAK,KAAK,GAAG,KAAK;AAClC,cAAU,IAAI,YAAY;KACxB,WAAW,KAAK,IAAI,GAAG,KAAK,YAAY,QAAQ;KAChD,WAAW,KAAK,KAAK;KACtB,CAAC;;IAEJ;;CAGJ,MAAM,kBAAkB;AACtB,YAAU,SAAS,MAAM,eAAe;GACtC,MAAM,OAAO,SAAS,WAAW;AAEjC,OAAI,KAAK,aAAa,GAAG;AACvB,cAAU,OAAO,WAAW;AAE5B,QAAI,QAAQ,CAAC,KAAK,UAChB,WAAU,KAAK,MAAM,KAAK,WAAW;AAGvC;;AAGF,OAAI,QAAQ,CAAC,KAAK,WAAW;IAC3B,MAAM,QAAQ,iBAAiB;AAC7B,eAAU,KAAK,MAAM,KAAK,WAAW;OACpC,KAAK,UAAU;AAElB,cAAU,IAAI,YAAY,MAAM;AAChC,cAAU,IAAI,YAAY;KACxB,WAAW,KAAK;KAChB,WAAW,KAAK,KAAK;KACtB,CAAC;;IAEJ;;CAGJ,MAAM,iBAAiB;AACrB,YAAU,SAAS,UAAU,aAAa,MAAM,CAAC;AACjD,YAAU,OAAO;;AAGnB,QAAO;EAAE;EAAO;EAAO;EAAU;EAAW;EAAU;;AAKxD,SAAgB,iBAAiB,MAAwC;CACvE,MAAM,EAAE,WAAW,kBAAkB,aAAa,uBAAuB;CAEzE,MAAM,iBAAiB,uBACrB,IAAI,KAA4C,CACjD,CAAC;CACF,MAAM,wBAAwB,uBAC5B,IAAI,KAA4C,CACjD,CAAC;CACF,MAAM,cAAc,OAAO,MAAM;CAIjC,MAAM,YAAY,uBAChB,IAAI,KAAuD,CAC5D,CAAC;CAEF,MAAM,eAAe,OAA4B,KAAK;CACtD,MAAM,eAAe,OAA4B,KAAK;AAGtD,KAAI,CAAC,aAAa,QAChB,cAAa,UAAU,mBACrB,gBACA,WACA,cACC,OAAO,YAAY,GAAG,GACtB,eACC,UAAU,SAAS,MAAM,MAAM,EAAE,eAAe,WAAW,CAC9D;AAGH,KAAI,CAAC,aAAa,QAChB,cAAa,UAAU,mBACrB,uBACA,WACA,cACC,OAAO,mBAAmB,IAAI,UAAU,GACxC,eACC,iBAAiB,SAAS,MAAM,MAAM,EAAE,eAAe,WAAW,CACrE;CAKH,MAAM,kBAAkB,UACrB,YAAoB,IAAS,aAAqB;AACjD,eAAa,QAAS,MAAM,YAAY,IAAI,SAAS;GAExD;CAED,MAAM,kBAAkB,UAAU,eAAuB;AACvD,eAAa,QAAS,MAAM,WAAW;GACvC;CAEF,MAAM,yBAAyB,UAC5B,YAAoB,IAAS,aAAqB;AACjD,eAAa,QAAS,MAAM,YAAY,IAAI,SAAS;GAExD;CAED,MAAM,yBAAyB,UAAU,eAAuB;AAC9D,eAAa,QAAS,MAAM,WAAW;GACvC;CAIF,MAAM,oBAAoB,UAAU,WAAoB;AACtD,MAAI,WAAW,YAAY,QAAS;AAEpC,cAAY,UAAU;AAEtB,MAAI,QAAQ;AACV,gBAAa,QAAS,UAAU;AAChC,gBAAa,QAAS,UAAU;SAC3B;AACL,gBAAa,QAAS,WAAW;AACjC,gBAAa,QAAS,WAAW;;GAEnC;AAIF,iBAAgB;AACd,eAAa;AACX,gBAAa,QAAS,UAAU;AAChC,gBAAa,QAAS,UAAU;AAChC,aAAU,OAAO;;IAElB,EAAE,CAAC;AAEN,QAAO;EACL;EACA;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"use-overlay-timers.js","names":["Key","useEffect","useRef","useEvent","InternalToast","DismissReason","InternalNotification","OverlayTimers","startToastTimer","internalId","id","duration","clearToastTimer","startNotificationTimer","clearNotificationTimer","handlePauseChange","paused","OverlayTimersDeps","toastsRef","ReturnType","notificationsRef","removeToast","removeNotification","reason","TimerManager","start","clear","pauseAll","resumeAll","clearAll","createTimerManager","timersMap","Map","setTimeout","pausedMap","remaining","startedAt","isPausedRef","onTimeout","findItem","isExiting","timer","get","clearTimeout","delete","set","Date","now","current","forEach","info","elapsed","Math","max","item","useOverlayTimers","deps","toastTimersMap","notificationTimersMap","toastManager","notifManager","find","t","n"],"sources":["../../../../src/components/overlays/Notifications/use-overlay-timers.ts"],"sourcesContent":["import { Key, useEffect, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal';\n\nimport type { InternalToast } from '../Toast/types';\nimport type { DismissReason, InternalNotification } from './types';\n\n// ─── Types ───────────────────────────────────────────────────────────\n\nexport interface OverlayTimers {\n  /** Start a toast auto-dismiss timer */\n  startToastTimer: (internalId: string, id: Key, duration: number) => void;\n  /** Clear a toast timer */\n  clearToastTimer: (internalId: string) => void;\n  /** Start a notification auto-dismiss timer */\n  startNotificationTimer: (\n    internalId: string,\n    id: Key,\n    duration: number,\n  ) => void;\n  /** Clear a notification timer */\n  clearNotificationTimer: (internalId: string) => void;\n  /** Handle pause/resume of all timers (e.g. on hover/focus) */\n  handlePauseChange: (paused: boolean) => void;\n}\n\nexport interface OverlayTimersDeps {\n  /** Ref to current toasts (for resume lookup) */\n  toastsRef: ReturnType<typeof useRef<InternalToast[]>>;\n  /** Ref to current notifications (for resume lookup) */\n  notificationsRef: ReturnType<typeof useRef<InternalNotification[]>>;\n  /** Remove a toast by id */\n  removeToast: (id: Key) => void;\n  /** Remove a notification by id with reason (also invokes onDismiss callback) */\n  removeNotification: (id: Key, reason: DismissReason) => void;\n}\n\n// ─── Timer Manager Factory ───────────────────────────────────────────\n\ninterface TimerManager {\n  start: (internalId: string, id: Key, duration: number) => void;\n  clear: (internalId: string) => void;\n  pauseAll: () => void;\n  resumeAll: () => void;\n  clearAll: () => void;\n}\n\n/**\n * Creates a start/clear/pause/resume pair for a single timer category.\n * Eliminates duplication between toast and notification timer logic.\n */\nfunction createTimerManager(\n  timersMap: Map<string, ReturnType<typeof setTimeout>>,\n  pausedMap: Map<string, { remaining: number; startedAt: number }>,\n  isPausedRef: ReturnType<typeof useRef<boolean>>,\n  onTimeout: (id: Key) => void,\n  findItem: (\n    internalId: string,\n  ) => { id?: Key; internalId: string; isExiting?: boolean } | undefined,\n): TimerManager {\n  const clear = (internalId: string) => {\n    const timer = timersMap.get(internalId);\n\n    if (timer) {\n      clearTimeout(timer);\n      timersMap.delete(internalId);\n    }\n\n    pausedMap.delete(internalId);\n  };\n\n  const start = (internalId: string, id: Key, duration: number) => {\n    clear(internalId);\n\n    pausedMap.set(internalId, {\n      remaining: duration,\n      startedAt: Date.now(),\n    });\n\n    if (isPausedRef.current) {\n      return;\n    }\n\n    const timer = setTimeout(() => {\n      onTimeout(id);\n    }, duration);\n\n    timersMap.set(internalId, timer);\n  };\n\n  const pauseAll = () => {\n    timersMap.forEach((timer, internalId) => {\n      clearTimeout(timer);\n      timersMap.delete(internalId);\n\n      const info = pausedMap.get(internalId);\n\n      if (info) {\n        const elapsed = Date.now() - info.startedAt;\n        pausedMap.set(internalId, {\n          remaining: Math.max(0, info.remaining - elapsed),\n          startedAt: Date.now(),\n        });\n      }\n    });\n  };\n\n  const resumeAll = () => {\n    pausedMap.forEach((info, internalId) => {\n      const item = findItem(internalId);\n\n      if (info.remaining <= 0) {\n        pausedMap.delete(internalId);\n\n        if (item && !item.isExiting) {\n          onTimeout(item.id ?? item.internalId);\n        }\n\n        return;\n      }\n\n      if (item && !item.isExiting) {\n        const timer = setTimeout(() => {\n          onTimeout(item.id ?? item.internalId);\n        }, info.remaining);\n\n        timersMap.set(internalId, timer);\n        pausedMap.set(internalId, {\n          remaining: info.remaining,\n          startedAt: Date.now(),\n        });\n      }\n    });\n  };\n\n  const clearAll = () => {\n    timersMap.forEach((timer) => clearTimeout(timer));\n    timersMap.clear();\n  };\n\n  return { start, clear, pauseAll, resumeAll, clearAll };\n}\n\n// ─── Hook ────────────────────────────────────────────────────────────\n\nexport function useOverlayTimers(deps: OverlayTimersDeps): OverlayTimers {\n  const { toastsRef, notificationsRef, removeToast, removeNotification } = deps;\n\n  const toastTimersMap = useRef(\n    new Map<string, ReturnType<typeof setTimeout>>(),\n  ).current;\n  const notificationTimersMap = useRef(\n    new Map<string, ReturnType<typeof setTimeout>>(),\n  ).current;\n  const isPausedRef = useRef(false);\n\n  // Shared paused-timers map. Toast and notification internalIds use distinct prefixes\n  // ('toast-' and 'notif-') so they coexist safely in a single map.\n  const pausedMap = useRef(\n    new Map<string, { remaining: number; startedAt: number }>(),\n  ).current;\n\n  const toastManager = useRef<TimerManager | null>(null);\n  const notifManager = useRef<TimerManager | null>(null);\n\n  // Lazily create managers — deps are stable (useEvent / refs), so this runs once.\n  if (!toastManager.current) {\n    toastManager.current = createTimerManager(\n      toastTimersMap,\n      pausedMap,\n      isPausedRef,\n      (id) => removeToast(id),\n      (internalId) =>\n        toastsRef.current?.find((t) => t.internalId === internalId),\n    );\n  }\n\n  if (!notifManager.current) {\n    notifManager.current = createTimerManager(\n      notificationTimersMap,\n      pausedMap,\n      isPausedRef,\n      (id) => removeNotification(id, 'timeout'),\n      (internalId) =>\n        notificationsRef.current?.find((n) => n.internalId === internalId),\n    );\n  }\n\n  // ─── Stable callbacks ──────────────────────────────────────────────\n\n  const startToastTimer = useEvent(\n    (internalId: string, id: Key, duration: number) => {\n      toastManager.current!.start(internalId, id, duration);\n    },\n  );\n\n  const clearToastTimer = useEvent((internalId: string) => {\n    toastManager.current!.clear(internalId);\n  });\n\n  const startNotificationTimer = useEvent(\n    (internalId: string, id: Key, duration: number) => {\n      notifManager.current!.start(internalId, id, duration);\n    },\n  );\n\n  const clearNotificationTimer = useEvent((internalId: string) => {\n    notifManager.current!.clear(internalId);\n  });\n\n  // ─── Pause / Resume ─────────────────────────────────────────────\n\n  const handlePauseChange = useEvent((paused: boolean) => {\n    if (paused === isPausedRef.current) return;\n\n    isPausedRef.current = paused;\n\n    if (paused) {\n      toastManager.current!.pauseAll();\n      notifManager.current!.pauseAll();\n    } else {\n      toastManager.current!.resumeAll();\n      notifManager.current!.resumeAll();\n    }\n  });\n\n  // ─── Cleanup on unmount ─────────────────────────────────────────\n\n  useEffect(() => {\n    return () => {\n      toastManager.current!.clearAll();\n      notifManager.current!.clearAll();\n      pausedMap.clear();\n    };\n  }, []);\n\n  return {\n    startToastTimer,\n    clearToastTimer,\n    startNotificationTimer,\n    clearNotificationTimer,\n    handlePauseChange,\n  };\n}\n"],"mappings":"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"}

package/dist/components/overlays/Notifications/use-persistent-notifications.js

@@ -1,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { usePersistentNotificationsContext } from "./NotificationContext.js";
+import { c } from "react-compiler-runtime";
 import { useMemo } from "react";
 
 //#region src/components/overlays/Notifications/use-persistent-notifications.ts
@@ -49,11 +50,29 @@ function usePersistentNotifications() {
 * ```
 */
 function useNotificationsCount() {
+	const $ = c(5);
 	const { persistentItems } = usePersistentNotificationsContext();
-	return useMemo(() => ({
-		total: persistentItems.length,
-		unread: persistentItems.filter((i) => !i.isRead).length
-	}), [persistentItems]);
+	const t0 = persistentItems.length;
+	let t1;
+	if ($[0] !== persistentItems) {
+		t1 = persistentItems.filter(_temp);
+		$[0] = persistentItems;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== persistentItems.length || $[3] !== t1.length) {
+		t2 = {
+			total: t0,
+			unread: t1.length
+		};
+		$[2] = persistentItems.length;
+		$[3] = t1.length;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+}
+function _temp(i) {
+	return !i.isRead;
 }
 
 //#endregion

package/dist/components/overlays/Notifications/use-persistent-notifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-persistent-notifications.js","names":[],"sources":["../../../../src/components/overlays/Notifications/use-persistent-notifications.ts"],"sourcesContent":["import { Key, useMemo } from 'react';\n\nimport { usePersistentNotificationsContext } from './NotificationContext';\n\nimport type { PersistentNotificationItem } from './types';\n\n/**\n * Hook to access the persistent notifications list.\n *\n * Items are ordered newest first (by `createdAt`, descending).\n *\n * @example\n * ```tsx\n * const { items, count, remove, clear } = usePersistentNotifications();\n *\n * return (\n *   <div>\n *     <span>Notifications ({count})</span>\n *     {items.map(item => (\n *       <div key={item.id}>\n *         {item.title}\n *         <button onClick={() => remove(item.id)}>Remove</button>\n *       </div>\n *     ))}\n *     <button onClick={clear}>Clear all</button>\n *   </div>\n * );\n * ```\n */\nexport function usePersistentNotifications(): {\n  items: PersistentNotificationItem[];\n  count: number;\n  remove: (id: Key) => void;\n  clear: () => void;\n  markAllAsRead: () => void;\n} {\n  const {\n    persistentItems,\n    removePersistentItem,\n    clearPersistentItems,\n    markAllAsRead,\n  } = usePersistentNotificationsContext();\n\n  return useMemo(\n    () => ({\n      items: persistentItems,\n      count: persistentItems.length,\n      remove: removePersistentItem,\n      clear: clearPersistentItems,\n      markAllAsRead,\n    }),\n    [persistentItems],\n  );\n}\n\n/**\n * Hook to get total and unread counts for persistent notifications.\n *\n * - `total` — number of items in the persistent list.\n * - `unread` — items that haven't been seen in `PersistentNotificationsList` yet.\n *\n * @example\n * ```tsx\n * const { total, unread } = useNotificationsCount();\n * return <Badge count={unread} />;\n * ```\n */\nexport function useNotificationsCount(): { total: number; unread: number } {\n  const { persistentItems } = usePersistentNotificationsContext();\n\n  return useMemo(\n    () => ({\n      total: persistentItems.length,\n      unread: persistentItems.filter((i) => !i.isRead).length,\n    }),\n    [persistentItems],\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,6BAMd;CACA,MAAM,EACJ,iBACA,sBACA,sBACA,kBACE,mCAAmC;AAEvC,QAAO,eACE;EACL,OAAO;EACP,OAAO,gBAAgB;EACvB,QAAQ;EACR,OAAO;EACP;EACD,GACD,CAAC,gBAAgB,CAClB;;;;;;;;;;;;;;AAeH,SAAgB,wBAA2D;CACzE,MAAM,EAAE,oBAAoB,mCAAmC;AAE/D,QAAO,eACE;EACL,OAAO,gBAAgB;EACvB,QAAQ,gBAAgB,QAAQ,MAAM,CAAC,EAAE,OAAO,CAAC;EAClD,GACD,CAAC,gBAAgB,CAClB"}
+{"version":3,"file":"use-persistent-notifications.js","names":["Key","useMemo","usePersistentNotificationsContext","PersistentNotificationItem","usePersistentNotifications","items","count","remove","id","clear","markAllAsRead","persistentItems","removePersistentItem","clearPersistentItems","length","useNotificationsCount","$","_c","t0","t1","filter","_temp","t2","total","unread","i","isRead"],"sources":["../../../../src/components/overlays/Notifications/use-persistent-notifications.ts"],"sourcesContent":["import { Key, useMemo } from 'react';\n\nimport { usePersistentNotificationsContext } from './NotificationContext';\n\nimport type { PersistentNotificationItem } from './types';\n\n/**\n * Hook to access the persistent notifications list.\n *\n * Items are ordered newest first (by `createdAt`, descending).\n *\n * @example\n * ```tsx\n * const { items, count, remove, clear } = usePersistentNotifications();\n *\n * return (\n *   <div>\n *     <span>Notifications ({count})</span>\n *     {items.map(item => (\n *       <div key={item.id}>\n *         {item.title}\n *         <button onClick={() => remove(item.id)}>Remove</button>\n *       </div>\n *     ))}\n *     <button onClick={clear}>Clear all</button>\n *   </div>\n * );\n * ```\n */\nexport function usePersistentNotifications(): {\n  items: PersistentNotificationItem[];\n  count: number;\n  remove: (id: Key) => void;\n  clear: () => void;\n  markAllAsRead: () => void;\n} {\n  const {\n    persistentItems,\n    removePersistentItem,\n    clearPersistentItems,\n    markAllAsRead,\n  } = usePersistentNotificationsContext();\n\n  return useMemo(\n    () => ({\n      items: persistentItems,\n      count: persistentItems.length,\n      remove: removePersistentItem,\n      clear: clearPersistentItems,\n      markAllAsRead,\n    }),\n    [persistentItems],\n  );\n}\n\n/**\n * Hook to get total and unread counts for persistent notifications.\n *\n * - `total` — number of items in the persistent list.\n * - `unread` — items that haven't been seen in `PersistentNotificationsList` yet.\n *\n * @example\n * ```tsx\n * const { total, unread } = useNotificationsCount();\n * return <Badge count={unread} />;\n * ```\n */\nexport function useNotificationsCount(): { total: number; unread: number } {\n  const { persistentItems } = usePersistentNotificationsContext();\n\n  return useMemo(\n    () => ({\n      total: persistentItems.length,\n      unread: persistentItems.filter((i) => !i.isRead).length,\n    }),\n    [persistentItems],\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAgBI,6BAMd;CACA,MAAM,EACJO,iBACAC,sBACAC,sBACAH,kBACER,mCAAmC;AAEvC,QAAOD,eACE;EACLI,OAAOM;EACPL,OAAOK,gBAAgBG;EACvBP,QAAQK;EACRH,OAAOI;EACPH;EACD,GACD,CAACC,gBACH,CAAC;;;;;;;;;;;;;;AAeH,SAAOI,wBAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAN,oBAA4BT,mCAAmC;CAIpD,MAAAgB,KAAAP,gBAAeG;CAAO,IAAAK;AAAA,KAAAH,EAAA,OAAAL,iBAAA;AACrBQ,OAAAR,gBAAeS,OAAQC,MAAiB;AAAAL,IAAA,KAAAL;AAAAK,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAL,gBAAAG,UAAAE,EAAA,OAAAG,GAAAL,QAAA;AAF3CQ,OAAA;GAAAC,OACEL;GAAsBM,QACrBL,GAAwCL;GACjD;AAAAE,IAAA,KAAAL,gBAAAG;AAAAE,IAAA,KAAAG,GAAAL;AAAAE,IAAA,KAAAM;OAAAA,MAAAN,EAAA;AAAA,QAHMM;;AAJJ,SAAAD,MAAAI,GAAA;AAAA,QAMqC,CAACA,EAACC"}