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

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, 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 { 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 _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { observer } from 'mobx-react-lite';
 import { getLogger, DivaError, useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
@@ -119,9 +119,11 @@ 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';
@@ -5482,6 +5484,11 @@ 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',
@@ -7652,6 +7659,7 @@ 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'),
@@ -7739,6 +7747,7 @@ 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: {
@@ -7746,11 +7755,13 @@ 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',
@@ -7762,6 +7773,7 @@ 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';
@@ -7769,6 +7781,7 @@ 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',
@@ -7776,6 +7789,7 @@ 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;
@@ -7786,6 +7800,7 @@ 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;
@@ -7796,6 +7811,7 @@ 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;
@@ -7803,6 +7819,7 @@ 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;
@@ -7810,6 +7827,7 @@ 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: {
@@ -7828,6 +7846,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: 'contact',
         label: 'backoffice.organization.contact',
+        tabgroup: t('backoffice.subtitle.generally'),
         type: 'select',
         mode: 'single',
         selectMapping: {
@@ -7869,6 +7888,7 @@ 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;
@@ -7876,6 +7896,7 @@ 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;
@@ -7883,6 +7904,7 @@ 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;
@@ -7890,6 +7912,7 @@ 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;
@@ -7900,6 +7923,7 @@ 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}'
         },
@@ -7908,15 +7932,18 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         }
       }, {
         name: ['defaultCatalog', 'accountId'],
-        hidden: true
+        hidden: true,
+        tabgroup: t('backoffice.subtitle.generally')
       },
       // these fields are needed otherwise they dont get saved
       {
         name: ['defaultCatalog', 'catalogCodex'],
-        hidden: true
+        hidden: true,
+        tabgroup: t('backoffice.subtitle.generally')
       }, {
         name: ['settings', 'sendOrders'],
         label: t('backoffice.form.organizationdetails.items.settings.sendOrders'),
+        tabgroup: t('backoffice.subtitle.generally'),
         type: 'radio',
         optionType: 'button',
         options: [{
@@ -7933,11 +7960,13 @@ 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';
@@ -7955,6 +7984,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         }
       }, {
         name: t('backoffice.subtitle.iwofurn'),
+        tabgroup: t('backoffice.subtitle.generally'),
         type: 'subTitle',
         orientation: 'left',
         style: {
@@ -7967,6 +7997,7 @@ 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) {
@@ -7978,6 +8009,7 @@ 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) {
@@ -7989,6 +8021,7 @@ 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;
@@ -7999,6 +8032,7 @@ 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;
@@ -8009,6 +8043,7 @@ 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';
@@ -8028,6 +8063,7 @@ 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: {
@@ -8037,6 +8073,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: 'Info',
         type: 'text',
+        tabgroup: t('backoffice.form.organizationdetails.items.licenses'),
         style: {
           marginBottom: '30px'
         },
@@ -8045,6 +8082,7 @@ 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: [{
@@ -8062,6 +8100,7 @@ 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: [{
@@ -8078,6 +8117,7 @@ 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: [{
@@ -8094,6 +8134,7 @@ 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: [{
@@ -8111,6 +8152,7 @@ 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'),
@@ -8125,6 +8167,7 @@ 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) {
@@ -8145,6 +8188,7 @@ 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: [{
@@ -8163,6 +8207,31 @@ 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',
@@ -8554,6 +8623,117 @@ 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: {
@@ -8809,6 +8989,14 @@ 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({
@@ -8867,6 +9055,12 @@ 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({
@@ -9102,6 +9296,12 @@ 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({
@@ -9302,6 +9502,13 @@ 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: {
@@ -9390,6 +9597,9 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         label: t('Presets'),
         type: 'array',
         items: [{
+          type: 'divider',
+          name: ''
+        }, {
           type: 'radio',
           name: 'job',
           label: t('Job'),
@@ -9440,6 +9650,13 @@ 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'),
@@ -9647,7 +9864,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
           op: 'gt',
           value: 3
         },
-        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']
+        values: functionTypeValues
       }, {
         name: 'priority',
         label: t('backoffice.form.renderjob.items.priority'),
@@ -9907,7 +10124,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
           value: 3
         },
         allowClear: true,
-        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']
+        values: functionTypeValues
       }, {
         name: 'priority',
         label: t('backoffice.form.renderjob.items.priority'),
@@ -10082,7 +10299,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
           value: 3
         },
         allowClear: true,
-        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']
+        values: functionTypeValues
       }, {
         name: 'priority',
         label: t('backoffice.form.renderjob.items.priority'),
@@ -10224,7 +10441,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
           value: 3
         },
         allowClear: true,
-        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']
+        values: functionTypeValues
       }, {
         name: 'priority',
         label: t('backoffice.form.renderjob.items.priority'),
@@ -10383,7 +10600,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         type: 'select',
         mode: 'single',
         allowClear: true,
-        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']
+        values: functionTypeValues
       }, {
         name: 'priority',
         label: t('backoffice.form.renderjob.items.priority'),
@@ -13246,6 +13463,7 @@ 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 = {};
@@ -13280,8 +13498,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$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);
+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);
 
 function MenuLabel (_ref) {
   var disabled = _ref.disabled,
@@ -17004,7 +17222,7 @@ var JsonEditor$2 = function JsonEditor(_ref) {
   });
 };
 
-var _excluded$3 = ["key", "name"];
+var _excluded$4 = ["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) {
@@ -17040,7 +17258,7 @@ var FormList$2 = function FormList(_ref) {
         children: [fields.map(function (_ref3) {
           var key = _ref3.key,
             name = _ref3.name,
-            restField = _objectWithoutProperties(_ref3, _excluded$3);
+            restField = _objectWithoutProperties(_ref3, _excluded$4);
           return /*#__PURE__*/jsxs("div", {
             id: key.toString(),
             style: {
@@ -17236,8 +17454,8 @@ var Result = function Result(_ref) {
 
 var success = "success-tRJ7j";
 var error = "error-MtAFB";
-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 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 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";
 
@@ -17299,10 +17517,10 @@ var CustomButton = function CustomButton(_ref) {
 };
 var CustomButton$1 = observer(CustomButton);
 
-var wrapper$7 = "wrapper-GVe2h";
+var wrapper$6 = "wrapper-GVe2h";
 var buttonGroup = "button-group-GYt-T";
-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);
+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);
 
 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; }
@@ -17316,7 +17534,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$7,
+      className: wrapper$6,
       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,
@@ -17475,14 +17693,29 @@ 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');
-      setOptions(configuredOptions);
+      setLoadedOptions(configuredOptions);
       setLoading(false);
       return;
     }
-    if (options) {
+    if (sharedState !== null && sharedState !== void 0 && sharedState.options) {
+      setLoadedOptions(sharedState.options);
       setLoading(false);
       return;
     }
@@ -17494,25 +17727,11 @@ function useSelectSimpleData (_ref) {
       var options = data.data.map(function (item) {
         return parseDataEntry(item, selectMapping);
       });
-      setOptions(options);
+      setLoadedOptions(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));
@@ -17577,11 +17796,11 @@ function parseReturnData(options, selectMapping) {
   return (selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.externalValue) == 'value' ? options.value : options.data;
 }
 
-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 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 _excluded$2 = ["apiInterface", "selectMapping", "apiMapping", "onChange", "value", "search", "options", "autoSelectFirst", "title", "sharedState"];
+var _excluded$3 = ["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) {
@@ -17595,7 +17814,7 @@ var SelectWrapper$1 = function SelectWrapper(_ref, ref) {
     autoSelectFirst = _ref.autoSelectFirst,
     title = _ref.title,
     sharedState = _ref.sharedState,
-    selectProps = _objectWithoutProperties(_ref, _excluded$2);
+    selectProps = _objectWithoutProperties(_ref, _excluded$3);
   var state = useSelectSimpleData({
     apiInterface: apiInterface,
     selectMapping: selectMapping,
@@ -17609,7 +17828,7 @@ var SelectWrapper$1 = function SelectWrapper(_ref, ref) {
   });
   return /*#__PURE__*/jsxs("div", {
     ref: ref,
-    className: classnames(title ? wrapper$6 : undefined),
+    className: classnames(title ? wrapper$5 : undefined),
     children: [title, /*#__PURE__*/jsx(Select$1, _objectSpread$S(_objectSpread$S({}, selectProps), {}, {
       showSearch: search,
       loading: state.loading,
@@ -18463,8 +18682,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$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 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 Selector = function Selector(_ref) {
   var items = _ref.items,
@@ -19008,8 +19227,8 @@ function useSelectData (_ref) {
   };
 }
 
-var css_248z$s = ".darkmode .ant-select-selection-search-input {\n  color: #fff;\n}\n";
-styleInject(css_248z$s);
+var css_248z$t = ".darkmode .ant-select-selection-search-input {\n  color: #fff;\n}\n";
+styleInject(css_248z$t);
 
 var SelectWrapper = function SelectWrapper(_ref) {
   var onChange = _ref.onChange,
@@ -19088,11 +19307,11 @@ var SelectWrapper = function SelectWrapper(_ref) {
 };
 var Select = observer(SelectWrapper);
 
-var wrapper$5 = "wrapper-WStAk";
+var wrapper$4 = "wrapper-WStAk";
 var headerWrapper = "header-wrapper-gWQuH";
 var buttonsWrapper$1 = "buttons-wrapper-7ebR9";
-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);
+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);
 
 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; }
@@ -19296,7 +19515,7 @@ var Translation = function Translation(_ref) {
     _onChange = _useTranslationHook.onChange,
     autoTranslate = _useTranslationHook.autoTranslate;
   return /*#__PURE__*/jsxs("div", {
-    className: wrapper$5,
+    className: wrapper$4,
     children: [/*#__PURE__*/jsxs("div", {
       className: headerWrapper,
       children: [/*#__PURE__*/jsx("div", {
@@ -19875,6 +20094,8 @@ 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,
@@ -20170,7 +20391,6 @@ 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,
@@ -20313,18 +20533,59 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
       onErrorInternal('An unexpected error prevented finishing');
     }
   };
-  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, {
+
+  // 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, {
         autoComplete: "off",
         form: form,
         onFinish: onFinish,
@@ -20340,30 +20601,78 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
           if (changedFields[0] === undefined) return;
           state.changedFields.current.push(changedFields[0]);
         },
-        children: [state.configuration.itemSelector && /*#__PURE__*/jsx(Form$1.Item, {
+        children: [state.configuration.itemSelector && index === 0 && /*#__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()), (_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.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.showProgressBar && /*#__PURE__*/jsx(ModalProgressBar, {
       isOpen: state.progressBarOpen,
       percent: state.progressBarPercentage
@@ -21138,8 +21447,8 @@ var skeleton = "skeleton--xCI0";
 var filterField = "filterField-1kU1O";
 var parentScroll = "parent-scroll-GmaL9";
 var parent = "parent-NZJ3S";
-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);
+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);
 
 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; }
@@ -22384,8 +22693,8 @@ var newscroller = "newscroller-INKeD";
 var antCollapseHeader = "ant-collapse-header--6FgU";
 var itemTitle = "item-title--BTvC";
 var itemDesc = "item-desc-DBiiF";
-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);
+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);
 
 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; }
@@ -23797,8 +24106,8 @@ var jsoneditor = "jsoneditor-WMs15";
 var preview = "preview-9wK81";
 var previewButton = "preview-button-vupuG";
 var editButton = "edit-button-m6r3M";
-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 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 JsonEditor = function JsonEditor(_ref, ref) {
   var id = _ref.id,
@@ -24577,19 +24886,19 @@ function reducer(state, action) {
 
 var grid = "grid-sGemi";
 var textWrapper = "text-wrapper-xsPXE";
-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 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 wrapper$4 = "wrapper-p-gR3";
+var wrapper$3 = "wrapper-p-gR3";
 var container$6 = "container-DoZqe";
-var css_248z$m = ".wrapper-p-gR3 {\n  background: #ececec;\n}\n\n.container-DoZqe {\n  display: flex;\n  justify-content: space-between;\n}\n";
-styleInject(css_248z$m);
+var 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 ToolTipInfo = function ToolTipInfo(props) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsx("div", {
-    className: wrapper$4,
+    className: wrapper$3,
     children: /*#__PURE__*/jsx(Card, {
       title: t('backoffice.tooltipinfo.useroverview'),
       styles: {
@@ -24786,8 +25095,8 @@ var useMediaUpload = function useMediaUpload(_ref) {
 var small = "small-NY1-k";
 var medium = "medium---QcO";
 var big = "big--E39S";
-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 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 MediaUpload = observer(function (_ref) {
   var id = _ref.id;
@@ -24913,8 +25222,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$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);
+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);
 
 function BooleanCell (_ref) {
   var children = _ref.children,
@@ -25595,7 +25904,7 @@ function LinkCell (_ref) {
   }
 }
 
-var _excluded$1 = ["index"],
+var _excluded$2 = ["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; }
@@ -25603,7 +25912,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$1);
+    var props = _objectWithoutProperties(_ref, _excluded$2);
   var _Form$useForm = Form$1.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
@@ -25903,8 +26212,8 @@ function useAGHistogram (_ref) {
 var container$5 = "container-2r-OJ";
 var column1 = "column1-9viTK";
 var spinner = "spinner-00VcK";
-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 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 Panel = Collapse.Panel;
 function AGHistogram (_ref) {
@@ -27492,7 +27801,7 @@ function filter(f, data) {
   }) : result;
 }
 
-var _excluded = ["_id"];
+var _excluded$1 = ["_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) {
@@ -27576,7 +27885,7 @@ function useTableData$1 (_ref) {
     setState(newState);
     var formData = new FormData();
     processedDataRow._id;
-      var value = _objectWithoutProperties(processedDataRow, _excluded);
+      var value = _objectWithoutProperties(processedDataRow, _excluded$1);
     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])
@@ -28882,8 +29191,8 @@ var loader = "loader-LaXZy";
 var flex = "flex-yQdda";
 var bar = "bar-Y663f";
 var value = "value-FCA-6";
-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);
+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);
 
 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; }
@@ -29828,8 +30137,8 @@ var retailerChild = "retailer-child-5ll0K";
 var supplier = "supplier-8sm0I";
 var dealer = "dealer-xgnku";
 var association = "association-b8uVW";
-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);
+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);
 
 function getColorClass(data) {
   switch (data.type) {
@@ -30062,8 +30371,8 @@ var openClass = "open-class--gGXs";
 var breadcrumb = "breadcrumb-Z0VvH";
 var selected = "selected-w-sfW";
 var disabled$2 = "disabled-0nado";
-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 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 BreadCrumbsTrigger = function BreadCrumbsTrigger(_ref) {
   var open = _ref.open,
@@ -30096,8 +30405,8 @@ var BreadCrumbsTrigger = function BreadCrumbsTrigger(_ref) {
 
 var collapsibleInner = "collapsible-inner-rI8kI";
 var toolbarLeft = "toolbar-left-X9WRo";
-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 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 Legend = function Legend(props) {
   return /*#__PURE__*/jsx(List$1, {
@@ -30151,8 +30460,8 @@ var Legend = function Legend(props) {
 var buttonsWrapper = "buttons-wrapper-Bubkr";
 var mask = "mask-ssagp";
 var transformWrapper = "transform-wrapper--8t0v";
-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 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 ZoomWrapper = function ZoomWrapper(_ref) {
   var _children = _ref.children,
@@ -31058,6 +31367,7 @@ var useEnricherContext = function useEnricherContext() {
       exclusivitiesSeriesSelectorState: createDefaultSelectState('exclusivitiesSeriesSelectorState'),
       exclusivitiesFeatureSelectorState: createDefaultSelectState('exclusivitiesFeatureSelectorState'),
       selectedSerie: undefined,
+      selectedItem: undefined,
       selectedFeature: undefined
     };
     return root.contextStore.getContext('enricher', initialState);
@@ -31069,6 +31379,11 @@ 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
@@ -31104,7 +31419,10 @@ 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'),
@@ -31132,6 +31450,7 @@ var useEnricherContext = function useEnricherContext() {
   // Return context + handlers
   return _objectSpread$g(_objectSpread$g({}, getContext()), {}, {
     setSelectedSerie: setSelectedSerie,
+    setSelectedItem: setSelectedItem,
     setSelectedFeature: setSelectedFeature,
     setSelectedPackage: setSelectedPackage
   });
@@ -31150,14 +31469,7 @@ var PackageSelector = function PackageSelector(_ref) {
   return /*#__PURE__*/jsx(SimpleSelect, {
     sharedState: packageSelectorState,
     apiInterface: {
-      read: "".concat(enricherService, "/packages?fields=name;_id;isoLanguageIds;isApi&filter=organizationId==\"").concat(organizationId, "\"")
-    },
-    apiMapping: {
-      type: 'query',
-      map: [{
-        globalValue: 'organizationId',
-        targetField: 'organizationId'
-      }]
+      read: "".concat(enricherService, "/packages?fields=name;_id;isoLanguageIds;isApi;organizationId&organizationId=").concat(organizationId)
     },
     selectMapping: {
       label: '${name}',
@@ -31187,7 +31499,11 @@ function useModule$1 (currentModules) {
     setSelectedPackage = _useEnricherContext.setSelectedPackage,
     organizationId = _useEnricherContext.organizationId,
     selectedSerie = _useEnricherContext.selectedSerie,
-    selectedFeature = _useEnricherContext.selectedFeature;
+    selectedFeature = _useEnricherContext.selectedFeature,
+    selectedItem = _useEnricherContext.selectedItem,
+    setSelectedSerie = _useEnricherContext.setSelectedSerie,
+    setSelectedItem = _useEnricherContext.setSelectedItem,
+    viewOnly = _useEnricherContext.viewOnly;
   var location = useLocation();
   var _useSearchParams = useSearchParams(),
     _useSearchParams2 = _slicedToArray(_useSearchParams, 1),
@@ -31397,8 +31713,12 @@ function useModule$1 (currentModules) {
     organizationId: organizationId,
     apiConfig: root.configurationStore.apiConfig,
     setSelectedPackage: setSelectedPackage,
+    setSelectedSerie: setSelectedSerie,
+    setSelectedItem: setSelectedItem,
     selectedSerie: selectedSerie,
-    selectedFeature: selectedFeature
+    selectedFeature: selectedFeature,
+    selectedItem: selectedItem,
+    viewOnly: viewOnly
   };
 }
 
@@ -31526,14 +31846,12 @@ var useTools = function useTools(_ref) {
         initItem: item === null || item === void 0 ? void 0 : item.typeNo,
         setSerie: setSerie,
         setArticle: setArticle
-      }, serie ? {
-        initSerie: {
-          serieNo: serie.serieNo,
-          serieId: serie._id
-        }
+      }, initSerie ? {
+        initSerie: initSerie
       } : {}) : isApi2 ? {
         // open configurator for api2 package (configurator light)
-        loadMask: true
+        loadMask: true,
+        initItem: item === null || item === void 0 ? void 0 : item.typeNo
       } : _objectSpread$f({
         // open configurator for idm package
         useEnricherService: true,
@@ -31543,14 +31861,20 @@ var useTools = function useTools(_ref) {
         initItem: item === null || item === void 0 ? void 0 : item.typeNo,
         setSerie: setSerie,
         setArticle: setArticle
-      }, serie ? {
-        initSerie: {
-          serieNo: serie.serieNo,
-          serieId: serie._id
-        }
+      }, initSerie ? {
+        initSerie: initSerie
       } : {})
     });
   }, [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 = [];
@@ -31592,10 +31916,11 @@ var TableGroups = observer(function () {
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
     apiConfig = _useModule.apiConfig,
-    selectedPackage = _useModule.selectedPackage;
+    selectedPackage = _useModule.selectedPackage,
+    viewOnly = _useModule.viewOnly;
   useTools({
     packageId: packageId,
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
   });
   var applicationData = useMemo(function () {
     return {
@@ -31606,10 +31931,10 @@ var TableGroups = observer(function () {
   var apiInterface = useMemo(function () {
     return {
       read: apiConfig.enricherService + '/packages/${packageId}/groups',
-      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}',
+      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}',
       bulk: apiConfig.enricherService + '/packages/${packageId}/groups/bulk'
     };
   }, []);
@@ -31623,7 +31948,7 @@ var TableGroups = observer(function () {
         field: 'serieNos',
         headerName: 'backoffice.idmEnricher.groups.label.serieNos',
         cellDataType: 'lookup',
-        editable: true,
+        editable: !viewOnly,
         customParams: {
           filterCellType: 'number',
           nameField: 'serieNosDisplayTexts',
@@ -31646,7 +31971,7 @@ var TableGroups = observer(function () {
         field: 'typeNos',
         headerName: 'backoffice.idmEnricher.groups.label.typeNos',
         cellDataType: 'lookup',
-        editable: true,
+        editable: !viewOnly,
         customParams: {
           nameField: 'typeNosDisplayTexts',
           displayLabelTemplate: '${name} (${value})',
@@ -31701,7 +32026,7 @@ var TableGroups = observer(function () {
         cellDataType: 'objectId'
       }]
     };
-  }, [apiInterface, t, selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds]);
+  }, [apiInterface, t, selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds, viewOnly]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -31723,22 +32048,28 @@ 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;
+    modalState = _ref.modalState,
+    organizationId = _ref.organizationId;
   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 unpublishedChanges = hasUnpublishedChanges(data.publishDate, data.lastUpdatedDate);
-  var disabled = !data.basedCatalogId && !data.basedPackageId || !data.name;
+  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 _onChange = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(publish) {
-      var loadingTimeout, response;
+      var loadingTimeout, response, _errorText, errorText, json;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -31753,7 +32084,7 @@ function PublishCustomCell (_ref) {
             }
             _context.next = 6;
             return context === null || context === void 0 ? void 0 : context.updateServerData(data, {
-              update: apiConfig.enricherService + '/packages/${_id}/publish',
+              update: apiConfig.enricherService + '/packages/${_id}/publish?organizationId=' + organizationId,
               usePut: true
             }, undefined, true);
           case 6:
@@ -31763,7 +32094,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',
+              update: apiConfig.enricherService + '/packages/${_id}/unpublish?organizationId=' + organizationId,
               usePut: true
             }, undefined, true);
           case 11:
@@ -31775,7 +32106,7 @@ function PublishCustomCell (_ref) {
               break;
             }
             modalState.showWarningModal(t("backoffice.idmEnricher.packages.label.warning.".concat(publish ? 'publishing' : 'unpublishing')));
-            _context.next = 22;
+            _context.next = 34;
             break;
           case 17:
             if (!(response.status == 200)) {
@@ -31783,30 +32114,46 @@ function PublishCustomCell (_ref) {
               break;
             }
             modalState.closeModal();
-            _context.next = 22;
+            _context.next = 34;
             break;
           case 21:
-            throw new Error("Server errror: ".concat(response.statusText, " (").concat(response.status, ")"));
-          case 22:
+            _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:
             context === null || context === void 0 || context.reset({
               context: context,
               api: api
             });
-            _context.next = 28;
+            _context.next = 40;
             break;
-          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;
+          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;
             isLoading(false);
-            return _context.finish(28);
-          case 31:
+            return _context.finish(40);
+          case 43:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[2, 25, 28, 31]]);
+      }, _callee, null, [[2, 37, 40, 43], [21, 28]]);
     }));
     return function onChange(_x) {
       return _ref2.apply(this, arguments);
@@ -31818,9 +32165,9 @@ function PublishCustomCell (_ref) {
     children: /*#__PURE__*/jsxs(Space$1, {
       size: "middle",
       children: [/*#__PURE__*/jsx(Tooltip, {
-        title: !!data.isPublished ? t('backoffice.idmEnricher.packages.label.unpublish') : t('backoffice.idmEnricher.packages.label.publish'),
+        title: !!publishedData ? t('backoffice.idmEnricher.packages.label.unpublish') : t('backoffice.idmEnricher.packages.label.publish'),
         children: /*#__PURE__*/jsx(Checkbox$1, {
-          checked: !!data.isPublished,
+          checked: !!publishedData,
           disabled: disabled,
           indeterminate: unpublishedChanges,
           onChange: function onChange(e) {
@@ -31836,6 +32183,12 @@ 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, {})
+        })
       })]
     })
   });
@@ -32157,6 +32510,7 @@ var useLoadingModal = function useLoadingModal() {
 };
 
 var TablePackages = observer(function () {
+  var _root$dataStore$curre;
   var root = useStore();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t,
@@ -32167,23 +32521,20 @@ var TablePackages = observer(function () {
     closeModal = modalState.closeModal,
     contextHolder = modalState.contextHolder;
   var _useEnricherContext = useEnricherContext([]),
-    setSelectedPackage = _useEnricherContext.setSelectedPackage;
-  useTools({});
+    setSelectedPackage = _useEnricherContext.setSelectedPackage,
+    selectedPackage = _useEnricherContext.selectedPackage;
+  useTools({
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
+  });
   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
-    };
-  }, [organizationId]);
-  var preFilter = useMemo(function () {
-    return {
-      colId: 'organizationId',
-      filterType: 'text',
-      type: 'equals',
-      filter: organizationId
+      organizationId: organizationId,
+      organizationDisplayText: organizationDisplayText
     };
-  }, [organizationId]);
+  }, [organizationId, organizationDisplayText]);
   var rowActions = useMemo(function () {
     return [{
       icon: /*#__PURE__*/jsx(EditOutlined, {}),
@@ -32198,8 +32549,9 @@ var TablePackages = observer(function () {
     }, {
       icon: /*#__PURE__*/jsx(DownloadOutlined, {}),
       disabled: function disabled(_ref3) {
+        var _selectedNodes$0$data;
         var selectedNodes = _ref3.selectedNodes;
-        return !selectedNodes[0].data.isPublished;
+        return !((_selectedNodes$0$data = selectedNodes[0].data.published) !== null && _selectedNodes$0$data !== void 0 && _selectedNodes$0$data[organizationId]);
       },
       action: function () {
         var _action = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref4) {
@@ -32243,14 +32595,18 @@ 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]);
+  }, [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]);
   var configuration = useMemo(function () {
     return {
       type: 'dotnetSSM',
@@ -32258,15 +32614,15 @@ var TablePackages = observer(function () {
       dateFormat: 'DD.MM.YYYY, HH:mm:ss',
       floatingFilter: true,
       colDef: [{
-        field: 'isPublished',
+        field: "published.".concat(organizationId),
         //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 ? void 0 : data.basedCatalogId,
-            basedPackageId: data === null || data === void 0 ? void 0 : data.basedPackageId
+            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
           };
         },
         headerName: 'backoffice.idmEnricher.packages.label.published',
@@ -32277,19 +32633,22 @@ var TablePackages = observer(function () {
         lockPinned: true,
         cellRendererParams: {
           apiConfig: apiConfig,
-          modalState: modalState
-        }
+          modalState: modalState,
+          organizationId: organizationId
+        },
+        isDictionary: true
       }, {
         headerName: 'backoffice.idmEnricher.packages.label.name',
         field: 'name',
-        required: true
+        required: true,
+        editable: isEditable
       }, {
         headerName: 'backoffice.idmEnricher.packages.label.catalogId',
         field: 'basedCatalogId',
         cellDataType: 'lookup',
         editable: function editable(_ref6) {
           var data = _ref6.data;
-          return !data.basedCatalogId && !data.basedPackageId;
+          return isEditable(data) && !data.basedCatalogId && !data.basedPackageId;
         },
         customParams: {
           filterCellType: 'objectId',
@@ -32317,7 +32676,7 @@ var TablePackages = observer(function () {
         cellDataType: 'lookup',
         editable: function editable(_ref7) {
           var data = _ref7.data;
-          return !data.basedCatalogId && !data.basedPackageId;
+          return isEditable(data) && !data.basedCatalogId && !data.basedPackageId;
         },
         customParams: {
           filterCellType: 'objectId',
@@ -32346,13 +32705,43 @@ var TablePackages = observer(function () {
         field: 'isoLanguageIds',
         headerName: 'backoffice.idmCatalog.general.label.isoLanguageIds',
         cellDataType: 'enum',
-        editable: true,
+        editable: isEditable,
         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',
@@ -32370,9 +32759,10 @@ var TablePackages = observer(function () {
         editable: false
       }, {
         headerName: 'backoffice.idmEnricher.packages.label.publishDate',
-        field: 'publishDate',
+        field: "published.".concat(organizationId, ".publishDate"),
         cellDataType: 'dateString',
-        editable: false
+        editable: false,
+        isDictionary: true
       }, {
         headerName: 'backoffice.idmEnricher.general.label.createdBy',
         field: 'createdByDisplayText',
@@ -32383,8 +32773,9 @@ var TablePackages = observer(function () {
         editable: false
       }, {
         headerName: 'backoffice.idmEnricher.packages.label.publishedBy',
-        field: 'publishedByDisplayText',
-        editable: false
+        field: "published.".concat(organizationId, ".publishedByDisplayText"),
+        editable: false,
+        isDictionary: true
       }, {
         headerName: 'backoffice.idmEnricher.general.label._id',
         field: '_id',
@@ -32397,9 +32788,26 @@ 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]);
+  }, [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]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: t('backoffice.menu.items.label.IDMEnricherTablePackages')
@@ -32407,8 +32815,8 @@ var TablePackages = observer(function () {
       gridId: 'packages-grid',
       applicationData: applicationData,
       rowActions: rowActions,
-      preFilter: preFilter,
-      configuration: configuration
+      configuration: configuration,
+      isRowEditable: isRowEditable
     }), contextHolder]
   });
 });
@@ -32420,10 +32828,11 @@ var TableProperties = observer(function () {
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
     apiConfig = _useModule.apiConfig,
-    selectedPackage = _useModule.selectedPackage;
+    selectedPackage = _useModule.selectedPackage,
+    viewOnly = _useModule.viewOnly;
   useTools({
     packageId: packageId,
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
   });
   var applicationData = useMemo(function () {
     return {
@@ -32434,10 +32843,10 @@ var TableProperties = observer(function () {
   var apiInterface = useMemo(function () {
     return {
       read: apiConfig.enricherService + '/packages/${packageId}/properties',
-      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}',
+      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}',
       bulk: apiConfig.enricherService + '/packages/${packageId}/properties/bulk'
     };
   }, []);
@@ -32455,7 +32864,7 @@ var TableProperties = observer(function () {
         field: 'featureNos',
         headerName: 'backoffice.idmEnricher.renaming.label.featureNr',
         cellDataType: 'lookup',
-        editable: true,
+        editable: !viewOnly,
         customParams: {
           nameField: 'featureNosDisplayTexts',
           displayLabelTemplate: '${name} (${value})',
@@ -32473,7 +32882,7 @@ var TableProperties = observer(function () {
         field: 'optionKeys',
         headerName: 'backoffice.idmEnricher.renaming.label.optionKeys',
         cellDataType: 'lookup',
-        editable: true,
+        editable: !viewOnly,
         customParams: {
           nameField: 'optionKeysDisplayTexts',
           displayLabelTemplate: '${name} (${value})',
@@ -32497,7 +32906,7 @@ var TableProperties = observer(function () {
         field: 'serieNos',
         headerName: 'backoffice.idmEnricher.renaming.label.serieNos',
         cellDataType: 'lookup',
-        editable: true,
+        editable: !viewOnly,
         customParams: {
           filterCellType: 'number',
           nameField: 'serieNosDisplayTexts',
@@ -32520,7 +32929,7 @@ var TableProperties = observer(function () {
         field: 'typeNos',
         headerName: 'backoffice.idmEnricher.properties.label.typeNos',
         cellDataType: 'lookup',
-        editable: true,
+        editable: !viewOnly,
         customParams: {
           nameField: 'typeNosDisplayTexts',
           displayLabelTemplate: '${name} (${value})',
@@ -32575,7 +32984,7 @@ var TableProperties = observer(function () {
         cellDataType: 'objectId'
       }]
     };
-  }, [apiInterface, t, selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds]);
+  }, [apiInterface, t, selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds, viewOnly]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -32596,7 +33005,7 @@ var TableProperties = observer(function () {
   });
 });
 
-var getConfig$6 = function getConfig(isoLanguageIds, t) {
+var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
   return {
     colDef: [{
       field: 'translatedName',
@@ -32606,7 +33015,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origName',
         combinedField: 'name'
       },
-      additionalFields: ['origName', 'name']
+      additionalFields: ['origName', 'name'],
+      editable: !viewOnly
     }, {
       field: 'translatedComment',
       cellDataType: 'withPlaceholder',
@@ -32615,14 +33025,15 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origComment',
         combinedField: 'comment'
       },
-      additionalFields: ['origComment', 'comment']
+      additionalFields: ['origComment', 'comment'],
+      editable: !viewOnly
     }, createTranslatedColumnConfig('translatedCatalogName', 'backoffice.idmEnricher.renaming.label.catalogName', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origCatalogName',
       combinedField: 'catalogName'
-    }, ['origCatalogName', 'catalogName']), createTranslatedColumnConfig('translatedCatalogInfo', 'backoffice.idmEnricher.renaming.label.catalogInfo', isoLanguageIds, false, 'withPlaceholder', {
+    }, ['origCatalogName', 'catalogName'], !viewOnly), createTranslatedColumnConfig('translatedCatalogInfo', 'backoffice.idmEnricher.renaming.label.catalogInfo', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origCatalogInfo',
       combinedField: 'catalogInfo'
-    }, ['origCatalogInfo', 'catalogInfo']), {
+    }, ['origCatalogInfo', 'catalogInfo'], !viewOnly), {
       headerName: 'backoffice.idmEnricher.renaming.label.contactperson',
       field: 'translatedContactPersonNo1',
       cellDataType: 'withPlaceholder',
@@ -32630,7 +33041,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origContactPersonNo1',
         combinedField: 'contactPersonNo1'
       },
-      additionalFields: ['origContactPersonNo1', 'contactPersonNo1']
+      additionalFields: ['origContactPersonNo1', 'contactPersonNo1'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.contactrole',
       field: 'translatedContactRole1',
@@ -32639,7 +33051,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origContactRole1',
         combinedField: 'contactRole1'
       },
-      additionalFields: ['origContactRole1', 'contactRole1']
+      additionalFields: ['origContactRole1', 'contactRole1'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.contactname',
       field: 'translatedContactName1',
@@ -32648,7 +33061,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origContactName1',
         combinedField: 'contactName1'
       },
-      additionalFields: ['origContactName1', 'contactName1']
+      additionalFields: ['origContactName1', 'contactName1'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.firstname',
       field: 'translatedFirstName1',
@@ -32657,7 +33071,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origFirstName1',
         combinedField: 'firstName1'
       },
-      additionalFields: ['origFirstName1', 'firstName1']
+      additionalFields: ['origFirstName1', 'firstName1'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.form_of_address',
       field: 'translatedFormOfAddress1',
@@ -32669,7 +33084,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         enumData: getFormOfAddressKey(t),
         displayLabelTemplate: '${name} (${value})'
       },
-      additionalFields: ['origFormOfAddress1', 'formOfAddress1']
+      additionalFields: ['origFormOfAddress1', 'formOfAddress1'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.department',
       field: 'translatedDepartment1',
@@ -32678,7 +33094,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origDepartment1',
         combinedField: 'department1'
       },
-      additionalFields: ['origDepartment1', 'department1']
+      additionalFields: ['origDepartment1', 'department1'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.telephone',
       field: 'translatedTelephone1',
@@ -32687,7 +33104,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origTelephone1',
         combinedField: 'telephone1'
       },
-      additionalFields: ['origTelephone1', 'telephone1']
+      additionalFields: ['origTelephone1', 'telephone1'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.fax',
       field: 'translatedFax1',
@@ -32696,7 +33114,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origFax1',
         combinedField: 'fax1'
       },
-      additionalFields: ['origFax1', 'fax1']
+      additionalFields: ['origFax1', 'fax1'],
+      editable: !viewOnly
     }, {
       field: 'translatedEmail1',
       headerName: 'backoffice.idmEnricher.renaming.label.translated.email',
@@ -32705,7 +33124,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origEmail1',
         combinedField: 'email1'
       },
-      additionalFields: ['origEmail1', 'email1']
+      additionalFields: ['origEmail1', 'email1'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.street',
       field: 'translatedStreet1',
@@ -32714,7 +33134,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origStreet1',
         combinedField: 'street1'
       },
-      additionalFields: ['origStreet1', 'street1']
+      additionalFields: ['origStreet1', 'street1'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.zip',
       field: 'translatedZipCodeStreet1',
@@ -32723,7 +33144,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origZipCodeStreet1',
         combinedField: 'zipCodeStreet1'
       },
-      additionalFields: ['origZipCodeStreet1', 'zipCodeStreet1']
+      additionalFields: ['origZipCodeStreet1', 'zipCodeStreet1'],
+      editable: !viewOnly
     }, {
       field: 'translatedCity1',
       headerName: 'backoffice.idmEnricher.renaming.label.translated.city',
@@ -32732,7 +33154,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origCity1',
         combinedField: 'city1'
       },
-      additionalFields: ['origCity1', 'city1']
+      additionalFields: ['origCity1', 'city1'],
+      editable: !viewOnly
     }, {
       field: 'translatedIsoCountryId1',
       headerName: 'backoffice.idmEnricher.renaming.label.translated.country',
@@ -32743,7 +33166,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         combinedField: 'isoCountryId1',
         enumData: getCountryKey(t)
       },
-      additionalFields: ['origIsoCountryId1', 'isoCountryId1']
+      additionalFields: ['origIsoCountryId1', 'isoCountryId1'],
+      editable: !viewOnly
     }, {
       field: 'translatedContactPersonNo2',
       headerName: 'backoffice.idmEnricher.renaming.label.contactperson2',
@@ -32752,7 +33176,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origContactPersonNo2',
         combinedField: 'contactPersonNo2'
       },
-      additionalFields: ['origContactPersonNo2', 'contactPersonNo2']
+      additionalFields: ['origContactPersonNo2', 'contactPersonNo2'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.contactrole2',
       field: 'translatedContactRole2',
@@ -32761,7 +33186,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origContactRole2',
         combinedField: 'contactRole2'
       },
-      additionalFields: ['origContactRole2', 'contactRole2']
+      additionalFields: ['origContactRole2', 'contactRole2'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.contactname2',
       field: 'translatedContactName2',
@@ -32770,7 +33196,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origContactName2',
         combinedField: 'contactName2'
       },
-      additionalFields: ['origContactName2', 'contactName2']
+      additionalFields: ['origContactName2', 'contactName2'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.firstname2',
       field: 'translatedFirstName2',
@@ -32779,7 +33206,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origFirstName2',
         combinedField: 'firstName2'
       },
-      additionalFields: ['origFirstName2', 'firstName2']
+      additionalFields: ['origFirstName2', 'firstName2'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.form_of_address2',
       field: 'translatedFormOfAddress2',
@@ -32791,7 +33219,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         enumData: getFormOfAddressKey(t),
         displayLabelTemplate: '${name} (${value})'
       },
-      additionalFields: ['origFormOfAddress2', 'formOfAddress2']
+      additionalFields: ['origFormOfAddress2', 'formOfAddress2'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.department2',
       field: 'translatedDepartment2',
@@ -32800,7 +33229,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origDepartment2',
         combinedField: 'department2'
       },
-      additionalFields: ['origDepartment2', 'department2']
+      additionalFields: ['origDepartment2', 'department2'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.telephone2',
       field: 'translatedTelephone2',
@@ -32809,7 +33239,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origTelephone2',
         combinedField: 'telephone2'
       },
-      additionalFields: ['origTelephone2', 'telephone2']
+      additionalFields: ['origTelephone2', 'telephone2'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.fax2',
       field: 'translatedFax2',
@@ -32818,7 +33249,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origFax2',
         combinedField: 'fax2'
       },
-      additionalFields: ['origFax2', 'fax2']
+      additionalFields: ['origFax2', 'fax2'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.email2',
       field: 'translatedEmail2',
@@ -32827,7 +33259,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origEmail2',
         combinedField: 'email2'
       },
-      additionalFields: ['origEmail2', 'email2']
+      additionalFields: ['origEmail2', 'email2'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.street2',
       field: 'translatedStreet2',
@@ -32836,7 +33269,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origStreet2',
         combinedField: 'street2'
       },
-      additionalFields: ['origStreet2', 'street2']
+      additionalFields: ['origStreet2', 'street2'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.zip2',
       field: 'translatedZipCodeStreet2',
@@ -32845,7 +33279,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origZipCodeStreet2',
         combinedField: 'zipCodeStreet2'
       },
-      additionalFields: ['origZipCodeStreet2', 'zipCodeStreet2']
+      additionalFields: ['origZipCodeStreet2', 'zipCodeStreet2'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.city2',
       field: 'translatedCity2',
@@ -32854,11 +33289,11 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origCity2',
         combinedField: 'city2'
       },
-      additionalFields: ['origCity2', 'city2']
+      additionalFields: ['origCity2', 'city2'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.country2',
       field: 'translatedIsoCountryId2',
-      editable: true,
       cellDataType: 'withPlaceholder',
       type: ['withPlaceholderEnum'],
       customParams: {
@@ -32866,7 +33301,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         combinedField: 'isoCountryId2',
         enumData: getCountryKey(t)
       },
-      additionalFields: ['origIsoCountryId2', 'isoCountryId2']
+      additionalFields: ['origIsoCountryId2', 'isoCountryId2'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.manufacturename',
       field: 'translatedManufactureName1',
@@ -32875,7 +33311,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origManufactureName1',
         combinedField: 'manufactureName1'
       },
-      additionalFields: ['origManufactureName1', 'manufactureName1']
+      additionalFields: ['origManufactureName1', 'manufactureName1'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.manufacturename2',
       field: 'translatedManufactureName2',
@@ -32884,7 +33321,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origManufactureName2',
         combinedField: 'manufactureName2'
       },
-      additionalFields: ['origManufactureName2', 'manufactureName2']
+      additionalFields: ['origManufactureName2', 'manufactureName2'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.email',
       field: 'translatedEmail',
@@ -32893,7 +33331,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origEmail',
         combinedField: 'email'
       },
-      additionalFields: ['origEmail', 'email']
+      additionalFields: ['origEmail', 'email'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.internetaddress',
       field: 'translatedInternetAddress',
@@ -32902,7 +33341,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origInternetAddress',
         combinedField: 'internetAddress'
       },
-      additionalFields: ['origInternetAddress', 'internetAddress']
+      additionalFields: ['origInternetAddress', 'internetAddress'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.street',
       field: 'translatedStreet',
@@ -32911,7 +33351,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origStreet',
         combinedField: 'street'
       },
-      additionalFields: ['origStreet', 'street']
+      additionalFields: ['origStreet', 'street'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.zip',
       field: 'translatedZipCodeStreet',
@@ -32920,7 +33361,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origZipCodeStreet',
         combinedField: 'zipCodeStreet'
       },
-      additionalFields: ['origZipCodeStreet', 'zipCodeStreet']
+      additionalFields: ['origZipCodeStreet', 'zipCodeStreet'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.city',
       field: 'translatedCity',
@@ -32929,11 +33371,11 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origCity',
         combinedField: 'city'
       },
-      additionalFields: ['origCity', 'city']
+      additionalFields: ['origCity', 'city'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.country',
       field: 'translatedContactSupplierIsoCountryId',
-      editable: true,
       cellDataType: 'withPlaceholder',
       type: ['withPlaceholderEnum'],
       customParams: {
@@ -32941,7 +33383,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         combinedField: 'contactSupplierIsoCountryId',
         enumData: getCountryKey(t)
       },
-      additionalFields: ['origContactSupplierIsoCountryId', 'contactSupplierIsoCountryId']
+      additionalFields: ['origContactSupplierIsoCountryId', 'contactSupplierIsoCountryId'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.zippostbox',
       field: 'translatedZipCodePostBox',
@@ -32950,7 +33393,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origZipCodePostBox',
         combinedField: 'zipCodePostBox'
       },
-      additionalFields: ['origZipCodePostBox', 'zipCodePostBox']
+      additionalFields: ['origZipCodePostBox', 'zipCodePostBox'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.postbox',
       field: 'translatedPostBox',
@@ -32959,7 +33403,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origPostBox',
         combinedField: 'postBox'
       },
-      additionalFields: ['origPostBox', 'postBox']
+      additionalFields: ['origPostBox', 'postBox'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.telephoneswitchboard',
       field: 'translatedTelephoneSwitchboard',
@@ -32968,7 +33413,8 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origTelephoneSwitchboard',
         combinedField: 'telephoneSwitchboard'
       },
-      additionalFields: ['origTelephoneSwitchboard', 'telephoneSwitchboard']
+      additionalFields: ['origTelephoneSwitchboard', 'telephoneSwitchboard'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.faxswitchboard',
       field: 'translatedFaxSwitchboard',
@@ -32977,12 +33423,13 @@ var getConfig$6 = function getConfig(isoLanguageIds, t) {
         placeHolderField: 'origFaxSwitchboard',
         combinedField: 'faxSwitchboard'
       },
-      additionalFields: ['origFaxSwitchboard', 'faxSwitchboard']
+      additionalFields: ['origFaxSwitchboard', 'faxSwitchboard'],
+      editable: !viewOnly
     }]
   };
 };
 
-var getConfig$5 = function getConfig(isoLanguageIds) {
+var getConfig$5 = function getConfig(isoLanguageIds, t, viewOnly) {
   return {
     colDef: [{
       headerName: 'backoffice.idmEnricher.renaming.label.detailinfo_nr',
@@ -32991,17 +33438,17 @@ var getConfig$5 = function getConfig(isoLanguageIds) {
     }, createTranslatedColumnConfig('translatedExternalName', 'backoffice.idmEnricher.renaming.label.externalName', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origExternalName',
       combinedField: 'externalName'
-    }, ['origExternalName', 'externalName']), createTranslatedColumnConfig('translatedInternalName', 'backoffice.idmEnricher.renaming.label.internalName', isoLanguageIds, false, 'withPlaceholder', {
+    }, ['origExternalName', 'externalName'], !viewOnly), createTranslatedColumnConfig('translatedInternalName', 'backoffice.idmEnricher.renaming.label.internalName', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origInternalName',
       combinedField: 'internalName'
-    }, ['origInternalName', 'internalName']), createTranslatedColumnConfig('translatedToolTip', 'backoffice.idmEnricher.renaming.label.tooltip', isoLanguageIds, false, 'withPlaceholder', {
+    }, ['origInternalName', 'internalName'], !viewOnly), createTranslatedColumnConfig('translatedToolTip', 'backoffice.idmEnricher.renaming.label.tooltip', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origToolTip',
       combinedField: 'toolTip'
-    }, ['origToolTip', 'toolTip'])]
+    }, ['origToolTip', 'toolTip'], !viewOnly)]
   };
 };
 
-var getConfig$4 = function getConfig(isoLanguageIds) {
+var getConfig$4 = function getConfig(isoLanguageIds, t, viewOnly) {
   return {
     colDef: [{
       headerName: 'backoffice.idmEnricher.renaming.label.featureNr',
@@ -33012,11 +33459,11 @@ var getConfig$4 = function getConfig(isoLanguageIds) {
     }, createTranslatedColumnConfig('translatedFeatureText', 'backoffice.idmEnricher.renaming.label.featuretext', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origFeatureText',
       combinedField: 'featureText'
-    }, ['origFeatureText', 'featureText'])]
+    }, ['origFeatureText', 'featureText'], !viewOnly)]
   };
 };
 
-var getConfig$3 = function getConfig(isoLanguageIds) {
+var getConfig$3 = function getConfig(isoLanguageIds, t, viewOnly) {
   return {
     colDef: [{
       headerName: 'backoffice.idmEnricher.renaming.label.typeNo',
@@ -33027,13 +33474,13 @@ var getConfig$3 = function getConfig(isoLanguageIds) {
     }, createTranslatedColumnConfig('translatedShortText', 'backoffice.idmEnricher.renaming.label.shortText', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origShortText',
       combinedField: 'shortText'
-    }, ['origShortText', 'shortText']), createTranslatedColumnConfig('translatedFullText', 'backoffice.idmEnricher.renaming.label.fullText', isoLanguageIds, false, 'withPlaceholder', {
+    }, ['origShortText', 'shortText'], !viewOnly), createTranslatedColumnConfig('translatedFullText', 'backoffice.idmEnricher.renaming.label.fullText', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origFullText',
       combinedField: 'fullText'
-    }, ['origFullText', 'fullText']), createTranslatedColumnConfig('translatedPlanningAdvice', 'backoffice.idmEnricher.renaming.label.planningAdvice', isoLanguageIds, false, 'withPlaceholder', {
+    }, ['origFullText', 'fullText'], !viewOnly), createTranslatedColumnConfig('translatedPlanningAdvice', 'backoffice.idmEnricher.renaming.label.planningAdvice', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origPlanningAdvice',
       combinedField: 'planningAdvice'
-    }, ['origPlanningAdvice', 'planningAdvice']), {
+    }, ['origPlanningAdvice', 'planningAdvice'], !viewOnly), {
       headerName: 'backoffice.idmEnricher.renaming.label.translatedSalesNumber',
       field: 'translatedSalesNumber',
       cellDataType: 'withPlaceholder',
@@ -33041,7 +33488,8 @@ var getConfig$3 = function getConfig(isoLanguageIds) {
         placeHolderField: 'origSalesNumber',
         combinedField: 'salesNumber'
       },
-      additionalFields: ['origSalesNumber', 'salesNumber']
+      additionalFields: ['origSalesNumber', 'salesNumber'],
+      editable: !viewOnly
     }, {
       field: 'sequenceNo',
       headerName: 'backoffice.idmEnricher.renaming.label.sequenceNo',
@@ -33055,7 +33503,8 @@ var getConfig$3 = function getConfig(isoLanguageIds) {
         placeHolderField: 'origEdpNumber',
         combinedField: 'edpNumber'
       },
-      additionalFields: ['origEdpNumber', 'edpNumber']
+      additionalFields: ['origEdpNumber', 'edpNumber'],
+      editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.eannummer',
       field: 'translatedEanNumber',
@@ -33064,12 +33513,13 @@ var getConfig$3 = function getConfig(isoLanguageIds) {
         placeHolderField: 'origEanNumber',
         combinedField: 'eanNumber'
       },
-      additionalFields: ['origEanNumber', 'eanNumber']
+      additionalFields: ['origEanNumber', 'eanNumber'],
+      editable: !viewOnly
     }]
   };
 };
 
-var getConfig$2 = function getConfig(isoLanguageIds) {
+var getConfig$2 = function getConfig(isoLanguageIds, t, viewOnly) {
   return {
     colDef: [{
       headerName: 'backoffice.idmEnricher.renaming.label.optionKey',
@@ -33080,10 +33530,10 @@ var getConfig$2 = function getConfig(isoLanguageIds) {
     }, createTranslatedColumnConfig('translatedOptionText', 'backoffice.idmEnricher.renaming.label.optionText', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origOptionText',
       combinedField: 'optionText'
-    }, ['origOptionText', 'optionText']), createTranslatedColumnConfig('translatedOptionCommentText', 'backoffice.idmEnricher.renaming.label.optionCommentText', isoLanguageIds, false, 'withPlaceholder', {
+    }, ['origOptionText', 'optionText'], !viewOnly), createTranslatedColumnConfig('translatedOptionCommentText', 'backoffice.idmEnricher.renaming.label.optionCommentText', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origOptionCommentText',
       combinedField: 'optionCommentText'
-    }, ['origOptionCommentText', 'optionCommentText']), {
+    }, ['origOptionCommentText', 'optionCommentText'], !viewOnly), {
       field: 'featureNos',
       headerName: 'backoffice.idmCatalogEditor.catalogoptions.label.featureIds',
       cellDataType: 'lookup',
@@ -33108,7 +33558,7 @@ var getConfig$2 = function getConfig(isoLanguageIds) {
   };
 };
 
-var getConfig$1 = function getConfig(isoLanguageIds) {
+var getConfig$1 = function getConfig(isoLanguageIds, t, viewOnly) {
   return {
     colDef: [{
       headerName: 'backoffice.idmEnricher.renaming.label.serieNo',
@@ -33119,10 +33569,10 @@ var getConfig$1 = function getConfig(isoLanguageIds) {
     }, createTranslatedColumnConfig('translatedSeriesName', 'backoffice.idmEnricher.renaming.label.serieName', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origSeriesName',
       combinedField: 'seriesName'
-    }, ['origSeriesName', 'seriesName']), createTranslatedColumnConfig('translatedSeriesFullText', 'backoffice.idmEnricher.renaming.label.serieFullText', isoLanguageIds, false, 'withPlaceholder', {
+    }, ['origSeriesName', 'seriesName'], !viewOnly), createTranslatedColumnConfig('translatedSeriesFullText', 'backoffice.idmEnricher.renaming.label.serieFullText', isoLanguageIds, false, 'withPlaceholder', {
       placeHolderField: 'origSeriesFullText',
       combinedField: 'seriesFullText'
-    }, ['origSeriesFullText', 'seriesFullText'])]
+    }, ['origSeriesFullText', 'seriesFullText'], !viewOnly)]
   };
 };
 
@@ -33210,11 +33660,20 @@ var RenamingTable = observer(function (_ref) {
     packageId = _useModule.packageId,
     apiConfig = _useModule.apiConfig,
     selectedPackage = _useModule.selectedPackage,
-    selectedSerie = _useModule.selectedSerie;
-  useTools({
-    packageId: packageId,
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
-  });
+    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;
   var baseConfiguration = useMemo(function () {
     return getConfig((selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds) || ['DE'], t);
   }, [selectedPackage, i18n.language]);
@@ -33223,6 +33682,31 @@ 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) {
@@ -33243,7 +33727,7 @@ var RenamingTable = observer(function (_ref) {
   var apiInterface = useMemo(function () {
     return {
       read: apiConfig.enricherService + '/packages/${packageId}/renamings/' + type,
-      update: apiConfig.enricherService + '/packages/${packageId}/renamings/' + type + '/${_id}',
+      update: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/renamings/' + type + '/${_id}',
       bulk: apiConfig.enricherService + '/packages/${packageId}/renamings/' + type + '/bulk'
     };
   }, [type]);
@@ -33269,7 +33753,7 @@ var RenamingTable = observer(function (_ref) {
         cellDataType: 'objectId'
       }])
     };
-  }, [apiInterface, baseConfiguration.colDef]);
+  }, [apiInterface, baseConfiguration.colDef, viewOnly]);
   var showTable = useMemo(function () {
     return selectedPackage && (!['items'].includes(type) || type === 'items' && preFilter);
   }, [type, preFilter, selectedPackage]);
@@ -33292,7 +33776,8 @@ var RenamingTable = observer(function (_ref) {
       gridId: 'renaming-grid_' + type,
       applicationData: applicationData,
       preFilter: preFilter,
-      configuration: configuration
+      configuration: configuration,
+      hooks: hooks
     })]
   });
 });
@@ -33774,11 +34259,45 @@ var ExclusivityTable = observer(function (_ref) {
     apiConfig = _useModule.apiConfig,
     organizationId = _useModule.organizationId,
     selectedPackage = _useModule.selectedPackage,
-    selectedSerie = _useModule.selectedSerie;
-  useTools({
-    packageId: packageId,
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
-  });
+    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]);
   var apiInterface = useMemo(function () {
     var patchId = '${_id}';
     if (type === 'eitems') patchId = '${typeNo}';
@@ -33792,7 +34311,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: !['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: 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
     };
   }, [type]);
   var oldDataRef = useRef();
@@ -33821,7 +34340,7 @@ var ExclusivityTable = observer(function (_ref) {
       floatingFilter: true,
       colDef: [{
         field: 'active',
-        editable: true,
+        editable: !viewOnly,
         cellDataType: 'boolean',
         pinned: 'left',
         lockPinned: true
@@ -33837,11 +34356,11 @@ var ExclusivityTable = observer(function (_ref) {
       }, {
         headerName: 'backoffice.idmEnricher.general.label._id',
         field: '_id',
-        editable: true,
+        editable: false,
         cellDataType: 'objectId'
       }])
     };
-  }, [apiInterface, selectedSerie, config.colDef]);
+  }, [apiInterface, selectedSerie, config.colDef, viewOnly]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -33860,7 +34379,8 @@ var ExclusivityTable = observer(function (_ref) {
     }), showTable && /*#__PURE__*/jsx(Spreadsheet, {
       gridId: 'crud-grid_exclusivity_' + type,
       applicationData: applicationData,
-      configuration: configuration
+      configuration: configuration,
+      hooks: hooks
     })]
   });
 });
@@ -33872,10 +34392,11 @@ var TableTabGroups = observer(function () {
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
     apiConfig = _useModule.apiConfig,
-    selectedPackage = _useModule.selectedPackage;
+    selectedPackage = _useModule.selectedPackage,
+    viewOnly = _useModule.viewOnly;
   useTools({
     packageId: packageId,
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
   });
   var applicationData = useMemo(function () {
     return {
@@ -33887,10 +34408,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: 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}',
+      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}',
       bulk: apiConfig.enricherService + '/packages/${packageId}/tabgroups/bulk'
     };
   }, []);
@@ -33904,7 +34425,7 @@ var TableTabGroups = observer(function () {
         field: 'featureNos',
         headerName: 'backoffice.idmEnricher.renaming.label.featureNr',
         cellDataType: 'lookup',
-        editable: true,
+        editable: !viewOnly,
         customParams: {
           nameField: 'featureNosDisplayTexts',
           displayLabelTemplate: '${name} (${value})',
@@ -33918,7 +34439,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, true), {
+      }, createTranslatedColumnConfig('name', 'backoffice.idmEnricher.tabgroups.label.name', selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds, !viewOnly), {
         field: 'organizationId',
         editable: false,
         hide: true,
@@ -33948,7 +34469,7 @@ var TableTabGroups = observer(function () {
         cellDataType: 'objectId'
       }]
     };
-  }, [apiInterface, selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds]);
+  }, [apiInterface, selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds, viewOnly]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -33976,10 +34497,11 @@ var TablePartlistPos = observer(function () {
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
     apiConfig = _useModule.apiConfig,
-    selectedPackage = _useModule.selectedPackage;
+    selectedPackage = _useModule.selectedPackage,
+    viewOnly = _useModule.viewOnly;
   useTools({
     packageId: packageId,
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
   });
   var posInvisibility = useMemo(function () {
     return [{
@@ -34002,10 +34524,10 @@ var TablePartlistPos = observer(function () {
   var apiInterface = useMemo(function () {
     return {
       read: apiConfig.enricherService + '/packages/${packageId}/partlistpos',
-      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}',
+      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}',
       bulk: apiConfig.enricherService + '/packages/${packageId}/partlistpos/bulk'
     };
   }, []);
@@ -34018,12 +34540,12 @@ var TablePartlistPos = observer(function () {
       colDef: [{
         headerName: 'backoffice.idmEnricher.partlistpos.label.retailPrefix',
         field: 'retailPrefix',
-        editable: true,
+        editable: !viewOnly,
         pinned: 'left'
       }, {
         headerName: 'backoffice.idmEnricher.partlistpos.label.retailArtilceNumber',
         field: 'retailArtilceNumber',
-        editable: true,
+        editable: !viewOnly,
         pinned: 'left'
       }, {
         headerName: 'backoffice.idmEnricher.partlistpos.label.partlistKey',
@@ -34125,7 +34647,7 @@ var TablePartlistPos = observer(function () {
         cellDataType: 'objectId'
       }]
     };
-  }, [apiInterface, posInvisibility]);
+  }, [apiInterface, posInvisibility, viewOnly]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -34426,8 +34948,8 @@ var space = "space-T5Mkd";
 var input$1 = "input-SK-Fo";
 var addButton$1 = "addButton-AVN8Y";
 var helpText = "helpText-QYQQF";
-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);
+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);
 
 function PriceFactorCellRenderer(props) {
   var data = props.data,
@@ -34643,8 +35165,8 @@ var difference = "difference-xT9ZP";
 var differencePositive = "differencePositive-hGhZO";
 var differenceNegative = "differenceNegative-3CEZA";
 var differenceNeutral = "differenceNeutral-wx8oE";
-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);
+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);
 
 function PriceDisplayCellRenderer(props) {
   var _data$origPrices, _data$manualPrices, _currentPrice$toFixed, _origPrice$toFixed;
@@ -34710,59 +35232,129 @@ 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 (priceFeatureGroups, i) {
+  var priceFeatureGroups = (_selectedSerie$pricef = selectedSerie.pricefeaturegroups) === null || _selectedSerie$pricef === void 0 ? void 0 : _selectedSerie$pricef.map(function (priceFeatureGroupKey, i) {
     var _selectedSerie$pricef2, _selectedSerie$pricef3;
     return {
-      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,
+      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,
       keys: [],
       keysDisplayTexts: []
     };
   });
-  (_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', '');
+  (_selectedSerie$pricef4 = selectedSerie.pricefeaturegroupsKeys) === null || _selectedSerie$pricef4 === void 0 || _selectedSerie$pricef4.forEach(function (priceGroupKey, i) {
+    var pfgSplit = priceGroupKey.split('_');
+    var pfgId = pfgSplit[0];
     var pfg = priceFeatureGroups.find(function (pfg) {
       return pfg.id == pfgId;
     });
     if (pfg) {
       var _selectedSerie$pricef5;
-      pfg.keys.push(priceFeatureGroupKey);
+      pfg.keys.push(priceGroupKey);
       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$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 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 _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(props) {
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(wrapper$3, props.className),
-    children: [props.title, /*#__PURE__*/jsx(Tooltip$1, {
-      title: props.tooltip,
-      children: /*#__PURE__*/jsx("div", {
-        id: "price-factor-input",
-        className: classnames(input, _defineProperty({}, disabled$1, props.disabled)),
-        children: /*#__PURE__*/jsx(PriceFactorCellRenderer, _objectSpread$d(_objectSpread$d({}, props), {}, {
-          isNotInAGGrid: true
-        }))
-      })
-    })]
+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$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";
+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;
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(root, className),
+    children: [title, /*#__PURE__*/jsx(Tooltip$1, {
+      title: tooltip,
+      children: /*#__PURE__*/jsx("div", {
+        className: contentWrapper$1,
+        children: children
+      })
+    })]
+  });
+}
+
 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) {
@@ -34771,11 +35363,89 @@ var Prices = observer(function (_ref) {
     packageId = _ref.packageId,
     apiConfig = _ref.apiConfig,
     pricelist = _ref.pricelist,
-    setNodeDataValue = _ref.setNodeDataValue;
+    setNodeDataValue = _ref.setNodeDataValue,
+    viewOnly = _ref.viewOnly;
   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;
 
@@ -34899,6 +35569,34 @@ 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,
@@ -34909,10 +35607,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',
-      update: apiConfig.enricherService + '/packages/${packageId}/pricelists/${pricelistId}/serie/${serieNo}/prices/${_id}'
+      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}'
     };
-  }, []);
+  }, [onlyManual]);
   var priceFeatureGroups = usePriceFeatureGroupsFromSerie(selectedSerie);
   var configuration = useMemo(function () {
     var _priceFeatureGroups$m;
@@ -35010,16 +35708,57 @@ 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 _priceFeatureGroup$ke, _priceFeatureGroup$ke2;
+        var _pricelist$pfgPricefa, _pricelist$pfgPricefa2, _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 (priceFeatureGroupItem, j) {
-            var _priceFeatureGroup$ke3, _pricelist$pgPricefac;
+          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;
             return {
-              headerName: priceFeatureGroupItem,
-              field: "prices.".concat(priceFeatureGroupItem),
-              editable: true,
+              headerName: priceGroup,
+              field: "prices.".concat(priceGroup),
+              editable: !viewOnly,
               filter: false,
               sortable: false,
               isDictionary: true,
@@ -35028,31 +35767,49 @@ var Prices = observer(function (_ref) {
               cellRenderer: PriceDisplayCellRenderer,
               cellRendererParams: {
                 commas: pricelist.commas,
-                item: priceFeatureGroupItem
+                item: priceGroup
               },
-              additionalFields: ["origPrices.".concat(priceFeatureGroupItem)],
+              additionalFields: ["origPrices.".concat(priceGroup)],
               headerClass: inputHeader,
               headerComponentParams: {
-                additionalElement: /*#__PURE__*/jsx(PriceFactorInput, {
+                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) {
+                    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) {
                           case 0:
-                            updatePgPriceFactor(priceFeatureGroupItem, value);
+                            updatePgPriority(priceGroup, value);
                           case 1:
                           case "end":
-                            return _context3.stop();
+                            return _context6.stop();
                         }
-                      }, _callee3);
+                      }, _callee6);
                     }));
-                    return function (_x5, _x6) {
-                      return _ref4.apply(this, arguments);
+                    return function (_x10) {
+                      return _ref7.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[priceFeatureGroupItem],
-                  className: factorInput,
-                  tooltip: t('backoffice.idmCatalog.prices.priceFactor.label.pfg')
+                  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'
                 })
               }
             };
@@ -35103,7 +35860,7 @@ var Prices = observer(function (_ref) {
         cellDataType: 'objectId'
       }])
     };
-  }, [apiInterface, selectedSerie, pricelist, priceFeatureGroups]);
+  }, [apiInterface, selectedSerie, pricelist, priceFeatureGroups, viewOnly]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsx("div", {
@@ -35111,26 +35868,55 @@ var Prices = observer(function (_ref) {
           style: {
             "float": 'right'
           },
-          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],
+          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, {
             title: t('backoffice.idmCatalog.prices.priceFactor.label.series'),
-            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
+            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
+            })
           }), /*#__PURE__*/jsx(SeriesSelector$3, {
             modules: ['pricelists'],
             dataSet: "lookup"
@@ -35138,6 +35924,7 @@ var Prices = observer(function (_ref) {
         })
       })
     }), selectedSerie && /*#__PURE__*/jsx(Spreadsheet, {
+      ref: spreadsheetRef,
       gridId: 'crud-grid_enricherprices',
       applicationData: applicationData,
       configuration: configuration
@@ -35155,7 +35942,8 @@ var TablePriceList = observer(function () {
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
     apiConfig = _useModule.apiConfig,
-    selectedPackage = _useModule.selectedPackage;
+    selectedPackage = _useModule.selectedPackage,
+    viewOnly = _useModule.viewOnly;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedPriceList = _React$useState2[0],
@@ -35166,7 +35954,7 @@ var TablePriceList = observer(function () {
     setSelectedNodeId = _React$useState4[1];
   useTools({
     packageId: packageId,
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
   });
   var setNodeDataValue = useCallback(function (data) {
     spreadsheetRef.current.setNodeDataValue(selectedNodeId, data);
@@ -35183,7 +35971,8 @@ var TablePriceList = observer(function () {
           packageId: packageId,
           apiConfig: apiConfig,
           pricelist: selectedPriceList,
-          setNodeDataValue: setNodeDataValue
+          setNodeDataValue: setNodeDataValue,
+          viewOnly: viewOnly
         },
         startWidth: 300,
         defaultPinned: false,
@@ -35207,10 +35996,10 @@ var TablePriceList = observer(function () {
   var apiInterface = useMemo(function () {
     return {
       read: apiConfig.enricherService + '/packages/${packageId}/pricelists',
-      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}'
+      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}'
     };
   }, []);
   var hooks = useMemo(function () {
@@ -35255,11 +36044,11 @@ var TablePriceList = observer(function () {
       colDef: [{
         headerName: 'backoffice.idmEnricher.pricelists.label.name',
         field: 'name',
-        editable: true
+        editable: !viewOnly
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.basedPricelistId',
         field: 'basedPricelistId',
-        editable: true,
+        editable: !viewOnly,
         cellDataType: 'lookup',
         customParams: {
           filterCellType: 'id',
@@ -35289,7 +36078,7 @@ var TablePriceList = observer(function () {
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.rounding',
         field: 'rounding',
-        editable: true,
+        editable: !viewOnly,
         cellDataType: 'enum',
         customParams: {
           enumData: roundingOptions,
@@ -35298,25 +36087,25 @@ var TablePriceList = observer(function () {
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.commas',
         field: 'commas',
-        editable: true,
+        editable: !viewOnly,
         cellDataType: 'number'
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.currency',
         field: 'currency',
         cellDataType: 'enum',
-        editable: true,
+        editable: !viewOnly,
         customParams: {
           enumData: getCurrencyKey(t)
         }
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.forPublishing',
         field: 'forPublishing',
-        editable: true,
+        editable: !viewOnly,
         cellDataType: 'boolean'
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.validFrom',
         field: 'validFrom',
-        editable: true,
+        editable: !viewOnly,
         cellDataType: 'dateString',
         customParams: {
           dateFormat: 'DD.MM.YYYY'
@@ -35324,7 +36113,7 @@ var TablePriceList = observer(function () {
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.validTo',
         field: 'validTo',
-        editable: true,
+        editable: !viewOnly,
         cellDataType: 'dateString',
         customParams: {
           dateFormat: 'DD.MM.YYYY'
@@ -35382,9 +36171,24 @@ 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]);
+  }, [apiInterface, i18n.language, viewOnly]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -35873,24 +36677,34 @@ var useCatalogContext = function useCatalogContext() {
       root.contextStore.clearContext('catalog');
     }
 
-    // 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
+    // initally only the id is set so we need to update it again if we get the full catalog form the selector
     var currentCatalog = getContext().selectedCatalog;
-    if (currentCatalog._id === newCatalog._id && currentCatalog.name === newCatalog.name && JSON.stringify(currentCatalog.isoLanguageIds) === JSON.stringify(newCatalog.isoLanguageIds)) {
-      return; // No changes detected
+    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 (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() : ''));
     }
@@ -36719,27 +37533,22 @@ var CatalogSelector$1 = observer(CatalogSelector);
 var SeriesSelector = function SeriesSelector(_ref) {
   var modules = _ref.modules;
   var _useTranslation = useTranslation(),
-    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;
+    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;
   return /*#__PURE__*/jsx(SimpleSelect, {
     sharedState: seriesSelectorState,
-    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}'
-    },
+    apiInterface: apiInterface,
+    selectMapping: selectMapping,
     autoSelectFirst: true,
     title: t('backoffice.menu.items.label.IDMCatalogEditorTableSeries'),
     value: selectedSerie,
-    onChange: setSelectedSerie,
+    onChange: onChange,
     search: true,
     style: {
       width: 200
@@ -36748,6 +37557,95 @@ 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();
@@ -37197,18 +38095,19 @@ 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) {
-          setSelectedItem(event.selection[0].node.data);
+          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);
         }
       }
     };
@@ -37241,9 +38140,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;
@@ -37287,8 +38186,9 @@ var TableSeries = observer(function () {
     return {
       onCellSelectionChanged: function onCellSelectionChanged(event) {
         if (event.selection.length == 1) {
-          setGlobalSelectedSerie(event.selection[0].node.data);
-          setSelectedSerie(event.selection[0].node.data);
+          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);
         } else {
           setSelectedSerie(null);
         }
@@ -37624,8 +38524,9 @@ 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[0].node.data.featureNo
+            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
           });
         }
       }
@@ -37832,8 +38733,9 @@ 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[0].node.data.optionKey
+            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
           });
         }
       }
@@ -41465,7 +42367,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,
-    articleList = _ref$state.articleList,
+    itemList = _ref$state.itemList,
     articleCodex = _ref$state.articleCodex,
     setArticleCodex = _ref$state.setArticleCodex,
     setDoReset = _ref$state.setDoReset,
@@ -41477,7 +42379,7 @@ var ArticleSelection = function ArticleSelection(_ref) {
     var groups = [];
     var _loop = function _loop() {
       var _mask$articles;
-      var article = articleList[i];
+      var article = itemList[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) {
@@ -41493,7 +42395,7 @@ var ArticleSelection = function ArticleSelection(_ref) {
         });
       }
     };
-    for (var i = 0; i < articleList.length; i++) {
+    for (var i = 0; i < itemList.length; i++) {
       if (_loop()) continue;
     }
     return groups.map(function (g) {
@@ -41501,7 +42403,7 @@ var ArticleSelection = function ArticleSelection(_ref) {
         label: t('configuration.group.' + g.label, g.label)
       });
     });
-  }, [articleList]);
+  }, [itemList]);
   return /*#__PURE__*/jsxs("div", {
     className: wrapper$1,
     children: [/*#__PURE__*/jsx(Select$1, {
@@ -41548,26 +42450,30 @@ function useWysiwyg$1(_ref) {
     setArticleCodex = _useState6[1];
   var _useState7 = useState([]),
     _useState8 = _slicedToArray(_useState7, 2),
-    articleList = _useState8[0],
-    setArticleList = _useState8[1];
+    itemList = _useState8[0],
+    setItemList = _useState8[1];
   var _useState9 = useState({
       catalogCodex: (_tool$parameters = tool.parameters) === null || _tool$parameters === void 0 ? void 0 : _tool$parameters.catalogCodex
     }),
     _useState10 = _slicedToArray(_useState9, 2),
-    catalog = _useState10[0],
-    setCatalog = _useState10[1];
+    serie = _useState10[0],
+    setSerie = _useState10[1];
   var _useState11 = useState([]),
     _useState12 = _slicedToArray(_useState11, 2),
-    catalogList = _useState12[0],
-    setCatalogList = _useState12[1];
-  var _useState13 = useState(),
+    serieList = _useState12[0],
+    setSerieList = _useState12[1];
+  var _useState13 = useState(tool.parameters.catalogId),
     _useState14 = _slicedToArray(_useState13, 2),
-    currentNav = _useState14[0],
-    setCurrentNav = _useState14[1];
+    catalogId = _useState14[0],
+    setCatalogId = _useState14[1];
   var _useState15 = useState(),
     _useState16 = _slicedToArray(_useState15, 2),
-    doNavigate = _useState16[0],
-    setDoNavigate = _useState16[1];
+    currentNav = _useState16[0],
+    setCurrentNav = _useState16[1];
+  var _useState17 = useState(),
+    _useState18 = _slicedToArray(_useState17, 2),
+    doNavigate = _useState18[0],
+    setDoNavigate = _useState18[1];
   useEffect(function () {
     if (!toolbar.hidden) setDoReset(true);
   }, [toolbar.hidden]);
@@ -41630,7 +42536,8 @@ function useWysiwyg$1(_ref) {
             });
           case 3:
             d = _context2.sent;
-            _context2.next = 6;
+            setCatalogId(d._id);
+            _context2.next = 7;
             return fetch(root.configurationStore.apiConfig.enricherService + '/wysiwyg/v3.0/' + id + '/catalogs/' + d._id + '/series', {
               method: 'GET',
               headers: _objectSpread$4({}, jwt ? {
@@ -41645,10 +42552,10 @@ function useWysiwyg$1(_ref) {
                 return undefined;
               }
             });
-          case 6:
+          case 7:
             s = _context2.sent;
-            setCatalogList(s.data);
-          case 8:
+            setSerieList(s.data);
+          case 9:
           case "end":
             return _context2.stop();
         }
@@ -41682,7 +42589,7 @@ function useWysiwyg$1(_ref) {
             });
           case 3:
             l = _context3.sent;
-            setCatalogList(l.data);
+            setSerieList(l.data);
           case 5:
           case "end":
             return _context3.stop();
@@ -41697,7 +42604,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 && !catalogList.length) {
+      if ((_tool$elementProps = tool.elementProps) !== null && _tool$elementProps !== void 0 && _tool$elementProps.showCatalogSelection && !serieList.length) {
         var _tool$elementProps2;
         if ((_tool$elementProps2 = tool.elementProps) !== null && _tool$elementProps2 !== void 0 && _tool$elementProps2.loadPackage) {
           loadPackage(tool.parameters.packageId);
@@ -41716,20 +42623,20 @@ function useWysiwyg$1(_ref) {
   }, [doReset]);
   useEffect(function () {
     setArticleCodex(undefined);
-    if (catalog !== null && catalog !== void 0 && catalog.catalogCodex) {
+    if (serie !== null && serie !== void 0 && serie.catalogCodex) {
       var _tool$parameters$pack;
       setMask({
-        catalogCodex: catalog.catalogCodex,
+        catalogCodex: serie.catalogCodex,
         accountId: (_tool$parameters$pack = tool.parameters.packageId) !== null && _tool$parameters$pack !== void 0 ? _tool$parameters$pack : tool.parameters.catalogId
       });
     }
-  }, [catalog]);
+  }, [serie]);
   useEffect(function () {
     setDoReset(true);
     setArticleCodex(undefined);
-    setCatalog(undefined);
-    setArticleList([]);
-    setCatalogList([]);
+    setSerie(undefined);
+    setItemList([]);
+    setSerieList([]);
   }, [tool.parameters.catalogId, tool.parameters.packageId]);
   var onEventCalled = /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(e) {
@@ -41748,7 +42655,7 @@ function useWysiwyg$1(_ref) {
                   groupName: article.groupName
                 });
               }
-              setArticleList(articles);
+              setItemList(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') {
@@ -41855,20 +42762,21 @@ function useWysiwyg$1(_ref) {
     };
   }, []);
   return {
-    articleList: articleList,
-    setArticleList: setArticleList,
+    itemList: itemList,
+    setItemList: setItemList,
     articleCodex: articleCodex,
     setArticleCodex: setArticleCodex,
-    catalogList: catalogList,
-    setCatalogList: setCatalogList,
-    catalog: catalog,
-    setCatalog: setCatalog,
+    serieList: serieList,
+    setSerieList: setSerieList,
+    serie: serie,
+    setSerie: setSerie,
     settings: settings,
     mask: mask,
     doReset: doReset,
     setDoReset: setDoReset,
     doNavigate: doNavigate,
-    setDoNavigate: setDoNavigate
+    setDoNavigate: setDoNavigate,
+    catalogId: catalogId
   };
 }
 
@@ -41920,27 +42828,27 @@ styleInject(css_248z$2);
 
 var CatalogSelection = function CatalogSelection(_ref) {
   var _ref$state = _ref.state,
-    catalogList = _ref$state.catalogList,
-    catalog = _ref$state.catalog,
-    setCatalog = _ref$state.setCatalog,
+    serieList = _ref$state.serieList,
+    serie = _ref$state.serie,
+    setSerie = _ref$state.setSerie,
     setArticleCodex = _ref$state.setArticleCodex,
-    setSerie = _ref.setSerie;
+    setSerieProp = _ref.setSerie;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t,
     language = _useTranslation.i18n.language;
   var options = useMemo(function () {
     var groups = [];
-    for (var i = 0; i < catalogList.length; i++) {
-      var c = catalogList[i];
+    for (var i = 0; i < serieList.length; i++) {
+      var c = serieList[i];
       groups.push({
         value: c.serieNo.toString(),
         label: c.seriesName[language.toUpperCase()]
       });
     }
     return groups;
-  }, [catalogList]);
+  }, [serieList]);
   var onChange = function onChange(val) {
-    var cat = catalogList.find(function (c) {
+    var cat = serieList.find(function (c) {
       return c.serieNo.toString() == val;
     });
     var catalog = cat ? {
@@ -41948,15 +42856,15 @@ var CatalogSelection = function CatalogSelection(_ref) {
       serieId: cat._id,
       accountId: cat.catalogId
     } : undefined;
-    setCatalog(catalog);
+    setSerie(catalog);
     setArticleCodex(undefined);
-    setSerie === null || setSerie === void 0 || setSerie(cat);
+    setSerieProp === null || setSerieProp === void 0 || setSerieProp(cat);
   };
   return /*#__PURE__*/jsx("div", {
     className: wrapper,
     children: /*#__PURE__*/jsx(Select$1, {
       placeholder: t('backoffice.configurator.serie.placeholder'),
-      value: catalog === null || catalog === void 0 ? void 0 : catalog.catalogCodex,
+      value: serie === null || serie === void 0 ? void 0 : serie.catalogCodex,
       options: options,
       onChange: onChange,
       className: select
@@ -41968,7 +42876,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$catalog, _tool$parameters, _state$articleCodex, _state$catalog$catalo, _state$catalog2, _state$mask2, _state$catalog3, _state$catalog$accoun, _state$catalog4, _state$mask3;
+  var _state$serie, _tool$parameters, _state$articleCodex, _state$serie$catalogC, _state$serie2, _state$mask2, _state$serie3, _state$serie$accountI, _state$serie4, _state$mask3;
   var tool = _ref.tool,
     toolbar = _ref.toolbar;
   var _useDivaCore = useDivaCore(),
@@ -41987,17 +42895,32 @@ var Wsyiwyg = function Wsyiwyg(_ref) {
   }, [tool.parameters]);
   useEffect(function () {
     if (tool.elementProps.initSerie) {
-      state.setCatalog({
-        serieId: tool.elementProps.initSerie.serieId,
-        catalogCodex: tool.elementProps.initSerie.serieNo.toString()
-      });
-      state.setArticleCodex(undefined);
+      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);
+      }
     }
     if (tool.elementProps.initItem) {
       state.setArticleCodex(tool.elementProps.initItem);
     }
-  }, [tool.elementProps.initItem, tool.elementProps.initSerie]);
-  if (!((_state$catalog = state.catalog) !== null && _state$catalog !== void 0 && _state$catalog.catalogCodex)) {
+  }, [tool.elementProps.initItem, tool.elementProps.initSerie, state.serieList]);
+  if (!((_state$serie = state.serie) !== null && _state$serie !== void 0 && _state$serie.catalogCodex)) {
     if (tool.elementProps.showCatalogSelection) {
       return /*#__PURE__*/jsx(CatalogSelection$1, {
         state: state,
@@ -42035,11 +42958,11 @@ var Wsyiwyg = function Wsyiwyg(_ref) {
             resetArticle: '',
             disableToggle: '1',
             startDivaNr: 'DIVA-000000',
-            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
+            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
           } : {}), {}, {
-            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,
+            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,
             returnTo: 'DONT_SAVE_BASKET',
             organizationId: organizationId,
             no3DConnection: 'true'