@webiny/app-admin 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313

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":[]}

package/presentation/installation/components/SystemInstaller/steps/introduction.svg

@@ -0,0 +1,154 @@
+<svg width="288" height="259" viewBox="0 0 288 259" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M141.816 107.487C143.384 106.594 145.316 106.594 146.884 107.487L163.457 116.927C165.026 117.821 165.992 119.472 165.992 121.258V140.138C165.992 141.925 165.026 143.576 163.457 144.469L146.884 153.91C145.316 154.803 143.384 154.803 141.816 153.91L125.243 144.469C123.674 143.576 122.707 141.925 122.707 140.138V121.258C122.707 119.472 123.674 117.821 125.243 116.927L141.816 107.487ZM138.819 133.173H138.455C137.187 129.659 135.918 126.144 134.692 122.752H130.044C132.304 129.136 134.508 135.361 136.712 141.586H140.548L144.346 131.053H144.73C145.998 134.585 147.263 138.121 148.506 141.577H152.351C154.564 135.327 156.768 129.099 159.019 122.735H154.367C153.124 126.195 151.872 129.663 150.62 133.135H150.223C148.976 129.655 147.724 126.178 146.477 122.706H142.585C141.321 126.216 140.07 129.693 138.819 133.173Z" fill="#FA5723"/>
+    <path d="M210.243 181.991L149.399 216.624C143.641 219.901 136.547 219.901 130.788 216.624L69.9435 181.991C64.1853 178.713 60.6384 172.657 60.6384 166.102L60.6384 96.8361C60.6384 90.2812 64.1853 84.2241 69.9435 80.9472L130.788 46.3141C136.547 43.0362 143.641 43.0362 149.399 46.3141L210.243 80.9472C216.001 84.2241 219.548 90.2812 219.548 96.8361V166.102C219.548 172.657 216.001 178.713 210.243 181.991" stroke="#E3E5EB" stroke-width="1.41884" stroke-dasharray="2.84 2.84"/>
+    <g filter="url(#filter0_d_1_1467)">
+        <rect x="3.17554" y="59.4629" width="80.1742" height="63.5044" rx="3.61803" fill="white"/>
+    </g>
+    <circle cx="10.1963" cy="66.0632" r="1.58761" fill="#FA5723"/>
+    <circle cx="15.3559" cy="66.0632" r="1.58761" fill="#FA5723"/>
+    <circle cx="20.9126" cy="66.0632" r="1.58761" fill="#FA5723"/>
+    <rect x="8.60864" y="71.6501" width="16.3875" height="47.1613" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="29.0931" y="71.6501" width="22.3052" height="21.0125" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="29.0931" y="96.3981" width="22.3052" height="22.4133" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="55.4951" y="71.6501" width="22.3052" height="21.0125" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="55.4951" y="96.3981" width="22.3052" height="22.4133" rx="0.709418" fill="#F0F1F3"/>
+    <g filter="url(#filter1_d_1_1467)">
+        <rect x="103.913" y="2" width="80.1742" height="63.5044" rx="3.61803" fill="white"/>
+    </g>
+    <circle cx="110.934" cy="8.60036" r="1.58761" fill="#FA5723"/>
+    <circle cx="116.093" cy="8.60036" r="1.58761" fill="#FA5723"/>
+    <circle cx="121.65" cy="8.60036" r="1.58761" fill="#FA5723"/>
+    <rect x="109.588" y="14.0601" width="16.3166" height="12.7695" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="109.588" y="30.3767" width="16.3166" height="12.7695" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="109.588" y="46.6933" width="16.3166" height="12.7695" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="130.161" y="14.0601" width="23.4108" height="2.83767" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="130.161" y="30.3767" width="23.4108" height="2.83767" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="130.161" y="46.6933" width="23.4108" height="2.83767" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="130.161" y="19.026" width="46.8216" height="2.83767" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="130.161" y="35.3426" width="46.8216" height="2.83767" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="130.161" y="51.6593" width="46.8216" height="2.83767" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="130.161" y="23.992" width="46.8216" height="2.83767" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="130.161" y="40.3086" width="46.8216" height="2.83767" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="130.161" y="56.6252" width="46.8216" height="2.83767" rx="0.709418" fill="#F0F1F3"/>
+    <g filter="url(#filter2_d_1_1467)">
+        <rect x="103.913" y="187.158" width="84.7606" height="67.1371" rx="3.825" fill="white"/>
+    </g>
+    <circle cx="110.934" cy="193.758" r="1.58761" fill="#FA5723"/>
+    <circle cx="116.093" cy="193.758" r="1.58761" fill="#FA5723"/>
+    <circle cx="121.65" cy="193.758" r="1.58761" fill="#FA5723"/>
+    <rect x="109.588" y="199.218" width="34.7615" height="26.9579" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="109.588" y="227.595" width="10.6413" height="8.51302" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="121.648" y="227.595" width="10.6413" height="8.51302" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="133.708" y="227.595" width="10.6413" height="8.51302" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="148.606" y="199.928" width="13.4789" height="2.83767" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="148.606" y="204.894" width="26.9579" height="1.41884" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="148.606" y="227.595" width="26.9579" height="1.41884" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="148.606" y="236.108" width="26.9579" height="1.41884" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="148.606" y="230.433" width="26.9579" height="1.41884" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="148.606" y="207.731" width="26.9579" height="1.41884" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="148.606" y="233.27" width="26.9579" height="1.41884" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="148.606" y="238.946" width="26.9579" height="1.41884" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="148.606" y="210.569" width="26.9579" height="1.41884" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="148.606" y="241.783" width="26.9579" height="1.41884" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="148.606" y="214.116" width="17.7354" height="4.96593" rx="0.709418" fill="#BEBEBE"/>
+    <g filter="url(#filter3_d_1_1467)">
+        <rect x="3.17554" y="148.85" width="80.1742" height="63.5044" rx="3.61803" fill="white"/>
+    </g>
+    <circle cx="10.1963" cy="155.45" r="1.58761" fill="#FA5723"/>
+    <circle cx="15.3559" cy="155.45" r="1.58761" fill="#FA5723"/>
+    <circle cx="20.9126" cy="155.45" r="1.58761" fill="#FA5723"/>
+    <rect x="8.85089" y="168.713" width="17.7354" height="9.22243" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="33.6805" y="168.713" width="17.7354" height="9.22243" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="33.6805" y="187.158" width="17.7354" height="9.22243" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="58.5101" y="187.158" width="17.7354" height="9.22243" rx="0.709418" fill="#F0F1F3"/>
+    <path d="M31.907 174.034L28.3599 171.986V176.082L31.907 174.034Z" fill="#BEBEBE"/>
+    <path d="M42.3708 184.498L44.4188 180.951L40.3229 180.951L42.3708 184.498Z" fill="#BEBEBE"/>
+    <path d="M56.7366 191.415L53.1895 189.367V193.463L56.7366 191.415Z" fill="#BEBEBE"/>
+    <rect x="58.5101" y="199.928" width="17.7354" height="4.96593" rx="0.709418" fill="#BEBEBE"/>
+    <g filter="url(#filter4_d_1_1467)">
+        <rect x="204.65" y="63.0099" width="80.1742" height="63.5044" rx="3.61803" fill="white"/>
+    </g>
+    <circle cx="211.671" cy="69.6103" r="1.58761" fill="#FA5723"/>
+    <circle cx="216.831" cy="69.6103" r="1.58761" fill="#FA5723"/>
+    <circle cx="222.387" cy="69.6103" r="1.58761" fill="#FA5723"/>
+    <rect x="225.369" y="81.6163" width="37.3184" height="4.6065" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="225.369" y="95.6116" width="37.3184" height="4.6065" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="225.369" y="88.4605" width="37.3184" height="4.9136" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="225.369" y="102.456" width="37.3184" height="4.9136" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="250.937" y="109.607" width="11.7504" height="4.9136" rx="0.709418" fill="#BEBEBE"/>
+    <g filter="url(#filter5_d_1_1467)">
+        <rect x="204.65" y="148.85" width="80.1742" height="63.5044" rx="3.61803" fill="white"/>
+    </g>
+    <circle cx="211.671" cy="155.45" r="1.58761" fill="#FA5723"/>
+    <circle cx="216.831" cy="155.45" r="1.58761" fill="#FA5723"/>
+    <circle cx="222.387" cy="155.45" r="1.58761" fill="#FA5723"/>
+    <rect x="233.737" y="163.038" width="46.8216" height="11.3507" rx="1.41884" fill="#F0F1F3"/>
+    <rect x="233.737" y="177.226" width="46.8216" height="11.3507" rx="1.41884" fill="#F0F1F3"/>
+    <rect x="210.326" y="163.038" width="15.6072" height="4.25651" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="210.326" y="169.423" width="15.6072" height="4.25651" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="210.326" y="175.807" width="15.6072" height="4.25651" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="210.326" y="182.192" width="15.6072" height="4.25651" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="210.326" y="188.577" width="15.6072" height="4.25651" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="233.737" y="191.415" width="21.992" height="11.3507" rx="0.709418" fill="#F0F1F3"/>
+    <rect x="258.566" y="191.415" width="21.992" height="11.3507" rx="1.41884" fill="#F0F1F3"/>
+    <rect x="262.113" y="194.962" width="14.8978" height="4.96593" rx="0.709418" fill="#BEBEBE"/>
+    <rect x="237.284" y="194.962" width="14.8978" height="4.96593" rx="0.709418" fill="#BEBEBE"/>
+    <rect x="237.284" y="180.064" width="39.7274" height="5.67534" rx="0.709418" fill="#BEBEBE"/>
+    <rect x="237.284" y="165.876" width="39.7274" height="5.67534" rx="0.709418" fill="#BEBEBE"/>
+    <defs>
+        <filter id="filter0_d_1_1467" x="0.337865" y="58.044" width="85.8496" height="69.1797" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+            <feOffset dy="1.41884"/>
+            <feGaussianBlur stdDeviation="1.41884"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.234839 0"/>
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_1467"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_1467" result="shape"/>
+        </filter>
+        <filter id="filter1_d_1_1467" x="101.075" y="0.581164" width="85.8496" height="69.1797" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+            <feOffset dy="1.41884"/>
+            <feGaussianBlur stdDeviation="1.41884"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.234839 0"/>
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_1467"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_1467" result="shape"/>
+        </filter>
+        <filter id="filter2_d_1_1467" x="100.913" y="185.658" width="90.7606" height="73.1371" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+            <feOffset dy="1.5"/>
+            <feGaussianBlur stdDeviation="1.5"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.234839 0"/>
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_1467"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_1467" result="shape"/>
+        </filter>
+        <filter id="filter3_d_1_1467" x="0.337865" y="147.431" width="85.8496" height="69.1797" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+            <feOffset dy="1.41884"/>
+            <feGaussianBlur stdDeviation="1.41884"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.234839 0"/>
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_1467"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_1467" result="shape"/>
+        </filter>
+        <filter id="filter4_d_1_1467" x="201.813" y="61.5911" width="85.8496" height="69.1797" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+            <feOffset dy="1.41884"/>
+            <feGaussianBlur stdDeviation="1.41884"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.234839 0"/>
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_1467"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_1467" result="shape"/>
+        </filter>
+        <filter id="filter5_d_1_1467" x="201.813" y="147.431" width="85.8496" height="69.1797" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+            <feOffset dy="1.41884"/>
+            <feGaussianBlur stdDeviation="1.41884"/>
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.234839 0"/>
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_1467"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_1467" result="shape"/>
+        </filter>
+    </defs>
+</svg>

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

@@ -0,0 +1 @@
+export declare const referralSources: string[];

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

@@ -0,0 +1,3 @@
+export const referralSources = ["Search engine (i.e. Google, DuckDuck)", "Chat GPT or similar", "Friend or colleague referral", "GitHub", "Social (Reddit, Facebook, X, HN, LinkedIn)", "Blog", "YouTube", "Comparison site (G2, Capterra, etc.)", "Newsletter", "Event, webinar, conference or a meetup", "Other"];
+
+//# sourceMappingURL=referralSources.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["referralSources"],"sources":["referralSources.ts"],"sourcesContent":["export const referralSources = [\n    \"Search engine (i.e. Google, DuckDuck)\",\n    \"Chat GPT or similar\",\n    \"Friend or colleague referral\",\n    \"GitHub\",\n    \"Social (Reddit, Facebook, X, HN, LinkedIn)\",\n    \"Blog\",\n    \"YouTube\",\n    \"Comparison site (G2, Capterra, etc.)\",\n    \"Newsletter\",\n    \"Event, webinar, conference or a meetup\",\n    \"Other\"\n];\n"],"mappings":"AAAA,OAAO,MAAMA,eAAe,GAAG,CAC3B,uCAAuC,EACvC,qBAAqB,EACrB,8BAA8B,EAC9B,QAAQ,EACR,4CAA4C,EAC5C,MAAM,EACN,SAAS,EACT,sCAAsC,EACtC,YAAY,EACZ,wCAAwC,EACxC,OAAO,CACV","ignoreList":[]}

package/presentation/installation/presenters/SystemInstaller/SystemInstallerGateway.d.ts

@@ -0,0 +1,10 @@
+import { GraphQLClient } from "@webiny/app/features/graphqlClient";
+import { type InstallationInput, SystemInstallerGateway as Abstraction } from "./abstractions.js";
+declare class SystemInstallerGraphQLGateway implements Abstraction.Interface {
+    private client;
+    constructor(client: GraphQLClient.Interface);
+    isSystemInstalled(): Promise<boolean>;
+    installSystem(data: InstallationInput): Promise<void>;
+}
+export declare const SystemInstallerGateway: import("@webiny/di").Implementation<typeof SystemInstallerGraphQLGateway>;
+export {};

package/presentation/installation/presenters/SystemInstaller/SystemInstallerGateway.js

@@ -0,0 +1,63 @@
+import { createImplementation } from "@webiny/di";
+import { GraphQLClient } from "@webiny/app/features/graphqlClient";
+import { SystemInstallerGateway as Abstraction } from "./abstractions.js";
+const IS_SYSTEM_INSTALLED = /* GraphQL */`
+    query IsSystemInstalled {
+        system {
+            isSystemInstalled {
+                data
+                error {
+                    message
+                    code
+                    data
+                }
+            }
+        }
+    }
+`;
+const INSTALL_SYSTEM = /* GraphQL */`
+    mutation InstallSystem($installationInput: JSON!) {
+        system {
+            installSystem(installationInput: $installationInput) {
+                data
+                error {
+                    message
+                    code
+                    data
+                }
+            }
+        }
+    }
+`;
+class SystemInstallerGraphQLGateway {
+  constructor(client) {
+    this.client = client;
+  }
+  async isSystemInstalled() {
+    const response = await this.client.execute({
+      query: IS_SYSTEM_INSTALLED
+    });
+    if (response.system.isSystemInstalled.error) {
+      throw new Error(response.system.isSystemInstalled.error.message);
+    }
+    return response.system.isSystemInstalled.data;
+  }
+  async installSystem(data) {
+    const response = await this.client.execute({
+      query: INSTALL_SYSTEM,
+      variables: {
+        installationInput: data
+      }
+    });
+    if (response.system.installSystem.error) {
+      throw response.system.installSystem.error;
+    }
+  }
+}
+export const SystemInstallerGateway = createImplementation({
+  abstraction: Abstraction,
+  implementation: SystemInstallerGraphQLGateway,
+  dependencies: [GraphQLClient]
+});
+
+//# sourceMappingURL=SystemInstallerGateway.js.map

package/presentation/installation/presenters/SystemInstaller/SystemInstallerGateway.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createImplementation","GraphQLClient","SystemInstallerGateway","Abstraction","IS_SYSTEM_INSTALLED","INSTALL_SYSTEM","SystemInstallerGraphQLGateway","constructor","client","isSystemInstalled","response","execute","query","system","error","Error","message","data","installSystem","variables","installationInput","abstraction","implementation","dependencies"],"sources":["SystemInstallerGateway.ts"],"sourcesContent":["import { createImplementation } from \"@webiny/di\";\nimport { GraphQLClient } from \"@webiny/app/features/graphqlClient\";\nimport { type InstallationInput, SystemInstallerGateway as Abstraction } from \"./abstractions.js\";\n\nconst IS_SYSTEM_INSTALLED = /* GraphQL */ `\n    query IsSystemInstalled {\n        system {\n            isSystemInstalled {\n                data\n                error {\n                    message\n                    code\n                    data\n                }\n            }\n        }\n    }\n`;\n\nconst INSTALL_SYSTEM = /* GraphQL */ `\n    mutation InstallSystem($installationInput: JSON!) {\n        system {\n            installSystem(installationInput: $installationInput) {\n                data\n                error {\n                    message\n                    code\n                    data\n                }\n            }\n        }\n    }\n`;\n\ninterface IsSystemInstalledResponse {\n    system: {\n        isSystemInstalled: {\n            data: boolean;\n            error?: {\n                message: string;\n                code: string;\n                data: any;\n            };\n        };\n    };\n}\n\ninterface InstallSystemResponse {\n    system: {\n        installSystem: {\n            data: boolean;\n            error?: {\n                message: string;\n                code: string;\n                data: any;\n            };\n        };\n    };\n}\n\nclass SystemInstallerGraphQLGateway implements Abstraction.Interface {\n    constructor(private client: GraphQLClient.Interface) {}\n\n    async isSystemInstalled(): Promise<boolean> {\n        const response = await this.client.execute<IsSystemInstalledResponse>({\n            query: IS_SYSTEM_INSTALLED\n        });\n\n        if (response.system.isSystemInstalled.error) {\n            throw new Error(response.system.isSystemInstalled.error.message);\n        }\n\n        return response.system.isSystemInstalled.data;\n    }\n\n    async installSystem(data: InstallationInput): Promise<void> {\n        const response = await this.client.execute<InstallSystemResponse>({\n            query: INSTALL_SYSTEM,\n            variables: {\n                installationInput: data\n            }\n        });\n\n        if (response.system.installSystem.error) {\n            throw response.system.installSystem.error;\n        }\n    }\n}\n\nexport const SystemInstallerGateway = createImplementation({\n    abstraction: Abstraction,\n    implementation: SystemInstallerGraphQLGateway,\n    dependencies: [GraphQLClient]\n});\n"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,YAAY;AACjD,SAASC,aAAa,QAAQ,oCAAoC;AAClE,SAAiCC,sBAAsB,IAAIC,WAAW;AAEtE,MAAMC,mBAAmB,GAAG,aAAc;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,cAAc,GAAG,aAAc;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AA4BD,MAAMC,6BAA6B,CAAkC;EACjEC,WAAWA,CAASC,MAA+B,EAAE;IAAA,KAAjCA,MAA+B,GAA/BA,MAA+B;EAAG;EAEtD,MAAMC,iBAAiBA,CAAA,EAAqB;IACxC,MAAMC,QAAQ,GAAG,MAAM,IAAI,CAACF,MAAM,CAACG,OAAO,CAA4B;MAClEC,KAAK,EAAER;IACX,CAAC,CAAC;IAEF,IAAIM,QAAQ,CAACG,MAAM,CAACJ,iBAAiB,CAACK,KAAK,EAAE;MACzC,MAAM,IAAIC,KAAK,CAACL,QAAQ,CAACG,MAAM,CAACJ,iBAAiB,CAACK,KAAK,CAACE,OAAO,CAAC;IACpE;IAEA,OAAON,QAAQ,CAACG,MAAM,CAACJ,iBAAiB,CAACQ,IAAI;EACjD;EAEA,MAAMC,aAAaA,CAACD,IAAuB,EAAiB;IACxD,MAAMP,QAAQ,GAAG,MAAM,IAAI,CAACF,MAAM,CAACG,OAAO,CAAwB;MAC9DC,KAAK,EAAEP,cAAc;MACrBc,SAAS,EAAE;QACPC,iBAAiB,EAAEH;MACvB;IACJ,CAAC,CAAC;IAEF,IAAIP,QAAQ,CAACG,MAAM,CAACK,aAAa,CAACJ,KAAK,EAAE;MACrC,MAAMJ,QAAQ,CAACG,MAAM,CAACK,aAAa,CAACJ,KAAK;IAC7C;EACJ;AACJ;AAEA,OAAO,MAAMZ,sBAAsB,GAAGF,oBAAoB,CAAC;EACvDqB,WAAW,EAAElB,WAAW;EACxBmB,cAAc,EAAEhB,6BAA6B;EAC7CiB,YAAY,EAAE,CAACtB,aAAa;AAChC,CAAC,CAAC","ignoreList":[]}

package/presentation/installation/presenters/SystemInstaller/SystemInstallerPresenter.d.ts

@@ -0,0 +1,24 @@
+import { SystemInstallerPresenter as Abstraction, SystemInstallerRepository, type SystemInstallerViewModel, type WizardStep } from "./abstractions.js";
+import { TelemetryService } from "../../../../features/telemetry/index.js";
+declare class SystemInstallerPresenterImpl implements Abstraction.Interface {
+    private telemetry;
+    private repository;
+    private loading;
+    private isInstalled;
+    private currentStep;
+    private error;
+    private installing;
+    private startUsing;
+    private installerData;
+    private wizardSteps;
+    constructor(telemetry: TelemetryService.Interface, repository: SystemInstallerRepository.Interface);
+    private initialize;
+    get vm(): SystemInstallerViewModel;
+    nextStep: (data?: Record<string, any>) => void;
+    previousStep: () => void;
+    goToStep: (name: WizardStep["name"]) => void;
+    installSystem: () => Promise<void>;
+    finishInstallation: () => void;
+}
+export declare const SystemInstallerPresenter: import("@webiny/di").Implementation<typeof SystemInstallerPresenterImpl>;
+export {};