contentoh-components-library 21.6.33 → 21.6.35

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

@@ -82,7 +82,7 @@ var ImageGrid = _styledComponents.default.div(_templateObject12 || (_templateObj
 
 exports.ImageGrid = ImageGrid;
 
-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, en modo \"este producto es\n     hijo de otro\" no se 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);
+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.Direction = Direction;
 

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

@@ -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;
@@ -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ó.