@novu/react 3.16.0 → 3.17.0

package/dist/cjs/components/index.cjs

@@ -21,6 +21,8 @@ __reExport(components_exports, require("../hooks/NovuProvider.cjs"), module.expo
 __reExport(components_exports, require("./Bell.cjs"), module.exports);
 __reExport(components_exports, require("./Inbox.cjs"), module.exports);
 __reExport(components_exports, require("./InboxContent.cjs"), module.exports);
+__reExport(components_exports, require("./msteams-connect-button/MsTeamsConnectButton.cjs"), module.exports);
+__reExport(components_exports, require("./msteams-link-user/MsTeamsLinkUser.cjs"), module.exports);
 __reExport(components_exports, require("./Notifications.cjs"), module.exports);
 __reExport(components_exports, require("./Preferences.cjs"), module.exports);
 __reExport(components_exports, require("./slack-connect-button/SlackConnectButton.cjs"), module.exports);
@@ -34,6 +36,8 @@ __reExport(components_exports, require("./subscription/SubscriptionPreferences.c
   ...require("./Bell.cjs"),
   ...require("./Inbox.cjs"),
   ...require("./InboxContent.cjs"),
+  ...require("./msteams-connect-button/MsTeamsConnectButton.cjs"),
+  ...require("./msteams-link-user/MsTeamsLinkUser.cjs"),
   ...require("./Notifications.cjs"),
   ...require("./Preferences.cjs"),
   ...require("./slack-connect-button/SlackConnectButton.cjs"),

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 './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,gCAJd;AAKA,+BAAc,8BALd;AAMA,+BAAc,0DANd;AAOA,+BAAc,gDAPd;AAQA,+BAAc,4CARd;AASA,+BAAc,kDATd;AAUA,+BAAc,uDAVd;","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';\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":[]}

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

@@ -2,6 +2,8 @@ export { InternalNovuProvider, NovuProvider, NovuProviderProps, useNovu, useReal
 export { Bell, BellProps } from './Bell.cjs';
 export { Inbox, InboxProps } from './Inbox.cjs';
 export { InboxContent, InboxContentProps } from './InboxContent.cjs';
+export { MsTeamsConnectButton, MsTeamsConnectButtonProps } from './msteams-connect-button/MsTeamsConnectButton.cjs';
+export { MsTeamsLinkUser, MsTeamsLinkUserProps } from './msteams-link-user/MsTeamsLinkUser.cjs';
 export { NotificationProps, Notifications } from './Notifications.cjs';
 export { Preferences } from './Preferences.cjs';
 export { SlackConnectButton, SlackConnectButtonProps } from './slack-connect-button/SlackConnectButton.cjs';
@@ -15,6 +17,8 @@ import 'react';
 import '../utils/types.cjs';
 import '@novu/js/ui';
 import './NovuUI.cjs';
+import './msteams-connect-button/DefaultMsTeamsConnectButton.cjs';
+import './msteams-link-user/DefaultMsTeamsLinkUser.cjs';
 import './slack-connect-button/DefaultSlackConnectButton.cjs';
 import './slack-link-user/DefaultSlackLinkUser.cjs';
 import './subscription/DefaultSubscription.cjs';

package/dist/cjs/components/msteams-connect-button/DefaultMsTeamsConnectButton.cjs

@@ -0,0 +1,92 @@
+"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/msteams-connect-button/DefaultMsTeamsConnectButton.tsx
+var DefaultMsTeamsConnectButton_exports = {};
+__export(DefaultMsTeamsConnectButton_exports, {
+  DefaultMsTeamsConnectButton: () => DefaultMsTeamsConnectButton
+});
+module.exports = __toCommonJS(DefaultMsTeamsConnectButton_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 DefaultMsTeamsConnectButton = (props) => {
+  const {
+    integrationIdentifier,
+    connectionIdentifier,
+    subscriberId,
+    context,
+    scope,
+    connectionMode,
+    autoLinkUser,
+    onConnectSuccess,
+    onConnectError,
+    onDisconnectSuccess,
+    onDisconnectError,
+    connectLabel,
+    connectedLabel
+  } = props;
+  const { novuUI } = (0, import_NovuUIContext.useNovuUI)();
+  const mount = (0, import_react.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__ */ (0, import_jsx_runtime.jsx)(import_Mounter.Mounter, { mount });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DefaultMsTeamsConnectButton
+});
+//# sourceMappingURL=DefaultMsTeamsConnectButton.cjs.map

package/dist/cjs/components/msteams-connect-button/DefaultMsTeamsConnectButton.cjs.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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA4B;AAC5B,2BAA0B;AAC1B,qBAAwB;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,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,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,4CAAC,0BAAQ,OAAc;AAChC;","names":[]}

package/dist/cjs/components/msteams-connect-button/DefaultMsTeamsConnectButton.d.cts

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

package/dist/cjs/components/msteams-connect-button/MsTeamsConnectButton.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/msteams-connect-button/MsTeamsConnectButton.tsx
+var MsTeamsConnectButton_exports = {};
+__export(MsTeamsConnectButton_exports, {
+  MsTeamsConnectButton: () => MsTeamsConnectButton
+});
+module.exports = __toCommonJS(MsTeamsConnectButton_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_DefaultMsTeamsConnectButton = require("./DefaultMsTeamsConnectButton.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var MsTeamsConnectButtonInternal = (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_DefaultMsTeamsConnectButton.DefaultMsTeamsConnectButton, { ...defaultProps }) });
+});
+MsTeamsConnectButtonInternal.displayName = "MsTeamsConnectButtonInternal";
+var MsTeamsConnectButton = import_react.default.memo((props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MsTeamsConnectButtonInternal, { ...props });
+});
+MsTeamsConnectButton.displayName = "MsTeamsConnectButton";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MsTeamsConnectButton
+});
+//# sourceMappingURL=MsTeamsConnectButton.cjs.map

package/dist/cjs/components/msteams-connect-button/MsTeamsConnectButton.cjs.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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,0BAAwB;AACxB,oBAAsC;AACtC,sBAA6B;AAC7B,yCAA8E;AAmBxE;AAdN,IAAM,mCAA+B,8BAAwC,CAAC,UAAU;AACtF,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,kEAA6B,GAAG,cAAc,GACjD;AAEJ,CAAC;AAED,6BAA6B,cAAc;AAEpC,IAAM,uBAAuB,aAAAA,QAAM,KAAK,CAAC,UAAqC;AACnF,SAAO,4CAAC,gCAA8B,GAAG,OAAO;AAClD,CAAC;AAED,qBAAqB,cAAc;","names":["React"]}

package/dist/cjs/components/msteams-connect-button/MsTeamsConnectButton.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 { DefaultMsTeamsConnectButtonProps } from './DefaultMsTeamsConnectButton.cjs';
+import '@novu/js';
+import '@novu/js/ui';
+import '../../utils/types.cjs';
+
+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/cjs/components/msteams-link-user/DefaultMsTeamsLinkUser.cjs

@@ -0,0 +1,80 @@
+"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/msteams-link-user/DefaultMsTeamsLinkUser.tsx
+var DefaultMsTeamsLinkUser_exports = {};
+__export(DefaultMsTeamsLinkUser_exports, {
+  DefaultMsTeamsLinkUser: () => DefaultMsTeamsLinkUser
+});
+module.exports = __toCommonJS(DefaultMsTeamsLinkUser_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 DefaultMsTeamsLinkUser = (props) => {
+  const {
+    integrationIdentifier,
+    connectionIdentifier,
+    context,
+    onLinkSuccess,
+    onLinkError,
+    onUnlinkSuccess,
+    onUnlinkError,
+    linkLabel,
+    unlinkLabel
+  } = props;
+  const { novuUI } = (0, import_NovuUIContext.useNovuUI)();
+  const mount = (0, import_react.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__ */ (0, import_jsx_runtime.jsx)(import_Mounter.Mounter, { mount });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DefaultMsTeamsLinkUser
+});
+//# sourceMappingURL=DefaultMsTeamsLinkUser.cjs.map

package/dist/cjs/components/msteams-link-user/DefaultMsTeamsLinkUser.cjs.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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA4B;AAC5B,2BAA0B;AAC1B,qBAAwB;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,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,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,4CAAC,0BAAQ,OAAc;AAChC;","names":[]}

package/dist/cjs/components/msteams-link-user/DefaultMsTeamsLinkUser.d.cts

@@ -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/cjs/components/msteams-link-user/MsTeamsLinkUser.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/msteams-link-user/MsTeamsLinkUser.tsx
+var MsTeamsLinkUser_exports = {};
+__export(MsTeamsLinkUser_exports, {
+  MsTeamsLinkUser: () => MsTeamsLinkUser
+});
+module.exports = __toCommonJS(MsTeamsLinkUser_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_DefaultMsTeamsLinkUser = require("./DefaultMsTeamsLinkUser.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var MsTeamsLinkUserInternal = (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_DefaultMsTeamsLinkUser.DefaultMsTeamsLinkUser, { ...defaultProps }) });
+});
+MsTeamsLinkUserInternal.displayName = "MsTeamsLinkUserInternal";
+var MsTeamsLinkUser = import_react.default.memo((props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MsTeamsLinkUserInternal, { ...props });
+});
+MsTeamsLinkUser.displayName = "MsTeamsLinkUser";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MsTeamsLinkUser
+});
+//# sourceMappingURL=MsTeamsLinkUser.cjs.map

package/dist/cjs/components/msteams-link-user/MsTeamsLinkUser.cjs.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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,0BAAwB;AACxB,oBAAsC;AACtC,sBAA6B;AAC7B,oCAAoE;AAkB9D;AAdN,IAAM,8BAA0B,8BAAmC,CAAC,UAAU;AAC5E,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,wDAAwB,GAAG,cAAc,GAC5C;AAEJ,CAAC;AAED,wBAAwB,cAAc;AAE/B,IAAM,kBAAkB,aAAAA,QAAM,KAAK,CAAC,UAAgC;AACzE,SAAO,4CAAC,2BAAyB,GAAG,OAAO;AAC7C,CAAC;AAED,gBAAgB,cAAc;","names":["React"]}

package/dist/cjs/components/msteams-link-user/MsTeamsLinkUser.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 { DefaultMsTeamsLinkUserProps } from './DefaultMsTeamsLinkUser.cjs';
+import '@novu/js';
+import '@novu/js/ui';
+import '../../utils/types.cjs';
+
+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/cjs/components/slack-connect-button/DefaultSlackConnectButton.cjs

@@ -35,6 +35,7 @@ var DefaultSlackConnectButton = (props) => {
     context,
     scope,
     connectionMode,
+    autoLinkUser,
     onConnectSuccess,
     onConnectError,
     onDisconnectSuccess,
@@ -54,6 +55,7 @@ var DefaultSlackConnectButton = (props) => {
           context,
           scope,
           connectionMode,
+          autoLinkUser,
           onConnectSuccess,
           onConnectError,
           onDisconnectSuccess,
@@ -72,6 +74,7 @@ var DefaultSlackConnectButton = (props) => {
       context,
       scope,
       connectionMode,
+      autoLinkUser,
       onConnectSuccess,
       onConnectError,
       onDisconnectSuccess,

package/dist/cjs/components/slack-connect-button/DefaultSlackConnectButton.cjs.map

@@ -1 +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  | '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    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          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      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;AAyEf;AAvDF,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,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,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,IACF;AAAA,EACF;AAEA,SAAO,4CAAC,0BAAQ,OAAc;AAChC;","names":[]}
+{"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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA4B;AAC5B,2BAA0B;AAC1B,qBAAwB;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,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,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,4CAAC,0BAAQ,OAAc;AAChC;","names":[]}

package/dist/cjs/components/slack-connect-button/DefaultSlackConnectButton.d.cts

@@ -1,7 +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' | 'onConnectSuccess' | 'onConnectError' | 'onDisconnectSuccess' | 'onDisconnectError' | 'connectLabel' | 'connectedLabel'>;
+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/cjs/index.cjs

@@ -23,6 +23,8 @@ __export(index_exports, {
   Bell: () => import_components.Bell,
   Inbox: () => import_components.Inbox,
   InboxContent: () => import_components.InboxContent,
+  MsTeamsConnectButton: () => import_components.MsTeamsConnectButton,
+  MsTeamsLinkUser: () => import_components.MsTeamsLinkUser,
   Notifications: () => import_components.Notifications,
   NovuProvider: () => import_components.NovuProvider,
   PreferenceLevel: () => import_js.PreferenceLevel,
@@ -59,6 +61,8 @@ var import_hooks = require("./hooks/index.cjs");
   Bell,
   Inbox,
   InboxContent,
+  MsTeamsConnectButton,
+  MsTeamsLinkUser,
   Notifications,
   NovuProvider,
   PreferenceLevel,

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export type * from '@novu/js';\nexport { PreferenceLevel, SeverityLevelEnum, WorkflowCriticalityEnum } from '@novu/js';\n\nexport type {\n  AllLocalization,\n  AllLocalizationKey,\n  ChannelConnectButtonIconKey,\n  ElementStyles,\n  InboxAppearance,\n  InboxAppearanceCallback,\n  InboxAppearanceCallbackFunction,\n  InboxAppearanceCallbackKeys,\n  InboxAppearanceKey,\n  InboxElements,\n  InboxLocalization,\n  InboxLocalizationKey,\n  InboxTheme,\n  NotificationActionClickHandler,\n  NotificationClickHandler,\n  NotificationRenderer,\n  PreferenceGroups,\n  PreferencesFilter,\n  RouterPush,\n  SubscriptionAppearance,\n  SubscriptionAppearanceCallback,\n  SubscriptionAppearanceCallbackFunction,\n  SubscriptionAppearanceCallbackKeys,\n  SubscriptionAppearanceKey,\n  SubscriptionElements,\n  SubscriptionLocalization,\n  SubscriptionLocalizationKey,\n  SubscriptionTheme,\n  Tab,\n  Variables,\n} from '@novu/js/ui';\nexport type {\n  BellProps,\n  InboxContentProps,\n  InboxProps,\n  NotificationProps,\n  NovuProviderProps,\n  SlackConnectButtonProps,\n  SlackLinkUserProps,\n  SubscriptionButtonProps,\n  SubscriptionPreferencesProps,\n  SubscriptionProps,\n} from './components';\nexport {\n  Bell,\n  Inbox,\n  InboxContent,\n  Notifications,\n  NovuProvider,\n  Preferences,\n  SlackConnectButton,\n  SlackLinkUser,\n  Subscription,\n  SubscriptionButton,\n  SubscriptionPreferences,\n} from './components';\nexport type {\n  UseChannelConnectionProps,\n  UseChannelConnectionResult,\n  UseChannelConnectionsProps,\n  UseChannelConnectionsResult,\n  UseChannelEndpointProps,\n  UseChannelEndpointResult,\n  UseCountsProps,\n  UseCountsResult,\n  UseCreateChannelEndpointProps,\n  UseCreateChannelEndpointResult,\n  UseDeleteChannelEndpointProps,\n  UseDeleteChannelEndpointResult,\n  UseNotificationsProps,\n  UseNotificationsResult,\n  UsePreferencesResult,\n  UseScheduleProps as UsePreferencesProps,\n} from './hooks';\nexport {\n  useChannelConnection,\n  useChannelConnections,\n  useChannelEndpoint,\n  useCounts,\n  useCreateChannelEndpoint,\n  useCreateSubscription,\n  useDeleteChannelEndpoint,\n  useNotifications,\n  useNovu,\n  usePreferences,\n  useRemoveSubscription,\n  useSchedule,\n  useSubscription,\n  useSubscriptions,\n  useUpdateSubscription,\n} from './hooks';\n\nexport type {\n  BaseProps,\n  BellRenderer,\n  BodyRenderer,\n  DefaultInboxProps,\n  DefaultProps,\n  NoRendererProps,\n  NotificationRendererProps,\n  NotificationsRenderer,\n  ReactAllAppearance,\n  ReactInboxAppearance,\n  ReactInboxTheme,\n  ReactSubscriptionAppearance,\n  ReactSubscriptionTheme,\n  SubjectBodyRendererProps,\n  SubjectRenderer,\n  WithChildrenProps,\n} from './utils/types';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,gBAA4E;AA8C5E,wBAYO;AAmBP,mBAgBO;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export type * from '@novu/js';\nexport { PreferenceLevel, SeverityLevelEnum, WorkflowCriticalityEnum } from '@novu/js';\n\nexport type {\n  AllLocalization,\n  AllLocalizationKey,\n  ChannelConnectButtonIconKey,\n  ElementStyles,\n  InboxAppearance,\n  InboxAppearanceCallback,\n  InboxAppearanceCallbackFunction,\n  InboxAppearanceCallbackKeys,\n  InboxAppearanceKey,\n  InboxElements,\n  InboxLocalization,\n  InboxLocalizationKey,\n  InboxTheme,\n  NotificationActionClickHandler,\n  NotificationClickHandler,\n  NotificationRenderer,\n  PreferenceGroups,\n  PreferencesFilter,\n  RouterPush,\n  SubscriptionAppearance,\n  SubscriptionAppearanceCallback,\n  SubscriptionAppearanceCallbackFunction,\n  SubscriptionAppearanceCallbackKeys,\n  SubscriptionAppearanceKey,\n  SubscriptionElements,\n  SubscriptionLocalization,\n  SubscriptionLocalizationKey,\n  SubscriptionTheme,\n  Tab,\n  Variables,\n} from '@novu/js/ui';\nexport type {\n  BellProps,\n  InboxContentProps,\n  InboxProps,\n  MsTeamsConnectButtonProps,\n  MsTeamsLinkUserProps,\n  NotificationProps,\n  NovuProviderProps,\n  SlackConnectButtonProps,\n  SlackLinkUserProps,\n  SubscriptionButtonProps,\n  SubscriptionPreferencesProps,\n  SubscriptionProps,\n} from './components';\nexport {\n  Bell,\n  Inbox,\n  InboxContent,\n  MsTeamsConnectButton,\n  MsTeamsLinkUser,\n  Notifications,\n  NovuProvider,\n  Preferences,\n  SlackConnectButton,\n  SlackLinkUser,\n  Subscription,\n  SubscriptionButton,\n  SubscriptionPreferences,\n} from './components';\nexport type {\n  UseChannelConnectionProps,\n  UseChannelConnectionResult,\n  UseChannelConnectionsProps,\n  UseChannelConnectionsResult,\n  UseChannelEndpointProps,\n  UseChannelEndpointResult,\n  UseCountsProps,\n  UseCountsResult,\n  UseCreateChannelEndpointProps,\n  UseCreateChannelEndpointResult,\n  UseDeleteChannelEndpointProps,\n  UseDeleteChannelEndpointResult,\n  UseNotificationsProps,\n  UseNotificationsResult,\n  UsePreferencesResult,\n  UseScheduleProps as UsePreferencesProps,\n} from './hooks';\nexport {\n  useChannelConnection,\n  useChannelConnections,\n  useChannelEndpoint,\n  useCounts,\n  useCreateChannelEndpoint,\n  useCreateSubscription,\n  useDeleteChannelEndpoint,\n  useNotifications,\n  useNovu,\n  usePreferences,\n  useRemoveSubscription,\n  useSchedule,\n  useSubscription,\n  useSubscriptions,\n  useUpdateSubscription,\n} from './hooks';\n\nexport type {\n  BaseProps,\n  BellRenderer,\n  BodyRenderer,\n  DefaultInboxProps,\n  DefaultProps,\n  NoRendererProps,\n  NotificationRendererProps,\n  NotificationsRenderer,\n  ReactAllAppearance,\n  ReactInboxAppearance,\n  ReactInboxTheme,\n  ReactSubscriptionAppearance,\n  ReactSubscriptionTheme,\n  SubjectBodyRendererProps,\n  SubjectRenderer,\n  WithChildrenProps,\n} from './utils/types';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,gBAA4E;AAgD5E,wBAcO;AAmBP,mBAgBO;","names":[]}

package/dist/cjs/index.d.cts

@@ -5,6 +5,8 @@ export { NovuProvider, NovuProviderProps, useNovu } from './hooks/NovuProvider.c
 export { Bell, BellProps } from './components/Bell.cjs';
 export { Inbox, InboxProps } from './components/Inbox.cjs';
 export { InboxContent, InboxContentProps } from './components/InboxContent.cjs';
+export { MsTeamsConnectButton, MsTeamsConnectButtonProps } from './components/msteams-connect-button/MsTeamsConnectButton.cjs';
+export { MsTeamsLinkUser, MsTeamsLinkUserProps } from './components/msteams-link-user/MsTeamsLinkUser.cjs';
 export { NotificationProps, Notifications } from './components/Notifications.cjs';
 export { Preferences } from './components/Preferences.cjs';
 export { SlackConnectButton, SlackConnectButtonProps } from './components/slack-connect-button/SlackConnectButton.cjs';
@@ -30,6 +32,8 @@ export { BaseProps, BellRenderer, BodyRenderer, DefaultInboxProps, DefaultProps,
 import 'react/jsx-runtime';
 import 'react';
 import './components/NovuUI.cjs';
+import './components/msteams-connect-button/DefaultMsTeamsConnectButton.cjs';
+import './components/msteams-link-user/DefaultMsTeamsLinkUser.cjs';
 import './components/slack-connect-button/DefaultSlackConnectButton.cjs';
 import './components/slack-link-user/DefaultSlackLinkUser.cjs';
 import './components/subscription/DefaultSubscription.cjs';

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

@@ -15,8 +15,8 @@ import { UseUpdateSubscriptionProps, UseUpdateSubscriptionResult } from '../hook
 export { AllLocalization, AllLocalizationKey, ElementStyles, InboxAppearance, InboxAppearanceCallback, InboxAppearanceCallbackFunction, InboxAppearanceCallbackKeys, InboxAppearanceKey, InboxElements, InboxLocalization, InboxLocalizationKey, InboxTheme, NotificationActionClickHandler, NotificationClickHandler, NotificationRenderer, PreferenceGroups, PreferencesFilter, RouterPush, SubscriptionAppearance, SubscriptionAppearanceCallback, SubscriptionAppearanceCallbackFunction, SubscriptionAppearanceCallbackKeys, SubscriptionAppearanceKey, SubscriptionElements, SubscriptionLocalization, SubscriptionLocalizationKey, SubscriptionTheme, Tab, Variables } from '@novu/js/ui';
 export { BellProps } from '../components/Bell.cjs';
 export { InboxContentProps } from '../components/InboxContent.cjs';
-export { NotificationProps } from '../components/Notifications.cjs';
 export { BaseProps, BellRenderer, BodyRenderer, DefaultInboxProps, DefaultProps, NoRendererProps, NotificationRendererProps, NotificationsRenderer, SubjectBodyRendererProps, SubjectRenderer, WithChildrenProps } from '../utils/types.cjs';
+export { NotificationProps } from '../components/Notifications.cjs';
 import 'react';
 
 /**

package/dist/cjs/utils/types.d.cts

@@ -1,5 +1,5 @@
 import { NovuSocketOptions, DefaultSchedule, Context, Subscriber, UnreadCount } from '@novu/js';
-import { InboxTheme, InboxIconKey, InboxLocalization, Tab, PreferencesFilter, PreferenceGroups, PreferencesSort, RouterPush, Notification, NotificationClickHandler, NotificationActionClickHandler, InboxProps, AllTheme, AllIconKey, SubscriptionTheme, SubscriptionIconKey } from '@novu/js/ui';
+import { InboxTheme, InboxIconKey, InboxLocalization, Tab, PreferencesFilter, PreferenceGroups, PreferencesSort, RouterPush, Notification, NotificationClickHandler, NotificationActionClickHandler, InboxProps, SubscriptionTheme, SubscriptionIconKey, AllTheme, AllIconKey } from '@novu/js/ui';
 import { ReactNode } from 'react';
 
 type NotificationsRenderer = (notification: Notification) => React.ReactNode;

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

@@ -2,6 +2,8 @@ export { InternalNovuProvider, NovuProvider, NovuProviderProps, useNovu, useReal
 export { Bell, BellProps } from './Bell.js';
 export { Inbox, InboxProps } from './Inbox.js';
 export { InboxContent, InboxContentProps } from './InboxContent.js';
+export { MsTeamsConnectButton, MsTeamsConnectButtonProps } from './msteams-connect-button/MsTeamsConnectButton.js';
+export { MsTeamsLinkUser, MsTeamsLinkUserProps } from './msteams-link-user/MsTeamsLinkUser.js';
 export { NotificationProps, Notifications } from './Notifications.js';
 export { Preferences } from './Preferences.js';
 export { SlackConnectButton, SlackConnectButtonProps } from './slack-connect-button/SlackConnectButton.js';
@@ -15,6 +17,8 @@ import 'react';
 import '../utils/types.js';
 import '@novu/js/ui';
 import './NovuUI.js';
+import './msteams-connect-button/DefaultMsTeamsConnectButton.js';
+import './msteams-link-user/DefaultMsTeamsLinkUser.js';
 import './slack-connect-button/DefaultSlackConnectButton.js';
 import './slack-link-user/DefaultSlackLinkUser.js';
 import './subscription/DefaultSubscription.js';

package/dist/esm/components/index.js

@@ -3,6 +3,8 @@ export * from "../hooks/NovuProvider.js";
 export * from "./Bell.js";
 export * from "./Inbox.js";
 export * from "./InboxContent.js";
+export * from "./msteams-connect-button/MsTeamsConnectButton.js";
+export * from "./msteams-link-user/MsTeamsLinkUser.js";
 export * from "./Notifications.js";
 export * from "./Preferences.js";
 export * from "./slack-connect-button/SlackConnectButton.js";

package/dist/esm/components/index.js.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 './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,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","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';\n"],"mappings":";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

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

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

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

@@ -1,7 +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' | 'onConnectSuccess' | 'onConnectError' | 'onDisconnectSuccess' | 'onDisconnectError' | 'connectLabel' | 'connectedLabel'>;
+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

@@ -11,6 +11,7 @@ var DefaultSlackConnectButton = (props) => {
     context,
     scope,
     connectionMode,
+    autoLinkUser,
     onConnectSuccess,
     onConnectError,
     onDisconnectSuccess,
@@ -30,6 +31,7 @@ var DefaultSlackConnectButton = (props) => {
           context,
           scope,
           connectionMode,
+          autoLinkUser,
           onConnectSuccess,
           onConnectError,
           onDisconnectSuccess,
@@ -48,6 +50,7 @@ var DefaultSlackConnectButton = (props) => {
       context,
       scope,
       connectionMode,
+      autoLinkUser,
       onConnectSuccess,
       onConnectError,
       onDisconnectSuccess,

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

@@ -1 +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  | '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    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          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      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;AAyEf;AAvDF,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,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,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,IACF;AAAA,EACF;AAEA,SAAO,oBAAC,WAAQ,OAAc;AAChC;","names":[]}
+{"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/index.d.ts

@@ -5,6 +5,8 @@ export { NovuProvider, NovuProviderProps, useNovu } from './hooks/NovuProvider.j
 export { Bell, BellProps } from './components/Bell.js';
 export { Inbox, InboxProps } from './components/Inbox.js';
 export { InboxContent, InboxContentProps } from './components/InboxContent.js';
+export { MsTeamsConnectButton, MsTeamsConnectButtonProps } from './components/msteams-connect-button/MsTeamsConnectButton.js';
+export { MsTeamsLinkUser, MsTeamsLinkUserProps } from './components/msteams-link-user/MsTeamsLinkUser.js';
 export { NotificationProps, Notifications } from './components/Notifications.js';
 export { Preferences } from './components/Preferences.js';
 export { SlackConnectButton, SlackConnectButtonProps } from './components/slack-connect-button/SlackConnectButton.js';
@@ -30,6 +32,8 @@ export { BaseProps, BellRenderer, BodyRenderer, DefaultInboxProps, DefaultProps,
 import 'react/jsx-runtime';
 import 'react';
 import './components/NovuUI.js';
+import './components/msteams-connect-button/DefaultMsTeamsConnectButton.js';
+import './components/msteams-link-user/DefaultMsTeamsLinkUser.js';
 import './components/slack-connect-button/DefaultSlackConnectButton.js';
 import './components/slack-link-user/DefaultSlackLinkUser.js';
 import './components/subscription/DefaultSubscription.js';

package/dist/esm/index.js

@@ -4,6 +4,8 @@ import {
   Bell,
   Inbox,
   InboxContent,
+  MsTeamsConnectButton,
+  MsTeamsLinkUser,
   Notifications,
   NovuProvider,
   Preferences,
@@ -34,6 +36,8 @@ export {
   Bell,
   Inbox,
   InboxContent,
+  MsTeamsConnectButton,
+  MsTeamsLinkUser,
   Notifications,
   NovuProvider,
   PreferenceLevel,

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export type * from '@novu/js';\nexport { PreferenceLevel, SeverityLevelEnum, WorkflowCriticalityEnum } from '@novu/js';\n\nexport type {\n  AllLocalization,\n  AllLocalizationKey,\n  ChannelConnectButtonIconKey,\n  ElementStyles,\n  InboxAppearance,\n  InboxAppearanceCallback,\n  InboxAppearanceCallbackFunction,\n  InboxAppearanceCallbackKeys,\n  InboxAppearanceKey,\n  InboxElements,\n  InboxLocalization,\n  InboxLocalizationKey,\n  InboxTheme,\n  NotificationActionClickHandler,\n  NotificationClickHandler,\n  NotificationRenderer,\n  PreferenceGroups,\n  PreferencesFilter,\n  RouterPush,\n  SubscriptionAppearance,\n  SubscriptionAppearanceCallback,\n  SubscriptionAppearanceCallbackFunction,\n  SubscriptionAppearanceCallbackKeys,\n  SubscriptionAppearanceKey,\n  SubscriptionElements,\n  SubscriptionLocalization,\n  SubscriptionLocalizationKey,\n  SubscriptionTheme,\n  Tab,\n  Variables,\n} from '@novu/js/ui';\nexport type {\n  BellProps,\n  InboxContentProps,\n  InboxProps,\n  NotificationProps,\n  NovuProviderProps,\n  SlackConnectButtonProps,\n  SlackLinkUserProps,\n  SubscriptionButtonProps,\n  SubscriptionPreferencesProps,\n  SubscriptionProps,\n} from './components';\nexport {\n  Bell,\n  Inbox,\n  InboxContent,\n  Notifications,\n  NovuProvider,\n  Preferences,\n  SlackConnectButton,\n  SlackLinkUser,\n  Subscription,\n  SubscriptionButton,\n  SubscriptionPreferences,\n} from './components';\nexport type {\n  UseChannelConnectionProps,\n  UseChannelConnectionResult,\n  UseChannelConnectionsProps,\n  UseChannelConnectionsResult,\n  UseChannelEndpointProps,\n  UseChannelEndpointResult,\n  UseCountsProps,\n  UseCountsResult,\n  UseCreateChannelEndpointProps,\n  UseCreateChannelEndpointResult,\n  UseDeleteChannelEndpointProps,\n  UseDeleteChannelEndpointResult,\n  UseNotificationsProps,\n  UseNotificationsResult,\n  UsePreferencesResult,\n  UseScheduleProps as UsePreferencesProps,\n} from './hooks';\nexport {\n  useChannelConnection,\n  useChannelConnections,\n  useChannelEndpoint,\n  useCounts,\n  useCreateChannelEndpoint,\n  useCreateSubscription,\n  useDeleteChannelEndpoint,\n  useNotifications,\n  useNovu,\n  usePreferences,\n  useRemoveSubscription,\n  useSchedule,\n  useSubscription,\n  useSubscriptions,\n  useUpdateSubscription,\n} from './hooks';\n\nexport type {\n  BaseProps,\n  BellRenderer,\n  BodyRenderer,\n  DefaultInboxProps,\n  DefaultProps,\n  NoRendererProps,\n  NotificationRendererProps,\n  NotificationsRenderer,\n  ReactAllAppearance,\n  ReactInboxAppearance,\n  ReactInboxTheme,\n  ReactSubscriptionAppearance,\n  ReactSubscriptionTheme,\n  SubjectBodyRendererProps,\n  SubjectRenderer,\n  WithChildrenProps,\n} from './utils/types';\n"],"mappings":";AACA,SAAS,iBAAiB,mBAAmB,+BAA+B;AA8C5E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAmBP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export type * from '@novu/js';\nexport { PreferenceLevel, SeverityLevelEnum, WorkflowCriticalityEnum } from '@novu/js';\n\nexport type {\n  AllLocalization,\n  AllLocalizationKey,\n  ChannelConnectButtonIconKey,\n  ElementStyles,\n  InboxAppearance,\n  InboxAppearanceCallback,\n  InboxAppearanceCallbackFunction,\n  InboxAppearanceCallbackKeys,\n  InboxAppearanceKey,\n  InboxElements,\n  InboxLocalization,\n  InboxLocalizationKey,\n  InboxTheme,\n  NotificationActionClickHandler,\n  NotificationClickHandler,\n  NotificationRenderer,\n  PreferenceGroups,\n  PreferencesFilter,\n  RouterPush,\n  SubscriptionAppearance,\n  SubscriptionAppearanceCallback,\n  SubscriptionAppearanceCallbackFunction,\n  SubscriptionAppearanceCallbackKeys,\n  SubscriptionAppearanceKey,\n  SubscriptionElements,\n  SubscriptionLocalization,\n  SubscriptionLocalizationKey,\n  SubscriptionTheme,\n  Tab,\n  Variables,\n} from '@novu/js/ui';\nexport type {\n  BellProps,\n  InboxContentProps,\n  InboxProps,\n  MsTeamsConnectButtonProps,\n  MsTeamsLinkUserProps,\n  NotificationProps,\n  NovuProviderProps,\n  SlackConnectButtonProps,\n  SlackLinkUserProps,\n  SubscriptionButtonProps,\n  SubscriptionPreferencesProps,\n  SubscriptionProps,\n} from './components';\nexport {\n  Bell,\n  Inbox,\n  InboxContent,\n  MsTeamsConnectButton,\n  MsTeamsLinkUser,\n  Notifications,\n  NovuProvider,\n  Preferences,\n  SlackConnectButton,\n  SlackLinkUser,\n  Subscription,\n  SubscriptionButton,\n  SubscriptionPreferences,\n} from './components';\nexport type {\n  UseChannelConnectionProps,\n  UseChannelConnectionResult,\n  UseChannelConnectionsProps,\n  UseChannelConnectionsResult,\n  UseChannelEndpointProps,\n  UseChannelEndpointResult,\n  UseCountsProps,\n  UseCountsResult,\n  UseCreateChannelEndpointProps,\n  UseCreateChannelEndpointResult,\n  UseDeleteChannelEndpointProps,\n  UseDeleteChannelEndpointResult,\n  UseNotificationsProps,\n  UseNotificationsResult,\n  UsePreferencesResult,\n  UseScheduleProps as UsePreferencesProps,\n} from './hooks';\nexport {\n  useChannelConnection,\n  useChannelConnections,\n  useChannelEndpoint,\n  useCounts,\n  useCreateChannelEndpoint,\n  useCreateSubscription,\n  useDeleteChannelEndpoint,\n  useNotifications,\n  useNovu,\n  usePreferences,\n  useRemoveSubscription,\n  useSchedule,\n  useSubscription,\n  useSubscriptions,\n  useUpdateSubscription,\n} from './hooks';\n\nexport type {\n  BaseProps,\n  BellRenderer,\n  BodyRenderer,\n  DefaultInboxProps,\n  DefaultProps,\n  NoRendererProps,\n  NotificationRendererProps,\n  NotificationsRenderer,\n  ReactAllAppearance,\n  ReactInboxAppearance,\n  ReactInboxTheme,\n  ReactSubscriptionAppearance,\n  ReactSubscriptionTheme,\n  SubjectBodyRendererProps,\n  SubjectRenderer,\n  WithChildrenProps,\n} from './utils/types';\n"],"mappings":";AACA,SAAS,iBAAiB,mBAAmB,+BAA+B;AAgD5E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAmBP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

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

@@ -15,8 +15,8 @@ import { UseUpdateSubscriptionProps, UseUpdateSubscriptionResult } from '../hook
 export { AllLocalization, AllLocalizationKey, ElementStyles, InboxAppearance, InboxAppearanceCallback, InboxAppearanceCallbackFunction, InboxAppearanceCallbackKeys, InboxAppearanceKey, InboxElements, InboxLocalization, InboxLocalizationKey, InboxTheme, NotificationActionClickHandler, NotificationClickHandler, NotificationRenderer, PreferenceGroups, PreferencesFilter, RouterPush, SubscriptionAppearance, SubscriptionAppearanceCallback, SubscriptionAppearanceCallbackFunction, SubscriptionAppearanceCallbackKeys, SubscriptionAppearanceKey, SubscriptionElements, SubscriptionLocalization, SubscriptionLocalizationKey, SubscriptionTheme, Tab, Variables } from '@novu/js/ui';
 export { BellProps } from '../components/Bell.js';
 export { InboxContentProps } from '../components/InboxContent.js';
-export { NotificationProps } from '../components/Notifications.js';
 export { BaseProps, BellRenderer, BodyRenderer, DefaultInboxProps, DefaultProps, NoRendererProps, NotificationRendererProps, NotificationsRenderer, SubjectBodyRendererProps, SubjectRenderer, WithChildrenProps } from '../utils/types.js';
+export { NotificationProps } from '../components/Notifications.js';
 import 'react';
 
 /**

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

@@ -1,5 +1,5 @@
 import { NovuSocketOptions, DefaultSchedule, Context, Subscriber, UnreadCount } from '@novu/js';
-import { InboxTheme, InboxIconKey, InboxLocalization, Tab, PreferencesFilter, PreferenceGroups, PreferencesSort, RouterPush, Notification, NotificationClickHandler, NotificationActionClickHandler, InboxProps, AllTheme, AllIconKey, SubscriptionTheme, SubscriptionIconKey } from '@novu/js/ui';
+import { InboxTheme, InboxIconKey, InboxLocalization, Tab, PreferencesFilter, PreferenceGroups, PreferencesSort, RouterPush, Notification, NotificationClickHandler, NotificationActionClickHandler, InboxProps, SubscriptionTheme, SubscriptionIconKey, AllTheme, AllIconKey } from '@novu/js/ui';
 import { ReactNode } from 'react';
 
 type NotificationsRenderer = (notification: Notification) => React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@novu/react",
-  "version": "3.16.0",
+  "version": "3.17.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/novuhq/novu",
@@ -121,7 +121,7 @@
     }
   },
   "dependencies": {
-    "@novu/js": "3.16.0"
+    "@novu/js": "3.17.0"
   },
   "nx": {
     "tags": [