feat: Configure business hours for WhatsApp sessions and add setting to hide campaign module

TEST_SERVER1/api/app.js

@@ -30,6 +30,8 @@ app.get('/', function (req, res) {
 app.post('/api/session', async function (req, res) {
   let { app_name, whatsappId, client_url, number } = req.body
 
+  let oldNumber = ''
+
   if (app_name) {
     app_name = app_name.trim()
   }
@@ -67,6 +69,7 @@ app.post('/api/session', async function (req, res) {
     }
   }
 
+
   let appPort = []
 
   let existSubDir = false
@@ -98,7 +101,7 @@ app.post('/api/session', async function (req, res) {
           path.join(sessionsPath, directoriesInDIrectory[i], subDir[x])
         )
 
-        let oldNumber = subDir[x].split('_')[1]
+        oldNumber = subDir[x].split('_')[1]
 
         if (oldNumber != number) {
           deletePm2Process(subDir[x], currPath)
@@ -197,7 +200,7 @@ app.post('/api/session', async function (req, res) {
   ) {
     const whatsapp_numbers = await new Promise((resolve, reject) => {
       mysql_conn(db_credentials.db_conf).query(
-        'SELECT name FROM Whatsapps WHERE name LIKE ?',
+        'SELECT name, number FROM Whatsapps WHERE name LIKE ?',
         [`%${number}%`],
         (err, result) => {
           if (err) {
@@ -209,8 +212,6 @@ app.post('/api/session', async function (req, res) {
       )
     })
 
-    console.log('whatsapp_numbers: ', whatsapp_numbers)
-
     let session_num = []
 
     if (whatsapp_numbers && whatsapp_numbers.length > 0) {
@@ -341,6 +342,7 @@ app.post('/api/session', async function (req, res) {
       stream.write('# NUMBER AND NAME THAT WILL BE DISPLAYED ON CONSOLE\n')
       stream.write(`MOBILEUID=${number}\n`)
       stream.write(`MOBILENAME=${whatsappName}\n`)
+      stream.write(`OLD_MOBILEUID=${oldNumber}\n`)
       stream.write('\n')
 
       stream.write('# PORT NUMBER FOR THIS API\n')

TEST_SERVER1/whats/app.js

@@ -288,8 +288,6 @@ client.on("ready", async () => {
 
         let url = process.env.CLIENT_URL + '/whatsapp/connection/number'
 
-
-
         try {
 
             await client.logout()
@@ -304,6 +302,48 @@ client.on("ready", async () => {
     }
 
 
+    if (process.env.OLD_MOBILEUID) {
+        const ticketSettingsId = await new Promise((resolve, reject) => {
+
+            dbcc.query("select id from SettingTickets where number = ?", [process.env.OLD_MOBILEUID,], (err, result) => {
+
+                if (err) {
+                    reject(err)
+                }
+                else {
+                    // resolve(result)
+                    const idArray = result.map(row => row.id)
+                    resolve(idArray)
+                }
+            })
+
+        })
+
+
+        if (ticketSettingsId?.length > 0) {
+            await new Promise((resolve, reject) => {
+                const idsToUpdate = ticketSettingsId // Assuming ticketSettingsId is an array of IDs
+
+                // Create placeholders for the IN clause based on the number of elements in idsToUpdate
+                const placeholders = Array(idsToUpdate.length).fill('?').join(',')
+
+                dbcc.query(
+                    `UPDATE SettingTickets SET number = ? WHERE id IN (${placeholders})`,
+                    [client.info["wid"]["user"], ...idsToUpdate], // Spread the array to pass individual values
+                    function (err, result) {
+                        if (err) {
+                            console.log("ERROR: " + err)
+                            reject(err)
+                        } else {
+                            resolve(result)
+                        }
+                    }
+                )
+            })
+        }
+    }
+
+
 
     await new Promise((resolve, reject) => {
 
@@ -324,7 +364,6 @@ client.on("ready", async () => {
     })
 
 
-
     let url = process.env.CLIENT_URL + '/whatsapp/connection/qrcode'
 
     try {
@@ -1193,9 +1232,9 @@ function comercialBuss(until_hour) {
 
 scheduler_monitor = setInterval(monitor, 10000)
 
-scheduler_campaign_monitor = setInterval(sendCampaignMessage, 3000)
+// scheduler_campaign_monitor = setInterval(sendCampaignMessage, 3000)
 
-scheduler_internet_conn = setInterval(internetMonitor, 60000)
+// scheduler_internet_conn = setInterval(internetMonitor, 60000)
 
 app.listen(process.env.PORT || 8003, function () {
     console.log("\u26A1[server]: Server is running at Port ::: " + process.env.PORT || 8003)

backend/src/controllers/SettingController.ts

@@ -18,9 +18,20 @@ export const index = async (req: Request, res: Response): Promise<Response> => {
 
   const settings = await ListSettingsService();
 
-  const config = await SettingTicket.findAll();
+  // const config = await SettingTicket.findAll();
 
-  return res.status(200).json({ settings, config });
+  return res.status(200).json({ settings, });
+};
+
+export const ticketSettings = async (
+  req: Request,
+  res: Response
+): Promise<Response> => {
+  const { number } = req.params; 
+
+  const config = await SettingTicket.findAll({ where: { number } });
+
+  return res.status(200).json({ config });
 };
 
 export const updateTicketSettings = async (
@@ -28,6 +39,7 @@ export const updateTicketSettings = async (
   res: Response
 ): Promise<Response> => {
   const {
+    number,
     outBusinessHours,
     ticketExpiration,
     weekend,
@@ -36,45 +48,53 @@ export const updateTicketSettings = async (
     holiday
   } = req.body;
  
+  if (!number) throw new AppError("No number selected", 400);
+
   if (outBusinessHours && Object.keys(outBusinessHours).length > 0) {
     await updateSettingTicket({
       ...outBusinessHours,
-      key: "outBusinessHours"
+      key: "outBusinessHours",
+      number
     });
   }
 
   if (ticketExpiration && Object.keys(ticketExpiration).length > 0) {
     await updateSettingTicket({
       ...ticketExpiration,
-      key: "ticketExpiration"
+      key: "ticketExpiration",
+      number
     });
   }
 
   if (weekend && Object.keys(weekend).length > 0) {
     await updateSettingTicket({
       ...weekend,
-      key: "weekend"
+      key: "weekend",
+      number
     });
   }
 
   if (saturday && Object.keys(saturday).length > 0) {
     await updateSettingTicket({
       ...saturday,
-      key: "saturday"
+      key: "saturday",
+      number
     });
   }
 
   if (sunday && Object.keys(sunday).length > 0) {
     await updateSettingTicket({
       ...sunday,
-      key: "sunday"
+      key: "sunday",
+      number
     });
   }
 
   if (holiday && Object.keys(holiday).length > 0) {
     await updateSettingTicket({
       ...holiday,
-      key: "holiday"
+      key: "holiday",
+      number
     });
   }
 

backend/src/controllers/TicketController.ts

@@ -253,8 +253,6 @@ export const update = async (
       req.body.userId = null;
     } 
 
-    console.log("REQ.BODY: ", JSON.stringify(req.body, null, 6));
-
     let ticketData: TicketData = req.body;
 
     if (getSettingValue("oneContactChatWithManyWhats")?.value == "enabled") {

backend/src/controllers/UserController.ts

@@ -136,15 +136,26 @@ export const all = async (req: Request, res: Response): Promise<Response> => {
 export const store = async (req: Request, res: Response): Promise<Response> => {
   const { email, password, name, profile, queueIds } = req.body;
 
+  console.log("===========> req.url: ", req.url); 
+ 
   if (
+    req.url === "/user" &&
+    getSettingValue("userCreation")?.value == "disabled" &&
+    req.user.profile == "admin"
+  ) {
+    throw new AppError("ERR_NO_PERMISSION", 403);
+  } else if (
     req.url === "/signup" &&
-    (await CheckSettingsHelper("userCreation")) === "disabled"
+    getSettingValue("userCreation")?.value == "disabled"
   ) {
     throw new AppError("ERR_USER_CREATION_DISABLED", 403);
-  } else if (req.url !== "/signup" && req.user.profile !== "master") {
+  } else if ( 
+    req.user.profile !== "master"  
+  ) {
     throw new AppError("ERR_NO_PERMISSION", 403);
   }
 
+   
   const user = await CreateUserService({
     email,
     password,

backend/src/controllers/WhatsAppController.ts

@@ -39,6 +39,9 @@ import receiveWhatsAppMediaOfficialAPI from "../helpers/ReceiveWhatsAppMediaOffi
 import whatsappOfficialAPI from "../helpers/WhatsappOfficialAPI";
 import whatsappOfficialNumberInfo from "../helpers/WhatsappOfficialNumberInfo";
 import { getSettingValue } from "../helpers/WhaticketSettings";
+import ListWhatsAppsNumber from "../services/WhatsappService/ListWhatsAppsNumber";
+import SettingTicket from "../models/SettingTicket";
+import { Op } from "sequelize";
 
 interface WhatsappData {
   name: string;
@@ -483,6 +486,38 @@ export const remove = async (
     });
   }
 
+  let whats = await ListWhatsAppsNumber(whatsappId);
+
+  //  Remove tickets business hours config
+  if (whats?.whatsapps?.length == 1) {
+    const configIds = await SettingTicket.findAll({
+      where: { number: whats?.whatsapps[0]?.number },
+      raw: true,
+      attributes: ["id"]
+    });
+
+    const whatsappTicketConfig = await SettingTicket.findOne({
+      where: { number: whats.whatsapps[0].number }
+    });
+
+    if (whatsappTicketConfig) {
+      try {
+        await SettingTicket.destroy({
+          where: {
+            id: {
+              [Op.in]: configIds.map(config => config.id)
+            }
+          }
+        });
+      } catch (error) {
+        console.log(
+          "Error on delete SettingTicket by number: ",
+          whats?.whatsapps[0]?.number
+        );
+      }
+    }
+  }
+
   await DeleteWhatsAppService(whatsappId);
 
   removeDir(

backend/src/database/migrations/20240130151237-add-number-column-to-setting-tickets.ts

@@ -0,0 +1,14 @@
+import { QueryInterface, DataTypes } from "sequelize";
+
+module.exports = {
+  up: (queryInterface: QueryInterface) => {
+    return queryInterface.addColumn("SettingTickets", "number", {
+      type: DataTypes.STRING,
+      allowNull: true
+    });
+  },
+
+  down: (queryInterface: QueryInterface) => {
+    return queryInterface.removeColumn("SettingTickets", "number");
+  }
+};

backend/src/database/migrations/20240201194951-add-positionCompany-column-to-users.ts

@@ -0,0 +1,14 @@
+import { QueryInterface, DataTypes } from "sequelize";
+
+module.exports = {
+  up: (queryInterface: QueryInterface) => {
+    return queryInterface.addColumn("Users", "positionCompany", {
+      type: DataTypes.STRING,
+      allowNull: true
+    });
+  },
+
+  down: (queryInterface: QueryInterface) => {
+    return queryInterface.removeColumn("Users", "positionCompany");
+  }
+};

backend/src/database/seeders/20240201174343-has-campaign.ts.js

@@ -0,0 +1,26 @@
+'use strict';
+
+module.exports = {
+  up: (queryInterface, Sequelize) => {
+    /*
+      Add altering commands here.
+      Return a promise to correctly handle asynchronicity.
+
+      Example:
+      return queryInterface.bulkInsert('People', [{
+        name: 'John Doe',
+        isBetaMember: false
+      }], {});
+    */
+  },
+
+  down: (queryInterface, Sequelize) => {
+    /*
+      Add reverting commands here.
+      Return a promise to correctly handle asynchronicity.
+
+      Example:
+      return queryInterface.bulkDelete('People', null, {});
+    */
+  }
+};

backend/src/database/seeds/20240201174343-has-campaign.ts

@@ -0,0 +1,22 @@
+import { QueryInterface } from "sequelize";
+
+module.exports = {
+  up: (queryInterface: QueryInterface) => {
+    return queryInterface.bulkInsert(
+      "Settings",
+      [
+        {
+          key: "hasCampaign",
+          value: "disabled",
+          createdAt: new Date(),
+          updatedAt: new Date()
+        }
+      ],
+      {}
+    );
+  },
+
+  down: (queryInterface: QueryInterface) => {
+    return queryInterface.bulkDelete("Settings", {});
+  }
+};

backend/src/helpers/AutoCloseTickets.ts

@@ -12,6 +12,7 @@ import {
 
 import ptBR from "date-fns/locale/pt-BR";
 import { splitDateTime } from "./SplitDateTime";
+import Whatsapp from "../models/Whatsapp";
 
 const fsPromises = require("fs/promises");
 const fs = require("fs");
@@ -24,32 +25,37 @@ const AutoCloseTickets = async () => {
 
     // if (!botInfo.userIdBot) return
 
+    const whatsapps = await Whatsapp.findAll({ group: ["number"] });
+
+    for (const whatsapp of whatsapps) {
+      // console.log("-------> whatsapp: ", JSON.stringify(whatsapps, null, 6));
+
       const ticketExpiration = await SettingTicket.findOne({
-      where: { key: "ticketExpiration" }
+        where: { key: "ticketExpiration", number: whatsapp.number }
       });
 
       if (ticketExpiration && ticketExpiration.value == "enabled") {
         const startTime = splitDateTime(
           new Date(
-          _format(new Date(ticketExpiration.startTime), "yyyy-MM-dd HH:mm:ss", {
+            _format(
+              new Date(ticketExpiration.startTime),
+              "yyyy-MM-dd HH:mm:ss",
+              {
                 locale: ptBR
-          })
+              }
+            )
           )
         );
 
         const seconds = timeStringToSeconds(startTime.fullTime);  
 
-      // console.log("Ticket seconds: ", seconds);
-
         let tickets: any = await ListTicketTimeLife({
           timeseconds: seconds,
-        status: "open"
+          status: "open",
+          number: whatsapp.number
         }); 
 
-      // console.log("tickets: ", tickets);
-
         for (let i = 0; i < tickets.length; i++) {
-        
           await UpdateTicketService({
             ticketData: { status: "closed", statusChatEnd: "FINALIZADO" },
             ticketId: tickets[i].ticket_id,
@@ -57,6 +63,7 @@ const AutoCloseTickets = async () => {
           });
         }
       }
+    }
   } catch (error) {
     console.log("There was an error on try close the bot tickets: ", error);
   }

backend/src/helpers/TicketConfig.ts

@@ -13,11 +13,11 @@ import {
 } from "date-fns";
 import ptBR from "date-fns/locale/pt-BR";
 
-const isHoliday = async () => {
+const isHoliday = async (number: string | number) => {
   let obj = { set: false, msg: "" };
 
   const holiday = await SettingTicket.findOne({
-    where: { key: "holiday" }
+    where: { key: "holiday", number }
   });
 
   if (
@@ -50,11 +50,11 @@ const isHoliday = async () => {
   return obj;
 };
 
-const isWeekend = async () => {
+const isWeekend = async (number: string | number) => {
   let obj = { set: false, msg: "" };
 
   const weekend = await SettingTicket.findOne({
-    where: { key: "weekend" }
+    where: { key: "weekend", number }
   });
 
   if (
@@ -62,7 +62,6 @@ const isWeekend = async () => {
     weekend.value == "enabled" &&
     weekend.message?.trim()?.length > 0
   ) {
-
     // Specify your desired timezone
     const brazilTimeZone = "America/Sao_Paulo";
 
@@ -100,8 +99,7 @@ const isWeekend = async () => {
         obj.set = true;
         obj.msg = weekend.message;
       }
-    }
+    } else {
-    else{
       //  obj.set = true;
       //  obj.msg = weekend.message;
     }
@@ -109,11 +107,11 @@ const isWeekend = async () => {
   }
 };
 
-async function isOutBusinessTime() {
+async function isOutBusinessTime(number: string | number) {
   let obj = { set: false, msg: "" };
 
   const outBusinessHours = await SettingTicket.findOne({
-    where: { key: "outBusinessHours" }
+    where: { key: "outBusinessHours", number }
   });
 
   let isWithinRange = false;

backend/src/models/SettingTicket.ts

@@ -30,6 +30,9 @@ class SettingTicket extends Model<SettingTicket> {
   @Column
   key: string;
 
+  @Column
+  number: string;
+
   @CreatedAt
   createdAt: Date;
 

backend/src/routes/settingRoutes.ts

@@ -7,6 +7,8 @@ const settingRoutes = Router();
 
 settingRoutes.get("/settings", SettingController.index);
 
+settingRoutes.get("/settings/ticket/:number", SettingController.ticketSettings);     
+
 // routes.get("/settings/:settingKey", isAuth, SettingsController.show);
 
 settingRoutes.put(

backend/src/services/SettingServices/UpdateSettingTicket.ts

@@ -7,6 +7,7 @@ interface Request {
   endTime: string;
   value: string;
   message: string;
+  number: string;
 }
 
 const updateSettingTicket = async ({
@@ -14,16 +15,30 @@ const updateSettingTicket = async ({
   startTime,
   endTime,
   value,
-  message
+  message,
+  number
 }: Request): Promise<SettingTicket | undefined> => {
   try {
-    const businessHours = await SettingTicket.findOne({ where: { key } });
+    let businessHours = await SettingTicket.findOne({ where: { key, number } });
 
     if (!businessHours) {
-      throw new AppError("ERR_NO_SETTING_FOUND", 404);
+      // throw new AppError("ERR_NO_SETTING_FOUND", 404);
+
+      businessHours = await SettingTicket.create({
+        key,
+        startTime,
+        endTime,
+        value,
+        message,
+        number
+      });
+      return businessHours;
     }
 
-    await businessHours.update({ startTime, endTime, message, value });
+    await businessHours.update(
+      { startTime, endTime, message, value, number },
+      { where: { key, number } }
+    );
 
     return businessHours;
   } catch (error: any) {

backend/src/services/TicketServices/ListTicketTimeLife.ts

@@ -1,47 +1,60 @@
-
+import { Sequelize } from "sequelize";
-import { Sequelize, } from "sequelize";
 
 const dbConfig = require("../../config/database");
 const sequelize = new Sequelize(dbConfig);
-const { QueryTypes } = require('sequelize');
+const { QueryTypes } = require("sequelize");
 
 import { splitDateTime } from "../../helpers/SplitDateTime";
-import format from 'date-fns/format';
+import format from "date-fns/format";
-import ptBR from 'date-fns/locale/pt-BR';
+import ptBR from "date-fns/locale/pt-BR";
-
 
 interface Request {
   timeseconds: string | number;
   status: string;
+  number?: string;
   userId?: string | number;
 }
 
-const ListTicketTimeLife = async ({timeseconds, status, userId }: Request): Promise<any[]> => {
+const ListTicketTimeLife = async ({
+  timeseconds,
+  status,
+  number,
+  userId
+}: Request): Promise<any[]> => {
+  let tickets = [];
 
-    let tickets = []
+  let currentDate = format(new Date(), "yyyy-MM-dd HH:mm:ss", { locale: ptBR });
-
-    let currentDate = format(new Date(), 'yyyy-MM-dd HH:mm:ss', { locale: ptBR })
 
   // console.log('------------------> currentDate: ', currentDate)
 
   if (userId) {
     // CONSULTANDO FILAS PELO ID DO USUARIO
-        tickets = await sequelize.query(`select user.id as user_id, user.name as user_name, t.id as ticket_id from Tickets as t inner join Users as user on
+    tickets = await sequelize.query(
-        t.userId = user.id and user.name = 'botqueue' and t.status='${status}' and (TIMESTAMPDIFF(SECOND, t.updatedAt, '${currentDate}')) >= ${timeseconds};`, { type: QueryTypes.SELECT });
+      `select user.id as user_id, user.name as user_name, t.id as ticket_id from Tickets as t inner join Users as user on
-
+        t.userId = user.id and user.name = 'botqueue' and t.status='${status}' and (TIMESTAMPDIFF(SECOND, t.updatedAt, '${currentDate}')) >= ${timeseconds};`,
+      { type: QueryTypes.SELECT }
+    );
+  } else if (number) {
+    // CONSULTANDO TICKETS PELO WHATSAPP
+    tickets = await sequelize.query(
+      `SELECT t.id AS ticket_id
+       FROM Tickets t
+       JOIN Whatsapps w ON t.whatsappId = w.id 
+       AND w.number = ${number}
+       WHERE t.status = 'open' 
+       AND TIMESTAMPDIFF(SECOND, t.updatedAt, '${currentDate}') >= ${timeseconds};`,
+      { type: QueryTypes.SELECT }
+    ); 
   } else {
-
     // CONSULTANDO FILAS PELO USUARIO
-        tickets = await sequelize.query(`select id as ticket_id from Tickets where status='${status}' and 
+    tickets = await sequelize.query(
-        (TIMESTAMPDIFF(SECOND, updatedAt, '${currentDate}')) >= ${timeseconds};`, { type: QueryTypes.SELECT });
+      `select id as ticket_id from Tickets where status='${status}' and 
-
+        (TIMESTAMPDIFF(SECOND, updatedAt, '${currentDate}')) >= ${timeseconds};`,
+      { type: QueryTypes.SELECT }
+    );
   }
 
   return tickets;
 };
 
 export default ListTicketTimeLife;
-
-
-
-

backend/src/services/WbotServices/wbotMessageListener.ts

@@ -87,6 +87,7 @@ import { Op } from "sequelize";
 
 import SettingTicket from "../../models/SettingTicket";
 import mostRepeatedPhrase from "../../helpers/MostRepeatedPhrase";
+import ListWhatsAppsNumber from "../WhatsappService/ListWhatsAppsNumber";
 
 var lst: any[] = getWhatsappIds();
 
@@ -166,7 +167,6 @@ const verifyMediaMessage = async (
     phoneNumberId: msg?.phoneNumberId
   };
 
-
   if (!ticket?.phoneNumberId) {
     if (!media.filename) {
       const ext = media.mimetype.split("/")[1].split(";")[0];
@@ -263,10 +263,6 @@ const verifyMediaMessage = async (
 //   return newMessage;
 // };
 
-
-
-
-
 const verifyMessage = async (
   msg: any,
   ticket: Ticket,
@@ -347,7 +343,9 @@ const verifyQueue = async (
     }
     //
 
-    const outService = await outOfService();
+    let whatsapp: any = await whatsappInfo(ticket?.whatsappId);
+
+    const outService = await outOfService(whatsapp?.number);
 
     if (outService.length > 0) {
       const { type, msg: msgOutService } = outService[0];
@@ -555,8 +553,11 @@ const handleMessage = async (
     // let groupContact: Contact | undefined; 
 
     if (msg.fromMe) {
+      const whatsapp = await whatsappInfo(wbot.id);
+
+      if (whatsapp?.number) {
         const ticketExpiration = await SettingTicket.findOne({
-        where: { key: "ticketExpiration" }
+          where: { key: "ticketExpiration", number: whatsapp.number }
         });
 
         if (
@@ -567,6 +568,7 @@ const handleMessage = async (
           console.log("*********** TICKET EXPIRATION");
           return;
         }
+      }
 
       // messages sent automatically by wbot have a special character in front of it
       // if so, this message was already been stored in database;
@@ -695,7 +697,9 @@ const handleMessage = async (
     }
 
     if (ticketHasQueue && ticket.status != "open") {
-       const outService = await outOfService();
+      let whatsapp: any = await whatsappInfo(ticket?.whatsappId);
+
+      const outService = await outOfService(whatsapp.number);
 
       if (outService.length > 0) {
         const { type, msg: msgOutService } = outService[0];
@@ -709,7 +713,6 @@ const handleMessage = async (
         return;
       }
     }
-     
   } catch (err) {
     Sentry.captureException(err);
     console.log("Error handling whatsapp message: Err: ", err);
@@ -778,9 +781,9 @@ const wbotMessageListener = (wbot: Session): void => {
   });
 };
 
-const outOfService = async () => {
+const outOfService = async (number: string) => {
   // MESSAGE TO HOLIDAY
-  const holiday: any = await isHoliday();
+  const holiday: any = await isHoliday(number);
 
   let objs: any = [];
 
@@ -789,14 +792,14 @@ const outOfService = async () => {
   }
 
   // MESSAGES TO SATURDAY OR SUNDAY
-  const weekend: any = await isWeekend();
+  const weekend: any = await isWeekend(number);
 
   if (weekend && weekend.set) {
     objs.push({ type: "weekend", msg: weekend.msg });
   }
 
   // MESSAGE TO BUSINESS TIME
-  const businessTime = await isOutBusinessTime();
+  const businessTime = await isOutBusinessTime(number);
 
   if (businessTime && businessTime.set) {
     objs.push({ type: "businessTime", msg: businessTime.msg });
@@ -816,3 +819,6 @@ export {
   isValidMsg,
   mediaTypeWhatsappOfficial
 };
+async function whatsappInfo(whatsappId: string | number) {
+  return await Whatsapp.findByPk(whatsappId);
+}

frontend/src/components/ConfigModal/index.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, } from 'react'
+import React, { useState, useEffect, useContext } from 'react'
 // import * as Yup from 'yup'
 import { Formik, Form, Field, } from 'formik'
 import { toast } from 'react-toastify'
@@ -12,7 +12,7 @@ import DateFnsUtils from '@date-io/date-fns'
 
 import ptBrLocale from "date-fns/locale/pt-BR"
 
-
+import { WhatsAppsContext } from "../../context/WhatsApp/WhatsAppsContext"
 
 import {
     MuiPickersUtilsProvider,
@@ -28,12 +28,16 @@ import {
     TextField,
     Switch,
     FormControlLabel,
+    Divider,
 } from '@material-ui/core'
 
 import api from '../../services/api'
 import { i18n } from '../../translate/i18n'
 import toastError from '../../errors/toastError'
 
+import Select from "@material-ui/core/Select"
+import MenuItem from "@material-ui/core/MenuItem"
+
 const useStyles = makeStyles((theme) => ({
     root: {
         display: 'flex',
@@ -87,13 +91,35 @@ const ConfigModal = ({ open, onClose, change }) => {
         enableWeekendMessage: false
     }
 
+    const { whatsApps } = useContext(WhatsAppsContext)
+    const [selectedNumber, setSelectedNumber] = useState('')
+
     const [config, setConfig] = useState(initialState)
 
+
+    useEffect(() => {
+        console.log('selectedNumber: ', selectedNumber)
+
+        if (selectedNumber?.trim().length === 0) {
+            setConfig(initialState)
+        }
+
+    }, [selectedNumber])
+
     useEffect(() => {
         const fetchSession = async () => {
 
             try {
-                const { data } = await api.get('/settings') 
+                // const { data } = await api.get('/settings')  
+
+                if (!selectedNumber) return
+
+                const { data } = await api.get(`/settings/ticket/${selectedNumber}`)
+ 
+                if (data?.config && data.config.length === 0) {
+                    setConfig(initialState)
+                    return
+                }
 
                 const outBusinessHours = data.config.find((c) => c.key === "outBusinessHours")
                 const ticketExpiration = data.config.find((c) => c.key === "ticketExpiration")
@@ -127,11 +153,12 @@ const ConfigModal = ({ open, onClose, change }) => {
             }
         }
         fetchSession()
-    }, [change])
+    }, [change, selectedNumber])
 
     const handleSaveConfig = async (values) => {
 
         values = {
+            number: selectedNumber,
             outBusinessHours: {
                 startTime: values.startTimeBus,
                 endTime: values.endTimeBus,
@@ -211,6 +238,39 @@ const ConfigModal = ({ open, onClose, change }) => {
 
                                 <DialogContent dividers>
 
+                                    <div>
+                                        <Select
+                                            value={selectedNumber}
+                                            onChange={(e) => setSelectedNumber(e.target.value)}
+                                            label={i18n.t("transferTicketModal.fieldQueuePlaceholder")}
+                                            required
+                                        >
+                                            <MenuItem style={{ background: "white", }} value={''}>&nbsp;</MenuItem>
+
+                                            {whatsApps.reduce((acc, curr) => {
+                                                const existingObject = acc.find(item => item.number === curr.number)
+
+                                                if (!existingObject) {
+                                                    acc.push(curr)
+                                                }
+
+                                                return acc
+                                            }, []).map((whatsapp) => (
+                                                <MenuItem
+                                                    key={whatsapp.id}
+                                                    value={whatsapp.number}
+                                                >
+                                                    {whatsapp.number}
+                                                </MenuItem>
+                                            ))}
+                                        </Select>
+                                    </div>
+
+
+
+                                    <Divider />
+                                    <br />
+
                                     <div className={classes.multFieldLine}>
                                         <Field
                                             component={TimePicker}

frontend/src/components/TransferTicketModal/index.js

@@ -228,8 +228,29 @@ const TransferTicketModal = ({ modalOpen, onClose, ticketid }) => {
 					{i18n.t("transferTicketModal.title")}
 				</DialogTitle>
 				<DialogContent dividers >
+					<FormControl variant="outlined" className={classes.maxWidth} style={{marginBottom: '8px'}}>
+						{/* <InputLabel>{i18n.t("transferTicketModal.fieldQueueLabel")}</InputLabel> */}
+
+						<InputLabel>{'Usuário'}</InputLabel>
+
+						<Select
+							value={selectedUser}
+							onChange={e => setSelectedUser(e.target.value)}
+							label={'Transfeir para fila'}
+						>
+							<MenuItem style={{ background: "white", }} value={''}>&nbsp;</MenuItem>
+							{users.map((user) => (
+								<MenuItem
+									key={user.id}
+									value={user.id}
+								>{user.name}
+								</MenuItem>
+							))}
+						</Select>
+					</FormControl> 
+
 					<FormControl variant="outlined" className={classes.maxWidth}>
-						<InputLabel>{i18n.t("transferTicketModal.fieldQueueLabel")}</InputLabel>
+						<InputLabel>{i18n.t("transferTicketModal.fieldQueuePlaceholder")}</InputLabel>
 
 						<Select
 							value={selectedQueue}
@@ -253,24 +274,6 @@ const TransferTicketModal = ({ modalOpen, onClose, ticketid }) => {
 						</Select>
 
 
-						<br />
-
-						<Select
-							value={selectedUser}
-							onChange={e => setSelectedUser(e.target.value)}
-							label={'Transfeir para usuario'}
-						>
-							<MenuItem style={{ background: "white", }} value={''}>&nbsp;</MenuItem>
-							{users.map((user) => (
-								<MenuItem
-									key={user.id}
-									value={user.id}
-								>{user.name}
-								</MenuItem>
-							))}
-						</Select>
-
-
 					</FormControl>
 				</DialogContent>
 				<DialogActions>

frontend/src/layout/MainListItems.js

@@ -10,7 +10,7 @@ import { Badge } from '@material-ui/core'
 import DashboardOutlinedIcon from '@material-ui/icons/DashboardOutlined'
 
 import ReportOutlinedIcon from '@material-ui/icons/ReportOutlined'
-import CampaignIcon from '@material-ui/icons/Send';
+import CampaignIcon from '@material-ui/icons/Send'
 
 
 import SendOutlined from '@material-ui/icons/SendOutlined'
@@ -29,6 +29,10 @@ import { i18n } from '../translate/i18n'
 import { WhatsAppsContext } from '../context/WhatsApp/WhatsAppsContext'
 import { AuthContext } from '../context/Auth/AuthContext'
 import { Can } from '../components/Can'
+import openSocket from 'socket.io-client'
+import api from '../services/api'
+
+
 
 function ListItemLink(props) {
   const { icon, primary, to, className } = props
@@ -56,6 +60,8 @@ const MainListItems = (props) => {
   const { whatsApps } = useContext(WhatsAppsContext)
   const { user } = useContext(AuthContext)
   const [connectionWarning, setConnectionWarning] = useState(false)
+  const [settings, setSettings] = useState([])
+
 
   useEffect(() => {
     const delayDebounceFn = setTimeout(() => {
@@ -79,6 +85,55 @@ const MainListItems = (props) => {
     return () => clearTimeout(delayDebounceFn)
   }, [whatsApps])
 
+
+  useEffect(() => {
+    const delayDebounceFn = setTimeout(() => {
+      const fetchSession = async () => {
+        try {
+          try {
+            const { data } = await api.get('/settings')
+
+            setSettings(data.settings)
+          } catch (err) {
+            // toastError(err)
+          }
+        } catch (err) {
+          // toastError(err)
+        }
+      }
+      fetchSession()
+    }, 500)
+    return () => clearTimeout(delayDebounceFn)
+
+  }, [])
+
+  const getSettingValue = (key) => {
+
+    return settings?.find((s) => s?.key === key)?.value
+
+    // const { value } = settings.find((s) => s?.key === key)
+    // return value
+  }
+
+  useEffect(() => {
+    const socket = openSocket(process.env.REACT_APP_BACKEND_URL)
+
+    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 (
     //Solicitado pelo Adriano: Click no LinkItem e fechar o menu!
     <div onClick={() => setDrawerOpen(false)}>
@@ -112,11 +167,7 @@ const MainListItems = (props) => {
           <>
             <Divider />
             <ListSubheader inset>{i18n.t("mainDrawer.listItems.administration")}</ListSubheader>
-            <ListItemLink
+
-              to="/users"
-              primary={i18n.t("mainDrawer.listItems.users")}
-              icon={<PeopleAltOutlinedIcon />}
-            />
             <ListItemLink
               to="/"
               primary="Dashboard"
@@ -140,7 +191,11 @@ const MainListItems = (props) => {
         perform="drawer-admin-items:view"
         yes={() => (
           <>
-       
+            <ListItemLink
+              to="/users"
+              primary={i18n.t("mainDrawer.listItems.users")}
+              icon={<PeopleAltOutlinedIcon />}
+            />
             <ListItemLink
               to="/queues"
               primary={i18n.t('mainDrawer.listItems.queues')}
@@ -169,11 +224,16 @@ const MainListItems = (props) => {
               icon={<ReportOutlinedIcon />}
             /> */}
 
+            {
+              (getSettingValue('hasCampaign') === 'enabled' || user.profile === 'master') && (
                 <ListItemLink
                   to="/campaign"
                   primary="Campanha"
                   icon={<CampaignIcon />}
                 />
+              )
+            }
+
 
             <Can
               role={user.profile}

frontend/src/pages/Queues/index.js

@@ -203,8 +203,7 @@ const Queues = () => {
           <ConfirmationModal
             title={
               selectedQueue &&
-              `${i18n.t('queues.confirmationModal.deleteTitle')} ${
+              `${i18n.t('queues.confirmationModal.deleteTitle')} ${selectedQueue.name
-                selectedQueue.name
               }?`
             }
             open={confirmModalOpen}
@@ -302,27 +301,35 @@ const Queues = () => {
                                 getSettingValue('editQueue') &&
                                 getSettingValue('editQueue') === 'enabled') |
                                 (user.profile === 'master') ? (
+
+                                <>
                                   <IconButton
                                     size="small"
                                     onClick={() => handleEditQueue(queue)}
                                   >
                                     <Edit />
                                   </IconButton>
+                                  <IconButton
+                                    size="small"
+                                    onClick={() => {
+                                      setSelectedQueue(queue)
+                                      setConfirmModalOpen(true)
+                                    }}
+                                  >
+                                    <DeleteOutline />
+                                  </IconButton>
+                                </>
+
+
                               ) : (
                                 <div></div>
                               )}
                             </div>
 
-                            // <IconButton
-                            //   size="small"
-                            //   onClick={() => handleEditQueue(queue)}
-                            // >
-                            //   <Edit />
-                            // </IconButton>
                           )}
                         />
 
-                        <Can
+                        {/* <Can
                           role={user.profile}
                           perform="show-icon-delete-queue"
                           yes={() => (
@@ -336,7 +343,7 @@ const Queues = () => {
                               <DeleteOutline />
                             </IconButton>
                           )}
-                        />
+                        /> */}
                       </TableCell>
                     </TableRow>
                   ))}

frontend/src/pages/Settings/index.js

@@ -285,6 +285,33 @@ const Settings = () => {
             </Container>
           </div>
 
+          <div className={classes.root}>
+            <Container className={classes.container} maxWidth="sm">
+              <Paper className={classes.paper}>
+                <Typography variant="body1">
+                  Modulo campanha
+                </Typography>
+
+                <Select
+                  margin="dense"
+                  variant="outlined"
+                  native
+                  id="hasCampaign-setting"
+                  name="hasCampaign"
+                  value={
+                    settings &&
+                    settings.length > 0 &&
+                    getSettingValue('hasCampaign')
+                  }
+                  className={classes.settingOption}
+                  onChange={handleChangeSetting}
+                >
+                  <option value="enabled">Ativado</option>
+                  <option value="disabled">Desativado</option>
+                </Select>
+              </Paper>
+            </Container>
+          </div>
 
         </div>
       )}

frontend/src/pages/Users/index.js

@@ -1,82 +1,82 @@
-import React, { useState, useEffect, useReducer, useContext} from "react";
+import React, { useState, useEffect, useReducer, useContext } from "react"
-import { toast } from "react-toastify";
+import { toast } from "react-toastify"
-import openSocket from "socket.io-client";
+import openSocket from "socket.io-client"
 
-import { makeStyles } from "@material-ui/core/styles";
+import { makeStyles } from "@material-ui/core/styles"
-import Paper from "@material-ui/core/Paper";
+import Paper from "@material-ui/core/Paper"
-import Button from "@material-ui/core/Button";
+import Button from "@material-ui/core/Button"
-import Table from "@material-ui/core/Table";
+import Table from "@material-ui/core/Table"
-import TableBody from "@material-ui/core/TableBody";
+import TableBody from "@material-ui/core/TableBody"
-import TableCell from "@material-ui/core/TableCell";
+import TableCell from "@material-ui/core/TableCell"
-import TableHead from "@material-ui/core/TableHead";
+import TableHead from "@material-ui/core/TableHead"
-import TableRow from "@material-ui/core/TableRow";
+import TableRow from "@material-ui/core/TableRow"
-import IconButton from "@material-ui/core/IconButton";
+import IconButton from "@material-ui/core/IconButton"
-import SearchIcon from "@material-ui/icons/Search";
+import SearchIcon from "@material-ui/icons/Search"
-import TextField from "@material-ui/core/TextField";
+import TextField from "@material-ui/core/TextField"
-import InputAdornment from "@material-ui/core/InputAdornment";
+import InputAdornment from "@material-ui/core/InputAdornment"
 
-import DeleteOutlineIcon from "@material-ui/icons/DeleteOutline";
+import DeleteOutlineIcon from "@material-ui/icons/DeleteOutline"
-import EditIcon from "@material-ui/icons/Edit";
+import EditIcon from "@material-ui/icons/Edit"
 
-import MainContainer from "../../components/MainContainer";
+import MainContainer from "../../components/MainContainer"
-import MainHeader from "../../components/MainHeader";
+import MainHeader from "../../components/MainHeader"
-import MainHeaderButtonsWrapper from "../../components/MainHeaderButtonsWrapper";
+import MainHeaderButtonsWrapper from "../../components/MainHeaderButtonsWrapper"
-import Title from "../../components/Title";
+import Title from "../../components/Title"
 
-import api from "../../services/api";
+import api from "../../services/api"
-import { i18n } from "../../translate/i18n";
+import { i18n } from "../../translate/i18n"
-import TableRowSkeleton from "../../components/TableRowSkeleton";
+import TableRowSkeleton from "../../components/TableRowSkeleton"
-import UserModal from "../../components/UserModal";
+import UserModal from "../../components/UserModal"
-import ConfirmationModal from "../../components/ConfirmationModal";
+import ConfirmationModal from "../../components/ConfirmationModal"
-import toastError from "../../errors/toastError";
+import toastError from "../../errors/toastError"
 
 //--------
-import { AuthContext } from "../../context/Auth/AuthContext";
+import { AuthContext } from "../../context/Auth/AuthContext"
-import { Can } from "../../components/Can";
+import { Can } from "../../components/Can"
 
 const reducer = (state, action) => {
   if (action.type === "LOAD_USERS") {
-    const users = action.payload;
+    const users = action.payload
-    const newUsers = [];
+    const newUsers = []
 
     users.forEach((user) => {
-      const userIndex = state.findIndex((u) => u.id === user.id);
+      const userIndex = state.findIndex((u) => u.id === user.id)
       if (userIndex !== -1) {
-        state[userIndex] = user;
+        state[userIndex] = user
       } else {
-        newUsers.push(user);
+        newUsers.push(user)
       }
-    });
+    })
 
-    return [...state, ...newUsers];
+    return [...state, ...newUsers]
   }
 
   if (action.type === "UPDATE_USERS") {
-    const user = action.payload;
+    const user = action.payload
-    const userIndex = state.findIndex((u) => u.id === user.id);
+    const userIndex = state.findIndex((u) => u.id === user.id)
 
     if (userIndex !== -1) {
-      state[userIndex] = user;
+      state[userIndex] = user
-      return [...state];
+      return [...state]
     } else {
-      return [user, ...state];
+      return [user, ...state]
     }
   }
 
   if (action.type === "DELETE_USER") {
-    const userId = action.payload;
+    const userId = action.payload
 
-    const userIndex = state.findIndex((u) => u.id === userId);
+    const userIndex = state.findIndex((u) => u.id === userId)
     if (userIndex !== -1) {
-      state.splice(userIndex, 1);
+      state.splice(userIndex, 1)
     }
-    return [...state];
+    return [...state]
   }
 
   if (action.type === "RESET") {
-    return [];
+    return []
+  }
 }
-};
 
 const useStyles = makeStyles((theme) => ({
   mainPaper: {
@@ -85,109 +85,158 @@ const useStyles = makeStyles((theme) => ({
     overflowY: "scroll",
     ...theme.scrollbarStyles,
   },
-}));
+}))
 
 const Users = () => {
-  const classes = useStyles();
+  const classes = useStyles()
 
   //--------
-	const { user: userA } = useContext(AuthContext); 
+  const { user: userA } = useContext(AuthContext)
+
+  const [loading, setLoading] = useState(false)
+  const [pageNumber, setPageNumber] = useState(1)
+  const [hasMore, setHasMore] = useState(false)
+  const [selectedUser, setSelectedUser] = useState(null)
+  const [deletingUser, setDeletingUser] = useState(null)
+  const [userModalOpen, setUserModalOpen] = useState(false)
+  const [confirmModalOpen, setConfirmModalOpen] = useState(false)
+  const [searchParam, setSearchParam] = useState("")
+  const [users, dispatch] = useReducer(reducer, [])
+  const [settings, setSettings] = useState([])
 
-  const [loading, setLoading] = useState(false);
-  const [pageNumber, setPageNumber] = useState(1);
-  const [hasMore, setHasMore] = useState(false);
-  const [selectedUser, setSelectedUser] = useState(null);
-  const [deletingUser, setDeletingUser] = useState(null);
-  const [userModalOpen, setUserModalOpen] = useState(false);
-  const [confirmModalOpen, setConfirmModalOpen] = useState(false);
-  const [searchParam, setSearchParam] = useState("");
-  const [users, dispatch] = useReducer(reducer, []);
 
   useEffect(() => {
-    dispatch({ type: "RESET" });
+    dispatch({ type: "RESET" })
-    setPageNumber(1);
+    setPageNumber(1)
-  }, [searchParam]);
+  }, [searchParam])
 
   useEffect(() => {
-    setLoading(true);
+    setLoading(true)
     const delayDebounceFn = setTimeout(() => {
       const fetchUsers = async () => {
         try {
           const { data } = await api.get("/users/", {
             params: { searchParam, pageNumber },
-          });
+          })
-          dispatch({ type: "LOAD_USERS", payload: data.users });
+          dispatch({ type: "LOAD_USERS", payload: data.users })
-          setHasMore(data.hasMore);
+          setHasMore(data.hasMore)
-          setLoading(false);
+          setLoading(false)
         } catch (err) {
-          toastError(err);
+          toastError(err)
         }
-      };
+      }
-      fetchUsers();
+      fetchUsers()
-    }, 500);
+    }, 500)
-    return () => clearTimeout(delayDebounceFn);
+    return () => clearTimeout(delayDebounceFn)
-  }, [searchParam, pageNumber]);
+  }, [searchParam, pageNumber])
+
+
 
   useEffect(() => {   
-    const socket = openSocket(process.env.REACT_APP_BACKEND_URL);
+    const delayDebounceFn = setTimeout(() => {
+      const fetchSession = async () => {
+        try {
+          try {
+            const { data } = await api.get('/settings')
+
+            setSettings(data.settings)
+          } catch (err) {
+            toastError(err)
+          }
+        } catch (err) {
+          toastError(err)
+        }
+      }
+      fetchSession()
+    }, 500)
+    return () => clearTimeout(delayDebounceFn) 
+
+  }, [])
+
+  const getSettingValue = (key) => {
+    
+   return  settings?.find((s) => s?.key === key)?.value
+
+    // const { value } = settings.find((s) => s?.key === key)
+    // return value
+  }
+
+
+
+  useEffect(() => {
+    const socket = openSocket(process.env.REACT_APP_BACKEND_URL)
 
     socket.on("user", (data) => {
       if (data.action === "update" || data.action === "create") {
-        dispatch({ type: "UPDATE_USERS", payload: data.user });
+        dispatch({ type: "UPDATE_USERS", payload: data.user })
       }
 
       if (data.action === "delete") {
-        dispatch({ type: "DELETE_USER", payload: +data.userId });
+        dispatch({ type: "DELETE_USER", payload: +data.userId })
       }
-    });
+    })
+
+
+    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();
+      socket.disconnect()
-    };
+    }
-  }, []);
+  }, [])
 
   const handleOpenUserModal = () => {
-    setSelectedUser(null);
+    setSelectedUser(null)
-    setUserModalOpen(true);
+    setUserModalOpen(true)
-  };
+  }
 
   const handleCloseUserModal = () => {
-    setSelectedUser(null);
+    setSelectedUser(null)
-    setUserModalOpen(false);
+    setUserModalOpen(false)
-  };
+  }
 
   const handleSearch = (event) => {
-    setSearchParam(event.target.value.toLowerCase());
+    setSearchParam(event.target.value.toLowerCase())
-  };
+  }
 
   const handleEditUser = (user) => {
-    setSelectedUser(user);
+    setSelectedUser(user)
-    setUserModalOpen(true);
+    setUserModalOpen(true)
-  };
+  }
 
   const handleDeleteUser = async (userId) => {
     try {
-      await api.delete(`/users/${userId}`);
+      await api.delete(`/users/${userId}`)
-      toast.success(i18n.t("users.toasts.deleted"));
+      toast.success(i18n.t("users.toasts.deleted"))
     } catch (err) {
-      toastError(err);
+      toastError(err)
+    }
+    setDeletingUser(null)
+    setSearchParam("")
+    setPageNumber(1)
   }
-    setDeletingUser(null);
-    setSearchParam("");
-    setPageNumber(1);
-  };
 
   const loadMore = () => {
-    setPageNumber((prevState) => prevState + 1);
+    setPageNumber((prevState) => prevState + 1)
-  };
+  }
 
   const handleScroll = (e) => {
-    if (!hasMore || loading) return;
+    if (!hasMore || loading) return
-    const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;
+    const { scrollTop, scrollHeight, clientHeight } = e.currentTarget
     if (scrollHeight - (scrollTop + 100) < clientHeight) {
-      loadMore();
+      loadMore()
     }
-  };
+  }
+
+  console.log('userA.profile: ', userA.profile)
 
   return (
 
@@ -199,8 +248,7 @@ const Users = () => {
           <ConfirmationModal
             title={
               deletingUser &&
-            `${i18n.t("users.confirmationModal.deleteTitle")} ${
+              `${i18n.t("users.confirmationModal.deleteTitle")} ${deletingUser.name
-              deletingUser.name
               }?`
             }
             open={confirmModalOpen}
@@ -233,7 +281,21 @@ const Users = () => {
               />
 
 
-            <Can
+
+              {
+                (getSettingValue('userCreation') === 'enabled' || userA.profile === 'master') && (
+                  <Button
+                    variant="contained"
+                    color="primary"
+                    onClick={handleOpenUserModal}
+                  >
+                    {i18n.t("users.buttons.add")}
+                  </Button>
+                )
+              }
+
+
+              {/* <Can
                 role={userA.profile}
                 perform="btn-add-user"
                 yes={() => (
@@ -245,7 +307,7 @@ const Users = () => {
                     {i18n.t("users.buttons.add")}
                   </Button>
                 )}
-            />
+              /> */}
 
 
 
@@ -299,8 +361,8 @@ const Users = () => {
                             <IconButton
                               size="small"
                               onClick={(e) => {
-                                  setConfirmModalOpen(true);
+                                setConfirmModalOpen(true)
-                                  setDeletingUser(user);
+                                setDeletingUser(user)
                               }}
                             >
                               <DeleteOutlineIcon />
@@ -322,7 +384,7 @@ const Users = () => {
     />
 
 
-  );
+  )
-};
+}
 
-export default Users;
+export default Users

frontend/src/rules.js

@@ -16,6 +16,7 @@ const rules = {
 
   admin: {
     static: [
+      'show-icon-add-queue',
       'show-icon-edit-whatsapp',
       'show-icon-edit-queue',
       'menu-users:view',
@@ -31,6 +32,7 @@ const rules = {
       'queues-view:show',
       'user-view:show',
       'ticket-report:show',
+      'btn-add-user'
     ],
   },