@webiny/app-admin-cognito 0.0.0-mt-2 → 0.0.0-unstable.085ff6572f

package/index.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { AuthOptions } from "@aws-amplify/auth/lib-esm/types";
 import ApolloClient from "apollo-client";
-export interface Props {
+export interface AuthenticationProps {
     children: React.ReactNode;
 }
-export interface Config extends AuthOptions {
+export interface AuthenticationFactoryConfig extends AuthOptions {
     onError?(error: Error): void;
     getIdentityData(params: {
         client: ApolloClient<any>;
@@ -15,4 +15,8 @@ export interface Config extends AuthOptions {
         [key: string]: any;
     }>;
 }
-export declare const createAuthentication: ({ getIdentityData, onError, ...config }: Config) => (props: Props) => JSX.Element;
+interface AuthenticationFactory {
+    (params: AuthenticationFactoryConfig): React.FC<AuthenticationProps>;
+}
+export declare const createAuthentication: AuthenticationFactory;
+export {};

package/index.js

@@ -1,168 +1,169 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createAuthentication = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireWildcard(require("react"));
+var _auth = require("@aws-amplify/auth");
+var _reactHooks = require("@apollo/react-hooks");
+var _apolloLinkContext = require("apollo-link-context");
+var _plugins = require("@webiny/plugins");
+var _ApolloLinkPlugin = require("@webiny/app/plugins/ApolloLinkPlugin");
+var _Authenticator = require("@webiny/app-cognito-authenticator/Authenticator");
+var _SignIn = _interopRequireDefault(require("./views/SignIn"));
+var _RequireNewPassword = _interopRequireDefault(require("./views/RequireNewPassword"));
+var _ForgotPassword = _interopRequireDefault(require("./views/ForgotPassword"));
+var _SetNewPassword = _interopRequireDefault(require("./views/SetNewPassword"));
+var _SignedIn = _interopRequireDefault(require("./views/SignedIn"));
+var _appSecurity = require("@webiny/app-security");
+var _config = require("@webiny/app/config");
+var _LoggingIn = _interopRequireDefault(require("./views/LoggingIn"));
 var _excluded = ["getIdentityData", "onError"],
-    _excluded2 = ["id", "displayName", "type", "permissions"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback, useEffect } from "react";
-import { Auth } from "@aws-amplify/auth";
-import { useApolloClient } from "@apollo/react-hooks";
-import { setContext } from "apollo-link-context";
-import { plugins } from "@webiny/plugins";
-import { ApolloLinkPlugin } from "@webiny/app/plugins/ApolloLinkPlugin";
-import { Authenticator } from "@webiny/app-cognito-authenticator/Authenticator";
-import CheckingUser from "./views/CheckingUser";
-import SignIn from "./views/SignIn";
-import RequireNewPassword from "./views/RequireNewPassword";
-import ForgotPassword from "./views/ForgotPassword";
-import SetNewPassword from "./views/SetNewPassword";
-import SignedIn from "./views/SignedIn";
-import { useSecurity } from "@webiny/app-security";
-
+  _excluded2 = ["id", "displayName", "type", "permissions"];
 var createApolloLinkPlugin = function createApolloLinkPlugin() {
-  return new ApolloLinkPlugin(function () {
-    return setContext( /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_, _ref) {
+  return new _ApolloLinkPlugin.ApolloLinkPlugin(function () {
+    return (0, _apolloLinkContext.setContext)( /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(_, _ref) {
         var headers, user, idToken;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                headers = _ref.headers;
-                _context.next = 3;
-                return Auth.currentSession();
-
-              case 3:
-                user = _context.sent;
-                idToken = user.getIdToken();
-
-                if (idToken) {
-                  _context.next = 7;
-                  break;
-                }
-
-                return _context.abrupt("return", {
-                  headers: headers
-                });
-
-              case 7:
-                if (!(headers && headers.Authorization)) {
-                  _context.next = 9;
-                  break;
-                }
-
-                return _context.abrupt("return", {
-                  headers: headers
-                });
-
-              case 9:
-                return _context.abrupt("return", {
-                  headers: _objectSpread(_objectSpread({}, headers), {}, {
-                    Authorization: "Bearer ".concat(idToken.getJwtToken())
-                  })
-                });
-
-              case 10:
-              case "end":
-                return _context.stop();
-            }
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              headers = _ref.headers;
+              _context.next = 3;
+              return _auth.Auth.currentSession();
+            case 3:
+              user = _context.sent;
+              idToken = user.getIdToken();
+              if (idToken) {
+                _context.next = 7;
+                break;
+              }
+              return _context.abrupt("return", {
+                headers: headers
+              });
+            case 7:
+              if (!(headers && headers.Authorization)) {
+                _context.next = 9;
+                break;
+              }
+              return _context.abrupt("return", {
+                headers: headers
+              });
+            case 9:
+              return _context.abrupt("return", {
+                headers: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, headers), {}, {
+                  Authorization: "Bearer ".concat(idToken.getJwtToken())
+                })
+              });
+            case 10:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));
-
       return function (_x, _x2) {
         return _ref2.apply(this, arguments);
       };
     }());
   });
 };
-
 var defaultOptions = {
-  region: process.env.REACT_APP_USER_POOL_REGION,
-  userPoolId: process.env.REACT_APP_USER_POOL_ID,
-  userPoolWebClientId: process.env.REACT_APP_USER_POOL_WEB_CLIENT_ID
+  region: _config.config.getKey("USER_POOL_REGION", process.env.REACT_APP_USER_POOL_REGION),
+  userPoolId: _config.config.getKey("USER_POOL_ID", process.env.REACT_APP_USER_POOL_ID),
+  userPoolWebClientId: _config.config.getKey("USER_POOL_WEB_CLIENT_ID", process.env.REACT_APP_USER_POOL_WEB_CLIENT_ID)
 };
-export var createAuthentication = function createAuthentication(_ref3) {
+var createAuthentication = function createAuthentication(_ref3) {
   var getIdentityData = _ref3.getIdentityData,
-      onError = _ref3.onError,
-      config = _objectWithoutProperties(_ref3, _excluded);
-
+    onError = _ref3.onError,
+    config = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+  /**
+   * TODO @ts-refactor
+   */
+  // @ts-ignore
   Object.keys(config).forEach(function (key) {
     return config[key] === undefined && delete config[key];
   });
-  Auth.configure(_objectSpread(_objectSpread({}, defaultOptions), config));
-
+  _auth.Auth.configure((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultOptions), config));
   var Authentication = function Authentication(props) {
     var children = props.children;
-
-    var _useSecurity = useSecurity(),
-        setIdentity = _useSecurity.setIdentity;
-
-    var client = useApolloClient();
-    var onToken = useCallback( /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(token) {
+    var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      loadingIdentity = _useState2[0],
+      setLoadingIdentity = _useState2[1];
+    var _useSecurity = (0, _appSecurity.useSecurity)(),
+      setIdentity = _useSecurity.setIdentity;
+    var client = (0, _reactHooks.useApolloClient)();
+    var onToken = (0, _react.useCallback)( /*#__PURE__*/function () {
+      var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(token) {
         var payload, logout, _yield$getIdentityDat, id, displayName, type, permissions, data;
-
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                payload = token.payload, logout = token.logout;
-                _context2.prev = 1;
-                _context2.next = 4;
-                return getIdentityData({
-                  client: client,
-                  payload: payload
-                });
-
-              case 4:
-                _yield$getIdentityDat = _context2.sent;
-                id = _yield$getIdentityDat.id;
-                displayName = _yield$getIdentityDat.displayName;
-                type = _yield$getIdentityDat.type;
-                permissions = _yield$getIdentityDat.permissions;
-                data = _objectWithoutProperties(_yield$getIdentityDat, _excluded2);
-                setIdentity(_objectSpread(_objectSpread({
-                  id: id,
-                  displayName: displayName,
-                  type: type,
-                  permissions: permissions
-                }, data), {}, {
-                  logout: logout
-                }));
-                _context2.next = 17;
-                break;
-
-              case 13:
-                _context2.prev = 13;
-                _context2.t0 = _context2["catch"](1);
-                console.log("ERROR", _context2.t0);
-
-                if (typeof onError === "function") {
-                  onError(_context2.t0);
-                } else {
-                  console.error(_context2.t0);
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              payload = token.payload, logout = token.logout;
+              setLoadingIdentity(true);
+              _context2.prev = 2;
+              _context2.next = 5;
+              return getIdentityData({
+                client: client,
+                payload: payload
+              });
+            case 5:
+              _yield$getIdentityDat = _context2.sent;
+              id = _yield$getIdentityDat.id;
+              displayName = _yield$getIdentityDat.displayName;
+              type = _yield$getIdentityDat.type;
+              permissions = _yield$getIdentityDat.permissions;
+              data = (0, _objectWithoutProperties2.default)(_yield$getIdentityDat, _excluded2);
+              setIdentity((0, _objectSpread2.default)((0, _objectSpread2.default)({
+                id: id,
+                displayName: displayName,
+                type: type,
+                permissions: permissions
+              }, data), {}, {
+                logout: logout || function () {
+                  return void 0;
                 }
-
-              case 17:
-              case "end":
-                return _context2.stop();
-            }
+              }));
+              _context2.next = 18;
+              break;
+            case 14:
+              _context2.prev = 14;
+              _context2.t0 = _context2["catch"](2);
+              console.log("ERROR", _context2.t0);
+              if (typeof onError === "function") {
+                onError(_context2.t0);
+              } else {
+                console.error(_context2.t0);
+              }
+            case 18:
+              _context2.prev = 18;
+              setLoadingIdentity(false);
+              return _context2.finish(18);
+            case 21:
+            case "end":
+              return _context2.stop();
           }
-        }, _callee2, null, [[1, 13]]);
+        }, _callee2, null, [[2, 14, 18, 21]]);
       }));
-
       return function (_x3) {
         return _ref4.apply(this, arguments);
       };
     }(), []);
-    useEffect(function () {
-      plugins.register(createApolloLinkPlugin());
+    (0, _react.useEffect)(function () {
+      _plugins.plugins.register(createApolloLinkPlugin());
     }, []);
-    return /*#__PURE__*/React.createElement(Authenticator, {
+    return /*#__PURE__*/_react.default.createElement(_Authenticator.Authenticator, {
       onToken: onToken
-    }, /*#__PURE__*/React.createElement(CheckingUser, null), /*#__PURE__*/React.createElement(SignIn, null), /*#__PURE__*/React.createElement(RequireNewPassword, null), /*#__PURE__*/React.createElement(ForgotPassword, null), /*#__PURE__*/React.createElement(SetNewPassword, null), /*#__PURE__*/React.createElement(SignedIn, null, children));
+    }, loadingIdentity ? /*#__PURE__*/_react.default.createElement(_LoggingIn.default, null) : /*#__PURE__*/_react.default.createElement(_SignIn.default, null), /*#__PURE__*/_react.default.createElement(_RequireNewPassword.default, null), /*#__PURE__*/_react.default.createElement(_ForgotPassword.default, null), /*#__PURE__*/_react.default.createElement(_SetNewPassword.default, null), /*#__PURE__*/_react.default.createElement(_SignedIn.default, null, children));
   };
-
   return Authentication;
-};
+};
+exports.createAuthentication = createAuthentication;

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createApolloLinkPlugin","ApolloLinkPlugin","setContext","_","headers","Auth","currentSession","user","idToken","getIdToken","Authorization","getJwtToken","defaultOptions","region","appConfig","getKey","process","env","REACT_APP_USER_POOL_REGION","userPoolId","REACT_APP_USER_POOL_ID","userPoolWebClientId","REACT_APP_USER_POOL_WEB_CLIENT_ID","createAuthentication","getIdentityData","onError","config","Object","keys","forEach","key","undefined","configure","Authentication","props","children","useState","loadingIdentity","setLoadingIdentity","useSecurity","setIdentity","client","useApolloClient","onToken","useCallback","token","payload","logout","id","displayName","type","permissions","data","console","log","error","useEffect","plugins","register"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { Auth } from \"@aws-amplify/auth\";\nimport { AuthOptions } from \"@aws-amplify/auth/lib-esm/types\";\nimport ApolloClient from \"apollo-client\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { setContext } from \"apollo-link-context\";\nimport { plugins } from \"@webiny/plugins\";\nimport { ApolloLinkPlugin } from \"@webiny/app/plugins/ApolloLinkPlugin\";\nimport { CognitoIdToken } from \"@webiny/app-cognito-authenticator/types\";\nimport { Authenticator } from \"@webiny/app-cognito-authenticator/Authenticator\";\nimport SignIn from \"~/views/SignIn\";\nimport RequireNewPassword from \"~/views/RequireNewPassword\";\nimport ForgotPassword from \"~/views/ForgotPassword\";\nimport SetNewPassword from \"~/views/SetNewPassword\";\nimport SignedIn from \"~/views/SignedIn\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { config as appConfig } from \"@webiny/app/config\";\nimport LoggingIn from \"~/views/LoggingIn\";\n\nconst createApolloLinkPlugin = (): ApolloLinkPlugin => {\n    return new ApolloLinkPlugin(() => {\n        return setContext(async (_, { headers }) => {\n            const user = await Auth.currentSession();\n            const idToken = user.getIdToken();\n\n            if (!idToken) {\n                return { headers };\n            }\n\n            // If \"Authorization\" header is already set, don't overwrite it.\n            if (headers && headers.Authorization) {\n                return { headers };\n            }\n\n            return {\n                headers: {\n                    ...headers,\n                    Authorization: `Bearer ${idToken.getJwtToken()}`\n                }\n            };\n        });\n    });\n};\n\nconst defaultOptions = {\n    region: appConfig.getKey(\"USER_POOL_REGION\", process.env.REACT_APP_USER_POOL_REGION),\n    userPoolId: appConfig.getKey(\"USER_POOL_ID\", process.env.REACT_APP_USER_POOL_ID),\n    userPoolWebClientId: appConfig.getKey(\n        \"USER_POOL_WEB_CLIENT_ID\",\n        process.env.REACT_APP_USER_POOL_WEB_CLIENT_ID\n    )\n};\n\nexport interface AuthenticationProps {\n    children: React.ReactNode;\n}\n\nexport interface AuthenticationFactoryConfig extends AuthOptions {\n    onError?(error: Error): void;\n    getIdentityData(params: {\n        client: ApolloClient<any>;\n        payload: { [key: string]: any };\n    }): Promise<{ [key: string]: any }>;\n}\n\ninterface AuthenticationFactory {\n    (params: AuthenticationFactoryConfig): React.FC<AuthenticationProps>;\n}\nexport const createAuthentication: AuthenticationFactory = ({\n    getIdentityData,\n    onError,\n    ...config\n}) => {\n    /**\n     * TODO @ts-refactor\n     */\n    // @ts-ignore\n    Object.keys(config).forEach(key => config[key] === undefined && delete config[key]);\n    Auth.configure({ ...defaultOptions, ...config });\n\n    const Authentication: React.FC<AuthenticationProps> = props => {\n        const { children } = props;\n        const [loadingIdentity, setLoadingIdentity] = useState(false);\n        const { setIdentity } = useSecurity();\n        const client = useApolloClient();\n\n        const onToken = useCallback(async (token: CognitoIdToken) => {\n            const { payload, logout } = token;\n\n            setLoadingIdentity(true);\n\n            try {\n                const { id, displayName, type, permissions, ...data } = await getIdentityData({\n                    client,\n                    payload\n                });\n\n                setIdentity({\n                    id,\n                    displayName,\n                    type,\n                    permissions,\n                    ...data,\n                    logout:\n                        logout ||\n                        (() => {\n                            return void 0;\n                        })\n                });\n            } catch (err) {\n                console.log(\"ERROR\", err);\n                if (typeof onError === \"function\") {\n                    onError(err);\n                } else {\n                    console.error(err);\n                }\n            } finally {\n                setLoadingIdentity(false);\n            }\n        }, []);\n\n        useEffect(() => {\n            plugins.register(createApolloLinkPlugin());\n        }, []);\n\n        return (\n            <Authenticator onToken={onToken}>\n                {loadingIdentity ? <LoggingIn /> : <SignIn />}\n                <RequireNewPassword />\n                <ForgotPassword />\n                <SetNewPassword />\n                <SignedIn>{children}</SignedIn>\n            </Authenticator>\n        );\n    };\n\n    return Authentication;\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-admin-cognito",
-	"version": "0.0.0-mt-2",
+	"version": "0.0.0-unstable.085ff6572f",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -13,35 +13,36 @@
 	"license": "MIT",
 	"dependencies": {
 		"@apollo/react-hooks": "3.1.5",
-		"@aws-amplify/auth": "4.3.10",
-		"@emotion/styled": "10.0.27",
-		"@webiny/app": "0.0.0-mt-2",
-		"@webiny/app-cognito-authenticator": "0.0.0-mt-2",
-		"@webiny/app-security": "0.0.0-mt-2",
-		"@webiny/form": "0.0.0-mt-2",
-		"@webiny/plugins": "0.0.0-mt-2",
-		"@webiny/ui": "0.0.0-mt-2",
-		"@webiny/validation": "0.0.0-mt-2",
+		"@aws-amplify/auth": "5.1.9",
+		"@emotion/styled": "11.10.6",
+		"@webiny/app": "0.0.0-unstable.085ff6572f",
+		"@webiny/app-admin": "0.0.0-unstable.085ff6572f",
+		"@webiny/app-cognito-authenticator": "0.0.0-unstable.085ff6572f",
+		"@webiny/app-security": "0.0.0-unstable.085ff6572f",
+		"@webiny/form": "0.0.0-unstable.085ff6572f",
+		"@webiny/plugins": "0.0.0-unstable.085ff6572f",
+		"@webiny/ui": "0.0.0-unstable.085ff6572f",
+		"@webiny/validation": "0.0.0-unstable.085ff6572f",
 		"apollo-client": "2.6.10",
 		"apollo-link-context": "1.0.20",
 		"emotion": "10.0.27",
-		"react": "16.14.0",
-		"react-dom": "16.14.0"
+		"react": "17.0.2",
+		"react-dom": "17.0.2"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.5.5",
-		"@babel/core": "^7.5.5",
-		"@babel/plugin-proposal-class-properties": "^7.5.5",
-		"@babel/plugin-proposal-throw-expressions": "^7.7.4",
-		"@babel/preset-env": "^7.5.5",
-		"@babel/preset-react": "^7.0.0",
-		"@babel/preset-typescript": "^7.8.3",
-		"@webiny/cli": "^0.0.0-mt-2",
-		"@webiny/project-utils": "^0.0.0-mt-2",
-		"babel-plugin-lodash": "^3.3.4",
-		"rimraf": "^3.0.2",
-		"ttypescript": "^1.5.12",
-		"typescript": "^4.1.3"
+		"@babel/cli": "7.20.7",
+		"@babel/core": "7.20.12",
+		"@babel/plugin-proposal-class-properties": "7.18.6",
+		"@babel/plugin-proposal-throw-expressions": "7.18.6",
+		"@babel/preset-env": "7.20.2",
+		"@babel/preset-react": "7.18.6",
+		"@babel/preset-typescript": "7.18.6",
+		"@webiny/cli": "0.0.0-unstable.085ff6572f",
+		"@webiny/project-utils": "0.0.0-unstable.085ff6572f",
+		"babel-plugin-lodash": "3.3.4",
+		"rimraf": "3.0.2",
+		"ttypescript": "1.5.15",
+		"typescript": "4.7.4"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -58,5 +59,5 @@
 			]
 		}
 	},
-	"gitHead": "3c0dcfb3c22c9f83107fdb97b25014cd03d9db7d"
+	"gitHead": "085ff6572f6bb6a76d218088b06d9f4ef92bbea7"
 }

package/types.js

@@ -0,0 +1 @@
+"use strict";

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":[""],"mappings":""}

package/views/ForgotPassword.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const ForgotPassword: () => JSX.Element;
+import * as React from "react";
+declare const ForgotPassword: React.FC;
 export default ForgotPassword;

package/views/ForgotPassword.js

@@ -1,41 +1,43 @@
-import * as React from "react";
-import { Form } from "@webiny/form";
-import { validation } from "@webiny/validation";
-import { ButtonPrimary, ButtonDefault } from "@webiny/ui/Button";
-import { Input } from "@webiny/ui/Input";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { Typography } from "@webiny/ui/Typography";
-import { Alert } from "@webiny/ui/Alert";
-import { Elevation } from "@webiny/ui/Elevation";
-import StateContainer from "./StateContainer";
-import { alignRight, InnerContent, Title } from "./StyledComponents";
-import { CircularProgress } from "@webiny/ui/Progress";
-import { useAuthenticator } from "@webiny/app-cognito-authenticator/hooks/useAuthenticator";
-import { useForgotPassword } from "@webiny/app-cognito-authenticator/hooks/useForgotPassword";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _form = require("@webiny/form");
+var _validation = require("@webiny/validation");
+var _Button = require("@webiny/ui/Button");
+var _Input = require("@webiny/ui/Input");
+var _Grid = require("@webiny/ui/Grid");
+var _Typography = require("@webiny/ui/Typography");
+var _Alert = require("@webiny/ui/Alert");
+var _Elevation = require("@webiny/ui/Elevation");
+var _StateContainer = _interopRequireDefault(require("./StateContainer"));
+var _StyledComponents = require("./StyledComponents");
+var _Progress = require("@webiny/ui/Progress");
+var _useAuthenticator2 = require("@webiny/app-cognito-authenticator/hooks/useAuthenticator");
+var _useForgotPassword2 = require("@webiny/app-cognito-authenticator/hooks/useForgotPassword");
 var ForgotPassword = function ForgotPassword() {
-  var _useAuthenticator = useAuthenticator(),
-      checkingUser = _useAuthenticator.checkingUser,
-      authData = _useAuthenticator.authData,
-      changeState = _useAuthenticator.changeState;
-
-  var _useForgotPassword = useForgotPassword(),
-      loading = _useForgotPassword.loading,
-      codeSent = _useForgotPassword.codeSent,
-      shouldRender = _useForgotPassword.shouldRender,
-      setPassword = _useForgotPassword.setPassword,
-      requestCode = _useForgotPassword.requestCode,
-      error = _useForgotPassword.error;
-
-  if (!shouldRender || checkingUser) {
+  var _useAuthenticator = (0, _useAuthenticator2.useAuthenticator)(),
+    authData = _useAuthenticator.authData,
+    changeState = _useAuthenticator.changeState;
+  var _useForgotPassword = (0, _useForgotPassword2.useForgotPassword)(),
+    loading = _useForgotPassword.loading,
+    codeSent = _useForgotPassword.codeSent,
+    shouldRender = _useForgotPassword.shouldRender,
+    setPassword = _useForgotPassword.setPassword,
+    requestCode = _useForgotPassword.requestCode,
+    error = _useForgotPassword.error;
+  if (!shouldRender) {
     return null;
   }
-
   var _ref = authData || {},
-      _ref$username = _ref.username,
-      username = _ref$username === void 0 ? "" : _ref$username;
-
-  return /*#__PURE__*/React.createElement(StateContainer, null, /*#__PURE__*/React.createElement(Form, {
+    _ref$username = _ref.username,
+    username = _ref$username === void 0 ? "" : _ref$username;
+  return /*#__PURE__*/React.createElement(_StateContainer.default, null, /*#__PURE__*/React.createElement(_form.Form, {
     data: {
       username: username
     },
@@ -50,51 +52,56 @@ var ForgotPassword = function ForgotPassword() {
     submitOnEnter: true
   }, function (_ref3) {
     var Bind = _ref3.Bind,
-        submit = _ref3.submit,
-        data = _ref3.data;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Elevation, {
+      submit = _ref3.submit,
+      data = _ref3.data;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Elevation.Elevation, {
       z: 2
-    }, /*#__PURE__*/React.createElement(InnerContent, null, loading && /*#__PURE__*/React.createElement(CircularProgress, null), /*#__PURE__*/React.createElement(Title, null, /*#__PURE__*/React.createElement("h1", null, /*#__PURE__*/React.createElement(Typography, {
+    }, /*#__PURE__*/React.createElement(_StyledComponents.InnerContent, null, loading && /*#__PURE__*/React.createElement(_Progress.CircularProgress, null), /*#__PURE__*/React.createElement(_StyledComponents.Title, null, /*#__PURE__*/React.createElement("h1", null, /*#__PURE__*/React.createElement(_Typography.Typography, {
       use: "headline4"
-    }, "Password Recovery")), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Typography, {
-      use: "subtitle2"
-    }, "request a password reset code"))), error && /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    }, "Password Recovery")), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_Typography.Typography, {
+      use: "body2"
+    }, "request a password reset code"))), error && /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Alert, {
+    }, /*#__PURE__*/React.createElement(_Alert.Alert, {
       title: "Something went wrong",
       type: "danger"
-    }, error))), !codeSent ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    }, error))), !codeSent ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
       span: 12
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "username",
-      validators: validation.create("required"),
+      validators: _validation.validation.create("required"),
       beforeChange: function beforeChange(val, cb) {
         return cb(val.toLowerCase());
       }
-    }, /*#__PURE__*/React.createElement(Input, {
+    }, /*#__PURE__*/React.createElement(_Input.Input, {
       label: "Email",
       description: "A reset code will be sent to your email."
-    })))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    })))), /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
       span: 12,
-      className: alignRight
-    }, /*#__PURE__*/React.createElement(ButtonPrimary, {
-      onClick: submit
-    }, "Send me the code")))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+      className: _StyledComponents.alignRight
+    }, /*#__PURE__*/React.createElement(_Button.ButtonPrimary, {
+      onClick: function onClick(ev) {
+        submit(ev);
+      },
+      "data-testid": "send-code"
+    }, "Send me the code")))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Typography, {
+    }, /*#__PURE__*/React.createElement(_Typography.Typography, {
       use: "body1"
-    }, "We have sent you a code to reset your password!", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "Click the \"Resend code\" button below to resend the code in case you haven't received it the first time."))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    }, "We have sent you a code to reset your password!", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "Click the \"Resend code\" button below to resend the code in case you haven't received it the first time."))), /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
       span: 12,
-      className: alignRight
-    }, /*#__PURE__*/React.createElement(ButtonDefault, {
+      className: _StyledComponents.alignRight
+    }, /*#__PURE__*/React.createElement(_Button.ButtonDefault, {
       onClick: function onClick() {
-        return requestCode({
+        requestCode({
           username: data.username
         });
       }
-    }, "Resend code"), /*#__PURE__*/React.createElement(ButtonPrimary, {
-      onClick: submit
-    }, "I got the code!")))))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    }, "Resend code"), /*#__PURE__*/React.createElement(_Button.ButtonPrimary, {
+      onClick: function onClick(ev) {
+        submit(ev);
+      }
+    }, "I got the code!")))))), /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
       span: 12,
       style: {
         textAlign: "center"
@@ -107,5 +114,5 @@ var ForgotPassword = function ForgotPassword() {
     }, "Sign in"))));
   }));
 };
-
-export default ForgotPassword;
+var _default = ForgotPassword;
+exports.default = _default;