@cakemail-org/ui-components-v2 2.0.46 → 2.0.48

package/dist/cjs/components/genericWrapper/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { TGenericWrapper } from "./types";
-export declare function GenericWrapper({ children, brandObj, brandId, brandHost, account, user, setPageHead, setPostHog, LocizeInitializer, brandThemeContext, proxyUrl, styleOverride }: TGenericWrapper): React.JSX.Element;
+export declare function GenericWrapper({ children, brandObj, brandId, brandHost, account, user, setPageHead, setPostHog, LocizeInitializer, brandThemeContext, proxyUrl, styleOverride, includeHandlers }: TGenericWrapper): React.JSX.Element;
 export default GenericWrapper;
 export * from "./context";
 export * from "./types";

package/dist/cjs/components/genericWrapper/types.d.ts

@@ -16,6 +16,7 @@ export type TGenericWrapper = {
     brandThemeContext?: string;
     proxyUrl?: string;
     styleOverride?: TBrandBaseStyles;
+    includeHandlers?: boolean;
 };
 export type TGenericWrapperContext = {
     partnerBrand: TBrand;

package/dist/cjs/index.js

@@ -7865,7 +7865,7 @@ function BrandWrapper(_a) {
     React.useEffect(getBrand, [brandId, brandHost]);
     React.useEffect(initHandlers, [MUITheme]);
     function initHandlers() {
-        if (MUITheme) {
+        if (MUITheme && includeHandlers) {
             //@ts-ignore
             DialogHandler.register(dialogRef.current);
             //@ts-ignore
@@ -9969,10 +9969,15 @@ var GenericWrapperContext = React.createContext({
 });
 
 function GenericWrapper(_a) {
-    var children = _a.children, brandObj = _a.brandObj, brandId = _a.brandId, brandHost = _a.brandHost, account = _a.account, user = _a.user, _b = _a.setPageHead, setPageHead = _b === void 0 ? true : _b, _c = _a.setPostHog, setPostHog = _c === void 0 ? true : _c, LocizeInitializer = _a.LocizeInitializer, brandThemeContext = _a.brandThemeContext, proxyUrl = _a.proxyUrl, _d = _a.styleOverride, styleOverride = _d === void 0 ? {} : _d;
-    var _e = React.useState(brandObj ? buildMUITheme({ brand: brandObj }) : undefined), mUITheme = _e[0], setMUITheme = _e[1];
-    var _f = React.useState(brandObj), resellerBrand = _f[0], setResellerBrand = _f[1];
-    var _g = reactI18next.useTranslation(); _g.t; _g.i18n;
+    var children = _a.children, brandObj = _a.brandObj, brandId = _a.brandId, brandHost = _a.brandHost, account = _a.account, user = _a.user, _b = _a.setPageHead, setPageHead = _b === void 0 ? true : _b, _c = _a.setPostHog, setPostHog = _c === void 0 ? true : _c, LocizeInitializer = _a.LocizeInitializer, brandThemeContext = _a.brandThemeContext, proxyUrl = _a.proxyUrl, _d = _a.styleOverride, styleOverride = _d === void 0 ? {} : _d, _e = _a.includeHandlers, includeHandlers = _e === void 0 ? true : _e;
+    var _f = React.useState(brandObj ? buildMUITheme({ brand: brandObj }) : undefined), mUITheme = _f[0], setMUITheme = _f[1];
+    var _g = React.useState(brandObj), resellerBrand = _g[0], setResellerBrand = _g[1];
+    var _h = reactI18next.useTranslation(); _h.t; _h.i18n;
+    var dialogRef = React.useRef(undefined);
+    var actionsBarContainerRef = React.useRef(undefined);
+    var overlayRef = React.useRef(undefined);
+    var modalRef = React.useRef(undefined);
+    var drawerRef = React.useRef(undefined);
     if (proxyUrl) {
         uiKitConfig.GATEWAY_PROXY = proxyUrl;
     }
@@ -9988,6 +9993,21 @@ function GenericWrapper(_a) {
         }
     }, [user]);
     React.useEffect(initPH, []);
+    React.useEffect(initHandlers, []);
+    function initHandlers() {
+        if (!includeHandlers)
+            return;
+        //@ts-ignore
+        DialogHandler.register(dialogRef.current);
+        //@ts-ignore
+        ActionBarContainerHandler.register(actionsBarContainerRef.current);
+        //@ts-ignore
+        OverlayHandler.register(overlayRef.current);
+        //@ts-ignore
+        ModalHandler.register(modalRef.current);
+        //@ts-ignore
+        DrawerHandler.register(drawerRef.current);
+    }
     function initPH(brand) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         if (setPostHog) {
@@ -10010,13 +10030,19 @@ function GenericWrapper(_a) {
             setMUITheme(theme);
         }, onBrandError: function () {
             setMUITheme(buildMUITheme({ brand: whiteLabelBrand }));
-        }, noFetch: !!brandObj, setPageHead: setPageHead, brandThemeContext: brandThemeContext }, resellerBrand &&
+        }, noFetch: !!brandObj, setPageHead: setPageHead, brandThemeContext: brandThemeContext, includeHandlers: false }, resellerBrand &&
         React.createElement(GenericWrapperContext.Provider, { value: {
                 partnerBrand: resellerBrand,
                 account: account ? new AccountModel(account) : new AccountModel({}),
                 user: user ? new UserModel(user) : new UserModel({})
             } }, children));
     return React.createElement(React.Fragment, null,
+        includeHandlers && React.createElement(React.Fragment, null,
+            React.createElement(Dialog, { ref: dialogRef }),
+            React.createElement(ActionBarContainer, { ref: actionsBarContainerRef }),
+            React.createElement(Overlay, { ref: overlayRef }),
+            React.createElement(Modal, { ref: modalRef }),
+            React.createElement(Drawer, { ref: drawerRef })),
         setPostHog &&
             React.createElement(react.PostHogProvider, { client: posthog }, content),
         !setPostHog &&

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { TGenericWrapper } from "./types";
-export declare function GenericWrapper({ children, brandObj, brandId, brandHost, account, user, setPageHead, setPostHog, LocizeInitializer, brandThemeContext, proxyUrl, styleOverride }: TGenericWrapper): React.JSX.Element;
+export declare function GenericWrapper({ children, brandObj, brandId, brandHost, account, user, setPageHead, setPostHog, LocizeInitializer, brandThemeContext, proxyUrl, styleOverride, includeHandlers }: TGenericWrapper): React.JSX.Element;
 export default GenericWrapper;
 export * from "./context";
 export * from "./types";

package/dist/esm/components/genericWrapper/types.d.ts

@@ -16,6 +16,7 @@ export type TGenericWrapper = {
     brandThemeContext?: string;
     proxyUrl?: string;
     styleOverride?: TBrandBaseStyles;
+    includeHandlers?: boolean;
 };
 export type TGenericWrapperContext = {
     partnerBrand: TBrand;

package/dist/esm/index.js

@@ -7845,7 +7845,7 @@ function BrandWrapper(_a) {
     useEffect(getBrand, [brandId, brandHost]);
     useEffect(initHandlers, [MUITheme]);
     function initHandlers() {
-        if (MUITheme) {
+        if (MUITheme && includeHandlers) {
             //@ts-ignore
             DialogHandler.register(dialogRef.current);
             //@ts-ignore
@@ -9949,10 +9949,15 @@ var GenericWrapperContext = createContext({
 });
 
 function GenericWrapper(_a) {
-    var children = _a.children, brandObj = _a.brandObj, brandId = _a.brandId, brandHost = _a.brandHost, account = _a.account, user = _a.user, _b = _a.setPageHead, setPageHead = _b === void 0 ? true : _b, _c = _a.setPostHog, setPostHog = _c === void 0 ? true : _c, LocizeInitializer = _a.LocizeInitializer, brandThemeContext = _a.brandThemeContext, proxyUrl = _a.proxyUrl, _d = _a.styleOverride, styleOverride = _d === void 0 ? {} : _d;
-    var _e = useState(brandObj ? buildMUITheme({ brand: brandObj }) : undefined), mUITheme = _e[0], setMUITheme = _e[1];
-    var _f = useState(brandObj), resellerBrand = _f[0], setResellerBrand = _f[1];
-    var _g = useTranslation(); _g.t; _g.i18n;
+    var children = _a.children, brandObj = _a.brandObj, brandId = _a.brandId, brandHost = _a.brandHost, account = _a.account, user = _a.user, _b = _a.setPageHead, setPageHead = _b === void 0 ? true : _b, _c = _a.setPostHog, setPostHog = _c === void 0 ? true : _c, LocizeInitializer = _a.LocizeInitializer, brandThemeContext = _a.brandThemeContext, proxyUrl = _a.proxyUrl, _d = _a.styleOverride, styleOverride = _d === void 0 ? {} : _d, _e = _a.includeHandlers, includeHandlers = _e === void 0 ? true : _e;
+    var _f = useState(brandObj ? buildMUITheme({ brand: brandObj }) : undefined), mUITheme = _f[0], setMUITheme = _f[1];
+    var _g = useState(brandObj), resellerBrand = _g[0], setResellerBrand = _g[1];
+    var _h = useTranslation(); _h.t; _h.i18n;
+    var dialogRef = useRef(undefined);
+    var actionsBarContainerRef = useRef(undefined);
+    var overlayRef = useRef(undefined);
+    var modalRef = useRef(undefined);
+    var drawerRef = useRef(undefined);
     if (proxyUrl) {
         uiKitConfig.GATEWAY_PROXY = proxyUrl;
     }
@@ -9968,6 +9973,21 @@ function GenericWrapper(_a) {
         }
     }, [user]);
     useEffect(initPH, []);
+    useEffect(initHandlers, []);
+    function initHandlers() {
+        if (!includeHandlers)
+            return;
+        //@ts-ignore
+        DialogHandler.register(dialogRef.current);
+        //@ts-ignore
+        ActionBarContainerHandler.register(actionsBarContainerRef.current);
+        //@ts-ignore
+        OverlayHandler.register(overlayRef.current);
+        //@ts-ignore
+        ModalHandler.register(modalRef.current);
+        //@ts-ignore
+        DrawerHandler.register(drawerRef.current);
+    }
     function initPH(brand) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         if (setPostHog) {
@@ -9990,13 +10010,19 @@ function GenericWrapper(_a) {
             setMUITheme(theme);
         }, onBrandError: function () {
             setMUITheme(buildMUITheme({ brand: whiteLabelBrand }));
-        }, noFetch: !!brandObj, setPageHead: setPageHead, brandThemeContext: brandThemeContext }, resellerBrand &&
+        }, noFetch: !!brandObj, setPageHead: setPageHead, brandThemeContext: brandThemeContext, includeHandlers: false }, resellerBrand &&
         React__default.createElement(GenericWrapperContext.Provider, { value: {
                 partnerBrand: resellerBrand,
                 account: account ? new AccountModel(account) : new AccountModel({}),
                 user: user ? new UserModel(user) : new UserModel({})
             } }, children));
     return React__default.createElement(React__default.Fragment, null,
+        includeHandlers && React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(Dialog, { ref: dialogRef }),
+            React__default.createElement(ActionBarContainer, { ref: actionsBarContainerRef }),
+            React__default.createElement(Overlay, { ref: overlayRef }),
+            React__default.createElement(Modal, { ref: modalRef }),
+            React__default.createElement(Drawer, { ref: drawerRef })),
         setPostHog &&
             React__default.createElement(PostHogProvider, { client: posthog }, content),
         !setPostHog &&

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cakemail-org/ui-components-v2",
-    "version": "2.0.46",
+    "version": "2.0.48",
     "description": "ui library kit made with material UI",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",