tchao 0.1.2

package/dist/npm.js

@@ -0,0 +1,1441 @@
+"use strict";var G=Object.defineProperty;var qt=Object.getOwnPropertyDescriptor;var _t=Object.getOwnPropertyNames;var jt=Object.prototype.hasOwnProperty;var Kt=(t,e)=>{for(var n in e)G(t,n,{get:e[n],enumerable:!0})},Ft=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of _t(e))!jt.call(t,a)&&a!==n&&G(t,a,{get:()=>e[a],enumerable:!(i=qt(e,a))||i.enumerable});return t};var Gt=t=>Ft(G({},"__esModule",{value:!0}),t);var Un={};Kt(Un,{Tchao:()=>Ot,TchaoSDK:()=>R,default:()=>Hn,init:()=>Wt});module.exports=Gt(Un);var Ie=require("convex/browser"),w=require("convex/server"),u=null,J=null;function ke(t){return u&&J===t||(u&&u.close(),J=t,u=new Ie.ConvexClient(t)),u}function f(){return u}function Te(){u&&(u.close(),u=null,J=null)}function Re(t){return{id:t._id,content:t.content,senderType:t.senderType,senderId:t.senderId,screenshot:t.screenshot,image:t.image,timestamp:t.createdAt,reactions:t.reactions}}async function Pe(t){if(!u)return null;let e=await u.query(w.anyApi.widget.getConfig,{websiteId:t});return e?{id:e._id,name:e.name,tagline:e.tagline??null,primaryColor:e.primaryColor,position:e.position,widgetStyle:e.widgetStyle,themeMode:e.themeMode,agentImage:e.agentImage??null,agentName:e.agentName??null,agentRole:e.agentRole??null,agentWelcomeMessage:e.agentWelcomeMessage??null,hidePoweredBy:e.hidePoweredBy}:null}async function Le(t,e,n,i){if(!u)return null;let a=await u.mutation(w.anyApi.widget.getOrCreateConversation,{websiteId:t,visitorId:e,url:n,visitorMeta:i});return{conversationId:a.conversationId,isNew:a.isNew,lastVisitorMessageAt:a.lastVisitorMessageAt}}async function Ae(t,e){if(!u)return null;let n=await u.query(w.anyApi.widget.getConversation,{conversationId:t,visitorId:e});return n?{conversation:{id:n.conversation._id,status:n.conversation.status,websiteId:""},messages:n.messages.map(Re)}:null}async function Ne(t,e,n,i,a,o){if(!u)return null;let s=await u.mutation(w.anyApi.widget.sendMessage,{conversationId:t,visitorId:e,content:n,screenshot:i??void 0,image:o??void 0,url:a});return{id:s._id,content:s.content,senderType:s.senderType,senderId:s.senderId,screenshot:s.screenshot,image:s.image,timestamp:s.createdAt}}async function $e(t,e){return u?(await u.mutation(w.anyApi.widget.updateDraft,{conversationId:t,draft:e}),!0):!1}async function ze(t,e){return u?(await u.mutation(w.anyApi.widget.updateNavigation,{conversationId:t,url:e}),!0):!1}async function De(t,e){return u?await u.mutation(w.anyApi.widget.markAsRead,{conversationId:t,visitorId:e}):{updated:0}}async function X(t,e,n){return u?await u.mutation(w.anyApi.widget.identify,{conversationId:t,visitorId:e,name:n.name,email:n.email,avatar:n.avatar,metadata:n.metadata}):{success:!1}}async function He(t){return u?(await u.query(w.anyApi.widget.getAgentPresence,{websiteId:t})).status:"away"}async function Ue(t,e){u&&await u.mutation(w.anyApi.widget.updateVisitorPresence,{conversationId:t,status:e})}async function Be(t,e,n){return u?(await u.mutation(w.anyApi.widget.addReaction,{messageId:t,emoji:e,visitorId:n}),!0):!1}var Ve=()=>{};function We(t,e,n){return u?u.onUpdate(w.anyApi.widget.getConversation,{conversationId:t,visitorId:e},i=>{if(!i){n(null);return}n({conversation:{status:i.conversation.status,visitorDraft:i.conversation.visitorDraft},messages:i.messages.map(Re)})}):Ve}function Oe(t,e){return u?u.onUpdate(w.anyApi.widget.getAgentPresence,{websiteId:t},n=>{e(n.status)}):Ve}var qe="tchao_visitor_id",Jt="tchao_conversation_id_",Xt="tchao_email_captured_",Yt="tchao_last_screenshot_";function _e(){return`v_${Date.now()}_${Math.random().toString(36).substring(2,11)}`}function Qt(){try{let t=localStorage.getItem(qe);if(t)return t;let e=_e();return localStorage.setItem(qe,e),e}catch{return _e()}}function Y(t){return`${Jt}${t}`}function Zt(t){if(!t)return null;try{return localStorage.getItem(Y(t))}catch{return null}}function en(t,e){if(t)try{localStorage.setItem(Y(t),e)}catch{}}function tn(t){if(t)try{localStorage.removeItem(Y(t))}catch{}}function je(t){return`${Xt}${t}`}function nn(t){if(!t)return!1;try{return localStorage.getItem(je(t))==="true"}catch{return!1}}function an(t,e){if(t)try{localStorage.setItem(je(t),String(e))}catch{}}function Ke(t){return`${Yt}${t}`}function on(t){if(!t)return null;try{return localStorage.getItem(Ke(t))}catch{return null}}function sn(t,e){if(t)try{localStorage.setItem(Ke(t),e)}catch{}}function rn(){let t=document.currentScript;return t?.src?new URL(t.src).origin:window.location.origin}var g={websiteId:"",apiBaseUrl:rn(),position:"bottom-right",primaryColor:"#6366f1",widgetStyle:"bubble",themeMode:"system"},h=null,r={id:null,websiteId:"",visitorId:Qt(),messages:[],status:"OPEN",isOpen:!1,emailCaptured:!1,lastVisitorMessageAt:null};function Fe(t){r.websiteId=t,r.id=Zt(t),r.emailCaptured=nn(t),r.messages=[]}function Ge(t){Object.assign(g,t)}function Je(t){h=t,g.primaryColor=t.primaryColor,g.position=t.position,g.widgetStyle=t.widgetStyle,g.themeMode=t.themeMode,t.convexUrl&&(g.convexUrl=t.convexUrl)}function Xe(t){r.id=t,en(r.websiteId,t)}function Q(t){r.messages.some(n=>n.id===t.id)||r.messages.push(t)}function Ye(t){r.messages=r.messages.filter(e=>e.id!==t)}function Z(t,e){let n=r.messages.find(i=>i.id===t);n&&(n.status=e)}function Qe(t,e){let n=r.messages.find(i=>i.id===t);return n?(n.id=e,!0):!1}function ee(t){r.isOpen=t}var te=!1;function ne(t){te=t}function ie(){r.id=null,r.messages=[],tn(r.websiteId)}function ae(t){r.messages=t}function oe(t){r.emailCaptured=t,an(r.websiteId,t)}function se(t){r.lastVisitorMessageAt=t}var L="away";function re(t){L=t}var ce=Date.now();var cn="tchao_unread_ids_";function Ze(t){return`${cn}${t}`}function ln(t){if(!t)return new Set;try{let e=localStorage.getItem(Ze(t));if(e)return new Set(JSON.parse(e))}catch{}return new Set}function et(t,e){if(t)try{localStorage.setItem(Ze(t),JSON.stringify(Array.from(e)))}catch{}}var I=new Set;function tt(t){I=ln(t)}function nt(t){I.add(t),et(r.websiteId,I)}function it(){I.clear(),et(r.websiteId,I)}function le(){return I.size}function at(){let t=g.themeMode??"system";return t==="system"?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":t}function ot(){return new Date().toISOString().split("T")[0]}function st(){return on(r.websiteId)===ot()}function rt(){sn(r.websiteId,ot())}function ct(t,e,n="light"){let i=e==="bottom-right",a=n==="dark",o={bg:a?"#1f2937":"white",bgSecondary:a?"#374151":"#f9fafb",bgTertiary:a?"#4b5563":"#f3f4f6",text:a?"#f9fafb":"#1f2937",textSecondary:a?"#d1d5db":"#6b7280",textMuted:"#9ca3af",border:a?"#374151":"#e5e7eb",shadow:a?"rgba(0, 0, 0, 0.4)":"rgba(0, 0, 0, 0.15)"};return`
+    :host {
+      all: initial;
+      display: block;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
+      font-size: 14px;
+      line-height: 1.5;
+      color: ${o.text};
+      -webkit-text-size-adjust: 100%;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+    }
+
+    *, *::before, *::after {
+      box-sizing: border-box;
+      margin: 0;
+      padding: 0;
+      font-family: inherit;
+      font-size: inherit;
+      line-height: inherit;
+      color: inherit;
+    }
+
+    .tchao-container {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
+      font-size: 14px;
+      line-height: 1.5;
+      color: ${o.text};
+      position: fixed;
+      bottom: 20px;
+      ${i?"right: 20px;":"left: 20px;"}
+      z-index: 2147483647;
+    }
+
+    .tchao-bubble {
+      position: relative;
+      width: 56px;
+      height: 56px;
+      border-radius: 50%;
+      background: ${t};
+      border: none;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+      transition: transform 0.2s, box-shadow 0.2s;
+    }
+
+    .tchao-bubble:hover {
+      transform: scale(1.05);
+      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
+    }
+
+    .tchao-bubble svg {
+      width: 28px;
+      height: 28px;
+      fill: white;
+    }
+
+    .tchao-unread-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;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+    }
+
+    .tchao-window {
+      position: absolute;
+      bottom: 70px;
+      ${i?"right: 0;":"left: 0;"}
+      width: 380px;
+      height: 560px;
+      background: ${o.bg};
+      border-radius: 16px;
+      box-shadow: 0 8px 32px ${o.shadow};
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      animation: tchao-slide-in 0.2s ease-out;
+    }
+
+    .tchao-window.hidden {
+      display: none;
+    }
+
+    @keyframes tchao-slide-in {
+      from {
+        opacity: 0;
+        transform: translateY(10px) scale(0.95);
+      }
+      to {
+        opacity: 1;
+        transform: translateY(0) scale(1);
+      }
+    }
+
+    .tchao-header {
+      padding: 16px 20px;
+      background: ${t};
+      color: white;
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    .tchao-header-avatar {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      background: rgba(255, 255, 255, 0.2);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      overflow: hidden;
+    }
+
+    .tchao-header-avatar img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    .tchao-header-info {
+      flex: 1;
+    }
+
+    .tchao-header-name-row {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .tchao-header-name {
+      font-weight: 600;
+      font-size: 16px;
+    }
+
+    .tchao-header-tagline {
+      font-size: 12px;
+      opacity: 0.9;
+    }
+
+    .tchao-header-status {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 11px;
+      font-weight: 500;
+      padding: 3px 8px;
+      border-radius: 9999px;
+      background: rgba(255, 255, 255, 0.15);
+      color: rgba(255, 255, 255, 0.9);
+    }
+
+    .tchao-header-status.online {
+      background: rgba(34, 197, 94, 0.2);
+      color: #4ade80;
+    }
+
+    .tchao-header-status.idle {
+      background: rgba(234, 179, 8, 0.2);
+      color: #facc15;
+    }
+
+    .tchao-header-status-dot {
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      background: rgba(255, 255, 255, 0.6);
+    }
+
+    .tchao-header-status.online .tchao-header-status-dot {
+      background: #22c55e;
+    }
+
+    .tchao-header-status.idle .tchao-header-status-dot {
+      background: #eab308;
+    }
+
+    .tchao-close {
+      background: none;
+      border: none;
+      cursor: pointer;
+      padding: 4px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      opacity: 0.8;
+      transition: opacity 0.2s;
+    }
+
+    .tchao-close:hover {
+      opacity: 1;
+    }
+
+    .tchao-close svg {
+      width: 20px;
+      height: 20px;
+      fill: white;
+    }
+
+    .tchao-maximize {
+      background: none;
+      border: none;
+      cursor: pointer;
+      padding: 4px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      opacity: 0.8;
+      transition: opacity 0.2s;
+    }
+
+    .tchao-maximize:hover {
+      opacity: 1;
+    }
+
+    .tchao-maximize svg {
+      width: 20px;
+      height: 20px;
+      fill: white;
+    }
+
+    .tchao-messages {
+      flex: 1;
+      overflow-y: auto;
+      overflow-x: hidden;
+      padding: 16px;
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+
+    .tchao-message {
+      max-width: 80%;
+      padding: 10px 14px;
+      border-radius: 16px;
+      word-wrap: break-word;
+    }
+
+    .tchao-message.visitor {
+      align-self: flex-end;
+      background: ${t};
+      color: white;
+      border-bottom-right-radius: 4px;
+    }
+
+    .tchao-message.agent,
+    .tchao-message.ai {
+      align-self: flex-start;
+      background: ${o.bgTertiary};
+      color: ${o.text};
+      border-bottom-left-radius: 4px;
+    }
+
+    .tchao-message.ai {
+      background: ${a?"#064e3b":"#ecfdf5"};
+    }
+
+    .tchao-message a {
+      color: inherit;
+      text-decoration: underline;
+      cursor: pointer;
+      transition: opacity 0.2s;
+    }
+
+    .tchao-message a:hover {
+      opacity: 0.7;
+    }
+
+    .tchao-message-time {
+      font-size: 10px;
+      opacity: 0.7;
+      margin-top: 4px;
+    }
+
+    .tchao-reactions {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 4px;
+      margin-top: 4px;
+    }
+
+    .tchao-reactions {
+      position: absolute;
+      bottom: -10px;
+      display: flex;
+      align-items: center;
+      gap: 2px;
+      background: ${o.bg};
+      border-radius: 9999px;
+      padding: 2px 4px;
+      box-shadow: 0 4px 6px -1px ${o.shadow}, 0 2px 4px -2px ${o.shadow};
+      border: 1px solid ${o.border};
+    }
+
+    .tchao-message-group-visitor .tchao-reactions {
+      left: 4px;
+    }
+
+    .tchao-message-group-agent .tchao-reactions {
+      right: 4px;
+    }
+
+    .tchao-reaction {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 20px;
+      height: 20px;
+      border: none;
+      background: transparent;
+      cursor: pointer;
+      font-size: 12px;
+      border-radius: 50%;
+      transition: transform 0.15s;
+    }
+
+    .tchao-reaction:hover {
+      transform: scale(1.25);
+    }
+
+    .tchao-reaction-count {
+      font-size: 10px;
+      font-weight: 500;
+      color: ${o.textMuted};
+      padding-right: 2px;
+      padding-left: 1px;
+    }
+
+    .tchao-message-bubble-wrapper {
+      position: relative;
+    }
+
+    .tchao-message-row {
+      position: relative;
+    }
+
+    .tchao-message-actions {
+      position: absolute;
+      top: 50%;
+      transform: translateY(-50%);
+      display: flex;
+      align-items: center;
+      gap: 2px;
+      opacity: 0;
+      transition: opacity 0.15s;
+      pointer-events: none;
+    }
+
+    .tchao-message-row:hover .tchao-message-actions {
+      opacity: 1;
+      pointer-events: auto;
+    }
+
+    .tchao-message-group-visitor .tchao-message-actions {
+      left: -52px;
+      flex-direction: row;
+    }
+
+    .tchao-message-group-agent .tchao-message-actions {
+      right: -52px;
+      flex-direction: row-reverse;
+    }
+
+    .tchao-message-action-btn {
+      width: 24px;
+      height: 24px;
+      border-radius: 4px;
+      background: transparent;
+      border: none;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: background 0.15s;
+      position: relative;
+    }
+
+    .tchao-message-action-btn:hover {
+      background: ${a?"rgba(255, 255, 255, 0.1)":"rgba(0, 0, 0, 0.05)"};
+    }
+
+    .tchao-message-action-btn svg {
+      width: 14px;
+      height: 14px;
+      fill: ${o.textMuted};
+    }
+
+    .tchao-reaction-picker {
+      position: absolute;
+      bottom: calc(100% + 4px);
+      left: 50%;
+      transform: translateX(-50%);
+      background: ${o.bg};
+      border-radius: 8px;
+      box-shadow: 0 4px 12px ${o.shadow};
+      padding: 4px;
+      display: flex;
+      gap: 2px;
+      z-index: 10;
+    }
+
+    .tchao-reaction-picker.hidden {
+      display: none;
+    }
+
+    .tchao-reaction-picker-btn {
+      width: 28px;
+      height: 28px;
+      border: none;
+      background: transparent;
+      cursor: pointer;
+      font-size: 16px;
+      border-radius: 4px;
+      transition: background 0.15s;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .tchao-reaction-picker-btn:hover {
+      background: ${o.bgTertiary};
+    }
+
+    .tchao-message-dropdown {
+      position: absolute;
+      top: calc(100% + 4px);
+      right: 0;
+      background: ${o.bg};
+      border-radius: 8px;
+      box-shadow: 0 4px 12px ${o.shadow};
+      min-width: 120px;
+      z-index: 10;
+      overflow: hidden;
+    }
+
+    .tchao-message-dropdown.hidden {
+      display: none;
+    }
+
+    .tchao-dropdown-item {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      width: 100%;
+      padding: 8px 12px;
+      border: none;
+      background: none;
+      cursor: pointer;
+      font-size: 13px;
+      color: ${o.text};
+      text-align: left;
+      transition: background 0.15s;
+    }
+
+    .tchao-dropdown-item:hover {
+      background: ${o.bgTertiary};
+    }
+
+    .tchao-dropdown-item svg {
+      width: 14px;
+      height: 14px;
+      fill: ${o.textSecondary};
+    }
+
+    .tchao-toast {
+      position: fixed;
+      bottom: 100px;
+      left: 50%;
+      transform: translateX(-50%);
+      background: #1f2937;
+      color: white;
+      padding: 8px 14px;
+      border-radius: 6px;
+      font-size: 13px;
+      z-index: 2147483647;
+      animation: tchao-toast-in 0.2s ease-out;
+    }
+
+    @keyframes tchao-toast-in {
+      from {
+        opacity: 0;
+        transform: translateX(-50%) translateY(10px);
+      }
+      to {
+        opacity: 1;
+        transform: translateX(-50%) translateY(0);
+      }
+    }
+
+    .tchao-message-content {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    .tchao-message-image {
+      max-width: 100%;
+      max-height: 200px;
+      border-radius: 12px;
+      cursor: pointer;
+      object-fit: cover;
+      transition: opacity 0.2s;
+    }
+
+    .tchao-message-image:hover {
+      opacity: 0.9;
+    }
+
+    .tchao-message-with-avatar {
+      display: flex;
+      gap: 8px;
+      align-items: flex-start;
+    }
+
+    .tchao-message-avatar {
+      width: 28px;
+      height: 28px;
+      border-radius: 50%;
+      background: rgba(0, 0, 0, 0.1);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      overflow: hidden;
+    }
+
+    .tchao-message-avatar img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    .tchao-message-avatar svg {
+      width: 16px;
+      height: 16px;
+      fill: #6b7280;
+    }
+
+    .tchao-message-group {
+      display: flex;
+      gap: 8px;
+      align-items: flex-end;
+    }
+
+    .tchao-message-group-agent {
+      flex-direction: row;
+    }
+
+    .tchao-message-group-visitor {
+      flex-direction: row-reverse;
+    }
+
+    .tchao-bubbles-container {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+      max-width: 80%;
+    }
+
+    .tchao-message-group-agent .tchao-bubbles-container {
+      align-items: flex-start;
+    }
+
+    .tchao-message-group-visitor .tchao-bubbles-container {
+      align-items: flex-end;
+    }
+
+    .tchao-message-group .tchao-message {
+      max-width: 100%;
+    }
+
+    .tchao-message-group-agent .tchao-message {
+      border-bottom-left-radius: 4px;
+    }
+
+    .tchao-message-group-agent .tchao-message:first-child {
+      border-top-left-radius: 16px;
+      border-bottom-left-radius: 4px;
+    }
+
+    .tchao-message-group-agent .tchao-message:last-of-type {
+      border-bottom-left-radius: 16px;
+    }
+
+    .tchao-message-group-visitor .tchao-message {
+      border-bottom-right-radius: 4px;
+    }
+
+    .tchao-message-group-visitor .tchao-message:first-child {
+      border-top-right-radius: 16px;
+      border-bottom-right-radius: 4px;
+    }
+
+    .tchao-message-group-visitor .tchao-message:last-of-type {
+      border-bottom-right-radius: 16px;
+    }
+
+    .tchao-group-time {
+      font-size: 10px;
+      color: #9ca3af;
+      margin-top: 4px;
+    }
+
+    .tchao-message-group-visitor .tchao-group-time {
+      text-align: right;
+    }
+
+    .tchao-typing-indicator {
+      display: flex;
+      gap: 8px;
+      align-items: flex-start;
+      padding: 4px 0;
+    }
+
+    .tchao-typing-bubble {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      padding: 8px 12px;
+      background: ${o.bgTertiary};
+      border-radius: 12px;
+      color: ${o.textSecondary};
+      font-size: 13px;
+    }
+
+    .tchao-typing-text {
+      font-style: italic;
+    }
+
+    .tchao-typing-dots {
+      display: flex;
+      gap: 2px;
+    }
+
+    .tchao-typing-dots span {
+      width: 4px;
+      height: 4px;
+      background: ${o.textMuted};
+      border-radius: 50%;
+      animation: tchao-typing-bounce 1.4s infinite ease-in-out;
+    }
+
+    .tchao-typing-dots span:nth-child(1) {
+      animation-delay: -0.32s;
+    }
+
+    .tchao-typing-dots span:nth-child(2) {
+      animation-delay: -0.16s;
+    }
+
+    @keyframes tchao-typing-bounce {
+      0%, 80%, 100% {
+        transform: scale(0.8);
+        opacity: 0.5;
+      }
+      40% {
+        transform: scale(1);
+        opacity: 1;
+      }
+    }
+
+    .tchao-welcome {
+      padding: 24px 20px;
+      color: ${o.textSecondary};
+    }
+
+    .tchao-welcome-card {
+      background: ${o.bgSecondary};
+      border-radius: 16px;
+      padding: 20px;
+    }
+
+    .tchao-welcome-quote {
+      font-size: 16px;
+      font-style: italic;
+      color: ${o.text};
+      margin-bottom: 16px;
+    }
+
+    .tchao-welcome-agent {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    .tchao-welcome-avatar {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      background: ${o.border};
+      overflow: hidden;
+      flex-shrink: 0;
+    }
+
+    .tchao-welcome-avatar img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    .tchao-welcome-info {
+      flex: 1;
+    }
+
+    .tchao-welcome-name {
+      font-size: 14px;
+      font-weight: 600;
+      color: ${o.text};
+    }
+
+    .tchao-welcome-name span {
+      font-weight: 400;
+      color: ${o.textSecondary};
+    }
+
+    .tchao-welcome-status {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 13px;
+      color: #10b981;
+    }
+
+    .tchao-welcome-status.idle {
+      color: #eab308;
+    }
+
+    .tchao-welcome-status.away {
+      color: #9ca3af;
+    }
+
+    .tchao-welcome-status-dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: #10b981;
+    }
+
+    .tchao-welcome-status.idle .tchao-welcome-status-dot {
+      background: #eab308;
+    }
+
+    .tchao-welcome-status.away .tchao-welcome-status-dot {
+      background: #9ca3af;
+    }
+
+    .tchao-input-area {
+      padding: 16px;
+      border-top: 1px solid ${o.border};
+      background: ${o.bg};
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    .tchao-input-row {
+      display: flex;
+      gap: 8px;
+      align-items: flex-end;
+    }
+
+    .tchao-image-btn {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      background: ${o.bgTertiary};
+      border: none;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: background 0.2s;
+      flex-shrink: 0;
+    }
+
+    .tchao-image-btn:hover {
+      background: ${o.border};
+    }
+
+    .tchao-image-btn svg {
+      width: 20px;
+      height: 20px;
+      fill: ${o.textSecondary};
+    }
+
+    .tchao-mic-btn {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      background: ${o.bgTertiary};
+      border: none;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: background 0.2s, transform 0.2s;
+      flex-shrink: 0;
+    }
+
+    .tchao-mic-btn:hover {
+      background: ${o.border};
+    }
+
+    .tchao-mic-btn svg {
+      width: 20px;
+      height: 20px;
+      fill: ${o.textSecondary};
+    }
+
+    .tchao-mic-btn.recording {
+      background: #ef4444;
+      animation: pulse-recording 1.5s ease-in-out infinite;
+    }
+
+    .tchao-mic-btn.recording svg {
+      fill: white;
+    }
+
+    @keyframes pulse-recording {
+      0%, 100% {
+        transform: scale(1);
+        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
+      }
+      50% {
+        transform: scale(1.05);
+        box-shadow: 0 0 0 8px rgba(239, 68, 68, 0);
+      }
+    }
+
+    .tchao-emoji-container {
+      position: relative;
+    }
+
+    .tchao-emoji-btn {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      background: ${o.bgTertiary};
+      border: none;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: background 0.2s;
+      flex-shrink: 0;
+    }
+
+    .tchao-emoji-btn:hover {
+      background: ${o.border};
+    }
+
+    .tchao-emoji-btn svg {
+      width: 20px;
+      height: 20px;
+      fill: ${o.textSecondary};
+    }
+
+    .tchao-emoji-picker {
+      position: absolute;
+      bottom: 48px;
+      left: 0;
+      background: ${o.bg};
+      border-radius: 12px;
+      box-shadow: 0 4px 12px ${o.shadow};
+      padding: 8px;
+      display: flex;
+      gap: 4px;
+      z-index: 10;
+    }
+
+    .tchao-emoji-picker.hidden {
+      display: none;
+    }
+
+    .tchao-emoji-picker-btn {
+      width: 36px;
+      height: 36px;
+      border: none;
+      background: transparent;
+      cursor: pointer;
+      font-size: 20px;
+      border-radius: 8px;
+      transition: background 0.2s;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .tchao-emoji-picker-btn:hover {
+      background: ${o.bgTertiary};
+    }
+
+    .tchao-image-preview {
+      display: flex;
+      gap: 8px;
+      padding: 8px;
+      background: ${o.bgSecondary};
+      border-radius: 12px;
+    }
+
+    .tchao-image-preview-item {
+      position: relative;
+      display: inline-block;
+    }
+
+    .tchao-image-preview-item img {
+      width: 60px;
+      height: 60px;
+      border-radius: 8px;
+      object-fit: cover;
+    }
+
+    .tchao-image-preview-remove {
+      position: absolute;
+      top: -6px;
+      right: -6px;
+      width: 20px;
+      height: 20px;
+      border-radius: 50%;
+      background: #ef4444;
+      border: none;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .tchao-image-preview-remove svg {
+      width: 12px;
+      height: 12px;
+      fill: white;
+    }
+
+    .tchao-drag-over {
+      position: relative;
+    }
+
+    .tchao-drag-over::after {
+      content: 'Drop image here';
+      position: absolute;
+      inset: 0;
+      background: rgba(99, 102, 241, 0.9);
+      color: white;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 16px;
+      font-weight: 500;
+      z-index: 100;
+      border-radius: 16px;
+      pointer-events: none;
+    }
+
+    .tchao-drop-error {
+      background: #ef4444;
+      color: white;
+      padding: 8px 16px;
+      border-radius: 8px;
+      text-align: center;
+      margin: 8px;
+      font-size: 13px;
+      animation: tchao-fade-in 0.2s ease;
+    }
+
+    @keyframes tchao-fade-in {
+      from { opacity: 0; transform: translateY(-4px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+
+    .tchao-image-modal {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.9);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 2147483647;
+      padding: 20px;
+    }
+
+    .tchao-image-modal img {
+      max-width: 100%;
+      max-height: 100%;
+      object-fit: contain;
+      border-radius: 8px;
+    }
+
+    .tchao-image-modal-close {
+      position: absolute;
+      top: 20px;
+      right: 20px;
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      background: rgba(255, 255, 255, 0.2);
+      border: none;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .tchao-image-modal-close svg {
+      width: 24px;
+      height: 24px;
+      fill: white;
+    }
+
+    .tchao-input {
+      flex: 1;
+      border: 1px solid ${o.border};
+      border-radius: 20px;
+      padding: 10px 16px;
+      font-size: 14px;
+      resize: none;
+      max-height: 100px;
+      font-family: inherit;
+      outline: none;
+      transition: border-color 0.2s;
+      overflow-y: auto;
+      scrollbar-width: none;
+      -ms-overflow-style: none;
+      background: ${o.bg};
+      color: ${o.text};
+    }
+
+    .tchao-input::-webkit-scrollbar {
+      display: none;
+    }
+
+    .tchao-input:focus {
+      border-color: ${t};
+    }
+
+    .tchao-send {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      background: ${t};
+      border: none;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: opacity 0.2s;
+    }
+
+    .tchao-send:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .tchao-send svg {
+      width: 20px;
+      height: 20px;
+      fill: white;
+    }
+
+    .tchao-powered {
+      text-align: center;
+      padding: 8px;
+      font-size: 11px;
+      color: ${o.textMuted};
+      background: ${o.bgSecondary};
+    }
+
+    .tchao-powered a {
+      color: ${o.textSecondary};
+      text-decoration: none;
+    }
+
+    .tchao-powered a:hover {
+      text-decoration: underline;
+    }
+
+    .tchao-email-popup {
+      background: ${o.bgSecondary};
+      border-radius: 12px;
+      padding: 8px;
+      margin-bottom: 4px;
+      position: relative;
+      animation: tchao-slide-in 0.2s ease-out;
+    }
+
+    .tchao-email-popup-text {
+      font-size: 13px;
+      color: ${o.text};
+      margin-bottom: 4px;
+    }
+
+    .tchao-email-popup-row {
+      display: flex;
+      gap: 8px;
+    }
+
+    .tchao-email-popup-input {
+      flex: 1;
+      border: 1px solid ${o.border};
+      border-radius: 8px;
+      padding: 8px 12px;
+      font-size: 13px;
+      outline: none;
+      transition: border-color 0.2s;
+      background: ${o.bg};
+      color: ${o.text};
+    }
+
+    .tchao-email-popup-input:focus {
+      border-color: ${t};
+    }
+
+    .tchao-email-popup-submit {
+      background: ${t};
+      color: white;
+      border: none;
+      border-radius: 8px;
+      padding: 8px 16px;
+      font-size: 13px;
+      font-weight: 500;
+      cursor: pointer;
+      transition: opacity 0.2s;
+    }
+
+    .tchao-email-popup-submit:hover {
+      opacity: 0.9;
+    }
+
+    .tchao-email-popup-submit:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .tchao-email-popup-close {
+      position: absolute;
+      top: 8px;
+      right: 8px;
+      background: none;
+      border: none;
+      cursor: pointer;
+      padding: 4px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      opacity: 0.5;
+      transition: opacity 0.2s;
+    }
+
+    .tchao-email-popup-close:hover {
+      opacity: 1;
+    }
+
+    .tchao-email-popup-close svg {
+      width: 14px;
+      height: 14px;
+      fill: ${o.textSecondary};
+    }
+
+    @media (max-width: 480px) {
+      .tchao-window {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        width: 100%;
+        height: 100%;
+        border-radius: 0;
+      }
+    }
+
+    .tchao-window.maximized {
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: auto;
+      width: 100%;
+      max-width: 420px;
+      height: 100%;
+      border-radius: 0;
+      animation: tchao-maximize-in 0.2s ease-out;
+    }
+
+    @keyframes tchao-maximize-in {
+      from {
+        opacity: 0.9;
+        transform: translateX(20px);
+      }
+      to {
+        opacity: 1;
+        transform: translateX(0);
+      }
+    }
+
+    @media (max-width: 480px) {
+      .tchao-window.maximized {
+        max-width: 100%;
+      }
+    }
+
+    /* Name Line Launcher Style */
+    .tchao-launcher-name-line {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      background: ${t};
+      padding: 8px 16px 8px 8px;
+      border-radius: 50px;
+      cursor: pointer;
+      box-shadow: 0 4px 12px ${o.shadow};
+      transition: transform 0.2s, box-shadow 0.2s;
+      border: none;
+    }
+
+    .tchao-launcher-name-line:hover {
+      transform: scale(1.02);
+      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
+    }
+
+    .tchao-launcher-name-line-avatar {
+      width: 48px;
+      height: 48px;
+      border-radius: 50%;
+      background: rgba(255, 255, 255, 0.2);
+      overflow: hidden;
+      flex-shrink: 0;
+    }
+
+    .tchao-launcher-name-line-avatar img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    .tchao-launcher-name-line-info {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+      color: white;
+    }
+
+    .tchao-launcher-name-line-name {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      font-weight: 600;
+      font-size: 14px;
+    }
+
+    .tchao-launcher-name-line-status {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: #22c55e;
+    }
+
+    .tchao-launcher-name-line-role {
+      font-size: 12px;
+      opacity: 0.9;
+    }
+
+    .tchao-launcher-name-line-cta {
+      background: white;
+      color: ${t};
+      border: none;
+      border-radius: 20px;
+      padding: 8px 16px;
+      font-size: 13px;
+      font-weight: 600;
+      cursor: pointer;
+      margin-left: 8px;
+      transition: opacity 0.2s;
+    }
+
+    .tchao-launcher-name-line-cta:hover {
+      opacity: 0.9;
+    }
+
+    /* Question CTA Launcher Style */
+    .tchao-launcher-question-cta {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      background: ${o.bg};
+      padding: 14px;
+      border-radius: 12px;
+      box-shadow: 0 4px 16px ${o.shadow};
+      border: 1px solid ${o.border};
+      max-width: 224px;
+      cursor: default;
+    }
+
+    .tchao-launcher-question-cta-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      gap: 8px;
+    }
+
+    .tchao-launcher-question-cta-text {
+      flex: 1;
+    }
+
+    .tchao-launcher-question-cta-title {
+      font-weight: 700;
+      font-size: 14px;
+      color: ${o.text};
+      margin-bottom: 2px;
+    }
+
+    .tchao-launcher-question-cta-subtitle {
+      font-size: 12px;
+      color: ${o.textSecondary};
+    }
+
+    .tchao-launcher-question-cta-avatars {
+      display: flex;
+      align-items: center;
+      flex-shrink: 0;
+    }
+
+    .tchao-launcher-question-cta-avatar {
+      width: 28px;
+      height: 28px;
+      border-radius: 50%;
+      background: ${o.bgTertiary};
+      overflow: hidden;
+      margin-left: -6px;
+      border: 2px solid ${o.bg};
+    }
+
+    .tchao-launcher-question-cta-avatar:first-child {
+      margin-left: 0;
+    }
+
+    .tchao-launcher-question-cta-avatar img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    .tchao-launcher-question-cta-icon {
+      width: 28px;
+      height: 28px;
+      border-radius: 50%;
+      background: ${t};
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-left: -6px;
+      border: 2px solid ${o.bg};
+    }
+
+    .tchao-launcher-question-cta-icon svg {
+      width: 12px;
+      height: 12px;
+      fill: white;
+    }
+
+    .tchao-launcher-question-cta-buttons {
+      display: flex;
+      gap: 8px;
+    }
+
+    .tchao-launcher-question-cta-btn {
+      flex: 1;
+      padding: 8px 16px;
+      border-radius: 9999px;
+      font-size: 12px;
+      font-weight: 600;
+      cursor: pointer;
+      transition: opacity 0.2s;
+      border: none;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 6px;
+    }
+
+    .tchao-launcher-question-cta-btn.primary {
+      background: ${t};
+      color: white;
+    }
+
+    .tchao-launcher-question-cta-btn.primary svg {
+      width: 14px;
+      height: 14px;
+      fill: white;
+    }
+
+    .tchao-launcher-question-cta-btn.secondary {
+      background: ${o.bgTertiary};
+      color: ${o.text};
+    }
+
+    .tchao-launcher-question-cta-btn:hover {
+      opacity: 0.9;
+    }
+
+    /* Bubble with badge - ensure it shows for all launcher types */
+    .tchao-launcher-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;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+    }
+  `}var v={chat:'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/></svg>',close:'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>',send:'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>',image:'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg>',maximize:'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg>',minimize:'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/></svg>',emoji:'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"/></svg>',smile:'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"/></svg>',more:'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>',copy:'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>',mic:'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"/></svg>'},dn=["\u{1F44D}","\u2764\uFE0F","\u{1F602}","\u{1F62E}","\u{1F622}"],pn=/\b(https?:\/\/[^\s<>[\]{}|\\^`"']+|www\.[^\s<>[\]{}|\\^`"']+\.[^\s<>[\]{}|\\^`"']+)/gi;function un(t){return t.replace(/[.,;:!?)]+$/,"")}function lt(t){let e=document.createElement("div");return e.textContent=t,e.innerHTML.replace(pn,i=>{let a=un(i),o=i.slice(a.length);return`<a href="${a.startsWith("http")?a:`https://${a}`}" target="_blank" rel="noopener noreferrer">${a}</a>${o}`})}var de=class{constructor(){this.shadowRoot=null;this.container=null;this.elements={messagesContainer:null,inputElement:null,imagePreviewContainer:null,emailPopupContainer:null,typingIndicator:null,honeypotInput:null,unreadBadge:null,micButton:null};this.pendingImageUrl=null;this.callbacks=null;this.speechState={recognition:null,isRecording:!1}}create(e){this.callbacks=e,this.container=document.createElement("div"),this.container.id="tchao-widget",document.body.appendChild(this.container),this.shadowRoot=this.container.attachShadow({mode:"closed"});let n=at(),i=document.createElement("style");i.textContent=ct(g.primaryColor??"#6366f1",g.position??"bottom-right",n),this.shadowRoot.appendChild(i);let a=document.createElement("div");a.className="tchao-container",this.shadowRoot.appendChild(a);let o=g.widgetStyle??"bubble";this.renderLauncher(a,e.onToggle,o),this.renderWindow(a,e)}destroy(){this.speechState.recognition?.abort(),this.container?.remove(),this.container=null,this.shadowRoot=null,this.elements={messagesContainer:null,inputElement:null,imagePreviewContainer:null,emailPopupContainer:null,typingIndicator:null,honeypotInput:null,unreadBadge:null,micButton:null},this.pendingImageUrl=null,this.callbacks=null}setWindowVisible(e){if(!this.shadowRoot)return;if(this.shadowRoot.querySelector(".tchao-window")?.classList.toggle("hidden",!e),e){this.elements.inputElement?.focus();let i=this.elements.messagesContainer;i&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{i.scrollTop=i.scrollHeight})})}}setMaximized(e){if(!this.shadowRoot)return;let n=this.shadowRoot.querySelector(".tchao-window"),i=this.shadowRoot.querySelector(".tchao-maximize");n?.classList.toggle("maximized",e),i&&(i.innerHTML=e?v.minimize:v.maximize,i.setAttribute("aria-label",e?"Minimize chat":"Maximize chat"))}appendMessage(e){let n=this.elements.messagesContainer;if(!n)return;n.querySelector(".tchao-welcome")?.remove();let i=e.senderType==="AGENT"||e.senderType==="AI",a=e.senderType==="VISITOR",o=n.querySelector(".tchao-message-group:last-child"),s=o?.classList.contains("tchao-message-group-agent"),c=o?.classList.contains("tchao-message-group-visitor");if((i&&s||a&&c)&&o){let l=o.querySelector(".tchao-bubbles-container");if(l){let p=l.querySelector(".tchao-group-time");p&&p.remove();let m=document.createElement("div");m.className="tchao-message-row";let b=document.createElement("div");b.className="tchao-message-bubble-wrapper";let y=document.createElement("div");y.dataset.messageId=e.id,y.className=`tchao-message ${e.senderType.toLowerCase()}`,e.status==="sending"&&(y.style.opacity="0.7"),this.appendMessageContent(y,e,!0),b.appendChild(y),e.reactions&&e.reactions.length>0&&b.appendChild(this.createReactionsDisplay(e)),m.appendChild(b),m.appendChild(this.createMessageActions(e)),l.appendChild(m);let F=document.createElement("div");F.className="tchao-group-time",F.textContent=this.formatTime(e.timestamp),l.appendChild(F)}}else this.renderMessageGroup([e],n);n.scrollTop=n.scrollHeight}renderExistingMessages(e){let n=this.elements.messagesContainer;if(!n)return;if(n.innerHTML="",e.length===0){n.appendChild(this.createWelcomeScreen());return}this.groupMessagesBySender(e).forEach(a=>this.renderMessageGroup(a,n)),requestAnimationFrame(()=>{requestAnimationFrame(()=>{n.scrollTop=n.scrollHeight})})}updateMessageStatus(e,n){let i=this.elements.messagesContainer;if(!i)return;let a=i.querySelector(`[data-message-id="${e}"]`);a&&(n==="sent"?a.style.opacity="1":n==="failed"&&(a.style.opacity="1",a.style.borderColor="#ef4444"))}showTypingIndicator(){let e=this.elements.messagesContainer;if(!e||this.elements.typingIndicator)return;let n=document.createElement("div");n.className="tchao-typing-indicator",n.appendChild(this.createAvatar());let i=document.createElement("div");i.className="tchao-typing-bubble",i.innerHTML=`
+      <span class="tchao-typing-text">is typing</span>
+      <span class="tchao-typing-dots">
+        <span></span><span></span><span></span>
+      </span>
+    `,n.appendChild(i),this.elements.typingIndicator=n,e.appendChild(n),e.scrollTop=e.scrollHeight}hideTypingIndicator(){this.elements.typingIndicator?.remove(),this.elements.typingIndicator=null}updateAgentPresenceUI(e){if(!this.shadowRoot)return;let i={online:"Available now",idle:"Idle",away:"Away"}[e];this.updateStatusElement("#tchao-header-status",e,i),this.updateStatusElement("#tchao-welcome-status",e,i)}showEmailPopup(){this.elements.emailPopupContainer&&(this.elements.emailPopupContainer.style.display="block")}hideEmailPopup(){this.elements.emailPopupContainer&&(this.elements.emailPopupContainer.style.display="none")}getHoneypotValue(){return this.elements.honeypotInput?.value??""}updateUnreadBadge(e){this.elements.unreadBadge&&(e>0?(this.elements.unreadBadge.textContent=e>99?"99+":String(e),this.elements.unreadBadge.style.display="flex"):this.elements.unreadBadge.style.display="none")}updateMessageReactions(e,n){let i=this.elements.messagesContainer;if(!i)return;let a=i.querySelector(`[data-message-id="${e}"]`);if(!a)return;let o=a.parentElement;if(!o?.classList.contains("tchao-message-bubble-wrapper"))return;let s=o.querySelector(".tchao-reactions");if(s&&s.remove(),n.length>0){let c=n.reduce((l,p)=>l+p.userIds.length,0),d=document.createElement("div");if(d.className="tchao-reactions",d.dataset.messageReactions=e,n.forEach(l=>{let p=document.createElement("button");p.type="button",p.className="tchao-reaction",p.textContent=l.emoji,p.addEventListener("click",()=>{this.callbacks?.onReaction?.(e,l.emoji)}),d.appendChild(p)}),c>1){let l=document.createElement("span");l.className="tchao-reaction-count",l.textContent=String(c),d.appendChild(l)}o.appendChild(d)}}updateMessageContent(e,n){let i=this.elements.messagesContainer;if(!i)return;let a=i.querySelector(`[data-message-id="${e}"]`);if(!a)return;let o=a.querySelector("div[style*='white-space']");o&&(o.innerHTML=lt(n))}updateMessageId(e,n){let i=this.elements.messagesContainer;if(!i)return;let a=i.querySelector(`[data-message-id="${e}"]`);a&&(a.dataset.messageId=n)}groupMessagesBySender(e){let n=[],i=[];for(let a of e)i.length===0||i[0].senderType===a.senderType?i.push(a):(n.push(i),i=[a]);return i.length>0&&n.push(i),n}renderMessageGroup(e,n){let i=e[0],a=e[e.length-1],o=i.senderType==="AGENT"||i.senderType==="AI",s=document.createElement("div");s.className=o?"tchao-message-group tchao-message-group-agent":"tchao-message-group tchao-message-group-visitor",o&&s.appendChild(this.createAvatar());let c=document.createElement("div");c.className="tchao-bubbles-container",e.forEach(l=>{let p=document.createElement("div");p.className="tchao-message-row";let m=document.createElement("div");m.className="tchao-message-bubble-wrapper";let b=document.createElement("div");b.dataset.messageId=l.id,b.className=`tchao-message ${l.senderType.toLowerCase()}`,l.status==="sending"&&(b.style.opacity="0.7"),this.appendMessageContent(b,l,!0),m.appendChild(b),l.reactions&&l.reactions.length>0&&m.appendChild(this.createReactionsDisplay(l)),p.appendChild(m),p.appendChild(this.createMessageActions(l)),c.appendChild(p)});let d=document.createElement("div");d.className="tchao-group-time",d.textContent=this.formatTime(a.timestamp),c.appendChild(d),s.appendChild(c),n.appendChild(s)}renderLauncher(e,n,i){switch(i){case"name_line":this.renderNameLineLauncher(e,n);break;case"question_cta":this.renderQuestionCtaLauncher(e,n);break;default:this.renderBubbleLauncher(e,n);break}}renderBubbleLauncher(e,n){let i=document.createElement("button");i.className="tchao-bubble",i.innerHTML=v.chat,i.setAttribute("aria-label","Open chat"),i.addEventListener("click",n),this.elements.unreadBadge=document.createElement("span"),this.elements.unreadBadge.className="tchao-unread-badge",this.elements.unreadBadge.style.display="none",i.appendChild(this.elements.unreadBadge),e.appendChild(i)}renderNameLineLauncher(e,n){let i=document.createElement("button");i.className="tchao-launcher-name-line",i.setAttribute("aria-label","Open chat"),i.addEventListener("click",n);let a=document.createElement("div");if(a.className="tchao-launcher-name-line-avatar",h?.agentImage){let p=document.createElement("img");p.src=h.agentImage,p.alt=h.agentName??"Agent",a.appendChild(p)}i.appendChild(a);let o=document.createElement("div");o.className="tchao-launcher-name-line-info";let s=document.createElement("div");s.className="tchao-launcher-name-line-name";let c=document.createElement("span");c.className="tchao-launcher-name-line-status",s.appendChild(c);let d=document.createTextNode(h?.agentName??"Support");if(s.appendChild(d),o.appendChild(s),h?.agentRole){let p=document.createElement("div");p.className="tchao-launcher-name-line-role",p.textContent=h.agentRole,o.appendChild(p)}i.appendChild(o);let l=document.createElement("span");l.className="tchao-launcher-name-line-cta",l.textContent="Chat",i.appendChild(l),this.elements.unreadBadge=document.createElement("span"),this.elements.unreadBadge.className="tchao-launcher-badge",this.elements.unreadBadge.style.display="none",i.appendChild(this.elements.unreadBadge),e.appendChild(i)}renderQuestionCtaLauncher(e,n){let i=document.createElement("div");i.className="tchao-launcher-question-cta";let a=document.createElement("div");a.className="tchao-launcher-question-cta-header";let o=document.createElement("div");o.className="tchao-launcher-question-cta-text";let s=document.createElement("div");s.className="tchao-launcher-question-cta-title",s.textContent="Questions? Chat with us.",o.appendChild(s);let c=document.createElement("div");c.className="tchao-launcher-question-cta-subtitle",c.textContent=L==="online"?"We're online":"We'll reply soon",o.appendChild(c),a.appendChild(o);let d=document.createElement("div");if(d.className="tchao-launcher-question-cta-avatars",h?.agentImage){let b=document.createElement("div");b.className="tchao-launcher-question-cta-avatar";let y=document.createElement("img");y.src=h.agentImage,y.alt=h.agentName??"Agent",b.appendChild(y),d.appendChild(b)}let l=document.createElement("div");l.className="tchao-launcher-question-cta-icon",l.innerHTML=v.chat,d.appendChild(l),a.appendChild(d),i.appendChild(a);let p=document.createElement("div");p.className="tchao-launcher-question-cta-buttons";let m=document.createElement("button");m.className="tchao-launcher-question-cta-btn primary",m.textContent="Start Chat",m.addEventListener("click",n),p.appendChild(m),i.appendChild(p),this.elements.unreadBadge=document.createElement("span"),this.elements.unreadBadge.className="tchao-launcher-badge",this.elements.unreadBadge.style.display="none",i.appendChild(this.elements.unreadBadge),e.appendChild(i)}renderWindow(e,n){let i=document.createElement("div");i.className="tchao-window hidden",i.setAttribute("role","dialog"),i.setAttribute("aria-label","Chat window"),this.renderHeader(i,n.onToggle,n.onMaximize),this.renderMessages(i),this.renderInputArea(i,n),this.renderPoweredBy(i),this.setupDragDrop(i,n),e.appendChild(i)}renderHeader(e,n,i){let a=document.createElement("div");a.className="tchao-header",a.appendChild(this.createAvatar("tchao-header-avatar"));let o=document.createElement("div");o.className="tchao-header-info";let s=document.createElement("div");s.className="tchao-header-name-row";let c=document.createElement("div");if(c.className="tchao-header-name",c.textContent=h?.agentName??h?.name??"Support",s.appendChild(c),s.appendChild(this.createStatusBadge("tchao-header-status",L)),o.appendChild(s),h?.agentRole){let p=document.createElement("div");p.className="tchao-header-tagline",p.textContent=h.agentRole,o.appendChild(p)}a.appendChild(o);let d=document.createElement("button");d.className="tchao-maximize",d.innerHTML=v.maximize,d.setAttribute("aria-label","Maximize chat"),d.addEventListener("click",i),a.appendChild(d);let l=document.createElement("button");l.className="tchao-close",l.innerHTML=v.close,l.setAttribute("aria-label","Close chat"),l.addEventListener("click",n),a.appendChild(l),e.appendChild(a)}renderMessages(e){this.elements.messagesContainer=document.createElement("div"),this.elements.messagesContainer.className="tchao-messages",r.messages.length===0?this.elements.messagesContainer.appendChild(this.createWelcomeScreen()):r.messages.forEach(n=>this.appendMessage(n)),e.appendChild(this.elements.messagesContainer)}renderInputArea(e,n){let i=document.createElement("div");i.className="tchao-input-area",this.elements.emailPopupContainer=document.createElement("div"),this.elements.emailPopupContainer.className="tchao-email-popup",this.elements.emailPopupContainer.style.display="none",this.renderEmailPopupContent(this.elements.emailPopupContainer,n),i.appendChild(this.elements.emailPopupContainer),this.elements.imagePreviewContainer=document.createElement("div"),this.elements.imagePreviewContainer.className="tchao-image-preview",this.elements.imagePreviewContainer.style.display="none",i.appendChild(this.elements.imagePreviewContainer),this.elements.honeypotInput=document.createElement("input"),this.elements.honeypotInput.type="text",this.elements.honeypotInput.name="website",this.elements.honeypotInput.autocomplete="one-time-code",this.elements.honeypotInput.tabIndex=-1,this.elements.honeypotInput.setAttribute("aria-hidden","true"),this.elements.honeypotInput.style.cssText="position: absolute; left: -9999px; top: -9999px; opacity: 0; pointer-events: none;",i.appendChild(this.elements.honeypotInput);let a=document.createElement("div");a.className="tchao-input-row";let o=document.createElement("input");o.type="file",o.accept="image/*",o.style.display="none",o.addEventListener("change",async()=>this.handleFileSelect(o,n)),a.appendChild(o);let s=document.createElement("button");s.className="tchao-image-btn",s.innerHTML=v.image,s.setAttribute("aria-label","Attach image"),s.addEventListener("click",()=>o.click()),a.appendChild(s),this.elements.inputElement=document.createElement("textarea"),this.elements.inputElement.className="tchao-input",this.elements.inputElement.placeholder="Type a message...",this.elements.inputElement.rows=1,this.elements.inputElement.addEventListener("input",()=>{n.onInput(this.elements.inputElement?.value??""),this.autoResizeTextarea()}),this.elements.inputElement.addEventListener("keydown",d=>{d.key==="Enter"&&!d.shiftKey&&(d.preventDefault(),this.handleSend(n.onSend))}),a.appendChild(this.elements.inputElement),this.isSpeechRecognitionSupported()&&(this.elements.micButton=document.createElement("button"),this.elements.micButton.className="tchao-mic-btn",this.elements.micButton.innerHTML=v.mic,this.elements.micButton.setAttribute("aria-label","Voice input"),this.elements.micButton.addEventListener("click",()=>this.toggleSpeechRecognition()),a.appendChild(this.elements.micButton));let c=document.createElement("button");c.className="tchao-send",c.innerHTML=v.send,c.setAttribute("aria-label","Send message"),c.addEventListener("click",()=>this.handleSend(n.onSend)),a.appendChild(c),i.appendChild(a),e.appendChild(i)}renderEmailPopupContent(e,n){let i=document.createElement("div");i.className="tchao-email-popup-text",i.textContent="Enter your email to receive notifications",e.appendChild(i);let a=document.createElement("div");a.className="tchao-email-popup-row";let o=document.createElement("input");o.type="email",o.className="tchao-email-popup-input",o.placeholder="your@email.com",a.appendChild(o);let s=document.createElement("button");s.className="tchao-email-popup-submit",s.textContent="Save";let c=async()=>{let l=o.value.trim();if(/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(l)){s.disabled=!0,s.textContent="...";try{await n.onEmailSubmit?.(l),this.hideEmailPopup()}finally{s.disabled=!1,s.textContent="Save"}}};o.addEventListener("keydown",l=>{l.key==="Enter"&&(l.preventDefault(),c())}),s.addEventListener("click",c),a.appendChild(s),e.appendChild(a);let d=document.createElement("button");d.className="tchao-email-popup-close",d.innerHTML=v.close,d.addEventListener("click",()=>{n.onEmailDismiss?.(),this.hideEmailPopup()}),e.appendChild(d)}renderPoweredBy(e){if(h?.hidePoweredBy)return;let n=document.createElement("div");n.className="tchao-powered",n.innerHTML='Powered by <a href="https://tchao.app" target="_blank" rel="noopener">Tchao</a>',e.appendChild(n)}createAvatar(e="tchao-message-avatar"){let n=document.createElement("div");if(n.className=e,h?.agentImage){let i=document.createElement("img");i.src=h.agentImage,i.alt=h.agentName??"Agent",n.appendChild(i)}else n.innerHTML=v.chat;return n}createReactionsDisplay(e){let n=document.createElement("div");n.className="tchao-reactions",n.dataset.messageReactions=e.id;let i=e.reactions??[],a=i.reduce((o,s)=>o+s.userIds.length,0);if(i.forEach(o=>{let s=document.createElement("button");s.type="button",s.className="tchao-reaction",s.textContent=o.emoji,s.addEventListener("click",()=>{this.callbacks?.onReaction?.(e.id,o.emoji)}),n.appendChild(s)}),a>1){let o=document.createElement("span");o.className="tchao-reaction-count",o.textContent=String(a),n.appendChild(o)}return n}createMessageActions(e){let n=document.createElement("div");n.className="tchao-message-actions";let i=document.createElement("button");i.className="tchao-message-action-btn",i.innerHTML=v.smile,i.setAttribute("aria-label","Add reaction");let a=document.createElement("div");a.className="tchao-reaction-picker hidden",dn.forEach(d=>{let l=document.createElement("button");l.type="button",l.className="tchao-reaction-picker-btn",l.textContent=d,l.addEventListener("click",p=>{p.stopPropagation(),a.classList.add("hidden"),this.callbacks?.onReaction?.(e.id,d)}),a.appendChild(l)}),i.addEventListener("click",d=>{d.stopPropagation(),this.closeAllPopovers(),a.classList.toggle("hidden")}),n.appendChild(i),n.appendChild(a);let o=document.createElement("button");o.className="tchao-message-action-btn",o.innerHTML=v.more,o.setAttribute("aria-label","More actions");let s=document.createElement("div");s.className="tchao-message-dropdown hidden";let c=document.createElement("button");return c.className="tchao-dropdown-item",c.innerHTML=`${v.copy}<span>Copy</span>`,c.addEventListener("click",d=>{d.stopPropagation(),s.classList.add("hidden"),navigator.clipboard.writeText(e.content),this.showToast("Message copied")}),s.appendChild(c),o.addEventListener("click",d=>{d.stopPropagation(),this.closeAllPopovers(),s.classList.toggle("hidden")}),n.appendChild(o),n.appendChild(s),n}closeAllPopovers(){this.shadowRoot&&this.shadowRoot.querySelectorAll(".tchao-reaction-picker, .tchao-message-dropdown").forEach(e=>e.classList.add("hidden"))}showToast(e){if(!this.shadowRoot)return;let n=this.shadowRoot.querySelector(".tchao-toast");n&&n.remove();let i=document.createElement("div");i.className="tchao-toast",i.textContent=e,this.shadowRoot.appendChild(i),setTimeout(()=>i.remove(),2e3)}createStatusBadge(e,n){let i={online:"Available now",idle:"Idle",away:"Away"},a=document.createElement("div");a.className=`${e.replace("#","")} ${n}`,a.id=e.replace("#","");let o=document.createElement("span");o.className=`${e.replace("#","")}-dot`,a.appendChild(o);let s=document.createElement("span");return s.className=`${e.replace("#","")}-text`,s.textContent=i[n],a.appendChild(s),a}updateStatusElement(e,n,i){let a=this.shadowRoot?.querySelector(e);if(!a)return;let o=e.replace("#","");a.className=`${o} ${n}`;let s=a.querySelector(`.${o}-text`);s&&(s.textContent=i)}createMessageBubble(e,n){let i=document.createElement("div");return i.className=`tchao-message ${n}`,this.appendMessageContent(i,e),i}appendMessageContent(e,n,i=!1){if(n.image){let a=n.image,o=document.createElement("img");o.src=a,o.alt="Attached image",o.className="tchao-message-image",o.addEventListener("click",()=>this.showImageModal(a)),e.appendChild(o)}if(n.content&&n.content!=="\u{1F4F7}"){let a=document.createElement("div");a.style.whiteSpace="pre-wrap",a.innerHTML=lt(n.content),e.appendChild(a)}if(!i){let a=document.createElement("div");a.className="tchao-message-time",a.textContent=this.formatTime(n.timestamp),e.appendChild(a)}}createWelcomeScreen(){let e=document.createElement("div");e.className="tchao-welcome";let n=document.createElement("div");n.className="tchao-welcome-card";let i=document.createElement("div");i.className="tchao-welcome-quote";let a=h?.agentWelcomeMessage??"Hey there! Ask me anything, I'm here to help.";i.textContent=`"${a}"`,n.appendChild(i);let o=document.createElement("div");o.className="tchao-welcome-agent";let s=document.createElement("div");if(s.className="tchao-welcome-avatar",h?.agentImage){let m=document.createElement("img");m.src=h.agentImage,m.alt=h.agentName??"Agent",s.appendChild(m)}o.appendChild(s);let c=document.createElement("div");c.className="tchao-welcome-info";let d=document.createElement("div");d.className="tchao-welcome-name";let l=h?.agentName??"Support",p=h?.agentRole;return d.innerHTML=p?`${l} <span>- ${p}</span>`:l,c.appendChild(d),c.appendChild(this.createWelcomeStatusBadge(L)),o.appendChild(c),n.appendChild(o),e.appendChild(n),e}createWelcomeStatusBadge(e){let n={online:"Available now",idle:"Idle",away:"Away"},i=document.createElement("div");i.className=`tchao-welcome-status ${e}`,i.id="tchao-welcome-status";let a=document.createElement("div");a.className="tchao-welcome-status-dot",i.appendChild(a);let o=document.createElement("span");return o.className="tchao-welcome-status-text",o.textContent=n[e],i.appendChild(o),i}showImageModal(e){if(!this.shadowRoot)return;let n=document.createElement("div");n.className="tchao-image-modal";let i=document.createElement("img");i.src=e,i.alt="Full size image",n.appendChild(i);let a=document.createElement("button");a.className="tchao-image-modal-close",a.innerHTML=v.close,a.addEventListener("click",()=>n.remove()),n.appendChild(a),n.addEventListener("click",o=>{o.target===n&&n.remove()}),this.shadowRoot.appendChild(n)}async handleFileSelect(e,n){let i=e.files?.[0];if(i&&n.onImageSelect){this.showImagePreview(i);let a=await n.onImageSelect(i);a?this.pendingImageUrl=a:this.clearImagePreview()}e.value=""}showImagePreview(e){let n=this.elements.imagePreviewContainer;if(!n)return;let i=new FileReader;i.onload=a=>{n.innerHTML="",n.style.display="flex";let o=document.createElement("div");o.className="tchao-image-preview-item";let s=document.createElement("img");s.src=a.target?.result,s.alt="Preview",o.appendChild(s);let c=document.createElement("button");c.className="tchao-image-preview-remove",c.innerHTML=v.close,c.addEventListener("click",()=>this.clearImagePreview()),o.appendChild(c),n.appendChild(o)},i.readAsDataURL(e)}clearImagePreview(){let e=this.elements.imagePreviewContainer;e&&(e.innerHTML="",e.style.display="none"),this.pendingImageUrl=null}setupDragDrop(e,n){let i=0;e.addEventListener("dragenter",a=>{a.preventDefault(),a.stopPropagation(),i++,i===1&&e.classList.add("tchao-drag-over")}),e.addEventListener("dragleave",a=>{a.preventDefault(),a.stopPropagation(),i--,i===0&&e.classList.remove("tchao-drag-over")}),e.addEventListener("dragover",a=>{a.preventDefault(),a.stopPropagation()}),e.addEventListener("drop",a=>{a.preventDefault(),a.stopPropagation(),i=0,e.classList.remove("tchao-drag-over");let o=a.dataTransfer?.files;if(!o||o.length===0)return;let s=o[0];this.handleDroppedFile(s,n)})}async handleDroppedFile(e,n){if(!e.type.startsWith("image/")){this.showDropError("Only images are allowed");return}if(e.size>2097152){this.showDropError("Image too large (max 2MB)");return}if(!n.onImageSelect)return;this.showImagePreview(e);let a=await n.onImageSelect(e);a?this.pendingImageUrl=a:this.clearImagePreview()}showDropError(e){let n=this.elements.messagesContainer;if(!n)return;let i=n.querySelector(".tchao-drop-error");i&&i.remove();let a=document.createElement("div");a.className="tchao-drop-error",a.textContent=e,n.appendChild(a),setTimeout(()=>a.remove(),3e3)}handleSend(e){let n=this.elements.inputElement;if(!n)return;let i=n.value.trim(),a=this.pendingImageUrl;!i&&!a||(e(i||"\u{1F4F7}",a),n.value="",this.autoResizeTextarea(),this.clearImagePreview())}autoResizeTextarea(){let e=this.elements.inputElement;e&&(e.style.height="auto",e.style.height=`${Math.min(e.scrollHeight,100)}px`)}formatTime(e){return new Date(e).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}isSpeechRecognitionSupported(){return!!(window.SpeechRecognition||window.webkitSpeechRecognition)}toggleSpeechRecognition(){this.speechState.isRecording?this.stopSpeechRecognition():this.startSpeechRecognition()}startSpeechRecognition(){let e=window.SpeechRecognition||window.webkitSpeechRecognition;if(!e)return;let n=new e;n.continuous=!1,n.interimResults=!0,n.lang=navigator.language||"en-US",n.onstart=()=>{this.speechState.isRecording=!0,this.elements.micButton?.classList.add("recording")},n.onresult=i=>{let a="";for(let o=i.resultIndex;o<i.results.length;o++)a+=i.results[o][0].transcript;if(this.elements.inputElement){let o=this.elements.inputElement.value,s=o.lastIndexOf("\u2588"),c=s>=0?o.substring(0,s):o;i.results[i.results.length-1].isFinal?this.elements.inputElement.value=`${c+a} `:this.elements.inputElement.value=`${c+a}\u2588`,this.autoResizeTextarea(),this.callbacks?.onInput(this.elements.inputElement.value)}},n.onerror=i=>{let a={network:"Voice service unavailable - try disabling ad blocker","not-allowed":"Microphone access denied","service-not-allowed":"Speech service not available","audio-capture":"No microphone found","language-not-supported":"Language not supported"};if(i.error!=="no-speech"&&i.error!=="aborted"){let o=a[i.error]??`Voice input error: ${i.error}`;this.showToast(o)}this.stopSpeechRecognition()},n.onend=()=>{this.elements.inputElement&&(this.elements.inputElement.value=this.elements.inputElement.value.replace(/█/g,"")),this.speechState.isRecording=!1,this.elements.micButton?.classList.remove("recording")},this.speechState.recognition=n;try{n.start()}catch{this.showToast("Could not start voice input")}}stopSpeechRecognition(){this.speechState.recognition&&(this.speechState.recognition.stop(),this.speechState.recognition=null),this.speechState.isRecording=!1,this.elements.micButton?.classList.remove("recording")}},x=new de;function dt(t){x.create(t)}function pt(){x.destroy()}function $(t){x.setWindowVisible(t)}function pe(t){x.appendMessage(t)}function z(t){x.renderExistingMessages(t)}function D(t,e){x.updateMessageStatus(t,e)}function ut(){x.showTypingIndicator()}function ue(){x.hideTypingIndicator()}function H(t){x.updateAgentPresenceUI(t)}function gt(){x.showEmailPopup()}function ht(t){x.setMaximized(t)}function ge(){return x.getHoneypotValue()}function U(t){x.updateUnreadBadge(t)}function mt(t,e){x.updateMessageReactions(t,e)}function ft(t,e){x.updateMessageContent(t,e)}function vt(t,e){x.updateMessageId(t,e)}async function C(t,e){try{let n=await fetch(`${g.apiBaseUrl}${t}`,{...e,headers:{"Content-Type":"application/json",...e?.headers}});return n.ok?{data:await n.json()}:{error:(await n.json().catch(()=>({}))).message??"Request failed"}}catch(n){return{error:n instanceof Error?n.message:"Network error"}}}async function xt(t){if(f())try{let n=await Pe(t);return n?{data:n}:{error:"Website not found"}}catch(n){return{error:n instanceof Error?n.message:"Convex error"}}return C(`/api/widget/config/${t}`)}async function he(t,e){if(f())try{let i=await Ae(t,e);return i?{data:i}:{error:"Conversation not found"}}catch(i){return{error:i instanceof Error?i.message:"Convex error"}}return C(`/api/widget/conversation/${t}?visitorId=${encodeURIComponent(e)}`)}async function bt(t,e,n,i){if(f())try{let o=await Le(t,e,n,i);return o?{data:o}:{error:"Failed to create conversation"}}catch(o){return{error:o instanceof Error?o.message:"Convex error"}}return C("/api/widget/conversation",{method:"POST",body:JSON.stringify({websiteId:t,visitorId:e,url:n,visitorMeta:i,honeypot:ge(),loadedAt:ce})})}async function wt(t,e,n,i,a,o){if(f())try{let c=await Ne(t,e,n,i,a,o);return c?{data:{message:c}}:{error:"Failed to send message"}}catch(c){return{error:c instanceof Error?c.message:"Convex error"}}return C("/api/widget/message",{method:"POST",body:JSON.stringify({conversationId:t,content:n,screenshot:i,url:a,image:o,honeypot:ge(),loadedAt:ce})})}async function yt(t){try{let e=new FormData;e.append("file",t);let n=await fetch(`${g.apiBaseUrl}/api/widget/upload`,{method:"POST",body:e});return n.ok?{data:await n.json()}:{error:(await n.json().catch(()=>({}))).error??"Upload failed"}}catch(e){return{error:e instanceof Error?e.message:"Upload error"}}}async function me(t,e){if(f())try{return{data:{success:await $e(t,e)}}}catch(i){return{error:i instanceof Error?i.message:"Convex error"}}return C("/api/widget/draft",{method:"POST",body:JSON.stringify({conversationId:t,draft:e})})}async function Ct(t,e,n){if(f())try{return{data:await X(t,e,n)}}catch(a){return{error:a instanceof Error?a.message:"Convex error"}}return C("/api/widget/identify",{method:"POST",body:JSON.stringify({conversationId:t,...n})})}async function St(t,e,n){if(f())try{return{data:await X(t,e,{email:n})}}catch(a){return{error:a instanceof Error?a.message:"Convex error"}}return C("/api/widget/identify",{method:"POST",body:JSON.stringify({conversationId:t,email:n,generateName:!0})})}async function Et(t,e){if(f())try{return{data:{success:await ze(t,e)}}}catch(i){return{error:i instanceof Error?i.message:"Convex error"}}return C("/api/widget/navigation",{method:"POST",body:JSON.stringify({conversationId:t,url:e})})}async function fe(t,e){if(f())try{return{data:await De(t,e)}}catch(i){return{error:i instanceof Error?i.message:"Convex error"}}return C("/api/widget/read",{method:"POST",body:JSON.stringify({conversationId:t,visitorId:e})})}async function Mt(t,e,n){if(f())try{return{data:{success:await Be(t,e,n)}}}catch(a){return{error:a instanceof Error?a.message:"Convex error"}}return{error:"Convex client not available"}}var gn=5e3,k=class{constructor(e){this.interval=null;this.lastSentDraft="";this.currentDraft="";this.conversationId=e,this.startInterval()}track(e){this.currentDraft=e}clear(){this.currentDraft="",this.lastSentDraft!==""&&(this.lastSentDraft="",me(this.conversationId,""))}destroy(){this.interval&&(clearInterval(this.interval),this.interval=null)}startInterval(){this.interval=setInterval(()=>{this.sendIfChanged()},gn)}sendIfChanged(){this.currentDraft!==this.lastSentDraft&&(this.lastSentDraft=this.currentDraft,me(this.conversationId,this.currentDraft))}};var ve=!1,A=null,xe=!1;function It(){if(!A){let t=`${g.apiBaseUrl}/sounds/notification.mp3`;A=new Audio(t),A.volume=.5}return A}function hn(){if(ve)return;let t=It();t&&t.play().then(()=>{t.pause(),t.currentTime=0,ve=!0}).catch(()=>{})}function kt(){if(xe)return;xe=!0;let t=["click","touchstart","keydown"],e=()=>{hn(),t.forEach(n=>{document.removeEventListener(n,e)})};t.forEach(n=>{document.addEventListener(n,e,{once:!1})})}function Tt(){if(!mn())return;let t=It();t&&(t.currentTime=0,t.play().catch(()=>{}))}function mn(){return!(r.isOpen&&!document.hidden)}function Rt(){A=null,ve=!1,xe=!1}var V=class{constructor(e){this.callbacks=new Set;this.disposed=!1;this.unsubscribe=null;this.websiteId=e}connect(){this.disposed||!f()||(this.unsubscribe=Oe(this.websiteId,n=>{re(n),this.callbacks.forEach(i=>i(n))}))}on(e){this.callbacks.add(e)}off(e){this.callbacks.delete(e)}disconnect(){this.disposed=!0,this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=null)}},W=class{constructor(e){this.callbacks=new Set;this.lastMessageCount=0;this.lastMessages=[];this.lastStatus=null;this.unsubscribe=null;this.conversationId=e,this.visitorId=r.visitorId}connect(){f()&&(this.unsubscribe=We(this.conversationId,this.visitorId,n=>{if(!n)return;let i=n.messages;if(i.length>this.lastMessageCount){let a=i.slice(this.lastMessageCount);for(let o of a)this.callbacks.forEach(s=>s({type:"message.new",data:o}))}for(let a of i){let o=this.lastMessages.find(s=>s.id===a.id);o&&(o.content!==a.content&&this.callbacks.forEach(s=>s({type:"message.update",data:{id:a.id,conversationId:this.conversationId,content:a.content,updatedAt:Date.now()}})),JSON.stringify(o.reactions)!==JSON.stringify(a.reactions)&&this.callbacks.forEach(s=>s({type:"message.reaction",data:{id:a.id,conversationId:this.conversationId,reactions:a.reactions??[]}})))}this.lastMessageCount=i.length,this.lastMessages=i,n.conversation.status!==this.lastStatus&&(this.lastStatus=n.conversation.status,this.callbacks.forEach(a=>a({type:"conversation.status",data:{conversationId:this.conversationId,status:n.conversation.status}})))}))}on(e){this.callbacks.add(e)}off(e){this.callbacks.delete(e)}disconnect(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=null)}},fn=3e4,B=null;async function T(t,e,n){if(f())try{await Ue(t,n)}catch{}}function Pt(t,e){O(),T(t,e,"online"),B=setInterval(()=>{T(t,e,"online")},fn)}function O(){B&&(clearInterval(B),B=null)}async function Lt(t){if(!f())return"away";try{let n=await He(t);return re(n),n}catch{return"away"}}var At=require("modern-screenshot");function vn(){return{url:window.location.href,title:document.title,referrer:document.referrer,viewport:{width:window.innerWidth,height:window.innerHeight},screenResolution:{width:window.screen.width,height:window.screen.height},userAgent:navigator.userAgent,language:navigator.language,timestamp:new Date().toISOString()}}async function Nt(){try{return await(0,At.domToJpeg)(document.body,{scale:.5,quality:.7,filter:e=>!(e instanceof HTMLElement&&e.id==="tchao-widget")})}catch{return JSON.stringify(vn())}}var R=class{constructor(){this.listeners={message:new Set,open:new Set,close:new Set,ready:new Set};this.showCallback=null;this.hideCallback=null;this.toggleCallback=null;this.openCallback=null;this.identifyCallback=null;this.configCallback=null}setCallbacks(e){this.showCallback=e.show,this.hideCallback=e.hide,this.toggleCallback=e.toggle,this.openCallback=e.open,this.identifyCallback=e.identify,this.configCallback=e.config}show(){this.showCallback?.()}hide(){this.hideCallback?.()}toggle(){this.toggleCallback?.()}open(){this.openCallback?.()}identify(e){this.identifyCallback?.(e)}config(e){this.configCallback?.(e)}on(e,n){this.listeners[e].add(n)}off(e,n){this.listeners[e].delete(n)}emit(e,...n){this.listeners[e].forEach(i=>{i(...n)})}};var q=!1,_=new Set,be="";function we(t){t!==be&&(be=t,_.forEach(e=>e(t)))}function $t(){we(window.location.href)}var zt=history.pushState.bind(history),Dt=history.replaceState.bind(history);function xn(t,e,n){zt(t,e,n),setTimeout(()=>we(window.location.href),0)}function bn(t,e,n){Dt(t,e,n),setTimeout(()=>we(window.location.href),0)}function Ht(t){return _.add(t),be=window.location.href,q||(q=!0,window.addEventListener("popstate",$t),history.pushState=xn,history.replaceState=bn),()=>{_.delete(t),_.size===0&&q&&(q=!1,window.removeEventListener("popstate",$t),history.pushState=zt,history.replaceState=Dt)}}function ye(){return window.location.href}var S=null,P=null,M=null,Ut=null,Ce=!1,j={cleanup:null},N={promise:null},E=new R;function yn(t){P&&P.disconnect(),P=new V(t),P.on(e=>{H(e)}),P.connect()}async function Bt(t){if(Ce)return E;let{websiteId:e,host:n}=t;if(!e)throw new Error("websiteId is required");n&&(g.apiBaseUrl=n),g.websiteId=e,Fe(e),tt(e);let i=await xt(e);if("error"in i)throw new Error(i.error);return Je(i.data),g.convexUrl&&ke(g.convexUrl),Lt(e).then(a=>{H(a)}),yn(e),E.setCallbacks({show:()=>$(!0),hide:()=>{$(!1),ee(!1)},toggle:Me,open:In,identify:An,config:a=>Ge(a)}),dt({onSend:Rn,onInput:Ln,onToggle:Me,onMaximize:kn,onImageSelect:Pn,onEmailSubmit:Nn,onEmailDismiss:$n,onReaction:zn}),kt(),U(le()),r.id&&En(),Ce=!0,E.emit("ready"),E}function Cn(){let t=g.convexUrl;return t?t.replace(".cloud",".site"):""}function Sn(){j.cleanup&&j.cleanup();let t=()=>{r.id&&(document.visibilityState==="hidden"?T(r.id,g.websiteId,"idle"):T(r.id,g.websiteId,"online"))},e=()=>{if(!r.id)return;let n=Cn();if(n){let i=JSON.stringify({conversationId:r.id,status:"away"}),a=new Blob([i],{type:"application/json"});navigator.sendBeacon(`${n}/presence/visitor`,a)}};document.addEventListener("visibilitychange",t),window.addEventListener("beforeunload",e),j.cleanup=()=>{document.removeEventListener("visibilitychange",t),window.removeEventListener("beforeunload",e)}}async function En(){if(!r.id||S)return;let t=await he(r.id,r.visitorId);if("error"in t){ie();return}ae(t.data.messages),Se(r.id),Ee(r.id),M=new k(r.id)}async function Mn(){if(r.id){if(S)return z(r.messages),r.id;let e=await he(r.id,r.visitorId);return"error"in e?(ie(),z([]),null):(ae(e.data.messages),z(e.data.messages),Se(r.id),Ee(r.id),M=new k(r.id),r.id)}let t=await bt(g.websiteId,r.visitorId,ye(),Dn());return"error"in t?null:(Xe(t.data.conversationId),se(t.data.lastVisitorMessageAt??null),Se(t.data.conversationId),Ee(t.data.conversationId),M=new k(t.data.conversationId),t.data.conversationId)}async function K(){return N.promise||(N.promise=Mn().finally(()=>{N.promise=null})),N.promise}function Se(t){S&&(S.disconnect(),O()),S=new W(t),S.on(e=>{if(e.type==="message.new")if(e.data.senderType==="VISITOR"){let n=r.messages.find(i=>i.id.startsWith("temp_")&&i.content===e.data.content);if(n){let i=n.id;Qe(i,e.data.id),vt(i,e.data.id)}}else ue(),Q(e.data),pe(e.data),E.emit("message",e.data),(e.data.senderType==="AGENT"||e.data.senderType==="AI")&&(Tt(),r.isOpen?r.id&&fe(r.id,r.visitorId):(nt(e.data.id),U(le())));e.type==="agent.draft"&&(e.data.draft?ut():ue()),e.type==="presence.agent"&&H(e.data.status),e.type==="message.reaction"&&mt(e.data.id,e.data.reactions),e.type==="message.update"&&ft(e.data.id,e.data.content)}),S.connect(),Pt(t,g.websiteId),Sn()}function Ee(t){Ut=Ht(e=>{Et(t,e)})}function Me(){let t=!r.isOpen;ee(t),$(t),t?(it(),U(0),E.emit("open"),r.id&&(K(),fe(r.id,r.visitorId))):E.emit("close")}function In(){r.isOpen||Me()}function kn(){let t=!te;ne(t),ht(t)}function Tn(){let t=r.lastVisitorMessageAt;return t===null?!0:Date.now()-t>1728e5}async function Rn(t,e){let n=r.messages.length===0,i=Tn(),o=!st()&&(n||i),s={id:`temp_${Date.now()}`,content:t,senderType:"VISITOR",senderId:r.visitorId,image:e??null,timestamp:Date.now(),status:"sending"};Q(s),pe(s);let c=await K();if(!c){Ye(s.id),D(s.id,"failed");return}M?.clear();let d=null;o&&(d=await Nt(),d&&rt());try{await wt(c,r.visitorId,t,d,ye(),e),Z(s.id,"sent"),D(s.id,"sent"),se(Date.now())}catch{Z(s.id,"failed"),D(s.id,"failed")}n&&!r.emailCaptured&&gt()}async function Pn(t){let e=await yt(t);return"error"in e?null:e.data.url}function Ln(t){r.id&&M&&M.track(t)}async function An(t){let e=await K();e&&await Ct(e,r.visitorId,t)}async function Nn(t){let e=await K();if(!e)return;"error"in await St(e,r.visitorId,t)||oe(!0)}function $n(){oe(!0)}async function zn(t,e){await Mt(t,e,r.visitorId)}function Dn(){return{userAgent:navigator.userAgent,language:navigator.language,screenWidth:window.screen.width,screenHeight:window.screen.height,timezone:Intl.DateTimeFormat().resolvedOptions().timeZone}}function Vt(){r.id&&T(r.id,g.websiteId,"away"),O(),j.cleanup?.(),S?.disconnect(),P?.disconnect(),M?.destroy(),Ut?.(),Rt(),Te(),pt(),ne(!1),Ce=!1}async function Wt(t){if(!t.websiteId)throw new Error("websiteId is required");let e=await Bt(t);return Object.assign(e,{destroy:Vt})}var Ot={init:Wt};var Hn=Ot;0&&(module.exports={Tchao,TchaoSDK,init});
+//# sourceMappingURL=npm.js.map