contentoh-components-library 18.0.0 → 20.0.17

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

@@ -9,16 +9,10 @@ exports.RetailerProductEdition = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
 var _styles = require("./styles");
 
 var _HeaderTop = require("../../molecules/HeaderTop");
@@ -37,96 +31,17 @@ var _react = require("react");
 
 var _GalleryElement = require("../../molecules/GalleryElement");
 
-var _fileSaver = require("file-saver");
-
-var _data2 = require("../../../global-files/data");
+var _data = require("../../../global-files/data");
 
 var _GalleryHeader = require("../../molecules/GalleryHeader");
 
 var _ProductImageModal = require("../../organisms/ProductImageModal");
 
-var _reactDropzone = require("react-dropzone");
-
-var _axios = _interopRequireDefault(require("axios"));
-
-var _uuid = require("uuid");
-
-var _awsSdk = _interopRequireDefault(require("aws-sdk"));
-
-var _attributesSent = _interopRequireDefault(require("../../../assets/images/modalsSVGs/attributesSent.svg"));
-
-var _descriptionSent = _interopRequireDefault(require("../../../assets/images/modalsSVGs/descriptionSent.svg"));
-
-var _uploadingImages = _interopRequireDefault(require("../../../assets/images/modalsSVGs/uploadingImages.svg"));
-
-var _index = require("../../molecules/TagAndInput/index");
-
-var _GeneralButton = require("../../atoms/GeneralButton");
-
-var _Commentary = require("../../atoms/Commentary");
-
-var _GenericModal = require("../../atoms/GenericModal");
-
-var _ScreenHeader = require("../../atoms/ScreenHeader");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var reducerImages = function reducerImages(state, action) {
-  var values = state.values,
-      attrForImgs = state.attrForImgs;
-
-  switch (action.action) {
-    case "init":
-      return action.init;
-
-    case "addImg":
-      values = [].concat((0, _toConsumableArray2.default)(values), [action.img]);
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-        values: values
-      });
-
-    case "changeImageInfo":
-      values[action.index][action.attribute] = action.value;
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-        values: values
-      });
-
-    case "changeAttrValue":
-      attrForImgs[action.retailer][action.index].value = action.value;
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-        attrForImgs: attrForImgs,
-        values: values
-      });
-
-    default:
-      return state;
-  }
-};
-
-var S3_BUCKET = process.env.REACT_APP_IMAGES_BUCKET;
-var REGION = "us-east-1";
-
-_awsSdk.default.config.update({
-  accessKeyId: process.env.REACT_APP_KEY_UPLOAD_TO_S3,
-  secretAccessKey: process.env.REACT_APP_ACCESS_KEY_UPLOAD_TO_S3
-});
-
-var myBucket = new _awsSdk.default.S3({
-  params: {
-    Bucket: S3_BUCKET
-  },
-  region: REGION
-});
-
 var RetailerProductEdition = function RetailerProductEdition(_ref) {
-  var _productSelected$reta, _servicesData$filter$, _servicesData$filter$2, _product$services, _datasheets$, _datasheets$$data, _product$services2, _product$article4, _product$services3;
+  var _datasheets$, _datasheets$$data, _images$values;
 
-  var tabsSections = _ref.tabsSections,
-      _ref$productSelected = _ref.productSelected,
-      productSelected = _ref$productSelected === void 0 ? {} : _ref$productSelected,
-      _ref$user = _ref.user,
-      user = _ref$user === void 0 ? {} : _ref$user,
-      token = _ref.token;
+  var productData = _ref.productData,
+      tabsSections = _ref.tabsSections;
 
   var _useState = (0, _react.useState)("Descripción"),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -138,7 +53,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       activeImage = _useState4[0],
       setActiveImage = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(false),
+  var _useState5 = (0, _react.useState)(true),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       imageLayout = _useState6[0],
       setImageLayout = _useState6[1];
@@ -153,1469 +68,118 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       descriptions = _useState10[0],
       setDescriptions = _useState10[1];
 
-  var _useState11 = (0, _react.useState)([]),
+  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),
+  var _useState13 = (0, _react.useState)({}),
       _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      showModal = _useState14[0],
-      setShowModal = _useState14[1];
-
-  var _useDropzone = (0, _reactDropzone.useDropzone)({
-    accept: "image/*",
-    noKeyboard: true,
-    multiple: true,
-    noClick: true,
-    onDrop: function onDrop(acceptedFiles) {
-      var newImages = [];
-      acceptedFiles.map(function (file) {
-        var reader = new FileReader();
-        reader.fileName = file.name;
+      images = _useState14[0],
+      setImages = _useState14[1];
 
-        reader.onload = /*#__PURE__*/function () {
-          var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
-            var ext, img, width, height, newImg;
-            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;
-                    width = img.width;
-                    height = img.height;
-                    newImg = {
-                      action: "addImg",
-                      img: {
-                        src: e.target.result,
-                        name: e.target.fileName,
-                        ext: ext[ext.length - 1],
-                        width: width,
-                        height: width
-                      }
-                    };
-                    setImages(newImg);
-
-                  case 7:
-                  case "end":
-                    return _context.stop();
-                }
-              }
-            }, _callee);
-          }));
-
-          return function (_x) {
-            return _ref2.apply(this, arguments);
-          };
-        }();
-
-        reader.onerror = function (error) {
-          console.log("dropzoneError: ", error);
-        };
-
-        reader.readAsDataURL(file);
-        return file;
-      });
-    }
-  }),
-      getRootProps = _useDropzone.getRootProps,
-      getInputProps = _useDropzone.getInputProps;
-
-  var _useState15 = (0, _react.useState)([]),
+  var _useState15 = (0, _react.useState)(false),
       _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      updatedDatasheets = _useState16[0],
-      setUpdatedDatasheets = _useState16[1];
-
-  var _useState17 = (0, _react.useState)([]),
-      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      updatedDescriptions = _useState18[0],
-      setUpdatedDescriptions = _useState18[1];
-
-  var _useState19 = (0, _react.useState)(false),
-      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-      imagesUploaded = _useState20[0],
-      setImagesUploaded = _useState20[1];
-
-  var _useState21 = (0, _react.useState)(),
-      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-      dataImages = _useState22[0],
-      setDataImages = _useState22[1];
-
-  var _useState23 = (0, _react.useState)(new Array(productSelected === null || productSelected === void 0 ? void 0 : (_productSelected$reta = productSelected.retailers) === null || _productSelected$reta === void 0 ? void 0 : _productSelected$reta.length).fill({
-    percentage: 0
-  })),
-      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
-      percentages = _useState24[0],
-      setPercentages = _useState24[1];
-
-  var _useState25 = (0, _react.useState)(0),
-      _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
-      activePercentage = _useState26[0],
-      setActivePercentage = _useState26[1];
-
-  var _useState27 = (0, _react.useState)({}),
-      _useState28 = (0, _slicedToArray2.default)(_useState27, 2),
-      activeRetailer = _useState28[0],
-      setActiveRetailer = _useState28[1];
-
-  var _useState29 = (0, _react.useState)([]),
-      _useState30 = (0, _slicedToArray2.default)(_useState29, 2),
-      services = _useState30[0],
-      setServices = _useState30[1];
-
-  var _useState31 = (0, _react.useState)([]),
-      _useState32 = (0, _slicedToArray2.default)(_useState31, 2),
-      servicesData = _useState32[0],
-      setServicesData = _useState32[1];
-
-  var _useState33 = (0, _react.useState)(""),
-      _useState34 = (0, _slicedToArray2.default)(_useState33, 2),
-      message = _useState34[0],
-      setMessage = _useState34[1];
-
-  var _useState35 = (0, _react.useState)({}),
-      _useState36 = (0, _slicedToArray2.default)(_useState35, 2),
-      product = _useState36[0],
-      setProduct = _useState36[1];
-
-  var _useState37 = (0, _react.useState)(null),
-      _useState38 = (0, _slicedToArray2.default)(_useState37, 2),
-      icon = _useState38[0],
-      setIcon = _useState38[1];
-
-  var _useState39 = (0, _react.useState)(productSelected === null || productSelected === void 0 ? void 0 : productSelected.version),
-      _useState40 = (0, _slicedToArray2.default)(_useState39, 2),
-      version = _useState40[0],
-      setVersion = _useState40[1];
-
-  var _useState41 = (0, _react.useState)({}),
-      _useState42 = (0, _slicedToArray2.default)(_useState41, 2),
-      comments = _useState42[0],
-      setComments = _useState42[1];
-
-  var _useState43 = (0, _react.useState)(""),
-      _useState44 = (0, _slicedToArray2.default)(_useState43, 2),
-      comment = _useState44[0],
-      setComment = _useState44[1];
-
-  var _useState45 = (0, _react.useState)(0),
-      _useState46 = (0, _slicedToArray2.default)(_useState45, 2),
-      requiredNull = _useState46[0],
-      setRequiredNull = _useState46[1];
-
-  var _useState47 = (0, _react.useState)(false),
-      _useState48 = (0, _slicedToArray2.default)(_useState47, 2),
-      crossComment = _useState48[0],
-      setCrossComment = _useState48[1];
-
-  var _useState49 = (0, _react.useState)([]),
-      _useState50 = (0, _slicedToArray2.default)(_useState49, 2),
-      userGroups = _useState50[0],
-      setUserGroups = _useState50[1];
-
-  var _useState51 = (0, _react.useState)({}),
-      _useState52 = (0, _slicedToArray2.default)(_useState51, 2),
-      assig = _useState52[0],
-      setAssig = _useState52[1];
-
-  var _useState53 = (0, _react.useState)([]),
-      _useState54 = (0, _slicedToArray2.default)(_useState53, 2),
-      selectedImages = _useState54[0],
-      setSelectedImages = _useState54[1];
-
-  var _useState55 = (0, _react.useState)([]),
-      _useState56 = (0, _slicedToArray2.default)(_useState55, 2),
-      componentsArray = _useState56[0],
-      setComponentsArray = _useState56[1];
-
-  var _useState57 = (0, _react.useState)(false),
-      _useState58 = (0, _slicedToArray2.default)(_useState57, 2),
-      checkAll = _useState58[0],
-      setCheckAll = _useState58[1];
-
-  var isRetailer = user === null || user === void 0 ? void 0 : user.is_retailer;
-  (0, _react.useEffect)(function () {
-    checkAll && setSelectedImages(images.values);
-  }, [checkAll]);
+      showModal = _useState16[0],
+      setShowModal = _useState16[1];
 
   var loadData = /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-      var _productSelected$arti, _productSelected$arti2, _services$, _services$$values;
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _services$;
 
       var services;
-      return _regenerator.default.wrap(function _callee2$(_context2) {
+      return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
-          switch (_context2.prev = _context2.next) {
+          switch (_context.prev = _context.next) {
             case 0:
-              _context2.next = 2;
-              return (0, _data2.getRetailerServices)(productSelected === null || productSelected === void 0 ? void 0 : (_productSelected$arti = productSelected.article) === null || _productSelected$arti === void 0 ? void 0 : _productSelected$arti.id_article, parseInt(productSelected === null || productSelected === void 0 ? void 0 : (_productSelected$arti2 = productSelected.article) === null || _productSelected$arti2 === void 0 ? void 0 : _productSelected$arti2.id_category), productSelected === null || productSelected === void 0 ? void 0 : productSelected.version);
+              _context.next = 2;
+              return (0, _data.getRetailerServices)();
 
             case 2:
-              services = _context2.sent;
+              services = _context.sent;
               //Converts the data inside the datasheets object to array
-              setServices(services);
-              setActiveRetailer(productSelected === null || productSelected === void 0 ? void 0 : productSelected.retailers[0]);
-              setImages({
-                action: "init",
-                init: services[2]
-              });
-              if (((_services$ = services[2]) === null || _services$ === void 0 ? void 0 : (_services$$values = _services$.values) === null || _services$$values === void 0 ? void 0 : _services$$values.length) > 0) setActiveImage(0);
-              setProduct(productSelected);
+              Object.values(services[0])[0].data = Object.values(Object.values(services[0])[0].data);
+              setDatasheets(Object.values(services[0]));
+              setDescriptions(services[1]);
+              setImages(services[2]);
+              setActiveImage((0, _data.getImage)((_services$ = services[2]) === null || _services$ === void 0 ? void 0 : _services$.values[0], 340, 295));
 
             case 8:
             case "end":
-              return _context2.stop();
+              return _context.stop();
           }
         }
-      }, _callee2);
+      }, _callee);
     }));
 
     return function loadData() {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-
-  var getServices = /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(tab) {
-      var _selected$article, _selected$article2, _servicesResponse$dat;
-
-      var serviceActive, selected, servicesResponse, parsedResponse;
-      return _regenerator.default.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              serviceActive = "";
-              _context3.t0 = tab;
-              _context3.next = _context3.t0 === "Ficha técnica" ? 4 : _context3.t0 === "Imágenes" ? 6 : 8;
-              break;
-
-            case 4:
-              serviceActive = "datasheet";
-              return _context3.abrupt("break", 10);
-
-            case 6:
-              serviceActive = "images";
-              return _context3.abrupt("break", 10);
-
-            case 8:
-              serviceActive = "description";
-              return _context3.abrupt("break", 10);
-
-            case 10:
-              selected = productSelected;
-              _context3.next = 13;
-              return _axios.default.get("".concat(process.env.REACT_APP_SERVICES_ENDPOINT, "?articleId=").concat(selected === null || selected === void 0 ? void 0 : (_selected$article = selected.article) === null || _selected$article === void 0 ? void 0 : _selected$article.id_article, "&orderId=").concat(selected === null || selected === void 0 ? void 0 : (_selected$article2 = selected.article) === null || _selected$article2 === void 0 ? void 0 : _selected$article2.id_order, "&end=true"));
-
-            case 13:
-              servicesResponse = _context3.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;
-              setServicesData(parsedResponse);
-
-            case 16:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee3);
-    }));
-
-    return function getServices(_x2) {
-      return _ref4.apply(this, arguments);
-    };
-  }();
-
-  var translateConcept = function translateConcept(concept) {
-    var translation = "";
-
-    if (concept === "datasheet") {
-      translation = "Ficha técnica";
-    } else if (concept === "description") {
-      translation = "Descripción";
-    } else if (concept === "images") {
-      translation = "Imágenes";
-    }
-
-    return translation;
-  };
-
-  var getComments = /*#__PURE__*/function () {
-    var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
-      var _productSelected$arti3, _productSelected$arti4, _productSelected$arti5;
-
-      var tab,
-          commentsResponse,
-          comments,
-          _args4 = arguments;
-      return _regenerator.default.wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              tab = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : "Descripción";
-              _context4.next = 3;
-              return Promise.all([_axios.default.get("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT, "?articleId=").concat(productSelected === null || productSelected === void 0 ? void 0 : (_productSelected$arti3 = productSelected.article) === null || _productSelected$arti3 === void 0 ? void 0 : _productSelected$arti3.id_article, "&concept=description&orderIdColab=").concat(productSelected === null || productSelected === void 0 ? void 0 : productSelected.orderId, "&version=").concat(version)), _axios.default.get("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT, "?articleId=").concat(productSelected === null || productSelected === void 0 ? void 0 : (_productSelected$arti4 = productSelected.article) === null || _productSelected$arti4 === void 0 ? void 0 : _productSelected$arti4.id_article, "&concept=datasheet&orderIdColab=").concat(productSelected === null || productSelected === void 0 ? void 0 : productSelected.orderId, "&version=").concat(version)), _axios.default.get("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT, "?articleId=").concat(productSelected === null || productSelected === void 0 ? void 0 : (_productSelected$arti5 = productSelected.article) === null || _productSelected$arti5 === void 0 ? void 0 : _productSelected$arti5.id_article, "&concept=images&orderIdColab=").concat(productSelected === null || productSelected === void 0 ? void 0 : productSelected.orderId, "&version=").concat(version))]);
-
-            case 3:
-              commentsResponse = _context4.sent;
-              comments = {};
-              commentsResponse.forEach(function (comment) {
-                var _comment$data, _JSON$parse, _JSON$parse$data$, _comment$data2, _comment$data3;
-
-                return JSON.parse(comment === null || comment === void 0 ? void 0 : (_comment$data = comment.data) === null || _comment$data === void 0 ? void 0 : _comment$data.body).data[0] && (comments[translateConcept((_JSON$parse = JSON.parse(comment === null || comment === void 0 ? void 0 : (_comment$data2 = comment.data) === null || _comment$data2 === void 0 ? void 0 : _comment$data2.body)) === null || _JSON$parse === void 0 ? void 0 : (_JSON$parse$data$ = _JSON$parse.data[0]) === null || _JSON$parse$data$ === void 0 ? void 0 : _JSON$parse$data$.concept)] = JSON.parse(comment === null || comment === void 0 ? void 0 : (_comment$data3 = comment.data) === null || _comment$data3 === void 0 ? void 0 : _comment$data3.body).data[0]);
-              });
-              setComment(comments[tab]);
-              setComments(comments);
-
-            case 8:
-            case "end":
-              return _context4.stop();
-          }
-        }
-      }, _callee4);
-    }));
-
-    return function getComments() {
-      return _ref5.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
 
-  (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
-    return _regenerator.default.wrap(function _callee5$(_context5) {
+  (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+    return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) {
-        switch (_context5.prev = _context5.next) {
+        switch (_context2.prev = _context2.next) {
           case 0:
             loadData();
-            (0, _data2.getPercentage)({
-              data: [productSelected]
-            }).then(function (res) {
-              return setPercentages(res);
-            });
-            getServices();
-            getComments();
-            _context5.t0 = setUserGroups;
-            _context5.next = 7;
-            return (0, _data2.fetchUsers)(token);
-
-          case 7:
-            _context5.t1 = _context5.sent;
-            (0, _context5.t0)(_context5.t1);
-
-          case 9:
-          case "end":
-            return _context5.stop();
-        }
-      }
-    }, _callee5);
-  })), []);
-
-  var loadAssignations = function loadAssignations(currentProduct) {
-    var _currentProduct$artic, _currentProduct$artic2, _currentProduct$artic3, _currentProduct$artic4, _currentProduct$artic5, _currentProduct$artic6;
-
-    setAssig({
-      Descripción: {
-        assignations: [{
-          collaboratorType: "especialist",
-          id: currentProduct === null || currentProduct === void 0 ? void 0 : (_currentProduct$artic = currentProduct.article) === null || _currentProduct$artic === void 0 ? void 0 : _currentProduct$artic.id_description_especialist
-        }, {
-          collaboratorType: "facilitator",
-          id: currentProduct === null || currentProduct === void 0 ? void 0 : (_currentProduct$artic2 = currentProduct.article) === null || _currentProduct$artic2 === void 0 ? void 0 : _currentProduct$artic2.id_description_facilitator
-        }],
-        collaborators: {
-          especialist: userGroups[0] || [],
-          facilitator: userGroups[2] || []
-        }
-      },
-      "Ficha técnica": {
-        assignations: [{
-          collaboratorType: "especialist",
-          id: currentProduct === null || currentProduct === void 0 ? void 0 : (_currentProduct$artic3 = currentProduct.article) === null || _currentProduct$artic3 === void 0 ? void 0 : _currentProduct$artic3.id_datasheet_especialist
-        }, {
-          collaboratorType: "facilitator",
-          id: currentProduct === null || currentProduct === void 0 ? void 0 : (_currentProduct$artic4 = currentProduct.article) === null || _currentProduct$artic4 === void 0 ? void 0 : _currentProduct$artic4.id_datasheet_facilitator
-        }],
-        collaborators: {
-          especialist: userGroups[0] || [],
-          facilitator: userGroups[2] || []
-        }
-      },
-      Imágenes: {
-        assignations: [{
-          collaboratorType: "especialist",
-          id: currentProduct === null || currentProduct === void 0 ? void 0 : (_currentProduct$artic5 = currentProduct.article) === null || _currentProduct$artic5 === void 0 ? void 0 : _currentProduct$artic5.id_images_especialist
-        }, {
-          collaboratorType: "facilitator",
-          id: currentProduct === null || currentProduct === void 0 ? void 0 : (_currentProduct$artic6 = currentProduct.article) === null || _currentProduct$artic6 === void 0 ? void 0 : _currentProduct$artic6.id_images_facilitator
-        }],
-        collaborators: {
-          especialist: userGroups[1] || [],
-          facilitator: userGroups[3] || []
-        }
-      }
-    });
-  };
-
-  (0, _react.useEffect)(function () {
-    loadAssignations(productSelected);
-  }, [userGroups]);
-  (0, _react.useEffect)(function () {
-    var _productSelected$reta2, _productSelected$reta3;
-
-    productSelected === null || productSelected === void 0 ? void 0 : (_productSelected$reta2 = productSelected.retailers) === null || _productSelected$reta2 === void 0 ? void 0 : _productSelected$reta2.forEach(function (retailer) {
-      var _percentages$filter$;
-
-      retailer["percentage"] = percentages === null || percentages === void 0 ? void 0 : (_percentages$filter$ = percentages.filter(function (percent) {
-        return (retailer === null || retailer === void 0 ? void 0 : retailer.id) === (percent === null || percent === void 0 ? void 0 : percent.id_retailer);
-      })[0]) === null || _percentages$filter$ === void 0 ? void 0 : _percentages$filter$.percentage;
-    });
-    setActivePercentage(productSelected === null || productSelected === void 0 ? void 0 : (_productSelected$reta3 = productSelected.retailers[0]) === null || _productSelected$reta3 === void 0 ? void 0 : _productSelected$reta3.percentage);
-  }, [percentages]);
-  (0, _react.useEffect)(function () {
-    var required = {};
-
-    if (services.length > 0) {
-      var _services$2, _services$3;
-
-      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));
-      var datagroups = services[0][activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id];
-      var inputs = (_services$2 = services[0]) === null || _services$2 === void 0 ? void 0 : _services$2.inputs;
-
-      var _descriptions = (_services$3 = services[1]) === null || _services$3 === void 0 ? void 0 : _services$3.filter(function (service) {
-        return (service === null || service === void 0 ? void 0 : service.id) === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id);
-      });
-
-      setRequiredNull(required);
-      setDatasheets([datagroups, inputs]);
-      setDescriptions(_descriptions);
-    }
-  }, [activeRetailer]);
-
-  var thumbs = function thumbs() {
-    var _images$inputs, _images$imageType, _images$imagePackagin, _images$values;
-
-    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
-      };
-    });
-    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)(_GalleryElement.GalleryElement, {
-        setCheckAll: setCheckAll,
-        image: image,
-        gridLayout: imageLayout,
-        id: "gallery-element-" + index,
-        index: index,
-        imageType: imageType,
-        imagePackagingType: imagePackagingType,
-        imageInputs: imageInputs,
-        changeImage: setImages,
-        selectedImages: selectedImages,
-        setSelectedImages: setSelectedImages
-      }, index);
-    });
-  };
-
-  var saveDescriptions = /*#__PURE__*/function () {
-    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
-      var _productSelected$arti6;
-
-      var dataObject;
-      return _regenerator.default.wrap(function _callee6$(_context6) {
-        while (1) {
-          switch (_context6.prev = _context6.next) {
-            case 0:
-              dataObject = {
-                articleId: productSelected === null || productSelected === void 0 ? void 0 : (_productSelected$arti6 = productSelected.article) === null || _productSelected$arti6 === void 0 ? void 0 : _productSelected$arti6.id_article,
-                articleData: updatedDescriptions
-              };
-              _context6.prev = 1;
-              _context6.next = 4;
-              return _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?description=true&version=").concat(version), dataObject, {
-                headers: {
-                  Authorization: token
-                }
-              });
-
-            case 4:
-              _context6.next = 9;
-              break;
-
-            case 6:
-              _context6.prev = 6;
-              _context6.t0 = _context6["catch"](1);
-              console.log(_context6.t0);
-
-            case 9:
-            case "end":
-              return _context6.stop();
-          }
-        }
-      }, _callee6, null, [[1, 6]]);
-    }));
-
-    return function saveDescriptions() {
-      return _ref7.apply(this, arguments);
-    };
-  }();
-
-  var saveDatasheets = /*#__PURE__*/function () {
-    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
-      var _productSelected$arti7;
-
-      var dataObject;
-      return _regenerator.default.wrap(function _callee7$(_context7) {
-        while (1) {
-          switch (_context7.prev = _context7.next) {
-            case 0:
-              dataObject = {
-                articleId: productSelected === null || productSelected === void 0 ? void 0 : (_productSelected$arti7 = productSelected.article) === null || _productSelected$arti7 === void 0 ? void 0 : _productSelected$arti7.id_article,
-                articleData: updatedDatasheets
-              };
-              _context7.prev = 1;
-              _context7.next = 4;
-              return _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?datasheet=true&version=").concat(version), dataObject, {
-                headers: {
-                  Authorization: token
-                }
-              });
-
-            case 4:
-              _context7.next = 9;
-              break;
-
-            case 6:
-              _context7.prev = 6;
-              _context7.t0 = _context7["catch"](1);
-              console.log(_context7.t0);
-
-            case 9:
-            case "end":
-              return _context7.stop();
-          }
-        }
-      }, _callee7, null, [[1, 6]]);
-    }));
-
-    return function saveDatasheets() {
-      return _ref8.apply(this, arguments);
-    };
-  }();
-
-  var updateImages = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
-    var _images$values2, _product$article, _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 _callee8$(_context8) {
-      while (1) {
-        switch (_context8.prev = _context8.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$article = product.article) === null || _product$article === void 0 ? void 0 : _product$article.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;
-              })
-            };
-            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)) {
-              _context8.next = 29;
-              break;
-            }
-
-            _context8.prev = 9;
-            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)) {
-              _context8.next = 21;
-              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());
-            });
-            _context8.next = 18;
-            return Promise.all(promiseArray);
-
-          case 18:
-            setImagesUploaded(true);
-            _context8.next = 22;
-            break;
-
-          case 21:
-            setImagesUploaded(true);
-
-          case 22:
-            _context8.next = 27;
-            break;
-
-          case 24:
-            _context8.prev = 24;
-            _context8.t0 = _context8["catch"](9);
-            console.log(_context8.t0); // setMainLoading(false);
-
-          case 27:
-            _context8.next = 30;
-            break;
-
-          case 29:
-            // setMainLoading(false);
-            setMessage("Completa los campos que solicita cada una de la imágenes o hay imágenes con el mismo tipo de toma.<br>Recuerda hay campos obligatorios y no podras avanzar si no estan completos.");
-
-          case 30:
-          case "end":
-            return _context8.stop();
-        }
-      }
-    }, _callee8, null, [[9, 24]]);
-  })), [images, imagesUploaded]);
-  (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
-    return _regenerator.default.wrap(function _callee9$(_context9) {
-      while (1) {
-        switch (_context9.prev = _context9.next) {
-          case 0:
-            if (!imagesUploaded) {
-              _context9.next = 11;
-              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;
-              return e;
-            });
-            _context9.prev = 2;
-            _context9.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:
-            setMessage("Imágenes guardadas con éxito");
-            _context9.next = 11;
-            break;
-
-          case 8:
-            _context9.prev = 8;
-            _context9.t0 = _context9["catch"](2);
-            console.log(_context9.t0);
-
-          case 11:
-          case "end":
-            return _context9.stop();
-        }
-      }
-    }, _callee9, null, [[2, 8]]);
-  })), [dataImages, imagesUploaded]);
-
-  var approveRejectButtons = function approveRejectButtons(action) {
-    var concept = "";
-
-    switch (activeTab) {
-      case "Descripción":
-        concept = "description";
-        break;
-
-      case "Ficha técnica":
-        concept = "datasheet";
-        break;
-
-      case "Imágenes":
-        concept = "images";
-        break;
-
-      default:
-        break;
-    }
-
-    concept = action ? action : concept;
-    return productSelected["".concat(concept, "_status")] === "QF" && ((user === null || user === void 0 ? void 0 : user.id_role) === 1 || (user === null || user === void 0 ? void 0 : user.id_role) === 4 || (user === null || user === void 0 ? void 0 : user.id_role) === 5) || productSelected["".concat(concept, "_status")] === "AF" && ((user === null || user === void 0 ? void 0 : user.id_role) === 1 || (user === null || user === void 0 ? void 0 : user.id_role) === 6) || productSelected["".concat(concept, "_status")] === "RP" && ((user === null || user === void 0 ? void 0 : user.id_role) === 1 || (user === null || user === void 0 ? void 0 : user.id_role) === 6);
-  };
-
-  var getSectionIcon = function getSectionIcon() {
-    switch (activeTab) {
-      case "Ficha técnica":
-        setIcon(_attributesSent.default);
-        break;
-
-      case "Descripción":
-        setIcon(_descriptionSent.default);
-        break;
-
-      case "Imágenes0,,":
-        setIcon(_uploadingImages.default);
-        break;
-
-      default:
-        break;
-    }
-  };
-
-  var updateCompaniesList = function updateCompaniesList(status, result, retailerId, concept) {
-    var serv = servicesData.slice();
-    var item = serv === null || serv === void 0 ? void 0 : serv.find(function (item) {
-      return item.id_retailer === retailerId && item.service === concept;
-    });
-    var index = serv.indexOf(item);
-
-    if (status === "IN_PROGRESS" || status === "QF" || status === "RF" || status === "RA") {
-      if (result === "A") {
-        if (activeTab === "Imágenes") {
-          serv.map(function (item) {
-            item.status = "AF";
-          });
-        } else {
-          serv[index].status = "AF";
-        }
-      } else if (result === "R") {
-        if (activeTab === "Imágenes") {
-          serv.map(function (item) {
-            item.status = "RF";
-          });
-        } else {
-          serv[index].status = "RF";
-        }
-      } else {
-        if (status === "IN_PROGRESS" || status === "ASSIGNED") {
-          serv.map(function (item) {
-            item.status = "QF";
-          });
-        } else {
-          serv.map(function (item) {
-            if (item.status === "RF" || item.status === "RA") {
-              item.status = "QF";
-            }
-
-            return item;
-          });
-        }
-      }
-    } else if (status === "AF" || status === "RP") {
-      if (result === "A") {
-        if (activeTab === "Imágenes") {
-          serv.map(function (item) {
-            item.status = "AA";
-          });
-        } else {
-          serv[index].status = "AA";
-        }
-      } else {
-        if (activeTab === "Imágenes") {
-          serv.map(function (item) {
-            item.status = "RA";
-          });
-        } else {
-          serv[index].status = "RA";
-        }
-      }
-    }
-
-    setServicesData(serv);
-  };
-
-  var sendToFacilitator = /*#__PURE__*/function () {
-    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10(result) {
-      var concept, evalStatus, productTemp, specialistDone, data;
-      return _regenerator.default.wrap(function _callee10$(_context10) {
-        while (1) {
-          switch (_context10.prev = _context10.next) {
-            case 0:
-              concept = "";
-              _context10.t0 = activeTab;
-              _context10.next = _context10.t0 === "Descripción" ? 4 : _context10.t0 === "Ficha técnica" ? 6 : _context10.t0 === "Imágenes" ? 8 : 10;
-              break;
-
-            case 4:
-              concept = "description";
-              return _context10.abrupt("break", 11);
-
-            case 6:
-              concept = "datasheet";
-              return _context10.abrupt("break", 11);
-
-            case 8:
-              concept = "images";
-              return _context10.abrupt("break", 11);
-
-            case 10:
-              return _context10.abrupt("break", 11);
-
-            case 11:
-              evalStatus = "";
-              productTemp = (0, _objectSpread2.default)({}, productSelected);
-              evalStatus = productSelected["".concat(concept, "_status")];
-              specialistDone = evalStatus === "RF" || evalStatus === "RA" || evalStatus === "IN_PROGRESS";
-
-              if (specialistDone) {
-                setMessage("".concat(activeTab, " enviada a facilitador"));
-                getSectionIcon();
-                productTemp["".concat(concept, "_status")] = "QF";
-              } else if (evalStatus === "QF") {
-                setMessage("Evaluación enviada");
-                getSectionIcon();
-                productTemp["".concat(concept, "_status")] = "AF";
-              } else if (evalStatus === "AF") {
-                setMessage("Evaluación enviada");
-                getSectionIcon();
-                productTemp["".concat(concept, "_status")] = "AA";
-              } else if (evalStatus === "RP") {
-                setMessage("Evaluación enviada");
-                getSectionIcon();
-                productTemp["".concat(concept, "_status")] = "AA";
-              }
-
-              data = {};
-
-              if (!result) {
-                _context10.next = 24;
-                break;
-              }
-
-              updateCompaniesList(evalStatus, result, activeRetailer.id, concept);
-              data = {
-                articleId: productSelected.article.id_article,
-                orderId: productSelected.orderId,
-                concept: concept,
-                result: result,
-                evalStatus: evalStatus,
-                retailerId: activeRetailer.id
-              };
-              _context10.next = 22;
-              return _axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
-                headers: {
-                  Authorization: token
-                }
-              });
-
-            case 22:
-              _context10.next = 37;
-              break;
-
-            case 24:
-              if (specialistDone) {
-                updateCompaniesList(evalStatus, result, activeRetailer.id);
-              }
-
-              data = {
-                articleId: productSelected.article.id_article,
-                orderId: productSelected.orderId,
-                concept: concept,
-                evalStatus: evalStatus,
-                retailerId: activeRetailer.id
-              };
-              _context10.t1 = user.id_role;
-              _context10.next = _context10.t1 === 7 ? 29 : _context10.t1 === 8 ? 29 : _context10.t1 === 4 ? 31 : _context10.t1 === 5 ? 31 : 33;
-              break;
-
-            case 29:
-              data.especialist = true;
-              return _context10.abrupt("break", 34);
-
-            case 31:
-              data.facilitator = true;
-              return _context10.abrupt("break", 34);
-
-            case 33:
-              return _context10.abrupt("break", 34);
-
-            case 34:
-              _axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
-                headers: {
-                  Authorization: token
-                }
-              });
-
-              setProduct(productTemp);
-              setModalSent(true);
-
-            case 37:
-            case "end":
-              return _context10.stop();
-          }
-        }
-      }, _callee10);
-    }));
-
-    return function sendToFacilitator(_x3) {
-      return _ref11.apply(this, arguments);
-    };
-  }();
-
-  var userAssigned = function userAssigned(tab, rol) {
-    var concept = "";
-
-    switch (tab) {
-      case "Ficha técnica":
-        concept = "datasheet";
-        break;
-
-      case "Imágenes":
-        concept = "images";
-        break;
-
-      default:
-        concept = "description";
-        break;
-    }
-
-    var allowedRoles = [1, 4, 5, 6, 7, 8];
-    var validUser = allowedRoles.indexOf(user === null || user === void 0 ? void 0 : user.id_role) !== -1;
-    return productSelected.article["id_".concat(concept, "_").concat(rol)] === user.id_user && validUser;
-  };
-
-  var auditorAssigned = function auditorAssigned() {
-    return (productSelected === null || productSelected === void 0 ? void 0 : productSelected.article["id_auditor"]) === user.id_user;
-  };
-
-  function specialistValid(tab) {
-    var concept = "";
-
-    switch (tab) {
-      case "Ficha técnica":
-        concept = "datasheet";
-        break;
-
-      case "Imágenes":
-        concept = "images";
-        break;
-
-      default:
-        concept = "description";
-        break;
-    }
-
-    return product["".concat(concept, "_status")] === "IN_PROGRESS" || product["".concat(concept, "_status")] === "RF" || product["".concat(concept, "_status")] === "RA";
-  }
-
-  function versionMatch() {
-    return (productSelected === null || productSelected === void 0 ? void 0 : productSelected.version) === version;
-  }
-
-  var createComment = /*#__PURE__*/function () {
-    var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(e, body, tab) {
-      var _product$article2;
-
-      var concept, data;
-      return _regenerator.default.wrap(function _callee11$(_context11) {
-        while (1) {
-          switch (_context11.prev = _context11.next) {
-            case 0:
-              concept = "";
-              _context11.t0 = activeTab;
-              _context11.next = _context11.t0 === "Ficha técnica" ? 4 : _context11.t0 === "Imágenes" ? 6 : 8;
-              break;
-
-            case 4:
-              concept = "datasheet";
-              return _context11.abrupt("break", 10);
-
-            case 6:
-              concept = "images";
-              return _context11.abrupt("break", 10);
-
-            case 8:
-              concept = "description";
-              return _context11.abrupt("break", 10);
-
-            case 10:
-              data = {
-                articleId: product === null || product === void 0 ? void 0 : (_product$article2 = product.article) === null || _product$article2 === void 0 ? void 0 : _product$article2.id_article,
-                orderId: product === null || product === void 0 ? void 0 : product.orderId,
-                message: body,
-                concept: concept,
-                version: version
-              };
-              _context11.next = 13;
-              return _axios.default.post("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT), data, {
-                headers: {
-                  Authorization: token
-                }
-              });
-
-            case 13:
-              _context11.next = 15;
-              return getComments(tab);
-
-            case 15:
-            case "end":
-              return _context11.stop();
-          }
-        }
-      }, _callee11);
-    }));
-
-    return function createComment(_x4, _x5, _x6) {
-      return _ref12.apply(this, arguments);
-    };
-  }();
-
-  (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
-    return _regenerator.default.wrap(function _callee12$(_context12) {
-      while (1) {
-        switch (_context12.prev = _context12.next) {
-          case 0:
-            setComment(comments[activeTab]);
 
           case 1:
           case "end":
-            return _context12.stop();
+            return _context2.stop();
         }
       }
-    }, _callee12);
-  })), [activeTab]);
-
-  var commentRevised = /*#__PURE__*/function () {
-    var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13() {
-      var data;
-      return _regenerator.default.wrap(function _callee13$(_context13) {
-        while (1) {
-          switch (_context13.prev = _context13.next) {
-            case 0:
-              data = {
-                commentId: comment.id
-              };
-              _context13.next = 3;
-              return _axios.default.put("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT), data, {
-                headers: {
-                  Authorization: sessionStorage.getItem("jwt")
-                }
-              });
-
-            case 3:
-              setCrossComment(false);
-              _context13.next = 6;
-              return getComments();
-
-            case 6:
-            case "end":
-              return _context13.stop();
-          }
-        }
-      }, _callee13);
-    }));
-
-    return function commentRevised() {
-      return _ref14.apply(this, arguments);
-    };
-  }();
-
-  var setAssignation = /*#__PURE__*/function () {
-    var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14(assignationType, assignationId) {
-      var _product$article3;
-
-      var concept, productTemp, data;
-      return _regenerator.default.wrap(function _callee14$(_context14) {
-        while (1) {
-          switch (_context14.prev = _context14.next) {
-            case 0:
-              concept = "";
-              _context14.t0 = activeTab;
-              _context14.next = _context14.t0 === "Ficha técnica" ? 4 : _context14.t0 === "Imágenes" ? 6 : 8;
-              break;
-
-            case 4:
-              concept = "datasheet";
-              return _context14.abrupt("break", 10);
-
-            case 6:
-              concept = "images";
-              return _context14.abrupt("break", 10);
-
-            case 8:
-              concept = "description";
-              return _context14.abrupt("break", 10);
-
-            case 10:
-              productTemp = productSelected;
-              productTemp.article["id_".concat(concept, "_").concat(assignationType)] = assignationId;
-              data = (0, _defineProperty2.default)({
-                articleList: [{
-                  orderId: product.orderId,
-                  articleId: product === null || product === void 0 ? void 0 : (_product$article3 = product.article) === null || _product$article3 === void 0 ? void 0 : _product$article3.id_article
-                }],
-                concept: concept
-              }, "".concat(assignationType, "Id"), assignationId);
-              (0, _axios.default)({
-                method: "post",
-                url: process.env.REACT_APP_ASSIGNATIONS_ENDPOINT,
-                data: data,
-                headers: {
-                  Authorization: token
-                }
-              });
-              loadAssignations(productTemp);
-              sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
-
-            case 16:
-            case "end":
-              return _context14.stop();
-          }
-        }
-      }, _callee14);
-    }));
-
-    return function setAssignation(_x7, _x8) {
-      return _ref15.apply(this, arguments);
-    };
-  }();
-
-  var evaluationComplete = function evaluationComplete(tab) {
-    var concept = "";
-
-    switch (tab) {
-      case "Ficha técnica":
-        concept = "datasheet";
-        break;
-
-      case "Imágenes":
-        concept = "images";
-        break;
-
-      default:
-        concept = "description";
-        break;
-    }
-
-    var serv = servicesData.filter(function (item) {
-      return item.service === concept;
+    }, _callee2);
+  })), []);
+  return /*#__PURE__*/React.createElement(_styles.Container, {
+    headerTop: headerTop
+  }, /*#__PURE__*/React.createElement(_HeaderTop.HeaderTop, {
+    setHeaderTop: setHeaderTop
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "data-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "image-data-panel"
+  }, /*#__PURE__*/React.createElement(_ImagePreviewer.ImagePreviewer, {
+    activeImage: activeImage,
+    imagesArray: images,
+    setActiveImage: setActiveImage,
+    setShowModal: setShowModal
+  }), /*#__PURE__*/React.createElement(_ImageDataTable.ImageDataTable, {
+    imageData: activeImage === null || activeImage === void 0 ? void 0 : activeImage.data,
+    activeImage: activeImage
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "product-information"
+  }, /*#__PURE__*/React.createElement(_FullProductNameHeader.FullProductNameHeader, {
+    headerData: productData.headerData
+  }), /*#__PURE__*/React.createElement(_FullTabsMenu.FullTabsMenu, {
+    tabsSections: tabsSections,
+    status: productData.status,
+    profileImage: productData.asigned,
+    setActiveTab: setActiveTab,
+    setImageLayout: setImageLayout
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "services-information-container " + (imageLayout && activeTab === "Imágenes" && "image-services")
+  }, !imageLayout && /*#__PURE__*/React.createElement(_GalleryHeader.GalleryHeader, null), activeTab === "Ficha técnica" && ((_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__*/React.createElement(_InputGroup.InputGroup, {
+      key: index,
+      activeSection: activeTab,
+      inputGroup: dataGroup,
+      dataInputs: datasheets[1]
     });
-    var approved = "";
-    var rejected = "";
-
-    if (product.status === "IN_PROGRESS" || product.status === "QF" || product.status === "RF") {
-      approved = "AF";
-      rejected = "RF";
-
-      if (product.status === "QF") {
-        return serv.filter(function (item) {
-          return item.status === approved || item.status === rejected || item.status === "AA" || item.status === "AP";
-        }).length === serv.length;
-      }
-    } else if (product.status === "AF" || product.status === "RA" || product.status === "RP") {
-      approved = "AA";
-      rejected = "RA";
-
-      if (product.status === "RP" || product.status === "AF") {
-        return serv.filter(function (item) {
-          return item.status === approved || item.status === rejected || item.status === "AP";
-        }).length === serv.length;
-      }
-    } else if (product.status === "RC") {
-      approved = "AP";
-      rejected = "RA";
-      return serv.filter(function (item) {
-        return item.status === approved || item.status === rejected;
-      }).length === serv.length;
-    }
-
-    return serv.filter(function (item) {
-      return item.status === approved || item.status === rejected;
-    }).length === serv.length;
-  };
-
-  var downloadImages = function downloadImages() {
-    selectedImages.forEach(function (e) {
-      if (e.id) {
-        (0, _fileSaver.saveAs)("https://".concat(process.env.REACT_APP_IMAGES_BUCKET, ".s3.amazonaws.com/").concat(e.srcDB), "".concat(product.article.upc, "_").concat(e.name, ".").concat(e.ext));
-      }
+  })), activeTab === "Descripción" && /*#__PURE__*/React.createElement(_InputGroup.InputGroup, {
+    activeSection: activeTab,
+    inputGroup: descriptions[0]
+  }), activeTab === "Imágenes" && (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__*/React.createElement(_GalleryElement.GalleryElement, {
+      key: index,
+      image: (0, _data.getImage)(image, 179, 179),
+      gridLayout: imageLayout,
+      id: "gallery-element-" + index
     });
-  };
-
-  var deleteImages = function deleteImages() {
-    var data = {
-      articleId: product.article.id_article,
-      deleteImages: selectedImages
-    };
-
-    try {
-      _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?image=true&version=").concat(version), data, {
-        headers: {
-          Authorization: token
-        }
-      });
-    } catch (err) {
-      console.log(err);
-    }
-
-    setMessage("");
-  };
-
-  var askToDeleteImages = function askToDeleteImages() {
-    if (selectedImages.length > 0) {
-      setMessage("¿Está seguro de eliminar las imágenes seleccionadas?");
-      setComponentsArray([/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-        text: "",
-        Paragraph: "¿Está seguro de eliminar las imágenes seleccionadas?",
-        headerType: "header-and-paragraph"
-      }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-        buttonType: "general-white-button",
-        label: "Cancelar",
-        onClick: function onClick() {
-          return setMessage("");
-        }
-      }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-        buttonType: "general-button-default",
-        label: "Aceptar",
-        onClick: function onClick() {
-          return deleteImages();
-        }
-      }, "3")]);
-    }
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    headerTop: headerTop,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderTop.HeaderTop, {
-      setHeaderTop: setHeaderTop
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "data-container",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "image-data-panel",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ImagePreviewer.ImagePreviewer, {
-          activeImage: images !== null && images !== void 0 && images.values ? images === null || images === void 0 ? void 0 : images.values[activeImage] : {},
-          imagesArray: images,
-          setActiveImage: setActiveImage,
-          setShowModal: setShowModal
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageDataTable.ImageDataTable, {
-          lists: images,
-          activeImage: images !== null && images !== void 0 && images.values ? images === null || images === void 0 ? void 0 : images.values[activeImage] : {},
-          retailerSelected: activeRetailer.id,
-          setImages: setImages,
-          assignationsImages: assig["Imágenes"],
-          imagesStatus: productSelected === null || productSelected === void 0 ? void 0 : productSelected.images_status,
-          setAssignation: setAssignation,
-          isRetailer: isRetailer,
-          onClickSave: function onClickSave() {
-            return updateImages();
-          }
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "product-information",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FullProductNameHeader.FullProductNameHeader, {
-          headerData: product,
-          percent: activePercentage,
-          activeRetailer: activeRetailer,
-          setActiveRetailer: setActiveRetailer,
-          approveRejectButtons: approveRejectButtons,
-          sendToFacilitator: sendToFacilitator,
-          auditorAssigned: auditorAssigned,
-          userAssigned: userAssigned(activeTab, "facilitator")
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullTabsMenu.FullTabsMenu, {
-          tabsSections: tabsSections,
-          status: {
-            Descripción: (_servicesData$filter$ = servicesData.filter(function (service) {
-              return service.id_retailer === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id) && service.service === "description";
-            })[0]) === null || _servicesData$filter$ === void 0 ? void 0 : _servicesData$filter$.status,
-            "Ficha técnica": (_servicesData$filter$2 = servicesData.filter(function (service) {
-              return service.id_retailer === (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id) && service.service === "datasheet";
-            })[0]) === null || _servicesData$filter$2 === void 0 ? void 0 : _servicesData$filter$2.status,
-            Imágenes: product === null || product === void 0 ? void 0 : product.images_status
-          },
-          activeTab: activeTab,
-          setActiveTab: setActiveTab,
-          setImageLayout: setImageLayout,
-          downloadImages: downloadImages,
-          askToDeleteImages: askToDeleteImages,
-          assig: assig[activeTab],
-          setAssignation: setAssignation,
-          isRetailer: isRetailer,
-          onClickSave: function onClickSave() {
-            switch (activeTab) {
-              case "Descripción":
-                saveDescriptions();
-                break;
-
-              case "Ficha técnica":
-                saveDatasheets();
-                break;
-
-              case "Imágenes":
-                updateImages();
-                break;
-
-              default:
-                break;
-            }
-          }
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "services-information-container " + (imageLayout && activeTab === "Imágenes" ? "image-services" : ""),
-          children: [!imageLayout && activeTab === "Imágenes" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryHeader.GalleryHeader, {
-            setSelectedImages: setSelectedImages,
-            checkAll: checkAll,
-            setCheckAll: setCheckAll
-          }), activeTab === "Ficha técnica" && ((product === null || product === void 0 ? void 0 : (_product$services = product.services) === null || _product$services === void 0 ? void 0 : _product$services.datasheets) === 1 ? (_datasheets$ = datasheets[0]) === null || _datasheets$ === void 0 ? void 0 : (_datasheets$$data = _datasheets$.data) === null || _datasheets$$data === void 0 ? void 0 : _datasheets$$data.map(function (dataGroup, index) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
-              articleId: productSelected.article.id_article,
-              version: version,
-              activeSection: activeTab,
-              inputGroup: dataGroup,
-              dataInputs: datasheets[1],
-              updatedDatasheets: updatedDatasheets,
-              setUpdatedDatasheets: setUpdatedDatasheets
-            }, index + "-" + activeRetailer.name);
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-            children: "no tienes este servicio"
-          })), activeTab === "Descripción" && ((product === null || product === void 0 ? void 0 : (_product$services2 = product.services) === null || _product$services2 === void 0 ? void 0 : _product$services2.descriptions) === 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
-            activeSection: activeTab,
-            inputGroup: descriptions[0],
-            updatedDescriptions: updatedDescriptions,
-            setUpdatedDescriptions: setUpdatedDescriptions,
-            articleId: product === null || product === void 0 ? void 0 : (_product$article4 = product.article) === null || _product$article4 === void 0 ? void 0 : _product$article4.id_article,
-            version: version,
-            dinamicHeight: true
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-            children: "no tienes este servicio"
-          })), activeTab === "Imágenes" && ((product === null || product === void 0 ? void 0 : (_product$services3 = product.services) === null || _product$services3 === void 0 ? void 0 : _product$services3.images) === 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
-            className: "container",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, getRootProps({
-              className: "dropzone"
-            })), {}, {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", (0, _objectSpread2.default)({}, getInputProps())), /*#__PURE__*/(0, _jsxRuntime.jsx)("aside", {
-                children: thumbs()
-              })]
-            }))
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-            children: "no tienes este servicio"
-          }))]
-        }), (userAssigned(activeTab, "especialist" || "facilitator") || auditorAssigned()) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "commentary-box",
-          children: [!comment ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "commentary",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TagAndInput, {
-              label: "Caja de Comentario",
-              inputType: "textarea",
-              inputCols: 80,
-              inputRows: 4,
-              inputId: "commentary-box",
-              index: 0
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "buttons-box",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-                buttonType: "general-transparent-button",
-                label: "Enviar comentario",
-                onClick: function onClick(e) {
-                  return createComment(e, document.querySelector("#description-commentary-box-0 .ql-container .ql-editor > p").innerHTML, activeTab);
-                }
-              })
-            })]
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "feedback-box",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Commentary.Commentary, {
-              comment: comment.message,
-              reviewed: crossComment
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-              buttonType: "circular-button accept-button",
-              onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15() {
-                return _regenerator.default.wrap(function _callee15$(_context15) {
-                  while (1) {
-                    switch (_context15.prev = _context15.next) {
-                      case 0:
-                        setCrossComment(true);
-                        commentRevised();
-
-                      case 2:
-                      case "end":
-                        return _context15.stop();
-                    }
-                  }
-                }, _callee15);
-              }))
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-            buttonType: !requiredNull[activeTab] === 0 || !approveRejectButtons() || !evaluationComplete(activeTab) ? "general-button-disabled" : "general-green-button",
-            label: "Enviar evaluación",
-            onClick: function onClick() {
-              return sendToFacilitator();
-            }
-          })]
-        })]
-      })]
-    }), showModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductImageModal.ProductImageModal, {
-      images: images,
-      setShowModal: setShowModal,
-      sendToFacilitator: sendToFacilitator,
-      approveRejectButtons: approveRejectButtons
-    }), message.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GenericModal.GenericModal, {
-      componentsArray: componentsArray.length > 0 ? componentsArray : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-        text: message
-      }),
-      onClick: function onClick() {
-        return setMessage("");
-      }
-    })]
-  });
+  }))))), showModal && /*#__PURE__*/React.createElement(_ProductImageModal.ProductImageModal, {
+    images: images,
+    setShowModal: setShowModal
+  }));
 };
 
 exports.RetailerProductEdition = RetailerProductEdition;