@webiny/cognito 0.0.0-unstable.3c5210ad37

package/admin/presentation/Cognito/components/RequestPasswordResetCode.js

@@ -0,0 +1,45 @@
+import React from "react";
+import { Button, Grid, Input, Alert } from "@webiny/admin-ui";
+import { Form, Bind } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { View } from "./View.js";
+import { FooterSignIn } from "./FooterSignIn.js";
+export const RequestPasswordResetCode = props => {
+  const {
+    vm,
+    ...actions
+  } = props;
+  return /*#__PURE__*/React.createElement(View.Container, null, /*#__PURE__*/React.createElement(Form, {
+    onSubmit: data => actions.onRequestCode(data.username),
+    submitOnEnter: true
+  }, ({
+    submit
+  }) => /*#__PURE__*/React.createElement(View.Content, null, /*#__PURE__*/React.createElement(View.Title, {
+    title: "Password recovery",
+    description: "Request a password reset code."
+  }), vm.message && /*#__PURE__*/React.createElement("div", {
+    className: "mb-lg"
+  }, /*#__PURE__*/React.createElement(Alert, {
+    title: vm.message.title,
+    type: vm.message.type
+  }, vm.message.text)), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "username",
+    validators: validation.create("required,email")
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Email"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-row-reverse items-center justify-between"
+  }, /*#__PURE__*/React.createElement(Button, {
+    text: "Send me the code",
+    onClick: submit,
+    disabled: vm.isLoading
+  }), /*#__PURE__*/React.createElement(FooterSignIn, {
+    onSignIn: actions.onCancel
+  })))))));
+};
+
+//# sourceMappingURL=RequestPasswordResetCode.js.map

package/admin/presentation/Cognito/components/RequestPasswordResetCode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","Grid","Input","Alert","Form","Bind","validation","View","FooterSignIn","RequestPasswordResetCode","props","vm","actions","createElement","Container","onSubmit","data","onRequestCode","username","submitOnEnter","submit","Content","Title","title","description","message","className","type","text","Column","span","name","validators","create","label","onClick","disabled","isLoading","onSignIn","onCancel"],"sources":["RequestPasswordResetCode.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, Grid, Input, Alert } from \"@webiny/admin-ui\";\nimport { Form, Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { View } from \"./View.js\";\nimport type { RequestPasswordResetCodeVM } from \"~/admin/presentation/Cognito/abstractions.js\";\nimport { FooterSignIn } from \"~/admin/presentation/Cognito/components/FooterSignIn.js\";\n\nexport interface ForgotPasswordProps {\n    vm: RequestPasswordResetCodeVM;\n    onRequestCode: (username: string) => void;\n    onCancel: () => void;\n}\n\nexport const RequestPasswordResetCode = (props: ForgotPasswordProps) => {\n    const { vm, ...actions } = props;\n\n    return (\n        <View.Container>\n            <Form onSubmit={(data: any) => actions.onRequestCode(data.username)} submitOnEnter>\n                {({ submit }) => (\n                    <View.Content>\n                        <View.Title\n                            title={\"Password recovery\"}\n                            description={\"Request a password reset code.\"}\n                        />\n\n                        {vm.message && (\n                            <div className={\"mb-lg\"}>\n                                <Alert title={vm.message.title} type={vm.message.type}>\n                                    {vm.message.text}\n                                </Alert>\n                            </div>\n                        )}\n\n                        <Grid>\n                            <Grid.Column span={12}>\n                                <Bind\n                                    name=\"username\"\n                                    validators={validation.create(\"required,email\")}\n                                >\n                                    <Input label={\"Email\"} />\n                                </Bind>\n                            </Grid.Column>\n                            <Grid.Column span={12}>\n                                <div\n                                    className={\"flex flex-row-reverse items-center justify-between\"}\n                                >\n                                    <Button\n                                        text={\"Send me the code\"}\n                                        onClick={submit}\n                                        disabled={vm.isLoading}\n                                    />\n                                    <FooterSignIn onSignIn={actions.onCancel} />\n                                </div>\n                            </Grid.Column>\n                        </Grid>\n                    </View.Content>\n                )}\n            </Form>\n        </View.Container>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,KAAK,QAAQ,kBAAkB;AAC7D,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,IAAI;AAEb,SAASC,YAAY;AAQrB,OAAO,MAAMC,wBAAwB,GAAIC,KAA0B,IAAK;EACpE,MAAM;IAAEC,EAAE;IAAE,GAAGC;EAAQ,CAAC,GAAGF,KAAK;EAEhC,oBACIX,KAAA,CAAAc,aAAA,CAACN,IAAI,CAACO,SAAS,qBACXf,KAAA,CAAAc,aAAA,CAACT,IAAI;IAACW,QAAQ,EAAGC,IAAS,IAAKJ,OAAO,CAACK,aAAa,CAACD,IAAI,CAACE,QAAQ,CAAE;IAACC,aAAa;EAAA,GAC7E,CAAC;IAAEC;EAAO,CAAC,kBACRrB,KAAA,CAAAc,aAAA,CAACN,IAAI,CAACc,OAAO,qBACTtB,KAAA,CAAAc,aAAA,CAACN,IAAI,CAACe,KAAK;IACPC,KAAK,EAAE,mBAAoB;IAC3BC,WAAW,EAAE;EAAiC,CACjD,CAAC,EAEDb,EAAE,CAACc,OAAO,iBACP1B,KAAA,CAAAc,aAAA;IAAKa,SAAS,EAAE;EAAQ,gBACpB3B,KAAA,CAAAc,aAAA,CAACV,KAAK;IAACoB,KAAK,EAAEZ,EAAE,CAACc,OAAO,CAACF,KAAM;IAACI,IAAI,EAAEhB,EAAE,CAACc,OAAO,CAACE;EAAK,GACjDhB,EAAE,CAACc,OAAO,CAACG,IACT,CACN,CACR,eAED7B,KAAA,CAAAc,aAAA,CAACZ,IAAI,qBACDF,KAAA,CAAAc,aAAA,CAACZ,IAAI,CAAC4B,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB/B,KAAA,CAAAc,aAAA,CAACR,IAAI;IACD0B,IAAI,EAAC,UAAU;IACfC,UAAU,EAAE1B,UAAU,CAAC2B,MAAM,CAAC,gBAAgB;EAAE,gBAEhDlC,KAAA,CAAAc,aAAA,CAACX,KAAK;IAACgC,KAAK,EAAE;EAAQ,CAAE,CACtB,CACG,CAAC,eACdnC,KAAA,CAAAc,aAAA,CAACZ,IAAI,CAAC4B,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB/B,KAAA,CAAAc,aAAA;IACIa,SAAS,EAAE;EAAqD,gBAEhE3B,KAAA,CAAAc,aAAA,CAACb,MAAM;IACH4B,IAAI,EAAE,kBAAmB;IACzBO,OAAO,EAAEf,MAAO;IAChBgB,QAAQ,EAAEzB,EAAE,CAAC0B;EAAU,CAC1B,CAAC,eACFtC,KAAA,CAAAc,aAAA,CAACL,YAAY;IAAC8B,QAAQ,EAAE1B,OAAO,CAAC2B;EAAS,CAAE,CAC1C,CACI,CACX,CACI,CAEhB,CACM,CAAC;AAEzB,CAAC","ignoreList":[]}

package/admin/presentation/Cognito/components/RequireNewPassword.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { RequireNewPasswordVM } from "../../../../admin/presentation/Cognito/abstractions.js";
+export interface RequireNewPasswordProps {
+    vm: RequireNewPasswordVM;
+    onSubmit: (password: string, attributes: any) => void;
+    onCancel: () => void;
+}
+export declare const RequireNewPassword: (props: RequireNewPasswordProps) => React.JSX.Element;

package/admin/presentation/Cognito/components/RequireNewPassword.js

@@ -0,0 +1,55 @@
+import React from "react";
+import { Button, Grid, Heading, Input } from "@webiny/admin-ui";
+import { Form, Bind } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { View } from "./View.js";
+const sentenceCase = str => {
+  const lower = str.toLowerCase();
+  return lower[0].toUpperCase() + lower.substring(1);
+};
+export const RequireNewPassword = props => {
+  const {
+    vm,
+    onSubmit
+  } = props;
+  return /*#__PURE__*/React.createElement(View.Container, null, /*#__PURE__*/React.createElement(Form, {
+    onSubmit: data => onSubmit(data.password, data.requiredAttributes),
+    submitOnEnter: true
+  }, ({
+    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",
+    autoComplete: "off"
+  }))), vm.requiredAttributes.length > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: 6,
+    className: "text-center"
+  }, "Please enter additional information")), vm.requiredAttributes.map(attr => /*#__PURE__*/React.createElement(Grid.Column, {
+    key: attr,
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: `requiredAttributes.${attr}`
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: sentenceCase(attr)
+  }))))) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-row-reverse items-center justify-between"
+  }, /*#__PURE__*/React.createElement(Button, {
+    text: "Confirm",
+    onClick: submit,
+    size: "lg",
+    disabled: vm.isLoading
+  })))))));
+};
+
+//# sourceMappingURL=RequireNewPassword.js.map

package/admin/presentation/Cognito/components/RequireNewPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","Grid","Heading","Input","Form","Bind","validation","View","sentenceCase","str","lower","toLowerCase","toUpperCase","substring","RequireNewPassword","props","vm","onSubmit","createElement","Container","data","password","requiredAttributes","submitOnEnter","submit","Content","Title","title","Column","span","name","validators","create","type","label","autoComplete","length","Fragment","level","className","map","attr","key","text","onClick","size","disabled","isLoading"],"sources":["RequireNewPassword.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, Grid, Heading, Input } from \"@webiny/admin-ui\";\nimport { Form, Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { View } from \"./View.js\";\nimport type { RequireNewPasswordVM } from \"~/admin/presentation/Cognito/abstractions.js\";\n\nconst sentenceCase = (str: string) => {\n    const lower = str.toLowerCase();\n    return lower[0].toUpperCase() + lower.substring(1);\n};\n\nexport interface RequireNewPasswordProps {\n    vm: RequireNewPasswordVM;\n    onSubmit: (password: string, attributes: any) => void;\n    onCancel: () => void;\n}\n\ntype FormData = {\n    password: string;\n    requiredAttributes: Record<string, string>;\n};\n\nexport const RequireNewPassword = (props: RequireNewPasswordProps) => {\n    const { vm, onSubmit } = props;\n\n    return (\n        <View.Container>\n            <Form<FormData>\n                onSubmit={data => onSubmit(data.password, data.requiredAttributes)}\n                submitOnEnter\n            >\n                {({ 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                                        autoComplete={\"off\"}\n                                    />\n                                </Bind>\n                            </Grid.Column>\n\n                            {vm.requiredAttributes.length > 0 ? (\n                                <>\n                                    <Grid.Column span={12}>\n                                        <Heading level={6} className={\"text-center\"}>\n                                            Please enter additional information\n                                        </Heading>\n                                    </Grid.Column>\n                                    {vm.requiredAttributes.map(attr => (\n                                        <Grid.Column key={attr} span={12}>\n                                            <Bind name={`requiredAttributes.${attr}`}>\n                                                <Input label={sentenceCase(attr)} />\n                                            </Bind>\n                                        </Grid.Column>\n                                    ))}\n                                </>\n                            ) : (\n                                <></>\n                            )}\n\n                            <Grid.Column span={12}>\n                                <div\n                                    className={\"flex flex-row-reverse items-center justify-between\"}\n                                >\n                                    <Button\n                                        text={\"Confirm\"}\n                                        onClick={submit}\n                                        size=\"lg\"\n                                        disabled={vm.isLoading}\n                                    />\n                                </div>\n                            </Grid.Column>\n                        </Grid>\n                    </View.Content>\n                )}\n            </Form>\n        </View.Container>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/presentation/Cognito/components/SetNewPassword.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { SetNewPasswordVM } from "../../../../admin/presentation/Cognito/abstractions.js";
+export interface SetNewPasswordProps {
+    vm: SetNewPasswordVM;
+    onSetNewPassword: (code: string, password: string) => void;
+    onCancel: () => void;
+}
+export declare const SetNewPassword: (props: SetNewPasswordProps) => React.JSX.Element;

package/admin/presentation/Cognito/components/SetNewPassword.js

@@ -0,0 +1,79 @@
+import React from "react";
+import { Button, Grid, Input, Alert } from "@webiny/admin-ui";
+import { Form, Bind, useForm } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { View } from "./View.js";
+import { FooterSignIn } from "./FooterSignIn.js";
+import { usePasswordValidator } from "../../shared/usePasswordValidator.js";
+export const SetNewPassword = props => {
+  const {
+    vm,
+    onSetNewPassword,
+    onCancel
+  } = props;
+  const passwordValidator = usePasswordValidator();
+  return /*#__PURE__*/React.createElement(View.Container, null, /*#__PURE__*/React.createElement(Form, {
+    onSubmit: data => onSetNewPassword(data.code, data.password),
+    submitOnEnter: true
+  }, ({
+    submit
+  }) => /*#__PURE__*/React.createElement(View.Content, null, /*#__PURE__*/React.createElement(View.Title, {
+    title: "Set new password"
+  }), vm.message && /*#__PURE__*/React.createElement("div", {
+    className: "mb-lg"
+  }, /*#__PURE__*/React.createElement(Alert, {
+    title: vm.message.title,
+    type: vm.message.type
+  }, vm.message.text)), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "code",
+    validators: validation.create("required")
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Verification Code",
+    description: "Enter the code we sent to your email.",
+    autoComplete: "new-password"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "password",
+    validators: [validation.create("required"), passwordValidator]
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "password",
+    label: "New Password",
+    description: "Enter your new password.",
+    autoComplete: "new-password"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(RetypePassword, null)), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/React.createElement(FooterSignIn, {
+    onSignIn: onCancel
+  }), /*#__PURE__*/React.createElement(Button, {
+    text: "Reset Password",
+    onClick: submit,
+    containerClassName: "ml-auto",
+    disabled: vm.isLoading
+  })))))));
+};
+const RetypePassword = () => {
+  const form = useForm();
+  const matchOriginalValidator = value => {
+    if (value !== form.getValue("password")) {
+      throw Error(`Passwords do not match.`);
+    }
+  };
+  return /*#__PURE__*/React.createElement(Bind, {
+    name: "confirmPassword",
+    validators: [validation.create("required"), matchOriginalValidator]
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "password",
+    label: "Retype Password",
+    description: "Enter your new password once more.",
+    autoComplete: "new-password"
+  }));
+};
+
+//# sourceMappingURL=SetNewPassword.js.map

package/admin/presentation/Cognito/components/SetNewPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","Grid","Input","Alert","Form","Bind","useForm","validation","View","FooterSignIn","usePasswordValidator","SetNewPassword","props","vm","onSetNewPassword","onCancel","passwordValidator","createElement","Container","onSubmit","data","code","password","submitOnEnter","submit","Content","Title","title","message","className","type","text","Column","span","name","validators","create","label","description","autoComplete","RetypePassword","onSignIn","onClick","containerClassName","disabled","isLoading","form","matchOriginalValidator","value","getValue","Error"],"sources":["SetNewPassword.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, Grid, Input, Alert } from \"@webiny/admin-ui\";\nimport { Form, Bind, useForm } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { View } from \"./View.js\";\nimport type { SetNewPasswordVM } from \"~/admin/presentation/Cognito/abstractions.js\";\nimport { FooterSignIn } from \"~/admin/presentation/Cognito/components/FooterSignIn.js\";\nimport { usePasswordValidator } from \"~/admin/presentation/shared/usePasswordValidator.js\";\n\nexport interface SetNewPasswordProps {\n    vm: SetNewPasswordVM;\n    onSetNewPassword: (code: string, password: string) => void;\n    onCancel: () => void;\n}\n\nexport const SetNewPassword = (props: SetNewPasswordProps) => {\n    const { vm, onSetNewPassword, onCancel } = props;\n    const passwordValidator = usePasswordValidator();\n\n    return (\n        <View.Container>\n            <Form\n                onSubmit={(data: any) => onSetNewPassword(data.code, data.password)}\n                submitOnEnter\n            >\n                {({ submit }) => (\n                    <View.Content>\n                        <View.Title title={\"Set new password\"} />\n\n                        {vm.message && (\n                            <div className={\"mb-lg\"}>\n                                <Alert title={vm.message.title} type={vm.message.type}>\n                                    {vm.message.text}\n                                </Alert>\n                            </div>\n                        )}\n\n                        <Grid>\n                            <Grid.Column span={12}>\n                                <Bind name=\"code\" validators={validation.create(\"required\")}>\n                                    <Input\n                                        label={\"Verification Code\"}\n                                        description={\"Enter the code we sent to your email.\"}\n                                        autoComplete={\"new-password\"}\n                                    />\n                                </Bind>\n                            </Grid.Column>\n                            <Grid.Column span={12}>\n                                <Bind\n                                    name=\"password\"\n                                    validators={[validation.create(\"required\"), passwordValidator]}\n                                >\n                                    <Input\n                                        type={\"password\"}\n                                        label={\"New Password\"}\n                                        description={\"Enter your new password.\"}\n                                        autoComplete={\"new-password\"}\n                                    />\n                                </Bind>\n                            </Grid.Column>\n                            <Grid.Column span={12}>\n                                <RetypePassword />\n                            </Grid.Column>\n                            <Grid.Column span={12}>\n                                <div className={\"flex items-center justify-between\"}>\n                                    <FooterSignIn onSignIn={onCancel} />\n                                    <Button\n                                        text={\"Reset Password\"}\n                                        onClick={submit}\n                                        containerClassName={\"ml-auto\"}\n                                        disabled={vm.isLoading}\n                                    />\n                                </div>\n                            </Grid.Column>\n                        </Grid>\n                    </View.Content>\n                )}\n            </Form>\n        </View.Container>\n    );\n};\n\nconst RetypePassword = () => {\n    const form = useForm();\n    const matchOriginalValidator = (value: string) => {\n        if (value !== form.getValue(\"password\")) {\n            throw Error(`Passwords do not match.`);\n        }\n    };\n\n    return (\n        <Bind\n            name=\"confirmPassword\"\n            validators={[validation.create(\"required\"), matchOriginalValidator]}\n        >\n            <Input\n                type={\"password\"}\n                label={\"Retype Password\"}\n                description={\"Enter your new password once more.\"}\n                autoComplete={\"new-password\"}\n            />\n        </Bind>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/presentation/Cognito/components/SignIn.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { SignInVM } from "../../../../admin/presentation/Cognito/abstractions.js";
+export interface SignInProps {
+    vm: SignInVM;
+    onSubmit: (username: string, password: string) => void;
+    onForgotPassword: () => void;
+    title?: string;
+    description?: React.ReactNode;
+}
+export declare const SignIn: (props: SignInProps) => React.JSX.Element;

package/admin/presentation/Cognito/components/SignIn.js

@@ -0,0 +1,64 @@
+import React from "react";
+import { Grid, Input, Alert, Link, Button, Text, OverlayLoader } from "@webiny/admin-ui";
+import { Form, Bind } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { View } from "./View.js";
+export const SignIn = props => {
+  const {
+    vm,
+    onSubmit,
+    onForgotPassword,
+    title = "Sign in",
+    description
+  } = props;
+  return /*#__PURE__*/React.createElement(View.Container, null, /*#__PURE__*/React.createElement(Form, {
+    onSubmit: data => onSubmit(data.username, data.password),
+    submitOnEnter: true
+  }, ({
+    submit
+  }) => /*#__PURE__*/React.createElement(View.Content, null, vm.isLoading ? /*#__PURE__*/React.createElement(OverlayLoader, {
+    text: "Authenticating..."
+  }) : null, /*#__PURE__*/React.createElement(View.Title, {
+    title: title,
+    description: description
+  }), vm.message && /*#__PURE__*/React.createElement("div", {
+    className: "mb-lg"
+  }, /*#__PURE__*/React.createElement(Alert, {
+    title: vm.message.title,
+    type: vm.message.type
+  }, vm.message.text)), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "username",
+    validators: validation.create("required,email"),
+    beforeChange: (val, cb) => cb(val.toLowerCase())
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Email"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "password",
+    validators: validation.create("required")
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "password",
+    label: "Password",
+    autoComplete: "off"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-row-reverse items-center justify-between"
+  }, /*#__PURE__*/React.createElement(Button, {
+    text: "Submit",
+    "data-testid": "submit-sign-in-form-button",
+    onClick: submit,
+    disabled: vm.isLoading
+  }), /*#__PURE__*/React.createElement(Text, {
+    as: "div",
+    size: "sm"
+  }, /*#__PURE__*/React.createElement(Link, {
+    to: "#",
+    onClick: onForgotPassword
+  }, "Forgot password?"))))))));
+};
+
+//# sourceMappingURL=SignIn.js.map

package/admin/presentation/Cognito/components/SignIn.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","Input","Alert","Link","Button","Text","OverlayLoader","Form","Bind","validation","View","SignIn","props","vm","onSubmit","onForgotPassword","title","description","createElement","Container","data","username","password","submitOnEnter","submit","Content","isLoading","text","Title","message","className","type","Column","span","name","validators","create","beforeChange","val","cb","toLowerCase","label","autoComplete","onClick","disabled","as","size","to"],"sources":["SignIn.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Input, Alert, Link, Button, Text, OverlayLoader } from \"@webiny/admin-ui\";\nimport { Form, Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { View } from \"./View.js\";\nimport type { SignInVM } from \"~/admin/presentation/Cognito/abstractions.js\";\n\nexport interface SignInProps {\n    vm: SignInVM;\n    onSubmit: (username: string, password: string) => void;\n    onForgotPassword: () => void;\n    title?: string;\n    description?: React.ReactNode;\n}\n\nexport const SignIn = (props: SignInProps) => {\n    const { vm, onSubmit, onForgotPassword, title = \"Sign in\", description } = props;\n\n    return (\n        <View.Container>\n            <Form onSubmit={(data: any) => onSubmit(data.username, data.password)} submitOnEnter>\n                {({ submit }) => (\n                    <View.Content>\n                        {vm.isLoading ? <OverlayLoader text={\"Authenticating...\"} /> : null}\n                        <View.Title title={title} description={description} />\n\n                        {vm.message && (\n                            <div className={\"mb-lg\"}>\n                                <Alert title={vm.message.title} type={vm.message.type}>\n                                    {vm.message.text}\n                                </Alert>\n                            </div>\n                        )}\n\n                        <Grid>\n                            <Grid.Column 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={\"Email\"} />\n                                </Bind>\n                            </Grid.Column>\n                            <Grid.Column span={12}>\n                                <Bind name=\"password\" validators={validation.create(\"required\")}>\n                                    <Input\n                                        type={\"password\"}\n                                        label={\"Password\"}\n                                        autoComplete={\"off\"}\n                                    />\n                                </Bind>\n                            </Grid.Column>\n                            <Grid.Column span={12}>\n                                <div\n                                    className={\"flex flex-row-reverse items-center justify-between\"}\n                                >\n                                    <Button\n                                        text={\"Submit\"}\n                                        data-testid=\"submit-sign-in-form-button\"\n                                        onClick={submit}\n                                        disabled={vm.isLoading}\n                                    />\n                                    <Text as={\"div\"} size={\"sm\"}>\n                                        <Link to=\"#\" onClick={onForgotPassword}>\n                                            Forgot password?\n                                        </Link>\n                                    </Text>\n                                </div>\n                            </Grid.Column>\n                        </Grid>\n                    </View.Content>\n                )}\n            </Form>\n        </View.Container>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/presentation/Cognito/components/View.d.ts

@@ -0,0 +1,98 @@
+import * as React from "react";
+export interface ContainerProps {
+    children: React.ReactNode;
+}
+export interface ContentProps {
+    children: React.ReactNode;
+}
+export interface FooterProps {
+    children: React.ReactNode;
+}
+export interface TitleProps {
+    title: string;
+    description?: React.ReactNode;
+}
+export interface ErrorProps {
+    title?: string;
+    description?: string | null;
+}
+export declare const Error: ({ title, description }: ErrorProps) => React.JSX.Element | null;
+export declare const View: {
+    Container: (({ children }: ContainerProps) => React.JSX.Element) & {
+        original: ({ children }: ContainerProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ children }: ContainerProps) => React.JSX.Element) & {
+            original: ({ children }: ContainerProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ children }: ContainerProps) => React.JSX.Element) & {
+            original: ({ children }: ContainerProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Content: (({ children }: ContentProps) => React.JSX.Element) & {
+        original: ({ children }: ContentProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ children }: ContentProps) => React.JSX.Element) & {
+            original: ({ children }: ContentProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ children }: ContentProps) => React.JSX.Element) & {
+            original: ({ children }: ContentProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Title: (({ title, description }: TitleProps) => React.JSX.Element) & {
+        original: ({ title, description }: TitleProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ title, description }: TitleProps) => React.JSX.Element) & {
+            original: ({ title, description }: TitleProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ title, description }: TitleProps) => React.JSX.Element) & {
+            original: ({ title, description }: TitleProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Footer: (({ children }: FooterProps) => React.JSX.Element) & {
+        original: ({ children }: FooterProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ children }: FooterProps) => React.JSX.Element) & {
+            original: ({ children }: FooterProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ children }: FooterProps) => React.JSX.Element) & {
+            original: ({ children }: FooterProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Error: ({ title, description }: ErrorProps) => React.JSX.Element | null;
+};

package/admin/presentation/Cognito/components/View.js

@@ -0,0 +1,67 @@
+import * as React from "react";
+import capitalize from "lodash/capitalize";
+import { Logo, makeDecoratable } from "@webiny/app-admin";
+import { Alert, Grid, Heading, Text } from "@webiny/admin-ui";
+const Container = makeDecoratable("ViewContainer", ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "w-full h-screen bg-neutral-light flex-1"
+  }, /*#__PURE__*/React.createElement("section", {
+    className: "m-auto flex flex-col justify-center min-h-screen"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mx-auto"
+  }, /*#__PURE__*/React.createElement(Logo, null)), /*#__PURE__*/React.createElement("div", {
+    className: "w-full max-w-[480px] mx-auto my-lg"
+  }, children)));
+});
+const Content = makeDecoratable("ViewContent", ({
+  children
+}) => /*#__PURE__*/React.createElement("div", {
+  className: "relative p-lg pt-md bg-neutral-base rounded-xl"
+}, children));
+const Footer = makeDecoratable("ViewFooter", ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12,
+    className: "text-center mt-lg"
+  }, children));
+});
+const Title = makeDecoratable("ViewTitle", ({
+  title,
+  description
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "mb-md"
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: 4
+  }, capitalize(title)), description && /*#__PURE__*/React.createElement(Text, {
+    as: "div",
+    size: "sm",
+    className: "text-neutral-strong"
+  }, description));
+});
+export const Error = ({
+  title = "Something went wrong",
+  description
+}) => {
+  if (!description) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "mb-lg"
+  }, /*#__PURE__*/React.createElement(Alert, {
+    title: title,
+    type: "danger"
+  }, description));
+};
+export const View = {
+  Container,
+  Content,
+  Title,
+  Footer,
+  Error
+};
+
+//# sourceMappingURL=View.js.map

package/admin/presentation/Cognito/components/View.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","capitalize","Logo","makeDecoratable","Alert","Grid","Heading","Text","Container","children","createElement","className","Content","Footer","Column","span","Title","title","description","level","as","size","Error","type","View"],"sources":["View.tsx"],"sourcesContent":["import * as React from \"react\";\nimport capitalize from \"lodash/capitalize\";\nimport { Logo, makeDecoratable } from \"@webiny/app-admin\";\nimport { Alert, Grid, Heading, Text } from \"@webiny/admin-ui\";\n\nexport interface ContainerProps {\n    children: React.ReactNode;\n}\n\nconst Container = makeDecoratable(\"ViewContainer\", ({ children }: ContainerProps) => {\n    return (\n        <div className={\"w-full h-screen bg-neutral-light flex-1\"}>\n            <section className={\"m-auto flex flex-col justify-center min-h-screen\"}>\n                <div className={\"mx-auto\"}>\n                    <Logo />\n                </div>\n                <div className={\"w-full max-w-[480px] mx-auto my-lg\"}>{children}</div>\n            </section>\n        </div>\n    );\n});\n\nexport interface ContentProps {\n    children: React.ReactNode;\n}\n\nconst Content = makeDecoratable(\"ViewContent\", ({ children }: ContentProps) => (\n    <div className={\"relative p-lg pt-md bg-neutral-base rounded-xl\"}>{children}</div>\n));\n\nexport interface FooterProps {\n    children: React.ReactNode;\n}\n\nconst Footer = makeDecoratable(\"ViewFooter\", ({ children }: FooterProps) => {\n    return (\n        <Grid>\n            <Grid.Column span={12} className={\"text-center mt-lg\"}>\n                {children}\n            </Grid.Column>\n        </Grid>\n    );\n});\n\nexport interface TitleProps {\n    title: string;\n    description?: React.ReactNode;\n}\n\nconst Title = makeDecoratable(\"ViewTitle\", ({ title, description }: TitleProps) => {\n    return (\n        <div className={\"mb-md\"}>\n            <Heading level={4}>{capitalize(title)}</Heading>\n            {description && (\n                <Text as={\"div\"} size={\"sm\"} className={\"text-neutral-strong\"}>\n                    {description}\n                </Text>\n            )}\n        </div>\n    );\n});\n\nexport interface ErrorProps {\n    title?: string;\n    description?: string | null;\n}\n\nexport const Error = ({ title = \"Something went wrong\", description }: ErrorProps) => {\n    if (!description) {\n        return null;\n    }\n\n    return (\n        <div className={\"mb-lg\"}>\n            <Alert title={title} type={\"danger\"}>\n                {description}\n            </Alert>\n        </div>\n    );\n};\n\nexport const View = {\n    Container,\n    Content,\n    Title,\n    Footer,\n    Error\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,UAAU,MAAM,mBAAmB;AAC1C,SAASC,IAAI,EAAEC,eAAe,QAAQ,mBAAmB;AACzD,SAASC,KAAK,EAAEC,IAAI,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAM7D,MAAMC,SAAS,GAAGL,eAAe,CAAC,eAAe,EAAE,CAAC;EAAEM;AAAyB,CAAC,KAAK;EACjF,oBACIT,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAE;EAA0C,gBACtDX,KAAA,CAAAU,aAAA;IAASC,SAAS,EAAE;EAAmD,gBACnEX,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAE;EAAU,gBACtBX,KAAA,CAAAU,aAAA,CAACR,IAAI,MAAE,CACN,CAAC,eACNF,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAE;EAAqC,GAAEF,QAAc,CAChE,CACR,CAAC;AAEd,CAAC,CAAC;AAMF,MAAMG,OAAO,GAAGT,eAAe,CAAC,aAAa,EAAE,CAAC;EAAEM;AAAuB,CAAC,kBACtET,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAE;AAAiD,GAAEF,QAAc,CACpF,CAAC;AAMF,MAAMI,MAAM,GAAGV,eAAe,CAAC,YAAY,EAAE,CAAC;EAAEM;AAAsB,CAAC,KAAK;EACxE,oBACIT,KAAA,CAAAU,aAAA,CAACL,IAAI,qBACDL,KAAA,CAAAU,aAAA,CAACL,IAAI,CAACS,MAAM;IAACC,IAAI,EAAE,EAAG;IAACJ,SAAS,EAAE;EAAoB,GACjDF,QACQ,CACX,CAAC;AAEf,CAAC,CAAC;AAOF,MAAMO,KAAK,GAAGb,eAAe,CAAC,WAAW,EAAE,CAAC;EAAEc,KAAK;EAAEC;AAAwB,CAAC,KAAK;EAC/E,oBACIlB,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAE;EAAQ,gBACpBX,KAAA,CAAAU,aAAA,CAACJ,OAAO;IAACa,KAAK,EAAE;EAAE,GAAElB,UAAU,CAACgB,KAAK,CAAW,CAAC,EAC/CC,WAAW,iBACRlB,KAAA,CAAAU,aAAA,CAACH,IAAI;IAACa,EAAE,EAAE,KAAM;IAACC,IAAI,EAAE,IAAK;IAACV,SAAS,EAAE;EAAsB,GACzDO,WACC,CAET,CAAC;AAEd,CAAC,CAAC;AAOF,OAAO,MAAMI,KAAK,GAAGA,CAAC;EAAEL,KAAK,GAAG,sBAAsB;EAAEC;AAAwB,CAAC,KAAK;EAClF,IAAI,CAACA,WAAW,EAAE;IACd,OAAO,IAAI;EACf;EAEA,oBACIlB,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAE;EAAQ,gBACpBX,KAAA,CAAAU,aAAA,CAACN,KAAK;IAACa,KAAK,EAAEA,KAAM;IAACM,IAAI,EAAE;EAAS,GAC/BL,WACE,CACN,CAAC;AAEd,CAAC;AAED,OAAO,MAAMM,IAAI,GAAG;EAChBhB,SAAS;EACTI,OAAO;EACPI,KAAK;EACLH,MAAM;EACNS;AACJ,CAAC","ignoreList":[]}

package/admin/presentation/Cognito/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const CognitoFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").ICognitoPresenter;
+}, []>;

package/admin/presentation/Cognito/feature.js

@@ -0,0 +1,16 @@
+import { createFeature } from "@webiny/feature/admin";
+import { CognitoPresenter } from "./CognitoPresenter.js";
+import { CognitoPresenter as Presenter } from "./abstractions.js";
+export const CognitoFeature = createFeature({
+  name: "Cognito",
+  register(container) {
+    container.register(CognitoPresenter).inSingletonScope();
+  },
+  resolve(container) {
+    return {
+      presenter: container.resolve(Presenter)
+    };
+  }
+});
+
+//# sourceMappingURL=feature.js.map

package/admin/presentation/Cognito/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createFeature","CognitoPresenter","Presenter","CognitoFeature","name","register","container","inSingletonScope","resolve","presenter"],"sources":["feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { CognitoPresenter } from \"./CognitoPresenter.js\";\nimport { CognitoPresenter as Presenter } from \"./abstractions.js\";\n\nexport const CognitoFeature = createFeature({\n    name: \"Cognito\",\n    register(container) {\n        container.register(CognitoPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(Presenter)\n        };\n    }\n});\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,uBAAuB;AACrD,SAASC,gBAAgB;AACzB,SAASA,gBAAgB,IAAIC,SAAS;AAEtC,OAAO,MAAMC,cAAc,GAAGH,aAAa,CAAC;EACxCI,IAAI,EAAE,SAAS;EACfC,QAAQA,CAACC,SAAS,EAAE;IAChBA,SAAS,CAACD,QAAQ,CAACJ,gBAAgB,CAAC,CAACM,gBAAgB,CAAC,CAAC;EAC3D,CAAC;EACDC,OAAOA,CAACF,SAAS,EAAE;IACf,OAAO;MACHG,SAAS,EAAEH,SAAS,CAACE,OAAO,CAACN,SAAS;IAC1C,CAAC;EACL;AACJ,CAAC,CAAC","ignoreList":[]}

package/admin/presentation/shared/createPasswordValidator.d.ts

@@ -0,0 +1,8 @@
+export interface PasswordPolicy {
+    minimumLength?: number;
+    requireLowercase?: boolean;
+    requireNumbers?: boolean;
+    requireSymbols?: boolean;
+    requireUppercase?: boolean;
+}
+export declare const createPasswordValidator: (policy: PasswordPolicy) => (value?: string) => void;

package/admin/presentation/shared/createPasswordValidator.js

@@ -0,0 +1,27 @@
+import { ValidationError } from "@webiny/validation";
+export const createPasswordValidator = policy => value => {
+  if (!value) {
+    return;
+  }
+  const requireSymbols = /([=+\-^$*.\[\]{}()?"!@#%&/,><':;|_~`])+/;
+  const requireNumber = /[0-9]/;
+  const requireLowercase = /[a-z]/;
+  const requireUppercase = /[A-Z]/;
+  if (policy.minimumLength !== undefined && value.length < policy.minimumLength) {
+    throw new ValidationError(`Value requires at least ${policy.minimumLength} characters.`);
+  }
+  if (policy.requireLowercase && !requireLowercase.test(value)) {
+    throw new ValidationError("Value must contain a lowercase character.");
+  }
+  if (policy.requireNumbers && !requireNumber.test(value)) {
+    throw new ValidationError("Value must contain a number.");
+  }
+  if (policy.requireUppercase && !requireUppercase.test(value)) {
+    throw new ValidationError("Value must contain an uppercase character.");
+  }
+  if (policy.requireSymbols && !requireSymbols.test(value)) {
+    throw new ValidationError("Value must contain a special character.");
+  }
+};
+
+//# sourceMappingURL=createPasswordValidator.js.map

package/admin/presentation/shared/createPasswordValidator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ValidationError","createPasswordValidator","policy","value","requireSymbols","requireNumber","requireLowercase","requireUppercase","minimumLength","undefined","length","test","requireNumbers"],"sources":["createPasswordValidator.ts"],"sourcesContent":["import { ValidationError } from \"@webiny/validation\";\n\nexport interface PasswordPolicy {\n    minimumLength?: number;\n    requireLowercase?: boolean;\n    requireNumbers?: boolean;\n    requireSymbols?: boolean;\n    requireUppercase?: boolean;\n}\n\nexport const createPasswordValidator =\n    (policy: PasswordPolicy) =>\n    (value?: string): void => {\n        if (!value) {\n            return;\n        }\n\n        const requireSymbols = /([=+\\-^$*.\\[\\]{}()?\"!@#%&/,><':;|_~`])+/;\n        const requireNumber = /[0-9]/;\n        const requireLowercase = /[a-z]/;\n        const requireUppercase = /[A-Z]/;\n\n        if (policy.minimumLength !== undefined && value.length < policy.minimumLength) {\n            throw new ValidationError(\n                `Value requires at least ${policy.minimumLength} characters.`\n            );\n        }\n\n        if (policy.requireLowercase && !requireLowercase.test(value)) {\n            throw new ValidationError(\"Value must contain a lowercase character.\");\n        }\n\n        if (policy.requireNumbers && !requireNumber.test(value)) {\n            throw new ValidationError(\"Value must contain a number.\");\n        }\n\n        if (policy.requireUppercase && !requireUppercase.test(value)) {\n            throw new ValidationError(\"Value must contain an uppercase character.\");\n        }\n\n        if (policy.requireSymbols && !requireSymbols.test(value)) {\n            throw new ValidationError(\"Value must contain a special character.\");\n        }\n    };\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAUpD,OAAO,MAAMC,uBAAuB,GAC/BC,MAAsB,IACtBC,KAAc,IAAW;EACtB,IAAI,CAACA,KAAK,EAAE;IACR;EACJ;EAEA,MAAMC,cAAc,GAAG,yCAAyC;EAChE,MAAMC,aAAa,GAAG,OAAO;EAC7B,MAAMC,gBAAgB,GAAG,OAAO;EAChC,MAAMC,gBAAgB,GAAG,OAAO;EAEhC,IAAIL,MAAM,CAACM,aAAa,KAAKC,SAAS,IAAIN,KAAK,CAACO,MAAM,GAAGR,MAAM,CAACM,aAAa,EAAE;IAC3E,MAAM,IAAIR,eAAe,CACrB,2BAA2BE,MAAM,CAACM,aAAa,cACnD,CAAC;EACL;EAEA,IAAIN,MAAM,CAACI,gBAAgB,IAAI,CAACA,gBAAgB,CAACK,IAAI,CAACR,KAAK,CAAC,EAAE;IAC1D,MAAM,IAAIH,eAAe,CAAC,2CAA2C,CAAC;EAC1E;EAEA,IAAIE,MAAM,CAACU,cAAc,IAAI,CAACP,aAAa,CAACM,IAAI,CAACR,KAAK,CAAC,EAAE;IACrD,MAAM,IAAIH,eAAe,CAAC,8BAA8B,CAAC;EAC7D;EAEA,IAAIE,MAAM,CAACK,gBAAgB,IAAI,CAACA,gBAAgB,CAACI,IAAI,CAACR,KAAK,CAAC,EAAE;IAC1D,MAAM,IAAIH,eAAe,CAAC,4CAA4C,CAAC;EAC3E;EAEA,IAAIE,MAAM,CAACE,cAAc,IAAI,CAACA,cAAc,CAACO,IAAI,CAACR,KAAK,CAAC,EAAE;IACtD,MAAM,IAAIH,eAAe,CAAC,yCAAyC,CAAC;EACxE;AACJ,CAAC","ignoreList":[]}

package/admin/presentation/shared/usePasswordValidator.d.ts

@@ -0,0 +1 @@
+export declare function usePasswordValidator(): (value?: string) => void;

package/admin/presentation/shared/usePasswordValidator.js

@@ -0,0 +1,15 @@
+import { config as appConfig } from "@webiny/app/config.js";
+import { useMemo } from "react";
+import { createPasswordValidator } from "./createPasswordValidator.js";
+export function usePasswordValidator() {
+  let envPasswordValidatorPolicy;
+  try {
+    envPasswordValidatorPolicy = JSON.parse(process.env.REACT_APP_USER_POOL_PASSWORD_POLICY);
+  } catch {
+    // Do nothing.
+  }
+  const passwordValidatorPolicy = appConfig.getKey("USER_POOL_PASSWORD_POLICY", envPasswordValidatorPolicy);
+  return useMemo(() => createPasswordValidator(passwordValidatorPolicy), [passwordValidatorPolicy]);
+}
+
+//# sourceMappingURL=usePasswordValidator.js.map

package/admin/presentation/shared/usePasswordValidator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["config","appConfig","useMemo","createPasswordValidator","usePasswordValidator","envPasswordValidatorPolicy","JSON","parse","process","env","REACT_APP_USER_POOL_PASSWORD_POLICY","passwordValidatorPolicy","getKey"],"sources":["usePasswordValidator.ts"],"sourcesContent":["import { config as appConfig } from \"@webiny/app/config.js\";\nimport { useMemo } from \"react\";\nimport { createPasswordValidator, type PasswordPolicy } from \"./createPasswordValidator.js\";\n\nexport function usePasswordValidator() {\n    let envPasswordValidatorPolicy;\n    try {\n        envPasswordValidatorPolicy = JSON.parse(\n            process.env.REACT_APP_USER_POOL_PASSWORD_POLICY as string\n        );\n    } catch {\n        // Do nothing.\n    }\n\n    const passwordValidatorPolicy = appConfig.getKey<PasswordPolicy>(\n        \"USER_POOL_PASSWORD_POLICY\",\n        envPasswordValidatorPolicy\n    );\n\n    return useMemo(\n        () => createPasswordValidator(passwordValidatorPolicy),\n        [passwordValidatorPolicy]\n    );\n}\n"],"mappings":"AAAA,SAASA,MAAM,IAAIC,SAAS,QAAQ,uBAAuB;AAC3D,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,uBAAuB;AAEhC,OAAO,SAASC,oBAAoBA,CAAA,EAAG;EACnC,IAAIC,0BAA0B;EAC9B,IAAI;IACAA,0BAA0B,GAAGC,IAAI,CAACC,KAAK,CACnCC,OAAO,CAACC,GAAG,CAACC,mCAChB,CAAC;EACL,CAAC,CAAC,MAAM;IACJ;EAAA;EAGJ,MAAMC,uBAAuB,GAAGV,SAAS,CAACW,MAAM,CAC5C,2BAA2B,EAC3BP,0BACJ,CAAC;EAED,OAAOH,OAAO,CACV,MAAMC,uBAAuB,CAACQ,uBAAuB,CAAC,EACtD,CAACA,uBAAuB,CAC5B,CAAC;AACL","ignoreList":[]}