contentoh-components-library 21.6.36 → 21.6.38

package/dist/components/atoms/InheritanceTag/index.js

@@ -16,6 +16,10 @@ var _jsxRuntime = require("react/jsx-runtime");
  *
  * El estado "propio" es el que carga información —ese campo se separó del padre—
  * así que es el que lleva acento y el que ofrece la acción de volver a heredar.
+ *
+ * OJO: "propio" ya NO significa "a salvo de la propagación". Desde el cambio del
+ * 2026-09-01 la propagación sobrescribe también estos valores; el aviso de que va
+ * a pasar vive en el diálogo de propagación, no aquí. El tooltip lo dice así.
  * "Heredado" es el caso normal y se mantiene discreto: si gritara en cada campo,
  * la ficha entera se volvería ruido.
  *
@@ -51,9 +55,9 @@ var InheritanceTag = function InheritanceTag(_ref) {
     className: "inheritance-tag ".concat(state, " ").concat(className),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "tag-label",
-      title: isOverridden ? "Valor propio de este producto hijo. La propagación del padre no lo modifica." : "Valor heredado".concat(parentUpc ? " del producto ".concat(parentUpc) : " del producto padre", "."),
+      title: isOverridden ? "Valor capturado en este producto hijo, distinto al del padre. Si el padre propaga este atributo, se reemplaza." : "Valor heredado".concat(parentUpc ? " del producto ".concat(parentUpc) : " del producto padre", "."),
       children: isOverridden ? "Propio" : "Heredado"
-    }), isOverridden && onRestore && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+    }), Boolean(isOverridden) && onRestore && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
       type: "button",
       className: "tag-action",
       onClick: onRestore,

package/dist/components/molecules/TagAndInput/index.js

@@ -420,7 +420,7 @@ var TagAndInput = function TagAndInput(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     inputType: inputType,
     className: "input-container",
-    children: [(label === null || label === void 0 ? void 0 : label.length) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [Boolean(label === null || label === void 0 ? void 0 : label.length) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "title-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "titles",

package/dist/components/molecules/TagAndInputv2/index.js

@@ -54,7 +54,7 @@ var TagAndInputv2 = function TagAndInputv2(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     inputType: inputType,
     className: "input-container",
-    children: [(label === null || label === void 0 ? void 0 : label.length) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [Boolean(label === null || label === void 0 ? void 0 : label.length) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "title-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeaderv.ScreenHeaderv2, {
         text: label,

package/dist/components/organisms/LinkVariantsModal/index.js

@@ -150,8 +150,7 @@ var LinkVariantsModal = function LinkVariantsModal(_ref) {
   var _useState21 = (0, _react.useState)({
     attributes: [],
     descriptions: [],
-    images: [],
-    categoryRetailers: []
+    images: []
   }),
       _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
       offered = _useState22[0],
@@ -160,8 +159,7 @@ var LinkVariantsModal = function LinkVariantsModal(_ref) {
   var _useState23 = (0, _react.useState)({
     attributes: [],
     descriptions: [],
-    images: [],
-    categoryRetailers: []
+    images: []
   }),
       _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
       chosen = _useState24[0],
@@ -177,7 +175,6 @@ var LinkVariantsModal = function LinkVariantsModal(_ref) {
 
 
   var _useState27 = (0, _react.useState)({
-    categoryRetailers: null,
     descriptions: null,
     attributes: null,
     images: null
@@ -451,19 +448,16 @@ var LinkVariantsModal = function LinkVariantsModal(_ref) {
               listas = {
                 attributes: data.attributes || [],
                 descriptions: data.descriptions || [],
-                images: data.images || [],
-                categoryRetailers: data.categoryRetailers || []
+                images: data.images || []
               };
               setOffered(listas);
               setNameScope((_data$nameScope = data.nameScope) !== null && _data$nameScope !== void 0 ? _data$nameScope : null);
               setChosen({
                 attributes: [],
                 descriptions: [],
-                images: [],
-                categoryRetailers: []
+                images: []
               });
               setModes({
-                categoryRetailers: null,
                 descriptions: null,
                 attributes: null,
                 images: null
@@ -544,34 +538,28 @@ var LinkVariantsModal = function LinkVariantsModal(_ref) {
   });
 
   var buildInherit = function buildInherit(seleccion) {
-    var parejas = offered.categoryRetailers.map(function (item) {
-      return {
-        clave: "".concat(item.retailerId, "-").concat(item.categoryId),
-        retailerId: item.retailerId,
-        categoryId: item.categoryId
-      };
-    });
     return {
       attributes: seleccion.modes.attributes === "all" ? "all-filled" : seleccion.chosen.attributes,
       descriptions: seleccion.modes.descriptions === "all" ? "all" : seleccion.chosen.descriptions,
       images: seleccion.modes.images === "all" ? "all" : seleccion.chosen.images,
-      categoryRetailers: parejas.filter(function (par) {
-        return seleccion.chosen.categoryRetailers.includes(par.clave);
-      }).map(function (_ref6) {
-        var retailerId = _ref6.retailerId,
-            categoryId = _ref6.categoryId;
-        return {
-          retailerId: retailerId,
-          categoryId: categoryId
-        };
-      })
+
+      /*
+        Siempre "all", nunca una lista.
+         El hijo se queda con las cadenas del padre, sin preguntar. No es una
+        preferencia: es lo que hace que la copia de atributos SE VEA. La ficha
+        arma su lista desde `attribute_manager` acotado por las cadenas del
+        propio producto, así que un valor copiado a un atributo que la cadena del
+        hijo no configura queda escrito y invisible.
+         Se manda la palabra y no la lista para que signifique "todas" también si
+        alguien agregó una cadena al padre entre abrir el modal y guardar.
+      */
+      categoryRetailers: "all"
     };
   };
 
   var seleccionVacia = function seleccionVacia() {
     return {
       modes: {
-        categoryRetailers: null,
         descriptions: null,
         attributes: null,
         images: null
@@ -579,8 +567,7 @@ var LinkVariantsModal = function LinkVariantsModal(_ref) {
       chosen: {
         attributes: [],
         descriptions: [],
-        images: [],
-        categoryRetailers: []
+        images: []
       }
     };
   };
@@ -606,7 +593,7 @@ var LinkVariantsModal = function LinkVariantsModal(_ref) {
   };
 
   var submit = /*#__PURE__*/function () {
-    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
+    var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
       var inherit, inheritByChild, body, data;
       return _regenerator.default.wrap(function _callee5$(_context5) {
         while (1) {
@@ -678,24 +665,19 @@ var LinkVariantsModal = function LinkVariantsModal(_ref) {
     }));
 
     return function submit() {
-      return _ref7.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }(); // Una dimensión está decidida si el usuario eligió un modo, o si el padre no
   // ofrece nada en ella —no se puede pedir que decida sobre una lista vacía—.
 
 
   var decidida = function decidida(dimension) {
-    if (modes[dimension] !== null) return true;
-
-    if (dimension === "categoryRetailers") {
-      return offered.categoryRetailers.length === 0;
-    } // Una imagen cuyo archivo no existe no es algo sobre lo que se pueda decidir.
-
+    if (modes[dimension] !== null) return true; // Una imagen cuyo archivo no existe no es algo sobre lo que se pueda decidir.
 
     return dimension === "images" ? imagenesUtiles.length === 0 : offered[dimension].length === 0;
   };
 
-  var DIMENSIONES = ["categoryRetailers", "descriptions", "attributes", "images"]; // Con pestañas, que la que estoy viendo esté completa no basta: ligar escribe
+  var DIMENSIONES = ["descriptions", "attributes", "images"]; // Con pestañas, que la que estoy viendo esté completa no basta: ligar escribe
   // en todos, así que todos tienen que estar decididos. Si no, un producto se
   // ligaría sin heredar nada solo porque nadie abrió su pestaña.
 
@@ -707,24 +689,19 @@ var LinkVariantsModal = function LinkVariantsModal(_ref) {
     if (!guardado) return false;
     return DIMENSIONES.every(function (dimension) {
       if (guardado.modes[dimension] !== null) return true;
-
-      if (dimension === "categoryRetailers") {
-        return offered.categoryRetailers.length === 0;
-      }
-
       return dimension === "images" ? imagenesUtiles.length === 0 : offered[dimension].length === 0;
     });
   };
 
   var todoDecidido = step === "inherit" && (mode === "parent" ? pushToParent !== null : applyToAll ? DIMENSIONES.every(decidida) : selected.every(decididoPara));
-  var faltantes = [["categoryRetailers", "cadenas"], ["descriptions", "descripciones"], ["attributes", "atributos"], ["images", "imágenes"]].filter(function (_ref8) {
-    var _ref9 = (0, _slicedToArray2.default)(_ref8, 1),
-        clave = _ref9[0];
+  var faltantes = [["descriptions", "descripciones"], ["attributes", "atributos"], ["images", "imágenes"]].filter(function (_ref7) {
+    var _ref8 = (0, _slicedToArray2.default)(_ref7, 1),
+        clave = _ref8[0];
 
     return !decidida(clave);
-  }).map(function (_ref10) {
-    var _ref11 = (0, _slicedToArray2.default)(_ref10, 2),
-        nombre = _ref11[1];
+  }).map(function (_ref9) {
+    var _ref10 = (0, _slicedToArray2.default)(_ref9, 2),
+        nombre = _ref10[1];
 
     return nombre;
   });
@@ -1003,73 +980,6 @@ var LinkVariantsModal = function LinkVariantsModal(_ref) {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                 className: "paso",
                 children: "1"
-              }), " Cadenas y categor\xEDas"]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Choices, {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-                  type: "radio",
-                  name: "categoryRetailers-".concat(activeChild !== null && activeChild !== void 0 ? activeChild : "todos"),
-                  checked: modes.categoryRetailers === "all",
-                  onChange: function onChange() {
-                    return chooseMode("categoryRetailers", "all", offered.categoryRetailers.map(function (item) {
-                      return "".concat(item.retailerId, "-").concat(item.categoryId);
-                    }));
-                  }
-                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-                  children: ["Todas las del producto padre", /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-                    className: "hint",
-                    children: [offered.categoryRetailers.length, " cadena(s)."]
-                  })]
-                })]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-                  type: "radio",
-                  name: "categoryRetailers-".concat(activeChild !== null && activeChild !== void 0 ? activeChild : "todos"),
-                  checked: modes.categoryRetailers === "some",
-                  onChange: function onChange() {
-                    return chooseMode("categoryRetailers", "some", []);
-                  }
-                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-                  children: ["Elegir cu\xE1les", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                    className: "hint",
-                    children: "Solo se puede heredar de las que ya tiene el padre."
-                  })]
-                })]
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.List, {
-              children: offered.categoryRetailers.map(function (item) {
-                return (0, _objectSpread7.default)((0, _objectSpread7.default)({}, item), {}, {
-                  clave: "".concat(item.retailerId, "-").concat(item.categoryId)
-                });
-              }).map(function (item) {
-                return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-                      type: "checkbox",
-                      disabled: modes.categoryRetailers === "all",
-                      checked: chosen.categoryRetailers.includes(item.clave),
-                      onChange: function onChange() {
-                        return toggleChoice("categoryRetailers", item.clave);
-                      }
-                    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                      className: "logo",
-                      src: (0, _helper.getRetailerPicture)(item.retailerId, 24, 24),
-                      alt: ""
-                    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-                      children: [item.retailerName, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                        className: "meta",
-                        children: item.categoryName || "Sin categoría"
-                      })]
-                    })]
-                  })
-                }, item.clave);
-              })
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Block, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("h3", {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                className: "paso",
-                children: "2"
               }), " Descripciones"]
             }), offered.descriptions.length ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Choices, {
@@ -1136,7 +1046,7 @@ var LinkVariantsModal = function LinkVariantsModal(_ref) {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("h3", {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                 className: "paso",
-                children: "3"
+                children: "2"
               }), " Atributos de la ficha t\xE9cnica"]
             }), offered.attributes.length ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Choices, {
@@ -1208,7 +1118,7 @@ var LinkVariantsModal = function LinkVariantsModal(_ref) {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("h3", {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                 className: "paso",
-                children: "4"
+                children: "3"
               }), " Im\xE1genes"]
             }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Choices, {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {

package/dist/components/organisms/LinkVariantsModal/styles.js

@@ -51,7 +51,7 @@ var SearchRow = _styledComponents.default.form(_templateObject6 || (_templateObj
 
 exports.SearchRow = SearchRow;
 
-var List = _styledComponents.default.ul(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  list-style: none;\n  margin: 0 0 16px;\n  padding: 0;\n  border: 1px solid ", ";\n  border-radius: 6px;\n\n  li + li {\n    border-top: 1px solid ", ";\n  }\n\n  label {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 12px;\n    cursor: pointer;\n    font-size: 13px;\n    color: ", ";\n  }\n\n  .meta {\n    display: block;\n    font-size: 12px;\n    color: ", ";\n  }\n\n  .logo {\n    width: 24px;\n    height: 24px;\n    object-fit: contain;\n    border-radius: 3px;\n    flex-shrink: 0;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n  }\n\n  li > label {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .count {\n    margin-left: auto;\n    font-size: 12px;\n    color: ", ";\n    white-space: nowrap;\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s2, _variables.GlobalColors.deep_gray, _variables.GlobalColors.gray, PINK);
+var List = _styledComponents.default.ul(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  list-style: none;\n  margin: 0 0 16px;\n  padding: 0;\n  border: 1px solid ", ";\n  border-radius: 6px;\n\n  li + li {\n    border-top: 1px solid ", ";\n  }\n\n  label {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 12px;\n    cursor: pointer;\n    font-size: 13px;\n    color: ", ";\n  }\n\n  .meta {\n    display: block;\n    font-size: 12px;\n    color: ", ";\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n  }\n\n  li > label {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .count {\n    margin-left: auto;\n    font-size: 12px;\n    color: ", ";\n    white-space: nowrap;\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s2, _variables.GlobalColors.deep_gray, _variables.GlobalColors.gray, PINK);
 
 exports.List = List;
 var AttributeList = (0, _styledComponents.default)(List)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  max-height: 220px;\n  overflow-y: auto;\n\n  .note {\n    display: block;\n    font-size: 11px;\n    font-style: italic;\n    color: ", ";\n  }\n\n  .value {\n    margin-left: auto;\n    max-width: 45%;\n    font-size: 12px;\n    color: ", ";\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n"])), _variables.GlobalColors.gray, _variables.GlobalColors.gray);

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

@@ -9,6 +9,8 @@ exports.PropagateChangesModal = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
 var _react = require("react");
@@ -27,7 +29,10 @@ var _jsxRuntime = require("react/jsx-runtime");
 
   props (* requerido):
     - *changedAttributes: [{ id, name, value }] lo que se acaba de editar
-    - *variants: [{ articleId, name, upc }] los hijos activos del padre
+    - *variants: [{ articleId, name, upc, overriddenAttributes }] los hijos
+        activos del padre. `overriddenAttributes` son los atributos que ese hijo
+        capturó a mano; la propagación los sobrescribe, y este diálogo es el
+        único lugar donde el usuario puede enterarse antes de que pase.
     - *onCancel: cerrar sin guardar nada
     - *onConfirm: (propagation | null) => void
         null            → guardar solo el padre
@@ -67,6 +72,31 @@ var PropagateChangesModal = function PropagateChangesModal(_ref) {
   var destinatarios = scope === "all" ? variants.length : chosenChildren.length;
   var puedePropagar = chosenAttributes.length > 0 && destinatarios > 0;
   var enSegundoPlano = destinatarios > UMBRAL_SEGUNDO_PLANO;
+  /*
+    A quién se le va a pisar un valor capturado a mano.
+     La propagación sobrescribe: eso se decidió a propósito, porque el usuario ya
+    eligió atributo por atributo y hijo por hijo. Pero sobrescribir en silencio
+    es otra cosa, y desde que se quitaron las etiquetas de «Heredado» y «Propio»
+    este diálogo es el único momento en que alguien puede saberlo.
+     Se recalcula con lo que está marcado ahora, no al abrir: si el usuario
+    desmarca el atributo conflictivo, el aviso desaparece — que es justo la
+    salida que el aviso debería estar ofreciendo.
+  */
+
+  var destinos = scope === "all" ? variants : variants.filter(function (item) {
+    return chosenChildren.includes(item.articleId);
+  });
+  var conValorPropio = destinos.map(function (hijo) {
+    var _hijo$overriddenAttri;
+
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, hijo), {}, {
+      pisados: ((_hijo$overriddenAttri = hijo.overriddenAttributes) !== null && _hijo$overriddenAttri !== void 0 ? _hijo$overriddenAttri : []).filter(function (id) {
+        return chosenAttributes.includes(Number(id));
+      })
+    });
+  }).filter(function (hijo) {
+    return hijo.pisados.length > 0;
+  });
 
   var toggleAttribute = function toggleAttribute(id) {
     setChosenAttributes(function (current) {
@@ -173,8 +203,11 @@ var PropagateChangesModal = function PropagateChangesModal(_ref) {
               })
             }, variant.articleId);
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Note, {
-          children: "Un hijo que haya editado alguno de estos atributos por su cuenta conserva su valor. Para devolverlo al del padre est\xE1 la acci\xF3n \xABVolver a heredar\xBB en la ficha de ese hijo."
+        }), conValorPropio.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Note, {
+          className: "accent",
+          children: [conValorPropio.length === 1 ? "Un hijo tiene un valor propio en lo que elegiste y se va a reemplazar: " : "".concat(conValorPropio.length, " hijos tienen valores propios en lo que elegiste y se van a reemplazar: "), conValorPropio.map(function (hijo) {
+            return "".concat(hijo.name || "Producto ".concat(hijo.articleId), " (").concat(hijo.pisados.length, ")");
+          }).join(", "), ". Si no quieres pisarlos, desmarca ese atributo o ese hijo."]
         }), enSegundoPlano && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Note, {
           className: "accent",
           children: ["Son m\xE1s de ", UMBRAL_SEGUNDO_PLANO, " hijos, as\xED que la propagaci\xF3n corre en segundo plano: el guardado termina antes de que todas est\xE9n actualizadas."]

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

@@ -1597,7 +1597,8 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
   var handleOnClickSave = /*#__PURE__*/function () {
     var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
-      var esPadre, cambios;
+      var _familia$variants, cambios, familia, hijos;
+
       return _regenerator.default.wrap(function _callee8$(_context8) {
         while (1) {
           switch (_context8.prev = _context8.next) {
@@ -1611,7 +1612,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
             case 2:
               _context8.t0 = state.active_tab;
-              _context8.next = _context8.t0 === "Descripción" ? 5 : _context8.t0 === "Ficha técnica" ? 8 : _context8.t0 === "Imágenes" ? 17 : 20;
+              _context8.next = _context8.t0 === "Descripción" ? 5 : _context8.t0 === "Ficha técnica" ? 8 : _context8.t0 === "Imágenes" ? 32 : 35;
               break;
 
             case 5:
@@ -1619,57 +1620,134 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               return saveDescriptions(token);
 
             case 7:
-              return _context8.abrupt("break", 21);
+              return _context8.abrupt("break", 36);
 
             case 8:
-              // 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 sin que nadie lo note.
-              esPadre = hijosDelProducto > 0;
               cambios = cambiosDeFichaTecnica();
 
-              if (!(esPadre && cambios.length > 0)) {
-                _context8.next = 14;
+              if (!(cambios.length === 0)) {
+                _context8.next = 13;
                 break;
               }
 
+              _context8.next = 12;
+              return saveDatasheets(token);
+
+            case 12:
+              return _context8.abrupt("break", 36);
+
+            case 13:
+              /*
+                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
+                sin que nadie lo note.
+                 Si tiene hijos se resuelve AQUÍ, esperando la respuesta, en vez de
+                mirar la copia en memoria. `family` es una consulta asíncrona: si
+                todavía no llegó, o si falló, `hijosDelProducto` vale 0 — o sea que
+                «todavía no sé» se leía igual que «no tiene hijos», y el padre se
+                guardaba sin ofrecer la propagación. En silencio, que es lo peor: el
+                usuario creía haber bajado el cambio a los hijos.
+                 La ficha de la aplicación de clientes no tiene el problema porque ahí
+                `state.product.variantsCount` viene del listado; aquí el producto sale
+                del endpoint de reportes, que no trae el parentesco.
+              */
               setPreparandoPropagacion(true);
-              loadFamily().then(function () {
-                return setPendingPropagation({
-                  cambios: cambios
-                });
-              }).finally(function () {
-                return setPreparandoPropagacion(false);
+              familia = null;
+              _context8.prev = 15;
+              _context8.next = 18;
+              return loadFamily(true);
+
+            case 18:
+              familia = _context8.sent;
+
+            case 19:
+              _context8.prev = 19;
+              setPreparandoPropagacion(false);
+              return _context8.finish(19);
+
+            case 22:
+              if (!(!familia || familia.error)) {
+                _context8.next = 25;
+                break;
+              }
+
+              dispatch({
+                type: "SET_MODAL",
+                payload: {
+                  show: true,
+                  title: "No se pudo consultar la familia",
+                  message: "No pudimos saber si este producto tiene hijos, así que no sabemos si hay que bajarles el cambio. Vuelve a intentar el guardado; si sigue fallando, guarda y revisa los hijos a mano.",
+                  image: _genericModalWarning.default,
+                  buttons: [{
+                    text: "Entendido",
+                    buttonType: "general-white-button",
+                    action: function action() {
+                      return dispatch({
+                        type: "SET_MODAL",
+                        payload: {
+                          show: false
+                        }
+                      });
+                    }
+                  }, {
+                    text: "Guardar solo este producto",
+                    buttonType: "general-button-default",
+                    action: function action() {
+                      dispatch({
+                        type: "SET_MODAL",
+                        payload: {
+                          show: false
+                        }
+                      });
+                      saveDatasheets(token);
+                    }
+                  }]
+                }
               });
               return _context8.abrupt("return");
 
-            case 14:
-              _context8.next = 16;
+            case 25:
+              hijos = ((_familia$variants = familia.variants) !== null && _familia$variants !== void 0 ? _familia$variants : []).filter(function (v) {
+                return !v.isCurrent;
+              });
+
+              if (!(hijos.length > 0)) {
+                _context8.next = 29;
+                break;
+              }
+
+              setPendingPropagation({
+                cambios: cambios
+              });
+              return _context8.abrupt("return");
+
+            case 29:
+              _context8.next = 31;
               return saveDatasheets(token);
 
-            case 16:
-              return _context8.abrupt("break", 21);
+            case 31:
+              return _context8.abrupt("break", 36);
 
-            case 17:
-              _context8.next = 19;
+            case 32:
+              _context8.next = 34;
               return updateImages(token);
 
-            case 19:
-              return _context8.abrupt("break", 21);
+            case 34:
+              return _context8.abrupt("break", 36);
 
-            case 20:
-              return _context8.abrupt("break", 21);
+            case 35:
+              return _context8.abrupt("break", 36);
 
-            case 21:
-              _context8.next = 23;
+            case 36:
+              _context8.next = 38;
               return loadData(false);
 
-            case 23:
+            case 38:
             case "end":
               return _context8.stop();
           }
         }
-      }, _callee8);
+      }, _callee8, null, [[15,, 19, 22]]);
     }));
 
     return function handleOnClickSave() {

package/package.json

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

package/src/components/atoms/InheritanceTag/index.js

@@ -7,6 +7,10 @@ import { Container } from "./styles";
  *
  * El estado "propio" es el que carga información —ese campo se separó del padre—
  * así que es el que lleva acento y el que ofrece la acción de volver a heredar.
+ *
+ * OJO: "propio" ya NO significa "a salvo de la propagación". Desde el cambio del
+ * 2026-09-01 la propagación sobrescribe también estos valores; el aviso de que va
+ * a pasar vive en el diálogo de propagación, no aquí. El tooltip lo dice así.
  * "Heredado" es el caso normal y se mantiene discreto: si gritara en cada campo,
  * la ficha entera se volvería ruido.
  *
@@ -41,14 +45,20 @@ export const InheritanceTag = ({
         className="tag-label"
         title={
           isOverridden
-            ? "Valor propio de este producto hijo. La propagación del padre no lo modifica."
+            ? "Valor capturado en este producto hijo, distinto al del padre. Si el padre propaga este atributo, se reemplaza."
             : `Valor heredado${parentUpc ? ` del producto ${parentUpc}` : " del producto padre"}.`
         }
       >
         {isOverridden ? "Propio" : "Heredado"}
       </span>
 
-      {isOverridden && onRestore && (
+      {/* `Boolean`, no `isOverridden` a secas.
+
+          `is_overridden` llega como NÚMERO (0/1) desde la API y el reducer. Con
+          `{isOverridden && ...}`, un 0 se evalúa a 0 y React IMPRIME el texto
+          «0» — ese era el cero que aparecía en el hueco de la acción justo
+          después de pulsar «Volver a heredar», que es cuando el valor pasa a 0. */}
+      {Boolean(isOverridden) && onRestore && (
         <button type="button" className="tag-action" onClick={onRestore}>
           {restoreLabel}
         </button>

package/src/components/molecules/TagAndInput/index.js

@@ -321,7 +321,9 @@ export const TagAndInput = ({
       className={"input-container"}
       key={`generalTagInput-${inputType}`}
     >
-      {label?.length && (
+      {/* `Boolean`, no `label?.length`: con la etiqueta en cadena vacía la
+          expresión valía 0 y React imprimía un «0» en la ficha. */}
+      {Boolean(label?.length) && (
         <div className="title-container">
           <div className="titles">
             <ScreenHeader

package/src/components/molecules/TagAndInputv2/index.js

@@ -46,7 +46,9 @@ export const TagAndInputv2 = ({
       className={"input-container"}
       key={`generalTagInput-${inputType}`}
     >
-      {label?.length && (
+      {/* `Boolean`, no `label?.length`: con la etiqueta en cadena vacía la
+          expresión valía 0 y React imprimía un «0» en la ficha. */}
+      {Boolean(label?.length) && (
         <div className="title-container">
           <ScreenHeaderv2
             text={label}

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

@@ -2,7 +2,7 @@ import { useCallback, useEffect, useMemo, useState } from "react";
 import axios from "axios";
 
 import { readPayload, ApiError } from "./api";
-import { getProductImage, getRetailerPicture } from "../../../_utils/helper";
+import { getProductImage } from "../../../_utils/helper";
 
 import {
   Overlay,
@@ -106,13 +106,11 @@ export const LinkVariantsModal = ({
     attributes: [],
     descriptions: [],
     images: [],
-    categoryRetailers: [],
   });
   const [chosen, setChosen] = useState({
     attributes: [],
     descriptions: [],
     images: [],
-    categoryRetailers: [],
   });
   const [nameScope, setNameScope] = useState(null);
 
@@ -121,7 +119,6 @@ export const LinkVariantsModal = ({
   // se pudiera ligar sin haber mirado nada, que es justo lo que hay que evitar
   // en una operación que sobrescribe valores capturados.
   const [modes, setModes] = useState({
-    categoryRetailers: null,
     descriptions: null,
     attributes: null,
     images: null,
@@ -285,7 +282,6 @@ export const LinkVariantsModal = ({
         attributes: data.attributes || [],
         descriptions: data.descriptions || [],
         images: data.images || [],
-        categoryRetailers: data.categoryRetailers || [],
       };
 
       setOffered(listas);
@@ -294,10 +290,8 @@ export const LinkVariantsModal = ({
         attributes: [],
         descriptions: [],
         images: [],
-        categoryRetailers: [],
       });
       setModes({
-        categoryRetailers: null,
         descriptions: null,
         attributes: null,
         images: null,
@@ -367,12 +361,6 @@ export const LinkVariantsModal = ({
   );
 
   const buildInherit = (seleccion) => {
-    const parejas = offered.categoryRetailers.map((item) => ({
-      clave: `${item.retailerId}-${item.categoryId}`,
-      retailerId: item.retailerId,
-      categoryId: item.categoryId,
-    }));
-
     return {
       attributes:
         seleccion.modes.attributes === "all"
@@ -384,15 +372,24 @@ export const LinkVariantsModal = ({
           : seleccion.chosen.descriptions,
       images:
         seleccion.modes.images === "all" ? "all" : seleccion.chosen.images,
-      categoryRetailers: parejas
-        .filter((par) => seleccion.chosen.categoryRetailers.includes(par.clave))
-        .map(({ retailerId, categoryId }) => ({ retailerId, categoryId })),
+      /*
+        Siempre "all", nunca una lista.
+
+        El hijo se queda con las cadenas del padre, sin preguntar. No es una
+        preferencia: es lo que hace que la copia de atributos SE VEA. La ficha
+        arma su lista desde `attribute_manager` acotado por las cadenas del
+        propio producto, así que un valor copiado a un atributo que la cadena del
+        hijo no configura queda escrito y invisible.
+
+        Se manda la palabra y no la lista para que signifique "todas" también si
+        alguien agregó una cadena al padre entre abrir el modal y guardar.
+      */
+      categoryRetailers: "all",
     };
   };
 
   const seleccionVacia = () => ({
     modes: {
-      categoryRetailers: null,
       descriptions: null,
       attributes: null,
       images: null,
@@ -401,7 +398,6 @@ export const LinkVariantsModal = ({
       attributes: [],
       descriptions: [],
       images: [],
-      categoryRetailers: [],
     },
   });
 
@@ -478,21 +474,13 @@ export const LinkVariantsModal = ({
   // ofrece nada en ella —no se puede pedir que decida sobre una lista vacía—.
   const decidida = (dimension) => {
     if (modes[dimension] !== null) return true;
-    if (dimension === "categoryRetailers") {
-      return offered.categoryRetailers.length === 0;
-    }
     // Una imagen cuyo archivo no existe no es algo sobre lo que se pueda decidir.
     return dimension === "images"
       ? imagenesUtiles.length === 0
       : offered[dimension].length === 0;
   };
 
-  const DIMENSIONES = [
-    "categoryRetailers",
-    "descriptions",
-    "attributes",
-    "images",
-  ];
+  const DIMENSIONES = ["descriptions", "attributes", "images"];
 
   // Con pestañas, que la que estoy viendo esté completa no basta: ligar escribe
   // en todos, así que todos tienen que estar decididos. Si no, un producto se
@@ -503,9 +491,6 @@ export const LinkVariantsModal = ({
 
     return DIMENSIONES.every((dimension) => {
       if (guardado.modes[dimension] !== null) return true;
-      if (dimension === "categoryRetailers") {
-        return offered.categoryRetailers.length === 0;
-      }
       return dimension === "images"
         ? imagenesUtiles.length === 0
         : offered[dimension].length === 0;
@@ -521,7 +506,6 @@ export const LinkVariantsModal = ({
       : selected.every(decididoPara));
 
   const faltantes = [
-    ["categoryRetailers", "cadenas"],
     ["descriptions", "descripciones"],
     ["attributes", "atributos"],
     ["images", "imágenes"],
@@ -858,96 +842,32 @@ export const LinkVariantsModal = ({
                 </>
               )}
 
-              {/* El orden no es casual: primero se decide en qué cadenas vive el
-                  hijo, porque de eso depende qué atributos le aplican. Las
-                  imágenes van al final: son la decisión más visual y la que menos
-                  arrastra a las demás. */}
+              {/* Ya no se pregunta por cadenas ni categorías.
 
-              <Block>
-                <h3>
-                  <span className="paso">1</span> Cadenas y categorías
-                </h3>
-                <Choices>
-                  <label>
-                    <input
-                      type="radio"
-                      name={`categoryRetailers-${activeChild ?? "todos"}`}
-                      checked={modes.categoryRetailers === "all"}
-                      onChange={() =>
-                        chooseMode(
-                          "categoryRetailers",
-                          "all",
-                          offered.categoryRetailers.map(
-                            (item) => `${item.retailerId}-${item.categoryId}`
-                          )
-                        )
-                      }
-                    />
-                    <span>
-                      Todas las del producto padre
-                      <span className="hint">
-                        {offered.categoryRetailers.length} cadena(s).
-                      </span>
-                    </span>
-                  </label>
-                  <label>
-                    <input
-                      type="radio"
-                      name={`categoryRetailers-${activeChild ?? "todos"}`}
-                      checked={modes.categoryRetailers === "some"}
-                      onChange={() =>
-                        chooseMode("categoryRetailers", "some", [])
-                      }
-                    />
-                    <span>
-                      Elegir cuáles
-                      <span className="hint">
-                        Solo se puede heredar de las que ya tiene el padre.
-                      </span>
-                    </span>
-                  </label>
-                </Choices>
+                  El valor de un atributo vive en `article_data` por (artículo,
+                  versión, atributo): no está partido por cadena, así que copiar
+                  el atributo 27 del padre al hijo es lo mismo sin importar en
+                  qué cadenas esté cada uno. Elegir cadenas aquí no cambiaba nada
+                  de eso; solo servía para decidir en qué cadenas vive el hijo, y
+                  la respuesta correcta resultó ser siempre «las del padre».
 
-                <List>
-                  {offered.categoryRetailers
-                    .map((item) => ({
-                      ...item,
-                      clave: `${item.retailerId}-${item.categoryId}`,
-                    }))
-                    .map((item) => (
-                      <li key={item.clave}>
-                        <label>
-                          <input
-                            type="checkbox"
-                            disabled={modes.categoryRetailers === "all"}
-                            checked={chosen.categoryRetailers.includes(
-                              item.clave
-                            )}
-                            onChange={() =>
-                              toggleChoice("categoryRetailers", item.clave)
-                            }
-                          />
-                          <img
-                            className="logo"
-                            src={getRetailerPicture(item.retailerId, 24, 24)}
-                            alt=""
-                          />
-                          <span>
-                            {item.retailerName}
-                            <span className="meta">
-                              {item.categoryName || "Sin categoría"}
-                            </span>
-                          </span>
-                        </label>
-                      </li>
-                    ))}
-                </List>
+                  Medido en dev sobre las 24 familias reales: cuando el hijo
+                  comparte al menos una cadena con el padre, 0 atributos quedan
+                  sin mostrarse; cuando no comparte ninguna, quedan entre 3 y 31.
+                  91 de 394 en total (23%). La razón es que la ficha arma su lista
+                  desde `attribute_manager` acotado por las cadenas DEL PROPIO
+                  producto, así que un valor copiado a un atributo que su cadena
+                  no configura se escribe pero no se ve. Heredar todas las del
+                  padre es lo que hace visible la copia.
 
-              </Block>
+                  Por eso `buildInherit` manda "all" y esto ya no se pregunta.
+
+                  El orden de lo que queda no es casual: las imágenes van al
+                  final, son la decisión más visual y la que menos arrastra. */}
 
               <Block>
                 <h3>
-                  <span className="paso">2</span> Descripciones
+                  <span className="paso">1</span> Descripciones
                 </h3>
                 {offered.descriptions.length ? (
                   <>
@@ -1030,7 +950,7 @@ export const LinkVariantsModal = ({
 
               <Block>
                 <h3>
-                  <span className="paso">3</span> Atributos de la ficha técnica
+                  <span className="paso">2</span> Atributos de la ficha técnica
                 </h3>
                 {offered.attributes.length ? (
                   <>
@@ -1127,7 +1047,7 @@ export const LinkVariantsModal = ({
               {imagenesUtiles.length > 0 && (
                 <Block>
                   <h3>
-                    <span className="paso">4</span> Imágenes
+                    <span className="paso">3</span> Imágenes
                   </h3>
                   <Choices>
                     <label>

package/src/components/organisms/LinkVariantsModal/styles.js

@@ -184,14 +184,6 @@ export const List = styled.ul`
     color: ${GlobalColors.gray};
   }
 
-  .logo {
-    width: 24px;
-    height: 24px;
-    object-fit: contain;
-    border-radius: 3px;
-    flex-shrink: 0;
-  }
-
   li {
     display: flex;
     align-items: center;

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

@@ -21,7 +21,10 @@ import {
 
   props (* requerido):
     - *changedAttributes: [{ id, name, value }] lo que se acaba de editar
-    - *variants: [{ articleId, name, upc }] los hijos activos del padre
+    - *variants: [{ articleId, name, upc, overriddenAttributes }] los hijos
+        activos del padre. `overriddenAttributes` son los atributos que ese hijo
+        capturó a mano; la propagación los sobrescribe, y este diálogo es el
+        único lugar donde el usuario puede enterarse antes de que pase.
     - *onCancel: cerrar sin guardar nada
     - *onConfirm: (propagation | null) => void
         null            → guardar solo el padre
@@ -49,6 +52,31 @@ export const PropagateChangesModal = ({
   const puedePropagar = chosenAttributes.length > 0 && destinatarios > 0;
   const enSegundoPlano = destinatarios > UMBRAL_SEGUNDO_PLANO;
 
+  /*
+    A quién se le va a pisar un valor capturado a mano.
+
+    La propagación sobrescribe: eso se decidió a propósito, porque el usuario ya
+    eligió atributo por atributo y hijo por hijo. Pero sobrescribir en silencio
+    es otra cosa, y desde que se quitaron las etiquetas de «Heredado» y «Propio»
+    este diálogo es el único momento en que alguien puede saberlo.
+
+    Se recalcula con lo que está marcado ahora, no al abrir: si el usuario
+    desmarca el atributo conflictivo, el aviso desaparece — que es justo la
+    salida que el aviso debería estar ofreciendo.
+  */
+  const destinos = scope === "all"
+    ? variants
+    : variants.filter((item) => chosenChildren.includes(item.articleId));
+
+  const conValorPropio = destinos
+    .map((hijo) => ({
+      ...hijo,
+      pisados: (hijo.overriddenAttributes ?? []).filter((id) =>
+        chosenAttributes.includes(Number(id))
+      ),
+    }))
+    .filter((hijo) => hijo.pisados.length > 0);
+
   const toggleAttribute = (id) => {
     setChosenAttributes((current) =>
       current.includes(id)
@@ -155,13 +183,20 @@ export const PropagateChangesModal = ({
             </List>
           )}
 
-          {/* La diferencia con "ligar", y la que sorprende si no se dice: aquí
-              lo que el hijo editó a mano NO se pisa. */}
-          <Note>
-            Un hijo que haya editado alguno de estos atributos por su cuenta
-            conserva su valor. Para devolverlo al del padre está la acción
-            «Volver a heredar» en la ficha de ese hijo.
-          </Note>
+          {/* Lo que sorprende si no se dice: aquí se pisa lo que el hijo
+              hubiera capturado a mano. Se nombra a quién, no solo cuántos: con
+              «2 hijos» nadie sabe si le importa, con los nombres sí. */}
+          {conValorPropio.length > 0 && (
+            <Note className="accent">
+              {conValorPropio.length === 1
+                ? "Un hijo tiene un valor propio en lo que elegiste y se va a reemplazar: "
+                : `${conValorPropio.length} hijos tienen valores propios en lo que elegiste y se van a reemplazar: `}
+              {conValorPropio
+                .map((hijo) => `${hijo.name || `Producto ${hijo.articleId}`} (${hijo.pisados.length})`)
+                .join(", ")}
+              . Si no quieres pisarlos, desmarca ese atributo o ese hijo.
+            </Note>
+          )}
 
           {enSegundoPlano && (
             <Note className="accent">

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

@@ -1131,17 +1131,73 @@ const RetailerProductEditionView = ({
         await saveDescriptions(token);
         break;
       case "Ficha técnica": {
-        // 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 sin que nadie lo note.
-        const esPadre = hijosDelProducto > 0;
         const cambios = cambiosDeFichaTecnica();
 
-        if (esPadre && cambios.length > 0) {
-          setPreparandoPropagacion(true);
-          loadFamily()
-            .then(() => setPendingPropagation({ cambios }))
-            .finally(() => setPreparandoPropagacion(false));
+        if (cambios.length === 0) {
+          await saveDatasheets(token);
+          break;
+        }
+
+        /*
+          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
+          sin que nadie lo note.
+
+          Si tiene hijos se resuelve AQUÍ, esperando la respuesta, en vez de
+          mirar la copia en memoria. `family` es una consulta asíncrona: si
+          todavía no llegó, o si falló, `hijosDelProducto` vale 0 — o sea que
+          «todavía no sé» se leía igual que «no tiene hijos», y el padre se
+          guardaba sin ofrecer la propagación. En silencio, que es lo peor: el
+          usuario creía haber bajado el cambio a los hijos.
+
+          La ficha de la aplicación de clientes no tiene el problema porque ahí
+          `state.product.variantsCount` viene del listado; aquí el producto sale
+          del endpoint de reportes, que no trae el parentesco.
+        */
+        setPreparandoPropagacion(true);
+        let familia = null;
+        try {
+          familia = await loadFamily(true);
+        } finally {
+          setPreparandoPropagacion(false);
+        }
+
+        // No se pudo saber si tiene hijos. Guardar de todas formas repetiría el
+        // defecto que se está corrigiendo, así que se dice y se deja la decisión.
+        if (!familia || familia.error) {
+          dispatch({
+            type: "SET_MODAL",
+            payload: {
+              show: true,
+              title: "No se pudo consultar la familia",
+              message:
+                "No pudimos saber si este producto tiene hijos, así que no sabemos si hay que bajarles el cambio. Vuelve a intentar el guardado; si sigue fallando, guarda y revisa los hijos a mano.",
+              image: warningIcon,
+              buttons: [
+                {
+                  text: "Entendido",
+                  buttonType: "general-white-button",
+                  action: () =>
+                    dispatch({ type: "SET_MODAL", payload: { show: false } }),
+                },
+                {
+                  text: "Guardar solo este producto",
+                  buttonType: "general-button-default",
+                  action: () => {
+                    dispatch({ type: "SET_MODAL", payload: { show: false } });
+                    saveDatasheets(token);
+                  },
+                },
+              ],
+            },
+          });
+          return;
+        }
+
+        const hijos = (familia.variants ?? []).filter((v) => !v.isCurrent);
+
+        if (hijos.length > 0) {
+          setPendingPropagation({ cambios });
           return;
         }