contentoh-components-library 21.2.51 → 21.2.52

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

@@ -33,7 +33,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var Dashboard = function Dashboard(_ref) {
   var jwt = _ref.jwt,
-      user = _ref.user;
+      user = _ref.user,
+      company = _ref.company;
 
   var _useState = (0, _react.useState)([]),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -116,6 +117,19 @@ var Dashboard = function Dashboard(_ref) {
       dateOptions = _useState28[0],
       setDateOptions = _useState28[1];
 
+  var applicants = [{
+    id: "provider",
+    name: "Proveedor"
+  }, {
+    id: "retailer",
+    name: "Cadena"
+  }];
+
+  var _useState29 = (0, _react.useState)([]),
+      _useState30 = (0, _slicedToArray2.default)(_useState29, 2),
+      applicantsFilter = _useState30[0],
+      setApplicantsFilter = _useState30[1];
+
   var loadProductVersions = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(queryObject) {
       var byStatus,
@@ -174,7 +188,7 @@ var Dashboard = function Dashboard(_ref) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
-              isTHDUser = [657, 818, 819].includes(user.id_company);
+              isTHDUser = user.is_retailer === 1;
               _context2.next = 3;
               return _axios.default.get("".concat(process.env.REACT_APP_RETAILER_ENDPOINT), {
                 headers: {
@@ -227,6 +241,12 @@ var Dashboard = function Dashboard(_ref) {
             case 5:
               _ref5 = _context3.t0;
               orders = _ref5.orders;
+
+              if (orders.null) {
+                orders.total -= orders.null;
+                delete orders.null;
+              }
+
               _orders$total = orders.total, total = _orders$total === void 0 ? 0 : _orders$total, _orders$R = orders.R, R = _orders$R === void 0 ? 0 : _orders$R, _orders$ACA = orders.ACA, ACA = _orders$ACA === void 0 ? 0 : _orders$ACA, _orders$PA = orders.PA, PA = _orders$PA === void 0 ? 0 : _orders$PA;
               inProcess = Object.keys(orders).reduce(function (prev, curr) {
                 return !["total", "ACA", "PA", "R"].includes(curr) ? prev + orders[curr] : prev;
@@ -247,7 +267,7 @@ var Dashboard = function Dashboard(_ref) {
               delete orders.total;
               setProductsByStatus(orders);
 
-            case 12:
+            case 13:
             case "end":
               return _context3.stop();
           }
@@ -368,14 +388,14 @@ var Dashboard = function Dashboard(_ref) {
           case 0:
             _context5.t0 = setProviders;
             _context5.next = 3;
-            return (0, _dashboardUtils.getProviders)(jwt);
+            return (0, _dashboardUtils.getProviders)(jwt, user);
 
           case 3:
             _context5.t1 = _context5.sent;
             (0, _context5.t0)(_context5.t1);
             _context5.t2 = setCategories;
             _context5.next = 8;
-            return (0, _dashboardUtils.getCategories)();
+            return (0, _dashboardUtils.getCategories)(user, company);
 
           case 8:
             _context5.t3 = _context5.sent;
@@ -425,57 +445,70 @@ var Dashboard = function Dashboard(_ref) {
             companyId.length > 0 && (queryObject["companyId"] = companyId.join(","));
             retailerId.length > 0 && (queryObject["retailerId"] = retailerId.join(","));
             categoryId.length > 0 && (queryObject["categoryId"] = categoryId.join(","));
-            _context6.next = 7;
+            applicantsFilter.length > 0 && (queryObject["requestedBy"] = applicantsFilter.join(","));
+            _context6.next = 8;
             return loadProductsByStatus(queryObject);
 
-          case 7:
-            _context6.next = 9;
+          case 8:
+            _context6.next = 10;
             return loadRequiredProducts(queryObject);
 
-          case 9:
+          case 10:
           case "end":
             return _context6.stop();
         }
       }
     }, _callee6);
-  })), [companyId, retailerId, categoryId, datesRange]);
+  })), [companyId, retailerId, categoryId, datesRange, applicantsFilter]);
   return loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "filters",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
+        showFilterString: true,
         options: dateOptions,
-        selectLabel: "Seleccionar Fecha",
+        selectLabel: "Todo el tiempo",
         placeHolder: "Buscar Fecha",
         customSelectId: "dates-select",
         parameterArray: datesRange,
         setParameterArray: setDatesRange
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
+        showFilterString: true,
         showSearchBar: true,
         options: providers,
-        selectLabel: "Seleccionar Proveedor",
+        selectLabel: "Todos los proveedores",
         placeHolder: "Buscar Proveedor",
         customSelectId: "providers-select",
         parameterArray: companyId,
         setParameterArray: setCompanyId,
         defaultOption: "Todos los proveedores"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
+        showFilterString: true,
         showSearchBar: true,
         options: categories,
-        selectLabel: "Seleccionar Departamento",
+        selectLabel: "Todas las categor\xEDas",
         placeHolder: "Buscar Departamento",
         customSelectId: "category-select",
         parameterArray: categoryId,
         setParameterArray: setCategoryId,
         defaultOption: "Todas las categorías"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
+        showFilterString: true,
         showSearchBar: true,
         options: retailers,
-        selectLabel: "Seleccionar Alcance",
+        selectLabel: "Todos los alcances",
         placeHolder: "Buscar Cadena",
         customSelectId: "retailers-select",
         parameterArray: retailerId,
         setParameterArray: setRetailerId,
         defaultOption: "Todos los alcances"
+      }), user.is_retailer === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
+        showFilterString: true,
+        options: applicants,
+        selectLabel: "Todos los solicitantes",
+        customSelectId: "applicants-select",
+        parameterArray: applicantsFilter,
+        setParameterArray: setApplicantsFilter,
+        defaultOption: "Todos los solicitantes"
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "metric-cards",
@@ -499,14 +532,14 @@ var Dashboard = function Dashboard(_ref) {
         },
         type: "doughnut",
         displayLegend: true,
-        showPercent: true
+        showPercent: true,
+        displayScale: false
       }), /*#__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.",
         dataObject: requiredProducts,
         type: "line",
         indexAxis: "x",
-        scale: "x",
         displayScale: true,
         retailerSelected: orderByRequired.retailerId,
         queryObject: orderByRequired,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.2.51",
+  "version": "21.2.52",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/components/atoms/Graphic/index.js

@@ -1,11 +1,40 @@
 import { Container } from "./styles";
 import { Chart } from "react-chartjs-2";
 import "chart.js/auto";
+import { useEffect, useRef } from "react";
 
 export const Graphic = ({ data, type, options }) => {
+  const counter = {
+    id: "counter",
+    beforeDraw(chart, args, options) {
+      const {
+        ctx,
+        chartArea: { top, right, bottom, left, width, height },
+      } = chart;
+      const x = width / 2;
+      const y = height / 2 + (options.fontSize * 0.68) / 2;
+      ctx.save();
+      ctx.beginPath();
+      ctx.arc(x, height / 2, 60, 0, 2 * Math.PI);
+      ctx.fillStyle = "#E9E9E9";
+      ctx.fill();
+      ctx.strokeStyle = "#E9E9E9";
+      ctx.stroke();
+      ctx.font = `${options.fontSize}px ${options.fontFamily}`;
+      ctx.textAlign = options.textAlign;
+      ctx.fillStyle = options.fontColor;
+      ctx.fillText(options.value, x, y);
+    },
+  };
+
   return (
     <Container>
-      <Chart type={type} data={data} options={options} />
+      <Chart
+        type={type}
+        data={data}
+        options={options}
+        plugins={type === "doughnut" ? [counter] : null}
+      />
     </Container>
   );
 };

package/src/components/molecules/CustomSelect/CustomSelect.stories.js

@@ -1,5 +1,4 @@
 import { CustomSelect } from "./index";
-import iconStar from "../../../assets/images/customSelect/starIcon.svg";
 
 export default {
   title: "Components/molecules/CustomSelect",
@@ -9,27 +8,20 @@ export default {
 const Template = (args) => <CustomSelect {...args} />;
 export const CustomSelectDefault = Template.bind({});
 CustomSelectDefault.args = {
-  // selectLabel: "Todos los departamentos",
+  selectLabel: "Todos los departamentos",
   defaultOption: "Todos los departamentos",
   options: [
     {
-      id: 47,
-      name: "Enero 2023",
-      isSelected: true,
-    },
-    {
-      id: 49,
-      name: "Mis Favoritos",
+      id: 1,
+      value: "Decoración",
+      subOptions: [
+        { id: 1, value: "Espejos" },
+        { id: 2, value: "Persianas" },
+      ],
     },
+    { id: 2, value: "Eléctrico" },
+    { id: 3, value: "Ferretería" },
+    { id: 4, value: "Herramientas" },
+    { id: 5, value: "Iluminación" },
   ],
-  onClickItem: (v, id) => {
-    if (v) {
-      console.log("Agregar a la lista", id);
-    } else {
-      console.log("Eliminar a la lista", id);
-    }
-  },
-  icon: iconStar,
-  showSearchBar: true,
-  customOptions: <p>Esto es un customOptions</p>
 };

package/src/components/molecules/CustomSelect/SelectItem.js

@@ -7,7 +7,6 @@ export const SelecItem = ({
   setParameterArray,
   activeFilters,
   setActiveFilters,
-  onClickItem,
 }) => {
   const [showSubOptions, setShowSubOptions] = useState(false);
   const [chkGlobal, setChkGlobal] = useState(false);
@@ -18,9 +17,6 @@ export const SelecItem = ({
           id={"main-item-" + option.id}
           label={option.name}
           onChange={(e) => {
-            if (onClickItem) {
-              onClickItem(e.target.checked, option.id)
-            }
             const subOptions = option.subOptions;
             const filtersCopy = { ...activeFilters };
             if (subOptions) {
@@ -81,9 +77,6 @@ export const SelecItem = ({
                   activeFilters[option.name][sub.name]
                 }
                 onChange={(e) => {
-                  if (onClickItem) {
-                    onClickItem(e.target.checked, sub.id)
-                  }
                   if (e.target.checked) {
                     setParameterArray((current) =>
                       [...current, sub.id].sort((a, b) => a - b)

package/src/components/molecules/CustomSelect/index.js

@@ -13,17 +13,17 @@ export const CustomSelect = ({
   customSelectId = "defaultSelectId",
   defaultOption,
   setParameterArray,
-  onClickItem,
-  icon,
-  customOptions,
+  showFilterString,
 }) => {
-  const [filters, setFilters] = useState([]);
+  const [filters, setFilters] = useState(options || []);
   const [showList, setShowList] = useCloseModal(customSelectId);
   const [text, setText] = useState("");
   const [showDatePicker, setShowDatePicker] = useCloseModal(customSelectId);
   const [startDate, setStartDate] = useState(new Date());
   const [endDate, setEndDate] = useState(new Date());
   const [activeFilters, setActiveFilters] = useState({});
+  const [filtersString, setFiltersString] = useState(selectLabel);
+  const [filtersCounter, setFiltersCounter] = useState(0);
 
   const onChange = (evt) => {
     setText(evt.target.value);
@@ -36,21 +36,7 @@ export const CustomSelect = ({
     const end = new Date();
     setStartDate(start);
     setEndDate(end);
-    const obj = {};
-    options.forEach((o) => {
-      const { name, isSelected, subOptions } = o;
-      if (isSelected) obj[name] = {};
-      subOptions?.forEach((so) => {
-        const { name: nameSO, isSelected: isSelectedSO } = so;
-        if (isSelectedSO) {
-          if (!obj[name]) obj[name] = {};
-          obj[name][nameSO] = true;
-        }
-      });
-    });
-    setActiveFilters(obj);
-    setFilters(options);
-  }, [options]);
+  }, []);
 
   const onChangeDatePicker = (dates) => {
     const [start, end] = dates;
@@ -80,19 +66,29 @@ export const CustomSelect = ({
     setFilters(filteredArray);
   }, [text]);
 
+  useEffect(() => {
+    let newFiltersString = selectLabel;
+    let counter = 0;
+    const filtersArray = Object.keys(activeFilters);
+    filtersArray.length &&
+      filtersArray.forEach((key, index) => {
+        if (index === 0) newFiltersString = key;
+        else {
+          counter++;
+        }
+      });
+    counter > 0 && setFiltersCounter(counter);
+    setFiltersString(newFiltersString);
+  }, [activeFilters]);
+
   return (
-    <Container id={customSelectId} selectLabel={selectLabel}>
+    <Container id={customSelectId}>
       <div className="button-list" onClick={() => setShowList(!showList)}>
-        {selectLabel && <p>{selectLabel}</p>}
-        {icon ? (
-          <img src={icon} alt="Favorite" width={"20px"} />
-        ) : (
-          <div className="arrow-item">&#9664;</div>
-        )}
+        <p>{filtersString}</p>
+        <p>{filtersCounter > 0 && `+${filtersCounter}`}</p>
+        <div className="arrow-item">&#9664;</div>
       </div>
-      {showList && (customOptions ? 
-      customOptions
-      : (
+      {showList && (
         <div className="select-container">
           {showSearchBar && (
             <div className="search-bar-filter">
@@ -109,9 +105,11 @@ export const CustomSelect = ({
             <div
               className="default-option"
               onClick={() => {
-                setParameterArray && setParameterArray([]);
+                setParameterArray([]);
                 setActiveFilters({});
                 setShowList(false);
+                setFiltersString(selectLabel);
+                setFiltersCounter(0);
               }}
             >
               <p>{defaultOption}</p>
@@ -127,6 +125,7 @@ export const CustomSelect = ({
                     option.function
                       ? option.function(setShowDatePicker)
                       : setShowDatePicker(true);
+                    setFiltersString(option.name);
                   }}
                 >
                   <p>{option.name}</p>
@@ -139,13 +138,12 @@ export const CustomSelect = ({
                   setParameterArray={setParameterArray}
                   activeFilters={activeFilters}
                   setActiveFilters={setActiveFilters}
-                  onClickItem={onClickItem}
                 />
               )
             )}
           </div>
         </div>
-      ))}
+      )}
       {showDatePicker && (
         <Calendar
           onChange={onChangeDatePicker}

package/src/components/molecules/CustomSelect/styles.js

@@ -4,20 +4,26 @@ import { FontFamily } from "../../../global-files/variables";
 export const Container = styled.div`
   width: fit-content;
   position: relative;
+  min-width: 150px;
 
   .button-list {
     font-family: ${FontFamily.Raleway};
     font-size: 13px;
     display: flex;
-    padding: ${(props) => (props.selectLabel !== "" ? "10px 15px" : "5px 5px")};
-    //padding: 10px 15px;
-    //padding: 5px 5px;
+    padding: 10px 15px;
     justify-content: space-between;
     border-radius: 50px;
     background-color: #fff;
     border: 1px solid #f0f0f0;
     cursor: pointer;
 
+    & > p {
+      max-width: 140px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
     .arrow-item {
       transform: rotate(-90deg);
       cursor: pointer;

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

@@ -24,7 +24,7 @@ export const getFullStatus = (status) => {
     case "RP":
       return "Rechazado Proveedor";
     case "AP":
-      return "Aprovado Proveedor";
+      return "Aprobado Proveedor";
     case "RCA":
       return "Rechazado Cadena";
     case "ACA":

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

@@ -5,6 +5,7 @@ import {
   removeOldStatus,
   getStatusColor,
 } from "./dashboardMetricUtils";
+import { FontFamily } from "../../../global-files/variables";
 
 export const DashboardMetric = ({
   label,
@@ -24,7 +25,7 @@ export const DashboardMetric = ({
       : Object.keys(dataObject);
   const newObject =
     type === "doughnut" ? removeOldStatus(dataObject) : dataObject;
-  const values = Object.values(newObject);
+  const values = Object.values(newObject) || [0];
   const colorsArray = Object.keys(newObject).map((key) => getStatusColor(key));
 
   const data = {
@@ -69,6 +70,13 @@ export const DashboardMetric = ({
           boxWidth: 8,
         },
       },
+      counter: {
+        fontFamily: "sans-serif",
+        fontSize: 25,
+        fontColor: "#707070",
+        textAlign: "center",
+        value: values?.reduce((a, b) => a + b) || 0,
+      },
     },
     scales: {
       [scale]: {
@@ -77,6 +85,7 @@ export const DashboardMetric = ({
         },
       },
     },
+    showTooltips: true,
   };
 
   return (
@@ -89,6 +98,11 @@ export const DashboardMetric = ({
       <div className="graphic-cotainer">
         <Graphic data={data} options={options} type={type} />
       </div>
+      {type === "line" && <p className="x-label">Fechas</p>}
+      {type === "line" && <p className="y-label">Productos</p>}
+      {/* {type === "doughnut" && values.length > 0 && (
+        <p className="center-label">{values?.reduce((a, b) => a + b) || 0}</p>
+      )} */}
     </Container>
   );
 };

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

@@ -5,6 +5,7 @@ export const Container = styled.div`
   border: 1px solid ${GlobalColors.s3};
   border-radius: 5px;
   padding: 24px;
+  position: relative;
 
   .text-container {
     p {
@@ -57,4 +58,34 @@ export const Container = styled.div`
       height: fill-available;
     }
   }
+
+  & > p {
+    font-family: ${FontFamily.Raleway};
+    color: ${GlobalColors.s5};
+    font-size: 17px;
+
+    &.x-label {
+      position: absolute;
+      left: 50%;
+      transform: translate(-50%);
+      bottom: 4px;
+    }
+
+    &.y-label {
+      position: absolute;
+      transform: rotate(-90deg);
+      left: -28px;
+      top: 50%;
+    }
+
+    &.center-label {
+      position: absolute;
+      top: 52%;
+      right: 58%;
+      font-size: 28px;
+      color: #000;
+      font-feature-settings: "pnum", "lnum";
+      font-family: ${FontFamily.Raleway_600};
+    }
+  }
 `;

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

@@ -9,37 +9,51 @@ const Template = (args) => <Dashboard {...args} />;
 export const DashboardDeafult = Template.bind({});
 DashboardDeafult.args = {
   user: {
-    id_user: 28,
-    name: "Proveedor",
-    last_name: "Colgate",
-    email: "ilopez@contentoh.com",
-    position: "Prueba Admin",
-    telephone: "+523111366336",
+    id_user: 30,
+    name: "Admin",
+    last_name: "Ulises",
+    email: "salmeron.5@hotmail.com",
+    position: "Admin",
+    telephone: "",
     country: "México",
-    id_company: 1,
-    id_cognito: "f5927f8e-cbf7-4922-9e09-e69ec0b2731a",
+    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: "cus_KuEt6R6vwmN09f",
-    id_role: 0,
+    about_me: "",
+    zip_code: "",
+    address: "",
+    job: "",
+    id_stripe: "",
+    id_role: 6,
     active: 1,
     is_retailer: 0,
     email_notify: 1,
     membership: {
-      id: 76,
-      start_date: "2022-01-18T17:25:35.000Z",
-      end_date: "2023-01-18T17:25:35.000Z",
-      planID: 8,
-      plan: "prod_KtlhECVSFG2iro",
-      name: "Plan Pro",
-      user_limit: "20",
-      products_limit: "5000",
-      type: "Enterprise",
+      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-28/28.png?1662994279777",
+    src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1664606284528",
+  },
+  company: {
+    id_company: 2,
+    trade_name: "VINÍCOLA PASO DE SERRA",
+    company_name: "VINÍCOLA PASO DE SERRA",
+    rfc: null,
+    adress: null,
+    about_company: null,
+    telephone: null,
+    web_site: null,
+    zip_code: null,
+    email: null,
+    social_link: null,
+    is_retailer: 0,
   },
-  jwt: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI5ZjdmNzA0My1jZWFjLTRjYjktYjYxNy0zNjA1ODJlZDYxODAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2Mjk5NDI3OCwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2NjI5OTc4NzgsImlhdCI6MTY2Mjk5NDI3OCwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.Qsmp4f9zCqXueUTk-ACPM5VY2wQ1nM9A8z-UVArukCpJNruA2ypaIuVpISDiCuBXBlRyILM7mzbuTADLvim-KbWT16Tsr9Q3dzCwM4KU3tFkxSblyM0hTdBVy6MKa7KVffGMLqScMVyMpavqbqLXC2GsANJMrBnnOwiTmrNSkFsO4bYovFGwsP6qiN85pMpAdHJjrNpCvilMBXWkNoNdah5_YRckTQOxGpGua_599eqgq4pg7wM1rxh4ze5ZynaQjRLwtXCR70hdXjOZCTyawzH4yiWYZNA4Sv9KkwLjT7vrFmBMjmm3yr72edT492qG6Iskkj_EYhKvOSl_4mDZhg",
+  jwt: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjOTRhNzMwNS05MzY1LTQ2ZmYtYTQyMy00YjRiYzNiOGIxODAiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiYzk0YTczMDUtOTM2NS00NmZmLWE0MjMtNGI0YmMzYjhiMTgwIiwiY29nbml0bzpyb2xlcyI6WyJhcm46YXdzOmlhbTo6ODk4NjcwMjMyODA3OnJvbGVcL2NvbnRlbnRvaC1kZXYtdXMtZWFzdC0xLWxhbWJkYVJvbGUiXSwiYXVkIjoiNWFjOHRwZ3M2Z2JzcTEzZnJ2cnBpZWVwNDAiLCJldmVudF9pZCI6Ijg3YjQwMTMzLTE0YTMtNDgyOC1iYzE0LWU3ZTgxM2I2YmFmMSIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjY0NjA2Mjg0LCJuYW1lIjoiQ29sYWJvcmFkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIxMTExIiwiZXhwIjoxNjY0NjA5ODg0LCJpYXQiOjE2NjQ2MDYyODQsImVtYWlsIjoic2FsbWVyb24uNUBob3RtYWlsLmNvbSJ9.J0L3zmJ2cZdPx4LjjscrZlPG41yCp1tOxE6WLl8K2lT_6fa-fNAQQLekKRmA9RwW--yA6z97xLu1oCjd_ZrErdc_aLMxxA2wCffh068QOD6Vil5aOCNA12QuTz7WhZlz3oOHe7hgx4PIi65u8--mstLqtmTH2_5OfoaTfcYllk1M65w-AfayozTlFaaXQID05nrwuGCc2gBl3SorBhbVvatRzCeZZjWOHRqOrxaJYY0Q97zNS6E0Nd4nPioIibUjGsKh_Hl-RUivSkDcKtszS8OYl4Alia00Ownz74rx7svZy9gpMy8t9TOonSlTTnHqOR5gPyBYO__OZMa55RiGtQ",
 };