@webiny/ai-powerups 6.4.12-beta.5 → 6.5.0-beta.1

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) & {
+    displayName: string;
+};

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 {};

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsPresenter.js

@@ -0,0 +1,90 @@
+import { computed, makeAutoObservable, runInAction } from "mobx";
+import { RevisionsListPresenter } from "@webiny/app-headless-cms/exports/admin/cms/entry/editor.js";
+import { CompareEntryRevisionsUseCase } from "../../features/compareEntryRevisions/abstractions.js";
+import { CmsCompareEntryRevisionsPresenter } from "./abstractions.js";
+class CmsCompareEntryRevisionsPresenterImpl {
+    constructor(revisionsPresenter, useCase){
+        this.revisionsPresenter = revisionsPresenter;
+        this.useCase = useCase;
+        this.drawerVisible = false;
+        this.selectedIds = [];
+        this.dialogVisible = false;
+        this.comparing = false;
+        this.error = null;
+        this.result = null;
+        makeAutoObservable(this, {
+            revisionsPresenter: false,
+            useCase: false,
+            vm: computed
+        });
+    }
+    get vm() {
+        return {
+            drawerVisible: this.drawerVisible,
+            revisions: this.revisionsPresenter.vm.revisions,
+            selectedIds: this.selectedIds,
+            canCompare: 2 === this.selectedIds.length,
+            dialogVisible: this.dialogVisible,
+            comparing: this.comparing,
+            error: this.error,
+            result: this.result
+        };
+    }
+    showDrawer() {
+        this.drawerVisible = true;
+    }
+    hideDrawer() {
+        this.drawerVisible = false;
+        this.selectedIds = [];
+    }
+    toggleRevision(revisionId) {
+        const index = this.selectedIds.indexOf(revisionId);
+        if (index >= 0) this.selectedIds = this.selectedIds.filter((id)=>id !== revisionId);
+        else if (this.selectedIds.length < 2) this.selectedIds = [
+            ...this.selectedIds,
+            revisionId
+        ];
+    }
+    async compare(modelId) {
+        if (2 !== this.selectedIds.length) return;
+        this.drawerVisible = false;
+        this.dialogVisible = true;
+        this.comparing = true;
+        this.error = null;
+        this.result = null;
+        try {
+            const result = await this.useCase.execute({
+                modelId,
+                revisionId1: this.selectedIds[0],
+                revisionId2: this.selectedIds[1]
+            });
+            runInAction(()=>{
+                this.result = result;
+            });
+        } catch (e) {
+            runInAction(()=>{
+                this.error = e instanceof Error ? e.message : "Failed to compare revisions";
+            });
+        } finally{
+            runInAction(()=>{
+                this.comparing = false;
+            });
+        }
+    }
+    hideDialog() {
+        this.dialogVisible = false;
+        this.result = null;
+        this.error = null;
+        this.selectedIds = [];
+    }
+}
+const CmsCompareEntryRevisionsPresenterImplementation = CmsCompareEntryRevisionsPresenter.createImplementation({
+    implementation: CmsCompareEntryRevisionsPresenterImpl,
+    dependencies: [
+        RevisionsListPresenter,
+        CompareEntryRevisionsUseCase
+    ]
+});
+export { CmsCompareEntryRevisionsPresenterImplementation };
+
+//# sourceMappingURL=CmsCompareEntryRevisionsPresenter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsPresenter.js","sources":["../../../../src/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsPresenter.ts"],"sourcesContent":["import { computed, makeAutoObservable, runInAction } from \"mobx\";\nimport { RevisionsListPresenter } from \"@webiny/app-headless-cms/exports/admin/cms/entry/editor.js\";\nimport { CompareEntryRevisionsUseCase } from \"~/admin/features/compareEntryRevisions/abstractions.js\";\nimport { CmsCompareEntryRevisionsPresenter } from \"./abstractions.js\";\nimport type { ICmsCompareEntryRevisionsViewModel } from \"./abstractions.js\";\n\nclass CmsCompareEntryRevisionsPresenterImpl implements CmsCompareEntryRevisionsPresenter.Interface {\n    private drawerVisible = false;\n    private selectedIds: string[] = [];\n    private dialogVisible = false;\n    private comparing = false;\n    private error: string | null = null;\n    private result: { html: string; summary: string } | null = null;\n\n    constructor(\n        private revisionsPresenter: RevisionsListPresenter.Interface,\n        private useCase: CompareEntryRevisionsUseCase.Interface\n    ) {\n        makeAutoObservable<CmsCompareEntryRevisionsPresenterImpl, \"revisionsPresenter\" | \"useCase\">(\n            this,\n            {\n                revisionsPresenter: false,\n                useCase: false,\n                vm: computed\n            }\n        );\n    }\n\n    get vm(): ICmsCompareEntryRevisionsViewModel {\n        return {\n            drawerVisible: this.drawerVisible,\n            revisions: this.revisionsPresenter.vm.revisions,\n            selectedIds: this.selectedIds,\n            canCompare: this.selectedIds.length === 2,\n            dialogVisible: this.dialogVisible,\n            comparing: this.comparing,\n            error: this.error,\n            result: this.result\n        };\n    }\n\n    showDrawer(): void {\n        this.drawerVisible = true;\n    }\n\n    hideDrawer(): void {\n        this.drawerVisible = false;\n        this.selectedIds = [];\n    }\n\n    toggleRevision(revisionId: string): void {\n        const index = this.selectedIds.indexOf(revisionId);\n        if (index >= 0) {\n            this.selectedIds = this.selectedIds.filter(id => id !== revisionId);\n        } else if (this.selectedIds.length < 2) {\n            this.selectedIds = [...this.selectedIds, revisionId];\n        }\n    }\n\n    async compare(modelId: string): Promise<void> {\n        if (this.selectedIds.length !== 2) {\n            return;\n        }\n\n        this.drawerVisible = false;\n        this.dialogVisible = true;\n        this.comparing = true;\n        this.error = null;\n        this.result = null;\n\n        try {\n            const result = await this.useCase.execute({\n                modelId,\n                revisionId1: this.selectedIds[0],\n                revisionId2: this.selectedIds[1]\n            });\n\n            runInAction(() => {\n                this.result = result;\n            });\n        } catch (e: unknown) {\n            runInAction(() => {\n                this.error = e instanceof Error ? e.message : \"Failed to compare revisions\";\n            });\n        } finally {\n            runInAction(() => {\n                this.comparing = false;\n            });\n        }\n    }\n\n    hideDialog(): void {\n        this.dialogVisible = false;\n        this.result = null;\n        this.error = null;\n        this.selectedIds = [];\n    }\n}\n\nexport const CmsCompareEntryRevisionsPresenterImplementation =\n    CmsCompareEntryRevisionsPresenter.createImplementation({\n        implementation: CmsCompareEntryRevisionsPresenterImpl,\n        dependencies: [RevisionsListPresenter, CompareEntryRevisionsUseCase]\n    });\n"],"names":["CmsCompareEntryRevisionsPresenterImpl","revisionsPresenter","useCase","makeAutoObservable","computed","revisionId","index","id","modelId","result","runInAction","e","Error","CmsCompareEntryRevisionsPresenterImplementation","CmsCompareEntryRevisionsPresenter","RevisionsListPresenter","CompareEntryRevisionsUseCase"],"mappings":";;;;AAMA,MAAMA;IAQF,YACYC,kBAAoD,EACpDC,OAA+C,CACzD;aAFUD,kBAAkB,GAAlBA;aACAC,OAAO,GAAPA;aATJ,aAAa,GAAG;aAChB,WAAW,GAAa,EAAE;aAC1B,aAAa,GAAG;aAChB,SAAS,GAAG;aACZ,KAAK,GAAkB;aACvB,MAAM,GAA6C;QAMvDC,mBACI,IAAI,EACJ;YACI,oBAAoB;YACpB,SAAS;YACT,IAAIC;QACR;IAER;IAEA,IAAI,KAAyC;QACzC,OAAO;YACH,eAAe,IAAI,CAAC,aAAa;YACjC,WAAW,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,SAAS;YAC/C,aAAa,IAAI,CAAC,WAAW;YAC7B,YAAY,AAA4B,MAA5B,IAAI,CAAC,WAAW,CAAC,MAAM;YACnC,eAAe,IAAI,CAAC,aAAa;YACjC,WAAW,IAAI,CAAC,SAAS;YACzB,OAAO,IAAI,CAAC,KAAK;YACjB,QAAQ,IAAI,CAAC,MAAM;QACvB;IACJ;IAEA,aAAmB;QACf,IAAI,CAAC,aAAa,GAAG;IACzB;IAEA,aAAmB;QACf,IAAI,CAAC,aAAa,GAAG;QACrB,IAAI,CAAC,WAAW,GAAG,EAAE;IACzB;IAEA,eAAeC,UAAkB,EAAQ;QACrC,MAAMC,QAAQ,IAAI,CAAC,WAAW,CAAC,OAAO,CAACD;QACvC,IAAIC,SAAS,GACT,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAACC,CAAAA,KAAMA,OAAOF;aACrD,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,GACjC,IAAI,CAAC,WAAW,GAAG;eAAI,IAAI,CAAC,WAAW;YAAEA;SAAW;IAE5D;IAEA,MAAM,QAAQG,OAAe,EAAiB;QAC1C,IAAI,AAA4B,MAA5B,IAAI,CAAC,WAAW,CAAC,MAAM,EACvB;QAGJ,IAAI,CAAC,aAAa,GAAG;QACrB,IAAI,CAAC,aAAa,GAAG;QACrB,IAAI,CAAC,SAAS,GAAG;QACjB,IAAI,CAAC,KAAK,GAAG;QACb,IAAI,CAAC,MAAM,GAAG;QAEd,IAAI;YACA,MAAMC,SAAS,MAAM,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;gBACtCD;gBACA,aAAa,IAAI,CAAC,WAAW,CAAC,EAAE;gBAChC,aAAa,IAAI,CAAC,WAAW,CAAC,EAAE;YACpC;YAEAE,YAAY;gBACR,IAAI,CAAC,MAAM,GAAGD;YAClB;QACJ,EAAE,OAAOE,GAAY;YACjBD,YAAY;gBACR,IAAI,CAAC,KAAK,GAAGC,aAAaC,QAAQD,EAAE,OAAO,GAAG;YAClD;QACJ,SAAU;YACND,YAAY;gBACR,IAAI,CAAC,SAAS,GAAG;YACrB;QACJ;IACJ;IAEA,aAAmB;QACf,IAAI,CAAC,aAAa,GAAG;QACrB,IAAI,CAAC,MAAM,GAAG;QACd,IAAI,CAAC,KAAK,GAAG;QACb,IAAI,CAAC,WAAW,GAAG,EAAE;IACzB;AACJ;AAEO,MAAMG,kDACTC,kCAAkC,oBAAoB,CAAC;IACnD,gBAAgBd;IAChB,cAAc;QAACe;QAAwBC;KAA6B;AACxE"}

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

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

package/admin/presentation/CmsCompareEntryRevisions/Extension.js

@@ -0,0 +1,16 @@
+import react from "react";
+import { RegisterFeature } from "@webiny/app-admin";
+import { InternalContentEntryEditorConfig } from "@webiny/app-headless-cms/admin/config/contentEntries/index.js";
+import { CmsCompareEntryRevisionsPresentationFeature } from "./feature.js";
+import { CmsCompareEntryRevisionsMenuItem } from "./CmsCompareEntryRevisionsMenuItem.js";
+import { CmsCompareEntryRevisionsOverlays } from "./CmsCompareEntryRevisionsOverlays.js";
+const { Actions: Actions } = InternalContentEntryEditorConfig;
+const CmsCompareEntryRevisions = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: CmsCompareEntryRevisionsPresentationFeature
+    }), /*#__PURE__*/ react.createElement(InternalContentEntryEditorConfig, null, /*#__PURE__*/ react.createElement(Actions.MenuItemAction, {
+        name: "compareEntryRevisions",
+        element: /*#__PURE__*/ react.createElement(CmsCompareEntryRevisionsMenuItem, null)
+    })), /*#__PURE__*/ react.createElement(CmsCompareEntryRevisionsOverlays, null));
+export { CmsCompareEntryRevisions };
+
+//# sourceMappingURL=Extension.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsCompareEntryRevisions/Extension.js","sources":["../../../../src/admin/presentation/CmsCompareEntryRevisions/Extension.tsx"],"sourcesContent":["import React from \"react\";\nimport { RegisterFeature } from \"@webiny/app-admin\";\nimport { InternalContentEntryEditorConfig } from \"@webiny/app-headless-cms/admin/config/contentEntries/index.js\";\nimport { CmsCompareEntryRevisionsPresentationFeature } from \"./feature.js\";\nimport { CmsCompareEntryRevisionsMenuItem } from \"./CmsCompareEntryRevisionsMenuItem.js\";\nimport { CmsCompareEntryRevisionsOverlays } from \"./CmsCompareEntryRevisionsOverlays.js\";\n\nconst { Actions } = InternalContentEntryEditorConfig;\n\nexport const CmsCompareEntryRevisions = () => {\n    return (\n        <>\n            <RegisterFeature feature={CmsCompareEntryRevisionsPresentationFeature} />\n            <InternalContentEntryEditorConfig>\n                <Actions.MenuItemAction\n                    name={\"compareEntryRevisions\"}\n                    element={<CmsCompareEntryRevisionsMenuItem />}\n                />\n            </InternalContentEntryEditorConfig>\n            <CmsCompareEntryRevisionsOverlays />\n        </>\n    );\n};\n"],"names":["Actions","InternalContentEntryEditorConfig","CmsCompareEntryRevisions","RegisterFeature","CmsCompareEntryRevisionsPresentationFeature","CmsCompareEntryRevisionsMenuItem","CmsCompareEntryRevisionsOverlays"],"mappings":";;;;;;AAOA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEb,MAAMC,2BAA2B,IAC7B,WAAP,GACI,wDACI,oBAACC,iBAAeA;QAAC,SAASC;sBAC1B,oBAACH,kCAAgCA,MAAAA,WAAAA,GAC7B,oBAACD,QAAQ,cAAc;QACnB,MAAM;QACN,uBAAS,oBAACK,kCAAgCA;uBAGlD,oBAACC,kCAAgCA"}

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

@@ -0,0 +1,29 @@
+import type { RevisionsListPresenter } from "@webiny/app-headless-cms/exports/admin/cms/entry/editor.js";
+interface CompareEntryRevisionsResult {
+    html: string;
+    summary: string;
+}
+export interface ICmsCompareEntryRevisionsViewModel {
+    drawerVisible: boolean;
+    revisions: RevisionsListPresenter.ViewModel["revisions"];
+    selectedIds: string[];
+    canCompare: boolean;
+    dialogVisible: boolean;
+    comparing: boolean;
+    error: string | null;
+    result: CompareEntryRevisionsResult | null;
+}
+export interface ICmsCompareEntryRevisionsPresenter {
+    vm: ICmsCompareEntryRevisionsViewModel;
+    showDrawer(): void;
+    hideDrawer(): void;
+    toggleRevision(revisionId: string): void;
+    compare(modelId: string): Promise<void>;
+    hideDialog(): void;
+}
+export declare const CmsCompareEntryRevisionsPresenter: import("@webiny/di").Abstraction<ICmsCompareEntryRevisionsPresenter>;
+export declare namespace CmsCompareEntryRevisionsPresenter {
+    type Interface = ICmsCompareEntryRevisionsPresenter;
+    type ViewModel = ICmsCompareEntryRevisionsViewModel;
+}
+export {};

package/admin/presentation/CmsCompareEntryRevisions/abstractions.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsCompareEntryRevisions/abstractions.js","sources":["../../../../src/admin/presentation/CmsCompareEntryRevisions/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { RevisionsListPresenter } from \"@webiny/app-headless-cms/exports/admin/cms/entry/editor.js\";\n\ninterface CompareEntryRevisionsResult {\n    html: string;\n    summary: string;\n}\n\nexport interface ICmsCompareEntryRevisionsViewModel {\n    drawerVisible: boolean;\n    revisions: RevisionsListPresenter.ViewModel[\"revisions\"];\n    selectedIds: string[];\n    canCompare: boolean;\n    dialogVisible: boolean;\n    comparing: boolean;\n    error: string | null;\n    result: CompareEntryRevisionsResult | null;\n}\n\nexport interface ICmsCompareEntryRevisionsPresenter {\n    vm: ICmsCompareEntryRevisionsViewModel;\n    showDrawer(): void;\n    hideDrawer(): void;\n    toggleRevision(revisionId: string): void;\n    compare(modelId: string): Promise<void>;\n    hideDialog(): void;\n}\n\nexport const CmsCompareEntryRevisionsPresenter =\n    createAbstraction<ICmsCompareEntryRevisionsPresenter>(\n        \"AiPowerUps/CmsCompareEntryRevisionsPresenter\"\n    );\n\nexport namespace CmsCompareEntryRevisionsPresenter {\n    export type Interface = ICmsCompareEntryRevisionsPresenter;\n    export type ViewModel = ICmsCompareEntryRevisionsViewModel;\n}\n"],"names":["CmsCompareEntryRevisionsPresenter","createAbstraction"],"mappings":";AA4BO,MAAMA,oCACTC,kBACI"}

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

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

package/admin/presentation/CmsCompareEntryRevisions/feature.js

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

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

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

package/admin/presentation/CmsContentGeneration/CmsGenerateContentButton.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const CmsGenerateContentButton: (() => React.JSX.Element | null) & {
+    displayName: string;
+};

package/admin/presentation/CmsContentGeneration/CmsGenerateContentButton.js

@@ -0,0 +1,27 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { IconButton } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/auto_fix_high.svg";
+import { useOpenDialog } from "@webiny/app-admin";
+import { useModel } from "@webiny/app-headless-cms/admin/components/ModelProvider/useModel.js";
+import { CMS_GENERATE_CONTENT_DIALOG } from "./CmsGenerateContentDialog.js";
+import { hasUsableModel, useAiPowerUpsSettings } from "../AiPowerUpsSettings/index.js";
+import { useContentEntryFormPresenter } from "@webiny/app-headless-cms/exports/admin/cms/entry/editor.js";
+const CmsGenerateContentButton = observer(()=>{
+    const { openDialog } = useOpenDialog();
+    const { settings } = useAiPowerUpsSettings();
+    const { model } = useModel();
+    const presenter = useContentEntryFormPresenter();
+    if (!presenter.vm.canSave) return null;
+    if (!hasUsableModel(settings)) return null;
+    return /*#__PURE__*/ react.createElement(IconButton, {
+        variant: "ghost",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: ()=>openDialog(CMS_GENERATE_CONTENT_DIALOG, {
+                modelId: model.modelId
+            })
+    });
+});
+export { CmsGenerateContentButton };
+
+//# sourceMappingURL=CmsGenerateContentButton.js.map

package/admin/presentation/CmsContentGeneration/CmsGenerateContentButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsContentGeneration/CmsGenerateContentButton.js","sources":["../../../../src/admin/presentation/CmsContentGeneration/CmsGenerateContentButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as ChatIcon } from \"@webiny/icons/auto_fix_high.svg\";\nimport { useOpenDialog } from \"@webiny/app-admin\";\nimport { useModel } from \"@webiny/app-headless-cms/admin/components/ModelProvider/useModel.js\";\nimport { CMS_GENERATE_CONTENT_DIALOG } from \"./CmsGenerateContentDialog.js\";\nimport {\n    hasUsableModel,\n    useAiPowerUpsSettings\n} from \"~/admin/presentation/AiPowerUpsSettings/index.js\";\nimport { useContentEntryFormPresenter } from \"@webiny/app-headless-cms/exports/admin/cms/entry/editor.js\";\n\nexport const CmsGenerateContentButton = observer(() => {\n    const { openDialog } = useOpenDialog();\n    const { settings } = useAiPowerUpsSettings();\n    const { model } = useModel();\n    const presenter = useContentEntryFormPresenter();\n\n    if (!presenter.vm.canSave) {\n        return null;\n    }\n\n    if (!hasUsableModel(settings)) {\n        return null;\n    }\n\n    return (\n        <IconButton\n            variant=\"ghost\"\n            icon={<ChatIcon />}\n            onClick={() => openDialog(CMS_GENERATE_CONTENT_DIALOG, { modelId: model.modelId })}\n        />\n    );\n});\n"],"names":["CmsGenerateContentButton","observer","openDialog","useOpenDialog","settings","useAiPowerUpsSettings","model","useModel","presenter","useContentEntryFormPresenter","hasUsableModel","IconButton","ChatIcon","CMS_GENERATE_CONTENT_DIALOG"],"mappings":";;;;;;;;;AAaO,MAAMA,2BAA2BC,SAAS;IAC7C,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,YAAYC;IAElB,IAAI,CAACD,UAAU,EAAE,CAAC,OAAO,EACrB,OAAO;IAGX,IAAI,CAACE,eAAeN,WAChB,OAAO;IAGX,OAAO,WAAP,GACI,oBAACO,YAAUA;QACP,SAAQ;QACR,oBAAM,oBAACC,gBAAQA;QACf,SAAS,IAAMV,WAAWW,6BAA6B;gBAAE,SAASP,MAAM,OAAO;YAAC;;AAG5F"}

package/admin/presentation/CmsContentGeneration/CmsGenerateContentDialog.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare const CMS_GENERATE_CONTENT_DIALOG = "cms-generate-content";
+export declare const CmsGenerateContentDialog: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/admin/presentation/CmsContentGeneration/CmsGenerateContentDialog.js

@@ -0,0 +1,106 @@
+import react, { useEffect, useRef } from "react";
+import { observer } from "mobx-react-lite";
+import { FormView, useDialog } from "@webiny/app-admin";
+import { Dialog, OverlayLoader, useToast } from "@webiny/admin-ui";
+import { useFeature } from "@webiny/app";
+import { useWebsockets } from "@webiny/app-websockets";
+import { useContentEntryFormPresenter } from "@webiny/app-headless-cms/presentation/contentEntries/form/useContentEntryFormPresenter.js";
+import { CmsGenerateContentFeature } from "./feature.js";
+import { decompressGzipBase64 } from "../WbContentGeneration/decompressGzipBase64.js";
+function formatElapsed(totalSeconds) {
+    const minutes = Math.floor(totalSeconds / 60);
+    const seconds = totalSeconds % 60;
+    return `${minutes}:${seconds.toString().padStart(2, "0")}`;
+}
+const CMS_GENERATE_CONTENT_DIALOG = "cms-generate-content";
+const WS_ACTION_CONTENT = "aiPowerUps.generateEntryContent.content";
+const WS_ACTION_ERROR = "aiPowerUps.generateEntryContent.error";
+const CmsGenerateContentDialog = observer(()=>{
+    const { closeDialog, params } = useDialog();
+    const { presenter } = useFeature(CmsGenerateContentFeature);
+    const formPresenter = useContentEntryFormPresenter();
+    const vm = presenter.vm;
+    const wasSubmitting = useRef(false);
+    const websockets = useWebsockets();
+    const toast = useToast();
+    const modelId = params.modelId;
+    useEffect(()=>{
+        presenter.init();
+    }, []);
+    useEffect(()=>{
+        const contentSubscription = websockets.onMessage(WS_ACTION_CONTENT, async (message)=>{
+            const responseText = await decompressGzipBase64(message.data.value);
+            try {
+                const entryValues = await presenter.processAiResponse(responseText);
+                console.log("entryValues", entryValues);
+                const form = formPresenter.vm.form;
+                if (form) form.setData(entryValues);
+            } catch (e) {
+                console.error("Failed to process AI response", {
+                    responseText
+                });
+                console.error(e);
+                toast.showWarningToast({
+                    title: "Failed to process AI response",
+                    description: "Open the console for more details."
+                });
+                presenter.cancelPrompt();
+            }
+        });
+        const errorSubscription = websockets.onMessage(WS_ACTION_ERROR, async (message)=>{
+            toast.showWarningToast({
+                title: "Failed to generate content",
+                description: message.data.message
+            });
+            presenter.cancelPrompt();
+        });
+        return ()=>{
+            contentSubscription.off();
+            errorSubscription.off();
+        };
+    }, []);
+    useEffect(()=>{
+        if (wasSubmitting.current && !vm.submitting && !vm.timedOut) closeDialog();
+        wasSubmitting.current = vm.submitting;
+    }, [
+        vm.submitting
+    ]);
+    useEffect(()=>{
+        if (vm.timedOut) toast.showWarningToast({
+            title: "Request timed out",
+            description: "The AI generation took too long. Please try again."
+        });
+    }, [
+        vm.timedOut
+    ]);
+    const handleSubmit = async ()=>{
+        await presenter.submit(modelId);
+    };
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: true,
+        onClose: closeDialog,
+        title: "Generate Entry Content",
+        size: "lg",
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+            onClick: closeDialog,
+            text: "Cancel"
+        }), /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            onClick: handleSubmit,
+            text: "Generate",
+            disabled: vm.loading || vm.submitting
+        }))
+    }, vm.loading ? /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Loading..."
+    }) : null, vm.submitting ? /*#__PURE__*/ react.createElement(OverlayLoader, {
+        className: "bg-neutral-base/90",
+        text: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", null, "Generating content... ", formatElapsed(vm.elapsedSeconds)), /*#__PURE__*/ react.createElement("div", {
+            className: "text-sm text-neutral-muted pt-xs"
+        }, "Content generation can take a few minutes, depending on the model you're using."))
+    }) : null, vm.form ? /*#__PURE__*/ react.createElement(FormView, {
+        name: "CmsGenerateContent",
+        form: vm.form
+    }) : null);
+});
+export { CMS_GENERATE_CONTENT_DIALOG, CmsGenerateContentDialog };
+
+//# sourceMappingURL=CmsGenerateContentDialog.js.map

package/admin/presentation/CmsContentGeneration/CmsGenerateContentDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsContentGeneration/CmsGenerateContentDialog.js","sources":["../../../../src/admin/presentation/CmsContentGeneration/CmsGenerateContentDialog.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useDialog, FormView } from \"@webiny/app-admin\";\nimport { Dialog, OverlayLoader, useToast } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport type { IncomingGenericData } from \"@webiny/app-websockets\";\nimport { useWebsockets } from \"@webiny/app-websockets\";\nimport { useContentEntryFormPresenter } from \"@webiny/app-headless-cms/presentation/contentEntries/form/useContentEntryFormPresenter.js\";\nimport { CmsGenerateContentFeature } from \"./feature.js\";\nimport { decompressGzipBase64 } from \"~/admin/presentation/WbContentGeneration/decompressGzipBase64.js\";\n\nfunction formatElapsed(totalSeconds: number): string {\n    const minutes = Math.floor(totalSeconds / 60);\n    const seconds = totalSeconds % 60;\n    return `${minutes}:${seconds.toString().padStart(2, \"0\")}`;\n}\n\nexport const CMS_GENERATE_CONTENT_DIALOG = \"cms-generate-content\";\n\nconst WS_ACTION_CONTENT = \"aiPowerUps.generateEntryContent.content\";\nconst WS_ACTION_ERROR = \"aiPowerUps.generateEntryContent.error\";\n\ninterface GenerateEntryContentMessage extends IncomingGenericData {\n    action: typeof WS_ACTION_CONTENT;\n    data: {\n        compression: \"gzip\";\n        value: string;\n    };\n}\n\ninterface GenerateEntryContentErrorMessage extends IncomingGenericData {\n    action: typeof WS_ACTION_ERROR;\n    data: {\n        message: string;\n    };\n}\n\nexport const CmsGenerateContentDialog = observer(() => {\n    const { closeDialog, params } = useDialog();\n    const { presenter } = useFeature(CmsGenerateContentFeature);\n    const formPresenter = useContentEntryFormPresenter();\n    const vm = presenter.vm;\n    const wasSubmitting = useRef(false);\n    const websockets = useWebsockets();\n    const toast = useToast();\n    const modelId = params.modelId as string;\n\n    useEffect(() => {\n        presenter.init();\n    }, []);\n\n    useEffect(() => {\n        const contentSubscription = websockets.onMessage<GenerateEntryContentMessage>(\n            WS_ACTION_CONTENT,\n            async message => {\n                const responseText = await decompressGzipBase64(message.data.value);\n                try {\n                    const entryValues = await presenter.processAiResponse(responseText);\n                    console.log(\"entryValues\", entryValues);\n                    const form = formPresenter.vm.form;\n                    if (form) {\n                        form.setData(entryValues);\n                    }\n                } catch (e) {\n                    console.error(\"Failed to process AI response\", { responseText });\n                    console.error(e);\n                    toast.showWarningToast({\n                        title: \"Failed to process AI response\",\n                        description: \"Open the console for more details.\"\n                    });\n                    presenter.cancelPrompt();\n                }\n            }\n        );\n\n        const errorSubscription = websockets.onMessage<GenerateEntryContentErrorMessage>(\n            WS_ACTION_ERROR,\n            async message => {\n                toast.showWarningToast({\n                    title: \"Failed to generate content\",\n                    description: message.data.message\n                });\n                presenter.cancelPrompt();\n            }\n        );\n\n        return () => {\n            contentSubscription.off();\n            errorSubscription.off();\n        };\n    }, []);\n\n    useEffect(() => {\n        if (wasSubmitting.current && !vm.submitting && !vm.timedOut) {\n            closeDialog();\n        }\n        wasSubmitting.current = vm.submitting;\n    }, [vm.submitting]);\n\n    useEffect(() => {\n        if (vm.timedOut) {\n            toast.showWarningToast({\n                title: \"Request timed out\",\n                description: \"The AI generation took too long. Please try again.\"\n            });\n        }\n    }, [vm.timedOut]);\n\n    const handleSubmit = async () => {\n        await presenter.submit(modelId);\n    };\n\n    return (\n        <Dialog\n            open={true}\n            onClose={closeDialog}\n            title=\"Generate Entry Content\"\n            size={\"lg\"}\n            actions={\n                <>\n                    <Dialog.CancelAction onClick={closeDialog} text=\"Cancel\" />\n                    <Dialog.ConfirmAction\n                        onClick={handleSubmit}\n                        text=\"Generate\"\n                        disabled={vm.loading || vm.submitting}\n                    />\n                </>\n            }\n        >\n            {vm.loading ? <OverlayLoader text={\"Loading...\"} /> : null}\n            {vm.submitting ? (\n                <OverlayLoader\n                    className={\"bg-neutral-base/90\"}\n                    text={\n                        <>\n                            <div>Generating content... {formatElapsed(vm.elapsedSeconds)}</div>\n                            <div className=\"text-sm text-neutral-muted pt-xs\">\n                                Content generation can take a few minutes, depending on the model\n                                you&apos;re using.\n                            </div>\n                        </>\n                    }\n                />\n            ) : null}\n            {vm.form ? <FormView name=\"CmsGenerateContent\" form={vm.form} /> : null}\n        </Dialog>\n    );\n});\n"],"names":["formatElapsed","totalSeconds","minutes","Math","seconds","CMS_GENERATE_CONTENT_DIALOG","WS_ACTION_CONTENT","WS_ACTION_ERROR","CmsGenerateContentDialog","observer","closeDialog","params","useDialog","presenter","useFeature","CmsGenerateContentFeature","formPresenter","useContentEntryFormPresenter","vm","wasSubmitting","useRef","websockets","useWebsockets","toast","useToast","modelId","useEffect","contentSubscription","message","responseText","decompressGzipBase64","entryValues","console","form","e","errorSubscription","handleSubmit","Dialog","OverlayLoader","FormView"],"mappings":";;;;;;;;;AAWA,SAASA,cAAcC,YAAoB;IACvC,MAAMC,UAAUC,KAAK,KAAK,CAACF,eAAe;IAC1C,MAAMG,UAAUH,eAAe;IAC/B,OAAO,GAAGC,QAAQ,CAAC,EAAEE,QAAQ,QAAQ,GAAG,QAAQ,CAAC,GAAG,MAAM;AAC9D;AAEO,MAAMC,8BAA8B;AAE3C,MAAMC,oBAAoB;AAC1B,MAAMC,kBAAkB;AAiBjB,MAAMC,2BAA2BC,SAAS;IAC7C,MAAM,EAAEC,WAAW,EAAEC,MAAM,EAAE,GAAGC;IAChC,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAMC,gBAAgBC;IACtB,MAAMC,KAAKL,UAAU,EAAE;IACvB,MAAMM,gBAAgBC,OAAO;IAC7B,MAAMC,aAAaC;IACnB,MAAMC,QAAQC;IACd,MAAMC,UAAUd,OAAO,OAAO;IAE9Be,UAAU;QACNb,UAAU,IAAI;IAClB,GAAG,EAAE;IAELa,UAAU;QACN,MAAMC,sBAAsBN,WAAW,SAAS,CAC5Cf,mBACA,OAAMsB;YACF,MAAMC,eAAe,MAAMC,qBAAqBF,QAAQ,IAAI,CAAC,KAAK;YAClE,IAAI;gBACA,MAAMG,cAAc,MAAMlB,UAAU,iBAAiB,CAACgB;gBACtDG,QAAQ,GAAG,CAAC,eAAeD;gBAC3B,MAAME,OAAOjB,cAAc,EAAE,CAAC,IAAI;gBAClC,IAAIiB,MACAA,KAAK,OAAO,CAACF;YAErB,EAAE,OAAOG,GAAG;gBACRF,QAAQ,KAAK,CAAC,iCAAiC;oBAAEH;gBAAa;gBAC9DG,QAAQ,KAAK,CAACE;gBACdX,MAAM,gBAAgB,CAAC;oBACnB,OAAO;oBACP,aAAa;gBACjB;gBACAV,UAAU,YAAY;YAC1B;QACJ;QAGJ,MAAMsB,oBAAoBd,WAAW,SAAS,CAC1Cd,iBACA,OAAMqB;YACFL,MAAM,gBAAgB,CAAC;gBACnB,OAAO;gBACP,aAAaK,QAAQ,IAAI,CAAC,OAAO;YACrC;YACAf,UAAU,YAAY;QAC1B;QAGJ,OAAO;YACHc,oBAAoB,GAAG;YACvBQ,kBAAkB,GAAG;QACzB;IACJ,GAAG,EAAE;IAELT,UAAU;QACN,IAAIP,cAAc,OAAO,IAAI,CAACD,GAAG,UAAU,IAAI,CAACA,GAAG,QAAQ,EACvDR;QAEJS,cAAc,OAAO,GAAGD,GAAG,UAAU;IACzC,GAAG;QAACA,GAAG,UAAU;KAAC;IAElBQ,UAAU;QACN,IAAIR,GAAG,QAAQ,EACXK,MAAM,gBAAgB,CAAC;YACnB,OAAO;YACP,aAAa;QACjB;IAER,GAAG;QAACL,GAAG,QAAQ;KAAC;IAEhB,MAAMkB,eAAe;QACjB,MAAMvB,UAAU,MAAM,CAACY;IAC3B;IAEA,OAAO,WAAP,GACI,oBAACY,QAAMA;QACH,MAAM;QACN,SAAS3B;QACT,OAAM;QACN,MAAM;QACN,uBACI,wDACI,oBAAC2B,OAAO,YAAY;YAAC,SAAS3B;YAAa,MAAK;0BAChD,oBAAC2B,OAAO,aAAa;YACjB,SAASD;YACT,MAAK;YACL,UAAUlB,GAAG,OAAO,IAAIA,GAAG,UAAU;;OAKhDA,GAAG,OAAO,GAAG,WAAH,GAAG,oBAACoB,eAAaA;QAAC,MAAM;SAAmB,MACrDpB,GAAG,UAAU,GAAG,WAAH,GACV,oBAACoB,eAAaA;QACV,WAAW;QACX,oBACI,wDACI,oBAAC,aAAI,0BAAuBtC,cAAckB,GAAG,cAAc,kBAC3D,oBAAC;YAAI,WAAU;WAAmC;SAO9D,MACHA,GAAG,IAAI,GAAG,WAAH,GAAG,oBAACqB,UAAQA;QAAC,MAAK;QAAqB,MAAMrB,GAAG,IAAI;SAAO;AAG/E"}

package/admin/presentation/CmsContentGeneration/CmsGenerateContentPresenter.d.ts

@@ -0,0 +1,29 @@
+import { ToolPipelineRunner } from "@webiny/app-admin";
+import { CmsGenerateContentPresenter as Abstraction } from "./abstractions.js";
+import { GenerateEntryContentUseCase } from "../../../admin/features/generateEntryContent/index.js";
+import { AiPromptFormFactory } from "../../../admin/presentation/AiPromptFormFactory/abstractions.js";
+declare class CmsGenerateContentPresenterImpl implements Abstraction.Interface {
+    private pipelineRunner;
+    private generateEntryContent;
+    private formFactory;
+    private _loading;
+    private _submitting;
+    private _timedOut;
+    private _form;
+    private _timeoutId;
+    private _intervalId;
+    private _elapsedSeconds;
+    constructor(pipelineRunner: ToolPipelineRunner.Interface, generateEntryContent: GenerateEntryContentUseCase.Interface, formFactory: AiPromptFormFactory.Interface);
+    get vm(): Abstraction.ViewModel;
+    init(): Promise<void>;
+    submit(modelId: string): Promise<void>;
+    processAiResponse(responseText: string): Promise<Record<string, unknown>>;
+    cancelPrompt(): void;
+    private startTimeout;
+    private clearTimeout;
+    private clearInterval;
+}
+export declare const CmsGenerateContentPresenter: typeof CmsGenerateContentPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").ICmsGenerateContentPresenter>;
+};
+export {};