contentoh-components-library 21.4.20 → 21.4.21

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

@@ -189,7 +189,8 @@ var ContentChat = function ContentChat(props) {
 
 
   (0, _react.useEffect)(function () {
-    if (dataChat && showPopUpChat) {
+    //if (dataChat && showPopUpChat) {
+    if (Object.keys(dataChat || {}).length) {
       stopUpdate();
 
       if (dataChat.code) {
@@ -203,7 +204,7 @@ var ContentChat = function ContentChat(props) {
         return;
       }
 
-      if (chatType === "merchant_product") getInitialMerchantProduct();else if (chatType === "order_product") getInitialOrderProduct();else getInitialTicket();
+      if (chatType === "merchant_product") getInitialMerchantProduct();else if (chatType === "order_product") getInitialOrderProduct();else if (chatType === "product_status") getInitialProductStatus();else getInitialTicket();
     }
 
     if (!showPopUpChat) {
@@ -230,6 +231,8 @@ 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();
     }
@@ -238,7 +241,7 @@ var ContentChat = function ContentChat(props) {
                 PETICION GET INICIAL SEGUN EL TIPO DE CHAT
   ======================================================================= */
 
-  var getInitialMerchantProduct = /*#__PURE__*/function () {
+  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) {
@@ -246,15 +249,18 @@ var ContentChat = function ContentChat(props) {
           switch (_context.prev = _context.next) {
             case 0:
               paramsQuery = {
-                getType: "initial",
-                id: JSON.stringify(dataChat.id),
-                version: JSON.stringify(dataChat.version)
+                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_PRODUCTS_CHAT_ENDPOINT, paramsQuery, paramsHeaders);
+              return (0, _handle_http.fetchGET)(process.env.REACT_APP_READ_MESSAGES, paramsQuery, paramsHeaders);
 
             case 4:
               response = _context.sent;
@@ -301,18 +307,86 @@ var ContentChat = function ContentChat(props) {
       }, _callee);
     }));
 
-    return function getInitialMerchantProduct() {
+    return function getInitialProductStatus() {
       return _ref.apply(this, arguments);
     };
   }();
 
-  var getInitialOrderProduct = /*#__PURE__*/function () {
+  var getInitialMerchantProduct = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-      var paramsQuery, paramsHeaders, response, companiesList, companiesIdList, companyActive, _i, _companiesIdList, companyId;
-
+      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);
+    };
+  }();
+
+  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
 
@@ -325,17 +399,17 @@ var ContentChat = function ContentChat(props) {
               paramsHeaders = {
                 Authorization: dataChat.userToken
               };
-              _context2.next = 5;
+              _context3.next = 5;
               return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery, paramsHeaders);
 
             case 5:
-              response = _context2.sent;
+              response = _context3.sent;
               setStartUpdate(function (prev) {
                 return prev + 1;
               }); // TEMPORAL
 
               if (response.body) {
-                _context2.next = 11;
+                _context3.next = 11;
                 break;
               }
 
@@ -346,7 +420,7 @@ var ContentChat = function ContentChat(props) {
                 errorDetail: response.errorDetail
               });
               setIsLoading(false);
-              return _context2.abrupt("return");
+              return _context3.abrupt("return");
 
             case 11:
               // success
@@ -391,25 +465,25 @@ var ContentChat = function ContentChat(props) {
 
             case 23:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
         }
-      }, _callee2);
+      }, _callee3);
     }));
 
     return function getInitialOrderProduct() {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
 
   var getInitialTicket = /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+    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 _callee3$(_context3) {
+      return _regenerator.default.wrap(function _callee4$(_context4) {
         while (1) {
-          switch (_context3.prev = _context3.next) {
+          switch (_context4.prev = _context4.next) {
             case 0:
               stopUpdate(); // finalizamos el temporizador
 
@@ -426,20 +500,20 @@ var ContentChat = function ContentChat(props) {
                 currentUser: encodeURIComponent(JSON.stringify(dataUser)),
                 currentItemsFront: (0, _utils.encodeUriJson)(getItemsIdSingleChat())
               };
-              _context3.next = 5;
+              _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 = _context3.sent;
+              response = _context4.sent;
               // programar update en 20s
               setStartUpdate(function (prev) {
                 return prev + 1;
               });
 
               if (response.body) {
-                _context3.next = 11;
+                _context4.next = 11;
                 break;
               }
 
@@ -450,7 +524,7 @@ var ContentChat = function ContentChat(props) {
                 errorDetail: response.errorDetail
               });
               setIsLoading(false);
-              return _context3.abrupt("return");
+              return _context4.abrupt("return");
 
             case 11:
               // success
@@ -468,14 +542,14 @@ var ContentChat = function ContentChat(props) {
 
             case 16:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
         }
-      }, _callee3);
+      }, _callee4);
     }));
 
     return function getInitialTicket() {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   /*=======================================================================
@@ -484,11 +558,11 @@ var ContentChat = function ContentChat(props) {
 
 
   var getLoadMoreMerchantProduct = /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
+    var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
       var date, paramsQuery, response, newSingleChat;
-      return _regenerator.default.wrap(function _callee4$(_context4) {
+      return _regenerator.default.wrap(function _callee5$(_context5) {
         while (1) {
-          switch (_context4.prev = _context4.next) {
+          switch (_context5.prev = _context5.next) {
             case 0:
               clearTimeout(processUpdateID); // finalizamos el temporizador
 
@@ -499,18 +573,18 @@ var ContentChat = function ContentChat(props) {
                 version: JSON.stringify(dataChat.version),
                 date: encodeURIComponent(date)
               };
-              _context4.next = 5;
+              _context5.next = 5;
               return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery);
 
             case 5:
-              response = _context4.sent;
+              response = _context5.sent;
 
               if (response.body) {
-                _context4.next = 8;
+                _context5.next = 8;
                 break;
               }
 
-              return _context4.abrupt("return", {
+              return _context5.abrupt("return", {
                 title: response.message,
                 message: response.errorDetail
               });
@@ -527,23 +601,23 @@ var ContentChat = function ContentChat(props) {
 
             case 13:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
         }
-      }, _callee4);
+      }, _callee5);
     }));
 
     return function getLoadMoreMerchantProduct() {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
 
   var getLoadMoreOrderProduct = /*#__PURE__*/function () {
-    var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
+    var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
       var company, date, paramsQuery, response;
-      return _regenerator.default.wrap(function _callee5$(_context5) {
+      return _regenerator.default.wrap(function _callee6$(_context6) {
         while (1) {
-          switch (_context5.prev = _context5.next) {
+          switch (_context6.prev = _context6.next) {
             case 0:
               clearTimeout(processUpdateID); // finalizamos el temporizador
 
@@ -558,18 +632,18 @@ var ContentChat = function ContentChat(props) {
                 date: encodeURIComponent(date),
                 othersCompanyId: JSON.stringify([activeCompanyId])
               };
-              _context5.next = 6;
+              _context6.next = 6;
               return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery);
 
             case 6:
-              response = _context5.sent;
+              response = _context6.sent;
 
               if (response.body) {
-                _context5.next = 9;
+                _context6.next = 9;
                 break;
               }
 
-              return _context5.abrupt("return", {
+              return _context6.abrupt("return", {
                 title: response.message,
                 message: response.errorDetail
               });
@@ -587,26 +661,26 @@ var ContentChat = function ContentChat(props) {
 
             case 13:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
         }
-      }, _callee5);
+      }, _callee6);
     }));
 
     return function getLoadMoreOrderProduct() {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }(); // este GET obtiene la lista de compañoas con las que se puede chatear
 
 
   var getLoadMoreTicket = /*#__PURE__*/function () {
-    var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
+    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 _callee6$(_context6) {
+      return _regenerator.default.wrap(function _callee7$(_context7) {
         while (1) {
-          switch (_context6.prev = _context6.next) {
+          switch (_context7.prev = _context7.next) {
             case 0:
               stopUpdate(); // finalizamos el temporizador
 
@@ -623,24 +697,24 @@ var ContentChat = function ContentChat(props) {
                 currentUser: (0, _utils.encodeUriJson)(dataUser),
                 currentItemsFront: (0, _utils.encodeUriJson)(getItemsIdSingleChat())
               };
-              _context6.next = 6;
+              _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 = _context6.sent;
+              response = _context7.sent;
               //programar update en 20s
               setStartUpdate(function (prev) {
                 return prev + 1;
               });
 
               if (response.body) {
-                _context6.next = 10;
+                _context7.next = 10;
                 break;
               }
 
-              return _context6.abrupt("return", {
+              return _context7.abrupt("return", {
                 title: response.message,
                 message: response.errorDetail
               });
@@ -657,14 +731,14 @@ var ContentChat = function ContentChat(props) {
 
             case 15:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
         }
-      }, _callee6);
+      }, _callee7);
     }));
 
     return function getLoadMoreTicket() {
-      return _ref6.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
   /*=======================================================================
@@ -673,18 +747,18 @@ var ContentChat = function ContentChat(props) {
 
 
   var getUpdateLatestMerchantProduct = /*#__PURE__*/function () {
-    var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {
+    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
       var fromUpdate,
           paramsQuery,
           paramsHeaders,
           response,
           newSingleChat,
-          _args7 = arguments;
-      return _regenerator.default.wrap(function _callee7$(_context7) {
+          _args8 = arguments;
+      return _regenerator.default.wrap(function _callee8$(_context8) {
         while (1) {
-          switch (_context7.prev = _context7.next) {
+          switch (_context8.prev = _context8.next) {
             case 0:
-              fromUpdate = _args7.length > 0 && _args7[0] !== undefined ? _args7[0] : false;
+              fromUpdate = _args8.length > 0 && _args8[0] !== undefined ? _args8[0] : false;
               paramsQuery = {
                 getType: "updateLatest",
                 id: JSON.stringify(dataChat.id),
@@ -694,14 +768,14 @@ var ContentChat = function ContentChat(props) {
               paramsHeaders = {
                 Authorization: dataChat.userToken
               };
-              _context7.next = 5;
+              _context8.next = 5;
               return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery, paramsHeaders);
 
             case 5:
-              response = _context7.sent;
+              response = _context8.sent;
 
               if (response.body) {
-                _context7.next = 9;
+                _context8.next = 9;
                 break;
               }
 
@@ -709,7 +783,7 @@ var ContentChat = function ContentChat(props) {
                 message: response.message,
                 errorDetail: response.errorDetail
               });
-              return _context7.abrupt("return");
+              return _context8.abrupt("return");
 
             case 9:
               // success
@@ -726,29 +800,29 @@ var ContentChat = function ContentChat(props) {
 
             case 15:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
         }
-      }, _callee7);
+      }, _callee8);
     }));
 
     return function getUpdateLatestMerchantProduct() {
-      return _ref7.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
 
   var getUpdateLatestOrderProduct = /*#__PURE__*/function () {
-    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
+    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
       var fromUpdate,
           paramsQuery,
           response,
           companiesList,
-          _args8 = arguments;
-      return _regenerator.default.wrap(function _callee8$(_context8) {
+          _args9 = arguments;
+      return _regenerator.default.wrap(function _callee9$(_context9) {
         while (1) {
-          switch (_context8.prev = _context8.next) {
+          switch (_context9.prev = _context9.next) {
             case 0:
-              fromUpdate = _args8.length > 0 && _args8[0] !== undefined ? _args8[0] : false;
+              fromUpdate = _args9.length > 0 && _args9[0] !== undefined ? _args9[0] : false;
               paramsQuery = {
                 getType: "updateLatest",
                 id: JSON.stringify(dataChat.id),
@@ -760,14 +834,14 @@ var ContentChat = function ContentChat(props) {
                 othersCompanyId: encodeURIComponent(JSON.stringify(Object.keys(companies))),
                 date: encodeURIComponent(lastUpdateDate)
               };
-              _context8.next = 4;
+              _context9.next = 4;
               return (0, _handle_http.fetchGET)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsQuery);
 
             case 4:
-              response = _context8.sent;
+              response = _context9.sent;
 
               if (response.body) {
-                _context8.next = 8;
+                _context9.next = 8;
                 break;
               }
 
@@ -775,7 +849,7 @@ var ContentChat = function ContentChat(props) {
                 message: response.message,
                 errorDetail: response.errorDetail
               });
-              return _context8.abrupt("return");
+              return _context9.abrupt("return");
 
             case 8:
               // success
@@ -836,19 +910,19 @@ var ContentChat = function ContentChat(props) {
 
             case 10:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
         }
-      }, _callee8);
+      }, _callee9);
     }));
 
     return function getUpdateLatestOrderProduct() {
-      return _ref8.apply(this, arguments);
+      return _ref9.apply(this, arguments);
     };
   }();
 
   var getUpdateLatestTicket = /*#__PURE__*/function () {
-    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee9() {
+    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10() {
       var _dataChat$currentUser9, _dataChat$currentUser10, _dataChat$currentUser11, _dataChat$currentUser12;
 
       var fromUpdate,
@@ -856,19 +930,19 @@ var ContentChat = function ContentChat(props) {
           paramsQuery,
           response,
           newSingleChat,
-          _args9 = arguments;
-      return _regenerator.default.wrap(function _callee9$(_context9) {
+          _args10 = arguments;
+      return _regenerator.default.wrap(function _callee10$(_context10) {
         while (1) {
-          switch (_context9.prev = _context9.next) {
+          switch (_context10.prev = _context10.next) {
             case 0:
-              fromUpdate = _args9.length > 0 && _args9[0] !== undefined ? _args9[0] : false;
+              fromUpdate = _args10.length > 0 && _args10[0] !== undefined ? _args10[0] : false;
 
               if (!(singleChat.statusChat === "closed")) {
-                _context9.next = 3;
+                _context10.next = 3;
                 break;
               }
 
-              return _context9.abrupt("return");
+              return _context10.abrupt("return");
 
             case 3:
               dataUser = {
@@ -883,20 +957,20 @@ var ContentChat = function ContentChat(props) {
                 currentUser: (0, _utils.encodeUriJson)(dataUser),
                 currentItemsFront: (0, _utils.encodeUriJson)(getItemsIdSingleChat())
               };
-              _context9.next = 7;
+              _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 = _context9.sent;
+              response = _context10.sent;
               //programar update en 20s
               setStartUpdate(function (prev) {
                 return prev + 1;
               });
 
               if (response.body) {
-                _context9.next = 13;
+                _context10.next = 13;
                 break;
               }
 
@@ -918,7 +992,7 @@ var ContentChat = function ContentChat(props) {
                 message: response.message,
                 errorDetail: response.errorDetail
               });
-              return _context9.abrupt("return");
+              return _context10.abrupt("return");
 
             case 13:
               // limpiar error update
@@ -932,11 +1006,11 @@ var ContentChat = function ContentChat(props) {
               updateAllUsers(response.body.users); // actualizar los items del chat
 
               if (!(response.body.items.length === 0)) {
-                _context9.next = 18;
+                _context10.next = 18;
                 break;
               }
 
-              return _context9.abrupt("return");
+              return _context10.abrupt("return");
 
             case 18:
               newSingleChat = (0, _objectSpread3.default)({}, singleChat);
@@ -946,215 +1020,230 @@ var ContentChat = function ContentChat(props) {
 
             case 22:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
         }
-      }, _callee9);
+      }, _callee10);
     }));
 
     return function getUpdateLatestTicket() {
-      return _ref9.apply(this, arguments);
+      return _ref10.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 _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10() {
+    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11() {
       var items,
           _iterator,
           _step,
           item,
           errorCreate,
-          _args10 = arguments;
+          _args11 = arguments;
 
-      return _regenerator.default.wrap(function _callee10$(_context10) {
+      return _regenerator.default.wrap(function _callee11$(_context11) {
         while (1) {
-          switch (_context10.prev = _context10.next) {
+          switch (_context11.prev = _context11.next) {
             case 0:
-              items = _args10.length > 0 && _args10[0] !== undefined ? _args10[0] : [];
+              items = _args11.length > 0 && _args11[0] !== undefined ? _args11[0] : [];
 
               if (!(items.length === 0)) {
-                _context10.next = 3;
+                _context11.next = 3;
                 break;
               }
 
-              return _context10.abrupt("return", {
+              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);
-              _context10.prev = 4;
+              _context11.prev = 4;
 
               _iterator.s();
 
             case 6:
               if ((_step = _iterator.n()).done) {
-                _context10.next = 14;
+                _context11.next = 14;
                 break;
               }
 
               item = _step.value;
 
               if (["message", "img", "file"].includes(item.type)) {
-                _context10.next = 10;
+                _context11.next = 10;
                 break;
               }
 
-              return _context10.abrupt("return", {
+              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)) {
-                _context10.next = 12;
+                _context11.next = 12;
                 break;
               }
 
-              return _context10.abrupt("return", {
+              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:
-              _context10.next = 6;
+              _context11.next = 6;
               break;
 
             case 14:
-              _context10.next = 19;
+              _context11.next = 19;
               break;
 
             case 16:
-              _context10.prev = 16;
-              _context10.t0 = _context10["catch"](4);
+              _context11.prev = 16;
+              _context11.t0 = _context11["catch"](4);
 
-              _iterator.e(_context10.t0);
+              _iterator.e(_context11.t0);
 
             case 19:
-              _context10.prev = 19;
+              _context11.prev = 19;
 
               _iterator.f();
 
-              return _context10.finish(19);
+              return _context11.finish(19);
 
             case 22:
               stopUpdate(); // finalizamos el temporizador
               // enviar items a la BD
 
               if (!(chatType === "merchant_product")) {
-                _context10.next = 29;
+                _context11.next = 29;
                 break;
               }
 
-              _context10.next = 26;
+              _context11.next = 26;
               return createItemsMerchantProduct(items);
 
             case 26:
-              errorCreate = _context10.sent;
-              _context10.next = 38;
+              errorCreate = _context11.sent;
+              _context11.next = 44;
               break;
 
             case 29:
-              if (!(chatType === "order_product")) {
-                _context10.next = 35;
+              if (!(chatType === "product_status")) {
+                _context11.next = 35;
                 break;
               }
 
-              _context10.next = 32;
-              return createItemsOrderProduct(items);
+              _context11.next = 32;
+              return createItemsProductStatus(items);
 
             case 32:
-              errorCreate = _context10.sent;
-              _context10.next = 38;
+              errorCreate = _context11.sent;
+              _context11.next = 44;
               break;
 
             case 35:
-              _context10.next = 37;
-              return createItemsTicket(items);
+              if (!(chatType === "order_product")) {
+                _context11.next = 41;
+                break;
+              }
 
-            case 37:
-              errorCreate = _context10.sent;
+              _context11.next = 38;
+              return createItemsOrderProduct(items);
 
             case 38:
-              if (!(chatType === "merchant_product")) {
-                _context10.next = 43;
+              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;
               }
 
-              _context10.next = 41;
+              _context11.next = 47;
               return getUpdateLatestMerchantProduct();
 
-            case 41:
-              _context10.next = 50;
+            case 47:
+              _context11.next = 56;
               break;
 
-            case 43:
+            case 49:
               if (!(chatType === "order_product")) {
-                _context10.next = 48;
+                _context11.next = 54;
                 break;
               }
 
-              _context10.next = 46;
+              _context11.next = 52;
               return getUpdateLatestOrderProduct();
 
-            case 46:
-              _context10.next = 50;
+            case 52:
+              _context11.next = 56;
               break;
 
-            case 48:
-              _context10.next = 50;
+            case 54:
+              _context11.next = 56;
               return getUpdateLatestTicket();
 
-            case 50:
+            case 56:
               if (!errorCreate) {
-                _context10.next = 52;
+                _context11.next = 58;
                 break;
               }
 
-              return _context10.abrupt("return", errorCreate);
+              return _context11.abrupt("return", errorCreate);
 
-            case 52:
+            case 58:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
         }
-      }, _callee10, null, [[4, 16, 19, 22]]);
+      }, _callee11, null, [[4, 16, 19, 22]]);
     }));
 
     return function createItemsChat() {
-      return _ref10.apply(this, arguments);
+      return _ref11.apply(this, arguments);
     };
   }();
 
   var createItemsMerchantProduct = /*#__PURE__*/function () {
-    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11() {
+    var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
       var items,
           id,
           version,
+          orderId,
           retailerId,
           paramsBody,
           paramsHeaders,
           response,
-          _args11 = arguments;
-      return _regenerator.default.wrap(function _callee11$(_context11) {
+          _args12 = arguments;
+      return _regenerator.default.wrap(function _callee12$(_context12) {
         while (1) {
-          switch (_context11.prev = _context11.next) {
+          switch (_context12.prev = _context12.next) {
             case 0:
-              items = _args11.length > 0 && _args11[0] !== undefined ? _args11[0] : [];
-              id = dataChat.id, version = dataChat.version;
+              items = _args12.length > 0 && _args12[0] !== undefined ? _args12[0] : [];
+              id = dataChat.id, version = dataChat.version, orderId = dataChat.orderId;
               retailerId = activeRetailer.id;
               paramsBody = {
                 id: id,
@@ -1162,50 +1251,110 @@ var ContentChat = function ContentChat(props) {
                 items: items,
                 retailerId: retailerId
               };
+              if (chatType === "product_status") paramsBody["orderId"] = orderId;
               paramsHeaders = {
                 Authorization: dataChat.userToken
               };
-              _context11.next = 7;
+              _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);
+    };
+  }();
+
+  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 = _context11.sent;
+              response = _context13.sent;
 
               if (response.body) {
-                _context11.next = 10;
+                _context13.next = 10;
                 break;
               }
 
-              return _context11.abrupt("return", {
+              return _context13.abrupt("return", {
                 message: response.message,
                 errorDetail: response.errorDetail
               });
 
             case 10:
             case "end":
-              return _context11.stop();
+              return _context13.stop();
           }
         }
-      }, _callee11);
+      }, _callee13);
     }));
 
-    return function createItemsMerchantProduct() {
-      return _ref11.apply(this, arguments);
+    return function createItemsProductStatus() {
+      return _ref13.apply(this, arguments);
     };
   }();
 
   var createItemsOrderProduct = /*#__PURE__*/function () {
-    var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12() {
+    var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14() {
       var items,
           paramsBody,
           paramsHeaders,
           response,
-          _args12 = arguments;
-      return _regenerator.default.wrap(function _callee12$(_context12) {
+          _args14 = arguments;
+      return _regenerator.default.wrap(function _callee14$(_context14) {
         while (1) {
-          switch (_context12.prev = _context12.next) {
+          switch (_context14.prev = _context14.next) {
             case 0:
-              items = _args12.length > 0 && _args12[0] !== undefined ? _args12[0] : [];
+              items = _args14.length > 0 && _args14[0] !== undefined ? _args14[0] : [];
               paramsBody = {
                 id: dataChat.id,
                 version: currentArticle.version,
@@ -1216,47 +1365,47 @@ var ContentChat = function ContentChat(props) {
               paramsHeaders = {
                 Authorization: dataChat.userToken
               };
-              _context12.next = 5;
+              _context14.next = 5;
               return (0, _handle_http.fetchPOST)(process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT, paramsBody, paramsHeaders);
 
             case 5:
-              response = _context12.sent;
+              response = _context14.sent;
 
               if (response.body) {
-                _context12.next = 8;
+                _context14.next = 8;
                 break;
               }
 
-              return _context12.abrupt("return", {
+              return _context14.abrupt("return", {
                 message: response.message,
                 errorDetail: response.errorDetail
               });
 
             case 8:
             case "end":
-              return _context12.stop();
+              return _context14.stop();
           }
         }
-      }, _callee12);
+      }, _callee14);
     }));
 
     return function createItemsOrderProduct() {
-      return _ref12.apply(this, arguments);
+      return _ref14.apply(this, arguments);
     };
   }();
 
   var createItemsTicket = /*#__PURE__*/function () {
-    var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13() {
+    var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15() {
       var items,
           paramsBody,
           paramsHeaders,
           response,
-          _args13 = arguments;
-      return _regenerator.default.wrap(function _callee13$(_context13) {
+          _args15 = arguments;
+      return _regenerator.default.wrap(function _callee15$(_context15) {
         while (1) {
-          switch (_context13.prev = _context13.next) {
+          switch (_context15.prev = _context15.next) {
             case 0:
-              items = _args13.length > 0 && _args13[0] !== undefined ? _args13[0] : [];
+              items = _args15.length > 0 && _args15[0] !== undefined ? _args15[0] : [];
               paramsBody = {
                 id: JSON.stringify(dataChat.id),
                 userId: JSON.stringify(dataChat.currentUser.id),
@@ -1265,32 +1414,32 @@ var ContentChat = function ContentChat(props) {
               paramsHeaders = {
                 Authorization: dataChat.userToken
               };
-              _context13.next = 5;
+              _context15.next = 5;
               return (0, _handle_http.fetchPOST)(process.env.REACT_APP_TICKETS_CHAT_ENDPOINT, paramsBody, paramsHeaders);
 
             case 5:
-              response = _context13.sent;
+              response = _context15.sent;
 
               if (response.body) {
-                _context13.next = 8;
+                _context15.next = 8;
                 break;
               }
 
-              return _context13.abrupt("return", {
+              return _context15.abrupt("return", {
                 message: response.message,
                 errorDetail: response.errorDetail
               });
 
             case 8:
             case "end":
-              return _context13.stop();
+              return _context15.stop();
           }
         }
-      }, _callee13);
+      }, _callee15);
     }));
 
     return function createItemsTicket() {
-      return _ref13.apply(this, arguments);
+      return _ref15.apply(this, arguments);
     };
   }();
   /*=======================================================================
@@ -1299,7 +1448,7 @@ var ContentChat = function ContentChat(props) {
 
 
   var isSingleChat = function isSingleChat() {
-    if (chatType === "merchant_product" || chatType === "ticket") {
+    if (chatType === "merchant_product" || chatType === "ticket" || chatType === "product_status") {
       return true;
     }
 
@@ -1421,7 +1570,7 @@ var ContentChat = function ContentChat(props) {
     var items;
     var enabledLoadMore;
 
-    if (["merchant_product", "ticket"].includes(chatType)) {
+    if (["merchant_product", "ticket", "product_status"].includes(chatType)) {
       items = singleChat.items;
       enabledLoadMore = singleChat.enabledLoadMore;
     } // ORDER_PRODUCT
@@ -1462,7 +1611,7 @@ var ContentChat = function ContentChat(props) {
           chatType: chatType,
           activeCompanyId: activeCompanyId,
           ticketCompany: ticketCompany,
-          currentUser: ["merchant_product", "order_product"].includes(chatType) ? currentUser : dataChat.currentUser,
+          currentUser: ["merchant_product", "order_product", "product_status"].includes(chatType) ? currentUser : dataChat.currentUser,
           onClickBtnLoadMore: chatType === "merchant_product" ? getLoadMoreMerchantProduct : chatType === "order_product" ? getLoadMoreOrderProduct : getLoadMoreTicket
         });
       } else {
@@ -1491,6 +1640,10 @@ 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,