contentoh-components-library 21.3.15 → 21.3.17

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

@@ -28,53 +28,48 @@ 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.eyJzdWIiOiJhNmM0ZDNkNi0yNGE0LTQxZDQtYWQwZi1kMDg3NDM4YWI1YjYiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6ImE2YzRkM2Q2LTI0YTQtNDFkNC1hZDBmLWQwODc0MzhhYjViNiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI0MmE2OWE4My02OGY0LTRmZjktOGU4Zi1jYzgxODQ5MDU5NGYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2OTkyODUxMSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2OTkzMjExMSwiaWF0IjoxNjY5OTI4NTExLCJlbWFpbCI6ImV0Y0Bjb250ZW50b2guY29tIn0.Mv1hFVjkF2y__7XP0bXzU2Yq8YMc0go9OgB7all5F4HvfK62I0l9rNRqddlaLjDSCmjvyYI-M8WFwHtdlOL1-liazZr8hhu7_9SciapRzkuuHlWwu0g3EEK54NuHR3-YYRax85hKyN9YoV1MY_fTzT9WUVXWoqf4UPj2SH79g_A0l0lm18ODzzdhXFSpubuI8-Ml7MbXUh8klzl7T55S16sj8zPONpesrA01WsG1PWGqfRZI2g37edj_en2_fIcfi49tQjbSjnQOVOPnkO5TPiyoMtZdS53Rx75iSI8-fP-Z7kD-5TI_KK6vK35PHoG1B-N3EzDUjXek4MowNswnGA",
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJmMzY2YTdjYi02YjA0LTRiMzAtOTJmYy1iMzY0MmY3ZjEzNmEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3MTc0MzE0OSwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjcxNzQ2NzQ5LCJpYXQiOjE2NzE3NDMxNDksImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.J8kTv1sEotxoicaRclaK1r0tjVbwHPDxIzdDfxYo9J4XwBYYfS180__KYYE0Dh1AfUK_K0mrk2_78_rhTNxCQT85W7XS3ZEcxIOUekqoxaKFl8LSVN_eWz3SlsGG0yRflhJGt6d4gBVByXZbdNiyp1rkjgMln6fhwlRUnuGRbG1WKQvdAPli3qfH8mLzgoTz-6HWs1Jf2Ujheavf3ipGMNtj-OSUdQsh04Ov7jehDWdnPNn2s2DAl4eubgjdXrwIiBPCRkbuFeYZZJpzj1wy__a0nCM7bzly5uTZ2aWujgEJvf9bJb-Y4gkS8TxyJaggJ01ZsMki36aEpIt8J1tJag",
   productSelected: {
     services: {
       datasheets: 1,
       descriptions: 1,
       images: 1
     },
-    orderId: 123,
-    status: "PA",
-    datasheet_status: "PA",
+    orderId: 194,
+    status: "AC",
+    datasheet_status: "AC",
     prio: "none",
     version: 3,
-    description_status: "PA",
-    images_status: "PA",
+    description_status: "AC",
+    images_status: "AC",
     statusByRetailer: {
-      4: {
-        datasheet: "PA",
-        description: "PA",
-        images: "PA"
+      40: {
+        description: "AC",
+        images: "AC",
+        datasheet: "AC"
       },
-      5: {
-        datasheet: "PA",
-        description: "PA",
-        images: "PA"
-      },
-      6: {
-        datasheet: "PA",
-        description: "PA",
-        images: "PA"
+      43: {
+        datasheet: "AC",
+        description: "AC",
+        images: "AC"
       }
     },
     article: {
-      id_article: 127,
-      id_category: "700",
-      name: "prueba prod flujo",
-      upc: "34234353324",
-      timestamp: "2022-11-23T23:12:30.000Z",
+      id_article: 354,
+      id_category: "684",
+      name: "Enjuague Bucal ",
+      upc: "22342342",
+      timestamp: "2023-01-03T16:19:49.000Z",
       id_user: 28,
       status: "NULL",
       active: 1,
       company_id: 1,
       company_name: "GRUPO BRAHMA",
       country: "México",
-      id_order: 123,
+      id_order: 194,
       id_datasheet_especialist: 54,
       id_datasheet_facilitator: 52,
       id_description_especialist: 54,
@@ -83,40 +78,37 @@ RetailerProductEditionDefault.args = {
       id_images_facilitator: 53,
       id_auditor: 37,
       id_recepcionist: null,
-      category: "Salud y Belleza|Cuidado Facial|Cremas, Mascarillas y Tratamientos",
+      category: "Salud y Belleza|Cuidado Bucal|Pastas Dentales y Aseo Bucal",
       missingAttributes: 0,
       missingDescriptions: 0,
       missingImages: 0
     },
     retailers: [{
-      id: 4,
-      name: "Walmart Super y Superama"
-    }, {
-      id: 5,
-      name: "Chedraui"
+      id: 40,
+      name: "Nadro"
     }, {
-      id: 6,
-      name: "HEB"
+      id: 43,
+      name: "City Club"
     }],
     country: "México",
-    upc: "34234353324"
+    upc: "22342342"
   },
   location: {
     product: {
-      articleId: 109485,
+      articleId: 354,
       versionId: 3
     }
   },
   user: {
-    id_user: 51,
-    name: "ADMIN PRUEBA",
-    last_name: "",
-    email: "etc@contentoh.com",
+    id_user: 65,
+    name: "Oscar Alberto",
+    last_name: "Arenas",
+    email: "oarenas@contentoh.com",
     position: "",
     telephone: "",
     country: "",
     id_company: 2,
-    id_cognito: "a6c4d3d6-24a4-41d4-ad0f-d087438ab5b6",
+    id_cognito: "73cc8d40-c841-422a-a2f2-e69d7fe26ebf",
     birth_Date: null,
     about_me: "",
     zip_code: "",
@@ -127,7 +119,7 @@ RetailerProductEditionDefault.args = {
     active: 1,
     is_retailer: 0,
     email_notify: 1,
-    is_user_tech: null,
+    is_user_tech: "AS",
     membership: {
       id: 2,
       start_date: "2021-11-05T02:35:12.000Z",
@@ -139,6 +131,6 @@ RetailerProductEditionDefault.args = {
       products_limit: "3",
       type: "PyMES"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-51/51.png?1669928511679"
+    src: "https://content-management-profile.s3.amazonaws.com/id-65/65.png?1675063399869"
   }
 };

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

@@ -318,7 +318,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),
@@ -462,8 +463,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               _services = _context.sent;
               //Converts the data inside the datasheets object to array
               setServices(_services);
-              getServices(); // setActiveRetailer(product?.retailers[0]);
-
+              getServices();
               setImages({
                 action: "init",
                 init: _services[2]
@@ -472,7 +472,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               (0, _data.getPercentage)({
                 data: [product]
               }).then(function (res) {
-                return setPercentages(res);
+                return setPercentages(res[0]);
               });
               setLoading(false);
               _context.next = 15;
@@ -681,16 +681,17 @@ 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 === 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(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) {
+        retailer["percentage"] = Number(percentages[product.article.id_article][retailer.id].percentageRequired);
+      });
+    }
+
+    setActivePercentage((_retailers$ = retailers[0]) === null || _retailers$ === void 0 ? void 0 : _retailers$.percentage);
   }, [percentages]);
   (0, _react.useEffect)(function () {
     if (services.length > 0) {
@@ -759,14 +760,18 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
   var saveDescriptions = /*#__PURE__*/function () {
     var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
-      var _product$article9, productTemp, articleId, dataObject, res, _JSON$parse2, newStatus, newArticleStatus;
+      var dataClean, _product$article9, productTemp, articleId, dataObject, res, _JSON$parse2, newStatus, newArticleStatus;
 
       return _regenerator.default.wrap(function _callee5$(_context5) {
         while (1) {
           switch (_context5.prev = _context5.next) {
             case 0:
-              if (!updatedDescriptions) {
-                _context5.next = 24;
+              dataClean = updatedDescriptions.filter(function (f) {
+                return f.value !== '';
+              });
+
+              if (!(dataClean.length > 0)) {
+                _context5.next = 25;
                 break;
               }
 
@@ -775,22 +780,22 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               articleId = product === null || product === void 0 ? void 0 : (_product$article9 = product.article) === null || _product$article9 === void 0 ? void 0 : _product$article9.id_article;
               dataObject = {
                 articleId: articleId,
-                articleData: updatedDescriptions
+                articleData: dataClean
               };
               if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
-              _context5.prev = 6;
-              _context5.next = 9;
+              _context5.prev = 7;
+              _context5.next = 10;
               return _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?description=true&version=").concat(version), dataObject, {
                 headers: {
                   Authorization: token
                 }
               });
 
-            case 9:
+            case 10:
               res = _context5.sent;
 
               if (!(res.data.statusCode === 200)) {
-                _context5.next = 19;
+                _context5.next = 20;
                 break;
               }
 
@@ -800,24 +805,24 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               setProduct(productTemp);
               sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
               setMessage("Descripciones guardadas con éxito");
-              _context5.next = 19;
+              _context5.next = 20;
               return loadData();
 
-            case 19:
-              _context5.next = 24;
+            case 20:
+              _context5.next = 25;
               break;
 
-            case 21:
-              _context5.prev = 21;
-              _context5.t0 = _context5["catch"](6);
+            case 22:
+              _context5.prev = 22;
+              _context5.t0 = _context5["catch"](7);
               console.log(_context5.t0);
 
-            case 24:
+            case 25:
             case "end":
               return _context5.stop();
           }
         }
-      }, _callee5, null, [[6, 21]]);
+      }, _callee5, null, [[7, 22]]);
     }));
 
     return function saveDescriptions() {
@@ -827,14 +832,18 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
 
   var saveDatasheets = /*#__PURE__*/function () {
     var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
-      var _product$article10, productTemp, articleId, dataObject, res, _JSON$parse3, newStatus, newArticleStatus;
+      var dataClean, _product$article10, productTemp, articleId, dataObject, res, _JSON$parse3, newStatus, newArticleStatus;
 
       return _regenerator.default.wrap(function _callee6$(_context6) {
         while (1) {
           switch (_context6.prev = _context6.next) {
             case 0:
-              if (!(updatedDatasheets.length > 0)) {
-                _context6.next = 24;
+              dataClean = updatedDatasheets.filter(function (f) {
+                return f.value !== '';
+              });
+
+              if (!(dataClean.length > 0)) {
+                _context6.next = 25;
                 break;
               }
 
@@ -843,22 +852,22 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               articleId = product === null || product === void 0 ? void 0 : (_product$article10 = product.article) === null || _product$article10 === void 0 ? void 0 : _product$article10.id_article;
               dataObject = {
                 articleId: articleId,
-                articleData: updatedDatasheets
+                articleData: dataClean
               };
               if (product !== null && product !== void 0 && product.orderId) dataObject["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
-              _context6.prev = 6;
-              _context6.next = 9;
+              _context6.prev = 7;
+              _context6.next = 10;
               return _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?datasheet=true&version=").concat(version), dataObject, {
                 headers: {
                   Authorization: token
                 }
               });
 
-            case 9:
+            case 10:
               res = _context6.sent;
 
               if (!(res.data.statusCode === 200)) {
-                _context6.next = 19;
+                _context6.next = 20;
                 break;
               }
 
@@ -868,24 +877,24 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
               setProduct(productTemp);
               sessionStorage.setItem("productSelected", JSON.stringify(productTemp));
               setMessage("Fichas técnicas guardadas");
-              _context6.next = 19;
+              _context6.next = 20;
               return loadData();
 
-            case 19:
-              _context6.next = 24;
+            case 20:
+              _context6.next = 25;
               break;
 
-            case 21:
-              _context6.prev = 21;
-              _context6.t0 = _context6["catch"](6);
+            case 22:
+              _context6.prev = 22;
+              _context6.t0 = _context6["catch"](7);
               console.log(_context6.t0);
 
-            case 24:
+            case 25:
             case "end":
               return _context6.stop();
           }
         }
-      }, _callee6, null, [[6, 21]]);
+      }, _callee6, null, [[7, 22]]);
     }));
 
     return function saveDatasheets() {

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/utils.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isValidNaturalNumber = exports.isStringEmpty = exports.isObject = exports.isArrayEmpty = exports.getTime = exports.getResizeImgHeight = exports.getImageURL = exports.getImageSize = exports.getFullDate = exports.getFileName = exports.getFileExtension = exports.getDataBuffer = exports.getDataBase64 = exports.getCustomDate = exports.getBase64 = exports.encodeUriJson = exports.decodeJSON = void 0;
+exports.isValidNaturalNumber = exports.isStringEmpty = exports.isObject = exports.isArrayEmpty = exports.getTime = exports.getResizeImgHeight = exports.getImageURL = exports.getImageSize = exports.getFullDate = exports.getFormatedDate = exports.getFileName = exports.getFileExtension = exports.getDataBuffer = exports.getDataBase64 = exports.getCustomDate = exports.getBase64 = exports.encodeUriJson = exports.decodeJSON = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -342,6 +342,26 @@ var getFullDate = function getFullDate() {
 /*------------------------
 Obtener una fecha a partir de 
 un objeto Date() en formato: 
+'aaaa-MM-dd'
+ejemplo: '2022-12-25'
+--------------------------*/
+
+
+exports.getFullDate = getFullDate;
+
+var getFormatedDate = function getFormatedDate() {
+  var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
+  var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "/";
+  if (isNaN(date)) return undefined;
+  var dateString = "";
+  dateString += date.getFullYear() + separator;
+  dateString += date.getMonth() + 1 + separator;
+  dateString += date.getDate();
+  return dateString;
+};
+/*------------------------
+Obtener una fecha a partir de 
+un objeto Date() en formato: 
 'dd de MMMM del aaaa'
 ejemplo: '12 de octubre del 2022'
 => si es la fecha del dia actual:
@@ -353,7 +373,7 @@ devolvera '12 de octubre'
 --------------------------*/
 
 
-exports.getFullDate = getFullDate;
+exports.getFormatedDate = getFormatedDate;
 
 var getCustomDate = function getCustomDate() {
   var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();

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;