contentoh-components-library 21.4.73 → 21.4.75

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

@@ -93,6 +93,14 @@ 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) {
@@ -154,29 +162,37 @@ var reducerImages = function reducerImages(state, action) {
 
     case "orderImages":
       {
-        var _inputsByRetailer = state.inputsByRetailer,
+        var _state$inputsByRetail = state.inputsByRetailer,
+            _inputsByRetailer = _state$inputsByRetail === void 0 ? {} : _state$inputsByRetail,
             valuesInitial = state.valuesInitial,
             inputsInitial = state.inputsInitial,
             inputs = state.inputs;
 
         try {
-          var _inputsByRetailer$act;
-
           var orderedImages = [];
           var imageIdArray = [];
-          if (action !== null && action !== void 0 && action.retailerId && !_inputsByRetailer[action.retailerId]) _inputsByRetailer[action.retailerId] = [];
-          action.retailerId && ((_inputsByRetailer$act = _inputsByRetailer[action.retailerId]) === null || _inputsByRetailer$act === void 0 ? void 0 : _inputsByRetailer$act.filter(function (input) {
-            imageIdArray.push(input.id_image);
-            valuesInitial.forEach(function (value) {
-              if (value.image_id === input.id_image) orderedImages.push(value);
+
+          if (action !== null && action !== void 0 && action.retailerId && !_inputsByRetailer[action.retailerId]) {
+            _inputsByRetailer[action.retailerId] = [];
+          }
+
+          if (action.retailerId) {
+            var _inputsByRetailer$act;
+
+            (_inputsByRetailer$act = _inputsByRetailer[action.retailerId]) === null || _inputsByRetailer$act === void 0 ? void 0 : _inputsByRetailer$act.filter(function (input) {
+              imageIdArray.push(input.id_image);
+              valuesInitial.forEach(function (value) {
+                if (value.image_id === input.id_image) orderedImages.push(value);
+              });
             });
-          }));
+          }
+
           inputs = inputsInitial === null || inputsInitial === void 0 ? void 0 : inputsInitial.filter(function (input) {
             return imageIdArray.includes(input.id);
           });
           values = orderedImages.length > 0 ? orderedImages : [];
         } catch (error) {
-          console.log(error);
+          console.log(action.action, error);
         }
 
         return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
@@ -206,7 +222,7 @@ var myBucket = new _awsSdk.default.S3({
 });
 
 var ProviderProductEdition = function ProviderProductEdition(_ref) {
-  var _product$retailers, _product$retailersAva, _location$state4, _location$state5, _datasheets$, _datasheets$$data;
+  var _product$retailers, _product$retailersAva, _location$state4, _location$state5, _location$state6, _datasheets$, _datasheets$$data;
 
   var tabsSections = _ref.tabsSections,
       _ref$productSelected = _ref.productSelected,
@@ -451,21 +467,26 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       validatedAll = _useState62[0],
       setValidatedAll = _useState62[1];
 
-  var _useState63 = (0, _react.useState)({
+  var _useState63 = (0, _react.useState)(false),
+      _useState64 = (0, _slicedToArray2.default)(_useState63, 2),
+      showRejectModal = _useState64[0],
+      setShowRejectModal = _useState64[1];
+
+  var _useState65 = (0, _react.useState)({
     "Ficha técnica": null,
     Descripción: null,
     Imágenes: null
   }),
-      _useState64 = (0, _slicedToArray2.default)(_useState63, 2),
-      origin = _useState64[0],
-      setOrigin = _useState64[1];
-
-  var _useState65 = (0, _react.useState)(false),
       _useState66 = (0, _slicedToArray2.default)(_useState65, 2),
-      inCart = _useState66[0],
-      setInCart = _useState66[1];
+      origin = _useState66[0],
+      setOrigin = _useState66[1];
 
-  var _useState67 = (0, _react.useState)({
+  var _useState67 = (0, _react.useState)(false),
+      _useState68 = (0, _slicedToArray2.default)(_useState67, 2),
+      inCart = _useState68[0],
+      setInCart = _useState68[1];
+
+  var _useState69 = (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: {
@@ -480,34 +501,34 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     },
     img: _defaultProfileImage.default
   }),
-      _useState68 = (0, _slicedToArray2.default)(_useState67, 2),
-      dataGenericModal = _useState68[0],
-      setDataGenericModal = _useState68[1];
-
-  var _useState69 = (0, _react.useState)(null),
       _useState70 = (0, _slicedToArray2.default)(_useState69, 2),
-      socketType = _useState70[0],
-      setSocketType = _useState70[1];
+      dataGenericModal = _useState70[0],
+      setDataGenericModal = _useState70[1];
 
-  var _useState71 = (0, _react.useState)(loading),
+  var _useState71 = (0, _react.useState)(null),
       _useState72 = (0, _slicedToArray2.default)(_useState71, 2),
-      saving = _useState72[0],
-      setSaving = _useState72[1];
+      socketType = _useState72[0],
+      setSocketType = _useState72[1];
 
-  var _useState73 = (0, _react.useState)(product.statusByRetailer),
+  var _useState73 = (0, _react.useState)(loading),
       _useState74 = (0, _slicedToArray2.default)(_useState73, 2),
-      retailerStatus = _useState74[0],
-      setRetailerStatus = _useState74[1];
+      saving = _useState74[0],
+      setSaving = _useState74[1];
+
+  var _useState75 = (0, _react.useState)(product.statusByRetailer),
+      _useState76 = (0, _slicedToArray2.default)(_useState75, 2),
+      retailerStatus = _useState76[0],
+      setRetailerStatus = _useState76[1];
 
   var _useCloseModal = (0, _customHooks.useCloseModal)("version-selector"),
       _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
       showVersionSelector = _useCloseModal2[0],
       setShowVersionSelector = _useCloseModal2[1];
 
-  var _useState75 = (0, _react.useState)(),
-      _useState76 = (0, _slicedToArray2.default)(_useState75, 2),
-      globalModal = _useState76[0],
-      setGlobalModal = _useState76[1];
+  var _useState77 = (0, _react.useState)(),
+      _useState78 = (0, _slicedToArray2.default)(_useState77, 2),
+      globalModal = _useState78[0],
+      setGlobalModal = _useState78[1];
 
   var updateAuditStatus = /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(status) {
@@ -679,30 +700,6 @@ 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) {
-              var textArea = document.querySelector("#area");
-
-              if (textArea.value) {
-                textArea.style.border = "none";
-                createComment(e, textArea.value);
-                showGlobalModal("commentsSent");
-                validatedAll ? validateAll("R") : sendEvaluation("R");
-              } else {
-                textArea.style.border = "2px solid red";
-              }
-            }
-          }
-        });
-        break;
-
       case "generic":
         setGlobalModal(dataGenericModal);
         break;
@@ -896,9 +893,9 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
 
   var loadData = /*#__PURE__*/function () {
     var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
-      var _product$article, _product$article2, _product$article3, _services$, _services$$values;
+      var _product$article, _product$article2, _product$article3, _services$, _services$$values, _product$retailersAva2;
 
-      var services;
+      var services, data, headers;
       return _regenerator.default.wrap(function _callee8$(_context8) {
         while (1) {
           switch (_context8.prev = _context8.next) {
@@ -919,14 +916,27 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                 init: services[2]
               });
               if (((_services$ = services[2]) === null || _services$ === void 0 ? void 0 : (_services$$values = _services$.values) === null || _services$$values === void 0 ? void 0 : _services$$values.length) > 0) setActiveImage(0);
+              data = [{
+                id_article: product.id_article,
+                id_category: product.id_category,
+                version: product.version,
+                id_retailer_array: ((_product$retailersAva2 = product.retailersAvailable) !== null && _product$retailersAva2 !== void 0 ? _product$retailersAva2 : product.retailers).map(function (_ref7) {
+                  var id = _ref7.id;
+                  return id;
+                })
+              }];
+              headers = {
+                Authorization: token
+              };
               (0, _data.getPercentage)({
-                data: [product]
+                data: data,
+                headers: headers
               }).then(function (res) {
-                return setPercentages(res[0]);
+                setPercentages(res[0]);
               });
               setLoading(false);
 
-            case 10:
+            case 12:
             case "end":
               return _context8.stop();
           }
@@ -940,7 +950,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   }();
 
   var getServices = /*#__PURE__*/function () {
-    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
+    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
       var _product$article4;
 
       var productInOrder, idArticle, retailers, active, _product$id_order, _servicesResponse$dat, servicesResponse, parsedResponse, retailerResponse;
@@ -974,7 +984,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               setServicesData(parsedResponse);
 
             case 12:
-              !activeRetailer.id && setActiveRetailer(active ? active : retailers[0]);
+              retailers && !activeRetailer.id && setActiveRetailer(active ? active : retailers[0]);
 
             case 13:
             case "end":
@@ -985,7 +995,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function getServices() {
-      return _ref7.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
 
@@ -1015,14 +1025,16 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   };
 
   var getCart = /*#__PURE__*/function () {
-    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10() {
+    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10() {
+      var _Object$values;
+
       var res, arr;
       return _regenerator.default.wrap(function _callee10$(_context10) {
         while (1) {
           switch (_context10.prev = _context10.next) {
             case 0:
               _context10.next = 2;
-              return _axios.default.get(process.env.REACT_APP_CART, {
+              return _axios.default.get("".concat(process.env.REACT_APP_CART, "/general/"), {
                 headers: {
                   Authorization: token
                 }
@@ -1030,9 +1042,9 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
 
             case 2:
               res = _context10.sent;
-              arr = JSON.parse(res.data.body).data.map(function (e) {
+              arr = (_Object$values = Object.values(JSON.parse(res.data.body).data)) === null || _Object$values === void 0 ? void 0 : _Object$values.map(function (e) {
                 return e.article_id;
-              });
+              }).filter(Boolean);
               setInCart(arr.some(function (e) {
                 return e.articleId === product.id_article;
               }));
@@ -1046,7 +1058,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function getCart() {
-      return _ref8.apply(this, arguments);
+      return _ref9.apply(this, arguments);
     };
   }();
 
@@ -1092,7 +1104,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }
 
     setProduct(productTemp);
-    setActivePercentage((_retailers$ = retailers[0]) === null || _retailers$ === void 0 ? void 0 : _retailers$.percentage);
+    retailers && setActivePercentage((_retailers$ = retailers[0]) === null || _retailers$ === void 0 ? void 0 : _retailers$.percentage);
   }, [percentages]);
 
   var loadInputs = function loadInputs() {
@@ -1159,11 +1171,13 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     var _images$inputs;
 
     var imageInputs = images === null || images === void 0 ? void 0 : (_images$inputs = images.inputs) === null || _images$inputs === void 0 ? void 0 : _images$inputs.map(function (e) {
+      var _images$values2;
+
       return {
         value: e === null || e === void 0 ? void 0 : e.id,
         name: e === null || e === void 0 ? void 0 : e.name,
         required: e === null || e === void 0 ? void 0 : e.required,
-        active: images === null || images === void 0 ? void 0 : images.values.some(function (value) {
+        active: images === null || images === void 0 ? void 0 : (_images$values2 = images.values) === null || _images$values2 === void 0 ? void 0 : _images$values2.some(function (value) {
           return (value === null || value === void 0 ? void 0 : value.image_id) === (e === null || e === void 0 ? void 0 : e.id);
         })
       };
@@ -1172,7 +1186,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   }, [images]);
 
   var saveDescriptions = /*#__PURE__*/function () {
-    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11() {
+    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11() {
       var dataObject, res;
       return _regenerator.default.wrap(function _callee11$(_context11) {
         while (1) {
@@ -1223,21 +1237,21 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function saveDescriptions() {
-      return _ref9.apply(this, arguments);
+      return _ref10.apply(this, arguments);
     };
   }();
 
   var saveDatasheets = /*#__PURE__*/function () {
-    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
+    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
       var parseBoxData, dataObject, res;
       return _regenerator.default.wrap(function _callee12$(_context12) {
         while (1) {
           switch (_context12.prev = _context12.next) {
             case 0:
               parseBoxData = [];
-              Object.entries(boxData).forEach(function (_ref11, index) {
-                var _ref12 = (0, _slicedToArray2.default)(_ref11, 2),
-                    box = _ref12[1];
+              Object.entries(boxData).forEach(function (_ref12, index) {
+                var _ref13 = (0, _slicedToArray2.default)(_ref12, 2),
+                    box = _ref13[1];
 
                 var value = box.value;
                 var attributesIds = Object.keys(value);
@@ -1289,9 +1303,6 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               console.log(_context12.t0);
 
             case 18:
-              console.log(dataObject);
-
-            case 19:
             case "end":
               return _context12.stop();
           }
@@ -1300,12 +1311,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function saveDatasheets() {
-      return _ref10.apply(this, arguments);
+      return _ref11.apply(this, arguments);
     };
   }();
 
   var updateImages = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13() {
-    var _images$values2, _data$articleData, _data$articleData2, _data$updateImages;
+    var _images$values3, _data$articleData, _data$articleData2, _data$updateImages;
 
     var imagesList, imagesListTemp, duplicated, attrForImgs, data, valid, _data$updateImages2, _data$articleData3, _data$articleData4, _data$articleData5, promiseArray;
 
@@ -1313,7 +1324,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       while (1) {
         switch (_context13.prev = _context13.next) {
           case 0:
-            imagesList = images === null || images === void 0 ? void 0 : (_images$values2 = images.values) === null || _images$values2 === void 0 ? void 0 : _images$values2.slice();
+            imagesList = images === null || images === void 0 ? void 0 : (_images$values3 = images.values) === null || _images$values3 === void 0 ? void 0 : _images$values3.slice();
             imagesListTemp = imagesList === null || imagesList === void 0 ? void 0 : imagesList.reduce(function (acc, image) {
               acc[image === null || image === void 0 ? void 0 : image.image_id] = ++acc[image === null || image === void 0 ? void 0 : image.image_id] || 0;
               return acc;
@@ -1495,45 +1506,33 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   };
 
   var createComment = /*#__PURE__*/function () {
-    var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15(e, body, tab) {
-      var concept, data;
+    var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15() {
+      var messages,
+          retailerId,
+          data,
+          _args15 = arguments;
       return _regenerator.default.wrap(function _callee15$(_context15) {
         while (1) {
           switch (_context15.prev = _context15.next) {
             case 0:
-              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:
+              messages = _args15.length > 0 && _args15[0] !== undefined ? _args15[0] : [];
+              retailerId = _args15.length > 1 ? _args15[1] : undefined;
               data = {
-                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: {
+                paramsBody: {
+                  id: product.article.id_article || productEdit.ArticleId,
+                  version: version,
+                  items: messages,
+                  retailerId: retailerId,
+                  status: product.status || productEdit.product.status
+                },
+                paramsHeader: {
                   Authorization: token
                 }
-              });
+              };
+              setMessage("");
+              return _context15.abrupt("return", (0, _utils.sendMessage)(data));
 
-            case 13:
+            case 5:
             case "end":
               return _context15.stop();
           }
@@ -1541,8 +1540,8 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       }, _callee15);
     }));
 
-    return function createComment(_x4, _x5, _x6) {
-      return _ref15.apply(this, arguments);
+    return function createComment() {
+      return _ref16.apply(this, arguments);
     };
   }();
 
@@ -1551,7 +1550,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   }, [activeTab]);
 
   var commentRevised = /*#__PURE__*/function () {
-    var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16() {
+    var _ref17 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16() {
       var data;
       return _regenerator.default.wrap(function _callee16$(_context16) {
         while (1) {
@@ -1579,12 +1578,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function commentRevised() {
-      return _ref16.apply(this, arguments);
+      return _ref17.apply(this, arguments);
     };
   }();
 
   var setAssignation = /*#__PURE__*/function () {
-    var _ref17 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee17(assignationType, assignationId) {
+    var _ref18 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee17(assignationType, assignationId) {
       var concept, productTemp, data;
       return _regenerator.default.wrap(function _callee17$(_context17) {
         while (1) {
@@ -1640,19 +1639,19 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       }, _callee17);
     }));
 
-    return function setAssignation(_x7, _x8) {
-      return _ref17.apply(this, arguments);
+    return function setAssignation(_x4, _x5) {
+      return _ref18.apply(this, arguments);
     };
   }();
 
   var downloadImages = function downloadImages() {
-    var _images$values3;
+    var _images$values4;
 
     selectedImages.length > 0 ? selectedImages.forEach(function (e) {
       if (e.id) {
         (0, _fileSaver.saveAs)("https://".concat(process.env.REACT_APP_IMAGES_BUCKET, ".s3.amazonaws.com/").concat(e.srcDB), "".concat(product.upc || product.article.upc, "_").concat(e.name, ".").concat(e.ext));
       }
-    }) : images === null || images === void 0 ? void 0 : (_images$values3 = images.values) === null || _images$values3 === void 0 ? void 0 : _images$values3.forEach(function (e) {
+    }) : images === null || images === void 0 ? void 0 : (_images$values4 = images.values) === null || _images$values4 === void 0 ? void 0 : _images$values4.forEach(function (e) {
       if (e.id) {
         (0, _fileSaver.saveAs)("https://".concat(process.env.REACT_APP_IMAGES_BUCKET, ".s3.amazonaws.com/").concat(e.srcDB), "".concat(product.upc || product.article.upc, "_").concat(e.name, ".").concat(e.ext));
       }
@@ -1725,7 +1724,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   };
 
   var sendEvaluation = /*#__PURE__*/function () {
-    var _ref18 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee18(result) {
+    var _ref19 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee18(result) {
       var _productTemp$id_order2;
 
       var concept, productTemp, articleId, orderId, sectionStatusKey, evalStatus, data, retailerId, res, newStatuses, orderStatus, serviceStatus, newProductEdit, showSurveyByProvider, showSurveyByRetailer, _JSON$parse, newArticleStatus, newServiceStatus, newStatus, retailerStatusCopy, status;
@@ -1829,13 +1828,13 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       }, _callee18, null, [[9, 33]]);
     }));
 
-    return function sendEvaluation(_x9) {
-      return _ref18.apply(this, arguments);
+    return function sendEvaluation(_x6) {
+      return _ref19.apply(this, arguments);
     };
   }();
 
   var validateAll = /*#__PURE__*/function () {
-    var _ref19 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee19(result) {
+    var _ref20 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee19(result) {
       var _product$id_order2, evaluationArray, conceptArray, dataGeneral, userType, productTemp, status, retailerStatusCopy;
 
       return _regenerator.default.wrap(function _callee19$(_context19) {
@@ -1920,13 +1919,13 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       }, _callee19, null, [[0, 27]]);
     }));
 
-    return function validateAll(_x10) {
-      return _ref19.apply(this, arguments);
+    return function validateAll(_x7) {
+      return _ref20.apply(this, arguments);
     };
   }();
 
   var evaluationToRetailer = /*#__PURE__*/function () {
-    var _ref20 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee20(result) {
+    var _ref21 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee20(result) {
       var data, prod, statusComplete;
       return _regenerator.default.wrap(function _callee20$(_context20) {
         while (1) {
@@ -1967,8 +1966,8 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       }, _callee20);
     }));
 
-    return function evaluationToRetailer(_x11) {
-      return _ref20.apply(this, arguments);
+    return function evaluationToRetailer(_x8) {
+      return _ref21.apply(this, arguments);
     };
   }();
 
@@ -1979,8 +1978,6 @@ 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);
       }
@@ -2014,10 +2011,6 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   }];
 
   var sendToEvaluation = function sendToEvaluation(result) {
-    console.log({
-      result: result
-    });
-
     if (result === "A") {
       if (origin[activeTab] === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
         setDataGenericModal(function (prev) {
@@ -2055,8 +2048,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
         return;
       } else if (user.is_retailer) {
         if (product.id_order || product.orderId) {
-          setValidatedAll(true);
-          showGlobalModal("error");
+          sendEvaluation("R");
         } else {
           setDataGenericModal(function (prev) {
             return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
@@ -2071,8 +2063,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
           showGlobalModal("generic");
         }
       } else {
-        setValidatedAll(true);
-        showGlobalModal("error");
+        sendEvaluation("R");
       }
     }
   };
@@ -2082,6 +2073,7 @@ 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
@@ -2160,7 +2152,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
             } else if (user.is_retailer) {
               if (product.id_order || product.orderId) {
                 setValidatedAll(true);
-                showGlobalModal("error");
+                setShowRejectModal(true);
               } else {
                 setDataGenericModal(function (prev) {
                   return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
@@ -2175,15 +2167,15 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                 showGlobalModal("generic");
               }
             } else {
+              setShowRejectModal(true);
               setValidatedAll(true);
-              showGlobalModal("error");
             }
           },
           approve: function approve() {
             return sendToEvaluation("A");
           },
           reject: function reject() {
-            return sendToEvaluation("R");
+            setShowRejectModal(true);
           }
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullTabsMenu.FullTabsMenu, {
           tabsSections: tabsSections,
@@ -2262,6 +2254,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               setUpdatedDescriptions: setUpdatedDescriptions,
               articleId: product === null || product === void 0 ? void 0 : product.id_article,
               version: version,
+              isShowbox: false,
               dinamicHeight: true
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
               text: "No cuentas con este servicio",
@@ -2280,52 +2273,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               headerType: "input-name-header"
             }))]
           })
-        }), 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", {
+        }), !(isRevision() && getSectionStatus()) && !revision && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "required-inputs-message",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
@@ -2385,6 +2333,52 @@ 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")]
     })]
   });
 };