@webiny/cognito 6.3.0 → 6.4.0-beta.1

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

@@ -1,79 +1,78 @@
-import React from "react";
-import { Button, Grid, Input, Alert } from "@webiny/admin-ui";
-import { Form, Bind, useForm } from "@webiny/form";
+import react from "react";
+import { Alert, Button, Grid, Input } from "@webiny/admin-ui";
+import { Bind, Form, 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 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"
-  }));
+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"
+    }));
 };
+export { SetNewPassword };
 
 //# sourceMappingURL=SetNewPassword.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"admin/presentation/Cognito/components/SetNewPassword.js","sources":["../../../../../src/admin/presentation/Cognito/components/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"],"names":["SetNewPassword","props","vm","onSetNewPassword","onCancel","passwordValidator","usePasswordValidator","View","Form","data","submit","Alert","Grid","Bind","validation","Input","RetypePassword","FooterSignIn","Button","form","useForm","matchOriginalValidator","value","Error"],"mappings":";;;;;;;AAeO,MAAMA,iBAAiB,CAACC;IAC3B,MAAM,EAAEC,EAAE,EAAEC,gBAAgB,EAAEC,QAAQ,EAAE,GAAGH;IAC3C,MAAMI,oBAAoBC;IAE1B,OAAO,WAAP,GACI,oBAACC,KAAK,SAAS,sBACX,oBAACC,MAAIA;QACD,UAAU,CAACC,OAAcN,iBAAiBM,KAAK,IAAI,EAAEA,KAAK,QAAQ;QAClE;OAEC,CAAC,EAAEC,MAAM,EAAE,iBACR,oBAACH,KAAK,OAAO,sBACT,oBAACA,KAAK,KAAK;YAAC,OAAO;YAElBL,GAAG,OAAO,IAAI,WAAJ,GACP,oBAAC;YAAI,WAAW;yBACZ,oBAACS,OAAKA;YAAC,OAAOT,GAAG,OAAO,CAAC,KAAK;YAAE,MAAMA,GAAG,OAAO,CAAC,IAAI;WAChDA,GAAG,OAAO,CAAC,IAAI,kBAK5B,oBAACU,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,MAAIA;YAAC,MAAK;YAAO,YAAYC,WAAW,MAAM,CAAC;yBAC5C,oBAACC,OAAKA;YACF,OAAO;YACP,aAAa;YACb,cAAc;4BAI1B,oBAACH,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,MAAIA;YACD,MAAK;YACL,YAAY;gBAACC,WAAW,MAAM,CAAC;gBAAaT;aAAkB;yBAE9D,oBAACU,OAAKA;YACF,MAAM;YACN,OAAO;YACP,aAAa;YACb,cAAc;4BAI1B,oBAACH,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACI,gBAAcA,QAAAA,WAAAA,GAEnB,oBAACJ,KAAK,MAAM;YAAC,MAAM;yBACf,oBAAC;YAAI,WAAW;yBACZ,oBAACK,cAAYA;YAAC,UAAUb;0BACxB,oBAACc,QAAMA;YACH,MAAM;YACN,SAASR;YACT,oBAAoB;YACpB,UAAUR,GAAG,SAAS;;AAU9D;AAEA,MAAMc,iBAAiB;IACnB,MAAMG,OAAOC;IACb,MAAMC,yBAAyB,CAACC;QAC5B,IAAIA,UAAUH,KAAK,QAAQ,CAAC,aACxB,MAAMI,MAAM;IAEpB;IAEA,OAAO,WAAP,GACI,oBAACV,MAAIA;QACD,MAAK;QACL,YAAY;YAACC,WAAW,MAAM,CAAC;YAAaO;SAAuB;qBAEnE,oBAACN,OAAKA;QACF,MAAM;QACN,OAAO;QACP,aAAa;QACb,cAAc;;AAI9B"}

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

@@ -1,64 +1,57 @@
-import React from "react";
-import { Grid, Input, Alert, Link, Button, Text, OverlayLoader } from "@webiny/admin-ui";
-import { Form, Bind } from "@webiny/form";
+import react from "react";
+import { Alert, Button, Grid, Input, Link, OverlayLoader, Text } from "@webiny/admin-ui";
+import { Bind, Form } 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?"))))))));
+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?"))))))));
 };
+export { SignIn };
 
 //# sourceMappingURL=SignIn.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"admin/presentation/Cognito/components/SignIn.js","sources":["../../../../../src/admin/presentation/Cognito/components/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"],"names":["SignIn","props","vm","onSubmit","onForgotPassword","title","description","View","Form","data","submit","OverlayLoader","Alert","Grid","Bind","validation","val","cb","Input","Button","Text","Link"],"mappings":";;;;;AAeO,MAAMA,SAAS,CAACC;IACnB,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,gBAAgB,EAAEC,QAAQ,SAAS,EAAEC,WAAW,EAAE,GAAGL;IAE3E,OAAO,WAAP,GACI,oBAACM,KAAK,SAAS,sBACX,oBAACC,MAAIA;QAAC,UAAU,CAACC,OAAcN,SAASM,KAAK,QAAQ,EAAEA,KAAK,QAAQ;QAAG;OAClE,CAAC,EAAEC,MAAM,EAAE,iBACR,oBAACH,KAAK,OAAO,QACRL,GAAG,SAAS,GAAG,WAAH,GAAG,oBAACS,eAAaA;YAAC,MAAM;aAA0B,oBAC/D,oBAACJ,KAAK,KAAK;YAAC,OAAOF;YAAO,aAAaC;YAEtCJ,GAAG,OAAO,IAAI,WAAJ,GACP,oBAAC;YAAI,WAAW;yBACZ,oBAACU,OAAKA;YAAC,OAAOV,GAAG,OAAO,CAAC,KAAK;YAAE,MAAMA,GAAG,OAAO,CAAC,IAAI;WAChDA,GAAG,OAAO,CAAC,IAAI,kBAK5B,oBAACW,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,MAAIA;YACD,MAAK;YACL,YAAYC,WAAW,MAAM,CAAC;YAC9B,cAAc,CAACC,KAAaC,KACxBA,GAAGD,IAAI,WAAW;yBAGtB,oBAACE,OAAKA;YAAC,OAAO;4BAGtB,oBAACL,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,MAAIA;YAAC,MAAK;YAAW,YAAYC,WAAW,MAAM,CAAC;yBAChD,oBAACG,OAAKA;YACF,MAAM;YACN,OAAO;YACP,cAAc;4BAI1B,oBAACL,KAAK,MAAM;YAAC,MAAM;yBACf,oBAAC;YACG,WAAW;yBAEX,oBAACM,QAAMA;YACH,MAAM;YACN,eAAY;YACZ,SAAST;YACT,UAAUR,GAAG,SAAS;0BAE1B,oBAACkB,MAAIA;YAAC,IAAI;YAAO,MAAM;yBACnB,oBAACC,MAAIA;YAAC,IAAG;YAAI,SAASjB;WAAkB;AAYhF"}

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

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

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

@@ -1 +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":[]}
+{"version":3,"file":"admin/presentation/Cognito/components/View.js","sources":["../../../../../src/admin/presentation/Cognito/components/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"],"names":["Container","makeDecoratable","children","Logo","Content","Footer","Grid","Title","title","description","Heading","capitalize","Text","Error","Alert","View"],"mappings":";;;;AASA,MAAMA,YAAYC,gBAAgB,iBAAiB,CAAC,EAAEC,QAAQ,EAAkB,GACrE,WAAP,GACI,sCAAC;QAAI,WAAW;qBACZ,sCAAC;QAAQ,WAAW;qBAChB,sCAAC;QAAI,WAAW;qBACZ,sCAACC,MAAIA,QAAAA,WAAAA,GAET,sCAAC;QAAI,WAAW;OAAuCD;AAUvE,MAAME,UAAUH,gBAAgB,eAAe,CAAC,EAAEC,QAAQ,EAAgB,iBACtE,sCAAC;QAAI,WAAW;OAAmDA;AAOvE,MAAMG,SAASJ,gBAAgB,cAAc,CAAC,EAAEC,QAAQ,EAAe,GAC5D,WAAP,GACI,sCAACI,MAAIA,MAAAA,WAAAA,GACD,sCAACA,KAAK,MAAM;QAAC,MAAM;QAAI,WAAW;OAC7BJ;AAWjB,MAAMK,QAAQN,gBAAgB,aAAa,CAAC,EAAEO,KAAK,EAAEC,WAAW,EAAc,GACnE,WAAP,GACI,sCAAC;QAAI,WAAW;qBACZ,sCAACC,SAAOA;QAAC,OAAO;OAAIC,WAAWH,SAC9BC,eAAe,WAAfA,GACG,sCAACG,MAAIA;QAAC,IAAI;QAAO,MAAM;QAAM,WAAW;OACnCH;AAYd,MAAMI,QAAQ,CAAC,EAAEL,QAAQ,sBAAsB,EAAEC,WAAW,EAAc;IAC7E,IAAI,CAACA,aACD,OAAO;IAGX,OAAO,WAAP,GACI,sCAAC;QAAI,WAAW;qBACZ,sCAACK,OAAKA;QAAC,OAAON;QAAO,MAAM;OACtBC;AAIjB;AAEO,MAAMM,OAAO;IAChBf,WAAAA;IACAI,SAAAA;IACAG,OAAAA;IACAF,QAAAA;IACAQ,OAAAA;AACJ"}

package/admin/presentation/Cognito/feature.js

@@ -1,16 +1,17 @@
 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)
-    };
-  }
+import { CognitoPresenter as external_abstractions_js_CognitoPresenter } from "./abstractions.js";
+const CognitoFeature = createFeature({
+    name: "Cognito",
+    register (container) {
+        container.register(CognitoPresenter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(external_abstractions_js_CognitoPresenter)
+        };
+    }
 });
+export { CognitoFeature };
 
 //# sourceMappingURL=feature.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"admin/presentation/Cognito/feature.js","sources":["../../../../src/admin/presentation/Cognito/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"],"names":["CognitoFeature","createFeature","container","CognitoPresenter","Presenter"],"mappings":";;;AAIO,MAAMA,iBAAiBC,cAAc;IACxC,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,kBAAkB,gBAAgB;IACzD;IACA,SAAQD,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACE;QACjC;IACJ;AACJ"}

package/admin/presentation/shared/createPasswordValidator.js

@@ -1,27 +1,16 @@
 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.");
-  }
-};
+const createPasswordValidator = (policy)=>(value)=>{
+        if (!value) return;
+        const requireSymbols = /([=+\-^$*.[\]{}()?"!@#%&/,><':;|_~`])+/;
+        const requireNumber = /[0-9]/;
+        const requireLowercase = /[a-z]/;
+        const requireUppercase = /[A-Z]/;
+        if (void 0 !== policy.minimumLength && 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.");
+    };
+export { createPasswordValidator };
 
 //# sourceMappingURL=createPasswordValidator.js.map