@webiny/app-admin 6.0.0-beta.0 → 6.0.0-rc.1

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createProvider","Provider","SystemInstaller","SystemInstallerHoc","Original","SystemInstallerProvider","children","createElement","hoc"],"sources":["SystemInstallerProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { createProvider, Provider } from \"~/index.js\";\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,EAAEC,QAAQ;AACjC,SAASC,eAAe;AAExB,MAAMC,kBAAkB,GAAGH,cAAc,CAACI,QAAQ,IAAI;EAClD,OAAO,SAASC,uBAAuBA,CAAC;IAAEC;EAAS,CAAC,EAAE;IAClD,oBACIP,KAAA,CAAAQ,aAAA,CAACL,eAAe,qBACZH,KAAA,CAAAQ,aAAA,CAACH,QAAQ,QAAEE,QAAmB,CACjB,CAAC;EAE1B,CAAC;AACL,CAAC,CAAC;AAEF,OAAO,MAAMD,uBAAuB,GAAGA,CAAA,KAAM;EACzC,oBAAON,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IAACO,GAAG,EAAEL;EAAmB,CAAE,CAAC;AAChD,CAAC","ignoreList":[]}

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,3 @@
+export { SystemInstallerProvider } from "./SystemInstallerProvider.js";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SystemInstallerProvider"],"sources":["index.ts"],"sourcesContent":["export { SystemInstallerProvider } from \"./SystemInstallerProvider.js\";\n"],"mappings":"AAAA,SAASA,uBAAuB","ignoreList":[]}

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,32 @@
+import { ValidationError } from "@webiny/validation";
+export const createPasswordValidator = policy => value => {
+  if (!value) {
+    return;
+  }
+  /**
+   * TODO @ts-refactor
+   * @pavel expl
+   */
+  value = value + "";
+  const requireSymbols = /([=+\-^$*.\[\]{}()?"!@#%&/,><':;|_~`])+/;
+  const requireNumber = /[0-9]/;
+  const requireLowercase = /[a-z]/;
+  const requireUppercase = /[A-Z]/;
+  if (policy.minimumLength !== undefined && 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.");
+  }
+};
+
+//# sourceMappingURL=createPasswordValidator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ValidationError","createPasswordValidator","policy","value","requireSymbols","requireNumber","requireLowercase","requireUppercase","minimumLength","undefined","length","test","requireNumbers"],"sources":["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"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAUpD,OAAO,MAAMC,uBAAuB,GAC/BC,MAAsB,IACtBC,KAAc,IAAW;EACtB,IAAI,CAACA,KAAK,EAAE;IACR;EACJ;EACA;AACR;AACA;AACA;EACQA,KAAK,GAAGA,KAAK,GAAG,EAAE;EAElB,MAAMC,cAAc,GAAG,yCAAyC;EAChE,MAAMC,aAAa,GAAG,OAAO;EAC7B,MAAMC,gBAAgB,GAAG,OAAO;EAChC,MAAMC,gBAAgB,GAAG,OAAO;EAEhC,IAAIL,MAAM,CAACM,aAAa,KAAKC,SAAS,IAAIN,KAAK,CAACO,MAAM,GAAGR,MAAM,CAACM,aAAa,EAAE;IAC3E,MAAM,IAAIR,eAAe,CACrB,2BAA2BE,MAAM,CAACM,aAAa,cACnD,CAAC;EACL;EAEA,IAAIN,MAAM,CAACI,gBAAgB,IAAI,CAACA,gBAAgB,CAACK,IAAI,CAACR,KAAK,CAAC,EAAE;IAC1D,MAAM,IAAIH,eAAe,CAAC,2CAA2C,CAAC;EAC1E;EAEA,IAAIE,MAAM,CAACU,cAAc,IAAI,CAACP,aAAa,CAACM,IAAI,CAACR,KAAK,CAAC,EAAE;IACrD,MAAM,IAAIH,eAAe,CAAC,8BAA8B,CAAC;EAC7D;EAEA,IAAIE,MAAM,CAACK,gBAAgB,IAAI,CAACA,gBAAgB,CAACI,IAAI,CAACR,KAAK,CAAC,EAAE;IAC1D,MAAM,IAAIH,eAAe,CAAC,4CAA4C,CAAC;EAC3E;EAEA,IAAIE,MAAM,CAACE,cAAc,IAAI,CAACA,cAAc,CAACO,IAAI,CAACR,KAAK,CAAC,EAAE;IACtD,MAAM,IAAIH,eAAe,CAAC,yCAAyC,CAAC;EACxE;AACJ,CAAC","ignoreList":[]}

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,15 @@
+import { useMemo } from "react";
+import { config as appConfig } from "@webiny/app/config.js";
+import { createPasswordValidator } from "./createPasswordValidator.js";
+export function usePasswordValidator() {
+  let envPasswordValidatorPolicy;
+  try {
+    envPasswordValidatorPolicy = JSON.parse(process.env.REACT_APP_USER_POOL_PASSWORD_POLICY);
+  } catch {
+    // Do nothing.
+  }
+  const passwordValidatorPolicy = appConfig.getKey("USER_POOL_PASSWORD_POLICY", envPasswordValidatorPolicy);
+  return useMemo(() => createPasswordValidator(passwordValidatorPolicy), [passwordValidatorPolicy]);
+}
+
+//# sourceMappingURL=usePasswordValidator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","config","appConfig","createPasswordValidator","usePasswordValidator","envPasswordValidatorPolicy","JSON","parse","process","env","REACT_APP_USER_POOL_PASSWORD_POLICY","passwordValidatorPolicy","getKey"],"sources":["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"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,MAAM,IAAIC,SAAS,QAAQ,uBAAuB;AAC3D,SAASC,uBAAuB;AAEhC,OAAO,SAASC,oBAAoBA,CAAA,EAAG;EACnC,IAAIC,0BAA0B;EAC9B,IAAI;IACAA,0BAA0B,GAAGC,IAAI,CAACC,KAAK,CACnCC,OAAO,CAACC,GAAG,CAACC,mCAChB,CAAC;EACL,CAAC,CAAC,MAAM;IACJ;EAAA;EAGJ,MAAMC,uBAAuB,GAAGT,SAAS,CAACU,MAAM,CAC5C,2BAA2B,EAC3BP,0BACJ,CAAC;EAED,OAAOL,OAAO,CACV,MAAMG,uBAAuB,CAACQ,uBAAuB,CAAC,EACtD,CAACA,uBAAuB,CAC5B,CAAC;AACL","ignoreList":[]}

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";
+export const AdminUserStep = ({
+  nextStep
+}) => {
+  return /*#__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
+  })));
+};
+
+//# sourceMappingURL=AdminUserStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","Grid","Input","Bind","Form","useForm","validation","Center","Container","usePasswordValidator","AdminUserStep","nextStep","createElement","title","message","style","width","onSubmit","data","AdminUserInputs","form","passwordValidator","Column","span","name","validators","create","label","beforeChange","value","cb","toLowerCase","autoComplete","type","containerClassName","className","variant","size","text","onClick","submit"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AACtD,SAASC,IAAI,EAAEC,IAAI,EAAEC,OAAO,QAAQ,cAAc;AAClD,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,MAAM;AACf,SAASC,SAAS;AAElB,SAASC,oBAAoB;AAM7B,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC;AAAoB,CAAC,KAAK;EACtD,oBACIZ,KAAA,CAAAa,aAAA,CAACJ,SAAS;IACNK,KAAK,EAAE,eAAgB;IACvBC,OAAO,EAAE;EAA4E,gBAErFf,KAAA,CAAAa,aAAA,CAACL,MAAM,qBACHR,KAAA,CAAAa,aAAA;IAAKG,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAI;EAAE,gBACvBjB,KAAA,CAAAa,aAAA,CAACR,IAAI;IAACa,QAAQ,EAAEC,IAAI,IAAIP,QAAQ,CAACO,IAAI;EAAE,GAAE,mBAAMnB,KAAA,CAAAa,aAAA,CAACO,eAAe,MAAE,CAAQ,CACxE,CACD,CACD,CAAC;AAEpB,CAAC;AAED,MAAMA,eAAe,GAAGA,CAAA,KAAM;EAC1B,MAAMC,IAAI,GAAGf,OAAO,CAAC,CAAC;EACtB,MAAMgB,iBAAiB,GAAGZ,oBAAoB,CAAC,CAAC;EAEhD,oBACIV,KAAA,CAAAa,aAAA,CAACX,IAAI,qBACDF,KAAA,CAAAa,aAAA,CAACX,IAAI,CAACqB,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBxB,KAAA,CAAAa,aAAA,CAACT,IAAI;IAACqB,IAAI,EAAE,mBAAoB;IAACC,UAAU,EAAEnB,UAAU,CAACoB,MAAM,CAAC,UAAU;EAAE,gBACvE3B,KAAA,CAAAa,aAAA,CAACV,KAAK;IAACyB,KAAK,EAAE;EAAa,CAAE,CAC3B,CACG,CAAC,eACd5B,KAAA,CAAAa,aAAA,CAACX,IAAI,CAACqB,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBxB,KAAA,CAAAa,aAAA,CAACT,IAAI;IAACqB,IAAI,EAAE,kBAAmB;IAACC,UAAU,EAAEnB,UAAU,CAACoB,MAAM,CAAC,UAAU;EAAE,gBACtE3B,KAAA,CAAAa,aAAA,CAACV,KAAK;IAACyB,KAAK,EAAE;EAAY,CAAE,CAC1B,CACG,CAAC,eACd5B,KAAA,CAAAa,aAAA,CAACX,IAAI,CAACqB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBxB,KAAA,CAAAa,aAAA,CAACT,IAAI;IACDqB,IAAI,EAAE,eAAgB;IACtBI,YAAY,EAAEA,CAACC,KAAa,EAAEC,EAAE,KAAKA,EAAE,CAACD,KAAK,CAACE,WAAW,CAAC,CAAC,CAAE;IAC7DN,UAAU,EAAEnB,UAAU,CAACoB,MAAM,CAAC,gBAAgB;EAAE,gBAEhD3B,KAAA,CAAAa,aAAA,CAACV,KAAK;IAACyB,KAAK,EAAE,YAAa;IAACK,YAAY,EAAE;EAAe,CAAE,CACzD,CACG,CAAC,eACdjC,KAAA,CAAAa,aAAA,CAACX,IAAI,CAACqB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBxB,KAAA,CAAAa,aAAA,CAACT,IAAI;IACDqB,IAAI,EAAE,kBAAmB;IACzBC,UAAU,EAAE,CAACJ,iBAAiB,EAAEf,UAAU,CAACoB,MAAM,CAAC,UAAU,CAAC;EAAE,gBAE/D3B,KAAA,CAAAa,aAAA,CAACV,KAAK;IACFyB,KAAK,EAAE,iBAAkB;IACzBM,IAAI,EAAE,UAAW;IACjBD,YAAY,EAAE;EAAe,CAChC,CACC,CACG,CAAC,eAEdjC,KAAA,CAAAa,aAAA,CAACX,IAAI,CAACqB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBxB,KAAA,CAAAa,aAAA,CAACZ,MAAM;IACHkC,kBAAkB,EAAE,QAAS;IAC7BC,SAAS,EAAE,QAAS;IACpBC,OAAO,EAAE,SAAU;IACnBC,IAAI,EAAE,IAAK;IACXC,IAAI,EAAE,WAAY;IAClBC,OAAO,EAAEnB,IAAI,CAACoB;EAAO,CACxB,CACQ,CACX,CAAC;AAEf,CAAC","ignoreList":[]}

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,95 @@
+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
+}) => {
+  return /*#__PURE__*/React.createElement("a", {
+    href: to,
+    target: "_blank",
+    rel: "noreferrer"
+  }, children);
+};
+export const BasicInfoStep = ({
+  nextStep
+}) => {
+  return /*#__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\u2019s", " ", /*#__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: tosBind.value !== true,
+    containerClassName: "w-full",
+    className: "w-full",
+    variant: "primary",
+    size: "lg",
+    text: "Next step",
+    onClick: form.submit
+  })));
+};
+
+//# sourceMappingURL=BasicInfoStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","Checkbox","Grid","Input","Select","Bind","Form","useBind","useForm","validation","Center","Container","referralSources","ExternalLink","to","children","createElement","href","target","rel","BasicInfoStep","nextStep","title","message","style","width","onSubmit","data","BasicInfoFormInputs","referralOptions","map","label","value","requireChecked","Error","form","tosBind","name","defaultValue","validators","Column","span","create","displayResetAction","options","onChange","checked","Fragment","disabled","containerClassName","className","variant","size","text","onClick","submit"],"sources":["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"],"mappings":"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","ignoreList":[]}

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,10 @@
+import React from "react";
+export const Center = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-center"
+  }, children);
+};
+
+//# sourceMappingURL=Center.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Center","children","createElement","className"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EACnE,oBAAOF,KAAA,CAAAG,aAAA;IAAKC,SAAS,EAAE;EAAsB,GAAEF,QAAc,CAAC;AAClE,CAAC","ignoreList":[]}

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,28 @@
+import React from "react";
+import { Heading, Text } from "@webiny/admin-ui";
+import { Center } from "./Center.js";
+export const Container = ({
+  title,
+  message,
+  splashImage,
+  children
+}) => {
+  return /*#__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);
+};
+
+//# sourceMappingURL=Container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Heading","Text","Center","Container","title","message","splashImage","children","createElement","style","width","paddingTop","src","className","level","as","size"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAChD,SAASC,MAAM;AASf,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEC,KAAK;EAAEC,OAAO;EAAEC,WAAW;EAAEC;AAAyB,CAAC,KAAK;EACpF,oBACIR,KAAA,CAAAS,aAAA;IAAKC,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAG;MAAEC,UAAU,EAAE;IAAI;EAAE,GACvCL,WAAW,gBACRP,KAAA,CAAAS,aAAA,CAACN,MAAM,qBACHH,KAAA,CAAAS,aAAA;IAAKI,GAAG,EAAEN,WAAY;IAACO,SAAS,EAAE;EAAS,CAAE,CACzC,CAAC,GACT,IAAI,eACRd,KAAA,CAAAS,aAAA,CAACN,MAAM,qBACHH,KAAA,CAAAS,aAAA,CAACR,OAAO;IAACc,KAAK,EAAE,CAAE;IAACD,SAAS,EAAE;EAAmC,GAC5DT,KACI,CACL,CAAC,eACTL,KAAA,CAAAS,aAAA,CAACP,IAAI;IAACc,EAAE,EAAC,KAAK;IAACC,IAAI,EAAE,IAAK;IAACH,SAAS,EAAE;EAAwC,GACzER,OACC,CAAC,EACNE,QACA,CAAC;AAEd,CAAC","ignoreList":[]}

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,58 @@
+import React, { useEffect } from "react";
+import { Button, Grid, Loader, Alert } from "@webiny/admin-ui";
+import { Center } from "./Center.js";
+import { Container } from "./Container.js";
+export 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)))));
+};
+
+//# sourceMappingURL=FinishSetup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","Button","Grid","Loader","Alert","Center","Container","FinishSetupStep","error","isInstalled","installing","installSystem","finishInstallation","subtitle","createElement","title","message","style","width","Column","span","className","type","data","reason","containerClassName","variant","size","text","onClick","window","location","reload","Fragment","indeterminate"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,KAAK,QAAQ,kBAAkB;AAC9D,SAASC,MAAM;AACf,SAASC,SAAS;AAclB,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC5BC,KAAK;EACLC,WAAW;EACXC,UAAU;EACVC,aAAa;EACbC;AACO,CAAC,KAAK;EACbZ,SAAS,CAAC,MAAM;IACZW,aAAa,CAAC,CAAC;EACnB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,QAAQ,GAAGJ,WAAW,GACtB,qDAAqD,GACrD,wDAAwD;EAE9D,oBACIV,KAAA,CAAAe,aAAA,CAACR,SAAS;IAACS,KAAK,EAAE,cAAe;IAACC,OAAO,EAAEH;EAAS,gBAChDd,KAAA,CAAAe,aAAA,CAACT,MAAM,qBACHN,KAAA,CAAAe,aAAA;IAAKG,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAI;EAAE,gBACvBnB,KAAA,CAAAe,aAAA,CAACZ,IAAI,QACAM,KAAK,gBACFT,KAAA,CAAAe,aAAA,CAACZ,IAAI,CAACiB,MAAM;IAACC,IAAI,EAAE,EAAG;IAACC,SAAS,EAAE;EAAsB,gBACpDtB,KAAA,CAAAe,aAAA,CAACV,KAAK;IAACkB,IAAI,EAAE;EAAS,GAAEd,KAAK,CAACe,IAAI,CAACC,MAAc,CAAC,eAClDzB,KAAA,CAAAe,aAAA,CAACb,MAAM;IACHwB,kBAAkB,EAAE,QAAS;IAC7BJ,SAAS,EAAE,QAAS;IACpBK,OAAO,EAAE,WAAY;IACrBC,IAAI,EAAE,IAAK;IACXC,IAAI,EAAE,sBAAuB;IAC7BC,OAAO,EAAEA,CAAA,KAAM;MACXC,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,CAAC;IAC5B;EAAE,CACL,CACQ,CAAC,gBAEdjC,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAkC,QAAA,MAAI,CACP,EACAvB,UAAU,gBACPX,KAAA,CAAAe,aAAA,CAACZ,IAAI,CAACiB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBrB,KAAA,CAAAe,aAAA;IAAKO,SAAS,EAAC;EAAuC,gBAClDtB,KAAA,CAAAe,aAAA,CAACX,MAAM;IACHwB,IAAI,EAAC,IAAI;IACTD,OAAO,EAAC,QAAQ;IAChBQ,aAAa,EAAE,IAAK;IACpBN,IAAI,EAAC;EAAsB,CAC9B,CACA,CACI,CAAC,gBAEd7B,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAkC,QAAA,MAAI,CACP,EACA,CAACzB,KAAK,IAAIC,WAAW,gBAClBV,KAAA,CAAAe,aAAA,CAACZ,IAAI,CAACiB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBrB,KAAA,CAAAe,aAAA,CAACb,MAAM;IACHwB,kBAAkB,EAAE,QAAS;IAC7BJ,SAAS,EAAE,QAAS;IACpBK,OAAO,EAAE,SAAU;IACnBC,IAAI,EAAE,IAAK;IACXC,IAAI,EAAE,oBAAqB;IAC3BC,OAAO,EAAEjB;EAAmB,CAC/B,CACQ,CAAC,gBAEdb,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAkC,QAAA,MAAI,CAEN,CACL,CACD,CACD,CAAC;AAEpB,CAAC","ignoreList":[]}

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,21 @@
+import React from "react";
+import { Button } from "@webiny/admin-ui";
+import introductionSvg from "./introduction.svg";
+import { Center } from "./Center.js";
+import { Container } from "./Container.js";
+export const IntroductionStep = ({
+  nextStep
+}) => {
+  return /*#__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: introductionSvg
+  }, /*#__PURE__*/React.createElement(Center, null, /*#__PURE__*/React.createElement(Button, {
+    variant: "primary",
+    size: "lg",
+    text: "Let's get started",
+    onClick: () => nextStep()
+  })));
+};
+
+//# sourceMappingURL=IntroductionStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","introductionSvg","Center","Container","IntroductionStep","nextStep","createElement","title","message","splashImage","variant","size","text","onClick"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,OAAOC,eAAe;AACtB,SAASC,MAAM;AACf,SAASC,SAAS;AAOlB,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAgC,CAAC,KAAK;EACrE,oBACIN,KAAA,CAAAO,aAAA,CAACH,SAAS;IACNI,KAAK,EAAE,iBAAkB;IACzBC,OAAO,EACH,mFAAmF,GACnF,yEACH;IACDC,WAAW,EAAER;EAAgB,gBAE7BF,KAAA,CAAAO,aAAA,CAACJ,MAAM,qBACHH,KAAA,CAAAO,aAAA,CAACN,MAAM;IACHU,OAAO,EAAE,SAAU;IACnBC,IAAI,EAAE,IAAK;IACXC,IAAI,EAAE,mBAAoB;IAC1BC,OAAO,EAAEA,CAAA,KAAMR,QAAQ,CAAC;EAAE,CAC7B,CACG,CACD,CAAC;AAEpB,CAAC","ignoreList":[]}