@novu/react 3.17.0 → 3.18.0

package/dist/cjs/components/index.cjs

@@ -30,6 +30,7 @@ __reExport(components_exports, require("./slack-link-user/SlackLinkUser.cjs"), m
 __reExport(components_exports, require("./subscription/Subscription.cjs"), module.exports);
 __reExport(components_exports, require("./subscription/SubscriptionButton.cjs"), module.exports);
 __reExport(components_exports, require("./subscription/SubscriptionPreferences.cjs"), module.exports);
+__reExport(components_exports, require("./telegram-connect-button/TelegramConnectButton.cjs"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("../hooks/NovuProvider.cjs"),
@@ -44,6 +45,7 @@ __reExport(components_exports, require("./subscription/SubscriptionPreferences.c
   ...require("./slack-link-user/SlackLinkUser.cjs"),
   ...require("./subscription/Subscription.cjs"),
   ...require("./subscription/SubscriptionButton.cjs"),
-  ...require("./subscription/SubscriptionPreferences.cjs")
+  ...require("./subscription/SubscriptionPreferences.cjs"),
+  ...require("./telegram-connect-button/TelegramConnectButton.cjs")
 });
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from '../hooks/NovuProvider';\nexport * from './Bell';\nexport * from './Inbox';\nexport * from './InboxContent';\nexport * from './msteams-connect-button/MsTeamsConnectButton';\nexport * from './msteams-link-user/MsTeamsLinkUser';\nexport * from './Notifications';\nexport * from './Preferences';\nexport * from './slack-connect-button/SlackConnectButton';\nexport * from './slack-link-user/SlackLinkUser';\nexport * from './subscription/Subscription';\nexport * from './subscription/SubscriptionButton';\nexport * from './subscription/SubscriptionPreferences';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,sCAAd;AACA,+BAAc,uBADd;AAEA,+BAAc,wBAFd;AAGA,+BAAc,+BAHd;AAIA,+BAAc,8DAJd;AAKA,+BAAc,oDALd;AAMA,+BAAc,gCANd;AAOA,+BAAc,8BAPd;AAQA,+BAAc,0DARd;AASA,+BAAc,gDATd;AAUA,+BAAc,4CAVd;AAWA,+BAAc,kDAXd;AAYA,+BAAc,uDAZd;","names":[]}
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from '../hooks/NovuProvider';\nexport * from './Bell';\nexport * from './Inbox';\nexport * from './InboxContent';\nexport * from './msteams-connect-button/MsTeamsConnectButton';\nexport * from './msteams-link-user/MsTeamsLinkUser';\nexport * from './Notifications';\nexport * from './Preferences';\nexport * from './slack-connect-button/SlackConnectButton';\nexport * from './slack-link-user/SlackLinkUser';\nexport * from './subscription/Subscription';\nexport * from './subscription/SubscriptionButton';\nexport * from './subscription/SubscriptionPreferences';\nexport * from './telegram-connect-button/TelegramConnectButton';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,sCAAd;AACA,+BAAc,uBADd;AAEA,+BAAc,wBAFd;AAGA,+BAAc,+BAHd;AAIA,+BAAc,8DAJd;AAKA,+BAAc,oDALd;AAMA,+BAAc,gCANd;AAOA,+BAAc,8BAPd;AAQA,+BAAc,0DARd;AASA,+BAAc,gDATd;AAUA,+BAAc,4CAVd;AAWA,+BAAc,kDAXd;AAYA,+BAAc,uDAZd;AAaA,+BAAc,gEAbd;","names":[]}

package/dist/cjs/components/index.d.cts

@@ -11,6 +11,7 @@ export { SlackLinkUser, SlackLinkUserProps } from './slack-link-user/SlackLinkUs
 export { Subscription, SubscriptionProps } from './subscription/Subscription.cjs';
 export { SubscriptionButton, SubscriptionButtonProps } from './subscription/SubscriptionButton.cjs';
 export { SubscriptionPreferences, SubscriptionPreferencesProps } from './subscription/SubscriptionPreferences.cjs';
+export { TelegramConnectButton, TelegramConnectButtonProps } from './telegram-connect-button/TelegramConnectButton.cjs';
 import 'react/jsx-runtime';
 import '@novu/js';
 import 'react';
@@ -22,3 +23,4 @@ import './msteams-link-user/DefaultMsTeamsLinkUser.cjs';
 import './slack-connect-button/DefaultSlackConnectButton.cjs';
 import './slack-link-user/DefaultSlackLinkUser.cjs';
 import './subscription/DefaultSubscription.cjs';
+import './telegram-connect-button/DefaultTelegramConnectButton.cjs';

package/dist/cjs/components/telegram-connect-button/DefaultTelegramConnectButton.cjs

@@ -0,0 +1,77 @@
+"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/components/telegram-connect-button/DefaultTelegramConnectButton.tsx
+var DefaultTelegramConnectButton_exports = {};
+__export(DefaultTelegramConnectButton_exports, {
+  DefaultTelegramConnectButton: () => DefaultTelegramConnectButton
+});
+module.exports = __toCommonJS(DefaultTelegramConnectButton_exports);
+var import_react = require("react");
+var import_NovuUIContext = require("../../context/NovuUIContext.cjs");
+var import_Mounter = require("../Mounter.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DefaultTelegramConnectButton = (props) => {
+  const {
+    integrationIdentifier,
+    subscriberId,
+    onConnectSuccess,
+    onConnectError,
+    onDisconnectSuccess,
+    onDisconnectError,
+    connectLabel,
+    connectedLabel
+  } = props;
+  const { novuUI } = (0, import_NovuUIContext.useNovuUI)();
+  const mount = (0, import_react.useCallback)(
+    (element) => {
+      return novuUI.mountComponent({
+        name: "TelegramConnectButton",
+        props: {
+          integrationIdentifier,
+          subscriberId,
+          onConnectSuccess,
+          onConnectError,
+          onDisconnectSuccess,
+          onDisconnectError,
+          connectLabel,
+          connectedLabel
+        },
+        element
+      });
+    },
+    [
+      novuUI,
+      integrationIdentifier,
+      subscriberId,
+      onConnectSuccess,
+      onConnectError,
+      onDisconnectSuccess,
+      onDisconnectError,
+      connectLabel,
+      connectedLabel
+    ]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Mounter.Mounter, { mount });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DefaultTelegramConnectButton
+});
+//# sourceMappingURL=DefaultTelegramConnectButton.cjs.map

package/dist/cjs/components/telegram-connect-button/DefaultTelegramConnectButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/telegram-connect-button/DefaultTelegramConnectButton.tsx"],"sourcesContent":["import { TelegramConnectButtonProps } from '@novu/js/ui';\nimport { useCallback } from 'react';\nimport { useNovuUI } from '../../context/NovuUIContext';\nimport { Mounter } from '../Mounter';\n\nexport type DefaultTelegramConnectButtonProps = Pick<\n  TelegramConnectButtonProps,\n  | 'integrationIdentifier'\n  | 'subscriberId'\n  | 'onConnectSuccess'\n  | 'onConnectError'\n  | 'onDisconnectSuccess'\n  | 'onDisconnectError'\n  | 'connectLabel'\n  | 'connectedLabel'\n>;\n\nexport const DefaultTelegramConnectButton = (props: DefaultTelegramConnectButtonProps) => {\n  const {\n    integrationIdentifier,\n    subscriberId,\n    onConnectSuccess,\n    onConnectError,\n    onDisconnectSuccess,\n    onDisconnectError,\n    connectLabel,\n    connectedLabel,\n  } = props;\n  const { novuUI } = useNovuUI();\n\n  const mount = useCallback(\n    (element: HTMLElement) => {\n      return novuUI.mountComponent({\n        name: 'TelegramConnectButton',\n        props: {\n          integrationIdentifier,\n          subscriberId,\n          onConnectSuccess,\n          onConnectError,\n          onDisconnectSuccess,\n          onDisconnectError,\n          connectLabel,\n          connectedLabel,\n        },\n        element,\n      });\n    },\n    [\n      novuUI,\n      integrationIdentifier,\n      subscriberId,\n      onConnectSuccess,\n      onConnectError,\n      onDisconnectSuccess,\n      onDisconnectError,\n      connectLabel,\n      connectedLabel,\n    ]\n  );\n\n  return <Mounter mount={mount} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA4B;AAC5B,2BAA0B;AAC1B,qBAAwB;AAyDf;AA3CF,IAAM,+BAA+B,CAAC,UAA6C;AACxF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,OAAO,QAAI,gCAAU;AAE7B,QAAM,YAAQ;AAAA,IACZ,CAAC,YAAyB;AACxB,aAAO,OAAO,eAAe;AAAA,QAC3B,MAAM;AAAA,QACN,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,4CAAC,0BAAQ,OAAc;AAChC;","names":[]}

package/dist/cjs/components/telegram-connect-button/DefaultTelegramConnectButton.d.cts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TelegramConnectButtonProps } from '@novu/js/ui';
+
+type DefaultTelegramConnectButtonProps = Pick<TelegramConnectButtonProps, 'integrationIdentifier' | 'subscriberId' | 'onConnectSuccess' | 'onConnectError' | 'onDisconnectSuccess' | 'onDisconnectError' | 'connectLabel' | 'connectedLabel'>;
+declare const DefaultTelegramConnectButton: (props: DefaultTelegramConnectButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { DefaultTelegramConnectButton, type DefaultTelegramConnectButtonProps };

package/dist/cjs/components/telegram-connect-button/TelegramConnectButton.cjs

@@ -0,0 +1,63 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/telegram-connect-button/TelegramConnectButton.tsx
+var TelegramConnectButton_exports = {};
+__export(TelegramConnectButton_exports, {
+  TelegramConnectButton: () => TelegramConnectButton
+});
+module.exports = __toCommonJS(TelegramConnectButton_exports);
+var import_react = __toESM(require("react"), 1);
+var import_NovuProvider = require("../../hooks/NovuProvider.cjs");
+var import_NovuUI = require("../NovuUI.cjs");
+var import_Renderer = require("../Renderer.cjs");
+var import_DefaultTelegramConnectButton = require("./DefaultTelegramConnectButton.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TelegramConnectButtonInternal = (0, import_Renderer.withRenderer)((props) => {
+  const { container, appearance, ...defaultProps } = props;
+  const novu = (0, import_NovuProvider.useNovu)();
+  const options = (0, import_react.useMemo)(() => {
+    return {
+      container,
+      appearance,
+      options: novu.options
+    };
+  }, [container, appearance, novu.options]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NovuUI.NovuUI, { options, novu, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DefaultTelegramConnectButton.DefaultTelegramConnectButton, { ...defaultProps }) });
+});
+TelegramConnectButtonInternal.displayName = "TelegramConnectButtonInternal";
+var TelegramConnectButton = import_react.default.memo((props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TelegramConnectButtonInternal, { ...props });
+});
+TelegramConnectButton.displayName = "TelegramConnectButton";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TelegramConnectButton
+});
+//# sourceMappingURL=TelegramConnectButton.cjs.map

package/dist/cjs/components/telegram-connect-button/TelegramConnectButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/telegram-connect-button/TelegramConnectButton.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useNovu } from '../../hooks/NovuProvider';\nimport { NovuUI, NovuUIOptions } from '../NovuUI';\nimport { withRenderer } from '../Renderer';\nimport { DefaultTelegramConnectButton, DefaultTelegramConnectButtonProps } from './DefaultTelegramConnectButton';\n\nexport type TelegramConnectButtonProps = DefaultTelegramConnectButtonProps &\n  Pick<NovuUIOptions, 'container' | 'appearance'>;\n\nconst TelegramConnectButtonInternal = withRenderer<TelegramConnectButtonProps>((props) => {\n  const { container, appearance, ...defaultProps } = props;\n  const novu = useNovu();\n\n  const options: NovuUIOptions = useMemo(() => {\n    return {\n      container,\n      appearance,\n      options: novu.options,\n    };\n  }, [container, appearance, novu.options]);\n\n  return (\n    <NovuUI options={options} novu={novu}>\n      <DefaultTelegramConnectButton {...defaultProps} />\n    </NovuUI>\n  );\n});\n\nTelegramConnectButtonInternal.displayName = 'TelegramConnectButtonInternal';\n\nexport const TelegramConnectButton = React.memo((props: TelegramConnectButtonProps) => {\n  return <TelegramConnectButtonInternal {...props} />;\n});\n\nTelegramConnectButton.displayName = 'TelegramConnectButton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,0BAAwB;AACxB,oBAAsC;AACtC,sBAA6B;AAC7B,0CAAgF;AAmB1E;AAdN,IAAM,oCAAgC,8BAAyC,CAAC,UAAU;AACxF,QAAM,EAAE,WAAW,YAAY,GAAG,aAAa,IAAI;AACnD,QAAM,WAAO,6BAAQ;AAErB,QAAM,cAAyB,sBAAQ,MAAM;AAC3C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,KAAK;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,WAAW,YAAY,KAAK,OAAO,CAAC;AAExC,SACE,4CAAC,wBAAO,SAAkB,MACxB,sDAAC,oEAA8B,GAAG,cAAc,GAClD;AAEJ,CAAC;AAED,8BAA8B,cAAc;AAErC,IAAM,wBAAwB,aAAAA,QAAM,KAAK,CAAC,UAAsC;AACrF,SAAO,4CAAC,iCAA+B,GAAG,OAAO;AACnD,CAAC;AAED,sBAAsB,cAAc;","names":["React"]}

package/dist/cjs/components/telegram-connect-button/TelegramConnectButton.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { NovuUIOptions } from '../NovuUI.cjs';
+import { DefaultTelegramConnectButtonProps } from './DefaultTelegramConnectButton.cjs';
+import '@novu/js';
+import '@novu/js/ui';
+import '../../utils/types.cjs';
+
+type TelegramConnectButtonProps = DefaultTelegramConnectButtonProps & Pick<NovuUIOptions, 'container' | 'appearance'>;
+declare const TelegramConnectButton: React__default.MemoExoticComponent<(props: TelegramConnectButtonProps) => react_jsx_runtime.JSX.Element>;
+
+export { TelegramConnectButton, type TelegramConnectButtonProps };

package/dist/cjs/hooks/index.cjs

@@ -43,6 +43,7 @@ __reExport(hooks_exports, require("./useRemoveSubscription.cjs"), module.exports
 __reExport(hooks_exports, require("./useSchedule.cjs"), module.exports);
 __reExport(hooks_exports, require("./useSubscription.cjs"), module.exports);
 __reExport(hooks_exports, require("./useSubscriptions.cjs"), module.exports);
+__reExport(hooks_exports, require("./useTelegramSubscriberLink.cjs"), module.exports);
 __reExport(hooks_exports, require("./useUpdateSubscription.cjs"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -64,6 +65,7 @@ __reExport(hooks_exports, require("./useUpdateSubscription.cjs"), module.exports
   ...require("./useSchedule.cjs"),
   ...require("./useSubscription.cjs"),
   ...require("./useSubscriptions.cjs"),
+  ...require("./useTelegramSubscriberLink.cjs"),
   ...require("./useUpdateSubscription.cjs")
 });
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export type * from '@novu/js';\nexport { PreferenceLevel, SeverityLevelEnum, WorkflowCriticalityEnum } from '@novu/js';\nexport { NovuProvider, useNovu } from './NovuProvider';\nexport * from './useChannelConnection';\nexport * from './useChannelConnections';\nexport * from './useChannelEndpoint';\nexport * from './useCounts';\nexport * from './useCreateChannelEndpoint';\nexport * from './useCreateSubscription';\nexport * from './useDeleteChannelEndpoint';\nexport * from './useNotifications';\nexport * from './usePreferences';\nexport * from './useRemoveSubscription';\nexport * from './useSchedule';\nexport * from './useSubscription';\nexport * from './useSubscriptions';\nexport * from './useUpdateSubscription';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,gBAA4E;AAC5E,0BAAsC;AACtC,0BAAc,uCAHd;AAIA,0BAAc,wCAJd;AAKA,0BAAc,qCALd;AAMA,0BAAc,4BANd;AAOA,0BAAc,2CAPd;AAQA,0BAAc,wCARd;AASA,0BAAc,2CATd;AAUA,0BAAc,mCAVd;AAWA,0BAAc,iCAXd;AAYA,0BAAc,wCAZd;AAaA,0BAAc,8BAbd;AAcA,0BAAc,kCAdd;AAeA,0BAAc,mCAfd;AAgBA,0BAAc,wCAhBd;","names":[]}
+{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export type * from '@novu/js';\nexport { PreferenceLevel, SeverityLevelEnum, WorkflowCriticalityEnum } from '@novu/js';\nexport { NovuProvider, useNovu } from './NovuProvider';\nexport * from './useChannelConnection';\nexport * from './useChannelConnections';\nexport * from './useChannelEndpoint';\nexport * from './useCounts';\nexport * from './useCreateChannelEndpoint';\nexport * from './useCreateSubscription';\nexport * from './useDeleteChannelEndpoint';\nexport * from './useNotifications';\nexport * from './usePreferences';\nexport * from './useRemoveSubscription';\nexport * from './useSchedule';\nexport * from './useSubscription';\nexport * from './useSubscriptions';\nexport * from './useTelegramSubscriberLink';\nexport * from './useUpdateSubscription';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,gBAA4E;AAC5E,0BAAsC;AACtC,0BAAc,uCAHd;AAIA,0BAAc,wCAJd;AAKA,0BAAc,qCALd;AAMA,0BAAc,4BANd;AAOA,0BAAc,2CAPd;AAQA,0BAAc,wCARd;AASA,0BAAc,2CATd;AAUA,0BAAc,mCAVd;AAWA,0BAAc,iCAXd;AAYA,0BAAc,wCAZd;AAaA,0BAAc,8BAbd;AAcA,0BAAc,kCAdd;AAeA,0BAAc,mCAfd;AAgBA,0BAAc,4CAhBd;AAiBA,0BAAc,wCAjBd;","names":[]}

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

@@ -14,6 +14,7 @@ export { UseRemoveSubscriptionProps, UseRemoveSubscriptionResult, useRemoveSubsc
 export { UseScheduleProps, UseScheduleResult, useSchedule } from './useSchedule.cjs';
 export { UseSubscriptionProps, UseSubscriptionResult, useSubscription } from './useSubscription.cjs';
 export { UseSubscriptionsProps, UseSubscriptionsResult, useSubscriptions } from './useSubscriptions.cjs';
+export { UseTelegramSubscriberLinkProps, UseTelegramSubscriberLinkResult, useTelegramSubscriberLink } from './useTelegramSubscriberLink.cjs';
 export { UseUpdateSubscriptionProps, UseUpdateSubscriptionResult, useUpdateSubscription } from './useUpdateSubscription.cjs';
 import 'react/jsx-runtime';
 import 'react';

package/dist/cjs/hooks/useCounts.cjs

@@ -30,57 +30,65 @@ var import_useWebsocketEvent = require("./internal/useWebsocketEvent.cjs");
 var import_NovuProvider = require("./NovuProvider.cjs");
 var useCounts = (props) => {
   const { filters, realtime: propsRealtime, onSuccess, onError } = props;
-  const { notifications } = (0, import_NovuProvider.useNovu)();
+  const novu = (0, import_NovuProvider.useNovu)();
+  const { notifications } = novu;
   const providerRealtime = (0, import_NovuProvider.useRealtime)();
   const realtime = propsRealtime ?? providerRealtime;
   const filtersRef = (0, import_useDataRef.useDataRef)(filters);
+  const onSuccessRef = (0, import_useDataRef.useDataRef)(onSuccess);
+  const onErrorRef = (0, import_useDataRef.useDataRef)(onError);
+  const syncGenerationRef = (0, import_react.useRef)(0);
   const [error, setError] = (0, import_react.useState)();
   const [counts, setCounts] = (0, import_react.useState)();
   const [isLoading, setIsLoading] = (0, import_react.useState)(true);
   const [isFetching, setIsFetching] = (0, import_react.useState)(false);
-  const sync = async (notification, overrideFilters) => {
-    const currentFilters = overrideFilters || filtersRef.current;
-    const existingCounts = currentFilters.map((filter) => ({ count: 0, filter }));
-    let countFiltersToFetch = [];
-    if (notification) {
-      for (let i = 0; i < existingCounts.length; i++) {
-        const filter = currentFilters[i];
-        const isSeverityMatches = !filter.severity || Array.isArray(filter.severity) && filter.severity.length === 0 || Array.isArray(filter.severity) && filter.severity.includes(notification.severity) || !Array.isArray(filter.severity) && filter.severity === notification.severity;
-        if ((0, import_js.areTagsEqual)(filter.tags, notification.tags) && isSeverityMatches) {
-          countFiltersToFetch.push(filter);
-        }
+  const sync = (0, import_react.useCallback)(
+    async (notification, overrideFilters) => {
+      var _a, _b;
+      const currentFilters = overrideFilters || filtersRef.current;
+      const existingCounts = currentFilters.map((filter) => ({ count: 0, filter }));
+      let countFiltersToFetch = [];
+      if (notification) {
+        countFiltersToFetch = currentFilters.filter(
+          (filter) => (0, import_js.checkNotificationMatchesFilter)(notification, filter)
+        );
+      } else {
+        countFiltersToFetch = currentFilters;
       }
-    } else {
-      countFiltersToFetch = currentFilters;
-    }
-    if (countFiltersToFetch.length === 0) {
-      return;
-    }
-    setIsFetching(true);
-    const countsRes = await notifications.count({ filters: countFiltersToFetch });
-    setIsFetching(false);
-    setIsLoading(false);
-    if (countsRes.error) {
-      setError(countsRes.error);
-      onError == null ? void 0 : onError(countsRes.error);
-      return;
-    }
-    const data = countsRes.data;
-    onSuccess == null ? void 0 : onSuccess(data.counts);
-    setCounts((oldCounts) => {
-      const newCounts = [];
-      const countsReceived = data.counts;
-      for (let i = 0; i < existingCounts.length; i++) {
-        const existingFilter = existingCounts[i].filter;
-        const countReceived = countsReceived.find((c) => (0, import_js.isSameFilter)(c.filter, existingFilter));
-        const count = countReceived || (oldCounts == null ? void 0 : oldCounts[i]);
-        if (count) {
-          newCounts.push(count);
-        }
+      if (countFiltersToFetch.length === 0) {
+        return;
       }
-      return newCounts;
-    });
-  };
+      const generation = ++syncGenerationRef.current;
+      setIsFetching(true);
+      const countsRes = await notifications.count({ filters: countFiltersToFetch });
+      if (generation !== syncGenerationRef.current) {
+        return;
+      }
+      setIsFetching(false);
+      setIsLoading(false);
+      if (countsRes.error) {
+        setError(countsRes.error);
+        (_a = onErrorRef.current) == null ? void 0 : _a.call(onErrorRef, countsRes.error);
+        return;
+      }
+      const data = countsRes.data;
+      (_b = onSuccessRef.current) == null ? void 0 : _b.call(onSuccessRef, data.counts);
+      setCounts((oldCounts) => {
+        const newCounts = [];
+        const countsReceived = data.counts;
+        for (let i = 0; i < existingCounts.length; i++) {
+          const existingFilter = existingCounts[i].filter;
+          const countReceived = countsReceived.find((c) => (0, import_js.isSameFilter)(c.filter, existingFilter));
+          const count = countReceived || (oldCounts == null ? void 0 : oldCounts[i]);
+          if (count) {
+            newCounts.push(count);
+          }
+        }
+        return newCounts;
+      });
+    },
+    [notifications, filtersRef, onErrorRef, onSuccessRef]
+  );
   (0, import_useWebsocketEvent.useWebSocketEvent)({
     event: "notifications.notification_received",
     enabled: realtime,
@@ -95,15 +103,26 @@ var useCounts = (props) => {
       sync();
     }
   });
+  (0, import_react.useEffect)(() => {
+    const cleanups = import_js.NOTIFICATION_COUNT_SYNC_EVENTS.map(
+      (event) => novu.on(event, (payload) => {
+        if ("error" in payload && payload.error) {
+          return;
+        }
+        sync();
+      })
+    );
+    return () => cleanups.forEach((cleanup) => cleanup());
+  }, [novu, sync]);
   (0, import_react.useEffect)(() => {
     setError(void 0);
     setIsLoading(true);
     setIsFetching(false);
     sync(void 0, filters);
-  }, [JSON.stringify(filters)]);
-  const refetch = async () => {
+  }, [JSON.stringify(filters), sync]);
+  const refetch = (0, import_react.useCallback)(async () => {
     await sync();
-  };
+  }, [sync]);
   return { counts, error, refetch, isLoading, isFetching };
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/hooks/useCounts.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useCounts.ts"],"sourcesContent":["import { areTagsEqual, isSameFilter, Notification, NotificationFilter, NovuError } from '@novu/js';\nimport { useEffect, useState } from 'react';\nimport { useDataRef } from './internal/useDataRef';\nimport { useWebSocketEvent } from './internal/useWebsocketEvent';\nimport { useNovu, useRealtime } from './NovuProvider';\n\ntype Count = {\n  count: number;\n  filter: NotificationFilter;\n};\n\n/**\n * Props for the useCounts hook.\n *\n * @example\n * ```tsx\n * // Count unread notifications\n * const { counts } = useCounts({\n *   filters: [{ read: false }]\n * });\n *\n * // Count unseen notifications with specific tags\n * const { counts } = useCounts({\n *   filters: [{ seen: false, tags: ['important'] }]\n * });\n *\n * // Count seen but unread notifications\n * const { counts } = useCounts({\n *   filters: [{ seen: true, read: false }]\n * });\n *\n * // Opt out of the built-in realtime count updates and drive them yourself\n * const { counts, refetch } = useCounts({\n *   filters: [{ read: false }],\n *   realtime: false,\n * });\n * ```\n */\nexport type UseCountsProps = {\n  filters: NotificationFilter[];\n  /**\n   * When `false`, disables the WebSocket subscriptions that auto-resync\n   * counts on `notifications.notification_received` and\n   * `notifications.unread_count_changed`. The filter-driven fetch and\n   * `refetch()` keep working. Use alongside\n   * `useNotifications({ realtime: false })` when you drive live updates\n   * yourself.\n   *\n   * When set, this prop takes precedence over the `realtime` config on\n   * `<NovuProvider />`. When omitted, the provider value (default `true`) is used.\n   */\n  realtime?: boolean;\n  onSuccess?: (data: Count[]) => void;\n  onError?: (error: NovuError) => void;\n};\n\nexport type UseCountsResult = {\n  counts?: Count[];\n  error?: NovuError;\n  isLoading: boolean; // initial loading\n  isFetching: boolean; // the request is in flight\n  refetch: () => Promise<void>;\n};\n\nexport const useCounts = (props: UseCountsProps): UseCountsResult => {\n  const { filters, realtime: propsRealtime, onSuccess, onError } = props;\n  const { notifications } = useNovu();\n  const providerRealtime = useRealtime();\n  const realtime = propsRealtime ?? providerRealtime;\n  const filtersRef = useDataRef<NotificationFilter[]>(filters);\n  const [error, setError] = useState<NovuError>();\n  const [counts, setCounts] = useState<Count[]>();\n  const [isLoading, setIsLoading] = useState(true);\n  const [isFetching, setIsFetching] = useState(false);\n\n  const sync = async (notification?: Notification, overrideFilters?: NotificationFilter[]) => {\n    const currentFilters = overrideFilters || filtersRef.current;\n    const existingCounts = currentFilters.map((filter) => ({ count: 0, filter }));\n    let countFiltersToFetch: NotificationFilter[] = [];\n    if (notification) {\n      for (let i = 0; i < existingCounts.length; i++) {\n        const filter = currentFilters[i];\n        const isSeverityMatches =\n          !filter.severity ||\n          (Array.isArray(filter.severity) && filter.severity.length === 0) ||\n          (Array.isArray(filter.severity) && filter.severity.includes(notification.severity)) ||\n          (!Array.isArray(filter.severity) && filter.severity === notification.severity);\n\n        if (areTagsEqual(filter.tags, notification.tags) && isSeverityMatches) {\n          countFiltersToFetch.push(filter);\n        }\n      }\n    } else {\n      countFiltersToFetch = currentFilters;\n    }\n\n    if (countFiltersToFetch.length === 0) {\n      return;\n    }\n\n    setIsFetching(true);\n    const countsRes = await notifications.count({ filters: countFiltersToFetch });\n    setIsFetching(false);\n    setIsLoading(false);\n    if (countsRes.error) {\n      setError(countsRes.error);\n      onError?.(countsRes.error);\n\n      return;\n    }\n    const data = countsRes.data!;\n    onSuccess?.(data.counts);\n\n    setCounts((oldCounts) => {\n      const newCounts: Count[] = [];\n      const countsReceived = data.counts;\n\n      for (let i = 0; i < existingCounts.length; i++) {\n        const existingFilter = existingCounts[i].filter;\n        const countReceived = countsReceived.find((c) => isSameFilter(c.filter, existingFilter));\n        const count = countReceived || oldCounts?.[i];\n        if (count) {\n          newCounts.push(count);\n        }\n      }\n\n      return newCounts;\n    });\n  };\n\n  useWebSocketEvent({\n    event: 'notifications.notification_received',\n    enabled: realtime,\n    eventHandler: (data) => {\n      sync(data.result);\n    },\n  });\n\n  useWebSocketEvent({\n    event: 'notifications.unread_count_changed',\n    enabled: realtime,\n    eventHandler: () => {\n      sync();\n    },\n  });\n\n  useEffect(() => {\n    setError(undefined);\n    setIsLoading(true);\n    setIsFetching(false);\n    sync(undefined, filters);\n  }, [JSON.stringify(filters)]);\n\n  const refetch = async () => {\n    await sync();\n  };\n\n  return { counts, error, refetch, isLoading, isFetching };\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/hooks/useCounts.ts"],"sourcesContent":["import { NOTIFICATION_COUNT_SYNC_EVENTS, checkNotificationMatchesFilter, isSameFilter, Notification, NotificationFilter, NovuError } from '@novu/js';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useDataRef } from './internal/useDataRef';\nimport { useWebSocketEvent } from './internal/useWebsocketEvent';\nimport { useNovu, useRealtime } from './NovuProvider';\n\ntype Count = {\n  count: number;\n  filter: NotificationFilter;\n};\n\n/**\n * Props for the useCounts hook.\n *\n * @example\n * ```tsx\n * // Count unread notifications\n * const { counts } = useCounts({\n *   filters: [{ read: false }]\n * });\n *\n * // Count unseen notifications with specific tags\n * const { counts } = useCounts({\n *   filters: [{ seen: false, tags: ['important'] }]\n * });\n *\n * // Count seen but unread notifications\n * const { counts } = useCounts({\n *   filters: [{ seen: true, read: false }]\n * });\n *\n * // Opt out of the built-in realtime count updates and drive them yourself\n * const { counts, refetch } = useCounts({\n *   filters: [{ read: false }],\n *   realtime: false,\n * });\n * ```\n */\nexport type UseCountsProps = {\n  filters: NotificationFilter[];\n  /**\n   * When `false`, disables the WebSocket subscriptions that auto-resync\n   * counts on `notifications.notification_received` and\n   * `notifications.unread_count_changed`. The filter-driven fetch and\n   * `refetch()` keep working. Use alongside\n   * `useNotifications({ realtime: false })` when you drive live updates\n   * yourself.\n   *\n   * When set, this prop takes precedence over the `realtime` config on\n   * `<NovuProvider />`. When omitted, the provider value (default `true`) is used.\n   */\n  realtime?: boolean;\n  onSuccess?: (data: Count[]) => void;\n  onError?: (error: NovuError) => void;\n};\n\nexport type UseCountsResult = {\n  counts?: Count[];\n  error?: NovuError;\n  isLoading: boolean; // initial loading\n  isFetching: boolean; // the request is in flight\n  refetch: () => Promise<void>;\n};\n\nexport const useCounts = (props: UseCountsProps): UseCountsResult => {\n  const { filters, realtime: propsRealtime, onSuccess, onError } = props;\n  const novu = useNovu();\n  const { notifications } = novu;\n  const providerRealtime = useRealtime();\n  const realtime = propsRealtime ?? providerRealtime;\n  const filtersRef = useDataRef<NotificationFilter[]>(filters);\n  const onSuccessRef = useDataRef(onSuccess);\n  const onErrorRef = useDataRef(onError);\n  const syncGenerationRef = useRef(0);\n  const [error, setError] = useState<NovuError>();\n  const [counts, setCounts] = useState<Count[]>();\n  const [isLoading, setIsLoading] = useState(true);\n  const [isFetching, setIsFetching] = useState(false);\n\n  const sync = useCallback(\n    async (notification?: Notification, overrideFilters?: NotificationFilter[]) => {\n      const currentFilters = overrideFilters || filtersRef.current;\n      const existingCounts = currentFilters.map((filter) => ({ count: 0, filter }));\n      let countFiltersToFetch: NotificationFilter[] = [];\n\n      if (notification) {\n        countFiltersToFetch = currentFilters.filter((filter) =>\n          checkNotificationMatchesFilter(notification, filter)\n        );\n      } else {\n        countFiltersToFetch = currentFilters;\n      }\n\n      if (countFiltersToFetch.length === 0) {\n        return;\n      }\n\n      const generation = ++syncGenerationRef.current;\n      setIsFetching(true);\n\n      const countsRes = await notifications.count({ filters: countFiltersToFetch });\n\n      if (generation !== syncGenerationRef.current) {\n        return;\n      }\n\n      setIsFetching(false);\n      setIsLoading(false);\n\n      if (countsRes.error) {\n        setError(countsRes.error);\n        onErrorRef.current?.(countsRes.error);\n\n        return;\n      }\n\n      const data = countsRes.data!;\n      onSuccessRef.current?.(data.counts);\n\n      setCounts((oldCounts) => {\n        const newCounts: Count[] = [];\n        const countsReceived = data.counts;\n\n        for (let i = 0; i < existingCounts.length; i++) {\n          const existingFilter = existingCounts[i].filter;\n          const countReceived = countsReceived.find((c) => isSameFilter(c.filter, existingFilter));\n          const count = countReceived || oldCounts?.[i];\n          if (count) {\n            newCounts.push(count);\n          }\n        }\n\n        return newCounts;\n      });\n    },\n    [notifications, filtersRef, onErrorRef, onSuccessRef]\n  );\n\n  useWebSocketEvent({\n    event: 'notifications.notification_received',\n    enabled: realtime,\n    eventHandler: (data) => {\n      sync(data.result);\n    },\n  });\n\n  useWebSocketEvent({\n    event: 'notifications.unread_count_changed',\n    enabled: realtime,\n    eventHandler: () => {\n      sync();\n    },\n  });\n\n  useEffect(() => {\n    const cleanups = NOTIFICATION_COUNT_SYNC_EVENTS.map((event) =>\n      novu.on(event, (payload) => {\n        if ('error' in payload && payload.error) {\n          return;\n        }\n\n        sync();\n      })\n    );\n\n    return () => cleanups.forEach((cleanup) => cleanup());\n  }, [novu, sync]);\n\n  useEffect(() => {\n    setError(undefined);\n    setIsLoading(true);\n    setIsFetching(false);\n    sync(undefined, filters);\n  }, [JSON.stringify(filters), sync]);\n\n  const refetch = useCallback(async () => {\n    await sync();\n  }, [sync]);\n\n  return { counts, error, refetch, isLoading, isFetching };\n};\n"],"mappings":"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","names":[]}

package/dist/cjs/hooks/usePreferences.cjs

@@ -55,7 +55,8 @@ var usePreferences = (props) => {
     if (response.error) {
       setError(response.error);
       onError == null ? void 0 : onError(response.error);
-    } else {
+    } else if (response.data) {
+      setData(response.data);
       onSuccess == null ? void 0 : onSuccess(response.data);
     }
     setIsLoading(false);

package/dist/cjs/hooks/usePreferences.cjs.map

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

package/dist/cjs/hooks/useSchedule.cjs

@@ -55,7 +55,8 @@ var useSchedule = (props) => {
     if (response.error) {
       setError(response.error);
       onError == null ? void 0 : onError(response.error);
-    } else {
+    } else if (response.data) {
+      setData(response.data);
       onSuccess == null ? void 0 : onSuccess(response.data);
     }
     setIsLoading(false);

package/dist/cjs/hooks/useSchedule.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useSchedule.ts"],"sourcesContent":["import { NovuError, Schedule } from '@novu/js';\nimport { useEffect, useState } from 'react';\nimport { useNovu } from './NovuProvider';\n\nexport type UseScheduleProps = {\n  onSuccess?: (data: Schedule) => void;\n  onError?: (error: NovuError) => void;\n};\n\nexport type UseScheduleResult = {\n  schedule?: Schedule;\n  error?: NovuError;\n  isLoading: boolean; // initial loading\n  isFetching: boolean; // the request is in flight\n  refetch: () => Promise<void>;\n};\n\nexport const useSchedule = (props?: UseScheduleProps): UseScheduleResult => {\n  const { onSuccess, onError } = props || {};\n  const [data, setData] = useState<Schedule>();\n  const { preferences, on } = useNovu();\n  const [error, setError] = useState<NovuError>();\n  const [isLoading, setIsLoading] = useState(true);\n  const [isFetching, setIsFetching] = useState(false);\n\n  const sync = (event: { data?: Schedule }) => {\n    if (!event.data) {\n      return;\n    }\n    setData(event.data);\n  };\n\n  useEffect(() => {\n    fetchSchedule();\n\n    const listUpdatedCleanup = on('preference.schedule.get.updated', sync);\n    const listPendingCleanup = on('preference.schedule.get.pending', sync);\n    const listResolvedCleanup = on('preference.schedule.get.resolved', sync);\n\n    return () => {\n      listUpdatedCleanup();\n      listPendingCleanup();\n      listResolvedCleanup();\n    };\n  }, []);\n\n  const fetchSchedule = async () => {\n    setIsFetching(true);\n    const response = await preferences.schedule.get();\n    if (response.error) {\n      setError(response.error);\n      onError?.(response.error);\n    } else {\n      onSuccess?.(response.data!);\n    }\n    setIsLoading(false);\n    setIsFetching(false);\n  };\n\n  const refetch = () => {\n    preferences.schedule.cache.clearAll();\n\n    return fetchSchedule();\n  };\n\n  return {\n    schedule: data,\n    error,\n    isLoading,\n    isFetching,\n    refetch,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAoC;AACpC,0BAAwB;AAejB,IAAM,cAAc,CAAC,UAAgD;AAC1E,QAAM,EAAE,WAAW,QAAQ,IAAI,SAAS,CAAC;AACzC,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAmB;AAC3C,QAAM,EAAE,aAAa,GAAG,QAAI,6BAAQ;AACpC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAoB;AAC9C,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,IAAI;AAC/C,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAElD,QAAM,OAAO,CAAC,UAA+B;AAC3C,QAAI,CAAC,MAAM,MAAM;AACf;AAAA,IACF;AACA,YAAQ,MAAM,IAAI;AAAA,EACpB;AAEA,8BAAU,MAAM;AACd,kBAAc;AAEd,UAAM,qBAAqB,GAAG,mCAAmC,IAAI;AACrE,UAAM,qBAAqB,GAAG,mCAAmC,IAAI;AACrE,UAAM,sBAAsB,GAAG,oCAAoC,IAAI;AAEvE,WAAO,MAAM;AACX,yBAAmB;AACnB,yBAAmB;AACnB,0BAAoB;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAgB,YAAY;AAChC,kBAAc,IAAI;AAClB,UAAM,WAAW,MAAM,YAAY,SAAS,IAAI;AAChD,QAAI,SAAS,OAAO;AAClB,eAAS,SAAS,KAAK;AACvB,yCAAU,SAAS;AAAA,IACrB,OAAO;AACL,6CAAY,SAAS;AAAA,IACvB;AACA,iBAAa,KAAK;AAClB,kBAAc,KAAK;AAAA,EACrB;AAEA,QAAM,UAAU,MAAM;AACpB,gBAAY,SAAS,MAAM,SAAS;AAEpC,WAAO,cAAc;AAAA,EACvB;AAEA,SAAO;AAAA,IACL,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/hooks/useSchedule.ts"],"sourcesContent":["import { NovuError, Schedule } from '@novu/js';\nimport { useEffect, useState } from 'react';\nimport { useNovu } from './NovuProvider';\n\nexport type UseScheduleProps = {\n  onSuccess?: (data: Schedule) => void;\n  onError?: (error: NovuError) => void;\n};\n\nexport type UseScheduleResult = {\n  schedule?: Schedule;\n  error?: NovuError;\n  isLoading: boolean; // initial loading\n  isFetching: boolean; // the request is in flight\n  refetch: () => Promise<void>;\n};\n\nexport const useSchedule = (props?: UseScheduleProps): UseScheduleResult => {\n  const { onSuccess, onError } = props || {};\n  const [data, setData] = useState<Schedule>();\n  const { preferences, on } = useNovu();\n  const [error, setError] = useState<NovuError>();\n  const [isLoading, setIsLoading] = useState(true);\n  const [isFetching, setIsFetching] = useState(false);\n\n  const sync = (event: { data?: Schedule }) => {\n    if (!event.data) {\n      return;\n    }\n    setData(event.data);\n  };\n\n  useEffect(() => {\n    fetchSchedule();\n\n    const listUpdatedCleanup = on('preference.schedule.get.updated', sync);\n    const listPendingCleanup = on('preference.schedule.get.pending', sync);\n    const listResolvedCleanup = on('preference.schedule.get.resolved', sync);\n\n    return () => {\n      listUpdatedCleanup();\n      listPendingCleanup();\n      listResolvedCleanup();\n    };\n  }, []);\n\n  const fetchSchedule = async () => {\n    setIsFetching(true);\n    const response = await preferences.schedule.get();\n    if (response.error) {\n      setError(response.error);\n      onError?.(response.error);\n    } else if (response.data) {\n      setData(response.data);\n      onSuccess?.(response.data);\n    }\n    setIsLoading(false);\n    setIsFetching(false);\n  };\n\n  const refetch = () => {\n    preferences.schedule.cache.clearAll();\n\n    return fetchSchedule();\n  };\n\n  return {\n    schedule: data,\n    error,\n    isLoading,\n    isFetching,\n    refetch,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAoC;AACpC,0BAAwB;AAejB,IAAM,cAAc,CAAC,UAAgD;AAC1E,QAAM,EAAE,WAAW,QAAQ,IAAI,SAAS,CAAC;AACzC,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAmB;AAC3C,QAAM,EAAE,aAAa,GAAG,QAAI,6BAAQ;AACpC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAoB;AAC9C,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,IAAI;AAC/C,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAElD,QAAM,OAAO,CAAC,UAA+B;AAC3C,QAAI,CAAC,MAAM,MAAM;AACf;AAAA,IACF;AACA,YAAQ,MAAM,IAAI;AAAA,EACpB;AAEA,8BAAU,MAAM;AACd,kBAAc;AAEd,UAAM,qBAAqB,GAAG,mCAAmC,IAAI;AACrE,UAAM,qBAAqB,GAAG,mCAAmC,IAAI;AACrE,UAAM,sBAAsB,GAAG,oCAAoC,IAAI;AAEvE,WAAO,MAAM;AACX,yBAAmB;AACnB,yBAAmB;AACnB,0BAAoB;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAgB,YAAY;AAChC,kBAAc,IAAI;AAClB,UAAM,WAAW,MAAM,YAAY,SAAS,IAAI;AAChD,QAAI,SAAS,OAAO;AAClB,eAAS,SAAS,KAAK;AACvB,yCAAU,SAAS;AAAA,IACrB,WAAW,SAAS,MAAM;AACxB,cAAQ,SAAS,IAAI;AACrB,6CAAY,SAAS;AAAA,IACvB;AACA,iBAAa,KAAK;AAClB,kBAAc,KAAK;AAAA,EACrB;AAEA,QAAM,UAAU,MAAM;AACpB,gBAAY,SAAS,MAAM,SAAS;AAEpC,WAAO,cAAc;AAAA,EACvB;AAEA,SAAO;AAAA,IACL,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/hooks/useTelegramSubscriberLink.cjs

@@ -0,0 +1,82 @@
+"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/useTelegramSubscriberLink.ts
+var useTelegramSubscriberLink_exports = {};
+__export(useTelegramSubscriberLink_exports, {
+  useTelegramSubscriberLink: () => useTelegramSubscriberLink
+});
+module.exports = __toCommonJS(useTelegramSubscriberLink_exports);
+var import_js = require("@novu/js");
+var import_react = require("react");
+function useTelegramSubscriberLink(props) {
+  const [state, setState] = (0, import_react.useState)({
+    status: "loading",
+    deepLinkUrl: null,
+    botUsername: null,
+    expiresAt: null,
+    error: null
+  });
+  const instanceRef = (0, import_react.useRef)(null);
+  const { apiUrl, secretKey, integrationIdentifier, subscriberId, pollIntervalMs, fetchFn } = props;
+  const fetchFnRef = (0, import_react.useRef)(fetchFn);
+  fetchFnRef.current = fetchFn;
+  const stableFetchFn = (0, import_react.useCallback)((input, init) => {
+    const fn = fetchFnRef.current ?? fetch;
+    return fn(input, init);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    const link = new import_js.TelegramSubscriberLink({
+      apiUrl,
+      secretKey,
+      integrationIdentifier,
+      subscriberId,
+      pollIntervalMs,
+      fetchFn: stableFetchFn
+    });
+    instanceRef.current = link;
+    setState({ ...link.state });
+    const unsubscribe = link.onStateChange((next) => {
+      setState({ ...next });
+    });
+    void link.start();
+    return () => {
+      unsubscribe();
+      link.stop();
+      instanceRef.current = null;
+    };
+  }, [apiUrl, secretKey, integrationIdentifier, subscriberId, pollIntervalMs, stableFetchFn]);
+  const refresh = (0, import_react.useCallback)(async () => {
+    if (instanceRef.current) {
+      await instanceRef.current.refresh();
+    }
+  }, []);
+  return {
+    deepLinkUrl: state.deepLinkUrl,
+    botUsername: state.botUsername,
+    status: state.status,
+    error: state.error,
+    refresh
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useTelegramSubscriberLink
+});
+//# sourceMappingURL=useTelegramSubscriberLink.cjs.map

package/dist/cjs/hooks/useTelegramSubscriberLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useTelegramSubscriberLink.ts"],"sourcesContent":["import type {\n  TelegramSubscriberLinkOptions,\n  TelegramSubscriberLinkState,\n  TelegramSubscriberLinkStatus,\n} from '@novu/js';\nimport { TelegramSubscriberLink } from '@novu/js';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nexport type UseTelegramSubscriberLinkProps = TelegramSubscriberLinkOptions;\n\nexport type UseTelegramSubscriberLinkResult = {\n  /** Current deep-link URL (`t.me/<bot>?start=<code>`), or `null` before the first issue. */\n  deepLinkUrl: string | null;\n  /** Telegram bot username (no `@`), or `null` before the first issue. */\n  botUsername: string | null;\n  /** Lifecycle status: `loading` while resolving initial state, `pending` while waiting for Start, `connected` once linked, `expired` briefly before auto-reissue. */\n  status: TelegramSubscriberLinkStatus;\n  /** Last error, if any. */\n  error: Error | null;\n  /** Re-issue a fresh deep link and restart polling. */\n  refresh: () => Promise<void>;\n};\n\n/**\n * React hook wrapping {@link TelegramSubscriberLink} from `@novu/js`.\n *\n * Issues a Telegram subscriber-link deep link, polls for connection, and\n * re-issues automatically on code expiry. Returns reactive state that\n * updates as the lifecycle progresses.\n *\n * **Important:** The underlying API endpoint requires `INTEGRATION_WRITE` permission.\n * Either pass `secretKey` for direct server-side usage, or provide a custom\n * `fetchFn` / `apiUrl` that routes through your backend proxy.\n *\n * @example\n * ```tsx\n * import { useTelegramSubscriberLink } from '@novu/react';\n *\n * function TelegramConnect() {\n *   const { deepLinkUrl, botUsername, status, refresh } = useTelegramSubscriberLink({\n *     apiUrl: '/api/novu-proxy',\n *     integrationIdentifier: '<telegram-integration-identifier>',\n *     subscriberId: 'user-42',\n *   });\n *\n *   if (status === 'connected') return <p>Connected!</p>;\n *\n *   return (\n *     <div>\n *       {deepLinkUrl && <a href={deepLinkUrl}>Open @{botUsername} in Telegram</a>}\n *       <button onClick={refresh}>Refresh link</button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useTelegramSubscriberLink(props: UseTelegramSubscriberLinkProps): UseTelegramSubscriberLinkResult {\n  const [state, setState] = useState<TelegramSubscriberLinkState>({\n    status: 'loading',\n    deepLinkUrl: null,\n    botUsername: null,\n    expiresAt: null,\n    error: null,\n  });\n\n  const instanceRef = useRef<TelegramSubscriberLink | null>(null);\n\n  const { apiUrl, secretKey, integrationIdentifier, subscriberId, pollIntervalMs, fetchFn } = props;\n\n  // Keep the latest `fetchFn` in a ref so a new inline-function identity on every\n  // render does not re-trigger the effect (which would tear down and re-issue the\n  // link on a loop). The stable wrapper below reads from this ref.\n  const fetchFnRef = useRef(fetchFn);\n  fetchFnRef.current = fetchFn;\n\n  const stableFetchFn = useCallback<typeof fetch>((input, init) => {\n    const fn = fetchFnRef.current ?? fetch;\n\n    return fn(input, init);\n  }, []);\n\n  useEffect(() => {\n    const link = new TelegramSubscriberLink({\n      apiUrl,\n      secretKey,\n      integrationIdentifier,\n      subscriberId,\n      pollIntervalMs,\n      fetchFn: stableFetchFn,\n    });\n\n    instanceRef.current = link;\n    setState({ ...link.state });\n\n    const unsubscribe = link.onStateChange((next) => {\n      setState({ ...next });\n    });\n\n    void link.start();\n\n    return () => {\n      unsubscribe();\n      link.stop();\n      instanceRef.current = null;\n    };\n  }, [apiUrl, secretKey, integrationIdentifier, subscriberId, pollIntervalMs, stableFetchFn]);\n\n  const refresh = useCallback(async () => {\n    if (instanceRef.current) {\n      await instanceRef.current.refresh();\n    }\n  }, []);\n\n  return {\n    deepLinkUrl: state.deepLinkUrl,\n    botUsername: state.botUsername,\n    status: state.status,\n    error: state.error,\n    refresh,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,gBAAuC;AACvC,mBAAyD;AAkDlD,SAAS,0BAA0B,OAAwE;AAChH,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAsC;AAAA,IAC9D,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,aAAa;AAAA,IACb,WAAW;AAAA,IACX,OAAO;AAAA,EACT,CAAC;AAED,QAAM,kBAAc,qBAAsC,IAAI;AAE9D,QAAM,EAAE,QAAQ,WAAW,uBAAuB,cAAc,gBAAgB,QAAQ,IAAI;AAK5F,QAAM,iBAAa,qBAAO,OAAO;AACjC,aAAW,UAAU;AAErB,QAAM,oBAAgB,0BAA0B,CAAC,OAAO,SAAS;AAC/D,UAAM,KAAK,WAAW,WAAW;AAEjC,WAAO,GAAG,OAAO,IAAI;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,UAAM,OAAO,IAAI,iCAAuB;AAAA,MACtC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,IACX,CAAC;AAED,gBAAY,UAAU;AACtB,aAAS,EAAE,GAAG,KAAK,MAAM,CAAC;AAE1B,UAAM,cAAc,KAAK,cAAc,CAAC,SAAS;AAC/C,eAAS,EAAE,GAAG,KAAK,CAAC;AAAA,IACtB,CAAC;AAED,SAAK,KAAK,MAAM;AAEhB,WAAO,MAAM;AACX,kBAAY;AACZ,WAAK,KAAK;AACV,kBAAY,UAAU;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,QAAQ,WAAW,uBAAuB,cAAc,gBAAgB,aAAa,CAAC;AAE1F,QAAM,cAAU,0BAAY,YAAY;AACtC,QAAI,YAAY,SAAS;AACvB,YAAM,YAAY,QAAQ,QAAQ;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL,aAAa,MAAM;AAAA,IACnB,aAAa,MAAM;AAAA,IACnB,QAAQ,MAAM;AAAA,IACd,OAAO,MAAM;AAAA,IACb;AAAA,EACF;AACF;","names":[]}