fix: update socket to enable click button on remote ticket

feat: Adjust timer comparetion seconds to 50 seconds
feat: Adjust timer of ticket remote message sending service to run every 5 seconds
2024-04-23 22:02:17 -03:00 · 2024-04-23 20:52:41 -03:00 · 2024-04-23 20:47:10 -03:00 · 2024-04-23 19:51:11 -03:00
33 changed files with 1160 additions and 633 deletions
--- a/backend/package.json
+++ b/backend/package.json
@ -8,7 +8,6 @@
    "watch": "tsc -w",
    "start": "nodemon --expose-gc dist/server.js",
    "dev:server": "ts-node-dev --respawn --transpile-only --ignore node_modules src/server.ts",
-    "dev": "nodemon --exec npm run dev:server",
    "pretest": "NODE_ENV=test sequelize db:migrate && NODE_ENV=test sequelize db:seed:all",
    "test": "NODE_ENV=test jest",
    "posttest": "NODE_ENV=test sequelize db:migrate:undo:all"
--- a/backend/src/controllers/ReportController.ts
+++ b/backend/src/controllers/ReportController.ts
@ -30,6 +30,7 @@ type IndexQuery = {
  queueId: string;
  pageNumber: string;
  userQueues: [];
+  isRemote: string;
 };

 type ReportOnQueue = {
@ -302,15 +303,19 @@ export const reportService = async (
    throw new AppError("ERR_NO_PERMISSION", 403);
  }

-  const { startDate, endDate, queueId } = req.query as IndexQuery;
+  const { startDate, endDate, queueId, isRemote } = req.query as IndexQuery;

  console.log(
    `startDate: ${startDate} | endDate: ${endDate} | queueId: ${queueId}`
  );

+  console.log("IS REMOTE: ", isRemote);
+  console.log("isRemote: ", isRemote && isRemote == "true" ? true : false);
+
  const reportService = await ReportByNumberQueueService({
    startDate,
-    endDate
+    endDate,
+    isRemote: isRemote && isRemote == "true" ? true : false
  });

  return res.status(200).json({ reportService });
@ -328,12 +333,13 @@ export const reportServiceByQueue = async (
    throw new AppError("ERR_NO_PERMISSION", 403);
  }

-  const { startDate, endDate, queueId } = req.query as IndexQuery;
+  const { startDate, endDate, queueId, isRemote } = req.query as IndexQuery;

  const reportService = await ReportByNumberQueueService({
    startDate,
    endDate,
-    queue: true
+    queue: true,
+    isRemote: isRemote && isRemote == "true" ? true : false
  });

  return res.status(200).json({ reportService });
--- a/backend/src/controllers/SettingController.ts
+++ b/backend/src/controllers/SettingController.ts
@ -123,11 +123,12 @@ export const update = async (
    throw new AppError("ERR_NO_PERMISSION", 403);
  }
  const { settingKey: key } = req.params;
-  const { value } = req.body;
+  const { value, obj } = req.body;

  const setting = await UpdateSettingService({
    key,
-    value
+    value,
+    obj
  });

  if (key && key == "whatsaAppCloudApi") {
--- a/backend/src/controllers/TicketController.ts
+++ b/backend/src/controllers/TicketController.ts
@ -75,10 +75,11 @@ import GetProfilePicUrl from "../services/WbotServices/GetProfilePicUrl";
 import CreateContactService from "../services/ContactServices/CreateContactService";
 import { botSendMessage } from "../services/WbotServices/wbotMessageListener";
 import WhatsappQueue from "../models/WhatsappQueue";
-import { get } from "../helpers/RedisClient";
+import { del, get, set } from "../helpers/RedisClient";
 import CountStatusChatEndService from "../services/StatusChatEndService/CountStatusChatEndService";
 import Queue from "../models/Queue";
 import StatusChatEnd from "../models/StatusChatEnd";
+import controllByNumber from "../helpers/controllByNumber";

 export const index = async (req: Request, res: Response): Promise<Response> => {
  const {
@ -101,7 +102,8 @@ export const index = async (req: Request, res: Response): Promise<Response> => {
    queueIds = JSON.parse(queueIdsStringified);
  }

-  const { tickets, count, hasMore } = await ListTicketsService({
+  const { tickets, count, hasMore, remoteTicketsControll } =
+    await ListTicketsService({
      searchParam,
      pageNumber,
      status,
@ -114,7 +116,9 @@ export const index = async (req: Request, res: Response): Promise<Response> => {
      searchParamContent
    });

-  return res.status(200).json({ tickets, count, hasMore });
+  return res
+    .status(200)
+    .json({ tickets, count, hasMore, remoteTicketsControll });
 };

 export const remoteTicketCreation = async (
@ -232,7 +236,8 @@ export const remoteTicketCreation = async (

    const botInfo = await BotIsOnQueue("botqueue");

-    let ticket = await Ticket.findOne({
+    // ticket from queueChoice or bot
+    let ticket: any = await Ticket.findOne({
      where: {
        [Op.or]: [
          { contactId, status: "queueChoice" },
@ -258,7 +263,25 @@ export const remoteTicketCreation = async (
      }
    }

-    if (!ticket) {
+    ticket = await Ticket.findOne({
+      where: {
+        [Op.or]: [
+          { contactId, status: "pending" },
+          { contactId, status: "open" }
+        ]
+      }
+    });
+
+    if (ticket) {
+      console.log(
+        `THE CAMPAIGN TICKET WAS NOT CREATED BECAUSE THE TICKET IS PENDING OR OPEN`
+      );
+
+      return res.status(422).json({
+        msg: `The campaign ticket was not created because the number ${contact_to} already has a ticket open or pending`
+      });
+    }
+
    ticket = await FindOrCreateTicketService(
      contact,
      whatsappId,
@ -267,8 +290,22 @@ export const remoteTicketCreation = async (
      queueId,
      true
    );
-      botSendMessage(ticket, `${msg}`);
-    }
+
+    // botSendMessage(ticket, `${msg}`);
+
+    await ticket.update({
+      lastMessage: msg
+    });
+
+    await set(
+      `remote:ticketId:${ticket.id}`,
+      JSON.stringify({
+        id: ticket.id,
+        createdAt: ticket.createdAt,
+        updatedAt: ticket.updatedAt,
+        whatsappId: ticket.whatsappId
+      })
+    );

    const io = getIO();
    io.to(ticket.status).emit("ticket", {
@ -276,9 +313,19 @@ export const remoteTicketCreation = async (
      ticket
    });

+    const obj = await controllByNumber();
+
+    if (obj?.tickets) {
+      io.emit("remoteTickesControll", {
+        action: "update",
+        tickets: obj.ticketIds
+      });
+    }
+
    console.log(
      `REMOTE TICKET CREATION FROM ENDPOINT | STATUS: 200 | MSG: success`
    );
+
    return res.status(200).json({ msg: "success" });
  }

@ -648,5 +695,7 @@ export const remove = async (
    ticketId: +ticketId
  });

+  await del(`remote:ticketId:${ticketId}`);
+
  return res.status(200).json({ message: "ticket deleted" });
 };
--- a/backend/src/database/migrations/20240420115601-add-column-remoteDone-to-tickets.ts
+++ b/backend/src/database/migrations/20240420115601-add-column-remoteDone-to-tickets.ts
@ -0,0 +1,15 @@
+import { QueryInterface, DataTypes } from "sequelize";
+
+module.exports = {
+  up: (queryInterface: QueryInterface) => {
+    return queryInterface.addColumn("Tickets", "remoteDone", {
+      type: DataTypes.BOOLEAN,
+      allowNull: true,
+      defaultValue: false
+    });
+  },
+
+  down: (queryInterface: QueryInterface) => {
+    return queryInterface.removeColumn("Tickets", "remoteDone");
+  }
+};
--- a/backend/src/database/migrations/20240423193637-add-column-obj-to-settings.ts
+++ b/backend/src/database/migrations/20240423193637-add-column-obj-to-settings.ts
@ -0,0 +1,14 @@
+import { QueryInterface, DataTypes } from "sequelize";
+
+module.exports = {
+  up: (queryInterface: QueryInterface) => {
+    return queryInterface.addColumn("Settings", "obj", {
+      type: DataTypes.STRING,
+      allowNull: true
+    });
+  },
+
+  down: (queryInterface: QueryInterface) => {
+    return queryInterface.removeColumn("Settings", "obj");
+  }
+};
--- a/backend/src/database/seeds/20240417151300-add-enable-waiting-time-tickets-settings.ts
+++ b/backend/src/database/seeds/20240417151300-add-enable-waiting-time-tickets-settings.ts
@ -1,22 +0,0 @@
-import { QueryInterface } from "sequelize";
-
-module.exports = {
-  up: (queryInterface: QueryInterface) => {
-    return queryInterface.bulkInsert(
-      "Settings",
-      [
-        {
-          key: "waitingTimeTickets",
-          value: "disabled",
-          createdAt: new Date(),
-          updatedAt: new Date()
-        }
-      ],
-      {}
-    );
-  },
-
-  down: (queryInterface: QueryInterface) => {
-    return queryInterface.bulkDelete("Settings", {});
-  }
-};
--- a/backend/src/database/seeds/20240417185331-add-enable-notification-transfer-queue.ts
+++ b/backend/src/database/seeds/20240417185331-add-enable-notification-transfer-queue.ts
@ -1,22 +0,0 @@
-import { QueryInterface } from "sequelize";
-
-module.exports = {
-  up: (queryInterface: QueryInterface) => {
-    return queryInterface.bulkInsert(
-      "Settings",
-      [
-        {
-          key: "notificationTransferQueue",
-          value: "disabled",
-          createdAt: new Date(),
-          updatedAt: new Date()
-        }
-      ],
-      {}
-    );
-  },
-
-  down: (queryInterface: QueryInterface) => {
-    return queryInterface.bulkDelete("Settings", {});
-  }
-};
--- a/backend/src/database/seeds/20240416141716-add-enable-block-audio-video-media-settings.ts
+++ b/backend/src/database/seeds/20240416141716-add-enable-block-audio-video-media-settings.ts
@ -6,8 +6,8 @@ module.exports = {
      "Settings",
      [
        {
-          key: "blockAudioVideoMedia",
-          value: "disabled",
+          key: "remoteTicketSendControll",
+          value: "true",
          createdAt: new Date(),
          updatedAt: new Date()
        }
--- a/backend/src/helpers/AutoRemoteTickets.ts
+++ b/backend/src/helpers/AutoRemoteTickets.ts
@ -0,0 +1,78 @@
+import { intervalToDuration } from "date-fns";
+import { del, get, set } from "./RedisClient";
+import { getIO } from "../libs/socket";
+import controllByNumber from "./controllByNumber";
+
+let timer: any;
+
+const AutoRemoteTickets = async () => {
+  try {
+    let obj: any = await controllByNumber();
+
+    if (!obj?.tickets) return;
+
+    for (const ticket of obj.tickets) {
+      if (!ticket.includes("messageDateTime")) continue;
+
+      let match = ticket.match(/"messageDateTime":("[^"]*")/);
+      let messageDateTime = match ? match[1] : null;
+      console.log("messageDateTime: ", messageDateTime);
+
+      match = ticket.match(/"whatsappId":(\d+)/);
+      let whatsappId = match ? match[1] : null;
+      console.log("whatsappId: ", whatsappId);
+
+      const whatsapp = await get({
+        key: `whatsapp:${whatsappId}`
+      });
+
+      match = whatsapp.match(/"number":"(\d+)"/);
+      let number = match ? match[1] : null;
+      console.log("number: ", number);
+
+      match = ticket.match(/"id":(\d+)/);
+      let ticketId = match ? match[1] : null;
+      console.log("ticketId: ", ticketId);
+
+      number = JSON.parse(number);
+      ticketId = JSON.parse(ticketId);
+
+      let timeDiff: any = intervalToDuration({
+        start: new Date(JSON.parse(messageDateTime)),
+        end: new Date()
+      });
+
+      console.log("______timeDiff: ", timeDiff);
+
+      if (timeDiff.seconds > 50) {
+        del(`remote:ticketId:${ticketId}`);
+
+        obj = await controllByNumber();
+
+        const io = getIO();
+        io.emit("remoteTickesControll", {
+          action: "update",
+          tickets: obj.ticketIds
+        });
+      }
+    }
+  } catch (error) {
+    console.log("There was an error on auto remote tickets service: ", error);
+  }
+};
+
+const schedule = async () => {
+  try {
+    clearInterval(timer);
+
+    await AutoRemoteTickets();
+  } catch (error) {
+    console.log("error on schedule: ", error);
+  } finally {
+    timer = setInterval(schedule, 5000);
+  }
+};
+
+timer = setInterval(schedule, 5000);
+
+export default schedule;
--- a/backend/src/helpers/RedisClient.ts
+++ b/backend/src/helpers/RedisClient.ts
@ -31,6 +31,7 @@ export async function get({ key, value, parse }: getData) {
  if (key.includes("*")) {
    const keys = await redis.keys(key); 
    if (keys.length > 0) {
+      if (value) {
        for (const key of keys) {
          const val = await redis.get(key);
          if (val.includes(value)) {
@ -38,6 +39,15 @@ export async function get({ key, value, parse }: getData) {
            return val;
          }
        }
+      } else {
+        let res: any[] = [];
+        for (const key of keys) {
+          const val = await redis.get(key);
+          if (parse) res.push(JSON.parse(val));
+          res.push(val);
+        }
+        return res;
+      }
    }
    return null;
  } else {
--- a/backend/src/helpers/controllByNumber.ts
+++ b/backend/src/helpers/controllByNumber.ts
@ -0,0 +1,41 @@
+import { get, set } from "./RedisClient";
+
+async function controllByNumber() {
+  let tickets = await get({ key: "remote:ticketId*", parse: false }); 
+
+  if (!tickets) return { ticketIds: [], tickets: null };
+
+  let controll: any[] = [];
+
+  for (const ticket of tickets) {
+    let match = ticket.match(/"whatsappId":(\d+)/);
+    let whatsappId = match ? match[1] : null; 
+
+    const whatsapp = await get({
+      key: `whatsapp:${whatsappId}`
+    });
+
+    match = whatsapp.match(/"number":"(\d+)"/);
+    let number = match ? match[1] : null; 
+
+    match = ticket.match(/"id":(\d+)/);
+    let ticketId = match ? match[1] : null; 
+
+    number = JSON.parse(number);
+    ticketId = JSON.parse(ticketId); 
+
+    const index = controll.findIndex((c: any) => c.number == number);
+
+    if (index == -1) {
+      controll.push({ ticketId, number });
+    }
+  }
+
+  const ticketIds = controll.map((c: any) => c.ticketId); 
+
+  set(`remote:controll`, JSON.stringify(ticketIds));
+
+  return { ticketIds, tickets };
+}
+
+export default controllByNumber;
--- a/backend/src/models/Setting.ts
+++ b/backend/src/models/Setting.ts
@ -16,6 +16,9 @@ class Setting extends Model<Setting> {
  @Column
  value: string;

+  @Column
+  obj: string;
+
  @CreatedAt
  createdAt: Date;

--- a/backend/src/models/Ticket.ts
+++ b/backend/src/models/Ticket.ts
@ -21,7 +21,7 @@ import User from "./User";
 import Whatsapp from "./Whatsapp";

 import SchedulingNotify from "./SchedulingNotify";
-import StatusChatEnd from "./StatusChatEnd"
+import StatusChatEnd from "./StatusChatEnd";

@Table
 class Ticket extends Model<Ticket> {
@ -47,6 +47,10 @@ class Ticket extends Model<Ticket> {
  @Column
  isRemote: boolean;

+  @Default(false)
+  @Column
+  remoteDone: boolean;
+
  @ForeignKey(() => StatusChatEnd)
  @Column
  statusChatEndId: number;
--- a/backend/src/routes/settingRoutes.ts
+++ b/backend/src/routes/settingRoutes.ts
@ -9,7 +9,7 @@ settingRoutes.get("/settings", SettingController.index);

 settingRoutes.get("/settings/ticket/:number", SettingController.ticketSettings);     

-// routes.get("/settings/:settingKey", isAuth, SettingsController.show);
+// settingRoutes.get("/settings/:settingKey", isAuth, SettingsController.show);

 settingRoutes.put(
  "/settings/ticket",
--- a/backend/src/server.ts
+++ b/backend/src/server.ts
@ -13,6 +13,7 @@ import { loadContactsCache } from "./helpers/ContactsCache";
 import { loadSchedulesCache } from "./helpers/SchedulingNotifyCache";
 import { delRestoreControllFile } from "./helpers/RestoreControll";
 import "./helpers/AutoCloseTickets";
+import "./helpers/AutoRemoteTickets"

 import "./helpers/SchedulingNotifySendMessage";
 import axios from "axios";
@ -90,6 +91,17 @@ gracefulShutdown(server);
        const { phoneNumberId, id, greetingMessage } = whatsapps[i];

        if (phoneNumberId) {
+          // await set(
+          //   `whatsapp:${whatsapps[i].dataValues.id}`,
+          //   JSON.stringify({
+          //     number: whatsapps[i].dataValues.number,
+          //     id,
+          //     greetingMessage,
+          //     phoneNumberId
+          //   })
+          // );
+        }
+
        await set(
          `whatsapp:${whatsapps[i].dataValues.id}`,
          JSON.stringify({
@ -99,7 +111,6 @@ gracefulShutdown(server);
            phoneNumberId
          })
        );
-        }

        if (phoneNumberId) {
          continue;
--- a/backend/src/services/MessageServices/CreateMessageService.ts
+++ b/backend/src/services/MessageServices/CreateMessageService.ts
@ -1,4 +1,5 @@
 import AppError from "../../errors/AppError";
+import { get, set } from "../../helpers/RedisClient";
 import { updateTicketCacheByTicketId } from "../../helpers/TicketCache";
 import { getIO } from "../../libs/socket";
 import Message from "../../models/Message";
@ -22,9 +23,7 @@ interface Request {
 const CreateMessageService = async ({
  messageData
 }: Request): Promise<Message> => {
-
  try {
-    
    await Message.upsert(messageData);

    const message = await Message.findByPk(messageData.id, {
@ -47,6 +46,28 @@ const CreateMessageService = async ({
      throw new Error("ERR_CREATING_MESSAGE");
    }

+    //////////////////// SETTINGS ///////////////////////////
+    let ticketRemote = await get({
+      key: `remote:ticketId:${message.ticket.id}`
+    });
+
+    if (ticketRemote && !ticketRemote.includes("messageDateTime")) {
+      ticketRemote = JSON.parse(ticketRemote);
+
+      ticketRemote = {
+        ...ticketRemote,
+        ...{ messageDateTime: message.createdAt }
+      };
+
+      const ticket = await Ticket.findByPk(message.ticket.id);
+      ticket?.update({ remoteDone: true });
+
+      console.log('MESSAGE SERVICE: XXXXXXXXXXXXXXXXXXXXXXX')
+
+      set(`remote:ticketId:${message.ticket.id}`, JSON.stringify(ticketRemote));
+    }
+    //////////////////////////////////////////////////////////
+
    if (message.ticket.status != "queueChoice") {
      await updateTicketCacheByTicketId(message.ticket.id, {
        lastMessage: message.body,
--- a/backend/src/services/ReportServices/ReportByNumberQueueService.ts
+++ b/backend/src/services/ReportServices/ReportByNumberQueueService.ts
@ -15,14 +15,17 @@ interface Request {
  startDate: string | number;
  endDate: string;
  queue?: boolean;
+  isRemote?: boolean;
 }

 const ReportByNumberQueueService = async ({
  startDate,
  endDate,
-  queue = false
+  queue = false,
+  isRemote = false
 }: Request): Promise<any[]> => {
  let reportServiceData: any[] = [];
+  const includeIsRemote = isRemote ? "t.isRemote = true AND" : "";

  const whatsapps = await Whatsapp.findAll();

@ -30,6 +33,11 @@ const ReportByNumberQueueService = async ({
    for (const whatsapp of whatsapps) {
      const { id, name, number } = whatsapp;

+      let startedByClient: any;
+      let avgChatWaitingTime: any;
+      let pendingChat: any;
+      let closedChat: any;
+
      if (
        !number ||
        reportServiceData.findIndex((w: any) => w?.number == number) != -1
@ -45,15 +53,16 @@ const ReportByNumberQueueService = async ({
        JOIN Messages m ON t.id = m.ticketId 
        JOIN Whatsapps w ON t.whatsappId = w.id
        JOIN Queues q ON q.id = t.queueId
-        WHERE DATE(m.createdAt) BETWEEN '${startDate} 00:00:00.000000' AND '${endDate} 23:59:59.999999' 
+        WHERE ${includeIsRemote} DATE(m.createdAt) BETWEEN '${startDate} 00:00:00.000000' AND '${endDate} 23:59:59.999999' 
        AND m.createdAt = (SELECT MIN(createdAt) FROM Messages WHERE ticketId = t.id) 
        AND m.fromAgent = 1 
        AND w.number = ${number};`,
        { type: QueryTypes.SELECT }
      );

+      if (!isRemote) {
        // CHAT STARTED BY CLIENT
-      const startedByClient: any = await sequelize.query(
+        startedByClient = await sequelize.query(
          `SELECT COUNT(DISTINCT t.id) AS ticket_count       
        FROM Tickets t 
        JOIN Messages m ON t.id = m.ticketId 
@ -65,9 +74,25 @@ const ReportByNumberQueueService = async ({
        AND w.number = ${number};`,
          { type: QueryTypes.SELECT }
        );
+      } else {
+        // CHAT RESPONSE BY CLIENT
+        startedByClient = await sequelize.query(
+          `SELECT COUNT(DISTINCT t.id) AS ticket_count       
+        FROM Tickets t 
+        JOIN Messages m ON t.id = m.ticketId 
+        JOIN Whatsapps w ON t.whatsappId = w.id
+        JOIN Queues q ON q.id = t.queueId
+        WHERE ${includeIsRemote} DATE(m.createdAt) BETWEEN '${startDate} 00:00:00.000000' AND '${endDate} 23:59:59.999999'  
+        AND m.createdAt = (SELECT MAX(createdAt) FROM Messages WHERE ticketId = t.id) 
+        AND m.fromMe = 0 
+        AND w.number = ${number};`,
+          { type: QueryTypes.SELECT }
+        );
+      }

+      if (!isRemote) {
        // CHAT CLOSED
-      const closedChat: any = await sequelize.query(
+        closedChat = await sequelize.query(
          `SELECT COUNT(DISTINCT t.id) AS ticket_count       
        FROM Tickets t 
        JOIN Messages m ON t.id = m.ticketId 
@ -78,9 +103,23 @@ const ReportByNumberQueueService = async ({
        AND w.number = ${number};`,
          { type: QueryTypes.SELECT }
        );
+      } else {
+        // CHAT CLOSED
+        closedChat = await sequelize.query(
+          `SELECT COUNT(DISTINCT t.id) AS ticket_count       
+        FROM Tickets t  
+        JOIN Whatsapps w ON t.whatsappId = w.id
+        JOIN Queues q ON q.id = t.queueId
+        WHERE ${includeIsRemote} DATE(t.createdAt) BETWEEN '${startDate} 00:00:00.000000' AND '${endDate} 23:59:59.999999'  
+        AND t.status = 'closed' 
+        AND w.number = ${number};`,
+          { type: QueryTypes.SELECT }
+        );
+      }

+      if (!isRemote) {
        // CHAT WAINTING TIME
-      const avgChatWaitingTime: any = await sequelize.query(
+        avgChatWaitingTime = await sequelize.query(
          `
        SELECT  TIME_FORMAT(
        SEC_TO_TIME( 
@ -119,9 +158,11 @@ const ReportByNumberQueueService = async ({
            WAITING_TIME;`,
          { type: QueryTypes.SELECT }
        );
+      }

+      if (!isRemote) {
        // CHAT PENDING
-      const pendingChat: any = await sequelize.query(
+        pendingChat = await sequelize.query(
          `SELECT COUNT(DISTINCT t.id) AS ticket_count       
        FROM Tickets t 
        JOIN Messages m ON t.id = m.ticketId 
@ -133,21 +174,39 @@ const ReportByNumberQueueService = async ({

          { type: QueryTypes.SELECT }
        );
+      } else {
+        // CHAT PENDING REMOTE
+        pendingChat = await sequelize.query(
+          `SELECT COUNT(DISTINCT t.id) AS ticket_count       
+        FROM Tickets t  
+        JOIN Whatsapps w ON t.whatsappId = w.id
+        JOIN Queues q ON q.id = t.queueId
+        WHERE ${includeIsRemote} DATE(t.createdAt) BETWEEN '${startDate} 00:00:00.000000' AND '${endDate} 23:59:59.999999'  
+        AND t.status = 'pending' 
+        AND w.number = ${number};`,
+
+          { type: QueryTypes.SELECT }
+        );
+      }

      reportServiceData.push({
        id,
        name,
        number,
        startedByAgent: startedByAgent[0]?.ticket_count,
-        startedByClient: startedByClient[0]?.ticket_count,
+        startedByClient: startedByClient ? startedByClient[0]?.ticket_count : 0,
        closedChat: closedChat[0]?.ticket_count,
-        avgChatWaitingTime: avg(avgChatWaitingTime),
+        avgChatWaitingTime: avgChatWaitingTime ? avg(avgChatWaitingTime) : 0,
        pendingChat: pendingChat[0]?.ticket_count
      });
    }
  } else {
    for (const whatsapp of whatsapps) {
      const { id, name, number } = whatsapp;
+      let startedByClient: any;
+      let avgChatWaitingTime: any;
+      let pendingChat: any;
+      let closedChat: any;

      if (
        !number ||
@ -172,15 +231,16 @@ const ReportByNumberQueueService = async ({
        JOIN Messages m ON t.id = m.ticketId 
        JOIN Whatsapps w ON t.whatsappId = w.id
        JOIN Queues q ON q.id = t.queueId
-        WHERE DATE(m.createdAt) BETWEEN '${startDate} 00:00:00.000000' AND '${endDate} 23:59:59.999999' 
+        WHERE ${includeIsRemote} DATE(m.createdAt) BETWEEN '${startDate} 00:00:00.000000' AND '${endDate} 23:59:59.999999' 
        AND m.createdAt = (SELECT MIN(createdAt) FROM Messages WHERE ticketId = t.id) 
        AND m.fromAgent = 1 
        AND q.id = ${q.id};`,
          { type: QueryTypes.SELECT }
        );

+        if (!isRemote) {
          // CHAT STARTED BY CLIENT
-        const startedByClient: any = await sequelize.query(
+          startedByClient = await sequelize.query(
            `SELECT COUNT(DISTINCT t.id) AS ticket_count       
        FROM Tickets t 
        JOIN Messages m ON t.id = m.ticketId 
@ -192,9 +252,25 @@ const ReportByNumberQueueService = async ({
        AND q.id = ${q.id};`,
            { type: QueryTypes.SELECT }
          );
+        } else {
+          // CHAT RESPONSE BY CLIENT
+          startedByClient = await sequelize.query(
+            `SELECT COUNT(DISTINCT t.id) AS ticket_count       
+        FROM Tickets t 
+        JOIN Messages m ON t.id = m.ticketId 
+        JOIN Whatsapps w ON t.whatsappId = w.id
+        JOIN Queues q ON q.id = t.queueId
+        WHERE ${includeIsRemote} DATE(m.createdAt) BETWEEN '${startDate} 00:00:00.000000' AND '${endDate} 23:59:59.999999'  
+        AND m.createdAt = (SELECT MAX(createdAt) FROM Messages WHERE ticketId = t.id) 
+        AND m.fromMe = 0 
+        AND q.id = ${q.id};`,
+            { type: QueryTypes.SELECT }
+          );
+        }

+        if (!isRemote) {
          // CHAT CLOSED
-        const closedChat: any = await sequelize.query(
+           closedChat = await sequelize.query(
            `SELECT COUNT(DISTINCT t.id) AS ticket_count       
            FROM Tickets t 
            JOIN Messages m ON t.id = m.ticketId 
@ -205,9 +281,24 @@ const ReportByNumberQueueService = async ({
          AND q.id = ${q.id};`,
                { type: QueryTypes.SELECT }
          );
+        }
+        else{
+          // CHAT CLOSED REMOTE
+          closedChat = await sequelize.query(
+            `SELECT COUNT(DISTINCT t.id) AS ticket_count       
+            FROM Tickets t  
+            JOIN Whatsapps w ON t.whatsappId = w.id
+            JOIN Queues q ON q.id = t.queueId
+            WHERE ${includeIsRemote} DATE(t.createdAt) BETWEEN '${startDate} 00:00:00.000000' AND '${endDate} 23:59:59.999999'  
+            AND t.status = 'closed' 
+            AND q.id = ${q.id};`,
+            { type: QueryTypes.SELECT }
+          );
+        }

+        if (!isRemote) {
          // CHAT WAINTING TIME
-        const avgChatWaitingTime: any = await sequelize.query(
+          avgChatWaitingTime = await sequelize.query(
            `SELECT TIME_FORMAT(
              SEC_TO_TIME(
                  TIMESTAMPDIFF(
@ -244,9 +335,11 @@ const ReportByNumberQueueService = async ({
              WAITING_TIME;`,
            { type: QueryTypes.SELECT }
          );
+        }

+        if (!isRemote) {
          // CHAT PENDING
-        const pendingChat: any = await sequelize.query(
+          pendingChat = await sequelize.query(
            `SELECT COUNT(DISTINCT t.id) AS ticket_count       
        FROM Tickets t 
        JOIN Messages m ON t.id = m.ticketId 
@ -258,6 +351,20 @@ const ReportByNumberQueueService = async ({

            { type: QueryTypes.SELECT }
          );
+        } else {
+          // CHAT PENDING REMOTE
+          pendingChat = await sequelize.query(
+            `SELECT COUNT(DISTINCT t.id) AS ticket_count       
+        FROM Tickets t  
+        JOIN Whatsapps w ON t.whatsappId = w.id
+        JOIN Queues q ON q.id = t.queueId
+        WHERE ${includeIsRemote} DATE(t.createdAt) BETWEEN '${startDate} 00:00:00.000000' AND '${endDate} 23:59:59.999999'  
+        AND t.status = 'pending' 
+        AND q.id = ${q.id};`,
+
+            { type: QueryTypes.SELECT }
+          );
+        }

        reportServiceData.push({
          id,
@ -266,9 +373,11 @@ const ReportByNumberQueueService = async ({
          queueName: q.name,
          queueColor: q.color,
          startedByAgent: startedByAgent[0]?.ticket_count,
-          startedByClient: startedByClient[0]?.ticket_count,
+          startedByClient: startedByClient
+            ? startedByClient[0]?.ticket_count
+            : 0,
          closedChat: closedChat[0]?.ticket_count,
-          avgChatWaitingTime: avg(avgChatWaitingTime),
+          avgChatWaitingTime: avgChatWaitingTime ? avg(avgChatWaitingTime) : 0,
          pendingChat: pendingChat[0]?.ticket_count
        });
      }
@ -283,23 +392,23 @@ export default ReportByNumberQueueService;
 function avg(avgChatWaitingTime: any) {
  let waitingAVG: any = avgChatWaitingTime
    .filter((t: any) => t?.WAITING_TIME)
-    .map((t: any) => t.WAITING_TIME)
+    .map((t: any) => t.WAITING_TIME);

  if (waitingAVG.length > 0) {
-    let midIndex = Math.floor((0 + waitingAVG.length) / 2)
+    let midIndex = Math.floor((0 + waitingAVG.length) / 2);

    if (waitingAVG.length % 2 == 1) {
-      waitingAVG = waitingAVG[midIndex]
+      waitingAVG = waitingAVG[midIndex];
    } else {
      waitingAVG = calculateAverageTime(
        waitingAVG[midIndex - 1],
        waitingAVG[midIndex]
-      )
+      );
    }
  } else {
-    waitingAVG = 0
+    waitingAVG = 0;
  }
-  return waitingAVG
+  return waitingAVG;
 }

 function calculateAverageTime(time1: string, time2: string) {
--- a/backend/src/services/SettingServices/UpdateSettingService.ts
+++ b/backend/src/services/SettingServices/UpdateSettingService.ts
@ -4,12 +4,15 @@ import Setting from "../../models/Setting";
 interface Request {
  key: string;
  value: string;
+  obj?: string;
 }

 const UpdateSettingService = async ({
  key,
-  value
+  value,
+  obj
 }: Request): Promise<Setting | undefined> => {
+  console.log("key: ", key, " | value: ", value, " | obj: ", obj);

  try {
    const setting = await Setting.findOne({
@ -20,12 +23,16 @@ const UpdateSettingService = async ({
      throw new AppError("ERR_NO_SETTING_FOUND", 404);
    }

-    await setting.update({ value });
+    if (obj) {
+      obj = JSON.stringify(obj);
+    }
+    await setting.update({ value, obj });
+
+    await setting.reload();

    return setting;
-
  } catch (error: any) {
-    console.error('===> Error on UpdateSettingService.ts file: \n', error)
+    console.error("===> Error on UpdateSettingService.ts file: \n", error);
    throw new AppError(error.message);
  }
 };
--- a/backend/src/services/TicketServices/ListTicketsService.ts
+++ b/backend/src/services/TicketServices/ListTicketsService.ts
@ -20,6 +20,7 @@ import ListTicketServiceCache from "./ListTicketServiceCache";
 import { searchTicketCache, loadTicketsCache } from "../../helpers/TicketCache";
 import { getWbot } from "../../libs/wbot";
 import User from "../../models/User";
+import { get } from "../../helpers/RedisClient";

 interface Request {
  searchParam?: string;
@ -38,6 +39,7 @@ interface Response {
  tickets: Ticket[];
  count: number;
  hasMore: boolean;
+  remoteTicketsControll?: object[];
 }

 const ListTicketsService = async ({
@ -230,7 +232,7 @@ const ListTicketsService = async ({

  console.log("kkkkkkkkk limit: ", limit);

-  const { count, rows: tickets } = await Ticket.findAndCountAll({
+  let { count, rows: tickets } = await Ticket.findAndCountAll({
    where: whereCondition,
    include: includeCondition,
    distinct: true,
@ -241,10 +243,13 @@ const ListTicketsService = async ({

  const hasMore = count > offset + tickets.length;

+  const ticketIds = await get({ key: `remote:controll`, parse: true });   
+  
  return {
    tickets,
    count,
-    hasMore
+    hasMore,
+    remoteTicketsControll: ticketIds ? ticketIds : []
  };
 };

--- a/backend/src/services/TicketServices/UpdateTicketService.ts
+++ b/backend/src/services/TicketServices/UpdateTicketService.ts
@ -10,7 +10,7 @@ import { createOrUpdateTicketCache } from "../../helpers/TicketCache";
 import AppError from "../../errors/AppError";
 import sendWhatsAppMessageSocket from "../../helpers/SendWhatsappMessageSocket";
 import BotIsOnQueue from "../../helpers/BotIsOnQueue";
-import { deleteObject } from "../../helpers/RedisClient";
+import { del, deleteObject, get, set } from "../../helpers/RedisClient";
 var flatten = require("flat");

 interface TicketData {
@ -71,6 +71,23 @@ const UpdateTicketService = async ({
      await CheckContactOpenTickets(ticket.contact.id, ticket.whatsappId);
    }

+    if (status == "closed") {
+      del(`remote:ticketId:${ticket.id}`);
+
+      let ticketsIds = await get({ key: `remote:controll`, parse: true });
+      const index = ticketsIds.findIndex((t: any) => t == ticket.id);
+
+      console.log("ticketsIds 1: ", ticketsIds);
+
+      if (index != -1) {
+        ticketsIds.splice(index, 1);
+
+        console.log("ticketsIds 2: ", ticketsIds);
+
+        set(`remote:controll`, JSON.stringify(ticketsIds));
+      }
+    }
+
    await ticket.update({
      status,
      queueId,
--- a/backend/src/services/WbotServices/wbotMessageListener.ts
+++ b/backend/src/services/WbotServices/wbotMessageListener.ts
@ -94,7 +94,8 @@ import {
  findByContain,
  findObject,
  get,
-  getSimple
+  getSimple,
+  set
 } from "../../helpers/RedisClient";
 import FindOrCreateTicketServiceBot from "../TicketServices/FindOrCreateTicketServiceBot";
 import ShowTicketService from "../TicketServices/ShowTicketService";
@ -169,7 +170,7 @@ const verifyMediaMessage = async (
  if (!media) {
    throw new Error("ERR_WAPP_DOWNLOAD_MEDIA");
  }
-  let mediaAuthorized = true;
+
  let messageData = {
    id: msg.id.id,
    ticketId: ticket.id,
@ -183,9 +184,7 @@ const verifyMediaMessage = async (
    phoneNumberId: msg?.phoneNumberId,
    fromAgent: false
  };
-  if(messageData.mediaType === 'video' || messageData.mediaType === 'audio' && getSettingValue('blockAudioVideoMedia')?.value === 'enabled'){
-    mediaAuthorized = false;
-  }
+
  if (msg?.fromMe) {
    messageData = { ...messageData, fromAgent: true };
  }
@ -200,7 +199,7 @@ const verifyMediaMessage = async (
        body: media.filename
      };
    }
-    if(mediaAuthorized){
+
    try {
      await writeFileAsync(
        join(__dirname, "..", "..", "..", "..", "..", "public", media.filename),
@ -212,24 +211,11 @@ const verifyMediaMessage = async (
      logger.error(`There was an error: wbotMessageLitener.ts: ${err}`);
    }
  }
-  }
-  if(mediaAuthorized){
+
  await ticket.update({ lastMessage: msg.body || media.filename });
  const newMessage = await CreateMessageService({ messageData });
+
  return newMessage;
-  }else{
-    if (ticket.status !== "queueChoice") { 
-    botSendMessage(
-      ticket,
-      `Atenção! Mensagem ignorada, tipo de mídia não suportado.`
-      );
-    }
-      messageData.body = `Mensagem de *${messageData.mediaType}* ignorada, tipo de mídia não suportado.`;
-      messageData.mediaUrl = '';
-      await ticket.update({ lastMessage: `Mensagem de *${messageData.mediaType}* ignorada, tipo de mídia não suportado.`});
-      const newMessage = await CreateMessageService({ messageData });
-      console.log(`--------->>> Mensagem do tipo: ${messageData.mediaType}, ignorada!`)
-  }
 };

 // const verifyMediaMessage = async (
@ -427,15 +413,13 @@ const verifyQueue = async (
    }

    let body = "";
-    const io = getIO();
+
    if (botOptions.length > 0) {
      body = `\u200e${choosenQueue.greetingMessage}\n\n${botOptions}\n${final_message.msg}`;
    } else {
      body = `\u200e${choosenQueue.greetingMessage}`;
    }

-    io.emit('notifyPeding', {data: {ticket, queue: choosenQueue}});
-
    sendWhatsAppMessageSocket(ticket, body);
  } else {
    //test del transfere o  atendimento se entrar na ura infinita
@ -783,9 +767,6 @@ const handleMessage = async (
    if (getSettingValue("oneContactChatWithManyWhats")?.value == "disabled") {
      // Para responder para o cliente pelo mesmo whatsapp que ele enviou a mensagen
      if (wbot.id != ticket.whatsappId) {
-        // console.log('PARA RESPONDER PELO MEMOS WHATSAPP wbot.id: ', wbot.id, ' | wbot.status: ', wbot.status)
-        // console.log('WHATSAPP STATUS ticket.whatsappId: ', ticket.whatsappId)
-
        try {
          await ticket.update({ whatsappId: wbot.id });
        } catch (error: any) {
--- a/frontend/src/components/MessageInput/index.js
+++ b/frontend/src/components/MessageInput/index.js
@ -43,6 +43,7 @@ import { TabTicketContext } from "../../context/TabTicketHeaderOption/TabTicketH
 import ModalTemplate from "../ModalTemplate"

 import { render } from '@testing-library/react'
+import { countTicketMsgContext } from "../../context/CountTicketMsgProvider/CountTicketMsgProvider"

 const Mp3Recorder = new MicRecorder({ bitRate: 128 })

@ -208,10 +209,12 @@ const useStyles = makeStyles((theme) => ({
  },
 }))

-const MessageInput = ({ ticketStatus }) => {
+const MessageInput = ({ ticketStatus, ticketLastMessage, ticketIsRemote }) => {

  const { tabOption, setTabOption } = useContext(TabTicketContext)

+  const { countTicketMsg, setCountTicketMsg } = useContext(countTicketMsgContext)
+
  const classes = useStyles()
  const { ticketId } = useParams()

@ -233,11 +236,21 @@ const MessageInput = ({ ticketStatus }) => {

  const isRun = useRef(false)

-
  useEffect(() => {
    inputRef.current.focus()
  }, [replyingMessage])

+
+  useEffect(() => {
+
+    if (ticketIsRemote && countTicketMsg === 0 && ticketLastMessage && ticketLastMessage.trim().length > 0) {
+      setInputMessage(ticketLastMessage)
+    }
+    else {
+      setInputMessage("")
+    }
+  }, [countTicketMsg, ticketIsRemote, ticketLastMessage])
+
  useEffect(() => {
    inputRef.current.focus()
    return () => {
@ -352,6 +365,8 @@ const MessageInput = ({ ticketStatus }) => {
        setTemplates(data.data)
      }

+      setCountTicketMsg(1)
+
    } catch (err) {
      toastError(err)
    }
--- a/frontend/src/components/MessagesList/index.js
+++ b/frontend/src/components/MessagesList/index.js
@ -34,6 +34,7 @@ import whatsBackground from "../../assets/wa-background.png"

 import api from "../../services/api"
 import toastError from "../../errors/toastError"
+import { CountTicketMsgProvider, countTicketMsgContext } from "../../context/CountTicketMsgProvider/CountTicketMsgProvider"

 const useStyles = makeStyles((theme) => ({
  messagesListWrapper: {
@ -328,6 +329,8 @@ const MessagesList = ({ ticketId, isGroup }) => {

  const { user } = useContext(AuthContext)

+  const { setCountTicketMsg } = useContext(countTicketMsgContext)
+
  useEffect(() => {
    dispatch({ type: "RESET" })
    setPageNumber(1)
@ -409,6 +412,11 @@ const MessagesList = ({ ticketId, isGroup }) => {
          })

          if (currentTicketId.current === ticketId) {
+
+            if (data?.messages) {
+              setCountTicketMsg(data.messages.length)
+            }
+
            dispatch({ type: "LOAD_MESSAGES", payload: data.messages })
            setHasMore(data.hasMore)
            setLoading(false)
--- a/frontend/src/components/NotificationsPopOver/index.js
+++ b/frontend/src/components/NotificationsPopOver/index.js
@ -20,9 +20,6 @@ import useTickets from "../../hooks/useTickets"
 import alertSound from "../../assets/sound.mp3"
 import { AuthContext } from "../../context/Auth/AuthContext"

-import api from "../../services/api";
-import toastError from "../../errors/toastError";
-
 const useStyles = makeStyles(theme => ({
 	tabContainer: {
 		overflowY: "auto",
@ -86,7 +83,7 @@ const NotificationsPopOver = () => {
 	const historyRef = useRef(history)

 	const { handleLogout } = useContext(AuthContext)
-	const [settings, setSettings] = useState([]);
+
 	// const [lastRef] = useState(+history.location.pathname.split("/")[2])


@ -113,22 +110,7 @@ const NotificationsPopOver = () => {
 		ticketIdRef.current = ticketIdUrl
 	}, [ticketIdUrl])

-	useEffect(() => {
-		const fetchSession = async () => {
-		  try {
-			const { data } = await api.get('/settings')
-			setSettings(data.settings)
-		  } catch (err) {
-			toastError(err)
-		  }
-		}
-		fetchSession()
-	  }, [])

-	  const getSettingValue = (key) => {
-		const { value } = settings.find((s) => s.key === key)
-		return value
-	  }

 	useEffect(() => {

@ -273,22 +255,18 @@ const NotificationsPopOver = () => {

 				if (shouldNotNotificate) return

+
+
 				handleNotifications(data)
 			}
 		})

-		socket.on('notifyPeding', data =>{
-			if(settings?.length > 0 && getSettingValue('notificationTransferQueue') === 'enabled') handleNotifications("", data);
-		});
-
 		return () => {
 			socket.disconnect()
 		}
-	}, [user, settings])
+	}, [user])

-    const handleNotifications = (data, notify) => {
-		let isQueue = false;
-		if(!notify){
+	const handleNotifications = data => {
 		const { message, contact, ticket } = data

 		const options = {
@ -319,34 +297,7 @@ const NotificationsPopOver = () => {
 			}
 			return [notification, ...prevState]
 		})
-		}else{
-			user.queues.forEach(queue =>{
-				if(queue.id === notify.data?.queue?.id){
-					isQueue = true;
-				}
-			})
-			if(!isQueue){
-				return;
-			}else {
-				const notification = new Notification(`${i18n.t("tickets.notification.messagePeding")} ${notify.data?.queue?.name}`);
-				notification.onclick = e => {
-					e.preventDefault()
-					window.focus()
-					historyRef.current.push(`/tickets`)
-				}

-				setDesktopNotifications(prevState => {
-					const notfiticationIndex = prevState.findIndex(
-						n => n.tag === notification.tag
-					)
-					if (notfiticationIndex !== -1) {
-						prevState[notfiticationIndex] = notification
-						return [...prevState]
-					}
-					return [notification, ...prevState]
-				})
-			}
-		}		
 		soundAlertRef.current()
 	}

--- a/frontend/src/components/Ticket/index.js
+++ b/frontend/src/components/Ticket/index.js
@ -16,6 +16,7 @@ import MessagesList from "../MessagesList"
 import api from "../../services/api"
 import { ReplyMessageProvider } from "../../context/ReplyingMessage/ReplyingMessageContext"
 import toastError from "../../errors/toastError"
+import { CountTicketMsgProvider } from "../../context/CountTicketMsgProvider/CountTicketMsgProvider"

 const drawerWidth = 320

@ -192,11 +193,21 @@ const Ticket = () => {
          </div>
        </TicketHeader>
        <ReplyMessageProvider>
+
+          <CountTicketMsgProvider>
+
            <MessagesList
              ticketId={ticketId}
              isGroup={ticket.isGroup}
-          ></MessagesList>
-          <MessageInput ticketStatus={ticket.status} />
+            />
+
+            <MessageInput
+              ticketStatus={ticket.status}
+              ticketLastMessage={ticket?.lastMessage}
+              ticketIsRemote={ticket?.isRemote} />
+
+          </CountTicketMsgProvider>
+
        </ReplyMessageProvider>
      </Paper>
      <ContactDrawer
--- a/frontend/src/components/TicketListItem/index.js
+++ b/frontend/src/components/TicketListItem/index.js
@ -22,6 +22,7 @@ import MarkdownWrapper from "../MarkdownWrapper"
 import { Tooltip } from "@material-ui/core"
 import { AuthContext } from "../../context/Auth/AuthContext"
 import toastError from "../../errors/toastError"
+import openSocket from 'socket.io-client'

 const useStyles = makeStyles(theme => ({
 	ticket: {
@ -101,13 +102,15 @@ const useStyles = makeStyles(theme => ({
 	},
 }))

-const TicketListItem = ({ ticket }) => {
+const TicketListItem = ({ ticket, remoteTicketsControll, settings }) => {
 	const classes = useStyles()
 	const history = useHistory()
 	const [loading, setLoading] = useState(false)
 	const { ticketId } = useParams()
 	const isMounted = useRef(true)
-	const { user } = useContext(AuthContext)
+	const { user, getSettingValue } = useContext(AuthContext)
+	const [_remoteTicketsControll, setRemoteTicketsControll] = useState([])
+	const [_settings, setSettings] = useState(null)

 	useEffect(() => {
 		return () => {
@ -115,6 +118,14 @@ const TicketListItem = ({ ticket }) => {
 		}
 	}, [])

+	useEffect(() => {
+		setSettings(settings)
+	}, [settings])
+
+	useEffect(() => {
+		setRemoteTicketsControll(remoteTicketsControll)
+	}, [remoteTicketsControll, settings])
+
 	const handleAcepptTicket = async id => {
 		setLoading(true)
 		try {
@ -131,8 +142,6 @@ const TicketListItem = ({ ticket }) => {
 			setLoading(false)
 		}

-
-
 		history.push(`/tickets/${id}`)
 	}

@ -140,8 +149,46 @@ const TicketListItem = ({ ticket }) => {
 		history.push(`/tickets/${id}`)
 	}

+
+	useEffect(() => {
+		const socket = openSocket(process.env.REACT_APP_BACKEND_URL)
+
+		socket.on('remoteTickesControll', (data) => {
+			console.log('REMOTE TICKETS CONTROLL UPDATE2: ', data.tickets)
+			if (data.action === 'update') {
+				setRemoteTicketsControll(data.tickets)
+			}
+		})
+
+
+		socket.on('settings', (data) => {
+			if (data.action === 'update') {
+				setSettings((prevState) => {
+					const aux = [...prevState]
+					const settingIndex = aux.findIndex((s) => s.key === data.setting.key)
+					aux[settingIndex].value = data.setting.value
+					return aux
+				})
+			}
+		})
+
+
+		return () => {
+			socket.disconnect()
+		}
+	}, [])
+
 	return (
 		<React.Fragment key={ticket.id}>
+			<Tooltip
+				arrow
+				placement="right"
+				title={
+					(ticket?.isRemote && ticket?.remoteDone && ticket.status === 'pending') ? "Mensagem de campanha enviada" : (ticket?.isRemote && ticket.status === 'pending') ? "Mensagem de campanha ainda não enviada" :
+						""
+				}
+
+			>
 				<ListItem
 					dense
 					button
@ -153,6 +200,11 @@ const TicketListItem = ({ ticket }) => {
 					className={clsx(classes.ticket, {
 						[classes.pendingTicket]: ticket.status === "pending",
 					})}
+
+					style={((ticket.status === "open" || ticket.status === "closed") && ticket?.isRemote) ? {
+						border: (ticket.status === "open" || ticket.status === "closed") ? "1px solid rgba(121,123,127,0.9)" : "1px solid transparent",
+					} : {}}
+
 				>
 					<Tooltip
 						arrow
@ -238,28 +290,51 @@ const TicketListItem = ({ ticket }) => {
 						}
 					/>
 					{ticket.status === "pending" && (
+
+
 						<ButtonWithSpinner
-						color="primary"
+							// color="primary"
+
+							{...((ticket?.isRemote) ?
+								((settings &&
+									settings.length > 0 &&
+									getSettingValue('remoteTicketSendControll') &&
+									getSettingValue('remoteTicketSendControll') === 'enabled') && !ticket?.remoteDone && !_remoteTicketsControll?.includes(+ticket.id)) ?
+									{ style: { backgroundColor: "rgba(121,123,127,0.5)", color: "white" } } :
+									{ style: { backgroundColor: "rgba(121,123,127,0.9)", color: "white" } } :
+
+								{ color: "primary" })}
+
 							variant="contained"
+
+							disabled={true ? ((settings &&
+								settings.length > 0 &&
+								getSettingValue('remoteTicketSendControll') &&
+								getSettingValue('remoteTicketSendControll') === 'enabled') && ticket?.isRemote && !ticket?.remoteDone && !_remoteTicketsControll?.includes(+ticket.id)) : false}
+
 							className={classes.acceptButton}
 							size="small"
 							loading={loading}
 							onClick={e => handleAcepptTicket(ticket.id)}
 						>
-						{/* {i18n.t("ticketsList.buttons.accept")} */}
-						<>
-							{/* {i18n.t("ticketsList.buttons.accept")}<br />CAMPANHA */}

-							{ticket?.isRemote ? (
+							<>
+								{(ticket?.isRemote && !ticket?.remoteDone) ? (
 									<>{i18n.t("ticketsList.buttons.accept")}<br />CAMPANHA</>
 								) : (
 									<>{i18n.t("ticketsList.buttons.accept")}</>
 								)}

 							</>
+
 						</ButtonWithSpinner>
+
+
+
 					)}
+
 				</ListItem>
+			</Tooltip>
 			<Divider variant="inset" component="li" />
 		</React.Fragment>
 	)
--- a/frontend/src/components/TicketsList/index.js
+++ b/frontend/src/components/TicketsList/index.js
@ -15,6 +15,7 @@ import { i18n } from "../../translate/i18n"
 import { AuthContext } from "../../context/Auth/AuthContext"

 import { SearchTicketContext } from "../../context/SearchTicket/SearchTicket"
+import { Divider } from "@material-ui/core"

 const useStyles = makeStyles(theme => ({
 	ticketsListWrapper: {
@ -181,10 +182,18 @@ const TicketsList = (props) => {
 	const classes = useStyles()
 	const [pageNumber, setPageNumber] = useState(1)
 	const [ticketsList, dispatch] = useReducer(reducer, [])
-	const { user } = useContext(AuthContext)
+	const { user, setting, } = useContext(AuthContext)

 	const { searchTicket } = useContext(SearchTicketContext)

+	const [_remoteTicketsControll, setRemoteTicketsControll] = useState([])
+
+	const [settings, setSettings] = useState([])
+
+	useEffect(() => {
+		setSettings(setting)
+	}, [setting])
+
 	useEffect(() => {

 		dispatch({ type: "RESET" })
@ -192,7 +201,7 @@ const TicketsList = (props) => {

 	}, [status, searchParam, searchParamContent, showAll, selectedQueueIds, searchTicket])

-	const { tickets, hasMore, loading } = useTickets({
+	let { tickets, hasMore, loading, remoteTicketsControll } = useTickets({
 		pageNumber,
 		searchParam,
 		searchParamContent,
@ -203,6 +212,11 @@ const TicketsList = (props) => {
 		unlimited: status === 'open' ? "all" : "false"
 	})

+
+	useEffect(() => {
+		setRemoteTicketsControll(remoteTicketsControll)
+	}, [remoteTicketsControll])
+
 	useEffect(() => {

 		if (!status && !searchParam) return
@ -301,6 +315,27 @@ const TicketsList = (props) => {
 			}
 		})

+
+		socket.on('remoteTickesControll', (data) => {
+			console.log('REMOTE TICKETS CONTROLL UPDATE 1: ', data.tickets)
+			if (data.action === 'update') {
+				setRemoteTicketsControll(data.tickets)
+			}
+		})
+
+
+		socket.on('settings', (data) => {
+			if (data.action === 'update') {
+				setSettings((prevState) => {
+					const aux = [...prevState]
+					const settingIndex = aux.findIndex((s) => s.key === data.setting.key)
+					aux[settingIndex].value = data.setting.value
+					return aux
+				})
+			}
+		})
+
+
 		return () => {
 			socket.disconnect()
 		}
@ -354,7 +389,7 @@ const TicketsList = (props) => {
 					) : (
 						<>
 							{ticketsList.map(ticket => (
-								<TicketListItem ticket={ticket} key={ticket.id} />
+								<TicketListItem ticket={ticket} key={ticket.id} remoteTicketsControll={_remoteTicketsControll} settings={settings} />
 							))}
 						</>
 					)}
--- a/frontend/src/components/TicketsManager/index.js
+++ b/frontend/src/components/TicketsManager/index.js
@ -33,9 +33,6 @@ import { Button } from "@material-ui/core";
 import { TabTicketContext } from "../../context/TabTicketHeaderOption/TabTicketHeaderOption";

 import { SearchTicketContext } from "../../context/SearchTicket/SearchTicket";
-import useTickets from "../../hooks/useTickets"
-import api from "../../services/api";
-import toastError from "../../errors/toastError";

 const useStyles = makeStyles((theme) => ({
  ticketsWrapper: {
@ -160,10 +157,6 @@ const TicketsManager = () => {

  const [openTooltipSearch, setOpenTooltipSearch] = useState(false)

-  const [waitingTime, setWaitingTime] = useState('00:00');
-  const [tickets, setTickets] = useState([]);
-  const [settings, setSettings] = useState([])
-
  let searchTimeout;
  let searchContentTimeout;

@ -185,76 +178,6 @@ const TicketsManager = () => {

  }, [tab, setTabOption]);

-  useEffect(() => {
-    const fetchSession = async () => {
-      try {
-        const { data } = await api.get('/settings')
-        setSettings(data.settings)
-      } catch (err) {
-        toastError(err)
-      }
-    }
-    fetchSession()
-  }, [])
-
-  const getSettingValue = (key) => {
-    const { value } = settings.find((s) => s.key === key)
-    return value
-  }
-
-  const fetchTickets = async () =>{
-      try {
-        const { data } = await api.get("/tickets", {
-        params: {
-          status: 'pending',
-          queueIds: JSON.stringify(selectedQueueIds)          
-        },
-      });
-      setTickets(data.tickets);
-    } catch (err) {
-      toastError(err);
-    }
-  
-  }
-  useEffect(() => {
-    if(settings?.length > 0 && getSettingValue('waitingTimeTickets') === 'enabled') {
-      fetchTickets();
-    
-      const intervalId = setInterval(fetchTickets, 7000); 
-
-      return () => {
-        clearInterval(intervalId);
-      };
-    }
-  }, [selectedQueueIds, settings]);
-
-  useEffect(() => {    
-    const calculateAverageTime = () => {      
-      if(tickets.length > 0){
-        const now = new Date();
-        const differenceTime = tickets?.map(ticket => {
-          const updatedAt = new Date(ticket.updatedAt);
-          const difference = now - updatedAt; 
-        return difference;
-      });
-      const sumDifferences = differenceTime.reduce((total, difference) => total + difference, 0);
-      const averageTimeMilliseconds = sumDifferences / tickets?.length;
-      let hours = Math.floor(averageTimeMilliseconds / 3600000);
-      const minutes = Math.floor((averageTimeMilliseconds % 3600000) / 60000);
-      
-      let days = hours >= 24 ? parseInt(hours/24) : '';
-      
-      if(days != '') hours = hours - (24*days);
-      
-      const averageTimeFormated = `${days != '' ? `${days}d ` : days}${hours.toString().padStart(2, '0')}h${minutes.toString().padStart(2, '0')}`;
-      
-      return averageTimeFormated;
-    }else return '00:00';
-    }  
-    
-    setWaitingTime(calculateAverageTime());
-  },[tickets]);
-  
  useEffect(() => {

    // clearTimeout(searchContentTimeout);
@ -280,7 +203,7 @@ const TicketsManager = () => {

  useEffect(() => {

-    //console.log(selectedQueueIds);
+
    if (tabOption === 'open') {

      setTabOption('')
@ -525,17 +448,7 @@ const TicketsManager = () => {
              </Badge>
            }
            value={"pending"}
-          />{
-            (settings?.length > 0 && getSettingValue('waitingTimeTickets') === 'enabled') &&
-            <span style={{display: 'flex', alignItems: 'center', flexDirection:'column', justifyContent: 'flex-start'}}>
-              <label style ={{color: 'red',fontWeight: 'bold', padding: '.1rem', fontSize: '8px', textAlign:'center', margin:'0'}}>
-              <i>ESPERA</i>
-              </label>
-            <label style={{color: 'gray',fontWeight: 'bold', padding: '.1rem', textDecoration: 'underline', fontSize: '13px'}}>
-              {waitingTime}
-              </label>
-          </span>
-          }
+          />
        </Tabs>
        <Paper className={classes.ticketsWrapper}>
          <TicketsList
--- a/frontend/src/context/CountTicketMsgProvider/CountTicketMsgProvider.js
+++ b/frontend/src/context/CountTicketMsgProvider/CountTicketMsgProvider.js
@ -0,0 +1,17 @@
+import React, { useState, createContext } from "react"
+
+const countTicketMsgContext = createContext()
+
+
+const CountTicketMsgProvider = ({ children }) => {
+
+    const [countTicketMsg, setCountTicketMsg] = useState(0)
+
+    return (
+        <countTicketMsgContext.Provider value={{ countTicketMsg, setCountTicketMsg }}>
+            {children}
+        </countTicketMsgContext.Provider>
+    )
+}
+
+export { countTicketMsgContext, CountTicketMsgProvider }
--- a/frontend/src/hooks/useTickets/index.js
+++ b/frontend/src/hooks/useTickets/index.js
@ -1,7 +1,7 @@
-import { useState, useEffect } from "react";
-import toastError from "../../errors/toastError";
+import { useState, useEffect } from "react"
+import toastError from "../../errors/toastError"

-import api from "../../services/api";
+import api from "../../services/api"

 const useTickets = ({
 	searchParam,
@ -15,21 +15,21 @@ const useTickets = ({
 	unlimited,
 	tab
 }) => {
-	const [loading, setLoading] = useState(true);
-	const [hasMore, setHasMore] = useState(false);
-	const [tickets, setTickets] = useState([]);
-
+	const [loading, setLoading] = useState(true)
+	const [hasMore, setHasMore] = useState(false)
+	const [tickets, setTickets] = useState([])
+	const [remoteTicketsControll, setRemoteTicketsControll] = useState([])



 	useEffect(() => {

-		setLoading(true);
+		setLoading(true)
 		const delayDebounceFn = setTimeout(() => {
 			const fetchTickets = async () => {
 				try {

-					if ((tab === 'search') && ( !searchParam  || searchParam.trim().length === 0 || searchParam.trim().length >40 || searchParam.endsWith(' '))) { 
+					if ((tab === 'search') && (!searchParam || searchParam.trim().length === 0 || searchParam.trim().length > 40 || searchParam.endsWith(' '))) {
 						return
 					}

@ -45,24 +45,26 @@ const useTickets = ({
 							withUnreadMessages,
 							unlimited
 						},
-					});
+					}) 

+					setTickets(data.tickets)
+					setHasMore(data.hasMore)
+					setLoading(false) 
 
+					if (data?.remoteTicketsControll) {
+						setRemoteTicketsControll(data.remoteTicketsControll.map(t => +t))
+					}


-					setTickets(data.tickets);
-					setHasMore(data.hasMore);
-					setLoading(false);
-

 				} catch (err) {
-					setLoading(false);
-					toastError(err);
+					setLoading(false)
+					toastError(err)
 				}
-			};
-			fetchTickets();
-		}, 500);
-		return () => clearTimeout(delayDebounceFn);
+			}
+			fetchTickets()
+		}, 500)
+		return () => clearTimeout(delayDebounceFn)
 	}, [
 		searchParam,
 		searchParamContent,
@ -74,9 +76,9 @@ const useTickets = ({
 		withUnreadMessages,
 		tab,
 		unlimited
-	]);
+	])

-	return { tickets, loading, hasMore };
-};
+	return { tickets, loading, hasMore, remoteTicketsControll }
+}

-export default useTickets;
+export default useTickets
--- a/frontend/src/pages/Report/index.js
+++ b/frontend/src/pages/Report/index.js
@ -11,7 +11,7 @@ import { AuthContext } from "../../context/Auth/AuthContext"
 import { Can } from "../../components/Can"
 import FormControlLabel from "@mui/material/FormControlLabel"
 import Checkbox from '@mui/material/Checkbox'
-import { Button } from "@material-ui/core"
+import { Button, Tooltip } from "@material-ui/core"
 import ReportModal from "../../components/ReportModal"
 import ReportModalType from "../../components/ReportModalType"
 import MaterialTable from 'material-table'
@ -237,7 +237,6 @@ let columnsData = [
  { title: `${i18n.t("reports.listColumns.column1_9")}`, field: 'statusChatEnd' },
  { title: `Espera`, field: 'waiting_time' },
  { title: `Mensagens`, field: 'messagesToFilter', searchable: true, hidden: true },
-  { title: `Link`, field: 'link', searchable: false, hidden: true, export: true },
 ]

 let columnsDataSuper = [
@ -253,7 +252,6 @@ let columnsDataSuper = [
  { title: `${i18n.t("reports.listColumns.column1_9")}`, field: 'statusChatEnd' },
  { title: `Espera`, field: 'waiting_time' },
  { title: `Mensagens`, field: 'messagesToFilter', searchable: true, hidden: true },
-  { title: `Link`, field: 'link', searchable: false, hidden: true, export: true },
 ]


@ -301,6 +299,7 @@ const Report = () => {
  const [csvFile, setCsvFile] = useState()
  const [selectedValue, setSelectedValue] = useState('created')
  const [checked, setChecked] = useState(true)
+  const [checkedRemote, setCheckedRemote] = useState(false)
  const [queues, setQueues] = useState([])
  const [queueId, setQueue] = useState(null)

@ -378,9 +377,9 @@ const Report = () => {
            const tickets = data.tickets.map(ticket => ({
              ...ticket,
              messagesToFilter: ticket.messages.map(message => message.body).join(' '),
-              link: `${process.env.REACT_APP_FRONTEND_URL}/tickets/${ticket.id}`
            }))
            dispatchQ({ type: "LOAD_QUERY", payload: tickets })
+            // console.log(tickets)
            setHasMore(data.hasMore)
            setTotalCountTickets(data.count)
            setLoading(false)
@ -397,15 +396,13 @@ const Report = () => {

          }
          else if (reportOption === '3') {
-            const dataQuery = await api.get("/reports/services/numbers", { params: { startDate, endDate }, })
+            const dataQuery = await api.get("/reports/services/numbers", { params: { startDate, endDate, isRemote: checkedRemote }, })

            dispatchQ({ type: "RESET" })
            dispatchQ({ type: "LOAD_QUERY", payload: dataQuery?.data?.reportService })
          }
          else if (reportOption === '4') {
-            const dataQuery = await api.get("/reports/services/queues", { params: { startDate, endDate }, })
-
-            console.log(' dataQuery?.data?.reportService: ', dataQuery?.data?.reportService)
+            const dataQuery = await api.get("/reports/services/queues", { params: { startDate, endDate, isRemote: checkedRemote }, })

            dispatchQ({ type: "RESET" })
            dispatchQ({ type: "LOAD_QUERY", payload: dataQuery?.data?.reportService })
@ -421,7 +418,7 @@ const Report = () => {
    }, 500)
    return () => clearTimeout(delayDebounceFn)

-  }, [userId, queueId, checked, startDate, endDate, reportOption, pageNumberTickets, totalCountTickets, selectedValue])
+  }, [userId, queueId, checked, checkedRemote, startDate, endDate, reportOption, pageNumberTickets, totalCountTickets, selectedValue])


  const handleCheckBoxChange = (value) => {
@ -683,7 +680,6 @@ const Report = () => {


  const renderSwitch = (param) => {
-    if(userA.profile !== 'supervisor'){
    switch (param) {
      case 'empty':
        return (
@ -734,13 +730,16 @@ const Report = () => {
        return (<><span>WAITING...</span></>)
    }
  }
-  }


  const handleChange = (event) => {
    setChecked(event.target.checked)
  }

+  const handleChangeRemote = (event) => {
+    setCheckedRemote(event.target.checked)
+  }
+
  return (

    <Can
@ -786,6 +785,35 @@ const Report = () => {
                  </label>
                </div>
              }
+              {(reportOption === '3' || reportOption === '4') &&
+                <div>
+
+                  <Tooltip
+                    arrow
+                    placement="top"
+                    title="Todos os tickets incluindo os criados remotamente"
+
+                  ><label>
+                      normal
+                    </label>
+                  </Tooltip>
+
+                  <Switch
+                    checked={checkedRemote}
+                    onChange={handleChangeRemote}
+                    inputProps={{ 'aria-label': 'controlled' }}
+                  />
+                  <Tooltip
+                    arrow
+                    placement="top"
+                    title="Apenas tickets criados remotamente"
+
+                  ><label>
+                      remoto
+                    </label>
+                  </Tooltip>
+                </div>
+              }



@ -843,7 +871,7 @@ const Report = () => {
                <>
                  <MTable data={query}
                    columns={userA.profile !== 'supervisor' ? columnsData : columnsDataSuper}
-                    hasChild={userA.profile !== 'supervisor' ? true :false}
+                    hasChild={true}
                    removeClickRow={false}

                    handleScroll={handleScroll}
@ -963,7 +991,7 @@ const Report = () => {

                  title={i18n.t("reports.listTitles.title4_1")}
                  columns={
-                    [
+                    !checkedRemote ? [
                      { title: 'Unidade', field: 'name', cellStyle: { whiteSpace: 'nowrap' }, },
                      { title: 'Conversas iniciadas', field: 'startedByAgent', },
                      { title: 'Conversas recebidas', field: 'startedByClient' },
@ -971,6 +999,14 @@ const Report = () => {
                      { title: `Tempo médio de espera`, field: 'avgChatWaitingTime' },
                      { title: 'Aguardando', field: 'pendingChat' }

+                    ] :
+                      [
+                        { title: 'Unidade', field: 'name', cellStyle: { whiteSpace: 'nowrap' }, },
+                        { title: 'Conversas iniciadas', field: 'startedByAgent', },
+                        { title: 'Conversas respondidas', field: 'startedByClient' },
+                        { title: `Conversas finalizadas`, field: 'closedChat' },
+                        { title: 'Aguardando', field: 'pendingChat' }
+
                      ]
                  }
                  data={dataRows}
@ -1007,7 +1043,7 @@ const Report = () => {

                  title={i18n.t("reports.listTitles.title5_1")}
                  columns={
-                    [
+                    !checkedRemote ? [

                      { title: 'Unidade', field: 'name', cellStyle: { whiteSpace: 'nowrap' }, },
                      {
@ -1027,6 +1063,27 @@ const Report = () => {
                      { title: `Tempo médio de espera`, field: 'avgChatWaitingTime' },
                      { title: 'Aguardando', field: 'pendingChat' }

+                    ] :
+
+                      [
+
+                        { title: 'Unidade', field: 'name', cellStyle: { whiteSpace: 'nowrap' }, },
+                        {
+                          title: 'Fila', field: 'queueName',
+                          cellStyle: (evt, rowData) => {
+                            return {
+                              whiteSpace: 'nowrap',
+                              backgroundColor: rowData?.queueColor || 'inherit',
+                              color: 'white'
+                            }
+                          }
+
+                        },
+                        { title: 'Conversas iniciadas', field: 'startedByAgent', },
+                        { title: 'Conversas respondidas', field: 'startedByClient' },
+                        { title: `Conversas finalizadas`, field: 'closedChat' },
+                        { title: 'Aguardando', field: 'pendingChat' }
+
                      ]
                  }
                  data={dataRows}
--- a/frontend/src/pages/Settings/index.js
+++ b/frontend/src/pages/Settings/index.js
@ -12,13 +12,38 @@ import api from '../../services/api'
 import { i18n } from '../../translate/i18n.js'
 import toastError from '../../errors/toastError'

+import TextField from '@material-ui/core/TextField'
+import Button from '@material-ui/core/Button'
+
+
 //--------
 import { AuthContext } from '../../context/Auth/AuthContext'

 import { Can } from '../../components/Can'
+import { boolean } from 'yup'

 // import Button from "@material-ui/core/Button";

+const IntegerInput = ({ value, onChange }) => {
+  const handleChange = (event) => {
+    const inputValue = event.target.value
+    // Only allow digits 0-9
+    if (/^\d{0,3}$/.test(inputValue)) {
+      onChange(inputValue)
+    }
+  }
+
+  return (
+    <TextField
+      type="text"
+      variant="outlined"
+      value={value}
+      onChange={handleChange}
+      style={{ marginRight: '10px' }}
+    />
+  )
+}
+
 const useStyles = makeStyles((theme) => ({
  root: {
    display: 'flex',
@ -48,11 +73,48 @@ const Settings = () => {

  const [settings, setSettings] = useState([])

+
+  const [number1, setNumber1] = useState('')
+  const [number2, setNumber2] = useState('')
+
+  const handleNumber1Change = (value) => {
+    setNumber1(value)
+  }
+
+  const handleNumber2Change = (value) => {
+    setNumber2(value)
+  }
+
+  const handleGetValues = () => {
+    let e = {
+      target: {
+        value: 'enabled', name: 'remoteTicketSendControll', obj: (number1.trim().length > 0 && number2.trim().length > 0) ? { seconds1: number1, seconds2: number2 } : null
+      }
+    }
+
+    handleChangeSetting(e)
+  }
+
+
  useEffect(() => {
    const fetchSession = async () => {
      try {
        const { data } = await api.get('/settings')
+        console.log('data.settings: ', data.settings)
        setSettings(data.settings)
+
+        if (data?.settings) {
+          let { obj } = data.settings.find((s) => s.key === 'remoteTicketSendControll')
+
+          if (!obj) return
+
+          obj = JSON.parse(obj)
+          console.log('SETTING obj: ', obj)
+
+          setNumber1(obj.seconds1)
+          setNumber2(obj.seconds2)
+        }
+
      } catch (err) {
        toastError(err)
      }
@ -60,6 +122,7 @@ const Settings = () => {
    fetchSession()
  }, [])

+
  useEffect(() => {
    const socket = openSocket(process.env.REACT_APP_BACKEND_URL)

@ -81,9 +144,6 @@ const Settings = () => {
    }
  }, [])

-  // useEffect(() => {
-  //   console.log('------> settings: ', settings)
-  // }, [settings])

  const handleChangeSetting = async (e) => {
    const selectedValue = e.target.value
@ -92,6 +152,7 @@ const Settings = () => {
    try {
      await api.put(`/settings/${settingKey}`, {
        value: selectedValue,
+        // obj: e.target?.obj ? e.target.obj : null
      })

      if (settingKey === 'farewellMessageByQueue' &&
@ -117,12 +178,20 @@ const Settings = () => {
    }
  }

-  const getSettingValue = (key) => {
-    const { value } = settings.find((s) => s.key === key)
+  const getSettingValue = (key, _obj = false) => {
+    const { value, obj } = settings.find((s) => s.key === key)
+
+    if (_obj)
+      return obj

    return value
  }

+  const isSaveDisabled = (settings &&
+    settings.length > 0 &&
+    getSettingValue('remoteTicketSendControll') === 'disabled')
+
+
  return (
    <Can
      role={user.profile}
@ -446,10 +515,57 @@ const Settings = () => {
            </Container>
          </div>

+          <div className={classes.root}>
+            <Container className={classes.container} maxWidth="sm">
+              <Paper className={classes.paper}>
+                <Typography variant="body1">
+                  Controle de envio de mensagem de ticket remoto por numero
+                </Typography>
+
+                <Select
+                  margin="dense"
+                  variant="outlined"
+                  native
+                  id="remoteTicketSendControll-setting"
+                  name="remoteTicketSendControll"
+                  value={
+                    settings &&
+                    settings.length > 0 &&
+                    getSettingValue('remoteTicketSendControll')
+                  }
+                  className={classes.settingOption}
+                  onChange={handleChangeSetting}
+                >
+                  <option value="enabled">Ativado</option>
+                  <option value="disabled">Desativado</option>
+                </Select>
+              </Paper>
+              {/* <Paper>
+                <div style={{ padding: '10px', display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
+                  <h3>Tempo aleatorio em segundos</h3>
+
+                  <div style={{ marginBottom: '20px', display: 'flex' }}>
+                    <IntegerInput title="Number 1" value={number1} onChange={handleNumber1Change} />
+                    <IntegerInput title="Number 2" value={number2} onChange={handleNumber2Change} />
+                    <Button variant="contained" color="primary" onClick={handleGetValues} disabled={
+                      (isSaveDisabled) ? true : false
+                    }>
+                      Save
+                    </Button>
+                  </div>
+
+                </div>
+              </Paper> */}
+
+            </Container>
+          </div>
+
        </div>
      )}
    />
  )
 }

+
+
 export default Settings
Author	SHA1	Message	Date
adriano	beb4fd64c4	fix: update socket to enable click button on remote ticket	2024-04-23 22:02:17 -03:00
adriano	b54580fdf9	feat: Adjust timer comparetion seconds to 50 seconds	2024-04-23 20:52:41 -03:00
adriano	3ee99afebf	feat: Adjust timer of ticket remote message sending service to run every 5 seconds	2024-04-23 20:47:10 -03:00
adriano	5a0ed8368d	Update to control message sending cadence by agents to prevent WhatsApp banning	2024-04-23 19:51:11 -03:00