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

package/build/esm/index.js

@@ -3899,7 +3899,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         rule: [{
           match: {
             sourceField: 'catalogItem',
-            value: undefined
+            value: null
           }
         }],
         download: [{
@@ -9081,6 +9081,16 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         onSave: function onSave(data) {
           return data;
         }
+      }, {
+        name: ['settings', 'makeApiKey'],
+        label: t('backoffice.form.organizationdetails.items.settings.makeApiKey'),
+        permission: 'backoffice_admin_organizations',
+        type: 'input'
+      }, {
+        name: ['settings', 'leadTableApiKey'],
+        label: t('backoffice.form.organizationdetails.items.settings.leadTableApiKey'),
+        permission: 'backoffice_admin_organizations',
+        type: 'input'
       }, {
         type: 'subTitle',
         name: t('backoffice.form.organizationdetails.socialUrls'),
@@ -9215,14 +9225,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         label: t('backoffice.form.organizationdetails.items.settings.externalContactUrl'),
         tabgroup: t('backoffice.form.organizationdetails.additionalContactData'),
         type: 'input'
-      }, {
-        name: t('backoffice.subtitle.ai'),
-        type: 'subTitle',
-        orientation: 'left',
-        style: {
-          marginBottom: '40px'
-        },
-        permission: 'backoffice_admin_organizations'
       }, {
         name: ['settings', 'aiSettings', 'monthlyOrgRenderingLimit'],
         label: t('backoffice.form.organizationdetails.items.ai.monthlyOrgRenderingLimit'),
@@ -9230,7 +9232,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         permission: 'backoffice_admin_organizations',
         tabgroup: t('backoffice.form.organizationdetails.items.ai.tabgroup'),
         hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.type) !== 'RETAILER' && (data === null || data === void 0 ? void 0 : data.parentType) !== 'RETAILER';
+          return (data === null || data === void 0 ? void 0 : data.type) === 'SUPPLIER' || (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER';
         },
         disabled: function disabled(data) {
           var _data$settings;
@@ -9296,7 +9298,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         permission: 'backoffice_admin_organizations',
         tabgroup: t('backoffice.form.organizationdetails.items.ai.tabgroup'),
         hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.type) !== 'RETAILER' && (data === null || data === void 0 ? void 0 : data.parentType) !== 'RETAILER';
+          return (data === null || data === void 0 ? void 0 : data.type) === 'SUPPLIER' || (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER';
         },
         disabled: function disabled(data) {
           var _data$settings2;
@@ -9310,7 +9312,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         permission: 'backoffice_admin_organizations',
         tabgroup: t('backoffice.form.organizationdetails.items.ai.tabgroup'),
         hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.type) !== 'RETAILER' && (data === null || data === void 0 ? void 0 : data.parentType) !== 'RETAILER';
+          return (data === null || data === void 0 ? void 0 : data.type) === 'SUPPLIER' || (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER';
         },
         disabled: function disabled(data) {
           var _data$settings3;
@@ -9324,7 +9326,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         permission: 'backoffice_admin_organizations',
         tabgroup: t('backoffice.form.organizationdetails.items.ai.tabgroup'),
         hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.type) !== 'RETAILER' && (data === null || data === void 0 ? void 0 : data.parentType) !== 'RETAILER';
+          return (data === null || data === void 0 ? void 0 : data.type) === 'SUPPLIER' || (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER';
         },
         disabled: function disabled(data) {
           var _data$settings4;
@@ -9338,7 +9340,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         permission: 'backoffice_admin_organizations',
         tabgroup: t('backoffice.form.organizationdetails.items.ai.tabgroup'),
         hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.type) !== 'RETAILER' && (data === null || data === void 0 ? void 0 : data.parentType) !== 'RETAILER';
+          return (data === null || data === void 0 ? void 0 : data.type) === 'SUPPLIER' || (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER';
         },
         disabled: function disabled(data) {
           var _data$settings5;
@@ -9352,7 +9354,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         permission: 'backoffice_admin_organizations',
         tabgroup: t('backoffice.form.organizationdetails.items.ai.tabgroup'),
         hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.type) !== 'RETAILER' && (data === null || data === void 0 ? void 0 : data.parentType) !== 'RETAILER';
+          return (data === null || data === void 0 ? void 0 : data.type) === 'SUPPLIER' || (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER';
         },
         disabled: function disabled(data) {
           var _data$settings6;
@@ -9366,7 +9368,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         permission: 'backoffice_admin_organizations',
         tabgroup: t('backoffice.form.organizationdetails.items.ai.tabgroup'),
         hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.type) !== 'RETAILER' && (data === null || data === void 0 ? void 0 : data.parentType) !== 'RETAILER';
+          return (data === null || data === void 0 ? void 0 : data.type) === 'SUPPLIER' || (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER';
         },
         helpText: 'anonymous enduser limit'
       }, {
@@ -9376,7 +9378,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         permission: 'backoffice_admin_organizations',
         tabgroup: t('backoffice.form.organizationdetails.items.ai.tabgroup'),
         hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.type) !== 'RETAILER' && (data === null || data === void 0 ? void 0 : data.parentType) !== 'RETAILER';
+          return (data === null || data === void 0 ? void 0 : data.type) === 'SUPPLIER' || (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER';
         },
         helpText: 'logged in enduser limit'
       }, {
@@ -9386,7 +9388,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         permission: 'backoffice_admin_organizations',
         tabgroup: t('backoffice.form.organizationdetails.items.ai.tabgroup'),
         hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.type) !== 'RETAILER' && (data === null || data === void 0 ? void 0 : data.parentType) !== 'RETAILER';
+          return (data === null || data === void 0 ? void 0 : data.type) === 'SUPPLIER' || (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER';
         }
       }, {
         name: ['settings', 'aiSettings', 'noLimit'],
@@ -9396,7 +9398,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         tabgroup: t('backoffice.form.organizationdetails.items.ai.tabgroup'),
         defaultValue: false,
         hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.type) !== 'RETAILER' && (data === null || data === void 0 ? void 0 : data.parentType) !== 'RETAILER';
+          return (data === null || data === void 0 ? void 0 : data.type) === 'SUPPLIER' || (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER';
         }
       },
       // Theme Configuration
@@ -13414,6 +13416,14 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         create: '${adminService}/cache/invalidate'
       }
     },
+    ButtonAiServiceCache: {
+      type: 'CustomButton',
+      text: t('backoffice.ButtonAnalyticsServiceCache'),
+      resetAfterTime: 3,
+      apiInterface: {
+        create: '${aiService}/cache/invalidate'
+      }
+    },
     ButtonAnalyticsServiceCache: {
       type: 'CustomButton',
       text: t('backoffice.ButtonAnalyticsServiceCache'),
@@ -13526,6 +13536,11 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       isTitle: true,
       text: 'Admin Service'
     },
+    LabelAiService: {
+      type: 'CustomText',
+      isTitle: true,
+      text: 'Ai Service'
+    },
     LabelAnalyticsService: {
       type: 'CustomText',
       isTitle: true,
@@ -14054,6 +14069,15 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
           id: 'ButtonAdminServiceCache',
           type: 'CustomButton'
         }]
+      }, {
+        type: 'SideBySide',
+        items: [{
+          id: 'LabelAiService',
+          type: 'CustomText'
+        }, {
+          id: 'ButtonAiServiceCache',
+          type: 'CustomButton'
+        }]
       }, {
         type: 'SideBySide',
         items: [{
@@ -14172,6 +14196,12 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
     IDMFeaturesEditor: {
       type: 'IDMFeaturesEditor'
     },
+    IDMOrganizationFeaturesEditor: {
+      type: 'IDMOrganizationFeaturesEditor'
+    },
+    IDMOrganizationOptionsEditor: {
+      type: 'IDMOrganizationOptionsEditor'
+    },
     MediaTable: {
       type: 'MediaTable'
     }
@@ -15312,6 +15342,20 @@ var menu = [{
       permission: 'idm_global_features',
       icon: 'HistoryOutlined',
       haSubRoutes: false
+    }, {
+      id: 'IDMOrganizationFeaturesEditor',
+      path: 'organizationfeatures',
+      label: 'backoffice.menu.items.label.IDMOrganizationFeatures',
+      permission: 'idm_catalogs',
+      icon: 'HistoryOutlined',
+      haSubRoutes: false
+    }, {
+      id: 'IDMOrganizationOptionsEditor',
+      path: 'organizationoptions',
+      label: 'backoffice.menu.items.label.IDMOrganizationOptions',
+      permission: 'idm_catalogs',
+      icon: 'HistoryOutlined',
+      haSubRoutes: false
     }, {
       id: 'IDMCatalogEditor',
       path: 'catalogs',
@@ -18498,6 +18542,19 @@ function useSelectSimpleData (_ref) {
     });
     return selected.value;
   }, [selected]);
+
+  //initialize the selected value if it is not set yet and handle race condition between value and options
+  useEffect(function () {
+    if (value && options && selected == undefined) {
+      var sel = findByValue(value, options, selectMapping);
+      if (sel) {
+        var selectedValues = Array.isArray(sel) ? sel.map(function (item) {
+          return item.value;
+        }) : sel.value;
+        onSelectionChanged(selectedValues, sel);
+      }
+    }
+  }, [value, options]);
   var setLoadedOptions = function setLoadedOptions(options) {
     var _options$;
     setOptions(options);
@@ -27366,16 +27423,27 @@ var TableWrapper = function TableWrapper(_ref) {
         return sel == dt._id;
       });
     });
-    if (!data || data.length == 0) {
+    // Ensure each data row exposes catalogItem for rule evaluation
+    if (data && data.length > 0) {
+      data = data.map(function (dt) {
+        var _ref2, _dt$catalogItem;
+        return _objectSpread$G(_objectSpread$G({}, dt), {}, {
+          catalogItem: (_ref2 = (_dt$catalogItem = dt.catalogItem) !== null && _dt$catalogItem !== void 0 ? _dt$catalogItem : state.catalogItem) !== null && _ref2 !== void 0 ? _ref2 : null
+        });
+      });
+    } else {
+      var _state$catalogItem;
+      // Normalize empty selection
       data = [{
-        catalogItem: state.catalogItem
+        catalogItem: (_state$catalogItem = state.catalogItem) !== null && _state$catalogItem !== void 0 ? _state$catalogItem : null
       }];
     }
-    return !aplyRules({
+    var ruleResult = aplyRules({
       data: data,
       rootStore: root,
       rules: action.rule
     });
+    return !ruleResult.applied;
   }
   function checkPermission(permission) {
     if (!permission) return true;
@@ -27423,17 +27491,17 @@ var TableWrapper = function TableWrapper(_ref) {
                 icon: /*#__PURE__*/jsx(DownloadOutlined$1, {}),
                 size: "middle",
                 onClick: function onClick() {
-                  var _state$catalogItem, _state$catalogItem2, _state$catalogItem3;
+                  var _state$catalogItem2, _state$catalogItem3, _state$catalogItem4;
                   var selectedData = state.data.filter(function (dt) {
                     return state.selected.includes(dt._id);
                   });
                   root.downloadStore.openDownload({
                     data: selectedData.length ? selectedData : state.mappingData,
                     action: action,
-                    catalogCodex: (_state$catalogItem = state.catalogItem) === null || _state$catalogItem === void 0 ? void 0 : _state$catalogItem.codex,
-                    dealerId: (_state$catalogItem2 = state.catalogItem) === null || _state$catalogItem2 === void 0 ? void 0 : _state$catalogItem2.dealerId,
+                    catalogCodex: (_state$catalogItem2 = state.catalogItem) === null || _state$catalogItem2 === void 0 ? void 0 : _state$catalogItem2.codex,
+                    dealerId: (_state$catalogItem3 = state.catalogItem) === null || _state$catalogItem3 === void 0 ? void 0 : _state$catalogItem3.dealerId,
                     currentUrl: state.currentFetchUrl,
-                    sessionGuid: (_state$catalogItem3 = state.catalogItem) === null || _state$catalogItem3 === void 0 ? void 0 : _state$catalogItem3.sessionGuid
+                    sessionGuid: (_state$catalogItem4 = state.catalogItem) === null || _state$catalogItem4 === void 0 ? void 0 : _state$catalogItem4.sessionGuid
                   });
                 },
                 children: (_action$label = action.label) !== null && _action$label !== void 0 ? _action$label : t('backoffice.basetable.download')
@@ -27619,17 +27687,17 @@ var TableWrapper = function TableWrapper(_ref) {
   });
 };
 var BaseTable = observer(TableWrapper);
-function DeleteButton(_ref2) {
-  var _ref2$selected = _ref2.selected,
-    selected = _ref2$selected === void 0 ? [] : _ref2$selected,
-    total = _ref2.total,
-    _ref2$min = _ref2.min,
-    min = _ref2$min === void 0 ? 0 : _ref2$min,
-    deleting = _ref2.deleting,
-    onDelete = _ref2.onDelete,
-    disabled = _ref2.disabled,
-    label = _ref2.label,
-    labelDialog = _ref2.labelDialog;
+function DeleteButton(_ref3) {
+  var _ref3$selected = _ref3.selected,
+    selected = _ref3$selected === void 0 ? [] : _ref3$selected,
+    total = _ref3.total,
+    _ref3$min = _ref3.min,
+    min = _ref3$min === void 0 ? 0 : _ref3$min,
+    deleting = _ref3.deleting,
+    onDelete = _ref3.onDelete,
+    disabled = _ref3.disabled,
+    label = _ref3.label,
+    labelDialog = _ref3.labelDialog;
   var _useTranslation2 = useTranslation(),
     t = _useTranslation2.t;
   var hasSelected = (selected === null || selected === void 0 ? void 0 : selected.length) > 0;
@@ -27657,16 +27725,16 @@ function DeleteButton(_ref2) {
     })
   });
 }
-function CopyButton(_ref3) {
+function CopyButton(_ref4) {
   var _state$configuration$24;
-  var state = _ref3.state;
+  var state = _ref4.state;
   var root = useStore();
   new _default$d({
     apiInterface: state.configuration.apiInterface,
     type: 'Table'
   }, root);
   var onCopy = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var _state$configuration$21;
       var copyAction, _iterator3, _step3, selectedRow;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -27703,11 +27771,11 @@ function CopyButton(_ref3) {
       }, _callee);
     }));
     return function onCopy() {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   var onCopyAction = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       var _state$configuration$22, _state$configuration$23;
       var copyAction, id, data;
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
@@ -27768,7 +27836,7 @@ function CopyButton(_ref3) {
       }, _callee3);
     }));
     return function onCopyAction() {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   var _useTranslation3 = useTranslation(),
@@ -27780,11 +27848,11 @@ function CopyButton(_ref3) {
     children: t('backoffice.basetable.copy')
   });
 }
-function BulkAction(_ref6) {
+function BulkAction(_ref7) {
   var _state$selected3;
-  var action = _ref6.action,
-    state = _ref6.state,
-    progressBar = _ref6.progressBar;
+  var action = _ref7.action,
+    state = _ref7.state,
+    progressBar = _ref7.progressBar;
   var root = useStore();
   var _useTranslation4 = useTranslation(),
     t = _useTranslation4.t;
@@ -27869,7 +27937,7 @@ function BulkAction(_ref6) {
     return true;
   };
   var callback = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(updatedData) {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(updatedData) {
       var _action$callback;
       var apiInterface, data, i, dataEntry;
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
@@ -27963,7 +28031,7 @@ function BulkAction(_ref6) {
       }, _callee4, null, [[2, 37]]);
     }));
     return function callback(_x2) {
-      return _ref7.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
   return /*#__PURE__*/jsx(Popover, {
@@ -27993,8 +28061,8 @@ function BulkAction(_ref6) {
     }, 'edit')
   });
 }
-function SelectionText(_ref8) {
-  var selected = _ref8.selected;
+function SelectionText(_ref9) {
+  var selected = _ref9.selected;
   var _useTranslation5 = useTranslation(),
     t = _useTranslation5.t;
   if (!(selected !== null && selected !== void 0 && selected.length)) {
@@ -32257,7 +32325,8 @@ var useEnricherContext = function useEnricherContext() {
       selectedPackage: {
         _id: urlPackageId || '',
         name: '',
-        isApi: false
+        isApi: false,
+        onlyPlaceholder: true
       },
       enricherService: root.configurationStore.apiConfig.enricherService,
       organizationId: root.dataStore.organizationId || '',
@@ -32299,7 +32368,8 @@ var useEnricherContext = function useEnricherContext() {
         _id: pkg,
         name: '',
         isoLanguageIds: [],
-        isApi: false
+        isApi: false,
+        onlyPlaceholder: true
       };
     } else {
       newPackage = pkg;
@@ -32342,7 +32412,8 @@ var useEnricherContext = function useEnricherContext() {
         _id: urlPackageId,
         name: '',
         isoLanguageIds: [],
-        isApi: false
+        isApi: false,
+        onlyPlaceholder: true
       });
     }
   }, [urlPackageId, getContext().packageId, setSelectedPackage]);
@@ -32726,6 +32797,7 @@ var useTools = function useTools(_ref) {
   var catalogId = _ref.catalogId,
     packageId = _ref.packageId,
     isApi2 = _ref.isApi2,
+    onlyPlaceholder = _ref.onlyPlaceholder,
     mainInformationWindowCodex = _ref.mainInformationWindowCodex,
     serie = _ref.serie,
     item = _ref.item,
@@ -32773,7 +32845,9 @@ var useTools = function useTools(_ref) {
         packageId: packageId,
         isIDMData: !isApi2 ? '1' : undefined
       }, parameters),
-      elementProps: catalogId ? _objectSpread$o({
+      elementProps: onlyPlaceholder ? {
+        onlyPlaceholder: true
+      } : catalogId ? _objectSpread$o({
         // open configurator for idm catalog
         useIDMService: true,
         catalogId: catalogId,
@@ -32863,7 +32937,7 @@ var useTools = function useTools(_ref) {
         return tool.id;
       })) || []));
     };
-  }, [mainInformationWindowCodex, catalogId, packageId, conditionalTools]);
+  }, [mainInformationWindowCodex, catalogId, packageId, conditionalTools, onlyPlaceholder]);
   return {
     updateConfigurator: updateConfigurator,
     updateInformationWindow: updateInformationWindow
@@ -32881,7 +32955,8 @@ var TableGroups = observer(function () {
     viewOnly = _useModule.viewOnly;
   useTools({
     packageId: packageId,
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
+    onlyPlaceholder: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.onlyPlaceholder
   });
   var applicationData = useMemo(function () {
     return {
@@ -33546,7 +33621,8 @@ var TablePackages = observer(function () {
     setSelectedPackage = _useEnricherContext.setSelectedPackage,
     selectedPackage = _useEnricherContext.selectedPackage;
   useTools({
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
+    onlyPlaceholder: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.onlyPlaceholder
   });
   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;
@@ -33803,6 +33879,9 @@ var TablePackages = observer(function () {
           apiInterface: {
             read: apiConfig.authService + "/organizations/".concat(organizationId, "/related")
           },
+          filter: function filter(_, lookupData) {
+            return lookupData._id !== organizationId;
+          },
           lookupValue: 'displayName',
           lookupKey: '_id',
           serverType: 'nodejs',
@@ -33900,7 +33979,8 @@ var TableProperties = observer(function () {
     viewOnly = _useModule.viewOnly;
   useTools({
     packageId: packageId,
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
+    onlyPlaceholder: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.onlyPlaceholder
   });
   var applicationData = useMemo(function () {
     return {
@@ -33947,18 +34027,26 @@ var TableProperties = observer(function () {
         additionalFields: ['featureNosDisplayTexts'],
         isDictionary: true
       }, {
-        field: 'optionKeys',
+        field: 'optionIds',
         headerName: 'backoffice.idmEnricher.renaming.label.optionKeys',
         cellDataType: 'lookup',
         editable: !viewOnly,
         customParams: {
           nameField: 'optionKeysDisplayTexts',
-          displayLabelTemplate: '${name} (${value})',
+          displayLabelTemplate: '${name} (${optionKeys}) in Features: ${optionFeatureNos}',
+          lookupLabelTemplate: '${name} (${optionKey}) in Features: ${featureNos}',
           apiInterface: {
             read: apiConfig.enricherService + '/packages/${packageId}/lookup/options'
           },
           lookupValue: 'optionText',
-          lookupKey: 'optionKey',
+          lookupKey: '_id',
+          additionalMappings: [{
+            lookupField: 'optionKey',
+            targetField: 'optionKeys'
+          }, {
+            lookupField: 'featureNos',
+            targetField: 'optionFeatureNos'
+          }],
           multiple: true,
           translated: true,
           filter: {
@@ -33968,7 +34056,7 @@ var TableProperties = observer(function () {
             filter: '${featureNos}'
           }
         },
-        additionalFields: ['optionKeysDisplayTexts'],
+        additionalFields: ['optionKeysDisplayTexts', 'optionKeys', 'optionFeatureNos'],
         isDictionary: true
       }, createTranslatedColumnConfig('name', 'backoffice.idmEnricher.properties.label.name', selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds, true), createTranslatedColumnConfig('value', 'backoffice.idmEnricher.properties.label.value', selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds, true), {
         field: 'serieNos',
@@ -34747,6 +34835,7 @@ var RenamingTable = observer(function (_ref) {
   var _useTools = useTools({
       packageId: packageId,
       isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
+      onlyPlaceholder: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.onlyPlaceholder,
       setArticle: setSelectedItem,
       setSerie: setSelectedSerie,
       serie: selectedSerie,
@@ -35348,6 +35437,7 @@ var ExclusivityTable = observer(function (_ref) {
   var _useTools = useTools({
       packageId: packageId,
       isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
+      onlyPlaceholder: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.onlyPlaceholder,
       setArticle: setSelectedItem,
       setSerie: setSelectedSerie,
       serie: selectedSerie,
@@ -35482,7 +35572,8 @@ var TableTabGroups = observer(function () {
     viewOnly = _useModule.viewOnly;
   useTools({
     packageId: packageId,
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
+    onlyPlaceholder: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.onlyPlaceholder
   });
   var applicationData = useMemo(function () {
     return {
@@ -35587,7 +35678,8 @@ var TablePartlistPos = observer(function () {
     viewOnly = _useModule.viewOnly;
   useTools({
     packageId: packageId,
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
+    onlyPlaceholder: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.onlyPlaceholder
   });
   var posInvisibility = useMemo(function () {
     return [{
@@ -37058,7 +37150,8 @@ var TablePriceList = observer(function () {
     setSelectedNodeId = _React$useState4[1];
   useTools({
     packageId: packageId,
-    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi
+    isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
+    onlyPlaceholder: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.onlyPlaceholder
   });
   var setNodeDataValue = useCallback(function (data) {
     spreadsheetRef.current.setNodeDataValue(selectedNodeId, data);
@@ -37347,10 +37440,10 @@ function IDMEnricherEditor (_ref) {
       display: 'flex',
       flexDirection: 'column'
     },
-    children: /*#__PURE__*/jsx(Content$5, {})
+    children: /*#__PURE__*/jsx(Content$7, {})
   });
 }
-function Content$5() {
+function Content$7() {
   return /*#__PURE__*/jsxs(Routes, {
     children: [/*#__PURE__*/jsx(Route, {
       index: true,
@@ -40376,7 +40469,7 @@ var TableSeries = observer(function () {
   });
 });
 
-var Features$1 = /*#__PURE__*/forwardRef(function Features(_ref, ref) {
+var Features$2 = /*#__PURE__*/forwardRef(function Features(_ref, ref) {
   var organizationId = _ref.organizationId,
     selectedCatalog = _ref.selectedCatalog,
     featureClassId = _ref.featureClassId,
@@ -40450,7 +40543,7 @@ var Features$1 = /*#__PURE__*/forwardRef(function Features(_ref, ref) {
           displayLabelTemplate: '${value}',
           lookupLabelTemplate: '${name} (${value})',
           apiInterface: {
-            read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/features'
+            read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/allfeatures'
           },
           lookupKey: 'featureNo',
           lookupValue: 'featureText',
@@ -40568,7 +40661,7 @@ var Features$1 = /*#__PURE__*/forwardRef(function Features(_ref, ref) {
   }, featureClassId ? featureClassId : 'features');
 });
 
-function Features(_ref) {
+function Features$1(_ref) {
   var readOnly = _ref.readOnly;
   var _useTranslation = useTranslation();
     _useTranslation.t;
@@ -40594,7 +40687,7 @@ function Features(_ref) {
         headerName: 'backoffice.idmCatalog.features.label.featureNo',
         required: true,
         unique: true
-      }, createTranslatedColumnConfig('featureText', 'backoffice.idmCatalog.features.label.featureText', ['DE', 'EN'], true), {
+      }, createTranslatedColumnConfig('featureText', 'backoffice.idmCatalog.features.label.featureText', ['DE', 'EN', 'FR', 'IT'], true), {
         field: 'sequenceNo',
         headerName: 'backoffice.idmCatalog.features.label.sequenceNo',
         required: true,
@@ -40632,7 +40725,7 @@ function Features(_ref) {
   }, 'features');
 }
 
-var TableFeatures$1 = observer(function () {
+var TableFeatures$2 = observer(function () {
   var _useDivaCore = useDivaCore(),
     jwt = _useDivaCore.state.jwt;
   var _useTranslation = useTranslation(),
@@ -40651,7 +40744,7 @@ var TableFeatures$1 = observer(function () {
       conditionalTools: [{
         id: 'globalfeatures',
         name: t('backoffice.menu.features.label.IDMGlobalFeatures'),
-        elementComponent: Features,
+        elementComponent: Features$1,
         elementProps: {
           readOnly: true
         },
@@ -40732,7 +40825,7 @@ var TableFeatures$1 = observer(function () {
           })]
         })]
       })
-    }), selectedCatalog && /*#__PURE__*/jsx(Features$1, {
+    }), selectedCatalog && /*#__PURE__*/jsx(Features$2, {
       organizationId: organizationId,
       selectedCatalog: selectedCatalog,
       hooks: hooks,
@@ -40742,7 +40835,7 @@ var TableFeatures$1 = observer(function () {
   });
 });
 
-var Options = /*#__PURE__*/forwardRef(function Options(_ref, ref) {
+var Options$1 = /*#__PURE__*/forwardRef(function Options(_ref, ref) {
   var organizationId = _ref.organizationId,
     selectedCatalog = _ref.selectedCatalog,
     apiConfig = _ref.apiConfig,
@@ -40906,7 +40999,7 @@ var Options = /*#__PURE__*/forwardRef(function Options(_ref, ref) {
   });
 });
 
-var TableOptions = observer(function () {
+var TableOptions$1 = observer(function () {
   var _selectedCatalog$name;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -40977,7 +41070,7 @@ var TableOptions = observer(function () {
           })]
         })]
       })
-    }), selectedCatalog && /*#__PURE__*/jsx(Options, {
+    }), selectedCatalog && /*#__PURE__*/jsx(Options$1, {
       organizationId: organizationId,
       selectedCatalog: selectedCatalog,
       hooks: hooks,
@@ -41008,7 +41101,7 @@ var TableFeatureClasses = observer(function () {
     conditionalTools: [{
       id: 'features',
       name: t('backoffice.menu.items.label.IDMCatalogEditorTableFeatures'),
-      elementComponent: Features$1,
+      elementComponent: Features$2,
       elementProps: {
         organizationId: organizationId,
         selectedCatalog: selectedCatalog,
@@ -41694,7 +41787,7 @@ function OptionCombinations(_ref) {
           editorElementProps: {
             nameField: 'featureRefsDisplayTexts',
             apiInterface: {
-              read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/features'
+              read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/allfeatures'
             },
             filter: function filter(_, lookupData) {
               var _decision$featureRefs8;
@@ -41719,10 +41812,31 @@ function OptionCombinations(_ref) {
         },
         defaultValue: []
       }] : decision.decisionType == 3 ? [{
-        headerName: 'backoffice.idmCatalog.optionCombinations.label.actions',
+        headerName: 'backoffice.idmCatalog.optionCombinations.label.setPosCountValue',
         field: 'actions',
-        cellDataType: 'array',
-        defaultValue: []
+        cellDataType: 'number',
+        required: true,
+        customParams: {
+          useParser: true,
+          useFormatter: true
+        },
+        valueFormatter: function valueFormatter(_ref2) {
+          _ref2.data;
+            var value = _ref2.value;
+          if (Array.isArray(value)) {
+            var action = value === null || value === void 0 ? void 0 : value.find(function (action) {
+              return action.startsWith('SET_POS_COUNT_VALUE');
+            });
+            return action ? Number(action.split(':')[1]) : undefined;
+          }
+          return value;
+        },
+        valueParser: function valueParser(_ref3) {
+          var newValue = _ref3.newValue;
+          if (newValue == '') return undefined;
+          return ["SET_POS_COUNT_VALUE:".concat(newValue)];
+        },
+        additionalFields: ['projectActions']
       }] : []), [{
         headerName: 'backoffice.idmCatalogEditor.general.label.sequenceNo',
         field: 'sequence',
@@ -41750,13 +41864,6 @@ function OptionCombinations(_ref) {
         field: '_id',
         editable: false,
         cellDataType: 'objectId'
-      }, {
-        field: 'organizationId',
-        editable: false,
-        hide: true,
-        lockVisible: true,
-        suppressColumnsToolPanel: true,
-        defaultValue: '${organizationId}'
       }, {
         field: 'catalogId',
         editable: false,
@@ -41913,7 +42020,7 @@ var TableDecisions = observer(function () {
           nameField: 'featureRefsDisplayTexts',
           displayLabelTemplate: '${name} (${value})',
           apiInterface: {
-            read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/features'
+            read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/allfeatures'
           },
           lookupValue: 'featureText',
           lookupKey: 'featureNo',
@@ -42665,7 +42772,7 @@ function PriceFeatureGroupPercentageSurcharge(_ref) {
           editorElementProps: {
             nameField: 'featureNosDisplayTexts',
             apiInterface: {
-              read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/features'
+              read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/allfeatures'
             },
             filter: function filter(_, lookupData) {
               var _priceFeatureGroup$fe7;
@@ -42852,7 +42959,7 @@ function PriceFeatureGroupFinishes(_ref) {
           editorElementProps: {
             nameField: 'featureNosDisplayTexts',
             apiInterface: {
-              read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/features'
+              read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/allfeatures'
             },
             filter: function filter(_, lookupData) {
               var _priceFeatureGroup$fe7;
@@ -43206,6 +43313,7 @@ var TablePrices = observer(function () {
         cellDataType: 'lookup',
         customParams: {
           nameField: 'typeNo',
+          filterCellType: 'objectId',
           displayLabelTemplate: '${name} (${value})',
           apiInterface: {
             read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/series/${serieId}/items'
@@ -43336,7 +43444,8 @@ function Items(_ref) {
         create: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/optiongroups/${selectedOptionGroup}/options',
         restore: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/optiongroups/${selectedOptionGroup}/options/${optionKey}',
         "delete": apiConfig.idmService + '/v3.0/catalogs/${catalogId}/optiongroups/${selectedOptionGroup}/options/${optionKey}',
-        update: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/optiongroups/${selectedOptionGroup}/options/${optionKey}'
+        update: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/optiongroups/${selectedOptionGroup}/options/${optionKey}',
+        bulk: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/optiongroups/${selectedOptionGroup}/options/bulk'
       },
       dateFormat: 'DD.MM.YYYY, HH:mm:ss',
       floatingFilter: true,
@@ -43494,10 +43603,10 @@ function IDMCatalogEditor (_ref) {
       display: 'flex',
       flexDirection: 'column'
     },
-    children: /*#__PURE__*/jsx(Content$4, {})
+    children: /*#__PURE__*/jsx(Content$6, {})
   });
 }
-function Content$4() {
+function Content$6() {
   return /*#__PURE__*/jsxs(Routes, {
     children: [/*#__PURE__*/jsx(Route, {
       index: true,
@@ -43510,10 +43619,10 @@ function Content$4() {
       element: /*#__PURE__*/jsx(TableItems, {})
     }), /*#__PURE__*/jsx(Route, {
       path: ":catalogId/features",
-      element: /*#__PURE__*/jsx(TableFeatures$1, {})
+      element: /*#__PURE__*/jsx(TableFeatures$2, {})
     }), /*#__PURE__*/jsx(Route, {
       path: ":catalogId/options",
-      element: /*#__PURE__*/jsx(TableOptions, {})
+      element: /*#__PURE__*/jsx(TableOptions$1, {})
     }), /*#__PURE__*/jsx(Route, {
       path: ":catalogId/optiongroups",
       element: /*#__PURE__*/jsx(TableOptionGroups, {})
@@ -43543,9 +43652,9 @@ function CollectionMembers(_ref) {
   var collection = _ref.collection,
     organizationId = _ref.organizationId,
     apiConfig = _ref.apiConfig;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t,
-    i18n = _useTranslation.i18n;
+  var _useTranslation = useTranslation();
+    _useTranslation.t;
+    var i18n = _useTranslation.i18n;
   var applicationData = useMemo(function () {
     return {
       organizationId: organizationId,
@@ -43586,36 +43695,33 @@ function CollectionMembers(_ref) {
           lookupKey: '_id',
           multiple: false,
           translated: false,
-          //add it to the row context, so it can be used in the validator but will not be saved to the server
+          //add it to the row context, so it can be used for filtering but will not be saved to the server
           additionalMappings: [{
             lookupField: 'published',
             targetField: '__diva_context.additionalData.published'
-          }]
+          }],
+          filter: function filter(_, lookupData) {
+            var _lookupData$published;
+            return (_lookupData$published = lookupData.published) === null || _lookupData$published === void 0 ? void 0 : _lookupData$published[organizationId];
+          }
         },
         additionalFields: ['enricherPackageName'],
-        isDictionary: false,
-        cellValueValidator: function cellValueValidator(_ref2) {
-          var _data$__diva_context;
-          var data = _ref2.data;
-          if (!((_data$__diva_context = data.__diva_context) !== null && _data$__diva_context !== void 0 && (_data$__diva_context = _data$__diva_context.additionalData) !== null && _data$__diva_context !== void 0 && (_data$__diva_context = _data$__diva_context.published) !== null && _data$__diva_context !== void 0 && _data$__diva_context[organizationId])) {
-            return t('backoffice.idmCatalogEditor.collection.enricherPackage.notPublishedError');
-          }
-          return undefined;
-        }
+        isDictionary: false
       }, {
         field: 'serieNos',
         headerName: 'backoffice.idmCatalogEditor.collectionmembers.label.serieNos',
         cellDataType: 'lookup',
-        editable: function editable(_ref3) {
-          var data = _ref3.data;
-          return data.enricherPackageId;
+        editable: function editable(_ref2) {
+          var data = _ref2.data,
+            context = _ref2.context;
+          return (context === null || context === void 0 ? void 0 : context.isPasting) || !!data.enricherPackageId;
         },
         customParams: {
           nameField: 'serieNosDisplayTexts',
           filterCellType: 'number',
           displayLabelTemplate: '${name} (${value})',
           apiInterface: {
-            read: apiConfig.enricherService + '/packages/${enricherPackageId}/lookup/series'
+            read: apiConfig.enricherService + '/live/v3.0/catalogs/${__diva_context.additionalData.published.' + organizationId + '.liveCatalogId}/series'
           },
           lookupValue: 'seriesName',
           lookupKey: 'serieNo',
@@ -43825,10 +43931,10 @@ function IDMCollectionEditor(_ref) {
       display: 'flex',
       flexDirection: 'column'
     },
-    children: /*#__PURE__*/jsx(Content$3, {})
+    children: /*#__PURE__*/jsx(Content$5, {})
   });
 }
-function Content$3() {
+function Content$5() {
   return /*#__PURE__*/jsx(Routes, {
     children: /*#__PURE__*/jsx(Route, {
       index: true,
@@ -43838,9 +43944,174 @@ function Content$3() {
   });
 }
 
+var TableFeatures$1 = observer(function () {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Descriptions$1, {
+      title: /*#__PURE__*/jsx("div", {
+        children: t('backoffice.menu.items.label.IDMCatalogEditorTableFeatures')
+      })
+    }), /*#__PURE__*/jsx(Features$1, {})]
+  });
+});
+
+function IDMFeaturesEditor(_ref) {
+  _objectDestructuringEmpty(_ref);
+  return /*#__PURE__*/jsx("div", {
+    style: {
+      height: '85vh',
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    children: /*#__PURE__*/jsx(Content$4, {})
+  });
+}
+function Content$4() {
+  return /*#__PURE__*/jsx(Routes, {
+    children: /*#__PURE__*/jsx(Route, {
+      index: true,
+      path: "",
+      element: /*#__PURE__*/jsx(TableFeatures$1, {})
+    })
+  });
+}
+
+function Features(_ref) {
+  var readOnly = _ref.readOnly;
+  var root = useStore();
+  var apiConfig = root.configurationStore.apiConfig;
+  var organizationId = root.dataStore.organizationId;
+  var applicationData = useMemo(function () {
+    return {
+      organizationId: organizationId
+    };
+  }, [organizationId]);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var configuration = useMemo(function () {
+    var _root$dataStore$curre;
+    var headerPosVariationType = [{
+      name: t('backoffice.idmCatalog.features.label.vt.I'),
+      value: 'I'
+    }, {
+      name: t('backoffice.idmCatalog.features.label.vt.K'),
+      value: 'K'
+    }, {
+      name: t('backoffice.idmCatalog.features.label.vt.P'),
+      value: 'P'
+    }];
+    var featureT = [{
+      name: t('backoffice.idmCatalog.features.label.featureTDic.M'),
+      value: 'M'
+    }, {
+      name: t('backoffice.idmCatalog.features.label.featureTDic.C'),
+      value: 'C'
+    }, {
+      name: t('backoffice.idmCatalog.features.label.featureTDic.O'),
+      value: 'O'
+    }];
+    return {
+      type: 'dotnetSSM',
+      apiInterface: {
+        read: apiConfig.idmService + '/v3.0/${organizationId}/features',
+        create: readOnly ? undefined : apiConfig.idmService + '/v3.0/${organizationId}/features',
+        restore: readOnly ? undefined : apiConfig.idmService + '/v3.0/${organizationId}/features/${_id}/restore',
+        "delete": readOnly ? undefined : apiConfig.idmService + '/v3.0/${organizationId}/features/${_id}',
+        update: readOnly ? undefined : apiConfig.idmService + '/v3.0/${organizationId}/features/${_id}',
+        bulk: readOnly ? undefined : apiConfig.idmService + '/v3.0/${organizationId}/features/bulk'
+      },
+      dateFormat: 'DD.MM.YYYY, HH:mm:ss',
+      colDef: [{
+        field: 'featureNo',
+        headerName: 'backoffice.idmCatalog.features.label.featureNo',
+        required: true,
+        unique: true
+      }, createTranslatedColumnConfig('featureText', 'backoffice.idmCatalog.features.label.featureText', (_root$dataStore$curre = root.dataStore.currentOrganization) === null || _root$dataStore$curre === void 0 ? void 0 : _root$dataStore$curre.settings.languages, true), {
+        field: 'sequenceNo',
+        headerName: 'backoffice.idmCatalog.features.label.sequenceNo',
+        required: true,
+        cellDataType: 'number'
+      }, {
+        field: 'headerPosVariationType',
+        headerName: 'backoffice.idmCatalog.features.label.headerPosVariationType',
+        required: true,
+        cellDataType: 'enum',
+        customParams: {
+          enumData: headerPosVariationType,
+          displayLabelTemplate: '${name} (${value})'
+        }
+      }, {
+        field: 'featureT',
+        headerName: 'backoffice.idmCatalog.features.label.featureT',
+        cellDataType: 'enum',
+        customParams: {
+          enumData: featureT,
+          displayLabelTemplate: '${name} (${value})'
+        }
+      }, {
+        field: 'measureUnit',
+        headerName: 'backoffice.idmCatalog.features.label.measureUnit'
+      }, {
+        field: 'measureParameter',
+        headerName: 'backoffice.idmCatalog.features.label.measureParameter'
+      }, {
+        headerName: 'backoffice.idmCatalog.general.label.lastUpdatedDate',
+        field: 'lastUpdatedDate',
+        cellDataType: 'dateString',
+        editable: false
+      }, {
+        headerName: 'backoffice.idmCatalog.general.label.createdDate',
+        field: 'createdDate',
+        cellDataType: 'dateString',
+        editable: false
+      }, {
+        headerName: 'backoffice.idmCatalog.general.label.createdByDisplayText',
+        field: 'createdByDisplayText',
+        editable: false
+      }, {
+        headerName: 'backoffice.idmCatalog.general.label.lastUpdatedByDisplayText',
+        field: 'lastUpdatedByDisplayText',
+        editable: false
+      }, {
+        headerName: 'backoffice.idmCatalog.general.label._id',
+        field: '_id',
+        editable: false,
+        cellDataType: 'objectId'
+      }, {
+        field: 'organizationId',
+        editable: false,
+        hide: true,
+        lockVisible: true,
+        suppressColumnsToolPanel: true,
+        defaultValue: '${organizationId}'
+      }]
+    };
+  }, []);
+  return /*#__PURE__*/jsx(Spreadsheet, {
+    gridId: 'crud-grid_global_features',
+    applicationData: applicationData,
+    configuration: configuration
+  }, 'features');
+}
+
 var TableFeatures = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  useTools({
+    conditionalTools: [{
+      id: 'globalfeatures',
+      name: t('backoffice.menu.features.label.IDMGlobalFeatures'),
+      elementComponent: Features$1,
+      elementProps: {
+        readOnly: true
+      },
+      where: 'right',
+      condition: function condition() {
+        return true;
+      }
+    }]
+  });
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsx("div", {
@@ -43850,7 +44121,196 @@ var TableFeatures = observer(function () {
   });
 });
 
-function IDMFeaturesEditor(_ref) {
+function IDMOrganizationFeaturesEditor(_ref) {
+  _objectDestructuringEmpty(_ref);
+  return /*#__PURE__*/jsx("div", {
+    style: {
+      height: '85vh',
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    children: /*#__PURE__*/jsx(Content$3, {})
+  });
+}
+function Content$3() {
+  return /*#__PURE__*/jsx(Routes, {
+    children: /*#__PURE__*/jsx(Route, {
+      index: true,
+      path: "",
+      element: /*#__PURE__*/jsx(TableFeatures, {})
+    })
+  });
+}
+
+function Options(_ref) {
+  var _root$dataStore$curre;
+  var readOnly = _ref.readOnly;
+  var root = useStore();
+  var apiConfig = root.configurationStore.apiConfig;
+  var organizationId = root.dataStore.organizationId;
+  var languages = (_root$dataStore$curre = root.dataStore.currentOrganization) === null || _root$dataStore$curre === void 0 ? void 0 : _root$dataStore$curre.settings.languages;
+  var applicationData = useMemo(function () {
+    return {
+      organizationId: organizationId
+    };
+  }, [organizationId]);
+  var _useTranslation = useTranslation();
+    _useTranslation.t;
+  var configuration = useMemo(function () {
+    return {
+      type: 'dotnetSSM',
+      apiInterface: {
+        read: apiConfig.idmService + '/v3.0/${organizationId}/options',
+        create: readOnly ? undefined : apiConfig.idmService + '/v3.0/${organizationId}/options',
+        restore: readOnly ? undefined : apiConfig.idmService + '/v3.0/${organizationId}/options/${_id}/restore',
+        "delete": readOnly ? undefined : apiConfig.idmService + '/v3.0/${organizationId}/options/${_id}',
+        update: readOnly ? undefined : apiConfig.idmService + '/v3.0/${organizationId}/options/${_id}',
+        bulk: readOnly ? undefined : apiConfig.idmService + '/v3.0/${organizationId}/options/bulk'
+      },
+      dateFormat: 'DD.MM.YYYY, HH:mm:ss',
+      colDef: [{
+        field: 'optionKey',
+        required: true
+      }, {
+        headerName: 'backoffice.idmCatalogEditor.general.label.sequenceNo',
+        field: 'sequenceNo',
+        cellDataType: 'number'
+      }, createTranslatedColumnConfig('optionText', 'backoffice.idmCatalog.options.label.optionText', languages, true), createTranslatedColumnConfig('optionCommentText', 'backoffice.idmCatalog.options.label.optionCommentText', languages), {
+        headerName: 'backoffice.idmCatalog.options.label.optionFreeText',
+        field: 'optionFreeText',
+        cellDataType: 'boolean'
+      }, {
+        field: 'featureNos',
+        headerName: 'backoffice.idmCatalogEditor.catalogoptions.label.featureIds',
+        cellDataType: 'lookup',
+        editable: true,
+        required: false,
+        customParams: {
+          nameField: 'featureIdsDisplayTexts',
+          filterCellType: 'number',
+          displayLabelTemplate: '${name} (${value})',
+          apiInterface: {
+            read: apiConfig.idmService + '/v3.0/${organizationId}/features'
+          },
+          lookupValue: 'featureText',
+          lookupKey: 'featureNo',
+          lookupKeyFilterType: {
+            type: 'equals',
+            filterType: 'number'
+          },
+          additionalMappings: [{
+            lookupField: '_id',
+            targetField: 'featureIds'
+          }],
+          multiple: true,
+          translated: true
+        },
+        additionalFields: ['featureIdsDisplayTexts', 'featureIds'],
+        isDictionary: true
+      }, {
+        headerName: 'backoffice.idmCatalog.items.label.validation',
+        children: [{
+          headerName: 'backoffice.idmCatalog.general.label.validFromDate',
+          field: 'validFromDate',
+          cellDataType: 'dateString',
+          customParams: {
+            dateFormat: 'DD.MM.YYYY'
+          }
+        }, {
+          headerName: 'backoffice.idmCatalog.general.label.validUntilDate',
+          field: 'validUntilDate',
+          cellDataType: 'dateString',
+          customParams: {
+            dateFormat: 'DD.MM.YYYY'
+          }
+        }]
+      }, {
+        headerName: 'backoffice.idmCatalog.options.label.material',
+        children: [{
+          headerName: 'backoffice.idmCatalog.options.label.materialNo',
+          field: 'materialNo',
+          editable: false
+        }, {
+          headerName: 'backoffice.idmCatalog.options.label.materialColorR',
+          field: 'materialColorR',
+          cellDataType: 'number'
+        }, {
+          headerName: 'backoffice.idmCatalog.options.label.materialColorG',
+          field: 'materialColorG',
+          cellDataType: 'number'
+        }, {
+          headerName: 'backoffice.idmCatalog.options.label.materialColorB',
+          field: 'materialColorB',
+          cellDataType: 'number'
+        }]
+      }, {
+        headerName: 'backoffice.idmCatalog.options.label.measurement',
+        children: [{
+          headerName: 'backoffice.idmCatalog.options.label.measureNo',
+          field: 'measureNo',
+          cellDataType: 'number',
+          editable: false
+        }, {
+          headerName: 'backoffice.idmCatalog.options.label.measureValue',
+          field: 'measureValue',
+          cellDataType: 'number'
+        }, {
+          headerName: 'backoffice.idmCatalog.options.label.measureUnit',
+          field: 'measureUnit'
+        }]
+      }, {
+        headerName: 'backoffice.idmCatalog.general.label.lastUpdatedDate',
+        field: 'lastUpdatedDate',
+        cellDataType: 'dateString',
+        editable: false
+      }, {
+        headerName: 'backoffice.idmCatalog.general.label.createdDate',
+        field: 'createdDate',
+        cellDataType: 'dateString',
+        editable: false
+      }, {
+        headerName: 'backoffice.idmCatalog.general.label.createdByDisplayText',
+        field: 'createdByDisplayText',
+        editable: false
+      }, {
+        headerName: 'backoffice.idmCatalog.general.label.lastUpdatedByDisplayText',
+        field: 'lastUpdatedByDisplayText',
+        editable: false
+      }, {
+        headerName: 'backoffice.idmCatalog.general.label._id',
+        field: '_id',
+        editable: false,
+        cellDataType: 'objectId'
+      }, {
+        field: 'organizationId',
+        editable: false,
+        hide: true,
+        lockVisible: true,
+        suppressColumnsToolPanel: true,
+        defaultValue: '${organizationId}'
+      }]
+    };
+  }, []);
+  return /*#__PURE__*/jsx(Spreadsheet, {
+    gridId: 'crud-grid_global_features',
+    applicationData: applicationData,
+    configuration: configuration
+  }, 'features');
+}
+
+var TableOptions = observer(function () {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Descriptions$1, {
+      title: /*#__PURE__*/jsx("div", {
+        children: t('backoffice.menu.items.label.IDMCatalogEditorTableOptions')
+      })
+    }), /*#__PURE__*/jsx(Options, {})]
+  });
+});
+
+function IDMOrganizationOptionsEditor(_ref) {
   _objectDestructuringEmpty(_ref);
   return /*#__PURE__*/jsx("div", {
     style: {
@@ -43866,7 +44326,7 @@ function Content$2() {
     children: /*#__PURE__*/jsx(Route, {
       index: true,
       path: "",
-      element: /*#__PURE__*/jsx(TableFeatures, {})
+      element: /*#__PURE__*/jsx(TableOptions, {})
     })
   });
 }
@@ -44428,6 +44888,12 @@ var ContentCard = observer(function (_ref3) {
     }, configId), configuration.type == 'IDMFeaturesEditor' && /*#__PURE__*/jsx(IDMFeaturesEditor, {
       configuration: configuration,
       id: configId
+    }, configId), configuration.type == 'IDMOrganizationFeaturesEditor' && /*#__PURE__*/jsx(IDMOrganizationFeaturesEditor, {
+      configuration: configuration,
+      id: configId
+    }, configId), configuration.type == 'IDMOrganizationOptionsEditor' && /*#__PURE__*/jsx(IDMOrganizationOptionsEditor, {
+      configuration: configuration,
+      id: configId
     }, configId), configuration.type == 'MediaTable' && /*#__PURE__*/jsx(MediaTable, {
       configuration: configuration,
       id: configId
@@ -45047,13 +45513,15 @@ var ArticleSelection$1 = observer(ArticleSelection);
 function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useWysiwyg$1(_ref) {
-  var _tool$parameters;
+  var _tool$parameters, _tool$elementProps5;
   var tool = _ref.tool,
     toolbar = _ref.toolbar;
   var _useDivaCore = useDivaCore(),
     _useDivaCore$actions = _useDivaCore.actions,
     subscribeEvents = _useDivaCore$actions.subscribeEvents,
     unSubscribeEvents = _useDivaCore$actions.unSubscribeEvents;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var root = useStore();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -45065,34 +45533,54 @@ function useWysiwyg$1(_ref) {
     setMask = _useState4[1];
   var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
-    articleCodex = _useState6[0],
-    setArticleCodex = _useState6[1];
-  var _useState7 = useState([]),
+    loadingText = _useState6[0],
+    setLoadingText = _useState6[1];
+  var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    itemList = _useState8[0],
-    setItemList = _useState8[1];
-  var _useState9 = useState({
-      catalogCodex: (_tool$parameters = tool.parameters) === null || _tool$parameters === void 0 ? void 0 : _tool$parameters.catalogCodex
-    }),
+    isLoadingMask = _useState8[0],
+    setLoadingMask = _useState8[1];
+  var _useState9 = useState(false),
     _useState10 = _slicedToArray(_useState9, 2),
-    serie = _useState10[0],
-    setSerie = _useState10[1];
-  var _useState11 = useState([]),
+    isLoadingCatalog = _useState10[0],
+    setLoadingCatalog = _useState10[1];
+  var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    serieList = _useState12[0],
-    setSerieList = _useState12[1];
-  var _useState13 = useState(tool.parameters.catalogId),
+    isLoadingPackage = _useState12[0],
+    setLoadingPackage = _useState12[1];
+  var _useState13 = useState(false),
     _useState14 = _slicedToArray(_useState13, 2),
-    catalogId = _useState14[0],
-    setCatalogId = _useState14[1];
+    isLoadingArticles = _useState14[0],
+    setLoadingArticles = _useState14[1];
   var _useState15 = useState(),
     _useState16 = _slicedToArray(_useState15, 2),
-    currentNav = _useState16[0],
-    setCurrentNav = _useState16[1];
-  var _useState17 = useState(),
+    articleCodex = _useState16[0],
+    setArticleCodex = _useState16[1];
+  var _useState17 = useState([]),
     _useState18 = _slicedToArray(_useState17, 2),
-    doNavigate = _useState18[0],
-    setDoNavigate = _useState18[1];
+    itemList = _useState18[0],
+    setItemList = _useState18[1];
+  var _useState19 = useState({
+      catalogCodex: (_tool$parameters = tool.parameters) === null || _tool$parameters === void 0 ? void 0 : _tool$parameters.catalogCodex
+    }),
+    _useState20 = _slicedToArray(_useState19, 2),
+    serie = _useState20[0],
+    setSerie = _useState20[1];
+  var _useState21 = useState([]),
+    _useState22 = _slicedToArray(_useState21, 2),
+    serieList = _useState22[0],
+    setSerieList = _useState22[1];
+  var _useState23 = useState(tool.parameters.catalogId),
+    _useState24 = _slicedToArray(_useState23, 2),
+    catalogId = _useState24[0],
+    setCatalogId = _useState24[1];
+  var _useState25 = useState(),
+    _useState26 = _slicedToArray(_useState25, 2),
+    currentNav = _useState26[0],
+    setCurrentNav = _useState26[1];
+  var _useState27 = useState(),
+    _useState28 = _slicedToArray(_useState27, 2),
+    doNavigate = _useState28[0],
+    setDoNavigate = _useState28[1];
   useEffect(function () {
     if (!toolbar.hidden) setDoReset(true);
   }, [toolbar.hidden]);
@@ -45220,26 +45708,36 @@ function useWysiwyg$1(_ref) {
     };
   }();
   useEffect(function () {
+    var _tool$elementProps;
+    if ((_tool$elementProps = tool.elementProps) !== null && _tool$elementProps !== void 0 && _tool$elementProps.onlyPlaceholder) return;
     if (doReset) {
-      var _tool$elementProps, _tool$elementProps3;
+      var _tool$elementProps2, _tool$elementProps4;
       if (currentNav) setDoNavigate(currentNav);
-      if ((_tool$elementProps = tool.elementProps) !== null && _tool$elementProps !== void 0 && _tool$elementProps.showCatalogSelection && !serieList.length) {
-        var _tool$elementProps2;
-        if ((_tool$elementProps2 = tool.elementProps) !== null && _tool$elementProps2 !== void 0 && _tool$elementProps2.loadPackage) {
-          loadPackage(tool.parameters.packageId);
+      if ((_tool$elementProps2 = tool.elementProps) !== null && _tool$elementProps2 !== void 0 && _tool$elementProps2.showCatalogSelection && !serieList.length) {
+        var _tool$elementProps3;
+        if ((_tool$elementProps3 = tool.elementProps) !== null && _tool$elementProps3 !== void 0 && _tool$elementProps3.loadPackage) {
+          setLoadingPackage(true);
+          loadPackage(tool.parameters.packageId).then(function () {
+            return setLoadingPackage(false);
+          });
         } else {
-          loadCatalogs(tool.elementProps.catalogId);
+          setLoadingCatalog(true);
+          loadCatalogs(tool.elementProps.catalogId).then(function () {
+            return setLoadingCatalog(false);
+          });
         }
       }
-      if ((_tool$elementProps3 = tool.elementProps) !== null && _tool$elementProps3 !== void 0 && _tool$elementProps3.loadMask) {
+      if ((_tool$elementProps4 = tool.elementProps) !== null && _tool$elementProps4 !== void 0 && _tool$elementProps4.loadMask) {
+        setLoadingMask(true);
         loadMask(tool.parameters.packageId).then(function () {
-          return setDoReset(false);
+          setLoadingMask(false);
+          setDoReset(false);
         });
       } else {
         setDoReset(false);
       }
     }
-  }, [doReset]);
+  }, [doReset, (_tool$elementProps5 = tool.elementProps) === null || _tool$elementProps5 === void 0 ? void 0 : _tool$elementProps5.onlyPlaceholder]);
   useEffect(function () {
     setArticleCodex(undefined);
     if (serie !== null && serie !== void 0 && serie.catalogCodex) {
@@ -45255,6 +45753,7 @@ function useWysiwyg$1(_ref) {
     setArticleCodex(undefined);
     setSerie(undefined);
     setItemList([]);
+    setLoadingArticles(true);
     setSerieList([]);
   }, [tool.parameters.catalogId, tool.parameters.packageId]);
   var onEventCalled = /*#__PURE__*/function () {
@@ -45277,6 +45776,7 @@ function useWysiwyg$1(_ref) {
                 });
               }
               setItemList(articles);
+              setLoadingArticles(false);
               if (articleCodex === undefined && articles !== null && articles !== void 0 && (_articles$ = articles[0]) !== null && _articles$ !== void 0 && _articles$.value) setArticleCodex(articles[0].value);
             }
             if (e.type === 'navigatedToOption') {
@@ -45299,7 +45799,7 @@ function useWysiwyg$1(_ref) {
     };
   }, [articleCodex]);
   var settings = useMemo(function () {
-    var _tool$elementProps4, _tool$elementProps5, _tool$elementProps6;
+    var _tool$elementProps6, _tool$elementProps7, _tool$elementProps8;
     return {
       language: 'DE',
       showSelectionModeZero: true,
@@ -45356,9 +45856,9 @@ function useWysiwyg$1(_ref) {
         tooltipPosition: 'left-center',
         clientEvents: ['onWebPlanerConfigChange', 'onArticlesLoaded']
       },
-      useIDMService: (_tool$elementProps4 = tool.elementProps) === null || _tool$elementProps4 === void 0 ? void 0 : _tool$elementProps4.useIDMService,
-      useEnricherService: (_tool$elementProps5 = tool.elementProps) === null || _tool$elementProps5 === void 0 ? void 0 : _tool$elementProps5.useEnricherService,
-      useMask: (_tool$elementProps6 = tool.elementProps) === null || _tool$elementProps6 === void 0 ? void 0 : _tool$elementProps6.loadMask,
+      useIDMService: (_tool$elementProps6 = tool.elementProps) === null || _tool$elementProps6 === void 0 ? void 0 : _tool$elementProps6.useIDMService,
+      useEnricherService: (_tool$elementProps7 = tool.elementProps) === null || _tool$elementProps7 === void 0 ? void 0 : _tool$elementProps7.useEnricherService,
+      useMask: (_tool$elementProps8 = tool.elementProps) === null || _tool$elementProps8 === void 0 ? void 0 : _tool$elementProps8.loadMask,
       templateConfig: {
         Layout: 'wysiwyg',
         NavigationButton: 'standard',
@@ -45379,6 +45879,19 @@ function useWysiwyg$1(_ref) {
       }
     };
   }, []);
+  useEffect(function () {
+    if (isLoadingPackage) {
+      setLoadingText(t('backoffice.wysiwyg.configurator.loading.package'));
+    } else if (isLoadingCatalog) {
+      setLoadingText(t('backoffice.wysiwyg.configurator.loading.catalog'));
+    } else if (isLoadingMask) {
+      setLoadingText(t('backoffice.wysiwyg.configurator.loading.mask'));
+    } else if (isLoadingArticles) {
+      setLoadingText(t('backoffice.wysiwyg.configurator.loading.articles'));
+    } else {
+      setLoadingText(undefined);
+    }
+  }, [isLoadingPackage, isLoadingCatalog, isLoadingMask, isLoadingArticles]);
   return {
     itemList: itemList,
     setItemList: setItemList,
@@ -45394,7 +45907,8 @@ function useWysiwyg$1(_ref) {
     setDoReset: setDoReset,
     doNavigate: doNavigate,
     setDoNavigate: setDoNavigate,
-    catalogId: catalogId
+    catalogId: catalogId,
+    loadingText: loadingText
   };
 }
 
@@ -45512,6 +46026,7 @@ var Wsyiwyg = function Wsyiwyg(_ref) {
     }
   }, [tool.parameters]);
   useEffect(function () {
+    if (tool.elementProps.onlyPlaceholder) return;
     if (tool.elementProps.initSerie) {
       if (tool.elementProps.useEnricherService) {
         var _state$serieList$find;
@@ -45546,6 +46061,9 @@ var Wsyiwyg = function Wsyiwyg(_ref) {
       });
     }
   }
+  if (tool.elementProps.onlyPlaceholder) {
+    return /*#__PURE__*/jsx("div", {});
+  }
   if (state !== null && state !== void 0 && state.mask) {
     var _state$mask;
     if (!((_state$mask = state.mask) !== null && _state$mask !== void 0 && _state$mask.catalogCodex) || !state.mask.accountId) return /*#__PURE__*/jsx(Fragment, {
@@ -45556,14 +46074,18 @@ var Wsyiwyg = function Wsyiwyg(_ref) {
     errorCode: "BACKO_0004",
     children: /*#__PURE__*/jsxs("div", {
       className: wrapper$2,
-      children: [!!tool.elementProps.showCatalogSelection && /*#__PURE__*/jsx(CatalogSelection$1, {
-        state: state,
-        setSerie: tool.elementProps.setSerie
-      }), /*#__PURE__*/jsx(ArticleSelection$1, {
-        state: state,
-        setArticle: tool.elementProps.setArticle
+      children: [!state.loadingText && /*#__PURE__*/jsxs(Fragment, {
+        children: [!!tool.elementProps.showCatalogSelection && /*#__PURE__*/jsx(CatalogSelection$1, {
+          state: state,
+          setSerie: tool.elementProps.setSerie
+        }), /*#__PURE__*/jsx(ArticleSelection$1, {
+          state: state,
+          setArticle: tool.elementProps.setArticle
+        })]
+      }), state.loadingText && /*#__PURE__*/jsx("div", {
+        children: state.loadingText
       }), state.mask && !state.doReset && /*#__PURE__*/jsx("div", {
-        hidden: !state.articleCodex,
+        hidden: !state.articleCodex && !!state.loadingText,
         className: confContainer,
         children: /*#__PURE__*/jsx(WebPlannerReact, {
           settings: state.settings,
@@ -45593,7 +46115,7 @@ var Wsyiwyg = function Wsyiwyg(_ref) {
               }
             }
           },
-          isVisible: !!state.articleCodex
+          isVisible: !!state.articleCodex && !state.loadingText
         }, state.articleCodex)
       })]
     })