contentoh-components-library 21.3.30 → 21.3.32

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

@@ -212,7 +212,7 @@ var myBucket = new _awsSdk.default.S3({
 });
 
 var ProviderProductEdition = function ProviderProductEdition(_ref) {
-  var _product$retailers, _product$retailersAva, _location$state, _datasheets$, _datasheets$$data;
+  var _product$retailers, _product$retailersAva, _location$state, _location$state2, _datasheets$, _datasheets$$data;
 
   var tabsSections = _ref.tabsSections,
       _ref$productSelected = _ref.productSelected,
@@ -536,6 +536,11 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   (0, _react.useEffect)(function () {
     checkAll && setSelectedImages(images.values);
   }, [checkAll]);
+  (0, _react.useEffect)(function () {
+    if (showModal) {
+      setActiveTab("Imágenes");
+    }
+  }, [showModal]);
 
   var loadData = /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
@@ -565,7 +570,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
               (0, _data.getPercentage)({
                 data: [product]
               }).then(function (res) {
-                return setPercentages(res);
+                return setPercentages(res[0]);
               });
               setLoading(false);
 
@@ -720,17 +725,19 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     loadAssignations(product);
   }, [userGroups]);
   (0, _react.useEffect)(function () {
-    var _retailers$;
+    var _Object$keys, _percentages$productT, _retailers$;
 
     var productTemp = product;
     var retailers = (productTemp === null || productTemp === void 0 ? void 0 : productTemp.retailersAvailable) || (productTemp === null || productTemp === void 0 ? void 0 : productTemp.retailers);
-    retailers === null || retailers === void 0 ? void 0 : retailers.forEach(function (retailer) {
-      var _percentages$find;
 
-      retailer["percentage"] = percentages === null || percentages === void 0 ? void 0 : (_percentages$find = percentages.find(function (percent) {
-        return (retailer === null || retailer === void 0 ? void 0 : retailer.id) === (percent === null || percent === void 0 ? void 0 : percent.id_retailer);
-      })) === null || _percentages$find === void 0 ? void 0 : _percentages$find.percentage;
-    });
+    if (((_Object$keys = Object.keys((_percentages$productT = percentages[productTemp.id_article]) !== null && _percentages$productT !== void 0 ? _percentages$productT : {})) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0) {
+      retailers === null || retailers === void 0 ? void 0 : retailers.forEach(function (retailer, index) {
+        var _percentages$productT2;
+
+        retailer["percentage"] = Number((_percentages$productT2 = percentages[productTemp.id_article][retailer.id]) === null || _percentages$productT2 === void 0 ? void 0 : _percentages$productT2.percentageRequired);
+      });
+    }
+
     setProduct(productTemp);
     setActivePercentage((_retailers$ = retailers[0]) === null || _retailers$ === void 0 ? void 0 : _retailers$.percentage);
   }, [percentages]);
@@ -1677,10 +1684,74 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     title: "Bienvenido al modo Content-oh!",
     description: "Finalmente elige la forma de pago que más te guste, procede con el pago y listo."
   }];
+
+  var sendToEvaluation = function sendToEvaluation(result) {
+    if (result === "A") {
+      if (origin[activeTab] === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
+        setDataGenericModal(function (prev) {
+          return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
+            button2: {
+              name: "Continuar",
+              action: function action() {
+                return evaluationToRetailer("A");
+              }
+            }
+          });
+        });
+        setShowGenericModal(true);
+      } else if (user.is_retailer) {
+        if (product.id_order || product.orderId) {
+          sendEvaluation("A");
+        } else {
+          setDataGenericModal(function (prev) {
+            return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
+              button2: {
+                name: "Continuar",
+                action: function action() {
+                  return evaluationToRetailer("A");
+                }
+              }
+            });
+          });
+          setShowGenericModal(true);
+        }
+      } else {
+        sendEvaluation("A");
+      }
+    } else {
+      if (originProp === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
+        return;
+      } else if (user.is_retailer) {
+        if (product.id_order || product.orderId) {
+          setValidatedAll(true);
+          setModalViewError(true);
+        } else {
+          setDataGenericModal(function (prev) {
+            return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
+              button2: {
+                name: "Continuar",
+                action: function action() {
+                  return evaluationToRetailer("R");
+                }
+              }
+            });
+          });
+          setShowGenericModal(true);
+        }
+      } else {
+        setValidatedAll(true);
+        setModalViewError(true);
+      }
+    }
+  };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     headerTop: headerTop,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderTop.HeaderTop, {
-      setHeaderTop: setHeaderTop
+      setHeaderTop: setHeaderTop,
+      withChat: location === null || location === void 0 ? void 0 : (_location$state2 = location.state) === null || _location$state2 === void 0 ? void 0 : _location$state2.withChat,
+      productSelected: productSelected,
+      token: token
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "data-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -1776,62 +1847,10 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
             }
           },
           approve: function approve() {
-            if (origin[activeTab] === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
-              setDataGenericModal(function (prev) {
-                return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
-                  button2: {
-                    name: "Continuar",
-                    action: function action() {
-                      return evaluationToRetailer("A");
-                    }
-                  }
-                });
-              });
-              setShowGenericModal(true);
-            } else if (user.is_retailer) {
-              if (product.id_order || product.orderId) {
-                sendEvaluation("A");
-              } else {
-                setDataGenericModal(function (prev) {
-                  return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
-                    button2: {
-                      name: "Continuar",
-                      action: function action() {
-                        return evaluationToRetailer("A");
-                      }
-                    }
-                  });
-                });
-                setShowGenericModal(true);
-              }
-            } else {
-              sendEvaluation("A");
-            }
+            return sendToEvaluation("A");
           },
           reject: function reject() {
-            if (origin[activeTab] === "RequestWithoutContentoh" && !user.is_retailer && (!product.id_order || !product.orderId)) {
-              return;
-            } else if (user.is_retailer) {
-              if (product.id_order || product.orderId) {
-                setValidatedAll(false);
-                setModalViewError(true);
-              } else {
-                setDataGenericModal(function (prev) {
-                  return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
-                    button2: {
-                      name: "Continuar",
-                      action: function action() {
-                        return evaluationToRetailer("R");
-                      }
-                    }
-                  });
-                });
-                setShowGenericModal(true);
-              }
-            } else {
-              setValidatedAll(false);
-              setModalViewError(true);
-            }
+            return sendToEvaluation("R");
           }
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullTabsMenu.FullTabsMenu, {
           tabsSections: tabsSections,
@@ -1990,7 +2009,9 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       })]
     }), showModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductImageModal.ProductImageModal, {
       images: images,
-      setShowModal: setShowModal
+      setShowModal: setShowModal,
+      approveRejectButtons: isRevision() && getSectionStatus(),
+      sendToFacilitator: sendToEvaluation
     }), message.length > 0 && !showSurvey && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GenericModal.GenericModal, {
       buttonType: componentsArray.length > 0 && "delete-product",
       componentsArray: componentsArray.length > 0 ? componentsArray : [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {

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

@@ -28,101 +28,137 @@ exports.RetailerProductEditionDefault = RetailerProductEditionDefault;
 RetailerProductEditionDefault.args = {
   tabsSections: {
     Descripción: true,
-    "Ficha técnica": false,
-    Imágenes: false
+    "Ficha técnica": true,
+    Imágenes: true
   },
-  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjOTRhNzMwNS05MzY1LTQ2ZmYtYTQyMy00YjRiYzNiOGIxODAiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiYzk0YTczMDUtOTM2NS00NmZmLWE0MjMtNGI0YmMzYjhiMTgwIiwiY29nbml0bzpyb2xlcyI6WyJhcm46YXdzOmlhbTo6ODk4NjcwMjMyODA3OnJvbGVcL2NvbnRlbnRvaC1kZXYtdXMtZWFzdC0xLWxhbWJkYVJvbGUiXSwiYXVkIjoiNWFjOHRwZ3M2Z2JzcTEzZnJ2cnBpZWVwNDAiLCJldmVudF9pZCI6IjllNTRjMDc0LWFjNzktNGEwNC1iOGEzLWNhOWU2ZmQxNDE3ZiIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjc3NTQ1NzA2LCJuYW1lIjoiQ29sYWJvcmFkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIxMTExIiwiZXhwIjoxNjc3NTQ5MzA2LCJpYXQiOjE2Nzc1NDU3MDYsImVtYWlsIjoic2FsbWVyb24uNUBob3RtYWlsLmNvbSJ9.CS5zthG2PFlQIn5yCV64aadrBvh0ccEMlm8osN_BHTqqYARTiGJMnGUzD-FqmCB9JNeLn036eNHQ7TppqlvhBEe66-F7Aq3fSCMR2X31dWkASsg1E9kSmYS2V6NeG1G5WkfaIBOh7d7VH5Dnu6i5phne_BAu_fDbnBgsQUxQQMh-LMfv2heQ_MInJ6O2MrIzbYYMZYK7ioO5C7FvBnOCpDuk3DcgVFwuqBdVJAGkm-VYJbbnR6NYmYMnZfzrFJ8DjNE3O-L3ugVDOIfZOjuVBt2ZsfIB0-I7h_TBuIzwVE309f68AoDAujacOKvPORoN4ympPrAUSa7ZrM6ye2564g",
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJhNmM0ZDNkNi0yNGE0LTQxZDQtYWQwZi1kMDg3NDM4YWI1YjYiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6ImE2YzRkM2Q2LTI0YTQtNDFkNC1hZDBmLWQwODc0MzhhYjViNiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhY2FmNjhiOC00MmU1LTQ1NzAtYThiMC04YWY4NmY3MGU5YTEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3ODQ5NDYzNiwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY3ODQ5ODIzNiwiaWF0IjoxNjc4NDk0NjM2LCJlbWFpbCI6ImV0Y0Bjb250ZW50b2guY29tIn0.WoO3h0tAsF_Z4f_6BLIOXaL__TzHUxZyQlDAULQ2cT1HkUs0EmTZXRzRZ4oce7rV5osco9gCWfhc03rQ-C12jmU-Yt7jq3vuuoHUz4JqkLpelZPS8jHSsCAUWu_ekOIgDzvNegiyKk2R4qnd7IRPzWOAx1houg-KKT7kxCxjkTyJJGtzb7pYDLSJSV871nS8MeXGf5VZG5rQ3Smfl8ANqypLUEQQ6gSOr30Ztt1lZaHRmhF8WKo_GWwY3jNScmX_o9QGOSvKVl8hTqz4gA9xbiNJ3zpoh_5PzY-N4Sl8pE3gt_9Zw_o5ItLNHpnXuav_0NENvhXDu7p7VTLEpG8DTA",
   productSelected: {
     services: {
       datasheets: 1,
       descriptions: 1,
       images: 1
     },
-    orderId: 130,
-    status: "PA",
-    datasheet_status: "PA",
+    orderId: 14606,
+    status: "AS",
+    datasheet_status: "CA",
     prio: "none",
-    version: 17,
-    description_status: "PA",
-    images_status: "PA",
+    version: 3,
+    description_status: "CA",
+    images_status: "AS",
     statusByRetailer: {
-      58: {
-        datasheet: "PA",
-        description: "PA",
-        images: "PA"
+      4: {
+        datasheet: "AC",
+        description: "CA",
+        images: "AS"
+      },
+      5: {
+        datasheet: "CA",
+        description: "CA",
+        images: "AS"
+      },
+      6: {
+        description: "CA",
+        images: "AS",
+        datasheet: "CA"
+      },
+      12: {
+        datasheet: "CA",
+        description: "CA",
+        images: "AS"
+      },
+      17: {
+        datasheet: "CA",
+        description: "AC",
+        images: "AS"
       }
     },
     article: {
-      id_article: 3,
-      id_category: "2032",
-      name: "CORTINA BLACKOUT DE POLIÉSTER CAFÉ 2.13 X 1.06 M",
-      upc: "161157",
-      timestamp: "2022-11-14T16:02:47.000Z",
+      id_article: 37317,
+      id_category: "157",
+      name: "Detergente lavatrastres líquido Axion Complete tricloro 1.1 l",
+      upc: "7509546078915",
+      timestamp: "2023-03-10T20:19:15.000Z",
       id_user: 28,
       status: "NULL",
       active: 1,
-      company_id: 1,
-      company_name: "GRUPO BRAHMA",
+      company_id: 1005,
+      SKU: null,
+      Descripcion: null,
+      Proveedor: null,
+      id_proveedor: 0,
+      company_name: "CRS Transformaciones",
       country: "México",
-      id_order: 130,
-      id_datasheet_especialist: null,
-      id_datasheet_facilitator: null,
-      id_description_especialist: null,
-      id_description_facilitator: null,
-      id_images_especialist: null,
-      id_images_facilitator: null,
-      id_auditor: null,
+      id_order: 14606,
+      id_datasheet_especialist: 54,
+      id_datasheet_facilitator: 52,
+      id_description_especialist: 54,
+      id_description_facilitator: 52,
+      id_images_especialist: 55,
+      id_images_facilitator: 53,
+      id_auditor: 37,
       id_recepcionist: null,
-      category: "Decoración|Cortinas y Persianas|Cortinas",
+      category: "Consumibles|Productos de Limpieza y Lavandería|Jabones y Lavatrastes",
       missingAttributes: 0,
       missingDescriptions: 0,
       missingImages: 0
     },
     retailers: [{
-      id: 58,
-      name: "The Home Depot Golden"
+      id: 4,
+      name: "Walmart Super y Superama"
+    }, {
+      id: 5,
+      name: "Chedraui"
+    }, {
+      id: 6,
+      name: "HEB"
+    }, {
+      id: 12,
+      name: "La Comer"
+    }, {
+      id: 17,
+      name: "Genérico"
     }],
     country: "México",
-    upc: "161157"
+    upc: "7509546078915"
   },
   location: {
     product: {
-      articleId: 109485,
+      articleId: 354,
       versionId: 3
     }
   },
   user: {
-    id_user: 30,
-    name: "Admin",
-    last_name: "Ulises",
-    email: "salmeron.5@hotmail.com",
-    position: "Admin",
+    id_user: 51,
+    name: "ADMIN PRUEBA",
+    last_name: "",
+    email: "etc@contentoh.com",
+    position: "",
     telephone: "",
-    country: "México",
+    country: "",
     id_company: 2,
-    id_cognito: "c94a7305-9365-46ff-a423-4b4bc3b8b180",
+    id_cognito: "a6c4d3d6-24a4-41d4-ad0f-d087438ab5b6",
     birth_Date: null,
     about_me: "",
     zip_code: "",
     address: "",
     job: "",
     id_stripe: "",
-    id_role: 6,
+    id_role: 1,
     active: 1,
     is_retailer: 0,
     email_notify: 1,
-    is_user_tech: "ADMIN-AS",
+    is_user_tech: null,
     membership: {
-      id: 2,
-      start_date: "2021-11-05T02:35:12.000Z",
-      end_date: "2022-11-05T02:34:49.000Z",
-      planID: 1,
-      plan: "prod_KtkvuFFLpOdP6e",
-      name: "Plan Free",
-      user_limit: "1",
-      products_limit: "3",
-      type: "PyMES"
+      id: 750,
+      start_date: "2022-01-07T21:32:54.000Z",
+      end_date: "2023-01-07T21:32:54.000Z",
+      planID: 6,
+      plan: "prod_KvGd6YSTJyR3AP",
+      name: "Plan Small",
+      user_limit: "10",
+      products_limit: "1000",
+      type: "Enterprise"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1676494961913"
+    src: "https://content-management-profile.s3.amazonaws.com/id-51/51.png?1678494637588"
   }
 };

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

@@ -202,14 +202,15 @@ var myBucket = new _awsSdk.default.S3({
 });
 
 var RetailerProductEdition = function RetailerProductEdition(_ref) {
-  var _product$retailers, _product$services2, _datasheets$, _datasheets$$data, _product$article18, _comment$message;
+  var _product$retailers, _location$state, _product$services2, _datasheets$, _datasheets$$data, _product$article18, _comment$message;
 
   var tabsSections = _ref.tabsSections,
       _ref$productSelected = _ref.productSelected,
       productSelected = _ref$productSelected === void 0 ? {} : _ref$productSelected,
       _ref$user = _ref.user,
       user = _ref$user === void 0 ? {} : _ref$user,
-      token = _ref.token;
+      token = _ref.token,
+      location = _ref.location;
 
   var _useState = (0, _react.useState)("Descripción"),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -320,7 +321,8 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
   })),
       _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
       percentages = _useState24[0],
-      setPercentages = _useState24[1];
+      setPercentages = _useState24[1]; // const [percentages, setPercentages] = useState([{ retailers: {} }]);
+
 
   var _useState25 = (0, _react.useState)(0),
       _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
@@ -536,7 +538,9 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
   }();
 
   (0, _react.useEffect)(function () {
-    loadAuditableData();
+    if (auditableVersion) {
+      loadAuditableData();
+    }
   }, [auditableVersion]);
   (0, _react.useEffect)(function () {
     checkAll && setSelectedImages(images.values);
@@ -563,8 +567,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
 
               setServices(_services);
-              getServices(); // setActiveRetailer(product?.retailers[0]);
-
+              getServices();
               setImages({
                 action: "init",
                 init: _services[2]
@@ -573,7 +576,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               (0, _data.getPercentage)({
                 data: [product]
               }).then(function (res) {
-                return setPercentages(res);
+                return setPercentages(res[0]);
               });
               setLoading(false);
               _context3.next = 16;
@@ -782,20 +785,23 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
     loadAssignations(product);
   }, [userGroups]);
   (0, _react.useEffect)(function () {
-    var _product$retailers2, _product$retailers$;
+    var _Object$keys, _percentages$product$, _retailers$;
 
-    product === null || product === void 0 ? void 0 : (_product$retailers2 = product.retailers) === null || _product$retailers2 === void 0 ? void 0 : _product$retailers2.forEach(function (retailer) {
-      var _percentages$filter$;
+    var retailers = (product === null || product === void 0 ? void 0 : product.retailersAvailable) || (product === null || product === void 0 ? void 0 : product.retailers);
 
-      retailer["percentage"] = percentages.length ? 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 : 0;
-    });
-    setActivePercentage(product === null || product === void 0 ? void 0 : (_product$retailers$ = product.retailers[0]) === null || _product$retailers$ === void 0 ? void 0 : _product$retailers$.percentage);
+    if (((_Object$keys = Object.keys((_percentages$product$ = percentages[product.article.id_article]) !== null && _percentages$product$ !== void 0 ? _percentages$product$ : {})) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0) {
+      retailers === null || retailers === void 0 ? void 0 : retailers.forEach(function (retailer, index) {
+        var _percentages$product$2;
+
+        retailer["percentage"] = Number((_percentages$product$2 = percentages[product.article.id_article][retailer.id]) === null || _percentages$product$2 === void 0 ? void 0 : _percentages$product$2.percentageRequired);
+      });
+    }
+
+    setActivePercentage((_retailers$ = retailers[0]) === null || _retailers$ === void 0 ? void 0 : _retailers$.percentage);
   }, [percentages]);
   (0, _react.useEffect)(function () {
     (0, _utils.getInputsData)(services, activeRetailer, setDatasheets, setDescriptions);
-    auditableVersion && (0, _utils.getInputsData)(auditServices, activeRetailer, setAuditDatasheets, setAuditDescriptions);
+    auditableVersion && loadAuditableData();
     setActivePercentage(Math.round(activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.percentage, 0));
     (activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id) && setImages({
       action: "orderImages",
@@ -1892,7 +1898,10 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       setHeaderTop: setHeaderTop,
       auditableVersion: auditableVersion,
       setCompare: setCompare,
-      isAuditor: [1, 6].includes(user.id_role)
+      isAuditor: [1, 6].includes(user.id_role),
+      withChat: location === null || location === void 0 ? void 0 : (_location$state = location.state) === null || _location$state === void 0 ? void 0 : _location$state.withChat,
+      productSelected: productSelected,
+      token: token
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "data-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -2124,7 +2133,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       images: images,
       setShowModal: setShowModal,
       sendToFacilitator: sendToFacilitator,
-      approveRejectButtons: approveRejectButtons
+      approveRejectButtons: approveRejectButtons()
     }), message.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GenericModal.GenericModal, {
       buttonType: componentsArray.length > 0 && "delete-product",
       componentsArray: componentsArray.length > 0 ? componentsArray : [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {

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

@@ -31,7 +31,7 @@ var getAuditVersion = /*#__PURE__*/function () {
             auditResponse = _context.sent;
 
             if (auditResponse.status === 200) {
-              setState(JSON.parse(auditResponse.data.body).data);
+              setState(JSON.parse(auditResponse.data.body).data || "{}");
             }
 
           case 4:

package/dist/global-files/data.js

@@ -122,35 +122,30 @@ var getPercentage = /*#__PURE__*/function () {
 
             func = /*#__PURE__*/function () {
               var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-                var dataToSend, retailers;
+                var dataToSend, arrayRetailers, retailers;
                 return _regenerator.default.wrap(function _callee2$(_context2) {
                   while (1) {
                     switch (_context2.prev = _context2.next) {
                       case 0:
                         dataToSend = [];
+                        arrayRetailers = [];
                         retailers = params.data[0].retailers || params.data[0].retailersAvailable;
-                        params.data.forEach(function (product) {
+                        params.data.forEach(function (product, i) {
+                          dataToSend.push(product.article ? {
+                            id_article: product.article.id_article,
+                            id_category: product.article.id_category,
+                            version: product.version
+                          } : {
+                            id_article: product.id_article,
+                            id_category: product.id_category,
+                            version: product.version
+                          });
                           retailers.forEach(function (retailer) {
-                            dataToSend.push(product.article ? {
-                              id_article: product.article.id_article,
-                              id_category: product.article.id_category,
-                              id_retailer: retailer.id,
-                              version: product.version,
-                              upc: product.article.upc,
-                              name: product.article.name,
-                              retailerName: retailer.name
-                            } : {
-                              id_article: product.id_article,
-                              id_category: product.id_category,
-                              id_retailer: retailer.id,
-                              version: product.version,
-                              upc: product.upc,
-                              name: product.name,
-                              retailerName: retailer.name
-                            });
+                            arrayRetailers.push(retailer.id);
                           });
+                          dataToSend[i].id_retailer_array = arrayRetailers;
                         });
-                        _context2.next = 5;
+                        _context2.next = 6;
                         return _axios.default.post(process.env.REACT_APP_VALID_EXPORT_ENDPOINT, {
                           data: dataToSend
                         }, {
@@ -158,15 +153,15 @@ var getPercentage = /*#__PURE__*/function () {
                             Authorization: sessionStorage.getItem("jwt")
                           }
                         }).then(function (response) {
-                          return response.data;
+                          return [response.data];
                         }).catch(function (err) {
                           return console.log(err, "Errror");
                         });
 
-                      case 5:
+                      case 6:
                         return _context2.abrupt("return", _context2.sent);
 
-                      case 6:
+                      case 7:
                       case "end":
                         return _context2.stop();
                     }

package/dist/global-files/fonts.css

@@ -61,3 +61,9 @@
   src: url("../assets/fonts/roboto/Roboto-Regular.ttf");
   font-weight: 400;
 }
+
+.prueba {
+  color: #9e3e26;
+  color: #b42983;
+  color: #e7e7e7;
+}

package/dist/global-files/variables.js

@@ -32,6 +32,8 @@ var FontFamily = {
   Raleway_700: "Raleway-700",
   Raleway_800: "Raleway-800",
   Raleway_900: "Raleway-900",
+  RobotoMedium: "RobotoMedium",
+  RobotoRegular: "RobotoRegular",
   Roboto: "Roboto"
 };
 exports.FontFamily = FontFamily;