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

package/build/esm/index.js

@@ -75,7 +75,7 @@ import DeleteOutlined from '@ant-design/icons/DeleteOutlined';
 import JSONEditor from 'jsoneditor';
 import 'jsoneditor/dist/jsoneditor.css';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { MinusCircleOutlined, PlusOutlined, DownloadOutlined as DownloadOutlined$1, PlusSquareOutlined, DeleteOutlined as DeleteOutlined$1, FullscreenOutlined, FileUnknownOutlined, CloseOutlined as CloseOutlined$1, PlusCircleOutlined as PlusCircleOutlined$1, HomeOutlined as HomeOutlined$1, InboxOutlined, UploadOutlined as UploadOutlined$1, InfoCircleOutlined as InfoCircleOutlined$1, ReloadOutlined as ReloadOutlined$1 } from '@ant-design/icons';
+import { MinusCircleOutlined, PlusOutlined, DownloadOutlined as DownloadOutlined$1, PlusSquareOutlined, DeleteOutlined as DeleteOutlined$1, FullscreenOutlined, FileUnknownOutlined, CloseOutlined as CloseOutlined$1, PlusCircleOutlined as PlusCircleOutlined$1, HomeOutlined as HomeOutlined$1, InboxOutlined, EditOutlined, EyeOutlined, UploadOutlined as UploadOutlined$1, InfoCircleOutlined as InfoCircleOutlined$1, ReloadOutlined as ReloadOutlined$1 } from '@ant-design/icons';
 import classnames from 'classnames';
 import RTFEditor from '@crystaldesign/rtf-editor';
 import debounce from 'lodash/debounce';
@@ -117,12 +117,14 @@ import { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 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 EditOutlined$1 from '@ant-design/icons/lib/icons/EditOutlined';
 import Checkbox$1 from 'antd/es/checkbox/Checkbox';
+import SyncOutlined from '@ant-design/icons/SyncOutlined';
 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 EyeOutlined$1 from '@ant-design/icons/lib/icons/EyeOutlined';
 import { useTranslation as useTranslation$1 } from 'react-i18next';
 import JSZip from 'jszip';
 import { DropzoneAreaBase } from 'react-mui-dropzone';
@@ -2771,7 +2773,8 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
           labelOff: t('backoffice.table.taskstatusversioning.filter.label.allorgs'),
           inverted: true,
           permission: 'backoffice_taskstatus_allorgs',
-          isAnd: true
+          isAnd: true,
+          defaultChecked: true
         },
         search: {
           fields: ['_id', 'progress.dataItems', 'taskName', 'organizationId', 'user.fullName', 'status', 'serverName', 'taskType']
@@ -3251,7 +3254,165 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       },
       apiInterface: {
         read: {
-          list: '${adminService}/taskStatus?filter=%5B%7BtaskType%2Cne%2CSAP_XML_IMPORT%7D%2C%7BtaskType%2Cne%2CSAP_DROPDOWNITEMS%7D%2C%7BtaskType%2Cne%2CSAP_TEMPLATEARTICLES%7D%2C%7BtaskType%2Cne%2CSAP_ARTICLE_IMPORT%7D%2C%7BtaskType%2Cne%2CSAP_SUPPLIERS%7D%2C%7BtaskType%2Cne%2CSAP_PRODUCTGROUPS%7D%2C%7BtaskType%2Cne%2CSAP_AUSP%7D%2C%7BtaskType%2Cne%2CPIM_SEND_CLASSIFICATION%7D%2C%7BtaskType%2Cne%2CSEND_SAP_ARTICLES%7D%2C%7BtaskType%2Cne%2CCRON%7D%2C%7BtaskType%2Cne%2CRETAIL_VERSIONING%7D%2C%7BtaskType%2Cne%2CSUPPLIER_VERSIONING%7D%2C%7BtaskType%2Cne%2CBACKOFFICE_CE_EXPORT%7D%2C%7BtaskType%2Cne%2CBACKOFFICE_CE_IMPORT%7D%2C%7BtaskType%2Cne%2CGET_PRODUCT_FEATURES_PIM%7D%2C%7BtaskType%2Cne%2CIDM_IMPORT%7D%2C%7BtaskType%2Cne%2CIDM_EXPORT%7D%5D',
+          list: '${adminService}/taskStatus?filter=%5B%7BtaskType%2Cne%2CSAP_XML_IMPORT%7D%2C%7BtaskType%2Cne%2CSAP_DROPDOWNITEMS%7D%2C%7BtaskType%2Cne%2CSAP_TEMPLATEARTICLES%7D%2C%7BtaskType%2Cne%2CSAP_ARTICLE_IMPORT%7D%2C%7BtaskType%2Cne%2CSAP_SUPPLIERS%7D%2C%7BtaskType%2Cne%2CSAP_PRODUCTGROUPS%7D%2C%7BtaskType%2Cne%2CSAP_AUSP%7D%2C%7BtaskType%2Cne%2CPIM_SEND_CLASSIFICATION%7D%2C%7BtaskType%2Cne%2CSEND_SAP_ARTICLES%7D%2C%7BtaskType%2Cne%2CCRON%7D%2C%7BtaskType%2Cne%2CRETAIL_VERSIONING%7D%2C%7BtaskType%2Cne%2CSUPPLIER_VERSIONING%7D%2C%7BtaskType%2Cne%2CBACKOFFICE_CE_EXPORT%7D%2C%7BtaskType%2Cne%2CBACKOFFICE_CE_IMPORT%7D%2C%7BtaskType%2Cne%2CGET_PRODUCT_FEATURES_PIM%7D%2C%7BtaskType%2Cne%2CIDM_IMPORT%7D%2C%7BtaskType%2Cne%2CIDM_EXPORT%7D%2C%7BtaskType%2Cne%2CPARTLIST_IMPORT%7D%2C%7BtaskType%2Cne%2CARTICLE_IMPORT%7D%2C%7BtaskType%2Cne%2CPRICE_IMPORT%7D%2C%7BtaskType%2Cne%2COPVG_IMPORT%7D%5D',
+          fields: true,
+          filterServerSide: true
+        }
+      },
+      mapping: {
+        type: 'query',
+        map: [{
+          globalValue: 'selectedOrganizationId',
+          targetField: 'organizationId'
+        }]
+      },
+      rowAction: [{
+        actionType: 'Detail',
+        type: 'Form',
+        id: 'FormTaskStatusDetails',
+        title: function title(data) {
+          return t('backoffice.table.taskstatusversioning.rowAction.title') + ': ' + data.taskName;
+        }
+      }]
+    },
+    TableTaskStatusCEVSAPI: {
+      type: 'Table',
+      canRefresh: true,
+      autoRefresh: 60000,
+      title: t('backoffice.table.taskstatusversioning.title.taskstatuscevsapi'),
+      columns: [{
+        title: 'ID',
+        field: '_id',
+        sorter: 2,
+        filter: 'advanced',
+        width: 200,
+        hidden: true
+      }, {
+        title: t('backoffice.table.taskstatusversioning.columns.model'),
+        field: 'warning',
+        hidden: true
+      }, {
+        title: t('backoffice.table.taskstatusversioning.columns.model'),
+        field: 'error',
+        hidden: true
+      }, {
+        title: t('backoffice.table.taskstatusversioning.columns.taskname'),
+        field: 'taskName',
+        sorter: 2,
+        filter: 'advanced',
+        width: 400
+      }, {
+        title: t('backoffice.table.taskstatusversioning.columns.organisationid'),
+        field: 'organizationId',
+        hidden: true
+      }, {
+        title: t('backoffice.table.taskstatusversioning.columns.organisation'),
+        field: 'organizationDisplayName',
+        field2: 'organizationId',
+        type: 'link',
+        link: '/backoffice?lang=de&organizationId={field2}&module=Collections',
+        sorter: 200,
+        filter: 'advanced',
+        width: 200
+      }, {
+        title: t('backoffice.table.taskstatusversioning.columns.user'),
+        field: 'user.fullName',
+        sorter: 3,
+        filter: 'advanced',
+        width: 200
+      }, {
+        title: t('backoffice.table.taskstatusversioning.columns.user'),
+        field: 'cancelledByUser.fullName',
+        sorter: 3,
+        filter: 'advanced',
+        width: 200,
+        hidden: true
+      }, {
+        title: t('backoffice.table.taskstatusversioning.columns.status'),
+        field: 'progress.status',
+        color: [{
+          color: 'blue',
+          onValues: ['InProgress', 'Waiting', 'Created', 'Started'],
+          operations: ['eq']
+        }, {
+          color: 'green',
+          onValues: ['Done'],
+          operations: ['eq']
+        }, {
+          color: 'orange',
+          onValues: ['DoneWithWarning', 'Cancel', 'Cancelled'],
+          operations: ['eq']
+        }, {
+          color: 'red',
+          onValues: ['Error'],
+          operations: ['eq']
+        }],
+        filter: 'advanced',
+        width: 200
+      }, {
+        title: t('backoffice.table.taskstatusversioning.columns.status'),
+        field: 'progress.step',
+        filter: 'advanced',
+        width: 200,
+        hidden: true
+      }, {
+        title: t('backoffice.table.taskstatusversioning.columns.status'),
+        field: 'progress.percentage',
+        field2: 'progress.step',
+        width: 400,
+        type: 'progress'
+      }, {
+        title: t('backoffice.table.taskstatusversioning.columns.created'),
+        field: 'created',
+        sorter: 1,
+        defaultSortOrder: 'descend',
+        type: 'unixTimeStamp',
+        width: 200
+      }, {
+        title: t('backoffice.table.taskstatusversioning.columns.lastUpdated'),
+        field: 'lastUpdated',
+        type: 'unixTimeStamp',
+        width: 200
+      }, {
+        title: t('backoffice.table.taskstatusversioning.columns.lastUpdated'),
+        field: 'startTime',
+        type: 'unixTimeStamp',
+        width: 200,
+        hidden: true
+      }, {
+        title: t('backoffice.table.taskstatusversioning.columns.finished'),
+        field: 'endTime',
+        type: 'unixTimeStamp',
+        width: 200
+      }, {
+        title: t('backoffice.table.taskstatusversioning.columns.server'),
+        field: 'serverName',
+        filter: 'advanced',
+        width: 200
+      }, {
+        title: t('backoffice.table.taskstatusversioning.columns.type'),
+        field: 'taskType',
+        filter: 'advanced',
+        width: 200
+      }],
+      filter: {
+        toggle: {
+          globalValue: 'relevantTypeOrganizationId',
+          fields: ['organizationId'],
+          label: t('backoffice.table.clientrelations.filter.label.allorgs'),
+          labelOff: t('backoffice.table.clientrelations.filter.label.allorgs'),
+          inverted: true,
+          permission: 'backoffice_taskstatus_allorgs',
+          isAnd: true,
+          defaultChecked: true
+        },
+        search: {
+          fields: ['_id', 'progress.dataItems', 'taskName', 'organizationId', 'user.fullName', 'status', 'serverName', 'taskType']
+        }
+      },
+      apiInterface: {
+        read: {
+          list: '${adminService}/taskStatus?filter=%5B%2B%5B%7BtaskType%2Ceq%2CBACKOFFICE_CE_IMPORT%7D%2C%7BtaskType%2Ceq%2CPARTLIST_IMPORT%7D%2C%7BtaskType%2Ceq%2CARTICLE_IMPORT%7D%2C%7BtaskType%2Ceq%2CPRICE_IMPORT%7D%2C%7BtaskType%2Ceq%2COPVG_IMPORT%7D%5D%5D',
           fields: true,
           filterServerSide: true
         }
@@ -6698,123 +6859,6 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         }]
       }
     },
-    TableIDMImports: {
-      type: 'Table',
-      title: t('backoffice.table.idmimports.title'),
-      canRefresh: true,
-      autoRefresh: 60000,
-      mergeFields: [{
-        key: 'fullName',
-        connectString: ' ',
-        valueKeys: ['user.name', 'user.familyName']
-      }, {
-        key: 'fullProgress',
-        connectString: '/',
-        valueKeys: ['progress.modelsCurrent', 'progress.modelsTotal']
-      }],
-      columns: [{
-        title: 'ID',
-        field: '_id',
-        sorter: 7,
-        filter: 'eq'
-      }, {
-        title: t('backoffice.table.idmimports.fullName'),
-        field: 'fullName',
-        sorter: 6
-      }, {
-        title: t('backoffice.table.idmimports.user.name'),
-        field: 'user.name',
-        hidden: true,
-        sorter: 5
-      }, {
-        title: t('backoffice.table.idmimports.user.familyName'),
-        field: 'user.familyName',
-        hidden: true,
-        sorter: 4
-      }, {
-        title: t('backoffice.table.idmimports.startTime'),
-        field: 'startTime',
-        sorter: 3,
-        type: 'unixTimeStamp',
-        filter: 'interval'
-      }, {
-        title: t('backoffice.table.idmimports.endTime'),
-        field: 'endTime',
-        type: 'unixTimeStamp',
-        sorter: 2,
-        dateInSeconds: false,
-        filter: 'interval'
-      }, {
-        title: t('backoffice.table.idmimports.lastUpdated'),
-        field: 'lastUpdated',
-        type: 'unixTimeStamp',
-        sorter: 1,
-        defaultSortOrder: 'descend'
-      }, {
-        title: t('backoffice.table.idmimports.state'),
-        field: 'state',
-        translationPrefix: 'idmimports.state',
-        color: [{
-          color: 'blue',
-          onValues: ['InProgress'],
-          operations: ['eq']
-        }, {
-          color: 'green',
-          onValues: ['Done'],
-          operations: ['eq']
-        }, {
-          color: 'orange',
-          onValues: ['DoneWithWarning'],
-          operations: ['eq']
-        }, {
-          color: 'red',
-          onValues: ['Error'],
-          operations: ['eq']
-        }]
-      }, {
-        title: t('backoffice.table.idmimports.stateMessage'),
-        field: 'stateMessage'
-      }, {
-        title: t('backoffice.table.idmimports.fullProgress'),
-        field: 'fullProgress'
-      }, {
-        title: t('backoffice.table.idmimports.progress.modelsCurrent'),
-        field: 'progress.modelsCurrent',
-        hidden: true
-      }, {
-        title: t('backoffice.table.idmimports.progress.modelsTotal'),
-        field: 'progress.modelsTotal',
-        hidden: true
-      }, {
-        title: t('backoffice.table.idmimports.organizationId'),
-        field: 'organizationId'
-      }, {
-        title: t('backoffice.table.idmimports.serverName'),
-        field: 'serverName'
-      }, {
-        title: t('backoffice.table.idmimports.fileName'),
-        field: 'fileName'
-      }],
-      filter: {
-        search: {
-          fields: ['_id', 'user.name', 'user.familyName', 'state', 'stateMessage', 'fullProgress', 'organizationId', 'serverName', 'fileName']
-        }
-      },
-      apiInterface: {
-        read: {
-          list: '${catalogService}/idmImports',
-          filterServerSide: true
-        },
-        "delete": '${catalogService}/idmImports'
-      },
-      mapping: {
-        type: 'query',
-        map: [{
-          sourceField: '_id',
-          targetField: '_id'
-        }]
-      }
-    },
     TableEmailTemplates: {
       type: 'Table',
       title: t('backoffice.table.emailtemplates.title'),
@@ -8052,6 +8096,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }, {
         name: ['iwoFurnOptions', 'iwoFurnWWS'],
         label: t('backoffice.form.organizationdetails.items.iwoFurnWWS'),
+        tabgroup: t('backoffice.subtitle.generally'),
         type: 'select',
         mode: 'single',
         defaultValue: 'WINMAX',
@@ -14553,12 +14598,6 @@ var menu = [{
     label: 'IDM',
     icon: 'FileExcelOutlined',
     items: [{
-      id: 'TableIDMImports',
-      path: '',
-      label: 'backoffice.menu.items.label.TableIDMImports',
-      permission: 'backoffice_idmimports',
-      icon: 'HistoryOutlined'
-    }, {
       id: 'IFrameIDMImport',
       path: 'import',
       label: 'backoffice.menu.items.label.IFrameIDMImport',
@@ -14696,6 +14735,12 @@ var menu = [{
       label: 'backoffice.table.taskstatusversioning.title.taskstatusothers',
       icon: 'PlaySquareOutlined',
       permission: 'backoffice_admin_taskstatus_others'
+    }, {
+      id: 'TableTaskStatusCEVSAPI',
+      path: 'taskstatuscevsapi',
+      label: 'backoffice.table.taskstatusversioning.title.taskstatuscevsapi',
+      icon: 'SwapOutlined',
+      permission: 'backoffice_admin_taskstatus_cevsapi'
     }]
   }, {
     id: 'TableAllUsers',
@@ -17780,7 +17825,7 @@ function findByValue(value, options, selectMapping) {
     LOG$a.debug('findByValue: option not found, add dummy option for current value', value, options);
     //TODO: if we and server side filtering, the dummy option must be handled differently
     option = {
-      label: (selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.externalValue) == 'value' ? value : getCombinedValues(value, selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.label),
+      label: (selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.externalValue) == 'value' ? value : typeof (selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.label) === 'function' ? selectMapping.label(value) : getCombinedValues(value, selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.label),
       value: (selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.externalValue) == 'value' ? value : getCombinedValues(value, selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.value),
       data: value,
       isDummy: true
@@ -17794,7 +17839,7 @@ function findByValue(value, options, selectMapping) {
  */
 function parseDataEntry(item, selectMapping) {
   return {
-    label: selectMapping ? getCombinedValues(item, selectMapping.label) : item,
+    label: selectMapping ? typeof selectMapping.label === 'function' ? selectMapping.label(item) : getCombinedValues(item, selectMapping.label) : item,
     value: selectMapping ? getCombinedValues(item, selectMapping.value) : item,
     data: item
   };
@@ -20406,7 +20451,6 @@ function ModalProgressBar(_ref) {
 
 var LOG$7 = getLogger('Backoffice', 'Form');
 var FormWrapper$1 = function FormWrapper(_ref, ref) {
-  var _state$configuration$2;
   var id = _ref.id,
     data = _ref.data,
     onChange = _ref.onChange,
@@ -20599,6 +20643,12 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
       };
     });
   };
+  var getGeneralItems = function getGeneralItems() {
+    var _state$selectedItems2;
+    return (_state$selectedItems2 = state.selectedItems) === null || _state$selectedItems2 === void 0 ? void 0 : _state$selectedItems2.filter(function (item) {
+      return item.showInAllTabs;
+    });
+  };
   var renderFormItems = function renderFormItems(items) {
     return /*#__PURE__*/jsx(Fragment, {
       children: items.map(function (item) {
@@ -20623,29 +20673,17 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
   var tabGroups = useMemo(function () {
     return groupItemsByTabGroup();
   }, [state.selectedItems]);
+  var generalItems = useMemo(function () {
+    return getGeneralItems();
+  }, [state.selectedItems]);
 
   // Create tab items dynamically
   var tabItems = tabGroups.map(function (group, index) {
     return {
       key: group.tabGroup === 'default' ? '99' : index.toString(),
       label: group.tabGroup === 'default' ? t('backoffice.menu.items.label.systemOther') : group.tabGroup,
-      children: /*#__PURE__*/jsxs(Form$1, {
-        autoComplete: "off",
-        form: form,
-        onFinish: onFinish,
-        onFinishFailed: onFinishFailed,
-        layout: "horizontal",
-        onValuesChange: function onValuesChange(a, data) {
-          state.updateHiddenRequiredDisabled(data, a);
-        },
-        labelCol: {
-          span: 4
-        },
-        onFieldsChange: function onFieldsChange(changedFields) {
-          if (changedFields[0] === undefined) return;
-          state.changedFields.current.push(changedFields[0]);
-        },
-        children: [state.configuration.itemSelector && index === 0 && /*#__PURE__*/jsx(Form$1.Item, {
+      children: /*#__PURE__*/jsxs("div", {
+        children: [generalItems && renderFormItems(generalItems), generalItems && /*#__PURE__*/jsx(Divider, {}), state.configuration.itemSelector && index === 0 && /*#__PURE__*/jsx(Form$1.Item, {
           name: state.configuration.itemSelector.name,
           rules: state.getRules(state.configuration.itemSelector, state.data),
           label: state.configuration.itemSelector.label ? t(state.configuration.itemSelector.label, state.configuration.itemSelector.label) : state.configuration.itemSelector.name,
@@ -20728,15 +20766,37 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
             allowClear: true
           })
         }), /*#__PURE__*/jsx(Divider, {})]
-      }), (_state$configuration$2 = state.configuration.items) === null || _state$configuration$2 === void 0 ? void 0 : _state$configuration$2.map(function (item) {
-        return item.showInAllTabs ? renderFormItems([item]) : null;
-      }), /*#__PURE__*/jsx(Tabs, {
-        activeKey: activeTabKey,
-        onChange: setActiveTabKey,
-        items: _toConsumableArray(tabItems).sort(function (a, b) {
-          return a.key.localeCompare(b.key);
+      }), /*#__PURE__*/jsx(Form$1, {
+        autoComplete: "off",
+        form: form,
+        onFinish: onFinish,
+        onFinishFailed: onFinishFailed,
+        layout: "horizontal",
+        onValuesChange: function onValuesChange(a, data) {
+          state.updateHiddenRequiredDisabled(data, a);
+        },
+        labelCol: {
+          span: 4
+        },
+        onFieldsChange: function onFieldsChange(changedFields) {
+          if (changedFields[0] === undefined) return;
+          state.changedFields.current.push(changedFields[0]);
+        },
+        children: /*#__PURE__*/jsx(Tabs, {
+          onChange: setActiveTabKey,
+          activeKey: activeTabKey,
+          destroyInactiveTabPane: false,
+          children: _toConsumableArray(tabItems).sort(function (a, b) {
+            return a.key.localeCompare(b.key);
+          }).map(function (item) {
+            return /*#__PURE__*/jsx(Tabs.TabPane, {
+              tab: item.label,
+              forceRender: true,
+              children: item.children
+            }, item.key);
+          })
         })
-      })]
+      }, state.selectedItemsIndex.toString())]
     }), state.configuration.showProgressBar && /*#__PURE__*/jsx(ModalProgressBar, {
       isOpen: state.progressBarOpen,
       percent: state.progressBarPercentage
@@ -31536,7 +31596,9 @@ var PackageSelector = function PackageSelector(_ref) {
       read: "".concat(enricherService, "/packages?fields=name;_id;isoLanguageIds;isApi;organizationId&organizationId=").concat(organizationId)
     },
     selectMapping: {
-      label: '${name}',
+      label: function label(data) {
+        return "".concat(data.name, " ").concat(data.isApi ? '(CE)' : '');
+      },
       value: '${_id}'
     },
     title: t('backoffice.menu.items.label.IDMEnricherEditorTablePackages'),
@@ -31548,7 +31610,17 @@ var PackageSelector = function PackageSelector(_ref) {
     style: {
       width: 200
     },
-    popupClassName: 'ag-custom-component-popup'
+    popupClassName: 'ag-custom-component-popup',
+    prefix: !(selectedPackage !== null && selectedPackage !== void 0 && selectedPackage.organizationId) ? undefined : selectedPackage.organizationId === organizationId ? /*#__PURE__*/jsx(EditOutlined, {}) : /*#__PURE__*/jsx(EyeOutlined, {}),
+    optionRender: function optionRender(option) {
+      return /*#__PURE__*/jsxs(Space, {
+        children: [/*#__PURE__*/jsx("div", {
+          children: option.data.data.organizationId === organizationId ? /*#__PURE__*/jsx(EditOutlined, {}) : /*#__PURE__*/jsx(EyeOutlined, {})
+        }), /*#__PURE__*/jsx("div", {
+          children: option.label
+        })]
+      });
+    }
   });
 };
 var PackageSelector$1 = observer(PackageSelector);
@@ -31863,7 +31935,7 @@ var useTools = function useTools(_ref) {
       root.contentStore.rightToolBar.selectTool('info');
       root.contentStore.rightToolBar.hidden = false;
     }
-  }, [root.contentStore.rightToolBar]);
+  }, [root.contentStore.rightToolBar.addTools, root.contentStore.rightToolBar.selectTool, root.contentStore.rightToolBar.hidden]);
   var addSecondaryTables = useCallback(function () {
     var _root$contentStore$bo;
     for (var _len = arguments.length, tools = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -31877,18 +31949,22 @@ var useTools = function useTools(_ref) {
       }, tool);
     });
     (_root$contentStore$bo = root.contentStore.bottomToolBar).addTools.apply(_root$contentStore$bo, _toConsumableArray(newSecondaryTables));
-    setSecondaryTables([].concat(_toConsumableArray(secondaryTables), _toConsumableArray(newSecondaryTables)));
-  }, [root.contentStore.bottomToolBar]);
+    setSecondaryTables(function (prev) {
+      return [].concat(_toConsumableArray(prev), _toConsumableArray(newSecondaryTables));
+    });
+  }, [root.contentStore.bottomToolBar.addTools]);
   var removeSecondaryTables = useCallback(function () {
     var _root$contentStore$bo2;
     for (var _len2 = arguments.length, ids = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       ids[_key2] = arguments[_key2];
     }
     (_root$contentStore$bo2 = root.contentStore.bottomToolBar).removeTools.apply(_root$contentStore$bo2, ids);
-    setSecondaryTables(secondaryTables.filter(function (table) {
-      return !ids.includes(table.id);
-    }));
-  }, [root.contentStore.bottomToolBar, secondaryTables]);
+    setSecondaryTables(function (prev) {
+      return prev.filter(function (table) {
+        return !ids.includes(table.id);
+      });
+    });
+  }, [root.contentStore.bottomToolBar.removeTools]);
   var updateConfigurator = useCallback(function () {
     var parameters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     root.contentStore.rightToolBar.addTools({
@@ -32001,7 +32077,7 @@ var TableGroups = observer(function () {
       update: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/groups/${_id}',
       bulk: apiConfig.enricherService + '/packages/${packageId}/groups/bulk'
     };
-  }, []);
+  }, [viewOnly]);
   var configuration = useMemo(function () {
     return {
       type: 'dotnetSSM',
@@ -32126,135 +32202,138 @@ function PublishCustomCell (_ref) {
     loading = _React$useState2[0],
     isLoading = _React$useState2[1];
   var publishedData = (_data$published = data.published) === null || _data$published === void 0 ? void 0 : _data$published[organizationId];
+  var isPublishing = (publishedData === null || publishedData === void 0 ? void 0 : publishedData.publishing) || loading;
+  var isPublished = publishedData && !isPublishing;
   var isReleaseWithdrawn = !!((_data$removedOrganiza = data.removedOrganizationIds) !== null && _data$removedOrganiza !== void 0 && _data$removedOrganiza.find(function (id) {
     return id === organizationId;
   }));
-  var unpublishedChanges = hasUnpublishedChanges(publishedData === null || publishedData === void 0 ? void 0 : publishedData.publishDate, publishedData === null || publishedData === void 0 ? void 0 : publishedData.lastUpdatedDate);
-  var disabled = !(data !== null && data !== void 0 && data.basedCatalogId) && !(data !== null && data !== void 0 && data.basedPackageId) || !(data !== null && data !== void 0 && data.name);
+  var unpublishedChanges = hasUnpublishedChanges(publishedData === null || publishedData === void 0 ? void 0 : publishedData.publishDate, data === null || data === void 0 ? void 0 : data.lastUpdatedDate);
+  var disabled = isPublishing || !(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, _errorText, errorText, json;
+      var response, _errorText, errorText, _json$error, json;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             isLoading(true);
-            loadingTimeout = setTimeout(function () {
-              modalState.showLoadingModal(t("backoffice.idmEnricher.packages.label.".concat(publish ? 'publishing' : 'unpublishing')));
-            }, 3000);
-            _context.prev = 2;
+            _context.prev = 1;
             if (!publish) {
-              _context.next = 9;
+              _context.next = 8;
               break;
             }
-            _context.next = 6;
+            _context.next = 5;
             return context === null || context === void 0 ? void 0 : context.updateServerData(data, {
               update: apiConfig.enricherService + '/packages/${_id}/publish?organizationId=' + organizationId,
               usePut: true
             }, undefined, true);
-          case 6:
+          case 5:
             response = _context.sent;
-            _context.next = 12;
-            break;
-          case 9:
             _context.next = 11;
+            break;
+          case 8:
+            _context.next = 10;
             return context === null || context === void 0 ? void 0 : context.updateServerData(data, {
               update: apiConfig.enricherService + '/packages/${_id}/unpublish?organizationId=' + organizationId,
               usePut: true
             }, undefined, true);
-          case 11:
+          case 10:
             response = _context.sent;
-          case 12:
-            clearTimeout(loadingTimeout);
+          case 11:
             if (!(response.status == 202)) {
-              _context.next = 17;
+              _context.next = 15;
               break;
             }
             modalState.showWarningModal(t("backoffice.idmEnricher.packages.label.warning.".concat(publish ? 'publishing' : 'unpublishing')));
-            _context.next = 34;
+            _context.next = 32;
             break;
-          case 17:
+          case 15:
             if (!(response.status == 200)) {
-              _context.next = 21;
+              _context.next = 19;
               break;
             }
             modalState.closeModal();
-            _context.next = 34;
+            _context.next = 32;
             break;
-          case 21:
-            _context.prev = 21;
-            _context.next = 24;
+          case 19:
+            _context.prev = 19;
+            _context.next = 22;
             return response.json();
-          case 24:
+          case 22:
             json = _context.sent;
-            errorText = json.error;
-            _context.next = 33;
+            errorText = (_json$error = json.error) !== null && _json$error !== void 0 ? _json$error : json.Error;
+            _context.next = 31;
             break;
-          case 28:
-            _context.prev = 28;
-            _context.t0 = _context["catch"](21);
-            _context.next = 32;
+          case 26:
+            _context.prev = 26;
+            _context.t0 = _context["catch"](19);
+            _context.next = 30;
             return response.text();
-          case 32:
+          case 30:
             errorText = _context.sent;
-          case 33:
+          case 31:
             throw new Error((_errorText = errorText) !== null && _errorText !== void 0 ? _errorText : "Server error (".concat(response.status, ")"));
-          case 34:
+          case 32:
             context === null || context === void 0 || context.reset({
               context: context,
               api: api
             });
-            _context.next = 40;
+            _context.next = 38;
             break;
-          case 37:
-            _context.prev = 37;
-            _context.t1 = _context["catch"](2);
+          case 35:
+            _context.prev = 35;
+            _context.t1 = _context["catch"](1);
             modalState.showErrorModal("Error on ".concat(publish ? 'publish' : 'unpublish', ": ").concat(_context.t1 instanceof Error ? _context.t1.message : String(_context.t1)));
-          case 40:
-            _context.prev = 40;
+          case 38:
+            _context.prev = 38;
             isLoading(false);
-            return _context.finish(40);
-          case 43:
+            return _context.finish(38);
+          case 41:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[2, 37, 40, 43], [21, 28]]);
+      }, _callee, null, [[1, 35, 38, 41], [19, 26]]);
     }));
     return function onChange(_x) {
       return _ref2.apply(this, arguments);
     };
   }();
   if (data.__isEmpty) return '';
-  return /*#__PURE__*/jsx(Spin, {
-    spinning: loading,
-    children: /*#__PURE__*/jsxs(Space$1, {
-      size: "middle",
-      children: [/*#__PURE__*/jsx(Tooltip, {
-        title: !!publishedData ? t('backoffice.idmEnricher.packages.label.unpublish') : t('backoffice.idmEnricher.packages.label.publish'),
-        children: /*#__PURE__*/jsx(Checkbox$1, {
-          checked: !!publishedData,
-          disabled: disabled,
-          indeterminate: unpublishedChanges,
-          onChange: function onChange(e) {
-            return _onChange(e.target.checked);
-          }
-        })
-      }), unpublishedChanges && /*#__PURE__*/jsx(Tooltip, {
-        title: t('backoffice.idmEnricher.packages.label.unpublishedChanges'),
-        children: /*#__PURE__*/jsx(Button$1, {
-          shape: "circle",
-          icon: /*#__PURE__*/jsx(ReloadOutlined, {}),
-          onClick: function onClick() {
-            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, {})
+  return /*#__PURE__*/jsxs(Space$1, {
+    size: "middle",
+    children: [/*#__PURE__*/jsx(Tooltip, {
+      title: disabled ? '' : !!isPublished ? t('backoffice.idmEnricher.packages.label.unpublish') : t('backoffice.idmEnricher.packages.label.publish'),
+      children: /*#__PURE__*/jsx(Checkbox$1, {
+        checked: !!isPublished,
+        disabled: disabled,
+        indeterminate: unpublishedChanges,
+        onChange: function onChange(e) {
+          return _onChange(e.target.checked);
+        }
+      })
+    }), isPublishing && /*#__PURE__*/jsx(Tooltip, {
+      title: t('backoffice.idmEnricher.packages.label.currentlyPublishing'),
+      children: /*#__PURE__*/jsx(Button$1, {
+        shape: "circle",
+        icon: /*#__PURE__*/jsx(SyncOutlined, {
+          spin: true
         })
-      })]
-    })
+      })
+    }), unpublishedChanges && !isPublishing && /*#__PURE__*/jsx(Tooltip, {
+      title: t('backoffice.idmEnricher.packages.label.unpublishedChanges'),
+      children: /*#__PURE__*/jsx(Button$1, {
+        shape: "circle",
+        icon: /*#__PURE__*/jsx(ReloadOutlined, {}),
+        onClick: function onClick() {
+          return _onChange(true);
+        }
+      })
+    }), isReleaseWithdrawn && !isPublishing && /*#__PURE__*/jsx(Tooltip, {
+      title: t('backoffice.idmEnricher.packages.label.releaseWithdrawn'),
+      children: /*#__PURE__*/jsx(Button$1, {
+        shape: "circle",
+        icon: /*#__PURE__*/jsx(WarningOutlined, {})
+      })
+    })]
   });
 }
 function hasUnpublishedChanges(publishDateString, lastUpdatedDateString) {
@@ -32599,38 +32678,75 @@ var TablePackages = observer(function () {
       organizationDisplayText: organizationDisplayText
     };
   }, [organizationId, organizationDisplayText]);
+  var isEditable = useCallback(
+  //is only editable in the organization where the package was created
+  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 canOpen = useCallback(function (_ref) {
+    var _selectedNodes$0$data, _selectedNodes$0$data2, _selectedNodes$0$data3, _selectedNodes$0$data4;
+    var selectedNodes = _ref.selectedNodes;
+    return (
+      //can be opened if a package or catalog is selected, a name is defined and the package ist not currently in the process of publishing
+      (((_selectedNodes$0$data = selectedNodes[0].data) === null || _selectedNodes$0$data === void 0 ? void 0 : _selectedNodes$0$data.basedCatalogId) || ((_selectedNodes$0$data2 = selectedNodes[0].data) === null || _selectedNodes$0$data2 === void 0 ? void 0 : _selectedNodes$0$data2.basedPackageId)) && ((_selectedNodes$0$data3 = selectedNodes[0].data) === null || _selectedNodes$0$data3 === void 0 ? void 0 : _selectedNodes$0$data3.name) && !((_selectedNodes$0$data4 = selectedNodes[0].data) !== null && _selectedNodes$0$data4 !== void 0 && (_selectedNodes$0$data4 = _selectedNodes$0$data4.published) !== null && _selectedNodes$0$data4 !== void 0 && (_selectedNodes$0$data4 = _selectedNodes$0$data4[organizationId]) !== null && _selectedNodes$0$data4 !== void 0 && _selectedNodes$0$data4.publishing)
+    );
+  }, [organizationId]);
+  var canDownload = useCallback(function (_ref2) {
+    var _selectedNodes$0$data5, _selectedNodes$0$data6, _selectedNodes$0$data7;
+    var selectedNodes = _ref2.selectedNodes;
+    return (
+      //can be downloaded if a package is published and not a configurator light package (isApi is false)
+      ((_selectedNodes$0$data5 = selectedNodes[0].data) === null || _selectedNodes$0$data5 === void 0 || (_selectedNodes$0$data5 = _selectedNodes$0$data5.published) === null || _selectedNodes$0$data5 === void 0 ? void 0 : _selectedNodes$0$data5[organizationId]) && !((_selectedNodes$0$data6 = selectedNodes[0].data) !== null && _selectedNodes$0$data6 !== void 0 && (_selectedNodes$0$data6 = _selectedNodes$0$data6.published) !== null && _selectedNodes$0$data6 !== void 0 && (_selectedNodes$0$data6 = _selectedNodes$0$data6[organizationId]) !== null && _selectedNodes$0$data6 !== void 0 && _selectedNodes$0$data6.publishing) && !((_selectedNodes$0$data7 = selectedNodes[0].data) !== null && _selectedNodes$0$data7 !== void 0 && _selectedNodes$0$data7.isApi)
+    );
+  }, [organizationId]);
+  var getOpenIcon = useCallback(function (params) {
+    return params.selectedNodes[0].data && isEditable({
+      data: params.selectedNodes[0].data
+    }) ? /*#__PURE__*/jsx(EditOutlined$1, {}) : /*#__PURE__*/jsx(EyeOutlined$1, {});
+  }, [isEditable]);
+  var getOpenTooltip = useCallback(function (params) {
+    return canOpen(params) && (!params.selectedNodes[0].data || !isEditable({
+      data: params.selectedNodes[0].data
+    })) ? t('backoffice.idmEnricher.packages.edit.tooltip.readonly') : undefined;
+  }, [canOpen, isEditable, t]);
+  var getDownloadTooltip = useCallback(function (params) {
+    var _params$selectedNodes;
+    return (_params$selectedNodes = params.selectedNodes[0].data) !== null && _params$selectedNodes !== void 0 && _params$selectedNodes.isApi ? t('backoffice.idmEnricher.packages.download.tooltip.isApi') : undefined;
+  }, [t]);
   var rowActions = useMemo(function () {
     return [{
-      icon: /*#__PURE__*/jsx(EditOutlined, {}),
-      action: function action(_ref) {
-        var selectedNodes = _ref.selectedNodes;
-        setSelectedPackage(selectedNodes[0].data._id, ['renaming', 'features'], './', true);
+      icon: getOpenIcon,
+      tooltip: getOpenTooltip,
+      action: function action(_ref3) {
+        var _selectedNodes$0$data8;
+        var selectedNodes = _ref3.selectedNodes;
+        return setSelectedPackage((_selectedNodes$0$data8 = selectedNodes[0].data) === null || _selectedNodes$0$data8 === void 0 ? void 0 : _selectedNodes$0$data8._id, ['renaming', 'features'], './', true);
       },
-      disabled: function disabled(_ref2) {
-        var selectedNodes = _ref2.selectedNodes;
-        return !selectedNodes[0].data.basedCatalogId && !selectedNodes[0].data.basedPackageId || !selectedNodes[0].data.name;
+      disabled: function disabled(params) {
+        return !canOpen(params);
       }
     }, {
       icon: /*#__PURE__*/jsx(DownloadOutlined, {}),
-      disabled: function disabled(_ref3) {
-        var _selectedNodes$0$data;
-        var selectedNodes = _ref3.selectedNodes;
-        return !((_selectedNodes$0$data = selectedNodes[0].data.published) !== null && _selectedNodes$0$data !== void 0 && _selectedNodes$0$data[organizationId]);
+      tooltip: getDownloadTooltip,
+      disabled: function disabled(params) {
+        return !canDownload(params);
       },
       action: function () {
         var _action = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref4) {
-          var selectedNodes, url, alertTimeout;
+          var _selectedNodes$0$data9;
+          var selectedNodes, url, alertTimeout, _selectedNodes$0$data10;
           return _regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
                 selectedNodes = _ref4.selectedNodes;
-                url = apiConfig.enricherService + '/packages/' + selectedNodes[0].data._id + '/catalog'; // Show modal if download takes more than 3 seconds
+                url = apiConfig.enricherService + '/packages/' + ((_selectedNodes$0$data9 = selectedNodes[0].data) === null || _selectedNodes$0$data9 === void 0 ? void 0 : _selectedNodes$0$data9._id) + '/catalog'; // Show modal if download takes more than 3 seconds
                 alertTimeout = setTimeout(function () {
                   showLoadingModal(t('backoffice.idmEnricher.export.modaltext'));
                 }, 3000);
                 _context.prev = 3;
                 _context.next = 6;
-                return downloadFile(url, root.dataStore.jwt, 'application/xml', selectedNodes[0].data.name + '.xml');
+                return downloadFile(url, root.dataStore.jwt, 'application/xml', ((_selectedNodes$0$data10 = selectedNodes[0].data) === null || _selectedNodes$0$data10 === void 0 ? void 0 : _selectedNodes$0$data10.name) + '.xml');
               case 6:
                 closeModal();
                 _context.next = 12;
@@ -32656,7 +32772,7 @@ var TablePackages = observer(function () {
         return action;
       }()
     }];
-  }, [apiConfig.enricherService, root.dataStore.jwt]);
+  }, [apiConfig.enricherService, root.dataStore.jwt, canOpen, canDownload, getOpenIcon, getOpenTooltip, getDownloadTooltip, setSelectedPackage, showLoadingModal, showErrorModal, closeModal, t]);
   var apiInterface = useMemo(function () {
     return {
       read: apiConfig.enricherService + '/packages?organizationId=' + organizationId,
@@ -32667,10 +32783,6 @@ var TablePackages = observer(function () {
       bulk: apiConfig.enricherService + '/packages/bulk?organizationId=' + organizationId
     };
   }, [apiConfig.enricherService, organizationId]);
-  var isEditable = useCallback(function (params) {
-    var _params$data, _params$data2;
-    return ((_params$data = params.data) === null || _params$data === void 0 ? void 0 : _params$data.organizationId) === organizationId || !((_params$data2 = params.data) !== null && _params$data2 !== void 0 && _params$data2._id);
-  }, [organizationId]);
   var configuration = useMemo(function () {
     return {
       type: 'dotnetSSM',
@@ -32798,7 +32910,7 @@ var TablePackages = observer(function () {
         customParams: {
           nameField: 'allowedOrganizationsDisplayTexts',
           apiInterface: {
-            read: apiConfig.authService + "/clientrelationtargets/organization/".concat(organizationId, "/organizations")
+            read: apiConfig.authService + "/organizations/".concat(organizationId, "/related")
           },
           lookupValue: 'displayName',
           lookupKey: '_id',
@@ -32815,7 +32927,8 @@ var TablePackages = observer(function () {
         headerName: 'backoffice.idmEnricher.general.label.lastUpdatedDate',
         field: 'lastUpdatedDate',
         cellDataType: 'dateString',
-        editable: false
+        editable: false,
+        sort: 'desc'
       }, {
         headerName: 'backoffice.idmEnricher.general.label.createdDate',
         field: 'createdDate',
@@ -32913,7 +33026,7 @@ var TableProperties = observer(function () {
       update: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/properties/${_id}',
       bulk: apiConfig.enricherService + '/packages/${packageId}/properties/bulk'
     };
-  }, []);
+  }, [viewOnly]);
   var configuration = useMemo(function () {
     return {
       type: 'dotnetSSM',
@@ -33660,7 +33773,7 @@ var SeriesSelector$2 = function SeriesSelector(_ref) {
       read: enricherService + '/packages/' + packageId + '/' + dataSet + "/series?fields=seriesName[".concat(i18n.language.toLocaleUpperCase(), "];_id;serieNo;pricefeaturegroups;pricefeaturegroupsDisplayTexts;pricefeaturegroupsKeys;pricefeaturegroupsKeysDisplayTexts")
     },
     selectMapping: {
-      label: "${seriesName.".concat(i18n.language.toLocaleUpperCase(), "}"),
+      label: "${seriesName.".concat(i18n.language.toLocaleUpperCase(), "} (${serieNo})"),
       value: '${serieNo}'
     },
     autoSelectFirst: true,
@@ -33794,7 +33907,7 @@ var RenamingTable = observer(function (_ref) {
       update: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/renamings/' + type + '/${_id}',
       bulk: apiConfig.enricherService + '/packages/${packageId}/renamings/' + type + '/bulk'
     };
-  }, [type]);
+  }, [type, viewOnly]);
   var configuration = useMemo(function () {
     return {
       type: 'dotnetSSM',
@@ -34377,7 +34490,7 @@ var ExclusivityTable = observer(function (_ref) {
       read: !['eitems'].includes(type) ? apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType : apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType + '/${subTypeId}/' + listType,
       update: viewOnly ? undefined : !['eitems', 'eoptions'].includes(type) ? apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType + '/' + patchId : type === 'eoptions' ? apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType + '/' + patchId + '?featureNos=' + patchId2 : apiConfig.enricherService + '/packages/${packageId}/exclusivities/' + subType + '/${subTypeId}/' + listType + '/' + patchId
     };
-  }, [type]);
+  }, [type, viewOnly]);
   var oldDataRef = useRef();
   var applicationData = useMemo(function () {
     if (type === 'eitems' && !selectedSerie) {
@@ -34478,7 +34591,7 @@ var TableTabGroups = observer(function () {
       update: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/tabgroups/${_id}',
       bulk: apiConfig.enricherService + '/packages/${packageId}/tabgroups/bulk'
     };
-  }, []);
+  }, [viewOnly]);
   var configuration = useMemo(function () {
     return {
       type: 'dotnetSSM',
@@ -34594,7 +34707,7 @@ var TablePartlistPos = observer(function () {
       update: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/partlistpos/${_id}',
       bulk: apiConfig.enricherService + '/packages/${packageId}/partlistpos/bulk'
     };
-  }, []);
+  }, [viewOnly]);
   var configuration = useMemo(function () {
     return {
       type: 'dotnetSSM',
@@ -34760,7 +34873,7 @@ var formatListValue = function formatListValue(values, type, locale) {
 /**
  * Converts an internal value to its display representation
  * For factors: keeps the decimal value
- * For discounts: converts to percentage (e.g., 0.2 -> "20")
+ * For discounts: converts from negative factor to percentage string (e.g., "0.95" -> "5")
  * @param value - The internal value to convert
  * @param type - The type of price modification
  * @returns The display value as string
@@ -34768,13 +34881,13 @@ var formatListValue = function formatListValue(values, type, locale) {
 var convertToDisplayValue = function convertToDisplayValue(value, type) {
   if (type === 'factor') return value;
   var numValue = parseFloat(value);
-  return isNaN(numValue) ? '0' : Math.round(numValue * 100).toString();
+  return isNaN(numValue) ? '0' : Math.round((1 - numValue) * 100).toString();
 };
 
 /**
  * Converts a display value back to its internal representation
  * For factors: keeps the input value
- * For discounts: converts from percentage to decimal (e.g., "20" -> "0.2")
+ * For discounts: converts the input as a negative factor (e.g., "5" -> "0.95" for a 5% discount)
  * @param value - The display value to convert
  * @param type - The type of price modification
  * @returns The internal value as string
@@ -34782,7 +34895,7 @@ var convertToDisplayValue = function convertToDisplayValue(value, type) {
 var convertFromDisplayValue = function convertFromDisplayValue(value, type) {
   if (type === 'factor') return value;
   var numValue = parseInt(value, 10);
-  return isNaN(numValue) ? '0' : (numValue / 100).toString();
+  return isNaN(numValue) ? '0' : (1 - numValue / 100).toString();
 };
 
 /**
@@ -35674,7 +35787,7 @@ var Prices = observer(function (_ref) {
       read: apiConfig.enricherService + '/packages/${packageId}/pricelists/${pricelistId}/serie/${serieNo}/prices' + (onlyManual ? '?onlyManual=true' : ''),
       update: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/pricelists/${pricelistId}/serie/${serieNo}/prices/${_id}'
     };
-  }, [onlyManual]);
+  }, [onlyManual, viewOnly]);
   var priceFeatureGroups = usePriceFeatureGroupsFromSerie(selectedSerie);
   var configuration = useMemo(function () {
     var _priceFeatureGroups$m;
@@ -36065,7 +36178,7 @@ var TablePriceList = observer(function () {
       "delete": viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/pricelists/${_id}',
       update: viewOnly ? undefined : apiConfig.enricherService + '/packages/${packageId}/pricelists/${_id}'
     };
-  }, []);
+  }, [viewOnly]);
   var hooks = useMemo(function () {
     return {
       onCellSelectionChanged: function onCellSelectionChanged(event) {
@@ -36099,6 +36212,21 @@ var TablePriceList = observer(function () {
       value: 3
     }];
   }, []);
+  var purchaseRetailIdOptions = useMemo(function () {
+    return [{
+      name: t('backoffice.idmCatalog.series.label.purchaseRetail.p0'),
+      value: 0
+    }, {
+      name: t('backoffice.idmCatalog.series.label.purchaseRetail.p1'),
+      value: 1
+    }, {
+      name: t('backoffice.idmCatalog.series.label.purchaseRetail.p2'),
+      value: 2
+    }, {
+      name: t('backoffice.idmCatalog.series.label.purchaseRetail.p3'),
+      value: 3
+    }];
+  }, []);
   var configuration = useMemo(function () {
     return {
       type: 'dotnetSSM',
@@ -36127,6 +36255,15 @@ var TablePriceList = observer(function () {
           }
         },
         additionalFields: ['basedPricelistDisplayName']
+      }, {
+        headerName: 'backoffice.idmCatalog.series.label.purchaseRetailId',
+        field: 'purchaseRetailId',
+        editable: !viewOnly,
+        cellDataType: 'enum',
+        customParams: {
+          enumData: purchaseRetailIdOptions,
+          displayLabelTemplate: '${name} (${value})'
+        }
       }, {
         headerName: 'backoffice.idmEnricher.pricelists.label.priceFactor',
         field: 'pricefactors',
@@ -36347,13 +36484,14 @@ function Content$3() {
 function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function UploadButton (_ref) {
-  var action = _ref.action,
-    title = _ref.title,
-    disabled = _ref.disabled,
-    contentType = _ref.contentType,
+  var action = _ref.action;
+    _ref.title;
+    _ref.disabled;
+    var contentType = _ref.contentType,
     updateProgress = _ref.updateProgress,
     fileList = _ref.fileList,
-    progress = _ref.progress;
+    progress = _ref.progress,
+    setName = _ref.setName;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var root = useStore();
@@ -36377,9 +36515,27 @@ function UploadButton (_ref) {
         ref.current = undefined;
       }
     } else if (status === 'error') {
+      var _file$response, _file$response2;
       progress = 'ERROR';
       fileList = [];
-      error = file.response;
+      if ((_file$response = file.response) !== null && _file$response !== void 0 && _file$response.error) {
+        error = file.response.error;
+      } else if ((_file$response2 = file.response) !== null && _file$response2 !== void 0 && _file$response2.errors) {
+        // If response has a validation error structure, extract messages
+        if (_typeof(file.response.errors) === 'object') {
+          error = Object.values(file.response.errors).map(function (v) {
+            return Array.isArray(v) ? v.join(', ') : v;
+          }).join('; ');
+        } else {
+          error = file.response.errors;
+        }
+      } else {
+        try {
+          error = JSON.parse(file.response);
+        } catch (_unused) {
+          error = 'Unknown error';
+        }
+      }
       if (ref.current) {
         clearInterval(ref.current.interval);
         ref.current = undefined;
@@ -36434,34 +36590,37 @@ function UploadButton (_ref) {
             // Allow both XML and ZIP files
             isXml = file.type === 'application/xml' || file.type === 'text/xml' || file.name.endsWith('.xml');
             isZip = file.type === 'application/zip' || file.name.endsWith('.zip');
+            nameWithoutExt = file.name.substring(0, file.name.lastIndexOf('.')) || file.name;
             if (!(!isXml && !isZip)) {
-              _context.next = 5;
+              _context.next = 6;
               break;
             }
             updateProgress('ERROR', fileList, t('backoffice.idmEnricher.import.uploadinvalid'));
             return _context.abrupt("return", Upload$2.LIST_IGNORE);
-          case 5:
+          case 6:
+            setName(nameWithoutExt);
+
+            // If it's already a ZIP file, return it as is
             if (!isZip) {
-              _context.next = 7;
+              _context.next = 9;
               break;
             }
             return _context.abrupt("return", file);
-          case 7:
+          case 9:
             // For XML files, create a ZIP
-            nameWithoutExt = file.name.substring(0, file.name.lastIndexOf('.')) || file.name;
             zip = new JSZip();
             zip.file(file.name, file);
-            _context.next = 12;
+            _context.next = 13;
             return zip.generateAsync({
               type: 'blob'
             });
-          case 12:
+          case 13:
             zipBlob = _context.sent;
             zipFile = new File([zipBlob], nameWithoutExt + '.zip', {
               type: 'application/zip'
             });
             return _context.abrupt("return", zipFile);
-          case 15:
+          case 16:
           case "end":
             return _context.stop();
         }
@@ -36490,12 +36649,18 @@ function UploadButton (_ref) {
     }
   };
   return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsx(Upload$2, _objectSpread$b(_objectSpread$b({}, props), {}, {
-      children: progress !== 'SUCCESS' && /*#__PURE__*/jsx(Button$1, {
-        icon: /*#__PURE__*/jsx(UploadOutlined$1, {}),
-        disabled: disabled,
-        children: title !== null && title !== void 0 ? title : t('backoffice.idmEnricher.import.upload')
-      })
+    children: /*#__PURE__*/jsxs(Upload$2.Dragger, _objectSpread$b(_objectSpread$b({}, props), {}, {
+      disabled: progress === 'INPROGRESS',
+      children: [/*#__PURE__*/jsx("p", {
+        className: "ant-upload-drag-icon",
+        children: /*#__PURE__*/jsx(UploadOutlined$1, {})
+      }), /*#__PURE__*/jsx("p", {
+        className: "ant-upload-text",
+        children: t('backoffice.idmEnricher.import.uploadtext')
+      }), /*#__PURE__*/jsx("p", {
+        className: "ant-upload-hint",
+        children: t('backoffice.idmEnricher.import.uploadhint')
+      })]
     }))
   });
 }
@@ -36511,7 +36676,7 @@ function IDMImportForm (_ref) {
     progress = _ref.progress,
     name = _ref.name,
     error = _ref.error,
-    setName = _ref.setName,
+    _setName = _ref.setName,
     fileList = _ref.fileList;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -36526,10 +36691,11 @@ function IDMImportForm (_ref) {
       }],
       children: /*#__PURE__*/jsx(Input, {
         onChange: function onChange(e) {
-          return setName(e.target.value);
+          return _setName(e.target.value);
         },
         value: name,
-        disabled: progress === 'INPROGRESS' || progress === 'SUCCESS'
+        placeholder: t('backoffice.idmEnricher.import.nameplaceholder'),
+        disabled: progress === 'INPROGRESS'
       })
     }), /*#__PURE__*/jsx(Form$1.Item, {
       children: /*#__PURE__*/jsx(UploadButton, {
@@ -36537,8 +36703,11 @@ function IDMImportForm (_ref) {
         contentType: "multipart/form-data",
         updateProgress: updateProgress,
         progress: progress,
-        disabled: !name.trim() || progress === 'INPROGRESS',
-        fileList: fileList
+        disabled: progress === 'INPROGRESS',
+        fileList: fileList,
+        setName: function setName(fileName) {
+          return !name && _setName(fileName);
+        }
       })
     }), /*#__PURE__*/jsxs(Form$1.Item, {
       style: {
@@ -36607,6 +36776,9 @@ function OpenModalButton (_ref) {
     setProgress(progress);
     setFileList(fileList);
     setError(error);
+    if (progress === 'SUCCESS') {
+      setName('');
+    }
   };
   var buttonText = progress == undefined || progress == 'ERROR' ? t('backoffice.idmEnricher.import.cancel') : progress === 'INPROGRESS' ? t('backoffice.idmEnricher.import.inprogress') : t('backoffice.idmEnricher.import.finish');
   return /*#__PURE__*/jsxs(Fragment, {
@@ -36619,17 +36791,14 @@ function OpenModalButton (_ref) {
       open: isModalOpen,
       onOk: handleOk,
       onCancel: handleOk,
-      cancelButtonProps: progress !== 'SUCCESS' ? {
+      cancelButtonProps: {
         style: {
           display: 'none'
         }
-      } : {
-        onClick: resetProgress
       },
       closable: progress !== 'INPROGRESS',
       maskClosable: progress !== 'INPROGRESS',
       okText: buttonText,
-      cancelText: progress === 'SUCCESS' ? t('backoffice.idmEnricher.import.new') : undefined,
       okButtonProps: {
         disabled: progress === 'INPROGRESS'
       } // Disable the button if progress is 'INPROGRESS'
@@ -36861,7 +37030,7 @@ var TableCatalogs = observer(function () {
   }, [organizationId, showApi2]);
   var rowActions = useMemo(function () {
     return [{
-      icon: /*#__PURE__*/jsx(EditOutlined, {}),
+      icon: /*#__PURE__*/jsx(EditOutlined$1, {}),
       action: function action(_ref) {
         var selectedNodes = _ref.selectedNodes;
         setSelectedCatalog(selectedNodes[0].data._id, ['series'], './', true);
@@ -37028,7 +37197,8 @@ var TableCatalogs = observer(function () {
         headerName: 'backoffice.idmCatalog.general.label.lastUpdatedDate',
         field: 'lastUpdatedDate',
         cellDataType: 'dateString',
-        editable: false
+        editable: false,
+        sort: 'desc'
       }, {
         headerName: 'backoffice.idmCatalog.general.label.lastUpdatedByDisplayText',
         field: 'lastUpdatedByDisplayText',
@@ -37639,7 +37809,7 @@ var useSeriesSelector = function useSeriesSelector(modules) {
     read: idmService + "/v3.0/catalogs/".concat(catalogId, "/series?fields=seriesName[").concat(i18n.language.toLocaleUpperCase(), "];_id")
   };
   var selectMapping = {
-    label: "${seriesName.".concat(i18n.language.toLocaleUpperCase(), "}"),
+    label: "${seriesName.".concat(i18n.language.toLocaleUpperCase(), "} (${serieNo})"),
     value: '${_id}'
   };
   var fetchSerie = /*#__PURE__*/function () {