@frontegg/react-hooks 6.105.0-alpha.2 → 6.105.0

package/FronteggProvider/index.d.ts

@@ -6,6 +6,7 @@ declare type FronteggProviderProps = {
     contextOptions?: ContextOptions;
     setLoading?: (loading: boolean) => void;
     children?: ReactNode | undefined;
+    alwaysVisibleChildren?: ReactNode;
 };
 export declare const FronteggStoreProvider: FC<FronteggProviderProps>;
 export {};

package/FronteggProvider/index.js

@@ -8,6 +8,7 @@ import { useAuth, useAuthRoutes } from '../auth';
 import { Provider, FronteggStoreContext } from '../FronteggStoreContext';
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const defaultSetLoading = loading => {
   if (loading) {
     document.body.classList.add('frontegg-loading');
@@ -97,7 +98,8 @@ export const FronteggStoreProvider = props => {
     children,
     app,
     contextOptions,
-    setLoading = defaultSetLoading
+    setLoading = defaultSetLoading,
+    alwaysVisibleChildren
   } = props;
 
   // TODO: make this optionals more readable
@@ -119,13 +121,13 @@ export const FronteggStoreProvider = props => {
       appName: (_app$name = app == null ? void 0 : app.name) != null ? _app$name : 'default'
     }, app, previewMode, authOptions, undefined, false, app == null ? void 0 : (_app$options7 = app.options) == null ? void 0 : _app$options7.urlStrategy);
   }, [app, previewMode]);
-  return /*#__PURE__*/_jsx(Provider, {
+  return /*#__PURE__*/_jsxs(Provider, {
     context: FronteggStoreContext,
     store: store,
-    children: /*#__PURE__*/_jsx(FronteggContent, {
+    children: [alwaysVisibleChildren, /*#__PURE__*/_jsx(FronteggContent, {
       setLoading: setLoading,
       app: app,
       children: children
-    })
+    })]
   });
 };

package/common/CustomComponentHolder.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactElement } from 'react';
+import { FC, FunctionComponent } from 'react';
 import { FronteggAppInstance } from '@frontegg/types';
 /**
  * CustomComponentRegister is used to support using react hooks inside custom components.
@@ -6,7 +6,7 @@ import { FronteggAppInstance } from '@frontegg/types';
 export declare class CustomComponentHolder {
     private static components;
     static set(name: string, element: any): void;
-    static get(name: string): ReactElement;
+    static get(name: string): FunctionComponent;
 }
 export declare const CustomComponentRegister: FC<{
     app: FronteggAppInstance;

package/common/CustomComponentHolder.js

@@ -32,8 +32,10 @@ const Registerer = props => {
   } = props;
   const value = CustomComponentHolder.get(themeKey);
   const [mounted, setMounted] = useState(false);
-  const mount = useCallback(() => {
+  const [componentProps, setComponentProps] = useState({});
+  const mount = useCallback((props = {}) => {
     setMounted(true);
+    setComponentProps(props);
   }, []);
   const unmount = useCallback(() => {
     setMounted(false);
@@ -51,8 +53,9 @@ const Registerer = props => {
     element.slot = themeKey;
     (_app$loginBoxContaine2 = app.loginBoxContainer) == null ? void 0 : _app$loginBoxContaine2.appendChild(element);
   }
+  const component = /*#__PURE__*/React.createElement(value, componentProps);
   return element && mounted ? /*#__PURE__*/_jsx(React.Fragment, {
-    children: /*#__PURE__*/ReactDOM.createPortal(value, element)
+    children: /*#__PURE__*/ReactDOM.createPortal(component, element)
   }) : /*#__PURE__*/_jsx(_Fragment, {});
 };
 export const CustomComponentRegister = ({
@@ -69,8 +72,10 @@ export const CustomComponentRegister = ({
       }
       if (typeof obj === 'function') {
         try {
-          obj = /*#__PURE__*/React.createElement(obj);
-          if ( /*#__PURE__*/isValidElement(obj) || isElement(obj)) {
+          const reactElement = /*#__PURE__*/React.createElement(obj, {
+            title: 'title'
+          });
+          if ( /*#__PURE__*/isValidElement(reactElement) || isElement(reactElement)) {
             const generatedKey = `${keyPath}.${key}`;
             CustomComponentHolder.set(generatedKey, obj);
             return [generatedKey];

package/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v6.105.0-alpha.2
+/** @license Frontegg v6.105.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/FronteggProvider/index.js

@@ -105,7 +105,8 @@ const FronteggStoreProvider = props => {
     children,
     app,
     contextOptions,
-    setLoading = defaultSetLoading
+    setLoading = defaultSetLoading,
+    alwaysVisibleChildren
   } = props;
 
   // TODO: make this optionals more readable
@@ -127,14 +128,14 @@ const FronteggStoreProvider = props => {
       appName: (_app$name = app == null ? void 0 : app.name) != null ? _app$name : 'default'
     }, app, previewMode, authOptions, undefined, false, app == null ? void 0 : (_app$options7 = app.options) == null ? void 0 : _app$options7.urlStrategy);
   }, [app, previewMode]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FronteggStoreContext.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FronteggStoreContext.Provider, {
     context: _FronteggStoreContext.FronteggStoreContext,
     store: store,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FronteggContent, {
+    children: [alwaysVisibleChildren, /*#__PURE__*/(0, _jsxRuntime.jsx)(FronteggContent, {
       setLoading: setLoading,
       app: app,
       children: children
-    })
+    })]
   });
 };
 exports.FronteggStoreProvider = FronteggStoreProvider;

package/node/common/CustomComponentHolder.js

@@ -40,8 +40,10 @@ const Registerer = props => {
   } = props;
   const value = CustomComponentHolder.get(themeKey);
   const [mounted, setMounted] = (0, _react.useState)(false);
-  const mount = (0, _react.useCallback)(() => {
+  const [componentProps, setComponentProps] = (0, _react.useState)({});
+  const mount = (0, _react.useCallback)((props = {}) => {
     setMounted(true);
+    setComponentProps(props);
   }, []);
   const unmount = (0, _react.useCallback)(() => {
     setMounted(false);
@@ -59,8 +61,9 @@ const Registerer = props => {
     element.slot = themeKey;
     (_app$loginBoxContaine2 = app.loginBoxContainer) == null ? void 0 : _app$loginBoxContaine2.appendChild(element);
   }
+  const component = /*#__PURE__*/_react.default.createElement(value, componentProps);
   return element && mounted ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
-    children: /*#__PURE__*/_reactDom.default.createPortal(value, element)
+    children: /*#__PURE__*/_reactDom.default.createPortal(component, element)
   }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
 };
 const CustomComponentRegister = ({
@@ -77,8 +80,10 @@ const CustomComponentRegister = ({
       }
       if (typeof obj === 'function') {
         try {
-          obj = /*#__PURE__*/_react.default.createElement(obj);
-          if ( /*#__PURE__*/(0, _react.isValidElement)(obj) || (0, _reactIs.isElement)(obj)) {
+          const reactElement = /*#__PURE__*/_react.default.createElement(obj, {
+            title: 'title'
+          });
+          if ( /*#__PURE__*/(0, _react.isValidElement)(reactElement) || (0, _reactIs.isElement)(reactElement)) {
             const generatedKey = `${keyPath}.${key}`;
             CustomComponentHolder.set(generatedKey, obj);
             return [generatedKey];

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v6.105.0-alpha.2
+/** @license Frontegg v6.105.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@frontegg/react-hooks",
-  "version": "6.105.0-alpha.2",
+  "version": "6.105.0",
   "main": "./node/index.js",
   "license": "MIT",
   "author": "Frontegg LTD",
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@frontegg/redux-store": "6.105.0-alpha.2",
-    "@frontegg/types": "6.105.0-alpha.2",
+    "@frontegg/redux-store": "6.105.0",
+    "@frontegg/types": "6.105.0",
     "@types/react": "*",
     "get-value": "^3.0.1",
     "react-redux": "^7.x"