contentoh-components-library 21.4.125 → 21.4.126

package/dist/components/atoms/GeneralInput/style.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = 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 Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n\n  > div {\n    label {\n      &:before {\n        outline: 1px solid ", ";\n      }\n    }\n  }\n\n  input,\n  textarea {\n    width: 100%;\n    border: 1px solid\n      ", ";\n\n    font-family: ", ";\n    color: ", ";\n    font-weight: normal;\n    font-size: 12px;\n    line-height: 15px;\n    padding: 10px;\n    outline: none;\n    border-radius: 2px;\n    resize: none;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  select {\n    background: #fafafa;\n    outline: none;\n    border: 1px solid\n      ", ";\n    width: 100%;\n    cursor: pointer;\n    font-family: ", ";\n    color: ", ";\n    font-size: 12px;\n    line-height: 21px;\n    padding: 10px;\n    border-right: 2px solid #e33aa9;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  p {\n    font-family: ", ";\n    font-size: 12px;\n    color: ", ";\n  }\n\n  &.audit-class {\n    input,\n    .quill {\n      border: 1px solid #8a6caa;\n      background-color: #ededfc;\n    }\n  }\n"])), function (_ref) {
+  var isRequired = _ref.isRequired;
+  return isRequired ? "red" : "none";
+}, function (_ref2) {
+  var isRequired = _ref2.isRequired;
+  return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
+}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2, function (_ref3) {
+  var isRequired = _ref3.isRequired;
+  return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
+}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2, _variables.FontFamily.Raleway, _variables.GlobalColors.deep_gray);
+
+exports.Container = Container;

package/dist/components/molecules/GalleryElement/index.js

@@ -23,6 +23,10 @@ var _react = require("react");
 
 var _Select = _interopRequireDefault(require("../../atoms/Select"));
 
+var _rejectIcon = _interopRequireDefault(require("../../../assets/images/generalButton/rejectIcon.svg"));
+
+var _acceptIcon = _interopRequireDefault(require("../../../assets/images/generalButton/acceptIcon.svg"));
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var GalleryElement = function GalleryElement(_ref) {
@@ -162,6 +166,19 @@ var GalleryElement = function GalleryElement(_ref) {
                 index: number
               });
             }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            style: {
+              width: "10px"
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+              style: {
+                height: 15,
+                width: 15,
+                objectFit: "scale-down"
+              },
+              src: _rejectIcon.default,
+              alt: ""
+            })
           })]
         })]
       })]

package/dist/components/molecules/GalleryHeader/index.js

@@ -57,6 +57,9 @@ var GalleryHeader = function GalleryHeader(_ref) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
       className: "",
       children: "Tipo de empaque"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      className: "",
+      children: "Estatus"
     })]
   });
 };

package/dist/components/molecules/GridItem/index.js

@@ -36,21 +36,17 @@ var GridItem = function GridItem(_ref) {
       gridElement = _ref$gridElement === void 0 ? {} : _ref$gridElement,
       product = _ref.product,
       id = _ref.id,
-      isMerchans = _ref.isMerchans,
+      _ref$isMerchans = _ref.isMerchans,
+      isMerchans = _ref$isMerchans === void 0 ? false : _ref$isMerchans,
       chkOnChange = _ref.chkOnChange,
       onGridClick = _ref.onGridClick,
       chkChecked = _ref.chkChecked,
       index = _ref.index;
-  var _gridElement$images = gridElement.images,
-      images = _gridElement$images === void 0 ? [] : _gridElement$images,
-      _gridElement$info = gridElement.info,
-      info = _gridElement$info === void 0 ? [] : _gridElement$info,
-      _gridElement$status = gridElement.status,
-      status = _gridElement$status === void 0 ? [] : _gridElement$status,
-      _gridElement$catalogs = gridElement.catalogs,
-      catalogs = _gridElement$catalogs === void 0 ? {} : _gridElement$catalogs,
-      _gridElement$observat = gridElement.observations,
-      observations = _gridElement$observat === void 0 ? [] : _gridElement$observat;
+  var images = gridElement.images,
+      info = gridElement.info,
+      status = gridElement.status,
+      catalogs = gridElement.catalogs,
+      observations = gridElement.observations;
 
   var getSrvName = function getSrvName(srv) {
     switch (srv) {
@@ -102,7 +98,7 @@ var GridItem = function GridItem(_ref) {
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "status-slider",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
+      children: [product.observations && /*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           style: {
             height: 15,
@@ -112,6 +108,9 @@ var GridItem = function GridItem(_ref) {
           src: product.observations !== null && product.observations !== "" ? _highPriority.default : _lowPriority.default,
           alt: ""
         })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StateReview, {
+        backgroundColor: "".concat(product.reviewState),
+        children: product.reviewState
       }), status === null || status === void 0 ? void 0 : status.map(function (_ref2) {
         var title = _ref2.title,
             value = _ref2.value,

package/dist/components/molecules/GridItem/styles.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Container = void 0;
+exports.StateReview = exports.Container = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 
@@ -13,8 +13,29 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _variables = require("../../../global-files/variables");
 
-var _templateObject;
+var _templateObject, _templateObject2;
 
 var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 175px;\n  border: 1px solid #f0f0f0;\n  position: relative;\n  height: fit-content;\n\n  .chk-container {\n    position: absolute;\n    top: 5px;\n    left: 5px;\n    z-index: 5;\n    height: 16px;\n  }\n\n  .data-body {\n    padding: 10px;\n    border-bottom: 1px solid #f0f0f0;\n\n    & > h3,\n    & > p {\n      color: #262626;\n      font-family: ", ";\n      font-size: 12px;\n      line-height: 16px;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n\n      & + p {\n        margin-top: 5px;\n      }\n    }\n    p {\n      font-size: 10px;\n      line-height: 12px;\n      color: #808080;\n    }\n  }\n\n  .status-slider {\n    display: flex;\n    padding: 5px 10px;\n    overflow: auto;\n    border-bottom: 1px solid #f0f0f0;\n    flex-wrap: nowrap;\n\n    .status-element {\n      display: flex;\n\n      .srv-name {\n        background-color: #808080;\n        padding: 0 10px;\n        border-radius: 5px;\n        p {\n          font-family: ", ";\n          font-size: 12px;\n          line-height: 20px;\n          font-weight: 700;\n          color: #fff;\n        }\n      }\n    }\n\n    * + * {\n      margin-left: 10px;\n    }\n  }\n\n  .cart-and-raiting,\n  .retailers-and-user {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 5px 10px;\n    .star-button {\n      button {\n        padding: 3px;\n        color: transparent;\n        -webkit-text-stroke: 1px #808080;\n      }\n    }\n  }\n\n  .retailers-and-user {\n    padding: 0;\n    > * {\n      flex: 1 0 50%;\n      display: flex;\n      padding: 5px;\n      height: 36px;\n    }\n    .retailers-container {\n      border-right: 1px solid #f0f0f0;\n    }\n  }\n\n  &:hover {\n    cursor: pointer;\n    box-shadow: 1px 2px 5px black;\n  }\n"])), _variables.FontFamily.Lato, _variables.FontFamily.AvenirNext);
 
-exports.Container = Container;
+exports.Container = Container;
+
+var StateReview = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  display: inline-block;\n  padding: 0 10px;\n  border-radius: 5px;\n  font-family: ", ";\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 20px;\n  color: white;\n"])), function (props) {
+  switch (props.backgroundColor) {
+    case "rejected_to_provider":
+      return "#d90202";
+
+    case "approved":
+      return "#28e602";
+
+    case "in_progress":
+      return "rgb(24, 160, 251)";
+
+    case "onboarding_flow":
+      return "#e6b802";
+
+    default:
+      return "gray";
+  }
+}, _variables.FontFamily.Lato);
+
+exports.StateReview = StateReview;