@novu/react 3.11.0 → 3.12.0-rc.2

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

@@ -1,8 +1,14 @@
-export { ChannelPreference, ChannelType, EventHandler, Events, FiltersCountResponse, InboxNotification, ListNotificationsResponse, Notification, NotificationFilter, NotificationStatus, NovuError, NovuOptions, Preference, PreferenceLevel, PreferencesResponse, SeverityLevelEnum, SocketEventNames, UnreadCount, WebSocketEvent, WorkflowCriticalityEnum } from '@novu/js';
+export * from '@novu/js';
+export { PreferenceLevel, SeverityLevelEnum, WorkflowCriticalityEnum } from '@novu/js';
 export { NovuProvider, useNovu } from './NovuProvider.js';
 export { UseCountsProps, UseCountsResult, useCounts } from './useCounts.js';
+export { UseCreateSubscriptionProps, UseCreateSubscriptionResult, useCreateSubscription } from './useCreateSubscription.js';
+export { UseDeleteSubscriptionProps, UseDeleteSubscriptionResult, useDeleteSubscription } from './useDeleteSubscription.js';
 export { UseNotificationsProps, UseNotificationsResult, useNotifications } from './useNotifications.js';
 export { UsePreferencesProps, UsePreferencesResult, usePreferences } from './usePreferences.js';
 export { UseScheduleProps, UseScheduleResult, useSchedule } from './useSchedule.js';
+export { UseSubscriptionProps, UseSubscriptionResult, useSubscription } from './useSubscription.js';
+export { UseSubscriptionsProps, UseSubscriptionsResult, useSubscriptions } from './useSubscriptions.js';
+export { UseUpdateSubscriptionProps, UseUpdateSubscriptionResult, useUpdateSubscription } from './useUpdateSubscription.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/esm/hooks/index.js

@@ -2,9 +2,14 @@
 import { PreferenceLevel, SeverityLevelEnum, WorkflowCriticalityEnum } from "@novu/js";
 import { NovuProvider, useNovu } from "./NovuProvider.js";
 export * from "./useCounts.js";
+export * from "./useCreateSubscription.js";
+export * from "./useDeleteSubscription.js";
 export * from "./useNotifications.js";
 export * from "./usePreferences.js";
 export * from "./useSchedule.js";
+export * from "./useSubscription.js";
+export * from "./useSubscriptions.js";
+export * from "./useUpdateSubscription.js";
 export {
   NovuProvider,
   PreferenceLevel,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export type {\n  ChannelPreference,\n  ChannelType,\n  EventHandler,\n  Events,\n  FiltersCountResponse,\n  InboxNotification,\n  ListNotificationsResponse,\n  Notification,\n  NotificationFilter,\n  NotificationStatus,\n  NovuError,\n  NovuOptions,\n  Preference,\n  PreferencesResponse,\n  SocketEventNames,\n  UnreadCount,\n  WebSocketEvent,\n} from '@novu/js';\nexport { PreferenceLevel, SeverityLevelEnum, WorkflowCriticalityEnum } from '@novu/js';\nexport { NovuProvider, useNovu } from './NovuProvider';\nexport * from './useCounts';\nexport * from './useNotifications';\nexport * from './usePreferences';\nexport * from './useSchedule';\n"],"mappings":";AAmBA,SAAS,iBAAiB,mBAAmB,+BAA+B;AAC5E,SAAS,cAAc,eAAe;AACtC,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export type * from '@novu/js';\nexport { PreferenceLevel, SeverityLevelEnum, WorkflowCriticalityEnum } from '@novu/js';\nexport { NovuProvider, useNovu } from './NovuProvider';\nexport * from './useCounts';\nexport * from './useCreateSubscription';\nexport * from './useDeleteSubscription';\nexport * from './useNotifications';\nexport * from './usePreferences';\nexport * from './useSchedule';\nexport * from './useSubscription';\nexport * from './useSubscriptions';\nexport * from './useUpdateSubscription';\n"],"mappings":";AACA,SAAS,iBAAiB,mBAAmB,+BAA+B;AAC5E,SAAS,cAAc,eAAe;AACtC,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

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

@@ -0,0 +1,17 @@
+import { TopicSubscription, NovuError, CreateSubscriptionArgs } from '@novu/js';
+
+type UseCreateSubscriptionProps = {
+    onSuccess?: (data: TopicSubscription) => void;
+    onError?: (error: NovuError) => void;
+};
+type UseCreateSubscriptionResult = {
+    isCreating: boolean;
+    error?: NovuError;
+    create: (args: CreateSubscriptionArgs) => Promise<{
+        data?: TopicSubscription | undefined;
+        error?: NovuError | undefined;
+    }>;
+};
+declare const useCreateSubscription: (props?: UseCreateSubscriptionProps) => UseCreateSubscriptionResult;
+
+export { type UseCreateSubscriptionProps, type UseCreateSubscriptionResult, useCreateSubscription };

package/dist/esm/hooks/useCreateSubscription.js

@@ -0,0 +1,36 @@
+// src/hooks/useCreateSubscription.ts
+import { useCallback, useRef, useState } from "react";
+import { useNovu } from "./NovuProvider.js";
+var useCreateSubscription = (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.subscriptions.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 {
+  useCreateSubscription
+};
+//# sourceMappingURL=useCreateSubscription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useCreateSubscription.ts"],"sourcesContent":["import { CreateSubscriptionArgs, NovuError, TopicSubscription } from '@novu/js';\nimport { useCallback, useRef, useState } from 'react';\nimport { useNovu } from './NovuProvider';\n\nexport type UseCreateSubscriptionProps = {\n  onSuccess?: (data: TopicSubscription) => void;\n  onError?: (error: NovuError) => void;\n};\n\nexport type UseCreateSubscriptionResult = {\n  isCreating: boolean;\n  error?: NovuError;\n  create: (args: CreateSubscriptionArgs) => Promise<{\n    data?: TopicSubscription | undefined;\n    error?: NovuError | undefined;\n  }>;\n};\n\nexport const useCreateSubscription = (props: UseCreateSubscriptionProps = {}): UseCreateSubscriptionResult => {\n  const propsRef = useRef<UseCreateSubscriptionProps>(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: CreateSubscriptionArgs) => {\n      const { onSuccess, onError } = propsRef.current;\n      setError(undefined);\n      setIsCreating(true);\n\n      const response = await novu.subscriptions.create(args);\n\n      setIsCreating(false);\n\n      if (response.error) {\n        setError(response.error);\n        onError?.(response.error);\n      } else if (response.data) {\n        onSuccess?.(response.data);\n      }\n\n      return response;\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,wBAAwB,CAAC,QAAoC,CAAC,MAAmC;AAC5G,QAAM,WAAW,OAAmC,KAAK;AACzD,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,SAAiC;AACtC,YAAM,EAAE,WAAW,QAAQ,IAAI,SAAS;AACxC,eAAS,MAAS;AAClB,oBAAc,IAAI;AAElB,YAAM,WAAW,MAAM,KAAK,cAAc,OAAO,IAAI;AAErD,oBAAc,KAAK;AAEnB,UAAI,SAAS,OAAO;AAClB,iBAAS,SAAS,KAAK;AACvB,kBAAU,SAAS,KAAK;AAAA,MAC1B,WAAW,SAAS,MAAM;AACxB,oBAAY,SAAS,IAAI;AAAA,MAC3B;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/useDeleteSubscription.d.ts

@@ -0,0 +1,17 @@
+import { NovuError, DeleteSubscriptionArgs } from '@novu/js';
+
+type UseDeleteSubscriptionProps = {
+    onSuccess?: () => void;
+    onError?: (error: NovuError) => void;
+};
+type DeleteResult = Promise<{
+    error?: NovuError;
+}>;
+type UseDeleteSubscriptionResult = {
+    isDeleting: boolean;
+    error?: NovuError;
+    delete: (args: DeleteSubscriptionArgs) => DeleteResult;
+};
+declare const useDeleteSubscription: (props?: UseDeleteSubscriptionProps) => UseDeleteSubscriptionResult;
+
+export { type UseDeleteSubscriptionProps, type UseDeleteSubscriptionResult, useDeleteSubscription };

package/dist/esm/hooks/useDeleteSubscription.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useDeleteSubscription.ts"],"sourcesContent":["import { BaseDeleteSubscriptionArgs, DeleteSubscriptionArgs, NovuError } from '@novu/js';\nimport { useCallback, useRef, useState } from 'react';\nimport { useNovu } from './NovuProvider';\n\nexport type UseDeleteSubscriptionProps = {\n  onSuccess?: () => void;\n  onError?: (error: NovuError) => void;\n};\n\ntype DeleteResult = Promise<{\n  error?: NovuError;\n}>;\n\nexport type UseDeleteSubscriptionResult = {\n  isDeleting: boolean;\n  error?: NovuError;\n  delete: (args: DeleteSubscriptionArgs) => DeleteResult;\n};\n\nexport const useDeleteSubscription = (props: UseDeleteSubscriptionProps = {}): UseDeleteSubscriptionResult => {\n  const propsRef = useRef<UseDeleteSubscriptionProps>(props);\n  propsRef.current = props;\n  const novu = useNovu();\n  const [isDeleting, setIsDeleting] = useState(false);\n  const [error, setError] = useState<NovuError>();\n\n  const deleteCallback = useCallback(\n    async (args: DeleteSubscriptionArgs): DeleteResult => {\n      const { onSuccess, onError } = propsRef.current;\n      setError(undefined);\n      setIsDeleting(true);\n\n      const response = await novu.subscriptions.delete(args as BaseDeleteSubscriptionArgs);\n\n      setIsDeleting(false);\n\n      if (response.error) {\n        setError(response.error);\n        onError?.(response.error);\n      } else if (response.data) {\n        onSuccess?.();\n      }\n\n      return response;\n    },\n    [novu]\n  );\n\n  return {\n    delete: deleteCallback,\n    isDeleting,\n    error,\n  };\n};\n"],"mappings":";AACA,SAAS,aAAa,QAAQ,gBAAgB;AAC9C,SAAS,eAAe;AAiBjB,IAAM,wBAAwB,CAAC,QAAoC,CAAC,MAAmC;AAC5G,QAAM,WAAW,OAAmC,KAAK;AACzD,WAAS,UAAU;AACnB,QAAM,OAAO,QAAQ;AACrB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAoB;AAE9C,QAAM,iBAAiB;AAAA,IACrB,OAAO,SAA+C;AACpD,YAAM,EAAE,WAAW,QAAQ,IAAI,SAAS;AACxC,eAAS,MAAS;AAClB,oBAAc,IAAI;AAElB,YAAM,WAAW,MAAM,KAAK,cAAc,OAAO,IAAkC;AAEnF,oBAAc,KAAK;AAEnB,UAAI,SAAS,OAAO;AAClB,iBAAS,SAAS,KAAK;AACvB,kBAAU,SAAS,KAAK;AAAA,MAC1B,WAAW,SAAS,MAAM;AACxB,oBAAY;AAAA,MACd;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,SAAO;AAAA,IACL,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,21 @@
+import { TopicSubscription, NovuError } from '@novu/js';
+
+type UseSubscriptionProps = {
+    topicKey: string;
+    identifier?: string;
+    onSuccess?: (data: TopicSubscription | null) => void;
+    onError?: (error: NovuError) => void;
+};
+type UseSubscriptionResult = {
+    subscription?: TopicSubscription | null;
+    error?: NovuError;
+    isLoading: boolean;
+    isFetching: boolean;
+    refetch: () => Promise<void>;
+};
+/**
+ * Get a subscription for a topic.
+ */
+declare const useSubscription: (props: UseSubscriptionProps) => UseSubscriptionResult;
+
+export { type UseSubscriptionProps, type UseSubscriptionResult, useSubscription };

package/dist/esm/hooks/useSubscription.js

@@ -0,0 +1,129 @@
+// src/hooks/useSubscription.ts
+import { buildSubscriptionIdentifier } from "@novu/js/internal";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useNovu } from "./NovuProvider.js";
+var useSubscription = (props) => {
+  const novu = useNovu();
+  const propsRef = useRef(props);
+  propsRef.current = {
+    ...props,
+    identifier: props.identifier ?? buildSubscriptionIdentifier({ topicKey: props.topicKey, subscriberId: novu.subscriberId })
+  };
+  const [subscription, setSubscription] = useState();
+  const subscriptionRef = useRef(null);
+  subscriptionRef.current = subscription ?? null;
+  const [error, setError] = useState();
+  const [isLoading, setIsLoading] = useState(true);
+  const [isFetching, setIsFetching] = useState(false);
+  const fetchSubscription = useCallback(
+    async (options) => {
+      const { topicKey, identifier, onSuccess, onError } = propsRef.current;
+      if (options?.refetch) {
+        setError(void 0);
+        setIsLoading(true);
+      }
+      setIsFetching(true);
+      const response = await novu.subscriptions.get(
+        {
+          topicKey,
+          identifier
+        },
+        { refetch: options?.refetch }
+      );
+      if (response.error) {
+        setError(response.error);
+        onError?.(response.error);
+      } else if (response.data !== void 0) {
+        onSuccess?.(response.data);
+        setSubscription(response.data);
+      }
+      setIsLoading(false);
+      setIsFetching(false);
+    },
+    [novu]
+  );
+  useEffect(() => {
+    const listener = ({ data: subscription2 }) => {
+      const { topicKey, identifier } = propsRef.current;
+      if (!subscription2 || subscription2.topicKey !== topicKey || subscription2.identifier !== identifier) {
+        return;
+      }
+      setSubscription(subscription2);
+      setIsFetching(false);
+    };
+    const cleanupGetPending = novu.on("subscription.get.pending", ({ args }) => {
+      const { topicKey, identifier } = propsRef.current;
+      if (!args || args.topicKey !== topicKey || args.identifier !== identifier) {
+        return;
+      }
+      setIsFetching(true);
+    });
+    const cleanupGetResolved = novu.on("subscription.get.resolved", ({ args, data, error: error2 }) => {
+      const { topicKey, identifier, onSuccess, onError } = propsRef.current;
+      if (!args || args.topicKey !== topicKey || args.identifier !== identifier) {
+        return;
+      }
+      if (error2) {
+        setError(error2);
+        onError?.(error2);
+      } else {
+        setSubscription(data ?? null);
+        onSuccess?.(data ?? null);
+      }
+      setIsFetching(false);
+    });
+    const cleanupCreatePending = novu.on("subscription.create.pending", ({ args }) => {
+      const { topicKey, identifier } = propsRef.current;
+      if (!args || args.topicKey !== topicKey || args.identifier !== identifier) {
+        return;
+      }
+      setIsFetching(true);
+    });
+    const cleanupCreateResolved = novu.on("subscription.create.resolved", listener);
+    const cleanupUpdateResolved = novu.on("subscription.update.resolved", listener);
+    const cleanupDeletePending = novu.on("subscription.delete.pending", ({ args }) => {
+      const subscriptionId = subscriptionRef.current?.id;
+      const subscriptionIdentifier = subscriptionRef.current?.identifier;
+      if (!subscriptionId || !subscriptionIdentifier) {
+        return;
+      }
+      if (!args || "subscriptionId" in args && args.subscriptionId !== subscriptionId && args.subscriptionId !== subscriptionIdentifier || "subscription" in args && args.subscription.id !== subscriptionId && args.subscription.identifier !== subscriptionIdentifier) {
+        return;
+      }
+      setIsFetching(true);
+    });
+    const cleanupDeleteResolved = novu.on("subscription.delete.resolved", ({ args }) => {
+      const subscriptionId = subscriptionRef.current?.id;
+      const subscriptionIdentifier = subscriptionRef.current?.identifier;
+      if (!subscriptionId || !subscriptionIdentifier) {
+        return;
+      }
+      if ("subscriptionId" in args && args.subscriptionId === subscriptionId || "subscriptionId" in args && args.subscriptionId === subscriptionIdentifier || "subscription" in args && args.subscription.id === subscriptionId || "subscription" in args && args.subscription.identifier === subscriptionIdentifier) {
+        setSubscription(null);
+        setIsFetching(false);
+      }
+    });
+    void fetchSubscription({ refetch: true });
+    return () => {
+      cleanupGetPending();
+      cleanupGetResolved();
+      cleanupCreatePending();
+      cleanupCreateResolved();
+      cleanupUpdateResolved();
+      cleanupDeletePending();
+      cleanupDeleteResolved();
+    };
+  }, [novu, fetchSubscription]);
+  const refetch = useCallback(() => fetchSubscription({ refetch: true }), [fetchSubscription]);
+  return {
+    subscription,
+    error,
+    isLoading,
+    isFetching,
+    refetch
+  };
+};
+export {
+  useSubscription
+};
+//# sourceMappingURL=useSubscription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useSubscription.ts"],"sourcesContent":["import { NovuError, TopicSubscription } from '@novu/js';\nimport { buildSubscriptionIdentifier } from '@novu/js/internal';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useNovu } from './NovuProvider';\n\nexport type UseSubscriptionProps = {\n  topicKey: string;\n  identifier?: string;\n  onSuccess?: (data: TopicSubscription | null) => void;\n  onError?: (error: NovuError) => void;\n};\n\nexport type UseSubscriptionResult = {\n  subscription?: TopicSubscription | null;\n  error?: NovuError;\n  isLoading: boolean;\n  isFetching: boolean;\n  refetch: () => Promise<void>;\n};\n\n/**\n * Get a subscription for a topic.\n */\nexport const useSubscription = (props: UseSubscriptionProps): UseSubscriptionResult => {\n  const novu = useNovu();\n  const propsRef = useRef<UseSubscriptionProps>(props);\n  propsRef.current = {\n    ...props,\n    identifier:\n      props.identifier ?? buildSubscriptionIdentifier({ topicKey: props.topicKey, subscriberId: novu.subscriberId }),\n  };\n  const [subscription, setSubscription] = useState<TopicSubscription | null>();\n  const subscriptionRef = useRef<TopicSubscription | null>(null);\n  subscriptionRef.current = subscription ?? null;\n  const [error, setError] = useState<NovuError>();\n  const [isLoading, setIsLoading] = useState(true);\n  const [isFetching, setIsFetching] = useState(false);\n\n  const fetchSubscription = useCallback(\n    async (options?: { refetch: boolean }) => {\n      const { topicKey, identifier, onSuccess, onError } = propsRef.current;\n      if (options?.refetch) {\n        setError(undefined);\n        setIsLoading(true);\n      }\n\n      setIsFetching(true);\n\n      const response = await novu.subscriptions.get(\n        {\n          topicKey,\n          identifier,\n        },\n        { refetch: options?.refetch }\n      );\n\n      if (response.error) {\n        setError(response.error);\n        onError?.(response.error);\n      } else if (response.data !== undefined) {\n        onSuccess?.(response.data);\n        setSubscription(response.data);\n      }\n      setIsLoading(false);\n      setIsFetching(false);\n    },\n    [novu]\n  );\n\n  useEffect(() => {\n    const listener = ({ data: subscription }: { data?: TopicSubscription }) => {\n      const { topicKey, identifier } = propsRef.current;\n      if (!subscription || subscription.topicKey !== topicKey || subscription.identifier !== identifier) {\n        return;\n      }\n\n      setSubscription(subscription);\n      setIsFetching(false);\n    };\n\n    const cleanupGetPending = novu.on('subscription.get.pending', ({ args }) => {\n      const { topicKey, identifier } = propsRef.current;\n      if (!args || args.topicKey !== topicKey || args.identifier !== identifier) {\n        return;\n      }\n      setIsFetching(true);\n    });\n\n    const cleanupGetResolved = novu.on('subscription.get.resolved', ({ args, data, error }) => {\n      const { topicKey, identifier, onSuccess, onError } = propsRef.current;\n      if (!args || args.topicKey !== topicKey || args.identifier !== identifier) {\n        return;\n      }\n      if (error) {\n        setError(error as NovuError);\n        onError?.(error as NovuError);\n      } else {\n        setSubscription(data ?? null);\n        onSuccess?.(data ?? null);\n      }\n      setIsFetching(false);\n    });\n\n    const cleanupCreatePending = novu.on('subscription.create.pending', ({ args }) => {\n      const { topicKey, identifier } = propsRef.current;\n      if (!args || args.topicKey !== topicKey || args.identifier !== identifier) {\n        return;\n      }\n      setIsFetching(true);\n    });\n\n    const cleanupCreateResolved = novu.on('subscription.create.resolved', listener);\n\n    const cleanupUpdateResolved = novu.on('subscription.update.resolved', listener);\n\n    const cleanupDeletePending = novu.on('subscription.delete.pending', ({ args }) => {\n      const subscriptionId = subscriptionRef.current?.id;\n      const subscriptionIdentifier = subscriptionRef.current?.identifier;\n      if (!subscriptionId || !subscriptionIdentifier) {\n        return;\n      }\n\n      if (\n        !args ||\n        ('subscriptionId' in args &&\n          args.subscriptionId !== subscriptionId &&\n          args.subscriptionId !== subscriptionIdentifier) ||\n        ('subscription' in args &&\n          args.subscription.id !== subscriptionId &&\n          args.subscription.identifier !== subscriptionIdentifier)\n      ) {\n        return;\n      }\n      setIsFetching(true);\n    });\n\n    const cleanupDeleteResolved = novu.on('subscription.delete.resolved', ({ args }) => {\n      const subscriptionId = subscriptionRef.current?.id;\n      const subscriptionIdentifier = subscriptionRef.current?.identifier;\n      if (!subscriptionId || !subscriptionIdentifier) {\n        return;\n      }\n\n      if (\n        ('subscriptionId' in args && args.subscriptionId === subscriptionId) ||\n        ('subscriptionId' in args && args.subscriptionId === subscriptionIdentifier) ||\n        ('subscription' in args && args.subscription.id === subscriptionId) ||\n        ('subscription' in args && args.subscription.identifier === subscriptionIdentifier)\n      ) {\n        setSubscription(null);\n        setIsFetching(false);\n      }\n    });\n\n    void fetchSubscription({ refetch: true });\n\n    return () => {\n      cleanupGetPending();\n      cleanupGetResolved();\n      cleanupCreatePending();\n      cleanupCreateResolved();\n      cleanupUpdateResolved();\n      cleanupDeletePending();\n      cleanupDeleteResolved();\n    };\n  }, [novu, fetchSubscription]);\n\n  const refetch = useCallback(() => fetchSubscription({ refetch: true }), [fetchSubscription]);\n\n  return {\n    subscription,\n    error,\n    isLoading,\n    isFetching,\n    refetch,\n  };\n};\n"],"mappings":"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","names":["subscription","error"]}

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

@@ -0,0 +1,36 @@
+import { TopicSubscription, NovuError } from '@novu/js';
+
+/**
+ * Get all subscriptions for a topic.
+ * Props for the useSubscriptions hook.
+ *
+ * @example
+ * ```tsx
+ * // Get all subscriptions for a topic
+ * const { subscriptions } = useSubscriptions({
+ *   topicKey: 'my-topic'
+ * });
+ *
+ * // Get subscriptions with callbacks
+ * const { subscriptions, refetch } = useSubscriptions({
+ *   topicKey: 'my-topic',
+ *   onSuccess: (data) => console.log('Loaded:', data),
+ *   onError: (error) => console.error('Error:', error)
+ * });
+ * ```
+ */
+type UseSubscriptionsProps = {
+    topicKey: string;
+    onSuccess?: (data: TopicSubscription[]) => void;
+    onError?: (error: NovuError) => void;
+};
+type UseSubscriptionsResult = {
+    subscriptions?: TopicSubscription[];
+    error?: NovuError;
+    isLoading: boolean;
+    isFetching: boolean;
+    refetch: () => Promise<void>;
+};
+declare const useSubscriptions: ({ topicKey, onSuccess, onError }: UseSubscriptionsProps) => UseSubscriptionsResult;
+
+export { type UseSubscriptionsProps, type UseSubscriptionsResult, useSubscriptions };

package/dist/esm/hooks/useSubscriptions.js

@@ -0,0 +1,96 @@
+// src/hooks/useSubscriptions.ts
+import { useCallback, useEffect, useState } from "react";
+import { useNovu } from "./NovuProvider.js";
+var useSubscriptions = ({ topicKey, onSuccess, onError }) => {
+  const novu = useNovu();
+  const [data, setData] = useState();
+  const [error, setError] = useState();
+  const [isLoading, setIsLoading] = useState(true);
+  const [isFetching, setIsFetching] = useState(false);
+  const fetchSubscriptions = useCallback(
+    async (options) => {
+      if (options?.refetch) {
+        setError(void 0);
+        setIsLoading(true);
+        novu.subscriptions.cache.invalidate({ topicKey });
+      }
+      setIsFetching(true);
+      const response = await novu.subscriptions.list({ topicKey }, { refetch: options?.refetch });
+      if (response.error) {
+        setError(response.error);
+        onError?.(response.error);
+      } else if (response.data) {
+        onSuccess?.(response.data);
+        setData(response.data);
+      }
+      setIsLoading(false);
+      setIsFetching(false);
+    },
+    [novu, topicKey, onError, onSuccess]
+  );
+  useEffect(() => {
+    const cleanupListPending = novu.on("subscriptions.list.pending", ({ args }) => {
+      if (args.topicKey !== topicKey) {
+        return;
+      }
+      setIsFetching(true);
+    });
+    const cleanupListResolved = novu.on("subscriptions.list.resolved", ({ args, data: data2, error: error2 }) => {
+      if (args.topicKey !== topicKey) {
+        return;
+      }
+      if (error2) {
+        setError(error2);
+        onError?.(error2);
+      } else if (data2) {
+        onSuccess?.(data2);
+        setData(data2);
+      }
+      setIsLoading(false);
+      setIsFetching(false);
+    });
+    const cleanupListUpdated = novu.on("subscriptions.list.updated", ({ data: data2 }) => {
+      if (data2.topicKey !== topicKey) {
+        return;
+      }
+      setData(data2.subscriptions);
+    });
+    const cleanupCreateResolved = novu.on("subscription.create.resolved", ({ args, data: data2 }) => {
+      if (args.topicKey !== topicKey) {
+        return;
+      }
+      if (data2) {
+        void fetchSubscriptions({ refetch: true });
+      }
+    });
+    const cleanupDeleteResolved = novu.on("subscription.delete.resolved", ({ args }) => {
+      const deleteTopicKey = "subscription" in args ? args.subscription.topicKey : topicKey;
+      if (deleteTopicKey !== topicKey) {
+        return;
+      }
+      void fetchSubscriptions({ refetch: true });
+    });
+    void fetchSubscriptions({ refetch: true });
+    return () => {
+      cleanupListPending();
+      cleanupListResolved();
+      cleanupListUpdated();
+      cleanupCreateResolved();
+      cleanupDeleteResolved();
+    };
+  }, [topicKey, novu, fetchSubscriptions, onError, onSuccess]);
+  const refetch = useCallback(() => {
+    return fetchSubscriptions({ refetch: true });
+  }, [fetchSubscriptions]);
+  return {
+    subscriptions: data,
+    error,
+    isLoading,
+    isFetching,
+    refetch
+  };
+};
+export {
+  useSubscriptions
+};
+//# sourceMappingURL=useSubscriptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useSubscriptions.ts"],"sourcesContent":["import { NovuError, TopicSubscription } from '@novu/js';\nimport { useCallback, useEffect, useState } from 'react';\nimport { useNovu } from './NovuProvider';\n\n/**\n * Get all subscriptions for a topic.\n * Props for the useSubscriptions hook.\n *\n * @example\n * ```tsx\n * // Get all subscriptions for a topic\n * const { subscriptions } = useSubscriptions({\n *   topicKey: 'my-topic'\n * });\n *\n * // Get subscriptions with callbacks\n * const { subscriptions, refetch } = useSubscriptions({\n *   topicKey: 'my-topic',\n *   onSuccess: (data) => console.log('Loaded:', data),\n *   onError: (error) => console.error('Error:', error)\n * });\n * ```\n */\nexport type UseSubscriptionsProps = {\n  topicKey: string;\n  onSuccess?: (data: TopicSubscription[]) => void;\n  onError?: (error: NovuError) => void;\n};\n\nexport type UseSubscriptionsResult = {\n  subscriptions?: TopicSubscription[];\n  error?: NovuError;\n  isLoading: boolean;\n  isFetching: boolean;\n  refetch: () => Promise<void>;\n};\n\nexport const useSubscriptions = ({ topicKey, onSuccess, onError }: UseSubscriptionsProps): UseSubscriptionsResult => {\n  const novu = useNovu();\n  const [data, setData] = useState<TopicSubscription[]>();\n  const [error, setError] = useState<NovuError>();\n  const [isLoading, setIsLoading] = useState(true);\n  const [isFetching, setIsFetching] = useState(false);\n\n  const fetchSubscriptions = useCallback(\n    async (options?: { refetch: boolean }) => {\n      if (options?.refetch) {\n        setError(undefined);\n        setIsLoading(true);\n        novu.subscriptions.cache.invalidate({ topicKey });\n      }\n      setIsFetching(true);\n\n      const response = await novu.subscriptions.list({ topicKey }, { refetch: options?.refetch });\n\n      if (response.error) {\n        setError(response.error);\n        onError?.(response.error);\n      } else if (response.data) {\n        onSuccess?.(response.data);\n        setData(response.data);\n      }\n      setIsLoading(false);\n      setIsFetching(false);\n    },\n    [novu, topicKey, onError, onSuccess]\n  );\n\n  useEffect(() => {\n    const cleanupListPending = novu.on('subscriptions.list.pending', ({ args }) => {\n      if (args.topicKey !== topicKey) {\n        return;\n      }\n      setIsFetching(true);\n    });\n\n    const cleanupListResolved = novu.on('subscriptions.list.resolved', ({ args, data, error }) => {\n      if (args.topicKey !== topicKey) {\n        return;\n      }\n      if (error) {\n        setError(error as NovuError);\n        onError?.(error as NovuError);\n      } else if (data) {\n        onSuccess?.(data);\n        setData(data);\n      }\n      setIsLoading(false);\n      setIsFetching(false);\n    });\n\n    const cleanupListUpdated = novu.on('subscriptions.list.updated', ({ data }) => {\n      if (data.topicKey !== topicKey) {\n        return;\n      }\n      setData(data.subscriptions);\n    });\n\n    const cleanupCreateResolved = novu.on('subscription.create.resolved', ({ args, data }) => {\n      if (args.topicKey !== topicKey) {\n        return;\n      }\n      if (data) {\n        void fetchSubscriptions({ refetch: true });\n      }\n    });\n\n    const cleanupDeleteResolved = novu.on('subscription.delete.resolved', ({ args }) => {\n      const deleteTopicKey = 'subscription' in args ? args.subscription.topicKey : topicKey;\n      if (deleteTopicKey !== topicKey) {\n        return;\n      }\n      void fetchSubscriptions({ refetch: true });\n    });\n\n    void fetchSubscriptions({ refetch: true });\n\n    return () => {\n      cleanupListPending();\n      cleanupListResolved();\n      cleanupListUpdated();\n      cleanupCreateResolved();\n      cleanupDeleteResolved();\n    };\n  }, [topicKey, novu, fetchSubscriptions, onError, onSuccess]);\n\n  const refetch = useCallback(() => {\n    return fetchSubscriptions({ refetch: true });\n  }, [fetchSubscriptions]);\n\n  return {\n    subscriptions: data,\n    error,\n    isLoading,\n    isFetching,\n    refetch,\n  };\n};\n"],"mappings":"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","names":["data","error"]}

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

@@ -0,0 +1,18 @@
+import { TopicSubscription, NovuError, UpdateSubscriptionArgs } from '@novu/js';
+
+type UseUpdateSubscriptionProps = {
+    onSuccess?: (data: TopicSubscription) => void;
+    onError?: (error: NovuError) => void;
+};
+type UpdateResult = Promise<{
+    data?: TopicSubscription | undefined;
+    error?: NovuError;
+}>;
+type UseUpdateSubscriptionResult = {
+    isUpdating: boolean;
+    error?: NovuError;
+    update: (args: UpdateSubscriptionArgs) => UpdateResult;
+};
+declare const useUpdateSubscription: (props?: UseUpdateSubscriptionProps) => UseUpdateSubscriptionResult;
+
+export { type UseUpdateSubscriptionProps, type UseUpdateSubscriptionResult, useUpdateSubscription };

package/dist/esm/hooks/useUpdateSubscription.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useUpdateSubscription.ts"],"sourcesContent":["import { BaseUpdateSubscriptionArgs, NovuError, TopicSubscription, UpdateSubscriptionArgs } from '@novu/js';\nimport { useCallback, useRef, useState } from 'react';\nimport { useNovu } from './NovuProvider';\n\nexport type UseUpdateSubscriptionProps = {\n  onSuccess?: (data: TopicSubscription) => void;\n  onError?: (error: NovuError) => void;\n};\n\ntype UpdateResult = Promise<{\n  data?: TopicSubscription | undefined;\n  error?: NovuError;\n}>;\n\nexport type UseUpdateSubscriptionResult = {\n  isUpdating: boolean;\n  error?: NovuError;\n  update: (args: UpdateSubscriptionArgs) => UpdateResult;\n};\n\nexport const useUpdateSubscription = (props: UseUpdateSubscriptionProps = {}): UseUpdateSubscriptionResult => {\n  const propsRef = useRef<UseUpdateSubscriptionProps>(props);\n  propsRef.current = props;\n  const novu = useNovu();\n  const [isUpdating, setIsUpdating] = useState(false);\n  const [error, setError] = useState<NovuError>();\n\n  const update = useCallback(\n    async (args: UpdateSubscriptionArgs): UpdateResult => {\n      const { onSuccess, onError } = propsRef.current;\n      setError(undefined);\n      setIsUpdating(true);\n\n      const response = await novu.subscriptions.update(args as BaseUpdateSubscriptionArgs);\n\n      setIsUpdating(false);\n\n      if (response.error) {\n        setError(response.error);\n        onError?.(response.error);\n      } else if (response.data) {\n        onSuccess?.(response.data);\n      }\n\n      return response;\n    },\n    [novu]\n  );\n\n  return {\n    update,\n    isUpdating,\n    error,\n  };\n};\n"],"mappings":";AACA,SAAS,aAAa,QAAQ,gBAAgB;AAC9C,SAAS,eAAe;AAkBjB,IAAM,wBAAwB,CAAC,QAAoC,CAAC,MAAmC;AAC5G,QAAM,WAAW,OAAmC,KAAK;AACzD,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,SAA+C;AACpD,YAAM,EAAE,WAAW,QAAQ,IAAI,SAAS;AACxC,eAAS,MAAS;AAClB,oBAAc,IAAI;AAElB,YAAM,WAAW,MAAM,KAAK,cAAc,OAAO,IAAkC;AAEnF,oBAAc,KAAK;AAEnB,UAAI,SAAS,OAAO;AAClB,iBAAS,SAAS,KAAK;AACvB,kBAAU,SAAS,KAAK;AAAA,MAC1B,WAAW,SAAS,MAAM;AACxB,oBAAY,SAAS,IAAI;AAAA,MAC3B;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/index.d.ts

@@ -1,15 +1,26 @@
-export { ChannelPreference, ChannelType, EventHandler, Events, FiltersCountResponse, InboxNotification, ListNotificationsResponse, Notification, NotificationFilter, NotificationStatus, NovuError, NovuOptions, Preference, PreferenceLevel, PreferencesResponse, SeverityLevelEnum, SocketEventNames, UnreadCount, WebSocketEvent, WorkflowCriticalityEnum } from '@novu/js';
-export { Appearance, AppearanceCallback, AppearanceCallbackFunction, AppearanceCallbackKeys, AppearanceKey, ElementStyles, Elements, Localization, LocalizationKey, NotificationActionClickHandler, NotificationClickHandler, NotificationRenderer, PreferenceGroups, PreferencesFilter, RouterPush, Tab, Variables } from '@novu/js/ui';
+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 { 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 { NotificationProps, Notifications } from './components/Notifications.js';
 export { Preferences } from './components/Preferences.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 { UseCountsProps, UseCountsResult, useCounts } from './hooks/useCounts.js';
+export { useCreateSubscription } from './hooks/useCreateSubscription.js';
+export { useDeleteSubscription } from './hooks/useDeleteSubscription.js';
 export { UseNotificationsProps, UseNotificationsResult, useNotifications } from './hooks/useNotifications.js';
 export { UsePreferencesResult, usePreferences } from './hooks/usePreferences.js';
 export { UseScheduleProps as UsePreferencesProps, useSchedule } from './hooks/useSchedule.js';
-export { BaseProps, BellRenderer, BodyRenderer, DefaultInboxProps, DefaultProps, NoRendererProps, NotificationRendererProps, NotificationsRenderer, SubjectBodyRendererProps, SubjectRenderer, WithChildrenProps } from './utils/types.js';
+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';
 import 'react/jsx-runtime';
 import 'react';
+import './components/NovuUI.js';
+import './components/subscription/DefaultSubscription.js';

package/dist/esm/index.js

@@ -1,7 +1,28 @@
 // src/index.ts
 import { PreferenceLevel, SeverityLevelEnum, WorkflowCriticalityEnum } from "@novu/js";
-import { Bell, Inbox, InboxContent, Notifications, NovuProvider, Preferences } from "./components/index.js";
-import { useCounts, useNotifications, useNovu, usePreferences, useSchedule } from "./hooks/index.js";
+import {
+  Bell,
+  Inbox,
+  InboxContent,
+  Notifications,
+  NovuProvider,
+  Preferences,
+  Subscription,
+  SubscriptionButton,
+  SubscriptionPreferences
+} from "./components/index.js";
+import {
+  useCounts,
+  useCreateSubscription,
+  useDeleteSubscription,
+  useNotifications,
+  useNovu,
+  usePreferences,
+  useSchedule,
+  useSubscription,
+  useSubscriptions,
+  useUpdateSubscription
+} from "./hooks/index.js";
 export {
   Bell,
   Inbox,
@@ -11,11 +32,19 @@ export {
   PreferenceLevel,
   Preferences,
   SeverityLevelEnum,
+  Subscription,
+  SubscriptionButton,
+  SubscriptionPreferences,
   WorkflowCriticalityEnum,
   useCounts,
+  useCreateSubscription,
+  useDeleteSubscription,
   useNotifications,
   useNovu,
   usePreferences,
-  useSchedule
+  useSchedule,
+  useSubscription,
+  useSubscriptions,
+  useUpdateSubscription
 };
 //# sourceMappingURL=index.js.map