contentoh-components-library 21.2.25 → 21.2.28

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

@@ -9,26 +9,15 @@ exports.DashboardMetric = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _styles = require("./styles");
 
-var _MetricSelect = require("../../atoms/MetricSelect");
-
 var _Graphic = require("../../atoms/Graphic");
 
-var _Calendar = require("../Calendar");
-
-var _react = require("react");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var DashboardMetric = function DashboardMetric(_ref) {
   var label = _ref.label,
       description = _ref.description,
-      retailerSelected = _ref.retailerSelected,
       _ref$dataObject = _ref.dataObject,
       dataObject = _ref$dataObject === void 0 ? {
     AA: 89
@@ -41,63 +30,10 @@ var DashboardMetric = function DashboardMetric(_ref) {
       scale = _ref$scale === void 0 ? "x" : _ref$scale,
       _ref$displayScale = _ref.displayScale,
       displayScale = _ref$displayScale === void 0 ? false : _ref$displayScale,
-      _ref$retailers = _ref.retailers,
-      retailers = _ref$retailers === void 0 ? [] : _ref$retailers,
-      setQueryObject = _ref.setQueryObject,
-      queryObject = _ref.queryObject;
-
-  var onChangeRetailer = function onChangeRetailer(e) {
-    setQueryObject((0, _objectSpread2.default)((0, _objectSpread2.default)({}, queryObject), {}, {
-      retailerId: e.target.value
-    }));
-  };
-
-  var _useState = (0, _react.useState)(new Date()),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      startDate = _useState2[0],
-      setStartDate = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(new Date()),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      endDate = _useState4[0],
-      setEndDate = _useState4[1];
-
-  (0, _react.useEffect)(function () {
-    var today = new Date();
-    var diff = today.getDate() - today.getDay();
-    var start = new Date(today.setDate(diff));
-    var end = new Date();
-    setStartDate(start);
-    setEndDate(end);
-  }, []);
-
-  var onChange = function onChange(dates) {
-    var _dates = (0, _slicedToArray2.default)(dates, 2),
-        start = _dates[0],
-        end = _dates[1];
-
-    setStartDate(start);
-    setEndDate(end);
-    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())
-    }));
-  };
-
+      _ref$displayLegend = _ref.displayLegend,
+      displayLegend = _ref$displayLegend === void 0 ? false : _ref$displayLegend;
   var labels = Object.keys(dataObject);
   var values = Object.values(dataObject);
-  var retailersArray = Object.values(retailers).sort(function (a, b) {
-    if (a.name > b.name) {
-      return 1;
-    }
-
-    if (a.name < b.name) {
-      return -1;
-    } // a must be equal to b
-
-
-    return 0;
-  });
   var colorsArray = values.map(function () {
     return "#".concat(Math.floor(Math.random() * 16777215).toString(16));
   });
@@ -121,7 +57,7 @@ var DashboardMetric = function DashboardMetric(_ref) {
     plugins: {
       legend: {
         position: "right",
-        display: false
+        display: displayLegend
       },
       title: {
         display: false
@@ -141,19 +77,8 @@ var DashboardMetric = function DashboardMetric(_ref) {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
         children: description
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "select-container",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Calendar.Calendar, {
-        onChange: onChange,
-        startDate: startDate,
-        endDate: endDate
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MetricSelect.MetricSelect, {
-        className: "select",
-        label: "Cadena comercial",
-        optionSelected: retailerSelected,
-        options: retailersArray,
-        onChange: onChangeRetailer
-      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "select-container"
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "graphic-cotainer",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Graphic.Graphic, {

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

@@ -25,4 +25,39 @@ var Template = function Template(args) {
 
 var DashboardDeafult = Template.bind({});
 exports.DashboardDeafult = DashboardDeafult;
-DashboardDeafult.args = {};
+DashboardDeafult.args = {
+  user: {
+    id_user: 30,
+    name: "Admin",
+    last_name: "Ulises",
+    email: "salmeron.5@hotmail.com",
+    position: "Admin",
+    telephone: null,
+    country: "México",
+    id_company: 2,
+    id_cognito: "c94a7305-9365-46ff-a423-4b4bc3b8b180",
+    birth_Date: null,
+    about_me: null,
+    zip_code: null,
+    address: null,
+    job: null,
+    id_stripe: null,
+    id_role: 4,
+    active: 1,
+    is_retailer: 0,
+    email_notify: 0,
+    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"
+    },
+    src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1662852605367"
+  },
+  jwt: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjOTRhNzMwNS05MzY1LTQ2ZmYtYTQyMy00YjRiYzNiOGIxODAiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiYzk0YTczMDUtOTM2NS00NmZmLWE0MjMtNGI0YmMzYjhiMTgwIiwiY29nbml0bzpyb2xlcyI6WyJhcm46YXdzOmlhbTo6ODk4NjcwMjMyODA3OnJvbGVcL2NvbnRlbnRvaC1kZXYtdXMtZWFzdC0xLWxhbWJkYVJvbGUiXSwiYXVkIjoiNWFjOHRwZ3M2Z2JzcTEzZnJ2cnBpZWVwNDAiLCJldmVudF9pZCI6ImQ0MDQ3ZWNiLWQwMGEtNGUyMS1iMjQ1LWEwMThlZjUzYjA4YSIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjYyODUyNjAzLCJuYW1lIjoiQ29sYWJvcmFkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIxMTExIiwiZXhwIjoxNjYyODU2MjAzLCJpYXQiOjE2NjI4NTI2MDMsImVtYWlsIjoic2FsbWVyb24uNUBob3RtYWlsLmNvbSJ9.jEChPwSBUbK00Y8oQfzk9Qiul_zBo4nXaEH0hy5cOjfKMHd_caEh20aZqLPi3HeUgRo7H_oWpDHk2O8_IT1U52DmKNtjWl3GehIuZOkyCpJGO3bUW7YNqY911CslKvOVYgHlwGAywCZ0t_wbTSiH_DaeQ2xcutVVCe1dx0sObHjiQ_OHiYrRAOOPJC5y8R6WjaUSI2_4NBeBDtatpFT_oQ70rlH_uKHqg1BN9QAFC0au2elsri4uxpKTbAk20oNmPEgX5TaAdn4QcFhJSxUvyE1NAnpFnwYQhxKJphAblacGIuZziN8RnCC5c5fjhS1lDgH-mZcnGIBzzamGbRmqdA"
+};

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

@@ -0,0 +1,129 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getProviders = exports.getCategories = exports.formatDate = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var getProviders = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(jwt, companyId) {
+    var _JSON$parse;
+
+    var query, companies, finalArray;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            query = companyId ? "?companyId=".concat(companyId) : "";
+            _context.next = 3;
+            return _axios.default.get("".concat(process.env.REACT_APP_READ_PROVIDERS).concat(query), {
+              headers: {
+                Authorization: jwt
+              }
+            });
+
+          case 3:
+            companies = _context.sent;
+            finalArray = transformProvidersArray(((_JSON$parse = JSON.parse(companies.data.body || "{}")) === null || _JSON$parse === void 0 ? void 0 : _JSON$parse.providers) || []);
+            return _context.abrupt("return", finalArray);
+
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function getProviders(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+exports.getProviders = getProviders;
+
+var transformProvidersArray = function transformProvidersArray(array) {
+  var newArray = [];
+  array.forEach(function (element) {
+    newArray.push({
+      id: element.id_company,
+      name: element.trade_name
+    });
+  });
+  return newArray;
+};
+
+var getCategories = /*#__PURE__*/function () {
+  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+    var _JSON$parse2;
+
+    var response, categories, categoriesKeys, subCategories, finalArray, index;
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return _axios.default.get("".concat(process.env.REACT_APP_CATEGORY_ENDPOINT));
+
+          case 2:
+            response = _context2.sent;
+            categories = (_JSON$parse2 = JSON.parse(response.data.body)) === null || _JSON$parse2 === void 0 ? void 0 : _JSON$parse2.data;
+            categoriesKeys = Object.keys(categories || {});
+            subCategories = categoriesKeys === null || categoriesKeys === void 0 ? void 0 : categoriesKeys.map(function (key) {
+              return categories[key].sub_category;
+            });
+            finalArray = [];
+            index = 0;
+            subCategories === null || subCategories === void 0 ? void 0 : subCategories.forEach(function (element) {
+              element && Object.keys(element || {}).forEach(function (key) {
+                var _element$key, _Object$keys;
+
+                var subCategory = ((_element$key = element[key]) === null || _element$key === void 0 ? void 0 : _element$key.sub_category) || {};
+                var subOptions = [];
+                (_Object$keys = Object.keys(subCategory)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.forEach(function (subKey) {
+                  subOptions.push({
+                    id: subCategory[subKey].id_category,
+                    name: subKey
+                  });
+                });
+                finalArray.push({
+                  id: index++,
+                  name: key,
+                  subOptions: subOptions
+                });
+              });
+            });
+            return _context2.abrupt("return", finalArray);
+
+          case 10:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+
+  return function getCategories() {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+exports.getCategories = getCategories;
+
+var formatDate = function formatDate(date) {
+  var newDate = new Date(date);
+  var year = newDate.getFullYear();
+  var month = newDate.getMonth() + 1;
+  var day = newDate.getDate();
+  return "".concat(year, "-").concat(month, "-").concat(day);
+};
+
+exports.formatDate = formatDate;