@novu/react 2.6.5 → 3.0.0-canary.0

package/dist/cjs/components/Bell.cjs

@@ -0,0 +1,63 @@
+"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/Bell.tsx
+var Bell_exports = {};
+__export(Bell_exports, {
+  Bell: () => Bell
+});
+module.exports = __toCommonJS(Bell_exports);
+var import_react = __toESM(require("react"), 1);
+var import_Mounter = require("./Mounter.cjs");
+var import_Renderer = require("./Renderer.cjs");
+var import_NovuUIContext = require("../context/NovuUIContext.cjs");
+var import_RendererContext = require("../context/RendererContext.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var _Bell = import_react.default.memo((props) => {
+  const { renderBell } = props;
+  const { novuUI } = (0, import_NovuUIContext.useNovuUI)();
+  const { mountElement } = (0, import_RendererContext.useRenderer)();
+  const mount = import_react.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_runtime.jsx)(import_Mounter.Mounter, { mount });
+});
+var Bell = (0, import_Renderer.withRenderer)(_Bell);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Bell
+});
+//# sourceMappingURL=Bell.cjs.map

package/dist/cjs/components/Bell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Bell.tsx"],"sourcesContent":["import React from 'react';\nimport { Mounter } from './Mounter';\nimport { BellRenderer } from '../utils/types';\nimport { withRenderer } from './Renderer';\nimport { useNovuUI } from '../context/NovuUIContext';\nimport { useRenderer } from '../context/RendererContext';\n\nexport type BellProps = {\n  renderBell?: BellRenderer;\n};\n\nconst _Bell = React.memo((props: BellProps) => {\n  const { renderBell } = props;\n  const { novuUI } = useNovuUI();\n  const { mountElement } = useRenderer();\n\n  const mount = React.useCallback(\n    (element: HTMLElement) => {\n      return novuUI.mountComponent({\n        name: 'Bell',\n        element,\n        props: renderBell ? { renderBell: (el, unreadCount) => mountElement(el, renderBell(unreadCount)) } : undefined,\n      });\n    },\n    [renderBell]\n  );\n\n  return <Mounter mount={mount} />;\n});\n\nexport const Bell = withRenderer(_Bell);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAwB;AAExB,sBAA6B;AAC7B,2BAA0B;AAC1B,6BAA4B;AAsBnB;AAhBT,IAAM,QAAQ,aAAAA,QAAM,KAAK,CAAC,UAAqB;AAC7C,QAAM,EAAE,WAAW,IAAI;AACvB,QAAM,EAAE,OAAO,QAAI,gCAAU;AAC7B,QAAM,EAAE,aAAa,QAAI,oCAAY;AAErC,QAAM,QAAQ,aAAAA,QAAM;AAAA,IAClB,CAAC,YAAyB;AACxB,aAAO,OAAO,eAAe;AAAA,QAC3B,MAAM;AAAA,QACN;AAAA,QACA,OAAO,aAAa,EAAE,YAAY,CAAC,IAAI,gBAAgB,aAAa,IAAI,WAAW,WAAW,CAAC,EAAE,IAAI;AAAA,MACvG,CAAC;AAAA,IACH;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,SAAO,4CAAC,0BAAQ,OAAc;AAChC,CAAC;AAEM,IAAM,WAAO,8BAAa,KAAK;","names":["React"]}

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

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { BellRenderer } from '../utils/types.cjs';
+import '@novu/js/ui';
+
+type BellProps = {
+    renderBell?: BellRenderer;
+};
+declare const Bell: React__default.ComponentType<BellProps & {
+    children?: React__default.ReactNode | undefined;
+}>;
+
+export { Bell, type BellProps };

package/dist/cjs/components/Inbox.cjs

@@ -0,0 +1,198 @@
+"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/Inbox.tsx
+var Inbox_exports = {};
+__export(Inbox_exports, {
+  Inbox: () => Inbox
+});
+module.exports = __toCommonJS(Inbox_exports);
+var import_react = __toESM(require("react"), 1);
+var import_Mounter = require("./Mounter.cjs");
+var import_NovuUIContext = require("../context/NovuUIContext.cjs");
+var import_RendererContext = require("../context/RendererContext.cjs");
+var import_NovuProvider = require("../hooks/NovuProvider.cjs");
+var import_NovuUI = require("./NovuUI.cjs");
+var import_Renderer = require("./Renderer.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var _DefaultInbox = (props) => {
+  const {
+    open,
+    renderNotification,
+    renderSubject,
+    renderBody,
+    renderBell,
+    onNotificationClick,
+    onPrimaryActionClick,
+    onSecondaryActionClick,
+    placement,
+    placementOffset
+  } = props;
+  const { novuUI } = (0, import_NovuUIContext.useNovuUI)();
+  const { mountElement } = (0, import_RendererContext.useRenderer)();
+  const mount = import_react.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_runtime.jsx)(import_Mounter.Mounter, { mount });
+};
+var DefaultInbox = (0, import_Renderer.withRenderer)(_DefaultInbox);
+var Inbox = import_react.default.memo((props) => {
+  const { applicationIdentifier, subscriberId, subscriberHash, backendUrl, socketUrl } = props;
+  const novu = (0, import_NovuProvider.useUnsafeNovu)();
+  if (novu) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InboxChild, { ...props });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_NovuProvider.InternalNovuProvider,
+    {
+      applicationIdentifier,
+      subscriberId,
+      subscriberHash,
+      backendUrl,
+      socketUrl,
+      userAgentType: "components",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InboxChild, { ...props })
+    }
+  );
+});
+var InboxChild = import_react.default.memo((props) => {
+  const {
+    localization,
+    appearance,
+    tabs,
+    preferencesFilter,
+    routerPush,
+    applicationIdentifier,
+    subscriberId,
+    subscriberHash,
+    backendUrl,
+    socketUrl
+  } = props;
+  const novu = (0, import_NovuProvider.useNovu)();
+  const options = (0, import_react.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_runtime.jsx)(import_NovuUI.NovuUI, { options, novu, children: props.children });
+  }
+  const {
+    open,
+    renderNotification,
+    renderSubject,
+    renderBody,
+    renderBell,
+    onNotificationClick,
+    onPrimaryActionClick,
+    onSecondaryActionClick,
+    placementOffset,
+    placement
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NovuUI.NovuUI, { options, novu, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DefaultInbox,
+    {
+      open,
+      renderNotification,
+      renderSubject,
+      renderBody,
+      renderBell,
+      onNotificationClick,
+      onPrimaryActionClick,
+      onSecondaryActionClick,
+      placement,
+      placementOffset
+    }
+  ) });
+});
+function isWithChildrenProps(props) {
+  return "children" in props;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Inbox
+});
+//# sourceMappingURL=Inbox.cjs.map

package/dist/cjs/components/Inbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Inbox.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { DefaultProps, DefaultInboxProps, WithChildrenProps } from '../utils/types';\nimport { Mounter } from './Mounter';\nimport { useNovuUI } from '../context/NovuUIContext';\nimport { useRenderer } from '../context/RendererContext';\nimport { InternalNovuProvider, useNovu, useUnsafeNovu } from '../hooks/NovuProvider';\nimport { NovuUI } from './NovuUI';\nimport { withRenderer } from './Renderer';\n\nexport type InboxProps = DefaultProps | WithChildrenProps;\n\nconst _DefaultInbox = (props: DefaultInboxProps) => {\n  const {\n    open,\n    renderNotification,\n    renderSubject,\n    renderBody,\n    renderBell,\n    onNotificationClick,\n    onPrimaryActionClick,\n    onSecondaryActionClick,\n    placement,\n    placementOffset,\n  } = props;\n  const { novuUI } = useNovuUI();\n  const { mountElement } = useRenderer();\n\n  const mount = React.useCallback(\n    (element: HTMLElement) => {\n      if (renderNotification) {\n        return novuUI.mountComponent({\n          name: 'Inbox',\n          props: {\n            open,\n            renderNotification: renderNotification\n              ? (el, notification) => mountElement(el, renderNotification(notification))\n              : undefined,\n            renderBell: renderBell ? (el, unreadCount) => mountElement(el, renderBell(unreadCount)) : undefined,\n            onNotificationClick,\n            onPrimaryActionClick,\n            onSecondaryActionClick,\n            placementOffset,\n            placement,\n          },\n          element,\n        });\n      }\n\n      return novuUI.mountComponent({\n        name: 'Inbox',\n        props: {\n          open,\n          renderSubject: renderSubject\n            ? (el, notification) => mountElement(el, renderSubject(notification))\n            : undefined,\n          renderBody: renderBody ? (el, notification) => mountElement(el, renderBody(notification)) : undefined,\n          renderBell: renderBell ? (el, unreadCount) => mountElement(el, renderBell(unreadCount)) : undefined,\n          onNotificationClick,\n          onPrimaryActionClick,\n          onSecondaryActionClick,\n          placementOffset,\n          placement,\n        },\n        element,\n      });\n    },\n    [\n      open,\n      renderNotification,\n      renderSubject,\n      renderBody,\n      renderBell,\n      onNotificationClick,\n      onPrimaryActionClick,\n      onSecondaryActionClick,\n    ]\n  );\n\n  return <Mounter mount={mount} />;\n};\n\nconst DefaultInbox = withRenderer(_DefaultInbox);\n\nexport const Inbox = React.memo((props: InboxProps) => {\n  const { applicationIdentifier, subscriberId, subscriberHash, backendUrl, socketUrl } = props;\n  const novu = useUnsafeNovu();\n\n  if (novu) {\n    return <InboxChild {...props} />;\n  }\n\n  return (\n    <InternalNovuProvider\n      applicationIdentifier={applicationIdentifier}\n      subscriberId={subscriberId}\n      subscriberHash={subscriberHash}\n      backendUrl={backendUrl}\n      socketUrl={socketUrl}\n      userAgentType=\"components\"\n    >\n      <InboxChild {...props} />\n    </InternalNovuProvider>\n  );\n});\n\nconst InboxChild = React.memo((props: InboxProps) => {\n  const {\n    localization,\n    appearance,\n    tabs,\n    preferencesFilter,\n    routerPush,\n    applicationIdentifier,\n    subscriberId,\n    subscriberHash,\n    backendUrl,\n    socketUrl,\n  } = props;\n  const novu = useNovu();\n\n  const options = useMemo(() => {\n    return {\n      localization,\n      appearance,\n      tabs,\n      preferencesFilter,\n      routerPush,\n      options: { applicationIdentifier, subscriberId, subscriberHash, backendUrl, socketUrl },\n    };\n  }, [\n    localization,\n    appearance,\n    tabs,\n    preferencesFilter,\n    applicationIdentifier,\n    subscriberId,\n    subscriberHash,\n    backendUrl,\n    socketUrl,\n  ]);\n\n  if (isWithChildrenProps(props)) {\n    return (\n      <NovuUI options={options} novu={novu}>\n        {props.children}\n      </NovuUI>\n    );\n  }\n\n  const {\n    open,\n    renderNotification,\n    renderSubject,\n    renderBody,\n    renderBell,\n    onNotificationClick,\n    onPrimaryActionClick,\n    onSecondaryActionClick,\n    placementOffset,\n    placement,\n  } = props;\n\n  return (\n    <NovuUI options={options} novu={novu}>\n      <DefaultInbox\n        open={open}\n        renderNotification={renderNotification}\n        renderSubject={renderSubject}\n        renderBody={renderBody}\n        renderBell={renderBell}\n        onNotificationClick={onNotificationClick}\n        onPrimaryActionClick={onPrimaryActionClick}\n        onSecondaryActionClick={onSecondaryActionClick}\n        placement={placement}\n        placementOffset={placementOffset}\n      />\n    </NovuUI>\n  );\n});\n\nfunction isWithChildrenProps(props: InboxProps): props is WithChildrenProps {\n  return 'children' in props;\n}\n"],"mappings":"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","names":["React"]}

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

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { DefaultProps, WithChildrenProps } from '../utils/types.cjs';
+import '@novu/js/ui';
+
+type InboxProps = DefaultProps | WithChildrenProps;
+declare const Inbox: React__default.MemoExoticComponent<(props: InboxProps) => react_jsx_runtime.JSX.Element>;
+
+export { Inbox, type InboxProps };

package/dist/cjs/components/InboxContent.cjs

@@ -0,0 +1,94 @@
+"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/InboxContent.tsx
+var InboxContent_exports = {};
+__export(InboxContent_exports, {
+  InboxContent: () => InboxContent
+});
+module.exports = __toCommonJS(InboxContent_exports);
+var import_react = __toESM(require("react"), 1);
+var import_Mounter = require("./Mounter.cjs");
+var import_RendererContext = require("../context/RendererContext.cjs");
+var import_NovuUIContext = require("../context/NovuUIContext.cjs");
+var import_Renderer = require("./Renderer.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var _InboxContent = import_react.default.memo((props) => {
+  const {
+    onNotificationClick,
+    onPrimaryActionClick,
+    renderNotification,
+    renderSubject,
+    renderBody,
+    onSecondaryActionClick,
+    initialPage,
+    hideNav
+  } = props;
+  const { novuUI } = (0, import_NovuUIContext.useNovuUI)();
+  const { mountElement } = (0, import_RendererContext.useRenderer)();
+  const mount = import_react.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_runtime.jsx)(import_Mounter.Mounter, { mount });
+});
+var InboxContent = (0, import_Renderer.withRenderer)(_InboxContent);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InboxContent
+});
+//# sourceMappingURL=InboxContent.cjs.map

package/dist/cjs/components/InboxContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/InboxContent.tsx"],"sourcesContent":["import React from 'react';\nimport type { NotificationClickHandler, NotificationActionClickHandler, InboxPage } from '@novu/js/ui';\nimport { Mounter } from './Mounter';\nimport { NoRendererProps, SubjectBodyRendererProps, NotificationRendererProps } from '../utils/types';\nimport { useRenderer } from '../context/RendererContext';\nimport { useNovuUI } from '../context/NovuUIContext';\nimport { withRenderer } from './Renderer';\n\nexport type InboxContentProps = {\n  onNotificationClick?: NotificationClickHandler;\n  onPrimaryActionClick?: NotificationActionClickHandler;\n  onSecondaryActionClick?: NotificationActionClickHandler;\n  initialPage?: InboxPage;\n  hideNav?: boolean;\n} & (NotificationRendererProps | SubjectBodyRendererProps | NoRendererProps);\n\nconst _InboxContent = React.memo((props: InboxContentProps) => {\n  const {\n    onNotificationClick,\n    onPrimaryActionClick,\n    renderNotification,\n    renderSubject,\n    renderBody,\n    onSecondaryActionClick,\n    initialPage,\n    hideNav,\n  } = props;\n  const { novuUI } = useNovuUI();\n  const { mountElement } = useRenderer();\n\n  const mount = React.useCallback(\n    (element: HTMLElement) => {\n      if (renderNotification) {\n        return novuUI.mountComponent({\n          name: 'InboxContent',\n          element,\n          props: {\n            renderNotification: renderNotification\n              ? (el, notification) => mountElement(el, renderNotification(notification))\n              : undefined,\n            onNotificationClick,\n            onPrimaryActionClick,\n            onSecondaryActionClick,\n            initialPage,\n            hideNav,\n          },\n        });\n      }\n\n      return novuUI.mountComponent({\n        name: 'InboxContent',\n        element,\n        props: {\n          renderSubject: renderSubject\n            ? (el, notification) => mountElement(el, renderSubject(notification))\n            : undefined,\n          renderBody: renderBody ? (el, notification) => mountElement(el, renderBody(notification)) : undefined,\n          onNotificationClick,\n          onPrimaryActionClick,\n          onSecondaryActionClick,\n          initialPage,\n          hideNav,\n        },\n      });\n    },\n    [renderNotification, renderSubject, renderBody, onNotificationClick, onPrimaryActionClick, onSecondaryActionClick]\n  );\n\n  return <Mounter mount={mount} />;\n});\n\nexport const InboxContent = withRenderer(_InboxContent);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,qBAAwB;AAExB,6BAA4B;AAC5B,2BAA0B;AAC1B,sBAA6B;AA8DpB;AApDT,IAAM,gBAAgB,aAAAA,QAAM,KAAK,CAAC,UAA6B;AAC7D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,OAAO,QAAI,gCAAU;AAC7B,QAAM,EAAE,aAAa,QAAI,oCAAY;AAErC,QAAM,QAAQ,aAAAA,QAAM;AAAA,IAClB,CAAC,YAAyB;AACxB,UAAI,oBAAoB;AACtB,eAAO,OAAO,eAAe;AAAA,UAC3B,MAAM;AAAA,UACN;AAAA,UACA,OAAO;AAAA,YACL,oBAAoB,qBAChB,CAAC,IAAI,iBAAiB,aAAa,IAAI,mBAAmB,YAAY,CAAC,IACvE;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAEA,aAAO,OAAO,eAAe;AAAA,QAC3B,MAAM;AAAA,QACN;AAAA,QACA,OAAO;AAAA,UACL,eAAe,gBACX,CAAC,IAAI,iBAAiB,aAAa,IAAI,cAAc,YAAY,CAAC,IAClE;AAAA,UACJ,YAAY,aAAa,CAAC,IAAI,iBAAiB,aAAa,IAAI,WAAW,YAAY,CAAC,IAAI;AAAA,UAC5F;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,oBAAoB,eAAe,YAAY,qBAAqB,sBAAsB,sBAAsB;AAAA,EACnH;AAEA,SAAO,4CAAC,0BAAQ,OAAc;AAChC,CAAC;AAEM,IAAM,mBAAe,8BAAa,aAAa;","names":["React"]}

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

@@ -0,0 +1,16 @@
+import React__default from 'react';
+import { NotificationClickHandler, NotificationActionClickHandler, InboxPage } from '@novu/js/ui';
+import { NotificationRendererProps, SubjectBodyRendererProps, NoRendererProps } from '../utils/types.cjs';
+
+type InboxContentProps = {
+    onNotificationClick?: NotificationClickHandler;
+    onPrimaryActionClick?: NotificationActionClickHandler;
+    onSecondaryActionClick?: NotificationActionClickHandler;
+    initialPage?: InboxPage;
+    hideNav?: boolean;
+} & (NotificationRendererProps | SubjectBodyRendererProps | NoRendererProps);
+declare const InboxContent: React__default.ComponentType<InboxContentProps & {
+    children?: React__default.ReactNode | undefined;
+}>;
+
+export { InboxContent, type InboxContentProps };

package/dist/cjs/components/Mounter.cjs

@@ -0,0 +1,51 @@
+"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/Mounter.tsx
+var Mounter_exports = {};
+__export(Mounter_exports, {
+  Mounter: () => Mounter
+});
+module.exports = __toCommonJS(Mounter_exports);
+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 });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Mounter
+});
+//# sourceMappingURL=Mounter.cjs.map

package/dist/cjs/components/Mounter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Mounter.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\ntype MounterProps = {\n  mount: (node: HTMLElement) => ((node: HTMLElement) => void) | void;\n};\n\n/**\n * Mounter allows you to mount a component to a DOM node.\n */\nexport function Mounter({ mount }: MounterProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let unmount: (node: HTMLDivElement) => void | undefined;\n    const element = ref.current;\n    if (element && mount) {\n      const possibleUnmount = mount(element);\n      if (possibleUnmount) {\n        unmount = possibleUnmount;\n      }\n    }\n\n    return () => {\n      if (element && unmount) {\n        unmount(element);\n      }\n    };\n  }, [ref, mount]);\n\n  return <div ref={ref} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AA6BzB;AApBF,SAAS,QAAQ,EAAE,MAAM,GAAiB;AAC/C,QAAM,UAAM,qBAAuB,IAAI;AAEvC,8BAAU,MAAM;AACd,QAAI;AACJ,UAAM,UAAU,IAAI;AACpB,QAAI,WAAW,OAAO;AACpB,YAAM,kBAAkB,MAAM,OAAO;AACrC,UAAI,iBAAiB;AACnB,kBAAU;AAAA,MACZ;AAAA,IACF;AAEA,WAAO,MAAM;AACX,UAAI,WAAW,SAAS;AACtB,gBAAQ,OAAO;AAAA,MACjB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,KAAK,KAAK,CAAC;AAEf,SAAO,4CAAC,SAAI,KAAU;AACxB;","names":[]}

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type MounterProps = {
+    mount: (node: HTMLElement) => ((node: HTMLElement) => void) | void;
+};
+/**
+ * Mounter allows you to mount a component to a DOM node.
+ */
+declare function Mounter({ mount }: MounterProps): react_jsx_runtime.JSX.Element;
+
+export { Mounter };

package/dist/cjs/components/Notifications.cjs

@@ -0,0 +1,88 @@
+"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/Notifications.tsx
+var Notifications_exports = {};
+__export(Notifications_exports, {
+  Notifications: () => Notifications
+});
+module.exports = __toCommonJS(Notifications_exports);
+var import_react = __toESM(require("react"), 1);
+var import_Mounter = require("./Mounter.cjs");
+var import_RendererContext = require("../context/RendererContext.cjs");
+var import_NovuUIContext = require("../context/NovuUIContext.cjs");
+var import_Renderer = require("./Renderer.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var _Notifications = import_react.default.memo((props) => {
+  const {
+    renderNotification,
+    renderSubject,
+    renderBody,
+    onNotificationClick,
+    onPrimaryActionClick,
+    onSecondaryActionClick
+  } = props;
+  const { novuUI } = (0, import_NovuUIContext.useNovuUI)();
+  const { mountElement } = (0, import_RendererContext.useRenderer)();
+  const mount = import_react.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_runtime.jsx)(import_Mounter.Mounter, { mount });
+});
+var Notifications = (0, import_Renderer.withRenderer)(_Notifications);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Notifications
+});
+//# sourceMappingURL=Notifications.cjs.map

package/dist/cjs/components/Notifications.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Notifications.tsx"],"sourcesContent":["import React from 'react';\nimport type { NotificationClickHandler, NotificationActionClickHandler } from '@novu/js/ui';\nimport { Mounter } from './Mounter';\nimport { NoRendererProps, NotificationRendererProps, SubjectBodyRendererProps } from '../utils/types';\nimport { useRenderer } from '../context/RendererContext';\nimport { useNovuUI } from '../context/NovuUIContext';\nimport { withRenderer } from './Renderer';\n\nexport type NotificationProps = {\n  onNotificationClick?: NotificationClickHandler;\n  onPrimaryActionClick?: NotificationActionClickHandler;\n  onSecondaryActionClick?: NotificationActionClickHandler;\n} & (NotificationRendererProps | SubjectBodyRendererProps | NoRendererProps);\n\nconst _Notifications = React.memo((props: NotificationProps) => {\n  const {\n    renderNotification,\n    renderSubject,\n    renderBody,\n    onNotificationClick,\n    onPrimaryActionClick,\n    onSecondaryActionClick,\n  } = props;\n  const { novuUI } = useNovuUI();\n  const { mountElement } = useRenderer();\n\n  const mount = React.useCallback(\n    (element: HTMLElement) => {\n      if (renderNotification) {\n        return novuUI.mountComponent({\n          name: 'Notifications',\n          element,\n          props: {\n            renderNotification: renderNotification\n              ? (el, notification) => mountElement(el, renderNotification(notification))\n              : undefined,\n            onNotificationClick,\n            onPrimaryActionClick,\n            onSecondaryActionClick,\n          },\n        });\n      }\n\n      return novuUI.mountComponent({\n        name: 'Notifications',\n        element,\n        props: {\n          renderSubject: renderSubject\n            ? (el, notification) => mountElement(el, renderSubject(notification))\n            : undefined,\n          renderBody: renderBody ? (el, notification) => mountElement(el, renderBody(notification)) : undefined,\n          onNotificationClick,\n          onPrimaryActionClick,\n          onSecondaryActionClick,\n        },\n      });\n    },\n    [renderNotification, renderSubject, renderBody, onNotificationClick, onPrimaryActionClick, onSecondaryActionClick]\n  );\n\n  return <Mounter mount={mount} />;\n});\n\nexport const Notifications = withRenderer(_Notifications);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,qBAAwB;AAExB,6BAA4B;AAC5B,2BAA0B;AAC1B,sBAA6B;AAsDpB;AA9CT,IAAM,iBAAiB,aAAAA,QAAM,KAAK,CAAC,UAA6B;AAC9D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,OAAO,QAAI,gCAAU;AAC7B,QAAM,EAAE,aAAa,QAAI,oCAAY;AAErC,QAAM,QAAQ,aAAAA,QAAM;AAAA,IAClB,CAAC,YAAyB;AACxB,UAAI,oBAAoB;AACtB,eAAO,OAAO,eAAe;AAAA,UAC3B,MAAM;AAAA,UACN;AAAA,UACA,OAAO;AAAA,YACL,oBAAoB,qBAChB,CAAC,IAAI,iBAAiB,aAAa,IAAI,mBAAmB,YAAY,CAAC,IACvE;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAEA,aAAO,OAAO,eAAe;AAAA,QAC3B,MAAM;AAAA,QACN;AAAA,QACA,OAAO;AAAA,UACL,eAAe,gBACX,CAAC,IAAI,iBAAiB,aAAa,IAAI,cAAc,YAAY,CAAC,IAClE;AAAA,UACJ,YAAY,aAAa,CAAC,IAAI,iBAAiB,aAAa,IAAI,WAAW,YAAY,CAAC,IAAI;AAAA,UAC5F;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,oBAAoB,eAAe,YAAY,qBAAqB,sBAAsB,sBAAsB;AAAA,EACnH;AAEA,SAAO,4CAAC,0BAAQ,OAAc;AAChC,CAAC;AAEM,IAAM,oBAAgB,8BAAa,cAAc;","names":["React"]}

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

@@ -0,0 +1,14 @@
+import React__default from 'react';
+import { NotificationClickHandler, NotificationActionClickHandler } from '@novu/js/ui';
+import { NotificationRendererProps, SubjectBodyRendererProps, NoRendererProps } from '../utils/types.cjs';
+
+type NotificationProps = {
+    onNotificationClick?: NotificationClickHandler;
+    onPrimaryActionClick?: NotificationActionClickHandler;
+    onSecondaryActionClick?: NotificationActionClickHandler;
+} & (NotificationRendererProps | SubjectBodyRendererProps | NoRendererProps);
+declare const Notifications: React__default.ComponentType<NotificationProps & {
+    children?: React__default.ReactNode | undefined;
+}>;
+
+export { type NotificationProps, Notifications };