contentoh-components-library 21.2.71 → 21.2.73

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/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) {

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

@@ -23,8 +23,6 @@ var _searchIcon = _interopRequireDefault(require("../../../assets/images/customS
 
 var _customHooks = require("../../../global-files/customHooks");
 
-var _SelectItem = require("./SelectItem");
-
 var _Calendar = require("../../organisms/Calendar");
 
 var _CustomSelectItem = require("../../atoms/CustomSelectItem");
@@ -46,7 +44,8 @@ var CustomSelect = function CustomSelect(_ref) {
       onClickItem = _ref.onClickItem,
       icon = _ref.icon,
       customOptions = _ref.customOptions,
-      showFilterString = _ref.showFilterString;
+      _ref$isSingleSelect = _ref.isSingleSelect,
+      isSingleSelect = _ref$isSingleSelect === void 0 ? false : _ref$isSingleSelect;
 
   var _useState = (0, _react.useState)([]),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -223,7 +222,7 @@ var CustomSelect = function CustomSelect(_ref) {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "filters-container",
         children: filters === null || filters === void 0 ? void 0 : filters.map(function (option) {
-          return customSelectId === "dates-select" ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          return isSingleSelect ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "dates-select-item",
             onClick: function onClick() {
               option.function ? option.function(setShowDatePicker) : setShowDatePicker(true);

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

@@ -13,6 +13,8 @@ var _index2 = require("../../atoms/GeneralButton/index");
 
 var _react = require("react");
 
+var _index3 = require("../../atoms/ChatPopUp/index");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var HeaderTop = function HeaderTop(_ref) {
@@ -25,11 +27,14 @@ var HeaderTop = function HeaderTop(_ref) {
     ref: headerTop,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
       text: "Edici\xF3n de producto"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
-      buttonType: "close-button",
-      onClick: function onClick() {
-        window.location.href = "/products";
-      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "buttons-top",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
+        buttonType: "close-button",
+        onClick: function onClick() {
+          window.location.href = "/products";
+        }
+      })
     })]
   });
 };

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

@@ -13,6 +13,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  .buttons-top {\n    display: flex;\n    align-items: center;\n  }\n"])));
 
 exports.Container = Container;

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

@@ -37,7 +37,8 @@ var TagAndInput = function TagAndInput(_ref) {
       inputOnChange = _ref.inputOnChange,
       color = _ref.color,
       disabled = _ref.disabled,
-      onKeyDown = _ref.onKeyDown;
+      onKeyDown = _ref.onKeyDown,
+      showTooltip = _ref.showTooltip;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     inputType: inputType,
     className: "input-container",
@@ -47,7 +48,7 @@ var TagAndInput = function TagAndInput(_ref) {
         text: label,
         headerType: "input-name-header",
         color: color
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      }), showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "tooltip",
         children: label
       })]

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

@@ -15,7 +15,7 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .title-container {\n    //position: relative;\n    .tooltip {\n      display: none;\n      position: absolute;\n      background-color: ", ";\n      color: ", ";\n      font-family: ", ";\n      font-size: 14px;\n      line-height: 19px;\n      left: 0;\n      top: 0;\n      height: fit-content;\n      transition: display 2s;\n    }\n\n    &:hover {\n      .tooltip {\n        display: block;\n      }\n    }\n  }\n\n  & > :first-child {\n    & + * {\n      margin-top: ", "px;\n    }\n  }\n  & + * {\n    margin-top: ", "px;\n  }\n"])), _variables.GlobalColors.white, function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .title-container {\n    position: relative;\n    .tooltip {\n      display: none;\n      position: absolute;\n      background-color: ", ";\n      color: ", ";\n      font-family: ", ";\n      font-size: 14px;\n      line-height: 19px;\n      left: 0;\n      top: 0;\n      height: fit-content;\n      transition: display 2s;\n    }\n\n    &:hover {\n      .tooltip {\n        display: block;\n      }\n    }\n  }\n\n  & > :first-child {\n    & + * {\n      margin-top: ", "px;\n    }\n  }\n  & + * {\n    margin-top: ", "px;\n  }\n"])), _variables.GlobalColors.white, function (_ref) {
   var color = _ref.color;
   return color ? color : _variables.GlobalColors.s5;
 }, _variables.FontFamily.Raleway, function (_ref2) {

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

@@ -67,7 +67,8 @@ var InputGroup = function InputGroup(_ref) {
           setUpdatedDatasheets: setUpdatedDatasheets,
           maxChar: (_dataInputs$input9 = dataInputs[input]) !== null && _dataInputs$input9 !== void 0 && _dataInputs$input9.max_chars ? (_dataInputs$input10 = dataInputs[input]) === null || _dataInputs$input10 === void 0 ? void 0 : _dataInputs$input10.max_chars : 999,
           optionList: (_dataInputs$input11 = dataInputs[input]) === null || _dataInputs$input11 === void 0 ? void 0 : _dataInputs$input11.option_list,
-          description: (_dataInputs$input12 = dataInputs[input]) === null || _dataInputs$input12 === void 0 ? void 0 : _dataInputs$input12.description
+          description: (_dataInputs$input12 = dataInputs[input]) === null || _dataInputs$input12 === void 0 ? void 0 : _dataInputs$input12.description,
+          showTooltip: true
         }, index + "-" + ((_dataInputs$input = dataInputs[input]) === null || _dataInputs$input === void 0 ? void 0 : _dataInputs$input.value) + "-" + ((_dataInputs$input2 = dataInputs[input]) === null || _dataInputs$input2 === void 0 ? void 0 : _dataInputs$input2.id)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
           inputId: input.id,
           index: index,
@@ -82,7 +83,8 @@ var InputGroup = function InputGroup(_ref) {
           articleId: articleId,
           version: version,
           dinamicHeight: dinamicHeight,
-          description: input === null || input === void 0 ? void 0 : input.description
+          description: input === null || input === void 0 ? void 0 : input.description,
+          showTooltip: true
         }, index + "-" + (input === null || input === void 0 ? void 0 : input.value));
       })
     })]

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

@@ -59,5 +59,5 @@ DashboardDeafult.args = {
     },
     src: "https://content-management-profile-prod.s3.amazonaws.com/id-425/425.png?1666639556174"
   },
-  jwt: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIyM2EzZjQ5Ni00ZTM4LTRlMTItOWJmNS03ZjkwYjc3YTJmMzUiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjIzYTNmNDk2LTRlMzgtNGUxMi05YmY1LTdmOTBiNzdhMmYzNSIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiJiMTRhODNhNS05NDhjLTQyMDgtOTUzNi02NTBiZWFhYjI2MmYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NjYzOTU1NiwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2NjY0MzE1NiwiaWF0IjoxNjY2NjM5NTU2LCJlbWFpbCI6ImxhZGlib2g3ODVAbWkxNjYuY29tIn0.orGhdg1rhoD52Y5hOfr1H2ZWcfx57O_xSu-i8rZaWqQG2FrdeaoNNZ4r207uhaZF-gyuQevMkb02b4GkpMX1WaPRoS6f0OR0zNrOMXiag262G6kog6YuwiAiRasgfpGOhvOMRpwnm9zV3avqaqEI7S1B4VUl688NmwiVd0Zv6U3yuU2uyOc8Sb0wFKaQAcREydK-xNEwDTXzbsAewl3dXMA6lROQDn5ZOumVbAcZVRw1_z8DwGlsLdho_WwXHiDR_fcnFKZAXm1Jf8wJmQgT6EnmRrOIBROLv0e1uaW78nnvLKL7aWUyLr_VUlOb66AiHw0WnDUbVsDKn1nemMF2_Q"
+  jwt: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJkYWVmODU5ZC00ODQyLTRkNDQtYTNiNC02ODZlNmJhNTVkMjgiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NzA3MjM5MCwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2NzA3NTk5MCwiaWF0IjoxNjY3MDcyMzkwLCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.FbGtX1sC3b2c76hGcxkx-GSurEMKZSwNVEnuUOlV9Dhhqrre1VmtfjvodH_3Leipr4g38Sukb6Pr9lVgEy6DJ57MShpS63niXE7Y43FUJ4gVe4F6k8sYbXUaZYS2vw2_PibnycNsFrpD76fZ_ulTqlSuHNrnzf2mjcDFJ5Qlj8hcLlRnpu_DFVpIiXVyK9kvLE5jImHvo4oQZUSrnuIs-oUE7j8mX8-GH2e95Up2wnBMak6S6meMibKoUEFo2qdtDSFbS1JCMBq4vWw2DxToX-7AGXGp_CLxf-sjJ_UpLmFa0KyyxjhAE2cR9BGo8DM8LEUIqMvcz2KH-7e9QTgisA"
 };

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

@@ -438,7 +438,8 @@ var Dashboard = function Dashboard(_ref) {
         placeHolder: "Buscar fecha",
         customSelectId: "dates-select",
         parameterArray: datesRange,
-        setParameterArray: setDatesRange
+        setParameterArray: setDatesRange,
+        isSingleSelect: true
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
         showFilterString: true,
         showSearchBar: true,
@@ -458,7 +459,7 @@ var Dashboard = function Dashboard(_ref) {
         customSelectId: "category-select",
         parameterArray: categoryId,
         setParameterArray: setCategoryId,
-        defaultOption: "Todas las categorías"
+        defaultOption: "Todas las categor\xEDas"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
         showFilterString: true,
         showSearchBar: true,

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

@@ -1550,10 +1550,6 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
 
             case 8:
               evalResponse = _context13.sent;
-              console.log(evalResponse.map(function (_ref15) {
-                var data = _ref15.data;
-                return JSON.parse(data.body);
-              }));
               userType = user.is_retailer === 1 ? "CA" : "P";
               productTemp = product;
               productTemp.article_status = "".concat(result).concat(userType);
@@ -1582,24 +1578,24 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                 idCategory: productTemp.article.id_category,
                 product: productTemp
               }));
-              _context13.next = 26;
+              _context13.next = 25;
               return loadData();
 
-            case 26:
-              _context13.next = 31;
+            case 25:
+              _context13.next = 30;
               break;
 
-            case 28:
-              _context13.prev = 28;
+            case 27:
+              _context13.prev = 27;
               _context13.t0 = _context13["catch"](0);
               console.log(_context13.t0);
 
-            case 31:
+            case 30:
             case "end":
               return _context13.stop();
           }
         }
-      }, _callee13, null, [[0, 28]]);
+      }, _callee13, null, [[0, 27]]);
     }));
 
     return function validateAll(_x8) {
@@ -1608,7 +1604,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   }();
 
   var evaluationToRetailer = /*#__PURE__*/function () {
-    var _ref16 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14(result) {
+    var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14(result) {
       var data, prod, statusComplete;
       return _regenerator.default.wrap(function _callee14$(_context14) {
         while (1) {
@@ -1650,7 +1646,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     }));
 
     return function evaluationToRetailer(_x9) {
-      return _ref16.apply(this, arguments);
+      return _ref15.apply(this, arguments);
     };
   }();
 

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

@@ -31,162 +31,66 @@ RetailerProductEditionDefault.args = {
     "Ficha técnica": false,
     Imágenes: false
   },
-  token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI4ZDAxMDIxNC01YmZhLTQzYzMtOTZmYi1jNTU2ZGMwNTc3NGIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjhkMDEwMjE0LTViZmEtNDNjMy05NmZiLWM1NTZkYzA1Nzc0YiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI3YWYzZTgyNS02YmVhLTRjMmItOTdiYi04NTVjZGVkZTQ2MjAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NzI1MzUzNywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2NzI1NzEzNywiaWF0IjoxNjY3MjUzNTM3LCJlbWFpbCI6ImthcmFmZTMyMThAbW9tMmtpZC5jb20ifQ.q0rZh2bcMA926m3M3sa1NNmHPXlbDLt0qskcy19OHC5RL1MdvYeK5XpEdVbVKNeiWbsQpshJLqE0gb70EMYhh1mBxi7PKhi8HiCPFrUYRGbYTyVtGWN9CoqnVtoT2dag4MY2DSo6kVtH-M__Sw1UA5Y90INKutsBtx2GxW_uzeBzxxWpJ51WGvtsatUE0-_esd4yIZMvzgkzX-tCtIDzpZPI2x9HLeLdneEHnjM-zzI5ke8BQVCnbcv4q7kkETP0bWADApli0VJ5UBKRaL6_nNFqlDY0F6MWmz09LXirYV_jAoG09d4UCaa14u0VNDFKuIO08pSpiGcYXHOkh2C6Yw",
+  token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI4ZDAxMDIxNC01YmZhLTQzYzMtOTZmYi1jNTU2ZGMwNTc3NGIiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjhkMDEwMjE0LTViZmEtNDNjMy05NmZiLWM1NTZkYzA1Nzc0YiIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI2ZWY3Y2UxYy0xYjBjLTRkNGYtYTc3Yy1jMWIwYTk0ZjIwOWEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NzMyMTQ5NCwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2NzMyNTA5NCwiaWF0IjoxNjY3MzIxNDk0LCJlbWFpbCI6ImthcmFmZTMyMThAbW9tMmtpZC5jb20ifQ.GjBtY-LW5eYzvNfrIJOdb9pDMU_CZlIxRAn1ZszjMfWNU9s8s_j6o4_2x0J7AyiSjgu9TaLRcRpF6FZ5pzwNGs8G5AxnO3r_PIg2mznM44QLnt5PTfdoFx2jJmU53UA8GZU1SFDvDlR1QZR-EtANz2wfNs8RqY_mKTz5WjY7RdGTFVkowTv-Y1Q9T7x_fpv_5o-nB5GzLBQoHwTLQ_vjguSLH17l2BUn0QxLi2WJVs-qWX4ze4QysADVxYOlMkAQql328oqoqdXRbZrntnxYxa5EMpmref1bGbSOFk4qgHax4qa3gD2_h291NLjCZS7IMGDSIhOk9r7irItbojM01Q",
   productSelected: {
     services: {
       datasheets: 1,
       descriptions: 1,
       images: 1
     },
-    orderId: 3265,
-    status: "AA",
-    datasheet_status: "RP",
+    orderId: 3321,
+    status: "PA",
+    datasheet_status: "AC",
     prio: "none",
-    version: 3,
-    description_status: "RP",
-    images_status: "AA",
+    version: 2,
+    description_status: "AC",
+    images_status: "PA",
     statusByRetailer: {
-      4: {
-        datasheet: "RP/RA/CA",
-        description: "RP/RA/CA",
-        images: "AP"
-      },
-      5: {
-        datasheet: "RP/RA/AS",
-        description: "RP/RA/CA",
-        images: "AA"
-      },
-      12: {
-        description: "RP/RA/CA",
-        images: "AA",
-        datasheet: "RP/RA/AS"
-      },
-      13: {
-        datasheet: "RP/RA/AS",
-        description: "RP/RA/CA",
-        images: "AA"
-      },
-      16: {
-        datasheet: "RP/RA/AS",
-        description: "RP/RA/CA",
-        images: "AA"
-      },
-      29: {
-        datasheet: "RP/RA/AS",
-        description: "RP/RA/CA",
-        images: "AA"
-      },
-      34: {
-        datasheet: "RP/RA/AC",
-        description: "RP/RA/AC",
-        images: "AA"
+      58: {
+        datasheet: "AC",
+        description: "AC",
+        images: "PA"
       }
     },
     article: {
-      id_article: 78435,
-      id_category: "700",
-      name: "GAR S.ACT EA GEL SERUM 50ML",
-      upc: "7509552844672",
-      timestamp: "2022-07-27T04:02:57.000Z",
-      id_user: 342,
-      status: "NULL",
+      id_article: 85655,
+      id_category: "2052",
+      name: "EXTENSION P/ EXTERIOR 3X10 AWG 10M ROJO",
+      upc: "165679",
+      timestamp: "2022-11-01T15:46:51.000Z",
+      id_user: 1436,
+      status: null,
       active: 1,
-      company_id: 234,
+      company_id: 409,
       SKU: null,
       Descripcion: null,
       Proveedor: null,
       id_proveedor: 0,
-      company_name: "L'ORÉAL",
+      company_name: "HIGHLINE-WARREN LLC",
       country: null,
-      id_order: 3265,
-      id_datasheet_especialist: 426,
+      id_order: 3321,
+      id_datasheet_especialist: 1248,
       id_datasheet_facilitator: null,
-      id_description_especialist: 405,
+      id_description_especialist: 1248,
       id_description_facilitator: null,
-      id_images_especialist: 1462,
-      id_images_facilitator: 160,
-      id_auditor: 9,
+      id_images_especialist: null,
+      id_images_facilitator: null,
+      id_auditor: null,
       id_recepcionist: null,
-      category: "Salud y Belleza|Cuidado Facial|Cremas, Mascarillas y Tratamientos",
+      category: "Eléctrico|Extensiones y Multicontactos|Extensiones y Multicontactos",
       missingAttributes: null,
       missingDescriptions: null,
       missingImages: null
     },
     retailers: [{
-      id: 4,
-      name: "Walmart Super y Superama",
+      id: 58,
+      name: "The Home Depot Golden",
       country: "México",
       id_region: 1,
-      active: 1,
-      percentage: 100,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/4.png",
-      services: ["RP/RA/CA", "RP/RA/CA", "AP", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA"]
-    }, {
-      id: 5,
-      name: "Chedraui",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 100,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/5.png",
-      services: ["NA", "NA", "NA", "RP/RA/AS", "RP/RA/CA", "AA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA"]
-    }, {
-      id: 6,
-      name: "HEB",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 100,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/6.png",
-      services: ["NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA"]
-    }, {
-      id: 12,
-      name: "La Comer",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 100,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/12.png",
-      services: ["NA", "NA", "NA", "NA", "NA", "NA", "RP/RA/AS", "RP/RA/CA", "AA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA"]
-    }, {
-      id: 13,
-      name: "Soriana",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 100,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/13.png",
-      services: ["NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "RP/RA/AS", "RP/RA/CA", "AA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA"]
-    }, {
-      id: 16,
-      name: "Rappi",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 100,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/16.png",
-      services: ["NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "RP/RA/AS", "RP/RA/CA", "AA", "NA", "NA", "NA", "NA", "NA", "NA"]
-    }, {
-      id: 29,
-      name: "Farmacias del Ahorro",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 100,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/29.png",
-      services: ["NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "RP/RA/AS", "RP/RA/CA", "AA", "NA", "NA", "NA"]
-    }, {
-      id: 34,
-      name: "San Pablo",
-      country: "México",
-      id_region: 1,
-      active: 1,
-      percentage: 83.33333333333333,
-      image: "https://content-management-images.s3.amazonaws.com/retailers/34.png",
-      services: ["NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "NA", "RP/RA/AC", "RP/RA/AC", "AA"]
+      active: 1
     }],
     country: null,
-    upc: "7509552844672"
+    upc: "165679"
   },
   location: {
     product: {
@@ -225,6 +129,6 @@ RetailerProductEditionDefault.args = {
       products_limit: "1000",
       type: "Enterprise"
     },
-    src: "https://content-management-profile-prod.s3.amazonaws.com/id-426/426.png?1667253537878"
+    src: "https://content-management-profile-prod.s3.amazonaws.com/id-426/426.png?1667321494598"
   }
 };

package/dist/global-files/data.js

@@ -294,6 +294,7 @@ var getNewStatus = function getNewStatus(statusArray) {
   if (lookupString.includes("AP")) return "AP";
   if (lookupString.includes("R")) return "R";
   if (lookupString.includes("NA")) return "NA";
+  if (lookupString.includes("Ex")) return "EX";
   return new Error("Status not found");
 };
 

package/package.json

@@ -1,11 +1,15 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.2.71",
+  "version": "21.2.73",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",
     "@aws-amplify/ui-react": "^2.17.0",
     "@babel/runtime": "^7.17.2",
+    "@emotion/react": "^11.10.4",
+    "@emotion/styled": "^11.10.4",
+    "@mui/material": "^5.10.8",
+    "@mui/styled-engine-sc": "^5.10.6",
     "@storybook/addon-postcss": "^2.0.0",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
@@ -19,6 +23,7 @@
     "draft-js": "^0.11.7",
     "file-saver": "^2.0.5",
     "js-base64": "^3.7.2",
+    "moment": "^2.29.4",
     "prop-types": "^15.7.2",
     "react": "^17.0.2",
     "react-chartjs-2": "^4.0.1",
@@ -77,10 +82,10 @@
   "devDependencies": {
     "@babel/cli": "^7.17.10",
     "@babel/core": "^7.16.0",
-    "@storybook/addon-actions": "^6.5.7",
-    "@storybook/addon-essentials": "^6.5.7",
-    "@storybook/addon-links": "^6.5.7",
-    "@storybook/react": "^6.5.7",
+    "@storybook/addon-actions": "^6.5.13",
+    "@storybook/addon-essentials": "^6.5.13",
+    "@storybook/addon-links": "^6.5.13",
+    "@storybook/react": "^6.5.13",
     "auth": "^0.0.9",
     "auto": "^10.36.5",
     "babel-loader": "^8.2.3",

package/src/assets/images/chatPopup/close.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
+  <path id="close_FILL0_wght400_GRAD0_opsz48" d="M6.385,19.308,5.308,18.231l5.923-5.923L5.308,6.385,6.385,5.308l5.923,5.923,5.923-5.923,1.077,1.077-5.923,5.923,5.923,5.923-1.077,1.077-5.923-5.923Z" transform="translate(-5.308 -5.308)" fill="#fff"/>
+</svg>

package/src/assets/images/chatPopup/doc.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 51 65" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round"><use xlink:href="#C" x=".5" y=".5"/><defs><filter id="A" x="-6%" y="-4.6875%" width="116%" height="112.5%"><feGaussianBlur in="SourceAlpha" stdDeviation="1"/><feOffset dx="2" dy="2" result="B"/><feFlood flood-color="#000" flood-opacity=".2"/><feComposite in2="B" operator="in" result="C"/><feMerge><feMergeNode in="C"/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter id="B" x="-27.5%" y="-32.5%" width="160%" height="160%"><feGaussianBlur in="SourceAlpha" stdDeviation="2"/><feOffset dx="1" dy="-1" result="B"/><feFlood flood-color="#000" flood-opacity=".2"/><feComposite in2="B" operator="in" result="C"/><feMerge><feMergeNode in="C"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><symbol id="C" overflow="visible"><path d="M50 20L30 0H5a4.99 4.99 0 0 0-5 5v54a4.99 4.99 0 0 0 5 5h40a4.99 4.99 0 0 0 5-5z" fill="#2196f3" stroke="none" filter="url(#A)"/><defs/><g transform="matrix(-1 0 0 -1 50 20)"><path d="M20 20L0 0h15a4.99 4.99 0 0 1 5 5z" fill="#90caf9" stroke="none" filter="url(#B)"/><defs/></g><path d="M10 17.5h17.5V20H10zm0 10h27.5V30H10zm0 10h27.5V40H10zm0 10h27.5V50H10z" stroke="none"/></symbol></svg>

package/src/assets/images/chatPopup/document.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 66 81" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round"><use xlink:href="#A" x=".5" y=".5"/><symbol id="A" overflow="visible"><path d="M44.674 0H0v79.977h65V20.012L44.674 0zM60.93 75.993H4.07V4.007h38.593v18.008h18.291v53.978zm-10.151-40H14.221v-3.984h36.558zm0 9.995H14.221v-3.984h36.558zm0 10.017H14.221v-4.007h36.558zm0 9.994H14.221v-4.007h36.558z" fill="#2a3282" stroke="none"/></symbol></svg>

package/src/assets/images/chatPopup/iconChat.svg

@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 14 14">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #707070;
+      }
+
+      .cls-2 {
+        clip-path: url(#clip-path);
+      }
+    </style>
+    <clipPath id="clip-path">
+      <rect id="Rectángulo_368" data-name="Rectángulo 368" class="cls-1" width="14" height="14" transform="translate(1737 869)"/>
+    </clipPath>
+  </defs>
+  <g id="Enmascarar_grupo_83" data-name="Enmascarar grupo 83" class="cls-2" transform="translate(-1737 -869)">
+    <path id="forum_FILL0_wght400_GRAD0_opsz48" class="cls-1" d="M1.4,11.9V2.135a.728.728,0,0,1,.228-.49A.651.651,0,0,1,2.1,1.4h9.082a.675.675,0,0,1,.49.236.714.714,0,0,1,.227.5v6.23a.728.728,0,0,1-.227.49.666.666,0,0,1-.49.245H4.2Zm3.518.7a.678.678,0,0,1-.481-.245.716.716,0,0,1-.236-.49V10.15h8.75V4.2H14.7a.651.651,0,0,1,.472.245.744.744,0,0,1,.227.508v10.43L12.617,12.6ZM10.85,2.45H2.45V9.363L3.763,8.05H10.85Zm-8.4,0v0Z" transform="translate(1735.6 867.609)"/>
+  </g>
+</svg>

package/src/assets/images/chatPopup/iconPlus.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path id="Icono_cargar_más" data-name="Icono, cargar más" d="M18,28a9.64,9.64,0,0,1-7.078-2.922A9.64,9.64,0,0,1,8,18a9.64,9.64,0,0,1,2.922-7.078A9.64,9.64,0,0,1,18,8a9.665,9.665,0,0,1,4.656,1.078,11.027,11.027,0,0,1,3.469,2.953V8H28v7.938H20.063V14.063h5.25a9.572,9.572,0,0,0-3.031-3.031A7.888,7.888,0,0,0,18,9.875,8.056,8.056,0,0,0,9.875,18,8.056,8.056,0,0,0,18,26.125a8.2,8.2,0,0,0,4.75-1.484,7.72,7.72,0,0,0,3-3.922h1.937A9.576,9.576,0,0,1,24.094,26,9.947,9.947,0,0,1,18,28Z" transform="translate(-8 -8)" fill="#8a6caa"/>
+</svg>