@frontegg/react 6.0.1-alpha.0 → 6.0.1-alpha.1

package/node/index.js

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

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@frontegg/react",
-  "version": "6.0.1-alpha.0",
+  "version": "6.0.1-alpha.1",
   "main": "./node/index.js",
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@frontegg/js": "6.0.1-alpha.0",
-    "@frontegg/react-hooks": "6.0.1-alpha.0"
+    "@frontegg/js": "6.0.1-alpha.1",
+    "@frontegg/react-hooks": "6.0.1-alpha.1"
   },
   "peerDependencies": {
     "react": ">16.9.0",
@@ -15,6 +15,6 @@
   },
   "sideEffects": false,
   "private": false,
-  "module": "./index.js",
+  "module": "./node/index.js",
   "types": "./index.d.ts"
 }

package/AuthorizedContent.js

@@ -1,48 +0,0 @@
-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.js

@@ -1,55 +0,0 @@
-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.js

@@ -1,89 +0,0 @@
-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.js

@@ -1,11 +0,0 @@
-/** @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/queryKeeper.js

@@ -1,36 +0,0 @@
-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.js

@@ -1,34 +0,0 @@
-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;
-};