@webiny/app-admin 0.0.0-unstable.a4f3e4ea8b → 0.0.0-unstable.a85ef555b2

package/presentation/debugger/components/DebuggerIndicator.js

@@ -0,0 +1,45 @@
+import react from "react";
+import { useFeature, useRouter } from "@webiny/app";
+import { DropdownMenu, Tag } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/bug_report.svg";
+import { DebuggerIndicator as DebuggerIndicator_js_DebuggerIndicator } from "../../../base/ui/DebuggerIndicator.js";
+import { createReactiveComponent } from "../../createReactiveComponent.js";
+import { DebuggerPresenterFeature } from "../feature.js";
+import { DebuggerRoutes } from "../routes.js";
+const DebuggerIndicatorView = createReactiveComponent(()=>{
+    const { presenter } = useFeature(DebuggerPresenterFeature);
+    const router = useRouter();
+    const { vm } = presenter;
+    if (!vm.captureOn) return null;
+    const hasEntries = vm.entryCount > 0;
+    const content = hasEntries ? `Debug mode (${vm.entryCount})` : "Debug mode";
+    const title = hasEntries ? `Debug capture is on. ${vm.entryCount} entries collected.` : "Debug capture is on. Nothing collected yet.";
+    return /*#__PURE__*/ react.createElement(DropdownMenu, {
+        trigger: /*#__PURE__*/ react.createElement("div", {
+            className: "cursor-pointer",
+            title: title,
+            "data-testid": "debugger-indicator"
+        }, /*#__PURE__*/ react.createElement(Tag, {
+            variant: "accent-light",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            content: content
+        }))
+    }, /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+        text: "Download report",
+        disabled: !hasEntries,
+        onClick: presenter.downloadReport
+    }), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+        text: "Clear collected data",
+        disabled: !hasEntries,
+        onClick: presenter.clear
+    }), /*#__PURE__*/ react.createElement(DropdownMenu.Separator, null), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+        text: "Open debugger",
+        onClick: ()=>router.goToRoute(DebuggerRoutes.Debugger)
+    }));
+});
+const DebuggerIndicator_DebuggerIndicator = DebuggerIndicator_js_DebuggerIndicator.createDecorator(()=>function() {
+        return /*#__PURE__*/ react.createElement(DebuggerIndicatorView, null);
+    });
+export { DebuggerIndicator_DebuggerIndicator as DebuggerIndicator };
+
+//# sourceMappingURL=DebuggerIndicator.js.map

package/presentation/debugger/components/DebuggerIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/debugger/components/DebuggerIndicator.js","sources":["../../../../src/presentation/debugger/components/DebuggerIndicator.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { useRouter } from \"@webiny/app\";\nimport { DropdownMenu } from \"@webiny/admin-ui\";\nimport { Tag } from \"@webiny/admin-ui\";\nimport { ReactComponent as DebuggerIcon } from \"@webiny/icons/bug_report.svg\";\nimport { DebuggerIndicator as BaseDebuggerIndicator } from \"~/base/ui/DebuggerIndicator.js\";\nimport { createReactiveComponent } from \"~/presentation/createReactiveComponent.js\";\nimport { DebuggerPresenterFeature } from \"../feature.js\";\nimport { DebuggerRoutes } from \"../routes.js\";\n\n/**\n * Says that capture is on, how much has been collected, and offers what is worth doing about it.\n *\n * Renders nothing while capture is off, which is the normal state. When it is on it is deliberately\n * hard to miss, because leaving capture running is the mistake it exists to prevent.\n *\n * Clearing matters as much as downloading: an hour of browsing collects a great deal, and everything\n * held is in memory and lands in the next report whether or not it is relevant to the problem being\n * reproduced.\n */\nconst DebuggerIndicatorView = createReactiveComponent(() => {\n    const { presenter } = useFeature(DebuggerPresenterFeature);\n    const router = useRouter();\n    const { vm } = presenter;\n\n    if (!vm.captureOn) {\n        return null;\n    }\n\n    const hasEntries = vm.entryCount > 0;\n    const content = hasEntries ? `Debug mode (${vm.entryCount})` : \"Debug mode\";\n    const title = hasEntries\n        ? `Debug capture is on. ${vm.entryCount} entries collected.`\n        : \"Debug capture is on. Nothing collected yet.\";\n\n    return (\n        <DropdownMenu\n            trigger={\n                <div className={\"cursor-pointer\"} title={title} data-testid={\"debugger-indicator\"}>\n                    <Tag variant={\"accent-light\"} icon={<DebuggerIcon />} content={content} />\n                </div>\n            }\n        >\n            <DropdownMenu.Item\n                text={\"Download report\"}\n                disabled={!hasEntries}\n                onClick={presenter.downloadReport}\n            />\n            <DropdownMenu.Item\n                text={\"Clear collected data\"}\n                disabled={!hasEntries}\n                onClick={presenter.clear}\n            />\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item\n                text={\"Open debugger\"}\n                onClick={() => router.goToRoute(DebuggerRoutes.Debugger)}\n            />\n        </DropdownMenu>\n    );\n});\n\nexport const DebuggerIndicator = BaseDebuggerIndicator.createDecorator(() => {\n    return function DebuggerIndicator() {\n        return <DebuggerIndicatorView />;\n    };\n});\n"],"names":["DebuggerIndicatorView","createReactiveComponent","presenter","useFeature","DebuggerPresenterFeature","router","useRouter","vm","hasEntries","content","title","DropdownMenu","Tag","DebuggerIcon","DebuggerRoutes","DebuggerIndicator","BaseDebuggerIndicator"],"mappings":";;;;;;;;AAqBA,MAAMA,wBAAwBC,wBAAwB;IAClD,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAMC,SAASC;IACf,MAAM,EAAEC,EAAE,EAAE,GAAGL;IAEf,IAAI,CAACK,GAAG,SAAS,EACb,OAAO;IAGX,MAAMC,aAAaD,GAAG,UAAU,GAAG;IACnC,MAAME,UAAUD,aAAa,CAAC,YAAY,EAAED,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG;IAC/D,MAAMG,QAAQF,aACR,CAAC,qBAAqB,EAAED,GAAG,UAAU,CAAC,mBAAmB,CAAC,GAC1D;IAEN,OAAO,WAAP,GACI,oBAACI,cAAYA;QACT,uBACI,oBAAC;YAAI,WAAW;YAAkB,OAAOD;YAAO,eAAa;yBACzD,oBAACE,KAAGA;YAAC,SAAS;YAAgB,oBAAM,oBAACC,gBAAYA;YAAK,SAASJ;;qBAIvE,oBAACE,aAAa,IAAI;QACd,MAAM;QACN,UAAU,CAACH;QACX,SAASN,UAAU,cAAc;sBAErC,oBAACS,aAAa,IAAI;QACd,MAAM;QACN,UAAU,CAACH;QACX,SAASN,UAAU,KAAK;sBAE5B,oBAACS,aAAa,SAAS,uBACvB,oBAACA,aAAa,IAAI;QACd,MAAM;QACN,SAAS,IAAMN,OAAO,SAAS,CAACS,eAAe,QAAQ;;AAIvE;AAEO,MAAMC,sCAAoBC,uCAAAA,eAAqC,CAAC,IAC5D;QACH,OAAO,WAAP,GAAO,oBAAChB,uBAAqBA;IACjC"}

package/presentation/debugger/components/DebuggerView.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const DebuggerView: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
+};

package/presentation/debugger/components/DebuggerView.js

@@ -0,0 +1,44 @@
+import react from "react";
+import { useFeature } from "@webiny/app";
+import { Alert, Button, Switch, Text } from "@webiny/admin-ui";
+import { createReactiveComponent } from "../../createReactiveComponent.js";
+import { DebuggerPresenterFeature } from "../feature.js";
+const DebuggerView = createReactiveComponent(()=>{
+    const { presenter } = useFeature(DebuggerPresenterFeature);
+    const { vm } = presenter;
+    if (!vm.available) return /*#__PURE__*/ react.createElement("div", {
+        className: "p-lg"
+    }, /*#__PURE__*/ react.createElement(Alert, {
+        type: "info",
+        variant: "subtle"
+    }, "Debug capture needs the Debugger permission (Dev Tools) granted on one of your roles. Dev Tools full access alone is not enough."));
+    const hasSessions = vm.sessionCount > 0;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-lg p-lg"
+    }, vm.captureOn ? /*#__PURE__*/ react.createElement(Alert, {
+        type: "warning",
+        variant: "subtle"
+    }, "Debug capture is on. Responses include internal diagnostic data, which may contain content from your records. Turn it off when you are done.") : null, /*#__PURE__*/ react.createElement(Switch, {
+        label: "Capture debug data",
+        checked: vm.captureOn,
+        onChange: presenter.setCaptureOn,
+        note: "Reproduce the problem with this on, then download the report and send it to support. Collected data is kept in this tab only."
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "flex gap-sm items-center"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        as: "span",
+        size: "md"
+    }, `${vm.sessionCount} responses collected, ${vm.entryCount} entries`), /*#__PURE__*/ react.createElement(Button, {
+        text: "Download report",
+        onClick: presenter.downloadReport,
+        disabled: !hasSessions
+    }), /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        text: "Clear",
+        onClick: presenter.clear,
+        disabled: !hasSessions
+    })));
+});
+export { DebuggerView };
+
+//# sourceMappingURL=DebuggerView.js.map

package/presentation/debugger/components/DebuggerView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/debugger/components/DebuggerView.js","sources":["../../../../src/presentation/debugger/components/DebuggerView.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { Alert } from \"@webiny/admin-ui\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { Switch } from \"@webiny/admin-ui\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { createReactiveComponent } from \"~/presentation/createReactiveComponent.js\";\nimport { DebuggerPresenterFeature } from \"../feature.js\";\n\nexport const DebuggerView = createReactiveComponent(() => {\n    const { presenter } = useFeature(DebuggerPresenterFeature);\n    const { vm } = presenter;\n\n    if (!vm.available) {\n        return (\n            <div className={\"p-lg\"}>\n                <Alert type={\"info\"} variant={\"subtle\"}>\n                    Debug capture needs the Debugger permission (Dev Tools) granted on one of your\n                    roles. Dev Tools full access alone is not enough.\n                </Alert>\n            </div>\n        );\n    }\n\n    const hasSessions = vm.sessionCount > 0;\n\n    return (\n        <div className={\"flex flex-col gap-lg p-lg\"}>\n            {vm.captureOn ? (\n                <Alert type={\"warning\"} variant={\"subtle\"}>\n                    Debug capture is on. Responses include internal diagnostic data, which may\n                    contain content from your records. Turn it off when you are done.\n                </Alert>\n            ) : null}\n\n            <Switch\n                label={\"Capture debug data\"}\n                checked={vm.captureOn}\n                onChange={presenter.setCaptureOn}\n                note={\n                    \"Reproduce the problem with this on, then download the report and send it to \" +\n                    \"support. Collected data is kept in this tab only.\"\n                }\n            />\n\n            <div className={\"flex gap-sm items-center\"}>\n                <Text as={\"span\"} size={\"md\"}>\n                    {`${vm.sessionCount} responses collected, ${vm.entryCount} entries`}\n                </Text>\n                <Button\n                    text={\"Download report\"}\n                    onClick={presenter.downloadReport}\n                    disabled={!hasSessions}\n                />\n                <Button\n                    variant={\"secondary\"}\n                    text={\"Clear\"}\n                    onClick={presenter.clear}\n                    disabled={!hasSessions}\n                />\n            </div>\n        </div>\n    );\n});\n"],"names":["DebuggerView","createReactiveComponent","presenter","useFeature","DebuggerPresenterFeature","vm","Alert","hasSessions","Switch","Text","Button"],"mappings":";;;;;AASO,MAAMA,eAAeC,wBAAwB;IAChD,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAM,EAAEC,EAAE,EAAE,GAAGH;IAEf,IAAI,CAACG,GAAG,SAAS,EACb,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,OAAKA;QAAC,MAAM;QAAQ,SAAS;OAAU;IAQpD,MAAMC,cAAcF,GAAG,YAAY,GAAG;IAEtC,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXA,GAAG,SAAS,GAAG,WAAH,GACT,oBAACC,OAAKA;QAAC,MAAM;QAAW,SAAS;OAAU,kJAI3C,oBAEJ,oBAACE,QAAMA;QACH,OAAO;QACP,SAASH,GAAG,SAAS;QACrB,UAAUH,UAAU,YAAY;QAChC,MACI;sBAKR,oBAAC;QAAI,WAAW;qBACZ,oBAACO,MAAIA;QAAC,IAAI;QAAQ,MAAM;OACnB,GAAGJ,GAAG,YAAY,CAAC,sBAAsB,EAAEA,GAAG,UAAU,CAAC,QAAQ,CAAC,iBAEvE,oBAACK,QAAMA;QACH,MAAM;QACN,SAASR,UAAU,cAAc;QACjC,UAAU,CAACK;sBAEf,oBAACG,QAAMA;QACH,SAAS;QACT,MAAM;QACN,SAASR,UAAU,KAAK;QACxB,UAAU,CAACK;;AAK/B"}

package/presentation/debugger/downloadJson.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Hands a value to the user as a JSON file.
+ *
+ * Nothing is uploaded anywhere. The report leaves the browser only when the person chooses to send
+ * it, which is the moment they decide this data may leave their organisation.
+ */
+export declare const downloadJson: (fileName: string, value: unknown) => void;

package/presentation/debugger/downloadJson.js

@@ -0,0 +1,17 @@
+const downloadJson = (fileName, value)=>{
+    const json = JSON.stringify(value, null, 2);
+    const blob = new Blob([
+        json
+    ], {
+        type: "application/json"
+    });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = fileName;
+    link.click();
+    URL.revokeObjectURL(url);
+};
+export { downloadJson };
+
+//# sourceMappingURL=downloadJson.js.map

package/presentation/debugger/downloadJson.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/debugger/downloadJson.js","sources":["../../../src/presentation/debugger/downloadJson.ts"],"sourcesContent":["/**\n * Hands a value to the user as a JSON file.\n *\n * Nothing is uploaded anywhere. The report leaves the browser only when the person chooses to send\n * it, which is the moment they decide this data may leave their organisation.\n */\nexport const downloadJson = (fileName: string, value: unknown): void => {\n    const json = JSON.stringify(value, null, 2);\n    const blob = new Blob([json], { type: \"application/json\" });\n    const url = URL.createObjectURL(blob);\n\n    const link = document.createElement(\"a\");\n    link.href = url;\n    link.download = fileName;\n    link.click();\n\n    URL.revokeObjectURL(url);\n};\n"],"names":["downloadJson","fileName","value","json","JSON","blob","Blob","url","URL","link","document"],"mappings":"AAMO,MAAMA,eAAe,CAACC,UAAkBC;IAC3C,MAAMC,OAAOC,KAAK,SAAS,CAACF,OAAO,MAAM;IACzC,MAAMG,OAAO,IAAIC,KAAK;QAACH;KAAK,EAAE;QAAE,MAAM;IAAmB;IACzD,MAAMI,MAAMC,IAAI,eAAe,CAACH;IAEhC,MAAMI,OAAOC,SAAS,aAAa,CAAC;IACpCD,KAAK,IAAI,GAAGF;IACZE,KAAK,QAAQ,GAAGR;IAChBQ,KAAK,KAAK;IAEVD,IAAI,eAAe,CAACD;AACxB"}

package/presentation/debugger/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const DebuggerPresenterFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").IDebuggerPresenter;
+}, []>;

package/presentation/debugger/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { DebuggerPresenter } from "./abstractions.js";
+import { DebuggerPresenter as external_DebuggerPresenter_js_DebuggerPresenter } from "./DebuggerPresenter.js";
+const DebuggerPresenterFeature = createFeature({
+    name: "DebuggerPresenter",
+    register (container) {
+        container.register(external_DebuggerPresenter_js_DebuggerPresenter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(DebuggerPresenter)
+        };
+    }
+});
+export { DebuggerPresenterFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/debugger/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/debugger/feature.js","sources":["../../../src/presentation/debugger/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { DebuggerPresenter as Abstraction } from \"./abstractions.js\";\nimport { DebuggerPresenter } from \"./DebuggerPresenter.js\";\n\nexport const DebuggerPresenterFeature = createFeature({\n    name: \"DebuggerPresenter\",\n    register(container) {\n        // Singleton so the header indicator and the panel read the same state.\n        container.register(DebuggerPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["DebuggerPresenterFeature","createFeature","container","DebuggerPresenter","Abstraction"],"mappings":";;;AAIO,MAAMA,2BAA2BC,cAAc;IAClD,MAAM;IACN,UAASC,SAAS;QAEdA,UAAU,QAAQ,CAACC,iDAAmB,gBAAgB;IAC1D;IACA,SAAQD,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACE;QACjC;IACJ;AACJ"}

package/presentation/debugger/routes.d.ts

@@ -0,0 +1,4 @@
+import { Route } from "@webiny/app";
+export declare const DebuggerRoutes: {
+    Debugger: Route<undefined>;
+};

package/presentation/debugger/routes.js

@@ -0,0 +1,10 @@
+import { Route } from "@webiny/app";
+const DebuggerRoutes = {
+    Debugger: new Route({
+        name: "DevTools/Debugger",
+        path: "/dev-tools/debugger"
+    })
+};
+export { DebuggerRoutes };
+
+//# sourceMappingURL=routes.js.map

package/presentation/debugger/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/debugger/routes.js","sources":["../../../src/presentation/debugger/routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app\";\n\nexport const DebuggerRoutes = {\n    Debugger: new Route({\n        name: \"DevTools/Debugger\",\n        path: \"/dev-tools/debugger\"\n    })\n};\n"],"names":["DebuggerRoutes","Route"],"mappings":";AAEO,MAAMA,iBAAiB;IAC1B,UAAU,IAAIC,MAAM;QAChB,MAAM;QACN,MAAM;IACV;AACJ"}

package/presentation/featureFlags/FeatureFlagsProvider.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface FeatureFlagsProviderProps {
+    loader?: React.ReactElement;
+    children: React.ReactNode;
+}
+export declare const FeatureFlagsProvider: ({ children, loader }: FeatureFlagsProviderProps) => React.JSX.Element | null;
+export {};

package/presentation/featureFlags/FeatureFlagsProvider.js

@@ -0,0 +1,22 @@
+import { autorun } from "mobx";
+import react, { useEffect, useState } from "react";
+import { useFeature } from "@webiny/app";
+import { FeatureFlagsFeature } from "../../features/featureFlags/feature.js";
+import { DevToolsSection } from "../../components/index.js";
+const FeatureFlagsProvider = ({ children, loader })=>{
+    const { service } = useFeature(FeatureFlagsFeature);
+    const [isLoaded, setIsLoaded] = useState(service.isLoaded());
+    useEffect(()=>autorun(()=>{
+            setIsLoaded(service.isLoaded());
+        }), []);
+    if (!isLoaded) return loader || null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(DevToolsSection, {
+        name: "Feature Flags",
+        group: "Project",
+        data: service.getFlags().toDto(),
+        views: "raw"
+    }), children);
+};
+export { FeatureFlagsProvider };
+
+//# sourceMappingURL=FeatureFlagsProvider.js.map

package/presentation/featureFlags/FeatureFlagsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/featureFlags/FeatureFlagsProvider.js","sources":["../../../src/presentation/featureFlags/FeatureFlagsProvider.tsx"],"sourcesContent":["import { autorun } from \"mobx\";\nimport React, { useEffect, useState } from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { FeatureFlagsFeature } from \"~/features/featureFlags/feature.js\";\nimport { DevToolsSection } from \"~/components/index.js\";\n\ninterface FeatureFlagsProviderProps {\n    loader?: React.ReactElement;\n    children: React.ReactNode;\n}\n\nexport const FeatureFlagsProvider = ({ children, loader }: FeatureFlagsProviderProps) => {\n    const { service } = useFeature(FeatureFlagsFeature);\n\n    const [isLoaded, setIsLoaded] = useState(service.isLoaded());\n\n    useEffect(() => {\n        return autorun(() => {\n            setIsLoaded(service.isLoaded());\n        });\n    }, []);\n\n    if (!isLoaded) {\n        return loader || null;\n    }\n\n    return (\n        <>\n            <DevToolsSection\n                name={\"Feature Flags\"}\n                group={\"Project\"}\n                data={service.getFlags().toDto()}\n                views={\"raw\"}\n            />\n            {children}\n        </>\n    );\n};\n"],"names":["FeatureFlagsProvider","children","loader","service","useFeature","FeatureFlagsFeature","isLoaded","setIsLoaded","useState","useEffect","autorun","DevToolsSection"],"mappings":";;;;;AAWO,MAAMA,uBAAuB,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAA6B;IAChF,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAE/B,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAASL,QAAQ,QAAQ;IAEzDM,UAAU,IACCC,QAAQ;YACXH,YAAYJ,QAAQ,QAAQ;QAChC,IACD,EAAE;IAEL,IAAI,CAACG,UACD,OAAOJ,UAAU;IAGrB,OAAO,WAAP,GACI,wDACI,oBAACS,iBAAeA;QACZ,MAAM;QACN,OAAO;QACP,MAAMR,QAAQ,QAAQ,GAAG,KAAK;QAC9B,OAAO;QAEVF;AAGb"}

package/presentation/featureFlags/useFeatureFlags.d.ts

@@ -0,0 +1,2 @@
+import { FeatureFlags } from "@webiny/feature-flags";
+export declare function useFeatureFlags(): FeatureFlags;

package/presentation/featureFlags/useFeatureFlags.js

@@ -0,0 +1,17 @@
+import { useEffect, useState } from "react";
+import { autorun } from "mobx";
+import { useFeature } from "@webiny/app";
+import { FeatureFlagsFeature } from "../../features/featureFlags/feature.js";
+function useFeatureFlags() {
+    const { service } = useFeature(FeatureFlagsFeature);
+    const [flags, setFlags] = useState(()=>service.getFlags());
+    useEffect(()=>autorun(()=>{
+            setFlags(service.getFlags());
+        }), [
+        service
+    ]);
+    return flags;
+}
+export { useFeatureFlags };
+
+//# sourceMappingURL=useFeatureFlags.js.map

package/presentation/featureFlags/useFeatureFlags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/featureFlags/useFeatureFlags.js","sources":["../../../src/presentation/featureFlags/useFeatureFlags.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { autorun } from \"mobx\";\nimport { useFeature } from \"@webiny/app\";\nimport { FeatureFlags } from \"@webiny/feature-flags\";\nimport { FeatureFlagsFeature } from \"~/features/featureFlags/feature.js\";\n\nexport function useFeatureFlags(): FeatureFlags {\n    const { service } = useFeature(FeatureFlagsFeature);\n    const [flags, setFlags] = useState<FeatureFlags>(() => service.getFlags());\n\n    useEffect(() => {\n        return autorun(() => {\n            setFlags(service.getFlags());\n        });\n    }, [service]);\n\n    return flags;\n}\n"],"names":["useFeatureFlags","service","useFeature","FeatureFlagsFeature","flags","setFlags","useState","useEffect","autorun"],"mappings":";;;;AAMO,SAASA;IACZ,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAC/B,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAAuB,IAAML,QAAQ,QAAQ;IAEvEM,UAAU,IACCC,QAAQ;YACXH,SAASJ,QAAQ,QAAQ;QAC7B,IACD;QAACA;KAAQ;IAEZ,OAAOG;AACX"}

package/presentation/iconPicker/customIcons/CustomIconsPresenter.d.ts

@@ -0,0 +1,16 @@
+import { ListCustomIconsGateway } from "../../../features/iconPicker/listCustomIcons/abstractions.js";
+import type { ICustomIcon } from "../../../features/iconPicker/listCustomIcons/abstractions.js";
+import { type ICustomIconsPresenter, type ICustomIconsViewModel } from "./abstractions.js";
+declare class CustomIconsPresenterImpl implements ICustomIconsPresenter {
+    private gateway;
+    private _loading;
+    private _icons;
+    private _initialized;
+    constructor(gateway: ListCustomIconsGateway.Interface);
+    get vm(): ICustomIconsViewModel;
+    load(): Promise<ICustomIcon[]>;
+}
+export declare const CustomIconsPresenter: typeof CustomIconsPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<ICustomIconsPresenter>;
+};
+export {};

package/presentation/iconPicker/customIcons/CustomIconsPresenter.js

@@ -0,0 +1,40 @@
+import { makeAutoObservable, runInAction } from "mobx";
+import { ListCustomIconsGateway } from "../../../features/iconPicker/listCustomIcons/abstractions.js";
+import { CustomIconsPresenter } from "./abstractions.js";
+class CustomIconsPresenterImpl {
+    constructor(gateway){
+        this.gateway = gateway;
+        this._loading = true;
+        this._icons = [];
+        this._initialized = false;
+        makeAutoObservable(this, {
+            gateway: false,
+            _initialized: false
+        });
+    }
+    get vm() {
+        return {
+            loading: this._loading,
+            icons: this._icons
+        };
+    }
+    async load() {
+        if (this._initialized) return this._icons;
+        this._initialized = true;
+        const icons = await this.gateway.execute();
+        runInAction(()=>{
+            this._icons = icons;
+            this._loading = false;
+        });
+        return icons;
+    }
+}
+const CustomIconsPresenter_CustomIconsPresenter = CustomIconsPresenter.createImplementation({
+    implementation: CustomIconsPresenterImpl,
+    dependencies: [
+        ListCustomIconsGateway
+    ]
+});
+export { CustomIconsPresenter_CustomIconsPresenter as CustomIconsPresenter };
+
+//# sourceMappingURL=CustomIconsPresenter.js.map

package/presentation/iconPicker/customIcons/CustomIconsPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/iconPicker/customIcons/CustomIconsPresenter.js","sources":["../../../../src/presentation/iconPicker/customIcons/CustomIconsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport { ListCustomIconsGateway } from \"~/features/iconPicker/listCustomIcons/abstractions.js\";\nimport type { ICustomIcon } from \"~/features/iconPicker/listCustomIcons/abstractions.js\";\nimport {\n    CustomIconsPresenter as Abstraction,\n    type ICustomIconsPresenter,\n    type ICustomIconsViewModel\n} from \"./abstractions.js\";\n\nclass CustomIconsPresenterImpl implements ICustomIconsPresenter {\n    private _loading = true;\n    private _icons: ICustomIcon[] = [];\n    private _initialized = false;\n\n    constructor(private gateway: ListCustomIconsGateway.Interface) {\n        makeAutoObservable<CustomIconsPresenterImpl, \"gateway\" | \"_initialized\">(this, {\n            gateway: false,\n            _initialized: false\n        });\n    }\n\n    get vm(): ICustomIconsViewModel {\n        return {\n            loading: this._loading,\n            icons: this._icons\n        };\n    }\n\n    async load(): Promise<ICustomIcon[]> {\n        if (this._initialized) {\n            return this._icons;\n        }\n        this._initialized = true;\n\n        const icons = await this.gateway.execute();\n        runInAction(() => {\n            this._icons = icons;\n            this._loading = false;\n        });\n        return icons;\n    }\n}\n\nexport const CustomIconsPresenter = Abstraction.createImplementation({\n    implementation: CustomIconsPresenterImpl,\n    dependencies: [ListCustomIconsGateway]\n});\n"],"names":["CustomIconsPresenterImpl","gateway","makeAutoObservable","icons","runInAction","CustomIconsPresenter","Abstraction","ListCustomIconsGateway"],"mappings":";;;AASA,MAAMA;IAKF,YAAoBC,OAAyC,CAAE;aAA3CA,OAAO,GAAPA;aAJZ,QAAQ,GAAG;aACX,MAAM,GAAkB,EAAE;aAC1B,YAAY,GAAG;QAGnBC,mBAAyE,IAAI,EAAE;YAC3E,SAAS;YACT,cAAc;QAClB;IACJ;IAEA,IAAI,KAA4B;QAC5B,OAAO;YACH,SAAS,IAAI,CAAC,QAAQ;YACtB,OAAO,IAAI,CAAC,MAAM;QACtB;IACJ;IAEA,MAAM,OAA+B;QACjC,IAAI,IAAI,CAAC,YAAY,EACjB,OAAO,IAAI,CAAC,MAAM;QAEtB,IAAI,CAAC,YAAY,GAAG;QAEpB,MAAMC,QAAQ,MAAM,IAAI,CAAC,OAAO,CAAC,OAAO;QACxCC,YAAY;YACR,IAAI,CAAC,MAAM,GAAGD;YACd,IAAI,CAAC,QAAQ,GAAG;QACpB;QACA,OAAOA;IACX;AACJ;AAEO,MAAME,4CAAuBC,qBAAAA,oBAAgC,CAAC;IACjE,gBAAgBN;IAChB,cAAc;QAACO;KAAuB;AAC1C"}

package/presentation/iconPicker/customIcons/abstractions.d.ts

@@ -0,0 +1,14 @@
+import type { ICustomIcon } from "../../../features/iconPicker/listCustomIcons/abstractions.js";
+export interface ICustomIconsViewModel {
+    loading: boolean;
+    icons: ICustomIcon[];
+}
+export interface ICustomIconsPresenter {
+    readonly vm: ICustomIconsViewModel;
+    load(): Promise<ICustomIcon[]>;
+}
+export declare const CustomIconsPresenter: import("@webiny/di").Abstraction<ICustomIconsPresenter>;
+export declare namespace CustomIconsPresenter {
+    type Interface = ICustomIconsPresenter;
+    type ViewModel = ICustomIconsViewModel;
+}

package/presentation/iconPicker/customIcons/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const CustomIconsPresenter = createAbstraction("IconPicker/CustomIconsPresenter");
+export { CustomIconsPresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/iconPicker/customIcons/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/iconPicker/customIcons/abstractions.js","sources":["../../../../src/presentation/iconPicker/customIcons/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { ICustomIcon } from \"~/features/iconPicker/listCustomIcons/abstractions.js\";\n\nexport interface ICustomIconsViewModel {\n    loading: boolean;\n    icons: ICustomIcon[];\n}\n\nexport interface ICustomIconsPresenter {\n    readonly vm: ICustomIconsViewModel;\n    load(): Promise<ICustomIcon[]>;\n}\n\nexport const CustomIconsPresenter = createAbstraction<ICustomIconsPresenter>(\n    \"IconPicker/CustomIconsPresenter\"\n);\n\nexport namespace CustomIconsPresenter {\n    export type Interface = ICustomIconsPresenter;\n    export type ViewModel = ICustomIconsViewModel;\n}\n"],"names":["CustomIconsPresenter","createAbstraction"],"mappings":";AAaO,MAAMA,uBAAuBC,kBAChC"}

package/presentation/iconPicker/customIcons/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const CustomIconsPresenterFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").ICustomIconsPresenter;
+}, []>;

package/presentation/iconPicker/customIcons/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { CustomIconsPresenter } from "./abstractions.js";
+import { CustomIconsPresenter as external_CustomIconsPresenter_js_CustomIconsPresenter } from "./CustomIconsPresenter.js";
+const CustomIconsPresenterFeature = createFeature({
+    name: "IconPicker/CustomIconsPresenter",
+    register (container) {
+        container.register(external_CustomIconsPresenter_js_CustomIconsPresenter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(CustomIconsPresenter)
+        };
+    }
+});
+export { CustomIconsPresenterFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/iconPicker/customIcons/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/iconPicker/customIcons/feature.js","sources":["../../../../src/presentation/iconPicker/customIcons/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { CustomIconsPresenter as Abstraction } from \"./abstractions.js\";\nimport { CustomIconsPresenter } from \"./CustomIconsPresenter.js\";\n\nexport const CustomIconsPresenterFeature = createFeature({\n    name: \"IconPicker/CustomIconsPresenter\",\n    register(container) {\n        container.register(CustomIconsPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["CustomIconsPresenterFeature","createFeature","container","CustomIconsPresenter","Abstraction"],"mappings":";;;AAIO,MAAMA,8BAA8BC,cAAc;IACrD,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,uDAAsB,gBAAgB;IAC7D;IACA,SAAQD,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACE;QACjC;IACJ;AACJ"}

package/presentation/iconPicker/customIcons/index.d.ts

@@ -0,0 +1,3 @@
+export { CustomIconsPresenter } from "./abstractions.js";
+export type { ICustomIconsPresenter, ICustomIconsViewModel } from "./abstractions.js";
+export { CustomIconsPresenterFeature } from "./feature.js";

package/presentation/iconPicker/customIcons/index.js

@@ -0,0 +1,2 @@
+export { CustomIconsPresenter } from "./abstractions.js";
+export { CustomIconsPresenterFeature } from "./feature.js";

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

@@ -2,7 +2,7 @@ import React from "react";
 interface SystemInstallerProps {
     children: React.ReactNode;
 }
-export declare const SystemInstaller: (({ children }: SystemInstallerProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const SystemInstaller: (({ children }: SystemInstallerProps) => React.JSX.Element) & React.NamedExoticComponent<SystemInstallerProps> & {
+    readonly type: ({ children }: SystemInstallerProps) => React.JSX.Element;
 };
 export {};

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

@@ -4,7 +4,8 @@ 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";
+import { useFeature } from "@webiny/app";
+import { PasswordPolicyFeature } from "../../../../../features/adminUsers/passwordPolicy/index.js";
 const AdminUserStep = ({ nextStep })=>/*#__PURE__*/ react.createElement(Container, {
         title: "Admin account",
         message: "This is the account you’ll use to access and manage your Webiny instance."
@@ -17,25 +18,26 @@ const AdminUserStep = ({ nextStep })=>/*#__PURE__*/ react.createElement(Containe
     }, ()=>/*#__PURE__*/ react.createElement(AdminUserInputs, null)))));
 const AdminUserInputs = ()=>{
     const form = useForm();
-    const passwordValidator = usePasswordValidator();
+    const { passwordPolicy } = useFeature(PasswordPolicyFeature);
+    const appName = process.env.REACT_APP_AUTH_INSTALLER_APP_NAME || "Cognito";
     return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
         span: 6
     }, /*#__PURE__*/ react.createElement(Bind, {
-        name: "Cognito.firstName",
+        name: `${appName}.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",
+        name: `${appName}.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",
+        name: `${appName}.email`,
         beforeChange: (value, cb)=>cb(value.toLowerCase()),
         validators: validation.create("required,email")
     }, /*#__PURE__*/ react.createElement(Input, {
@@ -44,9 +46,9 @@ const AdminUserInputs = ()=>{
     }))), /*#__PURE__*/ react.createElement(Grid.Column, {
         span: 12
     }, /*#__PURE__*/ react.createElement(Bind, {
-        name: "Cognito.password",
+        name: `${appName}.password`,
         validators: [
-            passwordValidator,
+            (value)=>passwordPolicy.validate(value),
             validation.create("required")
         ]
     }, /*#__PURE__*/ react.createElement(Input, {

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

@@ -1 +1 @@
-{"version":3,"file":"presentation/installation/components/SystemInstaller/steps/AdminUserStep.js","sources":["../../../../../../src/presentation/installation/components/SystemInstaller/steps/AdminUserStep.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, Grid, Input } from \"@webiny/admin-ui\";\nimport { Bind, Form, useForm } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { Center } from \"./Center.js\";\nimport { Container } from \"./Container.js\";\nimport type { ISystemInstallerPresenter } from \"~/presentation/installation/presenters/SystemInstaller/abstractions.js\";\nimport { usePasswordValidator } from \"./AdminUserStep/usePasswordValidator.js\";\n\ninterface StepProps {\n    nextStep: ISystemInstallerPresenter[\"nextStep\"];\n}\n\nexport const AdminUserStep = ({ nextStep }: StepProps) => {\n    return (\n        <Container\n            title={\"Admin account\"}\n            message={\"This is the account you’ll use to access and manage your Webiny instance.\"}\n        >\n            <Center>\n                <div style={{ width: 400 }}>\n                    <Form onSubmit={data => nextStep(data)}>{() => <AdminUserInputs />}</Form>\n                </div>\n            </Center>\n        </Container>\n    );\n};\n\nconst AdminUserInputs = () => {\n    const form = useForm();\n    const passwordValidator = usePasswordValidator();\n\n    return (\n        <Grid>\n            <Grid.Column span={6}>\n                <Bind name={\"Cognito.firstName\"} validators={validation.create(\"required\")}>\n                    <Input label={\"First name\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={6}>\n                <Bind name={\"Cognito.lastName\"} validators={validation.create(\"required\")}>\n                    <Input label={\"Last name\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind\n                    name={\"Cognito.email\"}\n                    beforeChange={(value: string, cb) => cb(value.toLowerCase())}\n                    validators={validation.create(\"required,email\")}\n                >\n                    <Input label={\"Your email\"} autoComplete={\"new-password\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind\n                    name={\"Cognito.password\"}\n                    validators={[passwordValidator, validation.create(\"required\")]}\n                >\n                    <Input\n                        label={\"Choose password\"}\n                        type={\"password\"}\n                        autoComplete={\"new-password\"}\n                    />\n                </Bind>\n            </Grid.Column>\n\n            <Grid.Column span={12}>\n                <Button\n                    containerClassName={\"w-full\"}\n                    className={\"w-full\"}\n                    variant={\"primary\"}\n                    size={\"lg\"}\n                    text={\"Next step\"}\n                    onClick={form.submit}\n                />\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"names":["AdminUserStep","nextStep","Container","Center","Form","data","AdminUserInputs","form","useForm","passwordValidator","usePasswordValidator","Grid","Bind","validation","Input","value","cb","Button"],"mappings":";;;;;;;AAaO,MAAMA,gBAAgB,CAAC,EAAEC,QAAQ,EAAa,GAC1C,WAAP,GACI,oBAACC,WAASA;QACN,OAAO;QACP,SAAS;qBAET,oBAACC,QAAMA,MAAAA,WAAAA,GACH,oBAAC;QAAI,OAAO;YAAE,OAAO;QAAI;qBACrB,oBAACC,MAAIA;QAAC,UAAUC,CAAAA,OAAQJ,SAASI;OAAQ,kBAAM,oBAACC,iBAAeA;AAOnF,MAAMA,kBAAkB;IACpB,MAAMC,OAAOC;IACb,MAAMC,oBAAoBC;IAE1B,OAAO,WAAP,GACI,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;QAAqB,YAAYC,WAAW,MAAM,CAAC;qBAC3D,oBAACC,OAAKA;QAAC,OAAO;wBAGtB,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;QAAoB,YAAYC,WAAW,MAAM,CAAC;qBAC1D,oBAACC,OAAKA;QAAC,OAAO;wBAGtB,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QACD,MAAM;QACN,cAAc,CAACG,OAAeC,KAAOA,GAAGD,MAAM,WAAW;QACzD,YAAYF,WAAW,MAAM,CAAC;qBAE9B,oBAACC,OAAKA;QAAC,OAAO;QAAc,cAAc;wBAGlD,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QACD,MAAM;QACN,YAAY;YAACH;YAAmBI,WAAW,MAAM,CAAC;SAAY;qBAE9D,oBAACC,OAAKA;QACF,OAAO;QACP,MAAM;QACN,cAAc;wBAK1B,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACM,QAAMA;QACH,oBAAoB;QACpB,WAAW;QACX,SAAS;QACT,MAAM;QACN,MAAM;QACN,SAASV,KAAK,MAAM;;AAKxC"}
+{"version":3,"file":"presentation/installation/components/SystemInstaller/steps/AdminUserStep.js","sources":["../../../../../../src/presentation/installation/components/SystemInstaller/steps/AdminUserStep.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, Grid, Input } from \"@webiny/admin-ui\";\nimport { Bind, Form, useForm } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { Center } from \"./Center.js\";\nimport { Container } from \"./Container.js\";\nimport type { ISystemInstallerPresenter } from \"~/presentation/installation/presenters/SystemInstaller/abstractions.js\";\nimport { useFeature } from \"@webiny/app\";\nimport { PasswordPolicyFeature } from \"~/features/adminUsers/passwordPolicy/index.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 { passwordPolicy } = useFeature(PasswordPolicyFeature);\n\n    // The install wizard renders BEFORE any auth-provider extension is mounted (it replaces the app\n    // tree), so the installer's app name can't come from DI here — it must be a build-time value.\n    // The submitted data is keyed under this name, becoming `installationInput: [{ app, data }]`, so\n    // it has to match the API-side AppInstaller's `appName`. Defaults to \"Cognito\" (AWS hosting type);\n    // the self-hosted hosting type sets REACT_APP_AUTH_INSTALLER_APP_NAME=\"SelfHostedAuth\".\n    const appName = process.env.REACT_APP_AUTH_INSTALLER_APP_NAME || \"Cognito\";\n\n    return (\n        <Grid>\n            <Grid.Column span={6}>\n                <Bind name={`${appName}.firstName`} validators={validation.create(\"required\")}>\n                    <Input label={\"First name\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={6}>\n                <Bind name={`${appName}.lastName`} validators={validation.create(\"required\")}>\n                    <Input label={\"Last name\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind\n                    name={`${appName}.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={`${appName}.password`}\n                    validators={[\n                        (value: string) => passwordPolicy.validate(value),\n                        validation.create(\"required\")\n                    ]}\n                >\n                    <Input\n                        label={\"Choose password\"}\n                        type={\"password\"}\n                        autoComplete={\"new-password\"}\n                    />\n                </Bind>\n            </Grid.Column>\n\n            <Grid.Column span={12}>\n                <Button\n                    containerClassName={\"w-full\"}\n                    className={\"w-full\"}\n                    variant={\"primary\"}\n                    size={\"lg\"}\n                    text={\"Next step\"}\n                    onClick={form.submit}\n                />\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"names":["AdminUserStep","nextStep","Container","Center","Form","data","AdminUserInputs","form","useForm","passwordPolicy","useFeature","PasswordPolicyFeature","appName","process","Grid","Bind","validation","Input","value","cb","Button"],"mappings":";;;;;;;;AAcO,MAAMA,gBAAgB,CAAC,EAAEC,QAAQ,EAAa,GAC1C,WAAP,GACI,oBAACC,WAASA;QACN,OAAO;QACP,SAAS;qBAET,oBAACC,QAAMA,MAAAA,WAAAA,GACH,oBAAC;QAAI,OAAO;YAAE,OAAO;QAAI;qBACrB,oBAACC,MAAIA;QAAC,UAAUC,CAAAA,OAAQJ,SAASI;OAAQ,kBAAM,oBAACC,iBAAeA;AAOnF,MAAMA,kBAAkB;IACpB,MAAMC,OAAOC;IACb,MAAM,EAAEC,cAAc,EAAE,GAAGC,WAAWC;IAOtC,MAAMC,UAAUC,QAAQ,GAAG,CAAC,iCAAiC,IAAI;IAEjE,OAAO,WAAP,GACI,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM,GAAGH,QAAQ,UAAU,CAAC;QAAE,YAAYI,WAAW,MAAM,CAAC;qBAC9D,oBAACC,OAAKA;QAAC,OAAO;wBAGtB,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM,GAAGH,QAAQ,SAAS,CAAC;QAAE,YAAYI,WAAW,MAAM,CAAC;qBAC7D,oBAACC,OAAKA;QAAC,OAAO;wBAGtB,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QACD,MAAM,GAAGH,QAAQ,MAAM,CAAC;QACxB,cAAc,CAACM,OAAeC,KAAOA,GAAGD,MAAM,WAAW;QACzD,YAAYF,WAAW,MAAM,CAAC;qBAE9B,oBAACC,OAAKA;QAAC,OAAO;QAAc,cAAc;wBAGlD,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QACD,MAAM,GAAGH,QAAQ,SAAS,CAAC;QAC3B,YAAY;YACR,CAACM,QAAkBT,eAAe,QAAQ,CAACS;YAC3CF,WAAW,MAAM,CAAC;SACrB;qBAED,oBAACC,OAAKA;QACF,OAAO;QACP,MAAM;QACN,cAAc;wBAK1B,oBAACH,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACM,QAAMA;QACH,oBAAoB;QACpB,WAAW;QACX,SAAS;QACT,MAAM;QACN,MAAM;QACN,SAASb,KAAK,MAAM;;AAKxC"}

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

@@ -3,9 +3,6 @@ const INSTALL_FINISH_URL = process.env.REACT_APP_WEBINY_INSTALL_FINISH_URL || "h
 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;

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

@@ -1 +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"}
+{"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, route the \"Start using Webiny\" CTA through the\n * marketing site's /install/finish page so the website's anonymous wts_did\n * cookie can be aliased to the deployer's machine_id. Falls through to the\n * local `finishInstallation` flow otherwise.\n *\n * This used to run only when the admin was served from a `.cloudfront.net`\n * host, which meant standalone installs were never aliased and the whole\n * install-to-marketing-visit link was AWS-only. The website side of the\n * handoff drops its matching CloudFront restriction, so both halves of the\n * path now work for any host.\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\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","machineId","getMachineId","currentUrl","params","URLSearchParams","handleStartUsing","finishInstallation","handoff"],"mappings":";AAGA,MAAMA,qBACFC,QAAQ,GAAG,CAAC,mCAAmC,IAAI;AAcvD,MAAMC,yBAAyB;IAC3B,IAAID,AAA2C,YAA3CA,QAAQ,GAAG,CAAC,0BAA0B,EACtC,OAAO;IAGX,IAAI,AAAkB,MAAlB,OAAOE,QACP,OAAO;IAGX,MAAMC,YAAYC;IAClB,IAAI,CAACD,WACD,OAAO;IAGX,MAAME,aAAaH,OAAO,QAAQ,CAAC,MAAM,GAAGA,OAAO,QAAQ,CAAC,QAAQ;IACpE,MAAMI,SAAS,IAAIC,gBAAgB;QAC/B,YAAYJ;QACZ,WAAWE;IACf;IACA,OAAO,GAAGN,mBAAmB,CAAC,EAAEO,OAAO,QAAQ,IAAI;AACvD;AAEO,MAAME,mBAAmB,CAC5BC;IAEA,IAAI,AAAkB,MAAlB,OAAOP,QAAwB;QAC/B,MAAMQ,UAAUT;QAChB,IAAIS,SAAS,YACTR,OAAO,QAAQ,CAAC,MAAM,CAACQ;IAG/B;IACAD;AACJ"}

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

@@ -21,7 +21,7 @@ const FinishSetupStep = ({ error, isInstalled, installing, installSystem, finish
         className: "flex flex-col gap-4"
     }, /*#__PURE__*/ react.createElement(Alert, {
         type: "danger"
-    }, error.data.reason), /*#__PURE__*/ react.createElement(Button, {
+    }, error.data?.reason ?? error.message ?? "Installation failed."), /*#__PURE__*/ react.createElement(Button, {
         containerClassName: "w-full",
         className: "w-full",
         variant: "secondary",

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

@@ -1 +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"}
+{"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\"}>\n                                    {error.data?.reason ?? error.message ?? \"Installation failed.\"}\n                                </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;OACRV,MAAM,IAAI,EAAE,UAAUA,MAAM,OAAO,IAAI,uCAE5C,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/presenters/SystemInstaller/SystemInstallerPresenter.js

@@ -46,10 +46,12 @@ class SystemInstallerPresenterImpl {
                     this.isInstalled = true;
                     this.installing = false;
                 });
-                this.newsletter.subscribe({
-                    email: installerData.Cognito.email,
-                    firstName: installerData.Cognito.firstName,
-                    lastName: installerData.Cognito.lastName
+                const authApp = process.env.REACT_APP_AUTH_INSTALLER_APP_NAME || "Cognito";
+                const adminUser = installerData[authApp];
+                if (adminUser) this.newsletter.subscribe({
+                    email: adminUser.email,
+                    firstName: adminUser.firstName,
+                    lastName: adminUser.lastName
                 });
             } catch (error) {
                 runInAction(()=>{
@@ -71,7 +73,7 @@ class SystemInstallerPresenterImpl {
                 name: "basic-info",
                 label: "Basic info"
             },
-            "cognito" === process.env.REACT_APP_IDP_TYPE ? {
+            "cognito" === process.env.REACT_APP_IDP_TYPE || Boolean(process.env.REACT_APP_AUTH_INSTALLER_APP_NAME) ? {
                 name: "admin-account",
                 label: "Admin account"
             } : void 0,