contentoh-components-library 21.0.9 → 21.0.13

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

@@ -13,7 +13,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  flex: 1;\n  overflow: auto;\n\n  .data-container {\n    display: flex;\n    flex: 0%;\n    height: calc(100% - ", "px);\n    .image-data-panel {\n      width: 340px;\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n\n    .product-information {\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n\n      .services-information-container {\n        height: 100%;\n        overflow: auto;\n      }\n\n      .image-services {\n        aside {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, 179px);\n          column-gap: 15px;\n          row-gap: 15px;\n          padding: 20px;\n        }\n      }\n\n      .commentary-box {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-end;\n        padding: 10px;\n        padding-left: 0;\n\n        .commentary {\n          display: flex;\n          align-items: flex-end;\n\n          .input-container {\n            width: 500px;\n\n            .quill {\n              height: 100px;\n            }\n\n            & + * {\n              margin-left: 5px;\n            }\n          }\n\n          .buttons-box {\n            display: flex;\n            width: 210px;\n            flex-wrap: wrap;\n\n            .general-transparent-button {\n              & + * {\n                margin-top: 5px;\n              }\n            }\n\n            .general-transparent-button,\n            .general-green-button,\n            .general-button-disabled {\n              width: fit-content;\n              min-width: 201px;\n              height: 40px;\n            }\n          }\n        }\n      }\n\n      .feedback-box {\n        display: flex;\n      }\n    }\n  }\n  .container {\n    width: 100%;\n    height: 100%;\n    .dropzone {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  .data-container {\n    display: flex;\n    flex: 0%;\n    height: calc(100% - ", "px);\n    .image-data-panel {\n      width: 340px;\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n\n    .product-information {\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n\n      .services-information-container {\n        overflow: auto;\n      }\n\n      .image-services {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, 179px);\n        column-gap: 15px;\n        row-gap: 15px;\n      }\n    }\n  }\n"])), function (_ref) {
   var headerTop = _ref.headerTop;
   return headerTop;
 });

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

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.VerificationCodeResetPasswordDefault = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
 
 var _loginImage = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/loginImage.svg"));
@@ -17,8 +15,6 @@ var _login = _interopRequireDefault(require("../../../assets/images/carouselImag
 
 var _login2 = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login3.svg"));
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = {
   title: "Components/pages/VerificationCodeResetPassword",
   component: _index.VerificationCodeResetPassword
@@ -26,7 +22,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.VerificationCodeResetPassword, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.VerificationCodeResetPassword, args);
 };
 
 var VerificationCodeResetPasswordDefault = Template.bind({});

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

@@ -29,8 +29,6 @@ var _GeneralButton = require("../../atoms/GeneralButton");
 
 var _utils = require("./utils");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var VerificationCodeResetPassword = function VerificationCodeResetPassword(_ref) {
   var _ref$imageArrayCarous = _ref.imageArrayCarousel,
       imageArrayCarousel = _ref$imageArrayCarous === void 0 ? [] : _ref$imageArrayCarous,
@@ -51,71 +49,62 @@ var VerificationCodeResetPassword = function VerificationCodeResetPassword(_ref)
   (0, _react.useEffect)(function () {
     setInputCodeVerificationAll(document.querySelectorAll("[id^='verificationCodeInput']"));
   }, []);
-  var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  var loginRight = [/*#__PURE__*/React.createElement(_LogoImage.LogoImage, {
+    key: "1"
+  }), /*#__PURE__*/React.createElement("div", {
     className: "credenciales",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-      fontFamily: _variables.FontFamily.AvenirNext,
-      color: _variables.GlobalColors.s5,
-      text: "Ingresa tus credenciales"
-    })
-  }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    key: "2"
+  }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    fontFamily: _variables.FontFamily.AvenirNext,
+    color: _variables.GlobalColors.s5,
+    text: "Ingresa tus credenciales"
+  })), /*#__PURE__*/React.createElement("div", {
     className: "user",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-      text: "Ingresa el código de verificación enviado a:",
-      headerType: "input-name-header"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "verification-code",
-      children: inputPositions.map(function (position) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralInput.GeneralInput, {
-          inputId: "verificationCodeInput".concat(position),
-          inputType: "text",
-          inputPlaceholder: "X",
-          validateInput: _utils.validateInput,
-          inputsArray: inputCodeVerificationAll,
-          position: position,
-          maxLength: "1"
-        });
-      })
-    }), emptyVerificationCode && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Ingrese su c\xF3digo de verificaci\xF3n"
-    })]
-  }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    key: "3"
+  }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    text: "Ingresa el código de verificación enviado a:",
+    headerType: "input-name-header"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "verification-code"
+  }, inputPositions.map(function (position) {
+    return /*#__PURE__*/React.createElement(_GeneralInput.GeneralInput, {
+      inputId: "verificationCodeInput".concat(position),
+      inputType: "text",
+      inputPlaceholder: "X",
+      validateInput: _utils.validateInput,
+      inputsArray: inputCodeVerificationAll,
+      position: position,
+      maxLength: "1"
+    });
+  })), emptyVerificationCode && /*#__PURE__*/React.createElement("label", null, "Ingrese su c\xF3digo de verificaci\xF3n")), /*#__PURE__*/React.createElement("div", {
     className: "resend-code",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: "Reenviar c\xF3digo de verificaci\xF3n"
-    })
-  }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    key: "4"
+  }, /*#__PURE__*/React.createElement("p", null, "Reenviar c\xF3digo de verificaci\xF3n")), /*#__PURE__*/React.createElement("div", {
     className: "button-center",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-      buttonType: "general-default-button",
-      label: "Enviar",
-      onClick: function onClick(e) {
-        return (0, _utils.validate)(inputCodeVerificationAll, setEmptyVerificationCode);
-      }
-    })
-  }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    key: "5"
+  }, /*#__PURE__*/React.createElement(_GeneralButton.Button, {
+    buttonType: "general-default-button",
+    label: "Enviar",
+    onClick: function onClick(e) {
+      return (0, _utils.validate)(inputCodeVerificationAll, setEmptyVerificationCode);
+    }
+  })), /*#__PURE__*/React.createElement("div", {
     className: "reset-password",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: "Regresar..."
-    })
-  }, "6")];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "home-retailer",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CarouselImagesLogin.CarouselImagesLogin, {
-        panelImg: imageArrayCarousel,
-        panelText: textCarousel,
-        panelColor: backogroundColorCarousel
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "home-login-retailer",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
-        componentsArray: loginRight,
-        panelType: "home-login",
-        panelColor: _variables.GlobalColors.white
-      })
-    })]
-  });
+    key: "6"
+  }, /*#__PURE__*/React.createElement("p", null, "Regresar..."))];
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
+    className: "home-retailer"
+  }, /*#__PURE__*/React.createElement(_CarouselImagesLogin.CarouselImagesLogin, {
+    panelImg: imageArrayCarousel,
+    panelText: textCarousel,
+    panelColor: backogroundColorCarousel
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "home-login-retailer"
+  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
+    componentsArray: loginRight,
+    panelType: "home-login",
+    panelColor: _variables.GlobalColors.white
+  })));
 };
 
 exports.VerificationCodeResetPassword = VerificationCodeResetPassword;

package/dist/global-files/data.js

@@ -5,46 +5,66 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getRetailerServices = exports.getProfilePicture = exports.getPercentage = exports.getImage = exports.fetchUsers = void 0;
+exports.getRetailerServices = exports.getImage = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 
 var _axios = _interopRequireDefault(require("axios"));
 
 var _jsBase = require("js-base64");
 
-var _uuid = require("uuid");
+var _defaultUpdate = _interopRequireDefault(require("../assets/images/defaultImages/defaultUpdate.png"));
 
 var getRetailerServices = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(articleId, category, version) {
-    var _images$values;
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var _images$attrForImgs, _images$attrForImgs$g;
 
-    var responseArray, datasheets, descriptions, images;
+    var responseArray, datasheets, descriptions, images, code;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
-            return Promise.all([_axios.default.post("".concat(process.env.REACT_APP_ARTICLE_DATA_DATASHEET_ENDPOINT, "?idCategory=").concat(category, "&articleId=").concat(articleId, "&version=").concat(version)), _axios.default.get("".concat(process.env.REACT_APP_ARTICLE_DATA_DESCRIPTION_ENDPOINT, "?idCategory=").concat(category, "&articleId=").concat(articleId, "&version=").concat(version)), _axios.default.post("".concat(process.env.REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT, "?idCategory=").concat(category, "&articleId=").concat(articleId, "&version=").concat(version))]);
+            return Promise.all([_axios.default.post("".concat(process.env.REACT_APP_ARTICLE_DATA_DATASHEET_ENDPOINT, "?idCategory=846&articleId=238&version=2")), _axios.default.get("".concat(process.env.REACT_APP_ARTICLE_DATA_DESCRIPTION_ENDPOINT, "?idCategory=846&articleId=238&version=2")), _axios.default.post("".concat(process.env.REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT, "?idCategory=846&articleId=238&version=2"))]);
 
           case 2:
             responseArray = _context.sent;
             datasheets = JSON.parse(responseArray[0].data.body).data;
             descriptions = JSON.parse(responseArray[1].data.body).data;
             images = JSON.parse(responseArray[2].data.body).data;
-            images.values = images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : _images$values.map(function (value) {
-              value.name = images.inputs.find(function (e) {
+            code = images === null || images === void 0 ? void 0 : (_images$attrForImgs = images.attrForImgs) === null || _images$attrForImgs === void 0 ? void 0 : (_images$attrForImgs$g = _images$attrForImgs.general[0]) === null || _images$attrForImgs$g === void 0 ? void 0 : _images$attrForImgs$g.value;
+            images === null || images === void 0 ? void 0 : images.values.map(function (value) {
+              value.imageName = images.inputs.filter(function (e) {
                 return e.id === value.image_id;
-              }).name;
-              return getImage(value);
+              })[0].name;
+              value.data = [{
+                feature: "Tipo de empaque",
+                value: images === null || images === void 0 ? void 0 : images.imagePackagingType[(value === null || value === void 0 ? void 0 : value.packing_type) - 1].name
+              }, {
+                feature: "Tipo de imagen",
+                value: images === null || images === void 0 ? void 0 : images.imageType.filter(function (e) {
+                  return value.image_type == e.id;
+                })[0].name
+              }, {
+                feature: "Código de Fabricante",
+                value: code
+              }, {
+                feature: "Formato",
+                value: value.src.split(".")[1]
+              }, {
+                feature: "Tamaño de imagen",
+                value: "".concat(value.width, "x").concat(value.height)
+              }, {
+                feature: "Subfijo de imagen",
+                value: ""
+              }];
+              return value;
             });
             return _context.abrupt("return", [datasheets, descriptions, images]);
 
-          case 8:
+          case 9:
           case "end":
             return _context.stop();
         }
@@ -52,29 +72,35 @@ var getRetailerServices = /*#__PURE__*/function () {
     }, _callee);
   }));
 
-  return function getRetailerServices(_x, _x2, _x3) {
+  return function getRetailerServices() {
     return _ref.apply(this, arguments);
   };
 }();
 
 exports.getRetailerServices = getRetailerServices;
 
-var getImage = function getImage(imageGeneral) {
-  var width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;
-  var height = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 250;
-
+var getImage = function getImage(imageGeneral, width, height) {
   try {
     var image = imageGeneral;
     var ext = image.src.split(".");
     var uuid = ext[0].split("-");
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, image), {}, {
+    return {
+      id: image.id,
+      image_id: image.image_id,
+      packing_type: +image.packing_type,
+      image_type: +image.image_type,
+      name: image.name,
+      imageName: image.imageName,
+      data: image.data,
       version: image.id_version,
+      width: image.width,
+      height: image.height,
       ext: ext[ext.length - 1],
       uuid: uuid.reduce(function (prevVal, currVal, idx) {
         if (idx < 2) return "";else return idx === 2 ? currVal : prevVal + "-" + currVal;
-      }, "") || (0, _uuid.v4)(),
+      }, "") || uuidv4(),
       srcDB: image.src,
-      src: image.image_id ? "https://d24s337exbt5zr.cloudfront.net/" + _jsBase.Base64.encode(JSON.stringify({
+      src: "https://d24s337exbt5zr.cloudfront.net/" + _jsBase.Base64.encode(JSON.stringify({
         bucket: process.env.REACT_APP_IMAGES_BUCKET,
         key: image.src,
         edits: {
@@ -90,177 +116,14 @@ var getImage = function getImage(imageGeneral) {
             }
           }
         }
-      })) : image.src
-    });
+      }))
+    };
   } catch (err) {
     console.log("err", err);
-    return imageGeneral["error"] = err;
+    return {
+      src: _defaultUpdate.default
+    };
   }
 };
 
-exports.getImage = getImage;
-
-var getPercentage = /*#__PURE__*/function () {
-  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
-    var params,
-        func,
-        _args3 = arguments;
-    return _regenerator.default.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            params = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : {};
-
-            func = /*#__PURE__*/function () {
-              var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-                var dataToSend;
-                return _regenerator.default.wrap(function _callee2$(_context2) {
-                  while (1) {
-                    switch (_context2.prev = _context2.next) {
-                      case 0:
-                        dataToSend = [];
-                        params.data.forEach(function (product) {
-                          params.data[0].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.product.id_article,
-                              id_category: product.product.id_category,
-                              id_retailer: retailer.id,
-                              version: product.product.version,
-                              upc: product.product.upc,
-                              name: product.product.name,
-                              retailerName: retailer.name
-                            });
-                          });
-                        });
-                        _context2.next = 4;
-                        return _axios.default.post(process.env.REACT_APP_VALID_EXPORT_ENDPOINT, {
-                          data: dataToSend
-                        }, {
-                          headers: {
-                            Authorization: sessionStorage.getItem("jwt")
-                          }
-                        }).then(function (response) {
-                          return response.data;
-                        }).catch(function (err) {
-                          return console.log(err, "Errror");
-                        });
-
-                      case 4:
-                        return _context2.abrupt("return", _context2.sent);
-
-                      case 5:
-                      case "end":
-                        return _context2.stop();
-                    }
-                  }
-                }, _callee2);
-              }));
-
-              return function func() {
-                return _ref3.apply(this, arguments);
-              };
-            }();
-
-            _context3.next = 4;
-            return func();
-
-          case 4:
-            return _context3.abrupt("return", _context3.sent);
-
-          case 5:
-          case "end":
-            return _context3.stop();
-        }
-      }
-    }, _callee3);
-  }));
-
-  return function getPercentage() {
-    return _ref2.apply(this, arguments);
-  };
-}();
-
-exports.getPercentage = getPercentage;
-
-var getProfilePicture = function getProfilePicture(userId, width, height) {
-  try {
-    return "https://d24s337exbt5zr.cloudfront.net/" + _jsBase.Base64.encode(JSON.stringify({
-      bucket: process.env.REACT_APP_IMAGES_PROFILE_BUCKET,
-      key: "id-".concat(userId, "/").concat(userId, ".png"),
-      edits: {
-        resize: {
-          width: width,
-          height: height,
-          fit: "contain",
-          background: {
-            r: 255,
-            g: 255,
-            b: 255,
-            alpha: 0
-          }
-        }
-      }
-    }));
-  } catch (err) {
-    console.log("err", err);
-    return defaultUpdate;
-  }
-};
-
-exports.getProfilePicture = getProfilePicture;
-
-var fetchUsers = /*#__PURE__*/function () {
-  var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(auth) {
-    var usersPromises, usersGroups, header, usersResponse;
-    return _regenerator.default.wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            usersPromises = [];
-            usersGroups = [];
-            header = {
-              headers: {
-                Authorization: auth
-              }
-            };
-            /**
-             * 7 will fetch all text specialists
-             * 8 will fetch all img specialists
-             * 4 will fetch all text facilitators
-             * 5 will fetch all img facilitators
-             * 6 will fetch all auditors
-             */
-
-            usersPromises.push(_axios.default.get("".concat(process.env.REACT_APP_USER_ENDPOINT, "?fetchRole=7"), header), _axios.default.get("".concat(process.env.REACT_APP_USER_ENDPOINT, "?fetchRole=8"), header), _axios.default.get("".concat(process.env.REACT_APP_USER_ENDPOINT, "?fetchRole=4"), header), _axios.default.get("".concat(process.env.REACT_APP_USER_ENDPOINT, "?fetchRole=5"), header), _axios.default.get("".concat(process.env.REACT_APP_USER_ENDPOINT, "?fetchRole=6"), header));
-            _context4.next = 6;
-            return Promise.all(usersPromises);
-
-          case 6:
-            usersResponse = _context4.sent;
-            usersResponse.forEach(function (item, i) {
-              usersGroups.push(item.data.data);
-            });
-            return _context4.abrupt("return", usersGroups);
-
-          case 9:
-          case "end":
-            return _context4.stop();
-        }
-      }
-    }, _callee4);
-  }));
-
-  return function fetchUsers(_x4) {
-    return _ref4.apply(this, arguments);
-  };
-}();
-
-exports.fetchUsers = fetchUsers;
+exports.getImage = getImage;

package/dist/global-files/variables.js

@@ -12,7 +12,6 @@ var GlobalColors = {
   s5: "#503D66",
   original_magenta: "#B12D84",
   secondary_magenta: "#BA0070",
-  rejected_status: "#D74DED",
   magenta_s2: "#E33AA9",
   original_purpura: "#603888",
   in_progress: "#ED9A4D",