@novu/react 3.19.2 → 3.20.0-rc.569d407fd0

package/dist/cjs/context/OutletStore.cjs

@@ -0,0 +1,97 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+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);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+
+// src/context/OutletStore.ts
+var OutletStore_exports = {};
+__export(OutletStore_exports, {
+  OutletStore: () => OutletStore
+});
+module.exports = __toCommonJS(OutletStore_exports);
+var fallbackOutletCounter = 0;
+var _entries, _snapshot, _listeners, _OutletStore_instances, set_fn, publish_fn;
+var OutletStore = class {
+  constructor() {
+    __privateAdd(this, _OutletStore_instances);
+    __privateAdd(this, _entries, /* @__PURE__ */ new Map());
+    __privateAdd(this, _snapshot, { entries: __privateGet(this, _entries), version: 0 });
+    __privateAdd(this, _listeners, /* @__PURE__ */ new Set());
+    this.subscribe = (listener) => {
+      __privateGet(this, _listeners).add(listener);
+      return () => {
+        __privateGet(this, _listeners).delete(listener);
+      };
+    };
+    this.getSnapshot = () => __privateGet(this, _snapshot);
+  }
+  /** Re-renders every outlet. Called when a host render prop changed identity. */
+  invalidate() {
+    __privateMethod(this, _OutletStore_instances, publish_fn).call(this);
+  }
+  mount(el, render, args) {
+    const id = el.dataset.novuOutlet ?? `nv-host-outlet-${fallbackOutletCounter++}`;
+    __privateMethod(this, _OutletStore_instances, set_fn).call(this, { id, el, render, args });
+    return {
+      update: (...nextArgs) => {
+        const current = __privateGet(this, _entries).get(id);
+        if (!current) {
+          return;
+        }
+        __privateMethod(this, _OutletStore_instances, set_fn).call(this, { ...current, args: nextArgs });
+      },
+      unmount: () => {
+        if (!__privateGet(this, _entries).has(id)) {
+          return;
+        }
+        const next = new Map(__privateGet(this, _entries));
+        next.delete(id);
+        __privateSet(this, _entries, next);
+        __privateMethod(this, _OutletStore_instances, publish_fn).call(this);
+      }
+    };
+  }
+};
+_entries = new WeakMap();
+_snapshot = new WeakMap();
+_listeners = new WeakMap();
+_OutletStore_instances = new WeakSet();
+set_fn = function(entry) {
+  const next = new Map(__privateGet(this, _entries));
+  next.set(entry.id, entry);
+  __privateSet(this, _entries, next);
+  __privateMethod(this, _OutletStore_instances, publish_fn).call(this);
+};
+publish_fn = function() {
+  __privateSet(this, _snapshot, { entries: __privateGet(this, _entries), version: __privateGet(this, _snapshot).version + 1 });
+  for (const listener of __privateGet(this, _listeners)) {
+    listener();
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OutletStore
+});
+//# sourceMappingURL=OutletStore.cjs.map

package/dist/cjs/context/OutletStore.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/OutletStore.ts"],"sourcesContent":["import type { OutletHandle } from '@novu/js/ui';\nimport type { ReactNode } from 'react';\n\nexport type OutletRender = (...args: unknown[]) => ReactNode;\n\nexport type OutletEntry = {\n  id: string;\n  el: HTMLElement;\n  render: OutletRender;\n  args: unknown[];\n};\n\nexport type OutletSnapshot = {\n  entries: ReadonlyMap<string, OutletEntry>;\n  /** Bumped when a render prop changed identity, so outlets re-render with the latest one even if they rendered first. */\n  version: number;\n};\n\nlet fallbackOutletCounter = 0;\n\n/**\n * The host side of the bridge for outlets: DOM nodes the engine hands to React so React can render into them.\n *\n * One store exists per engine instance. Every mutation replaces the map, so `useSyncExternalStore` sees a new\n * snapshot only when something changed, and portals keyed by outlet id are reconciled in place.\n */\nexport class OutletStore {\n  #entries: Map<string, OutletEntry> = new Map();\n  #snapshot: OutletSnapshot = { entries: this.#entries, version: 0 };\n  #listeners = new Set<() => void>();\n\n  subscribe = (listener: () => void) => {\n    this.#listeners.add(listener);\n\n    return () => {\n      this.#listeners.delete(listener);\n    };\n  };\n\n  getSnapshot = (): OutletSnapshot => this.#snapshot;\n\n  /** Re-renders every outlet. Called when a host render prop changed identity. */\n  invalidate() {\n    this.#publish();\n  }\n\n  mount<TArgs extends unknown[]>(\n    el: HTMLElement,\n    render: (...args: TArgs) => ReactNode,\n    args: TArgs\n  ): OutletHandle<TArgs> {\n    // engine outlets carry an id that is unique per outlet instance; anything else gets one from the host\n    const id = el.dataset.novuOutlet ?? `nv-host-outlet-${fallbackOutletCounter++}`;\n    this.#set({ id, el, render: render as OutletRender, args });\n\n    return {\n      update: (...nextArgs: TArgs) => {\n        const current = this.#entries.get(id);\n        if (!current) {\n          return;\n        }\n\n        this.#set({ ...current, args: nextArgs });\n      },\n      unmount: () => {\n        if (!this.#entries.has(id)) {\n          return;\n        }\n\n        const next = new Map(this.#entries);\n        next.delete(id);\n        this.#entries = next;\n        this.#publish();\n      },\n    };\n  }\n\n  #set(entry: OutletEntry) {\n    const next = new Map(this.#entries);\n    next.set(entry.id, entry);\n    this.#entries = next;\n    this.#publish();\n  }\n\n  #publish() {\n    this.#snapshot = { entries: this.#entries, version: this.#snapshot.version + 1 };\n    for (const listener of this.#listeners) {\n      listener();\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBA,IAAI,wBAAwB;AAlB5B;AA0BO,IAAM,cAAN,MAAkB;AAAA,EAAlB;AAAA;AACL,iCAAqC,oBAAI,IAAI;AAC7C,kCAA4B,EAAE,SAAS,mBAAK,WAAU,SAAS,EAAE;AACjE,mCAAa,oBAAI,IAAgB;AAEjC,qBAAY,CAAC,aAAyB;AACpC,yBAAK,YAAW,IAAI,QAAQ;AAE5B,aAAO,MAAM;AACX,2BAAK,YAAW,OAAO,QAAQ;AAAA,MACjC;AAAA,IACF;AAEA,uBAAc,MAAsB,mBAAK;AAAA;AAAA;AAAA,EAGzC,aAAa;AACX,0BAAK,oCAAL;AAAA,EACF;AAAA,EAEA,MACE,IACA,QACA,MACqB;AAErB,UAAM,KAAK,GAAG,QAAQ,cAAc,kBAAkB,uBAAuB;AAC7E,0BAAK,gCAAL,WAAU,EAAE,IAAI,IAAI,QAAgC,KAAK;AAEzD,WAAO;AAAA,MACL,QAAQ,IAAI,aAAoB;AAC9B,cAAM,UAAU,mBAAK,UAAS,IAAI,EAAE;AACpC,YAAI,CAAC,SAAS;AACZ;AAAA,QACF;AAEA,8BAAK,gCAAL,WAAU,EAAE,GAAG,SAAS,MAAM,SAAS;AAAA,MACzC;AAAA,MACA,SAAS,MAAM;AACb,YAAI,CAAC,mBAAK,UAAS,IAAI,EAAE,GAAG;AAC1B;AAAA,QACF;AAEA,cAAM,OAAO,IAAI,IAAI,mBAAK,SAAQ;AAClC,aAAK,OAAO,EAAE;AACd,2BAAK,UAAW;AAChB,8BAAK,oCAAL;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAeF;AA/DE;AACA;AACA;AAHK;AAmDL,SAAI,SAAC,OAAoB;AACvB,QAAM,OAAO,IAAI,IAAI,mBAAK,SAAQ;AAClC,OAAK,IAAI,MAAM,IAAI,KAAK;AACxB,qBAAK,UAAW;AAChB,wBAAK,oCAAL;AACF;AAEA,aAAQ,WAAG;AACT,qBAAK,WAAY,EAAE,SAAS,mBAAK,WAAU,SAAS,mBAAK,WAAU,UAAU,EAAE;AAC/E,aAAW,YAAY,mBAAK,aAAY;AACtC,aAAS;AAAA,EACX;AACF;","names":[]}

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

@@ -0,0 +1,31 @@
+import { OutletHandle } from '@novu/js/ui';
+import { ReactNode } from 'react';
+
+type OutletRender = (...args: unknown[]) => ReactNode;
+type OutletEntry = {
+    id: string;
+    el: HTMLElement;
+    render: OutletRender;
+    args: unknown[];
+};
+type OutletSnapshot = {
+    entries: ReadonlyMap<string, OutletEntry>;
+    /** Bumped when a render prop changed identity, so outlets re-render with the latest one even if they rendered first. */
+    version: number;
+};
+/**
+ * The host side of the bridge for outlets: DOM nodes the engine hands to React so React can render into them.
+ *
+ * One store exists per engine instance. Every mutation replaces the map, so `useSyncExternalStore` sees a new
+ * snapshot only when something changed, and portals keyed by outlet id are reconciled in place.
+ */
+declare class OutletStore {
+    #private;
+    subscribe: (listener: () => void) => () => void;
+    getSnapshot: () => OutletSnapshot;
+    /** Re-renders every outlet. Called when a host render prop changed identity. */
+    invalidate(): void;
+    mount<TArgs extends unknown[]>(el: HTMLElement, render: (...args: TArgs) => ReactNode, args: TArgs): OutletHandle<TArgs>;
+}
+
+export { type OutletEntry, type OutletRender, type OutletSnapshot, OutletStore };

package/dist/cjs/hooks/internal/useEngineAccessor.cjs

@@ -0,0 +1,36 @@
+"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/useEngineAccessor.ts
+var useEngineAccessor_exports = {};
+__export(useEngineAccessor_exports, {
+  useEngineAccessor: () => useEngineAccessor
+});
+module.exports = __toCommonJS(useEngineAccessor_exports);
+var import_ui_core = require("@novu/js/ui-core");
+var import_react = require("react");
+function useEngineAccessor(accessor) {
+  const subscribe = (0, import_react.useCallback)((onChange) => (0, import_ui_core.subscribeAccessor)(accessor, onChange), [accessor]);
+  return (0, import_react.useSyncExternalStore)(subscribe, accessor, accessor);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useEngineAccessor
+});
+//# sourceMappingURL=useEngineAccessor.cjs.map

package/dist/cjs/hooks/internal/useEngineAccessor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/internal/useEngineAccessor.ts"],"sourcesContent":["import { subscribeAccessor } from '@novu/js/ui-core';\nimport { useCallback, useSyncExternalStore } from 'react';\n\n/** Reads a core store accessor and re-renders when it changes. Accessors return stable references until they change. */\nexport function useEngineAccessor<T>(accessor: () => T): T {\n  const subscribe = useCallback((onChange: () => void) => subscribeAccessor(accessor, onChange), [accessor]);\n\n  return useSyncExternalStore(subscribe, accessor, accessor);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAkC;AAClC,mBAAkD;AAG3C,SAAS,kBAAqB,UAAsB;AACzD,QAAM,gBAAY,0BAAY,CAAC,iBAAyB,kCAAkB,UAAU,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAEzG,aAAO,mCAAqB,WAAW,UAAU,QAAQ;AAC3D;","names":[]}

package/dist/cjs/hooks/internal/useEngineAccessor.d.cts

@@ -0,0 +1,4 @@
+/** Reads a core store accessor and re-renders when it changes. Accessors return stable references until they change. */
+declare function useEngineAccessor<T>(accessor: () => T): T;
+
+export { useEngineAccessor };

package/dist/cjs/hooks/internal/useEngineStores.cjs

@@ -0,0 +1,54 @@
+"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/useEngineStores.ts
+var useEngineStores_exports = {};
+__export(useEngineStores_exports, {
+  useEngineStores: () => useEngineStores,
+  useLocalization: () => useLocalization,
+  useStyle: () => useStyle
+});
+module.exports = __toCommonJS(useEngineStores_exports);
+var import_ui_core = require("@novu/js/ui-core");
+var import_react = require("react");
+var import_NovuUIContext = require("../../context/NovuUIContext.cjs");
+var import_useEngineAccessor = require("./useEngineAccessor.cjs");
+var useEngineStores = () => (0, import_NovuUIContext.useNovuUI)().novuUI.stores;
+var useStyle = () => {
+  const { appearance } = useEngineStores();
+  const elements = (0, import_useEngineAccessor.useEngineAccessor)(appearance.elements);
+  const appearanceKeyToCssInJsClass = (0, import_useEngineAccessor.useEngineAccessor)(appearance.appearanceKeyToCssInJsClass);
+  return (0, import_react.useCallback)(
+    (args) => (0, import_ui_core.resolveStyle)(args, { elements, appearanceKeyToCssInJsClass }),
+    [elements, appearanceKeyToCssInJsClass]
+  );
+};
+var useLocalization = () => {
+  const { localization } = useEngineStores();
+  (0, import_useEngineAccessor.useEngineAccessor)(localization.dictionary);
+  const locale = (0, import_useEngineAccessor.useEngineAccessor)(localization.locale);
+  return { t: localization.t, locale };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useEngineStores,
+  useLocalization,
+  useStyle
+});
+//# sourceMappingURL=useEngineStores.cjs.map

package/dist/cjs/hooks/internal/useEngineStores.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/internal/useEngineStores.ts"],"sourcesContent":["import { type ResolveStyleArgs, resolveStyle } from '@novu/js/ui-core';\nimport { useCallback } from 'react';\nimport { useNovuUI } from '../../context/NovuUIContext';\nimport { useEngineAccessor } from './useEngineAccessor';\n\nexport const useEngineStores = () => useNovuUI().novuUI.stores;\n\n/** The React twin of the engine's `useStyle`: same appearance keys, same classes, same host overrides. */\nexport const useStyle = () => {\n  const { appearance } = useEngineStores();\n  const elements = useEngineAccessor(appearance.elements);\n  const appearanceKeyToCssInJsClass = useEngineAccessor(appearance.appearanceKeyToCssInJsClass);\n\n  return useCallback(\n    (args: ResolveStyleArgs) => resolveStyle(args, { elements, appearanceKeyToCssInJsClass }),\n    [elements, appearanceKeyToCssInJsClass]\n  );\n};\n\nexport const useLocalization = () => {\n  const { localization } = useEngineStores();\n  // subscribe to the dictionary so any string change re-renders, even when the locale stays the same\n  useEngineAccessor(localization.dictionary);\n  const locale = useEngineAccessor(localization.locale);\n\n  return { t: localization.t, locale };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoD;AACpD,mBAA4B;AAC5B,2BAA0B;AAC1B,+BAAkC;AAE3B,IAAM,kBAAkB,UAAM,gCAAU,EAAE,OAAO;AAGjD,IAAM,WAAW,MAAM;AAC5B,QAAM,EAAE,WAAW,IAAI,gBAAgB;AACvC,QAAM,eAAW,4CAAkB,WAAW,QAAQ;AACtD,QAAM,kCAA8B,4CAAkB,WAAW,2BAA2B;AAE5F,aAAO;AAAA,IACL,CAAC,aAA2B,6BAAa,MAAM,EAAE,UAAU,4BAA4B,CAAC;AAAA,IACxF,CAAC,UAAU,2BAA2B;AAAA,EACxC;AACF;AAEO,IAAM,kBAAkB,MAAM;AACnC,QAAM,EAAE,aAAa,IAAI,gBAAgB;AAEzC,kDAAkB,aAAa,UAAU;AACzC,QAAM,aAAS,4CAAkB,aAAa,MAAM;AAEpD,SAAO,EAAE,GAAG,aAAa,GAAG,OAAO;AACrC;","names":[]}

package/dist/cjs/hooks/internal/useEngineStores.d.cts

@@ -0,0 +1,13 @@
+import * as _novu_js_ui_core from '@novu/js/ui-core';
+import { ResolveStyleArgs } from '@novu/js/ui-core';
+import * as _novu_js_ui from '@novu/js/ui';
+
+declare const useEngineStores: () => _novu_js_ui.EngineStores;
+/** The React twin of the engine's `useStyle`: same appearance keys, same classes, same host overrides. */
+declare const useStyle: () => (args: ResolveStyleArgs) => string;
+declare const useLocalization: () => {
+    t: _novu_js_ui_core.TranslateFunction;
+    locale: string;
+};
+
+export { useEngineStores, useLocalization, useStyle };

package/dist/cjs/hooks/internal/useIsomorphicLayoutEffect.cjs

@@ -0,0 +1,32 @@
+"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/useIsomorphicLayoutEffect.ts
+var useIsomorphicLayoutEffect_exports = {};
+__export(useIsomorphicLayoutEffect_exports, {
+  useIsomorphicLayoutEffect: () => useIsomorphicLayoutEffect
+});
+module.exports = __toCommonJS(useIsomorphicLayoutEffect_exports);
+var import_react = require("react");
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react.useLayoutEffect : import_react.useEffect;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useIsomorphicLayoutEffect
+});
+//# sourceMappingURL=useIsomorphicLayoutEffect.cjs.map

package/dist/cjs/hooks/internal/useIsomorphicLayoutEffect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/internal/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react';\n\nexport const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2C;AAEpC,IAAM,4BAA4B,OAAO,WAAW,cAAc,+BAAkB;","names":[]}

package/dist/cjs/hooks/internal/useIsomorphicLayoutEffect.d.cts

@@ -0,0 +1,5 @@
+import { useLayoutEffect } from 'react';
+
+declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+
+export { useIsomorphicLayoutEffect };

package/dist/cjs/hooks/internal/useNotificationOutlets.cjs

@@ -0,0 +1,57 @@
+"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/useNotificationOutlets.tsx
+var useNotificationOutlets_exports = {};
+__export(useNotificationOutlets_exports, {
+  useNotificationOutlets: () => useNotificationOutlets
+});
+module.exports = __toCommonJS(useNotificationOutlets_exports);
+var import_react = require("react");
+var import_context = require("../../components/notification-item/context.cjs");
+var import_useOutletRenderer = require("./useOutletRenderer.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function useNotificationOutlets(props) {
+  const { onNotificationClick, onPrimaryActionClick, onSecondaryActionClick, renderNotification: renderItem } = props;
+  const handlers = (0, import_react.useMemo)(
+    () => ({ onNotificationClick, onPrimaryActionClick, onSecondaryActionClick }),
+    [onNotificationClick, onPrimaryActionClick, onSecondaryActionClick]
+  );
+  const renderNotificationWithHandlers = (0, import_react.useMemo)(
+    () => renderItem ? (notification) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.NotificationHandlersProvider, { value: handlers, children: renderItem(notification) }) : void 0,
+    [renderItem, handlers]
+  );
+  const renderNotification = (0, import_useOutletRenderer.useOutletRenderer)(renderNotificationWithHandlers);
+  const renderAvatar = (0, import_useOutletRenderer.useOutletRenderer)(props.renderAvatar);
+  const renderSubject = (0, import_useOutletRenderer.useOutletRenderer)(props.renderSubject);
+  const renderBody = (0, import_useOutletRenderer.useOutletRenderer)(props.renderBody);
+  const renderDefaultActions = (0, import_useOutletRenderer.useOutletRenderer)(props.renderDefaultActions);
+  const renderCustomActions = (0, import_useOutletRenderer.useOutletRenderer)(props.renderCustomActions);
+  return (0, import_react.useMemo)(() => {
+    if (renderNotification) {
+      return { renderNotification };
+    }
+    return { renderAvatar, renderSubject, renderBody, renderDefaultActions, renderCustomActions };
+  }, [renderNotification, renderAvatar, renderSubject, renderBody, renderDefaultActions, renderCustomActions]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useNotificationOutlets
+});
+//# sourceMappingURL=useNotificationOutlets.cjs.map

package/dist/cjs/hooks/internal/useNotificationOutlets.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/internal/useNotificationOutlets.tsx"],"sourcesContent":["import type {\n  AvatarRenderer as JsAvatarRenderer,\n  BodyRenderer as JsBodyRenderer,\n  CustomActionsRenderer as JsCustomActionsRenderer,\n  DefaultActionsRenderer as JsDefaultActionsRenderer,\n  NotificationRenderer as JsNotificationRenderer,\n  SubjectRenderer as JsSubjectRenderer,\n  NotificationActionClickHandler,\n  NotificationClickHandler,\n} from '@novu/js/ui';\nimport React, { useMemo } from 'react';\nimport { NotificationHandlersProvider } from '../../components/notification-item/context';\nimport type {\n  AvatarRenderer,\n  BodyRenderer,\n  CustomActionsRenderer,\n  DefaultActionsRenderer,\n  NotificationsRenderer,\n  SubjectRenderer,\n} from '../../utils/types';\nimport { useOutletRenderer } from './useOutletRenderer';\n\ntype NotificationRenderProps = {\n  onNotificationClick?: NotificationClickHandler;\n  onPrimaryActionClick?: NotificationActionClickHandler;\n  onSecondaryActionClick?: NotificationActionClickHandler;\n  renderNotification?: NotificationsRenderer;\n  renderAvatar?: AvatarRenderer;\n  renderSubject?: SubjectRenderer;\n  renderBody?: BodyRenderer;\n  renderDefaultActions?: DefaultActionsRenderer;\n  renderCustomActions?: CustomActionsRenderer;\n};\n\nexport type NotificationOutlets =\n  | { renderNotification: JsNotificationRenderer }\n  | {\n      renderAvatar?: JsAvatarRenderer;\n      renderSubject?: JsSubjectRenderer;\n      renderBody?: JsBodyRenderer;\n      renderDefaultActions?: JsDefaultActionsRenderer;\n      renderCustomActions?: JsCustomActionsRenderer;\n    };\n\n/**\n * Adapts the notification render props shared by `Inbox`, `Notifications` and `InboxContent` into engine outlets.\n * `renderNotification` wins over the part renderers, exactly as the engine's prop types demand. Whatever it\n * renders sees the component's click handlers, so a `NotificationItem` inside it inherits them.\n */\nexport function useNotificationOutlets(props: NotificationRenderProps): NotificationOutlets {\n  const { onNotificationClick, onPrimaryActionClick, onSecondaryActionClick, renderNotification: renderItem } = props;\n  const handlers = useMemo(\n    () => ({ onNotificationClick, onPrimaryActionClick, onSecondaryActionClick }),\n    [onNotificationClick, onPrimaryActionClick, onSecondaryActionClick]\n  );\n  const renderNotificationWithHandlers = useMemo<NotificationsRenderer | undefined>(\n    () =>\n      renderItem\n        ? (notification) => (\n            <NotificationHandlersProvider value={handlers}>{renderItem(notification)}</NotificationHandlersProvider>\n          )\n        : undefined,\n    [renderItem, handlers]\n  );\n  const renderNotification = useOutletRenderer(renderNotificationWithHandlers);\n  const renderAvatar = useOutletRenderer(props.renderAvatar);\n  const renderSubject = useOutletRenderer(props.renderSubject);\n  const renderBody = useOutletRenderer(props.renderBody);\n  const renderDefaultActions = useOutletRenderer(props.renderDefaultActions);\n  const renderCustomActions = useOutletRenderer(props.renderCustomActions);\n\n  return useMemo<NotificationOutlets>(() => {\n    if (renderNotification) {\n      return { renderNotification };\n    }\n\n    return { renderAvatar, renderSubject, renderBody, renderDefaultActions, renderCustomActions };\n  }, [renderNotification, renderAvatar, renderSubject, renderBody, renderDefaultActions, renderCustomActions]);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,mBAA+B;AAC/B,qBAA6C;AAS7C,+BAAkC;AAuCtB;AAVL,SAAS,uBAAuB,OAAqD;AAC1F,QAAM,EAAE,qBAAqB,sBAAsB,wBAAwB,oBAAoB,WAAW,IAAI;AAC9G,QAAM,eAAW;AAAA,IACf,OAAO,EAAE,qBAAqB,sBAAsB,uBAAuB;AAAA,IAC3E,CAAC,qBAAqB,sBAAsB,sBAAsB;AAAA,EACpE;AACA,QAAM,qCAAiC;AAAA,IACrC,MACE,aACI,CAAC,iBACC,4CAAC,+CAA6B,OAAO,UAAW,qBAAW,YAAY,GAAE,IAE3E;AAAA,IACN,CAAC,YAAY,QAAQ;AAAA,EACvB;AACA,QAAM,yBAAqB,4CAAkB,8BAA8B;AAC3E,QAAM,mBAAe,4CAAkB,MAAM,YAAY;AACzD,QAAM,oBAAgB,4CAAkB,MAAM,aAAa;AAC3D,QAAM,iBAAa,4CAAkB,MAAM,UAAU;AACrD,QAAM,2BAAuB,4CAAkB,MAAM,oBAAoB;AACzE,QAAM,0BAAsB,4CAAkB,MAAM,mBAAmB;AAEvE,aAAO,sBAA6B,MAAM;AACxC,QAAI,oBAAoB;AACtB,aAAO,EAAE,mBAAmB;AAAA,IAC9B;AAEA,WAAO,EAAE,cAAc,eAAe,YAAY,sBAAsB,oBAAoB;AAAA,EAC9F,GAAG,CAAC,oBAAoB,cAAc,eAAe,YAAY,sBAAsB,mBAAmB,CAAC;AAC7G;","names":[]}

package/dist/cjs/hooks/internal/useNotificationOutlets.d.cts

@@ -0,0 +1,33 @@
+import { NotificationRenderer, AvatarRenderer, SubjectRenderer, BodyRenderer, DefaultActionsRenderer, CustomActionsRenderer, NotificationClickHandler, NotificationActionClickHandler } from '@novu/js/ui';
+import { NotificationsRenderer, AvatarRenderer as AvatarRenderer$1, SubjectRenderer as SubjectRenderer$1, BodyRenderer as BodyRenderer$1, DefaultActionsRenderer as DefaultActionsRenderer$1, CustomActionsRenderer as CustomActionsRenderer$1 } from '../../utils/types.cjs';
+import '@novu/js';
+import 'react';
+
+type NotificationRenderProps = {
+    onNotificationClick?: NotificationClickHandler;
+    onPrimaryActionClick?: NotificationActionClickHandler;
+    onSecondaryActionClick?: NotificationActionClickHandler;
+    renderNotification?: NotificationsRenderer;
+    renderAvatar?: AvatarRenderer$1;
+    renderSubject?: SubjectRenderer$1;
+    renderBody?: BodyRenderer$1;
+    renderDefaultActions?: DefaultActionsRenderer$1;
+    renderCustomActions?: CustomActionsRenderer$1;
+};
+type NotificationOutlets = {
+    renderNotification: NotificationRenderer;
+} | {
+    renderAvatar?: AvatarRenderer;
+    renderSubject?: SubjectRenderer;
+    renderBody?: BodyRenderer;
+    renderDefaultActions?: DefaultActionsRenderer;
+    renderCustomActions?: CustomActionsRenderer;
+};
+/**
+ * Adapts the notification render props shared by `Inbox`, `Notifications` and `InboxContent` into engine outlets.
+ * `renderNotification` wins over the part renderers, exactly as the engine's prop types demand. Whatever it
+ * renders sees the component's click handlers, so a `NotificationItem` inside it inherits them.
+ */
+declare function useNotificationOutlets(props: NotificationRenderProps): NotificationOutlets;
+
+export { type NotificationOutlets, useNotificationOutlets };

package/dist/cjs/hooks/internal/useOutletRenderer.cjs

@@ -0,0 +1,53 @@
+"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/useOutletRenderer.ts
+var useOutletRenderer_exports = {};
+__export(useOutletRenderer_exports, {
+  useOutletRenderer: () => useOutletRenderer
+});
+module.exports = __toCommonJS(useOutletRenderer_exports);
+var import_react = require("react");
+var import_NovuUIContext = require("../../context/NovuUIContext.cjs");
+var import_useDataRef = require("./useDataRef.cjs");
+var import_useIsomorphicLayoutEffect = require("./useIsomorphicLayoutEffect.cjs");
+function useOutletRenderer(renderProp) {
+  const outlets = (0, import_NovuUIContext.useOutlets)();
+  const latest = (0, import_useDataRef.useDataRef)(renderProp);
+  const hasRenderer = !!renderProp;
+  (0, import_useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(() => {
+    if (hasRenderer) {
+      outlets.invalidate();
+    }
+  }, [outlets, hasRenderer, renderProp]);
+  return (0, import_react.useMemo)(() => {
+    if (!hasRenderer) {
+      return void 0;
+    }
+    return (el, ...args) => outlets.mount(el, (...renderArgs) => {
+      var _a;
+      return (_a = latest.current) == null ? void 0 : _a.call(latest, ...renderArgs);
+    }, args);
+  }, [latest, outlets, hasRenderer]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useOutletRenderer
+});
+//# sourceMappingURL=useOutletRenderer.cjs.map

package/dist/cjs/hooks/internal/useOutletRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/internal/useOutletRenderer.ts"],"sourcesContent":["import type { OutletHandle } from '@novu/js/ui';\nimport { type ReactNode, useMemo } from 'react';\nimport { useOutlets } from '../../context/NovuUIContext';\nimport { useDataRef } from './useDataRef';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nexport type OutletRenderer<TArgs extends unknown[]> = (el: HTMLDivElement, ...args: TArgs) => OutletHandle<TArgs>;\n\n/**\n * Turns a React render prop into the renderer the engine expects.\n *\n * The engine only ever sees one function per outlet kind, so a new inline arrow on the host side never remounts\n * anything: the latest render prop is kept in a ref and called during the outlet's own render. A change of the\n * render prop invalidates the outlet store after commit, so outlets that rendered earlier in the same pass catch up.\n */\nexport function useOutletRenderer<TArgs extends unknown[]>(\n  renderProp: ((...args: TArgs) => ReactNode) | undefined\n): OutletRenderer<TArgs> | undefined {\n  const outlets = useOutlets();\n  const latest = useDataRef(renderProp);\n  const hasRenderer = !!renderProp;\n\n  useIsomorphicLayoutEffect(() => {\n    if (hasRenderer) {\n      outlets.invalidate();\n    }\n  }, [outlets, hasRenderer, renderProp]);\n\n  return useMemo(() => {\n    if (!hasRenderer) {\n      return undefined;\n    }\n\n    return (el: HTMLDivElement, ...args: TArgs) =>\n      outlets.mount<TArgs>(el, (...renderArgs: TArgs) => latest.current?.(...renderArgs), args);\n  }, [latest, outlets, hasRenderer]);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAwC;AACxC,2BAA2B;AAC3B,wBAA2B;AAC3B,uCAA0C;AAWnC,SAAS,kBACd,YACmC;AACnC,QAAM,cAAU,iCAAW;AAC3B,QAAM,aAAS,8BAAW,UAAU;AACpC,QAAM,cAAc,CAAC,CAAC;AAEtB,kEAA0B,MAAM;AAC9B,QAAI,aAAa;AACf,cAAQ,WAAW;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,SAAS,aAAa,UAAU,CAAC;AAErC,aAAO,sBAAQ,MAAM;AACnB,QAAI,CAAC,aAAa;AAChB,aAAO;AAAA,IACT;AAEA,WAAO,CAAC,OAAuB,SAC7B,QAAQ,MAAa,IAAI,IAAI,eAAmB;AAlCtD;AAkCyD,0BAAO,YAAP,gCAAiB,GAAG;AAAA,OAAa,IAAI;AAAA,EAC5F,GAAG,CAAC,QAAQ,SAAS,WAAW,CAAC;AACnC;","names":[]}

package/dist/cjs/hooks/internal/useOutletRenderer.d.cts

@@ -0,0 +1,14 @@
+import { OutletHandle } from '@novu/js/ui';
+import { ReactNode } from 'react';
+
+type OutletRenderer<TArgs extends unknown[]> = (el: HTMLDivElement, ...args: TArgs) => OutletHandle<TArgs>;
+/**
+ * Turns a React render prop into the renderer the engine expects.
+ *
+ * The engine only ever sees one function per outlet kind, so a new inline arrow on the host side never remounts
+ * anything: the latest render prop is kept in a ref and called during the outlet's own render. A change of the
+ * render prop invalidates the outlet store after commit, so outlets that rendered earlier in the same pass catch up.
+ */
+declare function useOutletRenderer<TArgs extends unknown[]>(renderProp: ((...args: TArgs) => ReactNode) | undefined): OutletRenderer<TArgs> | undefined;
+
+export { type OutletRenderer, useOutletRenderer };

package/dist/cjs/index.cjs

@@ -25,6 +25,7 @@ __export(index_exports, {
   InboxContent: () => import_components.InboxContent,
   MsTeamsConnectButton: () => import_components.MsTeamsConnectButton,
   MsTeamsLinkUser: () => import_components.MsTeamsLinkUser,
+  NotificationItem: () => import_components.NotificationItem,
   Notifications: () => import_components.Notifications,
   NovuProvider: () => import_components.NovuProvider,
   PreferenceLevel: () => import_js.PreferenceLevel,
@@ -67,6 +68,7 @@ var import_hooks = require("./hooks/index.cjs");
   InboxContent,
   MsTeamsConnectButton,
   MsTeamsLinkUser,
+  NotificationItem,
   Notifications,
   NovuProvider,
   PreferenceLevel,

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export type * from '@novu/js';\nexport { pendingActionKey, PreferenceLevel, SeverityLevelEnum, WorkflowCriticalityEnum } from '@novu/js';\n\nexport type {\n  AllLocalization,\n  AllLocalizationKey,\n  ChannelConnectButtonIconKey,\n  ElementStyles,\n  InboxAppearance,\n  InboxAppearanceCallback,\n  InboxAppearanceCallbackFunction,\n  InboxAppearanceCallbackKeys,\n  InboxAppearanceKey,\n  InboxElements,\n  InboxLocalization,\n  InboxLocalizationKey,\n  InboxTheme,\n  NotificationActionClickHandler,\n  NotificationClickHandler,\n  NotificationRenderer,\n  PreferenceGroups,\n  PreferencesFilter,\n  RouterPush,\n  SubscriptionAppearance,\n  SubscriptionAppearanceCallback,\n  SubscriptionAppearanceCallbackFunction,\n  SubscriptionAppearanceCallbackKeys,\n  SubscriptionAppearanceKey,\n  SubscriptionElements,\n  SubscriptionLocalization,\n  SubscriptionLocalizationKey,\n  SubscriptionTheme,\n  Tab,\n  Variables,\n} from '@novu/js/ui';\nexport type {\n  BellProps,\n  InboxContentProps,\n  InboxProps,\n  MsTeamsConnectButtonProps,\n  MsTeamsLinkUserProps,\n  NotificationProps,\n  NovuProviderProps,\n  SlackConnectButtonProps,\n  SlackLinkUserProps,\n  SubscriptionButtonProps,\n  SubscriptionPreferencesProps,\n  SubscriptionProps,\n  TelegramConnectButtonProps,\n} from './components';\nexport {\n  Bell,\n  Inbox,\n  InboxContent,\n  MsTeamsConnectButton,\n  MsTeamsLinkUser,\n  Notifications,\n  NovuProvider,\n  Preferences,\n  SlackConnectButton,\n  SlackLinkUser,\n  Subscription,\n  SubscriptionButton,\n  SubscriptionPreferences,\n  TelegramConnectButton,\n} from './components';\nexport type {\n  UseWebChatProps,\n  UseWebChatResult,\n  UseChannelConnectionProps,\n  UseChannelConnectionResult,\n  UseChannelConnectionsProps,\n  UseChannelConnectionsResult,\n  UseChannelEndpointProps,\n  UseChannelEndpointResult,\n  UseCountsProps,\n  UseCountsResult,\n  UseCreateChannelEndpointProps,\n  UseCreateChannelEndpointResult,\n  UseDeleteChannelEndpointProps,\n  UseDeleteChannelEndpointResult,\n  UseNotificationsProps,\n  UseNotificationsResult,\n  UsePreferencesResult,\n  UseScheduleProps as UsePreferencesProps,\n  UseTelegramSubscriberLinkProps,\n  UseTelegramSubscriberLinkResult,\n} from './hooks';\nexport {\n  useWebChat,\n  useChannelConnection,\n  useChannelConnections,\n  useChannelEndpoint,\n  useCounts,\n  useCreateChannelEndpoint,\n  useCreateSubscription,\n  useDeleteChannelEndpoint,\n  useNotifications,\n  useNovu,\n  usePreferences,\n  useRemoveSubscription,\n  useSchedule,\n  useSubscription,\n  useSubscriptions,\n  useTelegramSubscriberLink,\n  useUpdateSubscription,\n} from './hooks';\n\nexport type {\n  BaseProps,\n  BellRenderer,\n  BodyRenderer,\n  DefaultInboxProps,\n  DefaultProps,\n  NoRendererProps,\n  NotificationRendererProps,\n  NotificationsRenderer,\n  ReactAllAppearance,\n  ReactInboxAppearance,\n  ReactInboxTheme,\n  ReactSubscriptionAppearance,\n  ReactSubscriptionTheme,\n  SubjectBodyRendererProps,\n  SubjectRenderer,\n  WithChildrenProps,\n} from './utils/types';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,gBAA8F;AAiD9F,wBAeO;AAuBP,mBAkBO;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export type * from '@novu/js';\nexport { PreferenceLevel, pendingActionKey, SeverityLevelEnum, WorkflowCriticalityEnum } from '@novu/js';\n\nexport type {\n  AllLocalization,\n  AllLocalizationKey,\n  ChannelConnectButtonIconKey,\n  ElementStyles,\n  InboxAppearance,\n  InboxAppearanceCallback,\n  InboxAppearanceCallbackFunction,\n  InboxAppearanceCallbackKeys,\n  InboxAppearanceKey,\n  InboxElements,\n  InboxLocalization,\n  InboxLocalizationKey,\n  InboxTheme,\n  NotificationActionClickHandler,\n  NotificationClickHandler,\n  NotificationRenderer,\n  PreferenceGroups,\n  PreferencesFilter,\n  RouterPush,\n  SubscriptionAppearance,\n  SubscriptionAppearanceCallback,\n  SubscriptionAppearanceCallbackFunction,\n  SubscriptionAppearanceCallbackKeys,\n  SubscriptionAppearanceKey,\n  SubscriptionElements,\n  SubscriptionLocalization,\n  SubscriptionLocalizationKey,\n  SubscriptionTheme,\n  Tab,\n  Variables,\n} from '@novu/js/ui';\nexport type {\n  BellProps,\n  InboxContentProps,\n  InboxProps,\n  MsTeamsConnectButtonProps,\n  MsTeamsLinkUserProps,\n  NotificationItemProps,\n  NotificationProps,\n  NovuProviderProps,\n  SlackConnectButtonProps,\n  SlackLinkUserProps,\n  SubscriptionButtonProps,\n  SubscriptionPreferencesProps,\n  SubscriptionProps,\n  TelegramConnectButtonProps,\n} from './components';\nexport {\n  Bell,\n  Inbox,\n  InboxContent,\n  MsTeamsConnectButton,\n  MsTeamsLinkUser,\n  NotificationItem,\n  Notifications,\n  NovuProvider,\n  Preferences,\n  SlackConnectButton,\n  SlackLinkUser,\n  Subscription,\n  SubscriptionButton,\n  SubscriptionPreferences,\n  TelegramConnectButton,\n} from './components';\nexport type {\n  UseChannelConnectionProps,\n  UseChannelConnectionResult,\n  UseChannelConnectionsProps,\n  UseChannelConnectionsResult,\n  UseChannelEndpointProps,\n  UseChannelEndpointResult,\n  UseCountsProps,\n  UseCountsResult,\n  UseCreateChannelEndpointProps,\n  UseCreateChannelEndpointResult,\n  UseDeleteChannelEndpointProps,\n  UseDeleteChannelEndpointResult,\n  UseNotificationsProps,\n  UseNotificationsResult,\n  UsePreferencesResult,\n  UseScheduleProps as UsePreferencesProps,\n  UseTelegramSubscriberLinkProps,\n  UseTelegramSubscriberLinkResult,\n  UseWebChatProps,\n  UseWebChatResult,\n} from './hooks';\nexport {\n  useChannelConnection,\n  useChannelConnections,\n  useChannelEndpoint,\n  useCounts,\n  useCreateChannelEndpoint,\n  useCreateSubscription,\n  useDeleteChannelEndpoint,\n  useNotifications,\n  useNovu,\n  usePreferences,\n  useRemoveSubscription,\n  useSchedule,\n  useSubscription,\n  useSubscriptions,\n  useTelegramSubscriberLink,\n  useUpdateSubscription,\n  useWebChat,\n} from './hooks';\n\nexport type {\n  BaseProps,\n  BellRenderer,\n  BodyRenderer,\n  DefaultInboxProps,\n  DefaultProps,\n  NoRendererProps,\n  NotificationRendererProps,\n  NotificationsRenderer,\n  ReactAllAppearance,\n  ReactInboxAppearance,\n  ReactInboxTheme,\n  ReactSubscriptionAppearance,\n  ReactSubscriptionTheme,\n  SubjectBodyRendererProps,\n  SubjectRenderer,\n  WithChildrenProps,\n} from './utils/types';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,gBAA8F;AAkD9F,wBAgBO;AAuBP,mBAkBO;","names":[]}

package/dist/cjs/index.d.cts

@@ -8,6 +8,7 @@ export { InboxContent, InboxContentProps } from './components/InboxContent.cjs';
 export { MsTeamsConnectButton, MsTeamsConnectButtonProps } from './components/msteams-connect-button/MsTeamsConnectButton.cjs';
 export { MsTeamsLinkUser, MsTeamsLinkUserProps } from './components/msteams-link-user/MsTeamsLinkUser.cjs';
 export { NotificationProps, Notifications } from './components/Notifications.cjs';
+export { NotificationItem, NotificationItemProps } from './components/notification-item/NotificationItem.cjs';
 export { Preferences } from './components/Preferences.cjs';
 export { SlackConnectButton, SlackConnectButtonProps } from './components/slack-connect-button/SlackConnectButton.cjs';
 export { SlackLinkUser, SlackLinkUserProps } from './components/slack-link-user/SlackLinkUser.cjs';
@@ -37,6 +38,11 @@ import 'react';
 import './components/NovuUI.cjs';
 import './components/msteams-connect-button/DefaultMsTeamsConnectButton.cjs';
 import './components/msteams-link-user/DefaultMsTeamsLinkUser.cjs';
+import './components/notification-item/parts/Dot.cjs';
+import './components/notification-item/parts/Date.cjs';
+import './components/notification-item/parts/Subject.cjs';
+import './components/notification-item/parts/Content.cjs';
+import './components/notification-item/parts/Avatar.cjs';
 import './components/slack-connect-button/DefaultSlackConnectButton.cjs';
 import './components/slack-link-user/DefaultSlackLinkUser.cjs';
 import './components/subscription/DefaultSubscription.cjs';

package/dist/cjs/server/index.cjs

@@ -25,6 +25,7 @@ __export(server_exports, {
   InboxContent: () => InboxContent,
   MsTeamsConnectButton: () => MsTeamsConnectButton,
   MsTeamsLinkUser: () => MsTeamsLinkUser,
+  NotificationItem: () => NotificationItem,
   Notifications: () => Notifications,
   NovuProvider: () => NovuProvider,
   PreferenceLevel: () => import_js.PreferenceLevel,
@@ -61,6 +62,18 @@ function InboxContent() {
 }
 function Notifications() {
 }
+var createStub = () => () => null;
+var NotificationItem = Object.assign(createStub(), {
+  Avatar: createStub(),
+  Content: createStub(),
+  Text: createStub(),
+  Subject: createStub(),
+  Body: createStub(),
+  DefaultActions: createStub(),
+  CustomActions: createStub(),
+  Date: createStub(),
+  Dot: createStub()
+});
 function Preferences() {
 }
 function Bell() {
@@ -194,6 +207,7 @@ function useSubscriptions(_) {
   InboxContent,
   MsTeamsConnectButton,
   MsTeamsLinkUser,
+  NotificationItem,
   Notifications,
   NovuProvider,
   PreferenceLevel,

package/dist/cjs/server/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/server/index.tsx"],"sourcesContent":["import type { InboxProps } from '../components/Inbox';\nimport { ShadowRootDetector } from '../components/ShadowRootDetector';\nimport type {\n  UseWebChatProps,\n  UseWebChatResult,\n  UseCreateSubscriptionProps,\n  UseCreateSubscriptionResult,\n  UseNotificationsProps,\n  UseNotificationsResult,\n  UsePreferencesProps,\n  UsePreferencesResult,\n  UseRemoveSubscriptionProps,\n  UseRemoveSubscriptionResult,\n  UseScheduleProps,\n  UseScheduleResult,\n  UseSubscriptionProps,\n  UseSubscriptionResult,\n  UseSubscriptionsProps,\n  UseSubscriptionsResult,\n  UseUpdateSubscriptionProps,\n  UseUpdateSubscriptionResult,\n} from '../hooks';\nimport type { NovuProviderProps } from '../hooks/NovuProvider';\nimport type { UseCountsProps, UseCountsResult } from '../hooks/useCounts';\n\n/**\n * Exporting all components from the components folder\n * as empty functions to fix build errors in SSR\n * This will be replaced with actual components\n * when we implement the SSR components in @novu/js/ui\n */\nexport function Inbox(props: InboxProps) {\n  return <ShadowRootDetector />;\n}\n\nexport function InboxContent() {}\n\nexport function Notifications() {}\n\nexport function Preferences() {}\n\nexport function Bell() {}\n\nexport function NovuProvider(props: NovuProviderProps) {\n  return <>{props.children}</>;\n}\n\nexport function Subscription() {\n  return <ShadowRootDetector />;\n}\n\nexport function SubscriptionButton() {}\n\nexport function SubscriptionPreferences() {}\n\nexport function SlackConnectButton() {\n  return <ShadowRootDetector />;\n}\n\nexport function SlackLinkUser() {\n  return <ShadowRootDetector />;\n}\n\nexport function MsTeamsConnectButton() {\n  return <ShadowRootDetector />;\n}\n\nexport function MsTeamsLinkUser() {\n  return <ShadowRootDetector />;\n}\n\nexport function TelegramConnectButton() {\n  return <ShadowRootDetector />;\n}\n\nexport function useNovu() {\n  return null;\n}\n\nexport function useWebChat(_: UseWebChatProps): UseWebChatResult {\n  return {\n    messages: [],\n    pendingActions: [],\n    isLoading: true,\n    isRunning: false,\n    typing: undefined,\n    conversationStatus: 'active',\n    run: { isRunning: false },\n    pagination: {\n      status: 'idle',\n      hasMore: false,\n      fetchMore: () => Promise.resolve({ data: undefined, error: undefined }),\n    },\n    isRecovering: false,\n    catchUpError: undefined,\n    refetch: () => Promise.resolve(),\n    sendMessage: () => Promise.resolve({ data: undefined, error: undefined }),\n    respondToAction: () => Promise.resolve({ data: undefined, error: undefined }),\n    sendAction: () => Promise.resolve({ data: undefined, error: undefined }),\n    retryMessage: () => Promise.resolve({ data: undefined, error: undefined }),\n    startNewConversation: () => {},\n  };\n}\n\nexport function useCounts(_: UseCountsProps): UseCountsResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    refetch: () => Promise.resolve(),\n  };\n}\n\nexport function useNotifications(_: UseNotificationsProps): UseNotificationsResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    hasMore: false,\n    readAll: () => Promise.resolve({ data: undefined, error: undefined }),\n    seenAll: () => Promise.resolve({ data: undefined, error: undefined }),\n    archiveAll: () => Promise.resolve({ data: undefined, error: undefined }),\n    archiveAllRead: () => Promise.resolve({ data: undefined, error: undefined }),\n    refetch: () => Promise.resolve(),\n    fetchMore: () => Promise.resolve(),\n  };\n}\n\nexport function usePreferences(_: UsePreferencesProps): UsePreferencesResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    refetch: () => Promise.resolve(),\n  };\n}\n\nexport function useSchedule(_: UseScheduleProps): UseScheduleResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    refetch: () => Promise.resolve(),\n  };\n}\n\nexport function useSubscription(_: UseSubscriptionProps): UseSubscriptionResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    refetch: () => Promise.resolve(),\n  };\n}\n\nexport function useCreateSubscription(_: UseCreateSubscriptionProps = {}): UseCreateSubscriptionResult {\n  return {\n    isCreating: false,\n    error: undefined,\n    create: () => Promise.resolve({ data: undefined, error: undefined }),\n  };\n}\n\nexport function useUpdateSubscription(_: UseUpdateSubscriptionProps = {}): UseUpdateSubscriptionResult {\n  return {\n    isUpdating: false,\n    error: undefined,\n    update: () => Promise.resolve({ data: undefined, error: undefined }),\n  };\n}\n\nexport function useRemoveSubscription(_: UseRemoveSubscriptionProps = {}): UseRemoveSubscriptionResult {\n  return {\n    isRemoving: false,\n    error: undefined,\n    remove: () => Promise.resolve({ data: undefined, error: undefined }),\n  };\n}\n\nexport function useSubscriptions(_: UseSubscriptionsProps): UseSubscriptionsResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    refetch: () => Promise.resolve(),\n  };\n}\n\nexport type * from '@novu/js';\nexport { pendingActionKey, PreferenceLevel, SeverityLevelEnum, WorkflowCriticalityEnum } from '@novu/js';\n\nexport type {\n  AllLocalization,\n  AllLocalizationKey,\n  ElementStyles,\n  InboxAppearance,\n  InboxAppearanceCallback,\n  InboxAppearanceCallbackFunction,\n  InboxAppearanceCallbackKeys,\n  InboxAppearanceKey,\n  InboxElements,\n  InboxLocalization,\n  InboxLocalizationKey,\n  InboxTheme,\n  NotificationActionClickHandler,\n  NotificationClickHandler,\n  NotificationRenderer,\n  PreferenceGroups,\n  PreferencesFilter,\n  RouterPush,\n  SubscriptionAppearance,\n  SubscriptionAppearanceCallback,\n  SubscriptionAppearanceCallbackFunction,\n  SubscriptionAppearanceCallbackKeys,\n  SubscriptionAppearanceKey,\n  SubscriptionElements,\n  SubscriptionLocalization,\n  SubscriptionLocalizationKey,\n  SubscriptionTheme,\n  Tab,\n  Variables,\n} from '@novu/js/ui';\n\nexport type { BellProps, InboxContentProps, InboxProps, NotificationProps, NovuProviderProps } from '../components';\n\nexport type {\n  UseWebChatProps,\n  UseWebChatResult,\n  UseCountsProps,\n  UseCountsResult,\n  UseNotificationsProps,\n  UseNotificationsResult,\n  UsePreferencesResult,\n  UseScheduleProps as UsePreferencesProps,\n} from '../hooks';\n\nexport type {\n  BaseProps,\n  BellRenderer,\n  BodyRenderer,\n  DefaultInboxProps,\n  DefaultProps,\n  NoRendererProps,\n  NotificationRendererProps,\n  NotificationsRenderer,\n  SubjectBodyRendererProps,\n  SubjectRenderer,\n  WithChildrenProps,\n} from '../utils/types';\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/server/index.tsx"],"sourcesContent":["import type { InboxProps } from '../components/Inbox';\nimport type { NotificationItem as ClientNotificationItem } from '../components/notification-item/NotificationItem';\nimport { ShadowRootDetector } from '../components/ShadowRootDetector';\nimport type {\n  UseCreateSubscriptionProps,\n  UseCreateSubscriptionResult,\n  UseNotificationsProps,\n  UseNotificationsResult,\n  UsePreferencesProps,\n  UsePreferencesResult,\n  UseRemoveSubscriptionProps,\n  UseRemoveSubscriptionResult,\n  UseScheduleProps,\n  UseScheduleResult,\n  UseSubscriptionProps,\n  UseSubscriptionResult,\n  UseSubscriptionsProps,\n  UseSubscriptionsResult,\n  UseUpdateSubscriptionProps,\n  UseUpdateSubscriptionResult,\n  UseWebChatProps,\n  UseWebChatResult,\n} from '../hooks';\nimport type { NovuProviderProps } from '../hooks/NovuProvider';\nimport type { UseCountsProps, UseCountsResult } from '../hooks/useCounts';\n\n/**\n * Exporting all components from the components folder\n * as empty functions to fix build errors in SSR\n * This will be replaced with actual components\n * when we implement the SSR components in @novu/js/ui\n */\nexport function Inbox(props: InboxProps) {\n  return <ShadowRootDetector />;\n}\n\nexport function InboxContent() {}\n\nexport function Notifications() {}\n\n/** The server stand-in for a client component: it takes exactly the client's props and renders nothing. */\ntype ServerStub<TComponent> = TComponent extends (...args: infer TArgs) => unknown ? (...args: TArgs) => null : never;\n\n/** A stubbed component together with the stubs of its static parts, so a part missing here fails to compile. */\ntype ServerCounterpart<TComponent> = ServerStub<TComponent> & {\n  [TPart in keyof TComponent as TComponent[TPart] extends (...args: never) => unknown ? TPart : never]: ServerStub<\n    TComponent[TPart]\n  >;\n};\n\nconst createStub = () => () => null;\n\nexport const NotificationItem: ServerCounterpart<typeof ClientNotificationItem> = Object.assign(createStub(), {\n  Avatar: createStub(),\n  Content: createStub(),\n  Text: createStub(),\n  Subject: createStub(),\n  Body: createStub(),\n  DefaultActions: createStub(),\n  CustomActions: createStub(),\n  Date: createStub(),\n  Dot: createStub(),\n});\n\nexport function Preferences() {}\n\nexport function Bell() {}\n\nexport function NovuProvider(props: NovuProviderProps) {\n  return <>{props.children}</>;\n}\n\nexport function Subscription() {\n  return <ShadowRootDetector />;\n}\n\nexport function SubscriptionButton() {}\n\nexport function SubscriptionPreferences() {}\n\nexport function SlackConnectButton() {\n  return <ShadowRootDetector />;\n}\n\nexport function SlackLinkUser() {\n  return <ShadowRootDetector />;\n}\n\nexport function MsTeamsConnectButton() {\n  return <ShadowRootDetector />;\n}\n\nexport function MsTeamsLinkUser() {\n  return <ShadowRootDetector />;\n}\n\nexport function TelegramConnectButton() {\n  return <ShadowRootDetector />;\n}\n\nexport function useNovu() {\n  return null;\n}\n\nexport function useWebChat(_: UseWebChatProps): UseWebChatResult {\n  return {\n    messages: [],\n    pendingActions: [],\n    isLoading: true,\n    isRunning: false,\n    typing: undefined,\n    conversationStatus: 'active',\n    run: { isRunning: false },\n    pagination: {\n      status: 'idle',\n      hasMore: false,\n      fetchMore: () => Promise.resolve({ data: undefined, error: undefined }),\n    },\n    isRecovering: false,\n    catchUpError: undefined,\n    refetch: () => Promise.resolve(),\n    sendMessage: () => Promise.resolve({ data: undefined, error: undefined }),\n    respondToAction: () => Promise.resolve({ data: undefined, error: undefined }),\n    sendAction: () => Promise.resolve({ data: undefined, error: undefined }),\n    retryMessage: () => Promise.resolve({ data: undefined, error: undefined }),\n    startNewConversation: () => {},\n  };\n}\n\nexport function useCounts(_: UseCountsProps): UseCountsResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    refetch: () => Promise.resolve(),\n  };\n}\n\nexport function useNotifications(_: UseNotificationsProps): UseNotificationsResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    hasMore: false,\n    readAll: () => Promise.resolve({ data: undefined, error: undefined }),\n    seenAll: () => Promise.resolve({ data: undefined, error: undefined }),\n    archiveAll: () => Promise.resolve({ data: undefined, error: undefined }),\n    archiveAllRead: () => Promise.resolve({ data: undefined, error: undefined }),\n    refetch: () => Promise.resolve(),\n    fetchMore: () => Promise.resolve(),\n  };\n}\n\nexport function usePreferences(_: UsePreferencesProps): UsePreferencesResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    refetch: () => Promise.resolve(),\n  };\n}\n\nexport function useSchedule(_: UseScheduleProps): UseScheduleResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    refetch: () => Promise.resolve(),\n  };\n}\n\nexport function useSubscription(_: UseSubscriptionProps): UseSubscriptionResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    refetch: () => Promise.resolve(),\n  };\n}\n\nexport function useCreateSubscription(_: UseCreateSubscriptionProps = {}): UseCreateSubscriptionResult {\n  return {\n    isCreating: false,\n    error: undefined,\n    create: () => Promise.resolve({ data: undefined, error: undefined }),\n  };\n}\n\nexport function useUpdateSubscription(_: UseUpdateSubscriptionProps = {}): UseUpdateSubscriptionResult {\n  return {\n    isUpdating: false,\n    error: undefined,\n    update: () => Promise.resolve({ data: undefined, error: undefined }),\n  };\n}\n\nexport function useRemoveSubscription(_: UseRemoveSubscriptionProps = {}): UseRemoveSubscriptionResult {\n  return {\n    isRemoving: false,\n    error: undefined,\n    remove: () => Promise.resolve({ data: undefined, error: undefined }),\n  };\n}\n\nexport function useSubscriptions(_: UseSubscriptionsProps): UseSubscriptionsResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    refetch: () => Promise.resolve(),\n  };\n}\n\nexport type * from '@novu/js';\nexport { PreferenceLevel, pendingActionKey, SeverityLevelEnum, WorkflowCriticalityEnum } from '@novu/js';\n\nexport type {\n  AllLocalization,\n  AllLocalizationKey,\n  ElementStyles,\n  InboxAppearance,\n  InboxAppearanceCallback,\n  InboxAppearanceCallbackFunction,\n  InboxAppearanceCallbackKeys,\n  InboxAppearanceKey,\n  InboxElements,\n  InboxLocalization,\n  InboxLocalizationKey,\n  InboxTheme,\n  NotificationActionClickHandler,\n  NotificationClickHandler,\n  NotificationRenderer,\n  PreferenceGroups,\n  PreferencesFilter,\n  RouterPush,\n  SubscriptionAppearance,\n  SubscriptionAppearanceCallback,\n  SubscriptionAppearanceCallbackFunction,\n  SubscriptionAppearanceCallbackKeys,\n  SubscriptionAppearanceKey,\n  SubscriptionElements,\n  SubscriptionLocalization,\n  SubscriptionLocalizationKey,\n  SubscriptionTheme,\n  Tab,\n  Variables,\n} from '@novu/js/ui';\n\nexport type {\n  BellProps,\n  InboxContentProps,\n  InboxProps,\n  NotificationItemProps,\n  NotificationProps,\n  NovuProviderProps,\n} from '../components';\n\nexport type {\n  UseCountsProps,\n  UseCountsResult,\n  UseNotificationsProps,\n  UseNotificationsResult,\n  UsePreferencesResult,\n  UseScheduleProps as UsePreferencesProps,\n  UseWebChatProps,\n  UseWebChatResult,\n} from '../hooks';\n\nexport type {\n  BaseProps,\n  BellRenderer,\n  BodyRenderer,\n  DefaultInboxProps,\n  DefaultProps,\n  NoRendererProps,\n  NotificationRendererProps,\n  NotificationsRenderer,\n  SubjectBodyRendererProps,\n  SubjectRenderer,\n  WithChildrenProps,\n} from '../utils/types';\n"],"mappings":"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","names":[]}