contentoh-components-library 9.0.0 → 12.0.0

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

@@ -9,6 +9,8 @@ exports.RetailerProductEdition = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
@@ -35,7 +37,7 @@ var _react = require("react");
 
 var _GalleryElement = require("../../molecules/GalleryElement");
 
-var _data = require("../../../global-files/data");
+var _data2 = require("../../../global-files/data");
 
 var _GalleryHeader = require("../../molecules/GalleryHeader");
 
@@ -61,6 +63,8 @@ var _GeneralButton = require("../../atoms/GeneralButton");
 
 var _Commentary = require("../../atoms/Commentary");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var reducerImages = function reducerImages(state, action) {
   var values = state.values,
       attrForImgs = state.attrForImgs;
@@ -117,7 +121,8 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       _ref$productSelected = _ref.productSelected,
       productSelected = _ref$productSelected === void 0 ? {} : _ref$productSelected,
       _ref$user = _ref.user,
-      user = _ref$user === void 0 ? {} : _ref$user;
+      user = _ref$user === void 0 ? {} : _ref$user,
+      token = _ref.token;
 
   var _useState = (0, _react.useState)("Descripción"),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -297,10 +302,32 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       comments = _useState44[0],
       setComments = _useState44[1];
 
-  var _useState45 = (0, _react.useState)(0),
+  var _useState45 = (0, _react.useState)(""),
       _useState46 = (0, _slicedToArray2.default)(_useState45, 2),
-      requiredNull = _useState46[0],
-      setRequiredNull = _useState46[1];
+      comment = _useState46[0],
+      setComment = _useState46[1];
+
+  var _useState47 = (0, _react.useState)(0),
+      _useState48 = (0, _slicedToArray2.default)(_useState47, 2),
+      requiredNull = _useState48[0],
+      setRequiredNull = _useState48[1];
+
+  var _useState49 = (0, _react.useState)(false),
+      _useState50 = (0, _slicedToArray2.default)(_useState49, 2),
+      crossComment = _useState50[0],
+      setCrossComment = _useState50[1];
+
+  var _useState51 = (0, _react.useState)([]),
+      _useState52 = (0, _slicedToArray2.default)(_useState51, 2),
+      userGroups = _useState52[0],
+      setUserGroups = _useState52[1];
+
+  var _useState53 = (0, _react.useState)({}),
+      _useState54 = (0, _slicedToArray2.default)(_useState53, 2),
+      assig = _useState54[0],
+      setAssig = _useState54[1];
+
+  var isRetailer = user === null || user === void 0 ? void 0 : user.is_retailer;
 
   var loadData = /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
@@ -312,12 +339,11 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
           switch (_context2.prev = _context2.next) {
             case 0:
               _context2.next = 2;
-              return (0, _data.getRetailerServices)(productSelected.article.id_article, parseInt(productSelected.article.id_category), productSelected.version);
+              return (0, _data2.getRetailerServices)(productSelected.article.id_article, parseInt(productSelected.article.id_category), productSelected.version);
 
             case 2:
               services = _context2.sent;
-              console.log(services, "parsedResponse"); //Converts the data inside the datasheets object to array
-
+              //Converts the data inside the datasheets object to array
               setServices(services);
               setActiveRetailer(productSelected === null || productSelected === void 0 ? void 0 : productSelected.retailers[0]);
               setImages({
@@ -327,7 +353,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               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);
 
-            case 9:
+            case 8:
             case "end":
               return _context2.stop();
           }
@@ -391,7 +417,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
     var translation = "";
 
     if (concept === "datasheet") {
-      translation = "Ficha ténica";
+      translation = "Ficha técnica";
     } else if (concept === "description") {
       translation = "Descripción";
     } else if (concept === "images") {
@@ -402,29 +428,33 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
   };
 
   var getComments = /*#__PURE__*/function () {
-    var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(tab) {
+    var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
       var _productSelected$arti, _productSelected$arti2, _productSelected$arti3;
 
-      var commentsResponse, comments;
+      var tab,
+          commentsResponse,
+          comments,
+          _args4 = arguments;
       return _regenerator.default.wrap(function _callee4$(_context4) {
         while (1) {
           switch (_context4.prev = _context4.next) {
             case 0:
-              _context4.next = 2;
+              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$arti = productSelected.article) === null || _productSelected$arti === void 0 ? void 0 : _productSelected$arti.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$arti2 = productSelected.article) === null || _productSelected$arti2 === void 0 ? void 0 : _productSelected$arti2.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$arti3 = productSelected.article) === null || _productSelected$arti3 === void 0 ? void 0 : _productSelected$arti3.id_article, "&concept=images&orderIdColab=").concat(productSelected === null || productSelected === void 0 ? void 0 : productSelected.orderId, "&version=").concat(version))]);
 
-            case 2:
+            case 3:
               commentsResponse = _context4.sent;
               comments = {};
-              commentsResponse.map(function (comment) {
+              commentsResponse.forEach(function (comment) {
                 var _JSON$parse$data$;
 
                 return JSON.parse(comment.data.body).data[0] && (comments[translateConcept((_JSON$parse$data$ = JSON.parse(comment.data.body).data[0]) === null || _JSON$parse$data$ === void 0 ? void 0 : _JSON$parse$data$.concept)] = JSON.parse(comment.data.body).data[0]);
               });
-              setComments(comments); //const comment = JSON.parse(commentsResponse.data.body).data;
-              //setComment(comment[0]);
+              setComment(comments[tab]);
+              setComments(comments);
 
-            case 6:
+            case 8:
             case "end":
               return _context4.stop();
           }
@@ -432,21 +462,89 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       }, _callee4);
     }));
 
-    return function getComments(_x3) {
+    return function getComments() {
       return _ref5.apply(this, arguments);
     };
   }();
 
-  (0, _react.useEffect)(function () {
-    loadData();
-    (0, _data.getPercentage)({
-      data: [productSelected]
-    }).then(function (res) {
-      return setPercentages(res);
+  (0, _react.useEffect)( /*#__PURE__*/(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:
+            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] || []
+        }
+      }
     });
-    getServices();
-    getComments();
-  }, []);
+  };
+
+  (0, _react.useEffect)(function () {
+    loadAssignations(productSelected);
+  }, [userGroups]);
   (0, _react.useEffect)(function () {
     var _productSelected$reta;
 
@@ -492,8 +590,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       };
     });
     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__*/React.createElement(_GalleryElement.GalleryElement, {
-        key: index,
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryElement.GalleryElement, {
         image: image,
         gridLayout: imageLayout,
         id: "gallery-element-" + index,
@@ -502,104 +599,104 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
         imagePackagingType: imagePackagingType,
         imageInputs: imageInputs,
         changeImage: setImages
-      });
+      }, index);
     });
   };
 
   var saveDescriptions = /*#__PURE__*/function () {
-    var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
+    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
       var _productSelected$arti4;
 
       var dataObject;
-      return _regenerator.default.wrap(function _callee5$(_context5) {
+      return _regenerator.default.wrap(function _callee6$(_context6) {
         while (1) {
-          switch (_context5.prev = _context5.next) {
+          switch (_context6.prev = _context6.next) {
             case 0:
               dataObject = {
                 articleId: productSelected === null || productSelected === void 0 ? void 0 : (_productSelected$arti4 = productSelected.article) === null || _productSelected$arti4 === void 0 ? void 0 : _productSelected$arti4.id_article,
                 articleData: updatedDescriptions
               };
-              _context5.prev = 1;
-              _context5.next = 4;
+              _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: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIxYTk4MzZlNS1kMDYyLTQ4ZjQtYjY4Yi04NDZhZWEwMDFlMDIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY0NjM1MzAyMywibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NDYzNTY2MjMsImlhdCI6MTY0NjM1MzAyMywiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.LX6wMUK1eiE49heX3nVIMR4oRrWEaI-xyUErYx9_AWlxLn5jksbmmZmXujeaailxxcvaVQDYIbKSyrahwmqUohaDChM3TgDHCHTvAeiDGoVAFIjKyzk_wzttgVrKu5P_45bNrds7PVmLC981W8aVdQO32JklWhCpO_jEbtIgGeklQ6PF9yOd5TEWtq4kJTuYrbZpl21qnZ_wopbLSOz4Ty_OoIbvkFFcPV2jSBsMggQns3GqlHjlCLMtSN43IgQbuZ711BPWk6MMIFI48tl7HEC9rm1z1l0aejtn7ooiYKNsV2V__OL0Mi3ziDmoTDp3Ra02m0J176b99V17mFmj7A"
+                  Authorization: token
                 }
               });
 
             case 4:
-              _context5.next = 9;
+              _context6.next = 9;
               break;
 
             case 6:
-              _context5.prev = 6;
-              _context5.t0 = _context5["catch"](1);
-              console.log(_context5.t0);
+              _context6.prev = 6;
+              _context6.t0 = _context6["catch"](1);
+              console.log(_context6.t0);
 
             case 9:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
         }
-      }, _callee5, null, [[1, 6]]);
+      }, _callee6, null, [[1, 6]]);
     }));
 
     return function saveDescriptions() {
-      return _ref6.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
 
   var saveDatasheets = /*#__PURE__*/function () {
-    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
+    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
       var _productSelected$arti5;
 
       var dataObject;
-      return _regenerator.default.wrap(function _callee6$(_context6) {
+      return _regenerator.default.wrap(function _callee7$(_context7) {
         while (1) {
-          switch (_context6.prev = _context6.next) {
+          switch (_context7.prev = _context7.next) {
             case 0:
               dataObject = {
                 articleId: productSelected === null || productSelected === void 0 ? void 0 : (_productSelected$arti5 = productSelected.article) === null || _productSelected$arti5 === void 0 ? void 0 : _productSelected$arti5.id_article,
                 articleData: updatedDatasheets
               };
-              _context6.prev = 1;
-              _context6.next = 4;
+              _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: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIxYTk4MzZlNS1kMDYyLTQ4ZjQtYjY4Yi04NDZhZWEwMDFlMDIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY0NjM1MzAyMywibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NDYzNTY2MjMsImlhdCI6MTY0NjM1MzAyMywiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.LX6wMUK1eiE49heX3nVIMR4oRrWEaI-xyUErYx9_AWlxLn5jksbmmZmXujeaailxxcvaVQDYIbKSyrahwmqUohaDChM3TgDHCHTvAeiDGoVAFIjKyzk_wzttgVrKu5P_45bNrds7PVmLC981W8aVdQO32JklWhCpO_jEbtIgGeklQ6PF9yOd5TEWtq4kJTuYrbZpl21qnZ_wopbLSOz4Ty_OoIbvkFFcPV2jSBsMggQns3GqlHjlCLMtSN43IgQbuZ711BPWk6MMIFI48tl7HEC9rm1z1l0aejtn7ooiYKNsV2V__OL0Mi3ziDmoTDp3Ra02m0J176b99V17mFmj7A"
+                  Authorization: token
                 }
               });
 
             case 4:
               console.log("saved");
-              _context6.next = 10;
+              _context7.next = 10;
               break;
 
             case 7:
-              _context6.prev = 7;
-              _context6.t0 = _context6["catch"](1);
-              console.log(_context6.t0);
+              _context7.prev = 7;
+              _context7.t0 = _context7["catch"](1);
+              console.log(_context7.t0);
 
             case 10:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
         }
-      }, _callee6, null, [[1, 7]]);
+      }, _callee7, null, [[1, 7]]);
     }));
 
     return function saveDatasheets() {
-      return _ref7.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
 
-  var updateImages = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
+  var updateImages = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
     var _images$values2;
 
     var imagesList, imagesListTemp, duplicated, attrForImgs, data, valid, promiseArray;
-    return _regenerator.default.wrap(function _callee7$(_context7) {
+    return _regenerator.default.wrap(function _callee8$(_context8) {
       while (1) {
-        switch (_context7.prev = _context7.next) {
+        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.reduce(function (acc, image) {
@@ -645,18 +742,18 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             }
 
             if (!(valid && duplicated.length === 0)) {
-              _context7.next = 29;
+              _context8.next = 29;
               break;
             }
 
-            _context7.prev = 9;
+            _context8.prev = 9;
             data.articleData.forEach(function (e) {
               e.uuid = (0, _uuid.v4)();
             });
             setDataImages(data);
 
             if (!(data.articleData.length > 0)) {
-              _context7.next = 21;
+              _context8.next = 21;
               break;
             }
 
@@ -672,28 +769,28 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               };
               promiseArray.push(myBucket.putObject(params).promise());
             });
-            _context7.next = 18;
+            _context8.next = 18;
             return Promise.all(promiseArray);
 
           case 18:
             setImagesUploaded(true);
-            _context7.next = 22;
+            _context8.next = 22;
             break;
 
           case 21:
             setImagesUploaded(true);
 
           case 22:
-            _context7.next = 27;
+            _context8.next = 27;
             break;
 
           case 24:
-            _context7.prev = 24;
-            _context7.t0 = _context7["catch"](9);
-            console.log(_context7.t0); // setMainLoading(false);
+            _context8.prev = 24;
+            _context8.t0 = _context8["catch"](9);
+            console.log(_context8.t0); // setMainLoading(false);
 
           case 27:
-            _context7.next = 30;
+            _context8.next = 30;
             break;
 
           case 29:
@@ -709,18 +806,18 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
           case 30:
           case "end":
-            return _context7.stop();
+            return _context8.stop();
         }
       }
-    }, _callee7, null, [[9, 24]]);
+    }, _callee8, null, [[9, 24]]);
   })), [images, imagesUploaded]);
-  (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
-    return _regenerator.default.wrap(function _callee8$(_context8) {
+  (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
+    return _regenerator.default.wrap(function _callee9$(_context9) {
       while (1) {
-        switch (_context8.prev = _context8.next) {
+        switch (_context9.prev = _context9.next) {
           case 0:
             if (!imagesUploaded) {
-              _context8.next = 11;
+              _context9.next = 11;
               break;
             }
 
@@ -731,30 +828,30 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               e.imageType = e.image_type;
               return e;
             });
-            _context8.prev = 2;
-            _context8.next = 5;
+            _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: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIxYTk4MzZlNS1kMDYyLTQ4ZjQtYjY4Yi04NDZhZWEwMDFlMDIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY0NjM1MzAyMywibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NDYzNTY2MjMsImlhdCI6MTY0NjM1MzAyMywiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.LX6wMUK1eiE49heX3nVIMR4oRrWEaI-xyUErYx9_AWlxLn5jksbmmZmXujeaailxxcvaVQDYIbKSyrahwmqUohaDChM3TgDHCHTvAeiDGoVAFIjKyzk_wzttgVrKu5P_45bNrds7PVmLC981W8aVdQO32JklWhCpO_jEbtIgGeklQ6PF9yOd5TEWtq4kJTuYrbZpl21qnZ_wopbLSOz4Ty_OoIbvkFFcPV2jSBsMggQns3GqlHjlCLMtSN43IgQbuZ711BPWk6MMIFI48tl7HEC9rm1z1l0aejtn7ooiYKNsV2V__OL0Mi3ziDmoTDp3Ra02m0J176b99V17mFmj7A"
+                Authorization: token
               }
             });
 
           case 5:
             console.log("imágenes guardadas con éxito");
-            _context8.next = 11;
+            _context9.next = 11;
             break;
 
           case 8:
-            _context8.prev = 8;
-            _context8.t0 = _context8["catch"](2);
-            console.log(_context8.t0);
+            _context9.prev = 8;
+            _context9.t0 = _context9["catch"](2);
+            console.log(_context9.t0);
 
           case 11:
           case "end":
-            return _context8.stop();
+            return _context9.stop();
         }
       }
-    }, _callee8, null, [[2, 8]]);
+    }, _callee9, null, [[2, 8]]);
   })), [dataImages, imagesUploaded]);
 
   var approveRejectButtons = function approveRejectButtons(action) {
@@ -857,41 +954,39 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
           serv[index].status = "RA";
         }
       }
-    } //console.log(serv, "serv");
-
+    }
 
     setServicesData(serv);
   };
 
   var sendToFacilitator = /*#__PURE__*/function () {
-    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9(result) {
+    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10(result) {
       var concept, evalStatus, productTemp, specialistDone, data;
-      return _regenerator.default.wrap(function _callee9$(_context9) {
+      return _regenerator.default.wrap(function _callee10$(_context10) {
         while (1) {
-          switch (_context9.prev = _context9.next) {
+          switch (_context10.prev = _context10.next) {
             case 0:
-              console.log("exce");
               concept = "";
-              _context9.t0 = activeTab;
-              _context9.next = _context9.t0 === "Descripción" ? 5 : _context9.t0 === "Ficha técnica" ? 7 : _context9.t0 === "Imágenes" ? 9 : 11;
+              _context10.t0 = activeTab;
+              _context10.next = _context10.t0 === "Descripción" ? 4 : _context10.t0 === "Ficha técnica" ? 6 : _context10.t0 === "Imágenes" ? 8 : 10;
               break;
 
-            case 5:
+            case 4:
               concept = "description";
-              return _context9.abrupt("break", 12);
+              return _context10.abrupt("break", 11);
 
-            case 7:
+            case 6:
               concept = "datasheet";
-              return _context9.abrupt("break", 12);
+              return _context10.abrupt("break", 11);
 
-            case 9:
+            case 8:
               concept = "images";
-              return _context9.abrupt("break", 12);
+              return _context10.abrupt("break", 11);
 
-            case 11:
-              return _context9.abrupt("break", 12);
+            case 10:
+              return _context10.abrupt("break", 11);
 
-            case 12:
+            case 11:
               evalStatus = "";
               productTemp = (0, _objectSpread2.default)({}, productSelected);
               evalStatus = productSelected["".concat(concept, "_status")];
@@ -918,7 +1013,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               data = {};
 
               if (!result) {
-                _context9.next = 25;
+                _context10.next = 24;
                 break;
               }
 
@@ -931,18 +1026,18 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
                 evalStatus: evalStatus,
                 retailerId: activeRetailer.id
               };
-              _context9.next = 23;
+              _context10.next = 22;
               return _axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
                 headers: {
-                  Authorization: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIxYTk4MzZlNS1kMDYyLTQ4ZjQtYjY4Yi04NDZhZWEwMDFlMDIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY0NjM1MzAyMywibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NDYzNTY2MjMsImlhdCI6MTY0NjM1MzAyMywiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.LX6wMUK1eiE49heX3nVIMR4oRrWEaI-xyUErYx9_AWlxLn5jksbmmZmXujeaailxxcvaVQDYIbKSyrahwmqUohaDChM3TgDHCHTvAeiDGoVAFIjKyzk_wzttgVrKu5P_45bNrds7PVmLC981W8aVdQO32JklWhCpO_jEbtIgGeklQ6PF9yOd5TEWtq4kJTuYrbZpl21qnZ_wopbLSOz4Ty_OoIbvkFFcPV2jSBsMggQns3GqlHjlCLMtSN43IgQbuZ711BPWk6MMIFI48tl7HEC9rm1z1l0aejtn7ooiYKNsV2V__OL0Mi3ziDmoTDp3Ra02m0J176b99V17mFmj7A"
+                  Authorization: token
                 }
               });
 
-            case 23:
-              _context9.next = 38;
+            case 22:
+              _context10.next = 37;
               break;
 
-            case 25:
+            case 24:
               if (specialistDone) {
                 updateCompaniesList(evalStatus, result, activeRetailer.id);
               }
@@ -954,41 +1049,41 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
                 evalStatus: evalStatus,
                 retailerId: activeRetailer.id
               };
-              _context9.t1 = user.id_role;
-              _context9.next = _context9.t1 === 7 ? 30 : _context9.t1 === 8 ? 30 : _context9.t1 === 4 ? 32 : _context9.t1 === 5 ? 32 : 34;
+              _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 30:
+            case 29:
               data.especialist = true;
-              return _context9.abrupt("break", 35);
+              return _context10.abrupt("break", 34);
 
-            case 32:
+            case 31:
               data.facilitator = true;
-              return _context9.abrupt("break", 35);
+              return _context10.abrupt("break", 34);
 
-            case 34:
-              return _context9.abrupt("break", 35);
+            case 33:
+              return _context10.abrupt("break", 34);
 
-            case 35:
+            case 34:
               _axios.default.put("".concat(process.env.REACT_APP_SEND_EVAL), data, {
                 headers: {
-                  Authorization: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIxYTk4MzZlNS1kMDYyLTQ4ZjQtYjY4Yi04NDZhZWEwMDFlMDIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY0NjM1MzAyMywibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NDYzNTY2MjMsImlhdCI6MTY0NjM1MzAyMywiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.LX6wMUK1eiE49heX3nVIMR4oRrWEaI-xyUErYx9_AWlxLn5jksbmmZmXujeaailxxcvaVQDYIbKSyrahwmqUohaDChM3TgDHCHTvAeiDGoVAFIjKyzk_wzttgVrKu5P_45bNrds7PVmLC981W8aVdQO32JklWhCpO_jEbtIgGeklQ6PF9yOd5TEWtq4kJTuYrbZpl21qnZ_wopbLSOz4Ty_OoIbvkFFcPV2jSBsMggQns3GqlHjlCLMtSN43IgQbuZ711BPWk6MMIFI48tl7HEC9rm1z1l0aejtn7ooiYKNsV2V__OL0Mi3ziDmoTDp3Ra02m0J176b99V17mFmj7A"
+                  Authorization: token
                 }
               });
 
               setProduct(productTemp);
               setModalSent(true);
 
-            case 38:
+            case 37:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
         }
-      }, _callee9);
+      }, _callee10);
     }));
 
-    return function sendToFacilitator(_x4) {
-      return _ref10.apply(this, arguments);
+    return function sendToFacilitator(_x3) {
+      return _ref11.apply(this, arguments);
     };
   }();
 
@@ -1042,127 +1137,326 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
     return (productSelected === null || productSelected === void 0 ? void 0 : productSelected.version) === version;
   }
 
-  (0, _react.useEffect)(function () {// let concept = "";
-    // switch (activeTab) {
-    //   case "Ficha técnica":
-    //     concept = "datasheet";
-    //     break;
-    //   case "Imágenes":
-    //     concept = "images";
-    //     break;
-    //   default:
-    //     concept = "description";
-    //     break;
-    // }
-    // getComments(concept);
-  }, [activeTab]);
-  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: images !== null && images !== void 0 && images.values ? images === null || images === void 0 ? void 0 : images.values[activeImage] : {},
-    imagesArray: images,
-    setActiveImage: setActiveImage,
-    setShowModal: setShowModal
-  }), /*#__PURE__*/React.createElement(_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: [productSelected.article.id_images_especialist, productSelected.article.id_images_facilitator],
-    imagesStatus: productSelected === null || productSelected === void 0 ? void 0 : productSelected.images_status
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "product-information"
-  }, /*#__PURE__*/React.createElement(_FullProductNameHeader.FullProductNameHeader, {
-    headerData: product,
-    percent: activePercentage,
-    activeRetailer: activeRetailer,
-    setActiveRetailer: setActiveRetailer,
-    approveRejectButtons: approveRejectButtons,
-    sendToFacilitator: sendToFacilitator,
-    auditorAssigned: auditorAssigned,
-    userAssigned: userAssigned(activeTab, "facilitator")
-  }), /*#__PURE__*/React.createElement(_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
-    },
-    profileImage: productData.asigned,
-    activeTab: activeTab,
-    setActiveTab: setActiveTab,
-    setImageLayout: setImageLayout,
-    saveDescriptions: saveDescriptions,
-    saveDatasheets: saveDatasheets,
-    updateImages: updateImages,
-    assignations: {
-      Descripción: [productSelected.article.id_description_especialist, productSelected.article.id_description_facilitator],
-      "Ficha técnica": [productSelected.article.id_datasheet_especialist, productSelected.article.id_datasheet_facilitator],
-      Imágenes: [productSelected.article.id_images_especialist, productSelected.article.id_images_facilitator]
-    }
-  }), /*#__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" && ((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__*/React.createElement(_InputGroup.InputGroup, {
-      key: index + "-" + activeRetailer.name,
-      articleId: productSelected.article.id_article,
-      version: version,
-      activeSection: activeTab,
-      inputGroup: dataGroup,
-      dataInputs: datasheets[1],
-      updatedDatasheets: updatedDatasheets,
-      setUpdatedDatasheets: setUpdatedDatasheets
-    });
-  }) : /*#__PURE__*/React.createElement("p", null, "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__*/React.createElement(_InputGroup.InputGroup, {
-    activeSection: activeTab,
-    inputGroup: descriptions[0],
-    updatedDescriptions: updatedDescriptions,
-    setUpdatedDescriptions: setUpdatedDescriptions,
-    articleId: articleId,
-    version: version,
-    dinamicHeight: true
-  }) : /*#__PURE__*/React.createElement("p", null, "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__*/React.createElement("section", {
-    className: "container"
-  }, /*#__PURE__*/React.createElement("div", getRootProps({
-    className: "dropzone"
-  }), /*#__PURE__*/React.createElement("input", getInputProps()), /*#__PURE__*/React.createElement("aside", null, thumbs()))) : /*#__PURE__*/React.createElement("p", null, "no tienes este servicio"))), (userAssigned(activeTab, "especialist" || "facilitator") || auditorAssigned()) && /*#__PURE__*/React.createElement("div", {
-    className: "commentary-box"
-  }, !comments[activeTab] ? /*#__PURE__*/React.createElement("div", {
-    className: "commentary"
-  }, /*#__PURE__*/React.createElement(_index.TagAndInput, {
-    label: "Caja de Comentario",
-    inputType: "textarea",
-    inputCols: 80,
-    inputRows: 4
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "buttons-box"
-  }, /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-    buttonType: "general-transparent-button",
-    label: "Enviar comentario"
-  }), /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-    buttonType: requiredNull !== 0 || !specialistValid(activeTab) || !versionMatch() ? "general-button-disabled" : "general-green-button",
-    label: "Enviar evaluación",
-    onClick: function onClick() {
-      return sendToFacilitator();
-    }
-  }))) : /*#__PURE__*/React.createElement(_Commentary.Commentary, {
-    comment: comments[activeTab].message
-  })))), showModal && /*#__PURE__*/React.createElement(_ProductImageModal.ProductImageModal, {
-    images: images,
-    setShowModal: setShowModal,
-    sendToFacilitator: sendToFacilitator,
-    approveRejectButtons: approveRejectButtons
-  }));
+  var createComment = /*#__PURE__*/function () {
+    var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(e, body, tab) {
+      var _product$article;
+
+      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$article = product.article) === null || _product$article === void 0 ? void 0 : _product$article.id_article,
+                orderId: product === null || product === void 0 ? void 0 : product.orderId,
+                message: body,
+                concept: concept,
+                version: version
+              };
+              e.preventDefault();
+              _context11.next = 14;
+              return _axios.default.post("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT), data, {
+                headers: {
+                  Authorization: token
+                }
+              });
+
+            case 14:
+              _context11.next = 16;
+              return getComments(tab);
+
+            case 16:
+            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();
+        }
+      }
+    }, _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$article2;
+
+      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$article2 = product.article) === null || _product$article2 === void 0 ? void 0 : _product$article2.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);
+    };
+  }();
+
+  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
+        })]
+      }), /*#__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
+          },
+          profileImage: productData.asigned,
+          activeTab: activeTab,
+          setActiveTab: setActiveTab,
+          setImageLayout: setImageLayout,
+          saveDescriptions: saveDescriptions,
+          saveDatasheets: saveDatasheets,
+          updateImages: updateImages,
+          assig: assig[activeTab],
+          setAssignation: setAssignation,
+          isRetailer: isRetailer
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "services-information-container " + (imageLayout && activeTab === "Imágenes" ? "image-services" : ""),
+          children: [!imageLayout && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryHeader.GalleryHeader, {}), 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: articleId,
+            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.jsx)("div", {
+          className: "commentary-box",
+          children: !comment ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "commentary",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TagAndInput, {
+              label: "Caja de Comentario",
+              inputType: "textarea",
+              inputCols: 80,
+              inputRows: 4,
+              inputId: "commentary-box",
+              index: 0
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("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.getElementById("description-commentary-box-0").value, activeTab);
+                }
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+                buttonType: requiredNull !== 0 || !specialistValid(activeTab) || !versionMatch() ? "general-button-disabled" : "general-green-button",
+                label: "Enviar evaluación",
+                onClick: function onClick() {
+                  return sendToFacilitator();
+                }
+              })]
+            })]
+          }) : /*#__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);
+              }))
+            })]
+          })
+        })]
+      })]
+    }), showModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductImageModal.ProductImageModal, {
+      images: images,
+      setShowModal: setShowModal,
+      sendToFacilitator: sendToFacilitator,
+      approveRejectButtons: approveRejectButtons
+    })]
+  });
 };
 
 exports.RetailerProductEdition = RetailerProductEdition;