@webiny/app-file-manager 6.0.0-beta.0 → 6.0.0-rc.0

package/modules/SecurityPermissions.js

@@ -0,0 +1,36 @@
+import React from "react";
+import { AdminConfig } from "@webiny/app-admin";
+import { ReactComponent as PermissionsIcon } from "@webiny/icons/folder_open.svg";
+const {
+  Security
+} = AdminConfig;
+export const SecurityPermissions = () => {
+  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(Security.Permissions, {
+    name: "file-manager",
+    title: "File Manager",
+    description: "Manage File Manager permissions.",
+    icon: /*#__PURE__*/React.createElement(PermissionsIcon, null),
+    schema: {
+      prefix: "fm",
+      fullAccess: {
+        name: "fm.*"
+      },
+      entities: [{
+        id: "file",
+        title: "File",
+        scopes: ["full", "own"],
+        permission: "fm.file",
+        actions: [{
+          name: "rwd"
+        }]
+      }, {
+        id: "settings",
+        title: "Settings",
+        scopes: ["full"],
+        permission: "fm.settings"
+      }]
+    }
+  }));
+};
+
+//# sourceMappingURL=SecurityPermissions.js.map

package/modules/SecurityPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AdminConfig","ReactComponent","PermissionsIcon","Security","SecurityPermissions","createElement","Permissions","name","title","description","icon","schema","prefix","fullAccess","entities","id","scopes","permission","actions"],"sources":["SecurityPermissions.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { ReactComponent as PermissionsIcon } from \"@webiny/icons/folder_open.svg\";\n\nconst { Security } = AdminConfig;\n\nexport const SecurityPermissions = () => {\n    return (\n        <AdminConfig>\n            <Security.Permissions\n                name=\"file-manager\"\n                title=\"File Manager\"\n                description=\"Manage File Manager permissions.\"\n                icon={<PermissionsIcon />}\n                schema={{\n                    prefix: \"fm\",\n                    fullAccess: { name: \"fm.*\" },\n                    entities: [\n                        {\n                            id: \"file\",\n                            title: \"File\",\n                            scopes: [\"full\", \"own\"],\n                            permission: \"fm.file\",\n                            actions: [\n                                {\n                                    name: \"rwd\"\n                                }\n                            ]\n                        },\n                        {\n                            id: \"settings\",\n                            title: \"Settings\",\n                            scopes: [\"full\"],\n                            permission: \"fm.settings\"\n                        }\n                    ]\n                }}\n            />\n        </AdminConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,cAAc,IAAIC,eAAe,QAAQ,+BAA+B;AAEjF,MAAM;EAAEC;AAAS,CAAC,GAAGH,WAAW;AAEhC,OAAO,MAAMI,mBAAmB,GAAGA,CAAA,KAAM;EACrC,oBACIL,KAAA,CAAAM,aAAA,CAACL,WAAW,qBACRD,KAAA,CAAAM,aAAA,CAACF,QAAQ,CAACG,WAAW;IACjBC,IAAI,EAAC,cAAc;IACnBC,KAAK,EAAC,cAAc;IACpBC,WAAW,EAAC,kCAAkC;IAC9CC,IAAI,eAAEX,KAAA,CAAAM,aAAA,CAACH,eAAe,MAAE,CAAE;IAC1BS,MAAM,EAAE;MACJC,MAAM,EAAE,IAAI;MACZC,UAAU,EAAE;QAAEN,IAAI,EAAE;MAAO,CAAC;MAC5BO,QAAQ,EAAE,CACN;QACIC,EAAE,EAAE,MAAM;QACVP,KAAK,EAAE,MAAM;QACbQ,MAAM,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;QACvBC,UAAU,EAAE,SAAS;QACrBC,OAAO,EAAE,CACL;UACIX,IAAI,EAAE;QACV,CAAC;MAET,CAAC,EACD;QACIQ,EAAE,EAAE,UAAU;QACdP,KAAK,EAAE,UAAU;QACjBQ,MAAM,EAAE,CAAC,MAAM,CAAC;QAChBC,UAAU,EAAE;MAChB,CAAC;IAET;EAAE,CACL,CACQ,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/Settings/graphql.js

@@ -1,18 +1,35 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
-var _templateObject, _templateObject2;
-var fields = /* GraphQL */"\n    {\n        data {\n            uploadMinFileSize\n            uploadMaxFileSize\n            srcPrefix\n        }\n    }\n";
-var graphql = {
-  GET_SETTINGS: (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n            query GetFileManagerSettings {\n                fileManager {\n                    getSettings", "\n                }\n            }\n        "])), fields),
-  UPDATE_SETTINGS: (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n        mutation UpdateFileManagerSettings($data: FmSettingsInput) {\n            fileManager {\n                updateSettings(data: $data) ", "\n            }\n        }\n    "])), fields)
+import gql from "graphql-tag";
+const fields = /* GraphQL */`
+    {
+        data {
+            uploadMinFileSize
+            uploadMaxFileSize
+            srcPrefix
+        }
+        error {
+            message
+            data
+            code
+            stack
+        }
+    }
+`;
+const graphql = {
+  GET_SETTINGS: gql`
+            query GetFileManagerSettings {
+                fileManager {
+                    getSettings${fields}
+                }
+            }
+        `,
+  UPDATE_SETTINGS: gql`
+        mutation UpdateFileManagerSettings($data: FmSettingsInput) {
+            fileManager {
+                updateSettings(data: $data) ${fields}
+            }
+        }
+    `
 };
-var _default = exports.default = graphql;
+export default graphql;
 
 //# sourceMappingURL=graphql.js.map

package/modules/Settings/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["_graphqlTag","_interopRequireDefault","require","_templateObject","_templateObject2","fields","graphql","GET_SETTINGS","gql","_taggedTemplateLiteral2","default","UPDATE_SETTINGS","_default","exports"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nconst fields = /* GraphQL */ `\n    {\n        data {\n            uploadMinFileSize\n            uploadMaxFileSize\n            srcPrefix\n        }\n    }\n`;\n\nexport interface GetSettingsResponse {\n    fileManager: {\n        getSettings: {\n            data: Record<string, any>;\n        };\n    };\n}\n\nconst graphql = {\n    GET_SETTINGS: gql`\n            query GetFileManagerSettings {\n                fileManager {\n                    getSettings${fields}\n                }\n            }\n        `,\n    UPDATE_SETTINGS: gql`\n        mutation UpdateFileManagerSettings($data: FmSettingsInput) {\n            fileManager {\n                updateSettings(data: $data) ${fields}\n            }\n        }\n    `\n};\n\nexport default graphql;\n"],"mappings":";;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8B,IAAAC,eAAA,EAAAC,gBAAA;AAE9B,IAAMC,MAAM,GAAG,+IAQd;AAUD,IAAMC,OAAO,GAAG;EACZC,YAAY,MAAEC,mBAAG,EAAAL,eAAA,KAAAA,eAAA,OAAAM,uBAAA,CAAAC,OAAA,sKAGYL,MAAM,CAG9B;EACLM,eAAe,MAAEH,mBAAG,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,uBAAA,CAAAC,OAAA,6LAGsBL,MAAM;AAIpD,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAH,OAAA,GAEaJ,OAAO","ignoreList":[]}
+{"version":3,"names":["gql","fields","graphql","GET_SETTINGS","UPDATE_SETTINGS"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nconst fields = /* GraphQL */ `\n    {\n        data {\n            uploadMinFileSize\n            uploadMaxFileSize\n            srcPrefix\n        }\n        error {\n            message\n            data\n            code\n            stack\n        }\n    }\n`;\n\nexport interface GetSettingsResponse {\n    fileManager: {\n        getSettings: {\n            data: Record<string, any>;\n        };\n    };\n}\n\nconst graphql = {\n    GET_SETTINGS: gql`\n            query GetFileManagerSettings {\n                fileManager {\n                    getSettings${fields}\n                }\n            }\n        `,\n    UPDATE_SETTINGS: gql`\n        mutation UpdateFileManagerSettings($data: FmSettingsInput) {\n            fileManager {\n                updateSettings(data: $data) ${fields}\n            }\n        }\n    `\n};\n\nexport default graphql;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,MAAMC,MAAM,GAAG,aAAc;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAUD,MAAMC,OAAO,GAAG;EACZC,YAAY,EAAEH,GAAG;AACrB;AACA;AACA,iCAAiCC,MAAM;AACvC;AACA;AACA,SAAS;EACLG,eAAe,EAAEJ,GAAG;AACxB;AACA;AACA,8CAA8CC,MAAM;AACpD;AACA;AACA;AACA,CAAC;AAED,eAAeC,OAAO","ignoreList":[]}

package/modules/Settings/index.js

@@ -1,36 +1,38 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SettingsModule = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _plugins = require("@webiny/plugins");
-var _app = require("@webiny/app");
-var _appSecurity = require("@webiny/app-security");
-var _appAdmin = require("@webiny/app-admin");
-var _installation = _interopRequireDefault(require("./plugins/installation"));
-var _permissionRenderer = _interopRequireDefault(require("./plugins/permissionRenderer"));
-var _FileManagerSettings = require("./views/FileManagerSettings");
-var SettingsModule = exports.SettingsModule = function SettingsModule() {
-  _plugins.plugins.register(_installation.default, _permissionRenderer.default);
-  return /*#__PURE__*/_react.default.createElement(_app.Plugin, null, /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
+import React from "react";
+import { AdminConfig, useRouter, AdminLayout } from "@webiny/app-admin";
+import { HasPermission } from "@webiny/app-admin";
+import { FileManagerSettings } from "./views/FileManagerSettings.js";
+import { Routes } from "../../routes.js";
+const {
+  Menu,
+  Route
+} = AdminConfig;
+export const SettingsModule = () => {
+  const {
+    getLink
+  } = useRouter();
+  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(HasPermission, {
     name: "fm.settings"
-  }, /*#__PURE__*/_react.default.createElement(_app.AddRoute, {
-    path: "/settings/file-manager/general"
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.Layout, {
-    title: "File Manager - General Settings"
-  }, /*#__PURE__*/_react.default.createElement(_FileManagerSettings.FileManagerSettings, null))), /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "settings"
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "settings.fileManager",
-    label: "File Manager"
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "settings.fileManager.general",
-    label: "General",
-    path: "/settings/file-manager/general"
-  })))));
+  }, /*#__PURE__*/React.createElement(Route, {
+    route: Routes.Settings,
+    element: /*#__PURE__*/React.createElement(AdminLayout, {
+      title: "File Manager - General Settings"
+    }, /*#__PURE__*/React.createElement(FileManagerSettings, null))
+  }), /*#__PURE__*/React.createElement(Menu, {
+    parent: "settings",
+    name: "settings.fm",
+    element: /*#__PURE__*/React.createElement(Menu.Group, {
+      text: "File Manager"
+    })
+  }), /*#__PURE__*/React.createElement(Menu, {
+    parent: "settings",
+    name: "settings.fm.general",
+    element: /*#__PURE__*/React.createElement(Menu.Link, {
+      text: "General",
+      to: getLink(Routes.Settings),
+      pinnable: true
+    })
+  })));
 };
 
 //# sourceMappingURL=index.js.map

package/modules/Settings/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_plugins","_app","_appSecurity","_appAdmin","_installation","_permissionRenderer","_FileManagerSettings","SettingsModule","exports","plugins","register","installation","permissionRenderer","default","createElement","Plugin","HasPermission","name","AddRoute","path","Layout","title","FileManagerSettings","AddMenu","label"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AddRoute, Plugin } from \"@webiny/app\";\nimport { HasPermission } from \"@webiny/app-security\";\nimport { AddMenu, Layout } from \"@webiny/app-admin\";\nimport installation from \"./plugins/installation\";\nimport permissionRenderer from \"./plugins/permissionRenderer\";\nimport { FileManagerSettings } from \"./views/FileManagerSettings\";\n\nexport const SettingsModule = () => {\n    plugins.register(installation, permissionRenderer);\n\n    return (\n        <Plugin>\n            <HasPermission name={\"fm.settings\"}>\n                <AddRoute path=\"/settings/file-manager/general\">\n                    <Layout title={\"File Manager - General Settings\"}>\n                        <FileManagerSettings />\n                    </Layout>\n                </AddRoute>\n                <AddMenu name={\"settings\"}>\n                    <AddMenu name={\"settings.fileManager\"} label={\"File Manager\"}>\n                        <AddMenu\n                            name={\"settings.fileManager.general\"}\n                            label={\"General\"}\n                            path={\"/settings/file-manager/general\"}\n                        />\n                    </AddMenu>\n                </AddMenu>\n            </HasPermission>\n        </Plugin>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,mBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,oBAAA,GAAAP,OAAA;AAEO,IAAMQ,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAChCE,gBAAO,CAACC,QAAQ,CAACC,qBAAY,EAAEC,2BAAkB,CAAC;EAElD,oBACIf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,IAAA,CAAAc,MAAM,qBACHlB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,YAAA,CAAAc,aAAa;IAACC,IAAI,EAAE;EAAc,gBAC/BpB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,IAAA,CAAAiB,QAAQ;IAACC,IAAI,EAAC;EAAgC,gBAC3CtB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACX,SAAA,CAAAiB,MAAM;IAACC,KAAK,EAAE;EAAkC,gBAC7CxB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACR,oBAAA,CAAAgB,mBAAmB,MAAE,CAClB,CACF,CAAC,eACXzB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACX,SAAA,CAAAoB,OAAO;IAACN,IAAI,EAAE;EAAW,gBACtBpB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACX,SAAA,CAAAoB,OAAO;IAACN,IAAI,EAAE,sBAAuB;IAACO,KAAK,EAAE;EAAe,gBACzD3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACX,SAAA,CAAAoB,OAAO;IACJN,IAAI,EAAE,8BAA+B;IACrCO,KAAK,EAAE,SAAU;IACjBL,IAAI,EAAE;EAAiC,CAC1C,CACI,CACJ,CACE,CACX,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","AdminConfig","useRouter","AdminLayout","HasPermission","FileManagerSettings","Routes","Menu","Route","SettingsModule","getLink","createElement","name","route","Settings","element","title","parent","Group","text","Link","to","pinnable"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig, useRouter, AdminLayout } from \"@webiny/app-admin\";\nimport { HasPermission } from \"@webiny/app-admin\";\nimport { FileManagerSettings } from \"./views/FileManagerSettings.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst { Menu, Route } = AdminConfig;\n\nexport const SettingsModule = () => {\n    const { getLink } = useRouter();\n\n    return (\n        <AdminConfig>\n            <HasPermission name={\"fm.settings\"}>\n                <Route\n                    route={Routes.Settings}\n                    element={\n                        <AdminLayout title={\"File Manager - General Settings\"}>\n                            <FileManagerSettings />\n                        </AdminLayout>\n                    }\n                />\n                <Menu\n                    parent={\"settings\"}\n                    name={\"settings.fm\"}\n                    element={<Menu.Group text={\"File Manager\"} />}\n                />\n                <Menu\n                    parent={\"settings\"}\n                    name={\"settings.fm.general\"}\n                    element={\n                        <Menu.Link text={\"General\"} to={getLink(Routes.Settings)} pinnable={true} />\n                    }\n                />\n            </HasPermission>\n        </AdminConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,EAAEC,SAAS,EAAEC,WAAW,QAAQ,mBAAmB;AACvE,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,mBAAmB;AAC5B,SAASC,MAAM;AAEf,MAAM;EAAEC,IAAI;EAAEC;AAAM,CAAC,GAAGP,WAAW;AAEnC,OAAO,MAAMQ,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAM;IAAEC;EAAQ,CAAC,GAAGR,SAAS,CAAC,CAAC;EAE/B,oBACIF,KAAA,CAAAW,aAAA,CAACV,WAAW,qBACRD,KAAA,CAAAW,aAAA,CAACP,aAAa;IAACQ,IAAI,EAAE;EAAc,gBAC/BZ,KAAA,CAAAW,aAAA,CAACH,KAAK;IACFK,KAAK,EAAEP,MAAM,CAACQ,QAAS;IACvBC,OAAO,eACHf,KAAA,CAAAW,aAAA,CAACR,WAAW;MAACa,KAAK,EAAE;IAAkC,gBAClDhB,KAAA,CAAAW,aAAA,CAACN,mBAAmB,MAAE,CACb;EAChB,CACJ,CAAC,eACFL,KAAA,CAAAW,aAAA,CAACJ,IAAI;IACDU,MAAM,EAAE,UAAW;IACnBL,IAAI,EAAE,aAAc;IACpBG,OAAO,eAAEf,KAAA,CAAAW,aAAA,CAACJ,IAAI,CAACW,KAAK;MAACC,IAAI,EAAE;IAAe,CAAE;EAAE,CACjD,CAAC,eACFnB,KAAA,CAAAW,aAAA,CAACJ,IAAI;IACDU,MAAM,EAAE,UAAW;IACnBL,IAAI,EAAE,qBAAsB;IAC5BG,OAAO,eACHf,KAAA,CAAAW,aAAA,CAACJ,IAAI,CAACa,IAAI;MAACD,IAAI,EAAE,SAAU;MAACE,EAAE,EAAEX,OAAO,CAACJ,MAAM,CAACQ,QAAQ,CAAE;MAACQ,QAAQ,EAAE;IAAK,CAAE;EAC9E,CACJ,CACU,CACN,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/Settings/views/FileManagerSettings.js

@@ -1,119 +1,152 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileManagerSettings = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var React = _interopRequireWildcard(require("react"));
-var _form = require("@webiny/form");
-var _Grid = require("@webiny/ui/Grid");
-var _Button = require("@webiny/ui/Button");
-var _reactComponents = require("@apollo/react-components");
-var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-var _Input = require("@webiny/ui/Input");
-var _graphql = _interopRequireDefault(require("../graphql"));
-var _Progress = require("@webiny/ui/Progress");
-var _get = _interopRequireDefault(require("lodash/get"));
-var _validation = require("@webiny/validation");
-var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
-var _appAdmin = require("@webiny/app-admin");
-function prefixValidator(value) {
-  if (!value.endsWith("/files/")) {
-    throw Error("File URL prefix must end with \"/files/\"");
-  }
-}
-var FileManagerSettings = exports.FileManagerSettings = function FileManagerSettings() {
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  return /*#__PURE__*/React.createElement(_reactComponents.Query, {
-    query: _graphql.default.GET_SETTINGS
-  }, function (_ref) {
-    var data = _ref.data,
-      queryInProgress = _ref.loading;
-    return /*#__PURE__*/React.createElement(_reactComponents.Mutation, {
-      mutation: _graphql.default.UPDATE_SETTINGS
-    }, function (update, result) {
-      var settings = (0, _get.default)(data, "fileManager.getSettings.data") || {};
-      var mutationInProgress = result.loading;
-      var _onSubmit = async function onSubmit(data) {
-        await update({
-          variables: {
-            data: {
-              uploadMinFileSize: parseFloat(data.uploadMinFileSize),
-              uploadMaxFileSize: parseFloat(data.uploadMaxFileSize),
-              srcPrefix: data.srcPrefix
-            }
-          },
-          update: function update(cache, result) {
-            var data = structuredClone(cache.readQuery({
-              query: _graphql.default.GET_SETTINGS
-            }));
-            if (!data) {
-              return;
-            }
-            data.fileManager.getSettings.data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data.fileManager.getSettings.data), result.data.fileManager.updateSettings.data);
-            cache.writeQuery({
-              query: _graphql.default.GET_SETTINGS,
-              data: data
-            });
+import * as React from "react";
+import { Button, Grid, Input, Link, OverlayLoader, Text, Heading } from "@webiny/admin-ui";
+import { Form, useBind } from "@webiny/form";
+import { Mutation, Query } from "@apollo/react-components";
+import { CenteredView, SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader, useDialogs, useSnackbar } from "@webiny/app-admin";
+import graphql from "../graphql.js";
+import get from "lodash/get.js";
+import { validation } from "@webiny/validation";
+const Code = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("code", {
+    className: "text-md font-bold"
+  }, children);
+};
+const textClassName = "mb-md";
+const headingLevel = 5;
+export const FileManagerSettings = () => {
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const {
+    showDialog
+  } = useDialogs();
+  const learnMore = () => {
+    showDialog({
+      title: "How to configure file delivery URL?",
+      content: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
+        as: "div",
+        className: textClassName
+      }, "The file delivery URL must include the ", /*#__PURE__*/React.createElement(Code, null, "/files/"), " path to reach Webiny Asset Delivery through AWS CloudFront. When configuring a custom domain, you have two options:"), /*#__PURE__*/React.createElement(Heading, {
+        level: headingLevel,
+        className: "mb-xs"
+      }, "Option 1: Custom domain directly on CloudFront"), /*#__PURE__*/React.createElement(Text, {
+        as: "div",
+        className: textClassName
+      }, "Keep the ", /*#__PURE__*/React.createElement(Code, null, "/files/"), " path in your URL.", /*#__PURE__*/React.createElement("br", null), "Example: ", /*#__PURE__*/React.createElement(Code, null, "https://mydomain.com/files/"), "."), /*#__PURE__*/React.createElement(Heading, {
+        level: headingLevel,
+        className: "mb-xs"
+      }, "Option 2: Additional CDN in front of CloudFront"), /*#__PURE__*/React.createElement(Text, {
+        as: "div",
+        className: textClassName
+      }, "Configure your CDN to forward requests to CloudFront's /files/ path. This lets you use a clean URL for users while maintaining the required path on the backend.", /*#__PURE__*/React.createElement("ul", {
+        className: "list-disc my-sm ml-md"
+      }, /*#__PURE__*/React.createElement("li", null, "User-facing URL: ", /*#__PURE__*/React.createElement(Code, null, "https://mydomain.com/")), /*#__PURE__*/React.createElement("li", null, "Your CDN forwards to: ", /*#__PURE__*/React.createElement(Code, null, "https://api.cloudfront.net/files/"))))),
+      acceptLabel: "Got it!",
+      cancelLabel: null
+    });
+  };
+  return /*#__PURE__*/React.createElement(Query, {
+    query: graphql.GET_SETTINGS
+  }, ({
+    data,
+    loading: queryInProgress
+  }) => /*#__PURE__*/React.createElement(Mutation, {
+    mutation: graphql.UPDATE_SETTINGS
+  }, (update, result) => {
+    const settings = get(data, "fileManager.getSettings.data") || {};
+    const {
+      loading: mutationInProgress
+    } = result;
+    const onSubmit = async data => {
+      await update({
+        variables: {
+          data: {
+            uploadMinFileSize: parseFloat(data.uploadMinFileSize),
+            uploadMaxFileSize: parseFloat(data.uploadMaxFileSize),
+            srcPrefix: data.srcPrefix
           }
-        });
-        showSnackbar("Settings updated successfully.");
-      };
-      return /*#__PURE__*/React.createElement(_appAdmin.CenteredView, null, /*#__PURE__*/React.createElement(_form.Form, {
-        data: settings,
-        onSubmit: function onSubmit(data) {
-          /**
-           * We are positive that data is Settings.
-           */
-          _onSubmit(data);
-        }
-      }, function (_ref2) {
-        var Bind = _ref2.Bind,
-          form = _ref2.form;
-        return /*#__PURE__*/React.createElement(_SimpleForm.SimpleForm, null, (queryInProgress || mutationInProgress) && /*#__PURE__*/React.createElement(_Progress.CircularProgress, null), /*#__PURE__*/React.createElement(_SimpleForm.SimpleFormHeader, {
-          title: "General Settings"
-        }), /*#__PURE__*/React.createElement(_SimpleForm.SimpleFormContent, null, /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/React.createElement(Bind, {
-          name: "uploadMinFileSize"
-        }, /*#__PURE__*/React.createElement(_Input.Input, {
-          type: "number",
-          label: "Minimum file upload size",
-          description: "The smallest file size in bytes."
-        }))))), /*#__PURE__*/React.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/React.createElement(Bind, {
-          name: "uploadMaxFileSize"
-        }, /*#__PURE__*/React.createElement(_Input.Input, {
-          type: "number",
-          label: "Maximum file upload size",
-          description: "The largest file size in bytes."
-        }))))), /*#__PURE__*/React.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/React.createElement(Bind, {
-          name: "srcPrefix",
-          validators: [_validation.validation.create("url"), prefixValidator]
-        }, /*#__PURE__*/React.createElement(_Input.Input, {
-          label: "File URL prefix",
-          description: "This prefix will be prepended to the file key to form the full file URL."
-        }))))))), /*#__PURE__*/React.createElement(_SimpleForm.SimpleFormFooter, null, /*#__PURE__*/React.createElement(_Button.ButtonPrimary, {
-          onClick: function onClick(ev) {
-            form.submit(ev);
+        },
+        update: (cache, result) => {
+          const data = structuredClone(cache.readQuery({
+            query: graphql.GET_SETTINGS
+          }));
+          if (!data) {
+            return;
           }
-        }, "Save Settings")));
-      }));
-    });
+          const error = result.data.fileManager.updateSettings.error;
+          if (error) {
+            showSnackbar(`Error updating settings: ${error.message}`);
+            console.error(error);
+            return;
+          }
+          data.fileManager.getSettings.data = {
+            ...data.fileManager.getSettings.data,
+            ...result.data.fileManager.updateSettings.data
+          };
+          cache.writeQuery({
+            query: graphql.GET_SETTINGS,
+            data
+          });
+          showSnackbar("Settings updated successfully.");
+        }
+      });
+    };
+    return /*#__PURE__*/React.createElement(CenteredView, null, /*#__PURE__*/React.createElement(Form, {
+      data: settings,
+      onSubmit: data => {
+        /**
+         * We are positive that data is Settings.
+         */
+        onSubmit(data);
+      }
+    }, ({
+      Bind,
+      form
+    }) => /*#__PURE__*/React.createElement(SimpleForm, null, (queryInProgress || mutationInProgress) && /*#__PURE__*/React.createElement(OverlayLoader, null), /*#__PURE__*/React.createElement(SimpleFormHeader, {
+      title: "General Settings"
+    }), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "uploadMinFileSize"
+    }, /*#__PURE__*/React.createElement(Input, {
+      type: "number",
+      label: "Minimum file upload size",
+      description: "The smallest file size in bytes."
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "uploadMaxFileSize"
+    }, /*#__PURE__*/React.createElement(Input, {
+      type: "number",
+      label: "Maximum file upload size",
+      description: "The largest file size in bytes."
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "srcPrefix",
+      validators: [validation.create("required,url")]
+    }, /*#__PURE__*/React.createElement(Input, {
+      label: "File delivery URL",
+      note: /*#__PURE__*/React.createElement(UrlPreview, null),
+      description: /*#__PURE__*/React.createElement(React.Fragment, null, "This URL will be prepended to the file key.\xA0", /*#__PURE__*/React.createElement(Link, {
+        to: "#",
+        onClick: learnMore
+      }, "How to configure?"))
+    }))))), /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(Button, {
+      text: "Save settings",
+      onClick: form.submit
+    })))));
+  }));
+};
+const UrlPreview = () => {
+  const deliveryUrl = useBind({
+    name: "srcPrefix"
   });
+  let prefix = deliveryUrl.value ?? "";
+  prefix = prefix.endsWith("/") ? prefix : `${prefix}/`;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, "Example URL: ", /*#__PURE__*/React.createElement("strong", null, prefix, "768bed3e544f/image.jpg"));
 };
 
 //# sourceMappingURL=FileManagerSettings.js.map

package/modules/Settings/views/FileManagerSettings.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_form","_Grid","_Button","_reactComponents","_useSnackbar2","_Input","_graphql","_interopRequireDefault","_Progress","_get","_validation","_SimpleForm","_appAdmin","prefixValidator","value","endsWith","Error","FileManagerSettings","exports","_useSnackbar","useSnackbar","showSnackbar","createElement","Query","query","graphql","GET_SETTINGS","_ref","data","queryInProgress","loading","Mutation","mutation","UPDATE_SETTINGS","update","result","settings","get","mutationInProgress","onSubmit","variables","uploadMinFileSize","parseFloat","uploadMaxFileSize","srcPrefix","cache","structuredClone","readQuery","fileManager","getSettings","_objectSpread2","default","updateSettings","writeQuery","CenteredView","Form","_ref2","Bind","form","SimpleForm","CircularProgress","SimpleFormHeader","title","SimpleFormContent","Grid","Cell","span","name","Input","type","label","description","validators","validation","create","SimpleFormFooter","ButtonPrimary","onClick","ev","submit"],"sources":["FileManagerSettings.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Form } from \"@webiny/form\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { Mutation, Query } from \"@apollo/react-components\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { Input } from \"@webiny/ui/Input\";\nimport graphql, { GetSettingsResponse } from \"../graphql\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport get from \"lodash/get\";\nimport { validation } from \"@webiny/validation\";\n\nimport {\n    SimpleForm,\n    SimpleFormContent,\n    SimpleFormFooter,\n    SimpleFormHeader\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport { CenteredView } from \"@webiny/app-admin\";\nimport { QueryGetSettingsResult, Settings } from \"~/types\";\nimport { MutationFunction, MutationResult } from \"@apollo/react-common\";\n\nfunction prefixValidator(value: string) {\n    if (!value.endsWith(\"/files/\")) {\n        throw Error(`File URL prefix must end with \"/files/\"`);\n    }\n}\n\nexport const FileManagerSettings = () => {\n    const { showSnackbar } = useSnackbar();\n\n    return (\n        <Query query={graphql.GET_SETTINGS}>\n            {({ data, loading: queryInProgress }: MutationResult<QueryGetSettingsResult>) => (\n                <Mutation mutation={graphql.UPDATE_SETTINGS}>\n                    {(update: MutationFunction, result: MutationResult) => {\n                        const settings = (get(data, \"fileManager.getSettings.data\") ||\n                            {}) as Settings;\n                        const { loading: mutationInProgress } = result;\n\n                        const onSubmit = async (data: Settings): Promise<void> => {\n                            await update({\n                                variables: {\n                                    data: {\n                                        uploadMinFileSize: parseFloat(data.uploadMinFileSize),\n                                        uploadMaxFileSize: parseFloat(data.uploadMaxFileSize),\n                                        srcPrefix: data.srcPrefix\n                                    }\n                                },\n                                update: (cache, result) => {\n                                    const data = structuredClone(\n                                        cache.readQuery<GetSettingsResponse>({\n                                            query: graphql.GET_SETTINGS\n                                        })\n                                    );\n                                    if (!data) {\n                                        return;\n                                    }\n\n                                    data.fileManager.getSettings.data = {\n                                        ...data.fileManager.getSettings.data,\n                                        ...result.data.fileManager.updateSettings.data\n                                    };\n\n                                    cache.writeQuery({\n                                        query: graphql.GET_SETTINGS,\n                                        data\n                                    });\n                                }\n                            });\n                            showSnackbar(\"Settings updated successfully.\");\n                        };\n                        return (\n                            <CenteredView>\n                                <Form\n                                    data={settings}\n                                    onSubmit={data => {\n                                        /**\n                                         * We are positive that data is Settings.\n                                         */\n                                        onSubmit(data as unknown as Settings);\n                                    }}\n                                >\n                                    {({ Bind, form }) => (\n                                        <SimpleForm>\n                                            {(queryInProgress || mutationInProgress) && (\n                                                <CircularProgress />\n                                            )}\n                                            <SimpleFormHeader title=\"General Settings\" />\n                                            <SimpleFormContent>\n                                                <Grid>\n                                                    <Cell span={12}>\n                                                        <Grid>\n                                                            <Cell span={12}>\n                                                                <Bind name={\"uploadMinFileSize\"}>\n                                                                    <Input\n                                                                        type=\"number\"\n                                                                        label=\"Minimum file upload size\"\n                                                                        description=\"The smallest file size in bytes.\"\n                                                                    />\n                                                                </Bind>\n                                                            </Cell>\n                                                        </Grid>\n                                                    </Cell>\n                                                    <Cell span={12}>\n                                                        <Grid>\n                                                            <Cell span={12}>\n                                                                <Bind name={\"uploadMaxFileSize\"}>\n                                                                    <Input\n                                                                        type=\"number\"\n                                                                        label=\"Maximum file upload size\"\n                                                                        description=\"The largest file size in bytes.\"\n                                                                    />\n                                                                </Bind>\n                                                            </Cell>\n                                                        </Grid>\n                                                    </Cell>\n                                                    <Cell span={12}>\n                                                        <Grid>\n                                                            <Cell span={12}>\n                                                                <Bind\n                                                                    name={\"srcPrefix\"}\n                                                                    validators={[\n                                                                        validation.create(\"url\"),\n                                                                        prefixValidator\n                                                                    ]}\n                                                                >\n                                                                    <Input\n                                                                        label=\"File URL prefix\"\n                                                                        description=\"This prefix will be prepended to the file key to form the full file URL.\"\n                                                                    />\n                                                                </Bind>\n                                                            </Cell>\n                                                        </Grid>\n                                                    </Cell>\n                                                </Grid>\n                                            </SimpleFormContent>\n                                            <SimpleFormFooter>\n                                                <ButtonPrimary\n                                                    onClick={ev => {\n                                                        form.submit(ev);\n                                                    }}\n                                                >\n                                                    Save Settings\n                                                </ButtonPrimary>\n                                            </SimpleFormFooter>\n                                        </SimpleForm>\n                                    )}\n                                </Form>\n                            </CenteredView>\n                        );\n                    }}\n                </Mutation>\n            )}\n        </Query>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Button","Grid","Input","Link","OverlayLoader","Text","Heading","Form","useBind","Mutation","Query","CenteredView","SimpleForm","SimpleFormContent","SimpleFormFooter","SimpleFormHeader","useDialogs","useSnackbar","graphql","get","validation","Code","children","createElement","className","textClassName","headingLevel","FileManagerSettings","showSnackbar","showDialog","learnMore","title","content","as","level","acceptLabel","cancelLabel","query","GET_SETTINGS","data","loading","queryInProgress","mutation","UPDATE_SETTINGS","update","result","settings","mutationInProgress","onSubmit","variables","uploadMinFileSize","parseFloat","uploadMaxFileSize","srcPrefix","cache","structuredClone","readQuery","error","fileManager","updateSettings","message","console","getSettings","writeQuery","Bind","form","Column","span","name","type","label","description","validators","create","note","UrlPreview","Fragment","to","onClick","text","submit","deliveryUrl","prefix","value","endsWith"],"sources":["FileManagerSettings.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Button, Grid, Input, Link, OverlayLoader, Text, Heading } from \"@webiny/admin-ui\";\nimport { Form, useBind } from \"@webiny/form\";\nimport { Mutation, Query } from \"@apollo/react-components\";\nimport {\n    CenteredView,\n    SimpleForm,\n    SimpleFormContent,\n    SimpleFormFooter,\n    SimpleFormHeader,\n    useDialogs,\n    useSnackbar\n} from \"@webiny/app-admin\";\nimport type { GetSettingsResponse } from \"../graphql.js\";\nimport graphql from \"../graphql.js\";\nimport get from \"lodash/get.js\";\nimport { validation } from \"@webiny/validation\";\nimport type { QueryGetSettingsResult, Settings } from \"~/types.js\";\nimport type { MutationFunction, MutationResult } from \"@apollo/react-common\";\n\nconst Code = ({ children }: { children: React.ReactNode }) => {\n    return <code className={\"text-md font-bold\"}>{children}</code>;\n};\n\nconst textClassName = \"mb-md\";\nconst headingLevel = 5;\n\nexport const FileManagerSettings = () => {\n    const { showSnackbar } = useSnackbar();\n\n    const { showDialog } = useDialogs();\n\n    const learnMore = () => {\n        showDialog({\n            title: \"How to configure file delivery URL?\",\n            content: (\n                <div>\n                    <Text as={\"div\"} className={textClassName}>\n                        The file delivery URL must include the <Code>/files/</Code> path to reach\n                        Webiny Asset Delivery through AWS CloudFront. When configuring a custom\n                        domain, you have two options:\n                    </Text>\n                    <Heading level={headingLevel} className={\"mb-xs\"}>\n                        Option 1: Custom domain directly on CloudFront\n                    </Heading>\n                    <Text as={\"div\"} className={textClassName}>\n                        Keep the <Code>/files/</Code> path in your URL.\n                        <br />\n                        Example: <Code>https://mydomain.com/files/</Code>.\n                    </Text>\n                    <Heading level={headingLevel} className={\"mb-xs\"}>\n                        Option 2: Additional CDN in front of CloudFront\n                    </Heading>\n                    <Text as={\"div\"} className={textClassName}>\n                        Configure your CDN to forward requests to CloudFront&apos;s /files/ path.\n                        This lets you use a clean URL for users while maintaining the required path\n                        on the backend.\n                        <ul className={\"list-disc my-sm ml-md\"}>\n                            <li>\n                                User-facing URL: <Code>https://mydomain.com/</Code>\n                            </li>\n                            <li>\n                                Your CDN forwards to: <Code>https://api.cloudfront.net/files/</Code>\n                            </li>\n                        </ul>\n                    </Text>\n                </div>\n            ),\n            acceptLabel: \"Got it!\",\n            cancelLabel: null\n        });\n    };\n\n    return (\n        <Query query={graphql.GET_SETTINGS}>\n            {({ data, loading: queryInProgress }: MutationResult<QueryGetSettingsResult>) => (\n                <Mutation mutation={graphql.UPDATE_SETTINGS}>\n                    {(update: MutationFunction, result: MutationResult) => {\n                        const settings = (get(data, \"fileManager.getSettings.data\") ||\n                            {}) as Settings;\n                        const { loading: mutationInProgress } = result;\n\n                        const onSubmit = async (data: Settings): Promise<void> => {\n                            await update({\n                                variables: {\n                                    data: {\n                                        uploadMinFileSize: parseFloat(data.uploadMinFileSize),\n                                        uploadMaxFileSize: parseFloat(data.uploadMaxFileSize),\n                                        srcPrefix: data.srcPrefix\n                                    }\n                                },\n                                update: (cache, result) => {\n                                    const data = structuredClone(\n                                        cache.readQuery<GetSettingsResponse>({\n                                            query: graphql.GET_SETTINGS\n                                        })\n                                    );\n                                    if (!data) {\n                                        return;\n                                    }\n                                    const error = result.data.fileManager.updateSettings.error;\n                                    if (error) {\n                                        showSnackbar(`Error updating settings: ${error.message}`);\n                                        console.error(error);\n                                        return;\n                                    }\n\n                                    data.fileManager.getSettings.data = {\n                                        ...data.fileManager.getSettings.data,\n                                        ...result.data.fileManager.updateSettings.data\n                                    };\n\n                                    cache.writeQuery({\n                                        query: graphql.GET_SETTINGS,\n                                        data\n                                    });\n                                    showSnackbar(\"Settings updated successfully.\");\n                                }\n                            });\n                        };\n                        return (\n                            <CenteredView>\n                                <Form\n                                    data={settings}\n                                    onSubmit={data => {\n                                        /**\n                                         * We are positive that data is Settings.\n                                         */\n                                        onSubmit(data as unknown as Settings);\n                                    }}\n                                >\n                                    {({ Bind, form }) => (\n                                        <SimpleForm>\n                                            {(queryInProgress || mutationInProgress) && (\n                                                <OverlayLoader />\n                                            )}\n                                            <SimpleFormHeader title=\"General Settings\" />\n                                            <SimpleFormContent>\n                                                <Grid>\n                                                    <Grid.Column span={12}>\n                                                        <Bind name={\"uploadMinFileSize\"}>\n                                                            <Input\n                                                                type=\"number\"\n                                                                label=\"Minimum file upload size\"\n                                                                description=\"The smallest file size in bytes.\"\n                                                            />\n                                                        </Bind>\n                                                    </Grid.Column>\n                                                    <Grid.Column span={12}>\n                                                        <Bind name={\"uploadMaxFileSize\"}>\n                                                            <Input\n                                                                type=\"number\"\n                                                                label=\"Maximum file upload size\"\n                                                                description=\"The largest file size in bytes.\"\n                                                            />\n                                                        </Bind>\n                                                    </Grid.Column>\n                                                    <Grid.Column span={12}>\n                                                        <Bind\n                                                            name={\"srcPrefix\"}\n                                                            validators={[\n                                                                validation.create(\"required,url\")\n                                                            ]}\n                                                        >\n                                                            <Input\n                                                                label=\"File delivery URL\"\n                                                                note={<UrlPreview />}\n                                                                description={\n                                                                    <>\n                                                                        This URL will be prepended\n                                                                        to the file key.&nbsp;\n                                                                        <Link\n                                                                            to=\"#\"\n                                                                            onClick={learnMore}\n                                                                        >\n                                                                            How to configure?\n                                                                        </Link>\n                                                                    </>\n                                                                }\n                                                            />\n                                                        </Bind>\n                                                    </Grid.Column>\n                                                </Grid>\n                                            </SimpleFormContent>\n                                            <SimpleFormFooter>\n                                                <Button\n                                                    text={\"Save settings\"}\n                                                    onClick={form.submit}\n                                                />\n                                            </SimpleFormFooter>\n                                        </SimpleForm>\n                                    )}\n                                </Form>\n                            </CenteredView>\n                        );\n                    }}\n                </Mutation>\n            )}\n        </Query>\n    );\n};\n\nconst UrlPreview = () => {\n    const deliveryUrl = useBind({\n        name: \"srcPrefix\"\n    });\n\n    let prefix = deliveryUrl.value ?? \"\";\n\n    prefix = prefix.endsWith(\"/\") ? prefix : `${prefix}/`;\n\n    return (\n        <>\n            Example URL: <strong>{prefix}768bed3e544f/image.jpg</strong>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/ThumbnailRenderers/FilePreviewDefaultRenderer.d.ts

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

package/modules/ThumbnailRenderers/FilePreviewDefaultRenderer.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { ReactComponent as HideImageIcon } from "@webiny/icons/hide_image.svg";
+export const FilePreviewDefaultRenderer = () => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "fill-neutral-strong"
+  }, /*#__PURE__*/React.createElement(HideImageIcon, {
+    width: 48,
+    height: 48
+  }));
+};
+
+//# sourceMappingURL=FilePreviewDefaultRenderer.js.map

package/modules/ThumbnailRenderers/FilePreviewDefaultRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","HideImageIcon","FilePreviewDefaultRenderer","createElement","className","width","height"],"sources":["FilePreviewDefaultRenderer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as HideImageIcon } from \"@webiny/icons/hide_image.svg\";\n\nexport const FilePreviewDefaultRenderer = () => {\n    return (\n        <div className={\"fill-neutral-strong\"}>\n            <HideImageIcon width={48} height={48} />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,IAAIC,aAAa,QAAQ,8BAA8B;AAE9E,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAM;EAC5C,oBACIH,KAAA,CAAAI,aAAA;IAAKC,SAAS,EAAE;EAAsB,gBAClCL,KAAA,CAAAI,aAAA,CAACF,aAAa;IAACI,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CACtC,CAAC;AAEd,CAAC","ignoreList":[]}

package/modules/ThumbnailRenderers/FilePreviewImageRenderer.d.ts

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

package/modules/ThumbnailRenderers/FilePreviewImageRenderer.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { Image } from "@webiny/app/components/index.js";
+import { useFile } from "../../hooks/useFile.js";
+const width750 = {
+  width: 750
+};
+export const FilePreviewImageRenderer = () => {
+  const {
+    file
+  } = useFile();
+  return /*#__PURE__*/React.createElement(Image, {
+    src: file.src,
+    alt: file.name,
+    transform: width750,
+    className: "object-contain max-w-full max-h-full"
+  });
+};
+
+//# sourceMappingURL=FilePreviewImageRenderer.js.map

package/modules/ThumbnailRenderers/FilePreviewImageRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","useFile","width750","width","FilePreviewImageRenderer","file","createElement","src","alt","name","transform","className"],"sources":["FilePreviewImageRenderer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/index.js\";\nimport { useFile } from \"~/hooks/useFile.js\";\n\nconst width750 = { width: 750 };\n\nexport const FilePreviewImageRenderer = () => {\n    const { file } = useFile();\n    return (\n        <Image\n            src={file.src}\n            alt={file.name}\n            transform={width750}\n            className={\"object-contain max-w-full max-h-full\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,QAAQ,iCAAiC;AACvD,SAASC,OAAO;AAEhB,MAAMC,QAAQ,GAAG;EAAEC,KAAK,EAAE;AAAI,CAAC;AAE/B,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EAC1C,MAAM;IAAEC;EAAK,CAAC,GAAGJ,OAAO,CAAC,CAAC;EAC1B,oBACIF,KAAA,CAAAO,aAAA,CAACN,KAAK;IACFO,GAAG,EAAEF,IAAI,CAACE,GAAI;IACdC,GAAG,EAAEH,IAAI,CAACI,IAAK;IACfC,SAAS,EAAER,QAAS;IACpBS,SAAS,EAAE;EAAuC,CACrD,CAAC;AAEV,CAAC","ignoreList":[]}

package/modules/ThumbnailRenderers/GridItemDefaultRenderer.d.ts

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