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

package/views/ForgotPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ForgotPassword","useAuthenticator","authData","changeState","useForgotPassword","loading","codeSent","shouldRender","setPassword","requestCode","error","username","Bind","submit","data","validation","create","val","cb","toLowerCase","alignRight","ev","textAlign"],"sources":["ForgotPassword.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { ButtonPrimary, ButtonDefault } from \"@webiny/ui/Button\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Alert } from \"@webiny/ui/Alert\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport StateContainer from \"./StateContainer\";\nimport { alignRight, InnerContent, Title } from \"./StyledComponents\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { useAuthenticator } from \"@webiny/app-cognito-authenticator/hooks/useAuthenticator\";\nimport { useForgotPassword } from \"@webiny/app-cognito-authenticator/hooks/useForgotPassword\";\n\nconst ForgotPassword: React.FC = () => {\n    const { authData, changeState } = useAuthenticator();\n    const { loading, codeSent, shouldRender, setPassword, requestCode, error } =\n        useForgotPassword();\n\n    if (!shouldRender) {\n        return null;\n    }\n\n    const { username = \"\" } = authData || {};\n\n    return (\n        <StateContainer>\n            <Form\n                data={{ username }}\n                onSubmit={({ username }) =>\n                    codeSent ? setPassword({ username }) : requestCode({ username })\n                }\n                submitOnEnter\n            >\n                {({ Bind, submit, data }) => (\n                    <>\n                        <Elevation z={2}>\n                            <InnerContent>\n                                {loading && <CircularProgress />}\n                                <Title>\n                                    <h1>\n                                        <Typography use=\"headline4\">Password Recovery</Typography>\n                                    </h1>\n                                    <p>\n                                        <Typography use=\"body2\">\n                                            request a password reset code\n                                        </Typography>\n                                    </p>\n                                </Title>\n\n                                {error && (\n                                    <Grid>\n                                        <Cell span={12}>\n                                            <Alert title={\"Something went wrong\"} type={\"danger\"}>\n                                                {error}\n                                            </Alert>\n                                        </Cell>\n                                    </Grid>\n                                )}\n\n                                {!codeSent ? (\n                                    <>\n                                        <Grid>\n                                            <Cell span={12}>\n                                                <Bind\n                                                    name=\"username\"\n                                                    validators={validation.create(\"required\")}\n                                                    beforeChange={(\n                                                        val: string,\n                                                        cb: (value: string) => void\n                                                    ) => cb(val.toLowerCase())}\n                                                >\n                                                    <Input\n                                                        label={\"Email\"}\n                                                        description={\n                                                            \"A reset code will be sent to your email.\"\n                                                        }\n                                                    />\n                                                </Bind>\n                                            </Cell>\n                                        </Grid>\n\n                                        <Grid>\n                                            <Cell span={12} className={alignRight}>\n                                                <ButtonPrimary\n                                                    onClick={ev => {\n                                                        submit(ev);\n                                                    }}\n                                                    data-testid=\"send-code\"\n                                                >\n                                                    {\"Send me the code\"}\n                                                </ButtonPrimary>\n                                            </Cell>\n                                        </Grid>\n                                    </>\n                                ) : (\n                                    <>\n                                        <Grid>\n                                            <Cell span={12}>\n                                                <Typography use=\"body1\">\n                                                    We have sent you a code to reset your password!\n                                                    <br />\n                                                    <br />\n                                                    Click the &quot;Resend code&quot; button below\n                                                    to resend the code in case you haven&apos;t\n                                                    received it the first time.\n                                                </Typography>\n                                            </Cell>\n                                        </Grid>\n                                        <Grid>\n                                            <Cell span={12} className={alignRight}>\n                                                <ButtonDefault\n                                                    onClick={() => {\n                                                        requestCode({ username: data.username });\n                                                    }}\n                                                >\n                                                    {\"Resend code\"}\n                                                </ButtonDefault>\n                                                <ButtonPrimary\n                                                    onClick={ev => {\n                                                        submit(ev);\n                                                    }}\n                                                >\n                                                    I got the code!\n                                                </ButtonPrimary>\n                                            </Cell>\n                                        </Grid>\n                                    </>\n                                )}\n                            </InnerContent>\n                        </Elevation>\n                        <Grid>\n                            <Cell span={12} style={{ textAlign: \"center\" }}>\n                                Want to sign in? {/* eslint-disable-next-line */}\n                                <a href={\"#\"} onClick={() => changeState(\"signIn\")}>\n                                    Sign in\n                                </a>\n                            </Cell>\n                        </Grid>\n                    </>\n                )}\n            </Form>\n        </StateContainer>\n    );\n};\n\nexport default ForgotPassword;\n"],"mappings":"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"}

package/views/LoggingIn.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const LoggingIn: React.FC;
+export default LoggingIn;

package/views/LoggingIn.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Progress = require("@webiny/ui/Progress");
+var LoggingIn = function LoggingIn() {
+  return /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+    label: "Loading identity..."
+  });
+};
+var _default = LoggingIn;
+exports.default = _default;

package/views/LoggingIn.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LoggingIn"],"sources":["LoggingIn.tsx"],"sourcesContent":["import React from \"react\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nconst LoggingIn: React.FC = () => {\n    return <CircularProgress label={\"Loading identity...\"} />;\n};\n\nexport default LoggingIn;\n"],"mappings":";;;;;;;AAAA;AACA;AAEA,IAAMA,SAAmB,GAAG,SAAtBA,SAAmB,GAAS;EAC9B,oBAAO,6BAAC,0BAAgB;IAAC,KAAK,EAAE;EAAsB,EAAG;AAC7D,CAAC;AAAC,eAEaA,SAAS;AAAA"}

package/views/RequireNewPassword.d.ts

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

package/views/RequireNewPassword.js

@@ -1,38 +1,37 @@
-import * as React from "react";
-import { Form } from "@webiny/form";
-import { validation } from "@webiny/validation";
-import { ButtonPrimary } from "@webiny/ui/Button";
-import { Input } from "@webiny/ui/Input";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { Typography } from "@webiny/ui/Typography";
-import { Elevation } from "@webiny/ui/Elevation";
-import { useAuthenticator } from "@webiny/app-cognito-authenticator/hooks/useAuthenticator";
-import { useRequireNewPassword } from "@webiny/app-cognito-authenticator/hooks/useRequireNewPassword";
-import StateContainer from "./StateContainer";
-import { alignRight, InnerContent, Title } from "./StyledComponents";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(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 _Elevation = require("@webiny/ui/Elevation");
+var _useRequireNewPassword = require("@webiny/app-cognito-authenticator/hooks/useRequireNewPassword");
+var _StateContainer = _interopRequireDefault(require("./StateContainer"));
+var _StyledComponents = require("./StyledComponents");
 var sentenceCase = function sentenceCase(str) {
   var lower = str.toLowerCase();
   return lower[0].toUpperCase() + lower.substring(1);
 };
-
 var RequireNewPassword = function RequireNewPassword() {
-  var _useAuthenticator = useAuthenticator(),
-      checkingUser = _useAuthenticator.checkingUser;
-
-  var _useRequireNewPasswor = useRequireNewPassword(),
-      shouldRender = _useRequireNewPasswor.shouldRender,
-      requiredAttributes = _useRequireNewPasswor.requiredAttributes,
-      confirm = _useRequireNewPasswor.confirm;
-
-  if (!shouldRender || checkingUser) {
+  var _useRequireNewPasswor = (0, _useRequireNewPassword.useRequireNewPassword)(),
+    shouldRender = _useRequireNewPasswor.shouldRender,
+    requiredAttributes = _useRequireNewPasswor.requiredAttributes,
+    confirm = _useRequireNewPasswor.confirm;
+  if (!shouldRender) {
     return null;
   }
-
-  return /*#__PURE__*/React.createElement(StateContainer, null, /*#__PURE__*/React.createElement(Form, {
+  return /*#__PURE__*/_react.default.createElement(_StateContainer.default, null, /*#__PURE__*/_react.default.createElement(_form.Form, {
     onSubmit: function onSubmit(_ref) {
       var password = _ref.password,
-          requiredAttributes = _ref.requiredAttributes;
+        requiredAttributes = _ref.requiredAttributes;
       return confirm({
         password: password,
         requiredAttributes: requiredAttributes
@@ -41,40 +40,43 @@ var RequireNewPassword = function RequireNewPassword() {
     submitOnEnter: true
   }, function (_ref2) {
     var Bind = _ref2.Bind,
-        submit = _ref2.submit;
-    return /*#__PURE__*/React.createElement(Elevation, {
+      submit = _ref2.submit;
+    return /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
       z: 2
-    }, /*#__PURE__*/React.createElement(InnerContent, null, /*#__PURE__*/React.createElement(Title, null, /*#__PURE__*/React.createElement(Typography, {
+    }, /*#__PURE__*/_react.default.createElement(_StyledComponents.InnerContent, null, /*#__PURE__*/_react.default.createElement(_StyledComponents.Title, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
       use: "headline4"
-    }, "Set New Password")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    }, "Set New Password")), /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "password",
-      validators: validation.create("required")
-    }, /*#__PURE__*/React.createElement(Input, {
+      validators: _validation.validation.create("required")
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       type: "password",
       label: "New password",
       outlined: true
-    })))), requiredAttributes.length > 0 && /*#__PURE__*/React.createElement(Title, null, /*#__PURE__*/React.createElement(Typography, {
+    })))), requiredAttributes.length > 0 && /*#__PURE__*/_react.default.createElement(_StyledComponents.Title, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
       use: "headline6"
-    }, "Please enter additional information")), /*#__PURE__*/React.createElement(Grid, null, requiredAttributes.map(function (name) {
-      return /*#__PURE__*/React.createElement(Cell, {
+    }, "Please enter additional information")), /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, requiredAttributes.map(function (name) {
+      return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         key: name,
         span: 12
-      }, /*#__PURE__*/React.createElement(Bind, {
+      }, /*#__PURE__*/_react.default.createElement(Bind, {
         name: name,
-        validators: validation.create("required")
-      }, /*#__PURE__*/React.createElement(Input, {
+        validators: _validation.validation.create("required")
+      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
         label: sentenceCase(name),
         outlined: true
       })));
-    })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    })), /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12,
-      className: alignRight
-    }, /*#__PURE__*/React.createElement(ButtonPrimary, {
-      onClick: submit
+      className: _StyledComponents.alignRight
+    }, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+      "data-testid": "submit-sign-in-form-button",
+      onClick: function onClick(ev) {
+        submit(ev);
+      }
     }, "Set password")))));
   }));
 };
-
-export default RequireNewPassword;
+var _default = RequireNewPassword;
+exports.default = _default;

package/views/RequireNewPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sentenceCase","str","lower","toLowerCase","toUpperCase","substring","RequireNewPassword","useRequireNewPassword","shouldRender","requiredAttributes","confirm","password","Bind","submit","validation","create","length","map","name","alignRight","ev"],"sources":["RequireNewPassword.tsx"],"sourcesContent":["import React from \"react\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { useRequireNewPassword } from \"@webiny/app-cognito-authenticator/hooks/useRequireNewPassword\";\nimport StateContainer from \"./StateContainer\";\nimport { alignRight, InnerContent, Title } from \"./StyledComponents\";\n\nconst sentenceCase = (str: string) => {\n    const lower = str.toLowerCase();\n    return lower[0].toUpperCase() + lower.substring(1);\n};\n\nconst RequireNewPassword: React.FC = () => {\n    const { shouldRender, requiredAttributes, confirm } = useRequireNewPassword();\n\n    if (!shouldRender) {\n        return null;\n    }\n\n    return (\n        <StateContainer>\n            <Form\n                onSubmit={({ password, requiredAttributes }) =>\n                    confirm({ password, requiredAttributes })\n                }\n                submitOnEnter\n            >\n                {({ Bind, submit }) => (\n                    <Elevation z={2}>\n                        <InnerContent>\n                            <Title>\n                                <Typography use=\"headline4\">Set New Password</Typography>\n                            </Title>\n\n                            <Grid>\n                                <Cell span={12}>\n                                    <Bind\n                                        name=\"password\"\n                                        validators={validation.create(\"required\")}\n                                    >\n                                        <Input\n                                            type={\"password\"}\n                                            label={\"New password\"}\n                                            outlined={true}\n                                        />\n                                    </Bind>\n                                </Cell>\n                            </Grid>\n                            {requiredAttributes.length > 0 && (\n                                <Title>\n                                    <Typography use=\"headline6\">\n                                        Please enter additional information\n                                    </Typography>\n                                </Title>\n                            )}\n                            <Grid>\n                                {requiredAttributes.map(name => (\n                                    <Cell key={name} span={12}>\n                                        <Bind\n                                            name={name}\n                                            validators={validation.create(\"required\")}\n                                        >\n                                            <Input label={sentenceCase(name)} outlined={true} />\n                                        </Bind>\n                                    </Cell>\n                                ))}\n                            </Grid>\n\n                            <Grid>\n                                <Cell span={12} className={alignRight}>\n                                    <ButtonPrimary\n                                        data-testid=\"submit-sign-in-form-button\"\n                                        onClick={ev => {\n                                            submit(ev);\n                                        }}\n                                    >\n                                        {\"Set password\"}\n                                    </ButtonPrimary>\n                                </Cell>\n                            </Grid>\n                        </InnerContent>\n                    </Elevation>\n                )}\n            </Form>\n        </StateContainer>\n    );\n};\n\nexport default RequireNewPassword;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAY,CAAIC,GAAW,EAAK;EAClC,IAAMC,KAAK,GAAGD,GAAG,CAACE,WAAW,EAAE;EAC/B,OAAOD,KAAK,CAAC,CAAC,CAAC,CAACE,WAAW,EAAE,GAAGF,KAAK,CAACG,SAAS,CAAC,CAAC,CAAC;AACtD,CAAC;AAED,IAAMC,kBAA4B,GAAG,SAA/BA,kBAA4B,GAAS;EACvC,4BAAsD,IAAAC,4CAAqB,GAAE;IAArEC,YAAY,yBAAZA,YAAY;IAAEC,kBAAkB,yBAAlBA,kBAAkB;IAAEC,OAAO,yBAAPA,OAAO;EAEjD,IAAI,CAACF,YAAY,EAAE;IACf,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,uBAAc,qBACX,6BAAC,UAAI;IACD,QAAQ,EAAE;MAAA,IAAGG,QAAQ,QAARA,QAAQ;QAAEF,kBAAkB,QAAlBA,kBAAkB;MAAA,OACrCC,OAAO,CAAC;QAAEC,QAAQ,EAARA,QAAQ;QAAEF,kBAAkB,EAAlBA;MAAmB,CAAC,CAAC;IAAA,CAC5C;IACD,aAAa;EAAA,GAEZ;IAAA,IAAGG,IAAI,SAAJA,IAAI;MAAEC,MAAM,SAANA,MAAM;IAAA,oBACZ,6BAAC,oBAAS;MAAC,CAAC,EAAE;IAAE,gBACZ,6BAAC,8BAAY,qBACT,6BAAC,uBAAK,qBACF,6BAAC,sBAAU;MAAC,GAAG,EAAC;IAAW,GAAC,kBAAgB,CAAa,CACrD,eAER,6BAAC,UAAI,qBACD,6BAAC,UAAI;MAAC,IAAI,EAAE;IAAG,gBACX,6BAAC,IAAI;MACD,IAAI,EAAC,UAAU;MACf,UAAU,EAAEC,sBAAU,CAACC,MAAM,CAAC,UAAU;IAAE,gBAE1C,6BAAC,YAAK;MACF,IAAI,EAAE,UAAW;MACjB,KAAK,EAAE,cAAe;MACtB,QAAQ,EAAE;IAAK,EACjB,CACC,CACJ,CACJ,EACNN,kBAAkB,CAACO,MAAM,GAAG,CAAC,iBAC1B,6BAAC,uBAAK,qBACF,6BAAC,sBAAU;MAAC,GAAG,EAAC;IAAW,GAAC,qCAE5B,CAAa,CAEpB,eACD,6BAAC,UAAI,QACAP,kBAAkB,CAACQ,GAAG,CAAC,UAAAC,IAAI;MAAA,oBACxB,6BAAC,UAAI;QAAC,GAAG,EAAEA,IAAK;QAAC,IAAI,EAAE;MAAG,gBACtB,6BAAC,IAAI;QACD,IAAI,EAAEA,IAAK;QACX,UAAU,EAAEJ,sBAAU,CAACC,MAAM,CAAC,UAAU;MAAE,gBAE1C,6BAAC,YAAK;QAAC,KAAK,EAAEf,YAAY,CAACkB,IAAI,CAAE;QAAC,QAAQ,EAAE;MAAK,EAAG,CACjD,CACJ;IAAA,CACV,CAAC,CACC,eAEP,6BAAC,UAAI,qBACD,6BAAC,UAAI;MAAC,IAAI,EAAE,EAAG;MAAC,SAAS,EAAEC;IAAW,gBAClC,6BAAC,qBAAa;MACV,eAAY,4BAA4B;MACxC,OAAO,EAAE,iBAAAC,EAAE,EAAI;QACXP,MAAM,CAACO,EAAE,CAAC;MACd;IAAE,GAED,cAAc,CACH,CACb,CACJ,CACI,CACP;EAAA,CACf,CACE,CACM;AAEzB,CAAC;AAAC,eAEad,kBAAkB;AAAA"}

package/views/SetNewPassword.d.ts

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

package/views/SetNewPassword.js

@@ -1,95 +1,106 @@
-import React from "react";
-import { Form } from "@webiny/form";
-import { validation } from "@webiny/validation";
-import { ButtonPrimary } from "@webiny/ui/Button";
-import { Input } from "@webiny/ui/Input";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { Typography } from "@webiny/ui/Typography";
-import { Elevation } from "@webiny/ui/Elevation";
-import { CircularProgress } from "@webiny/ui/Progress";
-import StateContainer from "./StateContainer";
-import { alignRight, InnerContent, Title, errorMessage } from "./StyledComponents";
-import { useAuthenticator } from "@webiny/app-cognito-authenticator/hooks/useAuthenticator";
-import { useSetNewPassword } from "@webiny/app-cognito-authenticator/hooks/useSetNewPassword";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(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 _Elevation = require("@webiny/ui/Elevation");
+var _Progress = require("@webiny/ui/Progress");
+var _StateContainer = _interopRequireDefault(require("./StateContainer"));
+var _StyledComponents = require("./StyledComponents");
+var _useAuthenticator2 = require("@webiny/app-cognito-authenticator/hooks/useAuthenticator");
+var _useSetNewPassword2 = require("@webiny/app-cognito-authenticator/hooks/useSetNewPassword");
 var SetNewPassword = function SetNewPassword() {
-  var _useAuthenticator = useAuthenticator(),
-      checkingUser = _useAuthenticator.checkingUser,
-      changeState = _useAuthenticator.changeState;
-
-  var _useSetNewPassword = useSetNewPassword(),
-      shouldRender = _useSetNewPassword.shouldRender,
-      setPassword = _useSetNewPassword.setPassword,
-      error = _useSetNewPassword.error,
-      loading = _useSetNewPassword.loading;
-
-  if (!shouldRender || checkingUser) {
+  var _useAuthenticator = (0, _useAuthenticator2.useAuthenticator)(),
+    changeState = _useAuthenticator.changeState;
+  var _useSetNewPassword = (0, _useSetNewPassword2.useSetNewPassword)(),
+    shouldRender = _useSetNewPassword.shouldRender,
+    setPassword = _useSetNewPassword.setPassword,
+    error = _useSetNewPassword.error,
+    loading = _useSetNewPassword.loading;
+  if (!shouldRender) {
     return null;
   }
-
-  return /*#__PURE__*/React.createElement(StateContainer, null, /*#__PURE__*/React.createElement(Form, {
-    onSubmit: setPassword,
+  return /*#__PURE__*/_react.default.createElement(_StateContainer.default, null, /*#__PURE__*/_react.default.createElement(_form.Form, {
+    onSubmit: function onSubmit(data) {
+      /**
+       * We are positive that data is UseSetNewPasswordCallableParams
+       */
+      return setPassword(data);
+    },
     submitOnEnter: true
   }, function (_ref) {
     var Bind = _ref.Bind,
-        submit = _ref.submit,
-        data = _ref.data;
-
+      submit = _ref.submit,
+      data = _ref.data;
     var retypePasswordValidator = function retypePasswordValidator(value) {
       if (value !== data.password) {
         throw Error("Passwords do not match!");
       }
     };
-
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Elevation, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.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.default.createElement(_StyledComponents.InnerContent, null, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), /*#__PURE__*/_react.default.createElement(_StyledComponents.Title, null, /*#__PURE__*/_react.default.createElement("h1", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
       use: "headline4"
-    }, "Set New Password"))), error && /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    }, "Set New Password"))), error && /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12,
-      className: errorMessage
-    }, error)), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+      className: _StyledComponents.errorMessage
+    }, error)), /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12,
+      "data-testid": "password-reset-code"
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "code",
-      validators: validation.create("required")
-    }, /*#__PURE__*/React.createElement(Input, {
+      validators: _validation.validation.create("required")
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       autoComplete: "off",
       label: "Password reset code",
       outlined: true,
       description: "Enter the code we sent to your email."
-    }))), /*#__PURE__*/React.createElement(Cell, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12,
+      "data-testid": "new-password-input"
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "password",
-      validators: validation.create("required")
-    }, /*#__PURE__*/React.createElement(Input, {
+      validators: _validation.validation.create("required")
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       autoComplete: "off",
       type: "password",
       label: "New password",
       outlined: true,
       description: "Enter your new password."
-    }))), /*#__PURE__*/React.createElement(Cell, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12,
+      "data-testid": "retype-password-input"
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "retypePassword",
-      validators: [validation.create("required"), retypePasswordValidator]
-    }, /*#__PURE__*/React.createElement(Input, {
+      validators: [_validation.validation.create("required"), retypePasswordValidator]
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       type: "password",
       label: "Retype password",
       outlined: true,
       description: "Enter your new password once more."
-    }))), /*#__PURE__*/React.createElement(Cell, {
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12,
-      className: alignRight
-    }, /*#__PURE__*/React.createElement(ButtonPrimary, {
-      onClick: submit
-    }, "Set new password"))))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+      className: _StyledComponents.alignRight
+    }, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+      "data-testid": "submit-btn-new-psw",
+      onClick: function onClick(ev) {
+        submit(ev);
+      }
+    }, "Set new password"))))), /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12,
       style: {
         textAlign: "center"
       }
-    }, "Want to sign in? ", /*#__PURE__*/React.createElement("a", {
+    }, "Want to sign in? ", /*#__PURE__*/_react.default.createElement("a", {
       href: "#",
       onClick: function onClick() {
         return changeState("signIn");
@@ -97,5 +108,5 @@ var SetNewPassword = function SetNewPassword() {
     }, "Sign in"))));
   }));
 };
-
-export default SetNewPassword;
+var _default = SetNewPassword;
+exports.default = _default;

package/views/SetNewPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SetNewPassword","useAuthenticator","changeState","useSetNewPassword","shouldRender","setPassword","error","loading","data","Bind","submit","retypePasswordValidator","value","password","Error","errorMessage","validation","create","alignRight","ev","textAlign"],"sources":["SetNewPassword.tsx"],"sourcesContent":["import React from \"react\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport StateContainer from \"./StateContainer\";\nimport { alignRight, InnerContent, Title, errorMessage } from \"./StyledComponents\";\nimport { useAuthenticator } from \"@webiny/app-cognito-authenticator/hooks/useAuthenticator\";\nimport {\n    useSetNewPassword,\n    UseSetNewPasswordCallableParams\n} from \"@webiny/app-cognito-authenticator/hooks/useSetNewPassword\";\n\nconst SetNewPassword: React.FC = () => {\n    const { changeState } = useAuthenticator();\n    const { shouldRender, setPassword, error, loading } = useSetNewPassword();\n\n    if (!shouldRender) {\n        return null;\n    }\n\n    return (\n        <StateContainer>\n            <Form\n                onSubmit={data => {\n                    /**\n                     * We are positive that data is UseSetNewPasswordCallableParams\n                     */\n                    return setPassword(data as unknown as UseSetNewPasswordCallableParams);\n                }}\n                submitOnEnter\n            >\n                {({ Bind, submit, data }) => {\n                    const retypePasswordValidator = (value: string) => {\n                        if (value !== data.password) {\n                            throw Error(\"Passwords do not match!\");\n                        }\n                    };\n\n                    return (\n                        <>\n                            <Elevation z={2}>\n                                <InnerContent>\n                                    {loading && <CircularProgress />}\n                                    <Title>\n                                        <h1>\n                                            <Typography use=\"headline4\">\n                                                Set New Password\n                                            </Typography>\n                                        </h1>\n                                    </Title>\n\n                                    {error && (\n                                        <Grid>\n                                            <Cell span={12} className={errorMessage}>\n                                                {error}\n                                            </Cell>\n                                        </Grid>\n                                    )}\n\n                                    <Grid>\n                                        <Cell span={12} data-testid=\"password-reset-code\">\n                                            <Bind\n                                                name=\"code\"\n                                                validators={validation.create(\"required\")}\n                                            >\n                                                <Input\n                                                    autoComplete=\"off\"\n                                                    label={\"Password reset code\"}\n                                                    outlined={true}\n                                                    description={\n                                                        \"Enter the code we sent to your email.\"\n                                                    }\n                                                />\n                                            </Bind>\n                                        </Cell>\n                                        <Cell span={12} data-testid=\"new-password-input\">\n                                            <Bind\n                                                name=\"password\"\n                                                validators={validation.create(\"required\")}\n                                            >\n                                                <Input\n                                                    autoComplete={\"off\"}\n                                                    type={\"password\"}\n                                                    label={\"New password\"}\n                                                    outlined={true}\n                                                    description={\"Enter your new password.\"}\n                                                />\n                                            </Bind>\n                                        </Cell>\n                                        <Cell span={12} data-testid=\"retype-password-input\">\n                                            <Bind\n                                                name=\"retypePassword\"\n                                                validators={[\n                                                    validation.create(\"required\"),\n                                                    retypePasswordValidator\n                                                ]}\n                                            >\n                                                <Input\n                                                    type={\"password\"}\n                                                    label={\"Retype password\"}\n                                                    outlined={true}\n                                                    description={\n                                                        \"Enter your new password once more.\"\n                                                    }\n                                                />\n                                            </Bind>\n                                        </Cell>\n                                        <Cell span={12} className={alignRight}>\n                                            <ButtonPrimary\n                                                data-testid=\"submit-btn-new-psw\"\n                                                onClick={ev => {\n                                                    submit(ev);\n                                                }}\n                                            >\n                                                {\"Set new password\"}\n                                            </ButtonPrimary>\n                                        </Cell>\n                                    </Grid>\n                                </InnerContent>\n                            </Elevation>\n                            <Grid>\n                                <Cell span={12} style={{ textAlign: \"center\" }}>\n                                    Want to sign in? {/* eslint-disable-next-line */}\n                                    <a href={\"#\"} onClick={() => changeState(\"signIn\")}>\n                                        Sign in\n                                    </a>\n                                </Cell>\n                            </Grid>\n                        </>\n                    );\n                }}\n            </Form>\n        </StateContainer>\n    );\n};\n\nexport default SetNewPassword;\n"],"mappings":"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"}

package/views/SignIn.d.ts

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

package/views/SignIn.js

@@ -1,83 +1,94 @@
-import * as React from "react";
-import { Form } from "@webiny/form";
-import { validation } from "@webiny/validation";
-import { ButtonPrimary } from "@webiny/ui/Button";
-import { Input } from "@webiny/ui/Input";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { Typography } from "@webiny/ui/Typography";
-import { Elevation } from "@webiny/ui/Elevation";
-import { Alert } from "@webiny/ui/Alert";
-import { CircularProgress } from "@webiny/ui/Progress";
-import { useAuthenticator } from "@webiny/app-cognito-authenticator/hooks/useAuthenticator";
-import { useSignIn } from "@webiny/app-cognito-authenticator/hooks/useSignIn";
-import StateContainer from "./StateContainer";
-import { alignRight, alignCenter, InnerContent, Title, errorMessage } from "./StyledComponents";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(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 _Elevation = require("@webiny/ui/Elevation");
+var _Alert = require("@webiny/ui/Alert");
+var _Progress = require("@webiny/ui/Progress");
+var _useAuthenticator2 = require("@webiny/app-cognito-authenticator/hooks/useAuthenticator");
+var _useSignIn2 = require("@webiny/app-cognito-authenticator/hooks/useSignIn");
+var _StateContainer = _interopRequireDefault(require("./StateContainer"));
+var _StyledComponents = require("./StyledComponents");
 var SignIn = function SignIn() {
-  var _useAuthenticator = useAuthenticator(),
-      message = _useAuthenticator.message,
-      changeState = _useAuthenticator.changeState,
-      checkingUser = _useAuthenticator.checkingUser;
-
-  var _useSignIn = useSignIn(),
-      signIn = _useSignIn.signIn,
-      loading = _useSignIn.loading,
-      error = _useSignIn.error,
-      shouldRender = _useSignIn.shouldRender;
-
-  if (!shouldRender || checkingUser) {
+  var _useAuthenticator = (0, _useAuthenticator2.useAuthenticator)(),
+    message = _useAuthenticator.message,
+    changeState = _useAuthenticator.changeState;
+  var _useSignIn = (0, _useSignIn2.useSignIn)(),
+    signIn = _useSignIn.signIn,
+    loading = _useSignIn.loading,
+    error = _useSignIn.error,
+    shouldRender = _useSignIn.shouldRender;
+  if (!shouldRender) {
     return null;
   }
-
-  return /*#__PURE__*/React.createElement(StateContainer, null, /*#__PURE__*/React.createElement(Form, {
-    onSubmit: signIn,
+  return /*#__PURE__*/_react.default.createElement(_StateContainer.default, null, /*#__PURE__*/_react.default.createElement(_form.Form, {
+    onSubmit: function onSubmit(data) {
+      /**
+       * We are positive that data is UseSignInCallableParams
+       */
+      return signIn(data);
+    },
     submitOnEnter: true
   }, function (_ref) {
     var Bind = _ref.Bind,
-        submit = _ref.submit;
-    return /*#__PURE__*/React.createElement(Elevation, {
+      submit = _ref.submit;
+    return /*#__PURE__*/_react.default.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.default.createElement(_StyledComponents.InnerContent, null, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+      label: "Signing in..."
+    }), /*#__PURE__*/_react.default.createElement(_StyledComponents.Title, null, /*#__PURE__*/_react.default.createElement("h1", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
       use: "headline4"
-    }, "Sign In"))), message && !error && /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    }, "Sign In"))), message && !error && /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Alert, {
+    }, /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
       title: message.title,
       type: message.type
-    }, message.text))), error && /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    }, message.text))), error && /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12,
-      className: errorMessage
-    }, /*#__PURE__*/React.createElement(Alert, {
+      className: _StyledComponents.errorMessage
+    }, /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
       title: "Authentication error",
       type: "danger"
-    }, error.message))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    }, error.message))), /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "username",
-      validators: validation.create("required,email"),
+      validators: _validation.validation.create("required,email"),
       beforeChange: function beforeChange(val, cb) {
         return cb(val.toLowerCase());
       }
-    }, /*#__PURE__*/React.createElement(Input, {
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       label: "Your e-mail"
-    }))), /*#__PURE__*/React.createElement(Cell, {
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "password",
-      validators: validation.create("required")
-    }, /*#__PURE__*/React.createElement(Input, {
+      validators: _validation.validation.create("required")
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       type: "password",
       label: "Your password"
-    }))), /*#__PURE__*/React.createElement(Cell, {
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12,
-      className: alignRight
-    }, /*#__PURE__*/React.createElement(ButtonPrimary, {
+      className: _StyledComponents.alignRight
+    }, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
       "data-testid": "submit-sign-in-form-button",
-      onClick: submit
-    }, "Submit")), /*#__PURE__*/React.createElement(Cell, {
+      onClick: function onClick(ev) {
+        submit(ev);
+      }
+    }, "Submit")), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12,
-      className: alignCenter
-    }, /*#__PURE__*/React.createElement("a", {
+      className: _StyledComponents.alignCenter
+    }, /*#__PURE__*/_react.default.createElement("a", {
       href: "#",
       onClick: function onClick() {
         return changeState("forgotPassword");
@@ -85,5 +96,5 @@ var SignIn = function SignIn() {
     }, "Forgot password?")))));
   }));
 };
-
-export default SignIn;
+var _default = SignIn;
+exports.default = _default;

package/views/SignIn.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SignIn","useAuthenticator","message","changeState","useSignIn","signIn","loading","error","shouldRender","data","Bind","submit","title","type","text","errorMessage","validation","create","val","cb","toLowerCase","alignRight","ev","alignCenter"],"sources":["SignIn.tsx"],"sourcesContent":["import React from \"react\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { Alert } from \"@webiny/ui/Alert\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { useAuthenticator } from \"@webiny/app-cognito-authenticator/hooks/useAuthenticator\";\nimport {\n    useSignIn,\n    UseSignInCallableParams\n} from \"@webiny/app-cognito-authenticator/hooks/useSignIn\";\nimport StateContainer from \"./StateContainer\";\nimport { alignRight, alignCenter, InnerContent, Title, errorMessage } from \"./StyledComponents\";\n\nconst SignIn: React.FC = () => {\n    const { message, changeState } = useAuthenticator();\n    const { signIn, loading, error, shouldRender } = useSignIn();\n\n    if (!shouldRender) {\n        return null;\n    }\n\n    return (\n        <StateContainer>\n            <Form\n                onSubmit={data => {\n                    /**\n                     * We are positive that data is UseSignInCallableParams\n                     */\n                    return signIn(data as unknown as UseSignInCallableParams);\n                }}\n                submitOnEnter\n            >\n                {({ Bind, submit }) => (\n                    <Elevation z={2}>\n                        <InnerContent>\n                            {loading && <CircularProgress label={\"Signing in...\"} />}\n                            <Title>\n                                <h1>\n                                    <Typography use=\"headline4\">Sign In</Typography>\n                                </h1>\n                            </Title>\n\n                            {message && !error && (\n                                <Grid>\n                                    <Cell span={12}>\n                                        <Alert title={message.title} type={message.type}>\n                                            {message.text}\n                                        </Alert>\n                                    </Cell>\n                                </Grid>\n                            )}\n\n                            {error && (\n                                <Grid>\n                                    <Cell span={12} className={errorMessage}>\n                                        <Alert title=\"Authentication error\" type={\"danger\"}>\n                                            {error.message}\n                                        </Alert>\n                                    </Cell>\n                                </Grid>\n                            )}\n\n                            <Grid>\n                                <Cell span={12}>\n                                    <Bind\n                                        name=\"username\"\n                                        validators={validation.create(\"required,email\")}\n                                        beforeChange={(val: string, cb: (value: string) => void) =>\n                                            cb(val.toLowerCase())\n                                        }\n                                    >\n                                        <Input label={\"Your e-mail\"} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name=\"password\"\n                                        validators={validation.create(\"required\")}\n                                    >\n                                        <Input type={\"password\"} label={\"Your password\"} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12} className={alignRight}>\n                                    <ButtonPrimary\n                                        data-testid=\"submit-sign-in-form-button\"\n                                        onClick={ev => {\n                                            submit(ev);\n                                        }}\n                                    >\n                                        {\"Submit\"}\n                                    </ButtonPrimary>\n                                </Cell>\n                                <Cell span={12} className={alignCenter}>\n                                    <a href=\"#\" onClick={() => changeState(\"forgotPassword\")}>\n                                        Forgot password?\n                                    </a>\n                                </Cell>\n                            </Grid>\n                        </InnerContent>\n                    </Elevation>\n                )}\n            </Form>\n        </StateContainer>\n    );\n};\n\nexport default SignIn;\n"],"mappings":"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"}

package/views/SignedIn.d.ts

@@ -1,4 +1,3 @@
-declare const SignedIn: ({ children }: {
-    children: any;
-}) => any;
+import React from "react";
+declare const SignedIn: React.FC;
 export default SignedIn;