@webiny/ai-powerups 6.4.11 → 6.6.0-alpha.1

package/admin/presentation/AiPowerUpsSettings/AiPowerUpsSettingsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/AiPowerUpsSettings/AiPowerUpsSettingsPage.js","sources":["../../../../src/admin/presentation/AiPowerUpsSettings/AiPowerUpsSettingsPage.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport {\n    FormView,\n    FormErrors,\n    PresenterErrors,\n    SimpleForm,\n    SimpleFormContent,\n    SimpleFormFooter,\n    SimpleFormHeader\n} from \"@webiny/app-admin\";\nimport { Button, OverlayLoader, useToast } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { AiPowerUpsSettingsFeature } from \"./feature.js\";\n\nexport const AiPowerUpsSettingsPage = observer(() => {\n    const toast = useToast();\n    const { presenter } = useFeature(AiPowerUpsSettingsFeature);\n    const vm = presenter.vm;\n\n    useEffect(() => {\n        presenter.init();\n    }, []);\n\n    const handleSave = async () => {\n        const success = await presenter.save();\n        if (success) {\n            toast.showSuccessToast({\n                title: \"AI power-ups settings saved successfully!\"\n            });\n        }\n    };\n\n    return (\n        <div>\n            <SimpleForm size={\"xl\"}>\n                {vm.errors.length > 0 ? (\n                    <div className={\"mb-lg\"}>\n                        <PresenterErrors errors={vm.errors} />\n                    </div>\n                ) : null}\n                {vm.form && vm.form.errors.length > 0 ? (\n                    <div className={\"mb-lg\"}>\n                        <FormErrors form={vm.form} />\n                    </div>\n                ) : null}\n                {vm.loading || vm.saving ? (\n                    <OverlayLoader text={vm.saving ? \"Saving...\" : \"Loading...\"} />\n                ) : null}\n                <SimpleFormHeader title=\"AI Power-Ups\" />\n                <SimpleFormContent className={\"p-0\"}>\n                    <div className=\"flex flex-col gap-4\">\n                        {vm.form ? <FormView name=\"AI Power-Ups\" form={vm.form} /> : null}\n                    </div>\n                </SimpleFormContent>\n                <SimpleFormFooter className={\"border-t-sm border-t-neutral-dimmed pt-lg\"}>\n                    <Button text=\"Save Settings\" onClick={handleSave} />\n                </SimpleFormFooter>\n            </SimpleForm>\n        </div>\n    );\n});\n"],"names":["AiPowerUpsSettingsPage","observer","toast","useToast","presenter","useFeature","AiPowerUpsSettingsFeature","vm","useEffect","handleSave","success","SimpleForm","PresenterErrors","FormErrors","OverlayLoader","SimpleFormHeader","SimpleFormContent","FormView","SimpleFormFooter","Button"],"mappings":";;;;;;AAeO,MAAMA,yBAAyBC,SAAS;IAC3C,MAAMC,QAAQC;IACd,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAMC,KAAKH,UAAU,EAAE;IAEvBI,UAAU;QACNJ,UAAU,IAAI;IAClB,GAAG,EAAE;IAEL,MAAMK,aAAa;QACf,MAAMC,UAAU,MAAMN,UAAU,IAAI;QACpC,IAAIM,SACAR,MAAM,gBAAgB,CAAC;YACnB,OAAO;QACX;IAER;IAEA,OAAO,WAAP,GACI,oBAAC,2BACG,oBAACS,YAAUA;QAAC,MAAM;OACbJ,GAAG,MAAM,CAAC,MAAM,GAAG,IAAI,WAAJ,GAChB,oBAAC;QAAI,WAAW;qBACZ,oBAACK,iBAAeA;QAAC,QAAQL,GAAG,MAAM;UAEtC,MACHA,GAAG,IAAI,IAAIA,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,WAAJ,GAChC,oBAAC;QAAI,WAAW;qBACZ,oBAACM,YAAUA;QAAC,MAAMN,GAAG,IAAI;UAE7B,MACHA,GAAG,OAAO,IAAIA,GAAG,MAAM,GAAG,WAAH,GACpB,oBAACO,eAAaA;QAAC,MAAMP,GAAG,MAAM,GAAG,cAAc;SAC/C,oBACJ,oBAACQ,kBAAgBA;QAAC,OAAM;sBACxB,oBAACC,mBAAiBA;QAAC,WAAW;qBAC1B,oBAAC;QAAI,WAAU;OACVT,GAAG,IAAI,GAAG,WAAH,GAAG,oBAACU,UAAQA;QAAC,MAAK;QAAe,MAAMV,GAAG,IAAI;SAAO,sBAGrE,oBAACW,kBAAgBA;QAAC,WAAW;qBACzB,oBAACC,QAAMA;QAAC,MAAK;QAAgB,SAASV;;AAK1D"}
+{"version":3,"file":"admin/presentation/AiPowerUpsSettings/AiPowerUpsSettingsPage.js","sources":["../../../../src/admin/presentation/AiPowerUpsSettings/AiPowerUpsSettingsPage.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport {\n    FormView,\n    FormErrors,\n    PresenterErrors,\n    SimpleForm,\n    SimpleFormContent,\n    SimpleFormFooter,\n    SimpleFormHeader\n} from \"@webiny/app-admin\";\nimport { Button, OverlayLoader, useToast } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { AiPowerUpsSettingsFeature } from \"./feature.js\";\n\nexport const AiPowerUpsSettingsPage = observer(() => {\n    const toast = useToast();\n    const { presenter } = useFeature(AiPowerUpsSettingsFeature);\n    const vm = presenter.vm;\n\n    useEffect(() => {\n        presenter.init();\n    }, []);\n\n    const handleSave = async () => {\n        const success = await presenter.save();\n        if (success) {\n            toast.showSuccessToast({\n                title: \"AI power-ups settings saved successfully!\"\n            });\n        }\n    };\n\n    return (\n        <div>\n            <SimpleForm size={\"xl\"}>\n                {vm.errors.length > 0 ? (\n                    <div className={\"mb-lg\"}>\n                        <PresenterErrors errors={vm.errors} />\n                    </div>\n                ) : null}\n                {vm.form ? <FormErrors form={vm.form} className={\"mb-lg\"} /> : null}\n                {vm.loading || vm.saving ? (\n                    <OverlayLoader text={vm.saving ? \"Saving...\" : \"Loading...\"} />\n                ) : null}\n                <SimpleFormHeader title=\"AI Power-Ups\" />\n                <SimpleFormContent className={\"p-0\"}>\n                    <div className=\"flex flex-col gap-4\">\n                        {vm.form ? <FormView name=\"AI Power-Ups\" form={vm.form} /> : null}\n                    </div>\n                </SimpleFormContent>\n                <SimpleFormFooter className={\"border-t-sm border-t-neutral-dimmed pt-lg\"}>\n                    <Button text=\"Save Settings\" onClick={handleSave} />\n                </SimpleFormFooter>\n            </SimpleForm>\n        </div>\n    );\n});\n"],"names":["AiPowerUpsSettingsPage","observer","toast","useToast","presenter","useFeature","AiPowerUpsSettingsFeature","vm","useEffect","handleSave","success","SimpleForm","PresenterErrors","FormErrors","OverlayLoader","SimpleFormHeader","SimpleFormContent","FormView","SimpleFormFooter","Button"],"mappings":";;;;;;AAeO,MAAMA,yBAAyBC,SAAS;IAC3C,MAAMC,QAAQC;IACd,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAMC,KAAKH,UAAU,EAAE;IAEvBI,UAAU;QACNJ,UAAU,IAAI;IAClB,GAAG,EAAE;IAEL,MAAMK,aAAa;QACf,MAAMC,UAAU,MAAMN,UAAU,IAAI;QACpC,IAAIM,SACAR,MAAM,gBAAgB,CAAC;YACnB,OAAO;QACX;IAER;IAEA,OAAO,WAAP,GACI,oBAAC,2BACG,oBAACS,YAAUA;QAAC,MAAM;OACbJ,GAAG,MAAM,CAAC,MAAM,GAAG,IAAI,WAAJ,GAChB,oBAAC;QAAI,WAAW;qBACZ,oBAACK,iBAAeA;QAAC,QAAQL,GAAG,MAAM;UAEtC,MACHA,GAAG,IAAI,GAAG,WAAH,GAAG,oBAACM,YAAUA;QAAC,MAAMN,GAAG,IAAI;QAAE,WAAW;SAAc,MAC9DA,GAAG,OAAO,IAAIA,GAAG,MAAM,GAAG,WAAH,GACpB,oBAACO,eAAaA;QAAC,MAAMP,GAAG,MAAM,GAAG,cAAc;SAC/C,oBACJ,oBAACQ,kBAAgBA;QAAC,OAAM;sBACxB,oBAACC,mBAAiBA;QAAC,WAAW;qBAC1B,oBAAC;QAAI,WAAU;OACVT,GAAG,IAAI,GAAG,WAAH,GAAG,oBAACU,UAAQA;QAAC,MAAK;QAAe,MAAMV,GAAG,IAAI;SAAO,sBAGrE,oBAACW,kBAAgBA;QAAC,WAAW;qBACzB,oBAACC,QAAMA;QAAC,MAAK;QAAgB,SAASV;;AAK1D"}

package/admin/presentation/AiPromptFormFactory/AiPromptFormFactory.d.ts

@@ -0,0 +1,20 @@
+import { FormModelFactory } from "@webiny/app-admin";
+import type { FormModel } from "@webiny/app-admin";
+import { AiPromptFormFactory as Abstraction, type AiPromptFormConfig } from "./abstractions.js";
+import { GetSettingsUseCase } from "../../../admin/features/settings/getSettings/abstractions.js";
+declare class AiPromptFormFactoryImpl implements Abstraction.Interface {
+    private formModelFactory;
+    private getSettings;
+    private _settings;
+    constructor(formModelFactory: FormModelFactory.Interface, getSettings: GetSettingsUseCase.Interface);
+    createForm(config?: AiPromptFormConfig): FormModel.Interface;
+    computeExcludedFileIds(form: FormModel.Interface): string[] | null;
+    private getProjectOptions;
+    private getPersonaOptions;
+    private loadSettings;
+    private getProjectFileOptions;
+}
+export declare const AiPromptFormFactory: typeof AiPromptFormFactoryImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IAiPromptFormFactory>;
+};
+export {};

package/admin/presentation/AiPromptFormFactory/AiPromptFormFactory.js

@@ -0,0 +1,108 @@
+import { makeAutoObservable, runInAction } from "mobx";
+import { FormModelFactory } from "@webiny/app-admin";
+import { AiPromptFormFactory } from "./abstractions.js";
+import { GetSettingsUseCase } from "../../features/settings/getSettings/abstractions.js";
+class AiPromptFormFactoryImpl {
+    constructor(formModelFactory, getSettings){
+        this.formModelFactory = formModelFactory;
+        this.getSettings = getSettings;
+        this._settings = null;
+        makeAutoObservable(this, {}, {
+            autoBind: true
+        });
+    }
+    createForm(config) {
+        this.loadSettings();
+        return this.formModelFactory.create({
+            fields: (fields)=>({
+                    project: fields.text().label("Project").description("Select a predefined context to attach.").options(()=>this.getProjectOptions()).afterChange((value, { form })=>{
+                        const projectId = value;
+                        const project = projectId ? this._settings?.projects?.presets?.find((p)=>p.id === projectId) : void 0;
+                        if (project?.defaultReaderPersonaId) form.field("readerPersona").setValue(project.defaultReaderPersonaId);
+                        if (project?.defaultWriterPersonaId) form.field("writerPersona").setValue(project.defaultWriterPersonaId);
+                        const fileIds = (project?.files ?? []).map((f)=>f.id);
+                        form.field("includedFiles").setValue(fileIds);
+                    }),
+                    includedFiles: fields.text().label("Files included").description("Uncheck files to exclude them from this generation only.").options(({ form })=>this.getProjectFileOptions(form)).renderer("multiSelect", {
+                        showSelectionCount: true
+                    }).list().hiddenWhen(({ form })=>{
+                        const projectId = form.field("project").as("text").getValue();
+                        if (!projectId) return true;
+                        const project = this._settings?.projects?.presets?.find((p)=>p.id === projectId);
+                        return !project?.files || 0 === project.files.length;
+                    }),
+                    readerPersona: fields.text().label("Reader Persona").description("Select the target audience for the generated content.").options(()=>this.getPersonaOptions("reader")),
+                    writerPersona: fields.text().label("Writer Persona").description("Select the writing style for the generated content.").options(()=>this.getPersonaOptions("writer")),
+                    prompt: fields.text().label("Prompt").description(config?.promptDescription ?? "Describe the content you want to generate.").required("Prompt is required").renderer("textarea", {
+                        rows: 6
+                    }).defaultValue(config?.promptDefaultValue ?? ""),
+                    additionalFiles: fields.file().list().accept([
+                        "text/*",
+                        "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+                    ]).label("Additional files").description("Attach files as one-off context for this generation.")
+                }),
+            layout: (layout)=>[
+                    layout.row("project"),
+                    layout.row("includedFiles"),
+                    layout.row("readerPersona"),
+                    layout.row("writerPersona"),
+                    layout.row("prompt"),
+                    layout.row("additionalFiles")
+                ]
+        });
+    }
+    computeExcludedFileIds(form) {
+        const projectId = form.field("project").getValue();
+        if (!projectId) return null;
+        const project = this._settings?.projects?.presets?.find((p)=>p.id === projectId);
+        const allFileIds = (project?.files ?? []).map((f)=>f.id);
+        if (0 === allFileIds.length) return null;
+        const includedFiles = form.field("includedFiles").getValue() ?? [];
+        const included = new Set(includedFiles);
+        const excluded = allFileIds.filter((id)=>!included.has(id));
+        return excluded.length > 0 ? excluded : null;
+    }
+    getProjectOptions() {
+        const presets = this._settings?.projects?.presets;
+        if (!presets || 0 === presets.length) return [];
+        return presets.map((preset)=>({
+                label: preset.name,
+                value: preset.id
+            }));
+    }
+    getPersonaOptions(type) {
+        const presets = "reader" === type ? this._settings?.readerPersonas?.presets : this._settings?.writerPersonas?.presets;
+        if (!presets || 0 === presets.length) return [];
+        return presets.map((preset)=>({
+                label: preset.name,
+                value: preset.id
+            }));
+    }
+    async loadSettings() {
+        const settings = await this.getSettings.execute();
+        runInAction(()=>{
+            this._settings = settings;
+        });
+    }
+    getProjectFileOptions(form) {
+        const projectId = form.field("project").getValue();
+        if (!projectId) return [];
+        const project = this._settings?.projects?.presets?.find((p)=>p.id === projectId);
+        const files = project?.files;
+        if (!files || 0 === files.length) return [];
+        return files.map((f)=>({
+                label: f.name,
+                value: f.id
+            }));
+    }
+}
+const AiPromptFormFactory_AiPromptFormFactory = AiPromptFormFactory.createImplementation({
+    implementation: AiPromptFormFactoryImpl,
+    dependencies: [
+        FormModelFactory,
+        GetSettingsUseCase
+    ]
+});
+export { AiPromptFormFactory_AiPromptFormFactory as AiPromptFormFactory };
+
+//# sourceMappingURL=AiPromptFormFactory.js.map

package/admin/presentation/AiPromptFormFactory/AiPromptFormFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/AiPromptFormFactory/AiPromptFormFactory.js","sources":["../../../../src/admin/presentation/AiPromptFormFactory/AiPromptFormFactory.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport { FormModelFactory } from \"@webiny/app-admin\";\nimport type { FormModel } from \"@webiny/app-admin\";\nimport { AiPromptFormFactory as Abstraction, type AiPromptFormConfig } from \"./abstractions.js\";\nimport { GetSettingsUseCase } from \"~/admin/features/settings/getSettings/abstractions.js\";\nimport type { IAiPowerUpsSettings } from \"~/admin/features/settings/shared/abstractions.js\";\n\nclass AiPromptFormFactoryImpl implements Abstraction.Interface {\n    private _settings: IAiPowerUpsSettings | null = null;\n\n    constructor(\n        private formModelFactory: FormModelFactory.Interface,\n        private getSettings: GetSettingsUseCase.Interface\n    ) {\n        makeAutoObservable(this, {}, { autoBind: true });\n    }\n\n    createForm(config?: AiPromptFormConfig): FormModel.Interface {\n        this.loadSettings();\n\n        return this.formModelFactory.create({\n            fields: fields => ({\n                project: fields\n                    .text()\n                    .label(\"Project\")\n                    .description(\"Select a predefined context to attach.\")\n                    .options(() => this.getProjectOptions())\n                    .afterChange((value, { form }) => {\n                        const projectId = value as string | undefined;\n                        const project = projectId\n                            ? this._settings?.projects?.presets?.find(p => p.id === projectId)\n                            : undefined;\n\n                        if (project?.defaultReaderPersonaId) {\n                            form.field(\"readerPersona\").setValue(project.defaultReaderPersonaId);\n                        }\n                        if (project?.defaultWriterPersonaId) {\n                            form.field(\"writerPersona\").setValue(project.defaultWriterPersonaId);\n                        }\n\n                        const fileIds = (project?.files ?? []).map((f: { id: string }) => f.id);\n                        form.field(\"includedFiles\").setValue(fileIds);\n                    }),\n                includedFiles: fields\n                    .text()\n                    .label(\"Files included\")\n                    .description(\"Uncheck files to exclude them from this generation only.\")\n                    .options(({ form }) => this.getProjectFileOptions(form))\n                    .renderer(\"multiSelect\", { showSelectionCount: true })\n                    .list()\n                    .hiddenWhen(({ form }) => {\n                        const projectId = form.field(\"project\").as(\"text\").getValue();\n                        if (!projectId) {\n                            return true;\n                        }\n                        const project = this._settings?.projects?.presets?.find(\n                            p => p.id === projectId\n                        );\n                        return !project?.files || project.files.length === 0;\n                    }),\n                readerPersona: fields\n                    .text()\n                    .label(\"Reader Persona\")\n                    .description(\"Select the target audience for the generated content.\")\n                    .options(() => this.getPersonaOptions(\"reader\")),\n                writerPersona: fields\n                    .text()\n                    .label(\"Writer Persona\")\n                    .description(\"Select the writing style for the generated content.\")\n                    .options(() => this.getPersonaOptions(\"writer\")),\n                prompt: fields\n                    .text()\n                    .label(\"Prompt\")\n                    .description(\n                        config?.promptDescription ?? \"Describe the content you want to generate.\"\n                    )\n                    .required(\"Prompt is required\")\n                    .renderer(\"textarea\", { rows: 6 })\n                    .defaultValue(config?.promptDefaultValue ?? \"\"),\n                additionalFiles: fields\n                    .file()\n                    .list()\n                    .accept([\n                        \"text/*\",\n                        \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\"\n                    ])\n                    .label(\"Additional files\")\n                    .description(\"Attach files as one-off context for this generation.\")\n            }),\n            layout: layout => [\n                layout.row(\"project\"),\n                layout.row(\"includedFiles\"),\n                layout.row(\"readerPersona\"),\n                layout.row(\"writerPersona\"),\n                layout.row(\"prompt\"),\n                layout.row(\"additionalFiles\")\n            ]\n        });\n    }\n\n    computeExcludedFileIds(form: FormModel.Interface): string[] | null {\n        const projectId = form.field(\"project\").getValue<string>();\n        if (!projectId) {\n            return null;\n        }\n        const project = this._settings?.projects?.presets?.find(p => p.id === projectId);\n        const allFileIds = (project?.files ?? []).map((f: { id: string }) => f.id);\n        if (allFileIds.length === 0) {\n            return null;\n        }\n        const includedFiles = form.field(\"includedFiles\").getValue<string[]>() ?? [];\n        const included = new Set(includedFiles);\n        const excluded = allFileIds.filter((id: string) => !included.has(id));\n        return excluded.length > 0 ? excluded : null;\n    }\n\n    private getProjectOptions() {\n        const presets = this._settings?.projects?.presets;\n        if (!presets || presets.length === 0) {\n            return [];\n        }\n        return presets.map(preset => ({\n            label: preset.name,\n            value: preset.id\n        }));\n    }\n\n    private getPersonaOptions(type: \"reader\" | \"writer\") {\n        const presets =\n            type === \"reader\"\n                ? this._settings?.readerPersonas?.presets\n                : this._settings?.writerPersonas?.presets;\n\n        if (!presets || presets.length === 0) {\n            return [];\n        }\n\n        return presets.map(preset => ({\n            label: preset.name,\n            value: preset.id\n        }));\n    }\n\n    private async loadSettings(): Promise<void> {\n        const settings = await this.getSettings.execute();\n        runInAction(() => {\n            this._settings = settings;\n        });\n    }\n\n    private getProjectFileOptions(form: FormModel.Interface) {\n        const projectId = form.field(\"project\").getValue<string>();\n        if (!projectId) {\n            return [];\n        }\n        const project = this._settings?.projects?.presets?.find(p => p.id === projectId);\n        const files = project?.files;\n        if (!files || files.length === 0) {\n            return [];\n        }\n        return files.map((f: { id: string; name: string }) => ({\n            label: f.name,\n            value: f.id\n        }));\n    }\n}\n\nexport const AiPromptFormFactory = Abstraction.createImplementation({\n    implementation: AiPromptFormFactoryImpl,\n    dependencies: [FormModelFactory, GetSettingsUseCase]\n});\n"],"names":["AiPromptFormFactoryImpl","formModelFactory","getSettings","makeAutoObservable","config","fields","value","form","projectId","project","p","undefined","fileIds","f","layout","allFileIds","includedFiles","included","Set","excluded","id","presets","preset","type","settings","runInAction","files","AiPromptFormFactory","Abstraction","FormModelFactory","GetSettingsUseCase"],"mappings":"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"}

package/admin/presentation/AiPromptFormFactory/abstractions.d.ts

@@ -0,0 +1,14 @@
+import type { FormModel } from "@webiny/app-admin";
+export interface AiPromptFormConfig {
+    promptDescription?: string;
+    promptDefaultValue?: string;
+}
+export interface IAiPromptFormFactory {
+    createForm(config?: AiPromptFormConfig): FormModel.Interface;
+    computeExcludedFileIds(form: FormModel.Interface): string[] | null;
+}
+export declare const AiPromptFormFactory: import("@webiny/di").Abstraction<IAiPromptFormFactory>;
+export declare namespace AiPromptFormFactory {
+    type Interface = IAiPromptFormFactory;
+    type Config = AiPromptFormConfig;
+}

package/admin/presentation/AiPromptFormFactory/abstractions.js

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

package/admin/presentation/AiPromptFormFactory/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/AiPromptFormFactory/abstractions.js","sources":["../../../../src/admin/presentation/AiPromptFormFactory/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { FormModel } from \"@webiny/app-admin\";\n\nexport interface AiPromptFormConfig {\n    promptDescription?: string;\n    promptDefaultValue?: string;\n}\n\nexport interface IAiPromptFormFactory {\n    createForm(config?: AiPromptFormConfig): FormModel.Interface;\n    computeExcludedFileIds(form: FormModel.Interface): string[] | null;\n}\n\nexport const AiPromptFormFactory = createAbstraction<IAiPromptFormFactory>(\"AiPromptFormFactory\");\n\nexport namespace AiPromptFormFactory {\n    export type Interface = IAiPromptFormFactory;\n    export type Config = AiPromptFormConfig;\n}\n"],"names":["AiPromptFormFactory","createAbstraction"],"mappings":";AAaO,MAAMA,sBAAsBC,kBAAwC"}

package/admin/presentation/AiPromptFormFactory/feature.d.ts

@@ -0,0 +1 @@
+export declare const AiPromptFormFeature: import("@webiny/feature/admin").FeatureDefinition<any, []>;

package/admin/presentation/AiPromptFormFactory/feature.js

@@ -0,0 +1,11 @@
+import { createFeature } from "@webiny/feature/admin";
+import { AiPromptFormFactory } from "./AiPromptFormFactory.js";
+const AiPromptFormFeature = createFeature({
+    name: "AiPowerUps/PromptFormFactory",
+    register (container) {
+        container.register(AiPromptFormFactory);
+    }
+});
+export { AiPromptFormFeature };
+
+//# sourceMappingURL=feature.js.map

package/admin/presentation/AiPromptFormFactory/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/AiPromptFormFactory/feature.js","sources":["../../../../src/admin/presentation/AiPromptFormFactory/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { AiPromptFormFactory } from \"./AiPromptFormFactory.js\";\n\nexport const AiPromptFormFeature = createFeature({\n    name: \"AiPowerUps/PromptFormFactory\",\n    register(container) {\n        container.register(AiPromptFormFactory);\n    }\n});\n"],"names":["AiPromptFormFeature","createFeature","container","AiPromptFormFactory"],"mappings":";;AAGO,MAAMA,sBAAsBC,cAAc;IAC7C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;IACvB;AACJ"}

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsDialog.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { CmsCompareEntryRevisionsPresenter } from "./abstractions.js";
+interface CmsCompareEntryRevisionsDialogProps {
+    presenter: CmsCompareEntryRevisionsPresenter.Interface;
+}
+export declare const CmsCompareEntryRevisionsDialog: (({ presenter }: CmsCompareEntryRevisionsDialogProps) => React.JSX.Element) & React.NamedExoticComponent<CmsCompareEntryRevisionsDialogProps> & {
+    readonly type: ({ presenter }: CmsCompareEntryRevisionsDialogProps) => React.JSX.Element;
+};
+export {};

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsDialog.js

@@ -0,0 +1,118 @@
+import react from "react";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { Alert, Button, Dialog } from "@webiny/admin-ui";
+const COMPARISON_STYLES = `
+    .comparison-report {
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        line-height: 1.6;
+        color: #333;
+        max-width: 100%;
+        overflow-x: auto;
+    }
+    .comparison-report h2 {
+        color: #2563eb;
+        border-bottom: 2px solid #e5e7eb;
+        padding-bottom: 0.5rem;
+        margin-bottom: 1.5rem;
+        font-size: 1.5rem;
+        font-weight: 700;
+    }
+    .comparison-table {
+        width: 100%;
+        border-collapse: collapse;
+        margin-top: 1rem;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+        border-radius: 0.5rem;
+        overflow: hidden;
+        table-layout: fixed;
+    }
+    .comparison-table thead {
+        background-color: #f8fafc;
+        position: sticky;
+        top: 0;
+        z-index: 10;
+    }
+    .comparison-table th {
+        padding: 0.75rem 0.5rem;
+        text-align: left;
+        font-weight: 600;
+        color: #374151;
+        border-bottom: 2px solid #e5e7eb;
+        font-size: 0.875rem;
+        white-space: nowrap;
+    }
+    .comparison-table th:first-child { width: 15%; min-width: 120px; }
+    .comparison-table th:nth-child(2),
+    .comparison-table th:nth-child(3) { width: 30%; min-width: 200px; }
+    .comparison-table th:last-child { width: 25%; min-width: 180px; }
+    .comparison-table td {
+        padding: 0.75rem 0.5rem;
+        border-bottom: 1px solid #f3f4f6;
+        vertical-align: top;
+        word-wrap: break-word;
+        overflow-wrap: break-word;
+        max-width: 0;
+    }
+    .comparison-table tr:hover { background-color: #f9fafb; }
+    .comparison-table tr:last-child td { border-bottom: none; }
+    .comparison-table strong {
+        color: #1f2937;
+        font-weight: 600;
+        display: block;
+        margin-bottom: 0.25rem;
+    }
+    .comparison-table .field-changed { background-color: #fef3c7; }
+    .comparison-table .field-added { background-color: #d1fae5; }
+    .comparison-table .field-removed { background-color: #fee2e2; }
+    .comparison-table .value-old { color: #dc2626; text-decoration: line-through; }
+    .comparison-table .value-new { color: #059669; font-weight: 500; }
+    .comparison-table .change-summary { font-style: italic; color: #4b5563; }
+    .no-changes {
+        text-align: center;
+        padding: 2rem;
+        color: #6b7280;
+        font-style: italic;
+        background-color: #f9fafb;
+        border-radius: 0.5rem;
+        border: 1px dashed #d1d5db;
+    }
+`;
+const CmsCompareEntryRevisionsDialog = createReactiveComponent(({ presenter })=>{
+    const { dialogVisible, comparing, error, result } = presenter.vm;
+    const renderContent = ()=>{
+        if (error) return /*#__PURE__*/ react.createElement(Alert, {
+            type: "danger",
+            title: "Comparison Error"
+        }, error);
+        if (result) return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("style", null, COMPARISON_STYLES), /*#__PURE__*/ react.createElement("div", {
+            className: "wby-prose wby-max-w-none",
+            dangerouslySetInnerHTML: {
+                __html: result.html
+            }
+        }));
+        if (!comparing) return /*#__PURE__*/ react.createElement("div", {
+            className: "wby-text-center wby-py-lg wby-text-neutral-subtle"
+        }, "No comparison data available.");
+        return null;
+    };
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: dialogVisible,
+        onOpenChange: (open)=>{
+            if (!open) presenter.hideDialog();
+        },
+        title: "Compare Revisions",
+        size: "full",
+        loading: comparing ? {
+            text: "Comparing revisions with AI..."
+        } : false,
+        actions: /*#__PURE__*/ react.createElement(Button, {
+            variant: "secondary",
+            onClick: ()=>presenter.hideDialog(),
+            text: "Close"
+        }),
+        "data-testid": "cms.compare-revisions.dialog"
+    }, renderContent());
+});
+export { CmsCompareEntryRevisionsDialog };
+
+//# sourceMappingURL=CmsCompareEntryRevisionsDialog.js.map

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsDialog.js","sources":["../../../../src/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { Dialog, Button, Alert } from \"@webiny/admin-ui\";\nimport type { CmsCompareEntryRevisionsPresenter } from \"./abstractions.js\";\n\ninterface CmsCompareEntryRevisionsDialogProps {\n    presenter: CmsCompareEntryRevisionsPresenter.Interface;\n}\n\nconst COMPARISON_STYLES = `\n    .comparison-report {\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        line-height: 1.6;\n        color: #333;\n        max-width: 100%;\n        overflow-x: auto;\n    }\n    .comparison-report h2 {\n        color: #2563eb;\n        border-bottom: 2px solid #e5e7eb;\n        padding-bottom: 0.5rem;\n        margin-bottom: 1.5rem;\n        font-size: 1.5rem;\n        font-weight: 700;\n    }\n    .comparison-table {\n        width: 100%;\n        border-collapse: collapse;\n        margin-top: 1rem;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n        border-radius: 0.5rem;\n        overflow: hidden;\n        table-layout: fixed;\n    }\n    .comparison-table thead {\n        background-color: #f8fafc;\n        position: sticky;\n        top: 0;\n        z-index: 10;\n    }\n    .comparison-table th {\n        padding: 0.75rem 0.5rem;\n        text-align: left;\n        font-weight: 600;\n        color: #374151;\n        border-bottom: 2px solid #e5e7eb;\n        font-size: 0.875rem;\n        white-space: nowrap;\n    }\n    .comparison-table th:first-child { width: 15%; min-width: 120px; }\n    .comparison-table th:nth-child(2),\n    .comparison-table th:nth-child(3) { width: 30%; min-width: 200px; }\n    .comparison-table th:last-child { width: 25%; min-width: 180px; }\n    .comparison-table td {\n        padding: 0.75rem 0.5rem;\n        border-bottom: 1px solid #f3f4f6;\n        vertical-align: top;\n        word-wrap: break-word;\n        overflow-wrap: break-word;\n        max-width: 0;\n    }\n    .comparison-table tr:hover { background-color: #f9fafb; }\n    .comparison-table tr:last-child td { border-bottom: none; }\n    .comparison-table strong {\n        color: #1f2937;\n        font-weight: 600;\n        display: block;\n        margin-bottom: 0.25rem;\n    }\n    .comparison-table .field-changed { background-color: #fef3c7; }\n    .comparison-table .field-added { background-color: #d1fae5; }\n    .comparison-table .field-removed { background-color: #fee2e2; }\n    .comparison-table .value-old { color: #dc2626; text-decoration: line-through; }\n    .comparison-table .value-new { color: #059669; font-weight: 500; }\n    .comparison-table .change-summary { font-style: italic; color: #4b5563; }\n    .no-changes {\n        text-align: center;\n        padding: 2rem;\n        color: #6b7280;\n        font-style: italic;\n        background-color: #f9fafb;\n        border-radius: 0.5rem;\n        border: 1px dashed #d1d5db;\n    }\n`;\n\nexport const CmsCompareEntryRevisionsDialog = createReactiveComponent(\n    ({ presenter }: CmsCompareEntryRevisionsDialogProps) => {\n        const { dialogVisible, comparing, error, result } = presenter.vm;\n\n        const renderContent = () => {\n            if (error) {\n                return (\n                    <Alert type={\"danger\"} title={\"Comparison Error\"}>\n                        {error}\n                    </Alert>\n                );\n            }\n\n            if (result) {\n                return (\n                    <>\n                        <style>{COMPARISON_STYLES}</style>\n                        <div\n                            className={\"wby-prose wby-max-w-none\"}\n                            dangerouslySetInnerHTML={{\n                                __html: result.html\n                            }}\n                        />\n                    </>\n                );\n            }\n\n            if (!comparing) {\n                return (\n                    <div className={\"wby-text-center wby-py-lg wby-text-neutral-subtle\"}>\n                        No comparison data available.\n                    </div>\n                );\n            }\n\n            return null;\n        };\n\n        return (\n            <Dialog\n                open={dialogVisible}\n                onOpenChange={open => {\n                    if (!open) {\n                        presenter.hideDialog();\n                    }\n                }}\n                title={\"Compare Revisions\"}\n                size={\"full\"}\n                loading={comparing ? { text: \"Comparing revisions with AI...\" } : false}\n                actions={\n                    <Button\n                        variant={\"secondary\"}\n                        onClick={() => presenter.hideDialog()}\n                        text={\"Close\"}\n                    />\n                }\n                data-testid={\"cms.compare-revisions.dialog\"}\n            >\n                {renderContent()}\n            </Dialog>\n        );\n    }\n);\n"],"names":["COMPARISON_STYLES","CmsCompareEntryRevisionsDialog","createReactiveComponent","presenter","dialogVisible","comparing","error","result","renderContent","Alert","Dialog","open","Button"],"mappings":";;;AASA,MAAMA,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2E3B,CAAC;AAEM,MAAMC,iCAAiCC,wBAC1C,CAAC,EAAEC,SAAS,EAAuC;IAC/C,MAAM,EAAEC,aAAa,EAAEC,SAAS,EAAEC,KAAK,EAAEC,MAAM,EAAE,GAAGJ,UAAU,EAAE;IAEhE,MAAMK,gBAAgB;QAClB,IAAIF,OACA,OAAO,WAAP,GACI,oBAACG,OAAKA;YAAC,MAAM;YAAU,OAAO;WACzBH;QAKb,IAAIC,QACA,OAAO,WAAP,GACI,wDACI,oBAAC,eAAOP,oBAAiBA,WAAAA,GACzB,oBAAC;YACG,WAAW;YACX,yBAAyB;gBACrB,QAAQO,OAAO,IAAI;YACvB;;QAMhB,IAAI,CAACF,WACD,OAAO,WAAP,GACI,oBAAC;YAAI,WAAW;WAAqD;QAM7E,OAAO;IACX;IAEA,OAAO,WAAP,GACI,oBAACK,QAAMA;QACH,MAAMN;QACN,cAAcO,CAAAA;YACV,IAAI,CAACA,MACDR,UAAU,UAAU;QAE5B;QACA,OAAO;QACP,MAAM;QACN,SAASE,YAAY;YAAE,MAAM;QAAiC,IAAI;QAClE,uBACI,oBAACO,QAAMA;YACH,SAAS;YACT,SAAS,IAAMT,UAAU,UAAU;YACnC,MAAM;;QAGd,eAAa;OAEZK;AAGb"}

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsDrawer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { CmsCompareEntryRevisionsPresenter } from "./abstractions.js";
+interface CmsCompareEntryRevisionsDrawerProps {
+    presenter: CmsCompareEntryRevisionsPresenter.Interface;
+}
+export declare const CmsCompareEntryRevisionsDrawer: (({ presenter }: CmsCompareEntryRevisionsDrawerProps) => React.JSX.Element) & React.NamedExoticComponent<CmsCompareEntryRevisionsDrawerProps> & {
+    readonly type: ({ presenter }: CmsCompareEntryRevisionsDrawerProps) => React.JSX.Element;
+};
+export {};

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsDrawer.js

@@ -0,0 +1,72 @@
+import react from "react";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { Button, Checkbox, Drawer, List, Text } from "@webiny/admin-ui";
+import { useContentEntryFormPresenter } from "@webiny/app-headless-cms/exports/admin/cms/entry/editor.js";
+const DateDisplay = ({ date })=>{
+    const formatted = react.useMemo(()=>{
+        const d = new globalThis.Date(date);
+        if (isNaN(d.getTime())) return "";
+        return new Intl.DateTimeFormat(navigator.language, {
+            day: "numeric",
+            month: "long",
+            year: "numeric"
+        }).format(d);
+    }, [
+        date
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, formatted);
+};
+const CmsCompareEntryRevisionsDrawer = createReactiveComponent(({ presenter })=>{
+    const formPresenter = useContentEntryFormPresenter();
+    const { revisions, selectedIds, canCompare, drawerVisible } = presenter.vm;
+    const modelId = formPresenter.vm.model.modelId;
+    return /*#__PURE__*/ react.createElement(Drawer, {
+        title: "Compare entry revisions",
+        description: "Select two revisions to compare their content using AI",
+        open: drawerVisible,
+        onOpenChange: (open)=>{
+            if (!open) presenter.hideDrawer();
+        },
+        modal: true,
+        bodyPadding: false,
+        headerSeparator: true,
+        width: 800,
+        actions: /*#__PURE__*/ react.createElement(Button, {
+            variant: "primary",
+            disabled: !canCompare,
+            onClick: ()=>presenter.compare(modelId),
+            text: canCompare ? "Compare" : `Select ${2 - selectedIds.length} revision${1 === selectedIds.length ? "" : "s"}`,
+            "data-testid": "cms.compare-revisions.compare-button"
+        })
+    }, revisions.length > 0 ? /*#__PURE__*/ react.createElement(List, {
+        "data-testid": "cms.compare-revisions.list"
+    }, revisions.map((revision)=>{
+        const isSelected = selectedIds.includes(revision.id);
+        const isDisabled = selectedIds.length >= 2 && !isSelected;
+        return /*#__PURE__*/ react.createElement(List.Item, {
+            key: revision.id,
+            icon: /*#__PURE__*/ react.createElement("div", {
+                onClick: (e)=>e.stopPropagation()
+            }, /*#__PURE__*/ react.createElement(Checkbox, {
+                checked: isSelected,
+                onChange: ()=>presenter.toggleRevision(revision.id),
+                disabled: isDisabled,
+                "data-testid": `cms.compare-revisions.select-${revision.meta.version}`
+            })),
+            title: revision.meta.title || "N/A",
+            description: /*#__PURE__*/ react.createElement(Text, {
+                as: "div",
+                size: "sm"
+            }, "Last modified by", " ", revision.revisionCreatedBy ? revision.revisionCreatedBy.displayName : "Unknown", " ", "on ", /*#__PURE__*/ react.createElement(DateDisplay, {
+                date: revision.revisionSavedOn
+            }), " (#", revision.meta.version, ")"),
+            onClick: ()=>presenter.toggleRevision(revision.id),
+            "data-testid": `cms.compare-revisions.item-${revision.meta.version}`
+        });
+    })) : /*#__PURE__*/ react.createElement("div", {
+        className: "p-lg"
+    }, "No revisions to compare."));
+});
+export { CmsCompareEntryRevisionsDrawer };
+
+//# sourceMappingURL=CmsCompareEntryRevisionsDrawer.js.map

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsDrawer.js","sources":["../../../../src/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsDrawer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { Drawer, Button, Checkbox, List, Text } from \"@webiny/admin-ui\";\nimport { useContentEntryFormPresenter } from \"@webiny/app-headless-cms/exports/admin/cms/entry/editor.js\";\nimport type { CmsCompareEntryRevisionsPresenter } from \"./abstractions.js\";\n\ninterface CmsCompareEntryRevisionsDrawerProps {\n    presenter: CmsCompareEntryRevisionsPresenter.Interface;\n}\n\nconst DateDisplay = ({ date }: { date: string }) => {\n    const formatted = React.useMemo(() => {\n        const d = new globalThis.Date(date);\n        if (isNaN(d.getTime())) {\n            return \"\";\n        }\n        return new Intl.DateTimeFormat(navigator.language, {\n            day: \"numeric\",\n            month: \"long\",\n            year: \"numeric\"\n        }).format(d);\n    }, [date]);\n    return <>{formatted}</>;\n};\n\nexport const CmsCompareEntryRevisionsDrawer = createReactiveComponent(\n    ({ presenter }: CmsCompareEntryRevisionsDrawerProps) => {\n        const formPresenter = useContentEntryFormPresenter();\n        const { revisions, selectedIds, canCompare, drawerVisible } = presenter.vm;\n        const modelId = formPresenter.vm.model.modelId;\n\n        return (\n            <Drawer\n                title={\"Compare entry revisions\"}\n                description={\"Select two revisions to compare their content using AI\"}\n                open={drawerVisible}\n                onOpenChange={open => {\n                    if (!open) {\n                        presenter.hideDrawer();\n                    }\n                }}\n                modal\n                bodyPadding={false}\n                headerSeparator\n                width={800}\n                actions={\n                    <Button\n                        variant={\"primary\"}\n                        disabled={!canCompare}\n                        onClick={() => presenter.compare(modelId)}\n                        text={\n                            canCompare\n                                ? \"Compare\"\n                                : `Select ${2 - selectedIds.length} revision${selectedIds.length === 1 ? \"\" : \"s\"}`\n                        }\n                        data-testid={\"cms.compare-revisions.compare-button\"}\n                    />\n                }\n            >\n                {revisions.length > 0 ? (\n                    <List data-testid={\"cms.compare-revisions.list\"}>\n                        {revisions.map(revision => {\n                            const isSelected = selectedIds.includes(revision.id);\n                            const isDisabled = selectedIds.length >= 2 && !isSelected;\n\n                            return (\n                                <List.Item\n                                    key={revision.id}\n                                    icon={\n                                        <div onClick={e => e.stopPropagation()}>\n                                            <Checkbox\n                                                checked={isSelected}\n                                                onChange={() =>\n                                                    presenter.toggleRevision(revision.id)\n                                                }\n                                                disabled={isDisabled}\n                                                data-testid={`cms.compare-revisions.select-${revision.meta.version}`}\n                                            />\n                                        </div>\n                                    }\n                                    title={revision.meta.title || \"N/A\"}\n                                    description={\n                                        <Text as={\"div\"} size={\"sm\"}>\n                                            Last modified by{\" \"}\n                                            {revision.revisionCreatedBy\n                                                ? revision.revisionCreatedBy.displayName\n                                                : \"Unknown\"}{\" \"}\n                                            on <DateDisplay date={revision.revisionSavedOn} /> (#\n                                            {revision.meta.version})\n                                        </Text>\n                                    }\n                                    onClick={() => presenter.toggleRevision(revision.id)}\n                                    data-testid={`cms.compare-revisions.item-${revision.meta.version}`}\n                                />\n                            );\n                        })}\n                    </List>\n                ) : (\n                    <div className={\"p-lg\"}>No revisions to compare.</div>\n                )}\n            </Drawer>\n        );\n    }\n);\n"],"names":["DateDisplay","date","formatted","React","d","globalThis","isNaN","Intl","navigator","CmsCompareEntryRevisionsDrawer","createReactiveComponent","presenter","formPresenter","useContentEntryFormPresenter","revisions","selectedIds","canCompare","drawerVisible","modelId","Drawer","open","Button","List","revision","isSelected","isDisabled","e","Checkbox","Text"],"mappings":";;;;AAUA,MAAMA,cAAc,CAAC,EAAEC,IAAI,EAAoB;IAC3C,MAAMC,YAAYC,MAAAA,OAAa,CAAC;QAC5B,MAAMC,IAAI,IAAIC,WAAW,IAAI,CAACJ;QAC9B,IAAIK,MAAMF,EAAE,OAAO,KACf,OAAO;QAEX,OAAO,IAAIG,KAAK,cAAc,CAACC,UAAU,QAAQ,EAAE;YAC/C,KAAK;YACL,OAAO;YACP,MAAM;QACV,GAAG,MAAM,CAACJ;IACd,GAAG;QAACH;KAAK;IACT,OAAO,WAAP,GAAO,0CAAGC;AACd;AAEO,MAAMO,iCAAiCC,wBAC1C,CAAC,EAAEC,SAAS,EAAuC;IAC/C,MAAMC,gBAAgBC;IACtB,MAAM,EAAEC,SAAS,EAAEC,WAAW,EAAEC,UAAU,EAAEC,aAAa,EAAE,GAAGN,UAAU,EAAE;IAC1E,MAAMO,UAAUN,cAAc,EAAE,CAAC,KAAK,CAAC,OAAO;IAE9C,OAAO,WAAP,GACI,oBAACO,QAAMA;QACH,OAAO;QACP,aAAa;QACb,MAAMF;QACN,cAAcG,CAAAA;YACV,IAAI,CAACA,MACDT,UAAU,UAAU;QAE5B;QACA;QACA,aAAa;QACb;QACA,OAAO;QACP,uBACI,oBAACU,QAAMA;YACH,SAAS;YACT,UAAU,CAACL;YACX,SAAS,IAAML,UAAU,OAAO,CAACO;YACjC,MACIF,aACM,YACA,CAAC,OAAO,EAAE,IAAID,YAAY,MAAM,CAAC,SAAS,EAAEA,AAAuB,MAAvBA,YAAY,MAAM,GAAS,KAAK,KAAK;YAE3F,eAAa;;OAIpBD,UAAU,MAAM,GAAG,IAAI,WAAJ,GAChB,oBAACQ,MAAIA;QAAC,eAAa;OACdR,UAAU,GAAG,CAACS,CAAAA;QACX,MAAMC,aAAaT,YAAY,QAAQ,CAACQ,SAAS,EAAE;QACnD,MAAME,aAAaV,YAAY,MAAM,IAAI,KAAK,CAACS;QAE/C,OAAO,WAAP,GACI,oBAACF,KAAK,IAAI;YACN,KAAKC,SAAS,EAAE;YAChB,oBACI,oBAAC;gBAAI,SAASG,CAAAA,IAAKA,EAAE,eAAe;6BAChC,oBAACC,UAAQA;gBACL,SAASH;gBACT,UAAU,IACNb,UAAU,cAAc,CAACY,SAAS,EAAE;gBAExC,UAAUE;gBACV,eAAa,CAAC,6BAA6B,EAAEF,SAAS,IAAI,CAAC,OAAO,EAAE;;YAIhF,OAAOA,SAAS,IAAI,CAAC,KAAK,IAAI;YAC9B,2BACI,oBAACK,MAAIA;gBAAC,IAAI;gBAAO,MAAM;eAAM,oBACR,KAChBL,SAAS,iBAAiB,GACrBA,SAAS,iBAAiB,CAAC,WAAW,GACtC,WAAW,KAAI,qBAClB,oBAACvB,aAAWA;gBAAC,MAAMuB,SAAS,eAAe;gBAAI,OACjDA,SAAS,IAAI,CAAC,OAAO,EAAC;YAG/B,SAAS,IAAMZ,UAAU,cAAc,CAACY,SAAS,EAAE;YACnD,eAAa,CAAC,2BAA2B,EAAEA,SAAS,IAAI,CAAC,OAAO,EAAE;;IAG9E,oBAGJ,oBAAC;QAAI,WAAW;OAAQ;AAIxC"}

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsMenuItem.d.ts

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

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsMenuItem.js

@@ -0,0 +1,21 @@
+import react from "react";
+import { useFeature } from "@webiny/app";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { OptionsMenuItem } from "@webiny/app-admin/components/OptionsMenu/index.js";
+import { ReactComponent } from "@webiny/icons/compare_arrows.svg";
+import { useContentEntryFormPresenter } from "@webiny/app-headless-cms/exports/admin/cms/entry/editor.js";
+import { CmsCompareEntryRevisionsPresentationFeature } from "./feature.js";
+const CmsCompareEntryRevisionsMenuItem = createReactiveComponent(()=>{
+    const formPresenter = useContentEntryFormPresenter();
+    const { presenter } = useFeature(CmsCompareEntryRevisionsPresentationFeature);
+    return /*#__PURE__*/ react.createElement(OptionsMenuItem, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Compare revisions",
+        disabled: !formPresenter.vm.entry,
+        onAction: ()=>presenter.showDrawer(),
+        "data-testid": "cms.content-form.header.compare-revisions"
+    });
+});
+export { CmsCompareEntryRevisionsMenuItem };
+
+//# sourceMappingURL=CmsCompareEntryRevisionsMenuItem.js.map

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsMenuItem.js","sources":["../../../../src/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport { OptionsMenuItem } from \"@webiny/app-admin/components/OptionsMenu/index.js\";\nimport { ReactComponent as CompareIcon } from \"@webiny/icons/compare_arrows.svg\";\nimport { useContentEntryFormPresenter } from \"@webiny/app-headless-cms/exports/admin/cms/entry/editor.js\";\nimport { CmsCompareEntryRevisionsPresentationFeature } from \"./feature.js\";\n\nexport const CmsCompareEntryRevisionsMenuItem = createReactiveComponent(() => {\n    const formPresenter = useContentEntryFormPresenter();\n    const { presenter } = useFeature(CmsCompareEntryRevisionsPresentationFeature);\n\n    return (\n        <OptionsMenuItem\n            icon={<CompareIcon />}\n            label={\"Compare revisions\"}\n            disabled={!formPresenter.vm.entry}\n            onAction={() => presenter.showDrawer()}\n            data-testid={\"cms.content-form.header.compare-revisions\"}\n        />\n    );\n});\n"],"names":["CmsCompareEntryRevisionsMenuItem","createReactiveComponent","formPresenter","useContentEntryFormPresenter","presenter","useFeature","CmsCompareEntryRevisionsPresentationFeature","OptionsMenuItem","CompareIcon"],"mappings":";;;;;;;AAQO,MAAMA,mCAAmCC,wBAAwB;IACpE,MAAMC,gBAAgBC;IACtB,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjC,OAAO,WAAP,GACI,oBAACC,iBAAeA;QACZ,oBAAM,oBAACC,gBAAWA;QAClB,OAAO;QACP,UAAU,CAACN,cAAc,EAAE,CAAC,KAAK;QACjC,UAAU,IAAME,UAAU,UAAU;QACpC,eAAa;;AAGzB"}

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsOverlays.d.ts

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

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsOverlays.js

@@ -0,0 +1,17 @@
+import react from "react";
+import { useFeature } from "@webiny/app";
+import { ContentEntryFormContent } from "@webiny/app-headless-cms/exports/admin/cms/entry/editor.js";
+import { CmsCompareEntryRevisionsPresentationFeature } from "./feature.js";
+import { CmsCompareEntryRevisionsDrawer } from "./CmsCompareEntryRevisionsDrawer.js";
+import { CmsCompareEntryRevisionsDialog } from "./CmsCompareEntryRevisionsDialog.js";
+const CmsCompareEntryRevisionsOverlays = ContentEntryFormContent.createDecorator((Original)=>function(props) {
+        const { presenter } = useFeature(CmsCompareEntryRevisionsPresentationFeature);
+        return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Original, props), /*#__PURE__*/ react.createElement(CmsCompareEntryRevisionsDrawer, {
+            presenter: presenter
+        }), /*#__PURE__*/ react.createElement(CmsCompareEntryRevisionsDialog, {
+            presenter: presenter
+        }));
+    });
+export { CmsCompareEntryRevisionsOverlays };
+
+//# sourceMappingURL=CmsCompareEntryRevisionsOverlays.js.map

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsOverlays.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsOverlays.js","sources":["../../../../src/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsOverlays.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { ContentEntryFormContent } from \"@webiny/app-headless-cms/exports/admin/cms/entry/editor.js\";\nimport { CmsCompareEntryRevisionsPresentationFeature } from \"./feature.js\";\nimport { CmsCompareEntryRevisionsDrawer } from \"./CmsCompareEntryRevisionsDrawer.js\";\nimport { CmsCompareEntryRevisionsDialog } from \"./CmsCompareEntryRevisionsDialog.js\";\n\nexport const CmsCompareEntryRevisionsOverlays = ContentEntryFormContent.createDecorator(\n    Original => {\n        return function ContentEntryFormContentWithCompareRevisions(props) {\n            const { presenter } = useFeature(CmsCompareEntryRevisionsPresentationFeature);\n\n            return (\n                <>\n                    <Original {...props} />\n                    <CmsCompareEntryRevisionsDrawer presenter={presenter} />\n                    <CmsCompareEntryRevisionsDialog presenter={presenter} />\n                </>\n            );\n        };\n    }\n);\n"],"names":["CmsCompareEntryRevisionsOverlays","ContentEntryFormContent","Original","props","presenter","useFeature","CmsCompareEntryRevisionsPresentationFeature","CmsCompareEntryRevisionsDrawer","CmsCompareEntryRevisionsDialog"],"mappings":";;;;;;AAOO,MAAMA,mCAAmCC,wBAAwB,eAAe,CACnFC,CAAAA,WACW,SAAqDC,KAAK;QAC7D,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;QAEjC,OAAO,WAAP,GACI,wDACI,oBAACJ,UAAaC,QAAAA,WAAAA,GACd,oBAACI,gCAA8BA;YAAC,WAAWH;0BAC3C,oBAACI,gCAA8BA;YAAC,WAAWJ;;IAGvD"}

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsPresenter.d.ts

@@ -0,0 +1,25 @@
+import { RevisionsListPresenter } from "@webiny/app-headless-cms/exports/admin/cms/entry/editor.js";
+import { CompareEntryRevisionsUseCase } from "../../../admin/features/compareEntryRevisions/abstractions.js";
+import { CmsCompareEntryRevisionsPresenter } from "./abstractions.js";
+import type { ICmsCompareEntryRevisionsViewModel } from "./abstractions.js";
+declare class CmsCompareEntryRevisionsPresenterImpl implements CmsCompareEntryRevisionsPresenter.Interface {
+    private revisionsPresenter;
+    private useCase;
+    private drawerVisible;
+    private selectedIds;
+    private dialogVisible;
+    private comparing;
+    private error;
+    private result;
+    constructor(revisionsPresenter: RevisionsListPresenter.Interface, useCase: CompareEntryRevisionsUseCase.Interface);
+    get vm(): ICmsCompareEntryRevisionsViewModel;
+    showDrawer(): void;
+    hideDrawer(): void;
+    toggleRevision(revisionId: string): void;
+    compare(modelId: string): Promise<void>;
+    hideDialog(): void;
+}
+export declare const CmsCompareEntryRevisionsPresenterImplementation: typeof CmsCompareEntryRevisionsPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").ICmsCompareEntryRevisionsPresenter>;
+};
+export {};