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

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 { UseNotificationsProps, UseNotificationsResult, useNotifications } from './hooks/useNotifications.js';
 export { UsePreferencesResult, usePreferences } from './hooks/usePreferences.js';
+export { useRemoveSubscription } from './hooks/useRemoveSubscription.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,
+  useNotifications,
+  useNovu,
+  usePreferences,
+  useRemoveSubscription,
+  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,
   useNotifications,
   useNovu,
   usePreferences,
-  useSchedule
+  useRemoveSubscription,
+  useSchedule,
+  useSubscription,
+  useSubscriptions,
+  useUpdateSubscription
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.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":";AAmBA,SAAS,iBAAiB,mBAAmB,+BAA+B;AAsB5E,SAAS,MAAM,OAAO,cAAc,eAAe,cAAc,mBAAmB;AASpF,SAAS,WAAW,kBAAkB,SAAS,gBAAgB,mBAAmB;","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":";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":[]}

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

@@ -1,12 +1,18 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { InboxProps } from '../components/Inbox.js';
-export { ChannelPreference, ChannelType, FiltersCountResponse, InboxNotification, ListNotificationsResponse, Notification, NotificationFilter, NotificationStatus, NovuError, NovuOptions, Preference, PreferenceLevel, SeverityLevelEnum, WorkflowCriticalityEnum } from '@novu/js';
+export * from '@novu/js';
+export { PreferenceLevel, SeverityLevelEnum, WorkflowCriticalityEnum } from '@novu/js';
 import { NovuProviderProps } from '../hooks/NovuProvider.js';
 import { UseCountsProps, UseCountsResult } from '../hooks/useCounts.js';
+import { UseCreateSubscriptionProps, UseCreateSubscriptionResult } from '../hooks/useCreateSubscription.js';
 import { UseNotificationsProps, UseNotificationsResult } from '../hooks/useNotifications.js';
 import { UsePreferencesProps, UsePreferencesResult } from '../hooks/usePreferences.js';
+import { UseRemoveSubscriptionProps, UseRemoveSubscriptionResult } from '../hooks/useRemoveSubscription.js';
 import { UseScheduleProps, UseScheduleResult } from '../hooks/useSchedule.js';
-export { Appearance, AppearanceKey, ElementStyles, Elements, Localization, LocalizationKey, NotificationActionClickHandler, NotificationClickHandler, NotificationRenderer, PreferenceGroups, PreferencesFilter, RouterPush, Tab, Variables } from '@novu/js/ui';
+import { UseSubscriptionProps, UseSubscriptionResult } from '../hooks/useSubscription.js';
+import { UseSubscriptionsProps, UseSubscriptionsResult } from '../hooks/useSubscriptions.js';
+import { UseUpdateSubscriptionProps, UseUpdateSubscriptionResult } from '../hooks/useUpdateSubscription.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 { BellProps } from '../components/Bell.js';
 export { InboxContentProps } from '../components/InboxContent.js';
 export { NotificationProps } from '../components/Notifications.js';
@@ -24,11 +30,19 @@ declare function InboxContent(): void;
 declare function Notifications(): void;
 declare function Preferences(): void;
 declare function Bell(): void;
-declare function NovuProvider(props: NovuProviderProps): void;
+declare function NovuProvider(props: NovuProviderProps): react_jsx_runtime.JSX.Element;
+declare function Subscription(): react_jsx_runtime.JSX.Element;
+declare function SubscriptionButton(): void;
+declare function SubscriptionPreferences(): void;
 declare function useNovu(): null;
 declare function useCounts(_: UseCountsProps): UseCountsResult;
 declare function useNotifications(_: UseNotificationsProps): UseNotificationsResult;
 declare function usePreferences(_: UsePreferencesProps): UsePreferencesResult;
 declare function useSchedule(_: UseScheduleProps): UseScheduleResult;
+declare function useSubscription(_: UseSubscriptionProps): UseSubscriptionResult;
+declare function useCreateSubscription(_?: UseCreateSubscriptionProps): UseCreateSubscriptionResult;
+declare function useUpdateSubscription(_?: UseUpdateSubscriptionProps): UseUpdateSubscriptionResult;
+declare function useRemoveSubscription(_?: UseRemoveSubscriptionProps): UseRemoveSubscriptionResult;
+declare function useSubscriptions(_: UseSubscriptionsProps): UseSubscriptionsResult;
 
-export { Bell, Inbox, InboxContent, InboxProps, Notifications, NovuProvider, NovuProviderProps, Preferences, UseCountsProps, UseCountsResult, UseNotificationsProps, UseNotificationsResult, UseScheduleProps as UsePreferencesProps, UsePreferencesResult, useCounts, useNotifications, useNovu, usePreferences, useSchedule };
+export { Bell, Inbox, InboxContent, InboxProps, Notifications, NovuProvider, NovuProviderProps, Preferences, Subscription, SubscriptionButton, SubscriptionPreferences, UseCountsProps, UseCountsResult, UseNotificationsProps, UseNotificationsResult, UseScheduleProps as UsePreferencesProps, UsePreferencesResult, useCounts, useCreateSubscription, useNotifications, useNovu, usePreferences, useRemoveSubscription, useSchedule, useSubscription, useSubscriptions, useUpdateSubscription };

package/dist/esm/server/index.js

@@ -1,7 +1,7 @@
 // src/server/index.tsx
 import { ShadowRootDetector } from "../components/ShadowRootDetector.js";
 import { PreferenceLevel, SeverityLevelEnum, WorkflowCriticalityEnum } from "@novu/js";
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx } from "react/jsx-runtime";
 function Inbox(props) {
   return /* @__PURE__ */ jsx(ShadowRootDetector, {});
 }
@@ -14,6 +14,14 @@ function Preferences() {
 function Bell() {
 }
 function NovuProvider(props) {
+  return /* @__PURE__ */ jsx(Fragment, { children: props.children });
+}
+function Subscription() {
+  return /* @__PURE__ */ jsx(ShadowRootDetector, {});
+}
+function SubscriptionButton() {
+}
+function SubscriptionPreferences() {
 }
 function useNovu() {
   return null;
@@ -52,6 +60,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()
+  };
+}
 export {
   Bell,
   Inbox,
@@ -61,11 +104,19 @@ export {
   PreferenceLevel,
   Preferences,
   SeverityLevelEnum,
+  Subscription,
+  SubscriptionButton,
+  SubscriptionPreferences,
   WorkflowCriticalityEnum,
   useCounts,
+  useCreateSubscription,
   useNotifications,
   useNovu,
   usePreferences,
-  useSchedule
+  useRemoveSubscription,
+  useSchedule,
+  useSubscription,
+  useSubscriptions,
+  useUpdateSubscription
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/server/index.tsx"],"sourcesContent":["import type { InboxProps } from '../components/Inbox';\nimport { ShadowRootDetector } from '../components/ShadowRootDetector';\nimport type {\n  UseNotificationsProps,\n  UseNotificationsResult,\n  UsePreferencesProps,\n  UsePreferencesResult,\n  UseScheduleProps,\n  UseScheduleResult,\n} from '../hooks';\nimport type { NovuProviderProps } from '../hooks/NovuProvider';\nimport type { UseCountsProps, UseCountsResult } from '../hooks/useCounts';\n\n/**\n * Exporting all components from the components folder\n * as empty functions to fix build errors in SSR\n * This will be replaced with actual components\n * when we implement the SSR components in @novu/js/ui\n */\nexport function Inbox(props: InboxProps) {\n  return <ShadowRootDetector />;\n}\n\nexport function InboxContent() {}\n\nexport function Notifications() {}\n\nexport function Preferences() {}\n\nexport function Bell() {}\n\nexport function NovuProvider(props: NovuProviderProps) {}\n\nexport function useNovu() {\n  return null;\n}\n\nexport function useCounts(_: UseCountsProps): UseCountsResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    refetch: () => Promise.resolve(),\n  };\n}\n\nexport function useNotifications(_: UseNotificationsProps): UseNotificationsResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    hasMore: false,\n    readAll: () => Promise.resolve({ data: undefined, error: undefined }),\n    seenAll: () => Promise.resolve({ data: undefined, error: undefined }),\n    archiveAll: () => Promise.resolve({ data: undefined, error: undefined }),\n    archiveAllRead: () => Promise.resolve({ data: undefined, error: undefined }),\n    refetch: () => Promise.resolve(),\n    fetchMore: () => Promise.resolve(),\n  };\n}\n\nexport function usePreferences(_: UsePreferencesProps): UsePreferencesResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    refetch: () => Promise.resolve(),\n  };\n}\n\nexport function useSchedule(_: UseScheduleProps): UseScheduleResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    refetch: () => Promise.resolve(),\n  };\n}\n\nexport type {\n  ChannelPreference,\n  ChannelType,\n  FiltersCountResponse,\n  InboxNotification,\n  ListNotificationsResponse,\n  Notification,\n  NotificationFilter,\n  NotificationStatus,\n  NovuError,\n  NovuOptions,\n  Preference,\n} from '@novu/js';\nexport { PreferenceLevel, SeverityLevelEnum, WorkflowCriticalityEnum } from '@novu/js';\n\nexport type {\n  Appearance,\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';\n\nexport type { BellProps, InboxContentProps, InboxProps, NotificationProps, NovuProviderProps } from '../components';\n\nexport type {\n  UseCountsProps,\n  UseCountsResult,\n  UseNotificationsProps,\n  UseNotificationsResult,\n  UsePreferencesResult,\n  UseScheduleProps as UsePreferencesProps,\n} 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":";AACA,SAAS,0BAA0B;AAuFnC,SAAS,iBAAiB,mBAAmB,+BAA+B;AApEnE;AADF,SAAS,MAAM,OAAmB;AACvC,SAAO,oBAAC,sBAAmB;AAC7B;AAEO,SAAS,eAAe;AAAC;AAEzB,SAAS,gBAAgB;AAAC;AAE1B,SAAS,cAAc;AAAC;AAExB,SAAS,OAAO;AAAC;AAEjB,SAAS,aAAa,OAA0B;AAAC;AAEjD,SAAS,UAAU;AACxB,SAAO;AACT;AAEO,SAAS,UAAU,GAAoC;AAC5D,SAAO;AAAA,IACL,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS,MAAM,QAAQ,QAAQ;AAAA,EACjC;AACF;AAEO,SAAS,iBAAiB,GAAkD;AACjF,SAAO;AAAA,IACL,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,SAAS,MAAM,QAAQ,QAAQ,EAAE,MAAM,QAAW,OAAO,OAAU,CAAC;AAAA,IACpE,SAAS,MAAM,QAAQ,QAAQ,EAAE,MAAM,QAAW,OAAO,OAAU,CAAC;AAAA,IACpE,YAAY,MAAM,QAAQ,QAAQ,EAAE,MAAM,QAAW,OAAO,OAAU,CAAC;AAAA,IACvE,gBAAgB,MAAM,QAAQ,QAAQ,EAAE,MAAM,QAAW,OAAO,OAAU,CAAC;AAAA,IAC3E,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B,WAAW,MAAM,QAAQ,QAAQ;AAAA,EACnC;AACF;AAEO,SAAS,eAAe,GAA8C;AAC3E,SAAO;AAAA,IACL,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS,MAAM,QAAQ,QAAQ;AAAA,EACjC;AACF;AAEO,SAAS,YAAY,GAAwC;AAClE,SAAO;AAAA,IACL,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS,MAAM,QAAQ,QAAQ;AAAA,EACjC;AACF;","names":[]}
+{"version":3,"sources":["../../../src/server/index.tsx"],"sourcesContent":["import type { InboxProps } from '../components/Inbox';\nimport { ShadowRootDetector } from '../components/ShadowRootDetector';\nimport type {\n  UseCreateSubscriptionProps,\n  UseCreateSubscriptionResult,\n  UseNotificationsProps,\n  UseNotificationsResult,\n  UsePreferencesProps,\n  UsePreferencesResult,\n  UseRemoveSubscriptionProps,\n  UseRemoveSubscriptionResult,\n  UseScheduleProps,\n  UseScheduleResult,\n  UseSubscriptionProps,\n  UseSubscriptionResult,\n  UseSubscriptionsProps,\n  UseSubscriptionsResult,\n  UseUpdateSubscriptionProps,\n  UseUpdateSubscriptionResult,\n} from '../hooks';\nimport type { NovuProviderProps } from '../hooks/NovuProvider';\nimport type { UseCountsProps, UseCountsResult } from '../hooks/useCounts';\n\n/**\n * Exporting all components from the components folder\n * as empty functions to fix build errors in SSR\n * This will be replaced with actual components\n * when we implement the SSR components in @novu/js/ui\n */\nexport function Inbox(props: InboxProps) {\n  return <ShadowRootDetector />;\n}\n\nexport function InboxContent() {}\n\nexport function Notifications() {}\n\nexport function Preferences() {}\n\nexport function Bell() {}\n\nexport function NovuProvider(props: NovuProviderProps) {\n  return <>{props.children}</>;\n}\n\nexport function Subscription() {\n  return <ShadowRootDetector />;\n}\n\nexport function SubscriptionButton() {}\n\nexport function SubscriptionPreferences() {}\n\nexport function useNovu() {\n  return null;\n}\n\nexport function useCounts(_: UseCountsProps): UseCountsResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    refetch: () => Promise.resolve(),\n  };\n}\n\nexport function useNotifications(_: UseNotificationsProps): UseNotificationsResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    hasMore: false,\n    readAll: () => Promise.resolve({ data: undefined, error: undefined }),\n    seenAll: () => Promise.resolve({ data: undefined, error: undefined }),\n    archiveAll: () => Promise.resolve({ data: undefined, error: undefined }),\n    archiveAllRead: () => Promise.resolve({ data: undefined, error: undefined }),\n    refetch: () => Promise.resolve(),\n    fetchMore: () => Promise.resolve(),\n  };\n}\n\nexport function usePreferences(_: UsePreferencesProps): UsePreferencesResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    refetch: () => Promise.resolve(),\n  };\n}\n\nexport function useSchedule(_: UseScheduleProps): UseScheduleResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    refetch: () => Promise.resolve(),\n  };\n}\n\nexport function useSubscription(_: UseSubscriptionProps): UseSubscriptionResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    refetch: () => Promise.resolve(),\n  };\n}\n\nexport function useCreateSubscription(_: UseCreateSubscriptionProps = {}): UseCreateSubscriptionResult {\n  return {\n    isCreating: false,\n    error: undefined,\n    create: () => Promise.resolve({ data: undefined, error: undefined }),\n  };\n}\n\nexport function useUpdateSubscription(_: UseUpdateSubscriptionProps = {}): UseUpdateSubscriptionResult {\n  return {\n    isUpdating: false,\n    error: undefined,\n    update: () => Promise.resolve({ data: undefined, error: undefined }),\n  };\n}\n\nexport function useRemoveSubscription(_: UseRemoveSubscriptionProps = {}): UseRemoveSubscriptionResult {\n  return {\n    isRemoving: false,\n    error: undefined,\n    remove: () => Promise.resolve({ data: undefined, error: undefined }),\n  };\n}\n\nexport function useSubscriptions(_: UseSubscriptionsProps): UseSubscriptionsResult {\n  return {\n    isLoading: false,\n    isFetching: false,\n    refetch: () => Promise.resolve(),\n  };\n}\n\nexport 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';\n\nexport type { BellProps, InboxContentProps, InboxProps, NotificationProps, NovuProviderProps } from '../components';\n\nexport type {\n  UseCountsProps,\n  UseCountsResult,\n  UseNotificationsProps,\n  UseNotificationsResult,\n  UsePreferencesResult,\n  UseScheduleProps as UsePreferencesProps,\n} 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":";AACA,SAAS,0BAA0B;AAuInC,SAAS,iBAAiB,mBAAmB,+BAA+B;AA1GnE,SAYA,UAZA;AADF,SAAS,MAAM,OAAmB;AACvC,SAAO,oBAAC,sBAAmB;AAC7B;AAEO,SAAS,eAAe;AAAC;AAEzB,SAAS,gBAAgB;AAAC;AAE1B,SAAS,cAAc;AAAC;AAExB,SAAS,OAAO;AAAC;AAEjB,SAAS,aAAa,OAA0B;AACrD,SAAO,gCAAG,gBAAM,UAAS;AAC3B;AAEO,SAAS,eAAe;AAC7B,SAAO,oBAAC,sBAAmB;AAC7B;AAEO,SAAS,qBAAqB;AAAC;AAE/B,SAAS,0BAA0B;AAAC;AAEpC,SAAS,UAAU;AACxB,SAAO;AACT;AAEO,SAAS,UAAU,GAAoC;AAC5D,SAAO;AAAA,IACL,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS,MAAM,QAAQ,QAAQ;AAAA,EACjC;AACF;AAEO,SAAS,iBAAiB,GAAkD;AACjF,SAAO;AAAA,IACL,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,SAAS,MAAM,QAAQ,QAAQ,EAAE,MAAM,QAAW,OAAO,OAAU,CAAC;AAAA,IACpE,SAAS,MAAM,QAAQ,QAAQ,EAAE,MAAM,QAAW,OAAO,OAAU,CAAC;AAAA,IACpE,YAAY,MAAM,QAAQ,QAAQ,EAAE,MAAM,QAAW,OAAO,OAAU,CAAC;AAAA,IACvE,gBAAgB,MAAM,QAAQ,QAAQ,EAAE,MAAM,QAAW,OAAO,OAAU,CAAC;AAAA,IAC3E,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B,WAAW,MAAM,QAAQ,QAAQ;AAAA,EACnC;AACF;AAEO,SAAS,eAAe,GAA8C;AAC3E,SAAO;AAAA,IACL,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS,MAAM,QAAQ,QAAQ;AAAA,EACjC;AACF;AAEO,SAAS,YAAY,GAAwC;AAClE,SAAO;AAAA,IACL,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS,MAAM,QAAQ,QAAQ;AAAA,EACjC;AACF;AAEO,SAAS,gBAAgB,GAAgD;AAC9E,SAAO;AAAA,IACL,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS,MAAM,QAAQ,QAAQ;AAAA,EACjC;AACF;AAEO,SAAS,sBAAsB,IAAgC,CAAC,GAAgC;AACrG,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ,MAAM,QAAQ,QAAQ,EAAE,MAAM,QAAW,OAAO,OAAU,CAAC;AAAA,EACrE;AACF;AAEO,SAAS,sBAAsB,IAAgC,CAAC,GAAgC;AACrG,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ,MAAM,QAAQ,QAAQ,EAAE,MAAM,QAAW,OAAO,OAAU,CAAC;AAAA,EACrE;AACF;AAEO,SAAS,sBAAsB,IAAgC,CAAC,GAAgC;AACrG,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ,MAAM,QAAQ,QAAQ,EAAE,MAAM,QAAW,OAAO,OAAU,CAAC;AAAA,EACrE;AACF;AAEO,SAAS,iBAAiB,GAAkD;AACjF,SAAO;AAAA,IACL,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS,MAAM,QAAQ,QAAQ;AAAA,EACjC;AACF;","names":[]}

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

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