@novu/react 3.0.0 → 3.0.3

package/dist/server/index.d.ts

@@ -1,141 +0,0 @@
-import { Notification, NotificationClickHandler, NotificationActionClickHandler, InboxProps as InboxProps$1, Appearance, Localization, Tab, PreferencesFilter, RouterPush } from '@novu/js/ui';
-export { Notification } from '@novu/js/ui';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Novu, NovuOptions, Notification as Notification$1, NovuError, Preference, NotificationFilter } from '@novu/js';
-import { ReactNode } from 'react';
-
-type NotificationsRenderer = (notification: Notification) => React.ReactNode;
-type SubjectRenderer = (notification: Notification) => React.ReactNode;
-type BodyRenderer = (notification: Notification) => React.ReactNode;
-type BellRenderer = (unreadCount: number) => React.ReactNode;
-type DefaultInboxProps = {
-    open?: boolean;
-    renderNotification?: NotificationsRenderer;
-    renderSubject?: SubjectRenderer;
-    renderBody?: BodyRenderer;
-    renderBell?: BellRenderer;
-    onNotificationClick?: NotificationClickHandler;
-    onPrimaryActionClick?: NotificationActionClickHandler;
-    onSecondaryActionClick?: NotificationActionClickHandler;
-    placement?: InboxProps$1['placement'];
-    placementOffset?: InboxProps$1['placementOffset'];
-};
-type BaseProps = {
-    applicationIdentifier: string;
-    subscriberId: string;
-    subscriberHash?: string;
-    backendUrl?: string;
-    socketUrl?: string;
-    appearance?: Appearance;
-    localization?: Localization;
-    tabs?: Array<Tab>;
-    preferencesFilter?: PreferencesFilter;
-    routerPush?: RouterPush;
-};
-type NotificationRendererProps = {
-    renderNotification: NotificationsRenderer;
-    renderSubject?: never;
-    renderBody?: never;
-};
-type SubjectBodyRendererProps = {
-    renderNotification?: never;
-    renderSubject?: SubjectRenderer;
-    renderBody?: BodyRenderer;
-};
-type NoRendererProps = {
-    renderNotification?: undefined;
-    renderSubject?: undefined;
-    renderBody?: undefined;
-};
-type DefaultProps = BaseProps & DefaultInboxProps & {
-    children?: never;
-} & (NotificationRendererProps | SubjectBodyRendererProps | NoRendererProps);
-type WithChildrenProps = BaseProps & {
-    children: React.ReactNode;
-};
-
-type InboxProps = DefaultProps | WithChildrenProps;
-
-type NovuProviderProps = NovuOptions & {
-    children: ReactNode;
-};
-declare const NovuProvider: ({ children, applicationIdentifier, subscriberId, subscriberHash, backendUrl, socketUrl, useCache, }: NovuProviderProps) => react_jsx_runtime.JSX.Element;
-declare const useNovu: () => Novu;
-
-type UseNotificationsProps = {
-    tags?: string[];
-    read?: boolean;
-    archived?: boolean;
-    limit?: number;
-    onSuccess?: (data: Notification$1[]) => void;
-    onError?: (error: NovuError) => void;
-};
-declare const useNotifications: (props?: UseNotificationsProps) => {
-    readAll: () => Promise<{
-        data?: void | undefined;
-        error?: NovuError | undefined;
-    }>;
-    archiveAll: () => Promise<{
-        data?: void | undefined;
-        error?: NovuError | undefined;
-    }>;
-    archiveAllRead: () => Promise<{
-        data?: void | undefined;
-        error?: NovuError | undefined;
-    }>;
-    notifications: Notification$1[] | undefined;
-    error: NovuError | undefined;
-    isLoading: boolean;
-    isFetching: boolean;
-    refetch: () => Promise<void>;
-    fetchMore: () => Promise<void>;
-    hasMore: boolean;
-};
-
-type UsePreferencesProps = {
-    filter?: {
-        tags?: string[];
-    };
-    onSuccess?: (data: Preference[]) => void;
-    onError?: (error: NovuError) => void;
-};
-type UsePreferencesResult = {
-    preferences?: Preference[];
-    error?: NovuError;
-    isLoading: boolean;
-    isFetching: boolean;
-    refetch: () => Promise<void>;
-};
-declare const usePreferences: (props?: UsePreferencesProps) => UsePreferencesResult;
-
-type Count = {
-    count: number;
-    filter: NotificationFilter;
-};
-type UseCountsProps = {
-    filters: NotificationFilter[];
-    onSuccess?: (data: Count[]) => void;
-    onError?: (error: NovuError) => void;
-};
-type UseCountsResult = {
-    counts?: Count[];
-    error?: NovuError;
-    isLoading: boolean;
-    isFetching: boolean;
-    refetch: () => Promise<void>;
-};
-declare const useCounts: (props: UseCountsProps) => UseCountsResult;
-
-/**
- * Exporting all components from the components folder
- * as empty functions to fix build errors in SSR
- * This will be replaced with actual components
- * when we implement the SSR components in @novu/js/ui
- */
-declare function Inbox(): void;
-declare function InboxContent(): void;
-declare function Notifications(): void;
-declare function Preferences(): void;
-declare function Bell(): void;
-
-export { type BaseProps, Bell, type BellRenderer, type BodyRenderer, type DefaultInboxProps, type DefaultProps, Inbox, InboxContent, type InboxProps, type NoRendererProps, type NotificationRendererProps, Notifications, type NotificationsRenderer, NovuProvider, Preferences, type SubjectBodyRendererProps, type SubjectRenderer, type UseNotificationsProps, type WithChildrenProps, useCounts, useNotifications, useNovu, usePreferences };

package/dist/server/index.js

@@ -1,415 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name2 in all)
-    __defProp(target, name2, { get: all[name2], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/server/index.ts
-var server_exports = {};
-__export(server_exports, {
-  Bell: () => Bell,
-  Inbox: () => Inbox,
-  InboxContent: () => InboxContent,
-  Notifications: () => Notifications,
-  NovuProvider: () => NovuProvider,
-  Preferences: () => Preferences,
-  useCounts: () => useCounts,
-  useNotifications: () => useNotifications,
-  useNovu: () => useNovu,
-  usePreferences: () => usePreferences
-});
-module.exports = __toCommonJS(server_exports);
-
-// src/hooks/NovuProvider.tsx
-var import_js = require("@novu/js");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var version = "2.6.6";
-var name = "@novu/react";
-var baseUserAgent = `${name}@${version}`;
-var NovuContext = (0, import_react.createContext)(void 0);
-var NovuProvider = ({
-  children,
-  applicationIdentifier,
-  subscriberId,
-  subscriberHash,
-  backendUrl,
-  socketUrl,
-  useCache
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    InternalNovuProvider,
-    {
-      applicationIdentifier,
-      subscriberId,
-      subscriberHash,
-      backendUrl,
-      socketUrl,
-      useCache,
-      userAgentType: "hooks",
-      children
-    }
-  );
-};
-var InternalNovuProvider = ({
-  children,
-  applicationIdentifier,
-  subscriberId,
-  subscriberHash,
-  backendUrl,
-  socketUrl,
-  useCache,
-  userAgentType
-}) => {
-  const novu = (0, import_react.useMemo)(
-    () => new import_js.Novu({
-      applicationIdentifier,
-      subscriberId,
-      subscriberHash,
-      backendUrl,
-      socketUrl,
-      useCache,
-      __userAgent: `${baseUserAgent} ${userAgentType}`
-    }),
-    [applicationIdentifier, subscriberId, subscriberHash, backendUrl, socketUrl, useCache, userAgentType]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NovuContext.Provider, { value: novu, children });
-};
-var useNovu = () => {
-  const context = (0, import_react.useContext)(NovuContext);
-  if (!context) {
-    throw new Error("useNovu must be used within a <NovuProvider />");
-  }
-  return context;
-};
-
-// src/hooks/useNotifications.ts
-var import_react2 = require("react");
-var import_js2 = require("@novu/js");
-var useNotifications = (props) => {
-  const { tags, read, archived = false, limit, onSuccess, onError } = props || {};
-  const filterRef = (0, import_react2.useRef)(void 0);
-  const { notifications, on } = useNovu();
-  const [data, setData] = (0, import_react2.useState)();
-  const [error, setError] = (0, import_react2.useState)();
-  const [isLoading, setIsLoading] = (0, import_react2.useState)(true);
-  const [isFetching, setIsFetching] = (0, import_react2.useState)(false);
-  const [hasMore, setHasMore] = (0, import_react2.useState)(false);
-  const length = data?.length;
-  const after = length ? data[length - 1].id : void 0;
-  const sync = (event) => {
-    if (!event.data || filterRef.current && !(0, import_js2.isSameFilter)(filterRef.current, event.data.filter)) {
-      return;
-    }
-    setData(event.data.notifications);
-    setHasMore(event.data.hasMore);
-  };
-  (0, import_react2.useEffect)(() => {
-    const cleanup = on("notifications.list.updated", sync);
-    return () => {
-      cleanup();
-    };
-  }, []);
-  (0, import_react2.useEffect)(() => {
-    const newFilter = { tags, read, archived };
-    if (filterRef.current && (0, import_js2.isSameFilter)(filterRef.current, newFilter)) {
-      return;
-    }
-    notifications.clearCache({ filter: filterRef.current });
-    filterRef.current = newFilter;
-    fetchNotifications({ refetch: true });
-  }, [tags, read, archived]);
-  const fetchNotifications = async (options) => {
-    if (options?.refetch) {
-      setError(void 0);
-      setIsLoading(true);
-      setIsFetching(false);
-    }
-    setIsFetching(true);
-    const response = await notifications.list({
-      tags,
-      read,
-      archived,
-      limit,
-      after: options?.refetch ? void 0 : after
-    });
-    if (response.error) {
-      setError(response.error);
-      onError?.(response.error);
-    } else {
-      onSuccess?.(response.data.notifications);
-      setData(response.data.notifications);
-      setHasMore(response.data.hasMore);
-    }
-    setIsLoading(false);
-    setIsFetching(false);
-  };
-  const refetch = () => {
-    notifications.clearCache({ filter: { tags, read, archived } });
-    return fetchNotifications({ refetch: true });
-  };
-  const fetchMore = async () => {
-    if (!hasMore || isFetching) return;
-    return fetchNotifications();
-  };
-  const readAll = async () => {
-    return await notifications.readAll({ tags });
-  };
-  const archiveAll = async () => {
-    return await notifications.archiveAll({ tags });
-  };
-  const archiveAllRead = async () => {
-    return await notifications.archiveAllRead({ tags });
-  };
-  return {
-    readAll,
-    archiveAll,
-    archiveAllRead,
-    notifications: data,
-    error,
-    isLoading,
-    isFetching,
-    refetch,
-    fetchMore,
-    hasMore
-  };
-};
-
-// src/hooks/usePreferences.ts
-var import_react3 = require("react");
-var usePreferences = (props) => {
-  const { onSuccess, onError } = props || {};
-  const [data, setData] = (0, import_react3.useState)();
-  const { preferences, on } = useNovu();
-  const [error, setError] = (0, import_react3.useState)();
-  const [isLoading, setIsLoading] = (0, import_react3.useState)(true);
-  const [isFetching, setIsFetching] = (0, import_react3.useState)(false);
-  const sync = (event) => {
-    if (!event.data) {
-      return;
-    }
-    setData(event.data);
-  };
-  (0, import_react3.useEffect)(() => {
-    fetchPreferences();
-    const listUpdatedCleanup = on("preferences.list.updated", sync);
-    const listPendingCleanup = on("preferences.list.pending", sync);
-    const listResolvedCleanup = on("preferences.list.resolved", sync);
-    return () => {
-      listUpdatedCleanup();
-      listPendingCleanup();
-      listResolvedCleanup();
-    };
-  }, []);
-  const fetchPreferences = async () => {
-    setIsFetching(true);
-    const response = await preferences.list(props?.filter);
-    if (response.error) {
-      setError(response.error);
-      onError?.(response.error);
-    } else {
-      onSuccess?.(response.data);
-    }
-    setIsLoading(false);
-    setIsFetching(false);
-  };
-  const refetch = () => {
-    preferences.cache.clearAll();
-    return fetchPreferences();
-  };
-  return {
-    preferences: data,
-    error,
-    isLoading,
-    isFetching,
-    refetch
-  };
-};
-
-// src/hooks/useCounts.ts
-var import_react6 = require("react");
-var import_js3 = require("@novu/js");
-
-// src/hooks/internal/useWebsocketEvent.ts
-var import_react5 = require("react");
-
-// src/utils/requestLock.ts
-function requestLock(id, cb) {
-  if (!("locks" in navigator)) {
-    cb(id);
-    return () => {
-    };
-  }
-  let isFulfilled = false;
-  let promiseResolve;
-  const promise = new Promise((resolve) => {
-    promiseResolve = resolve;
-  });
-  navigator.locks.request(id, () => {
-    if (!isFulfilled) {
-      cb(id);
-    }
-    return promise;
-  });
-  return () => {
-    isFulfilled = true;
-    promiseResolve();
-  };
-}
-
-// src/hooks/internal/useBrowserTabsChannel.ts
-var import_react4 = require("react");
-var useBrowserTabsChannel = ({
-  channelName,
-  onMessage
-}) => {
-  const [tabsChannel] = (0, import_react4.useState)(
-    typeof BroadcastChannel !== "undefined" ? new BroadcastChannel(channelName) : void 0
-  );
-  const postMessage = (data) => {
-    tabsChannel?.postMessage(data);
-  };
-  (0, import_react4.useEffect)(() => {
-    const listener = (event) => {
-      onMessage(event.data);
-    };
-    tabsChannel?.addEventListener("message", listener);
-    return () => {
-      tabsChannel?.removeEventListener("message", listener);
-    };
-  }, []);
-  return { postMessage };
-};
-
-// src/hooks/internal/useWebsocketEvent.ts
-var useWebSocketEvent = ({
-  event: webSocketEvent,
-  eventHandler: onMessage
-}) => {
-  const novu = useNovu();
-  const { postMessage } = useBrowserTabsChannel({ channelName: `nv.${webSocketEvent}`, onMessage });
-  const updateReadCount = (data) => {
-    onMessage(data);
-    postMessage(data);
-  };
-  (0, import_react5.useEffect)(() => {
-    let cleanup;
-    const resolveLock = requestLock(`nv.${webSocketEvent}`, () => {
-      cleanup = novu.on(webSocketEvent, updateReadCount);
-    });
-    return () => {
-      if (cleanup) {
-        cleanup();
-      }
-      resolveLock();
-    };
-  }, []);
-};
-
-// src/hooks/useCounts.ts
-var useCounts = (props) => {
-  const { filters, onSuccess, onError } = props;
-  const { notifications } = useNovu();
-  const [error, setError] = (0, import_react6.useState)();
-  const [counts, setCounts] = (0, import_react6.useState)();
-  const [isLoading, setIsLoading] = (0, import_react6.useState)(true);
-  const [isFetching, setIsFetching] = (0, import_react6.useState)(false);
-  const sync = async (notification) => {
-    const existingCounts = counts ?? new Array(filters.length).fill(void 0);
-    let countFiltersToFetch = [];
-    if (notification) {
-      for (let i = 0; i < existingCounts.length; i++) {
-        const filter = filters[i];
-        if ((0, import_js3.areTagsEqual)(filter.tags, notification.tags)) {
-          countFiltersToFetch.push(filter);
-        }
-      }
-    } else {
-      countFiltersToFetch = filters;
-    }
-    if (countFiltersToFetch.length === 0) {
-      return;
-    }
-    setIsFetching(true);
-    const countsRes = await notifications.count({ filters: countFiltersToFetch });
-    setIsFetching(false);
-    setIsLoading(false);
-    if (countsRes.error) {
-      setError(countsRes.error);
-      onError?.(countsRes.error);
-      return;
-    }
-    const data = countsRes.data;
-    onSuccess?.(data.counts);
-    setCounts((oldCounts) => {
-      const newCounts = [];
-      const countsReceived = data.counts;
-      for (let i = 0; i < existingCounts.length; i++) {
-        const countReceived = countsReceived.find((c) => (0, import_js3.areTagsEqual)(c.filter.tags, existingCounts[i]?.filter.tags));
-        newCounts.push(countReceived || oldCounts[i]);
-      }
-      return newCounts;
-    });
-  };
-  useWebSocketEvent({
-    event: "notifications.notification_received",
-    eventHandler: (data) => {
-      sync(data.result);
-    }
-  });
-  useWebSocketEvent({
-    event: "notifications.unread_count_changed",
-    eventHandler: () => {
-      sync();
-    }
-  });
-  (0, import_react6.useEffect)(() => {
-    setError(void 0);
-    setIsLoading(true);
-    setIsFetching(false);
-    sync();
-  }, [JSON.stringify(filters)]);
-  const refetch = async () => {
-    await sync();
-  };
-  return { counts, error, refetch, isLoading, isFetching };
-};
-
-// src/server/index.ts
-function Inbox() {
-}
-function InboxContent() {
-}
-function Notifications() {
-}
-function Preferences() {
-}
-function Bell() {
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Bell,
-  Inbox,
-  InboxContent,
-  Notifications,
-  NovuProvider,
-  Preferences,
-  useCounts,
-  useNotifications,
-  useNovu,
-  usePreferences
-});
-//# sourceMappingURL=index.js.map

package/dist/server/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/server/index.ts","../../src/hooks/NovuProvider.tsx","../../src/hooks/useNotifications.ts","../../src/hooks/usePreferences.ts","../../src/hooks/useCounts.ts","../../src/hooks/internal/useWebsocketEvent.ts","../../src/utils/requestLock.ts","../../src/hooks/internal/useBrowserTabsChannel.ts"],"sourcesContent":["export type * from '../utils/types';\nexport type { InboxProps } from '../components/Inbox';\n\n/**\n * Exporting all components from the components folder\n * as empty functions to fix build errors in SSR\n * This will be replaced with actual components\n * when we implement the SSR components in @novu/js/ui\n */\nexport function Inbox() {}\nexport function InboxContent() {}\nexport function Notifications() {}\nexport function Preferences() {}\nexport function Bell() {}\n\n// Hooks\nexport { NovuProvider } from '../index';\nexport * from '../hooks';\n","import { Novu, NovuOptions } from '@novu/js';\nimport { ReactNode, createContext, useContext, useMemo } from 'react';\n\n// @ts-ignore\nconst version = PACKAGE_VERSION;\n// @ts-ignore\nconst name = PACKAGE_NAME;\nconst baseUserAgent = `${name}@${version}`;\n\ntype NovuProviderProps = NovuOptions & {\n  children: ReactNode;\n};\n\nconst NovuContext = createContext<Novu | undefined>(undefined);\n\nexport const NovuProvider = ({\n  children,\n  applicationIdentifier,\n  subscriberId,\n  subscriberHash,\n  backendUrl,\n  socketUrl,\n  useCache,\n}: NovuProviderProps) => {\n  return (\n    <InternalNovuProvider\n      applicationIdentifier={applicationIdentifier}\n      subscriberId={subscriberId}\n      subscriberHash={subscriberHash}\n      backendUrl={backendUrl}\n      socketUrl={socketUrl}\n      useCache={useCache}\n      userAgentType=\"hooks\"\n    >\n      {children}\n    </InternalNovuProvider>\n  );\n};\n\n/**\n * @internal Should be used internally not to be exposed outside of the library\n * This is needed to differentiate between the hooks and components user agents\n * Better to use this internally to avoid confusion.\n */\nexport const InternalNovuProvider = ({\n  children,\n  applicationIdentifier,\n  subscriberId,\n  subscriberHash,\n  backendUrl,\n  socketUrl,\n  useCache,\n  userAgentType,\n}: NovuProviderProps & { userAgentType: 'components' | 'hooks' }) => {\n  const novu = useMemo(\n    () =>\n      new Novu({\n        applicationIdentifier,\n        subscriberId,\n        subscriberHash,\n        backendUrl,\n        socketUrl,\n        useCache,\n        __userAgent: `${baseUserAgent} ${userAgentType}`,\n      }),\n    [applicationIdentifier, subscriberId, subscriberHash, backendUrl, socketUrl, useCache, userAgentType]\n  );\n\n  return <NovuContext.Provider value={novu}>{children}</NovuContext.Provider>;\n};\n\nexport const useNovu = () => {\n  const context = useContext(NovuContext);\n  if (!context) {\n    throw new Error('useNovu must be used within a <NovuProvider />');\n  }\n\n  return context;\n};\n\nexport const useUnsafeNovu = () => {\n  const context = useContext(NovuContext);\n\n  return context;\n};\n","import { useState, useEffect, useRef } from 'react';\nimport { ListNotificationsResponse, Notification, NovuError, isSameFilter, NotificationFilter } from '@novu/js';\nimport { useNovu } from './NovuProvider';\n\nexport type UseNotificationsProps = {\n  tags?: string[];\n  read?: boolean;\n  archived?: boolean;\n  limit?: number;\n  onSuccess?: (data: Notification[]) => void;\n  onError?: (error: NovuError) => void;\n};\n\nexport const useNotifications = (props?: UseNotificationsProps) => {\n  const { tags, read, archived = false, limit, onSuccess, onError } = props || {};\n  const filterRef = useRef<NotificationFilter | undefined>(undefined);\n  const { notifications, on } = useNovu();\n  const [data, setData] = useState<Array<Notification>>();\n  const [error, setError] = useState<NovuError>();\n  const [isLoading, setIsLoading] = useState(true);\n  const [isFetching, setIsFetching] = useState(false);\n  const [hasMore, setHasMore] = useState(false);\n  const length = data?.length;\n  const after = length ? data[length - 1].id : undefined;\n\n  const sync = (event: { data?: ListNotificationsResponse }) => {\n    if (!event.data || (filterRef.current && !isSameFilter(filterRef.current, event.data.filter))) {\n      return;\n    }\n    setData(event.data.notifications);\n    setHasMore(event.data.hasMore);\n  };\n\n  useEffect(() => {\n    const cleanup = on('notifications.list.updated', sync);\n\n    return () => {\n      cleanup();\n    };\n  }, []);\n\n  useEffect(() => {\n    const newFilter = { tags, read, archived };\n    if (filterRef.current && isSameFilter(filterRef.current, newFilter)) {\n      return;\n    }\n\n    notifications.clearCache({ filter: filterRef.current });\n    filterRef.current = newFilter;\n\n    fetchNotifications({ refetch: true });\n  }, [tags, read, archived]);\n\n  const fetchNotifications = async (options?: { refetch: boolean }) => {\n    if (options?.refetch) {\n      setError(undefined);\n      setIsLoading(true);\n      setIsFetching(false);\n    }\n    setIsFetching(true);\n    const response = await notifications.list({\n      tags,\n      read,\n      archived,\n      limit,\n      after: options?.refetch ? undefined : after,\n    });\n    if (response.error) {\n      setError(response.error);\n      onError?.(response.error);\n    } else {\n      onSuccess?.(response.data!.notifications);\n      setData(response.data!.notifications);\n      setHasMore(response.data!.hasMore);\n    }\n    setIsLoading(false);\n    setIsFetching(false);\n  };\n\n  const refetch = () => {\n    notifications.clearCache({ filter: { tags, read, archived } });\n\n    return fetchNotifications({ refetch: true });\n  };\n\n  const fetchMore = async () => {\n    if (!hasMore || isFetching) return;\n\n    return fetchNotifications();\n  };\n\n  const readAll = async () => {\n    return await notifications.readAll({ tags });\n  };\n\n  const archiveAll = async () => {\n    return await notifications.archiveAll({ tags });\n  };\n\n  const archiveAllRead = async () => {\n    return await notifications.archiveAllRead({ tags });\n  };\n\n  return {\n    readAll,\n    archiveAll,\n    archiveAllRead,\n    notifications: data,\n    error,\n    isLoading,\n    isFetching,\n    refetch,\n    fetchMore,\n    hasMore,\n  };\n};\n","import { NovuError, Preference } from '@novu/js';\nimport { useEffect, useState } from 'react';\nimport { useNovu } from './NovuProvider';\n\ntype UsePreferencesProps = {\n  filter?: { tags?: string[] };\n  onSuccess?: (data: Preference[]) => void;\n  onError?: (error: NovuError) => void;\n};\n\ntype UsePreferencesResult = {\n  preferences?: Preference[];\n  error?: NovuError;\n  isLoading: boolean; // initial loading\n  isFetching: boolean; // the request is in flight\n  refetch: () => Promise<void>;\n};\n\nexport const usePreferences = (props?: UsePreferencesProps): UsePreferencesResult => {\n  const { onSuccess, onError } = props || {};\n  const [data, setData] = useState<Preference[]>();\n  const { preferences, on } = useNovu();\n  const [error, setError] = useState<NovuError>();\n  const [isLoading, setIsLoading] = useState(true);\n  const [isFetching, setIsFetching] = useState(false);\n\n  const sync = (event: { data?: Preference[] }) => {\n    if (!event.data) {\n      return;\n    }\n    setData(event.data);\n  };\n\n  useEffect(() => {\n    fetchPreferences();\n\n    const listUpdatedCleanup = on('preferences.list.updated', sync);\n    const listPendingCleanup = on('preferences.list.pending', sync);\n    const listResolvedCleanup = on('preferences.list.resolved', sync);\n\n    return () => {\n      listUpdatedCleanup();\n      listPendingCleanup();\n      listResolvedCleanup();\n    };\n  }, []);\n\n  const fetchPreferences = async () => {\n    setIsFetching(true);\n    const response = await preferences.list(props?.filter);\n    if (response.error) {\n      setError(response.error);\n      onError?.(response.error);\n    } else {\n      onSuccess?.(response.data!);\n    }\n    setIsLoading(false);\n    setIsFetching(false);\n  };\n\n  const refetch = () => {\n    preferences.cache.clearAll();\n\n    return fetchPreferences();\n  };\n\n  return {\n    preferences: data,\n    error,\n    isLoading,\n    isFetching,\n    refetch,\n  };\n};\n","import { useEffect, useState } from 'react';\nimport { Notification, NotificationFilter, NovuError, areTagsEqual } from '@novu/js';\nimport { useNovu } from './NovuProvider';\nimport { useWebSocketEvent } from './internal/useWebsocketEvent';\n\ntype Count = {\n  count: number;\n  filter: NotificationFilter;\n};\n\ntype UseCountsProps = {\n  filters: NotificationFilter[];\n  onSuccess?: (data: Count[]) => void;\n  onError?: (error: NovuError) => void;\n};\n\ntype UseCountsResult = {\n  counts?: Count[];\n  error?: NovuError;\n  isLoading: boolean; // initial loading\n  isFetching: boolean; // the request is in flight\n  refetch: () => Promise<void>;\n};\n\nexport const useCounts = (props: UseCountsProps): UseCountsResult => {\n  const { filters, onSuccess, onError } = props;\n  const { notifications } = useNovu();\n  const [error, setError] = useState<NovuError>();\n  const [counts, setCounts] = useState<Count[]>();\n  const [isLoading, setIsLoading] = useState(true);\n  const [isFetching, setIsFetching] = useState(false);\n\n  const sync = async (notification?: Notification) => {\n    const existingCounts = counts ?? (new Array(filters.length).fill(undefined) as (Count | undefined)[]);\n    let countFiltersToFetch: NotificationFilter[] = [];\n    if (notification) {\n      // eslint-disable-next-line no-plusplus\n      for (let i = 0; i < existingCounts.length; i++) {\n        const filter = filters[i];\n        if (areTagsEqual(filter.tags, notification.tags)) {\n          countFiltersToFetch.push(filter);\n        }\n      }\n    } else {\n      countFiltersToFetch = filters;\n    }\n\n    if (countFiltersToFetch.length === 0) {\n      return;\n    }\n\n    setIsFetching(true);\n    const countsRes = await notifications.count({ filters: countFiltersToFetch });\n    setIsFetching(false);\n    setIsLoading(false);\n    if (countsRes.error) {\n      setError(countsRes.error);\n      onError?.(countsRes.error);\n\n      return;\n    }\n    const data = countsRes.data!;\n    onSuccess?.(data.counts);\n\n    setCounts((oldCounts) => {\n      const newCounts: Count[] = [];\n      const countsReceived = data.counts;\n\n      // eslint-disable-next-line no-plusplus\n      for (let i = 0; i < existingCounts.length; i++) {\n        const countReceived = countsReceived.find((c) => areTagsEqual(c.filter.tags, existingCounts[i]?.filter.tags));\n\n        newCounts.push(countReceived || oldCounts![i]);\n      }\n\n      return newCounts;\n    });\n  };\n\n  useWebSocketEvent({\n    event: 'notifications.notification_received',\n    eventHandler: (data) => {\n      sync(data.result);\n    },\n  });\n\n  useWebSocketEvent({\n    event: 'notifications.unread_count_changed',\n    eventHandler: () => {\n      sync();\n    },\n  });\n\n  useEffect(() => {\n    setError(undefined);\n    setIsLoading(true);\n    setIsFetching(false);\n    sync();\n  }, [JSON.stringify(filters)]);\n\n  const refetch = async () => {\n    await sync();\n  };\n\n  return { counts, error, refetch, isLoading, isFetching };\n};\n","import { EventHandler, Events, SocketEventNames } from '@novu/js';\nimport { useEffect } from 'react';\nimport { useNovu } from '../NovuProvider';\nimport { requestLock } from '../../utils/requestLock';\nimport { useBrowserTabsChannel } from './useBrowserTabsChannel';\n\nexport const useWebSocketEvent = <E extends SocketEventNames>({\n  event: webSocketEvent,\n  eventHandler: onMessage,\n}: {\n  event: E;\n  eventHandler: (args: Events[E]) => void;\n}) => {\n  const novu = useNovu();\n  const { postMessage } = useBrowserTabsChannel({ channelName: `nv.${webSocketEvent}`, onMessage });\n\n  const updateReadCount: EventHandler<Events[E]> = (data) => {\n    onMessage(data);\n    postMessage(data);\n  };\n\n  useEffect(() => {\n    let cleanup: () => void;\n    const resolveLock = requestLock(`nv.${webSocketEvent}`, () => {\n      cleanup = novu.on(webSocketEvent, updateReadCount);\n    });\n\n    return () => {\n      if (cleanup) {\n        cleanup();\n      }\n\n      resolveLock();\n    };\n  }, []);\n};\n","export function requestLock(id: string, cb: (id: string) => void) {\n  // Check if the Lock API is available\n  if (!('locks' in navigator)) {\n    // If Lock API is not available, immediately invoke the callback and return a no-op function\n    cb(id);\n    return () => {};\n  }\n\n  let isFulfilled = false;\n  let promiseResolve: () => void;\n\n  const promise = new Promise<void>((resolve) => {\n    promiseResolve = resolve;\n  });\n\n  navigator.locks.request(id, () => {\n    if (!isFulfilled) {\n      cb(id);\n    }\n\n    return promise;\n  });\n\n  return () => {\n    isFulfilled = true;\n    promiseResolve();\n  };\n}\n","import { useEffect, useState } from 'react';\n\nexport const useBrowserTabsChannel = <T = unknown>({\n  channelName,\n  onMessage,\n}: {\n  channelName: string;\n  onMessage: (args: T) => void;\n}) => {\n  const [tabsChannel] = useState(\n    typeof BroadcastChannel !== 'undefined' ? new BroadcastChannel(channelName) : undefined\n  );\n\n  const postMessage = (data: T) => {\n    tabsChannel?.postMessage(data);\n  };\n\n  useEffect(() => {\n    const listener = (event: MessageEvent<T>) => {\n      onMessage(event.data);\n    };\n\n    tabsChannel?.addEventListener('message', listener);\n\n    return () => {\n      tabsChannel?.removeEventListener('message', listener);\n    };\n  }, []);\n\n  return { postMessage };\n};\n"],"mappings":"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","names":["import_react","import_js","import_react","import_react","import_js","import_react","import_react"]}