@crystaldesign/diva-backoffice 26.8.0-beta.51 → 26.8.0-beta.53

package/build/esm/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React, { createElement, createContext, useState, useEffect, useRef, useMemo, forwardRef, useImperativeHandle, useCallback, createRef, useReducer, useContext, memo, useDeferredValue } from 'react';
 import 'antd/dist/reset.css';
-import { Divider, Form as Form$2, Button, Input as Input$1, Popover, Typography, Progress, Select, Avatar, Spin, Radio, Space, Dropdown, InputNumber, ColorPicker, Tooltip as Tooltip$1, Slider, DatePicker, Checkbox as Checkbox$1, Modal as Modal$2, Tabs, Cascader, Descriptions, Row, Col, Collapse, List as List$1, Skeleton, Alert, Card, Upload as Upload$2, Table as Table$1, message, Switch, Popconfirm, Image as Image$1, Breadcrumb, Result as Result$1, Tag, Badge, theme, Empty, Splitter, notification, ConfigProvider, Layout, Drawer } from 'antd';
+import { Divider, Form as Form$2, Button, Input as Input$1, Popover, Typography, Progress, Select, Avatar, Spin, Radio, Space, Dropdown, InputNumber, ColorPicker, Tooltip as Tooltip$1, Slider, DatePicker, Checkbox as Checkbox$1, Modal as Modal$2, Tabs, Cascader, Descriptions, Row, Col, Collapse, List as List$1, Skeleton, Alert, Card, Upload as Upload$2, Table as Table$1, message, Switch, Popconfirm, Image as Image$1, Breadcrumb, Result as Result$1, theme, Tag as Tag$1, Badge, Empty, Splitter, notification, ConfigProvider, Layout, Drawer } from 'antd';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { observer } from 'mobx-react-lite';
 import { getLogger, DivaError, useTranslation, useDivaCore, DivaUtils, i18n } from '@crystaldesign/diva-core';
@@ -84,7 +84,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, CheckOutlined, CopyOutlined, CalculatorOutlined, DownloadOutlined as DownloadOutlined$1, PlusSquareOutlined, DeleteOutlined as DeleteOutlined$1, FullscreenOutlined, InfoCircleOutlined as InfoCircleOutlined$1, CloseOutlined as CloseOutlined$1, PlusCircleOutlined as PlusCircleOutlined$1, HomeOutlined as HomeOutlined$1, InboxOutlined, EditOutlined, EyeOutlined, FilePdfOutlined, LoadingOutlined, DownOutlined as DownOutlined$1, UploadOutlined as UploadOutlined$2, GlobalOutlined, SendOutlined as SendOutlined$1, CheckCircleOutlined, CloseCircleOutlined, HeartOutlined, RightOutlined as RightOutlined$1, ReloadOutlined as ReloadOutlined$1, CloudSyncOutlined, HolderOutlined, DatabaseOutlined as DatabaseOutlined$1, DatabaseFilled, PaperClipOutlined, SettingOutlined as SettingOutlined$1, KeyOutlined as KeyOutlined$1, RedoOutlined, MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons';
+import { MinusCircleOutlined, PlusOutlined, CheckOutlined, CopyOutlined, CalculatorOutlined, DownloadOutlined as DownloadOutlined$1, PlusSquareOutlined, DeleteOutlined as DeleteOutlined$1, FullscreenOutlined, InfoCircleOutlined as InfoCircleOutlined$1, CloseOutlined as CloseOutlined$1, PlusCircleOutlined as PlusCircleOutlined$1, HomeOutlined as HomeOutlined$1, InboxOutlined, EditOutlined, EyeOutlined, FilePdfOutlined, LoadingOutlined, DownOutlined as DownOutlined$1, UploadOutlined as UploadOutlined$2, GlobalOutlined, SendOutlined as SendOutlined$1, CheckCircleOutlined as CheckCircleOutlined$1, CloseCircleOutlined, HeartOutlined, RightOutlined as RightOutlined$1, ReloadOutlined as ReloadOutlined$1, CloudSyncOutlined, HolderOutlined, DatabaseOutlined as DatabaseOutlined$1, DatabaseFilled, PaperClipOutlined, SettingOutlined as SettingOutlined$1, KeyOutlined as KeyOutlined$1, RedoOutlined, MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons';
 import classNames from 'classnames';
 import RTFEditor from '@crystaldesign/rtf-editor';
 import debounce from 'lodash/debounce';
@@ -126,13 +126,16 @@ 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$1 from '@ant-design/icons/lib/icons/EditOutlined';
-import Checkbox$2 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 Switch$1 from 'antd/es/switch';
+import Tag from 'antd/es/tag';
+import CheckCircleOutlined from '@ant-design/icons/CheckCircleOutlined';
+import SyncOutlined from '@ant-design/icons/SyncOutlined';
+import WarningOutlined from '@ant-design/icons/lib/icons/WarningOutlined';
+import Checkbox$2 from 'antd/es/checkbox/Checkbox';
+import EditOutlined$1 from '@ant-design/icons/lib/icons/EditOutlined';
 import Radio$1 from 'antd/es/radio';
 import EyeOutlined$1 from '@ant-design/icons/lib/icons/EyeOutlined';
 import { useTranslation as useTranslation$1 } from 'react-i18next';
@@ -155,7 +158,6 @@ import { useSortable, sortableKeyboardCoordinates, SortableContext, verticalList
 import { CSS } from '@dnd-kit/utilities';
 import FileTextOutlined from '@ant-design/icons/FileTextOutlined';
 import UndoOutlined from '@ant-design/icons/UndoOutlined';
-import Switch$1 from 'antd/es/switch';
 import Layout$1 from 'antd/es/layout';
 import Menu from 'antd/es/menu';
 import { DoubleLeftOutlined, PushpinFilled } from '@ant-design/icons/lib/icons';
@@ -35230,7 +35232,8 @@ var useEnricherContext = function useEnricherContext() {
       exclusivitiesFeatureSelectorState: createDefaultSelectState('exclusivitiesFeatureSelectorState'),
       selectedSerie: undefined,
       selectedItem: undefined,
-      selectedFeature: undefined
+      selectedFeature: undefined,
+      packageDataVersion: 0
     };
     return root.contextStore.getContext('enricher', initialState);
   }, [root.configurationStore.apiConfig.enricherService, root.dataStore.organizationId, urlPackageId]);
@@ -35254,6 +35257,18 @@ var useEnricherContext = function useEnricherContext() {
       selectedFeature: feature
     });
   }, [root.contextStore]);
+
+  /**
+   * Signals that data of the selected package changed elsewhere (e.g. a table row was saved). Only bumps a
+   * counter — does NOT touch `selectedPackage` itself, since that feeds grid `applicationData`/config and
+   * replacing it on every edit caused the grid to reset (and editing to break) after each save.
+   */
+  var notifyPackageDataChanged = useCallback(function () {
+    var _getContext$packageDa;
+    root.contextStore.updateContext('enricher', {
+      packageDataVersion: ((_getContext$packageDa = getContext().packageDataVersion) !== null && _getContext$packageDa !== void 0 ? _getContext$packageDa : 0) + 1
+    });
+  }, [root.contextStore, getContext]);
   var setSelectedPackage = useCallback(function (pkg) {
     var modules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : currentModules;
     var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '../';
@@ -35319,7 +35334,713 @@ var useEnricherContext = function useEnricherContext() {
     setSelectedSerie: setSelectedSerie,
     setSelectedItem: setSelectedItem,
     setSelectedFeature: setSelectedFeature,
-    setSelectedPackage: setSelectedPackage
+    setSelectedPackage: setSelectedPackage,
+    notifyPackageDataChanged: notifyPackageDataChanged
+  });
+};
+
+/**
+ * Custom hook for managing loading, error, and warning modals
+ *
+ * @returns Object containing modal management functions and context holder
+ * @returns {Function} showLoadingModal - Function to show a loading modal
+ * @returns {Function} showErrorModal - Function to show an error modal
+ * @returns {Function} showWarningModal - Function to show a warning modal
+ * @returns {Function} closeModal - Function to close the current modal
+ * @returns {React.ReactElement} contextHolder - Context holder element
+ */
+var useLoadingModal = function useLoadingModal() {
+  var _Modal$useModal = Modal$3.useModal(),
+    _Modal$useModal2 = _slicedToArray(_Modal$useModal, 2),
+    modal = _Modal$useModal2[0],
+    contextHolder = _Modal$useModal2[1];
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2);
+    _useState2[0];
+    var setInstance = _useState2[1];
+  var showLoadingModal = useCallback(function (text) {
+    var newInstance = modal.info({
+      content: /*#__PURE__*/jsx(Fragment, {
+        children: /*#__PURE__*/jsx(Flex, {
+          gap: "middle",
+          vertical: true,
+          children: /*#__PURE__*/jsx(Flex, {
+            gap: "middle",
+            children: /*#__PURE__*/jsx(Spin$1, {
+              tip: text,
+              size: "large",
+              children: /*#__PURE__*/jsx("div", {
+                style: {
+                  padding: 50,
+                  borderRadius: 4
+                }
+              })
+            })
+          })
+        })
+      }),
+      icon: null,
+      maskClosable: false,
+      okButtonProps: {
+        style: {
+          display: 'none'
+        }
+      },
+      closable: false,
+      centered: true
+    });
+    setInstance(function (old) {
+      old === null || old === void 0 || old.destroy();
+      return newInstance;
+    });
+  }, []);
+  var showErrorModal = useCallback(function (error) {
+    var newInstance = modal.error({
+      content: error,
+      okButtonProps: {
+        style: {
+          display: 'none'
+        }
+      },
+      centered: true,
+      closable: true,
+      maskClosable: true
+    });
+    setInstance(function (old) {
+      old === null || old === void 0 || old.destroy();
+      return newInstance;
+    });
+  }, []);
+  var showWarningModal = useCallback(function (warning) {
+    var newInstance = modal.warning({
+      content: warning,
+      okButtonProps: {
+        style: {
+          display: 'none'
+        }
+      },
+      centered: true,
+      closable: true,
+      maskClosable: true
+    });
+    setInstance(function (old) {
+      old === null || old === void 0 || old.destroy();
+      return newInstance;
+    });
+  }, []);
+  var closeModal = useCallback(function () {
+    setInstance(function (old) {
+      old === null || old === void 0 || old.destroy();
+      return null;
+    });
+  }, []);
+  return {
+    contextHolder: contextHolder,
+    showLoadingModal: showLoadingModal,
+    showErrorModal: showErrorModal,
+    showWarningModal: showWarningModal,
+    closeModal: closeModal
+  };
+};
+
+/**
+ * Fetches organizations related to the given organization and filters them down to the ones eligible
+ * for automatic publishing of the package (either explicitly enabled for this package, or having both
+ * access to the package and automaticPublishing enabled on their own organization settings).
+ */
+function fetchAutomaticPublishingOrganizations(_x) {
+  return _fetchAutomaticPublishingOrganizations.apply(this, arguments);
+}
+
+/**
+ * Returns true if the package was last updated after it was published, meaning the published version
+ * is outdated.
+ */
+function _fetchAutomaticPublishingOrganizations() {
+  _fetchAutomaticPublishingOrganizations = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
+    var authServiceUrl, organizationId, jwt, packageData, url, response, result, allowedOrgIds, currentOrg, currentOrgParentIds, isOwner;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          authServiceUrl = _ref.authServiceUrl, organizationId = _ref.organizationId, jwt = _ref.jwt, packageData = _ref.packageData;
+          url = authServiceUrl + "/organizations/".concat(organizationId, "/related?limit=1000");
+          _context.next = 4;
+          return fetch(url, {
+            headers: {
+              Authorization: "Bearer ".concat(jwt),
+              'Content-Type': 'application/json'
+            }
+          });
+        case 4:
+          response = _context.sent;
+          if (response.ok) {
+            _context.next = 7;
+            break;
+          }
+          throw new Error("Failed to fetch organizations: ".concat(response.status));
+        case 7:
+          _context.next = 9;
+          return response.json();
+        case 9:
+          result = _context.sent;
+          allowedOrgIds = packageData.allowedOrganizationIds || []; // Find current organization to get its parents
+          currentOrg = (result.data || []).find(function (o) {
+            return o._id === organizationId;
+          });
+          currentOrgParentIds = (currentOrg === null || currentOrg === void 0 ? void 0 : currentOrg.parentOrganizations) || [];
+          isOwner = packageData.organizationId === organizationId; // Show organizations that are:
+          // 1. In package settings with AutomaticPublishing === true, OR
+          // 2. Has access to the package AND have automaticPublishing === true in their own organization settings
+          return _context.abrupt("return", (result.data || []).filter(function (org) {
+            var _packageData$settings;
+            // EXCLUDE the current organization
+            if (org._id === organizationId) {
+              return false;
+            }
+            var orgParentIds = org.parentOrganizations || [];
+
+            //if only shared with this organization, we only show the subtree of this organization for automatic publishing
+            if (!isOwner) {
+              // EXCLUDE parents of the current organization
+              if (currentOrgParentIds.includes(org._id)) {
+                return false;
+              }
+              // EXCLUDE siblings and their children
+              var isChild = orgParentIds.includes(organizationId);
+              var isOfSiblingBranch = !isChild && currentOrgParentIds.some(function (parentId) {
+                return orgParentIds.includes(parentId);
+              });
+              if (isOfSiblingBranch) {
+                return false;
+              }
+            }
+            var hasAutomaticPublishingForPackage = ((_packageData$settings = packageData.settings) === null || _packageData$settings === void 0 || (_packageData$settings = _packageData$settings[org._id]) === null || _packageData$settings === void 0 ? void 0 : _packageData$settings.automaticPublishing) === true;
+            var hasAccessToPackage = orgParentIds.includes(packageData.organizationId) || allowedOrgIds.includes(org._id) || allowedOrgIds.some(function (id) {
+              return orgParentIds.includes(id);
+            });
+            var hasAutomaticPublishing = org.automaticPublishing === true;
+            var hasAccessToPackageAndAutomaticPublishing = hasAccessToPackage && hasAutomaticPublishing;
+            return hasAutomaticPublishingForPackage || hasAccessToPackageAndAutomaticPublishing;
+          }));
+        case 15:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _fetchAutomaticPublishingOrganizations.apply(this, arguments);
+}
+function hasUnpublishedChanges(publishDateString, lastUpdatedDateString) {
+  var publishDate = publishDateString ? new Date(publishDateString) : undefined;
+  var lastUpdatedDate = lastUpdatedDateString ? new Date(lastUpdatedDateString) : undefined;
+  if (publishDate) {
+    if (lastUpdatedDate && publishDate < lastUpdatedDate) {
+      return true;
+    }
+  }
+  return false;
+}
+
+/**
+ * Shared publish/unpublish state and logic for a package, used by both the packages list column and the
+ * standalone publish button next to the package selector.
+ */
+function usePackagePublishing(_ref) {
+  var _data$published, _data$removedOrganiza;
+  var packageId = _ref.packageId,
+    data = _ref.data,
+    organizationId = _ref.organizationId,
+    apiConfig = _ref.apiConfig,
+    modalState = _ref.modalState,
+    onPublished = _ref.onPublished,
+    blockUiWhilePublishing = _ref.blockUiWhilePublishing;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var root = useStore();
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    loading = _React$useState2[0],
+    setLoading = _React$useState2[1];
+  //tracks which action triggered the current request, so the UI can tell "publishing" apart from "unpublishing"
+  var _React$useState3 = React.useState(null),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    pendingAction = _React$useState4[0],
+    setPendingAction = _React$useState4[1];
+  var _React$useState5 = React.useState(false),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    organizationModalVisible = _React$useState6[0],
+    setOrganizationModalVisible = _React$useState6[1];
+  var _React$useState7 = React.useState([]),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    availableOrganizations = _React$useState8[0],
+    setAvailableOrganizations = _React$useState8[1];
+  var _React$useState9 = React.useState([]),
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    selectedOrganizationIds = _React$useState10[0],
+    setSelectedOrganizationIds = _React$useState10[1];
+  var _React$useState11 = React.useState(false),
+    _React$useState12 = _slicedToArray(_React$useState11, 2),
+    loadingOrganizations = _React$useState12[0],
+    setLoadingOrganizations = _React$useState12[1];
+  var publishedData = data === null || data === void 0 || (_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 !== null && data !== void 0 && (_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, 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 fetchOrganizationsWithAutomaticPublishing = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var filtered;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          setLoadingOrganizations(true);
+          _context.prev = 1;
+          _context.next = 4;
+          return fetchAutomaticPublishingOrganizations({
+            authServiceUrl: apiConfig.authService,
+            organizationId: organizationId,
+            jwt: root.dataStore.jwt,
+            packageData: data
+          });
+        case 4:
+          filtered = _context.sent;
+          setAvailableOrganizations(filtered);
+          setSelectedOrganizationIds(filtered.map(function (org) {
+            return org._id;
+          }));
+          return _context.abrupt("return", filtered);
+        case 10:
+          _context.prev = 10;
+          _context.t0 = _context["catch"](1);
+          modalState.showErrorModal("Error fetching organizations: ".concat(_context.t0 instanceof Error ? _context.t0.message : String(_context.t0)));
+          setAvailableOrganizations([]);
+          return _context.abrupt("return", []);
+        case 15:
+          _context.prev = 15;
+          setLoadingOrganizations(false);
+          return _context.finish(15);
+        case 18:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 10, 15, 18]]);
+  })), [apiConfig.authService, organizationId, root.dataStore.jwt, modalState, data]);
+  var performPublish = React.useCallback(/*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(publish) {
+      var automaticPublishingOrgIds,
+        url,
+        response,
+        _errorText,
+        errorText,
+        _json$error,
+        json,
+        _args2 = arguments;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            automaticPublishingOrgIds = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : [];
+            setLoading(true);
+            setPendingAction(publish ? 'publish' : 'unpublish');
+            if (blockUiWhilePublishing) {
+              modalState.showLoadingModal(t("backoffice.idmEnricher.packages.label.".concat(publish ? 'publishing' : 'unpublishing')));
+            }
+            _context2.prev = 4;
+            url = "".concat(apiConfig.enricherService, "/packages/").concat(packageId, "/").concat(publish ? 'publish' : 'unpublish', "?organizationId=").concat(organizationId);
+            if (publish && automaticPublishingOrgIds.length > 0) {
+              url += '&automaticPublishingOrganizationIds=' + automaticPublishingOrgIds.join(',');
+            }
+            _context2.next = 9;
+            return fetch(url, {
+              method: 'PUT',
+              headers: {
+                Authorization: "Bearer ".concat(root.dataStore.jwt)
+              }
+            });
+          case 9:
+            response = _context2.sent;
+            if (!(response.status == 202)) {
+              _context2.next = 14;
+              break;
+            }
+            modalState.showWarningModal(t("backoffice.idmEnricher.packages.label.warning.".concat(publish ? 'publishing' : 'unpublishing')));
+            _context2.next = 31;
+            break;
+          case 14:
+            if (!(response.status == 200)) {
+              _context2.next = 18;
+              break;
+            }
+            modalState.closeModal();
+            _context2.next = 31;
+            break;
+          case 18:
+            _context2.prev = 18;
+            _context2.next = 21;
+            return response.json();
+          case 21:
+            json = _context2.sent;
+            errorText = (_json$error = json.error) !== null && _json$error !== void 0 ? _json$error : json.Error;
+            _context2.next = 30;
+            break;
+          case 25:
+            _context2.prev = 25;
+            _context2.t0 = _context2["catch"](18);
+            _context2.next = 29;
+            return response.text();
+          case 29:
+            errorText = _context2.sent;
+          case 30:
+            throw new Error((_errorText = errorText) !== null && _errorText !== void 0 ? _errorText : "Server error (".concat(response.status, ")"));
+          case 31:
+            onPublished();
+            _context2.next = 37;
+            break;
+          case 34:
+            _context2.prev = 34;
+            _context2.t1 = _context2["catch"](4);
+            modalState.showErrorModal("Error on ".concat(publish ? 'publish' : 'unpublish', ": ").concat(_context2.t1 instanceof Error ? _context2.t1.message : String(_context2.t1)));
+          case 37:
+            _context2.prev = 37;
+            setLoading(false);
+            setPendingAction(null);
+            return _context2.finish(37);
+          case 41:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[4, 34, 37, 41], [18, 25]]);
+    }));
+    return function (_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [apiConfig.enricherService, packageId, organizationId, root.dataStore.jwt, modalState, t, onPublished, blockUiWhilePublishing]);
+  var handlePublishClick = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var organizations;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          setSelectedOrganizationIds([]);
+          _context3.next = 3;
+          return fetchOrganizationsWithAutomaticPublishing();
+        case 3:
+          organizations = _context3.sent;
+          if (!(organizations.length > 0)) {
+            _context3.next = 8;
+            break;
+          }
+          setOrganizationModalVisible(true);
+          _context3.next = 10;
+          break;
+        case 8:
+          _context3.next = 10;
+          return performPublish(true, []);
+        case 10:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  })), [fetchOrganizationsWithAutomaticPublishing, performPublish]);
+  var handleConfirmPublish = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          setOrganizationModalVisible(false);
+          _context4.next = 3;
+          return performPublish(true, selectedOrganizationIds);
+        case 3:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  })), [selectedOrganizationIds, performPublish]);
+  var onChange = React.useCallback(/*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(publish) {
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            if (!publish) {
+              _context5.next = 5;
+              break;
+            }
+            _context5.next = 3;
+            return handlePublishClick();
+          case 3:
+            _context5.next = 7;
+            break;
+          case 5:
+            _context5.next = 7;
+            return performPublish(false);
+          case 7:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function (_x2) {
+      return _ref6.apply(this, arguments);
+    };
+  }(), [handlePublishClick, performPublish]);
+  return {
+    loading: loading,
+    pendingAction: pendingAction,
+    isPublishing: isPublishing,
+    isPublished: isPublished,
+    isReleaseWithdrawn: isReleaseWithdrawn,
+    unpublishedChanges: unpublishedChanges,
+    disabled: disabled,
+    organizationModalVisible: organizationModalVisible,
+    setOrganizationModalVisible: setOrganizationModalVisible,
+    availableOrganizations: availableOrganizations,
+    loadingOrganizations: loadingOrganizations,
+    selectedOrganizationIds: selectedOrganizationIds,
+    setSelectedOrganizationIds: setSelectedOrganizationIds,
+    onChange: onChange,
+    handleConfirmPublish: handleConfirmPublish
+  };
+}
+
+/**
+ * Modal to select which organizations should get automatic publishing enabled, shown after clicking publish
+ * when there are eligible organizations. Shared between the packages list column and the standalone publish button.
+ */
+function AutomaticPublishingOrganizationsModal(_ref) {
+  var publishing = _ref.publishing;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var loading = publishing.loading,
+    organizationModalVisible = publishing.organizationModalVisible,
+    setOrganizationModalVisible = publishing.setOrganizationModalVisible,
+    availableOrganizations = publishing.availableOrganizations,
+    loadingOrganizations = publishing.loadingOrganizations,
+    selectedOrganizationIds = publishing.selectedOrganizationIds,
+    setSelectedOrganizationIds = publishing.setSelectedOrganizationIds,
+    handleConfirmPublish = publishing.handleConfirmPublish;
+  return /*#__PURE__*/jsxs(Modal$3, {
+    title: t('backoffice.idmEnricher.packages.label.selectAutomaticPublishingOrganizations'),
+    open: organizationModalVisible,
+    onOk: handleConfirmPublish,
+    onCancel: function onCancel() {
+      return setOrganizationModalVisible(false);
+    },
+    okText: t('backoffice.idmEnricher.packages.label.publish'),
+    cancelText: t('backoffice.idmEnricher.packages.label.cancel'),
+    confirmLoading: loading,
+    children: [/*#__PURE__*/jsx("div", {
+      style: {
+        marginBottom: 16
+      },
+      children: t('backoffice.idmEnricher.packages.label.selectAutomaticPublishingOrganizationsDescription')
+    }), loadingOrganizations ? /*#__PURE__*/jsx("div", {
+      style: {
+        textAlign: 'center',
+        padding: '20px'
+      },
+      children: t('backoffice.idmEnricher.packages.label.loading')
+    }) : availableOrganizations.length === 0 ? /*#__PURE__*/jsx("div", {
+      style: {
+        textAlign: 'center',
+        padding: '20px'
+      },
+      children: t('backoffice.idmEnricher.packages.label.noOrganizationsFound')
+    }) : /*#__PURE__*/jsx("div", {
+      style: {
+        maxHeight: '400px',
+        overflowY: 'auto'
+      },
+      children: /*#__PURE__*/jsx(Space$1, {
+        direction: "vertical",
+        style: {
+          width: '100%'
+        },
+        children: availableOrganizations.map(function (org) {
+          return /*#__PURE__*/jsx(Checkbox$2, {
+            checked: selectedOrganizationIds.includes(org._id),
+            onChange: function onChange(e) {
+              if (e.target.checked) {
+                setSelectedOrganizationIds([].concat(_toConsumableArray(selectedOrganizationIds), [org._id]));
+              } else {
+                setSelectedOrganizationIds(selectedOrganizationIds.filter(function (id) {
+                  return id !== org._id;
+                }));
+              }
+            },
+            children: org.displayName
+          }, org._id);
+        })
+      })
+    })]
+  });
+}
+
+/**
+ * Compact publish/unpublish switch for the currently opened package: the switch carries the publish state
+ * (on/off, green when published), a colored tag carries the additional status (current/pending changes/publishing).
+ */
+function PackagePublishSwitch(_ref) {
+  var publishing = _ref.publishing;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token;
+  var isPublishing = publishing.isPublishing,
+    pendingAction = publishing.pendingAction,
+    isPublished = publishing.isPublished,
+    isReleaseWithdrawn = publishing.isReleaseWithdrawn,
+    unpublishedChanges = publishing.unpublishedChanges,
+    disabled = publishing.disabled,
+    _onChange = publishing.onChange;
+  var publishingLabel = pendingAction === 'unpublish' ? t('backoffice.idmEnricher.packages.label.statusUnpublishing', {
+    defaultValue: 'Veröffentlichung wird entfernt'
+  }) : t('backoffice.idmEnricher.packages.label.statusPublishing', {
+    defaultValue: 'Wird gerade publiziert'
+  });
+  var stateLabel = isPublished ? t('backoffice.idmEnricher.packages.label.statusPublished', {
+    defaultValue: 'Publiziert'
+  }) : t('backoffice.idmEnricher.packages.label.statusNotPublished', {
+    defaultValue: 'Nicht publiziert'
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("div", {
+      style: {
+        boxSizing: 'border-box',
+        display: 'flex',
+        alignItems: 'center',
+        height: token.controlHeight,
+        border: "1px solid ".concat(token.colorBorder),
+        borderRadius: token.borderRadius,
+        padding: '0 10px',
+        fontSize: token.fontSizeSM
+      },
+      children: /*#__PURE__*/jsx(Space$1, {
+        size: "small",
+        align: "center",
+        children: isPublishing ?
+        /*#__PURE__*/
+        // the switch has no in-between state, so hide it while publishing instead of showing it as misleadingly "off"
+        jsx(Tag, {
+          icon: /*#__PURE__*/jsx(SyncOutlined, {
+            spin: true
+          }),
+          color: "processing",
+          children: publishingLabel
+        }) : /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(Tooltip, {
+            title: disabled ? '' : isPublished ? t('backoffice.idmEnricher.packages.label.unpublish') : t('backoffice.idmEnricher.packages.label.publish'),
+            children: /*#__PURE__*/jsx(Switch$1, {
+              size: "small",
+              checked: !!isPublished,
+              disabled: disabled,
+              onChange: function onChange(checked) {
+                return _onChange(checked);
+              }
+            })
+          }), /*#__PURE__*/jsx("span", {
+            children: stateLabel
+          }), unpublishedChanges && /*#__PURE__*/jsxs(Fragment, {
+            children: [/*#__PURE__*/jsx(Tag, {
+              icon: /*#__PURE__*/jsx(WarningOutlined, {}),
+              color: "warning",
+              children: t('backoffice.idmEnricher.packages.label.unpublishedChanges')
+            }), /*#__PURE__*/jsx(Button$1, {
+              size: "small",
+              style: {
+                fontSize: token.fontSizeSM
+              },
+              icon: /*#__PURE__*/jsx(ReloadOutlined, {}),
+              onClick: function onClick() {
+                return _onChange(true);
+              },
+              children: t('backoffice.idmEnricher.packages.label.republish', {
+                defaultValue: 'Erneut publizieren'
+              })
+            })]
+          }), !unpublishedChanges && isReleaseWithdrawn && /*#__PURE__*/jsx(Tag, {
+            icon: /*#__PURE__*/jsx(WarningOutlined, {}),
+            color: "error",
+            children: t('backoffice.idmEnricher.packages.label.releaseWithdrawn')
+          }), !unpublishedChanges && !isReleaseWithdrawn && isPublished && /*#__PURE__*/jsx(Tag, {
+            icon: /*#__PURE__*/jsx(CheckCircleOutlined, {}),
+            color: "success",
+            children: t('backoffice.idmEnricher.packages.label.current', {
+              defaultValue: 'Aktuell'
+            })
+          })]
+        })
+      })
+    }), /*#__PURE__*/jsx(AutomaticPublishingOrganizationsModal, {
+      publishing: publishing
+    })]
+  });
+}
+
+/**
+ * Publish/unpublish switch for the currently opened package, sharing its state/actions with the packages list
+ * column but rendered as a compact switch instead (see PackagePublishSwitch).
+ *
+ * Fetches its own copy of the package (rather than reading `selectedPackage` from the enricher context), since
+ * that field also feeds the grid's `applicationData`/config — replacing it on every refresh caused the grid to
+ * reset itself and break cell editing.
+ */
+var PackagePublishButton = function PackagePublishButton(_ref) {
+  var packageId = _ref.packageId,
+    organizationId = _ref.organizationId,
+    apiConfig = _ref.apiConfig,
+    refreshToken = _ref.refreshToken;
+  var root = useStore();
+  var modalState = useLoadingModal();
+  var _React$useState = React.useState(),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    data = _React$useState2[0],
+    setData = _React$useState2[1];
+  var fetchPackage = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var response;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return fetch("".concat(apiConfig.enricherService, "/packages/").concat(packageId), {
+            headers: {
+              Authorization: "Bearer ".concat(root.dataStore.jwt)
+            }
+          });
+        case 2:
+          response = _context.sent;
+          if (!response.ok) {
+            _context.next = 9;
+            break;
+          }
+          _context.t0 = setData;
+          _context.next = 7;
+          return response.json();
+        case 7:
+          _context.t1 = _context.sent;
+          (0, _context.t0)(_context.t1);
+        case 9:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [apiConfig.enricherService, packageId, root.dataStore.jwt]);
+  React.useEffect(function () {
+    if (packageId) fetchPackage();
+  }, [fetchPackage, refreshToken]);
+
+  //blocks the UI while publishing, since there is no grid row here to show an inline spinner on
+  var publishing = usePackagePublishing({
+    packageId: packageId,
+    data: data !== null && data !== void 0 ? data : {},
+    organizationId: organizationId,
+    apiConfig: apiConfig,
+    modalState: modalState,
+    onPublished: fetchPackage,
+    blockUiWhilePublishing: true
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(PackagePublishSwitch, {
+      publishing: publishing
+    }), modalState.contextHolder]
   });
 };
 
@@ -35327,43 +36048,54 @@ var PackageSelector = function PackageSelector(_ref) {
   var modules = _ref.modules;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var root = useStore();
   var _useEnricherContext = useEnricherContext(modules),
+    packageId = _useEnricherContext.packageId,
     selectedPackage = _useEnricherContext.selectedPackage,
     setSelectedPackage = _useEnricherContext.setSelectedPackage,
     enricherService = _useEnricherContext.enricherService,
     organizationId = _useEnricherContext.organizationId,
-    packageSelectorState = _useEnricherContext.packageSelectorState;
-  return /*#__PURE__*/jsx(SimpleSelect, {
-    sharedState: packageSelectorState,
-    apiInterface: {
-      read: "".concat(enricherService, "/packages?fields=name;_id;isoLanguageIds;isApi;organizationId&organizationId=").concat(organizationId)
-    },
-    selectMapping: {
-      label: function label(data) {
-        return "".concat(data.name, " ").concat(data.isApi ? '(CE)' : '');
+    packageSelectorState = _useEnricherContext.packageSelectorState,
+    packageDataVersion = _useEnricherContext.packageDataVersion;
+  return /*#__PURE__*/jsxs(Space, {
+    align: "end",
+    children: [/*#__PURE__*/jsx(PackagePublishButton, {
+      packageId: packageId,
+      organizationId: organizationId,
+      apiConfig: root.configurationStore.apiConfig,
+      refreshToken: packageDataVersion
+    }), /*#__PURE__*/jsx(SimpleSelect, {
+      sharedState: packageSelectorState,
+      apiInterface: {
+        read: "".concat(enricherService, "/packages?fields=name;_id;isoLanguageIds;isApi;organizationId&organizationId=").concat(organizationId)
       },
-      value: '${_id}'
-    },
-    title: t('backoffice.menu.items.label.IDMEnricherEditorTablePackages'),
-    value: selectedPackage,
-    onChange: function onChange(value) {
-      return setSelectedPackage(value);
-    },
-    search: true,
-    style: {
-      width: 200
-    },
-    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
-        })]
-      });
-    }
+      selectMapping: {
+        label: function label(data) {
+          return "".concat(data.name, " ").concat(data.isApi ? '(CE)' : '');
+        },
+        value: '${_id}'
+      },
+      title: t('backoffice.menu.items.label.IDMEnricherEditorTablePackages'),
+      value: selectedPackage,
+      onChange: function onChange(value) {
+        return setSelectedPackage(value);
+      },
+      search: true,
+      style: {
+        width: 200
+      },
+      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);
@@ -35382,7 +36114,8 @@ function useModule$1 (currentModules) {
     selectedItem = _useEnricherContext.selectedItem,
     setSelectedSerie = _useEnricherContext.setSelectedSerie,
     setSelectedItem = _useEnricherContext.setSelectedItem,
-    viewOnly = _useEnricherContext.viewOnly;
+    viewOnly = _useEnricherContext.viewOnly,
+    notifyPackageDataChanged = _useEnricherContext.notifyPackageDataChanged;
   var location = useLocation();
   var _useSearchParams = useSearchParams(),
     _useSearchParams2 = _slicedToArray(_useSearchParams, 1),
@@ -35597,7 +36330,8 @@ function useModule$1 (currentModules) {
     selectedSerie: selectedSerie,
     selectedFeature: selectedFeature,
     selectedItem: selectedItem,
-    viewOnly: viewOnly
+    viewOnly: viewOnly,
+    notifyPackageDataChanged: notifyPackageDataChanged
   };
 }
 
@@ -35680,7 +36414,8 @@ var TableGroups = observer(function () {
     selectedSerie = _useModule.selectedSerie,
     setSelectedSerie = _useModule.setSelectedSerie,
     setSelectedItem = _useModule.setSelectedItem,
-    selectedItem = _useModule.selectedItem;
+    selectedItem = _useModule.selectedItem,
+    notifyPackageDataChanged = _useModule.notifyPackageDataChanged;
   useTools({
     enricherPackage: selectedPackage,
     isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
@@ -35797,6 +36532,13 @@ var TableGroups = observer(function () {
       }]
     };
   }, [apiInterface, t, selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds, viewOnly]);
+  var hooks = useMemo(function () {
+    return {
+      onDataUpdated: function onDataUpdated() {
+        return notifyPackageDataChanged();
+      }
+    };
+  }, [notifyPackageDataChanged]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -35812,313 +36554,31 @@ var TableGroups = observer(function () {
     }), selectedPackage && /*#__PURE__*/jsx(Spreadsheet, {
       gridId: 'crud-grid_groups',
       applicationData: applicationData,
-      configuration: configuration
+      configuration: configuration,
+      hooks: hooks
     })]
   });
 });
 
-function PublishCustomCell (_ref) {
-  var _data$published, _data$removedOrganiza;
-  var data = _ref.data,
-    apiConfig = _ref.apiConfig,
-    context = _ref.context,
-    api = _ref.api,
-    modalState = _ref.modalState,
-    organizationId = _ref.organizationId;
+/**
+ * Publish/unpublish checkbox, status icons and automatic-publishing organization modal, shared between the
+ * packages list column and the standalone publish button next to the package selector.
+ */
+function PackagePublishControls(_ref) {
+  var publishing = _ref.publishing,
+    buttonSize = _ref.buttonSize;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var root = useStore();
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    loading = _React$useState2[0],
-    isLoading = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    organizationModalVisible = _React$useState4[0],
-    setOrganizationModalVisible = _React$useState4[1];
-  var _React$useState5 = React.useState([]),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    availableOrganizations = _React$useState6[0],
-    setAvailableOrganizations = _React$useState6[1];
-  var _React$useState7 = React.useState([]),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    selectedOrganizationIds = _React$useState8[0],
-    setSelectedOrganizationIds = _React$useState8[1];
-  var _React$useState9 = React.useState(false),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    loadingOrganizations = _React$useState10[0],
-    setLoadingOrganizations = _React$useState10[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, 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 fetchOrganizationsWithAutomaticPublishing = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var url, response, result, allowedOrgIds, currentOrg, currentOrgParentIds, isOwner, filtered, allOrgIds;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          setLoadingOrganizations(true);
-          _context.prev = 1;
-          // Request organizations with automaticPublishing field from their settings
-          url = apiConfig.authService + "/organizations/".concat(organizationId, "/related?limit=1000");
-          _context.next = 5;
-          return fetch(url, {
-            headers: {
-              Authorization: "Bearer ".concat(root.dataStore.jwt),
-              'Content-Type': 'application/json'
-            }
-          });
-        case 5:
-          response = _context.sent;
-          if (response.ok) {
-            _context.next = 8;
-            break;
-          }
-          throw new Error("Failed to fetch organizations: ".concat(response.status));
-        case 8:
-          _context.next = 10;
-          return response.json();
-        case 10:
-          result = _context.sent;
-          // Get allowed organization IDs from the package
-          allowedOrgIds = data.allowedOrganizationIds || []; // Find current organization to get its parents
-          currentOrg = (result.data || []).find(function (o) {
-            return o._id === organizationId;
-          });
-          currentOrgParentIds = (currentOrg === null || currentOrg === void 0 ? void 0 : currentOrg.parentOrganizations) || [];
-          isOwner = data.organizationId === organizationId; // Show organizations that are:
-          // 1. In package settings with AutomaticPublishing === true, OR
-          // 2. Has access to the package AND have automaticPublishing === true in their own organization settings
-          filtered = (result.data || []).filter(function (org) {
-            var _data$settings;
-            // EXCLUDE the current organization
-            if (org._id === organizationId) {
-              return false;
-            }
-            var orgParentIds = org.parentOrganizations || [];
-
-            //if only shared with this organization, we only show the subtree of this organization for automatic publishing
-            if (!isOwner) {
-              // EXCLUDE parents of the current organization
-              if (currentOrgParentIds.includes(org._id)) {
-                return false;
-              }
-              // EXCLUDE siblings and their children
-              var isChild = orgParentIds.includes(organizationId);
-              var isOfSiblingBranch = !isChild && currentOrgParentIds.some(function (parentId) {
-                return orgParentIds.includes(parentId);
-              });
-              if (isOfSiblingBranch) {
-                return false;
-              }
-            }
-            var hasAutomaticPublishingForPackage = ((_data$settings = data.settings) === null || _data$settings === void 0 || (_data$settings = _data$settings[org._id]) === null || _data$settings === void 0 ? void 0 : _data$settings.automaticPublishing) === true;
-            var hasAccessToPackage = orgParentIds.includes(data.organizationId) || allowedOrgIds.includes(org._id) || allowedOrgIds.some(function (id) {
-              return orgParentIds.includes(id);
-            });
-            var hasAutomaticPublishing = org.automaticPublishing === true;
-            var hasAccessToPackageAndAutomaticPublishing = hasAccessToPackage && hasAutomaticPublishing;
-            return hasAutomaticPublishingForPackage || hasAccessToPackageAndAutomaticPublishing;
-          });
-          setAvailableOrganizations(filtered);
-          // Set all organizations as selected by default
-          allOrgIds = filtered.map(function (org) {
-            return org._id;
-          });
-          setSelectedOrganizationIds(allOrgIds);
-          return _context.abrupt("return", filtered);
-        case 22:
-          _context.prev = 22;
-          _context.t0 = _context["catch"](1);
-          modalState.showErrorModal("Error fetching organizations: ".concat(_context.t0 instanceof Error ? _context.t0.message : String(_context.t0)));
-          setAvailableOrganizations([]);
-          return _context.abrupt("return", []);
-        case 27:
-          _context.prev = 27;
-          setLoadingOrganizations(false);
-          return _context.finish(27);
-        case 30:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[1, 22, 27, 30]]);
-  })), [apiConfig.authService, organizationId, root.dataStore.jwt, modalState, data.allowedOrganizationIds, data.settings]);
-  var performPublish = React.useCallback(/*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(publish) {
-      var automaticPublishingOrgIds,
-        response,
-        url,
-        _errorText,
-        errorText,
-        _json$error,
-        json,
-        _args2 = arguments;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            automaticPublishingOrgIds = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : [];
-            isLoading(true);
-            _context2.prev = 2;
-            if (!publish) {
-              _context2.next = 11;
-              break;
-            }
-            url = apiConfig.enricherService + '/packages/${_id}/publish?organizationId=' + organizationId;
-            if (automaticPublishingOrgIds.length > 0) {
-              url += '&automaticPublishingOrganizationIds=' + automaticPublishingOrgIds.join(',');
-            }
-            _context2.next = 8;
-            return context === null || context === void 0 ? void 0 : context.updateServerData(data, {
-              update: url,
-              usePut: true
-            }, undefined, true);
-          case 8:
-            response = _context2.sent;
-            _context2.next = 14;
-            break;
-          case 11:
-            _context2.next = 13;
-            return context === null || context === void 0 ? void 0 : context.updateServerData(data, {
-              update: apiConfig.enricherService + '/packages/${_id}/unpublish?organizationId=' + organizationId,
-              usePut: true
-            }, undefined, true);
-          case 13:
-            response = _context2.sent;
-          case 14:
-            if (!(response.status == 202)) {
-              _context2.next = 18;
-              break;
-            }
-            modalState.showWarningModal(t("backoffice.idmEnricher.packages.label.warning.".concat(publish ? 'publishing' : 'unpublishing')));
-            _context2.next = 35;
-            break;
-          case 18:
-            if (!(response.status == 200)) {
-              _context2.next = 22;
-              break;
-            }
-            modalState.closeModal();
-            _context2.next = 35;
-            break;
-          case 22:
-            _context2.prev = 22;
-            _context2.next = 25;
-            return response.json();
-          case 25:
-            json = _context2.sent;
-            errorText = (_json$error = json.error) !== null && _json$error !== void 0 ? _json$error : json.Error;
-            _context2.next = 34;
-            break;
-          case 29:
-            _context2.prev = 29;
-            _context2.t0 = _context2["catch"](22);
-            _context2.next = 33;
-            return response.text();
-          case 33:
-            errorText = _context2.sent;
-          case 34:
-            throw new Error((_errorText = errorText) !== null && _errorText !== void 0 ? _errorText : "Server error (".concat(response.status, ")"));
-          case 35:
-            context === null || context === void 0 || context.reset({
-              context: context,
-              api: api
-            });
-            _context2.next = 41;
-            break;
-          case 38:
-            _context2.prev = 38;
-            _context2.t1 = _context2["catch"](2);
-            modalState.showErrorModal("Error on ".concat(publish ? 'publish' : 'unpublish', ": ").concat(_context2.t1 instanceof Error ? _context2.t1.message : String(_context2.t1)));
-          case 41:
-            _context2.prev = 41;
-            isLoading(false);
-            return _context2.finish(41);
-          case 44:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, null, [[2, 38, 41, 44], [22, 29]]);
-    }));
-    return function (_x) {
-      return _ref3.apply(this, arguments);
-    };
-  }(), [data, context, api, apiConfig.enricherService, organizationId, modalState, t]);
-  var handlePublishClick = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-    var organizations;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          // Reset selected organizations before fetching
-          setSelectedOrganizationIds([]);
-          // Fetch organizations with automaticPublishing enabled
-          _context3.next = 3;
-          return fetchOrganizationsWithAutomaticPublishing();
-        case 3:
-          organizations = _context3.sent;
-          if (!(organizations.length > 0)) {
-            _context3.next = 8;
-            break;
-          }
-          setOrganizationModalVisible(true);
-          _context3.next = 10;
-          break;
-        case 8:
-          _context3.next = 10;
-          return performPublish(true, []);
-        case 10:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  })), [fetchOrganizationsWithAutomaticPublishing, performPublish]);
-  var handleConfirmPublish = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          setOrganizationModalVisible(false);
-          _context4.next = 3;
-          return performPublish(true, selectedOrganizationIds);
-        case 3:
-        case "end":
-          return _context4.stop();
-      }
-    }, _callee4);
-  })), [selectedOrganizationIds, performPublish]);
-  var _onChange = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(publish) {
-      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
-          case 0:
-            if (!publish) {
-              _context5.next = 5;
-              break;
-            }
-            _context5.next = 3;
-            return handlePublishClick();
-          case 3:
-            _context5.next = 7;
-            break;
-          case 5:
-            _context5.next = 7;
-            return performPublish(false);
-          case 7:
-          case "end":
-            return _context5.stop();
-        }
-      }, _callee5);
-    }));
-    return function onChange(_x2) {
-      return _ref6.apply(this, arguments);
-    };
-  }();
-  if (data.__isEmpty) return '';
+  var isPublishing = publishing.isPublishing,
+    isPublished = publishing.isPublished,
+    isReleaseWithdrawn = publishing.isReleaseWithdrawn,
+    unpublishedChanges = publishing.unpublishedChanges,
+    disabled = publishing.disabled,
+    _onChange = publishing.onChange;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsxs(Space$1, {
       size: "middle",
+      align: "center",
       children: [/*#__PURE__*/jsx(Tooltip, {
         title: disabled ? '' : !!isPublished ? t('backoffice.idmEnricher.packages.label.unpublish') : t('backoffice.idmEnricher.packages.label.publish'),
         children: /*#__PURE__*/jsx(Checkbox$2, {
@@ -36132,6 +36592,7 @@ function PublishCustomCell (_ref) {
       }), isPublishing && /*#__PURE__*/jsx(Tooltip, {
         title: t('backoffice.idmEnricher.packages.label.currentlyPublishing'),
         children: /*#__PURE__*/jsx(Button$1, {
+          size: buttonSize,
           shape: "circle",
           icon: /*#__PURE__*/jsx(SyncOutlined, {
             spin: true
@@ -36140,6 +36601,7 @@ function PublishCustomCell (_ref) {
       }), unpublishedChanges && !isPublishing && /*#__PURE__*/jsx(Tooltip, {
         title: t('backoffice.idmEnricher.packages.label.unpublishedChanges'),
         children: /*#__PURE__*/jsx(Button$1, {
+          size: buttonSize,
           shape: "circle",
           icon: /*#__PURE__*/jsx(ReloadOutlined, {}),
           onClick: function onClick() {
@@ -36149,76 +36611,42 @@ function PublishCustomCell (_ref) {
       }), isReleaseWithdrawn && !isPublishing && /*#__PURE__*/jsx(Tooltip, {
         title: t('backoffice.idmEnricher.packages.label.releaseWithdrawn'),
         children: /*#__PURE__*/jsx(Button$1, {
+          size: buttonSize,
           shape: "circle",
           icon: /*#__PURE__*/jsx(WarningOutlined, {})
         })
       })]
-    }), /*#__PURE__*/jsxs(Modal$3, {
-      title: t('backoffice.idmEnricher.packages.label.selectAutomaticPublishingOrganizations'),
-      open: organizationModalVisible,
-      onOk: handleConfirmPublish,
-      onCancel: function onCancel() {
-        return setOrganizationModalVisible(false);
-      },
-      okText: t('backoffice.idmEnricher.packages.label.publish'),
-      cancelText: t('backoffice.idmEnricher.packages.label.cancel'),
-      confirmLoading: loading,
-      children: [/*#__PURE__*/jsx("div", {
-        style: {
-          marginBottom: 16
-        },
-        children: t('backoffice.idmEnricher.packages.label.selectAutomaticPublishingOrganizationsDescription')
-      }), loadingOrganizations ? /*#__PURE__*/jsx("div", {
-        style: {
-          textAlign: 'center',
-          padding: '20px'
-        },
-        children: t('backoffice.idmEnricher.packages.label.loading')
-      }) : availableOrganizations.length === 0 ? /*#__PURE__*/jsx("div", {
-        style: {
-          textAlign: 'center',
-          padding: '20px'
-        },
-        children: t('backoffice.idmEnricher.packages.label.noOrganizationsFound')
-      }) : /*#__PURE__*/jsx("div", {
-        style: {
-          maxHeight: '400px',
-          overflowY: 'auto'
-        },
-        children: /*#__PURE__*/jsx(Space$1, {
-          direction: "vertical",
-          style: {
-            width: '100%'
-          },
-          children: availableOrganizations.map(function (org) {
-            return /*#__PURE__*/jsx(Checkbox$2, {
-              checked: selectedOrganizationIds.includes(org._id),
-              onChange: function onChange(e) {
-                if (e.target.checked) {
-                  setSelectedOrganizationIds([].concat(_toConsumableArray(selectedOrganizationIds), [org._id]));
-                } else {
-                  setSelectedOrganizationIds(selectedOrganizationIds.filter(function (id) {
-                    return id !== org._id;
-                  }));
-                }
-              },
-              children: org.displayName
-            }, org._id);
-          })
-        })
-      })]
+    }), /*#__PURE__*/jsx(AutomaticPublishingOrganizationsModal, {
+      publishing: publishing
     })]
   });
 }
-function hasUnpublishedChanges(publishDateString, lastUpdatedDateString) {
-  var publishDate = publishDateString ? new Date(publishDateString) : undefined;
-  var lastUpdatedDate = lastUpdatedDateString ? new Date(lastUpdatedDateString) : undefined;
-  if (publishDate) {
-    if (lastUpdatedDate && publishDate < lastUpdatedDate) {
-      return true;
+
+function PublishCustomCell (_ref) {
+  var data = _ref.data,
+    apiConfig = _ref.apiConfig,
+    context = _ref.context,
+    api = _ref.api,
+    modalState = _ref.modalState,
+    organizationId = _ref.organizationId;
+  //the list only shows an inline spinner while publishing, so no blocking modal here (unlike the standalone publish button)
+  var publishing = usePackagePublishing({
+    packageId: data._id,
+    data: data,
+    organizationId: organizationId,
+    apiConfig: apiConfig,
+    modalState: modalState,
+    onPublished: function onPublished() {
+      return context === null || context === void 0 ? void 0 : context.reset({
+        context: context,
+        api: api
+      });
     }
-  }
-  return false;
+  });
+  if (data.__isEmpty) return '';
+  return /*#__PURE__*/jsx(PackagePublishControls, {
+    publishing: publishing
+  });
 }
 
 /**
@@ -36840,110 +37268,6 @@ var getItemTypeKeyInfo = function getItemTypeKeyInfo(t) {
   }];
 };
 
-/**
- * Custom hook for managing loading, error, and warning modals
- *
- * @returns Object containing modal management functions and context holder
- * @returns {Function} showLoadingModal - Function to show a loading modal
- * @returns {Function} showErrorModal - Function to show an error modal
- * @returns {Function} showWarningModal - Function to show a warning modal
- * @returns {Function} closeModal - Function to close the current modal
- * @returns {React.ReactElement} contextHolder - Context holder element
- */
-var useLoadingModal = function useLoadingModal() {
-  var _Modal$useModal = Modal$3.useModal(),
-    _Modal$useModal2 = _slicedToArray(_Modal$useModal, 2),
-    modal = _Modal$useModal2[0],
-    contextHolder = _Modal$useModal2[1];
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2);
-    _useState2[0];
-    var setInstance = _useState2[1];
-  var showLoadingModal = useCallback(function (text) {
-    var newInstance = modal.info({
-      content: /*#__PURE__*/jsx(Fragment, {
-        children: /*#__PURE__*/jsx(Flex, {
-          gap: "middle",
-          vertical: true,
-          children: /*#__PURE__*/jsx(Flex, {
-            gap: "middle",
-            children: /*#__PURE__*/jsx(Spin$1, {
-              tip: text,
-              size: "large",
-              children: /*#__PURE__*/jsx("div", {
-                style: {
-                  padding: 50,
-                  borderRadius: 4
-                }
-              })
-            })
-          })
-        })
-      }),
-      icon: null,
-      maskClosable: false,
-      okButtonProps: {
-        style: {
-          display: 'none'
-        }
-      },
-      closable: false,
-      centered: true
-    });
-    setInstance(function (old) {
-      old === null || old === void 0 || old.destroy();
-      return newInstance;
-    });
-  }, []);
-  var showErrorModal = useCallback(function (error) {
-    var newInstance = modal.error({
-      content: error,
-      okButtonProps: {
-        style: {
-          display: 'none'
-        }
-      },
-      centered: true,
-      closable: true,
-      maskClosable: true
-    });
-    setInstance(function (old) {
-      old === null || old === void 0 || old.destroy();
-      return newInstance;
-    });
-  }, []);
-  var showWarningModal = useCallback(function (warning) {
-    var newInstance = modal.warning({
-      content: warning,
-      okButtonProps: {
-        style: {
-          display: 'none'
-        }
-      },
-      centered: true,
-      closable: true,
-      maskClosable: true
-    });
-    setInstance(function (old) {
-      old === null || old === void 0 || old.destroy();
-      return newInstance;
-    });
-  }, []);
-  var closeModal = useCallback(function () {
-    setInstance(function (old) {
-      old === null || old === void 0 || old.destroy();
-      return null;
-    });
-  }, []);
-  return {
-    contextHolder: contextHolder,
-    showLoadingModal: showLoadingModal,
-    showErrorModal: showErrorModal,
-    showWarningModal: showWarningModal,
-    closeModal: closeModal
-  };
-};
-
 /**
  * Hook that provides a dialog to let the user choose the catalog download version (4.0 or 4.1).
  */
@@ -37497,7 +37821,8 @@ var TableProperties = observer(function () {
     selectedSerie = _useModule.selectedSerie,
     setSelectedSerie = _useModule.setSelectedSerie,
     setSelectedItem = _useModule.setSelectedItem,
-    selectedItem = _useModule.selectedItem;
+    selectedItem = _useModule.selectedItem,
+    notifyPackageDataChanged = _useModule.notifyPackageDataChanged;
   useTools({
     mainInformationWindowCodex: 'IDM_ENRICHER_PROPERTIES_TABLE_INFO',
     enricherPackage: selectedPackage,
@@ -37673,6 +37998,13 @@ var TableProperties = observer(function () {
       }]
     };
   }, [apiInterface, t, selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds, viewOnly]);
+  var hooks = useMemo(function () {
+    return {
+      onDataUpdated: function onDataUpdated() {
+        return notifyPackageDataChanged();
+      }
+    };
+  }, [notifyPackageDataChanged]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -37692,7 +38024,8 @@ var TableProperties = observer(function () {
     }), selectedPackage && /*#__PURE__*/jsx(Spreadsheet, {
       gridId: 'crud-grid_properties',
       applicationData: applicationData,
-      configuration: configuration
+      configuration: configuration,
+      hooks: hooks
     })]
   });
 });
@@ -37997,23 +38330,23 @@ var getConfig$6 = function getConfig(isoLanguageIds, t, viewOnly) {
       editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.manufacturename',
-      field: 'translatedManufactureName1',
+      field: 'translatedManufacturerName1',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origManufactureName1',
-        combinedField: 'manufactureName1'
+        placeHolderField: 'origManufacturerName1',
+        combinedField: 'manufacturerName1'
       },
-      additionalFields: ['origManufactureName1', 'manufactureName1'],
+      additionalFields: ['origManufacturerName1', 'manufacturerName1'],
       editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.manufacturename2',
-      field: 'translatedManufactureName2',
+      field: 'translatedManufacturerName2',
       cellDataType: 'withPlaceholder',
       customParams: {
-        placeHolderField: 'origManufactureName2',
-        combinedField: 'manufactureName2'
+        placeHolderField: 'origManufacturerName2',
+        combinedField: 'manufacturerName2'
       },
-      additionalFields: ['origManufactureName2', 'manufactureName2'],
+      additionalFields: ['origManufacturerName2', 'manufacturerName2'],
       editable: !viewOnly
     }, {
       headerName: 'backoffice.idmEnricher.renaming.label.translated.email',
@@ -38369,7 +38702,8 @@ var RenamingTable = observer(function (_ref) {
     setSelectedItem = _useModule.setSelectedItem,
     selectedSerie = _useModule.selectedSerie,
     setSelectedSerie = _useModule.setSelectedSerie,
-    viewOnly = _useModule.viewOnly;
+    viewOnly = _useModule.viewOnly,
+    notifyPackageDataChanged = _useModule.notifyPackageDataChanged;
   useTools({
     enricherPackage: selectedPackage,
     isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
@@ -38411,9 +38745,10 @@ var RenamingTable = observer(function (_ref) {
             });
             break;
         }
+        notifyPackageDataChanged();
       }
     };
-  }, [type]);
+  }, [type, notifyPackageDataChanged]);
   var prevPreFilter = useRef();
   var preFilter = useMemo(function () {
     if (type === 'items' && selectedSerie) {
@@ -38971,7 +39306,8 @@ var ExclusivityTable = observer(function (_ref) {
     setSelectedSerie = _useModule.setSelectedSerie,
     setSelectedItem = _useModule.setSelectedItem,
     selectedItem = _useModule.selectedItem,
-    viewOnly = _useModule.viewOnly;
+    viewOnly = _useModule.viewOnly,
+    notifyPackageDataChanged = _useModule.notifyPackageDataChanged;
   var _useTools = useTools({
       enricherPackage: selectedPackage,
       isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
@@ -39016,9 +39352,10 @@ var ExclusivityTable = observer(function (_ref) {
             });
             break;
         }
+        notifyPackageDataChanged();
       }
     };
-  }, [updateConfigurator, type, onEvent]);
+  }, [updateConfigurator, type, onEvent, notifyPackageDataChanged]);
   var apiInterface = useMemo(function () {
     var patchId = '${_id}';
     if (type === 'eitems') patchId = '${typeNo}';
@@ -39124,7 +39461,8 @@ var TableTabGroups = observer(function () {
     selectedSerie = _useModule.selectedSerie,
     setSelectedSerie = _useModule.setSelectedSerie,
     setSelectedItem = _useModule.setSelectedItem,
-    selectedItem = _useModule.selectedItem;
+    selectedItem = _useModule.selectedItem,
+    notifyPackageDataChanged = _useModule.notifyPackageDataChanged;
   useTools({
     mainInformationWindowCodex: 'IDM_ENRICHER_TAB_GROUPS_TABLE_INFO',
     enricherPackage: selectedPackage,
@@ -39209,6 +39547,13 @@ var TableTabGroups = observer(function () {
       }]
     };
   }, [apiInterface, selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds, viewOnly]);
+  var hooks = useMemo(function () {
+    return {
+      onDataUpdated: function onDataUpdated() {
+        return notifyPackageDataChanged();
+      }
+    };
+  }, [notifyPackageDataChanged]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -39228,7 +39573,8 @@ var TableTabGroups = observer(function () {
     }), selectedPackage && /*#__PURE__*/jsx(Spreadsheet, {
       gridId: 'crud-grid_tabgroups',
       applicationData: applicationData,
-      configuration: configuration
+      configuration: configuration,
+      hooks: hooks
     })]
   });
 });
@@ -39245,7 +39591,8 @@ var TablePartlistPos = observer(function () {
     selectedSerie = _useModule.selectedSerie,
     setSelectedSerie = _useModule.setSelectedSerie,
     setSelectedItem = _useModule.setSelectedItem,
-    selectedItem = _useModule.selectedItem;
+    selectedItem = _useModule.selectedItem,
+    notifyPackageDataChanged = _useModule.notifyPackageDataChanged;
   useTools({
     enricherPackage: selectedPackage,
     isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
@@ -39405,6 +39752,13 @@ var TablePartlistPos = observer(function () {
       }]
     };
   }, [apiInterface, posInvisibility, viewOnly]);
+  var hooks = useMemo(function () {
+    return {
+      onDataUpdated: function onDataUpdated() {
+        return notifyPackageDataChanged();
+      }
+    };
+  }, [notifyPackageDataChanged]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -39420,7 +39774,8 @@ var TablePartlistPos = observer(function () {
     }), selectedPackage && /*#__PURE__*/jsx(Spreadsheet, {
       gridId: 'crud-grid_epartlistpos',
       applicationData: applicationData,
-      configuration: configuration
+      configuration: configuration,
+      hooks: hooks
     })]
   });
 });
@@ -40718,7 +41073,8 @@ var TablePriceList = observer(function () {
     selectedSerie = _useModule.selectedSerie,
     setSelectedSerie = _useModule.setSelectedSerie,
     setSelectedItem = _useModule.setSelectedItem,
-    selectedItem = _useModule.selectedItem;
+    selectedItem = _useModule.selectedItem,
+    notifyPackageDataChanged = _useModule.notifyPackageDataChanged;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedPriceList = _React$useState2[0],
@@ -40803,9 +41159,10 @@ var TablePriceList = observer(function () {
         } else {
           setSelectedPriceList(undefined);
         }
+        notifyPackageDataChanged();
       }
     };
-  }, [selectedNodeId]);
+  }, [selectedNodeId, notifyPackageDataChanged]);
   var roundingOptions = useMemo(function () {
     return [{
       name: t('backoffice.idmEnricher.pricelists.rounding.r1'),
@@ -41731,10 +42088,10 @@ function ErrorDisplay(_ref) {
     return fieldErrors.map(function (fieldError, idx) {
       return /*#__PURE__*/jsxs("div", {
         className: errorItem,
-        children: [/*#__PURE__*/jsx(Tag, {
+        children: [/*#__PURE__*/jsx(Tag$1, {
           color: "blue",
           children: operationType
-        }), /*#__PURE__*/jsx(Tag, {
+        }), /*#__PURE__*/jsx(Tag$1, {
           color: "orange",
           children: t('backoffice.uploadModal.row', {
             rowNumber: fieldError.index + 1
@@ -52702,9 +53059,9 @@ function InstancesBadge(_ref) {
 function StatusTag(_ref2) {
   var label = _ref2.label,
     status = _ref2.status;
-  var icon = status === 'ok' ? /*#__PURE__*/jsx(CheckCircleOutlined, {}) : status === 'failed' ? /*#__PURE__*/jsx(CloseCircleOutlined, {}) : /*#__PURE__*/jsx(MinusCircleOutlined, {});
+  var icon = status === 'ok' ? /*#__PURE__*/jsx(CheckCircleOutlined$1, {}) : status === 'failed' ? /*#__PURE__*/jsx(CloseCircleOutlined, {}) : /*#__PURE__*/jsx(MinusCircleOutlined, {});
   var color = status === 'ok' ? 'success' : status === 'failed' ? 'error' : 'default';
-  return /*#__PURE__*/jsx(Tag, {
+  return /*#__PURE__*/jsx(Tag$1, {
     icon: icon,
     color: color,
     children: label
@@ -52789,7 +53146,7 @@ function PingCard(_ref) {
         style: {
           fontSize: 12
         },
-        children: [/*#__PURE__*/jsx(CheckCircleOutlined, {}), " ", t('backoffice.maintenance.reachable')]
+        children: [/*#__PURE__*/jsx(CheckCircleOutlined$1, {}), " ", t('backoffice.maintenance.reachable')]
       }) : /*#__PURE__*/jsxs(Text$4, {
         type: "danger",
         style: {
@@ -52854,7 +53211,7 @@ function PingCard(_ref) {
               style: {
                 fontSize: 11
               },
-              children: [/*#__PURE__*/jsx(CheckCircleOutlined, {}), " ", t('backoffice.maintenance.reachable')]
+              children: [/*#__PURE__*/jsx(CheckCircleOutlined$1, {}), " ", t('backoffice.maintenance.reachable')]
             }) : /*#__PURE__*/jsx(Text$4, {
               type: "danger",
               style: {
@@ -53021,7 +53378,7 @@ function StatsRow(_ref2) {
                   color: token.colorError,
                   marginRight: 4
                 }
-              }) : /*#__PURE__*/jsx(CheckCircleOutlined, {
+              }) : /*#__PURE__*/jsx(CheckCircleOutlined$1, {
                 style: {
                   color: token.colorSuccess,
                   marginRight: 4
@@ -53145,7 +53502,7 @@ function RefreshRow(_ref4) {
           },
           children: result ? /*#__PURE__*/jsx(RefreshResultTags, {
             result: result
-          }) : /*#__PURE__*/jsx(Tag, {
+          }) : /*#__PURE__*/jsx(Tag$1, {
             icon: /*#__PURE__*/jsx(CloseCircleOutlined, {}),
             color: "error",
             children: t('backoffice.maintenance.unreachable')
@@ -53207,7 +53564,7 @@ function RefreshRow(_ref4) {
                   display: 'block'
                 },
                 children: name
-              }), result === null ? /*#__PURE__*/jsx(Tag, {
+              }), result === null ? /*#__PURE__*/jsx(Tag$1, {
                 icon: /*#__PURE__*/jsx(CloseCircleOutlined, {}),
                 color: "error",
                 children: t('backoffice.maintenance.unreachable')