@novu/react 3.15.0 → 3.17.0-rc.d0046861c6

package/dist/cjs/components/NovuUI.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/NovuUI.tsx"],"sourcesContent":["import { Novu } from '@novu/js';\nimport type { NovuUIOptions as JsNovuUIOptions } from '@novu/js/ui';\nimport { NovuUI as NovuUIClass } from '@novu/js/ui';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { NovuUIProvider } from '../context/NovuUIContext';\nimport { useRenderer } from '../context/RendererContext';\nimport { useDataRef } from '../hooks/internal/useDataRef';\nimport { adaptAppearanceForJs } from '../utils/appearance';\nimport type { ReactInboxAppearance, ReactSubscriptionAppearance } from '../utils/types';\nimport { ShadowRootDetector } from './ShadowRootDetector';\n\nexport type NovuUIOptions = Omit<JsNovuUIOptions, 'appearance'> & {\n  appearance?: ReactInboxAppearance | ReactSubscriptionAppearance;\n};\n\ntype NovuUIProps = React.PropsWithChildren<{\n  options: NovuUIOptions;\n  novu: Novu;\n}>;\n\nconst findParentShadowRoot = (child?: HTMLDivElement | null): Node | null => {\n  if (!child) {\n    return null;\n  }\n\n  let node: Node | null = child;\n\n  while (node) {\n    if (node instanceof Element && node.shadowRoot) {\n      return node.shadowRoot;\n    }\n\n    if (node instanceof ShadowRoot) {\n      return node;\n    }\n\n    node = node.parentNode;\n\n    if (!node || node === document) {\n      break;\n    }\n  }\n\n  return null;\n};\n\nexport const NovuUI = ({ options, novu, children }: NovuUIProps) => {\n  const shadowRootDetector = useRef<HTMLDivElement>(null);\n  const { mountElement } = useRenderer();\n\n  const adaptedAppearanceForUpdate = useMemo(\n    () => adaptAppearanceForJs(options.appearance || {}, mountElement),\n    [options.appearance, mountElement]\n  );\n\n  const adaptedOptions = useMemo(() => {\n    return {\n      ...options,\n      appearance: adaptedAppearanceForUpdate,\n      novu,\n    };\n  }, [options, novu, adaptedAppearanceForUpdate]);\n\n  const optionsRef = useDataRef(adaptedOptions);\n  const [novuUI, setNovuUI] = useState<NovuUIClass | undefined>();\n\n  useEffect(() => {\n    const parentShadowRoot = findParentShadowRoot(shadowRootDetector.current);\n    const instance = new NovuUIClass({\n      ...optionsRef.current,\n      container: optionsRef.current.container ?? parentShadowRoot,\n    });\n    setNovuUI(instance);\n\n    return () => {\n      instance.unmount();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!novuUI) {\n      return;\n    }\n\n    const parentShadowRoot = findParentShadowRoot(shadowRootDetector.current);\n    novuUI.updateContainer(options.container ?? parentShadowRoot);\n    novuUI.updateAppearance(adaptedAppearanceForUpdate);\n    novuUI.updateLocalization(options.localization);\n    novuUI.updateTabs(options.tabs);\n    novuUI.updateOptions(options.options);\n    novuUI.updateRouterPush(options.routerPush);\n    novuUI.updateNovu(novu);\n  }, [\n    shadowRootDetector,\n    novuUI,\n    adaptedAppearanceForUpdate,\n    options.localization,\n    options.tabs,\n    options.options,\n    options.routerPush,\n    novu,\n  ]);\n\n  return (\n    <>\n      <ShadowRootDetector ref={shadowRootDetector} />\n      {novuUI && <NovuUIProvider value={{ novuUI }}>{children}</NovuUIProvider>}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,gBAAsC;AACtC,mBAA4D;AAC5D,2BAA+B;AAC/B,6BAA4B;AAC5B,wBAA2B;AAC3B,wBAAqC;AAErC,gCAAmC;AA+F/B;AApFJ,IAAM,uBAAuB,CAAC,UAA+C;AAC3E,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,MAAI,OAAoB;AAExB,SAAO,MAAM;AACX,QAAI,gBAAgB,WAAW,KAAK,YAAY;AAC9C,aAAO,KAAK;AAAA,IACd;AAEA,QAAI,gBAAgB,YAAY;AAC9B,aAAO;AAAA,IACT;AAEA,WAAO,KAAK;AAEZ,QAAI,CAAC,QAAQ,SAAS,UAAU;AAC9B;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAEO,IAAM,SAAS,CAAC,EAAE,SAAS,MAAM,SAAS,MAAmB;AAClE,QAAM,yBAAqB,qBAAuB,IAAI;AACtD,QAAM,EAAE,aAAa,QAAI,oCAAY;AAErC,QAAM,iCAA6B;AAAA,IACjC,UAAM,wCAAqB,QAAQ,cAAc,CAAC,GAAG,YAAY;AAAA,IACjE,CAAC,QAAQ,YAAY,YAAY;AAAA,EACnC;AAEA,QAAM,qBAAiB,sBAAQ,MAAM;AACnC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,YAAY;AAAA,MACZ;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,MAAM,0BAA0B,CAAC;AAE9C,QAAM,iBAAa,8BAAW,cAAc;AAC5C,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAkC;AAE9D,8BAAU,MAAM;AACd,UAAM,mBAAmB,qBAAqB,mBAAmB,OAAO;AACxE,UAAM,WAAW,IAAI,UAAAA,OAAY;AAAA,MAC/B,GAAG,WAAW;AAAA,MACd,WAAW,WAAW,QAAQ,aAAa;AAAA,IAC7C,CAAC;AACD,cAAU,QAAQ;AAElB,WAAO,MAAM;AACX,eAAS,QAAQ;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AAEA,UAAM,mBAAmB,qBAAqB,mBAAmB,OAAO;AACxE,WAAO,gBAAgB,QAAQ,aAAa,gBAAgB;AAC5D,WAAO,iBAAiB,0BAA0B;AAClD,WAAO,mBAAmB,QAAQ,YAAY;AAC9C,WAAO,WAAW,QAAQ,IAAI;AAC9B,WAAO,cAAc,QAAQ,OAAO;AACpC,WAAO,iBAAiB,QAAQ,UAAU;AAC1C,WAAO,WAAW,IAAI;AAAA,EACxB,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,EACF,CAAC;AAED,SACE,4EACE;AAAA,gDAAC,gDAAmB,KAAK,oBAAoB;AAAA,IAC5C,UAAU,4CAAC,uCAAe,OAAO,EAAE,OAAO,GAAI,UAAS;AAAA,KAC1D;AAEJ;","names":["NovuUIClass"]}
+{"version":3,"sources":["../../../src/components/NovuUI.tsx"],"sourcesContent":["import { Novu } from '@novu/js';\nimport type { NovuUIOptions as JsNovuUIOptions } from '@novu/js/ui';\nimport { NovuUI as NovuUIClass } from '@novu/js/ui';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { NovuUIProvider } from '../context/NovuUIContext';\nimport { useRenderer } from '../context/RendererContext';\nimport { useDataRef } from '../hooks/internal/useDataRef';\nimport { adaptAppearanceForJs } from '../utils/appearance';\nimport type { ReactAllAppearance, ReactInboxAppearance, ReactSubscriptionAppearance } from '../utils/types';\nimport { ShadowRootDetector } from './ShadowRootDetector';\n\nexport type NovuUIOptions = Omit<JsNovuUIOptions, 'appearance'> & {\n  appearance?: ReactInboxAppearance | ReactSubscriptionAppearance | ReactAllAppearance;\n};\n\ntype NovuUIProps = React.PropsWithChildren<{\n  options: NovuUIOptions;\n  novu: Novu;\n}>;\n\nconst findParentShadowRoot = (child?: HTMLDivElement | null): Node | null => {\n  if (!child) {\n    return null;\n  }\n\n  let node: Node | null = child;\n\n  while (node) {\n    if (node instanceof Element && node.shadowRoot) {\n      return node.shadowRoot;\n    }\n\n    if (node instanceof ShadowRoot) {\n      return node;\n    }\n\n    node = node.parentNode;\n\n    if (!node || node === document) {\n      break;\n    }\n  }\n\n  return null;\n};\n\nexport const NovuUI = ({ options, novu, children }: NovuUIProps) => {\n  const shadowRootDetector = useRef<HTMLDivElement>(null);\n  const { mountElement } = useRenderer();\n\n  const adaptedAppearanceForUpdate = useMemo(\n    () => adaptAppearanceForJs(options.appearance || {}, mountElement),\n    [options.appearance, mountElement]\n  );\n\n  const adaptedOptions = useMemo(() => {\n    return {\n      ...options,\n      appearance: adaptedAppearanceForUpdate,\n      novu,\n    };\n  }, [options, novu, adaptedAppearanceForUpdate]);\n\n  const optionsRef = useDataRef(adaptedOptions);\n  const [novuUI, setNovuUI] = useState<NovuUIClass | undefined>();\n\n  useEffect(() => {\n    const parentShadowRoot = findParentShadowRoot(shadowRootDetector.current);\n    const instance = new NovuUIClass({\n      ...optionsRef.current,\n      container: optionsRef.current.container ?? parentShadowRoot,\n    });\n    setNovuUI(instance);\n\n    return () => {\n      instance.unmount();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!novuUI) {\n      return;\n    }\n\n    const parentShadowRoot = findParentShadowRoot(shadowRootDetector.current);\n    novuUI.updateContainer(options.container ?? parentShadowRoot);\n    novuUI.updateAppearance(adaptedAppearanceForUpdate);\n    novuUI.updateLocalization(options.localization);\n    novuUI.updateTabs(options.tabs);\n    novuUI.updateOptions(options.options);\n    novuUI.updateRouterPush(options.routerPush);\n    novuUI.updateNovu(novu);\n  }, [\n    shadowRootDetector,\n    novuUI,\n    adaptedAppearanceForUpdate,\n    options.localization,\n    options.tabs,\n    options.options,\n    options.routerPush,\n    novu,\n  ]);\n\n  return (\n    <>\n      <ShadowRootDetector ref={shadowRootDetector} />\n      {novuUI && <NovuUIProvider value={{ novuUI }}>{children}</NovuUIProvider>}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,gBAAsC;AACtC,mBAA4D;AAC5D,2BAA+B;AAC/B,6BAA4B;AAC5B,wBAA2B;AAC3B,wBAAqC;AAErC,gCAAmC;AA+F/B;AApFJ,IAAM,uBAAuB,CAAC,UAA+C;AAC3E,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,MAAI,OAAoB;AAExB,SAAO,MAAM;AACX,QAAI,gBAAgB,WAAW,KAAK,YAAY;AAC9C,aAAO,KAAK;AAAA,IACd;AAEA,QAAI,gBAAgB,YAAY;AAC9B,aAAO;AAAA,IACT;AAEA,WAAO,KAAK;AAEZ,QAAI,CAAC,QAAQ,SAAS,UAAU;AAC9B;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAEO,IAAM,SAAS,CAAC,EAAE,SAAS,MAAM,SAAS,MAAmB;AAClE,QAAM,yBAAqB,qBAAuB,IAAI;AACtD,QAAM,EAAE,aAAa,QAAI,oCAAY;AAErC,QAAM,iCAA6B;AAAA,IACjC,UAAM,wCAAqB,QAAQ,cAAc,CAAC,GAAG,YAAY;AAAA,IACjE,CAAC,QAAQ,YAAY,YAAY;AAAA,EACnC;AAEA,QAAM,qBAAiB,sBAAQ,MAAM;AACnC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,YAAY;AAAA,MACZ;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,MAAM,0BAA0B,CAAC;AAE9C,QAAM,iBAAa,8BAAW,cAAc;AAC5C,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAkC;AAE9D,8BAAU,MAAM;AACd,UAAM,mBAAmB,qBAAqB,mBAAmB,OAAO;AACxE,UAAM,WAAW,IAAI,UAAAA,OAAY;AAAA,MAC/B,GAAG,WAAW;AAAA,MACd,WAAW,WAAW,QAAQ,aAAa;AAAA,IAC7C,CAAC;AACD,cAAU,QAAQ;AAElB,WAAO,MAAM;AACX,eAAS,QAAQ;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AAEA,UAAM,mBAAmB,qBAAqB,mBAAmB,OAAO;AACxE,WAAO,gBAAgB,QAAQ,aAAa,gBAAgB;AAC5D,WAAO,iBAAiB,0BAA0B;AAClD,WAAO,mBAAmB,QAAQ,YAAY;AAC9C,WAAO,WAAW,QAAQ,IAAI;AAC9B,WAAO,cAAc,QAAQ,OAAO;AACpC,WAAO,iBAAiB,QAAQ,UAAU;AAC1C,WAAO,WAAW,IAAI;AAAA,EACxB,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,EACF,CAAC;AAED,SACE,4EACE;AAAA,gDAAC,gDAAmB,KAAK,oBAAoB;AAAA,IAC5C,UAAU,4CAAC,uCAAe,OAAO,EAAE,OAAO,GAAI,UAAS;AAAA,KAC1D;AAEJ;","names":["NovuUIClass"]}

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

@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Novu } from '@novu/js';
 import { NovuUIOptions as NovuUIOptions$1 } from '@novu/js/ui';
 import React__default from 'react';
-import { ReactInboxAppearance, ReactSubscriptionAppearance } from '../utils/types.cjs';
+import { ReactInboxAppearance, ReactSubscriptionAppearance, ReactAllAppearance } from '../utils/types.cjs';
 
 type NovuUIOptions = Omit<NovuUIOptions$1, 'appearance'> & {
-    appearance?: ReactInboxAppearance | ReactSubscriptionAppearance;
+    appearance?: ReactInboxAppearance | ReactSubscriptionAppearance | ReactAllAppearance;
 };
 type NovuUIProps = React__default.PropsWithChildren<{
     options: NovuUIOptions;

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

package/dist/cjs/components/connect-chat/ConnectChat.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/connect-chat/ConnectChat.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useNovu } from '../../hooks/NovuProvider';\nimport { NovuUI, NovuUIOptions } from '../NovuUI';\nimport { withRenderer } from '../Renderer';\nimport { DefaultConnectChat, DefaultConnectChatProps } from './DefaultConnectChat';\n\nexport type ConnectChatProps = DefaultConnectChatProps & Pick<NovuUIOptions, 'container' | 'appearance'>;\n\nconst ConnectChatInternal = withRenderer<ConnectChatProps>((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      <DefaultConnectChat {...defaultProps} />\n    </NovuUI>\n  );\n});\n\nConnectChatInternal.displayName = 'ConnectChatInternal';\n\nexport const ConnectChat = React.memo((props: ConnectChatProps) => {\n  return <ConnectChatInternal {...props} />;\n});\n\nConnectChat.displayName = 'ConnectChat';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,0BAAwB;AACxB,oBAAsC;AACtC,sBAA6B;AAC7B,gCAA4D;AAkBtD;AAdN,IAAM,0BAAsB,8BAA+B,CAAC,UAAU;AACpE,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,gDAAoB,GAAG,cAAc,GACxC;AAEJ,CAAC;AAED,oBAAoB,cAAc;AAE3B,IAAM,cAAc,aAAAA,QAAM,KAAK,CAAC,UAA4B;AACjE,SAAO,4CAAC,uBAAqB,GAAG,OAAO;AACzC,CAAC;AAED,YAAY,cAAc;","names":["React"]}

package/dist/cjs/components/connect-chat/ConnectChat.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 { DefaultConnectChatProps } from './DefaultConnectChat.cjs';
+import '@novu/js';
+import '@novu/js/ui';
+import '../../utils/types.cjs';
+
+type ConnectChatProps = DefaultConnectChatProps & Pick<NovuUIOptions, 'container' | 'appearance'>;
+declare const ConnectChat: React__default.MemoExoticComponent<(props: ConnectChatProps) => react_jsx_runtime.JSX.Element>;
+
+export { ConnectChat, type ConnectChatProps };

package/dist/cjs/components/connect-chat/DefaultConnectChat.cjs

@@ -0,0 +1,83 @@
+"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/connect-chat/DefaultConnectChat.tsx
+var DefaultConnectChat_exports = {};
+__export(DefaultConnectChat_exports, {
+  DefaultConnectChat: () => DefaultConnectChat
+});
+module.exports = __toCommonJS(DefaultConnectChat_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 DefaultConnectChat = (props) => {
+  const {
+    integrationIdentifier,
+    connectionIdentifier,
+    subscriberId,
+    context,
+    scope,
+    connectionMode,
+    onConnectSuccess,
+    onConnectError,
+    onDisconnectSuccess,
+    onDisconnectError
+  } = props;
+  const { novuUI } = (0, import_NovuUIContext.useNovuUI)();
+  const mount = (0, import_react.useCallback)(
+    (element) => {
+      return novuUI.mountComponent({
+        name: "ConnectChat",
+        props: {
+          integrationIdentifier,
+          connectionIdentifier,
+          subscriberId,
+          context,
+          scope,
+          connectionMode,
+          onConnectSuccess,
+          onConnectError,
+          onDisconnectSuccess,
+          onDisconnectError
+        },
+        element
+      });
+    },
+    [
+      novuUI,
+      integrationIdentifier,
+      connectionIdentifier,
+      subscriberId,
+      context,
+      scope,
+      connectionMode,
+      onConnectSuccess,
+      onConnectError,
+      onDisconnectSuccess,
+      onDisconnectError
+    ]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Mounter.Mounter, { mount });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DefaultConnectChat
+});
+//# sourceMappingURL=DefaultConnectChat.cjs.map

package/dist/cjs/components/connect-chat/DefaultConnectChat.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/connect-chat/DefaultConnectChat.tsx"],"sourcesContent":["import { ConnectChatProps } from '@novu/js/ui';\nimport { useCallback } from 'react';\nimport { useNovuUI } from '../../context/NovuUIContext';\nimport { Mounter } from '../Mounter';\n\nexport type DefaultConnectChatProps = Pick<\n  ConnectChatProps,\n  | 'integrationIdentifier'\n  | 'connectionIdentifier'\n  | 'subscriberId'\n  | 'context'\n  | 'scope'\n  | 'connectionMode'\n  | 'onConnectSuccess'\n  | 'onConnectError'\n  | 'onDisconnectSuccess'\n  | 'onDisconnectError'\n>;\n\nexport const DefaultConnectChat = (props: DefaultConnectChatProps) => {\n  const {\n    integrationIdentifier,\n    connectionIdentifier,\n    subscriberId,\n    context,\n    scope,\n    connectionMode,\n    onConnectSuccess,\n    onConnectError,\n    onDisconnectSuccess,\n    onDisconnectError,\n  } = props;\n  const { novuUI } = useNovuUI();\n\n  const mount = useCallback(\n    (element: HTMLElement) => {\n      return novuUI.mountComponent({\n        name: 'ConnectChat',\n        props: {\n          integrationIdentifier,\n          connectionIdentifier,\n          subscriberId,\n          context,\n          scope,\n          connectionMode,\n          onConnectSuccess,\n          onConnectError,\n          onDisconnectSuccess,\n          onDisconnectError,\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    ]\n  );\n\n  return <Mounter mount={mount} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA4B;AAC5B,2BAA0B;AAC1B,qBAAwB;AAiEf;AAjDF,IAAM,qBAAqB,CAAC,UAAmC;AACpE,QAAM;AAAA,IACJ;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,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,IACF;AAAA,EACF;AAEA,SAAO,4CAAC,0BAAQ,OAAc;AAChC;","names":[]}

package/dist/cjs/components/connect-chat/DefaultConnectChat.d.cts

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

package/dist/cjs/components/index.cjs

@@ -21,8 +21,12 @@ __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);
+__reExport(components_exports, require("./slack-link-user/SlackLinkUser.cjs"), module.exports);
 __reExport(components_exports, require("./subscription/Subscription.cjs"), module.exports);
 __reExport(components_exports, require("./subscription/SubscriptionButton.cjs"), module.exports);
 __reExport(components_exports, require("./subscription/SubscriptionPreferences.cjs"), module.exports);
@@ -32,8 +36,12 @@ __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"),
+  ...require("./slack-link-user/SlackLinkUser.cjs"),
   ...require("./subscription/Subscription.cjs"),
   ...require("./subscription/SubscriptionButton.cjs"),
   ...require("./subscription/SubscriptionPreferences.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 './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,4CANd;AAOA,+BAAc,kDAPd;AAQA,+BAAc,uDARd;","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

@@ -1,9 +1,13 @@
-export { InternalNovuProvider, NovuProvider, NovuProviderProps, useNovu, useUnsafeNovu } from '../hooks/NovuProvider.cjs';
+export { InternalNovuProvider, NovuProvider, NovuProviderProps, useNovu, useRealtime, useUnsafeNovu } from '../hooks/NovuProvider.cjs';
 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';
+export { SlackLinkUser, SlackLinkUserProps } from './slack-link-user/SlackLinkUser.cjs';
 export { Subscription, SubscriptionProps } from './subscription/Subscription.cjs';
 export { SubscriptionButton, SubscriptionButtonProps } from './subscription/SubscriptionButton.cjs';
 export { SubscriptionPreferences, SubscriptionPreferencesProps } from './subscription/SubscriptionPreferences.cjs';
@@ -13,4 +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