feat: add new column 'transferToOtherQueues' to the Users table

Details:
- Created a new column named 'transferToOtherQueues' in the Users table.

feat: add field 'can transfer to other queues' in the user modal

Details:
- Added a field in the user modal to indicate if the user can transfer tickets to other queues.

feat: implement functionality to allow users with 'transferToOtherTickets' set to true to transfer tickets to other queues, even when disabled in OmniHit

Details:
- Implemented functionality to allow users with 'transferToOtherTickets' set to true to transfer tickets to other queues, even when this feature is disabled in OmniHit.

feat: add options to enable or disable functionalities: notify on new ticket arrival, block audio and video messages, show average waiting time of tickets in waiting status

Details:
- Added options to enable or disable the following functionalities: notification on new ticket arrival, blocking of audio and video messages, and displaying average waiting time of tickets in waiting status.

feat: add filter in the dashboard to show data only from the queues the user is linked to, and allow the user to view data from a selected queue only

Details:
- Added a filter in the dashboard to display data only from the queues the user is linked to, and to allow the user to view data from a selected queue only.

backend/src/controllers/ReportController.ts

@@ -65,7 +65,7 @@ export const reportUserByDateStartDateEnd = async (
     endDate,
     pageNumber,
     createdOrUpdated,
-    queueId
+    queueId,
   });
 
   const queues = await Queue.findAll({ attributes: ["id", "name"] });
@@ -84,11 +84,12 @@ export const reportUserService = async (
   ) {
     throw new AppError("ERR_NO_PERMISSION", 403);
   }
-  const { userId, startDate, endDate } = req.query as IndexQuery;
+  const { userId, startDate, endDate, userQueues} = req.query as IndexQuery;
 
   // let usersProfile = await ListUserParamiterService({ profile: 'user' })
   let usersProfile = await ListUserParamiterService({
     profiles: ["user", "supervisor"],
+    userQueues: userQueues ? userQueues : undefined,
     raw: true
   });
 
@@ -351,15 +352,18 @@ export const reportTicksCountByStatusChatEnds = async (
     throw new AppError("ERR_NO_PERMISSION", 403);
   }
 
-  const { startDate, endDate } = req.query as IndexQuery;
+  const { startDate, endDate, userQueues } = req.query as IndexQuery;
 
   const dateToday = splitDateTime(
     new Date(format(new Date(), "yyyy-MM-dd HH:mm:ss", { locale: ptBR }))
   );
   
+  const queueIds = userQueues ?  userQueues.map(queue => parseInt(queue)) : [];
+
   const reportStatusChatEnd = await CountStatusChatEndService(
     startDate || dateToday.fullDate,
-    endDate || dateToday.fullDate
+    endDate || dateToday.fullDate,
+    queueIds
   );
 
   return res.status(200).json({ reportStatusChatEnd });

backend/src/controllers/TicketController.ts

@@ -362,9 +362,8 @@ export const show = async (req: Request, res: Response): Promise<Response> => {
 
 export const count = async (req: Request, res: Response): Promise<Response> => {
   // type indexQ = { status: string; date?: string; };
-  const { status, date } = req.query as IndexQuery;
+  const { status, date, queueIds } = req.query as IndexQuery;
-
+  const ticketCount = await CountTicketService(status, date, queueIds);
-  const ticketCount = await CountTicketService(status, date);
 
   return res.status(200).json(ticketCount);
 };

backend/src/controllers/UserController.ts

@@ -100,7 +100,7 @@ export const index = async (req: Request, res: Response): Promise<Response> => {
 // };
 
 export const all = async (req: Request, res: Response): Promise<Response> => {
-  let { userId, profile }: any = req.query as IndexQuery;
+  let { userId, profile, transferToOtherQueues }: any = req.query as IndexQuery;
 
   console.log(
     "userId: ",
@@ -111,7 +111,7 @@ export const all = async (req: Request, res: Response): Promise<Response> => {
     getSettingValue("queueTransferByWhatsappScope")?.value
   );
 
-  if (getSettingValue("queueTransferByWhatsappScope")?.value == "enabled") {
+  if (getSettingValue("queueTransferByWhatsappScope")?.value == "enabled" && !transferToOtherQueues) {
     if (!userId) return res.json({ users: [], queues: [] });
 
     const obj = await ListUserByWhatsappQueuesService(
@@ -145,7 +145,8 @@ export const store = async (req: Request, res: Response): Promise<Response> => {
     profile,
     positionCompany,
     positionId,
-    queueIds
+    queueIds,
+    transferToOtherQueues
   } = req.body;
 
   console.log("===========> req.url: ", req.url);
@@ -172,7 +173,8 @@ export const store = async (req: Request, res: Response): Promise<Response> => {
     positionCompany,
     positionId,
     profile,
-    queueIds
+    queueIds,
+    transferToOtherQueues
   });
 
   if (user) {

backend/src/database/migrations/20240425190416-add-transfer-to-other-queues-to-users.ts

@@ -0,0 +1,15 @@
+import { QueryInterface, DataTypes } from "sequelize";
+
+module.exports = {
+  up: (queryInterface: QueryInterface) => {
+    return queryInterface.addColumn("Users", "transferToOtherQueues", {
+      type: DataTypes.BOOLEAN,
+      allowNull: false,
+      defaultValue: false
+    });
+  },
+
+  down: (queryInterface: QueryInterface) => {
+    return queryInterface.removeColumn("Users", "transferToOtherQueues");
+  }
+};

backend/src/models/User.ts

@@ -51,6 +51,9 @@ class User extends Model<User> {
   @Column
   secondaryId: string;
 
+  @Column
+  transferToOtherQueues: boolean;
+
   @Default("admin")
   @Column
   profile: string;

backend/src/services/StatusChatEndService/CountStatusChatEndService.ts

@@ -11,13 +11,14 @@ const { QueryTypes } = require("sequelize");
 
 const CountStatusChatEndService = async (
   startDate: string,
-  endDate: string
+  endDate: string,
+  queueIds?: number[]
 ) => { 
-
   const countStatusChatEnd: any = await sequelize.query(
     `select t.id, s.name, count(t.id) as count from Tickets t join StatusChatEnds s on 
-t.statusChatEndId = s.id and DATE(t.createdAt) BETWEEN '${startDate} 00:00:00.000000' AND '${endDate} 23:59:59.999999'
+    t.statusChatEndId = s.id and DATE(t.createdAt) BETWEEN '${startDate} 00:00:00.000000' AND '${endDate} 23:59:59.999999'
-group by s.id;`,
+    AND t.queueId IN (${queueIds})
+    group by s.id;`,
     { type: QueryTypes.SELECT }
   );
 

backend/src/services/TicketServices/CountTicketService.ts

@@ -9,7 +9,7 @@ import ptBR from 'date-fns/locale/pt-BR';
 import { splitDateTime } from "../../helpers/SplitDateTime";
 const dateToday = splitDateTime(new Date(format(new Date(), 'yyyy-MM-dd HH:mm:ss', { locale: ptBR })))
 
-const CountTicketService = async (status: string, date?: string): Promise<any> => {
+const CountTicketService = async (status: string, date?: string, queueIds?: string): Promise<any> => {
 
     let where_clause = {}
 
@@ -30,8 +30,8 @@ const CountTicketService = async (status: string, date?: string): Promise<any> =
         // }
     } 
     
-
+    if(queueIds) where_clause = { ...where_clause, status: status, queueId: { [Op.or]: [queueIds, null] } };
-    where_clause = { ...where_clause, status: status }  
+    else where_clause = { ...where_clause, status: status};
 
     const ticket = await Ticket.findAll({
         where: where_clause, 

backend/src/services/TicketServices/ListTicketsService.ts

@@ -204,7 +204,8 @@ const ListTicketsService = async ({
     whereCondition = {
       createdAt: {
         [Op.between]: [+startOfDay(parseISO(date)), +endOfDay(parseISO(date))]
-      }
+      },
+      queueId: { [Op.or]: [queueIds, null] },
     };
   }
 

backend/src/services/UserServices/CreateUserService.ts

@@ -14,6 +14,7 @@ interface Request {
   queueIds?: number[];
   profile?: string;
   ignoreThrow?: boolean;
+  transferToOtherQueues?: boolean;
 }
 
 interface Response {
@@ -23,6 +24,7 @@ interface Response {
   positionId: string;
   id: number;
   profile: string;
+  transferToOtherQueues: boolean;
 }
 
 const CreateUserService = async ({
@@ -33,7 +35,8 @@ const CreateUserService = async ({
   positionId,
   queueIds = [],
   profile = "master",
-  ignoreThrow = false
+  ignoreThrow = false,
+  transferToOtherQueues
 }: Request): Promise<Response | any> => {
   try {
     const schema = Yup.object().shape({
@@ -84,7 +87,8 @@ const CreateUserService = async ({
         name,
         positionCompany,
         positionId: !positionId ? null : positionId,
-        profile
+        profile,
+        transferToOtherQueues: transferToOtherQueues? transferToOtherQueues : false
       },
       { include: ["queues"] }
     );

backend/src/services/UserServices/ListUserParamiterService.ts

@@ -10,6 +10,7 @@ interface Request {
   profiles?: Array<string>;
   raw?: boolean;
   userIds?: string | number;
+  userQueues?: string[];
 }
 
 const ListUser = async ({
@@ -17,10 +18,31 @@ const ListUser = async ({
   userId,
   raw,
   userIds,
-  profiles
+  profiles,
+  userQueues: userQueuesToNumber
 }: Request): Promise<User[]> => {
   let where_clause = {};
+  let userIdInQueues: number[] = [];
   
+  if(userQueuesToNumber !== undefined){
+    let userQueues = userQueuesToNumber.map(id => parseInt(id));
+    const userQueuesFiltered = await UserQueue.findAll({
+      where: { queueId: { [Op.or]: [userQueues, null] } },
+      order: [
+        ['userId', 'ASC']
+      ],
+      raw: true
+    });
+    if(userQueuesFiltered) for(let queueId of userQueues){
+      for(let userQueue of userQueuesFiltered){
+        if(queueId == userQueue.queueId){
+          const isAlready = userIdInQueues.indexOf(userQueue.userId);
+
+          if(isAlready === -1) userIdInQueues.push(userQueue.userId);
+        }
+      }
+    }
+  }
   if (userId && profile) {
     where_clause = {
       [Op.and]: [{ userId: userId }, { profile: profile }]
@@ -39,14 +61,15 @@ const ListUser = async ({
     };
   } else if (profiles) {
     where_clause = {
-      profile: { [Op.in]: profiles }
+      profile: { [Op.in]: profiles },
+      id: {[Op.in]: userIdInQueues}
     };
   }
 
   const users = await User.findAll({
     where: where_clause,
     raw,
-    attributes: ["id", "name", "email", "positionCompany"],
+    attributes: ["id", "name", "email", "positionCompany", "transferToOtherQueues"],
 
     include: [
       { model: Queue, as: "queues", attributes: ["id", "name", "color"] }

backend/src/services/UserServices/ListUsersService.ts

@@ -66,7 +66,8 @@ const ListUsersService = async ({
       "email",
       "positionCompany",
       "profile",
-      "createdAt"
+      "createdAt",
+      "transferToOtherQueues"
     ],
     limit,
     offset,

backend/src/services/UserServices/ShowUserService.ts

@@ -12,7 +12,8 @@ const ShowUserService = async (id: string | number): Promise<User> => {
       "profile",
       "positionCompany",
       "positionId",
-      "tokenVersion"
+      "tokenVersion",
+      "transferToOtherQueues"
     ],
     include: [
       { model: Queue, as: "queues", attributes: ["id", "name", "color"] },

backend/src/services/UserServices/UpdateUserService.ts

@@ -12,6 +12,7 @@ interface UserData {
   positionId?: string;
   profile?: string;
   queueIds?: number[];
+  transferToOtherQueues: boolean;
 }
 
 interface Request {
@@ -75,7 +76,8 @@ const UpdateUserService = async ({
       name,
       positionCompany,
       positionId,
-      queueIds = []
+      queueIds = [],
+      transferToOtherQueues
     } = userData;
 
     try {
@@ -90,7 +92,8 @@ const UpdateUserService = async ({
       profile,
       positionCompany,
       positionId: !positionId ? null : positionId,
-      name
+      name,
+      transferToOtherQueues
     });
 
     await user.$set("queues", queueIds);
@@ -117,7 +120,8 @@ const UpdateUserService = async ({
       profile: _user.profile,
       queues: _user.queues,
       positionId: _user?.positionId,
-      position: _user.position
+      position: _user.position,
+      transferToOtherQueues: _user.transferToOtherQueues
     };
 
     return serializedUser;

frontend/src/components/Report/SelectField/index.js

@@ -10,11 +10,19 @@ const SelectTextFields = (props) => {
   if (!props.textBoxFieldSelected) {
     props.currencies.push({ 'value': 0, 'label': '' })
   }
+
+  if(props.textBoxFieldSelected === 'All'){
+    const already = props.currencies.findIndex(obj => obj.value === 'All');
+    if (already === -1) {
+    props.currencies.push({ 'value': 'All', 'label': 'All' })
+    }
+  }
+
   useEffect(() => {
 
     props.func(currency)
 
-  }, [currency, props])
+  }, [currency, props.textBoxFieldSelected])
 
   const handleChange = (event) => {
 

frontend/src/components/TicketsManager/index.js

@@ -19,6 +19,7 @@ import FindInPageIcon from '@material-ui/icons/FindInPage';
 
 import FormControlLabel from "@material-ui/core/FormControlLabel";
 import Switch from "@material-ui/core/Switch";
+import openSocket from "socket.io-client"
 
 import NewTicketModal from "../NewTicketModal";
 import TicketsList from "../TicketsList";
@@ -219,12 +220,18 @@ const TicketsManager = () => {
   useEffect(() => {
     if(settings?.length > 0 && getSettingValue('waitingTimeTickets') === 'enabled') {
       fetchTickets();
+      const intervalId = setInterval(fetchTickets, 55000);
+      const socket = openSocket(process.env.REACT_APP_BACKEND_URL)
     
-      const intervalId = setInterval(fetchTickets, 7000); 
+      socket.on("ticketStatus", (data) => {
-
+      if (data.action === "update") {
-      return () => {
+        fetchTickets();
-        clearInterval(intervalId);
+      }
-      };
+    })
+    return () => {
+      socket.disconnect()
+      clearInterval(intervalId)
+    }
     }
   }, [selectedQueueIds, settings]);
 

frontend/src/components/TransferTicketModal/index.js

@@ -97,7 +97,7 @@ const TransferTicketModal = ({ modalOpen, onClose, ticketid }) => {
 		}
 		else {
 
-			if (settings?.find(e => e?.key === 'queueTransferByWhatsappScope')?.value === 'enabled') {
+			if (settings?.find(e => e?.key === 'queueTransferByWhatsappScope')?.value === 'enabled' && !user.transferToOtherQueues) {
 				setQueues(_queues)
 			}
 			else {
@@ -190,7 +190,7 @@ const TransferTicketModal = ({ modalOpen, onClose, ticketid }) => {
 				try {
 
 
-					if (settings?.find(e => e?.key === 'queueTransferByWhatsappScope')?.value === 'enabled') {
+					if (settings?.find(e => e?.key === 'queueTransferByWhatsappScope')?.value === 'enabled' && !user.transferToOtherQueues) {
 						const { data } = await api.get(`/users/all`, {
 							params: { userId: user.id },
 						})
@@ -202,7 +202,7 @@ const TransferTicketModal = ({ modalOpen, onClose, ticketid }) => {
 					else {
 
 						const { data } = await api.get(`/users/all`, {
-							params: { profile: 'user' },
+							params: { profile: 'user', transferToOtherQueues: user.transferToOtherQueues },
 						})
 
 						setUsers(data.users)

frontend/src/components/UserModal/index.js

@@ -32,6 +32,7 @@ import toastError from "../../errors/toastError"
 import QueueSelect from "../QueueSelect"
 import { AuthContext } from "../../context/Auth/AuthContext"
 import { Can } from "../Can"
+import Switch from '@mui/material/Switch'
 
 const useStyles = makeStyles(theme => ({
 	root: {
@@ -95,6 +96,7 @@ const UserModal = ({ open, onClose, userId, }) => {
 	const [showPassword, setShowPassword] = useState(false)
 	const [positions, setPositions] = useState([])
 	const [selectedPosition, setSelectedPosition] = useState('')
+	const [checked, setChecked] = useState(false)
 
 	useEffect(() => {
 		const fetchUser = async () => {
@@ -112,6 +114,9 @@ const UserModal = ({ open, onClose, userId, }) => {
 					setSelectedPosition(data.positionId)
 				else
 					setSelectedPosition('')
+
+				
+				if(data.transferToOtherQueues) setChecked(data.transferToOtherQueues);
 			} catch (err) {
 				toastError(err)
 			}
@@ -136,10 +141,15 @@ const UserModal = ({ open, onClose, userId, }) => {
 	const handleClose = () => {
 		onClose()
 		setUser(initialState)
+		setChecked(false);
+	}
+
+	const handleChange = (event) => {
+		setChecked(event.target.checked)
 	}
 
 	const handleSaveUser = async values => {
-		const userData = { ...values, queueIds: selectedQueueIds, positionId: selectedPosition }
+		const userData = { ...values, queueIds: selectedQueueIds, positionId: selectedPosition, transferToOtherQueues: checked}
 		try {
 			if (userId) {
 
@@ -252,7 +262,7 @@ const UserModal = ({ open, onClose, userId, }) => {
 									fullWidth
 								/>
 								<div className={classes.multFieldLine}>
-									<Field
+									{/* <Field
 										as={TextField}
 										label="Cargo"
 										name="positionCompany"
@@ -261,7 +271,17 @@ const UserModal = ({ open, onClose, userId, }) => {
 										variant="outlined"
 										margin="dense"
 										fullWidth
-									/>
+									/> */}
+									<label style={{display: 'flex', alignItems:'center'}}>
+										Transferir para outras filas
+										<Switch
+										name= 'transferToOtherQueues'
+										checked={checked}
+										onChange={handleChange}
+										inputProps={{ 'aria-label': 'controlled' }}
+										/>
+									</label>
+									
 									<FormControl
 										variant="outlined"
 										className={classes.formControl}

frontend/src/pages/Dashboard/Chart.js

@@ -20,9 +20,10 @@ const Chart = (props) => {
 	const theme = useTheme();
 
 	const date = useRef(new Date().toISOString());
-	let { tickets } = useTickets({ date: date.current, unlimited: "current" });  
+	const queueIds = JSON.stringify( props.selectedQueue) || {};
+	let {tickets} = useTickets({ date: date.current, unlimited: "current", queueIds });
 
-	const [chartData, setChartData] = useState([
+	const modelChar = [
 		{ time: "08:00", amount: 0 },
 		{ time: "09:00", amount: 0 },
 		{ time: "10:00", amount: 0 },
@@ -35,11 +36,12 @@ const Chart = (props) => {
 		{ time: "17:00", amount: 0 },
 		{ time: "18:00", amount: 0 },
 		{ time: "19:00", amount: 0 },
-	]);
+	]
+	const [chartData, setChartData] = useState(modelChar);
 
 	useEffect(() => {
 		setChartData(prevState => {
-			let aux = [...prevState];
+			let aux = modelChar;
 
 			aux.forEach(a => {
 				tickets.forEach(ticket => { format(startOfHour(parseISO(ticket.createdAt)), "HH:mm") === a.time && a.amount++; });

frontend/src/pages/Dashboard/index.js

@@ -1,4 +1,4 @@
-import React, { useContext, useReducer, useEffect, useState } from "react"
+import React, { useContext, useReducer, useEffect, useState, useCallback } from "react"
 
 import { addHours, addMinutes, addSeconds, intervalToDuration } from "date-fns"
 
@@ -11,6 +11,7 @@ import Tooltip from "@mui/material/Tooltip"
 import Zoom from "@mui/material/Zoom"
 import IconButton from "@mui/material/IconButton"
 import Info from "@material-ui/icons/Info"
+import SelectField from "../../components/Report/SelectField"
 
 import { AuthContext } from "../../context/Auth/AuthContext"
 // import { i18n } from "../../translate/i18n";
@@ -254,12 +255,15 @@ const reducer = (state, action) => {
 }
 
 const Dashboard = () => {
+  const { user } = useContext(AuthContext)
   const classes = useStyles()
   const [usersOnlineInfo, dispatch] = useReducer(reducer, [])
   const [ticketStatusChange, setStatus] = useState()
   const [ticketsStatus, setTicktsStatus] = useState({ open: 0, openAll: 0, pending: 0, closed: 0 })
   const [ticketStatusChatEnd, setTicketStatusChatEnd] = useState([])
-  const { user } = useContext(AuthContext)
+
+  const userQueueIds = user.queues.map((q) => q.id);
+  const [selectedQueue, setSelectedQueue] = useState(userQueueIds || []);
 
   useEffect(() => {
     dispatch({ type: "RESET" })
@@ -286,14 +290,14 @@ const Dashboard = () => {
           let dateToday = `${date[2]}-${date[1]}-${date[0]}`
 
           const { data } = await api.get("/reports/user/services", {
-            params: { userId: null, startDate: dateToday, endDate: dateToday },
+            params: { userId: null, startDate: dateToday, endDate: dateToday, userQueues: selectedQueue },
           }) 
 
           dispatch({ type: "RESET" })
           dispatch({ type: "LOAD_QUERY", payload: data.usersProfile })
 
           const { data: ticketStatusChatEndData } = await api.get("/reports/count/statusChatEnd", {
-            params: { startDate: dateToday, endDate: dateToday },
+            params: { startDate: dateToday, endDate: dateToday, userQueues: selectedQueue },
           })
 
           setTicketStatusChatEnd(ticketStatusChatEndData.reportStatusChatEnd)
@@ -306,7 +310,7 @@ const Dashboard = () => {
       fetchQueries()
     }, 500)
     return () => clearTimeout(delayDebounceFn)
-  }, [])
+  }, [selectedQueue])
 
 
   useEffect(() => {
@@ -381,6 +385,18 @@ const Dashboard = () => {
     }
   }, [])
   
+  const handleSelectedQueue = useCallback((queueSelected) => {
+    if(queueSelected !== 'All'){
+      const queueIndex = user?.queues?.findIndex((q) => q.id === parseInt(queueSelected));
+      const queueIds = []
+      queueIds.push(user?.queues[queueIndex]?.id);
+      setSelectedQueue(queueIds);
+    }else{
+      const queueIds = user?.queues?.map((queue) => queue.id);
+      setSelectedQueue(queueIds);
+    }
+  },[user, setSelectedQueue])
+
   useEffect(() => {
     if (ticketStatusChange === "") return
     const delayDebounceFn = setTimeout(() => {
@@ -390,17 +406,17 @@ const Dashboard = () => {
           let dateToday = `${date[2]}-${date[1]}-${date[0]}`
 
           const _open = await api.get("/tickets/count", {
-            params: { status: "open", date: dateToday },
+            params: { status: "open", date: dateToday, queueIds: selectedQueue },
           })
           const _closed = await api.get("/tickets/count", {
-            params: { status: "closed", date: dateToday },
+            params: { status: "closed", date: dateToday, queueIds: selectedQueue },
           })
           const _pending = await api.get("/tickets/count", {
-            params: { status: "pending" },
+            params: { status: "pending", queueIds: selectedQueue },
           })
 
           const _openAll = await api.get("/tickets/count", {
-            params: { status: "open" },
+            params: { status: "open", queueIds: selectedQueue },
           })
           setTicktsStatus({
             open: _open.data.count,
@@ -419,7 +435,7 @@ const Dashboard = () => {
       fetchQueries()
     }, 500)
     return () => clearTimeout(delayDebounceFn)
-  }, [ticketStatusChange])
+  }, [ticketStatusChange, selectedQueue])
 
   return (
     <Can
@@ -451,6 +467,16 @@ const Dashboard = () => {
                   </Tooltip>
                 </Typography>
               </Grid>
+              <Grid style={{ display: 'flex', flexDirection: 'column', padding: '10px 0', alignItems: 'start' }}>
+              <SelectField
+                      func={handleSelectedQueue}
+                      textBoxFieldSelected={'All'}
+                      emptyField={false}
+                      header={'Filas'}
+                      currencies={user.queues.map((obj) => {
+                        return { 'value': obj.id, 'label': obj.name }
+                      })} />
+              </Grid>
               <Grid container spacing={3}>
                 <Grid item xs={12} sm={6} md={6} lg={4}>
                   <Paper
@@ -506,7 +532,7 @@ const Dashboard = () => {
                 <Grid item container spacing={3}>
                   <Grid item xs={12} sm={12} md={6} lg={6}>
                     <Paper className={classes.fixedHeightPaper} variant="outlined">
-                      <Chart allTickets={usersOnlineInfo} />
+                      <Chart allTickets={usersOnlineInfo} selectedQueue = {selectedQueue}/>
                     </Paper>
                   </Grid>
                   <Grid item xs={12} sm={12} md={6} lg={6}>

frontend/src/pages/Settings/index.js

@@ -446,6 +446,88 @@ const Settings = () => {
             </Container>
           </div>
 
+          <div className={classes.root}>
+            <Container className={classes.container} maxWidth="sm">
+              <Paper className={classes.paper}>
+                <Typography variant="body1">
+                  Noficar quando entrar novo ticket na fila
+                </Typography>
+
+                <Select
+                  margin="dense"
+                  variant="outlined"
+                  native
+                  id="notificationTransferQueue-setting"
+                  name="notificationTransferQueue"
+                  value={
+                    settings &&
+                    settings.length > 0 &&
+                    getSettingValue('notificationTransferQueue')
+                  }
+                  className={classes.settingOption}
+                  onChange={handleChangeSetting}
+                >
+                  <option value="enabled">Ativado</option>
+                  <option value="disabled">Desativado</option>
+                </Select>
+              </Paper>
+            </Container>
+          </div>
+          <div className={classes.root}>
+            <Container className={classes.container} maxWidth="sm">
+              <Paper className={classes.paper}>
+                <Typography variant="body1">
+                  Bloquear mídias de Audio e Video
+                </Typography>
+
+                <Select
+                  margin="dense"
+                  variant="outlined"
+                  native
+                  id="blockAudioVideoMedia-setting"
+                  name="blockAudioVideoMedia"
+                  value={
+                    settings &&
+                    settings.length > 0 &&
+                    getSettingValue('blockAudioVideoMedia')
+                  }
+                  className={classes.settingOption}
+                  onChange={handleChangeSetting}
+                >
+                  <option value="enabled">Ativado</option>
+                  <option value="disabled">Desativado</option>
+                </Select>
+              </Paper>
+            </Container>
+          </div>
+
+          <div className={classes.root}>
+            <Container className={classes.container} maxWidth="sm">
+              <Paper className={classes.paper}>
+                <Typography variant="body1">
+                  Mostrar tempo de espera dos tickets aguardando
+                </Typography>
+
+                <Select
+                  margin="dense"
+                  variant="outlined"
+                  native
+                  id="waitingTimeTickets-setting"
+                  name="waitingTimeTickets"
+                  value={
+                    settings &&
+                    settings.length > 0 &&
+                    getSettingValue('waitingTimeTickets')
+                  }
+                  className={classes.settingOption}
+                  onChange={handleChangeSetting}
+                >
+                  <option value="enabled">Ativado</option>
+                  <option value="disabled">Desativado</option>
+                </Select>
+              </Paper>
+            </Container>
+          </div>        
         </div>
       )}
     />