@novu/react 2.6.6 → 3.0.0-canary.1

package/dist/cjs/components/NovuUI.cjs

@@ -0,0 +1,60 @@
+"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 name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/NovuUI.tsx
+var NovuUI_exports = {};
+__export(NovuUI_exports, {
+  NovuUI: () => NovuUI
+});
+module.exports = __toCommonJS(NovuUI_exports);
+var import_ui = require("@novu/js/ui");
+var import_react = require("react");
+var import_NovuUIContext = require("../context/NovuUIContext.cjs");
+var import_useDataRef = require("../hooks/internal/useDataRef.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var NovuUI = ({ options, novu, children }) => {
+  const optionsRef = (0, import_useDataRef.useDataRef)({ ...options, novu });
+  const [novuUI, setNovuUI] = (0, import_react.useState)();
+  (0, import_react.useEffect)(() => {
+    const novu2 = new import_ui.NovuUI(optionsRef.current);
+    setNovuUI(novu2);
+    return () => {
+      novu2.unmount();
+    };
+  }, []);
+  (0, import_react.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_runtime.jsx)(import_NovuUIContext.NovuUIProvider, { value: { novuUI }, children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NovuUI
+});
+//# sourceMappingURL=NovuUI.cjs.map

package/dist/cjs/components/NovuUI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/NovuUI.tsx"],"sourcesContent":["import { Novu } from '@novu/js';\nimport type { NovuUIOptions } from '@novu/js/ui';\nimport { NovuUI as NovuUIClass } from '@novu/js/ui';\nimport React, { useEffect, useState } from 'react';\nimport { NovuUIProvider } from '../context/NovuUIContext';\nimport { useDataRef } from '../hooks/internal/useDataRef';\n\ntype RendererProps = React.PropsWithChildren<{\n  options: NovuUIOptions;\n  novu?: Novu;\n}>;\n\nexport const NovuUI = ({ options, novu, children }: RendererProps) => {\n  const optionsRef = useDataRef({ ...options, novu });\n  const [novuUI, setNovuUI] = useState<NovuUIClass | undefined>();\n\n  useEffect(() => {\n    const novu = new NovuUIClass(optionsRef.current);\n    setNovuUI(novu);\n\n    return () => {\n      novu.unmount();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!novuUI) {\n      return;\n    }\n\n    novuUI.updateAppearance(options.appearance);\n    novuUI.updateLocalization(options.localization);\n    novuUI.updateTabs(options.tabs);\n    novuUI.updateOptions(options.options);\n    novuUI.updateRouterPush(options.routerPush);\n  }, [options]);\n\n  if (!novuUI) {\n    return null;\n  }\n\n  return <NovuUIProvider value={{ novuUI }}>{children}</NovuUIProvider>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,gBAAsC;AACtC,mBAA2C;AAC3C,2BAA+B;AAC/B,wBAA2B;AAoClB;AA7BF,IAAM,SAAS,CAAC,EAAE,SAAS,MAAM,SAAS,MAAqB;AACpE,QAAM,iBAAa,8BAAW,EAAE,GAAG,SAAS,KAAK,CAAC;AAClD,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAkC;AAE9D,8BAAU,MAAM;AACd,UAAMA,QAAO,IAAI,UAAAC,OAAY,WAAW,OAAO;AAC/C,cAAUD,KAAI;AAEd,WAAO,MAAM;AACX,MAAAA,MAAK,QAAQ;AAAA,IACf;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AAEA,WAAO,iBAAiB,QAAQ,UAAU;AAC1C,WAAO,mBAAmB,QAAQ,YAAY;AAC9C,WAAO,WAAW,QAAQ,IAAI;AAC9B,WAAO,cAAc,QAAQ,OAAO;AACpC,WAAO,iBAAiB,QAAQ,UAAU;AAAA,EAC5C,GAAG,CAAC,OAAO,CAAC;AAEZ,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAEA,SAAO,4CAAC,uCAAe,OAAO,EAAE,OAAO,GAAI,UAAS;AACtD;","names":["novu","NovuUIClass"]}

package/dist/cjs/components/NovuUI.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Novu } from '@novu/js';
+import { NovuUIOptions } from '@novu/js/ui';
+import React__default from 'react';
+
+type RendererProps = React__default.PropsWithChildren<{
+    options: NovuUIOptions;
+    novu?: Novu;
+}>;
+declare const NovuUI: ({ options, novu, children }: RendererProps) => react_jsx_runtime.JSX.Element | null;
+
+export { NovuUI };

package/dist/cjs/components/Preferences.cjs

@@ -0,0 +1,54 @@
+"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 name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Preferences.tsx
+var Preferences_exports = {};
+__export(Preferences_exports, {
+  Preferences: () => Preferences
+});
+module.exports = __toCommonJS(Preferences_exports);
+var import_react = __toESM(require("react"), 1);
+var import_Mounter = require("./Mounter.cjs");
+var import_NovuUIContext = require("../context/NovuUIContext.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Preferences = () => {
+  const { novuUI } = (0, import_NovuUIContext.useNovuUI)();
+  const mount = import_react.default.useCallback((element) => {
+    return novuUI.mountComponent({
+      name: "Preferences",
+      element
+    });
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Mounter.Mounter, { mount });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Preferences
+});
+//# sourceMappingURL=Preferences.cjs.map

package/dist/cjs/components/Preferences.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Preferences.tsx"],"sourcesContent":["import React from 'react';\nimport { Mounter } from './Mounter';\nimport { useNovuUI } from '../context/NovuUIContext';\n\nexport const Preferences = () => {\n  const { novuUI } = useNovuUI();\n\n  const mount = React.useCallback((element: HTMLElement) => {\n    return novuUI.mountComponent({\n      name: 'Preferences',\n      element,\n    });\n  }, []);\n\n  return <Mounter mount={mount} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAwB;AACxB,2BAA0B;AAYjB;AAVF,IAAM,cAAc,MAAM;AAC/B,QAAM,EAAE,OAAO,QAAI,gCAAU;AAE7B,QAAM,QAAQ,aAAAA,QAAM,YAAY,CAAC,YAAyB;AACxD,WAAO,OAAO,eAAe;AAAA,MAC3B,MAAM;AAAA,MACN;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,SAAO,4CAAC,0BAAQ,OAAc;AAChC;","names":["React"]}

package/dist/cjs/components/Preferences.d.cts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const Preferences: () => react_jsx_runtime.JSX.Element;
+
+export { Preferences };

package/dist/cjs/components/Renderer.cjs

@@ -0,0 +1,70 @@
+"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 name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Renderer.tsx
+var Renderer_exports = {};
+__export(Renderer_exports, {
+  Renderer: () => Renderer,
+  withRenderer: () => withRenderer
+});
+module.exports = __toCommonJS(Renderer_exports);
+var import_react = require("react");
+var import_react_dom = require("react-dom");
+var import_RendererContext = require("../context/RendererContext.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Renderer = (props) => {
+  const { children } = props;
+  const [mountedElements, setMountedElements] = (0, import_react.useState)(/* @__PURE__ */ new Map());
+  const mountElement = (0, import_react.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_runtime.jsxs)(import_RendererContext.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_runtime.jsx)(Renderer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrappedComponent, { ...props }) });
+  };
+  HOC.displayName = `WithRenderer(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
+  return HOC;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Renderer,
+  withRenderer
+});
+//# sourceMappingURL=Renderer.cjs.map

package/dist/cjs/components/Renderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Renderer.tsx"],"sourcesContent":["import { ComponentType, PropsWithChildren, useCallback, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { MountedElement, RendererProvider } from '../context/RendererContext';\n\ntype RendererProps = PropsWithChildren;\nexport const Renderer = (props: RendererProps) => {\n  const { children } = props;\n  const [mountedElements, setMountedElements] = useState(new Map<HTMLElement, MountedElement>());\n\n  const mountElement = useCallback(\n    (el: HTMLElement, mountedElement: MountedElement) => {\n      setMountedElements((prev) => {\n        const newMountedElements = new Map(prev);\n        newMountedElements.set(el, mountedElement);\n\n        return newMountedElements;\n      });\n\n      return () => {\n        setMountedElements((prev) => {\n          const newMountedElements = new Map(prev);\n          newMountedElements.delete(el);\n\n          return newMountedElements;\n        });\n      };\n    },\n    [setMountedElements]\n  );\n\n  return (\n    <RendererProvider value={{ mountElement }}>\n      {[...mountedElements].map(([element, mountedElement]) => {\n        return createPortal(mountedElement, element);\n      })}\n\n      {children}\n    </RendererProvider>\n  );\n};\n\nexport const withRenderer = <P extends object>(\n  WrappedComponent: ComponentType<P>\n): ComponentType<P & PropsWithChildren<{}>> => {\n  const HOC = (props: P) => {\n    return (\n      <Renderer>\n        <WrappedComponent {...props} />\n      </Renderer>\n    );\n  };\n\n  HOC.displayName = `WithRenderer(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`;\n\n  return HOC;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwE;AACxE,uBAA6B;AAC7B,6BAAiD;AA6B7C;AA1BG,IAAM,WAAW,CAAC,UAAyB;AAChD,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAAS,oBAAI,IAAiC,CAAC;AAE7F,QAAM,mBAAe;AAAA,IACnB,CAAC,IAAiB,mBAAmC;AACnD,yBAAmB,CAAC,SAAS;AAC3B,cAAM,qBAAqB,IAAI,IAAI,IAAI;AACvC,2BAAmB,IAAI,IAAI,cAAc;AAEzC,eAAO;AAAA,MACT,CAAC;AAED,aAAO,MAAM;AACX,2BAAmB,CAAC,SAAS;AAC3B,gBAAM,qBAAqB,IAAI,IAAI,IAAI;AACvC,6BAAmB,OAAO,EAAE;AAE5B,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEA,SACE,6CAAC,2CAAiB,OAAO,EAAE,aAAa,GACrC;AAAA,KAAC,GAAG,eAAe,EAAE,IAAI,CAAC,CAAC,SAAS,cAAc,MAAM;AACvD,iBAAO,+BAAa,gBAAgB,OAAO;AAAA,IAC7C,CAAC;AAAA,IAEA;AAAA,KACH;AAEJ;AAEO,IAAM,eAAe,CAC1B,qBAC6C;AAC7C,QAAM,MAAM,CAAC,UAAa;AACxB,WACE,4CAAC,YACC,sDAAC,oBAAkB,GAAG,OAAO,GAC/B;AAAA,EAEJ;AAEA,MAAI,cAAc,gBAAgB,iBAAiB,eAAe,iBAAiB,QAAQ,WAAW;AAEtG,SAAO;AACT;","names":[]}

package/dist/cjs/components/Renderer.d.cts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentType, PropsWithChildren } from 'react';
+
+type RendererProps = PropsWithChildren;
+declare const Renderer: (props: RendererProps) => react_jsx_runtime.JSX.Element;
+declare const withRenderer: <P extends object>(WrappedComponent: ComponentType<P>) => ComponentType<P & PropsWithChildren<{}>>;
+
+export { Renderer, withRenderer };

package/dist/cjs/components/index.cjs

@@ -0,0 +1,35 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/index.ts
+var components_exports = {};
+module.exports = __toCommonJS(components_exports);
+__reExport(components_exports, require("./Bell.cjs"), module.exports);
+__reExport(components_exports, require("./Inbox.cjs"), module.exports);
+__reExport(components_exports, require("./Preferences.cjs"), module.exports);
+__reExport(components_exports, require("./Notifications.cjs"), module.exports);
+__reExport(components_exports, require("./InboxContent.cjs"), module.exports);
+__reExport(components_exports, require("../hooks/NovuProvider.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./Bell.cjs"),
+  ...require("./Inbox.cjs"),
+  ...require("./Preferences.cjs"),
+  ...require("./Notifications.cjs"),
+  ...require("./InboxContent.cjs"),
+  ...require("../hooks/NovuProvider.cjs")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './Bell';\nexport * from './Inbox';\nexport * from './Preferences';\nexport * from './Notifications';\nexport * from './InboxContent';\nexport * from '../hooks/NovuProvider';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,uBAAd;AACA,+BAAc,wBADd;AAEA,+BAAc,8BAFd;AAGA,+BAAc,gCAHd;AAIA,+BAAc,+BAJd;AAKA,+BAAc,sCALd;","names":[]}

package/dist/cjs/components/index.d.cts

@@ -0,0 +1,11 @@
+export { Bell, BellProps } from './Bell.cjs';
+export { Inbox, InboxProps } from './Inbox.cjs';
+export { Preferences } from './Preferences.cjs';
+export { NotificationProps, Notifications } from './Notifications.cjs';
+export { InboxContent, InboxContentProps } from './InboxContent.cjs';
+export { InternalNovuProvider, NovuProvider, NovuProviderProps, useNovu, useUnsafeNovu } from '../hooks/NovuProvider.cjs';
+import 'react';
+import '../utils/types.cjs';
+import '@novu/js/ui';
+import 'react/jsx-runtime';
+import '@novu/js';

package/dist/cjs/context/NovuUIContext.cjs

@@ -0,0 +1,40 @@
+"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 name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/context/NovuUIContext.tsx
+var NovuUIContext_exports = {};
+__export(NovuUIContext_exports, {
+  NovuUIProvider: () => NovuUIProvider,
+  useNovuUI: () => useNovuUIContext,
+  useUnsafeNovuUI: () => useUnsafeNovuUIContext
+});
+module.exports = __toCommonJS(NovuUIContext_exports);
+var import_createContextAndHook = require("../utils/createContextAndHook.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var [NovuUIContext, useNovuUIContext, useUnsafeNovuUIContext] = (0, import_createContextAndHook.createContextAndHook)("NovuUIContext");
+var NovuUIProvider = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NovuUIContext.Provider, { value: { value: props.value }, children: props.children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NovuUIProvider,
+  useNovuUI,
+  useUnsafeNovuUI
+});
+//# sourceMappingURL=NovuUIContext.cjs.map

package/dist/cjs/context/NovuUIContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/NovuUIContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { NovuUI } from '@novu/js/ui';\nimport { createContextAndHook } from '../utils/createContextAndHook';\n\ntype NovuUIContextValue = {\n  novuUI: NovuUI;\n};\n\nconst [NovuUIContext, useNovuUIContext, useUnsafeNovuUIContext] =\n  createContextAndHook<NovuUIContextValue>('NovuUIContext');\n\nconst NovuUIProvider = (props: React.PropsWithChildren<{ value: NovuUIContextValue }>) => {\n  return <NovuUIContext.Provider value={{ value: props.value }}>{props.children}</NovuUIContext.Provider>;\n};\n\nexport { useNovuUIContext as useNovuUI, useUnsafeNovuUIContext as useUnsafeNovuUI, NovuUIProvider };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,kCAAqC;AAU5B;AAJT,IAAM,CAAC,eAAe,kBAAkB,sBAAsB,QAC5D,kDAAyC,eAAe;AAE1D,IAAM,iBAAiB,CAAC,UAAkE;AACxF,SAAO,4CAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,OAAO,MAAM,MAAM,GAAI,gBAAM,UAAS;AAChF;","names":[]}

package/dist/cjs/context/NovuUIContext.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { NovuUI } from '@novu/js/ui';
+
+type NovuUIContextValue = {
+    novuUI: NovuUI;
+};
+declare const useNovuUIContext: () => NovuUIContextValue;
+declare const useUnsafeNovuUIContext: () => NovuUIContextValue | Partial<NovuUIContextValue>;
+declare const NovuUIProvider: (props: React__default.PropsWithChildren<{
+    value: NovuUIContextValue;
+}>) => react_jsx_runtime.JSX.Element;
+
+export { NovuUIProvider, useNovuUIContext as useNovuUI, useUnsafeNovuUIContext as useUnsafeNovuUI };

package/dist/cjs/context/RendererContext.cjs

@@ -0,0 +1,40 @@
+"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 name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/context/RendererContext.tsx
+var RendererContext_exports = {};
+__export(RendererContext_exports, {
+  RendererProvider: () => RendererProvider,
+  useRenderer: () => useRendererContext,
+  useUnsafeRenderer: () => useUnsafeRendererContext
+});
+module.exports = __toCommonJS(RendererContext_exports);
+var import_createContextAndHook = require("../utils/createContextAndHook.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var [RendererContext, useRendererContext, useUnsafeRendererContext] = (0, import_createContextAndHook.createContextAndHook)("RendererContext");
+var RendererProvider = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RendererContext.Provider, { value: { value: props.value }, children: props.children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RendererProvider,
+  useRenderer,
+  useUnsafeRenderer
+});
+//# sourceMappingURL=RendererContext.cjs.map

package/dist/cjs/context/RendererContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/RendererContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { NovuUI } from '@novu/js/ui';\nimport { createContextAndHook } from '../utils/createContextAndHook';\n\nexport type MountedElement = React.ReactNode;\nexport type MountedElements = Map<HTMLElement, MountedElement>;\n\ntype RendererContextValue = {\n  mountElement: (el: HTMLElement, mountedElement: MountedElement) => () => void;\n};\n\nconst [RendererContext, useRendererContext, useUnsafeRendererContext] =\n  createContextAndHook<RendererContextValue>('RendererContext');\n\nconst RendererProvider = (props: React.PropsWithChildren<{ value: RendererContextValue }>) => {\n  return <RendererContext.Provider value={{ value: props.value }}>{props.children}</RendererContext.Provider>;\n};\n\nexport { useRendererContext as useRenderer, useUnsafeRendererContext as useUnsafeRenderer, RendererProvider };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,kCAAqC;AAa5B;AAJT,IAAM,CAAC,iBAAiB,oBAAoB,wBAAwB,QAClE,kDAA2C,iBAAiB;AAE9D,IAAM,mBAAmB,CAAC,UAAoE;AAC5F,SAAO,4CAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,OAAO,MAAM,MAAM,GAAI,gBAAM,UAAS;AAClF;","names":[]}

package/dist/cjs/context/RendererContext.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+type MountedElement = React__default.ReactNode;
+type MountedElements = Map<HTMLElement, MountedElement>;
+type RendererContextValue = {
+    mountElement: (el: HTMLElement, mountedElement: MountedElement) => () => void;
+};
+declare const useRendererContext: () => RendererContextValue;
+declare const useUnsafeRendererContext: () => RendererContextValue | Partial<RendererContextValue>;
+declare const RendererProvider: (props: React__default.PropsWithChildren<{
+    value: RendererContextValue;
+}>) => react_jsx_runtime.JSX.Element;
+
+export { type MountedElement, type MountedElements, RendererProvider, useRendererContext as useRenderer, useUnsafeRendererContext as useUnsafeRenderer };

package/dist/cjs/hooks/NovuProvider.cjs

@@ -0,0 +1,101 @@
+"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/hooks/NovuProvider.tsx
+var NovuProvider_exports = {};
+__export(NovuProvider_exports, {
+  InternalNovuProvider: () => InternalNovuProvider,
+  NovuProvider: () => NovuProvider,
+  useNovu: () => useNovu,
+  useUnsafeNovu: () => useUnsafeNovu
+});
+module.exports = __toCommonJS(NovuProvider_exports);
+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;
+};
+var useUnsafeNovu = () => {
+  const context = (0, import_react.useContext)(NovuContext);
+  return context;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InternalNovuProvider,
+  NovuProvider,
+  useNovu,
+  useUnsafeNovu
+});
+//# sourceMappingURL=NovuProvider.cjs.map

package/dist/cjs/hooks/NovuProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/NovuProvider.tsx"],"sourcesContent":["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\nexport type 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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAkC;AAClC,mBAA8D;AAwB1D;AArBJ,IAAM,UAAU;AAEhB,IAAM,OAAO;AACb,IAAM,gBAAgB,GAAG,IAAI,IAAI,OAAO;AAMxC,IAAM,kBAAc,4BAAgC,MAAS;AAEtD,IAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAc;AAAA,MAEb;AAAA;AAAA,EACH;AAEJ;AAOO,IAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqE;AACnE,QAAM,WAAO;AAAA,IACX,MACE,IAAI,eAAK;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,GAAG,aAAa,IAAI,aAAa;AAAA,IAChD,CAAC;AAAA,IACH,CAAC,uBAAuB,cAAc,gBAAgB,YAAY,WAAW,UAAU,aAAa;AAAA,EACtG;AAEA,SAAO,4CAAC,YAAY,UAAZ,EAAqB,OAAO,MAAO,UAAS;AACtD;AAEO,IAAM,UAAU,MAAM;AAC3B,QAAM,cAAU,yBAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,gDAAgD;AAAA,EAClE;AAEA,SAAO;AACT;AAEO,IAAM,gBAAgB,MAAM;AACjC,QAAM,cAAU,yBAAW,WAAW;AAEtC,SAAO;AACT;","names":[]}

package/dist/cjs/hooks/NovuProvider.d.cts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { NovuOptions, Novu } from '@novu/js';
+import { ReactNode } from 'react';
+
+type NovuProviderProps = NovuOptions & {
+    children: ReactNode;
+};
+declare const NovuProvider: ({ children, applicationIdentifier, subscriberId, subscriberHash, backendUrl, socketUrl, useCache, }: NovuProviderProps) => react_jsx_runtime.JSX.Element;
+/**
+ * @internal Should be used internally not to be exposed outside of the library
+ * This is needed to differentiate between the hooks and components user agents
+ * Better to use this internally to avoid confusion.
+ */
+declare const InternalNovuProvider: ({ children, applicationIdentifier, subscriberId, subscriberHash, backendUrl, socketUrl, useCache, userAgentType, }: NovuProviderProps & {
+    userAgentType: "components" | "hooks";
+}) => react_jsx_runtime.JSX.Element;
+declare const useNovu: () => Novu;
+declare const useUnsafeNovu: () => Novu | undefined;
+
+export { InternalNovuProvider, NovuProvider, type NovuProviderProps, useNovu, useUnsafeNovu };

package/dist/cjs/hooks/index.cjs

@@ -0,0 +1,40 @@
+"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 name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/index.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  NovuProvider: () => import_NovuProvider.NovuProvider,
+  useNovu: () => import_NovuProvider.useNovu
+});
+module.exports = __toCommonJS(hooks_exports);
+__reExport(hooks_exports, require("./useNotifications.cjs"), module.exports);
+__reExport(hooks_exports, require("./usePreferences.cjs"), module.exports);
+__reExport(hooks_exports, require("./useCounts.cjs"), module.exports);
+var import_NovuProvider = require("./NovuProvider.cjs");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NovuProvider,
+  useNovu,
+  ...require("./useNotifications.cjs"),
+  ...require("./usePreferences.cjs"),
+  ...require("./useCounts.cjs")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useNotifications';\nexport * from './usePreferences';\nexport * from './useCounts';\nexport { NovuProvider, useNovu } from './NovuProvider';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAc,mCAAd;AACA,0BAAc,iCADd;AAEA,0BAAc,4BAFd;AAGA,0BAAsC;","names":[]}

package/dist/cjs/hooks/index.d.cts

@@ -0,0 +1,7 @@
+export { UseNotificationsProps, UseNotificationsResult, useNotifications } from './useNotifications.cjs';
+export { UsePreferencesProps, UsePreferencesResult, usePreferences } from './usePreferences.cjs';
+export { UseCountsProps, UseCountsResult, useCounts } from './useCounts.cjs';
+export { NovuProvider, useNovu } from './NovuProvider.cjs';
+import '@novu/js';
+import 'react/jsx-runtime';
+import 'react';

package/dist/cjs/hooks/internal/useBrowserTabsChannel.cjs

@@ -0,0 +1,52 @@
+"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 name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/internal/useBrowserTabsChannel.ts
+var useBrowserTabsChannel_exports = {};
+__export(useBrowserTabsChannel_exports, {
+  useBrowserTabsChannel: () => useBrowserTabsChannel
+});
+module.exports = __toCommonJS(useBrowserTabsChannel_exports);
+var import_react = require("react");
+var useBrowserTabsChannel = ({
+  channelName,
+  onMessage
+}) => {
+  const [tabsChannel] = (0, import_react.useState)(
+    typeof BroadcastChannel !== "undefined" ? new BroadcastChannel(channelName) : void 0
+  );
+  const postMessage = (data) => {
+    tabsChannel == null ? void 0 : tabsChannel.postMessage(data);
+  };
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      onMessage(event.data);
+    };
+    tabsChannel == null ? void 0 : tabsChannel.addEventListener("message", listener);
+    return () => {
+      tabsChannel == null ? void 0 : tabsChannel.removeEventListener("message", listener);
+    };
+  }, []);
+  return { postMessage };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useBrowserTabsChannel
+});
+//# sourceMappingURL=useBrowserTabsChannel.cjs.map