@crystaldesign/diva-backoffice 25.3.0-beta.3 → 25.3.0-beta.30

package/build/esm/index.js

@@ -126,6 +126,7 @@ import Modal$3 from 'antd/es/modal';
 import Spin$1 from 'antd/es/spin';
 import Flex from 'antd/es/flex';
 import Alert$1 from 'antd/es/alert/Alert';
+import JSZip from 'jszip';
 import Switch$1 from 'antd/es/switch';
 import Layout$1 from 'antd/es/layout';
 import Menu from 'antd/es/menu';
@@ -5219,15 +5220,18 @@ function loadConfiguration(t, root, config, lang) {
         title: t('backoffice.table.rooms.columns.lastUpdated'),
         field: 'lastUpdated',
         type: 'unixTimeStamp',
+        sorter: 8,
+        filter: 'interval',
         width: 150
       }, {
         title: t('backoffice.table.rooms.columns.created'),
         field: 'created',
         type: 'unixTimeStamp',
-        sorter: 8,
+        filter: 'interval',
+        sorter: 9,
         width: 150
       }, {
-        title: 'variants',
+        title: t('backoffice.table.rooms.columns.variants'),
         field: 'variants',
         hidden: true
       }],
@@ -5395,12 +5399,6 @@ function loadConfiguration(t, root, config, lang) {
         sorter: 3,
         filter: 'advanced',
         width: 200
-      }, {
-        title: t('backoffice.table.renderjobs.columns.viewPoint'),
-        field: 'viewPoint',
-        sorter: 4,
-        filter: 'advanced',
-        width: 300
       }, {
         title: t('backoffice.table.renderjobs.columns.group'),
         field: 'group',
@@ -5408,27 +5406,9 @@ function loadConfiguration(t, root, config, lang) {
         filter: 'advanced',
         width: 300
       }, {
-        title: t('backoffice.table.renderjobs.columns.engine'),
-        field: 'engine',
-        sorter: 5,
-        filter: 'advanced',
-        width: 300
-      }, {
-        title: t('backoffice.table.renderjobs.columns.renderResolution'),
-        field: 'renderResolution',
-        sorter: 6,
-        filter: 'advanced',
-        width: 300
-      }, {
-        title: t('backoffice.table.renderjobs.columns.dpi'),
-        field: 'dpi',
-        sorter: 7,
-        filter: 'advanced',
-        width: 300
-      }, {
-        title: t('backoffice.table.renderjobs.columns.arBakedMapsResolution'),
-        field: 'arBakedMapsResolution',
-        sorter: 8,
+        title: t('backoffice.table.renderjobs.columns.viewPoint'),
+        field: 'viewPoint',
+        sorter: 4,
         filter: 'advanced',
         width: 300
       }, {
@@ -5444,9 +5424,9 @@ function loadConfiguration(t, root, config, lang) {
         sorter: 11,
         filter: 'advanced'
       }, {
-        title: t('backoffice.table.renderjobs.columns.productName'),
-        field: 'productName',
-        sorter: 12,
+        title: t('backoffice.table.renderjobs.columns.catalogName'),
+        field: 'catalogName',
+        sorter: 14,
         filter: 'advanced',
         width: 300
       }, {
@@ -5467,11 +5447,7 @@ function loadConfiguration(t, root, config, lang) {
         sorter: 15,
         type: 'unixTimeStamp',
         defaultSortOrder: 'descend',
-        width: 200
-      }, {
-        title: t('backoffice.table.renderjobs.columns.urlVariants'),
-        field: 'urlVariants',
-        sorter: 1,
+        filter: 'interval',
         width: 200
       }, {
         title: t('backoffice.table.renderjobs.columns.dracoCompression'),
@@ -7840,6 +7816,25 @@ function loadConfiguration(t, root, config, lang) {
           label: t('backoffice.form.organizationdetails.items.nein'),
           value: false
         }]
+      }, {
+        name: ['settings', 'versioningToIDMService'],
+        label: t('backoffice.form.organizationdetails.items.versioningToIDMService'),
+        permission: 'backoffice_sys_admin_organizations',
+        hidden: function hidden(data) {
+          return (data === null || data === void 0 ? void 0 : data.type) !== 'RETAILER' && (data === null || data === void 0 ? void 0 : data.parentType) !== 'ASSOCIATION';
+        },
+        type: 'radio',
+        optionType: 'button',
+        options: [{
+          label: t('backoffice.form.organizationdetails.items.na'),
+          value: undefined
+        }, {
+          label: t('backoffice.form.organizationdetails.items.ja'),
+          value: true
+        }, {
+          label: t('backoffice.form.organizationdetails.items.nein'),
+          value: false
+        }]
       }, {
         name: ['api2Location', 'vk'],
         label: t('backoffice.form.organizationdetails.items.api2Location.vk'),
@@ -8384,6 +8379,11 @@ function loadConfiguration(t, root, config, lang) {
                     hidden: true
                   }]
                 });
+                translationItems.push({
+                  name: [].concat(_toConsumableArray(p), ['disableFullscreen']),
+                  type: 'checkbox',
+                  label: t('backoffice.form.contentItem.disableFullscreen')
+                });
                 break;
               case 'Image':
                 translationItems.push({
@@ -8414,6 +8414,11 @@ function loadConfiguration(t, root, config, lang) {
                   label: t('backoffice.table.views.rowAction.label'),
                   doTranslate: true
                 });
+                translationItems.push({
+                  name: [].concat(_toConsumableArray(p), ['disableFullscreen']),
+                  type: 'checkbox',
+                  label: t('backoffice.form.contentItem.disableFullscreen')
+                });
                 break;
               case 'Video':
                 translationItems.push({
@@ -8561,6 +8566,11 @@ function loadConfiguration(t, root, config, lang) {
                   name: [].concat(_toConsumableArray(p), ['Gallery']),
                   type: 'subTitle'
                 });
+                translationItems.push({
+                  name: [].concat(_toConsumableArray(p), ['disableFullscreen']),
+                  type: 'checkbox',
+                  label: t('backoffice.form.contentItem.disableFullscreen')
+                });
                 translationItems.push({
                   name: [].concat(_toConsumableArray(p), ['type']),
                   hidden: true
@@ -8635,6 +8645,11 @@ function loadConfiguration(t, root, config, lang) {
                   label: t('backoffice.table.views.rowAction.label'),
                   doTranslate: true
                 });
+                translationItems.push({
+                  name: [].concat(_toConsumableArray(p), ['disableFullscreen']),
+                  type: 'checkbox',
+                  label: t('backoffice.form.contentItem.disableFullscreen')
+                });
                 break;
               case 'Video':
                 translationItems.push({
@@ -10851,66 +10866,66 @@ function loadConfiguration(t, root, config, lang) {
       },
       items: [{
         name: 'isExclusive',
-        label: 'ist Exclusive',
+        label: t('backoffice.form.room.isExclusiv'),
         type: 'checkbox'
       }, {
-        name: '_id',
-        label: 'ID',
+        label: t('backoffice.form.room.id'),
+        name: 'id',
         type: 'input',
         readonly: true
       }, {
+        label: t('backoffice.form.room.blenderVersion'),
         name: 'blenderVersion',
-        label: 'Blender Version',
         type: 'input',
         readonly: true
       }, {
+        label: t('backoffice.form.room.mainCategory'),
         name: 'mainCategory',
-        label: 'Haupt Kategorie',
         type: 'input'
       }, {
+        label: t('bacoffice.form.room.name'),
         name: 'name',
-        label: 'Name',
         type: 'input'
       }, {
+        label: t('backoffice.form.room.variants'),
         name: 'variants',
-        label: 'variants',
         value: 'variants',
         type: 'array',
         disablePushOrPop: true,
         items: [{
           type: 'subTitle',
           name: 'Variante',
-          label: 'Variante'
+          label: t('backoffice.form.room.variante')
         }, {
           type: 'input',
           name: 'name',
-          label: 'Varianten Name'
+          label: t('backoffice.form.room.variantName')
         }, {
           type: 'input',
           name: 'description',
-          label: 'Varianten Beschreibung'
+          label: t('backoffice.form.room.variantDescription')
         }, {
           type: 'select',
           name: 'compatibleColors',
-          label: 'Variantenfarbe',
+          label: t('backoffice.form.room.variantCompatibleColors'),
           mode: 'multiple',
           allowClear: true,
           values: ['black', 'silver', 'gray', 'white', 'maroon', 'red', 'purple', 'fuchsia', 'green', 'lime', 'olive', 'yellow', 'navy', 'blue', 'teal', 'aqua']
         }, {
           type: 'checkbox',
-          name: 'default',
+          label: t('backoffice.form.room.default'),
           readonly: true,
-          label: 'ist default Variante'
+          name: 'default'
         }, {
           type: 'input',
-          name: 'sceneName',
-          label: 'Varianten Scene'
+          label: t('backoffice.form.room.sceneName'),
+          name: 'sceneName'
         }, {
           type: 'select',
-          name: 'style',
+          label: t('backoffice.form.room.style'),
           mode: 'multiple',
           allowCreate: true,
-          label: 'Varianten style'
+          name: 'style'
         }]
       }]
     },
@@ -12562,7 +12577,7 @@ function loadConfiguration(t, root, config, lang) {
     },
     IFrameIMDExport: {
       type: 'IFrame',
-      apiInterface: '/api2/IDMExport.aspx?mainAuthToken=${nToken}&authToken=${zToken}&organizationId=${organizationId}'
+      apiInterface: '/api2/IDMExport.aspx?mainAuthToken=${nToken}&organizationId=${organizationId}'
     },
     IFrameIDMImport: {
       type: 'IFrame',
@@ -12646,8 +12661,8 @@ var navMinified = "nav-minified-tSt-a";
 var navOverlay = "nav-overlay-rKJNC";
 var navSettings = "nav-settings-82cjv";
 var menuLabel = "menu-label-4dXQk";
-var css_248z$t = ".nav-minify-button-ZX7dm {\n  color: rgba(255, 255, 255, 0.65);\n  background: #001529;\n  cursor: pointer;\n  padding: 10px;\n  height: 40px;\n}\n\n.nav-minify-button-ZX7dm:hover {\n  color: #fff;\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\n.nav-minify-button-ZX7dm .anticon {\n  float: right;\n}\n\n.nav-container-JCR24 {\n  display: flex;\n  min-width: 30px;\n  overflow: visible;\n  z-index: 10001;\n}\n\n.nav-container-JCR24 .ant-layout-sider-children {\n  display: flex;\n  flex-direction: column;\n}\n\n.nav-minified-tSt-a {\n  flex: 0 0 30px !important;\n  max-width: 30px !important;\n  min-width: 30px !important;\n  width: 30px !important;\n}\n\n.nav-minified-tSt-a {\n  /* position: absolute !important; */\n  height: 100%;\n  z-index: 1;\n}\n\n.nav-overlay-rKJNC {\n  max-width: 200px !important;\n  min-width: 200px !important;\n  width: 200px !important;\n}\n\n.nav-minified-tSt-a .ant-menu-root {\n  display: none;\n}\n\n.nav-overlay-rKJNC .ant-menu-root {\n  display: inline;\n  display: initial;\n}\n\n.nav-settings-82cjv {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: auto 18px 55px;\n}\n\n.nav-container-JCR24 .ant-menu-title-content {\n  overflow: visible;\n}\n\n.menu-label-4dXQk {\n  display: flex;\n}\n\n.ant-menu .ant-menu-item .menu-label-4dXQk .anticon {\n  margin-left: auto;\n  margin-right: -6px;\n  font-size: 10px;\n}\n\n.menu-label-4dXQk span:first-child {\n  width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n";
-styleInject(css_248z$t);
+var css_248z$u = ".nav-minify-button-ZX7dm {\n  color: rgba(255, 255, 255, 0.65);\n  background: #001529;\n  cursor: pointer;\n  padding: 10px;\n  height: 40px;\n}\n\n.nav-minify-button-ZX7dm:hover {\n  color: #fff;\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\n.nav-minify-button-ZX7dm .anticon {\n  float: right;\n}\n\n.nav-container-JCR24 {\n  display: flex;\n  min-width: 30px;\n  overflow: visible;\n  z-index: 10001;\n}\n\n.nav-container-JCR24 .ant-layout-sider-children {\n  display: flex;\n  flex-direction: column;\n}\n\n.nav-minified-tSt-a {\n  flex: 0 0 30px !important;\n  max-width: 30px !important;\n  min-width: 30px !important;\n  width: 30px !important;\n}\n\n.nav-minified-tSt-a {\n  /* position: absolute !important; */\n  height: 100%;\n  z-index: 1;\n}\n\n.nav-overlay-rKJNC {\n  max-width: 200px !important;\n  min-width: 200px !important;\n  width: 200px !important;\n}\n\n.nav-minified-tSt-a .ant-menu-root {\n  display: none;\n}\n\n.nav-overlay-rKJNC .ant-menu-root {\n  display: inline;\n  display: initial;\n}\n\n.nav-settings-82cjv {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: auto 18px 55px;\n}\n\n.nav-container-JCR24 .ant-menu-title-content {\n  overflow: visible;\n}\n\n.menu-label-4dXQk {\n  display: flex;\n}\n\n.ant-menu .ant-menu-item .menu-label-4dXQk .anticon {\n  margin-left: auto;\n  margin-right: -6px;\n  font-size: 10px;\n}\n\n.menu-label-4dXQk span:first-child {\n  width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n";
+styleInject(css_248z$u);
 
 function MenuLabel (_ref) {
   var disabled = _ref.disabled,
@@ -16325,8 +16340,8 @@ var Result = function Result(_ref) {
 
 var success = "success-tRJ7j";
 var error = "error-MtAFB";
-var css_248z$s = ".success-tRJ7j {\n  color: #fff !important;\n  background-color: #449d44 !important;\n  border-color: #398439 !important;\n}\n\n.error-MtAFB {\n  color: #fff !important;\n  background-color: #c9302c !important;\n  border-color: #ac2925 !important;\n}\n";
-styleInject(css_248z$s);
+var css_248z$t = ".success-tRJ7j {\n  color: #fff !important;\n  background-color: #449d44 !important;\n  border-color: #398439 !important;\n}\n\n.error-MtAFB {\n  color: #fff !important;\n  background-color: #c9302c !important;\n  border-color: #ac2925 !important;\n}\n";
+styleInject(css_248z$t);
 
 var azureIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20width%3D%2248px%22%20height%3D%2248px%22%3E%20%3ClinearGradient%20id%3D%22k8yl7~hDat~FaoWq8WjN6a%22%20x1%3D%22-1254.397%22%20x2%3D%22-1261.911%22%20y1%3D%22877.268%22%20y2%3D%22899.466%22%20gradientTransform%3D%22translate%281981.75%20-1362.063%29%20scale%281.5625%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23114a8b%22%2F%3E%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230669bc%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20fill%3D%22url%28%23k8yl7~hDat~FaoWq8WjN6a%29%22%20d%3D%22M17.634%2C6h11.305L17.203%2C40.773c-0.247%2C0.733-0.934%2C1.226-1.708%2C1.226H6.697%20c-0.994%2C0-1.8-0.806-1.8-1.8c0-0.196%2C0.032-0.39%2C0.094-0.576L15.926%2C7.227C16.173%2C6.494%2C16.86%2C6%2C17.634%2C6L17.634%2C6z%22%2F%3E%20%3Cpath%20fill%3D%22%230078d4%22%20d%3D%22M34.062%2C29.324H16.135c-0.458-0.001-0.83%2C0.371-0.831%2C0.829c0%2C0.231%2C0.095%2C0.451%2C0.264%2C0.608%20l11.52%2C10.752C27.423%2C41.826%2C27.865%2C42%2C28.324%2C42h10.151L34.062%2C29.324z%22%2F%3E%20%3ClinearGradient%20id%3D%22k8yl7~hDat~FaoWq8WjN6b%22%20x1%3D%22-1252.05%22%20x2%3D%22-1253.788%22%20y1%3D%22887.612%22%20y2%3D%22888.2%22%20gradientTransform%3D%22translate%281981.75%20-1362.063%29%20scale%281.5625%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%3Cstop%20offset%3D%220%22%20stop-opacity%3D%22.3%22%2F%3E%20%20%3Cstop%20offset%3D%22.071%22%20stop-opacity%3D%22.2%22%2F%3E%20%20%3Cstop%20offset%3D%22.321%22%20stop-opacity%3D%22.1%22%2F%3E%20%20%3Cstop%20offset%3D%22.623%22%20stop-opacity%3D%22.05%22%2F%3E%20%20%3Cstop%20offset%3D%221%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20fill%3D%22url%28%23k8yl7~hDat~FaoWq8WjN6b%29%22%20d%3D%22M17.634%2C6c-0.783-0.003-1.476%2C0.504-1.712%2C1.25L5.005%2C39.595%20c-0.335%2C0.934%2C0.151%2C1.964%2C1.085%2C2.299C6.286%2C41.964%2C6.493%2C42%2C6.702%2C42h9.026c0.684-0.122%2C1.25-0.603%2C1.481-1.259l2.177-6.416%20l7.776%2C7.253c0.326%2C0.27%2C0.735%2C0.419%2C1.158%2C0.422h10.114l-4.436-12.676l-12.931%2C0.003L28.98%2C6H17.634z%22%2F%3E%20%3ClinearGradient%20id%3D%22k8yl7~hDat~FaoWq8WjN6c%22%20x1%3D%22-1252.952%22%20x2%3D%22-1244.704%22%20y1%3D%22876.6%22%20y2%3D%22898.575%22%20gradientTransform%3D%22translate%281981.75%20-1362.063%29%20scale%281.5625%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%233ccbf4%22%2F%3E%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232892df%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20fill%3D%22url%28%23k8yl7~hDat~FaoWq8WjN6c%29%22%20d%3D%22M32.074%2C7.225C31.827%2C6.493%2C31.141%2C6%2C30.368%2C6h-12.6c0.772%2C0%2C1.459%2C0.493%2C1.705%2C1.224%20l10.935%2C32.399c0.318%2C0.942-0.188%2C1.963-1.13%2C2.281C29.093%2C41.968%2C28.899%2C42%2C28.703%2C42h12.6c0.994%2C0%2C1.8-0.806%2C1.8-1.801%20c0-0.196-0.032-0.39-0.095-0.575L32.074%2C7.225z%22%2F%3E%3C%2Fsvg%3E";
 
@@ -16390,8 +16405,8 @@ var CustomButton$1 = observer(CustomButton);
 
 var wrapper$6 = "wrapper-GVe2h";
 var buttonGroup = "button-group-GYt-T";
-var css_248z$r = ".wrapper-GVe2h {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n\n.button-group-GYt-T {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  margin: 0 12px;\n}\n";
-styleInject(css_248z$r);
+var css_248z$s = ".wrapper-GVe2h {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n\n.button-group-GYt-T {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  margin: 0 12px;\n}\n";
+styleInject(css_248z$s);
 
 function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -16580,7 +16595,11 @@ function useSelectSimpleData (_ref) {
     // set the selected option only after the options are loaded
     if (value && options) {
       LOG$a.debug('value changed', value);
-      setSelected(findByValue(value, options, selectMapping));
+      var _selected = findByValue(value, options, selectMapping);
+      var selectedValues = Array.isArray(_selected) ? _selected.map(function (item) {
+        return item.value;
+      }) : _selected === null || _selected === void 0 ? void 0 : _selected.value;
+      onSelectionChanged(selectedValues, _selected);
     } else if (options !== null && options !== void 0 && (_options$ = options[0]) !== null && _options$ !== void 0 && _options$.value && autoSelectFirst) {
       onSelectionChanged(options[0].value, options[0]);
     }
@@ -16650,8 +16669,8 @@ function parseReturnData(options, selectMapping) {
 }
 
 var wrapper$5 = "wrapper-4xyke";
-var css_248z$q = ".wrapper-4xyke {\n  display: flex;\n  flex-direction: column;\n  min-height: 50px;\n  justify-content: flex-end;\n  font-size: 12px;\n}\n";
-styleInject(css_248z$q);
+var css_248z$r = ".wrapper-4xyke {\n  display: flex;\n  flex-direction: column;\n  min-height: 50px;\n  justify-content: flex-end;\n  font-size: 12px;\n}\n";
+styleInject(css_248z$r);
 
 var _excluded$2 = ["apiInterface", "selectMapping", "apiMapping", "onChange", "value", "search", "options", "autoSelectFirst", "title"];
 function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -17533,8 +17552,8 @@ var customSelect = "custom-select-ESUJX";
 var customSelectOption = "custom-select-option-dUA7N";
 var avatarWrapper = "avatar-wrapper-Vg-xe";
 var selectTextWrapper = "select-text-wrapper-hPSZW";
-var css_248z$p = ".custom-select-ESUJX {\n  width: 300px;\n}\n\n.custom-select-option-dUA7N.ant-select-item {\n  margin: 0px 12px;\n  padding: 0px;\n  border-bottom: 1px solid #ddd;\n}\n\n.custom-select-option-dUA7N .ant-select-item-option-content {\n  display: flex;\n  align-items: center;\n}\n\n.avatar-wrapper-Vg-xe {\n  margin-right: 5px;\n  height: 30px;\n  width: 24px;\n  float: left;\n  position: relative;\n}\n\n.avatar-wrapper-Vg-xe > span {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.select-text-wrapper-hPSZW {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: normal;\n  width: calc(100% - 29px);\n}\n";
-styleInject(css_248z$p);
+var css_248z$q = ".custom-select-ESUJX {\n  width: 300px;\n}\n\n.custom-select-option-dUA7N.ant-select-item {\n  margin: 0px 12px;\n  padding: 0px;\n  border-bottom: 1px solid #ddd;\n}\n\n.custom-select-option-dUA7N .ant-select-item-option-content {\n  display: flex;\n  align-items: center;\n}\n\n.avatar-wrapper-Vg-xe {\n  margin-right: 5px;\n  height: 30px;\n  width: 24px;\n  float: left;\n  position: relative;\n}\n\n.avatar-wrapper-Vg-xe > span {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.select-text-wrapper-hPSZW {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: normal;\n  width: calc(100% - 29px);\n}\n";
+styleInject(css_248z$q);
 
 var Selector = function Selector(_ref) {
   var items = _ref.items,
@@ -18078,8 +18097,8 @@ function useSelectData (_ref) {
   };
 }
 
-var css_248z$o = ".darkmode .ant-select-selection-search-input {\n  color: #fff;\n}\n";
-styleInject(css_248z$o);
+var css_248z$p = ".darkmode .ant-select-selection-search-input {\n  color: #fff;\n}\n";
+styleInject(css_248z$p);
 
 var SelectWrapper = function SelectWrapper(_ref) {
   var onChange = _ref.onChange,
@@ -18161,8 +18180,8 @@ var Select = observer(SelectWrapper);
 var wrapper$4 = "wrapper-WStAk";
 var headerWrapper = "header-wrapper-gWQuH";
 var buttonsWrapper$1 = "buttons-wrapper-7ebR9";
-var css_248z$n = ".wrapper-WStAk {\n  display: flex;\n  flex-direction: column;\n}\n.header-wrapper-gWQuH {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: 64px;\n}\n\n.buttons-wrapper-7ebR9 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-grow: 1;\n}\n";
-styleInject(css_248z$n);
+var css_248z$o = ".wrapper-WStAk {\n  display: flex;\n  flex-direction: column;\n}\n.header-wrapper-gWQuH {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: 64px;\n}\n\n.buttons-wrapper-7ebR9 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-grow: 1;\n}\n";
+styleInject(css_248z$o);
 
 function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -20208,8 +20227,8 @@ var skeleton = "skeleton--xCI0";
 var filterField = "filterField-1kU1O";
 var parentScroll = "parent-scroll-GmaL9";
 var parent = "parent-NZJ3S";
-var css_248z$m = ".permission-Button-XctsZ {\n  position: relative;\n  top: 25px;\n  left: -30px;\n  float: right;\n  height: 20px;\n  z-index: 1000;\n}\n.select-lzft- {\n  width: 100%;\n}\n.loadingOption-qCkRw {\n  margin-top: 11px;\n  padding-left: 500px;\n}\n.scroller-lrdk9 {\n  overflow: auto;\n  height: 100%;\n}\n\n.skeleton--xCI0 {\n  padding-left: 25px;\n  padding-bottom: 10px;\n}\n.filterField-1kU1O {\n  display: flex;\n  gap: 10px;\n}\n.filterField-1kU1O button {\n  height: 32px;\n}\n.filterField-1kU1O div {\n  height: 32px;\n}\n\n.parent-scroll-GmaL9 {\n  overflow: auto;\n  padding: 24px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.parent-NZJ3S {\n  overflow: auto;\n  padding: 24px;\n  height: 100%;\n}\n\n.parent-scroll-GmaL9 .ant-spin-container {\n  height: 100%;\n}\n.parent-scroll-GmaL9 .infinite-scroll-component__outerdiv {\n  height: 100%;\n}\n.parent-scroll-GmaL9 .infinite-scroll-component {\n  height: 100% !important;\n}\n";
-styleInject(css_248z$m);
+var css_248z$n = ".permission-Button-XctsZ {\n  position: relative;\n  top: 25px;\n  left: -30px;\n  float: right;\n  height: 20px;\n  z-index: 1000;\n}\n.select-lzft- {\n  width: 100%;\n}\n.loadingOption-qCkRw {\n  margin-top: 11px;\n  padding-left: 500px;\n}\n.scroller-lrdk9 {\n  overflow: auto;\n  height: 100%;\n}\n\n.skeleton--xCI0 {\n  padding-left: 25px;\n  padding-bottom: 10px;\n}\n.filterField-1kU1O {\n  display: flex;\n  gap: 10px;\n}\n.filterField-1kU1O button {\n  height: 32px;\n}\n.filterField-1kU1O div {\n  height: 32px;\n}\n\n.parent-scroll-GmaL9 {\n  overflow: auto;\n  padding: 24px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.parent-NZJ3S {\n  overflow: auto;\n  padding: 24px;\n  height: 100%;\n}\n\n.parent-scroll-GmaL9 .ant-spin-container {\n  height: 100%;\n}\n.parent-scroll-GmaL9 .infinite-scroll-component__outerdiv {\n  height: 100%;\n}\n.parent-scroll-GmaL9 .infinite-scroll-component {\n  height: 100% !important;\n}\n";
+styleInject(css_248z$n);
 
 function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -21454,8 +21473,8 @@ var newscroller = "newscroller-INKeD";
 var antCollapseHeader = "ant-collapse-header--6FgU";
 var itemTitle = "item-title--BTvC";
 var itemDesc = "item-desc-DBiiF";
-var css_248z$l = ".diva-component-DIVA_BACKOFFICE_NEW .title-cl-ZAj2y {\n  color: black;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .description-m3mNY {\n  color: grey;\n  flex: 1 1 100%;\n  margin-left: 25px;\n  margin-top: -25px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-group-xWnj- {\n  /* border-bottom: 1px solid black; */\n  margin-bottom: 40px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .delete-item-otdSr {\n  cursor: pointer;\n  position: relative;\n  float: right;\n  top: 13px;\n  margin-right: 20px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .newscroller-INKeD {\n  overflow: auto;\n  height: 400px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-collapse-header--6FgU div {\n  flex-wrap: wrap !important;\n}\n.diva-component-DIVA_BACKOFFICE_NEW a .item-title--BTvC {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.85);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-desc-DBiiF {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.45);\n}\n";
-styleInject(css_248z$l);
+var css_248z$m = ".diva-component-DIVA_BACKOFFICE_NEW .title-cl-ZAj2y {\n  color: black;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .description-m3mNY {\n  color: grey;\n  flex: 1 1 100%;\n  margin-left: 25px;\n  margin-top: -25px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-group-xWnj- {\n  /* border-bottom: 1px solid black; */\n  margin-bottom: 40px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .delete-item-otdSr {\n  cursor: pointer;\n  position: relative;\n  float: right;\n  top: 13px;\n  margin-right: 20px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .newscroller-INKeD {\n  overflow: auto;\n  height: 400px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-collapse-header--6FgU div {\n  flex-wrap: wrap !important;\n}\n.diva-component-DIVA_BACKOFFICE_NEW a .item-title--BTvC {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.85);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-desc-DBiiF {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.45);\n}\n";
+styleInject(css_248z$m);
 
 function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -22867,8 +22886,8 @@ var jsoneditor = "jsoneditor-WMs15";
 var preview = "preview-9wK81";
 var previewButton = "preview-button-vupuG";
 var editButton = "edit-button-m6r3M";
-var css_248z$k = ".jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-transform {\n  display: none;\n}\n.jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-repair {\n  display: none;\n}\n.jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-poweredBy {\n  display: none;\n}\n.jsoneditor-WMs15 .preview-9wK81 {\n  background-color: #f19e34;\n}\n\n.jsoneditor-WMs15 .preview-button-vupuG {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 19.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 502 502%22 style%3D%22enable-background%3Anew 0 0 502 502%3B%22 xml%3Aspace%3D%22preserve%22 fill%3D%22%23fff%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cg%3E%09%09%09%3Cpath d%3D%22M478.482%2C448.601l-101.6-101.599c8.089-15.262%2C12.339-32.29%2C12.339-49.717c0-35.689-18.182-69.164-47.804-88.743V92.53%09%09%09%09c0-2.652-1.054-5.196-2.929-7.071l-82.529-82.53C254.083%2C1.054%2C251.54%2C0%2C248.888%2C0H24.371c-5.522%2C0-10%2C4.477-10%2C10v427.735%09%09%09%09c0%2C5.523%2C4.478%2C10%2C10%2C10h307.046c5.522%2C0%2C10-4.477%2C10-10v-37.722l92.825%2C92.825c5.908%2C5.908%2C13.764%2C9.162%2C22.119%2C9.162%09%09%09%09c8.356%2C0%2C16.212-3.254%2C22.12-9.162C490.678%2C480.642%2C490.678%2C460.797%2C478.482%2C448.601z M307.276%2C82.53h-48.387V34.143%09%09%09%09l24.193%2C24.193L307.276%2C82.53z M321.417%2C396.377v31.358H34.371V20h204.517v72.53c0%2C5.523%2C4.478%2C10%2C10%2C10h72.529v95.662%09%09%09%09l0.009%2C0.014c-12.214-4.741-25.275-7.215-38.499-7.215c-58.61%2C0-106.294%2C47.683-106.294%2C106.293s47.684%2C106.293%2C106.294%2C106.293%09%09%09%09c13.224%2C0%2C26.285-2.474%2C38.499-7.215L321.417%2C396.377z M328.948%2C370.291c-0.848%2C0.536-1.706%2C1.057-2.574%2C1.563%09%09%09%09c-13.131%2C7.67-28.154%2C11.724-43.446%2C11.724c-47.583%2C0-86.294-38.711-86.294-86.293c0-47.582%2C38.711-86.293%2C86.294-86.293%09%09%09%09c15.291%2C0%2C30.315%2C4.054%2C43.447%2C11.724c26.428%2C15.435%2C42.846%2C44.008%2C42.846%2C74.569c0%2C16.35-4.595%2C32.264-13.289%2C46.022%09%09%09%09C349.097%2C354.125%2C339.766%2C363.455%2C328.948%2C370.291z M464.339%2C478.696c-2.131%2C2.131-4.964%2C3.304-7.978%2C3.304%09%09%09%09c-3.014%2C0-5.847-1.173-7.977-3.304l-98.706-98.706l-0.008-0.001c5.856-4.74%2C11.221-10.104%2C15.961-15.96l0.001%2C0.008%09%09%09%09l98.707%2C98.707C468.737%2C467.142%2C468.737%2C474.298%2C464.339%2C478.696z%22%2F%3E%09%09%09%3Cpath d%3D%22M246.838%2C238.403c-20.641%2C12.674-32.964%2C34.686-32.964%2C58.882c0%2C5.523%2C4.478%2C10%2C10%2C10c5.522%2C0%2C10-4.477%2C10-10%09%09%09%09c0-17.19%2C8.759-32.83%2C23.429-41.838c4.707-2.89%2C6.179-9.048%2C3.289-13.754C257.702%2C236.986%2C251.544%2C235.513%2C246.838%2C238.403z%22%2F%3E%09%09%09%3Cpath d%3D%22M317.708%2C237.624c-10.52-6.145-22.547-9.392-34.781-9.392c-5.522%2C0-10%2C4.477-10%2C10s4.478%2C10%2C10%2C10%09%09%09%09c8.693%2C0%2C17.232%2C2.304%2C24.693%2C6.662c1.586%2C0.926%2C3.321%2C1.367%2C5.034%2C1.367c3.438%2C0%2C6.785-1.775%2C8.645-4.958%09%09%09%09C324.085%2C246.533%2C322.477%2C240.409%2C317.708%2C237.624z%22%2F%3E%09%09%3C%2Fg%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-size: 20px;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.jsoneditor-WMs15 .preview-button-vupuG:hover {\n  border: 0;\n}\n.jsoneditor-WMs15 .preview-button-vupuG:disabled {\n  opacity: 0.3;\n}\n\n.jsoneditor-WMs15 .edit-button-m6r3M {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 16.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%22494.936px%22 height%3D%22494.936px%22 viewBox%3D%220 0 494.936 494.936%22 style%3D%22enable-background%3Anew 0 0 494.936 494.936%3B%22%09 xml%3Aspace%3D%22preserve%22 fill%3D%22%23fff%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cpath d%3D%22M389.844%2C182.85c-6.743%2C0-12.21%2C5.467-12.21%2C12.21v222.968c0%2C23.562-19.174%2C42.735-42.736%2C42.735H67.157%09%09%09c-23.562%2C0-42.736-19.174-42.736-42.735V150.285c0-23.562%2C19.174-42.735%2C42.736-42.735h267.741c6.743%2C0%2C12.21-5.467%2C12.21-12.21%09%09%09s-5.467-12.21-12.21-12.21H67.157C30.126%2C83.13%2C0%2C113.255%2C0%2C150.285v267.743c0%2C37.029%2C30.126%2C67.155%2C67.157%2C67.155h267.741%09%09%09c37.03%2C0%2C67.156-30.126%2C67.156-67.155V195.061C402.054%2C188.318%2C396.587%2C182.85%2C389.844%2C182.85z%22%2F%3E%09%09%3Cpath d%3D%22M483.876%2C20.791c-14.72-14.72-38.669-14.714-53.377%2C0L221.352%2C229.944c-0.28%2C0.28-3.434%2C3.559-4.251%2C5.396l-28.963%2C65.069%09%09%09c-2.057%2C4.619-1.056%2C10.027%2C2.521%2C13.6c2.337%2C2.336%2C5.461%2C3.576%2C8.639%2C3.576c1.675%2C0%2C3.362-0.346%2C4.96-1.057l65.07-28.963%09%09%09c1.83-0.815%2C5.114-3.97%2C5.396-4.25L483.876%2C74.169c7.131-7.131%2C11.06-16.61%2C11.06-26.692%09%09%09C494.936%2C37.396%2C491.007%2C27.915%2C483.876%2C20.791z M466.61%2C56.897L257.457%2C266.05c-0.035%2C0.036-0.055%2C0.078-0.089%2C0.107%09%09%09l-33.989%2C15.131L238.51%2C247.3c0.03-0.036%2C0.071-0.055%2C0.107-0.09L447.765%2C38.058c5.038-5.039%2C13.819-5.033%2C18.846%2C0.005%09%09%09c2.518%2C2.51%2C3.905%2C5.855%2C3.905%2C9.414C470.516%2C51.036%2C469.127%2C54.38%2C466.61%2C56.897z%22%2F%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n";
-styleInject(css_248z$k);
+var css_248z$l = ".jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-transform {\n  display: none;\n}\n.jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-repair {\n  display: none;\n}\n.jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-poweredBy {\n  display: none;\n}\n.jsoneditor-WMs15 .preview-9wK81 {\n  background-color: #f19e34;\n}\n\n.jsoneditor-WMs15 .preview-button-vupuG {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 19.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 502 502%22 style%3D%22enable-background%3Anew 0 0 502 502%3B%22 xml%3Aspace%3D%22preserve%22 fill%3D%22%23fff%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cg%3E%09%09%09%3Cpath d%3D%22M478.482%2C448.601l-101.6-101.599c8.089-15.262%2C12.339-32.29%2C12.339-49.717c0-35.689-18.182-69.164-47.804-88.743V92.53%09%09%09%09c0-2.652-1.054-5.196-2.929-7.071l-82.529-82.53C254.083%2C1.054%2C251.54%2C0%2C248.888%2C0H24.371c-5.522%2C0-10%2C4.477-10%2C10v427.735%09%09%09%09c0%2C5.523%2C4.478%2C10%2C10%2C10h307.046c5.522%2C0%2C10-4.477%2C10-10v-37.722l92.825%2C92.825c5.908%2C5.908%2C13.764%2C9.162%2C22.119%2C9.162%09%09%09%09c8.356%2C0%2C16.212-3.254%2C22.12-9.162C490.678%2C480.642%2C490.678%2C460.797%2C478.482%2C448.601z M307.276%2C82.53h-48.387V34.143%09%09%09%09l24.193%2C24.193L307.276%2C82.53z M321.417%2C396.377v31.358H34.371V20h204.517v72.53c0%2C5.523%2C4.478%2C10%2C10%2C10h72.529v95.662%09%09%09%09l0.009%2C0.014c-12.214-4.741-25.275-7.215-38.499-7.215c-58.61%2C0-106.294%2C47.683-106.294%2C106.293s47.684%2C106.293%2C106.294%2C106.293%09%09%09%09c13.224%2C0%2C26.285-2.474%2C38.499-7.215L321.417%2C396.377z M328.948%2C370.291c-0.848%2C0.536-1.706%2C1.057-2.574%2C1.563%09%09%09%09c-13.131%2C7.67-28.154%2C11.724-43.446%2C11.724c-47.583%2C0-86.294-38.711-86.294-86.293c0-47.582%2C38.711-86.293%2C86.294-86.293%09%09%09%09c15.291%2C0%2C30.315%2C4.054%2C43.447%2C11.724c26.428%2C15.435%2C42.846%2C44.008%2C42.846%2C74.569c0%2C16.35-4.595%2C32.264-13.289%2C46.022%09%09%09%09C349.097%2C354.125%2C339.766%2C363.455%2C328.948%2C370.291z M464.339%2C478.696c-2.131%2C2.131-4.964%2C3.304-7.978%2C3.304%09%09%09%09c-3.014%2C0-5.847-1.173-7.977-3.304l-98.706-98.706l-0.008-0.001c5.856-4.74%2C11.221-10.104%2C15.961-15.96l0.001%2C0.008%09%09%09%09l98.707%2C98.707C468.737%2C467.142%2C468.737%2C474.298%2C464.339%2C478.696z%22%2F%3E%09%09%09%3Cpath d%3D%22M246.838%2C238.403c-20.641%2C12.674-32.964%2C34.686-32.964%2C58.882c0%2C5.523%2C4.478%2C10%2C10%2C10c5.522%2C0%2C10-4.477%2C10-10%09%09%09%09c0-17.19%2C8.759-32.83%2C23.429-41.838c4.707-2.89%2C6.179-9.048%2C3.289-13.754C257.702%2C236.986%2C251.544%2C235.513%2C246.838%2C238.403z%22%2F%3E%09%09%09%3Cpath d%3D%22M317.708%2C237.624c-10.52-6.145-22.547-9.392-34.781-9.392c-5.522%2C0-10%2C4.477-10%2C10s4.478%2C10%2C10%2C10%09%09%09%09c8.693%2C0%2C17.232%2C2.304%2C24.693%2C6.662c1.586%2C0.926%2C3.321%2C1.367%2C5.034%2C1.367c3.438%2C0%2C6.785-1.775%2C8.645-4.958%09%09%09%09C324.085%2C246.533%2C322.477%2C240.409%2C317.708%2C237.624z%22%2F%3E%09%09%3C%2Fg%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-size: 20px;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.jsoneditor-WMs15 .preview-button-vupuG:hover {\n  border: 0;\n}\n.jsoneditor-WMs15 .preview-button-vupuG:disabled {\n  opacity: 0.3;\n}\n\n.jsoneditor-WMs15 .edit-button-m6r3M {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 16.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%22494.936px%22 height%3D%22494.936px%22 viewBox%3D%220 0 494.936 494.936%22 style%3D%22enable-background%3Anew 0 0 494.936 494.936%3B%22%09 xml%3Aspace%3D%22preserve%22 fill%3D%22%23fff%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cpath d%3D%22M389.844%2C182.85c-6.743%2C0-12.21%2C5.467-12.21%2C12.21v222.968c0%2C23.562-19.174%2C42.735-42.736%2C42.735H67.157%09%09%09c-23.562%2C0-42.736-19.174-42.736-42.735V150.285c0-23.562%2C19.174-42.735%2C42.736-42.735h267.741c6.743%2C0%2C12.21-5.467%2C12.21-12.21%09%09%09s-5.467-12.21-12.21-12.21H67.157C30.126%2C83.13%2C0%2C113.255%2C0%2C150.285v267.743c0%2C37.029%2C30.126%2C67.155%2C67.157%2C67.155h267.741%09%09%09c37.03%2C0%2C67.156-30.126%2C67.156-67.155V195.061C402.054%2C188.318%2C396.587%2C182.85%2C389.844%2C182.85z%22%2F%3E%09%09%3Cpath d%3D%22M483.876%2C20.791c-14.72-14.72-38.669-14.714-53.377%2C0L221.352%2C229.944c-0.28%2C0.28-3.434%2C3.559-4.251%2C5.396l-28.963%2C65.069%09%09%09c-2.057%2C4.619-1.056%2C10.027%2C2.521%2C13.6c2.337%2C2.336%2C5.461%2C3.576%2C8.639%2C3.576c1.675%2C0%2C3.362-0.346%2C4.96-1.057l65.07-28.963%09%09%09c1.83-0.815%2C5.114-3.97%2C5.396-4.25L483.876%2C74.169c7.131-7.131%2C11.06-16.61%2C11.06-26.692%09%09%09C494.936%2C37.396%2C491.007%2C27.915%2C483.876%2C20.791z M466.61%2C56.897L257.457%2C266.05c-0.035%2C0.036-0.055%2C0.078-0.089%2C0.107%09%09%09l-33.989%2C15.131L238.51%2C247.3c0.03-0.036%2C0.071-0.055%2C0.107-0.09L447.765%2C38.058c5.038-5.039%2C13.819-5.033%2C18.846%2C0.005%09%09%09c2.518%2C2.51%2C3.905%2C5.855%2C3.905%2C9.414C470.516%2C51.036%2C469.127%2C54.38%2C466.61%2C56.897z%22%2F%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z$l);
 
 var JsonEditor = function JsonEditor(_ref, ref) {
   var id = _ref.id,
@@ -23647,13 +23666,13 @@ function reducer(state, action) {
 
 var grid = "grid-sGemi";
 var textWrapper = "text-wrapper-xsPXE";
-var css_248z$j = ".grid-sGemi {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n}\n\n.text-wrapper-xsPXE {\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n}\n";
-styleInject(css_248z$j);
+var css_248z$k = ".grid-sGemi {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n}\n\n.text-wrapper-xsPXE {\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n}\n";
+styleInject(css_248z$k);
 
 var wrapper$3 = "wrapper-p-gR3";
 var container$4 = "container-DoZqe";
-var css_248z$i = ".wrapper-p-gR3 {\n  background: #ececec;\n}\n\n.container-DoZqe {\n  display: flex;\n  justify-content: space-between;\n}\n";
-styleInject(css_248z$i);
+var css_248z$j = ".wrapper-p-gR3 {\n  background: #ececec;\n}\n\n.container-DoZqe {\n  display: flex;\n  justify-content: space-between;\n}\n";
+styleInject(css_248z$j);
 
 var ToolTipInfo = function ToolTipInfo(props) {
   var _useTranslation = useTranslation(),
@@ -23856,8 +23875,8 @@ var useMediaUpload = function useMediaUpload(_ref) {
 var small = "small-NY1-k";
 var medium = "medium---QcO";
 var big = "big--E39S";
-var css_248z$h = ".diva-component-DIVA_BACKOFFICE_NEW .ant-upload-wrapper {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-nested-loading {\n  width: 100%;\n  height: 100%;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .ant-table-wrapper, .diva-component-DIVA_BACKOFFICE_NEW .ant-table {\n  height: inherit;\n  overflow: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-drawer-body .ant-spin-nested-loading {\n  width: 100%;\n  height: 80%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-container {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .andt-table .ant-spin-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-space-item .andt-table .ant-spin-container {\n  height: calc(60vh - 90px);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .andt-table .ant-table-container {\n  height: calc(100% - 80px);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list-item-container {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-select {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .small-NY1-k {\n  width: 104px;\n  height: 104px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .medium---QcO {\n  width: 200px;\n  height: 200px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .big--E39S {\n  width: 400px;\n  height: 400px;\n}\n";
-styleInject(css_248z$h);
+var css_248z$i = ".diva-component-DIVA_BACKOFFICE_NEW .ant-upload-wrapper {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-nested-loading {\n  width: 100%;\n  height: 100%;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .ant-table-wrapper, .diva-component-DIVA_BACKOFFICE_NEW .ant-table {\n  height: inherit;\n  overflow: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-drawer-body .ant-spin-nested-loading {\n  width: 100%;\n  height: 80%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-container {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .andt-table .ant-spin-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-space-item .andt-table .ant-spin-container {\n  height: calc(60vh - 90px);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .andt-table .ant-table-container {\n  height: calc(100% - 80px);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list-item-container {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-select {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .small-NY1-k {\n  width: 104px;\n  height: 104px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .medium---QcO {\n  width: 200px;\n  height: 200px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .big--E39S {\n  width: 400px;\n  height: 400px;\n}\n";
+styleInject(css_248z$i);
 
 var MediaUpload = observer(function (_ref) {
   var id = _ref.id;
@@ -23917,8 +23936,8 @@ var editableRow = "editable-row-9BEHi";
 var checkbox = "checkbox-H7R-w";
 var editableCellValueWrap = "editable-cell-value-wrap-ugTs4";
 var contentWidth = "content-width-hGyVI";
-var css_248z$g = ".checkbox-readonly-0-bzT {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox-input {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox {\n  cursor: default;\n}\n\n.editable-row-9BEHi:hover .checkbox-H7R-w .ant-checkbox {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);\n}\n\n.editable-cell-value-wrap-ugTs4 {\n  padding: 5px 12px;\n  cursor: pointer;\n}\n\n.editable-row-9BEHi:hover .editable-cell-value-wrap-ugTs4 {\n  padding: 4px 11px;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n}\n\n.content-width-hGyVI .ant-modal-confirm-content {\n  width: 100%;\n}\n";
-styleInject(css_248z$g);
+var css_248z$h = ".checkbox-readonly-0-bzT {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox-input {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox {\n  cursor: default;\n}\n\n.editable-row-9BEHi:hover .checkbox-H7R-w .ant-checkbox {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);\n}\n\n.editable-cell-value-wrap-ugTs4 {\n  padding: 5px 12px;\n  cursor: pointer;\n}\n\n.editable-row-9BEHi:hover .editable-cell-value-wrap-ugTs4 {\n  padding: 4px 11px;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n}\n\n.content-width-hGyVI .ant-modal-confirm-content {\n  width: 100%;\n}\n";
+styleInject(css_248z$h);
 
 function BooleanCell (_ref) {
   var children = _ref.children,
@@ -24907,8 +24926,8 @@ function useAGHistogram (_ref) {
 var container$3 = "container-2r-OJ";
 var column1 = "column1-9viTK";
 var spinner = "spinner-00VcK";
-var css_248z$f = ".container-2r-OJ {\n  display: flex;\n  gap: 40px; /* Distribute the columns evenly */\n}\n\n.column-yZ2Qc {\n  padding: 10px;\n}\n\n.column1-9viTK .column-yZ2Qc {\n  flex: 8;\n}\n\n.column2-pCnEz .column-yZ2Qc {\n  flex: 1;\n}\n\n.column3-QZDVv .column-yZ2Qc {\n  flex: 3;\n}\n\n.spinner-00VcK {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n";
-styleInject(css_248z$f);
+var css_248z$g = ".container-2r-OJ {\n  display: flex;\n  gap: 40px; /* Distribute the columns evenly */\n}\n\n.column-yZ2Qc {\n  padding: 10px;\n}\n\n.column1-9viTK .column-yZ2Qc {\n  flex: 8;\n}\n\n.column2-pCnEz .column-yZ2Qc {\n  flex: 1;\n}\n\n.column3-QZDVv .column-yZ2Qc {\n  flex: 3;\n}\n\n.spinner-00VcK {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n";
+styleInject(css_248z$g);
 
 var Panel = Collapse.Panel;
 function AGHistogram (_ref) {
@@ -27877,8 +27896,8 @@ var loader = "loader-LaXZy";
 var flex = "flex-yQdda";
 var bar = "bar-Y663f";
 var value = "value-FCA-6";
-var css_248z$e = ".overlay-lm0tm {\n  position: absolute;\n  z-index: 1;\n  background-color: rgba(247,247,247,0.45882);\n  height: 60vh;\n  width: 100%;\n}\n.loader-LaXZy {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 50px;\n  height: 50px;\n  border: 3px solid rgba(0, 0, 0, 0.3);\n  border-radius: 50%;\n  border-top-color: #fff;\n  animation: spin-qUdpu 1s ease-in-out infinite;\n  -webkit-animation: spin-qUdpu 1s ease-in-out infinite;\n}\n.flex-yQdda {\n  display: flex;\n}\n\n.bar-Y663f {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin-top: 7%;\n}\n\n.value-FCA-6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n@keyframes spin-qUdpu {\n  to {\n    -webkit-transform: rotate(360deg);\n  }\n}\n";
-styleInject(css_248z$e);
+var css_248z$f = ".overlay-lm0tm {\n  position: absolute;\n  z-index: 1;\n  background-color: rgba(247,247,247,0.45882);\n  height: 60vh;\n  width: 100%;\n}\n.loader-LaXZy {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 50px;\n  height: 50px;\n  border: 3px solid rgba(0, 0, 0, 0.3);\n  border-radius: 50%;\n  border-top-color: #fff;\n  animation: spin-qUdpu 1s ease-in-out infinite;\n  -webkit-animation: spin-qUdpu 1s ease-in-out infinite;\n}\n.flex-yQdda {\n  display: flex;\n}\n\n.bar-Y663f {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin-top: 7%;\n}\n\n.value-FCA-6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n@keyframes spin-qUdpu {\n  to {\n    -webkit-transform: rotate(360deg);\n  }\n}\n";
+styleInject(css_248z$f);
 
 function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -28823,8 +28842,8 @@ var retailerChild = "retailer-child-5ll0K";
 var supplier = "supplier-8sm0I";
 var dealer = "dealer-xgnku";
 var association = "association-b8uVW";
-var css_248z$d = ".label-rYNbb {\n  width: 225px;\n  background-color: #fff;\n  cursor: pointer;\n  padding: 10px 15px;\n  border-radius: 5px;\n  display: flex;\n  gap: 12px;\n  flex-direction: column;\n  font-weight: 500;\n}\n\n.not-clickable-wHc5V {\n  cursor: inherit;\n  color: grey;\n}\n\n.selected-34dYg {\n  font-weight: 630;\n}\n\n.description-iFui2 {\n  font-weight: 300;\n  font-size: small;\n  margin-top: -8px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .org-tree-node-label .org-tree-node-label-inner {\n  padding: 0;\n  padding: initial;\n}\n\n.darkmode .org-tree-container {\n  background-color: rgb(20, 20, 20);\n}\n\n.org-tree-container .org-tree-node-label .ant-btn-default:disabled, .org-tree-container .org-tree-node-label .ant-btn-primary:disabled {\n  border-color: #d9d9d9;\n  color: rgba(0, 0, 0, 0.25);\n  background-color: rgba(0, 0, 0, 0.04);\n}\n\n.retailer-YNzAh {\n  border-bottom: #81c784 solid 5px;\n}\n\n.retailer-child-5ll0K {\n  border-bottom: #c8e6c9 solid 5px;\n}\n\n.supplier-8sm0I {\n  border-bottom: #ba68c8 solid 5px;\n}\n\n.dealer-xgnku {\n  border-bottom: #e1bee7 solid 5px;\n}\n\n.association-b8uVW {\n  border-bottom: #fff176 solid 5px;\n}\n";
-styleInject(css_248z$d);
+var css_248z$e = ".label-rYNbb {\n  width: 225px;\n  background-color: #fff;\n  cursor: pointer;\n  padding: 10px 15px;\n  border-radius: 5px;\n  display: flex;\n  gap: 12px;\n  flex-direction: column;\n  font-weight: 500;\n}\n\n.not-clickable-wHc5V {\n  cursor: inherit;\n  color: grey;\n}\n\n.selected-34dYg {\n  font-weight: 630;\n}\n\n.description-iFui2 {\n  font-weight: 300;\n  font-size: small;\n  margin-top: -8px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .org-tree-node-label .org-tree-node-label-inner {\n  padding: 0;\n  padding: initial;\n}\n\n.darkmode .org-tree-container {\n  background-color: rgb(20, 20, 20);\n}\n\n.org-tree-container .org-tree-node-label .ant-btn-default:disabled, .org-tree-container .org-tree-node-label .ant-btn-primary:disabled {\n  border-color: #d9d9d9;\n  color: rgba(0, 0, 0, 0.25);\n  background-color: rgba(0, 0, 0, 0.04);\n}\n\n.retailer-YNzAh {\n  border-bottom: #81c784 solid 5px;\n}\n\n.retailer-child-5ll0K {\n  border-bottom: #c8e6c9 solid 5px;\n}\n\n.supplier-8sm0I {\n  border-bottom: #ba68c8 solid 5px;\n}\n\n.dealer-xgnku {\n  border-bottom: #e1bee7 solid 5px;\n}\n\n.association-b8uVW {\n  border-bottom: #fff176 solid 5px;\n}\n";
+styleInject(css_248z$e);
 
 function getColorClass(data) {
   switch (data.type) {
@@ -29057,8 +29076,8 @@ var openClass = "open-class--gGXs";
 var breadcrumb = "breadcrumb-Z0VvH";
 var selected = "selected-w-sfW";
 var disabled$2 = "disabled-0nado";
-var css_248z$c = ".trigger-wrapper-OkPRc {\n  width: 100%;\n  padding: 12px 0px;\n  display: flex;\n  gap: 32px;\n}\n\n.arrow-Rd0hp {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2213%22 viewBox%3D%220 0 8 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0.947266 1.14893L6.94727 6.29178L0.947266 11.9489%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n  cursor: pointer;\n}\n\n.open-class--gGXs {\n  transform: rotateZ(90deg);\n}\n\n.breadcrumb-Z0VvH {\n  transition: color 0.3s;\n}\n.breadcrumb-Z0VvH:hover:not(.selected-w-sfW) {\n  cursor: pointer;\n  color: #000;\n}\n\n.selected-w-sfW {\n  color: #000;\n  font-weight: 400;\n}\n\n.selected-w-sfW {\n  color: #000;\n  font-weight: 400;\n}\n\n.disabled-0nado {\n  pointer-events: none;\n  color: lightgray;\n}\n\n.darkmode .selected-w-sfW {\n  color: #fff;\n  font-weight: 400;\n}\n";
-styleInject(css_248z$c);
+var css_248z$d = ".trigger-wrapper-OkPRc {\n  width: 100%;\n  padding: 12px 0px;\n  display: flex;\n  gap: 32px;\n}\n\n.arrow-Rd0hp {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2213%22 viewBox%3D%220 0 8 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0.947266 1.14893L6.94727 6.29178L0.947266 11.9489%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n  cursor: pointer;\n}\n\n.open-class--gGXs {\n  transform: rotateZ(90deg);\n}\n\n.breadcrumb-Z0VvH {\n  transition: color 0.3s;\n}\n.breadcrumb-Z0VvH:hover:not(.selected-w-sfW) {\n  cursor: pointer;\n  color: #000;\n}\n\n.selected-w-sfW {\n  color: #000;\n  font-weight: 400;\n}\n\n.selected-w-sfW {\n  color: #000;\n  font-weight: 400;\n}\n\n.disabled-0nado {\n  pointer-events: none;\n  color: lightgray;\n}\n\n.darkmode .selected-w-sfW {\n  color: #fff;\n  font-weight: 400;\n}\n";
+styleInject(css_248z$d);
 
 var BreadCrumbsTrigger = function BreadCrumbsTrigger(_ref) {
   var open = _ref.open,
@@ -29091,8 +29110,8 @@ var BreadCrumbsTrigger = function BreadCrumbsTrigger(_ref) {
 
 var collapsibleInner = "collapsible-inner-rI8kI";
 var toolbarLeft = "toolbar-left-X9WRo";
-var css_248z$b = ".collapsible-inner-rI8kI {\n  overflow: auto;\n  padding: 32px 0;\n  position: relative;\n}\n\n.toolbar-left-X9WRo {\n  position: absolute;\n  right: 22px;\n  top: 10px;\n  display: flex;\n  gap: 10px;\n}\n";
-styleInject(css_248z$b);
+var css_248z$c = ".collapsible-inner-rI8kI {\n  overflow: auto;\n  padding: 32px 0;\n  position: relative;\n}\n\n.toolbar-left-X9WRo {\n  position: absolute;\n  right: 22px;\n  top: 10px;\n  display: flex;\n  gap: 10px;\n}\n";
+styleInject(css_248z$c);
 
 var Legend = function Legend(props) {
   return /*#__PURE__*/jsx(List$1, {
@@ -29146,8 +29165,8 @@ var Legend = function Legend(props) {
 var buttonsWrapper = "buttons-wrapper-Bubkr";
 var mask = "mask-ssagp";
 var transformWrapper = "transform-wrapper--8t0v";
-var css_248z$a = ".buttons-wrapper-Bubkr {\n  display: flex;\n  gap: 6px;\n}\n\n.buttons-wrapper-Bubkr button {\n  min-width: 24px;\n}\n\n.mask-ssagp {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  -webkit-backdrop-filter: blur(3px);\n          backdrop-filter: blur(3px);\n}\n.mask-ssagp p {\n  font-size: 18px;\n  font-weight: bold;\n  background: rgba(255, 255, 255, 0.4);\n  padding: 10px;\n  border-radius: 5px;\n}\n\n.transform-wrapper--8t0v .ant-modal-mask,\n.transform-wrapper--8t0v .ant-modal-wrap {\n  position: absolute;\n}\n";
-styleInject(css_248z$a);
+var css_248z$b = ".buttons-wrapper-Bubkr {\n  display: flex;\n  gap: 6px;\n}\n\n.buttons-wrapper-Bubkr button {\n  min-width: 24px;\n}\n\n.mask-ssagp {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  -webkit-backdrop-filter: blur(3px);\n          backdrop-filter: blur(3px);\n}\n.mask-ssagp p {\n  font-size: 18px;\n  font-weight: bold;\n  background: rgba(255, 255, 255, 0.4);\n  padding: 10px;\n  border-radius: 5px;\n}\n\n.transform-wrapper--8t0v .ant-modal-mask,\n.transform-wrapper--8t0v .ant-modal-wrap {\n  position: absolute;\n}\n";
+styleInject(css_248z$b);
 
 var ZoomWrapper = function ZoomWrapper(_ref) {
   var _children = _ref.children,
@@ -29998,14 +30017,19 @@ var Spreadsheet = observer(SpreadsheetWrapper);
 
 function PackageSelector(_ref) {
   var organizationId = _ref.organizationId,
-    selectedPackage = _ref.selectedPackage,
+    packageId = _ref.packageId,
     setSelectedPackage = _ref.setSelectedPackage,
     enricherService = _ref.enricherService;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var value = useMemo(function () {
+    return {
+      _id: packageId
+    };
+  }, [packageId]);
   return /*#__PURE__*/jsx(SimpleSelect, {
     apiInterface: {
-      read: enricherService + "/packages?fields=name;_id&filter=organizationId==\"".concat(organizationId, "\"")
+      read: enricherService + "/packages?fields=name;_id;isoLanguageIds;isApi&filter=organizationId==\"".concat(organizationId, "\"")
     },
     apiMapping: {
       type: 'query',
@@ -30019,11 +30043,9 @@ function PackageSelector(_ref) {
       value: '${_id}'
     },
     title: t('backoffice.menu.items.label.IDMEnricherEditorTablePackages'),
-    value: {
-      _id: selectedPackage
-    },
+    value: value,
     onChange: function onChange(value) {
-      return setSelectedPackage(value._id);
+      return setSelectedPackage(value);
     },
     search: true,
     style: {
@@ -30072,6 +30094,10 @@ function useModule$1 (currentModules) {
   var _useSearchParams = useSearchParams(),
     _useSearchParams2 = _slicedToArray(_useSearchParams, 1),
     searchParams = _useSearchParams2[0];
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedPackage = _useState2[0],
+    setSelectedPackage = _useState2[1];
   var menuItems = useMemo(function () {
     return [{
       key: 'renaming',
@@ -30080,29 +30106,27 @@ function useModule$1 (currentModules) {
       },
       icon: /*#__PURE__*/jsx(ApartmentOutlined, {}),
       label: t('backoffice.menu.items.label.IDMEnricherEditorTableRenaming'),
-      children: [
-      //TODO: Add the other renaming modules when the full enricher is in use, not relevant for CL-Editor
-      // {
-      //   key: 'catalogs',
-      //   style: { margin: 0 },
-      //   icon: <ApartmentOutlined />,
-      //   label: (
-      //     <Link to={'catalogs/packages/' + packageId + '/renaming/catalog' + (searchParams ? '?' + searchParams.toString() : '')}>
-      //       {t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingCatalog')}
-      //     </Link>
-      //   ),
-      // },
-      // {
-      //   key: 'detailInfos',
-      //   style: { margin: 0 },
-      //   icon: <ApartmentOutlined />,
-      //   label: (
-      //     <Link to={'catalogs/packages/' + packageId + '/renaming/detailInfos' + (searchParams ? '?' + searchParams.toString() : '')}>
-      //       {t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingDetailInfo')}
-      //     </Link>
-      //   ),
-      // },
-      {
+      children: [].concat(_toConsumableArray(selectedPackage !== null && selectedPackage !== void 0 && selectedPackage.isApi ? [] : [{
+        key: 'catalogs',
+        style: {
+          margin: 0
+        },
+        icon: /*#__PURE__*/jsx(ApartmentOutlined, {}),
+        label: /*#__PURE__*/jsx(Link, {
+          to: 'catalogs/idmeditor/packages/' + packageId + '/renaming/catalogs' + (searchParams ? '?' + searchParams.toString() : ''),
+          children: t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingCatalog')
+        })
+      }, {
+        key: 'series',
+        style: {
+          margin: 0
+        },
+        icon: /*#__PURE__*/jsx(ApartmentOutlined, {}),
+        label: /*#__PURE__*/jsx(Link, {
+          to: 'catalogs/idmeditor/packages/' + packageId + '/renaming/series' + (searchParams ? '?' + searchParams.toString() : ''),
+          children: t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingSerie')
+        })
+      }]), [{
         key: 'features',
         style: {
           margin: 0
@@ -30113,7 +30137,7 @@ function useModule$1 (currentModules) {
           children: t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingFeature')
         })
       }, {
-        key: 'option',
+        key: 'options',
         style: {
           margin: 0
         },
@@ -30132,18 +30156,17 @@ function useModule$1 (currentModules) {
           to: 'catalogs/idmeditor/packages/' + packageId + '/renaming/items' + (searchParams ? '?' + searchParams.toString() : ''),
           children: t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingItem')
         })
-      }
-      // {
-      //   key: 'serie',
-      //   style: { margin: 0 },
-      //   icon: <ApartmentOutlined />,
-      //   label: (
-      //     <Link to={'catalogs/packages/' + packageId + '/renaming/series' + (searchParams ? '?' + searchParams.toString() : '')}>
-      //       {t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingSerie')}
-      //     </Link>
-      //   ),
-      // },
-      ]
+      }], _toConsumableArray(selectedPackage !== null && selectedPackage !== void 0 && selectedPackage.isApi ? [] : [{
+        key: 'detailInfos',
+        style: {
+          margin: 0
+        },
+        icon: /*#__PURE__*/jsx(ApartmentOutlined, {}),
+        label: /*#__PURE__*/jsx(Link, {
+          to: 'catalogs/idmeditor/packages/' + packageId + '/renaming/detailInfos' + (searchParams ? '?' + searchParams.toString() : ''),
+          children: t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingDetailInfo')
+        })
+      }]))
     }, {
       key: 'tabgroups',
       style: {
@@ -30161,20 +30184,17 @@ function useModule$1 (currentModules) {
       },
       icon: /*#__PURE__*/jsx(ApartmentOutlined, {}),
       label: t('backoffice.menu.items.label.IDMEnricherEditorTableExclusivity'),
-      children: [
-      //TODO: Add the other exclusivity modules when the full enricher is in use, not relevant for CL-Editor
-
-      // {
-      //   key: 'edetailInfo',
-      //   style: { margin: 0 },
-      //   icon: <ApartmentOutlined />,
-      //   label: (
-      //     <Link to={'catalogs/packages/' + packageId + '/exclusivity/edetailInfo' + (searchParams ? '?' + searchParams.toString() : '')}>
-      //       {t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingDetailInfo')}
-      //     </Link>
-      //   ),
-      // },
-      {
+      children: [].concat(_toConsumableArray(selectedPackage !== null && selectedPackage !== void 0 && selectedPackage.isApi ? [] : [{
+        key: 'eserie',
+        style: {
+          margin: 0
+        },
+        icon: /*#__PURE__*/jsx(ApartmentOutlined, {}),
+        label: /*#__PURE__*/jsx(Link, {
+          to: 'catalogs/idmeditor/packages/' + packageId + '/exclusivity/eserie' + (searchParams ? '?' + searchParams.toString() : ''),
+          children: t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingSerie')
+        })
+      }]), [{
         key: 'efeature',
         style: {
           margin: 0
@@ -30204,18 +30224,17 @@ function useModule$1 (currentModules) {
           to: 'catalogs/idmeditor/packages/' + packageId + '/exclusivity/eitem' + (searchParams ? '?' + searchParams.toString() : ''),
           children: t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingItem')
         })
-      }
-      // {
-      //   key: 'eserie',
-      //   style: { margin: 0 },
-      //   icon: <ApartmentOutlined />,
-      //   label: (
-      //     <Link to={'catalogs/packages/' + packageId + '/exclusivity/eserie' + (searchParams ? '?' + searchParams.toString() : '')}>
-      //       {t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingSerie')}
-      //     </Link>
-      //   ),
-      // },
-      ]
+      }], _toConsumableArray(selectedPackage !== null && selectedPackage !== void 0 && selectedPackage.isApi ? [] : [{
+        key: 'edetailInfo',
+        style: {
+          margin: 0
+        },
+        icon: /*#__PURE__*/jsx(ApartmentOutlined, {}),
+        label: /*#__PURE__*/jsx(Link, {
+          to: 'catalogs/idmeditor/packages/' + packageId + '/exclusivity/edetailInfo' + (searchParams ? '?' + searchParams.toString() : ''),
+          children: t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingDetailInfo')
+        })
+      }]))
     }, {
       key: 'properties',
       style: {
@@ -30261,7 +30280,8 @@ function useModule$1 (currentModules) {
   if (!packageId) throw new Error('packageId is required');
   var updateNavigationModule = useCallback(function (currentPackage) {
     var modules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : currentModules;
-    updateNavigation(currentPackage, modules, '../');
+    updateNavigation(currentPackage._id, modules, '../');
+    setSelectedPackage(currentPackage);
   }, [updateNavigation]);
   useEffect(function () {
     //update the navigation supmenu for the packages module to include the current package id
@@ -30292,7 +30312,51 @@ function useModule$1 (currentModules) {
     updateNavigation: updateNavigationModule,
     organizationId: organizationId,
     apiConfig: apiConfig,
-    packageId: packageId
+    packageId: packageId,
+    selectedPackage: selectedPackage
+  };
+}
+
+function createTranslatedColumnConfig(field, headerName, languages) {
+  var required = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var cellDataType = arguments.length > 4 ? arguments[4] : undefined;
+  var customParams = arguments.length > 5 ? arguments[5] : undefined;
+  var additionalFields = arguments.length > 6 ? arguments[6] : undefined;
+  if (languages.length == 1) {
+    return {
+      headerName: headerName,
+      field: "".concat(field, ".").concat(languages[0]),
+      required: required,
+      isDictionary: true,
+      cellDataType: cellDataType,
+      customParams: customParams ? Object.keys(customParams).reduce(function (acc, key) {
+        acc[key] = "".concat(customParams[key], ".").concat(languages[0]);
+        return acc;
+      }, {}) : undefined,
+      additionalFields: additionalFields ? additionalFields.map(function (field) {
+        return "".concat(field, ".").concat(languages[0]);
+      }) : undefined
+    };
+  }
+  return {
+    headerName: headerName,
+    marryChildren: true,
+    children: languages.map(function (language) {
+      return {
+        field: "".concat(field, ".").concat(language),
+        headerName: 'backoffice.idmEnricher.general.label.' + language,
+        required: required,
+        isDictionary: true,
+        cellDataType: cellDataType,
+        customParams: customParams ? Object.keys(customParams).reduce(function (acc, key) {
+          acc[key] = "".concat(customParams[key], ".").concat(language);
+          return acc;
+        }, {}) : undefined,
+        additionalFields: additionalFields ? additionalFields.map(function (field) {
+          return "".concat(field, ".").concat(language);
+        }) : undefined
+      };
+    })
   };
 }
 
@@ -30303,7 +30367,8 @@ function TableGroups () {
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
     updateNavigation = _useModule.updateNavigation,
-    apiConfig = _useModule.apiConfig;
+    apiConfig = _useModule.apiConfig,
+    selectedPackage = _useModule.selectedPackage;
   var applicationData = useMemo(function () {
     return {
       packageId: packageId,
@@ -30325,29 +30390,7 @@ function TableGroups () {
       apiInterface: apiInterface,
       dateFormat: 'LL',
       floatingFilter: true,
-      colDef: [{
-        headerName: 'backoffice.idmEnricher.groups.label.name',
-        marryChildren: true,
-        children: [{
-          field: 'name.DE',
-          headerName: 'backoffice.idmEnricher.general.label.DE',
-          isDictionary: true,
-          pinned: true,
-          required: true
-        }, {
-          field: 'name.EN',
-          headerName: 'backoffice.idmEnricher.general.label.EN',
-          isDictionary: true
-        }, {
-          field: 'name.FR',
-          headerName: 'backoffice.idmEnricher.general.label.FR',
-          isDictionary: true
-        }, {
-          field: 'name.IT',
-          headerName: 'backoffice.idmEnricher.general.label.IT',
-          isDictionary: true
-        }]
-      }, {
+      colDef: [createTranslatedColumnConfig('name', 'backoffice.idmEnricher.groups.label.name', (selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds) || ['DE'], true), {
         field: 'serieNos',
         headerName: 'backoffice.idmEnricher.groups.label.serieNos',
         cellDataType: 'lookup',
@@ -30429,7 +30472,7 @@ function TableGroups () {
         cellDataType: 'objectId'
       }]
     };
-  }, [apiInterface, t]);
+  }, [apiInterface, t, selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -30439,15 +30482,15 @@ function TableGroups () {
           },
           children: /*#__PURE__*/jsx(PackageSelector, {
             organizationId: organizationId,
-            selectedPackage: packageId,
-            setSelectedPackage: function setSelectedPackage(id) {
-              return updateNavigation(id);
+            packageId: packageId,
+            setSelectedPackage: function setSelectedPackage(packageId) {
+              return updateNavigation(packageId);
             },
             enricherService: apiConfig.enricherService
           })
         })]
       })
-    }), /*#__PURE__*/jsx(Spreadsheet, {
+    }), selectedPackage && /*#__PURE__*/jsx(Spreadsheet, {
       gridId: 'crud-grid_groups',
       applicationData: applicationData,
       configuration: configuration
@@ -30612,10 +30655,141 @@ function LoadingModal (_ref) {
   });
 }
 
+var getCurrencyKey = function getCurrencyKey(t) {
+  return [{
+    name: t('backoffice.idmCatalog.general.label.currencies.EUR'),
+    value: 'EUR'
+  }, {
+    name: t('backoffice.idmCatalog.general.label.currencies.USD'),
+    value: 'USD'
+  }, {
+    name: t('backoffice.idmCatalog.general.label.currencies.GBP'),
+    value: 'GBP'
+  }, {
+    name: t('backoffice.idmCatalog.general.label.currencies.CHF'),
+    value: 'CHF'
+  }];
+};
+var getLanguageKey = function getLanguageKey(t) {
+  return [{
+    name: t('backoffice.idmCatalog.general.label.languages.DE'),
+    value: 'DE'
+  }, {
+    name: t('backoffice.idmCatalog.general.label.languages.EN'),
+    value: 'EN'
+  }, {
+    name: t('backoffice.idmCatalog.general.label.languages.FR'),
+    value: 'FR'
+  }, {
+    name: t('backoffice.idmCatalog.general.label.languages.IT'),
+    value: 'IT'
+  }];
+};
+var getCountryKey = function getCountryKey(t) {
+  return [{
+    name: t('backoffice.idmCatalog.general.label.countries.DE'),
+    value: 'DE'
+  }, {
+    name: t('backoffice.idmCatalog.general.label.countries.US'),
+    value: 'US'
+  }, {
+    name: t('backoffice.idmCatalog.general.label.countries.FR'),
+    value: 'FR'
+  }, {
+    name: t('backoffice.idmCatalog.general.label.countries.IT'),
+    value: 'IT'
+  }, {
+    name: t('backoffice.idmCatalog.general.label.countries.GB'),
+    value: 'GB'
+  }, {
+    name: t('backoffice.idmCatalog.general.label.countries.CH'),
+    value: 'CH'
+  }, {
+    name: t('backoffice.idmCatalog.general.label.countries.AT'),
+    value: 'AT'
+  }];
+};
+var getFormOfAddressKey = function getFormOfAddressKey(t) {
+  return [{
+    name: t('backoffice.idmCatalog.general.label.foa.f1'),
+    value: 1
+  }, {
+    name: t('backoffice.idmCatalog.general.label.foa.f2'),
+    value: 2
+  }];
+};
+var getLayerIdKey = function getLayerIdKey(t) {
+  return [{
+    name: t('backoffice.idmCatalog.detailinfos.label.layerkey.l10'),
+    value: 10
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.layerkey.l20'),
+    value: 20
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.layerkey.l30'),
+    value: 30
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.layerkey.l40'),
+    value: 40
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.layerkey.l50'),
+    value: 50
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.layerkey.l60'),
+    value: 60
+  }];
+};
+var getInfoTypeKey = function getInfoTypeKey(t) {
+  return [{
+    name: t('backoffice.idmCatalog.detailinfos.label.infotype.i1'),
+    value: 1
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.infotype.i2'),
+    value: 2
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.infotype.i3'),
+    value: 3
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.infotype.i4'),
+    value: 4
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.infotype.i5'),
+    value: 5
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.infotype.i6'),
+    value: 6
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.infotype.i7'),
+    value: 7
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.infotype.i8'),
+    value: 8
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.infotype.i9'),
+    value: 9
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.infotype.i10'),
+    value: 10
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.infotype.i11'),
+    value: 11
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.infotype.i12'),
+    value: 12
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.infotype.i13'),
+    value: 13
+  }, {
+    name: t('backoffice.idmCatalog.detailinfos.label.infotype.i14'),
+    value: 14
+  }];
+};
+
 function TablePackages () {
   var root = useStore();
   var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
   var _useNavigation = useNavigation$1(),
     organizationId = _useNavigation.organizationId,
     apiConfig = _useNavigation.apiConfig,
@@ -30756,7 +30930,17 @@ function TablePackages () {
             read: apiConfig.idmService + '/v3.0/catalogs?organizationId=${organizationId}'
           },
           lookupValue: 'name',
-          lookupKey: '_id'
+          lookupKey: '_id',
+          lookupLabelTemplate: function lookupLabelTemplate(data) {
+            return data.name + (data.isApi ? ' (CE)' : '');
+          },
+          additionalMappings: [{
+            lookupField: 'isoLanguageIds',
+            targetField: 'isoLanguageIds'
+          }, {
+            lookupField: 'isApi',
+            targetField: 'isApi'
+          }]
         },
         additionalFields: ['basedCatalogName']
       }, {
@@ -30775,11 +30959,37 @@ function TablePackages () {
           },
           lookupValue: 'name',
           lookupKey: '_id',
+          lookupLabelTemplate: function lookupLabelTemplate(data) {
+            return data.name + (data.isApi ? ' (CE)' : '');
+          },
           filter: function filter(rowData, lookupData) {
             return rowData._id !== lookupData._id;
-          }
+          },
+          additionalMappings: [{
+            lookupField: 'isoLanguageIds',
+            targetField: 'isoLanguageIds'
+          }, {
+            lookupField: 'isApi',
+            targetField: 'isApi'
+          }]
         },
         additionalFields: ['basedPackageName']
+      }, {
+        field: 'isoLanguageIds',
+        headerName: 'backoffice.idmCatalog.general.label.isoLanguageIds',
+        cellDataType: 'enum',
+        editable: true,
+        required: true,
+        customParams: {
+          enumData: getLanguageKey(t),
+          multiple: true
+        },
+        defaultValue: ['DE']
+      }, {
+        headerName: 'backoffice.idmEnricher.packages.label.isApi2',
+        field: 'isApi',
+        cellDataType: 'boolean',
+        editable: false
       }, {
         headerName: 'backoffice.idmEnricher.general.label.lastUpdatedDate',
         field: 'lastUpdatedDate',
@@ -30821,7 +31031,7 @@ function TablePackages () {
         defaultValue: '${organizationId}'
       }]
     };
-  }, [apiInterface, apiConfig]);
+  }, [apiInterface, apiConfig, i18n.language]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: t('backoffice.menu.items.label.IDMEnricherTablePackages')
@@ -30846,7 +31056,8 @@ function TableProperties () {
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
     updateNavigation = _useModule.updateNavigation,
-    apiConfig = _useModule.apiConfig;
+    apiConfig = _useModule.apiConfig,
+    selectedPackage = _useModule.selectedPackage;
   var applicationData = useMemo(function () {
     return {
       packageId: packageId,
@@ -30871,8 +31082,7 @@ function TableProperties () {
       colDef: [{
         field: 'key',
         headerName: 'backoffice.idmEnricher.properties.label.key',
-        required: true,
-        pinned: true
+        required: true
       }, {
         field: 'featureNos',
         headerName: 'backoffice.idmEnricher.renaming.label.featureNr',
@@ -30890,8 +31100,7 @@ function TableProperties () {
           translated: true
         },
         additionalFields: ['featureNosDisplayTexts'],
-        isDictionary: true,
-        pinned: true
+        isDictionary: true
       }, {
         field: 'optionKeys',
         headerName: 'backoffice.idmEnricher.renaming.label.optionKeys',
@@ -30915,53 +31124,8 @@ function TableProperties () {
           }
         },
         additionalFields: ['optionKeysDisplayTexts'],
-        isDictionary: true,
-        pinned: true
-      }, {
-        headerName: 'backoffice.idmEnricher.properties.label.name',
-        marryChildren: true,
-        children: [{
-          field: 'name.DE',
-          headerName: 'backoffice.idmEnricher.general.label.DE',
-          isDictionary: true,
-          pinned: true,
-          required: true
-        }, {
-          field: 'name.EN',
-          headerName: 'backoffice.idmEnricher.general.label.EN',
-          isDictionary: true
-        }, {
-          field: 'name.FR',
-          headerName: 'backoffice.idmEnricher.general.label.FR',
-          isDictionary: true
-        }, {
-          field: 'name.IT',
-          headerName: 'backoffice.idmEnricher.general.label.IT',
-          isDictionary: true
-        }]
-      }, {
-        headerName: 'backoffice.idmEnricher.properties.label.value',
-        marryChildren: true,
-        children: [{
-          field: 'value.DE',
-          headerName: 'backoffice.idmEnricher.general.label.DE',
-          isDictionary: true,
-          pinned: true,
-          required: true
-        }, {
-          field: 'value.EN',
-          headerName: 'backoffice.idmEnricher.general.label.EN',
-          isDictionary: true
-        }, {
-          field: 'value.FR',
-          headerName: 'backoffice.idmEnricher.general.label.FR',
-          isDictionary: true
-        }, {
-          field: 'value.IT',
-          headerName: 'backoffice.idmEnricher.general.label.IT',
-          isDictionary: true
-        }]
-      }, {
+        isDictionary: true
+      }, createTranslatedColumnConfig('name', 'backoffice.idmEnricher.properties.label.name', (selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds) || ['DE'], true), createTranslatedColumnConfig('value', 'backoffice.idmEnricher.properties.label.value', (selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds) || ['DE'], true), {
         field: 'serieNos',
         headerName: 'backoffice.idmEnricher.renaming.label.serieNos',
         cellDataType: 'lookup',
@@ -31043,7 +31207,7 @@ function TableProperties () {
         cellDataType: 'objectId'
       }]
     };
-  }, [apiInterface, t]);
+  }, [apiInterface, t, selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -31053,15 +31217,15 @@ function TableProperties () {
           },
           children: /*#__PURE__*/jsx(PackageSelector, {
             organizationId: organizationId,
-            selectedPackage: packageId,
-            setSelectedPackage: function setSelectedPackage(id) {
-              return updateNavigation(id);
+            packageId: packageId,
+            setSelectedPackage: function setSelectedPackage(packageId) {
+              return updateNavigation(packageId);
             },
             enricherService: apiConfig.enricherService
           })
         })]
       })
-    }), /*#__PURE__*/jsx(Spreadsheet, {
+    }), selectedPackage && /*#__PURE__*/jsx(Spreadsheet, {
       gridId: 'crud-grid_properties',
       applicationData: applicationData,
       configuration: configuration
@@ -31069,337 +31233,513 @@ function TableProperties () {
   });
 }
 
-var config$2 = {
-  colDef: [{
-    headerName: 'backoffice.idmEnricher.renaming.label.featureNr',
-    field: 'featureNo',
-    required: true,
-    editable: false,
-    pinned: 'left'
-  }, {
-    headerName: 'backoffice.idmEnricher.renaming.label.featuretext',
-    marryChildren: true,
-    children: [{
-      field: 'translatedFeatureText.DE',
-      headerName: 'backoffice.idmEnricher.general.label.DE',
-      isDictionary: true,
+var getConfig$6 = function getConfig(isoLanguageIds, t) {
+  return {
+    colDef: [{
+      field: 'translatedName',
+      headerName: 'backoffice.idmEnricher.renaming.label.catalogName',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origFeatureText.DE',
-        combinedField: 'featureText.DE'
+        placeHolderField: 'origName',
+        combinedField: 'name'
       },
-      additionalFields: ['origFeatureText.DE', 'featureText.DE'],
-      pinned: 'left'
+      additionalFields: ['origName', 'name']
     }, {
-      field: 'translatedFeatureText.EN',
-      headerName: 'backoffice.idmEnricher.general.label.EN',
-      isDictionary: true,
+      field: 'translatedComment',
+      cellDataType: 'withPlaceholder',
+      headerName: 'backoffice.idmEnricher.renaming.label.translatedComment',
+      customParams: {
+        placeHolderField: 'origComment',
+        combinedField: 'comment'
+      },
+      additionalFields: ['origComment', 'comment']
+    }, createTranslatedColumnConfig('translatedCatalogName', 'backoffice.idmEnricher.renaming.label.catalogName', isoLanguageIds, false, 'withPlaceholder', {
+      placeHolderField: 'origCatalogName',
+      combinedField: 'catalogName'
+    }, ['origCatalogName', 'catalogName']), createTranslatedColumnConfig('translatedCatalogInfo', 'backoffice.idmEnricher.renaming.label.catalogInfo', isoLanguageIds, false, 'withPlaceholder', {
+      placeHolderField: 'origCatalogInfo',
+      combinedField: 'catalogInfo'
+    }, ['origCatalogInfo', 'catalogInfo']), {
+      headerName: 'backoffice.idmEnricher.renaming.label.contactperson',
+      field: 'translatedContactPersonNo1',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origFeatureText.EN',
-        combinedField: 'featureText.EN'
+        placeHolderField: 'origContactPersonNo1',
+        combinedField: 'contactPersonNo1'
       },
-      additionalFields: ['origFeatureText.EN', 'featureText.EN']
+      additionalFields: ['origContactPersonNo1', 'contactPersonNo1']
     }, {
-      field: 'translatedFeatureText.FR',
-      headerName: 'backoffice.idmEnricher.general.label.FR',
-      isDictionary: true,
+      headerName: 'backoffice.idmEnricher.renaming.label.contactrole',
+      field: 'translatedContactRole1',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origFeatureText.FR',
-        combinedField: 'featureText.FR'
+        placeHolderField: 'origContactRole1',
+        combinedField: 'contactRole1'
       },
-      additionalFields: ['origFeatureText.FR', 'featureText.FR']
+      additionalFields: ['origContactRole1', 'contactRole1']
     }, {
-      field: 'translatedFeatureText.IT',
-      headerName: 'backoffice.idmEnricher.general.label.IT',
-      isDictionary: true,
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.contactname',
+      field: 'translatedContactName1',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origFeatureText.IT',
-        combinedField: 'featureText.IT'
+        placeHolderField: 'origContactName1',
+        combinedField: 'contactName1'
       },
-      additionalFields: ['origFeatureText.IT', 'featureText.IT']
-    }]
-  }]
-};
-
-var config$1 = {
-  colDef: [{
-    headerName: 'backoffice.idmEnricher.renaming.label.typeNo',
-    field: 'typeNo',
-    required: true,
-    editable: false,
-    pinned: 'left'
-  }, {
-    headerName: 'backoffice.idmEnricher.renaming.label.shortText',
-    marryChildren: true,
-    children: [{
-      field: 'translatedShortText.DE',
-      headerName: 'backoffice.idmEnricher.general.label.DE',
-      isDictionary: true,
+      additionalFields: ['origContactName1', 'contactName1']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.firstname',
+      field: 'translatedFirstName1',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origShortText.DE',
-        combinedField: 'shortText.DE'
+        placeHolderField: 'origFirstName1',
+        combinedField: 'firstName1'
       },
-      additionalFields: ['origShortText.DE', 'shortText.DE'],
-      pinned: 'left'
+      additionalFields: ['origFirstName1', 'firstName1']
     }, {
-      field: 'translatedShortText.EN',
-      headerName: 'backoffice.idmEnricher.general.label.EN',
-      isDictionary: true,
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.form_of_address',
+      field: 'translatedFormOfAddress1',
       cellDataType: 'withPlaceholder',
+      type: ['withPlaceholderEnum'],
       customParams: {
-        placeHolderField: 'origShortText.EN',
-        combinedField: 'shortText.EN'
+        placeHolderField: 'origFormOfAddress1',
+        combinedField: 'formOfAddress1',
+        enumData: getFormOfAddressKey(t),
+        displayLabelTemplate: '${name} (${value})'
       },
-      additionalFields: ['origShortText.EN', 'shortText.EN']
+      additionalFields: ['origFormOfAddress1', 'formOfAddress1']
     }, {
-      field: 'translatedShortText.FR',
-      headerName: 'backoffice.idmEnricher.general.label.FR',
-      isDictionary: true,
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.department',
+      field: 'translatedDepartment1',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origShortText.FR',
-        combinedField: 'shortText.FR'
+        placeHolderField: 'origDepartment1',
+        combinedField: 'department1'
       },
-      additionalFields: ['origShortText.FR', 'shortText.FR']
+      additionalFields: ['origDepartment1', 'department1']
     }, {
-      field: 'translatedShortText.IT',
-      headerName: 'backoffice.idmEnricher.general.label.IT',
-      isDictionary: true,
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.telephone',
+      field: 'translatedTelephone1',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origShortText.IT',
-        combinedField: 'shortText.IT'
+        placeHolderField: 'origTelephone1',
+        combinedField: 'telephone1'
       },
-      additionalFields: ['origShortText.IT', 'shortText.IT']
-    }]
-  }, {
-    headerName: 'backoffice.idmEnricher.renaming.label.fullText',
-    marryChildren: true,
-    children: [{
-      field: 'translatedFullText.DE',
-      headerName: 'backoffice.idmEnricher.general.label.DE',
-      isDictionary: true,
+      additionalFields: ['origTelephone1', 'telephone1']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.fax',
+      field: 'translatedFax1',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origFullText.DE',
-        combinedField: 'fullText.DE'
+        placeHolderField: 'origFax1',
+        combinedField: 'fax1'
       },
-      additionalFields: ['origFullText.DE', 'fullText.DE']
+      additionalFields: ['origFax1', 'fax1']
     }, {
-      field: 'translatedFullText.EN',
-      headerName: 'backoffice.idmEnricher.general.label.EN',
-      isDictionary: true,
+      field: 'translatedEmail1',
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.email',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origFullText.EN',
-        combinedField: 'fullText.EN'
+        placeHolderField: 'origEmail1',
+        combinedField: 'email1'
       },
-      additionalFields: ['origFullText.EN', 'fullText.EN']
+      additionalFields: ['origEmail1', 'email1']
     }, {
-      field: 'translatedFullText.FR',
-      headerName: 'backoffice.idmEnricher.general.label.FR',
-      isDictionary: true,
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.street',
+      field: 'translatedStreet1',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origFullText.FR',
-        combinedField: 'fullText.FR'
+        placeHolderField: 'origStreet1',
+        combinedField: 'street1'
       },
-      additionalFields: ['origFullText.FR', 'fullText.FR']
+      additionalFields: ['origStreet1', 'street1']
     }, {
-      field: 'translatedFullText.IT',
-      headerName: 'backoffice.idmEnricher.general.label.IT',
-      isDictionary: true,
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.zip',
+      field: 'translatedZipCodeStreet1',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origFullText.IT',
-        combinedField: 'fullText.IT'
+        placeHolderField: 'origZipCodeStreet1',
+        combinedField: 'zipCodeStreet1'
       },
-      additionalFields: ['origFullText.IT', 'fullText.IT']
-    }]
-  }, {
-    headerName: 'backoffice.idmEnricher.renaming.label.planningAdvice',
-    marryChildren: true,
-    children: [{
-      field: 'translatedPlanningAdvice.DE',
-      headerName: 'backoffice.idmEnricher.general.label.DE',
-      isDictionary: true,
+      additionalFields: ['origZipCodeStreet1', 'zipCodeStreet1']
+    }, {
+      field: 'translatedCity1',
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.city',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origPlanningAdvice.DE',
-        combinedField: 'planningAdvice.DE'
+        placeHolderField: 'origCity1',
+        combinedField: 'city1'
       },
-      additionalFields: ['origPlanningAdvice.DE', 'planningAdvice.DE']
+      additionalFields: ['origCity1', 'city1']
     }, {
-      field: 'translatedPlanningAdvice.EN',
-      headerName: 'backoffice.idmEnricher.general.label.EN',
-      isDictionary: true,
+      field: 'translatedIsoCountryId1',
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.country',
       cellDataType: 'withPlaceholder',
+      type: ['withPlaceholderEnum'],
       customParams: {
-        placeHolderField: 'origPlanningAdvice.EN',
-        combinedField: 'planningAdvice.EN'
+        placeHolderField: 'origIsoCountryId1',
+        combinedField: 'isoCountryId1',
+        enumData: getCountryKey(t)
       },
-      additionalFields: ['origPlanningAdvice.EN', 'planningAdvice.EN']
+      additionalFields: ['origIsoCountryId1', 'isoCountryId1']
     }, {
-      field: 'translatedPlanningAdvice.FR',
-      headerName: 'backoffice.idmEnricher.general.label.FR',
-      isDictionary: true,
+      field: 'translatedContactPersonNo2',
+      headerName: 'backoffice.idmEnricher.renaming.label.contactperson2',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origPlanningAdvice.FR',
-        combinedField: 'planningAdvice.FR'
+        placeHolderField: 'origContactPersonNo2',
+        combinedField: 'contactPersonNo2'
       },
-      additionalFields: ['origPlanningAdvice.FR', 'planningAdvice.FR']
+      additionalFields: ['origContactPersonNo2', 'contactPersonNo2']
     }, {
-      field: 'translatedPlanningAdvice.IT',
-      headerName: 'backoffice.idmEnricher.general.label.IT',
-      isDictionary: true,
+      headerName: 'backoffice.idmEnricher.renaming.label.contactrole2',
+      field: 'translatedContactRole2',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origPlanningAdvice.IT',
-        combinedField: 'planningAdvice.IT'
+        placeHolderField: 'origContactRole2',
+        combinedField: 'contactRole2'
       },
-      additionalFields: ['origPlanningAdvice.IT', 'planningAdvice.IT']
-    }]
-  }, {
-    headerName: 'backoffice.idmEnricher.renaming.label.translatedSalesNumber',
-    field: 'translatedSalesNumber',
-    cellDataType: 'withPlaceholder',
-    customParams: {
-      placeHolderField: 'origSalesNumber',
-      combinedField: 'salesNumber'
-    },
-    additionalFields: ['origSalesNumber', 'salesNumber']
-  }, {
-    field: 'sequenceNo',
-    headerName: 'backoffice.idmEnricher.renaming.label.sequenceNo',
-    editable: false,
-    cellDataType: 'number'
-  }, {
-    headerName: 'backoffice.idmEnricher.renaming.label.edpnummer',
-    field: 'translatedEdpNumber',
-    cellDataType: 'withPlaceholder',
-    customParams: {
-      placeHolderField: 'origEdpNumber',
-      combinedField: 'edpNumber'
-    },
-    additionalFields: ['origEdpNumber', 'edpNumber']
-  }, {
-    headerName: 'backoffice.idmEnricher.renaming.label.eannummer',
-    field: 'translatedEanNumber',
-    cellDataType: 'withPlaceholder',
-    customParams: {
-      placeHolderField: 'origEanNumber',
-      combinedField: 'eanNumber'
-    },
-    additionalFields: ['origEanNumber', 'eanNumber']
-  }]
-};
-
-var config = {
-  colDef: [{
-    headerName: 'backoffice.idmEnricher.renaming.label.optionKey',
-    field: 'optionKey',
-    required: true,
-    editable: false,
-    pinned: 'left'
-  }, {
-    headerName: 'backoffice.idmEnricher.renaming.label.optionText',
-    marryChildren: true,
-    children: [{
-      field: 'translatedOptionText.DE',
-      headerName: 'backoffice.idmEnricher.general.label.DE',
-      isDictionary: true,
+      additionalFields: ['origContactRole2', 'contactRole2']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.contactname2',
+      field: 'translatedContactName2',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origOptionText.DE',
-        combinedField: 'optionText.DE',
-        maxLength: 60
+        placeHolderField: 'origContactName2',
+        combinedField: 'contactName2'
       },
-      additionalFields: ['origOptionText.DE', 'optionText.DE'],
-      pinned: 'left'
+      additionalFields: ['origContactName2', 'contactName2']
     }, {
-      field: 'translatedOptionText.EN',
-      headerName: 'backoffice.idmEnricher.general.label.EN',
-      isDictionary: true,
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.firstname2',
+      field: 'translatedFirstName2',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origOptionText.EN',
-        combinedField: 'optionText.EN',
-        maxLength: 60
+        placeHolderField: 'origFirstName2',
+        combinedField: 'firstName2'
       },
-      additionalFields: ['origOptionText.EN', 'optionText.EN']
+      additionalFields: ['origFirstName2', 'firstName2']
     }, {
-      field: 'translatedOptionText.FR',
-      headerName: 'backoffice.idmEnricher.general.label.FR',
-      isDictionary: true,
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.form_of_address2',
+      field: 'translatedFormOfAddress2',
       cellDataType: 'withPlaceholder',
+      type: ['withPlaceholderEnum'],
       customParams: {
-        placeHolderField: 'origOptionText.FR',
-        combinedField: 'optionText.FR',
-        maxLength: 60
+        placeHolderField: 'origFormOfAddress2',
+        combinedField: 'formOfAddress2',
+        enumData: getFormOfAddressKey(t),
+        displayLabelTemplate: '${name} (${value})'
       },
-      additionalFields: ['origOptionText.FR', 'optionText.FR']
+      additionalFields: ['origFormOfAddress2', 'formOfAddress2']
     }, {
-      field: 'translatedOptionText.IT',
-      headerName: 'backoffice.idmEnricher.general.label.IT',
-      isDictionary: true,
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.department2',
+      field: 'translatedDepartment2',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origOptionText.IT',
-        combinedField: 'optionText.IT',
-        maxLength: 60
+        placeHolderField: 'origDepartment2',
+        combinedField: 'department2'
       },
-      additionalFields: ['origOptionText.IT', 'optionText.IT']
-    }]
-  }, {
-    headerName: 'backoffice.idmEnricher.renaming.label.optionCommentText',
-    marryChildren: true,
-    children: [{
-      field: 'translatedOptionCommentText.DE',
-      headerName: 'backoffice.idmEnricher.general.label.DE',
-      isDictionary: true,
+      additionalFields: ['origDepartment2', 'department2']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.telephone2',
+      field: 'translatedTelephone2',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origOptionCommentText.DE',
-        combinedField: 'optionCommentText.DE'
+        placeHolderField: 'origTelephone2',
+        combinedField: 'telephone2'
       },
-      additionalFields: ['origOptionCommentText.DE', 'optionCommentText.DE']
+      additionalFields: ['origTelephone2', 'telephone2']
     }, {
-      field: 'translatedOptionCommentText.EN',
-      headerName: 'backoffice.idmEnricher.general.label.EN',
-      isDictionary: true,
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.fax2',
+      field: 'translatedFax2',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origOptionCommentText.EN',
-        combinedField: 'optionCommentText.EN'
+        placeHolderField: 'origFax2',
+        combinedField: 'fax2'
       },
-      additionalFields: ['origOptionCommentText.EN', 'optionCommentText.EN']
+      additionalFields: ['origFax2', 'fax2']
     }, {
-      field: 'translatedOptionCommentText.FR',
-      headerName: 'backoffice.idmEnricher.general.label.FR',
-      isDictionary: true,
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.email2',
+      field: 'translatedEmail2',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origOptionCommentText.FR',
-        combinedField: 'optionCommentText.FR'
+        placeHolderField: 'origEmail2',
+        combinedField: 'email2'
       },
-      additionalFields: ['origOptionCommentText.FR', 'optionCommentText.FR']
+      additionalFields: ['origEmail2', 'email2']
     }, {
-      field: 'translatedOptionCommentText.IT',
-      headerName: 'backoffice.idmEnricher.general.label.IT',
-      isDictionary: true,
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.street2',
+      field: 'translatedStreet2',
+      cellDataType: 'withPlaceholder',
+      customParams: {
+        placeHolderField: 'origStreet2',
+        combinedField: 'street2'
+      },
+      additionalFields: ['origStreet2', 'street2']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.zip2',
+      field: 'translatedZipCodeStreet2',
+      cellDataType: 'withPlaceholder',
+      customParams: {
+        placeHolderField: 'origZipCodeStreet2',
+        combinedField: 'zipCodeStreet2'
+      },
+      additionalFields: ['origZipCodeStreet2', 'zipCodeStreet2']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.city2',
+      field: 'translatedCity2',
+      cellDataType: 'withPlaceholder',
+      customParams: {
+        placeHolderField: 'origCity2',
+        combinedField: 'city2'
+      },
+      additionalFields: ['origCity2', 'city2']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.country2',
+      field: 'translatedIsoCountryId2',
+      editable: true,
+      cellDataType: 'withPlaceholder',
+      type: ['withPlaceholderEnum'],
+      customParams: {
+        placeHolderField: 'origIsoCountryId2',
+        combinedField: 'isoCountryId2',
+        enumData: getCountryKey(t)
+      },
+      additionalFields: ['origIsoCountryId2', 'isoCountryId2']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.manufacturename',
+      field: 'translatedManufactureName1',
+      cellDataType: 'withPlaceholder',
+      customParams: {
+        placeHolderField: 'origManufactureName1',
+        combinedField: 'manufactureName1'
+      },
+      additionalFields: ['origManufactureName1', 'manufactureName1']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.manufacturename2',
+      field: 'translatedManufactureName2',
+      cellDataType: 'withPlaceholder',
+      customParams: {
+        placeHolderField: 'origManufactureName2',
+        combinedField: 'manufactureName2'
+      },
+      additionalFields: ['origManufactureName2', 'manufactureName2']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.email',
+      field: 'translatedEmail',
+      cellDataType: 'withPlaceholder',
+      customParams: {
+        placeHolderField: 'origEmail',
+        combinedField: 'email'
+      },
+      additionalFields: ['origEmail', 'email']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.internetaddress',
+      field: 'translatedInternetAddress',
+      cellDataType: 'withPlaceholder',
+      customParams: {
+        placeHolderField: 'origInternetAddress',
+        combinedField: 'internetAddress'
+      },
+      additionalFields: ['origInternetAddress', 'internetAddress']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.street',
+      field: 'translatedStreet',
+      cellDataType: 'withPlaceholder',
+      customParams: {
+        placeHolderField: 'origStreet',
+        combinedField: 'street'
+      },
+      additionalFields: ['origStreet', 'street']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.zip',
+      field: 'translatedZipCodeStreet',
+      cellDataType: 'withPlaceholder',
+      customParams: {
+        placeHolderField: 'origZipCodeStreet',
+        combinedField: 'zipCodeStreet'
+      },
+      additionalFields: ['origZipCodeStreet', 'zipCodeStreet']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.city',
+      field: 'translatedCity',
+      cellDataType: 'withPlaceholder',
+      customParams: {
+        placeHolderField: 'origCity',
+        combinedField: 'city'
+      },
+      additionalFields: ['origCity', 'city']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.country',
+      field: 'translatedContactSupplierIsoCountryId',
+      editable: true,
+      cellDataType: 'withPlaceholder',
+      type: ['withPlaceholderEnum'],
+      customParams: {
+        placeHolderField: 'origContactSupplierIsoCountryId',
+        combinedField: 'contactSupplierIsoCountryId',
+        enumData: getCountryKey(t)
+      },
+      additionalFields: ['origContactSupplierIsoCountryId', 'contactSupplierIsoCountryId']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.zippostbox',
+      field: 'translatedZipCodePostBox',
+      cellDataType: 'withPlaceholder',
+      customParams: {
+        placeHolderField: 'origZipCodePostBox',
+        combinedField: 'zipCodePostBox'
+      },
+      additionalFields: ['origZipCodePostBox', 'zipCodePostBox']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.postbox',
+      field: 'translatedPostBox',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origOptionCommentText.IT',
-        combinedField: 'optionCommentText.IT'
+        placeHolderField: 'origPostBox',
+        combinedField: 'postBox'
       },
-      additionalFields: ['origOptionCommentText.IT', 'optionCommentText.IT']
+      additionalFields: ['origPostBox', 'postBox']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.telephoneswitchboard',
+      field: 'translatedTelephoneSwitchboard',
+      cellDataType: 'withPlaceholder',
+      customParams: {
+        placeHolderField: 'origTelephoneSwitchboard',
+        combinedField: 'telephoneSwitchboard'
+      },
+      additionalFields: ['origTelephoneSwitchboard', 'telephoneSwitchboard']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.translated.faxswitchboard',
+      field: 'translatedFaxSwitchboard',
+      cellDataType: 'withPlaceholder',
+      customParams: {
+        placeHolderField: 'origFaxSwitchboard',
+        combinedField: 'faxSwitchboard'
+      },
+      additionalFields: ['origFaxSwitchboard', 'faxSwitchboard']
     }]
-  }]
+  };
+};
+
+var getConfig$5 = function getConfig(isoLanguageIds) {
+  return {
+    colDef: [{
+      headerName: 'backoffice.idmEnricher.renaming.label.detailinfo_nr',
+      field: 'detailInfoNo',
+      editable: false
+    }, createTranslatedColumnConfig('translatedExternalName', 'backoffice.idmEnricher.renaming.label.externalName', isoLanguageIds, false, 'withPlaceholder', {
+      placeHolderField: 'origExternalName',
+      combinedField: 'externalName'
+    }, ['origExternalName', 'externalName']), createTranslatedColumnConfig('translatedInternalName', 'backoffice.idmEnricher.renaming.label.internalName', isoLanguageIds, false, 'withPlaceholder', {
+      placeHolderField: 'origInternalName',
+      combinedField: 'internalName'
+    }, ['origInternalName', 'internalName']), createTranslatedColumnConfig('translatedToolTip', 'backoffice.idmEnricher.renaming.label.tooltip', isoLanguageIds, false, 'withPlaceholder', {
+      placeHolderField: 'origToolTip',
+      combinedField: 'toolTip'
+    }, ['origToolTip', 'toolTip'])]
+  };
+};
+
+var getConfig$4 = function getConfig(isoLanguageIds) {
+  return {
+    colDef: [{
+      headerName: 'backoffice.idmEnricher.renaming.label.featureNr',
+      field: 'featureNo',
+      required: true,
+      editable: false,
+      pinned: 'left'
+    }, createTranslatedColumnConfig('translatedFeatureText', 'backoffice.idmEnricher.renaming.label.featuretext', isoLanguageIds, true, 'withPlaceholder', {
+      placeHolderField: 'origFeatureText',
+      combinedField: 'featureText'
+    }, ['origFeatureText', 'featureText'])]
+  };
+};
+
+var getConfig$3 = function getConfig(isoLanguageIds) {
+  return {
+    colDef: [{
+      headerName: 'backoffice.idmEnricher.renaming.label.typeNo',
+      field: 'typeNo',
+      required: true,
+      editable: false,
+      pinned: 'left'
+    }, createTranslatedColumnConfig('translatedShortText', 'backoffice.idmEnricher.renaming.label.shortText', isoLanguageIds, true, 'withPlaceholder', {
+      placeHolderField: 'origShortText',
+      combinedField: 'shortText'
+    }, ['origShortText', 'shortText']), createTranslatedColumnConfig('translatedFullText', 'backoffice.idmEnricher.renaming.label.fullText', isoLanguageIds, true, 'withPlaceholder', {
+      placeHolderField: 'origFullText',
+      combinedField: 'fullText'
+    }, ['origFullText', 'fullText']), createTranslatedColumnConfig('translatedPlanningAdvice', 'backoffice.idmEnricher.renaming.label.planningAdvice', isoLanguageIds, true, 'withPlaceholder', {
+      placeHolderField: 'origPlanningAdvice',
+      combinedField: 'planningAdvice'
+    }, ['origPlanningAdvice', 'planningAdvice']), {
+      headerName: 'backoffice.idmEnricher.renaming.label.translatedSalesNumber',
+      field: 'translatedSalesNumber',
+      cellDataType: 'withPlaceholder',
+      customParams: {
+        placeHolderField: 'origSalesNumber',
+        combinedField: 'salesNumber'
+      },
+      additionalFields: ['origSalesNumber', 'salesNumber']
+    }, {
+      field: 'sequenceNo',
+      headerName: 'backoffice.idmEnricher.renaming.label.sequenceNo',
+      editable: false,
+      cellDataType: 'number'
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.edpnummer',
+      field: 'translatedEdpNumber',
+      cellDataType: 'withPlaceholder',
+      customParams: {
+        placeHolderField: 'origEdpNumber',
+        combinedField: 'edpNumber'
+      },
+      additionalFields: ['origEdpNumber', 'edpNumber']
+    }, {
+      headerName: 'backoffice.idmEnricher.renaming.label.eannummer',
+      field: 'translatedEanNumber',
+      cellDataType: 'withPlaceholder',
+      customParams: {
+        placeHolderField: 'origEanNumber',
+        combinedField: 'eanNumber'
+      },
+      additionalFields: ['origEanNumber', 'eanNumber']
+    }]
+  };
+};
+
+var getConfig$2 = function getConfig(isoLanguageIds) {
+  return {
+    colDef: [{
+      headerName: 'backoffice.idmEnricher.renaming.label.optionKey',
+      field: 'optionKey',
+      required: true,
+      editable: false,
+      pinned: 'left'
+    }, createTranslatedColumnConfig('translatedOptionText', 'backoffice.idmEnricher.renaming.label.optionText', isoLanguageIds, true, 'withPlaceholder', {
+      placeHolderField: 'origOptionText',
+      combinedField: 'optionText'
+    }, ['origOptionText', 'optionText']), createTranslatedColumnConfig('translatedOptionCommentText', 'backoffice.idmEnricher.renaming.label.optionCommentText', isoLanguageIds, true, 'withPlaceholder', {
+      placeHolderField: 'origOptionCommentText',
+      combinedField: 'optionCommentText'
+    }, ['origOptionCommentText', 'optionCommentText'])]
+  };
+};
+
+var getConfig$1 = function getConfig(isoLanguageIds) {
+  return {
+    colDef: [{
+      headerName: 'backoffice.idmEnricher.renaming.label.serieNo',
+      field: 'serieNo',
+      cellDataType: 'number',
+      required: true,
+      editable: false
+    }, createTranslatedColumnConfig('translatedSeriesName', 'backoffice.idmEnricher.renaming.label.serieName', isoLanguageIds, false, 'withPlaceholder', {
+      placeHolderField: 'origSeriesName',
+      combinedField: 'seriesName'
+    }, ['origSeriesName', 'seriesName']), createTranslatedColumnConfig('translatedSeriesFullText', 'backoffice.idmEnricher.renaming.label.serieFullText', isoLanguageIds, false, 'withPlaceholder', {
+      placeHolderField: 'origSeriesFullText',
+      combinedField: 'seriesFullText'
+    }, ['origSeriesFullText', 'seriesFullText'])]
+  };
 };
 
 function SeriesSelector$1(_ref) {
@@ -31469,76 +31809,57 @@ function FeatureSelector$1(_ref) {
   }, packageId);
 }
 
-function useConfiguration (configuration) {
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    countryCodes = _useState2[0];
-    _useState2[1];
-  var _useTranslation = useTranslation();
-    _useTranslation.t;
-  // useEffect(() => {
-  //   (async () => {
-  //     const response = await fetch('/country_codes.json');
-  //     const data = await response.json();
-  //     setCountryCodes(
-  //       data.map((country: any) => {
-  //         const { code, ...translations } = country;
-  //         return { value: code, label: translations };
-  //       }),
-  //     );
-  //   })();
-  // }, []);
-
-  var config = useMemo(function () {
-    var config = configuration;
-
-    //TODO: only needed for catalog table, witch is currently not in use, not relevant for CL-Editor
-    // config.colDef = config.colDef.map((col: any) => {
-    //   if (col.headerName) col.headerName = t(col.headerName);
-
-    //   if ('field' in col && ['isoCountryId2', 'isoCountryId1', 'contactSupplierIsoCountryId'].includes(col.field ?? '')) {
-    //     col.customParams.options = countryCodes;
-    //   }
-    //   return col;
-    // });
-    return config;
-  }, [countryCodes]);
-  return {
-    configuration: config,
-    countryCodesLoaded: countryCodes.length > 0
-  };
-}
-
+var RenamingCatalog = function RenamingCatalog() {
+  return /*#__PURE__*/jsx(RenamingTable, {
+    type: "catalogs",
+    getConfig: getConfig$6
+  });
+};
+var RenamingDetailInfo = function RenamingDetailInfo() {
+  return /*#__PURE__*/jsx(RenamingTable, {
+    type: "detailInfos",
+    getConfig: getConfig$5
+  });
+};
 var RenamingFeature = function RenamingFeature() {
   return /*#__PURE__*/jsx(RenamingTable, {
     type: "features",
-    config: config$2
+    getConfig: getConfig$4
   });
 };
 var RenamingItem = function RenamingItem() {
   return /*#__PURE__*/jsx(RenamingTable, {
     type: "items",
-    config: config$1
+    getConfig: getConfig$3
   });
 };
 var RenamingOption = function RenamingOption() {
   return /*#__PURE__*/jsx(RenamingTable, {
     type: "options",
-    config: config
+    getConfig: getConfig$2
+  });
+};
+var RenamingSerie = function RenamingSerie() {
+  return /*#__PURE__*/jsx(RenamingTable, {
+    type: "series",
+    getConfig: getConfig$1
   });
 };
 var RenamingTable = function RenamingTable(_ref) {
   var type = _ref.type,
-    config = _ref.config;
+    getConfig = _ref.getConfig;
   var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
   var _useModule = useModule$1(['renaming', type]),
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
     updateNavigation = _useModule.updateNavigation,
-    apiConfig = _useModule.apiConfig;
-  var _useConfiguration = useConfiguration(config),
-    baseConfiguration = _useConfiguration.configuration;
+    apiConfig = _useModule.apiConfig,
+    selectedPackage = _useModule.selectedPackage;
+  var baseConfiguration = useMemo(function () {
+    return getConfig((selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds) || ['DE'], t);
+  }, [selectedPackage, i18n.language]);
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedSerie = _React$useState2[0],
@@ -31552,18 +31873,33 @@ var RenamingTable = function RenamingTable(_ref) {
       packageId: packageId
     };
   }, [packageId]);
+  var prevPreFilter = useRef();
   var preFilter = useMemo(function () {
-    return type === 'options' && selectedFeature ? {
-      filterType: 'text',
-      type: 'equals',
-      colId: 'featureNo',
-      filter: selectedFeature === null || selectedFeature === void 0 ? void 0 : selectedFeature.featureNo
-    } : type === 'items' && selectedSerie ? {
-      filterType: 'number',
-      type: 'equals',
-      colId: 'serieNo',
-      filter: selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo
-    } : undefined;
+    if (type === 'options' && !selectedFeature) {
+      return prevPreFilter.current;
+    } else if (type === 'items' && selectedSerie) {
+      var newFilter = {
+        filterType: 'text',
+        type: 'equals',
+        colId: 'featureNo',
+        filter: selectedFeature === null || selectedFeature === void 0 ? void 0 : selectedFeature.featureNo
+      };
+      prevPreFilter.current = newFilter;
+      return newFilter;
+    }
+    if (type === 'items' && !selectedSerie) {
+      return prevPreFilter.current;
+    } else if (type === 'options' && selectedFeature) {
+      var _newFilter = {
+        filterType: 'text',
+        type: 'equals',
+        colId: 'featureNo',
+        filter: selectedFeature === null || selectedFeature === void 0 ? void 0 : selectedFeature.featureNo
+      };
+      prevPreFilter.current = _newFilter;
+      return _newFilter;
+    }
+    return undefined;
   }, [type, selectedSerie, selectedFeature]);
   var apiInterface = useMemo(function () {
     return {
@@ -31595,8 +31931,8 @@ var RenamingTable = function RenamingTable(_ref) {
     };
   }, [apiInterface, baseConfiguration.colDef]);
   var showTable = useMemo(function () {
-    return !['items', 'options'].includes(type) || type === 'items' && selectedSerie || type === 'options' && selectedFeature;
-  }, [type, selectedSerie, selectedFeature]);
+    return selectedPackage && (!['items', 'options'].includes(type) || type === 'items' && preFilter || type === 'options' && preFilter);
+  }, [type, preFilter, selectedPackage]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -31606,9 +31942,9 @@ var RenamingTable = function RenamingTable(_ref) {
           },
           children: [/*#__PURE__*/jsx(PackageSelector, {
             organizationId: organizationId,
-            selectedPackage: packageId,
-            setSelectedPackage: function setSelectedPackage(id) {
-              return updateNavigation(id);
+            packageId: packageId,
+            setSelectedPackage: function setSelectedPackage(packageId) {
+              return updateNavigation(packageId);
             },
             enricherService: apiConfig.enricherService
           }), type === 'items' && /*#__PURE__*/jsx(SeriesSelector$1, {
@@ -31641,7 +31977,8 @@ function getConfig(t) {
       colDef: [{
         field: 'detailInfoNo',
         headerName: 'backoffice.idmEnricher.renaming.label.detailinfo_nr',
-        editable: false
+        editable: false,
+        cellDataType: 'number'
       }, {
         headerName: 'backoffice.idmEnricher.exclusivity.label.classification',
         field: 'classification',
@@ -31649,11 +31986,19 @@ function getConfig(t) {
       }, {
         headerName: 'backoffice.idmEnricher.exclusivity.label.infoType',
         field: 'infoType',
-        editable: false
+        editable: false,
+        cellDataType: 'enum',
+        customParams: {
+          enumData: getInfoTypeKey(t)
+        }
       }, {
         headerName: 'backoffice.idmEnricher.exclusivity.label.layer',
         field: 'layer',
-        editable: false
+        editable: false,
+        cellDataType: 'enum',
+        customParams: {
+          enumData: getLayerIdKey(t)
+        }
       }, {
         field: 'url',
         headerName: 'backoffice.idmEnricher.exclusivity.label.url',
@@ -31665,7 +32010,11 @@ function getConfig(t) {
       }, {
         field: 'isoLanguageId',
         headerName: 'backoffice.idmEnricher.exclusivity.label.isoLanguage',
-        editable: false
+        editable: false,
+        cellDataType: 'enum',
+        customParams: {
+          enumData: getLanguageKey(t)
+        }
       }, {
         field: 'mediaType',
         headerName: 'backoffice.idmEnricher.exclusivity.label.mediaType',
@@ -31674,18 +32023,6 @@ function getConfig(t) {
         field: 'functionType',
         headerName: 'backoffice.idmEnricher.exclusivity.label.functionType',
         editable: false
-      }, {
-        field: 'mediaItemId',
-        headerName: 'backoffice.idmEnricher.exclusivity.label.mediaItemId',
-        editable: false
-      }, {
-        field: 'mediaItemRefId',
-        headerName: 'backoffice.idmEnricher.exclusivity.label.mediaItemRefId',
-        editable: false
-      }, {
-        headerName: 'backoffice.idmEnricher.exclusivity.label.error',
-        field: 'error',
-        editable: false
       }, {
         field: 'externalName',
         headerName: 'backoffice.idmEnricher.renaming.label.externalName',
@@ -31704,15 +32041,6 @@ function getConfig(t) {
         editable: false,
         cellDataType: 'translated',
         isDictionary: true
-      }, {
-        field: 'catalogId',
-        headerName: 'backoffice.idmEnricher.packages.label.catalogId',
-        editable: false
-      }, {
-        field: 'organizationId',
-        headerName: 'backoffice.idmEnricher.packages.label.organizationId',
-        editable: false,
-        defaultValue: '${organizationId}'
       }]
     },
     feature: {
@@ -31792,7 +32120,8 @@ function getConfig(t) {
       colDef: [{
         field: 'serieNo',
         headerName: 'backoffice.idmEnricher.renaming.label.serieNo',
-        editable: false
+        editable: false,
+        cellDataType: 'number'
       }, {
         field: 'seriesName',
         headerName: 'backoffice.idmEnricher.renaming.label.serieName',
@@ -31805,15 +32134,6 @@ function getConfig(t) {
         editable: false,
         cellDataType: 'translated',
         isDictionary: true
-      }, {
-        field: 'catalogId',
-        headerName: 'backoffice.idmEnricher.packages.label.catalogId',
-        editable: false
-      }, {
-        field: 'organizationId',
-        headerName: 'backoffice.idmEnricher.packages.label.organizationId',
-        editable: false,
-        defaultValue: '${organizationId}'
       }, {
         field: 'sequenceNo',
         headerName: 'backoffice.idmEnricher.renaming.label.sequenceNo',
@@ -31826,11 +32146,11 @@ function getConfig(t) {
         cellDataType: 'number'
       }, {
         headerName: 'backoffice.idmEnricher.exclusivity.label.validFrom',
-        field: 'validFrom',
+        field: 'validFromDate',
         cellDataType: 'dateString',
         editable: false
       }, {
-        field: 'validUntil',
+        field: 'validUntilDate',
         headerName: 'backoffice.idmEnricher.exclusivity.label.validUntil',
         cellDataType: 'dateString',
         editable: false
@@ -32019,6 +32339,18 @@ function getConfig(t) {
   };
 }
 
+var ExclusivitySerie = function ExclusivitySerie() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
+  var config = useMemo(function () {
+    return getConfig(t);
+  }, [i18n.language]);
+  return /*#__PURE__*/jsx(ExclusivityTable, {
+    type: "eserie",
+    config: config['serie']
+  });
+};
 var ExclusivityFeature = function ExclusivityFeature() {
   var _useTranslation2 = useTranslation(),
     t = _useTranslation2.t,
@@ -32031,6 +32363,18 @@ var ExclusivityFeature = function ExclusivityFeature() {
     config: config['feature']
   });
 };
+var ExclusivityExclusivityDetailInfo = function ExclusivityExclusivityDetailInfo() {
+  var _useTranslation3 = useTranslation(),
+    t = _useTranslation3.t,
+    i18n = _useTranslation3.i18n;
+  var config = useMemo(function () {
+    return getConfig(t);
+  }, [i18n.language]);
+  return /*#__PURE__*/jsx(ExclusivityTable, {
+    type: "edetailInfo",
+    config: config['detailInfo']
+  });
+};
 var ExclusivitySerieItems = function ExclusivitySerieItems() {
   var _useTranslation4 = useTranslation(),
     t = _useTranslation4.t,
@@ -32056,7 +32400,6 @@ var ExclusivityFeatureOption = function ExclusivityFeatureOption() {
   });
 };
 var ExclusivityTable = function ExclusivityTable(_ref) {
-  var _selectedSerie$series;
   var type = _ref.type,
     config = _ref.config;
   var _useTranslation6 = useTranslation(),
@@ -32073,37 +32416,41 @@ var ExclusivityTable = function ExclusivityTable(_ref) {
     packageId = _useModule.packageId,
     updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig,
-    organizationId = _useModule.organizationId;
-  var applicationData = useMemo(function () {
+    organizationId = _useModule.organizationId,
+    selectedPackage = _useModule.selectedPackage;
+  var apiInterface = useMemo(function () {
+    var patchId = '${_id}';
+    if (type === 'eitem') patchId = '${typeNo}';
+    if (type === 'eoption') patchId = '${optionKey}';
+    var subType = 'features';
+    if (type === 'eserie' || type === 'eitem') subType = 'series';
+    if (type === 'edetailInfo') subType = 'detailInfos';
+    var listType = type === 'eitem' ? 'items' : 'options';
     return {
+      read: !['eitem', 'eoption'].includes(type) ? apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType : apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType + '/${subTypeId}/' + listType,
+      update: !['eitem', 'eoption'].includes(type) ? apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType + '/' + patchId : apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType + '/${subTypeId}/' + listType + '/' + patchId
+    };
+  }, [type]);
+  var oldDataRef = useRef();
+  var applicationData = useMemo(function () {
+    if (type === 'eitem' && !selectedSerie) {
+      return oldDataRef.current;
+    }
+    if (type === 'eoption' && !selectedFeature) {
+      return oldDataRef.current;
+    }
+    var newData = {
       type: type,
       packageId: packageId,
-      organizationId: organizationId
+      organizationId: organizationId,
+      subTypeId: type === 'eitem' ? selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie._id : selectedFeature === null || selectedFeature === void 0 ? void 0 : selectedFeature._id
     };
-  }, [type, packageId, organizationId]);
+    oldDataRef.current = newData;
+    return newData;
+  }, [type, packageId, organizationId, selectedSerie, selectedFeature]);
   var showTable = useMemo(function () {
-    return type !== 'eitem' && type !== 'eoption' || type === 'eitem' && selectedSerie || type === 'eoption' && selectedFeature;
-  }, [type, selectedSerie, selectedFeature]);
-  var patchId = useMemo(function () {
-    if (type === 'eitem' && selectedSerie) return '${typeNo}';
-    if (type === 'eoption' && selectedFeature) return '${optionKey}';
-    return '${_id}';
-  }, [type, selectedSerie, selectedFeature]);
-  var subType = useMemo(function () {
-    return type === 'eitem' ? 'series' : 'features';
-  }, [type]);
-  var listType = useMemo(function () {
-    return type === 'eitem' ? 'items' : 'options';
-  }, [type]);
-  var subTypeId = useMemo(function () {
-    return type === 'eitem' ? selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie._id : selectedFeature === null || selectedFeature === void 0 ? void 0 : selectedFeature._id;
-  }, [type, selectedSerie, selectedFeature]);
-  var apiInterface = useMemo(function () {
-    return {
-      read: !selectedSerie && !selectedFeature ? apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType : apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType + '/' + subTypeId + '/' + listType,
-      update: !selectedSerie && !selectedFeature ? apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType + '/' + patchId : apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType + '/' + subTypeId + '/' + listType + '/' + patchId
-    };
-  }, [selectedSerie, selectedFeature, subType, subTypeId, listType, patchId]);
+    return selectedPackage && (!['eitem', 'eoption'].includes(type) || type === 'eitem' && applicationData || type === 'eoption' && applicationData);
+  }, [type, applicationData, selectedPackage]);
   var configuration = useMemo(function () {
     return {
       type: 'dotnetSSM',
@@ -32143,9 +32490,9 @@ var ExclusivityTable = function ExclusivityTable(_ref) {
           },
           children: [/*#__PURE__*/jsx(PackageSelector, {
             organizationId: organizationId,
-            selectedPackage: packageId,
-            setSelectedPackage: function setSelectedPackage(id) {
-              return updateNavigation(id);
+            packageId: packageId,
+            setSelectedPackage: function setSelectedPackage(packageId) {
+              return updateNavigation(packageId);
             },
             enricherService: apiConfig.enricherService
           }), type === 'eitem' && /*#__PURE__*/jsx(SeriesSelector$1, {
@@ -32164,7 +32511,7 @@ var ExclusivityTable = function ExclusivityTable(_ref) {
         })]
       })
     }), showTable && /*#__PURE__*/jsx(Spreadsheet, {
-      gridId: 'crud-grid_exclusivity_' + type + ((_selectedSerie$series = selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.seriesName.DE) !== null && _selectedSerie$series !== void 0 ? _selectedSerie$series : ''),
+      gridId: 'crud-grid_exclusivity_' + type,
       applicationData: applicationData,
       configuration: configuration
     })]
@@ -32178,7 +32525,8 @@ function TableTabGroups () {
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
     updateNavigation = _useModule.updateNavigation,
-    apiConfig = _useModule.apiConfig;
+    apiConfig = _useModule.apiConfig,
+    selectedPackage = _useModule.selectedPackage;
   var applicationData = useMemo(function () {
     return {
       packageId: packageId,
@@ -32219,30 +32567,8 @@ function TableTabGroups () {
         },
         additionalFields: ['featureNosDisplayTexts'],
         isDictionary: true
-      }, {
-        headerName: 'Name',
-        marryChildren: true,
-        required: true,
-        children: [{
-          field: 'name.DE',
-          headerName: 'backoffice.idmEnricher.general.label.DE',
-          isDictionary: true
-        }, {
-          field: 'name.EN',
-          headerName: 'backoffice.idmEnricher.general.label.EN',
-          isDictionary: true
-        }, {
-          field: 'name.FR',
-          headerName: 'backoffice.idmEnricher.general.label.FR',
-          isDictionary: true
-        }, {
-          field: 'name.IT',
-          headerName: 'backoffice.idmEnricher.general.label.IT',
-          isDictionary: true
-        }]
-      }, {
+      }, createTranslatedColumnConfig('name', 'backoffice.idmEnricher.tabgroups.label.name', (selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds) || ['DE'], true), {
         field: 'organizationId',
-        cellDataType: 'string',
         editable: false,
         hide: true,
         defaultValue: '${organizationId}'
@@ -32271,7 +32597,7 @@ function TableTabGroups () {
         cellDataType: 'objectId'
       }]
     };
-  }, [apiInterface]);
+  }, [apiInterface, selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -32281,15 +32607,15 @@ function TableTabGroups () {
           },
           children: /*#__PURE__*/jsx(PackageSelector, {
             organizationId: organizationId,
-            selectedPackage: packageId,
-            setSelectedPackage: function setSelectedPackage(id) {
-              return updateNavigation(id);
+            packageId: packageId,
+            setSelectedPackage: function setSelectedPackage(packageId) {
+              return updateNavigation(packageId);
             },
             enricherService: apiConfig.enricherService
           })
         })]
       })
-    }), /*#__PURE__*/jsx(Spreadsheet, {
+    }), selectedPackage && /*#__PURE__*/jsx(Spreadsheet, {
       gridId: 'crud-grid_tabgroups',
       applicationData: applicationData,
       configuration: configuration
@@ -32304,7 +32630,8 @@ function TablePartlistPos () {
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
     updateNavigation = _useModule.updateNavigation,
-    apiConfig = _useModule.apiConfig;
+    apiConfig = _useModule.apiConfig,
+    selectedPackage = _useModule.selectedPackage;
   var posInvisibility = useMemo(function () {
     return [{
       name: t('backoffice.idmCatalogEditor.partlistpos.label.pi0'),
@@ -32339,6 +32666,16 @@ function TablePartlistPos () {
       dateFormat: 'LL',
       floatingFilter: true,
       colDef: [{
+        headerName: 'backoffice.idmEnricher.partlistpos.label.retailPrefix',
+        field: 'retailPrefix',
+        editable: true,
+        pinned: 'left'
+      }, {
+        headerName: 'backoffice.idmEnricher.partlistpos.label.retailArtilceNumber',
+        field: 'retailArtilceNumber',
+        editable: true,
+        pinned: 'left'
+      }, {
         headerName: 'backoffice.idmEnricher.partlistpos.label.partlistKey',
         field: 'partlistKey',
         editable: false
@@ -32384,7 +32721,7 @@ function TablePartlistPos () {
         field: 'decisions',
         headerName: 'backoffice.idmEnricher.partlistpos.label.decisions',
         cellDataType: 'lookup',
-        editable: true,
+        editable: false,
         customParams: {
           nameField: 'decisionRefsDisplayTexts',
           filterCellType: 'number',
@@ -32394,14 +32731,6 @@ function TablePartlistPos () {
         },
         additionalFields: ['decisionRefsDisplayTexts'],
         isDictionary: true
-      }, {
-        headerName: 'backoffice.idmEnricher.partlistpos.label.retailPrefix',
-        field: 'retailPrefix',
-        editable: true
-      }, {
-        headerName: 'backoffice.idmEnricher.partlistpos.label.retailArtilceNumber',
-        field: 'retailArtilceNumber',
-        editable: true
       }, {
         headerName: 'backoffice.idmEnricher.partlistpos.label.posCountValue',
         field: 'posCountValue',
@@ -32418,7 +32747,6 @@ function TablePartlistPos () {
         editable: false
       }, {
         field: 'organizationId',
-        cellDataType: 'string',
         editable: false,
         hide: true,
         defaultValue: '${organizationId}'
@@ -32457,15 +32785,15 @@ function TablePartlistPos () {
           },
           children: /*#__PURE__*/jsx(PackageSelector, {
             organizationId: organizationId,
-            selectedPackage: packageId,
-            setSelectedPackage: function setSelectedPackage(id) {
-              return updateNavigation(id);
+            packageId: packageId,
+            setSelectedPackage: function setSelectedPackage(packageId) {
+              return updateNavigation(packageId);
             },
             enricherService: apiConfig.enricherService
           })
         })]
       })
-    }), /*#__PURE__*/jsx(Spreadsheet, {
+    }), selectedPackage && /*#__PURE__*/jsx(Spreadsheet, {
       gridId: 'crud-grid_epartlistpos',
       applicationData: applicationData,
       configuration: configuration
@@ -32753,8 +33081,8 @@ var space = "space-T5Mkd";
 var input$1 = "input-SK-Fo";
 var addButton = "addButton-AVN8Y";
 var helpText = "helpText-QYQQF";
-var css_248z$9 = ".cell-Noc7s {\n  min-width: 50px;\n  height: 100%;\n}\n\n.typeSelector-Y8Yly {\n  margin-bottom: 16px;\n}\n\n.space-T5Mkd {\n  width: 100%;\n}\n\n.input-SK-Fo {\n  width: 120px;\n}\n\n.addButton-AVN8Y {\n  margin-top: 16px;\n  text-align: right;\n}\n\n.helpText-QYQQF {\n  margin-top: 8px;\n  font-size: 12px;\n  color: #666;\n}\n";
-styleInject(css_248z$9);
+var css_248z$a = ".cell-Noc7s {\n  min-width: 50px;\n  height: 100%;\n}\n\n.typeSelector-Y8Yly {\n  margin-bottom: 16px;\n}\n\n.space-T5Mkd {\n  width: 100%;\n}\n\n.input-SK-Fo {\n  width: 120px;\n}\n\n.addButton-AVN8Y {\n  margin-top: 16px;\n  text-align: right;\n}\n\n.helpText-QYQQF {\n  margin-top: 8px;\n  font-size: 12px;\n  color: #666;\n}\n";
+styleInject(css_248z$a);
 
 function PriceFactorCellRenderer(props) {
   var data = props.data,
@@ -32922,20 +33250,44 @@ var difference = "difference-xT9ZP";
 var differencePositive = "differencePositive-hGhZO";
 var differenceNegative = "differenceNegative-3CEZA";
 var differenceNeutral = "differenceNeutral-wx8oE";
-var css_248z$8 = ".container-T4Tzz {\n  display: flex;\n  align-items: center;\n}\n\n.price-NjOOy {\n  font-weight: normal;\n}\n\n.priceManual-i7wtQ {\n  font-weight: bold;\n}\n\n.originalPrice-V8MP5 {\n  color: #8c8c8c;\n  margin: 0 8px;\n}\n\n.difference-xT9ZP {\n  margin-left: 8px;\n}\n\n.differencePositive-hGhZO {\n  color: #52c41a;\n}\n\n.differenceNegative-3CEZA {\n  color: #ff4d4f;\n}\n\n.differenceNeutral-wx8oE {\n  color: inherit;\n}\n";
-styleInject(css_248z$8);
+var css_248z$9 = ".container-T4Tzz {\n  display: flex;\n  align-items: center;\n}\n\n.price-NjOOy {\n  font-weight: normal;\n}\n\n.priceManual-i7wtQ {\n  font-weight: bold;\n}\n\n.originalPrice-V8MP5 {\n  color: #8c8c8c;\n  margin: 0 8px;\n}\n\n.difference-xT9ZP {\n  margin-left: 8px;\n}\n\n.differencePositive-hGhZO {\n  color: #52c41a;\n}\n\n.differenceNegative-3CEZA {\n  color: #ff4d4f;\n}\n\n.differenceNeutral-wx8oE {\n  color: inherit;\n}\n";
+styleInject(css_248z$9);
 
 function PriceDisplayCellRenderer(props) {
-  var _colDef$field, _data$origPrices, _data$manualPrices, _currentPrice$toFixed, _origPrice$toFixed;
+  var _data$origPrices, _data$manualPrices, _currentPrice$toFixed, _origPrice$toFixed;
   var value = props.value,
-    colDef = props.colDef,
+    commas = props.commas,
+    item = props.item,
     data = props.data,
-    commas = props.commas;
-  var priceGroup = colDef === null || colDef === void 0 || (_colDef$field = colDef.field) === null || _colDef$field === void 0 ? void 0 : _colDef$field.split('.')[1];
-  var origPrice = priceGroup ? data === null || data === void 0 || (_data$origPrices = data.origPrices) === null || _data$origPrices === void 0 ? void 0 : _data$origPrices[priceGroup] : undefined;
-  var currentPrice = value !== null && value !== void 0 ? value : undefined;
+    node = props.node,
+    column = props.column,
+    api = props.api;
+  var origPrice = data === null || data === void 0 || (_data$origPrices = data.origPrices) === null || _data$origPrices === void 0 ? void 0 : _data$origPrices[item !== null && item !== void 0 ? item : ''];
+  var currentPrice = value;
   var diffPercentage = origPrice && currentPrice ? (currentPrice - origPrice) / origPrice * 100 : undefined;
-  var isManualPrice = priceGroup && (data === null || data === void 0 || (_data$manualPrices = data.manualPrices) === null || _data$manualPrices === void 0 ? void 0 : _data$manualPrices.includes(priceGroup));
+  var isManualPrice = data === null || data === void 0 || (_data$manualPrices = data.manualPrices) === null || _data$manualPrices === void 0 ? void 0 : _data$manualPrices.includes(item !== null && item !== void 0 ? item : '');
+  useEffect(function () {
+    //The cellrenderer is only rerendered when the value (currentPrice) changes.
+    //So we need to listen for changes in the other properties and refresh the cell manually if necessary
+    var listener = function listener(_ref) {
+      var _newData$manualPrices, _newData$origPrices;
+      var newData = _ref.newData;
+      var newIsManualPrice = newData === null || newData === void 0 || (_newData$manualPrices = newData.manualPrices) === null || _newData$manualPrices === void 0 ? void 0 : _newData$manualPrices.includes(item !== null && item !== void 0 ? item : '');
+      var newOrigPrice = newData === null || newData === void 0 || (_newData$origPrices = newData.origPrices) === null || _newData$origPrices === void 0 ? void 0 : _newData$origPrices[item !== null && item !== void 0 ? item : ''];
+      if (newIsManualPrice !== isManualPrice || newOrigPrice !== origPrice) {
+        api.refreshCells({
+          force: true,
+          suppressFlash: true,
+          rowNodes: [node],
+          columns: [column !== null && column !== void 0 ? column : '']
+        });
+      }
+    };
+    node.addEventListener('dataChanged', listener);
+    return function () {
+      node.removeEventListener('dataChanged', listener);
+    };
+  }, []);
   return /*#__PURE__*/jsxs("div", {
     className: container$2,
     children: [/*#__PURE__*/jsxs("span", {
@@ -32992,8 +33344,8 @@ function getPriceFeatureGroups(selectedSerie, language) {
 var wrapper$2 = "wrapper-5t6RT";
 var input = "input-leHam";
 var disabled$1 = "disabled-Llkqu";
-var css_248z$7 = ".wrapper-5t6RT {\n  display: flex;\n  flex-direction: column;\n  min-height: 50px;\n  justify-content: flex-end;\n  font-size: 12px;\n}\n\n.input-leHam {\n  position: relative;\n  width: 200px;\n  height: 32px;\n  border: 1px solid #d9d9d9;\n  background: #ffffff;\n  padding: 0 11px;\n  border-radius: 6px;\n  font-size: 14px;\n  line-height: 30px;\n  cursor: pointer;\n}\n\n.darkmode .input-leHam {\n  background: #141414;\n  border: 1px solid #424242;\n}\n\n.input-leHam.disabled-Llkqu {\n  cursor: default;\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.darkmode .input-leHam.disabled-Llkqu {\n  color: rgba(255, 255, 255, 0.25);\n}\n\n.input-leHam:hover {\n  border-color: #4096ff;\n}\n";
-styleInject(css_248z$7);
+var css_248z$8 = ".wrapper-5t6RT {\n  display: flex;\n  flex-direction: column;\n  min-height: 50px;\n  justify-content: flex-end;\n  font-size: 12px;\n}\n\n.input-leHam {\n  position: relative;\n  width: 200px;\n  height: 32px;\n  border: 1px solid #d9d9d9;\n  background: #ffffff;\n  padding: 0 11px;\n  border-radius: 6px;\n  font-size: 14px;\n  line-height: 30px;\n  cursor: pointer;\n}\n\n.darkmode .input-leHam {\n  background: #141414;\n  border: 1px solid #424242;\n}\n\n.input-leHam.disabled-Llkqu {\n  cursor: default;\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.darkmode .input-leHam.disabled-Llkqu {\n  color: rgba(255, 255, 255, 0.25);\n}\n\n.input-leHam:hover {\n  border-color: #4096ff;\n}\n";
+styleInject(css_248z$8);
 
 function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -33015,8 +33367,8 @@ function PriceFactorInput(props) {
 
 var inputHeader = "input-header--4KDP";
 var factorInput = "factor-input-MX85Z";
-var css_248z$6 = ".input-header--4KDP .ag-header-cell-text {\n  width: 100%;\n}\n\n.factor-input-MX85Z {\n  min-height: 0;\n  flex: 1;\n}\n\n.factor-input-MX85Z #price-factor-input {\n  width: 100%;\n  background-color: var(--ag-input-background-color);\n  border: var(--ag-input-border);\n  border-radius: var(--ag-input-border-radius);\n  color: var(--ag-input-text-color);\n  height: var(--ag-input-height);\n  line-height: var(--ag-input-height);\n  font-size: var(--ag-font-size);\n}\n\n.factor-input-MX85Z #price-factor-input:hover {\n  border-color: #4096ff;\n}\n";
-styleInject(css_248z$6);
+var css_248z$7 = ".input-header--4KDP .ag-header-cell-text {\n  width: 100%;\n}\n\n.factor-input-MX85Z {\n  min-height: 0;\n  flex: 1;\n}\n\n.factor-input-MX85Z #price-factor-input {\n  width: 100%;\n  background-color: var(--ag-input-background-color);\n  border: var(--ag-input-border);\n  border-radius: var(--ag-input-border-radius);\n  color: var(--ag-input-text-color);\n  height: var(--ag-input-height);\n  line-height: var(--ag-input-height);\n  font-size: var(--ag-font-size);\n}\n\n.factor-input-MX85Z #price-factor-input:hover {\n  border-color: #4096ff;\n}\n";
+styleInject(css_248z$7);
 
 function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -33189,6 +33541,7 @@ function Prices (_ref) {
           }()
         },
         filter: false,
+        sortable: false,
         editable: false
       }].concat(_toConsumableArray((_priceFeatureGroups$m = priceFeatureGroups === null || priceFeatureGroups === void 0 ? void 0 : priceFeatureGroups.map(function (priceFeatureGroup) {
         var _priceFeatureGroup$ke, _priceFeatureGroup$ke2;
@@ -33201,12 +33554,15 @@ function Prices (_ref) {
               headerName: priceFeatureGroupItem,
               field: "prices.".concat(priceFeatureGroupItem),
               editable: true,
+              filter: false,
+              sortable: false,
               isDictionary: true,
               cellDataType: 'number',
               headerTooltip: (_priceFeatureGroup$ke3 = priceFeatureGroup.keysDisplayTexts) === null || _priceFeatureGroup$ke3 === void 0 ? void 0 : _priceFeatureGroup$ke3[j],
               cellRenderer: PriceDisplayCellRenderer,
               cellRendererParams: {
-                commas: pricelist.commas
+                commas: pricelist.commas,
+                item: priceFeatureGroupItem
               },
               additionalFields: ["origPrices.".concat(priceFeatureGroupItem)],
               headerClass: inputHeader,
@@ -33329,14 +33685,16 @@ function Prices (_ref) {
 
 function TablePriceList () {
   var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
   var root = useStore();
   var spreadsheetRef = useRef(null);
   var _useModule = useModule$1(['pricelists']),
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
     updateNavigation = _useModule.updateNavigation,
-    apiConfig = _useModule.apiConfig;
+    apiConfig = _useModule.apiConfig,
+    selectedPackage = _useModule.selectedPackage;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedPriceList = _React$useState2[0],
@@ -33479,7 +33837,11 @@ function TablePriceList () {
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.currency',
         field: 'currency',
-        editable: true
+        cellDataType: 'enum',
+        editable: true,
+        customParams: {
+          enumData: getCurrencyKey(t)
+        }
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.forPublishing',
         field: 'forPublishing',
@@ -33497,13 +33859,11 @@ function TablePriceList () {
         cellDataType: 'dateString'
       }, {
         field: 'packageId',
-        cellDataType: 'string',
         editable: false,
         hide: true,
         defaultValue: '${packageId}'
       }, {
         field: 'organizationId',
-        cellDataType: 'string',
         editable: false,
         hide: true,
         defaultValue: '${organizationId}'
@@ -33547,7 +33907,7 @@ function TablePriceList () {
         hide: true
       }]
     };
-  }, [apiInterface]);
+  }, [apiInterface, i18n.language]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -33557,17 +33917,17 @@ function TablePriceList () {
           },
           children: /*#__PURE__*/jsx(PackageSelector, {
             organizationId: organizationId,
-            selectedPackage: packageId,
-            setSelectedPackage: function setSelectedPackage(id) {
-              return updateNavigation(id);
+            packageId: packageId,
+            setSelectedPackage: function setSelectedPackage(packageId) {
+              return updateNavigation(packageId);
             },
             enricherService: apiConfig.enricherService
           })
         })]
       })
-    }), /*#__PURE__*/jsx(Spreadsheet, {
+    }), selectedPackage && /*#__PURE__*/jsx(Spreadsheet, {
       ref: spreadsheetRef,
-      gridId: 'crud-grid_epartlistpos',
+      gridId: 'crud-grid_epricelists',
       applicationData: applicationData,
       configuration: configuration,
       hooks: hooks
@@ -33592,6 +33952,12 @@ function Content$3() {
       index: true,
       path: "",
       element: /*#__PURE__*/jsx(TablePackages, {})
+    }), /*#__PURE__*/jsx(Route, {
+      path: ":packageId/renaming/catalogs",
+      element: /*#__PURE__*/jsx(RenamingCatalog, {})
+    }), /*#__PURE__*/jsx(Route, {
+      path: ":packageId/renaming/detailInfos",
+      element: /*#__PURE__*/jsx(RenamingDetailInfo, {})
     }), /*#__PURE__*/jsx(Route, {
       path: ":packageId/renaming/features",
       element: /*#__PURE__*/jsx(RenamingFeature, {})
@@ -33601,12 +33967,21 @@ function Content$3() {
     }), /*#__PURE__*/jsx(Route, {
       path: ":packageId/renaming/options",
       element: /*#__PURE__*/jsx(RenamingOption, {})
+    }), /*#__PURE__*/jsx(Route, {
+      path: ":packageId/renaming/series",
+      element: /*#__PURE__*/jsx(RenamingSerie, {})
     }), /*#__PURE__*/jsx(Route, {
       path: ":packageId/tabgroups",
       element: /*#__PURE__*/jsx(TableTabGroups, {})
+    }), /*#__PURE__*/jsx(Route, {
+      path: ":packageId/exclusivity/eserie",
+      element: /*#__PURE__*/jsx(ExclusivitySerie, {})
     }), /*#__PURE__*/jsx(Route, {
       path: ":packageId/exclusivity/eitem",
       element: /*#__PURE__*/jsx(ExclusivitySerieItems, {})
+    }), /*#__PURE__*/jsx(Route, {
+      path: ":packageId/exclusivity/edetailInfo",
+      element: /*#__PURE__*/jsx(ExclusivityExclusivityDetailInfo, {})
     }), /*#__PURE__*/jsx(Route, {
       path: ":packageId/exclusivity/efeature",
       element: /*#__PURE__*/jsx(ExclusivityFeature, {})
@@ -33663,8 +34038,7 @@ function UploadButton (_ref) {
     title = _ref.title,
     disabled = _ref.disabled,
     contentType = _ref.contentType,
-    setProgress = _ref.setProgress,
-    setFileList = _ref.setFileList,
+    updateProgress = _ref.updateProgress,
     fileList = _ref.fileList,
     progress = _ref.progress;
   var _useTranslation = useTranslation(),
@@ -33672,37 +34046,40 @@ function UploadButton (_ref) {
   var root = useStore();
   var ref = useRef();
   var handleUploadChange = function handleUploadChange(info) {
+    var _info$fileList;
     var status = info.file.status;
+    var progress = 'INPROGRESS';
+    var fileList = info.fileList;
+    var error = undefined;
+    var file = (_info$fileList = info.fileList) === null || _info$fileList === void 0 ? void 0 : _info$fileList[0];
+    if (file) {
+      var nameWithoutExt = file.name.substring(0, file.name.lastIndexOf('.')) || file.name;
+      file.name = nameWithoutExt + '.xml';
+    }
     if (status === 'done') {
-      setFileList([]);
-      setProgress('SUCCESS');
+      progress = 'SUCCESS';
+      fileList = [];
       if (ref.current) {
         clearInterval(ref.current.interval);
         ref.current = undefined;
       }
-      if (info.fileList[0]) {
-        info.fileList[0].percent = 100;
-      }
     } else if (status === 'error') {
-      setProgress('ERROR');
+      progress = 'ERROR';
+      fileList = [];
+      error = file.response;
       if (ref.current) {
         clearInterval(ref.current.interval);
         ref.current = undefined;
       }
-      if (info.fileList[0]) {
-        info.fileList[0].percent = 100;
-      }
     } else if (status === 'removed') {
-      setFileList([]);
-      setProgress(undefined);
+      progress = undefined;
+      fileList = [];
       if (ref.current) {
         clearInterval(ref.current.interval);
         ref.current = undefined;
       }
     } else {
-      setProgress('INPROGRESS');
-      if (info.fileList[0]) {
-        var file = info.fileList[0];
+      if (file) {
         if (status === 'uploading') {
           // First 50%, the file is still uploading to browser
           file.percent = (file.percent || 0) / 2;
@@ -33713,14 +34090,14 @@ function UploadButton (_ref) {
               var fileSize = file.size;
               var startTime = (_ref$current$startTim = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.startTime) !== null && _ref$current$startTim !== void 0 ? _ref$current$startTim : Date.now();
               var interval = (_ref$current$interval = (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.interval) !== null && _ref$current$interval !== void 0 ? _ref$current$interval : setInterval(function () {
-                // Assume 1MB takes about 4 seconds to upload
-                var estimatedTimeInSeconds = fileSize / (1024 * 1024) * 4;
+                // Assume 1MB takes about 1 seconds to upload
+                var estimatedTimeInSeconds = fileSize / (1024 * 1024);
                 var elapsedTime = (Date.now() - startTime) / 1000;
                 // Calculate progress for the second 50%
                 var sizeBasedProgress = Math.min(50 * (elapsedTime / estimatedTimeInSeconds), 49);
                 // Combine both progress values, ensuring we don't exceed 99
                 file.percent = Math.min(50 + sizeBasedProgress, 99);
-                setFileList(_toConsumableArray(info.fileList));
+                updateProgress(progress, [file]);
               }, 10);
               ref.current = {
                 startTime: startTime,
@@ -33733,8 +34110,45 @@ function UploadButton (_ref) {
         }
       }
     }
-    setFileList(info.fileList);
+    updateProgress(progress, fileList, error);
   };
+  var onBeforeUpload = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
+      var nameWithoutExt, zip, zipBlob, zipFile;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(file.type !== 'application/xml' && file.type !== 'text/xml' && !file.name.endsWith('.xml'))) {
+              _context.next = 3;
+              break;
+            }
+            updateProgress('ERROR', fileList, t('backoffice.idmEnricher.import.uploadinvalid'));
+            return _context.abrupt("return", Upload$2.LIST_IGNORE);
+          case 3:
+            // Remove file extension from name before zipping to avoid double extensions
+            nameWithoutExt = file.name.substring(0, file.name.lastIndexOf('.')) || file.name;
+            zip = new JSZip();
+            zip.file(file.name, file);
+            _context.next = 8;
+            return zip.generateAsync({
+              type: 'blob'
+            });
+          case 8:
+            zipBlob = _context.sent;
+            zipFile = new File([zipBlob], nameWithoutExt + '.zip', {
+              type: 'application/zip'
+            });
+            return _context.abrupt("return", zipFile);
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onBeforeUpload(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   var props = {
     name: 'file',
     action: action,
@@ -33743,8 +34157,15 @@ function UploadButton (_ref) {
       Authorization: "Bearer ".concat(root.dataStore.jwt)
     },
     multiple: false,
+    accept: 'application/xml,text/xml,.xml',
     onChange: handleUploadChange,
-    fileList: fileList
+    beforeUpload: onBeforeUpload,
+    fileList: fileList,
+    showUploadList: {
+      showPreviewIcon: false,
+      showRemoveIcon: false,
+      showDownloadIcon: false
+    }
   };
   return /*#__PURE__*/jsx(Fragment, {
     children: /*#__PURE__*/jsx(Upload$2, _objectSpread$9(_objectSpread$9({}, props), {}, {
@@ -33757,14 +34178,18 @@ function UploadButton (_ref) {
   });
 }
 
+var errorDescription = "error-description-VE3n0";
+var css_248z$6 = ".error-description-VE3n0 {\n  max-height: 100px;\n  overflow: auto;\n  scrollbar-width: thin;\n}\n";
+styleInject(css_248z$6);
+
 function IDMImportForm (_ref) {
   var idmService = _ref.idmService,
     organizationId = _ref.organizationId,
-    setProgress = _ref.setProgress,
+    updateProgress = _ref.updateProgress,
     progress = _ref.progress,
     name = _ref.name,
+    error = _ref.error,
     setName = _ref.setName,
-    setFileList = _ref.setFileList,
     fileList = _ref.fileList;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -33788,10 +34213,9 @@ function IDMImportForm (_ref) {
       children: /*#__PURE__*/jsx(UploadButton, {
         action: uploadAction,
         contentType: "multipart/form-data",
-        setProgress: setProgress,
+        updateProgress: updateProgress,
         progress: progress,
         disabled: !name.trim() || progress === 'INPROGRESS',
-        setFileList: setFileList,
         fileList: fileList
       })
     }), /*#__PURE__*/jsxs(Form$1.Item, {
@@ -33804,6 +34228,10 @@ function IDMImportForm (_ref) {
         showIcon: true
       }), progress === 'ERROR' && /*#__PURE__*/jsx(Alert, {
         message: t('backoffice.idmEnricher.import.uploaderror'),
+        description: /*#__PURE__*/jsx("div", {
+          className: errorDescription,
+          children: error
+        }),
         type: "error",
         showIcon: true
       })]
@@ -33831,10 +34259,14 @@ function OpenModalButton (_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     name = _useState6[0],
     setName = _useState6[1];
-  var _useState7 = useState([]),
+  var _useState7 = useState(undefined),
     _useState8 = _slicedToArray(_useState7, 2),
-    fileList = _useState8[0],
-    setFileList = _useState8[1];
+    error = _useState8[0],
+    setError = _useState8[1];
+  var _useState9 = useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    fileList = _useState10[0],
+    setFileList = _useState10[1];
   var showModal = function showModal() {
     setIsModalOpen(true);
   };
@@ -33842,12 +34274,18 @@ function OpenModalButton (_ref) {
     setProgress(undefined);
     setName('');
     setFileList([]);
+    setError(undefined);
   };
   var handleOk = function handleOk() {
     setIsModalOpen(false);
     resetProgress();
     onClose();
   };
+  var updateProgress = function updateProgress(progress, fileList, error) {
+    setProgress(progress);
+    setFileList(fileList);
+    setError(error);
+  };
   var buttonText = progress == undefined || progress == 'ERROR' ? t('backoffice.idmEnricher.import.cancel') : progress === 'INPROGRESS' ? t('backoffice.idmEnricher.import.inprogress') : t('backoffice.idmEnricher.import.finish');
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Button$1, {
@@ -33876,14 +34314,14 @@ function OpenModalButton (_ref) {
       ,
       destroyOnClose: true,
       children: type === 'IDM_IMPORT' && /*#__PURE__*/jsx(IDMImportForm, {
-        setProgress: setProgress,
+        updateProgress: updateProgress,
         progress: progress,
         name: name,
         setName: setName,
-        setFileList: setFileList,
         fileList: fileList,
         idmService: idmService,
-        organizationId: organizationId
+        organizationId: organizationId,
+        error: error
       })
     })]
   });
@@ -33892,7 +34330,10 @@ function OpenModalButton (_ref) {
 function TableCatalogs () {
   var root = useStore();
   var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
+  var _useDivaCore = useDivaCore(),
+    userHasPermission = _useDivaCore.actions.userHasPermission;
   var _useNavigation = useNavigation(),
     organizationId = _useNavigation.organizationId,
     apiConfig = _useNavigation.apiConfig,
@@ -33906,19 +34347,35 @@ function TableCatalogs () {
     fileDownloadError = _React$useState4[0],
     setFileDownloadError = _React$useState4[1];
   var spreadsheetRef = useRef(null);
+  var _React$useState5 = React.useState(false),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    showApi2 = _React$useState6[0],
+    setShowApi2 = _React$useState6[1];
   var applicationData = useMemo(function () {
     return {
       organizationId: organizationId
     };
   }, [organizationId]);
   var preFilter = useMemo(function () {
-    return {
+    var orgPreFilter = {
       colId: 'organizationId',
       filterType: 'text',
       type: 'equals',
       filter: organizationId
     };
-  }, [organizationId]);
+    if (!showApi2) {
+      return {
+        filterType: 'join',
+        type: 'AND',
+        conditions: [orgPreFilter, {
+          colId: 'isApi',
+          filterType: 'set',
+          values: ['false']
+        }]
+      };
+    }
+    return orgPreFilter;
+  }, [organizationId, showApi2]);
   var rowActions = useMemo(function () {
     return [{
       icon: /*#__PURE__*/jsx(EditOutlined, {}),
@@ -34010,13 +34467,6 @@ function TableCatalogs () {
       name: t('backoffice.idmCatalog.general.label.cm.F'),
       value: 'F'
     }];
-    var formOfAddress = [{
-      name: t('backoffice.idmCatalog.general.label.foa.f1'),
-      value: 1
-    }, {
-      name: t('backoffice.idmCatalog.general.label.foa.f2'),
-      value: 2
-    }];
     var priceDependent = [{
       name: t('backoffice.idmCatalog.general.label.priceDependent.p0'),
       value: false
@@ -34067,7 +34517,12 @@ function TableCatalogs () {
       },
       dateFormat: 'DD.MM.YYYY, HH:mm:ss',
       floatingFilter: true,
-      colDef: [{
+      colDef: [].concat(_toConsumableArray(showApi2 ? [{
+        headerName: 'backoffice.idmCatalog.catalogs.label.isApi',
+        field: 'isApi',
+        cellDataType: 'boolean',
+        editable: false
+      }] : []), [{
         headerName: 'backoffice.idmCatalog.packages.label.name',
         field: 'name',
         required: true
@@ -34145,14 +34600,19 @@ function TableCatalogs () {
           editable: true,
           required: true,
           customParams: {
-            enumData: ['DE', 'EN', 'FR', 'IT'],
+            enumData: getLanguageKey(t),
             multiple: true
           },
           defaultValue: ['DE']
         }, {
           headerName: 'backoffice.idmCatalog.general.label.currencyKey',
           field: 'currencyKey',
+          cellDataType: 'enum',
+          editable: true,
           required: true,
+          customParams: {
+            enumData: getCurrencyKey(t)
+          },
           defaultValue: 'EUR'
         }, {
           headerName: 'backoffice.idmCatalog.general.label.fileId',
@@ -34205,7 +34665,7 @@ function TableCatalogs () {
           editable: true,
           required: true,
           customParams: {
-            enumData: ['DE', 'EN', 'FR', 'IT'],
+            enumData: getLanguageKey(t),
             multiple: false
           },
           defaultValue: 'DE'
@@ -34234,8 +34694,13 @@ function TableCatalogs () {
         children: [{
           headerName: 'backoffice.idmCatalog.general.label.isoCountryId',
           field: 'isoCountryId',
+          cellDataType: 'enum',
+          editable: true,
           required: true,
-          defaultValue: 'DE'
+          defaultValue: 'DE',
+          customParams: {
+            enumData: getCountryKey(t)
+          }
         }, {
           field: 'glnNo',
           headerName: 'backoffice.idmCatalog.general.label.glnNo',
@@ -34315,7 +34780,7 @@ function TableCatalogs () {
           field: 'formOfAddress1',
           cellDataType: 'enum',
           customParams: {
-            enumData: formOfAddress,
+            enumData: getFormOfAddressKey(t),
             displayLabelTemplate: '${name} (${value})'
           },
           required: true
@@ -34346,7 +34811,12 @@ function TableCatalogs () {
           headerName: 'backoffice.idmCatalog.general.label.isoCountryId',
           field: 'isoCountryId1',
           required: true,
-          defaultValue: 'DE'
+          defaultValue: 'DE',
+          cellDataType: 'enum',
+          editable: true,
+          customParams: {
+            enumData: getCountryKey(t)
+          }
         }]
       }, {
         headerName: 'backoffice.idmCatalog.general.label.contact2',
@@ -34364,7 +34834,7 @@ function TableCatalogs () {
           field: 'formOfAddress2',
           cellDataType: 'enum',
           customParams: {
-            enumData: formOfAddress,
+            enumData: getFormOfAddressKey(t),
             displayLabelTemplate: '${name} (${value})'
           }
         }, {
@@ -34391,7 +34861,12 @@ function TableCatalogs () {
           field: 'city2'
         }, {
           headerName: 'backoffice.idmCatalog.general.label.isoCountryId',
-          field: 'isoCountryId2'
+          field: 'isoCountryId2',
+          cellDataType: 'enum',
+          editable: true,
+          customParams: {
+            enumData: getCountryKey(t)
+          }
         }]
       }, {
         headerName: 'backoffice.idmCatalog.general.label.priceSettings',
@@ -34529,20 +35004,32 @@ function TableCatalogs () {
         lockVisible: true,
         suppressColumnsToolPanel: true,
         defaultValue: '${organizationId}'
-      }]
+      }])
     };
-  }, []);
+  }, [i18n.language, showApi2]);
   var handleLoadingModalOk = useCallback(function () {
     setFileIsLoading(false);
   }, []);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
-        children: [t('backoffice.menu.items.label.IDMEditorTableCatalogs'), /*#__PURE__*/jsx(Space$1, {
+        children: [t('backoffice.menu.items.label.IDMEditorTableCatalogs'), /*#__PURE__*/jsxs(Space$1, {
           style: {
             "float": 'right'
           },
-          children: /*#__PURE__*/jsx(OpenModalButton, {
+          children: [userHasPermission('idmeditor_api2') && /*#__PURE__*/jsx(Form$1.Item, {
+            label: t('backoffice.idmCatalog.general.label.showApi2'),
+            style: {
+              marginRight: 10,
+              marginBottom: 0
+            },
+            children: /*#__PURE__*/jsx(Switch, {
+              checked: showApi2,
+              onChange: function onChange(checked) {
+                return setShowApi2(checked);
+              }
+            })
+          }), /*#__PURE__*/jsx(OpenModalButton, {
             title: "IDM Import",
             type: "IDM_IMPORT",
             idmService: apiConfig.idmService,
@@ -34551,7 +35038,7 @@ function TableCatalogs () {
               var _spreadsheetRef$curre;
               return spreadsheetRef === null || spreadsheetRef === void 0 || (_spreadsheetRef$curre = spreadsheetRef.current) === null || _spreadsheetRef$curre === void 0 ? void 0 : _spreadsheetRef$curre.refresh();
             }
-          })
+          })]
         })]
       })
     }), /*#__PURE__*/jsx(Spreadsheet, {
@@ -34570,15 +35057,20 @@ function TableCatalogs () {
 }
 
 function CatalogSelector(_ref) {
-  var selectedCatalog = _ref.selectedCatalog,
+  var catalogId = _ref.catalogId,
     setSelectedCatalog = _ref.setSelectedCatalog,
     idmService = _ref.idmService,
     organizationId = _ref.organizationId;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var value = useMemo(function () {
+    return {
+      _id: catalogId
+    };
+  }, [catalogId]);
   return /*#__PURE__*/jsx(SimpleSelect, {
     apiInterface: {
-      read: idmService + "/v3.0/catalogs?fields=name;_id&filter=organizationId==\"".concat(organizationId)
+      read: idmService + "/v3.0/catalogs?fields=name;_id;isoLanguageIds&filter=organizationId==\"".concat(organizationId)
     },
     apiMapping: {
       type: 'query',
@@ -34592,11 +35084,9 @@ function CatalogSelector(_ref) {
       value: '${_id}'
     },
     title: t('backoffice.menu.items.label.IDMEditorTableCatalogs'),
-    value: {
-      _id: selectedCatalog
-    },
+    value: value,
     onChange: function onChange(value) {
-      return setSelectedCatalog(value._id);
+      return setSelectedCatalog(value);
     },
     search: true,
     style: {
@@ -34651,6 +35141,10 @@ function useModule (currentModules) {
   var _useSearchParams = useSearchParams(),
     _useSearchParams2 = _slicedToArray(_useSearchParams, 1),
     searchParams = _useSearchParams2[0];
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedCatalog = _useState2[0],
+    setSelectedCatalog = _useState2[1];
   var menuItems = useMemo(function () {
     return [{
       key: 'series',
@@ -34757,7 +35251,8 @@ function useModule (currentModules) {
   if (!catalogId) throw new Error('catalogId is required');
   var updateNavigationModule = useCallback(function (currentCatalog) {
     var modules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : currentModules;
-    updateNavigation(currentCatalog, modules, '../');
+    setSelectedCatalog(currentCatalog);
+    updateNavigation(currentCatalog._id, modules, '../');
   }, [updateNavigation]);
   useEffect(function () {
     root.contentStore.updateAdditionalElement('catalogs', menuItems, currentModules);
@@ -34786,25 +35281,25 @@ function useModule (currentModules) {
     updateNavigation: updateNavigationModule,
     organizationId: organizationId,
     apiConfig: apiConfig,
+    selectedCatalog: selectedCatalog,
     catalogId: catalogId
   };
 }
 
 function Items(_ref) {
   var organizationId = _ref.organizationId,
-    catalogId = _ref.catalogId,
+    selectedCatalog = _ref.selectedCatalog,
     apiConfig = _ref.apiConfig,
     selectedSerie = _ref.selectedSerie;
-  useStore();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var applicationData = useMemo(function () {
     return {
       organizationId: organizationId,
-      catalogId: catalogId,
+      catalogId: selectedCatalog._id,
       selectedSerie: selectedSerie
     };
-  }, [organizationId, catalogId, selectedSerie]);
+  }, [organizationId, selectedCatalog, selectedSerie]);
   var configuration = useMemo(function () {
     var itemIdentification = [{
       name: t('backoffice.idmCatalogEditor.items.label.catalogArticle'),
@@ -34917,48 +35412,7 @@ function Items(_ref) {
         cellDataType: 'number'
       }, {
         headerName: 'backoffice.idmCatalog.common.label.texts',
-        children: [{
-          headerName: 'backoffice.idmCatalog.general.label.shortText',
-          marryChildren: true,
-          children: [{
-            field: 'shortText.DE',
-            headerName: 'backoffice.idmEnricher.general.label.DE',
-            isDictionary: true,
-            required: true
-          }, {
-            field: 'shortText.EN',
-            headerName: 'backoffice.idmEnricher.general.label.EN',
-            isDictionary: true
-          }, {
-            field: 'shortText.FR',
-            headerName: 'backoffice.idmEnricher.general.label.FR',
-            isDictionary: true
-          }, {
-            field: 'shortText.IT',
-            headerName: 'backoffice.idmEnricher.general.label.IT',
-            isDictionary: true
-          }]
-        }, {
-          headerName: 'backoffice.idmCatalog.general.label.planningAdvice',
-          marryChildren: true,
-          children: [{
-            field: 'planningAdvice.DE',
-            headerName: 'backoffice.idmEnricher.general.label.DE',
-            isDictionary: true
-          }, {
-            field: 'planningAdvice.EN',
-            headerName: 'backoffice.idmEnricher.general.label.EN',
-            isDictionary: true
-          }, {
-            field: 'planningAdvice.FR',
-            headerName: 'backoffice.idmEnricher.general.label.FR',
-            isDictionary: true
-          }, {
-            field: 'planningAdvice.IT',
-            headerName: 'backoffice.idmEnricher.general.label.IT',
-            isDictionary: true
-          }]
-        }]
+        children: [createTranslatedColumnConfig('shortText', 'backoffice.idmCatalog.general.label.shortText', (selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds) || ['DE'], true), createTranslatedColumnConfig('planningAdvice', 'backoffice.idmCatalog.general.label.planningAdvice', (selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds) || ['DE'])]
       }, {
         headerName: 'backoffice.idmCatalog.items.label.articleNumbers',
         children: [{
@@ -35166,7 +35620,7 @@ function Items(_ref) {
         suppressColumnsToolPanel: true
       }]
     };
-  }, []);
+  }, [selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds]);
   return /*#__PURE__*/jsx(Spreadsheet, {
     gridId: 'crud-grid_items',
     applicationData: applicationData,
@@ -35178,6 +35632,7 @@ function TableItems () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useModule = useModule(['items']),
+    selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
     updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig,
@@ -35195,9 +35650,9 @@ function TableItems () {
           },
           children: [/*#__PURE__*/jsx(CatalogSelector, {
             organizationId: organizationId,
-            selectedCatalog: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(id) {
-              return updateNavigation(id);
+            catalogId: catalogId,
+            setSelectedCatalog: function setSelectedCatalog(catalog) {
+              return updateNavigation(catalog);
             },
             idmService: apiConfig.idmService
           }), /*#__PURE__*/jsx(SeriesSelector, {
@@ -35208,9 +35663,9 @@ function TableItems () {
           })]
         })]
       })
-    }), selectedSerie && /*#__PURE__*/jsx(Items, {
+    }), selectedSerie && selectedCatalog && /*#__PURE__*/jsx(Items, {
       organizationId: organizationId,
-      catalogId: catalogId,
+      selectedCatalog: selectedCatalog,
       selectedSerie: selectedSerie._id,
       apiConfig: apiConfig
     })]
@@ -35222,6 +35677,7 @@ function TableSeries () {
     t = _useTranslation.t;
   var root = useStore();
   var _useModule = useModule(['series']),
+    selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
     organizationId = _useModule.organizationId,
     updateNavigation = _useModule.updateNavigation,
@@ -35238,7 +35694,7 @@ function TableSeries () {
         elementComponent: Items,
         elementProps: {
           organizationId: organizationId,
-          catalogId: catalogId,
+          selectedCatalog: selectedCatalog,
           selectedSerie: selectedSerie._id,
           apiConfig: apiConfig
         },
@@ -35302,28 +35758,7 @@ function TableSeries () {
         headerName: 'backoffice.idmCatalog.series.label.serieNo',
         required: true,
         cellDataType: 'number'
-      }, {
-        headerName: 'backoffice.idmCatalog.series.label.seriesName',
-        marryChildren: true,
-        children: [{
-          field: 'seriesName.DE',
-          headerName: 'backoffice.idmEnricher.general.label.DE',
-          isDictionary: true,
-          required: true
-        }, {
-          field: 'seriesName.EN',
-          headerName: 'backoffice.idmEnricher.general.label.EN',
-          isDictionary: true
-        }, {
-          field: 'seriesName.FR',
-          headerName: 'backoffice.idmEnricher.general.label.FR',
-          isDictionary: true
-        }, {
-          field: 'seriesName.IT',
-          headerName: 'backoffice.idmEnricher.general.label.IT',
-          isDictionary: true
-        }]
-      }, {
+      }, createTranslatedColumnConfig('seriesName', 'backoffice.idmCatalog.series.label.seriesName', (selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds) || ['DE'], true), {
         field: 'sequenceNo',
         headerName: 'backoffice.idmCatalog.series.label.sequenceNo',
         required: true,
@@ -35337,27 +35772,7 @@ function TableSeries () {
           enumData: purchaseRetailId,
           displayLabelTemplate: '${name} (${value})'
         }
-      }, {
-        headerName: 'backoffice.idmCatalog.series.label.seriesFullText',
-        marryChildren: true,
-        children: [{
-          field: 'seriesFullText.DE',
-          headerName: 'backoffice.idmEnricher.general.label.DE',
-          isDictionary: true
-        }, {
-          field: 'seriesFullText.EN',
-          headerName: 'backoffice.idmEnricher.general.label.EN',
-          isDictionary: true
-        }, {
-          field: 'seriesFullText.FR',
-          headerName: 'backoffice.idmEnricher.general.label.FR',
-          isDictionary: true
-        }, {
-          field: 'seriesFullText.IT',
-          headerName: 'backoffice.idmEnricher.general.label.IT',
-          isDictionary: true
-        }]
-      }, {
+      }, createTranslatedColumnConfig('seriesFullText', 'backoffice.idmCatalog.series.label.seriesFullText', (selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds) || ['DE']), {
         field: 'decisionRefs',
         headerName: 'backoffice.idmCatalog.series.label.decisionRefs',
         cellDataType: 'lookup',
@@ -35427,7 +35842,7 @@ function TableSeries () {
         defaultValue: '${catalogId}'
       }]
     };
-  }, []);
+  }, [selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -35437,7 +35852,7 @@ function TableSeries () {
           },
           children: /*#__PURE__*/jsx(CatalogSelector, {
             organizationId: organizationId,
-            selectedCatalog: catalogId,
+            catalogId: catalogId,
             setSelectedCatalog: function setSelectedCatalog(id) {
               return updateNavigation(id);
             },
@@ -35445,7 +35860,7 @@ function TableSeries () {
           })
         })]
       })
-    }), /*#__PURE__*/jsx(Spreadsheet, {
+    }), selectedCatalog && /*#__PURE__*/jsx(Spreadsheet, {
       gridId: 'crud-grid_series',
       applicationData: applicationData,
       hooks: hooks,
@@ -35456,16 +35871,16 @@ function TableSeries () {
 
 function Options(_ref) {
   var organizationId = _ref.organizationId,
-    catalogId = _ref.catalogId,
+    selectedCatalog = _ref.selectedCatalog,
     selectedFeature = _ref.selectedFeature,
     apiConfig = _ref.apiConfig;
   var applicationData = useMemo(function () {
     return {
       organizationId: organizationId,
-      catalogId: catalogId,
+      catalogId: selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog._id,
       selectedFeature: selectedFeature
     };
-  }, [organizationId, catalogId, selectedFeature]);
+  }, [organizationId, selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog._id, selectedFeature]);
   var configuration = useMemo(function () {
     return {
       type: 'dotnetSSM',
@@ -35487,54 +35902,10 @@ function Options(_ref) {
         headerName: 'backoffice.idmCatalogEditor.general.label.sequenceNo',
         field: 'sequenceNo',
         cellDataType: 'number'
-      }, {
-        headerName: 'backoffice.idmCatalog.common.label.texts',
-        children: [{
-          headerName: 'backoffice.idmCatalog.options.label.optionText',
-          marryChildren: true,
-          children: [{
-            field: 'optionText.DE',
-            headerName: 'backoffice.idmEnricher.general.label.DE',
-            isDictionary: true,
-            required: true
-          }, {
-            field: 'optionText.EN',
-            headerName: 'backoffice.idmEnricher.general.label.EN',
-            isDictionary: true
-          }, {
-            field: 'optionText.FR',
-            headerName: 'backoffice.idmEnricher.general.label.FR',
-            isDictionary: true
-          }, {
-            field: 'optionText.IT',
-            headerName: 'backoffice.idmEnricher.general.label.IT',
-            isDictionary: true
-          }]
-        }, {
-          headerName: 'backoffice.idmCatalog.options.label.optionCommentText',
-          marryChildren: true,
-          children: [{
-            field: 'optionCommentText.DE',
-            headerName: 'backoffice.idmEnricher.general.label.DE',
-            isDictionary: true
-          }, {
-            field: 'optionCommentText.EN',
-            headerName: 'backoffice.idmEnricher.general.label.EN',
-            isDictionary: true
-          }, {
-            field: 'optionCommentText.FR',
-            headerName: 'backoffice.idmEnricher.general.label.FR',
-            isDictionary: true
-          }, {
-            field: 'optionCommentText.IT',
-            headerName: 'backoffice.idmEnricher.general.label.IT',
-            isDictionary: true
-          }]
-        }, {
-          headerName: 'backoffice.idmCatalog.options.label.optionFreeText',
-          field: 'optionFreeText',
-          cellDataType: 'boolean'
-        }]
+      }, createTranslatedColumnConfig('optionText', 'backoffice.idmCatalog.options.label.optionText', (selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds) || ['DE'], true), createTranslatedColumnConfig('optionCommentText', 'backoffice.idmCatalog.options.label.optionCommentText', (selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds) || ['DE']), {
+        headerName: 'backoffice.idmCatalog.options.label.optionFreeText',
+        field: 'optionFreeText',
+        cellDataType: 'boolean'
       }, {
         headerName: 'backoffice.idmCatalog.items.label.validation',
         children: [{
@@ -35598,7 +35969,7 @@ function Options(_ref) {
         editable: false
       }]
     };
-  }, []);
+  }, [selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds]);
   return /*#__PURE__*/jsx(Spreadsheet, {
     gridId: 'crud-grid_options',
     applicationData: applicationData,
@@ -35608,7 +35979,7 @@ function Options(_ref) {
 
 function Features(_ref) {
   var organizationId = _ref.organizationId,
-    catalogId = _ref.catalogId,
+    selectedCatalog = _ref.selectedCatalog,
     featureClassId = _ref.featureClassId,
     apiConfig = _ref.apiConfig,
     hooks = _ref.hooks;
@@ -35616,11 +35987,11 @@ function Features(_ref) {
     t = _useTranslation.t;
   var applicationData = useMemo(function () {
     return {
-      catalogId: catalogId,
+      catalogId: selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog._id,
       organizationId: organizationId,
       featureClassId: featureClassId
     };
-  }, [catalogId, featureClassId, organizationId]);
+  }, [selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog._id, featureClassId, organizationId]);
   var apiInterface = useMemo(function () {
     return featureClassId ? {
       read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/featureclasses/${featureClassId}/features',
@@ -35691,28 +36062,7 @@ function Features(_ref) {
         headerName: 'backoffice.idmCatalog.features.label.featureNo',
         required: true,
         unique: true
-      }]), [{
-        headerName: 'backoffice.idmCatalog.features.label.featureText',
-        marryChildren: true,
-        children: [{
-          field: 'featureText.DE',
-          headerName: 'backoffice.idmEnricher.general.label.DE',
-          isDictionary: true,
-          required: true
-        }, {
-          field: 'featureText.EN',
-          headerName: 'backoffice.idmEnricher.general.label.EN',
-          isDictionary: true
-        }, {
-          field: 'featureText.FR',
-          headerName: 'backoffice.idmEnricher.general.label.FR',
-          isDictionary: true
-        }, {
-          field: 'featureText.IT',
-          headerName: 'backoffice.idmEnricher.general.label.IT',
-          isDictionary: true
-        }]
-      }, {
+      }]), [createTranslatedColumnConfig('featureText', 'backoffice.idmCatalog.features.label.featureText', (selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds) || ['DE'], true), {
         field: 'sequenceNo',
         headerName: 'backoffice.idmCatalog.features.label.sequenceNo',
         required: true,
@@ -35779,7 +36129,7 @@ function Features(_ref) {
         defaultValue: '${catalogId}'
       }])
     };
-  }, [featureClassId, apiInterface]);
+  }, [featureClassId, apiInterface, selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds]);
   return /*#__PURE__*/jsx(Spreadsheet, {
     gridId: 'crud-grid_features' + (featureClassId ? '_featureClass' : ''),
     applicationData: applicationData,
@@ -35793,6 +36143,7 @@ function TableFeatures () {
     t = _useTranslation.t;
   var root = useStore();
   var _useModule = useModule(['features']),
+    selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
     organizationId = _useModule.organizationId,
     updateNavigation = _useModule.updateNavigation,
@@ -35809,7 +36160,7 @@ function TableFeatures () {
         elementComponent: Options,
         elementProps: {
           organizationId: organizationId,
-          catalogId: catalogId,
+          selectedCatalog: selectedCatalog,
           selectedFeature: selectedFeature._id,
           apiConfig: apiConfig
         },
@@ -35847,17 +36198,17 @@ function TableFeatures () {
           },
           children: /*#__PURE__*/jsx(CatalogSelector, {
             organizationId: organizationId,
-            selectedCatalog: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(id) {
-              return updateNavigation(id);
+            catalogId: catalogId,
+            setSelectedCatalog: function setSelectedCatalog(catalog) {
+              return updateNavigation(catalog);
             },
             idmService: apiConfig.idmService
           })
         })]
       })
-    }), /*#__PURE__*/jsx(Features, {
+    }), selectedCatalog && /*#__PURE__*/jsx(Features, {
       organizationId: organizationId,
-      catalogId: catalogId,
+      selectedCatalog: selectedCatalog,
       apiConfig: apiConfig,
       hooks: hooks
     })]
@@ -35900,6 +36251,7 @@ function TableOptions () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useModule = useModule(['options']),
+    selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
     updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig,
@@ -35917,9 +36269,9 @@ function TableOptions () {
           },
           children: [/*#__PURE__*/jsx(CatalogSelector, {
             organizationId: organizationId,
-            selectedCatalog: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(id) {
-              return updateNavigation(id);
+            catalogId: catalogId,
+            setSelectedCatalog: function setSelectedCatalog(catalog) {
+              return updateNavigation(catalog);
             },
             idmService: apiConfig.idmService
           }), /*#__PURE__*/jsx(FeatureSelector, {
@@ -35930,9 +36282,9 @@ function TableOptions () {
           })]
         })]
       })
-    }), selectedFeature && /*#__PURE__*/jsx(Options, {
+    }), selectedFeature && selectedCatalog && /*#__PURE__*/jsx(Options, {
       organizationId: organizationId,
-      catalogId: catalogId,
+      selectedCatalog: selectedCatalog,
       selectedFeature: selectedFeature._id,
       apiConfig: apiConfig
     })]
@@ -35944,6 +36296,7 @@ function TableFeatureClasses () {
     t = _useTranslation.t;
   var root = useStore();
   var _useModule = useModule(['featureclasses']),
+    selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
     organizationId = _useModule.organizationId,
     updateNavigation = _useModule.updateNavigation,
@@ -35960,7 +36313,7 @@ function TableFeatureClasses () {
         elementComponent: Features,
         elementProps: {
           organizationId: organizationId,
-          catalogId: catalogId,
+          selectedCatalog: selectedCatalog,
           apiConfig: apiConfig,
           featureClassId: selectedFeatureClass._id
         },
@@ -35971,7 +36324,7 @@ function TableFeatureClasses () {
     } else {
       root.contentStore.bottomToolBar.tools = [];
     }
-  }, [selectedFeatureClass]);
+  }, [selectedFeatureClass, selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog._id]);
   useEffect(function () {
     //remove features table, when featureclasses are unmounted
     return function () {
@@ -35983,7 +36336,7 @@ function TableFeatureClasses () {
       catalogId: catalogId,
       organizationId: organizationId
     };
-  }, [catalogId]);
+  }, [catalogId, organizationId]);
   var hooks = useMemo(function () {
     return {
       onCellSelectionChanged: function onCellSelectionChanged(event) {
@@ -36011,27 +36364,7 @@ function TableFeatureClasses () {
         headerName: 'backoffice.idmCatalog.featureclasses.label.featureClassNo',
         required: true,
         cellDataType: 'number'
-      }, {
-        headerName: 'backoffice.idmCatalog.featureclasses.label.featureClassName',
-        marryChildren: true,
-        children: [{
-          field: 'featureClassName.DE',
-          headerName: 'backoffice.idmEnricher.general.label.DE',
-          isDictionary: true
-        }, {
-          field: 'featureClassName.EN',
-          headerName: 'backoffice.idmEnricher.general.label.EN',
-          isDictionary: true
-        }, {
-          field: 'featureClassName.FR',
-          headerName: 'backoffice.idmEnricher.general.label.FR',
-          isDictionary: true
-        }, {
-          field: 'featureClassName.IT',
-          headerName: 'backoffice.idmEnricher.general.label.IT',
-          isDictionary: true
-        }]
-      }, {
+      }, createTranslatedColumnConfig('featureClassName', 'backoffice.idmCatalog.featureclasses.label.featureClassName', (selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds) || ['DE'], false), {
         headerName: 'backoffice.idmCatalog.general.label.lastUpdatedDate',
         field: 'lastUpdatedDate',
         cellDataType: 'dateString',
@@ -36077,7 +36410,7 @@ function TableFeatureClasses () {
         defaultValue: {}
       }]
     };
-  }, []);
+  }, [selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -36086,16 +36419,16 @@ function TableFeatureClasses () {
             "float": 'right'
           },
           children: /*#__PURE__*/jsx(CatalogSelector, {
-            selectedCatalog: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(id) {
-              return updateNavigation(id);
+            catalogId: catalogId,
+            setSelectedCatalog: function setSelectedCatalog(catalog) {
+              return updateNavigation(catalog);
             },
             idmService: apiConfig.idmService,
             organizationId: organizationId
           })
         })]
       })
-    }), /*#__PURE__*/jsx(Spreadsheet, {
+    }), selectedCatalog && /*#__PURE__*/jsx(Spreadsheet, {
       gridId: 'crud-grid_featureclasses',
       applicationData: applicationData,
       hooks: hooks,
@@ -36439,7 +36772,6 @@ function OptionCombinations(_ref8) {
         field: 'featureRefs',
         editable: false,
         filter: false,
-        lockPosition: 'left',
         headerComponent: 'editColumnHeader',
         headerComponentParams: {
           onChange: addFeature,
@@ -36536,6 +36868,7 @@ function TableDecisions () {
   var root = useStore();
   var spreadsheetRef = useRef(null);
   var _useModule = useModule(['decisions']),
+    selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
     organizationId = _useModule.organizationId,
     updateNavigation = _useModule.updateNavigation,
@@ -36582,7 +36915,7 @@ function TableDecisions () {
       catalogId: catalogId,
       organizationId: organizationId
     };
-  }, [catalogId]);
+  }, [catalogId, organizationId]);
   var hooks = useMemo(function () {
     return {
       onCellSelectionChanged: function onCellSelectionChanged(event) {
@@ -36633,28 +36966,7 @@ function TableDecisions () {
         headerName: 'backoffice.idmCatalog.decisions.label.decisionNo',
         required: true,
         cellDataType: 'number'
-      }, {
-        headerName: 'backoffice.idmCatalog.decisions.label.decisionText',
-        marryChildren: true,
-        children: [{
-          field: 'decisionText.DE',
-          headerName: 'backoffice.idmEnricher.general.label.DE',
-          isDictionary: true,
-          required: true
-        }, {
-          field: 'decisionText.EN',
-          headerName: 'backoffice.idmEnricher.general.label.EN',
-          isDictionary: true
-        }, {
-          field: 'decisionText.FR',
-          headerName: 'backoffice.idmEnricher.general.label.FR',
-          isDictionary: true
-        }, {
-          field: 'decisionText.IT',
-          headerName: 'backoffice.idmEnricher.general.label.IT',
-          isDictionary: true
-        }]
-      }, {
+      }, createTranslatedColumnConfig('decisionText', 'backoffice.idmCatalog.decisions.label.decisionText', (selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds) || ['DE'], true), {
         field: 'comment',
         headerName: 'backoffice.idmCatalog.decisions.label.comment'
       }, {
@@ -36738,7 +37050,7 @@ function TableDecisions () {
         defaultValue: '${catalogId}'
       }]
     };
-  }, []);
+  }, [selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -36747,16 +37059,16 @@ function TableDecisions () {
             "float": 'right'
           },
           children: /*#__PURE__*/jsx(CatalogSelector, {
-            selectedCatalog: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(id) {
-              return updateNavigation(id);
+            catalogId: catalogId,
+            setSelectedCatalog: function setSelectedCatalog(catalog) {
+              return updateNavigation(catalog);
             },
             idmService: apiConfig.idmService,
             organizationId: organizationId
           })
         })]
       })
-    }), /*#__PURE__*/jsx(Spreadsheet, {
+    }), selectedCatalog && /*#__PURE__*/jsx(Spreadsheet, {
       gridId: 'crud-grid_decisions',
       ref: spreadsheetRef,
       applicationData: applicationData,
@@ -36768,97 +37080,21 @@ function TableDecisions () {
 
 function TableDetailInfos () {
   var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  useStore();
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
   var _useModule = useModule(['detailinfos']),
+    selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
     organizationId = _useModule.organizationId,
     updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig;
-  var _React$useState = React.useState(),
-    _React$useState2 = _slicedToArray(_React$useState, 2);
-    _React$useState2[0];
-    var setSelectedDetailInfo = _React$useState2[1];
   var applicationData = useMemo(function () {
     return {
       catalogId: catalogId,
       organizationId: organizationId
     };
-  }, [catalogId]);
-  var hooks = useMemo(function () {
-    return {
-      onCellSelectionChanged: function onCellSelectionChanged(event) {
-        if (event.selection.length == 1) {
-          setSelectedDetailInfo(event.selection[0].node.data);
-        } else {
-          setSelectedDetailInfo(null);
-        }
-      }
-    };
-  }, []);
+  }, [catalogId, organizationId]);
   var configuration = useMemo(function () {
-    var layerId = [{
-      name: t('backoffice.idmCatalog.detailinfos.label.layerkey.l10'),
-      value: 10
-    }, {
-      name: t('backoffice.idmCatalog.detailinfos.label.layerkey.l20'),
-      value: 20
-    }, {
-      name: t('backoffice.idmCatalog.detailinfos.label.layerkey.l30'),
-      value: 30
-    }, {
-      name: t('backoffice.idmCatalog.detailinfos.label.layerkey.l40'),
-      value: 40
-    }, {
-      name: t('backoffice.idmCatalog.detailinfos.label.layerkey.l50'),
-      value: 50
-    }, {
-      name: t('backoffice.idmCatalog.detailinfos.label.layerkey.l60'),
-      value: 60
-    }];
-    var infoType = [{
-      name: t('backoffice.idmCatalog.detailinfos.label.infotype.i1'),
-      value: 1
-    }, {
-      name: t('backoffice.idmCatalog.detailinfos.label.infotype.i2'),
-      value: 2
-    }, {
-      name: t('backoffice.idmCatalog.detailinfos.label.infotype.i3'),
-      value: 3
-    }, {
-      name: t('backoffice.idmCatalog.detailinfos.label.infotype.i4'),
-      value: 4
-    }, {
-      name: t('backoffice.idmCatalog.detailinfos.label.infotype.i5'),
-      value: 5
-    }, {
-      name: t('backoffice.idmCatalog.detailinfos.label.infotype.i6'),
-      value: 6
-    }, {
-      name: t('backoffice.idmCatalog.detailinfos.label.infotype.i7'),
-      value: 7
-    }, {
-      name: t('backoffice.idmCatalog.detailinfos.label.infotype.i8'),
-      value: 8
-    }, {
-      name: t('backoffice.idmCatalog.detailinfos.label.infotype.i9'),
-      value: 9
-    }, {
-      name: t('backoffice.idmCatalog.detailinfos.label.infotype.i10'),
-      value: 10
-    }, {
-      name: t('backoffice.idmCatalog.detailinfos.label.infotype.i11'),
-      value: 11
-    }, {
-      name: t('backoffice.idmCatalog.detailinfos.label.infotype.i12'),
-      value: 12
-    }, {
-      name: t('backoffice.idmCatalog.detailinfos.label.infotype.i13'),
-      value: 13
-    }, {
-      name: t('backoffice.idmCatalog.detailinfos.label.infotype.i14'),
-      value: 14
-    }];
     return {
       type: 'dotnetSSM',
       apiInterface: {
@@ -36871,67 +37107,7 @@ function TableDetailInfos () {
         headerName: 'backoffice.idmCatalog.detailinfos.label.detailInfoNo',
         required: true,
         cellDataType: 'number'
-      }, {
-        headerName: 'backoffice.idmCatalog.detailinfos.label.externalName',
-        marryChildren: true,
-        children: [{
-          field: 'externalName.DE',
-          headerName: 'backoffice.idmEnricher.general.label.DE',
-          isDictionary: true
-        }, {
-          field: 'externalName.EN',
-          headerName: 'backoffice.idmEnricher.general.label.EN',
-          isDictionary: true
-        }, {
-          field: 'externalName.FR',
-          headerName: 'backoffice.idmEnricher.general.label.FR',
-          isDictionary: true
-        }, {
-          field: 'externalName.IT',
-          headerName: 'backoffice.idmEnricher.general.label.IT',
-          isDictionary: true
-        }]
-      }, {
-        headerName: 'backoffice.idmCatalog.detailinfos.label.internalName',
-        marryChildren: true,
-        children: [{
-          field: 'internalName.DE',
-          headerName: 'backoffice.idmEnricher.general.label.DE',
-          isDictionary: true
-        }, {
-          field: 'internalName.EN',
-          headerName: 'backoffice.idmEnricher.general.label.EN',
-          isDictionary: true
-        }, {
-          field: 'internalName.FR',
-          headerName: 'backoffice.idmEnricher.general.label.FR',
-          isDictionary: true
-        }, {
-          field: 'internalName.IT',
-          headerName: 'backoffice.idmEnricher.general.label.IT',
-          isDictionary: true
-        }]
-      }, {
-        headerName: 'backoffice.idmCatalog.detailinfos.label.toolTip',
-        marryChildren: true,
-        children: [{
-          field: 'toolTip.DE',
-          headerName: 'backoffice.idmEnricher.general.label.DE',
-          isDictionary: true
-        }, {
-          field: 'toolTip.EN',
-          headerName: 'backoffice.idmEnricher.general.label.EN',
-          isDictionary: true
-        }, {
-          field: 'toolTip.FR',
-          headerName: 'backoffice.idmEnricher.general.label.FR',
-          isDictionary: true
-        }, {
-          field: 'toolTip.IT',
-          headerName: 'backoffice.idmEnricher.general.label.IT',
-          isDictionary: true
-        }]
-      }, {
+      }, createTranslatedColumnConfig('externalName', 'backoffice.idmCatalog.detailinfos.label.externalName', (selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds) || ['DE'], false), createTranslatedColumnConfig('internalName', 'backoffice.idmCatalog.detailinfos.label.internalName', (selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds) || ['DE'], false), createTranslatedColumnConfig('toolTip', 'backoffice.idmCatalog.detailinfos.label.toolTip', (selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds) || ['DE'], false), {
         field: 'url',
         headerName: 'backoffice.idmCatalog.detailinfos.label.url',
         required: true
@@ -36951,7 +37127,7 @@ function TableDetailInfos () {
         required: true,
         cellDataType: 'enum',
         customParams: {
-          enumData: infoType,
+          enumData: getInfoTypeKey(t),
           displayLabelTemplate: '${name} (${value})'
         }
       }, {
@@ -36959,7 +37135,7 @@ function TableDetailInfos () {
         headerName: 'backoffice.idmCatalog.detailinfos.label.layer',
         cellDataType: 'enum',
         customParams: {
-          enumData: layerId,
+          enumData: getLayerIdKey(t),
           displayLabelTemplate: '${name} (${value})'
         }
       }, {
@@ -36969,7 +37145,7 @@ function TableDetailInfos () {
         editable: true,
         required: true,
         customParams: {
-          enumData: ['DE', 'EN', 'FR', 'IT'],
+          enumData: getLanguageKey(t),
           multiple: false
         },
         defaultValue: 'DE'
@@ -37025,7 +37201,7 @@ function TableDetailInfos () {
         defaultValue: '${catalogId}'
       }]
     };
-  }, []);
+  }, [selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds, i18n.language]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -37035,18 +37211,17 @@ function TableDetailInfos () {
           },
           children: /*#__PURE__*/jsx(CatalogSelector, {
             organizationId: organizationId,
-            selectedCatalog: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(id) {
-              return updateNavigation(id);
+            catalogId: catalogId,
+            setSelectedCatalog: function setSelectedCatalog(catalog) {
+              return updateNavigation(catalog);
             },
             idmService: apiConfig.idmService
           })
         })]
       })
-    }), /*#__PURE__*/jsx(Spreadsheet, {
-      gridId: 'crud-grid_series',
+    }), selectedCatalog && /*#__PURE__*/jsx(Spreadsheet, {
+      gridId: 'crud-grid_detailinfos',
       applicationData: applicationData,
-      hooks: hooks,
       configuration: configuration
     })]
   });
@@ -37262,10 +37437,11 @@ function TablePartlists () {
     t = _useTranslation.t;
   var root = useStore();
   var _useModule = useModule(['partlists']),
+    selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
-    organizationId = _useModule.organizationId,
     updateNavigation = _useModule.updateNavigation,
-    apiConfig = _useModule.apiConfig;
+    apiConfig = _useModule.apiConfig,
+    organizationId = _useModule.organizationId;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedPartlist = _React$useState2[0],
@@ -37298,10 +37474,10 @@ function TablePartlists () {
   }, []);
   var applicationData = useMemo(function () {
     return {
-      catalogId: catalogId,
-      organizationId: organizationId
+      organizationId: organizationId,
+      catalogId: catalogId
     };
-  }, [catalogId, organizationId]);
+  }, [organizationId, catalogId]);
   var hooks = useMemo(function () {
     return {
       onCellSelectionChanged: function onCellSelectionChanged(event) {
@@ -37382,16 +37558,16 @@ function TablePartlists () {
             "float": 'right'
           },
           children: /*#__PURE__*/jsx(CatalogSelector, {
-            selectedCatalog: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(id) {
-              return updateNavigation(id);
+            catalogId: catalogId,
+            setSelectedCatalog: function setSelectedCatalog(catalog) {
+              return updateNavigation(catalog);
             },
             idmService: apiConfig.idmService,
             organizationId: organizationId
           })
         })]
       })
-    }), /*#__PURE__*/jsx(Spreadsheet, {
+    }), selectedCatalog && /*#__PURE__*/jsx(Spreadsheet, {
       gridId: 'crud-grid_partlists',
       applicationData: applicationData,
       hooks: hooks,
@@ -37497,7 +37673,6 @@ function PriceFeatureGroupPercentageSurcharge(_ref) {
         field: 'featureNos',
         editable: false,
         filter: false,
-        lockPosition: 'left',
         headerComponent: 'editColumnHeader',
         headerComponentParams: {
           onChange: addFeature,
@@ -37678,7 +37853,6 @@ function PriceFeatureGroupFinishes(_ref) {
         field: 'featureNos',
         editable: false,
         filter: false,
-        lockPosition: 'left',
         headerComponent: 'editColumnHeader',
         headerComponentParams: {
           onChange: addFeature,
@@ -37778,6 +37952,7 @@ function TablePriceFeatureGroups () {
   var root = useStore();
   var spreadsheetRef = useRef(null);
   var _useModule = useModule(['pricefeaturegroups']),
+    selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
     organizationId = _useModule.organizationId,
     updateNavigation = _useModule.updateNavigation,
@@ -37846,7 +38021,7 @@ function TablePriceFeatureGroups () {
       catalogId: catalogId,
       organizationId: organizationId
     };
-  }, [catalogId]);
+  }, [catalogId, organizationId]);
   var hooks = useMemo(function () {
     return {
       onCellSelectionChanged: function onCellSelectionChanged(event) {
@@ -37887,28 +38062,7 @@ function TablePriceFeatureGroups () {
         headerName: 'backoffice.idmCatalog.pricefeaturegroups.label.priceFeatureGroupNo',
         required: true,
         cellDataType: 'number'
-      }, {
-        headerName: 'backoffice.idmCatalog.pricefeaturegroups.label.priceFeatureGroupText',
-        marryChildren: true,
-        children: [{
-          field: 'priceFeatureGroupText.DE',
-          headerName: 'backoffice.idmEnricher.general.label.DE',
-          isDictionary: true,
-          required: true
-        }, {
-          field: 'priceFeatureGroupText.EN',
-          headerName: 'backoffice.idmEnricher.general.label.EN',
-          isDictionary: true
-        }, {
-          field: 'priceFeatureGroupText.FR',
-          headerName: 'backoffice.idmEnricher.general.label.FR',
-          isDictionary: true
-        }, {
-          field: 'priceFeatureGroupText.IT',
-          headerName: 'backoffice.idmEnricher.general.label.IT',
-          isDictionary: true
-        }]
-      }, {
+      }, createTranslatedColumnConfig('priceFeatureGroupText', 'backoffice.idmCatalog.pricefeaturegroups.label.priceFeatureGroupText', (selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds) || ['DE'], true), {
         field: 'comment',
         headerName: 'backoffice.idmCatalog.pricefeaturegroups.label.comment'
       }, {
@@ -37970,7 +38124,7 @@ function TablePriceFeatureGroups () {
         additionalFields: ['featureNosDisplayTexts']
       }]
     };
-  }, []);
+  }, [selectedCatalog === null || selectedCatalog === void 0 ? void 0 : selectedCatalog.isoLanguageIds]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -37979,16 +38133,16 @@ function TablePriceFeatureGroups () {
             "float": 'right'
           },
           children: /*#__PURE__*/jsx(CatalogSelector, {
-            selectedCatalog: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(id) {
-              return updateNavigation(id);
+            catalogId: catalogId,
+            setSelectedCatalog: function setSelectedCatalog(catalog) {
+              return updateNavigation(catalog);
             },
             idmService: apiConfig.idmService,
             organizationId: organizationId
           })
         })]
       })
-    }), /*#__PURE__*/jsx(Spreadsheet, {
+    }), selectedCatalog && /*#__PURE__*/jsx(Spreadsheet, {
       gridId: 'crud-grid_pricefeaturegroups',
       ref: spreadsheetRef,
       applicationData: applicationData,
@@ -38002,6 +38156,7 @@ function TablePrices () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useModule = useModule(['prices']),
+    selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
     updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig,
@@ -38051,6 +38206,11 @@ function TablePrices () {
         additionalFields: ['typeNoDisplayText'],
         isDictionary: true,
         editable: false
+      }, {
+        field: 'partListExclusive',
+        headerName: 'backoffice.idmCatalog.prices.label.partListExclusive',
+        editable: false,
+        cellDataType: 'boolean'
       }].concat(_toConsumableArray((_priceFeatureGroups$m = priceFeatureGroups.map(function (priceFeatureGroup) {
         var _priceFeatureGroup$ke;
         return {
@@ -38104,9 +38264,9 @@ function TablePrices () {
           },
           children: [/*#__PURE__*/jsx(CatalogSelector, {
             organizationId: organizationId,
-            selectedCatalog: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(id) {
-              updateNavigation(id);
+            catalogId: catalogId,
+            setSelectedCatalog: function setSelectedCatalog(catalog) {
+              updateNavigation(catalog);
               setSelectedSerie(undefined);
             },
             idmService: apiConfig.idmService
@@ -38119,7 +38279,7 @@ function TablePrices () {
           })]
         })]
       })
-    }), selectedSerie && /*#__PURE__*/jsx(Spreadsheet, {
+    }), selectedSerie && selectedCatalog && /*#__PURE__*/jsx(Spreadsheet, {
       gridId: 'crud-grid_prices',
       applicationData: applicationData,
       configuration: configuration
@@ -39528,7 +39688,7 @@ var getTranslation = function getTranslation(text, lang) {
 };
 
 var container = "container-Xbv0B";
-var css_248z = ".container-Xbv0B {\n  background: white;\n  color: black;\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.darkmode .container-Xbv0B {\n  border-color: #424242;\n}\n";
+var css_248z = ".container-Xbv0B {\n  background: white;\n  color: black;\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: auto;\n}\n\n.darkmode .container-Xbv0B {\n  border-color: #424242;\n}\n";
 styleInject(css_248z);
 
 var WsyiwygContentItem = function WsyiwygContentItem(_ref) {
@@ -39779,6 +39939,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG = getLogger('Backoffice', 'Index');
 var Main = function Main(props) {
+  var _useDivaCore = useDivaCore(),
+    organization = _useDivaCore.state.organization;
   useEffect(function () {
     LOG.debug('Initial render of backoffice');
   }, []);
@@ -39790,7 +39952,7 @@ var Main = function Main(props) {
         children: /*#__PURE__*/jsx(MainLayout$1, {})
       }))
     })
-  });
+  }, organization === null || organization === void 0 ? void 0 : organization._id);
 };
 var DivaBackoffice = {
   name: 'DIVA_BACKOFFICE_NEW',