contentoh-components-library 21.4.102 → 21.4.104

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

@@ -1,104 +1,198 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ContentChat = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createForOfIteratorHelper"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _reactHowler = _interopRequireDefault(require("react-howler"));
+
 var _styles = require("./styles");
+
 var _react = require("react");
+
 var _NotFound = require("../../../atoms/NotFound");
+
 var _Header = require("../Header");
+
 var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
+
 var _Loading = require("../../../atoms/Loading");
+
 var _ContainerItems = require("../ContainerItems");
+
 var _Footer = require("../Footer");
+
 var _ChatLists = require("../ChatLists");
+
 var _CustomIcon = require("../../../atoms/CustomIcon");
+
 var _handle_http = require("../../../../global-files/handle_http");
+
 var _utils = require("../../../../global-files/utils");
+
 var _newMessage = _interopRequireDefault(require("../../../../assets/sounds/newMessage.mp3"));
+
 var _jsxRuntime = require("react/jsx-runtime");
-const ContentChat = props => {
-  const {
-    chatType,
-    // "merchant_product" | "order_product" | "ticket"
-    chatContainerType,
-    // "fixed" | "popUp"
-    dataChat,
-    // { data | error }
-    showBtnClose,
-    // boolean
-    onClickBtnClose,
-    // () => {}
-    showPopUpChat,
-    // boolean
-    ticketCompany,
-    // id de la compañía que creó el ticket
-    activeRetailer // object retailer
-  } = props;
-  const [companies, setCompanies] = (0, _react.useState)({}); /* {
-                                                              companyId: {
-                                                              name: string,
-                                                              statusChat: string  => current | open | closed
-                                                              items: [{..}] ,
-                                                              enabledLoadMore: boolean
-                                                              },
-                                                              ...
-                                                              } chat orderProduct */
-  const [singleChat, setSingleChat] = (0, _react.useState)({
+
+var ContentChat = function ContentChat(props) {
+  var chatType = props.chatType,
+      chatContainerType = props.chatContainerType,
+      dataChat = props.dataChat,
+      showBtnClose = props.showBtnClose,
+      onClickBtnClose = props.onClickBtnClose,
+      showPopUpChat = props.showPopUpChat,
+      ticketCompany = props.ticketCompany,
+      activeRetailer = props.activeRetailer;
+
+  var _useState = (0, _react.useState)({}),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      companies = _useState2[0],
+      setCompanies = _useState2[1];
+  /* {
+  companyId: {
+  name: string,
+  statusChat: string  => current | open | closed
+  items: [{..}] ,
+  enabledLoadMore: boolean
+  },
+  ...
+  } chat orderProduct */
+
+
+  var _useState3 = (0, _react.useState)({
     items: undefined,
     enabledLoadMore: false,
     statusChat: undefined
-  }); // chat merchantProduct o ticket
-  const [activeCompanyId, setActiveCompanyId] = (0, _react.useState)(); // number
-  const [allUsers, setAllUsers] = (0, _react.useState)({}); // {...}
-  const [currentUser, setCurrentUser] = (0, _react.useState)({
+  }),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      singleChat = _useState4[0],
+      setSingleChat = _useState4[1]; // chat merchantProduct o ticket
+
+
+  var _useState5 = (0, _react.useState)(),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      activeCompanyId = _useState6[0],
+      setActiveCompanyId = _useState6[1]; // number
+
+
+  var _useState7 = (0, _react.useState)({}),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      allUsers = _useState8[0],
+      setAllUsers = _useState8[1]; // {...}
+
+
+  var _useState9 = (0, _react.useState)({
     id: undefined,
     companyId: undefined
-  });
-  const [currentArticle, setCurrentArticle] = (0, _react.useState)({
+  }),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      currentUser = _useState10[0],
+      setCurrentUser = _useState10[1];
+
+  var _useState11 = (0, _react.useState)({
     status: undefined,
     version: undefined
-  });
-  const [lastUpdateDate, setLastUpdateDate] = (0, _react.useState)(); // string
-  const [isLoading, setIsLoading] = (0, _react.useState)(true); // boolean
-  const [showChatsList, setShowChatsList] = (0, _react.useState)(false); // boolean
-  const [processUpdateID, setProcessUpdateID] = (0, _react.useState)(); // number
-  const [startUpdate, setStartUpdate] = (0, _react.useState)(0); // number
-  const [runUpdate, setRunUpdate] = (0, _react.useState)(0); // number
-  const [errorChat, setErrorChat] = (0, _react.useState)({
+  }),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      currentArticle = _useState12[0],
+      setCurrentArticle = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      lastUpdateDate = _useState14[0],
+      setLastUpdateDate = _useState14[1]; // string
+
+
+  var _useState15 = (0, _react.useState)(true),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      isLoading = _useState16[0],
+      setIsLoading = _useState16[1]; // boolean
+
+
+  var _useState17 = (0, _react.useState)(false),
+      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+      showChatsList = _useState18[0],
+      setShowChatsList = _useState18[1]; // boolean
+
+
+  var _useState19 = (0, _react.useState)(),
+      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
+      processUpdateID = _useState20[0],
+      setProcessUpdateID = _useState20[1]; // number
+
+
+  var _useState21 = (0, _react.useState)(0),
+      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
+      startUpdate = _useState22[0],
+      setStartUpdate = _useState22[1]; // number
+
+
+  var _useState23 = (0, _react.useState)(0),
+      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
+      runUpdate = _useState24[0],
+      setRunUpdate = _useState24[1]; // number
+
+
+  var _useState25 = (0, _react.useState)({
     existError: false,
     code: undefined,
     message: undefined,
     errorDetail: undefined
-  });
-  const [errorUpdate, setErrorUpdate] = (0, _react.useState)({
+  }),
+      _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
+      errorChat = _useState26[0],
+      setErrorChat = _useState26[1];
+
+  var _useState27 = (0, _react.useState)({
     startDate: undefined,
     // Date()
     lastDate: undefined // Date()
-  });
-  const [playSound, setPlaySound] = (0, _react.useState)(false);
 
-  // matar update al desmontar el componente del chat
-  (0, _react.useEffect)(() => {
-    return () => {
+  }),
+      _useState28 = (0, _slicedToArray2.default)(_useState27, 2),
+      errorUpdate = _useState28[0],
+      setErrorUpdate = _useState28[1];
+
+  var _useState29 = (0, _react.useState)(false),
+      _useState30 = (0, _slicedToArray2.default)(_useState29, 2),
+      playSound = _useState30[0],
+      setPlaySound = _useState30[1]; // matar update al desmontar el componente del chat
+
+
+  (0, _react.useEffect)(function () {
+    return function () {
       if (processUpdateID !== undefined) clearTimeout(processUpdateID);
     };
   }, []);
-  const stopUpdate = () => {
+
+  var stopUpdate = function stopUpdate() {
     if (processUpdateID !== undefined) {
       clearTimeout(processUpdateID);
       setProcessUpdateID(undefined);
     }
-  };
+  }; // al cargar el componente
+
 
-  // al cargar el componente
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     //if (dataChat && showPopUpChat) {
     if (Object.keys(dataChat || {}).length) {
       stopUpdate();
+
       if (dataChat.code) {
         setErrorChat({
           existError: true,
@@ -109,26 +203,30 @@ const ContentChat = props => {
         setIsLoading(false);
         return;
       }
+
       if (chatType === "merchant_product") getInitialMerchantProduct();else if (chatType === "order_product") getInitialOrderProduct();else if (chatType === "product_status") getInitialProductStatus();else getInitialTicket();
     }
+
     if (!showPopUpChat) {
       stopUpdate();
     }
-  }, [dataChat, showPopUpChat]);
+  }, [dataChat, showPopUpChat]); // comenzar temporizador del update de 20s
 
-  // comenzar temporizador del update de 20s
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     // return; // -- descomentarizar para hacer pruebas sin update
     if (startUpdate === 0) return;
-    const processID = setTimeout(() => {
-      setRunUpdate(prev => prev + 1);
+    var processID = setTimeout(function () {
+      setRunUpdate(function (prev) {
+        return prev + 1;
+      });
     }, 15000);
     setProcessUpdateID(processID);
-    return () => clearTimeout(processID);
-  }, [startUpdate]);
+    return function () {
+      return clearTimeout(processID);
+    };
+  }, [startUpdate]); // ejecutar update
 
-  // ejecutar update
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (chatType === "merchant_product") {
       if (singleChat.items) getUpdateLatestMerchantProduct(true);else getInitialMerchantProduct();
     } else if (chatType === "order_product") {
@@ -139,457 +237,799 @@ const ContentChat = props => {
       if (singleChat.items) getUpdateLatestTicket(true);else getInitialTicket();
     }
   }, [runUpdate]);
-
   /*=======================================================================
                 PETICION GET INICIAL SEGUN EL TIPO DE CHAT
   ======================================================================= */
-  const getInitialProductStatus = async () => {
-    const paramsQuery = {
-      articleData: JSON.stringify({
-        articleId: JSON.stringify(dataChat.id),
-        version: JSON.stringify(dataChat.version),
-        retailerId: JSON.stringify(dataChat.retailerId),
-        status: dataChat.status
-      })
-    };
-    const paramsHeaders = {
-      Authorization: dataChat.userToken
-    };
-    const response = await (0, _handle_http.fetchGET)(process.env.REACT_APP_READ_MESSAGES, paramsQuery, paramsHeaders);
-    if (!response.body) {
-      setErrorChat({
-        existError: true,
-        code: 400,
-        message: response.message,
-        errorDetail: response.errorDetail
-      });
-      setIsLoading(false);
-      return;
-    }
-    // success
-    setStartUpdate(prev => prev + 1);
-    setCurrentUser({
-      id: response.body.data.currentUserId,
-      companyId: response.body.data.currentCompanyId
-    });
-    setLastUpdateDate(response.body.data.lastUpdateDate);
-    setAllUsers(response.body.users);
-    setSingleChat({
-      items: response.body.items,
-      enabledLoadMore: response.body.items.length === 50
-    });
-    setErrorChat({
-      existError: false
-    });
-    setIsLoading(false);
-  };
-  const getInitialMerchantProduct = async () => {
-    const paramsQuery = {
-      getType: "initial",
-      id: JSON.stringify(dataChat.id),
-      version: JSON.stringify(dataChat.version)
-    };
-    const paramsHeaders = {
-      Authorization: dataChat.userToken
-    };
-    const response = await (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery, paramsHeaders);
-    if (!response.body) {
-      setErrorChat({
-        existError: true,
-        code: 400,
-        message: response.message,
-        errorDetail: response.errorDetail
-      });
-      setIsLoading(false);
-      return;
-    }
-    // success
-    setStartUpdate(prev => prev + 1);
-    setCurrentUser({
-      id: response.body.data.currentUserId,
-      companyId: response.body.data.currentCompanyId
-    });
-    setLastUpdateDate(response.body.data.lastUpdateDate);
-    setAllUsers(response.body.users);
-    setSingleChat({
-      items: response.body.items,
-      enabledLoadMore: response.body.items.length === 50
-    });
-    setErrorChat({
-      existError: false
-    });
-    setIsLoading(false);
-  };
-  const getInitialOrderProduct = async () => {
-    clearTimeout(processUpdateID); // finalizamos el temporizador
-    const paramsQuery = {
-      getType: "initial",
-      id: JSON.stringify(dataChat.id),
-      orderId: JSON.stringify(dataChat.orderId),
-      retailerId: JSON.stringify(dataChat.retailerId)
-    };
-    const paramsHeaders = {
-      Authorization: dataChat.userToken
+
+  var getInitialProductStatus = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var paramsQuery, paramsHeaders, response;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              paramsQuery = {
+                articleData: JSON.stringify({
+                  articleId: JSON.stringify(dataChat.id),
+                  version: JSON.stringify(dataChat.version),
+                  retailerId: JSON.stringify(dataChat.retailerId),
+                  status: dataChat.status
+                })
+              };
+              paramsHeaders = {
+                Authorization: dataChat.userToken
+              };
+              _context.next = 4;
+              return (0, _handle_http.fetchGET)(process.env.REACT_APP_READ_MESSAGES, paramsQuery, paramsHeaders);
+
+            case 4:
+              response = _context.sent;
+
+              if (response.body) {
+                _context.next = 9;
+                break;
+              }
+
+              setErrorChat({
+                existError: true,
+                code: 400,
+                message: response.message,
+                errorDetail: response.errorDetail
+              });
+              setIsLoading(false);
+              return _context.abrupt("return");
+
+            case 9:
+              // success
+              setStartUpdate(function (prev) {
+                return prev + 1;
+              });
+              setCurrentUser({
+                id: response.body.data.currentUserId,
+                companyId: response.body.data.currentCompanyId
+              });
+              setLastUpdateDate(response.body.data.lastUpdateDate);
+              setAllUsers(response.body.users);
+              setSingleChat({
+                items: response.body.items,
+                enabledLoadMore: response.body.items.length === 50
+              });
+              setErrorChat({
+                existError: false
+              });
+              setIsLoading(false);
+
+            case 16:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function getInitialProductStatus() {
+      return _ref.apply(this, arguments);
     };
-    const response = await (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery, paramsHeaders);
-    setStartUpdate(prev => prev + 1); // TEMPORAL
-    if (!response.body) {
-      setErrorChat({
-        existError: true,
-        code: 400,
-        message: response.message,
-        errorDetail: response.errorDetail
-      });
-      setIsLoading(false);
-      return;
-    }
-    // success
-    setCurrentUser({
-      id: response.body.data.currentUserId,
-      companyId: response.body.data.currentCompanyId
-    });
-    setLastUpdateDate(response.body.data.lastUpdateDate);
-    setCurrentArticle({
-      status: response.body.data.status,
-      version: response.body.data.version
-    });
-    setAllUsers(response.body.users);
-    const companiesList = response.body.companies;
-    const companiesIdList = Object.keys(companiesList);
-    let companyActive;
-    // encontrar el chat inicial a cargar y si se debe permitir cargar mas
-    for (const companyId of companiesIdList) {
-      if (companiesList[companyId].items.length < 50) {
-        companiesList[companyId].enabledLoadMore = false;
-      } else {
-        companiesList[companyId].enabledLoadMore = true;
-      }
-      if (companiesList[companyId].statusChat === "current") {
-        companyActive = Number(companyId);
-      }
-    }
-    if (!companyActive && companiesIdList.length) {
-      companyActive = Number(companiesIdList[0]);
-    }
-    setCompanies(companiesList);
-    if (companyActive) setActiveCompanyId(companyActive);
-    setErrorChat({
-      existError: false
-    });
-    setIsLoading(false);
-  };
-  const getInitialTicket = async () => {
-    var _dataChat$currentUser, _dataChat$currentUser2, _dataChat$currentUser3, _dataChat$currentUser4;
-    stopUpdate(); // finalizamos el temporizador
-    const dataUser = {
-      id: (_dataChat$currentUser = dataChat.currentUser) === null || _dataChat$currentUser === void 0 ? void 0 : _dataChat$currentUser.id,
-      companyId: (_dataChat$currentUser2 = dataChat.currentUser) === null || _dataChat$currentUser2 === void 0 ? void 0 : _dataChat$currentUser2.companyId,
-      isUserTech: (_dataChat$currentUser3 = dataChat.currentUser) === null || _dataChat$currentUser3 === void 0 ? void 0 : _dataChat$currentUser3.isUserTech
+  }();
+
+  var getInitialMerchantProduct = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      var paramsQuery, paramsHeaders, response;
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              paramsQuery = {
+                getType: "initial",
+                id: JSON.stringify(dataChat.id),
+                version: JSON.stringify(dataChat.version)
+              };
+              paramsHeaders = {
+                Authorization: dataChat.userToken
+              };
+              _context2.next = 4;
+              return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery, paramsHeaders);
+
+            case 4:
+              response = _context2.sent;
+
+              if (response.body) {
+                _context2.next = 9;
+                break;
+              }
+
+              setErrorChat({
+                existError: true,
+                code: 400,
+                message: response.message,
+                errorDetail: response.errorDetail
+              });
+              setIsLoading(false);
+              return _context2.abrupt("return");
+
+            case 9:
+              // success
+              setStartUpdate(function (prev) {
+                return prev + 1;
+              });
+              setCurrentUser({
+                id: response.body.data.currentUserId,
+                companyId: response.body.data.currentCompanyId
+              });
+              setLastUpdateDate(response.body.data.lastUpdateDate);
+              setAllUsers(response.body.users);
+              setSingleChat({
+                items: response.body.items,
+                enabledLoadMore: response.body.items.length === 50
+              });
+              setErrorChat({
+                existError: false
+              });
+              setIsLoading(false);
+
+            case 16:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function getInitialMerchantProduct() {
+      return _ref2.apply(this, arguments);
     };
-    const paramsQuery = {
-      //id: JSON.stringify(dataChat.id),
-      id: dataChat.id,
-      getType: "initial",
-      //currentUser: encodeUriJson(dataUser),
-      currentUser: encodeURIComponent(JSON.stringify(dataUser)),
-      currentItemsFront: (0, _utils.encodeUriJson)(getItemsIdSingleChat())
+  }();
+
+  var getInitialOrderProduct = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+      var paramsQuery, paramsHeaders, response, companiesList, companiesIdList, companyActive, _i, _companiesIdList, companyId;
+
+      return _regenerator.default.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              clearTimeout(processUpdateID); // finalizamos el temporizador
+
+              paramsQuery = {
+                getType: "initial",
+                id: JSON.stringify(dataChat.id),
+                orderId: JSON.stringify(dataChat.orderId),
+                retailerId: JSON.stringify(dataChat.retailerId)
+              };
+              paramsHeaders = {
+                Authorization: dataChat.userToken
+              };
+              _context3.next = 5;
+              return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery, paramsHeaders);
+
+            case 5:
+              response = _context3.sent;
+              setStartUpdate(function (prev) {
+                return prev + 1;
+              }); // TEMPORAL
+
+              if (response.body) {
+                _context3.next = 11;
+                break;
+              }
+
+              setErrorChat({
+                existError: true,
+                code: 400,
+                message: response.message,
+                errorDetail: response.errorDetail
+              });
+              setIsLoading(false);
+              return _context3.abrupt("return");
+
+            case 11:
+              // success
+              setCurrentUser({
+                id: response.body.data.currentUserId,
+                companyId: response.body.data.currentCompanyId
+              });
+              setLastUpdateDate(response.body.data.lastUpdateDate);
+              setCurrentArticle({
+                status: response.body.data.status,
+                version: response.body.data.version
+              });
+              setAllUsers(response.body.users);
+              companiesList = response.body.companies;
+              companiesIdList = Object.keys(companiesList);
+
+              // encontrar el chat inicial a cargar y si se debe permitir cargar mas
+              for (_i = 0, _companiesIdList = companiesIdList; _i < _companiesIdList.length; _i++) {
+                companyId = _companiesIdList[_i];
+
+                if (companiesList[companyId].items.length < 50) {
+                  companiesList[companyId].enabledLoadMore = false;
+                } else {
+                  companiesList[companyId].enabledLoadMore = true;
+                }
+
+                if (companiesList[companyId].statusChat === "current") {
+                  companyActive = Number(companyId);
+                }
+              }
+
+              if (!companyActive && companiesIdList.length) {
+                companyActive = Number(companiesIdList[0]);
+              }
+
+              setCompanies(companiesList);
+              if (companyActive) setActiveCompanyId(companyActive);
+              setErrorChat({
+                existError: false
+              });
+              setIsLoading(false);
+
+            case 23:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }));
+
+    return function getInitialOrderProduct() {
+      return _ref3.apply(this, arguments);
     };
-    const response = await (0, _handle_http.fetchGET)(process.env.REACT_APP_TICKETS_CHAT_ENDPOINT, paramsQuery, {
-      Authorization: (_dataChat$currentUser4 = dataChat.currentUser) === null || _dataChat$currentUser4 === void 0 ? void 0 : _dataChat$currentUser4.token
-    });
-    // programar update en 20s
-    setStartUpdate(prev => prev + 1);
-    if (!response.body) {
-      setErrorChat({
-        existError: true,
-        code: 400,
-        message: response.message,
-        errorDetail: response.errorDetail
-      });
-      setIsLoading(false);
-      return;
-    }
-    // success
-    setLastUpdateDate(response.body.data.lastUpdateDate);
-    setAllUsers(response.body.users);
-    setSingleChat({
-      items: response.body.items,
-      enabledLoadMore: response.body.items.length === 50,
-      statusChat: dataChat.statusChat
-    });
-    setErrorChat({
-      existError: false
-    });
-    setIsLoading(false);
-  };
+  }();
+
+  var getInitialTicket = /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
+      var _dataChat$currentUser, _dataChat$currentUser2, _dataChat$currentUser3, _dataChat$currentUser4;
+
+      var dataUser, paramsQuery, response;
+      return _regenerator.default.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              stopUpdate(); // finalizamos el temporizador
+
+              dataUser = {
+                id: (_dataChat$currentUser = dataChat.currentUser) === null || _dataChat$currentUser === void 0 ? void 0 : _dataChat$currentUser.id,
+                companyId: (_dataChat$currentUser2 = dataChat.currentUser) === null || _dataChat$currentUser2 === void 0 ? void 0 : _dataChat$currentUser2.companyId,
+                isUserTech: (_dataChat$currentUser3 = dataChat.currentUser) === null || _dataChat$currentUser3 === void 0 ? void 0 : _dataChat$currentUser3.isUserTech
+              };
+              paramsQuery = {
+                //id: JSON.stringify(dataChat.id),
+                id: dataChat.id,
+                getType: "initial",
+                //currentUser: encodeUriJson(dataUser),
+                currentUser: encodeURIComponent(JSON.stringify(dataUser)),
+                currentItemsFront: (0, _utils.encodeUriJson)(getItemsIdSingleChat())
+              };
+              _context4.next = 5;
+              return (0, _handle_http.fetchGET)(process.env.REACT_APP_TICKETS_CHAT_ENDPOINT, paramsQuery, {
+                Authorization: (_dataChat$currentUser4 = dataChat.currentUser) === null || _dataChat$currentUser4 === void 0 ? void 0 : _dataChat$currentUser4.token
+              });
+
+            case 5:
+              response = _context4.sent;
+              // programar update en 20s
+              setStartUpdate(function (prev) {
+                return prev + 1;
+              });
+
+              if (response.body) {
+                _context4.next = 11;
+                break;
+              }
+
+              setErrorChat({
+                existError: true,
+                code: 400,
+                message: response.message,
+                errorDetail: response.errorDetail
+              });
+              setIsLoading(false);
+              return _context4.abrupt("return");
+
+            case 11:
+              // success
+              setLastUpdateDate(response.body.data.lastUpdateDate);
+              setAllUsers(response.body.users);
+              setSingleChat({
+                items: response.body.items,
+                enabledLoadMore: response.body.items.length === 50,
+                statusChat: dataChat.statusChat
+              });
+              setErrorChat({
+                existError: false
+              });
+              setIsLoading(false);
 
+            case 16:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4);
+    }));
+
+    return function getInitialTicket() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
   /*=======================================================================
                 PETICION GET LOAD_MORE SEGUN EL TIPO DE CHAT
   ======================================================================= */
-  const getLoadMoreMerchantProduct = async () => {
-    clearTimeout(processUpdateID); // finalizamos el temporizador
-    let date = singleChat.items[singleChat.items.length - 1].date;
-    const paramsQuery = {
-      getType: "loadMore",
-      id: JSON.stringify(dataChat.id),
-      version: JSON.stringify(dataChat.version),
-      date: encodeURIComponent(date)
-    };
-    const response = await (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery);
-    //setStartUpdate((prev) => prev + 1); // comendar un nuevo temporizador
-    if (!response.body) {
-      return {
-        title: response.message,
-        message: response.errorDetail
-      };
-    }
-    // success
-    // actualizar la lista de los users
-    updateAllUsers(response.body.users);
-    // actualizar los items del chat
-    let newSingleChat = {
-      ...singleChat
-    };
-    newSingleChat.items = addOldItemsChat(newSingleChat.items, response.body.items);
-    newSingleChat.enabledLoadMore = response.body.items.length === 50;
-    setSingleChat(newSingleChat);
-  };
-  const getLoadMoreOrderProduct = async () => {
-    clearTimeout(processUpdateID); // finalizamos el temporizador
-    let company = companies[activeCompanyId];
-    let date = company.items[company.items.length - 1].date;
-    const paramsQuery = {
-      getType: "loadMore",
-      id: JSON.stringify(dataChat.id),
-      orderId: JSON.stringify(dataChat.orderId),
-      version: JSON.stringify(currentArticle.version),
-      currentCompanyId: JSON.stringify(currentUser.companyId),
-      date: encodeURIComponent(date),
-      othersCompanyId: JSON.stringify([activeCompanyId])
-    };
-    const response = await (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery);
-    //setStartUpdate((prev) => prev + 1); // comendar un nuevo temporizador
-    if (!response.body) {
-      return {
-        title: response.message,
-        message: response.errorDetail
-      };
-    }
-    // success
-    // actualizar la lista de los users
-    updateAllUsers(response.body.users);
-    // actualizar los items del chat y la lista de users
-    company.items = addOldItemsChat(company.items, response.body.items);
-    company.enabledLoadMore = response.body.items.length === 50;
-    setCompanies(prev => ({
-      ...prev,
-      [activeCompanyId]: company
+
+
+  var getLoadMoreMerchantProduct = /*#__PURE__*/function () {
+    var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
+      var date, paramsQuery, response, newSingleChat;
+      return _regenerator.default.wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              clearTimeout(processUpdateID); // finalizamos el temporizador
+
+              date = singleChat.items[singleChat.items.length - 1].date;
+              paramsQuery = {
+                getType: "loadMore",
+                id: JSON.stringify(dataChat.id),
+                version: JSON.stringify(dataChat.version),
+                date: encodeURIComponent(date)
+              };
+              _context5.next = 5;
+              return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery);
+
+            case 5:
+              response = _context5.sent;
+
+              if (response.body) {
+                _context5.next = 8;
+                break;
+              }
+
+              return _context5.abrupt("return", {
+                title: response.message,
+                message: response.errorDetail
+              });
+
+            case 8:
+              // success
+              // actualizar la lista de los users
+              updateAllUsers(response.body.users); // actualizar los items del chat
+
+              newSingleChat = (0, _objectSpread3.default)({}, singleChat);
+              newSingleChat.items = addOldItemsChat(newSingleChat.items, response.body.items);
+              newSingleChat.enabledLoadMore = response.body.items.length === 50;
+              setSingleChat(newSingleChat);
+
+            case 13:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5);
     }));
-  };
 
-  // este GET obtiene la lista de compañoas con las que se puede chatear
-  const getLoadMoreTicket = async () => {
-    var _dataChat$currentUser5, _dataChat$currentUser6, _dataChat$currentUser7, _dataChat$currentUser8;
-    stopUpdate(); // finalizamos el temporizador
-    let date = singleChat.items[singleChat.items.length - 1].date;
-    const dataUser = {
-      id: (_dataChat$currentUser5 = dataChat.currentUser) === null || _dataChat$currentUser5 === void 0 ? void 0 : _dataChat$currentUser5.id,
-      companyId: (_dataChat$currentUser6 = dataChat.currentUser) === null || _dataChat$currentUser6 === void 0 ? void 0 : _dataChat$currentUser6.companyId,
-      isUserTech: (_dataChat$currentUser7 = dataChat.currentUser) === null || _dataChat$currentUser7 === void 0 ? void 0 : _dataChat$currentUser7.isUserTech
-    };
-    const paramsQuery = {
-      id: JSON.stringify(dataChat.id),
-      getType: "loadMore",
-      date: encodeURIComponent(date),
-      currentUser: (0, _utils.encodeUriJson)(dataUser),
-      currentItemsFront: (0, _utils.encodeUriJson)(getItemsIdSingleChat())
+    return function getLoadMoreMerchantProduct() {
+      return _ref5.apply(this, arguments);
     };
-    const response = await (0, _handle_http.fetchGET)(process.env.REACT_APP_TICKETS_CHAT_ENDPOINT, paramsQuery, {
-      Authorization: (_dataChat$currentUser8 = dataChat.currentUser) === null || _dataChat$currentUser8 === void 0 ? void 0 : _dataChat$currentUser8.token
-    });
-    //programar update en 20s
-    setStartUpdate(prev => prev + 1);
-    if (!response.body) {
-      return {
-        title: response.message,
-        message: response.errorDetail
-      };
-    }
-    // success
-    // actualizar la lista de los users
-    updateAllUsers(response.body.users);
-    // actualizar los items del chat
-    let newSingleChat = {
-      ...singleChat
+  }();
+
+  var getLoadMoreOrderProduct = /*#__PURE__*/function () {
+    var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
+      var company, date, paramsQuery, response;
+      return _regenerator.default.wrap(function _callee6$(_context6) {
+        while (1) {
+          switch (_context6.prev = _context6.next) {
+            case 0:
+              clearTimeout(processUpdateID); // finalizamos el temporizador
+
+              company = companies[activeCompanyId];
+              date = company.items[company.items.length - 1].date;
+              paramsQuery = {
+                getType: "loadMore",
+                id: JSON.stringify(dataChat.id),
+                orderId: JSON.stringify(dataChat.orderId),
+                version: JSON.stringify(currentArticle.version),
+                currentCompanyId: JSON.stringify(currentUser.companyId),
+                date: encodeURIComponent(date),
+                othersCompanyId: JSON.stringify([activeCompanyId])
+              };
+              _context6.next = 6;
+              return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery);
+
+            case 6:
+              response = _context6.sent;
+
+              if (response.body) {
+                _context6.next = 9;
+                break;
+              }
+
+              return _context6.abrupt("return", {
+                title: response.message,
+                message: response.errorDetail
+              });
+
+            case 9:
+              // success
+              // actualizar la lista de los users
+              updateAllUsers(response.body.users); // actualizar los items del chat y la lista de users
+
+              company.items = addOldItemsChat(company.items, response.body.items);
+              company.enabledLoadMore = response.body.items.length === 50;
+              setCompanies(function (prev) {
+                return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, (0, _defineProperty2.default)({}, activeCompanyId, company));
+              });
+
+            case 13:
+            case "end":
+              return _context6.stop();
+          }
+        }
+      }, _callee6);
+    }));
+
+    return function getLoadMoreOrderProduct() {
+      return _ref6.apply(this, arguments);
     };
-    newSingleChat.items = addOldItemsChat(newSingleChat.items, response.body.items);
-    newSingleChat.enabledLoadMore = response.body.items.length === 50;
-    setSingleChat(newSingleChat);
-  };
+  }(); // este GET obtiene la lista de compañoas con las que se puede chatear
+
+
+  var getLoadMoreTicket = /*#__PURE__*/function () {
+    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
+      var _dataChat$currentUser5, _dataChat$currentUser6, _dataChat$currentUser7, _dataChat$currentUser8;
+
+      var date, dataUser, paramsQuery, response, newSingleChat;
+      return _regenerator.default.wrap(function _callee7$(_context7) {
+        while (1) {
+          switch (_context7.prev = _context7.next) {
+            case 0:
+              stopUpdate(); // finalizamos el temporizador
+
+              date = singleChat.items[singleChat.items.length - 1].date;
+              dataUser = {
+                id: (_dataChat$currentUser5 = dataChat.currentUser) === null || _dataChat$currentUser5 === void 0 ? void 0 : _dataChat$currentUser5.id,
+                companyId: (_dataChat$currentUser6 = dataChat.currentUser) === null || _dataChat$currentUser6 === void 0 ? void 0 : _dataChat$currentUser6.companyId,
+                isUserTech: (_dataChat$currentUser7 = dataChat.currentUser) === null || _dataChat$currentUser7 === void 0 ? void 0 : _dataChat$currentUser7.isUserTech
+              };
+              paramsQuery = {
+                id: JSON.stringify(dataChat.id),
+                getType: "loadMore",
+                date: encodeURIComponent(date),
+                currentUser: (0, _utils.encodeUriJson)(dataUser),
+                currentItemsFront: (0, _utils.encodeUriJson)(getItemsIdSingleChat())
+              };
+              _context7.next = 6;
+              return (0, _handle_http.fetchGET)(process.env.REACT_APP_TICKETS_CHAT_ENDPOINT, paramsQuery, {
+                Authorization: (_dataChat$currentUser8 = dataChat.currentUser) === null || _dataChat$currentUser8 === void 0 ? void 0 : _dataChat$currentUser8.token
+              });
+
+            case 6:
+              response = _context7.sent;
+              //programar update en 20s
+              setStartUpdate(function (prev) {
+                return prev + 1;
+              });
+
+              if (response.body) {
+                _context7.next = 10;
+                break;
+              }
 
+              return _context7.abrupt("return", {
+                title: response.message,
+                message: response.errorDetail
+              });
+
+            case 10:
+              // success
+              // actualizar la lista de los users
+              updateAllUsers(response.body.users); // actualizar los items del chat
+
+              newSingleChat = (0, _objectSpread3.default)({}, singleChat);
+              newSingleChat.items = addOldItemsChat(newSingleChat.items, response.body.items);
+              newSingleChat.enabledLoadMore = response.body.items.length === 50;
+              setSingleChat(newSingleChat);
+
+            case 15:
+            case "end":
+              return _context7.stop();
+          }
+        }
+      }, _callee7);
+    }));
+
+    return function getLoadMoreTicket() {
+      return _ref7.apply(this, arguments);
+    };
+  }();
   /*=======================================================================
                 PETICION GET UPDATE_LATEST SEGUN EL TIPO DE CHAT
   ======================================================================= */
-  const getUpdateLatestMerchantProduct = async function () {
-    let fromUpdate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    const paramsQuery = {
-      getType: "updateLatest",
-      id: JSON.stringify(dataChat.id),
-      version: JSON.stringify(dataChat.version),
-      date: encodeURIComponent(lastUpdateDate)
-    };
-    const paramsHeaders = {
-      Authorization: dataChat.userToken
-    };
-    const response = await (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery, paramsHeaders);
-    if (!response.body) {
-      console.log("ERROR updateLatest:", {
-        message: response.message,
-        errorDetail: response.errorDetail
-      });
-      return;
-    }
-    // success
-    setStartUpdate(prev => prev + 1);
-    setLastUpdateDate(response.body.data.lastUpdateDate);
-    // actualizar la lista de los users
-    updateAllUsers(response.body.users);
-    // actualizar los items del chat
-    let newSingleChat = {
-      ...singleChat
-    };
-    newSingleChat.items = addNewItemsChat(newSingleChat.items, response.body.items, fromUpdate);
-    setSingleChat(newSingleChat);
-  };
-  const getUpdateLatestOrderProduct = async function () {
-    let fromUpdate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    const paramsQuery = {
-      getType: "updateLatest",
-      id: JSON.stringify(dataChat.id),
-      orderId: JSON.stringify(dataChat.orderId),
-      retailerId: JSON.stringify(dataChat.retailerId),
-      version: JSON.stringify(currentArticle.version),
-      status: currentArticle.status,
-      currentCompanyId: JSON.stringify(currentUser.companyId),
-      othersCompanyId: encodeURIComponent(JSON.stringify(Object.keys(companies))),
-      date: encodeURIComponent(lastUpdateDate)
-    };
-    const response = await (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery);
-    if (!response.body) {
-      console.log("ERROR update: ", {
-        message: response.message,
-        errorDetail: response.errorDetail
-      });
-      return;
-    }
-    // success
-    setStartUpdate(prev => prev + 1);
-    // cuando cambie la lista de chats por un cambio de version o estatus
-    if (response.body.data.status) {
-      setIsLoading(true);
-      setTimeout(() => {
-        setLastUpdateDate(response.body.data.lastUpdateDate);
-        setCurrentArticle({
-          status: response.body.data.status,
-          version: response.body.data.version
-        });
-        setAllUsers(response.body.users);
-        const companiesList = response.body.companies;
-        const companiesIdList = Object.keys(companiesList);
-        let companyActive;
-        // encontrar el chat inicial a cargar y si se debe permitir cargar mas
-        for (const companyId of companiesIdList) {
-          if (companiesList[companyId].items.length < 50) {
-            companiesList[companyId].enabledLoadMore = false;
-          } else {
-            companiesList[companyId].enabledLoadMore = true;
-          }
-          if (companiesList[companyId].statusChat === "current") {
-            companyActive = Number(companyId);
+
+
+  var getUpdateLatestMerchantProduct = /*#__PURE__*/function () {
+    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
+      var fromUpdate,
+          paramsQuery,
+          paramsHeaders,
+          response,
+          newSingleChat,
+          _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),
+                version: JSON.stringify(dataChat.version),
+                date: encodeURIComponent(lastUpdateDate)
+              };
+              paramsHeaders = {
+                Authorization: dataChat.userToken
+              };
+              _context8.next = 5;
+              return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery, paramsHeaders);
+
+            case 5:
+              response = _context8.sent;
+
+              if (response.body) {
+                _context8.next = 9;
+                break;
+              }
+
+              console.log("ERROR updateLatest:", {
+                message: response.message,
+                errorDetail: response.errorDetail
+              });
+              return _context8.abrupt("return");
+
+            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, fromUpdate);
+              setSingleChat(newSingleChat);
+
+            case 15:
+            case "end":
+              return _context8.stop();
           }
         }
-        if (!companyActive && companiesIdList.length) {
-          companyActive = Number(companiesIdList[0]);
-        }
-        setCompanies(companiesList);
-        if (companyActive) setActiveCompanyId(companyActive);
-        setErrorChat({
-          existError: false
-        });
-        setIsLoading(false);
-      }, 2000);
-    }
-    // cuando se hizo un update de los mismos chats
-    else {
-      setLastUpdateDate(response.body.data.lastUpdateDate);
-      // actualizar la lista de los users
-      updateAllUsers(response.body.users);
-      // actualizar los items de los chats
-      let companiesList = {
-        ...companies
-      };
-      Object.keys(response.body.companies).forEach(companyId => {
-        companiesList[companyId].items = addNewItemsChat(companiesList[companyId].items, response.body.companies[companyId].items, fromUpdate);
-      });
-      setCompanies(companiesList);
-    }
-  };
-  const getUpdateLatestTicket = async function () {
-    var _dataChat$currentUser9, _dataChat$currentUser10, _dataChat$currentUser11, _dataChat$currentUser12;
-    let fromUpdate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    if (singleChat.statusChat === "closed") return;
-    const dataUser = {
-      id: (_dataChat$currentUser9 = dataChat.currentUser) === null || _dataChat$currentUser9 === void 0 ? void 0 : _dataChat$currentUser9.id,
-      companyId: (_dataChat$currentUser10 = dataChat.currentUser) === null || _dataChat$currentUser10 === void 0 ? void 0 : _dataChat$currentUser10.companyId,
-      isUserTech: (_dataChat$currentUser11 = dataChat.currentUser) === null || _dataChat$currentUser11 === void 0 ? void 0 : _dataChat$currentUser11.isUserTech
-    };
-    const paramsQuery = {
-      id: JSON.stringify(dataChat.id),
-      getType: "updateLatest",
-      date: encodeURIComponent(lastUpdateDate),
-      currentUser: (0, _utils.encodeUriJson)(dataUser),
-      currentItemsFront: (0, _utils.encodeUriJson)(getItemsIdSingleChat())
+      }, _callee8);
+    }));
+
+    return function getUpdateLatestMerchantProduct() {
+      return _ref8.apply(this, arguments);
     };
-    const response = await (0, _handle_http.fetchGET)(process.env.REACT_APP_TICKETS_CHAT_ENDPOINT, paramsQuery, {
-      Authorization: (_dataChat$currentUser12 = dataChat.currentUser) === null || _dataChat$currentUser12 === void 0 ? void 0 : _dataChat$currentUser12.token
-    });
-    //programar update en 20s
-    setStartUpdate(prev => prev + 1);
-    if (!response.body) {
-      if (errorUpdate.startDate) {
-        setErrorUpdate(prev => ({
-          ...prev,
-          lastDate: new Date()
-        }));
-      } else {
-        setErrorUpdate(prev => ({
-          startDate: new Date()
-        }));
-      }
-      console.log("ERROR updateLatest:", {
-        message: response.message,
-        errorDetail: response.errorDetail
-      });
-      return;
-    }
-    // limpiar error update
-    if (errorUpdate.startDate) {
-      setErrorUpdate({});
-    }
-    // success
-    setLastUpdateDate(response.body.data.lastUpdateDate);
-    // actualizar la lista de los users
-    updateAllUsers(response.body.users);
-    // actualizar los items del chat
-    if (response.body.items.length === 0) return;
-    let newSingleChat = {
-      ...singleChat
+  }();
+
+  var getUpdateLatestOrderProduct = /*#__PURE__*/function () {
+    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
+      var fromUpdate,
+          paramsQuery,
+          response,
+          companiesList,
+          _args9 = arguments;
+      return _regenerator.default.wrap(function _callee9$(_context9) {
+        while (1) {
+          switch (_context9.prev = _context9.next) {
+            case 0:
+              fromUpdate = _args9.length > 0 && _args9[0] !== undefined ? _args9[0] : false;
+              paramsQuery = {
+                getType: "updateLatest",
+                id: JSON.stringify(dataChat.id),
+                orderId: JSON.stringify(dataChat.orderId),
+                retailerId: JSON.stringify(dataChat.retailerId),
+                version: JSON.stringify(currentArticle.version),
+                status: currentArticle.status,
+                currentCompanyId: JSON.stringify(currentUser.companyId),
+                othersCompanyId: encodeURIComponent(JSON.stringify(Object.keys(companies))),
+                date: encodeURIComponent(lastUpdateDate)
+              };
+              _context9.next = 4;
+              return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery);
+
+            case 4:
+              response = _context9.sent;
+
+              if (response.body) {
+                _context9.next = 8;
+                break;
+              }
+
+              console.log("ERROR update: ", {
+                message: response.message,
+                errorDetail: response.errorDetail
+              });
+              return _context9.abrupt("return");
+
+            case 8:
+              // success
+              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 () {
+                  setLastUpdateDate(response.body.data.lastUpdateDate);
+                  setCurrentArticle({
+                    status: response.body.data.status,
+                    version: response.body.data.version
+                  });
+                  setAllUsers(response.body.users);
+                  var companiesList = response.body.companies;
+                  var companiesIdList = Object.keys(companiesList);
+                  var companyActive; // encontrar el chat inicial a cargar y si se debe permitir cargar mas
+
+                  for (var _i2 = 0, _companiesIdList2 = companiesIdList; _i2 < _companiesIdList2.length; _i2++) {
+                    var companyId = _companiesIdList2[_i2];
+
+                    if (companiesList[companyId].items.length < 50) {
+                      companiesList[companyId].enabledLoadMore = false;
+                    } else {
+                      companiesList[companyId].enabledLoadMore = true;
+                    }
+
+                    if (companiesList[companyId].statusChat === "current") {
+                      companyActive = Number(companyId);
+                    }
+                  }
+
+                  if (!companyActive && companiesIdList.length) {
+                    companyActive = Number(companiesIdList[0]);
+                  }
+
+                  setCompanies(companiesList);
+                  if (companyActive) setActiveCompanyId(companyActive);
+                  setErrorChat({
+                    existError: false
+                  });
+                  setIsLoading(false);
+                }, 2000);
+              } // cuando se hizo un update de los mismos chats
+              else {
+                setLastUpdateDate(response.body.data.lastUpdateDate); // actualizar la lista de los users
+
+                updateAllUsers(response.body.users); // actualizar los items de los chats
+
+                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, fromUpdate);
+                });
+                setCompanies(companiesList);
+              }
+
+            case 10:
+            case "end":
+              return _context9.stop();
+          }
+        }
+      }, _callee9);
+    }));
+
+    return function getUpdateLatestOrderProduct() {
+      return _ref9.apply(this, arguments);
     };
-    newSingleChat.items = addNewItemsChat(newSingleChat.items, response.body.items, fromUpdate);
-    newSingleChat.statusChat = response.body.data.statusChat;
-    setSingleChat(newSingleChat);
-  };
+  }();
+
+  var getUpdateLatestTicket = /*#__PURE__*/function () {
+    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10() {
+      var _dataChat$currentUser9, _dataChat$currentUser10, _dataChat$currentUser11, _dataChat$currentUser12;
+
+      var fromUpdate,
+          dataUser,
+          paramsQuery,
+          response,
+          newSingleChat,
+          _args10 = arguments;
+      return _regenerator.default.wrap(function _callee10$(_context10) {
+        while (1) {
+          switch (_context10.prev = _context10.next) {
+            case 0:
+              fromUpdate = _args10.length > 0 && _args10[0] !== undefined ? _args10[0] : false;
+
+              if (!(singleChat.statusChat === "closed")) {
+                _context10.next = 3;
+                break;
+              }
+
+              return _context10.abrupt("return");
+
+            case 3:
+              dataUser = {
+                id: (_dataChat$currentUser9 = dataChat.currentUser) === null || _dataChat$currentUser9 === void 0 ? void 0 : _dataChat$currentUser9.id,
+                companyId: (_dataChat$currentUser10 = dataChat.currentUser) === null || _dataChat$currentUser10 === void 0 ? void 0 : _dataChat$currentUser10.companyId,
+                isUserTech: (_dataChat$currentUser11 = dataChat.currentUser) === null || _dataChat$currentUser11 === void 0 ? void 0 : _dataChat$currentUser11.isUserTech
+              };
+              paramsQuery = {
+                id: JSON.stringify(dataChat.id),
+                getType: "updateLatest",
+                date: encodeURIComponent(lastUpdateDate),
+                currentUser: (0, _utils.encodeUriJson)(dataUser),
+                currentItemsFront: (0, _utils.encodeUriJson)(getItemsIdSingleChat())
+              };
+              _context10.next = 7;
+              return (0, _handle_http.fetchGET)(process.env.REACT_APP_TICKETS_CHAT_ENDPOINT, paramsQuery, {
+                Authorization: (_dataChat$currentUser12 = dataChat.currentUser) === null || _dataChat$currentUser12 === void 0 ? void 0 : _dataChat$currentUser12.token
+              });
 
+            case 7:
+              response = _context10.sent;
+              //programar update en 20s
+              setStartUpdate(function (prev) {
+                return prev + 1;
+              });
+
+              if (response.body) {
+                _context10.next = 13;
+                break;
+              }
+
+              if (errorUpdate.startDate) {
+                setErrorUpdate(function (prev) {
+                  return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, {
+                    lastDate: new Date()
+                  });
+                });
+              } else {
+                setErrorUpdate(function (prev) {
+                  return {
+                    startDate: new Date()
+                  };
+                });
+              }
+
+              console.log("ERROR updateLatest:", {
+                message: response.message,
+                errorDetail: response.errorDetail
+              });
+              return _context10.abrupt("return");
+
+            case 13:
+              // limpiar error update
+              if (errorUpdate.startDate) {
+                setErrorUpdate({});
+              } // success
+
+
+              setLastUpdateDate(response.body.data.lastUpdateDate); // actualizar la lista de los users
+
+              updateAllUsers(response.body.users); // actualizar los items del chat
+
+              if (!(response.body.items.length === 0)) {
+                _context10.next = 18;
+                break;
+              }
+
+              return _context10.abrupt("return");
+
+            case 18:
+              newSingleChat = (0, _objectSpread3.default)({}, singleChat);
+              newSingleChat.items = addNewItemsChat(newSingleChat.items, response.body.items, fromUpdate);
+              newSingleChat.statusChat = response.body.data.statusChat;
+              setSingleChat(newSingleChat);
+
+            case 22:
+            case "end":
+              return _context10.stop();
+          }
+        }
+      }, _callee10);
+    }));
+
+    return function getUpdateLatestTicket() {
+      return _ref10.apply(this, arguments);
+    };
+  }();
   /*=======================================================================
             FUNCION QUE EJECUTA EL MICROSERVICIO CREATE-ITEM
   Este metodo recibe los items que queremos agregar al chat.
@@ -601,188 +1041,455 @@ const ContentChat = props => {
     value: "mi mensaje"
   } ]
   ======================================================================= */
-  const createItemsChat = async function () {
-    let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    if (items.length === 0) {
-      return {
-        message: "No se especifico ningun mensaje, imagen o archivo nuevo " + "que se quiera enviar al chat",
-        errorDetail: "Reporta esto a TI"
-      };
-    }
-    for (const item of items) {
-      if (!["message", "img", "file"].includes(item.type)) {
-        return {
-          message: "Uno de los elementos que se quiere enviar al chat " + "no es un tipo valido \"".concat(item.type, "\""),
-          errorDetail: "Reporta esto a TI"
-        };
-      }
-      if ((0, _utils.isStringEmpty)(item.value)) {
-        return {
-          message: "Uno de los elementos que se quiere enviar al chat " + "contiene un valor vacio",
-          errorDetail: "Reporta esto a TI"
-        };
-      }
-    }
-    let errorCreate;
-    stopUpdate(); // finalizamos el temporizador
 
-    // enviar items a la BD
-    if (chatType === "merchant_product") {
-      errorCreate = await createItemsMerchantProduct(items);
-    } else if (chatType === "product_status") {
-      errorCreate = await createItemsProductStatus(items);
-    } else if (chatType === "order_product") {
-      errorCreate = await createItemsOrderProduct(items);
-    } else errorCreate = await createItemsTicket(items);
 
-    // actualizar chat para que aparezcan los items enviados
-    if (["merchant_product", "product_status"].includes(chatType)) {
-      await getUpdateLatestMerchantProduct();
-    } else if (chatType === "order_product") {
-      await getUpdateLatestOrderProduct();
-    } else await getUpdateLatestTicket();
+  var createItemsChat = /*#__PURE__*/function () {
+    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11() {
+      var items,
+          _iterator,
+          _step,
+          item,
+          errorCreate,
+          _args11 = arguments;
 
-    // cuando no se pudieron guardar los items
-    if (errorCreate) {
-      return errorCreate;
-    }
-  };
-  const createItemsMerchantProduct = async function () {
-    let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    const {
-      id,
-      version,
-      orderId
-    } = dataChat;
-    const {
-      id: retailerId
-    } = activeRetailer;
-    const paramsBody = {
-      id,
-      version,
-      items,
-      retailerId
-    };
-    if (chatType === "product_status") paramsBody["orderId"] = orderId;
-    const paramsHeaders = {
-      Authorization: dataChat.userToken
-    };
-    const response = await (0, _handle_http.fetchPOST)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsBody, paramsHeaders);
-    if (!response.body) {
-      return {
-        message: response.message,
-        errorDetail: response.errorDetail
-      };
-    }
-  };
-  const createItemsProductStatus = async function () {
-    let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    const {
-      id,
-      version,
-      orderId,
-      status
-    } = dataChat;
-    const {
-      id: retailerId
-    } = activeRetailer;
-    const paramsBody = {
-      id,
-      version,
-      items,
-      retailerId,
-      orderId,
-      status
-    };
-    const paramsHeaders = {
-      Authorization: dataChat.userToken
-    };
-    const response = await (0, _handle_http.fetchPOST)(process.env.REACT_APP_CREATE_MESSAGES, paramsBody, paramsHeaders);
-    if (!response.body) {
-      return {
-        message: response.message,
-        errorDetail: response.errorDetail
-      };
-    }
-  };
-  const createItemsOrderProduct = async function () {
-    let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    const paramsBody = {
-      id: dataChat.id,
-      version: currentArticle.version,
-      items,
-      orderId: dataChat.orderId,
-      retailerId: activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id
+      return _regenerator.default.wrap(function _callee11$(_context11) {
+        while (1) {
+          switch (_context11.prev = _context11.next) {
+            case 0:
+              items = _args11.length > 0 && _args11[0] !== undefined ? _args11[0] : [];
+
+              if (!(items.length === 0)) {
+                _context11.next = 3;
+                break;
+              }
+
+              return _context11.abrupt("return", {
+                message: "No se especifico ningun mensaje, imagen o archivo nuevo " + "que se quiera enviar al chat",
+                errorDetail: "Reporta esto a TI"
+              });
+
+            case 3:
+              _iterator = (0, _createForOfIteratorHelper2.default)(items);
+              _context11.prev = 4;
+
+              _iterator.s();
+
+            case 6:
+              if ((_step = _iterator.n()).done) {
+                _context11.next = 14;
+                break;
+              }
+
+              item = _step.value;
+
+              if (["message", "img", "file"].includes(item.type)) {
+                _context11.next = 10;
+                break;
+              }
+
+              return _context11.abrupt("return", {
+                message: "Uno de los elementos que se quiere enviar al chat " + "no es un tipo valido \"".concat(item.type, "\""),
+                errorDetail: "Reporta esto a TI"
+              });
+
+            case 10:
+              if (!(0, _utils.isStringEmpty)(item.value)) {
+                _context11.next = 12;
+                break;
+              }
+
+              return _context11.abrupt("return", {
+                message: "Uno de los elementos que se quiere enviar al chat " + "contiene un valor vacio",
+                errorDetail: "Reporta esto a TI"
+              });
+
+            case 12:
+              _context11.next = 6;
+              break;
+
+            case 14:
+              _context11.next = 19;
+              break;
+
+            case 16:
+              _context11.prev = 16;
+              _context11.t0 = _context11["catch"](4);
+
+              _iterator.e(_context11.t0);
+
+            case 19:
+              _context11.prev = 19;
+
+              _iterator.f();
+
+              return _context11.finish(19);
+
+            case 22:
+              stopUpdate(); // finalizamos el temporizador
+              // enviar items a la BD
+
+              if (!(chatType === "merchant_product")) {
+                _context11.next = 29;
+                break;
+              }
+
+              _context11.next = 26;
+              return createItemsMerchantProduct(items);
+
+            case 26:
+              errorCreate = _context11.sent;
+              _context11.next = 44;
+              break;
+
+            case 29:
+              if (!(chatType === "product_status")) {
+                _context11.next = 35;
+                break;
+              }
+
+              _context11.next = 32;
+              return createItemsProductStatus(items);
+
+            case 32:
+              errorCreate = _context11.sent;
+              _context11.next = 44;
+              break;
+
+            case 35:
+              if (!(chatType === "order_product")) {
+                _context11.next = 41;
+                break;
+              }
+
+              _context11.next = 38;
+              return createItemsOrderProduct(items);
+
+            case 38:
+              errorCreate = _context11.sent;
+              _context11.next = 44;
+              break;
+
+            case 41:
+              _context11.next = 43;
+              return createItemsTicket(items);
+
+            case 43:
+              errorCreate = _context11.sent;
+
+            case 44:
+              if (!["merchant_product", "product_status"].includes(chatType)) {
+                _context11.next = 49;
+                break;
+              }
+
+              _context11.next = 47;
+              return getUpdateLatestMerchantProduct();
+
+            case 47:
+              _context11.next = 56;
+              break;
+
+            case 49:
+              if (!(chatType === "order_product")) {
+                _context11.next = 54;
+                break;
+              }
+
+              _context11.next = 52;
+              return getUpdateLatestOrderProduct();
+
+            case 52:
+              _context11.next = 56;
+              break;
+
+            case 54:
+              _context11.next = 56;
+              return getUpdateLatestTicket();
+
+            case 56:
+              if (!errorCreate) {
+                _context11.next = 58;
+                break;
+              }
+
+              return _context11.abrupt("return", errorCreate);
+
+            case 58:
+            case "end":
+              return _context11.stop();
+          }
+        }
+      }, _callee11, null, [[4, 16, 19, 22]]);
+    }));
+
+    return function createItemsChat() {
+      return _ref11.apply(this, arguments);
     };
-    const paramsHeaders = {
-      Authorization: dataChat.userToken
+  }();
+
+  var createItemsMerchantProduct = /*#__PURE__*/function () {
+    var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
+      var items,
+          id,
+          version,
+          orderId,
+          retailerId,
+          paramsBody,
+          paramsHeaders,
+          response,
+          _args12 = arguments;
+      return _regenerator.default.wrap(function _callee12$(_context12) {
+        while (1) {
+          switch (_context12.prev = _context12.next) {
+            case 0:
+              items = _args12.length > 0 && _args12[0] !== undefined ? _args12[0] : [];
+              id = dataChat.id, version = dataChat.version, orderId = dataChat.orderId;
+              retailerId = activeRetailer.id;
+              paramsBody = {
+                id: id,
+                version: version,
+                items: items,
+                retailerId: retailerId
+              };
+              if (chatType === "product_status") paramsBody["orderId"] = orderId;
+              paramsHeaders = {
+                Authorization: dataChat.userToken
+              };
+              _context12.next = 8;
+              return (0, _handle_http.fetchPOST)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsBody, paramsHeaders);
+
+            case 8:
+              response = _context12.sent;
+
+              if (response.body) {
+                _context12.next = 11;
+                break;
+              }
+
+              return _context12.abrupt("return", {
+                message: response.message,
+                errorDetail: response.errorDetail
+              });
+
+            case 11:
+            case "end":
+              return _context12.stop();
+          }
+        }
+      }, _callee12);
+    }));
+
+    return function createItemsMerchantProduct() {
+      return _ref12.apply(this, arguments);
     };
-    const response = await (0, _handle_http.fetchPOST)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsBody, paramsHeaders);
-    if (!response.body) {
-      return {
-        message: response.message,
-        errorDetail: response.errorDetail
-      };
-    }
-  };
-  const createItemsTicket = async function () {
-    let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    const paramsBody = {
-      id: JSON.stringify(dataChat.id),
-      userId: JSON.stringify(dataChat.currentUser.id),
-      items: JSON.stringify(items)
+  }();
+
+  var createItemsProductStatus = /*#__PURE__*/function () {
+    var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13() {
+      var items,
+          id,
+          version,
+          orderId,
+          status,
+          retailerId,
+          paramsBody,
+          paramsHeaders,
+          response,
+          _args13 = arguments;
+      return _regenerator.default.wrap(function _callee13$(_context13) {
+        while (1) {
+          switch (_context13.prev = _context13.next) {
+            case 0:
+              items = _args13.length > 0 && _args13[0] !== undefined ? _args13[0] : [];
+              id = dataChat.id, version = dataChat.version, orderId = dataChat.orderId, status = dataChat.status;
+              retailerId = activeRetailer.id;
+              paramsBody = {
+                id: id,
+                version: version,
+                items: items,
+                retailerId: retailerId,
+                orderId: orderId,
+                status: status
+              };
+              paramsHeaders = {
+                Authorization: dataChat.userToken
+              };
+              _context13.next = 7;
+              return (0, _handle_http.fetchPOST)(process.env.REACT_APP_CREATE_MESSAGES, paramsBody, paramsHeaders);
+
+            case 7:
+              response = _context13.sent;
+
+              if (response.body) {
+                _context13.next = 10;
+                break;
+              }
+
+              return _context13.abrupt("return", {
+                message: response.message,
+                errorDetail: response.errorDetail
+              });
+
+            case 10:
+            case "end":
+              return _context13.stop();
+          }
+        }
+      }, _callee13);
+    }));
+
+    return function createItemsProductStatus() {
+      return _ref13.apply(this, arguments);
     };
-    const paramsHeaders = {
-      Authorization: dataChat.userToken
+  }();
+
+  var createItemsOrderProduct = /*#__PURE__*/function () {
+    var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14() {
+      var items,
+          paramsBody,
+          paramsHeaders,
+          response,
+          _args14 = arguments;
+      return _regenerator.default.wrap(function _callee14$(_context14) {
+        while (1) {
+          switch (_context14.prev = _context14.next) {
+            case 0:
+              items = _args14.length > 0 && _args14[0] !== undefined ? _args14[0] : [];
+              paramsBody = {
+                id: dataChat.id,
+                version: currentArticle.version,
+                items: items,
+                orderId: dataChat.orderId,
+                retailerId: activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id
+              };
+              paramsHeaders = {
+                Authorization: dataChat.userToken
+              };
+              _context14.next = 5;
+              return (0, _handle_http.fetchPOST)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsBody, paramsHeaders);
+
+            case 5:
+              response = _context14.sent;
+
+              if (response.body) {
+                _context14.next = 8;
+                break;
+              }
+
+              return _context14.abrupt("return", {
+                message: response.message,
+                errorDetail: response.errorDetail
+              });
+
+            case 8:
+            case "end":
+              return _context14.stop();
+          }
+        }
+      }, _callee14);
+    }));
+
+    return function createItemsOrderProduct() {
+      return _ref14.apply(this, arguments);
     };
-    const response = await (0, _handle_http.fetchPOST)(process.env.REACT_APP_TICKETS_CHAT_ENDPOINT, paramsBody, paramsHeaders);
-    if (!response.body) {
-      return {
-        message: response.message,
-        errorDetail: response.errorDetail
-      };
-    }
-  };
+  }();
+
+  var createItemsTicket = /*#__PURE__*/function () {
+    var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15() {
+      var items,
+          paramsBody,
+          paramsHeaders,
+          response,
+          _args15 = arguments;
+      return _regenerator.default.wrap(function _callee15$(_context15) {
+        while (1) {
+          switch (_context15.prev = _context15.next) {
+            case 0:
+              items = _args15.length > 0 && _args15[0] !== undefined ? _args15[0] : [];
+              paramsBody = {
+                id: JSON.stringify(dataChat.id),
+                userId: JSON.stringify(dataChat.currentUser.id),
+                items: JSON.stringify(items)
+              };
+              paramsHeaders = {
+                Authorization: dataChat.userToken
+              };
+              _context15.next = 5;
+              return (0, _handle_http.fetchPOST)(process.env.REACT_APP_TICKETS_CHAT_ENDPOINT, paramsBody, paramsHeaders);
+
+            case 5:
+              response = _context15.sent;
+
+              if (response.body) {
+                _context15.next = 8;
+                break;
+              }
+
+              return _context15.abrupt("return", {
+                message: response.message,
+                errorDetail: response.errorDetail
+              });
+
+            case 8:
+            case "end":
+              return _context15.stop();
+          }
+        }
+      }, _callee15);
+    }));
 
+    return function createItemsTicket() {
+      return _ref15.apply(this, arguments);
+    };
+  }();
   /*=======================================================================
                         SECCION DE FUNCIONES
   ======================================================================= */
-  const isSingleChat = () => {
+
+
+  var isSingleChat = function isSingleChat() {
     if (chatType === "merchant_product" || chatType === "ticket" || chatType === "product_status") {
       return true;
     }
+
     if (companies && Object.keys(companies).length < 2) return true;else return false;
   };
-  const getItemsIdSingleChat = () => {
-    const itemsId = {};
+
+  var getItemsIdSingleChat = function getItemsIdSingleChat() {
+    var itemsId = {};
+
     if (Array.isArray(singleChat.items)) {
-      singleChat.items.forEach(item => {
+      singleChat.items.forEach(function (item) {
         if ((0, _utils.isValidNaturalNumber)(item.id)) itemsId[item.id] = true;
       });
     }
+
     return itemsId;
   };
-  const getChatCompany = () => {
+
+  var getChatCompany = function getChatCompany() {
     if (chatType === "merchant_product" || chatType === "ticket") {
       return undefined;
     }
+
     if (companies && companies[activeCompanyId]) {
-      return {
-        ...companies[activeCompanyId],
+      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, companies[activeCompanyId]), {}, {
         id: activeCompanyId
-      };
+      });
     }
+
     return undefined;
   };
-  const addOldItemsChat = function () {
-    let currentItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    let newItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    let items = currentItems.slice();
-    let itemsId = {};
-    items.forEach(item => {
+
+  var addOldItemsChat = function addOldItemsChat() {
+    var currentItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var newItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    var items = currentItems.slice();
+    var itemsId = {};
+    items.forEach(function (item) {
       itemsId[item.id] = true;
     });
-    newItems.forEach(item => {
+    newItems.forEach(function (item) {
       if (!itemsId[item.id]) {
         items.push(item);
         itemsId[item.id] = true;
@@ -790,29 +1497,32 @@ const ContentChat = props => {
     });
     return items;
   };
-  const addNewItemsChat = function () {
-    let currentItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    let newItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    let fromUpdate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    let itemsId = {};
-    currentItems.forEach(item => {
+
+  var addNewItemsChat = function addNewItemsChat() {
+    var currentItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var newItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    var fromUpdate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var itemsId = {};
+    currentItems.forEach(function (item) {
       itemsId[item.id] = item;
     });
-    let thereAreNewItems = false;
-    newItems.forEach(newitem => {
+    var thereAreNewItems = false;
+    newItems.forEach(function (newitem) {
       if (!itemsId[newitem.id]) {
         itemsId[newitem.id] = newitem;
         thereAreNewItems = true;
       }
     });
+
     if (thereAreNewItems && fromUpdate) {
       setPlaySound(true);
-      setTimeout(() => {
+      setTimeout(function () {
         setPlaySound(false);
       }, 5000);
     }
+
     if (chatType !== "ticket") {
-      return Object.values(itemsId).sort((a, b) => {
+      return Object.values(itemsId).sort(function (a, b) {
         if (a.id > b.id) return 1;
         if (a.id < b.id) return -1;
         return 0;
@@ -821,46 +1531,49 @@ const ContentChat = props => {
       return Object.values(itemsId).reverse();
     }
   };
-  const updateAllUsers = function () {
-    let newUsers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    let currentUsers = {
-      ...allUsers
-    };
-    Object.keys(newUsers).forEach(userId => {
+
+  var updateAllUsers = function updateAllUsers() {
+    var newUsers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var currentUsers = (0, _objectSpread3.default)({}, allUsers);
+    Object.keys(newUsers).forEach(function (userId) {
       if (!currentUsers[userId]) {
         currentUsers[userId] = newUsers[userId];
       }
     });
     setAllUsers(currentUsers);
   };
-  const renderBodyChat = () => {
+
+  var renderBodyChat = function renderBodyChat() {
     if (isLoading) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {});
+
     if (errorChat.existError) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NotFound.NotFound, {
         code: errorChat.code,
         message: errorChat.message,
         details: errorChat.errorDetail
       });
-    }
-    // cuando se quiere ver la lista de chats
+    } // cuando se quiere ver la lista de chats
+
+
     if (showChatsList) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatLists.ChatLists, {
         companies: companies,
         currentCompanyId: currentUser === null || currentUser === void 0 ? void 0 : currentUser.companyId,
-        onClickCompany: companyIdSelected => {
+        onClickCompany: function onClickCompany(companyIdSelected) {
           setActiveCompanyId(Number(companyIdSelected));
           setShowChatsList(false);
         }
       });
-    }
-    // mostrar chat?
-    let items;
-    let enabledLoadMore;
+    } // mostrar chat?
+
+
+    var items;
+    var enabledLoadMore;
+
     if (["merchant_product", "ticket", "product_status"].includes(chatType)) {
       items = singleChat.items;
       enabledLoadMore = singleChat.enabledLoadMore;
-    }
-    // ORDER_PRODUCT
+    } // ORDER_PRODUCT
     else if (companies) {
       // caso 0 chats
       if (Object.keys(companies).length === 0) {
@@ -876,16 +1589,20 @@ const ContentChat = props => {
             children: "De acuerdo al estatus del producto, tu compa\xF1ia no tiene disponible ningun chat abierto o cerrado"
           })]
         });
-      }
-      // caso 1 o mas chats
+      } // caso 1 o mas chats
+
+
       if (companies[activeCompanyId]) {
         items = companies[activeCompanyId].items;
         enabledLoadMore = companies[activeCompanyId].enabledLoadMore;
       }
     }
+
     if (items) {
       var _getChatCompany, _getChatCompany2;
-      let containerItems = null;
+
+      var containerItems = null;
+
       if (items.length) {
         containerItems = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContainerItems.ContainerItems, {
           items: items,
@@ -911,6 +1628,7 @@ const ContentChat = props => {
           })]
         });
       }
+
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [containerItems, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Footer.Footer, {
           chatType: chatType,
@@ -935,8 +1653,10 @@ const ContentChat = props => {
         })]
       });
     }
+
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {});
   };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
       children: [(chatContainerType !== "fixed" || !isSingleChat()) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.Header, {
@@ -945,7 +1665,7 @@ const ContentChat = props => {
         showChatsList: showChatsList,
         chatCompany: getChatCompany(),
         multipleCompanies: !isSingleChat(),
-        onClickBtnChooseChat: () => {
+        onClickBtnChooseChat: function onClickBtnChooseChat() {
           setShowChatsList(true);
         }
       }), renderBodyChat()]
@@ -955,4 +1675,5 @@ const ContentChat = props => {
     })]
   });
 };
+
 exports.ContentChat = ContentChat;