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

@webiny/cognito 6.4.5-beta.0 → 6.6.0-alpha.0

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

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

@@ -1,13 +1,12 @@
 import react from "react";
 import { Link, Text } from "@webiny/admin-ui";
-import { makeDecoratable } from "@webiny/app-admin";
-const FooterSignIn = makeDecoratable("CognitoFooterSignIn", ({ onSignIn })=>/*#__PURE__*/ react.createElement(Text, {
+const FooterSignIn = ({ 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\";\~~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"}
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"}

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

@@ -6,22 +6,4 @@ export interface PasswordResetCodeSentProps {
     onCodeAcquired: () => void;
     onCancel: () => void;
 }
-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;
-};
+export declare const PasswordResetCodeSent: (props: PasswordResetCodeSentProps) => React.JSX.Element;

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

@@ -1,9 +1,8 @@
 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 = makeDecoratable("CognitoPasswordResetCodeSent", (props)=>{
+const PasswordResetCodeSent = (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",
@@ -34,7 +33,7 @@ const PasswordResetCodeSent = makeDecoratable("CognitoPasswordResetCodeSent", (p
         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 { ~~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"}
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"}

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

@@ -5,22 +5,4 @@ export interface ForgotPasswordProps {
     onRequestCode: (username: string) => void;
     onCancel: () => void;
 }
-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;
-};
+export declare const RequestPasswordResetCode: (props: ForgotPasswordProps) => React.JSX.Element;

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

@@ -1,11 +1,10 @@
 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 = makeDecoratable("CognitoRequestPasswordResetCode", (props)=>{
+const RequestPasswordResetCode = (props)=>{
     const { vm, ...actions } = props;
     return /*#__PURE__*/ react.createElement(View.Container, null, /*#__PURE__*/ react.createElement(Form, {
         onSubmit: (data)=>actions.onRequestCode(data.username),
@@ -36,7 +35,7 @@ const RequestPasswordResetCode = makeDecoratable("CognitoRequestPasswordResetCod
         }), /*#__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 { ~~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"}
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"}

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

@@ -5,22 +5,4 @@ export interface RequireNewPasswordProps {
     onSubmit: (password: string, attributes: any) => void;
     onCancel: () => void;
 }
-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;
-};
+export declare const RequireNewPassword: (props: RequireNewPasswordProps) => React.JSX.Element;

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

@@ -1,6 +1,5 @@
 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";
@@ -8,7 +7,7 @@ const sentenceCase = (str)=>{
     const lower = str.toLowerCase();
     return lower[0].toUpperCase() + lower.substring(1);
 };
-const RequireNewPassword = makeDecoratable("CognitoRequireNewPassword", (props)=>{
+const RequireNewPassword = (props)=>{
     const { vm, onSubmit } = props;
     return /*#__PURE__*/ react.createElement(View.Container, null, /*#__PURE__*/ react.createElement(Form, {
         onSubmit: (data)=>onSubmit(data.password, data.requiredAttributes),
@@ -46,7 +45,7 @@ const RequireNewPassword = makeDecoratable("CognitoRequireNewPassword", (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 { ~~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"}
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"}

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

@@ -5,22 +5,4 @@ export interface SetNewPasswordProps {
     onSetNewPassword: (code: string, password: string) => void;
     onCancel: () => void;
 }
-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;
-};
+export declare const SetNewPassword: (props: SetNewPasswordProps) => React.JSX.Element;

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

@@ -1,12 +1,11 @@
 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 = makeDecoratable("CognitoSetNewPassword", (props)=>{
+const SetNewPassword = (props)=>{
     const { vm, onSetNewPassword, onCancel } = props;
     const passwordValidator = usePasswordValidator();
     return /*#__PURE__*/ react.createElement(View.Container, null, /*#__PURE__*/ react.createElement(Form, {
@@ -55,7 +54,7 @@ const SetNewPassword = makeDecoratable("CognitoSetNewPassword", (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 { ~~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"}
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"}

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

@@ -4,23 +4,7 @@ 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) & {
-    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;
-};
+export declare const SignIn: (props: SignInProps) => React.JSX.Element;

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

@@ -2,28 +2,23 @@ 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";
-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;
+const SignIn = (props)=>{
+    const { vm, onSubmit, onForgotPassword, title = "Sign in", description } = props;
     return /*#__PURE__*/ react.createElement(View.Container, null, /*#__PURE__*/ react.createElement(Form, {
         onSubmit: (data)=>onSubmit(data.username, data.password),
         submitOnEnter: true
     }, ({ submit })=>/*#__PURE__*/ react.createElement(View.Content, null, vm.isLoading ? /*#__PURE__*/ react.createElement(OverlayLoader, {
             text: "Authenticating..."
         }) : null, /*#__PURE__*/ react.createElement(View.Title, {
-            title: vm.title,
-            description: vm.description
+            title: title,
+            description: description
         }), vm.message && /*#__PURE__*/ react.createElement("div", {
             className: "mb-lg"
         }, /*#__PURE__*/ react.createElement(Alert, {
             title: vm.message.title,
             type: vm.message.type
-        }, vm.message.text)), showCredentials && /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        }, vm.message.text)), /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
             span: 12
         }, /*#__PURE__*/ react.createElement(Bind, {
             name: "username",
@@ -55,10 +50,8 @@ const SignIn = makeDecoratable("CognitoSignIn", (props)=>{
         }, /*#__PURE__*/ react.createElement(Link, {
             to: "#",
             onClick: onForgotPassword
-        }, "Forgot password?"))))), showCredentials && showFederated && /*#__PURE__*/ react.createElement(Divider, null), showFederated && /*#__PURE__*/ react.createElement(FederatedLogin, {
-            providers: vm.federatedProviders
-        }))));
-});
+        }, "Forgot password?"))))))));
+};
 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 { ~~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~~"}
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"}

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

@@ -94,5 +94,5 @@ export declare const View: {
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    Error: ({ title, description }: ErrorProps) => React.JSX.Element | null;
+    Error: typeof Error;
 };

package/admin/ui/views/Account/Account.js CHANGED Viewed

@@ -1,57 +1,65 @@
-import react, { useState } from "react";
+import react, { useEffect, useState } from "react";
 import omit from "lodash/omit.js";
-import { useMutation, useQuery } from "@apollo/react-hooks";
+import { useFeature } from "@webiny/app";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { Form } from "@webiny/form";
 import { validation } from "@webiny/validation";
 import { AvatarImage } from "../../components/AvatarImage/index.js";
-import { GET_CURRENT_USER, UPDATE_CURRENT_USER } from "./graphql.js";
 import { config } from "@webiny/app/config.js";
+import { GetCurrentUserFeature } from "../../../features/account/getCurrentUser/index.js";
+import { UpdateCurrentUserFeature } from "../../../features/account/updateCurrentUser/index.js";
 import { CenteredView, SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader, useIdentity } from "@webiny/app-admin";
 import { usePasswordValidator } from "../../../presentation/shared/usePasswordValidator.js";
 import { Alert, Button, Grid, Input, OverlayLoader, useToast } from "@webiny/admin-ui";
 const t = i18n.ns("app-security-admin-users/account-form");
 const UserAccountForm = ()=>{
     const [isSaving, setSaving] = useState(false);
+    const [isLoading, setIsLoading] = useState(true);
+    const [user, setUser] = useState({});
     const toast = useToast();
     const { identity } = useIdentity();
     const passwordValidator = usePasswordValidator();
-    const currentUser = useQuery(GET_CURRENT_USER);
-    const [updateUser] = useMutation(UPDATE_CURRENT_USER);
-    const user = currentUser.loading ? {} : currentUser.data.adminUsers.user.data;
-    const isFormLoading = isSaving || currentUser.loading;
+    const { useCase: getCurrentUser } = useFeature(GetCurrentUserFeature);
+    const { useCase: updateCurrentUser } = useFeature(UpdateCurrentUserFeature);
+    useEffect(()=>{
+        getCurrentUser.execute().then((data)=>{
+            setUser(data);
+            setIsLoading(false);
+        });
+    }, []);
+    const isFormLoading = isSaving || isLoading;
     const loaderMessage = isSaving ? "Saving account..." : "Loading account...";
     const emailIsDisabled = config.getKey("ADMIN_USER_CAN_CHANGE_EMAIL", "false" === process.env.REACT_APP_ADMIN_USER_CAN_CHANGE_EMAIL);
     const isExternal = user?.external === true;
     const onSubmit = async (formData)=>{
         setSaving(true);
-        const { data: response } = await updateUser({
-            variables: {
-                data: omit(formData, [
-                    "id",
-                    "external"
-                ])
-            }
-        });
-        const { error } = response.adminUsers.updateCurrentUser;
-        setSaving(false);
-        if (error) return void toast.showWarningToast({
-            title: "Error updating user account",
-            description: error.message,
-            duration: 1 / 0
-        });
-        identity.update({
-            displayName: `${formData.firstName} ${formData.lastName}`,
-            profile: {
-                ...identity.profile || {},
-                firstName: formData.firstName,
-                lastName: formData.lastName,
-                avatar: formData.avatar
-            }
-        });
-        toast.showSuccessToast({
-            title: "Account updated successfully!"
-        });
+        try {
+            await updateCurrentUser.execute(omit(formData, [
+                "id",
+                "external"
+            ]));
+            identity.update({
+                displayName: `${formData.firstName} ${formData.lastName}`,
+                profile: {
+                    ...identity.profile || {},
+                    firstName: formData.firstName,
+                    lastName: formData.lastName,
+                    avatar: formData.avatar
+                }
+            });
+            toast.showSuccessToast({
+                title: "Account updated successfully!"
+            });
+        } catch (error) {
+            const message = error instanceof Error ? error.message : "Unknown error";
+            toast.showWarningToast({
+                title: "Error updating user account",
+                description: message,
+                duration: 1 / 0
+            });
+        } finally{
+            setSaving(false);
+        }
     };
     return /*#__PURE__*/ react.createElement(CenteredView, {
         maxWidth: 600