@webiny/app-admin-cognito 0.0.0-mt-3 → 0.0.0-unstable.06b2ede40f

package/views/ForgotPassword.js

@@ -1,111 +1,104 @@
 import * as React from "react";
+import { Alert, Button, Grid, Input, Label, Link, OverlayLoader, Text } from "@webiny/admin-ui";
 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";
-
-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) {
+import { View } from "../components/View";
+export const ForgotPassword = () => {
+  const {
+    authData,
+    changeState
+  } = useAuthenticator();
+  const {
+    loading,
+    codeSent,
+    shouldRender,
+    setPassword,
+    requestCode,
+    error
+  } = useForgotPassword();
+  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, {
+  const {
+    username = ""
+  } = authData || {};
+  return /*#__PURE__*/React.createElement(View.Container, null, /*#__PURE__*/React.createElement(Form, {
     data: {
-      username: username
+      username
     },
-    onSubmit: function onSubmit(_ref2) {
-      var username = _ref2.username;
-      return codeSent ? setPassword({
-        username: username
-      }) : requestCode({
-        username: username
+    onSubmit: ({
+      username
+    }) => codeSent ? setPassword({
+      username
+    }) : requestCode({
+      username
+    }),
+    submitOnEnter: true
+  }, ({
+    Bind,
+    submit,
+    data
+  }) => /*#__PURE__*/React.createElement(View.Content, null, loading && /*#__PURE__*/React.createElement(OverlayLoader, null), /*#__PURE__*/React.createElement(View.Title, {
+    title: "Password recovery",
+    description: "Request a password reset code."
+  }), error && /*#__PURE__*/React.createElement("div", {
+    className: "wby-mb-lg"
+  }, /*#__PURE__*/React.createElement(Alert, {
+    title: "Something went wrong",
+    type: "danger"
+  }, error)), !codeSent ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "username",
+    validators: validation.create("required"),
+    beforeChange: (val, cb) => cb(val.toLowerCase())
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: /*#__PURE__*/React.createElement(Label, {
+      text: "Email",
+      hint: "A reset code will be sent to your email."
+    }),
+    size: "lg"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-row-reverse wby-items-center wby-justify-between"
+  }, /*#__PURE__*/React.createElement(Button, {
+    text: "Send me the code",
+    onClick: ev => {
+      submit(ev);
+    },
+    "data-testid": "send-code",
+    size: "lg"
+  }), /*#__PURE__*/React.createElement(Text, {
+    as: "div",
+    size: "sm"
+  }, "Want to sign in?\xA0", /*#__PURE__*/React.createElement(Link, {
+    to: "#",
+    onClick: () => changeState("signIn")
+  }, "Sign in"), "."))))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Text, null, "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.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-row-reverse wby-justify-start wby-gap-md"
+  }, /*#__PURE__*/React.createElement(Button, {
+    text: "I got the code!",
+    onClick: ev => {
+      submit(ev);
+    },
+    size: "lg"
+  }), /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    text: "Resend code",
+    onClick: () => {
+      requestCode({
+        username: data.username
       });
     },
-    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, {
-      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, {
-      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, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Alert, {
-      title: "Something went wrong",
-      type: "danger"
-    }, error))), !codeSent ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
-      name: "username",
-      validators: validation.create("required"),
-      beforeChange: function beforeChange(val, cb) {
-        return cb(val.toLowerCase());
-      }
-    }, /*#__PURE__*/React.createElement(Input, {
-      label: "Email",
-      description: "A reset code will be sent to your email."
-    })))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(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, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(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, {
-      span: 12,
-      className: alignRight
-    }, /*#__PURE__*/React.createElement(ButtonDefault, {
-      onClick: function onClick() {
-        return 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, {
-      span: 12,
-      style: {
-        textAlign: "center"
-      }
-    }, "Want to sign in? ", /*#__PURE__*/React.createElement("a", {
-      href: "#",
-      onClick: function onClick() {
-        return changeState("signIn");
-      }
-    }, "Sign in"))));
-  }));
+    size: "lg"
+  }))))))));
 };
 
-export default ForgotPassword;
+//# sourceMappingURL=ForgotPassword.js.map

package/views/ForgotPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Alert","Button","Grid","Input","Label","Link","OverlayLoader","Text","Form","validation","useAuthenticator","useForgotPassword","View","ForgotPassword","authData","changeState","loading","codeSent","shouldRender","setPassword","requestCode","error","username","createElement","Container","data","onSubmit","submitOnEnter","Bind","submit","Content","Title","title","description","className","type","Fragment","Column","span","name","validators","create","beforeChange","val","cb","toLowerCase","label","text","hint","size","onClick","ev","as","to","variant"],"sources":["ForgotPassword.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Alert, Button, Grid, Input, Label, Link, OverlayLoader, Text } from \"@webiny/admin-ui\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { useAuthenticator } from \"@webiny/app-cognito-authenticator/hooks/useAuthenticator\";\nimport { useForgotPassword } from \"@webiny/app-cognito-authenticator/hooks/useForgotPassword\";\nimport { View } from \"~/components/View\";\n\nexport const ForgotPassword = () => {\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        <View.Container>\n            <Form\n                data={{ username }}\n                onSubmit={({ username }) =>\n                    codeSent ? setPassword({ username }) : requestCode({ username })\n                }\n                submitOnEnter\n            >\n                {({ Bind, submit, data }) => (\n                    <View.Content>\n                        {loading && <OverlayLoader />}\n                        <View.Title\n                            title={\"Password recovery\"}\n                            description={\"Request a password reset code.\"}\n                        />\n                        {error && (\n                            <div className={\"wby-mb-lg\"}>\n                                <Alert title={\"Something went wrong\"} type={\"danger\"}>\n                                    {error}\n                                </Alert>\n                            </div>\n                        )}\n\n                        {!codeSent ? (\n                            <>\n                                <Grid>\n                                    <Grid.Column 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={\n                                                    <Label\n                                                        text={\"Email\"}\n                                                        hint={\n                                                            \"A reset code will be sent to your email.\"\n                                                        }\n                                                    />\n                                                }\n                                                size={\"lg\"}\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <div\n                                            className={\n                                                \"wby-flex wby-flex-row-reverse wby-items-center wby-justify-between\"\n                                            }\n                                        >\n                                            <Button\n                                                text={\"Send me the code\"}\n                                                onClick={ev => {\n                                                    submit(ev);\n                                                }}\n                                                data-testid=\"send-code\"\n                                                size=\"lg\"\n                                            />\n                                            <Text as={\"div\"} size={\"sm\"}>\n                                                Want to sign in?&nbsp;\n                                                <Link\n                                                    to={\"#\"}\n                                                    onClick={() => changeState(\"signIn\")}\n                                                >\n                                                    Sign in\n                                                </Link>\n                                                .\n                                            </Text>\n                                        </div>\n                                    </Grid.Column>\n                                </Grid>\n                            </>\n                        ) : (\n                            <>\n                                <Grid>\n                                    <Grid.Column span={12}>\n                                        <Text>\n                                            We have sent you a code to reset your password!\n                                            <br />\n                                            <br />\n                                            Click the &quot;Resend code&quot; button below to resend\n                                            the code in case you haven&apos;t received it the first\n                                            time.\n                                        </Text>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <div\n                                            className={\n                                                \"wby-flex wby-flex-row-reverse wby-justify-start wby-gap-md\"\n                                            }\n                                        >\n                                            <Button\n                                                text={\"I got the code!\"}\n                                                onClick={ev => {\n                                                    submit(ev);\n                                                }}\n                                                size=\"lg\"\n                                            />\n                                            <Button\n                                                variant={\"secondary\"}\n                                                text={\"Resend code\"}\n                                                onClick={() => {\n                                                    requestCode({ username: data.username });\n                                                }}\n                                                size=\"lg\"\n                                            />\n                                        </div>\n                                    </Grid.Column>\n                                </Grid>\n                            </>\n                        )}\n                    </View.Content>\n                )}\n            </Form>\n        </View.Container>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/views/LoggingIn.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const LoggingIn: () => React.JSX.Element;

package/views/LoggingIn.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { OverlayLoader } from "@webiny/admin-ui";
+export const LoggingIn = () => {
+  return /*#__PURE__*/React.createElement(OverlayLoader, {
+    text: "Loading identity..."
+  });
+};
+
+//# sourceMappingURL=LoggingIn.js.map

package/views/LoggingIn.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","OverlayLoader","LoggingIn","createElement","text"],"sources":["LoggingIn.tsx"],"sourcesContent":["import React from \"react\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\n\nexport const LoggingIn = () => {\n    return <OverlayLoader text={\"Loading identity...\"} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC3B,oBAAOF,KAAA,CAAAG,aAAA,CAACF,aAAa;IAACG,IAAI,EAAE;EAAsB,CAAE,CAAC;AACzD,CAAC","ignoreList":[]}

package/views/RequireNewPassword.d.ts

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

package/views/RequireNewPassword.js

@@ -1,80 +1,71 @@
-import * as React from "react";
+import React from "react";
+import { Button, Grid, Heading, Input } from "@webiny/admin-ui";
 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";
-
-var sentenceCase = function sentenceCase(str) {
-  var lower = str.toLowerCase();
+import { View } from "../components/View";
+const sentenceCase = str => {
+  const 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) {
+export const RequireNewPassword = () => {
+  const {
+    shouldRender,
+    requiredAttributes,
+    confirm
+  } = useRequireNewPassword();
+  if (!shouldRender) {
     return null;
   }
-
-  return /*#__PURE__*/React.createElement(StateContainer, null, /*#__PURE__*/React.createElement(Form, {
-    onSubmit: function onSubmit(_ref) {
-      var password = _ref.password,
-          requiredAttributes = _ref.requiredAttributes;
-      return confirm({
-        password: password,
-        requiredAttributes: requiredAttributes
-      });
-    },
+  return /*#__PURE__*/React.createElement(View.Container, null, /*#__PURE__*/React.createElement(Form, {
+    onSubmit: ({
+      password,
+      requiredAttributes
+    }) => confirm({
+      password,
+      requiredAttributes
+    }),
     submitOnEnter: true
-  }, function (_ref2) {
-    var Bind = _ref2.Bind,
-        submit = _ref2.submit;
-    return /*#__PURE__*/React.createElement(Elevation, {
-      z: 2
-    }, /*#__PURE__*/React.createElement(InnerContent, null, /*#__PURE__*/React.createElement(Title, null, /*#__PURE__*/React.createElement(Typography, {
-      use: "headline4"
-    }, "Set New Password")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
-      name: "password",
-      validators: validation.create("required")
-    }, /*#__PURE__*/React.createElement(Input, {
-      type: "password",
-      label: "New password",
-      outlined: true
-    })))), requiredAttributes.length > 0 && /*#__PURE__*/React.createElement(Title, null, /*#__PURE__*/React.createElement(Typography, {
-      use: "headline6"
-    }, "Please enter additional information")), /*#__PURE__*/React.createElement(Grid, null, requiredAttributes.map(function (name) {
-      return /*#__PURE__*/React.createElement(Cell, {
-        key: name,
-        span: 12
-      }, /*#__PURE__*/React.createElement(Bind, {
-        name: name,
-        validators: validation.create("required")
-      }, /*#__PURE__*/React.createElement(Input, {
-        label: sentenceCase(name),
-        outlined: true
-      })));
-    })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-      span: 12,
-      className: alignRight
-    }, /*#__PURE__*/React.createElement(ButtonPrimary, {
-      onClick: submit
-    }, "Set password")))));
-  }));
+  }, ({
+    Bind,
+    submit
+  }) => /*#__PURE__*/React.createElement(View.Content, null, /*#__PURE__*/React.createElement(View.Title, {
+    title: "Set new password"
+  }), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "password",
+    validators: validation.create("required")
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "password",
+    label: "New password",
+    size: "lg",
+    autoComplete: "off"
+  }))), /*#__PURE__*/React.createElement(React.Fragment, null, requiredAttributes.length > 0 && /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: 6,
+    className: "wby-text-center"
+  }, "Please enter additional information"))), /*#__PURE__*/React.createElement(React.Fragment, null, requiredAttributes.map(name => /*#__PURE__*/React.createElement(Grid.Column, {
+    key: name,
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: name,
+    validators: validation.create("required")
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: sentenceCase(name),
+    size: "lg"
+  }))))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12,
+    className: "wby-text-right"
+  }, /*#__PURE__*/React.createElement(Button, {
+    text: "Set password",
+    "data-testid": "submit-sign-in-form-button",
+    onClick: ev => {
+      submit(ev);
+    },
+    size: "lg"
+  }))))));
 };
 
-export default RequireNewPassword;
+//# sourceMappingURL=RequireNewPassword.js.map

package/views/RequireNewPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","Grid","Heading","Input","Form","validation","useRequireNewPassword","View","sentenceCase","str","lower","toLowerCase","toUpperCase","substring","RequireNewPassword","shouldRender","requiredAttributes","confirm","createElement","Container","onSubmit","password","submitOnEnter","Bind","submit","Content","Title","title","Column","span","name","validators","create","type","label","size","autoComplete","Fragment","length","level","className","map","key","text","onClick","ev"],"sources":["RequireNewPassword.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, Grid, Heading, Input } from \"@webiny/admin-ui\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { useRequireNewPassword } from \"@webiny/app-cognito-authenticator/hooks/useRequireNewPassword\";\nimport { View } from \"~/components/View\";\n\nconst sentenceCase = (str: string) => {\n    const lower = str.toLowerCase();\n    return lower[0].toUpperCase() + lower.substring(1);\n};\n\nexport const RequireNewPassword = () => {\n    const { shouldRender, requiredAttributes, confirm } = useRequireNewPassword();\n\n    if (!shouldRender) {\n        return null;\n    }\n\n    return (\n        <View.Container>\n            <Form\n                onSubmit={({ password, requiredAttributes }) =>\n                    confirm({ password, requiredAttributes })\n                }\n                submitOnEnter\n            >\n                {({ Bind, submit }) => (\n                    <View.Content>\n                        <View.Title title={\"Set new password\"} />\n                        <Grid>\n                            <Grid.Column span={12}>\n                                <Bind name=\"password\" validators={validation.create(\"required\")}>\n                                    <Input\n                                        type={\"password\"}\n                                        label={\"New password\"}\n                                        size={\"lg\"}\n                                        autoComplete={\"off\"}\n                                    />\n                                </Bind>\n                            </Grid.Column>\n\n                            <>\n                                {requiredAttributes.length > 0 && (\n                                    <Grid.Column span={12}>\n                                        <Heading level={6} className={\"wby-text-center\"}>\n                                            Please enter additional information\n                                        </Heading>\n                                    </Grid.Column>\n                                )}\n                            </>\n\n                            <>\n                                {requiredAttributes.map(name => (\n                                    <Grid.Column key={name} span={12}>\n                                        <Bind\n                                            name={name}\n                                            validators={validation.create(\"required\")}\n                                        >\n                                            <Input label={sentenceCase(name)} size={\"lg\"} />\n                                        </Bind>\n                                    </Grid.Column>\n                                ))}\n                            </>\n\n                            <Grid.Column span={12} className={\"wby-text-right\"}>\n                                <Button\n                                    text={\"Set password\"}\n                                    data-testid=\"submit-sign-in-form-button\"\n                                    onClick={ev => {\n                                        submit(ev);\n                                    }}\n                                    size={\"lg\"}\n                                />\n                            </Grid.Column>\n                        </Grid>\n                    </View.Content>\n                )}\n            </Form>\n        </View.Container>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/views/SetNewPassword.d.ts

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

package/views/SetNewPassword.js

@@ -1,101 +1,94 @@
 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 { View } from "../components/View";
 import { useAuthenticator } from "@webiny/app-cognito-authenticator/hooks/useAuthenticator";
 import { useSetNewPassword } from "@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) {
+import { Button, Grid, Input, Link, OverlayLoader, Text } from "@webiny/admin-ui";
+export const SetNewPassword = () => {
+  const {
+    changeState
+  } = useAuthenticator();
+  const {
+    shouldRender,
+    setPassword,
+    error,
+    loading
+  } = useSetNewPassword();
+  if (!shouldRender) {
     return null;
   }
-
-  return /*#__PURE__*/React.createElement(StateContainer, null, /*#__PURE__*/React.createElement(Form, {
-    onSubmit: setPassword,
+  return /*#__PURE__*/React.createElement(View.Container, null, /*#__PURE__*/React.createElement(Form, {
+    onSubmit: data => setPassword(data),
     submitOnEnter: true
-  }, function (_ref) {
-    var Bind = _ref.Bind,
-        submit = _ref.submit,
-        data = _ref.data;
-
-    var retypePasswordValidator = function retypePasswordValidator(value) {
+  }, ({
+    Bind,
+    submit,
+    data
+  }) => {
+    const retypePasswordValidator = value => {
       if (value !== data.password) {
         throw Error("Passwords do not match!");
       }
     };
-
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(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, {
-      use: "headline4"
-    }, "Set New Password"))), error && /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    return /*#__PURE__*/React.createElement(View.Content, null, loading && /*#__PURE__*/React.createElement(OverlayLoader, null), /*#__PURE__*/React.createElement(View.Title, {
+      title: "Set new password"
+    }), /*#__PURE__*/React.createElement(View.Error, {
+      description: error
+    }), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
       span: 12,
-      className: errorMessage
-    }, error)), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-      span: 12
+      "data-testid": "password-reset-code"
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "code",
       validators: validation.create("required")
     }, /*#__PURE__*/React.createElement(Input, {
+      size: "lg",
       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(Grid.Column, {
+      span: 12,
+      "data-testid": "new-password-input"
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "password",
       validators: validation.create("required")
     }, /*#__PURE__*/React.createElement(Input, {
+      size: "lg",
       autoComplete: "off",
       type: "password",
       label: "New password",
-      outlined: true,
       description: "Enter your new password."
-    }))), /*#__PURE__*/React.createElement(Cell, {
-      span: 12
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12,
+      "data-testid": "retype-password-input"
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "retypePassword",
       validators: [validation.create("required"), retypePasswordValidator]
     }, /*#__PURE__*/React.createElement(Input, {
+      autoComplete: "off",
+      size: "lg",
       type: "password",
       label: "Retype password",
-      outlined: true,
       description: "Enter your new password once more."
-    }))), /*#__PURE__*/React.createElement(Cell, {
-      span: 12,
-      className: alignRight
-    }, /*#__PURE__*/React.createElement(ButtonPrimary, {
-      onClick: submit
-    }, "Set new password"))))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-      span: 12,
-      style: {
-        textAlign: "center"
-      }
-    }, "Want to sign in? ", /*#__PURE__*/React.createElement("a", {
-      href: "#",
-      onClick: function onClick() {
-        return changeState("signIn");
-      }
-    }, "Sign in"))));
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "wby-flex wby-flex-row-reverse wby-items-center wby-justify-between"
+    }, /*#__PURE__*/React.createElement(Button, {
+      text: "Set new password",
+      "data-testid": "submit-btn-new-psw",
+      onClick: ev => {
+        submit(ev);
+      },
+      size: "lg"
+    }), /*#__PURE__*/React.createElement(Text, {
+      as: "div",
+      size: "sm"
+    }, "Want to sign in?\xA0", /*#__PURE__*/React.createElement(Link, {
+      to: "#",
+      onClick: () => changeState("signIn")
+    }, "Sign in"), ".")))));
   }));
 };
 
-export default SetNewPassword;
+//# sourceMappingURL=SetNewPassword.js.map

package/views/SetNewPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Form","validation","View","useAuthenticator","useSetNewPassword","Button","Grid","Input","Link","OverlayLoader","Text","SetNewPassword","changeState","shouldRender","setPassword","error","loading","createElement","Container","onSubmit","data","submitOnEnter","Bind","submit","retypePasswordValidator","value","password","Error","Content","Title","title","description","Column","span","name","validators","create","size","autoComplete","label","type","className","text","onClick","ev","as","to"],"sources":["SetNewPassword.tsx"],"sourcesContent":["import React from \"react\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { View } from \"~/components/View\";\nimport { useAuthenticator } from \"@webiny/app-cognito-authenticator/hooks/useAuthenticator\";\nimport type { UseSetNewPasswordCallableParams } from \"@webiny/app-cognito-authenticator/hooks/useSetNewPassword\";\nimport { useSetNewPassword } from \"@webiny/app-cognito-authenticator/hooks/useSetNewPassword\";\nimport { Button, Grid, Input, Link, OverlayLoader, Text } from \"@webiny/admin-ui\";\n\nexport const SetNewPassword = () => {\n    const { changeState } = useAuthenticator();\n    const { shouldRender, setPassword, error, loading } = useSetNewPassword();\n\n    if (!shouldRender) {\n        return null;\n    }\n\n    return (\n        <View.Container>\n            <Form<UseSetNewPasswordCallableParams>\n                onSubmit={data => setPassword(data)}\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                        <View.Content>\n                            {loading && <OverlayLoader />}\n                            <View.Title title={\"Set new password\"} />\n                            <View.Error description={error} />\n\n                            <Grid>\n                                <Grid.Column span={12} data-testid=\"password-reset-code\">\n                                    <Bind name=\"code\" validators={validation.create(\"required\")}>\n                                        <Input\n                                            size={\"lg\"}\n                                            autoComplete=\"off\"\n                                            label={\"Password reset code\"}\n                                            description={\"Enter the code we sent to your email.\"}\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12} data-testid=\"new-password-input\">\n                                    <Bind\n                                        name=\"password\"\n                                        validators={validation.create(\"required\")}\n                                    >\n                                        <Input\n                                            size={\"lg\"}\n                                            autoComplete={\"off\"}\n                                            type={\"password\"}\n                                            label={\"New password\"}\n                                            description={\"Enter your new password.\"}\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column 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                                            autoComplete={\"off\"}\n                                            size={\"lg\"}\n                                            type={\"password\"}\n                                            label={\"Retype password\"}\n                                            description={\"Enter your new password once more.\"}\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <div\n                                        className={\n                                            \"wby-flex wby-flex-row-reverse wby-items-center wby-justify-between\"\n                                        }\n                                    >\n                                        <Button\n                                            text={\"Set new password\"}\n                                            data-testid=\"submit-btn-new-psw\"\n                                            onClick={ev => {\n                                                submit(ev);\n                                            }}\n                                            size={\"lg\"}\n                                        />\n                                        <Text as={\"div\"} size={\"sm\"}>\n                                            Want to sign in?&nbsp;\n                                            <Link to={\"#\"} onClick={() => changeState(\"signIn\")}>\n                                                Sign in\n                                            </Link>\n                                            .\n                                        </Text>\n                                    </div>\n                                </Grid.Column>\n                            </Grid>\n                        </View.Content>\n                    );\n                }}\n            </Form>\n        </View.Container>\n    );\n};\n"],"mappings":"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","ignoreList":[]}