@crystaldesign/diva-backoffice 25.13.0-beta.1 → 25.13.0-beta.2

package/build/esm/index.js

@@ -130,6 +130,7 @@ import InboxOutlined$1 from '@ant-design/icons/lib/icons/InboxOutlined';
 import JSZip from 'jszip';
 import UploadOutlined$1 from '@ant-design/icons/lib/icons/UploadOutlined';
 import { GridError } from '@crystaldesign/spreadsheet/errors';
+import { MediaDetailCard } from '@crystaldesign/assetmanager';
 import { DropzoneAreaBase } from 'react-mui-dropzone';
 import Switch$1 from 'antd/es/switch';
 import Layout$1 from 'antd/es/layout';
@@ -152,9 +153,9 @@ import PushpinOutlined from '@ant-design/icons/lib/icons/PushpinOutlined';
     globalThis.process = { env:env };
 })();
 
-function _createForOfIteratorHelper$n(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$n(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$n(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$n(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$n(r, a) : void 0; } }
-function _arrayLikeToArray$n(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$o(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$o(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$o(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$o(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$o(r, a) : void 0; } }
+function _arrayLikeToArray$o(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$16(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$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$f = getLogger('Backoffice', 'ApplyMapping');
@@ -189,7 +190,7 @@ function applyMapping (_ref) {
   function meetsCondition(map) {
     if (!map.condition) return true;
     var value = mappingData[map.condition.field];
-    var _iterator = _createForOfIteratorHelper$n(map.condition.values),
+    var _iterator = _createForOfIteratorHelper$o(map.condition.values),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -268,7 +269,7 @@ function applyMapping (_ref) {
             _url.href = _url.href.replace('&' + m.targetField + '=${' + m.targetField + '}', '');
           }
         }
-        var _iterator2 = _createForOfIteratorHelper$n(_url.searchParams.entries()),
+        var _iterator2 = _createForOfIteratorHelper$o(_url.searchParams.entries()),
           _step2;
         try {
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -13611,9 +13612,9 @@ function MenuLabel (_ref) {
   });
 }
 
-function _createForOfIteratorHelper$m(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$m(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$m(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$m(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$m(r, a) : void 0; } }
-function _arrayLikeToArray$m(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 _createForOfIteratorHelper$n(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$n(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$n(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$n(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$n(r, a) : void 0; } }
+function _arrayLikeToArray$n(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function applyRule(_ref) {
   var rules = _ref.rules,
     data = _ref.data,
@@ -13622,7 +13623,7 @@ function applyRule(_ref) {
   //if or we start with false until the first time some result is true
   //if and we start with true until the frist time some result is false
   var result = !or;
-  var _iterator = _createForOfIteratorHelper$m(rules),
+  var _iterator = _createForOfIteratorHelper$n(rules),
     _step;
   try {
     var _loop = function _loop() {
@@ -13692,7 +13693,7 @@ function aplyRules(_ref2) {
   if (!data || data.length == 0) return {
     applied: false
   };
-  var _iterator2 = _createForOfIteratorHelper$m(data),
+  var _iterator2 = _createForOfIteratorHelper$n(data),
     _step2;
   try {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -14112,9 +14113,9 @@ var ToolBarStore = /*#__PURE__*/function () {
 
 function ownKeys$12(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$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$l(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$l(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$l(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$l(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$l(r, a) : void 0; } }
-function _arrayLikeToArray$l(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$m(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$m(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$m(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$m(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$m(r, a) : void 0; } }
+function _arrayLikeToArray$m(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; }
 var _default$6 = /*#__PURE__*/function () {
   function _default(root) {
     _classCallCheck(this, _default);
@@ -14147,7 +14148,7 @@ var _default$6 = /*#__PURE__*/function () {
       var initKeys = this.root.navigationState.path == '' ? [] : this.keysFormPath(this._menu, this.root.navigationState.path);
       var checkedKeys = [];
       var currentMenu = this._menu;
-      var _iterator = _createForOfIteratorHelper$l(initKeys),
+      var _iterator = _createForOfIteratorHelper$m(initKeys),
         _step;
       try {
         var _loop = function _loop() {
@@ -14789,22 +14790,23 @@ var menu = [{
     permission: 'backoffice_admin_users'
   }, {
     id: 'mediaAdmin',
+    path: 'assetmanager',
     label: 'backoffice.menu.items.label.mediaAdmin',
     permission: 'backoffice_admin_media',
     icon: 'FileOutlined',
     items: [{
       id: 'TableMedia',
-      path: 'media',
+      path: 'mediaLegacy',
       label: 'backoffice.menu.items.label.mediaAdmin',
       icon: 'FileOutlined'
     }, {
       id: 'TableMediaRef',
-      path: 'mediaref',
+      path: 'mediarefLegacy',
       label: 'backoffice.menu.items.label.TableMediaRef',
       icon: 'LinkOutlined'
     }, {
       id: 'MediaTable',
-      path: 'assetmanager/media',
+      path: 'media',
       label: 'Medien (Beta)',
       //TODO: Add translation key when old Media Table is removed
       icon: 'FileOutlined'
@@ -15227,9 +15229,9 @@ var _default$3 = /*#__PURE__*/function () {
   }]);
 }();
 
-function _createForOfIteratorHelper$k(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$k(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$k(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$k(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$k(r, a) : void 0; } }
-function _arrayLikeToArray$k(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 _createForOfIteratorHelper$l(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$l(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$l(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$l(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$l(r, a) : void 0; } }
+function _arrayLikeToArray$l(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var LOG$d = getLogger('Backoffice', 'DownloadStore');
 var DownloadStore = /*#__PURE__*/function () {
   function DownloadStore(_rootStore) {
@@ -15257,7 +15259,7 @@ var DownloadStore = /*#__PURE__*/function () {
                 _context2.next = 23;
                 break;
               }
-              _iterator = _createForOfIteratorHelper$k(action.download);
+              _iterator = _createForOfIteratorHelper$l(action.download);
               _context2.prev = 8;
               _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
                 var _download$params, _data$fileFormat, _data$fileUrl;
@@ -15601,7 +15603,7 @@ var DownloadStore = /*#__PURE__*/function () {
                 break;
               }
               promises = [];
-              _iterator2 = _createForOfIteratorHelper$k(props.data);
+              _iterator2 = _createForOfIteratorHelper$l(props.data);
               _context7.prev = 3;
               _iterator2.s();
             case 5:
@@ -16385,9 +16387,9 @@ var MediaItem = /*#__PURE__*/function () {
 
 function ownKeys$10(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$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$j(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$j(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$j(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$j(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$j(r, a) : void 0; } }
-function _arrayLikeToArray$j(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$k(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$k(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$k(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$k(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$k(r, a) : void 0; } }
+function _arrayLikeToArray$k(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 useFormData (_ref) {
   var _loadedData$_id;
   var id = _ref.id,
@@ -16459,7 +16461,7 @@ function useFormData (_ref) {
     setSelectedItems = _useState14[1];
   var _onLoadFields = function onLoadFields(data) {
     var items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : selectedItems;
-    var _iterator = _createForOfIteratorHelper$j(items),
+    var _iterator = _createForOfIteratorHelper$k(items),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -16837,7 +16839,7 @@ function useFormData (_ref) {
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            _iterator3 = _createForOfIteratorHelper$j(items);
+            _iterator3 = _createForOfIteratorHelper$k(items);
             _context4.prev = 1;
             _iterator3.s();
           case 3:
@@ -16923,7 +16925,7 @@ function useFormData (_ref) {
             _iterator3.f();
             return _context4.finish(42);
           case 45:
-            _iterator4 = _createForOfIteratorHelper$j(removedMedias);
+            _iterator4 = _createForOfIteratorHelper$k(removedMedias);
             _context4.prev = 46;
             _iterator4.s();
           case 48:
@@ -17006,7 +17008,7 @@ function useFormData (_ref) {
               return _getDynamicValue.apply(this, arguments);
             };
             items = selectedItems !== null && selectedItems !== void 0 ? selectedItems : configuration.items;
-            _iterator5 = _createForOfIteratorHelper$j(items);
+            _iterator5 = _createForOfIteratorHelper$k(items);
             _context6.prev = 4;
             _iterator5.s();
           case 6:
@@ -17117,7 +17119,7 @@ function useFormData (_ref) {
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _iterator2 = _createForOfIteratorHelper$j(items);
+            _iterator2 = _createForOfIteratorHelper$k(items);
             _context3.prev = 1;
             _iterator2.s();
           case 3:
@@ -17730,15 +17732,15 @@ var InputComponent = function InputComponent(_ref, ref) {
 };
 var InputComponent$1 = observer(/*#__PURE__*/React.forwardRef(InputComponent));
 
-function _createForOfIteratorHelper$i(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$i(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$i(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$i(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$i(r, a) : void 0; } }
-function _arrayLikeToArray$i(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 _createForOfIteratorHelper$j(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$j(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$j(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$j(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$j(r, a) : void 0; } }
+function _arrayLikeToArray$j(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function getCombinedValues(data, pattern) {
   if (!pattern || !data) {
     return data;
   }
   var value = pattern;
-  var _iterator = _createForOfIteratorHelper$i(pattern.matchAll(/\$\{(.*?)\}/g)),
+  var _iterator = _createForOfIteratorHelper$j(pattern.matchAll(/\$\{(.*?)\}/g)),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -18942,9 +18944,9 @@ function SelectClientRelationCatalog (_ref) {
   });
 }
 
-function _createForOfIteratorHelper$h(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$h(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$h(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$h(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$h(r, a) : void 0; } }
-function _arrayLikeToArray$h(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$i(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$i(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$i(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$i(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$i(r, a) : void 0; } }
+function _arrayLikeToArray$i(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 useSelectData (_ref) {
@@ -19190,7 +19192,7 @@ function useSelectData (_ref) {
   var verifySelection = function verifySelection(opt) {
     if (disabledConfig == undefined) return [];
     var _missingFields = [];
-    var _iterator = _createForOfIteratorHelper$h(disabledConfig),
+    var _iterator = _createForOfIteratorHelper$i(disabledConfig),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -20022,9 +20024,9 @@ var Text = function Text(_ref) {
 };
 var Text$1 = observer(Text);
 
-function _createForOfIteratorHelper$g(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$g(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$g(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$g(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$g(r, a) : void 0; } }
-function _arrayLikeToArray$g(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$h(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$h(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$h(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$h(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$h(r, a) : void 0; } }
+function _arrayLikeToArray$h(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys$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 getElement(item, setCanSave, state, absoluteName, _onChange, _onError, root, form, hidden, postFixName) {
@@ -20119,7 +20121,7 @@ function getElement(item, setCanSave, state, absoluteName, _onChange, _onError,
             mappingData: state.data,
             callback: function callback(data) {
               if (!item.callbackMapping) return;
-              var _iterator = _createForOfIteratorHelper$g(item.callbackMapping),
+              var _iterator = _createForOfIteratorHelper$h(item.callbackMapping),
                 _step;
               try {
                 for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -20330,9 +20332,9 @@ function isReadonly(item, data) {
 
 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 _createForOfIteratorHelper$f(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$f(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$f(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$f(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$f(r, a) : void 0; } }
-function _arrayLikeToArray$f(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$g(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$g(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$g(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$g(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$g(r, a) : void 0; } }
+function _arrayLikeToArray$g(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var Presets = function Presets(_ref) {
   var state = _ref.state,
     apiHandler = _ref.apiHandler,
@@ -20367,7 +20369,7 @@ var Presets = function Presets(_ref) {
     if (state.selectedItems == undefined) return;
     setIsModalVisible(false);
     var names = [];
-    var _iterator = _createForOfIteratorHelper$f(state.selectedItems),
+    var _iterator = _createForOfIteratorHelper$g(state.selectedItems),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -20881,9 +20883,9 @@ var Form$1 = observer(/*#__PURE__*/React.forwardRef(FormWrapper$1));
 
 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 _createForOfIteratorHelper$e(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$e(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$e(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$e(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$e(r, a) : void 0; } }
-function _arrayLikeToArray$e(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$f(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$f(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$f(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$f(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$f(r, a) : void 0; } }
+function _arrayLikeToArray$f(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function useRoleSelectorData (_ref) {
   var userId = _ref.userId,
     id = _ref.id;
@@ -21040,7 +21042,7 @@ function useRoleSelectorData (_ref) {
     } else {
       var internalOptions = options;
       var organizationList = [];
-      var _iterator = _createForOfIteratorHelper$e(selected),
+      var _iterator = _createForOfIteratorHelper$f(selected),
         _step;
       try {
         var _loop = function _loop() {
@@ -21175,7 +21177,7 @@ function useRoleSelectorData (_ref) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
             setLoading(true);
-            _iterator2 = _createForOfIteratorHelper$e(addedRoles);
+            _iterator2 = _createForOfIteratorHelper$f(addedRoles);
             _context5.prev = 2;
             _iterator2.s();
           case 4:
@@ -21184,7 +21186,7 @@ function useRoleSelectorData (_ref) {
               break;
             }
             role = _step2.value;
-            _iterator4 = _createForOfIteratorHelper$e(role.organizations);
+            _iterator4 = _createForOfIteratorHelper$f(role.organizations);
             _context5.prev = 7;
             _iterator4.s();
           case 9:
@@ -21224,7 +21226,7 @@ function useRoleSelectorData (_ref) {
             _iterator2.f();
             return _context5.finish(30);
           case 33:
-            _iterator3 = _createForOfIteratorHelper$e(removedRoles);
+            _iterator3 = _createForOfIteratorHelper$f(removedRoles);
             _context5.prev = 34;
             _iterator3.s();
           case 36:
@@ -21233,7 +21235,7 @@ function useRoleSelectorData (_ref) {
               break;
             }
             _role = _step3.value;
-            _iterator5 = _createForOfIteratorHelper$e(_role.organizations);
+            _iterator5 = _createForOfIteratorHelper$f(_role.organizations);
             _context5.prev = 39;
             _iterator5.s();
           case 41:
@@ -21310,7 +21312,7 @@ function _updateRoles() {
           return fetchUserRoles(apiHandler, userId, currentOrganization);
         case 3:
           userRoles = _context7.sent;
-          _iterator6 = _createForOfIteratorHelper$e(roles);
+          _iterator6 = _createForOfIteratorHelper$f(roles);
           _context7.prev = 5;
           _loop2 = /*#__PURE__*/_regeneratorRuntime.mark(function _loop2() {
             var _removedRole$organiza3;
@@ -21646,9 +21648,9 @@ styleInject(css_248z$s);
 
 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 _createForOfIteratorHelper$d(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$d(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$d(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$d(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$d(r, a) : void 0; } }
-function _arrayLikeToArray$d(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$e(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$e(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$e(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$e(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$e(r, a) : void 0; } }
+function _arrayLikeToArray$e(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function generateCSV(_x, _x2) {
   return _generateCSV.apply(this, arguments);
 }
@@ -21678,7 +21680,7 @@ function _generateCSV() {
           data = res.data;
           count += res.data.length;
           total = res.total;
-          _iterator = _createForOfIteratorHelper$d(data);
+          _iterator = _createForOfIteratorHelper$e(data);
           _context2.prev = 10;
           _iterator.s();
         case 12:
@@ -21688,7 +21690,7 @@ function _generateCSV() {
           }
           parent = _step.value;
           line = [];
-          _iterator2 = _createForOfIteratorHelper$d(exportParams.fields);
+          _iterator2 = _createForOfIteratorHelper$e(exportParams.fields);
           try {
             for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
               field = _step2.value;
@@ -21816,9 +21818,9 @@ function _downloadFile() {
 
 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 _createForOfIteratorHelper$c(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$c(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$c(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$c(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$c(r, a) : void 0; } }
-function _arrayLikeToArray$c(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$d(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$d(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$d(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$d(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$d(r, a) : void 0; } }
+function _arrayLikeToArray$d(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var deletedObjects = [];
 var addedObjects = [];
 
@@ -21943,7 +21945,7 @@ function useRelationSelectorData (_ref) {
             });
             roles = [];
             filter = {};
-            _iterator3 = _createForOfIteratorHelper$c(configuration.search.fields);
+            _iterator3 = _createForOfIteratorHelper$d(configuration.search.fields);
             try {
               for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
                 searchField = _step3.value;
@@ -22090,7 +22092,7 @@ function useRelationSelectorData (_ref) {
                 filteredItems.push(data === null || data === void 0 ? void 0 : data._id);
               }
             }
-            _iterator4 = _createForOfIteratorHelper$c(addedObjects);
+            _iterator4 = _createForOfIteratorHelper$d(addedObjects);
             _context3.prev = 7;
             _iterator4.s();
           case 9:
@@ -22227,7 +22229,7 @@ function useRelationSelectorData (_ref) {
               return;
             }
           });
-          var _iterator = _createForOfIteratorHelper$c(activeItems),
+          var _iterator = _createForOfIteratorHelper$d(activeItems),
             _step;
           try {
             for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -22357,7 +22359,7 @@ function useRelationSelectorData (_ref) {
   function mapToCascaderData(data) {
     var options = [];
     var tempCascaderData = [];
-    var _iterator2 = _createForOfIteratorHelper$c(data),
+    var _iterator2 = _createForOfIteratorHelper$d(data),
       _step2;
     try {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -22441,9 +22443,9 @@ function useRelationSelectorData (_ref) {
 
 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 _createForOfIteratorHelper$b(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$b(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$b(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$b(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$b(r, a) : void 0; } }
-function _arrayLikeToArray$b(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$c(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$c(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$c(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$c(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$c(r, a) : void 0; } }
+function _arrayLikeToArray$c(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ActionButton (_ref) {
   var action = _ref.action,
     callback = _ref.callback,
@@ -22464,7 +22466,7 @@ function ActionButton (_ref) {
   var ButtonType = type == 'Button' ? Button : A;
   var disable = false;
   if ((data === null || data === void 0 ? void 0 : data.length) > 0) {
-    var _iterator = _createForOfIteratorHelper$b(ruleData !== null && ruleData !== void 0 ? ruleData : data),
+    var _iterator = _createForOfIteratorHelper$c(ruleData !== null && ruleData !== void 0 ? ruleData : data),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -22561,7 +22563,7 @@ function ActionButton (_ref) {
               _context.next = 20;
               break;
             }
-            _iterator2 = _createForOfIteratorHelper$b(action.switchValues);
+            _iterator2 = _createForOfIteratorHelper$c(action.switchValues);
             try {
               for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
                 element = _step2.value;
@@ -22624,7 +22626,7 @@ function ActionButton (_ref) {
   switch (action.actionType) {
     case 'SwitchButton':
       var switchLabel;
-      var _iterator3 = _createForOfIteratorHelper$b(action.switchLable),
+      var _iterator3 = _createForOfIteratorHelper$c(action.switchLable),
         _step3;
       try {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
@@ -22755,12 +22757,12 @@ function A(props) {
   return /*#__PURE__*/jsx("a", _objectSpread$P({}, props));
 }
 
-function _createForOfIteratorHelper$a(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$a(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$a(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$a(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$a(r, a) : void 0; } }
-function _arrayLikeToArray$a(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 _createForOfIteratorHelper$b(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$b(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$b(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$b(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$b(r, a) : void 0; } }
+function _arrayLikeToArray$b(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function filter$1(input, getActiveItem, filterFields) {
   var filter = {};
-  var _iterator = _createForOfIteratorHelper$a(filterFields),
+  var _iterator = _createForOfIteratorHelper$b(filterFields),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -24649,9 +24651,9 @@ var ImageCropper = function ImageCropper(_ref, ref) {
 };
 var ImageCropper$1 = observer(/*#__PURE__*/React.forwardRef(ImageCropper));
 
-function _createForOfIteratorHelper$9(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$9(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0; } }
-function _arrayLikeToArray$9(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$a(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$a(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$a(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$a(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$a(r, a) : void 0; } }
+function _arrayLikeToArray$a(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$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useDescriptions (_ref) {
@@ -24747,7 +24749,7 @@ function _getDisplayData() {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
           displayData = _objectSpread$J({}, data);
-          _iterator = _createForOfIteratorHelper$9(items);
+          _iterator = _createForOfIteratorHelper$a(items);
           _context4.prev = 2;
           _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
             var item, itemWithMappingData, apiHandler, response, mappingData;
@@ -24863,9 +24865,9 @@ var DescriptionWrapper = function DescriptionWrapper(_ref) {
 };
 var Description = observer(DescriptionWrapper);
 
-function _createForOfIteratorHelper$8(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$8(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$8(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$8(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$8(r, a) : void 0; } }
-function _arrayLikeToArray$8(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 _createForOfIteratorHelper$9(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$9(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0; } }
+function _arrayLikeToArray$9(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var FileUploadWrapper$1 = function FileUploadWrapper(_ref) {
   var id = _ref.id;
   var _useDivaCore = useDivaCore(),
@@ -24926,7 +24928,7 @@ var FileUploadWrapper$1 = function FileUploadWrapper(_ref) {
                 case 0:
                   setLoading(true);
                   _context.prev = 1;
-                  _iterator = _createForOfIteratorHelper$8(organizations);
+                  _iterator = _createForOfIteratorHelper$9(organizations);
                   _context.prev = 3;
                   _iterator.s();
                 case 5:
@@ -25453,9 +25455,9 @@ function BooleanCell (_ref) {
   }
 }
 
-function _createForOfIteratorHelper$7(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$7(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$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(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$7(r, a) : void 0; } }
-function _arrayLikeToArray$7(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 _createForOfIteratorHelper$8(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$8(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$8(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$8(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$8(r, a) : void 0; } }
+function _arrayLikeToArray$8(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 StringCell (_ref) {
   var children = _ref.children,
     column = _ref.column,
@@ -25560,7 +25562,7 @@ function StringCell (_ref) {
 }
 function getColor(column, record, value) {
   if (column.color && record) {
-    var _iterator = _createForOfIteratorHelper$7(column.color),
+    var _iterator = _createForOfIteratorHelper$8(column.color),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -25740,9 +25742,9 @@ function DropdownCell (_ref) {
   }
 }
 
-function _createForOfIteratorHelper$6(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$6(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$6(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$6(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$6(r, a) : void 0; } }
-function _arrayLikeToArray$6(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 _createForOfIteratorHelper$7(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$7(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$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(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$7(r, a) : void 0; } }
+function _arrayLikeToArray$7(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 MediaViewerCell (_ref) {
   var children = _ref.children,
     column = _ref.column;
@@ -25760,7 +25762,7 @@ function MediaViewerCell (_ref) {
   if (column.imageEnding && !url.endsWith('glb')) previewUrl = url.endsWith('.jpg') ? url.replace('.jpg', '') + column.imageEnding + '.jpg' : url.replace('.png', '') + column.imageEnding + '.png';
   if (column.includedFileEndings) {
     var supported = false;
-    var _iterator = _createForOfIteratorHelper$6(column.includedFileEndings),
+    var _iterator = _createForOfIteratorHelper$7(column.includedFileEndings),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -26019,15 +26021,15 @@ function MediaItemViewerCell (_ref) {
   });
 }
 
-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 _createForOfIteratorHelper$6(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$6(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$6(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$6(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$6(r, a) : void 0; } }
+function _arrayLikeToArray$6(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 IconCell (_ref) {
   var children = _ref.children,
     column = _ref.column;
   if (!column) throw new Error('icon column doesnt support editing');
   function resolveIconMapping(value) {
-    var _iterator = _createForOfIteratorHelper$5(column.iconMapping),
+    var _iterator = _createForOfIteratorHelper$6(column.iconMapping),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -26568,9 +26570,9 @@ var SMChart = function SMChart(props) {
 
 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; }
+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; }
 dayjs.extend(customParseFormat);
 dayjs.extend(advancedFormat);
 dayjs.extend(weekday);
@@ -26608,12 +26610,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$4(state.configuration.mergeFields),
+      var _iterator = _createForOfIteratorHelper$5(state.configuration.mergeFields),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var merge = _step.value;
-          var _iterator2 = _createForOfIteratorHelper$4(merge.valueKeys),
+          var _iterator2 = _createForOfIteratorHelper$5(merge.valueKeys),
             _step2;
           try {
             for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -26968,7 +26970,7 @@ function CopyButton(_ref3) {
           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$4(state.selected);
+              _iterator3 = _createForOfIteratorHelper$5(state.selected);
               try {
                 for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
                   selectedRow = _step3.value;
@@ -27096,7 +27098,7 @@ function BulkAction(_ref6) {
   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$4(action.rule),
+    var _iterator4 = _createForOfIteratorHelper$5(action.rule),
       _step4;
     try {
       var _loop = function _loop() {
@@ -28433,9 +28435,9 @@ function objectHash (obj) {
   return hash(hashable);
 }
 
-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 _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$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$2 = getLogger('Backoffice', 'TableData');
@@ -28871,7 +28873,7 @@ function useTableData (_ref) {
                       })) === null || _newData$filter2 === void 0 ? void 0 : _newData$filter2[0];
                     }
                     mapToggle = {};
-                    _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 : []);
+                    _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 : []);
                     try {
                       for (_iterator.s(); !(_step = _iterator.n()).done;) {
                         field = _step.value;
@@ -29147,9 +29149,9 @@ function Table (props) {
   });
 }
 
-function _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$2(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : void 0; } }
-function _arrayLikeToArray$2(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _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$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) {
@@ -29273,7 +29275,7 @@ function useAGGrid (_ref) {
               _context.next = 51;
               break;
             }
-            _iterator = _createForOfIteratorHelper$2(configuration.mergerFields);
+            _iterator = _createForOfIteratorHelper$3(configuration.mergerFields);
             _context.prev = 9;
             _iterator.s();
           case 11:
@@ -29290,7 +29292,7 @@ function useAGGrid (_ref) {
             }
             merged = '';
             first = true;
-            _iterator2 = _createForOfIteratorHelper$2(mergeEntry.fieldId);
+            _iterator2 = _createForOfIteratorHelper$3(mergeEntry.fieldId);
             _context.prev = 18;
             _iterator2.s();
           case 20:
@@ -29808,9 +29810,9 @@ var CustomText$1 = observer(CustomText);
 
 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 _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 useFilterBoxData (id) {
   var root = useStore();
   var _useMemo = useMemo(function () {
@@ -29858,7 +29860,7 @@ function useFilterBoxData (id) {
   }
   function reducer(state, actions) {
     var ob = {};
-    var _iterator = _createForOfIteratorHelper$1(actions),
+    var _iterator = _createForOfIteratorHelper$2(actions),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -29881,9 +29883,9 @@ function useFilterBoxData (id) {
   };
 }
 
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _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$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) {
@@ -30021,7 +30023,7 @@ var FilterBox = /*#__PURE__*/memo(function (_ref) {
   }
   function getLabelByValue(targetValue, data) {
     if (!data) return;
-    var _iterator = _createForOfIteratorHelper(data),
+    var _iterator = _createForOfIteratorHelper$1(data),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -31988,6 +31990,9 @@ 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$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
@@ -32021,82 +32026,49 @@ var useTools = function useTools(_ref) {
     serie = _ref.serie,
     item = _ref.item,
     setSerie = _ref.setSerie,
-    setArticle = _ref.setArticle;
+    setArticle = _ref.setArticle,
+    conditionalTools = _ref.conditionalTools;
   var root = useStore();
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    secondaryTables = _useState2[0],
-    setSecondaryTables = _useState2[1];
-  var openInformationWindow = useCallback(function (codex, open) {
-    root.contentStore.rightToolBar.addTools({
+  var createTool = function createTool(tool) {
+    return _objectSpread$m({
+      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
     });
-    if (open) {
-      root.contentStore.rightToolBar.selectTool('info');
-      root.contentStore.rightToolBar.hidden = false;
-    }
-  }, [root.contentStore.rightToolBar.addTools, root.contentStore.rightToolBar.selectTool, root.contentStore.rightToolBar.hidden]);
-  var addSecondaryTables = useCallback(function () {
-    for (var _len = arguments.length, tools = new Array(_len), _key = 0; _key < _len; _key++) {
-      tools[_key] = arguments[_key];
-    }
-    var newSecondaryTables = tools.map(function (tool) {
-      return _objectSpread$m({
-        startWidth: 300,
-        defaultPinned: false,
-        defaultOpen: false
-      }, tool);
-    });
-    var rightSecondaryTables = newSecondaryTables.filter(function (table) {
-      return table.where && table.where === 'right';
-    });
-    var bottomSecondaryTables = newSecondaryTables.filter(function (table) {
-      return !table.where || table.where === 'bottom';
-    });
-    if (rightSecondaryTables.length > 0) {
-      var _root$contentStore$ri;
-      (_root$contentStore$ri = root.contentStore.rightToolBar).addTools.apply(_root$contentStore$ri, _toConsumableArray(rightSecondaryTables));
-    }
-    if (bottomSecondaryTables.length > 0) {
-      var _root$contentStore$bo;
-      (_root$contentStore$bo = root.contentStore.bottomToolBar).addTools.apply(_root$contentStore$bo, _toConsumableArray(bottomSecondaryTables));
+  };
+  var initSerie = useMemo(function () {
+    if (serie) {
+      return {
+        serieNo: serie.serieNo,
+        serieId: serie._id
+      };
     }
-    setSecondaryTables(function (prev) {
-      return [].concat(_toConsumableArray(prev), _toConsumableArray(newSecondaryTables));
-    });
-  }, [root.contentStore.bottomToolBar.addTools]);
-  var removeSecondaryTables = useCallback(function () {
-    var _root$contentStore$bo2, _root$contentStore$ri2;
-    for (var _len2 = arguments.length, ids = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      ids[_key2] = arguments[_key2];
-    }
-    (_root$contentStore$bo2 = root.contentStore.bottomToolBar).removeTools.apply(_root$contentStore$bo2, ids);
-    (_root$contentStore$ri2 = root.contentStore.rightToolBar).removeTools.apply(_root$contentStore$ri2, ids);
-    setSecondaryTables(function (prev) {
-      return prev.filter(function (table) {
-        return !ids.includes(table.id);
-      });
-    });
-  }, [root.contentStore.bottomToolBar.removeTools, root.contentStore.rightToolBar.removeTools]);
-  var updateConfigurator = useCallback(function () {
+    return undefined;
+  }, [serie]);
+  var createConfigurator = function createConfigurator() {
     var parameters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    root.contentStore.rightToolBar.addTools({
+    return createTool({
       id: 'WYSIWYG',
       name: 'Konfigurator',
       type: 'Configurator',
+      where: 'right',
       parameters: _objectSpread$m({
         catalogId: catalogId,
         packageId: packageId,
         isIDMData: !isApi2 ? '1' : undefined
       }, parameters),
-      startWidth: 600,
-      defaultPinned: true,
       elementProps: catalogId ? _objectSpread$m({
         // open configurator for idm catalog
         useIDMService: true,
@@ -32124,47 +32096,73 @@ var useTools = function useTools(_ref) {
         initSerie: initSerie
       } : {})
     });
-  }, [catalogId, packageId, isApi2, serie, item, setSerie, setArticle]);
-  var initSerie = useMemo(function () {
-    if (serie) {
-      return {
-        serieNo: serie.serieNo,
-        serieId: serie._id
-      };
+  };
+  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;
     }
-    return undefined;
-  }, [serie]);
+  };
+  var updateConfigurator = function updateConfigurator() {
+    var parameters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    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$ri3;
+    var _root$contentStore$ri, _root$contentStore$bo;
     var tools = [];
     if (catalogId || packageId) {
-      updateConfigurator();
+      tools.push(createConfigurator());
     }
     if (mainInformationWindowCodex) {
-      tools.push({
-        id: 'info',
-        name: 'Information',
-        type: 'InformationWindow',
-        parameters: {
-          contentItemCodex: mainInformationWindowCodex
-        },
-        defaultOpen: false
-      });
+      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$ri3 = root.contentStore.rightToolBar).addTools.apply(_root$contentStore$ri3, tools);
+    (_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$bo3;
-      root.contentStore.rightToolBar.removeTools('WYSIWYG', 'info');
-      (_root$contentStore$bo3 = root.contentStore.bottomToolBar).removeTools.apply(_root$contentStore$bo3, _toConsumableArray(secondaryTables.map(function (table) {
-        return table.id;
-      })));
+      var _root$contentStore$ri2, _root$contentStore$bo2;
+      var toRemove = [];
+      if (mainInformationWindowCodex) {
+        toRemove.push('info');
+      }
+      if (catalogId || packageId) {
+        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, updateConfigurator]);
+  }, [mainInformationWindowCodex, catalogId, packageId, conditionalTools]);
   return {
     updateConfigurator: updateConfigurator,
-    openInformationWindow: openInformationWindow,
-    addSecondaryTables: addSecondaryTables,
-    removeSecondaryTables: removeSecondaryTables
+    updateInformationWindow: updateInformationWindow
   };
 };
 
@@ -37612,13 +37610,13 @@ var useCatalogContext = function useCatalogContext() {
 function InformationButton(_ref) {
   var codex = _ref.codex;
   var _useTools = useTools({}),
-    openInformationWindow = _useTools.openInformationWindow;
+    updateInformationWindow = _useTools.updateInformationWindow;
   return /*#__PURE__*/jsx(Button, {
     type: "text",
     icon: /*#__PURE__*/jsx(InfoCircleOutlined$1, {}),
     onClick: function onClick(e) {
       e.stopPropagation();
-      openInformationWindow(codex, true);
+      updateInformationWindow(codex, true);
     }
   });
 }
@@ -39284,34 +39282,26 @@ var TableSeries = observer(function () {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedSerie = _React$useState2[0],
     setSelectedSerie = _React$useState2[1];
-  var _useTools = useTools({
+  useTools({
       mainInformationWindowCodex: 'IDM_SERIES_TABLE_INFO',
       catalogId: catalogId,
       serie: selectedGlobalSerie,
-      setSerie: setGlobalSelectedSerie
-    }),
-    addSecondaryTables = _useTools.addSecondaryTables,
-    removeSecondaryTables = _useTools.removeSecondaryTables;
-  useEffect(function () {
-    if (selectedSerie !== null && selectedSerie !== void 0 && selectedSerie._id) {
-      addSecondaryTables({
+      setSerie: setGlobalSelectedSerie,
+      conditionalTools: [{
         id: 'items',
         name: t('backoffice.menu.items.label.IDMCatalogEditorTableItems'),
         elementComponent: Items$1,
         elementProps: {
           organizationId: organizationId,
           selectedCatalog: selectedCatalog,
-          selectedSerie: selectedSerie._id,
+          selectedSerie: selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie._id,
           apiConfig: apiConfig
+        },
+        condition: function condition() {
+          return (selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie._id) !== undefined;
         }
-      });
-    } else {
-      removeSecondaryTables('items');
-    }
-    return function () {
-      removeSecondaryTables('items');
-    };
-  }, [selectedSerie, t, organizationId, catalogId, apiConfig]);
+      }]
+    });
   var applicationData = useMemo(function () {
     return {
       catalogId: catalogId,
@@ -39756,27 +39746,21 @@ var TableFeatures$1 = observer(function () {
   var _useTools = useTools({
       catalogId: catalogId,
       setSerie: setSelectedSerie,
-      setArticle: setSelectedItem
-    }),
-    addSecondaryTables = _useTools.addSecondaryTables,
-    updateConfigurator = _useTools.updateConfigurator,
-    removeSecondaryTables = _useTools.removeSecondaryTables;
-  useEffect(function () {
-    if (selectedCatalog) {
-      addSecondaryTables({
+      setArticle: setSelectedItem,
+      conditionalTools: [{
         id: 'globalfeatures',
         name: t('backoffice.menu.features.label.IDMGlobalFeatures'),
         elementComponent: Features,
         elementProps: {
           readOnly: true
         },
-        where: 'right'
-      });
-    }
-    return function () {
-      removeSecondaryTables('globalfeatures');
-    };
-  }, [t, organizationId, catalogId, apiConfig, selectedCatalog, addSecondaryTables, removeSecondaryTables]);
+        where: 'right',
+        condition: function condition() {
+          return selectedCatalog !== undefined;
+        }
+      }]
+    }),
+    updateConfigurator = _useTools.updateConfigurator;
   var ref = useRef(null);
   var hooks = useMemo(function () {
     return {
@@ -40112,33 +40096,25 @@ var TableFeatureClasses = observer(function () {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedFeatureClass = _React$useState2[0],
     setSelectedFeatureClass = _React$useState2[1];
-  var _useTools = useTools({
-      catalogId: catalogId,
-      setSerie: setSelectedSerie,
-      setArticle: setSelectedItem
-    }),
-    addSecondaryTables = _useTools.addSecondaryTables,
-    removeSecondaryTables = _useTools.removeSecondaryTables;
-  useEffect(function () {
-    if (selectedFeatureClass !== null && selectedFeatureClass !== void 0 && selectedFeatureClass._id) {
-      addSecondaryTables({
-        id: 'features',
-        name: t('backoffice.menu.items.label.IDMCatalogEditorTableFeatures'),
-        elementComponent: Features$1,
-        elementProps: {
-          organizationId: organizationId,
-          selectedCatalog: selectedCatalog,
-          apiConfig: apiConfig,
-          featureClassId: selectedFeatureClass._id
-        }
-      });
-    } else {
-      removeSecondaryTables('features');
-    }
-    return function () {
-      removeSecondaryTables('features');
-    };
-  }, [selectedFeatureClass, selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog._id]);
+  useTools({
+    catalogId: catalogId,
+    setSerie: setSelectedSerie,
+    setArticle: setSelectedItem,
+    conditionalTools: [{
+      id: 'features',
+      name: t('backoffice.menu.items.label.IDMCatalogEditorTableFeatures'),
+      elementComponent: Features$1,
+      elementProps: {
+        organizationId: organizationId,
+        selectedCatalog: selectedCatalog,
+        apiConfig: apiConfig,
+        featureClassId: selectedFeatureClass === null || selectedFeatureClass === void 0 ? void 0 : selectedFeatureClass._id
+      },
+      condition: function condition() {
+        return (selectedFeatureClass === null || selectedFeatureClass === void 0 ? void 0 : selectedFeatureClass._id) !== undefined;
+      }
+    }]
+  });
   var applicationData = useMemo(function () {
     return {
       catalogId: catalogId,
@@ -40910,13 +40886,6 @@ var TableDecisions = observer(function () {
     apiConfig = _useModule.apiConfig,
     setSelectedSerie = _useModule.setSelectedSerie,
     setSelectedItem = _useModule.setSelectedItem;
-  var _useTools = useTools({
-      catalogId: catalogId,
-      setSerie: setSelectedSerie,
-      setArticle: setSelectedItem
-    }),
-    addSecondaryTables = _useTools.addSecondaryTables,
-    removeSecondaryTables = _useTools.removeSecondaryTables;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedDecision = _React$useState2[0],
@@ -40928,26 +40897,25 @@ var TableDecisions = observer(function () {
   var setNodeDataValue = useCallback(function (data) {
     spreadsheetRef.current.setNodeDataValue(selectedNodeId, data);
   }, [selectedNodeId]);
-  useEffect(function () {
-    if (selectedDecision !== null && selectedDecision !== void 0 && selectedDecision._id) {
-      addSecondaryTables({
-        id: 'optionCombinations',
-        name: t('backoffice.menu.items.label.IDMCatalogEditorTableOptionCombinations'),
-        elementComponent: OptionCombinations,
-        elementProps: {
-          decision: selectedDecision,
-          catalogId: catalogId,
-          apiConfig: apiConfig,
-          setNodeDataValue: setNodeDataValue
-        }
-      });
-    } else {
-      removeSecondaryTables('optionCombinations');
-    }
-    return function () {
-      removeSecondaryTables('optionCombinations');
-    };
-  }, [selectedDecision, setNodeDataValue, addSecondaryTables, removeSecondaryTables]);
+  useTools({
+    catalogId: catalogId,
+    setSerie: setSelectedSerie,
+    setArticle: setSelectedItem,
+    conditionalTools: [{
+      id: 'optionCombinations',
+      name: t('backoffice.menu.items.label.IDMCatalogEditorTableOptionCombinations'),
+      elementComponent: OptionCombinations,
+      elementProps: {
+        decision: selectedDecision,
+        catalogId: catalogId,
+        apiConfig: apiConfig,
+        setNodeDataValue: setNodeDataValue
+      },
+      condition: function condition() {
+        return (selectedDecision === null || selectedDecision === void 0 ? void 0 : selectedDecision._id) !== undefined;
+      }
+    }]
+  });
   var applicationData = useMemo(function () {
     return {
       catalogId: catalogId,
@@ -41138,11 +41106,39 @@ var TableDetailInfos = observer(function () {
     apiConfig = _useModule.apiConfig,
     setSelectedSerie = _useModule.setSelectedSerie,
     setSelectedItem = _useModule.setSelectedItem;
+  var _React$useState = React.useState(),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    selectedMedia = _React$useState2[0],
+    setSelectedMedia = _React$useState2[1];
   useTools({
     catalogId: catalogId,
     setSerie: setSelectedSerie,
-    setArticle: setSelectedItem
+    setArticle: setSelectedItem,
+    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,
@@ -41166,7 +41162,8 @@ var TableDetailInfos = observer(function () {
       }, 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.url',
-        required: true
+        required: true,
+        cellDataType: 'media'
       }, {
         field: 'classification',
         headerName: 'backoffice.idmCatalog.detailinfos.label.classification',
@@ -41272,6 +41269,7 @@ var TableDetailInfos = observer(function () {
       })
     }), selectedCatalog && /*#__PURE__*/jsx(Spreadsheet, {
       gridId: 'crud-grid_detailinfos',
+      hooks: hooks,
       applicationData: applicationData,
       configuration: configuration
     })]
@@ -41538,33 +41536,25 @@ var TablePartlists = observer(function () {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedPartlist = _React$useState2[0],
     setSelectedPartlist = _React$useState2[1];
-  var _useTools = useTools({
-      catalogId: catalogId,
-      setSerie: setSelectedSerie,
-      setArticle: setSelectedItem
-    }),
-    addSecondaryTables = _useTools.addSecondaryTables,
-    removeSecondaryTables = _useTools.removeSecondaryTables;
-  useEffect(function () {
-    if (selectedPartlist !== null && selectedPartlist !== void 0 && selectedPartlist._id) {
-      addSecondaryTables({
-        id: 'partlistpos',
-        name: t('backoffice.menu.items.label.IDMCatalogEditorTablePartlistpos'),
-        elementComponent: PartlistPos,
-        elementProps: {
-          organizationId: organizationId,
-          catalog: selectedCatalog,
-          apiConfig: apiConfig,
-          partlist: selectedPartlist
-        }
-      });
-    } else {
-      removeSecondaryTables('partlistpos');
-    }
-    return function () {
-      removeSecondaryTables('partlistpos');
-    };
-  }, [selectedPartlist, organizationId, selectedCatalog]);
+  useTools({
+    catalogId: catalogId,
+    setSerie: setSelectedSerie,
+    setArticle: setSelectedItem,
+    conditionalTools: [{
+      id: 'partlistpos',
+      name: t('backoffice.menu.items.label.IDMCatalogEditorTablePartlistpos'),
+      elementComponent: PartlistPos,
+      elementProps: {
+        organizationId: organizationId,
+        catalog: selectedCatalog,
+        apiConfig: apiConfig,
+        partlist: selectedPartlist
+      },
+      condition: function condition() {
+        return (selectedPartlist === null || selectedPartlist === void 0 ? void 0 : selectedPartlist._id) !== undefined;
+      }
+    }]
+  });
   var applicationData = useMemo(function () {
     return {
       organizationId: organizationId,
@@ -42073,54 +42063,53 @@ var TablePriceFeatureGroups = observer(function () {
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     isPercentage = _React$useState6[0],
     setIsPercentage = _React$useState6[1];
-  var _useTools = useTools({
-      catalogId: catalogId,
-      setSerie: setSelectedSerie,
-      setArticle: setSelectedItem
-    }),
-    addSecondaryTables = _useTools.addSecondaryTables,
-    removeSecondaryTables = _useTools.removeSecondaryTables;
   var setNodeDataValue = useCallback(function (data) {
     var _spreadsheetRef$curre;
     return (_spreadsheetRef$curre = spreadsheetRef.current) === null || _spreadsheetRef$curre === void 0 ? void 0 : _spreadsheetRef$curre.setNodeDataValue(selectedNodeId, data);
   }, [selectedNodeId]);
+  useTools({
+    catalogId: catalogId,
+    setSerie: setSelectedSerie,
+    setArticle: setSelectedItem,
+    conditionalTools: [{
+      id: 'priceFeatureGroupFinishes',
+      name: t('backoffice.menu.items.label.IDMCatalogEditorTablePriceFeatureGroupFinishes'),
+      elementComponent: PriceFeatureGroupFinishes,
+      elementProps: {
+        priceFeatureGroup: selectedPriceFeatureGroup,
+        catalogId: catalogId,
+        apiConfig: apiConfig,
+        setNodeDataValue: setNodeDataValue,
+        setIsPercentage: setIsPercentage
+      },
+      disabled: isPercentage === true,
+      condition: function condition() {
+        return (selectedPriceFeatureGroup === null || selectedPriceFeatureGroup === void 0 ? void 0 : selectedPriceFeatureGroup._id) !== undefined;
+      }
+    }, {
+      id: 'priceFeatureGroupPercentageSurcharge',
+      name: t('backoffice.menu.items.label.IDMCatalogEditorTablePriceFeatureGroupPercentageSurcharge'),
+      elementComponent: PriceFeatureGroupPercentageSurcharge,
+      elementProps: {
+        priceFeatureGroup: selectedPriceFeatureGroup,
+        catalogId: catalogId,
+        apiConfig: apiConfig,
+        setNodeDataValue: setNodeDataValue,
+        setIsPercentage: setIsPercentage
+      },
+      disabled: isPercentage === false,
+      condition: function condition() {
+        return (selectedPriceFeatureGroup === null || selectedPriceFeatureGroup === void 0 ? void 0 : selectedPriceFeatureGroup._id) !== undefined;
+      }
+    }]
+  });
   useEffect(function () {
     if (selectedPriceFeatureGroup !== null && selectedPriceFeatureGroup !== void 0 && selectedPriceFeatureGroup._id) {
       var _root$contentStore$bo;
-      addSecondaryTables({
-        id: 'priceFeatureGroupFinishes',
-        name: t('backoffice.menu.items.label.IDMCatalogEditorTablePriceFeatureGroupFinishes'),
-        elementComponent: PriceFeatureGroupFinishes,
-        elementProps: {
-          priceFeatureGroup: selectedPriceFeatureGroup,
-          catalogId: catalogId,
-          apiConfig: apiConfig,
-          setNodeDataValue: setNodeDataValue,
-          setIsPercentage: setIsPercentage
-        },
-        disabled: isPercentage === true
-      }, {
-        id: 'priceFeatureGroupPercentageSurcharge',
-        name: t('backoffice.menu.items.label.IDMCatalogEditorTablePriceFeatureGroupPercentageSurcharge'),
-        elementComponent: PriceFeatureGroupPercentageSurcharge,
-        elementProps: {
-          priceFeatureGroup: selectedPriceFeatureGroup,
-          catalogId: catalogId,
-          apiConfig: apiConfig,
-          setNodeDataValue: setNodeDataValue,
-          setIsPercentage: setIsPercentage
-        },
-        disabled: isPercentage === false
-      });
       var openTool = (_root$contentStore$bo = root.contentStore.bottomToolBar.currentOpenTool) === null || _root$contentStore$bo === void 0 ? void 0 : _root$contentStore$bo.id;
       root.contentStore.bottomToolBar.selectTool(isPercentage === true ? 'priceFeatureGroupPercentageSurcharge' : isPercentage === false ? 'priceFeatureGroupFinishes' : openTool !== null && openTool !== void 0 ? openTool : 'priceFeatureGroupFinishes');
-    } else {
-      removeSecondaryTables('priceFeatureGroupFinishes', 'priceFeatureGroupPercentageSurcharge');
     }
-    return function () {
-      removeSecondaryTables('priceFeatureGroupFinishes', 'priceFeatureGroupPercentageSurcharge');
-    };
-  }, [selectedPriceFeatureGroup, setNodeDataValue, isPercentage]);
+  }, [selectedPriceFeatureGroup, isPercentage, root.contentStore.bottomToolBar]);
   var applicationData = useMemo(function () {
     return {
       catalogId: catalogId,
@@ -42489,33 +42478,25 @@ var TableOptionGroups = observer(function () {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedOptionGroup = _React$useState2[0],
     setSelectedOptionGroup = _React$useState2[1];
-  var _useTools = useTools({
-      catalogId: catalogId,
-      setSerie: setSelectedSerie,
-      setArticle: setSelectedItem
-    }),
-    addSecondaryTables = _useTools.addSecondaryTables,
-    removeSecondaryTables = _useTools.removeSecondaryTables;
-  useEffect(function () {
-    if (selectedOptionGroup !== null && selectedOptionGroup !== void 0 && selectedOptionGroup.optionGroupKey) {
-      addSecondaryTables({
-        id: 'optionGroupOptions',
-        name: t('backoffice.menu.items.label.IDMCatalogEditorTableOptionGroupOptions'),
-        elementComponent: Items,
-        elementProps: {
-          organizationId: organizationId,
-          selectedCatalog: selectedCatalog,
-          selectedOptionGroup: selectedOptionGroup.optionGroupKey,
-          apiConfig: apiConfig
-        }
-      });
-    } else {
-      removeSecondaryTables('optionGroupOptions');
-    }
-    return function () {
-      removeSecondaryTables('optionGroupOptions');
-    };
-  }, [selectedOptionGroup, t, organizationId, catalogId, apiConfig]);
+  useTools({
+    catalogId: catalogId,
+    setSerie: setSelectedSerie,
+    setArticle: setSelectedItem,
+    conditionalTools: [{
+      id: 'optionGroupOptions',
+      name: t('backoffice.menu.items.label.IDMCatalogEditorTableOptionGroupOptions'),
+      elementComponent: Items,
+      elementProps: {
+        organizationId: organizationId,
+        selectedCatalog: selectedCatalog,
+        selectedOptionGroup: selectedOptionGroup === null || selectedOptionGroup === void 0 ? void 0 : selectedOptionGroup.optionGroupKey,
+        apiConfig: apiConfig
+      },
+      condition: function condition() {
+        return (selectedOptionGroup === null || selectedOptionGroup === void 0 ? void 0 : selectedOptionGroup.optionGroupKey) !== undefined;
+      }
+    }]
+  });
   var applicationData = useMemo(function () {
     return {
       catalogId: catalogId,
@@ -42746,30 +42727,23 @@ function TableCollections () {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     selectedNodeId = _React$useState4[0],
     setSelectedNodeId = _React$useState4[1];
-  var _useTools = useTools({}),
-    addSecondaryTables = _useTools.addSecondaryTables,
-    removeSecondaryTables = _useTools.removeSecondaryTables;
   var organizationId = root.dataStore.organizationId;
   var apiConfig = root.configurationStore.apiConfig;
-  useEffect(function () {
-    if (selectedCollection !== null && selectedCollection !== void 0 && selectedCollection._id) {
-      addSecondaryTables({
-        id: 'collectionMembers',
-        name: t('backoffice.menu.items.label.IDMCatalogEditorTableCollectionmembers'),
-        elementComponent: CollectionMembers,
-        elementProps: {
-          collection: selectedCollection,
-          organizationId: organizationId,
-          apiConfig: apiConfig
-        }
-      });
-    } else {
-      removeSecondaryTables('collectionMembers');
-    }
-    return function () {
-      removeSecondaryTables('collectionMembers');
-    };
-  }, [selectedCollection]);
+  useTools({
+    conditionalTools: [{
+      id: 'collectionMembers',
+      name: t('backoffice.menu.items.label.IDMCatalogEditorTableCollectionmembers'),
+      elementComponent: CollectionMembers,
+      elementProps: {
+        collection: selectedCollection,
+        organizationId: organizationId,
+        apiConfig: apiConfig
+      },
+      condition: function condition() {
+        return (selectedCollection === null || selectedCollection === void 0 ? void 0 : selectedCollection._id) !== undefined;
+      }
+    }]
+  });
   var applicationData = useMemo(function () {
     return {
       organizationId: organizationId
@@ -43173,26 +43147,16 @@ var FileUploadWrapper = function FileUploadWrapper(_ref) {
 var FileUploadOrders = observer(FileUploadWrapper);
 
 function MediaItemRefTableModule (_ref) {
-  var mediaItem = _ref.mediaItem;
+  var mediaItemId = _ref.mediaItemId;
   var root = useStore();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _React$useState = React.useState(),
-    _React$useState2 = _slicedToArray(_React$useState, 2);
-    _React$useState2[0];
-    _React$useState2[1];
-  var _React$useState3 = React.useState(),
-    _React$useState4 = _slicedToArray(_React$useState3, 2);
-    _React$useState4[0];
-    _React$useState4[1];
-  var organizationId = root.dataStore.organizationId;
   var apiConfig = root.configurationStore.apiConfig;
   var applicationData = useMemo(function () {
     return {
-      organizationId: organizationId,
-      mediaItemId: mediaItem._id
+      mediaItemId: mediaItemId
     };
-  }, [mediaItem._id]);
+  }, [mediaItemId]);
   var apiInterface = useMemo(function () {
     return {
       read: apiConfig.mediaService + '/v1/mediaitems/${mediaItemId}/refs',
@@ -43207,15 +43171,17 @@ function MediaItemRefTableModule (_ref) {
       floatingFilter: true,
       colDef: [{
         field: '_id',
-        editable: false
+        editable: false,
+        cellDataType: 'objectId'
       }, {
         field: 'name',
         editable: false
       }, {
         field: 'cdnUrl',
-        editable: false
+        editable: false,
+        cellDataType: 'media'
       }, {
-        field: 'organizationId',
+        field: 'functionType',
         editable: false
       }, {
         field: 'created',
@@ -43268,35 +43234,34 @@ function MediaTableModule () {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     selectedNodeId = _React$useState4[0],
     setSelectedNodeId = _React$useState4[1];
-  var _useTools = useTools({}),
-    addSecondaryTables = _useTools.addSecondaryTables,
-    removeSecondaryTables = _useTools.removeSecondaryTables;
-  var organizationId = root.dataStore.organizationId;
   var apiConfig = root.configurationStore.apiConfig;
+  useTools({
+    conditionalTools: [{
+      id: 'mediaItemRefs',
+      name: t('backoffice.menu.items.label.TableMediaRef'),
+      elementComponent: MediaItemRefTableModule,
+      elementProps: {
+        mediaItemId: selectedMedia === null || selectedMedia === void 0 ? void 0 : selectedMedia._id
+      },
+      condition: function condition() {
+        return (selectedMedia === null || selectedMedia === void 0 ? void 0 : selectedMedia._id) !== undefined;
+      }
+    }, {
+      id: 'mediaDetail',
+      name: t('backoffice.menu.items.label.MediaDetailCard'),
+      elementComponent: MediaDetailCard,
+      elementProps: {
+        mediaItemId: selectedMedia === null || selectedMedia === void 0 ? void 0 : selectedMedia._id
+      },
+      where: 'right',
+      condition: function condition() {
+        return (selectedMedia === null || selectedMedia === void 0 ? void 0 : selectedMedia._id) !== undefined;
+      }
+    }]
+  });
   var applicationData = useMemo(function () {
-    return {
-      organizationId: organizationId
-    };
-  }, [organizationId]);
-  useEffect(function () {
-    if (selectedMedia !== null && selectedMedia !== void 0 && selectedMedia._id) {
-      addSecondaryTables({
-        id: 'mediaItemRefs',
-        name: t('backoffice.menu.items.label.TableMediaRef'),
-        elementComponent: MediaItemRefTableModule,
-        elementProps: {
-          mediaItem: selectedMedia,
-          organizationId: organizationId,
-          apiConfig: apiConfig
-        }
-      });
-    } else {
-      removeSecondaryTables('mediaItemRefs');
-    }
-    return function () {
-      removeSecondaryTables('mediaItemRefs');
-    };
-  }, [selectedMedia]);
+    return {};
+  }, []);
   var hooks = useMemo(function () {
     return {
       onCellSelectionChanged: function onCellSelectionChanged(event) {
@@ -43324,15 +43289,34 @@ function MediaTableModule () {
       floatingFilter: true,
       colDef: [{
         field: '_id',
-        editable: false
+        editable: false,
+        cellDataType: 'objectId'
       }, {
         field: 'name',
         editable: false
       }, {
         field: 'cdnUrl',
+        editable: false,
+        cellDataType: 'media',
+        customParams: {
+          thumbnailField: 'thumbnailUrl',
+          mimeTypeField: 'mimeType'
+        },
+        additionalFields: ['thumbnailUrl', 'mimeType']
+      }, {
+        field: 'organizationId_displayText',
         editable: false
       }, {
-        field: 'organizationId',
+        field: 'mediaType',
+        editable: false
+      }, {
+        field: 'storage',
+        editable: false
+      }, {
+        field: 'fileSize',
+        editable: false
+      }, {
+        field: 'hash',
         editable: false
       }, {
         field: 'created',