Adaptação para abrir links de whasapp wa pelo brower usando plugin de terceiro no chrome

backend/src/controllers/TicketController.ts

@@ -41,6 +41,7 @@ interface TicketData {
   status: string;
   queueId: number;
   userId: number;
+  msg?: string,
 }
 
 
@@ -51,6 +52,7 @@ import TicketEmiterSumOpenClosedByUser from "../helpers/OnlineReporEmiterInfoByU
 import CountTicketService from "../services/TicketServices/CountTicketService";
 import CountTicketsByUserQueue from "../services/UserServices/CountTicketsByUserQueue";
 import ShowUserService from "../services/UserServices/ShowUserService";
+import axios from "axios";
 
 export const index = async (req: Request, res: Response): Promise<Response> => {
 
@@ -90,7 +92,7 @@ export const index = async (req: Request, res: Response): Promise<Response> => {
 };
 
 export const store = async (req: Request, res: Response): Promise<Response> => {
-  const { contactId, status, userId }: TicketData = req.body;
+  const { contactId, status, userId, msg }: TicketData = req.body;
 
   console.log('TICKET CREATE: ', 'contactId: ', contactId, ' | status: ', status, ' | userId: ', userId)
 
@@ -98,11 +100,11 @@ export const store = async (req: Request, res: Response): Promise<Response> => {
   let ticket = await Ticket.findOne({ where: { contactId, status: 'queueChoice' } });
 
   if (ticket) {
-    await UpdateTicketService({ ticketData: { status: 'open', userId: userId, }, ticketId: ticket.id });
+    await UpdateTicketService({ ticketData: { status: 'open', userId: userId,}, ticketId: ticket.id, msg });
 
   }
   else {
-    ticket = await CreateTicketService({ contactId, status, userId });
+    ticket = await CreateTicketService({ contactId, status, userId, msg });
   }
 
   const io = getIO();
@@ -140,7 +142,6 @@ export const show = async (req: Request, res: Response): Promise<Response> => {
   return res.status(200).json({ contact, statusChatEnd, schedulesContact });
 }; 
 
-
 export const count = async (req: Request, res: Response): Promise<Response> => {
 
   // type indexQ = { status: string; date?: string; };
@@ -152,8 +153,6 @@ export const count = async (req: Request, res: Response): Promise<Response> => {
 };
   
 
-
-
 export const update = async (req: Request, res: Response): Promise<Response> => {
 
   const { ticketId } = req.params;

backend/src/libs/socket.ts

@@ -221,6 +221,10 @@ export const initIO = (httpServer: Server): SocketIO => {
 
     socket.on("joinChatBox", (ticketId: string) => {
       logger.info("A client joined a ticket channel");
+
+      const regex = /^[0-9\b]+$/; // Regular expression to match only numbers   
+      if (ticketId && !ticketId.match(regex)) return
+      
       socket.join(ticketId);
     });
 

backend/src/services/MessageServices/ListMessagesService.ts

@@ -19,6 +19,17 @@ const ListMessagesService = async ({
   pageNumber = "1",
   ticketId
 }: Request): Promise<Response> => {
+
+  if (ticketId && ticketId.includes("&&text=")) {
+    return {
+      messages: [],
+      ticket: new Ticket,
+      count: 0,
+      hasMore: false
+    };
+
+  }
+
   const ticket = await ShowTicketService(ticketId);
 
   if (!ticket) {

backend/src/services/TicketServices/CreateTicketService.ts

@@ -19,6 +19,7 @@ import ShowWhatsAppService from "../WhatsappService/ShowWhatsAppService";
 import Whatsapp from "../../models/Whatsapp";
 import whatsappQueueMatchingUserQueue from "../../helpers/whatsappQueueMatchingUserQueue";
 import User from "../../models/User";
+import sendWhatsAppMessageSocket from "../../helpers/SendWhatsappMessageSocket";
 let flatten = require('flat')
 
 
@@ -27,12 +28,14 @@ interface Request {
   contactId: number;
   status: string;
   userId: number;
+  msg?: string
 }
 
 const CreateTicketService = async ({
   contactId,
   status,
-  userId
+  userId,
+  msg = ''
 }: Request): Promise<Ticket> => {
 
   try {
@@ -72,6 +75,12 @@ const CreateTicketService = async ({
 
     // console.log('CONTACT ticket.id: ', ticket.id)
 
+    // console.log('>>>>>>>>>>>>>>>>> msg: ', msg)
+    
+    if (msg.length > 0) {
+      sendWhatsAppMessageSocket(ticket, msg)
+    }
+
 
     try {
 

backend/src/services/TicketServices/UpdateTicketService.ts

@@ -8,6 +8,7 @@ import ShowTicketService from "./ShowTicketService";
 
 import { createOrUpdateTicketCache } from '../../helpers/TicketCache'
 import AppError from "../../errors/AppError";
+import sendWhatsAppMessageSocket from "../../helpers/SendWhatsappMessageSocket";
 var flatten = require('flat')
 
 
@@ -16,12 +17,13 @@ interface TicketData {
   status?: string;
   userId?: number;
   queueId?: number;
-  statusChatEnd?: string
+  statusChatEnd?: string; 
 }
 
 interface Request {
   ticketData: TicketData;
   ticketId: string | number; 
+  msg?: string
 }
 
 interface Response {
@@ -32,7 +34,8 @@ interface Response {
 
 const UpdateTicketService = async ({
   ticketData,
-  ticketId
+  ticketId, 
+  msg=''
 }: Request): Promise<Response> => {
 
   try {
@@ -58,6 +61,10 @@ const UpdateTicketService = async ({
 
     await ticket.reload();
 
+    if (msg.length > 0) {
+      sendWhatsAppMessageSocket(ticket, msg)
+    }
+
     // TEST DEL 
     try {
 

frontend/src/components/Ticket/index.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, useContext } from "react";
 import { useParams, useHistory } from "react-router-dom";
 
 import { toast } from "react-toastify";
@@ -17,6 +17,8 @@ import api from "../../services/api";
 import { ReplyMessageProvider } from "../../context/ReplyingMessage/ReplyingMessageContext";
 import toastError from "../../errors/toastError";
 
+import { AuthContext } from "../../context/Auth/AuthContext"
+
 const drawerWidth = 320;
 
 const useStyles = makeStyles((theme) => ({
@@ -74,6 +76,10 @@ const useStyles = makeStyles((theme) => ({
 }));
 
 const Ticket = () => {
+
+  const { user } = useContext(AuthContext);
+
+
   const { ticketId } = useParams();
   const history = useHistory();
   const classes = useStyles();
@@ -89,9 +95,60 @@ const Ticket = () => {
     setLoading(true);
     const delayDebounceFn = setTimeout(() => {
       const fetchTicket = async () => {   
+
         try {  
 
-          // maria julia
+          let number
+          let msg
+          let contactId
+
+          if (ticketId && ticketId.includes("&&text=")) {
+
+            number = ticketId.split('&&text=')[0]
+            msg = ticketId.split('&&text=')[1]
+
+            msg = decodeURIComponent(msg);
+
+
+            console.log('NUMBER: ', number)
+
+            const { data: data0 } = await api.get("/contacts/", { params: { searchParam: number, pageNumber: "1" }, });
+
+            if (data0 && data0.contacts.length > 0) {
+              console.log('-----> data: ', data0.contacts[0].id)
+              contactId = data0.contacts[0].id
+            }
+            else {
+              console.log('NO CONTACT whith this NUMBER: ', number)
+
+              const values = {
+                name: number,
+                number: number,
+              };
+
+              const { data: data1 } = await api.post("/contacts", values);
+
+              console.log('data1: ', data1)
+
+              contactId = data1.id
+
+            }
+
+            const { data: ticket } = await api.post("/tickets", {
+              contactId: contactId,
+              userId: user.id,
+              status: "open",
+              msg
+            });
+
+            window.location.reload();
+            history.push(`/tickets/${ticket.id}`);
+            window.location.reload();
+
+          }
+          else {
+
+            console.log('>>>>>>>>>>>>>>>>>>>>>>>>> ticketId: ', ticketId)
 
             const { data } = await api.get("/tickets/" + ticketId);
 
@@ -104,17 +161,26 @@ const Ticket = () => {
             setStatusChatEnd(data.statusChatEnd)
 
             setLoading(false);
+          }
+
+
         } catch (err) {
           setLoading(false);
+          console.log('ERROR: ', err)
+
           toastError(err);
         }
       };
       fetchTicket();
     }, 500);
     return () => clearTimeout(delayDebounceFn);
-  }, [ticketId, history]);
+  }, [ticketId, history, user.id]);
 
   useEffect(() => {
+
+    const regex = /^[0-9\b]+$/; // Regular expression to match only numbers   
+    if (ticketId && !ticketId.match(regex)) return
+
     const socket = openSocket(process.env.REACT_APP_BACKEND_URL);
 
     socket.on("connect", () => socket.emit("joinChatBox", ticketId));

frontend/src/components/TicketsList/index.js

@@ -1,4 +1,6 @@
 import React, { useState, useEffect, useReducer, useContext } from "react"; 
+
+
 import openSocket from "socket.io-client";
 
 import { makeStyles } from "@material-ui/core/styles";
@@ -183,7 +185,9 @@ const TicketsList = (props) => {
 
 	const { searchTicket } = useContext(SearchTicketContext)
  
+
 	useEffect(() => { 
+
 		dispatch({ type: "RESET" });
 		setPageNumber(1);