contentoh-components-library 21.3.8 → 21.3.10

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

@@ -80,8 +80,20 @@ chatCAD_merchantsProduct.args = {
   chatContainerType: "popUp",
   chatData: {
     userToken:
-      "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI2YmI0NzExMi03ZTNiLTRjYzUtYmVhZS02MzMxZjEwYjk3MzIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NTYxNjI0MSwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjY1NjE5ODQxLCJpYXQiOjE2NjU2MTYyNDEsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.gi1Jiua_O175vHLy-CYXOR945IRcObIj5j1LNk4_EhcKPz-MzPnfWDLH7L3sTiNS-VUhIRtAhtUVPUSYv0oP1qfJwFHomerxJvYgJge8SLWPjL6yGBnTxAvHVbuLU8kcaoZup2eNMV6XOIAEBAHeCDm4vW0rYWwfrKADPyYGZQF2si14o3wtgSMX5a4ccxGwikT3to3HttWBhmJs_I1Xr_BvBxePc4WghjQr5GVGbq8vhr4HwdkTmlcJAnQsc_fmIdbJ_ACyTa1wr343KYYOQVwBjAmZDa6rU16y0yTr_J4IVWY3aS5UpBEBHy4XE0c76UaN-_DcGiVl4ayWQIUz8A",
-    id: 84300,
+      "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhMWYyM2IzZC1mOTk0LTRjNWUtOTk4MC04ZThjYmQxMzcwMzYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3NDU3NjMzNywibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjc0NTc5OTM3LCJpYXQiOjE2NzQ1NzYzMzcsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.GZIbxwAqZBifyxJQdb-Asbf2X9k4Nmi44TRINg9oGdvz0MknHOUtCiQ2ID7XiqKzgcVvbl9RDDx2GFWZt0Fd2-Sd5NSMxEl3C3ZWqVWQb9ncrMdVcAOHPp76w2eR6IzOwpa5L4GAc_mLACaJtfGdYrSLSxYTpMPQfhxaG2GDdWbOLA-_hNflff0lQD-EvCg8wEirAcZHro2mEeqMFG2GLhh0zfb_H-A8EWMqmMM3kYXVHTza04S1HSYsXhGzBi-7paL_Oh3bcORN95CqeddkReSmThG5wcp0_YScCSFNeUDEvJo2Z9w9TlOrEgUIrSkaY0aLZUpERfOST55P4R9hRw",
+    id: 429,
+    version: 1,
+  },
+};
+
+export const chatCAD_merchantsProductProvider = Template.bind({});
+chatCAD_merchantsProductProvider.args = {
+  chatType: "merchant_product",
+  chatContainerType: "popUp",
+  chatData: {
+    userToken:
+      "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI4MWY3NmNjYy0yZDYzLTQyYzYtYjQzOS03NDQ2ZWFhYjFhZDciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjgxZjc2Y2NjLTJkNjMtNDJjNi1iNDM5LTc0NDZlYWFiMWFkNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJiN2M5YWVlYS0zMmRmLTQ0YmUtODliNy01OGY1MzE0YzMzN2IiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY3NDUxMTUzMiwibmFtZSI6Im1lcmNoYW50czIzZW5lQGFsbGZyZWVtYWlsLm5ldCBtZXJjaGFudHMyM2VuZUBhbGxmcmVlbWFpbC5uZXQiLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODkzIiwiZXhwIjoxNjc0NTE1MTMyLCJpYXQiOjE2NzQ1MTE1MzIsImVtYWlsIjoibWVyY2hhbnRzMjNlbmVAYWxsZnJlZW1haWwubmV0In0.eeR19yCD--WMFFfbljOufIthXUuXc_gFoJzLX9Q6mzgPpA2TOmzabQFLh2O1WKgGgcmFSEfGfTjzFRAd44O5MYqB_VltFPoMSNIVA38rmX8yfKhVlzF_ZBRVLNHZZOrKOQrCTZX7vibtUtvnbXPtkPgJV1Wb3RoB-45qi3qa1xIUcHwtdInsdQG1PvL28ryH4-ZupjXYRC9JB2wMDFPF1c6HnUQQupTSHRgTHVj9USNCYblOuCJSj1s2_lUrmFZJBifRGXsYj8rBz6mkkl5wAGU-YCmCFkwuD3Gl5bsevFg_VL2CGEfSwSXMzsB-ud4FMIaMZuQHpF-CefGJaEHYxg",
+    id: 429,
     version: 1,
   },
 };
@@ -97,102 +109,38 @@ chatPROV_merchantsProduct.args = {
 };*/
 
 // ejemplo del chat ticket con user FAB
-export const chatFAB_ticketClosed_user49 = Template.bind({});
-chatFAB_ticketClosed_user49.args = {
+export const chatTicket_userNORMAL = Template.bind({});
+chatTicket_userNORMAL.args = {
   chatType: "ticket",
   chatContainerType: "fixed",
   chatData: {
-    id: 10,
-    ticketOwnerUserId: 23,
-    statusTicket: "COMPLETED",
+    id: 104,
+    ticketOwnerUserId: 49,
+    statusTicket: "IN_PROGRESS",
     currentUser: {
-      id: 49,
-      companyId: 2,
+      token:
+        "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI2YmI0NzExMi03ZTNiLTRjYzUtYmVhZS02MzMxZjEwYjk3MzIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2NTYxNjI0MSwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjY1NjE5ODQxLCJpYXQiOjE2NjU2MTYyNDEsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.gi1Jiua_O175vHLy-CYXOR945IRcObIj5j1LNk4_EhcKPz-MzPnfWDLH7L3sTiNS-VUhIRtAhtUVPUSYv0oP1qfJwFHomerxJvYgJge8SLWPjL6yGBnTxAvHVbuLU8kcaoZup2eNMV6XOIAEBAHeCDm4vW0rYWwfrKADPyYGZQF2si14o3wtgSMX5a4ccxGwikT3to3HttWBhmJs_I1Xr_BvBxePc4WghjQr5GVGbq8vhr4HwdkTmlcJAnQsc_fmIdbJ_ACyTa1wr343KYYOQVwBjAmZDa6rU16y0yTr_J4IVWY3aS5UpBEBHy4XE0c76UaN-_DcGiVl4ayWQIUz8A",
+      id: 59,
+      companyId: 817,
       isUserTech: false,
     },
   },
 };
 
 // ejemplo del chat ticket con user TECH
-export const chatTECH_ticketClosed_user65 = Template.bind({});
-chatTECH_ticketClosed_user65.args = {
+export const chatTicket_userTECH = Template.bind({});
+chatTicket_userTECH.args = {
   chatType: "ticket",
   chatContainerType: "fixed",
   chatData: {
     id: 10,
-    ticketOwnerUserId: 23,
-    statusTicket: "COMPLETED",
-    currentUser: {
-      id: 65,
-      companyId: 2,
-      isUserTech: true,
-    },
-  },
-};
-
-// ejemplo del chat ticket con user TECH propietario del ticket
-export const chatTECH_ticketClosedOwn_user66 = Template.bind({});
-chatTECH_ticketClosedOwn_user66.args = {
-  chatType: "ticket",
-  chatContainerType: "fixed",
-  chatData: {
-    id: 10,
-    ticketOwnerUserId: 66,
-    statusTicket: "COMPLETED",
-    currentUser: {
-      id: 66,
-      companyId: 2,
-      isUserTech: true,
-    },
-  },
-};
-
-// ejemplo del chat ticket con user FAB
-export const chatFAB_ticketOpen_user49 = Template.bind({});
-chatFAB_ticketOpen_user49.args = {
-  chatType: "ticket",
-  chatContainerType: "fixed",
-  chatData: {
-    id: 11,
-    ticketOwnerUserId: 23,
-    statusTicket: "PENDING",
-    currentUser: {
-      id: 49,
-      companyId: 2,
-      isUserTech: false,
-    },
-  },
-};
-
-// ejemplo del chat ticket con user TECH
-export const chatTECH_ticketOpen_user65 = Template.bind({});
-chatTECH_ticketOpen_user65.args = {
-  chatType: "ticket",
-  chatContainerType: "fixed",
-  chatData: {
-    id: 11,
-    ticketOwnerUserId: 23,
-    statusTicket: "PENDING",
-    currentUser: {
-      id: 65,
-      companyId: 2,
-      isUserTech: true,
-    },
-  },
-};
-
-// ejemplo del chat ticket con user TECH propietario del ticket
-export const chatTECH_ticketOpenOwn_user66 = Template.bind({});
-chatTECH_ticketOpenOwn_user66.args = {
-  chatType: "ticket",
-  chatContainerType: "fixed",
-  chatData: {
-    id: 11,
-    ticketOwnerUserId: 66,
-    statusTicket: "PENDING",
+    ticketOwnerUserId: 49,
+    statusTicket: "IN_PROGRESS",
     currentUser: {
-      id: 66,
-      companyId: 2,
+      token:
+        "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmNTkyN2Y4ZS1jYmY3LTQ5MjItOWUwOS1lNjllYzBiMjczMWEiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6ImY1OTI3ZjhlLWNiZjctNDkyMi05ZTA5LWU2OWVjMGIyNzMxYSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI5M2FkOTM5Yy04MzJjLTQ4NWItOWUzMS0yN2MxNzBjMDk1NWEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2OTY2MjU5MiwibmFtZSI6IklzbWFlbCBMb3BleiIsInBob25lX251bWJlciI6Iis1MjMxMTEzNjYzMzYiLCJleHAiOjE2Njk2NjYxOTIsImlhdCI6MTY2OTY2MjU5MiwiZW1haWwiOiJpbG9wZXpAY29udGVudG9oLmNvbSJ9.hhdlQk-ljHpyZPRoG02YcvPow8jpm9coZfmEuZ29vIVX7bX5k05Ss3FkaT0dYNr2qEvqZHHqH61oJvx4xr2i6z2c3xEZxyJZFR-Cc_skhH0UwGXbCH9up5PW1aipY5rL45E42R7GKSGmB5Z-B7vxe2NcL-ZojYZkXNZ7Gx_lM8Vpq-XsFLJ4nCJlH7vx9D4SkREN3lLfYIIgqNrxJ_wqfqvcqexwRJfnr76ZqCuDR4dTWsES2Lf5D8Wa_wkQAjQNdzP7ai28l9fRyCSwkTxvamdJkx7p-tssOL5pAnCsKkD22UN-09c1bhuGrgfKWUV4awbptfjvHS7TSq0bWiv4gQ",
+      id: 28,
+      companyId: 1,
       isUserTech: true,
     },
   },

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

@@ -22,6 +22,7 @@ import { Tooltip } from "../../../atoms/Tooltip";
 import { Slide, Zoom } from "@mui/material";
 import { useRef } from "react";
 import { ImagePreview } from "../../../atoms/ImagePreview";
+import { isUserTech } from "../../../../global-files/handle_userTech";
 
 export const ContainerItems = (props) => {
   const {
@@ -473,11 +474,11 @@ export const ContainerItems = (props) => {
       let ownMessage = false;
       // user tech
       if (currentUser.isUserTech) {
-        if (users[item.userId].isUserTech) ownMessage = true;
+        if (isUserTech(users[item.userId].isUserTech)) ownMessage = true;
       }
       // user normal
       else {
-        if (!users[item.userId].isUserTech) {
+        if (!isUserTech(users[item.userId].isUserTech)) {
           if (currentUser.companyId == users[item.userId].companyId) {
             ownMessage = true;
           }

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

@@ -1,21 +1,19 @@
-import { Container, ContainerError } from "./styles";
+import { Container } from "./styles";
 import { useEffect, useState } from "react";
-import { Tooltip } from "../../../atoms/Tooltip";
 import { NotFound } from "../../../atoms/NotFound";
-import { ButtonV2 } from "../../../atoms/ButtonV2";
 import { Header } from "../Header";
-import {
-  faComments as IconChat,
-  faExclamationTriangle as IconWarning,
-} from "@fortawesome/free-solid-svg-icons";
+import { faComments as IconChat } from "@fortawesome/free-solid-svg-icons";
 import { Loading } from "../../../atoms/Loading";
 import { ContainerItems } from "../ContainerItems";
 import { Footer } from "../Footer";
 import { ChatLists } from "../ChatLists";
 import { CustomIcon } from "../../../atoms/CustomIcon";
 import { fetchGET, fetchPOST } from "../../../../global-files/handle_http";
-import { Modal } from "../../Modal";
-import { isStringEmpty } from "../../../../global-files/utils";
+import {
+  encodeUriJson,
+  isStringEmpty,
+  isValidNaturalNumber,
+} from "../../../../global-files/utils";
 
 export const ContentChat = (props) => {
   const {
@@ -24,6 +22,7 @@ export const ContentChat = (props) => {
     dataChat, // { data | error }
     showBtnClose, // boolean
     onClickBtnClose, // () => {}
+    showPopUpChat, // boolean
   } = props;
   const [companies, setCompanies] = useState({}); /* {
     companyId: {
@@ -91,22 +90,24 @@ export const ContentChat = (props) => {
       else if (chatType === "order_product") getInitialOrderProduct();
       else getInitialTicket();
     }
-  }, [dataChat]);
+  }, [dataChat, showPopUpChat]);
 
-  // comenzar temporizador del update de 30s
+  // comenzar temporizador del update de 20s
   useEffect(() => {
     //return;   -- descomentarizar para hacer pruebas sin update
     if (startUpdate == 0) return;
-    console.log(`START UPDATE en 30s`);
+    console.log("START UPDATE en 5s");
     const processID = setTimeout(() => {
+      console.log("update");
       setRunUpdate((prev) => prev + 1);
-    }, 30000);
+    }, 5000);
     setProcessUpdateID(processID);
+    return () => clearTimeout(processID);
   }, [startUpdate]);
 
   // ejecutar update
   useEffect(() => {
-    if (runUpdate == 0) return;
+    // if (runUpdate == 0) return;
     if (chatType === "merchant_product") {
       if (singleChat.items) getUpdateLatestMerchantProduct();
       else getInitialMerchantProduct();
@@ -224,18 +225,33 @@ export const ContentChat = (props) => {
   };
 
   const getInitialTicket = async () => {
-    console.log("======== INITIAL chat =======");
+    console.log("\n======== INITIAL chat =======");
     stopUpdate(); // finalizamos el temporizador
-    const paramsQuery = {
+    const dataUser = {
+      id: dataChat.currentUser?.id,
+      companyId: dataChat.currentUser?.companyId,
+      isUserTech: dataChat.currentUser?.isUserTech,
+    };
+    /*
+    console.log("values send query:", {
+      id: dataChat.id,
       getType: "initial",
+      currentUser: dataUser,
+      currentItemsFront: getItemsIdSingleChat(),
+    });
+    */
+    const paramsQuery = {
       id: JSON.stringify(dataChat.id),
-      isUserTech: JSON.stringify(dataChat.currentUser.isUserTech),
+      getType: "initial",
+      currentUser: encodeUriJson(dataUser),
+      currentItemsFront: encodeUriJson(getItemsIdSingleChat()),
     };
     const response = await fetchGET(
       process.env.REACT_APP_TICKETS_CHAT_ENDPOINT,
-      paramsQuery
+      paramsQuery,
+      { Authorization: dataChat.currentUser?.token }
     );
-    // programar update en 30s
+    // programar update en 20s
     setStartUpdate((prev) => prev + 1);
     if (!response.body) {
       setErrorChat({
@@ -248,7 +264,7 @@ export const ContentChat = (props) => {
       return;
     }
     // success
-    console.log(response.body);
+    console.log("response initial:", response.body);
     setLastUpdateDate(response.body.data.lastUpdateDate);
     setAllUsers(response.body.users);
     setSingleChat({
@@ -336,20 +352,27 @@ export const ContentChat = (props) => {
 
   // este GET obtiene la lista de compañoas con las que se puede chatear
   const getLoadMoreTicket = async () => {
-    console.log("======== LOAD MORE chat =======");
+    console.log("\n======== LOAD MORE chat =======");
     stopUpdate(); // finalizamos el temporizador
     let date = singleChat.items[singleChat.items.length - 1].date;
+    const dataUser = {
+      id: dataChat.currentUser?.id,
+      companyId: dataChat.currentUser?.companyId,
+      isUserTech: dataChat.currentUser?.isUserTech,
+    };
     const paramsQuery = {
-      getType: "loadMore",
       id: JSON.stringify(dataChat.id),
+      getType: "loadMore",
       date: encodeURIComponent(date),
-      isUserTech: JSON.stringify(dataChat.currentUser.isUserTech),
+      currentUser: encodeUriJson(dataUser),
+      currentItemsFront: encodeUriJson(getItemsIdSingleChat()),
     };
     const response = await fetchGET(
       process.env.REACT_APP_TICKETS_CHAT_ENDPOINT,
-      paramsQuery
+      paramsQuery,
+      { Authorization: dataChat.currentUser?.token }
     );
-    //programar update en 30s
+    //programar update en 20s
     setStartUpdate((prev) => prev + 1);
     if (!response.body) {
       return {
@@ -358,7 +381,7 @@ export const ContentChat = (props) => {
       };
     }
     // success
-    console.log(response.body);
+    console.log("response loadMore:", response.body);
     // actualizar la lista de los users
     updateAllUsers(response.body.users);
     // actualizar los items del chat
@@ -491,19 +514,35 @@ export const ContentChat = (props) => {
   };
 
   const getUpdateLatestTicket = async () => {
-    console.log("======== UPDATE chat =======");
+    console.log("\n======== UPDATE chat =======");
     console.log("lastUpdate:", lastUpdateDate);
-    const paramsQuery = {
+    const dataUser = {
+      id: dataChat.currentUser?.id,
+      companyId: dataChat.currentUser?.companyId,
+      isUserTech: dataChat.currentUser?.isUserTech,
+    };
+    /*
+    console.log("values send query:", {
+      id: dataChat.id,
       getType: "updateLatest",
+      date: lastUpdateDate,
+      currentUser: dataUser,
+      currentItemsFront: getItemsIdSingleChat(),
+    });
+    */
+    const paramsQuery = {
       id: JSON.stringify(dataChat.id),
+      getType: "updateLatest",
       date: encodeURIComponent(lastUpdateDate),
-      isUserTech: JSON.stringify(dataChat.currentUser.isUserTech),
+      currentUser: encodeUriJson(dataUser),
+      currentItemsFront: encodeUriJson(getItemsIdSingleChat()),
     };
     const response = await fetchGET(
       process.env.REACT_APP_TICKETS_CHAT_ENDPOINT,
-      paramsQuery
+      paramsQuery,
+      { Authorization: dataChat.currentUser?.token }
     );
-    //programar update en 30s
+    //programar update en 20s
     setStartUpdate((prev) => prev + 1);
     if (!response.body) {
       if (errorUpdate.startDate) {
@@ -527,7 +566,7 @@ export const ContentChat = (props) => {
       setErrorUpdate({});
     }
     // success
-    console.log(response.body);
+    //console.log("response update:", response.body);
     setLastUpdateDate(response.body.data.lastUpdateDate);
     // actualizar la lista de los users
     updateAllUsers(response.body.users);
@@ -677,6 +716,16 @@ export const ContentChat = (props) => {
     else return false;
   };
 
+  const getItemsIdSingleChat = () => {
+    const itemsId = {};
+    if (Array.isArray(singleChat.items)) {
+      singleChat.items.forEach((item) => {
+        if (isValidNaturalNumber(item.id)) itemsId[item.id] = true;
+      });
+    }
+    return itemsId;
+  };
+
   const getChatCompany = () => {
     if (chatType === "merchant_product" || chatType === "ticket") {
       return undefined;
@@ -741,9 +790,7 @@ export const ContentChat = (props) => {
   };
 
   const renderBodyChat = () => {
-    if (isLoading) {
-      return <Loading />;
-    }
+    if (isLoading) return <Loading />;
     if (errorChat.existError) {
       return (
         <NotFound

package/src/components/organisms/Chat/index.js

@@ -19,6 +19,7 @@ export const Chat = (props) => {
     chatContainerType, // ("fixed") | ("popUp")
     chatData, // {} => aqui poner los datos requeridos segun el tipo de chat
     classNameContainerFixed, // clases CSS del envoltoria chat fixed
+    size = 14, // tamaño del icono
   } = props;
   const [showPopUpChat, setShowPopUpChat] = useState(false);
   const [data, setData] = useState();
@@ -43,6 +44,20 @@ export const Chat = (props) => {
     }
   }, [chatType]);
 
+  const isValidGeneral = (userToken, id) => {
+    // validar token del user
+    if (isStringEmpty(userToken)) {
+      setDataError("El token del usuario no es valido");
+      return false;
+    }
+    // validar ID del producto
+    if (!isValidNaturalNumber(id)) {
+      setDataError("El ID del producto no es valido");
+      return false;
+    }
+    return true;
+  };
+
   // validar props que se requieren para el tipo de chat "order_product"
   const validateChatOrderProduct = () => {
     const {
@@ -52,16 +67,8 @@ export const Chat = (props) => {
       retailerId, // number
     } = chatData;
 
-    // validar token del user
-    if (isStringEmpty(userToken)) {
-      setDataError("El token del usuario no es valido");
-      return;
-    }
-    // validar ID del producto
-    if (!isValidNaturalNumber(id)) {
-      setDataError("El ID del producto no es valido");
-      return;
-    }
+    if (!isValidGeneral(userToken, id)) return;
+
     // validar el ID de la OT en donde se encuentra el producto
     if (!isValidNaturalNumber(orderId)) {
       setDataError("El ID de la orden del producto no es valido");
@@ -88,16 +95,8 @@ export const Chat = (props) => {
       version, // number
     } = chatData;
 
-    // validar token del user
-    if (isStringEmpty(userToken)) {
-      setDataError("El token del usuario no es valido");
-      return;
-    }
-    // validar ID del producto
-    if (!isValidNaturalNumber(id)) {
-      setDataError("El ID del producto no es valido");
-      return;
-    }
+    if (!isValidGeneral(userToken, id)) return;
+
     // validar la version del producto
     if (!isValidNaturalNumber(version)) {
       setDataError("La version del producto no es valida");
@@ -114,6 +113,7 @@ export const Chat = (props) => {
   const validateChatTicket = () => {
     const {
       currentUser /* {
+        token, // string
         id: number ,
         companyId: number , 
         isUserTech: boolean ,
@@ -123,6 +123,11 @@ export const Chat = (props) => {
       ticketOwnerUserId, // number
     } = chatData;
 
+    // validar el token del usuario conectado
+    if (isStringEmpty(currentUser?.token)) {
+      setDataError("Tu identificación de usuario no fue especificado");
+      return;
+    }
     // validar si ID del usuario conectado
     if (!isValidNaturalNumber(currentUser?.id)) {
       setDataError("Tu ID de usuario no fue especificado");
@@ -134,10 +139,7 @@ export const Chat = (props) => {
       return;
     }
     // validar si el usuario conectado es de tecnologia o no
-    if (
-      currentUser?.isUserTech === undefined ||
-      typeof currentUser.isUserTech !== "boolean"
-    ) {
+    if (![false, true].includes(currentUser?.isUserTech)) {
       setDataError("Tu tipo de usuario no fue especificado");
       return;
     }
@@ -154,7 +156,7 @@ export const Chat = (props) => {
       return;
     }
     // validar el status del chat
-    if (isStringEmpty(statusTicket)) {
+    if (!["IN_PROGRESS", "PENDING", "COMPLETED"].includes(statusTicket)) {
       setDataError("El estatus del ticket no es valido");
       return;
     }
@@ -184,111 +186,50 @@ export const Chat = (props) => {
     });
   };
 
-  /*
-  const createItem = async (valueType, valueInput) => {
-    clearTimeout(processUpdateID);
-    let currentItems = items.slice();
-    let paramsBody = {};
-    let paramsHeaders = {};
-    switch (chatType.toLowerCase()) {
-      case "order_product": //------------------------------------------
-        paramsBody = {
-          articleId: articleId,
-          valueType: valueType,
-          value: valueInput,
-          isOrderProduct: "1",
-          orderId: orderId,
-          retailerId: retailerId,
-        };
-        paramsHeaders = { Authorization: userToken };
-        break;
-
-      default:
-        // merchants_products--------------------------------------
-        paramsBody = {
-          articleId: articleId,
-          articleVersion: articleVersion,
-          valueType: valueType,
-          value: valueInput,
-          isOrderProduct: "0",
-        };
-        paramsHeaders = { Authorization: userToken };
-    }
-    const response = await fetchPOST(
-      process.env.REACT_APP_PRODUCTS_CHAT_ENDPOINT,
-      paramsBody,
-      paramsHeaders
+  if (chatContainerType?.toLowerCase() === "fixed") {
+    /* chat tipo fixed */
+    return (
+      <ContainerFixed className={classNameContainerFixed}>
+        <ContentChat
+          chatType={chatType?.toLowerCase()}
+          chatContainerType="fixed"
+          dataChat={data}
+          showBtnClose={false}
+        />
+      </ContainerFixed>
     );
-    if (!response.body) {
-      let itemType =
-        valueType === "txt"
-          ? "el mensaje"
-          : valueType === "img"
-          ? "la imagen"
-          : "el archivo";
-      showModalAlert(
-        `No fue posible agregar ${itemType} en el chat`,
-        response.errorDetail,
-        "error"
-      );
-      setItems(currentItems);
-    } else {
-      if (currentItems?.length == 0) {
-        // console.log("NUEVO ITEM <> NUEVO INITIAL");
-        await getInitial();
-      } else {
-        // console.log("NUEVO ITEM <> NUEVO UPDATE");
-        await getUpdate();
-      }
-    }
-  };
-  */
+  } else {
+    /* chat tipo popUp */
+    return (
+      <>
+        <ContainerBtnPopUpChat>
+          <ButtonV2
+            className="container-btn-popUpChat"
+            type="whiteS2"
+            size={size}
+            borderType="circle"
+            icon={IconChat}
+            onClick={() => {
+              setShowPopUpChat(!showPopUpChat);
+            }}
+          />
+        </ContainerBtnPopUpChat>
 
-  return (
-    <>
-      {chatContainerType?.toLowerCase() === "fixed" ? (
-        <>
-          {/* chat tipo fixed */}
-          <ContainerFixed className={classNameContainerFixed}>
+        <Slide direction="left" in={showPopUpChat} timeout={400}>
+          <ContainerPopUp>
             <ContentChat
               chatType={chatType?.toLowerCase()}
-              chatContainerType={"fixed"}
+              chatContainerType="popUp"
               dataChat={data}
-              showBtnClose={false}
-            />
-          </ContainerFixed>
-        </>
-      ) : (
-        <>
-          {/* chat tipo popUp */}
-          <ContainerBtnPopUpChat>
-            <ButtonV2
-              className={"container-btn-popUpChat"}
-              type={"whiteS2"}
-              size={14}
-              borderType={"circle"}
-              icon={IconChat}
-              onClick={async (event) => {
-                setShowPopUpChat(!showPopUpChat);
+              showPopUpChat={showPopUpChat}
+              showBtnClose={true}
+              onClickBtnClose={() => {
+                setShowPopUpChat(false);
               }}
             />
-          </ContainerBtnPopUpChat>
-
-          <Slide direction={"left"} in={showPopUpChat} timeout={400}>
-            <ContainerPopUp>
-              <ContentChat
-                chatType={chatType?.toLowerCase()}
-                chatContainerType={"popUp"}
-                dataChat={data}
-                showBtnClose={true}
-                onClickBtnClose={() => {
-                  setShowPopUpChat(false);
-                }}
-              />
-            </ContainerPopUp>
-          </Slide>
-        </>
-      )}
-    </>
-  );
+          </ContainerPopUp>
+        </Slide>
+      </>
+    );
+  }
 };