contentoh-components-library 21.6.32 → 21.6.34

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Tabs = exports.Section = exports.SearchRow = exports.Panel = exports.Paging = exports.Overlay = exports.ModeSwitch = exports.Message = exports.List = exports.ImageGrid = exports.Header = exports.Footer = exports.Choices = exports.Body = exports.Block = exports.AttributeList = exports.AddRetailer = void 0;
+exports.Tabs = exports.Section = exports.SearchRow = exports.Panel = exports.Paging = exports.Overlay = exports.ModeSwitch = exports.Message = exports.List = exports.ImageGrid = exports.Header = exports.Footer = exports.Direction = exports.Choices = exports.Body = exports.Block = exports.AttributeList = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 
@@ -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  .quitar {\n    flex-shrink: 0;\n    margin-right: 10px;\n    border: none;\n    background: none;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 16px;\n    line-height: 1;\n    color: ", ";\n  }\n\n  .quitar:hover {\n    color: ", ";\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, _variables.GlobalColors.gray, PINK, 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  .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);
 
 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);
@@ -61,7 +61,7 @@ var Section = _styledComponents.default.div(_templateObject9 || (_templateObject
 
 exports.Section = Section;
 
-var Message = _styledComponents.default.p(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 0 12px;\n  padding: 10px 12px;\n  border-radius: 6px;\n  font-size: 13px;\n  line-height: 1.4;\n  background-color: ", ";\n  color: ", ";\n\n  &.error {\n    background-color: rgba(", ", 0.1);\n    color: ", ";\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.deep_gray, PINK_RGB, PINK);
+var Message = _styledComponents.default.p(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 0 12px;\n  padding: 10px 12px;\n  border-radius: 6px;\n  font-size: 13px;\n  line-height: 1.4;\n  background-color: ", ";\n  color: ", ";\n\n  &.error {\n    background-color: rgba(", ", 0.1);\n    color: ", ";\n  }\n\n  /* Aviso, no error: el padre ya tiene hijos y planchar les cambia el origen.\n     Se puede continuar, as\xED que no usa el rosa de rechazo. */\n  &.aviso {\n    background-color: rgba(", ", 0.06);\n    border-left: 3px solid ", ";\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.deep_gray, PINK_RGB, PINK, PINK_RGB, PINK);
 
 exports.Message = Message;
 
@@ -70,12 +70,21 @@ var Footer = _styledComponents.default.div(_templateObject11 || (_templateObject
 exports.Footer = Footer;
 
 var ImageGrid = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));\n  gap: 8px;\n  margin-bottom: 16px;\n\n  label {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    padding: 6px;\n    border: 1px solid ", ";\n    border-radius: 6px;\n    cursor: pointer;\n  }\n\n  label.picked {\n    border-color: ", ";\n    background-color: rgba(", ", 0.06);\n  }\n\n  label.locked {\n    cursor: default;\n  }\n\n  label input {\n    position: absolute;\n    top: 8px;\n    left: 8px;\n  }\n\n  label img {\n    width: 100%;\n    height: 72px;\n    object-fit: contain;\n    background-color: ", ";\n    border-radius: 4px;\n  }\n\n  label span {\n    font-size: 11px;\n    color: ", ";\n    text-align: center;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n"])), _variables.GlobalColors.s2, PINK, PINK_RGB, _variables.GlobalColors.s2, _variables.GlobalColors.gray);
+/*
+  Padre → hijo, dibujado.
+
+  El paso de herencia escribe en una dirección sola y hasta ahora no la decía:
+  el modo se elige en la pantalla anterior y desaparece de la vista. Con dos
+  tarjetas y una flecha se lee de un golpe, sin tener que reconstruirlo del
+  texto de cada bloque.
+*/
+
 
 exports.ImageGrid = ImageGrid;
 
-var AddRetailer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-end;\n  gap: 8px;\n  margin-bottom: 16px;\n\n  button {\n    height: 38px;\n    padding: 0 14px;\n    border: 1px solid ", ";\n    border-radius: 6px;\n    background: none;\n    font-family: ", ";\n    font-size: 13px;\n    color: ", ";\n    cursor: pointer;\n    flex-shrink: 0;\n  }\n\n  button:disabled {\n    opacity: 0.4;\n    cursor: default;\n  }\n"])), PINK, _variables.FontFamily.Raleway_600, PINK);
+var Direction = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: stretch;\n  gap: 10px;\n  margin-bottom: 12px;\n\n  .lado {\n    flex: 1 1 0;\n    min-width: 0;\n    padding: 10px 12px;\n    border: 1px solid ", ";\n    border-radius: 6px;\n    background-color: ", ";\n  }\n\n  /* El padre es el que manda en esta pantalla, y se marca como tal. */\n  .lado:first-of-type {\n    border-color: rgba(", ", 0.45);\n    background-color: rgba(", ", 0.05);\n  }\n\n  .rol {\n    display: block;\n    font-family: ", ";\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.4px;\n    color: ", ";\n  }\n\n  strong {\n    display: block;\n    margin-top: 2px;\n    font-family: ", ";\n    font-size: 13px;\n    color: ", ";\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  /* Cu\xE1l de los dos es la ficha abierta: sin esto, al relacionar un padre no se\n     sabe de qu\xE9 lado est\xE1 uno. */\n  .actual {\n    display: block;\n    margin-top: 2px;\n    font-size: 11px;\n    font-style: italic;\n    color: ", ";\n  }\n\n  .flecha {\n    align-self: center;\n    flex-shrink: 0;\n    font-size: 20px;\n    line-height: 1;\n    color: ", ";\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.white, PINK_RGB, PINK_RGB, _variables.FontFamily.Raleway_600, PINK, _variables.FontFamily.Raleway_600, _variables.GlobalColors.deep_gray, _variables.GlobalColors.gray, PINK);
 
-exports.AddRetailer = AddRetailer;
+exports.Direction = Direction;
 
 var Block = _styledComponents.default.section(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: 20px;\n  padding-bottom: 16px;\n  border-bottom: 1px solid ", ";\n\n  &:last-of-type {\n    border-bottom: none;\n  }\n\n  h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0 0 8px;\n    font-family: ", ";\n    font-size: 14px;\n    color: ", ";\n  }\n\n  h3 .paso {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background-color: ", ";\n    color: ", ";\n    font-size: 11px;\n  }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.Raleway_600, _variables.GlobalColors.deep_gray, PINK, _variables.GlobalColors.white);
 

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

@@ -21,14 +21,13 @@ var _jsxRuntime = require("react/jsx-runtime");
   Diálogo de propagación al guardar un producto padre.
 
   Aparece cuando se guardan cambios de ficha técnica en un producto que tiene
-  variantes. El backend NO propaga nada por su cuenta: solo baja a los hijos lo
-  que venga en `propagation`, y esa lista la arma esta pantalla. Guardar sin
-  abrirla, o cerrarla sin propagar, deja al padre modificado y a las variantes
-  como estaban.
+  hijos. El backend NO propaga nada por su cuenta: solo baja a los hijos lo que
+  venga en `propagation`, y esa lista la arma esta pantalla. Guardar sin abrirla,
+  o cerrarla sin propagar, deja al padre modificado y a los hijos como estaban.
 
   props (* requerido):
     - *changedAttributes: [{ id, name, value }] lo que se acaba de editar
-    - *variants: [{ articleId, name, upc }] las variantes activas del padre
+    - *variants: [{ articleId, name, upc }] los hijos activos del padre
     - *onCancel: cerrar sin guardar nada
     - *onConfirm: (propagation | null) => void
         null            → guardar solo el padre
@@ -99,13 +98,13 @@ var PropagateChangesModal = function PropagateChangesModal(_ref) {
       },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Header, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("h2", {
-          children: ["Este producto tiene ", variants.length, " variante", variants.length === 1 ? "" : "s"]
+          children: ["Este producto tiene ", variants.length, " hijo", variants.length === 1 ? "" : "s"]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-          children: ["Cambiaste ", changedAttributes.length, " atributo", changedAttributes.length === 1 ? "" : "s", ". Elige cu\xE1les bajan a las variantes; el resto se guarda solo en este producto."]
+          children: ["Cambiaste ", changedAttributes.length, " atributo", changedAttributes.length === 1 ? "" : "s", ". Elige cu\xE1les bajan a los hijos; el resto se guarda solo en este producto."]
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Body, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
-          children: "\xBFQu\xE9 se baja a las variantes?"
+          children: "\xBFQu\xE9 se baja a los hijos?"
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.List, {
           children: changedAttributes.map(function (attribute) {
             return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
@@ -138,9 +137,9 @@ var PropagateChangesModal = function PropagateChangesModal(_ref) {
                 return setScope("all");
               }
             }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-              children: ["A todas", /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+              children: ["A todos", /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
                 className: "hint",
-                children: [variants.length, " variante", variants.length === 1 ? "" : "s", " activa", variants.length === 1 ? "" : "s", "."]
+                children: [variants.length, " hijo", variants.length === 1 ? "" : "s", " activo", variants.length === 1 ? "" : "s", "."]
               })]
             })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
@@ -175,15 +174,15 @@ var PropagateChangesModal = function PropagateChangesModal(_ref) {
             }, variant.articleId);
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Note, {
-          children: "Una variante 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 esa variante."
+          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."
         }), enSegundoPlano && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Note, {
           className: "accent",
-          children: ["Son m\xE1s de ", UMBRAL_SEGUNDO_PLANO, " variantes, as\xED que la propagaci\xF3n corre en segundo plano: el guardado termina antes de que todas est\xE9n actualizadas."]
+          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."]
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Footer, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: "resumen",
-          children: puedePropagar ? "".concat(chosenAttributes.length, " atributo(s) a ").concat(destinatarios, " variante(s).") : "No se bajará nada a las variantes."
+          children: puedePropagar ? "".concat(chosenAttributes.length, " atributo(s) a ").concat(destinatarios, " hijo(s).") : "No se bajará nada a los hijos."
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
           type: "button",
           className: "secondary",

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

@@ -188,7 +188,7 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
     `propagation` es opcional y solo lo manda la ficha de un producto padre, con
     lo que el usuario eligió en el diálogo: { attributes: [...], targetChildren }.
      Sin ese bloque el backend no propaga nada. Es deliberado: bajar un cambio a
-    las variantes tiene que ser una decisión, no un efecto secundario de guardar.
+    los hijos tiene que ser una decisión, no un efecto secundario de guardar.
   */
 
 
@@ -196,7 +196,7 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(token, propagation) {
       var _state$product4, _state$product5;
 
-      var dataObject, _state$product6, res, _state$services$datas, _state$services, _state$services$datas2, _state$services$datas3, _state$product7, esVariante;
+      var dataObject, _state$product6, res, _state$services$datas, _state$services, _state$services$datas2, _state$services$datas3, _state$product7, esHijo;
 
       return _regenerator.default.wrap(function _callee2$(_context2) {
         while (1) {
@@ -247,15 +247,15 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
                 dispatch({
                   type: "SET_UPDATED_DATASHEETS_INPUTS",
                   payload: []
-                }); // En una variante, todo atributo que el hijo toca deja de ser heredado:
+                }); // En un hijo, todo atributo que se toca deja de ser heredado:
                 // update-articles-data le pone is_overridden = 1 en la base. Si aquí solo
                 // se refresca el valor, el chip sigue diciendo "Heredado" hasta la
                 // siguiente carga de la ficha, y el usuario ve una marca que ya es falsa.
 
-                esVariante = (_state$services$datas = (_state$services = state.services) === null || _state$services === void 0 ? void 0 : (_state$services$datas2 = _state$services.datasheets) === null || _state$services$datas2 === void 0 ? void 0 : (_state$services$datas3 = _state$services$datas2.variant) === null || _state$services$datas3 === void 0 ? void 0 : _state$services$datas3.isVariant) !== null && _state$services$datas !== void 0 ? _state$services$datas : !!((_state$product7 = state.product) !== null && _state$product7 !== void 0 && _state$product7.parentArticleId);
+                esHijo = (_state$services$datas = (_state$services = state.services) === null || _state$services === void 0 ? void 0 : (_state$services$datas2 = _state$services.datasheets) === null || _state$services$datas2 === void 0 ? void 0 : (_state$services$datas3 = _state$services$datas2.variant) === null || _state$services$datas3 === void 0 ? void 0 : _state$services$datas3.isVariant) !== null && _state$services$datas !== void 0 ? _state$services$datas : !!((_state$product7 = state.product) !== null && _state$product7 !== void 0 && _state$product7.parentArticleId);
                 dispatch({
                   type: "UPDATE_DATASHEETS_INPUTS",
-                  payload: esVariante ? state.updated_datasheets_inputs.map(function (item) {
+                  payload: esHijo ? state.updated_datasheets_inputs.map(function (item) {
                     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
                       isOverridden: 1
                     });

package/dist/components/pages/ProviderProductEdition/context/reducers/inputs.js

@@ -67,9 +67,12 @@ var inputsReducer = function inputsReducer(state, action) {
           var updatedInput = action.payload.find(function (updated) {
             return updated.attributeId === input.id;
           });
-          return updatedInput ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, input), {}, {
+          if (!updatedInput) return input;
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, input), {}, {
             value: updatedInput.value
-          }) : input;
+          }, updatedInput.isOverridden === undefined ? {} : {
+            isOverridden: updatedInput.isOverridden
+          });
         }); // Tambien actualizarlo dentro de services.descriptions
         // buscar el index del retailer activo en services
 

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

@@ -90,7 +90,7 @@ var _AiProductEdition = require("../../../contexts/AiProductEdition");
 var _jsxRuntime = require("react/jsx-runtime");
 
 var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
-  var _location$state4, _state$product2, _state$product3, _state$product4, _state$product5, _state$product6, _state$product7, _family$variants2, _state$product15, _state$product16, _state$product17, _state$active_retaile4, _location$state5, _location$state6, _state$active_retaile5, _state$active_retaile6, _state$images_values$2, _state$images_values10, _state$images_values11, _state$active_retaile7, _state$product18, _state$product19, _state$product20, _state$product21, _family$variants3, _family$variants4, _family$variants5, _state$active_percent, _state$active_percent2, _state$active_retaile8, _state$active_retaile9, _state$active_retaile10, _state$product22, _state$descriptions_i, _state$product23, _state$product24, _state$datasheets_inp, _state$datasheets_inp2, _state$datasheets_inp3, _state$product25, _state$images_values12;
+  var _location$state4, _state$product2, _state$product3, _state$product4, _state$product5, _state$product6, _state$product7, _family$variants2, _state$product15, _state$product16, _state$product17, _state$active_retaile4, _location$state5, _location$state6, _state$active_retaile5, _state$active_retaile6, _state$images_values$2, _state$images_values10, _state$images_values11, _state$active_retaile7, _state$product18, _state$product19, _state$product20, _state$product21, _family$variants3, _family$variants4, _family$variants5, _state$active_percent, _state$active_percent2, _state$active_retaile8, _state$active_retaile9, _state$active_retaile10, _state$product22, _state$descriptions_i, _state$services2, _state$services2$data, _state$product23, _state$product24, _state$datasheets_inp, _state$datasheets_inp2, _state$datasheets_inp3, _state$product25, _state$images_values12;
 
   var tabsSections = _ref.tabsSections,
       _ref$productSelected = _ref.productSelected,
@@ -315,7 +315,20 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
     };
 
     setProductData();
-  }, []); // Setter de los servicios y porcentages del producto
+  }, []);
+  /*
+    Contador que fuerza a releer los servicios tras ligar.
+     El efecto de abajo depende de estatus, versión y cadena activa, y ligar no
+    cambia ninguno: cambia la HERENCIA de cada campo en el servidor. Al planchar,
+    lo que era propio pasa a heredado, y sin releer los chips siguen diciendo lo
+    de antes hasta que alguien cierra y reabre el producto.
+  */
+
+  var _useState31 = (0, _react.useState)(0),
+      _useState32 = (0, _slicedToArray2.default)(_useState31, 2),
+      linkNonce = _useState32[0],
+      setLinkNonce = _useState32[1]; // Setter de los servicios y porcentages del producto
+
 
   (0, _react.useEffect)(function () {
     if (!state.product || !state.active_retailer) return;
@@ -481,7 +494,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
     }();
 
     fetchData();
-  }, [(_state$product2 = state.product) === null || _state$product2 === void 0 ? void 0 : _state$product2.datasheet_status, (_state$product3 = state.product) === null || _state$product3 === void 0 ? void 0 : _state$product3.description_status, (_state$product4 = state.product) === null || _state$product4 === void 0 ? void 0 : _state$product4.images_status, (_state$product5 = state.product) === null || _state$product5 === void 0 ? void 0 : _state$product5.status, (_state$product6 = state.product) === null || _state$product6 === void 0 ? void 0 : _state$product6.percentages, (_state$product7 = state.product) === null || _state$product7 === void 0 ? void 0 : _state$product7.version, state.active_retailer, token]); // Actualizador de campos del ui para que coincidan con el retailer activo
+  }, [(_state$product2 = state.product) === null || _state$product2 === void 0 ? void 0 : _state$product2.datasheet_status, (_state$product3 = state.product) === null || _state$product3 === void 0 ? void 0 : _state$product3.description_status, (_state$product4 = state.product) === null || _state$product4 === void 0 ? void 0 : _state$product4.images_status, (_state$product5 = state.product) === null || _state$product5 === void 0 ? void 0 : _state$product5.status, (_state$product6 = state.product) === null || _state$product6 === void 0 ? void 0 : _state$product6.percentages, (_state$product7 = state.product) === null || _state$product7 === void 0 ? void 0 : _state$product7.version, state.active_retailer, token, linkNonce]); // Actualizador de campos del ui para que coincidan con el retailer activo
 
   (0, _react.useEffect)(function () {
     if (!state.active_retailer) return;
@@ -846,15 +859,15 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
         {
           var _state$product10;
 
-          // Guardar un padre con variantes abre la decisión de propagar. Sin este
-          // paso el cambio se queda solo en el padre y las variantes se van
+          // 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.
           var esPadre = ((_state$product10 = state.product) === null || _state$product10 === void 0 ? void 0 : _state$product10.variantsCount) > 0;
           var cambios = cambiosDeFichaTecnica();
 
           if (esPadre && cambios.length > 0) {
             // Se espera a tener la familia antes de abrir: si no, el diálogo
-            // aparece diciendo "0 variantes" hasta que llega la respuesta, que es
+            // aparece diciendo "0 hijos" hasta que llega la respuesta, que es
             // justo lo contrario de lo que va a preguntar.
             setPreparandoPropagacion(true);
             loadFamily().then(function () {
@@ -905,7 +918,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
     });
   };
   /*
-    Trae la familia del producto: sus variantes, o sus hermanas si el abierto es
+    Trae la familia del producto: sus hijos, o sus hermanos si el abierto es
     una de ellas.
      Se pide al abrir la sección y no al montar la pantalla: la mayoría de los
     productos no son familia, y una llamada por ficha para no mostrar nada es
@@ -968,7 +981,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
     };
   }();
   /*
-    Abre otra variante de la familia.
+    Abre otro producto de la familia.
      Esta pantalla no lee el producto de la URL: lo lee de sessionStorage, donde
     lo dejó el listado al hacer clic. Así que navegar a /products/:id sin más
     cambia la barra de direcciones y deja el producto anterior en pantalla.
@@ -981,7 +994,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
   */
 
   /*
-    Abre la edición múltiple con las variantes de la familia ya cargadas.
+    Abre la edición múltiple con los hijos de la familia ya cargados.
      Esa pantalla lee `multipleEditionList` de sessionStorage —así la deja el
     listado al pulsar "editar varios"— y necesita el PRODUCTO COMPLETO de cada
     uno, no solo su id: pinta el UPC, el nombre, parte `categoryName` por "|",
@@ -1066,7 +1079,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                 payload: {
                   show: true,
                   title: "",
-                  message: "No se pudieron cargar las variantes para editarlas juntas.",
+                  message: "No se pudieron cargar los hijos para editarlos juntos.",
                   image: _errorModal.default
                 }
               });
@@ -1167,7 +1180,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
     contador seguía mostrando el número viejo. Además una recarga se lleva lo que
     el usuario tenga sin guardar.
      Los dos modos tienen efectos opuestos sobre este producto: ligando hijos GANA
-    variantes; ligándose a un padre pasa a SER una, y entonces el botón de ligar
+    hijos; ligándose a un padre pasa a SER uno, y entonces el botón de ligar
     desaparece porque la jerarquía es de un solo nivel.
   */
 
@@ -1187,7 +1200,11 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
       payload: updatedProduct
     }); // La lista cacheada quedó vieja: se descarta para que vuelva a pedirse.
 
-    setFamily(null); // Y en sessionStorage, que es de donde sale el producto al recargar. Sin
+    setFamily(null); // Y los servicios, para que los chips reflejen la herencia recién creada.
+
+    setLinkNonce(function (n) {
+      return n + 1;
+    }); // Y en sessionStorage, que es de donde sale el producto al recargar. Sin
     // esto el arreglo dura hasta el siguiente F5 y vuelve el contador viejo,
     // que es justo el síntoma que se reportó.
 
@@ -1208,7 +1225,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
   };
   /*
     Acción "Volver a heredar del producto" de los chips de herencia.
-     La inicia la variante, no el padre, y descarta un valor capturado a mano: por
+     La inicia el hijo, no el padre, y descarta un valor capturado a mano: por
     eso el endpoint exige la lista explícita de atributos y no acepta un "todos"
     implícito.
      El repintado es en sitio, con lo que devuelve el propio endpoint. La
@@ -1216,40 +1233,76 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
     tenga sin guardar en las otras pestañas.
   */
 
+  /*
+    `kind` distingue de qué pestaña salió el chip. Las descripciones viven en
+    `rel_article_description` y la ficha técnica en `article_data`: el endpoint
+    recibe una lista o la otra, y lo que devuelve se repinta en su propio
+    reducer.
+  */
+
 
   var handleOnRestoreInheritance = /*#__PURE__*/function () {
     var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(attributeId) {
       var _state$product13;
 
-      var res, data;
+      var kind,
+          esDescripcion,
+          res,
+          data,
+          _args6 = arguments;
       return _regenerator.default.wrap(function _callee6$(_context6) {
         while (1) {
           switch (_context6.prev = _context6.next) {
             case 0:
+              kind = _args6.length > 1 && _args6[1] !== undefined ? _args6[1] : "attribute";
+
               if (!(!attributeId || !((_state$product13 = state.product) !== null && _state$product13 !== void 0 && _state$product13.id_article))) {
-                _context6.next = 2;
+                _context6.next = 3;
                 break;
               }
 
               return _context6.abrupt("return");
 
-            case 2:
-              _context6.prev = 2;
-              _context6.next = 5;
-              return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/restore"), {
-                articleId: state.product.id_article,
+            case 3:
+              esDescripcion = kind === "description";
+              _context6.prev = 4;
+              _context6.next = 7;
+              return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/restore"), (0, _objectSpread4.default)({
+                articleId: state.product.id_article
+              }, esDescripcion ? {
+                descriptions: [Number(attributeId)]
+              } : {
                 attributes: [Number(attributeId)]
-              }, {
+              }), {
                 headers: {
                   Authorization: token
                 }
               });
 
-            case 5:
+            case 7:
               res = _context6.sent;
               // El API responde 200 aunque la lambda haya devuelto 400: el resultado
               // real viaja en el cuerpo y readPayload lo convierte en excepción.
               data = (0, _api.readPayload)(res);
+
+              if (!esDescripcion) {
+                _context6.next = 12;
+                break;
+              }
+
+              dispatch({
+                type: "UPDATE_DESCRIPTIONS_INPUTS",
+                payload: (data.descriptionValues || []).map(function (item) {
+                  return {
+                    attributeId: item.id_description,
+                    value: item.value,
+                    isOverridden: 0
+                  };
+                })
+              });
+              return _context6.abrupt("return");
+
+            case 12:
               dispatch({
                 type: "UPDATE_DATASHEETS_INPUTS",
                 payload: (data.values || []).map(function (item) {
@@ -1260,20 +1313,20 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   };
                 })
               });
-              _context6.next = 13;
+              _context6.next = 18;
               break;
 
-            case 10:
-              _context6.prev = 10;
-              _context6.t0 = _context6["catch"](2);
+            case 15:
+              _context6.prev = 15;
+              _context6.t0 = _context6["catch"](4);
               console.error("restoreInheritance: ", _context6.t0);
 
-            case 13:
+            case 18:
             case "end":
               return _context6.stop();
           }
         }
-      }, _callee6, null, [[2, 10]]);
+      }, _callee6, null, [[4, 15]]);
     }));
 
     return function handleOnRestoreInheritance(_x3) {
@@ -2009,7 +2062,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   });
                   loadFamily();
                 },
-                children: [state.product.variantsCount, " variante", state.product.variantsCount === 1 ? "" : "s", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: [state.product.variantsCount, " hijo", state.product.variantsCount === 1 ? "" : "s", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                   "aria-hidden": "true",
                   children: showFamily ? " ▴" : " ▾"
                 })]
@@ -2026,7 +2079,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   });
                   loadFamily();
                 },
-                children: ["Variante de otro producto", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: ["Hijo de otro producto", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                   "aria-hidden": "true",
                   children: showFamily ? " ▴" : " ▾"
                 })]
@@ -2066,7 +2119,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   },
                   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                     className: "role",
-                    children: loadingVariant === variant.articleId ? "Abriendo…" : variant.isCurrent ? "Estás aquí" : "Variante"
+                    children: loadingVariant === variant.articleId ? "Abriendo…" : variant.isCurrent ? "Estás aquí" : "Hijo"
                   }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                     className: "name",
                     children: variant.name
@@ -2077,13 +2130,13 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                 }, variant.articleId);
               }), family && !family.error && !((_family$variants4 = family.variants) !== null && _family$variants4 !== void 0 && _family$variants4.length) && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
                 className: "loading",
-                children: "Este producto no tiene variantes."
+                children: "Este producto no tiene hijos."
               }), (family === null || family === void 0 ? void 0 : (_family$variants5 = family.variants) === null || _family$variants5 === void 0 ? void 0 : _family$variants5.length) > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
                 type: "button",
                 className: "editar-juntas",
                 disabled: preparandoEdicionMultiple,
                 onClick: openMultipleEdition,
-                children: preparandoEdicionMultiple ? "Abriendo…" : "Editar las ".concat(family.variants.length, " variantes juntas")
+                children: preparandoEdicionMultiple ? "Abriendo…" : "Editar los ".concat(family.variants.length, " hijos juntos")
               })]
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullProductNameHeader.FullProductNameHeader, {
               headerData: state.product,
@@ -2138,7 +2191,14 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                 children: [state.active_tab === "Descripción" && (((_state$product22 = state.product) === null || _state$product22 === void 0 ? void 0 : _state$product22.description_status) !== "NS" ? (_state$descriptions_i = state.descriptions_inputs) !== null && _state$descriptions_i !== void 0 && _state$descriptions_i[0] ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
                   activeSection: state.active_tab,
                   inputGroup: state.descriptions_inputs[0],
-                  updatedDescriptions: state.updated_descriptions_inputs,
+                  updatedDescriptions: state.updated_descriptions_inputs
+                  /* El parentesco es del producto, no del servicio:
+                     los dos endpoints lo devuelven igual. Se toma de
+                     la ficha técnica para no depender de que la
+                     llamada de descripciones traiga el bloque. */
+                  ,
+                  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$product23 = state.product) === null || _state$product23 === void 0 ? void 0 : _state$product23.id_article,
                   version: state.product.version,
                   isShowbox: false,
@@ -2153,7 +2213,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   headerType: "input-name-header"
                 })), state.active_tab === "Ficha técnica" && (((_state$product24 = state.product) === null || _state$product24 === void 0 ? void 0 : _state$product24.datasheet_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
                   children: ((_state$datasheets_inp = state.datasheets_inputs) === null || _state$datasheets_inp === void 0 ? void 0 : (_state$datasheets_inp2 = _state$datasheets_inp[0]) === null || _state$datasheets_inp2 === void 0 ? void 0 : (_state$datasheets_inp3 = _state$datasheets_inp2.data) === null || _state$datasheets_inp3 === void 0 ? void 0 : _state$datasheets_inp3.length) > 0 ? state.datasheets_inputs[0].data.map(function (dataGroup, index) {
-                    var _state$datasheets_inp4, _state$services2, _state$services2$data, _state$services$datas3;
+                    var _state$datasheets_inp4, _state$services3, _state$services3$data, _state$services$datas3;
 
                     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
                       index: index,
@@ -2162,7 +2222,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                       activeSection: state.active_tab,
                       inputGroup: dataGroup,
                       dataInputs: (_state$datasheets_inp4 = state.datasheets_inputs[1]) !== null && _state$datasheets_inp4 !== void 0 ? _state$datasheets_inp4 : [],
-                      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,
                       activeRetailer: state.services.datasheets[state.active_retailer.id_retailer],
                       groupData: (_state$services$datas3 = state.services.datasheets[state.active_retailer.id_retailer]) === null || _state$services$datas3 === void 0 ? void 0 : _state$services$datas3.data,

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

@@ -193,7 +193,7 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
   /*
     `propagation` es opcional y solo lo manda la ficha de un producto padre, con
     lo que el usuario eligió en el diálogo. Sin ese bloque el backend no propaga
-    nada: bajar un cambio a las variantes es una decisión, no un efecto
+    nada: bajar un cambio a los hijos es una decisión, no un efecto
     secundario de guardar.
   */
 
@@ -202,7 +202,7 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(token, propagation) {
       var _state$product4, _state$product5;
 
-      var dataObject, _state$product6, res, _state$services$datas, _state$services, _state$services$datas2, _state$services$datas3, _state$product7, _state$active_retaile, esVariante, datasheetInputs, retailerId, filledRequiredCount;
+      var dataObject, _state$product6, res, _state$services$datas, _state$services, _state$services$datas2, _state$services$datas3, _state$product7, _state$active_retaile, esHijo, datasheetInputs, retailerId, filledRequiredCount;
 
       return _regenerator.default.wrap(function _callee2$(_context2) {
         while (1) {
@@ -251,15 +251,15 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
                 dispatch({
                   type: "SET_UPDATED_DATASHEETS_INPUTS",
                   payload: []
-                }); // En una variante, todo atributo que el hijo toca deja de ser heredado:
+                }); // En un hijo, todo atributo que se toca deja de ser heredado:
                 // update-articles-data le pone is_overridden = 1 en la base. Sin
                 // reflejarlo aquí, el chip sigue diciendo "Heredado" hasta la siguiente
                 // carga de la ficha, y el usuario ve una marca que ya es falsa.
 
-                esVariante = (_state$services$datas = (_state$services = state.services) === null || _state$services === void 0 ? void 0 : (_state$services$datas2 = _state$services.datasheets) === null || _state$services$datas2 === void 0 ? void 0 : (_state$services$datas3 = _state$services$datas2.variant) === null || _state$services$datas3 === void 0 ? void 0 : _state$services$datas3.isVariant) !== null && _state$services$datas !== void 0 ? _state$services$datas : !!((_state$product7 = state.product) !== null && _state$product7 !== void 0 && _state$product7.parentArticleId);
+                esHijo = (_state$services$datas = (_state$services = state.services) === null || _state$services === void 0 ? void 0 : (_state$services$datas2 = _state$services.datasheets) === null || _state$services$datas2 === void 0 ? void 0 : (_state$services$datas3 = _state$services$datas2.variant) === null || _state$services$datas3 === void 0 ? void 0 : _state$services$datas3.isVariant) !== null && _state$services$datas !== void 0 ? _state$services$datas : !!((_state$product7 = state.product) !== null && _state$product7 !== void 0 && _state$product7.parentArticleId);
                 dispatch({
                   type: "UPDATE_DATASHEETS_INPUTS",
-                  payload: esVariante ? state.updated_datasheets_inputs.map(function (item) {
+                  payload: esHijo ? state.updated_datasheets_inputs.map(function (item) {
                     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
                       isOverridden: 1
                     });

package/dist/components/pages/RetailerProductEdition/context/reducers/inputs.js

@@ -76,9 +76,12 @@ var inputsReducer = function inputsReducer(state, action) {
           var updatedInput = action.payload.find(function (updated) {
             return updated.attributeId === input.id;
           });
-          return updatedInput ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, input), {}, {
+          if (!updatedInput) return input;
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, input), {}, {
             value: updatedInput.value
-          }) : input;
+          }, updatedInput.isOverridden === undefined ? {} : {
+            isOverridden: updatedInput.isOverridden
+          });
         }); // Tambien actualizarlo dentro de services.descriptions
         // buscar el index del retailer activo en services