contentoh-components-library 15.0.0 → 18.0.0

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

@@ -37,6 +37,8 @@ var _react = require("react");
 
 var _GalleryElement = require("../../molecules/GalleryElement");
 
+var _fileSaver = require("file-saver");
+
 var _data2 = require("../../../global-files/data");
 
 var _GalleryHeader = require("../../molecules/GalleryHeader");
@@ -63,6 +65,10 @@ 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) {
@@ -113,10 +119,9 @@ var myBucket = new _awsSdk.default.S3({
 });
 
 var RetailerProductEdition = function RetailerProductEdition(_ref) {
-  var _servicesData$filter$, _servicesData$filter$2, _product$services, _datasheets$, _datasheets$$data, _product$services2, _product$services3;
+  var _productSelected$reta, _servicesData$filter$, _servicesData$filter$2, _product$services, _datasheets$, _datasheets$$data, _product$services2, _product$article4, _product$services3;
 
   var tabsSections = _ref.tabsSections,
-      articleId = _ref.articleId,
       _ref$productSelected = _ref.productSelected,
       productSelected = _ref$productSelected === void 0 ? {} : _ref$productSelected,
       _ref$user = _ref.user,
@@ -133,7 +138,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       activeImage = _useState4[0],
       setActiveImage = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(true),
+  var _useState5 = (0, _react.useState)(false),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       imageLayout = _useState6[0],
       setImageLayout = _useState6[1];
@@ -163,12 +168,6 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       showModal = _useState14[0],
       setShowModal = _useState14[1];
 
-  var _useState15 = (0, _react.useState)(54),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      retailerSelected = _useState16[0],
-      setRetailerSelected = _useState16[1]; // revisar después como trabajar esto de mejor forma
-
-
   var _useDropzone = (0, _reactDropzone.useDropzone)({
     accept: "image/*",
     noKeyboard: true,
@@ -229,108 +228,126 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       getRootProps = _useDropzone.getRootProps,
       getInputProps = _useDropzone.getInputProps;
 
+  var _useState15 = (0, _react.useState)([]),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      updatedDatasheets = _useState16[0],
+      setUpdatedDatasheets = _useState16[1];
+
   var _useState17 = (0, _react.useState)([]),
       _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      updatedDatasheets = _useState18[0],
-      setUpdatedDatasheets = _useState18[1];
+      updatedDescriptions = _useState18[0],
+      setUpdatedDescriptions = _useState18[1];
 
-  var _useState19 = (0, _react.useState)([]),
+  var _useState19 = (0, _react.useState)(false),
       _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-      updatedDescriptions = _useState20[0],
-      setUpdatedDescriptions = _useState20[1];
+      imagesUploaded = _useState20[0],
+      setImagesUploaded = _useState20[1];
 
-  var _useState21 = (0, _react.useState)(false),
+  var _useState21 = (0, _react.useState)(),
       _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-      imagesUploaded = _useState22[0],
-      setImagesUploaded = _useState22[1];
+      dataImages = _useState22[0],
+      setDataImages = _useState22[1];
 
-  var _useState23 = (0, _react.useState)(),
-      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
-      dataImages = _useState24[0],
-      setDataImages = _useState24[1];
-
-  var _useState25 = (0, _react.useState)(new Array(productSelected.retailers.length).fill({
+  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),
-      percentages = _useState26[0],
-      setPercentages = _useState26[1];
+      activePercentage = _useState26[0],
+      setActivePercentage = _useState26[1];
 
-  var _useState27 = (0, _react.useState)(0),
+  var _useState27 = (0, _react.useState)({}),
       _useState28 = (0, _slicedToArray2.default)(_useState27, 2),
-      activePercentage = _useState28[0],
-      setActivePercentage = _useState28[1];
+      activeRetailer = _useState28[0],
+      setActiveRetailer = _useState28[1];
 
-  var _useState29 = (0, _react.useState)({}),
+  var _useState29 = (0, _react.useState)([]),
       _useState30 = (0, _slicedToArray2.default)(_useState29, 2),
-      activeRetailer = _useState30[0],
-      setActiveRetailer = _useState30[1];
+      services = _useState30[0],
+      setServices = _useState30[1];
 
   var _useState31 = (0, _react.useState)([]),
       _useState32 = (0, _slicedToArray2.default)(_useState31, 2),
-      services = _useState32[0],
-      setServices = _useState32[1];
+      servicesData = _useState32[0],
+      setServicesData = _useState32[1];
 
-  var _useState33 = (0, _react.useState)([]),
+  var _useState33 = (0, _react.useState)(""),
       _useState34 = (0, _slicedToArray2.default)(_useState33, 2),
-      servicesData = _useState34[0],
-      setServicesData = _useState34[1];
+      message = _useState34[0],
+      setMessage = _useState34[1];
 
-  var _useState35 = (0, _react.useState)(""),
+  var _useState35 = (0, _react.useState)({}),
       _useState36 = (0, _slicedToArray2.default)(_useState35, 2),
-      message = _useState36[0],
-      setMessage = _useState36[1];
+      product = _useState36[0],
+      setProduct = _useState36[1];
 
-  var _useState37 = (0, _react.useState)({}),
+  var _useState37 = (0, _react.useState)(null),
       _useState38 = (0, _slicedToArray2.default)(_useState37, 2),
-      product = _useState38[0],
-      setProduct = _useState38[1];
+      icon = _useState38[0],
+      setIcon = _useState38[1];
 
-  var _useState39 = (0, _react.useState)(null),
+  var _useState39 = (0, _react.useState)(productSelected === null || productSelected === void 0 ? void 0 : productSelected.version),
       _useState40 = (0, _slicedToArray2.default)(_useState39, 2),
-      icon = _useState40[0],
-      setIcon = _useState40[1];
+      version = _useState40[0],
+      setVersion = _useState40[1];
 
-  var _useState41 = (0, _react.useState)(productSelected === null || productSelected === void 0 ? void 0 : productSelected.version),
+  var _useState41 = (0, _react.useState)({}),
       _useState42 = (0, _slicedToArray2.default)(_useState41, 2),
-      version = _useState42[0],
-      setVersion = _useState42[1];
+      comments = _useState42[0],
+      setComments = _useState42[1];
 
-  var _useState43 = (0, _react.useState)({}),
+  var _useState43 = (0, _react.useState)(""),
       _useState44 = (0, _slicedToArray2.default)(_useState43, 2),
-      comments = _useState44[0],
-      setComments = _useState44[1];
+      comment = _useState44[0],
+      setComment = _useState44[1];
 
-  var _useState45 = (0, _react.useState)(""),
+  var _useState45 = (0, _react.useState)(0),
       _useState46 = (0, _slicedToArray2.default)(_useState45, 2),
-      comment = _useState46[0],
-      setComment = _useState46[1];
+      requiredNull = _useState46[0],
+      setRequiredNull = _useState46[1];
 
-  var _useState47 = (0, _react.useState)(0),
+  var _useState47 = (0, _react.useState)(false),
       _useState48 = (0, _slicedToArray2.default)(_useState47, 2),
-      requiredNull = _useState48[0],
-      setRequiredNull = _useState48[1];
+      crossComment = _useState48[0],
+      setCrossComment = _useState48[1];
 
-  var _useState49 = (0, _react.useState)(false),
+  var _useState49 = (0, _react.useState)([]),
       _useState50 = (0, _slicedToArray2.default)(_useState49, 2),
-      crossComment = _useState50[0],
-      setCrossComment = _useState50[1];
+      userGroups = _useState50[0],
+      setUserGroups = _useState50[1];
 
-  var _useState51 = (0, _react.useState)([]),
+  var _useState51 = (0, _react.useState)({}),
       _useState52 = (0, _slicedToArray2.default)(_useState51, 2),
-      userGroups = _useState52[0],
-      setUserGroups = _useState52[1];
+      assig = _useState52[0],
+      setAssig = _useState52[1];
 
-  var _useState53 = (0, _react.useState)({}),
+  var _useState53 = (0, _react.useState)([]),
       _useState54 = (0, _slicedToArray2.default)(_useState53, 2),
-      assig = _useState54[0],
-      setAssig = _useState54[1];
+      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]);
 
   var loadData = /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-      var _services$, _services$$values;
+      var _productSelected$arti, _productSelected$arti2, _services$, _services$$values;
 
       var services;
       return _regenerator.default.wrap(function _callee2$(_context2) {
@@ -338,7 +355,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
           switch (_context2.prev = _context2.next) {
             case 0:
               _context2.next = 2;
-              return (0, _data2.getRetailerServices)(productSelected.article.id_article, parseInt(productSelected.article.id_category), productSelected.version);
+              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);
 
             case 2:
               services = _context2.sent;
@@ -367,6 +384,8 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
   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) {
@@ -392,11 +411,11 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             case 10:
               selected = productSelected;
               _context3.next = 13;
-              return _axios.default.get("".concat(process.env.REACT_APP_SERVICES_ENDPOINT, "?articleId=").concat(selected.article.id_article, "&orderId=").concat(selected.article.id_order, "&end=true"));
+              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.data.body).data;
+              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:
@@ -428,7 +447,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
   var getComments = /*#__PURE__*/function () {
     var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
-      var _productSelected$arti, _productSelected$arti2, _productSelected$arti3;
+      var _productSelected$arti3, _productSelected$arti4, _productSelected$arti5;
 
       var tab,
           commentsResponse,
@@ -440,15 +459,15 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             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$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))]);
+              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 _JSON$parse$data$;
+                var _comment$data, _JSON$parse, _JSON$parse$data$, _comment$data2, _comment$data3;
 
-                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]);
+                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);
@@ -545,51 +564,62 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
     loadAssignations(productSelected);
   }, [userGroups]);
   (0, _react.useEffect)(function () {
-    var _productSelected$reta;
+    var _productSelected$reta2, _productSelected$reta3;
 
-    productSelected.retailers.forEach(function (retailer) {
+    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$filter$ = percentages.filter(function (percent) {
-        return retailer.id === percent.id_retailer;
+      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$reta = productSelected.retailers[0]) === null || _productSelected$reta === void 0 ? void 0 : _productSelected$reta.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) {
-      services[0][activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id].data = Object.values(services[0][activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id].data);
-      setActivePercentage(Math.round(activeRetailer.percentage, 0));
-      setDatasheets([services[0][activeRetailer.id], services[0].inputs]);
-      setDescriptions(services[1].filter(function (service) {
-        return service.id === activeRetailer.id;
-      }));
+      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$values;
+    var _images$inputs, _images$imageType, _images$imagePackagin, _images$values;
 
-    var imageInputs = images.inputs.map(function (e) {
+    var imageInputs = images === null || images === void 0 ? void 0 : (_images$inputs = images.inputs) === null || _images$inputs === void 0 ? void 0 : _images$inputs.map(function (e) {
       return {
-        value: e.id,
-        name: e.name
+        value: e === null || e === void 0 ? void 0 : e.id,
+        name: e === null || e === void 0 ? void 0 : e.name
       };
     });
-    var imageType = images.imageType.map(function (e) {
+    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.id,
-        name: e.name
+        value: e === null || e === void 0 ? void 0 : e.id,
+        name: e === null || e === void 0 ? void 0 : e.name
       };
     });
-    var imagePackagingType = images.imagePackagingType.map(function (e) {
+    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.id,
-        name: e.name
+        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,
@@ -597,14 +627,16 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
         imageType: imageType,
         imagePackagingType: imagePackagingType,
         imageInputs: imageInputs,
-        changeImage: setImages
+        changeImage: setImages,
+        selectedImages: selectedImages,
+        setSelectedImages: setSelectedImages
       }, index);
     });
   };
 
   var saveDescriptions = /*#__PURE__*/function () {
     var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
-      var _productSelected$arti4;
+      var _productSelected$arti6;
 
       var dataObject;
       return _regenerator.default.wrap(function _callee6$(_context6) {
@@ -612,7 +644,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
           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,
+                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;
@@ -647,7 +679,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
   var saveDatasheets = /*#__PURE__*/function () {
     var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
-      var _productSelected$arti5;
+      var _productSelected$arti7;
 
       var dataObject;
       return _regenerator.default.wrap(function _callee7$(_context7) {
@@ -655,7 +687,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
           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,
+                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;
@@ -667,21 +699,20 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               });
 
             case 4:
-              console.log("saved");
-              _context7.next = 10;
+              _context7.next = 9;
               break;
 
-            case 7:
-              _context7.prev = 7;
+            case 6:
+              _context7.prev = 6;
               _context7.t0 = _context7["catch"](1);
               console.log(_context7.t0);
 
-            case 10:
+            case 9:
             case "end":
               return _context7.stop();
           }
         }
-      }, _callee7, null, [[1, 7]]);
+      }, _callee7, null, [[1, 6]]);
     }));
 
     return function saveDatasheets() {
@@ -690,49 +721,52 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
   }();
 
   var updateImages = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
-    var _images$values2;
+    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;
 
-    var imagesList, imagesListTemp, duplicated, attrForImgs, data, valid, 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.reduce(function (acc, image) {
-              acc[image.image_id] = ++acc[image.image_id] || 0;
+            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.filter(function (image) {
-              return imagesListTemp[image.image_id];
+            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: articleId,
-              attrReqImgs: attrForImgs.map(function (e) {
+              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[0].id,
-                  value: e[0].value
+                  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.filter(function (e) {
+              articleData: imagesList === null || imagesList === void 0 ? void 0 : imagesList.filter(function (e) {
                 return !e.id;
               }),
-              updateImages: imagesList.filter(function (e) {
+              updateImages: imagesList === null || imagesList === void 0 ? void 0 : imagesList.filter(function (e) {
                 return e.id;
               })
             };
-            valid = data.articleData.length === 0 ? true : data.articleData.every(function (e, i) {
-              if (e.image_id && e.packing_type && e.image_type) {
+            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.updateImages.length > 0 && duplicated.length === 0) {
-              valid = data.updateImages.every(function (e, i) {
-                if (e.image_id && e.packing_type && e.image_type) {
+            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;
                 }
 
@@ -740,31 +774,31 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               });
             }
 
-            if (!(valid && duplicated.length === 0)) {
+            if (!(valid && (duplicated === null || duplicated === void 0 ? void 0 : duplicated.length) === 0)) {
               _context8.next = 29;
               break;
             }
 
             _context8.prev = 9;
-            data.articleData.forEach(function (e) {
+            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.articleData.length > 0)) {
+            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.articleData.forEach(function (e) {
+            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.image_id, "-").concat(e.uuid, ".").concat(e.ext)
+                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());
             });
@@ -794,14 +828,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
           case 29:
             // setMainLoading(false);
-            console.log("Completa los campos que solicita cada una de la imágenes o hay imágenes con el mismo tipo de toma.", "Recuerda hay campos obligatorios y no podras avanzar si no estan completos."); // setAlertList((prev) => [
-            //   ...prev,
-            //   {
-            //     titleMsg: "Completa los campos que solicita cada una de la imágenes",
-            //     alertMsg:
-            //       "Recuerda hay campos obligatorios y no podras avanzar si no estan completos.",
-            //   },
-            // ]);
+            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":
@@ -820,7 +847,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               break;
             }
 
-            dataImages.articleData = dataImages.articleData.map(function (e) {
+            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;
@@ -836,7 +863,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             });
 
           case 5:
-            console.log("imágenes guardadas con éxito");
+            setMessage("Imágenes guardadas con éxito");
             _context9.next = 11;
             break;
 
@@ -874,7 +901,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
     }
 
     concept = action ? action : concept;
-    return productSelected["".concat(concept, "_status")] === "QF" && (user.id_role === 1 || user.id_role === 4 || user.id_role === 5) || productSelected["".concat(concept, "_status")] === "AF" && (user.id_role === 1 || user.id_role === 6) || productSelected["".concat(concept, "_status")] === "RP" && (user.id_role === 1 || user.id_role === 6);
+    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() {
@@ -898,7 +925,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
   var updateCompaniesList = function updateCompaniesList(status, result, retailerId, concept) {
     var serv = servicesData.slice();
-    var item = serv.find(function (item) {
+    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);
@@ -1138,7 +1165,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
   var createComment = /*#__PURE__*/function () {
     var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(e, body, tab) {
-      var _product$article;
+      var _product$article2;
 
       var concept, data;
       return _regenerator.default.wrap(function _callee11$(_context11) {
@@ -1164,25 +1191,24 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
             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,
+                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
               };
-              e.preventDefault();
-              _context11.next = 14;
+              _context11.next = 13;
               return _axios.default.post("".concat(process.env.REACT_APP_COMMENTS_ENDPOINT), data, {
                 headers: {
                   Authorization: token
                 }
               });
 
-            case 14:
-              _context11.next = 16;
+            case 13:
+              _context11.next = 15;
               return getComments(tab);
 
-            case 16:
+            case 15:
             case "end":
               return _context11.stop();
           }
@@ -1247,7 +1273,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
   var setAssignation = /*#__PURE__*/function () {
     var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14(assignationType, assignationId) {
-      var _product$article2;
+      var _product$article3;
 
       var concept, productTemp, data;
       return _regenerator.default.wrap(function _callee14$(_context14) {
@@ -1277,7 +1303,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               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
+                  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);
@@ -1305,6 +1331,110 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
     };
   }();
 
+  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;
+    });
+    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));
+      }
+    });
+  };
+
+  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, {
@@ -1326,7 +1456,10 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
           assignationsImages: assig["Imágenes"],
           imagesStatus: productSelected === null || productSelected === void 0 ? void 0 : productSelected.images_status,
           setAssignation: setAssignation,
-          isRetailer: isRetailer
+          isRetailer: isRetailer,
+          onClickSave: function onClickSave() {
+            return updateImages();
+          }
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "product-information",
@@ -1353,15 +1486,36 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
           activeTab: activeTab,
           setActiveTab: setActiveTab,
           setImageLayout: setImageLayout,
-          saveDescriptions: saveDescriptions,
-          saveDatasheets: saveDatasheets,
-          updateImages: updateImages,
+          downloadImages: downloadImages,
+          askToDeleteImages: askToDeleteImages,
           assig: assig[activeTab],
           setAssignation: setAssignation,
-          isRetailer: isRetailer
+          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 && /*#__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) {
+          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,
@@ -1378,7 +1532,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             inputGroup: descriptions[0],
             updatedDescriptions: updatedDescriptions,
             setUpdatedDescriptions: setUpdatedDescriptions,
-            articleId: articleId,
+            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", {
@@ -1395,9 +1549,9 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
           }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
             children: "no tienes este servicio"
           }))]
-        }), (userAssigned(activeTab, "especialist" || "facilitator") || auditorAssigned()) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        }), (userAssigned(activeTab, "especialist" || "facilitator") || auditorAssigned()) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "commentary-box",
-          children: !comment ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          children: [!comment ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "commentary",
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TagAndInput, {
               label: "Caja de Comentario",
@@ -1406,21 +1560,15 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               inputRows: 4,
               inputId: "commentary-box",
               index: 0
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: "buttons-box",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+              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);
+                  return createComment(e, document.querySelector("#description-commentary-box-0 .ql-container .ql-editor > p").innerHTML, 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",
@@ -1445,7 +1593,13 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
                 }, _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, {
@@ -1453,6 +1607,13 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       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("");
+      }
     })]
   });
 };