@novu/react 3.11.0 → 3.11.2-nightly.20251224.eb609546a3

package/dist/cjs/hooks/useSubscription.cjs

@@ -0,0 +1,156 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useSubscription.ts
+var useSubscription_exports = {};
+__export(useSubscription_exports, {
+  useSubscription: () => useSubscription
+});
+module.exports = __toCommonJS(useSubscription_exports);
+var import_internal = require("@novu/js/internal");
+var import_react = require("react");
+var import_NovuProvider = require("./NovuProvider.cjs");
+var useSubscription = (props) => {
+  const novu = (0, import_NovuProvider.useNovu)();
+  const propsRef = (0, import_react.useRef)(props);
+  propsRef.current = {
+    ...props,
+    identifier: props.identifier ?? (0, import_internal.buildSubscriptionIdentifier)({ topicKey: props.topicKey, subscriberId: novu.subscriberId })
+  };
+  const [subscription, setSubscription] = (0, import_react.useState)();
+  const subscriptionRef = (0, import_react.useRef)(null);
+  subscriptionRef.current = subscription ?? null;
+  const [error, setError] = (0, import_react.useState)();
+  const [isLoading, setIsLoading] = (0, import_react.useState)(true);
+  const [isFetching, setIsFetching] = (0, import_react.useState)(false);
+  const fetchSubscription = (0, import_react.useCallback)(
+    async (options) => {
+      const { topicKey, identifier, onSuccess, onError } = propsRef.current;
+      if (options == null ? void 0 : options.refetch) {
+        setError(void 0);
+        setIsLoading(true);
+      }
+      setIsFetching(true);
+      const response = await novu.subscriptions.get(
+        {
+          topicKey,
+          identifier
+        },
+        { refetch: options == null ? void 0 : options.refetch }
+      );
+      if (response.error) {
+        setError(response.error);
+        onError == null ? void 0 : onError(response.error);
+      } else if (response.data !== void 0) {
+        onSuccess == null ? void 0 : onSuccess(response.data);
+        setSubscription(response.data);
+      }
+      setIsLoading(false);
+      setIsFetching(false);
+    },
+    [novu]
+  );
+  (0, import_react.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 == null ? void 0 : onError(error2);
+      } else {
+        setSubscription(data ?? null);
+        onSuccess == null ? void 0 : 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 }) => {
+      var _a, _b;
+      const subscriptionId = (_a = subscriptionRef.current) == null ? void 0 : _a.id;
+      const subscriptionIdentifier = (_b = subscriptionRef.current) == null ? void 0 : _b.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 }) => {
+      var _a, _b;
+      const subscriptionId = (_a = subscriptionRef.current) == null ? void 0 : _a.id;
+      const subscriptionIdentifier = (_b = subscriptionRef.current) == null ? void 0 : _b.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 = (0, import_react.useCallback)(() => fetchSubscription({ refetch: true }), [fetchSubscription]);
+  return {
+    subscription,
+    error,
+    isLoading,
+    isFetching,
+    refetch
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSubscription
+});
+//# sourceMappingURL=useSubscription.cjs.map

package/dist/cjs/hooks/useSubscription.cjs.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/cjs/hooks/useSubscription.d.cts

@@ -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/cjs/hooks/useSubscriptions.cjs

@@ -0,0 +1,121 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useSubscriptions.ts
+var useSubscriptions_exports = {};
+__export(useSubscriptions_exports, {
+  useSubscriptions: () => useSubscriptions
+});
+module.exports = __toCommonJS(useSubscriptions_exports);
+var import_react = require("react");
+var import_NovuProvider = require("./NovuProvider.cjs");
+var useSubscriptions = ({ topicKey, onSuccess, onError }) => {
+  const novu = (0, import_NovuProvider.useNovu)();
+  const [data, setData] = (0, import_react.useState)();
+  const [error, setError] = (0, import_react.useState)();
+  const [isLoading, setIsLoading] = (0, import_react.useState)(true);
+  const [isFetching, setIsFetching] = (0, import_react.useState)(false);
+  const fetchSubscriptions = (0, import_react.useCallback)(
+    async (options) => {
+      if (options == null ? void 0 : options.refetch) {
+        setError(void 0);
+        setIsLoading(true);
+        novu.subscriptions.cache.invalidate({ topicKey });
+      }
+      setIsFetching(true);
+      const response = await novu.subscriptions.list({ topicKey }, { refetch: options == null ? void 0 : options.refetch });
+      if (response.error) {
+        setError(response.error);
+        onError == null ? void 0 : onError(response.error);
+      } else if (response.data) {
+        onSuccess == null ? void 0 : onSuccess(response.data);
+        setData(response.data);
+      }
+      setIsLoading(false);
+      setIsFetching(false);
+    },
+    [novu, topicKey, onError, onSuccess]
+  );
+  (0, import_react.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 == null ? void 0 : onError(error2);
+      } else if (data2) {
+        onSuccess == null ? void 0 : 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 = (0, import_react.useCallback)(() => {
+    return fetchSubscriptions({ refetch: true });
+  }, [fetchSubscriptions]);
+  return {
+    subscriptions: data,
+    error,
+    isLoading,
+    isFetching,
+    refetch
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSubscriptions
+});
+//# sourceMappingURL=useSubscriptions.cjs.map

package/dist/cjs/hooks/useSubscriptions.cjs.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/cjs/hooks/useSubscriptions.d.cts

@@ -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/cjs/hooks/useUpdateSubscription.cjs

@@ -0,0 +1,61 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useUpdateSubscription.ts
+var useUpdateSubscription_exports = {};
+__export(useUpdateSubscription_exports, {
+  useUpdateSubscription: () => useUpdateSubscription
+});
+module.exports = __toCommonJS(useUpdateSubscription_exports);
+var import_react = require("react");
+var import_NovuProvider = require("./NovuProvider.cjs");
+var useUpdateSubscription = (props = {}) => {
+  const propsRef = (0, import_react.useRef)(props);
+  propsRef.current = props;
+  const novu = (0, import_NovuProvider.useNovu)();
+  const [isUpdating, setIsUpdating] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)();
+  const update = (0, import_react.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 == null ? void 0 : onError(response.error);
+      } else if (response.data) {
+        onSuccess == null ? void 0 : onSuccess(response.data);
+      }
+      return response;
+    },
+    [novu]
+  );
+  return {
+    update,
+    isUpdating,
+    error
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useUpdateSubscription
+});
+//# sourceMappingURL=useUpdateSubscription.cjs.map

package/dist/cjs/hooks/useUpdateSubscription.cjs.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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA8C;AAC9C,0BAAwB;AAkBjB,IAAM,wBAAwB,CAAC,QAAoC,CAAC,MAAmC;AAC5G,QAAM,eAAW,qBAAmC,KAAK;AACzD,WAAS,UAAU;AACnB,QAAM,WAAO,6BAAQ;AACrB,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAClD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAoB;AAE9C,QAAM,aAAS;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,2CAAU,SAAS;AAAA,MACrB,WAAW,SAAS,MAAM;AACxB,+CAAY,SAAS;AAAA,MACvB;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/hooks/useUpdateSubscription.d.cts

@@ -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/cjs/index.cjs

@@ -28,12 +28,20 @@ __export(src_exports, {
   PreferenceLevel: () => import_js.PreferenceLevel,
   Preferences: () => import_components.Preferences,
   SeverityLevelEnum: () => import_js.SeverityLevelEnum,
+  Subscription: () => import_components.Subscription,
+  SubscriptionButton: () => import_components.SubscriptionButton,
+  SubscriptionPreferences: () => import_components.SubscriptionPreferences,
   WorkflowCriticalityEnum: () => import_js.WorkflowCriticalityEnum,
   useCounts: () => import_hooks.useCounts,
+  useCreateSubscription: () => import_hooks.useCreateSubscription,
   useNotifications: () => import_hooks.useNotifications,
   useNovu: () => import_hooks.useNovu,
   usePreferences: () => import_hooks.usePreferences,
-  useSchedule: () => import_hooks.useSchedule
+  useRemoveSubscription: () => import_hooks.useRemoveSubscription,
+  useSchedule: () => import_hooks.useSchedule,
+  useSubscription: () => import_hooks.useSubscription,
+  useSubscriptions: () => import_hooks.useSubscriptions,
+  useUpdateSubscription: () => import_hooks.useUpdateSubscription
 });
 module.exports = __toCommonJS(src_exports);
 var import_js = require("@novu/js");
@@ -49,11 +57,19 @@ var import_hooks = require("./hooks/index.cjs");
   PreferenceLevel,
   Preferences,
   SeverityLevelEnum,
+  Subscription,
+  SubscriptionButton,
+  SubscriptionPreferences,
   WorkflowCriticalityEnum,
   useCounts,
+  useCreateSubscription,
   useNotifications,
   useNovu,
   usePreferences,
-  useSchedule
+  useRemoveSubscription,
+  useSchedule,
+  useSubscription,
+  useSubscriptions,
+  useUpdateSubscription
 });
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/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';\n\nexport type {\n  Appearance,\n  AppearanceCallback,\n  AppearanceCallbackFunction,\n  AppearanceCallbackKeys,\n  AppearanceKey,\n  ElementStyles,\n  Elements,\n  Localization,\n  LocalizationKey,\n  NotificationActionClickHandler,\n  NotificationClickHandler,\n  NotificationRenderer,\n  PreferenceGroups,\n  PreferencesFilter,\n  RouterPush,\n  Tab,\n  Variables,\n} from '@novu/js/ui';\nexport type { BellProps, InboxContentProps, InboxProps, NotificationProps, NovuProviderProps } from './components';\nexport { Bell, Inbox, InboxContent, Notifications, NovuProvider, Preferences } from './components';\nexport type {\n  UseCountsProps,\n  UseCountsResult,\n  UseNotificationsProps,\n  UseNotificationsResult,\n  UsePreferencesResult,\n  UseScheduleProps as UsePreferencesProps,\n} from './hooks';\nexport { useCounts, useNotifications, useNovu, usePreferences, useSchedule } from './hooks';\n\nexport type {\n  BaseProps,\n  BellRenderer,\n  BodyRenderer,\n  DefaultInboxProps,\n  DefaultProps,\n  NoRendererProps,\n  NotificationRendererProps,\n  NotificationsRenderer,\n  SubjectBodyRendererProps,\n  SubjectRenderer,\n  WithChildrenProps,\n} from './utils/types';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBA,gBAA4E;AAsB5E,wBAAoF;AASpF,mBAAkF;","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  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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,gBAA4E;AA2C5E,wBAUO;AASP,mBAWO;","names":[]}

package/dist/cjs/index.d.cts

@@ -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.cjs';
 export { Bell, BellProps } from './components/Bell.cjs';
 export { Inbox, InboxProps } from './components/Inbox.cjs';
 export { InboxContent, InboxContentProps } from './components/InboxContent.cjs';
 export { NotificationProps, Notifications } from './components/Notifications.cjs';
 export { Preferences } from './components/Preferences.cjs';
+export { Subscription, SubscriptionProps } from './components/subscription/Subscription.cjs';
+export { SubscriptionButton, SubscriptionButtonProps } from './components/subscription/SubscriptionButton.cjs';
+export { SubscriptionPreferences, SubscriptionPreferencesProps } from './components/subscription/SubscriptionPreferences.cjs';
 export { UseCountsProps, UseCountsResult, useCounts } from './hooks/useCounts.cjs';
+export { useCreateSubscription } from './hooks/useCreateSubscription.cjs';
 export { UseNotificationsProps, UseNotificationsResult, useNotifications } from './hooks/useNotifications.cjs';
 export { UsePreferencesResult, usePreferences } from './hooks/usePreferences.cjs';
+export { useRemoveSubscription } from './hooks/useRemoveSubscription.cjs';
 export { UseScheduleProps as UsePreferencesProps, useSchedule } from './hooks/useSchedule.cjs';
-export { BaseProps, BellRenderer, BodyRenderer, DefaultInboxProps, DefaultProps, NoRendererProps, NotificationRendererProps, NotificationsRenderer, SubjectBodyRendererProps, SubjectRenderer, WithChildrenProps } from './utils/types.cjs';
+export { useSubscription } from './hooks/useSubscription.cjs';
+export { useSubscriptions } from './hooks/useSubscriptions.cjs';
+export { useUpdateSubscription } from './hooks/useUpdateSubscription.cjs';
+export { BaseProps, BellRenderer, BodyRenderer, DefaultInboxProps, DefaultProps, NoRendererProps, NotificationRendererProps, NotificationsRenderer, ReactInboxAppearance, ReactInboxTheme, ReactSubscriptionAppearance, ReactSubscriptionTheme, SubjectBodyRendererProps, SubjectRenderer, WithChildrenProps } from './utils/types.cjs';
 import 'react/jsx-runtime';
 import 'react';
+import './components/NovuUI.cjs';
+import './components/subscription/DefaultSubscription.cjs';

package/dist/cjs/server/index.cjs

@@ -28,12 +28,20 @@ __export(server_exports, {
   PreferenceLevel: () => import_js.PreferenceLevel,
   Preferences: () => Preferences,
   SeverityLevelEnum: () => import_js.SeverityLevelEnum,
+  Subscription: () => Subscription,
+  SubscriptionButton: () => SubscriptionButton,
+  SubscriptionPreferences: () => SubscriptionPreferences,
   WorkflowCriticalityEnum: () => import_js.WorkflowCriticalityEnum,
   useCounts: () => useCounts,
+  useCreateSubscription: () => useCreateSubscription,
   useNotifications: () => useNotifications,
   useNovu: () => useNovu,
   usePreferences: () => usePreferences,
-  useSchedule: () => useSchedule
+  useRemoveSubscription: () => useRemoveSubscription,
+  useSchedule: () => useSchedule,
+  useSubscription: () => useSubscription,
+  useSubscriptions: () => useSubscriptions,
+  useUpdateSubscription: () => useUpdateSubscription
 });
 module.exports = __toCommonJS(server_exports);
 var import_ShadowRootDetector = require("../components/ShadowRootDetector.cjs");
@@ -51,6 +59,14 @@ function Preferences() {
 function Bell() {
 }
 function NovuProvider(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: props.children });
+}
+function Subscription() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShadowRootDetector.ShadowRootDetector, {});
+}
+function SubscriptionButton() {
+}
+function SubscriptionPreferences() {
 }
 function useNovu() {
   return null;
@@ -89,6 +105,41 @@ function useSchedule(_) {
     refetch: () => Promise.resolve()
   };
 }
+function useSubscription(_) {
+  return {
+    isLoading: false,
+    isFetching: false,
+    refetch: () => Promise.resolve()
+  };
+}
+function useCreateSubscription(_ = {}) {
+  return {
+    isCreating: false,
+    error: void 0,
+    create: () => Promise.resolve({ data: void 0, error: void 0 })
+  };
+}
+function useUpdateSubscription(_ = {}) {
+  return {
+    isUpdating: false,
+    error: void 0,
+    update: () => Promise.resolve({ data: void 0, error: void 0 })
+  };
+}
+function useRemoveSubscription(_ = {}) {
+  return {
+    isRemoving: false,
+    error: void 0,
+    remove: () => Promise.resolve({ data: void 0, error: void 0 })
+  };
+}
+function useSubscriptions(_) {
+  return {
+    isLoading: false,
+    isFetching: false,
+    refetch: () => Promise.resolve()
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Bell,
@@ -99,11 +150,19 @@ function useSchedule(_) {
   PreferenceLevel,
   Preferences,
   SeverityLevelEnum,
+  Subscription,
+  SubscriptionButton,
+  SubscriptionPreferences,
   WorkflowCriticalityEnum,
   useCounts,
+  useCreateSubscription,
   useNotifications,
   useNovu,
   usePreferences,
-  useSchedule
+  useRemoveSubscription,
+  useSchedule,
+  useSubscription,
+  useSubscriptions,
+  useUpdateSubscription
 });
 //# sourceMappingURL=index.cjs.map