contentoh-components-library 6.0.0 → 9.0.0

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\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: 7px;\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 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        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            & + * {\n              margin-left: 5px;\n            }\n          }\n\n          .buttons-box {\n            display: flex;\n            max-width: 201px;\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              width: 201px;\n              height: 40px;\n            }\n          }\n        }\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 headerTop = _ref.headerTop;
   return headerTop;
 });

package/dist/global-files/data.js

@@ -0,0 +1,219 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getRetailerServices = exports.getProfilePicture = exports.getPercentage = 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 getRetailerServices = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(articleId, category, version) {
+    var _images$values;
+
+    var responseArray, datasheets, descriptions, images;
+    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))]);
+
+          case 2:
+            responseArray = _context.sent;
+            console.log(JSON.parse(responseArray[0].data.body).data);
+            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) {
+                return e.id === value.image_id;
+              }).name;
+              return getImage(value);
+            });
+            return _context.abrupt("return", [datasheets, descriptions, images]);
+
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function getRetailerServices(_x, _x2, _x3) {
+    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;
+
+  try {
+    var image = imageGeneral;
+    var ext = image.src.split(".");
+    var uuid = ext[0].split("-");
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, image), {}, {
+      version: image.id_version,
+      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)(),
+      srcDB: image.src,
+      src: image.image_id ? "https://d24s337exbt5zr.cloudfront.net/" + _jsBase.Base64.encode(JSON.stringify({
+        bucket: process.env.REACT_APP_IMAGES_BUCKET,
+        key: image.src,
+        edits: {
+          resize: {
+            width: width * 4,
+            height: height * 4,
+            fit: "contain",
+            background: {
+              r: 255,
+              g: 255,
+              b: 255,
+              alpha: 1
+            }
+          }
+        }
+      })) : image.src
+    });
+  } catch (err) {
+    console.log("err", err);
+    return imageGeneral["error"] = err;
+  }
+};
+
+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;

package/dist/global-files/fonts.css

@@ -0,0 +1,45 @@
+@font-face {
+  font-family: "Avenir Next";
+  src: url("../assets/fonts/avenirnext/AvenirNextLTPro-Regular.otf");
+}
+
+@font-face {
+  font-family: "Lato";
+  src: url("../assets/fonts/lato/Lato-Regular.ttf");
+}
+
+@font-face {
+  font-family: "Raleway";
+  src: url("../assets/fonts/raleway/Raleway-Regular.ttf");
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: "Raleway-500";
+  src: url("../assets/fonts/raleway/Raleway-Medium.ttf");
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: "Raleway-600";
+  src: url("../assets/fonts/raleway/Raleway-SemiBold.ttf");
+  font-weight: 600;
+}
+
+@font-face {
+  font-family: "Raleway-700";
+  src: url("../assets/fonts/raleway/Raleway-Bold.ttf");
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: "Raleway-800";
+  src: url("../assets/fonts/raleway/Raleway-ExtraBold.ttf");
+  font-weight: 800;
+}
+
+@font-face {
+  font-family: "Raleway-900";
+  src: url("../assets/fonts/raleway/Raleway-Black.ttf");
+  font-weight: 900;
+}

package/dist/global-files/global-styles.css

@@ -0,0 +1,41 @@
+@import "./fonts.css";
+
+*,
+*::after,
+*::before {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+body.sb-main-padded.sb-show-main {
+  padding: 0;
+  height: 100vh;
+  overflow: hidden;
+}
+
+.sb-main-padded.sb-show-main #root {
+  height: 100%;
+}
+
+/* width */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background: white;
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  border-radius: 15px;
+  background: #f0eef2;
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  background: #d4d1d7;
+}

package/dist/global-files/variables.js

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

package/dist/index.js

@@ -8,9 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   fonts: true,
   globalStyles: true,
-  variables: true
+  variables: true,
+  assets: true
 };
-exports.variables = exports.globalStyles = exports.fonts = void 0;
+exports.variables = exports.globalStyles = exports.fonts = exports.assets = void 0;
 
 var fonts = _interopRequireWildcard(require("./global-files/fonts"));
 
@@ -24,6 +25,10 @@ var variables = _interopRequireWildcard(require("./global-files/variables"));
 
 exports.variables = variables;
 
+var assets = _interopRequireWildcard(require("./assets/images"));
+
+exports.assets = assets;
+
 var _index = require("./components/atoms/ActivedFilter/index");
 
 Object.keys(_index).forEach(function (key) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "6.0.0",
+  "version": "9.0.0",
   "dependencies": {
     "@babel/runtime": "^7.17.2",
     "@storybook/addon-postcss": "^2.0.0",

package/src/index.js

@@ -1,8 +1,9 @@
 import * as fonts from "./global-files/fonts";
 import * as globalStyles from "./global-files/global-styles";
 import * as variables from "./global-files/variables";
+import * as assets from "./assets/images";
 
-export { fonts, globalStyles, variables };
+export { fonts, globalStyles, variables, assets };
 
 //atoms
 export * from "./components/atoms/ActivedFilter/index";