contentoh-components-library 21.5.73 → 21.5.75

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

@@ -35,6 +35,8 @@ var _errorModal = _interopRequireDefault(require("../../../../assets/images/gene
 
 var _utils = require("../utils");
 
+var _data = require("../../../../global-files/data");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["src"],
@@ -146,6 +148,10 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
                     })
                   });
                   sessionStorage.setItem("productSelected", JSON.stringify(updatedProduct));
+                  dispatch({
+                    type: "UPDATE_DESCRIPTION_STATUS",
+                    payload: newStatus
+                  });
                   dispatch({
                     type: "SET_SERVICES_DATA",
                     payload: (state.services_data || []).map(function (srv) {
@@ -297,6 +303,10 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
                     })
                   });
                   sessionStorage.setItem("productSelected", JSON.stringify(updatedProduct));
+                  dispatch({
+                    type: "UPDATE_DATASHEET_STATUS",
+                    payload: newStatus
+                  });
                   dispatch({
                     type: "SET_SERVICES_DATA",
                     payload: (state.services_data || []).map(function (srv) {
@@ -364,7 +374,7 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
     var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(token) {
       var _state$images_values, _state$product9, _state$product10, _state$product11, _data$articleData, _data$updateImages;
 
-      var updatedImages, attrForImgs, generalAttrs, retailerKey, retailerAttrs, mergedAttrs, data, valid, promiseArray, res, imageBody, newStatus, _state$product12, productFromLocalStorage, updatedProduct;
+      var updatedImages, attrForImgs, generalAttrs, retailerKey, retailerAttrs, mergedAttrs, data, valid, promiseArray, res, imageBody, newStatus, _state$product12, productFromLocalStorage, updatedProduct, _freshImages$values, _state$product13, id_article, version, _state$active_retaile5, category, id_category, id_retailer, imagesRes, freshImages, orderMap, orderedValues, filteredValues;
 
       return _regenerator.default.wrap(function _callee3$(_context3) {
         while (1) {
@@ -426,7 +436,7 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
               });
 
               if (!valid) {
-                _context3.next = 38;
+                _context3.next = 61;
                 break;
               }
 
@@ -485,60 +495,134 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
             case 24:
               res = _context3.sent;
 
-              if (res.data.statusCode === 200) {
-                // Limpiar las imágenes actualizadas
+              if (!(res.data.statusCode === 200)) {
+                _context3.next = 49;
+                break;
+              }
+
+              // Limpiar las imágenes actualizadas
+              dispatch({
+                type: "SET_UPDATED_IMAGES_VALUES",
+                payload: []
+              });
+              imageBody = JSON.parse(res.data.body);
+              newStatus = imageBody === null || imageBody === void 0 ? void 0 : imageBody.newStatus;
+
+              if (newStatus) {
+                productFromLocalStorage = JSON.parse(sessionStorage.getItem("productSelected"));
+                updatedProduct = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, productFromLocalStorage || state.product), {}, {
+                  images_status: newStatus,
+                  statusByRetailer: ((productFromLocalStorage === null || productFromLocalStorage === void 0 ? void 0 : productFromLocalStorage.statusByRetailer) || ((_state$product12 = state.product) === null || _state$product12 === void 0 ? void 0 : _state$product12.statusByRetailer) || []).map(function (retailerStatus) {
+                    return retailerStatus.service === "images" ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, retailerStatus), {}, {
+                      status: newStatus
+                    }) : retailerStatus;
+                  })
+                });
+                sessionStorage.setItem("productSelected", JSON.stringify(updatedProduct));
                 dispatch({
-                  type: "SET_UPDATED_IMAGES_VALUES",
-                  payload: []
+                  type: "UPDATE_IMAGES_STATUS",
+                  payload: newStatus
                 });
-                imageBody = JSON.parse(res.data.body);
-                newStatus = imageBody === null || imageBody === void 0 ? void 0 : imageBody.newStatus;
+                dispatch({
+                  type: "SET_SERVICES_DATA",
+                  payload: (state.services_data || []).map(function (srv) {
+                    var _state$active_retaile4;
 
-                if (newStatus) {
-                  productFromLocalStorage = JSON.parse(sessionStorage.getItem("productSelected"));
-                  updatedProduct = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, productFromLocalStorage || state.product), {}, {
-                    images_status: newStatus,
-                    statusByRetailer: ((productFromLocalStorage === null || productFromLocalStorage === void 0 ? void 0 : productFromLocalStorage.statusByRetailer) || ((_state$product12 = state.product) === null || _state$product12 === void 0 ? void 0 : _state$product12.statusByRetailer) || []).map(function (retailerStatus) {
-                      return retailerStatus.service === "images" ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, retailerStatus), {}, {
-                        status: newStatus
-                      }) : retailerStatus;
-                    })
-                  });
-                  sessionStorage.setItem("productSelected", JSON.stringify(updatedProduct));
-                  dispatch({
-                    type: "SET_SERVICES_DATA",
-                    payload: (state.services_data || []).map(function (srv) {
-                      var _state$active_retaile4;
+                    return srv.service === "images" && srv.id_retailer === ((_state$active_retaile4 = state.active_retailer) === null || _state$active_retaile4 === void 0 ? void 0 : _state$active_retaile4.id_retailer) ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, srv), {}, {
+                      status: newStatus
+                    }) : srv;
+                  })
+                });
+              } // Refrescar images_values con datos reales del backend
 
-                      return srv.service === "images" && srv.id_retailer === ((_state$active_retaile4 = state.active_retailer) === null || _state$active_retaile4 === void 0 ? void 0 : _state$active_retaile4.id_retailer) ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, srv), {}, {
-                        status: newStatus
-                      }) : srv;
-                    })
-                  });
-                } // Mostrar modal de éxito
 
+              _context3.prev = 30;
+              _state$product13 = state.product, id_article = _state$product13.id_article, version = _state$product13.version;
+              _state$active_retaile5 = state.active_retailer, category = _state$active_retaile5.category, id_category = _state$active_retaile5.id_category, id_retailer = _state$active_retaile5.id_retailer;
+              _context3.next = 35;
+              return _axios.default.post("".concat(process.env.REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT, "?articleId=").concat(id_article, "&version=").concat(version), {
+                category: category,
+                retailersList: [id_retailer]
+              }, {
+                headers: {
+                  Authorization: token
+                }
+              });
 
-                dispatch({
-                  type: "SET_MODAL",
-                  payload: {
-                    show: true,
-                    title: "",
-                    message: "Imágenes guardadas con éxito",
-                    image: _genericModalCheck.default
-                  }
+            case 35:
+              imagesRes = _context3.sent;
+              freshImages = JSON.parse(imagesRes.data.body).data;
+              freshImages.values = freshImages === null || freshImages === void 0 ? void 0 : (_freshImages$values = freshImages.values) === null || _freshImages$values === void 0 ? void 0 : _freshImages$values.map(function (value) {
+                var _freshImages$inputs$f;
+
+                value.name = (_freshImages$inputs$f = freshImages.inputs.find(function (e) {
+                  return e.id === value.image_id;
+                })) === null || _freshImages$inputs$f === void 0 ? void 0 : _freshImages$inputs$f.name;
+                return (0, _data.getImage)(value);
+              });
+              orderMap = freshImages.inputsByRetailer.flat().reduce(function (acc, item) {
+                acc[item.id_image] = item.order;
+                return acc;
+              }, {});
+              orderedValues = (0, _toConsumableArray2.default)(freshImages.values).sort(function (a, b) {
+                var _orderMap$a$image_id, _orderMap$b$image_id;
+
+                var orderA = (_orderMap$a$image_id = orderMap[a.image_id]) !== null && _orderMap$a$image_id !== void 0 ? _orderMap$a$image_id : Number.MAX_SAFE_INTEGER;
+                var orderB = (_orderMap$b$image_id = orderMap[b.image_id]) !== null && _orderMap$b$image_id !== void 0 ? _orderMap$b$image_id : Number.MAX_SAFE_INTEGER;
+                return orderA - orderB;
+              });
+              filteredValues = freshImages.values.filter(function (value) {
+                return freshImages.inputsByRetailer.some(function (retailerInput) {
+                  return retailerInput.some(function (input) {
+                    return input.id_retailer === id_retailer && input.id_image === value.image_id;
+                  });
                 });
-              }
+              });
+              dispatch({
+                type: "SET_IMAGES_VALUES",
+                payload: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, freshImages), {}, {
+                  values: filteredValues
+                })
+              });
+              dispatch({
+                type: "SET_SERVICES",
+                payload: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.services), {}, {
+                  images: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, freshImages), {}, {
+                    values: orderedValues
+                  })
+                })
+              });
+              _context3.next = 48;
+              break;
+
+            case 45:
+              _context3.prev = 45;
+              _context3.t0 = _context3["catch"](30);
+              console.log("Error al refrescar images_values:", _context3.t0);
 
-              _context3.next = 33;
+            case 48:
+              // Mostrar modal de éxito
+              dispatch({
+                type: "SET_MODAL",
+                payload: {
+                  show: true,
+                  title: "",
+                  message: "Imágenes guardadas con éxito",
+                  image: _genericModalCheck.default
+                }
+              });
+
+            case 49:
+              _context3.next = 56;
               break;
 
-            case 28:
-              _context3.prev = 28;
-              _context3.t0 = _context3["catch"](16);
-              console.log(_context3.t0);
+            case 51:
+              _context3.prev = 51;
+              _context3.t1 = _context3["catch"](16);
+              console.log(_context3.t1);
               dispatch({
                 type: "SET_ERRORS",
-                payload: [].concat((0, _toConsumableArray2.default)(state.errors), [_context3.t0])
+                payload: [].concat((0, _toConsumableArray2.default)(state.errors), [_context3.t1])
               });
               dispatch({
                 type: "SET_MODAL",
@@ -550,19 +634,19 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
                 }
               });
 
-            case 33:
-              _context3.prev = 33;
+            case 56:
+              _context3.prev = 56;
               dispatch({
                 type: "SET_SAVING",
                 payload: false
               });
-              return _context3.finish(33);
+              return _context3.finish(56);
 
-            case 36:
-              _context3.next = 39;
+            case 59:
+              _context3.next = 62;
               break;
 
-            case 38:
+            case 61:
               dispatch({
                 type: "SET_MODAL",
                 payload: {
@@ -573,12 +657,12 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
                 }
               });
 
-            case 39:
+            case 62:
             case "end":
               return _context3.stop();
           }
         }
-      }, _callee3, null, [[16, 28, 33, 36]]);
+      }, _callee3, null, [[16, 51, 56, 59], [30, 45]]);
     }));
 
     return function updateImages(_x3) {
@@ -588,9 +672,9 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
 
   var saveImageAttrs = /*#__PURE__*/function () {
     var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(token) {
-      var _state$images_values$, _state$images_values2, _state$images_values3, _state$product13, _state$product14, _state$product15;
+      var _state$images_values$, _state$images_values2, _state$images_values3, _state$product14, _state$product15, _state$product16;
 
-      var activeImage, attrForImgs, data, _state$product16, _state$product17, res, attrBody, newStatus, _state$product18, productFromLocalStorage, updatedProduct;
+      var activeImage, attrForImgs, data, _state$product17, _state$product18, res, attrBody, newStatus, _state$product19, productFromLocalStorage, updatedProduct;
 
       return _regenerator.default.wrap(function _callee4$(_context4) {
         while (1) {
@@ -611,7 +695,7 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
               activeImage = state.images_values.values[state.current_image];
               attrForImgs = (_state$images_values$ = (_state$images_values2 = state.images_values) === null || _state$images_values2 === void 0 ? void 0 : (_state$images_values3 = _state$images_values2.attrForImgs) === null || _state$images_values3 === void 0 ? void 0 : _state$images_values3.general) !== null && _state$images_values$ !== void 0 ? _state$images_values$ : [];
               data = {
-                articleId: (_state$product13 = state.product) === null || _state$product13 === void 0 ? void 0 : _state$product13.id_article,
+                articleId: (_state$product14 = state.product) === null || _state$product14 === void 0 ? void 0 : _state$product14.id_article,
                 attrReqImgs: attrForImgs.map(function (e) {
                   var _e$value2;
 
@@ -624,8 +708,8 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
                 updateImages: activeImage ? [activeImage] : []
               };
 
-              if ((_state$product14 = state.product) !== null && _state$product14 !== void 0 && _state$product14.orderId || (_state$product15 = state.product) !== null && _state$product15 !== void 0 && _state$product15.id_order) {
-                data.orderId = ((_state$product16 = state.product) === null || _state$product16 === void 0 ? void 0 : _state$product16.orderId) || ((_state$product17 = state.product) === null || _state$product17 === void 0 ? void 0 : _state$product17.id_order);
+              if ((_state$product15 = state.product) !== null && _state$product15 !== void 0 && _state$product15.orderId || (_state$product16 = state.product) !== null && _state$product16 !== void 0 && _state$product16.id_order) {
+                data.orderId = ((_state$product17 = state.product) === null || _state$product17 === void 0 ? void 0 : _state$product17.orderId) || ((_state$product18 = state.product) === null || _state$product18 === void 0 ? void 0 : _state$product18.id_order);
               }
 
               _context4.prev = 7;
@@ -655,19 +739,23 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
                   productFromLocalStorage = JSON.parse(sessionStorage.getItem("productSelected"));
                   updatedProduct = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, productFromLocalStorage || state.product), {}, {
                     images_status: newStatus,
-                    statusByRetailer: ((productFromLocalStorage === null || productFromLocalStorage === void 0 ? void 0 : productFromLocalStorage.statusByRetailer) || ((_state$product18 = state.product) === null || _state$product18 === void 0 ? void 0 : _state$product18.statusByRetailer) || []).map(function (retailerStatus) {
+                    statusByRetailer: ((productFromLocalStorage === null || productFromLocalStorage === void 0 ? void 0 : productFromLocalStorage.statusByRetailer) || ((_state$product19 = state.product) === null || _state$product19 === void 0 ? void 0 : _state$product19.statusByRetailer) || []).map(function (retailerStatus) {
                       return retailerStatus.service === "images" ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, retailerStatus), {}, {
                         status: newStatus
                       }) : retailerStatus;
                     })
                   });
                   sessionStorage.setItem("productSelected", JSON.stringify(updatedProduct));
+                  dispatch({
+                    type: "UPDATE_IMAGES_STATUS",
+                    payload: newStatus
+                  });
                   dispatch({
                     type: "SET_SERVICES_DATA",
                     payload: (state.services_data || []).map(function (srv) {
-                      var _state$active_retaile5;
+                      var _state$active_retaile6;
 
-                      return srv.service === "images" && srv.id_retailer === ((_state$active_retaile5 = state.active_retailer) === null || _state$active_retaile5 === void 0 ? void 0 : _state$active_retaile5.id_retailer) ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, srv), {}, {
+                      return srv.service === "images" && srv.id_retailer === ((_state$active_retaile6 = state.active_retailer) === null || _state$active_retaile6 === void 0 ? void 0 : _state$active_retaile6.id_retailer) ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, srv), {}, {
                         status: newStatus
                       }) : srv;
                     })
@@ -728,9 +816,9 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
   }();
 
   var handleOnDownloadImages = function handleOnDownloadImages() {
-    var _state$product19, _state$product20, _state$product20$arti, _state$images_values4, _state$images_values5;
+    var _state$product20, _state$product21, _state$product21$arti, _state$images_values4, _state$images_values5;
 
-    var upc = ((_state$product19 = state.product) === null || _state$product19 === void 0 ? void 0 : _state$product19.upc) || ((_state$product20 = state.product) === null || _state$product20 === void 0 ? void 0 : (_state$product20$arti = _state$product20.article) === null || _state$product20$arti === void 0 ? void 0 : _state$product20$arti.upc);
+    var upc = ((_state$product20 = state.product) === null || _state$product20 === void 0 ? void 0 : _state$product20.upc) || ((_state$product21 = state.product) === null || _state$product21 === void 0 ? void 0 : (_state$product21$arti = _state$product21.article) === null || _state$product21$arti === void 0 ? void 0 : _state$product21$arti.upc);
     state.selected_images.length > 0 ? state.selected_images.forEach(function (e) {
       if (e.id) {
         saveAs("https://".concat(process.env.REACT_APP_IMAGES_BUCKET, ".s3.amazonaws.com/").concat(e.srcDB), "".concat(upc, "_").concat(e.name, ".").concat(e.ext));
@@ -744,7 +832,7 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
 
   var deleteImages = /*#__PURE__*/function () {
     var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(token) {
-      var imgsInBack, _state$product21, data;
+      var imgsInBack, _state$product22, data;
 
       return _regenerator.default.wrap(function _callee5$(_context5) {
         while (1) {
@@ -765,7 +853,7 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
               }
 
               data = {
-                articleId: (_state$product21 = state.product) === null || _state$product21 === void 0 ? void 0 : _state$product21.id_article,
+                articleId: (_state$product22 = state.product) === null || _state$product22 === void 0 ? void 0 : _state$product22.id_article,
                 deleteImages: imgsInBack
               };
               _context5.prev = 4;
@@ -845,7 +933,7 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
 
   var createComment = /*#__PURE__*/function () {
     var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(body, token) {
-      var _state$product22, _state$product23, _state$product24;
+      var _state$product23, _state$product24, _state$product25;
 
       var concept, data;
       return _regenerator.default.wrap(function _callee6$(_context6) {
@@ -854,8 +942,8 @@ var ProviderProductEditionProvider = function ProviderProductEditionProvider(_re
             case 0:
               concept = (0, _utils.getConceptByTab)(state.active_tab);
               data = {
-                articleId: (_state$product22 = state.product) === null || _state$product22 === void 0 ? void 0 : _state$product22.id_article,
-                orderId: ((_state$product23 = state.product) === null || _state$product23 === void 0 ? void 0 : _state$product23.orderId) || ((_state$product24 = state.product) === null || _state$product24 === void 0 ? void 0 : _state$product24.id_order),
+                articleId: (_state$product23 = state.product) === null || _state$product23 === void 0 ? void 0 : _state$product23.id_article,
+                orderId: ((_state$product24 = state.product) === null || _state$product24 === void 0 ? void 0 : _state$product24.orderId) || ((_state$product25 = state.product) === null || _state$product25 === void 0 ? void 0 : _state$product25.id_order),
                 message: body,
                 concept: concept,
                 version: state.product.version
@@ -919,5 +1007,10 @@ var useProviderProductEdition = function useProviderProductEdition() {
 
   return context;
 };
+/* 
+src: "https://d24s337exbt5zr.cloudfront.net/eyJidWNrZXQiOiJjb250ZW50LW1hbmFnZW1lbnQtaW1hZ2VzLXByb2QiLCJrZXkiOiJpZC0xNDQ3MTEvMy8xLTRjZGVjNTZkLTVjYWMtNGY3NC04ZWM0LWZmMmRmOTFjZDdiOS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjEwMDAsImhlaWdodCI6MTAwMCwiZml0IjoiY29udGFpbiIsImJhY2tncm91bmQiOnsiciI6MjU1LCJnIjoyNTUsImIiOjI1NSwiYWxwaGEiOjF9fX19"
+srcDB: "id-144711/3/1-4cdec56d-5cac-4f74-8ec4-ff2df91cd7b9.jpg"
+*/
+
 
 exports.useProviderProductEdition = useProviderProductEdition;

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

@@ -19,7 +19,10 @@ var PRODUCT_ACTIONS = {
   SET_PRODUCT: "SET_PRODUCT",
   SET_SERVICES: "SET_SERVICES",
   SET_SERVICES_DATA: "SET_SERVICES_DATA",
-  SET_PRODUCT_VERSION: "SET_PRODUCT_VERSION"
+  SET_PRODUCT_VERSION: "SET_PRODUCT_VERSION",
+  UPDATE_DESCRIPTION_STATUS: "UPDATE_DESCRIPTION_STATUS",
+  UPDATE_DATASHEET_STATUS: "UPDATE_DATASHEET_STATUS",
+  UPDATE_IMAGES_STATUS: "UPDATE_IMAGES_STATUS"
 };
 exports.PRODUCT_ACTIONS = PRODUCT_ACTIONS;
 
@@ -55,6 +58,54 @@ var productReducer = function productReducer(state, action) {
         });
       }
 
+    case PRODUCT_ACTIONS.UPDATE_DESCRIPTION_STATUS:
+      {
+        var _state$product;
+
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+          product: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.product), {}, {
+            description_status: action.payload,
+            statusByRetailer: (((_state$product = state.product) === null || _state$product === void 0 ? void 0 : _state$product.statusByRetailer) || []).map(function (retailerStatus) {
+              return retailerStatus.service === "description" ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, retailerStatus), {}, {
+                status: action.payload
+              }) : retailerStatus;
+            })
+          })
+        });
+      }
+
+    case PRODUCT_ACTIONS.UPDATE_DATASHEET_STATUS:
+      {
+        var _state$product2;
+
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+          product: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.product), {}, {
+            datasheet_status: action.payload,
+            statusByRetailer: (((_state$product2 = state.product) === null || _state$product2 === void 0 ? void 0 : _state$product2.statusByRetailer) || []).map(function (retailerStatus) {
+              return retailerStatus.service === "datasheet" ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, retailerStatus), {}, {
+                status: action.payload
+              }) : retailerStatus;
+            })
+          })
+        });
+      }
+
+    case PRODUCT_ACTIONS.UPDATE_IMAGES_STATUS:
+      {
+        var _state$product3;
+
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+          product: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.product), {}, {
+            images_status: action.payload,
+            statusByRetailer: (((_state$product3 = state.product) === null || _state$product3 === void 0 ? void 0 : _state$product3.statusByRetailer) || []).map(function (retailerStatus) {
+              return retailerStatus.service === "images" ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, retailerStatus), {}, {
+                status: action.payload
+              }) : retailerStatus;
+            })
+          })
+        });
+      }
+
     default:
       {
         return null;

package/package.json

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

package/src/components/pages/RetailerProductEdition/context/provider-product-edition.context.jsx

@@ -12,6 +12,7 @@ import { v4 as uuidv4 } from "uuid";
 import successIcon from "../../../../assets/images/genericModal/genericModalCheck.svg";
 import errorIcon from "../../../../assets/images/genericModal/errorModal.svg";
 import { getConceptByTab } from "../utils";
+import { getImage } from "../../../../global-files/data";
 
 const S3_BUCKET = process.env.REACT_APP_IMAGES_BUCKET;
 const REGION = "us-east-1";
@@ -122,6 +123,8 @@ export const ProviderProductEditionProvider = ({ children }) => {
             JSON.stringify(updatedProduct),
           );
 
+          dispatch({ type: "UPDATE_DESCRIPTION_STATUS", payload: newStatus });
+
           dispatch({
             type: "SET_SERVICES_DATA",
             payload: (state.services_data || []).map((srv) =>
@@ -260,6 +263,8 @@ export const ProviderProductEditionProvider = ({ children }) => {
             JSON.stringify(updatedProduct),
           );
 
+          dispatch({ type: "UPDATE_DATASHEET_STATUS", payload: newStatus });
+
           dispatch({
             type: "SET_SERVICES_DATA",
             payload: (state.services_data || []).map((srv) =>
@@ -423,6 +428,8 @@ export const ProviderProductEditionProvider = ({ children }) => {
               JSON.stringify(updatedProduct),
             );
 
+            dispatch({ type: "UPDATE_IMAGES_STATUS", payload: newStatus });
+
             dispatch({
               type: "SET_SERVICES_DATA",
               payload: (state.services_data || []).map((srv) =>
@@ -434,6 +441,59 @@ export const ProviderProductEditionProvider = ({ children }) => {
             });
           }
 
+          // Refrescar images_values con datos reales del backend
+          try {
+            const { id_article, version } = state.product;
+            const { category, id_category, id_retailer } = state.active_retailer;
+            const imagesRes = await axios.post(
+              `${process.env.REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT}?articleId=${id_article}&version=${version}`,
+              { category, retailersList: [id_retailer] },
+              { headers: { Authorization: token } },
+            );
+            const freshImages = JSON.parse(imagesRes.data.body).data;
+            freshImages.values = freshImages?.values?.map((value) => {
+              value.name = freshImages.inputs.find((e) => e.id === value.image_id)?.name;
+              return getImage(value);
+            });
+
+            const orderMap = freshImages.inputsByRetailer
+              .flat()
+              .reduce((acc, item) => {
+                acc[item.id_image] = item.order;
+                return acc;
+              }, {});
+
+            const orderedValues = [...freshImages.values].sort((a, b) => {
+              const orderA = orderMap[a.image_id] ?? Number.MAX_SAFE_INTEGER;
+              const orderB = orderMap[b.image_id] ?? Number.MAX_SAFE_INTEGER;
+              return orderA - orderB;
+            });
+
+            const filteredValues = freshImages.values.filter((value) =>
+              freshImages.inputsByRetailer.some((retailerInput) =>
+                retailerInput.some(
+                  (input) =>
+                    input.id_retailer === id_retailer &&
+                    input.id_image === value.image_id,
+                ),
+              ),
+            );
+
+            dispatch({
+              type: "SET_IMAGES_VALUES",
+              payload: { ...freshImages, values: filteredValues },
+            });
+            dispatch({
+              type: "SET_SERVICES",
+              payload: {
+                ...state.services,
+                images: { ...freshImages, values: orderedValues },
+              },
+            });
+          } catch (refreshError) {
+            console.log("Error al refrescar images_values:", refreshError);
+          }
+
           // Mostrar modal de éxito
           dispatch({
             type: "SET_MODAL",
@@ -548,6 +608,8 @@ export const ProviderProductEditionProvider = ({ children }) => {
             JSON.stringify(updatedProduct),
           );
 
+          dispatch({ type: "UPDATE_IMAGES_STATUS", payload: newStatus });
+
           dispatch({
             type: "SET_SERVICES_DATA",
             payload: (state.services_data || []).map((srv) =>
@@ -724,3 +786,8 @@ export const useProviderProductEdition = () => {
 
   return context;
 };
+
+/* 
+src: "https://d24s337exbt5zr.cloudfront.net/eyJidWNrZXQiOiJjb250ZW50LW1hbmFnZW1lbnQtaW1hZ2VzLXByb2QiLCJrZXkiOiJpZC0xNDQ3MTEvMy8xLTRjZGVjNTZkLTVjYWMtNGY3NC04ZWM0LWZmMmRmOTFjZDdiOS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjEwMDAsImhlaWdodCI6MTAwMCwiZml0IjoiY29udGFpbiIsImJhY2tncm91bmQiOnsiciI6MjU1LCJnIjoyNTUsImIiOjI1NSwiYWxwaGEiOjF9fX19"
+srcDB: "id-144711/3/1-4cdec56d-5cac-4f74-8ec4-ff2df91cd7b9.jpg"
+*/

package/src/components/pages/RetailerProductEdition/context/reducers/product.js

@@ -9,6 +9,9 @@ export const PRODUCT_ACTIONS = {
   SET_SERVICES: "SET_SERVICES",
   SET_SERVICES_DATA: "SET_SERVICES_DATA",
   SET_PRODUCT_VERSION: "SET_PRODUCT_VERSION",
+  UPDATE_DESCRIPTION_STATUS: "UPDATE_DESCRIPTION_STATUS",
+  UPDATE_DATASHEET_STATUS: "UPDATE_DATASHEET_STATUS",
+  UPDATE_IMAGES_STATUS: "UPDATE_IMAGES_STATUS",
 };
 
 export const productReducer = (state, action) => {
@@ -44,6 +47,54 @@ export const productReducer = (state, action) => {
       };
     }
 
+    case PRODUCT_ACTIONS.UPDATE_DESCRIPTION_STATUS: {
+      return {
+        ...state,
+        product: {
+          ...state.product,
+          description_status: action.payload,
+          statusByRetailer: (state.product?.statusByRetailer || []).map(
+            (retailerStatus) =>
+              retailerStatus.service === "description"
+                ? { ...retailerStatus, status: action.payload }
+                : retailerStatus,
+          ),
+        },
+      };
+    }
+
+    case PRODUCT_ACTIONS.UPDATE_DATASHEET_STATUS: {
+      return {
+        ...state,
+        product: {
+          ...state.product,
+          datasheet_status: action.payload,
+          statusByRetailer: (state.product?.statusByRetailer || []).map(
+            (retailerStatus) =>
+              retailerStatus.service === "datasheet"
+                ? { ...retailerStatus, status: action.payload }
+                : retailerStatus,
+          ),
+        },
+      };
+    }
+
+    case PRODUCT_ACTIONS.UPDATE_IMAGES_STATUS: {
+      return {
+        ...state,
+        product: {
+          ...state.product,
+          images_status: action.payload,
+          statusByRetailer: (state.product?.statusByRetailer || []).map(
+            (retailerStatus) =>
+              retailerStatus.service === "images"
+                ? { ...retailerStatus, status: action.payload }
+                : retailerStatus,
+          ),
+        },
+      };
+    }
+
     default: {
       return null;
     }