contentoh-components-library 21.6.23 → 21.6.25

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

@@ -88,7 +88,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, _state$product14, _state$product15, _state$product16, _state$active_retaile3, _state$product17, _state$product18, _location$state5, _location$state6, _state$active_retaile4, _state$active_retaile5, _state$images_values$2, _state$images_values10, _state$images_values11, _state$active_retaile6, _state$product19, _state$product20, _state$product21, _state$product22, _family$variants, _family$variants2, _state$active_percent, _state$active_percent2, _state$active_retaile7, _state$active_retaile8, _state$active_retaile9, _state$product23, _state$descriptions_i, _state$product24, _state$product25, _state$datasheets_inp, _state$datasheets_inp2, _state$datasheets_inp3, _state$product26, _state$images_values12;
+  var _location$state4, _state$product2, _state$product3, _state$product4, _state$product5, _state$product6, _state$product7, _state$product14, _state$product15, _state$product16, _state$active_retaile3, _location$state5, _location$state6, _state$active_retaile4, _state$active_retaile5, _state$images_values$2, _state$images_values10, _state$images_values11, _state$active_retaile6, _state$product17, _state$product18, _state$product19, _state$product20, _family$variants, _family$variants2, _state$active_percent, _state$active_percent2, _state$active_retaile7, _state$active_retaile8, _state$active_retaile9, _state$product21, _state$descriptions_i, _state$product22, _state$product23, _state$datasheets_inp, _state$datasheets_inp2, _state$datasheets_inp3, _state$product24, _state$images_values12;
 
   var tabsSections = _ref.tabsSections,
       _ref$productSelected = _ref.productSelected,
@@ -143,39 +143,44 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
       showFamily = _useState10[0],
       setShowFamily = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(false),
+  var _useState11 = (0, _react.useState)(null),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      showRejectModal = _useState12[0],
-      setShowRejectModal = _useState12[1];
+      loadingVariant = _useState12[0],
+      setLoadingVariant = _useState12[1];
 
-  var _useState13 = (0, _react.useState)(0),
+  var _useState13 = (0, _react.useState)(false),
       _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      headerTop = _useState14[0],
-      setHeaderTop = _useState14[1];
+      showRejectModal = _useState14[0],
+      setShowRejectModal = _useState14[1];
 
-  var _useState15 = (0, _react.useState)({}),
+  var _useState15 = (0, _react.useState)(0),
       _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      assig = _useState16[0],
-      setAssig = _useState16[1];
+      headerTop = _useState16[0],
+      setHeaderTop = _useState16[1];
 
-  var _useState17 = (0, _react.useState)(false),
+  var _useState17 = (0, _react.useState)({}),
       _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      imageLayout = _useState18[0],
-      setImageLayout = _useState18[1];
+      assig = _useState18[0],
+      setAssig = _useState18[1];
 
   var _useState19 = (0, _react.useState)(false),
       _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-      rejectAll = _useState20[0],
-      setRejectAll = _useState20[1];
+      imageLayout = _useState20[0],
+      setImageLayout = _useState20[1];
 
-  var _useState21 = (0, _react.useState)({
+  var _useState21 = (0, _react.useState)(false),
+      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
+      rejectAll = _useState22[0],
+      setRejectAll = _useState22[1];
+
+  var _useState23 = (0, _react.useState)({
     "Ficha técnica": null,
     Descripción: null,
     Imágenes: null
   }),
-      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-      origin = _useState22[0],
-      setOrigin = _useState22[1];
+      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
+      origin = _useState24[0],
+      setOrigin = _useState24[1];
 
   var _useCloseModal = (0, _customHooks.useCloseModal)("version-selector"),
       _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
@@ -894,12 +899,91 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
       return _ref7.apply(this, arguments);
     };
   }();
+  /*
+    Abre otra variante 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.
+     Por eso primero se trae el producto por su ID —no por su UPC: hay 12,024 UPC
+    repetidos entre artículos activos y 5,579 de esos casos caen dentro de la
+    misma compañía, así que el UPC no identifica— y se deja en sessionStorage con
+    la misma forma que usa el listado. Después se navega.
+     Es un rodeo, y lo es porque el origen del dato está mal puesto. Arreglarlo de
+    raíz —que la ficha lea de la URL— toca todas las plataformas y no cabe aquí.
+  */
 
-  var openVariant = function openVariant(articleId) {
-    // Se navega igual que el resto de la app, con el id en la ruta. Inventar
-    // otra forma de abrir un producto es inventar otra forma de que se rompa.
-    window.location.assign("/products/".concat(articleId, "/datasheet"));
-  };
+
+  var openVariant = /*#__PURE__*/function () {
+    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(articleId) {
+      var res, _readPayload, data, encontrado;
+
+      return _regenerator.default.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              setLoadingVariant(articleId);
+              _context4.prev = 1;
+              _context4.next = 4;
+              return _axios.default.get("".concat(process.env.REACT_APP_NEW_ARTICLES_ENDPOINT), {
+                params: {
+                  listType: "general",
+                  filterByArticleId: articleId
+                },
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 4:
+              res = _context4.sent;
+              // read-articles-v2 responde { count, data: [...] }.
+              _readPayload = (0, _api.readPayload)(res), data = _readPayload.data;
+              encontrado = (data !== null && data !== void 0 ? data : []).find(function (item) {
+                return Number(item.id_article) === Number(articleId);
+              });
+
+              if (encontrado) {
+                sessionStorage.setItem("productSelected", JSON.stringify((0, _objectSpread4.default)((0, _objectSpread4.default)({}, encontrado), {}, {
+                  article: {
+                    id_article: encontrado.id_article
+                  }
+                })));
+                sessionStorage.setItem("productEdit", JSON.stringify({
+                  ArticleId: encontrado.id_article,
+                  idCategory: encontrado.id_category,
+                  product: encontrado
+                }));
+              }
+
+              _context4.next = 13;
+              break;
+
+            case 10:
+              _context4.prev = 10;
+              _context4.t0 = _context4["catch"](1);
+              // Si la consulta falla se navega igual: la pantalla mostrará el producto
+              // que hubiera en sessionStorage, que es el comportamiento de siempre.
+              // Peor sería dejar el clic sin efecto y que pareciera que no responde.
+              console.error("openVariant: ", _context4.t0);
+
+            case 13:
+              _context4.prev = 13;
+              setLoadingVariant(null);
+              window.location.assign("/products/".concat(articleId, "/datasheet"));
+              return _context4.finish(13);
+
+            case 17:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4, null, [[1, 10, 13, 17]]);
+    }));
+
+    return function openVariant(_x2) {
+      return _ref8.apply(this, arguments);
+    };
+  }();
   /*
     Refresca la ficha después de ligar, sin recargar la página.
      Recargar no servía: el producto de esta pantalla viene del listado —por
@@ -958,24 +1042,24 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
 
 
   var handleOnRestoreInheritance = /*#__PURE__*/function () {
-    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(attributeId) {
+    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(attributeId) {
       var _state$product12;
 
       var res, data;
-      return _regenerator.default.wrap(function _callee4$(_context4) {
+      return _regenerator.default.wrap(function _callee5$(_context5) {
         while (1) {
-          switch (_context4.prev = _context4.next) {
+          switch (_context5.prev = _context5.next) {
             case 0:
               if (!(!attributeId || !((_state$product12 = state.product) !== null && _state$product12 !== void 0 && _state$product12.id_article))) {
-                _context4.next = 2;
+                _context5.next = 2;
                 break;
               }
 
-              return _context4.abrupt("return");
+              return _context5.abrupt("return");
 
             case 2:
-              _context4.prev = 2;
-              _context4.next = 5;
+              _context5.prev = 2;
+              _context5.next = 5;
               return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/restore"), {
                 articleId: state.product.id_article,
                 attributes: [Number(attributeId)]
@@ -986,7 +1070,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 5:
-              res = _context4.sent;
+              res = _context5.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);
@@ -1000,24 +1084,24 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   };
                 })
               });
-              _context4.next = 13;
+              _context5.next = 13;
               break;
 
             case 10:
-              _context4.prev = 10;
-              _context4.t0 = _context4["catch"](2);
-              console.error("restoreInheritance: ", _context4.t0);
+              _context5.prev = 10;
+              _context5.t0 = _context5["catch"](2);
+              console.error("restoreInheritance: ", _context5.t0);
 
             case 13:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
         }
-      }, _callee4, null, [[2, 10]]);
+      }, _callee5, null, [[2, 10]]);
     }));
 
-    return function handleOnRestoreInheritance(_x2) {
-      return _ref8.apply(this, arguments);
+    return function handleOnRestoreInheritance(_x3) {
+      return _ref9.apply(this, arguments);
     };
   }();
 
@@ -1052,14 +1136,14 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
   };
 
   var sendEvaluation = /*#__PURE__*/function () {
-    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(result) {
+    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(result) {
       var _state$product$id_ord, _state$active_retaile2, _state$product$status, _state$product$status2, _state$product13;
 
       var concept, articleId, orderId, retailerId, evalStatus, data, _newStatuses$newStatu, _state$services_data, res, newStatuses, serviceStatus, updatedStatusByRetailer, updatedProduct, updatedServicesData;
 
-      return _regenerator.default.wrap(function _callee5$(_context5) {
+      return _regenerator.default.wrap(function _callee6$(_context6) {
         while (1) {
-          switch (_context5.prev = _context5.next) {
+          switch (_context6.prev = _context6.next) {
             case 0:
               dispatch({
                 type: "SET_SAVING",
@@ -1076,16 +1160,16 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                 concept: concept,
                 evalStatus: evalStatus
               };
-              _context5.prev = 7;
+              _context6.prev = 7;
 
               if (!result) {
-                _context5.next = 22;
+                _context6.next = 22;
                 break;
               }
 
               data.result = result;
               data.retailerId = retailerId;
-              _context5.next = 13;
+              _context6.next = 13;
               return _axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
                 headers: {
                   Authorization: token
@@ -1093,7 +1177,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 13:
-              res = _context5.sent;
+              res = _context6.sent;
               newStatuses = JSON.parse(res.data.body);
               serviceStatus = newStatuses.newServiceStatus[articleId]["".concat(concept, "Status")]; // Actualizar el producto con los nuevos estados
 
@@ -1130,13 +1214,13 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 22:
-              _context5.next = 28;
+              _context6.next = 28;
               break;
 
             case 24:
-              _context5.prev = 24;
-              _context5.t0 = _context5["catch"](7);
-              console.error("Error sending evaluation:", _context5.t0);
+              _context6.prev = 24;
+              _context6.t0 = _context6["catch"](7);
+              console.error("Error sending evaluation:", _context6.t0);
               dispatch({
                 type: "SET_MODAL",
                 payload: {
@@ -1148,32 +1232,32 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 28:
-              _context5.prev = 28;
+              _context6.prev = 28;
               dispatch({
                 type: "SET_SAVING",
                 payload: false
               });
-              return _context5.finish(28);
+              return _context6.finish(28);
 
             case 31:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
         }
-      }, _callee5, null, [[7, 24, 28, 31]]);
+      }, _callee6, null, [[7, 24, 28, 31]]);
     }));
 
-    return function sendEvaluation(_x3) {
-      return _ref9.apply(this, arguments);
+    return function sendEvaluation(_x4) {
+      return _ref10.apply(this, arguments);
     };
   }();
 
   var evaluationToRetailer = /*#__PURE__*/function () {
-    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(result) {
+    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7(result) {
       var data, statusComplete, updatedProduct;
-      return _regenerator.default.wrap(function _callee6$(_context6) {
+      return _regenerator.default.wrap(function _callee7$(_context7) {
         while (1) {
-          switch (_context6.prev = _context6.next) {
+          switch (_context7.prev = _context7.next) {
             case 0:
               dispatch({
                 type: "SET_SAVING",
@@ -1185,8 +1269,8 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                 versionId: state.product.version,
                 status: result
               };
-              _context6.prev = 2;
-              _context6.next = 5;
+              _context7.prev = 2;
+              _context7.next = 5;
               return _axios.default.put("".concat(process.env.REACT_APP_RETAILER_REQUEST), data, {
                 headers: {
                   Authorization: token
@@ -1216,13 +1300,13 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   image: _genericModalCheck.default
                 }
               });
-              _context6.next = 15;
+              _context7.next = 15;
               break;
 
             case 11:
-              _context6.prev = 11;
-              _context6.t0 = _context6["catch"](2);
-              console.error("Error evaluating to retailer:", _context6.t0);
+              _context7.prev = 11;
+              _context7.t0 = _context7["catch"](2);
+              console.error("Error evaluating to retailer:", _context7.t0);
               dispatch({
                 type: "SET_MODAL",
                 payload: {
@@ -1234,23 +1318,23 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 15:
-              _context6.prev = 15;
+              _context7.prev = 15;
               dispatch({
                 type: "SET_SAVING",
                 payload: false
               });
-              return _context6.finish(15);
+              return _context7.finish(15);
 
             case 18:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
         }
-      }, _callee6, null, [[2, 11, 15, 18]]);
+      }, _callee7, null, [[2, 11, 15, 18]]);
     }));
 
-    return function evaluationToRetailer(_x4) {
-      return _ref10.apply(this, arguments);
+    return function evaluationToRetailer(_x5) {
+      return _ref11.apply(this, arguments);
     };
   }();
 
@@ -1381,18 +1465,18 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
   };
 
   var handleOnEvaluateAll = /*#__PURE__*/function () {
-    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7(result) {
+    var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8(result) {
       var _state$product$id_ord2, _state$services_data2, evaluationArray, conceptArray, dataGeneral, isProvider, userType, status, updatedStatusByRetailer, updatedProduct;
 
-      return _regenerator.default.wrap(function _callee7$(_context7) {
+      return _regenerator.default.wrap(function _callee8$(_context8) {
         while (1) {
-          switch (_context7.prev = _context7.next) {
+          switch (_context8.prev = _context8.next) {
             case 0:
               dispatch({
                 type: "SET_SAVING",
                 payload: true
               });
-              _context7.prev = 1;
+              _context8.prev = 1;
               evaluationArray = [];
               conceptArray = ["description", "datasheet", "images"];
               dataGeneral = {
@@ -1423,7 +1507,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                 }));
               }); // Ejecutar todas las evaluaciones
 
-              _context7.next = 9;
+              _context8.next = 9;
               return Promise.all(evaluationArray);
 
             case 9:
@@ -1468,13 +1552,13 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   image: _genericModalCheck.default
                 }
               });
-              _context7.next = 24;
+              _context8.next = 24;
               break;
 
             case 20:
-              _context7.prev = 20;
-              _context7.t0 = _context7["catch"](1);
-              console.error("Error evaluating all:", _context7.t0);
+              _context8.prev = 20;
+              _context8.t0 = _context8["catch"](1);
+              console.error("Error evaluating all:", _context8.t0);
               dispatch({
                 type: "SET_MODAL",
                 payload: {
@@ -1486,24 +1570,24 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               });
 
             case 24:
-              _context7.prev = 24;
+              _context8.prev = 24;
               dispatch({
                 type: "SET_SAVING",
                 payload: false
               });
               setRejectAll(false);
-              return _context7.finish(24);
+              return _context8.finish(24);
 
             case 28:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
         }
-      }, _callee7, null, [[1, 20, 24, 28]]);
+      }, _callee8, null, [[1, 20, 24, 28]]);
     }));
 
-    return function handleOnEvaluateAll(_x5) {
-      return _ref11.apply(this, arguments);
+    return function handleOnEvaluateAll(_x6) {
+      return _ref12.apply(this, arguments);
     };
   }();
 
@@ -1556,8 +1640,6 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
         articleName: (_state$product15 = state.product) === null || _state$product15 === void 0 ? void 0 : _state$product15.name,
         articleUpc: (_state$product16 = state.product) === null || _state$product16 === void 0 ? void 0 : _state$product16.upc,
         activeRetailerId: (_state$active_retaile3 = state.active_retailer) === null || _state$active_retaile3 === void 0 ? void 0 : _state$active_retaile3.id_retailer,
-        retailersAvailable: (_state$product17 = state.product) === null || _state$product17 === void 0 ? void 0 : _state$product17.retailersAvailable,
-        categoriesAvailable: (_state$product18 = state.product) === null || _state$product18 === void 0 ? void 0 : _state$product18.categoriesAvailable,
         token: token,
         onClose: function onClose() {
           return setShowLinkVariants(false);
@@ -1623,21 +1705,21 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
           type: "pink",
           label: "Aceptar",
           size: 12,
-          onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
+          onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
             var elements, isMessageEmpty, container, existingAlert, alert, fullMessage;
-            return _regenerator.default.wrap(function _callee8$(_context8) {
+            return _regenerator.default.wrap(function _callee9$(_context9) {
               while (1) {
-                switch (_context8.prev = _context8.next) {
+                switch (_context9.prev = _context9.next) {
                   case 0:
                     elements = document.querySelectorAll("#modal-message-box .ql-container .ql-editor > p");
 
                     if (!(!elements || elements.length === 0)) {
-                      _context8.next = 4;
+                      _context9.next = 4;
                       break;
                     }
 
                     console.error("Elemento no encontrado");
-                    return _context8.abrupt("return");
+                    return _context9.abrupt("return");
 
                   case 4:
                     isMessageEmpty = Array.from(elements).every(function (el) {
@@ -1646,7 +1728,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                     });
 
                     if (!isMessageEmpty) {
-                      _context8.next = 10;
+                      _context9.next = 10;
                       break;
                     }
 
@@ -1661,13 +1743,13 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                       container.appendChild(alert);
                     }
 
-                    return _context8.abrupt("return");
+                    return _context9.abrupt("return");
 
                   case 10:
                     fullMessage = Array.from(elements).map(function (element) {
                       return element.innerHTML;
                     }).join("").replace(/<br\s*\/?>/gi, "\n");
-                    _context8.next = 13;
+                    _context9.next = 13;
                     return createComment(fullMessage, token);
 
                   case 13:
@@ -1676,10 +1758,10 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
 
                   case 15:
                   case "end":
-                    return _context8.stop();
+                    return _context9.stop();
                 }
               }
-            }, _callee8);
+            }, _callee9);
           }))
         }, "btn-Aceptar")]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderTop.HeaderTop, {
@@ -1706,7 +1788,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
             activeImage: (_state$images_values10 = state.images_values) !== null && _state$images_values10 !== void 0 && _state$images_values10.values ? (_state$images_values11 = state.images_values) === null || _state$images_values11 === void 0 ? void 0 : _state$images_values11.values[state.current_image] : {},
             assignationsImages: assig,
             retailerSelected: (_state$active_retaile6 = state.active_retailer) === null || _state$active_retaile6 === void 0 ? void 0 : _state$active_retaile6.id_retailer,
-            imagesStatus: ((_state$product19 = state.product) === null || _state$product19 === void 0 ? void 0 : _state$product19.images_status) || "-",
+            imagesStatus: ((_state$product17 = state.product) === null || _state$product17 === void 0 ? void 0 : _state$product17.images_status) || "-",
             isRetailer: isRetailer,
             setShowVersionSelector: setShowVersionSelector,
             version: state.product.version,
@@ -1719,7 +1801,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
           className: "product-information",
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "product-information",
-            children: [!((_state$product20 = state.product) !== null && _state$product20 !== void 0 && _state$product20.parentArticleId) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            children: [!((_state$product18 = state.product) !== null && _state$product18 !== void 0 && _state$product18.parentArticleId) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               className: "variants-actions",
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
                 type: "button",
@@ -1728,7 +1810,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   return setShowLinkVariants(true);
                 },
                 children: "Ligar productos"
-              }), ((_state$product21 = state.product) === null || _state$product21 === void 0 ? void 0 : _state$product21.variantsCount) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+              }), ((_state$product19 = state.product) === null || _state$product19 === void 0 ? void 0 : _state$product19.variantsCount) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
                 type: "button",
                 className: "variants-count",
                 "aria-expanded": showFamily,
@@ -1743,7 +1825,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                   children: showFamily ? " ▴" : " ▾"
                 })]
               })]
-            }), ((_state$product22 = state.product) === null || _state$product22 === void 0 ? void 0 : _state$product22.parentArticleId) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            }), ((_state$product20 = state.product) === null || _state$product20 === void 0 ? void 0 : _state$product20.parentArticleId) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: "variants-actions",
               children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
                 type: "button",
@@ -1771,12 +1853,13 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
               }), (family === null || family === void 0 ? void 0 : family.parent) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
                 type: "button",
                 className: "family-row parent",
+                disabled: loadingVariant !== null,
                 onClick: function onClick() {
                   return openVariant(family.parent.articleId);
                 },
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                   className: "role",
-                  children: "Producto padre"
+                  children: loadingVariant === family.parent.articleId ? "Abriendo…" : "Producto padre"
                 }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                   className: "name",
                   children: family.parent.name
@@ -1788,13 +1871,13 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                 return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
                   type: "button",
                   className: "family-row".concat(variant.isCurrent ? " current" : ""),
-                  disabled: variant.isCurrent,
+                  disabled: variant.isCurrent || loadingVariant !== null,
                   onClick: function onClick() {
                     return openVariant(variant.articleId);
                   },
                   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                     className: "role",
-                    children: variant.isCurrent ? "Estás aquí" : "Variante"
+                    children: loadingVariant === variant.articleId ? "Abriendo…" : variant.isCurrent ? "Estás aquí" : "Variante"
                   }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                     className: "name",
                     children: variant.name
@@ -1857,11 +1940,11 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: "services-information-container " + (imageLayout && state.active_tab === "Imágenes" ? "image-services" : ""),
               children: state.saving ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                children: [state.active_tab === "Descripción" && (((_state$product23 = state.product) === null || _state$product23 === void 0 ? void 0 : _state$product23.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, {
+                children: [state.active_tab === "Descripción" && (((_state$product21 = state.product) === null || _state$product21 === void 0 ? void 0 : _state$product21.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,
-                  articleId: (_state$product24 = state.product) === null || _state$product24 === void 0 ? void 0 : _state$product24.id_article,
+                  articleId: (_state$product22 = state.product) === null || _state$product22 === void 0 ? void 0 : _state$product22.id_article,
                   version: state.product.version,
                   isShowbox: false,
                   dinamicHeight: true,
@@ -1873,7 +1956,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                 }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
                   text: "No cuentas con este servicio",
                   headerType: "input-name-header"
-                })), state.active_tab === "Ficha técnica" && (((_state$product25 = state.product) === null || _state$product25 === void 0 ? void 0 : _state$product25.datasheet_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+                })), state.active_tab === "Ficha técnica" && (((_state$product23 = state.product) === null || _state$product23 === void 0 ? void 0 : _state$product23.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$services, _state$services$datas, _state$services$datas2;
 
@@ -1903,7 +1986,7 @@ var ProviderProductEditionView = function ProviderProductEditionView(_ref) {
                 }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
                   text: "No cuentas con este servicio",
                   headerType: "input-name-header"
-                })), state.active_tab === "Imágenes" && (((_state$product26 = state.product) === null || _state$product26 === void 0 ? void 0 : _state$product26.images_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+                })), state.active_tab === "Imágenes" && (((_state$product24 = state.product) === null || _state$product24 === void 0 ? void 0 : _state$product24.images_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
                   children: [!imageLayout && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryHeader.GalleryHeader, {
                     checkAll: state.all_image_checked // Determina si el checkbox "Seleccionar todo" está marcado
                     ,