contentoh-components-library 21.1.63 → 21.1.64

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

@@ -9,6 +9,8 @@ exports.RetailerProductEdition = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
@@ -37,7 +39,7 @@ var _GalleryElement = require("../../molecules/GalleryElement");
 
 var _fileSaver = require("file-saver");
 
-var _data = require("../../../global-files/data");
+var _data2 = require("../../../global-files/data");
 
 var _GalleryHeader = require("../../molecules/GalleryHeader");
 
@@ -73,6 +75,12 @@ var _genericModalCheck = _interopRequireDefault(require("../../../assets/images/
 
 var _errorModal = _interopRequireDefault(require("../../../assets/images/genericModal/errorModal.svg"));
 
+var _VersionSelector = require("../../organisms/VersionSelector");
+
+var _customHooks = require("../../../global-files/customHooks");
+
+var _CreateVersion = require("../../organisms/CreateVersion");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var reducerImages = function reducerImages(state, action) {
@@ -380,6 +388,17 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       setSaving = _useState70[1];
 
   var isAuditor = user.id_role === 6;
+
+  var _closeModals = (0, _customHooks.closeModals)("version-selector"),
+      _closeModals2 = (0, _slicedToArray2.default)(_closeModals, 2),
+      showVersionSelector = _closeModals2[0],
+      setShowVersionSelector = _closeModals2[1];
+
+  var _useState71 = (0, _react.useState)(false),
+      _useState72 = (0, _slicedToArray2.default)(_useState71, 2),
+      showCreateVersion = _useState72[0],
+      setShowCreateVersion = _useState72[1];
+
   (0, _react.useEffect)(function () {
     checkAll && setSelectedImages(images.values);
   }, [checkAll]);
@@ -394,20 +413,20 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             case 0:
               _context.prev = 0;
               _context.next = 3;
-              return (0, _data.getRetailerServices)(product === null || product === void 0 ? void 0 : (_product$article = product.article) === null || _product$article === void 0 ? void 0 : _product$article.id_article, product === null || product === void 0 ? void 0 : (_product$article2 = product.article) === null || _product$article2 === void 0 ? void 0 : _product$article2.category, parseInt(product === null || product === void 0 ? void 0 : (_product$article3 = product.article) === null || _product$article3 === void 0 ? void 0 : _product$article3.id_category), product === null || product === void 0 ? void 0 : product.version);
+              return (0, _data2.getRetailerServices)(product === null || product === void 0 ? void 0 : (_product$article = product.article) === null || _product$article === void 0 ? void 0 : _product$article.id_article, product === null || product === void 0 ? void 0 : (_product$article2 = product.article) === null || _product$article2 === void 0 ? void 0 : _product$article2.category, parseInt(product === null || product === void 0 ? void 0 : (_product$article3 = product.article) === null || _product$article3 === void 0 ? void 0 : _product$article3.id_category), version);
 
             case 3:
               _services = _context.sent;
               //Converts the data inside the datasheets object to array
               setServices(_services);
-              getServices(); // setActiveRetailer(product?.retailers[0]);
+              getServices(); //setActiveRetailer(product?.retailers[0]);
 
               setImages({
                 action: "init",
                 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);
-              (0, _data.getPercentage)({
+              (0, _data2.getPercentage)({
                 data: [product]
               }).then(function (res) {
                 return setPercentages(res);
@@ -438,7 +457,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
       var _product$article4, _product$article5, _servicesResponse$dat;
 
-      var servicesResponse, parsedResponse, retailers, retailerResponse, active;
+      var servicesResponse, parsedResponse, retailers, active;
       return _regenerator.default.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
@@ -450,16 +469,15 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               servicesResponse = _context2.sent;
               parsedResponse = JSON.parse(servicesResponse === null || servicesResponse === void 0 ? void 0 : (_servicesResponse$dat = servicesResponse.data) === null || _servicesResponse$dat === void 0 ? void 0 : _servicesResponse$dat.body).data;
               retailers = product.retailers || product.retailersAvailable;
-              retailerResponse = parsedResponse === null || parsedResponse === void 0 ? void 0 : parsedResponse.map(function (srv) {
-                return srv.id_retailer;
-              });
-              active = retailers === null || retailers === void 0 ? void 0 : retailers.find(function (retailer) {
-                return retailerResponse.includes(retailer.id);
-              });
+              active = retailers === null || retailers === void 0 ? void 0 : retailers.filter(function (retailer) {
+                return parsedResponse === null || parsedResponse === void 0 ? void 0 : parsedResponse.map(function (srv) {
+                  return srv.id_retailer;
+                }).includes(retailer.id);
+              })[0];
               !activeRetailer.id && setActiveRetailer(active ? active : retailers[0]);
               setServicesData(parsedResponse);
 
-            case 9:
+            case 8:
             case "end":
               return _context2.stop();
           }
@@ -473,12 +491,17 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
   }();
 
   var translateConcept = function translateConcept(concept) {
-    var translation = {
-      datasheet: "Ficha técnica",
-      description: "Descripción",
-      images: "Imágenes"
-    };
-    return translation[concept];
+    var translation = "";
+
+    if (concept === "datasheet") {
+      translation = "Ficha técnica";
+    } else if (concept === "description") {
+      translation = "Descripción";
+    } else if (concept === "images") {
+      translation = "Imágenes";
+    }
+
+    return translation;
   };
 
   var getComments = /*#__PURE__*/function () {
@@ -527,46 +550,47 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       while (1) {
         switch (_context4.prev = _context4.next) {
           case 0:
+            setLoading(true);
             loadData();
             getComments();
             _context4.t0 = setUserGroups;
-            _context4.next = 5;
-            return (0, _data.fetchUsers)(token);
+            _context4.next = 6;
+            return (0, _data2.fetchUsers)(token);
 
-          case 5:
+          case 6:
             _context4.t1 = _context4.sent;
             (0, _context4.t0)(_context4.t1);
             arr = [];
             _context4.t2 = user.id_role;
-            _context4.next = _context4.t2 === 7 ? 11 : _context4.t2 === 8 ? 11 : _context4.t2 === 4 ? 13 : _context4.t2 === 5 ? 13 : _context4.t2 === 6 ? 15 : 17;
+            _context4.next = _context4.t2 === 7 ? 12 : _context4.t2 === 8 ? 12 : _context4.t2 === 4 ? 14 : _context4.t2 === 5 ? 14 : _context4.t2 === 6 ? 16 : 18;
             break;
 
-          case 11:
-            arr = ["CA", "RC", "RA"];
-            return _context4.abrupt("break", 19);
+          case 12:
+            arr = ["IN_PROGRESS", "RF", "RA"];
+            return _context4.abrupt("break", 20);
 
-          case 13:
-            arr = ["RC", "AC", "AA", "AP", "ACA"];
-            return _context4.abrupt("break", 19);
+          case 14:
+            arr = ["RF", "AF", "AA", "AP", "AC"];
+            return _context4.abrupt("break", 20);
 
-          case 15:
-            arr = ["RP", "RCA", "AC", "RA"];
-            return _context4.abrupt("break", 19);
+          case 16:
+            arr = ["RP", "RC", "AF", "RA"];
+            return _context4.abrupt("break", 20);
 
-          case 17:
+          case 18:
             arr = [];
-            return _context4.abrupt("break", 19);
+            return _context4.abrupt("break", 20);
 
-          case 19:
+          case 20:
             setStatusArray(arr);
 
-          case 20:
+          case 21:
           case "end":
             return _context4.stop();
         }
       }
     }, _callee4);
-  })), [product]);
+  })), [product, version]);
 
   var loadAssignations = function loadAssignations(currentProduct) {
     var _currentProduct$artic, _currentProduct$artic2, _currentProduct$artic3, _currentProduct$artic4, _currentProduct$artic5, _currentProduct$artic6;
@@ -686,60 +710,49 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
     var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
       var _product$article9;
 
-      var productTemp, articleId, dataObject, res, _JSON$parse2, newStatus, newArticleStatus;
-
+      var productTemp, dataObject;
       return _regenerator.default.wrap(function _callee5$(_context5) {
         while (1) {
           switch (_context5.prev = _context5.next) {
             case 0:
               setLoading(true);
               productTemp = product;
-              articleId = product === null || product === void 0 ? void 0 : (_product$article9 = product.article) === null || _product$article9 === void 0 ? void 0 : _product$article9.id_article;
               dataObject = {
-                articleId: articleId,
+                articleId: product === null || product === void 0 ? void 0 : (_product$article9 = product.article) === null || _product$article9 === void 0 ? void 0 : _product$article9.id_article,
                 articleData: updatedDescriptions
               };
               if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
-              _context5.prev = 5;
-              _context5.next = 8;
+              _context5.prev = 4;
+              _context5.next = 7;
               return _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?description=true&version=").concat(version), dataObject, {
                 headers: {
                   Authorization: token
                 }
               });
 
-            case 8:
-              res = _context5.sent;
-
-              if (!(res.data.statusCode === 200)) {
-                _context5.next = 18;
-                break;
+            case 7:
+              if (productTemp.status === "ASSIGNED") {
+                productTemp.status = "IN_PROGRESS";
+                setProduct(productTemp);
+                sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
               }
 
-              _JSON$parse2 = JSON.parse(res.data.body), newStatus = _JSON$parse2.newStatus, newArticleStatus = _JSON$parse2.newArticleStatus;
-              if (newArticleStatus) productTemp.status = newArticleStatus[articleId];
-              if (newStatus) productTemp.description_status = newStatus;
-              setProduct(productTemp);
-              sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
               setMessage("Descripciones guardadas con éxito");
-              _context5.next = 18;
-              return loadData();
-
-            case 18:
-              _context5.next = 23;
+              loadData();
+              _context5.next = 15;
               break;
 
-            case 20:
-              _context5.prev = 20;
-              _context5.t0 = _context5["catch"](5);
+            case 12:
+              _context5.prev = 12;
+              _context5.t0 = _context5["catch"](4);
               console.log(_context5.t0);
 
-            case 23:
+            case 15:
             case "end":
               return _context5.stop();
           }
         }
-      }, _callee5, null, [[5, 20]]);
+      }, _callee5, null, [[4, 12]]);
     }));
 
     return function saveDescriptions() {
@@ -751,60 +764,50 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
     var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
       var _product$article10;
 
-      var productTemp, articleId, dataObject, res, _JSON$parse3, newStatus, newArticleStatus;
-
+      var productTemp, dataObject;
       return _regenerator.default.wrap(function _callee6$(_context6) {
         while (1) {
           switch (_context6.prev = _context6.next) {
             case 0:
               setLoading(true);
               productTemp = product;
-              articleId = product === null || product === void 0 ? void 0 : (_product$article10 = product.article) === null || _product$article10 === void 0 ? void 0 : _product$article10.id_article;
               dataObject = {
-                articleId: articleId,
+                articleId: product === null || product === void 0 ? void 0 : (_product$article10 = product.article) === null || _product$article10 === void 0 ? void 0 : _product$article10.id_article,
                 articleData: updatedDatasheets
               };
               if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
-              _context6.prev = 5;
-              _context6.next = 8;
+              _context6.prev = 4;
+              _context6.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:
-              res = _context6.sent;
+            case 7:
+              setMessage("Fichas técnicas guardadas");
 
-              if (!(res.data.statusCode === 200)) {
-                _context6.next = 18;
-                break;
+              if (productTemp.status === "ASSIGNED") {
+                productTemp.status = "IN_PROGRESS";
+                setProduct(productTemp);
+                sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
               }
 
-              _JSON$parse3 = JSON.parse(res.data.body), newStatus = _JSON$parse3.newStatus, newArticleStatus = _JSON$parse3.newArticleStatus;
-              if (newArticleStatus) productTemp.status = newArticleStatus[articleId];
-              if (newStatus) productTemp.datasheet_status = newStatus;
-              setProduct(productTemp);
-              sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-              setMessage("Fichas técnicas guardadas");
-              _context6.next = 18;
-              return loadData();
-
-            case 18:
-              _context6.next = 23;
+              loadData();
+              _context6.next = 15;
               break;
 
-            case 20:
-              _context6.prev = 20;
-              _context6.t0 = _context6["catch"](5);
+            case 12:
+              _context6.prev = 12;
+              _context6.t0 = _context6["catch"](4);
               console.log(_context6.t0);
 
-            case 23:
+            case 15:
             case "end":
               return _context6.stop();
           }
         }
-      }, _callee6, null, [[5, 20]]);
+      }, _callee6, null, [[4, 12]]);
     }));
 
     return function saveDatasheets() {
@@ -830,7 +833,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
   var updateImages = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
     var _images$values2, _product$article11, _data$articleData, _data$articleData2, _data$updateImages;
 
-    var imagesList, imagesListTemp, duplicated, attrForImgs, data, valid, _data$updateImages2, _data$articleData3, _data$articleData4, _data$articleData5, promiseArray;
+    var imagesList, imagesListTemp, duplicated, attrForImgs, data, valid, _data$updateImages2, _data$articleData3, _data$articleData4, _data$articleData5, promiseArray, productTemp;
 
     return _regenerator.default.wrap(function _callee7$(_context7) {
       while (1) {
@@ -882,7 +885,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             }
 
             if (!(valid && (duplicated === null || duplicated === void 0 ? void 0 : duplicated.length) === 0)) {
-              _context7.next = 30;
+              _context7.next = 32;
               break;
             }
 
@@ -922,38 +925,44 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             setImagesUploaded(true);
 
           case 23:
-            _context7.next = 28;
+            productTemp = product;
+
+            if (productTemp.status === "ASSIGNED") {
+              productTemp.status = "IN_PROGRESS";
+              setProduct(productTemp);
+              sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+            }
+
+            _context7.next = 30;
             break;
 
-          case 25:
-            _context7.prev = 25;
+          case 27:
+            _context7.prev = 27;
             _context7.t0 = _context7["catch"](10);
             console.log(_context7.t0); // setMainLoading(false);
 
-          case 28:
-            _context7.next = 31;
+          case 30:
+            _context7.next = 33;
             break;
 
-          case 30:
+          case 32:
             // 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 31:
+          case 33:
           case "end":
             return _context7.stop();
         }
       }
-    }, _callee7, null, [[10, 25]]);
+    }, _callee7, null, [[10, 27]]);
   })), [images, imagesUploaded]);
   (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
-    var res, productTemp, _JSON$parse4, newStatus, newArticleStatus;
-
     return _regenerator.default.wrap(function _callee8$(_context8) {
       while (1) {
         switch (_context8.prev = _context8.next) {
           case 0:
             if (!imagesUploaded) {
-              _context8.next = 22;
+              _context8.next = 13;
               break;
             }
 
@@ -974,72 +983,58 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             });
 
           case 5:
-            res = _context8.sent;
-
-            if (!(res.data.statusCode === 200)) {
-              _context8.next = 17;
-              break;
-            }
-
-            productTemp = product;
-            _JSON$parse4 = JSON.parse(res.data.body), newStatus = _JSON$parse4.newStatus, newArticleStatus = _JSON$parse4.newArticleStatus;
-            if (newArticleStatus) productTemp.status = newArticleStatus[articleId];
-            if (newStatus) productTemp.images_status = newStatus;
-            setProduct(productTemp);
-            sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
             setMessage("Imágenes guardadas con éxito");
             sessionStorage.removeItem("imagesList");
-            _context8.next = 17;
-            return loadData();
-
-          case 17:
-            _context8.next = 22;
+            loadData();
+            _context8.next = 13;
             break;
 
-          case 19:
-            _context8.prev = 19;
+          case 10:
+            _context8.prev = 10;
             _context8.t0 = _context8["catch"](2);
             console.log(_context8.t0);
 
-          case 22:
+          case 13:
           case "end":
             return _context8.stop();
         }
       }
-    }, _callee8, null, [[2, 19]]);
+    }, _callee8, null, [[2, 10]]);
   })), [dataImages, imagesUploaded]);
 
   var evaluationFinished = function evaluationFinished(userId, tab, statusArray) {
-    var _srv$find, _srv$find$status, _product$;
-
     var srv = servicesData.filter(function (serv) {
       return serv.service === getConcept(tab);
     });
-    var srvActive = (_srv$find = srv.find(function (serv) {
+
+    var _srv$filter = srv.filter(function (serv) {
       return serv.id_retailer === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id);
-    })) === null || _srv$find === void 0 ? void 0 : (_srv$find$status = _srv$find.status) === null || _srv$find$status === void 0 ? void 0 : _srv$find$status.replace(/.*\//, "");
-    var currStatus = (_product$ = product["".concat(getConcept(tab), "_status")]) === null || _product$ === void 0 ? void 0 : _product$.replace(/.*\//, "");
-    var unvalidated = ["IE", "CA"].includes(currStatus);
-    var auditorUnvalidated = !["RA", "AA", "ACA", "AP"].includes(currStatus);
+    }),
+        _srv$filter2 = (0, _slicedToArray2.default)(_srv$filter, 1),
+        srvActive = _srv$filter2[0];
+
+    var unvalidated = product["".concat(getConcept(tab), "_status")] === "QF" || product["".concat(getConcept(tab), "_status")] === "IN_PROGRESS";
+    var auditorUnvalidated = !["RA", "AA", "AC", "AP"].includes(product["".concat(getConcept(tab), "_status")]);
 
     switch (userId) {
       case 7:
       case 8:
-        return statusArray.includes(srvActive) && (["RA", "RC"].includes(product === null || product === void 0 ? void 0 : product.status) || srv.filter(function (serv) {
+        return ["RA", "RF"].includes(product === null || product === void 0 ? void 0 : product.status) && //"IN_PROGRESS", "RF", "RA"
+        statusArray.includes(srvActive === null || srvActive === void 0 ? void 0 : srvActive.status) || statusArray.includes(product.status) && srv.filter(function (serv) {
           return statusArray.includes(serv.status);
-        }).length === srv.length);
+        }).length === srv.length;
 
       case 4:
       case 5:
-        return unvalidated && ["CA", "IE"].includes(product.status) && // "RC", "AC", "AA", "AP", "ACA"
+        return unvalidated && ["IN_PROGRESS", "QF"].includes(product.status) && //"RF", "AF", "AA", "AP", "AC
         srv.filter(function (serv) {
           return statusArray.includes(serv.status);
         }).length === srv.length;
 
       case 6:
-        return statusArray.includes(product.status) && // RP, RCA, AC, RA true
+        return statusArray.includes(product.status) && //RP, RC, AF, RA true
         srv.every(function (serv) {
-          return ["RA", "AA", "AP", "ACA"].includes(serv.status);
+          return ["RA", "AA", "AP", "AC"].includes(serv.status);
         }) && auditorUnvalidated;
 
       default:
@@ -1061,16 +1056,16 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
   };
 
   var approveRejectButtons = function approveRejectButtons(action) {
-    var _servicesData$find, _servicesData$find$st;
-
     var concept = getConcept(action || activeTab);
-    var retailerStatus = (_servicesData$find = servicesData.find(function (srv) {
+
+    var _servicesData$filter = servicesData.filter(function (srv) {
       return srv.id_retailer === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id) && srv.service === concept;
-    })) === null || _servicesData$find === void 0 ? void 0 : (_servicesData$find$st = _servicesData$find.status) === null || _servicesData$find$st === void 0 ? void 0 : _servicesData$find$st.replace(/.*\//, ""); //sessionStorage product
+    }),
+        _servicesData$filter2 = (0, _slicedToArray2.default)(_servicesData$filter, 1),
+        retailerStatus = _servicesData$filter2[0];
 
-    var adminFacilitatorCanEvaluate = retailerStatus === "IE" && [1, 4, 5].includes(user.id_role);
-    var adminAuditorCanEvaluate = ["AC", "RP", "RCA"].includes(retailerStatus) && [1, 6].includes(user.id_role);
-    return adminFacilitatorCanEvaluate || adminAuditorCanEvaluate;
+    return (retailerStatus === null || retailerStatus === void 0 ? void 0 : retailerStatus.status) === "QF" && (user.id_role === 1 || user.id_role === 4 || user.id_role === 5) || (retailerStatus === null || retailerStatus === void 0 ? void 0 : retailerStatus.status) === "AF" && ( //sessionStorage product
+    user.id_role === 1 || user.id_role === 6) || (retailerStatus === null || retailerStatus === void 0 ? void 0 : retailerStatus.status) === "RP" && (user.id_role === 1 || user.id_role === 6) || (retailerStatus === null || retailerStatus === void 0 ? void 0 : retailerStatus.status) === "RC" && (user.id_role === 1 || user.id_role === 6);
   };
 
   var getSectionIcon = function getSectionIcon() {
@@ -1094,8 +1089,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
   var sendToFacilitator = /*#__PURE__*/function () {
     var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9(result) {
-      var concept, productTemp, evalStatus, _articleId, orderId, data, res, _message, specialistDone, _JSON$parse5, newStatus, newOrderStatus;
-
+      var concept, productTemp, evalStatus, data, specialistDone, statusArr, newStatus;
       return _regenerator.default.wrap(function _callee9$(_context9) {
         while (1) {
           switch (_context9.prev = _context9.next) {
@@ -1104,92 +1098,112 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               _context9.prev = 1;
               concept = getConcept(activeTab);
               productTemp = (0, _objectSpread2.default)({}, product);
-              evalStatus = retailerStatus;
-              _articleId = product.article.id_article;
-              orderId = product.orderId;
-              data = {
-                articleId: _articleId,
-                orderId: orderId,
-                concept: concept,
-                evalStatus: evalStatus,
-                retailerId: activeRetailer.id
-              };
+              evalStatus = product["".concat(concept, "_status")];
+              data = {};
 
               if (!result) {
-                _context9.next = 16;
+                _context9.next = 13;
                 break;
               }
 
-              data.result = result;
-              _context9.next = 12;
+              data = {
+                articleId: product.article.id_article,
+                orderId: product.orderId,
+                concept: concept,
+                result: result,
+                evalStatus: evalStatus,
+                retailerId: activeRetailer.id
+              };
+              _context9.next = 10;
               return _axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
                 headers: {
                   Authorization: token
                 }
               });
 
-            case 12:
-              res = _context9.sent;
+            case 10:
               getServices();
-              _context9.next = 21;
+              _context9.next = 31;
               break;
 
-            case 16:
-              specialistDone = ["RC", "RA", "CA"].includes(evalStatus);
+            case 13:
+              specialistDone = evalStatus === "RF" || evalStatus === "RA" || evalStatus === "IN_PROGRESS";
 
               if (specialistDone) {
-                _message = "".concat(activeTab, " enviada a facilitador");
+                setMessage("".concat(activeTab, " enviada a facilitador"));
                 getSectionIcon();
-              } else if (["IE", "AC", "RP", "RCA"].includes(evalStatus)) {
-                _message = "Evaluación enviada";
+              } else if (evalStatus === "QF") {
+                setMessage("Evaluación enviada");
+                getSectionIcon();
+              } else if (evalStatus === "AF") {
+                setMessage("Evaluación enviada");
+                getSectionIcon();
+              } else if (evalStatus === "RP") {
+                setMessage("Evaluación enviada");
+                getSectionIcon();
+              } else if (evalStatus === "RC") {
+                setMessage("Evaluación enviada");
                 getSectionIcon();
               }
 
-              _context9.next = 20;
+              statusArr = [];
+              servicesData.forEach(function (srv) {
+                srv.service === concept && statusArr.push(srv.status);
+              });
+              productTemp["".concat(concept, "_status")] = (0, _data2.getNewStatus)(statusArr);
+              newStatus = (0, _data2.getNewStatus)([productTemp.datasheet_status, productTemp.description_status, productTemp.images_status]);
+              productTemp.status = newStatus;
+              data = {
+                articleId: product.article.id_article,
+                orderId: product.orderId,
+                concept: concept,
+                evalStatus: evalStatus,
+                retailerId: activeRetailer.id
+              };
+              _context9.t0 = user.id_role;
+              _context9.next = _context9.t0 === 7 ? 24 : _context9.t0 === 8 ? 24 : _context9.t0 === 4 ? 26 : _context9.t0 === 5 ? 26 : 28;
+              break;
+
+            case 24:
+              data.especialist = true;
+              return _context9.abrupt("break", 29);
+
+            case 26:
+              data.facilitator = true;
+              return _context9.abrupt("break", 29);
+
+            case 28:
+              return _context9.abrupt("break", 29);
+
+            case 29:
+              _context9.next = 31;
               return _axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
                 headers: {
                   Authorization: token
                 }
               });
 
-            case 20:
-              res = _context9.sent;
-
-            case 21:
-              if (!(res.data.statusCode === 200)) {
-                _context9.next = 30;
-                break;
-              }
-
-              _JSON$parse5 = JSON.parse(res.data.body), newStatus = _JSON$parse5.newStatus, newOrderStatus = _JSON$parse5.newOrderStatus;
-              if (newOrderStatus) productTemp.status = newOrderStatus[orderId];
-              productTemp["".concat(concept, "_status")] = newStatus;
-              _context9.next = 27;
-              return loadData();
-
-            case 27:
-              if (_message) setMessage(_message);
+            case 31:
+              loadData();
               sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
               setProduct(productTemp);
-
-            case 30:
-              _context9.next = 35;
+              _context9.next = 39;
               break;
 
-            case 32:
-              _context9.prev = 32;
-              _context9.t0 = _context9["catch"](1);
-              console.log(_context9.t0);
+            case 36:
+              _context9.prev = 36;
+              _context9.t1 = _context9["catch"](1);
+              console.log(_context9.t1);
 
-            case 35:
+            case 39:
               setLoading(false);
 
-            case 36:
+            case 40:
             case "end":
               return _context9.stop();
           }
         }
-      }, _callee9, null, [[1, 32]]);
+      }, _callee9, null, [[1, 36]]);
     }));
 
     return function sendToFacilitator(_x) {
@@ -1296,11 +1310,11 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       var dsInputsRequired = [];
       var desInputsRequired = 0;
       datasheetServicesArray === null || datasheetServicesArray === void 0 ? void 0 : datasheetServicesArray.forEach(function (datasheet) {
-        var _servicesData$filter = servicesData === null || servicesData === void 0 ? void 0 : servicesData.filter(function (srv) {
+        var _servicesData$filter3 = servicesData === null || servicesData === void 0 ? void 0 : servicesData.filter(function (srv) {
           return srv.id_retailer === datasheet.retailer.id && srv.service === getConcept(activeTab);
         }),
-            _servicesData$filter2 = (0, _slicedToArray2.default)(_servicesData$filter, 1),
-            requested = _servicesData$filter2[0];
+            _servicesData$filter4 = (0, _slicedToArray2.default)(_servicesData$filter3, 1),
+            requested = _servicesData$filter4[0];
 
         requested && (datasheet === null || datasheet === void 0 ? void 0 : datasheet.data) && Object.values(datasheet === null || datasheet === void 0 ? void 0 : datasheet.data).forEach(function (dataGroup) {
           return dsInputsRequired.push.apply(dsInputsRequired, (0, _toConsumableArray2.default)(dataGroup.inputs.filter(function (input) {
@@ -1309,23 +1323,16 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
         });
       });
       objetcTemp["Ficha técnica"] = dsInputsRequired.length;
-      var regex = /(<\/?p>)|(<\/?strong>)|(<br>)/gm;
       descriptionsServicesArray.forEach(function (description) {
-        var _servicesData$filter3 = servicesData.filter(function (srv) {
+        var _servicesData$filter5 = servicesData.filter(function (srv) {
           return srv.id_retailer === description.id && srv.service === getConcept(activeTab);
         }),
-            _servicesData$filter4 = (0, _slicedToArray2.default)(_servicesData$filter3, 1),
-            requested = _servicesData$filter4[0];
+            _servicesData$filter6 = (0, _slicedToArray2.default)(_servicesData$filter5, 1),
+            requested = _servicesData$filter6[0];
 
-        if (requested) {
-          description.inputs.forEach(function (input) {
-            var _input$value;
-
-            if (input.required && (!input.value || ((_input$value = input.value) === null || _input$value === void 0 ? void 0 : _input$value.replace(regex, "")) === "")) {
-              desInputsRequired++;
-            }
-          });
-        }
+        requested && description.inputs.forEach(function (input) {
+          return input.required && (!input.value || input.value.replace(/(<\/?p>)|(<\/?strong>)|(<br>)/gm, "") === "") && desInputsRequired++;
+        });
       });
       objetcTemp["Descripción"] = desInputsRequired;
       var retailersRequested = [];
@@ -1422,16 +1429,14 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             case 10:
               productTemp = product;
               productTemp.article["id_".concat(concept, "_").concat(assignationType)] = assignationId;
-              data = {
+              data = (0, _defineProperty2.default)({
                 articleList: [{
                   orderId: product.orderId,
                   articleId: product === null || product === void 0 ? void 0 : (_product$article13 = product.article) === null || _product$article13 === void 0 ? void 0 : _product$article13.id_article
                 }],
-                concept: concept,
-                userId: assignationId
-              };
-              _context12.next = 15;
-              return (0, _axios.default)({
+                concept: concept
+              }, "".concat(assignationType, "Id"), assignationId);
+              (0, _axios.default)({
                 method: "post",
                 url: process.env.REACT_APP_ASSIGNATIONS_ENDPOINT,
                 data: data,
@@ -1439,12 +1444,10 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
                   Authorization: token
                 }
               });
-
-            case 15:
               loadAssignations(productTemp);
               sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
 
-            case 17:
+            case 16:
             case "end":
               return _context12.stop();
           }
@@ -1623,24 +1626,21 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               productTemp.images_status = productTemp.images_status === "NA" ? "NA" : "".concat(result, "A");
               sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
               setProduct(productTemp);
-              _context13.next = 20;
-              return loadData();
-
-            case 20:
-              _context13.next = 25;
+              loadData();
+              _context13.next = 24;
               break;
 
-            case 22:
-              _context13.prev = 22;
+            case 21:
+              _context13.prev = 21;
               _context13.t0 = _context13["catch"](0);
               console.log(_context13.t0);
 
-            case 25:
+            case 24:
             case "end":
               return _context13.stop();
           }
         }
-      }, _callee13, null, [[0, 22]]);
+      }, _callee13, null, [[0, 21]]);
     }));
 
     return function validateAll(_x7) {
@@ -1713,7 +1713,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             })]);
           },
           showApproveRejectAll: isAuditor && servicesData.every(function (serv) {
-            return ["RA", "AA", "AP", "ACA", "AC"].includes(serv.status);
+            return ["RA", "AA", "AP", "AC", "AF"].includes(serv.status);
           }) && approveRejectButtons() && (auditorAssigned() || userAssigned()),
           showValidationButtons: approveRejectButtons() && (auditorAssigned() || userAssigned()),
           approveAll: function approveAll() {
@@ -1743,6 +1743,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             })]);
           }
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullTabsMenu.FullTabsMenu, {
+          canAssign: ![7, 8].includes(user.id_role),
           tabsSections: tabsSections,
           status: retailerStatus,
           activeTab: activeTab,
@@ -1754,6 +1755,8 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
           setAssignation: setAssignation,
           isRetailer: isRetailer,
           showSaveButton: auditorAssigned() || userAssigned(),
+          version: version,
+          setShowVersionSelector: setShowVersionSelector,
           onClickSave: function onClickSave() {
             switch (activeTab) {
               case "Descripción":
@@ -1861,7 +1864,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
                 }, _callee14);
               }))
             })]
-          }), [7, 8].includes(user.id_role) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
             buttonType: evaluationFinished(user.id_role, activeTab, statusArray) && requiredNull[activeTab] === 0 ? "general-green-button" : "general-button-disabled",
             label: "Enviar evaluación",
             onClick: function onClick() {
@@ -1888,6 +1891,17 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       onClick: function onClick() {
         return setMessage("");
       }
+    }), showVersionSelector && /*#__PURE__*/(0, _jsxRuntime.jsx)(_VersionSelector.VersionSelector, {
+      modalId: "version-selector",
+      articleId: product.article.id_article,
+      setVersion: setVersion,
+      companyName: product.article.company_name,
+      currentVersion: version,
+      setShowCreateVersion: setShowCreateVersion
+    }), showCreateVersion && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CreateVersion.CreateVersion, {
+      idArticle: product.article.id_article,
+      version: version,
+      setShowCreateVersion: setShowCreateVersion
     })]
   });
 };