contentoh-components-library 21.6.51 → 21.6.53

package/dist/components/pages/RetailerProductEdition/context/provider-product-edition.context.js

@@ -67,7 +67,7 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
       dispatch = _useReducer2[1];
 
   var saveDescriptions = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(token) {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(token, propagation) {
       var _state$product, _state$product2;
 
       var dataObject, _state$product3, res, inputs, filledRequiredCount;
@@ -88,10 +88,12 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
                 type: "SET_SAVING",
                 payload: true
               });
-              dataObject = {
+              dataObject = (0, _objectSpread2.default)({
                 articleId: (_state$product = state.product) === null || _state$product === void 0 ? void 0 : _state$product.id_article,
                 articleData: state.updated_descriptions_inputs
-              }; // console.log({dataObject});
+              }, propagation ? {
+                propagation: propagation
+              } : {}); // console.log({dataObject});
 
               if ((_state$product2 = state.product) !== null && _state$product2 !== void 0 && _state$product2.id_order) {
                 dataObject.orderId = (_state$product3 = state.product) === null || _state$product3 === void 0 ? void 0 : _state$product3.id_order;
@@ -186,7 +188,7 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
       }, _callee, null, [[5, 12, 16, 19]]);
     }));
 
-    return function saveDescriptions(_x) {
+    return function saveDescriptions(_x, _x2) {
       return _ref2.apply(this, arguments);
     };
   }();
@@ -323,7 +325,7 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
       }, _callee2, null, [[5, 12, 16, 19]]);
     }));
 
-    return function saveDatasheets(_x2, _x3) {
+    return function saveDatasheets(_x3, _x4) {
       return _ref3.apply(this, arguments);
     };
   }();
@@ -526,7 +528,7 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
       }, _callee3, null, [[16, 28, 33, 36]]);
     }));
 
-    return function updateImages(_x4) {
+    return function updateImages(_x5) {
       return _ref4.apply(this, arguments);
     };
   }();
@@ -641,7 +643,7 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
       }, _callee4, null, [[7, 14, 19, 22]]);
     }));
 
-    return function saveImageAttrs(_x5) {
+    return function saveImageAttrs(_x6) {
       return _ref7.apply(this, arguments);
     };
   }();
@@ -757,7 +759,7 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
       }, _callee5, null, [[4, 10, 15, 18]]);
     }));
 
-    return function deleteImages(_x6) {
+    return function deleteImages(_x7) {
       return _ref8.apply(this, arguments);
     };
   }();
@@ -804,7 +806,7 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
       }, _callee6, null, [[2, 7]]);
     }));
 
-    return function createComment(_x7, _x8) {
+    return function createComment(_x8, _x9) {
       return _ref9.apply(this, arguments);
     };
   }();

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

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RetailerProductEdition = void 0;
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
@@ -111,6 +113,7 @@ var _material = require("@mui/material");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _excluded = ["attributes"];
 var allowedAccountsToViewChangeStatus = ["mperez@contentoh.com", "gmorales@contentoh.com", "rvega@contentoh.com", "amora@contentoh.com", "maltamirano@contentoh.com", //PRODUCT DEV ACCOUNTS
 "oparra@contentoh.com", "zsegura@contentoh.com", "oserna@contentoh.com", "jalvarado@contentoh.com", //DEV ACCOUNTS
 "kikije1467@mtlcz.com", //IMÁGENES
@@ -240,7 +243,7 @@ function _regenerateVideoThumbnails() {
 }
 
 var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
-  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 _state$product10, _family$variants, _state$product11, _state$product15, _state$errors, _pendingPropagation$k, _family$variants2, _variantGroup$members3, _variantGroup$group, _state$product19, _state$product20, _state$product21, _state$active_retaile7, _state$product22, _state$product23, _state$product24, _variantGroup$group2, _location$state, _location$state2, _state$active_retaile8, _state$active_retaile9, _state$images_values$2, _state$images_values10, _state$images_values11, _state$product25, _state$active_retaile10, _family$variants3, _family$variants4, _variantGroup$members4, _variantGroup$members5, _state$active_percent, _state$active_percent2, _state$active_percent3, _state$active_retaile11, _state$active_retaile12, _state$active_retaile13, _state$product31, _state$services3, _state$services3$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,
@@ -1830,10 +1833,34 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
     return (0, _nonPropagable.soloPropagables)(cambios);
   };
+  /*
+    Lo que se acaba de editar en la pestaña de descripciones.
+     Va aparte de `cambiosDeFichaTecnica` porque son tablas distintas y el
+    endpoint recibe una lista o la otra. Aquí NO se filtran UPC ni SKU: esos son
+    atributos de ficha técnica y no aparecen en esta pestaña.
+  */
+
+
+  var cambiosDeDescripciones = function cambiosDeDescripciones() {
+    var _state$active_retaile5, _state$services$descr, _state$services2, _state$services2$desc, _state$updated_descri;
+
+    var retailerId = (_state$active_retaile5 = state.active_retailer) === null || _state$active_retaile5 === void 0 ? void 0 : _state$active_retaile5.id_retailer;
+    var inputs = (_state$services$descr = (_state$services2 = state.services) === null || _state$services2 === void 0 ? void 0 : (_state$services2$desc = _state$services2.descriptions) === null || _state$services2$desc === void 0 ? void 0 : _state$services2$desc.inputs) !== null && _state$services$descr !== void 0 ? _state$services$descr : {};
+    return ((_state$updated_descri = state.updated_descriptions_inputs) !== null && _state$updated_descri !== void 0 ? _state$updated_descri : []).map(function (item) {
+      var _input$name2;
+
+      var input = inputs["".concat(item.attributeId, "_").concat(retailerId)];
+      return {
+        id: Number(item.attributeId),
+        name: (_input$name2 = input === null || input === void 0 ? void 0 : input.name) !== null && _input$name2 !== void 0 ? _input$name2 : "Descripci\xF3n ".concat(item.attributeId),
+        value: item.value
+      };
+    });
+  };
 
   var handleOnClickSave = /*#__PURE__*/function () {
     var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11() {
-      var _familia, _familia$variants, _variantGroup$members, cambios, familia, esHijo, hijos, companeras;
+      var _variantGroup$members, _familiaDesc$variants, _familiaDesc, cambiosDesc, companerasDesc, familiaDesc, hijosDesc, _familia, _familia$variants, _variantGroup$members2, cambios, familia, esHijo, hijos, companeras;
 
       return _regenerator.default.wrap(function _callee11$(_context11) {
         while (1) {
@@ -1848,31 +1875,85 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
             case 2:
               _context11.t0 = state.active_tab;
-              _context11.next = _context11.t0 === "Descripción" ? 5 : _context11.t0 === "Ficha técnica" ? 8 : _context11.t0 === "Imágenes" ? 34 : 37;
+              _context11.next = _context11.t0 === "Descripción" ? 5 : _context11.t0 === "Ficha técnica" ? 27 : _context11.t0 === "Imágenes" ? 53 : 56;
               break;
 
             case 5:
-              _context11.next = 7;
+              /*
+                Guardar una descripción en un padre también abre la decisión de
+                propagar. Sin esto, el hijo heredaba la descripción al ligarse y se
+                quedaba con la versión vieja en cuanto el padre la corregía, sin que
+                nadie lo notara.
+              */
+              cambiosDesc = cambiosDeDescripciones();
+              companerasDesc = ((_variantGroup$members = variantGroup === null || variantGroup === void 0 ? void 0 : variantGroup.members) !== null && _variantGroup$members !== void 0 ? _variantGroup$members : []).filter(function (m) {
+                return !m.isCurrent;
+              });
+
+              if (!(esHijoDeOtro || cambiosDesc.length === 0)) {
+                _context11.next = 11;
+                break;
+              }
+
+              _context11.next = 10;
               return saveDescriptions(token);
 
-            case 7:
-              return _context11.abrupt("break", 38);
+            case 10:
+              return _context11.abrupt("break", 57);
 
-            case 8:
+            case 11:
+              setPreparandoPropagacion(true);
+              familiaDesc = null;
+              _context11.prev = 13;
+              _context11.next = 16;
+              return loadFamily(true);
+
+            case 16:
+              familiaDesc = _context11.sent;
+
+            case 17:
+              _context11.prev = 17;
+              setPreparandoPropagacion(false);
+              return _context11.finish(17);
+
+            case 20:
+              hijosDesc = ((_familiaDesc$variants = (_familiaDesc = familiaDesc) === null || _familiaDesc === void 0 ? void 0 : _familiaDesc.variants) !== null && _familiaDesc$variants !== void 0 ? _familiaDesc$variants : []).filter(function (v) {
+                return !v.isCurrent;
+              });
+
+              if (!(hijosDesc.length > 0 || companerasDesc.length > 0)) {
+                _context11.next = 24;
+                break;
+              }
+
+              setPendingPropagation({
+                cambios: cambiosDesc,
+                kind: "description"
+              });
+              return _context11.abrupt("return");
+
+            case 24:
+              _context11.next = 26;
+              return saveDescriptions(token);
+
+            case 26:
+              return _context11.abrupt("break", 57);
+
+            case 27:
               cambios = cambiosDeFichaTecnica();
 
               if (!(cambios.length === 0)) {
-                _context11.next = 13;
+                _context11.next = 32;
                 break;
               }
 
-              _context11.next = 12;
+              _context11.next = 31;
               return saveDatasheets(token);
 
-            case 12:
-              return _context11.abrupt("break", 38);
+            case 31:
+              return _context11.abrupt("break", 57);
 
-            case 13:
+            case 32:
               /*
                 Guardar un padre con hijos abre la decisión de propagar. Sin este paso
                 el cambio se queda solo en el padre y los hijos se van separando de él
@@ -1889,21 +1970,21 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               */
               setPreparandoPropagacion(true);
               familia = null;
-              _context11.prev = 15;
-              _context11.next = 18;
+              _context11.prev = 34;
+              _context11.next = 37;
               return loadFamily(true);
 
-            case 18:
+            case 37:
               familia = _context11.sent;
 
-            case 19:
-              _context11.prev = 19;
+            case 38:
+              _context11.prev = 38;
               setPreparandoPropagacion(false);
-              return _context11.finish(19);
+              return _context11.finish(38);
 
-            case 22:
+            case 41:
               if (!(!familia || familia.error)) {
-                _context11.next = 25;
+                _context11.next = 44;
                 break;
               }
 
@@ -1942,7 +2023,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
               return _context11.abrupt("return");
 
-            case 25:
+            case 44:
               /*
                 Un HIJO no propaga a nadie, y hay que decirlo explícitamente.
                  `familia.variants` mira la familia desde el PADRE —eso es lo correcto
@@ -1962,48 +2043,49 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 puede copiar igual. Si no se miraran, guardar no ofrecería nada.
               */
 
-              companeras = ((_variantGroup$members = variantGroup === null || variantGroup === void 0 ? void 0 : variantGroup.members) !== null && _variantGroup$members !== void 0 ? _variantGroup$members : []).filter(function (m) {
+              companeras = ((_variantGroup$members2 = variantGroup === null || variantGroup === void 0 ? void 0 : variantGroup.members) !== null && _variantGroup$members2 !== void 0 ? _variantGroup$members2 : []).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 (!(!esHijo && (hijos.length > 0 || companeras.length > 0))) {
-                _context11.next = 31;
+                _context11.next = 50;
                 break;
               }
 
               setPendingPropagation({
-                cambios: cambios
+                cambios: cambios,
+                kind: "datasheet"
               });
               return _context11.abrupt("return");
 
-            case 31:
-              _context11.next = 33;
+            case 50:
+              _context11.next = 52;
               return saveDatasheets(token);
 
-            case 33:
-              return _context11.abrupt("break", 38);
+            case 52:
+              return _context11.abrupt("break", 57);
 
-            case 34:
-              _context11.next = 36;
+            case 53:
+              _context11.next = 55;
               return updateImages(token);
 
-            case 36:
-              return _context11.abrupt("break", 38);
+            case 55:
+              return _context11.abrupt("break", 57);
 
-            case 37:
-              return _context11.abrupt("break", 38);
+            case 56:
+              return _context11.abrupt("break", 57);
 
-            case 38:
-              _context11.next = 40;
+            case 57:
+              _context11.next = 59;
               return loadData(false);
 
-            case 40:
+            case 59:
             case "end":
               return _context11.stop();
           }
         }
-      }, _callee11, null, [[15,, 19, 22]]);
+      }, _callee11, null, [[13,, 17, 20], [34,, 38, 41]]);
     }));
 
     return function handleOnClickSave() {
@@ -2102,7 +2184,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
   var sendSingleEvaluation = /*#__PURE__*/function () {
     var _ref18 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13(result) {
-      var _state$product$id_ord, _state$active_retaile5;
+      var _state$product$id_ord, _state$active_retaile6;
 
       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;
 
@@ -2127,7 +2209,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               orderId = (_state$product$id_ord = state.product.id_order) !== null && _state$product$id_ord !== void 0 ? _state$product$id_ord : state.product.orderId;
               sectionStatusKey = "".concat(concept, "_status");
               evalStatus = state.product[sectionStatusKey];
-              retailerId = (_state$active_retaile5 = state.active_retailer) === null || _state$active_retaile5 === void 0 ? void 0 : _state$active_retaile5.id_retailer;
+              retailerId = (_state$active_retaile6 = state.active_retailer) === null || _state$active_retaile6 === void 0 ? void 0 : _state$active_retaile6.id_retailer;
               data = {
                 articleId: articleId,
                 orderId: orderId,
@@ -2927,10 +3009,11 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
       headerTop: headerTop,
       children: [pendingPropagation && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PropagateChangesModal.PropagateChangesModal, {
         changedAttributes: pendingPropagation.cambios,
+        kind: (_pendingPropagation$k = pendingPropagation.kind) !== null && _pendingPropagation$k !== void 0 ? _pendingPropagation$k : "datasheet",
         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) {
+        groupMembers: ((_variantGroup$members3 = variantGroup === null || variantGroup === void 0 ? void 0 : variantGroup.members) !== null && _variantGroup$members3 !== void 0 ? _variantGroup$members3 : []).filter(function (m) {
           return !m.isCurrent;
         }),
         groupCode: (_variantGroup$group = variantGroup === null || variantGroup === void 0 ? void 0 : variantGroup.group) !== null && _variantGroup$group !== void 0 ? _variantGroup$group : null,
@@ -2939,14 +3022,37 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
           return setPendingPropagation(null);
         },
         onConfirm: function onConfirm(propagation) {
+          var esDescripcion = pendingPropagation.kind === "description";
           setPendingPropagation(null);
-          saveDatasheets(token, propagation !== null && propagation !== void 0 ? propagation : undefined);
+
+          if (!propagation) {
+            if (esDescripcion) saveDescriptions(token);else saveDatasheets(token);
+            return;
+          }
+          /*
+            El diálogo habla de «atributos» porque es el mismo componente
+            para las dos pestañas. Al guardar hay que ponerlo en la lista
+            que corresponde: el servidor recibe `attributes` o
+            `descriptions`, nunca una por la otra.
+          */
+
+
+          var attributes = propagation.attributes,
+              destinos = (0, _objectWithoutProperties2.default)(propagation, _excluded);
+
+          if (esDescripcion) {
+            saveDescriptions(token, (0, _objectSpread5.default)((0, _objectSpread5.default)({}, destinos), {}, {
+              descriptions: attributes
+            }));
+          } else {
+            saveDatasheets(token, propagation);
+          }
         }
       }), showLinkVariants && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkVariantsModal.LinkVariantsModal, {
         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,
+        activeRetailerId: (_state$active_retaile7 = state.active_retailer) === null || _state$active_retaile7 === void 0 ? void 0 : _state$active_retaile7.id_retailer,
         token: token,
         onClose: function onClose() {
           return setShowLinkVariants(false);
@@ -3108,8 +3214,8 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
         productSelected: state.product,
         token: token,
         activeRetailer: {
-          id: (_state$active_retaile7 = state.active_retailer) === null || _state$active_retaile7 === void 0 ? void 0 : _state$active_retaile7.id_retailer,
-          name: (_state$active_retaile8 = state.active_retailer) === null || _state$active_retaile8 === void 0 ? void 0 : _state$active_retaile8.retailer
+          id: (_state$active_retaile8 = state.active_retailer) === null || _state$active_retaile8 === void 0 ? void 0 : _state$active_retaile8.id_retailer,
+          name: (_state$active_retaile9 = state.active_retailer) === null || _state$active_retaile9 === void 0 ? void 0 : _state$active_retaile9.retailer
         }
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "data-container",
@@ -3126,7 +3232,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
             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$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,
+            retailerSelected: (_state$active_retaile10 = state.active_retailer) === null || _state$active_retaile10 === void 0 ? void 0 : _state$active_retaile10.id_retailer,
             isRetailer: isRetailer,
             version: state.product.version,
             shotThd: shotThd,
@@ -3297,7 +3403,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
             })]
           }), 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) {
+            children: [((_variantGroup$members4 = variantGroup.members) !== null && _variantGroup$members4 !== void 0 ? _variantGroup$members4 : []).filter(function (miembro) {
               return !miembro.isCurrent;
             }).map(function (miembro) {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -3321,7 +3427,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   })]
                 })
               }, miembro.articleId);
-            }), ((_variantGroup$members4 = variantGroup.members) !== null && _variantGroup$members4 !== void 0 ? _variantGroup$members4 : []).filter(function (m) {
+            }), ((_variantGroup$members5 = variantGroup.members) !== null && _variantGroup$members5 !== void 0 ? _variantGroup$members5 : []).filter(function (m) {
               return !m.isCurrent;
             }).length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
               className: "loading",
@@ -3339,9 +3445,9 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
             productObservation: observation,
             percent: (_state$active_percent = (_state$active_percent2 = state.active_percentage) === null || _state$active_percent2 === void 0 ? void 0 : (_state$active_percent3 = _state$active_percent2.percentagesGeneral) === null || _state$active_percent3 === void 0 ? void 0 : _state$active_percent3.required) !== null && _state$active_percent !== void 0 ? _state$active_percent : 0,
             activeRetailer: {
-              id: (_state$active_retaile10 = state.active_retailer) === null || _state$active_retaile10 === void 0 ? void 0 : _state$active_retaile10.id_retailer,
-              name: (_state$active_retaile11 = state.active_retailer) === null || _state$active_retaile11 === void 0 ? void 0 : _state$active_retaile11.retailer,
-              image: (_state$active_retaile12 = state.active_retailer) === null || _state$active_retaile12 === void 0 ? void 0 : _state$active_retaile12.image
+              id: (_state$active_retaile11 = state.active_retailer) === null || _state$active_retaile11 === void 0 ? void 0 : _state$active_retaile11.id_retailer,
+              name: (_state$active_retaile12 = state.active_retailer) === null || _state$active_retaile12 === void 0 ? void 0 : _state$active_retaile12.retailer,
+              image: (_state$active_retaile13 = state.active_retailer) === null || _state$active_retaile13 === void 0 ? void 0 : _state$active_retaile13.image
             },
             servicesData: state.services_data ? state.services_data : null,
             isObservationVisible: isObservationVisible // actions
@@ -3398,7 +3504,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 /* El parentesco es del producto, no del servicio: los
                    dos endpoints lo devuelven igual. */
                 ,
-                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,
+                variant: (_state$services3 = state.services) === null || _state$services3 === void 0 ? void 0 : (_state$services3$data = _state$services3.datasheets) === null || _state$services3$data === void 0 ? void 0 : _state$services3$data.variant,
                 onRestoreInheritance: handleOnRestoreInheritance,
                 articleId: (_state$product32 = state.product) === null || _state$product32 === void 0 ? void 0 : _state$product32.id_article,
                 version: state.product.version,
@@ -3411,7 +3517,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 headerType: "input-name-header"
               })), 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;
+                  var _state$services4, _state$services4$data;
 
                   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
                     articleId: state.product.id_article,
@@ -3419,7 +3525,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                     activeSection: state.active_tab,
                     inputGroup: dataGroup,
                     dataInputs: state.datasheets_inputs[1],
-                    variant: (_state$services3 = state.services) === null || _state$services3 === void 0 ? void 0 : (_state$services3$data = _state$services3.datasheets) === null || _state$services3$data === void 0 ? void 0 : _state$services3$data.variant,
+                    variant: (_state$services4 = state.services) === null || _state$services4 === void 0 ? void 0 : (_state$services4$data = _state$services4.datasheets) === null || _state$services4$data === void 0 ? void 0 : _state$services4$data.variant,
                     onRestoreInheritance: handleOnRestoreInheritance,
                     auditInputs: auditDatasheets[1],
                     updatedDatasheets: state.updated_datasheets_inputs,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.6.51",
+  "version": "21.6.53",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/components/organisms/PropagateChangesModal/index.js

@@ -40,6 +40,9 @@ const UMBRAL_SEGUNDO_PLANO = 20;
 
 export const PropagateChangesModal = ({
   changedAttributes: cambiosRecibidos = [],
+  // Qué se está propagando. El componente sirve a las dos pestañas y solo
+  // cambia cómo se nombra lo que el usuario acaba de editar.
+  kind = "datasheet",
   variants = [],
   groupMembers = [],
   groupCode = null,
@@ -56,6 +59,10 @@ export const PropagateChangesModal = ({
   */
   const changedAttributes = soloPropagables(cambiosRecibidos);
 
+  const esDescripcion = kind === "description";
+  const sustantivo = esDescripcion ? "descripción" : "atributo";
+  const plural = esDescripcion ? "descripciones" : "atributos";
+
   const [chosenAttributes, setChosenAttributes] = useState([]);
 
   /*
@@ -177,9 +184,9 @@ export const PropagateChangesModal = ({
             {" pueden recibir este cambio"}
           </h2>
           <p>
-            Cambiaste {changedAttributes.length} atributo
-            {changedAttributes.length === 1 ? "" : "s"}. Elige cuáles se copian y
-            a quiénes; el resto se guarda solo en este producto.
+            Cambiaste {changedAttributes.length}{" "}
+            {changedAttributes.length === 1 ? sustantivo : plural}. Elige cuáles
+            se copian y a quiénes; el resto se guarda solo en este producto.
           </p>
         </Header>
 

package/src/components/pages/ProviderProductEdition/context/provider-product-edition.context.jsx

@@ -49,7 +49,7 @@ export const useProviderProductEdition = () => {
 export const ProviderProductEditionProvider = ({ children }) => {
   const [state, dispatch] = useReducer(productEditionReducer, initialState);
 
-  const saveDescriptions = async (token) => {
+  const saveDescriptions = async (token, propagation) => {
     if (state.updated_descriptions_inputs.length === 0) return;
 
     dispatch({ type: "SET_SAVING", payload: true });
@@ -57,6 +57,7 @@ export const ProviderProductEditionProvider = ({ children }) => {
     const dataObject = {
       articleId: state.product?.id_article,
       articleData: state.updated_descriptions_inputs,
+      ...(propagation ? { propagation } : {}),
     };
 
     // Marcar todos los items como aprobados