contentoh-components-library 21.2.84 → 21.2.86

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

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Modal;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styles = require("./styles");
+
+var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
+
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+
+var _material = require("@mui/material");
+
+var _ButtonV = _interopRequireDefault(require("../../atoms/ButtonV2"));
+
+var _CustomIcon = _interopRequireDefault(require("../../atoms/CustomIcon"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function Modal(props) {
+  var className = props.className,
+      show = props.show,
+      title = props.title,
+      message = props.message,
+      icon = props.icon,
+      customComponent = props.customComponent,
+      buttons = props.buttons,
+      onClickModal = props.onClickModal,
+      onClickBtnDefault = props.onClickBtnDefault;
+  var icons = {
+    error: _freeSolidSvgIcons.faClose,
+    warning: _freeSolidSvgIcons.faExclamationTriangle,
+    info: _freeSolidSvgIcons.faExclamation,
+    success: _freeSolidSvgIcons.faCheck
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Backdrop, {
+    open: show,
+    className: "container-backgroundModal",
+    timeout: 400,
+    style: {
+      backgroundColor: "transparent",
+      zIndex: 10
+    },
+    onClick: function onClick(event) {
+      return onClickModal && onClickModal(event);
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Fade, {
+      in: show,
+      timeout: 400,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ContainerModal, {
+        className: className ? className : "",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "contentModal",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("header", {
+            children: ![null, undefined, ""].includes(title === null || title === void 0 ? void 0 : title.trim()) && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+              className: "label-title",
+              children: title.trim()
+            })
+          }), icons[icon === null || icon === void 0 ? void 0 : icon.toLowerCase()] && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.default, {
+            type: "white",
+            className: "iconModal " + "iconModal-" + icon.toLowerCase(),
+            size: 35,
+            borderType: "circle",
+            icon: icons[icon.toLowerCase()]
+          }), ![null, undefined, ""].includes(message === null || message === void 0 ? void 0 : message.trim()) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+            className: "label-message",
+            children: [" ", message.trim(), " "]
+          }), customComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "container-customComponent",
+            children: customComponent
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "container-buttons",
+            children: buttons !== null && buttons !== void 0 && buttons.length ? buttons : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.default, {
+              type: "white",
+              borderType: "oval",
+              label: "Aceptar",
+              size: 12,
+              onClick: function onClick(event) {
+                return onClickBtnDefault && onClickBtnDefault(event);
+              }
+            }, "btn-Aceptar")
+          })]
+        })
+      })
+    })
+  });
+}

package/dist/components/organisms/Modal/styles.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContainerModal = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _variables = require("../../../global-files/variables");
+
+var _templateObject;
+
+var ContainerModal = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  display: grid;\n  place-items: center;\n  background-color: rgba(0, 0, 0, 0.4);\n\n  .contentModal {\n    width: fit-content;\n    max-width: 80%;\n    min-width: 80px;\n    height: fit-content;\n    max-height: 90%;\n    min-height: 120px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    background-color: white;\n    border-radius: 10px;\n    padding: 25px 25px 20px 25px;\n    box-shadow: 0px 2px 4px 0px #00000040;\n\n    header {\n      width: 100%;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 6px;\n      margin-bottom: 20px;\n\n      .label-title {\n        width: 100%;\n        text-align: center;\n        font-family: ", ", sans-serif;\n        font-size: 17px;\n        line-height: 1.2;\n        color: #262626;\n        white-space: pre-wrap;\n      }\n    }\n\n    .iconModal {\n      width: 50px;\n      height: 50px;\n      font-size: 30px;\n      border-width: 4px;\n      margin-bottom: 20px;\n      overflow: hidden;\n\n      &.iconModal-error {\n        background-color: #953737;\n        border-color: #953737;\n        color: white;\n      }\n      &.iconModal-warning {\n        font-size: 27px;\n        padding-bottom: 8px;\n        color: #af9647;\n        border-color: #af9647;\n      }\n      &.iconModal-info {\n        border-color: #9e3e26;\n        color: #9e3e26;\n      }\n      &.iconModal-success {\n      }\n    }\n\n    .label-message {\n      width: 100%;\n      text-align: center;\n      font-family: ", ", sans-serif;\n      font-size: 13px;\n      color: #707070;\n      white-space: pre-wrap;\n    }\n\n    .container-customComponent {\n      width: 100%;\n      max-height: 50vh;\n      display: flex;\n      flex-direction: column;\n      margin-top: 20px;\n      padding: 0px 0px;\n      //border: 1px solid red;\n    }\n\n    .container-buttons {\n      width: 100%;\n      display: flex;\n      flex-direction: row;\n      justify-content: center;\n      gap: 12px;\n      margin-top: 20px;\n      //border: 1px solid red;\n    }\n  }\n"])), _variables.FontFamily.RobotoMedium, _variables.FontFamily.RobotoRegular);
+
+exports.ContainerModal = ContainerModal;

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

@@ -27,30 +27,29 @@ var DashboardDeafult = Template.bind({});
 exports.DashboardDeafult = DashboardDeafult;
 DashboardDeafult.args = {
   user: {
-    id_user: 1236,
-    name: "THD",
-    last_name: "Proveedor",
-    email: "thd@allfreemail.net",
-    position: "Prod test",
-    telephone: "+523111111111",
-    country: "México",
-    id_company: 816,
-    id_cognito: "d660ccca-f906-4970-892c-6d152e832e5d",
+    id_user: 425,
+    name: "Auditor QA",
+    last_name: " ",
+    email: "ladiboh785@mi166.com",
+    position: "Tester",
+    telephone: null,
+    country: null,
+    id_company: 254,
+    id_cognito: "23a3f496-4e38-4e12-9bf5-7f90b77a2f35",
     birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
     job: null,
     id_stripe: null,
-    id_role: 0,
+    id_role: 6,
     active: 1,
     is_retailer: 0,
-    email_notify: 1,
-    is_superadmin: 0,
+    email_notify: null,
     membership: {
-      id: 797,
-      start_date: "2022-06-19T04:18:39.000Z",
-      end_date: "2023-06-19T04:18:39.000Z",
+      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",
@@ -58,34 +57,7 @@ DashboardDeafult.args = {
       products_limit: "1000",
       type: "Enterprise"
     },
-    src: "https://content-management-profile-prod.s3.amazonaws.com/id-1236/1236.png?1668676098688"
-  },
-  company: {
-    id_company: 816,
-    trade_name: "Prod Test",
-    company_name: "Prod Test",
-    rfc: "ASER12345",
-    adress: "Av. Insurgentes",
-    about_company: null,
-    telephone: null,
-    web_site: null,
-    zip_code: null,
-    email: null,
-    social_link: null,
-    is_retailer: 0,
-    financedRetailers: [{
-      id: 58,
-      name: "The Home Depot Golden",
-      country: "México",
-      id_region: 1,
-      active: 1
-    }, {
-      id: 59,
-      name: "The Home Depot Platinum",
-      country: "México",
-      id_region: 1,
-      active: 1
-    }]
+    src: "https://content-management-profile-prod.s3.amazonaws.com/id-425/425.png?1666639556174"
   },
-  jwt: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJkNjYwY2NjYS1mOTA2LTQ5NzAtODkyYy02ZDE1MmU4MzJlNWQiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImQ2NjBjY2NhLWY5MDYtNDk3MC04OTJjLTZkMTUyZTgzMmU1ZCIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI2NzYzN2VlZi1iMjE3LTRiYWEtODM4MC05NDMzODZjYTU5OTIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2ODY3NjA5OCwibmFtZSI6IlRIRCBQcm92ZWVkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMTExMTExIiwiZXhwIjoxNjY4Njc5Njk3LCJpYXQiOjE2Njg2NzYwOTgsImVtYWlsIjoidGhkQGFsbGZyZWVtYWlsLm5ldCJ9.ghtkS2S6ipJgGDEkGVoEd2iaxD5iKkGL_HBQ6ay-Kp-nh0VWjYW9cUBQhv83Je6gBsYdywkRfAmW9bEeqW7IuOAV9-CcQtcg7NtARtPjm3XLwt-vZePHefNASS1GdkFjjb3wioSdHoxa5UR6Di-mCTvQPad7tUdDy5XZf--8HyuB2Ir-yGnBqQ5mcyUloIwKWA0U0kboKUb97j8wCxGGP4oArrNH9yuwlwCC5dW2eyF1MKBDb4zPAnKmKM3IR-iFuyl9kAuo88YAas8o8pJ3_oc49NJ6ti2yY2hUyDFiMYlhjo-nDGMK1hQqFqjTPvrCV71H7P2vVuFHkkln9G-MbQ"
+  jwt: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJkYWVmODU5ZC00ODQyLTRkNDQtYTNiNC02ODZlNmJhNTVkMjgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NzA3MjM5MCwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2NzA3NTk5MCwiaWF0IjoxNjY3MDcyMzkwLCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.FbGtX1sC3b2c76hGcxkx-GSurEMKZSwNVEnuUOlV9Dhhqrre1VmtfjvodH_3Leipr4g38Sukb6Pr9lVgEy6DJ57MShpS63niXE7Y43FUJ4gVe4F6k8sYbXUaZYS2vw2_PibnycNsFrpD76fZ_ulTqlSuHNrnzf2mjcDFJ5Qlj8hcLlRnpu_DFVpIiXVyK9kvLE5jImHvo4oQZUSrnuIs-oUE7j8mX8-GH2e95Up2wnBMak6S6meMibKoUEFo2qdtDSFbS1JCMBq4vWw2DxToX-7AGXGp_CLxf-sjJ_UpLmFa0KyyxjhAE2cR9BGo8DM8LEUIqMvcz2KH-7e9QTgisA"
 };

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

@@ -188,7 +188,7 @@ var Dashboard = function Dashboard(_ref) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
-              isTHDUser = user.is_retailer && company.retailers;
+              isTHDUser = [657, 818, 819].includes(user.id_company);
               _context2.next = 3;
               return _axios.default.get("".concat(process.env.REACT_APP_RETAILER_ENDPOINT), {
                 headers: {
@@ -219,39 +219,32 @@ var Dashboard = function Dashboard(_ref) {
 
   var loadProductsByStatus = /*#__PURE__*/function () {
     var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(orderByStatus, filter) {
-      var isTHDUser, isProvider, isCollaborator, _ref5, ordersBydate, ordersByStatus, _ordersByStatus$total, total, _ordersByStatus$R, R, _ordersByStatus$PA, PA, _ordersByStatus$Ex, Ex, _ordersByStatus$ACA, ACA, productsFinished, inProcess, metricsArray;
+      var _ref5, ordersBydate, ordersByStatus, _ordersByStatus$total, total, _ordersByStatus$R, R, _ordersByStatus$PA, PA, _ordersByStatus$Ex, Ex, inProcess, metricsArray;
 
       return _regenerator.default.wrap(function _callee3$(_context3) {
         while (1) {
           switch (_context3.prev = _context3.next) {
             case 0:
-              isTHDUser = user.is_retailer && company.retailers;
-              isProvider = !user.is_retailer && user.id_role === 0;
-              isCollaborator = user.id_role > 0;
-              _context3.next = 5;
+              _context3.next = 2;
               return loadProductVersions(orderByStatus);
 
-            case 5:
+            case 2:
               _context3.t0 = _context3.sent;
 
               if (_context3.t0) {
-                _context3.next = 8;
+                _context3.next = 5;
                 break;
               }
 
               _context3.t0 = {};
 
-            case 8:
+            case 5:
               _ref5 = _context3.t0;
               ordersBydate = _ref5.ordersBydate;
               ordersByStatus = _ref5.ordersByStatus;
-              _ordersByStatus$total = ordersByStatus.total, total = _ordersByStatus$total === void 0 ? 0 : _ordersByStatus$total, _ordersByStatus$R = ordersByStatus.R, R = _ordersByStatus$R === void 0 ? 0 : _ordersByStatus$R, _ordersByStatus$PA = ordersByStatus.PA, PA = _ordersByStatus$PA === void 0 ? 0 : _ordersByStatus$PA, _ordersByStatus$Ex = ordersByStatus.Ex, Ex = _ordersByStatus$Ex === void 0 ? 0 : _ordersByStatus$Ex, _ordersByStatus$ACA = ordersByStatus.ACA, ACA = _ordersByStatus$ACA === void 0 ? 0 : _ordersByStatus$ACA;
-              productsFinished = 0;
-              if (isTHDUser) productsFinished = Ex;
-              if (isProvider) productsFinished = ACA;
-              if (isCollaborator) productsFinished = Ex + ACA;
+              _ordersByStatus$total = ordersByStatus.total, total = _ordersByStatus$total === void 0 ? 0 : _ordersByStatus$total, _ordersByStatus$R = ordersByStatus.R, R = _ordersByStatus$R === void 0 ? 0 : _ordersByStatus$R, _ordersByStatus$PA = ordersByStatus.PA, PA = _ordersByStatus$PA === void 0 ? 0 : _ordersByStatus$PA, _ordersByStatus$Ex = ordersByStatus.Ex, Ex = _ordersByStatus$Ex === void 0 ? 0 : _ordersByStatus$Ex;
               inProcess = Object.keys(ordersByStatus).reduce(function (prev, curr) {
-                return !["total", "PA", "R", "Ex", "ACA"].includes(curr) ? prev + ordersByStatus[curr] : prev;
+                return !["total", "PA", "R", "Ex"].includes(curr) ? prev + ordersByStatus[curr] : prev;
               }, 0);
               metricsArray = [metricsData[0] ? metricsData[0] : {
                 label: "Productos totales",
@@ -268,7 +261,7 @@ var Dashboard = function Dashboard(_ref) {
                 value: inProcess
               }, {
                 label: "Productos terminados",
-                value: productsFinished
+                value: Ex
               });
               setMetricsData(metricsArray);
               setTotalCount(total);
@@ -276,7 +269,7 @@ var Dashboard = function Dashboard(_ref) {
               setRequiredProducts(ordersBydate);
               setProductsByStatus(ordersByStatus);
 
-            case 24:
+            case 17:
             case "end":
               return _context3.stop();
           }

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

@@ -106,7 +106,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 var reducerImages = function reducerImages(state, action) {
   var _action$init, _action$init$inputsBy;
 
-  var values = state.values,
+  var _state$values = state.values,
+      values = _state$values === void 0 ? [] : _state$values,
       attrForImgs = state.attrForImgs,
       inputsByRetailer = state.inputsByRetailer;
 
@@ -182,7 +183,7 @@ var reducerImages = function reducerImages(state, action) {
           inputs = inputsInitial === null || inputsInitial === void 0 ? void 0 : inputsInitial.filter(function (input) {
             return imageIdArray.includes(input.id);
           });
-          values = orderedImages.length > 0 ? orderedImages : [];
+          if (orderedImages.length > 0) values = orderedImages;
         } catch (error) {
           console.log(error);
         }

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

@@ -84,7 +84,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 var reducerImages = function reducerImages(state, action) {
   var _action$init, _action$init$inputsBy;
 
-  var values = state.values,
+  var _state$values = state.values,
+      values = _state$values === void 0 ? [] : _state$values,
       attrForImgs = state.attrForImgs,
       inputsByRetailer = state.inputsByRetailer;
 
@@ -156,11 +157,7 @@ var reducerImages = function reducerImages(state, action) {
 
           var orderedImages = [];
           var imageIdArray = [];
-
-          if (action !== null && action !== void 0 && action.retailerId && !_inputsByRetailer[action.retailerId]) {
-            _inputsByRetailer[action.retailerId] = [];
-          }
-
+          if (action !== null && action !== void 0 && action.retailerId && !_inputsByRetailer[action.retailerId]) _inputsByRetailer[action.retailerId] = [];
           action.retailerId && ((_inputsByRetailer$act = _inputsByRetailer[action.retailerId]) === null || _inputsByRetailer$act === void 0 ? void 0 : _inputsByRetailer$act.filter(function (input) {
             imageIdArray.push(input.id_image);
             valuesInitial.forEach(function (value) {
@@ -170,7 +167,7 @@ var reducerImages = function reducerImages(state, action) {
           inputs = inputsInitial === null || inputsInitial === void 0 ? void 0 : inputsInitial.filter(function (input) {
             return imageIdArray.includes(input.id);
           });
-          values = orderedImages.length > 0 ? orderedImages : [];
+          if (orderedImages.length > 0) values = orderedImages;
         } catch (error) {
           console.log(error);
         }

package/dist/global-files/fonts.css

@@ -43,3 +43,21 @@
   src: url("../assets/fonts/raleway/Raleway-Black.ttf");
   font-weight: 900;
 }
+
+@font-face {
+  font-family: "RobotoMedium";
+  src: url("../assets/fonts/Roboto/Roboto-Medium.ttf");
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: "RobotoRegular";
+  src: url("../assets/fonts/Roboto/Roboto-Regular.ttf");
+  font-weight: 400;
+}
+
+.prueba {
+  color: #9e3e26;
+  color: #b42983;
+  color: #e7e7e7;
+}