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

package/auth/security/securityPolicy.js

@@ -1,39 +1,50 @@
+import { securityPolicyActions, securityPolicyReducers } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from '../hooks';
 import { useEffect } from 'react';
-import { useStore } from '../../FronteggStoreContext';
-import { useSnapshot } from 'valtio/react';
-
-// TODO: remove useless stateMapper, valtio already does this
-
 const defaultMapper = state => state;
-// @deprecated use useSecurityPolicyState() instead
 export function useSecurityPolicyState(stateMapper = defaultMapper) {
-  const state = useStore().store.auth.securityPolicyState;
-  return stateMapper(useSnapshot(state));
+  return stateHookGenerator(stateMapper, 'securityPolicyState');
 }
-export const useSecurityPolicyActions = () => {
-  return useStore().stateActions.auth.securityPolicyActions;
-};
+export const useSecurityPolicyActions = () => reducerActionsGenerator(securityPolicyActions, securityPolicyReducers);
 export const usePublicPolicySettings = (loadOnMount = false) => {
   const {
-    publicPolicy
-  } = useSecurityPolicyState();
+    loading,
+    policy,
+    saving,
+    error
+  } = useSecurityPolicyState(state => state.publicPolicy);
   const {
     loadPublicSecurityPolicy
   } = useSecurityPolicyActions();
   useEffect(() => {
-    (loadOnMount || !publicPolicy.policy) && loadPublicSecurityPolicy();
+    (loadOnMount || !policy) && loadPublicSecurityPolicy();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [loadOnMount, loadPublicSecurityPolicy]);
-  return publicPolicy;
+  return {
+    loading,
+    saving,
+    error,
+    policy
+  };
 };
 export const usePublicAuthStrategiesPolicySettings = (loadOnMount = false) => {
   const {
-    publicAuthStrategyPolicy
-  } = useSecurityPolicyState();
+    loading,
+    policy,
+    saving,
+    error
+  } = useSecurityPolicyState(state => state.publicAuthStrategyPolicy);
   const {
     loadPublicAuthStrategiesPolicy
   } = useSecurityPolicyActions();
   useEffect(() => {
-    (loadOnMount || !publicAuthStrategyPolicy.policy) && loadPublicAuthStrategiesPolicy();
+    (loadOnMount || !policy) && loadPublicAuthStrategiesPolicy();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [loadOnMount, loadPublicAuthStrategiesPolicy]);
-  return publicAuthStrategyPolicy;
+  return {
+    loading,
+    saving,
+    error,
+    policy
+  };
 };

package/auth/security/sessionsPolicy.d.ts

@@ -1,3 +1,5 @@
-import type { SessionsPolicyState, SessionsPolicyActions } from '@frontegg/redux-store';
+import { SessionsPolicyState, SessionsPolicyActions } from '@frontegg/redux-store';
+export declare type SessionsPolicyStateMapper<S> = (state: SessionsPolicyState) => S;
 export declare function useSessionsPolicyState(): SessionsPolicyState;
+export declare function useSessionsPolicyState<S>(stateMapper: SessionsPolicyStateMapper<S>): S;
 export declare const useSessionsPolicyActions: () => SessionsPolicyActions;

package/auth/security/sessionsPolicy.js

@@ -1,9 +1,7 @@
-import { useStore } from '../../FronteggStoreContext';
-import { useSnapshot } from 'valtio/react';
-export function useSessionsPolicyState() {
-  const state = useStore().store.auth.sessionsPolicyState;
-  return useSnapshot(state);
+import { sessionsPolicyActions, sessionsPolicyReducers } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from '../hooks';
+const defaultMapper = state => state;
+export function useSessionsPolicyState(stateMapper = defaultMapper) {
+  return stateHookGenerator(stateMapper, 'sessionsPolicyState');
 }
-export const useSessionsPolicyActions = () => {
-  return useStore().stateActions.auth.sessionsPolicyActions;
-};
+export const useSessionsPolicyActions = () => reducerActionsGenerator(sessionsPolicyActions, sessionsPolicyReducers);

package/auth/sessions.d.ts

@@ -1,3 +1,5 @@
-import type { SessionsState, SessionsActions } from '@frontegg/redux-store';
+import { SessionsState, SessionsActions } from '@frontegg/redux-store';
+export declare type SessionsStateMapper<S> = (state: SessionsState) => S;
 export declare function useSessionsState(): SessionsState;
+export declare function useSessionsState<S>(stateMapper: SessionsStateMapper<S>): S;
 export declare const useSessionsActions: () => SessionsActions;

package/auth/sessions.js

@@ -1,8 +1,7 @@
-import { useSnapshot } from 'valtio/react';
-import { useStore } from '../FronteggStoreContext';
-export function useSessionsState() {
-  return useSnapshot(useStore().store.auth.sessionsState);
+import { sessionsActions, sessionsReducers } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+const defaultMapper = state => state;
+export function useSessionsState(stateMapper = defaultMapper) {
+  return stateHookGenerator(stateMapper, 'sessionsState');
 }
-export const useSessionsActions = () => {
-  return useStore().stateActions.auth.sessionsActions;
-};
+export const useSessionsActions = () => reducerActionsGenerator(sessionsActions, sessionsReducers);

package/auth/signup.d.ts

@@ -1,4 +1,4 @@
-import type { SignUpState, SignUpActions } from '@frontegg/redux-store';
+import { SignUpState, SignUpActions } from '@frontegg/redux-store';
 export declare type SignUpStateMapper<S> = (state: SignUpState) => S;
 export declare function useSignUpState(): SignUpState;
 export declare function useSignUpState<S>(stateMapper: SignUpStateMapper<S>): S;

package/auth/signup.js

@@ -1,16 +1,7 @@
-import { useSnapshot } from 'valtio/react';
-import { useStore } from '../FronteggStoreContext';
-
-// TODO: remove useless stateMapper, valtio already does this
-
+import { signUpReducers, signUpActions } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
 const defaultMapper = state => state;
-// @deprecated use useSignUpState() instead
 export function useSignUpState(stateMapper = defaultMapper) {
-  const {
-    signUpState
-  } = useStore().store.auth;
-  return stateMapper(useSnapshot(signUpState));
+  return stateHookGenerator(stateMapper, 'signUpState');
 }
-export const useSignUpActions = () => {
-  return useStore().stateActions.auth.signUpActions;
-};
+export const useSignUpActions = () => reducerActionsGenerator(signUpActions, signUpReducers);

package/auth/sms.d.ts

@@ -1,3 +1,6 @@
-import type { SmsActions, SmsState } from '@frontegg/redux-store';
+import { SmsActions, SmsState } from '@frontegg/redux-store';
+declare type AuthSmsStateMapper<S> = (state: SmsState) => S;
 export declare function useSmsState(): SmsState;
+export declare function useSmsState<S>(stateMapper: AuthSmsStateMapper<S>): S;
 export declare const useSmsActions: () => SmsActions;
+export {};

package/auth/sms.js

@@ -1,8 +1,7 @@
-import { useSnapshot } from 'valtio/react';
-import { useStore } from '../FronteggStoreContext';
-export function useSmsState() {
-  return useSnapshot(useStore().store.auth.smsState);
+import { smsActions, smsReducers } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+const defaultMapper = state => state;
+export function useSmsState(stateMapper = defaultMapper) {
+  return stateHookGenerator(stateMapper, 'smsState');
 }
-export const useSmsActions = () => {
-  return useStore().stateActions.auth.smsActions;
-};
+export const useSmsActions = () => reducerActionsGenerator(smsActions, smsReducers);

package/auth/socialLogin.d.ts

@@ -1,4 +1,4 @@
-import type { SocialLoginActions, SocialLoginState } from '@frontegg/redux-store';
+import { SocialLoginActions, SocialLoginState } from '@frontegg/redux-store';
 export declare type SocialLoginStateMapper<S> = (state: SocialLoginState) => S;
 export declare function useSocialLoginState(): SocialLoginState;
 export declare function useSocialLoginState<S>(stateMapper: SocialLoginStateMapper<S>): S;

package/auth/socialLogin.js

@@ -1,13 +1,7 @@
-import { useStore } from '../FronteggStoreContext';
-import { useSnapshot } from 'valtio/react';
-
-// TODO: remove useless stateMapper, valtio already does this
-
+import { socialLoginsActions, socialLoginsReducer } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
 const defaultMapper = state => state;
-// @deprecated use useSocialLoginState() instead
 export function useSocialLoginState(stateMapper = defaultMapper) {
-  return stateMapper(useSnapshot(useStore().store.auth.socialLoginState));
+  return stateHookGenerator(stateMapper, 'socialLoginState');
 }
-export const useSocialLoginActions = () => {
-  return useStore().stateActions.auth.socialLoginActions;
-};
+export const useSocialLoginActions = () => reducerActionsGenerator(socialLoginsActions, socialLoginsReducer);

package/auth/sso.d.ts

@@ -1,4 +1,4 @@
-import type { SSOState, SSOActions } from '@frontegg/redux-store';
+import { SSOState, SSOActions } from '@frontegg/redux-store';
 declare type AuthSSOStateMapper<S> = (state: SSOState) => S;
 export declare function useSSOState(): SSOState;
 export declare function useSSOState<S>(stateMapper: AuthSSOStateMapper<S>): S;

package/auth/sso.js

@@ -1,13 +1,7 @@
-import { useSnapshot } from 'valtio/react';
-import { useStore } from '../FronteggStoreContext';
-
-// TODO: remove useless stateMapper, valtio already does this
-
+import { ssoActions, ssoReducers } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
 const defaultMapper = state => state;
-// @deprecated use useSSOState() instead
 export function useSSOState(stateMapper = defaultMapper) {
-  return stateMapper(useSnapshot(useStore().store.auth.ssoState));
+  return stateHookGenerator(stateMapper, 'ssoState');
 }
-export const useSSOActions = () => {
-  return useStore().stateActions.auth.ssoActions;
-};
+export const useSSOActions = () => reducerActionsGenerator(ssoActions, ssoReducers);

package/auth/stepUp/index.d.ts

@@ -0,0 +1,2 @@
+export * from './stepUp';
+export * from './interfaces';

package/auth/stepUp/index.js

@@ -0,0 +1,2 @@
+export * from './stepUp';
+export * from './interfaces';

package/auth/stepUp/interfaces.d.ts

@@ -0,0 +1,2 @@
+import { StepUpState } from '@frontegg/redux-store';
+export declare type StepUpStateMapper<S> = (state: StepUpState) => S;

package/auth/stepUp/interfaces.js

@@ -0,0 +1 @@
+export {};

package/auth/{stepUp.d.ts → stepUp/stepUp.d.ts}

@@ -1,5 +1,7 @@
 import { StepUpState, StepUpActions, IsSteppedUpOptions } from '@frontegg/redux-store';
+import { StepUpStateMapper } from './interfaces';
 export declare function useStepUpState(): StepUpState;
+export declare function useStepUpState<S>(stateMapper: StepUpStateMapper<S>): S;
 export declare const useStepUpActions: () => StepUpActions;
 /**
  * @returns max age from the query param as a number or null if not exists

package/auth/{stepUp.js → stepUp/stepUp.js}

@@ -1,14 +1,11 @@
-import { STEP_UP_MAX_AGE_PARAM_NAME, getSearchParam, redirectByStepUpUrl, isSteppedUp } from '@frontegg/redux-store';
-import { useSnapshot } from 'valtio/react';
-import { useStore } from '../FronteggStoreContext';
-import { useAuth, useAuthRoutes, useAuthUserOrNull, useOnRedirectTo } from './hooks';
+import { stepUpReducers, stepUpActions, getSearchParam, isSteppedUp, STEP_UP_MAX_AGE_PARAM_NAME, redirectByStepUpUrl } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator, useAuth, useAuthRoutes, useAuthUserOrNull, useOnRedirectTo } from '../hooks';
 import { useCallback } from 'react';
-export function useStepUpState() {
-  return useSnapshot(useStore().store.auth.stepUpState);
+const defaultMapper = state => state;
+export function useStepUpState(stateMapper = defaultMapper) {
+  return stateHookGenerator(stateMapper, 'stepUpState');
 }
-export const useStepUpActions = () => {
-  return useStore().stateActions.auth.stepUpActions;
-};
+export const useStepUpActions = () => reducerActionsGenerator(stepUpActions, stepUpReducers);
 
 /**
  * @returns max age from the query param as a number or null if not exists

package/auth/team.d.ts

@@ -1,13 +1,5 @@
-import { TeamActions, TeamState } from '@frontegg/redux-store';
-export declare function useTeamState(): TeamState;
-export declare const useTeamActions: () => TeamActions;
+import { TeamState, TeamActions } from '@frontegg/redux-store';
 export declare type AuthTeamStateMapper<S> = (state: TeamState) => S;
-/**
- * @deprecated use useTeamState instead
- */
 export declare function useAuthTeamState(): TeamState;
 export declare function useAuthTeamState<S>(stateMapper: AuthTeamStateMapper<S>): S;
-/**
- * @deprecated use useTeamActions instead
- */
 export declare const useAuthTeamActions: () => TeamActions;

package/auth/team.js

@@ -1,25 +1,7 @@
-import { useSnapshot } from 'valtio/react';
-import { useStore } from '../FronteggStoreContext';
-export function useTeamState() {
-  const state = useStore().store.auth.teamState;
-  return useSnapshot(state);
-}
-export const useTeamActions = () => {
-  return useStore().stateActions.auth.teamActions;
-};
+import { teamActions, teamReducers } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
 const defaultMapper = state => state;
-/**
- * @deprecated use useTeamState instead
- */
-
-// @deprecated use useTeamState() instead
 export function useAuthTeamState(stateMapper = defaultMapper) {
-  return stateMapper(useTeamState());
+  return stateHookGenerator(stateMapper, 'teamState');
 }
-
-/**
- * @deprecated use useTeamActions instead
- */
-export const useAuthTeamActions = () => {
-  return useTeamActions();
-};
+export const useAuthTeamActions = () => reducerActionsGenerator(teamActions, teamReducers);

package/auth/tenants.d.ts

@@ -1,3 +1,5 @@
-import type { TenantsState, TenantsActions } from '@frontegg/redux-store';
+import { TenantsState, TenantsActions } from '@frontegg/redux-store';
+export declare type TenantsStateMapper<S> = (state: TenantsState) => S;
 export declare function useTenantsState(): TenantsState;
+export declare function useTenantsState<S>(stateMapper: TenantsStateMapper<S>): S;
 export declare const useTenantsActions: () => TenantsActions;

package/auth/tenants.js

@@ -1,9 +1,7 @@
-import { useStore } from '../FronteggStoreContext';
-import { useSnapshot } from 'valtio/react';
-export function useTenantsState() {
-  const state = useStore().store.auth.tenantsState;
-  return useSnapshot(state);
+import { tenantsActions, tenantsReducers } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+const defaultMapper = state => state;
+export function useTenantsState(stateMapper = defaultMapper) {
+  return stateHookGenerator(stateMapper, 'tenantsState');
 }
-export const useTenantsActions = () => {
-  return useStore().stateActions.auth.tenantsActions;
-};
+export const useTenantsActions = () => reducerActionsGenerator(tenantsActions, tenantsReducers);

package/common/CustomComponentHolder.js

@@ -80,9 +80,7 @@ export const CustomComponentRegister = ({
             CustomComponentHolder.set(generatedKey, obj);
             return [generatedKey];
           }
-        } catch (e) {
-          /* empty */
-        }
+        } catch (e) {}
       }
       if ( /*#__PURE__*/isValidElement(obj) || isElement(obj) || obj === null) {
         const generatedKey = `${keyPath}.${key}`;

package/common/index.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["urlStrategy", "onRedirectTo", "renderByRoute", "customLoader", "customStyles", "contextOptions"];
 import { createContext, useContext } from 'react';
-import { useStore } from '../FronteggStoreContext';
-import { useSnapshot } from 'valtio/react';
+import { useSelector } from '../FronteggStoreContext';
+import { shallowEqual } from 'react-redux';
 export const ShadowDomContext = /*#__PURE__*/createContext({});
 export const useShadowDom = () => {
   const context = useContext(ShadowDomContext);
@@ -29,6 +29,6 @@ export const useShadowDom = () => {
   }, rest);
 };
 export const useRootState = () => {
-  return useSnapshot(useStore().store.root);
+  return useSelector(state => state.root, shallowEqual);
 };
 export * from './CustomComponentHolder';

package/connectivity/hooks.d.ts

@@ -1,3 +1,6 @@
-import { ConnectivityState, ConnectivityActions } from '@frontegg/redux-store';
-export declare function useConnectivityState(): ConnectivityState;
+import { ConnectivityActions, IConnectivityState } from '@frontegg/redux-store';
+export declare type ConnectivityStateMapper<S> = (state: IConnectivityState) => S;
+export declare type StateHookFunction<T> = (() => T) & (<S extends object>(mapper: (state: T) => S) => S);
+export declare function useConnectivityState(): IConnectivityState;
+export declare function useConnectivityState<S>(stateMapper: ConnectivityStateMapper<S>): S;
 export declare const useConnectivityActions: () => ConnectivityActions;

package/connectivity/hooks.js

@@ -1,9 +1,12 @@
-import { useStore } from '../FronteggStoreContext';
-import { useSnapshot } from 'valtio/react';
-export function useConnectivityState() {
-  const state = useStore().store.connectivity;
-  return useSnapshot(state);
+import { useMemo } from 'react';
+import { shallowEqual } from 'react-redux';
+import { useSelector, useDispatch } from '../FronteggStoreContext';
+import { bindActionCreators, connectivityActions, connectivityStoreName } from '@frontegg/redux-store';
+const defaultMapper = state => state;
+export function useConnectivityState(stateMapper = defaultMapper) {
+  return useSelector(state => stateMapper(state[connectivityStoreName]), shallowEqual);
 }
 export const useConnectivityActions = () => {
-  return useStore().stateActions.connectivity;
+  const dispatch = useDispatch();
+  return useMemo(() => bindActionCreators(connectivityActions, dispatch), [connectivityActions]);
 };

package/index.d.ts

@@ -1,9 +1,9 @@
-export * from './auth';
+export * from './common';
 export * from './audits';
+export * from './auth';
 export * from './connectivity';
 export * from './subscriptions';
 export * from './vendor';
-export * from './common';
 export * from './flags';
 export * from './FronteggProvider';
 export * from './FronteggStoreContext';

package/index.js

@@ -1,14 +1,14 @@
-/** @license Frontegg v6.178.0-alpha.2
+/** @license Frontegg v6.178.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export * from './auth';
+export * from './common';
 export * from './audits';
+export * from './auth';
 export * from './connectivity';
 export * from './subscriptions';
 export * from './vendor';
-export * from './common';
 export * from './flags';
 export * from './FronteggProvider';
 export * from './FronteggStoreContext';

package/node/FronteggProvider/index.js

@@ -1,16 +1,141 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _FronteggProvider = require("./FronteggProvider");
-Object.keys(_FronteggProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _FronteggProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _FronteggProvider[key];
+exports.FronteggStoreProvider = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireWildcard(require("react"));
+var _reduxStore = require("@frontegg/redux-store");
+var _restApi = require("@frontegg/rest-api");
+var _auth = require("../auth");
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["authenticatedUrl", "signUpSuccessUrl"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const defaultSetLoading = loading => {
+  if (loading) {
+    document.body.classList.add('frontegg-loading');
+  } else {
+    document.body.classList.remove('frontegg-loading');
+  }
+};
+const HideChildrenIfFronteggRoutes = ({
+  children,
+  basename
+}) => {
+  const routes = (0, _auth.useAuthRoutes)();
+  const uriRef = (0, _react.useRef)(window.location.pathname);
+  const animationFrameRef = (0, _react.useRef)(0);
+  const [uri, setUri] = (0, _react.useState)(window.location.pathname);
+  const checker = (0, _react.useCallback)(() => {
+    if (uriRef.current !== window.location.pathname) {
+      uriRef.current = window.location.pathname;
+      setUri(document.location.pathname);
     }
+    animationFrameRef.current = window.requestAnimationFrame(checker);
+  }, []);
+  (0, _react.useEffect)(() => {
+    document.addEventListener('frontegg_onRedirectTo_fired', () => {
+      if (uriRef.current !== window.location.pathname) {
+        uriRef.current = window.location.pathname;
+        setUri(document.location.pathname);
+      }
+    });
+    window.addEventListener('popstate', () => {
+      if (uriRef.current !== window.location.pathname) {
+        uriRef.current = window.location.pathname;
+        setUri(document.location.pathname);
+      }
+    });
+    animationFrameRef.current = window.requestAnimationFrame(checker);
+    return () => {
+      window.cancelAnimationFrame(animationFrameRef.current);
+    };
+  }, [checker, setUri]);
+  const calculatedBasename = basename ? basename.endsWith('/') ? basename.substring(0, basename.length - 1) : '' : '';
+  const checkRoutes = (0, _objectWithoutPropertiesLoose2.default)(routes, _excluded);
+  if (Object.values(checkRoutes).map(url => `${calculatedBasename}${url}`).indexOf(uri) !== -1) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: children
   });
-});
+};
+const FronteggContent = ({
+  children,
+  app,
+  setLoading
+}) => {
+  var _app$options, _app$options2;
+  const {
+    isLoading
+  } = (0, _auth.useAuth)(({
+    isLoading
+  }) => ({
+    isLoading
+  }));
+  const customLoginBox = !app || (app == null ? void 0 : (_app$options = app.options) == null ? void 0 : _app$options.customLoginBox) === true;
+  const isNextJS = (app == null ? void 0 : (_app$options2 = app.options) == null ? void 0 : _app$options2.framework) === 'nextjs';
+  const alwaysShowChildren = customLoginBox || isNextJS;
+  const loadingRef = (0, _react.useRef)(undefined);
+  if (isLoading !== loadingRef.current && !isNextJS) {
+    loadingRef.current = isLoading;
+    setLoading(isLoading);
+  }
+  if (alwaysShowChildren) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: children
+    });
+  }
+  if (isLoading && !isNextJS) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(HideChildrenIfFronteggRoutes, {
+    basename: app == null ? void 0 : app.options.basename,
+    children: children
+  });
+};
+const FronteggStoreProvider = props => {
+  var _app$options$contextO, _app$options3, _app$options$previewM, _app$options4, _app$options5, _app$options6;
+  const {
+    children,
+    app,
+    contextOptions,
+    setLoading = defaultSetLoading,
+    alwaysVisibleChildren
+  } = props;
+
+  // TODO: make this optionals more readable
+  const context = (_app$options$contextO = app == null ? void 0 : (_app$options3 = app.options) == null ? void 0 : _app$options3.contextOptions) != null ? _app$options$contextO : contextOptions;
+  if (!context) {
+    throw Error('contextOptions must not be null or undefined');
+  }
+  const previewMode = (_app$options$previewM = app == null ? void 0 : (_app$options4 = app.options) == null ? void 0 : _app$options4.previewMode) != null ? _app$options$previewM : false;
+  const authOptions = app != null && (_app$options5 = app.options) != null && _app$options5.authOptions ? (0, _extends2.default)({}, app.options.authOptions, {
+    hostedLoginBox: app.options.hostedLoginBox
+  }) : {
+    hostedLoginBox: app == null ? void 0 : (_app$options6 = app.options) == null ? void 0 : _app$options6.hostedLoginBox
+  };
+  _restApi.ContextHolder.setContext(context);
+  const store = (0, _react.useMemo)(() => {
+    var _app$name, _app$options7;
+    return (0, _reduxStore.createFronteggStore)({
+      context,
+      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.jsxs)(_FronteggStoreContext.Provider, {
+    context: _FronteggStoreContext.FronteggStoreContext,
+    store: store,
+    children: [alwaysVisibleChildren, /*#__PURE__*/(0, _jsxRuntime.jsx)(FronteggContent, {
+      setLoading: setLoading,
+      app: app,
+      children: children
+    })]
+  });
+};
+exports.FronteggStoreProvider = FronteggStoreProvider;