@crystaldesign/diva-backoffice 25.7.0-beta.2 → 25.7.0-beta.20

package/build/esm/index.js

@@ -75,7 +75,7 @@ import DeleteOutlined from '@ant-design/icons/DeleteOutlined';
 import JSONEditor from 'jsoneditor';
 import 'jsoneditor/dist/jsoneditor.css';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { MinusCircleOutlined, PlusOutlined, DownloadOutlined as DownloadOutlined$1, PlusSquareOutlined, DeleteOutlined as DeleteOutlined$1, FullscreenOutlined, FileUnknownOutlined, CloseOutlined as CloseOutlined$1, PlusCircleOutlined as PlusCircleOutlined$1, HomeOutlined as HomeOutlined$1, InboxOutlined, UploadOutlined as UploadOutlined$1, ReloadOutlined as ReloadOutlined$1 } from '@ant-design/icons';
+import { MinusCircleOutlined, PlusOutlined, DownloadOutlined as DownloadOutlined$1, PlusSquareOutlined, DeleteOutlined as DeleteOutlined$1, FullscreenOutlined, FileUnknownOutlined, CloseOutlined as CloseOutlined$1, PlusCircleOutlined as PlusCircleOutlined$1, HomeOutlined as HomeOutlined$1, InboxOutlined, UploadOutlined as UploadOutlined$1, InfoCircleOutlined as InfoCircleOutlined$1, ReloadOutlined as ReloadOutlined$1 } from '@ant-design/icons';
 import classnames from 'classnames';
 import RTFEditor from '@crystaldesign/rtf-editor';
 import debounce from 'lodash/debounce';
@@ -151,8 +151,8 @@ import PushpinOutlined from '@ant-design/icons/lib/icons/PushpinOutlined';
 function _createForOfIteratorHelper$n(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$n(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$n(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$n(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$n(r, a) : void 0; } }
 function _arrayLikeToArray$n(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-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 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; }
 var LOG$e = getLogger('Backoffice', 'ApplyMapping');
 function applyMapping (_ref) {
   var mappable = _ref.mappable,
@@ -173,10 +173,10 @@ function applyMapping (_ref) {
         var newValue = {};
         newValue[newKey] = valueToAdd;
         if ((startValue === null || startValue === void 0 ? void 0 : startValue[newKey]) != undefined) {
-          if (_typeof(startValue[newKey]) == 'object') startValue[newKey] = _objectSpread$_(_objectSpread$_({}, startValue[newKey]), valueToAdd);else startValue[newKey] = type == 'addToSourceValue' ? startValue[newKey] + valueToAdd : valueToAdd;
+          if (_typeof(startValue[newKey]) == 'object') startValue[newKey] = _objectSpread$$(_objectSpread$$({}, startValue[newKey]), valueToAdd);else startValue[newKey] = type == 'addToSourceValue' ? startValue[newKey] + valueToAdd : valueToAdd;
           return startValue;
         }
-        if (newIdx == 1) return _objectSpread$_(_objectSpread$_({}, startValue), newValue);
+        if (newIdx == 1) return _objectSpread$$(_objectSpread$$({}, startValue), newValue);
         return _getTarget(idx + 1, keys, startValue, newValue);
       };
       returnValue = _getTarget(0, key.split('.'), returnValue, value);
@@ -479,8 +479,8 @@ function getLeafColumns(columns) {
   });
 }
 
-function ownKeys$Z(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$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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; }
 var LOG$d = getLogger('Backoffice', 'ApiHandler');
 var jp = require('jsonpath');
 var _default$d = /*#__PURE__*/function () {
@@ -659,7 +659,7 @@ var _default$d = /*#__PURE__*/function () {
               _context2.next = 20;
               return fetch(finalUrl, {
                 method: this._updateMethod,
-                headers: _objectSpread$Z(_objectSpread$Z({}, jwt ? {
+                headers: _objectSpread$_(_objectSpread$_({}, jwt ? {
                   Authorization: 'Bearer ' + jwt
                 } : {}), {}, {
                   'Content-Type': 'application/json'
@@ -752,7 +752,7 @@ var _default$d = /*#__PURE__*/function () {
                   rootStore: this._rootStore,
                   fallBackToParams: true
                 });
-                if (data) createData = _objectSpread$Z({}, data);
+                if (data) createData = _objectSpread$_({}, data);
               } else if (data !== undefined) {
                 createData = applyMapping({
                   mappable: data,
@@ -1014,7 +1014,7 @@ var _default$d = /*#__PURE__*/function () {
               throw new Error('Read List endpoint is missing in configuration.');
             case 2:
               jwt = (_this$_rootStore5 = this._rootStore) === null || _this$_rootStore5 === void 0 ? void 0 : _this$_rootStore5.dataStore.jwt;
-              url = filterServerSide ? parseServersideFilters(_objectSpread$Z(_objectSpread$Z({}, filterServerSide), {}, {
+              url = filterServerSide ? parseServersideFilters(_objectSpread$_(_objectSpread$_({}, filterServerSide), {}, {
                 columns: this._filterFields ? filterServerSide.columns : undefined,
                 baseUrl: this._readListUrl,
                 prefilter: prefilter
@@ -1034,7 +1034,7 @@ var _default$d = /*#__PURE__*/function () {
               });
             case 6:
               response = _context8.sent;
-              return _context8.abrupt("return", _objectSpread$Z(_objectSpread$Z({}, response), {}, {
+              return _context8.abrupt("return", _objectSpread$_(_objectSpread$_({}, response), {}, {
                 data: response.data.map(function (d) {
                   return _this2.aplyJsonPath(d, _this2._readJsonPath);
                 })
@@ -1058,7 +1058,7 @@ var _default$d = /*#__PURE__*/function () {
         throw new Error('Read List endpoint is missing in configuration.');
       }
       (_this$_rootStore6 = this._rootStore) === null || _this$_rootStore6 === void 0 ? void 0 : _this$_rootStore6.dataStore.jwt;
-      var url = filterServerSide ? parseServersideFilters(_objectSpread$Z(_objectSpread$Z({}, filterServerSide), {}, {
+      var url = filterServerSide ? parseServersideFilters(_objectSpread$_(_objectSpread$_({}, filterServerSide), {}, {
         columns: this._filterFields ? filterServerSide.columns : undefined,
         baseUrl: this._readListUrl,
         prefilter: prefilter
@@ -1265,8 +1265,8 @@ var _default$c = /*#__PURE__*/function (_ApiHandler) {
   }]);
 }(_default$d);
 
-function ownKeys$Y(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$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$Z(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$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper$5(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$5() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$5() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$5 = function _isNativeReflectConstruct() { return !!t; })(); }
 var _default$b = /*#__PURE__*/function (_ApiHandler) {
@@ -1365,7 +1365,7 @@ var _default$b = /*#__PURE__*/function (_ApiHandler) {
               _context2.next = 5;
               return fetch(this._createUrl + '?ref=true', {
                 method: this._createMethod,
-                headers: _objectSpread$Y({}, jwt ? {
+                headers: _objectSpread$Z({}, jwt ? {
                   Authorization: 'Bearer ' + jwt
                 } : {}),
                 body: data
@@ -1743,8 +1743,8 @@ var _default$8 = /*#__PURE__*/function (_ApiHandler) {
   }]);
 }(_default$d);
 
-function ownKeys$X(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$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$Y(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$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _default$7 = /*#__PURE__*/function () {
   function _default(root) {
     _classCallCheck(this, _default);
@@ -1780,7 +1780,7 @@ var _default$7 = /*#__PURE__*/function () {
           var _i$permission;
           return !i.permission || _this.root.actions.userHasPermission((_i$permission = i.permission) === null || _i$permission === void 0 ? void 0 : _i$permission.toLocaleLowerCase());
         });
-        config = _objectSpread$X(_objectSpread$X({}, config), {}, {
+        config = _objectSpread$Y(_objectSpread$Y({}, config), {}, {
           items: filteredItems
         });
       }
@@ -1837,7 +1837,7 @@ function runThroughObjectReqursive(obj, apiConfig) {
   }
 }
 function loadConfiguration(t, root, config, lang, apiConfig) {
-  var _organization$setting, _organization$setting2, _organization$setting3, _organization$setting4, _parentOrganizations, _parentOrganizations2, _parentOrganizations3, _parentOrganizations4, _parentOrganizations5, _parentOrganizations6, _parentOrganizations7, _parentOrganizations8, _parentOrganizations9, _parentOrganizations10, _parentOrganizations11, _parentOrganizations12, _parentOrganizations13, _parentOrganizations14, _parentOrganizations15, _parentOrganizations16, _parentOrganizations17, _parentOrganizations18, _parentOrganizations19;
+  var _organization$setting, _organization$setting2, _organization$setting3, _organization$setting4, _parentOrganizations, _parentOrganizations2, _parentOrganizations3, _parentOrganizations4, _parentOrganizations5, _parentOrganizations6, _parentOrganizations7, _parentOrganizations8, _parentOrganizations9, _parentOrganizations10, _parentOrganizations11, _parentOrganizations12, _parentOrganizations13, _parentOrganizations14, _parentOrganizations15, _parentOrganizations16;
   var organization = toJS(root.dataStore.currentOrganization);
   return {
     TableApplicationLogs: {
@@ -2027,6 +2027,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
     },
     TableClientOEOverview: {
       type: 'Table',
+      canRefresh: true,
       title: t('backoffice.table.roe.title'),
       columns: [{
         title: t('backoffice.table.roe.organizationId'),
@@ -2150,6 +2151,27 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
           "default": 30,
           onlyAsMappingData: true
         }
+      },
+      downloadAction: {
+        label: t('backoffice.table.roe.downloadAction.label'),
+        actionType: 'Download',
+        id: 'DownloadAction',
+        icon: 'DownloadOutlined',
+        download: [{
+          type: 'request',
+          request: '${mediaService}/renderjobs/overview/datafeed?from=${from}&to=${to}',
+          mapping: {
+            type: 'query',
+            map: [{
+              sourceField: 'from',
+              targetField: 'from'
+            }, {
+              sourceField: 'to',
+              targetField: 'to'
+            }]
+          },
+          mediaType: 'file'
+        }]
       }
     },
     TableAllUsers: {
@@ -3230,7 +3252,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       },
       apiInterface: {
         read: {
-          list: '${adminService}/taskStatus?filter=%5B%7BtaskType%2Cne%2CSAP_XML_IMPORT%7D%2C%7BtaskType%2Cne%2CSAP_DROPDOWNITEMS%7D%2C%7BtaskType%2Cne%2CSAP_TEMPLATEARTICLES%7D%2C%7BtaskType%2Cne%2CSAP_ARTICLE_IMPORT%7D%2C%7BtaskType%2Cne%2CSAP_SUPPLIERS%7D%2C%7BtaskType%2Cne%2CSAP_PRODUCTGROUPS%7D%2C%7BtaskType%2Cne%2CSAP_AUSP%7D%2C%7BtaskType%2Cne%2CPIM_SEND_CLASSIFICATION%7D%2C%7BtaskType%2Cne%2CSEND_SAP_ARTICLES%7D%2C%7BtaskType%2Cne%2CCRON%7D%2C%7BtaskType%2Cne%2CRETAIL_VERSIONING%7D%2C%7BtaskType%2Cne%2CSUPPLIER_VERSIONING%7D%2C%7BtaskType%2Cne%2CBACKOFFICE_CE_EXPORT%7D%2C%7BtaskType%2Cne%2CBACKOFFICE_CE_IMPORT%7D%2C%7BtaskType%2Cne%2CGET_PRODUCT_FEATURES_PIM%7D%5D',
+          list: '${adminService}/taskStatus?filter=%5B%7BtaskType%2Cne%2CSAP_XML_IMPORT%7D%2C%7BtaskType%2Cne%2CSAP_DROPDOWNITEMS%7D%2C%7BtaskType%2Cne%2CSAP_TEMPLATEARTICLES%7D%2C%7BtaskType%2Cne%2CSAP_ARTICLE_IMPORT%7D%2C%7BtaskType%2Cne%2CSAP_SUPPLIERS%7D%2C%7BtaskType%2Cne%2CSAP_PRODUCTGROUPS%7D%2C%7BtaskType%2Cne%2CSAP_AUSP%7D%2C%7BtaskType%2Cne%2CPIM_SEND_CLASSIFICATION%7D%2C%7BtaskType%2Cne%2CSEND_SAP_ARTICLES%7D%2C%7BtaskType%2Cne%2CCRON%7D%2C%7BtaskType%2Cne%2CRETAIL_VERSIONING%7D%2C%7BtaskType%2Cne%2CSUPPLIER_VERSIONING%7D%2C%7BtaskType%2Cne%2CBACKOFFICE_CE_EXPORT%7D%2C%7BtaskType%2Cne%2CBACKOFFICE_CE_IMPORT%7D%2C%7BtaskType%2Cne%2CGET_PRODUCT_FEATURES_PIM%7D%2C%7BtaskType%2Cne%2CIDM_IMPORT%7D%2C%7BtaskType%2Cne%2CIDM_EXPORT%7D%5D',
           fields: true,
           filterServerSide: true
         }
@@ -3990,7 +4012,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         }]
       }
     },
-    ContentItems: {
+    TableContentItems: {
       title: t('backoffice.table.contentitems.title'),
       type: 'Table',
       canRefresh: true,
@@ -4066,6 +4088,12 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         sorter: 1,
         filter: 'advanced',
         width: 150
+      }, {
+        title: t('backoffice.table.contentitems.columns.codex'),
+        field: 'codex',
+        sorter: 1,
+        filter: 'advanced',
+        width: 150
       }, {
         title: t('backoffice._id'),
         field: '_id',
@@ -4141,6 +4169,107 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         }]
       }
     },
+    TableContentItemsGlobal: {
+      title: t('backoffice.table.contentitemsglobal.title'),
+      type: 'Table',
+      canRefresh: true,
+      pagination: {
+        pageSize: 50
+      },
+      copyAction: {
+        actionType: 'Detail',
+        type: 'Form',
+        id: 'FormEditContentItem',
+        disableOnMultiselect: true,
+        resetToggleAfter: true,
+        title: t('backoffice.table.contentItem.copyAction.title'),
+        label: t('backoffice.table.services.copyAction.label'),
+        mapping: {
+          type: 'body',
+          map: [{
+            targetField: 'content',
+            sourceField: 'content'
+          }, {
+            targetField: 'catalogName',
+            sourceField: 'catalogName'
+          }, {
+            targetField: 'supplierName',
+            sourceField: 'supplierName'
+          }, {
+            targetField: 'description',
+            sourceField: 'description'
+          }]
+        }
+      },
+      createAction: {
+        actionType: 'Detail',
+        type: 'JsonEditor',
+        id: 'JsonEditorEditContentItem',
+        title: t('backoffice.table.contentItem.label.create_global'),
+        label: t('backoffice.table.contentItem.label.create_global'),
+        permission: 'backoffice_create_contentitem_template'
+      },
+      columns: [{
+        title: t('backoffice.table.roles.columns.description'),
+        field: 'description',
+        sorter: 1,
+        filter: 'advanced',
+        width: 500
+      }, {
+        title: t('backoffice.table.contentitems.columns.codex'),
+        field: 'codex',
+        sorter: 1,
+        filter: 'advanced',
+        width: 150
+      }, {
+        title: t('backoffice._id'),
+        field: '_id',
+        sorter: 1,
+        filter: 'advanced',
+        width: 100
+      }, {
+        title: t('backoffice.table.views.lastUpdated'),
+        field: 'lastUpdated',
+        defaultSortOrder: 'descend',
+        type: 'unixTimeStamp',
+        sorter: 1,
+        filter: 'advanced',
+        width: 200
+      }, {
+        title: t('backoffice.table.views.lastUpdatedBy'),
+        field: 'lastUpdatedBy_displayText',
+        sorter: 1,
+        filter: 'advanced',
+        width: 150
+      }, {
+        title: 'backoffice.content',
+        field: 'content',
+        hidden: true
+      }],
+      rowAction: [{
+        actionType: 'Detail',
+        disableOnMultiselect: true,
+        type: 'Form',
+        id: 'FormEditContentItem',
+        title: t('backoffice.table.contentItem.edit'),
+        label: t('backoffice.edit')
+      }, {
+        disableOnMultiselect: true,
+        actionType: 'Detail',
+        permission: 'backoffice_edit_contentitem_template',
+        type: 'JsonEditor',
+        label: t('backoffice.table.contentItem.editjson'),
+        id: 'JsonEditorEditContentItem',
+        title: t('backoffice.table.contentItem.edit')
+      }],
+      apiInterface: {
+        read: {
+          list: '${catalogService}/contentItems',
+          filterServerSide: true
+        },
+        "delete": '${catalogService}/contentItems/${id}'
+      }
+    },
     TableApplicationTranslations: {
       title: t('backoffice.table.applicationtranslation.title'),
       type: 'Table',
@@ -7138,11 +7267,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
     JsonEditorCreateContentItem: {
       type: 'JsonEditor',
       apiInterface: {
-        update: {
-          url: '${catalogService}/contentItems',
-          method: 'POST'
-        },
-        create: '${catalogService}/contentItems'
+        create: '${catalogService}/contentItems?template=true'
       }
     },
     JsonEditorEditContentItem: {
@@ -8483,9 +8608,13 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }],
       itemsByData: function itemsByData(data, apiConfig) {
         var result = [{
+          name: 'codex',
+          type: 'input',
+          label: t('backoffice.table.contentitems.columns.codex')
+        }, {
           name: 'description',
           type: 'input',
-          label: t('description')
+          label: t('backoffice.table.roles.columns.description')
         }, {
           name: 'supplierName',
           type: 'input',
@@ -8763,9 +8892,13 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       items: [],
       itemsByData: function itemsByData(data, apiConfig) {
         var result = [{
+          name: 'codex',
+          type: 'input',
+          label: t('backoffice.table.contentitems.columns.codex')
+        }, {
           name: 'description',
           type: 'input',
-          label: t('description')
+          label: t('backoffice.table.roles.columns.description')
         }, {
           name: 'supplierName',
           type: 'input',
@@ -11145,9 +11278,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         mode: 'single',
         label: t('backoffice.form.createclientrelation.externalCloudSource'),
         name: 'externalCloudSource',
-        disabled: function disabled(d) {
-          return d && (d.externalCloudTarget && d.externalCloudTarget._id !== 'LOCAL' || !!(d !== null && d !== void 0 && d.organizationSource));
-        },
         required: true,
         selectMapping: {
           label: '${name}',
@@ -11195,25 +11325,15 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
             field: '_id',
             filter: 'eq'
           }],
-          prefilter: '+[{type,eq,ASSOCIATION},{type,eq,RETAILER}]',
           prefilterMapping: {
             map: [{
               sourceField: 'externalCloudSource._id',
               targetField: 'cloudId'
             }],
             type: 'query'
-          }
+          },
+          prefilter: '+[{type,eq,ASSOCIATION},{type,eq,RETAILER}]'
         },
-        defaultValue: [organization].concat(_toConsumableArray((_parentOrganizations14 = organization.parentOrganizations) !== null && _parentOrganizations14 !== void 0 ? _parentOrganizations14 : [])).find(function (o) {
-          return o.type === 'ASSOCIATION';
-        }) ? {
-          _id: [organization].concat(_toConsumableArray((_parentOrganizations15 = organization.parentOrganizations) !== null && _parentOrganizations15 !== void 0 ? _parentOrganizations15 : [])).find(function (o) {
-            return o.type === 'ASSOCIATION';
-          })._id,
-          label: [organization].concat(_toConsumableArray((_parentOrganizations16 = organization.parentOrganizations) !== null && _parentOrganizations16 !== void 0 ? _parentOrganizations16 : [])).find(function (o) {
-            return o.type === 'ASSOCIATION';
-          }).displayName
-        } : undefined,
         apiInterface: {
           read: {
             list: '${authService}/externalclouds/${cloudId}/organizations',
@@ -11288,13 +11408,13 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
             filterServerSide: true
           }
         },
-        defaultValue: [organization].concat(_toConsumableArray((_parentOrganizations17 = organization.parentOrganizations) !== null && _parentOrganizations17 !== void 0 ? _parentOrganizations17 : [])).find(function (o) {
+        defaultValue: [organization].concat(_toConsumableArray((_parentOrganizations14 = organization.parentOrganizations) !== null && _parentOrganizations14 !== void 0 ? _parentOrganizations14 : [])).find(function (o) {
           return ['RETAILER', 'ASSOCIATION'].includes(o.type);
         }) ? {
-          _id: [organization].concat(_toConsumableArray((_parentOrganizations18 = organization.parentOrganizations) !== null && _parentOrganizations18 !== void 0 ? _parentOrganizations18 : [])).find(function (o) {
+          _id: [organization].concat(_toConsumableArray((_parentOrganizations15 = organization.parentOrganizations) !== null && _parentOrganizations15 !== void 0 ? _parentOrganizations15 : [])).find(function (o) {
             return ['RETAILER', 'ASSOCIATION'].includes(o.type);
           })._id,
-          label: [organization].concat(_toConsumableArray((_parentOrganizations19 = organization.parentOrganizations) !== null && _parentOrganizations19 !== void 0 ? _parentOrganizations19 : [])).find(function (o) {
+          label: [organization].concat(_toConsumableArray((_parentOrganizations16 = organization.parentOrganizations) !== null && _parentOrganizations16 !== void 0 ? _parentOrganizations16 : [])).find(function (o) {
             return ['RETAILER', 'ASSOCIATION'].includes(o.type);
           }).displayName
         } : undefined,
@@ -11306,12 +11426,13 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         required: false,
         defaultValue: true
       }, {
-        label: 'idmenricher',
+        label: 'IDM/Enricher',
         name: 'idmenricher',
         type: 'checkbox',
         required: false,
         defaultValue: true,
-        hidden: true
+        readonly: true
+        // hidden: true,
       }]]
     },
     FormPartlistArticlePrefix: {
@@ -11612,6 +11733,17 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         type: 'MediaUpload'
       }]
     },
+    GroupContentItems: {
+      type: 'Group',
+      items: [{
+        id: 'TableContentItems',
+        type: 'Table'
+      }, {
+        id: 'TableContentItemsGlobal',
+        type: 'Table',
+        permission: 'backoffice_contentitems_global'
+      }]
+    },
     SelectorPermissionRole: {
       type: 'RelationSelector',
       searchApiInterface: {
@@ -13130,8 +13262,8 @@ var navMinified = "nav-minified-tSt-a";
 var navOverlay = "nav-overlay-rKJNC";
 var navSettings = "nav-settings-82cjv";
 var menuLabel = "menu-label-4dXQk";
-var css_248z$w = ".nav-minify-button-ZX7dm {\n  color: rgba(255, 255, 255, 0.65);\n  background: #001529;\n  cursor: pointer;\n  padding: 10px;\n  height: 40px;\n}\n\n.nav-minify-button-ZX7dm:hover {\n  color: #fff;\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\n.nav-minify-button-ZX7dm .anticon {\n  float: right;\n}\n\n.nav-container-JCR24 {\n  display: flex;\n  min-width: 30px;\n  overflow: visible;\n  z-index: 10001;\n}\n\n.nav-container-JCR24 .ant-layout-sider-children {\n  display: flex;\n  flex-direction: column;\n}\n\n.nav-minified-tSt-a {\n  flex: 0 0 30px !important;\n  max-width: 30px !important;\n  min-width: 30px !important;\n  width: 30px !important;\n}\n\n.nav-minified-tSt-a {\n  /* position: absolute !important; */\n  height: 100%;\n  z-index: 1;\n}\n\n.nav-overlay-rKJNC {\n  max-width: 200px !important;\n  min-width: 200px !important;\n  width: 200px !important;\n}\n\n.nav-minified-tSt-a .ant-menu-root {\n  display: none;\n}\n\n.nav-overlay-rKJNC .ant-menu-root {\n  display: inline !important;\n  display: initial !important;\n}\n\n.nav-settings-82cjv {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: auto 18px 55px;\n}\n\n.nav-container-JCR24 .ant-menu-title-content {\n  overflow: visible;\n}\n\n.menu-label-4dXQk {\n  display: flex;\n}\n\n.ant-menu .ant-menu-item .menu-label-4dXQk .anticon {\n  margin-left: auto;\n  margin-right: -6px;\n  font-size: 10px;\n}\n\n.menu-label-4dXQk span:first-child {\n  width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n";
-styleInject(css_248z$w);
+var css_248z$x = ".nav-minify-button-ZX7dm {\n  color: rgba(255, 255, 255, 0.65);\n  background: #001529;\n  cursor: pointer;\n  padding: 10px;\n  height: 40px;\n}\n\n.nav-minify-button-ZX7dm:hover {\n  color: #fff;\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\n.nav-minify-button-ZX7dm .anticon {\n  float: right;\n}\n\n.nav-container-JCR24 {\n  display: flex;\n  min-width: 30px;\n  overflow: visible;\n  z-index: 10001;\n}\n\n.nav-container-JCR24 .ant-layout-sider-children {\n  display: flex;\n  flex-direction: column;\n}\n\n.nav-minified-tSt-a {\n  flex: 0 0 30px !important;\n  max-width: 30px !important;\n  min-width: 30px !important;\n  width: 30px !important;\n}\n\n.nav-minified-tSt-a {\n  /* position: absolute !important; */\n  height: 100%;\n  z-index: 1;\n}\n\n.nav-overlay-rKJNC {\n  max-width: 200px !important;\n  min-width: 200px !important;\n  width: 200px !important;\n}\n\n.nav-minified-tSt-a .ant-menu-root {\n  display: none;\n}\n\n.nav-overlay-rKJNC .ant-menu-root {\n  display: inline !important;\n  display: initial !important;\n}\n\n.nav-settings-82cjv {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: auto 18px 55px;\n}\n\n.nav-container-JCR24 .ant-menu-title-content {\n  overflow: visible;\n}\n\n.menu-label-4dXQk {\n  display: flex;\n}\n\n.ant-menu .ant-menu-item .menu-label-4dXQk .anticon {\n  margin-left: auto;\n  margin-right: -6px;\n  font-size: 10px;\n}\n\n.menu-label-4dXQk span:first-child {\n  width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n";
+styleInject(css_248z$x);
 
 function MenuLabel (_ref) {
   var disabled = _ref.disabled,
@@ -13371,24 +13503,61 @@ var ToolBarStore = /*#__PURE__*/function () {
       return this._tools;
     },
     set: function set(tools) {
-      var _this = this,
-        _tools$,
-        _tools$0$defaultPinne,
-        _tools$2,
-        _tools$3,
-        _tools$0$startWidth,
-        _tools$4;
       this._tools = tools;
-      if (tools.find(function (t) {
-        return t.id === _this._openedToolId;
-      })) {
-        //if current tool is in the new list, don't change the current state
+      this.updateToolState();
+    }
+  }, {
+    key: "addTools",
+    value: function addTools() {
+      var _this = this;
+      for (var _len = arguments.length, tools = new Array(_len), _key = 0; _key < _len; _key++) {
+        tools[_key] = arguments[_key];
+      }
+      tools.forEach(function (tool) {
+        var index = _this._tools.findIndex(function (t) {
+          return t.id === tool.id;
+        });
+        if (index === -1) {
+          _this._tools.push(tool);
+        } else {
+          _this._tools[index] = tool;
+        }
+      });
+      this.updateToolState();
+    }
+  }, {
+    key: "removeTools",
+    value: function removeTools() {
+      for (var _len2 = arguments.length, toolIds = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        toolIds[_key2] = arguments[_key2];
+      }
+      this._tools = this._tools.filter(function (t) {
+        return !toolIds.includes(t.id);
+      });
+      this.updateToolState();
+    }
+  }, {
+    key: "updateToolState",
+    value: function updateToolState() {
+      var _this2 = this,
+        _this$_tools$,
+        _this$_tools$0$defaul,
+        _this$_tools$2,
+        _this$_tools$3,
+        _this$_tools$0$startW,
+        _this$_tools$4;
+      if (this._tools.length === 0) return;
+      var newToolState = this._tools.find(function (t) {
+        return t.id === _this2._openedToolId;
+      });
+      if (newToolState || this._tools.length === 0) {
+        //if current tool is in the new list or the list is empty, don't change the current state
         return;
       }
-      this._openedToolId = (_tools$ = tools[0]) === null || _tools$ === void 0 ? void 0 : _tools$.id;
-      this._pinned = (_tools$0$defaultPinne = (_tools$2 = tools[0]) === null || _tools$2 === void 0 ? void 0 : _tools$2.defaultPinned) !== null && _tools$0$defaultPinne !== void 0 ? _tools$0$defaultPinne : this._pinned;
-      this._hidden = ((_tools$3 = tools[0]) === null || _tools$3 === void 0 ? void 0 : _tools$3.defaultOpen) !== undefined ? !tools[0].defaultOpen : this._hidden;
-      this._width = (_tools$0$startWidth = (_tools$4 = tools[0]) === null || _tools$4 === void 0 ? void 0 : _tools$4.startWidth) !== null && _tools$0$startWidth !== void 0 ? _tools$0$startWidth : this._width;
+      this._openedToolId = (_this$_tools$ = this._tools[0]) === null || _this$_tools$ === void 0 ? void 0 : _this$_tools$.id;
+      this._pinned = (_this$_tools$0$defaul = (_this$_tools$2 = this._tools[0]) === null || _this$_tools$2 === void 0 ? void 0 : _this$_tools$2.defaultPinned) !== null && _this$_tools$0$defaul !== void 0 ? _this$_tools$0$defaul : this._pinned;
+      this._hidden = ((_this$_tools$3 = this._tools[0]) === null || _this$_tools$3 === void 0 ? void 0 : _this$_tools$3.defaultOpen) !== undefined ? !this._tools[0].defaultOpen : this._hidden;
+      this._width = (_this$_tools$0$startW = (_this$_tools$4 = this._tools[0]) === null || _this$_tools$4 === void 0 ? void 0 : _this$_tools$4.startWidth) !== null && _this$_tools$0$startW !== void 0 ? _this$_tools$0$startW : this._width;
     }
   }, {
     key: "hidden",
@@ -13421,9 +13590,9 @@ var ToolBarStore = /*#__PURE__*/function () {
   }, {
     key: "currentOpenTool",
     get: function get() {
-      var _this2 = this;
+      var _this3 = this;
       return this._tools.find(function (t) {
-        return t.id === _this2._openedToolId;
+        return t.id === _this3._openedToolId;
       });
     }
   }, {
@@ -13462,8 +13631,10 @@ var ToolBarStore = /*#__PURE__*/function () {
       this._openedToolId = toolId;
       this._currentLanguage = this.defaultLanguage;
       if (tool) {
-        var _tool$startWidth;
+        var _tool$startWidth, _tool$defaultPinned;
         this._width = Math.max((_tool$startWidth = tool.startWidth) !== null && _tool$startWidth !== void 0 ? _tool$startWidth : DEFAULT_WIDTH, this._width);
+        this._hidden = tool.defaultOpen !== undefined ? !tool.defaultOpen : this._hidden;
+        this._pinned = (_tool$defaultPinned = tool.defaultPinned) !== null && _tool$defaultPinned !== void 0 ? _tool$defaultPinned : this._pinned;
       }
     }
   }, {
@@ -13530,8 +13701,8 @@ var ToolBarStore = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$W(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$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$X(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$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$l(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$l(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$l(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$l(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$l(r, a) : void 0; } }
 function _arrayLikeToArray$l(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -13642,7 +13813,7 @@ var _default$6 = /*#__PURE__*/function () {
       if (index >= 0) {
         this._additionalMenuElements[index] = {
           key: key,
-          element: _objectSpread$W(_objectSpread$W({}, this._additionalMenuElements[index].element), {}, {
+          element: _objectSpread$X(_objectSpread$X({}, this._additionalMenuElements[index].element), {}, {
             items: items,
             selected: selected
           })
@@ -13693,7 +13864,7 @@ var _default$6 = /*#__PURE__*/function () {
         var path = this.getPath(element.menu, this._selectedMenuKeys, this.root.navigationState.searchParams);
         this.root.navigate('/' + path);
       }
-      this._menuElement1 = _objectSpread$W(_objectSpread$W({}, this.menuElement1), {}, {
+      this._menuElement1 = _objectSpread$X(_objectSpread$X({}, this.menuElement1), {}, {
         selected: this._selectedMenuKeys[0]
       });
       var menu2 = (_this$_menu$find = this._menu.find(function (element) {
@@ -13949,7 +14120,7 @@ var _default$6 = /*#__PURE__*/function () {
       return items.filter(function (item) {
         return !item.permission || hasPermission(item.permission.toLocaleLowerCase());
       }).map(function (item) {
-        return _objectSpread$W(_objectSpread$W({}, item), {}, {
+        return _objectSpread$X(_objectSpread$X({}, item), {}, {
           items: item.items ? _this5.filterMenuByPermission(hasPermission, item.items) : undefined,
           subMenu: item.subMenu ? _this5.filterMenuByPermission(hasPermission, item.subMenu) : undefined
         });
@@ -14040,7 +14211,7 @@ var menu = [{
       disabledLabel: 'backoffice.menu.item.label.disabled.retailer'
     }]
   }, {
-    id: 'ContentItems',
+    id: 'GroupContentItems',
     path: 'contentitems',
     label: 'backoffice.menu.items.label.ContentItems',
     icon: 'OrderedListOutlined'
@@ -14909,7 +15080,7 @@ var DownloadStore = /*#__PURE__*/function () {
     value: function () {
       var _downloadRequest = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(download, data) {
         var _this$_rootStore2;
-        var url, result, base64File, a, mimeType, res;
+        var url, result, contentType, contentDisposition, fileName, fileNameMatch, blob, base64File, a, mimeType, res;
         return _regeneratorRuntime.wrap(function _callee5$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
@@ -14925,33 +15096,56 @@ var DownloadStore = /*#__PURE__*/function () {
                 method: 'GET',
                 headers: {
                   authorization: "Bearer ".concat((_this$_rootStore2 = this._rootStore) === null || _this$_rootStore2 === void 0 ? void 0 : _this$_rootStore2.dataStore.jwt),
-                  'content-type': 'application/json'
+                  'content-type': 'application/json',
+                  Accept: 'application/json, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel, */*'
                 }
               });
             case 3:
               result = _context6.sent;
+              contentType = result.headers.get('Content-Type');
+              contentDisposition = result.headers.get('Content-Disposition');
+              fileName = 'download'; // Extract filename from Content-Disposition header if available
+              if (contentDisposition) {
+                fileNameMatch = contentDisposition.match(/filename="?([^"]+)"?/i);
+                if (fileNameMatch && fileNameMatch[1]) {
+                  fileName = fileNameMatch[1];
+                }
+              }
               _context6.t0 = download.mediaType;
-              _context6.next = _context6.t0 === 'file' ? 7 : _context6.t0 === 'json' ? 16 : 21;
+              _context6.next = _context6.t0 === 'file' ? 11 : _context6.t0 === 'json' ? 27 : 32;
               break;
-            case 7:
-              _context6.next = 9;
+            case 11:
+              if (!(contentType === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' || contentType === 'application/vnd.ms-excel')) {
+                _context6.next = 18;
+                break;
+              }
+              _context6.next = 14;
+              return result.blob();
+            case 14:
+              blob = _context6.sent;
+              DownloadStore.downloadBlob(blob, fileName);
+              _context6.next = 26;
+              break;
+            case 18:
+              _context6.next = 20;
               return result.json();
-            case 9:
+            case 20:
               base64File = _context6.sent;
               a = document.createElement('a'); //Create <a>
               mimeType = (data === null || data === void 0 ? void 0 : data['fileFormat']) == 'glb' ? 'model/gltf-binary' : (data === null || data === void 0 ? void 0 : data['fileFormat']) == 'jpg' ? 'image/jpeg' : 'image/png';
               a.href = 'data:' + mimeType + ';base64,' + base64File; //Image Base64 Goes here
               a.download = (data === null || data === void 0 ? void 0 : data['fileName']) + '.' + (data === null || data === void 0 ? void 0 : data['fileFormat']); //File name Here
               a.click();
-              return _context6.abrupt("break", 21);
-            case 16:
-              _context6.next = 18;
+            case 26:
+              return _context6.abrupt("break", 32);
+            case 27:
+              _context6.next = 29;
               return result.json();
-            case 18:
+            case 29:
               res = _context6.sent;
               DownloadStore.downloadText('hqRenderScript_' + (data === null || data === void 0 ? void 0 : data['fileName']) + '.json', JSON.stringify(res), 'application/json');
-              return _context6.abrupt("break", 21);
-            case 21:
+              return _context6.abrupt("break", 32);
+            case 32:
             case "end":
               return _context6.stop();
           }
@@ -15099,8 +15293,8 @@ var _default$2 = /*#__PURE__*/function (_ApiHandler) {
   return _createClass(_default);
 }(_default$d);
 
-function ownKeys$V(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$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$W(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$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * ContextStore is a store that manages the contexts of the application.
  */
@@ -15133,7 +15327,7 @@ var ContextStore = /*#__PURE__*/function () {
     key: "updateContext",
     value: function updateContext(contextId, updates) {
       var currentState = this.contexts.get(contextId) || {};
-      this.contexts.set(contextId, _objectSpread$V(_objectSpread$V({}, currentState), updates));
+      this.contexts.set(contextId, _objectSpread$W(_objectSpread$W({}, currentState), updates));
     }
 
     // Clear a context
@@ -15763,8 +15957,8 @@ var MediaItem = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$U(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$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$V(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$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$j(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$j(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$j(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$j(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$j(r, a) : void 0; } }
 function _arrayLikeToArray$j(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -15825,8 +16019,20 @@ function useFormData (_ref) {
   useEffect(function () {
     if (configuration.disableSave) setCanSave === null || setCanSave === void 0 || setCanSave(false);
   }, [configuration]);
+  var selectedItemsInitValues;
+  if (!Array.isArray(configuration.items[0])) {
+    selectedItemsInitValues = configuration.items;
+  } else if (configuration.itemSelector && configuration.itemSelectorDefautIndex !== undefined) {
+    selectedItemsInitValues = filterItems(configuration.items[configuration.itemSelectorDefautIndex], userHasPermission);
+  } else {
+    selectedItemsInitValues = configuration.items[0];
+  }
+  var _useState13 = useState(filterItems(selectedItemsInitValues, userHasPermission)),
+    _useState14 = _slicedToArray(_useState13, 2),
+    selectedItems = _useState14[0],
+    setSelectedItems = _useState14[1];
   var _onLoadFields = function onLoadFields(data) {
-    var items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (selectedItems !== null && selectedItems !== void 0 ? selectedItems : configuration.itemSelector && Array.isArray(configuration.items[0])) ? configuration.items[0] : configuration.items;
+    var items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : selectedItems;
     var _iterator = _createForOfIteratorHelper$j(items),
       _step;
     try {
@@ -15886,13 +16092,13 @@ function useFormData (_ref) {
         multipleEditingData = inboundData;
       }
       return {
-        loadedData: _onLoadFields(_objectSpread$U({}, dt)),
+        loadedData: _onLoadFields(_objectSpread$V({}, dt)),
         multipleEditingData: multipleEditingData
       };
     }, [inboundData, selectedItemsIndex]),
     loadedData = _useMemo2.loadedData,
     multipleEditingData = _useMemo2.multipleEditingData;
-  var _useState13 = useState({
+  var _useState15 = useState({
       loading: false,
       data: loadedData,
       origData: JSON.parse(JSON.stringify(inboundData !== null && inboundData !== void 0 ? inboundData : {})),
@@ -15900,19 +16106,9 @@ function useFormData (_ref) {
       update: !!((_loadedData$_id = loadedData === null || loadedData === void 0 ? void 0 : loadedData._id) !== null && _loadedData$_id !== void 0 ? _loadedData$_id : loadedData === null || loadedData === void 0 ? void 0 : loadedData.ID),
       form: form
     }),
-    _useState14 = _slicedToArray(_useState13, 2),
-    state = _useState14[0],
-    setState = _useState14[1];
-  var selectedItemsInitValues = undefined;
-  if (!Array.isArray(configuration.items[0])) {
-    selectedItemsInitValues = configuration.items;
-  } else if (configuration.itemSelector && configuration.itemSelectorDefautIndex !== undefined) {
-    selectedItemsInitValues = filterItems(configuration.items[configuration.itemSelectorDefautIndex], userHasPermission);
-  }
-  var _useState15 = useState(selectedItemsInitValues ? filterItems(selectedItemsInitValues, userHasPermission) : undefined),
     _useState16 = _slicedToArray(_useState15, 2),
-    selectedItems = _useState16[0],
-    setSelectedItems = _useState16[1];
+    state = _useState16[0],
+    setState = _useState16[1];
   var _useState17 = useState(getHiddenRequredDisabled(loadedData, selectedItems !== null && selectedItems !== void 0 ? selectedItems : [])),
     _useState18 = _slicedToArray(_useState17, 2),
     hiddenRequiredDisabled = _useState18[0],
@@ -15923,7 +16119,7 @@ function useFormData (_ref) {
     setFieldErrors = _useState20[1];
   useEffect(function () {
     var _loadedData$_id2;
-    setState(_objectSpread$U(_objectSpread$U({}, state), {}, {
+    setState(_objectSpread$V(_objectSpread$V({}, state), {}, {
       data: loadedData,
       origData: JSON.parse(JSON.stringify(inboundData !== null && inboundData !== void 0 ? inboundData : {})),
       update: !!((_loadedData$_id2 = loadedData === null || loadedData === void 0 ? void 0 : loadedData._id) !== null && _loadedData$_id2 !== void 0 ? _loadedData$_id2 : loadedData === null || loadedData === void 0 ? void 0 : loadedData.ID),
@@ -16025,7 +16221,7 @@ function useFormData (_ref) {
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            newData = merge(_objectSpread$U({}, state.data), values);
+            newData = merge(_objectSpread$V({}, state.data), values);
             if (!skipApi) {
               _context2.next = 3;
               break;
@@ -16035,7 +16231,7 @@ function useFormData (_ref) {
             root.actions.toggleLoading('saving_form');
             _context2.prev = 4;
             _context2.next = 7;
-            return setDynamicFields(_objectSpread$U({}, state.data), newData);
+            return setDynamicFields(_objectSpread$V({}, state.data), newData);
           case 7:
             newData = _context2.sent;
             _context2.next = 10;
@@ -16050,7 +16246,7 @@ function useFormData (_ref) {
             root.actions.toggleLoading('saving_form');
             throw _context2.t0;
           case 17:
-            setState(_objectSpread$U(_objectSpread$U({}, state), {}, {
+            setState(_objectSpread$V(_objectSpread$V({}, state), {}, {
               loading: true
             }));
             finalData = state.data;
@@ -16103,14 +16299,14 @@ function useFormData (_ref) {
               _context2.next = 47;
               break;
             }
-            setFieldErrors(_objectSpread$U(_objectSpread$U({}, fieldErrors), {}, _defineProperty({}, item.name.toString(), item.onError[errorCode])));
+            setFieldErrors(_objectSpread$V(_objectSpread$V({}, fieldErrors), {}, _defineProperty({}, item.name.toString(), item.onError[errorCode])));
             return _context2.abrupt("return", undefined);
           case 47:
             throw _context2.t1;
           case 48:
             _context2.prev = 48;
             root.actions.toggleLoading('saving_form');
-            setState(_objectSpread$U(_objectSpread$U({}, state), {}, {
+            setState(_objectSpread$V(_objectSpread$V({}, state), {}, {
               data: finalData,
               loading: false
             }));
@@ -16140,7 +16336,7 @@ function useFormData (_ref) {
   }
   var updateHiddenRequiredDisabled = function updateHiddenRequiredDisabled(data, changedFields) {
     if (!(selectedItems !== null && selectedItems !== void 0 && selectedItems.length)) return;
-    var wholeData = Object.assign(_objectSpread$U({}, state.data), _objectSpread$U({}, changedFields !== null && changedFields !== void 0 ? changedFields : data));
+    var wholeData = Object.assign(_objectSpread$V({}, state.data), _objectSpread$V({}, changedFields !== null && changedFields !== void 0 ? changedFields : data));
     var newState = getHiddenRequredDisabled(wholeData, selectedItems);
     if (JSON.stringify(newState) !== JSON.stringify(hiddenRequiredDisabled)) {
       setHiddenRequiredDisabled(newState);
@@ -16153,14 +16349,14 @@ function useFormData (_ref) {
     }
   };
   var onInputChanged = function onInputChanged(id, value, d) {
-    var data = d !== null && d !== void 0 ? d : mergeWith(_objectSpread$U({}, state.data), state.form.getFieldsValue(), mergeCustomizer);
+    var data = d !== null && d !== void 0 ? d : mergeWith(_objectSpread$V({}, state.data), state.form.getFieldsValue(), mergeCustomizer);
     if (id) {
       setFieldInObject(id, data, value);
-      var newFieldErrors = _objectSpread$U({}, fieldErrors);
+      var newFieldErrors = _objectSpread$V({}, fieldErrors);
       delete newFieldErrors[id.toString()];
       setFieldErrors(newFieldErrors);
     }
-    setState(_objectSpread$U(_objectSpread$U({}, state), {}, {
+    setState(_objectSpread$V(_objectSpread$V({}, state), {}, {
       data: data
     }));
     return data;
@@ -16192,37 +16388,35 @@ function useFormData (_ref) {
       var _value$value;
       if (((_value$value = value === null || value === void 0 ? void 0 : value.value) !== null && _value$value !== void 0 ? _value$value : value) === val) {
         if (configuration.itemSelectorReset) {
-          setState(_objectSpread$U(_objectSpread$U({}, state), {}, {
+          setState(_objectSpread$V(_objectSpread$V({}, state), {}, {
             data: _defineProperty({}, name, val)
           }));
         } else {
-          setState(_objectSpread$U(_objectSpread$U({}, state), {}, {
-            data: _objectSpread$U(_objectSpread$U({}, state.data), {}, _defineProperty({}, name, val))
+          setState(_objectSpread$V(_objectSpread$V({}, state), {}, {
+            data: _objectSpread$V(_objectSpread$V({}, state.data), {}, _defineProperty({}, name, val))
           }));
         }
         setSelectedItemsIndex(idx);
+        setSelectedItems(filterItems(configuration.items[idx], userHasPermission));
       }
     });
     if (configuration.itemSelector.type == 'radio') configuration.itemSelector.options.forEach(function (_ref6, idx) {
       var val = _ref6.value;
       if (value === val) {
         if (configuration.itemSelectorReset) {
-          setState(_objectSpread$U(_objectSpread$U({}, state), {}, {
+          setState(_objectSpread$V(_objectSpread$V({}, state), {}, {
             data: _defineProperty({}, name, val)
           }));
         } else {
-          setState(_objectSpread$U(_objectSpread$U({}, state), {}, {
-            data: _objectSpread$U(_objectSpread$U({}, state.data), {}, _defineProperty({}, name, val))
+          setState(_objectSpread$V(_objectSpread$V({}, state), {}, {
+            data: _objectSpread$V(_objectSpread$V({}, state.data), {}, _defineProperty({}, name, val))
           }));
         }
         setSelectedItemsIndex(idx);
+        setSelectedItems(filterItems(configuration.items[idx], userHasPermission));
       }
     });
   };
-  useEffect(function () {
-    if (!Array.isArray(configuration.items[0])) return;
-    setSelectedItems(filterItems(configuration.items[selectedItemsIndex], userHasPermission));
-  }, [selectedItemsIndex]);
   useEffect(function () {
     updateHiddenRequiredDisabled(state.data);
   }, [selectedItems]);
@@ -16493,7 +16687,7 @@ function useFormData (_ref) {
       for (var i = 0; i < configuration.tools.length; i++) {
         var _tool$defaultOpen;
         var tool = configuration.tools[i];
-        tools.push(_objectSpread$U(_objectSpread$U({}, tool), {}, {
+        tools.push(_objectSpread$V(_objectSpread$V({}, tool), {}, {
           parameters: {
             data: state.data
           },
@@ -16595,7 +16789,7 @@ function useFormData (_ref) {
     })) return;
     setRemovedMedias([].concat(_toConsumableArray(removedMedias), [media]));
   };
-  return _objectSpread$U(_objectSpread$U({}, state), {}, {
+  return _objectSpread$V(_objectSpread$V({}, state), {}, {
     getIsHidden: getIsHidden,
     setUsedPreset: setUsedPreset,
     configuration: configuration,
@@ -16712,8 +16906,8 @@ var JsonEditor$2 = function JsonEditor(_ref) {
 };
 
 var _excluded$3 = ["key", "name"];
-function ownKeys$T(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$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$U(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$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormList$2 = function FormList(_ref) {
   var _item$initialValue;
   var value = _ref.value,
@@ -16766,7 +16960,7 @@ var FormList$2 = function FormList(_ref) {
                 var aName = [].concat(_toConsumableArray(Array.isArray(absoluteName) ? absoluteName : [absoluteName]), _toConsumableArray(n));
                 var hidden = state.getIsHidden(i, state.data, [].concat(_toConsumableArray(Array.isArray(absoluteName) ? absoluteName : [absoluteName]), [name]));
                 if (hidden) return /*#__PURE__*/jsx(Fragment, {});
-                return /*#__PURE__*/createElement(Form$1.Item, _objectSpread$T(_objectSpread$T({}, restField), {}, {
+                return /*#__PURE__*/createElement(Form$1.Item, _objectSpread$U(_objectSpread$U({}, restField), {}, {
                   id: n.join(),
                   key: n.join(),
                   name: n,
@@ -16778,7 +16972,7 @@ var FormList$2 = function FormList(_ref) {
                   validateStatus: !!state.fieldErrors[n.toString()] ? 'error' : undefined,
                   help: state.fieldErrors[n.toString()],
                   hidden: hidden
-                }), getElement(_objectSpread$T(_objectSpread$T({}, i), {}, {
+                }), getElement(_objectSpread$U(_objectSpread$U({}, i), {}, {
                   name: n
                 }), setCanSave, state, aName, state.onInputChanged, onError, root, form, hidden));
               })
@@ -16943,8 +17137,8 @@ var Result = function Result(_ref) {
 
 var success = "success-tRJ7j";
 var error = "error-MtAFB";
-var css_248z$v = ".success-tRJ7j {\n  color: #fff !important;\n  background-color: #449d44 !important;\n  border-color: #398439 !important;\n}\n\n.error-MtAFB {\n  color: #fff !important;\n  background-color: #c9302c !important;\n  border-color: #ac2925 !important;\n}\n";
-styleInject(css_248z$v);
+var css_248z$w = ".success-tRJ7j {\n  color: #fff !important;\n  background-color: #449d44 !important;\n  border-color: #398439 !important;\n}\n\n.error-MtAFB {\n  color: #fff !important;\n  background-color: #c9302c !important;\n  border-color: #ac2925 !important;\n}\n";
+styleInject(css_248z$w);
 
 var azureIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20width%3D%2248px%22%20height%3D%2248px%22%3E%20%3ClinearGradient%20id%3D%22k8yl7~hDat~FaoWq8WjN6a%22%20x1%3D%22-1254.397%22%20x2%3D%22-1261.911%22%20y1%3D%22877.268%22%20y2%3D%22899.466%22%20gradientTransform%3D%22translate%281981.75%20-1362.063%29%20scale%281.5625%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23114a8b%22%2F%3E%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230669bc%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20fill%3D%22url%28%23k8yl7~hDat~FaoWq8WjN6a%29%22%20d%3D%22M17.634%2C6h11.305L17.203%2C40.773c-0.247%2C0.733-0.934%2C1.226-1.708%2C1.226H6.697%20c-0.994%2C0-1.8-0.806-1.8-1.8c0-0.196%2C0.032-0.39%2C0.094-0.576L15.926%2C7.227C16.173%2C6.494%2C16.86%2C6%2C17.634%2C6L17.634%2C6z%22%2F%3E%20%3Cpath%20fill%3D%22%230078d4%22%20d%3D%22M34.062%2C29.324H16.135c-0.458-0.001-0.83%2C0.371-0.831%2C0.829c0%2C0.231%2C0.095%2C0.451%2C0.264%2C0.608%20l11.52%2C10.752C27.423%2C41.826%2C27.865%2C42%2C28.324%2C42h10.151L34.062%2C29.324z%22%2F%3E%20%3ClinearGradient%20id%3D%22k8yl7~hDat~FaoWq8WjN6b%22%20x1%3D%22-1252.05%22%20x2%3D%22-1253.788%22%20y1%3D%22887.612%22%20y2%3D%22888.2%22%20gradientTransform%3D%22translate%281981.75%20-1362.063%29%20scale%281.5625%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%3Cstop%20offset%3D%220%22%20stop-opacity%3D%22.3%22%2F%3E%20%20%3Cstop%20offset%3D%22.071%22%20stop-opacity%3D%22.2%22%2F%3E%20%20%3Cstop%20offset%3D%22.321%22%20stop-opacity%3D%22.1%22%2F%3E%20%20%3Cstop%20offset%3D%22.623%22%20stop-opacity%3D%22.05%22%2F%3E%20%20%3Cstop%20offset%3D%221%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20fill%3D%22url%28%23k8yl7~hDat~FaoWq8WjN6b%29%22%20d%3D%22M17.634%2C6c-0.783-0.003-1.476%2C0.504-1.712%2C1.25L5.005%2C39.595%20c-0.335%2C0.934%2C0.151%2C1.964%2C1.085%2C2.299C6.286%2C41.964%2C6.493%2C42%2C6.702%2C42h9.026c0.684-0.122%2C1.25-0.603%2C1.481-1.259l2.177-6.416%20l7.776%2C7.253c0.326%2C0.27%2C0.735%2C0.419%2C1.158%2C0.422h10.114l-4.436-12.676l-12.931%2C0.003L28.98%2C6H17.634z%22%2F%3E%20%3ClinearGradient%20id%3D%22k8yl7~hDat~FaoWq8WjN6c%22%20x1%3D%22-1252.952%22%20x2%3D%22-1244.704%22%20y1%3D%22876.6%22%20y2%3D%22898.575%22%20gradientTransform%3D%22translate%281981.75%20-1362.063%29%20scale%281.5625%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%233ccbf4%22%2F%3E%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232892df%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20fill%3D%22url%28%23k8yl7~hDat~FaoWq8WjN6c%29%22%20d%3D%22M32.074%2C7.225C31.827%2C6.493%2C31.141%2C6%2C30.368%2C6h-12.6c0.772%2C0%2C1.459%2C0.493%2C1.705%2C1.224%20l10.935%2C32.399c0.318%2C0.942-0.188%2C1.963-1.13%2C2.281C29.093%2C41.968%2C28.899%2C42%2C28.703%2C42h12.6c0.994%2C0%2C1.8-0.806%2C1.8-1.801%20c0-0.196-0.032-0.39-0.095-0.575L32.074%2C7.225z%22%2F%3E%3C%2Fsvg%3E";
 
@@ -17008,11 +17202,11 @@ var CustomButton$1 = observer(CustomButton);
 
 var wrapper$7 = "wrapper-GVe2h";
 var buttonGroup = "button-group-GYt-T";
-var css_248z$u = ".wrapper-GVe2h {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n\n.button-group-GYt-T {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  margin: 0 12px;\n}\n";
-styleInject(css_248z$u);
+var css_248z$v = ".wrapper-GVe2h {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n\n.button-group-GYt-T {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  margin: 0 12px;\n}\n";
+styleInject(css_248z$v);
 
-function ownKeys$S(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$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$T(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$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SubTitle = function SubTitle(_ref) {
   var _item$orientation, _item$buttonIds;
   var item = _ref.item,
@@ -17021,7 +17215,7 @@ var SubTitle = function SubTitle(_ref) {
     t = _useTranslation.t;
   return /*#__PURE__*/jsx(Divider, {
     orientation: (_item$orientation = item.orientation) !== null && _item$orientation !== void 0 ? _item$orientation : 'left',
-    style: _objectSpread$S({}, item.style),
+    style: _objectSpread$T({}, item.style),
     children: /*#__PURE__*/jsxs("div", {
       className: wrapper$7,
       children: [Array.isArray(item.name) ? t(item.name[0].toString()) : t(item.name), ((_item$buttonIds = item.buttonIds) === null || _item$buttonIds === void 0 ? void 0 : _item$buttonIds.length) && item.buttonIds.map(function (b) {
@@ -17285,12 +17479,12 @@ function parseReturnData(options, selectMapping) {
 }
 
 var wrapper$6 = "wrapper-4xyke";
-var css_248z$t = ".wrapper-4xyke {\n  display: flex;\n  flex-direction: column;\n  min-height: 50px;\n  justify-content: flex-end;\n  font-size: 12px;\n}\n";
-styleInject(css_248z$t);
+var css_248z$u = ".wrapper-4xyke {\n  display: flex;\n  flex-direction: column;\n  min-height: 50px;\n  justify-content: flex-end;\n  font-size: 12px;\n}\n";
+styleInject(css_248z$u);
 
 var _excluded$2 = ["apiInterface", "selectMapping", "apiMapping", "onChange", "value", "search", "options", "autoSelectFirst", "title", "sharedState"];
-function ownKeys$R(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$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$S(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$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SelectWrapper$1 = function SelectWrapper(_ref, ref) {
   var apiInterface = _ref.apiInterface,
     selectMapping = _ref.selectMapping,
@@ -17317,7 +17511,7 @@ var SelectWrapper$1 = function SelectWrapper(_ref, ref) {
   return /*#__PURE__*/jsxs("div", {
     ref: ref,
     className: classnames(title ? wrapper$6 : undefined),
-    children: [title, /*#__PURE__*/jsx(Select$1, _objectSpread$R(_objectSpread$R({}, selectProps), {}, {
+    children: [title, /*#__PURE__*/jsx(Select$1, _objectSpread$S(_objectSpread$S({}, selectProps), {}, {
       showSearch: search,
       loading: state.loading,
       options: state.options,
@@ -17934,8 +18128,8 @@ var _default = /*#__PURE__*/function (_ApiHandler) {
   }]);
 }(_default$d);
 
-function ownKeys$Q(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$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$R(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$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 getLogger('Backoffice', 'SelectClientRelationCatalog');
 function useSelectClientRelationCatalog (_ref) {
   var onSelectedCatalog = _ref.onSelectedCatalog,
@@ -18104,7 +18298,7 @@ function useSelectClientRelationCatalog (_ref) {
           case 22:
             supplierData = _context2.sent;
           case 23:
-            onSelectedSupplier === null || onSelectedSupplier === void 0 || onSelectedSupplier(_objectSpread$Q(_objectSpread$Q({}, _selectedSupplier), {}, {
+            onSelectedSupplier === null || onSelectedSupplier === void 0 || onSelectedSupplier(_objectSpread$R(_objectSpread$R({}, _selectedSupplier), {}, {
               supplierGuid: catalogList === null || catalogList === void 0 || (_catalogList$ = catalogList[0]) === null || _catalogList$ === void 0 ? void 0 : _catalogList$.Subfolder
             }), supplierData);
             if (catalogId && catalogList.find(function (c) {
@@ -18170,8 +18364,8 @@ var customSelect = "custom-select-ESUJX";
 var customSelectOption = "custom-select-option-dUA7N";
 var avatarWrapper = "avatar-wrapper-Vg-xe";
 var selectTextWrapper = "select-text-wrapper-hPSZW";
-var css_248z$s = ".custom-select-ESUJX {\n  width: 300px;\n}\n\n.custom-select-option-dUA7N.ant-select-item {\n  margin: 0px 12px;\n  padding: 0px;\n  border-bottom: 1px solid #ddd;\n}\n\n.custom-select-option-dUA7N .ant-select-item-option-content {\n  display: flex;\n  align-items: center;\n}\n\n.avatar-wrapper-Vg-xe {\n  margin-right: 5px;\n  height: 30px;\n  width: 24px;\n  float: left;\n  position: relative;\n}\n\n.avatar-wrapper-Vg-xe > span {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.select-text-wrapper-hPSZW {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: normal;\n  width: calc(100% - 29px);\n}\n";
-styleInject(css_248z$s);
+var css_248z$t = ".custom-select-ESUJX {\n  width: 300px;\n}\n\n.custom-select-option-dUA7N.ant-select-item {\n  margin: 0px 12px;\n  padding: 0px;\n  border-bottom: 1px solid #ddd;\n}\n\n.custom-select-option-dUA7N .ant-select-item-option-content {\n  display: flex;\n  align-items: center;\n}\n\n.avatar-wrapper-Vg-xe {\n  margin-right: 5px;\n  height: 30px;\n  width: 24px;\n  float: left;\n  position: relative;\n}\n\n.avatar-wrapper-Vg-xe > span {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.select-text-wrapper-hPSZW {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: normal;\n  width: calc(100% - 29px);\n}\n";
+styleInject(css_248z$t);
 
 var Selector = function Selector(_ref) {
   var items = _ref.items,
@@ -18325,8 +18519,8 @@ function SelectClientRelationCatalog (_ref) {
 function _createForOfIteratorHelper$h(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$h(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$h(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$h(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$h(r, a) : void 0; } }
 function _arrayLikeToArray$h(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$P(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$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$Q(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$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useSelectData (_ref) {
   var data = _ref.data,
     onChange = _ref.onChange,
@@ -18509,7 +18703,7 @@ function useSelectData (_ref) {
             setFetching(true);
             serverSideParams = {
               filters: selectMapping !== null && selectMapping !== void 0 && selectMapping.searchField ? selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.searchField.reduce(function (filter, field) {
-                return _objectSpread$P(_objectSpread$P({}, filter), value !== undefined ? _defineProperty({}, field.field, [value, field.filter, true]) : {});
+                return _objectSpread$Q(_objectSpread$Q({}, filter), value !== undefined ? _defineProperty({}, field.field, [value, field.filter, true]) : {});
               }, {}) : {
                 _id: [value, 'contains']
               },
@@ -18715,8 +18909,8 @@ function useSelectData (_ref) {
   };
 }
 
-var css_248z$r = ".darkmode .ant-select-selection-search-input {\n  color: #fff;\n}\n";
-styleInject(css_248z$r);
+var css_248z$s = ".darkmode .ant-select-selection-search-input {\n  color: #fff;\n}\n";
+styleInject(css_248z$s);
 
 var SelectWrapper = function SelectWrapper(_ref) {
   var onChange = _ref.onChange,
@@ -18798,11 +18992,11 @@ var Select = observer(SelectWrapper);
 var wrapper$5 = "wrapper-WStAk";
 var headerWrapper = "header-wrapper-gWQuH";
 var buttonsWrapper$1 = "buttons-wrapper-7ebR9";
-var css_248z$q = ".wrapper-WStAk {\n  display: flex;\n  flex-direction: column;\n}\n.header-wrapper-gWQuH {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: 64px;\n}\n\n.buttons-wrapper-7ebR9 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-grow: 1;\n}\n";
-styleInject(css_248z$q);
+var css_248z$r = ".wrapper-WStAk {\n  display: flex;\n  flex-direction: column;\n}\n.header-wrapper-gWQuH {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: 64px;\n}\n\n.buttons-wrapper-7ebR9 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-grow: 1;\n}\n";
+styleInject(css_248z$r);
 
-function ownKeys$O(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$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$P(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$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$9 = getLogger('Backoffice', 'Translation Form');
 function useTranslationHook (item, state) {
   var root = useStore();
@@ -18935,7 +19129,7 @@ function useTranslationHook (item, state) {
           case 0:
             _context2.next = 2;
             return apiHandler.create({
-              locales: _objectSpread$O({
+              locales: _objectSpread$P({
                 de: {},
                 it: {},
                 fr: {},
@@ -18984,8 +19178,8 @@ function useTranslationHook (item, state) {
   };
 }
 
-function ownKeys$N(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$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$O(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$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Translation = function Translation(_ref) {
   var item = _ref.item,
     state = _ref.state,
@@ -19035,7 +19229,7 @@ var Translation = function Translation(_ref) {
         var hidden = state.getIsHidden(i, data);
         var newAbsoluteName = absoluteName !== '' ? [].concat(_toConsumableArray(Array.isArray(absoluteName) ? absoluteName : [absoluteName]), _toConsumableArray(n)) : n;
         return /*#__PURE__*/jsx(React.Fragment, {
-          children: ['subTitle', 'array'].includes(i.type) ? getElement(_objectSpread$N(_objectSpread$N({}, i), {}, {
+          children: ['subTitle', 'array'].includes(i.type) ? getElement(_objectSpread$O(_objectSpread$O({}, i), {}, {
             name: n
           }), setCanSave, state, newAbsoluteName, state.onInputChanged, onError, root, form, hidden, currentLang) : /*#__PURE__*/jsx(Form$1.Item, {
             id: idx.toString(),
@@ -19048,7 +19242,7 @@ var Translation = function Translation(_ref) {
             validateStatus: !!state.fieldErrors[n.toString()] ? 'error' : undefined,
             help: state.fieldErrors[n.toString()],
             hidden: hidden,
-            children: getElement(_objectSpread$N(_objectSpread$N({}, i), {}, {
+            children: getElement(_objectSpread$O(_objectSpread$O({}, i), {}, {
               name: n
             }), setCanSave, state, newAbsoluteName, state.onInputChanged, onError, root, form, hidden)
           })
@@ -19383,8 +19577,8 @@ var Text$1 = observer(Text);
 function _createForOfIteratorHelper$g(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$g(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$g(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$g(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$g(r, a) : void 0; } }
 function _arrayLikeToArray$g(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$M(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$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$N(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$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function getElement(item, setCanSave, state, absoluteName, _onChange, _onError, root, form, hidden, postFixName) {
   var _isReadonly, _state$hiddenRequired;
   if (hidden) return /*#__PURE__*/jsx(Fragment, {});
@@ -19419,7 +19613,7 @@ function getElement(item, setCanSave, state, absoluteName, _onChange, _onError,
         }
       });
     case 'selectSimple':
-      return /*#__PURE__*/jsx(SimpleSelect, _objectSpread$M(_objectSpread$M({}, item), {}, {
+      return /*#__PURE__*/jsx(SimpleSelect, _objectSpread$N(_objectSpread$N({}, item), {}, {
         disabled: disabled,
         onChange: function onChange(value) {
           _onChange(absoluteName, value);
@@ -19623,7 +19817,7 @@ function getElement(item, setCanSave, state, absoluteName, _onChange, _onError,
         value: item.value,
         options: item.options.map(function (o) {
           var _o$disabled;
-          return _objectSpread$M(_objectSpread$M({}, o), {}, {
+          return _objectSpread$N(_objectSpread$N({}, o), {}, {
             disabled: (_o$disabled = o.disabled) === null || _o$disabled === void 0 ? void 0 : _o$disabled.call(o, state.data)
           });
         }),
@@ -19644,7 +19838,7 @@ function getElement(item, setCanSave, state, absoluteName, _onChange, _onError,
         },
         icon: item.icon,
         callback: function callback(data) {
-          return form === null || form === void 0 ? void 0 : form.setFieldsValue(_objectSpread$M(_objectSpread$M({}, state.data), data));
+          return form === null || form === void 0 ? void 0 : form.setFieldsValue(_objectSpread$N(_objectSpread$N({}, state.data), data));
         }
       });
     case 'media':
@@ -19665,7 +19859,7 @@ function getElement(item, setCanSave, state, absoluteName, _onChange, _onError,
 var DisplayInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/jsx(Input, _objectSpread$M(_objectSpread$M({}, props), {}, {
+  return /*#__PURE__*/jsx(Input, _objectSpread$N(_objectSpread$N({}, props), {}, {
     ref: ref,
     disabled: true,
     value: t(props.translationPrefix + '.' + props.value)
@@ -19684,8 +19878,8 @@ function isReadonly(item, data) {
   return false;
 }
 
-function ownKeys$L(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$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$M(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$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$f(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$f(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$f(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$f(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$f(r, a) : void 0; } }
 function _arrayLikeToArray$f(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -19735,13 +19929,13 @@ var Presets = function Presets(_ref) {
     } finally {
       _iterator.f();
     }
-    var data = _objectSpread$L(_objectSpread$L({}, form.getFieldsValue(names)), {}, {
+    var data = _objectSpread$M(_objectSpread$M({}, form.getFieldsValue(names)), {}, {
       newPresetName: newPresetName
     });
     data.dpi = parseInt(data.dpi);
     data.organization = root.getGlobalValue('organizationId');
     apiHandler.create({}, state.configuration.createPresetMapping, data);
-    var dt = _objectSpread$L(_objectSpread$L({}, form.getFieldsValue(names)), {}, {
+    var dt = _objectSpread$M(_objectSpread$M({}, form.getFieldsValue(names)), {}, {
       name: newPresetName
     });
     setPresets({
@@ -20070,7 +20264,7 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
             }, Array.isArray(item.name) ? item.name.join('.') : item.name)]
           }, item.name.toString());
         })]
-      })]
+      }, state.selectedItemsIndex.toString())]
     }), state.configuration.showProgressBar && /*#__PURE__*/jsx(ModalProgressBar, {
       isOpen: state.progressBarOpen,
       percent: state.progressBarPercentage
@@ -20083,8 +20277,8 @@ function getLabel(item, t) {
 }
 var Form = observer(/*#__PURE__*/React.forwardRef(FormWrapper$1));
 
-function ownKeys$K(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$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$L(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$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$e(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$e(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$e(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$e(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$e(r, a) : void 0; } }
 function _arrayLikeToArray$e(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -20286,7 +20480,7 @@ function useRoleSelectorData (_ref) {
             roles.forEach(function (r) {
               //check if after the changes the role is selected
               if (value.includes(r._id)) {
-                var newValue = _objectSpread$K(_objectSpread$K({}, r), {}, {
+                var newValue = _objectSpread$L(_objectSpread$L({}, r), {}, {
                   selected: true
                 });
                 //add it to the new list as selected role
@@ -20322,7 +20516,7 @@ function useRoleSelectorData (_ref) {
                   }
                 }
               } else {
-                var _newValue = _objectSpread$K(_objectSpread$K({}, r), {}, {
+                var _newValue = _objectSpread$L(_objectSpread$L({}, r), {}, {
                   selected: false
                 });
                 //add it to the new list as unselected role
@@ -20526,7 +20720,7 @@ function _updateRoles() {
                   userRole = userRoles.find(function (r) {
                     return r._id == role._id;
                   });
-                  newRole = _objectSpread$K({}, role);
+                  newRole = _objectSpread$L({}, role);
                   if (userRole) {
                     newRole.selected = true;
                     newRole.inherited = userRole.inherited;
@@ -20746,7 +20940,7 @@ function _fetchOptions() {
         case 4:
           result = _context11.sent;
           options = result.data.map(function (d) {
-            return _objectSpread$K(_objectSpread$K({}, d), {}, {
+            return _objectSpread$L(_objectSpread$L({}, d), {}, {
               label: d.displayName,
               value: d._id,
               isLeaf: !d.hasChildren
@@ -20845,11 +21039,11 @@ var skeleton = "skeleton--xCI0";
 var filterField = "filterField-1kU1O";
 var parentScroll = "parent-scroll-GmaL9";
 var parent = "parent-NZJ3S";
-var css_248z$p = ".permission-Button-XctsZ {\n  position: relative;\n  top: 25px;\n  left: -30px;\n  float: right;\n  height: 20px;\n  z-index: 1000;\n}\n.select-lzft- {\n  width: 100%;\n}\n.loadingOption-qCkRw {\n  margin-top: 11px;\n  padding-left: 500px;\n}\n.scroller-lrdk9 {\n  overflow: auto;\n  height: 100%;\n}\n\n.skeleton--xCI0 {\n  padding-left: 25px;\n  padding-bottom: 10px;\n}\n.filterField-1kU1O {\n  display: flex;\n  gap: 10px;\n}\n.filterField-1kU1O button {\n  height: 32px;\n}\n.filterField-1kU1O div {\n  height: 32px;\n}\n\n.parent-scroll-GmaL9 {\n  overflow: auto;\n  padding: 24px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.parent-NZJ3S {\n  overflow: auto;\n  padding: 24px;\n  height: 100%;\n}\n\n.parent-scroll-GmaL9 .ant-spin-container {\n  height: 100%;\n}\n.parent-scroll-GmaL9 .infinite-scroll-component__outerdiv {\n  height: 100%;\n}\n.parent-scroll-GmaL9 .infinite-scroll-component {\n  height: 100% !important;\n}\n";
-styleInject(css_248z$p);
+var css_248z$q = ".permission-Button-XctsZ {\n  position: relative;\n  top: 25px;\n  left: -30px;\n  float: right;\n  height: 20px;\n  z-index: 1000;\n}\n.select-lzft- {\n  width: 100%;\n}\n.loadingOption-qCkRw {\n  margin-top: 11px;\n  padding-left: 500px;\n}\n.scroller-lrdk9 {\n  overflow: auto;\n  height: 100%;\n}\n\n.skeleton--xCI0 {\n  padding-left: 25px;\n  padding-bottom: 10px;\n}\n.filterField-1kU1O {\n  display: flex;\n  gap: 10px;\n}\n.filterField-1kU1O button {\n  height: 32px;\n}\n.filterField-1kU1O div {\n  height: 32px;\n}\n\n.parent-scroll-GmaL9 {\n  overflow: auto;\n  padding: 24px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.parent-NZJ3S {\n  overflow: auto;\n  padding: 24px;\n  height: 100%;\n}\n\n.parent-scroll-GmaL9 .ant-spin-container {\n  height: 100%;\n}\n.parent-scroll-GmaL9 .infinite-scroll-component__outerdiv {\n  height: 100%;\n}\n.parent-scroll-GmaL9 .infinite-scroll-component {\n  height: 100% !important;\n}\n";
+styleInject(css_248z$q);
 
-function ownKeys$J(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$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$K(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$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$d(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$d(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$d(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$d(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$d(r, a) : void 0; } }
 function _arrayLikeToArray$d(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -20909,8 +21103,8 @@ function _generateCSV() {
             break;
           }
           _context2.next = 21;
-          return generateCSV(_objectSpread$J(_objectSpread$J({}, exportParams.children), {}, {
-            mappingData: _objectSpread$J(_objectSpread$J({}, parent), {}, {
+          return generateCSV(_objectSpread$K(_objectSpread$K({}, exportParams.children), {}, {
+            mappingData: _objectSpread$K(_objectSpread$K({}, parent), {}, {
               parentId: exportParams.mappingData._id
             })
           }), csvData);
@@ -21018,8 +21212,8 @@ function _downloadFile() {
   return _downloadFile.apply(this, arguments);
 }
 
-function ownKeys$I(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$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$J(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$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$c(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$c(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$c(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$c(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$c(r, a) : void 0; } }
 function _arrayLikeToArray$c(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -21438,7 +21632,7 @@ function useRelationSelectorData (_ref) {
               var activeItem = _step.value;
               if ((activeItem === null || activeItem === void 0 ? void 0 : activeItem._id) === (addedData === null || addedData === void 0 ? void 0 : addedData._id)) {
                 addedObjects.push(addedData);
-                getSplittedItems(_objectSpread$I(_objectSpread$I({}, activeItem), {}, {
+                getSplittedItems(_objectSpread$J(_objectSpread$J({}, activeItem), {}, {
                   userId: data === null || data === void 0 ? void 0 : data._id
                 }));
                 ret = true;
@@ -21643,8 +21837,8 @@ function useRelationSelectorData (_ref) {
   };
 }
 
-function ownKeys$H(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$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$I(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$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$b(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$b(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$b(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$b(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$b(r, a) : void 0; } }
 function _arrayLikeToArray$b(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -21777,7 +21971,7 @@ function ActionButton (_ref) {
               _iterator2.f();
             }
             _context.next = 19;
-            return apiInterface.update(_objectSpread$H(_objectSpread$H({}, data), {}, {
+            return apiInterface.update(_objectSpread$I(_objectSpread$I({}, data), {}, {
               state: toSwitch
             }), data);
           case 19:
@@ -21934,14 +22128,14 @@ function _simpleChangeValue() {
             break;
           }
           for (i = 0; i < action.newValues.length; i++) {
-            fieldsToUpdate = _objectSpread$H(_objectSpread$H({}, fieldsToUpdate), {}, _defineProperty({}, action.newValues[i].field, action.newValues[i].value));
+            fieldsToUpdate = _objectSpread$I(_objectSpread$I({}, fieldsToUpdate), {}, _defineProperty({}, action.newValues[i].field, action.newValues[i].value));
           }
           if (!apiInterface.canUpdate) {
             _context2.next = 9;
             break;
           }
           _context2.next = 7;
-          return apiInterface.update(_objectSpread$H({}, fieldsToUpdate), data);
+          return apiInterface.update(_objectSpread$I({}, fieldsToUpdate), data);
         case 7:
           response = _context2.sent;
           return _context2.abrupt("return", response);
@@ -21956,7 +22150,7 @@ function _simpleChangeValue() {
   return _simpleChangeValue.apply(this, arguments);
 }
 function A(props) {
-  return /*#__PURE__*/jsx("a", _objectSpread$H({}, props));
+  return /*#__PURE__*/jsx("a", _objectSpread$I({}, props));
 }
 
 function _createForOfIteratorHelper$a(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$a(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
@@ -22091,11 +22285,11 @@ var newscroller = "newscroller-INKeD";
 var antCollapseHeader = "ant-collapse-header--6FgU";
 var itemTitle = "item-title--BTvC";
 var itemDesc = "item-desc-DBiiF";
-var css_248z$o = ".diva-component-DIVA_BACKOFFICE_NEW .title-cl-ZAj2y {\n  color: black;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .description-m3mNY {\n  color: grey;\n  flex: 1 1 100%;\n  margin-left: 25px;\n  margin-top: -25px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-group-xWnj- {\n  /* border-bottom: 1px solid black; */\n  margin-bottom: 40px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .delete-item-otdSr {\n  cursor: pointer;\n  position: relative;\n  float: right;\n  top: 13px;\n  margin-right: 20px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .newscroller-INKeD {\n  overflow: auto;\n  height: 400px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-collapse-header--6FgU div {\n  flex-wrap: wrap !important;\n}\n.diva-component-DIVA_BACKOFFICE_NEW a .item-title--BTvC {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.85);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-desc-DBiiF {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.45);\n}\n";
-styleInject(css_248z$o);
+var css_248z$p = ".diva-component-DIVA_BACKOFFICE_NEW .title-cl-ZAj2y {\n  color: black;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .description-m3mNY {\n  color: grey;\n  flex: 1 1 100%;\n  margin-left: 25px;\n  margin-top: -25px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-group-xWnj- {\n  /* border-bottom: 1px solid black; */\n  margin-bottom: 40px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .delete-item-otdSr {\n  cursor: pointer;\n  position: relative;\n  float: right;\n  top: 13px;\n  margin-right: 20px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .newscroller-INKeD {\n  overflow: auto;\n  height: 400px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-collapse-header--6FgU div {\n  flex-wrap: wrap !important;\n}\n.diva-component-DIVA_BACKOFFICE_NEW a .item-title--BTvC {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.85);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-desc-DBiiF {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.45);\n}\n";
+styleInject(css_248z$p);
 
-function ownKeys$G(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$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$H(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$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DropDown = function DropDown(_ref) {
   var _curItem$data$length;
   var split = _ref.split,
@@ -22127,7 +22321,7 @@ var DropDown = function DropDown(_ref) {
   });
   return /*#__PURE__*/jsx(Collapse, {
     onChange: function onChange() {
-      return getSplittedItems(_objectSpread$G(_objectSpread$G({}, item.item), {}, {
+      return getSplittedItems(_objectSpread$H(_objectSpread$H({}, item.item), {}, {
         parentId: item.parentId
       }), 0);
     },
@@ -22385,8 +22579,8 @@ var RelationSelector = function RelationSelector(_ref, ref) {
 };
 var RelationSelector$1 = observer(/*#__PURE__*/React.forwardRef(RelationSelector));
 
-function ownKeys$F(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$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$G(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$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useFormListData (_ref) {
   var _configuration$defaul;
   var id = _ref.id,
@@ -22466,7 +22660,7 @@ function useFormListData (_ref) {
             if (updated.length == state.length) {
               newState = state.map(function (s, i) {
                 var _updated$find;
-                return _objectSpread$F(_objectSpread$F({}, s), {}, {
+                return _objectSpread$G(_objectSpread$G({}, s), {}, {
                   data: (_updated$find = updated.find(function (u) {
                     return u.index == i;
                   })) === null || _updated$find === void 0 ? void 0 : _updated$find.data
@@ -22603,8 +22797,8 @@ var FormList = function FormList(_ref, ref) {
 };
 var FormList$1 = observer(/*#__PURE__*/React.forwardRef(FormList));
 
-function ownKeys$E(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$F(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$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$6 = getLogger('Backoffice', 'SelectOrCreate');
 function useSelectOrCreateData (_ref) {
   var id = _ref.id,
@@ -22701,7 +22895,7 @@ function useSelectOrCreateData (_ref) {
               _context.next = 7;
               return apiHandler.readList(configuration.readMapping, mappingData, {
                 filters: (_configuration$select3 = configuration.selectMapping) !== null && _configuration$select3 !== void 0 && _configuration$select3.searchField ? (_configuration$select4 = configuration.selectMapping) === null || _configuration$select4 === void 0 ? void 0 : _configuration$select4.searchField.reduce(function (filter, field) {
-                  return _objectSpread$E(_objectSpread$E({}, filter), {}, _defineProperty({}, field.field, [value, field.filter, true]));
+                  return _objectSpread$F(_objectSpread$F({}, filter), {}, _defineProperty({}, field.field, [value, field.filter, true]));
                 }, {}) : {
                   _id: [value, 'contains']
                 },
@@ -23012,8 +23206,8 @@ var Multiple = function Multiple(_ref3) {
   });
 };
 
-function ownKeys$D(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$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$E(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useListData (_ref) {
   var id = _ref.id,
     data = _ref.data;
@@ -23056,7 +23250,7 @@ function useListData (_ref) {
           case 3:
             result = _context.sent;
             setListData(result.data.map(parseField));
-            initData = _objectSpread$D({}, data);
+            initData = _objectSpread$E({}, data);
             setUpdatedObject(initData);
             setLoading(false);
           case 8:
@@ -23097,7 +23291,7 @@ function useListData (_ref) {
     });
     (_configuration$itemMa7 = configuration.itemMapping.itemUpdate) === null || _configuration$itemMa7 === void 0 || _configuration$itemMa7.forEach(function (field) {
       var parsedField = field.field.split('.');
-      item.itemUpdate = _objectSpread$D(_objectSpread$D({}, field), {}, {
+      item.itemUpdate = _objectSpread$E(_objectSpread$E({}, field), {}, {
         value: dataEntry[parsedField[parsedField.length - 1]]
       });
     });
@@ -23128,16 +23322,16 @@ function useListData (_ref) {
       console.error('field with more than 2 parts not allowed');
       return;
     }
-    var updObj = _objectSpread$D({}, updatedObject);
+    var updObj = _objectSpread$E({}, updatedObject);
     if (fields.length === 1) {
-      updObj = _objectSpread$D(_objectSpread$D({}, updObj), {}, _defineProperty({}, fields[0], value));
+      updObj = _objectSpread$E(_objectSpread$E({}, updObj), {}, _defineProperty({}, fields[0], value));
     } else if (fields.length === 2) {
       var updatedField = updObj[fields[0]].find(function (v) {
         return v.id === item.id.trim();
       });
       if (updatedField) {
-        var updatedFieldCopy = _objectSpread$D(_objectSpread$D({}, updatedField), {}, _defineProperty({}, fields[1], value));
-        updObj = _objectSpread$D(_objectSpread$D({}, updObj), {}, _defineProperty({}, fields[0], updObj[fields[0]].map(function (v) {
+        var updatedFieldCopy = _objectSpread$E(_objectSpread$E({}, updatedField), {}, _defineProperty({}, fields[1], value));
+        updObj = _objectSpread$E(_objectSpread$E({}, updObj), {}, _defineProperty({}, fields[0], updObj[fields[0]].map(function (v) {
           return v.id === item.id.trim() ? updatedFieldCopy : v;
         })));
       }
@@ -23146,11 +23340,11 @@ function useListData (_ref) {
     var acItems = listData;
     for (var i = 0; i < acItems.length; i++) {
       if (i == index) {
-        acItems[i].itemUpdate = _objectSpread$D(_objectSpread$D({}, acItems[i].itemUpdate), {}, {
+        acItems[i].itemUpdate = _objectSpread$E(_objectSpread$E({}, acItems[i].itemUpdate), {}, {
           value: value
         });
       } else if (!acItems[i].itemUpdate.multiselect) {
-        acItems[i].itemUpdate = _objectSpread$D(_objectSpread$D({}, acItems[i].itemUpdate), {}, {
+        acItems[i].itemUpdate = _objectSpread$E(_objectSpread$E({}, acItems[i].itemUpdate), {}, {
           value: !value
         });
       }
@@ -23504,8 +23698,8 @@ var jsoneditor = "jsoneditor-WMs15";
 var preview = "preview-9wK81";
 var previewButton = "preview-button-vupuG";
 var editButton = "edit-button-m6r3M";
-var css_248z$n = ".jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-transform {\n  display: none;\n}\n.jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-repair {\n  display: none;\n}\n.jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-poweredBy {\n  display: none;\n}\n.jsoneditor-WMs15 .preview-9wK81 {\n  background-color: #f19e34;\n}\n\n.jsoneditor-WMs15 .preview-button-vupuG {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 19.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 502 502%22 style%3D%22enable-background%3Anew 0 0 502 502%3B%22 xml%3Aspace%3D%22preserve%22 fill%3D%22%23fff%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cg%3E%09%09%09%3Cpath d%3D%22M478.482%2C448.601l-101.6-101.599c8.089-15.262%2C12.339-32.29%2C12.339-49.717c0-35.689-18.182-69.164-47.804-88.743V92.53%09%09%09%09c0-2.652-1.054-5.196-2.929-7.071l-82.529-82.53C254.083%2C1.054%2C251.54%2C0%2C248.888%2C0H24.371c-5.522%2C0-10%2C4.477-10%2C10v427.735%09%09%09%09c0%2C5.523%2C4.478%2C10%2C10%2C10h307.046c5.522%2C0%2C10-4.477%2C10-10v-37.722l92.825%2C92.825c5.908%2C5.908%2C13.764%2C9.162%2C22.119%2C9.162%09%09%09%09c8.356%2C0%2C16.212-3.254%2C22.12-9.162C490.678%2C480.642%2C490.678%2C460.797%2C478.482%2C448.601z M307.276%2C82.53h-48.387V34.143%09%09%09%09l24.193%2C24.193L307.276%2C82.53z M321.417%2C396.377v31.358H34.371V20h204.517v72.53c0%2C5.523%2C4.478%2C10%2C10%2C10h72.529v95.662%09%09%09%09l0.009%2C0.014c-12.214-4.741-25.275-7.215-38.499-7.215c-58.61%2C0-106.294%2C47.683-106.294%2C106.293s47.684%2C106.293%2C106.294%2C106.293%09%09%09%09c13.224%2C0%2C26.285-2.474%2C38.499-7.215L321.417%2C396.377z M328.948%2C370.291c-0.848%2C0.536-1.706%2C1.057-2.574%2C1.563%09%09%09%09c-13.131%2C7.67-28.154%2C11.724-43.446%2C11.724c-47.583%2C0-86.294-38.711-86.294-86.293c0-47.582%2C38.711-86.293%2C86.294-86.293%09%09%09%09c15.291%2C0%2C30.315%2C4.054%2C43.447%2C11.724c26.428%2C15.435%2C42.846%2C44.008%2C42.846%2C74.569c0%2C16.35-4.595%2C32.264-13.289%2C46.022%09%09%09%09C349.097%2C354.125%2C339.766%2C363.455%2C328.948%2C370.291z M464.339%2C478.696c-2.131%2C2.131-4.964%2C3.304-7.978%2C3.304%09%09%09%09c-3.014%2C0-5.847-1.173-7.977-3.304l-98.706-98.706l-0.008-0.001c5.856-4.74%2C11.221-10.104%2C15.961-15.96l0.001%2C0.008%09%09%09%09l98.707%2C98.707C468.737%2C467.142%2C468.737%2C474.298%2C464.339%2C478.696z%22%2F%3E%09%09%09%3Cpath d%3D%22M246.838%2C238.403c-20.641%2C12.674-32.964%2C34.686-32.964%2C58.882c0%2C5.523%2C4.478%2C10%2C10%2C10c5.522%2C0%2C10-4.477%2C10-10%09%09%09%09c0-17.19%2C8.759-32.83%2C23.429-41.838c4.707-2.89%2C6.179-9.048%2C3.289-13.754C257.702%2C236.986%2C251.544%2C235.513%2C246.838%2C238.403z%22%2F%3E%09%09%09%3Cpath d%3D%22M317.708%2C237.624c-10.52-6.145-22.547-9.392-34.781-9.392c-5.522%2C0-10%2C4.477-10%2C10s4.478%2C10%2C10%2C10%09%09%09%09c8.693%2C0%2C17.232%2C2.304%2C24.693%2C6.662c1.586%2C0.926%2C3.321%2C1.367%2C5.034%2C1.367c3.438%2C0%2C6.785-1.775%2C8.645-4.958%09%09%09%09C324.085%2C246.533%2C322.477%2C240.409%2C317.708%2C237.624z%22%2F%3E%09%09%3C%2Fg%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-size: 20px;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.jsoneditor-WMs15 .preview-button-vupuG:hover {\n  border: 0;\n}\n.jsoneditor-WMs15 .preview-button-vupuG:disabled {\n  opacity: 0.3;\n}\n\n.jsoneditor-WMs15 .edit-button-m6r3M {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 16.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%22494.936px%22 height%3D%22494.936px%22 viewBox%3D%220 0 494.936 494.936%22 style%3D%22enable-background%3Anew 0 0 494.936 494.936%3B%22%09 xml%3Aspace%3D%22preserve%22 fill%3D%22%23fff%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cpath d%3D%22M389.844%2C182.85c-6.743%2C0-12.21%2C5.467-12.21%2C12.21v222.968c0%2C23.562-19.174%2C42.735-42.736%2C42.735H67.157%09%09%09c-23.562%2C0-42.736-19.174-42.736-42.735V150.285c0-23.562%2C19.174-42.735%2C42.736-42.735h267.741c6.743%2C0%2C12.21-5.467%2C12.21-12.21%09%09%09s-5.467-12.21-12.21-12.21H67.157C30.126%2C83.13%2C0%2C113.255%2C0%2C150.285v267.743c0%2C37.029%2C30.126%2C67.155%2C67.157%2C67.155h267.741%09%09%09c37.03%2C0%2C67.156-30.126%2C67.156-67.155V195.061C402.054%2C188.318%2C396.587%2C182.85%2C389.844%2C182.85z%22%2F%3E%09%09%3Cpath d%3D%22M483.876%2C20.791c-14.72-14.72-38.669-14.714-53.377%2C0L221.352%2C229.944c-0.28%2C0.28-3.434%2C3.559-4.251%2C5.396l-28.963%2C65.069%09%09%09c-2.057%2C4.619-1.056%2C10.027%2C2.521%2C13.6c2.337%2C2.336%2C5.461%2C3.576%2C8.639%2C3.576c1.675%2C0%2C3.362-0.346%2C4.96-1.057l65.07-28.963%09%09%09c1.83-0.815%2C5.114-3.97%2C5.396-4.25L483.876%2C74.169c7.131-7.131%2C11.06-16.61%2C11.06-26.692%09%09%09C494.936%2C37.396%2C491.007%2C27.915%2C483.876%2C20.791z M466.61%2C56.897L257.457%2C266.05c-0.035%2C0.036-0.055%2C0.078-0.089%2C0.107%09%09%09l-33.989%2C15.131L238.51%2C247.3c0.03-0.036%2C0.071-0.055%2C0.107-0.09L447.765%2C38.058c5.038-5.039%2C13.819-5.033%2C18.846%2C0.005%09%09%09c2.518%2C2.51%2C3.905%2C5.855%2C3.905%2C9.414C470.516%2C51.036%2C469.127%2C54.38%2C466.61%2C56.897z%22%2F%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n";
-styleInject(css_248z$n);
+var css_248z$o = ".jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-transform {\n  display: none;\n}\n.jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-repair {\n  display: none;\n}\n.jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-poweredBy {\n  display: none;\n}\n.jsoneditor-WMs15 .preview-9wK81 {\n  background-color: #f19e34;\n}\n\n.jsoneditor-WMs15 .preview-button-vupuG {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 19.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 502 502%22 style%3D%22enable-background%3Anew 0 0 502 502%3B%22 xml%3Aspace%3D%22preserve%22 fill%3D%22%23fff%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cg%3E%09%09%09%3Cpath d%3D%22M478.482%2C448.601l-101.6-101.599c8.089-15.262%2C12.339-32.29%2C12.339-49.717c0-35.689-18.182-69.164-47.804-88.743V92.53%09%09%09%09c0-2.652-1.054-5.196-2.929-7.071l-82.529-82.53C254.083%2C1.054%2C251.54%2C0%2C248.888%2C0H24.371c-5.522%2C0-10%2C4.477-10%2C10v427.735%09%09%09%09c0%2C5.523%2C4.478%2C10%2C10%2C10h307.046c5.522%2C0%2C10-4.477%2C10-10v-37.722l92.825%2C92.825c5.908%2C5.908%2C13.764%2C9.162%2C22.119%2C9.162%09%09%09%09c8.356%2C0%2C16.212-3.254%2C22.12-9.162C490.678%2C480.642%2C490.678%2C460.797%2C478.482%2C448.601z M307.276%2C82.53h-48.387V34.143%09%09%09%09l24.193%2C24.193L307.276%2C82.53z M321.417%2C396.377v31.358H34.371V20h204.517v72.53c0%2C5.523%2C4.478%2C10%2C10%2C10h72.529v95.662%09%09%09%09l0.009%2C0.014c-12.214-4.741-25.275-7.215-38.499-7.215c-58.61%2C0-106.294%2C47.683-106.294%2C106.293s47.684%2C106.293%2C106.294%2C106.293%09%09%09%09c13.224%2C0%2C26.285-2.474%2C38.499-7.215L321.417%2C396.377z M328.948%2C370.291c-0.848%2C0.536-1.706%2C1.057-2.574%2C1.563%09%09%09%09c-13.131%2C7.67-28.154%2C11.724-43.446%2C11.724c-47.583%2C0-86.294-38.711-86.294-86.293c0-47.582%2C38.711-86.293%2C86.294-86.293%09%09%09%09c15.291%2C0%2C30.315%2C4.054%2C43.447%2C11.724c26.428%2C15.435%2C42.846%2C44.008%2C42.846%2C74.569c0%2C16.35-4.595%2C32.264-13.289%2C46.022%09%09%09%09C349.097%2C354.125%2C339.766%2C363.455%2C328.948%2C370.291z M464.339%2C478.696c-2.131%2C2.131-4.964%2C3.304-7.978%2C3.304%09%09%09%09c-3.014%2C0-5.847-1.173-7.977-3.304l-98.706-98.706l-0.008-0.001c5.856-4.74%2C11.221-10.104%2C15.961-15.96l0.001%2C0.008%09%09%09%09l98.707%2C98.707C468.737%2C467.142%2C468.737%2C474.298%2C464.339%2C478.696z%22%2F%3E%09%09%09%3Cpath d%3D%22M246.838%2C238.403c-20.641%2C12.674-32.964%2C34.686-32.964%2C58.882c0%2C5.523%2C4.478%2C10%2C10%2C10c5.522%2C0%2C10-4.477%2C10-10%09%09%09%09c0-17.19%2C8.759-32.83%2C23.429-41.838c4.707-2.89%2C6.179-9.048%2C3.289-13.754C257.702%2C236.986%2C251.544%2C235.513%2C246.838%2C238.403z%22%2F%3E%09%09%09%3Cpath d%3D%22M317.708%2C237.624c-10.52-6.145-22.547-9.392-34.781-9.392c-5.522%2C0-10%2C4.477-10%2C10s4.478%2C10%2C10%2C10%09%09%09%09c8.693%2C0%2C17.232%2C2.304%2C24.693%2C6.662c1.586%2C0.926%2C3.321%2C1.367%2C5.034%2C1.367c3.438%2C0%2C6.785-1.775%2C8.645-4.958%09%09%09%09C324.085%2C246.533%2C322.477%2C240.409%2C317.708%2C237.624z%22%2F%3E%09%09%3C%2Fg%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-size: 20px;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.jsoneditor-WMs15 .preview-button-vupuG:hover {\n  border: 0;\n}\n.jsoneditor-WMs15 .preview-button-vupuG:disabled {\n  opacity: 0.3;\n}\n\n.jsoneditor-WMs15 .edit-button-m6r3M {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 16.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%22494.936px%22 height%3D%22494.936px%22 viewBox%3D%220 0 494.936 494.936%22 style%3D%22enable-background%3Anew 0 0 494.936 494.936%3B%22%09 xml%3Aspace%3D%22preserve%22 fill%3D%22%23fff%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cpath d%3D%22M389.844%2C182.85c-6.743%2C0-12.21%2C5.467-12.21%2C12.21v222.968c0%2C23.562-19.174%2C42.735-42.736%2C42.735H67.157%09%09%09c-23.562%2C0-42.736-19.174-42.736-42.735V150.285c0-23.562%2C19.174-42.735%2C42.736-42.735h267.741c6.743%2C0%2C12.21-5.467%2C12.21-12.21%09%09%09s-5.467-12.21-12.21-12.21H67.157C30.126%2C83.13%2C0%2C113.255%2C0%2C150.285v267.743c0%2C37.029%2C30.126%2C67.155%2C67.157%2C67.155h267.741%09%09%09c37.03%2C0%2C67.156-30.126%2C67.156-67.155V195.061C402.054%2C188.318%2C396.587%2C182.85%2C389.844%2C182.85z%22%2F%3E%09%09%3Cpath d%3D%22M483.876%2C20.791c-14.72-14.72-38.669-14.714-53.377%2C0L221.352%2C229.944c-0.28%2C0.28-3.434%2C3.559-4.251%2C5.396l-28.963%2C65.069%09%09%09c-2.057%2C4.619-1.056%2C10.027%2C2.521%2C13.6c2.337%2C2.336%2C5.461%2C3.576%2C8.639%2C3.576c1.675%2C0%2C3.362-0.346%2C4.96-1.057l65.07-28.963%09%09%09c1.83-0.815%2C5.114-3.97%2C5.396-4.25L483.876%2C74.169c7.131-7.131%2C11.06-16.61%2C11.06-26.692%09%09%09C494.936%2C37.396%2C491.007%2C27.915%2C483.876%2C20.791z M466.61%2C56.897L257.457%2C266.05c-0.035%2C0.036-0.055%2C0.078-0.089%2C0.107%09%09%09l-33.989%2C15.131L238.51%2C247.3c0.03-0.036%2C0.071-0.055%2C0.107-0.09L447.765%2C38.058c5.038-5.039%2C13.819-5.033%2C18.846%2C0.005%09%09%09c2.518%2C2.51%2C3.905%2C5.855%2C3.905%2C9.414C470.516%2C51.036%2C469.127%2C54.38%2C466.61%2C56.897z%22%2F%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z$o);
 
 var JsonEditor = function JsonEditor(_ref, ref) {
   var id = _ref.id,
@@ -23664,8 +23858,8 @@ function calcNaturalCanvasSize(image, crop) {
   };
 }
 
-function ownKeys$C(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$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$D(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$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ImageCropper = function ImageCropper(_ref, ref) {
   var id = _ref.id,
     data = _ref.data,
@@ -23773,12 +23967,12 @@ var ImageCropper = function ImageCropper(_ref, ref) {
   }
   function onEnter(e) {
     if (e.key != 'Enter') return;
-    setCrop(_objectSpread$C(_objectSpread$C({}, crop), {}, {
+    setCrop(_objectSpread$D(_objectSpread$D({}, crop), {}, {
       unit: 'px',
       width: Number(widthInputElement.current.value),
       height: Number(heightInputElement.current.value)
     }));
-    setCompletedCrop(_objectSpread$C(_objectSpread$C({}, crop), {}, {
+    setCompletedCrop(_objectSpread$D(_objectSpread$D({}, crop), {}, {
       unit: 'px',
       width: Number(widthInputElement.current.value),
       height: Number(heightInputElement.current.value)
@@ -23856,8 +24050,8 @@ var ImageCropper$1 = observer(/*#__PURE__*/React.forwardRef(ImageCropper));
 function _createForOfIteratorHelper$9(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$9(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0; } }
 function _arrayLikeToArray$9(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$B(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$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$C(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$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useDescriptions (_ref) {
   var id = _ref.id;
   var root = useStore();
@@ -23950,7 +24144,7 @@ function _getDisplayData() {
     return _regeneratorRuntime.wrap(function _callee3$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
-          displayData = _objectSpread$B({}, data);
+          displayData = _objectSpread$C({}, data);
           _iterator = _createForOfIteratorHelper$9(items);
           _context4.prev = 2;
           _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
@@ -24226,8 +24420,8 @@ var FileUploadWrapper$1 = function FileUploadWrapper(_ref) {
 };
 var FileUploadBeta = observer(FileUploadWrapper$1);
 
-function ownKeys$A(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$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$B(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$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useGridData (_ref) {
   var id = _ref.id,
     data = _ref.data;
@@ -24270,11 +24464,11 @@ function useGridData (_ref) {
 function reducer(state, action) {
   switch (action.type) {
     case 'update':
-      return _objectSpread$A(_objectSpread$A({}, state), {}, _defineProperty({}, action.data.divaNr, _objectSpread$A(_objectSpread$A({}, action.data), {}, {
+      return _objectSpread$B(_objectSpread$B({}, state), {}, _defineProperty({}, action.data.divaNr, _objectSpread$B(_objectSpread$B({}, action.data), {}, {
         buffer: Buffer.from(action.data.buffer)
       })));
     case 'delete':
-      var newState = _objectSpread$A({}, state);
+      var newState = _objectSpread$B({}, state);
       delete newState[action.data.divaNr];
       return newState;
     default:
@@ -24284,13 +24478,13 @@ function reducer(state, action) {
 
 var grid = "grid-sGemi";
 var textWrapper = "text-wrapper-xsPXE";
-var css_248z$m = ".grid-sGemi {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n}\n\n.text-wrapper-xsPXE {\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n}\n";
-styleInject(css_248z$m);
+var css_248z$n = ".grid-sGemi {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n}\n\n.text-wrapper-xsPXE {\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n}\n";
+styleInject(css_248z$n);
 
 var wrapper$4 = "wrapper-p-gR3";
-var container$5 = "container-DoZqe";
-var css_248z$l = ".wrapper-p-gR3 {\n  background: #ececec;\n}\n\n.container-DoZqe {\n  display: flex;\n  justify-content: space-between;\n}\n";
-styleInject(css_248z$l);
+var container$6 = "container-DoZqe";
+var css_248z$m = ".wrapper-p-gR3 {\n  background: #ececec;\n}\n\n.container-DoZqe {\n  display: flex;\n  justify-content: space-between;\n}\n";
+styleInject(css_248z$m);
 
 var ToolTipInfo = function ToolTipInfo(props) {
   var _useTranslation = useTranslation(),
@@ -24309,7 +24503,7 @@ var ToolTipInfo = function ToolTipInfo(props) {
         width: 230
       },
       children: /*#__PURE__*/jsx("div", {
-        className: container$5
+        className: container$6
       })
     })
   });
@@ -24361,8 +24555,8 @@ var Grid = function Grid(_ref) {
   });
 };
 
-function ownKeys$z(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$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$A(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$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useMediaUpload = function useMediaUpload(_ref) {
   var id = _ref.id;
   var root = useStore();
@@ -24481,7 +24675,7 @@ var useMediaUpload = function useMediaUpload(_ref) {
     onRemove: onRemove,
     customRequest: customRequest,
     fileList: fileList.map(function (f) {
-      return _objectSpread$z(_objectSpread$z({}, f), {}, {
+      return _objectSpread$A(_objectSpread$A({}, f), {}, {
         url: f.url
       });
     }),
@@ -24493,8 +24687,8 @@ var useMediaUpload = function useMediaUpload(_ref) {
 var small = "small-NY1-k";
 var medium = "medium---QcO";
 var big = "big--E39S";
-var css_248z$k = ".diva-component-DIVA_BACKOFFICE_NEW .ant-upload-wrapper {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-nested-loading {\n  width: 100%;\n  height: 100%;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .ant-table-wrapper, .diva-component-DIVA_BACKOFFICE_NEW .ant-table {\n  height: inherit;\n  overflow: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-drawer-body .ant-spin-nested-loading {\n  width: 100%;\n  height: 80%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-container {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .andt-table .ant-spin-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-space-item .andt-table .ant-spin-container {\n  height: calc(60vh - 90px);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .andt-table .ant-table-container {\n  height: calc(100% - 80px);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list-item-container {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-select {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .small-NY1-k {\n  width: 104px;\n  height: 104px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .medium---QcO {\n  width: 200px;\n  height: 200px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .big--E39S {\n  width: 400px;\n  height: 400px;\n}\n";
-styleInject(css_248z$k);
+var css_248z$l = ".diva-component-DIVA_BACKOFFICE_NEW .ant-upload-wrapper {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-nested-loading {\n  width: 100%;\n  height: 100%;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .ant-table-wrapper, .diva-component-DIVA_BACKOFFICE_NEW .ant-table {\n  height: inherit;\n  overflow: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-drawer-body .ant-spin-nested-loading {\n  width: 100%;\n  height: 80%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-container {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .andt-table .ant-spin-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-space-item .andt-table .ant-spin-container {\n  height: calc(60vh - 90px);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .andt-table .ant-table-container {\n  height: calc(100% - 80px);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list-item-container {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-select {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .small-NY1-k {\n  width: 104px;\n  height: 104px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .medium---QcO {\n  width: 200px;\n  height: 200px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .big--E39S {\n  width: 400px;\n  height: 400px;\n}\n";
+styleInject(css_248z$l);
 
 var MediaUpload = observer(function (_ref) {
   var id = _ref.id;
@@ -24569,8 +24763,8 @@ var TableSummary = function TableSummary(_ref) {
   });
 };
 
-function ownKeys$y(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$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$z(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$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function getExpandedRowRenderer (config, root) {
   return function (record) {
     var data = record;
@@ -24592,7 +24786,7 @@ function customSubTable(columns, datasource) {
   // map custom columns to antd columns
   var antcols = columns.map(function (col) {
     var _col$width;
-    return _objectSpread$y(_objectSpread$y({}, col), {}, {
+    return _objectSpread$z(_objectSpread$z({}, col), {}, {
       title: col.title,
       dataIndex: col.field,
       key: col.field,
@@ -24620,8 +24814,8 @@ var editableRow = "editable-row-9BEHi";
 var checkbox = "checkbox-H7R-w";
 var editableCellValueWrap = "editable-cell-value-wrap-ugTs4";
 var contentWidth = "content-width-hGyVI";
-var css_248z$j = ".checkbox-readonly-0-bzT {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox-input {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox {\n  cursor: default;\n}\n\n.editable-row-9BEHi:hover .checkbox-H7R-w .ant-checkbox {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);\n}\n\n.editable-cell-value-wrap-ugTs4 {\n  padding: 5px 12px;\n  cursor: pointer;\n}\n\n.editable-row-9BEHi:hover .editable-cell-value-wrap-ugTs4 {\n  padding: 4px 11px;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n}\n\n.content-width-hGyVI .ant-modal-confirm-content {\n  width: 100%;\n}\n";
-styleInject(css_248z$j);
+var css_248z$k = ".checkbox-readonly-0-bzT {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox-input {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox {\n  cursor: default;\n}\n\n.editable-row-9BEHi:hover .checkbox-H7R-w .ant-checkbox {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);\n}\n\n.editable-cell-value-wrap-ugTs4 {\n  padding: 5px 12px;\n  cursor: pointer;\n}\n\n.editable-row-9BEHi:hover .editable-cell-value-wrap-ugTs4 {\n  padding: 4px 11px;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n}\n\n.content-width-hGyVI .ant-modal-confirm-content {\n  width: 100%;\n}\n";
+styleInject(css_248z$k);
 
 function BooleanCell (_ref) {
   var children = _ref.children,
@@ -25304,8 +25498,8 @@ function LinkCell (_ref) {
 
 var _excluded$1 = ["index"],
   _excluded2 = ["children", "dataIndex", "record", "handleSave", "column"];
-function ownKeys$x(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$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$y(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$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$4 = getLogger('Backoffice', 'CellRenderer');
 var EditableContext = /*#__PURE__*/React.createContext(null);
 var CustomRow = function CustomRow(_ref) {
@@ -25319,7 +25513,7 @@ var CustomRow = function CustomRow(_ref) {
     component: false,
     children: /*#__PURE__*/jsx(EditableContext.Provider, {
       value: form,
-      children: /*#__PURE__*/jsx("tr", _objectSpread$x({}, props))
+      children: /*#__PURE__*/jsx("tr", _objectSpread$y({}, props))
     })
   });
 };
@@ -25372,7 +25566,7 @@ var CustomCell = function CustomCell(_ref2) {
   if ((record === null || record === void 0 ? void 0 : record.ItemField) == 'LongDescription') {
     longDescriptionType = 'text';
   }
-  var modifiedColumn = _objectSpread$x(_objectSpread$x({}, column), {}, {
+  var modifiedColumn = _objectSpread$y(_objectSpread$y({}, column), {}, {
     type: longDescriptionType || (column === null || column === void 0 ? void 0 : column.type)
   });
   if (column) {
@@ -25385,40 +25579,40 @@ var CustomCell = function CustomCell(_ref2) {
     };
     switch (modifiedColumn.type) {
       case 'boolean':
-        childNode = /*#__PURE__*/jsx(BooleanCell, _objectSpread$x({}, cellProps));
+        childNode = /*#__PURE__*/jsx(BooleanCell, _objectSpread$y({}, cellProps));
         break;
       case 'text':
-        childNode = /*#__PURE__*/jsx(TextCell, _objectSpread$x({}, cellProps));
+        childNode = /*#__PURE__*/jsx(TextCell, _objectSpread$y({}, cellProps));
         break;
       case 'select':
-        childNode = /*#__PURE__*/jsx(DropdownCell, _objectSpread$x({}, cellProps));
+        childNode = /*#__PURE__*/jsx(DropdownCell, _objectSpread$y({}, cellProps));
       case 'media':
-        childNode = /*#__PURE__*/jsx(MediaViewerCell, _objectSpread$x({}, cellProps));
+        childNode = /*#__PURE__*/jsx(MediaViewerCell, _objectSpread$y({}, cellProps));
         break;
       case 'mediaItem':
-        childNode = /*#__PURE__*/jsx(MediaItemViewerCell, _objectSpread$x({}, cellProps));
+        childNode = /*#__PURE__*/jsx(MediaItemViewerCell, _objectSpread$y({}, cellProps));
         break;
       case 'unixTimeStamp':
-        childNode = /*#__PURE__*/jsx(UnixTimeStampCell, _objectSpread$x({}, cellProps));
+        childNode = /*#__PURE__*/jsx(UnixTimeStampCell, _objectSpread$y({}, cellProps));
         break;
       case 'unixTimeStampCheck':
-        childNode = /*#__PURE__*/jsx(UnixTimeStampCheckCell, _objectSpread$x({}, cellProps));
+        childNode = /*#__PURE__*/jsx(UnixTimeStampCheckCell, _objectSpread$y({}, cellProps));
         break;
       case 'icon':
-        childNode = /*#__PURE__*/jsx(IconCell, _objectSpread$x({}, cellProps));
+        childNode = /*#__PURE__*/jsx(IconCell, _objectSpread$y({}, cellProps));
         break;
       case 'progress':
-        childNode = /*#__PURE__*/jsx(ProgressCell, _objectSpread$x({}, cellProps));
+        childNode = /*#__PURE__*/jsx(ProgressCell, _objectSpread$y({}, cellProps));
         break;
       case 'link':
-        childNode = /*#__PURE__*/jsx(LinkCell, _objectSpread$x({}, cellProps));
+        childNode = /*#__PURE__*/jsx(LinkCell, _objectSpread$y({}, cellProps));
         break;
       default:
-        childNode = /*#__PURE__*/jsx(StringCell, _objectSpread$x({}, cellProps));
+        childNode = /*#__PURE__*/jsx(StringCell, _objectSpread$y({}, cellProps));
         break;
     }
   }
-  return /*#__PURE__*/jsx("td", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
+  return /*#__PURE__*/jsx("td", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
     children: childNode
   }));
 };
@@ -25607,11 +25801,11 @@ function useAGHistogram (_ref) {
   };
 }
 
-var container$4 = "container-2r-OJ";
+var container$5 = "container-2r-OJ";
 var column1 = "column1-9viTK";
 var spinner = "spinner-00VcK";
-var css_248z$i = ".container-2r-OJ {\n  display: flex;\n  gap: 40px; /* Distribute the columns evenly */\n}\n\n.column-yZ2Qc {\n  padding: 10px;\n}\n\n.column1-9viTK .column-yZ2Qc {\n  flex: 8;\n}\n\n.column2-pCnEz .column-yZ2Qc {\n  flex: 1;\n}\n\n.column3-QZDVv .column-yZ2Qc {\n  flex: 3;\n}\n\n.spinner-00VcK {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n";
-styleInject(css_248z$i);
+var css_248z$j = ".container-2r-OJ {\n  display: flex;\n  gap: 40px; /* Distribute the columns evenly */\n}\n\n.column-yZ2Qc {\n  padding: 10px;\n}\n\n.column1-9viTK .column-yZ2Qc {\n  flex: 8;\n}\n\n.column2-pCnEz .column-yZ2Qc {\n  flex: 1;\n}\n\n.column3-QZDVv .column-yZ2Qc {\n  flex: 3;\n}\n\n.spinner-00VcK {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n";
+styleInject(css_248z$j);
 
 var Panel = Collapse.Panel;
 function AGHistogram (_ref) {
@@ -25724,7 +25918,7 @@ function AGHistogram (_ref) {
       children: /*#__PURE__*/jsx(Panel, {
         header: headerText,
         children: /*#__PURE__*/jsxs("div", {
-          className: container$4,
+          className: container$5,
           children: [!loadingHistogram && /*#__PURE__*/jsx("div", {
             className: classnames(column1, 'ag-theme-alpine'),
             style: {
@@ -25770,8 +25964,8 @@ var SMChart = function SMChart(props) {
   }) : /*#__PURE__*/jsx(Fragment, {});
 };
 
-function ownKeys$w(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$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$x(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$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0; } }
 function _arrayLikeToArray$4(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -25924,7 +26118,11 @@ var TableWrapper = function TableWrapper(_ref) {
                     return state.selected.find(function (sel) {
                       return sel == dt._id;
                     });
-                  }),
+                  }).length ? state.data.filter(function (dt) {
+                    return state.selected.find(function (sel) {
+                      return sel == dt._id;
+                    });
+                  }) : state.mappingData,
                   action: state.configuration.downloadAction,
                   catalogCodex: (_state$catalogItem = state.catalogItem) === null || _state$catalogItem === void 0 ? void 0 : _state$catalogItem.codex,
                   dealerId: (_state$catalogItem2 = state.catalogItem) === null || _state$catalogItem2 === void 0 ? void 0 : _state$catalogItem2.dealerId,
@@ -25966,7 +26164,7 @@ var TableWrapper = function TableWrapper(_ref) {
               // Convert to Dayjs
               (_state$globalFilter4 = state.globalFilter) !== null && _state$globalFilter4 !== void 0 && (_state$globalFilter4 = _state$globalFilter4.timeStamp) !== null && _state$globalFilter4 !== void 0 && (_state$globalFilter4 = _state$globalFilter4['toTimeStamp']) !== null && _state$globalFilter4 !== void 0 && _state$globalFilter4[0] ? dayjs((_state$globalFilter5 = state.globalFilter) === null || _state$globalFilter5 === void 0 || (_state$globalFilter5 = _state$globalFilter5.timeStamp) === null || _state$globalFilter5 === void 0 || (_state$globalFilter5 = _state$globalFilter5['toTimeStamp']) === null || _state$globalFilter5 === void 0 ? void 0 : _state$globalFilter5[0]) : dayjs(new Date()) // Convert to Dayjs
               ]
-            }), ((_state$configuration$4 = state.configuration.filter) === null || _state$configuration$4 === void 0 ? void 0 : _state$configuration$4.select) && /*#__PURE__*/jsx(SimpleSelect, _objectSpread$w(_objectSpread$w({}, (_state$configuration$5 = state.configuration.filter) === null || _state$configuration$5 === void 0 ? void 0 : _state$configuration$5.select.settings), {}, {
+            }), ((_state$configuration$4 = state.configuration.filter) === null || _state$configuration$4 === void 0 ? void 0 : _state$configuration$4.select) && /*#__PURE__*/jsx(SimpleSelect, _objectSpread$x(_objectSpread$x({}, (_state$configuration$5 = state.configuration.filter) === null || _state$configuration$5 === void 0 ? void 0 : _state$configuration$5.select.settings), {}, {
               style: {
                 minWidth: '200px'
               },
@@ -26071,7 +26269,7 @@ var TableWrapper = function TableWrapper(_ref) {
       },
       dataSource: data,
       loading: state.loading,
-      pagination: _objectSpread$w(_objectSpread$w({}, state.pagination), {}, {
+      pagination: _objectSpread$x(_objectSpread$x({}, state.pagination), {}, {
         showTotal: function showTotal(total, range) {
           return "".concat(range[0], "-").concat(range[1], " of ").concat(total, " Elements");
         },
@@ -26391,7 +26589,7 @@ function BulkAction(_ref6) {
             }
             _context4.t0 = data;
             _context4.next = 11;
-            return apiInterface.update(_objectSpread$w(_objectSpread$w({}, dataEntry), updatedData), dataEntry, action.apiCallbackMapping);
+            return apiInterface.update(_objectSpread$x(_objectSpread$x({}, dataEntry), updatedData), dataEntry, action.apiCallbackMapping);
           case 11:
             _context4.t1 = _context4.sent;
             _context4.t0.push.call(_context4.t0, _context4.t1);
@@ -26504,8 +26702,8 @@ function SelectionText(_ref8) {
   });
 }
 
-function ownKeys$v(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$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$w(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$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function getColumnFilterProps (_ref) {
   var filter = _ref.filter,
     title = _ref.title;
@@ -26868,7 +27066,7 @@ var selectProps = function selectProps(title, filter) {
               });
             },
             options: filter.map(function (f) {
-              return _objectSpread$v(_objectSpread$v({}, f), {}, {
+              return _objectSpread$w(_objectSpread$w({}, f), {}, {
                 label: t(f.label)
               });
             })
@@ -26917,7 +27115,7 @@ var multiSelectProps = function multiSelectProps(title, filter) {
         setDisplaySelectedvalues = _useState4[1];
       var options = [];
       options = filter.map(function (f) {
-        return _objectSpread$v(_objectSpread$v({}, f), {}, {
+        return _objectSpread$w(_objectSpread$w({}, f), {}, {
           label: t(f.label)
         });
       });
@@ -26991,8 +27189,8 @@ var multiSelectProps = function multiSelectProps(title, filter) {
   };
 };
 
-function ownKeys$u(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$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$v(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$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function mapColumns(configuration, userHasPermission, onUpdate, data, globalFilter) {
   var columns = configuration.columns.filter(function (c) {
     if (typeof c.hidden == 'boolean' && c.hidden) {
@@ -27045,7 +27243,7 @@ function mapColumns(configuration, userHasPermission, onUpdate, data, globalFilt
 }
 function mapColumn(column, onUpdate) {
   var _column$field, _column$children;
-  return _objectSpread$u(_objectSpread$u(_objectSpread$u({}, column), {}, {
+  return _objectSpread$v(_objectSpread$v(_objectSpread$v({}, column), {}, {
     hidden: false,
     width: column.width || 100,
     dataIndex: (_column$field = column.field) === null || _column$field === void 0 ? void 0 : _column$field.split('.'),
@@ -27095,8 +27293,8 @@ function updateData (_ref) {
   };
 }
 
-function ownKeys$t(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$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$u(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$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function applyFilterAndSortation (_ref) {
   var data = _ref.data,
     filters = _ref.filters,
@@ -27111,7 +27309,7 @@ function applyFilterAndSortation (_ref) {
   processedData = sort(sorter || [], processedData);
   return {
     data: processedData,
-    pagination: _objectSpread$t(_objectSpread$t({}, pagination), {}, {
+    pagination: _objectSpread$u(_objectSpread$u({}, pagination), {}, {
       total: processedData.length
     })
   };
@@ -27196,8 +27394,8 @@ function filter(f, data) {
 }
 
 var _excluded = ["_id"];
-function ownKeys$s(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$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$t(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$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useTableData$1 (_ref) {
   var _configuration$apiInt;
   var id = _ref.id;
@@ -27252,7 +27450,7 @@ function useTableData$1 (_ref) {
     var _configuration$create;
     if (!dataRow) return;
     var id = v4();
-    var processedDataRow = unflatten(_objectSpread$s({
+    var processedDataRow = unflatten(_objectSpread$t({
       _id: id,
       ID: id
     }, dataRow));
@@ -27264,11 +27462,11 @@ function useTableData$1 (_ref) {
       newData = _updateData.data;
       _updateData.prevDataRow;
       _updateData.index;
-    var newState = _objectSpread$s(_objectSpread$s({}, state), {}, {
+    var newState = _objectSpread$t(_objectSpread$t({}, state), {}, {
       data: newData
     });
     if (!filterServerSide) {
-      var res = applyFilterAndSortation(_objectSpread$s(_objectSpread$s({}, filterData), {}, {
+      var res = applyFilterAndSortation(_objectSpread$t(_objectSpread$t({}, filterData), {}, {
         data: newData
       }));
       newState.data = res.data;
@@ -27280,33 +27478,33 @@ function useTableData$1 (_ref) {
     var formData = new FormData();
     processedDataRow._id;
       var value = _objectWithoutProperties(processedDataRow, _excluded);
-    apiHandler.create(undefined, (_configuration$create = configuration.createMapping) !== null && _configuration$create !== void 0 ? _configuration$create : configuration.mapping, _objectSpread$s(_objectSpread$s({}, catalogItem), {}, {
+    apiHandler.create(undefined, (_configuration$create = configuration.createMapping) !== null && _configuration$create !== void 0 ? _configuration$create : configuration.mapping, _objectSpread$t(_objectSpread$t({}, catalogItem), {}, {
       filterContex: filterContex,
       value: JSON.stringify([value])
     }), formData, catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid).then(function (d) {
       if (d && d.Result && d.Result == 'Success') return;
-      setState(_objectSpread$s({}, oldState));
+      setState(_objectSpread$t({}, oldState));
     });
   }, [state, catalogItem, filterData]);
   useEffect(function () {
     if (!catalogItem) return;
-    setState(_objectSpread$s(_objectSpread$s({}, state), {}, {
+    setState(_objectSpread$t(_objectSpread$t({}, state), {}, {
       loading: true,
-      mappingData: _objectSpread$s(_objectSpread$s({}, catalogItem), {}, {
+      mappingData: _objectSpread$t(_objectSpread$t({}, catalogItem), {}, {
         filterContex: filterContex
       })
     }));
     if (!filterServerSide) {
-      apiHandler.readList(configuration.mapping, _objectSpread$s(_objectSpread$s({}, catalogItem), {}, {
+      apiHandler.readList(configuration.mapping, _objectSpread$t(_objectSpread$t({}, catalogItem), {}, {
         filterContex: filterContex
       }), undefined, catalogItem.sessionGuid).then(function (data) {
         var newData = data.data.map(function (d) {
-          return _objectSpread$s(_objectSpread$s({}, d), {}, {
+          return _objectSpread$t(_objectSpread$t({}, d), {}, {
             _id: d._id || d.ID || nanoid()
           });
         });
         onChange({
-          pagination: _objectSpread$s({}, state.pagination),
+          pagination: _objectSpread$t({}, state.pagination),
           filters: {},
           sorter: mapColumns(configuration, root.actions.userHasPermission, onUpdate).filter(function (c) {
             return c.defaultSortOrder;
@@ -27322,7 +27520,7 @@ function useTableData$1 (_ref) {
       });
     } else {
       onChange({
-        pagination: _objectSpread$s({}, state.pagination),
+        pagination: _objectSpread$t({}, state.pagination),
         filters: {},
         sorter: mapColumns(configuration, root.actions.userHasPermission, onUpdate).filter(function (c) {
           return c.defaultSortOrder;
@@ -27338,17 +27536,17 @@ function useTableData$1 (_ref) {
     }
   }, [filterContex, catalogItem]);
   var onChange = function onChange(p, dataParam) {
-    setState(_objectSpread$s(_objectSpread$s({}, state), {}, {
+    setState(_objectSpread$t(_objectSpread$t({}, state), {}, {
       loading: true
     }));
     if (!filterServerSide) {
       var unfilteredData = dataParam ? dataParam : state.unfilteredData;
-      var _applyFilterAndSortat = applyFilterAndSortation(_objectSpread$s(_objectSpread$s({}, p), {}, {
+      var _applyFilterAndSortat = applyFilterAndSortation(_objectSpread$t(_objectSpread$t({}, p), {}, {
           data: unfilteredData
         })),
         data = _applyFilterAndSortat.data,
         pagination = _applyFilterAndSortat.pagination;
-      setState(_objectSpread$s(_objectSpread$s({}, state), {}, {
+      setState(_objectSpread$t(_objectSpread$t({}, state), {}, {
         data: data,
         pagination: pagination,
         loading: false,
@@ -27359,20 +27557,20 @@ function useTableData$1 (_ref) {
         sorter: p.sorter
       });
     } else {
-      apiHandler.readList(configuration.mapping, _objectSpread$s(_objectSpread$s({}, catalogItem), {}, {
+      apiHandler.readList(configuration.mapping, _objectSpread$t(_objectSpread$t({}, catalogItem), {}, {
         filterContex: filterContex
       }), p, catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid).then(function (data) {
-        setState(_objectSpread$s(_objectSpread$s({}, state), {}, {
+        setState(_objectSpread$t(_objectSpread$t({}, state), {}, {
           data: data.data.map(function (dt) {
-            return _objectSpread$s(_objectSpread$s({}, dt), {}, {
+            return _objectSpread$t(_objectSpread$t({}, dt), {}, {
               _id: dt._id || dt.ID || nanoid()
             });
           }),
-          pagination: _objectSpread$s(_objectSpread$s({}, p.pagination), {}, {
+          pagination: _objectSpread$t(_objectSpread$t({}, p.pagination), {}, {
             total: data.total
           }),
           loading: false,
-          mappingData: _objectSpread$s(_objectSpread$s({}, catalogItem), {}, {
+          mappingData: _objectSpread$t(_objectSpread$t({}, catalogItem), {}, {
             filterContex: filterContex
           })
         }));
@@ -27393,7 +27591,7 @@ function useTableData$1 (_ref) {
             filters['_id'] = [id, 'eq', false];
             _context.next = 4;
             return apiHandler.readList(configuration.mapping, {
-              pagination: _objectSpread$s({}, state.pagination),
+              pagination: _objectSpread$t({}, state.pagination),
               columns: configuration.columns,
               filters: filters,
               sorter: filterData.sorter
@@ -27412,7 +27610,7 @@ function useTableData$1 (_ref) {
     };
   }();
   var onSelect = function onSelect(keys) {
-    setState(_objectSpread$s(_objectSpread$s({}, state), {}, {
+    setState(_objectSpread$t(_objectSpread$t({}, state), {}, {
       selected: keys
     }));
   };
@@ -27422,7 +27620,7 @@ function useTableData$1 (_ref) {
       return _regeneratorRuntime.wrap(function _callee2$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            setState(_objectSpread$s(_objectSpread$s({}, state), {}, {
+            setState(_objectSpread$t(_objectSpread$t({}, state), {}, {
               deleting: true
             }));
             newData = _toConsumableArray(state.data);
@@ -27437,7 +27635,7 @@ function useTableData$1 (_ref) {
                     mappingData = (_newData$filter = newData.filter(function (nd) {
                       return nd._id === state.selected[index];
                     })) === null || _newData$filter === void 0 ? void 0 : _newData$filter[0];
-                    mappingData = _objectSpread$s(_objectSpread$s({}, mappingData), state.mappingData);
+                    mappingData = _objectSpread$t(_objectSpread$t({}, mappingData), state.mappingData);
                     _context2.next = 5;
                     return apiHandler["delete"](id, (_configuration$delete = configuration.deleteMapping) !== null && _configuration$delete !== void 0 ? _configuration$delete : configuration.mapping, mappingData, true, catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid);
                   case 5:
@@ -27487,7 +27685,7 @@ function useTableData$1 (_ref) {
             }
             _context3.next = 18;
             return apiHandler.readList(configuration.mapping, {
-              pagination: _objectSpread$s(_objectSpread$s({}, state.pagination), {}, {
+              pagination: _objectSpread$t(_objectSpread$t({}, state.pagination), {}, {
                 current: current
               }),
               columns: configuration.columns,
@@ -27499,11 +27697,11 @@ function useTableData$1 (_ref) {
             newData = data.data;
             total = data.total;
           case 21:
-            setState(_objectSpread$s(_objectSpread$s({}, state), {}, {
+            setState(_objectSpread$t(_objectSpread$t({}, state), {}, {
               selected: [],
               deleting: false,
               data: newData,
-              pagination: _objectSpread$s(_objectSpread$s({}, state.pagination), {}, {
+              pagination: _objectSpread$t(_objectSpread$t({}, state.pagination), {}, {
                 current: current,
                 total: total
               })
@@ -27519,12 +27717,12 @@ function useTableData$1 (_ref) {
     };
   }();
   function setLoading() {
-    setState(_objectSpread$s(_objectSpread$s({}, state), {}, {
+    setState(_objectSpread$t(_objectSpread$t({}, state), {}, {
       loading: true
     }));
   }
-  return _objectSpread$s(_objectSpread$s({}, state), {}, {
-    configuration: _objectSpread$s(_objectSpread$s({}, configuration), {}, {
+  return _objectSpread$t(_objectSpread$t({}, state), {}, {
+    configuration: _objectSpread$t(_objectSpread$t({}, configuration), {}, {
       title: undefined
     }),
     columns: mapColumns(configuration, root.actions.userHasPermission, onUpdate),
@@ -27636,8 +27834,8 @@ function objectHash (obj) {
 function _createForOfIteratorHelper$3(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$3(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$3(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$3(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$3(r, a) : void 0; } }
 function _arrayLikeToArray$3(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$r(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$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$s(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$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$2 = getLogger('Backoffice', 'TableData');
 function useTableData (_ref) {
   var _configuration$filter, _configuration$filter2, _configuration$filter3, _configuration$filter4, _configuration$bulkAc, _configuration$apiInt;
@@ -27696,7 +27894,7 @@ function useTableData (_ref) {
   var _useState13 = useState({
       loading: true,
       deleting: false,
-      pagination: _objectSpread$r({
+      pagination: _objectSpread$s({
         current: 1,
         pageSize: 20,
         total: 0,
@@ -27705,7 +27903,7 @@ function useTableData (_ref) {
       selected: [],
       canDelete: !!apiHandler.canDelete,
       canSelect: !!apiHandler.canDelete || !!((_configuration$bulkAc = configuration.bulkActions) !== null && _configuration$bulkAc !== void 0 && _configuration$bulkAc.length),
-      mappingData: _objectSpread$r(_objectSpread$r({}, parentData), {}, {
+      mappingData: _objectSpread$s(_objectSpread$s({}, parentData), {}, {
         prefilter: {
           select: globalFilter.select
         },
@@ -27716,7 +27914,7 @@ function useTableData (_ref) {
     _useState14 = _slicedToArray(_useState13, 2),
     state = _useState14[0],
     setState = _useState14[1];
-  var mappingData = _objectSpread$r(_objectSpread$r(_objectSpread$r({}, parentData), state.data), {}, {
+  var mappingData = _objectSpread$s(_objectSpread$s(_objectSpread$s({}, parentData), state.data), {}, {
     catalogCodex: catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.codex,
     sessionGuID: catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid
   });
@@ -27755,7 +27953,7 @@ function useTableData (_ref) {
     }
     var dataArray = Array.isArray(data) ? data : [data];
     var newInitData = initData;
-    var newState = _objectSpread$r({}, state);
+    var newState = _objectSpread$s({}, state);
     var selected = [];
     if (configuration.deselectOnUpdate == false) {
       selected = state.selected;
@@ -27772,7 +27970,7 @@ function useTableData (_ref) {
               dataRow: dataRow
             }),
             _data = _updateData.data;
-          newState = _objectSpread$r(_objectSpread$r({}, newState), {}, {
+          newState = _objectSpread$s(_objectSpread$s({}, newState), {}, {
             data: _data,
             selected: selected
           });
@@ -27784,8 +27982,8 @@ function useTableData (_ref) {
             dataRow: dataRow
           }),
           nextInitData = _updateData2.data;
-        var _applyFilterAndSortat = applyFilterAndSortation(_objectSpread$r(_objectSpread$r(_objectSpread$r({}, filterData), {}, {
-            filters: _objectSpread$r(_objectSpread$r(_objectSpread$r(_objectSpread$r(_objectSpread$r(_objectSpread$r({}, filterData.filters), globalFilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter6 = configuration.filter) !== null && _configuration$filter6 !== void 0 && (_configuration$filter6 = _configuration$filter6.toggle) !== null && _configuration$filter6 !== void 0 && _configuration$filter6.inQuery) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"])
+        var _applyFilterAndSortat = applyFilterAndSortation(_objectSpread$s(_objectSpread$s(_objectSpread$s({}, filterData), {}, {
+            filters: _objectSpread$s(_objectSpread$s(_objectSpread$s(_objectSpread$s(_objectSpread$s(_objectSpread$s({}, filterData.filters), globalFilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter6 = configuration.filter) !== null && _configuration$filter6 !== void 0 && (_configuration$filter6 = _configuration$filter6.toggle) !== null && _configuration$filter6 !== void 0 && _configuration$filter6.inQuery) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"])
           }, configuration !== null && configuration !== void 0 && (_configuration$filter7 = configuration.filter) !== null && _configuration$filter7 !== void 0 && (_configuration$filter7 = _configuration$filter7.toggle) !== null && _configuration$filter7 !== void 0 && _configuration$filter7.inQuery ? {
             genericProps: globalFilter.toggle
           } : undefined), {}, {
@@ -27795,7 +27993,7 @@ function useTableData (_ref) {
           _data2 = _applyFilterAndSortat.data,
           pagination = _applyFilterAndSortat.pagination;
         newInitData = nextInitData;
-        newState = _objectSpread$r(_objectSpread$r({}, newState), {}, {
+        newState = _objectSpread$s(_objectSpread$s({}, newState), {}, {
           pagination: pagination,
           data: _data2,
           selected: selected
@@ -27805,8 +28003,8 @@ function useTableData (_ref) {
     if (apiHandler.canCreate) {
       apiCreate(data).then(function (res) {
         if (!res || (res === null || res === void 0 ? void 0 : res.Error) !== undefined) {
-          initData && setInitData(_objectSpread$r({}, initData));
-          setState(_objectSpread$r({}, state));
+          initData && setInitData(_objectSpread$s({}, initData));
+          setState(_objectSpread$s({}, state));
         }
       });
     }
@@ -27819,7 +28017,7 @@ function useTableData (_ref) {
   var triggerRefresh = function triggerRefresh() {
     var _configuration$filter8;
     setError(undefined);
-    var newGlobalFilter = _objectSpread$r({}, globalFilter);
+    var newGlobalFilter = _objectSpread$s({}, globalFilter);
     //on refresh update default filter, since global value can change
     if ((_configuration$filter8 = configuration.filter) !== null && _configuration$filter8 !== void 0 && _configuration$filter8["default"]) {
       var _configuration$filter9;
@@ -27830,7 +28028,7 @@ function useTableData (_ref) {
       newGlobalFilter["default"] = _defaultFilter;
       setGlobaFilter(newGlobalFilter);
     }
-    onChange(_objectSpread$r({
+    onChange(_objectSpread$s({
       pagination: state.pagination
     }, filterData), newGlobalFilter, true);
   };
@@ -27848,7 +28046,7 @@ function useTableData (_ref) {
         order: c.defaultSortOrder
       };
     });
-    if (configuration.initialCall === false && !catalogItem) setState(_objectSpread$r(_objectSpread$r({}, state), {}, {
+    if (configuration.initialCall === false && !catalogItem) setState(_objectSpread$s(_objectSpread$s({}, state), {}, {
       loading: false
     }));else {
       onChange({
@@ -27891,7 +28089,7 @@ function useTableData (_ref) {
           case 0:
             filters = {};
             filters['_id'] = [id, 'eq', false];
-            ssf = _objectSpread$r({
+            ssf = _objectSpread$s({
               pagination: {
                 current: 1,
                 pageSize: 1
@@ -27902,7 +28100,7 @@ function useTableData (_ref) {
               genericProps: globalFilter.toggle
             } : undefined);
             _context2.next = 5;
-            return apiHandler.readList(parentMapping || configuration.mapping, _objectSpread$r(_objectSpread$r({}, mappingData), state.mappingData), ssf);
+            return apiHandler.readList(parentMapping || configuration.mapping, _objectSpread$s(_objectSpread$s({}, mappingData), state.mappingData), ssf);
           case 5:
             data = _context2.sent;
             return _context2.abrupt("return", data);
@@ -27946,12 +28144,12 @@ function useTableData (_ref) {
             refresh = _args3.length > 2 ? _args3[2] : undefined;
             clearSelection = _args3.length > 3 ? _args3[3] : undefined;
             overwriteMappingData = _args3.length > 4 ? _args3[4] : undefined;
-            setState(_objectSpread$r(_objectSpread$r({}, state), {}, {
+            setState(_objectSpread$s(_objectSpread$s({}, state), {}, {
               mappingData: overwriteMappingData !== null && overwriteMappingData !== void 0 ? overwriteMappingData : state.mappingData,
               loading: true
             }));
             currentData = initData;
-            filterData = _objectSpread$r(_objectSpread$r(_objectSpread$r(_objectSpread$r({}, prefilter.search), ((_configuration$filter11 = configuration.filter) === null || _configuration$filter11 === void 0 || (_configuration$filter11 = _configuration$filter11.select) === null || _configuration$filter11 === void 0 ? void 0 : _configuration$filter11.applyDefaultValue) !== false || ((_configuration$filter12 = configuration.filter) === null || _configuration$filter12 === void 0 || (_configuration$filter12 = _configuration$filter12.select) === null || _configuration$filter12 === void 0 ? void 0 : _configuration$filter12.defaultValue) !== ((_prefilter$select = prefilter.select) === null || _prefilter$select === void 0 || (_prefilter$select = _prefilter$select[(_configuration$filter13 = (_configuration$filter14 = configuration.filter) === null || _configuration$filter14 === void 0 || (_configuration$filter14 = _configuration$filter14.select) === null || _configuration$filter14 === void 0 ? void 0 : _configuration$filter14.filterField) !== null && _configuration$filter13 !== void 0 ? _configuration$filter13 : '']) === null || _prefilter$select === void 0 ? void 0 : _prefilter$select[0]) ? prefilter.select : undefined), prefilter.timeStamp), prefilter["default"]); //remove all null values
+            filterData = _objectSpread$s(_objectSpread$s(_objectSpread$s(_objectSpread$s({}, prefilter.search), ((_configuration$filter11 = configuration.filter) === null || _configuration$filter11 === void 0 || (_configuration$filter11 = _configuration$filter11.select) === null || _configuration$filter11 === void 0 ? void 0 : _configuration$filter11.applyDefaultValue) !== false || ((_configuration$filter12 = configuration.filter) === null || _configuration$filter12 === void 0 || (_configuration$filter12 = _configuration$filter12.select) === null || _configuration$filter12 === void 0 ? void 0 : _configuration$filter12.defaultValue) !== ((_prefilter$select = prefilter.select) === null || _prefilter$select === void 0 || (_prefilter$select = _prefilter$select[(_configuration$filter13 = (_configuration$filter14 = configuration.filter) === null || _configuration$filter14 === void 0 || (_configuration$filter14 = _configuration$filter14.select) === null || _configuration$filter14 === void 0 ? void 0 : _configuration$filter14.filterField) !== null && _configuration$filter13 !== void 0 ? _configuration$filter13 : '']) === null || _prefilter$select === void 0 ? void 0 : _prefilter$select[0]) ? prefilter.select : undefined), prefilter.timeStamp), prefilter["default"]); //remove all null values
             filterData = Object.fromEntries(Object.entries(filterData).filter(function (_ref6) {
               var _ref7 = _slicedToArray(_ref6, 2);
                 _ref7[0];
@@ -27959,7 +28157,7 @@ function useTableData (_ref) {
               return v != null;
             }));
             currentFilterHash = objectHash(filterData);
-            currentPagination = _objectSpread$r(_objectSpread$r({}, p.pagination), {}, {
+            currentPagination = _objectSpread$s(_objectSpread$s({}, p.pagination), {}, {
               current: currentFilterHash == filterHash.current ? p.pagination.current : 1
             });
             filterHash.current = currentFilterHash;
@@ -27967,7 +28165,7 @@ function useTableData (_ref) {
               _context3.next = 21;
               break;
             }
-            ssf = _objectSpread$r({
+            ssf = _objectSpread$s({
               pagination: currentPagination,
               columns: configuration.columns,
               filters: filterData,
@@ -27976,12 +28174,12 @@ function useTableData (_ref) {
               genericProps: prefilter.toggle
             } : undefined);
             _context3.next = 15;
-            return apiHandler.readList(parentMapping || configuration.mapping, _objectSpread$r(_objectSpread$r({}, mappingData), overwriteMappingData), ssf, catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid, parseFilter(!(configuration !== null && configuration !== void 0 && (_configuration$filter16 = configuration.filter) !== null && _configuration$filter16 !== void 0 && (_configuration$filter16 = _configuration$filter16.toggle) !== null && _configuration$filter16 !== void 0 && _configuration$filter16.inQuery) ? (_prefilter$toggle = prefilter.toggle) !== null && _prefilter$toggle !== void 0 ? _prefilter$toggle : {} : {}, (_parseFilter = parseFilter(p.filters, undefined)) === null || _parseFilter === void 0 ? void 0 : _parseFilter.slice(1, -1)));
+            return apiHandler.readList(parentMapping || configuration.mapping, _objectSpread$s(_objectSpread$s({}, mappingData), overwriteMappingData), ssf, catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid, parseFilter(!(configuration !== null && configuration !== void 0 && (_configuration$filter16 = configuration.filter) !== null && _configuration$filter16 !== void 0 && (_configuration$filter16 = _configuration$filter16.toggle) !== null && _configuration$filter16 !== void 0 && _configuration$filter16.inQuery) ? (_prefilter$toggle = prefilter.toggle) !== null && _prefilter$toggle !== void 0 ? _prefilter$toggle : {} : {}, (_parseFilter = parseFilter(p.filters, undefined)) === null || _parseFilter === void 0 ? void 0 : _parseFilter.slice(1, -1)));
           case 15:
             data = _context3.sent;
-            currentUrl = apiHandler.getReadListUrl(parentMapping || configuration.mapping, _objectSpread$r(_objectSpread$r({}, mappingData), state.mappingData), ssf);
+            currentUrl = apiHandler.getReadListUrl(parentMapping || configuration.mapping, _objectSpread$s(_objectSpread$s({}, mappingData), state.mappingData), ssf);
             currentData = data.data;
-            currentPagination = _objectSpread$r(_objectSpread$r({}, currentPagination), {}, {
+            currentPagination = _objectSpread$s(_objectSpread$s({}, currentPagination), {}, {
               total: data.total
             });
             _context3.next = 30;
@@ -27998,7 +28196,7 @@ function useTableData (_ref) {
             currentData = _data3.data;
             setInitData(currentData);
           case 27:
-            _applyFilterAndSortat2 = applyFilterAndSortation(_objectSpread$r(_objectSpread$r({}, p), {}, {
+            _applyFilterAndSortat2 = applyFilterAndSortation(_objectSpread$s(_objectSpread$s({}, p), {}, {
               pagination: currentPagination,
               filters: filterData,
               data: currentData,
@@ -28007,11 +28205,11 @@ function useTableData (_ref) {
             currentData = _data4;
             currentPagination = pagination;
           case 30:
-            setState(_objectSpread$r(_objectSpread$r({}, state), {}, {
+            setState(_objectSpread$s(_objectSpread$s({}, state), {}, {
               loading: false,
               data: currentData,
               pagination: currentPagination,
-              mappingData: _objectSpread$r(_objectSpread$r(_objectSpread$r(_objectSpread$r({}, parentData), state.mappingData), overwriteMappingData), {}, {
+              mappingData: _objectSpread$s(_objectSpread$s(_objectSpread$s(_objectSpread$s({}, parentData), state.mappingData), overwriteMappingData), {}, {
                 prefilter: prefilter
               }),
               currentFetchUrl: currentUrl
@@ -28033,7 +28231,7 @@ function useTableData (_ref) {
     };
   }();
   var onSelect = function onSelect(keys) {
-    setState(_objectSpread$r(_objectSpread$r({}, state), {}, {
+    setState(_objectSpread$s(_objectSpread$s({}, state), {}, {
       selected: keys
     }));
   };
@@ -28044,7 +28242,7 @@ function useTableData (_ref) {
       return _regeneratorRuntime.wrap(function _callee4$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            setState(_objectSpread$r(_objectSpread$r({}, state), {}, {
+            setState(_objectSpread$s(_objectSpread$s({}, state), {}, {
               deleting: true
             }));
             newData = _toConsumableArray(state.data);
@@ -28084,7 +28282,7 @@ function useTableData (_ref) {
                     } finally {
                       _iterator.f();
                     }
-                    mappingData = _objectSpread$r(_objectSpread$r(_objectSpread$r({}, mappingData), state.mappingData), mapToggle);
+                    mappingData = _objectSpread$s(_objectSpread$s(_objectSpread$s({}, mappingData), state.mappingData), mapToggle);
                     deleteResult = undefined;
                     _context4.prev = 7;
                     if (!(userPermissions && !root.actions.userHasPermission(userPermissions))) {
@@ -28174,12 +28372,12 @@ function useTableData (_ref) {
               break;
             }
             _context5.next = 25;
-            return apiHandler.readList(parentMapping || configuration.mapping, _objectSpread$r(_objectSpread$r({}, mappingData), state.mappingData), _objectSpread$r({
-              pagination: _objectSpread$r(_objectSpread$r({}, state.pagination), {}, {
+            return apiHandler.readList(parentMapping || configuration.mapping, _objectSpread$s(_objectSpread$s({}, mappingData), state.mappingData), _objectSpread$s({
+              pagination: _objectSpread$s(_objectSpread$s({}, state.pagination), {}, {
                 current: current
               }),
               columns: configuration.columns,
-              filters: _objectSpread$r(_objectSpread$r(_objectSpread$r(_objectSpread$r(_objectSpread$r(_objectSpread$r({}, filterData.filters), globalFilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter17 = configuration.filter) !== null && _configuration$filter17 !== void 0 && (_configuration$filter17 = _configuration$filter17.toggle) !== null && _configuration$filter17 !== void 0 && _configuration$filter17.inQuery) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"]),
+              filters: _objectSpread$s(_objectSpread$s(_objectSpread$s(_objectSpread$s(_objectSpread$s(_objectSpread$s({}, filterData.filters), globalFilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter17 = configuration.filter) !== null && _configuration$filter17 !== void 0 && (_configuration$filter17 = _configuration$filter17.toggle) !== null && _configuration$filter17 !== void 0 && _configuration$filter17.inQuery) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"]),
               sorter: filterData.sorter
             }, configuration !== null && configuration !== void 0 && (_configuration$filter18 = configuration.filter) !== null && _configuration$filter18 !== void 0 && (_configuration$filter18 = _configuration$filter18.toggle) !== null && _configuration$filter18 !== void 0 && _configuration$filter18.inQuery ? {
               genericProps: globalFilter.toggle
@@ -28190,11 +28388,11 @@ function useTableData (_ref) {
             total = data.total;
           case 28:
             setInitData(newInitData);
-            setState(_objectSpread$r(_objectSpread$r({}, state), {}, {
+            setState(_objectSpread$s(_objectSpread$s({}, state), {}, {
               selected: [],
               deleting: false,
               data: newData,
-              pagination: _objectSpread$r(_objectSpread$r({}, state.pagination), {}, {
+              pagination: _objectSpread$s(_objectSpread$s({}, state.pagination), {}, {
                 current: current === 0 ? 1 : current,
                 total: total
               })
@@ -28215,14 +28413,14 @@ function useTableData (_ref) {
       LOG$2.error(new DivaError('No global select filter defiend'));
       return;
     }
-    var newGlobalFilter = _objectSpread$r({}, globalFilter);
+    var newGlobalFilter = _objectSpread$s({}, globalFilter);
     if (value !== null && value !== void 0 && value.length) {
       newGlobalFilter.select = _defineProperty({}, configuration.filter.select.filterField, Array.isArray(value) ? value : [value]);
     } else {
       newGlobalFilter.select = {};
     }
     setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$r({
+    onChange(_objectSpread$s({
       pagination: state.pagination
     }, filterData), newGlobalFilter);
   };
@@ -28233,16 +28431,16 @@ function useTableData (_ref) {
       return;
     }
     var toggleFilter = {};
-    var mappingData = _objectSpread$r({}, state.mappingData);
+    var mappingData = _objectSpread$s({}, state.mappingData);
     configuration.filter.toggle.fields.forEach(function (f) {
       mappingData[f] = !globalFilter.toggle && configuration.filter.toggle.globalValue ? root.getGlobalValue(configuration.filter.toggle.globalValue) : undefined;
       toggleFilter[f] = [configuration.filter.toggle.globalValue ? root.getGlobalValue(configuration.filter.toggle.globalValue) : true, 'eq', !configuration.filter.toggle.isAnd];
     });
-    var newGlobalFilter = _objectSpread$r(_objectSpread$r({}, globalFilter), {}, {
+    var newGlobalFilter = _objectSpread$s(_objectSpread$s({}, globalFilter), {}, {
       toggle: globalFilter.toggle ? undefined : toggleFilter
     });
     setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$r({
+    onChange(_objectSpread$s({
       pagination: state.pagination
     }, filterData), newGlobalFilter, true, true, mappingData);
   };
@@ -28255,7 +28453,7 @@ function useTableData (_ref) {
       LOG$2.error(new DivaError('No global search filter defiend'));
       return;
     }
-    var newGlobalFilter = _objectSpread$r(_objectSpread$r({}, globalFilter), {}, {
+    var newGlobalFilter = _objectSpread$s(_objectSpread$s({}, globalFilter), {}, {
       search: {}
     });
     if (value) {
@@ -28269,7 +28467,7 @@ function useTableData (_ref) {
       });
     }
     setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$r({
+    onChange(_objectSpread$s({
       pagination: state.pagination
     }, filterData), newGlobalFilter);
   };
@@ -28279,20 +28477,20 @@ function useTableData (_ref) {
       LOG$2.error(new DivaError('No global period filter defiend'));
       return;
     }
-    var newGlobalFilter = _objectSpread$r({}, globalFilter);
+    var newGlobalFilter = _objectSpread$s({}, globalFilter);
     newGlobalFilter.timeStamp = {
       fromTimeStamp: [from],
       toTimeStamp: [to]
     };
     if (!configuration.filter.period.onlyAsMappingData) setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$r({
+    onChange(_objectSpread$s({
       pagination: state.pagination
-    }, filterData), undefined, true, undefined, _objectSpread$r(_objectSpread$r({}, state.mappingData), {}, {
+    }, filterData), undefined, true, undefined, _objectSpread$s(_objectSpread$s({}, state.mappingData), {}, {
       from: from,
       to: to
     }));
   };
-  return _objectSpread$r(_objectSpread$r({}, state), {}, {
+  return _objectSpread$s(_objectSpread$s({}, state), {}, {
     title: title,
     configuration: configuration,
     columns: mapColumns(configuration, root.actions.userHasPermission, onUpdate, selectedData, globalFilter),
@@ -28334,8 +28532,8 @@ function StandardTable (_ref) {
   });
 }
 
-function ownKeys$q(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$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$r(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$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function Table (props) {
   var root = useStore();
   var variant = useMemo(function () {
@@ -28343,15 +28541,15 @@ function Table (props) {
     return config.variant;
   }, [props.id]);
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [(variant == 'Standard' || !variant) && /*#__PURE__*/jsx(StandardTable, _objectSpread$q({}, props)), variant == 'CatalogTable' && /*#__PURE__*/jsx(CatalogTable, _objectSpread$q({}, props))]
+    children: [(variant == 'Standard' || !variant) && /*#__PURE__*/jsx(StandardTable, _objectSpread$r({}, props)), variant == 'CatalogTable' && /*#__PURE__*/jsx(CatalogTable, _objectSpread$r({}, props))]
   });
 }
 
 function _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$2(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : void 0; } }
 function _arrayLikeToArray$2(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$p(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$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$q(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$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useAGGrid (_ref) {
   var id = _ref.id,
     filter = _ref.filter,
@@ -28445,7 +28643,7 @@ function useAGGrid (_ref) {
                     value = _ref3[1];
                   if (_idx == 0) {
                     var _supplierData$Options2, _supplierData$Options3, _supplierData$Optionv2, _supplierData$Optionv3;
-                    rdat.push(_objectSpread$p(_objectSpread$p({}, rd), {}, {
+                    rdat.push(_objectSpread$q(_objectSpread$q({}, rd), {}, {
                       grouping: [idx.toString()]
                     }));
                     var sp = key.split(':');
@@ -28585,11 +28783,11 @@ var loader = "loader-LaXZy";
 var flex = "flex-yQdda";
 var bar = "bar-Y663f";
 var value = "value-FCA-6";
-var css_248z$h = ".overlay-lm0tm {\n  position: absolute;\n  z-index: 1;\n  background-color: rgba(247,247,247,0.45882);\n  height: 60vh;\n  width: 100%;\n}\n.loader-LaXZy {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 50px;\n  height: 50px;\n  border: 3px solid rgba(0, 0, 0, 0.3);\n  border-radius: 50%;\n  border-top-color: #fff;\n  animation: spin-qUdpu 1s ease-in-out infinite;\n  -webkit-animation: spin-qUdpu 1s ease-in-out infinite;\n}\n.flex-yQdda {\n  display: flex;\n}\n\n.bar-Y663f {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin-top: 7%;\n}\n\n.value-FCA-6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n@keyframes spin-qUdpu {\n  to {\n    -webkit-transform: rotate(360deg);\n  }\n}\n";
-styleInject(css_248z$h);
+var css_248z$i = ".overlay-lm0tm {\n  position: absolute;\n  z-index: 1;\n  background-color: rgba(247,247,247,0.45882);\n  height: 60vh;\n  width: 100%;\n}\n.loader-LaXZy {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 50px;\n  height: 50px;\n  border: 3px solid rgba(0, 0, 0, 0.3);\n  border-radius: 50%;\n  border-top-color: #fff;\n  animation: spin-qUdpu 1s ease-in-out infinite;\n  -webkit-animation: spin-qUdpu 1s ease-in-out infinite;\n}\n.flex-yQdda {\n  display: flex;\n}\n\n.bar-Y663f {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin-top: 7%;\n}\n\n.value-FCA-6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n@keyframes spin-qUdpu {\n  to {\n    -webkit-transform: rotate(360deg);\n  }\n}\n";
+styleInject(css_248z$i);
 
-function ownKeys$o(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$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$p(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$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AGChart = function AGChart(_ref) {
   var data = _ref.data;
   var groupedData = [];
@@ -28597,11 +28795,11 @@ var AGChart = function AGChart(_ref) {
   data.forEach(function (dt) {
     if (dt.count == 0) return;
     if (groupedData.length > dt.grouping[0]) {
-      groupedData[dt.grouping[0]].push(_objectSpread$o(_objectSpread$o({}, dt), {}, {
+      groupedData[dt.grouping[0]].push(_objectSpread$p(_objectSpread$p({}, dt), {}, {
         count: Number(dt.count)
       }));
     } else {
-      groupedData.push([_objectSpread$o(_objectSpread$o({}, dt), {}, {
+      groupedData.push([_objectSpread$p(_objectSpread$p({}, dt), {}, {
         count: Number(dt.count)
       })]);
     }
@@ -28642,8 +28840,8 @@ var AGChart = function AGChart(_ref) {
   });
 };
 
-function ownKeys$n(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$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$o(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$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AGGrid = /*#__PURE__*/memo(function (_ref) {
   var id = _ref.id,
     filter = _ref.filter,
@@ -28736,7 +28934,7 @@ var AGGrid = /*#__PURE__*/memo(function (_ref) {
           });
         });
       }
-      return _objectSpread$n(_objectSpread$n({}, column), {}, {
+      return _objectSpread$o(_objectSpread$o({}, column), {}, {
         cellRenderer: renderer
       });
     });
@@ -29006,8 +29204,8 @@ var CustomText = function CustomText(_ref) {
 };
 var CustomText$1 = observer(CustomText);
 
-function ownKeys$m(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$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$n(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$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
 function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -29070,7 +29268,7 @@ function useFilterBoxData (id) {
     } finally {
       _iterator.f();
     }
-    return _objectSpread$m(_objectSpread$m({}, state), ob);
+    return _objectSpread$n(_objectSpread$n({}, state), ob);
   }
   return {
     configuration: configuration,
@@ -29084,8 +29282,8 @@ function useFilterBoxData (id) {
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$l(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$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$m(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$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FilterBox = /*#__PURE__*/memo(function (_ref) {
   var id = _ref.id,
     onChangeFilter = _ref.onChangeFilter,
@@ -29113,7 +29311,7 @@ var FilterBox = /*#__PURE__*/memo(function (_ref) {
           }), /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx(Select, {
             mode: "single",
             apiInterface: filter.requestOptions,
-            wholeData: _objectSpread$l(_objectSpread$l({}, state.filter), {}, {
+            wholeData: _objectSpread$m(_objectSpread$m({}, state.filter), {}, {
               tab: tab
             }),
             mapping: filter.requestMapping,
@@ -29345,8 +29543,8 @@ var FilterBox = /*#__PURE__*/memo(function (_ref) {
   return false;
 });
 
-function ownKeys$k(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$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$l(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$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useUIBuilderData (id) {
   var save = undefined;
   var root = useStore();
@@ -29378,7 +29576,7 @@ function useUIBuilderData (id) {
     var configuration = _useMemo.configuration;
   useEffect(function () {
     root.dataStore.getApi2SessionGuid().then(function (res) {
-      return setFilter(_objectSpread$k(_objectSpread$k({}, filter), {}, {
+      return setFilter(_objectSpread$l(_objectSpread$l({}, filter), {}, {
         sessionGuid: res
       }));
     });
@@ -29401,8 +29599,8 @@ function useUIBuilderData (id) {
   };
 }
 
-function ownKeys$j(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$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$k(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$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function UIBuilder(_ref) {
   var id = _ref.id;
   var state = useUIBuilderData(id);
@@ -29429,7 +29627,7 @@ function UIBuilder(_ref) {
           override = {
             value: newFilter[item.field],
             setValue: function setValue(newVal) {
-              var newFilter = _objectSpread$j({}, state.filter);
+              var newFilter = _objectSpread$k({}, state.filter);
               newFilter[item.field] = newVal;
               state.setFilter(newFilter);
             }
@@ -29477,7 +29675,7 @@ function UIBuilder(_ref) {
       case 'AGGrid':
         return /*#__PURE__*/jsx(AGGrid, {
           id: item.id,
-          filter: _objectSpread$j({
+          filter: _objectSpread$k({
             optionCodices: JSON.stringify(state.data)
           }, state.filter),
           override: item.id == 'AGGridTopOptionValues' ? {
@@ -29531,8 +29729,8 @@ var retailerChild = "retailer-child-5ll0K";
 var supplier = "supplier-8sm0I";
 var dealer = "dealer-xgnku";
 var association = "association-b8uVW";
-var css_248z$g = ".label-rYNbb {\n  width: 225px;\n  background-color: #fff;\n  cursor: pointer;\n  padding: 10px 15px;\n  border-radius: 5px;\n  display: flex;\n  gap: 12px;\n  flex-direction: column;\n  font-weight: 500;\n}\n\n.not-clickable-wHc5V {\n  cursor: inherit;\n  color: grey;\n}\n\n.selected-34dYg {\n  font-weight: 630;\n}\n\n.description-iFui2 {\n  font-weight: 300;\n  font-size: small;\n  margin-top: -8px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .org-tree-node-label .org-tree-node-label-inner {\n  padding: 0;\n  padding: initial;\n}\n\n.darkmode .org-tree-container {\n  background-color: rgb(20, 20, 20);\n}\n\n.org-tree-container .org-tree-node-label .ant-btn-default:disabled, .org-tree-container .org-tree-node-label .ant-btn-primary:disabled {\n  border-color: #d9d9d9;\n  color: rgba(0, 0, 0, 0.25);\n  background-color: rgba(0, 0, 0, 0.04);\n}\n\n.retailer-YNzAh {\n  border-bottom: #81c784 solid 5px;\n}\n\n.retailer-child-5ll0K {\n  border-bottom: #c8e6c9 solid 5px;\n}\n\n.supplier-8sm0I {\n  border-bottom: #ba68c8 solid 5px;\n}\n\n.dealer-xgnku {\n  border-bottom: #e1bee7 solid 5px;\n}\n\n.association-b8uVW {\n  border-bottom: #fff176 solid 5px;\n}\n";
-styleInject(css_248z$g);
+var css_248z$h = ".label-rYNbb {\n  width: 225px;\n  background-color: #fff;\n  cursor: pointer;\n  padding: 10px 15px;\n  border-radius: 5px;\n  display: flex;\n  gap: 12px;\n  flex-direction: column;\n  font-weight: 500;\n}\n\n.not-clickable-wHc5V {\n  cursor: inherit;\n  color: grey;\n}\n\n.selected-34dYg {\n  font-weight: 630;\n}\n\n.description-iFui2 {\n  font-weight: 300;\n  font-size: small;\n  margin-top: -8px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .org-tree-node-label .org-tree-node-label-inner {\n  padding: 0;\n  padding: initial;\n}\n\n.darkmode .org-tree-container {\n  background-color: rgb(20, 20, 20);\n}\n\n.org-tree-container .org-tree-node-label .ant-btn-default:disabled, .org-tree-container .org-tree-node-label .ant-btn-primary:disabled {\n  border-color: #d9d9d9;\n  color: rgba(0, 0, 0, 0.25);\n  background-color: rgba(0, 0, 0, 0.04);\n}\n\n.retailer-YNzAh {\n  border-bottom: #81c784 solid 5px;\n}\n\n.retailer-child-5ll0K {\n  border-bottom: #c8e6c9 solid 5px;\n}\n\n.supplier-8sm0I {\n  border-bottom: #ba68c8 solid 5px;\n}\n\n.dealer-xgnku {\n  border-bottom: #e1bee7 solid 5px;\n}\n\n.association-b8uVW {\n  border-bottom: #fff176 solid 5px;\n}\n";
+styleInject(css_248z$h);
 
 function getColorClass(data) {
   switch (data.type) {
@@ -29637,8 +29835,8 @@ var OrgItem = function OrgItem(_ref) {
 };
 var OrgItem$1 = observer(OrgItem);
 
-function ownKeys$i(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$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$j(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$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useTransformJson (_ref) {
   var id = _ref.id;
   var _useState = useState(),
@@ -29704,7 +29902,7 @@ function useTransformJson (_ref) {
   }();
   var _transformData = function transformData(data, itemChain, parentOrgId) {
     var _data$children;
-    return _objectSpread$i(_objectSpread$i({}, data), {}, {
+    return _objectSpread$j(_objectSpread$j({}, data), {}, {
       label: /*#__PURE__*/jsx(OrgItem$1, {
         data: data,
         configuration: configuration,
@@ -29765,8 +29963,8 @@ var openClass = "open-class--gGXs";
 var breadcrumb = "breadcrumb-Z0VvH";
 var selected = "selected-w-sfW";
 var disabled$2 = "disabled-0nado";
-var css_248z$f = ".trigger-wrapper-OkPRc {\n  width: 100%;\n  padding: 12px 0px;\n  display: flex;\n  gap: 32px;\n}\n\n.arrow-Rd0hp {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2213%22 viewBox%3D%220 0 8 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0.947266 1.14893L6.94727 6.29178L0.947266 11.9489%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n  cursor: pointer;\n}\n\n.open-class--gGXs {\n  transform: rotateZ(90deg);\n}\n\n.breadcrumb-Z0VvH {\n  transition: color 0.3s;\n}\n.breadcrumb-Z0VvH:hover:not(.selected-w-sfW) {\n  cursor: pointer;\n  color: #000;\n}\n\n.selected-w-sfW {\n  color: #000;\n  font-weight: 400;\n}\n\n.selected-w-sfW {\n  color: #000;\n  font-weight: 400;\n}\n\n.disabled-0nado {\n  pointer-events: none;\n  color: lightgray;\n}\n\n.darkmode .selected-w-sfW {\n  color: #fff;\n  font-weight: 400;\n}\n";
-styleInject(css_248z$f);
+var css_248z$g = ".trigger-wrapper-OkPRc {\n  width: 100%;\n  padding: 12px 0px;\n  display: flex;\n  gap: 32px;\n}\n\n.arrow-Rd0hp {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2213%22 viewBox%3D%220 0 8 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0.947266 1.14893L6.94727 6.29178L0.947266 11.9489%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n  cursor: pointer;\n}\n\n.open-class--gGXs {\n  transform: rotateZ(90deg);\n}\n\n.breadcrumb-Z0VvH {\n  transition: color 0.3s;\n}\n.breadcrumb-Z0VvH:hover:not(.selected-w-sfW) {\n  cursor: pointer;\n  color: #000;\n}\n\n.selected-w-sfW {\n  color: #000;\n  font-weight: 400;\n}\n\n.selected-w-sfW {\n  color: #000;\n  font-weight: 400;\n}\n\n.disabled-0nado {\n  pointer-events: none;\n  color: lightgray;\n}\n\n.darkmode .selected-w-sfW {\n  color: #fff;\n  font-weight: 400;\n}\n";
+styleInject(css_248z$g);
 
 var BreadCrumbsTrigger = function BreadCrumbsTrigger(_ref) {
   var open = _ref.open,
@@ -29799,8 +29997,8 @@ var BreadCrumbsTrigger = function BreadCrumbsTrigger(_ref) {
 
 var collapsibleInner = "collapsible-inner-rI8kI";
 var toolbarLeft = "toolbar-left-X9WRo";
-var css_248z$e = ".collapsible-inner-rI8kI {\n  overflow: auto;\n  padding: 32px 0;\n  position: relative;\n}\n\n.toolbar-left-X9WRo {\n  position: absolute;\n  right: 22px;\n  top: 10px;\n  display: flex;\n  gap: 10px;\n}\n";
-styleInject(css_248z$e);
+var css_248z$f = ".collapsible-inner-rI8kI {\n  overflow: auto;\n  padding: 32px 0;\n  position: relative;\n}\n\n.toolbar-left-X9WRo {\n  position: absolute;\n  right: 22px;\n  top: 10px;\n  display: flex;\n  gap: 10px;\n}\n";
+styleInject(css_248z$f);
 
 var Legend = function Legend(props) {
   return /*#__PURE__*/jsx(List$1, {
@@ -29854,8 +30052,8 @@ var Legend = function Legend(props) {
 var buttonsWrapper = "buttons-wrapper-Bubkr";
 var mask = "mask-ssagp";
 var transformWrapper = "transform-wrapper--8t0v";
-var css_248z$d = ".buttons-wrapper-Bubkr {\n  display: flex;\n  gap: 6px;\n}\n\n.buttons-wrapper-Bubkr button {\n  min-width: 24px;\n}\n\n.mask-ssagp {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  -webkit-backdrop-filter: blur(3px);\n          backdrop-filter: blur(3px);\n}\n.mask-ssagp p {\n  font-size: 18px;\n  font-weight: bold;\n  background: rgba(255, 255, 255, 0.4);\n  padding: 10px;\n  border-radius: 5px;\n}\n\n.transform-wrapper--8t0v .ant-modal-mask,\n.transform-wrapper--8t0v .ant-modal-wrap {\n  position: absolute;\n}\n";
-styleInject(css_248z$d);
+var css_248z$e = ".buttons-wrapper-Bubkr {\n  display: flex;\n  gap: 6px;\n}\n\n.buttons-wrapper-Bubkr button {\n  min-width: 24px;\n}\n\n.mask-ssagp {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  -webkit-backdrop-filter: blur(3px);\n          backdrop-filter: blur(3px);\n}\n.mask-ssagp p {\n  font-size: 18px;\n  font-weight: bold;\n  background: rgba(255, 255, 255, 0.4);\n  padding: 10px;\n  border-radius: 5px;\n}\n\n.transform-wrapper--8t0v .ant-modal-mask,\n.transform-wrapper--8t0v .ant-modal-wrap {\n  position: absolute;\n}\n";
+styleInject(css_248z$e);
 
 var ZoomWrapper = function ZoomWrapper(_ref) {
   var _children = _ref.children,
@@ -30365,8 +30563,8 @@ function useCatalogEditor (id) {
   };
 }
 
-function ownKeys$h(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$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$i(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$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function DragDropUpload(_ref) {
   var api2Params = _ref.api2Params,
     catalogId = _ref.catalogId,
@@ -30474,7 +30672,7 @@ function DragDropUpload(_ref) {
     children: [importStarted && /*#__PURE__*/jsx("p", {
       children: t('backoffice.catalogeditor.classimportstarted')
     }), !importStarted && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsxs(Dragger, _objectSpread$h(_objectSpread$h({}, props), {}, {
+      children: [/*#__PURE__*/jsxs(Dragger, _objectSpread$i(_objectSpread$i({}, props), {}, {
         children: [/*#__PURE__*/jsx("p", {
           className: "ant-upload-drag-icon",
           children: /*#__PURE__*/jsx(InboxOutlined, {})
@@ -30691,12 +30889,12 @@ function CatalogEditor(_ref) {
 }
 var CatalogEditor$1 = observer(CatalogEditor);
 
-function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$h(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$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SpreadsheetWrapper = /*#__PURE__*/forwardRef(function SpreadsheetWrapper(props, ref) {
   var _root$contentStore$bo, _root$contentStore$ri;
   var root = useStore();
-  return /*#__PURE__*/jsx(Spreadsheet$1, _objectSpread$g(_objectSpread$g({}, props), {}, {
+  return /*#__PURE__*/jsx(Spreadsheet$1, _objectSpread$h(_objectSpread$h({}, props), {}, {
     ref: ref,
     darkMode: root.contentStore.theme == 'darkmode',
     jwt: root.dataStore.jwt,
@@ -30707,8 +30905,8 @@ var SpreadsheetWrapper = /*#__PURE__*/forwardRef(function SpreadsheetWrapper(pro
 });
 var Spreadsheet = observer(SpreadsheetWrapper);
 
-function ownKeys$f(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$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
 // Type definition for the context state
 
@@ -30730,14 +30928,14 @@ var useEnricherContext = function useEnricherContext() {
       loading: loading,
       setOptions: function setOptions(options) {
         var state = root.contextStore.getContext('enricher');
-        root.contextStore.updateContext('enricher', _defineProperty({}, stateKey, _objectSpread$f(_objectSpread$f({}, state[stateKey]), {}, {
+        root.contextStore.updateContext('enricher', _defineProperty({}, stateKey, _objectSpread$g(_objectSpread$g({}, state[stateKey]), {}, {
           options: options,
           loading: false
         })));
       },
       setLoading: function setLoading(loading) {
         var state = root.contextStore.getContext('enricher');
-        root.contextStore.updateContext('enricher', _defineProperty({}, stateKey, _objectSpread$f(_objectSpread$f({}, state[stateKey]), {}, {
+        root.contextStore.updateContext('enricher', _defineProperty({}, stateKey, _objectSpread$g(_objectSpread$g({}, state[stateKey]), {}, {
           loading: loading
         })));
       }
@@ -30833,7 +31031,7 @@ var useEnricherContext = function useEnricherContext() {
   }, [urlPackageId, getContext().packageId, setSelectedPackage]);
 
   // Return context + handlers
-  return _objectSpread$f(_objectSpread$f({}, getContext()), {}, {
+  return _objectSpread$g(_objectSpread$g({}, getContext()), {}, {
     setSelectedSerie: setSelectedSerie,
     setSelectedFeature: setSelectedFeature,
     setSelectedPackage: setSelectedPackage
@@ -31094,51 +31292,6 @@ function useModule$1 (currentModules) {
     //update the navigation supmenu for the packages module to include the current package id
     root.contentStore.updateAdditionalElement('packages', menuItems, currentModules);
   }, [menuItems, location.pathname]);
-
-  //updating tools
-
-  useEffect(function () {
-    var tools = [];
-    if (selectedPackage !== null && selectedPackage !== void 0 && selectedPackage._id) {
-      if (selectedPackage.isApi) {
-        tools.push({
-          name: 'Konfigurator',
-          parameters: {
-            packageId: selectedPackage._id
-          },
-          type: 'Configurator',
-          id: 'WYSIWYG',
-          startWidth: 600,
-          elementProps: {
-            loadMask: true
-          },
-          defaultPinned: true
-        });
-      } else {
-        tools.push({
-          name: 'Konfigurator',
-          parameters: {
-            packageId: selectedPackage._id,
-            isIDMData: '1'
-          },
-          type: 'Configurator',
-          id: 'WYSIWYG',
-          startWidth: 600,
-          elementProps: {
-            useEnricherService: true,
-            loadPackage: true,
-            packageId: selectedPackage._id,
-            showCatalogSelection: true
-          },
-          defaultPinned: true
-        });
-      }
-    }
-    root.contentStore.rightToolBar.tools = tools;
-    return function () {
-      root.contentStore.rightToolBar.tools = [];
-    };
-  }, [selectedPackage]);
   return {
     selectedPackage: selectedPackage,
     packageId: packageId,
@@ -31197,6 +31350,116 @@ function createTranslatedColumnConfig(field, headerName, languages) {
   };
 }
 
+function ownKeys$f(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$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useTools = function useTools(_ref) {
+  var catalogId = _ref.catalogId,
+    packageId = _ref.packageId,
+    isApi2 = _ref.isApi2,
+    mainInformationWindowCodex = _ref.mainInformationWindowCodex;
+  var root = useStore();
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    secondaryTables = _useState2[0],
+    setSecondaryTables = _useState2[1];
+  var openInformationWindow = useCallback(function (codex, open) {
+    root.contentStore.rightToolBar.addTools({
+      id: 'info',
+      name: 'Information',
+      type: 'InformationWindow',
+      parameters: {
+        contentItemCodex: codex
+      },
+      defaultOpen: open
+    });
+    if (open) {
+      root.contentStore.rightToolBar.openTool('info');
+    }
+  }, [root.contentStore.rightToolBar]);
+  var addSecondaryTables = useCallback(function () {
+    var _root$contentStore$bo;
+    for (var _len = arguments.length, tools = new Array(_len), _key = 0; _key < _len; _key++) {
+      tools[_key] = arguments[_key];
+    }
+    var newSecondaryTables = tools.map(function (tool) {
+      return _objectSpread$f({
+        startWidth: 300,
+        defaultPinned: false,
+        defaultOpen: false
+      }, tool);
+    });
+    (_root$contentStore$bo = root.contentStore.bottomToolBar).addTools.apply(_root$contentStore$bo, _toConsumableArray(newSecondaryTables));
+    setSecondaryTables([].concat(_toConsumableArray(secondaryTables), _toConsumableArray(newSecondaryTables)));
+  }, [root.contentStore.bottomToolBar]);
+  var removeSecondaryTables = useCallback(function () {
+    var _root$contentStore$bo2;
+    for (var _len2 = arguments.length, ids = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      ids[_key2] = arguments[_key2];
+    }
+    (_root$contentStore$bo2 = root.contentStore.bottomToolBar).removeTools.apply(_root$contentStore$bo2, ids);
+    setSecondaryTables(secondaryTables.filter(function (table) {
+      return !ids.includes(table.id);
+    }));
+  }, [root.contentStore.bottomToolBar, secondaryTables]);
+  useEffect(function () {
+    var _root$contentStore$ri;
+    var tools = [];
+    if (catalogId || packageId) {
+      tools.push({
+        id: 'WYSIWYG',
+        name: 'Konfigurator',
+        type: 'Configurator',
+        parameters: {
+          catalogId: catalogId,
+          packageId: packageId,
+          isIDMData: !isApi2 ? '1' : undefined
+        },
+        startWidth: 600,
+        defaultPinned: true,
+        elementProps: catalogId ? {
+          // open configurator for idm catalog
+          useIDMService: true,
+          catalogId: catalogId,
+          showCatalogSelection: true
+        } : isApi2 ? {
+          // open configurator for api2 package (configurator light)
+          loadMask: true
+        } : {
+          // open configurator for idm package
+          useEnricherService: true,
+          loadPackage: true,
+          packageId: packageId,
+          showCatalogSelection: true
+        }
+      });
+    }
+    if (mainInformationWindowCodex) {
+      tools.push({
+        id: 'info',
+        name: 'Information',
+        type: 'InformationWindow',
+        parameters: {
+          contentItemCodex: mainInformationWindowCodex
+        },
+        defaultOpen: false
+      });
+    }
+    (_root$contentStore$ri = root.contentStore.rightToolBar).addTools.apply(_root$contentStore$ri, tools);
+    return function () {
+      var _root$contentStore$bo3;
+      root.contentStore.rightToolBar.removeTools('WYSIWYG', 'info');
+      (_root$contentStore$bo3 = root.contentStore.bottomToolBar).removeTools.apply(_root$contentStore$bo3, _toConsumableArray(secondaryTables.map(function (table) {
+        return table.id;
+      })));
+    };
+  }, []);
+  return {
+    openInformationWindow: openInformationWindow,
+    addSecondaryTables: addSecondaryTables,
+    removeSecondaryTables: removeSecondaryTables
+  };
+};
+
 var TableGroups = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -31205,6 +31468,10 @@ var TableGroups = observer(function () {
     organizationId = _useModule.organizationId,
     apiConfig = _useModule.apiConfig,
     selectedPackage = _useModule.selectedPackage;
+  useTools({
+    packageId: packageId,
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
+  });
   var applicationData = useMemo(function () {
     return {
       packageId: packageId,
@@ -31776,6 +32043,7 @@ var TablePackages = observer(function () {
     contextHolder = modalState.contextHolder;
   var _useEnricherContext = useEnricherContext([]),
     setSelectedPackage = _useEnricherContext.setSelectedPackage;
+  useTools({});
   var organizationId = root.dataStore.organizationId;
   var apiConfig = root.configurationStore.apiConfig;
   var applicationData = useMemo(function () {
@@ -32028,6 +32296,10 @@ var TableProperties = observer(function () {
     organizationId = _useModule.organizationId,
     apiConfig = _useModule.apiConfig,
     selectedPackage = _useModule.selectedPackage;
+  useTools({
+    packageId: packageId,
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
+  });
   var applicationData = useMemo(function () {
     return {
       packageId: packageId,
@@ -32814,6 +33086,10 @@ var RenamingTable = observer(function (_ref) {
     apiConfig = _useModule.apiConfig,
     selectedPackage = _useModule.selectedPackage,
     selectedSerie = _useModule.selectedSerie;
+  useTools({
+    packageId: packageId,
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
+  });
   var baseConfiguration = useMemo(function () {
     return getConfig((selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds) || ['DE'], t);
   }, [selectedPackage, i18n.language]);
@@ -33356,6 +33632,10 @@ var ExclusivityTable = observer(function (_ref) {
     organizationId = _useModule.organizationId,
     selectedPackage = _useModule.selectedPackage,
     selectedSerie = _useModule.selectedSerie;
+  useTools({
+    packageId: packageId,
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
+  });
   var apiInterface = useMemo(function () {
     var patchId = '${_id}';
     if (type === 'eitems') patchId = '${typeNo}';
@@ -33450,6 +33730,10 @@ var TableTabGroups = observer(function () {
     organizationId = _useModule.organizationId,
     apiConfig = _useModule.apiConfig,
     selectedPackage = _useModule.selectedPackage;
+  useTools({
+    packageId: packageId,
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
+  });
   var applicationData = useMemo(function () {
     return {
       packageId: packageId,
@@ -33550,6 +33834,10 @@ var TablePartlistPos = observer(function () {
     organizationId = _useModule.organizationId,
     apiConfig = _useModule.apiConfig,
     selectedPackage = _useModule.selectedPackage;
+  useTools({
+    packageId: packageId,
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
+  });
   var posInvisibility = useMemo(function () {
     return [{
       name: t('backoffice.idmCatalogEditor.partlistpos.label.pi0'),
@@ -33995,8 +34283,8 @@ var space = "space-T5Mkd";
 var input$1 = "input-SK-Fo";
 var addButton$1 = "addButton-AVN8Y";
 var helpText = "helpText-QYQQF";
-var css_248z$c = ".cell-Noc7s {\n  min-width: 50px;\n  height: 100%;\n}\n\n.typeSelector-Y8Yly {\n  margin-bottom: 16px;\n}\n\n.space-T5Mkd {\n  width: 100%;\n}\n\n.input-SK-Fo {\n  width: 120px;\n}\n\n.addButton-AVN8Y {\n  margin-top: 16px;\n  text-align: right;\n}\n\n.helpText-QYQQF {\n  margin-top: 8px;\n  font-size: 12px;\n  color: #666;\n}\n";
-styleInject(css_248z$c);
+var css_248z$d = ".cell-Noc7s {\n  min-width: 50px;\n  height: 100%;\n}\n\n.typeSelector-Y8Yly {\n  margin-bottom: 16px;\n}\n\n.space-T5Mkd {\n  width: 100%;\n}\n\n.input-SK-Fo {\n  width: 120px;\n}\n\n.addButton-AVN8Y {\n  margin-top: 16px;\n  text-align: right;\n}\n\n.helpText-QYQQF {\n  margin-top: 8px;\n  font-size: 12px;\n  color: #666;\n}\n";
+styleInject(css_248z$d);
 
 function PriceFactorCellRenderer(props) {
   var data = props.data,
@@ -34036,6 +34324,40 @@ function PriceFactorCellRenderer(props) {
       return _ref.apply(this, arguments);
     };
   }();
+  useEffect(function () {
+    //
+    // This is a workaround to prevent the row to go into edit mode when the cell is clicked.
+    // Ag-grid intercepts dom events on a higher level, so normal event handler on the cell element do not work.
+    // We have to intercept the event at a even higher level and already during the capture phase.
+    //
+    var handleClick = function handleClick(e) {
+      // Get the cell element from the event target
+      var cellElement = e.target.closest('.ag-cell');
+      var rowElement = e.target.closest('.ag-row');
+
+      // Check if this is our cell by comparing the cell's data
+      if (rowElement && cellElement && rowElement.getAttribute('row-id') === (node === null || node === void 0 ? void 0 : node.id) && cellElement.getAttribute('col-id') === (colDef === null || colDef === void 0 ? void 0 : colDef.field)) {
+        e.preventDefault();
+        e.stopPropagation();
+        handleModalOpen();
+        api === null || api === void 0 || api.stopEditing();
+        return false;
+      }
+      return true;
+    };
+    if (singleClick) {
+      document.addEventListener('click', handleClick, true);
+    } else {
+      document.addEventListener('dblclick', handleClick, true);
+    }
+    return function () {
+      if (singleClick) {
+        document.removeEventListener('click', handleClick, true);
+      } else {
+        document.removeEventListener('dblclick', handleClick, true);
+      }
+    };
+  }, [api, node === null || node === void 0 ? void 0 : node.id, colDef === null || colDef === void 0 ? void 0 : colDef.field, singleClick]);
   var _usePriceFactor = usePriceFactor({
       data: data,
       initialValue: value,
@@ -34065,19 +34387,7 @@ function PriceFactorCellRenderer(props) {
   });
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx("div", {
-      onDoubleClick: function onDoubleClick(e) {
-        e.stopPropagation();
-        if (!singleClick) {
-          handleModalOpen();
-        }
-      },
       className: cell,
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        if (singleClick) {
-          handleModalOpen();
-        }
-      },
       children: formatListValue(value || [], type, i18n.language)
     }), /*#__PURE__*/jsxs(Modal$2, {
       title: colDef === null || colDef === void 0 ? void 0 : colDef.headerName,
@@ -34156,7 +34466,7 @@ function PriceFactorCellRenderer(props) {
   });
 }
 
-var container$3 = "container-T4Tzz";
+var container$4 = "container-T4Tzz";
 var price = "price-NjOOy";
 var priceManual = "priceManual-i7wtQ";
 var originalPrice = "originalPrice-V8MP5";
@@ -34164,8 +34474,8 @@ var difference = "difference-xT9ZP";
 var differencePositive = "differencePositive-hGhZO";
 var differenceNegative = "differenceNegative-3CEZA";
 var differenceNeutral = "differenceNeutral-wx8oE";
-var css_248z$b = ".container-T4Tzz {\n  display: flex;\n  align-items: center;\n}\n\n.price-NjOOy {\n  font-weight: normal;\n}\n\n.priceManual-i7wtQ {\n  font-weight: bold;\n}\n\n.originalPrice-V8MP5 {\n  color: #8c8c8c;\n  margin: 0 8px;\n}\n\n.difference-xT9ZP {\n  margin-left: 8px;\n}\n\n.differencePositive-hGhZO {\n  color: #52c41a;\n}\n\n.differenceNegative-3CEZA {\n  color: #ff4d4f;\n}\n\n.differenceNeutral-wx8oE {\n  color: inherit;\n}\n";
-styleInject(css_248z$b);
+var css_248z$c = ".container-T4Tzz {\n  display: flex;\n  align-items: center;\n}\n\n.price-NjOOy {\n  font-weight: normal;\n}\n\n.priceManual-i7wtQ {\n  font-weight: bold;\n}\n\n.originalPrice-V8MP5 {\n  color: #8c8c8c;\n  margin: 0 8px;\n}\n\n.difference-xT9ZP {\n  margin-left: 8px;\n}\n\n.differencePositive-hGhZO {\n  color: #52c41a;\n}\n\n.differenceNegative-3CEZA {\n  color: #ff4d4f;\n}\n\n.differenceNeutral-wx8oE {\n  color: inherit;\n}\n";
+styleInject(css_248z$c);
 
 function PriceDisplayCellRenderer(props) {
   var _data$origPrices, _data$manualPrices, _currentPrice$toFixed, _origPrice$toFixed;
@@ -34203,7 +34513,7 @@ function PriceDisplayCellRenderer(props) {
     };
   }, []);
   return /*#__PURE__*/jsxs("div", {
-    className: container$3,
+    className: container$4,
     children: [/*#__PURE__*/jsxs("span", {
       className: classnames(price, _defineProperty({}, priceManual, isManualPrice)),
       children: [(_currentPrice$toFixed = currentPrice === null || currentPrice === void 0 ? void 0 : currentPrice.toFixed(commas !== null && commas !== void 0 ? commas : 2)) !== null && _currentPrice$toFixed !== void 0 ? _currentPrice$toFixed : '-', isManualPrice && ' *']
@@ -34258,8 +34568,8 @@ function getPriceFeatureGroups(selectedSerie, language) {
 var wrapper$3 = "wrapper-5t6RT";
 var input = "input-leHam";
 var disabled$1 = "disabled-Llkqu";
-var css_248z$a = ".wrapper-5t6RT {\n  display: flex;\n  flex-direction: column;\n  min-height: 50px;\n  justify-content: flex-end;\n  font-size: 12px;\n}\n\n.input-leHam {\n  position: relative;\n  width: 200px;\n  height: 32px;\n  border: 1px solid #d9d9d9;\n  background: #ffffff;\n  padding: 0 11px;\n  border-radius: 6px;\n  font-size: 14px;\n  line-height: 30px;\n  cursor: pointer;\n}\n\n.darkmode .input-leHam {\n  background: #141414;\n  border: 1px solid #424242;\n}\n\n.input-leHam.disabled-Llkqu {\n  cursor: default;\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.darkmode .input-leHam.disabled-Llkqu {\n  color: rgba(255, 255, 255, 0.25);\n}\n\n.input-leHam:hover {\n  border-color: #4096ff;\n}\n";
-styleInject(css_248z$a);
+var css_248z$b = ".wrapper-5t6RT {\n  display: flex;\n  flex-direction: column;\n  min-height: 50px;\n  justify-content: flex-end;\n  font-size: 12px;\n}\n\n.input-leHam {\n  position: relative;\n  width: 200px;\n  height: 32px;\n  border: 1px solid #d9d9d9;\n  background: #ffffff;\n  padding: 0 11px;\n  border-radius: 6px;\n  font-size: 14px;\n  line-height: 30px;\n  cursor: pointer;\n}\n\n.darkmode .input-leHam {\n  background: #141414;\n  border: 1px solid #424242;\n}\n\n.input-leHam.disabled-Llkqu {\n  cursor: default;\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.darkmode .input-leHam.disabled-Llkqu {\n  color: rgba(255, 255, 255, 0.25);\n}\n\n.input-leHam:hover {\n  border-color: #4096ff;\n}\n";
+styleInject(css_248z$b);
 
 function ownKeys$d(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$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -34281,8 +34591,8 @@ function PriceFactorInput(props) {
 
 var inputHeader = "input-header--4KDP";
 var factorInput = "factor-input-MX85Z";
-var css_248z$9 = ".input-header--4KDP .ag-header-cell-text {\n  width: 100%;\n}\n\n.factor-input-MX85Z {\n  min-height: 0;\n  flex: 1;\n}\n\n.factor-input-MX85Z #price-factor-input {\n  width: 100%;\n  background-color: var(--ag-input-background-color);\n  border: var(--ag-input-border);\n  border-radius: var(--ag-input-border-radius);\n  color: var(--ag-input-text-color);\n  height: var(--ag-input-height);\n  line-height: var(--ag-input-height);\n  font-size: var(--ag-font-size);\n}\n\n.factor-input-MX85Z #price-factor-input:hover {\n  border-color: #4096ff;\n}\n";
-styleInject(css_248z$9);
+var css_248z$a = ".input-header--4KDP .ag-header-cell-text {\n  width: 100%;\n}\n\n.factor-input-MX85Z {\n  min-height: 0;\n  flex: 1;\n}\n\n.factor-input-MX85Z #price-factor-input {\n  width: 100%;\n  background-color: var(--ag-input-background-color);\n  border: var(--ag-input-border);\n  border-radius: var(--ag-input-border-radius);\n  color: var(--ag-input-text-color);\n  height: var(--ag-input-height);\n  line-height: var(--ag-input-height);\n  font-size: var(--ag-font-size);\n}\n\n.factor-input-MX85Z #price-factor-input:hover {\n  border-color: #4096ff;\n}\n";
+styleInject(css_248z$a);
 
 function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -34685,6 +34995,10 @@ var TablePriceList = observer(function () {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     selectedNodeId = _React$useState4[0],
     setSelectedNodeId = _React$useState4[1];
+  useTools({
+    packageId: packageId,
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
+  });
   var setNodeDataValue = useCallback(function (data) {
     spreadsheetRef.current.setNodeDataValue(selectedNodeId, data);
   }, [selectedNodeId]);
@@ -35143,8 +35457,8 @@ function UploadButton (_ref) {
 }
 
 var errorDescription = "error-description-VE3n0";
-var css_248z$8 = ".error-description-VE3n0 {\n  max-height: 100px;\n  overflow: auto;\n  scrollbar-width: thin;\n}\n";
-styleInject(css_248z$8);
+var css_248z$9 = ".error-description-VE3n0 {\n  max-height: 100px;\n  overflow: auto;\n  scrollbar-width: thin;\n}\n";
+styleInject(css_248z$9);
 
 function IDMImportForm (_ref) {
   var idmService = _ref.idmService,
@@ -35415,6 +35729,20 @@ var useCatalogContext = function useCatalogContext() {
   });
 };
 
+function InformationButton(_ref) {
+  var codex = _ref.codex;
+  var _useTools = useTools({}),
+    openInformationWindow = _useTools.openInformationWindow;
+  return /*#__PURE__*/jsx(Button, {
+    type: "text",
+    icon: /*#__PURE__*/jsx(InfoCircleOutlined$1, {}),
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      openInformationWindow(codex, true);
+    }
+  });
+}
+
 var TableCatalogs = observer(function () {
   var root = useStore();
   var _useTranslation = useTranslation(),
@@ -35434,6 +35762,9 @@ var TableCatalogs = observer(function () {
     setShowApi2 = _React$useState2[1];
   var _useCatalogContext = useCatalogContext([]),
     setSelectedCatalog = _useCatalogContext.setSelectedCatalog;
+  useTools({
+    mainInformationWindowCodex: 'IDM_CATALOG_TABLE_INFO'
+  });
   var organizationId = root.dataStore.organizationId;
   var apiConfig = root.configurationStore.apiConfig;
   var applicationData = useMemo(function () {
@@ -35611,7 +35942,12 @@ var TableCatalogs = observer(function () {
       }] : []), [{
         headerName: 'backoffice.idmCatalog.packages.label.name',
         field: 'name',
-        required: true
+        required: true,
+        headerComponentParams: {
+          additionalElement: /*#__PURE__*/jsx(InformationButton, {
+            codex: "IDM_CATALOG_TABLE_NAME_FIELD_INFO"
+          })
+        }
       }, {
         headerName: 'backoffice.idmCatalog.general.label.filename',
         field: 'filename',
@@ -36096,7 +36432,11 @@ var TableCatalogs = observer(function () {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
-        children: [t('backoffice.menu.items.label.IDMEditorTableCatalogs'), /*#__PURE__*/jsxs(Space$1, {
+        children: [/*#__PURE__*/jsxs(Space$1, {
+          children: [t('backoffice.menu.items.label.IDMEditorTableCatalogs'), /*#__PURE__*/jsx(InformationButton, {
+            codex: "IDM_CATALOG_TABLE_INFO"
+          })]
+        }), /*#__PURE__*/jsxs(Space$1, {
           style: {
             "float": 'right'
           },
@@ -36350,32 +36690,6 @@ function useModule (currentModules) {
   useEffect(function () {
     root.contentStore.updateAdditionalElement('catalogs', menuItems, currentModules);
   }, [menuItems, location.pathname]);
-
-  //updating tools
-
-  useEffect(function () {
-    var tools = [];
-    if (catalogId) tools.push({
-      name: 'Konfigurator',
-      parameters: {
-        catalogId: catalogId,
-        isIDMData: '1'
-      },
-      type: 'Configurator',
-      id: 'WYSIWYG',
-      startWidth: 600,
-      defaultPinned: true,
-      elementProps: {
-        useIDMService: true,
-        catalogId: catalogId,
-        showCatalogSelection: true
-      }
-    });
-    root.contentStore.rightToolBar.tools = tools;
-    return function () {
-      root.contentStore.rightToolBar.tools = [];
-    };
-  }, [catalogId, selectedCatalog, currentModules]);
   return {
     organizationId: organizationId,
     apiConfig: root.configurationStore.apiConfig,
@@ -36660,9 +36974,13 @@ var TableItems = observer(function () {
     t = _useTranslation.t;
   var _useModule = useModule(['items']),
     selectedCatalog = _useModule.selectedCatalog,
+    catalogId = _useModule.catalogId,
     selectedSerie = _useModule.selectedSerie,
     apiConfig = _useModule.apiConfig,
     organizationId = _useModule.organizationId;
+  useTools({
+    catalogId: catalogId
+  });
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -36689,7 +37007,6 @@ var TableItems = observer(function () {
 var TableSeries = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var root = useStore();
   var _useModule = useModule(['series']),
     selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
@@ -36699,9 +37016,15 @@ var TableSeries = observer(function () {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedSerie = _React$useState2[0],
     setSelectedSerie = _React$useState2[1];
+  var _useTools = useTools({
+      mainInformationWindowCodex: 'IDM_SERIES_TABLE_INFO',
+      catalogId: catalogId
+    }),
+    addSecondaryTables = _useTools.addSecondaryTables,
+    removeSecondaryTables = _useTools.removeSecondaryTables;
   useEffect(function () {
     if (selectedSerie !== null && selectedSerie !== void 0 && selectedSerie._id) {
-      root.contentStore.bottomToolBar.tools = [{
+      addSecondaryTables({
         id: 'items',
         name: t('backoffice.menu.items.label.IDMCatalogEditorTableItems'),
         elementComponent: Items$1,
@@ -36710,21 +37033,12 @@ var TableSeries = observer(function () {
           selectedCatalog: selectedCatalog,
           selectedSerie: selectedSerie._id,
           apiConfig: apiConfig
-        },
-        startWidth: 300,
-        defaultPinned: false,
-        defaultOpen: false
-      }];
+        }
+      });
     } else {
-      root.contentStore.bottomToolBar.tools = [];
+      removeSecondaryTables('items');
     }
   }, [selectedSerie, t, organizationId, catalogId, apiConfig]);
-  useEffect(function () {
-    //remove items table, when series are unmounted
-    return function () {
-      root.contentStore.bottomToolBar.tools = [];
-    };
-  }, [root.contentStore.bottomToolBar]);
   var applicationData = useMemo(function () {
     return {
       catalogId: catalogId,
@@ -36860,7 +37174,11 @@ var TableSeries = observer(function () {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
-        children: [t('backoffice.menu.items.label.IDMCatalogEditorTableSeries'), /*#__PURE__*/jsx(Space$1, {
+        children: [/*#__PURE__*/jsxs(Space$1, {
+          children: [t('backoffice.menu.items.label.IDMCatalogEditorTableSeries'), /*#__PURE__*/jsx(InformationButton, {
+            codex: "IDM_SERIES_TABLE_INFO"
+          })]
+        }), /*#__PURE__*/jsx(Space$1, {
           style: {
             "float": 'right'
           },
@@ -37045,8 +37363,12 @@ var TableFeatures = observer(function () {
     t = _useTranslation.t;
   var _useModule = useModule(['features']),
     selectedCatalog = _useModule.selectedCatalog,
+    catalogId = _useModule.catalogId,
     organizationId = _useModule.organizationId,
     apiConfig = _useModule.apiConfig;
+  useTools({
+    catalogId: catalogId
+  });
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -37223,8 +37545,12 @@ var TableOptions = observer(function () {
     t = _useTranslation.t;
   var _useModule = useModule(['options']),
     selectedCatalog = _useModule.selectedCatalog,
+    catalogId = _useModule.catalogId,
     apiConfig = _useModule.apiConfig,
     organizationId = _useModule.organizationId;
+  useTools({
+    catalogId: catalogId
+  });
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -37248,7 +37574,6 @@ var TableOptions = observer(function () {
 var TableFeatureClasses = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var root = useStore();
   var _useModule = useModule(['featureclasses']),
     selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
@@ -37258,9 +37583,14 @@ var TableFeatureClasses = observer(function () {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedFeatureClass = _React$useState2[0],
     setSelectedFeatureClass = _React$useState2[1];
+  var _useTools = useTools({
+      catalogId: catalogId
+    }),
+    addSecondaryTables = _useTools.addSecondaryTables,
+    removeSecondaryTables = _useTools.removeSecondaryTables;
   useEffect(function () {
     if (selectedFeatureClass !== null && selectedFeatureClass !== void 0 && selectedFeatureClass._id) {
-      root.contentStore.bottomToolBar.tools = [{
+      addSecondaryTables({
         id: 'features',
         name: t('backoffice.menu.items.label.IDMCatalogEditorTableFeatures'),
         elementComponent: Features,
@@ -37269,21 +37599,12 @@ var TableFeatureClasses = observer(function () {
           selectedCatalog: selectedCatalog,
           apiConfig: apiConfig,
           featureClassId: selectedFeatureClass._id
-        },
-        startWidth: 300,
-        defaultPinned: false,
-        defaultOpen: false
-      }];
+        }
+      });
     } else {
-      root.contentStore.bottomToolBar.tools = [];
+      removeSecondaryTables('features');
     }
   }, [selectedFeatureClass, selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog._id]);
-  useEffect(function () {
-    //remove features table, when featureclasses are unmounted
-    return function () {
-      root.contentStore.bottomToolBar.tools = [];
-    };
-  }, []);
   var applicationData = useMemo(function () {
     return {
       catalogId: catalogId,
@@ -37386,7 +37707,7 @@ var TableFeatureClasses = observer(function () {
   });
 });
 
-var container$2 = "container-wGptw";
+var container$3 = "container-wGptw";
 var scrollableContent = "scrollable-content-zRBJy";
 var sectionTitle = "section-title-s2qIs";
 var actionItem = "action-item-LjQVf";
@@ -37397,8 +37718,8 @@ var formContent = "form-content-H-AkE";
 var footerButtons = "footer-buttons-4cwcu";
 var addButton = "add-button-w-6Lk";
 var footerContent = "footer-content-sOrT1";
-var css_248z$7 = ".container-wGptw {\n  display: flex;\n  flex-direction: column;\n  height: 500px;\n}\n\n.scrollable-content-zRBJy {\n  flex-grow: 1;\n  overflow: auto;\n  margin-bottom: 16px;\n}\n\n.section-title-s2qIs {\n  margin-bottom: 16px;\n}\n\n.action-item-LjQVf {\n  width: 100%;\n}\n\n.action-item-highlighted-pjO7e {\n  background-color: #e6f7ff;\n  border: 1px solid #91d5ff;\n}\n\n.form-container-gF94J {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.form-layout-Ykach {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n\n.form-content-H-AkE {\n  flex-grow: 1;\n  overflow: auto;\n}\n\n.footer-buttons-4cwcu {\n  margin-top: auto;\n}\n\n.add-button-w-6Lk {\n  width: 100%;\n}\n\n.footer-content-sOrT1 {\n  text-align: center;\n  padding: 8px 0;\n}\n";
-styleInject(css_248z$7);
+var css_248z$8 = ".container-wGptw {\n  display: flex;\n  flex-direction: column;\n  height: 500px;\n}\n\n.scrollable-content-zRBJy {\n  flex-grow: 1;\n  overflow: auto;\n  margin-bottom: 16px;\n}\n\n.section-title-s2qIs {\n  margin-bottom: 16px;\n}\n\n.action-item-LjQVf {\n  width: 100%;\n}\n\n.action-item-highlighted-pjO7e {\n  background-color: #e6f7ff;\n  border: 1px solid #91d5ff;\n}\n\n.form-container-gF94J {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.form-layout-Ykach {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n\n.form-content-H-AkE {\n  flex-grow: 1;\n  overflow: auto;\n}\n\n.footer-buttons-4cwcu {\n  margin-top: auto;\n}\n\n.add-button-w-6Lk {\n  width: 100%;\n}\n\n.footer-content-sOrT1 {\n  text-align: center;\n  padding: 8px 0;\n}\n";
+styleInject(css_248z$8);
 
 function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -37802,7 +38123,7 @@ function OptionCombinationsExpandedEditor(_ref) {
     });
   }, [showForm, editingIndex, t]);
   return /*#__PURE__*/jsx("div", {
-    className: container$2,
+    className: container$3,
     children: !showForm ? /*#__PURE__*/jsxs(Fragment, {
       children: [/*#__PURE__*/jsx(Typography.Title, {
         level: 5,
@@ -38047,7 +38368,6 @@ function OptionCombinations(_ref) {
 var TableDecisions = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var root = useStore();
   var spreadsheetRef = useRef(null);
   var _useModule = useModule(['decisions']),
     selectedCatalog = _useModule.selectedCatalog,
@@ -38062,12 +38382,17 @@ var TableDecisions = observer(function () {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     selectedNodeId = _React$useState4[0],
     setSelectedNodeId = _React$useState4[1];
+  var _useTools = useTools({
+      catalogId: catalogId
+    }),
+    addSecondaryTables = _useTools.addSecondaryTables,
+    removeSecondaryTables = _useTools.removeSecondaryTables;
   var setNodeDataValue = useCallback(function (data) {
     spreadsheetRef.current.setNodeDataValue(selectedNodeId, data);
   }, [selectedNodeId]);
   useEffect(function () {
     if (selectedDecision !== null && selectedDecision !== void 0 && selectedDecision._id) {
-      root.contentStore.bottomToolBar.tools = [{
+      addSecondaryTables({
         id: 'optionCombinations',
         name: t('backoffice.menu.items.label.IDMCatalogEditorTableOptionCombinations'),
         elementComponent: OptionCombinations,
@@ -38076,21 +38401,12 @@ var TableDecisions = observer(function () {
           catalogId: catalogId,
           apiConfig: apiConfig,
           setNodeDataValue: setNodeDataValue
-        },
-        startWidth: 300,
-        defaultPinned: false,
-        defaultOpen: false
-      }];
+        }
+      });
     } else {
-      root.contentStore.bottomToolBar.tools = [];
+      removeSecondaryTables('optionCombinations');
     }
   }, [selectedDecision, setNodeDataValue]);
-  useEffect(function () {
-    //remove optionCombinations table, when decisions are unmounted
-    return function () {
-      root.contentStore.bottomToolBar.tools = [];
-    };
-  }, []);
   var applicationData = useMemo(function () {
     return {
       catalogId: catalogId,
@@ -38273,6 +38589,9 @@ var TableDetailInfos = observer(function () {
     catalogId = _useModule.catalogId,
     organizationId = _useModule.organizationId,
     apiConfig = _useModule.apiConfig;
+  useTools({
+    catalogId: catalogId
+  });
   var applicationData = useMemo(function () {
     return {
       catalogId: catalogId,
@@ -38616,7 +38935,6 @@ function PartlistPos(_ref) {
 var TablePartlists = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var root = useStore();
   var _useModule = useModule(['partlists']),
     selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
@@ -38626,9 +38944,14 @@ var TablePartlists = observer(function () {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedPartlist = _React$useState2[0],
     setSelectedPartlist = _React$useState2[1];
+  var _useTools = useTools({
+      catalogId: catalogId
+    }),
+    addSecondaryTables = _useTools.addSecondaryTables,
+    removeSecondaryTables = _useTools.removeSecondaryTables;
   useEffect(function () {
     if (selectedPartlist !== null && selectedPartlist !== void 0 && selectedPartlist._id) {
-      root.contentStore.bottomToolBar.tools = [{
+      addSecondaryTables({
         id: 'partlistpos',
         name: t('backoffice.menu.items.label.IDMCatalogEditorTablePartlistpos'),
         elementComponent: PartlistPos,
@@ -38637,21 +38960,12 @@ var TablePartlists = observer(function () {
           catalogId: catalogId,
           apiConfig: apiConfig,
           partlistId: selectedPartlist._id
-        },
-        startWidth: 300,
-        defaultPinned: false,
-        defaultOpen: false
-      }];
+        }
+      });
     } else {
-      root.contentStore.bottomToolBar.tools = [];
+      removeSecondaryTables('partlistpos');
     }
   }, [selectedPartlist, catalogId, organizationId]);
-  useEffect(function () {
-    //remove partilstpos table, when partlists are unmounted
-    return function () {
-      root.contentStore.bottomToolBar.tools = [];
-    };
-  }, []);
   var applicationData = useMemo(function () {
     return {
       organizationId: organizationId,
@@ -39146,6 +39460,11 @@ var TablePriceFeatureGroups = observer(function () {
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     isPercentage = _React$useState6[0],
     setIsPercentage = _React$useState6[1];
+  var _useTools = useTools({
+      catalogId: catalogId
+    }),
+    addSecondaryTables = _useTools.addSecondaryTables,
+    removeSecondaryTables = _useTools.removeSecondaryTables;
   var setNodeDataValue = useCallback(function (data) {
     var _spreadsheetRef$curre;
     return (_spreadsheetRef$curre = spreadsheetRef.current) === null || _spreadsheetRef$curre === void 0 ? void 0 : _spreadsheetRef$curre.setNodeDataValue(selectedNodeId, data);
@@ -39153,7 +39472,7 @@ var TablePriceFeatureGroups = observer(function () {
   useEffect(function () {
     if (selectedPriceFeatureGroup !== null && selectedPriceFeatureGroup !== void 0 && selectedPriceFeatureGroup._id) {
       var _root$contentStore$bo;
-      root.contentStore.bottomToolBar.tools = [{
+      addSecondaryTables({
         id: 'priceFeatureGroupFinishes',
         name: t('backoffice.menu.items.label.IDMCatalogEditorTablePriceFeatureGroupFinishes'),
         elementComponent: PriceFeatureGroupFinishes,
@@ -39176,23 +39495,14 @@ var TablePriceFeatureGroups = observer(function () {
           setNodeDataValue: setNodeDataValue,
           setIsPercentage: setIsPercentage
         },
-        startWidth: 300,
-        defaultPinned: false,
-        defaultOpen: false,
         disabled: isPercentage === false
-      }];
+      });
       var openTool = (_root$contentStore$bo = root.contentStore.bottomToolBar.currentOpenTool) === null || _root$contentStore$bo === void 0 ? void 0 : _root$contentStore$bo.id;
       root.contentStore.bottomToolBar.openTool(isPercentage === true ? 'priceFeatureGroupPercentageSurcharge' : isPercentage === false ? 'priceFeatureGroupFinishes' : openTool !== null && openTool !== void 0 ? openTool : 'priceFeatureGroupFinishes');
     } else {
-      root.contentStore.bottomToolBar.tools = [];
+      removeSecondaryTables('priceFeatureGroupFinishes', 'priceFeatureGroupPercentageSurcharge');
     }
   }, [selectedPriceFeatureGroup, setNodeDataValue, isPercentage]);
-  useEffect(function () {
-    //remove secondary table, when pricefeaturegroups are unmounted
-    return function () {
-      root.contentStore.bottomToolBar.tools = [];
-    };
-  }, []);
   var applicationData = useMemo(function () {
     return {
       catalogId: catalogId,
@@ -39334,6 +39644,9 @@ var TablePrices = observer(function () {
     catalogId = _useModule.catalogId,
     apiConfig = _useModule.apiConfig,
     organizationId = _useModule.organizationId;
+  useTools({
+    catalogId: catalogId
+  });
   var applicationData = useMemo(function () {
     return {
       organizationId: organizationId,
@@ -39509,7 +39822,6 @@ function Items(_ref) {
 var TableOptionGroups = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var root = useStore();
   var _useModule = useModule(['optiongroups']),
     selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
@@ -39519,9 +39831,14 @@ var TableOptionGroups = observer(function () {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedOptionGroup = _React$useState2[0],
     setSelectedOptionGroup = _React$useState2[1];
+  var _useTools = useTools({
+      catalogId: catalogId
+    }),
+    addSecondaryTables = _useTools.addSecondaryTables,
+    removeSecondaryTables = _useTools.removeSecondaryTables;
   useEffect(function () {
     if (selectedOptionGroup !== null && selectedOptionGroup !== void 0 && selectedOptionGroup.optionGroupKey) {
-      root.contentStore.bottomToolBar.tools = [{
+      addSecondaryTables({
         id: 'optionGroupOptions',
         name: t('backoffice.menu.items.label.IDMCatalogEditorTableOptionGroupOptions'),
         elementComponent: Items,
@@ -39530,21 +39847,12 @@ var TableOptionGroups = observer(function () {
           selectedCatalog: selectedCatalog,
           selectedOptionGroup: selectedOptionGroup.optionGroupKey,
           apiConfig: apiConfig
-        },
-        startWidth: 300,
-        defaultPinned: false,
-        defaultOpen: false
-      }];
+        }
+      });
     } else {
-      root.contentStore.bottomToolBar.tools = [];
+      removeSecondaryTables('optionGroupOptions');
     }
   }, [selectedOptionGroup, t, organizationId, catalogId, apiConfig]);
-  useEffect(function () {
-    //remove items table, when series are unmounted
-    return function () {
-      root.contentStore.bottomToolBar.tools = [];
-    };
-  }, [root.contentStore.bottomToolBar]);
   var applicationData = useMemo(function () {
     return {
       catalogId: catalogId,
@@ -39775,11 +40083,14 @@ function TableCollections () {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     selectedNodeId = _React$useState4[0],
     setSelectedNodeId = _React$useState4[1];
+  var _useTools = useTools({}),
+    addSecondaryTables = _useTools.addSecondaryTables,
+    removeSecondaryTables = _useTools.removeSecondaryTables;
   var organizationId = root.dataStore.organizationId;
   var apiConfig = root.configurationStore.apiConfig;
   useEffect(function () {
     if (selectedCollection !== null && selectedCollection !== void 0 && selectedCollection._id) {
-      root.contentStore.bottomToolBar.tools = [{
+      addSecondaryTables({
         id: 'collectionMembers',
         name: t('backoffice.menu.items.label.IDMCatalogEditorTableCollectionmembers'),
         elementComponent: CollectionMembers,
@@ -39787,20 +40098,12 @@ function TableCollections () {
           collection: selectedCollection,
           organizationId: organizationId,
           apiConfig: apiConfig
-        },
-        startWidth: 300,
-        defaultPinned: false,
-        defaultOpen: false
-      }];
+        }
+      });
     } else {
-      root.contentStore.bottomToolBar.tools = [];
+      removeSecondaryTables('collectionMembers');
     }
   }, [selectedCollection]);
-  useEffect(function () {
-    return function () {
-      root.contentStore.bottomToolBar.tools = [];
-    };
-  }, []);
   var applicationData = useMemo(function () {
     return {
       organizationId: organizationId
@@ -40289,8 +40592,8 @@ var Content = observer(ContentWrapper);
 var layout = "layout-gqKsp";
 var contentWrapper = "content-wrapper-mQSc0";
 var detail = "detail-WeK8Q";
-var css_248z$6 = ".layout-gqKsp {\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n\n.content-wrapper-mQSc0 {\n  overflow: auto;\n  height: 100%;\n}\n\n.detail-WeK8Q .ant-drawer-content-wrapper {\n  max-width: 100%;\n}\n\n.darkmode .ant-layout {\n  background-color: rgb(20, 20, 20);\n}\n\n.lightmode .ant-layout {\n  background-color: rgb(255, 255, 255);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode {\n  background-color: #001529 !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode .arrows {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2225%22 height%3D%2224%22 viewBox%3D%220 0 25 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.5 7L15.5 12L10.5 17%22 stroke%3D%22%23fff%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(270deg, rgba(0, 21, 41, 1) 0%, rgba(0, 21, 41, 1) 72%, rgba(0, 21, 41, 0) 100%) !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode #Profile > div {\n  border-left: 1px solid black;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode #welcomeText {\n  border-right: 1px solid black;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode #Profile {\n  background-color: #001529 !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.lightmode {\n  background-color: #fff !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode * {\n  color: rgb(255, 255, 255);\n}\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.lightmode * {\n  color: rgb(0, 0, 0);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW ::-webkit-scrollbar {\n  width: 10px;\n  height: 10px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode ::-webkit-scrollbar-track {\n  box-shadow: inset 0 0 10px 10px #021129;\n  border: solid 3px transparent;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode ::-webkit-scrollbar-thumb {\n  box-shadow: inset 0 0 10px 10px rgb(130, 130, 130);\n  border: solid 3px transparent;\n  border-radius: 10px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .lightmode ::-webkit-scrollbar-track {\n  box-shadow: inset 0 0 10px 10px #ffffff;\n  border: solid 3px transparent;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .lightmode ::-webkit-scrollbar-thumb {\n  box-shadow: inset 0 0 10px 10px #bdbdbd;\n  border: solid 3px transparent;\n  border-radius: 10px;\n}\n";
-styleInject(css_248z$6);
+var css_248z$7 = ".layout-gqKsp {\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n\n.content-wrapper-mQSc0 {\n  overflow: auto;\n  height: 100%;\n}\n\n.detail-WeK8Q .ant-drawer-content-wrapper {\n  max-width: 100%;\n}\n\n.darkmode .ant-layout {\n  background-color: rgb(20, 20, 20);\n}\n\n.lightmode .ant-layout {\n  background-color: rgb(255, 255, 255);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode {\n  background-color: #001529 !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode .arrows {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2225%22 height%3D%2224%22 viewBox%3D%220 0 25 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.5 7L15.5 12L10.5 17%22 stroke%3D%22%23fff%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(270deg, rgba(0, 21, 41, 1) 0%, rgba(0, 21, 41, 1) 72%, rgba(0, 21, 41, 0) 100%) !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode #Profile > div {\n  border-left: 1px solid black;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode #welcomeText {\n  border-right: 1px solid black;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode #Profile {\n  background-color: #001529 !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.lightmode {\n  background-color: #fff !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode * {\n  color: rgb(255, 255, 255);\n}\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.lightmode * {\n  color: rgb(0, 0, 0);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW ::-webkit-scrollbar {\n  width: 10px;\n  height: 10px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode ::-webkit-scrollbar-track {\n  box-shadow: inset 0 0 10px 10px #021129;\n  border: solid 3px transparent;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode ::-webkit-scrollbar-thumb {\n  box-shadow: inset 0 0 10px 10px rgb(130, 130, 130);\n  border: solid 3px transparent;\n  border-radius: 10px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .lightmode ::-webkit-scrollbar-track {\n  box-shadow: inset 0 0 10px 10px #ffffff;\n  border: solid 3px transparent;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .lightmode ::-webkit-scrollbar-thumb {\n  box-shadow: inset 0 0 10px 10px #bdbdbd;\n  border: solid 3px transparent;\n  border-radius: 10px;\n}\n";
+styleInject(css_248z$7);
 
 function Detail(_ref) {
   var _info$description, _container$current, _info$width, _info$submitButtonTex, _info$data;
@@ -40632,8 +40935,8 @@ var Modal$1 = observer(Modal);
 
 var snow = "snow-14T01";
 var sun = "sun-ijIPS";
-var css_248z$5 = ".snow-14T01 {\n  display: none;\n  position: fixed;\n  font-size: 1.5rem;\n  top: -1vh;\n  transform: translateY(0);\n  animation: fall-XG-Wo 3s linear forwards;\n  background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 512 512%22 style%3D%22enable-background%3Anew 0 0 512 512%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cpath style%3D%22fill%3A%2399DDFF%3B%22 d%3D%22M512%2C256c0-9.217-7.479-16.696-16.696-16.696h-26.478l32.718-32.718%09c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-56.327%2C56.327h-83.813c-2.168-10.642-6.39-20.536-12.197-29.295%09l59.303-59.303h79.663c9.217%2C0%2C16.696-7.479%2C16.696-16.696s-7.479-16.696-16.696-16.696h-46.271l18.728-18.728%09c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-18.727%2C18.728V47.435c0-9.217-7.479-16.696-16.696-16.696%09c-9.217%2C0-16.696%2C7.479-16.696%2C16.696v79.663L301.991%2C186.4c-8.759-5.807-18.652-10.027-29.295-12.197V90.391l56.326-56.326%09c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-32.717%2C32.717V16.696C272.696%2C7.479%2C265.217%2C0%2C256%2C0%09s-16.696%2C7.479-16.696%2C16.696v26.478l-32.718-32.717c-6.521-6.521-17.087-6.521-23.609%2C0s-6.521%2C17.087%2C0%2C23.609l56.327%2C56.326%09v83.813c-10.642%2C2.168-20.536%2C6.39-29.295%2C12.197l-59.303-59.303V47.435c0-9.217-7.479-16.696-16.696-16.696%09s-16.696%2C7.479-16.696%2C16.696v46.271L98.587%2C74.978c-6.521-6.521-17.087-6.521-23.609%2C0s-6.521%2C17.087%2C0%2C23.609l18.728%2C18.728%09H47.435c-9.217%2C0-16.696%2C7.479-16.696%2C16.696c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696h79.663l59.303%2C59.303%09c-5.807%2C8.759-10.027%2C18.652-12.197%2C29.295H90.391l-56.326-56.326c-6.521-6.521-17.087-6.521-23.609%2C0s-6.521%2C17.087%2C0%2C23.609%09l32.717%2C32.717H16.696C7.479%2C239.304%2C0%2C246.783%2C0%2C256s7.479%2C16.696%2C16.696%2C16.696h26.478l-32.717%2C32.718%09c-6.521%2C6.521-6.521%2C17.087%2C0%2C23.609c3.26%2C3.26%2C7.532%2C4.891%2C11.804%2C4.891s8.544-1.631%2C11.804-4.892l56.327-56.326h83.813%09c2.168%2C10.642%2C6.39%2C20.536%2C12.197%2C29.295l-59.303%2C59.303H47.435c-9.217%2C0-16.696%2C7.479-16.696%2C16.696%09c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696h46.271l-18.728%2C18.728c-6.521%2C6.521-6.521%2C17.087%2C0%2C23.609%09c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892l18.728-18.728v46.271c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696%09s16.696-7.479%2C16.696-16.696v-79.663l59.303-59.303c8.759%2C5.807%2C18.652%2C10.027%2C29.295%2C12.197v83.813l-56.326%2C56.326%09c-6.521%2C6.521-6.521%2C17.087%2C0%2C23.609s17.087%2C6.521%2C23.609%2C0l32.718-32.718v26.478c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696%09s16.696-7.479%2C16.696-16.696v-26.478l32.718%2C32.718c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892%09c6.521-6.521%2C6.521-17.087%2C0-23.609l-56.326-56.327v-83.813c10.642-2.168%2C20.536-6.39%2C29.295-12.197l59.303%2C59.303v79.663%09c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696c9.217%2C0%2C16.696-7.479%2C16.696-16.696v-46.271l18.728%2C18.728%09c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892c6.521-6.521%2C6.521-17.087%2C0-23.609l-18.727-18.727h46.271%09c9.217%2C0%2C16.696-7.479%2C16.696-16.696c0-9.217-7.479-16.696-16.696-16.696h-79.663L325.6%2C301.991%09c5.807-8.759%2C10.027-18.652%2C12.197-29.295h83.813l56.326%2C56.326c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892%09c6.521-6.521%2C6.521-17.087%2C0-23.609l-32.717-32.717h26.478C504.521%2C272.696%2C512%2C265.217%2C512%2C256z M256%2C306.087%09c-27.619%2C0-50.087-22.468-50.087-50.087s22.468-50.087%2C50.087-50.087s50.087%2C22.468%2C50.087%2C50.087S283.619%2C306.087%2C256%2C306.087z%22%2F%3E%3Cpath style%3D%22fill%3A%2373C0E6%3B%22 d%3D%22M306.087%2C256c0%2C27.619-22.468%2C50.087-50.087%2C50.087V512c9.217%2C0%2C16.696-7.479%2C16.696-16.696v-26.478%09l32.718%2C32.718c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892c6.521-6.521%2C6.521-17.087%2C0-23.609l-56.326-56.327%09v-83.813c10.642-2.168%2C20.536-6.39%2C29.295-12.197l59.303%2C59.303v79.663c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696%09c9.217%2C0%2C16.696-7.479%2C16.696-16.696v-46.271l18.728%2C18.728c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892%09c6.521-6.521%2C6.521-17.087%2C0-23.609l-18.727-18.727h46.271c9.217%2C0%2C16.696-7.479%2C16.696-16.696c0-9.217-7.479-16.696-16.696-16.696%09h-79.663L325.6%2C301.991c5.807-8.759%2C10.027-18.652%2C12.197-29.295h83.813l56.326%2C56.326c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892%09s8.544-1.631%2C11.804-4.892c6.521-6.521%2C6.521-17.087%2C0-23.609l-32.717-32.717h26.478c9.217%2C0%2C16.696-7.479%2C16.696-16.696%09s-7.479-16.696-16.696-16.696h-26.478l32.718-32.718c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-56.327%2C56.327%09h-83.813c-2.168-10.642-6.39-20.536-12.197-29.295l59.303-59.303h79.663c9.217%2C0%2C16.696-7.479%2C16.696-16.696%09s-7.479-16.696-16.696-16.696h-46.271l18.728-18.728c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-18.727%2C18.728%09V47.435c0-9.217-7.479-16.696-16.696-16.696c-9.217%2C0-16.696%2C7.479-16.696%2C16.696v79.663L301.991%2C186.4%09c-8.759-5.807-18.652-10.027-29.295-12.197V90.391l56.326-56.326c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0%09l-32.717%2C32.717V16.696C272.696%2C7.479%2C265.217%2C0%2C256%2C0v205.913C283.619%2C205.913%2C306.087%2C228.381%2C306.087%2C256z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  width: 20px;\n  height: 20px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .snow-14T01 {\n  display: block;\n}\n\n@keyframes fall-XG-Wo {\n  from {\n    transform: translateY(0vh) translateX(-10vw);\n  }\n  to {\n    transform: translateY(105vh) translateX(10vw);\n  }\n}\n\n.sun-ijIPS {\n  color: rgba(255, 255, 255, 0.65);\n  line-height: 40px;\n  margin-left: 10px;\n  cursor: pointer;\n}\n";
-styleInject(css_248z$5);
+var css_248z$6 = ".snow-14T01 {\n  display: none;\n  position: fixed;\n  font-size: 1.5rem;\n  top: -1vh;\n  transform: translateY(0);\n  animation: fall-XG-Wo 3s linear forwards;\n  background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 512 512%22 style%3D%22enable-background%3Anew 0 0 512 512%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cpath style%3D%22fill%3A%2399DDFF%3B%22 d%3D%22M512%2C256c0-9.217-7.479-16.696-16.696-16.696h-26.478l32.718-32.718%09c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-56.327%2C56.327h-83.813c-2.168-10.642-6.39-20.536-12.197-29.295%09l59.303-59.303h79.663c9.217%2C0%2C16.696-7.479%2C16.696-16.696s-7.479-16.696-16.696-16.696h-46.271l18.728-18.728%09c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-18.727%2C18.728V47.435c0-9.217-7.479-16.696-16.696-16.696%09c-9.217%2C0-16.696%2C7.479-16.696%2C16.696v79.663L301.991%2C186.4c-8.759-5.807-18.652-10.027-29.295-12.197V90.391l56.326-56.326%09c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-32.717%2C32.717V16.696C272.696%2C7.479%2C265.217%2C0%2C256%2C0%09s-16.696%2C7.479-16.696%2C16.696v26.478l-32.718-32.717c-6.521-6.521-17.087-6.521-23.609%2C0s-6.521%2C17.087%2C0%2C23.609l56.327%2C56.326%09v83.813c-10.642%2C2.168-20.536%2C6.39-29.295%2C12.197l-59.303-59.303V47.435c0-9.217-7.479-16.696-16.696-16.696%09s-16.696%2C7.479-16.696%2C16.696v46.271L98.587%2C74.978c-6.521-6.521-17.087-6.521-23.609%2C0s-6.521%2C17.087%2C0%2C23.609l18.728%2C18.728%09H47.435c-9.217%2C0-16.696%2C7.479-16.696%2C16.696c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696h79.663l59.303%2C59.303%09c-5.807%2C8.759-10.027%2C18.652-12.197%2C29.295H90.391l-56.326-56.326c-6.521-6.521-17.087-6.521-23.609%2C0s-6.521%2C17.087%2C0%2C23.609%09l32.717%2C32.717H16.696C7.479%2C239.304%2C0%2C246.783%2C0%2C256s7.479%2C16.696%2C16.696%2C16.696h26.478l-32.717%2C32.718%09c-6.521%2C6.521-6.521%2C17.087%2C0%2C23.609c3.26%2C3.26%2C7.532%2C4.891%2C11.804%2C4.891s8.544-1.631%2C11.804-4.892l56.327-56.326h83.813%09c2.168%2C10.642%2C6.39%2C20.536%2C12.197%2C29.295l-59.303%2C59.303H47.435c-9.217%2C0-16.696%2C7.479-16.696%2C16.696%09c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696h46.271l-18.728%2C18.728c-6.521%2C6.521-6.521%2C17.087%2C0%2C23.609%09c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892l18.728-18.728v46.271c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696%09s16.696-7.479%2C16.696-16.696v-79.663l59.303-59.303c8.759%2C5.807%2C18.652%2C10.027%2C29.295%2C12.197v83.813l-56.326%2C56.326%09c-6.521%2C6.521-6.521%2C17.087%2C0%2C23.609s17.087%2C6.521%2C23.609%2C0l32.718-32.718v26.478c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696%09s16.696-7.479%2C16.696-16.696v-26.478l32.718%2C32.718c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892%09c6.521-6.521%2C6.521-17.087%2C0-23.609l-56.326-56.327v-83.813c10.642-2.168%2C20.536-6.39%2C29.295-12.197l59.303%2C59.303v79.663%09c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696c9.217%2C0%2C16.696-7.479%2C16.696-16.696v-46.271l18.728%2C18.728%09c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892c6.521-6.521%2C6.521-17.087%2C0-23.609l-18.727-18.727h46.271%09c9.217%2C0%2C16.696-7.479%2C16.696-16.696c0-9.217-7.479-16.696-16.696-16.696h-79.663L325.6%2C301.991%09c5.807-8.759%2C10.027-18.652%2C12.197-29.295h83.813l56.326%2C56.326c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892%09c6.521-6.521%2C6.521-17.087%2C0-23.609l-32.717-32.717h26.478C504.521%2C272.696%2C512%2C265.217%2C512%2C256z M256%2C306.087%09c-27.619%2C0-50.087-22.468-50.087-50.087s22.468-50.087%2C50.087-50.087s50.087%2C22.468%2C50.087%2C50.087S283.619%2C306.087%2C256%2C306.087z%22%2F%3E%3Cpath style%3D%22fill%3A%2373C0E6%3B%22 d%3D%22M306.087%2C256c0%2C27.619-22.468%2C50.087-50.087%2C50.087V512c9.217%2C0%2C16.696-7.479%2C16.696-16.696v-26.478%09l32.718%2C32.718c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892c6.521-6.521%2C6.521-17.087%2C0-23.609l-56.326-56.327%09v-83.813c10.642-2.168%2C20.536-6.39%2C29.295-12.197l59.303%2C59.303v79.663c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696%09c9.217%2C0%2C16.696-7.479%2C16.696-16.696v-46.271l18.728%2C18.728c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892%09c6.521-6.521%2C6.521-17.087%2C0-23.609l-18.727-18.727h46.271c9.217%2C0%2C16.696-7.479%2C16.696-16.696c0-9.217-7.479-16.696-16.696-16.696%09h-79.663L325.6%2C301.991c5.807-8.759%2C10.027-18.652%2C12.197-29.295h83.813l56.326%2C56.326c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892%09s8.544-1.631%2C11.804-4.892c6.521-6.521%2C6.521-17.087%2C0-23.609l-32.717-32.717h26.478c9.217%2C0%2C16.696-7.479%2C16.696-16.696%09s-7.479-16.696-16.696-16.696h-26.478l32.718-32.718c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-56.327%2C56.327%09h-83.813c-2.168-10.642-6.39-20.536-12.197-29.295l59.303-59.303h79.663c9.217%2C0%2C16.696-7.479%2C16.696-16.696%09s-7.479-16.696-16.696-16.696h-46.271l18.728-18.728c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-18.727%2C18.728%09V47.435c0-9.217-7.479-16.696-16.696-16.696c-9.217%2C0-16.696%2C7.479-16.696%2C16.696v79.663L301.991%2C186.4%09c-8.759-5.807-18.652-10.027-29.295-12.197V90.391l56.326-56.326c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0%09l-32.717%2C32.717V16.696C272.696%2C7.479%2C265.217%2C0%2C256%2C0v205.913C283.619%2C205.913%2C306.087%2C228.381%2C306.087%2C256z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  width: 20px;\n  height: 20px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .snow-14T01 {\n  display: block;\n}\n\n@keyframes fall-XG-Wo {\n  from {\n    transform: translateY(0vh) translateX(-10vw);\n  }\n  to {\n    transform: translateY(105vh) translateX(10vw);\n  }\n}\n\n.sun-ijIPS {\n  color: rgba(255, 255, 255, 0.65);\n  line-height: 40px;\n  margin-left: 10px;\n  cursor: pointer;\n}\n";
+styleInject(css_248z$6);
 
 var SnowAnimation = function SnowAnimation(props) {
   var _useState = useState(),
@@ -40785,7 +41088,7 @@ var MenuWrapper = function MenuWrapper() {
 };
 var Navigation = observer(MenuWrapper);
 
-var container$1 = "container-BucHG";
+var container$2 = "container-BucHG";
 var right = "right--XETU";
 var unpinnedRight = "unpinned-right-tbnNb";
 var draghandle = "draghandle-f5b0N";
@@ -40798,18 +41101,18 @@ var sel = "sel-iUm8X";
 var button = "button-K-0KR";
 var toolbarLayout = "toolbar-layout-DUuBn";
 var toolbarContent = "toolbar-content-GxyU6";
-var css_248z$4 = ".container-BucHG {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  z-index: 1001;\n  overflow: auto;\n}\n\n.right--XETU .container-BucHG {\n  z-index: 1003;\n}\n\n.unpinned-right-tbnNb.container-BucHG {\n  right: 37px;\n  position: absolute;\n}\n\n.draghandle-f5b0N {\n  position: absolute;\n  top: 0px;\n  background-color: rgba(128, 128, 128, 0.3);\n  z-index: 1002;\n}\n\n.right--XETU .draghandle-f5b0N {\n  height: 100%;\n  width: 2px;\n  left: -1px;\n  cursor: ew-resize;\n  z-index: 1004;\n}\n\n.bottom-cqyfS .draghandle-f5b0N {\n  height: 2px;\n  width: 100%;\n  cursor: ns-resize;\n}\n\n.mid-handle--qh50 {\n  position: absolute;\n  background-color: rgba(128, 128, 128, 0.3);\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.right--XETU .mid-handle--qh50 {\n  width: 5px;\n  height: 32px;\n  border-left: 2px solid grey;\n  border-right: 2px solid grey;\n}\n\n.bottom-cqyfS .mid-handle--qh50 {\n  height: 5px;\n  width: 32px;\n  border-top: 2px solid gray;\n  border-bottom: 2px solid gray;\n}\n\n.tools-selector-BHV3Z {\n  z-index: 1000;\n  display: flex;\n  position: relative;\n  gap: 16px;\n  align-items: center;\n  background-color: #f5f5f5;\n}\n\n.darkmode .tools-selector-BHV3Z {\n  background-color: #001529;\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.right--XETU .tools-selector-BHV3Z {\n  width: 36px;\n  height: 100%;\n  padding-top: 16px;\n  flex-direction: column;\n}\n\n.bottom-cqyfS .tools-selector-BHV3Z {\n  width: 100%;\n  height: 36px;\n  padding-top: 0;\n  flex-direction: row;\n}\n\n.tool-item-KyKgQ {\n  padding: 10px;\n  cursor: pointer;\n  position: relative;\n}\n\n.tool-item-KyKgQ.disabled-6aIG9 {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.right--XETU .tool-item-KyKgQ {\n  writing-mode: vertical-lr;\n  text-orientation: mixed;\n}\n\n.tool-item-KyKgQ::after {\n  content: '';\n  position: absolute;\n  background-color: #0088ff;\n  transition: all ease-in-out 0.2s;\n}\n\n.right--XETU .tool-item-KyKgQ::after {\n  width: 3px;\n  height: 0px;\n  left: 1px;\n  bottom: 50%;\n}\n\n.right--XETU .tool-item-KyKgQ:not(.disabled-6aIG9):hover::after,\n.right--XETU .sel-iUm8X::after {\n  height: 100%;\n  bottom: 0;\n}\n\n.bottom-cqyfS .tool-item-KyKgQ::after {\n  width: 0px;\n  height: 3px;\n  bottom: 1px;\n  left: 50%;\n}\n\n.bottom-cqyfS .tool-item-KyKgQ:not(.disabled-6aIG9):hover::after,\n.bottom-cqyfS .sel-iUm8X::after {\n  width: 100%;\n  left: 0;\n}\n\n.button-K-0KR {\n  width: 40px;\n  justify-content: center;\n}\n\n.toolbar-layout-DUuBn {\n  height: 100%;\n  width: 100%;\n}\n\n.toolbar-content-GxyU6 {\n  height: 100%;\n  width: 100%;\n  padding: 32px;\n  display: flex;\n  flex-direction: column;\n}\n";
-styleInject(css_248z$4);
+var css_248z$5 = ".container-BucHG {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  z-index: 1001;\n  overflow: auto;\n}\n\n.right--XETU .container-BucHG {\n  z-index: 1003;\n}\n\n.unpinned-right-tbnNb.container-BucHG {\n  right: 37px;\n  position: absolute;\n}\n\n.draghandle-f5b0N {\n  position: absolute;\n  top: 0px;\n  background-color: rgba(128, 128, 128, 0.3);\n  z-index: 1002;\n}\n\n.right--XETU .draghandle-f5b0N {\n  height: 100%;\n  width: 2px;\n  left: -1px;\n  cursor: ew-resize;\n  z-index: 1004;\n}\n\n.bottom-cqyfS .draghandle-f5b0N {\n  height: 2px;\n  width: 100%;\n  cursor: ns-resize;\n}\n\n.mid-handle--qh50 {\n  position: absolute;\n  background-color: rgba(128, 128, 128, 0.3);\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.right--XETU .mid-handle--qh50 {\n  width: 5px;\n  height: 32px;\n  border-left: 2px solid grey;\n  border-right: 2px solid grey;\n}\n\n.bottom-cqyfS .mid-handle--qh50 {\n  height: 5px;\n  width: 32px;\n  border-top: 2px solid gray;\n  border-bottom: 2px solid gray;\n}\n\n.tools-selector-BHV3Z {\n  z-index: 1000;\n  display: flex;\n  position: relative;\n  gap: 16px;\n  align-items: center;\n  background-color: #f5f5f5;\n}\n\n.darkmode .tools-selector-BHV3Z {\n  background-color: #001529;\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.right--XETU .tools-selector-BHV3Z {\n  width: 36px;\n  height: 100%;\n  padding-top: 16px;\n  flex-direction: column;\n}\n\n.bottom-cqyfS .tools-selector-BHV3Z {\n  width: 100%;\n  height: 36px;\n  padding-top: 0;\n  flex-direction: row;\n}\n\n.tool-item-KyKgQ {\n  padding: 10px;\n  cursor: pointer;\n  position: relative;\n}\n\n.tool-item-KyKgQ.disabled-6aIG9 {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.right--XETU .tool-item-KyKgQ {\n  writing-mode: vertical-lr;\n  text-orientation: mixed;\n}\n\n.tool-item-KyKgQ::after {\n  content: '';\n  position: absolute;\n  background-color: #0088ff;\n  transition: all ease-in-out 0.2s;\n}\n\n.right--XETU .tool-item-KyKgQ::after {\n  width: 3px;\n  height: 0px;\n  left: 1px;\n  bottom: 50%;\n}\n\n.right--XETU .tool-item-KyKgQ:not(.disabled-6aIG9):hover::after,\n.right--XETU .sel-iUm8X::after {\n  height: 100%;\n  bottom: 0;\n}\n\n.bottom-cqyfS .tool-item-KyKgQ::after {\n  width: 0px;\n  height: 3px;\n  bottom: 1px;\n  left: 50%;\n}\n\n.bottom-cqyfS .tool-item-KyKgQ:not(.disabled-6aIG9):hover::after,\n.bottom-cqyfS .sel-iUm8X::after {\n  width: 100%;\n  left: 0;\n}\n\n.button-K-0KR {\n  width: 40px;\n  justify-content: center;\n}\n\n.toolbar-layout-DUuBn {\n  height: 100%;\n  width: 100%;\n}\n\n.toolbar-content-GxyU6 {\n  height: 100%;\n  width: 100%;\n  padding: 32px;\n  display: flex;\n  flex-direction: column;\n}\n";
+styleInject(css_248z$5);
 
 var wrapper$2 = "wrapper-Q13-g";
 var confContainer = "conf-container-Sm5LL";
-var css_248z$3 = ".wrapper-Q13-g {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.conf-container-Sm5LL {\n  padding-top: 10px;\n  background: white;\n  color: black;\n  height: calc(100% - 40px);\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  position: relative;\n  overflow: hidden;\n}\n\n.darkmode .conf-container-Sm5LL {\n  border-color: #424242;\n}\n";
-styleInject(css_248z$3);
+var css_248z$4 = ".wrapper-Q13-g {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.conf-container-Sm5LL {\n  padding-top: 10px;\n  background: white;\n  color: black;\n  height: calc(100% - 40px);\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  position: relative;\n  overflow: hidden;\n}\n\n.darkmode .conf-container-Sm5LL {\n  border-color: #424242;\n}\n";
+styleInject(css_248z$4);
 
 var wrapper$1 = "wrapper-IcNC5";
 var select$1 = "select-jVMz-";
-var css_248z$2 = ".wrapper-IcNC5 {\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n\n.select-jVMz- {\n  z-index: 1000;\n  flex: 1;\n  max-width: 100% - 48px;\n}\n";
-styleInject(css_248z$2);
+var css_248z$3 = ".wrapper-IcNC5 {\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n\n.select-jVMz- {\n  z-index: 1000;\n  flex: 1;\n  max-width: 100% - 48px;\n}\n";
+styleInject(css_248z$3);
 
 function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -41134,7 +41437,7 @@ function useWysiwyg$1(_ref) {
         hideFirstStepWhenSingleOPVOnly: false,
         hideMeasureUnit: true,
         dontShowOrbitInMobile: false,
-        hideSingleOPVOnlyAlways: true,
+        hideSingleOPVOnlyAlways: false,
         hideElementInfo: true,
         hideConfigSingle: true,
         plannerType: 'NONE',
@@ -41260,8 +41563,8 @@ var FallbackComponent = function FallbackComponent(_ref2) {
 
 var wrapper = "wrapper-NYRLn";
 var select = "select-K2SWc";
-var css_248z$1 = ".wrapper-NYRLn {\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n\n.select-K2SWc {\n  z-index: 1000;\n  flex: 1;\n}\n";
-styleInject(css_248z$1);
+var css_248z$2 = ".wrapper-NYRLn {\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n\n.select-K2SWc {\n  z-index: 1000;\n  flex: 1;\n}\n";
+styleInject(css_248z$2);
 
 var CatalogSelection = function CatalogSelection(_ref) {
   var _ref$state = _ref.state,
@@ -41433,9 +41736,9 @@ var getTranslation = function getTranslation(text, lang) {
   }
 };
 
-var container = "container-Xbv0B";
-var css_248z = ".container-Xbv0B {\n  background: white;\n  color: black;\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: auto;\n}\n\n.darkmode .container-Xbv0B {\n  border-color: #424242;\n}\n";
-styleInject(css_248z);
+var container$1 = "container-Xbv0B";
+var css_248z$1 = ".container-Xbv0B {\n  background: white;\n  color: black;\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: auto;\n}\n\n.darkmode .container-Xbv0B {\n  border-color: #424242;\n}\n";
+styleInject(css_248z$1);
 
 var WsyiwygContentItem = function WsyiwygContentItem(_ref) {
   var tool = _ref.tool,
@@ -41449,16 +41752,41 @@ var WsyiwygContentItem = function WsyiwygContentItem(_ref) {
     errorCode: "BACKO_0004",
     addToErrorLog: data,
     children: /*#__PURE__*/jsx("div", {
-      className: container,
+      className: container$1,
       children: /*#__PURE__*/jsx(ContentItemComponent, {
-        settings: {
-          contentItems: data !== null && data !== void 0 ? data : []
+        configuration: {
+          content: data !== null && data !== void 0 ? data : []
         }
       })
     })
   });
 };
 
+var container = "container-babS2";
+var css_248z = ".container-babS2 {\n  background: white;\n  color: black;\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: auto;\n}\n\n.darkmode .container-babS2 {\n  border-color: #424242;\n}\n";
+styleInject(css_248z);
+
+var InformationWindow = function InformationWindow(_ref) {
+  var _tool$parameters;
+  var tool = _ref.tool;
+  var root = useStore();
+  var codex = (_tool$parameters = tool.parameters) === null || _tool$parameters === void 0 ? void 0 : _tool$parameters.contentItemCodex;
+  useEffect(function () {
+    var _root$resetErrorBound;
+    (_root$resetErrorBound = root.resetErrorBoundary) === null || _root$resetErrorBound === void 0 || _root$resetErrorBound.call(root);
+  }, [tool.parameters]);
+  return /*#__PURE__*/jsx(ErrorBoundary, {
+    errorCode: "BACKO_0004",
+    addToErrorLog: codex,
+    children: /*#__PURE__*/jsx("div", {
+      className: container,
+      children: /*#__PURE__*/jsx(ContentItemComponent, {
+        contentItemCodex: codex
+      })
+    })
+  });
+};
+
 function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Toolbar = function Toolbar(_ref) {
@@ -41510,7 +41838,7 @@ var Toolbar = function Toolbar(_ref) {
         className: midHandle
       })
     }), !toolBar.hidden && toolBar.currentOpenTool && /*#__PURE__*/jsx("div", {
-      className: classnames(container$1, _defineProperty({}, unpinnedRight, !toolBar.pinned && position === 'right')),
+      className: classnames(container$2, _defineProperty({}, unpinnedRight, !toolBar.pinned && position === 'right')),
       style: {
         width: position === 'right' ? toolBar.width : undefined,
         minWidth: position === 'right' ? toolBar.width : undefined,
@@ -41576,6 +41904,12 @@ function ToolElement(_ref2) {
         toolbar: toolbar
       });
       break;
+    case 'InformationWindow':
+      Tool = /*#__PURE__*/jsx(InformationWindow, {
+        tool: tool,
+        toolbar: toolbar
+      });
+      break;
   }
   var C = useMemo(function () {
     return tool.elementComponent;