@webiny/app-admin 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/presentation/installation/components/SystemInstaller/SystemInstaller.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface SystemInstallerProps {
+    children: React.ReactNode;
+}
+export declare const SystemInstaller: (({ children }: SystemInstallerProps) => React.JSX.Element) & {
+    displayName: string;
+};
+export {};

package/presentation/installation/components/SystemInstaller/SystemInstaller.js

@@ -0,0 +1,63 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { useFeature } from "@webiny/app";
+import { OverlayLoader, ProgressItemState, SteppedProgress, Text } from "@webiny/admin-ui";
+import { SystemInstallerFeature } from "../../presenters/SystemInstaller/feature.js";
+import { LoginScreen } from "../../../../base/ui/LoginScreen.js";
+import { Tags } from "../../../../base/ui/Tags.js";
+import { Logo } from "../../../../base/ui/Logo.js";
+import { IntroductionStep } from "./steps/IntroductionStep.js";
+import { BasicInfoStep } from "./steps/BasicInfoStep.js";
+import { AdminUserStep } from "./steps/AdminUserStep.js";
+import { FinishSetupStep } from "./steps/FinishSetup.js";
+const stateMap = {
+    idle: ProgressItemState.IDLE,
+    current: ProgressItemState.IN_PROGRESS,
+    completed: ProgressItemState.COMPLETED_AFFIRMATIVE
+};
+const SystemInstaller = observer(({ children })=>{
+    const { presenter } = useFeature(SystemInstallerFeature);
+    const vm = presenter.vm;
+    if (vm.loading) return /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Preparing system..."
+    });
+    if (vm.startUsing) return /*#__PURE__*/ react.createElement(LoginScreen, null, children);
+    return /*#__PURE__*/ react.createElement(Tags, {
+        tags: {
+            installer: true
+        }
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "bg-neutral-light h-screen w-[312px] p-xl"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "w-[240px] p-"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "mb-lg"
+    }, /*#__PURE__*/ react.createElement(Logo, null)), /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        size: "md",
+        className: "text-neutral-strong mb-lg"
+    }, "Follow these steps to create your very first Webiny project:"), /*#__PURE__*/ react.createElement(SteppedProgress, {
+        items: vm.steps.map((step)=>({
+                id: step.name,
+                label: step.label,
+                state: stateMap[step.state]
+            }))
+    }))), /*#__PURE__*/ react.createElement("div", {
+        className: "flex h-screen w-full justify-center"
+    }, "introduction" === vm.currentStep ? /*#__PURE__*/ react.createElement(IntroductionStep, {
+        nextStep: presenter.nextStep
+    }) : null, "basic-info" === vm.currentStep ? /*#__PURE__*/ react.createElement(BasicInfoStep, {
+        nextStep: presenter.nextStep
+    }) : null, "admin-account" === vm.currentStep ? /*#__PURE__*/ react.createElement(AdminUserStep, {
+        nextStep: presenter.nextStep
+    }) : null, "finish" === vm.currentStep ? /*#__PURE__*/ react.createElement(FinishSetupStep, {
+        error: vm.error,
+        installing: vm.installing,
+        isInstalled: vm.isInstalled,
+        finishInstallation: presenter.finishInstallation,
+        installSystem: presenter.installSystem
+    }) : null));
+});
+export { SystemInstaller };
+
+//# sourceMappingURL=SystemInstaller.js.map

package/presentation/installation/components/SystemInstaller/SystemInstaller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/installation/components/SystemInstaller/SystemInstaller.js","sources":["../../../../../src/presentation/installation/components/SystemInstaller/SystemInstaller.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useFeature } from \"@webiny/app\";\nimport { OverlayLoader, ProgressItemState, SteppedProgress, Text } from \"@webiny/admin-ui\";\nimport { SystemInstallerFeature } from \"~/presentation/installation/presenters/SystemInstaller/feature.js\";\nimport { LoginScreen } from \"~/base/ui/LoginScreen.js\";\nimport { Tags } from \"~/base/ui/Tags.js\";\nimport { Logo } from \"~/base/ui/Logo.js\";\nimport { IntroductionStep } from \"./steps/IntroductionStep.js\";\nimport { BasicInfoStep } from \"./steps/BasicInfoStep.js\";\nimport { AdminUserStep } from \"./steps/AdminUserStep.js\";\nimport { FinishSetupStep } from \"~/presentation/installation/components/SystemInstaller/steps/FinishSetup.js\";\n\ninterface SystemInstallerProps {\n    children: React.ReactNode;\n}\n\nconst stateMap = {\n    idle: ProgressItemState.IDLE,\n    current: ProgressItemState.IN_PROGRESS,\n    completed: ProgressItemState.COMPLETED_AFFIRMATIVE\n};\n\nexport const SystemInstaller = observer(({ children }: SystemInstallerProps) => {\n    const { presenter } = useFeature(SystemInstallerFeature);\n\n    const vm = presenter.vm;\n\n    if (vm.loading) {\n        return <OverlayLoader text={\"Preparing system...\"} />;\n    }\n\n    if (vm.startUsing) {\n        return <LoginScreen>{children}</LoginScreen>;\n    }\n\n    return (\n        <Tags tags={{ installer: true }}>\n            <div className={\"bg-neutral-light h-screen w-[312px] p-xl\"}>\n                <div className={\"w-[240px] p-\"}>\n                    <div className={\"mb-lg\"}>\n                        <Logo />\n                    </div>\n                    <Text as=\"div\" size={\"md\"} className={\"text-neutral-strong mb-lg\"}>\n                        Follow these steps to create your very first Webiny project:\n                    </Text>\n                    <SteppedProgress\n                        items={vm.steps.map(step => ({\n                            id: step.name,\n                            label: step.label,\n                            state: stateMap[step.state]\n                        }))}\n                    />\n                </div>\n            </div>\n            <div className={\"flex h-screen w-full justify-center\"}>\n                {vm.currentStep === \"introduction\" ? (\n                    <IntroductionStep nextStep={presenter.nextStep} />\n                ) : null}\n                {vm.currentStep === \"basic-info\" ? (\n                    <BasicInfoStep nextStep={presenter.nextStep} />\n                ) : null}\n                {vm.currentStep === \"admin-account\" ? (\n                    <AdminUserStep nextStep={presenter.nextStep} />\n                ) : null}\n                {vm.currentStep === \"finish\" ? (\n                    <FinishSetupStep\n                        error={vm.error}\n                        installing={vm.installing}\n                        isInstalled={vm.isInstalled}\n                        finishInstallation={presenter.finishInstallation}\n                        installSystem={presenter.installSystem}\n                    />\n                ) : null}\n            </div>\n        </Tags>\n    );\n});\n"],"names":["stateMap","ProgressItemState","SystemInstaller","observer","children","presenter","useFeature","SystemInstallerFeature","vm","OverlayLoader","LoginScreen","Tags","Logo","Text","SteppedProgress","step","IntroductionStep","BasicInfoStep","AdminUserStep","FinishSetupStep"],"mappings":";;;;;;;;;;;;AAiBA,MAAMA,WAAW;IACb,MAAMC,kBAAkB,IAAI;IAC5B,SAASA,kBAAkB,WAAW;IACtC,WAAWA,kBAAkB,qBAAqB;AACtD;AAEO,MAAMC,kBAAkBC,SAAS,CAAC,EAAEC,QAAQ,EAAwB;IACvE,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjC,MAAMC,KAAKH,UAAU,EAAE;IAEvB,IAAIG,GAAG,OAAO,EACV,OAAO,WAAP,GAAO,oBAACC,eAAaA;QAAC,MAAM;;IAGhC,IAAID,GAAG,UAAU,EACb,OAAO,WAAP,GAAO,oBAACE,aAAWA,MAAEN;IAGzB,OAAO,WAAP,GACI,oBAACO,MAAIA;QAAC,MAAM;YAAE,WAAW;QAAK;qBAC1B,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA,QAAAA,WAAAA,GAET,oBAACC,MAAIA;QAAC,IAAG;QAAM,MAAM;QAAM,WAAW;OAA6B,+EAGnE,oBAACC,iBAAeA;QACZ,OAAON,GAAG,KAAK,CAAC,GAAG,CAACO,CAAAA,OAAS;gBACzB,IAAIA,KAAK,IAAI;gBACb,OAAOA,KAAK,KAAK;gBACjB,OAAOf,QAAQ,CAACe,KAAK,KAAK,CAAC;YAC/B;wBAIZ,oBAAC;QAAI,WAAW;OACXP,AAAmB,mBAAnBA,GAAG,WAAW,GAAsB,WAAjB,GAChB,oBAACQ,kBAAgBA;QAAC,UAAUX,UAAU,QAAQ;SAC9C,MACHG,AAAmB,iBAAnBA,GAAG,WAAW,GAAoB,WAAf,GAChB,oBAACS,eAAaA;QAAC,UAAUZ,UAAU,QAAQ;SAC3C,MACHG,AAAmB,oBAAnBA,GAAG,WAAW,GAAuB,WAAlB,GAChB,oBAACU,eAAaA;QAAC,UAAUb,UAAU,QAAQ;SAC3C,MACHG,AAAmB,aAAnBA,GAAG,WAAW,GAAgB,WAAX,GAChB,oBAACW,iBAAeA;QACZ,OAAOX,GAAG,KAAK;QACf,YAAYA,GAAG,UAAU;QACzB,aAAaA,GAAG,WAAW;QAC3B,oBAAoBH,UAAU,kBAAkB;QAChD,eAAeA,UAAU,aAAa;SAE1C;AAIpB"}

package/presentation/installation/components/SystemInstaller/SystemInstallerProvider.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SystemInstallerProvider: () => React.JSX.Element;

package/presentation/installation/components/SystemInstaller/SystemInstallerProvider.js

@@ -0,0 +1,12 @@
+import react from "react";
+import { Provider, createProvider } from "@webiny/app";
+import { SystemInstaller } from "./SystemInstaller.js";
+const SystemInstallerHoc = createProvider((Original)=>function({ children }) {
+        return /*#__PURE__*/ react.createElement(SystemInstaller, null, /*#__PURE__*/ react.createElement(Original, null, children));
+    });
+const SystemInstallerProvider_SystemInstallerProvider = ()=>/*#__PURE__*/ react.createElement(Provider, {
+        hoc: SystemInstallerHoc
+    });
+export { SystemInstallerProvider_SystemInstallerProvider as SystemInstallerProvider };
+
+//# sourceMappingURL=SystemInstallerProvider.js.map

package/presentation/installation/components/SystemInstaller/SystemInstallerProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/installation/components/SystemInstaller/SystemInstallerProvider.js","sources":["../../../../../src/presentation/installation/components/SystemInstaller/SystemInstallerProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { createProvider, Provider } from \"@webiny/app\";\nimport { SystemInstaller } from \"./SystemInstaller.js\";\n\nconst SystemInstallerHoc = createProvider(Original => {\n    return function SystemInstallerProvider({ children }) {\n        return (\n            <SystemInstaller>\n                <Original>{children}</Original>\n            </SystemInstaller>\n        );\n    };\n});\n\nexport const SystemInstallerProvider = () => {\n    return <Provider hoc={SystemInstallerHoc} />;\n};\n"],"names":["SystemInstallerHoc","createProvider","Original","children","SystemInstaller","SystemInstallerProvider","Provider"],"mappings":";;;AAIA,MAAMA,qBAAqBC,eAAeC,CAAAA,WAC/B,SAAiC,EAAEC,QAAQ,EAAE;QAChD,OAAO,WAAP,GACI,oBAACC,iBAAeA,MAAAA,WAAAA,GACZ,oBAACF,UAAAA,MAAUC;IAGvB;AAGG,MAAME,kDAA0B,IAC5B,WAAP,GAAO,oBAACC,UAAQA;QAAC,KAAKN"}

package/presentation/installation/components/SystemInstaller/index.d.ts

@@ -0,0 +1 @@
+export { SystemInstallerProvider } from "./SystemInstallerProvider.js";

package/presentation/installation/components/SystemInstaller/index.js

@@ -0,0 +1 @@
+export { SystemInstallerProvider } from "./SystemInstallerProvider.js";

package/presentation/installation/components/SystemInstaller/steps/AdminUserStep/createPasswordValidator.d.ts

@@ -0,0 +1,8 @@
+export interface PasswordPolicy {
+    minimumLength?: number;
+    requireLowercase?: boolean;
+    requireNumbers?: boolean;
+    requireSymbols?: boolean;
+    requireUppercase?: boolean;
+}
+export declare const createPasswordValidator: (policy: PasswordPolicy) => (value?: string) => void;

package/presentation/installation/components/SystemInstaller/steps/AdminUserStep/createPasswordValidator.js

@@ -0,0 +1,17 @@
+import { ValidationError } from "@webiny/validation";
+const createPasswordValidator = (policy)=>(value)=>{
+        if (!value) return;
+        value += "";
+        const requireSymbols = /([=+\-^$*.[\]{}()?"!@#%&/,><':;|_~`])+/;
+        const requireNumber = /[0-9]/;
+        const requireLowercase = /[a-z]/;
+        const requireUppercase = /[A-Z]/;
+        if (void 0 !== policy.minimumLength && value.length < policy.minimumLength) throw new ValidationError(`Value requires at least ${policy.minimumLength} characters.`);
+        if (policy.requireLowercase && !requireLowercase.test(value)) throw new ValidationError("Value must contain a lowercase character.");
+        if (policy.requireNumbers && !requireNumber.test(value)) throw new ValidationError("Value must contain a number.");
+        if (policy.requireUppercase && !requireUppercase.test(value)) throw new ValidationError("Value must contain an uppercase character.");
+        if (policy.requireSymbols && !requireSymbols.test(value)) throw new ValidationError("Value must contain a special character.");
+    };
+export { createPasswordValidator };
+
+//# sourceMappingURL=createPasswordValidator.js.map

package/presentation/installation/components/SystemInstaller/steps/AdminUserStep/createPasswordValidator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/installation/components/SystemInstaller/steps/AdminUserStep/createPasswordValidator.js","sources":["../../../../../../../src/presentation/installation/components/SystemInstaller/steps/AdminUserStep/createPasswordValidator.ts"],"sourcesContent":["import { ValidationError } from \"@webiny/validation\";\n\nexport interface PasswordPolicy {\n    minimumLength?: number;\n    requireLowercase?: boolean;\n    requireNumbers?: boolean;\n    requireSymbols?: boolean;\n    requireUppercase?: boolean;\n}\n\nexport const createPasswordValidator =\n    (policy: PasswordPolicy) =>\n    (value?: string): void => {\n        if (!value) {\n            return;\n        }\n        /**\n         * TODO @ts-refactor\n         * @pavel expl\n         */\n        value = value + \"\";\n\n        const requireSymbols = /([=+\\-^$*.[\\]{}()?\"!@#%&/,><':;|_~`])+/;\n        const requireNumber = /[0-9]/;\n        const requireLowercase = /[a-z]/;\n        const requireUppercase = /[A-Z]/;\n\n        if (policy.minimumLength !== undefined && value.length < policy.minimumLength) {\n            throw new ValidationError(\n                `Value requires at least ${policy.minimumLength} characters.`\n            );\n        }\n\n        if (policy.requireLowercase && !requireLowercase.test(value)) {\n            throw new ValidationError(\"Value must contain a lowercase character.\");\n        }\n\n        if (policy.requireNumbers && !requireNumber.test(value)) {\n            throw new ValidationError(\"Value must contain a number.\");\n        }\n\n        if (policy.requireUppercase && !requireUppercase.test(value)) {\n            throw new ValidationError(\"Value must contain an uppercase character.\");\n        }\n\n        if (policy.requireSymbols && !requireSymbols.test(value)) {\n            throw new ValidationError(\"Value must contain a special character.\");\n        }\n    };\n"],"names":["createPasswordValidator","policy","value","requireSymbols","requireNumber","requireLowercase","requireUppercase","undefined","ValidationError"],"mappings":";AAUO,MAAMA,0BACT,CAACC,SACD,CAACC;QACG,IAAI,CAACA,OACD;QAMJA,SAAgB;QAEhB,MAAMC,iBAAiB;QACvB,MAAMC,gBAAgB;QACtB,MAAMC,mBAAmB;QACzB,MAAMC,mBAAmB;QAEzB,IAAIL,AAAyBM,WAAzBN,OAAO,aAAa,IAAkBC,MAAM,MAAM,GAAGD,OAAO,aAAa,EACzE,MAAM,IAAIO,gBACN,CAAC,wBAAwB,EAAEP,OAAO,aAAa,CAAC,YAAY,CAAC;QAIrE,IAAIA,OAAO,gBAAgB,IAAI,CAACI,iBAAiB,IAAI,CAACH,QAClD,MAAM,IAAIM,gBAAgB;QAG9B,IAAIP,OAAO,cAAc,IAAI,CAACG,cAAc,IAAI,CAACF,QAC7C,MAAM,IAAIM,gBAAgB;QAG9B,IAAIP,OAAO,gBAAgB,IAAI,CAACK,iBAAiB,IAAI,CAACJ,QAClD,MAAM,IAAIM,gBAAgB;QAG9B,IAAIP,OAAO,cAAc,IAAI,CAACE,eAAe,IAAI,CAACD,QAC9C,MAAM,IAAIM,gBAAgB;IAElC"}

package/presentation/installation/components/SystemInstaller/steps/AdminUserStep/usePasswordValidator.d.ts

@@ -0,0 +1 @@
+export declare function usePasswordValidator(): (value?: string) => void;

package/presentation/installation/components/SystemInstaller/steps/AdminUserStep/usePasswordValidator.js

@@ -0,0 +1,16 @@
+import { useMemo } from "react";
+import { config } from "@webiny/app/config.js";
+import { createPasswordValidator } from "./createPasswordValidator.js";
+function usePasswordValidator() {
+    let envPasswordValidatorPolicy;
+    try {
+        envPasswordValidatorPolicy = JSON.parse(process.env.REACT_APP_USER_POOL_PASSWORD_POLICY);
+    } catch  {}
+    const passwordValidatorPolicy = config.getKey("USER_POOL_PASSWORD_POLICY", envPasswordValidatorPolicy);
+    return useMemo(()=>createPasswordValidator(passwordValidatorPolicy), [
+        passwordValidatorPolicy
+    ]);
+}
+export { usePasswordValidator };
+
+//# sourceMappingURL=usePasswordValidator.js.map

package/presentation/installation/components/SystemInstaller/steps/AdminUserStep/usePasswordValidator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/installation/components/SystemInstaller/steps/AdminUserStep/usePasswordValidator.js","sources":["../../../../../../../src/presentation/installation/components/SystemInstaller/steps/AdminUserStep/usePasswordValidator.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { config as appConfig } from \"@webiny/app/config.js\";\nimport { createPasswordValidator, type PasswordPolicy } from \"./createPasswordValidator.js\";\n\nexport function usePasswordValidator() {\n    let envPasswordValidatorPolicy;\n    try {\n        envPasswordValidatorPolicy = JSON.parse(\n            process.env.REACT_APP_USER_POOL_PASSWORD_POLICY as string\n        );\n    } catch {\n        // Do nothing.\n    }\n\n    const passwordValidatorPolicy = appConfig.getKey<PasswordPolicy>(\n        \"USER_POOL_PASSWORD_POLICY\",\n        envPasswordValidatorPolicy\n    );\n\n    return useMemo(\n        () => createPasswordValidator(passwordValidatorPolicy),\n        [passwordValidatorPolicy]\n    );\n}\n"],"names":["usePasswordValidator","envPasswordValidatorPolicy","JSON","process","passwordValidatorPolicy","appConfig","useMemo","createPasswordValidator"],"mappings":";;;AAIO,SAASA;IACZ,IAAIC;IACJ,IAAI;QACAA,6BAA6BC,KAAK,KAAK,CACnCC,QAAQ,GAAG,CAAC,mCAAmC;IAEvD,EAAE,OAAM,CAER;IAEA,MAAMC,0BAA0BC,OAAAA,MAAgB,CAC5C,6BACAJ;IAGJ,OAAOK,QACH,IAAMC,wBAAwBH,0BAC9B;QAACA;KAAwB;AAEjC"}

package/presentation/installation/components/SystemInstaller/steps/AdminUserStep.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ISystemInstallerPresenter } from "../../../../../presentation/installation/presenters/SystemInstaller/abstractions.js";
+interface StepProps {
+    nextStep: ISystemInstallerPresenter["nextStep"];
+}
+export declare const AdminUserStep: ({ nextStep }: StepProps) => React.JSX.Element;
+export {};

package/presentation/installation/components/SystemInstaller/steps/AdminUserStep.js

@@ -0,0 +1,69 @@
+import react from "react";
+import { Button, Grid, Input } from "@webiny/admin-ui";
+import { Bind, Form, useForm } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { Center } from "./Center.js";
+import { Container } from "./Container.js";
+import { usePasswordValidator } from "./AdminUserStep/usePasswordValidator.js";
+const AdminUserStep = ({ nextStep })=>/*#__PURE__*/ react.createElement(Container, {
+        title: "Admin account",
+        message: "This is the account you’ll use to access and manage your Webiny instance."
+    }, /*#__PURE__*/ react.createElement(Center, null, /*#__PURE__*/ react.createElement("div", {
+        style: {
+            width: 400
+        }
+    }, /*#__PURE__*/ react.createElement(Form, {
+        onSubmit: (data)=>nextStep(data)
+    }, ()=>/*#__PURE__*/ react.createElement(AdminUserInputs, null)))));
+const AdminUserInputs = ()=>{
+    const form = useForm();
+    const passwordValidator = usePasswordValidator();
+    return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "Cognito.firstName",
+        validators: validation.create("required")
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "First name"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "Cognito.lastName",
+        validators: validation.create("required")
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "Last name"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "Cognito.email",
+        beforeChange: (value, cb)=>cb(value.toLowerCase()),
+        validators: validation.create("required,email")
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "Your email",
+        autoComplete: "new-password"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "Cognito.password",
+        validators: [
+            passwordValidator,
+            validation.create("required")
+        ]
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "Choose password",
+        type: "password",
+        autoComplete: "new-password"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Button, {
+        containerClassName: "w-full",
+        className: "w-full",
+        variant: "primary",
+        size: "lg",
+        text: "Next step",
+        onClick: form.submit
+    })));
+};
+export { AdminUserStep };
+
+//# sourceMappingURL=AdminUserStep.js.map

package/presentation/installation/components/SystemInstaller/steps/AdminUserStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/installation/components/SystemInstaller/steps/AdminUserStep.js","sources":["../../../../../../src/presentation/installation/components/SystemInstaller/steps/AdminUserStep.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, Grid, Input } from \"@webiny/admin-ui\";\nimport { Bind, Form, useForm } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { Center } from \"./Center.js\";\nimport { Container } from \"./Container.js\";\nimport type { ISystemInstallerPresenter } from \"~/presentation/installation/presenters/SystemInstaller/abstractions.js\";\nimport { usePasswordValidator } from \"./AdminUserStep/usePasswordValidator.js\";\n\ninterface StepProps {\n    nextStep: ISystemInstallerPresenter[\"nextStep\"];\n}\n\nexport const AdminUserStep = ({ nextStep }: StepProps) => {\n    return (\n        <Container\n            title={\"Admin account\"}\n            message={\"This is the account you’ll use to access and manage your Webiny instance.\"}\n        >\n            <Center>\n                <div style={{ width: 400 }}>\n                    <Form onSubmit={data => nextStep(data)}>{() => <AdminUserInputs />}</Form>\n                </div>\n            </Center>\n        </Container>\n    );\n};\n\nconst AdminUserInputs = () => {\n    const form = useForm();\n    const passwordValidator = usePasswordValidator();\n\n    return (\n        <Grid>\n            <Grid.Column span={6}>\n                <Bind name={\"Cognito.firstName\"} validators={validation.create(\"required\")}>\n                    <Input label={\"First name\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={6}>\n                <Bind name={\"Cognito.lastName\"} validators={validation.create(\"required\")}>\n                    <Input label={\"Last name\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind\n                    name={\"Cognito.email\"}\n                    beforeChange={(value: string, cb) => cb(value.toLowerCase())}\n                    validators={validation.create(\"required,email\")}\n                >\n                    <Input label={\"Your email\"} autoComplete={\"new-password\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind\n                    name={\"Cognito.password\"}\n                    validators={[passwordValidator, validation.create(\"required\")]}\n                >\n                    <Input\n                        label={\"Choose password\"}\n                        type={\"password\"}\n                        autoComplete={\"new-password\"}\n                    />\n                </Bind>\n            </Grid.Column>\n\n            <Grid.Column span={12}>\n                <Button\n                    containerClassName={\"w-full\"}\n                    className={\"w-full\"}\n                    variant={\"primary\"}\n                    size={\"lg\"}\n                    text={\"Next step\"}\n                    onClick={form.submit}\n                />\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"names":["AdminUserStep","nextStep","Container","Center","Form","data","AdminUserInputs","form","useForm","passwordValidator","usePasswordValidator","Grid","Bind","validation","Input","value","cb","Button"],"mappings":";;;;;;;AAaO,MAAMA,gBAAgB,CAAC,EAAEC,QAAQ,EAAa,GAC1C,WAAP,GACI,oBAACC,WAASA;QACN,OAAO;QACP,SAAS;qBAET,oBAACC,QAAMA,MAAAA,WAAAA,GACH,oBAAC;QAAI,OAAO;YAAE,OAAO;QAAI;qBACrB,oBAACC,MAAIA;QAAC,UAAUC,CAAAA,OAAQJ,SAASI;OAAQ,kBAAM,oBAACC,iBAAeA;AAOnF,MAAMA,kBAAkB;IACpB,MAAMC,OAAOC;IACb,MAAMC,oBAAoBC;IAE1B,OAAO,WAAP,GACI,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;QAAqB,YAAYC,WAAW,MAAM,CAAC;qBAC3D,oBAACC,OAAKA;QAAC,OAAO;wBAGtB,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;QAAoB,YAAYC,WAAW,MAAM,CAAC;qBAC1D,oBAACC,OAAKA;QAAC,OAAO;wBAGtB,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QACD,MAAM;QACN,cAAc,CAACG,OAAeC,KAAOA,GAAGD,MAAM,WAAW;QACzD,YAAYF,WAAW,MAAM,CAAC;qBAE9B,oBAACC,OAAKA;QAAC,OAAO;QAAc,cAAc;wBAGlD,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QACD,MAAM;QACN,YAAY;YAACH;YAAmBI,WAAW,MAAM,CAAC;SAAY;qBAE9D,oBAACC,OAAKA;QACF,OAAO;QACP,MAAM;QACN,cAAc;wBAK1B,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACM,QAAMA;QACH,oBAAoB;QACpB,WAAW;QACX,SAAS;QACT,MAAM;QACN,MAAM;QACN,SAASV,KAAK,MAAM;;AAKxC"}

package/presentation/installation/components/SystemInstaller/steps/BasicInfoStep.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ISystemInstallerPresenter } from "../../../../../presentation/installation/presenters/SystemInstaller/abstractions.js";
+interface StepProps {
+    nextStep: ISystemInstallerPresenter["nextStep"];
+}
+export declare const BasicInfoStep: ({ nextStep }: StepProps) => React.JSX.Element;
+export {};

package/presentation/installation/components/SystemInstaller/steps/BasicInfoStep.js

@@ -0,0 +1,85 @@
+import react from "react";
+import { Button, Checkbox, Grid, Input, Select } from "@webiny/admin-ui";
+import { Bind, Form, useBind, useForm } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { Center } from "./Center.js";
+import { Container } from "./Container.js";
+import { referralSources } from "./referralSources.js";
+const ExternalLink = ({ to, children })=>/*#__PURE__*/ react.createElement("a", {
+        href: to,
+        target: "_blank",
+        rel: "noreferrer"
+    }, children);
+const BasicInfoStep = ({ nextStep })=>/*#__PURE__*/ react.createElement(Container, {
+        title: "Basic info",
+        message: "To get started, we need some basic information about your project and how you found us."
+    }, /*#__PURE__*/ react.createElement(Center, null, /*#__PURE__*/ react.createElement("div", {
+        style: {
+            width: 400
+        }
+    }, /*#__PURE__*/ react.createElement(Form, {
+        onSubmit: (data)=>nextStep(data)
+    }, ()=>/*#__PURE__*/ react.createElement(BasicInfoFormInputs, null)))));
+const referralOptions = referralSources.map((label)=>({
+        label,
+        value: label
+    }));
+const requireChecked = (value)=>{
+    if (!value) throw Error("You must accept our Terms of Service and Privacy Policy.");
+};
+const BasicInfoFormInputs = ()=>{
+    const form = useForm();
+    const tosBind = useBind({
+        name: "basicInfo.termsOfService",
+        defaultValue: false,
+        validators: requireChecked
+    });
+    return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "basicInfo.projectName",
+        validators: validation.create("required")
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "Project name"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "basicInfo.organizationName",
+        validators: validation.create("required")
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "Organization name"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "basicInfo.referralSource",
+        validators: validation.create("required")
+    }, /*#__PURE__*/ react.createElement(Select, {
+        label: "Where did you hear about Webiny?",
+        displayResetAction: false,
+        options: referralOptions
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Checkbox, {
+        onChange: tosBind.onChange,
+        checked: tosBind.value,
+        label: /*#__PURE__*/ react.createElement(react.Fragment, null, "I agree to Webiny’s", " ", /*#__PURE__*/ react.createElement(ExternalLink, {
+            to: "https://www.webiny.com/terms-of-service"
+        }, "Terms of Service"), " ", "and", " ", /*#__PURE__*/ react.createElement(ExternalLink, {
+            to: "https://www.webiny.com/privacy-policy"
+        }, "Privacy Policy")),
+        validation: tosBind.validation
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Button, {
+        disabled: true !== tosBind.value,
+        containerClassName: "w-full",
+        className: "w-full",
+        variant: "primary",
+        size: "lg",
+        text: "Next step",
+        onClick: form.submit
+    })));
+};
+export { BasicInfoStep };
+
+//# sourceMappingURL=BasicInfoStep.js.map

package/presentation/installation/components/SystemInstaller/steps/BasicInfoStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/installation/components/SystemInstaller/steps/BasicInfoStep.js","sources":["../../../../../../src/presentation/installation/components/SystemInstaller/steps/BasicInfoStep.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, Checkbox, Grid, Input, Select } from \"@webiny/admin-ui\";\nimport { Bind, Form, useBind, useForm } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { Center } from \"./Center.js\";\nimport { Container } from \"./Container.js\";\nimport type { ISystemInstallerPresenter } from \"~/presentation/installation/presenters/SystemInstaller/abstractions.js\";\nimport { referralSources } from \"~/presentation/installation/components/SystemInstaller/steps/referralSources.js\";\n\ninterface StepProps {\n    nextStep: ISystemInstallerPresenter[\"nextStep\"];\n}\n\ntype ExternalLinkProps = {\n    to: string;\n    children: React.ReactNode;\n};\n\nconst ExternalLink = ({ to, children }: ExternalLinkProps) => {\n    return (\n        <a href={to} target={\"_blank\"} rel=\"noreferrer\">\n            {children}\n        </a>\n    );\n};\n\nexport const BasicInfoStep = ({ nextStep }: StepProps) => {\n    return (\n        <Container\n            title={\"Basic info\"}\n            message={\n                \"To get started, we need some basic information about your project and how you found us.\"\n            }\n        >\n            <Center>\n                <div style={{ width: 400 }}>\n                    <Form onSubmit={data => nextStep(data)}>{() => <BasicInfoFormInputs />}</Form>\n                </div>\n            </Center>\n        </Container>\n    );\n};\n\nconst referralOptions = referralSources.map(label => ({ label, value: label }));\n\nconst requireChecked = (value: boolean) => {\n    if (!value) {\n        throw Error(`You must accept our Terms of Service and Privacy Policy.`);\n    }\n};\n\nconst BasicInfoFormInputs = () => {\n    const form = useForm();\n\n    const tosBind = useBind({\n        name: \"basicInfo.termsOfService\",\n        defaultValue: false,\n        validators: requireChecked\n    });\n\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <Bind name={\"basicInfo.projectName\"} validators={validation.create(\"required\")}>\n                    <Input label={\"Project name\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind\n                    name={\"basicInfo.organizationName\"}\n                    validators={validation.create(\"required\")}\n                >\n                    <Input label={\"Organization name\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"basicInfo.referralSource\"} validators={validation.create(\"required\")}>\n                    <Select\n                        label={\"Where did you hear about Webiny?\"}\n                        displayResetAction={false}\n                        options={referralOptions}\n                    />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Checkbox\n                    onChange={tosBind.onChange}\n                    checked={tosBind.value}\n                    label={\n                        <>\n                            I agree to Webiny’s{\" \"}\n                            <ExternalLink to={\"https://www.webiny.com/terms-of-service\"}>\n                                Terms of Service\n                            </ExternalLink>{\" \"}\n                            and{\" \"}\n                            <ExternalLink to={\"https://www.webiny.com/privacy-policy\"}>\n                                Privacy Policy\n                            </ExternalLink>\n                        </>\n                    }\n                    validation={tosBind.validation}\n                />\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Button\n                    disabled={tosBind.value !== true}\n                    containerClassName={\"w-full\"}\n                    className={\"w-full\"}\n                    variant={\"primary\"}\n                    size={\"lg\"}\n                    text={\"Next step\"}\n                    onClick={form.submit}\n                />\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"names":["ExternalLink","to","children","BasicInfoStep","nextStep","Container","Center","Form","data","BasicInfoFormInputs","referralOptions","referralSources","label","requireChecked","value","Error","form","useForm","tosBind","useBind","Grid","Bind","validation","Input","Select","Checkbox","Button"],"mappings":";;;;;;;AAkBA,MAAMA,eAAe,CAAC,EAAEC,EAAE,EAAEC,QAAQ,EAAqB,GAC9C,WAAP,GACI,oBAAC;QAAE,MAAMD;QAAI,QAAQ;QAAU,KAAI;OAC9BC;AAKN,MAAMC,gBAAgB,CAAC,EAAEC,QAAQ,EAAa,GAC1C,WAAP,GACI,oBAACC,WAASA;QACN,OAAO;QACP,SACI;qBAGJ,oBAACC,QAAMA,MAAAA,WAAAA,GACH,oBAAC;QAAI,OAAO;YAAE,OAAO;QAAI;qBACrB,oBAACC,MAAIA;QAAC,UAAUC,CAAAA,OAAQJ,SAASI;OAAQ,kBAAM,oBAACC,qBAAmBA;AAOvF,MAAMC,kBAAkBC,gBAAgB,GAAG,CAACC,CAAAA,QAAU;QAAEA;QAAO,OAAOA;IAAM;AAE5E,MAAMC,iBAAiB,CAACC;IACpB,IAAI,CAACA,OACD,MAAMC,MAAM;AAEpB;AAEA,MAAMN,sBAAsB;IACxB,MAAMO,OAAOC;IAEb,MAAMC,UAAUC,QAAQ;QACpB,MAAM;QACN,cAAc;QACd,YAAYN;IAChB;IAEA,OAAO,WAAP,GACI,oBAACO,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;QAAyB,YAAYC,WAAW,MAAM,CAAC;qBAC/D,oBAACC,OAAKA;QAAC,OAAO;wBAGtB,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QACD,MAAM;QACN,YAAYC,WAAW,MAAM,CAAC;qBAE9B,oBAACC,OAAKA;QAAC,OAAO;wBAGtB,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;QAA4B,YAAYC,WAAW,MAAM,CAAC;qBAClE,oBAACE,QAAMA;QACH,OAAO;QACP,oBAAoB;QACpB,SAASd;wBAIrB,oBAACU,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACK,UAAQA;QACL,UAAUP,QAAQ,QAAQ;QAC1B,SAASA,QAAQ,KAAK;QACtB,qBACI,0CAAE,uBACsB,mBACpB,oBAAClB,cAAYA;YAAC,IAAI;WAA2C,qBAE7C,KAAI,OAChB,mBACJ,oBAACA,cAAYA;YAAC,IAAI;WAAyC;QAKnE,YAAYkB,QAAQ,UAAU;uBAGtC,oBAACE,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACM,QAAMA;QACH,UAAUR,AAAkB,SAAlBA,QAAQ,KAAK;QACvB,oBAAoB;QACpB,WAAW;QACX,SAAS;QACT,MAAM;QACN,MAAM;QACN,SAASF,KAAK,MAAM;;AAKxC"}

package/presentation/installation/components/SystemInstaller/steps/Center.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const Center: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/presentation/installation/components/SystemInstaller/steps/Center.js

@@ -0,0 +1,7 @@
+import react from "react";
+const Center = ({ children })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-center"
+    }, children);
+export { Center };
+
+//# sourceMappingURL=Center.js.map

package/presentation/installation/components/SystemInstaller/steps/Center.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/installation/components/SystemInstaller/steps/Center.js","sources":["../../../../../../src/presentation/installation/components/SystemInstaller/steps/Center.tsx"],"sourcesContent":["import React from \"react\";\n\nexport const Center = ({ children }: { children: React.ReactNode }) => {\n    return <div className={\"flex justify-center\"}>{children}</div>;\n};\n"],"names":["Center","children"],"mappings":";AAEO,MAAMA,SAAS,CAAC,EAAEC,QAAQ,EAAiC,GACvD,WAAP,GAAO,oBAAC;QAAI,WAAW;OAAwBA"}

package/presentation/installation/components/SystemInstaller/steps/Container.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface ContainerProps {
+    children: React.ReactNode;
+    title: string;
+    message: string;
+    splashImage?: string;
+}
+export declare const Container: ({ title, message, splashImage, children }: ContainerProps) => React.JSX.Element;

package/presentation/installation/components/SystemInstaller/steps/Container.js

@@ -0,0 +1,22 @@
+import react from "react";
+import { Heading, Text } from "@webiny/admin-ui";
+import { Center } from "./Center.js";
+const Container = ({ title, message, splashImage, children })=>/*#__PURE__*/ react.createElement("div", {
+        style: {
+            width: 468,
+            paddingTop: 128
+        }
+    }, splashImage ? /*#__PURE__*/ react.createElement(Center, null, /*#__PURE__*/ react.createElement("img", {
+        src: splashImage,
+        className: "m-auto"
+    })) : null, /*#__PURE__*/ react.createElement(Center, null, /*#__PURE__*/ react.createElement(Heading, {
+        level: 3,
+        className: "mb-md pt-xxl text-accent-primary"
+    }, title)), /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        size: "md",
+        className: "mb-lg text-center text-neutral-strong"
+    }, message), children);
+export { Container };
+
+//# sourceMappingURL=Container.js.map

package/presentation/installation/components/SystemInstaller/steps/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/installation/components/SystemInstaller/steps/Container.js","sources":["../../../../../../src/presentation/installation/components/SystemInstaller/steps/Container.tsx"],"sourcesContent":["import React from \"react\";\nimport { Heading, Text } from \"@webiny/admin-ui\";\nimport { Center } from \"~/presentation/installation/components/SystemInstaller/steps/Center.js\";\n\nexport interface ContainerProps {\n    children: React.ReactNode;\n    title: string;\n    message: string;\n    splashImage?: string;\n}\n\nexport const Container = ({ title, message, splashImage, children }: ContainerProps) => {\n    return (\n        <div style={{ width: 468, paddingTop: 128 }}>\n            {splashImage ? (\n                <Center>\n                    <img src={splashImage} className={\"m-auto\"} />\n                </Center>\n            ) : null}\n            <Center>\n                <Heading level={3} className={\"mb-md pt-xxl text-accent-primary\"}>\n                    {title}\n                </Heading>\n            </Center>\n            <Text as=\"div\" size={\"md\"} className={\"mb-lg text-center text-neutral-strong\"}>\n                {message}\n            </Text>\n            {children}\n        </div>\n    );\n};\n"],"names":["Container","title","message","splashImage","children","Center","Heading","Text"],"mappings":";;;AAWO,MAAMA,YAAY,CAAC,EAAEC,KAAK,EAAEC,OAAO,EAAEC,WAAW,EAAEC,QAAQ,EAAkB,GACxE,WAAP,GACI,oBAAC;QAAI,OAAO;YAAE,OAAO;YAAK,YAAY;QAAI;OACrCD,cAAc,WAAdA,GACG,oBAACE,QAAMA,MAAAA,WAAAA,GACH,oBAAC;QAAI,KAAKF;QAAa,WAAW;UAEtC,oBACJ,oBAACE,QAAMA,MAAAA,WAAAA,GACH,oBAACC,SAAOA;QAAC,OAAO;QAAG,WAAW;OACzBL,SAAAA,WAAAA,GAGT,oBAACM,MAAIA;QAAC,IAAG;QAAM,MAAM;QAAM,WAAW;OACjCL,UAEJE"}

package/presentation/installation/components/SystemInstaller/steps/FinishSetup.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { ErrorObject, ISystemInstallerPresenter } from "../../../../../presentation/installation/presenters/SystemInstaller/abstractions.js";
+interface StepProps {
+    error?: ErrorObject;
+    isInstalled: boolean;
+    installing: boolean;
+    installSystem: ISystemInstallerPresenter["installSystem"];
+    finishInstallation: ISystemInstallerPresenter["finishInstallation"];
+}
+export declare const FinishSetupStep: ({ error, isInstalled, installing, installSystem, finishInstallation }: StepProps) => React.JSX.Element;
+export {};

package/presentation/installation/components/SystemInstaller/steps/FinishSetup.js

@@ -0,0 +1,53 @@
+import react, { useEffect } from "react";
+import { Alert, Button, Grid, Loader } from "@webiny/admin-ui";
+import { Center } from "./Center.js";
+import { Container } from "./Container.js";
+const FinishSetupStep = ({ error, isInstalled, installing, installSystem, finishInstallation })=>{
+    useEffect(()=>{
+        installSystem();
+    }, []);
+    const subtitle = isInstalled ? "Setup complete! Everything went smooth as a breeze!" : "We're finalizing installation of Webiny...please wait.";
+    return /*#__PURE__*/ react.createElement(Container, {
+        title: "Finish setup",
+        message: subtitle
+    }, /*#__PURE__*/ react.createElement(Center, null, /*#__PURE__*/ react.createElement("div", {
+        style: {
+            width: 400
+        }
+    }, /*#__PURE__*/ react.createElement(Grid, null, error ? /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12,
+        className: "flex flex-col gap-4"
+    }, /*#__PURE__*/ react.createElement(Alert, {
+        type: "danger"
+    }, error.data.reason), /*#__PURE__*/ react.createElement(Button, {
+        containerClassName: "w-full",
+        className: "w-full",
+        variant: "secondary",
+        size: "lg",
+        text: "Restart installation",
+        onClick: ()=>{
+            window.location.reload();
+        }
+    })) : /*#__PURE__*/ react.createElement(react.Fragment, null), installing ? /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col items-center gap-4 mt-8"
+    }, /*#__PURE__*/ react.createElement(Loader, {
+        size: "lg",
+        variant: "accent",
+        indeterminate: true,
+        text: "Installing Webiny..."
+    }))) : /*#__PURE__*/ react.createElement(react.Fragment, null), !error && isInstalled ? /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Button, {
+        containerClassName: "w-full",
+        className: "w-full",
+        variant: "primary",
+        size: "lg",
+        text: "Start using Webiny",
+        onClick: finishInstallation
+    })) : /*#__PURE__*/ react.createElement(react.Fragment, null)))));
+};
+export { FinishSetupStep };
+
+//# sourceMappingURL=FinishSetup.js.map

package/presentation/installation/components/SystemInstaller/steps/FinishSetup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/installation/components/SystemInstaller/steps/FinishSetup.js","sources":["../../../../../../src/presentation/installation/components/SystemInstaller/steps/FinishSetup.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Button, Grid, Loader, Alert } from \"@webiny/admin-ui\";\nimport { Center } from \"./Center.js\";\nimport { Container } from \"./Container.js\";\nimport type {\n    ErrorObject,\n    ISystemInstallerPresenter\n} from \"~/presentation/installation/presenters/SystemInstaller/abstractions.js\";\n\ninterface StepProps {\n    error?: ErrorObject;\n    isInstalled: boolean;\n    installing: boolean;\n    installSystem: ISystemInstallerPresenter[\"installSystem\"];\n    finishInstallation: ISystemInstallerPresenter[\"finishInstallation\"];\n}\n\nexport const FinishSetupStep = ({\n    error,\n    isInstalled,\n    installing,\n    installSystem,\n    finishInstallation\n}: StepProps) => {\n    useEffect(() => {\n        installSystem();\n    }, []);\n\n    const subtitle = isInstalled\n        ? \"Setup complete! Everything went smooth as a breeze!\"\n        : \"We're finalizing installation of Webiny...please wait.\";\n\n    return (\n        <Container title={\"Finish setup\"} message={subtitle}>\n            <Center>\n                <div style={{ width: 400 }}>\n                    <Grid>\n                        {error ? (\n                            <Grid.Column span={12} className={\"flex flex-col gap-4\"}>\n                                <Alert type={\"danger\"}>{error.data.reason}</Alert>\n                                <Button\n                                    containerClassName={\"w-full\"}\n                                    className={\"w-full\"}\n                                    variant={\"secondary\"}\n                                    size={\"lg\"}\n                                    text={\"Restart installation\"}\n                                    onClick={() => {\n                                        window.location.reload();\n                                    }}\n                                />\n                            </Grid.Column>\n                        ) : (\n                            <></>\n                        )}\n                        {installing ? (\n                            <Grid.Column span={12}>\n                                <div className=\"flex flex-col items-center gap-4 mt-8\">\n                                    <Loader\n                                        size=\"lg\"\n                                        variant=\"accent\"\n                                        indeterminate={true}\n                                        text=\"Installing Webiny...\"\n                                    />\n                                </div>\n                            </Grid.Column>\n                        ) : (\n                            <></>\n                        )}\n                        {!error && isInstalled ? (\n                            <Grid.Column span={12}>\n                                <Button\n                                    containerClassName={\"w-full\"}\n                                    className={\"w-full\"}\n                                    variant={\"primary\"}\n                                    size={\"lg\"}\n                                    text={\"Start using Webiny\"}\n                                    onClick={finishInstallation}\n                                />\n                            </Grid.Column>\n                        ) : (\n                            <></>\n                        )}\n                    </Grid>\n                </div>\n            </Center>\n        </Container>\n    );\n};\n"],"names":["FinishSetupStep","error","isInstalled","installing","installSystem","finishInstallation","useEffect","subtitle","Container","Center","Grid","Alert","Button","window","Loader"],"mappings":";;;;AAiBO,MAAMA,kBAAkB,CAAC,EAC5BC,KAAK,EACLC,WAAW,EACXC,UAAU,EACVC,aAAa,EACbC,kBAAkB,EACV;IACRC,UAAU;QACNF;IACJ,GAAG,EAAE;IAEL,MAAMG,WAAWL,cACX,wDACA;IAEN,OAAO,WAAP,GACI,oBAACM,WAASA;QAAC,OAAO;QAAgB,SAASD;qBACvC,oBAACE,QAAMA,MAAAA,WAAAA,GACH,oBAAC;QAAI,OAAO;YAAE,OAAO;QAAI;qBACrB,oBAACC,MAAIA,MACAT,QAAQ,WAARA,GACG,oBAACS,KAAK,MAAM;QAAC,MAAM;QAAI,WAAW;qBAC9B,oBAACC,OAAKA;QAAC,MAAM;OAAWV,MAAM,IAAI,CAAC,MAAM,iBACzC,oBAACW,QAAMA;QACH,oBAAoB;QACpB,WAAW;QACX,SAAS;QACT,MAAM;QACN,MAAM;QACN,SAAS;YACLC,OAAO,QAAQ,CAAC,MAAM;QAC1B;wBAIR,2CAEHV,aAAa,WAAbA,GACG,oBAACO,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAU;qBACX,oBAACI,QAAMA;QACH,MAAK;QACL,SAAQ;QACR,eAAe;QACf,MAAK;yBAKjB,2CAEH,CAACb,SAASC,cAAc,WAAdA,GACP,oBAACQ,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACE,QAAMA;QACH,oBAAoB;QACpB,WAAW;QACX,SAAS;QACT,MAAM;QACN,MAAM;QACN,SAASP;wBAIjB;AAO5B"}

package/presentation/installation/components/SystemInstaller/steps/IntroductionStep.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ISystemInstallerPresenter } from "../../../../../presentation/installation/presenters/SystemInstaller/abstractions.js";
+interface IntroductionStepProps {
+    nextStep: ISystemInstallerPresenter["nextStep"];
+}
+export declare const IntroductionStep: ({ nextStep }: IntroductionStepProps) => React.JSX.Element;
+export {};

package/presentation/installation/components/SystemInstaller/steps/IntroductionStep.js

@@ -0,0 +1,18 @@
+import react from "react";
+import { Button } from "@webiny/admin-ui";
+import introduction from "./introduction.js";
+import { Center } from "./Center.js";
+import { Container } from "./Container.js";
+const IntroductionStep = ({ nextStep })=>/*#__PURE__*/ react.createElement(Container, {
+        title: "Almost there...",
+        message: "To finalize the setup of your Webiny instance, we just need a few final details. Follow this quick wizard—it should only take a few seconds to complete.",
+        splashImage: introduction
+    }, /*#__PURE__*/ react.createElement(Center, null, /*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        size: "lg",
+        text: "Let's get started",
+        onClick: ()=>nextStep()
+    })));
+export { IntroductionStep };
+
+//# sourceMappingURL=IntroductionStep.js.map

package/presentation/installation/components/SystemInstaller/steps/IntroductionStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/installation/components/SystemInstaller/steps/IntroductionStep.js","sources":["../../../../../../src/presentation/installation/components/SystemInstaller/steps/IntroductionStep.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport introductionSvg from \"./introduction.svg\";\nimport { Center } from \"./Center.js\";\nimport { Container } from \"./Container.js\";\nimport type { ISystemInstallerPresenter } from \"~/presentation/installation/presenters/SystemInstaller/abstractions.js\";\n\ninterface IntroductionStepProps {\n    nextStep: ISystemInstallerPresenter[\"nextStep\"];\n}\n\nexport const IntroductionStep = ({ nextStep }: IntroductionStepProps) => {\n    return (\n        <Container\n            title={\"Almost there...\"}\n            message={\n                \"To finalize the setup of your Webiny instance, we just need a few final details. \" +\n                \"Follow this quick wizard—it should only take a few seconds to complete.\"\n            }\n            splashImage={introductionSvg}\n        >\n            <Center>\n                <Button\n                    variant={\"primary\"}\n                    size={\"lg\"}\n                    text={\"Let's get started\"}\n                    onClick={() => nextStep()}\n                />\n            </Center>\n        </Container>\n    );\n};\n"],"names":["IntroductionStep","nextStep","Container","introductionSvg","Center","Button"],"mappings":";;;;;AAWO,MAAMA,mBAAmB,CAAC,EAAEC,QAAQ,EAAyB,GACzD,WAAP,GACI,oBAACC,WAASA;QACN,OAAO;QACP,SACI;QAGJ,aAAaC;qBAEb,oBAACC,QAAMA,MAAAA,WAAAA,GACH,oBAACC,QAAMA;QACH,SAAS;QACT,MAAM;QACN,MAAM;QACN,SAAS,IAAMJ"}