@crystaldesign/diva-backoffice 25.8.0-beta.2 → 25.8.0-beta.21

package/build/esm/index.js

@@ -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';
@@ -7894,6 +7896,20 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         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: ['defaultCatalog', 'catalogId'],
         accountName: ['defaultCatalog', 'accountId'],
@@ -8809,6 +8825,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 +8891,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 +9132,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({
@@ -17004,7 +17040,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 +17076,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: {
@@ -17475,14 +17511,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 +17545,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));
@@ -17581,7 +17618,7 @@ var wrapper$6 = "wrapper-4xyke";
 var css_248z$u = ".wrapper-4xyke {\n  display: flex;\n  flex-direction: column;\n  min-height: 50px;\n  justify-content: flex-end;\n  font-size: 12px;\n}\n";
 styleInject(css_248z$u);
 
-var _excluded$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 +17632,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,
@@ -25595,7 +25632,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 +25640,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];
@@ -27492,7 +27529,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 +27613,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])
@@ -31104,6 +31141,8 @@ 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,
       selectedFeature: undefined,
       lookupSeriesSelectorState: createDefaultSelectState('lookupSeriesSelectorState'),
@@ -31150,14 +31189,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 +31219,8 @@ function useModule$1 (currentModules) {
     setSelectedPackage = _useEnricherContext.setSelectedPackage,
     organizationId = _useEnricherContext.organizationId,
     selectedSerie = _useEnricherContext.selectedSerie,
-    selectedFeature = _useEnricherContext.selectedFeature;
+    selectedFeature = _useEnricherContext.selectedFeature,
+    viewOnly = _useEnricherContext.viewOnly;
   var location = useLocation();
   var _useSearchParams = useSearchParams(),
     _useSearchParams2 = _slicedToArray(_useSearchParams, 1),
@@ -31398,7 +31431,8 @@ function useModule$1 (currentModules) {
     apiConfig: root.configurationStore.apiConfig,
     setSelectedPackage: setSelectedPackage,
     selectedSerie: selectedSerie,
-    selectedFeature: selectedFeature
+    selectedFeature: selectedFeature,
+    viewOnly: viewOnly
   };
 }
 
@@ -31592,10 +31626,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 +31641,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 +31658,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 +31681,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 +31736,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 +31758,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 +31794,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 +31804,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 +31816,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 +31824,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 +31875,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 +31893,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 +32220,7 @@ var useLoadingModal = function useLoadingModal() {
 };
 
 var TablePackages = observer(function () {
+  var _root$dataStore$curre;
   var root = useStore();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t,
@@ -32167,23 +32231,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 +32259,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 +32305,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 +32324,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 +32343,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 +32386,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 +32415,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 +32469,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 +32483,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 +32498,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 +32525,8 @@ var TablePackages = observer(function () {
       gridId: 'packages-grid',
       applicationData: applicationData,
       rowActions: rowActions,
-      preFilter: preFilter,
-      configuration: configuration
+      configuration: configuration,
+      isRowEditable: isRowEditable
     }), contextHolder]
   });
 });
@@ -32420,10 +32538,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 +32553,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 +32574,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 +32592,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 +32616,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 +32639,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 +32694,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 +32715,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 +32725,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 +32735,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 +32751,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 +32761,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 +32771,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 +32781,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 +32794,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 +32804,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 +32814,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 +32824,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 +32834,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 +32844,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 +32854,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 +32864,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 +32876,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 +32886,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 +32896,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 +32906,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 +32916,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 +32929,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 +32939,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 +32949,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 +32959,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 +32969,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 +32979,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 +32989,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 +32999,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 +33011,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 +33021,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 +33031,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 +33041,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 +33051,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 +33061,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 +33071,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 +33081,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 +33093,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 +33103,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 +33113,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 +33123,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 +33133,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 +33148,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 +33169,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 +33184,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 +33198,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 +33213,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 +33223,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 +33240,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 +33268,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 +33279,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,14 +33370,15 @@ var RenamingTable = observer(function (_ref) {
     packageId = _useModule.packageId,
     apiConfig = _useModule.apiConfig,
     selectedPackage = _useModule.selectedPackage,
-    selectedSerie = _useModule.selectedSerie;
+    selectedSerie = _useModule.selectedSerie,
+    viewOnly = _useModule.viewOnly;
+  var baseConfiguration = useMemo(function () {
+    return getConfig((selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds) || ['DE'], t, viewOnly);
+  }, [selectedPackage, i18n.language]);
   useTools({
     packageId: packageId,
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi2
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
   });
-  var baseConfiguration = useMemo(function () {
-    return getConfig((selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds) || ['DE'], t);
-  }, [selectedPackage, i18n.language]);
   var applicationData = useMemo(function () {
     return {
       packageId: packageId
@@ -33243,7 +33404,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 +33430,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]);
@@ -33774,10 +33935,11 @@ var ExclusivityTable = observer(function (_ref) {
     apiConfig = _useModule.apiConfig,
     organizationId = _useModule.organizationId,
     selectedPackage = _useModule.selectedPackage,
-    selectedSerie = _useModule.selectedSerie;
+    selectedSerie = _useModule.selectedSerie,
+    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 apiInterface = useMemo(function () {
     var patchId = '${_id}';
@@ -33792,7 +33954,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 +33983,7 @@ var ExclusivityTable = observer(function (_ref) {
       floatingFilter: true,
       colDef: [{
         field: 'active',
-        editable: true,
+        editable: !viewOnly,
         cellDataType: 'boolean',
         pinned: 'left',
         lockPinned: true
@@ -33837,11 +33999,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", {
@@ -33872,10 +34034,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 +34050,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 +34067,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 +34081,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 +34111,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 +34139,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 +34166,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 +34182,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 +34289,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", {
@@ -34710,24 +34874,24 @@ 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()]);
     }
   });
@@ -34740,18 +34904,33 @@ 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 _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) {
+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__*/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)),
+        className: classnames(input, 'price-factor-input', _defineProperty({}, disabled$1, props.disabled)),
         children: /*#__PURE__*/jsx(PriceFactorCellRenderer, _objectSpread$d(_objectSpread$d({}, props), {}, {
-          isNotInAGGrid: true
+          isNotInAGGrid: true,
+          value: innerValue,
+          onSave: function onSave(data, value) {
+            setInnerValue(value);
+            return _onSave(data, value);
+          }
         }))
       })
     })]
@@ -34760,9 +34939,46 @@ function PriceFactorInput(props) {
 
 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$a = ".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$a);
 
+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);
+        }
+      })
+    })]
+  });
+}
+
 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 +34987,83 @@ 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 _useEnricherContext = useEnricherContext(['pricelists']),
     selectedSerie = _useEnricherContext.selectedSerie;
+  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;
 
@@ -34910,7 +35198,7 @@ var Prices = observer(function (_ref) {
   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}'
+      update: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/pricelists/${pricelistId}/serie/${serieNo}/prices/${_id}'
     };
   }, []);
   var priceFeatureGroups = usePriceFeatureGroupsFromSerie(selectedSerie);
@@ -35010,16 +35298,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 +35357,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 +35450,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", {
@@ -35115,19 +35462,19 @@ var Prices = observer(function (_ref) {
             value: (_pricelist$seriePrice = pricelist.seriePricefactors) === null || _pricelist$seriePrice === void 0 ? void 0 : _pricelist$seriePrice[selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo],
             title: t('backoffice.idmCatalog.prices.priceFactor.label.series'),
             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) {
+              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 _context4.stop();
+                      return _context7.stop();
                   }
-                }, _callee4);
+                }, _callee7);
               }));
-              return function (_x7, _x8) {
-                return _ref5.apply(this, arguments);
+              return function (_x11, _x12) {
+                return _ref8.apply(this, arguments);
               };
             }()),
             disabled: !selectedSerie
@@ -35155,7 +35502,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 +35514,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 +35531,8 @@ var TablePriceList = observer(function () {
           packageId: packageId,
           apiConfig: apiConfig,
           pricelist: selectedPriceList,
-          setNodeDataValue: setNodeDataValue
+          setNodeDataValue: setNodeDataValue,
+          viewOnly: viewOnly
         },
         startWidth: 300,
         defaultPinned: false,
@@ -35207,10 +35556,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 +35604,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 +35638,7 @@ var TablePriceList = observer(function () {
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.rounding',
         field: 'rounding',
-        editable: true,
+        editable: !viewOnly,
         cellDataType: 'enum',
         customParams: {
           enumData: roundingOptions,
@@ -35298,25 +35647,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 +35673,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 +35731,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 +36237,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 +37093,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 +37117,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();