contentoh-components-library 21.3.82 → 21.3.83

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

@@ -189,8 +189,7 @@ var ContentChat = function ContentChat(props) {
 
 
   (0, _react.useEffect)(function () {
-    //if (dataChat && showPopUpChat) {
-    if (Object.keys(dataChat || {}).length) {
+    if (dataChat && showPopUpChat) {
       stopUpdate();
 
       if (dataChat.code) {
@@ -204,7 +203,7 @@ var ContentChat = function ContentChat(props) {
         return;
       }
 
-      if (chatType === "merchant_product") getInitialMerchantProduct();else if (chatType === "order_product") getInitialOrderProduct();else if (chatType === "product_status") getInitialProductStatus();else getInitialTicket();
+      if (chatType === "merchant_product") getInitialMerchantProduct();else if (chatType === "order_product") getInitialOrderProduct();else getInitialTicket();
     }
 
     if (!showPopUpChat) {
@@ -231,8 +230,6 @@ var ContentChat = function ContentChat(props) {
       if (singleChat.items) getUpdateLatestMerchantProduct(true);else getInitialMerchantProduct();
     } else if (chatType === "order_product") {
       if (companies) getUpdateLatestOrderProduct(true);else getInitialOrderProduct();
-    } else if (chatType === "product_status") {
-      getInitialProductStatus();
     } else {
       if (singleChat.items) getUpdateLatestTicket(true);else getInitialTicket();
     }
@@ -241,7 +238,7 @@ var ContentChat = function ContentChat(props) {
                 PETICION GET INICIAL SEGUN EL TIPO DE CHAT
   ======================================================================= */
 
-  var getInitialProductStatus = /*#__PURE__*/function () {
+  var getInitialMerchantProduct = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var paramsQuery, paramsHeaders, response;
       return _regenerator.default.wrap(function _callee$(_context) {
@@ -249,18 +246,15 @@ var ContentChat = function ContentChat(props) {
           switch (_context.prev = _context.next) {
             case 0:
               paramsQuery = {
-                articleData: {
-                  articleId: JSON.stringify(dataChat.id),
-                  version: JSON.stringify(dataChat.version),
-                  retailerId: JSON.stringify(dataChat.retailerId),
-                  status: dataChat.status
-                }
+                getType: "initial",
+                id: JSON.stringify(dataChat.id),
+                version: JSON.stringify(dataChat.version)
               };
               paramsHeaders = {
                 Authorization: dataChat.userToken
               };
               _context.next = 4;
-              return (0, _handle_http.fetchGET)(process.env.REACT_APP_READ_MESSAGES, paramsQuery, paramsHeaders);
+              return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery, paramsHeaders);
 
             case 4:
               response = _context.sent;
@@ -307,86 +301,18 @@ var ContentChat = function ContentChat(props) {
       }, _callee);
     }));
 
-    return function getInitialProductStatus() {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  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);
+      return _ref.apply(this, arguments);
     };
   }();
 
   var getInitialOrderProduct = /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
       var paramsQuery, paramsHeaders, response, companiesList, companiesIdList, companyActive, _i, _companiesIdList, companyId;
 
-      return _regenerator.default.wrap(function _callee3$(_context3) {
+      return _regenerator.default.wrap(function _callee2$(_context2) {
         while (1) {
-          switch (_context3.prev = _context3.next) {
+          switch (_context2.prev = _context2.next) {
             case 0:
               clearTimeout(processUpdateID); // finalizamos el temporizador
 
@@ -399,17 +325,17 @@ var ContentChat = function ContentChat(props) {
               paramsHeaders = {
                 Authorization: dataChat.userToken
               };
-              _context3.next = 5;
+              _context2.next = 5;
               return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery, paramsHeaders);
 
             case 5:
-              response = _context3.sent;
+              response = _context2.sent;
               setStartUpdate(function (prev) {
                 return prev + 1;
               }); // TEMPORAL
 
               if (response.body) {
-                _context3.next = 11;
+                _context2.next = 11;
                 break;
               }
 
@@ -420,7 +346,7 @@ var ContentChat = function ContentChat(props) {
                 errorDetail: response.errorDetail
               });
               setIsLoading(false);
-              return _context3.abrupt("return");
+              return _context2.abrupt("return");
 
             case 11:
               // success
@@ -465,25 +391,25 @@ var ContentChat = function ContentChat(props) {
 
             case 23:
             case "end":
-              return _context3.stop();
+              return _context2.stop();
           }
         }
-      }, _callee3);
+      }, _callee2);
     }));
 
     return function getInitialOrderProduct() {
-      return _ref3.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
 
   var getInitialTicket = /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
       var _dataChat$currentUser, _dataChat$currentUser2, _dataChat$currentUser3, _dataChat$currentUser4;
 
       var dataUser, paramsQuery, response;
-      return _regenerator.default.wrap(function _callee4$(_context4) {
+      return _regenerator.default.wrap(function _callee3$(_context3) {
         while (1) {
-          switch (_context4.prev = _context4.next) {
+          switch (_context3.prev = _context3.next) {
             case 0:
               stopUpdate(); // finalizamos el temporizador
 
@@ -493,27 +419,25 @@ var ContentChat = function ContentChat(props) {
                 isUserTech: (_dataChat$currentUser3 = dataChat.currentUser) === null || _dataChat$currentUser3 === void 0 ? void 0 : _dataChat$currentUser3.isUserTech
               };
               paramsQuery = {
-                //id: JSON.stringify(dataChat.id),
-                id: dataChat.id,
+                id: JSON.stringify(dataChat.id),
                 getType: "initial",
-                //currentUser: encodeUriJson(dataUser),
-                currentUser: encodeURIComponent(JSON.stringify(dataUser)),
+                currentUser: (0, _utils.encodeUriJson)(dataUser),
                 currentItemsFront: (0, _utils.encodeUriJson)(getItemsIdSingleChat())
               };
-              _context4.next = 5;
+              _context3.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;
+              response = _context3.sent;
               // programar update en 20s
               setStartUpdate(function (prev) {
                 return prev + 1;
               });
 
               if (response.body) {
-                _context4.next = 11;
+                _context3.next = 11;
                 break;
               }
 
@@ -524,7 +448,7 @@ var ContentChat = function ContentChat(props) {
                 errorDetail: response.errorDetail
               });
               setIsLoading(false);
-              return _context4.abrupt("return");
+              return _context3.abrupt("return");
 
             case 11:
               // success
@@ -542,14 +466,14 @@ var ContentChat = function ContentChat(props) {
 
             case 16:
             case "end":
-              return _context4.stop();
+              return _context3.stop();
           }
         }
-      }, _callee4);
+      }, _callee3);
     }));
 
     return function getInitialTicket() {
-      return _ref4.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
   /*=======================================================================
@@ -558,11 +482,11 @@ var ContentChat = function ContentChat(props) {
 
 
   var getLoadMoreMerchantProduct = /*#__PURE__*/function () {
-    var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
       var date, paramsQuery, response, newSingleChat;
-      return _regenerator.default.wrap(function _callee5$(_context5) {
+      return _regenerator.default.wrap(function _callee4$(_context4) {
         while (1) {
-          switch (_context5.prev = _context5.next) {
+          switch (_context4.prev = _context4.next) {
             case 0:
               clearTimeout(processUpdateID); // finalizamos el temporizador
 
@@ -573,18 +497,18 @@ var ContentChat = function ContentChat(props) {
                 version: JSON.stringify(dataChat.version),
                 date: encodeURIComponent(date)
               };
-              _context5.next = 5;
+              _context4.next = 5;
               return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery);
 
             case 5:
-              response = _context5.sent;
+              response = _context4.sent;
 
               if (response.body) {
-                _context5.next = 8;
+                _context4.next = 8;
                 break;
               }
 
-              return _context5.abrupt("return", {
+              return _context4.abrupt("return", {
                 title: response.message,
                 message: response.errorDetail
               });
@@ -601,23 +525,23 @@ var ContentChat = function ContentChat(props) {
 
             case 13:
             case "end":
-              return _context5.stop();
+              return _context4.stop();
           }
         }
-      }, _callee5);
+      }, _callee4);
     }));
 
     return function getLoadMoreMerchantProduct() {
-      return _ref5.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
 
   var getLoadMoreOrderProduct = /*#__PURE__*/function () {
-    var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
+    var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
       var company, date, paramsQuery, response;
-      return _regenerator.default.wrap(function _callee6$(_context6) {
+      return _regenerator.default.wrap(function _callee5$(_context5) {
         while (1) {
-          switch (_context6.prev = _context6.next) {
+          switch (_context5.prev = _context5.next) {
             case 0:
               clearTimeout(processUpdateID); // finalizamos el temporizador
 
@@ -632,18 +556,18 @@ var ContentChat = function ContentChat(props) {
                 date: encodeURIComponent(date),
                 othersCompanyId: JSON.stringify([activeCompanyId])
               };
-              _context6.next = 6;
+              _context5.next = 6;
               return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery);
 
             case 6:
-              response = _context6.sent;
+              response = _context5.sent;
 
               if (response.body) {
-                _context6.next = 9;
+                _context5.next = 9;
                 break;
               }
 
-              return _context6.abrupt("return", {
+              return _context5.abrupt("return", {
                 title: response.message,
                 message: response.errorDetail
               });
@@ -661,26 +585,26 @@ var ContentChat = function ContentChat(props) {
 
             case 13:
             case "end":
-              return _context6.stop();
+              return _context5.stop();
           }
         }
-      }, _callee6);
+      }, _callee5);
     }));
 
     return function getLoadMoreOrderProduct() {
-      return _ref6.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }(); // 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 _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
       var _dataChat$currentUser5, _dataChat$currentUser6, _dataChat$currentUser7, _dataChat$currentUser8;
 
       var date, dataUser, paramsQuery, response, newSingleChat;
-      return _regenerator.default.wrap(function _callee7$(_context7) {
+      return _regenerator.default.wrap(function _callee6$(_context6) {
         while (1) {
-          switch (_context7.prev = _context7.next) {
+          switch (_context6.prev = _context6.next) {
             case 0:
               stopUpdate(); // finalizamos el temporizador
 
@@ -697,24 +621,24 @@ var ContentChat = function ContentChat(props) {
                 currentUser: (0, _utils.encodeUriJson)(dataUser),
                 currentItemsFront: (0, _utils.encodeUriJson)(getItemsIdSingleChat())
               };
-              _context7.next = 6;
+              _context6.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;
+              response = _context6.sent;
               //programar update en 20s
               setStartUpdate(function (prev) {
                 return prev + 1;
               });
 
               if (response.body) {
-                _context7.next = 10;
+                _context6.next = 10;
                 break;
               }
 
-              return _context7.abrupt("return", {
+              return _context6.abrupt("return", {
                 title: response.message,
                 message: response.errorDetail
               });
@@ -731,14 +655,14 @@ var ContentChat = function ContentChat(props) {
 
             case 15:
             case "end":
-              return _context7.stop();
+              return _context6.stop();
           }
         }
-      }, _callee7);
+      }, _callee6);
     }));
 
     return function getLoadMoreTicket() {
-      return _ref7.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   /*=======================================================================
@@ -747,18 +671,18 @@ var ContentChat = function ContentChat(props) {
 
 
   var getUpdateLatestMerchantProduct = /*#__PURE__*/function () {
-    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
+    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
       var fromUpdate,
           paramsQuery,
           paramsHeaders,
           response,
           newSingleChat,
-          _args8 = arguments;
-      return _regenerator.default.wrap(function _callee8$(_context8) {
+          _args7 = arguments;
+      return _regenerator.default.wrap(function _callee7$(_context7) {
         while (1) {
-          switch (_context8.prev = _context8.next) {
+          switch (_context7.prev = _context7.next) {
             case 0:
-              fromUpdate = _args8.length > 0 && _args8[0] !== undefined ? _args8[0] : false;
+              fromUpdate = _args7.length > 0 && _args7[0] !== undefined ? _args7[0] : false;
               paramsQuery = {
                 getType: "updateLatest",
                 id: JSON.stringify(dataChat.id),
@@ -768,14 +692,14 @@ var ContentChat = function ContentChat(props) {
               paramsHeaders = {
                 Authorization: dataChat.userToken
               };
-              _context8.next = 5;
+              _context7.next = 5;
               return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery, paramsHeaders);
 
             case 5:
-              response = _context8.sent;
+              response = _context7.sent;
 
               if (response.body) {
-                _context8.next = 9;
+                _context7.next = 9;
                 break;
               }
 
@@ -783,7 +707,7 @@ var ContentChat = function ContentChat(props) {
                 message: response.message,
                 errorDetail: response.errorDetail
               });
-              return _context8.abrupt("return");
+              return _context7.abrupt("return");
 
             case 9:
               // success
@@ -800,29 +724,29 @@ var ContentChat = function ContentChat(props) {
 
             case 15:
             case "end":
-              return _context8.stop();
+              return _context7.stop();
           }
         }
-      }, _callee8);
+      }, _callee7);
     }));
 
     return function getUpdateLatestMerchantProduct() {
-      return _ref8.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
 
   var getUpdateLatestOrderProduct = /*#__PURE__*/function () {
-    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
+    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
       var fromUpdate,
           paramsQuery,
           response,
           companiesList,
-          _args9 = arguments;
-      return _regenerator.default.wrap(function _callee9$(_context9) {
+          _args8 = arguments;
+      return _regenerator.default.wrap(function _callee8$(_context8) {
         while (1) {
-          switch (_context9.prev = _context9.next) {
+          switch (_context8.prev = _context8.next) {
             case 0:
-              fromUpdate = _args9.length > 0 && _args9[0] !== undefined ? _args9[0] : false;
+              fromUpdate = _args8.length > 0 && _args8[0] !== undefined ? _args8[0] : false;
               paramsQuery = {
                 getType: "updateLatest",
                 id: JSON.stringify(dataChat.id),
@@ -834,14 +758,14 @@ var ContentChat = function ContentChat(props) {
                 othersCompanyId: encodeURIComponent(JSON.stringify(Object.keys(companies))),
                 date: encodeURIComponent(lastUpdateDate)
               };
-              _context9.next = 4;
+              _context8.next = 4;
               return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery);
 
             case 4:
-              response = _context9.sent;
+              response = _context8.sent;
 
               if (response.body) {
-                _context9.next = 8;
+                _context8.next = 8;
                 break;
               }
 
@@ -849,7 +773,7 @@ var ContentChat = function ContentChat(props) {
                 message: response.message,
                 errorDetail: response.errorDetail
               });
-              return _context9.abrupt("return");
+              return _context8.abrupt("return");
 
             case 8:
               // success
@@ -910,19 +834,19 @@ var ContentChat = function ContentChat(props) {
 
             case 10:
             case "end":
-              return _context9.stop();
+              return _context8.stop();
           }
         }
-      }, _callee9);
+      }, _callee8);
     }));
 
     return function getUpdateLatestOrderProduct() {
-      return _ref9.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
 
   var getUpdateLatestTicket = /*#__PURE__*/function () {
-    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10() {
+    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
       var _dataChat$currentUser9, _dataChat$currentUser10, _dataChat$currentUser11, _dataChat$currentUser12;
 
       var fromUpdate,
@@ -930,19 +854,19 @@ var ContentChat = function ContentChat(props) {
           paramsQuery,
           response,
           newSingleChat,
-          _args10 = arguments;
-      return _regenerator.default.wrap(function _callee10$(_context10) {
+          _args9 = arguments;
+      return _regenerator.default.wrap(function _callee9$(_context9) {
         while (1) {
-          switch (_context10.prev = _context10.next) {
+          switch (_context9.prev = _context9.next) {
             case 0:
-              fromUpdate = _args10.length > 0 && _args10[0] !== undefined ? _args10[0] : false;
+              fromUpdate = _args9.length > 0 && _args9[0] !== undefined ? _args9[0] : false;
 
               if (!(singleChat.statusChat === "closed")) {
-                _context10.next = 3;
+                _context9.next = 3;
                 break;
               }
 
-              return _context10.abrupt("return");
+              return _context9.abrupt("return");
 
             case 3:
               dataUser = {
@@ -957,20 +881,20 @@ var ContentChat = function ContentChat(props) {
                 currentUser: (0, _utils.encodeUriJson)(dataUser),
                 currentItemsFront: (0, _utils.encodeUriJson)(getItemsIdSingleChat())
               };
-              _context10.next = 7;
+              _context9.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;
+              response = _context9.sent;
               //programar update en 20s
               setStartUpdate(function (prev) {
                 return prev + 1;
               });
 
               if (response.body) {
-                _context10.next = 13;
+                _context9.next = 13;
                 break;
               }
 
@@ -992,7 +916,7 @@ var ContentChat = function ContentChat(props) {
                 message: response.message,
                 errorDetail: response.errorDetail
               });
-              return _context10.abrupt("return");
+              return _context9.abrupt("return");
 
             case 13:
               // limpiar error update
@@ -1006,11 +930,11 @@ var ContentChat = function ContentChat(props) {
               updateAllUsers(response.body.users); // actualizar los items del chat
 
               if (!(response.body.items.length === 0)) {
-                _context10.next = 18;
+                _context9.next = 18;
                 break;
               }
 
-              return _context10.abrupt("return");
+              return _context9.abrupt("return");
 
             case 18:
               newSingleChat = (0, _objectSpread3.default)({}, singleChat);
@@ -1020,230 +944,215 @@ var ContentChat = function ContentChat(props) {
 
             case 22:
             case "end":
-              return _context10.stop();
+              return _context9.stop();
           }
         }
-      }, _callee10);
+      }, _callee9);
     }));
 
     return function getUpdateLatestTicket() {
-      return _ref10.apply(this, arguments);
+      return _ref9.apply(this, arguments);
     };
   }();
   /*=======================================================================
-            FUNCION QUE EJECUTA EL MICROSERVICIO CREATE-ITEM
+            FUNCION QUE EJECUTA EL MICROSERVICIO CREATE-ITEM 
   Este metodo recibe los items que queremos agregar al chat.
   requiere:
-    => items: [ { type , value } , ... ]
+    => items: [ { type , value } , ... ] 
   NOTA: si se quiere agregar un mensaje mandar un array con un object
-  example: [ {
-    type: "message" ,
-    value: "mi mensaje"
+  example: [ { 
+    type: "message" , 
+    value: "mi mensaje" 
   } ]
   ======================================================================= */
 
 
   var createItemsChat = /*#__PURE__*/function () {
-    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11() {
+    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10() {
       var items,
           _iterator,
           _step,
           item,
           errorCreate,
-          _args11 = arguments;
+          _args10 = arguments;
 
-      return _regenerator.default.wrap(function _callee11$(_context11) {
+      return _regenerator.default.wrap(function _callee10$(_context10) {
         while (1) {
-          switch (_context11.prev = _context11.next) {
+          switch (_context10.prev = _context10.next) {
             case 0:
-              items = _args11.length > 0 && _args11[0] !== undefined ? _args11[0] : [];
+              items = _args10.length > 0 && _args10[0] !== undefined ? _args10[0] : [];
 
               if (!(items.length === 0)) {
-                _context11.next = 3;
+                _context10.next = 3;
                 break;
               }
 
-              return _context11.abrupt("return", {
+              return _context10.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;
+              _context10.prev = 4;
 
               _iterator.s();
 
             case 6:
               if ((_step = _iterator.n()).done) {
-                _context11.next = 14;
+                _context10.next = 14;
                 break;
               }
 
               item = _step.value;
 
               if (["message", "img", "file"].includes(item.type)) {
-                _context11.next = 10;
+                _context10.next = 10;
                 break;
               }
 
-              return _context11.abrupt("return", {
+              return _context10.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;
+                _context10.next = 12;
                 break;
               }
 
-              return _context11.abrupt("return", {
+              return _context10.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;
+              _context10.next = 6;
               break;
 
             case 14:
-              _context11.next = 19;
+              _context10.next = 19;
               break;
 
             case 16:
-              _context11.prev = 16;
-              _context11.t0 = _context11["catch"](4);
+              _context10.prev = 16;
+              _context10.t0 = _context10["catch"](4);
 
-              _iterator.e(_context11.t0);
+              _iterator.e(_context10.t0);
 
             case 19:
-              _context11.prev = 19;
+              _context10.prev = 19;
 
               _iterator.f();
 
-              return _context11.finish(19);
+              return _context10.finish(19);
 
             case 22:
               stopUpdate(); // finalizamos el temporizador
               // enviar items a la BD
 
               if (!(chatType === "merchant_product")) {
-                _context11.next = 29;
+                _context10.next = 29;
                 break;
               }
 
-              _context11.next = 26;
+              _context10.next = 26;
               return createItemsMerchantProduct(items);
 
             case 26:
-              errorCreate = _context11.sent;
-              _context11.next = 44;
+              errorCreate = _context10.sent;
+              _context10.next = 38;
               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;
+                _context10.next = 35;
                 break;
               }
 
-              _context11.next = 38;
+              _context10.next = 32;
               return createItemsOrderProduct(items);
 
-            case 38:
-              errorCreate = _context11.sent;
-              _context11.next = 44;
+            case 32:
+              errorCreate = _context10.sent;
+              _context10.next = 38;
               break;
 
-            case 41:
-              _context11.next = 43;
+            case 35:
+              _context10.next = 37;
               return createItemsTicket(items);
 
-            case 43:
-              errorCreate = _context11.sent;
+            case 37:
+              errorCreate = _context10.sent;
 
-            case 44:
-              if (!["merchant_product", "product_status"].includes(chatType)) {
-                _context11.next = 49;
+            case 38:
+              if (!(chatType === "merchant_product")) {
+                _context10.next = 43;
                 break;
               }
 
-              _context11.next = 47;
+              _context10.next = 41;
               return getUpdateLatestMerchantProduct();
 
-            case 47:
-              _context11.next = 56;
+            case 41:
+              _context10.next = 50;
               break;
 
-            case 49:
+            case 43:
               if (!(chatType === "order_product")) {
-                _context11.next = 54;
+                _context10.next = 48;
                 break;
               }
 
-              _context11.next = 52;
+              _context10.next = 46;
               return getUpdateLatestOrderProduct();
 
-            case 52:
-              _context11.next = 56;
+            case 46:
+              _context10.next = 50;
               break;
 
-            case 54:
-              _context11.next = 56;
+            case 48:
+              _context10.next = 50;
               return getUpdateLatestTicket();
 
-            case 56:
+            case 50:
               if (!errorCreate) {
-                _context11.next = 58;
+                _context10.next = 52;
                 break;
               }
 
-              return _context11.abrupt("return", errorCreate);
+              return _context10.abrupt("return", errorCreate);
 
-            case 58:
+            case 52:
             case "end":
-              return _context11.stop();
+              return _context10.stop();
           }
         }
-      }, _callee11, null, [[4, 16, 19, 22]]);
+      }, _callee10, null, [[4, 16, 19, 22]]);
     }));
 
     return function createItemsChat() {
-      return _ref11.apply(this, arguments);
+      return _ref10.apply(this, arguments);
     };
   }();
 
   var createItemsMerchantProduct = /*#__PURE__*/function () {
-    var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
+    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11() {
       var items,
           id,
           version,
-          orderId,
           retailerId,
           paramsBody,
           paramsHeaders,
           response,
-          _args12 = arguments;
-      return _regenerator.default.wrap(function _callee12$(_context12) {
+          _args11 = arguments;
+      return _regenerator.default.wrap(function _callee11$(_context11) {
         while (1) {
-          switch (_context12.prev = _context12.next) {
+          switch (_context11.prev = _context11.next) {
             case 0:
-              items = _args12.length > 0 && _args12[0] !== undefined ? _args12[0] : [];
-              id = dataChat.id, version = dataChat.version, orderId = dataChat.orderId;
+              items = _args11.length > 0 && _args11[0] !== undefined ? _args11[0] : [];
+              id = dataChat.id, version = dataChat.version;
               retailerId = activeRetailer.id;
               paramsBody = {
                 id: id,
@@ -1251,110 +1160,50 @@ var ContentChat = function ContentChat(props) {
                 items: items,
                 retailerId: retailerId
               };
-              if (chatType === "product_status") paramsBody["orderId"] = orderId;
               paramsHeaders = {
                 Authorization: dataChat.userToken
               };
-              _context12.next = 8;
+              _context11.next = 7;
               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);
-    };
-  }();
-
-  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;
+              response = _context11.sent;
 
               if (response.body) {
-                _context13.next = 10;
+                _context11.next = 10;
                 break;
               }
 
-              return _context13.abrupt("return", {
+              return _context11.abrupt("return", {
                 message: response.message,
                 errorDetail: response.errorDetail
               });
 
             case 10:
             case "end":
-              return _context13.stop();
+              return _context11.stop();
           }
         }
-      }, _callee13);
+      }, _callee11);
     }));
 
-    return function createItemsProductStatus() {
-      return _ref13.apply(this, arguments);
+    return function createItemsMerchantProduct() {
+      return _ref11.apply(this, arguments);
     };
   }();
 
   var createItemsOrderProduct = /*#__PURE__*/function () {
-    var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14() {
+    var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
       var items,
           paramsBody,
           paramsHeaders,
           response,
-          _args14 = arguments;
-      return _regenerator.default.wrap(function _callee14$(_context14) {
+          _args12 = arguments;
+      return _regenerator.default.wrap(function _callee12$(_context12) {
         while (1) {
-          switch (_context14.prev = _context14.next) {
+          switch (_context12.prev = _context12.next) {
             case 0:
-              items = _args14.length > 0 && _args14[0] !== undefined ? _args14[0] : [];
+              items = _args12.length > 0 && _args12[0] !== undefined ? _args12[0] : [];
               paramsBody = {
                 id: dataChat.id,
                 version: currentArticle.version,
@@ -1365,47 +1214,47 @@ var ContentChat = function ContentChat(props) {
               paramsHeaders = {
                 Authorization: dataChat.userToken
               };
-              _context14.next = 5;
+              _context12.next = 5;
               return (0, _handle_http.fetchPOST)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsBody, paramsHeaders);
 
             case 5:
-              response = _context14.sent;
+              response = _context12.sent;
 
               if (response.body) {
-                _context14.next = 8;
+                _context12.next = 8;
                 break;
               }
 
-              return _context14.abrupt("return", {
+              return _context12.abrupt("return", {
                 message: response.message,
                 errorDetail: response.errorDetail
               });
 
             case 8:
             case "end":
-              return _context14.stop();
+              return _context12.stop();
           }
         }
-      }, _callee14);
+      }, _callee12);
     }));
 
     return function createItemsOrderProduct() {
-      return _ref14.apply(this, arguments);
+      return _ref12.apply(this, arguments);
     };
   }();
 
   var createItemsTicket = /*#__PURE__*/function () {
-    var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15() {
+    var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13() {
       var items,
           paramsBody,
           paramsHeaders,
           response,
-          _args15 = arguments;
-      return _regenerator.default.wrap(function _callee15$(_context15) {
+          _args13 = arguments;
+      return _regenerator.default.wrap(function _callee13$(_context13) {
         while (1) {
-          switch (_context15.prev = _context15.next) {
+          switch (_context13.prev = _context13.next) {
             case 0:
-              items = _args15.length > 0 && _args15[0] !== undefined ? _args15[0] : [];
+              items = _args13.length > 0 && _args13[0] !== undefined ? _args13[0] : [];
               paramsBody = {
                 id: JSON.stringify(dataChat.id),
                 userId: JSON.stringify(dataChat.currentUser.id),
@@ -1414,32 +1263,32 @@ var ContentChat = function ContentChat(props) {
               paramsHeaders = {
                 Authorization: dataChat.userToken
               };
-              _context15.next = 5;
+              _context13.next = 5;
               return (0, _handle_http.fetchPOST)(process.env.REACT_APP_TICKETS_CHAT_ENDPOINT, paramsBody, paramsHeaders);
 
             case 5:
-              response = _context15.sent;
+              response = _context13.sent;
 
               if (response.body) {
-                _context15.next = 8;
+                _context13.next = 8;
                 break;
               }
 
-              return _context15.abrupt("return", {
+              return _context13.abrupt("return", {
                 message: response.message,
                 errorDetail: response.errorDetail
               });
 
             case 8:
             case "end":
-              return _context15.stop();
+              return _context13.stop();
           }
         }
-      }, _callee15);
+      }, _callee13);
     }));
 
     return function createItemsTicket() {
-      return _ref15.apply(this, arguments);
+      return _ref13.apply(this, arguments);
     };
   }();
   /*=======================================================================
@@ -1448,7 +1297,7 @@ var ContentChat = function ContentChat(props) {
 
 
   var isSingleChat = function isSingleChat() {
-    if (chatType === "merchant_product" || chatType === "ticket" || chatType === "product_status") {
+    if (chatType === "merchant_product" || chatType === "ticket") {
       return true;
     }
 
@@ -1521,11 +1370,15 @@ var ContentChat = function ContentChat(props) {
       }, 5000);
     }
 
-    return Object.values(itemsId).sort(function (a, b) {
-      if (a.id > b.id) return 1;
-      if (a.id < b.id) return -1;
-      return 0;
-    });
+    if (chatType !== "ticket") {
+      return Object.values(itemsId).sort(function (a, b) {
+        if (a.id > b.id) return 1;
+        if (a.id < b.id) return -1;
+        return 0;
+      });
+    } else {
+      return Object.values(itemsId).reverse();
+    }
   };
 
   var updateAllUsers = function updateAllUsers() {
@@ -1566,7 +1419,7 @@ var ContentChat = function ContentChat(props) {
     var items;
     var enabledLoadMore;
 
-    if (["merchant_product", "ticket", "product_status"].includes(chatType)) {
+    if (["merchant_product", "ticket"].includes(chatType)) {
       items = singleChat.items;
       enabledLoadMore = singleChat.enabledLoadMore;
     } // ORDER_PRODUCT
@@ -1607,7 +1460,7 @@ var ContentChat = function ContentChat(props) {
           chatType: chatType,
           activeCompanyId: activeCompanyId,
           ticketCompany: ticketCompany,
-          currentUser: ["merchant_product", "order_product", "product_status"].includes(chatType) ? currentUser : dataChat.currentUser,
+          currentUser: ["merchant_product", "order_product"].includes(chatType) ? currentUser : dataChat.currentUser,
           onClickBtnLoadMore: chatType === "merchant_product" ? getLoadMoreMerchantProduct : chatType === "order_product" ? getLoadMoreOrderProduct : getLoadMoreTicket
         });
       } else {
@@ -1636,10 +1489,6 @@ var ContentChat = function ContentChat(props) {
             version: currentArticle.version
           } : chatType === "ticket" ? {
             id: dataChat.id
-          } : chatType === "product_status" ? {
-            id: dataChat.id,
-            version: dataChat.version,
-            retailerId: dataChat.retailerId
           } : undefined,
           chatCompany: getChatCompany(),
           statusChat: chatType === "order_product" ? (_getChatCompany = getChatCompany()) === null || _getChatCompany === void 0 ? void 0 : _getChatCompany.statusChat : chatType === "ticket" ? singleChat.statusChat : undefined,