contentoh-components-library 21.2.63 → 21.2.66

package/.env.development

@@ -21,8 +21,11 @@ REACT_APP_READ_REQUIRED_ORDERS=https://fc069ovhuk.execute-api.us-east-1.amazonaw
 REACT_APP_CATEGORY_ENDPOINT=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/categories
 REACT_APP_READ_PROVIDERS=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/providers
 REACT_APP_PENDING_INVITATIONS=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/pending-invitations
-
+REACT_APP_POST_MESSAGE=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/products-chat
+REACT_APP_KEY_UPLOAD_TO_S3=AKIA5CPHLQTT46EQ5TIK
+REACT_APP_ACCESS_KEY_UPLOAD_TO_S3=tZDdrmvwxM1cScspfxFM3XpU4HSYrCNPazyHd0BL
 REACT_APP_IMAGES_BUCKET=content-management-images
+
 REACT_APP_KEY_UPLOAD_TO_S3=AKIA5CPHLQTT46EQ5TIK
 REACT_APP_IMAGES_PROFILE_BUCKET=content-management-profile
 REACT_APP_ACCESS_KEY_UPLOAD_TO_S3=tZDdrmvwxM1cScspfxFM3XpU4HSYrCNPazyHd0BL

package/dist/components/atoms/CustomSelectItem/CustomSelectItem.stories.js

@@ -0,0 +1,323 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CustomSelectItemDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _ = require(".");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _default = {
+  title: "Components/atoms/CustomSelectItem",
+  component: _.CustomSelectItem
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.CustomSelectItem, (0, _objectSpread2.default)({}, args));
+};
+
+var CustomSelectItemDefault = Template.bind({});
+exports.CustomSelectItemDefault = CustomSelectItemDefault;
+CustomSelectItemDefault.args = {
+  option: {
+    id: 0,
+    name: "Abarrotes",
+    subOptions: [{
+      id: 0,
+      name: "Abarrotes Secos",
+      subOptions: [{
+        id: 4,
+        name: "Alimentos Deshidratados"
+      }, {
+        id: 5,
+        name: "Avenas y Granolas"
+      }, {
+        id: 6,
+        name: "Azúcar, Endulzantes y Sustitutos"
+      }, {
+        id: 7,
+        name: "Café Grano"
+      }, {
+        id: 8,
+        name: "Café Soluble"
+      }, {
+        id: 9,
+        name: "Cereales y Barras"
+      }, {
+        id: 10,
+        name: "Despensas y Canastas"
+      }, {
+        id: 11,
+        name: "Frutos Secos"
+      }, {
+        id: 12,
+        name: "Galletas"
+      }, {
+        id: 13,
+        name: "Harinas y Repostería"
+      }, {
+        id: 14,
+        name: "Pan de Caja"
+      }, {
+        id: 15,
+        name: "Postres en Polvo"
+      }, {
+        id: 16,
+        name: "Saborizantes de Leche"
+      }, {
+        id: 17,
+        name: "Sopas y Pastas"
+      }, {
+        id: 18,
+        name: "Tortillas Empacadas"
+      }]
+    }, {
+      id: 1,
+      name: "Aceites y Vinagres",
+      subOptions: [{
+        id: 20,
+        name: "Aceite de Oliva"
+      }, {
+        id: 21,
+        name: "Aceite en Aerosol"
+      }, {
+        id: 22,
+        name: "Aceites y Manteca"
+      }]
+    }, {
+      id: 2,
+      name: "Aderezos, Especias y Sazonadores",
+      subOptions: [{
+        id: 24,
+        name: "Aderezos"
+      }, {
+        id: 25,
+        name: "Condimentos y Especias"
+      }, {
+        id: 26,
+        name: "Consomés"
+      }, {
+        id: 27,
+        name: "Mayonesas"
+      }, {
+        id: 28,
+        name: "Purés"
+      }, {
+        id: 29,
+        name: "Salsas"
+      }]
+    }, {
+      id: 3,
+      name: "Agua, Jugos y Bebidas",
+      subOptions: [{
+        id: 31,
+        name: "Agua Embotellada"
+      }, {
+        id: 32,
+        name: "Bebidas Energizantes"
+      }, {
+        id: 33,
+        name: "Bebidas Isotónicas"
+      }, {
+        id: 34,
+        name: "Bebidas no Gasificadas"
+      }, {
+        id: 35,
+        name: "Bebidas y Concentrados en Polvo"
+      }, {
+        id: 36,
+        name: "Café, Té y Saborizantes"
+      }, {
+        id: 37,
+        name: "Jarabes para Agua"
+      }, {
+        id: 38,
+        name: "Jugos y Néctares"
+      }, {
+        id: 39,
+        name: "Refrescos y Sodas"
+      }]
+    }, {
+      id: 4,
+      name: "Botanas, Golosinas y Chocolates",
+      subOptions: [{
+        id: 41,
+        name: "Botanas"
+      }, {
+        id: 42,
+        name: "Confitería"
+      }, {
+        id: 43,
+        name: "Dulces y Chocolates"
+      }, {
+        id: 44,
+        name: "Frituras Empacadas"
+      }]
+    }, {
+      id: 5,
+      name: "Cervezas, Vinos, Licores y Cigarros",
+      subOptions: [{
+        id: 46,
+        name: "Accesorios Vinos"
+      }, {
+        id: 47,
+        name: "Aguardientes"
+      }, {
+        id: 48,
+        name: "Aperitivos"
+      }, {
+        id: 49,
+        name: "Brandy y Coñac"
+      }, {
+        id: 50,
+        name: "Cervezas"
+      }, {
+        id: 51,
+        name: "Cigarros Y Puros"
+      }, {
+        id: 52,
+        name: "Cockteles"
+      }, {
+        id: 53,
+        name: "Coolers y Bebidas Preparadas"
+      }, {
+        id: 54,
+        name: "Destilados"
+      }, {
+        id: 55,
+        name: "Digestivos"
+      }, {
+        id: 56,
+        name: "Mezcladores"
+      }, {
+        id: 57,
+        name: "Rompopes y Cremas"
+      }, {
+        id: 58,
+        name: "Ron"
+      }, {
+        id: 59,
+        name: "Tequila"
+      }, {
+        id: 60,
+        name: "Vinos Blancos"
+      }, {
+        id: 61,
+        name: "Vinos Espumosos"
+      }, {
+        id: 62,
+        name: "Vinos Rosados"
+      }, {
+        id: 63,
+        name: "Vinos Tintos"
+      }, {
+        id: 64,
+        name: "Vodka y Ginebra"
+      }, {
+        id: 65,
+        name: "Whisky"
+      }]
+    }, {
+      id: 6,
+      name: "Enlatados y Conservas",
+      subOptions: [{
+        id: 67,
+        name: "Alimentos Preparados"
+      }, {
+        id: 68,
+        name: "Almíbares"
+      }, {
+        id: 69,
+        name: "Chiles Enlatados"
+      }, {
+        id: 70,
+        name: "Conservas Granel"
+      }, {
+        id: 71,
+        name: "Encurtidos"
+      }, {
+        id: 72,
+        name: "Frijoles Envasados"
+      }, {
+        id: 73,
+        name: "Legumbres Enlatados"
+      }, {
+        id: 74,
+        name: "Pescados y Mariscos Enlatados"
+      }, {
+        id: 75,
+        name: "Sopas Enlatadas"
+      }]
+    }, {
+      id: 7,
+      name: "Gourmet y Comida de Temporada",
+      subOptions: [{
+        id: 77,
+        name: "Gourmet y Comida de Temporada"
+      }]
+    }, {
+      id: 8,
+      name: "Granos y Semillas",
+      subOptions: [{
+        id: 79,
+        name: "Arroz"
+      }, {
+        id: 80,
+        name: "Frijol"
+      }, {
+        id: 81,
+        name: "Granos"
+      }, {
+        id: 82,
+        name: "Semillas"
+      }]
+    }, {
+      id: 9,
+      name: "Hielo",
+      subOptions: [{
+        id: 84,
+        name: "Hielo"
+      }]
+    }, {
+      id: 10,
+      name: "Lácteos e Infusiones",
+      subOptions: [{
+        id: 86,
+        name: "Condensadas y Evaporadas"
+      }, {
+        id: 87,
+        name: "Leche Líquida"
+      }, {
+        id: 88,
+        name: "Leche Polvo"
+      }, {
+        id: 89,
+        name: "Sustitutos de Crema"
+      }, {
+        id: 90,
+        name: "Té e Infusiones"
+      }]
+    }, {
+      id: 11,
+      name: "Untables y Mermeladas",
+      subOptions: [{
+        id: 92,
+        name: "Cajetas y Untables"
+      }, {
+        id: 93,
+        name: "Mermeladas y Jaleas"
+      }, {
+        id: 94,
+        name: "Mieles"
+      }]
+    }]
+  },
+  className: "main-option"
+};

package/dist/components/atoms/CustomSelectItem/index.js

@@ -0,0 +1,174 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomSelectItem = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _styles = require("./styles");
+
+var _CheckBox = require("../CheckBox");
+
+var _react = require("react");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var CustomSelectItem = function CustomSelectItem(_ref) {
+  var option = _ref.option,
+      _ref$activeFilters = _ref.activeFilters,
+      activeFilters = _ref$activeFilters === void 0 ? {} : _ref$activeFilters,
+      parameterArray = _ref.parameterArray,
+      globalFilters = _ref.globalFilters,
+      setActiveFilters = _ref.setActiveFilters,
+      setParameterArray = _ref.setParameterArray,
+      className = _ref.className,
+      _ref$route = _ref.route,
+      route = _ref$route === void 0 ? "" : _ref$route;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      showSubOptions = _useState2[0],
+      setShowSubOptions = _useState2[1];
+
+  var filterRoute = route;
+
+  var returnFilterId = function returnFilterId(object) {
+    var subOptions = object.subOptions,
+        id = object.id;
+    if (subOptions) return subOptions.map(returnFilterId);else return id;
+  };
+
+  var oneDimensionArray = function oneDimensionArray(arr) {
+    var array = [];
+    arr.forEach(function (element) {
+      if ((0, _typeof2.default)(element) == "object") array.push.apply(array, (0, _toConsumableArray2.default)(oneDimensionArray(element)));else array.push(element);
+    });
+    return array;
+  };
+
+  var setFilter = function setFilter(object) {
+    var newObject = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var subOptions = object.subOptions;
+
+    if (subOptions) {
+      subOptions.forEach(function (option) {
+        newObject[option.name] = setFilter(option);
+      });
+      return newObject;
+    } else return newObject[object.name] = 1;
+  };
+
+  var createFilter = function createFilter(rout, option, filters) {
+    var levelsArray = rout.includes("|") ? rout.split("|").reverse() : [rout];
+
+    if (levelsArray.length === 1) {
+      return (0, _defineProperty2.default)({}, levelsArray[0], setFilter(option));
+    } else if (levelsArray.length === 2) {
+      var newObject = {};
+      newObject[levelsArray[1]] = (0, _objectSpread2.default)({}, filters);
+      newObject[levelsArray[1]][levelsArray[0]] = (0, _objectSpread2.default)({}, setFilter(option));
+      return (0, _objectSpread2.default)({}, newObject);
+    } else if (levelsArray.length === 3) {
+      var _newObject = globalFilters;
+
+      if (_newObject[levelsArray[2]]) {
+        _newObject[levelsArray[2]][levelsArray[1]] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _newObject[levelsArray[2]][levelsArray[1]]), filters);
+      } else {
+        _newObject = (0, _defineProperty2.default)({}, levelsArray[2], (0, _defineProperty2.default)({}, levelsArray[1], (0, _objectSpread2.default)({}, filters)));
+      }
+
+      _newObject[levelsArray[2]][levelsArray[1]][levelsArray[0]] = 1;
+      return (0, _objectSpread2.default)({}, _newObject);
+    }
+  };
+
+  var deleteFilter = function deleteFilter(rout) {
+    var levelsArray = rout.includes("|") ? rout.split("|").reverse() : [rout];
+    var newObject = (0, _objectSpread2.default)({}, globalFilters);
+    if (levelsArray.length === 1) delete newObject[levelsArray[0]];else if (levelsArray.length === 2) delete newObject[levelsArray[1]][levelsArray[0]];else if (levelsArray.length === 3) delete newObject[levelsArray[2]][levelsArray[1]][levelsArray[0]];
+    return newObject;
+  };
+
+  var onChangeChk = function onChangeChk(e, object) {
+    var idsFilter = returnFilterId(object);
+
+    if ((0, _typeof2.default)(idsFilter) === "object") {
+      idsFilter = oneDimensionArray(idsFilter);
+    } else {
+      idsFilter = [idsFilter];
+    }
+
+    var tempArray = parameterArray.slice();
+
+    if (e.target.checked) {
+      var _tempArray;
+
+      var newFilter = createFilter(route, option, activeFilters);
+
+      (_tempArray = tempArray).push.apply(_tempArray, (0, _toConsumableArray2.default)(idsFilter));
+
+      setActiveFilters(function (current) {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, current), newFilter);
+      });
+    } else {
+      tempArray = tempArray.filter(function (element) {
+        return !idsFilter.includes(element);
+      });
+      var remainFilters = deleteFilter(route, globalFilters);
+      setActiveFilters(function (current) {
+        return remainFilters;
+      });
+    }
+
+    setParameterArray(tempArray);
+  };
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    mainDivClass: className,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: className,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckBox.CheckBox, {
+        id: "main-item-" + option.name,
+        label: option.name,
+        defaultChecked: activeFilters[option.name],
+        onChange: function onChange(e) {
+          return onChangeChk(e, option);
+        }
+      }), option.subOptions && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        onClick: function onClick() {
+          return setShowSubOptions(!showSubOptions);
+        },
+        className: "arrow-item",
+        children: "\u25C0"
+      })]
+    }), showSubOptions && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "sub-options",
+      children: option.subOptions.map(function (subOption, index) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomSelectItem, {
+          option: subOption,
+          className: "sub-option",
+          route: "".concat(filterRoute, "|").concat(subOption.name),
+          activeFilters: activeFilters[option.name],
+          parameterArray: parameterArray,
+          globalFilters: globalFilters,
+          setActiveFilters: setActiveFilters,
+          setParameterArray: setParameterArray
+        }, index + "-" + subOption.name);
+      })
+    })]
+  });
+};
+
+exports.CustomSelectItem = CustomSelectItem;

package/dist/components/atoms/CustomSelectItem/styles.js

@@ -0,0 +1,20 @@
+"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 _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & > .", " {\n    display: flex;\n    justify-content: space-between;\n    padding: 5px;\n    flex-wrap: nowrap;\n    white-space: nowrap;\n\n    .arrow-item {\n      transform: rotate(-90deg);\n      cursor: pointer;\n      font-size: 10px;\n    }\n\n    &:hover {\n      background-color: #f0f0f0;\n    }\n\n    input {\n      & + label {\n        cursor: pointer;\n      }\n    }\n  }\n  .sub-options {\n    & > * {\n      padding-left: 15px;\n    }\n  }\n"])), function (props) {
+  return props.mainDivClass;
+});
+
+exports.Container = Container;

package/dist/components/atoms/GradientPanel/GradientPanel.stories.js

@@ -93,7 +93,7 @@ LoginPanelDefault.args = {
       className: "active-left"
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
       className: "active-right",
-      children: "Olvide mi contrase\xF1a"
+      children: "Olvid\xE9 mi contrase\xF1a"
     })]
   }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "button-right",

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

@@ -11,6 +11,8 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 
 var _index = require("./index");
 
+var _starIcon = _interopRequireDefault(require("../../../assets/images/customSelect/starIcon.svg"));
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _default = {
@@ -26,29 +28,26 @@ var Template = function Template(args) {
 var CustomSelectDefault = Template.bind({});
 exports.CustomSelectDefault = CustomSelectDefault;
 CustomSelectDefault.args = {
-  selectLabel: "Todos los departamentos",
+  // selectLabel: "Todos los departamentos",
   defaultOption: "Todos los departamentos",
   options: [{
-    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: 47,
+    name: "Enero 2023",
+    isSelected: true
   }, {
-    id: 5,
-    value: "Iluminación"
-  }]
+    id: 49,
+    name: "Mis Favoritos"
+  }],
+  onClickItem: function onClickItem(v, id) {
+    if (v) {
+      console.log("Agregar a la lista", id);
+    } else {
+      console.log("Eliminar a la lista", id);
+    }
+  },
+  icon: _starIcon.default,
+  showSearchBar: true,
+  customOptions: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+    children: "Esto es un customOptions"
+  })
 };

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

@@ -26,7 +26,8 @@ var SelecItem = function SelecItem(_ref) {
       customSelectId = _ref.customSelectId,
       setParameterArray = _ref.setParameterArray,
       activeFilters = _ref.activeFilters,
-      setActiveFilters = _ref.setActiveFilters;
+      setActiveFilters = _ref.setActiveFilters,
+      onClickItem = _ref.onClickItem;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -46,6 +47,10 @@ var SelecItem = function SelecItem(_ref) {
         id: "main-item-" + option.id,
         label: option.name,
         onChange: function onChange(e) {
+          if (onClickItem) {
+            onClickItem(e.target.checked, option.id);
+          }
+
           var subOptions = option.subOptions;
           var filtersCopy = (0, _objectSpread2.default)({}, activeFilters);
 
@@ -108,6 +113,10 @@ var SelecItem = function SelecItem(_ref) {
             label: sub.name,
             defaultChecked: activeFilters[option.name] && activeFilters[option.name][sub.name],
             onChange: function onChange(e) {
+              if (onClickItem) {
+                onClickItem(e.target.checked, sub.id);
+              }
+
               if (e.target.checked) {
                 setParameterArray(function (current) {
                   return [].concat((0, _toConsumableArray2.default)(current), [sub.id]).sort(function (a, b) {