@comet/cms-admin 8.20.2 → 9.0.0-beta.1

package/lib/blocks/PhoneLinkBlock.js

@@ -1,27 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PhoneLinkBlock = void 0;
-var _admin = require("@comet/admin");
-var _reactIntl = require("react-intl");
-var _isPhoneNumber = require("../validation/isPhoneNumber");
-var _validatePhoneNumber = require("../validation/validatePhoneNumber");
-var _BlocksFinalForm = require("./form/BlocksFinalForm");
-var _createBlockSkeleton = require("./helpers/createBlockSkeleton");
-var _SelectPreviewComponent = require("./iframebridge/SelectPreviewComponent");
-var _types = require("./types");
-var _jsxRuntime = require("react/jsx-runtime");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var PhoneLinkBlock = exports.PhoneLinkBlock = _objectSpread(_objectSpread({}, (0, _createBlockSkeleton.createBlockSkeleton)()), {}, {
+import { Field, FinalFormInput } from "@comet/admin";
+import { FormattedMessage } from "react-intl";
+import { isPhoneNumber } from "../validation/isPhoneNumber";
+import { validatePhoneNumber } from "../validation/validatePhoneNumber";
+import { BlocksFinalForm } from "./form/BlocksFinalForm";
+import { createBlockSkeleton } from "./helpers/createBlockSkeleton";
+import { SelectPreviewComponent } from "./iframebridge/SelectPreviewComponent";
+import { BlockCategory } from "./types";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var PhoneLinkBlock = _objectSpread(_objectSpread({}, createBlockSkeleton()), {}, {
   name: "PhoneLink",
-  displayName: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  displayName: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.blocks.link.phone",
     defaultMessage: "Phone Number"
   }),
@@ -30,26 +24,26 @@ var PhoneLinkBlock = exports.PhoneLinkBlock = _objectSpread(_objectSpread({}, (0
       phone: undefined
     };
   },
-  category: _types.BlockCategory.Navigation,
+  category: BlockCategory.Navigation,
   isValid: function isValid(state) {
-    return state.phone ? (0, _isPhoneNumber.isPhoneNumber)(state.phone) : true;
+    return state.phone ? isPhoneNumber(state.phone) : true;
   },
   AdminComponent: function AdminComponent(_ref) {
     var state = _ref.state,
       updateState = _ref.updateState;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectPreviewComponent.SelectPreviewComponent, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BlocksFinalForm.BlocksFinalForm, {
+    return /*#__PURE__*/_jsx(SelectPreviewComponent, {
+      children: /*#__PURE__*/_jsx(BlocksFinalForm, {
         onSubmit: updateState,
         initialValues: state,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Field, {
-          label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        children: /*#__PURE__*/_jsx(Field, {
+          label: /*#__PURE__*/_jsx(FormattedMessage, {
             id: "comet.blocks.link.phone",
             defaultMessage: "Phone Number"
           }),
           name: "phone",
-          component: _admin.FinalFormInput,
+          component: FinalFormInput,
           fullWidth: true,
-          validate: _validatePhoneNumber.validatePhoneNumber
+          validate: validatePhoneNumber
         })
       })
     });

package/lib/blocks/PixelImageBlock.generated.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.namedOperations = void 0;
-var namedOperations = exports.namedOperations = {
+export var namedOperations = {
   Query: {
     ImageBlockDamFile: 'ImageBlockDamFile'
   }

package/lib/blocks/PixelImageBlock.js

@@ -1,27 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PixelImageBlock = void 0;
-var _client = require("@apollo/client");
-var _admin = require("@comet/admin");
-var _adminIcons = require("@comet/admin-icons");
-var _styles = require("@mui/material/styles");
-var _utils = require("@mui/x-data-grid/utils/utils");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _CometConfigContext = require("../config/CometConfigContext");
-var _damConfig = require("../dam/config/damConfig");
-var _useDamAcceptedMimeTypes = require("../dam/config/useDamAcceptedMimeTypes");
-var _FileField = require("../form/file/FileField");
-var _BlocksFinalForm = require("./form/BlocksFinalForm");
-var _createBlockSkeleton = require("./helpers/createBlockSkeleton");
-var _SelectPreviewComponent = require("./iframebridge/SelectPreviewComponent");
-var _EditImageDialog = require("./image/EditImageDialog");
-var _types = require("./types");
-var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -40,6 +17,23 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { gql } from "@apollo/client";
+import { Field } from "@comet/admin";
+import { Crop } from "@comet/admin-icons";
+import { styled } from "@mui/material/styles";
+import { deepClone } from "@mui/x-data-grid/utils/utils";
+import { useCallback, useState } from "react";
+import { FormattedMessage } from "react-intl";
+import { useCometConfig } from "../config/CometConfigContext";
+import { useDamBasePath } from "../dam/config/damConfig";
+import { useDamAcceptedMimeTypes } from "../dam/config/useDamAcceptedMimeTypes";
+import { FileField } from "../form/file/FileField";
+import { BlocksFinalForm } from "./form/BlocksFinalForm";
+import { createBlockSkeleton } from "./helpers/createBlockSkeleton";
+import { SelectPreviewComponent } from "./iframebridge/SelectPreviewComponent";
+import { EditImageDialog } from "./image/EditImageDialog";
+import { BlockCategory } from "./types";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function createPreviewUrl(_ref, _ref2) {
   var damFile = _ref.damFile,
     cropArea = _ref.cropArea;
@@ -59,9 +53,9 @@ function createPreviewUrl(_ref, _ref2) {
   var url = new URL(urlTemplate.replace("$fileId", damFile.id).replace("$crop", crop.join(":")).replace("$fileName", filename));
   return url.toString();
 }
-var PixelImageBlock = exports.PixelImageBlock = _objectSpread(_objectSpread({}, (0, _createBlockSkeleton.createBlockSkeleton)()), {}, {
+export var PixelImageBlock = _objectSpread(_objectSpread({}, createBlockSkeleton()), {}, {
   name: "Image",
-  displayName: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  displayName: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.blocks.image",
     defaultMessage: "Image"
   }),
@@ -71,7 +65,7 @@ var PixelImageBlock = exports.PixelImageBlock = _objectSpread(_objectSpread({},
       cropArea: undefined
     };
   },
-  category: _types.BlockCategory.Media,
+  category: BlockCategory.Media,
   createPreviewState: function createPreviewState(state, previewContext) {
     return _objectSpread(_objectSpread({}, state), {}, {
       urlTemplate: createPreviewUrl(state, {
@@ -107,7 +101,7 @@ var PixelImageBlock = exports.PixelImageBlock = _objectSpread(_objectSpread({},
           case 1:
             _context.n = 2;
             return apolloClient.query({
-              query: (0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                query ImageBlockDamFile($id: ID!) {\n                    damFile(id: $id) {\n                        id\n                        name\n                        size\n                        mimetype\n                        contentHash\n                        title\n                        altText\n                        archived\n                        image {\n                            width\n                            height\n                            cropArea {\n                                focalPoint\n                                width\n                                height\n                                x\n                                y\n                            }\n                        }\n                        fileUrl\n                    }\n                }\n            "]))),
+              query: gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                query ImageBlockDamFile($id: ID!) {\n                    damFile(id: $id) {\n                        id\n                        name\n                        size\n                        mimetype\n                        contentHash\n                        title\n                        altText\n                        archived\n                        image {\n                            width\n                            height\n                            cropArea {\n                                focalPoint\n                                width\n                                height\n                                x\n                                y\n                            }\n                        }\n                        fileUrl\n                    }\n                }\n            "]))),
               variables: {
                 id: output.damFileId
               }
@@ -145,7 +139,7 @@ var PixelImageBlock = exports.PixelImageBlock = _objectSpread(_objectSpread({},
     return dependencies;
   },
   replaceDependenciesInOutput: function replaceDependenciesInOutput(output, replacements) {
-    var clonedOutput = (0, _utils.deepClone)(output);
+    var clonedOutput = deepClone(output);
     var replacement = replacements.find(function (replacement) {
       return replacement.type === "DamFile" && replacement.originalId === output.damFileId;
     });
@@ -159,19 +153,19 @@ var PixelImageBlock = exports.PixelImageBlock = _objectSpread(_objectSpread({},
     var _state$damFile2, _state$cropArea;
     var state = _ref4.state,
       updateState = _ref4.updateState;
-    var _useState = (0, _react.useState)(false),
+    var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       open = _useState2[0],
       setOpen = _useState2[1];
-    var _useCometConfig = (0, _CometConfigContext.useCometConfig)(),
+    var _useCometConfig = useCometConfig(),
       apiUrl = _useCometConfig.apiUrl;
-    var damBasePath = (0, _damConfig.useDamBasePath)();
-    var _useDamAcceptedMimeTy = (0, _useDamAcceptedMimeTypes.useDamAcceptedMimeTypes)(),
+    var damBasePath = useDamBasePath();
+    var _useDamAcceptedMimeTy = useDamAcceptedMimeTypes(),
       filteredAcceptedMimeTypes = _useDamAcceptedMimeTy.filteredAcceptedMimeTypes;
 
     // useSyncImageAttributes({ state, updateState });
 
-    var handleClose = (0, _react.useCallback)(function () {
+    var handleClose = useCallback(function () {
       setOpen(false);
     }, [setOpen]);
     var handleCropClick = function handleCropClick() {
@@ -185,8 +179,8 @@ var PixelImageBlock = exports.PixelImageBlock = _objectSpread(_objectSpread({},
       },
       damBasePath: damBasePath
     });
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SelectPreviewComponent.SelectPreviewComponent, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BlocksFinalForm.BlocksFinalForm, {
+    return /*#__PURE__*/_jsxs(SelectPreviewComponent, {
+      children: [/*#__PURE__*/_jsx(BlocksFinalForm, {
         onSubmit: function onSubmit(newValues) {
           updateState(function (prevState) {
             return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -198,30 +192,30 @@ var PixelImageBlock = exports.PixelImageBlock = _objectSpread(_objectSpread({},
         initialValues: {
           damFile: state.damFile
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Field, {
+        children: /*#__PURE__*/_jsx(Field, {
           name: "damFile",
-          component: _FileField.FileField,
+          component: FileField,
           fullWidth: true,
-          buttonText: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+          buttonText: /*#__PURE__*/_jsx(FormattedMessage, {
             id: "comet.blocks.image.chooseImage",
             defaultMessage: "Choose image"
           }),
           allowedMimetypes: filteredAcceptedMimeTypes.pixelImage,
-          preview: /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviewImage, {
+          preview: /*#__PURE__*/_jsx(PreviewImage, {
             src: previewUrl,
             width: "70",
             height: "70"
           }),
           menuActions: [{
-            label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+            label: /*#__PURE__*/_jsx(FormattedMessage, {
               id: "comet.blocks.image.cropImage",
               defaultMessage: "Crop image"
             }),
-            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Crop, {}),
+            icon: /*#__PURE__*/_jsx(Crop, {}),
             onClick: handleCropClick
           }]
         })
-      }), open && ((_state$damFile2 = state.damFile) === null || _state$damFile2 === void 0 ? void 0 : _state$damFile2.image) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditImageDialog.EditImageDialog, {
+      }), open && ((_state$damFile2 = state.damFile) === null || _state$damFile2 === void 0 ? void 0 : _state$damFile2.image) && /*#__PURE__*/_jsx(EditImageDialog, {
         image: {
           name: state.damFile.name,
           url: state.damFile.fileUrl,
@@ -280,7 +274,7 @@ var PixelImageBlock = exports.PixelImageBlock = _objectSpread(_objectSpread({},
     return contents;
   }
 });
-var PreviewImage = /*#__PURE__*/(0, _styles.styled)("img", process.env.NODE_ENV === "production" ? {
+var PreviewImage = /*#__PURE__*/styled("img", process.env.NODE_ENV === "production" ? {
   target: "eplad9t0"
 } : {
   target: "eplad9t0",

package/lib/blocks/SpaceBlock.js

@@ -1,31 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SpaceBlock = void 0;
-var _admin = require("@comet/admin");
-var _reactIntl = require("react-intl");
-var _BlocksFinalForm = require("./form/BlocksFinalForm");
-var _createBlockSkeleton = require("./helpers/createBlockSkeleton");
-var _SelectPreviewComponent = require("./iframebridge/SelectPreviewComponent");
-var _types = require("./types");
-var _jsxRuntime = require("react/jsx-runtime");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { Field, FinalFormInput } from "@comet/admin";
+import { FormattedMessage, useIntl } from "react-intl";
+import { BlocksFinalForm } from "./form/BlocksFinalForm";
+import { createBlockSkeleton } from "./helpers/createBlockSkeleton";
+import { SelectPreviewComponent } from "./iframebridge/SelectPreviewComponent";
+import { BlockCategory } from "./types";
+import { jsx as _jsx } from "react/jsx-runtime";
 var isHeightValid = function isHeightValid(h) {
   return h <= 1000;
 };
 var DEFAULT_HEIGHT = 100;
 
 /** @deprecated The `SpaceBlock` is deprecated. It will be removed in the next major version. Use createSpaceBlock instead. */
-var SpaceBlock = exports.SpaceBlock = _objectSpread(_objectSpread({}, (0, _createBlockSkeleton.createBlockSkeleton)()), {}, {
+export var SpaceBlock = _objectSpread(_objectSpread({}, createBlockSkeleton()), {}, {
   name: "Space",
-  displayName: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  displayName: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.blocks.space",
     defaultMessage: "Space"
   }),
@@ -34,7 +28,7 @@ var SpaceBlock = exports.SpaceBlock = _objectSpread(_objectSpread({}, (0, _creat
       height: DEFAULT_HEIGHT
     };
   },
-  category: _types.BlockCategory.Layout,
+  category: BlockCategory.Layout,
   createPreviewState: function createPreviewState(state, previewContext) {
     return _objectSpread(_objectSpread({}, SpaceBlock.isValid(state) ? state : SpaceBlock.defaultValues()), {}, {
       adminMeta: {
@@ -48,12 +42,12 @@ var SpaceBlock = exports.SpaceBlock = _objectSpread(_objectSpread({}, (0, _creat
   AdminComponent: function AdminComponent(_ref) {
     var state = _ref.state,
       updateState = _ref.updateState;
-    var intl = (0, _reactIntl.useIntl)();
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectPreviewComponent.SelectPreviewComponent, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BlocksFinalForm.BlocksFinalForm, {
+    var intl = useIntl();
+    return /*#__PURE__*/_jsx(SelectPreviewComponent, {
+      children: /*#__PURE__*/_jsx(BlocksFinalForm, {
         onSubmit: updateState,
         initialValues: state,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Field, {
+        children: /*#__PURE__*/_jsx(Field, {
           validate: function validate(v) {
             if (!isHeightValid(v)) {
               return intl.formatMessage({
@@ -64,14 +58,14 @@ var SpaceBlock = exports.SpaceBlock = _objectSpread(_objectSpread({}, (0, _creat
               });
             }
           },
-          label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+          label: /*#__PURE__*/_jsx(FormattedMessage, {
             id: "comet.blocks.space.height",
             defaultMessage: "Height"
           }),
           name: "height",
           type: "number",
           required: true,
-          component: _admin.FinalFormInput,
+          component: FinalFormInput,
           parse: function parse(v) {
             return v ? Number(v) : 0;
           },

package/lib/blocks/SvgImageBlock.generated.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.namedOperations = void 0;
-var namedOperations = exports.namedOperations = {
+export var namedOperations = {
   Query: {
     SvgImageBlockDamFile: 'SvgImageBlockDamFile'
   }

package/lib/blocks/SvgImageBlock.js

@@ -1,21 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SvgImageBlock = void 0;
-var _client = require("@apollo/client");
-var _admin = require("@comet/admin");
-var _utils = require("@mui/x-data-grid/utils/utils");
-var _reactIntl = require("react-intl");
-var _CometConfigContext = require("../config/CometConfigContext");
-var _useDamAcceptedMimeTypes = require("../dam/config/useDamAcceptedMimeTypes");
-var _FileField = require("../form/file/FileField");
-var _BlocksFinalForm = require("./form/BlocksFinalForm");
-var _createBlockSkeleton = require("./helpers/createBlockSkeleton");
-var _SelectPreviewComponent = require("./iframebridge/SelectPreviewComponent");
-var _types = require("./types");
-var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
@@ -28,22 +10,34 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { gql } from "@apollo/client";
+import { Field } from "@comet/admin";
+import { deepClone } from "@mui/x-data-grid/utils/utils";
+import { FormattedMessage } from "react-intl";
+import { useCometConfig } from "../config/CometConfigContext";
+import { useDamAcceptedMimeTypes } from "../dam/config/useDamAcceptedMimeTypes";
+import { FileField } from "../form/file/FileField";
+import { BlocksFinalForm } from "./form/BlocksFinalForm";
+import { createBlockSkeleton } from "./helpers/createBlockSkeleton";
+import { SelectPreviewComponent } from "./iframebridge/SelectPreviewComponent";
+import { BlockCategory } from "./types";
+import { jsx as _jsx } from "react/jsx-runtime";
 function createPreviewUrl(_ref, _ref2) {
   var damFile = _ref.damFile;
   var apiUrl = _ref2.apiUrl;
   if (!damFile) return "";
   return "".concat(apiUrl).concat(damFile.fileUrl);
 }
-var SvgImageBlock = exports.SvgImageBlock = _objectSpread(_objectSpread({}, (0, _createBlockSkeleton.createBlockSkeleton)()), {}, {
+export var SvgImageBlock = _objectSpread(_objectSpread({}, createBlockSkeleton()), {}, {
   name: "SVG",
-  displayName: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+  displayName: /*#__PURE__*/_jsx(FormattedMessage, {
     id: "comet.blocks.svgImage",
     defaultMessage: "SVG"
   }),
   defaultValues: function defaultValues() {
     return {};
   },
-  category: _types.BlockCategory.Media,
+  category: BlockCategory.Media,
   createPreviewState: function createPreviewState(state, previewContext) {
     return _objectSpread(_objectSpread({}, state), {}, {
       damFile: state.damFile ? _objectSpread(_objectSpread({}, state.damFile), {}, {
@@ -79,7 +73,7 @@ var SvgImageBlock = exports.SvgImageBlock = _objectSpread(_objectSpread({}, (0,
           case 1:
             _context.n = 2;
             return apolloClient.query({
-              query: (0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                query SvgImageBlockDamFile($id: ID!) {\n                    damFile(id: $id) {\n                        id\n                        name\n                        size\n                        mimetype\n                        contentHash\n                        title\n                        altText\n                        archived\n                        fileUrl\n                    }\n                }\n            "]))),
+              query: gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                query SvgImageBlockDamFile($id: ID!) {\n                    damFile(id: $id) {\n                        id\n                        name\n                        size\n                        mimetype\n                        contentHash\n                        title\n                        altText\n                        archived\n                        fileUrl\n                    }\n                }\n            "]))),
               variables: {
                 id: output.damFileId
               }
@@ -116,7 +110,7 @@ var SvgImageBlock = exports.SvgImageBlock = _objectSpread(_objectSpread({}, (0,
     return dependencies;
   },
   replaceDependenciesInOutput: function replaceDependenciesInOutput(output, replacements) {
-    var clonedOutput = (0, _utils.deepClone)(output);
+    var clonedOutput = deepClone(output);
     var replacement = replacements.find(function (replacement) {
       return replacement.type === "DamFile" && replacement.originalId === output.damFileId;
     });
@@ -129,15 +123,15 @@ var SvgImageBlock = exports.SvgImageBlock = _objectSpread(_objectSpread({}, (0,
   AdminComponent: function AdminComponent(_ref4) {
     var state = _ref4.state,
       updateState = _ref4.updateState;
-    var _useCometConfig = (0, _CometConfigContext.useCometConfig)(),
+    var _useCometConfig = useCometConfig(),
       apiUrl = _useCometConfig.apiUrl;
-    var _useDamAcceptedMimeTy = (0, _useDamAcceptedMimeTypes.useDamAcceptedMimeTypes)(),
+    var _useDamAcceptedMimeTy = useDamAcceptedMimeTypes(),
       filteredAcceptedMimeTypes = _useDamAcceptedMimeTy.filteredAcceptedMimeTypes;
     var previewUrl = createPreviewUrl(state, {
       apiUrl: apiUrl
     });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectPreviewComponent.SelectPreviewComponent, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BlocksFinalForm.BlocksFinalForm, {
+    return /*#__PURE__*/_jsx(SelectPreviewComponent, {
+      children: /*#__PURE__*/_jsx(BlocksFinalForm, {
         onSubmit: function onSubmit(newValues) {
           updateState(function (prevState) {
             return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -148,16 +142,16 @@ var SvgImageBlock = exports.SvgImageBlock = _objectSpread(_objectSpread({}, (0,
         initialValues: {
           damFile: state.damFile
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Field, {
+        children: /*#__PURE__*/_jsx(Field, {
           name: "damFile",
-          component: _FileField.FileField,
+          component: FileField,
           fullWidth: true,
-          buttonText: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+          buttonText: /*#__PURE__*/_jsx(FormattedMessage, {
             id: "comet.blocks.image.chooseImage",
             defaultMessage: "Choose image"
           }),
           allowedMimetypes: filteredAcceptedMimeTypes.svgImage,
-          preview: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          preview: /*#__PURE__*/_jsx("img", {
             src: previewUrl,
             width: "70",
             height: "70"