@novu/react 3.0.0 → 3.0.1

package/dist/client/components/index.js

@@ -1,853 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var 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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Bell: () => Bell,
-  Inbox: () => Inbox,
-  InboxContent: () => InboxContent,
-  InternalNovuProvider: () => InternalNovuProvider,
-  Notifications: () => Notifications,
-  NovuProvider: () => NovuProvider,
-  Preferences: () => Preferences,
-  useCounts: () => useCounts,
-  useNotifications: () => useNotifications,
-  useNovu: () => useNovu,
-  usePreferences: () => usePreferences,
-  useUnsafeNovu: () => useUnsafeNovu
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/Bell.tsx
-var import_react4 = __toESM(require("react"));
-
-// src/components/Mounter.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-function Mounter({ mount }) {
-  const ref = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    let unmount;
-    const element = ref.current;
-    if (element && mount) {
-      const possibleUnmount = mount(element);
-      if (possibleUnmount) {
-        unmount = possibleUnmount;
-      }
-    }
-    return () => {
-      if (element && unmount) {
-        unmount(element);
-      }
-    };
-  }, [ref, mount]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref });
-}
-
-// src/components/Renderer.tsx
-var import_react3 = require("react");
-var import_react_dom = require("react-dom");
-
-// src/utils/createContextAndHook.ts
-var import_react2 = __toESM(require("react"));
-function assertContextExists(contextVal, msgOrCtx) {
-  if (!contextVal) {
-    throw typeof msgOrCtx === "string" ? new Error(msgOrCtx) : new Error(`${msgOrCtx.displayName} not found`);
-  }
-}
-var createContextAndHook = (displayName, options) => {
-  const { assertCtxFn = assertContextExists } = options || {};
-  const Ctx = import_react2.default.createContext(void 0);
-  Ctx.displayName = displayName;
-  const useCtx = () => {
-    const ctx = import_react2.default.useContext(Ctx);
-    assertCtxFn(ctx, `Component must be wrapped with ${Ctx.displayName}`);
-    return ctx.value;
-  };
-  const useCtxWithoutGuarantee = () => {
-    const ctx = import_react2.default.useContext(Ctx);
-    return ctx ? ctx.value : {};
-  };
-  return [Ctx, useCtx, useCtxWithoutGuarantee];
-};
-
-// src/context/RendererContext.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var [RendererContext, useRendererContext, useUnsafeRendererContext] = createContextAndHook("RendererContext");
-var RendererProvider = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RendererContext.Provider, { value: { value: props.value }, children: props.children });
-};
-
-// src/components/Renderer.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Renderer = (props) => {
-  const { children } = props;
-  const [mountedElements, setMountedElements] = (0, import_react3.useState)(/* @__PURE__ */ new Map());
-  const mountElement = (0, import_react3.useCallback)(
-    (el, mountedElement) => {
-      setMountedElements((prev) => {
-        const newMountedElements = new Map(prev);
-        newMountedElements.set(el, mountedElement);
-        return newMountedElements;
-      });
-      return () => {
-        setMountedElements((prev) => {
-          const newMountedElements = new Map(prev);
-          newMountedElements.delete(el);
-          return newMountedElements;
-        });
-      };
-    },
-    [setMountedElements]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(RendererProvider, { value: { mountElement }, children: [
-    [...mountedElements].map(([element, mountedElement]) => {
-      return (0, import_react_dom.createPortal)(mountedElement, element);
-    }),
-    children
-  ] });
-};
-var withRenderer = (WrappedComponent) => {
-  const HOC = (props) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Renderer, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WrappedComponent, { ...props }) });
-  };
-  HOC.displayName = `WithRenderer(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
-  return HOC;
-};
-
-// src/context/NovuUIContext.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var [NovuUIContext, useNovuUIContext, useUnsafeNovuUIContext] = createContextAndHook("NovuUIContext");
-var NovuUIProvider = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(NovuUIContext.Provider, { value: { value: props.value }, children: props.children });
-};
-
-// src/components/Bell.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var _Bell = import_react4.default.memo((props) => {
-  const { renderBell } = props;
-  const { novuUI } = useNovuUIContext();
-  const { mountElement } = useRendererContext();
-  const mount = import_react4.default.useCallback(
-    (element) => {
-      return novuUI.mountComponent({
-        name: "Bell",
-        element,
-        props: renderBell ? { renderBell: (el, unreadCount) => mountElement(el, renderBell(unreadCount)) } : void 0
-      });
-    },
-    [renderBell]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Mounter, { mount });
-});
-var Bell = withRenderer(_Bell);
-
-// src/components/Inbox.tsx
-var import_react8 = __toESM(require("react"));
-
-// src/hooks/NovuProvider.tsx
-var import_js = require("@novu/js");
-var import_react5 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var version = "2.6.6";
-var name = "@novu/react";
-var baseUserAgent = `${name}@${version}`;
-var NovuContext = (0, import_react5.createContext)(void 0);
-var NovuProvider = ({
-  children,
-  applicationIdentifier,
-  subscriberId,
-  subscriberHash,
-  backendUrl,
-  socketUrl,
-  useCache
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.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_react5.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_runtime6.jsx)(NovuContext.Provider, { value: novu, children });
-};
-var useNovu = () => {
-  const context = (0, import_react5.useContext)(NovuContext);
-  if (!context) {
-    throw new Error("useNovu must be used within a <NovuProvider />");
-  }
-  return context;
-};
-var useUnsafeNovu = () => {
-  const context = (0, import_react5.useContext)(NovuContext);
-  return context;
-};
-
-// src/components/NovuUI.tsx
-var import_ui = require("@novu/js/ui");
-var import_react7 = require("react");
-
-// src/hooks/internal/useDataRef.ts
-var import_react6 = require("react");
-var useDataRef = (data) => {
-  const ref = (0, import_react6.useRef)(data);
-  ref.current = data;
-  return ref;
-};
-
-// src/components/NovuUI.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var NovuUI = ({ options, novu, children }) => {
-  const optionsRef = useDataRef({ ...options, novu });
-  const [novuUI, setNovuUI] = (0, import_react7.useState)();
-  (0, import_react7.useEffect)(() => {
-    const novu2 = new import_ui.NovuUI(optionsRef.current);
-    setNovuUI(novu2);
-    return () => {
-      novu2.unmount();
-    };
-  }, []);
-  (0, import_react7.useEffect)(() => {
-    if (!novuUI) {
-      return;
-    }
-    novuUI.updateAppearance(options.appearance);
-    novuUI.updateLocalization(options.localization);
-    novuUI.updateTabs(options.tabs);
-    novuUI.updateOptions(options.options);
-    novuUI.updateRouterPush(options.routerPush);
-  }, [options]);
-  if (!novuUI) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NovuUIProvider, { value: { novuUI }, children });
-};
-
-// src/components/Inbox.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var _DefaultInbox = (props) => {
-  const {
-    open,
-    renderNotification,
-    renderSubject,
-    renderBody,
-    renderBell,
-    onNotificationClick,
-    onPrimaryActionClick,
-    onSecondaryActionClick,
-    placement,
-    placementOffset
-  } = props;
-  const { novuUI } = useNovuUIContext();
-  const { mountElement } = useRendererContext();
-  const mount = import_react8.default.useCallback(
-    (element) => {
-      if (renderNotification) {
-        return novuUI.mountComponent({
-          name: "Inbox",
-          props: {
-            open,
-            renderNotification: renderNotification ? (el, notification) => mountElement(el, renderNotification(notification)) : void 0,
-            renderBell: renderBell ? (el, unreadCount) => mountElement(el, renderBell(unreadCount)) : void 0,
-            onNotificationClick,
-            onPrimaryActionClick,
-            onSecondaryActionClick,
-            placementOffset,
-            placement
-          },
-          element
-        });
-      }
-      return novuUI.mountComponent({
-        name: "Inbox",
-        props: {
-          open,
-          renderSubject: renderSubject ? (el, notification) => mountElement(el, renderSubject(notification)) : void 0,
-          renderBody: renderBody ? (el, notification) => mountElement(el, renderBody(notification)) : void 0,
-          renderBell: renderBell ? (el, unreadCount) => mountElement(el, renderBell(unreadCount)) : void 0,
-          onNotificationClick,
-          onPrimaryActionClick,
-          onSecondaryActionClick,
-          placementOffset,
-          placement
-        },
-        element
-      });
-    },
-    [
-      open,
-      renderNotification,
-      renderSubject,
-      renderBody,
-      renderBell,
-      onNotificationClick,
-      onPrimaryActionClick,
-      onSecondaryActionClick
-    ]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Mounter, { mount });
-};
-var DefaultInbox = withRenderer(_DefaultInbox);
-var Inbox = import_react8.default.memo((props) => {
-  const { applicationIdentifier, subscriberId, subscriberHash, backendUrl, socketUrl } = props;
-  const novu = useUnsafeNovu();
-  if (novu) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(InboxChild, { ...props });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    InternalNovuProvider,
-    {
-      applicationIdentifier,
-      subscriberId,
-      subscriberHash,
-      backendUrl,
-      socketUrl,
-      userAgentType: "components",
-      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(InboxChild, { ...props })
-    }
-  );
-});
-var InboxChild = import_react8.default.memo((props) => {
-  const {
-    localization,
-    appearance,
-    tabs,
-    preferencesFilter,
-    routerPush,
-    applicationIdentifier,
-    subscriberId,
-    subscriberHash,
-    backendUrl,
-    socketUrl
-  } = props;
-  const novu = useNovu();
-  const options = (0, import_react8.useMemo)(() => {
-    return {
-      localization,
-      appearance,
-      tabs,
-      preferencesFilter,
-      routerPush,
-      options: { applicationIdentifier, subscriberId, subscriberHash, backendUrl, socketUrl }
-    };
-  }, [
-    localization,
-    appearance,
-    tabs,
-    preferencesFilter,
-    applicationIdentifier,
-    subscriberId,
-    subscriberHash,
-    backendUrl,
-    socketUrl
-  ]);
-  if (isWithChildrenProps(props)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(NovuUI, { options, novu, children: props.children });
-  }
-  const {
-    open,
-    renderNotification,
-    renderSubject,
-    renderBody,
-    renderBell,
-    onNotificationClick,
-    onPrimaryActionClick,
-    onSecondaryActionClick,
-    placementOffset,
-    placement
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(NovuUI, { options, novu, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    DefaultInbox,
-    {
-      open,
-      renderNotification,
-      renderSubject,
-      renderBody,
-      renderBell,
-      onNotificationClick,
-      onPrimaryActionClick,
-      onSecondaryActionClick,
-      placement,
-      placementOffset
-    }
-  ) });
-});
-function isWithChildrenProps(props) {
-  return "children" in props;
-}
-
-// src/components/Preferences.tsx
-var import_react9 = __toESM(require("react"));
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Preferences = () => {
-  const { novuUI } = useNovuUIContext();
-  const mount = import_react9.default.useCallback((element) => {
-    return novuUI.mountComponent({
-      name: "Preferences",
-      element
-    });
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Mounter, { mount });
-};
-
-// src/components/Notifications.tsx
-var import_react10 = __toESM(require("react"));
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var _Notifications = import_react10.default.memo((props) => {
-  const {
-    renderNotification,
-    renderSubject,
-    renderBody,
-    onNotificationClick,
-    onPrimaryActionClick,
-    onSecondaryActionClick
-  } = props;
-  const { novuUI } = useNovuUIContext();
-  const { mountElement } = useRendererContext();
-  const mount = import_react10.default.useCallback(
-    (element) => {
-      if (renderNotification) {
-        return novuUI.mountComponent({
-          name: "Notifications",
-          element,
-          props: {
-            renderNotification: renderNotification ? (el, notification) => mountElement(el, renderNotification(notification)) : void 0,
-            onNotificationClick,
-            onPrimaryActionClick,
-            onSecondaryActionClick
-          }
-        });
-      }
-      return novuUI.mountComponent({
-        name: "Notifications",
-        element,
-        props: {
-          renderSubject: renderSubject ? (el, notification) => mountElement(el, renderSubject(notification)) : void 0,
-          renderBody: renderBody ? (el, notification) => mountElement(el, renderBody(notification)) : void 0,
-          onNotificationClick,
-          onPrimaryActionClick,
-          onSecondaryActionClick
-        }
-      });
-    },
-    [renderNotification, renderSubject, renderBody, onNotificationClick, onPrimaryActionClick, onSecondaryActionClick]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Mounter, { mount });
-});
-var Notifications = withRenderer(_Notifications);
-
-// src/components/InboxContent.tsx
-var import_react11 = __toESM(require("react"));
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var _InboxContent = import_react11.default.memo((props) => {
-  const {
-    onNotificationClick,
-    onPrimaryActionClick,
-    renderNotification,
-    renderSubject,
-    renderBody,
-    onSecondaryActionClick,
-    initialPage,
-    hideNav
-  } = props;
-  const { novuUI } = useNovuUIContext();
-  const { mountElement } = useRendererContext();
-  const mount = import_react11.default.useCallback(
-    (element) => {
-      if (renderNotification) {
-        return novuUI.mountComponent({
-          name: "InboxContent",
-          element,
-          props: {
-            renderNotification: renderNotification ? (el, notification) => mountElement(el, renderNotification(notification)) : void 0,
-            onNotificationClick,
-            onPrimaryActionClick,
-            onSecondaryActionClick,
-            initialPage,
-            hideNav
-          }
-        });
-      }
-      return novuUI.mountComponent({
-        name: "InboxContent",
-        element,
-        props: {
-          renderSubject: renderSubject ? (el, notification) => mountElement(el, renderSubject(notification)) : void 0,
-          renderBody: renderBody ? (el, notification) => mountElement(el, renderBody(notification)) : void 0,
-          onNotificationClick,
-          onPrimaryActionClick,
-          onSecondaryActionClick,
-          initialPage,
-          hideNav
-        }
-      });
-    },
-    [renderNotification, renderSubject, renderBody, onNotificationClick, onPrimaryActionClick, onSecondaryActionClick]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Mounter, { mount });
-});
-var InboxContent = withRenderer(_InboxContent);
-
-// src/hooks/useNotifications.ts
-var import_react12 = require("react");
-var import_js2 = require("@novu/js");
-var useNotifications = (props) => {
-  const { tags, read, archived = false, limit, onSuccess, onError } = props || {};
-  const filterRef = (0, import_react12.useRef)(void 0);
-  const { notifications, on } = useNovu();
-  const [data, setData] = (0, import_react12.useState)();
-  const [error, setError] = (0, import_react12.useState)();
-  const [isLoading, setIsLoading] = (0, import_react12.useState)(true);
-  const [isFetching, setIsFetching] = (0, import_react12.useState)(false);
-  const [hasMore, setHasMore] = (0, import_react12.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_react12.useEffect)(() => {
-    const cleanup = on("notifications.list.updated", sync);
-    return () => {
-      cleanup();
-    };
-  }, []);
-  (0, import_react12.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_react13 = require("react");
-var usePreferences = (props) => {
-  const { onSuccess, onError } = props || {};
-  const [data, setData] = (0, import_react13.useState)();
-  const { preferences, on } = useNovu();
-  const [error, setError] = (0, import_react13.useState)();
-  const [isLoading, setIsLoading] = (0, import_react13.useState)(true);
-  const [isFetching, setIsFetching] = (0, import_react13.useState)(false);
-  const sync = (event) => {
-    if (!event.data) {
-      return;
-    }
-    setData(event.data);
-  };
-  (0, import_react13.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_react16 = require("react");
-var import_js3 = require("@novu/js");
-
-// src/hooks/internal/useWebsocketEvent.ts
-var import_react15 = 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_react14 = require("react");
-var useBrowserTabsChannel = ({
-  channelName,
-  onMessage
-}) => {
-  const [tabsChannel] = (0, import_react14.useState)(
-    typeof BroadcastChannel !== "undefined" ? new BroadcastChannel(channelName) : void 0
-  );
-  const postMessage = (data) => {
-    tabsChannel?.postMessage(data);
-  };
-  (0, import_react14.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_react15.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_react16.useState)();
-  const [counts, setCounts] = (0, import_react16.useState)();
-  const [isLoading, setIsLoading] = (0, import_react16.useState)(true);
-  const [isFetching, setIsFetching] = (0, import_react16.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_react16.useEffect)(() => {
-    setError(void 0);
-    setIsLoading(true);
-    setIsFetching(false);
-    sync();
-  }, [JSON.stringify(filters)]);
-  const refetch = async () => {
-    await sync();
-  };
-  return { counts, error, refetch, isLoading, isFetching };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Bell,
-  Inbox,
-  InboxContent,
-  InternalNovuProvider,
-  Notifications,
-  NovuProvider,
-  Preferences,
-  useCounts,
-  useNotifications,
-  useNovu,
-  usePreferences,
-  useUnsafeNovu
-});
-//# sourceMappingURL=index.js.map