@ihoomanai/chat-widget 3.0.22 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/cdn/latest/chat.js +1 -1
  2. package/cdn/latest/chat.min.js +1 -1
  3. package/cdn/v3/chat.js +2 -2
  4. package/cdn/v3/chat.min.js +1 -1
  5. package/cdn/v3.0.21/chat.js +1 -1
  6. package/cdn/v3.0.21/chat.min.js +1 -1
  7. package/dist/index.cjs.js +227 -166
  8. package/dist/index.cjs.js.map +1 -1
  9. package/dist/index.esm.js +227 -166
  10. package/dist/index.esm.js.map +1 -1
  11. package/dist/index.esm.min.js +1 -1
  12. package/dist/index.esm.min.js.map +1 -1
  13. package/dist/index.umd.js +227 -166
  14. package/dist/index.umd.js.map +1 -1
  15. package/dist/index.umd.min.js +1 -1
  16. package/dist/index.umd.min.js.map +1 -1
  17. package/dist/widget.d.ts.map +1 -1
  18. package/package.json +2 -2
  19. package/src/widget.ts +232 -168
package/cdn/v3/chat.min.js CHANGED
@@ -1,2 +1,2 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).IhoomanChat={})}(this,function(e){"use strict";const t="https://api.ihooman.ai",o={serverUrl:t,theme:"light",position:"bottom-right",title:"Chat Support",subtitle:"We typically reply within minutes",welcomeMessage:"Hi there! 👋 How can we help you today?",placeholder:"Type a message...",primaryColor:"#00aeff",gradientFrom:"#00aeff",gradientTo:"#0066ff",showTimestamps:!0,showTypingIndicator:!0,enableSounds:!0,enableFileUpload:!0,startOpen:!1,persistSession:!0,zIndex:9999,width:380,height:560,buttonSize:60,borderRadius:16,fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',avatarUrl:"",poweredBy:!0,presetQuestions:[],proactiveMessages:[],surveyConfig:null,locale:"en",allowLocalhost:!0},n={chat:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>',close:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>',send:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>',attach:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg>',minimize:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"></line></svg>',bot:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="10" rx="2"></rect><circle cx="12" cy="5" r="2"></circle><path d="M12 7v4"></path></svg>',agent:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>',ticket:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline></svg>',history:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>',plus:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>',star:'<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg>',starEmpty:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg>'};let i={widgetId:"",...o},a={isOpen:!1,isConnected:!1,messages:[],pendingMessages:[],sessionId:null,visitorId:null,unreadCount:0,view:"chat",connectionStatus:"disconnected",typingIndicator:!1,soundMuted:!1,escalationStatus:null,userInfo:null},s="chat",r=!1,d=!1,c=[],l={},p=null,u=[],h={};const m={};let g=null,f=null,b=0;let y=!1,v=null,x=null;function w(e=""){return e+Math.random().toString(36).slice(2,14)+Date.now().toString(36)}function k(e){const t=document.createElement("div");return t.textContent=e,t.innerHTML}function $(e,t){const o="ihooman_chat_"+e;try{if(void 0===t){const e=localStorage.getItem(o);return e?JSON.parse(e):null}return null===t?(localStorage.removeItem(o),null):(localStorage.setItem(o,JSON.stringify(t)),t)}catch{return null}}function _(e,t){(m[e]||[]).forEach(o=>{try{o(t)}catch(t){console.error(`Error in ${e} handler:`,t)}});const o=`on${e.charAt(0).toUpperCase()}${e.slice(1)}`,n=i[o];if("function"==typeof n)try{n(t)}catch(e){console.error(`Error in ${o}:`,e)}}async function S(e,t){if(i.widgetId&&i.serverUrl)try{const o=`${i.serverUrl}/widget-analytics/track?widget_id=${encodeURIComponent(i.widgetId)}`;await fetch(o,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({event_type:e,session_id:a.sessionId,visitor_id:a.visitorId,metadata:t||{}})})}catch(t){console.debug("[IhoomanChat] Failed to track event:",e,t)}}function C(){const e=window.scrollY||document.documentElement.scrollTop,t=document.documentElement.scrollHeight-window.innerHeight;return t>0?Math.round(e/t*100):0}function I(e){try{return new RegExp(e.replace(/\*/g,".*")).test(window.location.href)}catch{return window.location.href.includes(e)}}let T=null;function q(){const e=document.createElement("div");e.id="ihooman-chat-widget-host",e.style.cssText="all: initial !important; position: fixed !important; z-index: 2147483647 !important; pointer-events: none !important;",document.body.appendChild(e),T=e.attachShadow({mode:"open"});const t=document.createElement("style");t.id="ihooman-widget-styles",t.textContent=function(){const{primaryColor:e,gradientFrom:t,gradientTo:o,fontFamily:n,borderRadius:a,zIndex:s,width:r,height:d,buttonSize:c}=i,l="dark"===i.theme,p=l?"#1a1a2e":"#ffffff",u=l?"#e4e4e7":"#1f2937",h=l?"#71717a":"#6b7280",m=l?"rgba(255,255,255,0.1)":"rgba(0,0,0,0.08)",g=l?"#16162a":"#f9fafb",f=`linear-gradient(135deg, ${t}, ${o})`,b=l?"#252542":"#f1f5f9",y=i.position?.includes("right")??!0,v=i.position?.includes("bottom")??!0;return`\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n :host { all: initial; }\n .ihooman-widget { font-family: ${n}; font-size: 14px; line-height: 1.5; color: ${u}; -webkit-font-smoothing: antialiased; }\n button { \n font-family: inherit;\n font-size: 100%;\n line-height: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n background: transparent;\n border: none;\n cursor: pointer;\n outline: none;\n }\n .ihooman-toggle { position: fixed !important; ${y?"right: 20px":"left: 20px"}; ${v?"bottom: 20px":"top: 20px"}; width: ${c}px !important; height: ${c}px !important; border-radius: 50% !important; background: linear-gradient(135deg, ${t}, ${o}) !important; border: none !important; cursor: pointer; z-index: ${s}; display: flex !important; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(0, 174, 255, 0.35); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; }\n .ihooman-toggle:hover { transform: scale(1.08); box-shadow: 0 6px 28px rgba(0, 174, 255, 0.45); }\n .ihooman-toggle:active { transform: scale(0.95); }\n .ihooman-toggle::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(255,255,255,0.2), transparent); border-radius: 50%; }\n .ihooman-toggle svg { width: 26px; height: 26px; color: white; transition: transform 0.3s ease, opacity 0.2s ease; position: relative; z-index: 1; }\n .ihooman-toggle .chat-icon { display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease, opacity 0.2s ease; }\n .ihooman-toggle .close-icon { position: absolute; display: flex; align-items: center; justify-content: center; transform: rotate(-90deg) scale(0); opacity: 0; transition: transform 0.3s ease, opacity 0.2s ease; }\n .ihooman-toggle.open .chat-icon { transform: rotate(90deg) scale(0); opacity: 0; }\n .ihooman-toggle.open .close-icon { transform: rotate(0) scale(1); opacity: 1; }\n .ihooman-pulse { position: absolute; inset: 0; border-radius: 50%; background: ${e}; animation: ihooman-pulse 2s ease-out infinite; }\n @keyframes ihooman-pulse { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } }\n .ihooman-toggle.open .ihooman-pulse { display: none; }\n .ihooman-badge { position: absolute; top: -4px; right: -4px; min-width: 20px; height: 20px; padding: 0 6px; background: #ef4444; color: white; font-size: 11px; font-weight: 600; border-radius: 10px; display: flex; align-items: center; justify-content: center; z-index: 2; }\n .ihooman-badge:empty { display: none; }\n .ihooman-window { position: fixed; ${y?"right: 20px":"left: 20px"}; ${v?"bottom: 90px":"top: 90px"}; width: ${r}px; height: ${d}px; min-height: ${d}px; max-height: ${d}px; z-index: ${(s??9999)-1}; display: flex; flex-direction: column; opacity: 0; visibility: hidden; transform: translateY(20px) scale(0.95); transition: opacity 0.3s, visibility 0.3s, transform 0.3s; overscroll-behavior: contain; }\n .ihooman-window.open { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }\n .ihooman-container { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; border-radius: ${a}px; overflow: hidden; flex-shrink: 0; }\n .ihooman-container::before { content: ''; position: absolute; inset: 0; background: ${p}; opacity: 0.97; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: ${a}px; border: 1px solid ${m}; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }\n .ihooman-container > * { position: relative; z-index: 1; }\n .ihooman-header { padding: 16px 20px; background: linear-gradient(135deg, ${t}, ${o}); color: white; display: flex; align-items: center; gap: 12px; flex-shrink: 0; }\n .ihooman-header-avatar { width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n .ihooman-header-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }\n .ihooman-header-avatar svg { width: 22px; height: 22px; }\n .ihooman-header-info { flex: 1; min-width: 0; }\n .ihooman-header-title { font-size: 16px; font-weight: 600; margin-bottom: 2px; }\n .ihooman-header-status { display: flex; align-items: center; gap: 6px; font-size: 12px; opacity: 0.9; }\n .ihooman-status-dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; }\n .ihooman-status-dot.offline { background: #f59e0b; }\n .ihooman-header-actions { display: flex; gap: 8px; }\n .ihooman-header-btn { width: 28px; height: 28px; border-radius: 6px; background: rgba(255,255,255,0.15); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; color: white; transition: background 0.2s; }\n .ihooman-header-btn:hover { background: rgba(255,255,255,0.25); }\n .ihooman-header-btn svg { width: 14px; height: 14px; }\n .ihooman-messages { flex: 1; overflow-y: auto; overflow-x: hidden; padding: 16px; display: flex; flex-direction: column; gap: 12px; background: ${p}; overscroll-behavior: contain; min-height: 0; }\n .ihooman-messages::-webkit-scrollbar { width: 6px; }\n .ihooman-messages::-webkit-scrollbar-track { background: transparent; }\n .ihooman-messages::-webkit-scrollbar-thumb { background: ${m}; border-radius: 3px; }\n .ihooman-message { display: flex; flex-direction: column; max-width: 85%; animation: ihooman-fadeIn 0.3s ease; }\n @keyframes ihooman-fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n .ihooman-message.user { align-self: flex-end; align-items: flex-end; }\n .ihooman-message.bot { align-self: flex-start; align-items: flex-start; }\n .ihooman-message-content { padding: 12px 16px; border-radius: 16px; word-wrap: break-word; }\n .ihooman-message.user .ihooman-message-content { background: ${f}; color: white; border-bottom-right-radius: 4px; }\n .ihooman-message.bot .ihooman-message-content { background: ${b}; color: ${u}; border-bottom-left-radius: 4px; }\n .ihooman-message-content code { background: rgba(0,0,0,0.1); padding: 2px 6px; border-radius: 4px; font-family: monospace; font-size: 13px; }\n .ihooman-message-time { font-size: 11px; color: ${h}; margin-top: 4px; padding: 0 4px; }\n .ihooman-typing { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: ${b}; border-radius: 16px; border-bottom-left-radius: 4px; max-width: 80px; align-self: flex-start; }\n .ihooman-typing-dots { display: flex; gap: 4px; }\n .ihooman-typing-dot { width: 8px; height: 8px; background: ${h}; border-radius: 50%; animation: ihooman-typing 1.4s infinite; }\n .ihooman-typing-dot:nth-child(2) { animation-delay: 0.2s; }\n .ihooman-typing-dot:nth-child(3) { animation-delay: 0.4s; }\n @keyframes ihooman-typing { 0%, 60%, 100% { transform: translateY(0); opacity: 0.4; } 30% { transform: translateY(-4px); opacity: 1; } }\n .ihooman-input-area { padding: 12px 16px; background: ${p}; border-top: 1px solid ${m}; flex-shrink: 0; }\n .ihooman-input-wrapper { display: flex; align-items: flex-end; gap: 8px; background: ${g}; border: 1px solid ${m}; border-radius: 12px; padding: 8px 12px; transition: border-color 0.2s, box-shadow 0.2s; }\n .ihooman-input-wrapper:focus-within { border-color: ${e}; box-shadow: 0 0 0 3px rgba(0, 174, 255, 0.1); }\n .ihooman-input { flex: 1; border: none; background: transparent; font-family: inherit; font-size: 14px; color: ${u}; resize: none; max-height: 100px; outline: none; line-height: 1.4; }\n .ihooman-input::placeholder { color: ${h}; }\n .ihooman-input-btn { width: 32px; height: 32px; border-radius: 8px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; background: transparent; color: ${h}; }\n .ihooman-input-btn:hover { background: ${m}; color: ${u}; }\n .ihooman-input-btn.send { background: linear-gradient(135deg, ${t}, ${o}); color: white; }\n .ihooman-input-btn.send:hover { opacity: 0.9; }\n .ihooman-input-btn.send:disabled { opacity: 0.5; cursor: not-allowed; }\n .ihooman-input-btn svg { width: 16px; height: 16px; }\n .ihooman-input:disabled { opacity: 0.6; cursor: not-allowed; }\n .ihooman-input-btn.attach:disabled { opacity: 0.4; cursor: not-allowed; }\n .ihooman-file-input { display: none; }\n .ihooman-powered { text-align: center; padding: 8px; font-size: 11px; color: ${h}; background: ${p}; }\n .ihooman-powered a { color: ${e}; text-decoration: none; }\n .ihooman-escalation-actions { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }\n .ihooman-escalation-btn svg { width: 14px; height: 14px; flex-shrink: 0; }\n .ihooman-status-bar { padding: 10px 16px; text-align: center; font-size: 13px; display: none; }\n .ihooman-status-bar.show { display: block; }\n .ihooman-status-bar.waiting { background: #fef3c7; color: #92400e; }\n .ihooman-status-bar.connected { background: #dcfce7; color: #166534; }\n .ihooman-chat-view { display: flex; flex-direction: column; flex: 1; overflow: hidden; min-height: 0; }\n .ihooman-chat-view.hidden { display: none; }\n .ihooman-ticket-view { display: none; flex-direction: column; padding: 20px; gap: 16px; background: ${p}; flex: 1; overflow-y: auto; min-height: 0; }\n .ihooman-ticket-view.show { display: flex; }\n .ihooman-ticket-title { font-size: 18px; font-weight: 600; color: ${u}; margin: 0; }\n .ihooman-ticket-subtitle { font-size: 13px; color: ${h}; margin: 0; }\n .ihooman-ticket-input { padding: 12px 14px; border: 1px solid ${m}; border-radius: 10px; font-size: 14px; font-family: inherit; background: ${g}; color: ${u}; outline: none; transition: border-color 0.2s; }\n .ihooman-ticket-input:focus { border-color: ${e}; }\n .ihooman-ticket-input::placeholder { color: ${h}; }\n .ihooman-ticket-textarea { min-height: 100px; resize: vertical; }\n .ihooman-ticket-submit { display: flex; align-items: center; justify-content: center; padding: 12px; background: linear-gradient(135deg, ${t}, ${o}); color: white; border: none; border-radius: 8px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s; line-height: 1.4; }\n .ihooman-ticket-submit:hover { opacity: 0.9; }\n .ihooman-ticket-submit:disabled { opacity: 0.5; cursor: not-allowed; }\n .ihooman-ticket-back { display: flex; align-items: center; justify-content: center; padding: 10px; background: transparent; color: ${h}; border: 1px solid ${m}; border-radius: 8px; font-size: 13px; cursor: pointer; transition: all 0.2s; line-height: 1.4; }\n .ihooman-ticket-back:hover { background: ${l?"rgba(255,255,255,0.05)":"rgba(0,0,0,0.03)"}; }\n .ihooman-history-view { display: none; flex-direction: column; flex: 1; overflow: hidden; background: ${p}; }\n .ihooman-history-view.show { display: flex; }\n .ihooman-history-header { padding: 12px 16px; border-bottom: 1px solid ${m}; display: flex; justify-content: space-between; align-items: center; }\n .ihooman-history-title { font-size: 14px; font-weight: 600; color: ${u}; margin: 0; }\n .ihooman-history-new { display: inline-flex; align-items: center; justify-content: center; gap: 4px; background: linear-gradient(135deg, ${t}, ${o}); color: white; border: none; padding: 6px 12px; border-radius: 6px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.2s; line-height: 1.4; }\n .ihooman-history-new:hover { opacity: 0.9; }\n .ihooman-history-new svg { width: 12px; height: 12px; flex-shrink: 0; }\n .ihooman-history-list { flex: 1; overflow-y: auto; padding: 8px; overscroll-behavior: contain; }\n .ihooman-history-item { padding: 12px; border: 1px solid ${m}; border-radius: 8px; margin-bottom: 6px; cursor: pointer; transition: all 0.2s; background: ${p}; }\n .ihooman-history-item:hover { background: ${l?"rgba(255,255,255,0.05)":"#f8fafc"}; }\n .ihooman-history-item.active { background: ${l?"rgba(0, 174, 255, 0.1)":"#eff6ff"}; border-color: ${e}; }\n .ihooman-history-preview { font-size: 13px; color: ${u}; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n .ihooman-history-meta { font-size: 11px; color: ${h}; margin-top: 4px; display: flex; justify-content: space-between; }\n .ihooman-history-empty { padding: 40px; text-align: center; color: ${h}; font-size: 14px; }\n .ihooman-preset-questions { padding: 10px 16px; display: flex; flex-wrap: wrap; gap: 6px; background: ${p}; border-top: 1px solid ${m}; }\n .ihooman-preset-questions:empty { display: none; }\n .ihooman-preset-questions.hidden { display: none; }\n .ihooman-proactive-toast { position: fixed; ${y?"right: 20px":"left: 20px"}; ${v?"bottom: 90px":"top: 90px"}; max-width: 300px; padding: 16px; background: ${p}; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.15); z-index: ${(s??9999)-2}; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; border: 1px solid ${m}; }\n .ihooman-proactive-toast.show { opacity: 1; visibility: visible; transform: translateY(0); }\n .ihooman-proactive-toast-content { font-size: 14px; color: ${u}; margin-bottom: 12px; }\n .ihooman-proactive-toast-actions { display: flex; gap: 8px; }\n .ihooman-proactive-toast-btn { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; transition: all 0.2s; line-height: 1.4; }\n .ihooman-proactive-toast-btn.primary { background: linear-gradient(135deg, ${t}, ${o}); color: white; border: none; }\n .ihooman-proactive-toast-btn.primary:hover { opacity: 0.9; }\n .ihooman-proactive-toast-btn.secondary { background: transparent; color: ${h}; border: 1px solid ${m}; }\n .ihooman-proactive-toast-btn.secondary:hover { background: ${l?"rgba(255,255,255,0.05)":"rgba(0,0,0,0.03)"}; }\n .ihooman-survey-view { display: none; flex-direction: column; padding: 20px; gap: 16px; background: ${p}; flex: 1; align-items: center; justify-content: center; }\n .ihooman-survey-view.show { display: flex; }\n .ihooman-survey-question { font-size: 16px; font-weight: 600; color: ${u}; text-align: center; }\n .ihooman-survey-stars { display: flex; gap: 8px; }\n .ihooman-survey-star { width: 40px; height: 40px; cursor: pointer; color: ${h}; transition: all 0.2s; }\n .ihooman-survey-star:hover, .ihooman-survey-star.active { color: #fbbf24; transform: scale(1.1); }\n .ihooman-survey-star svg { width: 100%; height: 100%; }\n .ihooman-survey-comment { width: 100%; padding: 12px; border: 1px solid ${m}; border-radius: 8px; font-size: 14px; resize: none; min-height: 80px; background: ${g}; color: ${u}; }\n .ihooman-survey-submit { display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; background: linear-gradient(135deg, ${t}, ${o}); color: white; border: none; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; line-height: 1.4; }\n .ihooman-survey-submit:hover { opacity: 0.9; }\n .ihooman-survey-skip { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; background: transparent; color: ${h}; border: none; font-size: 12px; cursor: pointer; line-height: 1.4; }\n .ihooman-survey-skip:hover { color: ${u}; }\n .ihooman-feedback-btns { display: flex; gap: 6px; margin-top: 6px; }\n .ihooman-feedback-btn svg { width: 12px; height: 12px; }\n .ihooman-carousel { display: flex; gap: 12px; overflow-x: auto; padding: 8px 0; scroll-snap-type: x mandatory; }\n .ihooman-carousel::-webkit-scrollbar { height: 4px; }\n .ihooman-carousel-card { min-width: 200px; max-width: 250px; border: 1px solid ${m}; border-radius: 12px; overflow: hidden; scroll-snap-align: start; background: ${p}; }\n .ihooman-carousel-card img { width: 100%; height: 120px; object-fit: cover; }\n .ihooman-carousel-card-content { padding: 12px; }\n .ihooman-carousel-card-title { font-size: 14px; font-weight: 600; color: ${u}; margin-bottom: 4px; }\n .ihooman-carousel-card-desc { font-size: 12px; color: ${h}; margin-bottom: 8px; }\n .ihooman-carousel-card-btns { display: flex; flex-direction: column; gap: 6px; }\n .ihooman-quick-replies { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }\n @media (max-width: 480px) { .ihooman-window { width: calc(100vw - 20px); height: calc(100vh - 100px); min-height: 400px; max-height: calc(100vh - 100px); left: 10px; right: 10px; bottom: 80px; } .ihooman-toggle { ${y?"right: 16px":"left: 16px"}; bottom: 16px; } .ihooman-proactive-toast { left: 10px; right: 10px; max-width: none; } }\n `}(),T.appendChild(t);const o=document.createElement("div");o.className="ihooman-widget",o.style.cssText="pointer-events: auto;",o.innerHTML=`\n <button class="ihooman-toggle" aria-label="Open chat">\n <span class="ihooman-pulse"></span>\n <span class="ihooman-badge"></span>\n <span class="chat-icon">${n.chat}</span>\n <span class="close-icon">${n.close}</span>\n </button>\n <div class="ihooman-proactive-toast">\n <div class="ihooman-proactive-toast-content"></div>\n <div class="ihooman-proactive-toast-actions">\n <button class="ihooman-proactive-toast-btn primary">Chat Now</button>\n <button class="ihooman-proactive-toast-btn secondary">Dismiss</button>\n </div>\n </div>\n <div class="ihooman-window" role="dialog" aria-label="Chat window">\n <div class="ihooman-container">\n <div class="ihooman-header">\n <div class="ihooman-header-avatar">${i.avatarUrl?`<img src="${k(i.avatarUrl)}" alt="Support">`:n.bot}</div>\n <div class="ihooman-header-info">\n <div class="ihooman-header-title">${k(i.title||"Chat Support")}</div>\n <div class="ihooman-header-status"><span class="ihooman-status-dot"></span><span class="ihooman-status-text">Online</span></div>\n </div>\n <div class="ihooman-header-actions">\n <button class="ihooman-header-btn" data-action="history" title="Chat history">${n.history}</button>\n <button class="ihooman-header-btn" data-action="refresh" title="New conversation">${n.plus}</button>\n <button class="ihooman-header-btn" data-action="minimize" title="Minimize">${n.minimize}</button>\n </div>\n </div>\n <div class="ihooman-chat-view">\n <div class="ihooman-status-bar"></div>\n <div class="ihooman-messages" role="log" aria-live="polite"></div>\n <div class="ihooman-preset-questions"></div>\n <div class="ihooman-input-area">\n <div class="ihooman-input-wrapper">\n ${i.enableFileUpload?`<button class="ihooman-input-btn attach" title="Attach file">${n.attach}</button><input type="file" class="ihooman-file-input">`:""}\n <textarea class="ihooman-input" placeholder="${k(i.placeholder||"Type a message...")}" rows="1" aria-label="Message input"></textarea>\n <button class="ihooman-input-btn send" title="Send message" disabled>${n.send}</button>\n </div>\n </div>\n </div>\n <div class="ihooman-ticket-view">\n <h4 class="ihooman-ticket-title">📝 Submit a Ticket</h4>\n <p class="ihooman-ticket-subtitle">We'll get back to you via email</p>\n <input class="ihooman-ticket-input" id="ihooman-ticket-name" placeholder="Your name" required>\n <input class="ihooman-ticket-input" id="ihooman-ticket-email" type="email" placeholder="Your email" required>\n <textarea class="ihooman-ticket-input ihooman-ticket-textarea" id="ihooman-ticket-issue" placeholder="Describe your issue..."></textarea>\n <button class="ihooman-ticket-submit" id="ihooman-ticket-submit">Submit Ticket</button>\n <button class="ihooman-ticket-back" id="ihooman-ticket-back">← Back to Chat</button>\n </div>\n <div class="ihooman-history-view">\n <div class="ihooman-history-header">\n <span class="ihooman-history-title">Your Conversations</span>\n <button class="ihooman-history-new">${n.plus} New Chat</button>\n </div>\n <div class="ihooman-history-list"></div>\n </div>\n <div class="ihooman-survey-view">\n <div class="ihooman-survey-question">${i.surveyConfig?.question||"How was your experience?"}</div>\n <div class="ihooman-survey-stars"></div>\n <textarea class="ihooman-survey-comment" placeholder="Any additional feedback? (optional)"></textarea>\n <button class="ihooman-survey-submit">Submit Feedback</button>\n <button class="ihooman-survey-skip">Skip</button>\n </div>\n ${i.poweredBy?'<div class="ihooman-powered">Powered by <a href="https://ihooman.ai" target="_blank" rel="noopener">Ihooman AI</a></div>':""}\n </div>\n </div>\n `,T.appendChild(o),h={widget:o,toggle:o.querySelector(".ihooman-toggle"),badge:o.querySelector(".ihooman-badge"),window:o.querySelector(".ihooman-window"),chatView:o.querySelector(".ihooman-chat-view"),ticketView:o.querySelector(".ihooman-ticket-view"),historyView:o.querySelector(".ihooman-history-view"),surveyView:o.querySelector(".ihooman-survey-view"),historyList:o.querySelector(".ihooman-history-list"),messages:o.querySelector(".ihooman-messages"),presetQuestions:o.querySelector(".ihooman-preset-questions"),input:o.querySelector(".ihooman-input"),sendBtn:o.querySelector(".ihooman-input-btn.send"),attachBtn:o.querySelector(".ihooman-input-btn.attach"),fileInput:o.querySelector(".ihooman-file-input"),statusDot:o.querySelector(".ihooman-status-dot"),statusText:o.querySelector(".ihooman-status-text"),statusBar:o.querySelector(".ihooman-status-bar"),ticketName:o.querySelector("#ihooman-ticket-name"),ticketEmail:o.querySelector("#ihooman-ticket-email"),ticketIssue:o.querySelector("#ihooman-ticket-issue"),ticketSubmitBtn:o.querySelector("#ihooman-ticket-submit"),ticketBackBtn:o.querySelector("#ihooman-ticket-back"),proactiveToast:o.querySelector(".ihooman-proactive-toast")},function(){if(!h.toggle||!h.sendBtn||!h.input)return;h.toggle.addEventListener("click",ie),h.sendBtn.addEventListener("click",P),h.input.addEventListener("input",()=>{h.sendBtn&&(h.sendBtn.disabled=!h.input?.value.trim()),h.input&&(h.input.style.height="auto",h.input.style.height=Math.min(h.input.scrollHeight,100)+"px")}),h.input.addEventListener("keydown",e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),h.sendBtn?.disabled||P())}),h.attachBtn&&h.fileInput&&(h.attachBtn.addEventListener("click",()=>h.fileInput?.click()),h.fileInput.addEventListener("change",Q));h.widget?.querySelector('[data-action="refresh"]')?.addEventListener("click",ae),h.widget?.querySelector('[data-action="minimize"]')?.addEventListener("click",ne),h.widget?.querySelector('[data-action="history"]')?.addEventListener("click",O),h.ticketSubmitBtn&&h.ticketSubmitBtn.addEventListener("click",j);h.ticketBackBtn&&h.ticketBackBtn.addEventListener("click",()=>B("chat"));const e=h.widget?.querySelector(".ihooman-history-new");e&&e.addEventListener("click",()=>{ae(),B("chat")});const t=h.proactiveToast?.querySelector(".ihooman-proactive-toast-btn.primary"),o=h.proactiveToast?.querySelector(".ihooman-proactive-toast-btn.secondary");t&&t.addEventListener("click",()=>{const e=c[c.length-1];e&&S("proactive_clicked",{message_id:e}),K(),oe(),_("proactive:clicked")});o&&o.addEventListener("click",()=>{K()});const i=h.surveyView?.querySelector(".ihooman-survey-submit"),a=h.surveyView?.querySelector(".ihooman-survey-skip");i&&i.addEventListener("click",A);a&&a.addEventListener("click",()=>B("chat"));!function(){const e=h.surveyView?.querySelector(".ihooman-survey-stars");if(!e)return;let t=0;e.innerHTML="";for(let o=1;o<=5;o++){const i=document.createElement("div");i.className="ihooman-survey-star",i.innerHTML=n.starEmpty,i.dataset.rating=String(o),i.addEventListener("click",()=>{t=o,z(e,o)}),i.addEventListener("mouseenter",()=>z(e,o)),i.addEventListener("mouseleave",()=>z(e,t)),e.appendChild(i)}}()}()}function z(e,t){e.querySelectorAll(".ihooman-survey-star").forEach((e,o)=>{const i=e;o<t?(i.innerHTML=n.star,i.classList.add("active")):(i.innerHTML=n.starEmpty,i.classList.remove("active"))})}function L(e,t="bot",o={}){const s={id:w("msg_"),content:e,sender:t,timestamp:new Date,metadata:o};if(a.messages.push(s),!h.messages)return s;const r=document.createElement("div");r.className=`ihooman-message ${t}`;const d="bot"===t&&!0===o?.escalation_offered;let c="";d&&(c=`\n <div class="ihooman-escalation-actions">\n <button class="ihooman-escalation-btn primary" data-action="live-agent">${n.agent}<span>Talk to Agent</span></button>\n <button class="ihooman-escalation-btn secondary" data-action="create-ticket">${n.ticket}<span>Create Ticket</span></button>\n </div>\n `);let l="";var p,u;o?.quick_replies&&o.quick_replies.length>0&&(l=`<div class="ihooman-quick-replies">${o.quick_replies.map(e=>`<button class="ihooman-quick-reply" data-text="${k(e.text)}">${k(e.text)}</button>`).join("")}</div>`),r.innerHTML=`\n <div class="ihooman-message-content">${u=e,u?k(u).replace(/\*\*(.*?)\*\*/g,"<strong>$1</strong>").replace(/\*(.*?)\*/g,"<em>$1</em>").replace(/`(.*?)`/g,"<code>$1</code>").replace(/\[(.*?)\]\((.*?)\)/g,'<a href="$2" target="_blank" rel="noopener">$1</a>').replace(/\n/g,"<br>"):""}</div>\n ${c}\n ${l}\n ${i.showTimestamps?`<div class="ihooman-message-time">${p=s.timestamp,new Date(p).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}</div>`:""}\n `,d&&(r.querySelector('[data-action="live-agent"]')?.addEventListener("click",()=>E("live-agent")),r.querySelector('[data-action="create-ticket"]')?.addEventListener("click",()=>E("create-ticket"))),r.querySelectorAll(".ihooman-quick-reply").forEach(e=>{e.addEventListener("click",()=>{const t=e.dataset.text;t&&(D(),L(t,"user"),V(),F(t))})});const m=h.messages.querySelector(".ihooman-typing");return m&&m.remove(),h.messages.appendChild(r),h.messages.scrollTop=h.messages.scrollHeight,"bot"===t&&(i.enableSounds&&function(){if(a.soundMuted)return;try{const e=window.AudioContext||window.webkitAudioContext;if(!e)return;const t=new e,o=t.createOscillator(),n=t.createGain();o.connect(n),n.connect(t.destination),o.frequency.setValueAtTime(880,t.currentTime),o.frequency.setValueAtTime(1108.73,t.currentTime+.1),n.gain.setValueAtTime(0,t.currentTime),n.gain.linearRampToValueAtTime(.3,t.currentTime+.01),n.gain.linearRampToValueAtTime(.2,t.currentTime+.1),n.gain.linearRampToValueAtTime(0,t.currentTime+.3),o.start(t.currentTime),o.stop(t.currentTime+.3),o.onended=()=>{t.close().catch(()=>{})}}catch(e){console.debug("[IhoomanChat] Sound playback failed:",e)}}(),a.isOpen||(a.unreadCount++,h.badge&&(h.badge.textContent=String(a.unreadCount)))),_("message",s),s}function M(){console.debug("[IhoomanChat] Rendering preset questions:",u.length),h.presetQuestions&&0!==u.length?(h.presetQuestions.innerHTML=u.map(e=>`\n <button class="ihooman-preset-btn" data-question-id="${k(e.id)}" data-question-text="${k(e.text)}">\n ${e.icon||e.emoji?`<span class="icon">${k(e.icon||e.emoji||"")}</span>`:""}\n <span>${k(e.text)}</span>\n </button>\n `).join(""),h.presetQuestions.querySelectorAll(".ihooman-preset-btn").forEach(e=>{e.addEventListener("click",()=>{const t=e.dataset.questionText;t&&function(e){D(),L(e,"user"),V(),F(e)}(t)})})):h.presetQuestions&&(h.presetQuestions.innerHTML="")}function E(e){document.querySelectorAll(".ihooman-escalation-btn").forEach(e=>e.disabled=!0),"live-agent"===e?async function(){if(!a.sessionId)return void L("Please send a message first to start a conversation.","bot",{is_system_message:!0});try{const e=await fetch(`${i.serverUrl}/api/widget/live-agent`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({widget_id:i.widgetId,session_id:a.sessionId,visitor_id:a.visitorId})}),t=await e.json();r=!0,a.escalationStatus={active:!0,type:"live_agent",queuePosition:t.position_in_queue},t.position_in_queue&&t.position_in_queue>1?U("waiting",`⏳ Waiting for agent (Position: #${t.position_in_queue})`):U("waiting","⏳ Connecting to live support..."),H(),_("escalation:start",{type:"live_agent"})}catch(e){console.error("Error requesting live agent:",e),L("❌ Unable to connect to live support. Please try again.","bot",{is_system_message:!0})}}():"create-ticket"===e&&B("ticket")}function B(e){s=e,a.view=e,h.chatView&&h.chatView.classList.toggle("hidden","chat"!==e),h.ticketView&&h.ticketView.classList.toggle("show","ticket"===e),h.historyView&&h.historyView.classList.toggle("show","history"===e),h.surveyView&&h.surveyView.classList.toggle("show","survey"===e),"history"===e&&async function(){if(!h.historyList||!a.visitorId)return;h.historyList.innerHTML='<div class="ihooman-history-empty">Loading...</div>';try{const e=await fetch(`${i.serverUrl}/api/widget/conversations?widget_id=${i.widgetId}&visitor_id=${a.visitorId}&limit=20`);if(!e.ok)throw new Error("Failed to load history");const t=await e.json();if(!t.length)return void(h.historyList.innerHTML='<div class="ihooman-history-empty">No conversations yet</div>');h.historyList.innerHTML=t.map(e=>`\n <div class="ihooman-history-item ${e.session_id===a.sessionId?"active":""}" data-session-id="${e.session_id}">\n <div class="ihooman-history-preview">${k(e.preview||"New conversation")}</div>\n <div class="ihooman-history-meta">\n <span>${e.message_count} msgs</span>\n <span>${"pending"===e.status?"🟡 Pending":"closed"===e.status?"✓ Closed":""} ${function(e){const t=Date.now()-new Date(e).getTime();return t<6e4?"now":t<36e5?Math.floor(t/6e4)+"m":t<864e5?Math.floor(t/36e5)+"h":Math.floor(t/864e5)+"d"}(e.updated_at)}</span>\n </div>\n </div>\n `).join(""),h.historyList.querySelectorAll(".ihooman-history-item").forEach(e=>{e.addEventListener("click",()=>{const t=e.dataset.sessionId;t&&async function(e){a.sessionId=e,i.persistSession&&$("session_id",e);h.messages&&(h.messages.innerHTML="");r=!1,W(),U("hidden"),y=!0,g&&(g.close(),g=null);X(),B("chat"),await async function(e){try{const t=await fetch(`${i.serverUrl}/api/widget/transcript/${e}?widget_id=${i.widgetId}`);if(!t.ok)throw new Error("Failed to load messages");const o=await t.json();h.messages&&(h.messages.innerHTML=""),o.messages&&o.messages.length>0?o.messages.forEach(e=>{const t="user"===e.sender_type?"user":"bot";L(e.content,t,e.extra_data||{})}):i.welcomeMessage&&L(i.welcomeMessage,"bot"),"pending"===o.status&&(r=!0,H(),U("waiting","⏳ Waiting for agent..."))}catch(e){console.error("Error loading conversation messages:",e),i.welcomeMessage&&L(i.welcomeMessage,"bot")}}(e)}(t)})})}catch(e){console.error("Error loading conversation history:",e),h.historyList.innerHTML='<div class="ihooman-history-empty">Failed to load history</div>'}}()}function O(){B("history"===s?"chat":"history")}function U(e,t){h.statusBar&&("hidden"!==e?(h.statusBar.classList.add("show"),h.statusBar.classList.remove("waiting","connected"),h.statusBar.classList.add(e),t&&(h.statusBar.textContent=t)):h.statusBar.classList.remove("show"))}async function j(){const e=h.ticketName?.value.trim(),t=h.ticketEmail?.value.trim(),o=h.ticketIssue?.value.trim();if(e&&t){h.ticketSubmitBtn&&(h.ticketSubmitBtn.disabled=!0,h.ticketSubmitBtn.textContent="Submitting...");try{const n=await fetch(`${i.serverUrl}/api/widget/submit-ticket`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({widget_id:i.widgetId,session_id:a.sessionId,user_name:e,user_email:t,issue:o||"No description provided"})}),s=await n.json();h.ticketName&&(h.ticketName.value=""),h.ticketEmail&&(h.ticketEmail.value=""),h.ticketIssue&&(h.ticketIssue.value=""),B("chat");L(`✅ Ticket submitted! We'll contact you at ${t}. Reference: #${s.ticket_id?s.ticket_id.slice(0,8):"submitted"}`,"bot",{is_system_message:!0})}catch(e){console.error("Error submitting ticket:",e),L("❌ Error submitting ticket. Please try again.","bot",{is_system_message:!0})}h.ticketSubmitBtn&&(h.ticketSubmitBtn.disabled=!1,h.ticketSubmitBtn.textContent="Submit Ticket")}else alert("Please fill in your name and email")}function H(){x||(x=setInterval(async()=>{if(a.sessionId&&r)try{const e=await fetch(`${i.serverUrl}/api/widget/escalation-status/${a.sessionId}?widget_id=${i.widgetId}`);if(e.ok){const t=await e.json();t.escalated&&("in_progress"===t.ticket_status||"active"===t.conversation_status?U("connected","🟢 Connected to live agent"):"open"===t.ticket_status?U("waiting",t.position_in_queue>1?`⏳ Waiting for agent (Position: #${t.position_in_queue})`:"⏳ Waiting for agent..."):"closed"!==t.ticket_status&&"resolved"!==t.ticket_status||(r=!1,W(),U("hidden"),L("This conversation has been closed. Thank you for contacting us!","bot",{is_system_message:!0}),_("escalation:end",{type:"live_agent"})))}}catch{}else W()},3e3))}function W(){x&&(clearInterval(x),x=null)}async function A(){const e=h.surveyView?.querySelector(".ihooman-survey-stars"),t=e?.querySelectorAll(".ihooman-survey-star.active"),o=t?.length||0,n=h.surveyView?.querySelector(".ihooman-survey-comment")?.value;if(0!==o)try{await fetch(`${i.serverUrl}/api/widget/public/survey-response?widget_id=${encodeURIComponent(i.widgetId)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({survey_config_id:i.surveyConfig?.id,session_id:a.sessionId,visitor_id:a.visitorId,rating:o,comment:n||null})}),S("survey_submitted",{survey_id:i.surveyConfig?.id,rating:o,comment:n||null,session_id:a.sessionId,visitor_id:a.visitorId}),$("survey_completed_"+a.sessionId,!0),_("survey:submitted",{rating:o,comment:n}),L(i.surveyConfig?.thankYouMessage||"Thank you for your feedback!","bot",{is_system_message:!0}),B("chat")}catch(e){console.error("Error submitting survey:",e)}else alert("Please select a rating")}function V(){if(!i.showTypingIndicator||!h.messages)return;if(h.messages.querySelector(".ihooman-typing"))return;const e=document.createElement("div");e.className="ihooman-typing",e.innerHTML='<div class="ihooman-typing-dots"><span class="ihooman-typing-dot"></span><span class="ihooman-typing-dot"></span><span class="ihooman-typing-dot"></span></div>',h.messages.appendChild(e),h.messages.scrollTop=h.messages.scrollHeight}function R(){const e=h.messages?.querySelector(".ihooman-typing");e&&e.remove()}function N(){h.input&&(h.input.disabled=!0,h.input.placeholder="Conversation closed — start a new chat to continue"),h.sendBtn&&(h.sendBtn.disabled=!0),h.attachBtn&&(h.attachBtn.disabled=!0)}function P(){if(d)return;const e=h.input?.value.trim();e&&(D(),h.input&&(h.input.value="",h.input.style.height="auto"),h.sendBtn&&(h.sendBtn.disabled=!0),L(e,"user"),S("message_sent",{session_id:a.sessionId,visitor_id:a.visitorId,message_length:e.length}),V(),F(e))}function D(){h.presetQuestions&&h.presetQuestions.classList.add("hidden")}async function F(e){if(!d)if(g&&g.readyState===WebSocket.OPEN)g.send(JSON.stringify({type:"message",content:e}));else try{const t=await fetch(`${i.serverUrl}/api/v1/public/chat`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({message:e,session_id:a.sessionId,visitor_id:a.visitorId,widget_id:i.widgetId})}),o=await t.json();R(),o.session_id&&(a.sessionId=o.session_id,i.persistSession&&$("session_id",a.sessionId)),o.response&&(L(o.response,"bot",{sources:o.sources,confidence:o.confidence,escalation_offered:o.escalation_offered,quick_replies:o.quick_replies}),S("message_received",{session_id:a.sessionId,visitor_id:a.visitorId,message_length:o.response.length,has_sources:!!o.sources,confidence:o.confidence}))}catch(e){R(),L("Sorry, something went wrong. Please try again.","bot"),_("error",e)}}function Q(e){const t=e.target,o=t.files?.[0];if(!o)return;L(`📎 Uploading: ${o.name}...`,"user"),V();const n=new FormData;n.append("file",o),n.append("session_id",a.sessionId||""),n.append("visitor_id",a.visitorId||""),n.append("widget_id",i.widgetId),fetch(`${i.serverUrl}/api/upload`,{method:"POST",body:n}).then(e=>e.json()).then(e=>{R(),e.message&&L(e.message,"bot")}).catch(()=>{R(),L("Failed to upload file.","bot")}),t.value=""}function Y(){i.proactiveMessages&&0!==i.proactiveMessages.length?(console.debug("[IhoomanChat] Initializing proactive messages:",i.proactiveMessages.length),c=$("shown_proactive")||[],l=$("proactive_cooldowns")||{},p=setInterval(J,5e3),window.addEventListener("scroll",J),document.addEventListener("mouseout",e=>{e.clientY<=0&&function(){if(a.isOpen||!i.proactiveMessages)return;const e=i.proactiveMessages.filter(e=>"exit_intent"===e.trigger.type&&!c.includes(e.id));e.length>0&&G(e[0])}()})):console.debug("[IhoomanChat] No proactive messages configured")}function J(){if(a.isOpen||!i.proactiveMessages)return;const e=Date.now();for(const t of i.proactiveMessages){if(c.includes(t.id))continue;const o=l[t.id];if(o&&e-o<60*t.cooldownMinutes*1e3)continue;if(t.startDate&&new Date(t.startDate)>new Date)continue;if(t.endDate&&new Date(t.endDate)<new Date)continue;let n=!1;switch(t.trigger.type){case"time":const o="number"==typeof t.trigger.value?t.trigger.value:parseInt(String(t.trigger.value),10);e-($("page_load_time")||e)>=1e3*o&&(n=!0);break;case"scroll":const i="number"==typeof t.trigger.value?t.trigger.value:parseInt(String(t.trigger.value),10);C()>=i&&(n=!0);break;case"url_pattern":I(String(t.trigger.value))&&(n=!0)}if(n){G(t);break}}}function G(e){if(c.push(e.id),l[e.id]=Date.now(),$("shown_proactive",c),$("proactive_cooldowns",l),S("proactive_displayed",{message_id:e.id}),h.proactiveToast){const t=h.proactiveToast.querySelector(".ihooman-proactive-toast-content");t&&(t.textContent=e.message),h.proactiveToast.classList.add("show"),_("proactive:shown",e),e.autoOpen&&setTimeout(()=>{K(),oe()},3e3)}}function K(){h.proactiveToast&&h.proactiveToast.classList.remove("show")}function X(e){if(!i.serverUrl&&!e)return;let t;if(i.widgetId){const e=i.serverUrl?.replace(/^http/,"ws"),o=new URLSearchParams({widget_id:i.widgetId});a.visitorId&&o.append("visitor_id",a.visitorId),a.sessionId&&o.append("session_id",a.sessionId),t=`${e}/public/ws?${o.toString()}`}else t=e||i.serverUrl?.replace(/^http/,"ws")+"/ws";try{Z(),g=new WebSocket(t),g.onopen=()=>{a.isConnected=!0,a.connectionStatus="connected",b=0,te(!0),_("connected"),Z(),v=setInterval(()=>{if(g&&g.readyState===WebSocket.OPEN)try{g.send(JSON.stringify({type:"ping"}))}catch{}},25e3)},g.onclose=t=>{if(a.isConnected=!1,a.connectionStatus="disconnected",te(!1),Z(),_("disconnected"),y)y=!1;else if(4002!==t.code&&a.isOpen)if(b<5){b++;const t=Math.min(1e3*Math.pow(2,b),3e4);setTimeout(()=>X(e),t)}else ee()},g.onerror=e=>{console.error("WebSocket error:",e)},g.onmessage=e=>{try{const t=JSON.parse(e.data);if("connected"===t.type)t.session_id&&(a.sessionId=t.session_id,i.persistSession&&$("session_id",a.sessionId)),t.visitor_id&&(a.visitorId=t.visitor_id,i.persistSession&&$("visitor_id",a.visitorId)),t.welcome_message&&0===a.messages.length&&L(t.welcome_message,"bot");else if("message"===t.type){R();const e="user"===t.sender?"user":"bot",o=t.metadata||{};o.agent_accepted&&(r=!0,U("connected","🟢 Connected to live agent"),_("escalation:accepted",{type:"live_agent"})),o.closed_by_agent&&(r=!1,d=!0,W(),U("hidden"),N(),_("escalation:end",{type:"live_agent"})),S("message_received",{session_id:a.sessionId,visitor_id:a.visitorId,sender:t.sender,is_system_message:o.is_system_message||!1}),L(t.content,e,{confidence:t.confidence,agent_name:t.agent_name,escalation_offered:t.escalation_offered,escalated:t.escalated,quick_replies:t.quick_replies,...o})}else"typing"===t.type?t.is_typing?V():R():"pong"===t.type||("agent_status"===t.type?"connected"===t.status?(r=!0,U("connected","🟢 Connected to live agent"),_("escalation:accepted",{type:"live_agent"})):"disconnected"===t.status&&(r=!1,d=!0,W(),U("hidden"),N(),_("escalation:end",{type:"live_agent"})):"error"===t.type&&(console.error("WebSocket server error:",t.message),_("error",{message:t.message})))}catch{}}}catch{ee()}}function Z(){v&&(clearInterval(v),v=null)}function ee(){f||(f=setInterval(async()=>{if(a.sessionId)try{const e=await fetch(`${i.serverUrl}/api/messages?session_id=${a.sessionId}&since=${Date.now()-5e3}&widget_id=${i.widgetId}`),t=await e.json();t.messages&&t.messages.forEach(e=>{a.messages.find(t=>t.id===e.id)||L(e.content,e.sender_type,e.metadata)})}catch{}},5e3))}function te(e){h.statusDot&&h.statusDot.classList.toggle("offline",!e),h.statusText&&(h.statusText.textContent=e?"Online":"Offline")}function oe(){a.isOpen||(a.isOpen=!0,a.unreadCount=0,h.badge&&(h.badge.textContent=""),h.toggle&&h.toggle.classList.add("open"),h.window&&h.window.classList.add("open"),K(),setTimeout(()=>h.input?.focus(),300),S("widget_open"),_("open"))}function ne(){if(a.isOpen){if(a.isOpen=!1,h.toggle&&h.toggle.classList.remove("open"),h.window&&h.window.classList.remove("open"),S("widget_close"),i.surveyConfig&&a.messages.length>=4){a.sessionId&&$("survey_completed_"+a.sessionId)||setTimeout(()=>{a.isOpen||(i.surveyConfig&&(a.sessionId&&$("survey_completed_"+a.sessionId)||a.messages.length<4||(S("survey_displayed",{survey_id:i.surveyConfig.id,session_id:a.sessionId,visitor_id:a.visitorId}),B("survey"),_("survey:shown",i.surveyConfig))),oe())},500)}_("close")}}function ie(){a.isOpen?ne():oe()}function ae(){a.sessionId=null,a.visitorId=null,a.messages=[],r=!1,d=!1,$("session_id",null),a.visitorId=w("v_"),$("visitor_id",a.visitorId),h.messages&&(h.messages.innerHTML=""),U("hidden"),W(),h.input&&(h.input.disabled=!1,h.input.placeholder=i.placeholder||"Type a message..."),h.sendBtn&&(h.sendBtn.disabled=!h.input?.value.trim()),h.attachBtn&&(h.attachBtn.disabled=!1),b=0,g&&(y=!0,g.close(),g=null),X(),i.welcomeMessage&&L(i.welcomeMessage,"bot"),h.presetQuestions&&h.presetQuestions.classList.remove("hidden"),M(),_("newConversation")}const se={backgroundColor:"#00aeff",textColor:"#ffffff",borderColor:"transparent",borderWidth:0,borderRadius:8,paddingVertical:8,paddingHorizontal:16,fontSize:13,fontWeight:"medium"},re={backgroundColor:"transparent",textColor:"#6b7280",borderColor:"#e5e7eb",borderWidth:1,borderRadius:8,paddingVertical:8,paddingHorizontal:16,fontSize:13,fontWeight:"medium"},de={backgroundColor:"rgba(0, 174, 255, 0.1)",textColor:"#00aeff",borderColor:"rgba(0, 174, 255, 0.2)",borderWidth:1,borderRadius:20,paddingVertical:6,paddingHorizontal:12,fontSize:12,fontWeight:"medium"},ce={backgroundColor:"#f3f4f6",textColor:"#374151",borderColor:"#e5e7eb",borderWidth:1,borderRadius:16,paddingVertical:5,paddingHorizontal:10,fontSize:11,fontWeight:"medium"},le={backgroundColor:"transparent",textColor:"#9ca3af",borderColor:"#e5e7eb",borderWidth:1,borderRadius:6,paddingVertical:4,paddingHorizontal:8,fontSize:12,fontWeight:"medium"},pe={backgroundColor:"rgba(255, 255, 255, 0.1)",textColor:"#ffffff",borderColor:"transparent",borderWidth:0,borderRadius:6,paddingVertical:6,paddingHorizontal:6,fontSize:14,fontWeight:"medium"},ue={backgroundColor:"#00aeff",textColor:"#ffffff",borderColor:"transparent",borderWidth:0,borderRadius:8,paddingVertical:8,paddingHorizontal:14,fontSize:12,fontWeight:"medium"},he={backgroundColor:"#00aeff",textColor:"#ffffff",borderColor:"transparent",borderWidth:0,borderRadius:6,paddingVertical:6,paddingHorizontal:12,fontSize:12,fontWeight:"medium"},me={backgroundColor:"#00aeff",textColor:"#ffffff",borderColor:"transparent",borderWidth:0,borderRadius:30,paddingVertical:0,paddingHorizontal:0,fontSize:14,fontWeight:"medium"},ge={backgroundColor:"transparent",textColor:"#6b7280",borderColor:"transparent",borderWidth:0,borderRadius:8,paddingVertical:6,paddingHorizontal:6,fontSize:14,fontWeight:"medium"};function fe(e){const t="ihooman-button-styling",o=T||document.head;let n=o.querySelector(`#${t}`);n||(n=document.createElement("style"),n.id=t,o.appendChild(n));const i={primary:{...se,...e?.primary||{}},secondary:{...re,...e?.secondary||{}},presetQuestions:{...de,...e?.presetQuestions||{}},quickReplies:{...ce,...e?.quickReplies||{}},feedback:{...le,...e?.feedback||{}},headerActions:{...pe,...e?.headerActions||{}},escalation:{...ue,...e?.escalation||{}},cardActions:{...he,...e?.cardActions||{}},toggleButton:{...me,...e?.toggleButton||{}},attachButton:{...ge,...e?.attachButton||{}}},a=(e,t)=>{const o=t.backgroundColor,n=t.textColor,i=t.borderColor;return`\n ${e} {\n background: ${o};\n color: ${n};\n border: ${t.borderWidth}px solid ${i};\n border-radius: ${t.borderRadius}px;\n padding: ${t.paddingVertical}px ${t.paddingHorizontal}px;\n margin: 0;\n font-family: inherit;\n font-size: ${t.fontSize}px;\n font-weight: ${function(e){switch(e){case"normal":return 400;case"medium":default:return 500;case"semibold":return 600;case"bold":return 700}}(t.fontWeight)};\n min-width: unset;\n min-height: unset;\n width: auto;\n height: auto;\n max-width: none;\n max-height: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n line-height: 1.4;\n text-transform: none;\n letter-spacing: normal;\n box-shadow: none;\n text-decoration: none;\n white-space: nowrap;\n box-sizing: border-box;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n `};let s="";s+=a(".ihooman-input-btn.send",i.primary),s+=a(".ihooman-proactive-toast-btn.primary",i.primary),s+=a(".ihooman-survey-submit",i.primary),s+=a(".ihooman-ticket-submit",i.primary),s+=a(".ihooman-history-new",i.primary),s+=a(".ihooman-proactive-toast-btn.secondary",i.secondary),s+=a(".ihooman-survey-skip",i.secondary),s+=a(".ihooman-ticket-back",i.secondary),s+=a(".ihooman-preset-btn",i.presetQuestions),s+=a(".ihooman-quick-reply",i.quickReplies),s+=a(".ihooman-feedback-btn",i.feedback),s+=a(".ihooman-header-btn",i.headerActions),s+=a(".ihooman-escalation-btn",i.escalation),s+=a(".ihooman-escalation-btn.primary",i.escalation),s+=a(".ihooman-escalation-btn.secondary",i.secondary),s+=a(".ihooman-carousel-card-btn",i.cardActions);const r=i.toggleButton,d=r.backgroundColor,c=r.textColor,l=r.borderColor;s+=`\n .ihooman-toggle {\n background: linear-gradient(135deg, ${d}, ${d}) !important;\n color: ${c};\n border: ${r.borderWidth}px solid ${l};\n border-radius: ${r.borderRadius}px;\n }\n `,s+=a(".ihooman-input-btn.attach",i.attachButton),console.debug("[IhoomanChat] Applied button styling CSS:",s.length,"chars"),n.textContent=s}async function be(e){if(!e.widgetId)return console.error("IhoomanChat: widgetId is required"),null;i={...o,...e},a.visitorId=$("visitor_id")||w("v_"),$("visitor_id",a.visitorId),i.persistSession&&(a.sessionId=$("session_id")),$("page_load_time")||$("page_load_time",Date.now());const n=i.serverUrl||t,s=await async function(e,t){try{const o=await fetch(`${t}/api/widget/config?widget_id=${encodeURIComponent(e)}`);return o.ok?await o.json():{success:!1,error:(await o.json().catch(()=>({}))).error||`HTTP ${o.status}`}}catch(e){return{success:!1,error:"Unable to connect. Please check your internet connection."}}}(i.widgetId,n);let r;var d;return s.success&&s.config?(d=s.config,i.title=d.title||i.title,i.subtitle=d.subtitle||i.subtitle,i.welcomeMessage=d.welcomeMessage||i.welcomeMessage,i.placeholder=d.placeholder||i.placeholder,i.position=d.position||i.position,d.theme&&(i.primaryColor=d.theme.primaryColor||i.primaryColor,i.gradientFrom=d.theme.gradientFrom||i.gradientFrom,i.gradientTo=d.theme.gradientTo||i.gradientTo,i.fontFamily=d.theme.fontFamily||i.fontFamily,d.theme.borderRadius&&(i.borderRadius=parseInt(d.theme.borderRadius,10)||i.borderRadius)),d.behavior&&(i.startOpen=d.behavior.startOpen??i.startOpen,i.showTypingIndicator=d.behavior.showTypingIndicator??i.showTypingIndicator,i.showTimestamps=d.behavior.showTimestamps??i.showTimestamps,i.enableSounds=d.behavior.enableSounds??i.enableSounds,i.enableFileUpload=d.behavior.enableFileUpload??i.enableFileUpload,i.persistSession=d.behavior.persistSession??i.persistSession),d.branding&&(i.avatarUrl=d.branding.avatarUrl||i.avatarUrl,i.logoUrl=d.branding.logoUrl||i.logoUrl,i.poweredBy=d.branding.poweredBy??i.poweredBy,i.customCss=d.branding.customCss||i.customCss),d.size&&(i.width=d.size.width||i.width,i.height=d.size.height||i.height,i.buttonSize=d.size.buttonSize||i.buttonSize),d.presetQuestions&&Array.isArray(d.presetQuestions)&&(console.debug("[IhoomanChat] Server config presetQuestions:",d.presetQuestions.length),u=d.presetQuestions.map(e=>({id:e.id,text:e.text,icon:e.icon,emoji:e.icon})),i.presetQuestions=u),d.proactiveMessages&&Array.isArray(d.proactiveMessages)&&(console.debug("[IhoomanChat] Server config proactiveMessages:",d.proactiveMessages.length),i.proactiveMessages=d.proactiveMessages.filter(e=>!1!==e.isActive).map(e=>({id:e.id,message:e.message,trigger:{type:e.trigger.type,value:"time"===e.trigger.type||"scroll"===e.trigger.type?parseInt(e.trigger.value,10)||30:e.trigger.value},autoOpen:e.autoOpen||!1,cooldownMinutes:e.cooldownMinutes||60}))),d.surveyConfig&&!1!==d.surveyConfig.isActive&&(console.debug("[IhoomanChat] Server config surveyConfig:",d.surveyConfig.id),i.surveyConfig={id:d.surveyConfig.id,type:d.surveyConfig.type,question:d.surveyConfig.question,followUpQuestion:d.surveyConfig.followUpQuestion,thankYouMessage:d.surveyConfig.thankYouMessage}),d.buttonStyling&&(console.debug("[IhoomanChat] Server config buttonStyling:",Object.keys(d.buttonStyling)),i.buttonStyling=d.buttonStyling,fe(d.buttonStyling)),r=s.chatEndpoint,s.apiBaseUrl&&(i.serverUrl=s.apiBaseUrl)):s.error&&(console.warn("IhoomanChat: Could not fetch server config:",s.error),"Widget not authorized for this domain"===s.error&&console.error("IhoomanChat: Widget configuration error. Please contact support.")),q(),fe(i.buttonStyling),M(),a.messages.forEach(e=>L(e.content,"user"===e.sender?"user":"bot",e.metadata)),0===a.messages.length&&i.welcomeMessage&&L(i.welcomeMessage,"bot"),X(r),Y(),i.startOpen&&setTimeout(oe,500),_("ready"),ye}const ye={init:be,open:oe,close:ne,toggle:ie,isOpen:function(){return a.isOpen},destroy:function(){Z(),W(),p&&(clearInterval(p),p=null),window.removeEventListener("scroll",J),y=!0,g&&(g.close(),g=null),f&&(clearInterval(f),f=null),h.widget&&h.widget.remove();const e=document.getElementById("ihooman-widget-styles");e&&e.remove(),a={isOpen:!1,isConnected:!1,messages:[],sessionId:null,visitorId:null,unreadCount:0},h={},b=0,y=!1},sendMessage:function(e){e.trim()&&!d&&(h.input&&(h.input.value=e),P())},setUser:function(e){a.userInfo=e,e.name&&$("user_name",e.name),e.email&&$("user_email",e.email),e.metadata&&$("user_metadata",e.metadata)},clearUser:function(){a.userInfo=null,$("user_name",null),$("user_email",null),$("user_metadata",null)},clearHistory:function(){ae()},on:function(e,t){m[e]||(m[e]=[]),m[e].push(t)},off:function(e,t){m[e]&&(m[e]=m[e].filter(e=>e!==t))},getState:function(){return{...a}},getConfig:function(){return{...i}},showSurvey:function(){i.surveyConfig?(S("survey_displayed",{survey_id:i.surveyConfig.id,session_id:a.sessionId,visitor_id:a.visitorId,trigger:"manual"}),B("survey"),_("survey:shown",i.surveyConfig)):console.warn("[IhoomanChat] No survey configured")},resetProactiveMessages:function(){c=[],l={},$("shown_proactive",null),$("proactive_cooldowns",null),console.debug("[IhoomanChat] Proactive message history reset")},version:"3.0.21"},ve=ye;!function(){if("undefined"==typeof document)return;let e=document.currentScript;if(!e){const t=document.getElementsByTagName("script");for(let o=0;o<t.length;o++)if(t[o].src&&t[o].src.includes("ihooman")){e=t[o];break}}if(!e)return;const t=e.getAttribute("data-widget-id");if(t){const o={widgetId:t},n=e.getAttribute("data-server-url");n&&(o.serverUrl=n);const i=e.getAttribute("data-theme");"light"!==i&&"dark"!==i||(o.theme=i);const a=e.getAttribute("data-position");a&&(o.position=a);"true"===e.getAttribute("data-start-open")&&(o.startOpen=!0),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>be(o)):be(o)}}(),"undefined"!=typeof window&&(window.IhoomanChat=ve),e.IhoomanChat=ve,e.createWidgetInstance=function(){return{...ye}},e.default=ve,Object.defineProperty(e,"__esModule",{value:!0})});
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).IhoomanChat={})}(this,function(e){"use strict";const t="https://api.ihooman.ai",o={serverUrl:t,theme:"light",position:"bottom-right",title:"Chat Support",subtitle:"We typically reply within minutes",welcomeMessage:"Hi there! 👋 How can we help you today?",placeholder:"Type a message...",primaryColor:"#00aeff",gradientFrom:"#00aeff",gradientTo:"#0066ff",showTimestamps:!0,showTypingIndicator:!0,enableSounds:!0,enableFileUpload:!0,startOpen:!1,persistSession:!0,zIndex:9999,width:380,height:560,buttonSize:60,borderRadius:16,fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',avatarUrl:"",poweredBy:!0,presetQuestions:[],proactiveMessages:[],surveyConfig:null,locale:"en",allowLocalhost:!0},n={chat:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>',close:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>',send:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>',attach:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg>',minimize:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"></line></svg>',bot:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="10" rx="2"></rect><circle cx="12" cy="5" r="2"></circle><path d="M12 7v4"></path></svg>',agent:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>',ticket:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline></svg>',history:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>',plus:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>',star:'<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg>',starEmpty:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg>'};let i={widgetId:"",...o},a={isOpen:!1,isConnected:!1,messages:[],pendingMessages:[],sessionId:null,visitorId:null,unreadCount:0,view:"chat",connectionStatus:"disconnected",typingIndicator:!1,soundMuted:!1,escalationStatus:null,userInfo:null},s="chat",r=!1,d=!1,c=[],l={},p=null,u=[],h={};const m={};let g=null,f=null,b=0;let y=!1,v=null,x=null;function w(e=""){return e+Math.random().toString(36).slice(2,14)+Date.now().toString(36)}function k(e){const t=document.createElement("div");return t.textContent=e,t.innerHTML}function $(e,t){const o="ihooman_chat_"+e;try{if(void 0===t){const e=localStorage.getItem(o);return e?JSON.parse(e):null}return null===t?(localStorage.removeItem(o),null):(localStorage.setItem(o,JSON.stringify(t)),t)}catch{return null}}function _(e,t){(m[e]||[]).forEach(o=>{try{o(t)}catch(t){console.error(`Error in ${e} handler:`,t)}});const o=`on${e.charAt(0).toUpperCase()}${e.slice(1)}`,n=i[o];if("function"==typeof n)try{n(t)}catch(e){console.error(`Error in ${o}:`,e)}}async function S(e,t){if(i.widgetId&&i.serverUrl)try{const o=`${i.serverUrl}/widget-analytics/track?widget_id=${encodeURIComponent(i.widgetId)}`;await fetch(o,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({event_type:e,session_id:a.sessionId,visitor_id:a.visitorId,metadata:t||{}})})}catch(t){console.debug("[IhoomanChat] Failed to track event:",e,t)}}function C(){const e=window.scrollY||document.documentElement.scrollTop,t=document.documentElement.scrollHeight-window.innerHeight;return t>0?Math.round(e/t*100):0}function I(e){try{return new RegExp(e.replace(/\*/g,".*")).test(window.location.href)}catch{return window.location.href.includes(e)}}let T=null;function q(){const e=document.createElement("div");e.id="ihooman-chat-widget-host",e.style.cssText="all: initial !important; position: fixed !important; z-index: 2147483647 !important; pointer-events: none !important;",document.body.appendChild(e),T=e.attachShadow({mode:"open"});const t=document.createElement("style");t.id="ihooman-widget-styles",t.textContent=function(){const{primaryColor:e,gradientFrom:t,gradientTo:o,fontFamily:n,borderRadius:a,zIndex:s,width:r,height:d,buttonSize:c}=i,l="dark"===i.theme,p=l?"#1a1a2e":"#ffffff",u=l?"#e4e4e7":"#1f2937",h=l?"#71717a":"#6b7280",m=l?"rgba(255,255,255,0.1)":"rgba(0,0,0,0.08)",g=l?"#16162a":"#f9fafb",f=`linear-gradient(135deg, ${t}, ${o})`,b=l?"#252542":"#f1f5f9",y=i.position?.includes("right")??!0,v=i.position?.includes("bottom")??!0;return`\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n :host { all: initial; }\n .ihooman-widget { font-family: ${n}; font-size: 14px; line-height: 1.5; color: ${u}; -webkit-font-smoothing: antialiased; }\n button { \n font-family: inherit;\n font-size: 100%;\n line-height: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n background: transparent;\n border: none;\n cursor: pointer;\n outline: none;\n }\n .ihooman-toggle { position: fixed !important; ${y?"right: 20px":"left: 20px"}; ${v?"bottom: 20px":"top: 20px"}; width: ${c}px !important; height: ${c}px !important; border-radius: 50% !important; background: linear-gradient(135deg, ${t}, ${o}) !important; border: none !important; cursor: pointer; z-index: ${s}; display: flex !important; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(0, 174, 255, 0.35); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; }\n .ihooman-toggle:hover { transform: scale(1.08); box-shadow: 0 6px 28px rgba(0, 174, 255, 0.45); }\n .ihooman-toggle:active { transform: scale(0.95); }\n .ihooman-toggle::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(255,255,255,0.2), transparent); border-radius: 50%; }\n .ihooman-toggle svg { width: 26px; height: 26px; color: white; transition: transform 0.3s ease, opacity 0.2s ease; position: relative; z-index: 1; }\n .ihooman-toggle .chat-icon { display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease, opacity 0.2s ease; }\n .ihooman-toggle .close-icon { position: absolute; display: flex; align-items: center; justify-content: center; transform: rotate(-90deg) scale(0); opacity: 0; transition: transform 0.3s ease, opacity 0.2s ease; }\n .ihooman-toggle.open .chat-icon { transform: rotate(90deg) scale(0); opacity: 0; }\n .ihooman-toggle.open .close-icon { transform: rotate(0) scale(1); opacity: 1; }\n .ihooman-pulse { position: absolute; inset: 0; border-radius: 50%; background: ${e}; animation: ihooman-pulse 2s ease-out infinite; }\n @keyframes ihooman-pulse { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } }\n .ihooman-toggle.open .ihooman-pulse { display: none; }\n .ihooman-badge { position: absolute; top: -4px; right: -4px; min-width: 20px; height: 20px; padding: 0 6px; background: #ef4444; color: white; font-size: 11px; font-weight: 600; border-radius: 10px; display: flex; align-items: center; justify-content: center; z-index: 2; }\n .ihooman-badge:empty { display: none; }\n .ihooman-window { position: fixed; ${y?"right: 20px":"left: 20px"}; ${v?"bottom: 90px":"top: 90px"}; width: ${r}px; height: ${d}px; min-height: ${d}px; max-height: ${d}px; z-index: ${(s??9999)-1}; display: flex; flex-direction: column; opacity: 0; visibility: hidden; transform: translateY(20px) scale(0.95); transition: opacity 0.3s, visibility 0.3s, transform 0.3s; overscroll-behavior: contain; }\n .ihooman-window.open { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }\n .ihooman-container { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; border-radius: ${a}px; overflow: hidden; flex-shrink: 0; }\n .ihooman-container::before { content: ''; position: absolute; inset: 0; background: ${p}; opacity: 0.97; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: ${a}px; border: 1px solid ${m}; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }\n .ihooman-container > * { position: relative; z-index: 1; }\n .ihooman-header { padding: 16px 20px; background: linear-gradient(135deg, ${t}, ${o}); color: white; display: flex; align-items: center; gap: 12px; flex-shrink: 0; }\n .ihooman-header-avatar { width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n .ihooman-header-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }\n .ihooman-header-avatar svg { width: 22px; height: 22px; }\n .ihooman-header-info { flex: 1; min-width: 0; }\n .ihooman-header-title { font-size: 16px; font-weight: 600; margin-bottom: 2px; }\n .ihooman-header-status { display: flex; align-items: center; gap: 6px; font-size: 12px; opacity: 0.9; }\n .ihooman-status-dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; }\n .ihooman-status-dot.offline { background: #f59e0b; }\n .ihooman-header-actions { display: flex; gap: 8px; }\n .ihooman-header-btn { width: 28px; height: 28px; border-radius: 6px; background: rgba(255,255,255,0.15); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; color: white; transition: background 0.2s; }\n .ihooman-header-btn:hover { background: rgba(255,255,255,0.25); }\n .ihooman-header-btn svg { width: 14px; height: 14px; }\n .ihooman-messages { flex: 1; overflow-y: auto; overflow-x: hidden; padding: 16px; display: flex; flex-direction: column; gap: 12px; background: ${p}; overscroll-behavior: contain; min-height: 0; }\n .ihooman-messages::-webkit-scrollbar { width: 6px; }\n .ihooman-messages::-webkit-scrollbar-track { background: transparent; }\n .ihooman-messages::-webkit-scrollbar-thumb { background: ${m}; border-radius: 3px; }\n .ihooman-message { display: flex; flex-direction: column; max-width: 85%; animation: ihooman-fadeIn 0.3s ease; }\n @keyframes ihooman-fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n .ihooman-message.user { align-self: flex-end; align-items: flex-end; }\n .ihooman-message.bot { align-self: flex-start; align-items: flex-start; }\n .ihooman-message-content { padding: 12px 16px; border-radius: 16px; word-wrap: break-word; }\n .ihooman-message.user .ihooman-message-content { background: ${f}; color: white; border-bottom-right-radius: 4px; }\n .ihooman-message.bot .ihooman-message-content { background: ${b}; color: ${u}; border-bottom-left-radius: 4px; }\n .ihooman-message-content code { background: rgba(0,0,0,0.1); padding: 2px 6px; border-radius: 4px; font-family: monospace; font-size: 13px; }\n .ihooman-message-time { font-size: 11px; color: ${h}; margin-top: 4px; padding: 0 4px; }\n .ihooman-typing { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: ${b}; border-radius: 16px; border-bottom-left-radius: 4px; max-width: 80px; align-self: flex-start; }\n .ihooman-typing-dots { display: flex; gap: 4px; }\n .ihooman-typing-dot { width: 8px; height: 8px; background: ${h}; border-radius: 50%; animation: ihooman-typing 1.4s infinite; }\n .ihooman-typing-dot:nth-child(2) { animation-delay: 0.2s; }\n .ihooman-typing-dot:nth-child(3) { animation-delay: 0.4s; }\n @keyframes ihooman-typing { 0%, 60%, 100% { transform: translateY(0); opacity: 0.4; } 30% { transform: translateY(-4px); opacity: 1; } }\n .ihooman-input-area { padding: 12px 16px; background: ${p}; border-top: 1px solid ${m}; flex-shrink: 0; }\n .ihooman-input-wrapper { display: flex; align-items: flex-end; gap: 8px; background: ${g}; border: 1px solid ${m}; border-radius: 12px; padding: 8px 12px; transition: border-color 0.2s, box-shadow 0.2s; }\n .ihooman-input-wrapper:focus-within { border-color: ${e}; box-shadow: 0 0 0 3px rgba(0, 174, 255, 0.1); }\n .ihooman-input { flex: 1; border: none; background: transparent; font-family: inherit; font-size: 14px; color: ${u}; resize: none; max-height: 100px; outline: none; line-height: 1.4; }\n .ihooman-input::placeholder { color: ${h}; }\n .ihooman-input-btn { width: 32px; height: 32px; border-radius: 8px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; background: transparent; color: ${h}; }\n .ihooman-input-btn:hover { background: ${m}; color: ${u}; }\n .ihooman-input-btn.send { background: linear-gradient(135deg, ${t}, ${o}); color: white; }\n .ihooman-input-btn.send:hover { opacity: 0.9; }\n .ihooman-input-btn.send:disabled { opacity: 0.5; cursor: not-allowed; }\n .ihooman-input-btn svg { width: 16px; height: 16px; }\n .ihooman-input:disabled { opacity: 0.6; cursor: not-allowed; }\n .ihooman-input-btn.attach:disabled { opacity: 0.4; cursor: not-allowed; }\n .ihooman-file-input { display: none; }\n .ihooman-powered { text-align: center; padding: 8px; font-size: 11px; color: ${h}; background: ${p}; }\n .ihooman-powered a { color: ${e}; text-decoration: none; }\n .ihooman-escalation-actions { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }\n .ihooman-escalation-btn svg { width: 14px; height: 14px; flex-shrink: 0; }\n .ihooman-status-bar { padding: 10px 16px; text-align: center; font-size: 13px; display: none; }\n .ihooman-status-bar.show { display: block; }\n .ihooman-status-bar.waiting { background: #fef3c7; color: #92400e; }\n .ihooman-status-bar.connected { background: #dcfce7; color: #166534; }\n .ihooman-chat-view { display: flex; flex-direction: column; flex: 1; overflow: hidden; min-height: 0; }\n .ihooman-chat-view.hidden { display: none; }\n .ihooman-ticket-view { display: none; flex-direction: column; padding: 20px; gap: 16px; background: ${p}; flex: 1; overflow-y: auto; min-height: 0; }\n .ihooman-ticket-view.show { display: flex; }\n .ihooman-ticket-title { font-size: 18px; font-weight: 600; color: ${u}; margin: 0; }\n .ihooman-ticket-subtitle { font-size: 13px; color: ${h}; margin: 0; }\n .ihooman-ticket-input { padding: 12px 14px; border: 1px solid ${m}; border-radius: 10px; font-size: 14px; font-family: inherit; background: ${g}; color: ${u}; outline: none; transition: border-color 0.2s; }\n .ihooman-ticket-input:focus { border-color: ${e}; }\n .ihooman-ticket-input::placeholder { color: ${h}; }\n .ihooman-ticket-textarea { min-height: 100px; resize: vertical; }\n .ihooman-ticket-submit { display: flex; align-items: center; justify-content: center; padding: 12px; background: linear-gradient(135deg, ${t}, ${o}); color: white; border: none; border-radius: 8px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s; line-height: 1.4; }\n .ihooman-ticket-submit:hover { opacity: 0.9; }\n .ihooman-ticket-submit:disabled { opacity: 0.5; cursor: not-allowed; }\n .ihooman-ticket-back { display: flex; align-items: center; justify-content: center; padding: 10px; background: transparent; color: ${h}; border: 1px solid ${m}; border-radius: 8px; font-size: 13px; cursor: pointer; transition: all 0.2s; line-height: 1.4; }\n .ihooman-ticket-back:hover { background: ${l?"rgba(255,255,255,0.05)":"rgba(0,0,0,0.03)"}; }\n .ihooman-history-view { display: none; flex-direction: column; flex: 1; overflow: hidden; background: ${p}; }\n .ihooman-history-view.show { display: flex; }\n .ihooman-history-header { padding: 12px 16px; border-bottom: 1px solid ${m}; display: flex; justify-content: space-between; align-items: center; }\n .ihooman-history-title { font-size: 14px; font-weight: 600; color: ${u}; margin: 0; }\n .ihooman-history-new { display: inline-flex; align-items: center; justify-content: center; gap: 4px; background: linear-gradient(135deg, ${t}, ${o}); color: white; border: none; padding: 6px 12px; border-radius: 6px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.2s; line-height: 1.4; }\n .ihooman-history-new:hover { opacity: 0.9; }\n .ihooman-history-new svg { width: 12px; height: 12px; flex-shrink: 0; }\n .ihooman-history-list { flex: 1; overflow-y: auto; padding: 8px; overscroll-behavior: contain; }\n .ihooman-history-item { padding: 12px; border: 1px solid ${m}; border-radius: 8px; margin-bottom: 6px; cursor: pointer; transition: all 0.2s; background: ${p}; }\n .ihooman-history-item:hover { background: ${l?"rgba(255,255,255,0.05)":"#f8fafc"}; }\n .ihooman-history-item.active { background: ${l?"rgba(0, 174, 255, 0.1)":"#eff6ff"}; border-color: ${e}; }\n .ihooman-history-preview { font-size: 13px; color: ${u}; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n .ihooman-history-meta { font-size: 11px; color: ${h}; margin-top: 4px; display: flex; justify-content: space-between; }\n .ihooman-history-empty { padding: 40px; text-align: center; color: ${h}; font-size: 14px; }\n .ihooman-preset-questions { padding: 10px 16px; display: flex; flex-wrap: wrap; gap: 6px; background: ${p}; border-top: 1px solid ${m}; }\n .ihooman-preset-questions:empty { display: none; }\n .ihooman-preset-questions.hidden { display: none; }\n .ihooman-proactive-toast { position: fixed; ${y?"right: 20px":"left: 20px"}; ${v?"bottom: 90px":"top: 90px"}; max-width: 300px; padding: 16px; background: ${p}; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.15); z-index: ${(s??9999)-2}; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; border: 1px solid ${m}; }\n .ihooman-proactive-toast.show { opacity: 1; visibility: visible; transform: translateY(0); }\n .ihooman-proactive-toast-content { font-size: 14px; color: ${u}; margin-bottom: 12px; }\n .ihooman-proactive-toast-actions { display: flex; gap: 8px; }\n .ihooman-proactive-toast-btn { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; transition: all 0.2s; line-height: 1.4; }\n .ihooman-proactive-toast-btn.primary { background: linear-gradient(135deg, ${t}, ${o}); color: white; border: none; }\n .ihooman-proactive-toast-btn.primary:hover { opacity: 0.9; }\n .ihooman-proactive-toast-btn.secondary { background: transparent; color: ${h}; border: 1px solid ${m}; }\n .ihooman-proactive-toast-btn.secondary:hover { background: ${l?"rgba(255,255,255,0.05)":"rgba(0,0,0,0.03)"}; }\n .ihooman-survey-view { display: none; flex-direction: column; padding: 20px; gap: 16px; background: ${p}; flex: 1; align-items: center; justify-content: center; }\n .ihooman-survey-view.show { display: flex; }\n .ihooman-survey-question { font-size: 16px; font-weight: 600; color: ${u}; text-align: center; }\n .ihooman-survey-stars { display: flex; gap: 8px; }\n .ihooman-survey-star { width: 40px; height: 40px; cursor: pointer; color: ${h}; transition: all 0.2s; }\n .ihooman-survey-star:hover, .ihooman-survey-star.active { color: #fbbf24; transform: scale(1.1); }\n .ihooman-survey-star svg { width: 100%; height: 100%; }\n .ihooman-survey-comment { width: 100%; padding: 12px; border: 1px solid ${m}; border-radius: 8px; font-size: 14px; resize: none; min-height: 80px; background: ${g}; color: ${u}; }\n .ihooman-survey-submit { display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; background: linear-gradient(135deg, ${t}, ${o}); color: white; border: none; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; line-height: 1.4; }\n .ihooman-survey-submit:hover { opacity: 0.9; }\n .ihooman-survey-skip { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; background: transparent; color: ${h}; border: none; font-size: 12px; cursor: pointer; line-height: 1.4; }\n .ihooman-survey-skip:hover { color: ${u}; }\n .ihooman-feedback-btns { display: flex; gap: 6px; margin-top: 6px; }\n .ihooman-feedback-btn svg { width: 12px; height: 12px; }\n .ihooman-carousel { display: flex; gap: 12px; overflow-x: auto; padding: 8px 0; scroll-snap-type: x mandatory; }\n .ihooman-carousel::-webkit-scrollbar { height: 4px; }\n .ihooman-carousel-card { min-width: 200px; max-width: 250px; border: 1px solid ${m}; border-radius: 12px; overflow: hidden; scroll-snap-align: start; background: ${p}; }\n .ihooman-carousel-card img { width: 100%; height: 120px; object-fit: cover; }\n .ihooman-carousel-card-content { padding: 12px; }\n .ihooman-carousel-card-title { font-size: 14px; font-weight: 600; color: ${u}; margin-bottom: 4px; }\n .ihooman-carousel-card-desc { font-size: 12px; color: ${h}; margin-bottom: 8px; }\n .ihooman-carousel-card-btns { display: flex; flex-direction: column; gap: 6px; }\n .ihooman-quick-replies { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }\n @media (max-width: 480px) { .ihooman-window { width: calc(100vw - 20px); height: calc(100vh - 100px); min-height: 400px; max-height: calc(100vh - 100px); left: 10px; right: 10px; bottom: 80px; } .ihooman-toggle { ${y?"right: 16px":"left: 16px"}; bottom: 16px; } .ihooman-proactive-toast { left: 10px; right: 10px; max-width: none; } }\n `}(),T.appendChild(t);const o=document.createElement("div");o.className="ihooman-widget",o.style.cssText="pointer-events: auto;",o.innerHTML=`\n <button class="ihooman-toggle" aria-label="Open chat">\n <span class="ihooman-pulse"></span>\n <span class="ihooman-badge"></span>\n <span class="chat-icon">${n.chat}</span>\n <span class="close-icon">${n.close}</span>\n </button>\n <div class="ihooman-proactive-toast">\n <div class="ihooman-proactive-toast-content"></div>\n <div class="ihooman-proactive-toast-actions">\n <button class="ihooman-proactive-toast-btn primary">Chat Now</button>\n <button class="ihooman-proactive-toast-btn secondary">Dismiss</button>\n </div>\n </div>\n <div class="ihooman-window" role="dialog" aria-label="Chat window">\n <div class="ihooman-container">\n <div class="ihooman-header">\n <div class="ihooman-header-avatar">${i.avatarUrl?`<img src="${k(i.avatarUrl)}" alt="Support">`:n.bot}</div>\n <div class="ihooman-header-info">\n <div class="ihooman-header-title">${k(i.title||"Chat Support")}</div>\n <div class="ihooman-header-status"><span class="ihooman-status-dot"></span><span class="ihooman-status-text">Online</span></div>\n </div>\n <div class="ihooman-header-actions">\n <button class="ihooman-header-btn" data-action="history" title="Chat history">${n.history}</button>\n <button class="ihooman-header-btn" data-action="refresh" title="New conversation">${n.plus}</button>\n <button class="ihooman-header-btn" data-action="minimize" title="Minimize">${n.minimize}</button>\n </div>\n </div>\n <div class="ihooman-chat-view">\n <div class="ihooman-status-bar"></div>\n <div class="ihooman-messages" role="log" aria-live="polite"></div>\n <div class="ihooman-preset-questions"></div>\n <div class="ihooman-input-area">\n <div class="ihooman-input-wrapper">\n ${i.enableFileUpload?`<button class="ihooman-input-btn attach" title="Attach file">${n.attach}</button><input type="file" class="ihooman-file-input">`:""}\n <textarea class="ihooman-input" placeholder="${k(i.placeholder||"Type a message...")}" rows="1" aria-label="Message input"></textarea>\n <button class="ihooman-input-btn send" title="Send message" disabled>${n.send}</button>\n </div>\n </div>\n </div>\n <div class="ihooman-ticket-view">\n <h4 class="ihooman-ticket-title">📝 Submit a Ticket</h4>\n <p class="ihooman-ticket-subtitle">We'll get back to you via email</p>\n <input class="ihooman-ticket-input" id="ihooman-ticket-name" placeholder="Your name" required>\n <input class="ihooman-ticket-input" id="ihooman-ticket-email" type="email" placeholder="Your email" required>\n <textarea class="ihooman-ticket-input ihooman-ticket-textarea" id="ihooman-ticket-issue" placeholder="Describe your issue..."></textarea>\n <button class="ihooman-ticket-submit" id="ihooman-ticket-submit">Submit Ticket</button>\n <button class="ihooman-ticket-back" id="ihooman-ticket-back">← Back to Chat</button>\n </div>\n <div class="ihooman-history-view">\n <div class="ihooman-history-header">\n <span class="ihooman-history-title">Your Conversations</span>\n <button class="ihooman-history-new">${n.plus} New Chat</button>\n </div>\n <div class="ihooman-history-list"></div>\n </div>\n <div class="ihooman-survey-view">\n <div class="ihooman-survey-question">${i.surveyConfig?.question||"How was your experience?"}</div>\n <div class="ihooman-survey-stars"></div>\n <textarea class="ihooman-survey-comment" placeholder="Any additional feedback? (optional)"></textarea>\n <button class="ihooman-survey-submit">Submit Feedback</button>\n <button class="ihooman-survey-skip">Skip</button>\n </div>\n ${i.poweredBy?'<div class="ihooman-powered">Powered by <a href="https://ihooman.ai" target="_blank" rel="noopener">Ihooman AI</a></div>':""}\n </div>\n </div>\n `,T.appendChild(o),h={widget:o,toggle:o.querySelector(".ihooman-toggle"),badge:o.querySelector(".ihooman-badge"),window:o.querySelector(".ihooman-window"),chatView:o.querySelector(".ihooman-chat-view"),ticketView:o.querySelector(".ihooman-ticket-view"),historyView:o.querySelector(".ihooman-history-view"),surveyView:o.querySelector(".ihooman-survey-view"),historyList:o.querySelector(".ihooman-history-list"),messages:o.querySelector(".ihooman-messages"),presetQuestions:o.querySelector(".ihooman-preset-questions"),input:o.querySelector(".ihooman-input"),sendBtn:o.querySelector(".ihooman-input-btn.send"),attachBtn:o.querySelector(".ihooman-input-btn.attach"),fileInput:o.querySelector(".ihooman-file-input"),statusDot:o.querySelector(".ihooman-status-dot"),statusText:o.querySelector(".ihooman-status-text"),statusBar:o.querySelector(".ihooman-status-bar"),ticketName:o.querySelector("#ihooman-ticket-name"),ticketEmail:o.querySelector("#ihooman-ticket-email"),ticketIssue:o.querySelector("#ihooman-ticket-issue"),ticketSubmitBtn:o.querySelector("#ihooman-ticket-submit"),ticketBackBtn:o.querySelector("#ihooman-ticket-back"),proactiveToast:o.querySelector(".ihooman-proactive-toast")},function(){if(!h.toggle||!h.sendBtn||!h.input)return;h.toggle.addEventListener("click",ie),h.sendBtn.addEventListener("click",P),h.input.addEventListener("input",()=>{h.sendBtn&&(h.sendBtn.disabled=!h.input?.value.trim()),h.input&&(h.input.style.height="auto",h.input.style.height=Math.min(h.input.scrollHeight,100)+"px")}),h.input.addEventListener("keydown",e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),h.sendBtn?.disabled||P())}),h.attachBtn&&h.fileInput&&(h.attachBtn.addEventListener("click",()=>h.fileInput?.click()),h.fileInput.addEventListener("change",Q));h.widget?.querySelector('[data-action="refresh"]')?.addEventListener("click",ae),h.widget?.querySelector('[data-action="minimize"]')?.addEventListener("click",ne),h.widget?.querySelector('[data-action="history"]')?.addEventListener("click",O),h.ticketSubmitBtn&&h.ticketSubmitBtn.addEventListener("click",j);h.ticketBackBtn&&h.ticketBackBtn.addEventListener("click",()=>B("chat"));const e=h.widget?.querySelector(".ihooman-history-new");e&&e.addEventListener("click",()=>{ae(),B("chat")});const t=h.proactiveToast?.querySelector(".ihooman-proactive-toast-btn.primary"),o=h.proactiveToast?.querySelector(".ihooman-proactive-toast-btn.secondary");t&&t.addEventListener("click",()=>{const e=c[c.length-1];e&&S("proactive_clicked",{message_id:e}),K(),oe(),_("proactive:clicked")});o&&o.addEventListener("click",()=>{K()});const i=h.surveyView?.querySelector(".ihooman-survey-submit"),a=h.surveyView?.querySelector(".ihooman-survey-skip");i&&i.addEventListener("click",A);a&&a.addEventListener("click",()=>B("chat"));!function(){const e=h.surveyView?.querySelector(".ihooman-survey-stars");if(!e)return;let t=0;e.innerHTML="";for(let o=1;o<=5;o++){const i=document.createElement("div");i.className="ihooman-survey-star",i.innerHTML=n.starEmpty,i.dataset.rating=String(o),i.addEventListener("click",()=>{t=o,z(e,o)}),i.addEventListener("mouseenter",()=>z(e,o)),i.addEventListener("mouseleave",()=>z(e,t)),e.appendChild(i)}}()}()}function z(e,t){e.querySelectorAll(".ihooman-survey-star").forEach((e,o)=>{const i=e;o<t?(i.innerHTML=n.star,i.classList.add("active")):(i.innerHTML=n.starEmpty,i.classList.remove("active"))})}function L(e,t="bot",o={}){const s={id:w("msg_"),content:e,sender:t,timestamp:new Date,metadata:o};if(a.messages.push(s),!h.messages)return s;const r=document.createElement("div");r.className=`ihooman-message ${t}`;const d="bot"===t&&!0===o?.escalation_offered;let c="";d&&(c=`\n <div class="ihooman-escalation-actions">\n <button class="ihooman-escalation-btn primary" data-action="live-agent">${n.agent}<span>Talk to Agent</span></button>\n <button class="ihooman-escalation-btn secondary" data-action="create-ticket">${n.ticket}<span>Create Ticket</span></button>\n </div>\n `);let l="";var p,u;o?.quick_replies&&o.quick_replies.length>0&&(l=`<div class="ihooman-quick-replies">${o.quick_replies.map(e=>`<button class="ihooman-quick-reply" data-text="${k(e.text)}">${k(e.text)}</button>`).join("")}</div>`),r.innerHTML=`\n <div class="ihooman-message-content">${u=e,u?k(u).replace(/\*\*(.*?)\*\*/g,"<strong>$1</strong>").replace(/\*(.*?)\*/g,"<em>$1</em>").replace(/`(.*?)`/g,"<code>$1</code>").replace(/\[(.*?)\]\((.*?)\)/g,'<a href="$2" target="_blank" rel="noopener">$1</a>').replace(/\n/g,"<br>"):""}</div>\n ${c}\n ${l}\n ${i.showTimestamps?`<div class="ihooman-message-time">${p=s.timestamp,new Date(p).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}</div>`:""}\n `,d&&(r.querySelector('[data-action="live-agent"]')?.addEventListener("click",()=>E("live-agent")),r.querySelector('[data-action="create-ticket"]')?.addEventListener("click",()=>E("create-ticket"))),r.querySelectorAll(".ihooman-quick-reply").forEach(e=>{e.addEventListener("click",()=>{const t=e.dataset.text;t&&(D(),L(t,"user"),V(),F(t))})});const m=h.messages.querySelector(".ihooman-typing");return m&&m.remove(),h.messages.appendChild(r),h.messages.scrollTop=h.messages.scrollHeight,"bot"===t&&(i.enableSounds&&function(){if(a.soundMuted)return;try{const e=window.AudioContext||window.webkitAudioContext;if(!e)return;const t=new e,o=t.createOscillator(),n=t.createGain();o.connect(n),n.connect(t.destination),o.frequency.setValueAtTime(880,t.currentTime),o.frequency.setValueAtTime(1108.73,t.currentTime+.1),n.gain.setValueAtTime(0,t.currentTime),n.gain.linearRampToValueAtTime(.3,t.currentTime+.01),n.gain.linearRampToValueAtTime(.2,t.currentTime+.1),n.gain.linearRampToValueAtTime(0,t.currentTime+.3),o.start(t.currentTime),o.stop(t.currentTime+.3),o.onended=()=>{t.close().catch(()=>{})}}catch(e){console.debug("[IhoomanChat] Sound playback failed:",e)}}(),a.isOpen||(a.unreadCount++,h.badge&&(h.badge.textContent=String(a.unreadCount)))),_("message",s),s}function M(){console.debug("[IhoomanChat] Rendering preset questions:",u.length),h.presetQuestions&&0!==u.length?(h.presetQuestions.innerHTML=u.map(e=>`\n <button class="ihooman-preset-btn" data-question-id="${k(e.id)}" data-question-text="${k(e.text)}">\n ${e.icon||e.emoji?`<span class="icon">${k(e.icon||e.emoji||"")}</span>`:""}\n <span>${k(e.text)}</span>\n </button>\n `).join(""),h.presetQuestions.querySelectorAll(".ihooman-preset-btn").forEach(e=>{e.addEventListener("click",()=>{const t=e.dataset.questionText;t&&function(e){D(),L(e,"user"),V(),F(e)}(t)})})):h.presetQuestions&&(h.presetQuestions.innerHTML="")}function E(e){document.querySelectorAll(".ihooman-escalation-btn").forEach(e=>e.disabled=!0),"live-agent"===e?async function(){if(!a.sessionId)return void L("Please send a message first to start a conversation.","bot",{is_system_message:!0});try{const e=await fetch(`${i.serverUrl}/api/widget/live-agent`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({widget_id:i.widgetId,session_id:a.sessionId,visitor_id:a.visitorId})}),t=await e.json();r=!0,a.escalationStatus={active:!0,type:"live_agent",queuePosition:t.position_in_queue},t.position_in_queue&&t.position_in_queue>1?U("waiting",`⏳ Waiting for agent (Position: #${t.position_in_queue})`):U("waiting","⏳ Connecting to live support..."),H(),_("escalation:start",{type:"live_agent"})}catch(e){console.error("Error requesting live agent:",e),L("❌ Unable to connect to live support. Please try again.","bot",{is_system_message:!0})}}():"create-ticket"===e&&B("ticket")}function B(e){s=e,a.view=e,h.chatView&&h.chatView.classList.toggle("hidden","chat"!==e),h.ticketView&&h.ticketView.classList.toggle("show","ticket"===e),h.historyView&&h.historyView.classList.toggle("show","history"===e),h.surveyView&&h.surveyView.classList.toggle("show","survey"===e),"history"===e&&async function(){if(!h.historyList||!a.visitorId)return;h.historyList.innerHTML='<div class="ihooman-history-empty">Loading...</div>';try{const e=await fetch(`${i.serverUrl}/api/widget/conversations?widget_id=${i.widgetId}&visitor_id=${a.visitorId}&limit=20`);if(!e.ok)throw new Error("Failed to load history");const t=await e.json();if(!t.length)return void(h.historyList.innerHTML='<div class="ihooman-history-empty">No conversations yet</div>');h.historyList.innerHTML=t.map(e=>`\n <div class="ihooman-history-item ${e.session_id===a.sessionId?"active":""}" data-session-id="${e.session_id}">\n <div class="ihooman-history-preview">${k(e.preview||"New conversation")}</div>\n <div class="ihooman-history-meta">\n <span>${e.message_count} msgs</span>\n <span>${"pending"===e.status?"🟡 Pending":"closed"===e.status?"✓ Closed":""} ${function(e){const t=Date.now()-new Date(e).getTime();return t<6e4?"now":t<36e5?Math.floor(t/6e4)+"m":t<864e5?Math.floor(t/36e5)+"h":Math.floor(t/864e5)+"d"}(e.updated_at)}</span>\n </div>\n </div>\n `).join(""),h.historyList.querySelectorAll(".ihooman-history-item").forEach(e=>{e.addEventListener("click",()=>{const t=e.dataset.sessionId;t&&async function(e){a.sessionId=e,i.persistSession&&$("session_id",e);h.messages&&(h.messages.innerHTML="");r=!1,W(),U("hidden"),y=!0,g&&(g.close(),g=null);X(),B("chat"),await async function(e){try{const t=await fetch(`${i.serverUrl}/api/widget/transcript/${e}?widget_id=${i.widgetId}`);if(!t.ok)throw new Error("Failed to load messages");const o=await t.json();h.messages&&(h.messages.innerHTML=""),o.messages&&o.messages.length>0?o.messages.forEach(e=>{const t="user"===e.sender_type?"user":"bot";L(e.content,t,e.extra_data||{})}):i.welcomeMessage&&L(i.welcomeMessage,"bot"),"pending"===o.status&&(r=!0,H(),U("waiting","⏳ Waiting for agent..."))}catch(e){console.error("Error loading conversation messages:",e),i.welcomeMessage&&L(i.welcomeMessage,"bot")}}(e)}(t)})})}catch(e){console.error("Error loading conversation history:",e),h.historyList.innerHTML='<div class="ihooman-history-empty">Failed to load history</div>'}}()}function O(){B("history"===s?"chat":"history")}function U(e,t){h.statusBar&&("hidden"!==e?(h.statusBar.classList.add("show"),h.statusBar.classList.remove("waiting","connected"),h.statusBar.classList.add(e),t&&(h.statusBar.textContent=t)):h.statusBar.classList.remove("show"))}async function j(){const e=h.ticketName?.value.trim(),t=h.ticketEmail?.value.trim(),o=h.ticketIssue?.value.trim();if(e&&t){h.ticketSubmitBtn&&(h.ticketSubmitBtn.disabled=!0,h.ticketSubmitBtn.textContent="Submitting...");try{const n=await fetch(`${i.serverUrl}/api/widget/submit-ticket`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({widget_id:i.widgetId,session_id:a.sessionId,user_name:e,user_email:t,issue:o||"No description provided"})}),s=await n.json();h.ticketName&&(h.ticketName.value=""),h.ticketEmail&&(h.ticketEmail.value=""),h.ticketIssue&&(h.ticketIssue.value=""),B("chat");L(`✅ Ticket submitted! We'll contact you at ${t}. Reference: #${s.ticket_id?s.ticket_id.slice(0,8):"submitted"}`,"bot",{is_system_message:!0})}catch(e){console.error("Error submitting ticket:",e),L("❌ Error submitting ticket. Please try again.","bot",{is_system_message:!0})}h.ticketSubmitBtn&&(h.ticketSubmitBtn.disabled=!1,h.ticketSubmitBtn.textContent="Submit Ticket")}else alert("Please fill in your name and email")}function H(){x||(x=setInterval(async()=>{if(a.sessionId&&r)try{const e=await fetch(`${i.serverUrl}/api/widget/escalation-status/${a.sessionId}?widget_id=${i.widgetId}`);if(e.ok){const t=await e.json();t.escalated&&("in_progress"===t.ticket_status||"active"===t.conversation_status?U("connected","🟢 Connected to live agent"):"open"===t.ticket_status?U("waiting",t.position_in_queue>1?`⏳ Waiting for agent (Position: #${t.position_in_queue})`:"⏳ Waiting for agent..."):"closed"!==t.ticket_status&&"resolved"!==t.ticket_status||(r=!1,W(),U("hidden"),L("This conversation has been closed. Thank you for contacting us!","bot",{is_system_message:!0}),_("escalation:end",{type:"live_agent"})))}}catch{}else W()},15e3))}function W(){x&&(clearInterval(x),x=null)}async function A(){const e=h.surveyView?.querySelector(".ihooman-survey-stars"),t=e?.querySelectorAll(".ihooman-survey-star.active"),o=t?.length||0,n=h.surveyView?.querySelector(".ihooman-survey-comment")?.value;if(0!==o)try{await fetch(`${i.serverUrl}/api/widget/public/survey-response?widget_id=${encodeURIComponent(i.widgetId)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({survey_config_id:i.surveyConfig?.id,session_id:a.sessionId,visitor_id:a.visitorId,rating:o,comment:n||null})}),S("survey_submitted",{survey_id:i.surveyConfig?.id,rating:o,comment:n||null,session_id:a.sessionId,visitor_id:a.visitorId}),$("survey_completed_"+a.sessionId,!0),_("survey:submitted",{rating:o,comment:n}),L(i.surveyConfig?.thankYouMessage||"Thank you for your feedback!","bot",{is_system_message:!0}),B("chat")}catch(e){console.error("Error submitting survey:",e)}else alert("Please select a rating")}function V(){if(!i.showTypingIndicator||!h.messages)return;if(h.messages.querySelector(".ihooman-typing"))return;const e=document.createElement("div");e.className="ihooman-typing",e.innerHTML='<div class="ihooman-typing-dots"><span class="ihooman-typing-dot"></span><span class="ihooman-typing-dot"></span><span class="ihooman-typing-dot"></span></div>',h.messages.appendChild(e),h.messages.scrollTop=h.messages.scrollHeight}function R(){const e=h.messages?.querySelector(".ihooman-typing");e&&e.remove()}function N(){h.input&&(h.input.disabled=!0,h.input.placeholder="Conversation closed — start a new chat to continue"),h.sendBtn&&(h.sendBtn.disabled=!0),h.attachBtn&&(h.attachBtn.disabled=!0)}function P(){if(d)return;const e=h.input?.value.trim();e&&(D(),h.input&&(h.input.value="",h.input.style.height="auto"),h.sendBtn&&(h.sendBtn.disabled=!0),L(e,"user"),S("message_sent",{session_id:a.sessionId,visitor_id:a.visitorId,message_length:e.length}),V(),F(e))}function D(){h.presetQuestions&&h.presetQuestions.classList.add("hidden")}async function F(e){if(!d)if(g&&g.readyState===WebSocket.OPEN)g.send(JSON.stringify({type:"message",content:e}));else try{const t=await fetch(`${i.serverUrl}/api/v1/public/chat`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({message:e,session_id:a.sessionId,visitor_id:a.visitorId,widget_id:i.widgetId})}),o=await t.json();R(),o.session_id&&(a.sessionId=o.session_id,i.persistSession&&$("session_id",a.sessionId)),o.response&&(L(o.response,"bot",{sources:o.sources,confidence:o.confidence,escalation_offered:o.escalation_offered,quick_replies:o.quick_replies}),S("message_received",{session_id:a.sessionId,visitor_id:a.visitorId,message_length:o.response.length,has_sources:!!o.sources,confidence:o.confidence}))}catch(e){R(),L("Sorry, something went wrong. Please try again.","bot"),_("error",e)}}function Q(e){const t=e.target,o=t.files?.[0];if(!o)return;L(`📎 Uploading: ${o.name}...`,"user"),V();const n=new FormData;n.append("file",o),n.append("session_id",a.sessionId||""),n.append("visitor_id",a.visitorId||""),n.append("widget_id",i.widgetId),fetch(`${i.serverUrl}/api/upload`,{method:"POST",body:n}).then(e=>e.json()).then(e=>{R(),e.message&&L(e.message,"bot")}).catch(()=>{R(),L("Failed to upload file.","bot")}),t.value=""}function Y(){i.proactiveMessages&&0!==i.proactiveMessages.length?(console.debug("[IhoomanChat] Initializing proactive messages:",i.proactiveMessages.length),c=$("shown_proactive")||[],l=$("proactive_cooldowns")||{},p=setInterval(J,5e3),window.addEventListener("scroll",J),document.addEventListener("mouseout",e=>{e.clientY<=0&&function(){if(a.isOpen||!i.proactiveMessages)return;const e=i.proactiveMessages.filter(e=>"exit_intent"===e.trigger.type&&!c.includes(e.id));e.length>0&&G(e[0])}()})):console.debug("[IhoomanChat] No proactive messages configured")}function J(){if(a.isOpen||!i.proactiveMessages)return;const e=Date.now();for(const t of i.proactiveMessages){if(c.includes(t.id))continue;const o=l[t.id];if(o&&e-o<60*t.cooldownMinutes*1e3)continue;if(t.startDate&&new Date(t.startDate)>new Date)continue;if(t.endDate&&new Date(t.endDate)<new Date)continue;let n=!1;switch(t.trigger.type){case"time":const o="number"==typeof t.trigger.value?t.trigger.value:parseInt(String(t.trigger.value),10);e-($("page_load_time")||e)>=1e3*o&&(n=!0);break;case"scroll":const i="number"==typeof t.trigger.value?t.trigger.value:parseInt(String(t.trigger.value),10);C()>=i&&(n=!0);break;case"url_pattern":I(String(t.trigger.value))&&(n=!0)}if(n){G(t);break}}}function G(e){if(c.push(e.id),l[e.id]=Date.now(),$("shown_proactive",c),$("proactive_cooldowns",l),S("proactive_displayed",{message_id:e.id}),h.proactiveToast){const t=h.proactiveToast.querySelector(".ihooman-proactive-toast-content");t&&(t.textContent=e.message),h.proactiveToast.classList.add("show"),_("proactive:shown",e),e.autoOpen&&setTimeout(()=>{K(),oe()},15e3)}}function K(){h.proactiveToast&&h.proactiveToast.classList.remove("show")}function X(e){if(!i.serverUrl&&!e)return;let t;if(i.widgetId){const e=i.serverUrl?.replace(/^http/,"ws"),o=new URLSearchParams({widget_id:i.widgetId});a.visitorId&&o.append("visitor_id",a.visitorId),a.sessionId&&o.append("session_id",a.sessionId),t=`${e}/public/ws?${o.toString()}`}else t=e||i.serverUrl?.replace(/^http/,"ws")+"/ws";try{Z(),g=new WebSocket(t),g.onopen=()=>{a.isConnected=!0,a.connectionStatus="connected",b=0,te(!0),_("connected"),Z(),v=setInterval(()=>{if(g&&g.readyState===WebSocket.OPEN)try{g.send(JSON.stringify({type:"ping"}))}catch{}},25e3)},g.onclose=t=>{if(a.isConnected=!1,a.connectionStatus="disconnected",te(!1),Z(),_("disconnected"),y)y=!1;else if(4002!==t.code&&a.isOpen)if(b<5){b++;const t=Math.min(1e3*Math.pow(2,b),3e4);setTimeout(()=>X(e),t)}else ee()},g.onerror=e=>{console.error("WebSocket error:",e)},g.onmessage=e=>{try{const t=JSON.parse(e.data);if("connected"===t.type)t.session_id&&(a.sessionId=t.session_id,i.persistSession&&$("session_id",a.sessionId)),t.visitor_id&&(a.visitorId=t.visitor_id,i.persistSession&&$("visitor_id",a.visitorId)),t.welcome_message&&0===a.messages.length&&L(t.welcome_message,"bot");else if("message"===t.type){R();const e="user"===t.sender?"user":"bot",o=t.metadata||{};o.agent_accepted&&(r=!0,U("connected","🟢 Connected to live agent"),_("escalation:accepted",{type:"live_agent"})),o.closed_by_agent&&(r=!1,d=!0,W(),U("hidden"),N(),_("escalation:end",{type:"live_agent"})),S("message_received",{session_id:a.sessionId,visitor_id:a.visitorId,sender:t.sender,is_system_message:o.is_system_message||!1}),L(t.content,e,{confidence:t.confidence,agent_name:t.agent_name,escalation_offered:t.escalation_offered,escalated:t.escalated,quick_replies:t.quick_replies,...o})}else"typing"===t.type?t.is_typing?V():R():"pong"===t.type||("agent_status"===t.type?"connected"===t.status?(r=!0,U("connected","🟢 Connected to live agent"),_("escalation:accepted",{type:"live_agent"})):"disconnected"===t.status&&(r=!1,d=!0,W(),U("hidden"),N(),_("escalation:end",{type:"live_agent"})):"error"===t.type&&(console.error("WebSocket server error:",t.message),_("error",{message:t.message})))}catch{}}}catch{ee()}}function Z(){v&&(clearInterval(v),v=null)}function ee(){f||(f=setInterval(async()=>{if(a.sessionId)try{const e=await fetch(`${i.serverUrl}/api/messages?session_id=${a.sessionId}&since=${Date.now()-5e3}&widget_id=${i.widgetId}`),t=await e.json();t.messages&&t.messages.forEach(e=>{a.messages.find(t=>t.id===e.id)||L(e.content,e.sender_type,e.metadata)})}catch{}},5e3))}function te(e){h.statusDot&&h.statusDot.classList.toggle("offline",!e),h.statusText&&(h.statusText.textContent=e?"Online":"Offline")}function oe(){a.isOpen||(a.isOpen=!0,a.unreadCount=0,h.badge&&(h.badge.textContent=""),h.toggle&&h.toggle.classList.add("open"),h.window&&h.window.classList.add("open"),K(),setTimeout(()=>h.input?.focus(),300),S("widget_open"),_("open"))}function ne(){if(a.isOpen){if(a.isOpen=!1,h.toggle&&h.toggle.classList.remove("open"),h.window&&h.window.classList.remove("open"),S("widget_close"),i.surveyConfig&&a.messages.length>=4){a.sessionId&&$("survey_completed_"+a.sessionId)||setTimeout(()=>{a.isOpen||(i.surveyConfig&&(a.sessionId&&$("survey_completed_"+a.sessionId)||a.messages.length<4||(S("survey_displayed",{survey_id:i.surveyConfig.id,session_id:a.sessionId,visitor_id:a.visitorId}),B("survey"),_("survey:shown",i.surveyConfig))),oe())},500)}_("close")}}function ie(){a.isOpen?ne():oe()}function ae(){a.sessionId=null,a.visitorId=null,a.messages=[],r=!1,d=!1,$("session_id",null),a.visitorId=w("v_"),$("visitor_id",a.visitorId),h.messages&&(h.messages.innerHTML=""),U("hidden"),W(),h.input&&(h.input.disabled=!1,h.input.placeholder=i.placeholder||"Type a message..."),h.sendBtn&&(h.sendBtn.disabled=!h.input?.value.trim()),h.attachBtn&&(h.attachBtn.disabled=!1),b=0,g&&(y=!0,g.close(),g=null),X(),i.welcomeMessage&&L(i.welcomeMessage,"bot"),h.presetQuestions&&h.presetQuestions.classList.remove("hidden"),M(),_("newConversation")}const se={backgroundColor:"#00aeff",textColor:"#ffffff",borderColor:"transparent",borderWidth:0,borderRadius:8,paddingVertical:8,paddingHorizontal:16,fontSize:13,fontWeight:"medium"},re={backgroundColor:"transparent",textColor:"#6b7280",borderColor:"#e5e7eb",borderWidth:1,borderRadius:8,paddingVertical:8,paddingHorizontal:16,fontSize:13,fontWeight:"medium"},de={backgroundColor:"rgba(0, 174, 255, 0.1)",textColor:"#00aeff",borderColor:"rgba(0, 174, 255, 0.2)",borderWidth:1,borderRadius:20,paddingVertical:6,paddingHorizontal:12,fontSize:12,fontWeight:"medium"},ce={backgroundColor:"#f3f4f6",textColor:"#374151",borderColor:"#e5e7eb",borderWidth:1,borderRadius:16,paddingVertical:5,paddingHorizontal:10,fontSize:11,fontWeight:"medium"},le={backgroundColor:"transparent",textColor:"#9ca3af",borderColor:"#e5e7eb",borderWidth:1,borderRadius:6,paddingVertical:4,paddingHorizontal:8,fontSize:12,fontWeight:"medium"},pe={backgroundColor:"rgba(255, 255, 255, 0.1)",textColor:"#ffffff",borderColor:"transparent",borderWidth:0,borderRadius:6,paddingVertical:6,paddingHorizontal:6,fontSize:14,fontWeight:"medium"},ue={backgroundColor:"#00aeff",textColor:"#ffffff",borderColor:"transparent",borderWidth:0,borderRadius:8,paddingVertical:8,paddingHorizontal:14,fontSize:12,fontWeight:"medium"},he={backgroundColor:"#00aeff",textColor:"#ffffff",borderColor:"transparent",borderWidth:0,borderRadius:6,paddingVertical:6,paddingHorizontal:12,fontSize:12,fontWeight:"medium"},me={backgroundColor:"#00aeff",textColor:"#ffffff",borderColor:"transparent",borderWidth:0,borderRadius:30,paddingVertical:0,paddingHorizontal:0,fontSize:14,fontWeight:"medium"},ge={backgroundColor:"transparent",textColor:"#6b7280",borderColor:"transparent",borderWidth:0,borderRadius:8,paddingVertical:6,paddingHorizontal:6,fontSize:14,fontWeight:"medium"};function fe(e){const t="ihooman-button-styling",o=T||document.head;let n=o.querySelector(`#${t}`);n||(n=document.createElement("style"),n.id=t,o.appendChild(n));const i={primary:{...se,...e?.primary||{}},secondary:{...re,...e?.secondary||{}},presetQuestions:{...de,...e?.presetQuestions||{}},quickReplies:{...ce,...e?.quickReplies||{}},feedback:{...le,...e?.feedback||{}},headerActions:{...pe,...e?.headerActions||{}},escalation:{...ue,...e?.escalation||{}},cardActions:{...he,...e?.cardActions||{}},toggleButton:{...me,...e?.toggleButton||{}},attachButton:{...ge,...e?.attachButton||{}}},a=(e,t)=>{const o=t.backgroundColor,n=t.textColor,i=t.borderColor;return`\n ${e} {\n background: ${o};\n color: ${n};\n border: ${t.borderWidth}px solid ${i};\n border-radius: ${t.borderRadius}px;\n padding: ${t.paddingVertical}px ${t.paddingHorizontal}px;\n margin: 0;\n font-family: inherit;\n font-size: ${t.fontSize}px;\n font-weight: ${function(e){switch(e){case"normal":return 400;case"medium":default:return 500;case"semibold":return 600;case"bold":return 700}}(t.fontWeight)};\n min-width: unset;\n min-height: unset;\n width: auto;\n height: auto;\n max-width: none;\n max-height: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n line-height: 1.4;\n text-transform: none;\n letter-spacing: normal;\n box-shadow: none;\n text-decoration: none;\n white-space: nowrap;\n box-sizing: border-box;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n `};let s="";s+=a(".ihooman-input-btn.send",i.primary),s+=a(".ihooman-proactive-toast-btn.primary",i.primary),s+=a(".ihooman-survey-submit",i.primary),s+=a(".ihooman-ticket-submit",i.primary),s+=a(".ihooman-history-new",i.primary),s+=a(".ihooman-proactive-toast-btn.secondary",i.secondary),s+=a(".ihooman-survey-skip",i.secondary),s+=a(".ihooman-ticket-back",i.secondary),s+=a(".ihooman-preset-btn",i.presetQuestions),s+=a(".ihooman-quick-reply",i.quickReplies),s+=a(".ihooman-feedback-btn",i.feedback),s+=a(".ihooman-header-btn",i.headerActions),s+=a(".ihooman-escalation-btn",i.escalation),s+=a(".ihooman-escalation-btn.primary",i.escalation),s+=a(".ihooman-escalation-btn.secondary",i.secondary),s+=a(".ihooman-carousel-card-btn",i.cardActions);const r=i.toggleButton,d=r.backgroundColor,c=r.textColor,l=r.borderColor;s+=`\n .ihooman-toggle {\n background: linear-gradient(135deg, ${d}, ${d}) !important;\n color: ${c};\n border: ${r.borderWidth}px solid ${l};\n border-radius: ${r.borderRadius}px;\n }\n `,s+=a(".ihooman-input-btn.attach",i.attachButton),console.debug("[IhoomanChat] Applied button styling CSS:",s.length,"chars"),n.textContent=s}async function be(e){if(!e.widgetId)return console.error("IhoomanChat: widgetId is required"),null;i={...o,...e},a.visitorId=$("visitor_id")||w("v_"),$("visitor_id",a.visitorId),i.persistSession&&(a.sessionId=$("session_id")),$("page_load_time")||$("page_load_time",Date.now());const n=i.serverUrl||t,s=await async function(e,t){try{const o=await fetch(`${t}/api/widget/config?widget_id=${encodeURIComponent(e)}`);return o.ok?await o.json():{success:!1,error:(await o.json().catch(()=>({}))).error||`HTTP ${o.status}`}}catch(e){return{success:!1,error:"Unable to connect. Please check your internet connection."}}}(i.widgetId,n);let r;var d;return s.success&&s.config?(d=s.config,i.title=d.title||i.title,i.subtitle=d.subtitle||i.subtitle,i.welcomeMessage=d.welcomeMessage||i.welcomeMessage,i.placeholder=d.placeholder||i.placeholder,i.position=d.position||i.position,d.theme&&(i.primaryColor=d.theme.primaryColor||i.primaryColor,i.gradientFrom=d.theme.gradientFrom||i.gradientFrom,i.gradientTo=d.theme.gradientTo||i.gradientTo,i.fontFamily=d.theme.fontFamily||i.fontFamily,d.theme.borderRadius&&(i.borderRadius=parseInt(d.theme.borderRadius,10)||i.borderRadius)),d.behavior&&(i.startOpen=d.behavior.startOpen??i.startOpen,i.showTypingIndicator=d.behavior.showTypingIndicator??i.showTypingIndicator,i.showTimestamps=d.behavior.showTimestamps??i.showTimestamps,i.enableSounds=d.behavior.enableSounds??i.enableSounds,i.enableFileUpload=d.behavior.enableFileUpload??i.enableFileUpload,i.persistSession=d.behavior.persistSession??i.persistSession),d.branding&&(i.avatarUrl=d.branding.avatarUrl||i.avatarUrl,i.logoUrl=d.branding.logoUrl||i.logoUrl,i.poweredBy=d.branding.poweredBy??i.poweredBy,i.customCss=d.branding.customCss||i.customCss),d.size&&(i.width=d.size.width||i.width,i.height=d.size.height||i.height,i.buttonSize=d.size.buttonSize||i.buttonSize),d.presetQuestions&&Array.isArray(d.presetQuestions)&&(console.debug("[IhoomanChat] Server config presetQuestions:",d.presetQuestions.length),u=d.presetQuestions.map(e=>({id:e.id,text:e.text,icon:e.icon,emoji:e.icon})),i.presetQuestions=u),d.proactiveMessages&&Array.isArray(d.proactiveMessages)&&(console.debug("[IhoomanChat] Server config proactiveMessages:",d.proactiveMessages.length),i.proactiveMessages=d.proactiveMessages.filter(e=>!1!==e.isActive).map(e=>({id:e.id,message:e.message,trigger:{type:e.trigger.type,value:"time"===e.trigger.type||"scroll"===e.trigger.type?parseInt(e.trigger.value,10)||30:e.trigger.value},autoOpen:e.autoOpen||!1,cooldownMinutes:e.cooldownMinutes||60}))),d.surveyConfig&&!1!==d.surveyConfig.isActive&&(console.debug("[IhoomanChat] Server config surveyConfig:",d.surveyConfig.id),i.surveyConfig={id:d.surveyConfig.id,type:d.surveyConfig.type,question:d.surveyConfig.question,followUpQuestion:d.surveyConfig.followUpQuestion,thankYouMessage:d.surveyConfig.thankYouMessage}),d.buttonStyling&&(console.debug("[IhoomanChat] Server config buttonStyling:",Object.keys(d.buttonStyling)),i.buttonStyling=d.buttonStyling,fe(d.buttonStyling)),r=s.chatEndpoint,s.apiBaseUrl&&(i.serverUrl=s.apiBaseUrl)):s.error&&(console.warn("IhoomanChat: Could not fetch server config:",s.error),"Widget not authorized for this domain"===s.error&&console.error("IhoomanChat: Widget configuration error. Please contact support.")),q(),fe(i.buttonStyling),M(),a.messages.forEach(e=>L(e.content,"user"===e.sender?"user":"bot",e.metadata)),0===a.messages.length&&i.welcomeMessage&&L(i.welcomeMessage,"bot"),X(r),Y(),i.startOpen&&setTimeout(oe,500),_("ready"),ye}const ye={init:be,open:oe,close:ne,toggle:ie,isOpen:function(){return a.isOpen},destroy:function(){Z(),W(),p&&(clearInterval(p),p=null),window.removeEventListener("scroll",J),y=!0,g&&(g.close(),g=null),f&&(clearInterval(f),f=null),h.widget&&h.widget.remove();const e=document.getElementById("ihooman-widget-styles");e&&e.remove(),a={isOpen:!1,isConnected:!1,messages:[],sessionId:null,visitorId:null,unreadCount:0},h={},b=0,y=!1},sendMessage:function(e){e.trim()&&!d&&(h.input&&(h.input.value=e),P())},setUser:function(e){a.userInfo=e,e.name&&$("user_name",e.name),e.email&&$("user_email",e.email),e.metadata&&$("user_metadata",e.metadata)},clearUser:function(){a.userInfo=null,$("user_name",null),$("user_email",null),$("user_metadata",null)},clearHistory:function(){ae()},on:function(e,t){m[e]||(m[e]=[]),m[e].push(t)},off:function(e,t){m[e]&&(m[e]=m[e].filter(e=>e!==t))},getState:function(){return{...a}},getConfig:function(){return{...i}},showSurvey:function(){i.surveyConfig?(S("survey_displayed",{survey_id:i.surveyConfig.id,session_id:a.sessionId,visitor_id:a.visitorId,trigger:"manual"}),B("survey"),_("survey:shown",i.surveyConfig)):console.warn("[IhoomanChat] No survey configured")},resetProactiveMessages:function(){c=[],l={},$("shown_proactive",null),$("proactive_cooldowns",null),console.debug("[IhoomanChat] Proactive message history reset")},version:"3.0.21"},ve=ye;!function(){if("undefined"==typeof document)return;let e=document.currentScript;if(!e){const t=document.getElementsByTagName("script");for(let o=0;o<t.length;o++)if(t[o].src&&t[o].src.includes("ihooman")){e=t[o];break}}if(!e)return;const t=e.getAttribute("data-widget-id");if(t){const o={widgetId:t},n=e.getAttribute("data-server-url");n&&(o.serverUrl=n);const i=e.getAttribute("data-theme");"light"!==i&&"dark"!==i||(o.theme=i);const a=e.getAttribute("data-position");a&&(o.position=a);"true"===e.getAttribute("data-start-open")&&(o.startOpen=!0),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>be(o)):be(o)}}(),"undefined"!=typeof window&&(window.IhoomanChat=ve),e.IhoomanChat=ve,e.createWidgetInstance=function(){return{...ye}},e.default=ve,Object.defineProperty(e,"__esModule",{value:!0})});
2
2
  //# sourceMappingURL=index.umd.min.js.map
package/cdn/v3.0.21/chat.js CHANGED
@@ -925,7 +925,7 @@
925
925
  }
926
926
  }
927
927
  catch { /* ignore */ }
928
- }, 3000);
928
+ }, 15000);
929
929
  }
930
930
  function stopLiveAgentPolling() {
931
931
  if (liveAgentPollInterval) {