contentoh-components-library 21.3.33 → 21.3.35

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

@@ -55,7 +55,7 @@ var CustomSelectItem = function CustomSelectItem(_ref) {
   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);
+      if ((0, _typeof2.default)(element) === "object") array.push.apply(array, (0, _toConsumableArray2.default)(oneDimensionArray(element)));else array.push(element);
     });
     return array;
   };

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

@@ -53,7 +53,7 @@ var InputText = function InputText(props) {
           return onChangeText && onChangeText(event.target.value);
         },
         onKeyDown: function onKeyDown(event) {
-          if (event.key == "Enter" && !event.shiftKey) {
+          if (event.key === "Enter" && !event.shiftKey) {
             event.preventDefault();
             onEnter && onEnter(event);
           }

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

@@ -36,7 +36,7 @@ var ProductPercentCard = function ProductPercentCard(_ref) {
         alt: ""
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
         className: "span",
-        children: [percent == "NaN" ? 0 : percent, "%"]
+        children: [percent === "NaN" ? 0 : percent, "%"]
       })]
     })]
   });

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

@@ -28,7 +28,7 @@ function Select(props) {
           ,
           value: item.value ? item.value : item // selected={
           //   item.value
-          //     ? item.value == props.valueSelected && "selected"
+          //     ? item.value === props.valueSelected && "selected"
           //     : item === props.valueSelected && "selected"
           // }
           ,

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

@@ -74,7 +74,7 @@ var ButtonDownloadFile = function ButtonDownloadFile(props) {
             case 4:
               responseFile = _context.sent;
 
-              if (!(responseFile.status != 200)) {
+              if (!(responseFile.status !== 200)) {
                 _context.next = 9;
                 break;
               }

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

@@ -42,7 +42,7 @@ var CarouselImagesLogin = function CarouselImagesLogin(_ref) {
     var slideshow = function slideshow() {
       img2.src = images[i];
       var circulo_actual = Array.from(circulos).find(function (el) {
-        return el.id == i;
+        return el.id === i;
       });
       Array.from(circulos).forEach(function (cir) {
         return cir.classList.remove("resaltado");
@@ -52,7 +52,7 @@ var CarouselImagesLogin = function CarouselImagesLogin(_ref) {
       img2.classList.add("active");
       i++;
 
-      if (i == images.length) {
+      if (i === images.length) {
         i = 0;
       }
 

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

@@ -23,7 +23,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var ImageTooltip = function ImageTooltip(props) {
   var className = props.className,
-      width = props.width,
       sizeLoading = props.sizeLoading,
       colorLoading = props.colorLoading,
       classNameLoading = props.classNameLoading,
@@ -39,19 +38,6 @@ var ImageTooltip = function ImageTooltip(props) {
       imgLoad = _useState2[0],
       setImgLoad = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      loading = _useState4[0],
-      setLoading = _useState4[1];
-  /* solo para hacer pruebas en modo dev
-  useEffect(() => {
-    setTimeout(() => {
-      setLoading(false);
-    }, 5000);
-  }, []);
-  */
-
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Tooltip.Tooltip, {
     position: position !== null && position !== void 0 ? position : "topCenter",
     addArrow: false,
@@ -59,8 +45,8 @@ var ImageTooltip = function ImageTooltip(props) {
     followCursor: false,
     className: className,
     classNameTooltip: classNameTooltip,
-    componentTooltip: imgLoad !== undefined && !loading && componentTooltip,
-    children: [src && (imgLoad === undefined || loading) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ContainerLoading, {
+    componentTooltip: imgLoad !== undefined && componentTooltip,
+    children: [src && imgLoad === undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ContainerLoading, {
       className: classNameLoading,
       sizeLoading: sizeLoading,
       colorLoading: colorLoading,
@@ -68,16 +54,16 @@ var ImageTooltip = function ImageTooltip(props) {
         pulse: true,
         icon: _freeSolidSvgIcons.faSpinner
       })
-    }), (!src || imgLoad === false && !loading) && componentDefault, /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Img, {
+    }), (!src || imgLoad === false) && componentDefault, /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Img, {
       className: classNameImg,
-      src: src,
-      onLoad: function onLoad(event) {
+      src: "".concat(src, "?").concat(new Date().getMilliseconds()),
+      onLoad: function onLoad() {
         return setImgLoad(true);
       },
-      onError: function onError(event) {
+      onError: function onError() {
         return setImgLoad(false);
       },
-      show: imgLoad === true && !loading
+      show: imgLoad === true
     })]
   });
 };

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

@@ -20,7 +20,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 var ProductNameHeader = function ProductNameHeader(_ref) {
   var productName = _ref.productName,
       statusType = _ref.statusType,
-      percent = _ref.percent,
       priority = _ref.priority,
       date = _ref.date,
       percentRequired = _ref.percentRequired;

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

@@ -158,7 +158,7 @@ var SelectV2 = function SelectV2(props) {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var item = _step.value;
 
-          if (item.value == selectedItemsCopy[0]) {
+          if (item.value === selectedItemsCopy[0]) {
             labelItem = item.label;
             break;
           }

package/dist/components/organisms/Chat/Chat.stories.js

@@ -149,14 +149,15 @@ chatTicket_userTECH.args = {
   chatContainerType: "fixed",
   chatData: {
     id: 130,
-    ticketOwnerUserId: 49,
-    ticketCompany: 817,
-    statusTicket: "IN_PROGRESS",
+    ticketOwnerUserId: 194,
+    ticketCompany: undefined,
+    statusTicket: "PENDING",
     currentUser: {
-      token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI5M2FkOTM5Yy04MzJjLTQ4NWItOWUzMS0yN2MxNzBjMDk1NWEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2OTY2MjU5MiwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2Njk2NjYxOTIsImlhdCI6MTY2OTY2MjU5MiwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.hhdlQk-ljHpyZPRoG02YcvPow8jpm9coZfmEuZ29vIVX7bX5k05Ss3FkaT0dYNr2qEvqZHHqH61oJvx4xr2i6z2c3xEZxyJZFR-Cc_skhH0UwGXbCH9up5PW1aipY5rL45E42R7GKSGmB5Z-B7vxe2NcL-ZojYZkXNZ7Gx_lM8Vpq-XsFLJ4nCJlH7vx9D4SkREN3lLfYIIgqNrxJ_wqfqvcqexwRJfnr76ZqCuDR4dTWsES2Lf5D8Wa_wkQAjQNdzP7ai28l9fRyCSwkTxvamdJkx7p-tssOL5pAnCsKkD22UN-09c1bhuGrgfKWUV4awbptfjvHS7TSq0bWiv4gQ",
+      token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJlYTRlZmQ1Zi1mYTg4LTRjNDEtYTM3Ny02MWVkNmY0YTMyOTciLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MDA1Njg2NSwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2ODAwNjA0NjUsImlhdCI6MTY4MDA1Njg2NSwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.oRuv3LkdvctEMUjmeGw0-XefzV_Aoh1O2hFMik4RxpkkCUeP1O7AjA7lJI6sgoqa9Nwa2fCPRXk6ufi84UbgxGEgkupQmAvXTHQCw_uwCUVAZitlNGXSBl-VSisMuXSnckxdZQ1MvLV5BgLmiw4mu6HxKDN-Uw0xc7yL_yDtGu3NWxoO0Cm2zbej8jYLE9DV9wG297bjfzVQ7hzpEfEcB52I5Tg6nF2VDTx-8_m4mVVrpisbV5uBoYokbFyyOFVLZzUU7Je5uHukscHS5dje9IMTY8DE5S8xUWJubHjf_ktcy7Y2-F2cG5dI5oSdrBNU-wNNW5-OtRLgclSJLmbPCw",
       id: 28,
       companyId: 1,
       isUserTech: true
     }
-  }
+  },
+  classNameContainerFixed: "chatTicket"
 };

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

@@ -80,14 +80,14 @@ var ChatLists = function ChatLists(props) {
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "container-indicators",
-          children: currentCompanyId == companyId && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: currentCompanyId === companyId && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "label-ownCompany",
             children: "Interno"
           })
         })]
       }, "itemChat-" + companyId); // checar si es chat abierto
 
-      if (company.statusChat == "closed") jsxClosedChats.push(itemChat);else jsxOpenChats.push(itemChat);
+      if (company.statusChat === "closed") jsxClosedChats.push(itemChat);else jsxOpenChats.push(itemChat);
     };
 
     for (var _i = 0, _Object$keys = Object.keys(companies); _i < _Object$keys.length; _i++) {

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

@@ -177,10 +177,18 @@ var ContentChat = function ContentChat(props) {
     return function () {
       if (processUpdateID !== undefined) clearTimeout(processUpdateID);
     };
-  }, []); // al cargar el componente
+  }, []);
+
+  var stopUpdate = function stopUpdate() {
+    if (processUpdateID !== undefined) {
+      clearTimeout(processUpdateID);
+      setProcessUpdateID(undefined);
+    }
+  }; // al cargar el componente
+
 
   (0, _react.useEffect)(function () {
-    if (dataChat) {
+    if (dataChat && showPopUpChat) {
       stopUpdate();
 
       if (dataChat.code) {
@@ -196,11 +204,15 @@ var ContentChat = function ContentChat(props) {
 
       if (chatType === "merchant_product") getInitialMerchantProduct();else if (chatType === "order_product") getInitialOrderProduct();else getInitialTicket();
     }
+
+    if (!showPopUpChat) {
+      stopUpdate();
+    }
   }, [dataChat, showPopUpChat]); // comenzar temporizador del update de 20s
 
   (0, _react.useEffect)(function () {
-    //return;   -- descomentarizar para hacer pruebas sin update
-    if (startUpdate == 0) return;
+    // return; // -- descomentarizar para hacer pruebas sin update
+    if (startUpdate === 0) return;
     var processID = setTimeout(function () {
       setRunUpdate(function (prev) {
         return prev + 1;
@@ -214,9 +226,9 @@ var ContentChat = function ContentChat(props) {
 
   (0, _react.useEffect)(function () {
     if (chatType === "merchant_product") {
-      if (singleChat.items) getUpdateLatestMerchantProduct();else getInitialMerchantProduct();
+      if (singleChat.items) getUpdateLatestMerchantProduct(true);else getInitialMerchantProduct();
     } else if (chatType === "order_product") {
-      if (companies) getUpdateLatestOrderProduct();else getInitialOrderProduct();
+      if (companies) getUpdateLatestOrderProduct(true);else getInitialOrderProduct();
     } else {
       if (singleChat.items) getUpdateLatestTicket(true);else getInitialTicket();
     }
@@ -262,6 +274,9 @@ var ContentChat = function ContentChat(props) {
 
             case 9:
               // success
+              setStartUpdate(function (prev) {
+                return prev + 1;
+              });
               setCurrentUser({
                 id: response.body.data.currentUserId,
                 companyId: response.body.data.currentCompanyId
@@ -277,7 +292,7 @@ var ContentChat = function ContentChat(props) {
               });
               setIsLoading(false);
 
-            case 15:
+            case 16:
             case "end":
               return _context.stop();
           }
@@ -656,25 +671,34 @@ var ContentChat = function ContentChat(props) {
 
   var getUpdateLatestMerchantProduct = /*#__PURE__*/function () {
     var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
-      var paramsQuery, response, newSingleChat;
+      var fromUpdate,
+          paramsQuery,
+          paramsHeaders,
+          response,
+          newSingleChat,
+          _args7 = arguments;
       return _regenerator.default.wrap(function _callee7$(_context7) {
         while (1) {
           switch (_context7.prev = _context7.next) {
             case 0:
+              fromUpdate = _args7.length > 0 && _args7[0] !== undefined ? _args7[0] : false;
               paramsQuery = {
                 getType: "updateLatest",
                 id: JSON.stringify(dataChat.id),
                 version: JSON.stringify(dataChat.version),
                 date: encodeURIComponent(lastUpdateDate)
               };
-              _context7.next = 3;
-              return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery);
+              paramsHeaders = {
+                Authorization: dataChat.userToken
+              };
+              _context7.next = 5;
+              return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery, paramsHeaders);
 
-            case 3:
+            case 5:
               response = _context7.sent;
 
               if (response.body) {
-                _context7.next = 7;
+                _context7.next = 9;
                 break;
               }
 
@@ -684,17 +708,20 @@ var ContentChat = function ContentChat(props) {
               });
               return _context7.abrupt("return");
 
-            case 7:
+            case 9:
               // success
+              setStartUpdate(function (prev) {
+                return prev + 1;
+              });
               setLastUpdateDate(response.body.data.lastUpdateDate); // actualizar la lista de los users
 
               updateAllUsers(response.body.users); // actualizar los items del chat
 
               newSingleChat = (0, _objectSpread3.default)({}, singleChat);
-              newSingleChat.items = addNewItemsChat(newSingleChat.items, response.body.items);
+              newSingleChat.items = addNewItemsChat(newSingleChat.items, response.body.items, fromUpdate);
               setSingleChat(newSingleChat);
 
-            case 12:
+            case 15:
             case "end":
               return _context7.stop();
           }
@@ -709,11 +736,16 @@ var ContentChat = function ContentChat(props) {
 
   var getUpdateLatestOrderProduct = /*#__PURE__*/function () {
     var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
-      var paramsQuery, response, companiesList;
+      var fromUpdate,
+          paramsQuery,
+          response,
+          companiesList,
+          _args8 = arguments;
       return _regenerator.default.wrap(function _callee8$(_context8) {
         while (1) {
           switch (_context8.prev = _context8.next) {
             case 0:
+              fromUpdate = _args8.length > 0 && _args8[0] !== undefined ? _args8[0] : false;
               paramsQuery = {
                 getType: "updateLatest",
                 id: JSON.stringify(dataChat.id),
@@ -725,14 +757,14 @@ var ContentChat = function ContentChat(props) {
                 othersCompanyId: encodeURIComponent(JSON.stringify(Object.keys(companies))),
                 date: encodeURIComponent(lastUpdateDate)
               };
-              _context8.next = 3;
+              _context8.next = 4;
               return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery);
 
-            case 3:
+            case 4:
               response = _context8.sent;
 
               if (response.body) {
-                _context8.next = 7;
+                _context8.next = 8;
                 break;
               }
 
@@ -742,9 +774,12 @@ var ContentChat = function ContentChat(props) {
               });
               return _context8.abrupt("return");
 
-            case 7:
+            case 8:
               // success
-              // cuando cambie la lista de chats por un cambio de version o estatus
+              setStartUpdate(function (prev) {
+                return prev + 1;
+              }); // cuando cambie la lista de chats por un cambio de version o estatus
+
               if (response.body.data.status) {
                 setIsLoading(true);
                 setTimeout(function () {
@@ -791,12 +826,12 @@ var ContentChat = function ContentChat(props) {
 
                 companiesList = (0, _objectSpread3.default)({}, companies);
                 Object.keys(response.body.companies).forEach(function (companyId) {
-                  companiesList[companyId].items = addNewItemsChat(companiesList[companyId].items, response.body.companies[companyId].items);
+                  companiesList[companyId].items = addNewItemsChat(companiesList[companyId].items, response.body.companies[companyId].items, fromUpdate);
                 });
                 setCompanies(companiesList);
               }
 
-            case 8:
+            case 10:
             case "end":
               return _context8.stop();
           }
@@ -1104,7 +1139,10 @@ var ContentChat = function ContentChat(props) {
   var createItemsMerchantProduct = /*#__PURE__*/function () {
     var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11() {
       var items,
+          id,
+          version,
           paramsBody,
+          paramsHeaders,
           response,
           _args11 = arguments;
       return _regenerator.default.wrap(function _callee11$(_context11) {
@@ -1112,20 +1150,23 @@ var ContentChat = function ContentChat(props) {
           switch (_context11.prev = _context11.next) {
             case 0:
               items = _args11.length > 0 && _args11[0] !== undefined ? _args11[0] : [];
+              id = dataChat.id, version = dataChat.version;
               paramsBody = {
-                id: JSON.stringify(dataChat.id),
-                version: JSON.stringify(dataChat.version),
-                userId: JSON.stringify(currentUser.id),
-                items: JSON.stringify(items)
+                id: id,
+                version: version,
+                items: items
+              };
+              paramsHeaders = {
+                Authorization: dataChat.userToken
               };
-              _context11.next = 4;
-              return (0, _handle_http.fetchPOST)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsBody);
+              _context11.next = 6;
+              return (0, _handle_http.fetchPOST)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsBody, paramsHeaders);
 
-            case 4:
+            case 6:
               response = _context11.sent;
 
               if (response.body) {
-                _context11.next = 7;
+                _context11.next = 9;
                 break;
               }
 
@@ -1134,7 +1175,7 @@ var ContentChat = function ContentChat(props) {
                 errorDetail: response.errorDetail
               });
 
-            case 7:
+            case 9:
             case "end":
               return _context11.stop();
           }
@@ -1151,6 +1192,7 @@ var ContentChat = function ContentChat(props) {
     var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
       var items,
           paramsBody,
+          paramsHeaders,
           response,
           _args12 = arguments;
       return _regenerator.default.wrap(function _callee12$(_context12) {
@@ -1159,22 +1201,22 @@ var ContentChat = function ContentChat(props) {
             case 0:
               items = _args12.length > 0 && _args12[0] !== undefined ? _args12[0] : [];
               paramsBody = {
-                id: JSON.stringify(dataChat.id),
-                version: JSON.stringify(currentArticle.version),
-                userId: JSON.stringify(currentUser.id),
-                items: JSON.stringify(items),
-                orderId: JSON.stringify(dataChat.orderId),
-                sentCompanyId: JSON.stringify(currentUser.companyId),
-                receivedCompanyId: JSON.stringify(activeCompanyId)
+                id: dataChat.id,
+                version: currentArticle.version,
+                items: items,
+                orderId: dataChat.orderId
+              };
+              paramsHeaders = {
+                Authorization: dataChat.userToken
               };
-              _context12.next = 4;
-              return (0, _handle_http.fetchPOST)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsBody);
+              _context12.next = 5;
+              return (0, _handle_http.fetchPOST)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsBody, paramsHeaders);
 
-            case 4:
+            case 5:
               response = _context12.sent;
 
               if (response.body) {
-                _context12.next = 7;
+                _context12.next = 8;
                 break;
               }
 
@@ -1183,7 +1225,7 @@ var ContentChat = function ContentChat(props) {
                 errorDetail: response.errorDetail
               });
 
-            case 7:
+            case 8:
             case "end":
               return _context12.stop();
           }
@@ -1200,6 +1242,7 @@ var ContentChat = function ContentChat(props) {
     var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13() {
       var items,
           paramsBody,
+          paramsHeaders,
           response,
           _args13 = arguments;
       return _regenerator.default.wrap(function _callee13$(_context13) {
@@ -1212,14 +1255,17 @@ var ContentChat = function ContentChat(props) {
                 userId: JSON.stringify(dataChat.currentUser.id),
                 items: JSON.stringify(items)
               };
-              _context13.next = 4;
-              return (0, _handle_http.fetchPOST)(process.env.REACT_APP_TICKETS_CHAT_ENDPOINT, paramsBody);
+              paramsHeaders = {
+                Authorization: dataChat.userToken
+              };
+              _context13.next = 5;
+              return (0, _handle_http.fetchPOST)(process.env.REACT_APP_TICKETS_CHAT_ENDPOINT, paramsBody, paramsHeaders);
 
-            case 4:
+            case 5:
               response = _context13.sent;
 
               if (response.body) {
-                _context13.next = 7;
+                _context13.next = 8;
                 break;
               }
 
@@ -1228,7 +1274,7 @@ var ContentChat = function ContentChat(props) {
                 errorDetail: response.errorDetail
               });
 
-            case 7:
+            case 8:
             case "end":
               return _context13.stop();
           }
@@ -1320,8 +1366,8 @@ var ContentChat = function ContentChat(props) {
     }
 
     return Object.values(itemsId).sort(function (a, b) {
-      if (a.id < b.id) return 1;
-      if (a.id > b.id) return -1;
+      if (a.id > b.id) return 1;
+      if (a.id < b.id) return -1;
       return 0;
     });
   };
@@ -1337,13 +1383,6 @@ var ContentChat = function ContentChat(props) {
     setAllUsers(currentUsers);
   };
 
-  var stopUpdate = function stopUpdate() {
-    if (processUpdateID !== undefined) {
-      clearTimeout(processUpdateID);
-      setProcessUpdateID(undefined);
-    }
-  };
-
   var renderBodyChat = function renderBodyChat() {
     if (isLoading) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {});