@crystaldesign/diva-backoffice 26.1.0-beta.3 → 26.1.0-beta.31

package/build/esm/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React, { createElement, createContext, useState, useEffect, useRef, useMemo, forwardRef, useImperativeHandle, useCallback, createRef, useReducer, useContext, memo, useDeferredValue } from 'react';
 import 'antd/dist/reset.css';
-import { Divider, Form as Form$2, Button, Input as Input$1, Popover, Typography, Progress, Select as Select$1, Avatar, Spin, Radio, Space, Dropdown, DatePicker, Checkbox as Checkbox$1, InputNumber, Modal as Modal$2, Tabs, Cascader, Descriptions, Row, Col, Tooltip as Tooltip$1, Collapse, List as List$1, Skeleton, Alert, Card, Upload as Upload$2, Table as Table$1, Switch, Popconfirm, Image, Slider, Breadcrumb, Result as Result$1, message, Tag, Layout, Drawer, ConfigProvider, theme } from 'antd';
+import { Divider, Form as Form$2, Button, Input as Input$1, Popover, Typography, Progress, Select as Select$1, Avatar, Spin, Radio, Space, Dropdown, DatePicker, Checkbox as Checkbox$1, InputNumber, Modal as Modal$2, Tabs, Cascader, Descriptions, Row, Col, Tooltip as Tooltip$1, Collapse, List as List$1, Skeleton, Alert, Card, Upload as Upload$2, Table as Table$1, message, Switch, Popconfirm, Image, Slider, Breadcrumb, Result as Result$1, Tag, Layout, Drawer, ConfigProvider, theme } from 'antd';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { observer } from 'mobx-react-lite';
 import { getLogger, DivaError, useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
@@ -76,7 +76,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, CloseOutlined as CloseOutlined$1, PlusCircleOutlined as PlusCircleOutlined$1, HomeOutlined as HomeOutlined$1, InboxOutlined, EditOutlined, EyeOutlined, InfoCircleOutlined as InfoCircleOutlined$1, FilePdfOutlined, LoadingOutlined, DownOutlined as DownOutlined$1, UploadOutlined as UploadOutlined$2, GlobalOutlined, DatabaseOutlined as DatabaseOutlined$1, DatabaseFilled, ReloadOutlined as ReloadOutlined$1 } from '@ant-design/icons';
+import { MinusCircleOutlined, PlusOutlined, DownloadOutlined as DownloadOutlined$1, PlusSquareOutlined, DeleteOutlined as DeleteOutlined$1, FullscreenOutlined, InfoCircleOutlined as InfoCircleOutlined$1, CloseOutlined as CloseOutlined$1, PlusCircleOutlined as PlusCircleOutlined$1, HomeOutlined as HomeOutlined$1, InboxOutlined, EditOutlined, EyeOutlined, FilePdfOutlined, LoadingOutlined, DownOutlined as DownOutlined$1, UploadOutlined as UploadOutlined$2, GlobalOutlined, DatabaseOutlined as DatabaseOutlined$1, DatabaseFilled, ReloadOutlined as ReloadOutlined$1 } from '@ant-design/icons';
 import classnames from 'classnames';
 import RTFEditor from '@crystaldesign/rtf-editor';
 import debounce from 'lodash/debounce';
@@ -3714,10 +3714,16 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         sorter: 1,
         filter: 'search',
         width: 200
+      }, {
+        title: 'Unique Cloud Key',
+        field: 'key',
+        sorter: 2,
+        filter: 'search',
+        width: 150
       }, {
         title: 'Base URL',
         field: 'url',
-        sorter: 2,
+        sorter: 3,
         filter: 'search',
         width: 200
       }, {
@@ -3728,7 +3734,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }],
       filter: {
         search: {
-          fields: ['_id', 'name', 'url', 'iln']
+          fields: ['_id', 'name', 'url', 'key', 'iln']
         }
       },
       apiInterface: {
@@ -4200,6 +4206,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       pagination: {
         pageSize: 50
       },
+      mainInformationWindowCodex: 'CONTENT_ITEMS_TABLE_INFO',
       filter: {
         toggle: {
           fields: ['onlyTemplates'],
@@ -5046,7 +5053,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
               targetField: 'mediaItems'
             }]
           },
-          mediaType: 'file'
+          mediaType: 'base64'
         }]
       }],
       expandable: {
@@ -6352,7 +6359,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         }],
         download: [{
           type: 'request',
-          request: '${mediaService}/mediaitems/media/${mediaItems}',
+          request: '${mediaService}/v1/assets/${mediaItems}/download',
           mediaType: 'file',
           mapping: {
             type: 'query',
@@ -8037,6 +8044,10 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         name: 'name',
         label: t('backoffice.form.externalclouddetail.items.name'),
         type: 'input'
+      }, {
+        name: 'key',
+        label: 'Key',
+        type: 'input'
       }, {
         label: t('backoffice.form.externalclouddetail.items.url'),
         name: 'url',
@@ -16274,7 +16285,7 @@ var DownloadStore = /*#__PURE__*/function () {
     value: function () {
       var _downloadRequest = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(download, data) {
         var _this$_rootStore3;
-        var url, result, contentType, contentDisposition, fileName, fileNameMatch, blob, base64File, a, mimeType, res;
+        var url, result, contentDisposition, fileName, fileNameMatch, lastDotIndex, potentialExtension, hasValidExtension, extension, blob, base64File, a, mimeType, res;
         return _regeneratorRuntime.wrap(function _callee5$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
@@ -16296,50 +16307,66 @@ var DownloadStore = /*#__PURE__*/function () {
               });
             case 3:
               result = _context6.sent;
-              contentType = result.headers.get('Content-Type');
+              if (result.ok) {
+                _context6.next = 7;
+                break;
+              }
+              LOG$e.error(new DivaError("Download request failed: ".concat(result.status, " ").concat(result.statusText)));
+              throw new Error("Download failed: ".concat(result.status, " ").concat(result.statusText));
+            case 7:
               contentDisposition = result.headers.get('Content-Disposition');
-              fileName = 'download'; // Extract filename from Content-Disposition header if available
-              if (contentDisposition) {
+              fileName = 'download'; // Use fileName from data if available
+              if (data !== null && data !== void 0 && data['fileName']) {
+                fileName = data['fileName'];
+              }
+
+              // Fall back to Content-Disposition header if no fileName in data
+              if (fileName === 'download' && contentDisposition) {
                 fileNameMatch = contentDisposition.match(/filename="?([^"]+)"?/i);
                 if (fileNameMatch && fileNameMatch[1]) {
                   fileName = fileNameMatch[1];
                 }
               }
+
+              // Get the part after the last dot
+              lastDotIndex = fileName.lastIndexOf('.');
+              potentialExtension = lastDotIndex > -1 ? fileName.substring(lastDotIndex + 1).toLowerCase() : ''; // Check if it looks like a valid extension (2-5 chars, alphabetic only)
+              hasValidExtension = /^[a-z]{2,5}$/.test(potentialExtension); // If filename has no extension, derive it from contentType
+              if (fileName && !hasValidExtension) {
+                extension = data === null || data === void 0 ? void 0 : data['fileFormat'];
+                if (extension) {
+                  fileName = "".concat(fileName, ".").concat(extension); // Add the extension
+                }
+              }
               _context6.t0 = download.mediaType;
-              _context6.next = _context6.t0 === 'file' ? 11 : _context6.t0 === 'json' ? 27 : 32;
+              _context6.next = _context6.t0 === 'file' ? 18 : _context6.t0 === 'base64' ? 23 : _context6.t0 === 'json' ? 32 : 37;
               break;
-            case 11:
-              if (!(contentType === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' || contentType === 'application/vnd.ms-excel')) {
-                _context6.next = 18;
-                break;
-              }
-              _context6.next = 14;
+            case 18:
+              _context6.next = 20;
               return result.blob();
-            case 14:
+            case 20:
               blob = _context6.sent;
               DownloadStore.downloadBlob(blob, fileName);
-              _context6.next = 26;
-              break;
-            case 18:
-              _context6.next = 20;
+              return _context6.abrupt("break", 37);
+            case 23:
+              _context6.next = 25;
               return result.json();
-            case 20:
+            case 25:
               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.download = fileName;
               a.click();
-            case 26:
-              return _context6.abrupt("break", 32);
-            case 27:
-              _context6.next = 29;
+              return _context6.abrupt("break", 37);
+            case 32:
+              _context6.next = 34;
               return result.json();
-            case 29:
+            case 34:
               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", 32);
-            case 32:
+              return _context6.abrupt("break", 37);
+            case 37:
             case "end":
               return _context6.stop();
           }
@@ -16364,21 +16391,23 @@ var DownloadStore = /*#__PURE__*/function () {
     value: function () {
       var _openDownload = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(props) {
         var _props$data;
-        var promises, _iterator2, _step2, dt;
+        var successCount, failedCount, promises, _iterator2, _step2, dt, _results, results;
         return _regeneratorRuntime.wrap(function _callee6$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
             case 0:
               if (!(((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length) > 0)) {
-                _context7.next = 26;
+                _context7.next = 34;
                 break;
               }
+              successCount = 0;
+              failedCount = 0;
               promises = [];
               _iterator2 = _createForOfIteratorHelper$l(props.data);
-              _context7.prev = 3;
+              _context7.prev = 5;
               _iterator2.s();
-            case 5:
+            case 7:
               if ((_step2 = _iterator2.n()).done) {
-                _context7.next = 14;
+                _context7.next = 18;
                 break;
               }
               dt = _step2.value;
@@ -16390,41 +16419,69 @@ var DownloadStore = /*#__PURE__*/function () {
                 sessionGuid: props.sessionGuid
               }));
               if (!(promises.length == 10)) {
-                _context7.next = 12;
+                _context7.next = 16;
                 break;
               }
-              _context7.next = 11;
-              return Promise.all(promises);
-            case 11:
+              _context7.next = 13;
+              return Promise.allSettled(promises);
+            case 13:
+              _results = _context7.sent;
+              _results.forEach(function (result) {
+                if (result.status === 'fulfilled') {
+                  successCount++;
+                } else {
+                  failedCount++;
+                }
+              });
               promises.length = 0;
-            case 12:
-              _context7.next = 5;
+            case 16:
+              _context7.next = 7;
               break;
-            case 14:
-              _context7.next = 19;
+            case 18:
+              _context7.next = 23;
               break;
-            case 16:
-              _context7.prev = 16;
-              _context7.t0 = _context7["catch"](3);
+            case 20:
+              _context7.prev = 20;
+              _context7.t0 = _context7["catch"](5);
               _iterator2.e(_context7.t0);
-            case 19:
-              _context7.prev = 19;
+            case 23:
+              _context7.prev = 23;
               _iterator2.f();
-              return _context7.finish(19);
-            case 22:
-              _context7.next = 24;
-              return Promise.all(promises);
-            case 24:
-              _context7.next = 28;
-              break;
+              return _context7.finish(23);
             case 26:
-              _context7.next = 28;
+              if (!(promises.length > 0)) {
+                _context7.next = 31;
+                break;
+              }
+              _context7.next = 29;
+              return Promise.allSettled(promises);
+            case 29:
+              results = _context7.sent;
+              results.forEach(function (result) {
+                if (result.status === 'fulfilled') {
+                  successCount++;
+                } else {
+                  failedCount++;
+                }
+              });
+            case 31:
+              return _context7.abrupt("return", {
+                success: successCount,
+                failed: failedCount
+              });
+            case 34:
+              _context7.next = 36;
               return this.executeDownload(props);
-            case 28:
+            case 36:
+              return _context7.abrupt("return", {
+                success: 1,
+                failed: 0
+              });
+            case 37:
             case "end":
               return _context7.stop();
           }
-        }, _callee6, this, [[3, 16, 19, 22]]);
+        }, _callee6, this, [[5, 20, 23, 26]]);
       }));
       function openDownload(_x13) {
         return _openDownload.apply(this, arguments);
@@ -26253,7 +26310,7 @@ 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$n = ".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";
+var css_248z$n = ".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\n.ant-select {\n  display: flex !important;\n}\n\n/* Fix for antd Table extra column on Windows */\n/* workarround for https://github.com/ant-design/ant-design/issues/55633, if resolved try to remove this */\n.ant-table-cell-scrollbar:not(.ant-table-cell-fix-right) {\n  display: none !important;\n}";
 styleInject(css_248z$n);
 
 function BooleanCell (_ref) {
@@ -26790,26 +26847,24 @@ function MediaItemViewerCell (_ref) {
     handler.mediaHandler.getMediaById(id).then(function (res) {
       var _mediaItem$variants;
       var mediaItem = res.data[0];
-      var mediaUrl;
+      var thumbnailUrl = mediaItem.cdnUrl;
       if (mediaItem.thumbnailUrl) {
-        mediaUrl = mediaItem.thumbnailUrl;
-      } else if ((_mediaItem$variants = mediaItem.variants) !== null && _mediaItem$variants !== void 0 && _mediaItem$variants[0]) {
-        mediaUrl = mediaItem.variants[0];
-      } else if (mediaItem.url && mediaItem.mediaType !== 'AR') {
-        mediaUrl = mediaItem.url;
+        thumbnailUrl = mediaItem.thumbnailUrl;
+      } else if ((_mediaItem$variants = mediaItem.variants) !== null && _mediaItem$variants !== void 0 && _mediaItem$variants['gal']) {
+        thumbnailUrl = mediaItem.variants['gal'];
       }
-      if (mediaItem.mediaType == 'AR' && mediaUrl) {
-        var url = new URL(mediaUrl);
-        url.searchParams.append('v', timeStamp.toString());
-        mediaUrl = url.toString();
+      var originalUrl = mediaItem.cdnUrl;
+      if (mediaItem.mimeType === 'image/tiff') {
+        var _mediaItem$variants$b, _mediaItem$variants2, _mediaItem$variants3;
+        originalUrl = (_mediaItem$variants$b = (_mediaItem$variants2 = mediaItem.variants) === null || _mediaItem$variants2 === void 0 ? void 0 : _mediaItem$variants2['big']) !== null && _mediaItem$variants$b !== void 0 ? _mediaItem$variants$b : (_mediaItem$variants3 = mediaItem.variants) === null || _mediaItem$variants3 === void 0 ? void 0 : _mediaItem$variants3['gal'];
       }
       if (mediaItem.mediaType === 'AR' && mediaItem.mimeType === 'application/octet-stream') {
         setMedia(undefined);
         return;
       }
       setMedia({
-        thumbnailUrl: mediaUrl,
-        originalUrl: mediaItem.url,
+        thumbnailUrl: thumbnailUrl,
+        originalUrl: originalUrl,
         mediaType: mediaItem.mediaType
       });
     });
@@ -27418,11 +27473,176 @@ var SMChart = function SMChart(props) {
   }) : /*#__PURE__*/jsx(Fragment, {});
 };
 
-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 _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$5(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$5(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$5(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$5(r, a) : void 0; } }
 function _arrayLikeToArray$5(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$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; }
+
+/**
+ * Props for the useTools hook
+ */
+
+/**
+ * Custom hook for managing tools and configurator functionality
+ *
+ * @param props - The hook props
+ * @param props.catalog - Catalog object for configurator tools
+ * @param props.enricherPackage - Enricher package object for configurator tools
+ * @param props.isApi2 - Whether to use API2 mode
+ * @param props.mainInformationWindowCodex - Main information window codex
+ * @param props.serie - Serie object for configurator tools
+ * @param props.item - Item object with type number
+ * @param props.setSerie - Function to set serie
+ * @param props.setArticle - Function to set article
+ * @returns Object containing tool management functions
+ * @returns {Function} updateConfigurator - Function to update configurator parameters
+ * @returns {Function} openInformationWindow - Function to open information window
+ * @returns {Function} addSecondaryTables - Function to add secondary tables
+ * @returns {Function} removeSecondaryTables - Function to remove secondary tables
+ */
+var useTools = function useTools(_ref) {
+  var catalog = _ref.catalog,
+    enricherPackage = _ref.enricherPackage,
+    isApi2 = _ref.isApi2,
+    onlyPlaceholder = _ref.onlyPlaceholder,
+    mainInformationWindowCodex = _ref.mainInformationWindowCodex,
+    serie = _ref.serie,
+    item = _ref.item,
+    setSerie = _ref.setSerie,
+    setArticle = _ref.setArticle,
+    conditionalTools = _ref.conditionalTools;
+  var root = useStore();
+  var catalogId = catalog === null || catalog === void 0 ? void 0 : catalog._id;
+  var packageId = enricherPackage === null || enricherPackage === void 0 ? void 0 : enricherPackage._id;
+  var isoLanguageIds = (catalog === null || catalog === void 0 ? void 0 : catalog.isoLanguageIds) || (enricherPackage === null || enricherPackage === void 0 ? void 0 : enricherPackage.isoLanguageIds);
+  var createTool = function createTool(tool) {
+    return _objectSpread$F({
+      startWidth: 600,
+      defaultPinned: true,
+      defaultOpen: false
+    }, tool);
+  };
+  var createInformationWindow = function createInformationWindow(codex, open) {
+    return createTool({
+      id: 'info',
+      name: 'Information',
+      type: 'InformationWindow',
+      where: 'right',
+      parameters: {
+        contentItemCodex: codex
+      },
+      defaultOpen: open
+    });
+  };
+  var createConfigurator = function createConfigurator(parameters) {
+    var elementProps = {
+      isoLanguageIds: isoLanguageIds,
+      item: item,
+      serie: serie,
+      onSerieChange: setSerie,
+      onItemChange: setArticle
+    };
+    return createTool({
+      id: 'WYSIWYG',
+      name: 'Konfigurator',
+      type: 'Configurator',
+      where: 'right',
+      parameters: _objectSpread$F({
+        catalogId: catalogId,
+        packageId: packageId,
+        isIDMData: !isApi2 ? '1' : undefined
+      }, parameters),
+      elementProps: elementProps
+    });
+  };
+  var updateInformationWindow = function updateInformationWindow(codex, open) {
+    root.contentStore.rightToolBar.addTools(createInformationWindow(codex, open));
+    if (open) {
+      root.contentStore.rightToolBar.selectTool('info');
+      root.contentStore.rightToolBar.hidden = false;
+    }
+  };
+  var updateConfigurator = function updateConfigurator(parameters) {
+    root.contentStore.rightToolBar.addTools(createConfigurator(parameters));
+  };
+
+  /*
+   *  Elements need to be added/removed all at once
+   *  This makes sure the store remebers the last open tool and reopens it if it is used by the next component
+   */
+  useEffect(function () {
+    var _root$contentStore$ri, _root$contentStore$bo;
+    var tools = [];
+    if ((catalogId || packageId) && !onlyPlaceholder) {
+      tools.push(createConfigurator());
+    }
+    if (mainInformationWindowCodex) {
+      tools.push(createInformationWindow(mainInformationWindowCodex, false));
+    }
+    var _iterator = _createForOfIteratorHelper$5(conditionalTools || []),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _tool$condition;
+        var tool = _step.value;
+        if ((_tool$condition = tool.condition) !== null && _tool$condition !== void 0 && _tool$condition.call(tool)) {
+          tools.push(createTool(tool));
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    (_root$contentStore$ri = root.contentStore.rightToolBar).addTools.apply(_root$contentStore$ri, _toConsumableArray(tools.filter(function (tool) {
+      return tool.where === 'right';
+    })));
+    (_root$contentStore$bo = root.contentStore.bottomToolBar).addTools.apply(_root$contentStore$bo, _toConsumableArray(tools.filter(function (tool) {
+      return !tool.where || tool.where === 'bottom';
+    })));
+    return function () {
+      var _root$contentStore$ri2, _root$contentStore$bo2;
+      var toRemove = [];
+      if (mainInformationWindowCodex) {
+        toRemove.push('info');
+      }
+      if ((catalogId || packageId) && !onlyPlaceholder) {
+        toRemove.push('WYSIWYG');
+      }
+      (_root$contentStore$ri2 = root.contentStore.rightToolBar).removeTools.apply(_root$contentStore$ri2, toRemove.concat(_toConsumableArray((conditionalTools === null || conditionalTools === void 0 ? void 0 : conditionalTools.map(function (tool) {
+        return tool.id;
+      })) || [])));
+      (_root$contentStore$bo2 = root.contentStore.bottomToolBar).removeTools.apply(_root$contentStore$bo2, _toConsumableArray((conditionalTools === null || conditionalTools === void 0 ? void 0 : conditionalTools.map(function (tool) {
+        return tool.id;
+      })) || []));
+    };
+  }, [mainInformationWindowCodex, catalogId, packageId, conditionalTools, onlyPlaceholder, item, serie]);
+  return {
+    updateConfigurator: updateConfigurator,
+    updateInformationWindow: updateInformationWindow
+  };
+};
+
+function InformationButton(_ref) {
+  var codex = _ref.codex;
+  var _useTools = useTools({}),
+    updateInformationWindow = _useTools.updateInformationWindow;
+  return /*#__PURE__*/jsx(Button, {
+    type: "text",
+    icon: /*#__PURE__*/jsx(InfoCircleOutlined$1, {}),
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      updateInformationWindow(codex, true);
+    }
+  });
+}
+
+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 _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; }
 dayjs.extend(customParseFormat);
 dayjs.extend(advancedFormat);
 dayjs.extend(weekday);
@@ -27453,6 +27673,10 @@ var TableWrapper = function TableWrapper(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     progressBarPercentage = _useState8[0],
     setProgressBarPercentage = _useState8[1];
+  var _useState9 = useState(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    downloadingIndex = _useState10[0],
+    setDownloadingIndex = _useState10[1];
   useEffect(function () {
     if (!state.loading && state.configuration.canRefresh) state.triggerRefresh();
   }, [root.dataStore.selectedOrganizationId]);
@@ -27460,12 +27684,12 @@ var TableWrapper = function TableWrapper(_ref) {
   if (state.configuration.mergeFields && state.data) {
     for (var i = 0; i < data.length; i++) {
       var dt = flatten(data[i]);
-      var _iterator = _createForOfIteratorHelper$5(state.configuration.mergeFields),
+      var _iterator = _createForOfIteratorHelper$4(state.configuration.mergeFields),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var merge = _step.value;
-          var _iterator2 = _createForOfIteratorHelper$5(merge.valueKeys),
+          var _iterator2 = _createForOfIteratorHelper$4(merge.valueKeys),
             _step2;
           try {
             for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -27515,7 +27739,7 @@ var TableWrapper = function TableWrapper(_ref) {
     if (data && data.length > 0) {
       data = data.map(function (dt) {
         var _ref2, _dt$catalogItem;
-        return _objectSpread$F(_objectSpread$F({}, dt), {}, {
+        return _objectSpread$E(_objectSpread$E({}, dt), {}, {
           catalogItem: (_ref2 = (_dt$catalogItem = dt.catalogItem) !== null && _dt$catalogItem !== void 0 ? _dt$catalogItem : state.catalogItem) !== null && _ref2 !== void 0 ? _ref2 : null
         });
       });
@@ -27542,7 +27766,11 @@ var TableWrapper = function TableWrapper(_ref) {
     children: [(state.canDelete || state.configuration.createAction || state.title || state.configuration.canRefresh || state.configuration.clientRelations) && /*#__PURE__*/jsx(Fragment, {
       children: /*#__PURE__*/jsx(Descriptions, {
         title: /*#__PURE__*/jsxs("div", {
-          children: [state.title, /*#__PURE__*/jsxs(Space, {
+          children: [/*#__PURE__*/jsxs(Space, {
+            children: [state.title, state.configuration.mainInformationWindowCodex && /*#__PURE__*/jsx(InformationButton, {
+              codex: state.configuration.mainInformationWindowCodex
+            })]
+          }), /*#__PURE__*/jsxs(Space, {
             style: {
               "float": 'right'
             },
@@ -27575,23 +27803,61 @@ var TableWrapper = function TableWrapper(_ref) {
               var _action$label;
               return /*#__PURE__*/jsx(Button, {
                 type: "primary",
-                disabled: isDownloadActionDisabled(action),
+                disabled: isDownloadActionDisabled(action) || downloadingIndex !== null,
                 icon: /*#__PURE__*/jsx(DownloadOutlined$1, {}),
                 size: "middle",
-                onClick: function onClick() {
-                  var _state$catalogItem2, _state$catalogItem3, _state$catalogItem4;
-                  var selectedData = state.data.filter(function (dt) {
-                    return state.selected.includes(dt._id);
-                  });
-                  root.downloadStore.openDownload({
-                    data: selectedData.length ? selectedData : state.mappingData,
-                    action: action,
-                    catalogCodex: (_state$catalogItem2 = state.catalogItem) === null || _state$catalogItem2 === void 0 ? void 0 : _state$catalogItem2.codex,
-                    dealerId: (_state$catalogItem3 = state.catalogItem) === null || _state$catalogItem3 === void 0 ? void 0 : _state$catalogItem3.dealerId,
-                    currentUrl: state.currentFetchUrl,
-                    sessionGuid: (_state$catalogItem4 = state.catalogItem) === null || _state$catalogItem4 === void 0 ? void 0 : _state$catalogItem4.sessionGuid
-                  });
-                },
+                loading: downloadingIndex === index,
+                onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+                  var selectedData, _state$catalogItem2, _state$catalogItem3, _state$catalogItem4, result;
+                  return _regeneratorRuntime.wrap(function _callee$(_context) {
+                    while (1) switch (_context.prev = _context.next) {
+                      case 0:
+                        selectedData = state.data.filter(function (dt) {
+                          return state.selected.includes(dt._id);
+                        });
+                        setDownloadingIndex(index);
+                        _context.prev = 2;
+                        _context.next = 5;
+                        return root.downloadStore.openDownload({
+                          data: selectedData.length ? selectedData : state.mappingData,
+                          action: action,
+                          catalogCodex: (_state$catalogItem2 = state.catalogItem) === null || _state$catalogItem2 === void 0 ? void 0 : _state$catalogItem2.codex,
+                          dealerId: (_state$catalogItem3 = state.catalogItem) === null || _state$catalogItem3 === void 0 ? void 0 : _state$catalogItem3.dealerId,
+                          currentUrl: state.currentFetchUrl,
+                          sessionGuid: (_state$catalogItem4 = state.catalogItem) === null || _state$catalogItem4 === void 0 ? void 0 : _state$catalogItem4.sessionGuid
+                        });
+                      case 5:
+                        result = _context.sent;
+                        if (result.failed > 0 && result.success > 0) {
+                          message.warning(t('backoffice.download.partial', {
+                            success: result.success,
+                            failed: result.failed
+                          }));
+                        } else if (result.failed > 0) {
+                          message.error(t('backoffice.download.allFailed', {
+                            failed: result.failed
+                          }));
+                        } else if (result.success > 0) {
+                          message.success(t('backoffice.download.success', {
+                            success: result.success
+                          }));
+                        }
+                        _context.next = 12;
+                        break;
+                      case 9:
+                        _context.prev = 9;
+                        _context.t0 = _context["catch"](2);
+                        message.error(t('backoffice.download.error'));
+                      case 12:
+                        _context.prev = 12;
+                        setDownloadingIndex(null);
+                        return _context.finish(12);
+                      case 15:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }, _callee, null, [[2, 9, 12, 15]]);
+                })),
                 children: (_action$label = action.label) !== null && _action$label !== void 0 ? _action$label : t('backoffice.basetable.download')
               }, index);
             }), state.configuration.canRefresh && /*#__PURE__*/jsx(Button, {
@@ -27628,7 +27894,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$F(_objectSpread$F({}, (_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$E(_objectSpread$E({}, (_state$configuration$5 = state.configuration.filter) === null || _state$configuration$5 === void 0 ? void 0 : _state$configuration$5.select.settings), {}, {
               style: {
                 minWidth: '200px'
               },
@@ -27733,7 +27999,7 @@ var TableWrapper = function TableWrapper(_ref) {
       },
       dataSource: data,
       loading: state.loading,
-      pagination: _objectSpread$F(_objectSpread$F({}, state.pagination), {}, {
+      pagination: _objectSpread$E(_objectSpread$E({}, state.pagination), {}, {
         showTotal: function showTotal(total, range) {
           return "".concat(range[0], "-").concat(range[1], " of ").concat(total, " Elements");
         },
@@ -27775,17 +28041,17 @@ var TableWrapper = function TableWrapper(_ref) {
   });
 };
 var BaseTable = observer(TableWrapper);
-function DeleteButton(_ref3) {
-  var _ref3$selected = _ref3.selected,
-    selected = _ref3$selected === void 0 ? [] : _ref3$selected,
-    total = _ref3.total,
-    _ref3$min = _ref3.min,
-    min = _ref3$min === void 0 ? 0 : _ref3$min,
-    deleting = _ref3.deleting,
-    onDelete = _ref3.onDelete,
-    disabled = _ref3.disabled,
-    label = _ref3.label,
-    labelDialog = _ref3.labelDialog;
+function DeleteButton(_ref4) {
+  var _ref4$selected = _ref4.selected,
+    selected = _ref4$selected === void 0 ? [] : _ref4$selected,
+    total = _ref4.total,
+    _ref4$min = _ref4.min,
+    min = _ref4$min === void 0 ? 0 : _ref4$min,
+    deleting = _ref4.deleting,
+    onDelete = _ref4.onDelete,
+    disabled = _ref4.disabled,
+    label = _ref4.label,
+    labelDialog = _ref4.labelDialog;
   var _useTranslation2 = useTranslation(),
     t = _useTranslation2.t;
   var hasSelected = (selected === null || selected === void 0 ? void 0 : selected.length) > 0;
@@ -27813,24 +28079,24 @@ function DeleteButton(_ref3) {
     })
   });
 }
-function CopyButton(_ref4) {
+function CopyButton(_ref5) {
   var _state$configuration$24;
-  var state = _ref4.state;
+  var state = _ref5.state;
   var root = useStore();
   new _default$d({
     apiInterface: state.configuration.apiInterface,
     type: 'Table'
   }, root);
   var onCopy = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var _state$configuration$21;
       var copyAction, _iterator3, _step3, selectedRow;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
             copyAction = state.configuration.copyAction;
             if (((_state$configuration$21 = state.configuration.copyAction) === null || _state$configuration$21 === void 0 ? void 0 : _state$configuration$21.apiInterface) != undefined) {
-              _iterator3 = _createForOfIteratorHelper$5(state.selected);
+              _iterator3 = _createForOfIteratorHelper$4(state.selected);
               try {
                 for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
                   selectedRow = _step3.value;
@@ -27854,33 +28120,33 @@ function CopyButton(_ref4) {
             }
           case 2:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee);
+      }, _callee2);
     }));
     return function onCopy() {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   var onCopyAction = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
       var _state$configuration$22, _state$configuration$23;
       var copyAction, id, data;
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
             copyAction = state.configuration.copyAction;
             if (!(copyAction.id == undefined || copyAction.actionType != 'Detail' || ((_state$configuration$22 = state.configuration.createAction) === null || _state$configuration$22 === void 0 ? void 0 : _state$configuration$22.actionType) != 'Detail')) {
-              _context3.next = 3;
+              _context4.next = 3;
               break;
             }
             throw new Error('configuration needs to be of type Detail');
           case 3:
             id = state.selected[0];
-            _context3.next = 6;
+            _context4.next = 6;
             return state.getDataById(id);
           case 6:
-            data = _context3.sent;
+            data = _context4.sent;
             data.data[0] = applyMapping({
               mappable: {},
               mappingData: data.data[0],
@@ -27897,19 +28163,19 @@ function CopyButton(_ref4) {
               mapping: (_state$configuration$23 = state.configuration.createAction) === null || _state$configuration$23 === void 0 ? void 0 : _state$configuration$23.mapping,
               mappingData: data.data[0],
               callback: function () {
-                var _callback = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(e) {
-                  return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-                    while (1) switch (_context2.prev = _context2.next) {
+                var _callback = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(e) {
+                  return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+                    while (1) switch (_context3.prev = _context3.next) {
                       case 0:
-                        _context2.next = 2;
+                        _context3.next = 2;
                         return state.onUpdate(e);
                       case 2:
                         if (copyAction.resetToggleAfter) state.resetToggle();
                       case 3:
                       case "end":
-                        return _context2.stop();
+                        return _context3.stop();
                     }
-                  }, _callee2);
+                  }, _callee3);
                 }));
                 function callback(_x) {
                   return _callback.apply(this, arguments);
@@ -27919,12 +28185,12 @@ function CopyButton(_ref4) {
             });
           case 9:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
-      }, _callee3);
+      }, _callee4);
     }));
     return function onCopyAction() {
-      return _ref6.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
   var _useTranslation3 = useTranslation(),
@@ -27936,11 +28202,11 @@ function CopyButton(_ref4) {
     children: t('backoffice.basetable.copy')
   });
 }
-function BulkAction(_ref7) {
+function BulkAction(_ref8) {
   var _state$selected3;
-  var action = _ref7.action,
-    state = _ref7.state,
-    progressBar = _ref7.progressBar;
+  var action = _ref8.action,
+    state = _ref8.state,
+    progressBar = _ref8.progressBar;
   var root = useStore();
   var _useTranslation4 = useTranslation(),
     t = _useTranslation4.t;
@@ -27951,14 +28217,14 @@ function BulkAction(_ref7) {
       return state.selected.includes(d._id);
     })) || [];
   }, [state.selected, state.data]);
-  var _useState9 = useState(),
-    _useState10 = _slicedToArray(_useState9, 2),
-    showPopover = _useState10[0],
-    setShowPopover = _useState10[1];
+  var _useState11 = useState(),
+    _useState12 = _slicedToArray(_useState11, 2),
+    showPopover = _useState12[0],
+    setShowPopover = _useState12[1];
   var allowed = useMemo(function () {
     // if isValue is not set check if all fields have the same value, otherwise check if all fields have the given isValue
     if (!action.rule) return true;
-    var _iterator4 = _createForOfIteratorHelper$5(action.rule),
+    var _iterator4 = _createForOfIteratorHelper$4(action.rule),
       _step4;
     try {
       var _loop = function _loop() {
@@ -28025,22 +28291,22 @@ function BulkAction(_ref7) {
     return true;
   };
   var callback = /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(updatedData) {
+    var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(updatedData) {
       var _action$callback;
       var apiInterface, data, i, dataEntry;
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
             apiInterface = new _default$d({
               apiInterface: action.apiInterface,
               type: 'Form'
             }, root);
             data = [];
-            _context4.prev = 2;
+            _context5.prev = 2;
             i = 0;
           case 4:
             if (!(i < selectedData.length)) {
-              _context4.next = 33;
+              _context5.next = 33;
               break;
             }
             if (progressBar) {
@@ -28048,46 +28314,46 @@ function BulkAction(_ref7) {
             }
             dataEntry = selectedData[i];
             if (!apiInterface.canUpdate) {
-              _context4.next = 15;
+              _context5.next = 15;
               break;
             }
-            _context4.t0 = data;
-            _context4.next = 11;
-            return apiInterface.update(_objectSpread$F(_objectSpread$F({}, dataEntry), updatedData), dataEntry, action.apiCallbackMapping);
+            _context5.t0 = data;
+            _context5.next = 11;
+            return apiInterface.update(_objectSpread$E(_objectSpread$E({}, dataEntry), updatedData), dataEntry, action.apiCallbackMapping);
           case 11:
-            _context4.t1 = _context4.sent;
-            _context4.t0.push.call(_context4.t0, _context4.t1);
-            _context4.next = 29;
+            _context5.t1 = _context5.sent;
+            _context5.t0.push.call(_context5.t0, _context5.t1);
+            _context5.next = 29;
             break;
           case 15:
             if (!apiInterface.canCreate) {
-              _context4.next = 23;
+              _context5.next = 23;
               break;
             }
-            _context4.t2 = data;
-            _context4.next = 19;
+            _context5.t2 = data;
+            _context5.next = 19;
             return apiInterface.create(dataEntry, updatedData);
           case 19:
-            _context4.t3 = _context4.sent;
-            _context4.t2.push.call(_context4.t2, _context4.t3);
-            _context4.next = 29;
+            _context5.t3 = _context5.sent;
+            _context5.t2.push.call(_context5.t2, _context5.t3);
+            _context5.next = 29;
             break;
           case 23:
             if (!apiInterface.canDelete) {
-              _context4.next = 29;
+              _context5.next = 29;
               break;
             }
-            _context4.t4 = data;
-            _context4.next = 27;
+            _context5.t4 = data;
+            _context5.next = 27;
             return apiInterface["delete"](state.selected[i], updatedData);
           case 27:
-            _context4.t5 = _context4.sent;
-            _context4.t4.push.call(_context4.t4, _context4.t5);
+            _context5.t5 = _context5.sent;
+            _context5.t4.push.call(_context5.t4, _context5.t5);
           case 29:
             if (progressBar) progressBar.setProgressBarPercentage(Math.floor(i / selectedData.length * 100));
           case 30:
             i++;
-            _context4.next = 4;
+            _context5.next = 4;
             break;
           case 33:
             state.onUpdate(data);
@@ -28096,17 +28362,17 @@ function BulkAction(_ref7) {
               progressBar.setProgressBarOpen(false);
               progressBar.setProgressBarPercentage(0);
             }
-            _context4.next = 42;
+            _context5.next = 42;
             break;
           case 37:
-            _context4.prev = 37;
-            _context4.t6 = _context4["catch"](2);
+            _context5.prev = 37;
+            _context5.t6 = _context5["catch"](2);
             if (progressBar) {
               progressBar.setProgressBarOpen(false);
               progressBar.setProgressBarPercentage(0);
             }
             LOG$4.error(new DivaError('Error changing data', {
-              cause: _context4.t6,
+              cause: _context5.t6,
               code: 'BACKO_0002'
             }));
             setShowPopover(t('errorcodes._source.labels.error.BACKO_0002'));
@@ -28114,12 +28380,12 @@ function BulkAction(_ref7) {
             (_action$callback = action.callback) === null || _action$callback === void 0 || _action$callback.call(action, updatedData);
           case 43:
           case "end":
-            return _context4.stop();
+            return _context5.stop();
         }
-      }, _callee4, null, [[2, 37]]);
+      }, _callee5, null, [[2, 37]]);
     }));
     return function callback(_x2) {
-      return _ref8.apply(this, arguments);
+      return _ref9.apply(this, arguments);
     };
   }();
   return /*#__PURE__*/jsx(Popover, {
@@ -28149,8 +28415,8 @@ function BulkAction(_ref7) {
     }, 'edit')
   });
 }
-function SelectionText(_ref9) {
-  var selected = _ref9.selected;
+function SelectionText(_ref10) {
+  var selected = _ref10.selected;
   var _useTranslation5 = useTranslation(),
     t = _useTranslation5.t;
   if (!(selected !== null && selected !== void 0 && selected.length)) {
@@ -28166,8 +28432,8 @@ function SelectionText(_ref9) {
   });
 }
 
-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$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 getColumnFilterProps (_ref) {
   var filter = _ref.filter,
     title = _ref.title;
@@ -28530,7 +28796,7 @@ var selectProps = function selectProps(title, filter) {
               });
             },
             options: filter.map(function (f) {
-              return _objectSpread$E(_objectSpread$E({}, f), {}, {
+              return _objectSpread$D(_objectSpread$D({}, f), {}, {
                 label: t(f.label)
               });
             })
@@ -28579,7 +28845,7 @@ var multiSelectProps = function multiSelectProps(title, filter) {
         setDisplaySelectedvalues = _useState4[1];
       var options = [];
       options = filter.map(function (f) {
-        return _objectSpread$E(_objectSpread$E({}, f), {}, {
+        return _objectSpread$D(_objectSpread$D({}, f), {}, {
           label: t(f.label)
         });
       });
@@ -28653,8 +28919,8 @@ var multiSelectProps = function multiSelectProps(title, filter) {
   };
 };
 
-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$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 mapColumns(configuration, userHasPermission, onUpdate, data, globalFilter) {
   var columns = configuration.columns.filter(function (c) {
     if (typeof c.hidden == 'boolean' && c.hidden) {
@@ -28707,7 +28973,7 @@ function mapColumns(configuration, userHasPermission, onUpdate, data, globalFilt
 }
 function mapColumn(column, onUpdate) {
   var _column$field, _column$children;
-  return _objectSpread$D(_objectSpread$D(_objectSpread$D({}, column), {}, {
+  return _objectSpread$C(_objectSpread$C(_objectSpread$C({}, column), {}, {
     hidden: false,
     width: column.width || 100,
     dataIndex: (_column$field = column.field) === null || _column$field === void 0 ? void 0 : _column$field.split('.'),
@@ -28757,8 +29023,8 @@ function updateData (_ref) {
   };
 }
 
-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$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 applyFilterAndSortation (_ref) {
   var data = _ref.data,
     filters = _ref.filters,
@@ -28773,7 +29039,7 @@ function applyFilterAndSortation (_ref) {
   processedData = sort(sorter || [], processedData);
   return {
     data: processedData,
-    pagination: _objectSpread$C(_objectSpread$C({}, pagination), {}, {
+    pagination: _objectSpread$B(_objectSpread$B({}, pagination), {}, {
       total: processedData.length
     })
   };
@@ -28858,8 +29124,8 @@ function filter(f, data) {
 }
 
 var _excluded$6 = ["_id"];
-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$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 useTableData$1 (_ref) {
   var _configuration$apiInt;
   var id = _ref.id;
@@ -28914,7 +29180,7 @@ function useTableData$1 (_ref) {
     var _configuration$create;
     if (!dataRow) return;
     var id = v4();
-    var processedDataRow = unflatten(_objectSpread$B({
+    var processedDataRow = unflatten(_objectSpread$A({
       _id: id,
       ID: id
     }, dataRow));
@@ -28926,11 +29192,11 @@ function useTableData$1 (_ref) {
       newData = _updateData.data;
       _updateData.prevDataRow;
       _updateData.index;
-    var newState = _objectSpread$B(_objectSpread$B({}, state), {}, {
+    var newState = _objectSpread$A(_objectSpread$A({}, state), {}, {
       data: newData
     });
     if (!filterServerSide) {
-      var res = applyFilterAndSortation(_objectSpread$B(_objectSpread$B({}, filterData), {}, {
+      var res = applyFilterAndSortation(_objectSpread$A(_objectSpread$A({}, filterData), {}, {
         data: newData
       }));
       newState.data = res.data;
@@ -28942,33 +29208,33 @@ function useTableData$1 (_ref) {
     var formData = new FormData();
     processedDataRow._id;
       var value = _objectWithoutProperties(processedDataRow, _excluded$6);
-    apiHandler.create(undefined, (_configuration$create = configuration.createMapping) !== null && _configuration$create !== void 0 ? _configuration$create : configuration.mapping, _objectSpread$B(_objectSpread$B({}, catalogItem), {}, {
+    apiHandler.create(undefined, (_configuration$create = configuration.createMapping) !== null && _configuration$create !== void 0 ? _configuration$create : configuration.mapping, _objectSpread$A(_objectSpread$A({}, 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$B({}, oldState));
+      setState(_objectSpread$A({}, oldState));
     });
   }, [state, catalogItem, filterData]);
   useEffect(function () {
     if (!catalogItem) return;
-    setState(_objectSpread$B(_objectSpread$B({}, state), {}, {
+    setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
       loading: true,
-      mappingData: _objectSpread$B(_objectSpread$B({}, catalogItem), {}, {
+      mappingData: _objectSpread$A(_objectSpread$A({}, catalogItem), {}, {
         filterContex: filterContex
       })
     }));
     if (!filterServerSide) {
-      apiHandler.readList(configuration.mapping, _objectSpread$B(_objectSpread$B({}, catalogItem), {}, {
+      apiHandler.readList(configuration.mapping, _objectSpread$A(_objectSpread$A({}, catalogItem), {}, {
         filterContex: filterContex
       }), undefined, catalogItem.sessionGuid).then(function (data) {
         var newData = data.data.map(function (d) {
-          return _objectSpread$B(_objectSpread$B({}, d), {}, {
+          return _objectSpread$A(_objectSpread$A({}, d), {}, {
             _id: d._id || d.ID || nanoid()
           });
         });
         onChange({
-          pagination: _objectSpread$B({}, state.pagination),
+          pagination: _objectSpread$A({}, state.pagination),
           filters: {},
           sorter: mapColumns(configuration, root.actions.userHasPermission, onUpdate).filter(function (c) {
             return c.defaultSortOrder;
@@ -28984,7 +29250,7 @@ function useTableData$1 (_ref) {
       });
     } else {
       onChange({
-        pagination: _objectSpread$B({}, state.pagination),
+        pagination: _objectSpread$A({}, state.pagination),
         filters: {},
         sorter: mapColumns(configuration, root.actions.userHasPermission, onUpdate).filter(function (c) {
           return c.defaultSortOrder;
@@ -29000,17 +29266,17 @@ function useTableData$1 (_ref) {
     }
   }, [filterContex, catalogItem]);
   var onChange = function onChange(p, dataParam) {
-    setState(_objectSpread$B(_objectSpread$B({}, state), {}, {
+    setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
       loading: true
     }));
     if (!filterServerSide) {
       var unfilteredData = dataParam ? dataParam : state.unfilteredData;
-      var _applyFilterAndSortat = applyFilterAndSortation(_objectSpread$B(_objectSpread$B({}, p), {}, {
+      var _applyFilterAndSortat = applyFilterAndSortation(_objectSpread$A(_objectSpread$A({}, p), {}, {
           data: unfilteredData
         })),
         data = _applyFilterAndSortat.data,
         pagination = _applyFilterAndSortat.pagination;
-      setState(_objectSpread$B(_objectSpread$B({}, state), {}, {
+      setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
         data: data,
         pagination: pagination,
         loading: false,
@@ -29021,20 +29287,20 @@ function useTableData$1 (_ref) {
         sorter: p.sorter
       });
     } else {
-      apiHandler.readList(configuration.mapping, _objectSpread$B(_objectSpread$B({}, catalogItem), {}, {
+      apiHandler.readList(configuration.mapping, _objectSpread$A(_objectSpread$A({}, catalogItem), {}, {
         filterContex: filterContex
       }), p, catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid).then(function (data) {
-        setState(_objectSpread$B(_objectSpread$B({}, state), {}, {
+        setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
           data: data.data.map(function (dt) {
-            return _objectSpread$B(_objectSpread$B({}, dt), {}, {
+            return _objectSpread$A(_objectSpread$A({}, dt), {}, {
               _id: dt._id || dt.ID || nanoid()
             });
           }),
-          pagination: _objectSpread$B(_objectSpread$B({}, p.pagination), {}, {
+          pagination: _objectSpread$A(_objectSpread$A({}, p.pagination), {}, {
             total: data.total
           }),
           loading: false,
-          mappingData: _objectSpread$B(_objectSpread$B({}, catalogItem), {}, {
+          mappingData: _objectSpread$A(_objectSpread$A({}, catalogItem), {}, {
             filterContex: filterContex
           })
         }));
@@ -29055,7 +29321,7 @@ function useTableData$1 (_ref) {
             filters['_id'] = [id, 'eq', false];
             _context.next = 4;
             return apiHandler.readList(configuration.mapping, {
-              pagination: _objectSpread$B({}, state.pagination),
+              pagination: _objectSpread$A({}, state.pagination),
               columns: configuration.columns,
               filters: filters,
               sorter: filterData.sorter
@@ -29074,7 +29340,7 @@ function useTableData$1 (_ref) {
     };
   }();
   var onSelect = function onSelect(keys) {
-    setState(_objectSpread$B(_objectSpread$B({}, state), {}, {
+    setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
       selected: keys
     }));
   };
@@ -29084,7 +29350,7 @@ function useTableData$1 (_ref) {
       return _regeneratorRuntime.wrap(function _callee2$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            setState(_objectSpread$B(_objectSpread$B({}, state), {}, {
+            setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
               deleting: true
             }));
             newData = _toConsumableArray(state.data);
@@ -29099,7 +29365,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$B(_objectSpread$B({}, mappingData), state.mappingData);
+                    mappingData = _objectSpread$A(_objectSpread$A({}, 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:
@@ -29149,7 +29415,7 @@ function useTableData$1 (_ref) {
             }
             _context3.next = 18;
             return apiHandler.readList(configuration.mapping, {
-              pagination: _objectSpread$B(_objectSpread$B({}, state.pagination), {}, {
+              pagination: _objectSpread$A(_objectSpread$A({}, state.pagination), {}, {
                 current: current
               }),
               columns: configuration.columns,
@@ -29161,11 +29427,11 @@ function useTableData$1 (_ref) {
             newData = data.data;
             total = data.total;
           case 21:
-            setState(_objectSpread$B(_objectSpread$B({}, state), {}, {
+            setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
               selected: [],
               deleting: false,
               data: newData,
-              pagination: _objectSpread$B(_objectSpread$B({}, state.pagination), {}, {
+              pagination: _objectSpread$A(_objectSpread$A({}, state.pagination), {}, {
                 current: current,
                 total: total
               })
@@ -29181,12 +29447,12 @@ function useTableData$1 (_ref) {
     };
   }();
   function setLoading() {
-    setState(_objectSpread$B(_objectSpread$B({}, state), {}, {
+    setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
       loading: true
     }));
   }
-  return _objectSpread$B(_objectSpread$B({}, state), {}, {
-    configuration: _objectSpread$B(_objectSpread$B({}, configuration), {}, {
+  return _objectSpread$A(_objectSpread$A({}, state), {}, {
+    configuration: _objectSpread$A(_objectSpread$A({}, configuration), {}, {
       title: undefined
     }),
     columns: mapColumns(configuration, root.actions.userHasPermission, onUpdate),
@@ -29295,11 +29561,11 @@ function objectHash (obj) {
   return hash(hashable);
 }
 
-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; }
-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 _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$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; }
 var LOG$3 = getLogger('Backoffice', 'TableData');
 function useTableData (_ref) {
   var _configuration$filter, _configuration$filter2, _configuration$filter3, _configuration$filter4, _configuration$bulkAc, _configuration$apiInt;
@@ -29358,7 +29624,7 @@ function useTableData (_ref) {
   var _useState13 = useState({
       loading: true,
       deleting: false,
-      pagination: _objectSpread$A({
+      pagination: _objectSpread$z({
         current: 1,
         pageSize: 20,
         total: 0,
@@ -29367,7 +29633,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$A(_objectSpread$A({}, parentData), {}, {
+      mappingData: _objectSpread$z(_objectSpread$z({}, parentData), {}, {
         prefilter: {
           select: globalFilter.select
         },
@@ -29378,7 +29644,7 @@ function useTableData (_ref) {
     _useState14 = _slicedToArray(_useState13, 2),
     state = _useState14[0],
     setState = _useState14[1];
-  var mappingData = _objectSpread$A(_objectSpread$A(_objectSpread$A({}, parentData), state.data), {}, {
+  var mappingData = _objectSpread$z(_objectSpread$z(_objectSpread$z({}, parentData), state.data), {}, {
     catalogCodex: catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.codex,
     sessionGuID: catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid
   });
@@ -29417,7 +29683,7 @@ function useTableData (_ref) {
     }
     var dataArray = Array.isArray(data) ? data : [data];
     var newInitData = initData;
-    var newState = _objectSpread$A({}, state);
+    var newState = _objectSpread$z({}, state);
     var selected = [];
     if (configuration.deselectOnUpdate == false) {
       selected = state.selected;
@@ -29434,7 +29700,7 @@ function useTableData (_ref) {
               dataRow: dataRow
             }),
             _data = _updateData.data;
-          newState = _objectSpread$A(_objectSpread$A({}, newState), {}, {
+          newState = _objectSpread$z(_objectSpread$z({}, newState), {}, {
             data: _data,
             selected: selected
           });
@@ -29446,8 +29712,8 @@ function useTableData (_ref) {
             dataRow: dataRow
           }),
           nextInitData = _updateData2.data;
-        var _applyFilterAndSortat = applyFilterAndSortation(_objectSpread$A(_objectSpread$A(_objectSpread$A({}, filterData), {}, {
-            filters: _objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A({}, 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$z(_objectSpread$z(_objectSpread$z({}, filterData), {}, {
+            filters: _objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z({}, 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), {}, {
@@ -29457,7 +29723,7 @@ function useTableData (_ref) {
           _data2 = _applyFilterAndSortat.data,
           pagination = _applyFilterAndSortat.pagination;
         newInitData = nextInitData;
-        newState = _objectSpread$A(_objectSpread$A({}, newState), {}, {
+        newState = _objectSpread$z(_objectSpread$z({}, newState), {}, {
           pagination: pagination,
           data: _data2,
           selected: selected
@@ -29467,8 +29733,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$A({}, initData));
-          setState(_objectSpread$A({}, state));
+          initData && setInitData(_objectSpread$z({}, initData));
+          setState(_objectSpread$z({}, state));
         }
       });
     }
@@ -29481,7 +29747,7 @@ function useTableData (_ref) {
   var triggerRefresh = function triggerRefresh() {
     var _configuration$filter8;
     setError(undefined);
-    var newGlobalFilter = _objectSpread$A({}, globalFilter);
+    var newGlobalFilter = _objectSpread$z({}, 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;
@@ -29492,7 +29758,7 @@ function useTableData (_ref) {
       newGlobalFilter["default"] = _defaultFilter;
       setGlobaFilter(newGlobalFilter);
     }
-    onChange(_objectSpread$A({
+    onChange(_objectSpread$z({
       pagination: state.pagination
     }, filterData), newGlobalFilter, true);
   };
@@ -29510,7 +29776,7 @@ function useTableData (_ref) {
         order: c.defaultSortOrder
       };
     });
-    if (configuration.initialCall === false && !catalogItem) setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
+    if (configuration.initialCall === false && !catalogItem) setState(_objectSpread$z(_objectSpread$z({}, state), {}, {
       loading: false
     }));else {
       onChange({
@@ -29553,7 +29819,7 @@ function useTableData (_ref) {
           case 0:
             filters = {};
             filters['_id'] = [id, 'eq', false];
-            ssf = _objectSpread$A({
+            ssf = _objectSpread$z({
               pagination: {
                 current: 1,
                 pageSize: 1
@@ -29564,7 +29830,7 @@ function useTableData (_ref) {
               genericProps: globalFilter.toggle
             } : undefined);
             _context2.next = 5;
-            return apiHandler.readList(parentMapping || configuration.mapping, _objectSpread$A(_objectSpread$A({}, mappingData), state.mappingData), ssf);
+            return apiHandler.readList(parentMapping || configuration.mapping, _objectSpread$z(_objectSpread$z({}, mappingData), state.mappingData), ssf);
           case 5:
             data = _context2.sent;
             return _context2.abrupt("return", data);
@@ -29608,12 +29874,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$A(_objectSpread$A({}, state), {}, {
+            setState(_objectSpread$z(_objectSpread$z({}, state), {}, {
               mappingData: overwriteMappingData !== null && overwriteMappingData !== void 0 ? overwriteMappingData : state.mappingData,
               loading: true
             }));
             currentData = initData;
-            filterData = _objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A({}, 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$z(_objectSpread$z(_objectSpread$z(_objectSpread$z({}, 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];
@@ -29621,7 +29887,7 @@ function useTableData (_ref) {
               return v != null;
             }));
             currentFilterHash = objectHash(filterData);
-            currentPagination = _objectSpread$A(_objectSpread$A({}, p.pagination), {}, {
+            currentPagination = _objectSpread$z(_objectSpread$z({}, p.pagination), {}, {
               current: currentFilterHash == filterHash.current ? p.pagination.current : 1
             });
             filterHash.current = currentFilterHash;
@@ -29629,7 +29895,7 @@ function useTableData (_ref) {
               _context3.next = 21;
               break;
             }
-            ssf = _objectSpread$A({
+            ssf = _objectSpread$z({
               pagination: currentPagination,
               columns: configuration.columns,
               filters: filterData,
@@ -29638,12 +29904,12 @@ function useTableData (_ref) {
               genericProps: prefilter.toggle
             } : undefined);
             _context3.next = 15;
-            return apiHandler.readList(parentMapping || configuration.mapping, _objectSpread$A(_objectSpread$A({}, 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$z(_objectSpread$z({}, 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$A(_objectSpread$A({}, mappingData), state.mappingData), ssf);
+            currentUrl = apiHandler.getReadListUrl(parentMapping || configuration.mapping, _objectSpread$z(_objectSpread$z({}, mappingData), state.mappingData), ssf);
             currentData = data.data;
-            currentPagination = _objectSpread$A(_objectSpread$A({}, currentPagination), {}, {
+            currentPagination = _objectSpread$z(_objectSpread$z({}, currentPagination), {}, {
               total: data.total
             });
             _context3.next = 30;
@@ -29660,7 +29926,7 @@ function useTableData (_ref) {
             currentData = _data3.data;
             setInitData(currentData);
           case 27:
-            _applyFilterAndSortat2 = applyFilterAndSortation(_objectSpread$A(_objectSpread$A({}, p), {}, {
+            _applyFilterAndSortat2 = applyFilterAndSortation(_objectSpread$z(_objectSpread$z({}, p), {}, {
               pagination: currentPagination,
               filters: filterData,
               data: currentData,
@@ -29669,11 +29935,11 @@ function useTableData (_ref) {
             currentData = _data4;
             currentPagination = pagination;
           case 30:
-            setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
+            setState(_objectSpread$z(_objectSpread$z({}, state), {}, {
               loading: false,
               data: currentData,
               pagination: currentPagination,
-              mappingData: _objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A({}, parentData), state.mappingData), overwriteMappingData), {}, {
+              mappingData: _objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z({}, parentData), state.mappingData), overwriteMappingData), {}, {
                 prefilter: prefilter
               }),
               currentFetchUrl: currentUrl
@@ -29695,7 +29961,7 @@ function useTableData (_ref) {
     };
   }();
   var onSelect = function onSelect(keys) {
-    setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
+    setState(_objectSpread$z(_objectSpread$z({}, state), {}, {
       selected: keys
     }));
   };
@@ -29706,7 +29972,7 @@ function useTableData (_ref) {
       return _regeneratorRuntime.wrap(function _callee4$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
+            setState(_objectSpread$z(_objectSpread$z({}, state), {}, {
               deleting: true
             }));
             newData = _toConsumableArray(state.data);
@@ -29733,7 +29999,7 @@ function useTableData (_ref) {
                       })) === null || _newData$filter2 === void 0 ? void 0 : _newData$filter2[0];
                     }
                     mapToggle = {};
-                    _iterator = _createForOfIteratorHelper$4((_configuration$filter19 = (_configuration$filter20 = configuration.filter) === null || _configuration$filter20 === void 0 || (_configuration$filter20 = _configuration$filter20.toggle) === null || _configuration$filter20 === void 0 ? void 0 : _configuration$filter20.fields) !== null && _configuration$filter19 !== void 0 ? _configuration$filter19 : []);
+                    _iterator = _createForOfIteratorHelper$3((_configuration$filter19 = (_configuration$filter20 = configuration.filter) === null || _configuration$filter20 === void 0 || (_configuration$filter20 = _configuration$filter20.toggle) === null || _configuration$filter20 === void 0 ? void 0 : _configuration$filter20.fields) !== null && _configuration$filter19 !== void 0 ? _configuration$filter19 : []);
                     try {
                       for (_iterator.s(); !(_step = _iterator.n()).done;) {
                         field = _step.value;
@@ -29746,7 +30012,7 @@ function useTableData (_ref) {
                     } finally {
                       _iterator.f();
                     }
-                    mappingData = _objectSpread$A(_objectSpread$A(_objectSpread$A({}, mappingData), state.mappingData), mapToggle);
+                    mappingData = _objectSpread$z(_objectSpread$z(_objectSpread$z({}, mappingData), state.mappingData), mapToggle);
                     deleteResult = undefined;
                     _context4.prev = 7;
                     if (!(userPermissions && !root.actions.userHasPermission(userPermissions))) {
@@ -29836,12 +30102,12 @@ function useTableData (_ref) {
               break;
             }
             _context5.next = 25;
-            return apiHandler.readList(parentMapping || configuration.mapping, _objectSpread$A(_objectSpread$A({}, mappingData), state.mappingData), _objectSpread$A({
-              pagination: _objectSpread$A(_objectSpread$A({}, state.pagination), {}, {
+            return apiHandler.readList(parentMapping || configuration.mapping, _objectSpread$z(_objectSpread$z({}, mappingData), state.mappingData), _objectSpread$z({
+              pagination: _objectSpread$z(_objectSpread$z({}, state.pagination), {}, {
                 current: current
               }),
               columns: configuration.columns,
-              filters: _objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A(_objectSpread$A({}, 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$z(_objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z(_objectSpread$z({}, 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
@@ -29852,11 +30118,11 @@ function useTableData (_ref) {
             total = data.total;
           case 28:
             setInitData(newInitData);
-            setState(_objectSpread$A(_objectSpread$A({}, state), {}, {
+            setState(_objectSpread$z(_objectSpread$z({}, state), {}, {
               selected: [],
               deleting: false,
               data: newData,
-              pagination: _objectSpread$A(_objectSpread$A({}, state.pagination), {}, {
+              pagination: _objectSpread$z(_objectSpread$z({}, state.pagination), {}, {
                 current: current === 0 ? 1 : current,
                 total: total
               })
@@ -29877,14 +30143,14 @@ function useTableData (_ref) {
       LOG$3.error(new DivaError('No global select filter defiend'));
       return;
     }
-    var newGlobalFilter = _objectSpread$A({}, globalFilter);
+    var newGlobalFilter = _objectSpread$z({}, 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$A({
+    onChange(_objectSpread$z({
       pagination: state.pagination
     }, filterData), newGlobalFilter);
   };
@@ -29895,16 +30161,16 @@ function useTableData (_ref) {
       return;
     }
     var toggleFilter = {};
-    var mappingData = _objectSpread$A({}, state.mappingData);
+    var mappingData = _objectSpread$z({}, 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$A(_objectSpread$A({}, globalFilter), {}, {
+    var newGlobalFilter = _objectSpread$z(_objectSpread$z({}, globalFilter), {}, {
       toggle: globalFilter.toggle ? undefined : toggleFilter
     });
     setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$A({
+    onChange(_objectSpread$z({
       pagination: state.pagination
     }, filterData), newGlobalFilter, true, true, mappingData);
   };
@@ -29917,7 +30183,7 @@ function useTableData (_ref) {
       LOG$3.error(new DivaError('No global search filter defiend'));
       return;
     }
-    var newGlobalFilter = _objectSpread$A(_objectSpread$A({}, globalFilter), {}, {
+    var newGlobalFilter = _objectSpread$z(_objectSpread$z({}, globalFilter), {}, {
       search: {}
     });
     if (value) {
@@ -29931,7 +30197,7 @@ function useTableData (_ref) {
       });
     }
     setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$A({
+    onChange(_objectSpread$z({
       pagination: state.pagination
     }, filterData), newGlobalFilter);
   };
@@ -29941,20 +30207,20 @@ function useTableData (_ref) {
       LOG$3.error(new DivaError('No global period filter defiend'));
       return;
     }
-    var newGlobalFilter = _objectSpread$A({}, globalFilter);
+    var newGlobalFilter = _objectSpread$z({}, globalFilter);
     newGlobalFilter.timeStamp = {
       fromTimeStamp: [from],
       toTimeStamp: [to]
     };
     if (!configuration.filter.period.onlyAsMappingData) setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$A({
+    onChange(_objectSpread$z({
       pagination: state.pagination
-    }, filterData), undefined, true, undefined, _objectSpread$A(_objectSpread$A({}, state.mappingData), {}, {
+    }, filterData), undefined, true, undefined, _objectSpread$z(_objectSpread$z({}, state.mappingData), {}, {
       from: from,
       to: to
     }));
   };
-  return _objectSpread$A(_objectSpread$A({}, state), {}, {
+  return _objectSpread$z(_objectSpread$z({}, state), {}, {
     title: title,
     configuration: configuration,
     columns: mapColumns(configuration, root.actions.userHasPermission, onUpdate, selectedData, globalFilter),
@@ -29996,8 +30262,8 @@ function StandardTable (_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$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 Table (props) {
   var root = useStore();
   var variant = useMemo(function () {
@@ -30005,15 +30271,15 @@ function Table (props) {
     return config.variant;
   }, [props.id]);
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [(variant == 'Standard' || !variant) && /*#__PURE__*/jsx(StandardTable, _objectSpread$z({}, props)), variant == 'CatalogTable' && /*#__PURE__*/jsx(CatalogTable, _objectSpread$z({}, props))]
+    children: [(variant == 'Standard' || !variant) && /*#__PURE__*/jsx(StandardTable, _objectSpread$y({}, props)), variant == 'CatalogTable' && /*#__PURE__*/jsx(CatalogTable, _objectSpread$y({}, props))]
   });
 }
 
-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$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 _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$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 useAGGrid (_ref) {
   var id = _ref.id,
     filter = _ref.filter,
@@ -30107,7 +30373,7 @@ function useAGGrid (_ref) {
                     value = _ref3[1];
                   if (_idx == 0) {
                     var _supplierData$Options2, _supplierData$Options3, _supplierData$Optionv2, _supplierData$Optionv3;
-                    rdat.push(_objectSpread$y(_objectSpread$y({}, rd), {}, {
+                    rdat.push(_objectSpread$x(_objectSpread$x({}, rd), {}, {
                       grouping: [idx.toString()]
                     }));
                     var sp = key.split(':');
@@ -30135,7 +30401,7 @@ function useAGGrid (_ref) {
               _context.next = 51;
               break;
             }
-            _iterator = _createForOfIteratorHelper$3(configuration.mergerFields);
+            _iterator = _createForOfIteratorHelper$2(configuration.mergerFields);
             _context.prev = 9;
             _iterator.s();
           case 11:
@@ -30152,7 +30418,7 @@ function useAGGrid (_ref) {
             }
             merged = '';
             first = true;
-            _iterator2 = _createForOfIteratorHelper$3(mergeEntry.fieldId);
+            _iterator2 = _createForOfIteratorHelper$2(mergeEntry.fieldId);
             _context.prev = 18;
             _iterator2.s();
           case 20:
@@ -30250,8 +30516,8 @@ var value = "value-FCA-6";
 var css_248z$l = ".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$l);
 
-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$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; }
 var AGChart = function AGChart(_ref) {
   var data = _ref.data;
   var groupedData = [];
@@ -30259,11 +30525,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$x(_objectSpread$x({}, dt), {}, {
+      groupedData[dt.grouping[0]].push(_objectSpread$w(_objectSpread$w({}, dt), {}, {
         count: Number(dt.count)
       }));
     } else {
-      groupedData.push([_objectSpread$x(_objectSpread$x({}, dt), {}, {
+      groupedData.push([_objectSpread$w(_objectSpread$w({}, dt), {}, {
         count: Number(dt.count)
       })]);
     }
@@ -30304,8 +30570,8 @@ var AGChart = function AGChart(_ref) {
   });
 };
 
-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$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; }
 var AGGrid = /*#__PURE__*/memo(function (_ref) {
   var id = _ref.id,
     filter = _ref.filter,
@@ -30398,7 +30664,7 @@ var AGGrid = /*#__PURE__*/memo(function (_ref) {
           });
         });
       }
-      return _objectSpread$w(_objectSpread$w({}, column), {}, {
+      return _objectSpread$v(_objectSpread$v({}, column), {}, {
         cellRenderer: renderer
       });
     });
@@ -30668,11 +30934,11 @@ var CustomText = function CustomText(_ref) {
 };
 var CustomText$1 = observer(CustomText);
 
-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$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$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 _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; }
 function useFilterBoxData (id) {
   var root = useStore();
   var _useMemo = useMemo(function () {
@@ -30720,7 +30986,7 @@ function useFilterBoxData (id) {
   }
   function reducer(state, actions) {
     var ob = {};
-    var _iterator = _createForOfIteratorHelper$2(actions),
+    var _iterator = _createForOfIteratorHelper$1(actions),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -30732,7 +30998,7 @@ function useFilterBoxData (id) {
     } finally {
       _iterator.f();
     }
-    return _objectSpread$v(_objectSpread$v({}, state), ob);
+    return _objectSpread$u(_objectSpread$u({}, state), ob);
   }
   return {
     configuration: configuration,
@@ -30743,11 +31009,11 @@ function useFilterBoxData (id) {
   };
 }
 
-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; }
-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 _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$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 FilterBox = /*#__PURE__*/memo(function (_ref) {
   var id = _ref.id,
     onChangeFilter = _ref.onChangeFilter,
@@ -30775,7 +31041,7 @@ var FilterBox = /*#__PURE__*/memo(function (_ref) {
           }), /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx(Select, {
             mode: "single",
             apiInterface: filter.requestOptions,
-            wholeData: _objectSpread$u(_objectSpread$u({}, state.filter), {}, {
+            wholeData: _objectSpread$t(_objectSpread$t({}, state.filter), {}, {
               tab: tab
             }),
             mapping: filter.requestMapping,
@@ -30883,7 +31149,7 @@ var FilterBox = /*#__PURE__*/memo(function (_ref) {
   }
   function getLabelByValue(targetValue, data) {
     if (!data) return;
-    var _iterator = _createForOfIteratorHelper$1(data),
+    var _iterator = _createForOfIteratorHelper(data),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -31007,8 +31273,8 @@ var FilterBox = /*#__PURE__*/memo(function (_ref) {
   return false;
 });
 
-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$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 useUIBuilderData (id) {
   var save = undefined;
   var root = useStore();
@@ -31040,7 +31306,7 @@ function useUIBuilderData (id) {
     var configuration = _useMemo.configuration;
   useEffect(function () {
     root.dataStore.getApi2SessionGuid().then(function (res) {
-      return setFilter(_objectSpread$t(_objectSpread$t({}, filter), {}, {
+      return setFilter(_objectSpread$s(_objectSpread$s({}, filter), {}, {
         sessionGuid: res
       }));
     });
@@ -31063,8 +31329,8 @@ function useUIBuilderData (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$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 UIBuilder(_ref) {
   var id = _ref.id;
   var state = useUIBuilderData(id);
@@ -31091,7 +31357,7 @@ function UIBuilder(_ref) {
           override = {
             value: newFilter[item.field],
             setValue: function setValue(newVal) {
-              var newFilter = _objectSpread$s({}, state.filter);
+              var newFilter = _objectSpread$r({}, state.filter);
               newFilter[item.field] = newVal;
               state.setFilter(newFilter);
             }
@@ -31139,7 +31405,7 @@ function UIBuilder(_ref) {
       case 'AGGrid':
         return /*#__PURE__*/jsx(AGGrid, {
           id: item.id,
-          filter: _objectSpread$s({
+          filter: _objectSpread$r({
             optionCodices: JSON.stringify(state.data)
           }, state.filter),
           override: item.id == 'AGGridTopOptionValues' ? {
@@ -31299,8 +31565,8 @@ var OrgItem = function OrgItem(_ref) {
 };
 var OrgItem$1 = observer(OrgItem);
 
-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$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 useTransformJson (_ref) {
   var id = _ref.id;
   var _useState = useState(),
@@ -31366,7 +31632,7 @@ function useTransformJson (_ref) {
   }();
   var _transformData = function transformData(data, itemChain, parentOrgId) {
     var _data$children;
-    return _objectSpread$r(_objectSpread$r({}, data), {}, {
+    return _objectSpread$q(_objectSpread$q({}, data), {}, {
       label: /*#__PURE__*/jsx(OrgItem$1, {
         data: data,
         configuration: configuration,
@@ -32027,8 +32293,8 @@ function useCatalogEditor (id) {
   };
 }
 
-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$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 DragDropUpload(_ref) {
   var api2Params = _ref.api2Params,
     catalogId = _ref.catalogId,
@@ -32136,7 +32402,7 @@ function DragDropUpload(_ref) {
     children: [importStarted && /*#__PURE__*/jsx("p", {
       children: t('backoffice.catalogeditor.classimportstarted')
     }), !importStarted && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsxs(Dragger, _objectSpread$q(_objectSpread$q({}, props), {}, {
+      children: [/*#__PURE__*/jsxs(Dragger, _objectSpread$p(_objectSpread$p({}, props), {}, {
         children: [/*#__PURE__*/jsx("p", {
           className: "ant-upload-drag-icon",
           children: /*#__PURE__*/jsx(InboxOutlined, {})
@@ -32353,12 +32619,12 @@ function CatalogEditor(_ref) {
 }
 var CatalogEditor$1 = observer(CatalogEditor);
 
-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$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 SpreadsheetWrapper = /*#__PURE__*/forwardRef(function SpreadsheetWrapper(props, ref) {
   var _root$contentStore$bo, _root$contentStore$ri;
   var root = useStore();
-  return /*#__PURE__*/jsx(Spreadsheet$1, _objectSpread$p(_objectSpread$p({}, props), {}, {
+  return /*#__PURE__*/jsx(Spreadsheet$1, _objectSpread$o(_objectSpread$o({}, props), {}, {
     ref: ref,
     darkMode: root.contentStore.theme == 'darkmode',
     jwt: root.dataStore.jwt,
@@ -32369,8 +32635,8 @@ var SpreadsheetWrapper = /*#__PURE__*/forwardRef(function SpreadsheetWrapper(pro
 });
 var Spreadsheet = observer(SpreadsheetWrapper);
 
-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$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; }
 
 // Type definition for the context state
 
@@ -32392,14 +32658,14 @@ var useEnricherContext = function useEnricherContext() {
       loading: loading,
       setOptions: function setOptions(options) {
         var state = root.contextStore.getContext('enricher');
-        root.contextStore.updateContext('enricher', _defineProperty({}, stateKey, _objectSpread$o(_objectSpread$o({}, state[stateKey]), {}, {
+        root.contextStore.updateContext('enricher', _defineProperty({}, stateKey, _objectSpread$n(_objectSpread$n({}, state[stateKey]), {}, {
           options: options,
           loading: false
         })));
       },
       setLoading: function setLoading(loading) {
         var state = root.contextStore.getContext('enricher');
-        root.contextStore.updateContext('enricher', _defineProperty({}, stateKey, _objectSpread$o(_objectSpread$o({}, state[stateKey]), {}, {
+        root.contextStore.updateContext('enricher', _defineProperty({}, stateKey, _objectSpread$n(_objectSpread$n({}, state[stateKey]), {}, {
           loading: loading
         })));
       }
@@ -32510,7 +32776,7 @@ var useEnricherContext = function useEnricherContext() {
   }, [urlPackageId, getContext().packageId, setSelectedPackage]);
 
   // Return context + handlers
-  return _objectSpread$o(_objectSpread$o({}, getContext()), {}, {
+  return _objectSpread$n(_objectSpread$n({}, getContext()), {}, {
     setSelectedSerie: setSelectedSerie,
     setSelectedItem: setSelectedItem,
     setSelectedFeature: setSelectedFeature,
@@ -32856,157 +33122,6 @@ function createTranslatedColumnConfig(field, headerName, languages) {
   };
 }
 
-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$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; }
-
-/**
- * Props for the useTools hook
- */
-
-/**
- * Custom hook for managing tools and configurator functionality
- *
- * @param props - The hook props
- * @param props.catalog - Catalog object for configurator tools
- * @param props.enricherPackage - Enricher package object for configurator tools
- * @param props.isApi2 - Whether to use API2 mode
- * @param props.mainInformationWindowCodex - Main information window codex
- * @param props.serie - Serie object for configurator tools
- * @param props.item - Item object with type number
- * @param props.setSerie - Function to set serie
- * @param props.setArticle - Function to set article
- * @returns Object containing tool management functions
- * @returns {Function} updateConfigurator - Function to update configurator parameters
- * @returns {Function} openInformationWindow - Function to open information window
- * @returns {Function} addSecondaryTables - Function to add secondary tables
- * @returns {Function} removeSecondaryTables - Function to remove secondary tables
- */
-var useTools = function useTools(_ref) {
-  var catalog = _ref.catalog,
-    enricherPackage = _ref.enricherPackage,
-    isApi2 = _ref.isApi2,
-    onlyPlaceholder = _ref.onlyPlaceholder,
-    mainInformationWindowCodex = _ref.mainInformationWindowCodex,
-    serie = _ref.serie,
-    item = _ref.item,
-    setSerie = _ref.setSerie,
-    setArticle = _ref.setArticle,
-    conditionalTools = _ref.conditionalTools;
-  var root = useStore();
-  var catalogId = catalog === null || catalog === void 0 ? void 0 : catalog._id;
-  var packageId = enricherPackage === null || enricherPackage === void 0 ? void 0 : enricherPackage._id;
-  var isoLanguageIds = (catalog === null || catalog === void 0 ? void 0 : catalog.isoLanguageIds) || (enricherPackage === null || enricherPackage === void 0 ? void 0 : enricherPackage.isoLanguageIds);
-  var createTool = function createTool(tool) {
-    return _objectSpread$n({
-      startWidth: 600,
-      defaultPinned: true,
-      defaultOpen: false
-    }, tool);
-  };
-  var createInformationWindow = function createInformationWindow(codex, open) {
-    return createTool({
-      id: 'info',
-      name: 'Information',
-      type: 'InformationWindow',
-      where: 'right',
-      parameters: {
-        contentItemCodex: codex
-      },
-      defaultOpen: open
-    });
-  };
-  var createConfigurator = function createConfigurator(parameters) {
-    var elementProps = {
-      isoLanguageIds: isoLanguageIds,
-      item: item,
-      serie: serie,
-      onSerieChange: setSerie,
-      onItemChange: setArticle
-    };
-    return createTool({
-      id: 'WYSIWYG',
-      name: 'Konfigurator',
-      type: 'Configurator',
-      where: 'right',
-      parameters: _objectSpread$n({
-        catalogId: catalogId,
-        packageId: packageId,
-        isIDMData: !isApi2 ? '1' : undefined
-      }, parameters),
-      elementProps: elementProps
-    });
-  };
-  var updateInformationWindow = function updateInformationWindow(codex, open) {
-    root.contentStore.rightToolBar.addTools(createInformationWindow(codex, open));
-    if (open) {
-      root.contentStore.rightToolBar.selectTool('info');
-      root.contentStore.rightToolBar.hidden = false;
-    }
-  };
-  var updateConfigurator = function updateConfigurator(parameters) {
-    root.contentStore.rightToolBar.addTools(createConfigurator(parameters));
-  };
-
-  /*
-   *  Elements need to be added/removed all at once
-   *  This makes sure the store remebers the last open tool and reopens it if it is used by the next component
-   */
-  useEffect(function () {
-    var _root$contentStore$ri, _root$contentStore$bo;
-    var tools = [];
-    if ((catalogId || packageId) && !onlyPlaceholder) {
-      tools.push(createConfigurator());
-    }
-    if (mainInformationWindowCodex) {
-      tools.push(createInformationWindow(mainInformationWindowCodex, false));
-    }
-    var _iterator = _createForOfIteratorHelper(conditionalTools || []),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var _tool$condition;
-        var tool = _step.value;
-        if ((_tool$condition = tool.condition) !== null && _tool$condition !== void 0 && _tool$condition.call(tool)) {
-          tools.push(createTool(tool));
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-    (_root$contentStore$ri = root.contentStore.rightToolBar).addTools.apply(_root$contentStore$ri, _toConsumableArray(tools.filter(function (tool) {
-      return tool.where === 'right';
-    })));
-    (_root$contentStore$bo = root.contentStore.bottomToolBar).addTools.apply(_root$contentStore$bo, _toConsumableArray(tools.filter(function (tool) {
-      return !tool.where || tool.where === 'bottom';
-    })));
-    return function () {
-      var _root$contentStore$ri2, _root$contentStore$bo2;
-      var toRemove = [];
-      if (mainInformationWindowCodex) {
-        toRemove.push('info');
-      }
-      if ((catalogId || packageId) && !onlyPlaceholder) {
-        toRemove.push('WYSIWYG');
-      }
-      (_root$contentStore$ri2 = root.contentStore.rightToolBar).removeTools.apply(_root$contentStore$ri2, toRemove.concat(_toConsumableArray((conditionalTools === null || conditionalTools === void 0 ? void 0 : conditionalTools.map(function (tool) {
-        return tool.id;
-      })) || [])));
-      (_root$contentStore$bo2 = root.contentStore.bottomToolBar).removeTools.apply(_root$contentStore$bo2, _toConsumableArray((conditionalTools === null || conditionalTools === void 0 ? void 0 : conditionalTools.map(function (tool) {
-        return tool.id;
-      })) || []));
-    };
-  }, [mainInformationWindowCodex, catalogId, packageId, conditionalTools, onlyPlaceholder, item, serie]);
-  return {
-    updateConfigurator: updateConfigurator,
-    updateInformationWindow: updateInformationWindow
-  };
-};
-
 var TableGroups = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -33716,6 +33831,15 @@ var getInfoTypeKey = function getInfoTypeKey(t) {
   }, {
     name: t('backoffice.idmCatalog.detailinfos.label.infotype.i14'),
     value: 14
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.infotype.i15'),
+    value: 15
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.infotype.i16'),
+    value: 16
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.infotype.i17'),
+    value: 17
   }];
 };
 
@@ -34193,12 +34317,14 @@ var TablePackages = observer(function () {
         field: "settings.".concat(organizationId, ".automaticPublishing"),
         cellDataType: 'boolean',
         editable: true,
-        isDictionary: true
+        isDictionary: true,
+        defaultValue: false
       }, {
         headerName: 'backoffice.idmEnricher.packages.label.isApi2',
         field: 'isApi',
         cellDataType: 'boolean',
-        editable: false
+        editable: false,
+        defaultValue: false
       }, {
         headerName: 'backoffice.idmEnricher.general.label.lastUpdatedDate',
         field: 'lastUpdatedDate',
@@ -34288,6 +34414,7 @@ var TableProperties = observer(function () {
     setSelectedItem = _useModule.setSelectedItem,
     selectedItem = _useModule.selectedItem;
   useTools({
+    mainInformationWindowCodex: 'IDM_ENRICHER_PROPERTIES_TABLE_INFO',
     enricherPackage: selectedPackage,
     isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
     onlyPlaceholder: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.onlyPlaceholder,
@@ -34341,7 +34468,7 @@ var TableProperties = observer(function () {
         additionalFields: ['featureNosDisplayTexts'],
         isDictionary: true
       }, {
-        field: 'optionIds',
+        field: 'optionKeys',
         headerName: 'backoffice.idmEnricher.renaming.label.optionKeys',
         cellDataType: 'lookup',
         editable: !viewOnly,
@@ -34353,10 +34480,10 @@ var TableProperties = observer(function () {
             read: apiConfig.enricherService + '/packages/${packageId}/lookup/options'
           },
           lookupValue: 'optionText',
-          lookupKey: '_id',
+          lookupKey: 'optionKey',
           additionalMappings: [{
-            lookupField: 'optionKey',
-            targetField: 'optionKeys'
+            lookupField: '_id',
+            targetField: 'optionIds'
           }, {
             lookupField: 'featureNos',
             targetField: 'optionFeatureNos'
@@ -34370,7 +34497,7 @@ var TableProperties = observer(function () {
             filter: '${featureNos}'
           }
         },
-        additionalFields: ['optionKeysDisplayTexts', 'optionKeys', 'optionFeatureNos'],
+        additionalFields: ['optionKeysDisplayTexts', 'optionIds', 'optionFeatureNos'],
         isDictionary: true
       }, createTranslatedColumnConfig('name', 'backoffice.idmEnricher.properties.label.name', selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds, true), createTranslatedColumnConfig('value', 'backoffice.idmEnricher.properties.label.value', selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds, true), {
         field: 'serieNos',
@@ -34458,7 +34585,11 @@ var TableProperties = observer(function () {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
-        children: [t('backoffice.menu.items.label.IDMEnricherEditorTableProperties'), /*#__PURE__*/jsx(Space$1, {
+        children: [/*#__PURE__*/jsxs(Space$1, {
+          children: [t('backoffice.menu.items.label.IDMEnricherEditorTableProperties'), /*#__PURE__*/jsx(InformationButton, {
+            codex: "IDM_ENRICHER_PROPERTIES_TABLE_INFO"
+          })]
+        }), /*#__PURE__*/jsx(Space$1, {
           style: {
             "float": 'right'
           },
@@ -35137,6 +35268,8 @@ var RenamingTable = observer(function (_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t,
     i18n = _useTranslation.i18n;
+  var _useDivaCore = useDivaCore(),
+    onEvent = _useDivaCore.actions.onEvent;
   var _useModule = useModule$1(['renaming', type]),
     packageId = _useModule.packageId,
     apiConfig = _useModule.apiConfig,
@@ -35175,6 +35308,18 @@ var RenamingTable = observer(function (_ref) {
             setSelectedSerie((_event$selection$2 = event.selection[0]) === null || _event$selection$2 === void 0 || (_event$selection$2 = _event$selection$2.node) === null || _event$selection$2 === void 0 ? void 0 : _event$selection$2.data);
             break;
         }
+      },
+      onDataUpdated: function onDataUpdated(event) {
+        switch (type) {
+          case 'series':
+            onEvent({
+              type: 'invalidateCache',
+              data: {
+                type: 'series'
+              }
+            });
+            break;
+        }
       }
     };
   }, [type]);
@@ -35526,7 +35671,8 @@ function getConfig(t) {
         field: 'partListExclusive',
         headerName: 'backoffice.idmEnricher.exclusivity.label.partListExclusive',
         editable: false,
-        cellDataType: 'boolean'
+        cellDataType: 'boolean',
+        defaultValue: false
       }, {
         field: 'sequenceNo',
         headerName: 'backoffice.idmEnricher.renaming.label.sequenceNo',
@@ -35593,10 +35739,6 @@ function getConfig(t) {
         editable: false,
         cellDataType: 'translated',
         isDictionary: true
-      }, {
-        headerName: 'backoffice.idmEnricher.exclusivity.label.optionFreeText',
-        field: 'optionFreeText',
-        editable: false
       }, {
         headerName: 'backoffice.idmEnricher.exclusivity.label.validFrom',
         field: 'validFromDate',
@@ -35727,6 +35869,8 @@ var ExclusivityTable = observer(function (_ref) {
     config = _ref.config;
   var _useTranslation6 = useTranslation(),
     t = _useTranslation6.t;
+  var _useDivaCore = useDivaCore(),
+    onEvent = _useDivaCore.actions.onEvent;
   var _useModule = useModule$1(['exclusivity', type]),
     packageId = _useModule.packageId,
     apiConfig = _useModule.apiConfig,
@@ -35769,9 +35913,21 @@ var ExclusivityTable = observer(function (_ref) {
             setSelectedSerie((_event$selection$4 = event.selection[0]) === null || _event$selection$4 === void 0 || (_event$selection$4 = _event$selection$4.node) === null || _event$selection$4 === void 0 ? void 0 : _event$selection$4.data);
             break;
         }
+      },
+      onDataUpdated: function onDataUpdated(event) {
+        switch (type) {
+          case 'eseries':
+            onEvent({
+              type: 'invalidateCache',
+              data: {
+                type: 'series'
+              }
+            });
+            break;
+        }
       }
     };
-  }, [updateConfigurator, type]);
+  }, [updateConfigurator, type, onEvent]);
   var apiInterface = useMemo(function () {
     var patchId = '${_id}';
     if (type === 'eitems') patchId = '${typeNo}';
@@ -35822,7 +35978,8 @@ var ExclusivityTable = observer(function (_ref) {
         editable: !viewOnly,
         cellDataType: 'boolean',
         pinned: 'left',
-        lockPinned: true
+        lockPinned: true,
+        defaultValue: false
       }].concat(_toConsumableArray(config.colDef), [{
         headerName: 'backoffice.idmEnricher.general.label.lastUpdatedDate',
         field: 'lastUpdatedDate',
@@ -35878,6 +36035,7 @@ var TableTabGroups = observer(function () {
     setSelectedItem = _useModule.setSelectedItem,
     selectedItem = _useModule.selectedItem;
   useTools({
+    mainInformationWindowCodex: 'IDM_ENRICHER_TAB_GROUPS_TABLE_INFO',
     enricherPackage: selectedPackage,
     isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
     onlyPlaceholder: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.onlyPlaceholder,
@@ -35961,7 +36119,11 @@ var TableTabGroups = observer(function () {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
-        children: [t('backoffice.menu.items.label.IDMEnricherEditorTableTabGroups'), /*#__PURE__*/jsx(Space$1, {
+        children: [/*#__PURE__*/jsxs(Space$1, {
+          children: [t('backoffice.menu.items.label.IDMEnricherEditorTableTabGroups'), /*#__PURE__*/jsx(InformationButton, {
+            codex: "IDM_ENRICHER_TAB_GROUPS_TABLE_INFO"
+          })]
+        }), /*#__PURE__*/jsx(Space$1, {
           style: {
             "float": 'right'
           },
@@ -37649,7 +37811,8 @@ var TablePriceList = observer(function () {
         headerName: 'backoffice.idmEnricher.pricelists.label.forPublishing',
         field: 'forPublishing',
         editable: !viewOnly,
-        cellDataType: 'boolean'
+        cellDataType: 'boolean',
+        defaultValue: false
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.validFrom',
         field: 'validFrom',
@@ -38882,20 +39045,6 @@ var useCatalogContext = function useCatalogContext() {
   });
 };
 
-function InformationButton(_ref) {
-  var codex = _ref.codex;
-  var _useTools = useTools({}),
-    updateInformationWindow = _useTools.updateInformationWindow;
-  return /*#__PURE__*/jsx(Button, {
-    type: "text",
-    icon: /*#__PURE__*/jsx(InfoCircleOutlined$1, {}),
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      updateInformationWindow(codex, true);
-    }
-  });
-}
-
 var TableCatalogs = observer(function () {
   var root = useStore();
   var _useTranslation = useTranslation(),
@@ -39155,6 +39304,42 @@ var TableCatalogs = observer(function () {
         field: 'size',
         cellDataType: 'number',
         editable: false
+      }, {
+        headerName: 'backoffice.idmCatalog.catalogs.label.logo',
+        field: 'logo',
+        cellDataType: 'asset',
+        customParams: {
+          isObject: true,
+          urlField: 'url',
+          fileNameField: 'name',
+          mediaItemIdField: 'mediaitemId',
+          apiInterface: {
+            create: {
+              upload: apiConfig.mediaService + '/v1/assets/uploads',
+              externalUpload: apiConfig.mediaService + '/v1/assets/uploads/externals',
+              completeUpload: apiConfig.mediaService + '/v1/assets/uploads/complete'
+            }
+          },
+          allowedTypes: ['image/png', 'image/jpeg', 'image/webp', 'image/svg+xml']
+        }
+      }, {
+        headerName: 'backoffice.idmCatalog.catalogs.label.catalogImage',
+        field: 'catalogImage',
+        cellDataType: 'asset',
+        customParams: {
+          isObject: true,
+          urlField: 'url',
+          fileNameField: 'name',
+          mediaItemIdField: 'mediaitemId',
+          apiInterface: {
+            create: {
+              upload: apiConfig.mediaService + '/v1/assets/uploads',
+              externalUpload: apiConfig.mediaService + '/v1/assets/uploads/externals',
+              completeUpload: apiConfig.mediaService + '/v1/assets/uploads/complete'
+            }
+          },
+          allowedTypes: ['image/png', 'image/jpeg', 'image/webp', 'image/svg+xml']
+        }
       }, {
         headerName: 'backoffice.idmCatalog.general.label.lastUpdatedDate',
         field: 'lastUpdatedDate',
@@ -39260,7 +39445,8 @@ var TableCatalogs = observer(function () {
         }, {
           headerName: 'backoffice.idmCatalog.general.label.catalogMergeType',
           field: 'catalogMergeType',
-          cellDataType: 'boolean'
+          cellDataType: 'boolean',
+          defaultValue: false
         }, {
           headerName: 'backoffice.idmCatalog.general.label.catalogDataVersion',
           field: 'catalogDataVersion',
@@ -39576,7 +39762,8 @@ var TableCatalogs = observer(function () {
           headerName: 'backoffice.idmCatalog.general.label.basicPriceDependent',
           field: 'basicPriceDependent',
           cellDataType: 'boolean',
-          required: true
+          required: true,
+          defaultValue: false
         }, {
           headerName: 'backoffice.idmCatalog.general.label.priceTypeFormula',
           field: 'priceTypeFormula'
@@ -40146,6 +40333,80 @@ var Items$1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
           },
           required: true
         }]
+      }, {
+        headerName: 'backoffice.idmCatalog.items.label.images',
+        field: 'images',
+        cellDataType: 'asset',
+        customParams: {
+          multiple: true,
+          isObject: true,
+          urlField: 'url',
+          fileNameField: 'name',
+          mediaItemIdField: 'mediaitemId',
+          additionalFields: [{
+            type: 'lookup',
+            field: 'decisionNo',
+            label: 'backoffice.idmCatalogEditor.items.label.decisionRefs',
+            lookupLabelTemplate: '${name} (${value})',
+            apiInterface: {
+              read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/decisions'
+            },
+            lookupValue: 'decisionText',
+            lookupKey: 'decisionNo',
+            translated: true,
+            filter: function filter(_, lookupData) {
+              return lookupData.decisionType === 0 || lookupData.decisionType === 1;
+            },
+            additionalMappings: [{
+              lookupField: 'decisionType'
+            }]
+          }],
+          apiInterface: {
+            create: {
+              upload: apiConfig.mediaService + '/v1/assets/uploads',
+              externalUpload: apiConfig.mediaService + '/v1/assets/uploads/externals',
+              completeUpload: apiConfig.mediaService + '/v1/assets/uploads/complete'
+            }
+          },
+          allowedTypes: ['image/png', 'image/jpeg', 'image/webp']
+        }
+      }, {
+        headerName: 'backoffice.idmCatalog.items.label.svgs',
+        field: 'svgs',
+        cellDataType: 'asset',
+        customParams: {
+          multiple: true,
+          isObject: true,
+          urlField: 'url',
+          fileNameField: 'name',
+          mediaItemIdField: 'mediaitemId',
+          apiInterface: {
+            create: {
+              upload: apiConfig.mediaService + '/v1/assets/uploads',
+              externalUpload: apiConfig.mediaService + '/v1/assets/uploads/externals',
+              completeUpload: apiConfig.mediaService + '/v1/assets/uploads/complete'
+            }
+          },
+          allowedTypes: ['image/svg+xml'],
+          additionalFields: [{
+            type: 'lookup',
+            field: 'decisionNo',
+            label: 'backoffice.idmCatalogEditor.items.label.decisionRefs',
+            lookupLabelTemplate: '${name} (${value})',
+            apiInterface: {
+              read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/decisions'
+            },
+            lookupValue: 'decisionText',
+            lookupKey: 'decisionNo',
+            translated: true,
+            filter: function filter(_, lookupData) {
+              return lookupData.decisionType === 0 || lookupData.decisionType === 1;
+            },
+            additionalMappings: [{
+              lookupField: 'decisionType'
+            }]
+          }]
+        }
       }, {
         headerName: 'backoffice.idmCatalog.items.label.common',
         children: [{
@@ -40196,7 +40457,8 @@ var Items$1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
         children: [{
           headerName: 'backoffice.idmCatalogEditor.items.label.partListExclusive',
           field: 'partListExclusive',
-          cellDataType: 'boolean'
+          cellDataType: 'boolean',
+          defaultValue: false
         }, {
           headerName: 'backoffice.idmCatalogEditor.items.label.partlist',
           field: 'partListRef',
@@ -40535,6 +40797,7 @@ var TableItems = observer(function () {
     apiConfig = _useModule.apiConfig,
     organizationId = _useModule.organizationId;
   useTools({
+    mainInformationWindowCodex: 'IDM_ITEMS_TABLE_INFO',
     catalog: selectedCatalog,
     setSerie: setSelectedSerie,
     setArticle: setSelectedItem,
@@ -40555,7 +40818,11 @@ var TableItems = observer(function () {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
-        children: [t('backoffice.menu.items.label.IDMCatalogEditorTableItems'), /*#__PURE__*/jsxs(Space$1, {
+        children: [/*#__PURE__*/jsxs(Space$1, {
+          children: [t('backoffice.menu.items.label.IDMCatalogEditorTableItems'), /*#__PURE__*/jsx(InformationButton, {
+            codex: "IDM_ITEMS_TABLE_INFO"
+          })]
+        }), /*#__PURE__*/jsxs(Space$1, {
           style: {
             "float": 'right'
           },
@@ -40604,8 +40871,11 @@ var TableItems = observer(function () {
 });
 
 var TableSeries = observer(function () {
+  var _useDivaCore = useDivaCore(),
+    onEvent = _useDivaCore.actions.onEvent;
   var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
   var _useModule = useModule(['series']),
     selectedCatalog = _useModule.selectedCatalog,
     selectedGlobalSerie = _useModule.selectedSerie,
@@ -40675,6 +40945,12 @@ var TableSeries = observer(function () {
         if (event.updates.length == 0) {
           setGlobalSelectedSerie(null);
         }
+        onEvent({
+          type: 'invalidateCache',
+          data: {
+            type: 'series'
+          }
+        });
       }
     };
   }, [setGlobalSelectedSerie, setSelectedSerie, resetSeriesSelector]);
@@ -40723,6 +40999,80 @@ var TableSeries = observer(function () {
           displayLabelTemplate: '${name} (${value})'
         }
       }, createTranslatedColumnConfig('seriesFullText', 'backoffice.idmCatalog.series.label.seriesFullText', selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds), {
+        headerName: 'backoffice.idmCatalog.series.label.mainImage',
+        field: 'mainImage',
+        cellDataType: 'asset',
+        customParams: {
+          isObject: true,
+          urlField: 'url',
+          fileNameField: 'name',
+          mediaItemIdField: 'mediaitemId',
+          apiInterface: {
+            create: {
+              upload: apiConfig.mediaService + '/v1/assets/uploads',
+              externalUpload: apiConfig.mediaService + '/v1/assets/uploads/externals',
+              completeUpload: apiConfig.mediaService + '/v1/assets/uploads/complete'
+            }
+          },
+          allowedTypes: ['image/png', 'image/jpeg', 'image/webp']
+        }
+      }, {
+        headerName: 'backoffice.idmCatalog.series.label.showroomImages',
+        field: 'showroomImages',
+        cellDataType: 'asset',
+        customParams: {
+          multiple: true,
+          isObject: true,
+          urlField: 'url',
+          fileNameField: 'name',
+          mediaItemIdField: 'mediaitemId',
+          apiInterface: {
+            create: {
+              upload: apiConfig.mediaService + '/v1/assets/uploads',
+              externalUpload: apiConfig.mediaService + '/v1/assets/uploads/externals',
+              completeUpload: apiConfig.mediaService + '/v1/assets/uploads/complete'
+            }
+          },
+          allowedTypes: ['image/png', 'image/jpeg', 'image/webp']
+        }
+      }, {
+        headerName: 'backoffice.idmCatalog.series.label.documents',
+        field: 'documents',
+        cellDataType: 'asset',
+        customParams: {
+          multiple: true,
+          isObject: true,
+          urlField: 'url',
+          fileNameField: 'name',
+          mediaItemIdField: 'mediaitemId',
+          additionalFields: [{
+            type: 'enum',
+            field: 'infoType',
+            label: 'backoffice.idmCatalog.detailinfos.label.infoType',
+            enumData: [{
+              name: t('backoffice.idmCatalog.detailinfos.label.infotype.i9'),
+              value: 9
+            }, {
+              name: t('backoffice.idmCatalog.detailinfos.label.infotype.i10'),
+              value: 10
+            }, {
+              name: t('backoffice.idmCatalog.detailinfos.label.infotype.i11'),
+              value: 11
+            }, {
+              name: t('backoffice.idmCatalog.detailinfos.label.infotype.i12'),
+              value: 12
+            }]
+          }],
+          apiInterface: {
+            create: {
+              upload: apiConfig.mediaService + '/v1/assets/uploads',
+              externalUpload: apiConfig.mediaService + '/v1/assets/uploads/externals',
+              completeUpload: apiConfig.mediaService + '/v1/assets/uploads/complete'
+            }
+          },
+          allowedTypes: ['application/pdf']
+        }
+      }, {
         field: 'decisionRefs',
         headerName: 'backoffice.idmCatalog.series.label.decisionRefs',
         cellDataType: 'lookup',
@@ -40798,7 +41148,7 @@ var TableSeries = observer(function () {
         defaultValue: '${catalogId}'
       }]
     };
-  }, [selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds]);
+  }, [selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds, i18n.language]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -41058,6 +41408,7 @@ var TableFeatures$2 = observer(function () {
     selectedItem = _useModule.selectedItem,
     selectedSerie = _useModule.selectedSerie;
   useTools({
+    mainInformationWindowCodex: 'IDM_FEATURES_TABLE_INFO',
     catalog: selectedCatalog,
     setSerie: setSelectedSerie,
     setArticle: setSelectedItem,
@@ -41080,7 +41431,11 @@ var TableFeatures$2 = observer(function () {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
-        children: [t('backoffice.menu.items.label.IDMCatalogEditorTableFeatures'), /*#__PURE__*/jsxs(Space$1, {
+        children: [/*#__PURE__*/jsxs(Space$1, {
+          children: [t('backoffice.menu.items.label.IDMCatalogEditorTableFeatures'), /*#__PURE__*/jsx(InformationButton, {
+            codex: "IDM_FEATURES_TABLE_INFO"
+          })]
+        }), /*#__PURE__*/jsxs(Space$1, {
           style: {
             "float": 'right'
           },
@@ -41147,6 +41502,9 @@ var Options$1 = /*#__PURE__*/forwardRef(function Options(_ref, ref) {
     selectedCatalog = _ref.selectedCatalog,
     apiConfig = _ref.apiConfig,
     hooks = _ref.hooks;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
   var applicationData = useMemo(function () {
     return {
       organizationId: organizationId,
@@ -41177,7 +41535,8 @@ var Options$1 = /*#__PURE__*/forwardRef(function Options(_ref, ref) {
       }, createTranslatedColumnConfig('optionText', 'backoffice.idmCatalog.options.label.optionText', selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds, true), createTranslatedColumnConfig('optionCommentText', 'backoffice.idmCatalog.options.label.optionCommentText', selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds), {
         headerName: 'backoffice.idmCatalog.options.label.optionFreeText',
         field: 'optionFreeText',
-        cellDataType: 'boolean'
+        cellDataType: 'boolean',
+        defaultValue: false
       }, {
         field: 'featureNos',
         headerName: 'backoffice.idmCatalogEditor.catalogoptions.label.featureIds',
@@ -41206,6 +41565,137 @@ var Options$1 = /*#__PURE__*/forwardRef(function Options(_ref, ref) {
         },
         additionalFields: ['featureIdsDisplayTexts', 'featureIds'],
         isDictionary: true
+      }, {
+        headerName: 'backoffice.idmCatalog.items.label.optionImages',
+        field: 'optionImages',
+        cellDataType: 'asset',
+        customParams: {
+          multiple: true,
+          isObject: true,
+          urlField: 'url',
+          fileNameField: 'name',
+          mediaItemIdField: 'mediaitemId',
+          apiInterface: {
+            create: {
+              upload: apiConfig.mediaService + '/v1/assets/uploads',
+              externalUpload: apiConfig.mediaService + '/v1/assets/uploads/externals',
+              completeUpload: apiConfig.mediaService + '/v1/assets/uploads/complete'
+            }
+          },
+          allowedTypes: ['image/png', 'image/jpeg', 'image/webp'],
+          additionalFields: [{
+            type: 'lookup',
+            field: 'serieNo',
+            label: 'backoffice.idmCatalog.series.label.serieNo',
+            lookupLabelTemplate: '${name} (${value})',
+            apiInterface: {
+              read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/series'
+            },
+            lookupValue: 'seriesName',
+            lookupKey: 'serieNo',
+            translated: true,
+            additionalMappings: [{
+              lookupField: '_id',
+              targetField: 'serieId'
+            }]
+          }, {
+            type: 'lookup',
+            field: 'itemTypeNo',
+            label: 'backoffice.idmCatalog.prices.label.typeNo',
+            lookupLabelTemplate: '${name} (${value})',
+            apiInterface: {
+              read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/series/${serieId}/items'
+            },
+            lookupValue: 'shortText',
+            lookupKey: 'typeNo',
+            translated: true,
+            dependsOn: ['serieId']
+          }]
+        }
+      }, {
+        headerName: 'backoffice.idmCatalog.items.label.textures',
+        field: 'textures',
+        cellDataType: 'asset',
+        customParams: {
+          multiple: true,
+          isObject: true,
+          urlField: 'url',
+          fileNameField: 'name',
+          mediaItemIdField: 'mediaitemId',
+          apiInterface: {
+            create: {
+              upload: apiConfig.mediaService + '/v1/assets/uploads',
+              externalUpload: apiConfig.mediaService + '/v1/assets/uploads/externals',
+              completeUpload: apiConfig.mediaService + '/v1/assets/uploads/complete'
+            }
+          },
+          allowedTypes: ['image/png', 'image/jpeg', 'image/webp'],
+          additionalFields: [{
+            type: 'lookup',
+            field: 'serieNo',
+            label: 'backoffice.idmCatalog.series.label.serieNo',
+            lookupLabelTemplate: '${name} (${value})',
+            apiInterface: {
+              read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/series'
+            },
+            lookupValue: 'seriesName',
+            lookupKey: 'serieNo',
+            translated: true,
+            additionalMappings: [{
+              lookupField: '_id',
+              targetField: 'serieId'
+            }]
+          }, {
+            type: 'lookup',
+            field: 'itemTypeNo',
+            label: 'backoffice.idmCatalog.prices.label.typeNo',
+            lookupLabelTemplate: '${name} (${value})',
+            apiInterface: {
+              read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/series/${serieId}/items'
+            },
+            lookupValue: 'shortText',
+            lookupKey: 'typeNo',
+            translated: true,
+            dependsOn: ['serieId']
+          }]
+        }
+      }, {
+        headerName: 'backoffice.idmCatalog.items.label.documents',
+        field: 'documents',
+        cellDataType: 'asset',
+        customParams: {
+          multiple: true,
+          isObject: true,
+          urlField: 'url',
+          fileNameField: 'name',
+          mediaItemIdField: 'mediaitemId',
+          additionalFields: [{
+            type: 'enum',
+            field: 'infoType',
+            label: 'backoffice.idmCatalog.detailinfos.label.infoType',
+            enumData: [{
+              name: t('backoffice.idmCatalog.detailinfos.label.infotype.i8'),
+              value: 8
+            }, {
+              name: t('backoffice.idmCatalog.detailinfos.label.infotype.i15'),
+              value: 15
+            }, {
+              name: t('backoffice.idmCatalog.detailinfos.label.infotype.i16'),
+              value: 16
+            }, {
+              name: t('backoffice.idmCatalog.detailinfos.label.infotype.i12'),
+              value: 12
+            }]
+          }],
+          apiInterface: {
+            create: {
+              upload: apiConfig.mediaService + '/v1/assets/uploads',
+              externalUpload: apiConfig.mediaService + '/v1/assets/uploads/externals',
+              completeUpload: apiConfig.mediaService + '/v1/assets/uploads/complete'
+            }
+          },
+          allowedTypes: ['application/pdf']
+        }
       }, {
         headerName: 'backoffice.idmCatalog.items.label.validation',
         children: [{
@@ -41296,7 +41786,7 @@ var Options$1 = /*#__PURE__*/forwardRef(function Options(_ref, ref) {
         defaultValue: '${catalogId}'
       }]
     };
-  }, [selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds]);
+  }, [selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds, i18n.language]);
   return /*#__PURE__*/jsx(Spreadsheet, {
     ref: ref,
     gridId: 'crud-grid_catalogoptions',
@@ -41322,6 +41812,7 @@ var TableOptions$1 = observer(function () {
     selectedItem = _useModule.selectedItem,
     selectedSerie = _useModule.selectedSerie;
   useTools({
+    mainInformationWindowCodex: 'IDM_OPTIONS_TABLE_INFO',
     catalog: selectedCatalog,
     setSerie: setSelectedSerie,
     setArticle: setSelectedItem,
@@ -41332,7 +41823,11 @@ var TableOptions$1 = observer(function () {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
-        children: [t('backoffice.menu.items.label.IDMCatalogEditorTableOptions'), /*#__PURE__*/jsxs(Space$1, {
+        children: [/*#__PURE__*/jsxs(Space$1, {
+          children: [t('backoffice.menu.items.label.IDMCatalogEditorTableOptions'), /*#__PURE__*/jsx(InformationButton, {
+            codex: "IDM_OPTIONS_TABLE_INFO"
+          })]
+        }), /*#__PURE__*/jsxs(Space$1, {
           style: {
             "float": 'right'
           },
@@ -41550,6 +42045,7 @@ var TableFeatureClasses = observer(function () {
     selectedFeatureClass = _React$useState2[0],
     setSelectedFeatureClass = _React$useState2[1];
   useTools({
+    mainInformationWindowCodex: 'IDM_FEATURE_CLASSES_TABLE_INFO',
     catalog: selectedCatalog,
     setSerie: setSelectedSerie,
     setArticle: setSelectedItem,
@@ -41654,7 +42150,11 @@ var TableFeatureClasses = observer(function () {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
-        children: [t('backoffice.menu.items.label.IDMCatalogEditorTableFeatureClasses'), /*#__PURE__*/jsx(Space$1, {
+        children: [/*#__PURE__*/jsxs(Space$1, {
+          children: [t('backoffice.menu.items.label.IDMCatalogEditorTableFeatureClasses'), /*#__PURE__*/jsx(InformationButton, {
+            codex: "IDM_FEATURE_CLASSES_TABLE_INFO"
+          })]
+        }), /*#__PURE__*/jsx(Space$1, {
           style: {
             "float": 'right'
           },
@@ -42370,6 +42870,7 @@ var TableDecisions = observer(function () {
     spreadsheetRef.current.setNodeDataValue(selectedNodeId, data);
   }, [selectedNodeId]);
   useTools({
+    mainInformationWindowCodex: 'IDM_DECISIONS_TABLE_INFO',
     catalog: selectedCatalog,
     setSerie: setSelectedSerie,
     setArticle: setSelectedItem,
@@ -42532,198 +43033,198 @@ var TableDecisions = observer(function () {
         editable: false,
         cellDataType: 'objectId'
       }, {
-        field: 'organizationId',
-        editable: false,
-        hide: true,
-        lockVisible: true,
-        suppressColumnsToolPanel: true,
-        defaultValue: '${organizationId}'
-      }, {
-        field: 'catalogId',
-        editable: false,
-        hide: true,
-        lockVisible: true,
-        suppressColumnsToolPanel: true,
-        defaultValue: '${catalogId}'
-      }]
-    };
-  }, [selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds]);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(Descriptions$1, {
-      title: /*#__PURE__*/jsxs("div", {
-        children: [t('backoffice.menu.items.label.IDMCatalogEditorTableDecisions'), /*#__PURE__*/jsx(Space$1, {
-          style: {
-            "float": 'right'
-          },
-          children: /*#__PURE__*/jsx(CatalogSelector$1, {
-            modules: ['decisions']
-          })
-        })]
-      })
-    }), selectedCatalog && /*#__PURE__*/jsx(Spreadsheet, {
-      gridId: 'crud-grid_decisions',
-      ref: spreadsheetRef,
-      applicationData: applicationData,
-      hooks: hooks,
-      configuration: configuration
-    })]
-  });
-});
-
-var TableDetailInfos = observer(function () {
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t,
-    i18n = _useTranslation.i18n;
-  var _useModule = useModule(['detailinfos']),
-    selectedCatalog = _useModule.selectedCatalog,
-    catalogId = _useModule.catalogId,
-    organizationId = _useModule.organizationId,
-    apiConfig = _useModule.apiConfig,
-    setSelectedSerie = _useModule.setSelectedSerie,
-    setSelectedItem = _useModule.setSelectedItem,
-    selectedItem = _useModule.selectedItem,
-    selectedSerie = _useModule.selectedSerie;
-  var _React$useState = React.useState(),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    selectedMedia = _React$useState2[0],
-    setSelectedMedia = _React$useState2[1];
-  useTools({
-    catalog: selectedCatalog,
-    setSerie: setSelectedSerie,
-    setArticle: setSelectedItem,
-    item: selectedItem,
-    serie: selectedSerie,
-    conditionalTools: [{
-      id: 'mediaDetail',
-      name: t('backoffice.menu.items.label.MediaDetailCard'),
-      elementComponent: MediaDetailCard,
-      startWidth: 900,
-      elementProps: {
-        mediaItemId: selectedMedia
-      },
-      where: 'right',
-      condition: function condition() {
-        return selectedMedia !== undefined;
-      }
-    }]
-  });
-  var hooks = useMemo(function () {
-    return {
-      onCellSelectionChanged: function onCellSelectionChanged(event) {
-        if (event.selection.length == 1) {
-          setSelectedMedia(event.selection[0].node.data.mediaItemId);
-        } else {
-          setSelectedMedia(undefined);
-        }
-      }
-    };
-  }, []);
-  var applicationData = useMemo(function () {
-    return {
-      catalogId: catalogId,
-      organizationId: organizationId
-    };
-  }, [catalogId, organizationId]);
-  var configuration = useMemo(function () {
-    return {
-      type: 'dotnetSSM',
-      apiInterface: {
-        read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/detailinfos',
-        update: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/detailinfos/${_id}',
-        bulk: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/detailinfos/bulk'
-      },
-      dateFormat: 'DD.MM.YYYY, HH:mm:ss',
-      colDef: [{
-        field: 'detailInfoNo',
-        headerName: 'backoffice.idmCatalog.detailinfos.label.detailInfoNo',
-        required: true,
-        cellDataType: 'number'
-      }, createTranslatedColumnConfig('externalName', 'backoffice.idmCatalog.detailinfos.label.externalName', selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds, false), createTranslatedColumnConfig('internalName', 'backoffice.idmCatalog.detailinfos.label.internalName', selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds, false), createTranslatedColumnConfig('toolTip', 'backoffice.idmCatalog.detailinfos.label.toolTip', selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds, false), {
+        field: 'organizationId',
+        editable: false,
+        hide: true,
+        lockVisible: true,
+        suppressColumnsToolPanel: true,
+        defaultValue: '${organizationId}'
+      }, {
+        field: 'catalogId',
+        editable: false,
+        hide: true,
+        lockVisible: true,
+        suppressColumnsToolPanel: true,
+        defaultValue: '${catalogId}'
+      }]
+    };
+  }, [selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds]);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Descriptions$1, {
+      title: /*#__PURE__*/jsxs("div", {
+        children: [/*#__PURE__*/jsxs(Space$1, {
+          children: [t('backoffice.menu.items.label.IDMCatalogEditorTableDecisions'), /*#__PURE__*/jsx(InformationButton, {
+            codex: "IDM_DECISIONS_TABLE_INFO"
+          })]
+        }), /*#__PURE__*/jsx(Space$1, {
+          style: {
+            "float": 'right'
+          },
+          children: /*#__PURE__*/jsx(CatalogSelector$1, {
+            modules: ['decisions']
+          })
+        })]
+      })
+    }), selectedCatalog && /*#__PURE__*/jsx(Spreadsheet, {
+      gridId: 'crud-grid_decisions',
+      ref: spreadsheetRef,
+      applicationData: applicationData,
+      hooks: hooks,
+      configuration: configuration
+    })]
+  });
+});
+
+var TableDetailInfos = observer(function () {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
+  var _useModule = useModule(['detailinfos']),
+    selectedCatalog = _useModule.selectedCatalog,
+    catalogId = _useModule.catalogId,
+    organizationId = _useModule.organizationId,
+    apiConfig = _useModule.apiConfig,
+    setSelectedSerie = _useModule.setSelectedSerie,
+    setSelectedItem = _useModule.setSelectedItem,
+    selectedItem = _useModule.selectedItem,
+    selectedSerie = _useModule.selectedSerie;
+  var _React$useState = React.useState(),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    selectedMedia = _React$useState2[0],
+    setSelectedMedia = _React$useState2[1];
+  useTools({
+    mainInformationWindowCodex: 'IDM_DETAIL_INFOS_TABLE_INFO',
+    catalog: selectedCatalog,
+    setSerie: setSelectedSerie,
+    setArticle: setSelectedItem,
+    item: selectedItem,
+    serie: selectedSerie,
+    conditionalTools: [{
+      id: 'mediaDetail',
+      name: t('backoffice.menu.items.label.MediaDetailCard'),
+      elementComponent: MediaDetailCard,
+      startWidth: 900,
+      elementProps: {
+        mediaItemId: selectedMedia
+      },
+      where: 'right',
+      condition: function condition() {
+        return selectedMedia !== undefined;
+      }
+    }]
+  });
+  var hooks = useMemo(function () {
+    return {
+      onCellSelectionChanged: function onCellSelectionChanged(event) {
+        if (event.selection.length == 1) {
+          setSelectedMedia(event.selection[0].node.data.mediaItemId);
+        } else {
+          setSelectedMedia(undefined);
+        }
+      }
+    };
+  }, []);
+  var applicationData = useMemo(function () {
+    return {
+      catalogId: catalogId,
+      organizationId: organizationId
+    };
+  }, [catalogId, organizationId]);
+  var configuration = useMemo(function () {
+    return {
+      type: 'dotnetSSM',
+      apiInterface: {
+        read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/detailinfos',
+        update: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/detailinfos/${_id}',
+        bulk: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/detailinfos/bulk'
+      },
+      dateFormat: 'DD.MM.YYYY, HH:mm:ss',
+      colDef: [{
+        field: 'detailInfoNo',
+        headerName: 'backoffice.idmCatalog.detailinfos.label.detailInfoNo',
+        required: true,
+        cellDataType: 'number',
+        editable: false
+      }, createTranslatedColumnConfig('externalName', 'backoffice.idmCatalog.detailinfos.label.externalName', selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds, false), createTranslatedColumnConfig('internalName', 'backoffice.idmCatalog.detailinfos.label.internalName', selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds, false), createTranslatedColumnConfig('toolTip', 'backoffice.idmCatalog.detailinfos.label.toolTip', selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds, false), {
+        field: 'url',
+        headerName: 'backoffice.idmCatalog.detailinfos.label.asset',
+        required: true,
+        cellDataType: 'mediaUrl',
+        editable: false
+      }, {
+        field: 'classification',
+        headerName: 'backoffice.idmCatalog.detailinfos.label.classification',
+        required: true,
+        editable: false
+      }, {
+        field: 'mediaType',
+        headerName: 'backoffice.idmCatalog.detailinfos.label.mediaType',
+        editable: false
+      }, {
+        field: 'infoType',
+        headerName: 'backoffice.idmCatalog.detailinfos.label.infoType',
+        required: true,
+        cellDataType: 'enum',
+        customParams: {
+          enumData: getInfoTypeKey(t),
+          displayLabelTemplate: '${name} (${value})'
+        },
+        editable: false
+      }, {
+        field: 'layer',
+        headerName: 'backoffice.idmCatalog.detailinfos.label.layer',
+        cellDataType: 'enum',
+        customParams: {
+          enumData: getLayerIdKey(t),
+          displayLabelTemplate: '${name} (${value})'
+        }
+      }, {
+        field: 'isoLanguageId',
+        headerName: 'backoffice.idmCatalog.detailinfos.label.isoLanguageId',
+        cellDataType: 'enum',
+        editable: true,
+        required: true,
+        customParams: {
+          enumData: getLanguageKey(t),
+          multiple: false
+        },
+        defaultValue: 'DE'
+      }, {
+        field: 'hashValue',
+        headerName: 'backoffice.idmCatalog.detailinfos.label.hashValue',
+        required: true,
+        editable: false
+      }, {
+        field: 'error',
+        headerName: 'backoffice.idmCatalog.detailinfos.label.error',
+        editable: false
+      }, {
+        headerName: 'backoffice.idmCatalog.general.label.lastUpdatedDate',
+        field: 'lastUpdatedDate',
+        cellDataType: 'dateString',
+        editable: false
+      }, {
+        headerName: 'backoffice.idmCatalog.general.label.createdDate',
+        field: 'createdDate',
+        cellDataType: 'dateString',
+        editable: false
+      }, {
+        headerName: 'backoffice.idmCatalog.general.label.createdByDisplayText',
+        field: 'createdByDisplayText',
+        editable: false
+      }, {
+        headerName: 'backoffice.idmCatalog.general.label.lastUpdatedByDisplayText',
+        field: 'lastUpdatedByDisplayText',
+        editable: false
+      }, {
+        headerName: 'backoffice.idmCatalog.general.label._id',
+        field: '_id',
+        editable: false,
+        cellDataType: 'objectId'
+      }, {
+        headerName: 'backoffice.idmCatalog.detailinfos.label.mediaItemId',
         field: 'mediaItemId',
-        colId: 'url-asset',
-        headerName: 'backoffice.idmCatalog.detailinfos.label.asset',
-        required: true,
-        cellDataType: 'asset',
-        customParams: {
-          urlField: 'url',
-          apiInterface: {
-            create: {
-              upload: apiConfig.mediaService + '/v1/assets/uploads',
-              externalUpload: apiConfig.mediaService + '/v1/assets/uploads/externals',
-              completeUpload: apiConfig.mediaService + '/v1/assets/uploads/complete'
-            }
-          },
-          allowedTypes: ['image/png', 'image/jpeg', 'image/gif', 'image/bmp', 'image/webp', 'image/svg+xml', 'application/pdf']
-        },
-        additionalFields: ['url']
-      }, {
-        field: 'classification',
-        headerName: 'backoffice.idmCatalog.detailinfos.label.classification',
-        required: true
-      }, {
-        field: 'mediaType',
-        headerName: 'backoffice.idmCatalog.detailinfos.label.mediaType'
-      }, {
-        field: 'infoType',
-        headerName: 'backoffice.idmCatalog.detailinfos.label.infoType',
-        required: true,
-        cellDataType: 'enum',
-        customParams: {
-          enumData: getInfoTypeKey(t),
-          displayLabelTemplate: '${name} (${value})'
-        }
-      }, {
-        field: 'layer',
-        headerName: 'backoffice.idmCatalog.detailinfos.label.layer',
-        cellDataType: 'enum',
-        customParams: {
-          enumData: getLayerIdKey(t),
-          displayLabelTemplate: '${name} (${value})'
-        }
-      }, {
-        field: 'isoLanguageId',
-        headerName: 'backoffice.idmCatalog.detailinfos.label.isoLanguageId',
-        cellDataType: 'enum',
-        editable: true,
-        required: true,
-        customParams: {
-          enumData: getLanguageKey(t),
-          multiple: false
-        },
-        defaultValue: 'DE'
-      }, {
-        field: 'hashValue',
-        headerName: 'backoffice.idmCatalog.detailinfos.label.hashValue',
-        required: true
-      }, {
-        field: 'error',
-        headerName: 'backoffice.idmCatalog.detailinfos.label.error'
-      }, {
-        headerName: 'backoffice.idmCatalog.general.label.lastUpdatedDate',
-        field: 'lastUpdatedDate',
-        cellDataType: 'dateString',
         editable: false
-      }, {
-        headerName: 'backoffice.idmCatalog.general.label.createdDate',
-        field: 'createdDate',
-        cellDataType: 'dateString',
-        editable: false
-      }, {
-        headerName: 'backoffice.idmCatalog.general.label.createdByDisplayText',
-        field: 'createdByDisplayText',
-        editable: false
-      }, {
-        headerName: 'backoffice.idmCatalog.general.label.lastUpdatedByDisplayText',
-        field: 'lastUpdatedByDisplayText',
-        editable: false
-      }, {
-        headerName: 'backoffice.idmCatalog.general.label._id',
-        field: '_id',
-        editable: false,
-        cellDataType: 'objectId'
-      }, {
-        headerName: 'backoffice.idmCatalog.detailinfos.label.mediaItemId',
-        field: 'mediaItemId'
       }, {
         field: 'organizationId',
         editable: false,
@@ -42744,7 +43245,11 @@ var TableDetailInfos = observer(function () {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
-        children: [t('backoffice.menu.items.label.IDMCatalogEditorTableDetailInfos'), /*#__PURE__*/jsx(Space$1, {
+        children: [/*#__PURE__*/jsxs(Space$1, {
+          children: [t('backoffice.menu.items.label.IDMCatalogEditorTableDetailInfos'), /*#__PURE__*/jsx(InformationButton, {
+            codex: "IDM_DETAIL_INFOS_TABLE_INFO"
+          })]
+        }), /*#__PURE__*/jsx(Space$1, {
           style: {
             "float": 'right'
           },
@@ -43028,6 +43533,7 @@ var TablePartlists = observer(function () {
     selectedPartlist = _React$useState2[0],
     setSelectedPartlist = _React$useState2[1];
   useTools({
+    mainInformationWindowCodex: 'IDM_PARTLISTS_TABLE_INFO',
     catalog: selectedCatalog,
     setSerie: setSelectedSerie,
     setArticle: setSelectedItem,
@@ -43130,7 +43636,11 @@ var TablePartlists = observer(function () {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
-        children: [t('backoffice.menu.items.label.IDMCatalogEditorTablePartlists'), /*#__PURE__*/jsx(Space$1, {
+        children: [/*#__PURE__*/jsxs(Space$1, {
+          children: [t('backoffice.menu.items.label.IDMCatalogEditorTablePartlists'), /*#__PURE__*/jsx(InformationButton, {
+            codex: "IDM_PARTLISTS_TABLE_INFO"
+          })]
+        }), /*#__PURE__*/jsx(Space$1, {
           style: {
             "float": 'right'
           },
@@ -43575,6 +44085,7 @@ var TablePriceFeatureGroups = observer(function () {
     return (_spreadsheetRef$curre = spreadsheetRef.current) === null || _spreadsheetRef$curre === void 0 ? void 0 : _spreadsheetRef$curre.setNodeDataValue(selectedNodeId, data);
   }, [selectedNodeId]);
   useTools({
+    mainInformationWindowCodex: 'IDM_PRICE_FEATURE_GROUPS_TABLE_INFO',
     catalog: selectedCatalog,
     setSerie: setSelectedSerie,
     setArticle: setSelectedItem,
@@ -43738,7 +44249,11 @@ var TablePriceFeatureGroups = observer(function () {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
-        children: [t('backoffice.menu.items.label.IDMCatalogEditorTablePriceFeatureGroups'), /*#__PURE__*/jsx(Space$1, {
+        children: [/*#__PURE__*/jsxs(Space$1, {
+          children: [t('backoffice.menu.items.label.IDMCatalogEditorTablePriceFeatureGroups'), /*#__PURE__*/jsx(InformationButton, {
+            codex: "IDM_PRICE_FEATURE_GROUPS_TABLE_INFO"
+          })]
+        }), /*#__PURE__*/jsx(Space$1, {
           style: {
             "float": 'right'
           },
@@ -43825,7 +44340,8 @@ var TablePrices = observer(function () {
         field: 'partListExclusive',
         headerName: 'backoffice.idmCatalog.prices.label.partListExclusive',
         editable: false,
-        cellDataType: 'boolean'
+        cellDataType: 'boolean',
+        defaultValue: false
       }].concat(_toConsumableArray((_priceFeatureGroups$m = priceFeatureGroups.map(function (priceFeatureGroup) {
         var _priceFeatureGroup$ke;
         return {
@@ -43873,7 +44389,11 @@ var TablePrices = observer(function () {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
-        children: [t('backoffice.menu.prices.label.IDMCatalogEditorTablePrices'), /*#__PURE__*/jsxs(Space$1, {
+        children: [/*#__PURE__*/jsxs(Space$1, {
+          children: [t('backoffice.menu.prices.label.IDMCatalogEditorTablePrices'), /*#__PURE__*/jsx(InformationButton, {
+            codex: "IDM_PRICES_TABLE_INFO"
+          })]
+        }), /*#__PURE__*/jsxs(Space$1, {
           style: {
             "float": 'right'
           },
@@ -43998,6 +44518,7 @@ var TableOptionGroups = observer(function () {
     selectedOptionGroup = _React$useState2[0],
     setSelectedOptionGroup = _React$useState2[1];
   useTools({
+    mainInformationWindowCodex: 'IDM_OPTION_GROUPS_TABLE_INFO',
     catalog: selectedCatalog,
     setSerie: setSelectedSerie,
     setArticle: setSelectedItem,
@@ -44077,7 +44598,11 @@ var TableOptionGroups = observer(function () {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
-        children: [t('backoffice.menu.items.label.IDMCatalogEditorTableOptionGroups'), /*#__PURE__*/jsx(Space$1, {
+        children: [/*#__PURE__*/jsxs(Space$1, {
+          children: [t('backoffice.menu.items.label.IDMCatalogEditorTableOptionGroups'), /*#__PURE__*/jsx(InformationButton, {
+            codex: "IDM_OPTION_GROUPS_TABLE_INFO"
+          })]
+        }), /*#__PURE__*/jsx(Space$1, {
           style: {
             "float": 'right'
           },
@@ -44195,15 +44720,13 @@ function CollectionMembers(_ref) {
           lookupKey: '_id',
           multiple: false,
           translated: false,
-          //add it to the row context, so it can be used for filtering but will not be saved to the server
-          additionalMappings: [{
-            lookupField: 'published',
-            targetField: '__diva_context.additionalData.published'
-          }],
           filter: function filter(_, lookupData) {
             var _lookupData$published;
             return (_lookupData$published = lookupData.published) === null || _lookupData$published === void 0 ? void 0 : _lookupData$published[organizationId];
-          }
+          },
+          additionalMappings: [{
+            lookupField: 'published'
+          }]
         },
         additionalFields: ['enricherPackageName'],
         isDictionary: false
@@ -44221,7 +44744,7 @@ function CollectionMembers(_ref) {
           filterCellType: 'number',
           displayLabelTemplate: '${name} (${value})',
           apiInterface: {
-            read: apiConfig.enricherService + '/live/v3.0/catalogs/${__diva_context.additionalData.published.' + organizationId + '.liveCatalogId}/series'
+            read: apiConfig.enricherService + '/packages/${enricherPackageId}/lookup/series'
           },
           lookupValue: 'seriesName',
           lookupKey: 'serieNo',
@@ -44658,8 +45181,8 @@ function Options(_ref) {
       organizationId: organizationId
     };
   }, [organizationId]);
-  var _useTranslation = useTranslation();
-    _useTranslation.t;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var configuration = useMemo(function () {
     return {
       type: 'dotnetSSM',
@@ -44682,7 +45205,8 @@ function Options(_ref) {
       }, createTranslatedColumnConfig('optionText', 'backoffice.idmCatalog.options.label.optionText', languages, true), createTranslatedColumnConfig('optionCommentText', 'backoffice.idmCatalog.options.label.optionCommentText', languages), {
         headerName: 'backoffice.idmCatalog.options.label.optionFreeText',
         field: 'optionFreeText',
-        cellDataType: 'boolean'
+        cellDataType: 'boolean',
+        defaultValue: false
       }, {
         field: 'featureNos',
         headerName: 'backoffice.idmCatalogEditor.catalogoptions.label.featureIds',
@@ -44711,6 +45235,81 @@ function Options(_ref) {
         },
         additionalFields: ['featureIdsDisplayTexts', 'featureIds'],
         isDictionary: true
+      }, {
+        headerName: 'backoffice.idmCatalog.items.label.optionImages',
+        field: 'optionImages',
+        cellDataType: 'asset',
+        customParams: {
+          multiple: true,
+          isObject: true,
+          urlField: 'url',
+          fileNameField: 'name',
+          mediaItemIdField: 'mediaitemId',
+          apiInterface: {
+            create: {
+              upload: apiConfig.mediaService + '/v1/assets/uploads',
+              externalUpload: apiConfig.mediaService + '/v1/assets/uploads/externals',
+              completeUpload: apiConfig.mediaService + '/v1/assets/uploads/complete'
+            }
+          },
+          allowedTypes: ['image/png', 'image/jpeg', 'image/webp']
+        }
+      }, {
+        headerName: 'backoffice.idmCatalog.items.label.textures',
+        field: 'textures',
+        cellDataType: 'asset',
+        customParams: {
+          multiple: true,
+          isObject: true,
+          urlField: 'url',
+          fileNameField: 'name',
+          mediaItemIdField: 'mediaitemId',
+          apiInterface: {
+            create: {
+              upload: apiConfig.mediaService + '/v1/assets/uploads',
+              externalUpload: apiConfig.mediaService + '/v1/assets/uploads/externals',
+              completeUpload: apiConfig.mediaService + '/v1/assets/uploads/complete'
+            }
+          },
+          allowedTypes: ['image/png', 'image/jpeg', 'image/webp']
+        }
+      }, {
+        headerName: 'backoffice.idmCatalog.items.label.documents',
+        field: 'documents',
+        cellDataType: 'asset',
+        customParams: {
+          multiple: true,
+          isObject: true,
+          urlField: 'url',
+          fileNameField: 'name',
+          mediaItemIdField: 'mediaitemId',
+          additionalFields: [{
+            type: 'enum',
+            field: 'infoType',
+            label: 'backoffice.idmCatalog.detailinfos.label.infoType',
+            enumData: [{
+              name: t('backoffice.idmCatalog.detailinfos.label.infotype.i8'),
+              value: 8
+            }, {
+              name: t('backoffice.idmCatalog.detailinfos.label.infotype.i15'),
+              value: 15
+            }, {
+              name: t('backoffice.idmCatalog.detailinfos.label.infotype.i16'),
+              value: 16
+            }, {
+              name: t('backoffice.idmCatalog.detailinfos.label.infotype.i12'),
+              value: 12
+            }]
+          }],
+          apiInterface: {
+            create: {
+              upload: apiConfig.mediaService + '/v1/assets/uploads',
+              externalUpload: apiConfig.mediaService + '/v1/assets/uploads/externals',
+              completeUpload: apiConfig.mediaService + '/v1/assets/uploads/complete'
+            }
+          },
+          allowedTypes: ['application/pdf']
+        }
       }, {
         headerName: 'backoffice.idmCatalog.items.label.validation',
         children: [{
@@ -46649,7 +47248,8 @@ function useWysiwyg$1(_ref) {
   }, [(_tool$parameters18 = tool.parameters) === null || _tool$parameters18 === void 0 ? void 0 : _tool$parameters18.catalogId, (_tool$parameters19 = tool.parameters) === null || _tool$parameters19 === void 0 ? void 0 : _tool$parameters19.packageId]);
   var onEventCalled = /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(e) {
-      var _tool$elementProps10, _articles$find, _tool$elementProps11, catalogData, articles, key, _mask$articles, _article$groupName, article, initialTypeNo, _tool$elementProps13;
+      var _e$data;
+      var _tool$elementProps10, _articles$find, _tool$elementProps11, catalogData, articles, key, _mask$articles, _article$groupName, article, initialTypeNo, _tool$elementProps13, _e$data2;
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
@@ -46722,7 +47322,13 @@ function useWysiwyg$1(_ref) {
               });
               setCurrentNav(e.data.optionCodex);
             }
-          case 21:
+            if (e.type === 'invalidateCache' && ((_e$data = e.data) === null || _e$data === void 0 ? void 0 : _e$data.type) === 'series') {
+              LOG$2.debug('Invalidate cache', {
+                type: (_e$data2 = e.data) === null || _e$data2 === void 0 ? void 0 : _e$data2.type
+              });
+              setDoReset(true);
+            }
+          case 22:
           case "end":
             return _context4.stop();
         }