contentoh-components-library 21.6.41 → 21.6.43

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

@@ -162,81 +162,81 @@ function regenerateVideoThumbnails(_x) {
 }
 
 function _regenerateVideoThumbnails() {
-  _regenerateVideoThumbnails = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee18(values) {
-    return _regenerator.default.wrap(function _callee18$(_context18) {
+  _regenerateVideoThumbnails = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee19(values) {
+    return _regenerator.default.wrap(function _callee19$(_context19) {
       while (1) {
-        switch (_context18.prev = _context18.next) {
+        switch (_context19.prev = _context19.next) {
           case 0:
             if (Array.isArray(values)) {
-              _context18.next = 2;
+              _context19.next = 2;
               break;
             }
 
-            return _context18.abrupt("return", values);
+            return _context19.abrupt("return", values);
 
           case 2:
-            return _context18.abrupt("return", Promise.all(values.map( /*#__PURE__*/function () {
-              var _ref22 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee17(value) {
+            return _context19.abrupt("return", Promise.all(values.map( /*#__PURE__*/function () {
+              var _ref23 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee18(value) {
                 var base64, videoSrc, thumbnail;
-                return _regenerator.default.wrap(function _callee17$(_context17) {
+                return _regenerator.default.wrap(function _callee18$(_context18) {
                   while (1) {
-                    switch (_context17.prev = _context17.next) {
+                    switch (_context18.prev = _context18.next) {
                       case 0:
                         if (!((value === null || value === void 0 ? void 0 : value.ext) !== "mp4" || !(value !== null && value !== void 0 && value.srcDB))) {
-                          _context17.next = 2;
+                          _context18.next = 2;
                           break;
                         }
 
-                        return _context17.abrupt("return", value);
+                        return _context18.abrupt("return", value);
 
                       case 2:
-                        _context17.prev = 2;
-                        _context17.next = 5;
+                        _context18.prev = 2;
+                        _context18.next = 5;
                         return convertirVideoABase64("https://" + process.env.REACT_APP_IMAGES_BUCKET + ".s3.amazonaws.com/" + value.srcDB);
 
                       case 5:
-                        base64 = _context17.sent;
+                        base64 = _context18.sent;
                         videoSrc = "data:video/mp4;base64," + base64.split(",")[1];
-                        _context17.next = 9;
+                        _context18.next = 9;
                         return (0, _generateThumnail.default)(videoSrc, 2);
 
                       case 9:
-                        thumbnail = _context17.sent;
-                        return _context17.abrupt("return", (0, _objectSpread5.default)((0, _objectSpread5.default)({}, value), {}, {
+                        thumbnail = _context18.sent;
+                        return _context18.abrupt("return", (0, _objectSpread5.default)((0, _objectSpread5.default)({}, value), {}, {
                           src: thumbnail
                         }));
 
                       case 13:
-                        _context17.prev = 13;
-                        _context17.t0 = _context17["catch"](2);
-                        console.error("Error al generar thumbnail del video:", _context17.t0);
-                        return _context17.abrupt("return", value);
+                        _context18.prev = 13;
+                        _context18.t0 = _context18["catch"](2);
+                        console.error("Error al generar thumbnail del video:", _context18.t0);
+                        return _context18.abrupt("return", value);
 
                       case 17:
                       case "end":
-                        return _context17.stop();
+                        return _context18.stop();
                     }
                   }
-                }, _callee17, null, [[2, 13]]);
+                }, _callee18, null, [[2, 13]]);
               }));
 
               return function (_x10) {
-                return _ref22.apply(this, arguments);
+                return _ref23.apply(this, arguments);
               };
             }())));
 
           case 3:
           case "end":
-            return _context18.stop();
+            return _context19.stop();
         }
       }
-    }, _callee18);
+    }, _callee19);
   }));
   return _regenerateVideoThumbnails.apply(this, arguments);
 }
 
 var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
-  var _state$product10, _family$variants, _state$product11, _state$errors, _family$variants2, _state$product15, _state$product16, _state$product17, _state$active_retaile5, _location$state, _location$state2, _state$active_retaile6, _state$active_retaile7, _state$images_values$2, _state$images_values10, _state$images_values11, _state$product18, _state$active_retaile8, _family$variants3, _family$variants4, _state$active_percent, _state$active_percent2, _state$active_percent3, _state$active_retaile9, _state$active_retaile10, _state$active_retaile11, _state$product24, _state$services2, _state$services2$data, _state$product25, _state$product26, _state$datasheets_inp, _state$datasheets_inp2, _state$product27, _state$images_values12, _state$comment;
+  var _state$product10, _family$variants, _state$product11, _state$errors, _family$variants2, _state$product15, _state$product16, _state$product17, _state$active_retaile6, _location$state, _location$state2, _state$active_retaile7, _state$active_retaile8, _state$images_values$2, _state$images_values10, _state$images_values11, _state$product18, _state$active_retaile9, _family$variants3, _family$variants4, _state$active_percent, _state$active_percent2, _state$active_percent3, _state$active_retaile10, _state$active_retaile11, _state$active_retaile12, _state$product24, _state$services2, _state$services2$data, _state$product25, _state$product26, _state$datasheets_inp, _state$datasheets_inp2, _state$product27, _state$images_values12, _state$comment;
 
   var tabsSections = _ref.tabsSections,
       _ref$productSelected = _ref.productSelected,
@@ -740,6 +740,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
           versionSelected,
           _services$,
           _retailerDatasheets$d,
+          _state$active_retaile2,
           _state$product4,
           id_article,
           version,
@@ -767,6 +768,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
           retailerDatasheets,
           datasheetsActiveRetailer,
           descriptionsActiveRetailer,
+          activeRetailerId,
           filteredValues,
           orderedValuesWithThumbs,
           filteredValuesWithThumbs,
@@ -911,23 +913,33 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               descriptionsActiveRetailer = services[1].filter(function (item) {
                 return item.id === id_retailer;
               });
+              /**
+               * El id del retailer activo viene con dos nombres según de dónde salga:
+               * `categoryRetailerInOrder` lo trae como `id_retailer`, mientras que los
+               * retailers de `read-data-images` lo traen como `id`. Si se compara solo
+               * contra uno, al cambiar de cadena el otro queda `undefined`, la
+               * comparación es siempre falsa y `filteredValues` sale vacío — la imagen
+               * existe, el backend la devuelve, y aun así no se pinta ninguna.
+               */
+
+              activeRetailerId = id_retailer !== null && id_retailer !== void 0 ? id_retailer : (_state$active_retaile2 = state.active_retailer) === null || _state$active_retaile2 === void 0 ? void 0 : _state$active_retaile2.id;
               filteredValues = services[2].values.filter(function (value) {
                 return services[2].inputsByRetailer.some(function (retailerInput) {
                   return retailerInput.some(function (input) {
-                    return input.id_retailer === id_retailer && input.id_image === value.image_id;
+                    return Number(input.id_retailer) === Number(activeRetailerId) && Number(input.id_image) === Number(value.image_id);
                   });
                 });
               }); // Regenerar thumbnails de videos guardados para que se muestren.
 
-              _context4.next = 34;
+              _context4.next = 35;
               return regenerateVideoThumbnails(orderedValues);
 
-            case 34:
+            case 35:
               orderedValuesWithThumbs = _context4.sent;
-              _context4.next = 37;
+              _context4.next = 38;
               return regenerateVideoThumbnails(filteredValues);
 
-            case 37:
+            case 38:
               filteredValuesWithThumbs = _context4.sent;
               // Dispatch consolidado
               dispatch({
@@ -980,11 +992,11 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 loadAuditableData();
               }
 
-              _context4.next = 53;
+              _context4.next = 54;
               break;
 
-            case 49:
-              _context4.prev = 49;
+            case 50:
+              _context4.prev = 50;
               _context4.t0 = _context4["catch"](2);
               console.log("Error loading data: ", _context4.t0);
               dispatch({
@@ -992,20 +1004,20 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 payload: [_context4.t0.message]
               });
 
-            case 53:
-              _context4.prev = 53;
+            case 54:
+              _context4.prev = 54;
               dispatch({
                 type: "SET_LOADING",
                 payload: false
               });
-              return _context4.finish(53);
+              return _context4.finish(54);
 
-            case 56:
+            case 57:
             case "end":
               return _context4.stop();
           }
         }
-      }, _callee4, null, [[2, 49, 53, 56]]);
+      }, _callee4, null, [[2, 50, 54, 57]]);
     }));
 
     return function loadData() {
@@ -1108,9 +1120,9 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
     var concept = (0, _utils.getConceptByTab)(action || state.active_tab);
     var retailerStatus = (_state$services_data = state.services_data) === null || _state$services_data === void 0 ? void 0 : (_state$services_data$ = _state$services_data.find(function (srv) {
-      var _state$active_retaile2;
+      var _state$active_retaile3;
 
-      return srv.id_retailer === ((_state$active_retaile2 = state.active_retailer) === null || _state$active_retaile2 === void 0 ? void 0 : _state$active_retaile2.id_retailer) && srv.service === concept;
+      return srv.id_retailer === ((_state$active_retaile3 = state.active_retailer) === null || _state$active_retaile3 === void 0 ? void 0 : _state$active_retaile3.id_retailer) && srv.service === concept;
     })) === null || _state$services_data$ === void 0 ? void 0 : (_state$services_data$2 = _state$services_data$.status) === null || _state$services_data$2 === void 0 ? void 0 : _state$services_data$2.replace(/.*\//, ""); // Se SUMA la vía por asignación a la que ya había por rol; no la
     // reemplaza. Así los coordinadores y el administrador conservan su acceso
     // tal cual, y el especialista que además es auditor alcanza la segunda fase.
@@ -1155,28 +1167,38 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
     return currentStatus;
   };
 
-  var handleOnClickSaveImages = function handleOnClickSaveImages() {
-    var _state$product7, _state$product7$servi;
-
-    if (((_state$product7 = state.product) === null || _state$product7 === void 0 ? void 0 : (_state$product7$servi = _state$product7.services) === null || _state$product7$servi === void 0 ? void 0 : _state$product7$servi.images) === 1) {
-      /**
-       * `updateImages` y NO `saveImageAttrs`.
-       *
-       * `saveImageAttrs` manda `articleData: []` fijo, así que las imágenes
-       * nuevas nunca llegaban al backend: el archivo se subía a S3 —eso lo hace
-       * el front por su cuenta— pero `saveImages` no se ejecutaba y la fila de
-       * `rel_article_image` nunca se creaba. Como la pantalla lee de esa tabla,
-       * la imagen no aparecía después de guardar.
-       *
-       * `updateImages` cubre las dos cosas: manda `attrReqImgs` con los
-       * atributos requeridos y además `articleData` con las imágenes nuevas y
-       * `updateImages` con las existentes. Es la misma función que ya usaba el
-       * botón de guardar del menú de pestañas (`handleOnClickSave`), así que
-       * ambos caminos quedan consistentes.
-       */
-      updateImages(token);
-    }
-  };
+  var handleOnClickSaveImages = /*#__PURE__*/function () {
+    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
+      var _state$product7, _state$product7$servi;
+
+      return _regenerator.default.wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              if (!(((_state$product7 = state.product) === null || _state$product7 === void 0 ? void 0 : (_state$product7$servi = _state$product7.services) === null || _state$product7$servi === void 0 ? void 0 : _state$product7$servi.images) === 1)) {
+                _context5.next = 5;
+                break;
+              }
+
+              _context5.next = 3;
+              return updateImages(token);
+
+            case 3:
+              _context5.next = 5;
+              return loadData(false);
+
+            case 5:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5);
+    }));
+
+    return function handleOnClickSaveImages() {
+      return _ref9.apply(this, arguments);
+    };
+  }();
   /*
     Trae la familia: los hijos del producto, o sus hermanos si el abierto es
     una de ellas. Se pide al abrir la sección y no al montar la pantalla: la
@@ -1185,29 +1207,29 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
 
   var loadFamily = /*#__PURE__*/function () {
-    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
+    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
       var forzar,
           _state$product8,
           res,
           data,
-          _args5 = arguments;
+          _args6 = arguments;
 
-      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:
-              forzar = _args5.length > 0 && _args5[0] !== undefined ? _args5[0] : false;
+              forzar = _args6.length > 0 && _args6[0] !== undefined ? _args6[0] : false;
 
               if (!(family && !forzar)) {
-                _context5.next = 3;
+                _context6.next = 3;
                 break;
               }
 
-              return _context5.abrupt("return", family);
+              return _context6.abrupt("return", family);
 
             case 3:
-              _context5.prev = 3;
-              _context5.next = 6;
+              _context6.prev = 3;
+              _context6.next = 6;
               return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/family"), {
                 articleId: (_state$product8 = state.product) === null || _state$product8 === void 0 ? void 0 : _state$product8.id_article
               }, {
@@ -1217,32 +1239,32 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
             case 6:
-              res = _context5.sent;
+              res = _context6.sent;
               data = (0, _api.readPayload)(res);
               setFamily(data);
-              return _context5.abrupt("return", data);
+              return _context6.abrupt("return", data);
 
             case 12:
-              _context5.prev = 12;
-              _context5.t0 = _context5["catch"](3);
-              console.error("loadFamily: ", _context5.t0);
+              _context6.prev = 12;
+              _context6.t0 = _context6["catch"](3);
+              console.error("loadFamily: ", _context6.t0);
               setFamily({
                 variants: [],
                 parent: null,
                 error: true
               });
-              return _context5.abrupt("return", null);
+              return _context6.abrupt("return", null);
 
             case 17:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
         }
-      }, _callee5, null, [[3, 12]]);
+      }, _callee6, null, [[3, 12]]);
     }));
 
     return function loadFamily() {
-      return _ref9.apply(this, arguments);
+      return _ref10.apply(this, arguments);
     };
   }();
   /*
@@ -1350,17 +1372,17 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
   };
 
   var openFamilyMember = /*#__PURE__*/function () {
-    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(articleId) {
-      var _readPayload, res, _ref11, data, encontrado;
+    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7(articleId) {
+      var _readPayload, res, _ref12, data, encontrado;
 
-      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:
               setLoadingVariant(articleId);
               setAvisoFamilia(null);
-              _context6.prev = 2;
-              _context6.next = 5;
+              _context7.prev = 2;
+              _context7.next = 5;
               return _axios.default.get("".concat(process.env.REACT_APP_ORDERED_SERVICES_ENDPOINT), {
                 params: {
                   filterByIdArticle: articleId,
@@ -1372,11 +1394,11 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
             case 5:
-              res = _context6.sent;
+              res = _context7.sent;
               // read-order-services responde { total, data: [...] }. La vista trae una
               // fila por orden, así que puede haber varias del mismo artículo; llegan
               // ordenadas por order_id DESC y la primera es la orden más reciente.
-              _ref11 = (_readPayload = (0, _api.readPayload)(res)) !== null && _readPayload !== void 0 ? _readPayload : {}, data = _ref11.data;
+              _ref12 = (_readPayload = (0, _api.readPayload)(res)) !== null && _readPayload !== void 0 ? _readPayload : {}, data = _ref12.data;
               encontrado = (data !== null && data !== void 0 ? data : []).find(function (item) {
                 var _item$article;
 
@@ -1384,12 +1406,12 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
               if (encontrado) {
-                _context6.next = 11;
+                _context7.next = 11;
                 break;
               }
 
               setAvisoFamilia("Ese producto no está en ninguna orden de trabajo, así que no se puede abrir desde aquí.");
-              return _context6.abrupt("return");
+              return _context7.abrupt("return");
 
             case 11:
               sessionStorage.setItem("productSelected", JSON.stringify(encontrado));
@@ -1400,30 +1422,30 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 product: [encontrado]
               }));
               window.location.assign("/EditProducts");
-              _context6.next = 21;
+              _context7.next = 21;
               break;
 
             case 17:
-              _context6.prev = 17;
-              _context6.t0 = _context6["catch"](2);
-              console.error("openFamilyMember: ", _context6.t0);
+              _context7.prev = 17;
+              _context7.t0 = _context7["catch"](2);
+              console.error("openFamilyMember: ", _context7.t0);
               setAvisoFamilia("No se pudo abrir ese producto. Intenta de nuevo.");
 
             case 21:
-              _context6.prev = 21;
+              _context7.prev = 21;
               setLoadingVariant(null);
-              return _context6.finish(21);
+              return _context7.finish(21);
 
             case 24:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
         }
-      }, _callee6, null, [[2, 17, 21, 24]]);
+      }, _callee7, null, [[2, 17, 21, 24]]);
     }));
 
     return function openFamilyMember(_x3) {
-      return _ref10.apply(this, arguments);
+      return _ref11.apply(this, arguments);
     };
   }();
   /*
@@ -1512,31 +1534,31 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
 
   var handleOnRestoreInheritance = /*#__PURE__*/function () {
-    var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7(attributeId) {
+    var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8(attributeId) {
       var _state$product14;
 
       var kind,
           esDescripcion,
           res,
           data,
-          _args7 = arguments;
-      return _regenerator.default.wrap(function _callee7$(_context7) {
+          _args8 = arguments;
+      return _regenerator.default.wrap(function _callee8$(_context8) {
         while (1) {
-          switch (_context7.prev = _context7.next) {
+          switch (_context8.prev = _context8.next) {
             case 0:
-              kind = _args7.length > 1 && _args7[1] !== undefined ? _args7[1] : "attribute";
+              kind = _args8.length > 1 && _args8[1] !== undefined ? _args8[1] : "attribute";
 
               if (!(!attributeId || !((_state$product14 = state.product) !== null && _state$product14 !== void 0 && _state$product14.id_article))) {
-                _context7.next = 3;
+                _context8.next = 3;
                 break;
               }
 
-              return _context7.abrupt("return");
+              return _context8.abrupt("return");
 
             case 3:
               esDescripcion = kind === "description";
-              _context7.prev = 4;
-              _context7.next = 7;
+              _context8.prev = 4;
+              _context8.next = 7;
               return _axios.default.post("".concat(process.env.REACT_APP_VARIANTS_ENDPOINT, "/restore"), (0, _objectSpread5.default)({
                 articleId: state.product.id_article
               }, esDescripcion ? {
@@ -1550,11 +1572,11 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
             case 7:
-              res = _context7.sent;
+              res = _context8.sent;
               data = (0, _api.readPayload)(res);
 
               if (!esDescripcion) {
-                _context7.next = 12;
+                _context8.next = 12;
                 break;
               }
 
@@ -1568,7 +1590,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   };
                 })
               });
-              return _context7.abrupt("return");
+              return _context8.abrupt("return");
 
             case 12:
               dispatch({
@@ -1581,24 +1603,24 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   };
                 })
               });
-              _context7.next = 18;
+              _context8.next = 18;
               break;
 
             case 15:
-              _context7.prev = 15;
-              _context7.t0 = _context7["catch"](4);
-              console.error("restoreInheritance: ", _context7.t0);
+              _context8.prev = 15;
+              _context8.t0 = _context8["catch"](4);
+              console.error("restoreInheritance: ", _context8.t0);
 
             case 18:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
         }
-      }, _callee7, null, [[4, 15]]);
+      }, _callee8, null, [[4, 15]]);
     }));
 
     return function handleOnRestoreInheritance(_x4) {
-      return _ref12.apply(this, arguments);
+      return _ref13.apply(this, arguments);
     };
   }();
   /*
@@ -1608,9 +1630,9 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
 
   var cambiosDeFichaTecnica = function cambiosDeFichaTecnica() {
-    var _state$active_retaile3, _state$services$datas, _state$services, _state$services$datas2, _state$updated_datash;
+    var _state$active_retaile4, _state$services$datas, _state$services, _state$services$datas2, _state$updated_datash;
 
-    var retailerId = (_state$active_retaile3 = state.active_retailer) === null || _state$active_retaile3 === void 0 ? void 0 : _state$active_retaile3.id_retailer;
+    var retailerId = (_state$active_retaile4 = state.active_retailer) === null || _state$active_retaile4 === void 0 ? void 0 : _state$active_retaile4.id_retailer;
     var inputs = (_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$datas2.inputs) !== null && _state$services$datas !== void 0 ? _state$services$datas : {};
     return ((_state$updated_datash = state.updated_datasheets_inputs) !== null && _state$updated_datash !== void 0 ? _state$updated_datash : []).map(function (item) {
       var _input$name;
@@ -1625,45 +1647,45 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
   };
 
   var handleOnClickSave = /*#__PURE__*/function () {
-    var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
+    var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
       var _familia$variants, cambios, familia, hijos;
 
-      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:
               if (!(state.saving || preparandoPropagacion)) {
-                _context8.next = 2;
+                _context9.next = 2;
                 break;
               }
 
-              return _context8.abrupt("return");
+              return _context9.abrupt("return");
 
             case 2:
-              _context8.t0 = state.active_tab;
-              _context8.next = _context8.t0 === "Descripción" ? 5 : _context8.t0 === "Ficha técnica" ? 8 : _context8.t0 === "Imágenes" ? 32 : 35;
+              _context9.t0 = state.active_tab;
+              _context9.next = _context9.t0 === "Descripción" ? 5 : _context9.t0 === "Ficha técnica" ? 8 : _context9.t0 === "Imágenes" ? 32 : 35;
               break;
 
             case 5:
-              _context8.next = 7;
+              _context9.next = 7;
               return saveDescriptions(token);
 
             case 7:
-              return _context8.abrupt("break", 36);
+              return _context9.abrupt("break", 36);
 
             case 8:
               cambios = cambiosDeFichaTecnica();
 
               if (!(cambios.length === 0)) {
-                _context8.next = 13;
+                _context9.next = 13;
                 break;
               }
 
-              _context8.next = 12;
+              _context9.next = 12;
               return saveDatasheets(token);
 
             case 12:
-              return _context8.abrupt("break", 36);
+              return _context9.abrupt("break", 36);
 
             case 13:
               /*
@@ -1682,21 +1704,21 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               */
               setPreparandoPropagacion(true);
               familia = null;
-              _context8.prev = 15;
-              _context8.next = 18;
+              _context9.prev = 15;
+              _context9.next = 18;
               return loadFamily(true);
 
             case 18:
-              familia = _context8.sent;
+              familia = _context9.sent;
 
             case 19:
-              _context8.prev = 19;
+              _context9.prev = 19;
               setPreparandoPropagacion(false);
-              return _context8.finish(19);
+              return _context9.finish(19);
 
             case 22:
               if (!(!familia || familia.error)) {
-                _context8.next = 25;
+                _context9.next = 25;
                 break;
               }
 
@@ -1733,7 +1755,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   }]
                 }
               });
-              return _context8.abrupt("return");
+              return _context9.abrupt("return");
 
             case 25:
               hijos = ((_familia$variants = familia.variants) !== null && _familia$variants !== void 0 ? _familia$variants : []).filter(function (v) {
@@ -1741,46 +1763,46 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
               if (!(hijos.length > 0)) {
-                _context8.next = 29;
+                _context9.next = 29;
                 break;
               }
 
               setPendingPropagation({
                 cambios: cambios
               });
-              return _context8.abrupt("return");
+              return _context9.abrupt("return");
 
             case 29:
-              _context8.next = 31;
+              _context9.next = 31;
               return saveDatasheets(token);
 
             case 31:
-              return _context8.abrupt("break", 36);
+              return _context9.abrupt("break", 36);
 
             case 32:
-              _context8.next = 34;
+              _context9.next = 34;
               return updateImages(token);
 
             case 34:
-              return _context8.abrupt("break", 36);
+              return _context9.abrupt("break", 36);
 
             case 35:
-              return _context8.abrupt("break", 36);
+              return _context9.abrupt("break", 36);
 
             case 36:
-              _context8.next = 38;
+              _context9.next = 38;
               return loadData(false);
 
             case 38:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
         }
-      }, _callee8, null, [[15,, 19, 22]]);
+      }, _callee9, null, [[15,, 19, 22]]);
     }));
 
     return function handleOnClickSave() {
-      return _ref13.apply(this, arguments);
+      return _ref14.apply(this, arguments);
     };
   }();
 
@@ -1848,24 +1870,24 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
   };
 
   var handleOnApproveSingleService = /*#__PURE__*/function () {
-    var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
-      return _regenerator.default.wrap(function _callee9$(_context9) {
+    var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10() {
+      return _regenerator.default.wrap(function _callee10$(_context10) {
         while (1) {
-          switch (_context9.prev = _context9.next) {
+          switch (_context10.prev = _context10.next) {
             case 0:
-              _context9.next = 2;
+              _context10.next = 2;
               return sendSingleEvaluation("A");
 
             case 2:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
         }
-      }, _callee9);
+      }, _callee10);
     }));
 
     return function handleOnApproveSingleService() {
-      return _ref14.apply(this, arguments);
+      return _ref15.apply(this, arguments);
     };
   }();
 
@@ -1874,21 +1896,21 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
   };
 
   var sendSingleEvaluation = /*#__PURE__*/function () {
-    var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10(result) {
-      var _state$product$id_ord, _state$active_retaile4;
+    var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(result) {
+      var _state$product$id_ord, _state$active_retaile5;
 
       var concept, articleId, orderId, sectionStatusKey, evalStatus, retailerId, data, res, message, icon, activeTab, newStatuses, serviceStatus, articleStatus, updatedStatusByRetailer, updatedProduct, specialistDone, _objectSpread2, _state$services_data2, _JSON$parse2, newStatus, newOrderStatus, newArticleStatus, _articleStatus, updatedStatusByRetailerForSend, _updatedProduct, updatedServicesData, sessionProduct, _objectSpread3, productInSession, updatedProductInSession;
 
-      return _regenerator.default.wrap(function _callee10$(_context10) {
+      return _regenerator.default.wrap(function _callee11$(_context11) {
         while (1) {
-          switch (_context10.prev = _context10.next) {
+          switch (_context11.prev = _context11.next) {
             case 0:
               if (!state.saving) {
-                _context10.next = 2;
+                _context11.next = 2;
                 break;
               }
 
-              return _context10.abrupt("return");
+              return _context11.abrupt("return");
 
             case 2:
               dispatch({
@@ -1900,7 +1922,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               orderId = (_state$product$id_ord = state.product.id_order) !== null && _state$product$id_ord !== void 0 ? _state$product$id_ord : state.product.orderId;
               sectionStatusKey = "".concat(concept, "_status");
               evalStatus = state.product[sectionStatusKey];
-              retailerId = (_state$active_retaile4 = state.active_retailer) === null || _state$active_retaile4 === void 0 ? void 0 : _state$active_retaile4.id_retailer;
+              retailerId = (_state$active_retaile5 = state.active_retailer) === null || _state$active_retaile5 === void 0 ? void 0 : _state$active_retaile5.id_retailer;
               data = {
                 articleId: articleId,
                 orderId: orderId,
@@ -1909,16 +1931,16 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 retailerId: retailerId
               };
               activeTab = state.active_tab;
-              _context10.prev = 11;
+              _context11.prev = 11;
 
               if (!result) {
-                _context10.next = 28;
+                _context11.next = 28;
                 break;
               }
 
               data.result = result;
               data.retailerId = retailerId;
-              _context10.next = 17;
+              _context11.next = 17;
               return _axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
                 headers: {
                   Authorization: token
@@ -1926,7 +1948,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
             case 17:
-              res = _context10.sent;
+              res = _context11.sent;
               newStatuses = JSON.parse(res.data.body);
               serviceStatus = newStatuses.newServiceStatus[articleId]["".concat(concept, "Status")];
               articleStatus = newStatuses.newArticleStatus[articleId];
@@ -1957,7 +1979,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   image: _genericModalCheck.default
                 }
               });
-              _context10.next = 33;
+              _context11.next = 33;
               break;
 
             case 28:
@@ -1973,7 +1995,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 icon = _genericModalCheck.default;
               }
 
-              _context10.next = 32;
+              _context11.next = 32;
               return _axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
                 headers: {
                   Authorization: token
@@ -1981,7 +2003,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
             case 32:
-              res = _context10.sent;
+              res = _context11.sent;
 
             case 33:
               if (res.data.statusCode === 200) {
@@ -2066,13 +2088,13 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 });
               }
 
-              _context10.next = 40;
+              _context11.next = 40;
               break;
 
             case 36:
-              _context10.prev = 36;
-              _context10.t0 = _context10["catch"](11);
-              console.error("Error sending evaluation:", _context10.t0);
+              _context11.prev = 36;
+              _context11.t0 = _context11["catch"](11);
+              console.error("Error sending evaluation:", _context11.t0);
               dispatch({
                 type: "SET_MODAL",
                 payload: {
@@ -2084,45 +2106,45 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
               });
 
             case 40:
-              _context10.prev = 40;
+              _context11.prev = 40;
               dispatch({
                 type: "SET_SAVING",
                 payload: false
               });
-              return _context10.finish(40);
+              return _context11.finish(40);
 
             case 43:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
         }
-      }, _callee10, null, [[11, 36, 40, 43]]);
+      }, _callee11, null, [[11, 36, 40, 43]]);
     }));
 
     return function sendSingleEvaluation(_x5) {
-      return _ref15.apply(this, arguments);
+      return _ref16.apply(this, arguments);
     };
   }();
 
   var handleOnApproveAllServices = /*#__PURE__*/function () {
-    var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11() {
-      return _regenerator.default.wrap(function _callee11$(_context11) {
+    var _ref17 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
+      return _regenerator.default.wrap(function _callee12$(_context12) {
         while (1) {
-          switch (_context11.prev = _context11.next) {
+          switch (_context12.prev = _context12.next) {
             case 0:
-              _context11.next = 2;
+              _context12.next = 2;
               return sendBulkEvaluation("A");
 
             case 2:
             case "end":
-              return _context11.stop();
+              return _context12.stop();
           }
         }
-      }, _callee11);
+      }, _callee12);
     }));
 
     return function handleOnApproveAllServices() {
-      return _ref16.apply(this, arguments);
+      return _ref17.apply(this, arguments);
     };
   }();
 
@@ -2132,18 +2154,18 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
   };
 
   var sendBulkEvaluation = /*#__PURE__*/function () {
-    var _ref17 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12(result) {
+    var _ref18 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13(result) {
       var _state$services_data3, evaluationArray, conceptArray, status, updatedStatusByRetailer, updatedProduct, updatedServicesData;
 
-      return _regenerator.default.wrap(function _callee12$(_context12) {
+      return _regenerator.default.wrap(function _callee13$(_context13) {
         while (1) {
-          switch (_context12.prev = _context12.next) {
+          switch (_context13.prev = _context13.next) {
             case 0:
               dispatch({
                 type: "SET_SAVING",
                 payload: true
               });
-              _context12.prev = 1;
+              _context13.prev = 1;
               evaluationArray = [];
               conceptArray = (0, _utils.getConceptsByRole)(user.id_role);
               (_state$services_data3 = state.services_data) === null || _state$services_data3 === void 0 ? void 0 : _state$services_data3.forEach(function (ret, idx) {
@@ -2168,7 +2190,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   }));
                 }
               });
-              _context12.next = 7;
+              _context13.next = 7;
               return Promise.all(evaluationArray);
 
             case 7:
@@ -2223,41 +2245,41 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   image: _genericModalCheck.default
                 }
               });
-              _context12.next = 19;
+              _context13.next = 19;
               break;
 
             case 16:
-              _context12.prev = 16;
-              _context12.t0 = _context12["catch"](1);
-              console.error("Error in bulk evaluation:", _context12.t0);
+              _context13.prev = 16;
+              _context13.t0 = _context13["catch"](1);
+              console.error("Error in bulk evaluation:", _context13.t0);
 
             case 19:
-              _context12.prev = 19;
+              _context13.prev = 19;
               dispatch({
                 type: "SET_SAVING",
                 payload: false
               });
-              return _context12.finish(19);
+              return _context13.finish(19);
 
             case 22:
             case "end":
-              return _context12.stop();
+              return _context13.stop();
           }
         }
-      }, _callee12, null, [[1, 16, 19, 22]]);
+      }, _callee13, null, [[1, 16, 19, 22]]);
     }));
 
     return function sendBulkEvaluation(_x6) {
-      return _ref17.apply(this, arguments);
+      return _ref18.apply(this, arguments);
     };
   }();
 
   var handleOnChangeAssignations = /*#__PURE__*/function () {
-    var _ref18 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13(assignationType, assignationId) {
+    var _ref19 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14(assignationType, assignationId) {
       var concept, data, updatedProduct;
-      return _regenerator.default.wrap(function _callee13$(_context13) {
+      return _regenerator.default.wrap(function _callee14$(_context14) {
         while (1) {
-          switch (_context13.prev = _context13.next) {
+          switch (_context14.prev = _context14.next) {
             case 0:
               concept = (0, _utils.getConceptByTab)(state.active_tab);
               data = {
@@ -2268,7 +2290,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 concept: concept,
                 userId: assignationId
               };
-              _context13.next = 4;
+              _context14.next = 4;
               return (0, _axios.default)({
                 method: "post",
                 url: process.env.REACT_APP_ASSIGNATIONS_ENDPOINT,
@@ -2287,14 +2309,14 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
             case 6:
             case "end":
-              return _context13.stop();
+              return _context14.stop();
           }
         }
-      }, _callee13);
+      }, _callee14);
     }));
 
     return function handleOnChangeAssignations(_x7, _x8) {
-      return _ref18.apply(this, arguments);
+      return _ref19.apply(this, arguments);
     };
   }();
 
@@ -2329,16 +2351,16 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
   };
 
   var handleOnSubmitComment = /*#__PURE__*/function () {
-    var _ref19 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14(e) {
+    var _ref20 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15(e) {
       var commentText;
-      return _regenerator.default.wrap(function _callee14$(_context14) {
+      return _regenerator.default.wrap(function _callee15$(_context15) {
         while (1) {
-          switch (_context14.prev = _context14.next) {
+          switch (_context15.prev = _context15.next) {
             case 0:
               e.preventDefault();
               commentText = document.querySelector("#commentary-box .ql-container .ql-editor > p").innerHTML;
-              _context14.prev = 2;
-              _context14.next = 5;
+              _context15.prev = 2;
+              _context15.next = 5;
               return createComment(commentText, token);
 
             case 5:
@@ -2351,13 +2373,13 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                   image: _genericModalCheck.default
                 }
               });
-              _context14.next = 12;
+              _context15.next = 12;
               break;
 
             case 8:
-              _context14.prev = 8;
-              _context14.t0 = _context14["catch"](2);
-              console.error("Error saving comment:", _context14.t0);
+              _context15.prev = 8;
+              _context15.t0 = _context15["catch"](2);
+              console.error("Error saving comment:", _context15.t0);
               dispatch({
                 type: "SET_MODAL",
                 payload: {
@@ -2370,14 +2392,14 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
             case 12:
             case "end":
-              return _context14.stop();
+              return _context15.stop();
           }
         }
-      }, _callee14, null, [[2, 8]]);
+      }, _callee15, null, [[2, 8]]);
     }));
 
     return function handleOnSubmitComment(_x9) {
-      return _ref19.apply(this, arguments);
+      return _ref20.apply(this, arguments);
     };
   }();
 
@@ -2715,7 +2737,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
         articleId: (_state$product15 = state.product) === null || _state$product15 === void 0 ? void 0 : _state$product15.id_article,
         articleName: (_state$product16 = state.product) === null || _state$product16 === void 0 ? void 0 : _state$product16.name,
         articleUpc: (_state$product17 = state.product) === null || _state$product17 === void 0 ? void 0 : _state$product17.upc,
-        activeRetailerId: (_state$active_retaile5 = state.active_retailer) === null || _state$active_retaile5 === void 0 ? void 0 : _state$active_retaile5.id_retailer,
+        activeRetailerId: (_state$active_retaile6 = state.active_retailer) === null || _state$active_retaile6 === void 0 ? void 0 : _state$active_retaile6.id_retailer,
         token: token,
         onClose: function onClose() {
           return setShowLinkVariants(false);
@@ -2747,21 +2769,21 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
           type: "pink",
           label: "Aceptar",
           size: 12,
-          onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15() {
+          onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16() {
             var elements, isMessageEmpty, container, existingAlert, alert, fullMessage;
-            return _regenerator.default.wrap(function _callee15$(_context15) {
+            return _regenerator.default.wrap(function _callee16$(_context16) {
               while (1) {
-                switch (_context15.prev = _context15.next) {
+                switch (_context16.prev = _context16.next) {
                   case 0:
                     elements = document.querySelectorAll("#modal-message-box .ql-container .ql-editor > p");
 
                     if (!(!elements || elements.length === 0)) {
-                      _context15.next = 4;
+                      _context16.next = 4;
                       break;
                     }
 
                     console.error("Elemento no encontrado");
-                    return _context15.abrupt("return");
+                    return _context16.abrupt("return");
 
                   case 4:
                     isMessageEmpty = Array.from(elements).every(function (el) {
@@ -2770,7 +2792,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                     });
 
                     if (!isMessageEmpty) {
-                      _context15.next = 10;
+                      _context16.next = 10;
                       break;
                     }
 
@@ -2785,13 +2807,13 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                       container.appendChild(alert);
                     }
 
-                    return _context15.abrupt("return");
+                    return _context16.abrupt("return");
 
                   case 10:
                     fullMessage = Array.from(elements).map(function (element) {
                       return element.innerHTML;
                     }).join("").replace(/<br\s*\/?>/gi, "\n");
-                    _context15.next = 13;
+                    _context16.next = 13;
                     return createComment(fullMessage, token);
 
                   case 13:
@@ -2800,10 +2822,10 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
 
                   case 15:
                   case "end":
-                    return _context15.stop();
+                    return _context16.stop();
                 }
               }
-            }, _callee15);
+            }, _callee16);
           }))
         }, "btn-Aceptar")]
       }), state.modal.show && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GenericModal.GenericModal, {
@@ -2864,8 +2886,8 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
         productSelected: state.product,
         token: token,
         activeRetailer: {
-          id: (_state$active_retaile6 = state.active_retailer) === null || _state$active_retaile6 === void 0 ? void 0 : _state$active_retaile6.id_retailer,
-          name: (_state$active_retaile7 = state.active_retailer) === null || _state$active_retaile7 === void 0 ? void 0 : _state$active_retaile7.retailer
+          id: (_state$active_retaile7 = state.active_retailer) === null || _state$active_retaile7 === void 0 ? void 0 : _state$active_retaile7.id_retailer,
+          name: (_state$active_retaile8 = state.active_retailer) === null || _state$active_retaile8 === void 0 ? void 0 : _state$active_retaile8.retailer
         }
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "data-container",
@@ -2882,7 +2904,7 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
             activeImage: (_state$images_values10 = state.images_values) !== null && _state$images_values10 !== void 0 && _state$images_values10.values ? (_state$images_values11 = state.images_values) === null || _state$images_values11 === void 0 ? void 0 : _state$images_values11.values[state.current_image] : {},
             assignationsImages: state.collaborator_assignations["Imágenes"],
             imagesStatus: ((_state$product18 = state.product) === null || _state$product18 === void 0 ? void 0 : _state$product18.images_status) || "-",
-            retailerSelected: (_state$active_retaile8 = state.active_retailer) === null || _state$active_retaile8 === void 0 ? void 0 : _state$active_retaile8.id_retailer,
+            retailerSelected: (_state$active_retaile9 = state.active_retailer) === null || _state$active_retaile9 === void 0 ? void 0 : _state$active_retaile9.id_retailer,
             isRetailer: isRetailer,
             version: state.product.version,
             shotThd: shotThd,
@@ -3034,9 +3056,9 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
             productObservation: observation,
             percent: (_state$active_percent = (_state$active_percent2 = state.active_percentage) === null || _state$active_percent2 === void 0 ? void 0 : (_state$active_percent3 = _state$active_percent2.percentagesGeneral) === null || _state$active_percent3 === void 0 ? void 0 : _state$active_percent3.required) !== null && _state$active_percent !== void 0 ? _state$active_percent : 0,
             activeRetailer: {
-              id: (_state$active_retaile9 = state.active_retailer) === null || _state$active_retaile9 === void 0 ? void 0 : _state$active_retaile9.id_retailer,
-              name: (_state$active_retaile10 = state.active_retailer) === null || _state$active_retaile10 === void 0 ? void 0 : _state$active_retaile10.retailer,
-              image: (_state$active_retaile11 = state.active_retailer) === null || _state$active_retaile11 === void 0 ? void 0 : _state$active_retaile11.image
+              id: (_state$active_retaile10 = state.active_retailer) === null || _state$active_retaile10 === void 0 ? void 0 : _state$active_retaile10.id_retailer,
+              name: (_state$active_retaile11 = state.active_retailer) === null || _state$active_retaile11 === void 0 ? void 0 : _state$active_retaile11.retailer,
+              image: (_state$active_retaile12 = state.active_retailer) === null || _state$active_retaile12 === void 0 ? void 0 : _state$active_retaile12.image
             },
             servicesData: state.services_data ? state.services_data : null,
             isObservationVisible: isObservationVisible // actions
@@ -3217,20 +3239,20 @@ var RetailerProductEditionView = function RetailerProductEditionView(_ref) {
                 reviewed: crossComment
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
                 buttonType: "circular-button accept-button",
-                onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16() {
-                  return _regenerator.default.wrap(function _callee16$(_context16) {
+                onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee17() {
+                  return _regenerator.default.wrap(function _callee17$(_context17) {
                     while (1) {
-                      switch (_context16.prev = _context16.next) {
+                      switch (_context17.prev = _context17.next) {
                         case 0:
                           setCrossComment(true);
                           commentRevised();
 
                         case 2:
                         case "end":
-                          return _context16.stop();
+                          return _context17.stop();
                       }
                     }
-                  }, _callee16);
+                  }, _callee17);
                 }))
               })]
             }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/package.json

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

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

@@ -579,12 +579,22 @@ const RetailerProductEditionView = ({
         (item) => item.id === id_retailer,
       );
 
+      /**
+       * El id del retailer activo viene con dos nombres según de dónde salga:
+       * `categoryRetailerInOrder` lo trae como `id_retailer`, mientras que los
+       * retailers de `read-data-images` lo traen como `id`. Si se compara solo
+       * contra uno, al cambiar de cadena el otro queda `undefined`, la
+       * comparación es siempre falsa y `filteredValues` sale vacío — la imagen
+       * existe, el backend la devuelve, y aun así no se pinta ninguna.
+       */
+      const activeRetailerId = id_retailer ?? state.active_retailer?.id;
+
       const filteredValues = services[2].values.filter((value) => {
         return services[2].inputsByRetailer.some((retailerInput) =>
           retailerInput.some(
             (input) =>
-              input.id_retailer === id_retailer &&
-              input.id_image === value.image_id,
+              Number(input.id_retailer) === Number(activeRetailerId) &&
+              Number(input.id_image) === Number(value.image_id),
           ),
         );
       });
@@ -802,7 +812,7 @@ const RetailerProductEditionView = ({
     return currentStatus;
   };
 
-  const handleOnClickSaveImages = () => {
+  const handleOnClickSaveImages = async () => {
     if (state.product?.services?.images === 1) {
       /**
        * `updateImages` y NO `saveImageAttrs`.
@@ -819,7 +829,13 @@ const RetailerProductEditionView = ({
        * botón de guardar del menú de pestañas (`handleOnClickSave`), así que
        * ambos caminos quedan consistentes.
        */
-      updateImages(token);
+      await updateImages(token);
+      // Recargar para que la pantalla refleje lo que quedó guardado, igual que
+      // `handleOnClickSave`. Sin esto el estado local se queda con la imagen sin
+      // su `id` de base de datos: la vista no muestra lo persistido y, al volver
+      // a guardar, el front la manda otra vez como nueva y el backend la omite
+      // por duplicada — así que el `src` nunca se actualizaba.
+      await loadData(false);
     }
   };