contentoh-components-library 21.3.11 → 21.3.13

package/.env.development

@@ -21,9 +21,6 @@ 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_PRODUCTS_CHAT_ENDPOINT=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/products-chat
-REACT_APP_TICKETS_CHAT_ENDPOINT=https://ocqbzaa4a2.execute-api.us-east-1.amazonaws.com/dev/ticket-chat
-REACT_APP_IMAGES_ENDPOINT=https://content-management-images.s3.amazonaws.com
 
 REACT_APP_IMAGES_BUCKET=content-management-images
 REACT_APP_IMAGES_PROFILE_BUCKET=content-management-profile
@@ -31,5 +28,3 @@ REACT_APP_KUTS3=AKIA5CPHLQTTS22HCGHW
 REACT_APP_AKUTS3=RSpwEaM0fsLEgN7BJzRyCKqyU0lNExTsPUvxyNXm
 REACT_APP_USER_POOL_ID=us-east-1_XMZQdqkGj
 REACT_APP_USER_POOL_WEB_CLIENT_ID=5ac8tpgs6gbsq13frvrpieep40
-REACT_APP_KEY_UPLOAD_TO_S3=AKIA5CPHLQTTYNYWQ2TM
-REACT_APP_ACCESS_KEY_UPLOAD_TO_S3=zGYWR4rW52rqg1bW1CrC00zBXv2od0mNCF8WGcvr

package/dist/assets/images/generalButton/closeIcon.svg

@@ -1,4 +1,4 @@
 <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
-<line x1="13.3585" y1="12.1333" x2="39.8661" y2="38.641" stroke="#E33AA9" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M39.8672 12.1333L13.8672 38.1333" stroke="#E33AA9" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+<line x1="13.3585" y1="12.1333" x2="39.8661" y2="38.641" stroke="#E33AA9" stroke-width="1.73333" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M39.8672 12.1333L13.8672 38.1333" stroke="#E33AA9" stroke-width="1.73333" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

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

@@ -55,43 +55,35 @@ var ButtonFileChooser = function ButtonFileChooser(props) {
     if (multipleFiles) chooser.multiple = true;
     if (filters) chooser.accept = filters; // "image/*,text/*,application/*"
 
-    chooser.onchange = /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(event) {
-        var _iterator, _step, file;
-
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                //console.log("files:", chooser.files);
-                _iterator = (0, _createForOfIteratorHelper2.default)(chooser.files);
-
-                try {
-                  for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                    file = _step.value;
-                    files.push(file);
-                  }
-                } catch (err) {
-                  _iterator.e(err);
-                } finally {
-                  _iterator.f();
+    chooser.onchange = /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _iterator, _step, file;
+
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _iterator = (0, _createForOfIteratorHelper2.default)(chooser.files);
+
+              try {
+                for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                  file = _step.value;
+                  files.push(file);
                 }
+              } catch (err) {
+                _iterator.e(err);
+              } finally {
+                _iterator.f();
+              }
 
-                onChangeFiles && onChangeFiles(files);
+              onChangeFiles && onChangeFiles(files);
 
-              case 3:
-              case "end":
-                return _context.stop();
-            }
+            case 3:
+            case "end":
+              return _context.stop();
           }
-        }, _callee);
-      }));
-
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }();
-
+        }
+      }, _callee);
+    }));
     document.body.appendChild(chooser);
     chooser.click();
     document.body.removeChild(chooser);

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

@@ -125,20 +125,6 @@ var ImagePreview = function ImagePreview(props) {
     link.click();
     document.body.removeChild(link);
   };
-  /* solo para hacer pruebas en modo dev
-  useEffect(() => {
-    setTimeout(() => {
-      setLoading(false);
-    }, 5000);
-  }, []); */
-
-  /*
-  useEffect(() => {
-    console.log("imgURL:", imgURL);
-    console.log("modalImgURL:", modalImgURL);
-  }, []);
-  */
-
 
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     className: className,

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

@@ -7,46 +7,16 @@ exports.ProgressBar = void 0;
 
 var _styles = require("./styles");
 
-var _Tooltip = require("../Tooltip");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var ProgressBar = function ProgressBar(_ref) {
   var percent = _ref.percent,
-      progressBarType = _ref.progressBarType,
-      percentRequired = _ref.percentRequired;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [percentRequired ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
-        componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
-              children: "Campos requeridos"
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-            children: ["Este nuevo icono te indicar\xE1 cuando ", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), " completes todos los campos requeridos"]
-          })]
-        }),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ContainerIcon, {
-          className: "fondo",
-          percentageRequired: percentRequired,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            class: "hola",
-            children: "local_police"
-          })
-        }),
-        classNameTooltip: "container-tooltip",
-        position: undefined,
-        addArrow: undefined,
-        transitionType: undefined,
-        followCursor: undefined
-      })
-    }) : "", /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-      className: "status-".concat(progressBarType),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-        children: [percent, "%"]
-      })
-    })]
+      progressBarType = _ref.progressBarType;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    className: "status-".concat(progressBarType),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+      children: [percent, "%"]
+    })
   });
 };
 

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ContainerIcon = exports.Container = void 0;
+exports.Container = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 
@@ -13,18 +13,10 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _variables = require("../../../global-files/variables");
 
-var _templateObject, _templateObject2;
+var _templateObject;
 
 var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  width: fit-content;\n  height: 27px;\n  padding: 4px;\n  border-radius: 15px;\n  font-family: ", ";\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 19px;\n  color: ", ";\n\n  &.status-CA,\n  &.status-IE {\n    background-color: ", ";\n  }\n\n  &.status-R,\n  &.status-AS,\n  &.status-PA {\n    background-color: ", ";\n  }\n\n  &.status-AA,\n  &.status-AP,\n  &.status-ACA,\n  &.status-AC {\n    background-color: ", ";\n  }\n\n  &.status-RA,\n  &.status-RC,\n  &.status-RP,\n  &.status-RCA {\n    background-color: ", ";\n  }\n\n  &.status-Dat,\n  &.status-Dsc,\n  &.status-Imgs {\n    background-color: ", ";\n  }\n\n  &.status-Ex {\n    background-color: ", ";\n  }\n\n  &.status-DDI {\n    background-color: ", ";\n  }\n\n  &.status-GLD {\n    background-color: ", ";\n  }\n\n  &.status-TAB {\n    background-color: ", ";\n  }\n\n  &.status-Pt {\n    background-color: ", ";\n    color: ", ";\n  }\n"])), _variables.GlobalColors.s3, _variables.FontFamily.AvenirNext, function (backgroundColor) {
   return backgroundColor === "s2" || backgroundColor === "s1" ? _variables.GlobalColors.s4 : _variables.GlobalColors.white;
 }, _variables.GlobalColors.in_progress, _variables.GlobalColors.reception, _variables.GlobalColors.finished, _variables.GlobalColors.rejected_status, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.original_purpura, _variables.GlobalColors.in_progress, _variables.GlobalColors.deep_gray, _variables.GlobalColors.s2, _variables.GlobalColors.s4);
 
-exports.Container = Container;
-
-var ContainerIcon = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  @font-face {\n    font-family: \"Material Symbols Outlined\";\n    font-style: normal;\n    font-weight: 100 700;\n    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v68/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2)\n      format(\"woff2\");\n  }\n\n  .hola {\n    font-family: \"Material Symbols Outlined\";\n    font-size: 30px;\n    //line-height: 1;\n    margin-top: 10px;\n  }\n  .hola {\n    font-variation-settings: \"FILL\"\n        ", ",\n      \"wght\" 400, \"GRAD\" 0, \"opsz\" 48;\n    color: ", ";\n  }\n"])), function (props) {
-  return props.percentageRequired < 100 ? 0 : 1;
-}, function (props) {
-  return props.percentageRequired < 100 ? "#d4d1d7" : "#e33aa9";
-});
-
-exports.ContainerIcon = ContainerIcon;
+exports.Container = Container;

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

@@ -128,12 +128,12 @@ var ButtonDownloadFile = function ButtonDownloadFile(props) {
       borderType: borderType,
       onMouseEnter: function onMouseEnter(event) {
         if (!showDownload) {
-          setShowDownload(true); //console.log("showDownload");
+          setShowDownload(true);
         }
       },
       onMouseLeave: function onMouseLeave(event) {
         if (!loading) {
-          setShowDownload(false); //console.log("showIconFile");
+          setShowDownload(false);
         }
       },
       children: showDownload ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {

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

@@ -11,8 +11,6 @@ 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 = {
@@ -28,26 +26,29 @@ 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: 47,
-    name: "Enero 2023",
-    isSelected: true
+    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: 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"
-  })
+    id: 5,
+    value: "Iluminación"
+  }]
 };

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

@@ -26,8 +26,7 @@ var SelecItem = function SelecItem(_ref) {
       customSelectId = _ref.customSelectId,
       setParameterArray = _ref.setParameterArray,
       activeFilters = _ref.activeFilters,
-      setActiveFilters = _ref.setActiveFilters,
-      onClickItem = _ref.onClickItem;
+      setActiveFilters = _ref.setActiveFilters;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -47,10 +46,6 @@ 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);
 
@@ -113,10 +108,6 @@ 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/HeaderTop/index.js

@@ -13,15 +13,10 @@ var _index2 = require("../../atoms/GeneralButton/index");
 
 var _react = require("react");
 
-var _Chat = require("../../organisms/Chat");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var HeaderTop = function HeaderTop(_ref) {
-  var setHeaderTop = _ref.setHeaderTop,
-      withChat = _ref.withChat,
-      productSelected = _ref.productSelected,
-      token = _ref.token;
+  var setHeaderTop = _ref.setHeaderTop;
   var headerTop = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     setHeaderTop && setHeaderTop(headerTop.current.clientHeight);
@@ -30,23 +25,11 @@ var HeaderTop = function HeaderTop(_ref) {
     ref: headerTop,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
       text: "Edici\xF3n de producto"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "buttons-top",
-      children: [withChat && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chat.Chat, {
-        chatType: "merchant_product",
-        chatContainerType: "popUp",
-        chatData: {
-          userToken: token,
-          id: productSelected.id_article,
-          version: productSelected.version
-        },
-        size: 18
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
-        buttonType: "close-button",
-        onClick: function onClick() {
-          window.location.href = "/products";
-        }
-      })]
+    }), /*#__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  .buttons-top {\n    display: flex;\n    align-items: center;\n  }\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n"])));
 
 exports.Container = Container;

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

@@ -22,18 +22,16 @@ var ProductNameHeader = function ProductNameHeader(_ref) {
       statusType = _ref.statusType,
       percent = _ref.percent,
       priority = _ref.priority,
-      date = _ref.date,
-      percentRequired = _ref.percentRequired;
+      date = _ref.date;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
       headerType: "product-name-header",
       text: productName
-    }), statusType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Status, {
       statusType: statusType
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.ProgressBar, {
-      percent: percentRequired,
-      progressBarType: statusType,
-      percentRequired: percentRequired
+      percent: percent,
+      progressBarType: statusType
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.PriorityFlag, {
       priority: priority
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {

package/dist/components/organisms/Chat/ContainerItems/index.js

@@ -81,32 +81,9 @@ var ContainerItems = function ContainerItems(props) {
       setModalAlert = _useState8[1];
 
   var containerList = (0, _react.useRef)(null);
-  /*
-  useEffect(() => {
-    //console.log("new observer");
-    const observer = new MutationObserver((mutationList) => {
-      updateScroll();
-    });
-    const itemsList = document.getElementById("ulItems");
-    const observerOptions = {
-      attributes: false,
-      childList: true,
-      subtree: false,
-      characterData: false,
-      attributeOldValue: false,
-      characterDataOldValue: false,
-    };
-    observer.observe(itemsList, observerOptions);
-     return () => {
-      observer.disconnect();
-      //console.log("remove observer");
-    };
-  }, [scrollHeight]);
-  */
-
   (0, _react.useEffect)(function () {
     if (!items) return;
-    if (chatType === "merchant_product") renderItems();else if (chatType === "order_product") renderItems();else if (chatType === "ticket") renderItemsTicket();else setCustomItems([]);
+    if (["merchant_product", "order_product"].includes(chatType)) renderItems();else if (chatType === "ticket") renderItemsTicket();else setCustomItems([]);
   }, [items]);
 
   var updateScroll = function updateScroll() {
@@ -115,13 +92,6 @@ var ContainerItems = function ContainerItems(props) {
     if (containerScroll) {
       var newScrollHeight = containerScroll.scrollHeight + 15;
       var positionScroll = newScrollHeight - scrollHeight;
-      /*
-      console.log("========");
-      console.log("old:", scrollHeight);
-      console.log("new:", newScrollHeight);
-      console.log("pos:", positionScroll);
-      console.log("========");
-      */
 
       if (newScrollHeight !== scrollHeight) {
         containerScroll.scrollTop = positionScroll;
@@ -213,12 +183,10 @@ var ContainerItems = function ContainerItems(props) {
     var value = (0, _utils.decodeJSON)(item.value);
     var originalImgURL = "".concat(process.env.REACT_APP_IMAGES_ENDPOINT, "/").concat(value.key); // dimensiones de la imagen a mostrar en el chat
 
-    var imgHeight = (0, _utils.getResizeImgHeight)((_value$width = value.width) !== null && _value$width !== void 0 ? _value$width : 400, (_value$height = value.height) !== null && _value$height !== void 0 ? _value$height : 400, 400); //console.log("newHeight imgURL:", imgHeight);
-
+    var imgHeight = (0, _utils.getResizeImgHeight)((_value$width = value.width) !== null && _value$width !== void 0 ? _value$width : 400, (_value$height = value.height) !== null && _value$height !== void 0 ? _value$height : 400, 400);
     var imgURL = (0, _utils.getImageURL)(process.env.REACT_APP_IMAGES_BUCKET, value.key, 400, imgHeight); // dimensiones de la imagen a mostrar en modal full
 
-    var modalImgHeight = (0, _utils.getResizeImgHeight)((_value$width2 = value.width) !== null && _value$width2 !== void 0 ? _value$width2 : screen.width, (_value$height2 = value.height) !== null && _value$height2 !== void 0 ? _value$height2 : screen.height, screen.width); //console.log("height full:", modalImgHeight);
-
+    var modalImgHeight = (0, _utils.getResizeImgHeight)((_value$width2 = value.width) !== null && _value$width2 !== void 0 ? _value$width2 : screen.width, (_value$height2 = value.height) !== null && _value$height2 !== void 0 ? _value$height2 : screen.height, screen.width);
     var modalImgURL = (0, _utils.getImageURL)(process.env.REACT_APP_IMAGES_BUCKET, value.key, screen.width, modalImgHeight);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "item-img",
@@ -324,7 +292,7 @@ var ContainerItems = function ContainerItems(props) {
       timeout: 500,
       container: containerList.current,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-        className: (ownMessage ? "own-message " : "") + (lastUserId == item.userId ? "sameUser" : ""),
+        className: (ownMessage ? "own-message " : "") + (lastUserId === item.userId ? "sameUser" : ""),
         children: [lastUserId !== item.userId && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageTooltip.ImageTooltip, {
           className: "container-imgUser",
           sizeLoading: 25,
@@ -377,11 +345,12 @@ var ContainerItems = function ContainerItems(props) {
         // manejo de las etiquetas fechas
         if (!date) {
           date = (0, _utils.getFullDate)(new Date(item.date));
+          jsxItems.push(renderGrayLabel(date, "itemDate-".concat(countDate++)));
         } else {
           var newDate = (0, _utils.getFullDate)(new Date(item.date));
 
           if (newDate !== date) {
-            jsxItems.push(renderGrayLabel(date, "itemDate-".concat(countDate++)));
+            jsxItems.push(renderGrayLabel(newDate, "itemDate-".concat(countDate++)));
             date = newDate;
           }
         } // elementos que van alineados al centro
@@ -390,25 +359,25 @@ var ContainerItems = function ContainerItems(props) {
         switch (item.type) {
           case "statusArticle":
             jsxItems.push(renderStatusArticle(item.value, "item-".concat(item.id)));
-            continue;
+            break;
 
           case "statusService":
             jsxItems.push(renderStatusService(item.value, "item-".concat(item.id)));
-            continue;
+            break;
         } // acomodo del item (left o right)
 
 
         var ownMessage = false; // CHAT MERCHANT ARTICLE
 
         if (chatType === "merchant_product") {
-          if (currentUser.companyId == users[item.userId].companyId) {
+          if (currentUser.companyId === users[item.userId].companyId) {
             ownMessage = true;
           }
         } // CHAT ORDER ARTICLE
         else if (chatType === "order_product") {
-          if (currentUser.companyId == users[item.userId].companyId) {
-            if (activeCompanyId && activeCompanyId == currentUser.companyId) {
-              if (item.userId == currentUser.id) {
+          if (currentUser.companyId === users[item.userId].companyId) {
+            if (activeCompanyId && activeCompanyId === currentUser.companyId) {
+              if (item.userId === currentUser.id) {
                 ownMessage = true;
               }
             } else {
@@ -426,7 +395,6 @@ var ContainerItems = function ContainerItems(props) {
       _iterator.f();
     }
 
-    if (date) jsxItems.push(renderGrayLabel(date, "itemDate-".concat(countDate), "label-date"));
     setCustomItems(jsxItems);
   };
 
@@ -434,8 +402,7 @@ var ContainerItems = function ContainerItems(props) {
     var jsxItems = [];
     var date = undefined;
     var countDate = 1;
-    var lastUserId = undefined; //console.log("isUserTech:", currentUser.isUserTech);
-    // recorrido de los items (del mas viejo al mas reciente)
+    var lastUserId = undefined; // recorrido de los items (del mas viejo al mas reciente)
 
     for (var index = items.length - 1; index >= 0; index--) {
       var item = items[index]; // manejo de las etiquetas fechas
@@ -472,14 +439,13 @@ var ContainerItems = function ContainerItems(props) {
       } // user normal
       else {
         if (!(0, _handle_userTech.isUserTech)(users[item.userId].isUserTech)) {
-          if (currentUser.companyId == users[item.userId].companyId) {
+          if (currentUser.companyId === users[item.userId].companyId) {
             ownMessage = true;
           }
-        } else if (currentUser.id == item.userId) {
+        } else if (currentUser.id === item.userId) {
           ownMessage = true;
         }
       } // renderizar tipo de item
-      //console.log(lastUserId + "<>" + item.userId);
 
 
       jsxItems.push(getUserCreatedItem(ownMessage, item, lastUserId));