contentoh-components-library 21.2.1 → 21.2.4

package/dist/components/organisms/DashboardMetric/index.js

@@ -43,14 +43,13 @@ var DashboardMetric = function DashboardMetric(_ref) {
       displayScale = _ref$displayScale === void 0 ? false : _ref$displayScale,
       _ref$retailers = _ref.retailers,
       retailers = _ref$retailers === void 0 ? [] : _ref$retailers,
-      setQueryObject = _ref.setQueryObject;
+      setQueryObject = _ref.setQueryObject,
+      queryObject = _ref.queryObject;
 
   var onChangeRetailer = function onChangeRetailer(e) {
-    setQueryObject(function (current) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, current), {}, {
-        retailerId: e.target.value
-      });
-    });
+    setQueryObject((0, _objectSpread2.default)((0, _objectSpread2.default)({}, queryObject), {}, {
+      retailerId: e.target.value
+    }));
   };
 
   var _useState = (0, _react.useState)(new Date()),
@@ -79,12 +78,10 @@ var DashboardMetric = function DashboardMetric(_ref) {
 
     setStartDate(start);
     setEndDate(end);
-    if (end) setQueryObject(function (current) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, current), {}, {
-        startDate: "".concat(start.getFullYear(), "-").concat(start.getDate(), "-").concat(start.getMonth() + 1),
-        endDate: "".concat(end === null || end === void 0 ? void 0 : end.getFullYear(), "-").concat(end === null || end === void 0 ? void 0 : end.getDate(), "-").concat((end === null || end === void 0 ? void 0 : end.getMonth()) + 1)
-      });
-    });
+    if (end) setQueryObject((0, _objectSpread2.default)((0, _objectSpread2.default)({}, queryObject), {}, {
+      startDate: "".concat(start.getFullYear(), "-").concat(start.getMonth() + 1, "-").concat(start.getDate()),
+      endDate: "".concat(end.getFullYear(), "-").concat(end.getMonth() + 1, "-").concat(end.getDate())
+    }));
   };
 
   var labels = Object.keys(dataObject);

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

@@ -21,6 +21,8 @@ var _DashboardMetric = require("../../organisms/DashboardMetric");
 
 var _react = require("react");
 
+var _Loading = require("../../atoms/Loading");
+
 var _axios = _interopRequireDefault(require("axios"));
 
 var _jsxRuntime = require("react/jsx-runtime");
@@ -41,12 +43,20 @@ var Dashboard = function Dashboard() {
       requiredProducts = _useState6[0],
       setRequiredProducts = _useState6[1];
 
-  var _useState7 = (0, _react.useState)({}),
+  var _useState7 = (0, _react.useState)({
+    retailerId: null,
+    startDate: null,
+    endDate: null
+  }),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
       orderByStatus = _useState8[0],
       setOrderByStatus = _useState8[1];
 
-  var _useState9 = (0, _react.useState)({}),
+  var _useState9 = (0, _react.useState)({
+    retailerId: null,
+    startDate: null,
+    endDate: null
+  }),
       _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
       orderByRequired = _useState10[0],
       setOrderByRequired = _useState10[1];
@@ -56,38 +66,51 @@ var Dashboard = function Dashboard() {
       retailers = _useState12[0],
       setRetailers = _useState12[1];
 
+  var _useState13 = (0, _react.useState)(true),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      loading = _useState14[0],
+      setLoading = _useState14[1];
+
   var loadProductVersions = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(byStatus, queryObject) {
-      var retailerId, startDate, endDate, fullData, query, response, versionList;
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(queryObject) {
+      var byStatus,
+          retailerId,
+          startDate,
+          endDate,
+          query,
+          endpoint,
+          response,
+          _args = arguments;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              retailerId = queryObject.retailerId, startDate = queryObject.startDate, endDate = queryObject.endDate, fullData = queryObject.fullData;
-              query = fullData ? "fullData=true" : "retailerId=".concat(retailerId, "&startDate=").concat(startDate, "&endDate=").concat(endDate);
-              _context.prev = 2;
-              _context.next = 5;
-              return _axios.default.get(byStatus ? "".concat(process.env.REACT_APP_READ_ORDERS_BY_STATUS, "?").concat(query) : "".concat(process.env.REACT_APP_READ_REQUIRED_ORDERS, "?retailerId=").concat(retailerId, "&startDate=").concat(startDate, "&endDate=").concat(endDate));
+              byStatus = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
+              retailerId = queryObject.retailerId, startDate = queryObject.startDate, endDate = queryObject.endDate;
+              query = "retailerId=".concat(retailerId, "&startDate=").concat(startDate, "&endDate=").concat(endDate);
+              endpoint = byStatus ? process.env.REACT_APP_READ_ORDERS_BY_STATUS : process.env.REACT_APP_READ_REQUIRED_ORDERS;
+              _context.prev = 4;
+              _context.next = 7;
+              return _axios.default.get("".concat(endpoint, "?").concat(query));
 
-            case 5:
+            case 7:
               response = _context.sent;
-              versionList = JSON.parse(response.data.body);
-              return _context.abrupt("return", versionList);
+              return _context.abrupt("return", JSON.parse(response.data.body));
 
-            case 10:
-              _context.prev = 10;
-              _context.t0 = _context["catch"](2);
+            case 11:
+              _context.prev = 11;
+              _context.t0 = _context["catch"](4);
               console.log(_context.t0);
 
-            case 13:
+            case 14:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[2, 10]]);
+      }, _callee, null, [[4, 11]]);
     }));
 
-    return function loadProductVersions(_x, _x2) {
+    return function loadProductVersions(_x) {
       return _ref.apply(this, arguments);
     };
   }();
@@ -125,35 +148,39 @@ var Dashboard = function Dashboard() {
 
   var loadProductsByStatus = /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(orderByStatus) {
-      var _yield$loadProductVer, orders, fullData;
+      var _yield$loadProductVer, orders, fullData, total, R, ACA, PA, inProcess;
 
       return _regenerator.default.wrap(function _callee3$(_context3) {
         while (1) {
           switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return loadProductVersions(true, orderByStatus);
+              return loadProductVersions(orderByStatus, true);
 
             case 2:
               _yield$loadProductVer = _context3.sent;
               orders = _yield$loadProductVer.orders;
               fullData = _yield$loadProductVer.fullData;
+              total = fullData.total, R = fullData.R, ACA = fullData.ACA, PA = fullData.PA;
+              inProcess = Object.keys(fullData).reduce(function (prev, curr) {
+                return !['total', 'ACA', 'PA', 'R'].includes(curr) ? prev + fullData[curr] : prev;
+              }, 0);
               setMetricsData([{
                 label: "Productos totales",
-                value: fullData === null || fullData === void 0 ? void 0 : fullData.total
+                value: total
               }, {
                 label: "Productos sin asignar",
-                value: fullData === null || fullData === void 0 ? void 0 : fullData.PA
+                value: PA + R
               }, {
                 label: "Productos en proceso",
-                value: fullData === null || fullData === void 0 ? void 0 : fullData.CA
+                value: inProcess
               }, {
                 label: "Productos terminados",
-                value: fullData === null || fullData === void 0 ? void 0 : fullData.AP
+                value: ACA
               }]);
               setProductsByStatus(orders);
 
-            case 7:
+            case 9:
             case "end":
               return _context3.stop();
           }
@@ -161,7 +188,7 @@ var Dashboard = function Dashboard() {
       }, _callee3);
     }));
 
-    return function loadProductsByStatus(_x3) {
+    return function loadProductsByStatus(_x2) {
       return _ref3.apply(this, arguments);
     };
   }();
@@ -175,7 +202,7 @@ var Dashboard = function Dashboard() {
           switch (_context4.prev = _context4.next) {
             case 0:
               _context4.next = 2;
-              return loadProductVersions(false, orderByRequired);
+              return loadProductVersions(orderByRequired);
 
             case 2:
               _yield$loadProductVer2 = _context4.sent;
@@ -190,7 +217,7 @@ var Dashboard = function Dashboard() {
       }, _callee4);
     }));
 
-    return function loadRequiredProducts(_x4) {
+    return function loadRequiredProducts(_x3) {
       return _ref4.apply(this, arguments);
     };
   }();
@@ -198,8 +225,8 @@ var Dashboard = function Dashboard() {
   (0, _react.useEffect)(function () {
     var today = new Date();
     var firstWeekDay = today.getDate() - today.getDay();
-    var startDate = "".concat(today.getFullYear(), "-").concat(firstWeekDay, "-").concat(today.getMonth() + 1);
-    var endDate = "".concat(today.getFullYear(), "-").concat(today.getDate(), "-").concat(today.getMonth() + 1);
+    var startDate = "".concat(today.getFullYear(), "-").concat(today.getMonth() + 1, "-").concat(firstWeekDay);
+    var endDate = "".concat(today.getFullYear(), "-").concat(today.getMonth() + 1, "-").concat(today.getDate());
     var queryObject = {
       retailerId: "58",
       startDate: startDate,
@@ -208,14 +235,13 @@ var Dashboard = function Dashboard() {
     setOrderByStatus(queryObject);
     setOrderByRequired(queryObject);
     getRetailers();
+    loadProductsByStatus(queryObject);
+    loadRequiredProducts(queryObject);
   }, []);
   (0, _react.useEffect)(function () {
-    loadProductsByStatus(orderByStatus);
-  }, [orderByStatus]);
-  (0, _react.useEffect)(function () {
-    loadRequiredProducts(orderByRequired);
-  }, [orderByRequired]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    (orderByRequired === null || orderByRequired === void 0 ? void 0 : orderByRequired.retailerId) && (orderByStatus === null || orderByStatus === void 0 ? void 0 : orderByStatus.retailerId) && metricsData.length > 0 && setLoading(false);
+  }, [orderByRequired, orderByStatus, metricsData]);
+  return loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "metric-cards",
       children: metricsData.map(function (metric, index) {
@@ -233,7 +259,10 @@ var Dashboard = function Dashboard() {
         retailerSelected: orderByStatus.retailerId,
         retailers: retailers,
         queryObject: orderByStatus,
-        setQueryObject: setOrderByStatus
+        setQueryObject: function setQueryObject(evt) {
+          loadProductsByStatus(evt);
+          setOrderByStatus(evt);
+        }
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DashboardMetric.DashboardMetric, {
         label: "Productos solicitados",
         description: "Filtra los productos solicitados por fecha y alcance para revisar rápidamente el flujo de trabajo.",
@@ -245,7 +274,10 @@ var Dashboard = function Dashboard() {
         retailers: retailers,
         retailerSelected: orderByRequired.retailerId,
         queryObject: orderByRequired,
-        setQueryObject: setOrderByRequired
+        setQueryObject: function setQueryObject(evt) {
+          loadRequiredProducts(evt);
+          setOrderByRequired(evt);
+        }
       })]
     })]
   });

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

@@ -31,59 +31,233 @@ RetailerProductEditionDefault.args = {
     "Ficha técnica": false,
     Imágenes: false
   },
-  token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwYjY2YTRhOS03NzkwLTQwMzQtYTMwYS1jMDA4MDg5NjI4NjciLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjBiNjZhNGE5LTc3OTAtNDAzNC1hMzBhLWMwMDgwODk2Mjg2NyIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI4ZjA2YmU0NC04ZWEzLTQ5OWMtOGFjZC0xMDlmMDZiZWI1MjAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MDA3NjQ5MywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2MDA4MDA5MywiaWF0IjoxNjYwMDc2NDkzLCJlbWFpbCI6ImJheWFkaTE1MzhAbW5xbG0uY29tIn0.aw_x1A8WR2MCp_Kz-T2Jcg0ZtuKwyzQ23yT_OoKr-aGJmEjSPihmksWgLZr9hJXyfvU0JndaVMM_3DRly1TdtJ264zwH4dZ7Cp9gF4TSXG16HQxIIPUA4NnwdpOnlBdE9E27mCXs4XYnCZ7dRMXnkjpRL4PVbrGji9qbEEJR6TxCJafR-zes1o4HC1KfQ5QF4s5I_LYQYbD-Ot0A1zDiJg34HR9tTILu5f4uc_2Nj8bqqYJsEdKg982WWO9ac2uKRPXQqNL6CsdltnSeQQcnS6Wj5DJTRRoc-lRdE6ekpAvDGPo0Dyj1Q8GYH3uxvM-pVu8J1Z_JOtO5j5mPN9krpA",
+  token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwYjY2YTRhOS03NzkwLTQwMzQtYTMwYS1jMDA4MDg5NjI4NjciLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjBiNjZhNGE5LTc3OTAtNDAzNC1hMzBhLWMwMDgwODk2Mjg2NyIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIzNmIxMmUwMy0xOWJhLTRiMDktYWJiYS1kZjk3ZTFkNThjZTQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MDE4MjgzNywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2MDE4NjQzNywiaWF0IjoxNjYwMTgyODM3LCJlbWFpbCI6ImJheWFkaTE1MzhAbW5xbG0uY29tIn0.MM9nIHkrRIS2o8_s4BR6VTLgyw3ryvPrr-mf6RtnQ4smng2Q3fmtK07zInNcvcrv8EXO5J9z47_NZ5MOJDo1Pz1CV2cOYM7PT5tEn3F-W4SitqDbBw3KxfkqSMxdZUIHLWECGL-u2ATCYU2J4KRVQi8XSP1qbfv1hu9dh-vID8Fq641ccQwEqUDC13pshDPlR08legg7AAPJqoilV7wuvxqTYAK6fGqMS5jcdW2iDmU0ti9gkydXkYRIC-jg446VOmRCpwzKsk4UAPwlrGeodQ0LV1bfWn_-KVspWCRQd6U5WbFxHn0umYe3CvvPpyVmHzD3F_EMxaVyqV5aW5IoIQ",
   productSelected: {
     services: {
-      datasheets: 0,
-      descriptions: 0,
+      datasheets: 1,
+      descriptions: 1,
       images: 1
     },
-    orderId: 1789,
-    status: "ACA",
-    datasheet_status: "NS",
+    orderId: 2296,
+    status: "AP",
+    datasheet_status: "AP",
     prio: "none",
-    version: 2,
-    description_status: "NS",
-    images_status: "ACA",
+    version: 8,
+    description_status: "ACA",
+    images_status: "AP",
     article: {
-      id_article: 68865,
-      id_category: "2999",
-      name: "RESIZE",
-      upc: "169955",
-      timestamp: "2022-06-21T16:03:10.000Z",
-      id_user: 1238,
-      status: "NULL",
-      active: 0,
-      company_id: 819,
+      id_article: 14701,
+      id_category: "684",
+      name: "Pasta Dental Colgate Total 12 Clean Mint de 100 ml",
+      upc: "7501035911369",
+      timestamp: "2021-10-09T16:33:17.000Z",
+      id_user: 203,
+      status: "Ex",
+      active: 1,
+      company_id: 226,
       SKU: null,
       Descripcion: null,
       Proveedor: null,
       id_proveedor: 0,
-      company_name: "The Home Depot Resize",
-      country: "México",
-      id_order: 1789,
-      id_datasheet_especialist: null,
-      id_datasheet_facilitator: null,
-      id_description_especialist: null,
-      id_description_facilitator: null,
-      id_images_especialist: 1250,
-      id_images_facilitator: 424,
-      id_auditor: null,
+      company_name: "Prueba Test S.A de C.V.",
+      country: "null",
+      id_order: 2296,
+      id_datasheet_especialist: 405,
+      id_datasheet_facilitator: 158,
+      id_description_especialist: 405,
+      id_description_facilitator: 158,
+      id_images_especialist: 366,
+      id_images_facilitator: 160,
+      id_auditor: 9,
       id_recepcionist: null,
-      category: "Resizing|Resizing|Resizing",
-      missingAttributes: null,
-      missingDescriptions: null,
-      missingImages: null
+      category: "Salud y Belleza|Cuidado Bucal|Pastas Dentales y Aseo Bucal",
+      missingAttributes: -1,
+      missingDescriptions: 3,
+      missingImages: -9
     },
     retailers: [{
-      id: 60,
-      name: "The Home Depot Resizing",
+      id: 4,
+      name: "Walmart Super y Superama",
       country: "México",
       id_region: 1,
-      active: 1
+      active: 1,
+      percentage: 97.61904761904763,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/4.png",
+      services: ["NA", "NA", "NA"]
+    }, {
+      id: 5,
+      name: "Chedraui",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 100,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/5.png",
+      services: ["NA", "NA", "NA"]
+    }, {
+      id: 6,
+      name: "HEB",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 100,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/6.png",
+      services: ["AP", "ACA", "AP"]
+    }, {
+      id: 7,
+      name: "Mega",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 100,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/7.png",
+      services: ["NA", "NA", "NA"]
+    }, {
+      id: 8,
+      name: "Fragua",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: null,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/8.png",
+      services: ["NA", "NA", "NA"]
+    }, {
+      id: 9,
+      name: "Amazon",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 85.18518518518518,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/9.png",
+      services: ["NA", "NA", "NA"]
+    }, {
+      id: 12,
+      name: "La Comer",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 100,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/12.png",
+      services: ["NA", "NA", "NA"]
+    }, {
+      id: 13,
+      name: "Soriana",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 100,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/13.png",
+      services: ["NA", "NA", "NA"]
+    }, {
+      id: 16,
+      name: "Rappi",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 93.33333333333333,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/16.png",
+      services: ["NA", "NA", "NA"]
+    }, {
+      id: 17,
+      name: "Genérico",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 100,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/17.png",
+      services: ["NA", "NA", "NA"]
+    }, {
+      id: 18,
+      name: "Google",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 96.66666666666667,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/18.png",
+      services: ["NA", "NA", "NA"]
+    }, {
+      id: 20,
+      name: "Cornershop",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 91.66666666666667,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/20.png",
+      services: ["NA", "NA", "NA"]
+    }, {
+      id: 24,
+      name: "Alsuper",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 95.83333333333333,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/24.png",
+      services: ["NA", "NA", "NA"]
+    }, {
+      id: 27,
+      name: "IMPIRA México",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 100,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/27.png",
+      services: ["NA", "NA", "NA"]
+    }, {
+      id: 29,
+      name: "Farmacias del Ahorro",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 81.48148148148148,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/29.png",
+      services: ["NA", "NA", "NA"]
+    }, {
+      id: 33,
+      name: "Merza",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 66.66666666666667,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/33.png",
+      services: ["NA", "NA", "NA"]
+    }, {
+      id: 34,
+      name: "San Pablo",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 95.16666666666667,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/34.png",
+      services: ["NA", "NA", "NA"]
+    }, {
+      id: 38,
+      name: "Del Sol",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 100,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/38.png",
+      services: ["NA", "NA", "NA"]
+    }, {
+      id: 39,
+      name: "Justo",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 94.73684210526316,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/39.png",
+      services: ["NA", "NA", "NA"]
+    }, {
+      id: 62,
+      name: "Sanborns Café",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 100,
+      image: "https://content-management-images.s3.amazonaws.com/retailers/62.png",
+      services: ["NA", "NA", "NA"]
     }],
-    country: "México",
-    upc: "169955"
+    country: "null",
+    upc: "7501035911369"
   },
   location: {
     product: {
@@ -92,15 +266,15 @@ RetailerProductEditionDefault.args = {
     }
   },
   user: {
-    id_user: 425,
-    name: "Auditor QA",
+    id_user: 423,
+    name: "Facilitador Textos",
     last_name: " ",
-    email: "ladiboh785@mi166.com",
+    email: "bayadi1538@mnqlm.com",
     position: "Tester",
     telephone: null,
     country: null,
     id_company: 254,
-    id_cognito: "23a3f496-4e38-4e12-9bf5-7f90b77a2f35",
+    id_cognito: "0b66a4a9-7790-4034-a30a-c00808962867",
     birth_Date: null,
     about_me: null,
     zip_code: null,
@@ -122,6 +296,6 @@ RetailerProductEditionDefault.args = {
       products_limit: "1000",
       type: "Enterprise"
     },
-    src: "https://content-management-profile-prod.s3.amazonaws.com/id-425/425.png?1659649029658"
+    src: "https://content-management-profile-prod.s3.amazonaws.com/id-423/423.png?1660182839373"
   }
 };

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

@@ -118,7 +118,7 @@ var reducerImages = function reducerImages(state, action) {
 
     case "changeAttrValue":
       var index = attrForImgs.general.findIndex(function (f) {
-        return f.id = action.id;
+        return f.id === action.id;
       });
 
       if (index !== -1) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.2.1",
+  "version": "21.2.4",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",
@@ -22,6 +22,7 @@
     "prop-types": "^15.7.2",
     "react": "^17.0.2",
     "react-chartjs-2": "^4.0.1",
+    "react-datepicker": "^4.8.0",
     "react-dom": "^17.0.2",
     "react-draft-wysiwyg": "^1.14.7",
     "react-dropzone": "^12.0.4",

package/src/components/organisms/DashboardMetric/index.js

@@ -15,9 +15,11 @@ export const DashboardMetric = ({
   displayScale = false,
   retailers = [],
   setQueryObject,
+  queryObject
 }) => {
+
   const onChangeRetailer = (e) => {
-    setQueryObject((current) => ({ ...current, retailerId: e.target.value }));
+    setQueryObject({ ...queryObject, retailerId: e.target.value });
   };
 
   const [startDate, setStartDate] = useState(new Date());
@@ -39,15 +41,13 @@ export const DashboardMetric = ({
     setStartDate(start);
     setEndDate(end);
     if (end)
-      setQueryObject((current) => ({
-        ...current,
-        startDate: `${start.getFullYear()}-${start.getDate()}-${
+      setQueryObject({
+        ...queryObject,
+        startDate: `${start.getFullYear()}-${
           start.getMonth() + 1
-        }`,
-        endDate: `${end?.getFullYear()}-${end?.getDate()}-${
-          end?.getMonth() + 1
-        }`,
-      }));
+        }-${start.getDate()}`,
+        endDate: `${end.getFullYear()}-${end.getMonth() + 1}-${end.getDate()}`,
+      });
   };
 
   const labels = Object.keys(dataObject);