contentoh-components-library 21.6.50 → 21.6.51

package/dist/components/pages/RetailerProductEdition/index.js

@@ -17,10 +17,10 @@ var _objectSpread5 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
 var _react = require("react");
 
 var _axios = _interopRequireDefault(require("axios"));
@@ -39,10 +39,6 @@ var _data = require("../../../global-files/data");
 
 var _customHooks = require("../../../global-files/customHooks");
 
-var _useDigitalAssets = require("../../../global-files/digital-assets/useDigitalAssets");
-
-var _assets = require("../../../global-files/digital-assets/assets.reducer");
-
 var _GeneralButton = require("../../atoms/GeneralButton");
 
 var _GenericModal = require("../../atoms/GenericModal");
@@ -57,8 +53,6 @@ var _GalleryElement = require("../../molecules/GalleryElement");
 
 var _GalleryHeader = require("../../molecules/GalleryHeader");
 
-var _GalleryTrayTabs = require("../../molecules/GalleryTrayTabs");
-
 var _HeaderTop = require("../../molecules/HeaderTop");
 
 var _index = require("../../molecules/TagAndInput/index");
@@ -69,8 +63,6 @@ var _FullTabsMenu = require("../../organisms/FullTabsMenu");
 
 var _ImageDataTable = require("../../organisms/ImageDataTable");
 
-var _DigitalAssetsTray = require("../../organisms/DigitalAssetsTray");
-
 var _ImagePreviewer = require("../../organisms/ImagePreviewer");
 
 var _InputGroup = require("../../organisms/InputGroup");
@@ -137,8 +129,118 @@ function obtenerDuracionVideoBase64(base64Data) {
   });
 }
 
+function convertirVideoABase64(url) {
+  return new Promise(function (resolve, reject) {
+    var xhr = new XMLHttpRequest();
+    xhr.open("GET", url, true);
+    xhr.responseType = "blob";
+
+    xhr.onload = function () {
+      if (xhr.status === 200) {
+        var blob = xhr.response;
+        var reader = new FileReader();
+
+        reader.onloadend = function () {
+          resolve(reader.result);
+        };
+
+        reader.readAsDataURL(blob);
+      } else {
+        reject(new Error("Error al cargar el video"));
+      }
+    };
+
+    xhr.onerror = function () {
+      reject(new Error("Error de red al cargar el video"));
+    };
+
+    xhr.send();
+  });
+} // Para videos ya guardados, `getImage` deja en `src` una URL del
+// redimensionador de imágenes que no sirve para mp4. Descargamos el video
+// desde S3 (srcDB) y generamos un thumbnail JPEG para mostrarlo en la galería.
+
+
+function regenerateVideoThumbnails(_x) {
+  return _regenerateVideoThumbnails.apply(this, arguments);
+}
+
+function _regenerateVideoThumbnails() {
+  _regenerateVideoThumbnails = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee21(values) {
+    return _regenerator.default.wrap(function _callee21$(_context21) {
+      while (1) {
+        switch (_context21.prev = _context21.next) {
+          case 0:
+            if (Array.isArray(values)) {
+              _context21.next = 2;
+              break;
+            }
+
+            return _context21.abrupt("return", values);
+
+          case 2:
+            return _context21.abrupt("return", Promise.all(values.map( /*#__PURE__*/function () {
+              var _ref25 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee20(value) {
+                var base64, videoSrc, thumbnail;
+                return _regenerator.default.wrap(function _callee20$(_context20) {
+                  while (1) {
+                    switch (_context20.prev = _context20.next) {
+                      case 0:
+                        if (!((value === null || value === void 0 ? void 0 : value.ext) !== "mp4" || !(value !== null && value !== void 0 && value.srcDB))) {
+                          _context20.next = 2;
+                          break;
+                        }
+
+                        return _context20.abrupt("return", value);
+
+                      case 2:
+                        _context20.prev = 2;
+                        _context20.next = 5;
+                        return convertirVideoABase64("https://" + process.env.REACT_APP_IMAGES_BUCKET + ".s3.amazonaws.com/" + value.srcDB);
+
+                      case 5:
+                        base64 = _context20.sent;
+                        videoSrc = "data:video/mp4;base64," + base64.split(",")[1];
+                        _context20.next = 9;
+                        return (0, _generateThumnail.default)(videoSrc, 2);
+
+                      case 9:
+                        thumbnail = _context20.sent;
+                        return _context20.abrupt("return", (0, _objectSpread5.default)((0, _objectSpread5.default)({}, value), {}, {
+                          src: thumbnail
+                        }));
+
+                      case 13:
+                        _context20.prev = 13;
+                        _context20.t0 = _context20["catch"](2);
+                        console.error("Error al generar thumbnail del video:", _context20.t0);
+                        return _context20.abrupt("return", value);
+
+                      case 17:
+                      case "end":
+                        return _context20.stop();
+                    }
+                  }
+                }, _callee20, null, [[2, 13]]);
+              }));
+
+              return function (_x10) {
+                return _ref25.apply(this, arguments);
+              };
+            }())));
+
+          case 3:
+          case "end":
+            return _context21.stop();
+        }
+      }
+    }, _callee21);
+  }));
+  return _regenerateVideoThumbnails.apply(this, arguments);
+}
+
 var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
-  var _state$product$id_art, _state$product, _state$product11, _family$variants, _state$product12, _state$product16, _state$errors, _family$variants2, _variantGroup$members2, _variantGroup$group, _state$product20, _state$product21, _state$product22, _state$active_retaile6, _state$product23, _state$product24, _state$product25, _variantGroup$group2, _location$state, _location$state2, _state$active_retaile7, _state$active_retaile8, _state$images_values$2, _state$images_values10, _state$images_values11, _state$images_values12, _state$images_values13, _state$product26, _state$active_retaile9, _family$variants3, _family$variants4, _variantGroup$members3, _variantGroup$members4, _state$active_percent, _state$active_percent2, _state$active_percent3, _state$active_retaile10, _state$active_retaile11, _state$active_retaile12, _state$product32, _state$services2, _state$services2$data, _state$product33, _state$product34, _state$datasheets_inp, _state$datasheets_inp2, _state$product35, _state$images_values$3, _state$images_values14, _state$images_values15, _state$images_values16, _state$images_values17, _state$comment;
+  var _state$product10, _family$variants, _state$product11, _state$product15, _state$errors, _family$variants2, _variantGroup$members2, _variantGroup$group, _state$product19, _state$product20, _state$product21, _state$active_retaile6, _state$product22, _state$product23, _state$product24, _variantGroup$group2, _location$state, _location$state2, _state$active_retaile7, _state$active_retaile8, _state$images_values$2, _state$images_values10, _state$images_values11, _state$product25, _state$active_retaile9, _family$variants3, _family$variants4, _variantGroup$members3, _variantGroup$members4, _state$active_percent, _state$active_percent2, _state$active_percent3, _state$active_retaile10, _state$active_retaile11, _state$active_retaile12, _state$product31, _state$services2, _state$services2$data, _state$product32, _state$product33, _state$datasheets_inp, _state$datasheets_inp2, _state$product34, _state$images_values12, _state$comment;
 
   var tabsSections = _ref.tabsSections,
       _ref$productSelected = _ref.productSelected,
@@ -146,9 +248,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
       _ref$user = _ref.user,
       user = _ref$user === void 0 ? {} : _ref$user,
       token = _ref.token,
-      location = _ref.location,
-      _ref$enableDigitalAss = _ref.enableDigitalAssets,
-      enableDigitalAssets = _ref$enableDigitalAss === void 0 ? false : _ref$enableDigitalAss;
+      location = _ref.location;
 
   var _useProviderProductEd = (0, _providerProductEdition.useProviderProductEdition)(),
       state = _useProviderProductEd.state,
@@ -157,8 +257,6 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
       saveDescriptions = _useProviderProductEd.saveDescriptions,
       updateImages = _useProviderProductEd.updateImages,
       deleteImages = _useProviderProductEd.deleteImages,
-      saveAssets = _useProviderProductEd.saveAssets,
-      registerUploadedAssets = _useProviderProductEd.registerUploadedAssets,
       handleOnDownloadImages = _useProviderProductEd.handleOnDownloadImages,
       createComment = _useProviderProductEd.createComment;
 
@@ -425,7 +523,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
             }, _callee, null, [[5, 18]]);
           }));
 
-          return function (_x) {
+          return function (_x2) {
             return _ref2.apply(this, arguments);
           };
         }();
@@ -448,66 +546,6 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
       _useState54 = (0, _slicedToArray2.default)(_useState53, 2),
       openChangeStatusModal = _useState54[0],
       setOpenChangeStatusModal = _useState54[1];
-  /*
-    Bandeja de activos digitales. La lista vive en el reducer de la ficha
-    (`state.assets_values`), igual que las imágenes, para que el guardado del
-    contexto pueda leerla. El hook solo aporta validación y ciclo de vida.
-     Sigue vacía porque todavía no hay de dónde leerla: cuando exista el endpoint
-    se llama a `replaceAll` desde `loadData` y el resto de la pantalla no cambia.
-  */
-
-
-  var _useState55 = (0, _react.useState)([]),
-      _useState56 = (0, _slicedToArray2.default)(_useState55, 2),
-      assetNotices = _useState56[0],
-      setAssetNotices = _useState56[1];
-
-  var digitalAssets = (0, _useDigitalAssets.useDigitalAssets)({
-    assets: state.assets_values,
-    dispatch: dispatch,
-    notices: assetNotices,
-    setNotices: setAssetNotices,
-    // Con los dos, la subida a S3 arranca sola al soltar los archivos. Sin
-    // ellos —en Storybook, por ejemplo— la bandeja funciona igual pero no sube.
-    articleId: (_state$product$id_art = (_state$product = state.product) === null || _state$product === void 0 ? void 0 : _state$product.id_article) !== null && _state$product$id_art !== void 0 ? _state$product$id_art : null,
-    token: token,
-    // Al terminar la subida el activo queda registrado solo, sin esperar al
-    // botón de guardar: con la barra llena, nadie supone que falta un paso.
-    onUploaded: function onUploaded(uploaded) {
-      return registerUploadedAssets(token, uploaded);
-    }
-  });
-
-  var _useState57 = (0, _react.useState)(_GalleryTrayTabs.TRAYS.IMAGES),
-      _useState58 = (0, _slicedToArray2.default)(_useState57, 2),
-      activeTray = _useState58[0],
-      setActiveTray = _useState58[1];
-
-  var currentTray = enableDigitalAssets ? activeTray : _GalleryTrayTabs.TRAYS.IMAGES;
-  /*
-    De qué artículo se cargaron ya los activos.
-     `loadData` se vuelve a ejecutar cada vez que cambia la cadena activa, pero los
-    activos son generales: no dependen de la cadena ni de la versión, así que la
-    respuesta sería idéntica. Volver a cargarlos borraría los archivos que el
-    usuario acaba de soltar y todavía no guarda —sin aviso y sin forma de
-    recuperarlos—. Por eso se cargan una sola vez por artículo.
-  */
-
-  var assetsLoadedFor = (0, _react.useRef)(null);
-
-  var handleOnSetSelectedAssets = function handleOnSetSelectedAssets(assets) {
-    return dispatch({
-      type: "SET_SELECTED_ASSETS",
-      payload: assets
-    });
-  };
-
-  var handleOnSetAllAssetsChecked = function handleOnSetAllAssetsChecked(isChecked) {
-    return dispatch({
-      type: "TOGGLE_CHECK_ALL_ASSETS",
-      payload: isChecked
-    });
-  };
 
   var thumbs = function thumbs() {
     var _state$images_values, _state$images_values$, _state$images_values4, _state$images_values5, _state$images_values6, _state$images_values7, _state$images_values8, _state$images_values9;
@@ -562,9 +600,6 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
         },
         updateApprovedInputsImages: function updateApprovedInputsImages(item) {
           return console.log("updateApprovedInputsImages", item);
-        },
-        onSelect: function onSelect() {
-          return handleOnChangeCurrentImage(index);
         }
       }, index);
     });
@@ -679,7 +714,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
   var loadAuditableData = /*#__PURE__*/function () {
     var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
-      var _state$product2, _state$product3, _state$product4;
+      var _state$product, _state$product2, _state$product3;
 
       var auditServices;
       return _regenerator.default.wrap(function _callee3$(_context3) {
@@ -687,7 +722,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
           switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return (0, _data.getRetailerServices)((_state$product2 = state.product) === null || _state$product2 === void 0 ? void 0 : _state$product2.id_article, (_state$product3 = state.product) === null || _state$product3 === void 0 ? void 0 : _state$product3.categoryName, parseInt((_state$product4 = state.product) === null || _state$product4 === void 0 ? void 0 : _state$product4.id_category), auditableVersion.version, token);
+              return (0, _data.getRetailerServices)((_state$product = state.product) === null || _state$product === void 0 ? void 0 : _state$product.id_article, (_state$product2 = state.product) === null || _state$product2 === void 0 ? void 0 : _state$product2.categoryName, parseInt((_state$product3 = state.product) === null || _state$product3 === void 0 ? void 0 : _state$product3.id_category), auditableVersion.version, token);
 
             case 2:
               auditServices = _context3.sent;
@@ -731,9 +766,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
           _services$,
           _retailerDatasheets$d,
           _state$active_retaile2,
-          _services$0$inputs,
-          _services$2,
-          _state$product5,
+          _state$product4,
           id_article,
           version,
           id_order,
@@ -762,6 +795,8 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
           descriptionsActiveRetailer,
           activeRetailerId,
           filteredValues,
+          orderedValuesWithThumbs,
+          filteredValuesWithThumbs,
           _args4 = arguments;
 
       return _regenerator.default.wrap(function _callee4$(_context4) {
@@ -779,7 +814,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 type: "SET_ERRORS",
                 payload: []
               });
-              _state$product5 = state.product, id_article = _state$product5.id_article, version = _state$product5.version, id_order = _state$product5.id_order;
+              _state$product4 = state.product, id_article = _state$product4.id_article, version = _state$product4.version, id_order = _state$product4.id_order;
               _state$active_retaile = state.active_retailer, category = _state$active_retaile.category, id_category = _state$active_retaile.id_category, id_retailer = _state$active_retaile.id_retailer; // Payloads y headers
 
               data = [{
@@ -919,15 +954,26 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                     return Number(input.id_retailer) === Number(activeRetailerId) && Number(input.id_image) === Number(value.image_id);
                   });
                 });
-              }); // Dispatch consolidado
+              }); // Regenerar thumbnails de videos guardados para que se muestren.
+
+              _context4.next = 35;
+              return regenerateVideoThumbnails(orderedValues);
 
+            case 35:
+              orderedValuesWithThumbs = _context4.sent;
+              _context4.next = 38;
+              return regenerateVideoThumbnails(filteredValues);
+
+            case 38:
+              filteredValuesWithThumbs = _context4.sent;
+              // Dispatch consolidado
               dispatch({
                 type: "SET_SERVICES",
                 payload: {
                   datasheets: services[0],
                   descriptions: services[1],
                   images: (0, _objectSpread5.default)((0, _objectSpread5.default)({}, services[2]), {}, {
-                    values: orderedValues
+                    values: orderedValuesWithThumbs
                   })
                 }
               });
@@ -949,12 +995,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
               dispatch({
                 type: "SET_DATASHEETS_INPUTS",
-                // `services[0]?` por lo mismo que el fallback de arriba: la lectura de
-                // fichas puede volver sin datos para esa cadena y categoría. Arriba ya
-                // se contemplaba; aquí no, y como este dispatch va ANTES de
-                // SET_IMAGES_VALUES, reventar aquí dejaba la ficha cargando para
-                // siempre — con las imágenes ya traídas y sin pintar.
-                payload: [datasheetsActiveRetailer, (_services$0$inputs = (_services$2 = services[0]) === null || _services$2 === void 0 ? void 0 : _services$2.inputs) !== null && _services$0$inputs !== void 0 ? _services$0$inputs : {}]
+                payload: [datasheetsActiveRetailer, services[0].inputs]
               });
               dispatch({
                 type: "SET_DESCRIPTIONS_INPUTS",
@@ -963,20 +1004,9 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               dispatch({
                 type: "SET_IMAGES_VALUES",
                 payload: (0, _objectSpread5.default)((0, _objectSpread5.default)({}, services[2]), {}, {
-                  values: filteredValues
+                  values: filteredValuesWithThumbs
                 })
-              });
-              /*
-                Activos digitales. `services[2].assets` todavía no existe en la
-                respuesta del backend: hasta que exista, esto no hace nada, y el día que
-                llegue la bandeja se llena sola sin tocar nada más.
-              */
-
-              if (Array.isArray(services[2].assets) && assetsLoadedFor.current !== id_article) {
-                assetsLoadedFor.current = id_article;
-                digitalAssets.replaceAll(services[2].assets);
-              } // Calcular campos requeridos sin valor
-
+              }); // Calcular campos requeridos sin valor
 
               dispatch({
                 type: "SET_MISSING_REQUIRED_FIELDS",
@@ -987,11 +1017,11 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 loadAuditableData();
               }
 
-              _context4.next = 49;
+              _context4.next = 54;
               break;
 
-            case 45:
-              _context4.prev = 45;
+            case 50:
+              _context4.prev = 50;
               _context4.t0 = _context4["catch"](2);
               console.log("Error loading data: ", _context4.t0);
               dispatch({
@@ -999,20 +1029,20 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 payload: [_context4.t0.message]
               });
 
-            case 49:
-              _context4.prev = 49;
+            case 54:
+              _context4.prev = 54;
               dispatch({
                 type: "SET_LOADING",
                 payload: false
               });
-              return _context4.finish(49);
+              return _context4.finish(54);
 
-            case 52:
+            case 57:
             case "end":
               return _context4.stop();
           }
         }
-      }, _callee4, null, [[2, 45, 49, 52]]);
+      }, _callee4, null, [[2, 50, 54, 57]]);
     }));
 
     return function loadData() {
@@ -1075,9 +1105,9 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
   };
 
   var isAuditorAssigned = function isAuditorAssigned() {
-    var _state$product6;
+    var _state$product5;
 
-    return ((_state$product6 = state.product) === null || _state$product6 === void 0 ? void 0 : _state$product6.id_auditor) === (user === null || user === void 0 ? void 0 : user.id_user);
+    return ((_state$product5 = state.product) === null || _state$product5 === void 0 ? void 0 : _state$product5.id_auditor) === (user === null || user === void 0 ? void 0 : user.id_user);
   };
   /**
    * ¿Ocupo este slot EN ESTE producto?
@@ -1090,9 +1120,9 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
 
   var isAssignedAs = function isAssignedAs(rol, concept) {
-    var _state$product7;
+    var _state$product6;
 
-    var assigned = (_state$product7 = state.product) === null || _state$product7 === void 0 ? void 0 : _state$product7["id_".concat(concept, "_").concat(rol)];
+    var assigned = (_state$product6 = state.product) === null || _state$product6 === void 0 ? void 0 : _state$product6["id_".concat(concept, "_").concat(rol)];
     return !!assigned && assigned === (user === null || user === void 0 ? void 0 : user.id_user);
   };
 
@@ -1161,42 +1191,28 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
     })[0]) === null || _statusByRetailer$fil === void 0 ? void 0 : _statusByRetailer$fil.status) || "-";
     return currentStatus;
   };
-  /*
-    Guarda los activos y recarga si algo se escribió.
-     La recarga no es opcional: un activo recién creado sigue en memoria con su
-    id temporal y sin el id de la base. Sin volver a leer, el siguiente guardado
-    lo mandaría otra vez como nuevo y se duplicaría. Poner el ref en `null` es
-    lo que permite que `loadData` lo vuelva a traer —normalmente los activos se
-    cargan una sola vez por artículo—.
-  */
-
 
-  var handleOnSaveAssets = /*#__PURE__*/function () {
+  var handleOnClickSaveImages = /*#__PURE__*/function () {
     var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
-      var guardado;
+      var _state$product7, _state$product7$servi;
+
       return _regenerator.default.wrap(function _callee5$(_context5) {
         while (1) {
           switch (_context5.prev = _context5.next) {
             case 0:
-              _context5.next = 2;
-              return saveAssets(token);
-
-            case 2:
-              guardado = _context5.sent;
-
-              if (guardado) {
+              if (!(((_state$product7 = state.product) === null || _state$product7 === void 0 ? void 0 : (_state$product7$servi = _state$product7.services) === null || _state$product7$servi === void 0 ? void 0 : _state$product7$servi.images) === 1)) {
                 _context5.next = 5;
                 break;
               }
 
-              return _context5.abrupt("return");
+              _context5.next = 3;
+              return updateImages(token);
 
-            case 5:
-              assetsLoadedFor.current = null;
-              _context5.next = 8;
+            case 3:
+              _context5.next = 5;
               return loadData(false);
 
-            case 8:
+            case 5:
             case "end":
               return _context5.stop();
           }
@@ -1204,53 +1220,8 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
       }, _callee5);
     }));
 
-    return function handleOnSaveAssets() {
-      return _ref9.apply(this, arguments);
-    };
-  }();
-
-  var handleOnClickSaveImages = /*#__PURE__*/function () {
-    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
-      var _state$product8, _state$product8$servi;
-
-      return _regenerator.default.wrap(function _callee6$(_context6) {
-        while (1) {
-          switch (_context6.prev = _context6.next) {
-            case 0:
-              if (!(currentTray === _GalleryTrayTabs.TRAYS.ASSETS)) {
-                _context6.next = 4;
-                break;
-              }
-
-              _context6.next = 3;
-              return handleOnSaveAssets();
-
-            case 3:
-              return _context6.abrupt("return");
-
-            case 4:
-              if (!(((_state$product8 = state.product) === null || _state$product8 === void 0 ? void 0 : (_state$product8$servi = _state$product8.services) === null || _state$product8$servi === void 0 ? void 0 : _state$product8$servi.images) === 1)) {
-                _context6.next = 9;
-                break;
-              }
-
-              _context6.next = 7;
-              return updateImages(token);
-
-            case 7:
-              _context6.next = 9;
-              return loadData(false);
-
-            case 9:
-            case "end":
-              return _context6.stop();
-          }
-        }
-      }, _callee6);
-    }));
-
     return function handleOnClickSaveImages() {
-      return _ref10.apply(this, arguments);
+      return _ref9.apply(this, arguments);
     };
   }();
   /*
@@ -1261,31 +1232,31 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
 
   var loadFamily = /*#__PURE__*/function () {
-    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
+    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
       var forzar,
-          _state$product9,
+          _state$product8,
           res,
           data,
-          _args7 = arguments;
+          _args6 = arguments;
 
-      return _regenerator.default.wrap(function _callee7$(_context7) {
+      return _regenerator.default.wrap(function _callee6$(_context6) {
         while (1) {
-          switch (_context7.prev = _context7.next) {
+          switch (_context6.prev = _context6.next) {
             case 0:
-              forzar = _args7.length > 0 && _args7[0] !== undefined ? _args7[0] : false;
+              forzar = _args6.length > 0 && _args6[0] !== undefined ? _args6[0] : false;
 
               if (!(family && !forzar)) {
-                _context7.next = 3;
+                _context6.next = 3;
                 break;
               }
 
-              return _context7.abrupt("return", family);
+              return _context6.abrupt("return", family);
 
             case 3:
-              _context7.prev = 3;
-              _context7.next = 6;
+              _context6.prev = 3;
+              _context6.next = 6;
               return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/family"), {
-                articleId: (_state$product9 = state.product) === null || _state$product9 === void 0 ? void 0 : _state$product9.id_article
+                articleId: (_state$product8 = state.product) === null || _state$product8 === void 0 ? void 0 : _state$product8.id_article
               }, {
                 headers: {
                   Authorization: token
@@ -1293,32 +1264,32 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
             case 6:
-              res = _context7.sent;
+              res = _context6.sent;
               data = (0, _api.readPayload)(res);
               setFamily(data);
-              return _context7.abrupt("return", data);
+              return _context6.abrupt("return", data);
 
             case 12:
-              _context7.prev = 12;
-              _context7.t0 = _context7["catch"](3);
-              console.error("loadFamily: ", _context7.t0);
+              _context6.prev = 12;
+              _context6.t0 = _context6["catch"](3);
+              console.error("loadFamily: ", _context6.t0);
               setFamily({
                 variants: [],
                 parent: null,
                 error: true
               });
-              return _context7.abrupt("return", null);
+              return _context6.abrupt("return", null);
 
             case 17:
             case "end":
-              return _context7.stop();
+              return _context6.stop();
           }
         }
-      }, _callee7, null, [[3, 12]]);
+      }, _callee6, null, [[3, 12]]);
     }));
 
     return function loadFamily() {
-      return _ref11.apply(this, arguments);
+      return _ref10.apply(this, arguments);
     };
   }();
   /*
@@ -1335,16 +1306,28 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
 
   (0, _react.useEffect)(function () {
-    var _state$product10;
+    var _state$product9;
 
-    if (!((_state$product10 = state.product) !== null && _state$product10 !== void 0 && _state$product10.id_article)) return;
+    if (!((_state$product9 = state.product) !== null && _state$product9 !== void 0 && _state$product9.id_article)) return;
     loadFamily(true); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [(_state$product11 = state.product) === null || _state$product11 === void 0 ? void 0 : _state$product11.id_article]); // El conteo sale de la familia recién consultada, no del producto.
+  }, [(_state$product10 = state.product) === null || _state$product10 === void 0 ? void 0 : _state$product10.id_article]); // El conteo sale de la familia recién consultada, no del producto.
 
   var hijosDelProducto = family !== null && family !== void 0 && family.error ? 0 : ((_family$variants = family === null || family === void 0 ? void 0 : family.variants) !== null && _family$variants !== void 0 ? _family$variants : []).filter(function (v) {
     return !v.isCurrent;
   }).length;
-  var esHijoDeOtro = family !== null && family !== void 0 && family.error ? !!((_state$product12 = state.product) !== null && _state$product12 !== void 0 && _state$product12.parentArticleId) : !!(family !== null && family !== void 0 && family.parent);
+  var esHijoDeOtro = family !== null && family !== void 0 && family.error ? !!((_state$product11 = state.product) !== null && _state$product11 !== void 0 && _state$product11.parentArticleId) : !!(family !== null && family !== void 0 && family.parent);
+  /*
+    Un hijo no se agrupa como variante (decisión de producto, 2026-09-25).
+     Agrupar declara «estos son el mismo producto en otra presentación», y un
+    hijo ya declaró de dónde deriva. El servidor lo rechaza con
+    VARIANT_GROUP_NOT_FOR_CHILD, así que ofrecer el botón sería ofrecer algo
+    que siempre falla.
+     Se apoya en `esHijoDeOtro` y no en `state.product` porque en esta pantalla
+    el producto sale de sessionStorage: la señal buena es la familia recién
+    consultada, con el producto solo como respaldo si esa consulta falló.
+  */
+
+  var puedeAgruparse = !esHijoDeOtro;
   /*
     Abre otro producto de la familia.
      Cambiar la URL no basta: esta pantalla no lee el producto de la ruta sino de
@@ -1374,14 +1357,14 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
   */
 
   var handleOnUnlinked = function handleOnUnlinked(result) {
-    var _state$product$varian, _state$product13, _updatedProduct$varia;
+    var _state$product$varian, _state$product12, _updatedProduct$varia;
 
     if (!result) return;
     var updatedProduct = result.mode === "self" ? (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
       parentArticleId: null,
       variantsCount: 0
     }) : (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
-      variantsCount: Math.max(((_state$product$varian = (_state$product13 = state.product) === null || _state$product13 === void 0 ? void 0 : _state$product13.variantsCount) !== null && _state$product$varian !== void 0 ? _state$product$varian : 1) - 1, 0)
+      variantsCount: Math.max(((_state$product$varian = (_state$product12 = state.product) === null || _state$product12 === void 0 ? void 0 : _state$product12.variantsCount) !== null && _state$product$varian !== void 0 ? _state$product$varian : 1) - 1, 0)
     });
     dispatch({
       type: "SET_PRODUCT",
@@ -1433,31 +1416,31 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
 
   var loadVariantGroup = /*#__PURE__*/function () {
-    var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
+    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
       var forzar,
-          _state$product14,
+          _state$product13,
           res,
           data,
-          _args8 = arguments;
+          _args7 = arguments;
 
-      return _regenerator.default.wrap(function _callee8$(_context8) {
+      return _regenerator.default.wrap(function _callee7$(_context7) {
         while (1) {
-          switch (_context8.prev = _context8.next) {
+          switch (_context7.prev = _context7.next) {
             case 0:
-              forzar = _args8.length > 0 && _args8[0] !== undefined ? _args8[0] : false;
+              forzar = _args7.length > 0 && _args7[0] !== undefined ? _args7[0] : false;
 
               if (!(variantGroup && !forzar)) {
-                _context8.next = 3;
+                _context7.next = 3;
                 break;
               }
 
-              return _context8.abrupt("return", variantGroup);
+              return _context7.abrupt("return", variantGroup);
 
             case 3:
-              _context8.prev = 3;
-              _context8.next = 6;
+              _context7.prev = 3;
+              _context7.next = 6;
               return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/group"), {
-                articleId: (_state$product14 = state.product) === null || _state$product14 === void 0 ? void 0 : _state$product14.id_article
+                articleId: (_state$product13 = state.product) === null || _state$product13 === void 0 ? void 0 : _state$product13.id_article
               }, {
                 headers: {
                   Authorization: token
@@ -1465,54 +1448,54 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
             case 6:
-              res = _context8.sent;
+              res = _context7.sent;
               data = (0, _api.readPayload)(res);
               setVariantGroup(data);
-              return _context8.abrupt("return", data);
+              return _context7.abrupt("return", data);
 
             case 12:
-              _context8.prev = 12;
-              _context8.t0 = _context8["catch"](3);
-              console.error("loadVariantGroup: ", _context8.t0);
+              _context7.prev = 12;
+              _context7.t0 = _context7["catch"](3);
+              console.error("loadVariantGroup: ", _context7.t0);
               setVariantGroup({
                 group: null,
                 members: [],
                 error: true
               });
-              return _context8.abrupt("return", null);
+              return _context7.abrupt("return", null);
 
             case 17:
             case "end":
-              return _context8.stop();
+              return _context7.stop();
           }
         }
-      }, _callee8, null, [[3, 12]]);
+      }, _callee7, null, [[3, 12]]);
     }));
 
     return function loadVariantGroup() {
-      return _ref12.apply(this, arguments);
+      return _ref11.apply(this, arguments);
     };
   }();
 
   (0, _react.useEffect)(function () {
-    var _state$product15;
+    var _state$product14;
 
-    if (!((_state$product15 = state.product) !== null && _state$product15 !== void 0 && _state$product15.id_article)) return;
+    if (!((_state$product14 = state.product) !== null && _state$product14 !== void 0 && _state$product14.id_article)) return;
     loadVariantGroup(true); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [(_state$product16 = state.product) === null || _state$product16 === void 0 ? void 0 : _state$product16.id_article]);
+  }, [(_state$product15 = state.product) === null || _state$product15 === void 0 ? void 0 : _state$product15.id_article]);
 
   var handleOnLeaveGroup = /*#__PURE__*/function () {
-    var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
-      var _state$product17, res;
+    var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
+      var _state$product16, res;
 
-      return _regenerator.default.wrap(function _callee9$(_context9) {
+      return _regenerator.default.wrap(function _callee8$(_context8) {
         while (1) {
-          switch (_context9.prev = _context9.next) {
+          switch (_context8.prev = _context8.next) {
             case 0:
-              _context9.prev = 0;
-              _context9.next = 3;
+              _context8.prev = 0;
+              _context8.next = 3;
               return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/leave"), {
-                articleId: (_state$product17 = state.product) === null || _state$product17 === void 0 ? void 0 : _state$product17.id_article
+                articleId: (_state$product16 = state.product) === null || _state$product16 === void 0 ? void 0 : _state$product16.id_article
               }, {
                 headers: {
                   Authorization: token
@@ -1520,16 +1503,16 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
             case 3:
-              res = _context9.sent;
+              res = _context8.sent;
               setVariantGroup((0, _api.readPayload)(res));
               setShowGroup(false);
-              _context9.next = 12;
+              _context8.next = 12;
               break;
 
             case 8:
-              _context9.prev = 8;
-              _context9.t0 = _context9["catch"](0);
-              console.error("leaveVariantGroup: ", _context9.t0);
+              _context8.prev = 8;
+              _context8.t0 = _context8["catch"](0);
+              console.error("leaveVariantGroup: ", _context8.t0);
               dispatch({
                 type: "SET_MODAL",
                 payload: {
@@ -1554,29 +1537,29 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
             case 12:
             case "end":
-              return _context9.stop();
+              return _context8.stop();
           }
         }
-      }, _callee9, null, [[0, 8]]);
+      }, _callee8, null, [[0, 8]]);
     }));
 
     return function handleOnLeaveGroup() {
-      return _ref13.apply(this, arguments);
+      return _ref12.apply(this, arguments);
     };
   }();
 
   var openFamilyMember = /*#__PURE__*/function () {
-    var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10(articleId) {
-      var _readPayload, res, _ref15, data, encontrado;
+    var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9(articleId) {
+      var _readPayload, res, _ref14, data, encontrado;
 
-      return _regenerator.default.wrap(function _callee10$(_context10) {
+      return _regenerator.default.wrap(function _callee9$(_context9) {
         while (1) {
-          switch (_context10.prev = _context10.next) {
+          switch (_context9.prev = _context9.next) {
             case 0:
               setLoadingVariant(articleId);
               setAvisoFamilia(null);
-              _context10.prev = 2;
-              _context10.next = 5;
+              _context9.prev = 2;
+              _context9.next = 5;
               return _axios.default.get("".concat(process.env.REACT_APP_ORDERED_SERVICES_ENDPOINT), {
                 params: {
                   filterByIdArticle: articleId,
@@ -1588,11 +1571,11 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
             case 5:
-              res = _context10.sent;
+              res = _context9.sent;
               // read-order-services responde { total, data: [...] }. La vista trae una
               // fila por orden, así que puede haber varias del mismo artículo; llegan
               // ordenadas por order_id DESC y la primera es la orden más reciente.
-              _ref15 = (_readPayload = (0, _api.readPayload)(res)) !== null && _readPayload !== void 0 ? _readPayload : {}, data = _ref15.data;
+              _ref14 = (_readPayload = (0, _api.readPayload)(res)) !== null && _readPayload !== void 0 ? _readPayload : {}, data = _ref14.data;
               encontrado = (data !== null && data !== void 0 ? data : []).find(function (item) {
                 var _item$article;
 
@@ -1600,12 +1583,12 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
               if (encontrado) {
-                _context10.next = 11;
+                _context9.next = 11;
                 break;
               }
 
               setAvisoFamilia("Ese producto no está en ninguna orden de trabajo, así que no se puede abrir desde aquí.");
-              return _context10.abrupt("return");
+              return _context9.abrupt("return");
 
             case 11:
               sessionStorage.setItem("productSelected", JSON.stringify(encontrado));
@@ -1616,30 +1599,30 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 product: [encontrado]
               }));
               window.location.assign("/EditProducts");
-              _context10.next = 21;
+              _context9.next = 21;
               break;
 
             case 17:
-              _context10.prev = 17;
-              _context10.t0 = _context10["catch"](2);
-              console.error("openFamilyMember: ", _context10.t0);
+              _context9.prev = 17;
+              _context9.t0 = _context9["catch"](2);
+              console.error("openFamilyMember: ", _context9.t0);
               setAvisoFamilia("No se pudo abrir ese producto. Intenta de nuevo.");
 
             case 21:
-              _context10.prev = 21;
+              _context9.prev = 21;
               setLoadingVariant(null);
-              return _context10.finish(21);
+              return _context9.finish(21);
 
             case 24:
             case "end":
-              return _context10.stop();
+              return _context9.stop();
           }
         }
-      }, _callee10, null, [[2, 17, 21, 24]]);
+      }, _callee9, null, [[2, 17, 21, 24]]);
     }));
 
-    return function openFamilyMember(_x2) {
-      return _ref14.apply(this, arguments);
+    return function openFamilyMember(_x3) {
+      return _ref13.apply(this, arguments);
     };
   }();
   /*
@@ -1650,11 +1633,11 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
 
   var handleOnLinkedVariants = function handleOnLinkedVariants(result) {
-    var _state$product$varian2, _state$product18, _result$linked, _result$parentArticle;
+    var _state$product$varian2, _state$product17, _result$linked, _result$parentArticle;
 
     if (!result) return;
     var updatedProduct = result.mode === "children" ? (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
-      variantsCount: ((_state$product$varian2 = (_state$product18 = state.product) === null || _state$product18 === void 0 ? void 0 : _state$product18.variantsCount) !== null && _state$product$varian2 !== void 0 ? _state$product$varian2 : 0) + ((_result$linked = result.linked) !== null && _result$linked !== void 0 ? _result$linked : []).length
+      variantsCount: ((_state$product$varian2 = (_state$product17 = state.product) === null || _state$product17 === void 0 ? void 0 : _state$product17.variantsCount) !== null && _state$product$varian2 !== void 0 ? _state$product$varian2 : 0) + ((_result$linked = result.linked) !== null && _result$linked !== void 0 ? _result$linked : []).length
     }) : (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state.product), {}, {
       parentArticleId: (_result$parentArticle = result.parentArticleId) !== null && _result$parentArticle !== void 0 ? _result$parentArticle : null,
       variantsCount: 0
@@ -1728,31 +1711,31 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
 
   var handleOnRestoreInheritance = /*#__PURE__*/function () {
-    var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(attributeId) {
-      var _state$product19;
+    var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10(attributeId) {
+      var _state$product18;
 
       var kind,
           esDescripcion,
           res,
           data,
-          _args11 = arguments;
-      return _regenerator.default.wrap(function _callee11$(_context11) {
+          _args10 = arguments;
+      return _regenerator.default.wrap(function _callee10$(_context10) {
         while (1) {
-          switch (_context11.prev = _context11.next) {
+          switch (_context10.prev = _context10.next) {
             case 0:
-              kind = _args11.length > 1 && _args11[1] !== undefined ? _args11[1] : "attribute";
+              kind = _args10.length > 1 && _args10[1] !== undefined ? _args10[1] : "attribute";
 
-              if (!(!attributeId || !((_state$product19 = state.product) !== null && _state$product19 !== void 0 && _state$product19.id_article))) {
-                _context11.next = 3;
+              if (!(!attributeId || !((_state$product18 = state.product) !== null && _state$product18 !== void 0 && _state$product18.id_article))) {
+                _context10.next = 3;
                 break;
               }
 
-              return _context11.abrupt("return");
+              return _context10.abrupt("return");
 
             case 3:
               esDescripcion = kind === "description";
-              _context11.prev = 4;
-              _context11.next = 7;
+              _context10.prev = 4;
+              _context10.next = 7;
               return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/restore"), (0, _objectSpread5.default)({
                 articleId: state.product.id_article
               }, esDescripcion ? {
@@ -1766,11 +1749,11 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
             case 7:
-              res = _context11.sent;
+              res = _context10.sent;
               data = (0, _api.readPayload)(res);
 
               if (!esDescripcion) {
-                _context11.next = 12;
+                _context10.next = 12;
                 break;
               }
 
@@ -1784,7 +1767,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   };
                 })
               });
-              return _context11.abrupt("return");
+              return _context10.abrupt("return");
 
             case 12:
               dispatch({
@@ -1797,24 +1780,24 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   };
                 })
               });
-              _context11.next = 18;
+              _context10.next = 18;
               break;
 
             case 15:
-              _context11.prev = 15;
-              _context11.t0 = _context11["catch"](4);
-              console.error("restoreInheritance: ", _context11.t0);
+              _context10.prev = 15;
+              _context10.t0 = _context10["catch"](4);
+              console.error("restoreInheritance: ", _context10.t0);
 
             case 18:
             case "end":
-              return _context11.stop();
+              return _context10.stop();
           }
         }
-      }, _callee11, null, [[4, 15]]);
+      }, _callee10, null, [[4, 15]]);
     }));
 
-    return function handleOnRestoreInheritance(_x3) {
-      return _ref16.apply(this, arguments);
+    return function handleOnRestoreInheritance(_x4) {
+      return _ref15.apply(this, arguments);
     };
   }();
   /*
@@ -1849,45 +1832,45 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
   };
 
   var handleOnClickSave = /*#__PURE__*/function () {
-    var _ref17 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
-      var _familia$variants, _variantGroup$members, cambios, familia, hijos, companeras;
+    var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11() {
+      var _familia, _familia$variants, _variantGroup$members, cambios, familia, esHijo, hijos, companeras;
 
-      return _regenerator.default.wrap(function _callee12$(_context12) {
+      return _regenerator.default.wrap(function _callee11$(_context11) {
         while (1) {
-          switch (_context12.prev = _context12.next) {
+          switch (_context11.prev = _context11.next) {
             case 0:
               if (!(state.saving || preparandoPropagacion)) {
-                _context12.next = 2;
+                _context11.next = 2;
                 break;
               }
 
-              return _context12.abrupt("return");
+              return _context11.abrupt("return");
 
             case 2:
-              _context12.t0 = state.active_tab;
-              _context12.next = _context12.t0 === "Descripción" ? 5 : _context12.t0 === "Ficha técnica" ? 8 : _context12.t0 === "Imágenes" ? 33 : 40;
+              _context11.t0 = state.active_tab;
+              _context11.next = _context11.t0 === "Descripción" ? 5 : _context11.t0 === "Ficha técnica" ? 8 : _context11.t0 === "Imágenes" ? 34 : 37;
               break;
 
             case 5:
-              _context12.next = 7;
+              _context11.next = 7;
               return saveDescriptions(token);
 
             case 7:
-              return _context12.abrupt("break", 41);
+              return _context11.abrupt("break", 38);
 
             case 8:
               cambios = cambiosDeFichaTecnica();
 
               if (!(cambios.length === 0)) {
-                _context12.next = 13;
+                _context11.next = 13;
                 break;
               }
 
-              _context12.next = 12;
+              _context11.next = 12;
               return saveDatasheets(token);
 
             case 12:
-              return _context12.abrupt("break", 41);
+              return _context11.abrupt("break", 38);
 
             case 13:
               /*
@@ -1906,21 +1889,21 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               */
               setPreparandoPropagacion(true);
               familia = null;
-              _context12.prev = 15;
-              _context12.next = 18;
+              _context11.prev = 15;
+              _context11.next = 18;
               return loadFamily(true);
 
             case 18:
-              familia = _context12.sent;
+              familia = _context11.sent;
 
             case 19:
-              _context12.prev = 19;
+              _context11.prev = 19;
               setPreparandoPropagacion(false);
-              return _context12.finish(19);
+              return _context11.finish(19);
 
             case 22:
               if (!(!familia || familia.error)) {
-                _context12.next = 25;
+                _context11.next = 25;
                 break;
               }
 
@@ -1957,10 +1940,20 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   }]
                 }
               });
-              return _context12.abrupt("return");
+              return _context11.abrupt("return");
 
             case 25:
-              hijos = ((_familia$variants = familia.variants) !== null && _familia$variants !== void 0 ? _familia$variants : []).filter(function (v) {
+              /*
+                Un HIJO no propaga a nadie, y hay que decirlo explícitamente.
+                 `familia.variants` mira la familia desde el PADRE —eso es lo correcto
+                para navegar entre hermanos— así que desde la ficha de un hijo esa
+                lista son sus HERMANOS. Leerla como «los destinos de este producto»
+                hacía que el diálogo le ofreciera heredar a sus hermanos. El servidor
+                resolvía los destinos por su cuenta y no escribía nada, de modo que el
+                usuario elegía, guardaba, y no pasaba nada: un no-operativo silencioso.
+              */
+              esHijo = !!((_familia = familia) !== null && _familia !== void 0 && _familia.parent);
+              hijos = esHijo ? [] : ((_familia$variants = familia.variants) !== null && _familia$variants !== void 0 ? _familia$variants : []).filter(function (v) {
                 return !v.isCurrent;
               });
               /*
@@ -1971,61 +1964,50 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
               companeras = ((_variantGroup$members = variantGroup === null || variantGroup === void 0 ? void 0 : variantGroup.members) !== null && _variantGroup$members !== void 0 ? _variantGroup$members : []).filter(function (m) {
                 return !m.isCurrent;
-              });
+              }); // Un hijo tampoco puede estar agrupado desde 2026-09-25, así que para
+              // él no queda ningún destino posible.
 
-              if (!(hijos.length > 0 || companeras.length > 0)) {
-                _context12.next = 30;
+              if (!(!esHijo && (hijos.length > 0 || companeras.length > 0))) {
+                _context11.next = 31;
                 break;
               }
 
               setPendingPropagation({
                 cambios: cambios
               });
-              return _context12.abrupt("return");
+              return _context11.abrupt("return");
 
-            case 30:
-              _context12.next = 32;
+            case 31:
+              _context11.next = 33;
               return saveDatasheets(token);
 
-            case 32:
-              return _context12.abrupt("break", 41);
-
             case 33:
-              if (!(currentTray === _GalleryTrayTabs.TRAYS.ASSETS)) {
-                _context12.next = 37;
-                break;
-              }
+              return _context11.abrupt("break", 38);
 
-              _context12.next = 36;
-              return handleOnSaveAssets();
+            case 34:
+              _context11.next = 36;
+              return updateImages(token);
 
             case 36:
-              return _context12.abrupt("return");
+              return _context11.abrupt("break", 38);
 
             case 37:
-              _context12.next = 39;
-              return updateImages(token);
-
-            case 39:
-              return _context12.abrupt("break", 41);
-
-            case 40:
-              return _context12.abrupt("break", 41);
+              return _context11.abrupt("break", 38);
 
-            case 41:
-              _context12.next = 43;
+            case 38:
+              _context11.next = 40;
               return loadData(false);
 
-            case 43:
+            case 40:
             case "end":
-              return _context12.stop();
+              return _context11.stop();
           }
         }
-      }, _callee12, null, [[15,, 19, 22]]);
+      }, _callee11, null, [[15,, 19, 22]]);
     }));
 
     return function handleOnClickSave() {
-      return _ref17.apply(this, arguments);
+      return _ref16.apply(this, arguments);
     };
   }();
 
@@ -2042,106 +2024,8 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
       payload: items
     });
   };
-  /*
-    Descarga de activos: los seleccionados, o todos si no hay selección — el
-    mismo criterio que usa la descarga de imágenes.
-     Solo se descarga lo que ya está en S3. Un activo recién soltado vive como
-    referencia al archivo del disco del usuario: "descargarlo" le devolvería el
-    archivo que él mismo acaba de elegir, lo cual no tiene sentido.
-  */
-
-
-  var handleOnDownloadAssets = function handleOnDownloadAssets() {
-    var seleccion = state.selected_assets.length ? state.selected_assets : state.assets_values;
-    var descargables = seleccion.filter(function (asset) {
-      return asset.id && asset.url;
-    });
-
-    if (descargables.length === 0) {
-      dispatch({
-        type: "SET_MODAL",
-        payload: {
-          show: true,
-          title: "Nada que descargar",
-          message: "Los activos seleccionados todavía no se han guardado. Guárdalos primero.",
-          image: _genericModalWarning.default
-        }
-      });
-      return;
-    }
-
-    descargables.forEach(function (asset) {
-      return (0, _fileSaver.saveAs)(asset.url, asset.name);
-    });
-  };
-  /*
-    Borrado en lote de activos.
-     A diferencia de las imágenes, que se borran contra el backend en el momento,
-    los activos se quitan de la bandeja y su baja viaja en el mismo PUT del
-    guardado (`deleteAssets`). Es lo que permite al usuario deshacerse de un
-    borrado por error: basta con no guardar. El mensaje lo dice, para que nadie
-    se quede pensando que ya se aplicó.
-  */
-
-
-  var handleOnAskToDeleteAssets = function handleOnAskToDeleteAssets() {
-    if (state.selected_assets.length === 0) {
-      dispatch({
-        type: "SET_MODAL",
-        payload: {
-          show: true,
-          title: "Eliminar activos digitales",
-          message: "No has seleccionado ningún activo para eliminar.",
-          image: _genericModalWarning.default
-        }
-      });
-      return;
-    }
-
-    var seleccionados = state.selected_assets;
-    dispatch({
-      type: "SET_MODAL",
-      payload: {
-        show: true,
-        title: "Eliminar activos digitales",
-        message: "Se quitar\xE1n ".concat(seleccionados.length, " activo(s) de la bandeja. El borrado se aplica al guardar."),
-        image: _genericModalWarning.default,
-        buttons: [{
-          text: "Cancelar",
-          buttonType: "general-white-button",
-          action: function action() {
-            return dispatch({
-              type: "SET_MODAL",
-              payload: {
-                show: false
-              }
-            });
-          }
-        }, {
-          text: "Eliminar",
-          buttonType: "general-button-default",
-          action: function action() {
-            dispatch({
-              type: "SET_MODAL",
-              payload: {
-                show: false
-              }
-            });
-            seleccionados.forEach(function (asset) {
-              return digitalAssets.removeAsset(asset);
-            });
-          }
-        }]
-      }
-    });
-  };
 
   var handleOnAskToDeleteImages = function handleOnAskToDeleteImages() {
-    if (currentTray === _GalleryTrayTabs.TRAYS.ASSETS) {
-      handleOnAskToDeleteAssets();
-      return;
-    }
-
     if (state.selected_images.length === 0) {
       dispatch({
         type: "SET_MODAL",
@@ -2191,24 +2075,24 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
   };
 
   var handleOnApproveSingleService = /*#__PURE__*/function () {
-    var _ref18 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13() {
-      return _regenerator.default.wrap(function _callee13$(_context13) {
+    var _ref17 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
+      return _regenerator.default.wrap(function _callee12$(_context12) {
         while (1) {
-          switch (_context13.prev = _context13.next) {
+          switch (_context12.prev = _context12.next) {
             case 0:
-              _context13.next = 2;
+              _context12.next = 2;
               return sendSingleEvaluation("A");
 
             case 2:
             case "end":
-              return _context13.stop();
+              return _context12.stop();
           }
         }
-      }, _callee13);
+      }, _callee12);
     }));
 
     return function handleOnApproveSingleService() {
-      return _ref18.apply(this, arguments);
+      return _ref17.apply(this, arguments);
     };
   }();
 
@@ -2217,21 +2101,21 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
   };
 
   var sendSingleEvaluation = /*#__PURE__*/function () {
-    var _ref19 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14(result) {
+    var _ref18 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13(result) {
       var _state$product$id_ord, _state$active_retaile5;
 
       var concept, articleId, orderId, sectionStatusKey, evalStatus, retailerId, data, res, message, icon, activeTab, newStatuses, serviceStatus, articleStatus, updatedStatusByRetailer, updatedProduct, specialistDone, _objectSpread2, _state$services_data2, _JSON$parse2, newStatus, newOrderStatus, newArticleStatus, _articleStatus, updatedStatusByRetailerForSend, _updatedProduct, updatedServicesData, sessionProduct, _objectSpread3, productInSession, updatedProductInSession;
 
-      return _regenerator.default.wrap(function _callee14$(_context14) {
+      return _regenerator.default.wrap(function _callee13$(_context13) {
         while (1) {
-          switch (_context14.prev = _context14.next) {
+          switch (_context13.prev = _context13.next) {
             case 0:
               if (!state.saving) {
-                _context14.next = 2;
+                _context13.next = 2;
                 break;
               }
 
-              return _context14.abrupt("return");
+              return _context13.abrupt("return");
 
             case 2:
               dispatch({
@@ -2252,16 +2136,16 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 retailerId: retailerId
               };
               activeTab = state.active_tab;
-              _context14.prev = 11;
+              _context13.prev = 11;
 
               if (!result) {
-                _context14.next = 28;
+                _context13.next = 28;
                 break;
               }
 
               data.result = result;
               data.retailerId = retailerId;
-              _context14.next = 17;
+              _context13.next = 17;
               return _axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
                 headers: {
                   Authorization: token
@@ -2269,7 +2153,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
             case 17:
-              res = _context14.sent;
+              res = _context13.sent;
               newStatuses = JSON.parse(res.data.body);
               serviceStatus = newStatuses.newServiceStatus[articleId]["".concat(concept, "Status")];
               articleStatus = newStatuses.newArticleStatus[articleId];
@@ -2300,7 +2184,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   image: _genericModalCheck.default
                 }
               });
-              _context14.next = 33;
+              _context13.next = 33;
               break;
 
             case 28:
@@ -2316,7 +2200,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 icon = _genericModalCheck.default;
               }
 
-              _context14.next = 32;
+              _context13.next = 32;
               return _axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
                 headers: {
                   Authorization: token
@@ -2324,7 +2208,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
             case 32:
-              res = _context14.sent;
+              res = _context13.sent;
 
             case 33:
               if (res.data.statusCode === 200) {
@@ -2409,13 +2293,13 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 });
               }
 
-              _context14.next = 40;
+              _context13.next = 40;
               break;
 
             case 36:
-              _context14.prev = 36;
-              _context14.t0 = _context14["catch"](11);
-              console.error("Error sending evaluation:", _context14.t0);
+              _context13.prev = 36;
+              _context13.t0 = _context13["catch"](11);
+              console.error("Error sending evaluation:", _context13.t0);
               dispatch({
                 type: "SET_MODAL",
                 payload: {
@@ -2427,45 +2311,45 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
             case 40:
-              _context14.prev = 40;
+              _context13.prev = 40;
               dispatch({
                 type: "SET_SAVING",
                 payload: false
               });
-              return _context14.finish(40);
+              return _context13.finish(40);
 
             case 43:
             case "end":
-              return _context14.stop();
+              return _context13.stop();
           }
         }
-      }, _callee14, null, [[11, 36, 40, 43]]);
+      }, _callee13, null, [[11, 36, 40, 43]]);
     }));
 
-    return function sendSingleEvaluation(_x4) {
-      return _ref19.apply(this, arguments);
+    return function sendSingleEvaluation(_x5) {
+      return _ref18.apply(this, arguments);
     };
   }();
 
   var handleOnApproveAllServices = /*#__PURE__*/function () {
-    var _ref20 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15() {
-      return _regenerator.default.wrap(function _callee15$(_context15) {
+    var _ref19 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14() {
+      return _regenerator.default.wrap(function _callee14$(_context14) {
         while (1) {
-          switch (_context15.prev = _context15.next) {
+          switch (_context14.prev = _context14.next) {
             case 0:
-              _context15.next = 2;
+              _context14.next = 2;
               return sendBulkEvaluation("A");
 
             case 2:
             case "end":
-              return _context15.stop();
+              return _context14.stop();
           }
         }
-      }, _callee15);
+      }, _callee14);
     }));
 
     return function handleOnApproveAllServices() {
-      return _ref20.apply(this, arguments);
+      return _ref19.apply(this, arguments);
     };
   }();
 
@@ -2475,18 +2359,18 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
   };
 
   var sendBulkEvaluation = /*#__PURE__*/function () {
-    var _ref21 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16(result) {
+    var _ref20 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15(result) {
       var _state$services_data3, evaluationArray, conceptArray, status, updatedStatusByRetailer, updatedProduct, updatedServicesData;
 
-      return _regenerator.default.wrap(function _callee16$(_context16) {
+      return _regenerator.default.wrap(function _callee15$(_context15) {
         while (1) {
-          switch (_context16.prev = _context16.next) {
+          switch (_context15.prev = _context15.next) {
             case 0:
               dispatch({
                 type: "SET_SAVING",
                 payload: true
               });
-              _context16.prev = 1;
+              _context15.prev = 1;
               evaluationArray = [];
               conceptArray = (0, _utils.getConceptsByRole)(user.id_role);
               (_state$services_data3 = state.services_data) === null || _state$services_data3 === void 0 ? void 0 : _state$services_data3.forEach(function (ret, idx) {
@@ -2511,7 +2395,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   }));
                 }
               });
-              _context16.next = 7;
+              _context15.next = 7;
               return Promise.all(evaluationArray);
 
             case 7:
@@ -2566,41 +2450,41 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   image: _genericModalCheck.default
                 }
               });
-              _context16.next = 19;
+              _context15.next = 19;
               break;
 
             case 16:
-              _context16.prev = 16;
-              _context16.t0 = _context16["catch"](1);
-              console.error("Error in bulk evaluation:", _context16.t0);
+              _context15.prev = 16;
+              _context15.t0 = _context15["catch"](1);
+              console.error("Error in bulk evaluation:", _context15.t0);
 
             case 19:
-              _context16.prev = 19;
+              _context15.prev = 19;
               dispatch({
                 type: "SET_SAVING",
                 payload: false
               });
-              return _context16.finish(19);
+              return _context15.finish(19);
 
             case 22:
             case "end":
-              return _context16.stop();
+              return _context15.stop();
           }
         }
-      }, _callee16, null, [[1, 16, 19, 22]]);
+      }, _callee15, null, [[1, 16, 19, 22]]);
     }));
 
-    return function sendBulkEvaluation(_x5) {
-      return _ref21.apply(this, arguments);
+    return function sendBulkEvaluation(_x6) {
+      return _ref20.apply(this, arguments);
     };
   }();
 
   var handleOnChangeAssignations = /*#__PURE__*/function () {
-    var _ref22 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee17(assignationType, assignationId) {
+    var _ref21 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16(assignationType, assignationId) {
       var concept, data, updatedProduct;
-      return _regenerator.default.wrap(function _callee17$(_context17) {
+      return _regenerator.default.wrap(function _callee16$(_context16) {
         while (1) {
-          switch (_context17.prev = _context17.next) {
+          switch (_context16.prev = _context16.next) {
             case 0:
               concept = (0, _utils.getConceptByTab)(state.active_tab);
               data = {
@@ -2611,7 +2495,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 concept: concept,
                 userId: assignationId
               };
-              _context17.next = 4;
+              _context16.next = 4;
               return (0, _axios.default)({
                 method: "post",
                 url: process.env.REACT_APP_ASSIGNATIONS_ENDPOINT,
@@ -2630,14 +2514,14 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
             case 6:
             case "end":
-              return _context17.stop();
+              return _context16.stop();
           }
         }
-      }, _callee17);
+      }, _callee16);
     }));
 
-    return function handleOnChangeAssignations(_x6, _x7) {
-      return _ref22.apply(this, arguments);
+    return function handleOnChangeAssignations(_x7, _x8) {
+      return _ref21.apply(this, arguments);
     };
   }();
 
@@ -2672,16 +2556,16 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
   };
 
   var handleOnSubmitComment = /*#__PURE__*/function () {
-    var _ref23 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee18(e) {
+    var _ref22 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee17(e) {
       var commentText;
-      return _regenerator.default.wrap(function _callee18$(_context18) {
+      return _regenerator.default.wrap(function _callee17$(_context17) {
         while (1) {
-          switch (_context18.prev = _context18.next) {
+          switch (_context17.prev = _context17.next) {
             case 0:
               e.preventDefault();
               commentText = document.querySelector("#commentary-box .ql-container .ql-editor > p").innerHTML;
-              _context18.prev = 2;
-              _context18.next = 5;
+              _context17.prev = 2;
+              _context17.next = 5;
               return createComment(commentText, token);
 
             case 5:
@@ -2694,13 +2578,13 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   image: _genericModalCheck.default
                 }
               });
-              _context18.next = 12;
+              _context17.next = 12;
               break;
 
             case 8:
-              _context18.prev = 8;
-              _context18.t0 = _context18["catch"](2);
-              console.error("Error saving comment:", _context18.t0);
+              _context17.prev = 8;
+              _context17.t0 = _context17["catch"](2);
+              console.error("Error saving comment:", _context17.t0);
               dispatch({
                 type: "SET_MODAL",
                 payload: {
@@ -2713,14 +2597,14 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
             case 12:
             case "end":
-              return _context18.stop();
+              return _context17.stop();
           }
         }
-      }, _callee18, null, [[2, 8]]);
+      }, _callee17, null, [[2, 8]]);
     }));
 
-    return function handleOnSubmitComment(_x8) {
-      return _ref23.apply(this, arguments);
+    return function handleOnSubmitComment(_x9) {
+      return _ref22.apply(this, arguments);
     };
   }();
 
@@ -3031,19 +2915,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
       })]
     })
   });
-  /*
-    `images_values` entra al guard junto a `services` y `product`.
-     React 17 no agrupa los dispatch que van después de un `await`: cada uno
-    re-renderiza al instante. En `loadData` el orden es SET_SERVICES →
-    …_INPUTS → SET_IMAGES_VALUES, así que había renders intermedios con
-    `services` ya puesto —el guard los dejaba pasar— y el resto todavía en null.
-    El cuerpo de abajo lee `datasheets_inputs[1]`, `descriptions_inputs[0]` y
-    `images_values.values` sin protección, y tumbaba la pantalla entera.
-     Se comprueba `images_values` y no cada uno: es el ÚLTIMO que `loadData`
-    despacha, así que si ya está, los anteriores también.
-  */
-
-  if (state.loading || !state.services || !state.product || !state.images_values) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+  if (state.loading || !state.services || !state.product) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ProductEditionSkeleton, {})
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_AiProductEdition.AiProductEditionProvider, {
@@ -3055,7 +2927,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
       headerTop: headerTop,
       children: [pendingPropagation && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PropagateChangesModal.PropagateChangesModal, {
         changedAttributes: pendingPropagation.cambios,
-        variants: ((_family$variants2 = family === null || family === void 0 ? void 0 : family.variants) !== null && _family$variants2 !== void 0 ? _family$variants2 : []).filter(function (v) {
+        variants: esHijoDeOtro ? [] : ((_family$variants2 = family === null || family === void 0 ? void 0 : family.variants) !== null && _family$variants2 !== void 0 ? _family$variants2 : []).filter(function (v) {
           return !v.isCurrent;
         }),
         groupMembers: ((_variantGroup$members2 = variantGroup === null || variantGroup === void 0 ? void 0 : variantGroup.members) !== null && _variantGroup$members2 !== void 0 ? _variantGroup$members2 : []).filter(function (m) {
@@ -3071,9 +2943,9 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
           saveDatasheets(token, propagation !== null && propagation !== void 0 ? propagation : undefined);
         }
       }), showLinkVariants && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkVariantsModal.LinkVariantsModal, {
-        articleId: (_state$product20 = state.product) === null || _state$product20 === void 0 ? void 0 : _state$product20.id_article,
-        articleName: (_state$product21 = state.product) === null || _state$product21 === void 0 ? void 0 : _state$product21.name,
-        articleUpc: (_state$product22 = state.product) === null || _state$product22 === void 0 ? void 0 : _state$product22.upc,
+        articleId: (_state$product19 = state.product) === null || _state$product19 === void 0 ? void 0 : _state$product19.id_article,
+        articleName: (_state$product20 = state.product) === null || _state$product20 === void 0 ? void 0 : _state$product20.name,
+        articleUpc: (_state$product21 = state.product) === null || _state$product21 === void 0 ? void 0 : _state$product21.upc,
         activeRetailerId: (_state$active_retaile6 = state.active_retailer) === null || _state$active_retaile6 === void 0 ? void 0 : _state$active_retaile6.id_retailer,
         token: token,
         onClose: function onClose() {
@@ -3081,9 +2953,9 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
         },
         onLinked: handleOnLinkedVariants
       }), showGroupModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_VariantGroupModal.VariantGroupModal, {
-        articleId: (_state$product23 = state.product) === null || _state$product23 === void 0 ? void 0 : _state$product23.id_article,
-        articleName: (_state$product24 = state.product) === null || _state$product24 === void 0 ? void 0 : _state$product24.name,
-        articleUpc: (_state$product25 = state.product) === null || _state$product25 === void 0 ? void 0 : _state$product25.upc,
+        articleId: (_state$product22 = state.product) === null || _state$product22 === void 0 ? void 0 : _state$product22.id_article,
+        articleName: (_state$product23 = state.product) === null || _state$product23 === void 0 ? void 0 : _state$product23.name,
+        articleUpc: (_state$product24 = state.product) === null || _state$product24 === void 0 ? void 0 : _state$product24.upc,
         currentGroup: (_variantGroup$group2 = variantGroup === null || variantGroup === void 0 ? void 0 : variantGroup.group) !== null && _variantGroup$group2 !== void 0 ? _variantGroup$group2 : null,
         token: token,
         onClose: function onClose() {
@@ -3119,21 +2991,21 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
           type: "pink",
           label: "Aceptar",
           size: 12,
-          onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee19() {
+          onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee18() {
             var elements, isMessageEmpty, container, existingAlert, alert, fullMessage;
-            return _regenerator.default.wrap(function _callee19$(_context19) {
+            return _regenerator.default.wrap(function _callee18$(_context18) {
               while (1) {
-                switch (_context19.prev = _context19.next) {
+                switch (_context18.prev = _context18.next) {
                   case 0:
                     elements = document.querySelectorAll("#modal-message-box .ql-container .ql-editor > p");
 
                     if (!(!elements || elements.length === 0)) {
-                      _context19.next = 4;
+                      _context18.next = 4;
                       break;
                     }
 
                     console.error("Elemento no encontrado");
-                    return _context19.abrupt("return");
+                    return _context18.abrupt("return");
 
                   case 4:
                     isMessageEmpty = Array.from(elements).every(function (el) {
@@ -3142,7 +3014,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                     });
 
                     if (!isMessageEmpty) {
-                      _context19.next = 10;
+                      _context18.next = 10;
                       break;
                     }
 
@@ -3157,13 +3029,13 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                       container.appendChild(alert);
                     }
 
-                    return _context19.abrupt("return");
+                    return _context18.abrupt("return");
 
                   case 10:
                     fullMessage = Array.from(elements).map(function (element) {
                       return element.innerHTML;
                     }).join("").replace(/<br\s*\/?>/gi, "\n");
-                    _context19.next = 13;
+                    _context18.next = 13;
                     return createComment(fullMessage, token);
 
                   case 13:
@@ -3172,10 +3044,10 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
                   case 15:
                   case "end":
-                    return _context19.stop();
+                    return _context18.stop();
                 }
               }
-            }, _callee19);
+            }, _callee18);
           }))
         }, "btn-Aceptar")]
       }), state.modal.show && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GenericModal.GenericModal, {
@@ -3243,27 +3115,17 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
         className: "data-container",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "image-data-panel",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ImagePreviewer.ImagePreviewer
-          /*
-            `images_values` puede ser null en pleno render.
-             React 17 no agrupa los dispatch que van después de un `await`:
-            cada uno re-renderiza al instante. En `loadData`, `SET_SERVICES`
-            se despacha antes que `SET_IMAGES_VALUES`, así que hay un render
-            en el que `services` ya existe —y por eso el guard de arriba deja
-            pasar— pero las imágenes todavía no. Sin las interrogaciones,
-            ese render intermedio tumba la pantalla entera.
-          */
-          , {
-            activeImage: (_state$images_values$2 = (_state$images_values10 = state.images_values) === null || _state$images_values10 === void 0 ? void 0 : (_state$images_values11 = _state$images_values10.values) === null || _state$images_values11 === void 0 ? void 0 : _state$images_values11[state.current_image]) !== null && _state$images_values$2 !== void 0 ? _state$images_values$2 : {},
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ImagePreviewer.ImagePreviewer, {
+            activeImage: (_state$images_values$2 = state.images_values.values[state.current_image]) !== null && _state$images_values$2 !== void 0 ? _state$images_values$2 : {},
             imagesArray: state.images_values || [],
             setActiveImage: handleOnChangeCurrentImage,
             setShowModal: handleOnShowModalGallery
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageDataTable.ImageDataTable // states
           , {
             lists: state.images_values || [],
-            activeImage: (_state$images_values12 = state.images_values) !== null && _state$images_values12 !== void 0 && _state$images_values12.values ? (_state$images_values13 = state.images_values) === null || _state$images_values13 === void 0 ? void 0 : _state$images_values13.values[state.current_image] : {},
+            activeImage: (_state$images_values10 = state.images_values) !== null && _state$images_values10 !== void 0 && _state$images_values10.values ? (_state$images_values11 = state.images_values) === null || _state$images_values11 === void 0 ? void 0 : _state$images_values11.values[state.current_image] : {},
             assignationsImages: state.collaborator_assignations["Imágenes"],
-            imagesStatus: ((_state$product26 = state.product) === null || _state$product26 === void 0 ? void 0 : _state$product26.images_status) || "-",
+            imagesStatus: ((_state$product25 = state.product) === null || _state$product25 === void 0 ? void 0 : _state$product25.images_status) || "-",
             retailerSelected: (_state$active_retaile9 = state.active_retailer) === null || _state$active_retaile9 === void 0 ? void 0 : _state$active_retaile9.id_retailer,
             isRetailer: isRetailer,
             version: state.product.version,
@@ -3351,13 +3213,13 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 className: "desvincular",
                 title: "Dejar de ser hijo de este producto",
                 onClick: function onClick() {
-                  var _state$product27, _state$product28, _state$product29;
+                  var _state$product26, _state$product27, _state$product28;
 
                   return setPorDesvincular({
                     mode: "self",
-                    childArticleId: (_state$product27 = state.product) === null || _state$product27 === void 0 ? void 0 : _state$product27.id_article,
-                    childName: (_state$product28 = state.product) === null || _state$product28 === void 0 ? void 0 : _state$product28.name,
-                    childUpc: (_state$product29 = state.product) === null || _state$product29 === void 0 ? void 0 : _state$product29.upc,
+                    childArticleId: (_state$product26 = state.product) === null || _state$product26 === void 0 ? void 0 : _state$product26.id_article,
+                    childName: (_state$product27 = state.product) === null || _state$product27 === void 0 ? void 0 : _state$product27.name,
+                    childUpc: (_state$product28 = state.product) === null || _state$product28 === void 0 ? void 0 : _state$product28.upc,
                     parentName: family.parent.name,
                     parentUpc: family.parent.upc
                   });
@@ -3389,15 +3251,15 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   className: "desvincular",
                   title: "Desvincular este hijo",
                   onClick: function onClick() {
-                    var _state$product30, _state$product31;
+                    var _state$product29, _state$product30;
 
                     return setPorDesvincular({
                       mode: "child",
                       childArticleId: variant.articleId,
                       childName: variant.name,
                       childUpc: variant.upc,
-                      parentName: (_state$product30 = state.product) === null || _state$product30 === void 0 ? void 0 : _state$product30.name,
-                      parentUpc: (_state$product31 = state.product) === null || _state$product31 === void 0 ? void 0 : _state$product31.upc
+                      parentName: (_state$product29 = state.product) === null || _state$product29 === void 0 ? void 0 : _state$product29.name,
+                      parentUpc: (_state$product30 = state.product) === null || _state$product30 === void 0 ? void 0 : _state$product30.upc
                     });
                   },
                   children: "Desvincular"
@@ -3410,7 +3272,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               className: "loading",
               children: avisoFamilia
             })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          }), puedeAgruparse && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "variants-actions",
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
               type: "button",
@@ -3433,7 +3295,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 children: showGroup ? " ▴" : " ▾"
               })]
             })]
-          }), showGroup && (variantGroup === null || variantGroup === void 0 ? void 0 : variantGroup.group) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          }), puedeAgruparse && showGroup && (variantGroup === null || variantGroup === void 0 ? void 0 : variantGroup.group) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "variants-family",
             children: [((_variantGroup$members3 = variantGroup.members) !== null && _variantGroup$members3 !== void 0 ? _variantGroup$members3 : []).filter(function (miembro) {
               return !miembro.isCurrent;
@@ -3518,10 +3380,8 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
             ,
             setShowVersionSelector: setShowVersionSelector // setSelectedImages={setSelectedImages} prop pasada asi: FullTabsMenu -> TabsMenu Pero en TabsMenu no se espera ninguna prop setSelectedImages
             // actions
-            // El botón actúa sobre la bandeja visible: en activos descargaba
-            // las imágenes del producto, que no es lo que el usuario pidió.
             ,
-            downloadImages: currentTray === _GalleryTrayTabs.TRAYS.ASSETS ? handleOnDownloadAssets : handleOnDownloadImages,
+            downloadImages: handleOnDownloadImages,
             askToDeleteImages: handleOnAskToDeleteImages,
             showSaveButton: isAuditorAssigned() || isUserAssignedToService(),
             onClickSave: handleOnClickSave // validations
@@ -3531,7 +3391,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
             className: "services-information-container " + (imageLayout && state.active_tab === "Imágenes" ? "image-services" : ""),
             id: "services-information-container",
             children: state.saving ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-              children: [state.active_tab === "Descripción" && (((_state$product32 = state.product) === null || _state$product32 === void 0 ? void 0 : _state$product32.description_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
+              children: [state.active_tab === "Descripción" && (((_state$product31 = state.product) === null || _state$product31 === void 0 ? void 0 : _state$product31.description_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
                 activeSection: state.active_tab,
                 inputGroup: state.descriptions_inputs[0],
                 updatedDescriptions: state.updated_descriptions_inputs
@@ -3540,7 +3400,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 ,
                 variant: (_state$services2 = state.services) === null || _state$services2 === void 0 ? void 0 : (_state$services2$data = _state$services2.datasheets) === null || _state$services2$data === void 0 ? void 0 : _state$services2$data.variant,
                 onRestoreInheritance: handleOnRestoreInheritance,
-                articleId: (_state$product33 = state.product) === null || _state$product33 === void 0 ? void 0 : _state$product33.id_article,
+                articleId: (_state$product32 = state.product) === null || _state$product32 === void 0 ? void 0 : _state$product32.id_article,
                 version: state.product.version,
                 auditInputGroup: auditDescriptions[0],
                 setUpdatedDescriptions: handleOnSetUpdatedDescriptions,
@@ -3549,7 +3409,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
                 text: "No cuentas con este servicio",
                 headerType: "input-name-header"
-              })), state.active_tab === "Ficha técnica" && (((_state$product34 = state.product) === null || _state$product34 === void 0 ? void 0 : _state$product34.datasheet_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+              })), state.active_tab === "Ficha técnica" && (((_state$product33 = state.product) === null || _state$product33 === void 0 ? void 0 : _state$product33.datasheet_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
                 children: (_state$datasheets_inp = state.datasheets_inputs[0]) === null || _state$datasheets_inp === void 0 ? void 0 : (_state$datasheets_inp2 = _state$datasheets_inp.data) === null || _state$datasheets_inp2 === void 0 ? void 0 : _state$datasheets_inp2.map(function (dataGroup, index) {
                   var _state$services3, _state$services3$data;
 
@@ -3570,33 +3430,15 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
                 text: "No cuentas con este servicio",
                 headerType: "input-name-header"
-              })), state.active_tab === "Imágenes" && (((_state$product35 = state.product) === null || _state$product35 === void 0 ? void 0 : _state$product35.images_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                children: [enableDigitalAssets && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryTrayTabs.GalleryTrayTabs, {
-                  activeTray: currentTray,
-                  setActiveTray: setActiveTray,
-                  imagesCount: (_state$images_values$3 = (_state$images_values14 = state.images_values) === null || _state$images_values14 === void 0 ? void 0 : (_state$images_values15 = _state$images_values14.values) === null || _state$images_values15 === void 0 ? void 0 : _state$images_values15.length) !== null && _state$images_values$3 !== void 0 ? _state$images_values$3 : 0,
-                  assetsCount: digitalAssets.assets.length
-                }), currentTray === _GalleryTrayTabs.TRAYS.ASSETS && /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
-                  className: "container",
-                  style: {
-                    position: "relative"
-                  },
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DigitalAssetsTray.DigitalAssetsTray, (0, _objectSpread5.default)((0, _objectSpread5.default)({}, digitalAssets), {}, {
-                    unsaved: (0, _assets.countUnsavedAssets)(state),
-                    gridLayout: imageLayout,
-                    readOnly: !isAuditorAssigned() && !isUserAssignedToService(),
-                    selectedAssets: state.selected_assets,
-                    setSelectedAssets: handleOnSetSelectedAssets,
-                    setCheckAll: handleOnSetAllAssetsChecked
-                  }))
-                }), currentTray === _GalleryTrayTabs.TRAYS.IMAGES && !imageLayout && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryHeader.GalleryHeader, {
+              })), state.active_tab === "Imágenes" && (((_state$product34 = state.product) === null || _state$product34 === void 0 ? void 0 : _state$product34.images_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+                children: [!imageLayout && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryHeader.GalleryHeader, {
                   checkAll: state.all_image_checked // Determina si el checkbox "Seleccionar todo" está marcado
                   ,
                   setCheckAll: handleOnSetCheckAll // Toggler de true o false para el checkbox "Seleccionar todo"
                   ,
                   setSelectedImages: handleOnSetSelectedImages // shotThd={shotThd} // No se usa?
 
-                }), currentTray === _GalleryTrayTabs.TRAYS.IMAGES && /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
+                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
                   className: "container",
                   style: {
                     position: "relative"
@@ -3612,7 +3454,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("aside", {
                       children: thumbs()
                     })]
-                  })), ((_state$images_values16 = state.images_values) === null || _state$images_values16 === void 0 ? void 0 : (_state$images_values17 = _state$images_values16.values) === null || _state$images_values17 === void 0 ? void 0 : _state$images_values17.length) === 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+                  })), ((_state$images_values12 = state.images_values) === null || _state$images_values12 === void 0 ? void 0 : _state$images_values12.values.length) === 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
                     style: {
                       position: "absolute",
                       top: "50%",
@@ -3680,20 +3522,20 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 reviewed: crossComment
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
                 buttonType: "circular-button accept-button",
-                onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee20() {
-                  return _regenerator.default.wrap(function _callee20$(_context20) {
+                onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee19() {
+                  return _regenerator.default.wrap(function _callee19$(_context19) {
                     while (1) {
-                      switch (_context20.prev = _context20.next) {
+                      switch (_context19.prev = _context19.next) {
                         case 0:
                           setCrossComment(true);
                           commentRevised();
 
                         case 2:
                         case "end":
-                          return _context20.stop();
+                          return _context19.stop();
                       }
                     }
-                  }, _callee20);
+                  }, _callee19);
                 }))
               })]
             }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {