@webiny/cognito 0.0.0-unstable.0d717d18dd

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/Cognito/components/SetNewPassword.js","sources":["../../../../../src/admin/presentation/Cognito/components/SetNewPassword.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, Grid, Input, Alert } from \"@webiny/admin-ui\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Form, Bind, useForm } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { View } from \"./View.js\";\nimport type { SetNewPasswordVM } from \"~/admin/presentation/Cognito/abstractions.js\";\nimport { FooterSignIn } from \"~/admin/presentation/Cognito/components/FooterSignIn.js\";\nimport { usePasswordValidator } from \"~/admin/presentation/shared/usePasswordValidator.js\";\n\nexport interface SetNewPasswordProps {\n    vm: SetNewPasswordVM;\n    onSetNewPassword: (code: string, password: string) => void;\n    onCancel: () => void;\n}\n\nexport const SetNewPassword = makeDecoratable(\n    \"CognitoSetNewPassword\",\n    (props: SetNewPasswordProps) => {\n        const { vm, onSetNewPassword, onCancel } = props;\n        const passwordValidator = usePasswordValidator();\n\n        return (\n            <View.Container>\n                <Form\n                    onSubmit={(data: any) => onSetNewPassword(data.code, data.password)}\n                    submitOnEnter\n                >\n                    {({ submit }) => (\n                        <View.Content>\n                            <View.Title title={\"Set new password\"} />\n\n                            {vm.message && (\n                                <div className={\"mb-lg\"}>\n                                    <Alert title={vm.message.title} type={vm.message.type}>\n                                        {vm.message.text}\n                                    </Alert>\n                                </div>\n                            )}\n\n                            <Grid>\n                                <Grid.Column span={12}>\n                                    <Bind name=\"code\" validators={validation.create(\"required\")}>\n                                        <Input\n                                            label={\"Verification Code\"}\n                                            description={\"Enter the code we sent to your email.\"}\n                                            autoComplete={\"new-password\"}\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <Bind\n                                        name=\"password\"\n                                        validators={[\n                                            validation.create(\"required\"),\n                                            passwordValidator\n                                        ]}\n                                    >\n                                        <Input\n                                            type={\"password\"}\n                                            label={\"New Password\"}\n                                            description={\"Enter your new password.\"}\n                                            autoComplete={\"new-password\"}\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <RetypePassword />\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <div className={\"flex items-center justify-between\"}>\n                                        <FooterSignIn onSignIn={onCancel} />\n                                        <Button\n                                            text={\"Reset Password\"}\n                                            onClick={submit}\n                                            containerClassName={\"ml-auto\"}\n                                            disabled={vm.isLoading}\n                                        />\n                                    </div>\n                                </Grid.Column>\n                            </Grid>\n                        </View.Content>\n                    )}\n                </Form>\n            </View.Container>\n        );\n    }\n);\n\nconst RetypePassword = () => {\n    const form = useForm();\n    const matchOriginalValidator = (value: string) => {\n        if (value !== form.getValue(\"password\")) {\n            throw Error(`Passwords do not match.`);\n        }\n    };\n\n    return (\n        <Bind\n            name=\"confirmPassword\"\n            validators={[validation.create(\"required\"), matchOriginalValidator]}\n        >\n            <Input\n                type={\"password\"}\n                label={\"Retype Password\"}\n                description={\"Enter your new password once more.\"}\n                autoComplete={\"new-password\"}\n            />\n        </Bind>\n    );\n};\n"],"names":["SetNewPassword","makeDecoratable","props","vm","onSetNewPassword","onCancel","passwordValidator","usePasswordValidator","View","Form","data","submit","Alert","Grid","Bind","validation","Input","RetypePassword","FooterSignIn","Button","form","useForm","matchOriginalValidator","value","Error"],"mappings":";;;;;;;;AAgBO,MAAMA,iBAAiBC,gBAC1B,yBACA,CAACC;IACG,MAAM,EAAEC,EAAE,EAAEC,gBAAgB,EAAEC,QAAQ,EAAE,GAAGH;IAC3C,MAAMI,oBAAoBC;IAE1B,OAAO,WAAP,GACI,oBAACC,KAAK,SAAS,sBACX,oBAACC,MAAIA;QACD,UAAU,CAACC,OAAcN,iBAAiBM,KAAK,IAAI,EAAEA,KAAK,QAAQ;QAClE;OAEC,CAAC,EAAEC,MAAM,EAAE,iBACR,oBAACH,KAAK,OAAO,sBACT,oBAACA,KAAK,KAAK;YAAC,OAAO;YAElBL,GAAG,OAAO,IAAI,WAAJ,GACP,oBAAC;YAAI,WAAW;yBACZ,oBAACS,OAAKA;YAAC,OAAOT,GAAG,OAAO,CAAC,KAAK;YAAE,MAAMA,GAAG,OAAO,CAAC,IAAI;WAChDA,GAAG,OAAO,CAAC,IAAI,kBAK5B,oBAACU,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,MAAIA;YAAC,MAAK;YAAO,YAAYC,WAAW,MAAM,CAAC;yBAC5C,oBAACC,OAAKA;YACF,OAAO;YACP,aAAa;YACb,cAAc;4BAI1B,oBAACH,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,MAAIA;YACD,MAAK;YACL,YAAY;gBACRC,WAAW,MAAM,CAAC;gBAClBT;aACH;yBAED,oBAACU,OAAKA;YACF,MAAM;YACN,OAAO;YACP,aAAa;YACb,cAAc;4BAI1B,oBAACH,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACI,gBAAcA,QAAAA,WAAAA,GAEnB,oBAACJ,KAAK,MAAM;YAAC,MAAM;yBACf,oBAAC;YAAI,WAAW;yBACZ,oBAACK,cAAYA;YAAC,UAAUb;0BACxB,oBAACc,QAAMA;YACH,MAAM;YACN,SAASR;YACT,oBAAoB;YACpB,UAAUR,GAAG,SAAS;;AAU9D;AAGJ,MAAMc,iBAAiB;IACnB,MAAMG,OAAOC;IACb,MAAMC,yBAAyB,CAACC;QAC5B,IAAIA,UAAUH,KAAK,QAAQ,CAAC,aACxB,MAAMI,MAAM;IAEpB;IAEA,OAAO,WAAP,GACI,oBAACV,MAAIA;QACD,MAAK;QACL,YAAY;YAACC,WAAW,MAAM,CAAC;YAAaO;SAAuB;qBAEnE,oBAACN,OAAKA;QACF,MAAM;QACN,OAAO;QACP,aAAa;QACb,cAAc;;AAI9B"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,64 @@
+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;
+    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
+        }), 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, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "username",
+            validators: validation.create("required,email"),
+            beforeChange: (val, cb)=>cb(val.toLowerCase())
+        }, /*#__PURE__*/ react.createElement(Input, {
+            label: "Email"
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "password",
+            validators: validation.create("required")
+        }, /*#__PURE__*/ react.createElement(Input, {
+            type: "password",
+            label: "Password",
+            autoComplete: "off"
+        }))), /*#__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: "Submit",
+            "data-testid": "submit-sign-in-form-button",
+            onClick: submit,
+            disabled: vm.isLoading
+        }), /*#__PURE__*/ react.createElement(Text, {
+            as: "div",
+            size: "sm"
+        }, /*#__PURE__*/ react.createElement(Link, {
+            to: "#",
+            onClick: onForgotPassword
+        }, "Forgot password?"))))), showCredentials && showFederated && /*#__PURE__*/ react.createElement(Divider, null), showFederated && /*#__PURE__*/ react.createElement(FederatedLogin, {
+            providers: vm.federatedProviders
+        }))));
+});
+export { SignIn };
+
+//# sourceMappingURL=SignIn.js.map

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

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

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

@@ -0,0 +1,98 @@
+import * as React from "react";
+export interface ContainerProps {
+    children: React.ReactNode;
+}
+export interface ContentProps {
+    children: React.ReactNode;
+}
+export interface FooterProps {
+    children: React.ReactNode;
+}
+export interface TitleProps {
+    title: string;
+    description?: React.ReactNode;
+}
+export interface ErrorProps {
+    title?: string;
+    description?: string | null;
+}
+export declare const Error: ({ title, description }: ErrorProps) => React.JSX.Element | null;
+export declare const View: {
+    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;
+    };
+    Content: (({ children }: ContentProps) => React.JSX.Element) & {
+        original: ({ children }: ContentProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ children }: ContentProps) => React.JSX.Element) & {
+            original: ({ children }: ContentProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ children }: ContentProps) => React.JSX.Element) & {
+            original: ({ children }: ContentProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Title: (({ title, description }: TitleProps) => React.JSX.Element) & {
+        original: ({ title, description }: TitleProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ title, description }: TitleProps) => React.JSX.Element) & {
+            original: ({ title, description }: TitleProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ title, description }: TitleProps) => React.JSX.Element) & {
+            original: ({ title, description }: TitleProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Footer: (({ children }: FooterProps) => React.JSX.Element) & {
+        original: ({ children }: FooterProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ children }: FooterProps) => React.JSX.Element) & {
+            original: ({ children }: FooterProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ children }: FooterProps) => React.JSX.Element) & {
+            original: ({ children }: FooterProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Error: typeof Error;
+};

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

@@ -0,0 +1,48 @@
+import capitalize from "lodash/capitalize";
+import { Logo, makeDecoratable } from "@webiny/app-admin";
+import { Alert, Grid, Heading, Text } from "@webiny/admin-ui";
+import * as __rspack_external_react from "react";
+const Container = makeDecoratable("ViewContainer", ({ children })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "w-full h-screen bg-neutral-light flex-1"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("section", {
+        className: "m-auto flex flex-col justify-center min-h-screen"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "mx-auto"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Logo, null)), /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "w-full max-w-[480px] mx-auto my-lg"
+    }, children))));
+const Content = makeDecoratable("ViewContent", ({ children })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "relative p-lg pt-md bg-neutral-base rounded-xl"
+    }, children));
+const Footer = makeDecoratable("ViewFooter", ({ children })=>/*#__PURE__*/ __rspack_external_react.createElement(Grid, null, /*#__PURE__*/ __rspack_external_react.createElement(Grid.Column, {
+        span: 12,
+        className: "text-center mt-lg"
+    }, children)));
+const Title = makeDecoratable("ViewTitle", ({ title, description })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "mb-md"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Heading, {
+        level: 4
+    }, capitalize(title)), description && /*#__PURE__*/ __rspack_external_react.createElement(Text, {
+        as: "div",
+        size: "sm",
+        className: "text-neutral-strong"
+    }, description)));
+const Error = ({ title = "Something went wrong", description })=>{
+    if (!description) return null;
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "mb-lg"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Alert, {
+        title: title,
+        type: "danger"
+    }, description));
+};
+const View = {
+    Container: Container,
+    Content: Content,
+    Title: Title,
+    Footer: Footer,
+    Error: Error
+};
+export { Error, View };
+
+//# sourceMappingURL=View.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/Cognito/components/View.js","sources":["../../../../../src/admin/presentation/Cognito/components/View.tsx"],"sourcesContent":["import * as React from \"react\";\nimport capitalize from \"lodash/capitalize\";\nimport { Logo, makeDecoratable } from \"@webiny/app-admin\";\nimport { Alert, Grid, Heading, Text } from \"@webiny/admin-ui\";\n\nexport interface ContainerProps {\n    children: React.ReactNode;\n}\n\nconst Container = makeDecoratable(\"ViewContainer\", ({ children }: ContainerProps) => {\n    return (\n        <div className={\"w-full h-screen bg-neutral-light flex-1\"}>\n            <section className={\"m-auto flex flex-col justify-center min-h-screen\"}>\n                <div className={\"mx-auto\"}>\n                    <Logo />\n                </div>\n                <div className={\"w-full max-w-[480px] mx-auto my-lg\"}>{children}</div>\n            </section>\n        </div>\n    );\n});\n\nexport interface ContentProps {\n    children: React.ReactNode;\n}\n\nconst Content = makeDecoratable(\"ViewContent\", ({ children }: ContentProps) => (\n    <div className={\"relative p-lg pt-md bg-neutral-base rounded-xl\"}>{children}</div>\n));\n\nexport interface FooterProps {\n    children: React.ReactNode;\n}\n\nconst Footer = makeDecoratable(\"ViewFooter\", ({ children }: FooterProps) => {\n    return (\n        <Grid>\n            <Grid.Column span={12} className={\"text-center mt-lg\"}>\n                {children}\n            </Grid.Column>\n        </Grid>\n    );\n});\n\nexport interface TitleProps {\n    title: string;\n    description?: React.ReactNode;\n}\n\nconst Title = makeDecoratable(\"ViewTitle\", ({ title, description }: TitleProps) => {\n    return (\n        <div className={\"mb-md\"}>\n            <Heading level={4}>{capitalize(title)}</Heading>\n            {description && (\n                <Text as={\"div\"} size={\"sm\"} className={\"text-neutral-strong\"}>\n                    {description}\n                </Text>\n            )}\n        </div>\n    );\n});\n\nexport interface ErrorProps {\n    title?: string;\n    description?: string | null;\n}\n\nexport const Error = ({ title = \"Something went wrong\", description }: ErrorProps) => {\n    if (!description) {\n        return null;\n    }\n\n    return (\n        <div className={\"mb-lg\"}>\n            <Alert title={title} type={\"danger\"}>\n                {description}\n            </Alert>\n        </div>\n    );\n};\n\nexport const View = {\n    Container,\n    Content,\n    Title,\n    Footer,\n    Error\n};\n"],"names":["Container","makeDecoratable","children","Logo","Content","Footer","Grid","Title","title","description","Heading","capitalize","Text","Error","Alert","View"],"mappings":";;;;AASA,MAAMA,YAAYC,gBAAgB,iBAAiB,CAAC,EAAEC,QAAQ,EAAkB,GACrE,WAAP,GACI,sCAAC;QAAI,WAAW;qBACZ,sCAAC;QAAQ,WAAW;qBAChB,sCAAC;QAAI,WAAW;qBACZ,sCAACC,MAAIA,QAAAA,WAAAA,GAET,sCAAC;QAAI,WAAW;OAAuCD;AAUvE,MAAME,UAAUH,gBAAgB,eAAe,CAAC,EAAEC,QAAQ,EAAgB,iBACtE,sCAAC;QAAI,WAAW;OAAmDA;AAOvE,MAAMG,SAASJ,gBAAgB,cAAc,CAAC,EAAEC,QAAQ,EAAe,GAC5D,WAAP,GACI,sCAACI,MAAIA,MAAAA,WAAAA,GACD,sCAACA,KAAK,MAAM;QAAC,MAAM;QAAI,WAAW;OAC7BJ;AAWjB,MAAMK,QAAQN,gBAAgB,aAAa,CAAC,EAAEO,KAAK,EAAEC,WAAW,EAAc,GACnE,WAAP,GACI,sCAAC;QAAI,WAAW;qBACZ,sCAACC,SAAOA;QAAC,OAAO;OAAIC,WAAWH,SAC9BC,eAAe,WAAfA,GACG,sCAACG,MAAIA;QAAC,IAAI;QAAO,MAAM;QAAM,WAAW;OACnCH;AAYd,MAAMI,QAAQ,CAAC,EAAEL,QAAQ,sBAAsB,EAAEC,WAAW,EAAc;IAC7E,IAAI,CAACA,aACD,OAAO;IAGX,OAAO,WAAP,GACI,sCAAC;QAAI,WAAW;qBACZ,sCAACK,OAAKA;QAAC,OAAON;QAAO,MAAM;OACtBC;AAIjB;AAEO,MAAMM,OAAO;IAChBf,WAAAA;IACAI,SAAAA;IACAG,OAAAA;IACAF,QAAAA;IACAQ,OAAAA;AACJ"}