/* ── ELE WIDGET — PIA Chat v3 ──────────────────────────────────── */
/* State machine. Vanilla JS. No frameworks. */
// Base URL: detecta desde dónde se carga el script para auto-inyectar CSS.
// Con `defer`, document.currentScript puede ser null → buscamos en todos los scripts.
var _ELE_SCRIPT_SRC = (function () {
if (document.currentScript && document.currentScript.src) return document.currentScript.src;
var scripts = document.getElementsByTagName('script');
for (var i = 0; i < scripts.length; i++) {
if (scripts[i].src && scripts[i].src.indexOf('index.js') > -1) return scripts[i].src;
}
return '';
}());
var _ELE_BASE = _ELE_SCRIPT_SRC
? _ELE_SCRIPT_SRC.replace(/\/index\.js(\?.*)?$/, '/')
: 'https://widget.soypia.com/';
// ============================================
// SECCIÓN 1: CONFIGURACIÓN
// ============================================
const CONFIG = {
API_URL: 'https://wkklgodtwlzxclpzubfr.supabase.co/functions/v1/web-chat',
PROACTIVE_DELAY: 13000,
GREETED_KEY: 'ele_greeted',
SESSION_KEY: 'ele_session_id',
MESSAGES_KEY: 'ele_messages',
DELAY_BASE: 800,
DELAY_PER_CHAR: 30,
DELAY_MAX: 4000,
STREAMING_SPEED: 25,
BOOKING_URL: 'https://outlook.office.com/book/SoportePia@soypia.com/',
BOOKING_TIMEOUT: 3000,
};
const GREETINGS = {
hero: 'Hola, soy Ele de PIA. Si no encontrás lo que buscás acá, contame y te ayudo.',
tp: 'Esa capacidad que se gasta en perseguir y reconstruir. Cuántas personas dedicás a eso hoy?',
s3: 'Querés ver cómo esto aplica en tu tipo de operación?',
faq: 'Si no encontrás lo que buscás acá, contame y te ayudo.',
cta: '20 minutos y te mostramos cómo aplica en tu operación. Qué días te funcionan?',
};
const BUTTONS = {
hero: [
{ text: 'Tengo una pregunta', icon: 'chat', action: 'chat' },
{ text: 'Aplica para mi operación?', icon: 'search', action: 'chat' },
{ text: 'Agendar llamada', icon: 'calendar', action: 'booking' },
],
tp: [
{ text: 'Cómo se activa?', icon: 'chat', action: 'chat' },
{ text: 'Qué incluye la entrada?', icon: 'chat', action: 'chat' },
{ text: 'Agendar llamada', icon: 'calendar', action: 'booking' },
],
s3: [
{ text: 'Equipo en campo', icon: 'chat', action: 'chat' },
{ text: 'Cumplimiento/auditoría', icon: 'chat', action: 'chat' },
{ text: 'Agendar llamada', icon: 'calendar', action: 'booking' },
],
faq: [
{ text: 'Tengo otra pregunta', icon: 'chat', action: 'chat' },
{ text: 'Hablar con alguien', icon: 'chat', action: 'chat' },
{ text: 'Agendar llamada', icon: 'calendar', action: 'booking' },
],
cta: [
{ text: 'Agendar llamada', icon: 'calendar', action: 'booking' },
{ text: 'WhatsApp directo', icon: 'wa', action: 'whatsapp' },
],
};
// ============================================
// SECCIÓN 1b: TEXTOS UI (multi-tenant ready)
// ============================================
// Fuente única de todos los strings visibles al usuario.
// En el futuro estos textos vendrán de la DB por organización.
const TEXTS = {
mic_no_support: 'Tu navegador no soporta grabación de audio',
mic_permission: 'Permite el micrófono para grabar',
audio_processing: 'Procesando audio…',
audio_fail: 'No pude entender el audio. Podés intentar de nuevo o escribirme por texto?',
audio_send_error: 'No se pudo enviar. Tocá para reintentar.',
audio_limit_warning: 'Máximo 2 minutos',
};
const WA_URL = 'https://wa.me/50664837800?text=Hola%2C+vi+el+sitio+de+PIA+y+quiero+entender+si+aplica+para+mi+operaci%C3%B3n.';
const ICON = {
chat: '',
calendar: '',
search: '',
wa: '',
};
// ============================================
// SECCIÓN 2: STATE MACHINE
// ============================================
const STATE = {
view: 'closed', // 'closed' | 'home' | 'chat' | 'booking'
messages: [],
section: 'hero',
greetingShown: false,
greetingFrozen: false,
isTyping: false,
sessionId: sessionStorage.getItem('ele_session_id') || null,
shareOpen: false,
// Booking calendar state
bookingDate: null, // { year, month } currently displayed
bookingDay: null, // selected day number
bookingSlot: null, // '9-12' | '14-17'
// Audio state
audioMode: null, // null | 'recording'
audioBlob: null,
audioURL: null,
audioSeconds: 0,
_audioTimer: null,
_mediaRecorder: null,
_audioChunks: [],
_audioStream: null,
_audioCtx: null,
_waveAnimId: null,
_mimeType: 'audio/webm',
// UI
typingText: null, // override typing indicator with text (e.g. audio_processing)
};
(function () {
try {
var saved = sessionStorage.getItem('ele_messages');
if (saved) STATE.messages = JSON.parse(saved);
} catch (e) {}
})();
var _renderTimer = null;
function setState(changes) {
Object.assign(STATE, changes);
clearTimeout(_renderTimer);
_renderTimer = setTimeout(render, 16);
}
function saveMessages() {
try {
sessionStorage.setItem(CONFIG.MESSAGES_KEY, JSON.stringify(STATE.messages));
if (STATE.sessionId) sessionStorage.setItem(CONFIG.SESSION_KEY, STATE.sessionId);
} catch (e) {}
}
// ============================================
// SECCIÓN 3: RENDER
// ============================================
function render() {
var root = document.getElementById('ele-widget-root');
if (!root) return;
var fab = root.querySelector('.ele-fab');
if (fab) fab.style.display = STATE.view === 'closed' ? 'flex' : 'none';
var backBtn = root.querySelector('.ele-back');
if (backBtn) backBtn.style.display = (STATE.view === 'chat' || STATE.view === 'booking') ? 'flex' : 'none';
// Share button: only in chat view
var shareBtn = root.querySelector('.ele-share-btn');
if (shareBtn) shareBtn.style.display = STATE.view === 'chat' ? 'flex' : 'none';
var panel = root.querySelector('.ele-panel');
if (panel) {
if (STATE.view === 'closed') {
panel.classList.remove('is-open');
} else {
panel.classList.add('is-open');
renderPanelContent(panel);
}
}
var popup = root.querySelector('.ele-greeting-popup');
if (popup) {
popup.style.display = (STATE.greetingShown && STATE.view === 'closed') ? 'block' : 'none';
}
}
function renderPanelContent(panel) {
var content = panel.querySelector('.ele-content');
if (!content) return;
if (STATE.view === 'home') renderHome(content);
else if (STATE.view === 'booking') renderBooking(content);
else if (STATE.view === 'chat') {
// Don't destroy recording/preview UI on intermediate setState calls
if (content.querySelector('.ele-chat') && STATE.audioMode !== null) {
renderMessages();
return;
}
renderChat(content);
}
}
// ============================================
// SECCIÓN 4: HOME SPACE
// ============================================
function renderHome(container) {
var greeting = GREETINGS[STATE.section] || GREETINGS.hero;
var buttons = BUTTONS[STATE.section] || BUTTONS.hero;
var isMobile = window.matchMedia('(max-width: 768px)').matches;
var buttonsHtml = buttons.map(function (btn, i) {
var iconSvg = ICON[btn.icon] || ICON.chat;
if (isMobile && i >= 2) {
if (btn.action === 'booking') {
return '' + ICON.calendar + ' ' + escapeHtml(btn.text) + ' →';
}
return '';
}
return '';
}).join('');
container.innerHTML =
'' +
'
' + escapeHtml(greeting) + '
' +
'
' +
'
' + buttonsHtml + '
' +
'' +
'
' +
'
' +
'
' +
'
' +
micBtn +
'
' +
'
' +
'
' +
'
' +
'
' + renderAudioBubble(msg.audioURL, msg.audioDuration) + '
';
} else {
el.innerHTML = '' + escapeHtml(msg.content) + '
';
}
} else {
var richHtml = '';
if (msg.rich && Array.isArray(msg.rich)) {
richHtml = renderRich(msg.rich);
}
el.innerHTML =
(showAvatar
? ''
: '') +
'' + linkify(escapeHtml(msg.content)) + richHtml + '
';
}
messagesDiv.appendChild(el);
// Bind audio play buttons if any
el.querySelectorAll('.ele-audio-play').forEach(function (btn) {
bindAudioPlayButton(btn);
});
// Bind rich buttons
el.querySelectorAll('.ele-rich-btn').forEach(function (btn) {
btn.addEventListener('click', function () {
var act = btn.dataset.action;
var val = btn.dataset.value;
if (act === 'booking') {
openBooking();
} else if (act === 'url' && val) {
window.open(val, '_blank');
} else if (act === 'chat' && val) {
// sendMessage when already in chat to avoid re-render overhead
if (STATE.view === 'chat') sendMessage(val);
else sendFromHome(val);
}
});
});
// Bind rich media modal
el.querySelectorAll('.ele-rich-media-thumb').forEach(function (thumb) {
thumb.addEventListener('click', function () {
openMediaModal(thumb.dataset.type, thumb.dataset.url, thumb.dataset.title || '');
});
});
}
// In-place update during streaming
if (stateCount > 0 && domCount === stateCount) {
var lastMsg = STATE.messages[stateCount - 1];
if (lastMsg.role === 'assistant') {
var lastEl = messagesDiv.querySelectorAll('.ele-msg:not(.ele-typing-row)')[stateCount - 1];
if (lastEl) {
var bubble = lastEl.querySelector('.ele-bubble-ele');
if (bubble && bubble.textContent !== lastMsg.content) {
var richHtml2 = '';
if (lastMsg.rich && Array.isArray(lastMsg.rich)) richHtml2 = renderRich(lastMsg.rich);
bubble.innerHTML = linkify(escapeHtml(lastMsg.content)) + richHtml2;
}
}
}
}
// Typing indicator
var typingRow = messagesDiv.querySelector('.ele-typing-row');
if (STATE.isTyping) {
var wantText = STATE.typingText || null;
if (!typingRow) {
var typEl = document.createElement('div');
typEl.className = 'ele-msg ele-msg-ele ele-typing-row';
typEl.innerHTML =
'' +
(wantText
? '' + escapeHtml(wantText) + '
'
: '
');
messagesDiv.appendChild(typEl);
} else {
// Update in place if mode changed (dots ↔ text)
var bubble = typingRow.querySelector('.ele-bubble');
var hasText = bubble && bubble.classList.contains('ele-typing-text');
if (wantText && !hasText) {
bubble.className = 'ele-bubble ele-bubble-ele ele-typing-text';
bubble.innerHTML = escapeHtml(wantText);
} else if (!wantText && hasText) {
bubble.className = 'ele-bubble ele-bubble-ele ele-typing';
bubble.innerHTML = '';
}
}
} else if (!STATE.isTyping && typingRow) {
typingRow.remove();
}
scrollToBottom();
}
function setupComposerHandlers(container) {
var input = container.querySelector('.ele-composer-input');
var sendBtn = container.querySelector('.ele-composer-send');
if (!input || !sendBtn) return;
function doSend() {
var text = input.value.trim();
if (!text || STATE.isTyping) return;
input.value = '';
autoResize(input);
sendMessage(text);
}
input.addEventListener('keydown', function (e) {
if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); doSend(); }
});
input.addEventListener('input', function () { autoResize(input); });
sendBtn.addEventListener('click', function (e) { e.preventDefault(); doSend(); });
setTimeout(function () { input.focus(); }, 50);
}
function sendMessage(text) {
STATE.messages.push({ role: 'user', content: text });
saveMessages();
renderMessages();
sendToBackend(text);
}
// ============================================
// SECCIÓN 6: BOOKING CON CALENDARIO
// ============================================
function openBookingIframe(url) {
var content = document.querySelector('.ele-content');
if (!content) { window.open(url, '_blank'); return; }
// Show iframe view inside .ele-content
content.innerHTML =
'';
var iframe = content.querySelector('.ele-booking-iframe');
var fallback = content.querySelector('.ele-iframe-fallback');
var backBtn = content.querySelector('.ele-iframe-back');
// Detect X-Frame-Options block: if load fires we're fine;
// if it never fires within 3s, show fallback.
var loaded = false;
var timer = setTimeout(function () {
if (!loaded) {
iframe.style.display = 'none';
fallback.style.display = 'flex';
}
}, 3000);
iframe.addEventListener('load', function () {
loaded = true;
clearTimeout(timer);
});
backBtn.addEventListener('click', function () {
clearTimeout(timer);
// Return to chat view
setState({ view: 'chat' });
});
}
function openBooking() {
window.open(CONFIG.BOOKING_URL, '_blank', 'noopener,noreferrer');
}
function renderBooking(container) {
container.innerHTML =
'' +
'' +
'
' +
'
' +
'' +
'' +
'
' +
'
' +
'' +
'
' +
'
' +
'
' + MONTHS[month] + ' ' + year + '' +
'
' +
'
' + DAYS.map(function (d) {
return '';
}).join('') + '';
// Empty cells
for (var e = 0; e < firstDay; e++) {
daysHeaderHtml += '
';
}
for (var day = 1; day <= daysInMonth; day++) {
var dow = (firstDay + day - 1) % 7; // 0=Mon, 5=Sat, 6=Sun
var isWeekend = dow >= 5;
var isPast = (year === today.y && month === today.m && day < today.d) ||
(year < today.y) || (year === today.y && month < today.m);
var isToday = year === today.y && month === today.m && day === today.d;
var isSelected = STATE.bookingDay === day;
var isDisabled = isWeekend || isPast;
var cls = 'ele-cal-day' +
(isDisabled ? ' ele-cal-day--disabled' : '') +
(isToday && !isDisabled ? ' ele-cal-day--today' : '') +
(isSelected && !isDisabled ? ' ele-cal-day--selected' : '');
daysHeaderHtml += '
' + day + '
';
}
daysHeaderHtml += '
' +
'
' +
'
' +
'' +
'' +
'' +
'' +
'' +
'
' +
'
0:00' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' + (durText || '0:00') + '' +
'
' +
'
' + btns + '
';
}
if (item.type === 'card') {
return '';
}
return '';
}).join('');
}
function openMediaModal(type, url, title) {
var existing = document.getElementById('ele-media-modal');
if (existing) existing.remove();
var modal = document.createElement('div');
modal.id = 'ele-media-modal';
modal.className = 'ele-media-modal';
var inner = '';
if (type === 'video') {
// Convert YouTube URL to embed if needed
var embedUrl = url.replace('watch?v=', 'embed/').replace('youtu.be/', 'www.youtube.com/embed/');
inner = '';
} else {
inner = ' + ')
';
}
modal.innerHTML =
'' +
'' +
inner +
'' +
'
';
document.body.appendChild(modal);
requestAnimationFrame(function () { modal.classList.add('is-open'); });
function closeModal() { modal.classList.remove('is-open'); setTimeout(function () { modal.remove(); }, 300); }
modal.querySelector('.ele-media-overlay').addEventListener('click', closeModal);
modal.querySelector('.ele-media-close').addEventListener('click', closeModal);
}
// ============================================
// SECCIÓN 9: COMPARTIR
// ============================================
function toggleShareDropdown(btn) {
var dd = document.getElementById('ele-share-dropdown');
if (dd) { dd.remove(); STATE.shareOpen = false; return; }
STATE.shareOpen = true;
var drop = document.createElement('div');
drop.id = 'ele-share-dropdown';
drop.className = 'ele-share-dropdown';
drop.innerHTML =
'' +
'';
// Append to body with fixed position to escape overflow:hidden of .ele-panel
var rect = btn.getBoundingClientRect();
drop.style.position = 'fixed';
drop.style.top = (rect.bottom + 8) + 'px';
drop.style.right = (window.innerWidth - rect.right) + 'px';
drop.style.zIndex = '10001';
document.body.appendChild(drop);
document.getElementById('ele-share-copy').addEventListener('click', function (e) {
e.stopPropagation();
copyConversation(btn);
drop.remove(); STATE.shareOpen = false;
});
document.getElementById('ele-share-download').addEventListener('click', function (e) {
e.stopPropagation();
downloadConversation();
drop.remove(); STATE.shareOpen = false;
});
setTimeout(function () {
document.addEventListener('click', function handler() {
var d = document.getElementById('ele-share-dropdown');
if (d) d.remove();
STATE.shareOpen = false;
document.removeEventListener('click', handler);
}, { once: true });
}, 10);
}
function buildConversationText() {
var now = new Date();
var dateStr = now.toLocaleDateString('es', { day: 'numeric', month: 'long', year: 'numeric' });
var lines = ['Conversación con Ele · PIA', dateStr, '', ''];
STATE.messages.forEach(function (msg) {
if (msg.isAudio) { lines.push('Yo: [Audio]'); return; }
if (msg.role === 'user') lines.push('Yo: ' + msg.content);
else lines.push('Ele: ' + msg.content);
lines.push('');
});
lines.push('---', 'soypia.com');
return lines.join('\n');
}
function copyConversation(btn) {
var text = buildConversationText();
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(text).then(function () {
showShareFeedback(btn, 'Copiado ✓');
}).catch(function () { fallbackCopy(text); });
} else {
fallbackCopy(text);
}
}
function fallbackCopy(text) {
var ta = document.createElement('textarea');
ta.value = text;
ta.style.position = 'fixed'; ta.style.opacity = '0';
document.body.appendChild(ta);
ta.select();
try { document.execCommand('copy'); } catch (e) {}
document.body.removeChild(ta);
}
function showShareFeedback(btn, msg) {
var orig = btn.innerHTML;
btn.innerHTML = '' + msg + '';
setTimeout(function () { btn.innerHTML = orig; }, 2000);
}
function downloadConversation() {
var text = buildConversationText();
var blob = new Blob([text], { type: 'text/plain;charset=utf-8' });
var url = URL.createObjectURL(blob);
var a = document.createElement('a');
var now = new Date();
var dateSlug = now.getFullYear() + '-' + (now.getMonth()+1) + '-' + now.getDate();
a.href = url;
a.download = 'conversacion-pia-' + dateSlug + '.txt';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
}
// ============================================
// SECCIÓN 10: SONIDO
// ============================================
function playReceiveSound() {
if (STATE.view !== 'chat') return;
try {
var ctx = new (window.AudioContext || window.webkitAudioContext)();
var osc = ctx.createOscillator();
var gain = ctx.createGain();
osc.connect(gain);
gain.connect(ctx.destination);
osc.frequency.value = 600;
osc.type = 'sine';
gain.gain.setValueAtTime(0, ctx.currentTime);
gain.gain.linearRampToValueAtTime(0.06, ctx.currentTime + 0.02);
gain.gain.linearRampToValueAtTime(0, ctx.currentTime + 0.1);
osc.start(ctx.currentTime);
osc.stop(ctx.currentTime + 0.12);
} catch (e) {}
}
// ============================================
// SECCIÓN 11: API
// ============================================
async function sendToBackend(text) {
STATE.isTyping = true;
renderMessages();
const TIMEOUT_MS = 25000;
var waitingMsgIdx = -1; // index of interim "Dame un momento" message
async function attempt(tryNum) {
const controller = new AbortController();
const timeoutId = setTimeout(function () { controller.abort(); }, TIMEOUT_MS);
try {
const res = await fetch(CONFIG.API_URL, {
method: 'POST',
signal: controller.signal,
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
message: text,
session_id: STATE.sessionId || undefined,
retry_attempt: tryNum,
}),
});
clearTimeout(timeoutId);
const data = await res.json();
if (data.session_id && !STATE.sessionId) {
STATE.sessionId = data.session_id;
sessionStorage.setItem(CONFIG.SESSION_KEY, data.session_id);
}
// Remove interim waiting message if present
if (waitingMsgIdx > -1) {
STATE.messages.splice(waitingMsgIdx, 1);
waitingMsgIdx = -1;
}
const reply = data.reply || data.message || 'Disculpá, no pude procesar eso. Podés intentar de nuevo?';
const rich = Array.isArray(data.rich) ? data.rich : null;
const delay = calculateDelay(reply);
await wait(delay);
STATE.isTyping = false;
STATE.messages.push({ role: 'assistant', content: '', rich: rich });
saveMessages();
renderMessages();
await simulateStreaming(reply);
playReceiveSound();
} catch (err) {
clearTimeout(timeoutId);
console.warn('[Ele] intento ' + tryNum + ' fallido:', err.name);
if (tryNum === 1) {
// Intento 1 falló: esperar 2s y reintentar silenciosamente
await wait(2000);
await attempt(2);
} else if (tryNum === 2) {
// Intento 2 falló: mostrar mensaje interim y reintentar
waitingMsgIdx = STATE.messages.length;
STATE.messages.push({ role: 'assistant', content: 'Dame un momento, estoy procesando.' });
saveMessages();
renderMessages();
await wait(3000);
// Remove interim message before attempt 3
if (waitingMsgIdx > -1) {
STATE.messages.splice(waitingMsgIdx, 1);
waitingMsgIdx = -1;
}
await attempt(3);
} else {
// Intento 3 falló: error final
STATE.isTyping = false;
STATE.messages.push({
role: 'assistant',
content: 'Estoy teniendo dificultades. Podés intentar de nuevo en unos segundos o escribir directo a Walter: wa.me/50664837800',
});
saveMessages();
renderMessages();
}
}
}
await attempt(1);
}
async function simulateStreaming(text) {
const words = text.split(/\s+/).filter(Boolean);
const lastMsg = STATE.messages[STATE.messages.length - 1];
for (let i = 0; i < words.length; i++) {
lastMsg.content += (i > 0 ? ' ' : '') + words[i];
renderMessages();
await wait(CONFIG.STREAMING_SPEED);
}
saveMessages();
scrollToBottom(); // scroll final al terminar el streaming completo
}
// ============================================
// SECCIÓN 12: UTILIDADES
// ============================================
function calculateDelay(text) {
var calculated = CONFIG.DELAY_BASE + (text.length * CONFIG.DELAY_PER_CHAR);
var capped = Math.min(calculated, CONFIG.DELAY_MAX);
return Math.round(capped * (0.8 + Math.random() * 0.4));
}
function wait(ms) {
return new Promise(function (resolve) { setTimeout(resolve, ms); });
}
function scrollToBottom() {
var msgs = document.getElementById('ele-messages');
if (!msgs) return;
// Doble rAF: primer frame pinta, segundo tiene height final del contenido nuevo.
requestAnimationFrame(function () {
requestAnimationFrame(function () {
msgs.scrollTop = msgs.scrollHeight;
});
});
}
function autoResize(ta) {
ta.style.height = 'auto';
ta.style.height = Math.min(ta.scrollHeight, 72) + 'px';
}
function escapeHtml(str) {
if (str == null) return '';
var div = document.createElement('div');
div.textContent = String(str);
return div.innerHTML;
}
function escapeAttr(str) {
if (str == null) return '';
return String(str).replace(/"/g, '"').replace(/'/g, ''');
}
function linkify(html) {
return html.replace(/(https?:\/\/[^\s<>"']+|wa\.me\/[^\s<>"']+)/g, function (url) {
return '' + url + '';
});
}
// ============================================
// SECCIÓN 13: SECTION OBSERVER
// ============================================
function setupSectionObserver() {
if (!('IntersectionObserver' in window)) return;
var sectionSelectors = {
hero: '.hero, #hero, [data-section="hero"]',
tp: '.tp-section, #triple-payment, [data-section="tp"]',
s3: '.s3-section, #como-opera, [data-section="s3"]',
faq: '.faq-section, #faq, [data-section="faq"]',
cta: '.cta-section, #s6-cta, #cta-final, [data-section="cta"]',
};
var sectionEls = {};
Object.keys(sectionSelectors).forEach(function (key) {
var el = document.querySelector(sectionSelectors[key]);
if (el) sectionEls[key] = el;
});
var obs = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (!entry.isIntersecting || STATE.greetingFrozen) return;
var sectionKey = Object.keys(sectionEls).find(function (k) { return sectionEls[k] === entry.target; });
if (sectionKey && sectionKey !== STATE.section) {
STATE.section = sectionKey;
if (STATE.view === 'closed') updateGreetingPopup();
}
});
}, { threshold: 0.3 });
Object.values(sectionEls).forEach(function (el) { obs.observe(el); });
}
// ============================================
// SECCIÓN 14: GREETING PROACTIVO
// ============================================
function scheduleGreeting() {
if (sessionStorage.getItem(CONFIG.GREETED_KEY)) return;
setTimeout(function () {
if (STATE.view !== 'closed') return;
if (sessionStorage.getItem(CONFIG.GREETED_KEY)) return;
sessionStorage.setItem(CONFIG.GREETED_KEY, 'true');
setState({ greetingShown: true });
}, CONFIG.PROACTIVE_DELAY);
}
function updateGreetingPopup() {
var popup = document.querySelector('.ele-greeting-popup');
if (!popup) return;
var textEl = popup.querySelector('.ele-greeting-text');
if (textEl) textEl.textContent = GREETINGS[STATE.section] || GREETINGS.hero;
}
// ============================================
// SECCIÓN 15: KEYBOARD MOBILE
// ============================================
function setupKeyboard() {
if (!window.visualViewport) return;
function onViewportChange() {
var panel = document.querySelector('.ele-panel.is-open');
if (!panel || STATE.view === 'closed') return;
panel.style.height = window.visualViewport.height + 'px';
panel.style.top = window.visualViewport.offsetTop + 'px';
scrollToBottom();
}
window.visualViewport.addEventListener('resize', onViewportChange);
window.visualViewport.addEventListener('scroll', onViewportChange);
}
// ============================================
// SECCIÓN 16: INICIALIZACIÓN
// ============================================
function initWidget() {
// Auto-inyectar widget.css si el sitio padre no lo cargó.
// Esto hace el widget auto-contenido: solo se necesita el 