@webiny/app-admin 0.0.0-unstable.b14eaecf38 → 0.0.0-unstable.b6d7105cee

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+export declare const handleRestartInstallation: () => void;

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

@@ -0,0 +1,6 @@
+const handleRestartInstallation = ()=>{
+    window.location.reload();
+};
+export { handleRestartInstallation };
+
+//# sourceMappingURL=handleRestartInstallation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/installation/components/SystemInstaller/steps/FinishSetup/handleRestartInstallation.js","sources":["../../../../../../../src/presentation/installation/components/SystemInstaller/steps/FinishSetup/handleRestartInstallation.ts"],"sourcesContent":["export const handleRestartInstallation = () => {\n    window.location.reload();\n};\n"],"names":["handleRestartInstallation","window"],"mappings":"AAAO,MAAMA,4BAA4B;IACrCC,OAAO,QAAQ,CAAC,MAAM;AAC1B"}

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

@@ -0,0 +1,2 @@
+import type { ISystemInstallerPresenter } from "../../../../../../presentation/installation/presenters/SystemInstaller/abstractions.js";
+export declare const handleStartUsing: (finishInstallation: ISystemInstallerPresenter["finishInstallation"]) => void;

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

@@ -0,0 +1,27 @@
+import { getMachineId } from "@webiny/telemetry/react.js";
+const INSTALL_FINISH_URL = process.env.REACT_APP_WEBINY_INSTALL_FINISH_URL || "https://www.webiny.com/install/finish";
+const buildInstallFinishHref = ()=>{
+    if ("false" === process.env.REACT_APP_WEBINY_TELEMETRY) return null;
+    if ("u" < typeof window) return null;
+    const isCloudFrontHost = window.location.hostname.endsWith(".cloudfront.net");
+    const allowAlternate = Boolean(process.env.REACT_APP_WEBINY_INSTALL_FINISH_URL);
+    if (!isCloudFrontHost && !allowAlternate) return null;
+    const machineId = getMachineId();
+    if (!machineId) return null;
+    const currentUrl = window.location.origin + window.location.pathname;
+    const params = new URLSearchParams({
+        machine_id: machineId,
+        return_to: currentUrl
+    });
+    return `${INSTALL_FINISH_URL}?${params.toString()}`;
+};
+const handleStartUsing = (finishInstallation)=>{
+    if ("u" > typeof window) {
+        const handoff = buildInstallFinishHref();
+        if (handoff) return void window.location.assign(handoff);
+    }
+    finishInstallation();
+};
+export { handleStartUsing };
+
+//# sourceMappingURL=handleStartUsing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/installation/components/SystemInstaller/steps/FinishSetup/handleStartUsing.js","sources":["../../../../../../../src/presentation/installation/components/SystemInstaller/steps/FinishSetup/handleStartUsing.ts"],"sourcesContent":["import { getMachineId } from \"@webiny/telemetry/react.js\";\nimport type { ISystemInstallerPresenter } from \"~/presentation/installation/presenters/SystemInstaller/abstractions.js\";\n\nconst INSTALL_FINISH_URL =\n    process.env.REACT_APP_WEBINY_INSTALL_FINISH_URL || \"https://www.webiny.com/install/finish\";\n\n/**\n * If telemetry is enabled AND the admin is hosted on CloudFront (production\n * deployment), route the \"Start using Webiny\" CTA through the marketing\n * site's /install/finish page so the website's anonymous wts_did cookie can\n * be aliased to the deployer's machine_id. Falls through to the local\n * `finishInstallation` flow otherwise.\n */\nconst buildInstallFinishHref = (): string | null => {\n    if (process.env.REACT_APP_WEBINY_TELEMETRY === \"false\") {\n        return null;\n    }\n\n    if (typeof window === \"undefined\") {\n        return null;\n    }\n    const isCloudFrontHost = window.location.hostname.endsWith(\".cloudfront.net\");\n    const allowAlternate = Boolean(process.env.REACT_APP_WEBINY_INSTALL_FINISH_URL);\n    if (!isCloudFrontHost && !allowAlternate) {\n        return null;\n    }\n\n    const machineId = getMachineId();\n    if (!machineId) {\n        return null;\n    }\n\n    const currentUrl = window.location.origin + window.location.pathname;\n    const params = new URLSearchParams({\n        machine_id: machineId,\n        return_to: currentUrl\n    });\n    return `${INSTALL_FINISH_URL}?${params.toString()}`;\n};\n\nexport const handleStartUsing = (\n    finishInstallation: ISystemInstallerPresenter[\"finishInstallation\"]\n) => {\n    if (typeof window !== \"undefined\") {\n        const handoff = buildInstallFinishHref();\n        if (handoff) {\n            window.location.assign(handoff);\n            return;\n        }\n    }\n    finishInstallation();\n};\n"],"names":["INSTALL_FINISH_URL","process","buildInstallFinishHref","window","isCloudFrontHost","allowAlternate","Boolean","machineId","getMachineId","currentUrl","params","URLSearchParams","handleStartUsing","finishInstallation","handoff"],"mappings":";AAGA,MAAMA,qBACFC,QAAQ,GAAG,CAAC,mCAAmC,IAAI;AASvD,MAAMC,yBAAyB;IAC3B,IAAID,AAA2C,YAA3CA,QAAQ,GAAG,CAAC,0BAA0B,EACtC,OAAO;IAGX,IAAI,AAAkB,MAAlB,OAAOE,QACP,OAAO;IAEX,MAAMC,mBAAmBD,OAAO,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAC3D,MAAME,iBAAiBC,QAAQL,QAAQ,GAAG,CAAC,mCAAmC;IAC9E,IAAI,CAACG,oBAAoB,CAACC,gBACtB,OAAO;IAGX,MAAME,YAAYC;IAClB,IAAI,CAACD,WACD,OAAO;IAGX,MAAME,aAAaN,OAAO,QAAQ,CAAC,MAAM,GAAGA,OAAO,QAAQ,CAAC,QAAQ;IACpE,MAAMO,SAAS,IAAIC,gBAAgB;QAC/B,YAAYJ;QACZ,WAAWE;IACf;IACA,OAAO,GAAGT,mBAAmB,CAAC,EAAEU,OAAO,QAAQ,IAAI;AACvD;AAEO,MAAME,mBAAmB,CAC5BC;IAEA,IAAI,AAAkB,MAAlB,OAAOV,QAAwB;QAC/B,MAAMW,UAAUZ;QAChB,IAAIY,SAAS,YACTX,OAAO,QAAQ,CAAC,MAAM,CAACW;IAG/B;IACAD;AACJ"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/installation/components/SystemInstaller/steps/FinishSetup.js","sources":["../../../../../../src/presentation/installation/components/SystemInstaller/steps/FinishSetup.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Button, Grid, Loader, Alert } from \"@webiny/admin-ui\";\nimport { Center } from \"./Center.js\";\nimport { Container } from \"./Container.js\";\nimport type {\n    ErrorObject,\n    ISystemInstallerPresenter\n} from \"~/presentation/installation/presenters/SystemInstaller/abstractions.js\";\nimport { handleStartUsing } from \"./FinishSetup/handleStartUsing.js\";\nimport { handleRestartInstallation } from \"./FinishSetup/handleRestartInstallation.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={handleRestartInstallation}\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={() => handleStartUsing(finishInstallation)}\n                                />\n                            </Grid.Column>\n                        ) : (\n                            <></>\n                        )}\n                    </Grid>\n                </div>\n            </Center>\n        </Container>\n    );\n};\n"],"names":["FinishSetupStep","error","isInstalled","installing","installSystem","finishInstallation","useEffect","subtitle","Container","Center","Grid","Alert","Button","handleRestartInstallation","Loader","handleStartUsing"],"mappings":";;;;;;AAmBO,MAAMA,kBAAkB,CAAC,EAC5BC,KAAK,EACLC,WAAW,EACXC,UAAU,EACVC,aAAa,EACbC,kBAAkB,EACV;IACRC,UAAU;QACNF;IACJ,GAAG,EAAE;IAEL,MAAMG,WAAWL,cACX,wDACA;IAEN,OAAO,WAAP,GACI,oBAACM,WAASA;QAAC,OAAO;QAAgB,SAASD;qBACvC,oBAACE,QAAMA,MAAAA,WAAAA,GACH,oBAAC;QAAI,OAAO;YAAE,OAAO;QAAI;qBACrB,oBAACC,MAAIA,MACAT,QAAQ,WAARA,GACG,oBAACS,KAAK,MAAM;QAAC,MAAM;QAAI,WAAW;qBAC9B,oBAACC,OAAKA;QAAC,MAAM;OAAWV,MAAM,IAAI,CAAC,MAAM,iBACzC,oBAACW,QAAMA;QACH,oBAAoB;QACpB,WAAW;QACX,SAAS;QACT,MAAM;QACN,MAAM;QACN,SAASC;wBAIjB,2CAEHV,aAAa,WAAbA,GACG,oBAACO,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAU;qBACX,oBAACI,QAAMA;QACH,MAAK;QACL,SAAQ;QACR,eAAe;QACf,MAAK;yBAKjB,2CAEH,CAACb,SAASC,cAAc,WAAdA,GACP,oBAACQ,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACE,QAAMA;QACH,oBAAoB;QACpB,WAAW;QACX,SAAS;QACT,MAAM;QACN,MAAM;QACN,SAAS,IAAMG,iBAAiBV;wBAIxC;AAO5B"}

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

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

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

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

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

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