@novu/react 3.15.0 → 3.17.0-rc.d0046861c6

package/dist/esm/components/msteams-connect-button/DefaultMsTeamsConnectButton.js

@@ -0,0 +1,67 @@
+// src/components/msteams-connect-button/DefaultMsTeamsConnectButton.tsx
+import { useCallback } from "react";
+import { useNovuUI } from "../../context/NovuUIContext.js";
+import { Mounter } from "../Mounter.js";
+import { jsx } from "react/jsx-runtime";
+var DefaultMsTeamsConnectButton = (props) => {
+  const {
+    integrationIdentifier,
+    connectionIdentifier,
+    subscriberId,
+    context,
+    scope,
+    connectionMode,
+    autoLinkUser,
+    onConnectSuccess,
+    onConnectError,
+    onDisconnectSuccess,
+    onDisconnectError,
+    connectLabel,
+    connectedLabel
+  } = props;
+  const { novuUI } = useNovuUI();
+  const mount = useCallback(
+    (element) => {
+      return novuUI.mountComponent({
+        name: "MsTeamsConnectButton",
+        props: {
+          integrationIdentifier,
+          connectionIdentifier,
+          subscriberId,
+          context,
+          scope,
+          connectionMode,
+          autoLinkUser,
+          onConnectSuccess,
+          onConnectError,
+          onDisconnectSuccess,
+          onDisconnectError,
+          connectLabel,
+          connectedLabel
+        },
+        element
+      });
+    },
+    [
+      novuUI,
+      integrationIdentifier,
+      connectionIdentifier,
+      subscriberId,
+      context,
+      scope,
+      connectionMode,
+      autoLinkUser,
+      onConnectSuccess,
+      onConnectError,
+      onDisconnectSuccess,
+      onDisconnectError,
+      connectLabel,
+      connectedLabel
+    ]
+  );
+  return /* @__PURE__ */ jsx(Mounter, { mount });
+};
+export {
+  DefaultMsTeamsConnectButton
+};
+//# sourceMappingURL=DefaultMsTeamsConnectButton.js.map

package/dist/esm/components/msteams-connect-button/DefaultMsTeamsConnectButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/msteams-connect-button/DefaultMsTeamsConnectButton.tsx"],"sourcesContent":["import { MsTeamsConnectButtonProps } from '@novu/js/ui';\nimport { useCallback } from 'react';\nimport { useNovuUI } from '../../context/NovuUIContext';\nimport { Mounter } from '../Mounter';\n\nexport type DefaultMsTeamsConnectButtonProps = Pick<\n  MsTeamsConnectButtonProps,\n  | 'integrationIdentifier'\n  | 'connectionIdentifier'\n  | 'subscriberId'\n  | 'context'\n  | 'scope'\n  | 'connectionMode'\n  | 'autoLinkUser'\n  | 'onConnectSuccess'\n  | 'onConnectError'\n  | 'onDisconnectSuccess'\n  | 'onDisconnectError'\n  | 'connectLabel'\n  | 'connectedLabel'\n>;\n\nexport const DefaultMsTeamsConnectButton = (props: DefaultMsTeamsConnectButtonProps) => {\n  const {\n    integrationIdentifier,\n    connectionIdentifier,\n    subscriberId,\n    context,\n    scope,\n    connectionMode,\n    autoLinkUser,\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: 'MsTeamsConnectButton',\n        props: {\n          integrationIdentifier,\n          connectionIdentifier,\n          subscriberId,\n          context,\n          scope,\n          connectionMode,\n          autoLinkUser,\n          onConnectSuccess,\n          onConnectError,\n          onDisconnectSuccess,\n          onDisconnectError,\n          connectLabel,\n          connectedLabel,\n        },\n        element,\n      });\n    },\n    [\n      novuUI,\n      integrationIdentifier,\n      connectionIdentifier,\n      subscriberId,\n      context,\n      scope,\n      connectionMode,\n      autoLinkUser,\n      onConnectSuccess,\n      onConnectError,\n      onDisconnectSuccess,\n      onDisconnectError,\n      connectLabel,\n      connectedLabel,\n    ]\n  );\n\n  return <Mounter mount={mount} />;\n};\n"],"mappings":";AACA,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AA6Ef;AA1DF,IAAM,8BAA8B,CAAC,UAA4C;AACtF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,OAAO,IAAI,UAAU;AAE7B,QAAM,QAAQ;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,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,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,oBAAC,WAAQ,OAAc;AAChC;","names":[]}

package/dist/esm/components/msteams-connect-button/MsTeamsConnectButton.d.ts

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

package/dist/esm/components/msteams-connect-button/MsTeamsConnectButton.js

@@ -0,0 +1,28 @@
+// src/components/msteams-connect-button/MsTeamsConnectButton.tsx
+import React, { useMemo } from "react";
+import { useNovu } from "../../hooks/NovuProvider.js";
+import { NovuUI } from "../NovuUI.js";
+import { withRenderer } from "../Renderer.js";
+import { DefaultMsTeamsConnectButton } from "./DefaultMsTeamsConnectButton.js";
+import { jsx } from "react/jsx-runtime";
+var MsTeamsConnectButtonInternal = withRenderer((props) => {
+  const { container, appearance, ...defaultProps } = props;
+  const novu = useNovu();
+  const options = useMemo(() => {
+    return {
+      container,
+      appearance,
+      options: novu.options
+    };
+  }, [container, appearance, novu.options]);
+  return /* @__PURE__ */ jsx(NovuUI, { options, novu, children: /* @__PURE__ */ jsx(DefaultMsTeamsConnectButton, { ...defaultProps }) });
+});
+MsTeamsConnectButtonInternal.displayName = "MsTeamsConnectButtonInternal";
+var MsTeamsConnectButton = React.memo((props) => {
+  return /* @__PURE__ */ jsx(MsTeamsConnectButtonInternal, { ...props });
+});
+MsTeamsConnectButton.displayName = "MsTeamsConnectButton";
+export {
+  MsTeamsConnectButton
+};
+//# sourceMappingURL=MsTeamsConnectButton.js.map

package/dist/esm/components/msteams-connect-button/MsTeamsConnectButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/msteams-connect-button/MsTeamsConnectButton.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useNovu } from '../../hooks/NovuProvider';\nimport { NovuUI, NovuUIOptions } from '../NovuUI';\nimport { withRenderer } from '../Renderer';\nimport { DefaultMsTeamsConnectButton, DefaultMsTeamsConnectButtonProps } from './DefaultMsTeamsConnectButton';\n\nexport type MsTeamsConnectButtonProps = DefaultMsTeamsConnectButtonProps &\n  Pick<NovuUIOptions, 'container' | 'appearance'>;\n\nconst MsTeamsConnectButtonInternal = withRenderer<MsTeamsConnectButtonProps>((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      <DefaultMsTeamsConnectButton {...defaultProps} />\n    </NovuUI>\n  );\n});\n\nMsTeamsConnectButtonInternal.displayName = 'MsTeamsConnectButtonInternal';\n\nexport const MsTeamsConnectButton = React.memo((props: MsTeamsConnectButtonProps) => {\n  return <MsTeamsConnectButtonInternal {...props} />;\n});\n\nMsTeamsConnectButton.displayName = 'MsTeamsConnectButton';\n"],"mappings":";AAAA,OAAO,SAAS,eAAe;AAC/B,SAAS,eAAe;AACxB,SAAS,cAA6B;AACtC,SAAS,oBAAoB;AAC7B,SAAS,mCAAqE;AAmBxE;AAdN,IAAM,+BAA+B,aAAwC,CAAC,UAAU;AACtF,QAAM,EAAE,WAAW,YAAY,GAAG,aAAa,IAAI;AACnD,QAAM,OAAO,QAAQ;AAErB,QAAM,UAAyB,QAAQ,MAAM;AAC3C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,KAAK;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,WAAW,YAAY,KAAK,OAAO,CAAC;AAExC,SACE,oBAAC,UAAO,SAAkB,MACxB,8BAAC,+BAA6B,GAAG,cAAc,GACjD;AAEJ,CAAC;AAED,6BAA6B,cAAc;AAEpC,IAAM,uBAAuB,MAAM,KAAK,CAAC,UAAqC;AACnF,SAAO,oBAAC,gCAA8B,GAAG,OAAO;AAClD,CAAC;AAED,qBAAqB,cAAc;","names":[]}

package/dist/esm/components/msteams-link-user/DefaultMsTeamsLinkUser.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MsTeamsLinkUserProps } from '@novu/js/ui';
+
+type DefaultMsTeamsLinkUserProps = Pick<MsTeamsLinkUserProps, 'integrationIdentifier' | 'connectionIdentifier' | 'context' | 'onLinkSuccess' | 'onLinkError' | 'onUnlinkSuccess' | 'onUnlinkError' | 'linkLabel' | 'unlinkLabel'>;
+declare const DefaultMsTeamsLinkUser: (props: DefaultMsTeamsLinkUserProps) => react_jsx_runtime.JSX.Element;
+
+export { DefaultMsTeamsLinkUser, type DefaultMsTeamsLinkUserProps };

package/dist/esm/components/msteams-link-user/DefaultMsTeamsLinkUser.js

@@ -0,0 +1,55 @@
+// src/components/msteams-link-user/DefaultMsTeamsLinkUser.tsx
+import { useCallback } from "react";
+import { useNovuUI } from "../../context/NovuUIContext.js";
+import { Mounter } from "../Mounter.js";
+import { jsx } from "react/jsx-runtime";
+var DefaultMsTeamsLinkUser = (props) => {
+  const {
+    integrationIdentifier,
+    connectionIdentifier,
+    context,
+    onLinkSuccess,
+    onLinkError,
+    onUnlinkSuccess,
+    onUnlinkError,
+    linkLabel,
+    unlinkLabel
+  } = props;
+  const { novuUI } = useNovuUI();
+  const mount = useCallback(
+    (element) => {
+      return novuUI.mountComponent({
+        name: "MsTeamsLinkUser",
+        props: {
+          integrationIdentifier,
+          connectionIdentifier,
+          context,
+          onLinkSuccess,
+          onLinkError,
+          onUnlinkSuccess,
+          onUnlinkError,
+          linkLabel,
+          unlinkLabel
+        },
+        element
+      });
+    },
+    [
+      novuUI,
+      integrationIdentifier,
+      connectionIdentifier,
+      context,
+      onLinkSuccess,
+      onLinkError,
+      onUnlinkSuccess,
+      onUnlinkError,
+      linkLabel,
+      unlinkLabel
+    ]
+  );
+  return /* @__PURE__ */ jsx(Mounter, { mount });
+};
+export {
+  DefaultMsTeamsLinkUser
+};
+//# sourceMappingURL=DefaultMsTeamsLinkUser.js.map

package/dist/esm/components/msteams-link-user/DefaultMsTeamsLinkUser.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/msteams-link-user/DefaultMsTeamsLinkUser.tsx"],"sourcesContent":["import { MsTeamsLinkUserProps } from '@novu/js/ui';\nimport { useCallback } from 'react';\nimport { useNovuUI } from '../../context/NovuUIContext';\nimport { Mounter } from '../Mounter';\n\nexport type DefaultMsTeamsLinkUserProps = Pick<\n  MsTeamsLinkUserProps,\n  | 'integrationIdentifier'\n  | 'connectionIdentifier'\n  | 'context'\n  | 'onLinkSuccess'\n  | 'onLinkError'\n  | 'onUnlinkSuccess'\n  | 'onUnlinkError'\n  | 'linkLabel'\n  | 'unlinkLabel'\n>;\n\nexport const DefaultMsTeamsLinkUser = (props: DefaultMsTeamsLinkUserProps) => {\n  const {\n    integrationIdentifier,\n    connectionIdentifier,\n    context,\n    onLinkSuccess,\n    onLinkError,\n    onUnlinkSuccess,\n    onUnlinkError,\n    linkLabel,\n    unlinkLabel,\n  } = props;\n  const { novuUI } = useNovuUI();\n\n  const mount = useCallback(\n    (element: HTMLElement) => {\n      return novuUI.mountComponent({\n        name: 'MsTeamsLinkUser',\n        props: {\n          integrationIdentifier,\n          connectionIdentifier,\n          context,\n          onLinkSuccess,\n          onLinkError,\n          onUnlinkSuccess,\n          onUnlinkError,\n          linkLabel,\n          unlinkLabel,\n        },\n        element,\n      });\n    },\n    [\n      novuUI,\n      integrationIdentifier,\n      connectionIdentifier,\n      context,\n      onLinkSuccess,\n      onLinkError,\n      onUnlinkSuccess,\n      onUnlinkError,\n      linkLabel,\n      unlinkLabel,\n    ]\n  );\n\n  return <Mounter mount={mount} />;\n};\n"],"mappings":";AACA,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AA6Df;AA9CF,IAAM,yBAAyB,CAAC,UAAuC;AAC5E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,OAAO,IAAI,UAAU;AAE7B,QAAM,QAAQ;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,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,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,oBAAC,WAAQ,OAAc;AAChC;","names":[]}

package/dist/esm/components/msteams-link-user/MsTeamsLinkUser.d.ts

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

package/dist/esm/components/msteams-link-user/MsTeamsLinkUser.js

@@ -0,0 +1,28 @@
+// src/components/msteams-link-user/MsTeamsLinkUser.tsx
+import React, { useMemo } from "react";
+import { useNovu } from "../../hooks/NovuProvider.js";
+import { NovuUI } from "../NovuUI.js";
+import { withRenderer } from "../Renderer.js";
+import { DefaultMsTeamsLinkUser } from "./DefaultMsTeamsLinkUser.js";
+import { jsx } from "react/jsx-runtime";
+var MsTeamsLinkUserInternal = withRenderer((props) => {
+  const { container, appearance, ...defaultProps } = props;
+  const novu = useNovu();
+  const options = useMemo(() => {
+    return {
+      container,
+      appearance,
+      options: novu.options
+    };
+  }, [container, appearance, novu.options]);
+  return /* @__PURE__ */ jsx(NovuUI, { options, novu, children: /* @__PURE__ */ jsx(DefaultMsTeamsLinkUser, { ...defaultProps }) });
+});
+MsTeamsLinkUserInternal.displayName = "MsTeamsLinkUserInternal";
+var MsTeamsLinkUser = React.memo((props) => {
+  return /* @__PURE__ */ jsx(MsTeamsLinkUserInternal, { ...props });
+});
+MsTeamsLinkUser.displayName = "MsTeamsLinkUser";
+export {
+  MsTeamsLinkUser
+};
+//# sourceMappingURL=MsTeamsLinkUser.js.map

package/dist/esm/components/msteams-link-user/MsTeamsLinkUser.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/msteams-link-user/MsTeamsLinkUser.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useNovu } from '../../hooks/NovuProvider';\nimport { NovuUI, NovuUIOptions } from '../NovuUI';\nimport { withRenderer } from '../Renderer';\nimport { DefaultMsTeamsLinkUser, DefaultMsTeamsLinkUserProps } from './DefaultMsTeamsLinkUser';\n\nexport type MsTeamsLinkUserProps = DefaultMsTeamsLinkUserProps & Pick<NovuUIOptions, 'container' | 'appearance'>;\n\nconst MsTeamsLinkUserInternal = withRenderer<MsTeamsLinkUserProps>((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      <DefaultMsTeamsLinkUser {...defaultProps} />\n    </NovuUI>\n  );\n});\n\nMsTeamsLinkUserInternal.displayName = 'MsTeamsLinkUserInternal';\n\nexport const MsTeamsLinkUser = React.memo((props: MsTeamsLinkUserProps) => {\n  return <MsTeamsLinkUserInternal {...props} />;\n});\n\nMsTeamsLinkUser.displayName = 'MsTeamsLinkUser';\n"],"mappings":";AAAA,OAAO,SAAS,eAAe;AAC/B,SAAS,eAAe;AACxB,SAAS,cAA6B;AACtC,SAAS,oBAAoB;AAC7B,SAAS,8BAA2D;AAkB9D;AAdN,IAAM,0BAA0B,aAAmC,CAAC,UAAU;AAC5E,QAAM,EAAE,WAAW,YAAY,GAAG,aAAa,IAAI;AACnD,QAAM,OAAO,QAAQ;AAErB,QAAM,UAAyB,QAAQ,MAAM;AAC3C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,KAAK;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,WAAW,YAAY,KAAK,OAAO,CAAC;AAExC,SACE,oBAAC,UAAO,SAAkB,MACxB,8BAAC,0BAAwB,GAAG,cAAc,GAC5C;AAEJ,CAAC;AAED,wBAAwB,cAAc;AAE/B,IAAM,kBAAkB,MAAM,KAAK,CAAC,UAAgC;AACzE,SAAO,oBAAC,2BAAyB,GAAG,OAAO;AAC7C,CAAC;AAED,gBAAgB,cAAc;","names":[]}

package/dist/esm/components/slack-connect-button/DefaultSlackConnectButton.d.ts

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

package/dist/esm/components/slack-connect-button/DefaultSlackConnectButton.js

@@ -0,0 +1,67 @@
+// src/components/slack-connect-button/DefaultSlackConnectButton.tsx
+import { useCallback } from "react";
+import { useNovuUI } from "../../context/NovuUIContext.js";
+import { Mounter } from "../Mounter.js";
+import { jsx } from "react/jsx-runtime";
+var DefaultSlackConnectButton = (props) => {
+  const {
+    integrationIdentifier,
+    connectionIdentifier,
+    subscriberId,
+    context,
+    scope,
+    connectionMode,
+    autoLinkUser,
+    onConnectSuccess,
+    onConnectError,
+    onDisconnectSuccess,
+    onDisconnectError,
+    connectLabel,
+    connectedLabel
+  } = props;
+  const { novuUI } = useNovuUI();
+  const mount = useCallback(
+    (element) => {
+      return novuUI.mountComponent({
+        name: "SlackConnectButton",
+        props: {
+          integrationIdentifier,
+          connectionIdentifier,
+          subscriberId,
+          context,
+          scope,
+          connectionMode,
+          autoLinkUser,
+          onConnectSuccess,
+          onConnectError,
+          onDisconnectSuccess,
+          onDisconnectError,
+          connectLabel,
+          connectedLabel
+        },
+        element
+      });
+    },
+    [
+      novuUI,
+      integrationIdentifier,
+      connectionIdentifier,
+      subscriberId,
+      context,
+      scope,
+      connectionMode,
+      autoLinkUser,
+      onConnectSuccess,
+      onConnectError,
+      onDisconnectSuccess,
+      onDisconnectError,
+      connectLabel,
+      connectedLabel
+    ]
+  );
+  return /* @__PURE__ */ jsx(Mounter, { mount });
+};
+export {
+  DefaultSlackConnectButton
+};
+//# sourceMappingURL=DefaultSlackConnectButton.js.map

package/dist/esm/components/slack-connect-button/DefaultSlackConnectButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/slack-connect-button/DefaultSlackConnectButton.tsx"],"sourcesContent":["import { SlackConnectButtonProps } from '@novu/js/ui';\nimport { useCallback } from 'react';\nimport { useNovuUI } from '../../context/NovuUIContext';\nimport { Mounter } from '../Mounter';\n\nexport type DefaultSlackConnectButtonProps = Pick<\n  SlackConnectButtonProps,\n  | 'integrationIdentifier'\n  | 'connectionIdentifier'\n  | 'subscriberId'\n  | 'context'\n  | 'scope'\n  | 'connectionMode'\n  | 'autoLinkUser'\n  | 'onConnectSuccess'\n  | 'onConnectError'\n  | 'onDisconnectSuccess'\n  | 'onDisconnectError'\n  | 'connectLabel'\n  | 'connectedLabel'\n>;\n\nexport const DefaultSlackConnectButton = (props: DefaultSlackConnectButtonProps) => {\n  const {\n    integrationIdentifier,\n    connectionIdentifier,\n    subscriberId,\n    context,\n    scope,\n    connectionMode,\n    autoLinkUser,\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: 'SlackConnectButton',\n        props: {\n          integrationIdentifier,\n          connectionIdentifier,\n          subscriberId,\n          context,\n          scope,\n          connectionMode,\n          autoLinkUser,\n          onConnectSuccess,\n          onConnectError,\n          onDisconnectSuccess,\n          onDisconnectError,\n          connectLabel,\n          connectedLabel,\n        },\n        element,\n      });\n    },\n    [\n      novuUI,\n      integrationIdentifier,\n      connectionIdentifier,\n      subscriberId,\n      context,\n      scope,\n      connectionMode,\n      autoLinkUser,\n      onConnectSuccess,\n      onConnectError,\n      onDisconnectSuccess,\n      onDisconnectError,\n      connectLabel,\n      connectedLabel,\n    ]\n  );\n\n  return <Mounter mount={mount} />;\n};\n"],"mappings":";AACA,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AA6Ef;AA1DF,IAAM,4BAA4B,CAAC,UAA0C;AAClF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,OAAO,IAAI,UAAU;AAE7B,QAAM,QAAQ;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,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,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,oBAAC,WAAQ,OAAc;AAChC;","names":[]}

package/dist/esm/components/slack-connect-button/SlackConnectButton.d.ts

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

package/dist/esm/components/slack-connect-button/SlackConnectButton.js

@@ -0,0 +1,28 @@
+// src/components/slack-connect-button/SlackConnectButton.tsx
+import React, { useMemo } from "react";
+import { useNovu } from "../../hooks/NovuProvider.js";
+import { NovuUI } from "../NovuUI.js";
+import { withRenderer } from "../Renderer.js";
+import { DefaultSlackConnectButton } from "./DefaultSlackConnectButton.js";
+import { jsx } from "react/jsx-runtime";
+var SlackConnectButtonInternal = withRenderer((props) => {
+  const { container, appearance, ...defaultProps } = props;
+  const novu = useNovu();
+  const options = useMemo(() => {
+    return {
+      container,
+      appearance,
+      options: novu.options
+    };
+  }, [container, appearance, novu.options]);
+  return /* @__PURE__ */ jsx(NovuUI, { options, novu, children: /* @__PURE__ */ jsx(DefaultSlackConnectButton, { ...defaultProps }) });
+});
+SlackConnectButtonInternal.displayName = "SlackConnectButtonInternal";
+var SlackConnectButton = React.memo((props) => {
+  return /* @__PURE__ */ jsx(SlackConnectButtonInternal, { ...props });
+});
+SlackConnectButton.displayName = "SlackConnectButton";
+export {
+  SlackConnectButton
+};
+//# sourceMappingURL=SlackConnectButton.js.map

package/dist/esm/components/slack-connect-button/SlackConnectButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/slack-connect-button/SlackConnectButton.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useNovu } from '../../hooks/NovuProvider';\nimport { NovuUI, NovuUIOptions } from '../NovuUI';\nimport { withRenderer } from '../Renderer';\nimport { DefaultSlackConnectButton, DefaultSlackConnectButtonProps } from './DefaultSlackConnectButton';\n\nexport type SlackConnectButtonProps = DefaultSlackConnectButtonProps & Pick<NovuUIOptions, 'container' | 'appearance'>;\n\nconst SlackConnectButtonInternal = withRenderer<SlackConnectButtonProps>((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      <DefaultSlackConnectButton {...defaultProps} />\n    </NovuUI>\n  );\n});\n\nSlackConnectButtonInternal.displayName = 'SlackConnectButtonInternal';\n\nexport const SlackConnectButton = React.memo((props: SlackConnectButtonProps) => {\n  return <SlackConnectButtonInternal {...props} />;\n});\n\nSlackConnectButton.displayName = 'SlackConnectButton';\n"],"mappings":";AAAA,OAAO,SAAS,eAAe;AAC/B,SAAS,eAAe;AACxB,SAAS,cAA6B;AACtC,SAAS,oBAAoB;AAC7B,SAAS,iCAAiE;AAkBpE;AAdN,IAAM,6BAA6B,aAAsC,CAAC,UAAU;AAClF,QAAM,EAAE,WAAW,YAAY,GAAG,aAAa,IAAI;AACnD,QAAM,OAAO,QAAQ;AAErB,QAAM,UAAyB,QAAQ,MAAM;AAC3C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,KAAK;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,WAAW,YAAY,KAAK,OAAO,CAAC;AAExC,SACE,oBAAC,UAAO,SAAkB,MACxB,8BAAC,6BAA2B,GAAG,cAAc,GAC/C;AAEJ,CAAC;AAED,2BAA2B,cAAc;AAElC,IAAM,qBAAqB,MAAM,KAAK,CAAC,UAAmC;AAC/E,SAAO,oBAAC,8BAA4B,GAAG,OAAO;AAChD,CAAC;AAED,mBAAmB,cAAc;","names":[]}

package/dist/esm/components/slack-link-user/DefaultSlackLinkUser.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SlackLinkUserProps } from '@novu/js/ui';
+
+type DefaultSlackLinkUserProps = Pick<SlackLinkUserProps, 'integrationIdentifier' | 'connectionIdentifier' | 'context' | 'onLinkSuccess' | 'onLinkError' | 'onUnlinkSuccess' | 'onUnlinkError' | 'linkLabel' | 'unlinkLabel'>;
+declare const DefaultSlackLinkUser: (props: DefaultSlackLinkUserProps) => react_jsx_runtime.JSX.Element;
+
+export { DefaultSlackLinkUser, type DefaultSlackLinkUserProps };

package/dist/esm/components/slack-link-user/DefaultSlackLinkUser.js

@@ -0,0 +1,55 @@
+// src/components/slack-link-user/DefaultSlackLinkUser.tsx
+import { useCallback } from "react";
+import { useNovuUI } from "../../context/NovuUIContext.js";
+import { Mounter } from "../Mounter.js";
+import { jsx } from "react/jsx-runtime";
+var DefaultSlackLinkUser = (props) => {
+  const {
+    integrationIdentifier,
+    connectionIdentifier,
+    context,
+    onLinkSuccess,
+    onLinkError,
+    onUnlinkSuccess,
+    onUnlinkError,
+    linkLabel,
+    unlinkLabel
+  } = props;
+  const { novuUI } = useNovuUI();
+  const mount = useCallback(
+    (element) => {
+      return novuUI.mountComponent({
+        name: "SlackLinkUser",
+        props: {
+          integrationIdentifier,
+          connectionIdentifier,
+          context,
+          onLinkSuccess,
+          onLinkError,
+          onUnlinkSuccess,
+          onUnlinkError,
+          linkLabel,
+          unlinkLabel
+        },
+        element
+      });
+    },
+    [
+      novuUI,
+      integrationIdentifier,
+      connectionIdentifier,
+      context,
+      onLinkSuccess,
+      onLinkError,
+      onUnlinkSuccess,
+      onUnlinkError,
+      linkLabel,
+      unlinkLabel
+    ]
+  );
+  return /* @__PURE__ */ jsx(Mounter, { mount });
+};
+export {
+  DefaultSlackLinkUser
+};
+//# sourceMappingURL=DefaultSlackLinkUser.js.map

package/dist/esm/components/slack-link-user/DefaultSlackLinkUser.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/slack-link-user/DefaultSlackLinkUser.tsx"],"sourcesContent":["import { SlackLinkUserProps } from '@novu/js/ui';\nimport { useCallback } from 'react';\nimport { useNovuUI } from '../../context/NovuUIContext';\nimport { Mounter } from '../Mounter';\n\nexport type DefaultSlackLinkUserProps = Pick<\n  SlackLinkUserProps,\n  | 'integrationIdentifier'\n  | 'connectionIdentifier'\n  | 'context'\n  | 'onLinkSuccess'\n  | 'onLinkError'\n  | 'onUnlinkSuccess'\n  | 'onUnlinkError'\n  | 'linkLabel'\n  | 'unlinkLabel'\n>;\n\nexport const DefaultSlackLinkUser = (props: DefaultSlackLinkUserProps) => {\n  const {\n    integrationIdentifier,\n    connectionIdentifier,\n    context,\n    onLinkSuccess,\n    onLinkError,\n    onUnlinkSuccess,\n    onUnlinkError,\n    linkLabel,\n    unlinkLabel,\n  } = props;\n  const { novuUI } = useNovuUI();\n\n  const mount = useCallback(\n    (element: HTMLElement) => {\n      return novuUI.mountComponent({\n        name: 'SlackLinkUser',\n        props: {\n          integrationIdentifier,\n          connectionIdentifier,\n          context,\n          onLinkSuccess,\n          onLinkError,\n          onUnlinkSuccess,\n          onUnlinkError,\n          linkLabel,\n          unlinkLabel,\n        },\n        element,\n      });\n    },\n    [\n      novuUI,\n      integrationIdentifier,\n      connectionIdentifier,\n      context,\n      onLinkSuccess,\n      onLinkError,\n      onUnlinkSuccess,\n      onUnlinkError,\n      linkLabel,\n      unlinkLabel,\n    ]\n  );\n\n  return <Mounter mount={mount} />;\n};\n"],"mappings":";AACA,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AA6Df;AA9CF,IAAM,uBAAuB,CAAC,UAAqC;AACxE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,OAAO,IAAI,UAAU;AAE7B,QAAM,QAAQ;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,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,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,oBAAC,WAAQ,OAAc;AAChC;","names":[]}

package/dist/esm/components/slack-link-user/SlackLinkUser.d.ts

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

package/dist/esm/components/slack-link-user/SlackLinkUser.js

@@ -0,0 +1,28 @@
+// src/components/slack-link-user/SlackLinkUser.tsx
+import React, { useMemo } from "react";
+import { useNovu } from "../../hooks/NovuProvider.js";
+import { NovuUI } from "../NovuUI.js";
+import { withRenderer } from "../Renderer.js";
+import { DefaultSlackLinkUser } from "./DefaultSlackLinkUser.js";
+import { jsx } from "react/jsx-runtime";
+var SlackLinkUserInternal = withRenderer((props) => {
+  const { container, appearance, ...defaultProps } = props;
+  const novu = useNovu();
+  const options = useMemo(() => {
+    return {
+      container,
+      appearance,
+      options: novu.options
+    };
+  }, [container, appearance, novu.options]);
+  return /* @__PURE__ */ jsx(NovuUI, { options, novu, children: /* @__PURE__ */ jsx(DefaultSlackLinkUser, { ...defaultProps }) });
+});
+SlackLinkUserInternal.displayName = "SlackLinkUserInternal";
+var SlackLinkUser = React.memo((props) => {
+  return /* @__PURE__ */ jsx(SlackLinkUserInternal, { ...props });
+});
+SlackLinkUser.displayName = "SlackLinkUser";
+export {
+  SlackLinkUser
+};
+//# sourceMappingURL=SlackLinkUser.js.map

package/dist/esm/components/slack-link-user/SlackLinkUser.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/slack-link-user/SlackLinkUser.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useNovu } from '../../hooks/NovuProvider';\nimport { NovuUI, NovuUIOptions } from '../NovuUI';\nimport { withRenderer } from '../Renderer';\nimport { DefaultSlackLinkUser, DefaultSlackLinkUserProps } from './DefaultSlackLinkUser';\n\nexport type SlackLinkUserProps = DefaultSlackLinkUserProps & Pick<NovuUIOptions, 'container' | 'appearance'>;\n\nconst SlackLinkUserInternal = withRenderer<SlackLinkUserProps>((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      <DefaultSlackLinkUser {...defaultProps} />\n    </NovuUI>\n  );\n});\n\nSlackLinkUserInternal.displayName = 'SlackLinkUserInternal';\n\nexport const SlackLinkUser = React.memo((props: SlackLinkUserProps) => {\n  return <SlackLinkUserInternal {...props} />;\n});\n\nSlackLinkUser.displayName = 'SlackLinkUser';\n"],"mappings":";AAAA,OAAO,SAAS,eAAe;AAC/B,SAAS,eAAe;AACxB,SAAS,cAA6B;AACtC,SAAS,oBAAoB;AAC7B,SAAS,4BAAuD;AAkB1D;AAdN,IAAM,wBAAwB,aAAiC,CAAC,UAAU;AACxE,QAAM,EAAE,WAAW,YAAY,GAAG,aAAa,IAAI;AACnD,QAAM,OAAO,QAAQ;AAErB,QAAM,UAAyB,QAAQ,MAAM;AAC3C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,KAAK;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,WAAW,YAAY,KAAK,OAAO,CAAC;AAExC,SACE,oBAAC,UAAO,SAAkB,MACxB,8BAAC,wBAAsB,GAAG,cAAc,GAC1C;AAEJ,CAAC;AAED,sBAAsB,cAAc;AAE7B,IAAM,gBAAgB,MAAM,KAAK,CAAC,UAA8B;AACrE,SAAO,oBAAC,yBAAuB,GAAG,OAAO;AAC3C,CAAC;AAED,cAAc,cAAc;","names":[]}

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

@@ -3,6 +3,16 @@ import { NovuOptions, Novu } from '@novu/js';
 import { ReactNode } from 'react';
 
 type NovuProviderProps = NovuOptions & {
+    /**
+     * When `false`, disables the WebSocket subscription that auto-injects
+     * newly received notifications into the list and subscription that auto-resync
+     * notification counts. Built-in mutations like
+     * `readAll`, `seenAll`, `archiveAll`, and `archiveAllRead` continue to
+     * update local state. Use this when you want to drive new-notification updates yourself (e.g.
+     * via your own `novu.on('notifications.notification_received', ...)`
+     * handler combined with `refetch()`). Defaults to `true`.
+     */
+    realtime?: boolean;
     children: ReactNode;
 };
 declare const NovuProvider: (props: NovuProviderProps) => react_jsx_runtime.JSX.Element;
@@ -11,6 +21,7 @@ declare const NovuProvider: (props: NovuProviderProps) => react_jsx_runtime.JSX.
  */
 declare const InternalNovuProvider: (props: NovuProviderProps) => react_jsx_runtime.JSX.Element;
 declare const useNovu: () => Novu;
-declare const useUnsafeNovu: () => Novu | undefined;
+declare const useUnsafeNovu: () => Novu;
+declare const useRealtime: () => boolean;
 
-export { InternalNovuProvider, NovuProvider, type NovuProviderProps, useNovu, useUnsafeNovu };
+export { InternalNovuProvider, NovuProvider, type NovuProviderProps, useNovu, useRealtime, useUnsafeNovu };

package/dist/esm/hooks/NovuProvider.js

@@ -3,9 +3,9 @@ import { Novu } from "@novu/js";
 import { buildSubscriber } from "@novu/js/internal";
 import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-var NovuContext = createContext(void 0);
+var NovuContext = createContext({ novu: void 0, realtime: true });
 var NovuProvider = (props) => {
-  const { subscriberId, ...propsWithoutSubscriberId } = props;
+  const { subscriberId, realtime = true, ...propsWithoutSubscriberId } = props;
   const subscriberObj = useMemo(
     () => buildSubscriber({ subscriberId, subscriber: props.subscriber }),
     [subscriberId, props.subscriber]
@@ -14,7 +14,8 @@ var NovuProvider = (props) => {
   const providerProps = {
     ...propsWithoutSubscriberId,
     applicationIdentifier,
-    subscriber: subscriberObj
+    subscriber: subscriberObj,
+    realtime
   };
   return /* @__PURE__ */ jsx(InternalNovuProvider, { ...providerProps, applicationIdentifier, children: props.children });
 };
@@ -34,21 +35,25 @@ var InternalNovuProvider = (props) => {
     socketOptions,
     useCache,
     defaultSchedule,
-    context
+    context,
+    realtime = true
   } = props;
-  const novu = useMemo(
-    () => new Novu({
-      applicationIdentifier,
-      subscriberHash,
-      contextHash,
-      backendUrl,
-      apiUrl,
-      socketUrl,
-      socketOptions,
-      useCache,
-      subscriber: subscriberObj,
-      defaultSchedule,
-      context
+  const value = useMemo(
+    () => ({
+      novu: new Novu({
+        applicationIdentifier,
+        subscriberHash,
+        contextHash,
+        backendUrl,
+        apiUrl,
+        socketUrl,
+        socketOptions,
+        useCache,
+        subscriber: subscriberObj,
+        defaultSchedule,
+        context
+      }),
+      realtime
     }),
     [
       applicationIdentifier,
@@ -60,26 +65,32 @@ var InternalNovuProvider = (props) => {
       apiUrl,
       socketUrl,
       socketOptions,
-      useCache
+      useCache,
+      realtime
     ]
   );
-  return /* @__PURE__ */ jsx(NovuContext.Provider, { value: novu, children });
+  return /* @__PURE__ */ jsx(NovuContext.Provider, { value, children });
 };
 var useNovu = () => {
   const context = useContext(NovuContext);
-  if (!context) {
+  if (!context.novu) {
     throw new Error("useNovu must be used within a <NovuProvider />");
   }
-  return context;
+  return context.novu;
 };
 var useUnsafeNovu = () => {
   const context = useContext(NovuContext);
-  return context;
+  return context.novu;
+};
+var useRealtime = () => {
+  const context = useContext(NovuContext);
+  return context.realtime;
 };
 export {
   InternalNovuProvider,
   NovuProvider,
   useNovu,
+  useRealtime,
   useUnsafeNovu
 };
 //# sourceMappingURL=NovuProvider.js.map