@novu/react 2.6.6 → 3.0.0-canary.0

package/dist/esm/hooks/useNotifications.js

@@ -0,0 +1,96 @@
+// src/hooks/useNotifications.ts
+import { useState, useEffect, useRef } from "react";
+import { isSameFilter } from "@novu/js";
+import { useNovu } from "./NovuProvider.js";
+var useNotifications = (props) => {
+  const { tags, read, archived = false, limit, onSuccess, onError } = props || {};
+  const filterRef = useRef(void 0);
+  const { notifications, on } = useNovu();
+  const [data, setData] = useState();
+  const [error, setError] = useState();
+  const [isLoading, setIsLoading] = useState(true);
+  const [isFetching, setIsFetching] = useState(false);
+  const [hasMore, setHasMore] = useState(false);
+  const length = data?.length;
+  const after = length ? data[length - 1].id : void 0;
+  const sync = (event) => {
+    if (!event.data || filterRef.current && !isSameFilter(filterRef.current, event.data.filter)) {
+      return;
+    }
+    setData(event.data.notifications);
+    setHasMore(event.data.hasMore);
+  };
+  useEffect(() => {
+    const cleanup = on("notifications.list.updated", sync);
+    return () => {
+      cleanup();
+    };
+  }, []);
+  useEffect(() => {
+    const newFilter = { tags, read, archived };
+    if (filterRef.current && isSameFilter(filterRef.current, newFilter)) {
+      return;
+    }
+    notifications.clearCache({ filter: filterRef.current });
+    filterRef.current = newFilter;
+    fetchNotifications({ refetch: true });
+  }, [tags, read, archived]);
+  const fetchNotifications = async (options) => {
+    if (options?.refetch) {
+      setError(void 0);
+      setIsLoading(true);
+      setIsFetching(false);
+    }
+    setIsFetching(true);
+    const response = await notifications.list({
+      tags,
+      read,
+      archived,
+      limit,
+      after: options?.refetch ? void 0 : after
+    });
+    if (response.error) {
+      setError(response.error);
+      onError?.(response.error);
+    } else {
+      onSuccess?.(response.data.notifications);
+      setData(response.data.notifications);
+      setHasMore(response.data.hasMore);
+    }
+    setIsLoading(false);
+    setIsFetching(false);
+  };
+  const refetch = () => {
+    notifications.clearCache({ filter: { tags, read, archived } });
+    return fetchNotifications({ refetch: true });
+  };
+  const fetchMore = async () => {
+    if (!hasMore || isFetching) return;
+    return fetchNotifications();
+  };
+  const readAll = async () => {
+    return await notifications.readAll({ tags });
+  };
+  const archiveAll = async () => {
+    return await notifications.archiveAll({ tags });
+  };
+  const archiveAllRead = async () => {
+    return await notifications.archiveAllRead({ tags });
+  };
+  return {
+    readAll,
+    archiveAll,
+    archiveAllRead,
+    notifications: data,
+    error,
+    isLoading,
+    isFetching,
+    refetch,
+    fetchMore,
+    hasMore
+  };
+};
+export {
+  useNotifications
+};
+//# sourceMappingURL=useNotifications.js.map

package/dist/esm/hooks/useNotifications.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useNotifications.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { ListNotificationsResponse, Notification, NovuError, isSameFilter, NotificationFilter } from '@novu/js';\nimport { useNovu } from './NovuProvider';\n\nexport type UseNotificationsProps = {\n  tags?: string[];\n  read?: boolean;\n  archived?: boolean;\n  limit?: number;\n  onSuccess?: (data: Notification[]) => void;\n  onError?: (error: NovuError) => void;\n};\n\nexport type UseNotificationsResult = {\n  notifications?: Notification[];\n  error?: NovuError;\n  isLoading: boolean;\n  isFetching: boolean;\n  hasMore: boolean;\n  readAll: () => Promise<{\n    data?: void | undefined;\n    error?: NovuError | undefined;\n  }>;\n  archiveAll: () => Promise<{\n    data?: void | undefined;\n    error?: NovuError | undefined;\n  }>;\n  archiveAllRead: () => Promise<{\n    data?: void | undefined;\n    error?: NovuError | undefined;\n  }>;\n  refetch: () => Promise<void>;\n  fetchMore: () => Promise<void>;\n};\n\nexport const useNotifications = (props?: UseNotificationsProps): UseNotificationsResult => {\n  const { tags, read, archived = false, limit, onSuccess, onError } = props || {};\n  const filterRef = useRef<NotificationFilter | undefined>(undefined);\n  const { notifications, on } = useNovu();\n  const [data, setData] = useState<Array<Notification>>();\n  const [error, setError] = useState<NovuError>();\n  const [isLoading, setIsLoading] = useState(true);\n  const [isFetching, setIsFetching] = useState(false);\n  const [hasMore, setHasMore] = useState(false);\n  const length = data?.length;\n  const after = length ? data[length - 1].id : undefined;\n\n  const sync = (event: { data?: ListNotificationsResponse }) => {\n    if (!event.data || (filterRef.current && !isSameFilter(filterRef.current, event.data.filter))) {\n      return;\n    }\n    setData(event.data.notifications);\n    setHasMore(event.data.hasMore);\n  };\n\n  useEffect(() => {\n    const cleanup = on('notifications.list.updated', sync);\n\n    return () => {\n      cleanup();\n    };\n  }, []);\n\n  useEffect(() => {\n    const newFilter = { tags, read, archived };\n    if (filterRef.current && isSameFilter(filterRef.current, newFilter)) {\n      return;\n    }\n\n    notifications.clearCache({ filter: filterRef.current });\n    filterRef.current = newFilter;\n\n    fetchNotifications({ refetch: true });\n  }, [tags, read, archived]);\n\n  const fetchNotifications = async (options?: { refetch: boolean }) => {\n    if (options?.refetch) {\n      setError(undefined);\n      setIsLoading(true);\n      setIsFetching(false);\n    }\n    setIsFetching(true);\n    const response = await notifications.list({\n      tags,\n      read,\n      archived,\n      limit,\n      after: options?.refetch ? undefined : after,\n    });\n    if (response.error) {\n      setError(response.error);\n      onError?.(response.error);\n    } else {\n      onSuccess?.(response.data!.notifications);\n      setData(response.data!.notifications);\n      setHasMore(response.data!.hasMore);\n    }\n    setIsLoading(false);\n    setIsFetching(false);\n  };\n\n  const refetch = () => {\n    notifications.clearCache({ filter: { tags, read, archived } });\n\n    return fetchNotifications({ refetch: true });\n  };\n\n  const fetchMore = async () => {\n    if (!hasMore || isFetching) return;\n\n    return fetchNotifications();\n  };\n\n  const readAll = async () => {\n    return await notifications.readAll({ tags });\n  };\n\n  const archiveAll = async () => {\n    return await notifications.archiveAll({ tags });\n  };\n\n  const archiveAllRead = async () => {\n    return await notifications.archiveAllRead({ tags });\n  };\n\n  return {\n    readAll,\n    archiveAll,\n    archiveAllRead,\n    notifications: data,\n    error,\n    isLoading,\n    isFetching,\n    refetch,\n    fetchMore,\n    hasMore,\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/esm/hooks/usePreferences.d.ts

@@ -0,0 +1,19 @@
+import { Preference, NovuError } from '@novu/js';
+
+type UsePreferencesProps = {
+    filter?: {
+        tags?: string[];
+    };
+    onSuccess?: (data: Preference[]) => void;
+    onError?: (error: NovuError) => void;
+};
+type UsePreferencesResult = {
+    preferences?: Preference[];
+    error?: NovuError;
+    isLoading: boolean;
+    isFetching: boolean;
+    refetch: () => Promise<void>;
+};
+declare const usePreferences: (props?: UsePreferencesProps) => UsePreferencesResult;
+
+export { type UsePreferencesProps, type UsePreferencesResult, usePreferences };

package/dist/esm/hooks/usePreferences.js

@@ -0,0 +1,55 @@
+// src/hooks/usePreferences.ts
+import { useEffect, useState } from "react";
+import { useNovu } from "./NovuProvider.js";
+var usePreferences = (props) => {
+  const { onSuccess, onError } = props || {};
+  const [data, setData] = useState();
+  const { preferences, on } = useNovu();
+  const [error, setError] = useState();
+  const [isLoading, setIsLoading] = useState(true);
+  const [isFetching, setIsFetching] = useState(false);
+  const sync = (event) => {
+    if (!event.data) {
+      return;
+    }
+    setData(event.data);
+  };
+  useEffect(() => {
+    fetchPreferences();
+    const listUpdatedCleanup = on("preferences.list.updated", sync);
+    const listPendingCleanup = on("preferences.list.pending", sync);
+    const listResolvedCleanup = on("preferences.list.resolved", sync);
+    return () => {
+      listUpdatedCleanup();
+      listPendingCleanup();
+      listResolvedCleanup();
+    };
+  }, []);
+  const fetchPreferences = async () => {
+    setIsFetching(true);
+    const response = await preferences.list(props?.filter);
+    if (response.error) {
+      setError(response.error);
+      onError?.(response.error);
+    } else {
+      onSuccess?.(response.data);
+    }
+    setIsLoading(false);
+    setIsFetching(false);
+  };
+  const refetch = () => {
+    preferences.cache.clearAll();
+    return fetchPreferences();
+  };
+  return {
+    preferences: data,
+    error,
+    isLoading,
+    isFetching,
+    refetch
+  };
+};
+export {
+  usePreferences
+};
+//# sourceMappingURL=usePreferences.js.map

package/dist/esm/hooks/usePreferences.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/usePreferences.ts"],"sourcesContent":["import { NovuError, Preference } from '@novu/js';\nimport { useEffect, useState } from 'react';\nimport { useNovu } from './NovuProvider';\n\nexport type UsePreferencesProps = {\n  filter?: { tags?: string[] };\n  onSuccess?: (data: Preference[]) => void;\n  onError?: (error: NovuError) => void;\n};\n\nexport type UsePreferencesResult = {\n  preferences?: Preference[];\n  error?: NovuError;\n  isLoading: boolean; // initial loading\n  isFetching: boolean; // the request is in flight\n  refetch: () => Promise<void>;\n};\n\nexport const usePreferences = (props?: UsePreferencesProps): UsePreferencesResult => {\n  const { onSuccess, onError } = props || {};\n  const [data, setData] = useState<Preference[]>();\n  const { preferences, on } = useNovu();\n  const [error, setError] = useState<NovuError>();\n  const [isLoading, setIsLoading] = useState(true);\n  const [isFetching, setIsFetching] = useState(false);\n\n  const sync = (event: { data?: Preference[] }) => {\n    if (!event.data) {\n      return;\n    }\n    setData(event.data);\n  };\n\n  useEffect(() => {\n    fetchPreferences();\n\n    const listUpdatedCleanup = on('preferences.list.updated', sync);\n    const listPendingCleanup = on('preferences.list.pending', sync);\n    const listResolvedCleanup = on('preferences.list.resolved', sync);\n\n    return () => {\n      listUpdatedCleanup();\n      listPendingCleanup();\n      listResolvedCleanup();\n    };\n  }, []);\n\n  const fetchPreferences = async () => {\n    setIsFetching(true);\n    const response = await preferences.list(props?.filter);\n    if (response.error) {\n      setError(response.error);\n      onError?.(response.error);\n    } else {\n      onSuccess?.(response.data!);\n    }\n    setIsLoading(false);\n    setIsFetching(false);\n  };\n\n  const refetch = () => {\n    preferences.cache.clearAll();\n\n    return fetchPreferences();\n  };\n\n  return {\n    preferences: data,\n    error,\n    isLoading,\n    isFetching,\n    refetch,\n  };\n};\n"],"mappings":";AACA,SAAS,WAAW,gBAAgB;AACpC,SAAS,eAAe;AAgBjB,IAAM,iBAAiB,CAAC,UAAsD;AACnF,QAAM,EAAE,WAAW,QAAQ,IAAI,SAAS,CAAC;AACzC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAuB;AAC/C,QAAM,EAAE,aAAa,GAAG,IAAI,QAAQ;AACpC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAoB;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,OAAO,CAAC,UAAmC;AAC/C,QAAI,CAAC,MAAM,MAAM;AACf;AAAA,IACF;AACA,YAAQ,MAAM,IAAI;AAAA,EACpB;AAEA,YAAU,MAAM;AACd,qBAAiB;AAEjB,UAAM,qBAAqB,GAAG,4BAA4B,IAAI;AAC9D,UAAM,qBAAqB,GAAG,4BAA4B,IAAI;AAC9D,UAAM,sBAAsB,GAAG,6BAA6B,IAAI;AAEhE,WAAO,MAAM;AACX,yBAAmB;AACnB,yBAAmB;AACnB,0BAAoB;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAmB,YAAY;AACnC,kBAAc,IAAI;AAClB,UAAM,WAAW,MAAM,YAAY,KAAK,OAAO,MAAM;AACrD,QAAI,SAAS,OAAO;AAClB,eAAS,SAAS,KAAK;AACvB,gBAAU,SAAS,KAAK;AAAA,IAC1B,OAAO;AACL,kBAAY,SAAS,IAAK;AAAA,IAC5B;AACA,iBAAa,KAAK;AAClB,kBAAc,KAAK;AAAA,EACrB;AAEA,QAAM,UAAU,MAAM;AACpB,gBAAY,MAAM,SAAS;AAE3B,WAAO,iBAAiB;AAAA,EAC1B;AAEA,SAAO;AAAA,IACL,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/esm/index.d.ts

@@ -0,0 +1,14 @@
+export { Bell, BellProps } from './components/Bell.js';
+export { Inbox, InboxProps } from './components/Inbox.js';
+export { Preferences } from './components/Preferences.js';
+export { NotificationProps, Notifications } from './components/Notifications.js';
+export { InboxContent, InboxContentProps } from './components/InboxContent.js';
+export { InternalNovuProvider, NovuProvider, NovuProviderProps, useNovu, useUnsafeNovu } from './hooks/NovuProvider.js';
+export { UseNotificationsProps, UseNotificationsResult, useNotifications } from './hooks/useNotifications.js';
+export { UsePreferencesProps, UsePreferencesResult, usePreferences } from './hooks/usePreferences.js';
+export { UseCountsProps, UseCountsResult, useCounts } from './hooks/useCounts.js';
+export { BaseProps, BellRenderer, BodyRenderer, DefaultInboxProps, DefaultProps, NoRendererProps, NotificationRendererProps, NotificationsRenderer, SubjectBodyRendererProps, SubjectRenderer, WithChildrenProps } from './utils/types.js';
+export { Notification } from '@novu/js/ui';
+import 'react';
+import 'react/jsx-runtime';
+import '@novu/js';

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+// src/index.ts
+export * from "./components/index.js";
+export * from "./hooks/index.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components';\nexport * from './hooks';\nexport type * from './utils/types';\n"],"mappings":";AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/esm/server/index.d.ts

@@ -0,0 +1,29 @@
+import { InboxProps } from '../components/Inbox.js';
+import { UseNotificationsProps, UseNotificationsResult } from '../hooks/useNotifications.js';
+import { UsePreferencesProps, UsePreferencesResult } from '../hooks/usePreferences.js';
+import { UseCountsProps, UseCountsResult } from '../hooks/useCounts.js';
+import { NovuProviderProps } from '../hooks/NovuProvider.js';
+export { BaseProps, BellRenderer, BodyRenderer, DefaultInboxProps, DefaultProps, NoRendererProps, NotificationRendererProps, NotificationsRenderer, SubjectBodyRendererProps, SubjectRenderer, WithChildrenProps } from '../utils/types.js';
+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/esm/server/index.js

@@ -0,0 +1,56 @@
+// src/server/index.tsx
+export * from "../utils/types.js";
+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()
+  };
+}
+export {
+  Bell,
+  Inbox,
+  InboxContent,
+  Notifications,
+  NovuProvider,
+  Preferences,
+  useCounts,
+  useNotifications,
+  useNovu,
+  usePreferences
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/server/index.js.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":";AAUA,cAAc;AAQP,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/esm/themes/index.d.ts

@@ -0,0 +1 @@
+export * from '@novu/js/themes';

package/dist/esm/themes/index.js

@@ -0,0 +1,3 @@
+// src/themes/index.ts
+export * from "@novu/js/themes";
+//# sourceMappingURL=index.js.map

package/dist/esm/themes/index.js.map

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

package/dist/esm/utils/createContextAndHook.d.ts

@@ -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/esm/utils/createContextAndHook.js

@@ -0,0 +1,27 @@
+// src/utils/createContextAndHook.ts
+import React from "react";
+function assertContextExists(contextVal, msgOrCtx) {
+  if (!contextVal) {
+    throw typeof msgOrCtx === "string" ? new Error(msgOrCtx) : new Error(`${msgOrCtx.displayName} not found`);
+  }
+}
+var createContextAndHook = (displayName, options) => {
+  const { assertCtxFn = assertContextExists } = options || {};
+  const Ctx = React.createContext(void 0);
+  Ctx.displayName = displayName;
+  const useCtx = () => {
+    const ctx = React.useContext(Ctx);
+    assertCtxFn(ctx, `Component must be wrapped with ${Ctx.displayName}`);
+    return ctx.value;
+  };
+  const useCtxWithoutGuarantee = () => {
+    const ctx = React.useContext(Ctx);
+    return ctx ? ctx.value : {};
+  };
+  return [Ctx, useCtx, useCtxWithoutGuarantee];
+};
+export {
+  assertContextExists,
+  createContextAndHook
+};
+//# sourceMappingURL=createContextAndHook.js.map

package/dist/esm/utils/createContextAndHook.js.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,OAAO,WAAW;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,MAAM,cAA6C,MAAS;AACxE,MAAI,cAAc;AAElB,QAAM,SAAS,MAAM;AACnB,UAAM,MAAM,MAAM,WAAW,GAAG;AAChC,gBAAY,KAAK,kCAAkC,IAAI,WAAW,EAAE;AAEpE,WAAQ,IAAY;AAAA,EACtB;AAEA,QAAM,yBAAyB,MAAM;AACnC,UAAM,MAAM,MAAM,WAAW,GAAG;AAEhC,WAAO,MAAM,IAAI,QAAQ,CAAC;AAAA,EAC5B;AAEA,SAAO,CAAC,KAAK,QAAQ,sBAAsB;AAC7C;","names":[]}

package/dist/esm/utils/requestLock.d.ts

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

package/dist/esm/utils/requestLock.js

@@ -0,0 +1,27 @@
+// src/utils/requestLock.ts
+function requestLock(id, cb) {
+  if (!("locks" in navigator)) {
+    cb(id);
+    return () => {
+    };
+  }
+  let isFulfilled = false;
+  let promiseResolve;
+  const promise = new Promise((resolve) => {
+    promiseResolve = resolve;
+  });
+  navigator.locks.request(id, () => {
+    if (!isFulfilled) {
+      cb(id);
+    }
+    return promise;
+  });
+  return () => {
+    isFulfilled = true;
+    promiseResolve();
+  };
+}
+export {
+  requestLock
+};
+//# sourceMappingURL=requestLock.js.map

package/dist/esm/utils/requestLock.js.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":";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/esm/utils/types.d.ts

@@ -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/esm/utils/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/esm/utils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/server/{server.d.mts → index.d.mts}

@@ -1,20 +1,24 @@
-import { Notification, NotificationClickHandler, NotificationActionClickHandler, InboxProps, Appearance, Localization, Tab, PreferencesFilter, RouterPush } from '@novu/js/ui';
+import { Notification, NotificationClickHandler, NotificationActionClickHandler, InboxProps as InboxProps$1, Appearance, Localization, Tab, PreferencesFilter, RouterPush } from '@novu/js/ui';
 export { Notification } from '@novu/js/ui';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Novu, NovuOptions, Notification as Notification$1, NovuError, Preference, NotificationFilter } from '@novu/js';
 import { ReactNode } from 'react';
 
 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'];
+    placement?: InboxProps$1['placement'];
+    placementOffset?: InboxProps$1['placementOffset'];
 };
 type BaseProps = {
     applicationIdentifier: string;
@@ -28,13 +32,30 @@ 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;
 };
 
+type InboxProps = DefaultProps | WithChildrenProps;
+
 type NovuProviderProps = NovuOptions & {
     children: ReactNode;
 };
@@ -117,4 +138,4 @@ declare function Notifications(): void;
 declare function Preferences(): void;
 declare function Bell(): void;
 
-export { type BaseProps, Bell, type BellRenderer, type DefaultInboxProps, type DefaultProps, Inbox, InboxContent, Notifications, type NotificationsRenderer, NovuProvider, Preferences, type UseNotificationsProps, type WithChildrenProps, useCounts, useNotifications, useNovu, usePreferences };
+export { type BaseProps, Bell, type BellRenderer, type BodyRenderer, type DefaultInboxProps, type DefaultProps, Inbox, InboxContent, type InboxProps, type NoRendererProps, type NotificationRendererProps, Notifications, type NotificationsRenderer, NovuProvider, Preferences, type SubjectBodyRendererProps, type SubjectRenderer, type UseNotificationsProps, type WithChildrenProps, useCounts, useNotifications, useNovu, usePreferences };

package/dist/server/{server.d.ts → index.d.ts}

@@ -1,20 +1,24 @@
-import { Notification, NotificationClickHandler, NotificationActionClickHandler, InboxProps, Appearance, Localization, Tab, PreferencesFilter, RouterPush } from '@novu/js/ui';
+import { Notification, NotificationClickHandler, NotificationActionClickHandler, InboxProps as InboxProps$1, Appearance, Localization, Tab, PreferencesFilter, RouterPush } from '@novu/js/ui';
 export { Notification } from '@novu/js/ui';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Novu, NovuOptions, Notification as Notification$1, NovuError, Preference, NotificationFilter } from '@novu/js';
 import { ReactNode } from 'react';
 
 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'];
+    placement?: InboxProps$1['placement'];
+    placementOffset?: InboxProps$1['placementOffset'];
 };
 type BaseProps = {
     applicationIdentifier: string;
@@ -28,13 +32,30 @@ 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;
 };
 
+type InboxProps = DefaultProps | WithChildrenProps;
+
 type NovuProviderProps = NovuOptions & {
     children: ReactNode;
 };
@@ -117,4 +138,4 @@ declare function Notifications(): void;
 declare function Preferences(): void;
 declare function Bell(): void;
 
-export { type BaseProps, Bell, type BellRenderer, type DefaultInboxProps, type DefaultProps, Inbox, InboxContent, Notifications, type NotificationsRenderer, NovuProvider, Preferences, type UseNotificationsProps, type WithChildrenProps, useCounts, useNotifications, useNovu, usePreferences };
+export { type BaseProps, Bell, type BellRenderer, type BodyRenderer, type DefaultInboxProps, type DefaultProps, Inbox, InboxContent, type InboxProps, type NoRendererProps, type NotificationRendererProps, Notifications, type NotificationsRenderer, NovuProvider, Preferences, type SubjectBodyRendererProps, type SubjectRenderer, type UseNotificationsProps, type WithChildrenProps, useCounts, useNotifications, useNovu, usePreferences };