contentoh-components-library 21.4.102 → 21.4.104

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

@@ -1,186 +1,281 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RetailerProductEdition = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _styles = require("./styles");
+
 var _HeaderTop = require("../../molecules/HeaderTop");
+
 var _ImagePreviewer = require("../../organisms/ImagePreviewer");
+
 var _ImageDataTable = require("../../organisms/ImageDataTable");
+
 var _FullProductNameHeader = require("../../organisms/FullProductNameHeader");
+
 var _FullTabsMenu = require("../../organisms/FullTabsMenu");
+
 var _InputGroup = require("../../organisms/InputGroup");
+
 var _react = require("react");
+
 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");
+
 var _ProductImageModal = require("../../organisms/ProductImageModal");
+
 var _reactDropzone = require("react-dropzone");
+
 var _axios = _interopRequireDefault(require("axios"));
+
 var _uuid = require("uuid");
+
 var _awsSdk = _interopRequireDefault(require("aws-sdk"));
+
 var _attributesSent = _interopRequireDefault(require("../../../assets/images/modalsSVGs/attributesSent.svg"));
+
 var _descriptionSent = _interopRequireDefault(require("../../../assets/images/modalsSVGs/descriptionSent.svg"));
+
 var _uploadingImages = _interopRequireDefault(require("../../../assets/images/modalsSVGs/uploadingImages.svg"));
+
 var _index = require("../../molecules/TagAndInput/index");
+
 var _GeneralButton = require("../../atoms/GeneralButton");
+
 var _GenericModal = require("../../atoms/GenericModal");
+
 var _ScreenHeader = require("../../atoms/ScreenHeader");
+
 var _Loading = require("../../atoms/Loading");
+
 var _genericModalCheck = _interopRequireDefault(require("../../../assets/images/genericModal/genericModalCheck.svg"));
+
 var _VersionSelector = require("../../organisms/VersionSelector");
+
 var _customHooks = require("../../../global-files/customHooks");
+
 var _utils = require("./utils");
+
 var _Modal = require("../../organisms/Modal");
+
 var _ButtonV = require("../../atoms/ButtonV2");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const reducerImages = (state, action) => {
+
+var reducerImages = function reducerImages(state, action) {
   var _action$init, _action$init$inputsBy;
-  let {
-    values,
-    attrForImgs,
-    inputsByRetailer
-  } = state;
+
+  var values = state.values,
+      attrForImgs = state.attrForImgs,
+      inputsByRetailer = state.inputsByRetailer;
+
   switch (action.action) {
     case "init":
-      const newInputsByRetailer = {};
-      action === null || action === void 0 ? void 0 : (_action$init = action.init) === null || _action$init === void 0 ? void 0 : (_action$init$inputsBy = _action$init.inputsByRetailer) === null || _action$init$inputsBy === void 0 ? void 0 : _action$init$inputsBy.forEach(inputs => {
-        inputs === null || inputs === void 0 ? void 0 : inputs.forEach(input => {
+      var newInputsByRetailer = {};
+      action === null || action === void 0 ? void 0 : (_action$init = action.init) === null || _action$init === void 0 ? void 0 : (_action$init$inputsBy = _action$init.inputsByRetailer) === null || _action$init$inputsBy === void 0 ? void 0 : _action$init$inputsBy.forEach(function (inputs) {
+        inputs === null || inputs === void 0 ? void 0 : inputs.forEach(function (input) {
           if (!newInputsByRetailer["".concat(input.id_retailer)]) newInputsByRetailer["".concat(input.id_retailer)] = [];
           newInputsByRetailer["".concat(input.id_retailer)].push(input);
         });
       });
       inputsByRetailer = newInputsByRetailer;
-      return {
-        ...action.init,
-        inputsByRetailer,
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, action.init), {}, {
+        inputsByRetailer: inputsByRetailer,
         valuesInitial: action.init.values,
         inputsInitial: action.init.inputs
-      };
+      });
+
     case "addImg":
-      values = [...values, action.img];
-      return {
-        ...state,
-        values
-      };
+      values = [].concat((0, _toConsumableArray2.default)(values), [action.img]);
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        values: values
+      });
+
     case "changeImageInfo":
       values[action.index][action.attribute] = action.value;
-      return {
-        ...state,
-        values
-      };
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        values: values
+      });
+
     case "changeShotType":
       values[action.index][action.attribute] = action.value;
-      return {
-        ...state,
-        values
-      };
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        values: values
+      });
+
     case "changeAttrValue":
-      const index = attrForImgs.general.findIndex(f => f.id === action.id);
+      var index = attrForImgs.general.findIndex(function (f) {
+        return f.id === action.id;
+      });
+
       if (index !== -1) {
         attrForImgs.general[index].value = action.value;
       }
-      return {
-        ...state,
-        attrForImgs,
-        values
-      };
+
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        attrForImgs: attrForImgs,
+        values: values
+      });
+
     case "deleteImage":
-      values = values.filter(value => action.selectedImages.indexOf(value) === -1);
-      return {
-        ...state,
-        values
-      };
+      values = values.filter(function (value) {
+        return action.selectedImages.indexOf(value) === -1;
+      });
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        values: values
+      });
+
     case "orderImages":
       {
-        let {
-          inputsByRetailer,
-          valuesInitial,
-          inputsInitial,
-          inputs
-        } = state;
+        var _inputsByRetailer = state.inputsByRetailer,
+            valuesInitial = state.valuesInitial,
+            inputsInitial = state.inputsInitial,
+            inputs = state.inputs;
+
         try {
           var _inputsByRetailer$act;
-          const orderedImages = [];
-          const imageIdArray = [];
-          if (action !== null && action !== void 0 && action.retailerId && !inputsByRetailer[action.retailerId]) {
-            inputsByRetailer[action.retailerId] = [];
+
+          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(input => {
+
+          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(value => {
+            valuesInitial.forEach(function (value) {
               if (value.image_id === input.id_image) orderedImages.push(value);
             });
           }));
-          inputs = inputsInitial === null || inputsInitial === void 0 ? void 0 : inputsInitial.filter(input => imageIdArray.includes(input.id));
+          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);
         }
-        return {
-          ...state,
-          values,
-          inputs
-        };
+
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+          values: values,
+          inputs: inputs
+        });
       }
+
     default:
       return state;
   }
 };
-const S3_BUCKET = process.env.REACT_APP_IMAGES_BUCKET;
-const REGION = "us-east-1";
+
+var S3_BUCKET = process.env.REACT_APP_IMAGES_BUCKET;
+var REGION = "us-east-1";
+
 _awsSdk.default.config.update({
   accessKeyId: process.env.REACT_APP_KUTS3,
   secretAccessKey: process.env.REACT_APP_AKUTS3
 });
-const myBucket = new _awsSdk.default.S3({
+
+var myBucket = new _awsSdk.default.S3({
   params: {
     Bucket: S3_BUCKET
   },
   region: REGION
 });
-const RetailerProductEdition = _ref => {
+
+var RetailerProductEdition = function RetailerProductEdition(_ref) {
   var _product$retailers, _location$state, _location$state2, _product$services2, _datasheets$, _datasheets$$data, _product$article17;
-  let {
-    tabsSections,
-    productSelected = {},
-    user = {},
-    token,
-    location
-  } = _ref;
-  const [activeTab, setActiveTab] = (0, _react.useState)("Descripción");
-  const [activeImage, setActiveImage] = (0, _react.useState)();
-  const [imageLayout, setImageLayout] = (0, _react.useState)(false);
-  const [headerTop, setHeaderTop] = (0, _react.useState)(0);
-  const [descriptions, setDescriptions] = (0, _react.useState)([]);
-  const [datasheets, setDatasheets] = (0, _react.useState)([]);
-  const [images, setImages] = (0, _react.useReducer)(reducerImages, {});
-  const [showModal, setShowModal] = (0, _react.useState)(false);
-  const [showRejectModal, setShowRejectModal] = (0, _react.useState)(false);
-  const {
-    getRootProps,
-    getInputProps
-  } = (0, _reactDropzone.useDropzone)({
+
+  var tabsSections = _ref.tabsSections,
+      _ref$productSelected = _ref.productSelected,
+      productSelected = _ref$productSelected === void 0 ? {} : _ref$productSelected,
+      _ref$user = _ref.user,
+      user = _ref$user === void 0 ? {} : _ref$user,
+      token = _ref.token,
+      location = _ref.location;
+
+  var _useState = (0, _react.useState)("Descripción"),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      activeTab = _useState2[0],
+      setActiveTab = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      activeImage = _useState4[0],
+      setActiveImage = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      imageLayout = _useState6[0],
+      setImageLayout = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(0),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      headerTop = _useState8[0],
+      setHeaderTop = _useState8[1];
+
+  var _useState9 = (0, _react.useState)([]),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      descriptions = _useState10[0],
+      setDescriptions = _useState10[1];
+
+  var _useState11 = (0, _react.useState)([]),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      datasheets = _useState12[0],
+      setDatasheets = _useState12[1];
+
+  var _useReducer = (0, _react.useReducer)(reducerImages, {}),
+      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+      images = _useReducer2[0],
+      setImages = _useReducer2[1];
+
+  var _useState13 = (0, _react.useState)(false),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      showModal = _useState14[0],
+      setShowModal = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(false),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      showRejectModal = _useState16[0],
+      setShowRejectModal = _useState16[1];
+
+  var _useDropzone = (0, _reactDropzone.useDropzone)({
     accept: "image/*",
     noKeyboard: true,
     multiple: true,
     noClick: true,
-    onDrop: acceptedFiles => {
-      const newImages = [];
-      acceptedFiles.map(file => {
-        const reader = new FileReader();
+    onDrop: function onDrop(acceptedFiles) {
+      var newImages = [];
+      acceptedFiles.map(function (file) {
+        var reader = new FileReader();
         reader.fileName = file.name;
+
         reader.onload = function (e) {
-          const ext = e.srcElement.fileName.split(".");
-          const img = new Image();
+          var ext = e.srcElement.fileName.split(".");
+          var img = new Image();
           img.src = e.target.result;
-          setTimeout(() => {
-            const width = img.width;
-            const height = img.height;
-            const newImg = {
+          setTimeout(function () {
+            var width = img.width;
+            var height = img.height;
+            var newImg = {
               action: "addImg",
               img: {
                 src: e.target.result,
@@ -193,67 +288,233 @@ const RetailerProductEdition = _ref => {
             setImages(newImg);
           }, 500);
         };
+
         reader.onerror = function (error) {
           console.log("dropzoneError: ", error);
         };
+
         reader.readAsDataURL(file);
         return file;
       });
     }
-  });
-  const [updatedDatasheets, setUpdatedDatasheets] = (0, _react.useState)([]);
-  const [updatedDescriptions, setUpdatedDescriptions] = (0, _react.useState)([]);
-  const [imagesUploaded, setImagesUploaded] = (0, _react.useState)(false);
-  const [dataImages, setDataImages] = (0, _react.useState)();
-  const [percentages, setPercentages] = (0, _react.useState)(new Array(product === null || product === void 0 ? void 0 : (_product$retailers = product.retailers) === null || _product$retailers === void 0 ? void 0 : _product$retailers.length).fill({
+  }),
+      getRootProps = _useDropzone.getRootProps,
+      getInputProps = _useDropzone.getInputProps;
+
+  var _useState17 = (0, _react.useState)([]),
+      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+      updatedDatasheets = _useState18[0],
+      setUpdatedDatasheets = _useState18[1];
+
+  var _useState19 = (0, _react.useState)([]),
+      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
+      updatedDescriptions = _useState20[0],
+      setUpdatedDescriptions = _useState20[1];
+
+  var _useState21 = (0, _react.useState)(false),
+      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
+      imagesUploaded = _useState22[0],
+      setImagesUploaded = _useState22[1];
+
+  var _useState23 = (0, _react.useState)(),
+      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
+      dataImages = _useState24[0],
+      setDataImages = _useState24[1];
+
+  var _useState25 = (0, _react.useState)(new Array(product === null || product === void 0 ? void 0 : (_product$retailers = product.retailers) === null || _product$retailers === void 0 ? void 0 : _product$retailers.length).fill({
     percentage: 0
-  }));
-  // const [percentages, setPercentages] = useState([{ retailers: {} }]);
-  const [activePercentage, setActivePercentage] = (0, _react.useState)(0);
-  const [activeRetailer, setActiveRetailer] = (0, _react.useState)({});
-  const [services, setServices] = (0, _react.useState)([]);
-  const [servicesData, setServicesData] = (0, _react.useState)([]);
-  const [message, setMessage] = (0, _react.useState)("");
-  const [product, setProduct] = (0, _react.useState)(JSON.parse(sessionStorage.getItem("productSelected")) ? JSON.parse(sessionStorage.getItem("productSelected")) : productSelected);
-  const [icon, setIcon] = (0, _react.useState)(null);
-  const [version, setVersion] = (0, _react.useState)(product === null || product === void 0 ? void 0 : product.version);
-  const [comments, setComments] = (0, _react.useState)({});
-  const [comment, setComment] = (0, _react.useState)("");
-  const [requiredNull, setRequiredNull] = (0, _react.useState)({
+  })),
+      _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
+      percentages = _useState26[0],
+      setPercentages = _useState26[1]; // const [percentages, setPercentages] = useState([{ retailers: {} }]);
+
+
+  var _useState27 = (0, _react.useState)(0),
+      _useState28 = (0, _slicedToArray2.default)(_useState27, 2),
+      activePercentage = _useState28[0],
+      setActivePercentage = _useState28[1];
+
+  var _useState29 = (0, _react.useState)({}),
+      _useState30 = (0, _slicedToArray2.default)(_useState29, 2),
+      activeRetailer = _useState30[0],
+      setActiveRetailer = _useState30[1];
+
+  var _useState31 = (0, _react.useState)([]),
+      _useState32 = (0, _slicedToArray2.default)(_useState31, 2),
+      services = _useState32[0],
+      setServices = _useState32[1];
+
+  var _useState33 = (0, _react.useState)([]),
+      _useState34 = (0, _slicedToArray2.default)(_useState33, 2),
+      servicesData = _useState34[0],
+      setServicesData = _useState34[1];
+
+  var _useState35 = (0, _react.useState)(""),
+      _useState36 = (0, _slicedToArray2.default)(_useState35, 2),
+      message = _useState36[0],
+      setMessage = _useState36[1];
+
+  var _useState37 = (0, _react.useState)(JSON.parse(sessionStorage.getItem("productSelected")) ? JSON.parse(sessionStorage.getItem("productSelected")) : productSelected),
+      _useState38 = (0, _slicedToArray2.default)(_useState37, 2),
+      product = _useState38[0],
+      setProduct = _useState38[1];
+
+  var _useState39 = (0, _react.useState)(null),
+      _useState40 = (0, _slicedToArray2.default)(_useState39, 2),
+      icon = _useState40[0],
+      setIcon = _useState40[1];
+
+  var _useState41 = (0, _react.useState)(product === null || product === void 0 ? void 0 : product.version),
+      _useState42 = (0, _slicedToArray2.default)(_useState41, 2),
+      version = _useState42[0],
+      setVersion = _useState42[1];
+
+  var _useState43 = (0, _react.useState)({}),
+      _useState44 = (0, _slicedToArray2.default)(_useState43, 2),
+      comments = _useState44[0],
+      setComments = _useState44[1];
+
+  var _useState45 = (0, _react.useState)(""),
+      _useState46 = (0, _slicedToArray2.default)(_useState45, 2),
+      comment = _useState46[0],
+      setComment = _useState46[1];
+
+  var _useState47 = (0, _react.useState)({
     "Ficha técnica": 0,
     Descripción: 0,
     Imágenes: 0
-  });
-  const [crossComment, setCrossComment] = (0, _react.useState)(false);
-  const [userGroups, setUserGroups] = (0, _react.useState)([]);
-  const [assig, setAssig] = (0, _react.useState)({});
-  const [selectedImages, setSelectedImages] = (0, _react.useState)([]);
-  const [componentsArray, setComponentsArray] = (0, _react.useState)([]);
-  const [checkAll, setCheckAll] = (0, _react.useState)(false);
-  const isRetailer = user === null || user === void 0 ? void 0 : user.is_retailer;
-  const [loading, setLoading] = (0, _react.useState)(true);
-  const [retailerStatus, setRetailerStatus] = (0, _react.useState)("-");
-  const [statusArray, setStatusArray] = (0, _react.useState)([]);
-  const [socketType, setSocketType] = (0, _react.useState)(null);
-  const [saving, setSaving] = (0, _react.useState)(loading);
-  const [showVersionSelector, setShowVersionSelector] = (0, _customHooks.useCloseModal)("version-selector");
-  const shotThd = [58, 59, 60, 61].includes(activeRetailer.id);
-  const [auditableVersion, setAuditableVersion] = (0, _react.useState)(null);
-  const [auditServices, setAuditServices] = (0, _react.useState)([]);
-  const [auditDatasheets, setAuditDatasheets] = (0, _react.useState)([]);
-  const [auditDescriptions, setAuditDescriptions] = (0, _react.useState)([]);
-  const [auditImages, setAuditImages] = (0, _react.useState)([]);
-  const [compare, setCompare] = (0, _react.useState)(false);
-  const [observation, setObservation] = (0, _react.useState)();
-  const [valRejAll, setValRejAll] = (0, _react.useState)(false);
-  const [desc, setDesc] = (0, _react.useState)([]);
-  const [fich, setFich] = (0, _react.useState)([]);
-  const [imag, setImag] = (0, _react.useState)([]);
-  const [isObservationVisible, setObservationVisible] = (0, _react.useState)(false);
-  const toggleObservation = () => {
+  }),
+      _useState48 = (0, _slicedToArray2.default)(_useState47, 2),
+      requiredNull = _useState48[0],
+      setRequiredNull = _useState48[1];
+
+  var _useState49 = (0, _react.useState)(false),
+      _useState50 = (0, _slicedToArray2.default)(_useState49, 2),
+      crossComment = _useState50[0],
+      setCrossComment = _useState50[1];
+
+  var _useState51 = (0, _react.useState)([]),
+      _useState52 = (0, _slicedToArray2.default)(_useState51, 2),
+      userGroups = _useState52[0],
+      setUserGroups = _useState52[1];
+
+  var _useState53 = (0, _react.useState)({}),
+      _useState54 = (0, _slicedToArray2.default)(_useState53, 2),
+      assig = _useState54[0],
+      setAssig = _useState54[1];
+
+  var _useState55 = (0, _react.useState)([]),
+      _useState56 = (0, _slicedToArray2.default)(_useState55, 2),
+      selectedImages = _useState56[0],
+      setSelectedImages = _useState56[1];
+
+  var _useState57 = (0, _react.useState)([]),
+      _useState58 = (0, _slicedToArray2.default)(_useState57, 2),
+      componentsArray = _useState58[0],
+      setComponentsArray = _useState58[1];
+
+  var _useState59 = (0, _react.useState)(false),
+      _useState60 = (0, _slicedToArray2.default)(_useState59, 2),
+      checkAll = _useState60[0],
+      setCheckAll = _useState60[1];
+
+  var isRetailer = user === null || user === void 0 ? void 0 : user.is_retailer;
+
+  var _useState61 = (0, _react.useState)(true),
+      _useState62 = (0, _slicedToArray2.default)(_useState61, 2),
+      loading = _useState62[0],
+      setLoading = _useState62[1];
+
+  var _useState63 = (0, _react.useState)("-"),
+      _useState64 = (0, _slicedToArray2.default)(_useState63, 2),
+      retailerStatus = _useState64[0],
+      setRetailerStatus = _useState64[1];
+
+  var _useState65 = (0, _react.useState)([]),
+      _useState66 = (0, _slicedToArray2.default)(_useState65, 2),
+      statusArray = _useState66[0],
+      setStatusArray = _useState66[1];
+
+  var _useState67 = (0, _react.useState)(null),
+      _useState68 = (0, _slicedToArray2.default)(_useState67, 2),
+      socketType = _useState68[0],
+      setSocketType = _useState68[1];
+
+  var _useState69 = (0, _react.useState)(loading),
+      _useState70 = (0, _slicedToArray2.default)(_useState69, 2),
+      saving = _useState70[0],
+      setSaving = _useState70[1];
+
+  var _useCloseModal = (0, _customHooks.useCloseModal)("version-selector"),
+      _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
+      showVersionSelector = _useCloseModal2[0],
+      setShowVersionSelector = _useCloseModal2[1];
+
+  var shotThd = [58, 59, 60, 61].includes(activeRetailer.id);
+
+  var _useState71 = (0, _react.useState)(null),
+      _useState72 = (0, _slicedToArray2.default)(_useState71, 2),
+      auditableVersion = _useState72[0],
+      setAuditableVersion = _useState72[1];
+
+  var _useState73 = (0, _react.useState)([]),
+      _useState74 = (0, _slicedToArray2.default)(_useState73, 2),
+      auditServices = _useState74[0],
+      setAuditServices = _useState74[1];
+
+  var _useState75 = (0, _react.useState)([]),
+      _useState76 = (0, _slicedToArray2.default)(_useState75, 2),
+      auditDatasheets = _useState76[0],
+      setAuditDatasheets = _useState76[1];
+
+  var _useState77 = (0, _react.useState)([]),
+      _useState78 = (0, _slicedToArray2.default)(_useState77, 2),
+      auditDescriptions = _useState78[0],
+      setAuditDescriptions = _useState78[1];
+
+  var _useState79 = (0, _react.useState)([]),
+      _useState80 = (0, _slicedToArray2.default)(_useState79, 2),
+      auditImages = _useState80[0],
+      setAuditImages = _useState80[1];
+
+  var _useState81 = (0, _react.useState)(false),
+      _useState82 = (0, _slicedToArray2.default)(_useState81, 2),
+      compare = _useState82[0],
+      setCompare = _useState82[1];
+
+  var _useState83 = (0, _react.useState)(),
+      _useState84 = (0, _slicedToArray2.default)(_useState83, 2),
+      observation = _useState84[0],
+      setObservation = _useState84[1];
+
+  var _useState85 = (0, _react.useState)(false),
+      _useState86 = (0, _slicedToArray2.default)(_useState85, 2),
+      valRejAll = _useState86[0],
+      setValRejAll = _useState86[1];
+
+  var _useState87 = (0, _react.useState)([]),
+      _useState88 = (0, _slicedToArray2.default)(_useState87, 2),
+      desc = _useState88[0],
+      setDesc = _useState88[1];
+
+  var _useState89 = (0, _react.useState)([]),
+      _useState90 = (0, _slicedToArray2.default)(_useState89, 2),
+      fich = _useState90[0],
+      setFich = _useState90[1];
+
+  var _useState91 = (0, _react.useState)([]),
+      _useState92 = (0, _slicedToArray2.default)(_useState91, 2),
+      imag = _useState92[0],
+      setImag = _useState92[1];
+
+  var _useState93 = (0, _react.useState)(false),
+      _useState94 = (0, _slicedToArray2.default)(_useState93, 2),
+      isObservationVisible = _useState94[0],
+      setObservationVisible = _useState94[1];
+
+  var toggleObservation = function toggleObservation() {
     setObservationVisible(!isObservationVisible);
-  };
-  // const handleClickOutside = (event) => {
+  }; // const handleClickOutside = (event) => {
   //   if (
   //     isObservationVisible &&
   //     !event.target.closest(".Observation") &&
@@ -262,7 +523,6 @@ const RetailerProductEdition = _ref => {
   //     hideObservation();
   //   }
   // };
-
   // useEffect(() => {
   //   document.addEventListener("click", handleClickOutside);
   //   return () => {
@@ -270,128 +530,285 @@ const RetailerProductEdition = _ref => {
   //   };
   // }, [isObservationVisible]);
 
-  const hideObservation = () => {
+
+  var hideObservation = function hideObservation() {
     setObservationVisible(false);
   };
-  (0, _react.useEffect)(async () => {
-    const {
-      id_article
-    } = (product === null || product === void 0 ? void 0 : product.article) || {};
-    if (id_article) await (0, _utils.getAuditVersion)(id_article, setAuditableVersion, token);
-  }, []);
-  const loadAuditableData = async () => {
-    if (auditableVersion) {
-      var _product$article, _product$article2, _product$article3;
-      const auditServices = await (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), auditableVersion.version, token);
-      (0, _utils.getInputsData)(auditServices, activeRetailer, setAuditDatasheets, setAuditDescriptions);
-      setAuditServices(auditServices);
-      setAuditImages(auditServices[2]);
-    }
-  };
-  (0, _react.useEffect)(() => {
+
+  (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var _ref3, id_article;
+
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _ref3 = (product === null || product === void 0 ? void 0 : product.article) || {}, id_article = _ref3.id_article;
+
+            if (!id_article) {
+              _context.next = 4;
+              break;
+            }
+
+            _context.next = 4;
+            return (0, _utils.getAuditVersion)(id_article, setAuditableVersion, token);
+
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), []);
+
+  var loadAuditableData = /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      var _product$article, _product$article2, _product$article3, _auditServices;
+
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!auditableVersion) {
+                _context2.next = 7;
+                break;
+              }
+
+              _context2.next = 3;
+              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), auditableVersion.version, token);
+
+            case 3:
+              _auditServices = _context2.sent;
+              (0, _utils.getInputsData)(_auditServices, activeRetailer, setAuditDatasheets, setAuditDescriptions);
+              setAuditServices(_auditServices);
+              setAuditImages(_auditServices[2]);
+
+            case 7:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function loadAuditableData() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
     if (auditableVersion) {
       loadAuditableData();
     }
   }, [auditableVersion]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     checkAll && setSelectedImages(images.values);
   }, [checkAll]);
-  const loadData = async () => {
-    try {
-      var _product$article4, _product$article5, _product$article6, _services$, _services$$values, _product$retailersAva;
-      const services = await (0, _data.getRetailerServices)(product === null || product === void 0 ? void 0 : (_product$article4 = product.article) === null || _product$article4 === void 0 ? void 0 : _product$article4.id_article, product === null || product === void 0 ? void 0 : (_product$article5 = product.article) === null || _product$article5 === void 0 ? void 0 : _product$article5.category, parseInt(product === null || product === void 0 ? void 0 : (_product$article6 = product.article) === null || _product$article6 === void 0 ? void 0 : _product$article6.id_category), version, token);
-      if (auditableVersion) {
-        loadAuditableData();
-      }
-      //Converts the data inside the datasheets object to array
-      setServices(services);
-      getServices();
-      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);
-      const data = [{
-        id_article: product.article.id_article,
-        id_category: product.article.id_category,
-        version: product.version,
-        id_retailer_array: ((_product$retailersAva = product.retailersAvailable) !== null && _product$retailersAva !== void 0 ? _product$retailersAva : product.retailers).map(_ref2 => {
-          let {
-            id
-          } = _ref2;
-          return id;
-        })
-      }];
-      const headers = {
-        Authorization: token
-      };
-      (0, _data.getPercentage)({
-        data,
-        headers
-      }).then(res => {
-        setPercentages(res[0]);
-      });
-      setLoading(false);
-    } catch (error) {
-      console.log(error);
-    }
-  };
-  const getServices = async () => {
-    var _product$article7, _product$article8, _servicesResponse$dat;
-    const servicesResponse = await _axios.default.get("".concat(process.env.REACT_APP_SERVICES_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article7 = product.article) === null || _product$article7 === void 0 ? void 0 : _product$article7.id_article, "&orderId=").concat((product === null || product === void 0 ? void 0 : (_product$article8 = product.article) === null || _product$article8 === void 0 ? void 0 : _product$article8.id_order) || product.orderId, "&end=true"));
-    const 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;
-    const retailers = product.retailers || product.retailersAvailable;
-    const retailerResponse = parsedResponse === null || parsedResponse === void 0 ? void 0 : parsedResponse.map(srv => srv.id_retailer);
-    const active = retailers === null || retailers === void 0 ? void 0 : retailers.find(retailer => retailerResponse.includes(retailer.id));
-    !activeRetailer.id && setActiveRetailer(active ? active : retailers[0]);
-    setServicesData(parsedResponse);
-  };
-  const translateConcept = concept => {
-    const translation = {
+
+  var loadData = /*#__PURE__*/function () {
+    var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+      var _product$article4, _product$article5, _product$article6, _services$, _services$$values, _product$retailersAva, _services, data, headers;
+
+      return _regenerator.default.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.prev = 0;
+              _context3.next = 3;
+              return (0, _data2.getRetailerServices)(product === null || product === void 0 ? void 0 : (_product$article4 = product.article) === null || _product$article4 === void 0 ? void 0 : _product$article4.id_article, product === null || product === void 0 ? void 0 : (_product$article5 = product.article) === null || _product$article5 === void 0 ? void 0 : _product$article5.category, parseInt(product === null || product === void 0 ? void 0 : (_product$article6 = product.article) === null || _product$article6 === void 0 ? void 0 : _product$article6.id_category), version, token);
+
+            case 3:
+              _services = _context3.sent;
+
+              if (auditableVersion) {
+                loadAuditableData();
+              } //Converts the data inside the datasheets object to array
+
+
+              setServices(_services);
+              getServices();
+              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);
+              data = [{
+                id_article: product.article.id_article,
+                id_category: product.article.id_category,
+                version: product.version,
+                id_retailer_array: ((_product$retailersAva = product.retailersAvailable) !== null && _product$retailersAva !== void 0 ? _product$retailersAva : product.retailers).map(function (_ref6) {
+                  var id = _ref6.id;
+                  return id;
+                })
+              }];
+              headers = {
+                Authorization: token
+              };
+              (0, _data2.getPercentage)({
+                data: data,
+                headers: headers
+              }).then(function (res) {
+                setPercentages(res[0]);
+              });
+              setLoading(false);
+              _context3.next = 18;
+              break;
+
+            case 15:
+              _context3.prev = 15;
+              _context3.t0 = _context3["catch"](0);
+              console.log(_context3.t0);
+
+            case 18:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3, null, [[0, 15]]);
+    }));
+
+    return function loadData() {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+
+  var getServices = /*#__PURE__*/function () {
+    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
+      var _product$article7, _product$article8, _servicesResponse$dat;
+
+      var servicesResponse, parsedResponse, retailers, retailerResponse, active;
+      return _regenerator.default.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.next = 2;
+              return _axios.default.get("".concat(process.env.REACT_APP_SERVICES_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article7 = product.article) === null || _product$article7 === void 0 ? void 0 : _product$article7.id_article, "&orderId=").concat((product === null || product === void 0 ? void 0 : (_product$article8 = product.article) === null || _product$article8 === void 0 ? void 0 : _product$article8.id_order) || product.orderId, "&end=true"));
+
+            case 2:
+              servicesResponse = _context4.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);
+              });
+              !activeRetailer.id && setActiveRetailer(active ? active : retailers[0]);
+              setServicesData(parsedResponse);
+
+            case 9:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4);
+    }));
+
+    return function getServices() {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+
+  var translateConcept = function translateConcept(concept) {
+    var translation = {
       datasheet: "Ficha técnica",
       description: "Descripción",
       images: "Imágenes"
     };
     return translation[concept];
   };
-  const getComments = async function () {
-    var _product$article9, _product$article10, _product$article11;
-    let tab = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "Descripción";
-    const commentsResponse = await Promise.all([_axios.default.get("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article9 = product.article) === null || _product$article9 === void 0 ? void 0 : _product$article9.id_article, "&concept=description&orderIdColab=").concat(product === null || product === void 0 ? void 0 : product.orderId, "&version=").concat(version)), _axios.default.get("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article10 = product.article) === null || _product$article10 === void 0 ? void 0 : _product$article10.id_article, "&concept=datasheet&orderIdColab=").concat(product === null || product === void 0 ? void 0 : product.orderId, "&version=").concat(version)), _axios.default.get("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article11 = product.article) === null || _product$article11 === void 0 ? void 0 : _product$article11.id_article, "&concept=images&orderIdColab=").concat(product === null || product === void 0 ? void 0 : product.orderId, "&version=").concat(version))]);
-    let comments = {};
-    commentsResponse.forEach(comment => {
-      var _comment$data, _JSON$parse, _JSON$parse$data$, _comment$data2, _comment$data3;
-      return JSON.parse(comment === null || comment === void 0 ? void 0 : (_comment$data = comment.data) === null || _comment$data === void 0 ? void 0 : _comment$data.body).data[0] && (comments[translateConcept((_JSON$parse = JSON.parse(comment === null || comment === void 0 ? void 0 : (_comment$data2 = comment.data) === null || _comment$data2 === void 0 ? void 0 : _comment$data2.body)) === null || _JSON$parse === void 0 ? void 0 : (_JSON$parse$data$ = _JSON$parse.data[0]) === null || _JSON$parse$data$ === void 0 ? void 0 : _JSON$parse$data$.concept)] = JSON.parse(comment === null || comment === void 0 ? void 0 : (_comment$data3 = comment.data) === null || _comment$data3 === void 0 ? void 0 : _comment$data3.body).data[0]);
-    });
-    setComment(comments[tab]);
-    setComments(comments);
-  };
-  (0, _react.useEffect)(async () => {
-    setLoading(true);
-    loadData();
-    getComments();
-    setUserGroups(await (0, _data.fetchUsers)(token));
-    let arr = [];
-    switch (user.id_role) {
-      case 7:
-      case 8:
-        arr = ["PA", "AS", "CA", "RC", "RA", "RP", "RCA"];
-        break;
-      case 4:
-      case 5:
-        arr = ["RC", "AC", "AA", "AP", "ACA"];
-        break;
-      case 6:
-        arr = ["RP", "RCA", "AC", "RA"];
-        break;
-      default:
-        arr = [];
-        break;
-    }
-    setStatusArray(arr);
-  }, [product, version]);
-  const loadAssignations = currentProduct => {
+
+  var getComments = /*#__PURE__*/function () {
+    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
+      var _product$article9, _product$article10, _product$article11;
+
+      var tab,
+          commentsResponse,
+          comments,
+          _args5 = arguments;
+      return _regenerator.default.wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              tab = _args5.length > 0 && _args5[0] !== undefined ? _args5[0] : "Descripción";
+              _context5.next = 3;
+              return Promise.all([_axios.default.get("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article9 = product.article) === null || _product$article9 === void 0 ? void 0 : _product$article9.id_article, "&concept=description&orderIdColab=").concat(product === null || product === void 0 ? void 0 : product.orderId, "&version=").concat(version)), _axios.default.get("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article10 = product.article) === null || _product$article10 === void 0 ? void 0 : _product$article10.id_article, "&concept=datasheet&orderIdColab=").concat(product === null || product === void 0 ? void 0 : product.orderId, "&version=").concat(version)), _axios.default.get("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT, "?articleId=").concat(product === null || product === void 0 ? void 0 : (_product$article11 = product.article) === null || _product$article11 === void 0 ? void 0 : _product$article11.id_article, "&concept=images&orderIdColab=").concat(product === null || product === void 0 ? void 0 : product.orderId, "&version=").concat(version))]);
+
+            case 3:
+              commentsResponse = _context5.sent;
+              comments = {};
+              commentsResponse.forEach(function (comment) {
+                var _comment$data, _JSON$parse, _JSON$parse$data$, _comment$data2, _comment$data3;
+
+                return JSON.parse(comment === null || comment === void 0 ? void 0 : (_comment$data = comment.data) === null || _comment$data === void 0 ? void 0 : _comment$data.body).data[0] && (comments[translateConcept((_JSON$parse = JSON.parse(comment === null || comment === void 0 ? void 0 : (_comment$data2 = comment.data) === null || _comment$data2 === void 0 ? void 0 : _comment$data2.body)) === null || _JSON$parse === void 0 ? void 0 : (_JSON$parse$data$ = _JSON$parse.data[0]) === null || _JSON$parse$data$ === void 0 ? void 0 : _JSON$parse$data$.concept)] = JSON.parse(comment === null || comment === void 0 ? void 0 : (_comment$data3 = comment.data) === null || _comment$data3 === void 0 ? void 0 : _comment$data3.body).data[0]);
+              });
+              setComment(comments[tab]);
+              setComments(comments);
+
+            case 8:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5);
+    }));
+
+    return function getComments() {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
+    var arr;
+    return _regenerator.default.wrap(function _callee6$(_context6) {
+      while (1) {
+        switch (_context6.prev = _context6.next) {
+          case 0:
+            setLoading(true);
+            loadData();
+            getComments();
+            _context6.t0 = setUserGroups;
+            _context6.next = 6;
+            return (0, _data2.fetchUsers)(token);
+
+          case 6:
+            _context6.t1 = _context6.sent;
+            (0, _context6.t0)(_context6.t1);
+            arr = [];
+            _context6.t2 = user.id_role;
+            _context6.next = _context6.t2 === 7 ? 12 : _context6.t2 === 8 ? 12 : _context6.t2 === 4 ? 14 : _context6.t2 === 5 ? 14 : _context6.t2 === 6 ? 16 : 18;
+            break;
+
+          case 12:
+            arr = ["PA", "AS", "CA", "RC", "RA", "RP", "RCA"];
+            return _context6.abrupt("break", 20);
+
+          case 14:
+            arr = ["RC", "AC", "AA", "AP", "ACA"];
+            return _context6.abrupt("break", 20);
+
+          case 16:
+            arr = ["RP", "RCA", "AC", "RA"];
+            return _context6.abrupt("break", 20);
+
+          case 18:
+            arr = [];
+            return _context6.abrupt("break", 20);
+
+          case 20:
+            setStatusArray(arr);
+
+          case 21:
+          case "end":
+            return _context6.stop();
+        }
+      }
+    }, _callee6);
+  })), [product, version]);
+
+  var loadAssignations = function loadAssignations(currentProduct) {
     var _currentProduct$artic, _currentProduct$artic2, _currentProduct$artic3, _currentProduct$artic4, _currentProduct$artic5, _currentProduct$artic6;
+
     setAssig({
       Descripción: {
         assignations: [{
@@ -434,21 +851,26 @@ const RetailerProductEdition = _ref => {
       }
     });
   };
-  (0, _react.useEffect)(() => {
+
+  (0, _react.useEffect)(function () {
     loadAssignations(product);
   }, [userGroups]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     var _Object$keys, _percentages$product$, _retailers$;
-    const retailers = (product === null || product === void 0 ? void 0 : product.retailersAvailable) || (product === null || product === void 0 ? void 0 : product.retailers);
+
+    var retailers = (product === null || product === void 0 ? void 0 : product.retailersAvailable) || (product === null || product === void 0 ? void 0 : product.retailers);
+
     if (((_Object$keys = Object.keys((_percentages$product$ = percentages[product.article.id_article]) !== null && _percentages$product$ !== void 0 ? _percentages$product$ : {})) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0) {
-      retailers === null || retailers === void 0 ? void 0 : retailers.forEach((retailer, index) => {
+      retailers === null || retailers === void 0 ? void 0 : retailers.forEach(function (retailer, index) {
         var _percentages$product$2;
+
         retailer["percentage"] = Number((_percentages$product$2 = percentages[product.article.id_article][retailer.id]) === null || _percentages$product$2 === void 0 ? void 0 : _percentages$product$2.percentageRequired);
       });
     }
+
     setActivePercentage((_retailers$ = retailers[0]) === null || _retailers$ === void 0 ? void 0 : _retailers$.percentage);
   }, [percentages]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     (0, _utils.getInputsData)(services, activeRetailer, setDatasheets, setDescriptions);
     auditableVersion && loadAuditableData();
     setActivePercentage(Math.round(activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.percentage, 0));
@@ -457,468 +879,745 @@ const RetailerProductEdition = _ref => {
       retailerId: activeRetailer.id
     });
   }, [activeRetailer, services]);
-  const thumbs = () => {
+
+  var thumbs = function thumbs() {
     var _images$imageType, _images$imagePackagin, _images$imageShotType, _images$values;
-    const imageInputs = socketType === null || socketType === void 0 ? void 0 : socketType.slice();
-    const imageType = images === null || images === void 0 ? void 0 : (_images$imageType = images.imageType) === null || _images$imageType === void 0 ? void 0 : _images$imageType.map(e => ({
-      value: e === null || e === void 0 ? void 0 : e.id,
-      name: e === null || e === void 0 ? void 0 : e.name
-    }));
-    const imagePackagingType = images === null || images === void 0 ? void 0 : (_images$imagePackagin = images.imagePackagingType) === null || _images$imagePackagin === void 0 ? void 0 : _images$imagePackagin.map(e => ({
-      value: e === null || e === void 0 ? void 0 : e.id,
-      name: e === null || e === void 0 ? void 0 : e.name
-    }));
-    const imageShotType = images === null || images === void 0 ? void 0 : (_images$imageShotType = images.imageShotType) === null || _images$imageShotType === void 0 ? void 0 : _images$imageShotType.map(e => ({
-      value: e === null || e === void 0 ? void 0 : e.id,
-      name: e === null || e === void 0 ? void 0 : e.type_shot
-    }));
-    return images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : _images$values.map((image, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryElement.GalleryElement, {
-      setCheckAll: setCheckAll,
-      image: image,
-      gridLayout: imageLayout,
-      id: "gallery-element-" + index,
-      index: index + "-" + image.name + "-" + compare,
-      number: index,
-      imageType: imageType,
-      imagePackagingType: imagePackagingType,
-      imageInputs: imageInputs,
-      imageShotType: imageShotType,
-      setSocketType: setSocketType,
-      changeImage: setImages,
-      selectedImages: selectedImages,
-      setSelectedImages: setSelectedImages,
-      auditImages: auditImages,
-      compare: compare
-    }, index + "-" + image.name));
-  };
-  const saveDescriptions = async () => {
-    const dataClean = updatedDescriptions.filter(f => f.value !== "");
-    if (dataClean.length > 0) {
-      var _product$article12;
-      setLoading(true);
-      const productTemp = product;
-      const articleId = product === null || product === void 0 ? void 0 : (_product$article12 = product.article) === null || _product$article12 === void 0 ? void 0 : _product$article12.id_article;
-      const dataObject = {
-        articleId,
-        articleData: dataClean
+
+    var imageInputs = socketType === null || socketType === void 0 ? void 0 : socketType.slice();
+    var imageType = images === null || images === void 0 ? void 0 : (_images$imageType = images.imageType) === null || _images$imageType === void 0 ? void 0 : _images$imageType.map(function (e) {
+      return {
+        value: e === null || e === void 0 ? void 0 : e.id,
+        name: e === null || e === void 0 ? void 0 : e.name
       };
-      if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
-      try {
-        const res = await _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?description=true&version=").concat(version), dataObject, {
-          headers: {
-            Authorization: token
+    });
+    var imagePackagingType = images === null || images === void 0 ? void 0 : (_images$imagePackagin = images.imagePackagingType) === null || _images$imagePackagin === void 0 ? void 0 : _images$imagePackagin.map(function (e) {
+      return {
+        value: e === null || e === void 0 ? void 0 : e.id,
+        name: e === null || e === void 0 ? void 0 : e.name
+      };
+    });
+    var imageShotType = images === null || images === void 0 ? void 0 : (_images$imageShotType = images.imageShotType) === null || _images$imageShotType === void 0 ? void 0 : _images$imageShotType.map(function (e) {
+      return {
+        value: e === null || e === void 0 ? void 0 : e.id,
+        name: e === null || e === void 0 ? void 0 : e.type_shot
+      };
+    });
+    return images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : _images$values.map(function (image, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryElement.GalleryElement, {
+        setCheckAll: setCheckAll,
+        image: image,
+        gridLayout: imageLayout,
+        id: "gallery-element-" + index,
+        index: index + "-" + image.name + "-" + compare,
+        number: index,
+        imageType: imageType,
+        imagePackagingType: imagePackagingType,
+        imageInputs: imageInputs,
+        imageShotType: imageShotType,
+        setSocketType: setSocketType,
+        changeImage: setImages,
+        selectedImages: selectedImages,
+        setSelectedImages: setSelectedImages,
+        auditImages: auditImages,
+        compare: compare
+      }, index + "-" + image.name);
+    });
+  };
+
+  var saveDescriptions = /*#__PURE__*/function () {
+    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
+      var dataClean, _product$article12, productTemp, articleId, dataObject, res, _JSON$parse2, newStatus, newArticleStatus;
+
+      return _regenerator.default.wrap(function _callee7$(_context7) {
+        while (1) {
+          switch (_context7.prev = _context7.next) {
+            case 0:
+              dataClean = updatedDescriptions.filter(function (f) {
+                return f.value !== "";
+              });
+
+              if (!(dataClean.length > 0)) {
+                _context7.next = 26;
+                break;
+              }
+
+              setLoading(true);
+              productTemp = product;
+              articleId = product === null || product === void 0 ? void 0 : (_product$article12 = product.article) === null || _product$article12 === void 0 ? void 0 : _product$article12.id_article;
+              dataObject = {
+                articleId: articleId,
+                articleData: dataClean
+              };
+              if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
+              _context7.prev = 7;
+              _context7.next = 10;
+              return _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?description=true&version=").concat(version), dataObject, {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 10:
+              res = _context7.sent;
+
+              if (!(res.data.statusCode === 200)) {
+                _context7.next = 21;
+                break;
+              }
+
+              _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));
+              setUpdatedDescriptions([]);
+              setMessage("Descripciones guardadas con éxito");
+              _context7.next = 21;
+              return loadData();
+
+            case 21:
+              _context7.next = 26;
+              break;
+
+            case 23:
+              _context7.prev = 23;
+              _context7.t0 = _context7["catch"](7);
+              console.log(_context7.t0);
+
+            case 26:
+            case "end":
+              return _context7.stop();
           }
-        });
-        if (res.data.statusCode === 200) {
-          const {
-            newStatus,
-            newArticleStatus
-          } = JSON.parse(res.data.body);
-          if (newArticleStatus) productTemp.status = newArticleStatus[articleId];
-          if (newStatus) productTemp.description_status = newStatus;
-          setProduct(productTemp);
-          sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-          setUpdatedDescriptions([]);
-          setMessage("Descripciones guardadas con éxito");
-          await loadData();
         }
-      } catch (error) {
-        console.log(error);
-      }
-    }
-  };
-  const saveDatasheets = async () => {
-    const dataClean = updatedDatasheets.filter(f => f.value !== "");
-    if (dataClean.length > 0) {
-      var _product$article13;
-      setLoading(true);
-      const productTemp = product;
-      const articleId = product === null || product === void 0 ? void 0 : (_product$article13 = product.article) === null || _product$article13 === void 0 ? void 0 : _product$article13.id_article;
-      const dataObject = {
-        articleId,
-        articleData: dataClean
-      };
-      if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
-      try {
-        const res = await _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?datasheet=true&version=").concat(version), dataObject, {
-          headers: {
-            Authorization: token
+      }, _callee7, null, [[7, 23]]);
+    }));
+
+    return function saveDescriptions() {
+      return _ref10.apply(this, arguments);
+    };
+  }();
+
+  var saveDatasheets = /*#__PURE__*/function () {
+    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
+      var dataClean, _product$article13, productTemp, articleId, dataObject, res, _JSON$parse3, newStatus, newArticleStatus;
+
+      return _regenerator.default.wrap(function _callee8$(_context8) {
+        while (1) {
+          switch (_context8.prev = _context8.next) {
+            case 0:
+              dataClean = updatedDatasheets.filter(function (f) {
+                return f.value !== "";
+              });
+
+              if (!(dataClean.length > 0)) {
+                _context8.next = 26;
+                break;
+              }
+
+              setLoading(true);
+              productTemp = product;
+              articleId = product === null || product === void 0 ? void 0 : (_product$article13 = product.article) === null || _product$article13 === void 0 ? void 0 : _product$article13.id_article;
+              dataObject = {
+                articleId: articleId,
+                articleData: dataClean
+              };
+              if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
+              _context8.prev = 7;
+              _context8.next = 10;
+              return _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?datasheet=true&version=").concat(version), dataObject, {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 10:
+              res = _context8.sent;
+
+              if (!(res.data.statusCode === 200)) {
+                _context8.next = 21;
+                break;
+              }
+
+              _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));
+              setUpdatedDatasheets([]);
+              setMessage("Fichas técnicas guardadas");
+              _context8.next = 21;
+              return loadData();
+
+            case 21:
+              _context8.next = 26;
+              break;
+
+            case 23:
+              _context8.prev = 23;
+              _context8.t0 = _context8["catch"](7);
+              console.log(_context8.t0);
+
+            case 26:
+            case "end":
+              return _context8.stop();
           }
-        });
-        if (res.data.statusCode === 200) {
-          const {
-            newStatus,
-            newArticleStatus
-          } = JSON.parse(res.data.body);
-          if (newArticleStatus) productTemp.status = newArticleStatus[articleId];
-          if (newStatus) productTemp.datasheet_status = newStatus;
-          setProduct(productTemp);
-          sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-          setUpdatedDatasheets([]);
-          setMessage("Fichas técnicas guardadas");
-          await loadData();
         }
-      } catch (error) {
-        console.log(error);
-      }
-    }
-  };
-  (0, _react.useEffect)(() => {
+      }, _callee8, null, [[7, 23]]);
+    }));
+
+    return function saveDatasheets() {
+      return _ref11.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
     var _images$inputs;
-    const imageInputs = images === null || images === void 0 ? void 0 : (_images$inputs = images.inputs) === null || _images$inputs === void 0 ? void 0 : _images$inputs.map(e => {
+
+    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$values2 = images.values) === null || _images$values2 === void 0 ? void 0 : _images$values2.some(value => (value === null || value === void 0 ? void 0 : value.image_id) === (e === null || e === void 0 ? void 0 : e.id))
+        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);
+        })
       };
     });
     setSocketType(imageInputs);
     console.log(images);
   }, [images]);
-  const updateImages = (0, _react.useCallback)(async () => {
+  var updateImages = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
     var _images$values3, _images$attrForImgs, _product$article14, _data$articleData, _data$articleData2, _data$updateImages;
-    const imagesList = images === null || images === void 0 ? void 0 : (_images$values3 = images.values) === null || _images$values3 === void 0 ? void 0 : _images$values3.slice();
-    const imagesListTemp = imagesList === null || imagesList === void 0 ? void 0 : imagesList.reduce((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;
-    }, {});
-    const duplicated = imagesList === null || imagesList === void 0 ? void 0 : imagesList.filter(image => {
-      return imagesListTemp[image === null || image === void 0 ? void 0 : image.image_id];
-    });
-    const attrForImgs = Object.values((_images$attrForImgs = images === null || images === void 0 ? void 0 : images.attrForImgs) !== null && _images$attrForImgs !== void 0 ? _images$attrForImgs : {}).pop();
-    const data = {
-      articleId: product === null || product === void 0 ? void 0 : (_product$article14 = product.article) === null || _product$article14 === void 0 ? void 0 : _product$article14.id_article,
-      attrReqImgs: attrForImgs === null || attrForImgs === void 0 ? void 0 : attrForImgs.map(e => {
-        var _e$value;
-        return {
-          attrId: e.id,
-          value: (_e$value = e.value) !== null && _e$value !== void 0 ? _e$value : "-"
-        };
-      }),
-      articleData: imagesList === null || imagesList === void 0 ? void 0 : imagesList.filter(e => !e.id),
-      updateImages: imagesList === null || imagesList === void 0 ? void 0 : imagesList.filter(e => e.id)
-    };
-    if (product !== null && product !== void 0 && product.orderId) data["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
-    let valid = (data === null || data === void 0 ? void 0 : (_data$articleData = data.articleData) === null || _data$articleData === void 0 ? void 0 : _data$articleData.length) === 0 ? true : data === null || data === void 0 ? void 0 : (_data$articleData2 = data.articleData) === null || _data$articleData2 === void 0 ? void 0 : _data$articleData2.every((e, i) => {
-      if (e !== null && e !== void 0 && e.image_id && e !== null && e !== void 0 && e.packing_type && e !== null && e !== void 0 && e.image_type) {
-        return true;
-      }
-      return false;
-    });
-    if (valid && (data === null || data === void 0 ? void 0 : (_data$updateImages = data.updateImages) === null || _data$updateImages === void 0 ? void 0 : _data$updateImages.length) > 0 && (duplicated === null || duplicated === void 0 ? void 0 : duplicated.length) === 0) {
-      var _data$updateImages2;
-      valid = data === null || data === void 0 ? void 0 : (_data$updateImages2 = data.updateImages) === null || _data$updateImages2 === void 0 ? void 0 : _data$updateImages2.every((e, i) => {
-        if (e !== null && e !== void 0 && e.image_id && e !== null && e !== void 0 && e.packing_type && e !== null && e !== void 0 && e.image_type) {
-          return true;
-        }
-        return false;
-      });
-    }
-    if (valid && (duplicated === null || duplicated === void 0 ? void 0 : duplicated.length) === 0) {
-      setLoading(true);
-      try {
-        var _data$articleData3, _data$articleData4;
-        data === null || data === void 0 ? void 0 : (_data$articleData3 = data.articleData) === null || _data$articleData3 === void 0 ? void 0 : _data$articleData3.forEach(e => {
-          e.uuid = (0, _uuid.v4)();
-        });
-        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) {
-          var _data$articleData5;
-          setImagesUploaded(false);
-          const promiseArray = [];
-          data === null || data === void 0 ? void 0 : (_data$articleData5 = data.articleData) === null || _data$articleData5 === void 0 ? void 0 : _data$articleData5.forEach(e => {
-            const file = Buffer.from(e.src.replace(/^data:image\/\w+;base64,/, ""), "base64");
-            const params = {
-              ACL: "public-read",
-              Body: file,
-              Bucket: S3_BUCKET,
-              Key: "id-".concat(data.articleId, "/").concat(version, "/").concat(e === null || e === void 0 ? void 0 : e.image_id, "-").concat(e === null || e === void 0 ? void 0 : e.uuid, ".").concat(e === null || e === void 0 ? void 0 : e.ext)
+
+    var imagesList, imagesListTemp, duplicated, attrForImgs, data, valid, _data$updateImages2, _data$articleData3, _data$articleData4, _data$articleData5, promiseArray;
+
+    return _regenerator.default.wrap(function _callee9$(_context9) {
+      while (1) {
+        switch (_context9.prev = _context9.next) {
+          case 0:
+            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;
+            }, {});
+            duplicated = imagesList === null || imagesList === void 0 ? void 0 : imagesList.filter(function (image) {
+              return imagesListTemp[image === null || image === void 0 ? void 0 : image.image_id];
+            });
+            attrForImgs = Object.values((_images$attrForImgs = images === null || images === void 0 ? void 0 : images.attrForImgs) !== null && _images$attrForImgs !== void 0 ? _images$attrForImgs : {}).pop();
+            data = {
+              articleId: product === null || product === void 0 ? void 0 : (_product$article14 = product.article) === null || _product$article14 === void 0 ? void 0 : _product$article14.id_article,
+              attrReqImgs: attrForImgs === null || attrForImgs === void 0 ? void 0 : attrForImgs.map(function (e) {
+                var _e$value;
+
+                return {
+                  attrId: e.id,
+                  value: (_e$value = e.value) !== null && _e$value !== void 0 ? _e$value : "-"
+                };
+              }),
+              articleData: imagesList === null || imagesList === void 0 ? void 0 : imagesList.filter(function (e) {
+                return !e.id;
+              }),
+              updateImages: imagesList === null || imagesList === void 0 ? void 0 : imagesList.filter(function (e) {
+                return e.id;
+              })
             };
-            promiseArray.push(myBucket.putObject(params).promise());
-          });
-          await Promise.all(promiseArray);
-          setImagesUploaded(true);
-        } else {
-          setImagesUploaded(true);
+            if (product !== null && product !== void 0 && product.orderId) data["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
+            valid = (data === null || data === void 0 ? void 0 : (_data$articleData = data.articleData) === null || _data$articleData === void 0 ? void 0 : _data$articleData.length) === 0 ? true : data === null || data === void 0 ? void 0 : (_data$articleData2 = data.articleData) === null || _data$articleData2 === void 0 ? void 0 : _data$articleData2.every(function (e, i) {
+              if (e !== null && e !== void 0 && e.image_id && e !== null && e !== void 0 && e.packing_type && e !== null && e !== void 0 && e.image_type) {
+                return true;
+              }
+
+              return false;
+            });
+
+            if (valid && (data === null || data === void 0 ? void 0 : (_data$updateImages = data.updateImages) === null || _data$updateImages === void 0 ? void 0 : _data$updateImages.length) > 0 && (duplicated === null || duplicated === void 0 ? void 0 : duplicated.length) === 0) {
+              valid = data === null || data === void 0 ? void 0 : (_data$updateImages2 = data.updateImages) === null || _data$updateImages2 === void 0 ? void 0 : _data$updateImages2.every(function (e, i) {
+                if (e !== null && e !== void 0 && e.image_id && e !== null && e !== void 0 && e.packing_type && e !== null && e !== void 0 && e.image_type) {
+                  return true;
+                }
+
+                return false;
+              });
+            }
+
+            if (!(valid && (duplicated === null || duplicated === void 0 ? void 0 : duplicated.length) === 0)) {
+              _context9.next = 30;
+              break;
+            }
+
+            setLoading(true);
+            _context9.prev = 10;
+            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)();
+            });
+            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)) {
+              _context9.next = 22;
+              break;
+            }
+
+            setImagesUploaded(false);
+            promiseArray = [];
+            data === null || data === void 0 ? void 0 : (_data$articleData5 = data.articleData) === null || _data$articleData5 === void 0 ? void 0 : _data$articleData5.forEach(function (e) {
+              var file = Buffer.from(e.src.replace(/^data:image\/\w+;base64,/, ""), "base64");
+              var params = {
+                ACL: "public-read",
+                Body: file,
+                Bucket: S3_BUCKET,
+                Key: "id-".concat(data.articleId, "/").concat(version, "/").concat(e === null || e === void 0 ? void 0 : e.image_id, "-").concat(e === null || e === void 0 ? void 0 : e.uuid, ".").concat(e === null || e === void 0 ? void 0 : e.ext)
+              };
+              promiseArray.push(myBucket.putObject(params).promise());
+            });
+            _context9.next = 19;
+            return Promise.all(promiseArray);
+
+          case 19:
+            setImagesUploaded(true);
+            _context9.next = 23;
+            break;
+
+          case 22:
+            setImagesUploaded(true);
+
+          case 23:
+            _context9.next = 28;
+            break;
+
+          case 25:
+            _context9.prev = 25;
+            _context9.t0 = _context9["catch"](10);
+            console.log(_context9.t0); // setMainLoading(false);
+
+          case 28:
+            _context9.next = 31;
+            break;
+
+          case 30:
+            // 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 "end":
+            return _context9.stop();
         }
-      } catch (err) {
-        console.log(err);
-        // setMainLoading(false);
       }
-    } else {
-      // 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.");
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [images, imagesUploaded]);
-  (0, _react.useEffect)(async () => {
-    if (imagesUploaded) {
-      dataImages.articleData = dataImages === null || dataImages === void 0 ? void 0 : dataImages.articleData.map(e => {
-        delete e.src;
-        e.imageID = e.image_id;
-        e.packingType = e.packing_type;
-        e.imageType = e.image_type;
-        if (product !== null && product !== void 0 && product.orderId) e["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
-        return e;
-      });
-      try {
-        const res = await _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?image=true&version=").concat(version), dataImages, {
-          headers: {
-            Authorization: token
-          }
-        });
-        if (res.data.statusCode === 200) {
-          var _product$article15;
-          let productTemp = product;
-          const {
-            newStatus,
-            newArticleStatus
-          } = JSON.parse(res.data.body);
-          if (newArticleStatus) productTemp.status = newArticleStatus[product === null || product === void 0 ? void 0 : (_product$article15 = product.article) === null || _product$article15 === void 0 ? void 0 : _product$article15.id_article];
-          if (newStatus) productTemp.images_status = newStatus;
-          setProduct(productTemp);
-          sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-          setImages({});
-          setMessage("Imágenes guardadas con éxito");
-          sessionStorage.removeItem("imagesList");
-          await loadData();
+    }, _callee9, null, [[10, 25]]);
+  })), [images, imagesUploaded]);
+  (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10() {
+    var res, _product$article15, productTemp, _JSON$parse4, newStatus, newArticleStatus;
+
+    return _regenerator.default.wrap(function _callee10$(_context10) {
+      while (1) {
+        switch (_context10.prev = _context10.next) {
+          case 0:
+            if (!imagesUploaded) {
+              _context10.next = 23;
+              break;
+            }
+
+            dataImages.articleData = dataImages === null || dataImages === void 0 ? void 0 : dataImages.articleData.map(function (e) {
+              delete e.src;
+              e.imageID = e.image_id;
+              e.packingType = e.packing_type;
+              e.imageType = e.image_type;
+              if (product !== null && product !== void 0 && product.orderId) e["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
+              return e;
+            });
+            _context10.prev = 2;
+            _context10.next = 5;
+            return _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?image=true&version=").concat(version), dataImages, {
+              headers: {
+                Authorization: token
+              }
+            });
+
+          case 5:
+            res = _context10.sent;
+
+            if (!(res.data.statusCode === 200)) {
+              _context10.next = 18;
+              break;
+            }
+
+            productTemp = product;
+            _JSON$parse4 = JSON.parse(res.data.body), newStatus = _JSON$parse4.newStatus, newArticleStatus = _JSON$parse4.newArticleStatus;
+            if (newArticleStatus) productTemp.status = newArticleStatus[product === null || product === void 0 ? void 0 : (_product$article15 = product.article) === null || _product$article15 === void 0 ? void 0 : _product$article15.id_article];
+            if (newStatus) productTemp.images_status = newStatus;
+            setProduct(productTemp);
+            sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+            setImages({});
+            setMessage("Imágenes guardadas con éxito");
+            sessionStorage.removeItem("imagesList");
+            _context10.next = 18;
+            return loadData();
+
+          case 18:
+            _context10.next = 23;
+            break;
+
+          case 20:
+            _context10.prev = 20;
+            _context10.t0 = _context10["catch"](2);
+            console.log(_context10.t0);
+
+          case 23:
+          case "end":
+            return _context10.stop();
         }
-      } catch (error) {
-        console.log(error);
       }
-    }
-  }, [dataImages, imagesUploaded]);
-  const evaluationFinished = (userId, tab, statusArray) => {
-    var _srv$find, _srv$find$status, _product;
-    const srv = servicesData.filter(serv => serv.service === getConcept(tab));
-    const srvActive = (_srv$find = srv.find(serv => 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(/.*\//, "");
-    const currStatus = (_product = product["".concat(getConcept(tab), "_status")]) === null || _product === void 0 ? void 0 : _product.replace(/.*\//, "");
-    const unvalidated = ["IE", "CA"].includes(currStatus);
-    const auditorUnvalidated = !["RA", "AA", "ACA", "AP"].includes(currStatus);
+    }, _callee10, null, [[2, 20]]);
+  })), [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) {
+      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);
+
     switch (userId) {
       case 7:
       case 8:
-        return statusArray.includes(srvActive) && statusArray.includes(product === null || product === void 0 ? void 0 : product.status) || srv.filter(serv => {
+        return statusArray.includes(srvActive) && statusArray.includes(product === null || product === void 0 ? void 0 : product.status) || srv.filter(function (serv) {
           var _serv$status;
+
           return statusArray.includes((_serv$status = serv.status) === null || _serv$status === void 0 ? void 0 : _serv$status.replace(/.*\//, ""));
         }).length === srv.length;
+
       case 4:
       case 5:
-        return unvalidated && ["CA", "IE"].includes(product.status) &&
-        // "RC", "AC", "AA", "AP", "ACA"
-        srv.filter(serv => statusArray.includes(serv.status)).length === srv.length;
+        return unvalidated && ["CA", "IE"].includes(product.status) && // "RC", "AC", "AA", "AP", "ACA"
+        srv.filter(function (serv) {
+          return statusArray.includes(serv.status);
+        }).length === srv.length;
+
       case 6:
-        return statusArray.includes(product.status) &&
-        // RP, RCA, AC, RA true
-        srv.every(serv => ["RA", "AA", "AP", "ACA"].includes(serv.status)) && auditorUnvalidated;
+        return statusArray.includes(product.status) && // RP, RCA, AC, RA true
+        srv.every(function (serv) {
+          return ["RA", "AA", "AP", "ACA"].includes(serv.status);
+        }) && auditorUnvalidated;
+
       default:
         break;
     }
   };
-  const getConcept = tab => {
+
+  var getConcept = function getConcept(tab) {
     switch (tab) {
       case "Descripción":
         return "description";
+
       case "Ficha técnica":
         return "datasheet";
+
       case "Imágenes":
         return "images";
     }
   };
-  const approveRejectButtons = action => {
+
+  var approveRejectButtons = function approveRejectButtons(action) {
     var _servicesData$find, _servicesData$find$st;
-    let concept = getConcept(action || activeTab);
-    const retailerStatus = (_servicesData$find = servicesData.find(srv => 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
-    const adminFacilitatorCanEvaluate = retailerStatus === "IE" && [1, 4, 5].includes(user.id_role);
-    const adminAuditorCanEvaluate = ["AC", "RP", "RCA", "SAC"].includes(retailerStatus) && [1, 6].includes(user.id_role);
+    var concept = getConcept(action || activeTab);
+    var retailerStatus = (_servicesData$find = servicesData.find(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
+
+    var adminFacilitatorCanEvaluate = retailerStatus === "IE" && [1, 4, 5].includes(user.id_role);
+    var adminAuditorCanEvaluate = ["AC", "RP", "RCA", "SAC"].includes(retailerStatus) && [1, 6].includes(user.id_role);
     return adminFacilitatorCanEvaluate || adminAuditorCanEvaluate;
   };
-  const approveRejectAllButtons = () => {
-    let concepts = [];
+
+  var approveRejectAllButtons = function approveRejectAllButtons() {
+    var concepts = [];
+
     switch (user.id_role) {
       case 4:
         concepts = ["description", "datasheet"];
         break;
+
       case 5:
         concepts = ["images"];
         break;
+
       default:
         concepts = ["description", "datasheet", "images"];
         break;
     }
-    const services = servicesData.filter(_ref3 => {
-      let {
-        service
-      } = _ref3;
+
+    var services = servicesData.filter(function (_ref14) {
+      var service = _ref14.service;
       return concepts.includes(service);
     });
-    const adminFacilitatorCanEvaluate = services.every(srv => {
+    var adminFacilitatorCanEvaluate = services.every(function (srv) {
       var _srv$status;
+
       return (srv === null || srv === void 0 ? void 0 : (_srv$status = srv.status) === null || _srv$status === void 0 ? void 0 : _srv$status.replace(/.*\//, "")) === "IE";
-    }) && [1, 4, 5].includes(user.id_role);
+    }) && [1, 4, 5].includes(user.id_role); //sessionStorage product
 
-    //sessionStorage product
-    const adminAuditorCanEvaluate = servicesData.every(srv => {
+    var adminAuditorCanEvaluate = servicesData.every(function (srv) {
       var _srv$status2;
+
       return ["AC", "RP", "RCA"].includes(srv === null || srv === void 0 ? void 0 : (_srv$status2 = srv.status) === null || _srv$status2 === void 0 ? void 0 : _srv$status2.replace(/.*\//, ""));
     }) && [1, 6].includes(user.id_role);
     return adminFacilitatorCanEvaluate || adminAuditorCanEvaluate;
   };
-  const getSectionIcon = () => {
+
+  var getSectionIcon = function getSectionIcon() {
     switch (activeTab) {
       case "Ficha técnica":
         setIcon(_attributesSent.default);
         break;
+
       case "Descripción":
         setIcon(_descriptionSent.default);
         break;
+
       case "Imágenes":
         setIcon(_uploadingImages.default);
         break;
+
       default:
         break;
     }
   };
-  const sendToFacilitator = async result => {
-    setLoading(true);
-    try {
-      let concept = getConcept(activeTab);
-      const productTemp = {
-        ...product
-      };
-      const evalStatus = retailerStatus;
-      const articleId = product.article.id_article;
-      const orderId = product.orderId;
-      let data = {
-        articleId,
-        orderId,
-        concept,
-        evalStatus,
-        retailerId: activeRetailer.id
-      };
-      let res;
-      let message;
-      if (result) {
-        data.result = result;
-        res = await _axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
-          headers: {
-            Authorization: token
+
+  var sendToFacilitator = /*#__PURE__*/function () {
+    var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(result) {
+      var concept, productTemp, evalStatus, articleId, orderId, data, res, _message, specialistDone, _JSON$parse5, newStatus, newOrderStatus, newArticleStatus, messageToChat, _data;
+
+      return _regenerator.default.wrap(function _callee11$(_context11) {
+        while (1) {
+          switch (_context11.prev = _context11.next) {
+            case 0:
+              setLoading(true);
+              _context11.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
+              };
+
+              if (!result) {
+                _context11.next = 16;
+                break;
+              }
+
+              data.result = result;
+              _context11.next = 12;
+              return _axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 12:
+              res = _context11.sent;
+              getServices();
+              _context11.next = 21;
+              break;
+
+            case 16:
+              specialistDone = ["RC", "RA", "CA"].includes(evalStatus);
+
+              if (specialistDone) {
+                _message = "".concat(activeTab, " enviada a facilitador");
+                getSectionIcon();
+              } else if (["IE", "AC", "RP", "RCA"].includes(evalStatus)) {
+                _message = "Evaluación enviada";
+                getSectionIcon();
+              }
+
+              _context11.next = 20;
+              return _axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 20:
+              res = _context11.sent;
+
+            case 21:
+              if (!(res.data.statusCode === 200)) {
+                _context11.next = 34;
+                break;
+              }
+
+              _JSON$parse5 = JSON.parse(res.data.body), newStatus = _JSON$parse5.newStatus, newOrderStatus = _JSON$parse5.newOrderStatus, newArticleStatus = _JSON$parse5.newArticleStatus;
+              messageToChat = (0, _utils.createMessage)(product.retailers, activeRetailer.id, evalStatus, newStatus, activeTab);
+              _data = {
+                paramsBody: {
+                  id: product.article.id_article,
+                  version: version,
+                  items: [{
+                    type: "status",
+                    value: messageToChat
+                  }],
+                  retailerId: activeRetailer.id,
+                  status: product.status
+                },
+                paramsHeader: {
+                  Authorization: token
+                }
+              };
+              _context11.next = 27;
+              return (0, _utils.sendMessage)(_data);
+
+            case 27:
+              if (newOrderStatus) productTemp.status = newArticleStatus[articleId];
+              productTemp["".concat(concept, "_status")] = newStatus;
+              _context11.next = 31;
+              return loadData();
+
+            case 31:
+              if (_message) setMessage(_message);
+              sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+              setProduct(productTemp);
+
+            case 34:
+              _context11.next = 39;
+              break;
+
+            case 36:
+              _context11.prev = 36;
+              _context11.t0 = _context11["catch"](1);
+              console.log(_context11.t0);
+
+            case 39:
+              setLoading(false);
+
+            case 40:
+            case "end":
+              return _context11.stop();
           }
-        });
-        getServices();
-      } else {
-        const specialistDone = ["RC", "RA", "CA"].includes(evalStatus);
-        if (specialistDone) {
-          message = "".concat(activeTab, " enviada a facilitador");
-          getSectionIcon();
-        } else if (["IE", "AC", "RP", "RCA"].includes(evalStatus)) {
-          message = "Evaluación enviada";
-          getSectionIcon();
         }
-        res = await _axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
-          headers: {
-            Authorization: token
-          }
-        });
-      }
-      if (res.data.statusCode === 200) {
-        const {
-          newStatus,
-          newOrderStatus,
-          newArticleStatus
-        } = JSON.parse(res.data.body);
-        const messageToChat = (0, _utils.createMessage)(product.retailers, activeRetailer.id, evalStatus, newStatus, activeTab);
-        const data = {
-          paramsBody: {
-            id: product.article.id_article,
-            version: version,
-            items: [{
-              type: "status",
-              value: messageToChat
-            }],
-            retailerId: activeRetailer.id,
-            status: product.status
-          },
-          paramsHeader: {
-            Authorization: token
-          }
-        };
-        await (0, _utils.sendMessage)(data);
-        if (newOrderStatus) productTemp.status = newArticleStatus[articleId];
-        productTemp["".concat(concept, "_status")] = newStatus;
-        await loadData();
-        if (message) setMessage(message);
-        sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-        setProduct(productTemp);
-      }
-    } catch (error) {
-      console.log(error);
-    }
-    setLoading(false);
-  };
-  const userAssigned = (tab, rol) => {
-    let concept = getConcept(activeTab);
-    const allowedRoles = [1, 4, 5, 6, 7, 8];
-    const validUser = allowedRoles.includes(user === null || user === void 0 ? void 0 : user.id_role);
+      }, _callee11, null, [[1, 36]]);
+    }));
+
+    return function sendToFacilitator(_x) {
+      return _ref15.apply(this, arguments);
+    };
+  }();
+
+  var userAssigned = function userAssigned(tab, rol) {
+    var concept = getConcept(activeTab);
+    var allowedRoles = [1, 4, 5, 6, 7, 8];
+    var validUser = allowedRoles.includes(user === null || user === void 0 ? void 0 : user.id_role);
+
     if (!rol) {
       switch (user.id_role) {
         case 4:
         case 5:
           rol = "facilitator";
           break;
+
         case 7:
         case 8:
           rol = "especialist";
           break;
       }
     }
+
     return user.id_role === 1 || product.article["id_".concat(concept, "_").concat(rol)] === user.id_user && validUser;
   };
-  const auditorAssigned = () => {
+
+  var auditorAssigned = function auditorAssigned() {
     return (product === null || product === void 0 ? void 0 : product.article["id_auditor"]) === user.id_user;
   };
-  const createComment = async function () {
-    let messages = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    let retailerId = arguments.length > 1 ? arguments[1] : undefined;
-    const data = {
-      paramsBody: {
-        id: product.article.id_article,
-        version: version,
-        items: messages,
-        retailerId: retailerId,
-        status: product.status
-      },
-      paramsHeader: {
-        Authorization: token
-      }
+
+  var createComment = /*#__PURE__*/function () {
+    var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
+      var messages,
+          retailerId,
+          data,
+          _args12 = arguments;
+      return _regenerator.default.wrap(function _callee12$(_context12) {
+        while (1) {
+          switch (_context12.prev = _context12.next) {
+            case 0:
+              messages = _args12.length > 0 && _args12[0] !== undefined ? _args12[0] : [];
+              retailerId = _args12.length > 1 ? _args12[1] : undefined;
+              data = {
+                paramsBody: {
+                  id: product.article.id_article,
+                  version: version,
+                  items: messages,
+                  retailerId: retailerId,
+                  status: product.status
+                },
+                paramsHeader: {
+                  Authorization: token
+                }
+              };
+              setMessage("");
+              return _context12.abrupt("return", (0, _utils.sendMessage)(data));
+
+            case 5:
+            case "end":
+              return _context12.stop();
+          }
+        }
+      }, _callee12);
+    }));
+
+    return function createComment() {
+      return _ref16.apply(this, arguments);
     };
-    setMessage("");
-    return (0, _utils.sendMessage)(data);
-  };
-  const getRequired = services => {
+  }();
+
+  var getRequired = function getRequired(services) {
     try {
       var _services$2, _services$2$retailerM, _services$3, _services$3$inputs;
-      const objetcTemp = {};
-      const datasheetServicesArray = Object.values(services[0]);
-      const dsInputs = datasheetServicesArray.pop();
-      const descriptionsServicesArray = services[1];
-      let dsInputsRequired = [];
-      let desInputsRequired = 0;
-      datasheetServicesArray === null || datasheetServicesArray === void 0 ? void 0 : datasheetServicesArray.forEach(datasheet => {
-        const [requested] = servicesData === null || servicesData === void 0 ? void 0 : servicesData.filter(srv => srv.id_retailer === datasheet.retailer.id && srv.service === getConcept(activeTab));
-        requested && (datasheet === null || datasheet === void 0 ? void 0 : datasheet.data) && Object.values(datasheet === null || datasheet === void 0 ? void 0 : datasheet.data).forEach(dataGroup => dsInputsRequired.push(...dataGroup.inputs.filter(input => dsInputs[input].required && (dsInputs[input].value === undefined || !dsInputs[input].value))));
+
+      var objetcTemp = {};
+      var datasheetServicesArray = Object.values(services[0]);
+      var dsInputs = datasheetServicesArray.pop();
+      var descriptionsServicesArray = services[1];
+      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) {
+          return srv.id_retailer === datasheet.retailer.id && srv.service === getConcept(activeTab);
+        }),
+            _servicesData$filter2 = (0, _slicedToArray2.default)(_servicesData$filter, 1),
+            requested = _servicesData$filter2[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) {
+            return dsInputs[input].required && (dsInputs[input].value === undefined || !dsInputs[input].value);
+          })));
+        });
       });
       objetcTemp["Ficha técnica"] = dsInputsRequired.length;
-      const regex = /(<\/?p>)|(<\/?strong>)|(<br>)/gm;
-      descriptionsServicesArray.forEach(description => {
-        const [requested] = servicesData.filter(srv => srv.id_retailer === description.id && srv.service === getConcept(activeTab));
+      var regex = /(<\/?p>)|(<\/?strong>)|(<br>)/gm;
+      descriptionsServicesArray.forEach(function (description) {
+        var _servicesData$filter3 = 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];
+
         if (requested) {
-          description.inputs.forEach(input => {
+          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++;
             }
@@ -926,95 +1625,167 @@ const RetailerProductEdition = _ref => {
         }
       });
       objetcTemp["Descripción"] = desInputsRequired;
-      const retailersRequested = [];
-      (_services$2 = services[2]) === null || _services$2 === void 0 ? void 0 : (_services$2$retailerM = _services$2.retailerMandatories) === null || _services$2$retailerM === void 0 ? void 0 : _services$2$retailerM.forEach(retMan => retMan.forEach(rm => retailersRequested.push(rm)));
-      const requiredImages = (_services$3 = services[2]) === null || _services$3 === void 0 ? void 0 : (_services$3$inputs = _services$3.inputs) === null || _services$3$inputs === void 0 ? void 0 : _services$3$inputs.filter(e => e.required === 1 && retailersRequested.filter(ret => ret.id_image === e.id && servicesData.filter(srv => srv.id_retailer === ret.id_retailer).length > 0).length > 0);
-      let requiredCounter = 0;
-      requiredImages === null || requiredImages === void 0 ? void 0 : requiredImages.forEach(req => services[2].values.filter(img => img.image_id === req.id).length === 0 && requiredCounter++);
+      var retailersRequested = [];
+      (_services$2 = services[2]) === null || _services$2 === void 0 ? void 0 : (_services$2$retailerM = _services$2.retailerMandatories) === null || _services$2$retailerM === void 0 ? void 0 : _services$2$retailerM.forEach(function (retMan) {
+        return retMan.forEach(function (rm) {
+          return retailersRequested.push(rm);
+        });
+      });
+      var requiredImages = (_services$3 = services[2]) === null || _services$3 === void 0 ? void 0 : (_services$3$inputs = _services$3.inputs) === null || _services$3$inputs === void 0 ? void 0 : _services$3$inputs.filter(function (e) {
+        return e.required === 1 && retailersRequested.filter(function (ret) {
+          return ret.id_image === e.id && servicesData.filter(function (srv) {
+            return srv.id_retailer === ret.id_retailer;
+          }).length > 0;
+        }).length > 0;
+      });
+      var requiredCounter = 0;
+      requiredImages === null || requiredImages === void 0 ? void 0 : requiredImages.forEach(function (req) {
+        return services[2].values.filter(function (img) {
+          return img.image_id === req.id;
+        }).length === 0 && requiredCounter++;
+      });
       objetcTemp["Imágenes"] = requiredCounter;
       setRequiredNull(objetcTemp);
     } catch (error) {
       console.log(error);
     }
   };
-  (0, _react.useEffect)(() => {
+
+  (0, _react.useEffect)(function () {
     setComment(comments[activeTab]);
   }, [activeTab]);
-  const commentRevised = async () => {
-    const data = {
-      commentId: comment.id
+
+  var commentRevised = /*#__PURE__*/function () {
+    var _ref17 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13() {
+      var data;
+      return _regenerator.default.wrap(function _callee13$(_context13) {
+        while (1) {
+          switch (_context13.prev = _context13.next) {
+            case 0:
+              data = {
+                commentId: comment.id
+              };
+              _context13.next = 3;
+              return _axios.default.put("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT), data, {
+                headers: {
+                  Authorization: sessionStorage.getItem("jwt")
+                }
+              });
+
+            case 3:
+              setCrossComment(false);
+              _context13.next = 6;
+              return getComments();
+
+            case 6:
+            case "end":
+              return _context13.stop();
+          }
+        }
+      }, _callee13);
+    }));
+
+    return function commentRevised() {
+      return _ref17.apply(this, arguments);
     };
-    await _axios.default.put("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT), data, {
-      headers: {
-        Authorization: sessionStorage.getItem("jwt")
-      }
-    });
-    setCrossComment(false);
-    await getComments();
-  };
-  const setAssignation = async (assignationType, assignationId) => {
-    var _product$article16;
-    let concept = "";
-    switch (activeTab) {
-      case "Ficha técnica":
-        concept = "datasheet";
-        break;
-      case "Imágenes":
-        concept = "images";
-        break;
-      default:
-        concept = "description";
-        break;
-    }
-    const productTemp = product;
-    productTemp.article["id_".concat(concept, "_").concat(assignationType)] = assignationId;
-    const data = {
-      articleList: [{
-        orderId: product.orderId,
-        articleId: product === null || product === void 0 ? void 0 : (_product$article16 = product.article) === null || _product$article16 === void 0 ? void 0 : _product$article16.id_article
-      }],
-      concept: concept,
-      userId: assignationId
+  }();
+
+  var setAssignation = /*#__PURE__*/function () {
+    var _ref18 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14(assignationType, assignationId) {
+      var _product$article16;
+
+      var concept, productTemp, data;
+      return _regenerator.default.wrap(function _callee14$(_context14) {
+        while (1) {
+          switch (_context14.prev = _context14.next) {
+            case 0:
+              concept = "";
+              _context14.t0 = activeTab;
+              _context14.next = _context14.t0 === "Ficha técnica" ? 4 : _context14.t0 === "Imágenes" ? 6 : 8;
+              break;
+
+            case 4:
+              concept = "datasheet";
+              return _context14.abrupt("break", 10);
+
+            case 6:
+              concept = "images";
+              return _context14.abrupt("break", 10);
+
+            case 8:
+              concept = "description";
+              return _context14.abrupt("break", 10);
+
+            case 10:
+              productTemp = product;
+              productTemp.article["id_".concat(concept, "_").concat(assignationType)] = assignationId;
+              data = {
+                articleList: [{
+                  orderId: product.orderId,
+                  articleId: product === null || product === void 0 ? void 0 : (_product$article16 = product.article) === null || _product$article16 === void 0 ? void 0 : _product$article16.id_article
+                }],
+                concept: concept,
+                userId: assignationId
+              };
+              _context14.next = 15;
+              return (0, _axios.default)({
+                method: "post",
+                url: process.env.REACT_APP_ASSIGNATIONS_ENDPOINT,
+                data: data,
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 15:
+              loadAssignations(productTemp);
+              sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+
+            case 17:
+            case "end":
+              return _context14.stop();
+          }
+        }
+      }, _callee14);
+    }));
+
+    return function setAssignation(_x2, _x3) {
+      return _ref18.apply(this, arguments);
     };
-    await (0, _axios.default)({
-      method: "post",
-      url: process.env.REACT_APP_ASSIGNATIONS_ENDPOINT,
-      data,
-      headers: {
-        Authorization: token
-      }
-    });
-    loadAssignations(productTemp);
-    sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-  };
-  const downloadImages = () => {
+  }();
+
+  var downloadImages = function downloadImages() {
     var _images$values4;
-    selectedImages.length > 0 ? selectedImages.forEach(e => {
+
+    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.article.upc, "_").concat(e.name, ".").concat(e.ext));
       }
-    }) : images === null || images === void 0 ? void 0 : (_images$values4 = images.values) === null || _images$values4 === void 0 ? void 0 : _images$values4.forEach(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.article.upc, "_").concat(e.name, ".").concat(e.ext));
       }
     });
   };
-  const deleteImages = () => {
+
+  var deleteImages = function deleteImages() {
     setLoading(true);
-    const {
-      values
-    } = images;
-    const imgsInBack = [];
-    selectedImages.forEach(selectedImg => {
+    var values = images.values;
+    var imgsInBack = [];
+    selectedImages.forEach(function (selectedImg) {
       if (selectedImg.id) imgsInBack.push(selectedImg);
     });
-    const imgsLeft = values.filter(value => selectedImages.indexOf(value) === -1);
+    var imgsLeft = values.filter(function (value) {
+      return selectedImages.indexOf(value) === -1;
+    });
+
     if (imgsInBack.length > 0) {
-      const data = {
+      var data = {
         articleId: product.article.id_article,
         deleteImages: imgsInBack,
         orderId: product.orderId
       };
+
       try {
         _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?image=true&version=").concat(version), data, {
           headers: {
@@ -1025,21 +1796,22 @@ const RetailerProductEdition = _ref => {
         console.log(err);
       }
     }
+
     setImages({
       action: "deleteImage",
-      selectedImages
+      selectedImages: selectedImages
     });
-    getRequired([services[0], services[1], {
-      ...services[2],
+    getRequired([services[0], services[1], (0, _objectSpread2.default)((0, _objectSpread2.default)({}, services[2]), {}, {
       values: imgsLeft
-    }]);
-    setTimeout(() => {
+    })]);
+    setTimeout(function () {
       setLoading(false);
     }, 500);
     setMessage("");
     setComponentsArray([]);
   };
-  const askToDeleteImages = () => {
+
+  var askToDeleteImages = function askToDeleteImages() {
     if (selectedImages.length > 0) {
       setMessage("¿Está seguro de eliminar las imágenes seleccionadas?");
       setComponentsArray([/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
@@ -1049,94 +1821,169 @@ const RetailerProductEdition = _ref => {
       }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
         buttonType: "general-white-button",
         label: "Cancelar",
-        onClick: () => setMessage("")
+        onClick: function onClick() {
+          return setMessage("");
+        }
       }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
         buttonType: "general-button-default",
         label: "Aceptar",
-        onClick: () => {
+        onClick: function onClick() {
           setMessage("");
           deleteImages();
         }
       }, "3")]);
     }
   };
-  const getRetailerStatus = (servicesData, tab) => {
-    const arr = servicesData === null || servicesData === void 0 ? void 0 : servicesData.slice();
-    let concept = getConcept(tab);
-    let retailerService = {};
-    [retailerService] = arr === null || arr === void 0 ? void 0 : arr.filter(service => service.id_retailer === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id) && service.service === concept);
+
+  var getRetailerStatus = function getRetailerStatus(servicesData, tab) {
+    var arr = servicesData === null || servicesData === void 0 ? void 0 : servicesData.slice();
+    var concept = getConcept(tab);
+    var retailerService = {};
+
+    var _arr$filter = arr === null || arr === void 0 ? void 0 : arr.filter(function (service) {
+      return service.id_retailer === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id) && service.service === concept;
+    });
+
+    var _arr$filter2 = (0, _slicedToArray2.default)(_arr$filter, 1);
+
+    retailerService = _arr$filter2[0];
     return retailerService ? retailerService.status : "NS";
   };
-  (0, _react.useEffect)(() => {
+
+  (0, _react.useEffect)(function () {
     console.log(servicesData, "servicesData");
-    let status = getRetailerStatus(servicesData, activeTab);
+    var status = getRetailerStatus(servicesData, activeTab);
     setRetailerStatus(status);
   }, [activeTab, servicesData, activeRetailer]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     services.length > 0 && getRequired(services);
   }, [services, servicesData, activeTab]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     setSaving(loading);
   }, [loading]);
-  const validateAll = async result => {
-    try {
-      setLoading(true);
-      const evaluationArray = [];
-      let conceptArray = [];
-      switch (user.id_role) {
-        case 4:
-          conceptArray = ["description", "datasheet"];
-          break;
-        case 5:
-          conceptArray = ["images"];
-          break;
-        default:
-          conceptArray = ["description", "datasheet", "images"];
-          break;
-      }
-      const messages = [];
-      servicesData === null || servicesData === void 0 ? void 0 : servicesData.forEach(ret => {
-        if (conceptArray.includes(ret.service)) {
-          var _product$id_order;
-          let data = {
-            articleId: product.article.id_article,
-            orderId: (_product$id_order = product.id_order) !== null && _product$id_order !== void 0 ? _product$id_order : product.orderId,
-            concept: ret.service,
-            result: result,
-            evalStatus: ret.status,
-            retailerId: ret.id_retailer
-          };
-          evaluationArray.push(_axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
-            headers: {
-              Authorization: token
-            }
-          }));
+
+  var validateAll = /*#__PURE__*/function () {
+    var _ref19 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15(result) {
+      var evaluationArray, conceptArray, messages, productTemp, messagesResponse;
+      return _regenerator.default.wrap(function _callee15$(_context15) {
+        while (1) {
+          switch (_context15.prev = _context15.next) {
+            case 0:
+              _context15.prev = 0;
+              setLoading(true);
+              evaluationArray = [];
+              conceptArray = [];
+              _context15.t0 = user.id_role;
+              _context15.next = _context15.t0 === 4 ? 7 : _context15.t0 === 5 ? 9 : 11;
+              break;
+
+            case 7:
+              conceptArray = ["description", "datasheet"];
+              return _context15.abrupt("break", 13);
+
+            case 9:
+              conceptArray = ["images"];
+              return _context15.abrupt("break", 13);
+
+            case 11:
+              conceptArray = ["description", "datasheet", "images"];
+              return _context15.abrupt("break", 13);
+
+            case 13:
+              messages = [];
+              servicesData === null || servicesData === void 0 ? void 0 : servicesData.forEach(function (ret) {
+                if (conceptArray.includes(ret.service)) {
+                  var _product$id_order;
+
+                  var data = {
+                    articleId: product.article.id_article,
+                    orderId: (_product$id_order = product.id_order) !== null && _product$id_order !== void 0 ? _product$id_order : product.orderId,
+                    concept: ret.service,
+                    result: result,
+                    evalStatus: ret.status,
+                    retailerId: ret.id_retailer
+                  };
+                  evaluationArray.push(_axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
+                    headers: {
+                      Authorization: token
+                    }
+                  }));
+                }
+              });
+              _context15.next = 17;
+              return Promise.all(evaluationArray);
+
+            case 17:
+              productTemp = product;
+              productTemp.status = "".concat(result, "A");
+              productTemp.datasheet_status = productTemp.datasheet_status === "NS" ? "NS" : "".concat(result, "A");
+              productTemp.description_status = productTemp.description_status === "NS" ? "NS" : "".concat(result, "A");
+              productTemp.images_status = productTemp.images_status === "NS" ? "NS" : "".concat(result, "A");
+              sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+              setProduct(productTemp);
+              _context15.next = 26;
+              return Promise.all(messages);
+
+            case 26:
+              messagesResponse = _context15.sent;
+              _context15.next = 29;
+              return loadData();
+
+            case 29:
+              _context15.next = 34;
+              break;
+
+            case 31:
+              _context15.prev = 31;
+              _context15.t1 = _context15["catch"](0);
+              console.log(_context15.t1);
+
+            case 34:
+            case "end":
+              return _context15.stop();
+          }
         }
-      });
-      await Promise.all(evaluationArray);
-      const productTemp = product;
-      productTemp.status = "".concat(result, "A");
-      productTemp.datasheet_status = productTemp.datasheet_status === "NS" ? "NS" : "".concat(result, "A");
-      productTemp.description_status = productTemp.description_status === "NS" ? "NS" : "".concat(result, "A");
-      productTemp.images_status = productTemp.images_status === "NS" ? "NS" : "".concat(result, "A");
-      sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-      setProduct(productTemp);
-      const messagesResponse = await Promise.all(messages);
-      await loadData();
-    } catch (error) {
-      console.log(error);
-    }
-  };
-  const getObservation = async () => {
-    const response = await _axios.default.get("".concat(process.env.REACT_APP_READ_OBSERVATION, "?articleId=").concat(product.article.id_article, "&orderId=").concat(product === null || product === void 0 ? void 0 : product.orderId), {
-      headers: {
-        Authorization: sessionStorage.getItem("jwt")
-      }
-    });
-    const parseData = JSON.parse(response.data.body).data[0];
-    setObservation(parseData.observations);
-  };
-  (0, _react.useEffect)(() => {
+      }, _callee15, null, [[0, 31]]);
+    }));
+
+    return function validateAll(_x4) {
+      return _ref19.apply(this, arguments);
+    };
+  }();
+
+  var getObservation = /*#__PURE__*/function () {
+    var _ref20 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16() {
+      var response, parseData;
+      return _regenerator.default.wrap(function _callee16$(_context16) {
+        while (1) {
+          switch (_context16.prev = _context16.next) {
+            case 0:
+              _context16.next = 2;
+              return _axios.default.get("".concat(process.env.REACT_APP_READ_OBSERVATION, "?articleId=").concat(product.article.id_article, "&orderId=").concat(product === null || product === void 0 ? void 0 : product.orderId), {
+                headers: {
+                  Authorization: sessionStorage.getItem("jwt")
+                }
+              });
+
+            case 2:
+              response = _context16.sent;
+              parseData = JSON.parse(response.data.body).data[0];
+              setObservation(parseData.observations);
+
+            case 5:
+            case "end":
+              return _context16.stop();
+          }
+        }
+      }, _callee16);
+    }));
+
+    return function getObservation() {
+      return _ref20.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
     getObservation();
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
@@ -1169,8 +2016,9 @@ const RetailerProductEdition = _ref => {
           imagesStatus: product === null || product === void 0 ? void 0 : product.images_status,
           setAssignation: setAssignation,
           isRetailer: isRetailer,
-          onClickSave: () => {
+          onClickSave: function onClickSave() {
             var _product$services;
+
             return (product === null || product === void 0 ? void 0 : (_product$services = product.services) === null || _product$services === void 0 ? void 0 : _product$services.images) === 1 && updateImages();
           },
           showSaveButton: auditorAssigned() || userAssigned(),
@@ -1188,22 +2036,23 @@ const RetailerProductEdition = _ref => {
           servicesData: servicesData,
           setActiveRetailer: setActiveRetailer,
           sendToFacilitator: sendToFacilitator,
-          approve: () => {
+          approve: function approve() {
             sendToFacilitator("A");
           },
-          reject: () => {
+          reject: function reject() {
             setShowRejectModal(true);
           },
           showApproveRejectAll: approveRejectAllButtons() && (auditorAssigned() || userAssigned()),
           showValidationButtons: approveRejectButtons() && (auditorAssigned() || userAssigned()),
-          approveAll: () => validateAll("A"),
-          rejectAll: () => {
+          approveAll: function approveAll() {
+            return validateAll("A");
+          },
+          rejectAll: function rejectAll() {
             setShowRejectModal(true);
             setValRejAll(true);
           },
           isObservationVisible: isObservationVisible,
-          toggleObservation: toggleObservation
-          // handleClickOutside={handleClickOutside}
+          toggleObservation: toggleObservation // handleClickOutside={handleClickOutside}
           ,
           hideObservation: hideObservation
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullTabsMenu.FullTabsMenu, {
@@ -1234,17 +2083,20 @@ const RetailerProductEdition = _ref => {
           selectedImages: selectedImages,
           setSelectedImages: setSelectedImages,
           setShowVersionSelector: setShowVersionSelector,
-          onClickSave: () => {
+          onClickSave: function onClickSave() {
             switch (activeTab) {
               case "Descripción":
                 !saving && (product === null || product === void 0 ? void 0 : product.description_status) !== "NS" && saveDescriptions();
                 break;
+
               case "Ficha técnica":
                 !saving && (product === null || product === void 0 ? void 0 : product.datasheet_status) !== "NS" && saveDatasheets();
                 break;
+
               case "Imágenes":
                 !saving && (product === null || product === void 0 ? void 0 : product.images_status) !== "NS" && updateImages();
                 break;
+
               default:
                 break;
             }
@@ -1258,17 +2110,19 @@ const RetailerProductEdition = _ref => {
               checkAll: checkAll,
               setCheckAll: setCheckAll,
               shotThd: shotThd
-            }), activeTab === "Ficha técnica" && ((product === null || product === void 0 ? void 0 : product.datasheet_status) !== "NS" ? (_datasheets$ = datasheets[0]) === null || _datasheets$ === void 0 ? void 0 : (_datasheets$$data = _datasheets$.data) === null || _datasheets$$data === void 0 ? void 0 : _datasheets$$data.map((dataGroup, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
-              articleId: product.article.id_article,
-              version: version,
-              activeSection: activeTab,
-              inputGroup: dataGroup,
-              dataInputs: datasheets[1],
-              auditInputs: auditDatasheets[1],
-              updatedDatasheets: updatedDatasheets,
-              setUpdatedDatasheets: setUpdatedDatasheets,
-              compare: compare
-            }, index + "-" + activeRetailer.name)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+            }), activeTab === "Ficha técnica" && ((product === null || product === void 0 ? void 0 : product.datasheet_status) !== "NS" ? (_datasheets$ = datasheets[0]) === null || _datasheets$ === void 0 ? void 0 : (_datasheets$$data = _datasheets$.data) === null || _datasheets$$data === void 0 ? void 0 : _datasheets$$data.map(function (dataGroup, index) {
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
+                articleId: product.article.id_article,
+                version: version,
+                activeSection: activeTab,
+                inputGroup: dataGroup,
+                dataInputs: datasheets[1],
+                auditInputs: auditDatasheets[1],
+                updatedDatasheets: updatedDatasheets,
+                setUpdatedDatasheets: setUpdatedDatasheets,
+                compare: compare
+              }, index + "-" + activeRetailer.name);
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
               text: "No cuentas con este servicio",
               headerType: "input-name-header"
             })), activeTab === "Descripción" && ((product === null || product === void 0 ? void 0 : product.description_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
@@ -1286,16 +2140,13 @@ const RetailerProductEdition = _ref => {
               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", {
-                ...getRootProps({
-                  className: "dropzone"
-                }),
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-                  ...getInputProps()
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("aside", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, getRootProps({
+                className: "dropzone"
+              })), {}, {
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", (0, _objectSpread2.default)({}, getInputProps())), /*#__PURE__*/(0, _jsxRuntime.jsx)("aside", {
                   children: thumbs()
                 })]
-              })
+              }))
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
               text: "No cuentas con este servicio",
               headerType: "input-name-header"
@@ -1306,7 +2157,9 @@ const RetailerProductEdition = _ref => {
           children: [7, 8].includes(user.id_role) && /*#__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: () => sendToFacilitator()
+            onClick: function onClick() {
+              return sendToFacilitator();
+            }
           })
         })]
       })]
@@ -1325,7 +2178,9 @@ const RetailerProductEdition = _ref => {
         text: message,
         color: "white"
       }, "2")],
-      onClick: () => setMessage("")
+      onClick: function onClick() {
+        return setMessage("");
+      }
     }), showVersionSelector && /*#__PURE__*/(0, _jsxRuntime.jsx)(_VersionSelector.VersionSelector, {
       modalId: "version-selector",
       articleId: product.article.id_article,
@@ -1347,26 +2202,42 @@ const RetailerProductEdition = _ref => {
         type: "white",
         label: "Cancelar",
         size: 12,
-        onClick: () => {
+        onClick: function onClick() {
           setShowRejectModal(false);
         }
       }, "btn-Cancelar"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
         type: "pink",
         label: "Aceptar",
         size: 12,
-        onClick: async () => {
-          const body = document.querySelector("#modal-message-box .ql-container .ql-editor > p").innerHTML;
-          const messages = [{
-            type: "message",
-            value: body === null || body === void 0 ? void 0 : body.replace(/<.*?\/?>/gm, "")
-          }];
-          await createComment(messages, activeRetailer.id);
-          valRejAll ? validateAll("R") : sendToFacilitator("R");
-          setMessage("Rechazado");
-          setShowRejectModal(false);
-        }
+        onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee17() {
+          var body, messages;
+          return _regenerator.default.wrap(function _callee17$(_context17) {
+            while (1) {
+              switch (_context17.prev = _context17.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, "")
+                  }];
+                  _context17.next = 4;
+                  return createComment(messages, activeRetailer.id);
+
+                case 4:
+                  valRejAll ? validateAll("R") : sendToFacilitator("R");
+                  setMessage("Rechazado");
+                  setShowRejectModal(false);
+
+                case 7:
+                case "end":
+                  return _context17.stop();
+              }
+            }
+          }, _callee17);
+        }))
       }, "btn-Aceptar")]
     })]
   });
 };
+
 exports.RetailerProductEdition = RetailerProductEdition;