@webiny/app-file-manager 6.4.11 → 6.6.0-alpha.1

package/modules/HeadlessCms/fieldType/FileFieldType.js

@@ -0,0 +1,38 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/file_present.svg";
+import { CmsFieldType } from "@webiny/app-headless-cms/presentation/fieldTypes/abstractions.js";
+class FileFieldTypeImpl {
+    createField() {
+        return {
+            type: this.type,
+            validation: [],
+            renderer: {
+                name: ""
+            }
+        };
+    }
+    constructor(){
+        this.type = "file";
+        this.label = "Files";
+        this.description = "Images, videos and other files.";
+        this.icon = /*#__PURE__*/ react.createElement(ReactComponent, null);
+        this.allowList = true;
+        this.listLabel = "Use as a list of files or an image gallery";
+        this.allowPredefinedValues = false;
+        this.validators = [
+            "required"
+        ];
+        this.listValidators = [
+            "minLength",
+            "maxLength"
+        ];
+        this.deprecated = true;
+    }
+}
+const FileFieldType = CmsFieldType.createImplementation({
+    implementation: FileFieldTypeImpl,
+    dependencies: []
+});
+export { FileFieldType };
+
+//# sourceMappingURL=FileFieldType.js.map

package/modules/HeadlessCms/fieldType/FileFieldType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/HeadlessCms/fieldType/FileFieldType.js","sources":["../../../../src/modules/HeadlessCms/fieldType/FileFieldType.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as FileIcon } from \"@webiny/icons/file_present.svg\";\nimport { CmsFieldType } from \"@webiny/app-headless-cms/presentation/fieldTypes/abstractions.js\";\n\nclass FileFieldTypeImpl implements CmsFieldType.Interface {\n    type = \"file\";\n    label = \"Files\";\n    description = \"Images, videos and other files.\";\n    icon = <FileIcon />;\n    allowList = true;\n    listLabel = \"Use as a list of files or an image gallery\";\n    allowPredefinedValues = false;\n    validators = [\"required\"];\n    listValidators = [\"minLength\", \"maxLength\"];\n    // Superseded by the Asset field. Hidden from the palette unless a model already\n    // uses a file field, so existing models remain editable (backwards compatible).\n    deprecated = true;\n\n    createField() {\n        return {\n            type: this.type,\n            validation: [],\n            renderer: { name: \"\" }\n        };\n    }\n}\n\nexport const FileFieldType = CmsFieldType.createImplementation({\n    implementation: FileFieldTypeImpl,\n    dependencies: []\n});\n"],"names":["FileFieldTypeImpl","FileIcon","FileFieldType","CmsFieldType"],"mappings":";;;AAIA,MAAMA;IAcF,cAAc;QACV,OAAO;YACH,MAAM,IAAI,CAAC,IAAI;YACf,YAAY,EAAE;YACd,UAAU;gBAAE,MAAM;YAAG;QACzB;IACJ;;aAnBA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,IAAI,GAAG,WAAP,GAAO,oBAACC,gBAAQA;aAChB,SAAS,GAAG;aACZ,SAAS,GAAG;aACZ,qBAAqB,GAAG;aACxB,UAAU,GAAG;YAAC;SAAW;aACzB,cAAc,GAAG;YAAC;YAAa;SAAY;aAG3C,UAAU,GAAG;;AASjB;AAEO,MAAMC,gBAAgBC,aAAa,oBAAoB,CAAC;IAC3D,gBAAgBH;IAChB,cAAc,EAAE;AACpB"}

package/modules/HeadlessCms/fieldType/FileInputRenderer.d.ts

@@ -0,0 +1,15 @@
+import { CmsFieldRenderer } from "@webiny/app-headless-cms/presentation/fieldRenderers/abstractions.js";
+import type { CmsModelField } from "@webiny/app-headless-cms-common/types/index.js";
+declare class FileInputRendererImpl implements CmsFieldRenderer.Interface {
+    rendererName: string;
+    formRenderer: string;
+    name: string;
+    description: string;
+    canUse({ field }: {
+        field: CmsModelField;
+    }): boolean;
+}
+export declare const FileInputRenderer: typeof FileInputRendererImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("@webiny/app-headless-cms/presentation/fieldRenderers/abstractions.js").ICmsFieldRenderer>;
+};
+export {};

package/modules/HeadlessCms/fieldType/FileInputRenderer.js

@@ -0,0 +1,19 @@
+import { CmsFieldRenderer } from "@webiny/app-headless-cms/presentation/fieldRenderers/abstractions.js";
+class FileInputRendererImpl {
+    canUse({ field }) {
+        return "file" === field.type && !field.list;
+    }
+    constructor(){
+        this.rendererName = "file-input";
+        this.formRenderer = "cmsFilePicker";
+        this.name = "File Input";
+        this.description = "Enables selecting a single file via File Manager.";
+    }
+}
+const FileInputRenderer = CmsFieldRenderer.createImplementation({
+    implementation: FileInputRendererImpl,
+    dependencies: []
+});
+export { FileInputRenderer };
+
+//# sourceMappingURL=FileInputRenderer.js.map

package/modules/HeadlessCms/fieldType/FileInputRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/HeadlessCms/fieldType/FileInputRenderer.js","sources":["../../../../src/modules/HeadlessCms/fieldType/FileInputRenderer.ts"],"sourcesContent":["import { CmsFieldRenderer } from \"@webiny/app-headless-cms/presentation/fieldRenderers/abstractions.js\";\nimport type { CmsModelField } from \"@webiny/app-headless-cms-common/types/index.js\";\n\nclass FileInputRendererImpl implements CmsFieldRenderer.Interface {\n    rendererName = \"file-input\";\n    formRenderer = \"cmsFilePicker\";\n    name = \"File Input\";\n    description = \"Enables selecting a single file via File Manager.\";\n\n    canUse({ field }: { field: CmsModelField }) {\n        return field.type === \"file\" && !field.list;\n    }\n}\n\nexport const FileInputRenderer = CmsFieldRenderer.createImplementation({\n    implementation: FileInputRendererImpl,\n    dependencies: []\n});\n"],"names":["FileInputRendererImpl","field","FileInputRenderer","CmsFieldRenderer"],"mappings":";AAGA,MAAMA;IAMF,OAAO,EAAEC,KAAK,EAA4B,EAAE;QACxC,OAAOA,AAAe,WAAfA,MAAM,IAAI,IAAe,CAACA,MAAM,IAAI;IAC/C;;aAPA,YAAY,GAAG;aACf,YAAY,GAAG;aACf,IAAI,GAAG;aACP,WAAW,GAAG;;AAKlB;AAEO,MAAMC,oBAAoBC,iBAAiB,oBAAoB,CAAC;IACnE,gBAAgBH;IAChB,cAAc,EAAE;AACpB"}

package/modules/HeadlessCms/fieldType/FileInputsRenderer.d.ts

@@ -0,0 +1,15 @@
+import { CmsFieldRenderer } from "@webiny/app-headless-cms/presentation/fieldRenderers/abstractions.js";
+import type { CmsModelField } from "@webiny/app-headless-cms-common/types/index.js";
+declare class FileInputsRendererImpl implements CmsFieldRenderer.Interface {
+    rendererName: string;
+    formRenderer: string;
+    name: string;
+    description: string;
+    canUse({ field }: {
+        field: CmsModelField;
+    }): boolean;
+}
+export declare const FileInputsRenderer: typeof FileInputsRendererImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("@webiny/app-headless-cms/presentation/fieldRenderers/abstractions.js").ICmsFieldRenderer>;
+};
+export {};

package/modules/HeadlessCms/fieldType/FileInputsRenderer.js

@@ -0,0 +1,19 @@
+import { CmsFieldRenderer } from "@webiny/app-headless-cms/presentation/fieldRenderers/abstractions.js";
+class FileInputsRendererImpl {
+    canUse({ field }) {
+        return "file" === field.type && !!field.list;
+    }
+    constructor(){
+        this.rendererName = "file-inputs";
+        this.formRenderer = "cmsMultiFilePicker";
+        this.name = "File Inputs";
+        this.description = "Enables selecting multiple files via File Manager.";
+    }
+}
+const FileInputsRenderer = CmsFieldRenderer.createImplementation({
+    implementation: FileInputsRendererImpl,
+    dependencies: []
+});
+export { FileInputsRenderer };
+
+//# sourceMappingURL=FileInputsRenderer.js.map

package/modules/HeadlessCms/fieldType/FileInputsRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/HeadlessCms/fieldType/FileInputsRenderer.js","sources":["../../../../src/modules/HeadlessCms/fieldType/FileInputsRenderer.ts"],"sourcesContent":["import { CmsFieldRenderer } from \"@webiny/app-headless-cms/presentation/fieldRenderers/abstractions.js\";\nimport type { CmsModelField } from \"@webiny/app-headless-cms-common/types/index.js\";\n\nclass FileInputsRendererImpl implements CmsFieldRenderer.Interface {\n    rendererName = \"file-inputs\";\n    formRenderer = \"cmsMultiFilePicker\";\n    name = \"File Inputs\";\n    description = \"Enables selecting multiple files via File Manager.\";\n\n    canUse({ field }: { field: CmsModelField }) {\n        return field.type === \"file\" && !!field.list;\n    }\n}\n\nexport const FileInputsRenderer = CmsFieldRenderer.createImplementation({\n    implementation: FileInputsRendererImpl,\n    dependencies: []\n});\n"],"names":["FileInputsRendererImpl","field","FileInputsRenderer","CmsFieldRenderer"],"mappings":";AAGA,MAAMA;IAMF,OAAO,EAAEC,KAAK,EAA4B,EAAE;QACxC,OAAOA,AAAe,WAAfA,MAAM,IAAI,IAAe,CAAC,CAACA,MAAM,IAAI;IAChD;;aAPA,YAAY,GAAG;aACf,YAAY,GAAG;aACf,IAAI,GAAG;aACP,WAAW,GAAG;;AAKlB;AAEO,MAAMC,qBAAqBC,iBAAiB,oBAAoB,CAAC;IACpE,gBAAgBH;IAChB,cAAc,EAAE;AACpB"}

package/modules/HeadlessCms/fieldType/feature.d.ts

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

package/modules/HeadlessCms/fieldType/feature.js

@@ -0,0 +1,27 @@
+import { createFeature } from "@webiny/feature/admin";
+import { FileFieldType } from "./FileFieldType.js";
+import { AssetFieldType } from "./AssetFieldType.js";
+import { AssetFormFieldType } from "./AssetFormFieldType.js";
+import { FileFieldSettingsModifier } from "./FileFieldSettingsModifier.js";
+import { AssetFieldSettingsModifier } from "./AssetFieldSettingsModifier.js";
+import { FileInputRenderer } from "./FileInputRenderer.js";
+import { FileInputsRenderer } from "./FileInputsRenderer.js";
+import { AssetInputRenderer } from "./AssetInputRenderer.js";
+import { AssetInputsRenderer } from "./AssetInputsRenderer.js";
+const FileFieldTypeFeature = createFeature({
+    name: "FileFieldType",
+    register (container) {
+        container.register(FileFieldType);
+        container.register(AssetFieldType);
+        container.register(AssetFormFieldType);
+        container.register(FileFieldSettingsModifier);
+        container.register(AssetFieldSettingsModifier);
+        container.register(FileInputRenderer);
+        container.register(FileInputsRenderer);
+        container.register(AssetInputRenderer);
+        container.register(AssetInputsRenderer);
+    }
+});
+export { FileFieldTypeFeature };
+
+//# sourceMappingURL=feature.js.map

package/modules/HeadlessCms/fieldType/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/HeadlessCms/fieldType/feature.js","sources":["../../../../src/modules/HeadlessCms/fieldType/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { FileFieldType } from \"./FileFieldType.js\";\nimport { AssetFieldType } from \"./AssetFieldType.js\";\nimport { AssetFormFieldType } from \"./AssetFormFieldType.js\";\nimport { FileFieldSettingsModifier } from \"./FileFieldSettingsModifier.js\";\nimport { AssetFieldSettingsModifier } from \"./AssetFieldSettingsModifier.js\";\nimport { FileInputRenderer } from \"./FileInputRenderer.js\";\nimport { FileInputsRenderer } from \"./FileInputsRenderer.js\";\nimport { AssetInputRenderer } from \"./AssetInputRenderer.js\";\nimport { AssetInputsRenderer } from \"./AssetInputsRenderer.js\";\n\nexport const FileFieldTypeFeature = createFeature({\n    name: \"FileFieldType\",\n    register(container) {\n        container.register(FileFieldType);\n        container.register(AssetFieldType);\n        container.register(AssetFormFieldType);\n        container.register(FileFieldSettingsModifier);\n        container.register(AssetFieldSettingsModifier);\n        container.register(FileInputRenderer);\n        container.register(FileInputsRenderer);\n        container.register(AssetInputRenderer);\n        container.register(AssetInputsRenderer);\n    }\n});\n"],"names":["FileFieldTypeFeature","createFeature","container","FileFieldType","AssetFieldType","AssetFormFieldType","FileFieldSettingsModifier","AssetFieldSettingsModifier","FileInputRenderer","FileInputsRenderer","AssetInputRenderer","AssetInputsRenderer"],"mappings":";;;;;;;;;;AAWO,MAAMA,uBAAuBC,cAAc;IAC9C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE;QACnBF,UAAU,QAAQ,CAACG;QACnBH,UAAU,QAAQ,CAACI;QACnBJ,UAAU,QAAQ,CAACK;QACnBL,UAAU,QAAQ,CAACM;QACnBN,UAAU,QAAQ,CAACO;QACnBP,UAAU,QAAQ,CAACQ;QACnBR,UAAU,QAAQ,CAACS;IACvB;AACJ"}

package/modules/HeadlessCms/fieldType/isAssetField.d.ts

@@ -0,0 +1,2 @@
+import type { CmsModelField } from "@webiny/app-headless-cms-common/types/index.js";
+export declare const isAssetField: (field: Pick<CmsModelField, "type">) => boolean;

package/modules/HeadlessCms/fieldType/isAssetField.js

@@ -0,0 +1,4 @@
+const isAssetField = (field)=>"asset" === field.type;
+export { isAssetField };
+
+//# sourceMappingURL=isAssetField.js.map

package/modules/HeadlessCms/fieldType/isAssetField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/HeadlessCms/fieldType/isAssetField.js","sources":["../../../../src/modules/HeadlessCms/fieldType/isAssetField.ts"],"sourcesContent":["import type { CmsModelField } from \"@webiny/app-headless-cms-common/types/index.js\";\n\nexport const isAssetField = (field: Pick<CmsModelField, \"type\">): boolean => {\n    return field.type === \"asset\";\n};\n"],"names":["isAssetField","field"],"mappings":"AAEO,MAAMA,eAAe,CAACC,QAClBA,AAAe,YAAfA,MAAM,IAAI"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-file-manager",
-	"version": "6.4.11",
+	"version": "6.6.0-alpha.1",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -13,50 +13,40 @@
 	"author": "Jon Rapp ",
 	"license": "MIT",
 	"dependencies": {
-		"@apollo/react-common": "3.1.4",
-		"@apollo/react-components": "3.1.5",
 		"@types/react": "18.3.31",
-		"@webiny/admin-ui": "6.4.11",
-		"@webiny/app": "6.4.11",
-		"@webiny/app-aco": "6.4.11",
-		"@webiny/app-admin": "6.4.11",
-		"@webiny/app-headless-cms": "6.4.11",
-		"@webiny/app-headless-cms-common": "6.4.11",
-		"@webiny/app-websockets": "6.4.11",
-		"@webiny/di": "1.0.2",
-		"@webiny/feature": "6.4.11",
-		"@webiny/form": "6.4.11",
-		"@webiny/icons": "6.4.11",
-		"@webiny/plugins": "6.4.11",
-		"@webiny/react-composition": "6.4.11",
-		"@webiny/react-properties": "6.4.11",
-		"@webiny/sdk": "6.4.11",
-		"@webiny/validation": "6.4.11",
-		"apollo-cache": "1.3.5",
-		"apollo-client": "2.6.10",
-		"apollo-link": "1.2.14",
-		"apollo-utilities": "1.3.4",
+		"@webiny/admin-ui": "6.6.0-alpha.1",
+		"@webiny/app": "6.6.0-alpha.1",
+		"@webiny/app-aco": "6.6.0-alpha.1",
+		"@webiny/app-admin": "6.6.0-alpha.1",
+		"@webiny/app-headless-cms": "6.6.0-alpha.1",
+		"@webiny/app-headless-cms-common": "6.6.0-alpha.1",
+		"@webiny/app-websockets": "6.6.0-alpha.1",
+		"@webiny/di": "1.1.0",
+		"@webiny/feature": "6.6.0-alpha.1",
+		"@webiny/form": "6.6.0-alpha.1",
+		"@webiny/icons": "6.6.0-alpha.1",
+		"@webiny/plugins": "6.6.0-alpha.1",
+		"@webiny/react-composition": "6.6.0-alpha.1",
+		"@webiny/react-properties": "6.6.0-alpha.1",
+		"@webiny/sdk": "6.6.0-alpha.1",
+		"@webiny/validation": "6.6.0-alpha.1",
 		"bytes": "3.1.2",
-		"dayjs": "1.11.21",
-		"dot-prop-immutable": "2.1.1",
-		"graphql": "16.14.2",
-		"graphql-tag": "2.12.7",
+		"dayjs": "1.11.23",
 		"lodash": "4.18.1",
 		"mime": "4.1.0",
-		"minimatch": "10.2.5",
-		"mobx": "6.16.1",
-		"mobx-react-lite": "4.1.1",
+		"minimatch": "10.2.6",
+		"mobx": "7.0.3",
+		"mobx-react-lite": "5.0.3",
 		"react": "18.3.1",
 		"react-dom": "18.3.1",
 		"react-lazy-load": "4.0.1",
 		"zod": "4.4.3"
 	},
 	"devDependencies": {
-		"@svgr/webpack": "8.1.0",
-		"@webiny/build-tools": "6.4.11",
+		"@webiny/build-tools": "6.6.0-alpha.1",
 		"rimraf": "6.1.3",
-		"typescript": "6.0.3",
-		"vitest": "4.1.10"
+		"typescript": "7.0.2",
+		"vitest": "4.1.11"
 	},
 	"publishConfig": {
 		"access": "public"

package/presentation/FileActions/FileDetails/EditImage.d.ts

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

package/presentation/FileActions/FileDetails/EditImage.js

@@ -0,0 +1,39 @@
+import react, { useCallback } from "react";
+import { ReactComponent } from "@webiny/icons/crop.svg";
+import { ImageEditor } from "@webiny/admin-ui";
+import { FileManagerViewConfig, useFile } from "../../../index.js";
+import { useFileManagerPresenter } from "../../FileList/FileManagerPresenterProvider.js";
+import { useEditImage } from "../../hooks/useEditImage.js";
+const { FileDetails: FileDetails } = FileManagerViewConfig;
+const EditImage = ()=>{
+    const { file } = useFile();
+    const { vm } = useFileManagerPresenter();
+    const fileDetails = vm.fileDetails;
+    const onSaved = useCallback((updated)=>{
+        fileDetails?.setFile(updated);
+    }, [
+        fileDetails
+    ]);
+    const { open, openEditor, closeEditor, value, save } = useEditImage(file, {
+        onSaved
+    });
+    if (!file.type?.startsWith("image/") || "image/svg+xml" === file.type) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(FileDetails.Action.Button, {
+        label: "Edit image",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onAction: openEditor
+    }), /*#__PURE__*/ react.createElement(ImageEditor, {
+        open: open,
+        onClose: closeEditor,
+        image: {
+            src: file.src,
+            width: file.metadata?.image?.width ?? 0,
+            height: file.metadata?.image?.height ?? 0
+        },
+        value: value,
+        onSave: save
+    }));
+};
+export { EditImage };
+
+//# sourceMappingURL=EditImage.js.map

package/presentation/FileActions/FileDetails/EditImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/FileActions/FileDetails/EditImage.js","sources":["../../../../src/presentation/FileActions/FileDetails/EditImage.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as CropIcon } from \"@webiny/icons/crop.svg\";\nimport { ImageEditor } from \"@webiny/admin-ui\";\nimport { FileManagerViewConfig, useFile } from \"~/index.js\";\nimport { useFileManagerPresenter } from \"~/presentation/FileList/FileManagerPresenterProvider.js\";\nimport { useEditImage } from \"~/presentation/hooks/useEditImage.js\";\nimport type { FileItem } from \"~/domain/types.js\";\n\nconst { FileDetails } = FileManagerViewConfig;\n\nexport const EditImage = () => {\n    const { file } = useFile();\n    const { vm } = useFileManagerPresenter();\n    const fileDetails = vm.fileDetails;\n\n    // After saving, replace the file shown in the drawer so the preview updates\n    // in place (without needing to close and reopen the drawer).\n    const onSaved = useCallback(\n        (updated: FileItem) => {\n            fileDetails?.setFile(updated);\n        },\n        [fileDetails]\n    );\n\n    const { open, openEditor, closeEditor, value, save } = useEditImage(file, { onSaved });\n\n    if (!file.type?.startsWith(\"image/\") || file.type === \"image/svg+xml\") {\n        return null;\n    }\n\n    return (\n        <>\n            <FileDetails.Action.Button\n                label={\"Edit image\"}\n                icon={<CropIcon />}\n                onAction={openEditor}\n            />\n            <ImageEditor\n                open={open}\n                onClose={closeEditor}\n                image={{\n                    src: file.src,\n                    width: file.metadata?.image?.width ?? 0,\n                    height: file.metadata?.image?.height ?? 0\n                }}\n                value={value}\n                onSave={save}\n            />\n        </>\n    );\n};\n"],"names":["FileDetails","FileManagerViewConfig","EditImage","file","useFile","vm","useFileManagerPresenter","fileDetails","onSaved","useCallback","updated","open","openEditor","closeEditor","value","save","useEditImage","CropIcon","ImageEditor"],"mappings":";;;;;;AAQA,MAAM,EAAEA,aAAAA,WAAW,EAAE,GAAGC;AAEjB,MAAMC,YAAY;IACrB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,EAAE,EAAE,GAAGC;IACf,MAAMC,cAAcF,GAAG,WAAW;IAIlC,MAAMG,UAAUC,YACZ,CAACC;QACGH,aAAa,QAAQG;IACzB,GACA;QAACH;KAAY;IAGjB,MAAM,EAAEI,IAAI,EAAEC,UAAU,EAAEC,WAAW,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,aAAab,MAAM;QAAEK;IAAQ;IAEpF,IAAI,CAACL,KAAK,IAAI,EAAE,WAAW,aAAaA,AAAc,oBAAdA,KAAK,IAAI,EAC7C,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAACH,YAAY,MAAM,CAAC,MAAM;QACtB,OAAO;QACP,oBAAM,oBAACiB,gBAAQA;QACf,UAAUL;sBAEd,oBAACM,aAAWA;QACR,MAAMP;QACN,SAASE;QACT,OAAO;YACH,KAAKV,KAAK,GAAG;YACb,OAAOA,KAAK,QAAQ,EAAE,OAAO,SAAS;YACtC,QAAQA,KAAK,QAAQ,EAAE,OAAO,UAAU;QAC5C;QACA,OAAOW;QACP,QAAQC;;AAIxB"}

package/presentation/FileActions/index.js

@@ -8,6 +8,8 @@ import { Download as Download_js_Download } from "./FileDetails/Download.js";
 import { MoveToFolder as MoveToFolder_js_MoveToFolder } from "./FileDetails/MoveToFolder.js";
 import { CopyUrl } from "./FileDetails/CopyUrl.js";
 import { DeleteImage } from "./FileDetails/DeleteImage.js";
+import { EditImage } from "./FileDetails/EditImage.js";
+import { ReenrichWithAi } from "../../modules/AiEnrichment/ReenrichWithAi.js";
 const { Browser: Browser, FileDetails: FileDetails } = FileManagerViewConfig;
 const FileActions = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Browser.Grid.Item.Action, {
         name: "settings",
@@ -21,6 +23,9 @@ const FileActions = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null,
     }), /*#__PURE__*/ react.createElement(Browser.Grid.Item.Action, {
         name: "delete",
         element: /*#__PURE__*/ react.createElement(Delete, null)
+    }), /*#__PURE__*/ react.createElement(FileDetails.Action, {
+        name: "editImage",
+        element: /*#__PURE__*/ react.createElement(EditImage, null)
     }), /*#__PURE__*/ react.createElement(FileDetails.Action, {
         name: "download",
         element: /*#__PURE__*/ react.createElement(Download_js_Download, null)
@@ -33,6 +38,9 @@ const FileActions = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null,
     }), /*#__PURE__*/ react.createElement(FileDetails.Action, {
         name: "delete",
         element: /*#__PURE__*/ react.createElement(DeleteImage, null)
+    }), /*#__PURE__*/ react.createElement(FileDetails.Action, {
+        name: "reenrichWithAi",
+        element: /*#__PURE__*/ react.createElement(ReenrichWithAi, null)
     }));
 export { FileActions };
 

package/presentation/FileActions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/FileActions/index.js","sources":["../../../src/presentation/FileActions/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileManagerViewConfig } from \"~/index.js\";\nimport { Delete as GridDelete } from \"./Grid/Delete.js\";\nimport { Download as GridDownload } from \"./Grid/Download.js\";\nimport { MoveToFolder as GridMoveToFolder } from \"./Grid/MoveToFolder.js\";\nimport { Settings as GridSettings } from \"./Grid/Settings.js\";\nimport { Download as FileDetailsDownload } from \"./FileDetails/Download.js\";\nimport { MoveToFolder as FileDetailsMoveToFolder } from \"./FileDetails/MoveToFolder.js\";\nimport { CopyUrl as FileDetailsCopyUrl } from \"./FileDetails/CopyUrl.js\";\nimport { DeleteImage as FileDetailsDeleteImage } from \"./FileDetails/DeleteImage.js\";\n\nconst { Browser, FileDetails } = FileManagerViewConfig;\n\nexport const FileActions = () => {\n    return (\n        <>\n            {/* Grid actions. */}\n            <Browser.Grid.Item.Action name={\"settings\"} element={<GridSettings />} />\n            <Browser.Grid.Item.Action name={\"download\"} element={<GridDownload />} />\n            <Browser.Grid.Item.Action name={\"move\"} element={<GridMoveToFolder />} />\n            <Browser.Grid.Item.Action name={\"delete\"} element={<GridDelete />} />\n            {/* File details actions. */}\n            <FileDetails.Action name={\"download\"} element={<FileDetailsDownload />} />\n            <FileDetails.Action name={\"moveToFolder\"} element={<FileDetailsMoveToFolder />} />\n            <FileDetails.Action name={\"copyUrl\"} element={<FileDetailsCopyUrl />} />\n            <FileDetails.Action name={\"delete\"} element={<FileDetailsDeleteImage />} />\n        </>\n    );\n};\n"],"names":["Browser","FileDetails","FileManagerViewConfig","FileActions","GridSettings","GridDownload","GridMoveToFolder","GridDelete","FileDetailsDownload","FileDetailsMoveToFolder","FileDetailsCopyUrl","FileDetailsDeleteImage"],"mappings":";;;;;;;;;;AAWA,MAAM,EAAEA,SAAAA,OAAO,EAAEC,aAAAA,WAAW,EAAE,GAAGC;AAE1B,MAAMC,cAAc,IAChB,WAAP,GACI,wDAEI,oBAACH,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM;QAAC,MAAM;QAAY,uBAAS,oBAACI,UAAYA;sBAClE,oBAACJ,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM;QAAC,MAAM;QAAY,uBAAS,oBAACK,UAAYA;sBAClE,oBAACL,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM;QAAC,MAAM;QAAQ,uBAAS,oBAACM,cAAgBA;sBAClE,oBAACN,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM;QAAC,MAAM;QAAU,uBAAS,oBAACO,QAAUA;sBAE9D,oBAACN,YAAY,MAAM;QAAC,MAAM;QAAY,uBAAS,oBAACO,sBAAmBA;sBACnE,oBAACP,YAAY,MAAM;QAAC,MAAM;QAAgB,uBAAS,oBAACQ,8BAAuBA;sBAC3E,oBAACR,YAAY,MAAM;QAAC,MAAM;QAAW,uBAAS,oBAACS,SAAkBA;sBACjE,oBAACT,YAAY,MAAM;QAAC,MAAM;QAAU,uBAAS,oBAACU,aAAsBA"}
+{"version":3,"file":"presentation/FileActions/index.js","sources":["../../../src/presentation/FileActions/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileManagerViewConfig } from \"~/index.js\";\nimport { Delete as GridDelete } from \"./Grid/Delete.js\";\nimport { Download as GridDownload } from \"./Grid/Download.js\";\nimport { MoveToFolder as GridMoveToFolder } from \"./Grid/MoveToFolder.js\";\nimport { Settings as GridSettings } from \"./Grid/Settings.js\";\nimport { Download as FileDetailsDownload } from \"./FileDetails/Download.js\";\nimport { MoveToFolder as FileDetailsMoveToFolder } from \"./FileDetails/MoveToFolder.js\";\nimport { CopyUrl as FileDetailsCopyUrl } from \"./FileDetails/CopyUrl.js\";\nimport { DeleteImage as FileDetailsDeleteImage } from \"./FileDetails/DeleteImage.js\";\nimport { EditImage as FileDetailsEditImage } from \"./FileDetails/EditImage.js\";\nimport { ReenrichWithAi } from \"~/modules/AiEnrichment/ReenrichWithAi.js\";\n\nconst { Browser, FileDetails } = FileManagerViewConfig;\n\nexport const FileActions = () => {\n    return (\n        <>\n            {/* Grid actions. */}\n            <Browser.Grid.Item.Action name={\"settings\"} element={<GridSettings />} />\n            <Browser.Grid.Item.Action name={\"download\"} element={<GridDownload />} />\n            <Browser.Grid.Item.Action name={\"move\"} element={<GridMoveToFolder />} />\n            <Browser.Grid.Item.Action name={\"delete\"} element={<GridDelete />} />\n            {/* File details actions. */}\n            <FileDetails.Action name={\"editImage\"} element={<FileDetailsEditImage />} />\n            <FileDetails.Action name={\"download\"} element={<FileDetailsDownload />} />\n            <FileDetails.Action name={\"moveToFolder\"} element={<FileDetailsMoveToFolder />} />\n            <FileDetails.Action name={\"copyUrl\"} element={<FileDetailsCopyUrl />} />\n            <FileDetails.Action name={\"delete\"} element={<FileDetailsDeleteImage />} />\n            <FileDetails.Action name={\"reenrichWithAi\"} element={<ReenrichWithAi />} />\n        </>\n    );\n};\n"],"names":["Browser","FileDetails","FileManagerViewConfig","FileActions","GridSettings","GridDownload","GridMoveToFolder","GridDelete","FileDetailsEditImage","FileDetailsDownload","FileDetailsMoveToFolder","FileDetailsCopyUrl","FileDetailsDeleteImage","ReenrichWithAi"],"mappings":";;;;;;;;;;;;AAaA,MAAM,EAAEA,SAAAA,OAAO,EAAEC,aAAAA,WAAW,EAAE,GAAGC;AAE1B,MAAMC,cAAc,IAChB,WAAP,GACI,wDAEI,oBAACH,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM;QAAC,MAAM;QAAY,uBAAS,oBAACI,UAAYA;sBAClE,oBAACJ,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM;QAAC,MAAM;QAAY,uBAAS,oBAACK,UAAYA;sBAClE,oBAACL,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM;QAAC,MAAM;QAAQ,uBAAS,oBAACM,cAAgBA;sBAClE,oBAACN,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM;QAAC,MAAM;QAAU,uBAAS,oBAACO,QAAUA;sBAE9D,oBAACN,YAAY,MAAM;QAAC,MAAM;QAAa,uBAAS,oBAACO,WAAoBA;sBACrE,oBAACP,YAAY,MAAM;QAAC,MAAM;QAAY,uBAAS,oBAACQ,sBAAmBA;sBACnE,oBAACR,YAAY,MAAM;QAAC,MAAM;QAAgB,uBAAS,oBAACS,8BAAuBA;sBAC3E,oBAACT,YAAY,MAAM;QAAC,MAAM;QAAW,uBAAS,oBAACU,SAAkBA;sBACjE,oBAACV,YAAY,MAAM;QAAC,MAAM;QAAU,uBAAS,oBAACW,aAAsBA;sBACpE,oBAACX,YAAY,MAAM;QAAC,MAAM;QAAkB,uBAAS,oBAACY,gBAAcA"}

package/presentation/FileDetails/FileDetailsPresenter.d.ts

@@ -1,26 +1,27 @@
-import { WcpService } from "@webiny/app-admin/features/wcp/abstractions.js";
 import { type IFileDetailsPresenter, type IFileDetailsViewModel } from "./abstractions.js";
 import { GetFileUseCase } from "../../features/getFile/abstractions.js";
 import { UpdateFileUseCase } from "../../features/updateFile/abstractions.js";
+import { DeleteFileUseCase } from "../../features/deleteFile/abstractions.js";
 import { FormModelFactory } from "@webiny/app-admin/features/formModel/abstractions.js";
 import { FileManagerPermissions } from "../../features/permissions/abstractions.js";
 import { GetSettingsRepository } from "../../features/settings/abstractions.js";
+import type { FmFile } from "../../features/shared/types.js";
 declare class FileDetailsPresenterImpl implements IFileDetailsPresenter {
     private getFileUseCase;
     private updateFileUseCase;
+    private deleteFileUseCase;
     private formModelFactory;
     private permissions;
     private settingsRepository;
-    private wcp;
     private file;
     private loading;
     private form;
-    constructor(getFileUseCase: GetFileUseCase.Interface, updateFileUseCase: UpdateFileUseCase.Interface, formModelFactory: FormModelFactory.Interface, permissions: FileManagerPermissions.Interface, settingsRepository: GetSettingsRepository.Interface, wcp: WcpService.Interface);
+    constructor(getFileUseCase: GetFileUseCase.Interface, updateFileUseCase: UpdateFileUseCase.Interface, deleteFileUseCase: DeleteFileUseCase.Interface, formModelFactory: FormModelFactory.Interface, permissions: FileManagerPermissions.Interface, settingsRepository: GetSettingsRepository.Interface);
     get vm(): IFileDetailsViewModel;
     loadFile(id: string): Promise<void>;
+    setFile(file: FmFile): void;
     saveFile(): Promise<boolean>;
     private buildForm;
-    private canUsePrivateFiles;
     private buildPreviewUrl;
 }
 export declare const FileDetailsPresenter: typeof FileDetailsPresenterImpl & {

package/presentation/FileDetails/FileDetailsPresenter.js

@@ -1,19 +1,19 @@
 import { computed, makeAutoObservable, runInAction } from "mobx";
-import { WcpService } from "@webiny/app-admin/features/wcp/abstractions.js";
 import { FileDetailsPresenter } from "./abstractions.js";
 import { GetFileUseCase } from "../../features/getFile/abstractions.js";
 import { UpdateFileUseCase } from "../../features/updateFile/abstractions.js";
+import { DeleteFileUseCase } from "../../features/deleteFile/abstractions.js";
 import { FormModelFactory } from "@webiny/app-admin/features/formModel/abstractions.js";
 import { FileManagerPermissions } from "../../features/permissions/abstractions.js";
 import { GetSettingsRepository } from "../../features/settings/abstractions.js";
 class FileDetailsPresenterImpl {
-    constructor(getFileUseCase, updateFileUseCase, formModelFactory, permissions, settingsRepository, wcp){
+    constructor(getFileUseCase, updateFileUseCase, deleteFileUseCase, formModelFactory, permissions, settingsRepository){
         this.getFileUseCase = getFileUseCase;
         this.updateFileUseCase = updateFileUseCase;
+        this.deleteFileUseCase = deleteFileUseCase;
         this.formModelFactory = formModelFactory;
         this.permissions = permissions;
         this.settingsRepository = settingsRepository;
-        this.wcp = wcp;
         this.file = null;
         this.loading = null;
         this.form = this.buildForm();
@@ -45,18 +45,17 @@ class FileDetailsPresenterImpl {
                 if (result.success) {
                     this.file = result.file;
                     this.form = this.buildForm();
-                    const formData = {
+                    this.form.setData({
                         name: result.file.name ?? "",
                         description: result.file.description ?? "",
-                        tags: result.file.tags ?? []
-                    };
-                    if (this.canUsePrivateFiles()) formData.accessControl = result.file.accessControl?.type ?? "public";
-                    this.form.setData(formData);
+                        tags: result.file.tags ?? [],
+                        accessControl: result.file.accessControl?.type ?? "public"
+                    });
                     if (!this.permissions.canEdit("file", result.file)) {
                         this.form.field("name").setDisabled(true);
                         this.form.field("description").setDisabled(true);
                         this.form.field("tags").setDisabled(true);
-                        if (this.canUsePrivateFiles()) this.form.field("accessControl").setDisabled(true);
+                        this.form.field("accessControl").setDisabled(true);
                     }
                 }
             });
@@ -66,6 +65,11 @@ class FileDetailsPresenterImpl {
             });
         }
     }
+    setFile(file) {
+        runInAction(()=>{
+            this.file = file;
+        });
+    }
     async saveFile() {
         if (!this.file) return false;
         const data = await this.form.submit();
@@ -74,17 +78,16 @@ class FileDetailsPresenterImpl {
             this.loading = "Saving changes...";
         });
         try {
-            const updateData = {
-                name: data.name,
-                description: data.description,
-                tags: data.tags
-            };
-            if (this.canUsePrivateFiles()) updateData.accessControl = {
-                type: data.accessControl
-            };
             await this.updateFileUseCase.execute({
                 id: this.file.id,
-                data: updateData
+                data: {
+                    name: data.name,
+                    description: data.description,
+                    tags: data.tags,
+                    accessControl: {
+                        type: data.accessControl
+                    }
+                }
             });
             return true;
         } finally{
@@ -95,38 +98,29 @@ class FileDetailsPresenterImpl {
     }
     buildForm() {
         return this.formModelFactory.create({
-            fields: (fields)=>{
-                const fieldDefs = {
+            fields: (fields)=>({
                     name: fields.text().label("Name").required().placeholder("Enter name"),
                     description: fields.text().label("Description").renderer("textarea").placeholder("Enter description"),
-                    tags: fields.text().label("Tags").list().renderer("tags").placeholder("Add tags")
-                };
-                if (this.canUsePrivateFiles()) fieldDefs.accessControl = fields.text().label("Access Control").help("Control who can access this file.").options([
-                    {
-                        label: "Public",
-                        value: "public"
-                    },
-                    {
-                        label: "Private (Authenticated)",
-                        value: "private-authenticated"
-                    }
-                ]).defaultValue("public");
-                return fieldDefs;
-            },
-            layout: (layout)=>{
-                const rows = [
+                    tags: fields.text().label("Tags").list().renderer("tags").placeholder("Add tags"),
+                    accessControl: fields.text().label("Access Control").help("Control who can access this file.").options([
+                        {
+                            label: "Public",
+                            value: "public"
+                        },
+                        {
+                            label: "Private (Authenticated)",
+                            value: "private-authenticated"
+                        }
+                    ]).defaultValue("public")
+                }),
+            layout: (layout)=>[
                     layout.row("name"),
                     layout.row("description"),
-                    layout.row("tags")
-                ];
-                if (this.canUsePrivateFiles()) rows.push(layout.row("accessControl"));
-                return rows;
-            }
+                    layout.row("tags"),
+                    layout.row("accessControl")
+                ]
         });
     }
-    canUsePrivateFiles() {
-        return this.wcp.getProject().canUsePrivateFiles();
-    }
     buildPreviewUrl() {
         if (!this.file?.key) return null;
         const srcPrefix = this.settingsRepository.settings?.srcPrefix ?? "";
@@ -138,10 +132,10 @@ const FileDetailsPresenter_FileDetailsPresenter = FileDetailsPresenter.createImp
     dependencies: [
         GetFileUseCase,
         UpdateFileUseCase,
+        DeleteFileUseCase,
         FormModelFactory,
         FileManagerPermissions,
-        GetSettingsRepository,
-        WcpService
+        GetSettingsRepository
     ]
 });
 export { FileDetailsPresenter_FileDetailsPresenter as FileDetailsPresenter };

package/presentation/FileDetails/FileDetailsPresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/FileDetails/FileDetailsPresenter.js","sources":["../../../src/presentation/FileDetails/FileDetailsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport { WcpService } from \"@webiny/app-admin/features/wcp/abstractions.js\";\nimport {\n    FileDetailsPresenter as Abstraction,\n    type IFileDetailsPresenter,\n    type IFileDetailsViewModel\n} from \"./abstractions.js\";\nimport { GetFileUseCase } from \"../../features/getFile/abstractions.js\";\nimport { UpdateFileUseCase } from \"../../features/updateFile/abstractions.js\";\nimport { FormModelFactory } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { IFormModel } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { FileManagerPermissions } from \"../../features/permissions/abstractions.js\";\nimport { GetSettingsRepository } from \"../../features/settings/abstractions.js\";\nimport type { FmFile } from \"../../features/shared/types.js\";\nimport type { UpdateFileData } from \"../../features/updateFile/abstractions.js\";\n\nclass FileDetailsPresenterImpl implements IFileDetailsPresenter {\n    private file: FmFile | null = null;\n    private loading: string | null = null;\n    private form: IFormModel;\n\n    constructor(\n        private getFileUseCase: GetFileUseCase.Interface,\n        private updateFileUseCase: UpdateFileUseCase.Interface,\n        private formModelFactory: FormModelFactory.Interface,\n        private permissions: FileManagerPermissions.Interface,\n        private settingsRepository: GetSettingsRepository.Interface,\n        private wcp: WcpService.Interface\n    ) {\n        // Build an empty form initially.\n        this.form = this.buildForm();\n\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): IFileDetailsViewModel {\n        return {\n            file: this.file,\n            loading: this.loading,\n            form: this.form.vm,\n            previewUrl: this.buildPreviewUrl(),\n            permissions: {\n                canEdit: this.permissions.canEdit(\"file\", this.file ?? undefined),\n                canDelete: this.permissions.canDelete(\"file\", this.file ?? undefined)\n            }\n        };\n    }\n\n    async loadFile(id: string): Promise<void> {\n        runInAction(() => {\n            this.loading = \"Loading file...\";\n        });\n\n        try {\n            const result = await this.getFileUseCase.execute({ id });\n            runInAction(() => {\n                if (result.success) {\n                    this.file = result.file;\n                    this.form = this.buildForm();\n\n                    const formData: Record<string, unknown> = {\n                        name: result.file.name ?? \"\",\n                        description: result.file.description ?? \"\",\n                        tags: result.file.tags ?? []\n                    };\n\n                    if (this.canUsePrivateFiles()) {\n                        formData.accessControl = result.file.accessControl?.type ?? \"public\";\n                    }\n\n                    this.form.setData(formData);\n\n                    if (!this.permissions.canEdit(\"file\", result.file)) {\n                        this.form.field(\"name\").setDisabled(true);\n                        this.form.field(\"description\").setDisabled(true);\n                        this.form.field(\"tags\").setDisabled(true);\n                        if (this.canUsePrivateFiles()) {\n                            this.form.field(\"accessControl\").setDisabled(true);\n                        }\n                    }\n                }\n            });\n        } finally {\n            runInAction(() => {\n                this.loading = null;\n            });\n        }\n    }\n\n    async saveFile(): Promise<boolean> {\n        if (!this.file) {\n            return false;\n        }\n\n        const data = await this.form.submit();\n        if (!data) {\n            return false;\n        }\n\n        runInAction(() => {\n            this.loading = \"Saving changes...\";\n        });\n\n        try {\n            const updateData: UpdateFileData = {\n                name: data.name as string,\n                description: data.description as string,\n                tags: data.tags as string[]\n            };\n\n            if (this.canUsePrivateFiles()) {\n                updateData.accessControl = {\n                    type: data.accessControl as \"public\" | \"private-authenticated\"\n                };\n            }\n\n            await this.updateFileUseCase.execute({\n                id: this.file.id,\n                data: updateData\n            });\n            return true;\n        } finally {\n            runInAction(() => {\n                this.loading = null;\n            });\n        }\n    }\n\n    private buildForm(): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => {\n                const fieldDefs: Record<string, any> = {\n                    name: fields.text().label(\"Name\").required().placeholder(\"Enter name\"),\n                    description: fields\n                        .text()\n                        .label(\"Description\")\n                        .renderer(\"textarea\")\n                        .placeholder(\"Enter description\"),\n                    tags: fields\n                        .text()\n                        .label(\"Tags\")\n                        .list()\n                        .renderer(\"tags\")\n                        .placeholder(\"Add tags\")\n                };\n\n                if (this.canUsePrivateFiles()) {\n                    fieldDefs.accessControl = fields\n                        .text()\n                        .label(\"Access Control\")\n                        .help(\"Control who can access this file.\")\n                        .options([\n                            { label: \"Public\", value: \"public\" },\n                            {\n                                label: \"Private (Authenticated)\",\n                                value: \"private-authenticated\"\n                            }\n                        ])\n                        .defaultValue(\"public\");\n                }\n\n                return fieldDefs;\n            },\n            layout: layout => {\n                const rows = [layout.row(\"name\"), layout.row(\"description\"), layout.row(\"tags\")];\n\n                if (this.canUsePrivateFiles()) {\n                    rows.push(layout.row(\"accessControl\"));\n                }\n\n                return rows;\n            }\n        });\n    }\n\n    private canUsePrivateFiles(): boolean {\n        return this.wcp.getProject().canUsePrivateFiles();\n    }\n\n    private buildPreviewUrl(): string | null {\n        if (!this.file?.key) {\n            return null;\n        }\n        const srcPrefix = this.settingsRepository.settings?.srcPrefix ?? \"\";\n        return `${srcPrefix}${this.file.key}`;\n    }\n}\n\nexport const FileDetailsPresenter = Abstraction.createImplementation({\n    implementation: FileDetailsPresenterImpl,\n    dependencies: [\n        GetFileUseCase,\n        UpdateFileUseCase,\n        FormModelFactory,\n        FileManagerPermissions,\n        GetSettingsRepository,\n        WcpService\n    ]\n});\n"],"names":["FileDetailsPresenterImpl","getFileUseCase","updateFileUseCase","formModelFactory","permissions","settingsRepository","wcp","makeAutoObservable","computed","undefined","id","runInAction","result","formData","data","updateData","fields","fieldDefs","layout","rows","srcPrefix","FileDetailsPresenter","Abstraction","GetFileUseCase","UpdateFileUseCase","FormModelFactory","FileManagerPermissions","GetSettingsRepository","WcpService"],"mappings":"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"}
+{"version":3,"file":"presentation/FileDetails/FileDetailsPresenter.js","sources":["../../../src/presentation/FileDetails/FileDetailsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport {\n    FileDetailsPresenter as Abstraction,\n    type IFileDetailsPresenter,\n    type IFileDetailsViewModel\n} from \"./abstractions.js\";\nimport { GetFileUseCase } from \"../../features/getFile/abstractions.js\";\nimport { UpdateFileUseCase } from \"../../features/updateFile/abstractions.js\";\nimport { DeleteFileUseCase } from \"../../features/deleteFile/abstractions.js\";\nimport { FormModelFactory } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { IFormModel } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { FileManagerPermissions } from \"../../features/permissions/abstractions.js\";\nimport { GetSettingsRepository } from \"../../features/settings/abstractions.js\";\nimport type { FmFile } from \"../../features/shared/types.js\";\n\nclass FileDetailsPresenterImpl implements IFileDetailsPresenter {\n    private file: FmFile | null = null;\n    private loading: string | null = null;\n    private form: IFormModel;\n\n    constructor(\n        private getFileUseCase: GetFileUseCase.Interface,\n        private updateFileUseCase: UpdateFileUseCase.Interface,\n        private deleteFileUseCase: DeleteFileUseCase.Interface,\n        private formModelFactory: FormModelFactory.Interface,\n        private permissions: FileManagerPermissions.Interface,\n        private settingsRepository: GetSettingsRepository.Interface\n    ) {\n        // Build an empty form initially.\n        this.form = this.buildForm();\n\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): IFileDetailsViewModel {\n        return {\n            file: this.file,\n            loading: this.loading,\n            form: this.form.vm,\n            previewUrl: this.buildPreviewUrl(),\n            permissions: {\n                canEdit: this.permissions.canEdit(\"file\", this.file ?? undefined),\n                canDelete: this.permissions.canDelete(\"file\", this.file ?? undefined)\n            }\n        };\n    }\n\n    async loadFile(id: string): Promise<void> {\n        runInAction(() => {\n            this.loading = \"Loading file...\";\n        });\n\n        try {\n            const result = await this.getFileUseCase.execute({ id });\n            runInAction(() => {\n                if (result.success) {\n                    this.file = result.file;\n                    this.form = this.buildForm();\n                    this.form.setData({\n                        name: result.file.name ?? \"\",\n                        description: result.file.description ?? \"\",\n                        tags: result.file.tags ?? [],\n                        accessControl: result.file.accessControl?.type ?? \"public\"\n                    });\n\n                    if (!this.permissions.canEdit(\"file\", result.file)) {\n                        this.form.field(\"name\").setDisabled(true);\n                        this.form.field(\"description\").setDisabled(true);\n                        this.form.field(\"tags\").setDisabled(true);\n                        this.form.field(\"accessControl\").setDisabled(true);\n                    }\n                }\n            });\n        } finally {\n            runInAction(() => {\n                this.loading = null;\n            });\n        }\n    }\n\n    setFile(file: FmFile): void {\n        runInAction(() => {\n            this.file = file;\n        });\n    }\n\n    async saveFile(): Promise<boolean> {\n        if (!this.file) {\n            return false;\n        }\n\n        const data = await this.form.submit();\n        if (!data) {\n            return false;\n        }\n\n        runInAction(() => {\n            this.loading = \"Saving changes...\";\n        });\n\n        try {\n            await this.updateFileUseCase.execute({\n                id: this.file.id,\n                data: {\n                    name: data.name as string,\n                    description: data.description as string,\n                    tags: data.tags as string[],\n                    accessControl: {\n                        type: data.accessControl as \"public\" | \"private-authenticated\"\n                    }\n                }\n            });\n            return true;\n        } finally {\n            runInAction(() => {\n                this.loading = null;\n            });\n        }\n    }\n\n    private buildForm(): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                name: fields.text().label(\"Name\").required().placeholder(\"Enter name\"),\n                description: fields\n                    .text()\n                    .label(\"Description\")\n                    .renderer(\"textarea\")\n                    .placeholder(\"Enter description\"),\n                tags: fields.text().label(\"Tags\").list().renderer(\"tags\").placeholder(\"Add tags\"),\n                accessControl: fields\n                    .text()\n                    .label(\"Access Control\")\n                    .help(\"Control who can access this file.\")\n                    .options([\n                        { label: \"Public\", value: \"public\" },\n                        { label: \"Private (Authenticated)\", value: \"private-authenticated\" }\n                    ])\n                    .defaultValue(\"public\")\n            }),\n            layout: layout => [\n                layout.row(\"name\"),\n                layout.row(\"description\"),\n                layout.row(\"tags\"),\n                layout.row(\"accessControl\")\n            ]\n        });\n    }\n\n    private buildPreviewUrl(): string | null {\n        if (!this.file?.key) {\n            return null;\n        }\n        const srcPrefix = this.settingsRepository.settings?.srcPrefix ?? \"\";\n        return `${srcPrefix}${this.file.key}`;\n    }\n}\n\nexport const FileDetailsPresenter = Abstraction.createImplementation({\n    implementation: FileDetailsPresenterImpl,\n    dependencies: [\n        GetFileUseCase,\n        UpdateFileUseCase,\n        DeleteFileUseCase,\n        FormModelFactory,\n        FileManagerPermissions,\n        GetSettingsRepository\n    ]\n});\n"],"names":["FileDetailsPresenterImpl","getFileUseCase","updateFileUseCase","deleteFileUseCase","formModelFactory","permissions","settingsRepository","makeAutoObservable","computed","undefined","id","runInAction","result","file","data","fields","layout","srcPrefix","FileDetailsPresenter","Abstraction","GetFileUseCase","UpdateFileUseCase","DeleteFileUseCase","FormModelFactory","FileManagerPermissions","GetSettingsRepository"],"mappings":"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"}