@webiny/app-admin 6.6.0-alpha.0 → 6.6.0-alpha.10

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,19 @@
+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";
+import { AiChatsCommand } from "./AiChatsCommand.js";
+const AdminCommandsFeature = createFeature({
+    name: "AdminCommands",
+    register (container) {
+        container.register(CopyCurrentUrlCommand);
+        container.register(SignOutCommand);
+        container.register(AskAiCommand);
+        container.register(AiChatsCommand);
+        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\";\nimport { AiChatsCommand } from \"./AiChatsCommand.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        container.register(AiChatsCommand);\n        // Demo of the detail-view capability — safe to remove.\n        container.register(SendMessageCommand);\n    }\n});\n"],"names":["AdminCommandsFeature","createFeature","container","CopyCurrentUrlCommand","SignOutCommand","AskAiCommand","AiChatsCommand","SendMessageCommand"],"mappings":";;;;;;AAYO,MAAMA,uBAAuBC,cAAc;IAC9C,MAAM;IACN,UAASC,SAAoB;QACzBA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE;QACnBF,UAAU,QAAQ,CAACG;QACnBH,UAAU,QAAQ,CAACI;QAEnBJ,UAAU,QAAQ,CAACK;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/createReactiveComponent.d.ts

@@ -0,0 +1 @@
+export { observer as createReactiveComponent } from "mobx-react-lite";

package/presentation/createReactiveComponent.js

@@ -0,0 +1 @@
+export { observer as createReactiveComponent } from "mobx-react-lite";

package/presentation/debugger/DebuggerPresenter.d.ts

@@ -0,0 +1,14 @@
+import { DebugSessionsRepository } from "../../features/debugger/index.js";
+import { DebuggerPresenter as Abstraction } from "./abstractions.js";
+declare class DebuggerPresenterImpl implements Abstraction.Interface {
+    private repository;
+    constructor(repository: DebugSessionsRepository.Interface);
+    get vm(): Abstraction.ViewModel;
+    setCaptureOn(enabled: boolean): void;
+    clear(): void;
+    downloadReport(): void;
+}
+export declare const DebuggerPresenter: typeof DebuggerPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IDebuggerPresenter>;
+};
+export {};

package/presentation/debugger/DebuggerPresenter.js

@@ -0,0 +1,45 @@
+import { makeAutoObservable } from "mobx";
+import { DebugSessionsRepository } from "../../features/debugger/index.js";
+import { DebuggerPresenter } from "./abstractions.js";
+import { downloadJson } from "./downloadJson.js";
+class DebuggerPresenterImpl {
+    constructor(repository){
+        this.repository = repository;
+        makeAutoObservable(this, {
+            repository: false
+        }, {
+            autoBind: true
+        });
+    }
+    get vm() {
+        return {
+            available: this.repository.canCapture(),
+            captureOn: this.repository.isCaptureOn(),
+            sessionCount: this.repository.getSessions().length,
+            entryCount: this.repository.getEntryCount()
+        };
+    }
+    setCaptureOn(enabled) {
+        this.repository.setCaptureOn(enabled);
+    }
+    clear() {
+        this.repository.clear();
+    }
+    downloadReport() {
+        const generatedAt = new Date().toISOString();
+        const report = {
+            generatedAt,
+            sessions: this.repository.getSessions()
+        };
+        downloadJson(`webiny-debug-${generatedAt}.json`, report);
+    }
+}
+const DebuggerPresenter_DebuggerPresenter = DebuggerPresenter.createImplementation({
+    implementation: DebuggerPresenterImpl,
+    dependencies: [
+        DebugSessionsRepository
+    ]
+});
+export { DebuggerPresenter_DebuggerPresenter as DebuggerPresenter };
+
+//# sourceMappingURL=DebuggerPresenter.js.map

package/presentation/debugger/DebuggerPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/debugger/DebuggerPresenter.js","sources":["../../../src/presentation/debugger/DebuggerPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { DebugSessionsRepository } from \"~/features/debugger/index.js\";\nimport { DebuggerPresenter as Abstraction } from \"./abstractions.js\";\nimport { downloadJson } from \"./downloadJson.js\";\n\nclass DebuggerPresenterImpl implements Abstraction.Interface {\n    constructor(private repository: DebugSessionsRepository.Interface) {\n        makeAutoObservable<DebuggerPresenterImpl, \"repository\">(\n            this,\n            { repository: false },\n            { autoBind: true }\n        );\n    }\n\n    get vm(): Abstraction.ViewModel {\n        return {\n            available: this.repository.canCapture(),\n            captureOn: this.repository.isCaptureOn(),\n            sessionCount: this.repository.getSessions().length,\n            entryCount: this.repository.getEntryCount()\n        };\n    }\n\n    setCaptureOn(enabled: boolean): void {\n        this.repository.setCaptureOn(enabled);\n    }\n\n    clear(): void {\n        this.repository.clear();\n    }\n\n    downloadReport(): void {\n        const generatedAt = new Date().toISOString();\n        const report = {\n            generatedAt,\n            sessions: this.repository.getSessions()\n        };\n        downloadJson(`webiny-debug-${generatedAt}.json`, report);\n    }\n}\n\nexport const DebuggerPresenter = Abstraction.createImplementation({\n    implementation: DebuggerPresenterImpl,\n    dependencies: [DebugSessionsRepository]\n});\n"],"names":["DebuggerPresenterImpl","repository","makeAutoObservable","enabled","generatedAt","Date","report","downloadJson","DebuggerPresenter","Abstraction","DebugSessionsRepository"],"mappings":";;;;AAKA,MAAMA;IACF,YAAoBC,UAA6C,CAAE;aAA/CA,UAAU,GAAVA;QAChBC,mBACI,IAAI,EACJ;YAAE,YAAY;QAAM,GACpB;YAAE,UAAU;QAAK;IAEzB;IAEA,IAAI,KAA4B;QAC5B,OAAO;YACH,WAAW,IAAI,CAAC,UAAU,CAAC,UAAU;YACrC,WAAW,IAAI,CAAC,UAAU,CAAC,WAAW;YACtC,cAAc,IAAI,CAAC,UAAU,CAAC,WAAW,GAAG,MAAM;YAClD,YAAY,IAAI,CAAC,UAAU,CAAC,aAAa;QAC7C;IACJ;IAEA,aAAaC,OAAgB,EAAQ;QACjC,IAAI,CAAC,UAAU,CAAC,YAAY,CAACA;IACjC;IAEA,QAAc;QACV,IAAI,CAAC,UAAU,CAAC,KAAK;IACzB;IAEA,iBAAuB;QACnB,MAAMC,cAAc,IAAIC,OAAO,WAAW;QAC1C,MAAMC,SAAS;YACXF;YACA,UAAU,IAAI,CAAC,UAAU,CAAC,WAAW;QACzC;QACAG,aAAa,CAAC,aAAa,EAAEH,YAAY,KAAK,CAAC,EAAEE;IACrD;AACJ;AAEO,MAAME,sCAAoBC,kBAAAA,oBAAgC,CAAC;IAC9D,gBAAgBT;IAChB,cAAc;QAACU;KAAwB;AAC3C"}

package/presentation/debugger/abstractions.d.ts

@@ -0,0 +1,17 @@
+export interface IDebuggerViewModel {
+    available: boolean;
+    captureOn: boolean;
+    sessionCount: number;
+    entryCount: number;
+}
+export interface IDebuggerPresenter {
+    readonly vm: IDebuggerViewModel;
+    setCaptureOn(enabled: boolean): void;
+    clear(): void;
+    downloadReport(): void;
+}
+export declare const DebuggerPresenter: import("@webiny/di").Abstraction<IDebuggerPresenter>;
+export declare namespace DebuggerPresenter {
+    type Interface = IDebuggerPresenter;
+    type ViewModel = IDebuggerViewModel;
+}

package/presentation/debugger/abstractions.js

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

package/presentation/debugger/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/debugger/abstractions.js","sources":["../../../src/presentation/debugger/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\nexport interface IDebuggerViewModel {\n    // Whether the identity holds the permission; nothing debug related renders without it.\n    available: boolean;\n    captureOn: boolean;\n    sessionCount: number;\n    entryCount: number;\n}\n\nexport interface IDebuggerPresenter {\n    readonly vm: IDebuggerViewModel;\n    setCaptureOn(enabled: boolean): void;\n    clear(): void;\n    downloadReport(): void;\n}\n\nexport const DebuggerPresenter = createAbstraction<IDebuggerPresenter>(\"DebuggerPresenter\");\n\nexport namespace DebuggerPresenter {\n    export type Interface = IDebuggerPresenter;\n    export type ViewModel = IDebuggerViewModel;\n}\n"],"names":["DebuggerPresenter","createAbstraction"],"mappings":";AAiBO,MAAMA,oBAAoBC,kBAAsC"}

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DebuggerIndicator: (props: unknown) => React.JSX.Element;

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"}