@novu/react 3.15.0 → 3.17.0-rc.d0046861c6

package/dist/esm/hooks/useCreateChannelEndpoint.js

@@ -0,0 +1,36 @@
+// src/hooks/useCreateChannelEndpoint.ts
+import { useCallback, useRef, useState } from "react";
+import { useNovu } from "./NovuProvider.js";
+var useCreateChannelEndpoint = (props = {}) => {
+  const propsRef = useRef(props);
+  propsRef.current = props;
+  const novu = useNovu();
+  const [isCreating, setIsCreating] = useState(false);
+  const [error, setError] = useState();
+  const create = useCallback(
+    async (args) => {
+      const { onSuccess, onError } = propsRef.current;
+      setError(void 0);
+      setIsCreating(true);
+      const response = await novu.channelEndpoints.create(args);
+      setIsCreating(false);
+      if (response.error) {
+        setError(response.error);
+        onError?.(response.error);
+      } else if (response.data) {
+        onSuccess?.(response.data);
+      }
+      return response;
+    },
+    [novu]
+  );
+  return {
+    create,
+    isCreating,
+    error
+  };
+};
+export {
+  useCreateChannelEndpoint
+};
+//# sourceMappingURL=useCreateChannelEndpoint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useCreateChannelEndpoint.ts"],"sourcesContent":["import type { ChannelEndpointResponse, CreateChannelEndpointArgs, NovuError } from '@novu/js';\nimport { useCallback, useRef, useState } from 'react';\nimport { useNovu } from './NovuProvider';\n\nexport type UseCreateChannelEndpointProps = {\n  onSuccess?: (data: ChannelEndpointResponse) => void;\n  onError?: (error: NovuError) => void;\n};\n\nexport type UseCreateChannelEndpointResult = {\n  isCreating: boolean;\n  error?: NovuError;\n  create: (args: CreateChannelEndpointArgs) => Promise<{\n    data?: ChannelEndpointResponse | undefined;\n    error?: NovuError | undefined;\n  }>;\n};\n\nexport const useCreateChannelEndpoint = (props: UseCreateChannelEndpointProps = {}): UseCreateChannelEndpointResult => {\n  const propsRef = useRef<UseCreateChannelEndpointProps>(props);\n  propsRef.current = props;\n  const novu = useNovu();\n  const [isCreating, setIsCreating] = useState(false);\n  const [error, setError] = useState<NovuError>();\n\n  const create = useCallback(\n    async (args: CreateChannelEndpointArgs) => {\n      const { onSuccess, onError } = propsRef.current;\n      setError(undefined);\n      setIsCreating(true);\n\n      const response = await novu.channelEndpoints.create(args);\n\n      setIsCreating(false);\n\n      if (response.error) {\n        setError(response.error as NovuError);\n        onError?.(response.error as NovuError);\n      } else if (response.data) {\n        onSuccess?.(response.data as ChannelEndpointResponse);\n      }\n\n      return response as { data?: ChannelEndpointResponse; error?: NovuError };\n    },\n    [novu]\n  );\n\n  return {\n    create,\n    isCreating,\n    error,\n  };\n};\n"],"mappings":";AACA,SAAS,aAAa,QAAQ,gBAAgB;AAC9C,SAAS,eAAe;AAgBjB,IAAM,2BAA2B,CAAC,QAAuC,CAAC,MAAsC;AACrH,QAAM,WAAW,OAAsC,KAAK;AAC5D,WAAS,UAAU;AACnB,QAAM,OAAO,QAAQ;AACrB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAoB;AAE9C,QAAM,SAAS;AAAA,IACb,OAAO,SAAoC;AACzC,YAAM,EAAE,WAAW,QAAQ,IAAI,SAAS;AACxC,eAAS,MAAS;AAClB,oBAAc,IAAI;AAElB,YAAM,WAAW,MAAM,KAAK,iBAAiB,OAAO,IAAI;AAExD,oBAAc,KAAK;AAEnB,UAAI,SAAS,OAAO;AAClB,iBAAS,SAAS,KAAkB;AACpC,kBAAU,SAAS,KAAkB;AAAA,MACvC,WAAW,SAAS,MAAM;AACxB,oBAAY,SAAS,IAA+B;AAAA,MACtD;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,17 @@
+import { NovuError } from '@novu/js';
+
+type UseDeleteChannelEndpointProps = {
+    onSuccess?: () => void;
+    onError?: (error: NovuError) => void;
+};
+type UseDeleteChannelEndpointResult = {
+    isDeleting: boolean;
+    error?: NovuError;
+    remove: (identifier: string) => Promise<{
+        data?: undefined;
+        error?: NovuError | undefined;
+    }>;
+};
+declare const useDeleteChannelEndpoint: (props?: UseDeleteChannelEndpointProps) => UseDeleteChannelEndpointResult;
+
+export { type UseDeleteChannelEndpointProps, type UseDeleteChannelEndpointResult, useDeleteChannelEndpoint };

package/dist/esm/hooks/useDeleteChannelEndpoint.js

@@ -0,0 +1,43 @@
+// src/hooks/useDeleteChannelEndpoint.ts
+import { useCallback, useRef, useState } from "react";
+import { useNovu } from "./NovuProvider.js";
+var useDeleteChannelEndpoint = (props = {}) => {
+  const propsRef = useRef(props);
+  propsRef.current = props;
+  const novu = useNovu();
+  const [isDeleting, setIsDeleting] = useState(false);
+  const [error, setError] = useState();
+  const remove = useCallback(
+    async (identifier) => {
+      setError(void 0);
+      setIsDeleting(true);
+      try {
+        const response = await novu.channelEndpoints.delete({ identifier });
+        if (response.error) {
+          setError(response.error);
+          propsRef.current.onError?.(response.error);
+        } else {
+          propsRef.current.onSuccess?.();
+        }
+        return response;
+      } catch (err) {
+        const novuError = err;
+        setError(novuError);
+        propsRef.current.onError?.(novuError);
+        return { error: novuError };
+      } finally {
+        setIsDeleting(false);
+      }
+    },
+    [novu]
+  );
+  return {
+    remove,
+    isDeleting,
+    error
+  };
+};
+export {
+  useDeleteChannelEndpoint
+};
+//# sourceMappingURL=useDeleteChannelEndpoint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useDeleteChannelEndpoint.ts"],"sourcesContent":["import type { NovuError } from '@novu/js';\nimport { useCallback, useRef, useState } from 'react';\nimport { useNovu } from './NovuProvider';\n\nexport type UseDeleteChannelEndpointProps = {\n  onSuccess?: () => void;\n  onError?: (error: NovuError) => void;\n};\n\nexport type UseDeleteChannelEndpointResult = {\n  isDeleting: boolean;\n  error?: NovuError;\n  remove: (identifier: string) => Promise<{\n    data?: undefined;\n    error?: NovuError | undefined;\n  }>;\n};\n\nexport const useDeleteChannelEndpoint = (props: UseDeleteChannelEndpointProps = {}): UseDeleteChannelEndpointResult => {\n  const propsRef = useRef<UseDeleteChannelEndpointProps>(props);\n  propsRef.current = props;\n  const novu = useNovu();\n  const [isDeleting, setIsDeleting] = useState(false);\n  const [error, setError] = useState<NovuError>();\n\n  const remove = useCallback(\n    async (identifier: string) => {\n      setError(undefined);\n      setIsDeleting(true);\n\n      try {\n        const response = await novu.channelEndpoints.delete({ identifier });\n\n        if (response.error) {\n          setError(response.error as NovuError);\n          propsRef.current.onError?.(response.error as NovuError);\n        } else {\n          propsRef.current.onSuccess?.();\n        }\n\n        return response as { data?: undefined; error?: NovuError };\n      } catch (err) {\n        const novuError = err as NovuError;\n        setError(novuError);\n        propsRef.current.onError?.(novuError);\n\n        return { error: novuError };\n      } finally {\n        setIsDeleting(false);\n      }\n    },\n    [novu]\n  );\n\n  return {\n    remove,\n    isDeleting,\n    error,\n  };\n};\n"],"mappings":";AACA,SAAS,aAAa,QAAQ,gBAAgB;AAC9C,SAAS,eAAe;AAgBjB,IAAM,2BAA2B,CAAC,QAAuC,CAAC,MAAsC;AACrH,QAAM,WAAW,OAAsC,KAAK;AAC5D,WAAS,UAAU;AACnB,QAAM,OAAO,QAAQ;AACrB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAoB;AAE9C,QAAM,SAAS;AAAA,IACb,OAAO,eAAuB;AAC5B,eAAS,MAAS;AAClB,oBAAc,IAAI;AAElB,UAAI;AACF,cAAM,WAAW,MAAM,KAAK,iBAAiB,OAAO,EAAE,WAAW,CAAC;AAElE,YAAI,SAAS,OAAO;AAClB,mBAAS,SAAS,KAAkB;AACpC,mBAAS,QAAQ,UAAU,SAAS,KAAkB;AAAA,QACxD,OAAO;AACL,mBAAS,QAAQ,YAAY;AAAA,QAC/B;AAEA,eAAO;AAAA,MACT,SAAS,KAAK;AACZ,cAAM,YAAY;AAClB,iBAAS,SAAS;AAClB,iBAAS,QAAQ,UAAU,SAAS;AAEpC,eAAO,EAAE,OAAO,UAAU;AAAA,MAC5B,UAAE;AACA,sBAAc,KAAK;AAAA,MACrB;AAAA,IACF;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

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

@@ -26,6 +26,12 @@ import { NotificationFilter, Notification, NovuError } from '@novu/js';
  *   createdGte: 1704067200000,
  *   createdLte: 1735689599999
  * });
+ *
+ * // Opt out of the built-in realtime updates and drive them yourself
+ * const { notifications, refetch } = useNotifications({
+ *   read: false,
+ *   realtime: false,
+ * });
  * ```
  */
 type UseNotificationsProps = {
@@ -39,6 +45,18 @@ type UseNotificationsProps = {
     createdGte?: NotificationFilter['createdGte'];
     createdLte?: NotificationFilter['createdLte'];
     limit?: number;
+    /**
+     * When `false`, disables the WebSocket subscription that auto-injects
+     * newly received notifications into the list. Built-in mutations like
+     * `readAll`, `seenAll`, `archiveAll`, and `archiveAllRead` continue to
+     * update local state. Use this when you want to drive new-notification updates yourself (e.g.
+     * via your own `novu.on('notifications.notification_received', ...)`
+     * handler combined with `refetch()`).
+     *
+     * When set, this prop takes precedence over the `realtime` config on
+     * `<NovuProvider />`. When omitted, the provider value (default `true`) is used.
+     */
+    realtime?: boolean;
     onSuccess?: (data: Notification[]) => void;
     onError?: (error: NovuError) => void;
 };

package/dist/esm/hooks/useNotifications.js

@@ -3,7 +3,7 @@ import { checkNotificationMatchesFilter, isSameFilter } from "@novu/js";
 import { useCallback, useEffect, useState } from "react";
 import { useDataRef } from "./internal/useDataRef.js";
 import { useWebSocketEvent } from "./internal/useWebsocketEvent.js";
-import { useNovu } from "./NovuProvider.js";
+import { useNovu, useRealtime } from "./NovuProvider.js";
 var useNotifications = (props) => {
   const {
     tags,
@@ -16,6 +16,7 @@ var useNotifications = (props) => {
     createdGte,
     createdLte,
     limit = 10,
+    realtime: propsRealtime,
     onSuccess,
     onError
   } = props || {};
@@ -32,6 +33,8 @@ var useNotifications = (props) => {
     createdLte
   });
   const novu = useNovu();
+  const providerRealtime = useRealtime();
+  const realtime = propsRealtime ?? providerRealtime;
   const [data, setData] = useState();
   const [error, setError] = useState();
   const [isLoading, setIsLoading] = useState(true);
@@ -57,6 +60,7 @@ var useNotifications = (props) => {
   }, [filterRef, novu]);
   useWebSocketEvent({
     event: "notifications.notification_received",
+    enabled: realtime,
     eventHandler: ({ result: notification }) => {
       const currentFilter = filterRef.current;
       const matches = checkNotificationMatchesFilter(notification, currentFilter);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useNotifications.ts"],"sourcesContent":["import { checkNotificationMatchesFilter, isSameFilter, Notification, NotificationFilter, NovuError } from '@novu/js';\nimport { useCallback, useEffect, useState } from 'react';\nimport { useDataRef } from './internal/useDataRef';\nimport { useWebSocketEvent } from './internal/useWebsocketEvent';\nimport { useNovu } from './NovuProvider';\n\n/**\n * Props for the useNotifications hook.\n *\n * @example\n * ```tsx\n * // Get unread notifications\n * const { notifications } = useNotifications({\n *   read: false\n * });\n *\n * // Get unseen notifications with specific tags\n * const { notifications } = useNotifications({\n *   seen: false,\n *   tags: ['important']\n * });\n *\n * // Get notifications (auto-updates in real time when new notifications arrive)\n * const { notifications } = useNotifications({\n *   read: false\n * });\n *\n * // Get notifications from a specific time period\n * const { notifications } = useNotifications({\n *   createdGte: 1704067200000,\n *   createdLte: 1735689599999\n * });\n * ```\n */\nexport type UseNotificationsProps = {\n  tags?: NotificationFilter['tags'];\n  data?: NotificationFilter['data'];\n  read?: NotificationFilter['read'];\n  archived?: NotificationFilter['archived'];\n  snoozed?: NotificationFilter['snoozed'];\n  seen?: NotificationFilter['seen'];\n  severity?: NotificationFilter['severity'];\n  createdGte?: NotificationFilter['createdGte'];\n  createdLte?: NotificationFilter['createdLte'];\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  seenAll: () => 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 {\n    tags,\n    data: dataFilter,\n    read,\n    archived = false,\n    snoozed = false,\n    seen,\n    severity,\n    createdGte,\n    createdLte,\n    limit = 10,\n    onSuccess,\n    onError,\n  } = props || {};\n  const limitRef = useDataRef<number | undefined>(limit);\n  const filterRef = useDataRef<NotificationFilter>({\n    tags,\n    data: dataFilter,\n    read,\n    archived,\n    snoozed,\n    seen,\n    severity,\n    createdGte,\n    createdLte,\n  });\n  const novu = 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  const afterRef = useDataRef<string | undefined>(after);\n\n  useEffect(() => {\n    const listener = ({\n      data,\n    }: {\n      data: { notifications: Notification[]; hasMore: boolean; filter: NotificationFilter };\n    }) => {\n      if (!data || !isSameFilter(filterRef.current, data.filter)) {\n        return;\n      }\n\n      // the event is called with the list of all notifications cached matching the current filter\n      setData(data.notifications);\n      setHasMore(data.hasMore);\n    };\n\n    const cleanup = novu.on('notifications.list.updated', listener);\n\n    return () => {\n      cleanup();\n    };\n  }, [filterRef, novu]);\n\n  useWebSocketEvent({\n    event: 'notifications.notification_received',\n    eventHandler: ({ result: notification }) => {\n      const currentFilter = filterRef.current;\n      const matches = checkNotificationMatchesFilter(notification, currentFilter);\n      if (matches) {\n        // the limit and after props are used to create a cache key\n        // the first batch of notifications in the cache doesn't include the after prop and we want to push to the first batch\n        const cacheKey = { ...currentFilter, limit: limitRef.current };\n        novu.notifications.cache.unshift(cacheKey, notification);\n      }\n    },\n  });\n\n  const fetchNotifications = useCallback(\n    async (options?: { refetch: boolean }) => {\n      if (options?.refetch) {\n        setError(undefined);\n        setIsLoading(true);\n        setIsFetching(false);\n      }\n      setIsFetching(true);\n\n      const response = await novu.notifications.list({\n        ...filterRef.current,\n        limit,\n        after: options?.refetch ? undefined : afterRef.current,\n      });\n\n      if (response.error) {\n        setError(response.error);\n        onError?.(response.error);\n        setIsLoading(false);\n        setIsFetching(false);\n      } else if (response.data) {\n        const responseData = response.data;\n        onSuccess?.(responseData.notifications);\n        setData(responseData.notifications);\n        setHasMore(responseData.hasMore);\n        setIsLoading(false);\n        setIsFetching(false);\n      }\n    },\n    [novu, filterRef, afterRef, limit, onError, onSuccess]\n  );\n\n  useEffect(() => {\n    novu.notifications.clearCache({ filter: filterRef.current });\n    fetchNotifications({ refetch: true });\n  }, [filterRef, novu, JSON.stringify(filterRef.current), fetchNotifications]);\n\n  const refetch = useCallback(() => {\n    novu.notifications.clearCache({ filter: filterRef.current });\n    return fetchNotifications({ refetch: true });\n  }, [filterRef, novu, fetchNotifications]);\n\n  const fetchMore = useCallback(async () => {\n    if (!hasMore || isFetching) return;\n\n    return fetchNotifications();\n  }, [hasMore, isFetching, fetchNotifications]);\n\n  const readAll = useCallback(async () => {\n    return await novu.notifications.readAll({ tags: filterRef.current.tags, data: filterRef.current.data });\n  }, [filterRef, novu]);\n\n  const seenAll = useCallback(async () => {\n    return await novu.notifications.seenAll({ tags: filterRef.current.tags, data: filterRef.current.data });\n  }, [filterRef, novu]);\n\n  const archiveAll = useCallback(async () => {\n    return await novu.notifications.archiveAll({ tags: filterRef.current.tags, data: filterRef.current.data });\n  }, [filterRef, novu]);\n\n  const archiveAllRead = useCallback(async () => {\n    return await novu.notifications.archiveAllRead({ tags: filterRef.current.tags, data: filterRef.current.data });\n  }, [filterRef, novu]);\n\n  return {\n    readAll,\n    seenAll,\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":["data"]}
+{"version":3,"sources":["../../../src/hooks/useNotifications.ts"],"sourcesContent":["import { checkNotificationMatchesFilter, isSameFilter, Notification, NotificationFilter, NovuError } from '@novu/js';\nimport { useCallback, useEffect, useState } from 'react';\nimport { useDataRef } from './internal/useDataRef';\nimport { useWebSocketEvent } from './internal/useWebsocketEvent';\nimport { useNovu, useRealtime } from './NovuProvider';\n\n/**\n * Props for the useNotifications hook.\n *\n * @example\n * ```tsx\n * // Get unread notifications\n * const { notifications } = useNotifications({\n *   read: false\n * });\n *\n * // Get unseen notifications with specific tags\n * const { notifications } = useNotifications({\n *   seen: false,\n *   tags: ['important']\n * });\n *\n * // Get notifications (auto-updates in real time when new notifications arrive)\n * const { notifications } = useNotifications({\n *   read: false\n * });\n *\n * // Get notifications from a specific time period\n * const { notifications } = useNotifications({\n *   createdGte: 1704067200000,\n *   createdLte: 1735689599999\n * });\n *\n * // Opt out of the built-in realtime updates and drive them yourself\n * const { notifications, refetch } = useNotifications({\n *   read: false,\n *   realtime: false,\n * });\n * ```\n */\nexport type UseNotificationsProps = {\n  tags?: NotificationFilter['tags'];\n  data?: NotificationFilter['data'];\n  read?: NotificationFilter['read'];\n  archived?: NotificationFilter['archived'];\n  snoozed?: NotificationFilter['snoozed'];\n  seen?: NotificationFilter['seen'];\n  severity?: NotificationFilter['severity'];\n  createdGte?: NotificationFilter['createdGte'];\n  createdLte?: NotificationFilter['createdLte'];\n  limit?: number;\n  /**\n   * When `false`, disables the WebSocket subscription that auto-injects\n   * newly received notifications into the list. Built-in mutations like\n   * `readAll`, `seenAll`, `archiveAll`, and `archiveAllRead` continue to\n   * update local state. Use this when you want to drive new-notification updates yourself (e.g.\n   * via your own `novu.on('notifications.notification_received', ...)`\n   * handler combined with `refetch()`).\n   *\n   * When set, this prop takes precedence over the `realtime` config on\n   * `<NovuProvider />`. When omitted, the provider value (default `true`) is used.\n   */\n  realtime?: boolean;\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  seenAll: () => 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 {\n    tags,\n    data: dataFilter,\n    read,\n    archived = false,\n    snoozed = false,\n    seen,\n    severity,\n    createdGte,\n    createdLte,\n    limit = 10,\n    realtime: propsRealtime,\n    onSuccess,\n    onError,\n  } = props || {};\n  const limitRef = useDataRef<number | undefined>(limit);\n  const filterRef = useDataRef<NotificationFilter>({\n    tags,\n    data: dataFilter,\n    read,\n    archived,\n    snoozed,\n    seen,\n    severity,\n    createdGte,\n    createdLte,\n  });\n  const novu = useNovu();\n  const providerRealtime = useRealtime();\n  const realtime = propsRealtime ?? providerRealtime;\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  const afterRef = useDataRef<string | undefined>(after);\n\n  useEffect(() => {\n    const listener = ({\n      data,\n    }: {\n      data: { notifications: Notification[]; hasMore: boolean; filter: NotificationFilter };\n    }) => {\n      if (!data || !isSameFilter(filterRef.current, data.filter)) {\n        return;\n      }\n\n      // the event is called with the list of all notifications cached matching the current filter\n      setData(data.notifications);\n      setHasMore(data.hasMore);\n    };\n\n    const cleanup = novu.on('notifications.list.updated', listener);\n\n    return () => {\n      cleanup();\n    };\n  }, [filterRef, novu]);\n\n  useWebSocketEvent({\n    event: 'notifications.notification_received',\n    enabled: realtime,\n    eventHandler: ({ result: notification }) => {\n      const currentFilter = filterRef.current;\n      const matches = checkNotificationMatchesFilter(notification, currentFilter);\n      if (matches) {\n        // the limit and after props are used to create a cache key\n        // the first batch of notifications in the cache doesn't include the after prop and we want to push to the first batch\n        const cacheKey = { ...currentFilter, limit: limitRef.current };\n        novu.notifications.cache.unshift(cacheKey, notification);\n      }\n    },\n  });\n\n  const fetchNotifications = useCallback(\n    async (options?: { refetch: boolean }) => {\n      if (options?.refetch) {\n        setError(undefined);\n        setIsLoading(true);\n        setIsFetching(false);\n      }\n      setIsFetching(true);\n\n      const response = await novu.notifications.list({\n        ...filterRef.current,\n        limit,\n        after: options?.refetch ? undefined : afterRef.current,\n      });\n\n      if (response.error) {\n        setError(response.error);\n        onError?.(response.error);\n        setIsLoading(false);\n        setIsFetching(false);\n      } else if (response.data) {\n        const responseData = response.data;\n        onSuccess?.(responseData.notifications);\n        setData(responseData.notifications);\n        setHasMore(responseData.hasMore);\n        setIsLoading(false);\n        setIsFetching(false);\n      }\n    },\n    [novu, filterRef, afterRef, limit, onError, onSuccess]\n  );\n\n  useEffect(() => {\n    novu.notifications.clearCache({ filter: filterRef.current });\n    fetchNotifications({ refetch: true });\n  }, [filterRef, novu, JSON.stringify(filterRef.current), fetchNotifications]);\n\n  const refetch = useCallback(() => {\n    novu.notifications.clearCache({ filter: filterRef.current });\n    return fetchNotifications({ refetch: true });\n  }, [filterRef, novu, fetchNotifications]);\n\n  const fetchMore = useCallback(async () => {\n    if (!hasMore || isFetching) return;\n\n    return fetchNotifications();\n  }, [hasMore, isFetching, fetchNotifications]);\n\n  const readAll = useCallback(async () => {\n    return await novu.notifications.readAll({ tags: filterRef.current.tags, data: filterRef.current.data });\n  }, [filterRef, novu]);\n\n  const seenAll = useCallback(async () => {\n    return await novu.notifications.seenAll({ tags: filterRef.current.tags, data: filterRef.current.data });\n  }, [filterRef, novu]);\n\n  const archiveAll = useCallback(async () => {\n    return await novu.notifications.archiveAll({ tags: filterRef.current.tags, data: filterRef.current.data });\n  }, [filterRef, novu]);\n\n  const archiveAllRead = useCallback(async () => {\n    return await novu.notifications.archiveAllRead({ tags: filterRef.current.tags, data: filterRef.current.data });\n  }, [filterRef, novu]);\n\n  return {\n    readAll,\n    seenAll,\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":["data"]}

package/dist/esm/index.d.ts

@@ -1,17 +1,26 @@
 export * from '@novu/js';
 export { PreferenceLevel, SeverityLevelEnum, WorkflowCriticalityEnum } from '@novu/js';
-export { AllLocalization, AllLocalizationKey, ElementStyles, InboxAppearance, InboxAppearanceCallback, InboxAppearanceCallbackFunction, InboxAppearanceCallbackKeys, InboxAppearanceKey, InboxElements, InboxLocalization, InboxLocalizationKey, InboxTheme, NotificationActionClickHandler, NotificationClickHandler, NotificationRenderer, PreferenceGroups, PreferencesFilter, RouterPush, SubscriptionAppearance, SubscriptionAppearanceCallback, SubscriptionAppearanceCallbackFunction, SubscriptionAppearanceCallbackKeys, SubscriptionAppearanceKey, SubscriptionElements, SubscriptionLocalization, SubscriptionLocalizationKey, SubscriptionTheme, Tab, Variables } from '@novu/js/ui';
+export { AllLocalization, AllLocalizationKey, ChannelConnectButtonIconKey, ElementStyles, InboxAppearance, InboxAppearanceCallback, InboxAppearanceCallbackFunction, InboxAppearanceCallbackKeys, InboxAppearanceKey, InboxElements, InboxLocalization, InboxLocalizationKey, InboxTheme, NotificationActionClickHandler, NotificationClickHandler, NotificationRenderer, PreferenceGroups, PreferencesFilter, RouterPush, SubscriptionAppearance, SubscriptionAppearanceCallback, SubscriptionAppearanceCallbackFunction, SubscriptionAppearanceCallbackKeys, SubscriptionAppearanceKey, SubscriptionElements, SubscriptionLocalization, SubscriptionLocalizationKey, SubscriptionTheme, Tab, Variables } from '@novu/js/ui';
 export { NovuProvider, NovuProviderProps, useNovu } from './hooks/NovuProvider.js';
 export { Bell, BellProps } from './components/Bell.js';
 export { Inbox, InboxProps } from './components/Inbox.js';
 export { InboxContent, InboxContentProps } from './components/InboxContent.js';
+export { MsTeamsConnectButton, MsTeamsConnectButtonProps } from './components/msteams-connect-button/MsTeamsConnectButton.js';
+export { MsTeamsLinkUser, MsTeamsLinkUserProps } from './components/msteams-link-user/MsTeamsLinkUser.js';
 export { NotificationProps, Notifications } from './components/Notifications.js';
 export { Preferences } from './components/Preferences.js';
+export { SlackConnectButton, SlackConnectButtonProps } from './components/slack-connect-button/SlackConnectButton.js';
+export { SlackLinkUser, SlackLinkUserProps } from './components/slack-link-user/SlackLinkUser.js';
 export { Subscription, SubscriptionProps } from './components/subscription/Subscription.js';
 export { SubscriptionButton, SubscriptionButtonProps } from './components/subscription/SubscriptionButton.js';
 export { SubscriptionPreferences, SubscriptionPreferencesProps } from './components/subscription/SubscriptionPreferences.js';
+export { UseChannelConnectionProps, UseChannelConnectionResult, useChannelConnection } from './hooks/useChannelConnection.js';
+export { UseChannelConnectionsProps, UseChannelConnectionsResult, useChannelConnections } from './hooks/useChannelConnections.js';
+export { UseChannelEndpointProps, UseChannelEndpointResult, useChannelEndpoint } from './hooks/useChannelEndpoint.js';
 export { UseCountsProps, UseCountsResult, useCounts } from './hooks/useCounts.js';
+export { UseCreateChannelEndpointProps, UseCreateChannelEndpointResult, useCreateChannelEndpoint } from './hooks/useCreateChannelEndpoint.js';
 export { useCreateSubscription } from './hooks/useCreateSubscription.js';
+export { UseDeleteChannelEndpointProps, UseDeleteChannelEndpointResult, useDeleteChannelEndpoint } from './hooks/useDeleteChannelEndpoint.js';
 export { UseNotificationsProps, UseNotificationsResult, useNotifications } from './hooks/useNotifications.js';
 export { UsePreferencesResult, usePreferences } from './hooks/usePreferences.js';
 export { useRemoveSubscription } from './hooks/useRemoveSubscription.js';
@@ -19,8 +28,12 @@ export { UseScheduleProps as UsePreferencesProps, useSchedule } from './hooks/us
 export { useSubscription } from './hooks/useSubscription.js';
 export { useSubscriptions } from './hooks/useSubscriptions.js';
 export { useUpdateSubscription } from './hooks/useUpdateSubscription.js';
-export { BaseProps, BellRenderer, BodyRenderer, DefaultInboxProps, DefaultProps, NoRendererProps, NotificationRendererProps, NotificationsRenderer, ReactInboxAppearance, ReactInboxTheme, ReactSubscriptionAppearance, ReactSubscriptionTheme, SubjectBodyRendererProps, SubjectRenderer, WithChildrenProps } from './utils/types.js';
+export { BaseProps, BellRenderer, BodyRenderer, DefaultInboxProps, DefaultProps, NoRendererProps, NotificationRendererProps, NotificationsRenderer, ReactAllAppearance, ReactInboxAppearance, ReactInboxTheme, ReactSubscriptionAppearance, ReactSubscriptionTheme, SubjectBodyRendererProps, SubjectRenderer, WithChildrenProps } from './utils/types.js';
 import 'react/jsx-runtime';
 import 'react';
 import './components/NovuUI.js';
+import './components/msteams-connect-button/DefaultMsTeamsConnectButton.js';
+import './components/msteams-link-user/DefaultMsTeamsLinkUser.js';
+import './components/slack-connect-button/DefaultSlackConnectButton.js';
+import './components/slack-link-user/DefaultSlackLinkUser.js';
 import './components/subscription/DefaultSubscription.js';

package/dist/esm/index.js

@@ -4,16 +4,25 @@ import {
   Bell,
   Inbox,
   InboxContent,
+  MsTeamsConnectButton,
+  MsTeamsLinkUser,
   Notifications,
   NovuProvider,
   Preferences,
+  SlackConnectButton,
+  SlackLinkUser,
   Subscription,
   SubscriptionButton,
   SubscriptionPreferences
 } from "./components/index.js";
 import {
+  useChannelConnection,
+  useChannelConnections,
+  useChannelEndpoint,
   useCounts,
+  useCreateChannelEndpoint,
   useCreateSubscription,
+  useDeleteChannelEndpoint,
   useNotifications,
   useNovu,
   usePreferences,
@@ -27,17 +36,26 @@ export {
   Bell,
   Inbox,
   InboxContent,
+  MsTeamsConnectButton,
+  MsTeamsLinkUser,
   Notifications,
   NovuProvider,
   PreferenceLevel,
   Preferences,
   SeverityLevelEnum,
+  SlackConnectButton,
+  SlackLinkUser,
   Subscription,
   SubscriptionButton,
   SubscriptionPreferences,
   WorkflowCriticalityEnum,
+  useChannelConnection,
+  useChannelConnections,
+  useChannelEndpoint,
   useCounts,
+  useCreateChannelEndpoint,
   useCreateSubscription,
+  useDeleteChannelEndpoint,
   useNotifications,
   useNovu,
   usePreferences,

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export type * from '@novu/js';\nexport { 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';\nexport type {\n  BellProps,\n  InboxContentProps,\n  InboxProps,\n  NotificationProps,\n  NovuProviderProps,\n  SubscriptionButtonProps,\n  SubscriptionPreferencesProps,\n  SubscriptionProps,\n} from './components';\nexport {\n  Bell,\n  Inbox,\n  InboxContent,\n  Notifications,\n  NovuProvider,\n  Preferences,\n  Subscription,\n  SubscriptionButton,\n  SubscriptionPreferences,\n} from './components';\nexport type {\n  UseCountsProps,\n  UseCountsResult,\n  UseNotificationsProps,\n  UseNotificationsResult,\n  UsePreferencesResult,\n  UseScheduleProps as UsePreferencesProps,\n} from './hooks';\nexport {\n  useCounts,\n  useCreateSubscription,\n  useNotifications,\n  useNovu,\n  usePreferences,\n  useRemoveSubscription,\n  useSchedule,\n  useSubscription,\n  useSubscriptions,\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  ReactInboxAppearance,\n  ReactInboxTheme,\n  ReactSubscriptionAppearance,\n  ReactSubscriptionTheme,\n  SubjectBodyRendererProps,\n  SubjectRenderer,\n  WithChildrenProps,\n} from './utils/types';\n"],"mappings":";AACA,SAAS,iBAAiB,mBAAmB,+BAA+B;AA2C5E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export type * from '@novu/js';\nexport { 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} 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} 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} 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  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":";AACA,SAAS,iBAAiB,mBAAmB,+BAA+B;AAgD5E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAmBP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

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

@@ -15,8 +15,8 @@ import { UseUpdateSubscriptionProps, UseUpdateSubscriptionResult } from '../hook
 export { AllLocalization, AllLocalizationKey, ElementStyles, InboxAppearance, InboxAppearanceCallback, InboxAppearanceCallbackFunction, InboxAppearanceCallbackKeys, InboxAppearanceKey, InboxElements, InboxLocalization, InboxLocalizationKey, InboxTheme, NotificationActionClickHandler, NotificationClickHandler, NotificationRenderer, PreferenceGroups, PreferencesFilter, RouterPush, SubscriptionAppearance, SubscriptionAppearanceCallback, SubscriptionAppearanceCallbackFunction, SubscriptionAppearanceCallbackKeys, SubscriptionAppearanceKey, SubscriptionElements, SubscriptionLocalization, SubscriptionLocalizationKey, SubscriptionTheme, Tab, Variables } from '@novu/js/ui';
 export { BellProps } from '../components/Bell.js';
 export { InboxContentProps } from '../components/InboxContent.js';
-export { NotificationProps } from '../components/Notifications.js';
 export { BaseProps, BellRenderer, BodyRenderer, DefaultInboxProps, DefaultProps, NoRendererProps, NotificationRendererProps, NotificationsRenderer, SubjectBodyRendererProps, SubjectRenderer, WithChildrenProps } from '../utils/types.js';
+export { NotificationProps } from '../components/Notifications.js';
 import 'react';
 
 /**

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

@@ -1,10 +1,10 @@
 import { AllAppearance } from '@novu/js/ui';
 import { MountedElement } from '../context/RendererContext.js';
-import { ReactInboxAppearance, ReactSubscriptionAppearance } from './types.js';
+import { ReactInboxAppearance, ReactSubscriptionAppearance, ReactAllAppearance } from './types.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@novu/js';
 
-declare function adaptAppearanceForJs(appearance: ReactInboxAppearance | ReactSubscriptionAppearance, mountElement: (el: HTMLElement, mountedElement: MountedElement) => () => void): AllAppearance | undefined;
+declare function adaptAppearanceForJs(appearance: ReactInboxAppearance | ReactSubscriptionAppearance | ReactAllAppearance, mountElement: (el: HTMLElement, mountedElement: MountedElement) => () => void): AllAppearance | undefined;
 
 export { adaptAppearanceForJs };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/appearance.ts"],"sourcesContent":["import type { AllAppearance, AllIconKey, AllIconOverrides } from '@novu/js/ui';\nimport { MountedElement } from '../context/RendererContext';\nimport type { ReactIconRenderer, ReactInboxAppearance, ReactSubscriptionAppearance } from './types';\n\nexport function adaptAppearanceForJs(\n  appearance: ReactInboxAppearance | ReactSubscriptionAppearance,\n  mountElement: (el: HTMLElement, mountedElement: MountedElement) => () => void\n): AllAppearance | undefined {\n  if (!appearance) {\n    return undefined;\n  }\n  const { icons, ...restAppearance } = appearance;\n  const jsAppearance = { ...restAppearance } as AllAppearance;\n\n  if (icons) {\n    const jsIcons: AllIconOverrides = {};\n    const iconKeys = Object.keys(icons) as Array<AllIconKey>;\n\n    for (const iconKey of iconKeys) {\n      // @ts-expect-error: cant easily fix this type error\n      const reactRenderer = icons[iconKey] as ReactIconRenderer;\n\n      if (reactRenderer) {\n        jsIcons[iconKey] = (el: HTMLDivElement, props: { class?: string }) => {\n          return mountElement(el, reactRenderer(props));\n        };\n      }\n    }\n\n    // JsAppearance also has .icons directly (from JsTheme part of JsAppearance)\n    jsAppearance.icons = jsIcons;\n  } else {\n    // If original didn't have icons, ensure the clone doesn't either\n    delete jsAppearance.icons;\n  }\n\n  return jsAppearance;\n}\n"],"mappings":";AAIO,SAAS,qBACd,YACA,cAC2B;AAC3B,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AACA,QAAM,EAAE,OAAO,GAAG,eAAe,IAAI;AACrC,QAAM,eAAe,EAAE,GAAG,eAAe;AAEzC,MAAI,OAAO;AACT,UAAM,UAA4B,CAAC;AACnC,UAAM,WAAW,OAAO,KAAK,KAAK;AAElC,eAAW,WAAW,UAAU;AAE9B,YAAM,gBAAgB,MAAM,OAAO;AAEnC,UAAI,eAAe;AACjB,gBAAQ,OAAO,IAAI,CAAC,IAAoB,UAA8B;AACpE,iBAAO,aAAa,IAAI,cAAc,KAAK,CAAC;AAAA,QAC9C;AAAA,MACF;AAAA,IACF;AAGA,iBAAa,QAAQ;AAAA,EACvB,OAAO;AAEL,WAAO,aAAa;AAAA,EACtB;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/utils/appearance.ts"],"sourcesContent":["import type { AllAppearance, AllIconKey, AllIconOverrides } from '@novu/js/ui';\nimport { MountedElement } from '../context/RendererContext';\nimport type { ReactAllAppearance, ReactIconRenderer, ReactInboxAppearance, ReactSubscriptionAppearance } from './types';\n\nexport function adaptAppearanceForJs(\n  appearance: ReactInboxAppearance | ReactSubscriptionAppearance | ReactAllAppearance,\n  mountElement: (el: HTMLElement, mountedElement: MountedElement) => () => void\n): AllAppearance | undefined {\n  if (!appearance) {\n    return undefined;\n  }\n  const { icons, ...restAppearance } = appearance;\n  const jsAppearance = { ...restAppearance } as AllAppearance;\n\n  if (icons) {\n    const jsIcons: AllIconOverrides = {};\n    const iconKeys = Object.keys(icons) as Array<AllIconKey>;\n\n    for (const iconKey of iconKeys) {\n      // @ts-expect-error: cant easily fix this type error\n      const reactRenderer = icons[iconKey] as ReactIconRenderer;\n\n      if (reactRenderer) {\n        jsIcons[iconKey] = (el: HTMLDivElement, props: { class?: string }) => {\n          return mountElement(el, reactRenderer(props));\n        };\n      }\n    }\n\n    // JsAppearance also has .icons directly (from JsTheme part of JsAppearance)\n    jsAppearance.icons = jsIcons;\n  } else {\n    // If original didn't have icons, ensure the clone doesn't either\n    delete jsAppearance.icons;\n  }\n\n  return jsAppearance;\n}\n"],"mappings":";AAIO,SAAS,qBACd,YACA,cAC2B;AAC3B,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AACA,QAAM,EAAE,OAAO,GAAG,eAAe,IAAI;AACrC,QAAM,eAAe,EAAE,GAAG,eAAe;AAEzC,MAAI,OAAO;AACT,UAAM,UAA4B,CAAC;AACnC,UAAM,WAAW,OAAO,KAAK,KAAK;AAElC,eAAW,WAAW,UAAU;AAE9B,YAAM,gBAAgB,MAAM,OAAO;AAEnC,UAAI,eAAe;AACjB,gBAAQ,OAAO,IAAI,CAAC,IAAoB,UAA8B;AACpE,iBAAO,aAAa,IAAI,cAAc,KAAK,CAAC;AAAA,QAC9C;AAAA,MACF;AAAA,IACF;AAGA,iBAAa,QAAQ;AAAA,EACvB,OAAO;AAEL,WAAO,aAAa;AAAA,EACtB;AAEA,SAAO;AACT;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@novu/react",
-  "version": "3.15.0",
+  "version": "3.17.0-rc.d0046861c6",
   "repository": {
     "type": "git",
     "url": "https://github.com/novuhq/novu",
@@ -121,7 +121,7 @@
     }
   },
   "dependencies": {
-    "@novu/js": "3.15.0"
+    "@novu/js": "3.17.0-rc.d0046861c6"
   },
   "nx": {
     "tags": [