@frontegg/react-hooks 6.177.0 → 6.178.0-alpha.1

package/node/auth/entitlements.js

@@ -4,25 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.usePermissionEntitlements = exports.useFeatureEntitlements = exports.useEntitlementsOptions = exports.useEntitlementsActions = exports.useEntitlements = void 0;
-var _reduxStore = require("@frontegg/redux-store");
 var _restApi = require("@frontegg/rest-api");
 var _hooks = require("./hooks");
 var _react = require("react");
 var _common = require("../common");
 var _flags = require("../flags");
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _react2 = require("valtio/react");
+var _reduxStore = require("@frontegg/redux-store");
 /**
  * @returns entitlemenets state as stored in the user
  */
-const useEntitlementsState = () => (0, _hooks.useAuth)(({
-  user
-}) => user == null ? void 0 : user.entitlements);
+const useEntitlementsState = () => {
+  var _useSnapshot$user$ent, _useSnapshot$user;
+  const state = (0, _FronteggStoreContext.useStore)().store.auth;
+  return (_useSnapshot$user$ent = (_useSnapshot$user = (0, _react2.useSnapshot)(state).user) == null ? void 0 : _useSnapshot$user.entitlements) != null ? _useSnapshot$user$ent : {};
+};
 
 /**
  * @returns user state
  */
-const useUserState = () => (0, _hooks.useAuth)(({
-  user
-}) => user);
+const useUserState = () => {
+  return (0, _hooks.useAuthUserOrNull)() || undefined;
+};
 
 /**
  * @param customAttributes user attributes
@@ -47,10 +51,10 @@ const useEntitlementsQueryData = customAttributes => {
 };
 
 /**
-  @param key feature key
-  @param customAttributes user attributes
-  @returns if the user is entitled to the given feature and attributes. Attaching the justification if not
-*/
+ @param key feature key
+ @param customAttributes user attributes
+ @returns if the user is entitled to the given feature and attributes. Attaching the justification if not
+ */
 const useFeatureEntitlements = (key, customAttributes) => {
   const {
     entitlements,
@@ -61,10 +65,10 @@ const useFeatureEntitlements = (key, customAttributes) => {
 };
 
 /**
-  @param key permission key
-  @param customAttributes user attributes
-  @returns if the user is entitled to the given permission and attributes. Attaching the justification if not
-*/
+ @param key permission key
+ @param customAttributes user attributes
+ @returns if the user is entitled to the given permission and attributes. Attaching the justification if not
+ */
 exports.useFeatureEntitlements = useFeatureEntitlements;
 const usePermissionEntitlements = (key, customAttributes) => {
   const {
@@ -76,10 +80,10 @@ const usePermissionEntitlements = (key, customAttributes) => {
 };
 
 /**
-  @param entitledToOptions including permission or feature key
-  @param customAttributes user attributes
-  @returns if the user is entitled to the given feature or permission and attributes (check only one). Attaching the justification if not
-*/
+ @param entitledToOptions including permission or feature key
+ @param customAttributes user attributes
+ @returns if the user is entitled to the given feature or permission and attributes (check only one). Attaching the justification if not
+ */
 exports.usePermissionEntitlements = usePermissionEntitlements;
 const useEntitlements = (options, customAttributes) => {
   const {
@@ -116,7 +120,7 @@ const useEntitlementsActions = () => {
 
 /**
  @returns if the option to use entitlements is enabled
-  */
+ */
 exports.useEntitlementsActions = useEntitlementsActions;
 const useEntitlementsOptions = () => {
   var _entitlementsOptions$;

package/node/auth/forgotPassword.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useForgotPasswordActions = void 0;
 exports.useForgotPasswordState = useForgotPasswordState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("./hooks");
-const defaultMapper = state => state;
-function useForgotPasswordState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'forgotPasswordState');
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _react = require("valtio/react");
+function useForgotPasswordState() {
+  const state = (0, _FronteggStoreContext.useStore)().store.auth.forgotPasswordState;
+  return (0, _react.useSnapshot)(state);
 }
-const useForgotPasswordActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.forgotPasswordActions, _reduxStore.forgotPasswordReducers);
+const useForgotPasswordActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.forgotPasswordActions;
+};
 exports.useForgotPasswordActions = useForgotPasswordActions;

package/node/auth/groups.js

@@ -6,19 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.useGroupsDialogsActions = exports.useGroupsActions = void 0;
 exports.useGroupsDialogsState = useGroupsDialogsState;
 exports.useGroupsState = useGroupsState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("./hooks");
-const defaultMapper = state => state;
-function useGroupsState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'groupsState');
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _react = require("valtio/react");
+function useGroupsState() {
+  return (0, _react.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth.groupsState);
 }
-const useGroupsActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.groupsActions, _reduxStore.groupsReducers);
-
-//dialogs
+const useGroupsActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.groupsActions;
+};
 exports.useGroupsActions = useGroupsActions;
-const defaultDialogsMapper = state => state;
-function useGroupsDialogsState(stateMapper = defaultDialogsMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'groupsDialogsState');
+function useGroupsDialogsState() {
+  return (0, _react.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth.groupsDialogsState);
 }
-const useGroupsDialogsActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.groupsDialogsActions, _reduxStore.groupsDialogsReducers);
+const useGroupsDialogsActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.groupsDialogsActions;
+};
 exports.useGroupsDialogsActions = useGroupsDialogsActions;

package/node/auth/hooks.js

@@ -4,16 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.stateHookGenerator = exports.sliceReducerActionsBy = exports.reducerActionsGenerator = void 0;
 exports.useAuth = useAuth;
-exports.useOnRedirectTo = exports.useLoginWithRedirectV2 = exports.useLoginWithRedirect = exports.useIsAuthenticated = exports.useAuthUserOrNull = exports.useAuthUser = exports.useAuthRoutes = exports.useAuthActions = void 0;
+exports.useAuthRoutes = exports.useAuthActions = void 0;
+exports.useAuthState = useAuthState;
+exports.useOnRedirectTo = exports.useLoginWithRedirectV2 = exports.useLoginWithRedirect = exports.useIsAuthenticated = exports.useAuthUserOrNull = exports.useAuthUser = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("react");
-var _reduxStore = require("@frontegg/redux-store");
-var _reactRedux = require("react-redux");
-var _FronteggStoreContext = require("../FronteggStoreContext");
 var _restApi = require("@frontegg/rest-api");
-var _common = require("../common");
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _react2 = require("valtio/react");
 const defaultMapper = {
   state: state => state,
   actions: actions => actions
@@ -34,7 +33,14 @@ const defaultMapper = {
  */
 
 function useAuth(stateMapper = defaultMapper.state) {
-  return (0, _FronteggStoreContext.useSelector)(state => stateMapper(state[_reduxStore.authStoreName]), _reactRedux.shallowEqual);
+  const state = (0, _FronteggStoreContext.useStore)().store.auth;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  return stateMapper((0, _react2.useSnapshot)(state));
+}
+function useAuthState() {
+  return (0, _react2.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth, {
+    sync: true
+  });
 }
 
 /**
@@ -64,24 +70,28 @@ function useAuth(stateMapper = defaultMapper.state) {
  * When using this option, you can have the user on the first load, and you can control when the user is redirected to the login page by using `loginWithRedirect`.
  */
 const useLoginWithRedirect = () => {
-  const dispatch = (0, _FronteggStoreContext.useDispatch)();
-  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.authActions.requestHostedLoginAuthorize, dispatch), [_reduxStore.authActions.requestHostedLoginAuthorize]);
+  const {
+    actions
+  } = (0, _react.useContext)(_FronteggStoreContext.FronteggStoreContext);
+  return actions.requestHostedLoginAuthorize;
 };
 exports.useLoginWithRedirect = useLoginWithRedirect;
 const useLoginWithRedirectV2 = () => {
-  const dispatch = (0, _FronteggStoreContext.useDispatch)();
-  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.authActions.requestHostedLoginAuthorizeV2, dispatch), [_reduxStore.authActions.requestHostedLoginAuthorizeV2]);
+  const {
+    actions
+  } = (0, _react.useContext)(_FronteggStoreContext.FronteggStoreContext);
+  return actions.requestHostedLoginAuthorizeV2;
 };
 exports.useLoginWithRedirectV2 = useLoginWithRedirectV2;
 const useAuthActions = () => {
-  const dispatch = (0, _FronteggStoreContext.useDispatch)();
-  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.authActions, dispatch), [_reduxStore.authActions]);
+  return (0, _FronteggStoreContext.useStore)().actions;
 };
 exports.useAuthActions = useAuthActions;
 const useOnRedirectTo = () => {
-  var _context$onRedirectTo;
-  const context = (0, _react.useContext)(_common.ShadowDomContext);
-  return (_context$onRedirectTo = context == null ? void 0 : context.onRedirectTo) != null ? _context$onRedirectTo : _restApi.ContextHolder.onRedirectTo;
+  const {
+    onRedirectTo
+  } = useAuth();
+  return onRedirectTo != null ? onRedirectTo : _restApi.ContextHolder.onRedirectTo;
 };
 exports.useOnRedirectTo = useOnRedirectTo;
 const useAuthRoutes = () => useAuth(state => (0, _extends2.default)({}, state.routes));
@@ -97,11 +107,12 @@ const useAuthRoutes = () => useAuth(state => (0, _extends2.default)({}, state.ro
  * use this frontegg hook function to get if user is "Authenticated"
  */
 exports.useAuthRoutes = useAuthRoutes;
-const useIsAuthenticated = () => (0, _FronteggStoreContext.useSelector)(({
-  [_reduxStore.authStoreName]: {
+const useIsAuthenticated = () => {
+  const {
     isAuthenticated
-  }
-}) => isAuthenticated, _reactRedux.shallowEqual);
+  } = (0, _react2.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth);
+  return isAuthenticated;
+};
 
 /**
  * ```jsx
@@ -147,47 +158,7 @@ exports.useAuthUser = useAuthUser;
 const useAuthUserOrNull = () => {
   const {
     user
-  } = (0, _FronteggStoreContext.useSelector)(({
-    [_reduxStore.authStoreName]: {
-      user
-    }
-  }) => ({
-    user
-  }), _reactRedux.shallowEqual);
+  } = useAuth();
   return user || null;
 };
-
-/**
- * hooks helpers
- */
-exports.useAuthUserOrNull = useAuthUserOrNull;
-const sliceReducerActionsBy = reducer => {
-  const reducerKeys = Object.keys(reducer);
-  const reducerActions = reducerKeys.map(key => ({
-    [key]: _reduxStore.authActions[key]
-  }));
-  return reducerActions.reduce((p, n) => (0, _extends2.default)({}, p, n), {});
-};
-
-/*
- * enableMapperFalsyReturnValue was added to be backward compatible with all usages
- * the scenario that require enableMapperFalsyReturnValue of true is when the
- * mapper function returns a falsy value then we want to return it as is - it's a valid case like in entitlements (when it's undefined)
- * IMO all usages should be like that
- */
-exports.sliceReducerActionsBy = sliceReducerActionsBy;
-const stateHookGenerator = (stateMapper, subState, enableMapperFalsyReturnValue = false) => {
-  return (0, _FronteggStoreContext.useSelector)(state => {
-    const mapperValue = stateMapper == null ? void 0 : stateMapper(state[_reduxStore.authStoreName][subState]);
-    if (enableMapperFalsyReturnValue && stateMapper) {
-      return mapperValue;
-    }
-    return mapperValue != null ? mapperValue : state[_reduxStore.authStoreName][subState];
-  }, _reactRedux.shallowEqual);
-};
-exports.stateHookGenerator = stateHookGenerator;
-const reducerActionsGenerator = (actions, reducers) => {
-  const dispatch = (0, _FronteggStoreContext.useDispatch)();
-  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)((0, _extends2.default)({}, actions, sliceReducerActionsBy(reducers)), dispatch), [dispatch]);
-};
-exports.reducerActionsGenerator = reducerActionsGenerator;
+exports.useAuthUserOrNull = useAuthUserOrNull;

package/node/auth/impersonate.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useImpersonateActions = void 0;
 exports.useImpersonateState = useImpersonateState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("./hooks");
-const defaultMapper = state => state;
-function useImpersonateState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'impersonateState');
+var _react = require("valtio/react");
+var _FronteggStoreContext = require("../FronteggStoreContext");
+function useImpersonateState() {
+  return (0, _react.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth.impersonateState);
 }
-const useImpersonateActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.impersonateActions, _reduxStore.impersonateReducers);
+const useImpersonateActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.impersonateActions;
+};
 exports.useImpersonateActions = useImpersonateActions;