@frontegg/react 4.0.23-alpha.2594518864 → 6.0.1-alpha.0

package/AuthorizedContent.d.ts

@@ -1,8 +1,8 @@
-import React, { FC, ReactNode } from 'react';
-export interface AuthorizationProps {
-    requiredRoles?: string[];
-    requiredPermissions?: string[];
-    render?: (isAuthorized: boolean) => React.ReactNode | null;
-    children?: ReactNode;
-}
-export declare const AuthorizedContent: FC<AuthorizationProps>;
+import React, { FC, ReactNode } from 'react';
+export interface AuthorizationProps {
+    requiredRoles?: string[];
+    requiredPermissions?: string[];
+    render?: (isAuthorized: boolean) => React.ReactNode | null;
+    children?: ReactNode;
+}
+export declare const AuthorizedContent: FC<AuthorizationProps>;

package/AuthorizedContent.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { useAuthUserOrNull } from '@frontegg/react-hooks';
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const AuthorizedContent = props => {
+  let isAuthorized = true;
+  const user = useAuthUserOrNull();
+
+  if (!(user != null && user.superUser)) {
+    if (props.requiredPermissions) {
+      isAuthorized = false;
+
+      for (const permission of props.requiredPermissions) {
+        var _user$permissions;
+
+        if (user != null && (_user$permissions = user.permissions) != null && _user$permissions.find(({
+          key
+        }) => key === permission)) {
+          isAuthorized = true;
+        }
+      }
+    }
+
+    if (props.requiredRoles) {
+      isAuthorized = false;
+
+      for (const role of props.requiredRoles) {
+        var _user$roles;
+
+        if (user != null && (_user$roles = user.roles) != null && _user$roles.find(({
+          key
+        }) => key === role)) {
+          isAuthorized = true;
+        }
+      }
+    }
+  }
+
+  if (typeof props.render === 'function') {
+    return _jsx(_Fragment, {
+      children: props.render(isAuthorized)
+    });
+  }
+
+  return isAuthorized ? _jsx(_Fragment, {
+    children: props.children
+  }) : null;
+};

package/CheckoutDialog.d.ts

@@ -1,8 +1,8 @@
-export interface CheckoutDialogHook {
-    showDialog: (plan: string) => void;
-    hideDialog: () => void;
-    open: boolean;
-    error: string | null;
-    success: boolean;
-}
-export declare const useCheckoutDialog: () => CheckoutDialogHook;
+export interface CheckoutDialogHook {
+    showDialog: (plan: string) => void;
+    hideDialog: () => void;
+    open: boolean;
+    error: string | null;
+    success: boolean;
+}
+export declare const useCheckoutDialog: () => CheckoutDialogHook;

package/CheckoutDialog.js

@@ -0,0 +1,55 @@
+import { useCallback, useMemo, useState } from 'react';
+import { CheckoutDialog } from '@frontegg/js';
+export const useCheckoutDialog = () => {
+  const [{
+    open,
+    error,
+    success
+  }, setState] = useState({
+    open: false,
+    error: null,
+    success: false
+  });
+  const handleError = useCallback(error => {
+    setState({
+      open: true,
+      success: false,
+      error
+    });
+  }, []);
+  const handleSuccess = useCallback(() => {
+    setState({
+      open: false,
+      success: true,
+      error: null
+    });
+  }, []);
+  const showDialog = useCallback(plan => {
+    CheckoutDialog.show({
+      plan,
+      onClose: hideDialog,
+      onError: handleError,
+      onSuccess: handleSuccess
+    });
+    setState({
+      open: true,
+      success: false,
+      error: null
+    });
+  }, []);
+  const hideDialog = useCallback(() => {
+    CheckoutDialog.hide();
+    setState({
+      open: false,
+      error: null,
+      success: false
+    });
+  }, []);
+  return useMemo(() => ({
+    open,
+    showDialog,
+    hideDialog,
+    error,
+    success
+  }), [open, showDialog, hideDialog, error, success]);
+};

package/FronteggProvider.d.ts

@@ -1,18 +1,18 @@
-import { FC, ReactNode } from 'react';
-import { FronteggAppOptions } from '@frontegg/types';
-import { UseHistory } from './routerProxy';
-export declare type FronteggProviderProps = FronteggAppOptions & {
-    appName?: string;
-    history?: UseHistory;
-    children?: ReactNode;
-};
-declare type ConnectorProps = Omit<FronteggProviderProps, 'history'> & {
-    history: {
-        push: (path: string) => void;
-        replace: (path: string) => void;
-    };
-};
-export declare const ConnectorHistory: FC<Omit<ConnectorProps, 'history'>>;
-export declare const Connector: FC<ConnectorProps>;
-export declare const FronteggProvider: FC<FronteggProviderProps>;
-export {};
+import { FC, ReactNode } from 'react';
+import { FronteggAppOptions } from '@frontegg/types';
+import { UseHistory } from './routerProxy';
+export declare type FronteggProviderProps = FronteggAppOptions & {
+    appName?: string;
+    history?: UseHistory;
+    children?: ReactNode;
+};
+declare type ConnectorProps = Omit<FronteggProviderProps, 'history'> & {
+    history: {
+        push: (path: string) => void;
+        replace: (path: string) => void;
+    };
+};
+export declare const ConnectorHistory: FC<Omit<ConnectorProps, 'history'>>;
+export declare const Connector: FC<ConnectorProps>;
+export declare const FronteggProvider: FC<FronteggProviderProps>;
+export {};

package/FronteggProvider.js

@@ -0,0 +1,89 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["history", "appName"];
+import React, { useCallback, useMemo } from 'react';
+import { AppHolder, initialize } from '@frontegg/js';
+import { FronteggStoreProvider } from '@frontegg/react-hooks';
+import { BrowserRouter, useHistory } from './routerProxy';
+import { ContextHolder } from '@frontegg/rest-api';
+import { useQueryKeeper } from './queryKeeper';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ConnectorHistory = props => {
+  const history = useHistory();
+  return _jsx(Connector, _extends({
+    history: history
+  }, props));
+};
+export const Connector = _ref => {
+  var _props$basename;
+
+  let {
+    history,
+    appName
+  } = _ref,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  const isSSR = typeof window === 'undefined';
+  const baseName = (_props$basename = props.basename) != null ? _props$basename : '';
+  const onRedirectTo = useCallback((_path, opts) => {
+    let path = _path;
+
+    if (baseName && typeof baseName === 'string' && baseName.length > 0 && path.startsWith(baseName)) {
+      path = path.substring(baseName.length);
+    }
+
+    if (opts != null && opts.preserveQueryParams) {
+      path = `${path}${window.location.search}`;
+    }
+
+    if (opts != null && opts.refresh && !isSSR) {
+      window.Cypress ? history.push(path) : window.location.href = path;
+    } else {
+      opts != null && opts.replace ? history.replace(path) : history.push(path);
+    }
+  }, []);
+  const app = useMemo(() => {
+    try {
+      return AppHolder.getInstance(appName != null ? appName : 'default');
+    } catch (e) {
+      var _props$basename2;
+
+      return initialize(_extends({}, props, {
+        basename: (_props$basename2 = props.basename) != null ? _props$basename2 : baseName,
+        contextOptions: _extends({
+          requestCredentials: 'include'
+        }, props.contextOptions),
+        onRedirectTo
+      }), appName != null ? appName : 'default');
+    }
+  }, []);
+  ContextHolder.setOnRedirectTo(onRedirectTo);
+  const signUpUrl = app.store.getState().auth.routes.signUpUrl;
+  useQueryKeeper({
+    routes: {
+      signUpUrl
+    },
+    history
+  });
+  return _jsx(FronteggStoreProvider, _extends({}, _extends({}, props, {
+    app
+  })));
+};
+export const FronteggProvider = props => {
+  const history = useHistory();
+
+  if (props.history || history) {
+    return _jsx(Connector, _extends({
+      history: props.history || history
+    }, props, {
+      children: props.children
+    }));
+  }
+
+  return _jsx(BrowserRouter, {
+    basename: props.basename,
+    children: _jsx(ConnectorHistory, _extends({}, props, {
+      children: props.children
+    }))
+  });
+};

package/index.d.ts

@@ -1,6 +1,6 @@
-export * from './FronteggProvider';
-export * from './AuthorizedContent';
-export * from './CheckoutDialog';
-export { AdminPortal, CheckoutDialog } from '@frontegg/admin-portal';
-export * from '@frontegg/react-hooks';
-export * from '@frontegg/types';
+export * from './FronteggProvider';
+export * from './AuthorizedContent';
+export * from './CheckoutDialog';
+export { AdminPortal, CheckoutDialog } from '@frontegg/js';
+export * from '@frontegg/react-hooks';
+export * from '@frontegg/types';

package/index.js

@@ -1,241 +1,11 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var tslib = require('tslib');
-var React = require('react');
-var React__default = _interopDefault(React);
-var adminPortal = require('@frontegg/admin-portal');
-var reactHooks = require('@frontegg/react-hooks');
-var ReactRouterDom = require('react-router-dom');
-var restApi = require('@frontegg/rest-api');
-var AppHolder = require('@frontegg/admin-portal/AppHolder');
-var types = require('@frontegg/types');
-
-var BrowserRouter = ReactRouterDom.BrowserRouter;
-var useHistory = function () {
-    var _a, _b, _c;
-    // @ts-ignore
-    var navigate = ((_a = ReactRouterDom.useInRouterContext) === null || _a === void 0 ? void 0 : _a.call(ReactRouterDom)) ? (_b = ReactRouterDom.useNavigate) === null || _b === void 0 ? void 0 : _b.call(ReactRouterDom) : null;
-    var history = (_c = ReactRouterDom.useHistory) === null || _c === void 0 ? void 0 : _c.call(ReactRouterDom);
-    if (navigate) {
-        var push = function (path, state) {
-            if (state) {
-                navigate(path, { state: state });
-            }
-            else {
-                navigate(path);
-            }
-        };
-        var replace = function (path, state) {
-            navigate(path, { state: state, replace: true });
-        };
-        return { push: push, replace: replace };
-    }
-    return history;
-};
-
-var removeRedirectUrlFromQuery = function (query) {
-    var q = new URLSearchParams(query);
-    q.delete('redirectUrl');
-    return q.toString();
-};
-var useQueryKeeper = function (_a) {
-    var routes = _a.routes, history = _a.history;
-    var queryParams = React.useRef();
-    var prevPathname = React.useRef();
-    var _b = ReactRouterDom.useLocation(), pathname = _b.pathname, search = _b.search;
-    React.useEffect(function () {
-        if (!!search) {
-            queryParams.current = search;
-            prevPathname.current = pathname;
-        }
-    }, []);
-    React.useEffect(function () {
-        var shouldKeepQuery = !!Object.values(routes).find(function (route) { return route === prevPathname.current; });
-        if (!search && !!queryParams.current && shouldKeepQuery) {
-            var query = removeRedirectUrlFromQuery(queryParams.current);
-            history.push(pathname + ("?" + query));
-        }
-        prevPathname.current = pathname;
-    }, [pathname, search, routes]);
-};
-
-var ConnectorHistory = function (props) {
-    var history = useHistory();
-    return React__default.createElement(Connector, tslib.__assign({ history: history }, props));
-};
-var Connector = function (_a) {
-    var _b;
-    var history = _a.history, appName = _a.appName, props = tslib.__rest(_a, ["history", "appName"]);
-    var isSSR = typeof window === 'undefined';
-    // v6 or v5
-    var baseName = (_b = props.basename) !== null && _b !== void 0 ? _b : '';
-    var onRedirectTo = React.useCallback(function (_path, opts) {
-        var path = _path;
-        // noinspection SuspiciousTypeOfGuard
-        if (baseName && typeof baseName === 'string' && baseName.length > 0 && path.startsWith(baseName)) {
-            path = path.substring(baseName.length);
-        }
-        if (opts === null || opts === void 0 ? void 0 : opts.preserveQueryParams) {
-            path = "" + path + window.location.search;
-        }
-        if ((opts === null || opts === void 0 ? void 0 : opts.refresh) && !isSSR) {
-            // @ts-ignore
-            window.Cypress ? history.push(path) : (window.location.href = path);
-        }
-        else {
-            (opts === null || opts === void 0 ? void 0 : opts.replace) ? history.replace(path) : history.push(path);
-        }
-    }, []);
-    var app = React.useMemo(function () {
-        var _a;
-        try {
-            return AppHolder.AppHolder.getInstance(appName !== null && appName !== void 0 ? appName : 'default');
-        }
-        catch (e) {
-            return adminPortal.initialize(tslib.__assign(tslib.__assign({}, props), { basename: (_a = props.basename) !== null && _a !== void 0 ? _a : baseName, contextOptions: tslib.__assign({ requestCredentials: 'include' }, props.contextOptions), onRedirectTo: onRedirectTo }), appName !== null && appName !== void 0 ? appName : 'default');
-        }
-    }, []);
-    restApi.ContextHolder.setOnRedirectTo(onRedirectTo);
-    var signUpUrl = app.store.getState().auth.routes.signUpUrl;
-    useQueryKeeper({ routes: { signUpUrl: signUpUrl }, history: history });
-    return React__default.createElement(reactHooks.FronteggStoreProvider, tslib.__assign({}, tslib.__assign(tslib.__assign({}, props), { app: app })));
-};
-var FronteggProvider = function (props) {
-    var history = useHistory();
-    if (props.history || history) {
-        return (React__default.createElement(Connector, tslib.__assign({ history: props.history || history }, props), props.children));
-    }
-    return (React__default.createElement(BrowserRouter, { basename: props.basename },
-        React__default.createElement(ConnectorHistory, tslib.__assign({}, props), props.children)));
-};
-
-var AuthorizedContent = function (props) {
-    var _a, _b;
-    var isAuthorized = true; // Initially
-    var user = reactHooks.useAuthUserOrNull();
-    if (!(user === null || user === void 0 ? void 0 : user.superUser)) {
-        if (props.requiredPermissions) {
-            isAuthorized = false; // Reset - we are going to check that the user has at least one matching permission
-            var _loop_1 = function (permission) {
-                if ((_a = user === null || user === void 0 ? void 0 : user.permissions) === null || _a === void 0 ? void 0 : _a.find(function (_a) {
-                    var key = _a.key;
-                    return key === permission;
-                })) {
-                    isAuthorized = true;
-                }
-            };
-            for (var _i = 0, _c = props.requiredPermissions; _i < _c.length; _i++) {
-                var permission = _c[_i];
-                _loop_1(permission);
-            }
-        }
-        if (props.requiredRoles) {
-            isAuthorized = false; // Reset - we are going to check that the user has at least one matching role
-            var _loop_2 = function (role) {
-                if ((_b = user === null || user === void 0 ? void 0 : user.roles) === null || _b === void 0 ? void 0 : _b.find(function (_a) {
-                    var key = _a.key;
-                    return key === role;
-                })) {
-                    isAuthorized = true;
-                }
-            };
-            for (var _d = 0, _e = props.requiredRoles; _d < _e.length; _d++) {
-                var role = _e[_d];
-                _loop_2(role);
-            }
-        }
-    }
-    if (typeof props.render === 'function') {
-        return React__default.createElement(React__default.Fragment, null, props.render(isAuthorized));
-    }
-    return isAuthorized ? React__default.createElement(React__default.Fragment, null, props.children) : null;
-};
-
-var useCheckoutDialog = function () {
-    var _a = React.useState({
-        open: false,
-        error: null,
-        success: false,
-    }), _b = _a[0], open = _b.open, error = _b.error, success = _b.success, setState = _a[1];
-    var handleError = React.useCallback(function (error) {
-        setState({
-            open: true,
-            success: false,
-            error: error,
-        });
-    }, []);
-    var handleSuccess = React.useCallback(function () {
-        setState({
-            open: false,
-            success: true,
-            error: null,
-        });
-    }, []);
-    var showDialog = React.useCallback(function (plan) {
-        adminPortal.CheckoutDialog.show({
-            plan: plan,
-            onClose: hideDialog,
-            onError: handleError,
-            onSuccess: handleSuccess,
-        });
-        setState({
-            open: true,
-            success: false,
-            error: null,
-        });
-    }, []);
-    var hideDialog = React.useCallback(function () {
-        adminPortal.CheckoutDialog.hide();
-        setState({
-            open: false,
-            error: null,
-            success: false,
-        });
-    }, []);
-    return React.useMemo(function () { return ({
-        open: open,
-        showDialog: showDialog,
-        hideDialog: hideDialog,
-        error: error,
-        success: success,
-    }); }, [open, showDialog, hideDialog, error, success]);
-};
-
-Object.keys(reactHooks).forEach(function (k) {
-  if (k !== 'default') Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () {
-      return reactHooks[k];
-    }
-  });
-});
-Object.keys(types).forEach(function (k) {
-  if (k !== 'default') Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () {
-      return types[k];
-    }
-  });
-});
-Object.defineProperty(exports, 'AdminPortal', {
-  enumerable: true,
-  get: function () {
-    return adminPortal.AdminPortal;
-  }
-});
-Object.defineProperty(exports, 'CheckoutDialog', {
-  enumerable: true,
-  get: function () {
-    return adminPortal.CheckoutDialog;
-  }
-});
-exports.AuthorizedContent = AuthorizedContent;
-exports.Connector = Connector;
-exports.ConnectorHistory = ConnectorHistory;
-exports.FronteggProvider = FronteggProvider;
-exports.useCheckoutDialog = useCheckoutDialog;
-//# sourceMappingURL=index.js.map
+/** @license Frontegg v6.0.1-alpha.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 './FronteggProvider';
+export * from './AuthorizedContent';
+export * from './CheckoutDialog';
+export { AdminPortal, CheckoutDialog } from '@frontegg/js';
+export * from '@frontegg/react-hooks';
+export * from '@frontegg/types';

package/node/AuthorizedContent.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AuthorizedContent = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactHooks = require("@frontegg/react-hooks");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const AuthorizedContent = props => {
+  let isAuthorized = true;
+  const user = (0, _reactHooks.useAuthUserOrNull)();
+
+  if (!(user != null && user.superUser)) {
+    if (props.requiredPermissions) {
+      isAuthorized = false;
+
+      for (const permission of props.requiredPermissions) {
+        var _user$permissions;
+
+        if (user != null && (_user$permissions = user.permissions) != null && _user$permissions.find(({
+          key
+        }) => key === permission)) {
+          isAuthorized = true;
+        }
+      }
+    }
+
+    if (props.requiredRoles) {
+      isAuthorized = false;
+
+      for (const role of props.requiredRoles) {
+        var _user$roles;
+
+        if (user != null && (_user$roles = user.roles) != null && _user$roles.find(({
+          key
+        }) => key === role)) {
+          isAuthorized = true;
+        }
+      }
+    }
+  }
+
+  if (typeof props.render === 'function') {
+    return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: props.render(isAuthorized)
+    });
+  }
+
+  return isAuthorized ? (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: props.children
+  }) : null;
+};
+
+exports.AuthorizedContent = AuthorizedContent;

package/node/CheckoutDialog.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCheckoutDialog = void 0;
+
+var _react = require("react");
+
+var _js = require("@frontegg/js");
+
+const useCheckoutDialog = () => {
+  const [{
+    open,
+    error,
+    success
+  }, setState] = (0, _react.useState)({
+    open: false,
+    error: null,
+    success: false
+  });
+  const handleError = (0, _react.useCallback)(error => {
+    setState({
+      open: true,
+      success: false,
+      error
+    });
+  }, []);
+  const handleSuccess = (0, _react.useCallback)(() => {
+    setState({
+      open: false,
+      success: true,
+      error: null
+    });
+  }, []);
+  const showDialog = (0, _react.useCallback)(plan => {
+    _js.CheckoutDialog.show({
+      plan,
+      onClose: hideDialog,
+      onError: handleError,
+      onSuccess: handleSuccess
+    });
+
+    setState({
+      open: true,
+      success: false,
+      error: null
+    });
+  }, []);
+  const hideDialog = (0, _react.useCallback)(() => {
+    _js.CheckoutDialog.hide();
+
+    setState({
+      open: false,
+      error: null,
+      success: false
+    });
+  }, []);
+  return (0, _react.useMemo)(() => ({
+    open,
+    showDialog,
+    hideDialog,
+    error,
+    success
+  }), [open, showDialog, hideDialog, error, success]);
+};
+
+exports.useCheckoutDialog = useCheckoutDialog;

package/node/FronteggProvider.js

@@ -0,0 +1,121 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FronteggProvider = exports.ConnectorHistory = exports.Connector = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _js = require("@frontegg/js");
+
+var _reactHooks = require("@frontegg/react-hooks");
+
+var _routerProxy = require("./routerProxy");
+
+var _restApi = require("@frontegg/rest-api");
+
+var _queryKeeper = require("./queryKeeper");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const _excluded = ["history", "appName"];
+
+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 ConnectorHistory = props => {
+  const history = (0, _routerProxy.useHistory)();
+  return (0, _jsxRuntime.jsx)(Connector, (0, _extends2.default)({
+    history: history
+  }, props));
+};
+
+exports.ConnectorHistory = ConnectorHistory;
+
+const Connector = _ref => {
+  var _props$basename;
+
+  let {
+    history,
+    appName
+  } = _ref,
+      props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  const isSSR = typeof window === 'undefined';
+  const baseName = (_props$basename = props.basename) != null ? _props$basename : '';
+  const onRedirectTo = (0, _react.useCallback)((_path, opts) => {
+    let path = _path;
+
+    if (baseName && typeof baseName === 'string' && baseName.length > 0 && path.startsWith(baseName)) {
+      path = path.substring(baseName.length);
+    }
+
+    if (opts != null && opts.preserveQueryParams) {
+      path = `${path}${window.location.search}`;
+    }
+
+    if (opts != null && opts.refresh && !isSSR) {
+      window.Cypress ? history.push(path) : window.location.href = path;
+    } else {
+      opts != null && opts.replace ? history.replace(path) : history.push(path);
+    }
+  }, []);
+  const app = (0, _react.useMemo)(() => {
+    try {
+      return _js.AppHolder.getInstance(appName != null ? appName : 'default');
+    } catch (e) {
+      var _props$basename2;
+
+      return (0, _js.initialize)((0, _extends2.default)({}, props, {
+        basename: (_props$basename2 = props.basename) != null ? _props$basename2 : baseName,
+        contextOptions: (0, _extends2.default)({
+          requestCredentials: 'include'
+        }, props.contextOptions),
+        onRedirectTo
+      }), appName != null ? appName : 'default');
+    }
+  }, []);
+
+  _restApi.ContextHolder.setOnRedirectTo(onRedirectTo);
+
+  const signUpUrl = app.store.getState().auth.routes.signUpUrl;
+  (0, _queryKeeper.useQueryKeeper)({
+    routes: {
+      signUpUrl
+    },
+    history
+  });
+  return (0, _jsxRuntime.jsx)(_reactHooks.FronteggStoreProvider, (0, _extends2.default)({}, (0, _extends2.default)({}, props, {
+    app
+  })));
+};
+
+exports.Connector = Connector;
+
+const FronteggProvider = props => {
+  const history = (0, _routerProxy.useHistory)();
+
+  if (props.history || history) {
+    return (0, _jsxRuntime.jsx)(Connector, (0, _extends2.default)({
+      history: props.history || history
+    }, props, {
+      children: props.children
+    }));
+  }
+
+  return (0, _jsxRuntime.jsx)(_routerProxy.BrowserRouter, {
+    basename: props.basename,
+    children: (0, _jsxRuntime.jsx)(ConnectorHistory, (0, _extends2.default)({}, props, {
+      children: props.children
+    }))
+  });
+};
+
+exports.FronteggProvider = FronteggProvider;

package/node/index.js

@@ -0,0 +1,98 @@
+/** @license Frontegg v6.0.1-alpha.0
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  AdminPortal: true,
+  CheckoutDialog: true
+};
+Object.defineProperty(exports, "AdminPortal", {
+  enumerable: true,
+  get: function () {
+    return _js.AdminPortal;
+  }
+});
+Object.defineProperty(exports, "CheckoutDialog", {
+  enumerable: true,
+  get: function () {
+    return _js.CheckoutDialog;
+  }
+});
+
+var _FronteggProvider = require("./FronteggProvider");
+
+Object.keys(_FronteggProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FronteggProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FronteggProvider[key];
+    }
+  });
+});
+
+var _AuthorizedContent = require("./AuthorizedContent");
+
+Object.keys(_AuthorizedContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AuthorizedContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AuthorizedContent[key];
+    }
+  });
+});
+
+var _CheckoutDialog = require("./CheckoutDialog");
+
+Object.keys(_CheckoutDialog).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _CheckoutDialog[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CheckoutDialog[key];
+    }
+  });
+});
+
+var _js = require("@frontegg/js");
+
+var _reactHooks = require("@frontegg/react-hooks");
+
+Object.keys(_reactHooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _reactHooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _reactHooks[key];
+    }
+  });
+});
+
+var _types = require("@frontegg/types");
+
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});

package/node/queryKeeper.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useQueryKeeper = void 0;
+
+var _react = require("react");
+
+var _reactRouterDom = require("react-router-dom");
+
+const removeRedirectUrlFromQuery = query => {
+  const q = new URLSearchParams(query);
+  q.delete('redirectUrl');
+  return q.toString();
+};
+
+const useQueryKeeper = ({
+  routes,
+  history
+}) => {
+  const queryParams = (0, _react.useRef)();
+  const prevPathname = (0, _react.useRef)();
+  const {
+    pathname,
+    search
+  } = (0, _reactRouterDom.useLocation)();
+  (0, _react.useEffect)(() => {
+    if (!!search) {
+      queryParams.current = search;
+      prevPathname.current = pathname;
+    }
+  }, []);
+  (0, _react.useEffect)(() => {
+    const shouldKeepQuery = !!Object.values(routes).find(route => route === prevPathname.current);
+
+    if (!search && !!queryParams.current && shouldKeepQuery) {
+      const query = removeRedirectUrlFromQuery(queryParams.current);
+      history.push(pathname + `?${query}`);
+    }
+
+    prevPathname.current = pathname;
+  }, [pathname, search, routes]);
+};
+
+exports.useQueryKeeper = useQueryKeeper;

package/node/routerProxy.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useHistory = exports.BrowserRouter = void 0;
+
+var ReactRouterDom = _interopRequireWildcard(require("react-router-dom"));
+
+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 BrowserRouter = ReactRouterDom.BrowserRouter;
+exports.BrowserRouter = BrowserRouter;
+
+const useHistory = () => {
+  var _ReactRouterDom$useIn, _ReactRouterDom$useNa, _ReactRouterDom$useHi;
+
+  const navigate = (_ReactRouterDom$useIn = ReactRouterDom.useInRouterContext) != null && _ReactRouterDom$useIn.call(ReactRouterDom) ? (_ReactRouterDom$useNa = ReactRouterDom.useNavigate) == null ? void 0 : _ReactRouterDom$useNa.call(ReactRouterDom) : null;
+  const history = (_ReactRouterDom$useHi = ReactRouterDom.useHistory) == null ? void 0 : _ReactRouterDom$useHi.call(ReactRouterDom);
+
+  if (navigate) {
+    const push = (path, state) => {
+      if (state) {
+        navigate(path, {
+          state
+        });
+      } else {
+        navigate(path);
+      }
+    };
+
+    const replace = (path, state) => {
+      navigate(path, {
+        state,
+        replace: true
+      });
+    };
+
+    return {
+      push,
+      replace
+    };
+  }
+
+  return history;
+};
+
+exports.useHistory = useHistory;

package/package.json

@@ -1,23 +1,20 @@
 {
   "name": "@frontegg/react",
-  "libName": "FronteggReact",
-  "version": "4.0.23-alpha.2594518864",
-  "author": "Frontegg LTD",
-  "main": "index.js",
-  "types": "index.d.ts",
-  "scripts": {
-    "build": "rm -rf dist && mkdir dist && rollup -c ./rollup.config.js",
-    "build:watch": "rm -rf dist && mkdir dist && rollup -w -c ./rollup.config.js",
-    "test": "jest --runInBand --passWithNoTests -c ../../scripts/jest.config.json --rootDir ."
-  },
+  "version": "6.0.1-alpha.0",
+  "main": "./node/index.js",
+  "license": "MIT",
   "dependencies": {
-    "@frontegg/admin-portal": "5.61.0",
-    "@frontegg/react-hooks": "5.61.0"
+    "@babel/runtime": "^7.17.2",
+    "@frontegg/js": "6.0.1-alpha.0",
+    "@frontegg/react-hooks": "6.0.1-alpha.0"
   },
   "peerDependencies": {
     "react": ">16.9.0",
     "react-dom": ">16.9.0",
     "react-router-dom": ">5.0.0"
   },
-  "gitHead": "00c0bd425a211916eec1170b8359cf302727b338"
+  "sideEffects": false,
+  "private": false,
+  "module": "./index.js",
+  "types": "./index.d.ts"
 }

package/queryKeeper.d.ts

@@ -1,9 +1,9 @@
-import { UseHistory } from './routerProxy';
-interface UseQueryKeeperProps {
-    history: UseHistory;
-    routes: {
-        [key: string]: string;
-    };
-}
-export declare const useQueryKeeper: ({ routes, history }: UseQueryKeeperProps) => void;
-export {};
+import { UseHistory } from './routerProxy';
+interface UseQueryKeeperProps {
+    history: UseHistory;
+    routes: {
+        [key: string]: string;
+    };
+}
+export declare const useQueryKeeper: ({ routes, history }: UseQueryKeeperProps) => void;
+export {};

package/queryKeeper.js

@@ -0,0 +1,36 @@
+import { useEffect, useRef } from 'react';
+import { useLocation } from 'react-router-dom';
+
+const removeRedirectUrlFromQuery = query => {
+  const q = new URLSearchParams(query);
+  q.delete('redirectUrl');
+  return q.toString();
+};
+
+export const useQueryKeeper = ({
+  routes,
+  history
+}) => {
+  const queryParams = useRef();
+  const prevPathname = useRef();
+  const {
+    pathname,
+    search
+  } = useLocation();
+  useEffect(() => {
+    if (!!search) {
+      queryParams.current = search;
+      prevPathname.current = pathname;
+    }
+  }, []);
+  useEffect(() => {
+    const shouldKeepQuery = !!Object.values(routes).find(route => route === prevPathname.current);
+
+    if (!search && !!queryParams.current && shouldKeepQuery) {
+      const query = removeRedirectUrlFromQuery(queryParams.current);
+      history.push(pathname + `?${query}`);
+    }
+
+    prevPathname.current = pathname;
+  }, [pathname, search, routes]);
+};

package/routerProxy.d.ts

@@ -1,19 +1,19 @@
-import * as ReactRouterDom from 'react-router-dom';
-export declare type Path = string;
-declare type Location = {
-    pathname: string;
-    search: string;
-    state: any;
-    hash: string;
-    key?: string;
-};
-declare type LocationDescriptor = string | Location;
-export declare type UseHistory = {
-    push(path: Path, state?: any): void;
-    push(location: LocationDescriptor): void;
-    replace(path: Path, state?: any): void;
-    replace(location: LocationDescriptor): void;
-};
-export declare const BrowserRouter: typeof ReactRouterDom.BrowserRouter;
-export declare const useHistory: () => UseHistory;
-export {};
+import * as ReactRouterDom from 'react-router-dom';
+export declare type Path = string;
+declare type Location = {
+    pathname: string;
+    search: string;
+    state: any;
+    hash: string;
+    key?: string;
+};
+declare type LocationDescriptor = string | Location;
+export declare type UseHistory = {
+    push(path: Path, state?: any): void;
+    push(location: LocationDescriptor): void;
+    replace(path: Path, state?: any): void;
+    replace(location: LocationDescriptor): void;
+};
+export declare const BrowserRouter: typeof ReactRouterDom.BrowserRouter;
+export declare const useHistory: () => UseHistory;
+export {};

package/routerProxy.js

@@ -0,0 +1,34 @@
+import * as ReactRouterDom from 'react-router-dom';
+export const BrowserRouter = ReactRouterDom.BrowserRouter;
+export const useHistory = () => {
+  var _ReactRouterDom$useIn, _ReactRouterDom$useNa, _ReactRouterDom$useHi;
+
+  const navigate = (_ReactRouterDom$useIn = ReactRouterDom.useInRouterContext) != null && _ReactRouterDom$useIn.call(ReactRouterDom) ? (_ReactRouterDom$useNa = ReactRouterDom.useNavigate) == null ? void 0 : _ReactRouterDom$useNa.call(ReactRouterDom) : null;
+  const history = (_ReactRouterDom$useHi = ReactRouterDom.useHistory) == null ? void 0 : _ReactRouterDom$useHi.call(ReactRouterDom);
+
+  if (navigate) {
+    const push = (path, state) => {
+      if (state) {
+        navigate(path, {
+          state
+        });
+      } else {
+        navigate(path);
+      }
+    };
+
+    const replace = (path, state) => {
+      navigate(path, {
+        state,
+        replace: true
+      });
+    };
+
+    return {
+      push,
+      replace
+    };
+  }
+
+  return history;
+};

package/README.md

@@ -1,70 +0,0 @@
-# Frontegg React
-
-![alt text](https://fronteggstuff.blob.core.windows.net/frongegg-logos/logo-transparent.png)
-
-Frontegg is a web platform where SaaS companies can set up their fully managed, scalable and brand aware - SaaS features
-and integrate them into their SaaS portals in up to 5 lines of code.
-
-## BREAKING CHANGES SINCE VERSION 2.1.0
-
-### The new @frontegg/react uses AdminPortal and LoginBox instead of multiple components.
-
-## Installation
-
-Use the package manager [npm](https://www.npmjs.com/) to install frontegg React.JS library.
-
-```bash
-npm install @frontegg/react
-```
-
-## Configuration
-
-Wrap your application with `Frontegg Provider`:
-
-```js
-import { FronteggProvider } from '@frontegg/react'
-
-const contextOptions = {
-  baseUrl: 'https://{HOST}.frontegg.com', // Your backend base URL (frontegg will direct the requests to it)
-}
-
-export const App = () => {
-  return <FronteggProvider contextOptions={contextOptions}>
-    {/*...*/}
-  </FronteggProvider>
-}
-
-```
-
-### Usage
-
-You can use React Hooks to access Frontegg store.
-
-```js
-import { useAuthUser } from '@frontegg/react'
-
-const HomePage = () => {
-  const user = useAuthUser();
-
-  return <div>
-    Logged In user: {user.email}
-  </div>
-}
-```
-
-Openning the Admin Portal is available via the following code snippet.
-
-```js
-import { AdminPortal } from '@frontegg/react'
-
-const Toolbar = () => {
-
-  return <nav>
-    {/*... your application tabs ...*/}
-
-    <button onClick={() => AdminPortal.show()}>
-      Open Admin Portal
-    </button>
-  </nav>
-}
-```

package/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../src/routerProxy.tsx","../src/queryKeeper.tsx","../src/FronteggProvider.tsx","../src/AuthorizedContent.tsx","../src/CheckoutDialog.tsx"],"sourcesContent":["import * as ReactRouterDom from 'react-router-dom';\n\nexport type Path = string;\n\ntype Location = {\n  pathname: string;\n  search: string;\n  state: any;\n  hash: string;\n  key?: string;\n};\n\ntype LocationDescriptor = string | Location;\n\nexport type UseHistory = {\n  push(path: Path, state?: any): void;\n  push(location: LocationDescriptor): void;\n  replace(path: Path, state?: any): void;\n  replace(location: LocationDescriptor): void;\n};\n\nexport const BrowserRouter = ReactRouterDom.BrowserRouter;\n\nexport const useHistory = (): UseHistory => {\n  // @ts-ignore\n  const navigate = ReactRouterDom.useInRouterContext?.() ? ReactRouterDom.useNavigate?.() : null;\n  const history = ReactRouterDom.useHistory?.();\n\n  if (navigate) {\n    const push = (path: Path, state?: any): void => {\n      if (state) {\n        navigate(path, { state });\n      } else {\n        navigate(path);\n      }\n    };\n\n    const replace = (path: Path, state?: any): void => {\n      navigate(path, { state, replace: true });\n    };\n\n    return { push, replace };\n  }\n  return history;\n};\n","import { useEffect, useRef } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { UseHistory } from './routerProxy';\n\ninterface UseQueryKeeperProps {\n  history: UseHistory;\n  routes: {\n    [key: string]: string;\n  };\n}\n\nconst removeRedirectUrlFromQuery = (query: string) => {\n  const q = new URLSearchParams(query);\n  q.delete('redirectUrl');\n  return q.toString();\n};\n\nexport const useQueryKeeper = ({ routes, history }: UseQueryKeeperProps): void => {\n  const queryParams = useRef<string>();\n  const prevPathname = useRef<string>();\n  const { pathname, search } = useLocation();\n\n  useEffect(() => {\n    if (!!search) {\n      queryParams.current = search;\n      prevPathname.current = pathname;\n    }\n  }, []);\n\n  useEffect(() => {\n    const shouldKeepQuery = !!Object.values(routes).find((route) => route === prevPathname.current);\n\n    if (!search && !!queryParams.current && shouldKeepQuery) {\n      const query = removeRedirectUrlFromQuery(queryParams.current);\n      history.push(pathname + `?${query}`);\n    }\n\n    prevPathname.current = pathname;\n  }, [pathname, search, routes]);\n};\n","import React, { FC, ReactNode, useCallback, useMemo } from 'react';\nimport { initialize } from '@frontegg/admin-portal';\nimport { FronteggAppOptions } from '@frontegg/types';\nimport { FronteggStoreProvider } from '@frontegg/react-hooks';\nimport { BrowserRouter, useHistory, UseHistory } from './routerProxy';\nimport { ContextHolder, RedirectOptions } from '@frontegg/rest-api';\nimport { AppHolder } from '@frontegg/admin-portal/AppHolder';\nimport { useQueryKeeper } from './queryKeeper';\n\nexport type FronteggProviderProps = FronteggAppOptions & {\n  appName?: string;\n  history?: UseHistory;\n  children?: ReactNode;\n};\ntype ConnectorProps = Omit<FronteggProviderProps, 'history'> & {\n  history: {\n    push: (path: string) => void;\n    replace: (path: string) => void;\n  };\n};\n\nexport const ConnectorHistory: FC<Omit<ConnectorProps, 'history'>> = (props) => {\n  const history = useHistory();\n  return <Connector history={history} {...props} />;\n};\n\nexport const Connector: FC<ConnectorProps> = ({ history, appName, ...props }) => {\n  const isSSR = typeof window === 'undefined';\n\n  // v6 or v5\n  const baseName = props.basename ?? '';\n\n  const onRedirectTo = useCallback((_path: string, opts?: RedirectOptions) => {\n    let path = _path;\n    // noinspection SuspiciousTypeOfGuard\n    if (baseName && typeof baseName === 'string' && baseName.length > 0 && path.startsWith(baseName)) {\n      path = path.substring(baseName.length);\n    }\n    if (opts?.preserveQueryParams) {\n      path = `${path}${window.location.search}`;\n    }\n    if (opts?.refresh && !isSSR) {\n      // @ts-ignore\n      window.Cypress ? history.push(path) : (window.location.href = path);\n    } else {\n      opts?.replace ? history.replace(path) : history.push(path);\n    }\n  }, []);\n\n  const app = useMemo(() => {\n    try {\n      return AppHolder.getInstance(appName ?? 'default');\n    } catch (e) {\n      return initialize(\n        {\n          ...props,\n          basename: props.basename ?? baseName,\n          contextOptions: {\n            requestCredentials: 'include',\n            ...props.contextOptions,\n          },\n          onRedirectTo,\n        },\n        appName ?? 'default'\n      );\n    }\n  }, []);\n  ContextHolder.setOnRedirectTo(onRedirectTo);\n\n  const signUpUrl = app.store.getState().auth.routes.signUpUrl;\n  useQueryKeeper({ routes: { signUpUrl }, history });\n\n  return <FronteggStoreProvider {...({ ...props, app } as any)} />;\n};\n\nexport const FronteggProvider: FC<FronteggProviderProps> = (props) => {\n  const history = useHistory();\n\n  if (props.history || history) {\n    return (\n      <Connector history={props.history || history} {...props}>\n        {props.children}\n      </Connector>\n    );\n  }\n\n  return (\n    <BrowserRouter basename={props.basename}>\n      <ConnectorHistory {...props}>{props.children}</ConnectorHistory>\n    </BrowserRouter>\n  );\n};\n","import React, { FC, ReactNode } from 'react';\nimport { useAuthUserOrNull } from '@frontegg/react-hooks';\n\nexport interface AuthorizationProps {\n  requiredRoles?: string[];\n  requiredPermissions?: string[];\n  render?: (isAuthorized: boolean) => React.ReactNode | null;\n  children?: ReactNode;\n}\n\nexport const AuthorizedContent: FC<AuthorizationProps> = (props) => {\n  let isAuthorized = true; // Initially\n  const user = useAuthUserOrNull();\n\n  if (!user?.superUser) {\n    if (props.requiredPermissions) {\n      isAuthorized = false; // Reset - we are going to check that the user has at least one matching permission\n      for (const permission of props.requiredPermissions) {\n        if (user?.permissions?.find(({ key }) => key === permission)) {\n          isAuthorized = true;\n        }\n      }\n    }\n\n    if (props.requiredRoles) {\n      isAuthorized = false; // Reset - we are going to check that the user has at least one matching role\n      for (const role of props.requiredRoles) {\n        if (user?.roles?.find(({ key }) => key === role)) {\n          isAuthorized = true;\n        }\n      }\n    }\n  }\n  if (typeof props.render === 'function') {\n    return <>{props.render(isAuthorized)}</>;\n  }\n\n  return isAuthorized ? <>{props.children}</> : null;\n};\n","import { useCallback, useMemo, useState } from 'react';\nimport { CheckoutDialog } from '@frontegg/admin-portal';\n\ninterface CheckoutDialogState {\n  open: boolean;\n  error: string | null;\n  success: boolean;\n}\n\nexport interface CheckoutDialogHook {\n  showDialog: (plan: string) => void;\n  hideDialog: () => void;\n  open: boolean;\n  error: string | null;\n  success: boolean;\n}\n\nexport const useCheckoutDialog = (): CheckoutDialogHook => {\n  const [{ open, error, success }, setState] = useState<CheckoutDialogState>({\n    open: false,\n    error: null,\n    success: false,\n  });\n\n  const handleError = useCallback((error: string) => {\n    setState({\n      open: true,\n      success: false,\n      error,\n    });\n  }, []);\n\n  const handleSuccess = useCallback(() => {\n    setState({\n      open: false,\n      success: true,\n      error: null,\n    });\n  }, []);\n\n  const showDialog = useCallback((plan: string) => {\n    CheckoutDialog.show({\n      plan,\n      onClose: hideDialog,\n      onError: handleError,\n      onSuccess: handleSuccess,\n    });\n    setState({\n      open: true,\n      success: false,\n      error: null,\n    });\n  }, []);\n\n  const hideDialog = useCallback(() => {\n    CheckoutDialog.hide();\n    setState({\n      open: false,\n      error: null,\n      success: false,\n    });\n  }, []);\n\n  return useMemo(\n    () => ({\n      open,\n      showDialog,\n      hideDialog,\n      error,\n      success,\n    }),\n    [open, showDialog, hideDialog, error, success]\n  );\n};\n"],"names":["ReactRouterDom.BrowserRouter","ReactRouterDom.useInRouterContext","ReactRouterDom.useNavigate","ReactRouterDom.useHistory","useRef","useLocation","useEffect","React","useCallback","useMemo","AppHolder","initialize","ContextHolder","FronteggStoreProvider","__assign","useAuthUserOrNull","useState","CheckoutDialog"],"mappings":"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"}