@crystaldesign/diva-backoffice 25.8.0-beta.31 → 25.8.0-beta.4

package/build/esm/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React, { createElement, createContext, useState, useEffect, useRef, useMemo, forwardRef, useImperativeHandle, useCallback, createRef, useReducer, useContext, memo, useDeferredValue } from 'react';
 import 'antd/dist/reset.css';
-import { Form as Form$1, Button, Input, Popover, Typography, Divider, Progress, Select as Select$1, Avatar, Spin, Radio, Space, Dropdown, DatePicker, Checkbox, InputNumber, Modal as Modal$2, Tabs, Cascader, Descriptions, Row, Col, Tooltip as Tooltip$1, Collapse, List as List$1, Skeleton, Alert, Card, Upload as Upload$2, Table as Table$1, Switch, Popconfirm, Image, Slider, Breadcrumb, Result as Result$1, message, Layout, Drawer, ConfigProvider, theme } from 'antd';
+import { Form as Form$1, Button, Input, Popover, Typography, Divider, Progress, Select as Select$1, Avatar, Spin, Radio, Space, Dropdown, DatePicker, Checkbox, InputNumber, Modal as Modal$2, Cascader, Descriptions, Row, Col, Tooltip as Tooltip$1, Collapse, List as List$1, Skeleton, Alert, Card, Upload as Upload$2, Table as Table$1, Switch, Popconfirm, Tabs, Image, Slider, Breadcrumb, Result as Result$1, message, Layout, Drawer, ConfigProvider, theme } from 'antd';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { observer } from 'mobx-react-lite';
 import { getLogger, DivaError, useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
@@ -119,11 +119,9 @@ import Descriptions$1 from 'antd/es/descriptions';
 import { Spreadsheet as Spreadsheet$1 } from '@crystaldesign/spreadsheet';
 import EditOutlined from '@ant-design/icons/lib/icons/EditOutlined';
 import Checkbox$1 from 'antd/es/checkbox/Checkbox';
-import WarningOutlined from '@ant-design/icons/lib/icons/WarningOutlined';
 import Modal$3 from 'antd/es/modal';
 import Spin$1 from 'antd/es/spin';
 import Flex from 'antd/es/flex';
-import { useTranslation as useTranslation$1 } from 'react-i18next';
 import JSZip from 'jszip';
 import { DropzoneAreaBase } from 'react-mui-dropzone';
 import Switch$1 from 'antd/es/switch';
@@ -5484,11 +5482,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         field: 'pos',
         sorter: 3,
         filter: 'advanced'
-      }, {
-        title: t('backoffice.form.renderjob.items.functionType'),
-        field: 'functionType',
-        sorter: 3,
-        filter: 'advanced'
       }, {
         title: t('backoffice.table.viewpoints.columns.title.rot'),
         field: 'rot',
@@ -7659,7 +7652,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         name: 'type',
         label: t('backoffice.form.organizationdetails.items.type'),
         type: 'radio',
-        tabgroup: t('backoffice.subtitle.generally'),
         options: [{
           value: undefined,
           label: t('backoffice.form.SHELL'),
@@ -7747,7 +7739,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         permission: 'backoffice_admin_organizations'
       }, {
         name: t('backoffice.subtitle.generally'),
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'subTitle',
         orientation: 'left',
         style: {
@@ -7755,13 +7746,11 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         }
       }, {
         name: '_id',
-        tabgroup: t('backoffice.subtitle.generally'),
         label: 'ID',
         type: 'input',
         readonly: true
       }, {
         name: 'displayName',
-        tabgroup: t('backoffice.subtitle.generally'),
         label: t('backoffice.form.organizationdetails.items.displayName'),
         required: true,
         type: 'input',
@@ -7773,7 +7762,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         label: t('backoffice.form.organizationdetails.items.internalId'),
         name: 'internalId',
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'input',
         hidden: function hidden(data) {
           return (data === null || data === void 0 ? void 0 : data.type) === 'ASSOCIATION' || (data === null || data === void 0 ? void 0 : data.type) === 'SUPPLIER' || (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER';
@@ -7781,7 +7769,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: 'description',
         label: t('backoffice.form.organizationdetails.items.description'),
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'textarea'
       }, {
         name: 'street',
@@ -7789,7 +7776,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         required: function required(data) {
           return !((data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined);
         },
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'input',
         hidden: function hidden(data) {
           return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
@@ -7800,7 +7786,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         required: function required(data) {
           return !((data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined);
         },
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'input',
         hidden: function hidden(data) {
           return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
@@ -7811,7 +7796,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         required: function required(data) {
           return !((data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined);
         },
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'input',
         hidden: function hidden(data) {
           return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
@@ -7819,7 +7803,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         label: t('backoffice.form.organizationdetails.items.region'),
         name: 'region',
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'input',
         hidden: function hidden(data) {
           return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
@@ -7827,7 +7810,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: 'countryCode',
         label: t('backoffice.form.organizationdetails.items.countryCode'),
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'selectSimple',
         apiInterface: {
           read: {
@@ -7846,7 +7828,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: 'contact',
         label: 'backoffice.organization.contact',
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'select',
         mode: 'single',
         selectMapping: {
@@ -7888,7 +7869,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: 'email',
         label: t('backoffice.form.organizationdetails.items.email'),
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'input',
         hidden: function hidden(data) {
           return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
@@ -7896,7 +7876,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: 'phone',
         label: t('backoffice.form.organizationdetails.items.phone'),
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'input',
         hidden: function hidden(data) {
           return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
@@ -7904,7 +7883,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: 'fax',
         label: t('backoffice.form.organizationdetails.items.fax'),
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'input',
         hidden: function hidden(data) {
           return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
@@ -7912,7 +7890,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: 'homepage',
         label: t('backoffice.form.organizationdetails.items.homepage'),
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'input',
         hidden: function hidden(data) {
           return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
@@ -7923,7 +7900,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         catalogCodex: ['defaultCatalog', 'catalogCodex'],
         label: t('backoffice.form.organizationdetails.items.selectClientRelationCatalog'),
         type: 'selectClientRelationCatalog',
-        tabgroup: t('backoffice.subtitle.generally'),
         apiInterface: {
           read: '${authService}/v2/organizations/${organizationId}'
         },
@@ -7932,18 +7908,15 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         }
       }, {
         name: ['defaultCatalog', 'accountId'],
-        hidden: true,
-        tabgroup: t('backoffice.subtitle.generally')
+        hidden: true
       },
       // these fields are needed otherwise they dont get saved
       {
         name: ['defaultCatalog', 'catalogCodex'],
-        hidden: true,
-        tabgroup: t('backoffice.subtitle.generally')
+        hidden: true
       }, {
         name: ['settings', 'sendOrders'],
         label: t('backoffice.form.organizationdetails.items.settings.sendOrders'),
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'radio',
         optionType: 'button',
         options: [{
@@ -7960,13 +7933,11 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: ['settings', 'sendOrdersEmail'],
         label: t('backoffice.form.organizationdetails.items.settings.sendOrdersEmail'),
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'input',
         permission: 'backoffice_admin_organizations'
       }, {
         name: 'iwofurn',
         label: t('backoffice.form.organizationdetails.items.iwofurn'),
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'checkbox',
         hidden: function hidden(data) {
           return (data === null || data === void 0 ? void 0 : data.type) !== 'RETAILER' && (data === null || data === void 0 ? void 0 : data.parentType) !== 'RETAILER';
@@ -7984,7 +7955,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         }
       }, {
         name: t('backoffice.subtitle.iwofurn'),
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'subTitle',
         orientation: 'left',
         style: {
@@ -7997,7 +7967,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: ['iwoFurnOptions', 'iwofurnUsername'],
         label: t('backoffice.form.organizationdetails.items.iwoFurnOptions.iwofurnUsername'),
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'input',
         syncDataWithUserInput: true,
         required: function required(data) {
@@ -8009,7 +7978,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: ['iwoFurnOptions', 'pwdHash'],
         label: t('backoffice.form.organizationdetails.items.iwoFurnOptions.pwdHash'),
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'password',
         syncDataWithUserInput: true,
         required: function required(data) {
@@ -8021,7 +7989,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: ['iwoFurnOptions', 'iwofurnSenderGLN'],
         label: t('backoffice.form.organizationdetails.items.iwofurnSenderGLN'),
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'input',
         required: function required(data) {
           return data === null || data === void 0 ? void 0 : data.iwofurn;
@@ -8032,7 +7999,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: ['iwoFurnOptions', 'iwofurnRecipientGLN'],
         label: t('backoffice.form.organizationdetails.items.iwofurnRecipientGLN'),
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'input',
         required: function required(data) {
           return data === null || data === void 0 ? void 0 : data.iwofurn;
@@ -8043,7 +8009,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: ['iwoFurnOptions', 'sendIWOBasketEKPriceType'],
         label: t('backoffice.form.organizationdetails.items.sendIWOBasketEKPriceType'),
-        tabgroup: t('backoffice.subtitle.generally'),
         type: 'input',
         hidden: function hidden(data) {
           return !(data !== null && data !== void 0 && data.iwofurn) || (data === null || data === void 0 ? void 0 : data.type) !== 'RETAILER' && (data === null || data === void 0 ? void 0 : data.parentType) !== 'RETAILER';
@@ -8063,7 +8028,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         }
       }, {
         name: t('backoffice.form.organizationdetails.items.licenses'),
-        tabgroup: t('backoffice.form.organizationdetails.items.licenses'),
         type: 'subTitle',
         orientation: 'left',
         style: {
@@ -8073,7 +8037,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: 'Info',
         type: 'text',
-        tabgroup: t('backoffice.form.organizationdetails.items.licenses'),
         style: {
           marginBottom: '30px'
         },
@@ -8082,7 +8045,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: ['settings', 'enable3DExport'],
         label: t('backoffice.form.organizationdetails.items.settings.enable3DExport'),
-        tabgroup: t('backoffice.form.organizationdetails.items.licenses'),
         type: 'radio',
         optionType: 'button',
         options: [{
@@ -8100,7 +8062,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         name: ['settings', 'renderjobSeparateMaterials'],
         label: t('backoffice.form.organizationdetails.items.settings.renderjobSeparateMaterials'),
         permission: 'backoffice_admin_organizations',
-        tabgroup: t('backoffice.form.organizationdetails.items.licenses'),
         type: 'radio',
         optionType: 'button',
         options: [{
@@ -8117,7 +8078,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         name: ['settings', 'enableAR'],
         label: t('backoffice.form.organizationdetails.items.settings.enableAR'),
         permission: 'backoffice_admin_organizations',
-        tabgroup: t('backoffice.form.organizationdetails.items.licenses'),
         type: 'radio',
         optionType: 'button',
         options: [{
@@ -8134,7 +8094,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         name: ['settings', 'enableRTV'],
         label: t('backoffice.form.organizationdetails.items.settings.enableRTV'),
         permission: 'backoffice_admin_organizations',
-        tabgroup: t('backoffice.form.organizationdetails.items.licenses'),
         type: 'radio',
         optionType: 'button',
         options: [{
@@ -8152,7 +8111,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         label: t('backoffice.form.organizationdetails.items.settings.forceRTV'),
         permission: 'backoffice_admin_organizations',
         type: 'radio',
-        tabgroup: t('backoffice.form.organizationdetails.items.licenses'),
         optionType: 'button',
         options: [{
           label: t('backoffice.form.organizationdetails.items.vererbt'),
@@ -8167,7 +8125,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: ['settings', 'enableVKMarketing'],
         label: t('backoffice.form.organizationdetails.items.settings.enableVKMarketing'),
-        tabgroup: t('backoffice.form.organizationdetails.items.licenses'),
         permission: 'backoffice_admin_organizations',
         type: 'radio',
         hidden: function hidden(data) {
@@ -8188,7 +8145,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         name: ['settings', 'pricePreview'],
         label: t('backoffice.form.organizationdetails.items.settings.pricePreview'),
         permission: 'backoffice_admin_organizations',
-        tabgroup: t('backoffice.form.organizationdetails.items.licenses'),
         type: 'radio',
         optionType: 'button',
         options: [{
@@ -8207,31 +8163,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
           label: t('backoffice.form.organizationdetails.items.fromCurrentPriceHideCurrent'),
           value: 'fromCurrentPriceHideCurrent'
         }]
-      }, {
-        name: t('backoffice.subtitle.configurator'),
-        type: 'subTitle',
-        orientation: 'left',
-        style: {
-          marginBottom: '40px'
-        },
-        permission: 'backoffice_admin_organizations',
-        hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
-        }
-      }, {
-        name: 'privacyPolicyUrl',
-        label: t('backoffice.form.organizationdetails.items.privacyPolicyUrl'),
-        type: 'input',
-        hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
-        }
-      }, {
-        name: 'termsAndConditionsUrl',
-        label: t('backoffice.form.organizationdetails.items.termsAndConditionsUrl'),
-        type: 'input',
-        hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
-        }
       }, {
         name: t('backoffice.subtitle.advanced'),
         type: 'subTitle',
@@ -8623,117 +8554,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
           label: t('backoffice.currentorg.items.shopType.store'),
           value: 'store'
         }]
-      }, {
-        type: 'subTitle',
-        name: t('backoffice.form.organizationdetails.socialUrls'),
-        tabgroup: t('backoffice.form.organizationdetails.additionalContactData')
-      }, {
-        name: ['socialUrls', 'facebook'],
-        label: t('backoffice.form.organizationdetails.items.facebookUrl'),
-        tabgroup: t('backoffice.form.organizationdetails.additionalContactData'),
-        type: 'input',
-        hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
-        }
-      }, {
-        name: ['socialUrls', 'instagram'],
-        label: t('backoffice.form.organizationdetails.items.instagramUrl'),
-        tabgroup: t('backoffice.form.organizationdetails.additionalContactData'),
-        type: 'input',
-        hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
-        }
-      }, {
-        name: ['socialUrls', 'x'],
-        label: t('backoffice.form.organizationdetails.items.xUrl'),
-        tabgroup: t('backoffice.form.organizationdetails.additionalContactData'),
-        type: 'input',
-        hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
-        }
-      }, {
-        name: ['socialUrls', 'linkedin'],
-        label: t('backoffice.form.organizationdetails.items.linkedinUrl'),
-        tabgroup: t('backoffice.form.organizationdetails.additionalContactData'),
-        type: 'input',
-        hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
-        }
-      }, {
-        name: ['socialUrls', 'youtube'],
-        label: t('backoffice.form.organizationdetails.items.youtubeUrl'),
-        tabgroup: t('backoffice.form.organizationdetails.additionalContactData'),
-        type: 'input',
-        hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
-        }
-      }, {
-        type: 'subTitle',
-        name: t('backoffice.form.organizationdetails.additionalContactData'),
-        tabgroup: t('backoffice.form.organizationdetails.additionalContactData')
-      }, {
-        name: ['additionalContactData'],
-        label: t('Zusätzliche Kontaktdaten'),
-        tabgroup: t('backoffice.form.organizationdetails.additionalContactData'),
-        type: 'array',
-        items: [{
-          name: 'street',
-          label: t('backoffice.form.organizationdetails.items.street'),
-          type: 'input',
-          hidden: function hidden(data) {
-            return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
-          }
-        }, {
-          label: t('backoffice.form.organizationdetails.items.zipCode'),
-          name: 'zipCode',
-          type: 'input',
-          hidden: function hidden(data) {
-            return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
-          }
-        }, {
-          label: t('backoffice.form.organizationdetails.items.city'),
-          name: 'city',
-          type: 'input',
-          hidden: function hidden(data) {
-            return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
-          }
-        }, {
-          name: 'countryCode',
-          label: t('backoffice.form.organizationdetails.items.countryCode'),
-          type: 'selectSimple',
-          apiInterface: {
-            read: {
-              list: '/country_codes.json',
-              "public": true
-            }
-          },
-          selectMapping: {
-            label: "${".concat(lang, "}"),
-            value: '${code}',
-            externalValue: 'value'
-          },
-          placeholder: t('backoffice.form.organizationdetails.items.selectCountryCode'),
-          allowClear: true,
-          search: true
-        }, {
-          name: 'email',
-          label: t('backoffice.form.organizationdetails.items.email'),
-          type: 'input',
-          hidden: function hidden(data) {
-            return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
-          }
-        }, {
-          name: 'phone',
-          label: t('backoffice.form.organizationdetails.items.phone'),
-          type: 'input',
-          hidden: function hidden(data) {
-            return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
-          }
-        }, {
-          type: 'divider',
-          name: ''
-        }],
-        initialValue: []
       }]
     },
     FromAffilateOrganizationDetails: {
@@ -8989,14 +8809,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
                   }, {
                     name: 'mediaItemRefVideo',
                     hidden: true
-                  }, {
-                    name: 'loop',
-                    type: 'checkbox',
-                    label: t('backoffice.form.contentItem.loop'),
-                    doTranslate: false,
-                    hidden: function hidden(d) {
-                      return (d === null || d === void 0 ? void 0 : d.type) !== 'Video';
-                    }
                   }]
                 });
                 translationItems.push({
@@ -9055,12 +8867,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
                   label: t('backoffice.form.api2servers.items.url'),
                   doTranslate: true
                 });
-                translationItems.push({
-                  name: [].concat(_toConsumableArray(p), ['loop']),
-                  type: 'checkbox',
-                  label: t('backoffice.form.contentItem.loop'),
-                  doTranslate: false
-                });
                 break;
               case 'Wrapper':
                 translationItems.push({
@@ -9296,12 +9102,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
                   label: t('backoffice.form.api2servers.items.url'),
                   doTranslate: true
                 });
-                translationItems.push({
-                  name: [].concat(_toConsumableArray(p), ['loop']),
-                  type: 'checkbox',
-                  label: t('backoffice.form.contentItem.loop'),
-                  doTranslate: false
-                });
                 break;
               case 'Wrapper':
                 translationItems.push({
@@ -9502,13 +9302,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         name: 'divaNr',
         label: t('backoffice.form.createorupdateviewpoints.items.divaNr'),
         type: 'input'
-      }, {
-        name: 'functionType',
-        label: t('backoffice.form.createorupdateviewpoints.items.functionType'),
-        type: 'select',
-        required: true,
-        values: functionTypeValues,
-        mode: 'single'
       }]
     },
     FormCreateOrUpdateRenderPackages: {
@@ -9597,9 +9390,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         label: t('Presets'),
         type: 'array',
         items: [{
-          type: 'divider',
-          name: ''
-        }, {
           type: 'radio',
           name: 'job',
           label: t('Job'),
@@ -9650,13 +9440,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
             }
             return hidden;
           }
-        }, {
-          name: 'functionType',
-          label: 'FunctionType',
-          type: 'select',
-          required: true,
-          values: functionTypeValues,
-          mode: 'single'
         }, {
           name: 'preset',
           label: t('Preset'),
@@ -9864,7 +9647,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
           op: 'gt',
           value: 3
         },
-        values: functionTypeValues
+        values: ['PROD', 'PROD_SEC', 'PROD_CLOSE', 'PROD_MILIEU', 'SHO', 'CONFIG_INFO', 'AR_INFO', 'PROD_DETAIL', 'CAT', 'PLN', 'LOG', 'FUNC', 'COMMERCIAL', 'TPL', 'ASI', 'PLT', 'CAI', 'BAN', 'INF', 'OTH', 'ART', 'OPV']
       }, {
         name: 'priority',
         label: t('backoffice.form.renderjob.items.priority'),
@@ -10124,7 +9907,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
           value: 3
         },
         allowClear: true,
-        values: functionTypeValues
+        values: ['PROD', 'PROD_SEC', 'PROD_CLOSE', 'PROD_MILIEU', 'SHO', 'CONFIG_INFO', 'AR_INFO', 'PROD_DETAIL', 'CAT', 'PLN', 'LOG', 'FUNC', 'COMMERCIAL', 'TPL', 'ASI', 'PLT', 'CAI', 'BAN', 'INF', 'OTH', 'ART', 'OPV']
       }, {
         name: 'priority',
         label: t('backoffice.form.renderjob.items.priority'),
@@ -10299,7 +10082,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
           value: 3
         },
         allowClear: true,
-        values: functionTypeValues
+        values: ['PROD', 'PROD_SEC', 'PROD_CLOSE', 'PROD_MILIEU', 'SHO', 'CONFIG_INFO', 'AR_INFO', 'PROD_DETAIL', 'CAT', 'PLN', 'LOG', 'FUNC', 'COMMERCIAL', 'TPL', 'ASI', 'PLT', 'CAI', 'BAN', 'INF', 'OTH', 'ART', 'OPV']
       }, {
         name: 'priority',
         label: t('backoffice.form.renderjob.items.priority'),
@@ -10441,7 +10224,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
           value: 3
         },
         allowClear: true,
-        values: functionTypeValues
+        values: ['PROD', 'PROD_SEC', 'PROD_CLOSE', 'PROD_MILIEU', 'SHO', 'CONFIG_INFO', 'AR_INFO', 'PROD_DETAIL', 'CAT', 'PLN', 'LOG', 'FUNC', 'COMMERCIAL', 'TPL', 'ASI', 'PLT', 'CAI', 'BAN', 'INF', 'OTH', 'ART', 'OPV']
       }, {
         name: 'priority',
         label: t('backoffice.form.renderjob.items.priority'),
@@ -10600,7 +10383,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         type: 'select',
         mode: 'single',
         allowClear: true,
-        values: functionTypeValues
+        values: ['PROD', 'PROD_SEC', 'PROD_CLOSE', 'PROD_MILIEU', 'SHO', 'CONFIG_INFO', 'AR_INFO', 'PROD_DETAIL', 'CAT', 'PLN', 'LOG', 'FUNC', 'COMMERCIAL', 'TPL', 'ASI', 'PLT', 'CAI', 'BAN', 'INF', 'OTH', 'ART', 'OPV']
       }, {
         name: 'priority',
         label: t('backoffice.form.renderjob.items.priority'),
@@ -13463,7 +13246,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
     }
   };
 }
-var functionTypeValues = ['PROD', 'PROD_SEC', 'PROD_CLOSE', 'PROD_MILIEU', 'SHO', 'CONFIG_INFO', 'AR_INFO', 'PROD_DETAIL', 'CAT', 'PLN', 'LOG', 'FUNC', 'COMMERCIAL', 'TPL', 'ASI', 'PLT', 'CAI', 'BAN', 'INF', 'OTH', 'ART', 'OPV'];
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -13498,8 +13280,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$y = ".nav-minify-button-ZX7dm {\n  color: rgba(255, 255, 255, 0.65);\n  background: #001529;\n  cursor: pointer;\n  padding: 10px;\n  height: 40px;\n}\n\n.nav-minify-button-ZX7dm:hover {\n  color: #fff;\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\n.nav-minify-button-ZX7dm .anticon {\n  float: right;\n}\n\n.nav-container-JCR24 {\n  display: flex;\n  min-width: 30px;\n  overflow: visible;\n  z-index: 10001;\n}\n\n.nav-container-JCR24 .ant-layout-sider-children {\n  display: flex;\n  flex-direction: column;\n}\n\n.nav-minified-tSt-a {\n  flex: 0 0 30px !important;\n  max-width: 30px !important;\n  min-width: 30px !important;\n  width: 30px !important;\n}\n\n.nav-minified-tSt-a {\n  /* position: absolute !important; */\n  height: 100%;\n  z-index: 1;\n}\n\n.nav-overlay-rKJNC {\n  max-width: 200px !important;\n  min-width: 200px !important;\n  width: 200px !important;\n}\n\n.nav-minified-tSt-a .ant-menu-root {\n  display: none;\n}\n\n.nav-overlay-rKJNC .ant-menu-root {\n  display: inline !important;\n  display: initial !important;\n}\n\n.nav-settings-82cjv {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: auto 18px 55px;\n}\n\n.nav-container-JCR24 .ant-menu-title-content {\n  overflow: visible;\n}\n\n.menu-label-4dXQk {\n  display: flex;\n}\n\n.ant-menu .ant-menu-item .menu-label-4dXQk .anticon {\n  margin-left: auto;\n  margin-right: -6px;\n  font-size: 10px;\n}\n\n.menu-label-4dXQk span:first-child {\n  width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n";
-styleInject(css_248z$y);
+var css_248z$x = ".nav-minify-button-ZX7dm {\n  color: rgba(255, 255, 255, 0.65);\n  background: #001529;\n  cursor: pointer;\n  padding: 10px;\n  height: 40px;\n}\n\n.nav-minify-button-ZX7dm:hover {\n  color: #fff;\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\n.nav-minify-button-ZX7dm .anticon {\n  float: right;\n}\n\n.nav-container-JCR24 {\n  display: flex;\n  min-width: 30px;\n  overflow: visible;\n  z-index: 10001;\n}\n\n.nav-container-JCR24 .ant-layout-sider-children {\n  display: flex;\n  flex-direction: column;\n}\n\n.nav-minified-tSt-a {\n  flex: 0 0 30px !important;\n  max-width: 30px !important;\n  min-width: 30px !important;\n  width: 30px !important;\n}\n\n.nav-minified-tSt-a {\n  /* position: absolute !important; */\n  height: 100%;\n  z-index: 1;\n}\n\n.nav-overlay-rKJNC {\n  max-width: 200px !important;\n  min-width: 200px !important;\n  width: 200px !important;\n}\n\n.nav-minified-tSt-a .ant-menu-root {\n  display: none;\n}\n\n.nav-overlay-rKJNC .ant-menu-root {\n  display: inline !important;\n  display: initial !important;\n}\n\n.nav-settings-82cjv {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: auto 18px 55px;\n}\n\n.nav-container-JCR24 .ant-menu-title-content {\n  overflow: visible;\n}\n\n.menu-label-4dXQk {\n  display: flex;\n}\n\n.ant-menu .ant-menu-item .menu-label-4dXQk .anticon {\n  margin-left: auto;\n  margin-right: -6px;\n  font-size: 10px;\n}\n\n.menu-label-4dXQk span:first-child {\n  width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n";
+styleInject(css_248z$x);
 
 function MenuLabel (_ref) {
   var disabled = _ref.disabled,
@@ -17222,7 +17004,7 @@ var JsonEditor$2 = function JsonEditor(_ref) {
   });
 };
 
-var _excluded$4 = ["key", "name"];
+var _excluded$3 = ["key", "name"];
 function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormList$2 = function FormList(_ref) {
@@ -17258,7 +17040,7 @@ var FormList$2 = function FormList(_ref) {
         children: [fields.map(function (_ref3) {
           var key = _ref3.key,
             name = _ref3.name,
-            restField = _objectWithoutProperties(_ref3, _excluded$4);
+            restField = _objectWithoutProperties(_ref3, _excluded$3);
           return /*#__PURE__*/jsxs("div", {
             id: key.toString(),
             style: {
@@ -17454,8 +17236,8 @@ var Result = function Result(_ref) {
 
 var success = "success-tRJ7j";
 var error = "error-MtAFB";
-var css_248z$x = ".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$x);
+var css_248z$w = ".success-tRJ7j {\n  color: #fff !important;\n  background-color: #449d44 !important;\n  border-color: #398439 !important;\n}\n\n.error-MtAFB {\n  color: #fff !important;\n  background-color: #c9302c !important;\n  border-color: #ac2925 !important;\n}\n";
+styleInject(css_248z$w);
 
 var azureIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20width%3D%2248px%22%20height%3D%2248px%22%3E%20%3ClinearGradient%20id%3D%22k8yl7~hDat~FaoWq8WjN6a%22%20x1%3D%22-1254.397%22%20x2%3D%22-1261.911%22%20y1%3D%22877.268%22%20y2%3D%22899.466%22%20gradientTransform%3D%22translate%281981.75%20-1362.063%29%20scale%281.5625%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23114a8b%22%2F%3E%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230669bc%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20fill%3D%22url%28%23k8yl7~hDat~FaoWq8WjN6a%29%22%20d%3D%22M17.634%2C6h11.305L17.203%2C40.773c-0.247%2C0.733-0.934%2C1.226-1.708%2C1.226H6.697%20c-0.994%2C0-1.8-0.806-1.8-1.8c0-0.196%2C0.032-0.39%2C0.094-0.576L15.926%2C7.227C16.173%2C6.494%2C16.86%2C6%2C17.634%2C6L17.634%2C6z%22%2F%3E%20%3Cpath%20fill%3D%22%230078d4%22%20d%3D%22M34.062%2C29.324H16.135c-0.458-0.001-0.83%2C0.371-0.831%2C0.829c0%2C0.231%2C0.095%2C0.451%2C0.264%2C0.608%20l11.52%2C10.752C27.423%2C41.826%2C27.865%2C42%2C28.324%2C42h10.151L34.062%2C29.324z%22%2F%3E%20%3ClinearGradient%20id%3D%22k8yl7~hDat~FaoWq8WjN6b%22%20x1%3D%22-1252.05%22%20x2%3D%22-1253.788%22%20y1%3D%22887.612%22%20y2%3D%22888.2%22%20gradientTransform%3D%22translate%281981.75%20-1362.063%29%20scale%281.5625%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%3Cstop%20offset%3D%220%22%20stop-opacity%3D%22.3%22%2F%3E%20%20%3Cstop%20offset%3D%22.071%22%20stop-opacity%3D%22.2%22%2F%3E%20%20%3Cstop%20offset%3D%22.321%22%20stop-opacity%3D%22.1%22%2F%3E%20%20%3Cstop%20offset%3D%22.623%22%20stop-opacity%3D%22.05%22%2F%3E%20%20%3Cstop%20offset%3D%221%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20fill%3D%22url%28%23k8yl7~hDat~FaoWq8WjN6b%29%22%20d%3D%22M17.634%2C6c-0.783-0.003-1.476%2C0.504-1.712%2C1.25L5.005%2C39.595%20c-0.335%2C0.934%2C0.151%2C1.964%2C1.085%2C2.299C6.286%2C41.964%2C6.493%2C42%2C6.702%2C42h9.026c0.684-0.122%2C1.25-0.603%2C1.481-1.259l2.177-6.416%20l7.776%2C7.253c0.326%2C0.27%2C0.735%2C0.419%2C1.158%2C0.422h10.114l-4.436-12.676l-12.931%2C0.003L28.98%2C6H17.634z%22%2F%3E%20%3ClinearGradient%20id%3D%22k8yl7~hDat~FaoWq8WjN6c%22%20x1%3D%22-1252.952%22%20x2%3D%22-1244.704%22%20y1%3D%22876.6%22%20y2%3D%22898.575%22%20gradientTransform%3D%22translate%281981.75%20-1362.063%29%20scale%281.5625%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%233ccbf4%22%2F%3E%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232892df%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20fill%3D%22url%28%23k8yl7~hDat~FaoWq8WjN6c%29%22%20d%3D%22M32.074%2C7.225C31.827%2C6.493%2C31.141%2C6%2C30.368%2C6h-12.6c0.772%2C0%2C1.459%2C0.493%2C1.705%2C1.224%20l10.935%2C32.399c0.318%2C0.942-0.188%2C1.963-1.13%2C2.281C29.093%2C41.968%2C28.899%2C42%2C28.703%2C42h12.6c0.994%2C0%2C1.8-0.806%2C1.8-1.801%20c0-0.196-0.032-0.39-0.095-0.575L32.074%2C7.225z%22%2F%3E%3C%2Fsvg%3E";
 
@@ -17517,10 +17299,10 @@ var CustomButton = function CustomButton(_ref) {
 };
 var CustomButton$1 = observer(CustomButton);
 
-var wrapper$6 = "wrapper-GVe2h";
+var wrapper$7 = "wrapper-GVe2h";
 var buttonGroup = "button-group-GYt-T";
-var css_248z$w = ".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$w);
+var css_248z$v = ".wrapper-GVe2h {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n\n.button-group-GYt-T {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  margin: 0 12px;\n}\n";
+styleInject(css_248z$v);
 
 function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -17534,7 +17316,7 @@ var SubTitle = function SubTitle(_ref) {
     orientation: (_item$orientation = item.orientation) !== null && _item$orientation !== void 0 ? _item$orientation : 'left',
     style: _objectSpread$T({}, item.style),
     children: /*#__PURE__*/jsxs("div", {
-      className: wrapper$6,
+      className: wrapper$7,
       children: [Array.isArray(item.name) ? t(item.name[0].toString()) : t(item.name), ((_item$buttonIds = item.buttonIds) === null || _item$buttonIds === void 0 ? void 0 : _item$buttonIds.length) && item.buttonIds.map(function (b) {
         return /*#__PURE__*/jsx("div", {
           className: buttonGroup,
@@ -17693,29 +17475,14 @@ function useSelectSimpleData (_ref) {
     });
     return selected.value;
   }, [selected]);
-  var setLoadedOptions = function setLoadedOptions(options) {
-    var _options$;
-    setOptions(options);
-    if (value && options) {
-      LOG$a.debug('value changed', toJS(value), toJS(options));
-      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]);
-    }
-  };
   useEffect(function () {
     if (configuredOptions) {
       if (apiHandler.canReadList) LOG$a.warn('If options are provided, apiInterface will not be used');
-      setLoadedOptions(configuredOptions);
+      setOptions(configuredOptions);
       setLoading(false);
       return;
     }
-    if (sharedState !== null && sharedState !== void 0 && sharedState.options) {
-      setLoadedOptions(sharedState.options);
+    if (options) {
       setLoading(false);
       return;
     }
@@ -17727,11 +17494,25 @@ function useSelectSimpleData (_ref) {
       var options = data.data.map(function (item) {
         return parseDataEntry(item, selectMapping);
       });
-      setLoadedOptions(options);
+      setOptions(options);
     })["finally"](function () {
       setLoading(false);
     });
   }, []);
+  useEffect(function () {
+    var _options$;
+    // set the selected option only after the options are loaded
+    if (value && options) {
+      LOG$a.debug('value changed', value);
+      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]);
+    }
+  }, [value, options]);
   var onSelectionChanged = function onSelectionChanged(value, option) {
     setSelected(option);
     onChange === null || onChange === void 0 || onChange(parseReturnData(option, selectMapping));
@@ -17796,11 +17577,11 @@ function parseReturnData(options, selectMapping) {
   return (selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.externalValue) == 'value' ? options.value : options.data;
 }
 
-var wrapper$5 = "wrapper-4xyke";
-var css_248z$v = ".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$v);
+var wrapper$6 = "wrapper-4xyke";
+var css_248z$u = ".wrapper-4xyke {\n  display: flex;\n  flex-direction: column;\n  min-height: 50px;\n  justify-content: flex-end;\n  font-size: 12px;\n}\n";
+styleInject(css_248z$u);
 
-var _excluded$3 = ["apiInterface", "selectMapping", "apiMapping", "onChange", "value", "search", "options", "autoSelectFirst", "title", "sharedState"];
+var _excluded$2 = ["apiInterface", "selectMapping", "apiMapping", "onChange", "value", "search", "options", "autoSelectFirst", "title", "sharedState"];
 function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SelectWrapper$1 = function SelectWrapper(_ref, ref) {
@@ -17814,7 +17595,7 @@ var SelectWrapper$1 = function SelectWrapper(_ref, ref) {
     autoSelectFirst = _ref.autoSelectFirst,
     title = _ref.title,
     sharedState = _ref.sharedState,
-    selectProps = _objectWithoutProperties(_ref, _excluded$3);
+    selectProps = _objectWithoutProperties(_ref, _excluded$2);
   var state = useSelectSimpleData({
     apiInterface: apiInterface,
     selectMapping: selectMapping,
@@ -17828,7 +17609,7 @@ var SelectWrapper$1 = function SelectWrapper(_ref, ref) {
   });
   return /*#__PURE__*/jsxs("div", {
     ref: ref,
-    className: classnames(title ? wrapper$5 : undefined),
+    className: classnames(title ? wrapper$6 : undefined),
     children: [title, /*#__PURE__*/jsx(Select$1, _objectSpread$S(_objectSpread$S({}, selectProps), {}, {
       showSearch: search,
       loading: state.loading,
@@ -18682,8 +18463,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$u = ".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$u);
+var css_248z$t = ".custom-select-ESUJX {\n  width: 300px;\n}\n\n.custom-select-option-dUA7N.ant-select-item {\n  margin: 0px 12px;\n  padding: 0px;\n  border-bottom: 1px solid #ddd;\n}\n\n.custom-select-option-dUA7N .ant-select-item-option-content {\n  display: flex;\n  align-items: center;\n}\n\n.avatar-wrapper-Vg-xe {\n  margin-right: 5px;\n  height: 30px;\n  width: 24px;\n  float: left;\n  position: relative;\n}\n\n.avatar-wrapper-Vg-xe > span {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.select-text-wrapper-hPSZW {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: normal;\n  width: calc(100% - 29px);\n}\n";
+styleInject(css_248z$t);
 
 var Selector = function Selector(_ref) {
   var items = _ref.items,
@@ -19227,8 +19008,8 @@ function useSelectData (_ref) {
   };
 }
 
-var css_248z$t = ".darkmode .ant-select-selection-search-input {\n  color: #fff;\n}\n";
-styleInject(css_248z$t);
+var css_248z$s = ".darkmode .ant-select-selection-search-input {\n  color: #fff;\n}\n";
+styleInject(css_248z$s);
 
 var SelectWrapper = function SelectWrapper(_ref) {
   var onChange = _ref.onChange,
@@ -19307,11 +19088,11 @@ var SelectWrapper = function SelectWrapper(_ref) {
 };
 var Select = observer(SelectWrapper);
 
-var wrapper$4 = "wrapper-WStAk";
+var wrapper$5 = "wrapper-WStAk";
 var headerWrapper = "header-wrapper-gWQuH";
 var buttonsWrapper$1 = "buttons-wrapper-7ebR9";
-var css_248z$s = ".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$s);
+var css_248z$r = ".wrapper-WStAk {\n  display: flex;\n  flex-direction: column;\n}\n.header-wrapper-gWQuH {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: 64px;\n}\n\n.buttons-wrapper-7ebR9 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-grow: 1;\n}\n";
+styleInject(css_248z$r);
 
 function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -19515,7 +19296,7 @@ var Translation = function Translation(_ref) {
     _onChange = _useTranslationHook.onChange,
     autoTranslate = _useTranslationHook.autoTranslate;
   return /*#__PURE__*/jsxs("div", {
-    className: wrapper$4,
+    className: wrapper$5,
     children: [/*#__PURE__*/jsxs("div", {
       className: headerWrapper,
       children: [/*#__PURE__*/jsx("div", {
@@ -20094,8 +19875,6 @@ function getElement(item, setCanSave, state, absoluteName, _onChange, _onError,
         item: item,
         data: state.data
       });
-    case 'divider':
-      return /*#__PURE__*/jsx(Divider, {});
     case 'apiKey':
       return /*#__PURE__*/jsx(ApiKey, {
         value: item.value,
@@ -20391,6 +20170,7 @@ function ModalProgressBar(_ref) {
 
 var LOG$7 = getLogger('Backoffice', 'Form');
 var FormWrapper$1 = function FormWrapper(_ref, ref) {
+  var _state$selectedItems2;
   var id = _ref.id,
     data = _ref.data,
     onChange = _ref.onChange,
@@ -20533,59 +20313,18 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
       onErrorInternal('An unexpected error prevented finishing');
     }
   };
-
-  // Group items by tabgroup
-  var groupItemsByTabGroup = function groupItemsByTabGroup() {
-    if (!state.selectedItems) return [];
-    var groups = {};
-    state.selectedItems.forEach(function (item) {
-      var tabGroup = item.tabgroup || 'default';
-      if (!groups[tabGroup]) {
-        groups[tabGroup] = [];
-      }
-      groups[tabGroup].push(item);
-    });
-    return Object.entries(groups).map(function (_ref7) {
-      var _ref8 = _slicedToArray(_ref7, 2),
-        tabGroup = _ref8[0],
-        items = _ref8[1];
-      return {
-        tabGroup: tabGroup,
-        items: items
-      };
-    });
-  };
-  var renderFormItems = function renderFormItems(items) {
-    return /*#__PURE__*/jsx(Fragment, {
-      children: items.map(function (item) {
-        var _state$hiddenRequired, _state$hiddenRequired2, _state$hiddenRequired3;
-        return /*#__PURE__*/jsxs("div", {
-          children: [item.marker && /*#__PURE__*/jsx(InfoCircleOutlined, {}), ['subTitle', 'array', 'text'].includes(item.type) ? getElement(item, setCanSave, state, item.name, state.onInputChanged, onErrorInternal, undefined, undefined, (_state$hiddenRequired = state.hiddenRequiredDisabled[typeof item.name == 'string' ? item.name : item.name.join('.')]) === null || _state$hiddenRequired === void 0 ? void 0 : _state$hiddenRequired.hidden) : /*#__PURE__*/jsx(Form$1.Item, {
-            name: item.name,
-            rules: state.getRules(item, state.data),
-            label: getLabel(item, t),
-            valuePropName: item.type == 'checkbox' ? 'checked' : 'value',
-            initialValue: item === null || item === void 0 ? void 0 : item.defaultValue,
-            hasFeedback: !!state.fieldErrors[item.name.toString()],
-            validateStatus: !!state.fieldErrors[item.name.toString()] ? 'error' : undefined,
-            help: state.fieldErrors[item.name.toString()],
-            hidden: (_state$hiddenRequired2 = state.hiddenRequiredDisabled[typeof item.name == 'string' ? item.name : item.name.join('.')]) === null || _state$hiddenRequired2 === void 0 ? void 0 : _state$hiddenRequired2.hidden,
-            children: getElement(item, setCanSave, state, item.name, state.onInputChanged, onErrorInternal, root, form, (_state$hiddenRequired3 = state.hiddenRequiredDisabled[typeof item.name == 'string' ? item.name : item.name.join('.')]) === null || _state$hiddenRequired3 === void 0 ? void 0 : _state$hiddenRequired3.hidden)
-          }, Array.isArray(item.name) ? item.name.join('.') : item.name)]
-        }, item.name.toString());
-      })
-    });
-  };
-  var tabGroups = useMemo(function () {
-    return groupItemsByTabGroup();
-  }, [state.selectedItems]);
-
-  // Create tab items dynamically
-  var tabItems = tabGroups.map(function (group, index) {
-    return {
-      key: group.tabGroup === 'default' ? '99' : index.toString(),
-      label: group.tabGroup === 'default' ? t('backoffice.menu.items.label.systemOther') : group.tabGroup,
-      children: /*#__PURE__*/jsxs(Form$1, {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs(Spin, {
+      spinning: state.loading,
+      children: [state.configuration.presetApiInterface && /*#__PURE__*/jsx(Presets, {
+        state: state,
+        apiHandler: state.presetApiHandler,
+        form: form,
+        root: state.root,
+        setUsedPreset: state.setUsedPreset,
+        presets: state.preset.presets,
+        setPresets: state.preset.setPresets
+      }), /*#__PURE__*/jsxs(Form$1, {
         autoComplete: "off",
         form: form,
         onFinish: onFinish,
@@ -20601,78 +20340,30 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
           if (changedFields[0] === undefined) return;
           state.changedFields.current.push(changedFields[0]);
         },
-        children: [state.configuration.itemSelector && index === 0 && /*#__PURE__*/jsx(Form$1.Item, {
+        children: [state.configuration.itemSelector && /*#__PURE__*/jsx(Form$1.Item, {
           name: state.configuration.itemSelector.name,
           rules: state.getRules(state.configuration.itemSelector, state.data),
           label: state.configuration.itemSelector.label ? t(state.configuration.itemSelector.label, state.configuration.itemSelector.label) : state.configuration.itemSelector.name,
           valuePropName: state.configuration.itemSelector.type == 'checkbox' ? 'checked' : 'value',
           children: getElement(state.configuration.itemSelector, setCanSave, state, state.configuration.itemSelector.name, state.onItemSelectorChanged, onErrorInternal)
-        }, state.configuration.itemSelector.name.toString()), renderFormItems(group.items)]
-      }, "".concat(state.selectedItemsIndex.toString(), "-").concat(index))
-    };
-  });
-
-  // If no tabgroups are defined, fall back to single form
-  var hasTabGroups = tabGroups.length > 1 || tabGroups.length === 1 && tabGroups[0].tabGroup !== 'default';
-  if (!hasTabGroups) {
-    var singleForm = /*#__PURE__*/jsxs(Form$1, {
-      autoComplete: "off",
-      form: form,
-      onFinish: onFinish,
-      onFinishFailed: onFinishFailed,
-      layout: "horizontal",
-      onValuesChange: function onValuesChange(a, data) {
-        state.updateHiddenRequiredDisabled(data, a);
-      },
-      labelCol: {
-        span: 4
-      },
-      onFieldsChange: function onFieldsChange(changedFields) {
-        if (changedFields[0] === undefined) return;
-        state.changedFields.current.push(changedFields[0]);
-      },
-      children: [state.configuration.itemSelector && /*#__PURE__*/jsx(Form$1.Item, {
-        name: state.configuration.itemSelector.name,
-        rules: state.getRules(state.configuration.itemSelector, state.data),
-        label: state.configuration.itemSelector.label ? t(state.configuration.itemSelector.label, state.configuration.itemSelector.label) : state.configuration.itemSelector.name,
-        valuePropName: state.configuration.itemSelector.type == 'checkbox' ? 'checked' : 'value',
-        children: getElement(state.configuration.itemSelector, setCanSave, state, state.configuration.itemSelector.name, state.onItemSelectorChanged, onErrorInternal)
-      }, state.configuration.itemSelector.name.toString()), renderFormItems(state.selectedItems || [])]
-    }, state.selectedItemsIndex.toString());
-    return /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsxs(Spin, {
-        spinning: state.loading,
-        children: [state.configuration.presetApiInterface && /*#__PURE__*/jsx(Presets, {
-          state: state,
-          apiHandler: state.presetApiHandler,
-          form: form,
-          root: state.root,
-          setUsedPreset: state.setUsedPreset,
-          presets: state.preset.presets,
-          setPresets: state.preset.setPresets
-        }), singleForm]
-      }), state.configuration.showProgressBar && /*#__PURE__*/jsx(ModalProgressBar, {
-        isOpen: state.progressBarOpen,
-        percent: state.progressBarPercentage
-      })]
-    });
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs(Spin, {
-      spinning: state.loading,
-      children: [state.configuration.presetApiInterface && /*#__PURE__*/jsx(Presets, {
-        state: state,
-        apiHandler: state.presetApiHandler,
-        form: form,
-        root: state.root,
-        setUsedPreset: state.setUsedPreset,
-        presets: state.preset.presets,
-        setPresets: state.preset.setPresets
-      }), /*#__PURE__*/jsx(Tabs, {
-        items: _toConsumableArray(tabItems).sort(function (a, b) {
-          return a.key.localeCompare(b.key);
-        })
-      })]
+        }, state.configuration.itemSelector.name.toString()), (_state$selectedItems2 = state.selectedItems) === null || _state$selectedItems2 === void 0 ? void 0 : _state$selectedItems2.map(function (item) {
+          var _state$hiddenRequired, _state$hiddenRequired2, _state$hiddenRequired3;
+          return /*#__PURE__*/jsxs("div", {
+            children: [item.marker && /*#__PURE__*/jsx(InfoCircleOutlined, {}), ['subTitle', 'array', 'text'].includes(item.type) ? getElement(item, setCanSave, state, item.name, state.onInputChanged, onErrorInternal, undefined, undefined, (_state$hiddenRequired = state.hiddenRequiredDisabled[typeof item.name == 'string' ? item.name : item.name.join('.')]) === null || _state$hiddenRequired === void 0 ? void 0 : _state$hiddenRequired.hidden) : /*#__PURE__*/jsx(Form$1.Item, {
+              name: item.name,
+              rules: state.getRules(item, state.data),
+              label: getLabel(item, t),
+              valuePropName: item.type == 'checkbox' ? 'checked' : 'value',
+              initialValue: item === null || item === void 0 ? void 0 : item.defaultValue,
+              hasFeedback: !!state.fieldErrors[item.name.toString()],
+              validateStatus: !!state.fieldErrors[item.name.toString()] ? 'error' : undefined,
+              help: state.fieldErrors[item.name.toString()],
+              hidden: (_state$hiddenRequired2 = state.hiddenRequiredDisabled[typeof item.name == 'string' ? item.name : item.name.join('.')]) === null || _state$hiddenRequired2 === void 0 ? void 0 : _state$hiddenRequired2.hidden,
+              children: getElement(item, setCanSave, state, item.name, state.onInputChanged, onErrorInternal, root, form, (_state$hiddenRequired3 = state.hiddenRequiredDisabled[typeof item.name == 'string' ? item.name : item.name.join('.')]) === null || _state$hiddenRequired3 === void 0 ? void 0 : _state$hiddenRequired3.hidden)
+            }, Array.isArray(item.name) ? item.name.join('.') : item.name)]
+          }, item.name.toString());
+        })]
+      }, state.selectedItemsIndex.toString())]
     }), state.configuration.showProgressBar && /*#__PURE__*/jsx(ModalProgressBar, {
       isOpen: state.progressBarOpen,
       percent: state.progressBarPercentage
@@ -21447,8 +21138,8 @@ var skeleton = "skeleton--xCI0";
 var filterField = "filterField-1kU1O";
 var parentScroll = "parent-scroll-GmaL9";
 var parent = "parent-NZJ3S";
-var css_248z$r = ".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$r);
+var css_248z$q = ".permission-Button-XctsZ {\n  position: relative;\n  top: 25px;\n  left: -30px;\n  float: right;\n  height: 20px;\n  z-index: 1000;\n}\n.select-lzft- {\n  width: 100%;\n}\n.loadingOption-qCkRw {\n  margin-top: 11px;\n  padding-left: 500px;\n}\n.scroller-lrdk9 {\n  overflow: auto;\n  height: 100%;\n}\n\n.skeleton--xCI0 {\n  padding-left: 25px;\n  padding-bottom: 10px;\n}\n.filterField-1kU1O {\n  display: flex;\n  gap: 10px;\n}\n.filterField-1kU1O button {\n  height: 32px;\n}\n.filterField-1kU1O div {\n  height: 32px;\n}\n\n.parent-scroll-GmaL9 {\n  overflow: auto;\n  padding: 24px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.parent-NZJ3S {\n  overflow: auto;\n  padding: 24px;\n  height: 100%;\n}\n\n.parent-scroll-GmaL9 .ant-spin-container {\n  height: 100%;\n}\n.parent-scroll-GmaL9 .infinite-scroll-component__outerdiv {\n  height: 100%;\n}\n.parent-scroll-GmaL9 .infinite-scroll-component {\n  height: 100% !important;\n}\n";
+styleInject(css_248z$q);
 
 function ownKeys$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; }
@@ -22693,8 +22384,8 @@ var newscroller = "newscroller-INKeD";
 var antCollapseHeader = "ant-collapse-header--6FgU";
 var itemTitle = "item-title--BTvC";
 var itemDesc = "item-desc-DBiiF";
-var css_248z$q = ".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$q);
+var css_248z$p = ".diva-component-DIVA_BACKOFFICE_NEW .title-cl-ZAj2y {\n  color: black;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .description-m3mNY {\n  color: grey;\n  flex: 1 1 100%;\n  margin-left: 25px;\n  margin-top: -25px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-group-xWnj- {\n  /* border-bottom: 1px solid black; */\n  margin-bottom: 40px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .delete-item-otdSr {\n  cursor: pointer;\n  position: relative;\n  float: right;\n  top: 13px;\n  margin-right: 20px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .newscroller-INKeD {\n  overflow: auto;\n  height: 400px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-collapse-header--6FgU div {\n  flex-wrap: wrap !important;\n}\n.diva-component-DIVA_BACKOFFICE_NEW a .item-title--BTvC {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.85);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-desc-DBiiF {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.45);\n}\n";
+styleInject(css_248z$p);
 
 function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -24106,8 +23797,8 @@ var jsoneditor = "jsoneditor-WMs15";
 var preview = "preview-9wK81";
 var previewButton = "preview-button-vupuG";
 var editButton = "edit-button-m6r3M";
-var css_248z$p = ".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$p);
+var css_248z$o = ".jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-transform {\n  display: none;\n}\n.jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-repair {\n  display: none;\n}\n.jsoneditor-WMs15 .jsoneditor-menu .jsoneditor-poweredBy {\n  display: none;\n}\n.jsoneditor-WMs15 .preview-9wK81 {\n  background-color: #f19e34;\n}\n\n.jsoneditor-WMs15 .preview-button-vupuG {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 19.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 502 502%22 style%3D%22enable-background%3Anew 0 0 502 502%3B%22 xml%3Aspace%3D%22preserve%22 fill%3D%22%23fff%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cg%3E%09%09%09%3Cpath d%3D%22M478.482%2C448.601l-101.6-101.599c8.089-15.262%2C12.339-32.29%2C12.339-49.717c0-35.689-18.182-69.164-47.804-88.743V92.53%09%09%09%09c0-2.652-1.054-5.196-2.929-7.071l-82.529-82.53C254.083%2C1.054%2C251.54%2C0%2C248.888%2C0H24.371c-5.522%2C0-10%2C4.477-10%2C10v427.735%09%09%09%09c0%2C5.523%2C4.478%2C10%2C10%2C10h307.046c5.522%2C0%2C10-4.477%2C10-10v-37.722l92.825%2C92.825c5.908%2C5.908%2C13.764%2C9.162%2C22.119%2C9.162%09%09%09%09c8.356%2C0%2C16.212-3.254%2C22.12-9.162C490.678%2C480.642%2C490.678%2C460.797%2C478.482%2C448.601z M307.276%2C82.53h-48.387V34.143%09%09%09%09l24.193%2C24.193L307.276%2C82.53z M321.417%2C396.377v31.358H34.371V20h204.517v72.53c0%2C5.523%2C4.478%2C10%2C10%2C10h72.529v95.662%09%09%09%09l0.009%2C0.014c-12.214-4.741-25.275-7.215-38.499-7.215c-58.61%2C0-106.294%2C47.683-106.294%2C106.293s47.684%2C106.293%2C106.294%2C106.293%09%09%09%09c13.224%2C0%2C26.285-2.474%2C38.499-7.215L321.417%2C396.377z M328.948%2C370.291c-0.848%2C0.536-1.706%2C1.057-2.574%2C1.563%09%09%09%09c-13.131%2C7.67-28.154%2C11.724-43.446%2C11.724c-47.583%2C0-86.294-38.711-86.294-86.293c0-47.582%2C38.711-86.293%2C86.294-86.293%09%09%09%09c15.291%2C0%2C30.315%2C4.054%2C43.447%2C11.724c26.428%2C15.435%2C42.846%2C44.008%2C42.846%2C74.569c0%2C16.35-4.595%2C32.264-13.289%2C46.022%09%09%09%09C349.097%2C354.125%2C339.766%2C363.455%2C328.948%2C370.291z M464.339%2C478.696c-2.131%2C2.131-4.964%2C3.304-7.978%2C3.304%09%09%09%09c-3.014%2C0-5.847-1.173-7.977-3.304l-98.706-98.706l-0.008-0.001c5.856-4.74%2C11.221-10.104%2C15.961-15.96l0.001%2C0.008%09%09%09%09l98.707%2C98.707C468.737%2C467.142%2C468.737%2C474.298%2C464.339%2C478.696z%22%2F%3E%09%09%09%3Cpath d%3D%22M246.838%2C238.403c-20.641%2C12.674-32.964%2C34.686-32.964%2C58.882c0%2C5.523%2C4.478%2C10%2C10%2C10c5.522%2C0%2C10-4.477%2C10-10%09%09%09%09c0-17.19%2C8.759-32.83%2C23.429-41.838c4.707-2.89%2C6.179-9.048%2C3.289-13.754C257.702%2C236.986%2C251.544%2C235.513%2C246.838%2C238.403z%22%2F%3E%09%09%09%3Cpath d%3D%22M317.708%2C237.624c-10.52-6.145-22.547-9.392-34.781-9.392c-5.522%2C0-10%2C4.477-10%2C10s4.478%2C10%2C10%2C10%09%09%09%09c8.693%2C0%2C17.232%2C2.304%2C24.693%2C6.662c1.586%2C0.926%2C3.321%2C1.367%2C5.034%2C1.367c3.438%2C0%2C6.785-1.775%2C8.645-4.958%09%09%09%09C324.085%2C246.533%2C322.477%2C240.409%2C317.708%2C237.624z%22%2F%3E%09%09%3C%2Fg%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-size: 20px;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.jsoneditor-WMs15 .preview-button-vupuG:hover {\n  border: 0;\n}\n.jsoneditor-WMs15 .preview-button-vupuG:disabled {\n  opacity: 0.3;\n}\n\n.jsoneditor-WMs15 .edit-button-m6r3M {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 16.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%22494.936px%22 height%3D%22494.936px%22 viewBox%3D%220 0 494.936 494.936%22 style%3D%22enable-background%3Anew 0 0 494.936 494.936%3B%22%09 xml%3Aspace%3D%22preserve%22 fill%3D%22%23fff%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cpath d%3D%22M389.844%2C182.85c-6.743%2C0-12.21%2C5.467-12.21%2C12.21v222.968c0%2C23.562-19.174%2C42.735-42.736%2C42.735H67.157%09%09%09c-23.562%2C0-42.736-19.174-42.736-42.735V150.285c0-23.562%2C19.174-42.735%2C42.736-42.735h267.741c6.743%2C0%2C12.21-5.467%2C12.21-12.21%09%09%09s-5.467-12.21-12.21-12.21H67.157C30.126%2C83.13%2C0%2C113.255%2C0%2C150.285v267.743c0%2C37.029%2C30.126%2C67.155%2C67.157%2C67.155h267.741%09%09%09c37.03%2C0%2C67.156-30.126%2C67.156-67.155V195.061C402.054%2C188.318%2C396.587%2C182.85%2C389.844%2C182.85z%22%2F%3E%09%09%3Cpath d%3D%22M483.876%2C20.791c-14.72-14.72-38.669-14.714-53.377%2C0L221.352%2C229.944c-0.28%2C0.28-3.434%2C3.559-4.251%2C5.396l-28.963%2C65.069%09%09%09c-2.057%2C4.619-1.056%2C10.027%2C2.521%2C13.6c2.337%2C2.336%2C5.461%2C3.576%2C8.639%2C3.576c1.675%2C0%2C3.362-0.346%2C4.96-1.057l65.07-28.963%09%09%09c1.83-0.815%2C5.114-3.97%2C5.396-4.25L483.876%2C74.169c7.131-7.131%2C11.06-16.61%2C11.06-26.692%09%09%09C494.936%2C37.396%2C491.007%2C27.915%2C483.876%2C20.791z M466.61%2C56.897L257.457%2C266.05c-0.035%2C0.036-0.055%2C0.078-0.089%2C0.107%09%09%09l-33.989%2C15.131L238.51%2C247.3c0.03-0.036%2C0.071-0.055%2C0.107-0.09L447.765%2C38.058c5.038-5.039%2C13.819-5.033%2C18.846%2C0.005%09%09%09c2.518%2C2.51%2C3.905%2C5.855%2C3.905%2C9.414C470.516%2C51.036%2C469.127%2C54.38%2C466.61%2C56.897z%22%2F%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z$o);
 
 var JsonEditor = function JsonEditor(_ref, ref) {
   var id = _ref.id,
@@ -24886,19 +24577,19 @@ function reducer(state, action) {
 
 var grid = "grid-sGemi";
 var textWrapper = "text-wrapper-xsPXE";
-var css_248z$o = ".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$o);
+var css_248z$n = ".grid-sGemi {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n}\n\n.text-wrapper-xsPXE {\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n}\n";
+styleInject(css_248z$n);
 
-var wrapper$3 = "wrapper-p-gR3";
+var wrapper$4 = "wrapper-p-gR3";
 var container$6 = "container-DoZqe";
-var css_248z$n = ".wrapper-p-gR3 {\n  background: #ececec;\n}\n\n.container-DoZqe {\n  display: flex;\n  justify-content: space-between;\n}\n";
-styleInject(css_248z$n);
+var css_248z$m = ".wrapper-p-gR3 {\n  background: #ececec;\n}\n\n.container-DoZqe {\n  display: flex;\n  justify-content: space-between;\n}\n";
+styleInject(css_248z$m);
 
 var ToolTipInfo = function ToolTipInfo(props) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsx("div", {
-    className: wrapper$3,
+    className: wrapper$4,
     children: /*#__PURE__*/jsx(Card, {
       title: t('backoffice.tooltipinfo.useroverview'),
       styles: {
@@ -25095,8 +24786,8 @@ var useMediaUpload = function useMediaUpload(_ref) {
 var small = "small-NY1-k";
 var medium = "medium---QcO";
 var big = "big--E39S";
-var css_248z$m = ".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$m);
+var css_248z$l = ".diva-component-DIVA_BACKOFFICE_NEW .ant-upload-wrapper {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-nested-loading {\n  width: 100%;\n  height: 100%;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .ant-table-wrapper, .diva-component-DIVA_BACKOFFICE_NEW .ant-table {\n  height: inherit;\n  overflow: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-drawer-body .ant-spin-nested-loading {\n  width: 100%;\n  height: 80%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-container {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .andt-table .ant-spin-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-space-item .andt-table .ant-spin-container {\n  height: calc(60vh - 90px);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .andt-table .ant-table-container {\n  height: calc(100% - 80px);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list-item-container {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-select {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .small-NY1-k {\n  width: 104px;\n  height: 104px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .medium---QcO {\n  width: 200px;\n  height: 200px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .big--E39S {\n  width: 400px;\n  height: 400px;\n}\n";
+styleInject(css_248z$l);
 
 var MediaUpload = observer(function (_ref) {
   var id = _ref.id;
@@ -25222,8 +24913,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$l = ".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$l);
+var css_248z$k = ".checkbox-readonly-0-bzT {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox-input {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox {\n  cursor: default;\n}\n\n.editable-row-9BEHi:hover .checkbox-H7R-w .ant-checkbox {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);\n}\n\n.editable-cell-value-wrap-ugTs4 {\n  padding: 5px 12px;\n  cursor: pointer;\n}\n\n.editable-row-9BEHi:hover .editable-cell-value-wrap-ugTs4 {\n  padding: 4px 11px;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n}\n\n.content-width-hGyVI .ant-modal-confirm-content {\n  width: 100%;\n}\n";
+styleInject(css_248z$k);
 
 function BooleanCell (_ref) {
   var children = _ref.children,
@@ -25904,7 +25595,7 @@ function LinkCell (_ref) {
   }
 }
 
-var _excluded$2 = ["index"],
+var _excluded$1 = ["index"],
   _excluded2 = ["children", "dataIndex", "record", "handleSave", "column"];
 function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -25912,7 +25603,7 @@ var LOG$4 = getLogger('Backoffice', 'CellRenderer');
 var EditableContext = /*#__PURE__*/React.createContext(null);
 var CustomRow = function CustomRow(_ref) {
   _ref.index;
-    var props = _objectWithoutProperties(_ref, _excluded$2);
+    var props = _objectWithoutProperties(_ref, _excluded$1);
   var _Form$useForm = Form$1.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
@@ -26212,8 +25903,8 @@ function useAGHistogram (_ref) {
 var container$5 = "container-2r-OJ";
 var column1 = "column1-9viTK";
 var spinner = "spinner-00VcK";
-var css_248z$k = ".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$k);
+var css_248z$j = ".container-2r-OJ {\n  display: flex;\n  gap: 40px; /* Distribute the columns evenly */\n}\n\n.column-yZ2Qc {\n  padding: 10px;\n}\n\n.column1-9viTK .column-yZ2Qc {\n  flex: 8;\n}\n\n.column2-pCnEz .column-yZ2Qc {\n  flex: 1;\n}\n\n.column3-QZDVv .column-yZ2Qc {\n  flex: 3;\n}\n\n.spinner-00VcK {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n";
+styleInject(css_248z$j);
 
 var Panel = Collapse.Panel;
 function AGHistogram (_ref) {
@@ -27801,7 +27492,7 @@ function filter(f, data) {
   }) : result;
 }
 
-var _excluded$1 = ["_id"];
+var _excluded = ["_id"];
 function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useTableData$1 (_ref) {
@@ -27885,7 +27576,7 @@ function useTableData$1 (_ref) {
     setState(newState);
     var formData = new FormData();
     processedDataRow._id;
-      var value = _objectWithoutProperties(processedDataRow, _excluded$1);
+      var value = _objectWithoutProperties(processedDataRow, _excluded);
     apiHandler.create(undefined, (_configuration$create = configuration.createMapping) !== null && _configuration$create !== void 0 ? _configuration$create : configuration.mapping, _objectSpread$t(_objectSpread$t({}, catalogItem), {}, {
       filterContex: filterContex,
       value: JSON.stringify([value])
@@ -29191,8 +28882,8 @@ var loader = "loader-LaXZy";
 var flex = "flex-yQdda";
 var bar = "bar-Y663f";
 var value = "value-FCA-6";
-var css_248z$j = ".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$j);
+var css_248z$i = ".overlay-lm0tm {\n  position: absolute;\n  z-index: 1;\n  background-color: rgba(247,247,247,0.45882);\n  height: 60vh;\n  width: 100%;\n}\n.loader-LaXZy {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 50px;\n  height: 50px;\n  border: 3px solid rgba(0, 0, 0, 0.3);\n  border-radius: 50%;\n  border-top-color: #fff;\n  animation: spin-qUdpu 1s ease-in-out infinite;\n  -webkit-animation: spin-qUdpu 1s ease-in-out infinite;\n}\n.flex-yQdda {\n  display: flex;\n}\n\n.bar-Y663f {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin-top: 7%;\n}\n\n.value-FCA-6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n@keyframes spin-qUdpu {\n  to {\n    -webkit-transform: rotate(360deg);\n  }\n}\n";
+styleInject(css_248z$i);
 
 function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -30137,8 +29828,8 @@ var retailerChild = "retailer-child-5ll0K";
 var supplier = "supplier-8sm0I";
 var dealer = "dealer-xgnku";
 var association = "association-b8uVW";
-var css_248z$i = ".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$i);
+var css_248z$h = ".label-rYNbb {\n  width: 225px;\n  background-color: #fff;\n  cursor: pointer;\n  padding: 10px 15px;\n  border-radius: 5px;\n  display: flex;\n  gap: 12px;\n  flex-direction: column;\n  font-weight: 500;\n}\n\n.not-clickable-wHc5V {\n  cursor: inherit;\n  color: grey;\n}\n\n.selected-34dYg {\n  font-weight: 630;\n}\n\n.description-iFui2 {\n  font-weight: 300;\n  font-size: small;\n  margin-top: -8px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .org-tree-node-label .org-tree-node-label-inner {\n  padding: 0;\n  padding: initial;\n}\n\n.darkmode .org-tree-container {\n  background-color: rgb(20, 20, 20);\n}\n\n.org-tree-container .org-tree-node-label .ant-btn-default:disabled, .org-tree-container .org-tree-node-label .ant-btn-primary:disabled {\n  border-color: #d9d9d9;\n  color: rgba(0, 0, 0, 0.25);\n  background-color: rgba(0, 0, 0, 0.04);\n}\n\n.retailer-YNzAh {\n  border-bottom: #81c784 solid 5px;\n}\n\n.retailer-child-5ll0K {\n  border-bottom: #c8e6c9 solid 5px;\n}\n\n.supplier-8sm0I {\n  border-bottom: #ba68c8 solid 5px;\n}\n\n.dealer-xgnku {\n  border-bottom: #e1bee7 solid 5px;\n}\n\n.association-b8uVW {\n  border-bottom: #fff176 solid 5px;\n}\n";
+styleInject(css_248z$h);
 
 function getColorClass(data) {
   switch (data.type) {
@@ -30371,8 +30062,8 @@ var openClass = "open-class--gGXs";
 var breadcrumb = "breadcrumb-Z0VvH";
 var selected = "selected-w-sfW";
 var disabled$2 = "disabled-0nado";
-var css_248z$h = ".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$h);
+var css_248z$g = ".trigger-wrapper-OkPRc {\n  width: 100%;\n  padding: 12px 0px;\n  display: flex;\n  gap: 32px;\n}\n\n.arrow-Rd0hp {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2213%22 viewBox%3D%220 0 8 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0.947266 1.14893L6.94727 6.29178L0.947266 11.9489%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n  cursor: pointer;\n}\n\n.open-class--gGXs {\n  transform: rotateZ(90deg);\n}\n\n.breadcrumb-Z0VvH {\n  transition: color 0.3s;\n}\n.breadcrumb-Z0VvH:hover:not(.selected-w-sfW) {\n  cursor: pointer;\n  color: #000;\n}\n\n.selected-w-sfW {\n  color: #000;\n  font-weight: 400;\n}\n\n.selected-w-sfW {\n  color: #000;\n  font-weight: 400;\n}\n\n.disabled-0nado {\n  pointer-events: none;\n  color: lightgray;\n}\n\n.darkmode .selected-w-sfW {\n  color: #fff;\n  font-weight: 400;\n}\n";
+styleInject(css_248z$g);
 
 var BreadCrumbsTrigger = function BreadCrumbsTrigger(_ref) {
   var open = _ref.open,
@@ -30405,8 +30096,8 @@ var BreadCrumbsTrigger = function BreadCrumbsTrigger(_ref) {
 
 var collapsibleInner = "collapsible-inner-rI8kI";
 var toolbarLeft = "toolbar-left-X9WRo";
-var css_248z$g = ".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$g);
+var css_248z$f = ".collapsible-inner-rI8kI {\n  overflow: auto;\n  padding: 32px 0;\n  position: relative;\n}\n\n.toolbar-left-X9WRo {\n  position: absolute;\n  right: 22px;\n  top: 10px;\n  display: flex;\n  gap: 10px;\n}\n";
+styleInject(css_248z$f);
 
 var Legend = function Legend(props) {
   return /*#__PURE__*/jsx(List$1, {
@@ -30460,8 +30151,8 @@ var Legend = function Legend(props) {
 var buttonsWrapper = "buttons-wrapper-Bubkr";
 var mask = "mask-ssagp";
 var transformWrapper = "transform-wrapper--8t0v";
-var css_248z$f = ".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$f);
+var css_248z$e = ".buttons-wrapper-Bubkr {\n  display: flex;\n  gap: 6px;\n}\n\n.buttons-wrapper-Bubkr button {\n  min-width: 24px;\n}\n\n.mask-ssagp {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  -webkit-backdrop-filter: blur(3px);\n          backdrop-filter: blur(3px);\n}\n.mask-ssagp p {\n  font-size: 18px;\n  font-weight: bold;\n  background: rgba(255, 255, 255, 0.4);\n  padding: 10px;\n  border-radius: 5px;\n}\n\n.transform-wrapper--8t0v .ant-modal-mask,\n.transform-wrapper--8t0v .ant-modal-wrap {\n  position: absolute;\n}\n";
+styleInject(css_248z$e);
 
 var ZoomWrapper = function ZoomWrapper(_ref) {
   var _children = _ref.children,
@@ -31367,7 +31058,6 @@ var useEnricherContext = function useEnricherContext() {
       exclusivitiesSeriesSelectorState: createDefaultSelectState('exclusivitiesSeriesSelectorState'),
       exclusivitiesFeatureSelectorState: createDefaultSelectState('exclusivitiesFeatureSelectorState'),
       selectedSerie: undefined,
-      selectedItem: undefined,
       selectedFeature: undefined
     };
     return root.contextStore.getContext('enricher', initialState);
@@ -31379,11 +31069,6 @@ var useEnricherContext = function useEnricherContext() {
       selectedSerie: serie
     });
   }, [root.contextStore]);
-  var setSelectedItem = useCallback(function (item) {
-    root.contextStore.updateContext('enricher', {
-      selectedItem: item
-    });
-  }, [root.contextStore]);
   var setSelectedFeature = useCallback(function (feature) {
     root.contextStore.updateContext('enricher', {
       selectedFeature: feature
@@ -31419,10 +31104,7 @@ var useEnricherContext = function useEnricherContext() {
     root.contextStore.updateContext('enricher', {
       selectedPackage: newPackage,
       packageId: newPackage._id,
-      viewOnly: newPackage.organizationId !== root.dataStore.organizationId,
-      //if the package is not created in the current organization, it can only be viewed
       selectedSerie: undefined,
-      selectedItem: undefined,
       selectedFeature: undefined,
       lookupSeriesSelectorState: createDefaultSelectState('lookupSeriesSelectorState'),
       lookupFeatureSelectorState: createDefaultSelectState('lookupFeatureSelectorState'),
@@ -31450,7 +31132,6 @@ var useEnricherContext = function useEnricherContext() {
   // Return context + handlers
   return _objectSpread$g(_objectSpread$g({}, getContext()), {}, {
     setSelectedSerie: setSelectedSerie,
-    setSelectedItem: setSelectedItem,
     setSelectedFeature: setSelectedFeature,
     setSelectedPackage: setSelectedPackage
   });
@@ -31469,7 +31150,14 @@ var PackageSelector = function PackageSelector(_ref) {
   return /*#__PURE__*/jsx(SimpleSelect, {
     sharedState: packageSelectorState,
     apiInterface: {
-      read: "".concat(enricherService, "/packages?fields=name;_id;isoLanguageIds;isApi;organizationId&organizationId=").concat(organizationId)
+      read: "".concat(enricherService, "/packages?fields=name;_id;isoLanguageIds;isApi&filter=organizationId==\"").concat(organizationId, "\"")
+    },
+    apiMapping: {
+      type: 'query',
+      map: [{
+        globalValue: 'organizationId',
+        targetField: 'organizationId'
+      }]
     },
     selectMapping: {
       label: '${name}',
@@ -31499,11 +31187,7 @@ function useModule$1 (currentModules) {
     setSelectedPackage = _useEnricherContext.setSelectedPackage,
     organizationId = _useEnricherContext.organizationId,
     selectedSerie = _useEnricherContext.selectedSerie,
-    selectedFeature = _useEnricherContext.selectedFeature,
-    selectedItem = _useEnricherContext.selectedItem,
-    setSelectedSerie = _useEnricherContext.setSelectedSerie,
-    setSelectedItem = _useEnricherContext.setSelectedItem,
-    viewOnly = _useEnricherContext.viewOnly;
+    selectedFeature = _useEnricherContext.selectedFeature;
   var location = useLocation();
   var _useSearchParams = useSearchParams(),
     _useSearchParams2 = _slicedToArray(_useSearchParams, 1),
@@ -31713,12 +31397,8 @@ function useModule$1 (currentModules) {
     organizationId: organizationId,
     apiConfig: root.configurationStore.apiConfig,
     setSelectedPackage: setSelectedPackage,
-    setSelectedSerie: setSelectedSerie,
-    setSelectedItem: setSelectedItem,
     selectedSerie: selectedSerie,
-    selectedFeature: selectedFeature,
-    selectedItem: selectedItem,
-    viewOnly: viewOnly
+    selectedFeature: selectedFeature
   };
 }
 
@@ -31846,12 +31526,14 @@ var useTools = function useTools(_ref) {
         initItem: item === null || item === void 0 ? void 0 : item.typeNo,
         setSerie: setSerie,
         setArticle: setArticle
-      }, initSerie ? {
-        initSerie: initSerie
+      }, serie ? {
+        initSerie: {
+          serieNo: serie.serieNo,
+          serieId: serie._id
+        }
       } : {}) : isApi2 ? {
         // open configurator for api2 package (configurator light)
-        loadMask: true,
-        initItem: item === null || item === void 0 ? void 0 : item.typeNo
+        loadMask: true
       } : _objectSpread$f({
         // open configurator for idm package
         useEnricherService: true,
@@ -31861,20 +31543,14 @@ var useTools = function useTools(_ref) {
         initItem: item === null || item === void 0 ? void 0 : item.typeNo,
         setSerie: setSerie,
         setArticle: setArticle
-      }, initSerie ? {
-        initSerie: initSerie
+      }, serie ? {
+        initSerie: {
+          serieNo: serie.serieNo,
+          serieId: serie._id
+        }
       } : {})
     });
   }, [catalogId, packageId, isApi2, serie, item, setSerie, setArticle]);
-  var initSerie = useMemo(function () {
-    if (serie) {
-      return {
-        serieNo: serie.serieNo,
-        serieId: serie._id
-      };
-    }
-    return undefined;
-  }, [serie]);
   useEffect(function () {
     var _root$contentStore$ri;
     var tools = [];
@@ -31916,11 +31592,10 @@ var TableGroups = observer(function () {
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
     apiConfig = _useModule.apiConfig,
-    selectedPackage = _useModule.selectedPackage,
-    viewOnly = _useModule.viewOnly;
+    selectedPackage = _useModule.selectedPackage;
   useTools({
     packageId: packageId,
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
   });
   var applicationData = useMemo(function () {
     return {
@@ -31931,10 +31606,10 @@ var TableGroups = observer(function () {
   var apiInterface = useMemo(function () {
     return {
       read: apiConfig.enricherService + '/packages/${packageId}/groups',
-      create: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/groups',
-      restore: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/groups/${_id}',
-      "delete": viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/groups/${_id}',
-      update: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/groups/${_id}',
+      create: apiConfig.enricherService + '/packages/${packageId}/groups',
+      restore: apiConfig.enricherService + '/packages/${packageId}/groups/${_id}',
+      "delete": apiConfig.enricherService + '/packages/${packageId}/groups/${_id}',
+      update: apiConfig.enricherService + '/packages/${packageId}/groups/${_id}',
       bulk: apiConfig.enricherService + '/packages/${packageId}/groups/bulk'
     };
   }, []);
@@ -31948,7 +31623,7 @@ var TableGroups = observer(function () {
         field: 'serieNos',
         headerName: 'backoffice.idmEnricher.groups.label.serieNos',
         cellDataType: 'lookup',
-        editable: !viewOnly,
+        editable: true,
         customParams: {
           filterCellType: 'number',
           nameField: 'serieNosDisplayTexts',
@@ -31971,7 +31646,7 @@ var TableGroups = observer(function () {
         field: 'typeNos',
         headerName: 'backoffice.idmEnricher.groups.label.typeNos',
         cellDataType: 'lookup',
-        editable: !viewOnly,
+        editable: true,
         customParams: {
           nameField: 'typeNosDisplayTexts',
           displayLabelTemplate: '${name} (${value})',
@@ -32026,7 +31701,7 @@ var TableGroups = observer(function () {
         cellDataType: 'objectId'
       }]
     };
-  }, [apiInterface, t, selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds, viewOnly]);
+  }, [apiInterface, t, selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -32048,28 +31723,22 @@ var TableGroups = observer(function () {
 });
 
 function PublishCustomCell (_ref) {
-  var _data$published, _data$removedOrganiza;
   var data = _ref.data,
     apiConfig = _ref.apiConfig,
     context = _ref.context,
     api = _ref.api,
-    modalState = _ref.modalState,
-    organizationId = _ref.organizationId;
+    modalState = _ref.modalState;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     loading = _React$useState2[0],
     isLoading = _React$useState2[1];
-  var publishedData = (_data$published = data.published) === null || _data$published === void 0 ? void 0 : _data$published[organizationId];
-  var isReleaseWithdrawn = !!((_data$removedOrganiza = data.removedOrganizationIds) !== null && _data$removedOrganiza !== void 0 && _data$removedOrganiza.find(function (id) {
-    return id === organizationId;
-  }));
-  var unpublishedChanges = hasUnpublishedChanges(publishedData === null || publishedData === void 0 ? void 0 : publishedData.publishDate, publishedData === null || publishedData === void 0 ? void 0 : publishedData.lastUpdatedDate);
-  var disabled = !(data !== null && data !== void 0 && data.basedCatalogId) && !(data !== null && data !== void 0 && data.basedPackageId) || !(data !== null && data !== void 0 && data.name);
+  var unpublishedChanges = hasUnpublishedChanges(data.publishDate, data.lastUpdatedDate);
+  var disabled = !data.basedCatalogId && !data.basedPackageId || !data.name;
   var _onChange = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(publish) {
-      var loadingTimeout, response, _errorText, errorText, json;
+      var loadingTimeout, response;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -32084,7 +31753,7 @@ function PublishCustomCell (_ref) {
             }
             _context.next = 6;
             return context === null || context === void 0 ? void 0 : context.updateServerData(data, {
-              update: apiConfig.enricherService + '/packages/${_id}/publish?organizationId=' + organizationId,
+              update: apiConfig.enricherService + '/packages/${_id}/publish',
               usePut: true
             }, undefined, true);
           case 6:
@@ -32094,7 +31763,7 @@ function PublishCustomCell (_ref) {
           case 9:
             _context.next = 11;
             return context === null || context === void 0 ? void 0 : context.updateServerData(data, {
-              update: apiConfig.enricherService + '/packages/${_id}/unpublish?organizationId=' + organizationId,
+              update: apiConfig.enricherService + '/packages/${_id}/unpublish',
               usePut: true
             }, undefined, true);
           case 11:
@@ -32106,7 +31775,7 @@ function PublishCustomCell (_ref) {
               break;
             }
             modalState.showWarningModal(t("backoffice.idmEnricher.packages.label.warning.".concat(publish ? 'publishing' : 'unpublishing')));
-            _context.next = 34;
+            _context.next = 22;
             break;
           case 17:
             if (!(response.status == 200)) {
@@ -32114,46 +31783,30 @@ function PublishCustomCell (_ref) {
               break;
             }
             modalState.closeModal();
-            _context.next = 34;
+            _context.next = 22;
             break;
           case 21:
-            _context.prev = 21;
-            _context.next = 24;
-            return response.json();
-          case 24:
-            json = _context.sent;
-            errorText = json.error;
-            _context.next = 33;
-            break;
-          case 28:
-            _context.prev = 28;
-            _context.t0 = _context["catch"](21);
-            _context.next = 32;
-            return response.text();
-          case 32:
-            errorText = _context.sent;
-          case 33:
-            throw new Error((_errorText = errorText) !== null && _errorText !== void 0 ? _errorText : "Server error (".concat(response.status, ")"));
-          case 34:
+            throw new Error("Server errror: ".concat(response.statusText, " (").concat(response.status, ")"));
+          case 22:
             context === null || context === void 0 || context.reset({
               context: context,
               api: api
             });
-            _context.next = 40;
+            _context.next = 28;
             break;
-          case 37:
-            _context.prev = 37;
-            _context.t1 = _context["catch"](2);
-            modalState.showErrorModal("Error on ".concat(publish ? 'publish' : 'unpublish', ": ").concat(_context.t1 instanceof Error ? _context.t1.message : String(_context.t1)));
-          case 40:
-            _context.prev = 40;
+          case 25:
+            _context.prev = 25;
+            _context.t0 = _context["catch"](2);
+            modalState.showErrorModal("Error on ".concat(publish ? 'publish' : 'unpublish', ": ").concat(_context.t0 instanceof Error ? _context.t0.message : String(_context.t0)));
+          case 28:
+            _context.prev = 28;
             isLoading(false);
-            return _context.finish(40);
-          case 43:
+            return _context.finish(28);
+          case 31:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[2, 37, 40, 43], [21, 28]]);
+      }, _callee, null, [[2, 25, 28, 31]]);
     }));
     return function onChange(_x) {
       return _ref2.apply(this, arguments);
@@ -32165,9 +31818,9 @@ function PublishCustomCell (_ref) {
     children: /*#__PURE__*/jsxs(Space$1, {
       size: "middle",
       children: [/*#__PURE__*/jsx(Tooltip, {
-        title: !!publishedData ? t('backoffice.idmEnricher.packages.label.unpublish') : t('backoffice.idmEnricher.packages.label.publish'),
+        title: !!data.isPublished ? t('backoffice.idmEnricher.packages.label.unpublish') : t('backoffice.idmEnricher.packages.label.publish'),
         children: /*#__PURE__*/jsx(Checkbox$1, {
-          checked: !!publishedData,
+          checked: !!data.isPublished,
           disabled: disabled,
           indeterminate: unpublishedChanges,
           onChange: function onChange(e) {
@@ -32183,12 +31836,6 @@ function PublishCustomCell (_ref) {
             return _onChange(true);
           }
         })
-      }), isReleaseWithdrawn && /*#__PURE__*/jsx(Tooltip, {
-        title: t('backoffice.idmEnricher.packages.label.releaseWithdrawn'),
-        children: /*#__PURE__*/jsx(Button$1, {
-          shape: "circle",
-          icon: /*#__PURE__*/jsx(WarningOutlined, {})
-        })
       })]
     })
   });
@@ -32510,7 +32157,6 @@ var useLoadingModal = function useLoadingModal() {
 };
 
 var TablePackages = observer(function () {
-  var _root$dataStore$curre;
   var root = useStore();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t,
@@ -32521,20 +32167,23 @@ var TablePackages = observer(function () {
     closeModal = modalState.closeModal,
     contextHolder = modalState.contextHolder;
   var _useEnricherContext = useEnricherContext([]),
-    setSelectedPackage = _useEnricherContext.setSelectedPackage,
-    selectedPackage = _useEnricherContext.selectedPackage;
-  useTools({
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
-  });
+    setSelectedPackage = _useEnricherContext.setSelectedPackage;
+  useTools({});
   var organizationId = root.dataStore.organizationId;
-  var organizationDisplayText = (_root$dataStore$curre = root.dataStore.currentOrganization) === null || _root$dataStore$curre === void 0 ? void 0 : _root$dataStore$curre.displayName;
   var apiConfig = root.configurationStore.apiConfig;
   var applicationData = useMemo(function () {
     return {
-      organizationId: organizationId,
-      organizationDisplayText: organizationDisplayText
+      organizationId: organizationId
     };
-  }, [organizationId, organizationDisplayText]);
+  }, [organizationId]);
+  var preFilter = useMemo(function () {
+    return {
+      colId: 'organizationId',
+      filterType: 'text',
+      type: 'equals',
+      filter: organizationId
+    };
+  }, [organizationId]);
   var rowActions = useMemo(function () {
     return [{
       icon: /*#__PURE__*/jsx(EditOutlined, {}),
@@ -32549,9 +32198,8 @@ var TablePackages = observer(function () {
     }, {
       icon: /*#__PURE__*/jsx(DownloadOutlined, {}),
       disabled: function disabled(_ref3) {
-        var _selectedNodes$0$data;
         var selectedNodes = _ref3.selectedNodes;
-        return !((_selectedNodes$0$data = selectedNodes[0].data.published) !== null && _selectedNodes$0$data !== void 0 && _selectedNodes$0$data[organizationId]);
+        return !selectedNodes[0].data.isPublished;
       },
       action: function () {
         var _action = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref4) {
@@ -32595,18 +32243,14 @@ var TablePackages = observer(function () {
   }, [apiConfig.enricherService, root.dataStore.jwt]);
   var apiInterface = useMemo(function () {
     return {
-      read: apiConfig.enricherService + '/packages?organizationId=' + organizationId,
+      read: apiConfig.enricherService + '/packages?organizationId=${organizationId}',
       create: apiConfig.enricherService + '/packages',
       restore: apiConfig.enricherService + '/packages/${_id}',
       "delete": apiConfig.enricherService + '/packages/${_id}',
       update: apiConfig.enricherService + '/packages/${_id}',
-      bulk: apiConfig.enricherService + '/packages/bulk?organizationId=' + organizationId
+      bulk: apiConfig.enricherService + '/packages/bulk?organizationId=${organizationId}'
     };
-  }, [apiConfig.enricherService, organizationId]);
-  var isEditable = useCallback(function (params) {
-    var _params$data, _params$data2;
-    return ((_params$data = params.data) === null || _params$data === void 0 ? void 0 : _params$data.organizationId) === organizationId || !((_params$data2 = params.data) !== null && _params$data2 !== void 0 && _params$data2._id);
-  }, [organizationId]);
+  }, [apiConfig.enricherService]);
   var configuration = useMemo(function () {
     return {
       type: 'dotnetSSM',
@@ -32614,15 +32258,15 @@ var TablePackages = observer(function () {
       dateFormat: 'DD.MM.YYYY, HH:mm:ss',
       floatingFilter: true,
       colDef: [{
-        field: "published.".concat(organizationId),
+        field: 'isPublished',
         //the cell should refresh on changes of this fields
         valueGetter: function valueGetter(_ref5) {
-          var _data$published, _data$published2;
           var data = _ref5.data;
           return {
+            isPublished: data === null || data === void 0 ? void 0 : data.isPublished,
             name: data === null || data === void 0 ? void 0 : data.name,
-            basedCatalogId: data === null || data === void 0 || (_data$published = data.published) === null || _data$published === void 0 || (_data$published = _data$published[organizationId]) === null || _data$published === void 0 ? void 0 : _data$published.basedCatalogId,
-            basedPackageId: data === null || data === void 0 || (_data$published2 = data.published) === null || _data$published2 === void 0 || (_data$published2 = _data$published2[organizationId]) === null || _data$published2 === void 0 ? void 0 : _data$published2.basedPackageId
+            basedCatalogId: data === null || data === void 0 ? void 0 : data.basedCatalogId,
+            basedPackageId: data === null || data === void 0 ? void 0 : data.basedPackageId
           };
         },
         headerName: 'backoffice.idmEnricher.packages.label.published',
@@ -32633,22 +32277,19 @@ var TablePackages = observer(function () {
         lockPinned: true,
         cellRendererParams: {
           apiConfig: apiConfig,
-          modalState: modalState,
-          organizationId: organizationId
-        },
-        isDictionary: true
+          modalState: modalState
+        }
       }, {
         headerName: 'backoffice.idmEnricher.packages.label.name',
         field: 'name',
-        required: true,
-        editable: isEditable
+        required: true
       }, {
         headerName: 'backoffice.idmEnricher.packages.label.catalogId',
         field: 'basedCatalogId',
         cellDataType: 'lookup',
         editable: function editable(_ref6) {
           var data = _ref6.data;
-          return isEditable(data) && !data.basedCatalogId && !data.basedPackageId;
+          return !data.basedCatalogId && !data.basedPackageId;
         },
         customParams: {
           filterCellType: 'objectId',
@@ -32676,7 +32317,7 @@ var TablePackages = observer(function () {
         cellDataType: 'lookup',
         editable: function editable(_ref7) {
           var data = _ref7.data;
-          return isEditable(data) && !data.basedCatalogId && !data.basedPackageId;
+          return !data.basedCatalogId && !data.basedPackageId;
         },
         customParams: {
           filterCellType: 'objectId',
@@ -32705,43 +32346,13 @@ var TablePackages = observer(function () {
         field: 'isoLanguageIds',
         headerName: 'backoffice.idmCatalog.general.label.isoLanguageIds',
         cellDataType: 'enum',
-        editable: isEditable,
+        editable: true,
         required: true,
         customParams: {
           enumData: getLanguageKey(t),
           multiple: true
         },
         defaultValue: ['DE']
-      }, {
-        field: 'allowedOrganizationIds',
-        headerName: 'backoffice.idmEnricher.packages.label.allowedOrganizationIds',
-        cellDataType: 'lookup',
-        editable: isEditable,
-        cellRendererSelector: function cellRendererSelector(params) {
-          var _params$data3, _params$data4;
-          if (((_params$data3 = params.data) === null || _params$data3 === void 0 ? void 0 : _params$data3.organizationId) === organizationId || !((_params$data4 = params.data) !== null && _params$data4 !== void 0 && _params$data4._id)) {
-            return undefined;
-          }
-          return {
-            component: function component() {
-              var _params$data$organiza, _params$data5, _params$data6;
-              return /*#__PURE__*/jsxs("p", {
-                children: ["Freigegeben durch ", (_params$data$organiza = (_params$data5 = params.data) === null || _params$data5 === void 0 ? void 0 : _params$data5.organizationDisplayText) !== null && _params$data$organiza !== void 0 ? _params$data$organiza : (_params$data6 = params.data) === null || _params$data6 === void 0 ? void 0 : _params$data6.organizationId]
-              });
-            }
-          };
-        },
-        customParams: {
-          nameField: 'allowedOrganizationsDisplayTexts',
-          apiInterface: {
-            read: apiConfig.authService + "/clientrelationtargets/organization/".concat(organizationId, "/organizations")
-          },
-          lookupValue: 'displayName',
-          lookupKey: '_id',
-          serverType: 'nodejs',
-          multiple: true
-        },
-        additionalFields: ['allowedOrganizationsDisplayTexts']
       }, {
         headerName: 'backoffice.idmEnricher.packages.label.isApi2',
         field: 'isApi',
@@ -32759,10 +32370,9 @@ var TablePackages = observer(function () {
         editable: false
       }, {
         headerName: 'backoffice.idmEnricher.packages.label.publishDate',
-        field: "published.".concat(organizationId, ".publishDate"),
+        field: 'publishDate',
         cellDataType: 'dateString',
-        editable: false,
-        isDictionary: true
+        editable: false
       }, {
         headerName: 'backoffice.idmEnricher.general.label.createdBy',
         field: 'createdByDisplayText',
@@ -32773,9 +32383,8 @@ var TablePackages = observer(function () {
         editable: false
       }, {
         headerName: 'backoffice.idmEnricher.packages.label.publishedBy',
-        field: "published.".concat(organizationId, ".publishedByDisplayText"),
-        editable: false,
-        isDictionary: true
+        field: 'publishedByDisplayText',
+        editable: false
       }, {
         headerName: 'backoffice.idmEnricher.general.label._id',
         field: '_id',
@@ -32788,26 +32397,9 @@ var TablePackages = observer(function () {
         lockVisible: true,
         suppressColumnsToolPanel: true,
         defaultValue: '${organizationId}'
-      }, {
-        field: 'organizationDisplayText',
-        editable: false,
-        hide: true,
-        lockVisible: true,
-        suppressColumnsToolPanel: true,
-        defaultValue: '${organizationDisplayText}'
-      }, {
-        field: 'removedOrganizationIds',
-        editable: false,
-        hide: true,
-        lockVisible: true,
-        suppressColumnsToolPanel: true
       }]
     };
-  }, [apiInterface, apiConfig, i18n.language, organizationId]);
-  var isRowEditable = useCallback(function (node) {
-    var _node$data, _node$data2;
-    return ((_node$data = node.data) === null || _node$data === void 0 ? void 0 : _node$data.organizationId) === organizationId || !((_node$data2 = node.data) !== null && _node$data2 !== void 0 && _node$data2._id);
-  }, [organizationId]);
+  }, [apiInterface, apiConfig, i18n.language]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: t('backoffice.menu.items.label.IDMEnricherTablePackages')
@@ -32815,8 +32407,8 @@ var TablePackages = observer(function () {
       gridId: 'packages-grid',
       applicationData: applicationData,
       rowActions: rowActions,
-      configuration: configuration,
-      isRowEditable: isRowEditable
+      preFilter: preFilter,
+      configuration: configuration
     }), contextHolder]
   });
 });
@@ -32828,11 +32420,10 @@ var TableProperties = observer(function () {
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
     apiConfig = _useModule.apiConfig,
-    selectedPackage = _useModule.selectedPackage,
-    viewOnly = _useModule.viewOnly;
+    selectedPackage = _useModule.selectedPackage;
   useTools({
     packageId: packageId,
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
   });
   var applicationData = useMemo(function () {
     return {
@@ -32843,10 +32434,10 @@ var TableProperties = observer(function () {
   var apiInterface = useMemo(function () {
     return {
       read: apiConfig.enricherService + '/packages/${packageId}/properties',
-      create: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/properties',
-      restore: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/properties/${_id}',
-      "delete": viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/properties/${_id}',
-      update: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/properties/${_id}',
+      create: apiConfig.enricherService + '/packages/${packageId}/properties',
+      restore: apiConfig.enricherService + '/packages/${packageId}/properties/${_id}',
+      "delete": apiConfig.enricherService + '/packages/${packageId}/properties/${_id}',
+      update: apiConfig.enricherService + '/packages/${packageId}/properties/${_id}',
       bulk: apiConfig.enricherService + '/packages/${packageId}/properties/bulk'
     };
   }, []);
@@ -32864,7 +32455,7 @@ var TableProperties = observer(function () {
         field: 'featureNos',
         headerName: 'backoffice.idmEnricher.renaming.label.featureNr',
         cellDataType: 'lookup',
-        editable: !viewOnly,
+        editable: true,
         customParams: {
           nameField: 'featureNosDisplayTexts',
           displayLabelTemplate: '${name} (${value})',
@@ -32882,7 +32473,7 @@ var TableProperties = observer(function () {
         field: 'optionKeys',
         headerName: 'backoffice.idmEnricher.renaming.label.optionKeys',
         cellDataType: 'lookup',
-        editable: !viewOnly,
+        editable: true,
         customParams: {
           nameField: 'optionKeysDisplayTexts',
           displayLabelTemplate: '${name} (${value})',
@@ -32906,7 +32497,7 @@ var TableProperties = observer(function () {
         field: 'serieNos',
         headerName: 'backoffice.idmEnricher.renaming.label.serieNos',
         cellDataType: 'lookup',
-        editable: !viewOnly,
+        editable: true,
         customParams: {
           filterCellType: 'number',
           nameField: 'serieNosDisplayTexts',
@@ -32929,7 +32520,7 @@ var TableProperties = observer(function () {
         field: 'typeNos',
         headerName: 'backoffice.idmEnricher.properties.label.typeNos',
         cellDataType: 'lookup',
-        editable: !viewOnly,
+        editable: true,
         customParams: {
           nameField: 'typeNosDisplayTexts',
           displayLabelTemplate: '${name} (${value})',
@@ -32984,7 +32575,7 @@ var TableProperties = observer(function () {
         cellDataType: 'objectId'
       }]
     };
-  }, [apiInterface, t, selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds, viewOnly]);
+  }, [apiInterface, t, selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -33005,7 +32596,7 @@ var TableProperties = observer(function () {
   });
 });
 
-var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
+var getConfig$6 = function getConfig(isoLanguageIds, t) {
   return {
     colDef: [{
       field: 'translatedName',
@@ -33015,8 +32606,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origName',
         combinedField: 'name'
       },
-      additionalFields: ['origName', 'name'],
-      editable: !viewOnly
+      additionalFields: ['origName', 'name']
     }, {
       field: 'translatedComment',
       cellDataType: 'withPlaceholder',
@@ -33025,15 +32615,14 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origComment',
         combinedField: 'comment'
       },
-      additionalFields: ['origComment', 'comment'],
-      editable: !viewOnly
+      additionalFields: ['origComment', 'comment']
     }, createTranslatedColumnConfig('translatedCatalogName', 'backoffice.idmEnricher.renaming.label.catalogName', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origCatalogName',
       combinedField: 'catalogName'
-    }, ['origCatalogName', 'catalogName'], !viewOnly), createTranslatedColumnConfig('translatedCatalogInfo', 'backoffice.idmEnricher.renaming.label.catalogInfo', isoLanguageIds, false, 'withPlaceholder', {
+    }, ['origCatalogName', 'catalogName']), createTranslatedColumnConfig('translatedCatalogInfo', 'backoffice.idmEnricher.renaming.label.catalogInfo', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origCatalogInfo',
       combinedField: 'catalogInfo'
-    }, ['origCatalogInfo', 'catalogInfo'], !viewOnly), {
+    }, ['origCatalogInfo', 'catalogInfo']), {
       headerName: 'backoffice.idmEnricher.renaming.label.contactperson',
       field: 'translatedContactPersonNo1',
       cellDataType: 'withPlaceholder',
@@ -33041,8 +32630,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origContactPersonNo1',
         combinedField: 'contactPersonNo1'
       },
-      additionalFields: ['origContactPersonNo1', 'contactPersonNo1'],
-      editable: !viewOnly
+      additionalFields: ['origContactPersonNo1', 'contactPersonNo1']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.contactrole',
       field: 'translatedContactRole1',
@@ -33051,8 +32639,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origContactRole1',
         combinedField: 'contactRole1'
       },
-      additionalFields: ['origContactRole1', 'contactRole1'],
-      editable: !viewOnly
+      additionalFields: ['origContactRole1', 'contactRole1']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.contactname',
       field: 'translatedContactName1',
@@ -33061,8 +32648,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origContactName1',
         combinedField: 'contactName1'
       },
-      additionalFields: ['origContactName1', 'contactName1'],
-      editable: !viewOnly
+      additionalFields: ['origContactName1', 'contactName1']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.firstname',
       field: 'translatedFirstName1',
@@ -33071,8 +32657,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origFirstName1',
         combinedField: 'firstName1'
       },
-      additionalFields: ['origFirstName1', 'firstName1'],
-      editable: !viewOnly
+      additionalFields: ['origFirstName1', 'firstName1']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.form_of_address',
       field: 'translatedFormOfAddress1',
@@ -33084,8 +32669,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         enumData: getFormOfAddressKey(t),
         displayLabelTemplate: '${name} (${value})'
       },
-      additionalFields: ['origFormOfAddress1', 'formOfAddress1'],
-      editable: !viewOnly
+      additionalFields: ['origFormOfAddress1', 'formOfAddress1']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.department',
       field: 'translatedDepartment1',
@@ -33094,8 +32678,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origDepartment1',
         combinedField: 'department1'
       },
-      additionalFields: ['origDepartment1', 'department1'],
-      editable: !viewOnly
+      additionalFields: ['origDepartment1', 'department1']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.telephone',
       field: 'translatedTelephone1',
@@ -33104,8 +32687,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origTelephone1',
         combinedField: 'telephone1'
       },
-      additionalFields: ['origTelephone1', 'telephone1'],
-      editable: !viewOnly
+      additionalFields: ['origTelephone1', 'telephone1']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.fax',
       field: 'translatedFax1',
@@ -33114,8 +32696,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origFax1',
         combinedField: 'fax1'
       },
-      additionalFields: ['origFax1', 'fax1'],
-      editable: !viewOnly
+      additionalFields: ['origFax1', 'fax1']
     }, {
       field: 'translatedEmail1',
       headerName: 'backoffice.idmEnricher.renaming.label.translated.email',
@@ -33124,8 +32705,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origEmail1',
         combinedField: 'email1'
       },
-      additionalFields: ['origEmail1', 'email1'],
-      editable: !viewOnly
+      additionalFields: ['origEmail1', 'email1']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.street',
       field: 'translatedStreet1',
@@ -33134,8 +32714,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origStreet1',
         combinedField: 'street1'
       },
-      additionalFields: ['origStreet1', 'street1'],
-      editable: !viewOnly
+      additionalFields: ['origStreet1', 'street1']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.zip',
       field: 'translatedZipCodeStreet1',
@@ -33144,8 +32723,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origZipCodeStreet1',
         combinedField: 'zipCodeStreet1'
       },
-      additionalFields: ['origZipCodeStreet1', 'zipCodeStreet1'],
-      editable: !viewOnly
+      additionalFields: ['origZipCodeStreet1', 'zipCodeStreet1']
     }, {
       field: 'translatedCity1',
       headerName: 'backoffice.idmEnricher.renaming.label.translated.city',
@@ -33154,8 +32732,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origCity1',
         combinedField: 'city1'
       },
-      additionalFields: ['origCity1', 'city1'],
-      editable: !viewOnly
+      additionalFields: ['origCity1', 'city1']
     }, {
       field: 'translatedIsoCountryId1',
       headerName: 'backoffice.idmEnricher.renaming.label.translated.country',
@@ -33166,8 +32743,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         combinedField: 'isoCountryId1',
         enumData: getCountryKey(t)
       },
-      additionalFields: ['origIsoCountryId1', 'isoCountryId1'],
-      editable: !viewOnly
+      additionalFields: ['origIsoCountryId1', 'isoCountryId1']
     }, {
       field: 'translatedContactPersonNo2',
       headerName: 'backoffice.idmEnricher.renaming.label.contactperson2',
@@ -33176,8 +32752,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origContactPersonNo2',
         combinedField: 'contactPersonNo2'
       },
-      additionalFields: ['origContactPersonNo2', 'contactPersonNo2'],
-      editable: !viewOnly
+      additionalFields: ['origContactPersonNo2', 'contactPersonNo2']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.contactrole2',
       field: 'translatedContactRole2',
@@ -33186,8 +32761,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origContactRole2',
         combinedField: 'contactRole2'
       },
-      additionalFields: ['origContactRole2', 'contactRole2'],
-      editable: !viewOnly
+      additionalFields: ['origContactRole2', 'contactRole2']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.contactname2',
       field: 'translatedContactName2',
@@ -33196,8 +32770,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origContactName2',
         combinedField: 'contactName2'
       },
-      additionalFields: ['origContactName2', 'contactName2'],
-      editable: !viewOnly
+      additionalFields: ['origContactName2', 'contactName2']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.firstname2',
       field: 'translatedFirstName2',
@@ -33206,8 +32779,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origFirstName2',
         combinedField: 'firstName2'
       },
-      additionalFields: ['origFirstName2', 'firstName2'],
-      editable: !viewOnly
+      additionalFields: ['origFirstName2', 'firstName2']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.form_of_address2',
       field: 'translatedFormOfAddress2',
@@ -33219,8 +32791,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         enumData: getFormOfAddressKey(t),
         displayLabelTemplate: '${name} (${value})'
       },
-      additionalFields: ['origFormOfAddress2', 'formOfAddress2'],
-      editable: !viewOnly
+      additionalFields: ['origFormOfAddress2', 'formOfAddress2']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.department2',
       field: 'translatedDepartment2',
@@ -33229,8 +32800,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origDepartment2',
         combinedField: 'department2'
       },
-      additionalFields: ['origDepartment2', 'department2'],
-      editable: !viewOnly
+      additionalFields: ['origDepartment2', 'department2']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.telephone2',
       field: 'translatedTelephone2',
@@ -33239,8 +32809,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origTelephone2',
         combinedField: 'telephone2'
       },
-      additionalFields: ['origTelephone2', 'telephone2'],
-      editable: !viewOnly
+      additionalFields: ['origTelephone2', 'telephone2']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.fax2',
       field: 'translatedFax2',
@@ -33249,8 +32818,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origFax2',
         combinedField: 'fax2'
       },
-      additionalFields: ['origFax2', 'fax2'],
-      editable: !viewOnly
+      additionalFields: ['origFax2', 'fax2']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.email2',
       field: 'translatedEmail2',
@@ -33259,8 +32827,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origEmail2',
         combinedField: 'email2'
       },
-      additionalFields: ['origEmail2', 'email2'],
-      editable: !viewOnly
+      additionalFields: ['origEmail2', 'email2']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.street2',
       field: 'translatedStreet2',
@@ -33269,8 +32836,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origStreet2',
         combinedField: 'street2'
       },
-      additionalFields: ['origStreet2', 'street2'],
-      editable: !viewOnly
+      additionalFields: ['origStreet2', 'street2']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.zip2',
       field: 'translatedZipCodeStreet2',
@@ -33279,8 +32845,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origZipCodeStreet2',
         combinedField: 'zipCodeStreet2'
       },
-      additionalFields: ['origZipCodeStreet2', 'zipCodeStreet2'],
-      editable: !viewOnly
+      additionalFields: ['origZipCodeStreet2', 'zipCodeStreet2']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.city2',
       field: 'translatedCity2',
@@ -33289,11 +32854,11 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origCity2',
         combinedField: 'city2'
       },
-      additionalFields: ['origCity2', 'city2'],
-      editable: !viewOnly
+      additionalFields: ['origCity2', 'city2']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.country2',
       field: 'translatedIsoCountryId2',
+      editable: true,
       cellDataType: 'withPlaceholder',
       type: ['withPlaceholderEnum'],
       customParams: {
@@ -33301,8 +32866,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         combinedField: 'isoCountryId2',
         enumData: getCountryKey(t)
       },
-      additionalFields: ['origIsoCountryId2', 'isoCountryId2'],
-      editable: !viewOnly
+      additionalFields: ['origIsoCountryId2', 'isoCountryId2']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.manufacturename',
       field: 'translatedManufactureName1',
@@ -33311,8 +32875,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origManufactureName1',
         combinedField: 'manufactureName1'
       },
-      additionalFields: ['origManufactureName1', 'manufactureName1'],
-      editable: !viewOnly
+      additionalFields: ['origManufactureName1', 'manufactureName1']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.manufacturename2',
       field: 'translatedManufactureName2',
@@ -33321,8 +32884,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origManufactureName2',
         combinedField: 'manufactureName2'
       },
-      additionalFields: ['origManufactureName2', 'manufactureName2'],
-      editable: !viewOnly
+      additionalFields: ['origManufactureName2', 'manufactureName2']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.email',
       field: 'translatedEmail',
@@ -33331,8 +32893,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origEmail',
         combinedField: 'email'
       },
-      additionalFields: ['origEmail', 'email'],
-      editable: !viewOnly
+      additionalFields: ['origEmail', 'email']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.internetaddress',
       field: 'translatedInternetAddress',
@@ -33341,8 +32902,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origInternetAddress',
         combinedField: 'internetAddress'
       },
-      additionalFields: ['origInternetAddress', 'internetAddress'],
-      editable: !viewOnly
+      additionalFields: ['origInternetAddress', 'internetAddress']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.street',
       field: 'translatedStreet',
@@ -33351,8 +32911,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origStreet',
         combinedField: 'street'
       },
-      additionalFields: ['origStreet', 'street'],
-      editable: !viewOnly
+      additionalFields: ['origStreet', 'street']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.zip',
       field: 'translatedZipCodeStreet',
@@ -33361,8 +32920,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origZipCodeStreet',
         combinedField: 'zipCodeStreet'
       },
-      additionalFields: ['origZipCodeStreet', 'zipCodeStreet'],
-      editable: !viewOnly
+      additionalFields: ['origZipCodeStreet', 'zipCodeStreet']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.city',
       field: 'translatedCity',
@@ -33371,11 +32929,11 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origCity',
         combinedField: 'city'
       },
-      additionalFields: ['origCity', 'city'],
-      editable: !viewOnly
+      additionalFields: ['origCity', 'city']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.country',
       field: 'translatedContactSupplierIsoCountryId',
+      editable: true,
       cellDataType: 'withPlaceholder',
       type: ['withPlaceholderEnum'],
       customParams: {
@@ -33383,8 +32941,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         combinedField: 'contactSupplierIsoCountryId',
         enumData: getCountryKey(t)
       },
-      additionalFields: ['origContactSupplierIsoCountryId', 'contactSupplierIsoCountryId'],
-      editable: !viewOnly
+      additionalFields: ['origContactSupplierIsoCountryId', 'contactSupplierIsoCountryId']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.zippostbox',
       field: 'translatedZipCodePostBox',
@@ -33393,8 +32950,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origZipCodePostBox',
         combinedField: 'zipCodePostBox'
       },
-      additionalFields: ['origZipCodePostBox', 'zipCodePostBox'],
-      editable: !viewOnly
+      additionalFields: ['origZipCodePostBox', 'zipCodePostBox']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.postbox',
       field: 'translatedPostBox',
@@ -33403,8 +32959,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origPostBox',
         combinedField: 'postBox'
       },
-      additionalFields: ['origPostBox', 'postBox'],
-      editable: !viewOnly
+      additionalFields: ['origPostBox', 'postBox']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.telephoneswitchboard',
       field: 'translatedTelephoneSwitchboard',
@@ -33413,8 +32968,7 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origTelephoneSwitchboard',
         combinedField: 'telephoneSwitchboard'
       },
-      additionalFields: ['origTelephoneSwitchboard', 'telephoneSwitchboard'],
-      editable: !viewOnly
+      additionalFields: ['origTelephoneSwitchboard', 'telephoneSwitchboard']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.faxswitchboard',
       field: 'translatedFaxSwitchboard',
@@ -33423,13 +32977,12 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origFaxSwitchboard',
         combinedField: 'faxSwitchboard'
       },
-      additionalFields: ['origFaxSwitchboard', 'faxSwitchboard'],
-      editable: !viewOnly
+      additionalFields: ['origFaxSwitchboard', 'faxSwitchboard']
     }]
   };
 };
 
-var getConfig$5 = function getConfig(isoLanguageIds, t, viewOnly) {
+var getConfig$5 = function getConfig(isoLanguageIds) {
   return {
     colDef: [{
       headerName: 'backoffice.idmEnricher.renaming.label.detailinfo_nr',
@@ -33438,17 +32991,17 @@ var getConfig$5 = function getConfig(isoLanguageIds, t, viewOnly) {
     }, createTranslatedColumnConfig('translatedExternalName', 'backoffice.idmEnricher.renaming.label.externalName', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origExternalName',
       combinedField: 'externalName'
-    }, ['origExternalName', 'externalName'], !viewOnly), createTranslatedColumnConfig('translatedInternalName', 'backoffice.idmEnricher.renaming.label.internalName', isoLanguageIds, false, 'withPlaceholder', {
+    }, ['origExternalName', 'externalName']), createTranslatedColumnConfig('translatedInternalName', 'backoffice.idmEnricher.renaming.label.internalName', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origInternalName',
       combinedField: 'internalName'
-    }, ['origInternalName', 'internalName'], !viewOnly), createTranslatedColumnConfig('translatedToolTip', 'backoffice.idmEnricher.renaming.label.tooltip', isoLanguageIds, false, 'withPlaceholder', {
+    }, ['origInternalName', 'internalName']), createTranslatedColumnConfig('translatedToolTip', 'backoffice.idmEnricher.renaming.label.tooltip', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origToolTip',
       combinedField: 'toolTip'
-    }, ['origToolTip', 'toolTip'], !viewOnly)]
+    }, ['origToolTip', 'toolTip'])]
   };
 };
 
-var getConfig$4 = function getConfig(isoLanguageIds, t, viewOnly) {
+var getConfig$4 = function getConfig(isoLanguageIds) {
   return {
     colDef: [{
       headerName: 'backoffice.idmEnricher.renaming.label.featureNr',
@@ -33459,11 +33012,11 @@ var getConfig$4 = function getConfig(isoLanguageIds, t, viewOnly) {
     }, createTranslatedColumnConfig('translatedFeatureText', 'backoffice.idmEnricher.renaming.label.featuretext', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origFeatureText',
       combinedField: 'featureText'
-    }, ['origFeatureText', 'featureText'], !viewOnly)]
+    }, ['origFeatureText', 'featureText'])]
   };
 };
 
-var getConfig$3 = function getConfig(isoLanguageIds, t, viewOnly) {
+var getConfig$3 = function getConfig(isoLanguageIds) {
   return {
     colDef: [{
       headerName: 'backoffice.idmEnricher.renaming.label.typeNo',
@@ -33474,13 +33027,13 @@ var getConfig$3 = function getConfig(isoLanguageIds, t, viewOnly) {
     }, createTranslatedColumnConfig('translatedShortText', 'backoffice.idmEnricher.renaming.label.shortText', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origShortText',
       combinedField: 'shortText'
-    }, ['origShortText', 'shortText'], !viewOnly), createTranslatedColumnConfig('translatedFullText', 'backoffice.idmEnricher.renaming.label.fullText', isoLanguageIds, false, 'withPlaceholder', {
+    }, ['origShortText', 'shortText']), createTranslatedColumnConfig('translatedFullText', 'backoffice.idmEnricher.renaming.label.fullText', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origFullText',
       combinedField: 'fullText'
-    }, ['origFullText', 'fullText'], !viewOnly), createTranslatedColumnConfig('translatedPlanningAdvice', 'backoffice.idmEnricher.renaming.label.planningAdvice', isoLanguageIds, false, 'withPlaceholder', {
+    }, ['origFullText', 'fullText']), createTranslatedColumnConfig('translatedPlanningAdvice', 'backoffice.idmEnricher.renaming.label.planningAdvice', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origPlanningAdvice',
       combinedField: 'planningAdvice'
-    }, ['origPlanningAdvice', 'planningAdvice'], !viewOnly), {
+    }, ['origPlanningAdvice', 'planningAdvice']), {
       headerName: 'backoffice.idmEnricher.renaming.label.translatedSalesNumber',
       field: 'translatedSalesNumber',
       cellDataType: 'withPlaceholder',
@@ -33488,8 +33041,7 @@ var getConfig$3 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origSalesNumber',
         combinedField: 'salesNumber'
       },
-      additionalFields: ['origSalesNumber', 'salesNumber'],
-      editable: !viewOnly
+      additionalFields: ['origSalesNumber', 'salesNumber']
     }, {
       field: 'sequenceNo',
       headerName: 'backoffice.idmEnricher.renaming.label.sequenceNo',
@@ -33503,8 +33055,7 @@ var getConfig$3 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origEdpNumber',
         combinedField: 'edpNumber'
       },
-      additionalFields: ['origEdpNumber', 'edpNumber'],
-      editable: !viewOnly
+      additionalFields: ['origEdpNumber', 'edpNumber']
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.eannummer',
       field: 'translatedEanNumber',
@@ -33513,13 +33064,12 @@ var getConfig$3 = function getConfig(isoLanguageIds, t, viewOnly) {
         placeHolderField: 'origEanNumber',
         combinedField: 'eanNumber'
       },
-      additionalFields: ['origEanNumber', 'eanNumber'],
-      editable: !viewOnly
+      additionalFields: ['origEanNumber', 'eanNumber']
     }]
   };
 };
 
-var getConfig$2 = function getConfig(isoLanguageIds, t, viewOnly) {
+var getConfig$2 = function getConfig(isoLanguageIds) {
   return {
     colDef: [{
       headerName: 'backoffice.idmEnricher.renaming.label.optionKey',
@@ -33530,10 +33080,10 @@ var getConfig$2 = function getConfig(isoLanguageIds, t, viewOnly) {
     }, createTranslatedColumnConfig('translatedOptionText', 'backoffice.idmEnricher.renaming.label.optionText', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origOptionText',
       combinedField: 'optionText'
-    }, ['origOptionText', 'optionText'], !viewOnly), createTranslatedColumnConfig('translatedOptionCommentText', 'backoffice.idmEnricher.renaming.label.optionCommentText', isoLanguageIds, false, 'withPlaceholder', {
+    }, ['origOptionText', 'optionText']), createTranslatedColumnConfig('translatedOptionCommentText', 'backoffice.idmEnricher.renaming.label.optionCommentText', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origOptionCommentText',
       combinedField: 'optionCommentText'
-    }, ['origOptionCommentText', 'optionCommentText'], !viewOnly), {
+    }, ['origOptionCommentText', 'optionCommentText']), {
       field: 'featureNos',
       headerName: 'backoffice.idmCatalogEditor.catalogoptions.label.featureIds',
       cellDataType: 'lookup',
@@ -33558,7 +33108,7 @@ var getConfig$2 = function getConfig(isoLanguageIds, t, viewOnly) {
   };
 };
 
-var getConfig$1 = function getConfig(isoLanguageIds, t, viewOnly) {
+var getConfig$1 = function getConfig(isoLanguageIds) {
   return {
     colDef: [{
       headerName: 'backoffice.idmEnricher.renaming.label.serieNo',
@@ -33569,10 +33119,10 @@ var getConfig$1 = function getConfig(isoLanguageIds, t, viewOnly) {
     }, createTranslatedColumnConfig('translatedSeriesName', 'backoffice.idmEnricher.renaming.label.serieName', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origSeriesName',
       combinedField: 'seriesName'
-    }, ['origSeriesName', 'seriesName'], !viewOnly), createTranslatedColumnConfig('translatedSeriesFullText', 'backoffice.idmEnricher.renaming.label.serieFullText', isoLanguageIds, false, 'withPlaceholder', {
+    }, ['origSeriesName', 'seriesName']), createTranslatedColumnConfig('translatedSeriesFullText', 'backoffice.idmEnricher.renaming.label.serieFullText', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origSeriesFullText',
       combinedField: 'seriesFullText'
-    }, ['origSeriesFullText', 'seriesFullText'], !viewOnly)]
+    }, ['origSeriesFullText', 'seriesFullText'])]
   };
 };
 
@@ -33660,20 +33210,11 @@ var RenamingTable = observer(function (_ref) {
     packageId = _useModule.packageId,
     apiConfig = _useModule.apiConfig,
     selectedPackage = _useModule.selectedPackage,
-    selectedItem = _useModule.selectedItem,
-    setSelectedItem = _useModule.setSelectedItem,
-    selectedSerie = _useModule.selectedSerie,
-    setSelectedSerie = _useModule.setSelectedSerie,
-    viewOnly = _useModule.viewOnly;
-  var _useTools = useTools({
-      packageId: packageId,
-      isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
-      setArticle: setSelectedItem,
-      setSerie: setSelectedSerie,
-      serie: selectedSerie,
-      item: selectedItem
-    }),
-    updateConfigurator = _useTools.updateConfigurator;
+    selectedSerie = _useModule.selectedSerie;
+  useTools({
+    packageId: packageId,
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
+  });
   var baseConfiguration = useMemo(function () {
     return getConfig((selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds) || ['DE'], t);
   }, [selectedPackage, i18n.language]);
@@ -33682,31 +33223,6 @@ var RenamingTable = observer(function (_ref) {
       packageId: packageId
     };
   }, [packageId]);
-  var hooks = useMemo(function () {
-    return {
-      onCellSelectionChanged: function onCellSelectionChanged(event) {
-        var _event$selection$, _event$selection$2, _event$selection$3, _event$selection$4;
-        switch (type) {
-          case 'features':
-            updateConfigurator({
-              opt: (_event$selection$ = event.selection[0]) === null || _event$selection$ === void 0 || (_event$selection$ = _event$selection$.node) === null || _event$selection$ === void 0 || (_event$selection$ = _event$selection$.data) === null || _event$selection$ === void 0 ? void 0 : _event$selection$.featureNo
-            });
-            break;
-          case 'options':
-            updateConfigurator({
-              opv: (_event$selection$2 = event.selection[0]) === null || _event$selection$2 === void 0 || (_event$selection$2 = _event$selection$2.node) === null || _event$selection$2 === void 0 || (_event$selection$2 = _event$selection$2.data) === null || _event$selection$2 === void 0 ? void 0 : _event$selection$2.optionKey
-            });
-            break;
-          case 'items':
-            setSelectedItem((_event$selection$3 = event.selection[0]) === null || _event$selection$3 === void 0 || (_event$selection$3 = _event$selection$3.node) === null || _event$selection$3 === void 0 ? void 0 : _event$selection$3.data);
-            break;
-          case 'series':
-            setSelectedSerie((_event$selection$4 = event.selection[0]) === null || _event$selection$4 === void 0 || (_event$selection$4 = _event$selection$4.node) === null || _event$selection$4 === void 0 ? void 0 : _event$selection$4.data);
-            break;
-        }
-      }
-    };
-  }, [updateConfigurator, type]);
   var prevPreFilter = useRef();
   var preFilter = useMemo(function () {
     if (type === 'items' && selectedSerie) {
@@ -33727,7 +33243,7 @@ var RenamingTable = observer(function (_ref) {
   var apiInterface = useMemo(function () {
     return {
       read: apiConfig.enricherService + '/packages/${packageId}/renamings/' + type,
-      update: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/renamings/' + type + '/${_id}',
+      update: apiConfig.enricherService + '/packages/${packageId}/renamings/' + type + '/${_id}',
       bulk: apiConfig.enricherService + '/packages/${packageId}/renamings/' + type + '/bulk'
     };
   }, [type]);
@@ -33753,7 +33269,7 @@ var RenamingTable = observer(function (_ref) {
         cellDataType: 'objectId'
       }])
     };
-  }, [apiInterface, baseConfiguration.colDef, viewOnly]);
+  }, [apiInterface, baseConfiguration.colDef]);
   var showTable = useMemo(function () {
     return selectedPackage && (!['items'].includes(type) || type === 'items' && preFilter);
   }, [type, preFilter, selectedPackage]);
@@ -33776,8 +33292,7 @@ var RenamingTable = observer(function (_ref) {
       gridId: 'renaming-grid_' + type,
       applicationData: applicationData,
       preFilter: preFilter,
-      configuration: configuration,
-      hooks: hooks
+      configuration: configuration
     })]
   });
 });
@@ -34259,45 +33774,11 @@ var ExclusivityTable = observer(function (_ref) {
     apiConfig = _useModule.apiConfig,
     organizationId = _useModule.organizationId,
     selectedPackage = _useModule.selectedPackage,
-    selectedSerie = _useModule.selectedSerie,
-    setSelectedSerie = _useModule.setSelectedSerie,
-    setSelectedItem = _useModule.setSelectedItem,
-    selectedItem = _useModule.selectedItem,
-    viewOnly = _useModule.viewOnly;
-  var _useTools = useTools({
-      packageId: packageId,
-      isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
-      setArticle: setSelectedItem,
-      setSerie: setSelectedSerie,
-      serie: selectedSerie,
-      item: selectedItem
-    }),
-    updateConfigurator = _useTools.updateConfigurator;
-  var hooks = useMemo(function () {
-    return {
-      onCellSelectionChanged: function onCellSelectionChanged(event) {
-        var _event$selection$, _event$selection$2, _event$selection$3, _event$selection$4;
-        switch (type) {
-          case 'efeatures':
-            updateConfigurator({
-              opt: (_event$selection$ = event.selection[0]) === null || _event$selection$ === void 0 || (_event$selection$ = _event$selection$.node) === null || _event$selection$ === void 0 || (_event$selection$ = _event$selection$.data) === null || _event$selection$ === void 0 ? void 0 : _event$selection$.featureNo
-            });
-            break;
-          case 'eoptions':
-            updateConfigurator({
-              opv: (_event$selection$2 = event.selection[0]) === null || _event$selection$2 === void 0 || (_event$selection$2 = _event$selection$2.node) === null || _event$selection$2 === void 0 || (_event$selection$2 = _event$selection$2.data) === null || _event$selection$2 === void 0 ? void 0 : _event$selection$2.optionKey
-            });
-            break;
-          case 'eitems':
-            setSelectedItem((_event$selection$3 = event.selection[0]) === null || _event$selection$3 === void 0 || (_event$selection$3 = _event$selection$3.node) === null || _event$selection$3 === void 0 ? void 0 : _event$selection$3.data);
-            break;
-          case 'eseries':
-            setSelectedSerie((_event$selection$4 = event.selection[0]) === null || _event$selection$4 === void 0 || (_event$selection$4 = _event$selection$4.node) === null || _event$selection$4 === void 0 ? void 0 : _event$selection$4.data);
-            break;
-        }
-      }
-    };
-  }, [updateConfigurator, type]);
+    selectedSerie = _useModule.selectedSerie;
+  useTools({
+    packageId: packageId,
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
+  });
   var apiInterface = useMemo(function () {
     var patchId = '${_id}';
     if (type === 'eitems') patchId = '${typeNo}';
@@ -34311,7 +33792,7 @@ var ExclusivityTable = observer(function (_ref) {
     var listType = type === 'eitems' ? 'items' : 'options';
     return {
       read: !['eitems'].includes(type) ? apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType : apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType + '/${subTypeId}/' + listType,
-      update: viewOnly ? undefined : !['eitems', 'eoptions'].includes(type) ? apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType + '/' + patchId : type === 'eoptions' ? apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType + '/' + patchId + '?featureNos=' + patchId2 : apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType + '/${subTypeId}/' + listType + '/' + patchId
+      update: !['eitems', 'eoptions'].includes(type) ? apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType + '/' + patchId : type === 'eoptions' ? apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType + '/' + patchId + '?featureNos=' + patchId2 : apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType + '/${subTypeId}/' + listType + '/' + patchId
     };
   }, [type]);
   var oldDataRef = useRef();
@@ -34340,7 +33821,7 @@ var ExclusivityTable = observer(function (_ref) {
       floatingFilter: true,
       colDef: [{
         field: 'active',
-        editable: !viewOnly,
+        editable: true,
         cellDataType: 'boolean',
         pinned: 'left',
         lockPinned: true
@@ -34356,11 +33837,11 @@ var ExclusivityTable = observer(function (_ref) {
       }, {
         headerName: 'backoffice.idmEnricher.general.label._id',
         field: '_id',
-        editable: false,
+        editable: true,
         cellDataType: 'objectId'
       }])
     };
-  }, [apiInterface, selectedSerie, config.colDef, viewOnly]);
+  }, [apiInterface, selectedSerie, config.colDef]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -34379,8 +33860,7 @@ var ExclusivityTable = observer(function (_ref) {
     }), showTable && /*#__PURE__*/jsx(Spreadsheet, {
       gridId: 'crud-grid_exclusivity_' + type,
       applicationData: applicationData,
-      configuration: configuration,
-      hooks: hooks
+      configuration: configuration
     })]
   });
 });
@@ -34392,11 +33872,10 @@ var TableTabGroups = observer(function () {
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
     apiConfig = _useModule.apiConfig,
-    selectedPackage = _useModule.selectedPackage,
-    viewOnly = _useModule.viewOnly;
+    selectedPackage = _useModule.selectedPackage;
   useTools({
     packageId: packageId,
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
   });
   var applicationData = useMemo(function () {
     return {
@@ -34408,10 +33887,10 @@ var TableTabGroups = observer(function () {
     return {
       //TODO: Es gibt globale Tabgroups, die vordefiniert sind und pro Enricher Paket nochmals angepasst werden können -endpoint anpassen?
       read: apiConfig.enricherService + '/packages/${packageId}/tabgroups',
-      create: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/tabgroups',
-      restore: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/tabgroups/${_id}',
-      "delete": viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/tabgroups/${_id}',
-      update: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/tabgroups/${_id}',
+      create: apiConfig.enricherService + '/packages/${packageId}/tabgroups',
+      restore: apiConfig.enricherService + '/packages/${packageId}/tabgroups/${_id}',
+      "delete": apiConfig.enricherService + '/packages/${packageId}/tabgroups/${_id}',
+      update: apiConfig.enricherService + '/packages/${packageId}/tabgroups/${_id}',
       bulk: apiConfig.enricherService + '/packages/${packageId}/tabgroups/bulk'
     };
   }, []);
@@ -34425,7 +33904,7 @@ var TableTabGroups = observer(function () {
         field: 'featureNos',
         headerName: 'backoffice.idmEnricher.renaming.label.featureNr',
         cellDataType: 'lookup',
-        editable: !viewOnly,
+        editable: true,
         customParams: {
           nameField: 'featureNosDisplayTexts',
           displayLabelTemplate: '${name} (${value})',
@@ -34439,7 +33918,7 @@ var TableTabGroups = observer(function () {
         },
         additionalFields: ['featureNosDisplayTexts'],
         isDictionary: true
-      }, createTranslatedColumnConfig('name', 'backoffice.idmEnricher.tabgroups.label.name', selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds, !viewOnly), {
+      }, createTranslatedColumnConfig('name', 'backoffice.idmEnricher.tabgroups.label.name', selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds, true), {
         field: 'organizationId',
         editable: false,
         hide: true,
@@ -34469,7 +33948,7 @@ var TableTabGroups = observer(function () {
         cellDataType: 'objectId'
       }]
     };
-  }, [apiInterface, selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds, viewOnly]);
+  }, [apiInterface, selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -34497,11 +33976,10 @@ var TablePartlistPos = observer(function () {
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
     apiConfig = _useModule.apiConfig,
-    selectedPackage = _useModule.selectedPackage,
-    viewOnly = _useModule.viewOnly;
+    selectedPackage = _useModule.selectedPackage;
   useTools({
     packageId: packageId,
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
   });
   var posInvisibility = useMemo(function () {
     return [{
@@ -34524,10 +34002,10 @@ var TablePartlistPos = observer(function () {
   var apiInterface = useMemo(function () {
     return {
       read: apiConfig.enricherService + '/packages/${packageId}/partlistpos',
-      create: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/partlistpos',
-      restore: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/partlistpos/${_id}',
-      "delete": viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/partlistpos/${_id}',
-      update: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/partlistpos/${_id}',
+      create: apiConfig.enricherService + '/packages/${packageId}/partlistpos',
+      restore: apiConfig.enricherService + '/packages/${packageId}/partlistpos/${_id}',
+      "delete": apiConfig.enricherService + '/packages/${packageId}/partlistpos/${_id}',
+      update: apiConfig.enricherService + '/packages/${packageId}/partlistpos/${_id}',
       bulk: apiConfig.enricherService + '/packages/${packageId}/partlistpos/bulk'
     };
   }, []);
@@ -34540,12 +34018,12 @@ var TablePartlistPos = observer(function () {
       colDef: [{
         headerName: 'backoffice.idmEnricher.partlistpos.label.retailPrefix',
         field: 'retailPrefix',
-        editable: !viewOnly,
+        editable: true,
         pinned: 'left'
       }, {
         headerName: 'backoffice.idmEnricher.partlistpos.label.retailArtilceNumber',
         field: 'retailArtilceNumber',
-        editable: !viewOnly,
+        editable: true,
         pinned: 'left'
       }, {
         headerName: 'backoffice.idmEnricher.partlistpos.label.partlistKey',
@@ -34647,7 +34125,7 @@ var TablePartlistPos = observer(function () {
         cellDataType: 'objectId'
       }]
     };
-  }, [apiInterface, posInvisibility, viewOnly]);
+  }, [apiInterface, posInvisibility]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -34948,8 +34426,8 @@ var space = "space-T5Mkd";
 var input$1 = "input-SK-Fo";
 var addButton$1 = "addButton-AVN8Y";
 var helpText = "helpText-QYQQF";
-var css_248z$e = ".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$e);
+var css_248z$d = ".cell-Noc7s {\n  min-width: 50px;\n  height: 100%;\n}\n\n.typeSelector-Y8Yly {\n  margin-bottom: 16px;\n}\n\n.space-T5Mkd {\n  width: 100%;\n}\n\n.input-SK-Fo {\n  width: 120px;\n}\n\n.addButton-AVN8Y {\n  margin-top: 16px;\n  text-align: right;\n}\n\n.helpText-QYQQF {\n  margin-top: 8px;\n  font-size: 12px;\n  color: #666;\n}\n";
+styleInject(css_248z$d);
 
 function PriceFactorCellRenderer(props) {
   var data = props.data,
@@ -35165,8 +34643,8 @@ var difference = "difference-xT9ZP";
 var differencePositive = "differencePositive-hGhZO";
 var differenceNegative = "differenceNegative-3CEZA";
 var differenceNeutral = "differenceNeutral-wx8oE";
-var css_248z$d = ".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$d);
+var css_248z$c = ".container-T4Tzz {\n  display: flex;\n  align-items: center;\n}\n\n.price-NjOOy {\n  font-weight: normal;\n}\n\n.priceManual-i7wtQ {\n  font-weight: bold;\n}\n\n.originalPrice-V8MP5 {\n  color: #8c8c8c;\n  margin: 0 8px;\n}\n\n.difference-xT9ZP {\n  margin-left: 8px;\n}\n\n.differencePositive-hGhZO {\n  color: #52c41a;\n}\n\n.differenceNegative-3CEZA {\n  color: #ff4d4f;\n}\n\n.differenceNeutral-wx8oE {\n  color: inherit;\n}\n";
+styleInject(css_248z$c);
 
 function PriceDisplayCellRenderer(props) {
   var _data$origPrices, _data$manualPrices, _currentPrice$toFixed, _origPrice$toFixed;
@@ -35232,129 +34710,59 @@ function getPriceFeatureGroups(selectedSerie, language) {
   if (!(selectedSerie !== null && selectedSerie !== void 0 && selectedSerie.pricefeaturegroups)) {
     return [];
   }
-  var priceFeatureGroups = (_selectedSerie$pricef = selectedSerie.pricefeaturegroups) === null || _selectedSerie$pricef === void 0 ? void 0 : _selectedSerie$pricef.map(function (priceFeatureGroupKey, i) {
+  var priceFeatureGroups = (_selectedSerie$pricef = selectedSerie.pricefeaturegroups) === null || _selectedSerie$pricef === void 0 ? void 0 : _selectedSerie$pricef.map(function (priceFeatureGroups, i) {
     var _selectedSerie$pricef2, _selectedSerie$pricef3;
     return {
-      id: 'PRFG' + priceFeatureGroupKey,
-      displayText: (_selectedSerie$pricef2 = (_selectedSerie$pricef3 = selectedSerie.pricefeaturegroupsDisplayTexts) === null || _selectedSerie$pricef3 === void 0 || (_selectedSerie$pricef3 = _selectedSerie$pricef3[i]) === null || _selectedSerie$pricef3 === void 0 ? void 0 : _selectedSerie$pricef3[language.toUpperCase()]) !== null && _selectedSerie$pricef2 !== void 0 ? _selectedSerie$pricef2 : priceFeatureGroupKey,
+      id: priceFeatureGroups,
+      displayText: (_selectedSerie$pricef2 = (_selectedSerie$pricef3 = selectedSerie.pricefeaturegroupsDisplayTexts) === null || _selectedSerie$pricef3 === void 0 || (_selectedSerie$pricef3 = _selectedSerie$pricef3[i]) === null || _selectedSerie$pricef3 === void 0 ? void 0 : _selectedSerie$pricef3[language.toUpperCase()]) !== null && _selectedSerie$pricef2 !== void 0 ? _selectedSerie$pricef2 : priceFeatureGroups,
       keys: [],
       keysDisplayTexts: []
     };
   });
-  (_selectedSerie$pricef4 = selectedSerie.pricefeaturegroupsKeys) === null || _selectedSerie$pricef4 === void 0 || _selectedSerie$pricef4.forEach(function (priceGroupKey, i) {
-    var pfgSplit = priceGroupKey.split('_');
-    var pfgId = pfgSplit[0];
+  (_selectedSerie$pricef4 = selectedSerie.pricefeaturegroupsKeys) === null || _selectedSerie$pricef4 === void 0 || _selectedSerie$pricef4.forEach(function (priceFeatureGroupKey, i) {
+    var pfgSplit = priceFeatureGroupKey.split('_');
+    var pfgId = pfgSplit[0].replace('PRFG', '');
     var pfg = priceFeatureGroups.find(function (pfg) {
       return pfg.id == pfgId;
     });
     if (pfg) {
       var _selectedSerie$pricef5;
-      pfg.keys.push(priceGroupKey);
+      pfg.keys.push(priceFeatureGroupKey);
       pfg.keysDisplayTexts.push((_selectedSerie$pricef5 = selectedSerie.pricefeaturegroupsKeysDisplayTexts) === null || _selectedSerie$pricef5 === void 0 || (_selectedSerie$pricef5 = _selectedSerie$pricef5[i]) === null || _selectedSerie$pricef5 === void 0 ? void 0 : _selectedSerie$pricef5[language.toUpperCase()]);
     }
   });
   return priceFeatureGroups;
 }
 
+var wrapper$3 = "wrapper-5t6RT";
 var input = "input-leHam";
 var disabled$1 = "disabled-Llkqu";
-var css_248z$c = ".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$c);
+var css_248z$b = ".wrapper-5t6RT {\n  display: flex;\n  flex-direction: column;\n  min-height: 50px;\n  justify-content: flex-end;\n  font-size: 12px;\n}\n\n.input-leHam {\n  position: relative;\n  width: 200px;\n  height: 32px;\n  border: 1px solid #d9d9d9;\n  background: #ffffff;\n  padding: 0 11px;\n  border-radius: 6px;\n  font-size: 14px;\n  line-height: 30px;\n  cursor: pointer;\n}\n\n.darkmode .input-leHam {\n  background: #141414;\n  border: 1px solid #424242;\n}\n\n.input-leHam.disabled-Llkqu {\n  cursor: default;\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.darkmode .input-leHam.disabled-Llkqu {\n  color: rgba(255, 255, 255, 0.25);\n}\n\n.input-leHam:hover {\n  border-color: #4096ff;\n}\n";
+styleInject(css_248z$b);
 
-var _excluded = ["onSave", "value"];
 function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function PriceFactorInput(_ref) {
-  var _onSave = _ref.onSave,
-    value = _ref.value,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(value),
-    _useState2 = _slicedToArray(_useState, 2),
-    innerValue = _useState2[0],
-    setInnerValue = _useState2[1];
-  useEffect(function () {
-    setInnerValue(value);
-  }, [value]);
-  return /*#__PURE__*/jsx(Tooltip$1, {
-    title: props.tooltip,
-    children: /*#__PURE__*/jsx("div", {
-      className: classnames(input, 'price-factor-input', props.className, _defineProperty({}, disabled$1, props.disabled)),
-      children: /*#__PURE__*/jsx(PriceFactorCellRenderer, _objectSpread$d(_objectSpread$d({}, props), {}, {
-        isNotInAGGrid: true,
-        value: innerValue,
-        onSave: function onSave(data, value) {
-          setInnerValue(value);
-          return _onSave(data, value);
-        }
-      }))
-    })
-  });
-}
-
-var inputHeader = "input-header--4KDP";
-var factorInput = "factor-input-MX85Z";
-var css_248z$b = ".input-header--4KDP .ag-header-cell-text {\n  width: 100%;\n}\n\n.input-header--4KDP .ag-header-group-cell-label {\n  width: 100%;\n  max-width: 250px;\n}\n\n.input-header--4KDP .ag-header-group-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$b);
-
-function PriceFactorHeaderComponent(_ref) {
-  var onSave = _ref.onSave,
-    onPriorityChange = _ref.onPriorityChange,
-    priority = _ref.priority,
-    priorityForced = _ref.priorityForced,
-    value = _ref.value,
-    inputTooltip = _ref.inputTooltip,
-    checkboxTooltip = _ref.checkboxTooltip;
-  var _useTranslation = useTranslation$1(),
-    t = _useTranslation.t;
-  var _useState = useState(priority || priorityForced),
-    _useState2 = _slicedToArray(_useState, 2),
-    innerChecked = _useState2[0],
-    setInnerChecked = _useState2[1];
-  useEffect(function () {
-    setInnerChecked(priority || priorityForced);
-  }, [priority, priorityForced]);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(PriceFactorInput, {
-      onSave: onSave,
-      value: value,
-      className: factorInput,
-      tooltip: t(inputTooltip)
-    }), /*#__PURE__*/jsx(Tooltip$1, {
-      title: t("".concat(checkboxTooltip, ".").concat(priorityForced ? 'forced' : priority ? 'true' : 'false')),
-      children: /*#__PURE__*/jsx(Checkbox, {
-        checked: innerChecked,
-        disabled: priorityForced,
-        onChange: function onChange(e) {
-          setInnerChecked(e.target.checked);
-          onPriorityChange(e.target.checked);
-        }
-      })
-    })]
-  });
-}
-
-var root = "root-WJLKp";
-var contentWrapper$1 = "content-wrapper-Ki4Pt";
-var css_248z$a = ".root-WJLKp {\n  display: flex;\n  flex-direction: column;\n  height: 50px;\n  justify-content: flex-end;\n  font-size: 12px;\n}\n\n.content-wrapper-Ki4Pt {\n  height: 34px;\n  display: flex;\n  align-items: center;\n}\n";
-styleInject(css_248z$a);
-
-function Setting(_ref) {
-  var title = _ref.title,
-    tooltip = _ref.tooltip,
-    className = _ref.className,
-    children = _ref.children;
+function PriceFactorInput(props) {
   return /*#__PURE__*/jsxs("div", {
-    className: classnames(root, className),
-    children: [title, /*#__PURE__*/jsx(Tooltip$1, {
-      title: tooltip,
+    className: classnames(wrapper$3, props.className),
+    children: [props.title, /*#__PURE__*/jsx(Tooltip$1, {
+      title: props.tooltip,
       children: /*#__PURE__*/jsx("div", {
-        className: contentWrapper$1,
-        children: children
+        id: "price-factor-input",
+        className: classnames(input, _defineProperty({}, disabled$1, props.disabled)),
+        children: /*#__PURE__*/jsx(PriceFactorCellRenderer, _objectSpread$d(_objectSpread$d({}, props), {}, {
+          isNotInAGGrid: true
+        }))
       })
     })]
   });
 }
 
+var inputHeader = "input-header--4KDP";
+var factorInput = "factor-input-MX85Z";
+var css_248z$a = ".input-header--4KDP .ag-header-cell-text {\n  width: 100%;\n}\n\n.factor-input-MX85Z {\n  min-height: 0;\n  flex: 1;\n}\n\n.factor-input-MX85Z #price-factor-input {\n  width: 100%;\n  background-color: var(--ag-input-background-color);\n  border: var(--ag-input-border);\n  border-radius: var(--ag-input-border-radius);\n  color: var(--ag-input-text-color);\n  height: var(--ag-input-height);\n  line-height: var(--ag-input-height);\n  font-size: var(--ag-font-size);\n}\n\n.factor-input-MX85Z #price-factor-input:hover {\n  border-color: #4096ff;\n}\n";
+styleInject(css_248z$a);
+
 function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Prices = observer(function (_ref) {
@@ -35363,89 +34771,11 @@ var Prices = observer(function (_ref) {
     packageId = _ref.packageId,
     apiConfig = _ref.apiConfig,
     pricelist = _ref.pricelist,
-    setNodeDataValue = _ref.setNodeDataValue,
-    viewOnly = _ref.viewOnly;
+    setNodeDataValue = _ref.setNodeDataValue;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var root = useStore();
-  var spreadsheetRef = useRef(null);
   var _useEnricherContext = useEnricherContext(['pricelists']),
     selectedSerie = _useEnricherContext.selectedSerie;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    onlyManual = _useState2[0],
-    setOnlyManual = _useState2[1];
-  var updatePfgPriceFactor = useCallback(function (priceFeatureGroupItem, value) {
-    if (!selectedSerie) return;
-
-    // Create copies of the objects to modify
-    var newFactors = _objectSpread$c({}, pricelist.pfgPricefactors);
-    var serieFactors = _objectSpread$c({}, newFactors[selectedSerie.serieNo]);
-    if (value.length === 0) {
-      // Remove the empty price feature group
-      delete serieFactors[priceFeatureGroupItem];
-
-      // If serie factors is now empty, remove the entire serie entry
-      if (Object.keys(serieFactors).length === 0) {
-        delete newFactors[selectedSerie.serieNo];
-      } else {
-        newFactors[selectedSerie.serieNo] = serieFactors;
-      }
-
-      // If no more series exist, set pfgPricefactors to undefined
-      if (Object.keys(newFactors).length === 0) {
-        setNodeDataValue({
-          pfgPricefactors: undefined
-        });
-        return;
-      }
-    } else {
-      // Add/update the value
-      serieFactors[priceFeatureGroupItem] = value;
-      newFactors[selectedSerie.serieNo] = serieFactors;
-    }
-    setNodeDataValue({
-      pfgPricefactors: newFactors
-    });
-  }, [selectedSerie]);
-  var updatePfgPriority = useCallback(function (priceFeatureGroupItem, value) {
-    var _newPriority$selected;
-    if (!selectedSerie) return;
-    var newPriority = _objectSpread$c({}, pricelist.pfgPricefactorsPriority);
-    var seriesPriority = new Set((_newPriority$selected = newPriority[selectedSerie.serieNo]) !== null && _newPriority$selected !== void 0 ? _newPriority$selected : []);
-    if (value === true) {
-      seriesPriority.add(priceFeatureGroupItem);
-    } else {
-      seriesPriority["delete"](priceFeatureGroupItem);
-    }
-    if (seriesPriority.size === 0) {
-      delete newPriority[selectedSerie.serieNo];
-    } else {
-      newPriority[selectedSerie.serieNo] = Array.from(seriesPriority);
-    }
-    setNodeDataValue({
-      pfgPricefactorsPriority: newPriority
-    });
-  }, [selectedSerie]);
-  var updatePgPriority = useCallback(function (priceFeatureGroupItem, value) {
-    var _newPriority$selected2;
-    if (!selectedSerie) return;
-    var newPriority = _objectSpread$c({}, pricelist.pgPricefactorsPriority);
-    var seriesPriority = new Set((_newPriority$selected2 = newPriority[selectedSerie.serieNo]) !== null && _newPriority$selected2 !== void 0 ? _newPriority$selected2 : []);
-    if (value === true) {
-      seriesPriority.add(priceFeatureGroupItem);
-    } else {
-      seriesPriority["delete"](priceFeatureGroupItem);
-    }
-    if (seriesPriority.size === 0) {
-      delete newPriority[selectedSerie.serieNo];
-    } else {
-      newPriority[selectedSerie.serieNo] = Array.from(seriesPriority);
-    }
-    setNodeDataValue({
-      pgPricefactorsPriority: newPriority
-    });
-  }, [selectedSerie]);
   var updatePgPriceFactor = useCallback(function (priceFeatureGroupItem, value) {
     if (!selectedSerie) return;
 
@@ -35569,34 +34899,6 @@ var Prices = observer(function (_ref) {
       seriePricefactors: newFactors
     });
   }, [pricelist, selectedSerie, setNodeDataValue]);
-  function deleteManualPrices() {
-    return _deleteManualPrices.apply(this, arguments);
-  }
-  function _deleteManualPrices() {
-    _deleteManualPrices = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
-      var _spreadsheetRef$curre;
-      var api;
-      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
-        while (1) switch (_context8.prev = _context8.next) {
-          case 0:
-            api = new _default$d({
-              type: 'AGGrid',
-              apiInterface: {
-                "delete": apiConfig.enricherService + "/packages/".concat(packageId, "/pricelists/").concat(pricelist._id, "/serie/").concat(selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo, "/prices/manual")
-              }
-            }, root);
-            _context8.next = 3;
-            return api["delete"]();
-          case 3:
-            (_spreadsheetRef$curre = spreadsheetRef.current) === null || _spreadsheetRef$curre === void 0 || _spreadsheetRef$curre.refresh();
-          case 4:
-          case "end":
-            return _context8.stop();
-        }
-      }, _callee8);
-    }));
-    return _deleteManualPrices.apply(this, arguments);
-  }
   var applicationData = useMemo(function () {
     return {
       organizationId: organizationId,
@@ -35607,10 +34909,10 @@ var Prices = observer(function (_ref) {
   }, [organizationId, packageId, selectedSerie, pricelist]);
   var apiInterface = useMemo(function () {
     return {
-      read: apiConfig.enricherService + '/packages/${packageId}/pricelists/${pricelistId}/serie/${serieNo}/prices' + (onlyManual ? '?onlyManual=true' : ''),
-      update: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/pricelists/${pricelistId}/serie/${serieNo}/prices/${_id}'
+      read: apiConfig.enricherService + '/packages/${packageId}/pricelists/${pricelistId}/serie/${serieNo}/prices',
+      update: apiConfig.enricherService + '/packages/${packageId}/pricelists/${pricelistId}/serie/${serieNo}/prices/${_id}'
     };
-  }, [onlyManual]);
+  }, []);
   var priceFeatureGroups = usePriceFeatureGroupsFromSerie(selectedSerie);
   var configuration = useMemo(function () {
     var _priceFeatureGroups$m;
@@ -35708,57 +35010,16 @@ var Prices = observer(function (_ref) {
         sortable: false,
         editable: false
       }].concat(_toConsumableArray((_priceFeatureGroups$m = priceFeatureGroups === null || priceFeatureGroups === void 0 ? void 0 : priceFeatureGroups.map(function (priceFeatureGroup) {
-        var _pricelist$pfgPricefa, _pricelist$pfgPricefa2, _priceFeatureGroup$ke, _priceFeatureGroup$ke2;
+        var _priceFeatureGroup$ke, _priceFeatureGroup$ke2;
         return {
           headerName: priceFeatureGroup.displayText,
-          headerClass: inputHeader,
-          headerGroupComponentParams: {
-            additionalElement: /*#__PURE__*/jsx(PriceFactorHeaderComponent, {
-              onSave: (/*#__PURE__*/function () {
-                var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(data, value) {
-                  return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-                    while (1) switch (_context3.prev = _context3.next) {
-                      case 0:
-                        updatePfgPriceFactor(priceFeatureGroup.id, value);
-                      case 1:
-                      case "end":
-                        return _context3.stop();
-                    }
-                  }, _callee3);
-                }));
-                return function (_x5, _x6) {
-                  return _ref4.apply(this, arguments);
-                };
-              }()),
-              value: (_pricelist$pfgPricefa = pricelist.pfgPricefactors) === null || _pricelist$pfgPricefa === void 0 || (_pricelist$pfgPricefa = _pricelist$pfgPricefa[selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo]) === null || _pricelist$pfgPricefa === void 0 ? void 0 : _pricelist$pfgPricefa[priceFeatureGroup.id],
-              onPriorityChange: (/*#__PURE__*/function () {
-                var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(value) {
-                  return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-                    while (1) switch (_context4.prev = _context4.next) {
-                      case 0:
-                        updatePfgPriority(priceFeatureGroup.id, value);
-                      case 1:
-                      case "end":
-                        return _context4.stop();
-                    }
-                  }, _callee4);
-                }));
-                return function (_x7) {
-                  return _ref5.apply(this, arguments);
-                };
-              }()),
-              priority: !!((_pricelist$pfgPricefa2 = pricelist.pfgPricefactorsPriority) !== null && _pricelist$pfgPricefa2 !== void 0 && (_pricelist$pfgPricefa2 = _pricelist$pfgPricefa2[selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo]) !== null && _pricelist$pfgPricefa2 !== void 0 && _pricelist$pfgPricefa2.includes(priceFeatureGroup.id)),
-              inputTooltip: 'backoffice.idmCatalog.prices.priceFactor.label.pfg',
-              checkboxTooltip: 'backoffice.idmCatalog.prices.priceFactor.label.pfgPriority'
-            })
-          },
           marryChildren: true,
-          children: _toConsumableArray((_priceFeatureGroup$ke = (_priceFeatureGroup$ke2 = priceFeatureGroup.keys) === null || _priceFeatureGroup$ke2 === void 0 ? void 0 : _priceFeatureGroup$ke2.map(function (priceGroup, j) {
-            var _priceFeatureGroup$ke3, _pricelist$pgPricefac, _pricelist$pgPricefac2, _pricelist$pfgPricefa3;
+          children: _toConsumableArray((_priceFeatureGroup$ke = (_priceFeatureGroup$ke2 = priceFeatureGroup.keys) === null || _priceFeatureGroup$ke2 === void 0 ? void 0 : _priceFeatureGroup$ke2.map(function (priceFeatureGroupItem, j) {
+            var _priceFeatureGroup$ke3, _pricelist$pgPricefac;
             return {
-              headerName: priceGroup,
-              field: "prices.".concat(priceGroup),
-              editable: !viewOnly,
+              headerName: priceFeatureGroupItem,
+              field: "prices.".concat(priceFeatureGroupItem),
+              editable: true,
               filter: false,
               sortable: false,
               isDictionary: true,
@@ -35767,49 +35028,31 @@ var Prices = observer(function (_ref) {
               cellRenderer: PriceDisplayCellRenderer,
               cellRendererParams: {
                 commas: pricelist.commas,
-                item: priceGroup
+                item: priceFeatureGroupItem
               },
-              additionalFields: ["origPrices.".concat(priceGroup)],
+              additionalFields: ["origPrices.".concat(priceFeatureGroupItem)],
               headerClass: inputHeader,
               headerComponentParams: {
-                additionalElement: /*#__PURE__*/jsx(PriceFactorHeaderComponent, {
+                additionalElement: /*#__PURE__*/jsx(PriceFactorInput, {
                   onSave: (/*#__PURE__*/function () {
-                    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(data, value) {
-                      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-                        while (1) switch (_context5.prev = _context5.next) {
-                          case 0:
-                            updatePgPriceFactor(priceGroup, value);
-                          case 1:
-                          case "end":
-                            return _context5.stop();
-                        }
-                      }, _callee5);
-                    }));
-                    return function (_x8, _x9) {
-                      return _ref6.apply(this, arguments);
-                    };
-                  }()),
-                  value: (_pricelist$pgPricefac = pricelist.pgPricefactors) === null || _pricelist$pgPricefac === void 0 || (_pricelist$pgPricefac = _pricelist$pgPricefac[selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo]) === null || _pricelist$pgPricefac === void 0 ? void 0 : _pricelist$pgPricefac[priceGroup],
-                  onPriorityChange: (/*#__PURE__*/function () {
-                    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(value) {
-                      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-                        while (1) switch (_context6.prev = _context6.next) {
+                    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(data, value) {
+                      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+                        while (1) switch (_context3.prev = _context3.next) {
                           case 0:
-                            updatePgPriority(priceGroup, value);
+                            updatePgPriceFactor(priceFeatureGroupItem, value);
                           case 1:
                           case "end":
-                            return _context6.stop();
+                            return _context3.stop();
                         }
-                      }, _callee6);
+                      }, _callee3);
                     }));
-                    return function (_x10) {
-                      return _ref7.apply(this, arguments);
+                    return function (_x5, _x6) {
+                      return _ref4.apply(this, arguments);
                     };
                   }()),
-                  priority: !!((_pricelist$pgPricefac2 = pricelist.pgPricefactorsPriority) !== null && _pricelist$pgPricefac2 !== void 0 && (_pricelist$pgPricefac2 = _pricelist$pgPricefac2[selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo]) !== null && _pricelist$pgPricefac2 !== void 0 && _pricelist$pgPricefac2.includes(priceGroup)),
-                  priorityForced: !!((_pricelist$pfgPricefa3 = pricelist.pfgPricefactorsPriority) !== null && _pricelist$pfgPricefa3 !== void 0 && (_pricelist$pfgPricefa3 = _pricelist$pfgPricefa3[selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo]) !== null && _pricelist$pfgPricefa3 !== void 0 && _pricelist$pfgPricefa3.includes(priceFeatureGroup.id)),
-                  inputTooltip: 'backoffice.idmCatalog.prices.priceFactor.label.pg',
-                  checkboxTooltip: 'backoffice.idmCatalog.prices.priceFactor.label.pgPriority'
+                  value: (_pricelist$pgPricefac = pricelist.pgPricefactors) === null || _pricelist$pgPricefac === void 0 || (_pricelist$pgPricefac = _pricelist$pgPricefac[selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo]) === null || _pricelist$pgPricefac === void 0 ? void 0 : _pricelist$pgPricefac[priceFeatureGroupItem],
+                  className: factorInput,
+                  tooltip: t('backoffice.idmCatalog.prices.priceFactor.label.pfg')
                 })
               }
             };
@@ -35860,7 +35103,7 @@ var Prices = observer(function (_ref) {
         cellDataType: 'objectId'
       }])
     };
-  }, [apiInterface, selectedSerie, pricelist, priceFeatureGroups, viewOnly]);
+  }, [apiInterface, selectedSerie, pricelist, priceFeatureGroups]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsx("div", {
@@ -35868,55 +35111,26 @@ var Prices = observer(function (_ref) {
           style: {
             "float": 'right'
           },
-          children: [/*#__PURE__*/jsx(Setting, {
-            title: t('backoffice.idmCatalog.prices.manual.title'),
-            tooltip: t('backoffice.idmCatalog.prices.manual.tooltip'),
-            children: /*#__PURE__*/jsx(Switch, {
-              checked: onlyManual,
-              onChange: function onChange(e) {
-                return setOnlyManual(e);
-              },
-              disabled: !selectedSerie,
-              checkedChildren: 'Manuelle',
-              unCheckedChildren: 'Alle'
-            })
-          }), /*#__PURE__*/jsx(Setting, {
-            tooltip: t('backoffice.idmCatalog.prices.manual.delete.tooltip'),
-            children: /*#__PURE__*/jsx(Popconfirm, {
-              rootClassName: "ag-custom-component-popup",
-              title: t('backoffice.idmCatalog.prices.manual.delete.title'),
-              description: t('backoffice.idmCatalog.prices.manual.delete.tooltip'),
-              onConfirm: deleteManualPrices,
-              okText: t('action.delete'),
-              cancelText: t('backoffice.cancel'),
-              children: /*#__PURE__*/jsx(Button, {
-                danger: true,
-                children: t('backoffice.idmCatalog.prices.manual.delete.title')
-              })
-            })
-          }), /*#__PURE__*/jsx(Setting, {
+          children: [/*#__PURE__*/jsx(PriceFactorInput, {
+            value: (_pricelist$seriePrice = pricelist.seriePricefactors) === null || _pricelist$seriePrice === void 0 ? void 0 : _pricelist$seriePrice[selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo],
             title: t('backoffice.idmCatalog.prices.priceFactor.label.series'),
-            tooltip: t('backoffice.idmCatalog.prices.priceFactor.tooltip.series'),
-            children: /*#__PURE__*/jsx(PriceFactorInput, {
-              value: (_pricelist$seriePrice = pricelist.seriePricefactors) === null || _pricelist$seriePrice === void 0 ? void 0 : _pricelist$seriePrice[selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo],
-              onSave: (/*#__PURE__*/function () {
-                var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(_, value) {
-                  return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-                    while (1) switch (_context7.prev = _context7.next) {
-                      case 0:
-                        updateSeriePriceFactor(value);
-                      case 1:
-                      case "end":
-                        return _context7.stop();
-                    }
-                  }, _callee7);
-                }));
-                return function (_x11, _x12) {
-                  return _ref8.apply(this, arguments);
-                };
-              }()),
-              disabled: !selectedSerie
-            })
+            onSave: (/*#__PURE__*/function () {
+              var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(_, value) {
+                return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+                  while (1) switch (_context4.prev = _context4.next) {
+                    case 0:
+                      updateSeriePriceFactor(value);
+                    case 1:
+                    case "end":
+                      return _context4.stop();
+                  }
+                }, _callee4);
+              }));
+              return function (_x7, _x8) {
+                return _ref5.apply(this, arguments);
+              };
+            }()),
+            disabled: !selectedSerie
           }), /*#__PURE__*/jsx(SeriesSelector$3, {
             modules: ['pricelists'],
             dataSet: "lookup"
@@ -35924,7 +35138,6 @@ var Prices = observer(function (_ref) {
         })
       })
     }), selectedSerie && /*#__PURE__*/jsx(Spreadsheet, {
-      ref: spreadsheetRef,
       gridId: 'crud-grid_enricherprices',
       applicationData: applicationData,
       configuration: configuration
@@ -35942,8 +35155,7 @@ var TablePriceList = observer(function () {
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
     apiConfig = _useModule.apiConfig,
-    selectedPackage = _useModule.selectedPackage,
-    viewOnly = _useModule.viewOnly;
+    selectedPackage = _useModule.selectedPackage;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedPriceList = _React$useState2[0],
@@ -35954,7 +35166,7 @@ var TablePriceList = observer(function () {
     setSelectedNodeId = _React$useState4[1];
   useTools({
     packageId: packageId,
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
   });
   var setNodeDataValue = useCallback(function (data) {
     spreadsheetRef.current.setNodeDataValue(selectedNodeId, data);
@@ -35971,8 +35183,7 @@ var TablePriceList = observer(function () {
           packageId: packageId,
           apiConfig: apiConfig,
           pricelist: selectedPriceList,
-          setNodeDataValue: setNodeDataValue,
-          viewOnly: viewOnly
+          setNodeDataValue: setNodeDataValue
         },
         startWidth: 300,
         defaultPinned: false,
@@ -35996,10 +35207,10 @@ var TablePriceList = observer(function () {
   var apiInterface = useMemo(function () {
     return {
       read: apiConfig.enricherService + '/packages/${packageId}/pricelists',
-      create: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/pricelists',
-      restore: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/pricelists/${_id}',
-      "delete": viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/pricelists/${_id}',
-      update: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/pricelists/${_id}'
+      create: apiConfig.enricherService + '/packages/${packageId}/pricelists',
+      restore: apiConfig.enricherService + '/packages/${packageId}/pricelists/${_id}',
+      "delete": apiConfig.enricherService + '/packages/${packageId}/pricelists/${_id}',
+      update: apiConfig.enricherService + '/packages/${packageId}/pricelists/${_id}'
     };
   }, []);
   var hooks = useMemo(function () {
@@ -36044,11 +35255,11 @@ var TablePriceList = observer(function () {
       colDef: [{
         headerName: 'backoffice.idmEnricher.pricelists.label.name',
         field: 'name',
-        editable: !viewOnly
+        editable: true
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.basedPricelistId',
         field: 'basedPricelistId',
-        editable: !viewOnly,
+        editable: true,
         cellDataType: 'lookup',
         customParams: {
           filterCellType: 'id',
@@ -36078,7 +35289,7 @@ var TablePriceList = observer(function () {
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.rounding',
         field: 'rounding',
-        editable: !viewOnly,
+        editable: true,
         cellDataType: 'enum',
         customParams: {
           enumData: roundingOptions,
@@ -36087,25 +35298,25 @@ var TablePriceList = observer(function () {
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.commas',
         field: 'commas',
-        editable: !viewOnly,
+        editable: true,
         cellDataType: 'number'
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.currency',
         field: 'currency',
         cellDataType: 'enum',
-        editable: !viewOnly,
+        editable: true,
         customParams: {
           enumData: getCurrencyKey(t)
         }
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.forPublishing',
         field: 'forPublishing',
-        editable: !viewOnly,
+        editable: true,
         cellDataType: 'boolean'
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.validFrom',
         field: 'validFrom',
-        editable: !viewOnly,
+        editable: true,
         cellDataType: 'dateString',
         customParams: {
           dateFormat: 'DD.MM.YYYY'
@@ -36113,7 +35324,7 @@ var TablePriceList = observer(function () {
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.validTo',
         field: 'validTo',
-        editable: !viewOnly,
+        editable: true,
         cellDataType: 'dateString',
         customParams: {
           dateFormat: 'DD.MM.YYYY'
@@ -36171,24 +35382,9 @@ var TablePriceList = observer(function () {
         cellDataType: 'object',
         editable: false,
         hide: true
-      }, {
-        field: 'pfgPricefactors',
-        cellDataType: 'object',
-        editable: false,
-        hide: true
-      }, {
-        field: 'pgPricefactorsPriority',
-        cellDataType: 'object',
-        editable: false,
-        hide: true
-      }, {
-        field: 'pfgPricefactorsPriority',
-        cellDataType: 'object',
-        editable: false,
-        hide: true
       }]
     };
-  }, [apiInterface, i18n.language, viewOnly]);
+  }, [apiInterface, i18n.language]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -36677,34 +35873,24 @@ var useCatalogContext = function useCatalogContext() {
       root.contextStore.clearContext('catalog');
     }
 
-    // initally only the id is set so we need to update it again if we get the full catalog form the selector
+    // Only update if catalog changed
+    // initally ony the id is set so we need to update it again if we get the full catalog form the selector, so only checking for id is not enough
     var currentCatalog = getContext().selectedCatalog;
-    var catalogChanged = currentCatalog._id !== newCatalog._id;
-    var catalogDataOnlyChanged = currentCatalog.name === newCatalog.name && JSON.stringify(currentCatalog.isoLanguageIds) === JSON.stringify(newCatalog.isoLanguageIds);
-    if (!catalogChanged && !catalogDataOnlyChanged) {
-      // No changes detected
-      return;
-    }
-    if (!catalogChanged && catalogDataOnlyChanged) {
-      // Only the data changed, so we only need to update the context of the catalog
-      root.contextStore.updateContext('catalog', {
-        selectedCatalog: newCatalog,
-        catalogId: newCatalog._id
-      });
-      return;
+    if (currentCatalog._id === newCatalog._id && currentCatalog.name === newCatalog.name && JSON.stringify(currentCatalog.isoLanguageIds) === JSON.stringify(newCatalog.isoLanguageIds)) {
+      return; // No changes detected
     }
-    if (catalogChanged) {
-      // The catalog changed, so we need to rest the full context
-      root.contextStore.updateContext('catalog', {
-        selectedCatalog: newCatalog,
-        catalogId: newCatalog._id,
-        selectedSerie: undefined,
-        selectedItem: undefined,
-        selectedFeature: undefined,
-        seriesSelectorState: createDefaultSelectState('seriesSelectorState'),
-        featureSelectorState: createDefaultSelectState('featureSelectorState')
-      });
 
+    // Update any field catalog changed
+    root.contextStore.updateContext('catalog', {
+      selectedCatalog: newCatalog,
+      catalogId: newCatalog._id,
+      selectedSerie: undefined,
+      selectedItem: undefined,
+      selectedFeature: undefined,
+      seriesSelectorState: createDefaultSelectState('seriesSelectorState'),
+      featureSelectorState: createDefaultSelectState('featureSelectorState')
+    });
+    if (currentCatalog._id !== newCatalog._id) {
       // Update URL only if the id changed
       navigate(path + newCatalog._id + (modules.length ? '/' + modules.join('/') : '') + (searchParams ? '?' + searchParams.toString() : ''));
     }
@@ -37533,22 +36719,27 @@ var CatalogSelector$1 = observer(CatalogSelector);
 var SeriesSelector = function SeriesSelector(_ref) {
   var modules = _ref.modules;
   var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useSeriesSelector = useSeriesSelector(modules),
-    catalogId = _useSeriesSelector.catalogId,
-    seriesSelectorState = _useSeriesSelector.seriesSelectorState,
-    apiInterface = _useSeriesSelector.apiInterface,
-    selectedSerie = _useSeriesSelector.selectedSerie,
-    onChange = _useSeriesSelector.onChange,
-    selectMapping = _useSeriesSelector.selectMapping;
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
+  var _useCatalogContext = useCatalogContext(modules),
+    catalogId = _useCatalogContext.catalogId,
+    idmService = _useCatalogContext.idmService,
+    selectedSerie = _useCatalogContext.selectedSerie,
+    setSelectedSerie = _useCatalogContext.setSelectedSerie,
+    seriesSelectorState = _useCatalogContext.seriesSelectorState;
   return /*#__PURE__*/jsx(SimpleSelect, {
     sharedState: seriesSelectorState,
-    apiInterface: apiInterface,
-    selectMapping: selectMapping,
+    apiInterface: {
+      read: idmService + '/v3.0/catalogs/' + catalogId + "/series?fields=seriesName[".concat(i18n.language.toLocaleUpperCase(), "];_id;serieNo;pricefeaturegroups;pricefeaturegroupsDisplayTexts;pricefeaturegroupsKeys;pricefeaturegroupsKeysDisplayTexts")
+    },
+    selectMapping: {
+      label: "${seriesName.".concat(i18n.language.toLocaleUpperCase(), "}"),
+      value: '${_id}'
+    },
     autoSelectFirst: true,
     title: t('backoffice.menu.items.label.IDMCatalogEditorTableSeries'),
     value: selectedSerie,
-    onChange: onChange,
+    onChange: setSelectedSerie,
     search: true,
     style: {
       width: 200
@@ -37557,95 +36748,6 @@ var SeriesSelector = function SeriesSelector(_ref) {
   }, catalogId);
 };
 var SeriesSelector$1 = observer(SeriesSelector);
-var useSeriesSelector = function useSeriesSelector(modules) {
-  var _useTranslation2 = useTranslation(),
-    i18n = _useTranslation2.i18n;
-  var root = useStore();
-  var _useCatalogContext = useCatalogContext(modules),
-    catalogId = _useCatalogContext.catalogId,
-    idmService = _useCatalogContext.idmService,
-    selectedSerie = _useCatalogContext.selectedSerie,
-    setSelectedSerie = _useCatalogContext.setSelectedSerie,
-    seriesSelectorState = _useCatalogContext.seriesSelectorState;
-  var _useState = useState(selectedSerie),
-    _useState2 = _slicedToArray(_useState, 2),
-    selected = _useState2[0],
-    setSelected = _useState2[1];
-  var apiInterface = {
-    read: idmService + "/v3.0/catalogs/".concat(catalogId, "/series?fields=seriesName[").concat(i18n.language.toLocaleUpperCase(), "];_id")
-  };
-  var selectMapping = {
-    label: "${seriesName.".concat(i18n.language.toLocaleUpperCase(), "}"),
-    value: '${_id}'
-  };
-  var fetchSerie = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(newSerie) {
-      var _seriesSelectorState$, _seriesSelectorState$2;
-      var isLoaded, api, serie, option;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (newSerie) {
-              _context.next = 2;
-              break;
-            }
-            return _context.abrupt("return");
-          case 2:
-            // if the extend series data is already loaded, use it
-            isLoaded = !!((_seriesSelectorState$ = seriesSelectorState.options) !== null && _seriesSelectorState$ !== void 0 && (_seriesSelectorState$ = _seriesSelectorState$.find(function (option) {
-              return option.value === (newSerie === null || newSerie === void 0 ? void 0 : newSerie._id);
-            })) !== null && _seriesSelectorState$ !== void 0 && (_seriesSelectorState$ = _seriesSelectorState$.data) !== null && _seriesSelectorState$ !== void 0 && _seriesSelectorState$.serieNo);
-            if (!isLoaded) {
-              _context.next = 6;
-              break;
-            }
-            setSelectedSerie(newSerie);
-            return _context.abrupt("return");
-          case 6:
-            //fetching of pricefeatruegroups is slow, so we can't fetch it in the list, but only for the selected serie
-            seriesSelectorState.setLoading(true);
-            api = new _default$d({
-              type: 'SelectSimple',
-              apiInterface: {
-                read: idmService + "/v3.0/catalogs/".concat(catalogId, "/series/").concat(newSerie._id, "?fields=seriesName[").concat(i18n.language.toLocaleUpperCase(), "];_id;serieNo;pricefeaturegroups;pricefeaturegroupsDisplayTexts;pricefeaturegroupsKeys;pricefeaturegroupsKeysDisplayTexts")
-              }
-            }, root);
-            _context.next = 10;
-            return api.read();
-          case 10:
-            serie = _context.sent;
-            //save the extended series data in the options, without triggering state change
-            option = (_seriesSelectorState$2 = seriesSelectorState.options) === null || _seriesSelectorState$2 === void 0 ? void 0 : _seriesSelectorState$2.find(function (option) {
-              return option.value === newSerie._id;
-            });
-            if (option) {
-              option.data = serie;
-            }
-            setSelectedSerie(serie);
-            seriesSelectorState.setLoading(false);
-          case 15:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function fetchSerie(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var onChange = function onChange(value) {
-    setSelected(value);
-    fetchSerie(value);
-  };
-  return {
-    catalogId: catalogId,
-    seriesSelectorState: seriesSelectorState,
-    apiInterface: apiInterface,
-    selectMapping: selectMapping,
-    selectedSerie: selected,
-    onChange: onChange
-  };
-};
 
 function useModule (currentModules) {
   var root = useStore();
@@ -38095,19 +37197,18 @@ var TableItems = observer(function () {
     apiConfig = _useModule.apiConfig,
     organizationId = _useModule.organizationId;
   useTools({
-    catalogId: catalogId,
-    serie: selectedSerie,
-    setSerie: setSelectedSerie,
-    setArticle: setSelectedItem,
-    item: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.typeNo
-  });
+      catalogId: catalogId,
+      serie: selectedSerie,
+      setSerie: setSelectedSerie,
+      setArticle: setSelectedItem,
+      item: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.typeNo
+    });
   var hooks = useMemo(function () {
     return {
       onCellSelectionChanged: function onCellSelectionChanged(event) {
         // Check if all selections are from the same node
         if (event.selection.length == 1) {
-          var _event$selection$;
-          setSelectedItem((_event$selection$ = event.selection[0]) === null || _event$selection$ === void 0 || (_event$selection$ = _event$selection$.node) === null || _event$selection$ === void 0 ? void 0 : _event$selection$.data);
+          setSelectedItem(event.selection[0].node.data);
         }
       }
     };
@@ -38140,9 +37241,9 @@ var TableSeries = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useModule = useModule(['series']),
+    setGlobalSelectedSerie = _useModule.setSelectedSerie,
     selectedCatalog = _useModule.selectedCatalog,
     selectedGlobalSerie = _useModule.selectedSerie,
-    setGlobalSelectedSerie = _useModule.setSelectedSerie,
     catalogId = _useModule.catalogId,
     organizationId = _useModule.organizationId,
     apiConfig = _useModule.apiConfig;
@@ -38186,9 +37287,8 @@ var TableSeries = observer(function () {
     return {
       onCellSelectionChanged: function onCellSelectionChanged(event) {
         if (event.selection.length == 1) {
-          var _event$selection$, _event$selection$2;
-          setGlobalSelectedSerie((_event$selection$ = event.selection[0]) === null || _event$selection$ === void 0 || (_event$selection$ = _event$selection$.node) === null || _event$selection$ === void 0 ? void 0 : _event$selection$.data);
-          setSelectedSerie((_event$selection$2 = event.selection[0]) === null || _event$selection$2 === void 0 || (_event$selection$2 = _event$selection$2.node) === null || _event$selection$2 === void 0 ? void 0 : _event$selection$2.data);
+          setGlobalSelectedSerie(event.selection[0].node.data);
+          setSelectedSerie(event.selection[0].node.data);
         } else {
           setSelectedSerie(null);
         }
@@ -38524,9 +37624,8 @@ var TableFeatures = observer(function () {
       onCellSelectionChanged: function onCellSelectionChanged(event) {
         // Check if all selections are from the same node
         if (event.selection.length == 1) {
-          var _event$selection$;
           updateConfigurator({
-            opt: (_event$selection$ = event.selection[0]) === null || _event$selection$ === void 0 || (_event$selection$ = _event$selection$.node) === null || _event$selection$ === void 0 || (_event$selection$ = _event$selection$.data) === null || _event$selection$ === void 0 ? void 0 : _event$selection$.featureNo
+            opt: event.selection[0].node.data.featureNo
           });
         }
       }
@@ -38733,9 +37832,8 @@ var TableOptions = observer(function () {
       onCellSelectionChanged: function onCellSelectionChanged(event) {
         // Check if all selections are from the same node
         if (event.selection.length == 1) {
-          var _event$selection$;
           updateConfigurator({
-            opv: (_event$selection$ = event.selection[0]) === null || _event$selection$ === void 0 || (_event$selection$ = _event$selection$.node) === null || _event$selection$ === void 0 || (_event$selection$ = _event$selection$.data) === null || _event$selection$ === void 0 ? void 0 : _event$selection$.optionKey
+            opv: event.selection[0].node.data.optionKey
           });
         }
       }
@@ -42367,7 +41465,7 @@ function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ArticleSelection = function ArticleSelection(_ref) {
   var _ref$state = _ref.state,
-    itemList = _ref$state.itemList,
+    articleList = _ref$state.articleList,
     articleCodex = _ref$state.articleCodex,
     setArticleCodex = _ref$state.setArticleCodex,
     setDoReset = _ref$state.setDoReset,
@@ -42379,7 +41477,7 @@ var ArticleSelection = function ArticleSelection(_ref) {
     var groups = [];
     var _loop = function _loop() {
       var _mask$articles;
-      var article = itemList[i];
+      var article = articleList[i];
       if (mask !== null && mask !== void 0 && (_mask$articles = mask.articles) !== null && _mask$articles !== void 0 && _mask$articles[article.value].hidden) return 1; // continue
       if (!article.groupName) article.groupName = 'NONE';
       var group = groups.find(function (g) {
@@ -42395,7 +41493,7 @@ var ArticleSelection = function ArticleSelection(_ref) {
         });
       }
     };
-    for (var i = 0; i < itemList.length; i++) {
+    for (var i = 0; i < articleList.length; i++) {
       if (_loop()) continue;
     }
     return groups.map(function (g) {
@@ -42403,7 +41501,7 @@ var ArticleSelection = function ArticleSelection(_ref) {
         label: t('configuration.group.' + g.label, g.label)
       });
     });
-  }, [itemList]);
+  }, [articleList]);
   return /*#__PURE__*/jsxs("div", {
     className: wrapper$1,
     children: [/*#__PURE__*/jsx(Select$1, {
@@ -42450,30 +41548,26 @@ function useWysiwyg$1(_ref) {
     setArticleCodex = _useState6[1];
   var _useState7 = useState([]),
     _useState8 = _slicedToArray(_useState7, 2),
-    itemList = _useState8[0],
-    setItemList = _useState8[1];
+    articleList = _useState8[0],
+    setArticleList = _useState8[1];
   var _useState9 = useState({
       catalogCodex: (_tool$parameters = tool.parameters) === null || _tool$parameters === void 0 ? void 0 : _tool$parameters.catalogCodex
     }),
     _useState10 = _slicedToArray(_useState9, 2),
-    serie = _useState10[0],
-    setSerie = _useState10[1];
+    catalog = _useState10[0],
+    setCatalog = _useState10[1];
   var _useState11 = useState([]),
     _useState12 = _slicedToArray(_useState11, 2),
-    serieList = _useState12[0],
-    setSerieList = _useState12[1];
-  var _useState13 = useState(tool.parameters.catalogId),
+    catalogList = _useState12[0],
+    setCatalogList = _useState12[1];
+  var _useState13 = useState(),
     _useState14 = _slicedToArray(_useState13, 2),
-    catalogId = _useState14[0],
-    setCatalogId = _useState14[1];
+    currentNav = _useState14[0],
+    setCurrentNav = _useState14[1];
   var _useState15 = useState(),
     _useState16 = _slicedToArray(_useState15, 2),
-    currentNav = _useState16[0],
-    setCurrentNav = _useState16[1];
-  var _useState17 = useState(),
-    _useState18 = _slicedToArray(_useState17, 2),
-    doNavigate = _useState18[0],
-    setDoNavigate = _useState18[1];
+    doNavigate = _useState16[0],
+    setDoNavigate = _useState16[1];
   useEffect(function () {
     if (!toolbar.hidden) setDoReset(true);
   }, [toolbar.hidden]);
@@ -42536,8 +41630,7 @@ function useWysiwyg$1(_ref) {
             });
           case 3:
             d = _context2.sent;
-            setCatalogId(d._id);
-            _context2.next = 7;
+            _context2.next = 6;
             return fetch(root.configurationStore.apiConfig.enricherService + '/wysiwyg/v3.0/' + id + '/catalogs/' + d._id + '/series', {
               method: 'GET',
               headers: _objectSpread$4({}, jwt ? {
@@ -42552,10 +41645,10 @@ function useWysiwyg$1(_ref) {
                 return undefined;
               }
             });
-          case 7:
+          case 6:
             s = _context2.sent;
-            setSerieList(s.data);
-          case 9:
+            setCatalogList(s.data);
+          case 8:
           case "end":
             return _context2.stop();
         }
@@ -42589,7 +41682,7 @@ function useWysiwyg$1(_ref) {
             });
           case 3:
             l = _context3.sent;
-            setSerieList(l.data);
+            setCatalogList(l.data);
           case 5:
           case "end":
             return _context3.stop();
@@ -42604,7 +41697,7 @@ function useWysiwyg$1(_ref) {
     if (doReset) {
       var _tool$elementProps, _tool$elementProps3;
       if (currentNav) setDoNavigate(currentNav);
-      if ((_tool$elementProps = tool.elementProps) !== null && _tool$elementProps !== void 0 && _tool$elementProps.showCatalogSelection && !serieList.length) {
+      if ((_tool$elementProps = tool.elementProps) !== null && _tool$elementProps !== void 0 && _tool$elementProps.showCatalogSelection && !catalogList.length) {
         var _tool$elementProps2;
         if ((_tool$elementProps2 = tool.elementProps) !== null && _tool$elementProps2 !== void 0 && _tool$elementProps2.loadPackage) {
           loadPackage(tool.parameters.packageId);
@@ -42623,20 +41716,20 @@ function useWysiwyg$1(_ref) {
   }, [doReset]);
   useEffect(function () {
     setArticleCodex(undefined);
-    if (serie !== null && serie !== void 0 && serie.catalogCodex) {
+    if (catalog !== null && catalog !== void 0 && catalog.catalogCodex) {
       var _tool$parameters$pack;
       setMask({
-        catalogCodex: serie.catalogCodex,
+        catalogCodex: catalog.catalogCodex,
         accountId: (_tool$parameters$pack = tool.parameters.packageId) !== null && _tool$parameters$pack !== void 0 ? _tool$parameters$pack : tool.parameters.catalogId
       });
     }
-  }, [serie]);
+  }, [catalog]);
   useEffect(function () {
     setDoReset(true);
     setArticleCodex(undefined);
-    setSerie(undefined);
-    setItemList([]);
-    setSerieList([]);
+    setCatalog(undefined);
+    setArticleList([]);
+    setCatalogList([]);
   }, [tool.parameters.catalogId, tool.parameters.packageId]);
   var onEventCalled = /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(e) {
@@ -42655,7 +41748,7 @@ function useWysiwyg$1(_ref) {
                   groupName: article.groupName
                 });
               }
-              setItemList(articles);
+              setArticleList(articles);
               if (articleCodex === undefined && articles !== null && articles !== void 0 && (_articles$ = articles[0]) !== null && _articles$ !== void 0 && _articles$.value) setArticleCodex(articles[0].value);
             }
             if (e.type === 'navigatedToOption') {
@@ -42762,21 +41855,20 @@ function useWysiwyg$1(_ref) {
     };
   }, []);
   return {
-    itemList: itemList,
-    setItemList: setItemList,
+    articleList: articleList,
+    setArticleList: setArticleList,
     articleCodex: articleCodex,
     setArticleCodex: setArticleCodex,
-    serieList: serieList,
-    setSerieList: setSerieList,
-    serie: serie,
-    setSerie: setSerie,
+    catalogList: catalogList,
+    setCatalogList: setCatalogList,
+    catalog: catalog,
+    setCatalog: setCatalog,
     settings: settings,
     mask: mask,
     doReset: doReset,
     setDoReset: setDoReset,
     doNavigate: doNavigate,
-    setDoNavigate: setDoNavigate,
-    catalogId: catalogId
+    setDoNavigate: setDoNavigate
   };
 }
 
@@ -42828,27 +41920,27 @@ styleInject(css_248z$2);
 
 var CatalogSelection = function CatalogSelection(_ref) {
   var _ref$state = _ref.state,
-    serieList = _ref$state.serieList,
-    serie = _ref$state.serie,
-    setSerie = _ref$state.setSerie,
+    catalogList = _ref$state.catalogList,
+    catalog = _ref$state.catalog,
+    setCatalog = _ref$state.setCatalog,
     setArticleCodex = _ref$state.setArticleCodex,
-    setSerieProp = _ref.setSerie;
+    setSerie = _ref.setSerie;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t,
     language = _useTranslation.i18n.language;
   var options = useMemo(function () {
     var groups = [];
-    for (var i = 0; i < serieList.length; i++) {
-      var c = serieList[i];
+    for (var i = 0; i < catalogList.length; i++) {
+      var c = catalogList[i];
       groups.push({
         value: c.serieNo.toString(),
         label: c.seriesName[language.toUpperCase()]
       });
     }
     return groups;
-  }, [serieList]);
+  }, [catalogList]);
   var onChange = function onChange(val) {
-    var cat = serieList.find(function (c) {
+    var cat = catalogList.find(function (c) {
       return c.serieNo.toString() == val;
     });
     var catalog = cat ? {
@@ -42856,15 +41948,15 @@ var CatalogSelection = function CatalogSelection(_ref) {
       serieId: cat._id,
       accountId: cat.catalogId
     } : undefined;
-    setSerie(catalog);
+    setCatalog(catalog);
     setArticleCodex(undefined);
-    setSerieProp === null || setSerieProp === void 0 || setSerieProp(cat);
+    setSerie === null || setSerie === void 0 || setSerie(cat);
   };
   return /*#__PURE__*/jsx("div", {
     className: wrapper,
     children: /*#__PURE__*/jsx(Select$1, {
       placeholder: t('backoffice.configurator.serie.placeholder'),
-      value: serie === null || serie === void 0 ? void 0 : serie.catalogCodex,
+      value: catalog === null || catalog === void 0 ? void 0 : catalog.catalogCodex,
       options: options,
       onChange: onChange,
       className: select
@@ -42876,7 +41968,7 @@ var CatalogSelection$1 = observer(CatalogSelection);
 function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Wsyiwyg = function Wsyiwyg(_ref) {
-  var _state$serie, _tool$parameters, _state$articleCodex, _state$serie$catalogC, _state$serie2, _state$mask2, _state$serie3, _state$serie$accountI, _state$serie4, _state$mask3;
+  var _state$catalog, _tool$parameters, _state$articleCodex, _state$catalog$catalo, _state$catalog2, _state$mask2, _state$catalog3, _state$catalog$accoun, _state$catalog4, _state$mask3;
   var tool = _ref.tool,
     toolbar = _ref.toolbar;
   var _useDivaCore = useDivaCore(),
@@ -42895,32 +41987,17 @@ var Wsyiwyg = function Wsyiwyg(_ref) {
   }, [tool.parameters]);
   useEffect(function () {
     if (tool.elementProps.initSerie) {
-      if (tool.elementProps.useEnricherService) {
-        var _state$serieList$find;
-        var serie = {
-          serieId: (_state$serieList$find = state.serieList.find(function (s) {
-            return s.serieNo == tool.elementProps.initSerie.serieNo;
-          })) === null || _state$serieList$find === void 0 ? void 0 : _state$serieList$find._id,
-          catalogCodex: tool.elementProps.initSerie.serieNo.toString(),
-          accountId: state.catalogId
-        };
-        if (JSON.stringify(state.serie) !== JSON.stringify(serie)) {
-          state.setSerie(serie);
-          state.setArticleCodex(undefined);
-        }
-      } else {
-        state.setSerie({
-          serieId: tool.elementProps.initSerie.serieId,
-          catalogCodex: tool.elementProps.initSerie.serieNo.toString()
-        });
-        state.setArticleCodex(undefined);
-      }
+      state.setCatalog({
+        serieId: tool.elementProps.initSerie.serieId,
+        catalogCodex: tool.elementProps.initSerie.serieNo.toString()
+      });
+      state.setArticleCodex(undefined);
     }
     if (tool.elementProps.initItem) {
       state.setArticleCodex(tool.elementProps.initItem);
     }
-  }, [tool.elementProps.initItem, tool.elementProps.initSerie, state.serieList]);
-  if (!((_state$serie = state.serie) !== null && _state$serie !== void 0 && _state$serie.catalogCodex)) {
+  }, [tool.elementProps.initItem, tool.elementProps.initSerie]);
+  if (!((_state$catalog = state.catalog) !== null && _state$catalog !== void 0 && _state$catalog.catalogCodex)) {
     if (tool.elementProps.showCatalogSelection) {
       return /*#__PURE__*/jsx(CatalogSelection$1, {
         state: state,
@@ -42958,11 +42035,11 @@ var Wsyiwyg = function Wsyiwyg(_ref) {
             resetArticle: '',
             disableToggle: '1',
             startDivaNr: 'DIVA-000000',
-            catalogCodex: (_state$serie$catalogC = (_state$serie2 = state.serie) === null || _state$serie2 === void 0 ? void 0 : _state$serie2.catalogCodex) !== null && _state$serie$catalogC !== void 0 ? _state$serie$catalogC : (_state$mask2 = state.mask) === null || _state$mask2 === void 0 ? void 0 : _state$mask2.catalogCodex
-          }, (_state$serie3 = state.serie) !== null && _state$serie3 !== void 0 && _state$serie3.serieId ? {
-            serieId: state.serie.serieId
+            catalogCodex: (_state$catalog$catalo = (_state$catalog2 = state.catalog) === null || _state$catalog2 === void 0 ? void 0 : _state$catalog2.catalogCodex) !== null && _state$catalog$catalo !== void 0 ? _state$catalog$catalo : (_state$mask2 = state.mask) === null || _state$mask2 === void 0 ? void 0 : _state$mask2.catalogCodex
+          }, (_state$catalog3 = state.catalog) !== null && _state$catalog3 !== void 0 && _state$catalog3.serieId ? {
+            serieId: state.catalog.serieId
           } : {}), {}, {
-            accountGuid: (_state$serie$accountI = (_state$serie4 = state.serie) === null || _state$serie4 === void 0 ? void 0 : _state$serie4.accountId) !== null && _state$serie$accountI !== void 0 ? _state$serie$accountI : (_state$mask3 = state.mask) === null || _state$mask3 === void 0 ? void 0 : _state$mask3.accountId,
+            accountGuid: (_state$catalog$accoun = (_state$catalog4 = state.catalog) === null || _state$catalog4 === void 0 ? void 0 : _state$catalog4.accountId) !== null && _state$catalog$accoun !== void 0 ? _state$catalog$accoun : (_state$mask3 = state.mask) === null || _state$mask3 === void 0 ? void 0 : _state$mask3.accountId,
             returnTo: 'DONT_SAVE_BASKET',
             organizationId: organizationId,
             no3DConnection: 'true'