contentoh-components-library 21.4.102 → 21.4.104

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

@@ -1,257 +1,497 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ProductEditionv2 = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _styles = require("./styles");
+
 var _HeaderTopv = require("../../molecules/HeaderTopv2");
+
 var _ImagePreviewerv = require("../../organisms/ImagePreviewerv2");
+
 var _ImageDataTable = require("../../organisms/ImageDataTable");
+
 var _FullProductNamev = require("../../organisms/FullProductNamev2");
+
 var _FullTabsMenuv = require("../../organisms/FullTabsMenuv2");
+
 var _react = require("react");
+
 var _fileSaver = require("file-saver");
+
 var _data = require("../../../global-files/data");
+
 var _ProductImageModalv = require("../../organisms/ProductImageModalv2");
+
 var _reactDropzone = require("react-dropzone");
+
 var _axios = _interopRequireDefault(require("axios"));
+
 var _uuid = require("uuid");
+
 var _awsSdk = _interopRequireDefault(require("aws-sdk"));
+
 var _TagAndInputv = require("../../molecules/TagAndInputv2");
+
 var _GeneralButton = require("../../atoms/GeneralButton");
+
 var _Commentary = require("../../atoms/Commentary");
+
 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 _reactRouterDom = require("react-router-dom");
+
 var _defaultProfileImage = _interopRequireDefault(require("../../../assets/images/defaultImages/defaultProfileImage.svg"));
+
 var _errorModal = _interopRequireDefault(require("../../../assets/images/genericModal/errorModal.svg"));
+
 var _index = require("../../organisms/GlobalModal/index");
+
 var _SliderToolTip = require("../../atoms/SliderToolTip");
+
 var _infoIcon = _interopRequireDefault(require("../../../assets/images/sliderToolTip/infoIcon.svg"));
+
 var _slide = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide1.svg"));
+
 var _slide2 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide2.svg"));
+
 var _slide3 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide3.svg"));
+
 var _slide4 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide4.svg"));
+
 var _slide5 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide5.svg"));
+
 var _customHooks = require("../../../global-files/customHooks");
+
 var _utils = require("../RetailerProductEdition/utils");
+
 var _Modal = require("../../organisms/Modal");
+
 var _ButtonV = require("../../atoms/ButtonV2");
+
 var _CompleteServices = require("../../organisms/CompleteServices");
+
 var _InputGroupv = require("../../organisms/InputGroupv2");
+
 var _VersionSelectorv = require("../../organisms/VersionSelectorv2");
+
 var _MandatoryBar = require("../../organisms/MandatoryBar");
+
 var _GalleryHeaderv = require("../../molecules/GalleryHeaderv2");
+
 var _GalleryElementv = require("../../molecules/GalleryElementv2");
+
 var _RenameImagesBar = require("../../organisms/RenameImagesBar");
+
 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, _objectSpread3.default)((0, _objectSpread3.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, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
+        values: values
+      });
+
     case "changeImageInfo":
       values[action.index][action.attribute] = action.value;
-      return {
-        ...state,
-        values
-      };
+      return (0, _objectSpread3.default)((0, _objectSpread3.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, _objectSpread3.default)((0, _objectSpread3.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, _objectSpread3.default)((0, _objectSpread3.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] = [];
-          action.retailerId && ((_inputsByRetailer$act = inputsByRetailer[action.retailerId]) === null || _inputsByRetailer$act === void 0 ? void 0 : _inputsByRetailer$act.filter(input => {
+
+          var orderedImages = [];
+          var imageIdArray = [];
+          if (action !== null && action !== void 0 && action.retailerId && !_inputsByRetailer[action.retailerId]) _inputsByRetailer[action.retailerId] = [];
+          action.retailerId && ((_inputsByRetailer$act = _inputsByRetailer[action.retailerId]) === null || _inputsByRetailer$act === void 0 ? void 0 : _inputsByRetailer$act.filter(function (input) {
             imageIdArray.push(input.id_image);
-            valuesInitial.forEach(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, _objectSpread3.default)((0, _objectSpread3.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 ProductEditionv2 = _ref => {
+
+var ProductEditionv2 = function ProductEditionv2(_ref) {
   var _product$retailers, _product$retailersAva, _location$state4, _location$state5, _location$state6, _datasheets$, _datasheets$$data;
-  let {
-    tabsSections,
-    productSelected = {},
-    productToEdit,
-    user = {},
-    location = {},
-    token,
-    revision = false,
-    setShowContentohRequestModal,
-    showSurvey,
-    company,
-    addToCart
-  } = _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 [boxData, setBoxData] = (0, _react.useState)();
-  const [imageRules, setImageRules] = (0, _react.useState)({
+
+  var tabsSections = _ref.tabsSections,
+      _ref$productSelected = _ref.productSelected,
+      productSelected = _ref$productSelected === void 0 ? {} : _ref$productSelected,
+      productToEdit = _ref.productToEdit,
+      _ref$user = _ref.user,
+      user = _ref$user === void 0 ? {} : _ref$user,
+      _ref$location = _ref.location,
+      location = _ref$location === void 0 ? {} : _ref$location,
+      token = _ref.token,
+      _ref$revision = _ref.revision,
+      revision = _ref$revision === void 0 ? false : _ref$revision,
+      setShowContentohRequestModal = _ref.setShowContentohRequestModal,
+      showSurvey = _ref.showSurvey,
+      company = _ref.company,
+      addToCart = _ref.addToCart;
+
+  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)(),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      boxData = _useState16[0],
+      setBoxData = _useState16[1];
+
+  var _useState17 = (0, _react.useState)({
     maxImg: 0,
     minImg: 0,
     requiredImg: 0
-  });
-  const {
-    getRootProps,
-    getInputProps
-  } = (0, _reactDropzone.useDropzone)({
+  }),
+      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+      imageRules = _useState18[0],
+      setImageRules = _useState18[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 = async function (e) {
-          const ext = e.srcElement.fileName.split(".");
-          const img = new Image();
-          img.src = e.target.result;
-          setTimeout(() => {
-            const width = img.width;
-            const height = img.height;
-            const newImg = {
-              action: "addImg",
-              img: {
-                src: e.target.result,
-                name: e.target.fileName,
-                ext: ext[ext.length - 1],
-                width: width,
-                height: height
+
+        reader.onload = /*#__PURE__*/function () {
+          var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
+            var ext, img;
+            return _regenerator.default.wrap(function _callee$(_context) {
+              while (1) {
+                switch (_context.prev = _context.next) {
+                  case 0:
+                    ext = e.srcElement.fileName.split(".");
+                    img = new Image();
+                    img.src = e.target.result;
+                    setTimeout(function () {
+                      var width = img.width;
+                      var height = img.height;
+                      var newImg = {
+                        action: "addImg",
+                        img: {
+                          src: e.target.result,
+                          name: e.target.fileName,
+                          ext: ext[ext.length - 1],
+                          width: width,
+                          height: height
+                        }
+                      };
+                      setImages(newImg);
+                    }, 500);
+
+                  case 4:
+                  case "end":
+                    return _context.stop();
+                }
               }
-            };
-            setImages(newImg);
-          }, 500);
-        };
+            }, _callee);
+          }));
+
+          return function (_x) {
+            return _ref2.apply(this, arguments);
+          };
+        }();
+
         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)(product !== null && product !== void 0 && product.retailers ? 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 _useState19 = (0, _react.useState)([]),
+      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
+      updatedDatasheets = _useState20[0],
+      setUpdatedDatasheets = _useState20[1];
+
+  var _useState21 = (0, _react.useState)([]),
+      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
+      updatedDescriptions = _useState22[0],
+      setUpdatedDescriptions = _useState22[1];
+
+  var _useState23 = (0, _react.useState)(false),
+      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
+      imagesUploaded = _useState24[0],
+      setImagesUploaded = _useState24[1];
+
+  var _useState25 = (0, _react.useState)(),
+      _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
+      dataImages = _useState26[0],
+      setDataImages = _useState26[1];
+
+  var _useState27 = (0, _react.useState)(product !== null && product !== void 0 && product.retailers ? 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
   }) : new Array(product === null || product === void 0 ? void 0 : (_product$retailersAva = product.retailersAvailable) === null || _product$retailersAva === void 0 ? void 0 : _product$retailersAva.length).fill({
     percentage: 0
-  }));
-  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 [productEdit, setProductEdit] = (0, _react.useState)(JSON.parse(sessionStorage.getItem("productEdit")) ? JSON.parse(sessionStorage.getItem("productEdit")) : productToEdit);
-  const [version, setVersion] = (0, _react.useState)(product === null || product === void 0 ? void 0 : product.version);
-  const [comments] = (0, _react.useState)({});
-  const [comment, setComment] = (0, _react.useState)("");
-  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 [validatedAll, setValidatedAll] = (0, _react.useState)(false);
-  const [showRejectModal, setShowRejectModal] = (0, _react.useState)(false);
-  const [origin, setOrigin] = (0, _react.useState)({
+  })),
+      _useState28 = (0, _slicedToArray2.default)(_useState27, 2),
+      percentages = _useState28[0],
+      setPercentages = _useState28[1];
+
+  var _useState29 = (0, _react.useState)(0),
+      _useState30 = (0, _slicedToArray2.default)(_useState29, 2),
+      activePercentage = _useState30[0],
+      setActivePercentage = _useState30[1];
+
+  var _useState31 = (0, _react.useState)({}),
+      _useState32 = (0, _slicedToArray2.default)(_useState31, 2),
+      activeRetailer = _useState32[0],
+      setActiveRetailer = _useState32[1];
+
+  var _useState33 = (0, _react.useState)([]),
+      _useState34 = (0, _slicedToArray2.default)(_useState33, 2),
+      services = _useState34[0],
+      setServices = _useState34[1];
+
+  var _useState35 = (0, _react.useState)([]),
+      _useState36 = (0, _slicedToArray2.default)(_useState35, 2),
+      servicesData = _useState36[0],
+      setServicesData = _useState36[1];
+
+  var _useState37 = (0, _react.useState)(""),
+      _useState38 = (0, _slicedToArray2.default)(_useState37, 2),
+      message = _useState38[0],
+      setMessage = _useState38[1];
+
+  var _useState39 = (0, _react.useState)(JSON.parse(sessionStorage.getItem("productSelected")) ? JSON.parse(sessionStorage.getItem("productSelected")) : productSelected),
+      _useState40 = (0, _slicedToArray2.default)(_useState39, 2),
+      product = _useState40[0],
+      setProduct = _useState40[1];
+
+  var _useState41 = (0, _react.useState)(JSON.parse(sessionStorage.getItem("productEdit")) ? JSON.parse(sessionStorage.getItem("productEdit")) : productToEdit),
+      _useState42 = (0, _slicedToArray2.default)(_useState41, 2),
+      productEdit = _useState42[0],
+      setProductEdit = _useState42[1];
+
+  var _useState43 = (0, _react.useState)(product === null || product === void 0 ? void 0 : product.version),
+      _useState44 = (0, _slicedToArray2.default)(_useState43, 2),
+      version = _useState44[0],
+      setVersion = _useState44[1];
+
+  var _useState45 = (0, _react.useState)({}),
+      _useState46 = (0, _slicedToArray2.default)(_useState45, 1),
+      comments = _useState46[0];
+
+  var _useState47 = (0, _react.useState)(""),
+      _useState48 = (0, _slicedToArray2.default)(_useState47, 2),
+      comment = _useState48[0],
+      setComment = _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)(false),
+      _useState64 = (0, _slicedToArray2.default)(_useState63, 2),
+      validatedAll = _useState64[0],
+      setValidatedAll = _useState64[1];
+
+  var _useState65 = (0, _react.useState)(false),
+      _useState66 = (0, _slicedToArray2.default)(_useState65, 2),
+      showRejectModal = _useState66[0],
+      setShowRejectModal = _useState66[1];
+
+  var _useState67 = (0, _react.useState)({
     "Ficha técnica": null,
     Descripción: null,
     Imágenes: null
-  });
-  const [inCart, setInCart] = (0, _react.useState)(false);
-  const [dataGenericModal, setDataGenericModal] = (0, _react.useState)({
+  }),
+      _useState68 = (0, _slicedToArray2.default)(_useState67, 2),
+      origin = _useState68[0],
+      setOrigin = _useState68[1];
+
+  var _useState69 = (0, _react.useState)(false),
+      _useState70 = (0, _slicedToArray2.default)(_useState69, 2),
+      inCart = _useState70[0],
+      setInCart = _useState70[1];
+
+  var _useState71 = (0, _react.useState)({
     message: "¿Estás seguro de continuar?",
     detail: " ".concat(user.is_retailer ? "Asegurate de haber revisado las tres secciones" : "Envíar el producto a la cadena"),
     button1: {
@@ -260,115 +500,215 @@ const ProductEditionv2 = _ref => {
     },
     button2: {
       name: "Continuar",
-      action: () => evaluationToRetailer(false)
+      action: function action() {
+        return evaluationToRetailer(false);
+      }
     },
     img: _defaultProfileImage.default
-  });
-  const [socketType, setSocketType] = (0, _react.useState)(null);
-  const [saving, setSaving] = (0, _react.useState)(loading);
-  const [retailerStatus, setRetailerStatus] = (0, _react.useState)(product.statusByRetailer);
-  const [showVersionSelector, setShowVersionSelector] = (0, _customHooks.useCloseModal)("version-selector");
-  const [globalModal, setGlobalModal] = (0, _react.useState)();
-  const updateAuditStatus = async status => {
-    const productTemp = product;
-    productTemp.article_status = status;
-    productTemp.datasheet_status = status;
-    productTemp.description_status = status;
-    productTemp.images_status = status;
-    const retailerStatusCopy = {
-      ...retailerStatus
+  }),
+      _useState72 = (0, _slicedToArray2.default)(_useState71, 2),
+      dataGenericModal = _useState72[0],
+      setDataGenericModal = _useState72[1];
+
+  var _useState73 = (0, _react.useState)(null),
+      _useState74 = (0, _slicedToArray2.default)(_useState73, 2),
+      socketType = _useState74[0],
+      setSocketType = _useState74[1];
+
+  var _useState75 = (0, _react.useState)(loading),
+      _useState76 = (0, _slicedToArray2.default)(_useState75, 2),
+      saving = _useState76[0],
+      setSaving = _useState76[1];
+
+  var _useState77 = (0, _react.useState)(product.statusByRetailer),
+      _useState78 = (0, _slicedToArray2.default)(_useState77, 2),
+      retailerStatus = _useState78[0],
+      setRetailerStatus = _useState78[1];
+
+  var _useCloseModal = (0, _customHooks.useCloseModal)("version-selector"),
+      _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
+      showVersionSelector = _useCloseModal2[0],
+      setShowVersionSelector = _useCloseModal2[1];
+
+  var _useState79 = (0, _react.useState)(),
+      _useState80 = (0, _slicedToArray2.default)(_useState79, 2),
+      globalModal = _useState80[0],
+      setGlobalModal = _useState80[1];
+
+  var updateAuditStatus = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(status) {
+      var productTemp, retailerStatusCopy, conceptArray;
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              productTemp = product;
+              productTemp.article_status = status;
+              productTemp.datasheet_status = status;
+              productTemp.description_status = status;
+              productTemp.images_status = status;
+              retailerStatusCopy = (0, _objectSpread3.default)({}, retailerStatus);
+              conceptArray = ["description", "datasheet", "images"];
+              Object.keys(retailerStatusCopy).forEach(function (key) {
+                conceptArray.forEach(function (concept) {
+                  if (retailerStatusCopy[key][concept]) {
+                    retailerStatusCopy[key][concept] = status;
+                  }
+                });
+              });
+              setRetailerStatus(retailerStatusCopy);
+              productTemp.statusByRetailer = retailerStatusCopy;
+              setProduct(productTemp);
+              sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+              setProductEdit({
+                ArticleId: productTemp.id_article,
+                idCategory: productTemp.article.id_category,
+                product: productTemp
+              });
+              sessionStorage.setItem("productEdit", JSON.stringify({
+                ArticleId: productTemp.id_article,
+                idCategory: productTemp.article.id_category,
+                product: productTemp
+              }));
+              _context2.next = 16;
+              return loadData();
+
+            case 16:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function updateAuditStatus(_x2) {
+      return _ref3.apply(this, arguments);
     };
-    const conceptArray = ["description", "datasheet", "images"];
-    Object.keys(retailerStatusCopy).forEach(key => {
-      conceptArray.forEach(concept => {
-        if (retailerStatusCopy[key][concept]) {
-          retailerStatusCopy[key][concept] = status;
+  }();
+
+  var addCart = /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(retailers) {
+      var article, version, articleToOrder, modatlType, resCart;
+      return _regenerator.default.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              article = product.article, version = product.version;
+              articleToOrder = [{
+                articleId: article.id_article,
+                version: version,
+                userId: user.id_user,
+                discount: 0,
+                subtotal: 0,
+                companyId: user.id_company,
+                datasheet: retailers,
+                description: retailers,
+                image: retailers,
+                attributeTranslations: false,
+                descriptionTranslations: false,
+                build: "[]",
+                manual: "[]",
+                userCreated: user.id_user
+              }];
+              modatlType = "addedToCartError";
+
+              if (!addToCart) {
+                _context3.next = 8;
+                break;
+              }
+
+              _context3.next = 6;
+              return addToCart({
+                data: articleToOrder
+              });
+
+            case 6:
+              resCart = _context3.sent;
+
+              if (resCart.data.statusCode === 200) {
+                modatlType = "addedToCart";
+              }
+
+            case 8:
+              showGlobalModal(modatlType);
+
+            case 9:
+            case "end":
+              return _context3.stop();
+          }
         }
-      });
-    });
-    setRetailerStatus(retailerStatusCopy);
-    productTemp.statusByRetailer = retailerStatusCopy;
-    setProduct(productTemp);
-    sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-    setProductEdit({
-      ArticleId: productTemp.id_article,
-      idCategory: productTemp.article.id_category,
-      product: productTemp
-    });
-    sessionStorage.setItem("productEdit", JSON.stringify({
-      ArticleId: productTemp.id_article,
-      idCategory: productTemp.article.id_category,
-      product: productTemp
+      }, _callee3);
     }));
-    await loadData();
-  };
-  const addCart = async retailers => {
-    const {
-      article,
-      version
-    } = product;
-    const articleToOrder = [{
-      articleId: article.id_article,
-      version,
-      userId: user.id_user,
-      discount: 0,
-      subtotal: 0,
-      companyId: user.id_company,
-      datasheet: retailers,
-      description: retailers,
-      image: retailers,
-      attributeTranslations: false,
-      descriptionTranslations: false,
-      build: "[]",
-      manual: "[]",
-      userCreated: user.id_user
-    }];
-    let modatlType = "addedToCartError";
-    if (addToCart) {
-      const resCart = await addToCart({
-        data: articleToOrder
-      });
-      if (resCart.data.statusCode === 200) {
-        modatlType = "addedToCart";
-      }
-    }
-    showGlobalModal(modatlType);
+
+    return function addCart(_x3) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  var closeGlobalModal = function closeGlobalModal() {
+    return setGlobalModal();
   };
-  const closeGlobalModal = () => setGlobalModal();
-  const seenByProvider = async () => {
-    var _productTemp$id_order;
-    const productTemp = product;
-    const articleId = productTemp.id_article;
-    const orderId = (_productTemp$id_order = productTemp.id_order) !== null && _productTemp$id_order !== void 0 ? _productTemp$id_order : productTemp.orderId;
-    const promises = [];
-    const conceptArray = ["description", "datasheet", "images"];
-    conceptArray.forEach(concept => {
-      const sectionStatusKey = "".concat(concept, "_status");
-      const evalStatus = product[sectionStatusKey] || (product === null || product === void 0 ? void 0 : product.version_status);
-      const data = {
-        articleId,
-        orderId,
-        concept,
-        evalStatus
-      };
-      promises.push(_axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
-        headers: {
-          Authorization: token
+
+  var seenByProvider = /*#__PURE__*/function () {
+    var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
+      var _productTemp$id_order;
+
+      var productTemp, articleId, orderId, promises, conceptArray;
+      return _regenerator.default.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              productTemp = product;
+              articleId = productTemp.id_article;
+              orderId = (_productTemp$id_order = productTemp.id_order) !== null && _productTemp$id_order !== void 0 ? _productTemp$id_order : productTemp.orderId;
+              promises = [];
+              conceptArray = ["description", "datasheet", "images"];
+              conceptArray.forEach(function (concept) {
+                var sectionStatusKey = "".concat(concept, "_status");
+                var evalStatus = product[sectionStatusKey] || (product === null || product === void 0 ? void 0 : product.version_status);
+                var data = {
+                  articleId: articleId,
+                  orderId: orderId,
+                  concept: concept,
+                  evalStatus: evalStatus
+                };
+                promises.push(_axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
+                  headers: {
+                    Authorization: token
+                  }
+                }));
+              });
+              _context4.next = 8;
+              return Promise.all(promises);
+
+            case 8:
+              closeGlobalModal();
+              _context4.next = 11;
+              return updateAuditStatus("FAP");
+
+            case 11:
+            case "end":
+              return _context4.stop();
+          }
         }
-      }));
-    });
-    await Promise.all(promises);
-    closeGlobalModal();
-    await updateAuditStatus("FAP");
-  };
-  const showGlobalModal = (0, _react.useCallback)(type => {
-    const formatter = new Intl.ListFormat("es", {
+      }, _callee4);
+    }));
+
+    return function seenByProvider() {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+
+  var showGlobalModal = (0, _react.useCallback)(function (type) {
+    var formatter = new Intl.ListFormat("es", {
       type: "conjunction"
     });
+
     switch (type) {
       case "generic":
         setGlobalModal(dataGenericModal);
         break;
+
       case "commentsSent":
         setGlobalModal({
           message: "Gracias, tus comentarios fueron entregados.",
@@ -381,25 +721,28 @@ const ProductEditionv2 = _ref => {
           textArea: false
         });
         break;
+
       case "RAC":
-        const servicesRejected = [];
-        const translateServices = {
+        var servicesRejected = [];
+        var translateServices = {
           datasheet: "ficha técnica",
           description: "descripción",
           images: "imágenes"
         };
-        Object.keys(translateServices).forEach(service => {
+        Object.keys(translateServices).forEach(function (service) {
           if (product["".concat(service, "_status")] === "RAC") {
             servicesRejected.push(translateServices[service]);
           }
         });
-        const plural = ["Los servicios", "cumplen"];
-        const singular = ["El servicio", "cumple"];
-        const grammar = servicesRejected.length > 1 ? plural : singular;
-        const formatted = formatter.format(servicesRejected);
-        const text1 = "".concat(grammar[0], " de ").concat(formatted, " no ").concat(grammar[1], " con lo que la cadena necesita.");
-        const text2 = "\xA1Solicita el servicio de Content-oh! para completarlo!";
-        const retailers = product.retailersWithService.map(retailer => Number(retailer));
+        var plural = ["Los servicios", "cumplen"];
+        var singular = ["El servicio", "cumple"];
+        var grammar = servicesRejected.length > 1 ? plural : singular;
+        var formatted = formatter.format(servicesRejected);
+        var text1 = "".concat(grammar[0], " de ").concat(formatted, " no ").concat(grammar[1], " con lo que la cadena necesita.");
+        var text2 = "\xA1Solicita el servicio de Content-oh! para completarlo!";
+        var retailers = product.retailersWithService.map(function (retailer) {
+          return Number(retailer);
+        });
         setGlobalModal({
           message: "Tu producto no cumple con los requerimientos de la cadena",
           customComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
@@ -410,29 +753,104 @@ const ProductEditionv2 = _ref => {
           }),
           button1: {
             name: "Continuar",
-            action: async () => await seenByProvider()
+            action: function () {
+              var _action = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
+                return _regenerator.default.wrap(function _callee5$(_context5) {
+                  while (1) {
+                    switch (_context5.prev = _context5.next) {
+                      case 0:
+                        _context5.next = 2;
+                        return seenByProvider();
+
+                      case 2:
+                        return _context5.abrupt("return", _context5.sent);
+
+                      case 3:
+                      case "end":
+                        return _context5.stop();
+                    }
+                  }
+                }, _callee5);
+              }));
+
+              function action() {
+                return _action.apply(this, arguments);
+              }
+
+              return action;
+            }()
           },
           button2: {
             name: "Solicitar a Content-oh!",
-            action: async () => {
-              await addCart(retailers);
-              await seenByProvider();
-            }
+            action: function () {
+              var _action2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
+                return _regenerator.default.wrap(function _callee6$(_context6) {
+                  while (1) {
+                    switch (_context6.prev = _context6.next) {
+                      case 0:
+                        _context6.next = 2;
+                        return addCart(retailers);
+
+                      case 2:
+                        _context6.next = 4;
+                        return seenByProvider();
+
+                      case 4:
+                      case "end":
+                        return _context6.stop();
+                    }
+                  }
+                }, _callee6);
+              }));
+
+              function action() {
+                return _action2.apply(this, arguments);
+              }
+
+              return action;
+            }()
           },
           img: _errorModal.default
         });
         break;
+
       case "AAC":
         setGlobalModal({
           message: "Felicidades",
           detail: "Tu producto cumple con los requerimientos de la cadena.",
           button1: {
             name: "Continuar",
-            action: async () => await seenByProvider()
+            action: function () {
+              var _action3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
+                return _regenerator.default.wrap(function _callee7$(_context7) {
+                  while (1) {
+                    switch (_context7.prev = _context7.next) {
+                      case 0:
+                        _context7.next = 2;
+                        return seenByProvider();
+
+                      case 2:
+                        return _context7.abrupt("return", _context7.sent);
+
+                      case 3:
+                      case "end":
+                        return _context7.stop();
+                    }
+                  }
+                }, _callee7);
+              }));
+
+              function action() {
+                return _action3.apply(this, arguments);
+              }
+
+              return action;
+            }()
           },
           img: _defaultProfileImage.default
         });
         break;
+
       case "addedToCartError":
         setGlobalModal({
           detail: "Parece que algo salió mal al intentar añadir tu producto a tu carrito.",
@@ -442,6 +860,7 @@ const ProductEditionv2 = _ref => {
           }
         });
         break;
+
       case "addedToCart":
         setGlobalModal({
           message: "Producto añadido",
@@ -453,471 +872,845 @@ const ProductEditionv2 = _ref => {
           img: _defaultProfileImage.default
         });
         break;
+
       default:
         closeGlobalModal();
         break;
     }
   }, [activeTab, dataGenericModal, product]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     checkAll && setSelectedImages(images.values);
   }, [checkAll]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (showModal) {
       setActiveTab("Imágenes");
     }
   }, [showModal]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     var _location$state, _location$state2, _location$state3;
+
     setOrigin({
       "Ficha técnica": location === null || location === void 0 ? void 0 : (_location$state = location.state) === null || _location$state === void 0 ? void 0 : _location$state.origin,
       Descripción: location === null || location === void 0 ? void 0 : (_location$state2 = location.state) === null || _location$state2 === void 0 ? void 0 : _location$state2.origin,
       Imágenes: location === null || location === void 0 ? void 0 : (_location$state3 = location.state) === null || _location$state3 === void 0 ? void 0 : _location$state3.origin
     });
   }, [location === null || location === void 0 ? void 0 : (_location$state4 = location.state) === null || _location$state4 === void 0 ? void 0 : _location$state4.origin]);
-  const loadData = async () => {
-    var _product$article, _product$article2, _product$article3, _services$, _services$$values;
-    const services = await (0, _data.getRetailerServices)((product === null || product === void 0 ? void 0 : product.id_article) || (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.company_name) || (product === null || product === void 0 ? void 0 : product.categoryName), parseInt((product === null || product === void 0 ? void 0 : (_product$article3 = product.article) === null || _product$article3 === void 0 ? void 0 : _product$article3.id_category) || (product === null || product === void 0 ? void 0 : product.id_category)), version, token);
-    //Converts the data inside the datasheets object to array
-    setServices(services);
-    await 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);
-    (0, _data.getPercentage)({
-      data: [product]
-    }).then(res => setPercentages(res[0]));
-    setLoading(false);
-  };
-  const getRetailerImageRules = async (product, version, token) => {
-    var _product$article4, _product$article5, _product$article6, _services$2, _services$3, _services$3$retailers, _services$3$retailers2, _rulesToImgByRetailer, _rulesToImgByRetailer2, _rulesToImgByRetailer3;
-    const services = await (0, _data.getRetailerServices)((product === null || product === void 0 ? void 0 : product.id_article) || (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.company_name) || (product === null || product === void 0 ? void 0 : product.categoryName), parseInt((product === null || product === void 0 ? void 0 : (_product$article6 = product.article) === null || _product$article6 === void 0 ? void 0 : _product$article6.id_category) || (product === null || product === void 0 ? void 0 : product.id_category)), version, token);
-    const rulesToImgByRetailer = (_services$2 = services[2]) === null || _services$2 === void 0 ? void 0 : _services$2.rulesToImgByRetailer;
-    const retailerId = (_services$3 = services[2]) === null || _services$3 === void 0 ? void 0 : (_services$3$retailers = _services$3.retailers) === null || _services$3$retailers === void 0 ? void 0 : (_services$3$retailers2 = _services$3$retailers[0]) === null || _services$3$retailers2 === void 0 ? void 0 : _services$3$retailers2.id;
-    const maxImg = (rulesToImgByRetailer === null || rulesToImgByRetailer === void 0 ? void 0 : (_rulesToImgByRetailer = rulesToImgByRetailer[retailerId]) === null || _rulesToImgByRetailer === void 0 ? void 0 : _rulesToImgByRetailer.maxImg) || 0;
-    const minImg = (rulesToImgByRetailer === null || rulesToImgByRetailer === void 0 ? void 0 : (_rulesToImgByRetailer2 = rulesToImgByRetailer[retailerId]) === null || _rulesToImgByRetailer2 === void 0 ? void 0 : _rulesToImgByRetailer2.minImg) || 0;
-    const requiredImg = (rulesToImgByRetailer === null || rulesToImgByRetailer === void 0 ? void 0 : (_rulesToImgByRetailer3 = rulesToImgByRetailer[retailerId]) === null || _rulesToImgByRetailer3 === void 0 ? void 0 : _rulesToImgByRetailer3.requiredImg) || 0;
-
-    // Actualizar el estado con las reglas de imágenes
-    setImageRules({
-      maxImg,
-      minImg,
-      requiredImg
-    });
-  };
-  (0, _react.useEffect)(() => {
+
+  var loadData = /*#__PURE__*/function () {
+    var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
+      var _product$article, _product$article2, _product$article3, _services$, _services$$values;
+
+      var services;
+      return _regenerator.default.wrap(function _callee8$(_context8) {
+        while (1) {
+          switch (_context8.prev = _context8.next) {
+            case 0:
+              _context8.next = 2;
+              return (0, _data.getRetailerServices)((product === null || product === void 0 ? void 0 : product.id_article) || (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.company_name) || (product === null || product === void 0 ? void 0 : product.categoryName), parseInt((product === null || product === void 0 ? void 0 : (_product$article3 = product.article) === null || _product$article3 === void 0 ? void 0 : _product$article3.id_category) || (product === null || product === void 0 ? void 0 : product.id_category)), version, token);
+
+            case 2:
+              services = _context8.sent;
+              //Converts the data inside the datasheets object to array
+              setServices(services);
+              _context8.next = 6;
+              return getServices();
+
+            case 6:
+              setImages({
+                action: "init",
+                init: services[2]
+              });
+              if (((_services$ = services[2]) === null || _services$ === void 0 ? void 0 : (_services$$values = _services$.values) === null || _services$$values === void 0 ? void 0 : _services$$values.length) > 0) setActiveImage(0);
+              (0, _data.getPercentage)({
+                data: [product]
+              }).then(function (res) {
+                return setPercentages(res[0]);
+              });
+              setLoading(false);
+
+            case 10:
+            case "end":
+              return _context8.stop();
+          }
+        }
+      }, _callee8);
+    }));
+
+    return function loadData() {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+
+  var getRetailerImageRules = /*#__PURE__*/function () {
+    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9(product, version, token) {
+      var _product$article4, _product$article5, _product$article6, _services$2, _services$3, _services$3$retailers, _services$3$retailers2, _rulesToImgByRetailer, _rulesToImgByRetailer2, _rulesToImgByRetailer3;
+
+      var services, rulesToImgByRetailer, retailerId, maxImg, minImg, requiredImg;
+      return _regenerator.default.wrap(function _callee9$(_context9) {
+        while (1) {
+          switch (_context9.prev = _context9.next) {
+            case 0:
+              _context9.next = 2;
+              return (0, _data.getRetailerServices)((product === null || product === void 0 ? void 0 : product.id_article) || (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.company_name) || (product === null || product === void 0 ? void 0 : product.categoryName), parseInt((product === null || product === void 0 ? void 0 : (_product$article6 = product.article) === null || _product$article6 === void 0 ? void 0 : _product$article6.id_category) || (product === null || product === void 0 ? void 0 : product.id_category)), version, token);
+
+            case 2:
+              services = _context9.sent;
+              rulesToImgByRetailer = (_services$2 = services[2]) === null || _services$2 === void 0 ? void 0 : _services$2.rulesToImgByRetailer;
+              retailerId = (_services$3 = services[2]) === null || _services$3 === void 0 ? void 0 : (_services$3$retailers = _services$3.retailers) === null || _services$3$retailers === void 0 ? void 0 : (_services$3$retailers2 = _services$3$retailers[0]) === null || _services$3$retailers2 === void 0 ? void 0 : _services$3$retailers2.id;
+              maxImg = (rulesToImgByRetailer === null || rulesToImgByRetailer === void 0 ? void 0 : (_rulesToImgByRetailer = rulesToImgByRetailer[retailerId]) === null || _rulesToImgByRetailer === void 0 ? void 0 : _rulesToImgByRetailer.maxImg) || 0;
+              minImg = (rulesToImgByRetailer === null || rulesToImgByRetailer === void 0 ? void 0 : (_rulesToImgByRetailer2 = rulesToImgByRetailer[retailerId]) === null || _rulesToImgByRetailer2 === void 0 ? void 0 : _rulesToImgByRetailer2.minImg) || 0;
+              requiredImg = (rulesToImgByRetailer === null || rulesToImgByRetailer === void 0 ? void 0 : (_rulesToImgByRetailer3 = rulesToImgByRetailer[retailerId]) === null || _rulesToImgByRetailer3 === void 0 ? void 0 : _rulesToImgByRetailer3.requiredImg) || 0; // Actualizar el estado con las reglas de imágenes
+
+              setImageRules({
+                maxImg: maxImg,
+                minImg: minImg,
+                requiredImg: requiredImg
+              });
+
+            case 9:
+            case "end":
+              return _context9.stop();
+          }
+        }
+      }, _callee9);
+    }));
+
+    return function getRetailerImageRules(_x4, _x5, _x6) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
     getRetailerImageRules(product, version, token);
   }, [product, version, token]);
-  const getServices = async () => {
-    var _product$article7;
-    const productInOrder = product.id_order || product.orderId;
-    const idArticle = (product === null || product === void 0 ? void 0 : product.id_article) || (product === null || product === void 0 ? void 0 : (_product$article7 = product.article) === null || _product$article7 === void 0 ? void 0 : _product$article7.id_article);
-    let retailers = product.retailers || product.retailersAvailable;
-    let active = null;
-    if (isRevision() || productInOrder) {
-      var _product$id_order, _servicesResponse$dat;
-      const servicesResponse = await _axios.default.get("".concat(process.env.REACT_APP_SERVICES_ENDPOINT, "?articleId=").concat(idArticle, "&orderId=").concat((_product$id_order = product === null || product === void 0 ? void 0 : product.id_order) !== null && _product$id_order !== void 0 ? _product$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 retailerResponse = parsedResponse === null || parsedResponse === void 0 ? void 0 : parsedResponse.map(srv => srv.id_retailer);
-      active = retailers === null || retailers === void 0 ? void 0 : retailers.find(retailer => retailerResponse.includes(retailer.id));
-      setServicesData(parsedResponse);
-    }
-    retailers && !activeRetailer.id && setActiveRetailer(active ? active : retailers[0]);
-  };
-  const isRevision = () => {
+
+  var getServices = /*#__PURE__*/function () {
+    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10() {
+      var _product$article7;
+
+      var productInOrder, idArticle, retailers, active, _product$id_order, _servicesResponse$dat, servicesResponse, parsedResponse, retailerResponse;
+
+      return _regenerator.default.wrap(function _callee10$(_context10) {
+        while (1) {
+          switch (_context10.prev = _context10.next) {
+            case 0:
+              productInOrder = product.id_order || product.orderId;
+              idArticle = (product === null || product === void 0 ? void 0 : product.id_article) || (product === null || product === void 0 ? void 0 : (_product$article7 = product.article) === null || _product$article7 === void 0 ? void 0 : _product$article7.id_article);
+              retailers = product.retailers || product.retailersAvailable;
+              active = null;
+
+              if (!(isRevision() || productInOrder)) {
+                _context10.next = 12;
+                break;
+              }
+
+              _context10.next = 7;
+              return _axios.default.get("".concat(process.env.REACT_APP_SERVICES_ENDPOINT, "?articleId=").concat(idArticle, "&orderId=").concat((_product$id_order = product === null || product === void 0 ? void 0 : product.id_order) !== null && _product$id_order !== void 0 ? _product$id_order : product.orderId, "&end=true"));
+
+            case 7:
+              servicesResponse = _context10.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;
+              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);
+              });
+              setServicesData(parsedResponse);
+
+            case 12:
+              retailers && !activeRetailer.id && setActiveRetailer(active ? active : retailers[0]);
+
+            case 13:
+            case "end":
+              return _context10.stop();
+          }
+        }
+      }, _callee10);
+    }));
+
+    return function getServices() {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+
+  var isRevision = function isRevision() {
     if (productEdit) {
-      const concept = getConcept(activeTab);
-      const isRetailer = user.is_retailer === 1;
-      const currentService = productEdit === null || productEdit === void 0 ? void 0 : productEdit.product["".concat(concept, "_status")];
-      const orgn = origin[activeTab];
-      const revision = ["RequestWithContentoh", "RequestWithoutContentoh", "Contentoh"].includes(orgn);
-      if (isRetailer) {
-        if (revision && currentService === "AP") return true;
+      var concept = getConcept(activeTab);
+
+      var _isRetailer = user.is_retailer === 1;
+
+      var currentService = productEdit === null || productEdit === void 0 ? void 0 : productEdit.product["".concat(concept, "_status")];
+      var orgn = origin[activeTab];
+
+      var _revision = ["RequestWithContentoh", "RequestWithoutContentoh", "Contentoh"].includes(orgn);
+
+      if (_isRetailer) {
+        if (_revision && currentService === "AP") return true;
       } else {
-        const {
-          product
-        } = productEdit;
-        const isRequestWithoutContentoh = orgn === "RequestWithoutContentoh" && (["R", "CA"].includes(currentService) || currentService === "RCA" && (!product.id_order || !product.orderId));
-        const isRequestWithContentoh = orgn === "RequestWithContentoh" && currentService === "AA";
-        const isContentoh = orgn === "Contentoh" && currentService === "AA";
+        var _product = productEdit.product;
+        var isRequestWithoutContentoh = orgn === "RequestWithoutContentoh" && (["R", "CA"].includes(currentService) || currentService === "RCA" && (!_product.id_order || !_product.orderId));
+        var isRequestWithContentoh = orgn === "RequestWithContentoh" && currentService === "AA";
+        var isContentoh = orgn === "Contentoh" && currentService === "AA";
         if (isContentoh || isRequestWithoutContentoh || isRequestWithContentoh) return true;
       }
     }
+
     return false;
   };
-  const getCart = async () => {
-    const res = await _axios.default.get(process.env.REACT_APP_CART, {
-      headers: {
-        Authorization: token
-      }
-    });
-    const arr = JSON.parse(res.data.body).data.map(e => e.article_id);
-    setInCart(arr.some(e => e.articleId === product.id_article));
-  };
-  (0, _react.useEffect)(() => {
+
+  var getCart = /*#__PURE__*/function () {
+    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11() {
+      var res, arr;
+      return _regenerator.default.wrap(function _callee11$(_context11) {
+        while (1) {
+          switch (_context11.prev = _context11.next) {
+            case 0:
+              _context11.next = 2;
+              return _axios.default.get(process.env.REACT_APP_CART, {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 2:
+              res = _context11.sent;
+              arr = JSON.parse(res.data.body).data.map(function (e) {
+                return e.article_id;
+              });
+              setInCart(arr.some(function (e) {
+                return e.articleId === product.id_article;
+              }));
+
+            case 5:
+            case "end":
+              return _context11.stop();
+          }
+        }
+      }, _callee11);
+    }));
+
+    return function getCart() {
+      return _ref9.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
     sessionStorage.setItem("user", JSON.stringify(user));
     loadData();
     getCart();
-    (0, _data.fetchUsers)(token).then(res => setUserGroups(res));
+    (0, _data.fetchUsers)(token).then(function (res) {
+      return setUserGroups(res);
+    });
     setImages({
       action: "orderImages",
       retailerId: activeRetailer.id
     });
     if (["RAC", "AAC"].includes(product.article_status)) showGlobalModal(product.article_status);
   }, [product, version]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     setImages({
       action: "orderImages",
       retailerId: activeRetailer.id
     });
   }, [activeRetailer]);
-  const loadAssignations = currentProduct => {
+
+  var loadAssignations = function loadAssignations(currentProduct) {
     setAssig(product === null || product === void 0 ? void 0 : product.asignations);
   };
-  (0, _react.useEffect)(() => {
+
+  (0, _react.useEffect)(function () {
     loadAssignations(product);
   }, [userGroups]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     var _Object$keys, _percentages$productT, _retailers$;
-    const productTemp = product;
-    const retailers = (productTemp === null || productTemp === void 0 ? void 0 : productTemp.retailersAvailable) || (productTemp === null || productTemp === void 0 ? void 0 : productTemp.retailers);
+
+    var productTemp = product;
+    var retailers = (productTemp === null || productTemp === void 0 ? void 0 : productTemp.retailersAvailable) || (productTemp === null || productTemp === void 0 ? void 0 : productTemp.retailers);
+
     if (((_Object$keys = Object.keys((_percentages$productT = percentages[productTemp.id_article]) !== null && _percentages$productT !== void 0 ? _percentages$productT : {})) === 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$productT2;
+
         retailer["percentage"] = Number((_percentages$productT2 = percentages[productTemp.id_article][retailer.id]) === null || _percentages$productT2 === void 0 ? void 0 : _percentages$productT2.percentageRequired);
       });
     }
+
     setProduct(productTemp);
     retailers && setActivePercentage((_retailers$ = retailers[0]) === null || _retailers$ === void 0 ? void 0 : _retailers$.percentage);
   }, [percentages]);
-  const loadInputs = () => {
+
+  var loadInputs = function loadInputs() {
     if (services.length > 0) {
       var _services$0$activeRet, _services$4, _services$5;
+
       if ((_services$0$activeRet = services[0][activeRetailer.id]) !== null && _services$0$activeRet !== void 0 && _services$0$activeRet.data) services[0][activeRetailer.id].data = Object.values(services[0][activeRetailer.id].data);
       setActivePercentage(Math.round(activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.percentage, 0));
-      const datagroups = services[0][activeRetailer.id];
-      const inputs = (_services$4 = services[0]) === null || _services$4 === void 0 ? void 0 : _services$4.inputs;
-      const descriptions = (_services$5 = services[1]) === null || _services$5 === void 0 ? void 0 : _services$5.filter(service => (service === null || service === void 0 ? void 0 : service.id) === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id));
+      var datagroups = services[0][activeRetailer.id];
+      var inputs = (_services$4 = services[0]) === null || _services$4 === void 0 ? void 0 : _services$4.inputs;
+
+      var _descriptions = (_services$5 = services[1]) === null || _services$5 === void 0 ? void 0 : _services$5.filter(function (service) {
+        return (service === null || service === void 0 ? void 0 : service.id) === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id);
+      });
+
       setDatasheets([datagroups, inputs]);
-      setDescriptions(descriptions);
+      setDescriptions(_descriptions);
     }
   };
-  (0, _react.useEffect)(() => {
+
+  (0, _react.useEffect)(function () {
     loadInputs();
     activeRetailer.id && setImages({
       action: "orderImages",
       retailerId: activeRetailer.id
     });
   }, [servicesData, activeRetailer, services]);
-  const thumbs = () => {
+
+  var thumbs = function thumbs() {
     var _images$imageType, _images$imagePackagin, _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
-    }));
-    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)(_GalleryElementv.GalleryElementv2, {
-      setCheckAll: setCheckAll,
-      image: image,
-      gridLayout: imageLayout,
-      id: "gallery-element-" + index,
-      index: index + "-" + image.name,
-      number: index,
-      imageType: imageType,
-      imagePackagingType: imagePackagingType,
-      imageInputs: imageInputs,
-      changeImage: setImages,
-      selectedImages: selectedImages,
-      setSelectedImages: setSelectedImages
-    }, index));
+
+    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
+      };
+    });
+    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
+      };
+    });
+    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)(_GalleryElementv.GalleryElementv2, {
+        setCheckAll: setCheckAll,
+        image: image,
+        gridLayout: imageLayout,
+        id: "gallery-element-" + index,
+        index: index + "-" + image.name,
+        number: index,
+        imageType: imageType,
+        imagePackagingType: imagePackagingType,
+        imageInputs: imageInputs,
+        changeImage: setImages,
+        selectedImages: selectedImages,
+        setSelectedImages: setSelectedImages
+      }, index);
+    });
   };
-  (0, _react.useEffect)(() => {
+
+  (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 => ({
-      value: e === null || e === void 0 ? void 0 : e.id,
-      name: e === null || e === void 0 ? void 0 : e.name,
-      required: e === null || e === void 0 ? void 0 : e.required,
-      active: images === null || images === void 0 ? void 0 : images.values.some(value => (value === null || value === void 0 ? void 0 : value.image_id) === (e === null || e === void 0 ? void 0 : e.id))
-    }));
+
+    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) {
+      return {
+        value: e === null || e === void 0 ? void 0 : e.id,
+        name: e === null || e === void 0 ? void 0 : e.name,
+        required: e === null || e === void 0 ? void 0 : e.required,
+        active: images === null || images === void 0 ? void 0 : images.values.some(function (value) {
+          return (value === null || value === void 0 ? void 0 : value.image_id) === (e === null || e === void 0 ? void 0 : e.id);
+        })
+      };
+    });
     setSocketType(imageInputs);
   }, [images]);
-  const saveDescriptions = async () => {
-    setLoading(true);
-    const dataObject = {
-      articleId: product === null || product === void 0 ? void 0 : product.id_article,
-      articleData: updatedDescriptions
-    };
-    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 saveDescriptions = /*#__PURE__*/function () {
+    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
+      var dataObject, res;
+      return _regenerator.default.wrap(function _callee12$(_context12) {
+        while (1) {
+          switch (_context12.prev = _context12.next) {
+            case 0:
+              setLoading(true);
+              dataObject = {
+                articleId: product === null || product === void 0 ? void 0 : product.id_article,
+                articleData: updatedDescriptions
+              };
+              if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
+              _context12.prev = 3;
+              _context12.next = 6;
+              return _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?description=true&version=").concat(version), dataObject, {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 6:
+              res = _context12.sent;
+
+              if (!(res.data.statusCode === 200)) {
+                _context12.next = 12;
+                break;
+              }
+
+              setUpdatedDescriptions([]);
+              setMessage("Descripciones guardadas con éxito");
+              _context12.next = 12;
+              return loadData();
+
+            case 12:
+              _context12.next = 17;
+              break;
+
+            case 14:
+              _context12.prev = 14;
+              _context12.t0 = _context12["catch"](3);
+              console.log(_context12.t0);
+
+            case 17:
+            case "end":
+              return _context12.stop();
+          }
         }
-      });
-      if (res.data.statusCode === 200) {
-        setUpdatedDescriptions([]);
-        setMessage("Descripciones guardadas con éxito");
-        await loadData();
-      }
-    } catch (error) {
-      console.log(error);
-    }
-  };
-  const saveDatasheets = async () => {
-    const parseBoxData = [];
-    Object.entries(boxData).forEach((_ref2, index) => {
-      let [, box] = _ref2;
-      const {
-        value
-      } = box;
-      const attributesIds = Object.keys(value);
-      attributesIds.forEach(attributeId => {
-        const boxId = index + 1;
-        const valueOfAtribute = value[attributeId];
-        parseBoxData.push({
-          attributeId,
-          value: valueOfAtribute,
-          boxId
-        });
-      });
-    });
-    const dataObject = {
-      articleId: product === null || product === void 0 ? void 0 : product.id_article,
-      articleData: updatedDatasheets,
-      ...(parseBoxData.length > 0 && {
-        boxData: parseBoxData
-      })
+      }, _callee12, null, [[3, 14]]);
+    }));
+
+    return function saveDescriptions() {
+      return _ref10.apply(this, arguments);
     };
-    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
+  }();
+
+  var saveDatasheets = /*#__PURE__*/function () {
+    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13() {
+      var parseBoxData, dataObject, res;
+      return _regenerator.default.wrap(function _callee13$(_context13) {
+        while (1) {
+          switch (_context13.prev = _context13.next) {
+            case 0:
+              parseBoxData = [];
+              Object.entries(boxData).forEach(function (_ref12, index) {
+                var _ref13 = (0, _slicedToArray2.default)(_ref12, 2),
+                    box = _ref13[1];
+
+                var value = box.value;
+                var attributesIds = Object.keys(value);
+                attributesIds.forEach(function (attributeId) {
+                  var boxId = index + 1;
+                  var valueOfAtribute = value[attributeId];
+                  parseBoxData.push({
+                    attributeId: attributeId,
+                    value: valueOfAtribute,
+                    boxId: boxId
+                  });
+                });
+              });
+              dataObject = (0, _objectSpread3.default)({
+                articleId: product === null || product === void 0 ? void 0 : product.id_article,
+                articleData: updatedDatasheets
+              }, parseBoxData.length > 0 && {
+                boxData: parseBoxData
+              });
+              if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
+              _context13.prev = 4;
+              _context13.next = 7;
+              return _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?datasheet=true&version=").concat(version), dataObject, {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 7:
+              res = _context13.sent;
+
+              if (!(res.data.statusCode === 200)) {
+                _context13.next = 13;
+                break;
+              }
+
+              setUpdatedDatasheets([]);
+              setMessage("Fichas técnicas guardadas");
+              _context13.next = 13;
+              return loadData();
+
+            case 13:
+              _context13.next = 18;
+              break;
+
+            case 15:
+              _context13.prev = 15;
+              _context13.t0 = _context13["catch"](4);
+              console.log(_context13.t0);
+
+            case 18:
+              console.log(dataObject);
+
+            case 19:
+            case "end":
+              return _context13.stop();
+          }
         }
-      });
-      if (res.data.statusCode === 200) {
-        setUpdatedDatasheets([]);
-        setMessage("Fichas técnicas guardadas");
-        await loadData();
-      }
-    } catch (error) {
-      console.log(error);
-    }
-    console.log(dataObject);
-  };
-  const updateImages = (0, _react.useCallback)(async () => {
-    var _images$values2, _data$articleData, _data$articleData2, _data$updateImages;
-    const imagesList = images === null || images === void 0 ? void 0 : (_images$values2 = images.values) === null || _images$values2 === void 0 ? void 0 : _images$values2.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 === null || images === void 0 ? void 0 : images.attrForImgs);
-    attrForImgs.pop();
-    const data = {
-      articleId: product === null || product === void 0 ? void 0 : product.id_article,
-      attrReqImgs: attrForImgs === null || attrForImgs === void 0 ? void 0 : attrForImgs.map(e => {
-        var _e$, _e$2;
-        return {
-          attrId: (_e$ = e[0]) === null || _e$ === void 0 ? void 0 : _e$.id,
-          value: (_e$2 = e[0]) === null || _e$2 === void 0 ? void 0 : _e$2.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)
+      }, _callee13, null, [[4, 15]]);
+    }));
+
+    return function saveDatasheets() {
+      return _ref11.apply(this, arguments);
     };
-    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 updateImages = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14() {
+    var _images$values2, _data$articleData, _data$articleData2, _data$updateImages;
+
+    var imagesList, imagesListTemp, duplicated, attrForImgs, data, valid, _data$updateImages2, _data$articleData3, _data$articleData4, _data$articleData5, promiseArray;
+
+    return _regenerator.default.wrap(function _callee14$(_context14) {
+      while (1) {
+        switch (_context14.prev = _context14.next) {
+          case 0:
+            imagesList = images === null || images === void 0 ? void 0 : (_images$values2 = images.values) === null || _images$values2 === void 0 ? void 0 : _images$values2.slice();
+            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 === null || images === void 0 ? void 0 : images.attrForImgs);
+            attrForImgs.pop();
+            data = {
+              articleId: product === null || product === void 0 ? void 0 : product.id_article,
+              attrReqImgs: attrForImgs === null || attrForImgs === void 0 ? void 0 : attrForImgs.map(function (e) {
+                var _e$, _e$2;
+
+                return {
+                  attrId: (_e$ = e[0]) === null || _e$ === void 0 ? void 0 : _e$.id,
+                  value: (_e$2 = e[0]) === null || _e$2 === void 0 ? void 0 : _e$2.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)) {
+              _context14.next = 31;
+              break;
+            }
+
+            setLoading(true);
+            _context14.prev = 11;
+            data === null || data === void 0 ? void 0 : (_data$articleData3 = data.articleData) === null || _data$articleData3 === void 0 ? void 0 : _data$articleData3.forEach(function (e) {
+              e.uuid = (0, _uuid.v4)();
+            });
+            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)) {
+              _context14.next = 23;
+              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());
+            });
+            _context14.next = 20;
+            return Promise.all(promiseArray);
+
+          case 20:
+            setImagesUploaded(true);
+            _context14.next = 24;
+            break;
+
+          case 23:
+            setImagesUploaded(true);
+
+          case 24:
+            _context14.next = 29;
+            break;
+
+          case 26:
+            _context14.prev = 26;
+            _context14.t0 = _context14["catch"](11);
+            console.log(_context14.t0); // setMainLoading(false);
+
+          case 29:
+            _context14.next = 32;
+            break;
+
+          case 31:
+            // setMainLoading(false);
+            setMessage("Completa los campos que solicita cada una de la imágenes o hay imágenes con el mismo tipo de toma.\nRecuerda hay campos obligatorios y no podras avanzar si no estan completos.");
+
+          case 32:
+          case "end":
+            return _context14.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) {
-          setImages({});
-          setMessage("Imágenes guardadas con éxito");
-          sessionStorage.removeItem("imagesList");
-          await loadData();
+    }, _callee14, null, [[11, 26]]);
+  })), [images, imagesUploaded]);
+  (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15() {
+    var res;
+    return _regenerator.default.wrap(function _callee15$(_context15) {
+      while (1) {
+        switch (_context15.prev = _context15.next) {
+          case 0:
+            if (!imagesUploaded) {
+              _context15.next = 17;
+              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;
+            });
+            _context15.prev = 2;
+            _context15.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 = _context15.sent;
+
+            if (!(res.data.statusCode === 200)) {
+              _context15.next = 12;
+              break;
+            }
+
+            setImages({});
+            setMessage("Imágenes guardadas con éxito");
+            sessionStorage.removeItem("imagesList");
+            _context15.next = 12;
+            return loadData();
+
+          case 12:
+            _context15.next = 17;
+            break;
+
+          case 14:
+            _context15.prev = 14;
+            _context15.t0 = _context15["catch"](2);
+            console.log(_context15.t0);
+
+          case 17:
+          case "end":
+            return _context15.stop();
         }
-      } catch (error) {
-        console.log(error);
       }
-    }
-  }, [dataImages, imagesUploaded]);
-  const getConcept = tab => {
+    }, _callee15, null, [[2, 14]]);
+  })), [dataImages, imagesUploaded]);
+
+  var getConcept = function getConcept(tab) {
     switch (tab) {
       case "Descripción":
         return "description";
+
       case "Ficha técnica":
         return "datasheet";
+
       case "Imágenes":
         return "images";
     }
   };
-  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 || productEdit.ArticleId,
-        version: version,
-        items: messages,
-        retailerId: retailerId,
-        status: product.status || productEdit.product.status
-      },
-      paramsHeader: {
-        Authorization: token
-      }
+
+  var createComment = /*#__PURE__*/function () {
+    var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16() {
+      var messages,
+          retailerId,
+          data,
+          _args16 = arguments;
+      return _regenerator.default.wrap(function _callee16$(_context16) {
+        while (1) {
+          switch (_context16.prev = _context16.next) {
+            case 0:
+              messages = _args16.length > 0 && _args16[0] !== undefined ? _args16[0] : [];
+              retailerId = _args16.length > 1 ? _args16[1] : undefined;
+              data = {
+                paramsBody: {
+                  id: product.article.id_article || productEdit.ArticleId,
+                  version: version,
+                  items: messages,
+                  retailerId: retailerId,
+                  status: product.status || productEdit.product.status
+                },
+                paramsHeader: {
+                  Authorization: token
+                }
+              };
+              setMessage("");
+              return _context16.abrupt("return", (0, _utils.sendMessage)(data));
+
+            case 5:
+            case "end":
+              return _context16.stop();
+          }
+        }
+      }, _callee16);
+    }));
+
+    return function createComment() {
+      return _ref16.apply(this, arguments);
     };
-    setMessage("");
-    return (0, _utils.sendMessage)(data);
-  };
-  (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 _callee17() {
+      var data;
+      return _regenerator.default.wrap(function _callee17$(_context17) {
+        while (1) {
+          switch (_context17.prev = _context17.next) {
+            case 0:
+              data = {
+                commentId: comment.id
+              };
+              _context17.next = 3;
+              return _axios.default.put("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT), data, {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 3:
+              setCrossComment(false);
+
+            case 4:
+            case "end":
+              return _context17.stop();
+          }
+        }
+      }, _callee17);
+    }));
+
+    return function commentRevised() {
+      return _ref17.apply(this, arguments);
     };
-    await _axios.default.put("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT), data, {
-      headers: {
-        Authorization: token
-      }
-    });
-    setCrossComment(false);
-  };
-  const setAssignation = async (assignationType, assignationId) => {
-    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.id_article
-      }],
-      concept: concept,
-      userId: assignationId
+  }();
+
+  var setAssignation = /*#__PURE__*/function () {
+    var _ref18 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee18(assignationType, assignationId) {
+      var concept, productTemp, data;
+      return _regenerator.default.wrap(function _callee18$(_context18) {
+        while (1) {
+          switch (_context18.prev = _context18.next) {
+            case 0:
+              concept = "";
+              _context18.t0 = activeTab;
+              _context18.next = _context18.t0 === "Ficha técnica" ? 4 : _context18.t0 === "Imágenes" ? 6 : 8;
+              break;
+
+            case 4:
+              concept = "datasheet";
+              return _context18.abrupt("break", 10);
+
+            case 6:
+              concept = "images";
+              return _context18.abrupt("break", 10);
+
+            case 8:
+              concept = "description";
+              return _context18.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.id_article
+                }],
+                concept: concept,
+                userId: assignationId
+              };
+              _context18.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 _context18.stop();
+          }
+        }
+      }, _callee18);
+    }));
+
+    return function setAssignation(_x7, _x8) {
+      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$values3;
-    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.upc || product.article.upc, "_").concat(e.name, ".").concat(e.ext));
       }
-    }) : images === null || images === void 0 ? void 0 : (_images$values3 = images.values) === null || _images$values3 === void 0 ? void 0 : _images$values3.forEach(e => {
+    }) : images === null || images === void 0 ? void 0 : (_images$values3 = images.values) === null || _images$values3 === void 0 ? void 0 : _images$values3.forEach(function (e) {
       if (e.id) {
         (0, _fileSaver.saveAs)("https://".concat(process.env.REACT_APP_IMAGES_BUCKET, ".s3.amazonaws.com/").concat(e.srcDB), "".concat(product.upc || product.article.upc, "_").concat(e.name, ".").concat(e.ext));
       }
     });
   };
-  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) {
       var _product$article8;
-      const data = {
+
+      var data = {
         articleId: (product === null || product === void 0 ? void 0 : product.id_article) || (product === null || product === void 0 ? void 0 : (_product$article8 = product.article) === null || _product$article8 === void 0 ? void 0 : _product$article8.id_article),
         deleteImages: imgsInBack
       };
+
       try {
         _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?image=true&version=").concat(version), data, {
           headers: {
@@ -928,17 +1721,19 @@ const ProductEditionv2 = _ref => {
         console.log(err);
       }
     }
+
     setImages({
       action: "deleteImage",
-      selectedImages
+      selectedImages: selectedImages
     });
-    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, {
@@ -948,204 +1743,299 @@ const ProductEditionv2 = _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 sendEvaluation = async result => {
-    var _productTemp$id_order2;
-    setLoading(true);
-    const concept = getConcept(activeTab);
-    const productTemp = product;
-    const articleId = productTemp.id_article;
-    const orderId = (_productTemp$id_order2 = productTemp.id_order) !== null && _productTemp$id_order2 !== void 0 ? _productTemp$id_order2 : productTemp.orderId;
-    const sectionStatusKey = "".concat(getConcept(activeTab), "_status");
-    const evalStatus = product[sectionStatusKey] || (product === null || product === void 0 ? void 0 : product.version_status);
-    let data = {
-      articleId,
-      orderId,
-      concept,
-      evalStatus
-    };
-    const retailerId = activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id;
-    let res;
-    try {
-      const body = {
-        orderArticleRetailers: [{
-          orderId,
-          articleId,
-          retailersIds: [activeRetailer.id]
-        }],
-        isAproved: false,
-        service: concept
-      };
-      if (result) {
-        var _JSON$parse;
-        body.isAproved = result === "A";
-        res = await _axios.default.post("".concat(process.env.REACT_APP_EVALUATION_REFACTOR), body, {
-          headers: {
-            Authorization: token
-          }
-        });
-        const response = (_JSON$parse = JSON.parse(res.data.body)) === null || _JSON$parse === void 0 ? void 0 : _JSON$parse.successfulData;
-        const newStatuses = response;
-        const statusObject = response["".concat(orderId, "-").concat(articleId, "-").concat(activeRetailer.id)];
-        const orderStatus = statusObject["generalStatus"];
-        const serviceStatus = newStatuses["".concat(getConcept(activeTab), "Status")];
-        const newProductEdit = productEdit;
-        newProductEdit.product[sectionStatusKey] = serviceStatus;
-        setProductEdit(newProductEdit);
-        const showSurveyByProvider = !user.is_retailer && orderStatus === "AP";
-        const showSurveyByRetailer = user.is_retailer && orderStatus === "ACA";
-        showSurvey && showSurvey(showSurveyByProvider || showSurveyByRetailer);
-      } else {
-        res = await _axios.default.post("".concat(process.env.REACT_APP_EVALUATION_REFACTOR), body, {
-          headers: {
-            Authorization: token
+
+  var sendEvaluation = /*#__PURE__*/function () {
+    var _ref19 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee19(result) {
+      var _productTemp$id_order2;
+
+      var concept, productTemp, articleId, orderId, sectionStatusKey, evalStatus, data, retailerId, res, body, _JSON$parse, response, newStatuses, statusObject, orderStatus, serviceStatus, newProductEdit, showSurveyByProvider, showSurveyByRetailer, _JSON$parse2, _response, _statusObject, retailerStatusCopy, status;
+
+      return _regenerator.default.wrap(function _callee19$(_context19) {
+        while (1) {
+          switch (_context19.prev = _context19.next) {
+            case 0:
+              setLoading(true);
+              concept = getConcept(activeTab);
+              productTemp = product;
+              articleId = productTemp.id_article;
+              orderId = (_productTemp$id_order2 = productTemp.id_order) !== null && _productTemp$id_order2 !== void 0 ? _productTemp$id_order2 : productTemp.orderId;
+              sectionStatusKey = "".concat(getConcept(activeTab), "_status");
+              evalStatus = product[sectionStatusKey] || (product === null || product === void 0 ? void 0 : product.version_status);
+              data = {
+                articleId: articleId,
+                orderId: orderId,
+                concept: concept,
+                evalStatus: evalStatus
+              };
+              retailerId = activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id;
+              _context19.prev = 9;
+              body = {
+                orderArticleRetailers: [{
+                  orderId: orderId,
+                  articleId: articleId,
+                  retailersIds: [activeRetailer.id]
+                }],
+                isAproved: false,
+                service: concept
+              };
+
+              if (!result) {
+                _context19.next = 29;
+                break;
+              }
+
+              body.isAproved = result === "A";
+              _context19.next = 15;
+              return _axios.default.post("".concat(process.env.REACT_APP_EVALUATION_REFACTOR), body, {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 15:
+              res = _context19.sent;
+              response = (_JSON$parse = JSON.parse(res.data.body)) === null || _JSON$parse === void 0 ? void 0 : _JSON$parse.successfulData;
+              newStatuses = response;
+              statusObject = response["".concat(orderId, "-").concat(articleId, "-").concat(activeRetailer.id)];
+              orderStatus = statusObject["generalStatus"];
+              serviceStatus = newStatuses["".concat(getConcept(activeTab), "Status")];
+              newProductEdit = productEdit;
+              newProductEdit.product[sectionStatusKey] = serviceStatus;
+              setProductEdit(newProductEdit);
+              showSurveyByProvider = !user.is_retailer && orderStatus === "AP";
+              showSurveyByRetailer = user.is_retailer && orderStatus === "ACA";
+              showSurvey && showSurvey(showSurveyByProvider || showSurveyByRetailer);
+              _context19.next = 32;
+              break;
+
+            case 29:
+              _context19.next = 31;
+              return _axios.default.post("".concat(process.env.REACT_APP_EVALUATION_REFACTOR), body, {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 31:
+              res = _context19.sent;
+
+            case 32:
+              if (res.data.statusCode === 200) {
+                _response = (_JSON$parse2 = JSON.parse(res.data.body)) === null || _JSON$parse2 === void 0 ? void 0 : _JSON$parse2.successfulData;
+                _statusObject = _response["".concat(orderId, "-").concat(articleId, "-").concat(activeRetailer.id)];
+                productTemp.status = _statusObject["generalStatus"];
+                retailerStatusCopy = (0, _objectSpread3.default)({}, retailerStatus);
+                retailerStatusCopy[activeRetailer.id][concept] = _statusObject["".concat(concept, "Status")];
+                setRetailerStatus(retailerStatusCopy);
+                productTemp.statusByRetailer = retailerStatusCopy;
+                status = _statusObject["".concat(concept, "Status")];
+                productTemp["".concat(concept, "_status")] = status;
+                setProduct(productTemp);
+                sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+                setOrigin(function (prev) {
+                  return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, (0, _defineProperty2.default)({}, concept, status));
+                });
+              }
+
+              _context19.next = 38;
+              break;
+
+            case 35:
+              _context19.prev = 35;
+              _context19.t0 = _context19["catch"](9);
+              console.log(_context19.t0);
+
+            case 38:
+              loadData();
+
+            case 39:
+            case "end":
+              return _context19.stop();
           }
-        });
-      }
-      if (res.data.statusCode === 200) {
-        var _JSON$parse2;
-        const response = (_JSON$parse2 = JSON.parse(res.data.body)) === null || _JSON$parse2 === void 0 ? void 0 : _JSON$parse2.successfulData;
-        const statusObject = response["".concat(orderId, "-").concat(articleId, "-").concat(activeRetailer.id)];
-        productTemp.status = statusObject["generalStatus"];
-        const retailerStatusCopy = {
-          ...retailerStatus
-        };
-        retailerStatusCopy[activeRetailer.id][concept] = statusObject["".concat(concept, "Status")];
-        setRetailerStatus(retailerStatusCopy);
-        productTemp.statusByRetailer = retailerStatusCopy;
-        let status;
-        status = statusObject["".concat(concept, "Status")];
-        productTemp["".concat(concept, "_status")] = status;
-        setProduct(productTemp);
-        sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-        setOrigin(prev => ({
-          ...prev,
-          [concept]: status
-        }));
-      }
-    } catch (err) {
-      console.log(err);
-    }
-    loadData();
-  };
-  const validateAll = async result => {
-    try {
-      var _product$id_order2;
-      setLoading(true);
-      const evaluationArray = [];
-      const conceptArray = ["description", "datasheet", "images"];
-      const isAproved = result === "A";
-      const retailersIds = [];
-      servicesData === null || servicesData === void 0 ? void 0 : servicesData.forEach(ret => {
-        if (!retailersIds.includes(ret.id_retailer)) retailersIds.push(ret.id_retailer);
-      });
-      const body = {
-        orderArticleRetailers: [{
-          orderId: (_product$id_order2 = product.id_order) !== null && _product$id_order2 !== void 0 ? _product$id_order2 : product.orderId,
-          articleId: product.article.id_article,
-          retailersIds
-        }],
-        isAproved
-      };
-      conceptArray.forEach(concept => {
-        body.service = concept;
-        evaluationArray.push(_axios.default.post("".concat(process.env.REACT_APP_EVALUATION_REFACTOR), body, {
-          headers: {
-            Authorization: token
+        }
+      }, _callee19, null, [[9, 35]]);
+    }));
+
+    return function sendEvaluation(_x9) {
+      return _ref19.apply(this, arguments);
+    };
+  }();
+
+  var validateAll = /*#__PURE__*/function () {
+    var _ref20 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee20(result) {
+      var _product$id_order2, evaluationArray, conceptArray, isAproved, retailersIds, body, userType, productTemp, status, retailerStatusCopy;
+
+      return _regenerator.default.wrap(function _callee20$(_context20) {
+        while (1) {
+          switch (_context20.prev = _context20.next) {
+            case 0:
+              _context20.prev = 0;
+              setLoading(true);
+              evaluationArray = [];
+              conceptArray = ["description", "datasheet", "images"];
+              isAproved = result === "A";
+              retailersIds = [];
+              servicesData === null || servicesData === void 0 ? void 0 : servicesData.forEach(function (ret) {
+                if (!retailersIds.includes(ret.id_retailer)) retailersIds.push(ret.id_retailer);
+              });
+              body = {
+                orderArticleRetailers: [{
+                  orderId: (_product$id_order2 = product.id_order) !== null && _product$id_order2 !== void 0 ? _product$id_order2 : product.orderId,
+                  articleId: product.article.id_article,
+                  retailersIds: retailersIds
+                }],
+                isAproved: isAproved
+              };
+              conceptArray.forEach(function (concept) {
+                body.service = concept;
+                evaluationArray.push(_axios.default.post("".concat(process.env.REACT_APP_EVALUATION_REFACTOR), body, {
+                  headers: {
+                    Authorization: token
+                  }
+                }));
+              });
+              _context20.next = 11;
+              return Promise.all(evaluationArray);
+
+            case 11:
+              userType = user.is_retailer === 1 ? "CA" : "P";
+              productTemp = product;
+              status = "".concat(result).concat(userType);
+              productTemp.status = status;
+              productTemp.datasheet_status = productTemp.datasheet_status === "NA" ? "NA" : status;
+              productTemp.description_status = productTemp.description_status === "NA" ? "NA" : status;
+              productTemp.images_status = productTemp.images_status === "NA" ? "NA" : status;
+              retailerStatusCopy = (0, _objectSpread3.default)({}, retailerStatus);
+              Object.keys(retailerStatusCopy).forEach(function (key) {
+                conceptArray.forEach(function (concept) {
+                  if (retailerStatusCopy[key][concept]) {
+                    retailerStatusCopy[key][concept] = status;
+                  }
+                });
+              });
+              setRetailerStatus(retailerStatusCopy);
+              productTemp.statusByRetailer = retailerStatusCopy;
+              setProduct(productTemp);
+              sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
+              setProductEdit({
+                ArticleId: productTemp.id_article,
+                idCategory: productTemp.article.id_category,
+                product: productTemp
+              });
+              sessionStorage.setItem("productEdit", JSON.stringify({
+                ArticleId: productTemp.id_article,
+                idCategory: productTemp.article.id_category,
+                product: productTemp
+              }));
+              _context20.next = 28;
+              return loadData();
+
+            case 28:
+              _context20.next = 33;
+              break;
+
+            case 30:
+              _context20.prev = 30;
+              _context20.t0 = _context20["catch"](0);
+              console.log(_context20.t0);
+
+            case 33:
+            case "end":
+              return _context20.stop();
           }
-        }));
-      });
-      await Promise.all(evaluationArray);
-      const userType = user.is_retailer === 1 ? "CA" : "P";
-      const productTemp = product;
-      const status = "".concat(result).concat(userType);
-      productTemp.status = status;
-      productTemp.datasheet_status = productTemp.datasheet_status === "NA" ? "NA" : status;
-      productTemp.description_status = productTemp.description_status === "NA" ? "NA" : status;
-      productTemp.images_status = productTemp.images_status === "NA" ? "NA" : status;
-      const retailerStatusCopy = {
-        ...retailerStatus
-      };
-      Object.keys(retailerStatusCopy).forEach(key => {
-        conceptArray.forEach(concept => {
-          if (retailerStatusCopy[key][concept]) {
-            retailerStatusCopy[key][concept] = status;
+        }
+      }, _callee20, null, [[0, 30]]);
+    }));
+
+    return function validateAll(_x10) {
+      return _ref20.apply(this, arguments);
+    };
+  }();
+
+  var evaluationToRetailer = /*#__PURE__*/function () {
+    var _ref21 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee21(result) {
+      var data, prod, statusComplete;
+      return _regenerator.default.wrap(function _callee21$(_context21) {
+        while (1) {
+          switch (_context21.prev = _context21.next) {
+            case 0:
+              data = {
+                articleId: product.id_article,
+                companyId: user.is_retailer ? product.provider_company_id : product.retailer_company_id,
+                versionId: product.version,
+                status: result
+              };
+              _context21.next = 3;
+              return _axios.default.put("".concat(process.env.REACT_APP_RETAILER_REQUEST), data, {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 3:
+              prod = productEdit;
+              statusComplete = user.is_retailer ? "".concat(result, "CA") : "".concat(result, "P");
+              prod.product.datasheet_status = statusComplete;
+              prod.product.description_status = statusComplete;
+              prod.product.images_status = statusComplete;
+              prod.product.article_status = statusComplete;
+              prod.product.services_status = "[\"".concat(statusComplete, "\",\"").concat(statusComplete, "\",\"").concat(statusComplete, "\"]");
+              sessionStorage.setItem("productEdit", JSON.stringify(prod));
+              setProduct(prod);
+              showGlobalModal("generic");
+              _context21.next = 15;
+              return loadData();
+
+            case 15:
+            case "end":
+              return _context21.stop();
           }
-        });
-      });
-      setRetailerStatus(retailerStatusCopy);
-      productTemp.statusByRetailer = retailerStatusCopy;
-      setProduct(productTemp);
-      sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-      setProductEdit({
-        ArticleId: productTemp.id_article,
-        idCategory: productTemp.article.id_category,
-        product: productTemp
-      });
-      sessionStorage.setItem("productEdit", JSON.stringify({
-        ArticleId: productTemp.id_article,
-        idCategory: productTemp.article.id_category,
-        product: productTemp
-      }));
-      await loadData();
-    } catch (error) {
-      console.log(error);
-    }
-  };
-  const evaluationToRetailer = async result => {
-    const data = {
-      articleId: product.id_article,
-      companyId: user.is_retailer ? product.provider_company_id : product.retailer_company_id,
-      versionId: product.version,
-      status: result
+        }
+      }, _callee21);
+    }));
+
+    return function evaluationToRetailer(_x11) {
+      return _ref21.apply(this, arguments);
     };
-    await _axios.default.put("".concat(process.env.REACT_APP_RETAILER_REQUEST), data, {
-      headers: {
-        Authorization: token
-      }
-    });
-    const prod = productEdit;
-    const statusComplete = user.is_retailer ? "".concat(result, "CA") : "".concat(result, "P");
-    prod.product.datasheet_status = statusComplete;
-    prod.product.description_status = statusComplete;
-    prod.product.images_status = statusComplete;
-    prod.product.article_status = statusComplete;
-    prod.product.services_status = "[\"".concat(statusComplete, "\",\"").concat(statusComplete, "\",\"").concat(statusComplete, "\"]");
-    sessionStorage.setItem("productEdit", JSON.stringify(prod));
-    setProduct(prod);
-    showGlobalModal("generic");
-    await loadData();
-  };
-  const getSectionStatus = () => {
-    const concept = getConcept(activeTab);
+  }();
+
+  var getSectionStatus = function getSectionStatus() {
+    var concept = getConcept(activeTab);
     return ["AA", "AP", "R", "CA", "RCA"].includes(productEdit.product["".concat(concept, "_status")]);
   };
-  const enableActions = versionStatus => {
+
+  var enableActions = function enableActions(versionStatus) {
     try {
       if (user.is_retailer) return false;
+
       if (versionStatus) {
         return ["AP", "ACA", "RCA", null].includes(versionStatus);
       }
+
       return true;
     } catch (err) {
       console.log(err, "Unable de check if user is retailer");
       return false;
     }
   };
-  (0, _react.useEffect)(() => {
+
+  (0, _react.useEffect)(function () {
     setSaving(loading);
   }, [loading]);
-  const slidefront = [{
+  var slidefront = [{
     slide: _slide.default,
     description: "Creamos tu contenido, y todo lo que haga falta para tu producto, cada sección puedes socilitar contenido enriquecido, y nosotros lo haremos por ti."
   }, {
@@ -1162,31 +2052,39 @@ const ProductEditionv2 = _ref => {
     title: "Bienvenido al modo Content-oh!",
     description: "Finalmente elige la forma de pago que más te guste, procede con el pago y listo."
   }];
-  const sendToEvaluation = result => {
+
+  var sendToEvaluation = function sendToEvaluation(result) {
     console.log({
-      result
+      result: result
     });
+
     if (result === "A") {
       if (origin[activeTab] === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
-        setDataGenericModal(prev => ({
-          ...prev,
-          button2: {
-            name: "Continuar",
-            action: () => evaluationToRetailer("A")
-          }
-        }));
+        setDataGenericModal(function (prev) {
+          return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
+            button2: {
+              name: "Continuar",
+              action: function action() {
+                return evaluationToRetailer("A");
+              }
+            }
+          });
+        });
         showGlobalModal("generic");
       } else if (user.is_retailer) {
         if (product.id_order || product.orderId) {
           sendEvaluation("A");
         } else {
-          setDataGenericModal(prev => ({
-            ...prev,
-            button2: {
-              name: "Continuar",
-              action: () => evaluationToRetailer("A")
-            }
-          }));
+          setDataGenericModal(function (prev) {
+            return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
+              button2: {
+                name: "Continuar",
+                action: function action() {
+                  return evaluationToRetailer("A");
+                }
+              }
+            });
+          });
           showGlobalModal("generic");
         }
       } else {
@@ -1199,13 +2097,16 @@ const ProductEditionv2 = _ref => {
         if (product.id_order || product.orderId) {
           sendEvaluation("R");
         } else {
-          setDataGenericModal(prev => ({
-            ...prev,
-            button2: {
-              name: "Continuar",
-              action: () => evaluationToRetailer("R")
-            }
-          }));
+          setDataGenericModal(function (prev) {
+            return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
+              button2: {
+                name: "Continuar",
+                action: function action() {
+                  return evaluationToRetailer("R");
+                }
+              }
+            });
+          });
           showGlobalModal("generic");
         }
       } else {
@@ -1213,6 +2114,7 @@ const ProductEditionv2 = _ref => {
       }
     }
   };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     headerTop: headerTop,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -1232,34 +2134,40 @@ const ProductEditionv2 = _ref => {
               showValidationButtons: isRevision() && getSectionStatus(),
               servicesData: servicesData ? servicesData : null,
               showApproveRejectAll: isRevision() && getSectionStatus(),
-              approveAll: () => {
+              approveAll: function approveAll() {
                 if (origin === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
-                  setDataGenericModal(prev => ({
-                    ...prev,
-                    button2: {
-                      name: "Continuar",
-                      action: () => evaluationToRetailer("A")
-                    }
-                  }));
+                  setDataGenericModal(function (prev) {
+                    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
+                      button2: {
+                        name: "Continuar",
+                        action: function action() {
+                          return evaluationToRetailer("A");
+                        }
+                      }
+                    });
+                  });
                   showGlobalModal("generic");
                 } else if (user.is_retailer) {
                   if (product.id_order || product.orderId) {
                     validateAll("A");
                   } else {
-                    setDataGenericModal(prev => ({
-                      ...prev,
-                      button2: {
-                        name: "Continuar",
-                        action: () => evaluationToRetailer("A")
-                      }
-                    }));
+                    setDataGenericModal(function (prev) {
+                      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
+                        button2: {
+                          name: "Continuar",
+                          action: function action() {
+                            return evaluationToRetailer("A");
+                          }
+                        }
+                      });
+                    });
                     showGlobalModal("generic");
                   }
                 } else {
                   validateAll("A");
                 }
               },
-              rejectAll: () => {
+              rejectAll: function rejectAll() {
                 if (origin === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
                   return;
                 } else if (user.is_retailer) {
@@ -1267,13 +2175,16 @@ const ProductEditionv2 = _ref => {
                     setValidatedAll(true);
                     setShowRejectModal(true);
                   } else {
-                    setDataGenericModal(prev => ({
-                      ...prev,
-                      button2: {
-                        name: "Continuar",
-                        action: () => evaluationToRetailer("R")
-                      }
-                    }));
+                    setDataGenericModal(function (prev) {
+                      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
+                        button2: {
+                          name: "Continuar",
+                          action: function action() {
+                            return evaluationToRetailer("R");
+                          }
+                        }
+                      });
+                    });
                     showGlobalModal("generic");
                   }
                 } else {
@@ -1281,8 +2192,10 @@ const ProductEditionv2 = _ref => {
                   setValidatedAll(true);
                 }
               },
-              approve: () => sendToEvaluation("A"),
-              reject: () => {
+              approve: function approve() {
+                return sendToEvaluation("A");
+              },
+              reject: function reject() {
                 setShowRejectModal(true);
               },
               version: version
@@ -1346,23 +2259,25 @@ const ProductEditionv2 = _ref => {
                 setCheckAll: setCheckAll
               })]
             }), activeTab === "Ficha técnica" && ((product === null || product === void 0 ? void 0 : product.datasheet_status) !== "NS" ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              children: (_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)(_InputGroupv.InputGroupv2, {
-                articleId: product.id_article,
-                version: version,
-                activeSection: activeTab,
-                inputGroup: dataGroup,
-                dataInputs: datasheets[1],
-                updatedDatasheets: updatedDatasheets,
-                setUpdatedDatasheets: setUpdatedDatasheets,
-                isShowbox: true,
-                activeRetailer: services[0][activeRetailer.id],
-                groupData: services[0][activeRetailer.id].data,
-                setUpdatedBoxData: e => {
-                  setBoxData(e);
-                },
-                index: index
-                //enableActions={enableActions(product.version_status)} ADD THIS VALIDATION
-              }, index + "-" + activeRetailer.name))
+              children: (_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)(_InputGroupv.InputGroupv2, {
+                  articleId: product.id_article,
+                  version: version,
+                  activeSection: activeTab,
+                  inputGroup: dataGroup,
+                  dataInputs: datasheets[1],
+                  updatedDatasheets: updatedDatasheets,
+                  setUpdatedDatasheets: setUpdatedDatasheets,
+                  isShowbox: true,
+                  activeRetailer: services[0][activeRetailer.id],
+                  groupData: services[0][activeRetailer.id].data,
+                  setUpdatedBoxData: function setUpdatedBoxData(e) {
+                    setBoxData(e);
+                  },
+                  index: index //enableActions={enableActions(product.version_status)} ADD THIS VALIDATION
+
+                }, index + "-" + activeRetailer.name);
+              })
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
               text: "No cuentas con este servicio",
               headerType: "input-name-header"
@@ -1382,16 +2297,13 @@ const ProductEditionv2 = _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, _objectSpread3.default)((0, _objectSpread3.default)({}, getRootProps({
+                className: "dropzone"
+              })), {}, {
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", (0, _objectSpread3.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"
@@ -1420,7 +2332,7 @@ const ProductEditionv2 = _ref => {
               iconSize: "big-image",
               slidePosition: "top-slide"
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-              onClick: () => {
+              onClick: function onClick() {
                 setShowContentohRequestModal && setShowContentohRequestModal(true);
               },
               buttonType: "general-default-button",
@@ -1435,34 +2347,40 @@ const ProductEditionv2 = _ref => {
       setActiveRetailer: setActiveRetailer,
       showValidationButtons: isRevision() && getSectionStatus(),
       showApproveRejectAll: isRevision() && getSectionStatus(),
-      approveAll: () => {
+      approveAll: function approveAll() {
         if (origin === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
-          setDataGenericModal(prev => ({
-            ...prev,
-            button2: {
-              name: "Continuar",
-              action: () => evaluationToRetailer("A")
-            }
-          }));
+          setDataGenericModal(function (prev) {
+            return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
+              button2: {
+                name: "Continuar",
+                action: function action() {
+                  return evaluationToRetailer("A");
+                }
+              }
+            });
+          });
           showGlobalModal("generic");
         } else if (user.is_retailer) {
           if (product.id_order || product.orderId) {
             validateAll("A");
           } else {
-            setDataGenericModal(prev => ({
-              ...prev,
-              button2: {
-                name: "Continuar",
-                action: () => evaluationToRetailer("A")
-              }
-            }));
+            setDataGenericModal(function (prev) {
+              return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
+                button2: {
+                  name: "Continuar",
+                  action: function action() {
+                    return evaluationToRetailer("A");
+                  }
+                }
+              });
+            });
             showGlobalModal("generic");
           }
         } else {
           validateAll("A");
         }
       },
-      rejectAll: () => {
+      rejectAll: function rejectAll() {
         if (origin === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
           return;
         } else if (user.is_retailer) {
@@ -1470,13 +2388,16 @@ const ProductEditionv2 = _ref => {
             setValidatedAll(true);
             setShowRejectModal(true);
           } else {
-            setDataGenericModal(prev => ({
-              ...prev,
-              button2: {
-                name: "Continuar",
-                action: () => evaluationToRetailer("R")
-              }
-            }));
+            setDataGenericModal(function (prev) {
+              return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
+                button2: {
+                  name: "Continuar",
+                  action: function action() {
+                    return evaluationToRetailer("R");
+                  }
+                }
+              });
+            });
             showGlobalModal("generic");
           }
         } else {
@@ -1484,11 +2405,13 @@ const ProductEditionv2 = _ref => {
           setValidatedAll(true);
         }
       },
-      approve: () => sendToEvaluation("A"),
-      reject: () => {
+      approve: function approve() {
+        return sendToEvaluation("A");
+      },
+      reject: function reject() {
         setShowRejectModal(true);
       },
-      onClick: () => {
+      onClick: function onClick() {
         setShowContentohRequestModal && setShowContentohRequestModal(true);
       }
     }), showModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductImageModalv.ProductImageModalv2, {
@@ -1506,11 +2429,12 @@ const ProductEditionv2 = _ref => {
         text: message,
         color: "white"
       }, "2")],
-      onClick: () => setMessage("")
-    }), globalModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GlobalModal, {
-      close: closeGlobalModal,
-      ...globalModal
-    }), showVersionSelector && /*#__PURE__*/(0, _jsxRuntime.jsx)(_VersionSelectorv.VersionSelectorv2, {
+      onClick: function onClick() {
+        return setMessage("");
+      }
+    }), globalModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GlobalModal, (0, _objectSpread3.default)({
+      close: closeGlobalModal
+    }, globalModal)), showVersionSelector && /*#__PURE__*/(0, _jsxRuntime.jsx)(_VersionSelectorv.VersionSelectorv2, {
       modalId: "version-selector",
       articleId: product.id_article,
       setVersion: setVersion,
@@ -1531,25 +2455,41 @@ const ProductEditionv2 = _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);
-          validatedAll ? validateAll("R") : sendToEvaluation("R");
-          setShowRejectModal(false);
-        }
+        onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee22() {
+          var body, messages;
+          return _regenerator.default.wrap(function _callee22$(_context22) {
+            while (1) {
+              switch (_context22.prev = _context22.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, "")
+                  }];
+                  _context22.next = 4;
+                  return createComment(messages, activeRetailer.id);
+
+                case 4:
+                  validatedAll ? validateAll("R") : sendToEvaluation("R");
+                  setShowRejectModal(false);
+
+                case 6:
+                case "end":
+                  return _context22.stop();
+              }
+            }
+          }, _callee22);
+        }))
       }, "btn-Aceptar")]
     })]
   });
 };
+
 exports.ProductEditionv2 = ProductEditionv2;