@novu/react 2.6.6 → 3.0.0-canary.0

package/dist/cjs/server/index.cjs

@@ -0,0 +1,92 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/server/index.tsx
+var server_exports = {};
+__export(server_exports, {
+  Bell: () => Bell,
+  Inbox: () => Inbox,
+  InboxContent: () => InboxContent,
+  Notifications: () => Notifications,
+  NovuProvider: () => NovuProvider,
+  Preferences: () => Preferences,
+  useCounts: () => useCounts,
+  useNotifications: () => useNotifications,
+  useNovu: () => useNovu,
+  usePreferences: () => usePreferences
+});
+module.exports = __toCommonJS(server_exports);
+__reExport(server_exports, require("../utils/types.cjs"), module.exports);
+function Inbox(props) {
+}
+function InboxContent() {
+}
+function Notifications() {
+}
+function Preferences() {
+}
+function Bell() {
+}
+function NovuProvider(props) {
+}
+function useNovu() {
+  return null;
+}
+function useCounts(_) {
+  return {
+    isLoading: false,
+    isFetching: false,
+    refetch: () => Promise.resolve()
+  };
+}
+function useNotifications(_) {
+  return {
+    isLoading: false,
+    isFetching: false,
+    hasMore: false,
+    readAll: () => Promise.resolve({ data: void 0, error: void 0 }),
+    archiveAll: () => Promise.resolve({ data: void 0, error: void 0 }),
+    archiveAllRead: () => Promise.resolve({ data: void 0, error: void 0 }),
+    refetch: () => Promise.resolve(),
+    fetchMore: () => Promise.resolve()
+  };
+}
+function usePreferences(_) {
+  return {
+    isLoading: false,
+    isFetching: false,
+    refetch: () => Promise.resolve()
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Bell,
+  Inbox,
+  InboxContent,
+  Notifications,
+  NovuProvider,
+  Preferences,
+  useCounts,
+  useNotifications,
+  useNovu,
+  usePreferences,
+  ...require("../utils/types.cjs")
+});
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/server/index.tsx"],"sourcesContent":["import type { InboxProps } from '../components/Inbox';\nimport type {\n  UseNotificationsProps,\n  UseNotificationsResult,\n  UsePreferencesProps,\n  UsePreferencesResult,\n} from '../hooks';\nimport type { NovuProviderProps } from '../hooks/NovuProvider';\nimport type { UseCountsProps, UseCountsResult } from '../hooks/useCounts';\n\nexport * from '../utils/types';\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\nexport function InboxContent() {}\n\nexport function Notifications() {}\n\nexport function Preferences() {}\n\nexport function Bell() {}\n\nexport function NovuProvider(props: NovuProviderProps) {}\n\nexport function useNovu() {\n  return null;\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    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"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,2BAAc,+BAVd;AAkBO,SAAS,MAAM,OAAmB;AAAC;AAEnC,SAAS,eAAe;AAAC;AAEzB,SAAS,gBAAgB;AAAC;AAE1B,SAAS,cAAc;AAAC;AAExB,SAAS,OAAO;AAAC;AAEjB,SAAS,aAAa,OAA0B;AAAC;AAEjD,SAAS,UAAU;AACxB,SAAO;AACT;AAEO,SAAS,UAAU,GAAoC;AAC5D,SAAO;AAAA,IACL,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS,MAAM,QAAQ,QAAQ;AAAA,EACjC;AACF;AAEO,SAAS,iBAAiB,GAAkD;AACjF,SAAO;AAAA,IACL,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,SAAS,MAAM,QAAQ,QAAQ,EAAE,MAAM,QAAW,OAAO,OAAU,CAAC;AAAA,IACpE,YAAY,MAAM,QAAQ,QAAQ,EAAE,MAAM,QAAW,OAAO,OAAU,CAAC;AAAA,IACvE,gBAAgB,MAAM,QAAQ,QAAQ,EAAE,MAAM,QAAW,OAAO,OAAU,CAAC;AAAA,IAC3E,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B,WAAW,MAAM,QAAQ,QAAQ;AAAA,EACnC;AACF;AAEO,SAAS,eAAe,GAA8C;AAC3E,SAAO;AAAA,IACL,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS,MAAM,QAAQ,QAAQ;AAAA,EACjC;AACF;","names":[]}

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

@@ -0,0 +1,29 @@
+import { InboxProps } from '../components/Inbox.cjs';
+import { UseNotificationsProps, UseNotificationsResult } from '../hooks/useNotifications.cjs';
+import { UsePreferencesProps, UsePreferencesResult } from '../hooks/usePreferences.cjs';
+import { UseCountsProps, UseCountsResult } from '../hooks/useCounts.cjs';
+import { NovuProviderProps } from '../hooks/NovuProvider.cjs';
+export { BaseProps, BellRenderer, BodyRenderer, DefaultInboxProps, DefaultProps, NoRendererProps, NotificationRendererProps, NotificationsRenderer, SubjectBodyRendererProps, SubjectRenderer, WithChildrenProps } from '../utils/types.cjs';
+export { Notification } from '@novu/js/ui';
+import 'react/jsx-runtime';
+import 'react';
+import '@novu/js';
+
+/**
+ * Exporting all components from the components folder
+ * as empty functions to fix build errors in SSR
+ * This will be replaced with actual components
+ * when we implement the SSR components in @novu/js/ui
+ */
+declare function Inbox(props: InboxProps): void;
+declare function InboxContent(): void;
+declare function Notifications(): void;
+declare function Preferences(): void;
+declare function Bell(): void;
+declare function NovuProvider(props: NovuProviderProps): void;
+declare function useNovu(): null;
+declare function useCounts(_: UseCountsProps): UseCountsResult;
+declare function useNotifications(_: UseNotificationsProps): UseNotificationsResult;
+declare function usePreferences(_: UsePreferencesProps): UsePreferencesResult;
+
+export { Bell, Inbox, InboxContent, Notifications, NovuProvider, Preferences, useCounts, useNotifications, useNovu, usePreferences };

package/dist/cjs/themes/index.cjs

@@ -0,0 +1,25 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/themes/index.ts
+var themes_exports = {};
+module.exports = __toCommonJS(themes_exports);
+__reExport(themes_exports, require("@novu/js/themes"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("@novu/js/themes")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/themes/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/themes/index.ts"],"sourcesContent":["export * from '@novu/js/themes';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,4BAAd;","names":[]}

package/dist/cjs/utils/createContextAndHook.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/utils/createContextAndHook.ts
+var createContextAndHook_exports = {};
+__export(createContextAndHook_exports, {
+  assertContextExists: () => assertContextExists,
+  createContextAndHook: () => createContextAndHook
+});
+module.exports = __toCommonJS(createContextAndHook_exports);
+var import_react = __toESM(require("react"), 1);
+function assertContextExists(contextVal, msgOrCtx) {
+  if (!contextVal) {
+    throw typeof msgOrCtx === "string" ? new Error(msgOrCtx) : new Error(`${msgOrCtx.displayName} not found`);
+  }
+}
+var createContextAndHook = (displayName, options) => {
+  const { assertCtxFn = assertContextExists } = options || {};
+  const Ctx = import_react.default.createContext(void 0);
+  Ctx.displayName = displayName;
+  const useCtx = () => {
+    const ctx = import_react.default.useContext(Ctx);
+    assertCtxFn(ctx, `Component must be wrapped with ${Ctx.displayName}`);
+    return ctx.value;
+  };
+  const useCtxWithoutGuarantee = () => {
+    const ctx = import_react.default.useContext(Ctx);
+    return ctx ? ctx.value : {};
+  };
+  return [Ctx, useCtx, useCtxWithoutGuarantee];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  assertContextExists,
+  createContextAndHook
+});
+//# sourceMappingURL=createContextAndHook.cjs.map

package/dist/cjs/utils/createContextAndHook.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/createContextAndHook.ts"],"sourcesContent":["import React from 'react';\n\nexport function assertContextExists(contextVal: unknown, msgOrCtx: string | React.Context<any>): asserts contextVal {\n  if (!contextVal) {\n    throw typeof msgOrCtx === 'string' ? new Error(msgOrCtx) : new Error(`${msgOrCtx.displayName} not found`);\n  }\n}\n\ntype Options = { assertCtxFn?: (v: unknown, msg: string) => void };\ntype ContextOf<T> = React.Context<{ value: T } | undefined>;\ntype UseCtxFn<T> = () => T;\n\n/**\n * Creates and returns a Context and two hooks that return the context value.\n * The Context type is derived from the type passed in by the user.\n * The first hook returned guarantees that the context exists so the returned value is always CtxValue\n * The second hook makes no guarantees, so the returned value can be CtxValue | undefined\n */\nexport const createContextAndHook = <CtxVal>(\n  displayName: string,\n  options?: Options\n): [ContextOf<CtxVal>, UseCtxFn<CtxVal>, UseCtxFn<CtxVal | Partial<CtxVal>>] => {\n  const { assertCtxFn = assertContextExists } = options || {};\n  const Ctx = React.createContext<{ value: CtxVal } | undefined>(undefined);\n  Ctx.displayName = displayName;\n\n  const useCtx = () => {\n    const ctx = React.useContext(Ctx);\n    assertCtxFn(ctx, `Component must be wrapped with ${Ctx.displayName}`);\n\n    return (ctx as any).value as CtxVal;\n  };\n\n  const useCtxWithoutGuarantee = () => {\n    const ctx = React.useContext(Ctx);\n\n    return ctx ? ctx.value : {};\n  };\n\n  return [Ctx, useCtx, useCtxWithoutGuarantee];\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAEX,SAAS,oBAAoB,YAAqB,UAA2D;AAClH,MAAI,CAAC,YAAY;AACf,UAAM,OAAO,aAAa,WAAW,IAAI,MAAM,QAAQ,IAAI,IAAI,MAAM,GAAG,SAAS,WAAW,YAAY;AAAA,EAC1G;AACF;AAYO,IAAM,uBAAuB,CAClC,aACA,YAC8E;AAC9E,QAAM,EAAE,cAAc,oBAAoB,IAAI,WAAW,CAAC;AAC1D,QAAM,MAAM,aAAAA,QAAM,cAA6C,MAAS;AACxE,MAAI,cAAc;AAElB,QAAM,SAAS,MAAM;AACnB,UAAM,MAAM,aAAAA,QAAM,WAAW,GAAG;AAChC,gBAAY,KAAK,kCAAkC,IAAI,WAAW,EAAE;AAEpE,WAAQ,IAAY;AAAA,EACtB;AAEA,QAAM,yBAAyB,MAAM;AACnC,UAAM,MAAM,aAAAA,QAAM,WAAW,GAAG;AAEhC,WAAO,MAAM,IAAI,QAAQ,CAAC;AAAA,EAC5B;AAEA,SAAO,CAAC,KAAK,QAAQ,sBAAsB;AAC7C;","names":["React"]}

package/dist/cjs/utils/createContextAndHook.d.cts

@@ -0,0 +1,19 @@
+import React__default from 'react';
+
+declare function assertContextExists(contextVal: unknown, msgOrCtx: string | React__default.Context<any>): asserts contextVal;
+type Options = {
+    assertCtxFn?: (v: unknown, msg: string) => void;
+};
+type ContextOf<T> = React__default.Context<{
+    value: T;
+} | undefined>;
+type UseCtxFn<T> = () => T;
+/**
+ * Creates and returns a Context and two hooks that return the context value.
+ * The Context type is derived from the type passed in by the user.
+ * The first hook returned guarantees that the context exists so the returned value is always CtxValue
+ * The second hook makes no guarantees, so the returned value can be CtxValue | undefined
+ */
+declare const createContextAndHook: <CtxVal>(displayName: string, options?: Options) => [ContextOf<CtxVal>, UseCtxFn<CtxVal>, UseCtxFn<CtxVal | Partial<CtxVal>>];
+
+export { assertContextExists, createContextAndHook };

package/dist/cjs/utils/requestLock.cjs

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/requestLock.ts
+var requestLock_exports = {};
+__export(requestLock_exports, {
+  requestLock: () => requestLock
+});
+module.exports = __toCommonJS(requestLock_exports);
+function requestLock(id, cb) {
+  if (!("locks" in navigator)) {
+    cb(id);
+    return () => {
+    };
+  }
+  let isFulfilled = false;
+  let promiseResolve;
+  const promise = new Promise((resolve) => {
+    promiseResolve = resolve;
+  });
+  navigator.locks.request(id, () => {
+    if (!isFulfilled) {
+      cb(id);
+    }
+    return promise;
+  });
+  return () => {
+    isFulfilled = true;
+    promiseResolve();
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  requestLock
+});
+//# sourceMappingURL=requestLock.cjs.map

package/dist/cjs/utils/requestLock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/requestLock.ts"],"sourcesContent":["export function requestLock(id: string, cb: (id: string) => void) {\n  // Check if the Lock API is available\n  if (!('locks' in navigator)) {\n    // If Lock API is not available, immediately invoke the callback and return a no-op function\n    cb(id);\n    return () => {};\n  }\n\n  let isFulfilled = false;\n  let promiseResolve: () => void;\n\n  const promise = new Promise<void>((resolve) => {\n    promiseResolve = resolve;\n  });\n\n  navigator.locks.request(id, () => {\n    if (!isFulfilled) {\n      cb(id);\n    }\n\n    return promise;\n  });\n\n  return () => {\n    isFulfilled = true;\n    promiseResolve();\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,YAAY,IAAY,IAA0B;AAEhE,MAAI,EAAE,WAAW,YAAY;AAE3B,OAAG,EAAE;AACL,WAAO,MAAM;AAAA,IAAC;AAAA,EAChB;AAEA,MAAI,cAAc;AAClB,MAAI;AAEJ,QAAM,UAAU,IAAI,QAAc,CAAC,YAAY;AAC7C,qBAAiB;AAAA,EACnB,CAAC;AAED,YAAU,MAAM,QAAQ,IAAI,MAAM;AAChC,QAAI,CAAC,aAAa;AAChB,SAAG,EAAE;AAAA,IACP;AAEA,WAAO;AAAA,EACT,CAAC;AAED,SAAO,MAAM;AACX,kBAAc;AACd,mBAAe;AAAA,EACjB;AACF;","names":[]}

package/dist/cjs/utils/requestLock.d.cts

@@ -0,0 +1,3 @@
+declare function requestLock(id: string, cb: (id: string) => void): () => void;
+
+export { requestLock };

package/dist/cjs/utils/types.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.cjs.map

package/dist/cjs/utils/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/types.ts"],"sourcesContent":["import type {\n  Notification,\n  NotificationClickHandler,\n  NotificationActionClickHandler,\n  Tab,\n  Appearance,\n  Localization,\n  RouterPush,\n  PreferencesFilter,\n  InboxProps,\n} from '@novu/js/ui';\n\nexport type NotificationsRenderer = (notification: Notification) => React.ReactNode;\nexport type SubjectRenderer = (notification: Notification) => React.ReactNode;\nexport type BodyRenderer = (notification: Notification) => React.ReactNode;\nexport type BellRenderer = (unreadCount: number) => React.ReactNode;\n\nexport type DefaultInboxProps = {\n  open?: boolean;\n  renderNotification?: NotificationsRenderer;\n  renderSubject?: SubjectRenderer;\n  renderBody?: BodyRenderer;\n  renderBell?: BellRenderer;\n  onNotificationClick?: NotificationClickHandler;\n  onPrimaryActionClick?: NotificationActionClickHandler;\n  onSecondaryActionClick?: NotificationActionClickHandler;\n  placement?: InboxProps['placement'];\n  placementOffset?: InboxProps['placementOffset'];\n};\n\nexport type BaseProps = {\n  applicationIdentifier: string;\n  subscriberId: string;\n  subscriberHash?: string;\n  backendUrl?: string;\n  socketUrl?: string;\n  appearance?: Appearance;\n  localization?: Localization;\n  tabs?: Array<Tab>;\n  preferencesFilter?: PreferencesFilter;\n  routerPush?: RouterPush;\n};\n\nexport type NotificationRendererProps = {\n  renderNotification: NotificationsRenderer;\n  renderSubject?: never;\n  renderBody?: never;\n};\n\nexport type SubjectBodyRendererProps = {\n  renderNotification?: never;\n  renderSubject?: SubjectRenderer;\n  renderBody?: BodyRenderer;\n};\n\nexport type NoRendererProps = {\n  renderNotification?: undefined;\n  renderSubject?: undefined;\n  renderBody?: undefined;\n};\n\nexport type DefaultProps = BaseProps &\n  DefaultInboxProps & {\n    children?: never;\n  } & (NotificationRendererProps | SubjectBodyRendererProps | NoRendererProps);\n\nexport type WithChildrenProps = BaseProps & {\n  children: React.ReactNode;\n};\n\nexport type { Notification };\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/cjs/utils/types.d.cts

@@ -0,0 +1,54 @@
+import { Notification, NotificationClickHandler, NotificationActionClickHandler, InboxProps, Appearance, Localization, Tab, PreferencesFilter, RouterPush } from '@novu/js/ui';
+export { Notification } from '@novu/js/ui';
+
+type NotificationsRenderer = (notification: Notification) => React.ReactNode;
+type SubjectRenderer = (notification: Notification) => React.ReactNode;
+type BodyRenderer = (notification: Notification) => React.ReactNode;
+type BellRenderer = (unreadCount: number) => React.ReactNode;
+type DefaultInboxProps = {
+    open?: boolean;
+    renderNotification?: NotificationsRenderer;
+    renderSubject?: SubjectRenderer;
+    renderBody?: BodyRenderer;
+    renderBell?: BellRenderer;
+    onNotificationClick?: NotificationClickHandler;
+    onPrimaryActionClick?: NotificationActionClickHandler;
+    onSecondaryActionClick?: NotificationActionClickHandler;
+    placement?: InboxProps['placement'];
+    placementOffset?: InboxProps['placementOffset'];
+};
+type BaseProps = {
+    applicationIdentifier: string;
+    subscriberId: string;
+    subscriberHash?: string;
+    backendUrl?: string;
+    socketUrl?: string;
+    appearance?: Appearance;
+    localization?: Localization;
+    tabs?: Array<Tab>;
+    preferencesFilter?: PreferencesFilter;
+    routerPush?: RouterPush;
+};
+type NotificationRendererProps = {
+    renderNotification: NotificationsRenderer;
+    renderSubject?: never;
+    renderBody?: never;
+};
+type SubjectBodyRendererProps = {
+    renderNotification?: never;
+    renderSubject?: SubjectRenderer;
+    renderBody?: BodyRenderer;
+};
+type NoRendererProps = {
+    renderNotification?: undefined;
+    renderSubject?: undefined;
+    renderBody?: undefined;
+};
+type DefaultProps = BaseProps & DefaultInboxProps & {
+    children?: never;
+} & (NotificationRendererProps | SubjectBodyRendererProps | NoRendererProps);
+type WithChildrenProps = BaseProps & {
+    children: React.ReactNode;
+};
+
+export type { BaseProps, BellRenderer, BodyRenderer, DefaultInboxProps, DefaultProps, NoRendererProps, NotificationRendererProps, NotificationsRenderer, SubjectBodyRendererProps, SubjectRenderer, WithChildrenProps };

package/dist/client/{index.d.mts → components/index.d.mts}

@@ -5,10 +5,14 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Novu, NovuOptions, Notification as Notification$1, NovuError, Preference, NotificationFilter } from '@novu/js';
 
 type NotificationsRenderer = (notification: Notification) => React.ReactNode;
+type SubjectRenderer = (notification: Notification) => React.ReactNode;
+type BodyRenderer = (notification: Notification) => React.ReactNode;
 type BellRenderer = (unreadCount: number) => React.ReactNode;
 type DefaultInboxProps = {
     open?: boolean;
     renderNotification?: NotificationsRenderer;
+    renderSubject?: SubjectRenderer;
+    renderBody?: BodyRenderer;
     renderBell?: BellRenderer;
     onNotificationClick?: NotificationClickHandler;
     onPrimaryActionClick?: NotificationActionClickHandler;
@@ -28,9 +32,24 @@ type BaseProps = {
     preferencesFilter?: PreferencesFilter;
     routerPush?: RouterPush;
 };
+type NotificationRendererProps = {
+    renderNotification: NotificationsRenderer;
+    renderSubject?: never;
+    renderBody?: never;
+};
+type SubjectBodyRendererProps = {
+    renderNotification?: never;
+    renderSubject?: SubjectRenderer;
+    renderBody?: BodyRenderer;
+};
+type NoRendererProps = {
+    renderNotification?: undefined;
+    renderSubject?: undefined;
+    renderBody?: undefined;
+};
 type DefaultProps = BaseProps & DefaultInboxProps & {
     children?: never;
-};
+} & (NotificationRendererProps | SubjectBodyRendererProps | NoRendererProps);
 type WithChildrenProps = BaseProps & {
     children: React.ReactNode;
 };
@@ -48,23 +67,21 @@ declare const Inbox: React$1.MemoExoticComponent<(props: InboxProps) => react_js
 declare const Preferences: () => react_jsx_runtime.JSX.Element;
 
 type NotificationProps = {
-    renderNotification?: NotificationsRenderer;
     onNotificationClick?: NotificationClickHandler;
     onPrimaryActionClick?: NotificationActionClickHandler;
     onSecondaryActionClick?: NotificationActionClickHandler;
-};
+} & (NotificationRendererProps | SubjectBodyRendererProps | NoRendererProps);
 declare const Notifications: React$1.ComponentType<NotificationProps & {
     children?: React$1.ReactNode | undefined;
 }>;
 
 type InboxContentProps = {
-    renderNotification?: NotificationsRenderer;
     onNotificationClick?: NotificationClickHandler;
     onPrimaryActionClick?: NotificationActionClickHandler;
     onSecondaryActionClick?: NotificationActionClickHandler;
     initialPage?: InboxPage;
     hideNav?: boolean;
-};
+} & (NotificationRendererProps | SubjectBodyRendererProps | NoRendererProps);
 declare const InboxContent: React$1.ComponentType<InboxContentProps & {
     children?: React$1.ReactNode | undefined;
 }>;
@@ -148,4 +165,4 @@ type UseCountsResult = {
 };
 declare const useCounts: (props: UseCountsProps) => UseCountsResult;
 
-export { type BaseProps, Bell, type BellProps, type BellRenderer, type DefaultInboxProps, type DefaultProps, Inbox, InboxContent, type InboxContentProps, type InboxProps, InternalNovuProvider, type NotificationProps, Notifications, type NotificationsRenderer, NovuProvider, Preferences, type UseNotificationsProps, type WithChildrenProps, useCounts, useNotifications, useNovu, usePreferences, useUnsafeNovu };
+export { type BaseProps, Bell, type BellProps, type BellRenderer, type BodyRenderer, type DefaultInboxProps, type DefaultProps, Inbox, InboxContent, type InboxContentProps, type InboxProps, InternalNovuProvider, type NoRendererProps, type NotificationProps, type NotificationRendererProps, Notifications, type NotificationsRenderer, NovuProvider, Preferences, type SubjectBodyRendererProps, type SubjectRenderer, type UseNotificationsProps, type WithChildrenProps, useCounts, useNotifications, useNovu, usePreferences, useUnsafeNovu };

package/dist/client/{index.d.ts → components/index.d.ts}

@@ -5,10 +5,14 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Novu, NovuOptions, Notification as Notification$1, NovuError, Preference, NotificationFilter } from '@novu/js';
 
 type NotificationsRenderer = (notification: Notification) => React.ReactNode;
+type SubjectRenderer = (notification: Notification) => React.ReactNode;
+type BodyRenderer = (notification: Notification) => React.ReactNode;
 type BellRenderer = (unreadCount: number) => React.ReactNode;
 type DefaultInboxProps = {
     open?: boolean;
     renderNotification?: NotificationsRenderer;
+    renderSubject?: SubjectRenderer;
+    renderBody?: BodyRenderer;
     renderBell?: BellRenderer;
     onNotificationClick?: NotificationClickHandler;
     onPrimaryActionClick?: NotificationActionClickHandler;
@@ -28,9 +32,24 @@ type BaseProps = {
     preferencesFilter?: PreferencesFilter;
     routerPush?: RouterPush;
 };
+type NotificationRendererProps = {
+    renderNotification: NotificationsRenderer;
+    renderSubject?: never;
+    renderBody?: never;
+};
+type SubjectBodyRendererProps = {
+    renderNotification?: never;
+    renderSubject?: SubjectRenderer;
+    renderBody?: BodyRenderer;
+};
+type NoRendererProps = {
+    renderNotification?: undefined;
+    renderSubject?: undefined;
+    renderBody?: undefined;
+};
 type DefaultProps = BaseProps & DefaultInboxProps & {
     children?: never;
-};
+} & (NotificationRendererProps | SubjectBodyRendererProps | NoRendererProps);
 type WithChildrenProps = BaseProps & {
     children: React.ReactNode;
 };
@@ -48,23 +67,21 @@ declare const Inbox: React$1.MemoExoticComponent<(props: InboxProps) => react_js
 declare const Preferences: () => react_jsx_runtime.JSX.Element;
 
 type NotificationProps = {
-    renderNotification?: NotificationsRenderer;
     onNotificationClick?: NotificationClickHandler;
     onPrimaryActionClick?: NotificationActionClickHandler;
     onSecondaryActionClick?: NotificationActionClickHandler;
-};
+} & (NotificationRendererProps | SubjectBodyRendererProps | NoRendererProps);
 declare const Notifications: React$1.ComponentType<NotificationProps & {
     children?: React$1.ReactNode | undefined;
 }>;
 
 type InboxContentProps = {
-    renderNotification?: NotificationsRenderer;
     onNotificationClick?: NotificationClickHandler;
     onPrimaryActionClick?: NotificationActionClickHandler;
     onSecondaryActionClick?: NotificationActionClickHandler;
     initialPage?: InboxPage;
     hideNav?: boolean;
-};
+} & (NotificationRendererProps | SubjectBodyRendererProps | NoRendererProps);
 declare const InboxContent: React$1.ComponentType<InboxContentProps & {
     children?: React$1.ReactNode | undefined;
 }>;
@@ -148,4 +165,4 @@ type UseCountsResult = {
 };
 declare const useCounts: (props: UseCountsProps) => UseCountsResult;
 
-export { type BaseProps, Bell, type BellProps, type BellRenderer, type DefaultInboxProps, type DefaultProps, Inbox, InboxContent, type InboxContentProps, type InboxProps, InternalNovuProvider, type NotificationProps, Notifications, type NotificationsRenderer, NovuProvider, Preferences, type UseNotificationsProps, type WithChildrenProps, useCounts, useNotifications, useNovu, usePreferences, useUnsafeNovu };
+export { type BaseProps, Bell, type BellProps, type BellRenderer, type BodyRenderer, type DefaultInboxProps, type DefaultProps, Inbox, InboxContent, type InboxContentProps, type InboxProps, InternalNovuProvider, type NoRendererProps, type NotificationProps, type NotificationRendererProps, Notifications, type NotificationsRenderer, NovuProvider, Preferences, type SubjectBodyRendererProps, type SubjectRenderer, type UseNotificationsProps, type WithChildrenProps, useCounts, useNotifications, useNovu, usePreferences, useUnsafeNovu };