npm - @webiny/cognito - Versions diffs - 6.6.0-alpha.0 → 6.6.0-alpha.2 - Mend

@webiny/cognito 6.6.0-alpha.0 → 6.6.0-alpha.2

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 (78) hide show

package/admin/presentation/Cognito/components/FooterSignIn.d.ts CHANGED Viewed

@@ -1,6 +1,23 @@
 import React from "react";
-interface FooterSignInProps {
+export interface FooterSignInProps {
     onSignIn: () => void;
 }
-export declare const FooterSignIn: ({ onSignIn }: FooterSignInProps) => React.JSX.Element;
-export {};
+export declare const FooterSignIn: (({ onSignIn }: FooterSignInProps) => React.JSX.Element) & {
+    original: ({ onSignIn }: FooterSignInProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ onSignIn }: FooterSignInProps) => React.JSX.Element) & {
+        original: ({ onSignIn }: FooterSignInProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ onSignIn }: FooterSignInProps) => React.JSX.Element) & {
+        original: ({ onSignIn }: FooterSignInProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/admin/presentation/Cognito/components/FooterSignIn.js CHANGED Viewed

@@ -1,12 +1,13 @@
 import react from "react";
 import { Link, Text } from "@webiny/admin-ui";
-const FooterSignIn = ({ onSignIn })=>/*#__PURE__*/ react.createElement(Text, {
+import { makeDecoratable } from "@webiny/app-admin";
+const FooterSignIn = makeDecoratable("CognitoFooterSignIn", ({ onSignIn })=>/*#__PURE__*/ react.createElement(Text, {
         as: "div",
         size: "sm"
     }, "Want to sign in?\xa0", /*#__PURE__*/ react.createElement(Link, {
         to: "#",
         onClick: onSignIn
-    }, "Sign in"), ".");
+    }, "Sign in"), "."));
 export { FooterSignIn };
 //# sourceMappingURL=FooterSignIn.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"admin/presentation/Cognito/components/FooterSignIn.js","sources":["../../../../../src/admin/presentation/Cognito/components/FooterSignIn.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link, Text } from \"@webiny/admin-ui\";\n\~~ninterface~~ FooterSignInProps {\n onSignIn: () => void;\n}\n\nexport const FooterSignIn = ({ onSignIn }: FooterSignInProps) => {\n return (\n <Text as={\"div\"} size={\"sm\"}>\n Want to sign in? \n <Link to=\"#\" onClick={onSignIn}>\n Sign in\n </Link>\n .\n </Text>\n );\n};\n"],"names":["FooterSignIn","onSignIn","Text","Link"],"mappings":"~~;;AAOO~~,MAAMA,~~eAAe~~,CAAC,EAAEC,QAAQ,EAAqB,~~GACjD~~,WAAP,GACI,oBAACC,MAAIA;QAAC,IAAI;QAAO,MAAM;OAAM,sCAEzB,oBAACC,MAAIA;QAAC,IAAG;QAAI,SAASF;OAAU,YAEzB"}
1	+ {"version":3,"file":"admin/presentation/Cognito/components/FooterSignIn.js","sources":["../../../../../src/admin/presentation/Cognito/components/FooterSignIn.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link, Text } from \"@webiny/admin-ui\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\n\nexport interface FooterSignInProps {\n onSignIn: () => void;\n}\n\nexport const FooterSignIn = makeDecoratable(\n \"CognitoFooterSignIn\",\n ({ onSignIn }: FooterSignInProps) => {\n return (\n <Text as={\"div\"} size={\"sm\"}>\n Want to sign in? \n <Link to=\"#\" onClick={onSignIn}>\n Sign in\n </Link>\n .\n </Text>\n );\n }\n);\n"],"names":["FooterSignIn","makeDecoratable","onSignIn","Text","Link"],"mappings":";;;AAQO,MAAMA,eAAeC,gBACxB,uBACA,CAAC,EAAEC,QAAQ,EAAqB,GACrB,WAAP,GACI,oBAACC,MAAIA;QAAC,IAAI;QAAO,MAAM;OAAM,sCAEzB,oBAACC,MAAIA;QAAC,IAAG;QAAI,SAASF;OAAU,YAEzB"}

package/admin/presentation/Cognito/components/PasswordResetCodeSent.d.ts CHANGED Viewed

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

package/admin/presentation/Cognito/components/PasswordResetCodeSent.js CHANGED Viewed

@@ -1,8 +1,9 @@
 import react from "react";
 import { Alert, Button, Grid, Text } from "@webiny/admin-ui";
+import { makeDecoratable } from "@webiny/app-admin";
 import { View } from "./View.js";
 import { FooterSignIn } from "./FooterSignIn.js";
-const PasswordResetCodeSent = (props)=>{
+const PasswordResetCodeSent = makeDecoratable("CognitoPasswordResetCodeSent", (props)=>{
     const { vm, onResendCode, onCodeAcquired, onCancel } = props;
     return /*#__PURE__*/ react.createElement(View.Container, null, /*#__PURE__*/ react.createElement(View.Content, null, /*#__PURE__*/ react.createElement(View.Title, {
         title: "Password recovery",
@@ -33,7 +34,7 @@ const PasswordResetCodeSent = (props)=>{
         text: "I got the code!",
         onClick: onCodeAcquired
     })))))));
-};
+});
 export { PasswordResetCodeSent };
 //# sourceMappingURL=PasswordResetCodeSent.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"admin/presentation/Cognito/components/PasswordResetCodeSent.js","sources":["../../../../../src/admin/presentation/Cognito/components/PasswordResetCodeSent.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert, Button, Grid, Text } from \"@webiny/admin-ui\";\nimport { View } from \"./View.js\";\nimport type { PasswordResetCodeSentVM } from \"~/admin/presentation/Cognito/abstractions.js\";\nimport { FooterSignIn } from \"~/admin/presentation/Cognito/components/FooterSignIn.js\";\n\nexport interface PasswordResetCodeSentProps {\n vm: PasswordResetCodeSentVM;\n onResendCode: () => void;\n onCodeAcquired: () => void;\n onCancel: () => void;\n}\n\nexport const PasswordResetCodeSent = (props: PasswordResetCodeSentProps) => {\n const { vm, onResendCode, onCodeAcquired, onCancel } = props;\n\n return (\n <View.Container>\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 <Text>We have sent you a code to reset your password.</Text>\n </Grid.Column>\n <Grid.Column span={12}>\n <Text>\n Click the "Resend code" button below to resend the code in\n case you haven't received it the first time.\n </Text>\n </Grid.Column>\n\n <Grid.Column span={12}>\n <div className={\"flex items-center justify-between\"}>\n <FooterSignIn onSignIn={onCancel} />\n <div className={\"flex gap-x-sm\"}>\n <Button\n variant={\"secondary\"}\n text={\"Resend code\"}\n onClick={onResendCode}\n />\n <Button\n variant={\"primary\"}\n text={\"I got the code!\"}\n onClick={onCodeAcquired}\n />\n </div>\n </div>\n </Grid.Column>\n </Grid>\n </View.Content>\n </View.Container>\n );\n};\n"],"names":["PasswordResetCodeSent","props","vm","onResendCode","onCodeAcquired","onCancel","View","Alert","Grid","Text","FooterSignIn","Button"],"mappings":"~~;;;;AAaO~~,MAAMA,~~wBAAwB~~,CAACC;~~IAClC~~,MAAM,EAAEC,EAAE,EAAEC,YAAY,EAAEC,cAAc,EAAEC,QAAQ,EAAE,GAAGJ;IAEvD,OAAO,WAAP,GACI,oBAACK,KAAK,SAAS,sBACX,oBAACA,KAAK,OAAO,sBACT,oBAACA,KAAK,KAAK;QACP,OAAO;QACP,aAAa;QAGhBJ,GAAG,OAAO,IAAI,WAAJ,GACP,oBAAC;QAAI,WAAW;qBACZ,oBAACK,OAAKA;QAAC,OAAOL,GAAG,OAAO,CAAC,KAAK;QAAE,MAAMA,GAAG,OAAO,CAAC,IAAI;OAChDA,GAAG,OAAO,CAAC,IAAI,kBAK5B,oBAACM,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA,MAAC,mEAEV,oBAACD,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA,MAAC,4HAMV,oBAACD,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAW;qBACZ,oBAACE,cAAYA;QAAC,UAAUL;sBACxB,oBAAC;QAAI,WAAW;qBACZ,oBAACM,QAAMA;QACH,SAAS;QACT,MAAM;QACN,SAASR;sBAEb,oBAACQ,QAAMA;QACH,SAAS;QACT,MAAM;QACN,SAASP;;AAS7C"}
1	+ {"version":3,"file":"admin/presentation/Cognito/components/PasswordResetCodeSent.js","sources":["../../../../../src/admin/presentation/Cognito/components/PasswordResetCodeSent.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert, Button, Grid, Text } from \"@webiny/admin-ui\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { View } from \"./View.js\";\nimport type { PasswordResetCodeSentVM } from \"~/admin/presentation/Cognito/abstractions.js\";\nimport { FooterSignIn } from \"~/admin/presentation/Cognito/components/FooterSignIn.js\";\n\nexport interface PasswordResetCodeSentProps {\n vm: PasswordResetCodeSentVM;\n onResendCode: () => void;\n onCodeAcquired: () => void;\n onCancel: () => void;\n}\n\nexport const PasswordResetCodeSent = makeDecoratable(\n \"CognitoPasswordResetCodeSent\",\n (props: PasswordResetCodeSentProps) => {\n const { vm, onResendCode, onCodeAcquired, onCancel } = props;\n\n return (\n <View.Container>\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 <Text>We have sent you a code to reset your password.</Text>\n </Grid.Column>\n <Grid.Column span={12}>\n <Text>\n Click the "Resend code" button below to resend the code in\n case you haven't received it the first time.\n </Text>\n </Grid.Column>\n\n <Grid.Column span={12}>\n <div className={\"flex items-center justify-between\"}>\n <FooterSignIn onSignIn={onCancel} />\n <div className={\"flex gap-x-sm\"}>\n <Button\n variant={\"secondary\"}\n text={\"Resend code\"}\n onClick={onResendCode}\n />\n <Button\n variant={\"primary\"}\n text={\"I got the code!\"}\n onClick={onCodeAcquired}\n />\n </div>\n </div>\n </Grid.Column>\n </Grid>\n </View.Content>\n </View.Container>\n );\n }\n);\n"],"names":["PasswordResetCodeSent","makeDecoratable","props","vm","onResendCode","onCodeAcquired","onCancel","View","Alert","Grid","Text","FooterSignIn","Button"],"mappings":";;;;;AAcO,MAAMA,wBAAwBC,gBACjC,gCACA,CAACC;IACG,MAAM,EAAEC,EAAE,EAAEC,YAAY,EAAEC,cAAc,EAAEC,QAAQ,EAAE,GAAGJ;IAEvD,OAAO,WAAP,GACI,oBAACK,KAAK,SAAS,sBACX,oBAACA,KAAK,OAAO,sBACT,oBAACA,KAAK,KAAK;QACP,OAAO;QACP,aAAa;QAGhBJ,GAAG,OAAO,IAAI,WAAJ,GACP,oBAAC;QAAI,WAAW;qBACZ,oBAACK,OAAKA;QAAC,OAAOL,GAAG,OAAO,CAAC,KAAK;QAAE,MAAMA,GAAG,OAAO,CAAC,IAAI;OAChDA,GAAG,OAAO,CAAC,IAAI,kBAK5B,oBAACM,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA,MAAC,mEAEV,oBAACD,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA,MAAC,4HAMV,oBAACD,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAW;qBACZ,oBAACE,cAAYA;QAAC,UAAUL;sBACxB,oBAAC;QAAI,WAAW;qBACZ,oBAACM,QAAMA;QACH,SAAS;QACT,MAAM;QACN,SAASR;sBAEb,oBAACQ,QAAMA;QACH,SAAS;QACT,MAAM;QACN,SAASP;;AAS7C"}

package/admin/presentation/Cognito/components/RequestPasswordResetCode.d.ts CHANGED Viewed

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

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

@@ -1,10 +1,11 @@
 import react from "react";
 import { Alert, Button, Grid, 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";
 import { FooterSignIn } from "./FooterSignIn.js";
-const RequestPasswordResetCode = (props)=>{
+const RequestPasswordResetCode = makeDecoratable("CognitoRequestPasswordResetCode", (props)=>{
     const { vm, ...actions } = props;
     return /*#__PURE__*/ react.createElement(View.Container, null, /*#__PURE__*/ react.createElement(Form, {
         onSubmit: (data)=>actions.onRequestCode(data.username),
@@ -35,7 +36,7 @@ const RequestPasswordResetCode = (props)=>{
         }), /*#__PURE__*/ react.createElement(FooterSignIn, {
             onSignIn: actions.onCancel
         })))))));
-};
+});
 export { RequestPasswordResetCode };
 //# sourceMappingURL=RequestPasswordResetCode.js.map

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"}