npm - @webiny/cognito - Versions diffs - 6.4.4-beta.3 → 6.4.4-beta.4 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (72) hide show

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

	@@ -1 +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"}
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 { 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 { 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 { 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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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 { 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"}