@novu/react 2.3.1 → 2.4.0

package/dist/index.mjs

@@ -1,157 +0,0 @@
-import React5 from 'react';
-import ReactDOM from 'react-dom';
-
-// src/components/Bell.tsx
-function assertContextExists(contextVal, msgOrCtx) {
-  if (!contextVal) {
-    throw typeof msgOrCtx === "string" ? new Error(msgOrCtx) : new Error(`${msgOrCtx.displayName} not found`);
-  }
-}
-var createContextAndHook = (displayName, options) => {
-  const { assertCtxFn = assertContextExists } = {};
-  const Ctx = React5.createContext(void 0);
-  Ctx.displayName = displayName;
-  const useCtx = () => {
-    const ctx = React5.useContext(Ctx);
-    assertCtxFn(ctx, `${displayName} not found`);
-    return ctx.value;
-  };
-  const useCtxWithoutGuarantee = () => {
-    const ctx = React5.useContext(Ctx);
-    return ctx ? ctx.value : {};
-  };
-  return [Ctx, useCtx, useCtxWithoutGuarantee];
-};
-
-// src/context/RenderContext.tsx
-var [RendererContext, useRendererContext] = createContextAndHook("RendererContext");
-var RendererProvider = (props) => {
-  return /* @__PURE__ */ React5.createElement(RendererContext.Provider, { value: { value: props.value } }, props.children);
-};
-function Mounter({ mount }) {
-  const ref = React5.useRef(null);
-  React5.useEffect(() => {
-    let unmount;
-    const element = ref.current;
-    if (element && mount) {
-      const possibleUnmount = mount(element);
-      if (possibleUnmount) {
-        unmount = possibleUnmount;
-      }
-    }
-    return () => {
-      if (element && unmount) {
-        unmount(element);
-      }
-    };
-  }, [ref, mount]);
-  return /* @__PURE__ */ React5.createElement("div", { ref });
-}
-
-// src/components/Bell.tsx
-var Bell = (props) => {
-  const { novuUI, mountElement } = useRendererContext();
-  const mount = React5.useCallback((element) => {
-    return novuUI.mountComponent({
-      name: "Bell",
-      element,
-      props: props.children ? { mountBell: (el, { unreadCount }) => mountElement(el, props.children?.({ unreadCount })) } : void 0
-    });
-  }, []);
-  return /* @__PURE__ */ React5.createElement(Mounter, { mount });
-};
-var Renderer = (props) => {
-  const { options, children } = props;
-  const [novuUI, setNovuUI] = React5.useState();
-  const [mountedElements, setMountedElements] = React5.useState(/* @__PURE__ */ new Map());
-  const mountElement = React5.useCallback(
-    (el, mountedElement) => {
-      setMountedElements((prev) => {
-        const newMountedElements = new Map(prev);
-        newMountedElements.set(el, mountedElement);
-        return newMountedElements;
-      });
-      return () => {
-        setMountedElements((prev) => {
-          const newMountedElements = new Map(prev);
-          newMountedElements.delete(el);
-          return newMountedElements;
-        });
-      };
-    },
-    [setMountedElements]
-  );
-  React5.useEffect(() => {
-    const loadNovuUI = async () => {
-      const { NovuUI } = await import('@novu/js/ui');
-      const ui = new NovuUI(options);
-      setNovuUI(ui);
-    };
-    loadNovuUI();
-  }, [options]);
-  if (!novuUI) {
-    return null;
-  }
-  return /* @__PURE__ */ React5.createElement(RendererProvider, { value: { mountElement, novuUI } }, [...mountedElements].map(([element, mountedElement]) => {
-    return ReactDOM.createPortal(mountedElement, element);
-  }), children);
-};
-
-// src/components/Inbox.tsx
-var InboxDefault = (props) => {
-  const { renderNotification, renderBell, ...rest } = props;
-  const { novuUI, mountElement } = useRendererContext();
-  const mount = React5.useCallback(
-    (element) => {
-      return novuUI.mountComponent({
-        name: "Inbox",
-        props: {
-          ...rest,
-          mountNotification: renderNotification ? (el, { notification }) => {
-            return mountElement(el, renderNotification(notification));
-          } : void 0,
-          mountBell: renderBell ? (el, { unreadCount }) => {
-            return mountElement(el, renderBell({ unreadCount }));
-          } : void 0
-        },
-        element
-      });
-    },
-    [renderNotification]
-  );
-  return /* @__PURE__ */ React5.createElement(Mounter, { mount });
-};
-var Inbox = (props) => {
-  if ("children" in props) {
-    const { children, ...options2 } = props;
-    return /* @__PURE__ */ React5.createElement(Renderer, { options: options2 }, children);
-  }
-  const { renderNotification, renderBell, ...options } = props;
-  return /* @__PURE__ */ React5.createElement(Renderer, { options }, /* @__PURE__ */ React5.createElement(InboxDefault, { renderNotification, renderBell }));
-};
-var SettingsDefault = () => {
-  const { novuUI } = useRendererContext();
-  const mount = React5.useCallback((element) => {
-    return novuUI.mountComponent({
-      name: "Settings",
-      element
-    });
-  }, []);
-  return /* @__PURE__ */ React5.createElement(Mounter, { mount });
-};
-var Settings = () => {
-  return /* @__PURE__ */ React5.createElement(SettingsDefault, null);
-};
-var Notifications = (props) => {
-  const { novuUI, mountElement } = useRendererContext();
-  const mount = React5.useCallback((element) => {
-    return novuUI.mountComponent({
-      name: "NotificationList",
-      element,
-      props: props.children ? { mountNotification: (el, { notification }) => mountElement(el, props.children?.(notification)) } : void 0
-    });
-  }, []);
-  return /* @__PURE__ */ React5.createElement(Mounter, { mount });
-};
-
-export { Bell, Inbox, Notifications, Settings };