+ {/* 1.0 VALIDACION AGENTE */}
{isUnspecified && (
Agente no conectado o IP no disponible.
@@ -95,45 +41,53 @@ export default function AdminActions({ data }) {
)}
+ {/*1.1 MAPEO DE BOTONES */}
{actions.map((action, index) => {
- const conditions = { notpaused, paused, notCall };
- const individuallyDisabled = action.disabledIf(conditions);
- const shouldDisable = isUnspecified || individuallyDisabled;
-
- return (
-
- );
- })}
- {toast.show && (
-
-
-
- {toast.success ? : }
-
- {toast.message}
-
+ const disabled = isUnspecified || action.disabledIf(conditions);
+ return (
+
showModal() : action.onClick}
+ disabled={disabled}
+ bg={action.bg}
+ border={action.border}
+ />
+ );
+ })}
+
+ {/* 1.3 MOSTRAR TOATS */}
+ {handlers.toast.show && (
+
+
+
+ {handlers.toast.success ? : }
- )}
+ {handlers.toast.message}
+
+
+ )}
+
+ {modal.show && (
+
+ {
+ console.log('Transferir a:', queue);
+ hideModal(); // También puedes cerrarlo aquí
+ }}
+ />
+
+ )}
+
+
-
);
}
+
\ No newline at end of file
diff --git a/resources/js/components/transferModal.jsx b/resources/js/components/transferModal.jsx
new file mode 100644
index 0000000..3dba6ee
--- /dev/null
+++ b/resources/js/components/transferModal.jsx
@@ -0,0 +1,56 @@
+import React from "react";
+import { useState } from "react";
+import AgentModalWrapper from '@/components/agentsModalWrapper';
+
+function TransferModal ({hideModal, handleTransfer}){
+ const [selectedQueue, setSelectedQueue] = useState(null)
+ return(
+ <>
+
Transferir llamada
+
+
+ ⚠️ Esta acción puede afectar la llamada en curso. El registro de la transferencia quedará guardado en el sistema.
+
+
+
+
+
+ {['Tramites', 'Soporte', 'Movil', 'Retencion', 'Pruebas'].map((area) => (
+
+ ))}
+
+
+
+
+
+
+
+
+ );
+}
+
+export default TransferModal;
\ No newline at end of file
diff --git a/resources/js/hooks/useAdminButtons.jsx b/resources/js/hooks/useAdminButtons.jsx
new file mode 100644
index 0000000..db03291
--- /dev/null
+++ b/resources/js/hooks/useAdminButtons.jsx
@@ -0,0 +1,70 @@
+
+import {
+ HiPhoneXMark,
+ HiArrowRightCircle,
+ HiPause,
+ HiLockClosed,
+ HiArrowPath,
+ HiCheckCircle,
+} from 'react-icons/hi2';
+
+export default function useAdminButtons({ data, handlers }) {
+ const notpaused = data?.member?.pausa === null;
+ const paused = data?.member?.pausa != null;
+ const notCall = data?.duration === null;
+
+ const conditions = { notpaused, paused, notCall };
+
+ const actions = [
+ {
+ label: 'Finalizar llamada',
+ icon:
,
+ bg: 'hover:bg-red-50 dark:hover:bg-red-400/60',
+ border: 'border-red-200 dark:border-black',
+ onClick: handlers.handleHangup,
+ disabledIf: (c) => c.notCall,
+ },
+ {
+ label: 'Transferir llamada',
+ icon:
,
+ bg: 'hover:bg-blue-50 dark:hover:bg-blue-400/60',
+ border: 'border-blue-200 dark:border-black',
+ onClick: () => handlers.modal,
+ disabledIf: (c) => c.paused,
+ },
+ {
+ label: 'Pausar agente',
+ icon:
,
+ bg: 'hover:bg-yellow-50 dark:hover:bg-yellow-300/60',
+ border: 'border-yellow-200 dark:border-black',
+ onClick: handlers.handlePause,
+ disabledIf: (c) => c.paused,
+ },
+ {
+ label: 'Desloguear agente',
+ icon:
,
+ bg: 'hover:bg-gray-50 dark:hover:bg-gray-400/60',
+ border: 'border-gray-200 dark:border-black',
+ onClick: () => alert('Desloguear agente'),
+ disabledIf: () => false,
+ },
+ {
+ label: 'Mover a cola',
+ icon:
,
+ bg: 'hover:bg-indigo-50 dark:hover:bg-indigo-400/60',
+ border: 'border-indigo-200 dark:border-black',
+ onClick: () => alert('Mover a cola'),
+ disabledIf: () => false,
+ },
+ {
+ label: 'Volver a disponible',
+ icon:
,
+ bg: 'hover:bg-green-50 dark:hover:bg-green-400/60',
+ border: 'border-green-200 dark:border-black',
+ onClick: handlers.handleUnpause,
+ disabledIf: (c) => c.notpaused,
+ },
+ ];
+
+ return { actions, conditions };
+}
diff --git a/resources/js/hooks/useAdminHandlers.jsx b/resources/js/hooks/useAdminHandlers.jsx
new file mode 100644
index 0000000..a679a2c
--- /dev/null
+++ b/resources/js/hooks/useAdminHandlers.jsx
@@ -0,0 +1,36 @@
+import { useState } from 'react';
+import hangupChannel from '@/components/actionsAgent/deleteCall';
+import PausedExtension from '@/components/actionsAgent/pausedExtension';
+import UnpauseExtension from '@/components/actionsAgent/unpauseExtension';
+
+export default function useAdminHandlers(data) {
+ const [toast, setToast] = useState({ show: false, success: true, message: '' });
+
+ const showToast = (result) => {
+ setToast({ show: true, success: result.success, message: result.message });
+ setTimeout(() => setToast({ show: false, success: true, message: '' }), 4000);
+ };
+
+ const handleHangup = async () => {
+ const result = await hangupChannel(data?.canal);
+ showToast(result);
+ };
+
+ const handlePause = async () => {
+ const result = await PausedExtension(data?.extension);
+ showToast(result);
+ };
+
+ const handleUnpause = async () => {
+ const result = await UnpauseExtension(data?.extension);
+ showToast(result);
+ };
+
+ const handleTransfer = async () => {
+ const result = await UnpauseExtension(data?.extension);
+ showToast(result);
+ };
+
+
+ return { handleHangup, handlePause, handleUnpause, toast };
+}
\ No newline at end of file
diff --git a/resources/js/hooks/useAdminModal.jsx b/resources/js/hooks/useAdminModal.jsx
new file mode 100644
index 0000000..1bc6ff4
--- /dev/null
+++ b/resources/js/hooks/useAdminModal.jsx
@@ -0,0 +1,15 @@
+import { useState } from 'react';
+
+export default function useAdminModal() {
+ const [modal, setModal] = useState({ show: false, message: '' });
+
+ const showModal = (message) => {
+ setModal({ show: true, message });
+ };
+
+ const hideModal = () => {
+ setModal({ show: false, message: '' });
+ };
+
+ return { modal, showModal, hideModal };
+}
diff --git a/routes/api.php b/routes/api.php
index 3a9da11..8875e78 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -14,4 +14,5 @@
Route::get('/agent/{extension}', [PostProxyController::class, 'userData']);
Route::get('/getOverview', [PostProxyController::class, 'getOverview']);
Route::post('/hangup-channel', [PostProxyController::class, 'chanelHangup']);
-Route::post('/paused-extension', [PostProxyController::class, 'pausedExtension']);
\ No newline at end of file
+Route::post('/pause-extension', [PostProxyController::class, 'pauseExtension']);
+Route::post('/unpause-extension', [PostProxyController::class, 'unpauseExtension']);
\ No newline at end of file