@webiny/app-admin 6.4.11 → 6.6.0-alpha.1

package/presentation/commandPalette/commands/AskAiCommand.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { Command } from "../abstractions.js";
+/**
+ * Discoverable entry point for the palette's AI mode.
+ *
+ * `entersAiMode` rather than `execute`: the design keeps one input row across every mode, so selecting
+ * this switches the palette instead of running an action, and the palette stays open. A command
+ * without a `detailView` is otherwise executed and then closed, which a mode cannot survive.
+ *
+ * It exists as a command at all so it stays searchable ("ai", "ask", "assistant") for people who
+ * never learn the space shortcut.
+ */
+declare class AskAiCommandImpl implements Command.Interface {
+    name: string;
+    label: string;
+    description: string;
+    category: string;
+    keywords: string[];
+    icon: React.JSX.Element;
+    entersAiMode: boolean;
+}
+export declare const AskAiCommand: typeof AskAiCommandImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICommand>;
+};
+export {};

package/presentation/commandPalette/commands/AskAiCommand.js

@@ -0,0 +1,33 @@
+import react from "react";
+import { Icon } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/auto_awesome.svg";
+import { Command } from "../abstractions.js";
+class AskAiCommandImpl {
+    constructor(){
+        this.name = "admin.ai.ask";
+        this.label = "Ask AI";
+        this.description = "Ask about your content in plain language";
+        this.category = "Assistant";
+        this.keywords = [
+            "ai",
+            "ask",
+            "assistant",
+            "chat",
+            "search"
+        ];
+        this.icon = /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            size: "sm",
+            color: "neutral-strong",
+            label: ""
+        });
+        this.entersAiMode = true;
+    }
+}
+const AskAiCommand = Command.createImplementation({
+    implementation: AskAiCommandImpl,
+    dependencies: []
+});
+export { AskAiCommand };
+
+//# sourceMappingURL=AskAiCommand.js.map

package/presentation/commandPalette/commands/AskAiCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/commands/AskAiCommand.js","sources":["../../../../src/presentation/commandPalette/commands/AskAiCommand.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as AiIcon } from \"@webiny/icons/auto_awesome.svg\";\nimport { Command } from \"../abstractions.js\";\n\n/**\n * Discoverable entry point for the palette's AI mode.\n *\n * `entersAiMode` rather than `execute`: the design keeps one input row across every mode, so selecting\n * this switches the palette instead of running an action, and the palette stays open. A command\n * without a `detailView` is otherwise executed and then closed, which a mode cannot survive.\n *\n * It exists as a command at all so it stays searchable (\"ai\", \"ask\", \"assistant\") for people who\n * never learn the space shortcut.\n */\nclass AskAiCommandImpl implements Command.Interface {\n    name = \"admin.ai.ask\";\n    label = \"Ask AI\";\n    description = \"Ask about your content in plain language\";\n    category = \"Assistant\";\n    keywords = [\"ai\", \"ask\", \"assistant\", \"chat\", \"search\"];\n    icon = <Icon icon={<AiIcon />} size=\"sm\" color=\"neutral-strong\" label=\"\" />;\n    entersAiMode = true;\n}\n\nexport const AskAiCommand = Command.createImplementation({\n    implementation: AskAiCommandImpl,\n    dependencies: []\n});\n"],"names":["AskAiCommandImpl","Icon","AiIcon","AskAiCommand","Command"],"mappings":";;;;AAeA,MAAMA;;aACF,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,QAAQ,GAAG;aACX,QAAQ,GAAG;YAAC;YAAM;YAAO;YAAa;YAAQ;SAAS;aACvD,IAAI,GAAG,WAAP,GAAO,oBAACC,MAAIA;YAAC,oBAAM,oBAACC,gBAAMA;YAAK,MAAK;YAAK,OAAM;YAAiB,OAAM;;aACtE,YAAY,GAAG;;AACnB;AAEO,MAAMC,eAAeC,QAAQ,oBAAoB,CAAC;IACrD,gBAAgBJ;IAChB,cAAc,EAAE;AACpB"}

package/presentation/commandPalette/commands/CopyCurrentUrlCommand.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { Command } from "../abstractions.js";
+declare class CopyCurrentUrlCommandImpl implements Command.Interface {
+    name: string;
+    label: string;
+    description: string;
+    category: string;
+    keywords: string[];
+    icon: React.JSX.Element;
+    execute(): void;
+}
+export declare const CopyCurrentUrlCommand: typeof CopyCurrentUrlCommandImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICommand>;
+};
+export {};

package/presentation/commandPalette/commands/CopyCurrentUrlCommand.js

@@ -0,0 +1,33 @@
+import react from "react";
+import { Icon } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/content_copy.svg";
+import { Command } from "../abstractions.js";
+class CopyCurrentUrlCommandImpl {
+    execute() {
+        navigator.clipboard?.writeText(window.location.href);
+    }
+    constructor(){
+        this.name = "admin.copyCurrentUrl";
+        this.label = "Copy current URL";
+        this.description = "Copy this page's link to the clipboard";
+        this.category = "Actions";
+        this.keywords = [
+            "clipboard",
+            "share",
+            "link"
+        ];
+        this.icon = /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            size: "sm",
+            color: "neutral-strong",
+            label: ""
+        });
+    }
+}
+const CopyCurrentUrlCommand = Command.createImplementation({
+    implementation: CopyCurrentUrlCommandImpl,
+    dependencies: []
+});
+export { CopyCurrentUrlCommand };
+
+//# sourceMappingURL=CopyCurrentUrlCommand.js.map

package/presentation/commandPalette/commands/CopyCurrentUrlCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/commands/CopyCurrentUrlCommand.js","sources":["../../../../src/presentation/commandPalette/commands/CopyCurrentUrlCommand.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as CopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { Command } from \"../abstractions.js\";\n\nclass CopyCurrentUrlCommandImpl implements Command.Interface {\n    name = \"admin.copyCurrentUrl\";\n    label = \"Copy current URL\";\n    description = \"Copy this page's link to the clipboard\";\n    category = \"Actions\";\n    keywords = [\"clipboard\", \"share\", \"link\"];\n    icon = <Icon icon={<CopyIcon />} size=\"sm\" color=\"neutral-strong\" label=\"\" />;\n\n    execute() {\n        void navigator.clipboard?.writeText(window.location.href);\n    }\n}\n\nexport const CopyCurrentUrlCommand = Command.createImplementation({\n    implementation: CopyCurrentUrlCommandImpl,\n    dependencies: []\n});\n"],"names":["CopyCurrentUrlCommandImpl","navigator","window","Icon","CopyIcon","CopyCurrentUrlCommand","Command"],"mappings":";;;;AAKA,MAAMA;IAQF,UAAU;QACDC,UAAU,SAAS,EAAE,UAAUC,OAAO,QAAQ,CAAC,IAAI;IAC5D;;aATA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,QAAQ,GAAG;aACX,QAAQ,GAAG;YAAC;YAAa;YAAS;SAAO;aACzC,IAAI,GAAG,WAAP,GAAO,oBAACC,MAAIA;YAAC,oBAAM,oBAACC,gBAAQA;YAAK,MAAK;YAAK,OAAM;YAAiB,OAAM;;;AAK5E;AAEO,MAAMC,wBAAwBC,QAAQ,oBAAoB,CAAC;IAC9D,gBAAgBN;IAChB,cAAc,EAAE;AACpB"}

package/presentation/commandPalette/commands/SendMessageCommand.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { Command } from "../abstractions.js";
+/**
+ * DEMO command showcasing a `detailView`: selecting it opens a form inside the palette,
+ * and submitting calls `execute(data)`. Safe to remove — kept as a live example of the
+ * detail-view capability.
+ */
+declare const SendMessageDetailView: ({ command, onClose }: Command.DetailProps) => React.JSX.Element;
+declare class SendMessageCommandImpl implements Command.Interface {
+    name: string;
+    label: string;
+    description: string;
+    category: string;
+    keywords: string[];
+    shortcut: string;
+    icon: React.JSX.Element;
+    detailView: typeof SendMessageDetailView;
+    execute(params?: unknown): void;
+}
+export declare const SendMessageCommand: typeof SendMessageCommandImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICommand>;
+};
+export {};

package/presentation/commandPalette/commands/SendMessageCommand.js

@@ -0,0 +1,66 @@
+import react, { useState } from "react";
+import { Button, Icon, Input } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/send.svg";
+import { Command } from "../abstractions.js";
+const SendMessageDetailView = ({ command, onClose })=>{
+    const [recipient, setRecipient] = useState("");
+    const [message, setMessage] = useState("");
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm p-md"
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "Recipient",
+        value: recipient,
+        onChange: setRecipient,
+        placeholder: "Enter recipient",
+        autoFocus: true
+    }), /*#__PURE__*/ react.createElement(Input, {
+        label: "Message",
+        value: message,
+        onChange: setMessage,
+        placeholder: "Enter your message"
+    }), /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-end pt-sm"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        text: "Send",
+        onClick: ()=>{
+            command.execute?.({
+                recipient,
+                message
+            });
+            onClose();
+        }
+    })));
+};
+class SendMessageCommandImpl {
+    execute(params) {
+        const data = params;
+        window.alert(`Message to ${data?.recipient || "?"}: ${data?.message || ""}`);
+    }
+    constructor(){
+        this.name = "admin.demo.sendMessage";
+        this.label = "Send message";
+        this.description = "Demo — a form rendered inside the palette";
+        this.category = "Demo";
+        this.keywords = [
+            "demo",
+            "form",
+            "message"
+        ];
+        this.shortcut = "cmd+shift+m";
+        this.icon = /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            size: "sm",
+            color: "neutral-strong",
+            label: ""
+        });
+        this.detailView = SendMessageDetailView;
+    }
+}
+const SendMessageCommand = Command.createImplementation({
+    implementation: SendMessageCommandImpl,
+    dependencies: []
+});
+export { SendMessageCommand };
+
+//# sourceMappingURL=SendMessageCommand.js.map

package/presentation/commandPalette/commands/SendMessageCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/commands/SendMessageCommand.js","sources":["../../../../src/presentation/commandPalette/commands/SendMessageCommand.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Button, Icon, Input } from \"@webiny/admin-ui\";\nimport { ReactComponent as SendIcon } from \"@webiny/icons/send.svg\";\nimport { Command } from \"../abstractions.js\";\n\n/**\n * DEMO command showcasing a `detailView`: selecting it opens a form inside the palette,\n * and submitting calls `execute(data)`. Safe to remove — kept as a live example of the\n * detail-view capability.\n */\nconst SendMessageDetailView = ({ command, onClose }: Command.DetailProps) => {\n    const [recipient, setRecipient] = useState(\"\");\n    const [message, setMessage] = useState(\"\");\n\n    return (\n        <div className=\"flex flex-col gap-sm p-md\">\n            <Input\n                label=\"Recipient\"\n                value={recipient}\n                onChange={setRecipient}\n                placeholder=\"Enter recipient\"\n                autoFocus\n            />\n            <Input\n                label=\"Message\"\n                value={message}\n                onChange={setMessage}\n                placeholder=\"Enter your message\"\n            />\n            <div className=\"flex justify-end pt-sm\">\n                <Button\n                    variant=\"primary\"\n                    text=\"Send\"\n                    onClick={() => {\n                        command.execute?.({ recipient, message });\n                        onClose();\n                    }}\n                />\n            </div>\n        </div>\n    );\n};\n\nclass SendMessageCommandImpl implements Command.Interface {\n    name = \"admin.demo.sendMessage\";\n    label = \"Send message\";\n    description = \"Demo — a form rendered inside the palette\";\n    category = \"Demo\";\n    keywords = [\"demo\", \"form\", \"message\"];\n    shortcut = \"cmd+shift+m\";\n    icon = <Icon icon={<SendIcon />} size=\"sm\" color=\"neutral-strong\" label=\"\" />;\n    detailView = SendMessageDetailView;\n\n    execute(params?: unknown) {\n        const data = params as { recipient?: string; message?: string } | undefined;\n        window.alert(`Message to ${data?.recipient || \"?\"}: ${data?.message || \"\"}`);\n    }\n}\n\nexport const SendMessageCommand = Command.createImplementation({\n    implementation: SendMessageCommandImpl,\n    dependencies: []\n});\n"],"names":["SendMessageDetailView","command","onClose","recipient","setRecipient","useState","message","setMessage","Input","Button","SendMessageCommandImpl","params","data","window","Icon","SendIcon","SendMessageCommand","Command"],"mappings":";;;;AAUA,MAAMA,wBAAwB,CAAC,EAAEC,OAAO,EAAEC,OAAO,EAAuB;IACpE,MAAM,CAACC,WAAWC,aAAa,GAAGC,SAAS;IAC3C,MAAM,CAACC,SAASC,WAAW,GAAGF,SAAS;IAEvC,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACG,OAAKA;QACF,OAAM;QACN,OAAOL;QACP,UAAUC;QACV,aAAY;QACZ;sBAEJ,oBAACI,OAAKA;QACF,OAAM;QACN,OAAOF;QACP,UAAUC;QACV,aAAY;sBAEhB,oBAAC;QAAI,WAAU;qBACX,oBAACE,QAAMA;QACH,SAAQ;QACR,MAAK;QACL,SAAS;YACLR,QAAQ,OAAO,GAAG;gBAAEE;gBAAWG;YAAQ;YACvCJ;QACJ;;AAKpB;AAEA,MAAMQ;IAUF,QAAQC,MAAgB,EAAE;QACtB,MAAMC,OAAOD;QACbE,OAAO,KAAK,CAAC,CAAC,WAAW,EAAED,MAAM,aAAa,IAAI,EAAE,EAAEA,MAAM,WAAW,IAAI;IAC/E;;aAZA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,QAAQ,GAAG;aACX,QAAQ,GAAG;YAAC;YAAQ;YAAQ;SAAU;aACtC,QAAQ,GAAG;aACX,IAAI,GAAG,WAAP,GAAO,oBAACE,MAAIA;YAAC,oBAAM,oBAACC,gBAAQA;YAAK,MAAK;YAAK,OAAM;YAAiB,OAAM;;aACxE,UAAU,GAAGf;;AAMjB;AAEO,MAAMgB,qBAAqBC,QAAQ,oBAAoB,CAAC;IAC3D,gBAAgBP;IAChB,cAAc,EAAE;AACpB"}

package/presentation/commandPalette/commands/SignOutCommand.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { Command } from "../abstractions.js";
+import { LogOutUseCase } from "../../../features/security/LogOut/index.js";
+declare class SignOutCommandImpl implements Command.Interface {
+    private logOut;
+    name: string;
+    label: string;
+    description: string;
+    category: string;
+    keywords: string[];
+    icon: React.JSX.Element;
+    constructor(logOut: LogOutUseCase.Interface);
+    execute(): void;
+}
+export declare const SignOutCommand: typeof SignOutCommandImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICommand>;
+};
+export {};

package/presentation/commandPalette/commands/SignOutCommand.js

@@ -0,0 +1,37 @@
+import react from "react";
+import { Icon } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/logout.svg";
+import { Command } from "../abstractions.js";
+import { LogOutUseCase } from "../../../features/security/LogOut/index.js";
+class SignOutCommandImpl {
+    constructor(logOut){
+        this.logOut = logOut;
+        this.name = "admin.signOut";
+        this.label = "Sign out";
+        this.description = "Log out of the admin app";
+        this.category = "Actions";
+        this.keywords = [
+            "logout",
+            "exit",
+            "session"
+        ];
+        this.icon = /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            size: "sm",
+            color: "neutral-strong",
+            label: ""
+        });
+    }
+    execute() {
+        this.logOut.execute();
+    }
+}
+const SignOutCommand = Command.createImplementation({
+    implementation: SignOutCommandImpl,
+    dependencies: [
+        LogOutUseCase
+    ]
+});
+export { SignOutCommand };
+
+//# sourceMappingURL=SignOutCommand.js.map

package/presentation/commandPalette/commands/SignOutCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/commands/SignOutCommand.js","sources":["../../../../src/presentation/commandPalette/commands/SignOutCommand.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as LogoutIcon } from \"@webiny/icons/logout.svg\";\nimport { Command } from \"../abstractions.js\";\nimport { LogOutUseCase } from \"~/features/security/LogOut/index.js\";\n\nclass SignOutCommandImpl implements Command.Interface {\n    name = \"admin.signOut\";\n    label = \"Sign out\";\n    description = \"Log out of the admin app\";\n    category = \"Actions\";\n    keywords = [\"logout\", \"exit\", \"session\"];\n    icon = <Icon icon={<LogoutIcon />} size=\"sm\" color=\"neutral-strong\" label=\"\" />;\n\n    constructor(private logOut: LogOutUseCase.Interface) {}\n\n    execute() {\n        void this.logOut.execute();\n    }\n}\n\nexport const SignOutCommand = Command.createImplementation({\n    implementation: SignOutCommandImpl,\n    dependencies: [LogOutUseCase]\n});\n"],"names":["SignOutCommandImpl","logOut","Icon","LogoutIcon","SignOutCommand","Command","LogOutUseCase"],"mappings":";;;;;AAMA,MAAMA;IAQF,YAAoBC,MAA+B,CAAE;aAAjCA,MAAM,GAANA;aAPpB,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,QAAQ,GAAG;aACX,QAAQ,GAAG;YAAC;YAAU;YAAQ;SAAU;aACxC,IAAI,GAAG,WAAP,GAAO,oBAACC,MAAIA;YAAC,oBAAM,oBAACC,gBAAUA;YAAK,MAAK;YAAK,OAAM;YAAiB,OAAM;;IAEpB;IAEtD,UAAU;QACD,IAAI,CAAC,MAAM,CAAC,OAAO;IAC5B;AACJ;AAEO,MAAMC,iBAAiBC,QAAQ,oBAAoB,CAAC;IACvD,gBAAgBL;IAChB,cAAc;QAACM;KAAc;AACjC"}

package/presentation/commandPalette/commands/feature.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Baseline command-palette actions available everywhere in the admin app. Registered
+ * as DI commands; other modules register their own via `Command.createImplementation`.
+ */
+export declare const AdminCommandsFeature: import("@webiny/feature/admin").FeatureDefinition<any, []>;

package/presentation/commandPalette/commands/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { CopyCurrentUrlCommand } from "./CopyCurrentUrlCommand.js";
+import { SignOutCommand } from "./SignOutCommand.js";
+import { SendMessageCommand } from "./SendMessageCommand.js";
+import { AskAiCommand } from "./AskAiCommand.js";
+const AdminCommandsFeature = createFeature({
+    name: "AdminCommands",
+    register (container) {
+        container.register(CopyCurrentUrlCommand);
+        container.register(SignOutCommand);
+        container.register(AskAiCommand);
+        container.register(SendMessageCommand);
+    }
+});
+export { AdminCommandsFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/commandPalette/commands/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/commands/feature.js","sources":["../../../../src/presentation/commandPalette/commands/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { Container } from \"@webiny/di\";\nimport { CopyCurrentUrlCommand } from \"./CopyCurrentUrlCommand.js\";\nimport { SignOutCommand } from \"./SignOutCommand.js\";\nimport { SendMessageCommand } from \"./SendMessageCommand.js\";\nimport { AskAiCommand } from \"./AskAiCommand.js\";\n\n/**\n * Baseline command-palette actions available everywhere in the admin app. Registered\n * as DI commands; other modules register their own via `Command.createImplementation`.\n */\nexport const AdminCommandsFeature = createFeature({\n    name: \"AdminCommands\",\n    register(container: Container) {\n        container.register(CopyCurrentUrlCommand);\n        container.register(SignOutCommand);\n        container.register(AskAiCommand);\n        // Demo of the detail-view capability — safe to remove.\n        container.register(SendMessageCommand);\n    }\n});\n"],"names":["AdminCommandsFeature","createFeature","container","CopyCurrentUrlCommand","SignOutCommand","AskAiCommand","SendMessageCommand"],"mappings":";;;;;AAWO,MAAMA,uBAAuBC,cAAc;IAC9C,MAAM;IACN,UAASC,SAAoB;QACzBA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE;QACnBF,UAAU,QAAQ,CAACG;QAEnBH,UAAU,QAAQ,CAACI;IACvB;AACJ"}

package/presentation/commandPalette/feature.d.ts

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

package/presentation/commandPalette/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { Command, CommandPalettePresenter } from "./abstractions.js";
+import { CommandPalettePresenter as external_CommandPalettePresenter_js_CommandPalettePresenter } from "./CommandPalettePresenter.js";
+const CommandPaletteFeature = createFeature({
+    name: "CommandPalette",
+    register (container) {
+        container.registerFactory(CommandPalettePresenter, ()=>new external_CommandPalettePresenter_js_CommandPalettePresenter(()=>container.resolveAll(Command)));
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(CommandPalettePresenter)
+        };
+    }
+});
+export { CommandPaletteFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/commandPalette/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/commandPalette/feature.js","sources":["../../../src/presentation/commandPalette/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { Container } from \"@webiny/di\";\nimport { CommandPalettePresenter as Abstraction, Command } from \"./abstractions.js\";\nimport { CommandPalettePresenter } from \"./CommandPalettePresenter.js\";\n\nexport const CommandPaletteFeature = createFeature({\n    name: \"CommandPalette\",\n    register(container: Container) {\n        container.registerFactory(Abstraction, () => {\n            return new CommandPalettePresenter(() => {\n                return container.resolveAll(Command);\n            });\n        });\n    },\n    resolve(container: Container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["CommandPaletteFeature","createFeature","container","Abstraction","CommandPalettePresenter","Command"],"mappings":";;;AAKO,MAAMA,wBAAwBC,cAAc;IAC/C,MAAM;IACN,UAASC,SAAoB;QACzBA,UAAU,eAAe,CAACC,yBAAa,IAC5B,IAAIC,4DAAwB,IACxBF,UAAU,UAAU,CAACG;IAGxC;IACA,SAAQH,SAAoB;QACxB,OAAO;YACH,WAAWA,UAAU,OAAO,CAACC;QACjC;IACJ;AACJ"}

package/presentation/commandPalette/index.d.ts

@@ -0,0 +1,3 @@
+export { Command, CommandPalettePresenter } from "./abstractions.js";
+export type { ICommand, CommandDetailProps, CommandItemVm, ActiveCommandVm, CommandPaletteViewModel } from "./abstractions.js";
+export { CommandPaletteFeature } from "./feature.js";

package/presentation/commandPalette/index.js

@@ -0,0 +1,2 @@
+export { Command, CommandPalettePresenter } from "./abstractions.js";
+export { CommandPaletteFeature } from "./feature.js";

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/SystemInstaller.js

@@ -26,6 +26,8 @@ const SystemInstaller = observer(({ children })=>{
         tags: {
             installer: true
         }
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex w-full"
     }, /*#__PURE__*/ react.createElement("div", {
         className: "bg-neutral-light h-screen w-[312px] p-xl"
     }, /*#__PURE__*/ react.createElement("div", {
@@ -56,7 +58,7 @@ const SystemInstaller = observer(({ children })=>{
         isInstalled: vm.isInstalled,
         finishInstallation: presenter.finishInstallation,
         installSystem: presenter.installSystem
-    }) : null));
+    }) : null)));
 });
 export { SystemInstaller };
 

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

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