@webiny/cognito 6.4.4-beta.3 → 6.4.4-beta.5

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

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/Cognito/components/RequestPasswordResetCode.js","sources":["../../../../../src/admin/presentation/Cognito/components/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"],"names":["RequestPasswordResetCode","props","vm","actions","View","Form","data","submit","Alert","Grid","Bind","validation","Input","Button","FooterSignIn"],"mappings":";;;;;;AAcO,MAAMA,2BAA2B,CAACC;IACrC,MAAM,EAAEC,EAAE,EAAE,GAAGC,SAAS,GAAGF;IAE3B,OAAO,WAAP,GACI,oBAACG,KAAK,SAAS,sBACX,oBAACC,MAAIA;QAAC,UAAU,CAACC,OAAcH,QAAQ,aAAa,CAACG,KAAK,QAAQ;QAAG;OAChE,CAAC,EAAEC,MAAM,EAAE,iBACR,oBAACH,KAAK,OAAO,sBACT,oBAACA,KAAK,KAAK;YACP,OAAO;YACP,aAAa;YAGhBF,GAAG,OAAO,IAAI,WAAJ,GACP,oBAAC;YAAI,WAAW;yBACZ,oBAACM,OAAKA;YAAC,OAAON,GAAG,OAAO,CAAC,KAAK;YAAE,MAAMA,GAAG,OAAO,CAAC,IAAI;WAChDA,GAAG,OAAO,CAAC,IAAI,kBAK5B,oBAACO,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,MAAIA;YACD,MAAK;YACL,YAAYC,WAAW,MAAM,CAAC;yBAE9B,oBAACC,OAAKA;YAAC,OAAO;4BAGtB,oBAACH,KAAK,MAAM;YAAC,MAAM;yBACf,oBAAC;YACG,WAAW;yBAEX,oBAACI,QAAMA;YACH,MAAM;YACN,SAASN;YACT,UAAUL,GAAG,SAAS;0BAE1B,oBAACY,cAAYA;YAAC,UAAUX,QAAQ,QAAQ;;AAS5E"}
+{"version":3,"file":"admin/presentation/Cognito/components/RequestPasswordResetCode.js","sources":["../../../../../src/admin/presentation/Cognito/components/RequestPasswordResetCode.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, Grid, Input, Alert } from \"@webiny/admin-ui\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\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 = makeDecoratable(\n    \"CognitoRequestPasswordResetCode\",\n    (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={\n                                            \"flex flex-row-reverse items-center justify-between\"\n                                        }\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);\n"],"names":["RequestPasswordResetCode","makeDecoratable","props","vm","actions","View","Form","data","submit","Alert","Grid","Bind","validation","Input","Button","FooterSignIn"],"mappings":";;;;;;;AAeO,MAAMA,2BAA2BC,gBACpC,mCACA,CAACC;IACG,MAAM,EAAEC,EAAE,EAAE,GAAGC,SAAS,GAAGF;IAE3B,OAAO,WAAP,GACI,oBAACG,KAAK,SAAS,sBACX,oBAACC,MAAIA;QAAC,UAAU,CAACC,OAAcH,QAAQ,aAAa,CAACG,KAAK,QAAQ;QAAG;OAChE,CAAC,EAAEC,MAAM,EAAE,iBACR,oBAACH,KAAK,OAAO,sBACT,oBAACA,KAAK,KAAK;YACP,OAAO;YACP,aAAa;YAGhBF,GAAG,OAAO,IAAI,WAAJ,GACP,oBAAC;YAAI,WAAW;yBACZ,oBAACM,OAAKA;YAAC,OAAON,GAAG,OAAO,CAAC,KAAK;YAAE,MAAMA,GAAG,OAAO,CAAC,IAAI;WAChDA,GAAG,OAAO,CAAC,IAAI,kBAK5B,oBAACO,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,MAAIA;YACD,MAAK;YACL,YAAYC,WAAW,MAAM,CAAC;yBAE9B,oBAACC,OAAKA;YAAC,OAAO;4BAGtB,oBAACH,KAAK,MAAM;YAAC,MAAM;yBACf,oBAAC;YACG,WACI;yBAGJ,oBAACI,QAAMA;YACH,MAAM;YACN,SAASN;YACT,UAAUL,GAAG,SAAS;0BAE1B,oBAACY,cAAYA;YAAC,UAAUX,QAAQ,QAAQ;;AAS5E"}

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

@@ -5,4 +5,22 @@ export interface RequireNewPasswordProps {
     onSubmit: (password: string, attributes: any) => void;
     onCancel: () => void;
 }
-export declare const RequireNewPassword: (props: RequireNewPasswordProps) => React.JSX.Element;
+export declare const RequireNewPassword: ((props: RequireNewPasswordProps) => React.JSX.Element) & {
+    original: (props: RequireNewPasswordProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: RequireNewPasswordProps) => React.JSX.Element) & {
+        original: (props: RequireNewPasswordProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: RequireNewPasswordProps) => React.JSX.Element) & {
+        original: (props: RequireNewPasswordProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

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

@@ -1,5 +1,6 @@
 import react from "react";
 import { Button, Grid, Heading, Input } from "@webiny/admin-ui";
+import { makeDecoratable } from "@webiny/app-admin";
 import { Bind, Form } from "@webiny/form";
 import { validation } from "@webiny/validation";
 import { View } from "./View.js";
@@ -7,7 +8,7 @@ const sentenceCase = (str)=>{
     const lower = str.toLowerCase();
     return lower[0].toUpperCase() + lower.substring(1);
 };
-const RequireNewPassword = (props)=>{
+const RequireNewPassword = makeDecoratable("CognitoRequireNewPassword", (props)=>{
     const { vm, onSubmit } = props;
     return /*#__PURE__*/ react.createElement(View.Container, null, /*#__PURE__*/ react.createElement(Form, {
         onSubmit: (data)=>onSubmit(data.password, data.requiredAttributes),
@@ -45,7 +46,7 @@ const RequireNewPassword = (props)=>{
             size: "lg",
             disabled: vm.isLoading
         })))))));
-};
+});
 export { RequireNewPassword };
 
 //# sourceMappingURL=RequireNewPassword.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/Cognito/components/RequireNewPassword.js","sources":["../../../../../src/admin/presentation/Cognito/components/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"],"names":["sentenceCase","str","lower","RequireNewPassword","props","vm","onSubmit","View","Form","data","submit","Grid","Bind","validation","Input","Heading","attr","Button"],"mappings":";;;;;AAOA,MAAMA,eAAe,CAACC;IAClB,MAAMC,QAAQD,IAAI,WAAW;IAC7B,OAAOC,KAAK,CAAC,EAAE,CAAC,WAAW,KAAKA,MAAM,SAAS,CAAC;AACpD;AAaO,MAAMC,qBAAqB,CAACC;IAC/B,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAE,GAAGF;IAEzB,OAAO,WAAP,GACI,oBAACG,KAAK,SAAS,sBACX,oBAACC,MAAIA;QACD,UAAUC,CAAAA,OAAQH,SAASG,KAAK,QAAQ,EAAEA,KAAK,kBAAkB;QACjE;OAEC,CAAC,EAAEC,MAAM,EAAE,iBACR,oBAACH,KAAK,OAAO,sBACT,oBAACA,KAAK,KAAK;YAAC,OAAO;0BACnB,oBAACI,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,MAAIA;YAAC,MAAK;YAAW,YAAYC,WAAW,MAAM,CAAC;yBAChD,oBAACC,OAAKA;YACF,MAAM;YACN,OAAO;YACP,cAAc;cAKzBT,GAAG,kBAAkB,CAAC,MAAM,GAAG,IAAI,WAAJ,GAC5B,wDACI,oBAACM,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACI,SAAOA;YAAC,OAAO;YAAG,WAAW;WAAe,yCAIhDV,GAAG,kBAAkB,CAAC,GAAG,CAACW,CAAAA,OAAAA,WAAAA,GACvB,oBAACL,KAAK,MAAM;gBAAC,KAAKK;gBAAM,MAAM;6BAC1B,oBAACJ,MAAIA;gBAAC,MAAM,CAAC,mBAAmB,EAAEI,MAAM;6BACpC,oBAACF,OAAKA;gBAAC,OAAOd,aAAagB;mCAM3C,yDAGJ,oBAACL,KAAK,MAAM;YAAC,MAAM;yBACf,oBAAC;YACG,WAAW;yBAEX,oBAACM,QAAMA;YACH,MAAM;YACN,SAASP;YACT,MAAK;YACL,UAAUL,GAAG,SAAS;;AAU9D"}
+{"version":3,"file":"admin/presentation/Cognito/components/RequireNewPassword.js","sources":["../../../../../src/admin/presentation/Cognito/components/RequireNewPassword.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, Grid, Heading, Input } from \"@webiny/admin-ui\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\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 = makeDecoratable(\n    \"CognitoRequireNewPassword\",\n    (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\n                                        name=\"password\"\n                                        validators={validation.create(\"required\")}\n                                    >\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={\n                                            \"flex flex-row-reverse items-center justify-between\"\n                                        }\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);\n"],"names":["sentenceCase","str","lower","RequireNewPassword","makeDecoratable","props","vm","onSubmit","View","Form","data","submit","Grid","Bind","validation","Input","Heading","attr","Button"],"mappings":";;;;;;AAQA,MAAMA,eAAe,CAACC;IAClB,MAAMC,QAAQD,IAAI,WAAW;IAC7B,OAAOC,KAAK,CAAC,EAAE,CAAC,WAAW,KAAKA,MAAM,SAAS,CAAC;AACpD;AAaO,MAAMC,qBAAqBC,gBAC9B,6BACA,CAACC;IACG,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAE,GAAGF;IAEzB,OAAO,WAAP,GACI,oBAACG,KAAK,SAAS,sBACX,oBAACC,MAAIA;QACD,UAAUC,CAAAA,OAAQH,SAASG,KAAK,QAAQ,EAAEA,KAAK,kBAAkB;QACjE;OAEC,CAAC,EAAEC,MAAM,EAAE,iBACR,oBAACH,KAAK,OAAO,sBACT,oBAACA,KAAK,KAAK;YAAC,OAAO;0BACnB,oBAACI,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,MAAIA;YACD,MAAK;YACL,YAAYC,WAAW,MAAM,CAAC;yBAE9B,oBAACC,OAAKA;YACF,MAAM;YACN,OAAO;YACP,cAAc;cAKzBT,GAAG,kBAAkB,CAAC,MAAM,GAAG,IAAI,WAAJ,GAC5B,wDACI,oBAACM,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACI,SAAOA;YAAC,OAAO;YAAG,WAAW;WAAe,yCAIhDV,GAAG,kBAAkB,CAAC,GAAG,CAACW,CAAAA,OAAAA,WAAAA,GACvB,oBAACL,KAAK,MAAM;gBAAC,KAAKK;gBAAM,MAAM;6BAC1B,oBAACJ,MAAIA;gBAAC,MAAM,CAAC,mBAAmB,EAAEI,MAAM;6BACpC,oBAACF,OAAKA;gBAAC,OAAOf,aAAaiB;mCAM3C,yDAGJ,oBAACL,KAAK,MAAM;YAAC,MAAM;yBACf,oBAAC;YACG,WACI;yBAGJ,oBAACM,QAAMA;YACH,MAAM;YACN,SAASP;YACT,MAAK;YACL,UAAUL,GAAG,SAAS;;AAU9D"}

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

@@ -5,4 +5,22 @@ export interface SetNewPasswordProps {
     onSetNewPassword: (code: string, password: string) => void;
     onCancel: () => void;
 }
-export declare const SetNewPassword: (props: SetNewPasswordProps) => React.JSX.Element;
+export declare const SetNewPassword: ((props: SetNewPasswordProps) => React.JSX.Element) & {
+    original: (props: SetNewPasswordProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: SetNewPasswordProps) => React.JSX.Element) & {
+        original: (props: SetNewPasswordProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: SetNewPasswordProps) => React.JSX.Element) & {
+        original: (props: SetNewPasswordProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

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

@@ -1,11 +1,12 @@
 import react from "react";
 import { Alert, Button, Grid, Input } from "@webiny/admin-ui";
+import { makeDecoratable } from "@webiny/app-admin";
 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";
-const SetNewPassword = (props)=>{
+const SetNewPassword = makeDecoratable("CognitoSetNewPassword", (props)=>{
     const { vm, onSetNewPassword, onCancel } = props;
     const passwordValidator = usePasswordValidator();
     return /*#__PURE__*/ react.createElement(View.Container, null, /*#__PURE__*/ react.createElement(Form, {
@@ -54,7 +55,7 @@ const SetNewPassword = (props)=>{
             containerClassName: "ml-auto",
             disabled: vm.isLoading
         })))))));
-};
+});
 const RetypePassword = ()=>{
     const form = useForm();
     const matchOriginalValidator = (value)=>{

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

@@ -1 +1 @@
-{"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"}
+{"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 { makeDecoratable } from \"@webiny/app-admin\";\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 = makeDecoratable(\n    \"CognitoSetNewPassword\",\n    (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={[\n                                            validation.create(\"required\"),\n                                            passwordValidator\n                                        ]}\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);\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","makeDecoratable","props","vm","onSetNewPassword","onCancel","passwordValidator","usePasswordValidator","View","Form","data","submit","Alert","Grid","Bind","validation","Input","RetypePassword","FooterSignIn","Button","form","useForm","matchOriginalValidator","value","Error"],"mappings":";;;;;;;;AAgBO,MAAMA,iBAAiBC,gBAC1B,yBACA,CAACC;IACG,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;gBACRC,WAAW,MAAM,CAAC;gBAClBT;aACH;yBAED,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;AAGJ,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/SetupTotp.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import type { SetupTotpVM } from "../../../../admin/presentation/Cognito/abstractions.js";
+export interface SetupTotpProps {
+    vm: SetupTotpVM;
+    onSubmit: (code: string) => void;
+}
+export declare const SetupTotp: ((props: SetupTotpProps) => React.JSX.Element) & {
+    original: (props: SetupTotpProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: SetupTotpProps) => React.JSX.Element) & {
+        original: (props: SetupTotpProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: SetupTotpProps) => React.JSX.Element) & {
+        original: (props: SetupTotpProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

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

@@ -0,0 +1,60 @@
+import react from "react";
+import { Alert, Button, Grid, Input, Text } from "@webiny/admin-ui";
+import { makeDecoratable } from "@webiny/app-admin";
+import { Bind, Form } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { View } from "./View.js";
+const SetupTotp = makeDecoratable("CognitoSetupTotp", (props)=>{
+    const { vm, onSubmit } = props;
+    return /*#__PURE__*/ react.createElement(View.Container, null, /*#__PURE__*/ react.createElement(Form, {
+        onSubmit: (data)=>onSubmit(data.code),
+        submitOnEnter: true
+    }, ({ submit })=>/*#__PURE__*/ react.createElement(View.Content, null, /*#__PURE__*/ react.createElement(View.Title, {
+            title: "Set up two-factor authentication",
+            description: "Scan the QR code with your authenticator app (Google Authenticator, Authy, etc.), then enter the 6-digit code to verify."
+        }), 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("div", {
+            className: "flex justify-center my-md"
+        }, /*#__PURE__*/ react.createElement("img", {
+            src: `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(vm.qrCodeUri)}`,
+            alt: "TOTP QR Code",
+            width: 200,
+            height: 200
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Text, {
+            size: "sm",
+            className: "text-neutral-strong"
+        }, "Can't scan the code? Enter this key manually:"), /*#__PURE__*/ react.createElement(Text, {
+            as: "div",
+            size: "sm",
+            className: "font-mono mt-xs select-all break-all"
+        }, vm.sharedSecret)), /*#__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 6-digit code from your authenticator app.",
+            autoComplete: "one-time-code",
+            inputMode: "numeric"
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement("div", {
+            className: "flex justify-end"
+        }, /*#__PURE__*/ react.createElement(Button, {
+            text: "Verify & Enable",
+            onClick: submit,
+            disabled: vm.isLoading
+        })))))));
+});
+export { SetupTotp };
+
+//# sourceMappingURL=SetupTotp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/Cognito/components/SetupTotp.js","sources":["../../../../../src/admin/presentation/Cognito/components/SetupTotp.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, Grid, Input, Alert, Text } from \"@webiny/admin-ui\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Form, Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { View } from \"./View.js\";\nimport type { SetupTotpVM } from \"~/admin/presentation/Cognito/abstractions.js\";\n\nexport interface SetupTotpProps {\n    vm: SetupTotpVM;\n    onSubmit: (code: string) => void;\n}\n\nexport const SetupTotp = makeDecoratable(\"CognitoSetupTotp\", (props: SetupTotpProps) => {\n    const { vm, onSubmit } = props;\n\n    return (\n        <View.Container>\n            <Form<{ code: string }> onSubmit={data => onSubmit(data.code)} submitOnEnter>\n                {({ submit }) => (\n                    <View.Content>\n                        <View.Title\n                            title={\"Set up two-factor authentication\"}\n                            description={\n                                \"Scan the QR code with your authenticator app (Google Authenticator, Authy, etc.), then enter the 6-digit code to verify.\"\n                            }\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                                <div className={\"flex justify-center my-md\"}>\n                                    <img\n                                        src={`https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(vm.qrCodeUri)}`}\n                                        alt={\"TOTP QR Code\"}\n                                        width={200}\n                                        height={200}\n                                    />\n                                </div>\n                            </Grid.Column>\n                            <Grid.Column span={12}>\n                                <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                                    {\"Can't scan the code? Enter this key manually:\"}\n                                </Text>\n                                <Text\n                                    as={\"div\"}\n                                    size={\"sm\"}\n                                    className={\"font-mono mt-xs select-all break-all\"}\n                                >\n                                    {vm.sharedSecret}\n                                </Text>\n                            </Grid.Column>\n                            <Grid.Column span={12}>\n                                <Bind name=\"code\" validators={validation.create(\"required\")}>\n                                    <Input\n                                        label={\"Verification Code\"}\n                                        description={\n                                            \"Enter the 6-digit code from your authenticator app.\"\n                                        }\n                                        autoComplete={\"one-time-code\"}\n                                        inputMode={\"numeric\"}\n                                    />\n                                </Bind>\n                            </Grid.Column>\n                            <Grid.Column span={12}>\n                                <div className={\"flex justify-end\"}>\n                                    <Button\n                                        text={\"Verify & Enable\"}\n                                        onClick={submit}\n                                        disabled={vm.isLoading}\n                                    />\n                                </div>\n                            </Grid.Column>\n                        </Grid>\n                    </View.Content>\n                )}\n            </Form>\n        </View.Container>\n    );\n});\n"],"names":["SetupTotp","makeDecoratable","props","vm","onSubmit","View","Form","data","submit","Alert","Grid","encodeURIComponent","Text","Bind","validation","Input","Button"],"mappings":";;;;;;AAaO,MAAMA,YAAYC,gBAAgB,oBAAoB,CAACC;IAC1D,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAE,GAAGF;IAEzB,OAAO,WAAP,GACI,oBAACG,KAAK,SAAS,sBACX,oBAACC,MAAIA;QAAmB,UAAUC,CAAAA,OAAQH,SAASG,KAAK,IAAI;QAAG;OAC1D,CAAC,EAAEC,MAAM,EAAE,iBACR,oBAACH,KAAK,OAAO,sBACT,oBAACA,KAAK,KAAK;YACP,OAAO;YACP,aACI;YAIPF,GAAG,OAAO,IAAI,WAAJ,GACP,oBAAC;YAAI,WAAW;yBACZ,oBAACM,OAAKA;YAAC,OAAON,GAAG,OAAO,CAAC,KAAK;YAAE,MAAMA,GAAG,OAAO,CAAC,IAAI;WAChDA,GAAG,OAAO,CAAC,IAAI,kBAK5B,oBAACO,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;YAAC,MAAM;yBACf,oBAAC;YAAI,WAAW;yBACZ,oBAAC;YACG,KAAK,CAAC,8DAA8D,EAAEC,mBAAmBR,GAAG,SAAS,GAAG;YACxG,KAAK;YACL,OAAO;YACP,QAAQ;4BAIpB,oBAACO,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACE,MAAIA;YAAC,MAAM;YAAM,WAAW;WACxB,gEAEL,oBAACA,MAAIA;YACD,IAAI;YACJ,MAAM;YACN,WAAW;WAEVT,GAAG,YAAY,kBAGxB,oBAACO,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACG,MAAIA;YAAC,MAAK;YAAO,YAAYC,WAAW,MAAM,CAAC;yBAC5C,oBAACC,OAAKA;YACF,OAAO;YACP,aACI;YAEJ,cAAc;YACd,WAAW;4BAIvB,oBAACL,KAAK,MAAM;YAAC,MAAM;yBACf,oBAAC;YAAI,WAAW;yBACZ,oBAACM,QAAMA;YACH,MAAM;YACN,SAASR;YACT,UAAUL,GAAG,SAAS;;AAU9D"}

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

@@ -4,7 +4,23 @@ 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;
+export declare const SignIn: ((props: SignInProps) => React.JSX.Element) & {
+    original: (props: SignInProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: SignInProps) => React.JSX.Element) & {
+        original: (props: SignInProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: SignInProps) => React.JSX.Element) & {
+        original: (props: SignInProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

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

@@ -2,23 +2,28 @@ 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 { makeDecoratable } from "@webiny/app-admin";
 import { View } from "./View.js";
-const SignIn = (props)=>{
-    const { vm, onSubmit, onForgotPassword, title = "Sign in", description } = props;
+import { FederatedLogin } from "./FederatedLogin.js";
+import { Divider } from "./Divider.js";
+const SignIn = makeDecoratable("CognitoSignIn", (props)=>{
+    const { vm, onSubmit, onForgotPassword } = props;
+    const showCredentials = vm.allowCredentialsLogin;
+    const showFederated = vm.federatedProviders.length > 0;
     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
+            title: vm.title,
+            description: vm.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, {
+        }, vm.message.text)), showCredentials && /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
             span: 12
         }, /*#__PURE__*/ react.createElement(Bind, {
             name: "username",
@@ -50,8 +55,10 @@ const SignIn = (props)=>{
         }, /*#__PURE__*/ react.createElement(Link, {
             to: "#",
             onClick: onForgotPassword
-        }, "Forgot password?"))))))));
-};
+        }, "Forgot password?"))))), showCredentials && showFederated && /*#__PURE__*/ react.createElement(Divider, null), showFederated && /*#__PURE__*/ react.createElement(FederatedLogin, {
+            providers: vm.federatedProviders
+        }))));
+});
 export { SignIn };
 
 //# sourceMappingURL=SignIn.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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 { makeDecoratable } from \"@webiny/app-admin\";\nimport { View } from \"./View.js\";\nimport { FederatedLogin } from \"./FederatedLogin.js\";\nimport { Divider } from \"./Divider.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}\n\nexport const SignIn = makeDecoratable(\"CognitoSignIn\", (props: SignInProps) => {\n    const { vm, onSubmit, onForgotPassword } = props;\n    const showCredentials = vm.allowCredentialsLogin;\n    const showFederated = vm.federatedProviders.length > 0;\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={vm.title} description={vm.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                        {showCredentials && (\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\n                                        name=\"password\"\n                                        validators={validation.create(\"required\")}\n                                    >\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={\n                                            \"flex flex-row-reverse items-center justify-between\"\n                                        }\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                        )}\n\n                        {showCredentials && showFederated && <Divider />}\n\n                        {showFederated && <FederatedLogin providers={vm.federatedProviders} />}\n                    </View.Content>\n                )}\n            </Form>\n        </View.Container>\n    );\n});\n"],"names":["SignIn","makeDecoratable","props","vm","onSubmit","onForgotPassword","showCredentials","showFederated","View","Form","data","submit","OverlayLoader","Alert","Grid","Bind","validation","val","cb","Input","Button","Text","Link","Divider","FederatedLogin"],"mappings":";;;;;;;;AAgBO,MAAMA,SAASC,gBAAgB,iBAAiB,CAACC;IACpD,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,gBAAgB,EAAE,GAAGH;IAC3C,MAAMI,kBAAkBH,GAAG,qBAAqB;IAChD,MAAMI,gBAAgBJ,GAAG,kBAAkB,CAAC,MAAM,GAAG;IAErD,OAAO,WAAP,GACI,oBAACK,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,OAAOL,GAAG,KAAK;YAAE,aAAaA,GAAG,WAAW;YAEvDA,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,IAK3BG,mBAAmB,WAAnBA,GACG,oBAACQ,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;YACD,MAAK;YACL,YAAYC,WAAW,MAAM,CAAC;yBAE9B,oBAACG,OAAKA;YACF,MAAM;YACN,OAAO;YACP,cAAc;4BAI1B,oBAACL,KAAK,MAAM;YAAC,MAAM;yBACf,oBAAC;YACG,WACI;yBAGJ,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,yBAS3DC,mBAAmBC,iBAAiB,WAAjBA,GAAiB,oBAACgB,SAAOA,OAE5ChB,iBAAiB,WAAjBA,GAAiB,oBAACiB,gBAAcA;YAAC,WAAWrB,GAAG,kBAAkB;;AAM1F"}