contentoh-components-library 21.4.133 → 21.4.134

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

@@ -17,7 +17,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 
-var _objectSpread5 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _styles = require("./styles");
 
@@ -93,14 +93,6 @@ var _VersionSelector = require("../../organisms/VersionSelector");
 
 var _customHooks = require("../../../global-files/customHooks");
 
-var _utils = require("../RetailerProductEdition/utils");
-
-var _Modal = require("../../organisms/Modal");
-
-var _ButtonV = require("../../atoms/ButtonV2");
-
-var _Box = require("../../organisms/Box");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var reducerImages = function reducerImages(state, action) {
@@ -120,7 +112,7 @@ var reducerImages = function reducerImages(state, action) {
         });
       });
       inputsByRetailer = newInputsByRetailer;
-      return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, action.init), {}, {
+      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, action.init), {}, {
         inputsByRetailer: inputsByRetailer,
         valuesInitial: action.init.values,
         inputsInitial: action.init.inputs
@@ -128,13 +120,13 @@ var reducerImages = function reducerImages(state, action) {
 
     case "addImg":
       values = [].concat((0, _toConsumableArray2.default)(values), [action.img]);
-      return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state), {}, {
+      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
         values: values
       });
 
     case "changeImageInfo":
       values[action.index][action.attribute] = action.value;
-      return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state), {}, {
+      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
         values: values
       });
 
@@ -147,7 +139,7 @@ var reducerImages = function reducerImages(state, action) {
         attrForImgs.general[index].value = action.value;
       }
 
-      return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state), {}, {
+      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
         attrForImgs: attrForImgs,
         values: values
       });
@@ -156,7 +148,7 @@ var reducerImages = function reducerImages(state, action) {
       values = values.filter(function (value) {
         return action.selectedImages.indexOf(value) === -1;
       });
-      return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state), {}, {
+      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
         values: values
       });
 
@@ -195,7 +187,7 @@ var reducerImages = function reducerImages(state, action) {
           console.log(action.action, error);
         }
 
-        return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, state), {}, {
+        return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
           values: values,
           inputs: inputs
         });
@@ -222,7 +214,7 @@ var myBucket = new _awsSdk.default.S3({
 });
 
 var ProviderProductEdition = function ProviderProductEdition(_ref) {
-  var _product$retailers, _product$retailersAva, _location$state4, _location$state5, _location$state6, _datasheets$, _datasheets$$data;
+  var _product$retailers, _product$retailersAva, _location$state4, _location$state5, _datasheets$, _datasheets$$data;
 
   var tabsSections = _ref.tabsSections,
       _ref$productSelected = _ref.productSelected,
@@ -280,7 +272,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       showModal = _useState14[0],
       setShowModal = _useState14[1];
 
-  var _useState15 = (0, _react.useState)({}),
+  var _useState15 = (0, _react.useState)(),
       _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
       boxData = _useState16[0],
       setBoxData = _useState16[1];
@@ -316,9 +308,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                           name: e.target.fileName,
                           ext: ext[ext.length - 1],
                           width: width,
-                          height: height,
-                          isApproved: true //VALIDAR QUE SOLO SEA PARA RADIOSHACK
-
+                          height: height
                         }
                       };
                       setImages(newImg);
@@ -469,48 +459,21 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       validatedAll = _useState62[0],
       setValidatedAll = _useState62[1];
 
-  var _useState63 = (0, _react.useState)(false),
-      _useState64 = (0, _slicedToArray2.default)(_useState63, 2),
-      showRejectModal = _useState64[0],
-      setShowRejectModal = _useState64[1];
-
-  var _useState65 = (0, _react.useState)({}),
-      _useState66 = (0, _slicedToArray2.default)(_useState65, 2),
-      approvedInputs = _useState66[0],
-      setApprovedInputs = _useState66[1];
-
-  var _useState67 = (0, _react.useState)({}),
-      _useState68 = (0, _slicedToArray2.default)(_useState67, 2),
-      approvedInputsImages = _useState68[0],
-      setApprovedInputsImages = _useState68[1];
-
-  var updateApprovedInputs = function updateApprovedInputs(inputId) {
-    setApprovedInputs(function (prevInputs) {
-      return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, prevInputs), {}, (0, _defineProperty2.default)({}, inputId, true));
-    });
-  };
-
-  var updateApprovedInputsImages = function updateApprovedInputsImages(inputId) {
-    setApprovedInputsImages(function (prevInputs) {
-      return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, prevInputs), {}, (0, _defineProperty2.default)({}, inputId, true));
-    });
-  };
-
-  var _useState69 = (0, _react.useState)({
+  var _useState63 = (0, _react.useState)({
     "Ficha técnica": null,
     Descripción: null,
     Imágenes: null
   }),
-      _useState70 = (0, _slicedToArray2.default)(_useState69, 2),
-      origin = _useState70[0],
-      setOrigin = _useState70[1];
+      _useState64 = (0, _slicedToArray2.default)(_useState63, 2),
+      origin = _useState64[0],
+      setOrigin = _useState64[1];
 
-  var _useState71 = (0, _react.useState)(false),
-      _useState72 = (0, _slicedToArray2.default)(_useState71, 2),
-      inCart = _useState72[0],
-      setInCart = _useState72[1];
+  var _useState65 = (0, _react.useState)(false),
+      _useState66 = (0, _slicedToArray2.default)(_useState65, 2),
+      inCart = _useState66[0],
+      setInCart = _useState66[1];
 
-  var _useState73 = (0, _react.useState)({
+  var _useState67 = (0, _react.useState)({
     message: "¿Estás seguro de continuar?",
     detail: " ".concat(user.is_retailer ? "Asegurate de haber revisado las tres secciones" : "Envíar el producto a la cadena"),
     button1: {
@@ -525,34 +488,34 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     },
     img: _defaultProfileImage.default
   }),
-      _useState74 = (0, _slicedToArray2.default)(_useState73, 2),
-      dataGenericModal = _useState74[0],
-      setDataGenericModal = _useState74[1];
+      _useState68 = (0, _slicedToArray2.default)(_useState67, 2),
+      dataGenericModal = _useState68[0],
+      setDataGenericModal = _useState68[1];
 
-  var _useState75 = (0, _react.useState)(null),
-      _useState76 = (0, _slicedToArray2.default)(_useState75, 2),
-      socketType = _useState76[0],
-      setSocketType = _useState76[1];
+  var _useState69 = (0, _react.useState)(null),
+      _useState70 = (0, _slicedToArray2.default)(_useState69, 2),
+      socketType = _useState70[0],
+      setSocketType = _useState70[1];
 
-  var _useState77 = (0, _react.useState)(loading),
-      _useState78 = (0, _slicedToArray2.default)(_useState77, 2),
-      saving = _useState78[0],
-      setSaving = _useState78[1];
+  var _useState71 = (0, _react.useState)(loading),
+      _useState72 = (0, _slicedToArray2.default)(_useState71, 2),
+      saving = _useState72[0],
+      setSaving = _useState72[1];
 
-  var _useState79 = (0, _react.useState)(product.statusByRetailer),
-      _useState80 = (0, _slicedToArray2.default)(_useState79, 2),
-      retailerStatus = _useState80[0],
-      setRetailerStatus = _useState80[1];
+  var _useState73 = (0, _react.useState)(product.statusByRetailer),
+      _useState74 = (0, _slicedToArray2.default)(_useState73, 2),
+      retailerStatus = _useState74[0],
+      setRetailerStatus = _useState74[1];
 
   var _useCloseModal = (0, _customHooks.useCloseModal)("version-selector"),
       _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
       showVersionSelector = _useCloseModal2[0],
       setShowVersionSelector = _useCloseModal2[1];
 
-  var _useState81 = (0, _react.useState)(),
-      _useState82 = (0, _slicedToArray2.default)(_useState81, 2),
-      globalModal = _useState82[0],
-      setGlobalModal = _useState82[1];
+  var _useState75 = (0, _react.useState)(),
+      _useState76 = (0, _slicedToArray2.default)(_useState75, 2),
+      globalModal = _useState76[0],
+      setGlobalModal = _useState76[1];
 
   var updateAuditStatus = /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(status) {
@@ -566,7 +529,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               productTemp.datasheet_status = status;
               productTemp.description_status = status;
               productTemp.images_status = status;
-              retailerStatusCopy = (0, _objectSpread5.default)({}, retailerStatus);
+              retailerStatusCopy = (0, _objectSpread3.default)({}, retailerStatus);
               conceptArray = ["description", "datasheet", "images"];
               Object.keys(retailerStatusCopy).forEach(function (key) {
                 conceptArray.forEach(function (concept) {
@@ -724,6 +687,32 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     });
 
     switch (type) {
+      case "error":
+        setGlobalModal({
+          message: "".concat(activeTab, " rechazada"),
+          detail: "Agrega tu comentarios para enviar el rechazo",
+          img: _errorModal.default,
+          textArea: true,
+          button1: {
+            name: "Enviar",
+            action: function action(e) {
+              e.preventDefault();
+              var textArea = document.querySelector("#area").value;
+              var deleteSpaces = textArea.trim();
+
+              if (deleteSpaces !== "") {
+                textArea.style.border = "none";
+                createComment(e, textArea.value);
+                showGlobalModal("commentsSent");
+                validatedAll ? validateAll("R") : sendEvaluation("R");
+              } else {
+                document.querySelector("#area").style.border = "2px solid red";
+              }
+            }
+          }
+        });
+        break;
+
       case "generic":
         setGlobalModal(dataGenericModal);
         break;
@@ -1008,7 +997,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               setServicesData(parsedResponse);
 
             case 12:
-              retailers && !activeRetailer.id && setActiveRetailer(active ? active : retailers[0]);
+              !activeRetailer.id && setActiveRetailer(active ? active : retailers[0]);
 
             case 13:
             case "end":
@@ -1128,7 +1117,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }
 
     setProduct(productTemp);
-    retailers && setActivePercentage((_retailers$ = retailers[0]) === null || _retailers$ === void 0 ? void 0 : _retailers$.percentage);
+    setActivePercentage((_retailers$ = retailers[0]) === null || _retailers$ === void 0 ? void 0 : _retailers$.percentage);
   }, [percentages]);
 
   var loadInputs = function loadInputs() {
@@ -1186,8 +1175,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
         imageInputs: imageInputs,
         changeImage: setImages,
         selectedImages: selectedImages,
-        setSelectedImages: setSelectedImages,
-        updateApprovedInputsImages: updateApprovedInputsImages
+        setSelectedImages: setSelectedImages
       }, index);
     });
   };
@@ -1217,59 +1205,48 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
         while (1) {
           switch (_context11.prev = _context11.next) {
             case 0:
-              //GUARDAS DESCRIPCIONES
               setLoading(true);
               dataObject = {
                 articleId: product === null || product === void 0 ? void 0 : product.id_article,
                 articleData: updatedDescriptions
               };
-              dataObject.articleData = dataObject.articleData.map(function (item) {
-                var attributeId = item.attributeId;
-
-                if (approvedInputs.hasOwnProperty(attributeId)) {
-                  item.isApproved = true;
-                }
-
-                return item;
-              });
               if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
-              console.log("dataObject", dataObject);
-              _context11.prev = 5;
-              _context11.next = 8;
+              _context11.prev = 3;
+              _context11.next = 6;
               return _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?description=true&version=").concat(version), dataObject, {
                 headers: {
                   Authorization: token
                 }
               });
 
-            case 8:
+            case 6:
               res = _context11.sent;
 
               if (!(res.data.statusCode === 200)) {
-                _context11.next = 14;
+                _context11.next = 12;
                 break;
               }
 
               setUpdatedDescriptions([]);
               setMessage("Descripciones guardadas con éxito");
-              _context11.next = 14;
+              _context11.next = 12;
               return loadData();
 
-            case 14:
-              _context11.next = 19;
+            case 12:
+              _context11.next = 17;
               break;
 
-            case 16:
-              _context11.prev = 16;
-              _context11.t0 = _context11["catch"](5);
+            case 14:
+              _context11.prev = 14;
+              _context11.t0 = _context11["catch"](3);
               console.log(_context11.t0);
 
-            case 19:
+            case 17:
             case "end":
               return _context11.stop();
           }
         }
-      }, _callee11, null, [[5, 16]]);
+      }, _callee11, null, [[3, 14]]);
     }));
 
     return function saveDescriptions() {
@@ -1301,58 +1278,49 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                   });
                 });
               });
-              dataObject = (0, _objectSpread5.default)({
+              dataObject = (0, _objectSpread3.default)({
                 articleId: product === null || product === void 0 ? void 0 : product.id_article,
                 articleData: updatedDatasheets
               }, parseBoxData.length > 0 && {
                 boxData: parseBoxData
               });
-              dataObject.articleData = dataObject.articleData.map(function (item) {
-                var attributeId = item.attributeId;
-
-                if (approvedInputs.hasOwnProperty(attributeId)) {
-                  item.isApproved = true;
-                }
-
-                return item;
-              });
               if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
-              _context12.prev = 5;
-              _context12.next = 8;
+              _context12.prev = 4;
+              _context12.next = 7;
               return _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?datasheet=true&version=").concat(version), dataObject, {
                 headers: {
                   Authorization: token
                 }
               });
 
-            case 8:
+            case 7:
               res = _context12.sent;
 
               if (!(res.data.statusCode === 200)) {
-                _context12.next = 14;
+                _context12.next = 13;
                 break;
               }
 
               setUpdatedDatasheets([]);
               setMessage("Fichas técnicas guardadas");
-              _context12.next = 14;
+              _context12.next = 13;
               return loadData();
 
-            case 14:
-              _context12.next = 19;
+            case 13:
+              _context12.next = 18;
               break;
 
-            case 16:
-              _context12.prev = 16;
-              _context12.t0 = _context12["catch"](5);
+            case 15:
+              _context12.prev = 15;
+              _context12.t0 = _context12["catch"](4);
               console.log(_context12.t0);
 
-            case 19:
+            case 18:
             case "end":
               return _context12.stop();
           }
         }
-      }, _callee12, null, [[5, 16]]);
+      }, _callee12, null, [[4, 15]]);
     }));
 
     return function saveDatasheets() {
@@ -1415,31 +1383,20 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               });
             }
 
-            console.log("DATA NEW", data);
-
             if (!(valid && (duplicated === null || duplicated === void 0 ? void 0 : duplicated.length) === 0)) {
-              _context13.next = 33;
+              _context13.next = 31;
               break;
             }
 
             setLoading(true);
-            _context13.prev = 12;
+            _context13.prev = 11;
             data === null || data === void 0 ? void 0 : (_data$articleData3 = data.articleData) === null || _data$articleData3 === void 0 ? void 0 : _data$articleData3.forEach(function (e) {
               e.uuid = (0, _uuid.v4)();
             });
-            data.updateImages = data.updateImages.map(function (image) {
-              if (approvedInputsImages[image.image_id] !== undefined) {
-                return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, image), {}, {
-                  isApproved: approvedInputsImages[image.image_id]
-                });
-              }
-
-              return image;
-            });
             setDataImages(data);
 
             if (!((data === null || data === void 0 ? void 0 : (_data$articleData4 = data.articleData) === null || _data$articleData4 === void 0 ? void 0 : _data$articleData4.length) > 0)) {
-              _context13.next = 25;
+              _context13.next = 23;
               break;
             }
 
@@ -1455,41 +1412,41 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               };
               promiseArray.push(myBucket.putObject(params).promise());
             });
-            _context13.next = 22;
+            _context13.next = 20;
             return Promise.all(promiseArray);
 
-          case 22:
+          case 20:
             setImagesUploaded(true);
-            _context13.next = 26;
+            _context13.next = 24;
             break;
 
-          case 25:
+          case 23:
             setImagesUploaded(true);
 
-          case 26:
-            _context13.next = 31;
+          case 24:
+            _context13.next = 29;
             break;
 
-          case 28:
-            _context13.prev = 28;
-            _context13.t0 = _context13["catch"](12);
+          case 26:
+            _context13.prev = 26;
+            _context13.t0 = _context13["catch"](11);
             console.log(_context13.t0); // setMainLoading(false);
 
-          case 31:
-            _context13.next = 34;
+          case 29:
+            _context13.next = 32;
             break;
 
-          case 33:
+          case 31:
             // setMainLoading(false);
             setMessage("Completa los campos que solicita cada una de la imágenes o hay imágenes con el mismo tipo de toma.\nRecuerda hay campos obligatorios y no podras avanzar si no estan completos.");
 
-          case 34:
+          case 32:
           case "end":
             return _context13.stop();
         }
       }
-    }, _callee13, null, [[12, 28]]);
-  })), [approvedInputsImages, images, imagesUploaded]);
+    }, _callee13, null, [[11, 26]]);
+  })), [images, imagesUploaded]);
   (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14() {
     var res;
     return _regenerator.default.wrap(function _callee14$(_context14) {
@@ -1562,33 +1519,45 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   };
 
   var createComment = /*#__PURE__*/function () {
-    var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15() {
-      var messages,
-          retailerId,
-          data,
-          _args15 = arguments;
+    var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15(e, body, tab) {
+      var concept, data;
       return _regenerator.default.wrap(function _callee15$(_context15) {
         while (1) {
           switch (_context15.prev = _context15.next) {
             case 0:
-              messages = _args15.length > 0 && _args15[0] !== undefined ? _args15[0] : [];
-              retailerId = _args15.length > 1 ? _args15[1] : undefined;
+              concept = "";
+              _context15.t0 = activeTab;
+              _context15.next = _context15.t0 === "Ficha técnica" ? 4 : _context15.t0 === "Imágenes" ? 6 : 8;
+              break;
+
+            case 4:
+              concept = "datasheet";
+              return _context15.abrupt("break", 10);
+
+            case 6:
+              concept = "images";
+              return _context15.abrupt("break", 10);
+
+            case 8:
+              concept = "description";
+              return _context15.abrupt("break", 10);
+
+            case 10:
               data = {
-                paramsBody: {
-                  id: product.article.id_article || productEdit.ArticleId,
-                  version: version,
-                  items: messages,
-                  retailerId: retailerId,
-                  status: product.status || productEdit.product.status
-                },
-                paramsHeader: {
+                articleId: product === null || product === void 0 ? void 0 : product.id_article,
+                orderId: product === null || product === void 0 ? void 0 : product.orderId,
+                message: body,
+                concept: concept,
+                version: version
+              };
+              _context15.next = 13;
+              return _axios.default.post("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT), data, {
+                headers: {
                   Authorization: token
                 }
-              };
-              setMessage("");
-              return _context15.abrupt("return", (0, _utils.sendMessage)(data));
+              });
 
-            case 5:
+            case 13:
             case "end":
               return _context15.stop();
           }
@@ -1596,7 +1565,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       }, _callee15);
     }));
 
-    return function createComment() {
+    return function createComment(_x4, _x5, _x6) {
       return _ref16.apply(this, arguments);
     };
   }();
@@ -1695,7 +1664,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       }, _callee17);
     }));
 
-    return function setAssignation(_x4, _x5) {
+    return function setAssignation(_x7, _x8) {
       return _ref18.apply(this, arguments);
     };
   }();
@@ -1848,7 +1817,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               if (res.data.statusCode === 200) {
                 _JSON$parse = JSON.parse(res.data.body), newArticleStatus = _JSON$parse.newArticleStatus, newServiceStatus = _JSON$parse.newServiceStatus, newStatus = _JSON$parse.newStatus;
                 if (newArticleStatus) productTemp.status = newArticleStatus[articleId];
-                retailerStatusCopy = (0, _objectSpread5.default)({}, retailerStatus);
+                retailerStatusCopy = (0, _objectSpread3.default)({}, retailerStatus);
                 retailerStatusCopy[activeRetailer.id][concept] = newStatus;
                 setRetailerStatus(retailerStatusCopy);
                 productTemp.statusByRetailer = retailerStatusCopy;
@@ -1861,7 +1830,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                 setProduct(productTemp);
                 sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
                 setOrigin(function (prev) {
-                  return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, prev), {}, (0, _defineProperty2.default)({}, concept, status));
+                  return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, (0, _defineProperty2.default)({}, concept, status));
                 });
               }
 
@@ -1884,7 +1853,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       }, _callee18, null, [[9, 33]]);
     }));
 
-    return function sendEvaluation(_x6) {
+    return function sendEvaluation(_x9) {
       return _ref19.apply(this, arguments);
     };
   }();
@@ -1911,7 +1880,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                 var service = ret.service,
                     id_retailer = ret.id_retailer;
                 var data = {};
-                data = (0, _objectSpread5.default)((0, _objectSpread5.default)({}, dataGeneral), {}, {
+                data = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, dataGeneral), {}, {
                   concept: service,
                   retailerId: id_retailer,
                   evalStatus: retailerStatus[id_retailer][service]
@@ -1933,7 +1902,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               productTemp.datasheet_status = productTemp.datasheet_status === "NA" ? "NA" : status;
               productTemp.description_status = productTemp.description_status === "NA" ? "NA" : status;
               productTemp.images_status = productTemp.images_status === "NA" ? "NA" : status;
-              retailerStatusCopy = (0, _objectSpread5.default)({}, retailerStatus);
+              retailerStatusCopy = (0, _objectSpread3.default)({}, retailerStatus);
               Object.keys(retailerStatusCopy).forEach(function (key) {
                 conceptArray.forEach(function (concept) {
                   if (retailerStatusCopy[key][concept]) {
@@ -1975,7 +1944,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       }, _callee19, null, [[0, 27]]);
     }));
 
-    return function validateAll(_x7) {
+    return function validateAll(_x10) {
       return _ref20.apply(this, arguments);
     };
   }();
@@ -2022,7 +1991,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       }, _callee20);
     }));
 
-    return function evaluationToRetailer(_x8) {
+    return function evaluationToRetailer(_x11) {
       return _ref21.apply(this, arguments);
     };
   }();
@@ -2034,6 +2003,8 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
 
   var enableActions = function enableActions(versionStatus) {
     try {
+      if (user.is_retailer) return false;
+
       if (versionStatus) {
         return ["AP", "ACA", "RCA", null].includes(versionStatus);
       }
@@ -2070,7 +2041,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     if (result === "A") {
       if (origin[activeTab] === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
         setDataGenericModal(function (prev) {
-          return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, prev), {}, {
+          return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
             button2: {
               name: "Continuar",
               action: function action() {
@@ -2085,7 +2056,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
           sendEvaluation("A");
         } else {
           setDataGenericModal(function (prev) {
-            return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, prev), {}, {
+            return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
               button2: {
                 name: "Continuar",
                 action: function action() {
@@ -2104,10 +2075,11 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
         return;
       } else if (user.is_retailer) {
         if (product.id_order || product.orderId) {
-          sendEvaluation("R");
+          setValidatedAll(true);
+          showGlobalModal("error");
         } else {
           setDataGenericModal(function (prev) {
-            return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, prev), {}, {
+            return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
               button2: {
                 name: "Continuar",
                 action: function action() {
@@ -2119,7 +2091,8 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
           showGlobalModal("generic");
         }
       } else {
-        sendEvaluation("R");
+        setValidatedAll(true);
+        showGlobalModal("error");
       }
     }
   };
@@ -2129,7 +2102,6 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderTop.HeaderTop, {
       setHeaderTop: setHeaderTop,
       withChat: location === null || location === void 0 ? void 0 : (_location$state5 = location.state) === null || _location$state5 === void 0 ? void 0 : _location$state5.withChat,
-      chatType: location === null || location === void 0 ? void 0 : (_location$state6 = location.state) === null || _location$state6 === void 0 ? void 0 : _location$state6.chatType,
       productSelected: productSelected,
       token: token,
       activeRetailer: activeRetailer
@@ -2172,7 +2144,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
           approveAll: function approveAll() {
             if (origin === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
               setDataGenericModal(function (prev) {
-                return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, prev), {}, {
+                return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
                   button2: {
                     name: "Continuar",
                     action: function action() {
@@ -2187,7 +2159,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                 validateAll("A");
               } else {
                 setDataGenericModal(function (prev) {
-                  return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, prev), {}, {
+                  return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
                     button2: {
                       name: "Continuar",
                       action: function action() {
@@ -2208,10 +2180,10 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
             } else if (user.is_retailer) {
               if (product.id_order || product.orderId) {
                 setValidatedAll(true);
-                setShowRejectModal(true);
+                showGlobalModal("error");
               } else {
                 setDataGenericModal(function (prev) {
-                  return (0, _objectSpread5.default)((0, _objectSpread5.default)({}, prev), {}, {
+                  return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
                     button2: {
                       name: "Continuar",
                       action: function action() {
@@ -2223,15 +2195,15 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                 showGlobalModal("generic");
               }
             } else {
-              setShowRejectModal(true);
               setValidatedAll(true);
+              showGlobalModal("error");
             }
           },
           approve: function approve() {
             return sendToEvaluation("A");
           },
           reject: function reject() {
-            setShowRejectModal(true);
+            return sendToEvaluation("R");
           }
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullTabsMenu.FullTabsMenu, {
           tabsSections: tabsSections,
@@ -2298,8 +2270,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                     setBoxData(e);
                   },
                   index: index //enableActions={enableActions(product.version_status)} ADD THIS VALIDATION
-                  ,
-                  updateApprovedInputs: updateApprovedInputs
+
                 }, index + "-" + activeRetailer.name);
               })
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
@@ -2312,18 +2283,16 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               setUpdatedDescriptions: setUpdatedDescriptions,
               articleId: product === null || product === void 0 ? void 0 : product.id_article,
               version: version,
-              isShowbox: false,
-              dinamicHeight: true,
-              updateApprovedInputs: updateApprovedInputs
+              dinamicHeight: true
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
               text: "No cuentas con este servicio",
               headerType: "input-name-header"
             })), activeTab === "Imágenes" && ((product === null || product === void 0 ? void 0 : product.images_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
               className: "container",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread5.default)((0, _objectSpread5.default)({}, getRootProps({
+              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread3.default)((0, _objectSpread3.default)({}, getRootProps({
                 className: "dropzone"
               })), {}, {
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", (0, _objectSpread5.default)({}, getInputProps())), /*#__PURE__*/(0, _jsxRuntime.jsx)("aside", {
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", (0, _objectSpread3.default)({}, getInputProps())), /*#__PURE__*/(0, _jsxRuntime.jsx)("aside", {
                   children: thumbs()
                 })]
               }))
@@ -2332,7 +2301,52 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               headerType: "input-name-header"
             }))]
           })
-        }), !(isRevision() && getSectionStatus()) && !revision && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        }), isRevision() && getSectionStatus() ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "commentary-box",
+          children: !comment ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "commentary",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TagAndInput, {
+              label: "Caja de Comentario",
+              inputType: "textarea",
+              inputCols: 80,
+              inputRows: 4,
+              inputId: "commentary-box",
+              index: 0
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "buttons-box",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+                buttonType: "general-transparent-button",
+                label: "Enviar comentario",
+                onClick: function onClick(e) {
+                  return createComment(e, document.querySelector("#description-commentary-box-0 .ql-container .ql-editor > p").innerHTML, activeTab);
+                }
+              })
+            })]
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "feedback-box",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Commentary.Commentary, {
+              comment: comment.message,
+              reviewed: crossComment
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+              buttonType: "circular-button accept-button",
+              onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee21() {
+                return _regenerator.default.wrap(function _callee21$(_context21) {
+                  while (1) {
+                    switch (_context21.prev = _context21.next) {
+                      case 0:
+                        setCrossComment(true);
+                        commentRevised();
+
+                      case 2:
+                      case "end":
+                        return _context21.stop();
+                    }
+                  }
+                }, _callee21);
+              }))
+            })]
+          })
+        }) : !revision && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "required-inputs-message",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
@@ -2382,7 +2396,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       onClick: function onClick() {
         return setMessage("");
       }
-    }), globalModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GlobalModal, (0, _objectSpread5.default)({
+    }), globalModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GlobalModal, (0, _objectSpread3.default)({
       close: closeGlobalModal
     }, globalModal)), showVersionSelector && /*#__PURE__*/(0, _jsxRuntime.jsx)(_VersionSelector.VersionSelector, {
       modalId: "version-selector",
@@ -2392,52 +2406,6 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       currentVersion: version,
       setShowVersionSelector: setShowVersionSelector,
       jwt: token
-    }), showRejectModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {
-      title: "Agregar mensaje de rechazo",
-      show: showRejectModal,
-      customComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TagAndInput, {
-        inputType: "textarea",
-        inputId: "modal-message-box",
-        index: 0,
-        color: "white"
-      }),
-      buttons: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
-        type: "white",
-        label: "Cancelar",
-        size: 12,
-        onClick: function onClick() {
-          setShowRejectModal(false);
-        }
-      }, "btn-Cancelar"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
-        type: "pink",
-        label: "Aceptar",
-        size: 12,
-        onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee21() {
-          var body, messages;
-          return _regenerator.default.wrap(function _callee21$(_context21) {
-            while (1) {
-              switch (_context21.prev = _context21.next) {
-                case 0:
-                  body = document.querySelector("#modal-message-box .ql-container .ql-editor > p").innerHTML;
-                  messages = [{
-                    type: "message",
-                    value: body === null || body === void 0 ? void 0 : body.replace(/<.*?\/?>/gm, "")
-                  }];
-                  _context21.next = 4;
-                  return createComment(messages, activeRetailer.id);
-
-                case 4:
-                  validatedAll ? validateAll("R") : sendToEvaluation("R");
-                  setShowRejectModal(false);
-
-                case 6:
-                case "end":
-                  return _context21.stop();
-              }
-            }
-          }, _callee21);
-        }))
-      }, "btn-Aceptar")]
     })]
   });
 };