@webiny/cognito 0.0.0-unstable.0d717d18dd

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/Cognito/components/ConfirmTotpCode.js","sources":["../../../../../src/admin/presentation/Cognito/components/ConfirmTotpCode.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 { ConfirmTotpCodeVM } from \"~/admin/presentation/Cognito/abstractions.js\";\nimport { FooterSignIn } from \"~/admin/presentation/Cognito/components/FooterSignIn.js\";\n\nexport interface ConfirmTotpCodeProps {\n    vm: ConfirmTotpCodeVM;\n    onSubmit: (code: string) => void;\n    onCancel: () => void;\n}\n\nexport const ConfirmTotpCode = makeDecoratable(\n    \"CognitoConfirmTotpCode\",\n    (props: ConfirmTotpCodeProps) => {\n        const { vm, onSubmit, onCancel } = 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={\"Two-factor authentication\"}\n                                description={\"Enter the 6-digit code from your authenticator app.\"}\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 name=\"code\" validators={validation.create(\"required\")}>\n                                        <Input\n                                            label={\"Verification Code\"}\n                                            autoComplete={\"one-time-code\"}\n                                            inputMode={\"numeric\"}\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <div className={\"flex items-center justify-between\"}>\n                                        <FooterSignIn onSignIn={onCancel} />\n                                        <Button\n                                            text={\"Verify\"}\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"],"names":["ConfirmTotpCode","makeDecoratable","props","vm","onSubmit","onCancel","View","Form","data","submit","Alert","Grid","Bind","validation","Input","FooterSignIn","Button"],"mappings":";;;;;;;AAeO,MAAMA,kBAAkBC,gBAC3B,0BACA,CAACC;IACG,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGH;IAEnC,OAAO,WAAP,GACI,oBAACI,KAAK,SAAS,sBACX,oBAACC,MAAIA;QAAmB,UAAUC,CAAAA,OAAQJ,SAASI,KAAK,IAAI;QAAG;OAC1D,CAAC,EAAEC,MAAM,EAAE,iBACR,oBAACH,KAAK,OAAO,sBACT,oBAACA,KAAK,KAAK;YACP,OAAO;YACP,aAAa;YAGhBH,GAAG,OAAO,IAAI,WAAJ,GACP,oBAAC;YAAI,WAAW;yBACZ,oBAACO,OAAKA;YAAC,OAAOP,GAAG,OAAO,CAAC,KAAK;YAAE,MAAMA,GAAG,OAAO,CAAC,IAAI;WAChDA,GAAG,OAAO,CAAC,IAAI,kBAK5B,oBAACQ,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,cAAc;YACd,WAAW;4BAIvB,oBAACH,KAAK,MAAM;YAAC,MAAM;yBACf,oBAAC;YAAI,WAAW;yBACZ,oBAACI,cAAYA;YAAC,UAAUV;0BACxB,oBAACW,QAAMA;YACH,MAAM;YACN,SAASP;YACT,oBAAoB;YACpB,UAAUN,GAAG,SAAS;;AAU9D"}

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

@@ -0,0 +1,20 @@
+import React from "react";
+export declare const Divider: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

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

@@ -0,0 +1,16 @@
+import react from "react";
+import { Separator, Text } from "@webiny/admin-ui";
+import { makeDecoratable } from "@webiny/app-admin";
+const Divider = makeDecoratable("CognitoDivider", ()=>/*#__PURE__*/ react.createElement("div", {
+        className: "relative my-lg"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "absolute inset-0 flex items-center"
+    }, /*#__PURE__*/ react.createElement(Separator, null)), /*#__PURE__*/ react.createElement("div", {
+        className: "relative flex justify-center"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "text-neutral-strong px-sm bg-neutral-base uppercase"
+    }, "Or continue with"))));
+export { Divider };
+
+//# sourceMappingURL=Divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/Cognito/components/Divider.js","sources":["../../../../../src/admin/presentation/Cognito/components/Divider.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator, Text } from \"@webiny/admin-ui\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\n\nexport const Divider = makeDecoratable(\"CognitoDivider\", () => {\n    return (\n        <div className={\"relative my-lg\"}>\n            <div className={\"absolute inset-0 flex items-center\"}>\n                <Separator />\n            </div>\n            <div className={\"relative flex justify-center\"}>\n                <Text size={\"sm\"} className={\"text-neutral-strong px-sm bg-neutral-base uppercase\"}>\n                    {\"Or continue with\"}\n                </Text>\n            </div>\n        </div>\n    );\n});\n"],"names":["Divider","makeDecoratable","Separator","Text"],"mappings":";;;AAIO,MAAMA,UAAUC,gBAAgB,kBAAkB,IAC9C,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACC,WAASA,QAAAA,WAAAA,GAEd,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxB"}

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

@@ -0,0 +1,24 @@
+import React from "react";
+import { CognitoSignInConfig } from "../../../../admin/index.js";
+export interface FederatedLoginProps {
+    providers: CognitoSignInConfig.FederatedProvider[];
+}
+export declare const FederatedLogin: (({ providers }: FederatedLoginProps) => React.JSX.Element) & {
+    original: ({ providers }: FederatedLoginProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ providers }: FederatedLoginProps) => React.JSX.Element) & {
+        original: ({ providers }: FederatedLoginProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ providers }: FederatedLoginProps) => React.JSX.Element) & {
+        original: ({ providers }: FederatedLoginProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

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

@@ -0,0 +1,43 @@
+import react from "react";
+import { signInWithRedirect } from "aws-amplify/auth";
+import { Button } from "@webiny/admin-ui";
+import { makeDecoratable } from "@webiny/app-admin";
+import { federatedIdentityProviders } from "../../../federatedIdentityProviders.js";
+import { FederatedProviders } from "./FederatedProviders.js";
+const builtInProviders = new Set([
+    "Amazon",
+    "Apple",
+    "Facebook",
+    "Google"
+]);
+const FederatedLogin = makeDecoratable("CognitoFederatedLogin", ({ providers })=>/*#__PURE__*/ react.createElement(FederatedProviders.Container, null, providers.map((provider)=>{
+        const cognitoProviderName = federatedIdentityProviders[provider.name] ?? provider.name;
+        const isBuiltIn = builtInProviders.has(cognitoProviderName);
+        const signIn = ()=>{
+            isBuiltIn ? signInWithRedirect({
+                provider: cognitoProviderName
+            }) : signInWithRedirect({
+                provider: {
+                    custom: cognitoProviderName
+                }
+            });
+        };
+        if ("component" in provider) {
+            const Component = provider.component;
+            return /*#__PURE__*/ react.createElement(Component, {
+                key: provider.name,
+                signIn: signIn
+            });
+        }
+        return /*#__PURE__*/ react.createElement(Button, {
+            key: provider.name,
+            text: provider.label,
+            onClick: signIn,
+            style: {
+                width: "100%"
+            }
+        });
+    })));
+export { FederatedLogin };
+
+//# sourceMappingURL=FederatedLogin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/Cognito/components/FederatedLogin.js","sources":["../../../../../src/admin/presentation/Cognito/components/FederatedLogin.tsx"],"sourcesContent":["import React from \"react\";\nimport { signInWithRedirect } from \"aws-amplify/auth\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { federatedIdentityProviders } from \"~/admin/federatedIdentityProviders.js\";\nimport { FederatedProviders } from \"./FederatedProviders.js\";\nimport { CognitoSignInConfig } from \"~/admin/index.js\";\n\ntype AuthProvider = \"Amazon\" | \"Apple\" | \"Facebook\" | \"Google\";\n\nconst builtInProviders = new Set<string>([\"Amazon\", \"Apple\", \"Facebook\", \"Google\"]);\n\nexport interface FederatedLoginProps {\n    providers: CognitoSignInConfig.FederatedProvider[];\n}\n\nexport const FederatedLogin = makeDecoratable(\n    \"CognitoFederatedLogin\",\n    ({ providers }: FederatedLoginProps) => {\n        return (\n            <FederatedProviders.Container>\n                {providers.map(provider => {\n                    const cognitoProviderName =\n                        federatedIdentityProviders[provider.name] ?? provider.name;\n                    const isBuiltIn = builtInProviders.has(cognitoProviderName);\n\n                    const signIn = () => {\n                        if (isBuiltIn) {\n                            signInWithRedirect({\n                                provider: cognitoProviderName as AuthProvider\n                            });\n                        } else {\n                            signInWithRedirect({\n                                provider: { custom: cognitoProviderName }\n                            });\n                        }\n                    };\n\n                    if (\"component\" in provider) {\n                        const Component = provider.component;\n                        return <Component key={provider.name} signIn={signIn} />;\n                    }\n\n                    return (\n                        <Button\n                            key={provider.name}\n                            text={provider.label}\n                            onClick={signIn}\n                            style={{ width: \"100%\" }}\n                        />\n                    );\n                })}\n            </FederatedProviders.Container>\n        );\n    }\n);\n"],"names":["builtInProviders","Set","FederatedLogin","makeDecoratable","providers","FederatedProviders","provider","cognitoProviderName","federatedIdentityProviders","isBuiltIn","signIn","signInWithRedirect","Component","Button"],"mappings":";;;;;;AAUA,MAAMA,mBAAmB,IAAIC,IAAY;IAAC;IAAU;IAAS;IAAY;CAAS;AAM3E,MAAMC,iBAAiBC,gBAC1B,yBACA,CAAC,EAAEC,SAAS,EAAuB,GACxB,WAAP,GACI,oBAACC,mBAAmB,SAAS,QACxBD,UAAU,GAAG,CAACE,CAAAA;QACX,MAAMC,sBACFC,0BAA0B,CAACF,SAAS,IAAI,CAAC,IAAIA,SAAS,IAAI;QAC9D,MAAMG,YAAYT,iBAAiB,GAAG,CAACO;QAEvC,MAAMG,SAAS;YACPD,YACAE,mBAAmB;gBACf,UAAUJ;YACd,KAEAI,mBAAmB;gBACf,UAAU;oBAAE,QAAQJ;gBAAoB;YAC5C;QAER;QAEA,IAAI,eAAeD,UAAU;YACzB,MAAMM,YAAYN,SAAS,SAAS;YACpC,OAAO,WAAP,GAAO,oBAACM,WAAAA;gBAAU,KAAKN,SAAS,IAAI;gBAAE,QAAQI;;QAClD;QAEA,OAAO,WAAP,GACI,oBAACG,QAAMA;YACH,KAAKP,SAAS,IAAI;YAClB,MAAMA,SAAS,KAAK;YACpB,SAASI;YACT,OAAO;gBAAE,OAAO;YAAO;;IAGnC"}

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

@@ -0,0 +1,44 @@
+import React from "react";
+export interface ContainerProps {
+    children: React.ReactNode;
+}
+export declare const Container: (({ children }: ContainerProps) => React.JSX.Element) & {
+    original: ({ children }: ContainerProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ children }: ContainerProps) => React.JSX.Element) & {
+        original: ({ children }: ContainerProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ children }: ContainerProps) => React.JSX.Element) & {
+        original: ({ children }: ContainerProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const FederatedProviders: {
+    Container: (({ children }: ContainerProps) => React.JSX.Element) & {
+        original: ({ children }: ContainerProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ children }: ContainerProps) => React.JSX.Element) & {
+            original: ({ children }: ContainerProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ children }: ContainerProps) => React.JSX.Element) & {
+            original: ({ children }: ContainerProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+};

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

@@ -0,0 +1,11 @@
+import react from "react";
+import { makeDecoratable } from "@webiny/app-admin";
+const Container = makeDecoratable("FederatedProvidersContainer", ({ children })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-xs"
+    }, children));
+const FederatedProviders = {
+    Container: Container
+};
+export { Container, FederatedProviders };
+
+//# sourceMappingURL=FederatedProviders.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/Cognito/components/FederatedProviders.js","sources":["../../../../../src/admin/presentation/Cognito/components/FederatedProviders.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\n\nexport interface ContainerProps {\n    children: React.ReactNode;\n}\n\nexport const Container = makeDecoratable(\n    \"FederatedProvidersContainer\",\n    ({ children }: ContainerProps) => {\n        return <div className={\"flex flex-col gap-xs\"}>{children}</div>;\n    }\n);\n\nexport const FederatedProviders = {\n    Container\n};\n"],"names":["Container","makeDecoratable","children","FederatedProviders"],"mappings":";;AAOO,MAAMA,YAAYC,gBACrB,+BACA,CAAC,EAAEC,QAAQ,EAAkB,GAClB,WAAP,GAAO,oBAAC;QAAI,WAAW;OAAyBA;AAIjD,MAAMC,qBAAqB;IAC9BH,WAAAA;AACJ"}

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

@@ -0,0 +1,23 @@
+import React from "react";
+export interface FooterSignInProps {
+    onSignIn: () => void;
+}
+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

@@ -0,0 +1,13 @@
+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, {
+        as: "div",
+        size: "sm"
+    }, "Want to sign in?\xa0", /*#__PURE__*/ react.createElement(Link, {
+        to: "#",
+        onClick: onSignIn
+    }, "Sign in"), "."));
+export { FooterSignIn };
+
+//# sourceMappingURL=FooterSignIn.js.map

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

@@ -0,0 +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?&nbsp;\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

@@ -0,0 +1,27 @@
+import React from "react";
+import type { PasswordResetCodeSentVM } from "../../../../admin/presentation/Cognito/abstractions.js";
+export interface PasswordResetCodeSentProps {
+    vm: PasswordResetCodeSentVM;
+    onResendCode: () => void;
+    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;
+};

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

@@ -0,0 +1,40 @@
+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 { 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",
+        description: "Request a password reset code."
+    }), 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(Text, null, "We have sent you a code to reset your password.")), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Text, null, 'Click the "Resend code" button below to resend the code in case you haven\'t received it the first time.')), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-between"
+    }, /*#__PURE__*/ react.createElement(FooterSignIn, {
+        onSignIn: onCancel
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "flex gap-x-sm"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        text: "Resend code",
+        onClick: onResendCode
+    }), /*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        text: "I got the code!",
+        onClick: onCodeAcquired
+    })))))));
+});
+export { PasswordResetCodeSent };
+
+//# sourceMappingURL=PasswordResetCodeSent.js.map

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

@@ -0,0 +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 &quot;Resend code&quot; button below to resend the code in\n                                case you haven&apos;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

@@ -0,0 +1,26 @@
+import React from "react";
+import type { RequestPasswordResetCodeVM } from "../../../../admin/presentation/Cognito/abstractions.js";
+export interface ForgotPasswordProps {
+    vm: RequestPasswordResetCodeVM;
+    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;
+};

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

@@ -0,0 +1,42 @@
+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 { vm, ...actions } = props;
+    return /*#__PURE__*/ react.createElement(View.Container, null, /*#__PURE__*/ react.createElement(Form, {
+        onSubmit: (data)=>actions.onRequestCode(data.username),
+        submitOnEnter: true
+    }, ({ submit })=>/*#__PURE__*/ react.createElement(View.Content, null, /*#__PURE__*/ react.createElement(View.Title, {
+            title: "Password recovery",
+            description: "Request a password reset code."
+        }), vm.message && /*#__PURE__*/ react.createElement("div", {
+            className: "mb-lg"
+        }, /*#__PURE__*/ react.createElement(Alert, {
+            title: vm.message.title,
+            type: vm.message.type
+        }, vm.message.text)), /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "username",
+            validators: validation.create("required,email")
+        }, /*#__PURE__*/ react.createElement(Input, {
+            label: "Email"
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement("div", {
+            className: "flex flex-row-reverse items-center justify-between"
+        }, /*#__PURE__*/ react.createElement(Button, {
+            text: "Send me the code",
+            onClick: submit,
+            disabled: vm.isLoading
+        }), /*#__PURE__*/ react.createElement(FooterSignIn, {
+            onSignIn: actions.onCancel
+        })))))));
+});
+export { RequestPasswordResetCode };
+
+//# sourceMappingURL=RequestPasswordResetCode.js.map

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

@@ -0,0 +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

@@ -0,0 +1,26 @@
+import React from "react";
+import type { RequireNewPasswordVM } from "../../../../admin/presentation/Cognito/abstractions.js";
+export interface RequireNewPasswordProps {
+    vm: RequireNewPasswordVM;
+    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;
+};

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

@@ -0,0 +1,52 @@
+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";
+const sentenceCase = (str)=>{
+    const lower = str.toLowerCase();
+    return lower[0].toUpperCase() + lower.substring(1);
+};
+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),
+        submitOnEnter: true
+    }, ({ submit })=>/*#__PURE__*/ react.createElement(View.Content, null, /*#__PURE__*/ react.createElement(View.Title, {
+            title: "Set new password"
+        }), /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "password",
+            validators: validation.create("required")
+        }, /*#__PURE__*/ react.createElement(Input, {
+            type: "password",
+            label: "New password",
+            autoComplete: "off"
+        }))), vm.requiredAttributes.length > 0 ? /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Heading, {
+            level: 6,
+            className: "text-center"
+        }, "Please enter additional information")), vm.requiredAttributes.map((attr)=>/*#__PURE__*/ react.createElement(Grid.Column, {
+                key: attr,
+                span: 12
+            }, /*#__PURE__*/ react.createElement(Bind, {
+                name: `requiredAttributes.${attr}`
+            }, /*#__PURE__*/ react.createElement(Input, {
+                label: sentenceCase(attr)
+            }))))) : /*#__PURE__*/ react.createElement(react.Fragment, null), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement("div", {
+            className: "flex flex-row-reverse items-center justify-between"
+        }, /*#__PURE__*/ react.createElement(Button, {
+            text: "Confirm",
+            onClick: submit,
+            size: "lg",
+            disabled: vm.isLoading
+        })))))));
+});
+export { RequireNewPassword };
+
+//# sourceMappingURL=RequireNewPassword.js.map

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

@@ -0,0 +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

@@ -0,0 +1,26 @@
+import React from "react";
+import type { SetNewPasswordVM } from "../../../../admin/presentation/Cognito/abstractions.js";
+export interface SetNewPasswordProps {
+    vm: SetNewPasswordVM;
+    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;
+};

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

@@ -0,0 +1,79 @@
+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 { vm, onSetNewPassword, onCancel } = props;
+    const passwordValidator = usePasswordValidator();
+    return /*#__PURE__*/ react.createElement(View.Container, null, /*#__PURE__*/ react.createElement(Form, {
+        onSubmit: (data)=>onSetNewPassword(data.code, data.password),
+        submitOnEnter: true
+    }, ({ submit })=>/*#__PURE__*/ react.createElement(View.Content, null, /*#__PURE__*/ react.createElement(View.Title, {
+            title: "Set new password"
+        }), vm.message && /*#__PURE__*/ react.createElement("div", {
+            className: "mb-lg"
+        }, /*#__PURE__*/ react.createElement(Alert, {
+            title: vm.message.title,
+            type: vm.message.type
+        }, vm.message.text)), /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "code",
+            validators: validation.create("required")
+        }, /*#__PURE__*/ react.createElement(Input, {
+            label: "Verification Code",
+            description: "Enter the code we sent to your email.",
+            autoComplete: "new-password"
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "password",
+            validators: [
+                validation.create("required"),
+                passwordValidator
+            ]
+        }, /*#__PURE__*/ react.createElement(Input, {
+            type: "password",
+            label: "New Password",
+            description: "Enter your new password.",
+            autoComplete: "new-password"
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(RetypePassword, null)), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement("div", {
+            className: "flex items-center justify-between"
+        }, /*#__PURE__*/ react.createElement(FooterSignIn, {
+            onSignIn: onCancel
+        }), /*#__PURE__*/ react.createElement(Button, {
+            text: "Reset Password",
+            onClick: submit,
+            containerClassName: "ml-auto",
+            disabled: vm.isLoading
+        })))))));
+});
+const RetypePassword = ()=>{
+    const form = useForm();
+    const matchOriginalValidator = (value)=>{
+        if (value !== form.getValue("password")) throw Error("Passwords do not match.");
+    };
+    return /*#__PURE__*/ react.createElement(Bind, {
+        name: "confirmPassword",
+        validators: [
+            validation.create("required"),
+            matchOriginalValidator
+        ]
+    }, /*#__PURE__*/ react.createElement(Input, {
+        type: "password",
+        label: "Retype Password",
+        description: "Enter your new password once more.",
+        autoComplete: "new-password"
+    }));
+};
+export { SetNewPassword };
+
+//# sourceMappingURL=SetNewPassword.js.map