@frontegg/react-hooks 5.60.0 → 6.0.1-alpha.1

package/node/FronteggProvider.js

@@ -0,0 +1,160 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FronteggStoreProvider = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactRedux = require("react-redux");
+
+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 setLoading = loading => {
+  const isSSR = typeof document === 'undefined' || typeof window === 'undefined';
+
+  if (!isSSR) {
+    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 = () => {
+    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);
+    };
+  }, [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 (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: children
+  });
+};
+
+const FronteggContent = ({
+  children,
+  app,
+  setLoading
+}) => {
+  var _app$options, _app$options2, _app$options3;
+
+  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 alwaysShowChildren = customLoginBox || (app == null ? void 0 : (_app$options2 = app.options) == null ? void 0 : _app$options2.hostedLoginBox) === true && (app == null ? void 0 : (_app$options3 = app.options) == null ? void 0 : _app$options3.framework) === 'nextjs';
+  const loadingRef = (0, _react.useRef)(undefined);
+
+  if (isLoading !== loadingRef.current) {
+    loadingRef.current = isLoading;
+    setLoading(isLoading);
+  }
+
+  if (isLoading) {
+    return null;
+  }
+
+  if (alwaysShowChildren) {
+    return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: children
+    });
+  }
+
+  return (0, _jsxRuntime.jsx)(HideChildrenIfFronteggRoutes, {
+    basename: app == null ? void 0 : app.options.basename,
+    children: children
+  });
+};
+
+const FronteggStoreProvider = props => {
+  var _app$options$contextO, _app$options4, _app$options$previewM, _app$options5, _app$options$authOpti, _app$options6;
+
+  const {
+    children,
+    app,
+    contextOptions,
+    setLoading: setLoadingProps
+  } = props;
+  const context = (_app$options$contextO = app == null ? void 0 : (_app$options4 = app.options) == null ? void 0 : _app$options4.contextOptions) != null ? _app$options$contextO : contextOptions;
+  const previewMode = (_app$options$previewM = app == null ? void 0 : (_app$options5 = app.options) == null ? void 0 : _app$options5.previewMode) != null ? _app$options$previewM : false;
+  const authOptions = (_app$options$authOpti = app == null ? void 0 : (_app$options6 = app.options) == null ? void 0 : _app$options6.authOptions) != null ? _app$options$authOpti : {};
+
+  _restApi.ContextHolder.setContext(context);
+
+  const store = (0, _react.useMemo)(() => (0, _reduxStore.createFronteggStore)({
+    context: context
+  }, app, previewMode, authOptions), [app, previewMode]);
+  return (0, _jsxRuntime.jsx)(_reactRedux.Provider, {
+    context: _FronteggStoreContext.FronteggStoreContext,
+    store: store,
+    children: (0, _jsxRuntime.jsx)(FronteggContent, {
+      setLoading: setLoadingProps != null ? setLoadingProps : setLoading,
+      app: app,
+      children: children
+    })
+  });
+};
+
+exports.FronteggStoreProvider = FronteggStoreProvider;

package/node/FronteggStoreContext.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FronteggStoreContext = void 0;
+Object.defineProperty(exports, "Provider", {
+  enumerable: true,
+  get: function () {
+    return _reactRedux.Provider;
+  }
+});
+Object.defineProperty(exports, "connectAdvanced", {
+  enumerable: true,
+  get: function () {
+    return _reactRedux.connectAdvanced;
+  }
+});
+exports.default = void 0;
+Object.defineProperty(exports, "shallowEqual", {
+  enumerable: true,
+  get: function () {
+    return _reactRedux.shallowEqual;
+  }
+});
+exports.useStore = exports.useSelector = exports.useDispatch = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactRedux = require("react-redux");
+
+const FronteggStoreContext = _react.default.createContext(null);
+
+exports.FronteggStoreContext = FronteggStoreContext;
+
+if (process.env.NODE_ENV !== 'production') {
+  FronteggStoreContext.displayName = 'FronteggStoreContext';
+}
+
+const useSelector = (0, _reactRedux.createSelectorHook)(FronteggStoreContext);
+exports.useSelector = useSelector;
+const useDispatch = (0, _reactRedux.createDispatchHook)(FronteggStoreContext);
+exports.useDispatch = useDispatch;
+const useStore = (0, _reactRedux.createStoreHook)(FronteggStoreContext);
+exports.useStore = useStore;
+var _default = FronteggStoreContext;
+exports.default = _default;

package/node/audits/auditLogs.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAuditLogsState = exports.useAuditLogsActions = void 0;
+
+var _hooks = require("./hooks");
+
+var _reduxStore = require("@frontegg/redux-store");
+
+const useAuditLogsState = stateMapper => (0, _hooks.stateHookGenerator)(stateMapper, 'auditLogsState');
+
+exports.useAuditLogsState = useAuditLogsState;
+
+const useAuditLogsActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.auditLogsActions, _reduxStore.auditLogsReducers);
+
+exports.useAuditLogsActions = useAuditLogsActions;

package/node/audits/auditsMetadata.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAuditsMetadataState = exports.useAuditsMetadataActions = void 0;
+
+var _hooks = require("./hooks");
+
+var _reduxStore = require("@frontegg/redux-store");
+
+const useAuditsMetadataState = stateMapper => (0, _hooks.stateHookGenerator)(stateMapper, 'auditsMetadataState');
+
+exports.useAuditsMetadataState = useAuditsMetadataState;
+
+const useAuditsMetadataActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.auditsMetadataActions, _reduxStore.auditsMetadataReducers);
+
+exports.useAuditsMetadataActions = useAuditsMetadataActions;

package/node/audits/hooks.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAuditsState = exports.useAuditsActions = exports.stateHookGenerator = exports.sliceReducerActionsBy = exports.reducerActionsGenerator = 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");
+
+const useAuditsState = stateMapper => {
+  return (0, _FronteggStoreContext.useSelector)(state => {
+    var _stateMapper;
+
+    return (_stateMapper = stateMapper == null ? void 0 : stateMapper(state[_reduxStore.auditsStoreName])) != null ? _stateMapper : state[_reduxStore.auditsStoreName];
+  }, _reactRedux.shallowEqual);
+};
+
+exports.useAuditsState = useAuditsState;
+
+const useAuditsActions = () => {
+  const dispatch = (0, _FronteggStoreContext.useDispatch)();
+  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.auditsActions, dispatch), [_reduxStore.auditsActions]);
+};
+
+exports.useAuditsActions = useAuditsActions;
+
+const sliceReducerActionsBy = reducer => {
+  const reducerKeys = Object.keys(reducer);
+  const reducerActions = reducerKeys.map(key => ({
+    [key]: _reduxStore.auditsActions[key]
+  }));
+  return reducerActions.reduce((p, n) => (0, _extends2.default)({}, p, n), {});
+};
+
+exports.sliceReducerActionsBy = sliceReducerActionsBy;
+
+const stateHookGenerator = (stateMapper, subState) => {
+  return (0, _FronteggStoreContext.useSelector)(state => {
+    var _stateMapper2;
+
+    return (_stateMapper2 = stateMapper == null ? void 0 : stateMapper(state[_reduxStore.auditsStoreName][subState])) != null ? _stateMapper2 : state[_reduxStore.auditsStoreName][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;

package/node/audits/index.js

@@ -1,18 +1,51 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', { value: true });
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useAuditsState: true,
+  useAuditsActions: true
+};
+Object.defineProperty(exports, "useAuditsActions", {
+  enumerable: true,
+  get: function () {
+    return _hooks.useAuditsActions;
+  }
+});
+Object.defineProperty(exports, "useAuditsState", {
+  enumerable: true,
+  get: function () {
+    return _hooks.useAuditsState;
+  }
+});
 
-var auditsMetadata = require('../auditsMetadata-d15799a1.js');
-require('@frontegg/redux-store');
-require('react');
-require('react-redux');
-require('../FronteggStoreContext-6cfac56c.js');
+var _hooks = require("./hooks");
 
+var _auditLogs = require("./auditLogs");
 
+Object.keys(_auditLogs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _auditLogs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _auditLogs[key];
+    }
+  });
+});
 
-exports.useAuditLogsActions = auditsMetadata.useAuditLogsActions;
-exports.useAuditLogsState = auditsMetadata.useAuditLogsState;
-exports.useAuditsActions = auditsMetadata.useAuditsActions;
-exports.useAuditsMetadataActions = auditsMetadata.useAuditsMetadataActions;
-exports.useAuditsMetadataState = auditsMetadata.useAuditsMetadataState;
-exports.useAuditsState = auditsMetadata.useAuditsState;
+var _auditsMetadata = require("./auditsMetadata");
+
+Object.keys(_auditsMetadata).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _auditsMetadata[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _auditsMetadata[key];
+    }
+  });
+});

package/node/auth/acceptInvitation.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAcceptInvitationState = exports.useAcceptInvitationActions = void 0;
+
+var _reduxStore = require("@frontegg/redux-store");
+
+var _hooks = require("./hooks");
+
+const useAcceptInvitationState = stateMapper => (0, _hooks.stateHookGenerator)(stateMapper, 'acceptInvitationState');
+
+exports.useAcceptInvitationState = useAcceptInvitationState;
+
+const useAcceptInvitationActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.acceptInvitationActions, _reduxStore.acceptInvitationReducers);
+
+exports.useAcceptInvitationActions = useAcceptInvitationActions;

package/node/auth/activateAccount.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useActivateAccountState = exports.useActivateAccountActions = void 0;
+
+var _reduxStore = require("@frontegg/redux-store");
+
+var _hooks = require("./hooks");
+
+const useActivateAccountState = stateMapper => (0, _hooks.stateHookGenerator)(stateMapper, 'activateState');
+
+exports.useActivateAccountState = useActivateAccountState;
+
+const useActivateAccountActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.activateAccountActions, _reduxStore.activateAccountReducers);
+
+exports.useActivateAccountActions = useActivateAccountActions;

package/node/auth/apiTokens.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useApiTokensState = exports.useApiTokensActions = void 0;
+
+var _reduxStore = require("@frontegg/redux-store");
+
+var _hooks = require("./hooks");
+
+const useApiTokensState = stateMapper => (0, _hooks.stateHookGenerator)(stateMapper, 'apiTokensState');
+
+exports.useApiTokensState = useApiTokensState;
+
+const useApiTokensActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.apiTokensActions, _reduxStore.apiTokensReducers);
+
+exports.useApiTokensActions = useApiTokensActions;

package/node/auth/forgotPassword.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useForgotPasswordState = exports.useForgotPasswordActions = void 0;
+
+var _reduxStore = require("@frontegg/redux-store");
+
+var _hooks = require("./hooks");
+
+const useForgotPasswordState = stateMapper => (0, _hooks.stateHookGenerator)(stateMapper, 'forgotPasswordState');
+
+exports.useForgotPasswordState = useForgotPasswordState;
+
+const useForgotPasswordActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.forgotPasswordActions, _reduxStore.forgotPasswordReducers);
+
+exports.useForgotPasswordActions = useForgotPasswordActions;

package/node/auth/hooks.js

@@ -0,0 +1,127 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOnRedirectTo = exports.useLoginWithRedirect = exports.useIsAuthenticated = exports.useAuthUserOrNull = exports.useAuthUser = exports.useAuthRoutes = exports.useAuthActions = exports.useAuth = exports.stateHookGenerator = exports.sliceReducerActionsBy = exports.reducerActionsGenerator = 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");
+
+const defaultMapper = {
+  state: state => state,
+  actions: actions => actions
+};
+
+const useAuth = (stateMapper = defaultMapper.state) => {
+  return (0, _FronteggStoreContext.useSelector)(state => stateMapper(state[_reduxStore.authStoreName]), _reactRedux.shallowEqual);
+};
+
+exports.useAuth = useAuth;
+
+const useLoginWithRedirect = () => {
+  const dispatch = (0, _FronteggStoreContext.useDispatch)();
+  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.authActions.requestHostedLoginAuthorize, dispatch), [_reduxStore.authActions.requestHostedLoginAuthorize]);
+};
+
+exports.useLoginWithRedirect = useLoginWithRedirect;
+
+const useAuthActions = () => {
+  const dispatch = (0, _FronteggStoreContext.useDispatch)();
+  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.authActions, dispatch), [_reduxStore.authActions]);
+};
+
+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;
+};
+
+exports.useOnRedirectTo = useOnRedirectTo;
+
+const useAuthRoutes = () => useAuth(state => (0, _extends2.default)({}, state.routes));
+
+exports.useAuthRoutes = useAuthRoutes;
+
+const useIsAuthenticated = () => (0, _FronteggStoreContext.useSelector)(({
+  [_reduxStore.authStoreName]: {
+    isAuthenticated
+  }
+}) => isAuthenticated, _reactRedux.shallowEqual);
+
+exports.useIsAuthenticated = useIsAuthenticated;
+
+const useAuthUser = () => {
+  const routes = useAuthRoutes();
+  const onRedirectTo = useOnRedirectTo();
+  const user = useAuthUserOrNull();
+
+  if (user == null) {
+    onRedirectTo(routes.loginUrl, {
+      refresh: true
+    });
+    return {};
+  }
+
+  return user;
+};
+
+exports.useAuthUser = useAuthUser;
+
+const useAuthUserOrNull = () => {
+  const {
+    user
+  } = (0, _FronteggStoreContext.useSelector)(({
+    [_reduxStore.authStoreName]: {
+      user
+    }
+  }) => ({
+    user
+  }), _reactRedux.shallowEqual);
+  return user || null;
+};
+
+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), {});
+};
+
+exports.sliceReducerActionsBy = sliceReducerActionsBy;
+
+const stateHookGenerator = (stateMapper, subState) => {
+  return (0, _FronteggStoreContext.useSelector)(state => {
+    var _stateMapper;
+
+    return (_stateMapper = stateMapper == null ? void 0 : stateMapper(state[_reduxStore.authStoreName][subState])) != null ? _stateMapper : 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;