@novu/react 3.19.2-rc.dc9caee828 → 3.20.0-rc.569d407fd0

package/dist/cjs/components/slack-link-user/DefaultSlackLinkUser.cjs

@@ -24,7 +24,6 @@ __export(DefaultSlackLinkUser_exports, {
 });
 module.exports = __toCommonJS(DefaultSlackLinkUser_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 DefaultSlackLinkUser = (props) => {
@@ -39,27 +38,19 @@ var DefaultSlackLinkUser = (props) => {
     linkLabel,
     unlinkLabel
   } = props;
-  const { novuUI } = (0, import_NovuUIContext.useNovuUI)();
-  const mount = (0, import_react.useCallback)(
-    (element) => {
-      return novuUI.mountComponent({
-        name: "SlackLinkUser",
-        props: {
-          integrationIdentifier,
-          connectionIdentifier,
-          context,
-          onLinkSuccess,
-          onLinkError,
-          onUnlinkSuccess,
-          onUnlinkError,
-          linkLabel,
-          unlinkLabel
-        },
-        element
-      });
-    },
+  const mountProps = (0, import_react.useMemo)(
+    () => ({
+      integrationIdentifier,
+      connectionIdentifier,
+      context,
+      onLinkSuccess,
+      onLinkError,
+      onUnlinkSuccess,
+      onUnlinkError,
+      linkLabel,
+      unlinkLabel
+    }),
     [
-      novuUI,
       integrationIdentifier,
       connectionIdentifier,
       context,
@@ -71,7 +62,7 @@ var DefaultSlackLinkUser = (props) => {
       unlinkLabel
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Mounter.Mounter, { mount });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Mounter.Mounter, { name: "SlackLinkUser", props: mountProps });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/components/slack-link-user/DefaultSlackLinkUser.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/slack-link-user/DefaultSlackLinkUser.tsx"],"sourcesContent":["import { SlackLinkUserProps } from '@novu/js/ui';\nimport { useCallback } from 'react';\nimport { useNovuUI } from '../../context/NovuUIContext';\nimport { Mounter } from '../Mounter';\n\nexport type DefaultSlackLinkUserProps = Pick<\n  SlackLinkUserProps,\n  | 'integrationIdentifier'\n  | 'connectionIdentifier'\n  | 'context'\n  | 'onLinkSuccess'\n  | 'onLinkError'\n  | 'onUnlinkSuccess'\n  | 'onUnlinkError'\n  | 'linkLabel'\n  | 'unlinkLabel'\n>;\n\nexport const DefaultSlackLinkUser = (props: DefaultSlackLinkUserProps) => {\n  const {\n    integrationIdentifier,\n    connectionIdentifier,\n    context,\n    onLinkSuccess,\n    onLinkError,\n    onUnlinkSuccess,\n    onUnlinkError,\n    linkLabel,\n    unlinkLabel,\n  } = props;\n  const { novuUI } = useNovuUI();\n\n  const mount = useCallback(\n    (element: HTMLElement) => {\n      return novuUI.mountComponent({\n        name: 'SlackLinkUser',\n        props: {\n          integrationIdentifier,\n          connectionIdentifier,\n          context,\n          onLinkSuccess,\n          onLinkError,\n          onUnlinkSuccess,\n          onUnlinkError,\n          linkLabel,\n          unlinkLabel,\n        },\n        element,\n      });\n    },\n    [\n      novuUI,\n      integrationIdentifier,\n      connectionIdentifier,\n      context,\n      onLinkSuccess,\n      onLinkError,\n      onUnlinkSuccess,\n      onUnlinkError,\n      linkLabel,\n      unlinkLabel,\n    ]\n  );\n\n  return <Mounter mount={mount} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA4B;AAC5B,2BAA0B;AAC1B,qBAAwB;AA6Df;AA9CF,IAAM,uBAAuB,CAAC,UAAqC;AACxE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,OAAO,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":[]}
+{"version":3,"sources":["../../../../src/components/slack-link-user/DefaultSlackLinkUser.tsx"],"sourcesContent":["import { SlackLinkUserProps } from '@novu/js/ui';\nimport { useMemo } from 'react';\nimport { Mounter } from '../Mounter';\n\nexport type DefaultSlackLinkUserProps = Pick<\n  SlackLinkUserProps,\n  | 'integrationIdentifier'\n  | 'connectionIdentifier'\n  | 'context'\n  | 'onLinkSuccess'\n  | 'onLinkError'\n  | 'onUnlinkSuccess'\n  | 'onUnlinkError'\n  | 'linkLabel'\n  | 'unlinkLabel'\n>;\n\nexport const DefaultSlackLinkUser = (props: DefaultSlackLinkUserProps) => {\n  const {\n    integrationIdentifier,\n    connectionIdentifier,\n    context,\n    onLinkSuccess,\n    onLinkError,\n    onUnlinkSuccess,\n    onUnlinkError,\n    linkLabel,\n    unlinkLabel,\n  } = props;\n\n  const mountProps = useMemo(\n    () => ({\n      integrationIdentifier,\n      connectionIdentifier,\n      context,\n      onLinkSuccess,\n      onLinkError,\n      onUnlinkSuccess,\n      onUnlinkError,\n      linkLabel,\n      unlinkLabel,\n    }),\n    [\n      integrationIdentifier,\n      connectionIdentifier,\n      context,\n      onLinkSuccess,\n      onLinkError,\n      onUnlinkSuccess,\n      onUnlinkError,\n      linkLabel,\n      unlinkLabel,\n    ]\n  );\n\n  return <Mounter name=\"SlackLinkUser\" props={mountProps} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAwB;AACxB,qBAAwB;AAqDf;AAtCF,IAAM,uBAAuB,CAAC,UAAqC;AACxE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,iBAAa;AAAA,IACjB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,4CAAC,0BAAQ,MAAK,iBAAgB,OAAO,YAAY;AAC1D;","names":[]}

package/dist/cjs/components/slack-link-user/SlackLinkUser.cjs

@@ -36,10 +36,9 @@ module.exports = __toCommonJS(SlackLinkUser_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_DefaultSlackLinkUser = require("./DefaultSlackLinkUser.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-var SlackLinkUserInternal = (0, import_Renderer.withRenderer)((props) => {
+var SlackLinkUserInternal = (props) => {
   const { container, appearance, ...defaultProps } = props;
   const novu = (0, import_NovuProvider.useNovu)();
   const options = (0, import_react.useMemo)(() => {
@@ -50,7 +49,7 @@ var SlackLinkUserInternal = (0, import_Renderer.withRenderer)((props) => {
     };
   }, [container, appearance, novu.options]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NovuUI.NovuUI, { options, novu, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DefaultSlackLinkUser.DefaultSlackLinkUser, { ...defaultProps }) });
-});
+};
 SlackLinkUserInternal.displayName = "SlackLinkUserInternal";
 var SlackLinkUser = import_react.default.memo((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SlackLinkUserInternal, { ...props });

package/dist/cjs/components/slack-link-user/SlackLinkUser.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/slack-link-user/SlackLinkUser.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useNovu } from '../../hooks/NovuProvider';\nimport { NovuUI, NovuUIOptions } from '../NovuUI';\nimport { withRenderer } from '../Renderer';\nimport { DefaultSlackLinkUser, DefaultSlackLinkUserProps } from './DefaultSlackLinkUser';\n\nexport type SlackLinkUserProps = DefaultSlackLinkUserProps & Pick<NovuUIOptions, 'container' | 'appearance'>;\n\nconst SlackLinkUserInternal = withRenderer<SlackLinkUserProps>((props) => {\n  const { container, appearance, ...defaultProps } = props;\n  const novu = useNovu();\n\n  const options: NovuUIOptions = useMemo(() => {\n    return {\n      container,\n      appearance,\n      options: novu.options,\n    };\n  }, [container, appearance, novu.options]);\n\n  return (\n    <NovuUI options={options} novu={novu}>\n      <DefaultSlackLinkUser {...defaultProps} />\n    </NovuUI>\n  );\n});\n\nSlackLinkUserInternal.displayName = 'SlackLinkUserInternal';\n\nexport const SlackLinkUser = React.memo((props: SlackLinkUserProps) => {\n  return <SlackLinkUserInternal {...props} />;\n});\n\nSlackLinkUser.displayName = 'SlackLinkUser';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,0BAAwB;AACxB,oBAAsC;AACtC,sBAA6B;AAC7B,kCAAgE;AAkB1D;AAdN,IAAM,4BAAwB,8BAAiC,CAAC,UAAU;AACxE,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,oDAAsB,GAAG,cAAc,GAC1C;AAEJ,CAAC;AAED,sBAAsB,cAAc;AAE7B,IAAM,gBAAgB,aAAAA,QAAM,KAAK,CAAC,UAA8B;AACrE,SAAO,4CAAC,yBAAuB,GAAG,OAAO;AAC3C,CAAC;AAED,cAAc,cAAc;","names":["React"]}
+{"version":3,"sources":["../../../../src/components/slack-link-user/SlackLinkUser.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useNovu } from '../../hooks/NovuProvider';\nimport { NovuUI, NovuUIOptions } from '../NovuUI';\nimport { DefaultSlackLinkUser, DefaultSlackLinkUserProps } from './DefaultSlackLinkUser';\n\nexport type SlackLinkUserProps = DefaultSlackLinkUserProps & Pick<NovuUIOptions, 'container' | 'appearance'>;\n\nconst SlackLinkUserInternal = (props: SlackLinkUserProps) => {\n  const { container, appearance, ...defaultProps } = props;\n  const novu = useNovu();\n\n  const options: NovuUIOptions = useMemo(() => {\n    return {\n      container,\n      appearance,\n      options: novu.options,\n    };\n  }, [container, appearance, novu.options]);\n\n  return (\n    <NovuUI options={options} novu={novu}>\n      <DefaultSlackLinkUser {...defaultProps} />\n    </NovuUI>\n  );\n};\n\nSlackLinkUserInternal.displayName = 'SlackLinkUserInternal';\n\nexport const SlackLinkUser = React.memo((props: SlackLinkUserProps) => {\n  return <SlackLinkUserInternal {...props} />;\n});\n\nSlackLinkUser.displayName = 'SlackLinkUser';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,0BAAwB;AACxB,oBAAsC;AACtC,kCAAgE;AAkB1D;AAdN,IAAM,wBAAwB,CAAC,UAA8B;AAC3D,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,oDAAsB,GAAG,cAAc,GAC1C;AAEJ;AAEA,sBAAsB,cAAc;AAE7B,IAAM,gBAAgB,aAAAA,QAAM,KAAK,CAAC,UAA8B;AACrE,SAAO,4CAAC,yBAAuB,GAAG,OAAO;AAC3C,CAAC;AAED,cAAc,cAAc;","names":["React"]}

package/dist/cjs/components/subscription/DefaultSubscription.cjs

@@ -24,33 +24,25 @@ __export(DefaultSubscription_exports, {
 });
 module.exports = __toCommonJS(DefaultSubscription_exports);
 var import_react = require("react");
-var import_NovuUIContext = require("../../context/NovuUIContext.cjs");
-var import_RendererContext = require("../../context/RendererContext.cjs");
+var import_useOutletRenderer = require("../../hooks/internal/useOutletRenderer.cjs");
 var import_Mounter = require("../Mounter.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var DefaultSubscription = (props) => {
   const { topicKey, identifier, preferences, open, placement, placementOffset, renderPreferences } = props;
-  const { novuUI } = (0, import_NovuUIContext.useNovuUI)();
-  const { mountElement } = (0, import_RendererContext.useRenderer)();
-  const mount = (0, import_react.useCallback)(
-    (element) => {
-      return novuUI.mountComponent({
-        name: "Subscription",
-        props: {
-          topicKey,
-          identifier,
-          preferences,
-          open,
-          placementOffset,
-          placement,
-          renderPreferences: renderPreferences ? (el, subscription, loading) => mountElement(el, renderPreferences(subscription, loading)) : void 0
-        },
-        element
-      });
-    },
-    [topicKey, identifier, preferences, open, placementOffset, placement, renderPreferences, novuUI, mountElement]
+  const renderPreferencesOutlet = (0, import_useOutletRenderer.useOutletRenderer)(renderPreferences);
+  const mountProps = (0, import_react.useMemo)(
+    () => ({
+      topicKey,
+      identifier,
+      preferences,
+      open,
+      placementOffset,
+      placement,
+      renderPreferences: renderPreferencesOutlet
+    }),
+    [topicKey, identifier, preferences, open, placementOffset, placement, renderPreferencesOutlet]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Mounter.Mounter, { mount });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Mounter.Mounter, { name: "Subscription", props: mountProps });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/components/subscription/DefaultSubscription.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/subscription/DefaultSubscription.tsx"],"sourcesContent":["import { TopicSubscription } from '@novu/js';\nimport { SubscriptionProps } from '@novu/js/ui';\nimport { useCallback } from 'react';\nimport { useNovuUI } from '../../context/NovuUIContext';\nimport { useRenderer } from '../../context/RendererContext';\nimport { Mounter } from '../Mounter';\n\nexport type PreferencesRenderer = (subscription?: TopicSubscription, loading?: boolean) => React.ReactNode;\n\nexport type DefaultSubscriptionProps = {\n  renderPreferences?: PreferencesRenderer;\n} & Pick<SubscriptionProps, 'open' | 'placement' | 'placementOffset' | 'topicKey' | 'identifier' | 'preferences'>;\n\nexport const DefaultSubscription = (props: DefaultSubscriptionProps) => {\n  const { topicKey, identifier, preferences, open, placement, placementOffset, renderPreferences } = props;\n  const { novuUI } = useNovuUI();\n  const { mountElement } = useRenderer();\n\n  const mount = useCallback(\n    (element: HTMLElement) => {\n      return novuUI.mountComponent({\n        name: 'Subscription',\n        props: {\n          topicKey,\n          identifier,\n          preferences,\n          open,\n          placementOffset,\n          placement,\n          renderPreferences: renderPreferences\n            ? (el, subscription, loading) => mountElement(el, renderPreferences(subscription, loading))\n            : undefined,\n        },\n        element,\n      });\n    },\n    [topicKey, identifier, preferences, open, placementOffset, placement, renderPreferences, novuUI, mountElement]\n  );\n\n  return <Mounter mount={mount} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA4B;AAC5B,2BAA0B;AAC1B,6BAA4B;AAC5B,qBAAwB;AAkCf;AA1BF,IAAM,sBAAsB,CAAC,UAAoC;AACtE,QAAM,EAAE,UAAU,YAAY,aAAa,MAAM,WAAW,iBAAiB,kBAAkB,IAAI;AACnG,QAAM,EAAE,OAAO,QAAI,gCAAU;AAC7B,QAAM,EAAE,aAAa,QAAI,oCAAY;AAErC,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,mBAAmB,oBACf,CAAC,IAAI,cAAc,YAAY,aAAa,IAAI,kBAAkB,cAAc,OAAO,CAAC,IACxF;AAAA,QACN;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,UAAU,YAAY,aAAa,MAAM,iBAAiB,WAAW,mBAAmB,QAAQ,YAAY;AAAA,EAC/G;AAEA,SAAO,4CAAC,0BAAQ,OAAc;AAChC;","names":[]}
+{"version":3,"sources":["../../../../src/components/subscription/DefaultSubscription.tsx"],"sourcesContent":["import { TopicSubscription } from '@novu/js';\nimport { SubscriptionProps } from '@novu/js/ui';\nimport { useMemo } from 'react';\nimport { useOutletRenderer } from '../../hooks/internal/useOutletRenderer';\nimport { Mounter } from '../Mounter';\n\nexport type PreferencesRenderer = (subscription?: TopicSubscription, loading?: boolean) => React.ReactNode;\n\nexport type DefaultSubscriptionProps = {\n  renderPreferences?: PreferencesRenderer;\n} & Pick<SubscriptionProps, 'open' | 'placement' | 'placementOffset' | 'topicKey' | 'identifier' | 'preferences'>;\n\nexport const DefaultSubscription = (props: DefaultSubscriptionProps) => {\n  const { topicKey, identifier, preferences, open, placement, placementOffset, renderPreferences } = props;\n  const renderPreferencesOutlet =\n    useOutletRenderer<[TopicSubscription | undefined, boolean | undefined]>(renderPreferences);\n\n  const mountProps = useMemo(\n    () => ({\n      topicKey,\n      identifier,\n      preferences,\n      open,\n      placementOffset,\n      placement,\n      renderPreferences: renderPreferencesOutlet,\n    }),\n    [topicKey, identifier, preferences, open, placementOffset, placement, renderPreferencesOutlet]\n  );\n\n  return <Mounter name=\"Subscription\" props={mountProps} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAwB;AACxB,+BAAkC;AAClC,qBAAwB;AA0Bf;AAlBF,IAAM,sBAAsB,CAAC,UAAoC;AACtE,QAAM,EAAE,UAAU,YAAY,aAAa,MAAM,WAAW,iBAAiB,kBAAkB,IAAI;AACnG,QAAM,8BACJ,4CAAwE,iBAAiB;AAE3F,QAAM,iBAAa;AAAA,IACjB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,IACrB;AAAA,IACA,CAAC,UAAU,YAAY,aAAa,MAAM,iBAAiB,WAAW,uBAAuB;AAAA,EAC/F;AAEA,SAAO,4CAAC,0BAAQ,MAAK,gBAAe,OAAO,YAAY;AACzD;","names":[]}

package/dist/cjs/components/subscription/Subscription.cjs

@@ -36,10 +36,9 @@ module.exports = __toCommonJS(Subscription_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_DefaultSubscription = require("./DefaultSubscription.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-var SubscriptionInternal = (0, import_Renderer.withRenderer)((props) => {
+var SubscriptionInternal = (props) => {
   const { container, localization, appearance, ...defaultSubscriptionProps } = props;
   const novu = (0, import_NovuProvider.useNovu)();
   const options = (0, import_react.useMemo)(() => {
@@ -65,7 +64,7 @@ var SubscriptionInternal = (0, import_Renderer.withRenderer)((props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NovuUI.NovuUI, { options, novu, children: clonedChildren });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NovuUI.NovuUI, { options, novu, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DefaultSubscription.DefaultSubscription, { ...defaultSubscriptionProps }) });
-});
+};
 SubscriptionInternal.displayName = "SubscriptionInternal";
 var Subscription = import_react.default.memo((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SubscriptionInternal, { ...props });

package/dist/cjs/components/subscription/Subscription.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/subscription/Subscription.tsx"],"sourcesContent":["import { SubscriptionLocalization } from '@novu/js/ui';\nimport React, { useMemo } from 'react';\nimport { useNovu } from '../../hooks/NovuProvider';\nimport { ReactSubscriptionAppearance } from '../../utils/types';\nimport { NovuUI, NovuUIOptions } from '../NovuUI';\nimport { withRenderer } from '../Renderer';\nimport { DefaultSubscription, DefaultSubscriptionProps } from './DefaultSubscription';\n\ntype BaseSubscriptionProps = {\n  localization?: SubscriptionLocalization;\n  appearance?: ReactSubscriptionAppearance;\n} & Pick<NovuUIOptions, 'container'>;\n\ntype SubscriptionPropsWithChildren = {\n  children?: React.ReactNode;\n} & Exclude<DefaultSubscriptionProps, 'renderPreferences'> &\n  BaseSubscriptionProps;\n\ntype SubscriptionPropsWithoutChildren = {\n  children?: never;\n} & DefaultSubscriptionProps &\n  BaseSubscriptionProps;\n\nexport type SubscriptionProps = SubscriptionPropsWithChildren | SubscriptionPropsWithoutChildren;\n\nconst SubscriptionInternal = withRenderer<SubscriptionProps>((props) => {\n  const { container, localization, appearance, ...defaultSubscriptionProps } = props;\n  const novu = useNovu();\n\n  const options: NovuUIOptions = useMemo(() => {\n    return {\n      container,\n      localization,\n      appearance,\n      options: novu.options,\n    };\n  }, [localization, appearance, container, novu.options]);\n\n  if (isWithChildrenProps(props)) {\n    const clonedChildren = React.Children.map(props.children, (child) => {\n      if (React.isValidElement(child)) {\n        return React.cloneElement(child, {\n          ...child.props,\n          topicKey: defaultSubscriptionProps.topicKey,\n          identifier: defaultSubscriptionProps.identifier,\n          preferences: defaultSubscriptionProps.preferences,\n        });\n      }\n\n      return child;\n    });\n\n    return (\n      <NovuUI options={options} novu={novu}>\n        {clonedChildren}\n      </NovuUI>\n    );\n  }\n\n  return (\n    <NovuUI options={options} novu={novu}>\n      <DefaultSubscription {...defaultSubscriptionProps} />\n    </NovuUI>\n  );\n});\n\nSubscriptionInternal.displayName = 'SubscriptionInternal';\n\nexport const Subscription = React.memo((props: SubscriptionProps) => {\n  return <SubscriptionInternal {...props} />;\n});\n\nfunction isWithChildrenProps(props: SubscriptionProps): props is SubscriptionPropsWithChildren {\n  return 'children' in props;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA+B;AAC/B,0BAAwB;AAExB,oBAAsC;AACtC,sBAA6B;AAC7B,iCAA8D;AA+CxD;AA5BN,IAAM,2BAAuB,8BAAgC,CAAC,UAAU;AACtE,QAAM,EAAE,WAAW,cAAc,YAAY,GAAG,yBAAyB,IAAI;AAC7E,QAAM,WAAO,6BAAQ;AAErB,QAAM,cAAyB,sBAAQ,MAAM;AAC3C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,KAAK;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,cAAc,YAAY,WAAW,KAAK,OAAO,CAAC;AAEtD,MAAI,oBAAoB,KAAK,GAAG;AAC9B,UAAM,iBAAiB,aAAAA,QAAM,SAAS,IAAI,MAAM,UAAU,CAAC,UAAU;AACnE,UAAI,aAAAA,QAAM,eAAe,KAAK,GAAG;AAC/B,eAAO,aAAAA,QAAM,aAAa,OAAO;AAAA,UAC/B,GAAG,MAAM;AAAA,UACT,UAAU,yBAAyB;AAAA,UACnC,YAAY,yBAAyB;AAAA,UACrC,aAAa,yBAAyB;AAAA,QACxC,CAAC;AAAA,MACH;AAEA,aAAO;AAAA,IACT,CAAC;AAED,WACE,4CAAC,wBAAO,SAAkB,MACvB,0BACH;AAAA,EAEJ;AAEA,SACE,4CAAC,wBAAO,SAAkB,MACxB,sDAAC,kDAAqB,GAAG,0BAA0B,GACrD;AAEJ,CAAC;AAED,qBAAqB,cAAc;AAE5B,IAAM,eAAe,aAAAA,QAAM,KAAK,CAAC,UAA6B;AACnE,SAAO,4CAAC,wBAAsB,GAAG,OAAO;AAC1C,CAAC;AAED,SAAS,oBAAoB,OAAkE;AAC7F,SAAO,cAAc;AACvB;","names":["React"]}
+{"version":3,"sources":["../../../../src/components/subscription/Subscription.tsx"],"sourcesContent":["import { SubscriptionLocalization } from '@novu/js/ui';\nimport React, { useMemo } from 'react';\nimport { useNovu } from '../../hooks/NovuProvider';\nimport { ReactSubscriptionAppearance } from '../../utils/types';\nimport { NovuUI, NovuUIOptions } from '../NovuUI';\nimport { DefaultSubscription, DefaultSubscriptionProps } from './DefaultSubscription';\n\ntype BaseSubscriptionProps = {\n  localization?: SubscriptionLocalization;\n  appearance?: ReactSubscriptionAppearance;\n} & Pick<NovuUIOptions, 'container'>;\n\ntype SubscriptionPropsWithChildren = {\n  children?: React.ReactNode;\n} & Exclude<DefaultSubscriptionProps, 'renderPreferences'> &\n  BaseSubscriptionProps;\n\ntype SubscriptionPropsWithoutChildren = {\n  children?: never;\n} & DefaultSubscriptionProps &\n  BaseSubscriptionProps;\n\nexport type SubscriptionProps = SubscriptionPropsWithChildren | SubscriptionPropsWithoutChildren;\n\nconst SubscriptionInternal = (props: SubscriptionProps) => {\n  const { container, localization, appearance, ...defaultSubscriptionProps } = props;\n  const novu = useNovu();\n\n  const options: NovuUIOptions = useMemo(() => {\n    return {\n      container,\n      localization,\n      appearance,\n      options: novu.options,\n    };\n  }, [localization, appearance, container, novu.options]);\n\n  if (isWithChildrenProps(props)) {\n    const clonedChildren = React.Children.map(props.children, (child) => {\n      if (React.isValidElement(child)) {\n        return React.cloneElement(child, {\n          ...child.props,\n          topicKey: defaultSubscriptionProps.topicKey,\n          identifier: defaultSubscriptionProps.identifier,\n          preferences: defaultSubscriptionProps.preferences,\n        });\n      }\n\n      return child;\n    });\n\n    return (\n      <NovuUI options={options} novu={novu}>\n        {clonedChildren}\n      </NovuUI>\n    );\n  }\n\n  return (\n    <NovuUI options={options} novu={novu}>\n      <DefaultSubscription {...defaultSubscriptionProps} />\n    </NovuUI>\n  );\n};\n\nSubscriptionInternal.displayName = 'SubscriptionInternal';\n\nexport const Subscription = React.memo((props: SubscriptionProps) => {\n  return <SubscriptionInternal {...props} />;\n});\n\nfunction isWithChildrenProps(props: SubscriptionProps): props is SubscriptionPropsWithChildren {\n  return 'children' in props;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA+B;AAC/B,0BAAwB;AAExB,oBAAsC;AACtC,iCAA8D;AA+CxD;AA5BN,IAAM,uBAAuB,CAAC,UAA6B;AACzD,QAAM,EAAE,WAAW,cAAc,YAAY,GAAG,yBAAyB,IAAI;AAC7E,QAAM,WAAO,6BAAQ;AAErB,QAAM,cAAyB,sBAAQ,MAAM;AAC3C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,KAAK;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,cAAc,YAAY,WAAW,KAAK,OAAO,CAAC;AAEtD,MAAI,oBAAoB,KAAK,GAAG;AAC9B,UAAM,iBAAiB,aAAAA,QAAM,SAAS,IAAI,MAAM,UAAU,CAAC,UAAU;AACnE,UAAI,aAAAA,QAAM,eAAe,KAAK,GAAG;AAC/B,eAAO,aAAAA,QAAM,aAAa,OAAO;AAAA,UAC/B,GAAG,MAAM;AAAA,UACT,UAAU,yBAAyB;AAAA,UACnC,YAAY,yBAAyB;AAAA,UACrC,aAAa,yBAAyB;AAAA,QACxC,CAAC;AAAA,MACH;AAEA,aAAO;AAAA,IACT,CAAC;AAED,WACE,4CAAC,wBAAO,SAAkB,MACvB,0BACH;AAAA,EAEJ;AAEA,SACE,4CAAC,wBAAO,SAAkB,MACxB,sDAAC,kDAAqB,GAAG,0BAA0B,GACrD;AAEJ;AAEA,qBAAqB,cAAc;AAE5B,IAAM,eAAe,aAAAA,QAAM,KAAK,CAAC,UAA6B;AACnE,SAAO,4CAAC,wBAAsB,GAAG,OAAO;AAC1C,CAAC;AAED,SAAS,oBAAoB,OAAkE;AAC7F,SAAO,cAAc;AACvB;","names":["React"]}

package/dist/cjs/components/subscription/SubscriptionButton.cjs

@@ -34,7 +34,6 @@ __export(SubscriptionButton_exports, {
 });
 module.exports = __toCommonJS(SubscriptionButton_exports);
 var import_react = __toESM(require("react"), 1);
-var import_NovuUIContext = require("../../context/NovuUIContext.cjs");
 var import_Mounter = require("../Mounter.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var SubscriptionButton = import_react.default.memo(
@@ -48,29 +47,8 @@ var SubscriptionButton = import_react.default.memo(
     onCreateError,
     onCreateSuccess
   }) => {
-    const { novuUI } = (0, import_NovuUIContext.useNovuUI)();
-    const mount = import_react.default.useCallback(
-      (element) => {
-        if (!topicKey) {
-          return;
-        }
-        return novuUI.mountComponent({
-          name: "SubscriptionButton",
-          element,
-          props: {
-            topicKey,
-            identifier,
-            preferences,
-            onClick,
-            onDeleteError,
-            onDeleteSuccess,
-            onCreateError,
-            onCreateSuccess
-          }
-        });
-      },
-      [
-        novuUI,
+    const mountProps = (0, import_react.useMemo)(
+      () => topicKey ? {
         topicKey,
         identifier,
         preferences,
@@ -79,11 +57,16 @@ var SubscriptionButton = import_react.default.memo(
         onDeleteSuccess,
         onCreateError,
         onCreateSuccess
-      ]
+      } : void 0,
+      [topicKey, identifier, preferences, onClick, onDeleteError, onDeleteSuccess, onCreateError, onCreateSuccess]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Mounter.Mounter, { mount });
+    if (!mountProps) {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Mounter.Mounter, { name: "SubscriptionButton", props: mountProps });
   }
 );
+SubscriptionButton.displayName = "SubscriptionButton";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   SubscriptionButton

package/dist/cjs/components/subscription/SubscriptionButton.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/subscription/SubscriptionButton.tsx"],"sourcesContent":["import type { SubscriptionButtonWrapperProps } from '@novu/js/ui';\nimport React from 'react';\nimport { useNovuUI } from '../../context/NovuUIContext';\nimport { Mounter } from '../Mounter';\n\nexport type SubscriptionButtonProps = Partial<SubscriptionButtonWrapperProps>;\n\nexport const SubscriptionButton = React.memo(\n  ({\n    topicKey,\n    identifier,\n    preferences,\n    onClick,\n    onDeleteError,\n    onDeleteSuccess,\n    onCreateError,\n    onCreateSuccess,\n  }: SubscriptionButtonProps) => {\n    const { novuUI } = useNovuUI();\n\n    const mount = React.useCallback(\n      (element: HTMLElement) => {\n        if (!topicKey) {\n          return;\n        }\n\n        return novuUI.mountComponent({\n          name: 'SubscriptionButton',\n          element,\n          props: {\n            topicKey,\n            identifier,\n            preferences,\n            onClick,\n            onDeleteError,\n            onDeleteSuccess,\n            onCreateError,\n            onCreateSuccess,\n          },\n        });\n      },\n      [\n        novuUI,\n        topicKey,\n        identifier,\n        preferences,\n        onClick,\n        onDeleteError,\n        onDeleteSuccess,\n        onCreateError,\n        onCreateSuccess,\n      ]\n    );\n\n    return <Mounter mount={mount} />;\n  }\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAClB,2BAA0B;AAC1B,qBAAwB;AAmDb;AA/CJ,IAAM,qBAAqB,aAAAA,QAAM;AAAA,EACtC,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAA+B;AAC7B,UAAM,EAAE,OAAO,QAAI,gCAAU;AAE7B,UAAM,QAAQ,aAAAA,QAAM;AAAA,MAClB,CAAC,YAAyB;AACxB,YAAI,CAAC,UAAU;AACb;AAAA,QACF;AAEA,eAAO,OAAO,eAAe;AAAA,UAC3B,MAAM;AAAA,UACN;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,WAAO,4CAAC,0BAAQ,OAAc;AAAA,EAChC;AACF;","names":["React"]}
+{"version":3,"sources":["../../../../src/components/subscription/SubscriptionButton.tsx"],"sourcesContent":["import type { SubscriptionButtonWrapperProps } from '@novu/js/ui';\nimport React, { useMemo } from 'react';\nimport { Mounter } from '../Mounter';\n\nexport type SubscriptionButtonProps = Partial<SubscriptionButtonWrapperProps>;\n\nexport const SubscriptionButton = React.memo(\n  ({\n    topicKey,\n    identifier,\n    preferences,\n    onClick,\n    onDeleteError,\n    onDeleteSuccess,\n    onCreateError,\n    onCreateSuccess,\n  }: SubscriptionButtonProps) => {\n    const mountProps = useMemo(\n      () =>\n        topicKey\n          ? {\n              topicKey,\n              identifier,\n              preferences,\n              onClick,\n              onDeleteError,\n              onDeleteSuccess,\n              onCreateError,\n              onCreateSuccess,\n            }\n          : undefined,\n      [topicKey, identifier, preferences, onClick, onDeleteError, onDeleteSuccess, onCreateError, onCreateSuccess]\n    );\n\n    if (!mountProps) {\n      return null;\n    }\n\n    return <Mounter name=\"SubscriptionButton\" props={mountProps} />;\n  }\n);\n\nSubscriptionButton.displayName = 'SubscriptionButton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA+B;AAC/B,qBAAwB;AAoCb;AAhCJ,IAAM,qBAAqB,aAAAA,QAAM;AAAA,EACtC,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAA+B;AAC7B,UAAM,iBAAa;AAAA,MACjB,MACE,WACI;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,IACA;AAAA,MACN,CAAC,UAAU,YAAY,aAAa,SAAS,eAAe,iBAAiB,eAAe,eAAe;AAAA,IAC7G;AAEA,QAAI,CAAC,YAAY;AACf,aAAO;AAAA,IACT;AAEA,WAAO,4CAAC,0BAAQ,MAAK,sBAAqB,OAAO,YAAY;AAAA,EAC/D;AACF;AAEA,mBAAmB,cAAc;","names":["React"]}

package/dist/cjs/components/subscription/SubscriptionButton.d.cts

@@ -3,6 +3,6 @@ import { SubscriptionButtonWrapperProps } from '@novu/js/ui';
 import React__default from 'react';
 
 type SubscriptionButtonProps = Partial<SubscriptionButtonWrapperProps>;
-declare const SubscriptionButton: React__default.MemoExoticComponent<({ topicKey, identifier, preferences, onClick, onDeleteError, onDeleteSuccess, onCreateError, onCreateSuccess, }: SubscriptionButtonProps) => react_jsx_runtime.JSX.Element>;
+declare const SubscriptionButton: React__default.MemoExoticComponent<({ topicKey, identifier, preferences, onClick, onDeleteError, onDeleteSuccess, onCreateError, onCreateSuccess, }: SubscriptionButtonProps) => react_jsx_runtime.JSX.Element | null>;
 
 export { SubscriptionButton, type SubscriptionButtonProps };

package/dist/cjs/components/subscription/SubscriptionPreferences.cjs

@@ -34,7 +34,6 @@ __export(SubscriptionPreferences_exports, {
 });
 module.exports = __toCommonJS(SubscriptionPreferences_exports);
 var import_react = __toESM(require("react"), 1);
-var import_NovuUIContext = require("../../context/NovuUIContext.cjs");
 var import_Mounter = require("../Mounter.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var SubscriptionPreferences = import_react.default.memo(
@@ -48,29 +47,8 @@ var SubscriptionPreferences = import_react.default.memo(
     onCreateError,
     onCreateSuccess
   }) => {
-    const { novuUI } = (0, import_NovuUIContext.useNovuUI)();
-    const mount = import_react.default.useCallback(
-      (element) => {
-        if (!topicKey) {
-          return;
-        }
-        return novuUI.mountComponent({
-          name: "SubscriptionPreferences",
-          element,
-          props: {
-            topicKey,
-            identifier,
-            preferences,
-            onClick,
-            onDeleteError,
-            onDeleteSuccess,
-            onCreateError,
-            onCreateSuccess
-          }
-        });
-      },
-      [
-        novuUI,
+    const mountProps = (0, import_react.useMemo)(
+      () => topicKey ? {
         topicKey,
         identifier,
         preferences,
@@ -79,11 +57,16 @@ var SubscriptionPreferences = import_react.default.memo(
         onDeleteSuccess,
         onCreateError,
         onCreateSuccess
-      ]
+      } : void 0,
+      [topicKey, identifier, preferences, onClick, onDeleteError, onDeleteSuccess, onCreateError, onCreateSuccess]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Mounter.Mounter, { mount });
+    if (!mountProps) {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Mounter.Mounter, { name: "SubscriptionPreferences", props: mountProps });
   }
 );
+SubscriptionPreferences.displayName = "SubscriptionPreferences";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   SubscriptionPreferences

package/dist/cjs/components/subscription/SubscriptionPreferences.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/subscription/SubscriptionPreferences.tsx"],"sourcesContent":["import type { SubscriptionPreferencesWrapperProps } from '@novu/js/ui';\nimport React from 'react';\nimport { useNovuUI } from '../../context/NovuUIContext';\nimport { Mounter } from '../Mounter';\n\nexport type SubscriptionPreferencesProps = Partial<SubscriptionPreferencesWrapperProps>;\n\nexport const SubscriptionPreferences = React.memo(\n  ({\n    topicKey,\n    identifier,\n    preferences,\n    onClick,\n    onDeleteError,\n    onDeleteSuccess,\n    onCreateError,\n    onCreateSuccess,\n  }: SubscriptionPreferencesProps) => {\n    const { novuUI } = useNovuUI();\n\n    const mount = React.useCallback(\n      (element: HTMLElement) => {\n        if (!topicKey) {\n          return;\n        }\n\n        return novuUI.mountComponent({\n          name: 'SubscriptionPreferences',\n          element,\n          props: {\n            topicKey,\n            identifier,\n            preferences,\n            onClick,\n            onDeleteError,\n            onDeleteSuccess,\n            onCreateError,\n            onCreateSuccess,\n          },\n        });\n      },\n      [\n        novuUI,\n        topicKey,\n        identifier,\n        preferences,\n        onClick,\n        onDeleteError,\n        onDeleteSuccess,\n        onCreateError,\n        onCreateSuccess,\n      ]\n    );\n\n    return <Mounter mount={mount} />;\n  }\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAClB,2BAA0B;AAC1B,qBAAwB;AAmDb;AA/CJ,IAAM,0BAA0B,aAAAA,QAAM;AAAA,EAC3C,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAoC;AAClC,UAAM,EAAE,OAAO,QAAI,gCAAU;AAE7B,UAAM,QAAQ,aAAAA,QAAM;AAAA,MAClB,CAAC,YAAyB;AACxB,YAAI,CAAC,UAAU;AACb;AAAA,QACF;AAEA,eAAO,OAAO,eAAe;AAAA,UAC3B,MAAM;AAAA,UACN;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,WAAO,4CAAC,0BAAQ,OAAc;AAAA,EAChC;AACF;","names":["React"]}
+{"version":3,"sources":["../../../../src/components/subscription/SubscriptionPreferences.tsx"],"sourcesContent":["import type { SubscriptionPreferencesWrapperProps } from '@novu/js/ui';\nimport React, { useMemo } from 'react';\nimport { Mounter } from '../Mounter';\n\nexport type SubscriptionPreferencesProps = Partial<SubscriptionPreferencesWrapperProps>;\n\nexport const SubscriptionPreferences = React.memo(\n  ({\n    topicKey,\n    identifier,\n    preferences,\n    onClick,\n    onDeleteError,\n    onDeleteSuccess,\n    onCreateError,\n    onCreateSuccess,\n  }: SubscriptionPreferencesProps) => {\n    const mountProps = useMemo(\n      () =>\n        topicKey\n          ? {\n              topicKey,\n              identifier,\n              preferences,\n              onClick,\n              onDeleteError,\n              onDeleteSuccess,\n              onCreateError,\n              onCreateSuccess,\n            }\n          : undefined,\n      [topicKey, identifier, preferences, onClick, onDeleteError, onDeleteSuccess, onCreateError, onCreateSuccess]\n    );\n\n    if (!mountProps) {\n      return null;\n    }\n\n    return <Mounter name=\"SubscriptionPreferences\" props={mountProps} />;\n  }\n);\n\nSubscriptionPreferences.displayName = 'SubscriptionPreferences';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA+B;AAC/B,qBAAwB;AAoCb;AAhCJ,IAAM,0BAA0B,aAAAA,QAAM;AAAA,EAC3C,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAoC;AAClC,UAAM,iBAAa;AAAA,MACjB,MACE,WACI;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,IACA;AAAA,MACN,CAAC,UAAU,YAAY,aAAa,SAAS,eAAe,iBAAiB,eAAe,eAAe;AAAA,IAC7G;AAEA,QAAI,CAAC,YAAY;AACf,aAAO;AAAA,IACT;AAEA,WAAO,4CAAC,0BAAQ,MAAK,2BAA0B,OAAO,YAAY;AAAA,EACpE;AACF;AAEA,wBAAwB,cAAc;","names":["React"]}

package/dist/cjs/components/subscription/SubscriptionPreferences.d.cts

@@ -3,6 +3,6 @@ import { SubscriptionPreferencesWrapperProps } from '@novu/js/ui';
 import React__default from 'react';
 
 type SubscriptionPreferencesProps = Partial<SubscriptionPreferencesWrapperProps>;
-declare const SubscriptionPreferences: React__default.MemoExoticComponent<({ topicKey, identifier, preferences, onClick, onDeleteError, onDeleteSuccess, onCreateError, onCreateSuccess, }: SubscriptionPreferencesProps) => react_jsx_runtime.JSX.Element>;
+declare const SubscriptionPreferences: React__default.MemoExoticComponent<({ topicKey, identifier, preferences, onClick, onDeleteError, onDeleteSuccess, onCreateError, onCreateSuccess, }: SubscriptionPreferencesProps) => react_jsx_runtime.JSX.Element | null>;
 
 export { SubscriptionPreferences, type SubscriptionPreferencesProps };

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

@@ -24,7 +24,6 @@ __export(DefaultTelegramConnectButton_exports, {
 });
 module.exports = __toCommonJS(DefaultTelegramConnectButton_exports);
 var import_react = require("react");
-var import_NovuUIContext = require("../../context/NovuUIContext.cjs");
 var import_Mounter = require("../Mounter.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var DefaultTelegramConnectButton = (props) => {
@@ -40,28 +39,20 @@ var DefaultTelegramConnectButton = (props) => {
     connectLabel,
     connectedLabel
   } = props;
-  const { novuUI } = (0, import_NovuUIContext.useNovuUI)();
-  const mount = (0, import_react.useCallback)(
-    (element) => {
-      return novuUI.mountComponent({
-        name: "TelegramConnectButton",
-        props: {
-          integrationIdentifier,
-          subscriberId,
-          context,
-          contextHash,
-          onConnectSuccess,
-          onConnectError,
-          onDisconnectSuccess,
-          onDisconnectError,
-          connectLabel,
-          connectedLabel
-        },
-        element
-      });
-    },
+  const mountProps = (0, import_react.useMemo)(
+    () => ({
+      integrationIdentifier,
+      subscriberId,
+      context,
+      contextHash,
+      onConnectSuccess,
+      onConnectError,
+      onDisconnectSuccess,
+      onDisconnectError,
+      connectLabel,
+      connectedLabel
+    }),
     [
-      novuUI,
       integrationIdentifier,
       subscriberId,
       context,
@@ -74,7 +65,7 @@ var DefaultTelegramConnectButton = (props) => {
       connectedLabel
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Mounter.Mounter, { mount });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Mounter.Mounter, { name: "TelegramConnectButton", props: mountProps });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/telegram-connect-button/DefaultTelegramConnectButton.tsx"],"sourcesContent":["import { TelegramConnectButtonProps } from '@novu/js/ui';\nimport { useCallback } from 'react';\nimport { useNovuUI } from '../../context/NovuUIContext';\nimport { Mounter } from '../Mounter';\n\nexport type DefaultTelegramConnectButtonProps = Pick<\n  TelegramConnectButtonProps,\n  | 'integrationIdentifier'\n  | 'subscriberId'\n  | 'context'\n  | 'contextHash'\n  | 'onConnectSuccess'\n  | 'onConnectError'\n  | 'onDisconnectSuccess'\n  | 'onDisconnectError'\n  | 'connectLabel'\n  | 'connectedLabel'\n>;\n\nexport const DefaultTelegramConnectButton = (props: DefaultTelegramConnectButtonProps) => {\n  const {\n    integrationIdentifier,\n    subscriberId,\n    context,\n    contextHash,\n    onConnectSuccess,\n    onConnectError,\n    onDisconnectSuccess,\n    onDisconnectError,\n    connectLabel,\n    connectedLabel,\n  } = props;\n  const { novuUI } = useNovuUI();\n\n  const mount = useCallback(\n    (element: HTMLElement) => {\n      return novuUI.mountComponent({\n        name: 'TelegramConnectButton',\n        props: {\n          integrationIdentifier,\n          subscriberId,\n          context,\n          contextHash,\n          onConnectSuccess,\n          onConnectError,\n          onDisconnectSuccess,\n          onDisconnectError,\n          connectLabel,\n          connectedLabel,\n        },\n        element,\n      });\n    },\n    [\n      novuUI,\n      integrationIdentifier,\n      subscriberId,\n      context,\n      contextHash,\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;AAiEf;AAjDF,IAAM,+BAA+B,CAAC,UAA6C;AACxF,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":[]}
+{"version":3,"sources":["../../../../src/components/telegram-connect-button/DefaultTelegramConnectButton.tsx"],"sourcesContent":["import { TelegramConnectButtonProps } from '@novu/js/ui';\nimport { useMemo } from 'react';\nimport { Mounter } from '../Mounter';\n\nexport type DefaultTelegramConnectButtonProps = Pick<\n  TelegramConnectButtonProps,\n  | 'integrationIdentifier'\n  | 'subscriberId'\n  | 'context'\n  | 'contextHash'\n  | 'onConnectSuccess'\n  | 'onConnectError'\n  | 'onDisconnectSuccess'\n  | 'onDisconnectError'\n  | 'connectLabel'\n  | 'connectedLabel'\n>;\n\nexport const DefaultTelegramConnectButton = (props: DefaultTelegramConnectButtonProps) => {\n  const {\n    integrationIdentifier,\n    subscriberId,\n    context,\n    contextHash,\n    onConnectSuccess,\n    onConnectError,\n    onDisconnectSuccess,\n    onDisconnectError,\n    connectLabel,\n    connectedLabel,\n  } = props;\n\n  const mountProps = useMemo(\n    () => ({\n      integrationIdentifier,\n      subscriberId,\n      context,\n      contextHash,\n      onConnectSuccess,\n      onConnectError,\n      onDisconnectSuccess,\n      onDisconnectError,\n      connectLabel,\n      connectedLabel,\n    }),\n    [\n      integrationIdentifier,\n      subscriberId,\n      context,\n      contextHash,\n      onConnectSuccess,\n      onConnectError,\n      onDisconnectSuccess,\n      onDisconnectError,\n      connectLabel,\n      connectedLabel,\n    ]\n  );\n\n  return <Mounter name=\"TelegramConnectButton\" props={mountProps} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAwB;AACxB,qBAAwB;AAyDf;AAzCF,IAAM,+BAA+B,CAAC,UAA6C;AACxF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,iBAAa;AAAA,IACjB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;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,MAAK,yBAAwB,OAAO,YAAY;AAClE;","names":[]}

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

@@ -36,10 +36,9 @@ module.exports = __toCommonJS(TelegramConnectButton_exports);
 var import_react = __toESM(require("react"), 1);
 var import_NovuProvider = require("../../hooks/NovuProvider.cjs");
 var import_NovuUI = require("../NovuUI.cjs");
-var import_Renderer = require("../Renderer.cjs");
 var import_DefaultTelegramConnectButton = require("./DefaultTelegramConnectButton.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-var TelegramConnectButtonInternal = (0, import_Renderer.withRenderer)((props) => {
+var TelegramConnectButtonInternal = (props) => {
   const { container, appearance, ...defaultProps } = props;
   const novu = (0, import_NovuProvider.useNovu)();
   const options = (0, import_react.useMemo)(() => {
@@ -50,7 +49,7 @@ var TelegramConnectButtonInternal = (0, import_Renderer.withRenderer)((props) =>
     };
   }, [container, appearance, novu.options]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NovuUI.NovuUI, { options, novu, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DefaultTelegramConnectButton.DefaultTelegramConnectButton, { ...defaultProps }) });
-});
+};
 TelegramConnectButtonInternal.displayName = "TelegramConnectButtonInternal";
 var TelegramConnectButton = import_react.default.memo((props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TelegramConnectButtonInternal, { ...props });

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

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

package/dist/cjs/context/NovuUIContext.cjs

@@ -22,6 +22,7 @@ var NovuUIContext_exports = {};
 __export(NovuUIContext_exports, {
   NovuUIProvider: () => NovuUIProvider,
   useNovuUI: () => useNovuUIContext,
+  useOutlets: () => useOutlets,
   useUnsafeNovuUI: () => useUnsafeNovuUIContext
 });
 module.exports = __toCommonJS(NovuUIContext_exports);
@@ -31,10 +32,12 @@ var [NovuUIContext, useNovuUIContext, useUnsafeNovuUIContext] = (0, import_creat
 var NovuUIProvider = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NovuUIContext.Provider, { value: { value: props.value }, children: props.children });
 };
+var useOutlets = () => useNovuUIContext().outlets;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   NovuUIProvider,
   useNovuUI,
+  useOutlets,
   useUnsafeNovuUI
 });
 //# sourceMappingURL=NovuUIContext.cjs.map

package/dist/cjs/context/NovuUIContext.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/NovuUIContext.tsx"],"sourcesContent":["import type { NovuUI } from '@novu/js/ui';\nimport React from 'react';\nimport { createContextAndHook } from '../utils/createContextAndHook';\n\ntype NovuUIContextValue = {\n  novuUI: NovuUI;\n};\n\nconst [NovuUIContext, useNovuUIContext, useUnsafeNovuUIContext] =\n  createContextAndHook<NovuUIContextValue>('NovuUIContext');\n\nconst NovuUIProvider = (props: React.PropsWithChildren<{ value: NovuUIContextValue }>) => {\n  return <NovuUIContext.Provider value={{ value: props.value }}>{props.children}</NovuUIContext.Provider>;\n};\n\nexport { useNovuUIContext as useNovuUI, useUnsafeNovuUIContext as useUnsafeNovuUI, NovuUIProvider };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,kCAAqC;AAU5B;AAJT,IAAM,CAAC,eAAe,kBAAkB,sBAAsB,QAC5D,kDAAyC,eAAe;AAE1D,IAAM,iBAAiB,CAAC,UAAkE;AACxF,SAAO,4CAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,OAAO,MAAM,MAAM,GAAI,gBAAM,UAAS;AAChF;","names":[]}
+{"version":3,"sources":["../../../src/context/NovuUIContext.tsx"],"sourcesContent":["import type { NovuUI } from '@novu/js/ui';\nimport React from 'react';\nimport { createContextAndHook } from '../utils/createContextAndHook';\nimport type { ReactAllIconOverrides } from '../utils/types';\nimport type { OutletStore } from './OutletStore';\n\ntype NovuUIContextValue = {\n  novuUI: NovuUI;\n  outlets: OutletStore;\n  /** The host's own icon overrides, so host-native blocks render them without a trip through the bridge. */\n  icons: ReactAllIconOverrides;\n};\n\nconst [NovuUIContext, useNovuUIContext, useUnsafeNovuUIContext] =\n  createContextAndHook<NovuUIContextValue>('NovuUIContext');\n\nconst NovuUIProvider = (props: React.PropsWithChildren<{ value: NovuUIContextValue }>) => {\n  return <NovuUIContext.Provider value={{ value: props.value }}>{props.children}</NovuUIContext.Provider>;\n};\n\nconst useOutlets = () => useNovuUIContext().outlets;\n\nexport { useNovuUIContext as useNovuUI, useUnsafeNovuUIContext as useUnsafeNovuUI, NovuUIProvider, useOutlets };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,kCAAqC;AAe5B;AAJT,IAAM,CAAC,eAAe,kBAAkB,sBAAsB,QAC5D,kDAAyC,eAAe;AAE1D,IAAM,iBAAiB,CAAC,UAAkE;AACxF,SAAO,4CAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,OAAO,MAAM,MAAM,GAAI,gBAAM,UAAS;AAChF;AAEA,IAAM,aAAa,MAAM,iBAAiB,EAAE;","names":[]}

package/dist/cjs/context/NovuUIContext.d.cts

@@ -1,14 +1,21 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { NovuUI } from '@novu/js/ui';
 import React__default from 'react';
+import { ReactAllIconOverrides } from '../utils/types.cjs';
+import { OutletStore } from './OutletStore.cjs';
+import '@novu/js';
 
 type NovuUIContextValue = {
     novuUI: NovuUI;
+    outlets: OutletStore;
+    /** The host's own icon overrides, so host-native blocks render them without a trip through the bridge. */
+    icons: ReactAllIconOverrides;
 };
 declare const useNovuUIContext: () => NovuUIContextValue;
 declare const useUnsafeNovuUIContext: () => NovuUIContextValue | Partial<NovuUIContextValue>;
 declare const NovuUIProvider: (props: React__default.PropsWithChildren<{
     value: NovuUIContextValue;
 }>) => react_jsx_runtime.JSX.Element;
+declare const useOutlets: () => OutletStore;
 
-export { NovuUIProvider, useNovuUIContext as useNovuUI, useUnsafeNovuUIContext as useUnsafeNovuUI };
+export { NovuUIProvider, useNovuUIContext as useNovuUI, useOutlets, useUnsafeNovuUIContext as useUnsafeNovuUI };