Merge pull request #4 from chechojgb/extensionDetail

refactor: Transferencia llamada

Author: chechojgb

app/Http/Controllers/PostProxyController.php

@@ -231,17 +231,16 @@ public function unpauseExtension(Request $request): JsonResponse
 
     public function channelTransfer(Request $request): JsonResponse
     {
-        $channel = $request->input('channel');
-        $destiny = $request->input('destiny');
+        $channel = $request->input('canal');
+        $destino = $request->input('destino'); // ← este nombre es el correcto
 
-        if (!$channel || !$destiny) {
-            return response()->json(['error' => 'Extensión no proporcionada'], 400);
+        if (!$channel || !$destino) {
+            return response()->json(['error' => 'Todos los datos no fueron proporcionados'], 400);
         }
 
-
         $response = Http::post('http://10.57.251.181:3006/transferir', [
             'canal' => $channel,
-            'destino' => $destiny,
+            'destino' => $destino, // ← debe mantenerse igual que en Postman
         ]);
 
         if ($response->successful()) {
@@ -251,4 +250,6 @@ public function channelTransfer(Request $request): JsonResponse
         return response()->json(['error' => 'No se pudo transferir la llamada'], 500);
     }
 
+
+
 }

resources/js/components/actionsAgent/transferCall.jsx

@@ -0,0 +1,30 @@
+export default async function TransferCall({ canal, destino }) {
+  const payload = {
+    canal,
+    destino,
+  };
+
+  console.log('➡️ Enviando a la API:', payload);
+
+  try {
+    const response = await fetch('/api/transfer-call', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Accept: 'application/json',
+      },
+      body: JSON.stringify(payload),
+    });
+
+    const data = await response.json();
+
+    if (response.ok) {
+      return { success: true, message: data.message };
+    } else {
+      return { success: false, message: data.error || 'Error desconocido' };
+    }
+  } catch (error) {
+    console.error('Error al transferir:', error);
+    return { success: false, message: 'Error de red o servidor' };
+  }
+}

resources/js/components/adminActions.jsx

@@ -43,7 +43,7 @@ export default function AdminActions({ data }) {
       <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
         {/*1.1 MAPEO DE BOTONES */}
         {actions.map((action, index) => {
-          const disabled = isUnspecified || action.disabledIf(conditions);
+          const disabled =  isUnspecified || action.disabledIf(conditions);
           return (
             <AdminActionButton
               key={index}
@@ -77,10 +77,7 @@ export default function AdminActions({ data }) {
         <AgentModalWrapper closeModal={hideModal}>
           <TransferModal
             hideModal={hideModal}
-            handleTransfer={(queue) => {
-              console.log('Transferir a:', queue);
-              hideModal(); // También puedes cerrarlo aquí
-            }}
+            handlers={handlers}
           />
         </AgentModalWrapper>
       )}

resources/js/components/transferModal.jsx

@@ -2,8 +2,8 @@ import React from "react";
 import { useState } from "react";
 import AgentModalWrapper from '@/components/agentsModalWrapper';
 
-function TransferModal ({hideModal, handleTransfer}){
-    const [selectedQueue, setSelectedQueue] = useState(null)
+function TransferModal ({hideModal, handlers}){
+    const [selectedOperation, setSelectedOperation] = useState(null)
     return(
         <>
             <h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">Transferir llamada</h3>
@@ -18,9 +18,9 @@ function TransferModal ({hideModal, handleTransfer}){
                 {['Tramites', 'Soporte', 'Movil', 'Retencion', 'Pruebas'].map((area) => (
                   <button
                     key={area}
-                    onClick={() => setSelectedQueue(area)} // Define esta función en tu estado
+                    onClick={() => setSelectedOperation(area)} 
                     className={`w-full py-2 px-3 text-sm rounded-md font-medium border dark:border-gray-600 transition ${
-                      selectedQueue === area
+                      selectedOperation === area
                         ? 'bg-indigo-600 text-white'
                         : 'bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-white hover:bg-gray-200 dark:hover:bg-gray-600'
                     }`}
@@ -40,11 +40,11 @@ function TransferModal ({hideModal, handleTransfer}){
               </button>
               <button
                 onClick={() => {
-                  handleTransfer(selectedQueue);
+                  handlers.handleTransfer(selectedOperation);
                   hideModal();
                 }}
                 className="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded text-sm font-medium"
-                disabled={!selectedQueue}
+                disabled={!selectedOperation}
               >
                 Confirmar
               </button>

resources/js/hooks/useAdminButtons.jsx

@@ -30,7 +30,7 @@ export default function useAdminButtons({ data, handlers }) {
       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,
+      disabledIf: (c) => c.notCall,
     },
     {
       label: 'Pausar agente',

resources/js/hooks/useAdminHandlers.jsx

@@ -2,6 +2,7 @@ import { useState } from 'react';
 import hangupChannel from '@/components/actionsAgent/deleteCall';
 import PausedExtension from '@/components/actionsAgent/pausedExtension';
 import UnpauseExtension from '@/components/actionsAgent/unpauseExtension';
+import TransferCall from '@/components/actionsAgent/transferCall';
 
 export default function useAdminHandlers(data) {
   const [toast, setToast] = useState({ show: false, success: true, message: '' });
@@ -26,11 +27,11 @@ export default function useAdminHandlers(data) {
     showToast(result);
   };
 
-  const handleTransfer = async () => {
-    const result = await UnpauseExtension(data?.extension);
+  const handleTransfer = async (destino) => {
+    const result = await TransferCall({ canal: data?.canalRelacionado, destino });
     showToast(result);
   };
 
 
-  return { handleHangup, handlePause, handleUnpause, toast };
+  return { handleHangup, handlePause, handleUnpause,handleTransfer, toast };
 }

routes/api.php

@@ -15,4 +15,5 @@
 Route::get('/getOverview', [PostProxyController::class, 'getOverview']);
 Route::post('/hangup-channel', [PostProxyController::class, 'chanelHangup']);
 Route::post('/pause-extension', [PostProxyController::class, 'pauseExtension']);
-Route::post('/unpause-extension', [PostProxyController::class, 'unpauseExtension']);
+Route::post('/unpause-extension', [PostProxyController::class, 'unpauseExtension']);
+Route::post('/transfer-call', [PostProxyController::class, 'channelTransfer']);