usite-sas-bic/whatsapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
lizandrogd
2026-01-21 14:57:57 -05:00
parent 9881a94301
commit 0f882f6b40
4 changed files with 265 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
api/version/media-url_debug.log
+3
View File
@@ -41,3 +41,6 @@
[2026-01-21 14:36:28] Request: GET /api/version/media-url.php?id=3932473397057815 GET:{"id":"3932473397057815"} POST:[]
[2026-01-21 14:36:28] Graph API request to https://graph.facebook.com/v22.0/3932473397057815
[2026-01-21 14:36:28] Proxying Facebook media URL with Authorization to https://lookaside.fbsbx.com/whatsapp_business/attachments/?mid=3932473397057815&source=getMedia&ext=1769024478&hash=ARnqos_pCP3NfJt-KYcvnkTwjW6kr9XG7VcoVUSjRh6YAQ
[2026-01-21 14:40:09] Request: GET /api/version/media-url.php?id=3932473397057815 GET:{"id":"3932473397057815"} POST:[]
[2026-01-21 14:40:09] Graph API request to https://graph.facebook.com/v22.0/3932473397057815
[2026-01-21 14:40:10] Proxying Facebook media URL with Authorization to https://lookaside.fbsbx.com/whatsapp_business/attachments/?mid=3932473397057815&source=getMedia&ext=1769024699&hash=ARlXiE4qXDbAzqzvCutrIryD_tdYaN1gjuIZWoBHDbilqQ
chat_window.php
+64
View File
@@ -427,6 +427,11 @@ if (empty($user_id)) {
<input type="text" class="form-control form-control-sm mt-2" id="mediaCaption"
placeholder="Agregar caption (opcional)...">
</div>
<!-- Quick replies (Respuestas rápidas) -->
<div id="quickRepliesContainer" style="display:none; margin-bottom:10px;">
<div class="d-flex flex-wrap" id="quickRepliesButtons" style="gap:8px;"></div>
</div>
<div class="input-group">
<input type="file" id="fileInput" style="display: none;"
@@ -444,6 +449,14 @@ if (empty($user_id)) {
<i class="fas fa-paper-plane"></i>
</button>
</div>
<!-- Quick replies toggle -->
<div class="mt-2 d-flex align-items-center">
<button class="btn btn-sm btn-outline-secondary" id="toggleQuickRepliesBtn" onclick="toggleQuickReplies()">
<i class="fas fa-bolt"></i> Respuestas rápidas
</button>
<small class="ms-2 text-muted">Usa respuestas automáticas rápidas</small>
</div>
</div>
</div>
</div>
@@ -555,6 +568,9 @@ if (empty($user_id)) {
// Cargar plantillas
loadTemplates();
// Cargar respuestas rápidas (quick replies)
loadQuickReplies();
} else {
showError('Error cargando datos del usuario');
@@ -985,6 +1001,54 @@ if (empty($user_id)) {
}
}, 5000);
}
// ===== Quick replies (Respuestas rápidas) =====
async function loadQuickReplies() {
try {
const resp = await whatsappManager.apiCall('get_autoresponses.php');
const container = document.getElementById('quickRepliesButtons');
const wrapper = document.getElementById('quickRepliesContainer');
container.innerHTML = '';
if (resp && resp.success && Array.isArray(resp.data)) {
const responses = resp.data;
// Filtrar solo respuestas tipo text y activas
responses.forEach(r => {
if (r.is_active && (r.response_type === 'text' || !r.response_type)) {
const btn = document.createElement('button');
btn.type = 'button';
btn.className = 'btn btn-sm btn-outline-primary';
btn.textContent = r.response_text.length > 40 ? r.response_text.substr(0, 40) + '…' : r.response_text;
btn.title = r.response_text;
btn.onclick = function() {
// enviar la respuesta rápida
sendTextMessage(r.response_text);
// Registrar en UI
showAlert('Respuesta rápida enviada', 'success');
};
container.appendChild(btn);
}
});
// Mostrar contenedor solo si hay respuestas
if (container.children.length) {
wrapper.style.display = 'block';
} else {
wrapper.style.display = 'none';
}
} else {
wrapper.style.display = 'none';
}
} catch (err) {
console.error('Error cargando respuestas rápidas:', err);
}
}
function toggleQuickReplies() {
const wrapper = document.getElementById('quickRepliesContainer');
if (!wrapper) return;
wrapper.style.display = (wrapper.style.display === 'block') ? 'none' : 'block';
}
function showError(message) {
showAlert(message, 'danger');
index.php
+156 -2
View File
@@ -64,6 +64,9 @@ try {
<!-- Main Content -->
<main class="main-content">
<!-- Notification toasts container (global) -->
<div id="global-notification-toasts" style="position:fixed; top:12px; right:12px; z-index:9999;"></div>
<!-- Header -->
<header class="content-header">
<div>
@@ -77,8 +80,13 @@ try {
<div class="status-badge">
<span class="status-dot status-online"></span>
<span class="status-text">En línea</span>
</div>
<button class="btn btn-primary me-2" onclick="refreshData()">
</div> <!-- Notification bell -->
<div class="me-2">
<button id="notification-bell" class="btn btn-light position-relative" title="Notificaciones">
<i class="fas fa-bell"></i>
<span id="notification-count" class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger" style="display:none;">0</span>
</button>
</div> <button class="btn btn-primary me-2" onclick="refreshData()">
<i class="fas fa-sync-alt"></i> Actualizar
</button>
<a href="logout.php" class="btn btn-outline-danger" onclick="return confirm('¿Está seguro que desea cerrar sesión?')">
@@ -924,6 +932,152 @@ try {
</div>
</div>
</div>
<script>
// Global Notification Manager: polls server for unread notifications and shows toasts + native notifications
const NotificationManager = {
interval: 7000,
init() {
this.bell = document.getElementById('notification-bell');
this.countEl = document.getElementById('notification-count');
this.toastsContainer = document.getElementById('global-notification-toasts');
if (this.bell) {
this.bell.addEventListener('click', () => {
// switch to conversations tab
const convLink = document.querySelector('.nav-link[data-tab="conversations"]');
if (convLink) convLink.click();
// Request notification permission on explicit interaction
if ("Notification" in window && Notification.permission === 'default') {
Notification.requestPermission().then(p => console.log('Notification permission:', p));
}
});
}
this.loadNotifications();
this._timer = setInterval(() => this.loadNotifications(), this.interval);
},
async loadNotifications() {
try {
const resp = await fetch('api/get_notifications.php');
const json = await resp.json();
if (json && json.success && Array.isArray(json.data)) {
const unreadCount = json.data.length;
if (unreadCount > 0) {
this.countEl.textContent = unreadCount;
this.countEl.style.display = 'inline-block';
} else {
this.countEl.style.display = 'none';
}
json.data.forEach(n => this.showToast(n));
}
} catch (e) {
console.error('Error loading global notifications', e);
}
},
showToast(notification) {
const toast = document.createElement('div');
toast.className = 'notification-toast';
toast.style.background = '#fff';
toast.style.padding = '10px 14px';
toast.style.border = '1px solid #ddd';
toast.style.boxShadow = '0 2px 6px rgba(0,0,0,0.12)';
toast.style.marginTop = '8px';
toast.style.borderRadius = '6px';
toast.style.minWidth = '220px';
const msg = document.createElement('div');
msg.textContent = notification.message || 'Nuevo evento';
toast.appendChild(msg);
const actions = document.createElement('div');
actions.style.marginTop = '8px';
actions.style.display = 'flex';
actions.style.gap = '8px';
const openBtn = document.createElement('button');
openBtn.className = 'btn btn-sm btn-primary';
openBtn.textContent = 'Abrir';
openBtn.onclick = async () => {
await fetch('api/mark_notification_read.php', {method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({id: notification.id})});
let data = {};
try { data = notification.data ? JSON.parse(notification.data) : {}; } catch(e) {}
const userId = data.user_id || notification.user_id;
if (userId) {
const convLink = document.querySelector('.nav-link[data-tab="conversations"]');
if (convLink) convLink.click();
const tryOpen = () => {
if (window.chatApp && typeof window.chatApp.openConversation === 'function') {
window.chatApp.openConversation(userId, 'Usuario', '');
} else {
setTimeout(tryOpen, 300);
}
};
tryOpen();
}
toast.remove();
};
const dismiss = document.createElement('button');
dismiss.className = 'btn btn-sm btn-secondary';
dismiss.textContent = 'Descartar';
dismiss.onclick = async () => {
await fetch('api/mark_notification_read.php', {method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({id: notification.id})});
toast.remove();
};
actions.appendChild(openBtn);
actions.appendChild(dismiss);
toast.appendChild(actions);
this.toastsContainer.appendChild(toast);
// native notification
if ("Notification" in window && Notification.permission === 'granted') {
try {
const data = notification.data ? JSON.parse(notification.data) : {};
const n = new Notification(notification.message || 'Nuevo evento', { body: (data.phone || '') });
n.onclick = function() {
window.focus();
const userId = data.user_id || notification.user_id;
if (userId) {
const convLink = document.querySelector('.nav-link[data-tab="conversations"]');
if (convLink) convLink.click();
const tryOpen = () => {
if (window.chatApp && typeof window.chatApp.openConversation === 'function') {
window.chatApp.openConversation(userId, 'Usuario', '');
} else {
setTimeout(tryOpen, 300);
}
};
tryOpen();
}
n.close();
};
} catch (e) { console.warn('native notification failed', e); }
}
// play sound
try {
const ctx = new (window.AudioContext || window.webkitAudioContext)();
const o = ctx.createOscillator();
const g = ctx.createGain();
o.type = 'sine';
o.frequency.value = 880;
o.connect(g);
g.connect(ctx.destination);
g.gain.value = 0.05;
o.start();
setTimeout(() => { o.stop(); ctx.close(); }, 180);
} catch (e) { console.warn('Notification sound failed', e); }
setTimeout(() => { if (toast.parentNode) toast.remove(); }, 18000);
}
};
document.addEventListener('DOMContentLoaded', () => {
try { NotificationManager.init(); } catch(e) { console.error('NotificationManager init failed', e); }
});
</script>
</body>
</html>
services/BotService.php
+42 -21
View File
@@ -36,14 +36,25 @@ class BotService {
return;
}
// Si el usuario está en espera por un asesor, no procesar
// Si el usuario está en espera por un asesor, y el periodo no expiró, no procesar.
if (!empty($user['on_hold']) && $user['on_hold']) {
try {
$this->whatsappService->sendTextMessage($phoneNumber, "⚠️ Has sido puesto en espera por un asesor. En breve te contactarán.");
} catch (Exception $e) {
// ignore
$now = time();
$until = null;
if (!empty($user['bot_paused_until'])) {
$until = strtotime($user['bot_paused_until']);
}
// Si hay un tiempo de expiración y aún no pasó, notificar y retornar
if ($until && $until > $now) {
try {
$this->whatsappService->sendTextMessage($phoneNumber, "⚠️ Has sido puesto en espera por un asesor. Estarás en espera hasta " . date('H:i', $until) . ". Si no hay respuesta, podrás usar *menu*." );
} catch (Exception $e) {
// ignore
}
return;
} else {
// El hold expiró, liberar y continuar
$this->releaseHold($phoneNumber);
}
return;
}
// Si el bot está pausado por bot_paused_until, no responder automáticamente
@@ -67,8 +78,9 @@ class BotService {
if ($user['current_menu_id']) {
$this->processMenuSelection($user, $messageText);
} else {
// Procesar respuestas automáticas o comando menu
$this->processAutoResponses($phoneNumber, $messageText);
// No usar las "respuestas rápidas" (autoresponses) automáticamente desde el bot.
// Estas respuestas solo se mostrarán en la UI del chat como "respuestas rápidas".
$this->sendDefaultNoMatch($phoneNumber);
}
}
@@ -126,9 +138,9 @@ class BotService {
case 'asesor':
case 'ayuda':
// Poner la conversación en espera y notificar al usuario
$this->putOnHold($phoneNumber);
return true;
// Solicitar asesor: poner espera temporal de 5 minutos (no permanente)
$this->putOnHold($phoneNumber, 5);
return true;
}
return false;
@@ -326,11 +338,18 @@ class BotService {
$this->showMainMenu($phoneNumber);
}
} else {
// Respuesta por defecto para mensajes no reconocidos
$defaultMessage = "🤖 No entendí tu mensaje. Escribe *menu* para ver las opciones disponibles o *ayuda* para obtener ayuda.";
$this->whatsappService->sendTextMessage($phoneNumber, $defaultMessage);
// Respuesta por defecto para mensajes no reconocidos cuando se llama explícitamente
$this->sendDefaultNoMatch($phoneNumber);
}
}
/**
* Enviar mensaje por defecto cuando no hay coincidencias
*/
private function sendDefaultNoMatch($phoneNumber) {
$defaultMessage = "🤖 No entendí tu mensaje. Escribe *menu* para ver las opciones disponibles o *ayuda* para obtener ayuda.";
$this->whatsappService->sendTextMessage($phoneNumber, $defaultMessage);
}
/**
* Salir del menú actual
@@ -358,13 +377,15 @@ class BotService {
}
/**
* Poner conversación en espera (asesor solicitado)
* Poner conversación en espera (asesor solicitado) por X minutos
*/
public function putOnHold($phoneNumber) {
public function putOnHold($phoneNumber, $minutes = 5) {
try {
$this->db->update('users', ['on_hold' => 1], 'phone_number = :phone', ['phone' => $phoneNumber]);
$this->whatsappService->sendTextMessage($phoneNumber, "🔔 Se ha solicitado un asesor. Te hemos puesto en espera. Te contactaremos en breve.");
if (function_exists('writeLog')) writeLog('INFO', "Advisor requested for $phoneNumber");
$pausedUntil = date('Y-m-d H:i:s', strtotime("+{$minutes} minutes"));
// Guardar bandera y tiempo de expiración (usamos bot_paused_until que ya existe)
$this->db->update('users', ['on_hold' => 1, 'bot_paused_until' => $pausedUntil], 'phone_number = :phone', ['phone' => $phoneNumber]);
$this->whatsappService->sendTextMessage($phoneNumber, "🔔 Se ha solicitado un asesor. Te hemos puesto en espera por {$minutes} minutos. Si no hay respuesta, podrás volver a usar *menu*." );
if (function_exists('writeLog')) writeLog('INFO', "Advisor requested for $phoneNumber until $pausedUntil");
} catch (Exception $e) {
error_log('putOnHold failed: ' . $e->getMessage());
}
@@ -372,8 +393,8 @@ class BotService {
public function releaseHold($phoneNumber) {
try {
$this->db->update('users', ['on_hold' => 0], 'phone_number = :phone', ['phone' => $phoneNumber]);
$this->whatsappService->sendTextMessage($phoneNumber, "🔔 Tu conversación ha sido retomada por el equipo.");
$this->db->update('users', ['on_hold' => 0, 'bot_paused_until' => null], 'phone_number = :phone', ['phone' => $phoneNumber]);
$this->whatsappService->sendTextMessage($phoneNumber, "🔔 Tu conversación ha sido retomada por el equipo. Puedes usar *menu* para continuar.");
if (function_exists('writeLog')) writeLog('INFO', "Advisor released hold for $phoneNumber");
} catch (Exception $e) {
error_log('releaseHold failed: ' . $e->getMessage());