@scalemule/chat 0.0.4 → 0.0.7

package/dist/support-widget.global.js

@@ -1,10 +1,20 @@
-"use strict";var ScaleMuleSupportWidget=(()=>{var p=class{constructor(){this.listeners=new Map}on(s,e){return this.listeners.has(s)||this.listeners.set(s,new Set),this.listeners.get(s).add(e),()=>this.off(s,e)}off(s,e){this.listeners.get(s)?.delete(e)}once(s,e){let t=(n=>{this.off(s,t),e(n)});return this.on(s,t)}emit(s,...[e]){let t=this.listeners.get(s);if(t)for(let n of t)try{n(e)}catch(i){console.error(`[ScaleMuleChat] Error in ${String(s)} listener:`,i)}}removeAllListeners(s){s?this.listeners.delete(s):this.listeners.clear()}};var b="https://api.scalemule.com";var d=class{constructor(s,e){this.cache=new Map;this.maxMessages=s??200,this.maxConversations=e??50}getMessages(s){return this.cache.get(s)??[]}setMessages(s,e){this.cache.set(s,e.slice(0,this.maxMessages)),this.evictOldConversations()}addMessage(s,e){let t=this.cache.get(s)??[];t.some(n=>n.id===e.id)||(t.push(e),t.sort((n,i)=>n.created_at.localeCompare(i.created_at)),t.length>this.maxMessages&&t.splice(0,t.length-this.maxMessages),this.cache.set(s,t))}updateMessage(s,e){let t=this.cache.get(s);if(!t)return;let n=t.findIndex(i=>i.id===e.id);n>=0&&(t[n]=e)}removeMessage(s,e){let t=this.cache.get(s);if(!t)return;let n=t.findIndex(i=>i.id===e);n>=0&&t.splice(n,1)}clear(s){s?this.cache.delete(s):this.cache.clear()}evictOldConversations(){for(;this.cache.size>this.maxConversations;){let s=this.cache.keys().next().value;s&&this.cache.delete(s)}}};var y="scalemule_chat_offline_queue",h=class{constructor(s=!0){this.queue=[];this.enabled=s,this.enabled&&this.load()}enqueue(s,e,t="text",n){this.enabled&&(this.queue.push({conversationId:s,content:e,message_type:t,attachments:n,timestamp:Date.now()}),this.save())}drain(){let s=[...this.queue];return this.queue=[],this.save(),s}get size(){return this.queue.length}save(){try{typeof localStorage<"u"&&localStorage.setItem(y,JSON.stringify(this.queue))}catch{}}load(){try{if(typeof localStorage<"u"){let s=localStorage.getItem(y);s&&(this.queue=JSON.parse(s))}}catch{this.queue=[]}}};var u=class{constructor(s){this.baseUrl=s.baseUrl.replace(/\/$/,""),this.apiKey=s.apiKey,this.getToken=s.getToken,this.timeout=s.timeout??1e4}async get(s){return this.request("GET",s)}async post(s,e){return this.request("POST",s,e)}async patch(s,e){return this.request("PATCH",s,e)}async del(s){return this.request("DELETE",s)}async request(s,e,t){let n={"Content-Type":"application/json"};if(this.apiKey&&(n["x-api-key"]=this.apiKey),this.getToken){let o=await this.getToken();o&&(n.Authorization=`Bearer ${o}`)}let i=new AbortController,a=setTimeout(()=>i.abort(),this.timeout);try{let o=await fetch(`${this.baseUrl}${e}`,{method:s,headers:n,body:t?JSON.stringify(t):void 0,signal:i.signal,credentials:"include"});if(clearTimeout(a),o.status===204)return{data:null,error:null};let r=await o.json().catch(()=>null);return o.ok?{data:r?.data!==void 0?r.data:r,error:null}:{data:null,error:{code:r?.error?.code??r?.code??"unknown",message:r?.error?.message??r?.message??o.statusText,status:o.status,details:r?.error?.details??r?.details}}}catch(o){return clearTimeout(a),{data:null,error:{code:"network_error",message:o instanceof Error?o.message:"Network error",status:0}}}}};var m=class extends p{constructor(e){super();this.ws=null;this.status="disconnected";this.subscriptions=new Set;this.presenceChannels=new Map;this.reconnectAttempt=0;this.reconnectTimer=null;this.heartbeatTimer=null;this.config=e,this.maxRetries=e.reconnect?.maxRetries??1/0,this.baseDelay=e.reconnect?.baseDelay??1e3,this.maxDelay=e.reconnect?.maxDelay??3e4;let t=e.baseUrl.replace(/\/$/,"");this.ticketUrl=`${t}/v1/realtime/ws/ticket`;let n=e.wsUrl?e.wsUrl.replace(/\/$/,""):t;this.wsBaseUrl=n.replace(/^http/,"ws")+"/v1/realtime/ws"}getStatus(){return this.status}async connect(){if(!(this.status==="connected"||this.status==="connecting")){this.setStatus("connecting");try{let e=await this.obtainTicket();if(!e){this.setStatus("disconnected"),this.emit("error",{message:"Failed to obtain WS ticket"});return}let t=`${this.wsBaseUrl}?ticket=${encodeURIComponent(e)}`;this.ws=new WebSocket(t),this.ws.onopen=()=>{this.setStatus("connected"),this.reconnectAttempt=0,this.startHeartbeat(),this.resubscribeAll()},this.ws.onmessage=n=>{this.handleMessage(n.data)},this.ws.onclose=()=>{this.stopHeartbeat(),this.status!=="disconnected"&&this.scheduleReconnect()},this.ws.onerror=()=>{}}catch{this.setStatus("disconnected"),this.scheduleReconnect()}}}disconnect(){this.setStatus("disconnected"),this.stopHeartbeat(),this.reconnectTimer&&(clearTimeout(this.reconnectTimer),this.reconnectTimer=null),this.ws&&(this.ws.onclose=null,this.ws.close(),this.ws=null)}subscribe(e){return this.subscriptions.add(e),this.status==="connected"?this.send({type:"subscribe",channel:e}):this.status==="disconnected"&&this.connect(),()=>this.unsubscribe(e)}unsubscribe(e){this.subscriptions.delete(e),this.status==="connected"&&this.send({type:"unsubscribe",channel:e})}publish(e,t){this.status==="connected"&&this.send({type:"publish",channel:e,data:t})}joinPresence(e,t){this.presenceChannels.set(e,t),this.status==="connected"&&this.send({type:"presence_join",channel:e,user_data:t??{}})}leavePresence(e){this.presenceChannels.delete(e),this.status==="connected"&&this.send({type:"presence_leave",channel:e})}async obtainTicket(){let e={"Content-Type":"application/json"};if(this.config.apiKey&&(e["x-api-key"]=this.config.apiKey),this.config.getToken){let t=await this.config.getToken();t&&(e.Authorization=`Bearer ${t}`)}try{let t=await fetch(this.ticketUrl,{method:"POST",headers:e,credentials:"include"});if(!t.ok)return null;let n=await t.json();return n.ticket??n.data?.ticket??null}catch{return null}}send(e){this.ws?.readyState===WebSocket.OPEN&&this.ws.send(JSON.stringify(e))}handleMessage(e){if(e!=="pong")try{let t=JSON.parse(e);switch(t.type){case"auth_success":break;case"subscribed":break;case"message":this.emit("message",{channel:t.channel,data:t.data});break;case"presence_state":this.emit("presence:state",{channel:t.channel,members:t.members??[]});break;case"presence_join":this.emit("presence:join",{channel:t.channel,user:t.user});break;case"presence_leave":this.emit("presence:leave",{channel:t.channel,userId:t.user_id});break;case"presence_update":this.emit("presence:update",{channel:t.channel,userId:t.user_id,status:t.status,userData:t.user_data});break;case"error":this.emit("error",{message:t.message??"Unknown error"});break;case"token_expiring":this.reconnectAttempt=0,this.scheduleReconnect();break}}catch{}}resubscribeAll(){for(let e of this.subscriptions)this.send({type:"subscribe",channel:e});for(let[e,t]of this.presenceChannels)this.send({type:"presence_join",channel:e,user_data:t??{}})}startHeartbeat(){this.heartbeatTimer=setInterval(()=>{this.ws?.readyState===WebSocket.OPEN&&this.ws.send("ping")},3e4)}stopHeartbeat(){this.heartbeatTimer&&(clearInterval(this.heartbeatTimer),this.heartbeatTimer=null)}scheduleReconnect(){if(this.reconnectAttempt>=this.maxRetries){this.setStatus("disconnected");return}this.setStatus("reconnecting"),this.emit("reconnecting",{attempt:this.reconnectAttempt+1});let e=Math.min(this.baseDelay*Math.pow(2,this.reconnectAttempt)+Math.random()*this.baseDelay*.3,this.maxDelay);this.reconnectTimer=setTimeout(()=>{this.reconnectAttempt++,this.connect()},e)}setStatus(e){this.status!==e&&(this.status=e,this.emit("status",e))}};var g=class extends p{constructor(e){super();this.conversationSubs=new Map;this.conversationTypes=new Map;let t=e.apiBaseUrl??b;this.http=new u({baseUrl:t,apiKey:e.apiKey,getToken:e.getToken??(e.sessionToken?()=>Promise.resolve(e.sessionToken):void 0)}),this.ws=new m({baseUrl:t,wsUrl:e.wsUrl,apiKey:e.apiKey,getToken:e.getToken??(e.sessionToken?()=>Promise.resolve(e.sessionToken):void 0),reconnect:e.reconnect}),this.cache=new d(e.messageCache?.maxMessages,e.messageCache?.maxConversations),this.offlineQueue=new h(e.offlineQueue??!0),this.ws.on("status",n=>{switch(n){case"connected":this.emit("connected"),this.flushOfflineQueue();break;case"disconnected":this.emit("disconnected");break}}),this.ws.on("reconnecting",n=>{this.emit("reconnecting",n)}),this.ws.on("message",({channel:n,data:i})=>{this.handleRealtimeMessage(n,i)}),this.ws.on("presence:state",({channel:n,members:i})=>{let a=n.replace(/^conversation:(?:lr:|bc:|support:)?/,"");this.emit("presence:state",{conversationId:a,members:i})}),this.ws.on("presence:join",({channel:n,user:i})=>{let a=n.replace(/^conversation:(?:lr:|bc:|support:)?/,"");this.emit("presence:join",{userId:i.user_id,conversationId:a,userData:i.user_data})}),this.ws.on("presence:leave",({channel:n,userId:i})=>{let a=n.replace(/^conversation:(?:lr:|bc:|support:)?/,"");this.emit("presence:leave",{userId:i,conversationId:a})}),this.ws.on("presence:update",({channel:n,userId:i,status:a,userData:o})=>{let r=n.replace(/^conversation:(?:lr:|bc:|support:)?/,"");this.emit("presence:update",{userId:i,conversationId:r,status:a,userData:o})}),this.ws.on("error",({message:n})=>{this.emit("error",{code:"ws_error",message:n})})}get status(){return this.ws.getStatus()}connect(){this.ws.connect()}disconnect(){for(let e of this.conversationSubs.values())e();this.conversationSubs.clear(),this.ws.disconnect()}async createConversation(e){let t={...e,conversation_type:e.conversation_type??"direct"},n=await this.http.post("/v1/chat/conversations",t);return n.data&&this.trackConversationType(n.data),n}async listConversations(e){let t=new URLSearchParams;e?.page&&t.set("page",String(e.page)),e?.per_page&&t.set("per_page",String(e.per_page)),e?.conversation_type&&t.set("conversation_type",e.conversation_type);let n=t.toString(),i=await this.http.get(`/v1/chat/conversations${n?"?"+n:""}`);return i.data&&i.data.forEach(a=>this.trackConversationType(a)),i}async getConversation(e){let t=await this.http.get(`/v1/chat/conversations/${e}`);return t.data&&this.trackConversationType(t.data),t}trackConversationType(e){e.conversation_type!=="direct"&&e.conversation_type!=="group"&&this.conversationTypes.set(e.id,e.conversation_type)}async sendMessage(e,t){let n=await this.http.post(`/v1/chat/conversations/${e}/messages`,{content:t.content,message_type:t.message_type??"text",attachments:t.attachments});return n.data?this.cache.addMessage(e,n.data):n.error?.status===0&&this.offlineQueue.enqueue(e,t.content,t.message_type??"text"),n}async getMessages(e,t){let n=new URLSearchParams;t?.limit&&n.set("limit",String(t.limit)),t?.before&&n.set("before",t.before),t?.after&&n.set("after",t.after);let i=n.toString(),a=await this.http.get(`/v1/chat/conversations/${e}/messages${i?"?"+i:""}`);return a.data?.messages&&(t?.after||(a.data.messages=a.data.messages.slice().reverse()),!t?.before&&!t?.after&&this.cache.setMessages(e,a.data.messages)),a}async editMessage(e,t){return this.http.patch(`/v1/chat/messages/${e}`,{content:t})}async deleteMessage(e){return this.http.del(`/v1/chat/messages/${e}`)}getCachedMessages(e){return this.cache.getMessages(e)}async addReaction(e,t){return this.http.post(`/v1/chat/messages/${e}/reactions`,{emoji:t})}async removeReaction(e,t){return this.http.del(`/v1/chat/messages/${e}/reactions/${encodeURIComponent(t)}`)}async getUnreadTotal(){return this.http.get("/v1/chat/conversations/unread-total")}async sendTyping(e,t=!0){await this.http.post(`/v1/chat/conversations/${e}/typing`,{is_typing:t})}async markRead(e){await this.http.post(`/v1/chat/conversations/${e}/read`)}async getReadStatus(e){return this.http.get(`/v1/chat/conversations/${e}/read-status`)}async addParticipant(e,t){return this.http.post(`/v1/chat/conversations/${e}/participants`,{user_id:t})}async removeParticipant(e,t){return this.http.del(`/v1/chat/conversations/${e}/participants/${t}`)}joinPresence(e,t){let n=this.channelName(e);this.ws.joinPresence(n,t)}leavePresence(e){let t=this.channelName(e);this.ws.leavePresence(t)}updatePresence(e,t,n){let i=this.channelName(e);this.ws.send({type:"presence_update",channel:i,status:t,user_data:n})}async getChannelSettings(e){return this.http.get(`/v1/chat/channels/${e}/settings`)}setConversationType(e,t){this.conversationTypes.set(e,t)}async findChannelBySessionId(e){let t=await this.http.get(`/v1/chat/channels/by-session?linked_session_id=${encodeURIComponent(e)}`);return t.error?.status===404?null:(t.data&&this.conversationTypes.set(t.data.id,t.data.channel_type),t.data)}async joinChannel(e){return this.http.post(`/v1/chat/channels/${e}/join`,{})}async createEphemeralChannel(e){let t=await this.http.post("/v1/chat/channels/ephemeral",e);return t.data&&this.conversationTypes.set(t.data.id,"ephemeral"),t}async createLargeRoom(e){let t=await this.http.post("/v1/chat/channels/large-room",e);return t.data&&this.conversationTypes.set(t.data.id,"large_room"),t}async getSubscriberCount(e){return(await this.http.get(`/v1/chat/conversations/${e}/subscriber-count`)).data?.count??0}subscribeToConversation(e){if(this.conversationSubs.has(e))return this.conversationSubs.get(e);let t=this.channelName(e),n=this.ws.subscribe(t);return this.conversationSubs.set(e,n),()=>{this.conversationSubs.delete(e),n()}}channelName(e){switch(this.conversationTypes.get(e)){case"large_room":return`conversation:lr:${e}`;case"broadcast":return`conversation:bc:${e}`;case"support":return`conversation:support:${e}`;default:return`conversation:${e}`}}destroy(){this.disconnect(),this.cache.clear(),this.removeAllListeners()}handleRealtimeMessage(e,t){if(e.startsWith("conversation:")){this.handleConversationMessage(e,t);return}if(e.startsWith("private:")){this.handlePrivateMessage(t);return}}handlePrivateMessage(e){let t=e;if(!t)return;let n=t.event??t.type,i=t.data??t;switch(n){case"new_message":{let a=i.conversation_id,o=i.id??i.message_id,r=i.sender_id,l=i.content??"";a&&this.emit("inbox:update",{conversationId:a,messageId:o,senderId:r,preview:l});break}case"support:new_conversation":{let a=i.conversation_id,o=i.visitor_name;a&&this.emit("support:new",{conversationId:a,visitorName:o});break}case"support:assigned":{let a=i.conversation_id,o=i.visitor_name,r=i.visitor_email;a&&this.emit("support:assigned",{conversationId:a,visitorName:o,visitorEmail:r});break}}}handleConversationMessage(e,t){let n=e.replace(/^conversation:(?:lr:|bc:|support:)?/,""),i=t;if(!i)return;let a=i.event??i.type,o=i.data??i;switch(a){case"new_message":{let r=o;this.cache.addMessage(n,r),this.emit("message",{message:r,conversationId:n});break}case"message_edited":{let r=o;this.cache.updateMessage(n,r),this.emit("message:updated",{message:r,conversationId:n});break}case"message_deleted":{let r=o.message_id??o.id;r&&(this.cache.removeMessage(n,r),this.emit("message:deleted",{messageId:r,conversationId:n}));break}case"user_typing":{let r=o.user_id;r&&this.emit("typing",{userId:r,conversationId:n});break}case"user_stopped_typing":{let r=o.user_id;r&&this.emit("typing:stop",{userId:r,conversationId:n});break}case"typing_batch":{let r=o.users??[];for(let l of r)this.emit("typing",{userId:l,conversationId:n});break}case"messages_read":{let r=o.user_id,l=o.last_read_at;r&&l&&this.emit("read",{userId:r,conversationId:n,lastReadAt:l});break}case"room_upgraded":{if(o.new_type==="large_room"){this.conversationTypes.set(n,"large_room");let l=this.conversationSubs.get(n);l&&(l(),this.conversationSubs.delete(n),this.subscribeToConversation(n)),this.emit("room_upgraded",{conversationId:n,newType:"large_room"})}break}}}async flushOfflineQueue(){let e=this.offlineQueue.drain();for(let t of e)await this.sendMessage(t.conversationId,{content:t.content,message_type:t.message_type})}};var P="sm_support_",v=class{constructor(s){this.chatClient=null;this.refreshToken=null;this.accessToken=null;this.tokenExpiresAt=0;this.userId=null;this.apiKey=s.apiKey,this.apiBaseUrl=s.apiBaseUrl??"https://api.scalemule.com",this.storageKey=P+s.apiKey.substring(0,8);let e=this.loadState();e?(this.anonymousId=e.anonymous_id,this.refreshToken=e.refresh_token,this.userId=e.user_id):this.anonymousId=crypto.randomUUID()}async initVisitorSession(s){if(this.visitorName=s?.name,this.visitorEmail=s?.email,this.refreshToken)try{await this.refreshAccessToken(),this.initChatClient();return}catch{this.refreshToken=null}let e=await fetch(`${this.apiBaseUrl}/v1/auth/visitor-session`,{method:"POST",headers:{"Content-Type":"application/json","x-api-key":this.apiKey},body:JSON.stringify({anonymous_id:this.anonymousId,name:s?.name,email:s?.email,page_url:typeof location<"u"?location.href:void 0})});if(!e.ok){let i=await e.text();throw new Error(`Visitor session failed: ${e.status} ${i}`)}let n=(await e.json()).data;this.accessToken=n.access_token,this.refreshToken=n.refresh_token,this.userId=n.user_id,this.tokenExpiresAt=Date.now()+n.expires_in*1e3,this.saveState(),this.initChatClient()}async startConversation(s,e){if(!this.accessToken)throw new Error("Call initVisitorSession() first");let t=await fetch(`${this.apiBaseUrl}/v1/chat/support/conversations`,{method:"POST",headers:{"Content-Type":"application/json","x-api-key":this.apiKey,Authorization:`Bearer ${this.accessToken}`},body:JSON.stringify({message:s,name:this.visitorName,email:this.visitorEmail,page_url:e?.page_url??(typeof location<"u"?location.href:void 0),user_agent:typeof navigator<"u"?navigator.userAgent:void 0})});if(!t.ok){let a=await t.text();throw new Error(`Create support conversation failed: ${t.status} ${a}`)}let i=(await t.json()).data;return this.chatClient&&this.chatClient.conversationTypes?.set(i.conversation_id,"support"),i}async getActiveConversation(){if(!this.accessToken)return null;let s=await fetch(`${this.apiBaseUrl}/v1/chat/support/conversations/mine`,{headers:{"x-api-key":this.apiKey,Authorization:`Bearer ${this.accessToken}`}});if(!s.ok)return null;let n=(await s.json()).data.find(i=>i.status==="active"||i.status==="waiting");return n&&this.chatClient&&this.chatClient.conversationTypes?.set(n.conversation_id,"support"),n??null}get chat(){if(!this.chatClient)throw new Error("Call initVisitorSession() first");return this.chatClient}get isInitialized(){return this.chatClient!==null}get visitorUserId(){return this.userId}destroy(){this.chatClient?.destroy(),this.chatClient=null}initChatClient(){this.chatClient&&this.chatClient.destroy();let s={apiKey:this.apiKey,apiBaseUrl:this.apiBaseUrl,getToken:async()=>{if(!this.accessToken)return null;if(Date.now()>this.tokenExpiresAt-6e4)try{await this.refreshAccessToken()}catch{}return this.accessToken}};this.chatClient=new g(s)}async refreshAccessToken(){if(!this.refreshToken)throw new Error("No refresh token");let s=await fetch(`${this.apiBaseUrl}/v1/auth/token/refresh`,{method:"POST",headers:{"Content-Type":"application/json","x-api-key":this.apiKey},body:JSON.stringify({refresh_token:this.refreshToken})});if(!s.ok)throw new Error(`Token refresh failed: ${s.status}`);let t=(await s.json()).data;this.accessToken=t.access_token,this.tokenExpiresAt=Date.now()+t.expires_in*1e3}loadState(){try{let s=localStorage.getItem(this.storageKey);return s?JSON.parse(s):null}catch{return null}}saveState(){try{localStorage.setItem(this.storageKey,JSON.stringify({anonymous_id:this.anonymousId,refresh_token:this.refreshToken,user_id:this.userId}))}catch{}}};var w=`
+"use strict";var ScaleMuleSupportWidget=(()=>{var g=class{constructor(){this.listeners=new Map}on(s,e){return this.listeners.has(s)||this.listeners.set(s,new Set),this.listeners.get(s).add(e),()=>this.off(s,e)}off(s,e){this.listeners.get(s)?.delete(e)}once(s,e){let t=(i=>{this.off(s,t),e(i)});return this.on(s,t)}emit(s,...[e]){let t=this.listeners.get(s);if(t)for(let i of t)try{i(e)}catch(n){console.error(`[ScaleMuleChat] Error in ${String(s)} listener:`,n)}}removeAllListeners(s){s?this.listeners.delete(s):this.listeners.clear()}};var b=class extends g{constructor(e,t){super();this.typingTimers=new Map;this.unsubscribers=[];this.client=e,this.conversationId=t,this.state={conversationId:t,messages:[],readStatuses:[],typingUsers:[],members:[],hasMore:!1,isLoading:!0,error:null}}getState(){return this.state}async init(e={}){let t=e.realtime??!0,i=e.presence??t;this.bindEvents(),t&&this.client.connect();try{await this.client.getConversation(this.conversationId);let[n,r]=await Promise.all([this.client.getMessages(this.conversationId),this.client.getReadStatus(this.conversationId)]);return this.state={...this.state,messages:n.data?.messages??[],readStatuses:r.data?.statuses??[],hasMore:n.data?.has_more??!1,isLoading:!1,error:n.error?.message??r.error?.message??null},t&&this.unsubscribers.push(this.client.subscribeToConversation(this.conversationId)),i&&this.client.joinPresence(this.conversationId),this.emit("state",this.state),this.emit("ready",this.state),this.state}catch(n){let r=n instanceof Error?n.message:"Failed to initialize chat controller";throw this.state={...this.state,isLoading:!1,error:r},this.emit("state",this.state),this.emit("error",{message:r}),n}}async loadMore(){let e=this.state.messages[0]?.id;if(!e)return;let t=await this.client.getMessages(this.conversationId,{before:e});t.data?.messages?.length&&(this.state={...this.state,messages:[...t.data.messages,...this.state.messages],hasMore:t.data.has_more??!1},this.emit("state",this.state))}async sendMessage(e,t=[]){let i=t.length>0?t.every(r=>r.mime_type.startsWith("image/"))&&!e?"image":"file":"text",n=await this.client.sendMessage(this.conversationId,{content:e,attachments:t,message_type:i});if(n.error)throw new Error(n.error.message)}stageOptimisticMessage(e){let t=this.client.stageOptimisticMessage(this.conversationId,e);return this.patchState({messages:[...this.client.getCachedMessages(this.conversationId)]}),t}async uploadAttachment(e,t,i){return this.client.uploadAttachment(e,t,i)}async refreshAttachmentUrl(e,t){return this.client.refreshAttachmentUrl(e,t)}async addReaction(e,t){let i=await this.client.addReaction(e,t);if(i.error)throw new Error(i.error.message)}async removeReaction(e,t){let i=await this.client.removeReaction(e,t);if(i.error)throw new Error(i.error.message)}async reportMessage(e,t,i){return this.client.reportMessage(e,t,i)}async muteConversation(e){return this.client.muteConversation(this.conversationId,e)}async unmuteConversation(){return this.client.unmuteConversation(this.conversationId)}async markRead(){await this.client.markRead(this.conversationId)}async refreshReadStatus(){let e=await this.client.getReadStatus(this.conversationId);if(e.data?.statuses)return this.patchState({readStatuses:e.data.statuses}),e.data.statuses;if(e.error)throw new Error(e.error.message);return this.state.readStatuses}sendTyping(e=!0){this.client.sendTyping(this.conversationId,e)}destroy(){this.client.leavePresence(this.conversationId);for(let e of this.typingTimers.values())clearTimeout(e);this.typingTimers.clear();for(let e of this.unsubscribers)e();this.unsubscribers=[],this.removeAllListeners()}bindEvents(){this.unsubscribers.length||(this.unsubscribers.push(this.client.on("message",({conversationId:e})=>{e===this.conversationId&&this.patchState({messages:[...this.client.getCachedMessages(this.conversationId)]})})),this.unsubscribers.push(this.client.on("message:updated",({conversationId:e})=>{e===this.conversationId&&this.patchState({messages:[...this.client.getCachedMessages(this.conversationId)]})})),this.unsubscribers.push(this.client.on("message:deleted",({conversationId:e})=>{e===this.conversationId&&this.patchState({messages:[...this.client.getCachedMessages(this.conversationId)]})})),this.unsubscribers.push(this.client.on("reaction",({conversationId:e})=>{e===this.conversationId&&this.patchState({messages:[...this.client.getCachedMessages(this.conversationId)]})})),this.unsubscribers.push(this.client.on("typing",({conversationId:e,userId:t})=>{if(e!==this.conversationId)return;this.patchState({typingUsers:this.state.typingUsers.includes(t)?this.state.typingUsers:[...this.state.typingUsers,t]});let i=this.typingTimers.get(t);i&&clearTimeout(i),this.typingTimers.set(t,setTimeout(()=>{this.patchState({typingUsers:this.state.typingUsers.filter(n=>n!==t)}),this.typingTimers.delete(t)},3e3))})),this.unsubscribers.push(this.client.on("typing:stop",({conversationId:e,userId:t})=>{if(e!==this.conversationId)return;let i=this.typingTimers.get(t);i&&(clearTimeout(i),this.typingTimers.delete(t)),this.patchState({typingUsers:this.state.typingUsers.filter(n=>n!==t)})})),this.unsubscribers.push(this.client.on("read",({conversationId:e,userId:t,lastReadAt:i})=>{if(e!==this.conversationId)return;let n=[...this.state.readStatuses],r=n.findIndex(a=>a.user_id===t);r>=0?n[r]={...n[r],last_read_at:i}:n.push({user_id:t,last_read_at:i}),this.patchState({readStatuses:n})})),this.unsubscribers.push(this.client.on("presence:state",({conversationId:e,members:t})=>{e===this.conversationId&&this.patchState({members:t.map(i=>({userId:i.user_id,status:i.status??"online",userData:i.user_data}))})})),this.unsubscribers.push(this.client.on("presence:join",({conversationId:e,userId:t,userData:i})=>{e===this.conversationId&&(this.state.members.some(n=>n.userId===t)||this.patchState({members:[...this.state.members,{userId:t,status:"online",userData:i}]}))})),this.unsubscribers.push(this.client.on("presence:leave",({conversationId:e,userId:t})=>{e===this.conversationId&&this.patchState({members:this.state.members.filter(i=>i.userId!==t)})})),this.unsubscribers.push(this.client.on("presence:update",({conversationId:e,userId:t,status:i,userData:n})=>{e===this.conversationId&&this.patchState({members:this.state.members.map(r=>r.userId===t?{...r,status:i,userData:n}:r)})})))}patchState(e){this.state={...this.state,...e,error:e.error!==void 0?e.error:this.state.error},this.emit("state",this.state)}};var M="https://api.scalemule.com";var y=class{constructor(s,e){this.cache=new Map;this.maxMessages=s??200,this.maxConversations=e??50}getMessages(s){return this.cache.get(s)??[]}getMessage(s,e){return this.getMessages(s).find(t=>t.id===e)}setMessages(s,e){this.cache.set(s,e.slice(0,this.maxMessages)),this.evictOldConversations()}addMessage(s,e){let t=this.cache.get(s)??[];t.some(i=>i.id===e.id)||(t.push(e),t.sort((i,n)=>i.created_at.localeCompare(n.created_at)),t.length>this.maxMessages&&t.splice(0,t.length-this.maxMessages),this.cache.set(s,t))}upsertMessage(s,e){if(this.getMessage(s,e.id)){this.updateMessage(s,e);return}this.addMessage(s,e)}updateMessage(s,e){let t=this.cache.get(s);if(!t)return;let i=t.findIndex(n=>n.id===e.id);i>=0&&(t[i]=e)}reconcileOptimisticMessage(s,e){let t=this.cache.get(s);if(!t)return e;let i=(e.attachments??[]).map(r=>r.file_id).sort(),n=t.findIndex(r=>{if(!r.id.startsWith("pending-")||r.sender_id!==e.sender_id||r.content!==e.content)return!1;let a=(r.attachments??[]).map(o=>o.file_id).sort();return a.length!==i.length?!1:a.every((o,l)=>o===i[l])});return n>=0&&(t[n]=e),e}removeMessage(s,e){let t=this.cache.get(s);if(!t)return;let i=t.findIndex(n=>n.id===e);i>=0&&t.splice(i,1)}clear(s){s?this.cache.delete(s):this.cache.clear()}evictOldConversations(){for(;this.cache.size>this.maxConversations;){let s=this.cache.keys().next().value;s&&this.cache.delete(s)}}};var A="scalemule_chat_offline_queue",_=class{constructor(s=!0){this.queue=[];this.enabled=s,this.enabled&&this.load()}enqueue(s,e,t="text",i){this.enabled&&(this.queue.push({conversationId:s,content:e,message_type:t,attachments:i,timestamp:Date.now()}),this.save())}drain(){let s=[...this.queue];return this.queue=[],this.save(),s}get size(){return this.queue.length}save(){try{typeof localStorage<"u"&&localStorage.setItem(A,JSON.stringify(this.queue))}catch{}}load(){try{if(typeof localStorage<"u"){let s=localStorage.getItem(A);s&&(this.queue=JSON.parse(s))}}catch{this.queue=[]}}};var w=class{constructor(s){this.baseUrl=s.baseUrl.replace(/\/$/,""),this.apiKey=s.apiKey,this.getToken=s.getToken,this.timeout=s.timeout??1e4}async get(s){return this.request("GET",s)}async post(s,e){return this.request("POST",s,e)}async patch(s,e){return this.request("PATCH",s,e)}async del(s){return this.request("DELETE",s)}async request(s,e,t){let i={"Content-Type":"application/json"};if(this.apiKey&&(i["x-api-key"]=this.apiKey),this.getToken){let a=await this.getToken();a&&(i.Authorization=`Bearer ${a}`)}let n=new AbortController,r=setTimeout(()=>n.abort(),this.timeout);try{let a=await fetch(`${this.baseUrl}${e}`,{method:s,headers:i,body:t?JSON.stringify(t):void 0,signal:n.signal});if(clearTimeout(r),a.status===204)return{data:null,error:null};let o=await a.json().catch(()=>null);return a.ok?{data:o?.data!==void 0?o.data:o,error:null}:{data:null,error:{code:o?.error?.code??o?.code??"unknown",message:o?.error?.message??o?.message??a.statusText,status:a.status,details:o?.error?.details??o?.details}}}catch(a){return clearTimeout(r),{data:null,error:{code:"network_error",message:a instanceof Error?a.message:"Network error",status:0}}}}};var x=class extends g{constructor(e){super();this.ws=null;this.status="disconnected";this.subscriptions=new Set;this.presenceChannels=new Map;this.reconnectAttempt=0;this.reconnectTimer=null;this.heartbeatTimer=null;this.config=e,this.maxRetries=e.reconnect?.maxRetries??1/0,this.baseDelay=e.reconnect?.baseDelay??1e3,this.maxDelay=e.reconnect?.maxDelay??3e4;let t=e.baseUrl.replace(/\/$/,"");this.ticketUrl=`${t}/v1/realtime/ws/ticket`;let i=e.wsUrl?e.wsUrl.replace(/\/$/,""):t;this.wsBaseUrl=i.replace(/^http/,"ws")+"/v1/realtime/ws"}getStatus(){return this.status}async connect(){if(!(this.status==="connected"||this.status==="connecting")){this.setStatus("connecting");try{let e=await this.obtainTicket();if(!e){this.setStatus("disconnected"),this.emit("error",{message:"Failed to obtain WS ticket"});return}let t=`${this.wsBaseUrl}?ticket=${encodeURIComponent(e)}`;this.ws=new WebSocket(t),this.ws.onopen=()=>{this.setStatus("connected"),this.reconnectAttempt=0,this.startHeartbeat(),this.resubscribeAll()},this.ws.onmessage=i=>{this.handleMessage(i.data)},this.ws.onclose=()=>{this.stopHeartbeat(),this.status!=="disconnected"&&this.scheduleReconnect()},this.ws.onerror=()=>{}}catch{this.setStatus("disconnected"),this.scheduleReconnect()}}}disconnect(){this.setStatus("disconnected"),this.stopHeartbeat(),this.reconnectTimer&&(clearTimeout(this.reconnectTimer),this.reconnectTimer=null),this.ws&&(this.ws.onclose=null,this.ws.close(),this.ws=null)}subscribe(e){return this.subscriptions.add(e),this.status==="connected"?this.send({type:"subscribe",channel:e}):this.status==="disconnected"&&this.connect(),()=>this.unsubscribe(e)}unsubscribe(e){this.subscriptions.delete(e),this.status==="connected"&&this.send({type:"unsubscribe",channel:e})}publish(e,t){this.status==="connected"&&this.send({type:"publish",channel:e,data:t})}joinPresence(e,t){this.presenceChannels.set(e,t),this.status==="connected"&&this.send({type:"presence_join",channel:e,user_data:t??{}})}leavePresence(e){this.presenceChannels.delete(e),this.status==="connected"&&this.send({type:"presence_leave",channel:e})}async obtainTicket(){let e={"Content-Type":"application/json"};if(this.config.apiKey&&(e["x-api-key"]=this.config.apiKey),this.config.getToken){let t=await this.config.getToken();t&&(e.Authorization=`Bearer ${t}`)}try{let t=await fetch(this.ticketUrl,{method:"POST",headers:e});if(!t.ok)return null;let i=await t.json();return i.ticket??i.data?.ticket??null}catch{return null}}send(e){this.ws?.readyState===WebSocket.OPEN&&this.ws.send(JSON.stringify(e))}handleMessage(e){if(e!=="pong")try{let t=JSON.parse(e);switch(t.type){case"auth_success":break;case"subscribed":break;case"message":this.emit("message",{channel:t.channel,data:t.data});break;case"presence_state":this.emit("presence:state",{channel:t.channel,members:t.members??[]});break;case"presence_join":this.emit("presence:join",{channel:t.channel,user:t.user});break;case"presence_leave":this.emit("presence:leave",{channel:t.channel,userId:t.user_id});break;case"presence_update":this.emit("presence:update",{channel:t.channel,userId:t.user_id,status:t.status,userData:t.user_data});break;case"error":this.emit("error",{message:t.message??"Unknown error"});break;case"token_expiring":this.reconnectAttempt=0,this.scheduleReconnect();break}}catch{}}resubscribeAll(){for(let e of this.subscriptions)this.send({type:"subscribe",channel:e});for(let[e,t]of this.presenceChannels)this.send({type:"presence_join",channel:e,user_data:t??{}})}startHeartbeat(){this.heartbeatTimer=setInterval(()=>{this.ws?.readyState===WebSocket.OPEN&&this.ws.send("ping")},3e4)}stopHeartbeat(){this.heartbeatTimer&&(clearInterval(this.heartbeatTimer),this.heartbeatTimer=null)}scheduleReconnect(){if(this.reconnectAttempt>=this.maxRetries){this.setStatus("disconnected");return}this.setStatus("reconnecting"),this.emit("reconnecting",{attempt:this.reconnectAttempt+1});let e=Math.min(this.baseDelay*Math.pow(2,this.reconnectAttempt)+Math.random()*this.baseDelay*.3,this.maxDelay);this.reconnectTimer=setTimeout(()=>{this.reconnectAttempt++,this.connect()},e)}setStatus(e){this.status!==e&&(this.status=e,this.emit("status",e))}};var Z=[0,1e3,3e3],R=45e3,ee=new Set([0,408,429,500,502,503,504]);function te(c){return new Promise(s=>setTimeout(s,c))}function se(c,s){return s==="aborted"?!1:ee.has(c)||s==="upload_stalled"}function ie(c,s,e,t){return new Promise(i=>{if(typeof XMLHttpRequest>"u"){i({data:null,error:{code:"unsupported_environment",message:"XMLHttpRequest is not available in this environment",status:0}});return}let n=new XMLHttpRequest,r=!1,a=null,o=0,l=s.size,h=p=>{r||(r=!0,a&&(clearTimeout(a),a=null),i(p))},f=()=>{a&&clearTimeout(a),a=setTimeout(()=>{n.abort(),h({data:null,error:{code:"upload_stalled",message:`Upload stalled (no progress for ${R/1e3}s)`,status:0,details:{bytes_sent:o,total_bytes:l}}})},R)};if(t){if(t.aborted){h({data:null,error:{code:"aborted",message:"Upload aborted",status:0}});return}t.addEventListener("abort",()=>{n.abort(),h({data:null,error:{code:"aborted",message:"Upload aborted",status:0}})},{once:!0})}n.upload.addEventListener("progress",p=>{f(),o=p.loaded,l=p.total||l,p.lengthComputable&&e?.(Math.round(p.loaded/p.total*100))}),n.addEventListener("load",()=>{if(n.status>=200&&n.status<300){e?.(100),h({data:null,error:null});return}h({data:null,error:{code:"upload_error",message:`S3 upload failed: ${n.status}`,status:n.status,details:{bytes_sent:o,total_bytes:l}}})}),n.addEventListener("error",()=>{h({data:null,error:{code:"upload_error",message:"S3 upload failed",status:n.status||0,details:{bytes_sent:o,total_bytes:l}}})}),n.addEventListener("abort",()=>{r||h({data:null,error:{code:"aborted",message:"Upload aborted",status:0}})}),n.open("PUT",c,!0),s.type&&n.setRequestHeader("Content-Type",s.type),f(),n.send(s)})}async function I(c,s,e,t){let i=null;for(let[n,r]of Z.entries()){r>0&&await te(r);let a=await ie(c,s,e,t);if(!a.error)return a;if(i={...a.error,details:{...a.error.details,attempt:n+1}},!se(a.error.status,a.error.code))break}return{data:null,error:i??{code:"upload_error",message:"Upload failed",status:0}}}var S=class extends g{constructor(e){super();this.conversationSubs=new Map;this.conversationTypes=new Map;let t=e.apiBaseUrl??M;this.currentUserId=e.userId,this.http=new w({baseUrl:t,apiKey:e.apiKey,getToken:e.getToken??(e.sessionToken?()=>Promise.resolve(e.sessionToken):void 0)}),this.ws=new x({baseUrl:t,wsUrl:e.wsUrl,apiKey:e.apiKey,getToken:e.getToken??(e.sessionToken?()=>Promise.resolve(e.sessionToken):void 0),reconnect:e.reconnect}),this.cache=new y(e.messageCache?.maxMessages,e.messageCache?.maxConversations),this.offlineQueue=new _(e.offlineQueue??!0),this.ws.on("status",i=>{switch(i){case"connected":this.emit("connected"),this.flushOfflineQueue();break;case"disconnected":this.emit("disconnected");break}}),this.ws.on("reconnecting",i=>{this.emit("reconnecting",i)}),this.ws.on("message",({channel:i,data:n})=>{this.handleRealtimeMessage(i,n)}),this.ws.on("presence:state",({channel:i,members:n})=>{let r=i.replace(/^conversation:(?:lr:|bc:|support:)?/,"");this.emit("presence:state",{conversationId:r,members:n})}),this.ws.on("presence:join",({channel:i,user:n})=>{let r=i.replace(/^conversation:(?:lr:|bc:|support:)?/,"");this.emit("presence:join",{userId:n.user_id,conversationId:r,userData:n.user_data})}),this.ws.on("presence:leave",({channel:i,userId:n})=>{let r=i.replace(/^conversation:(?:lr:|bc:|support:)?/,"");this.emit("presence:leave",{userId:n,conversationId:r})}),this.ws.on("presence:update",({channel:i,userId:n,status:r,userData:a})=>{let o=i.replace(/^conversation:(?:lr:|bc:|support:)?/,"");this.emit("presence:update",{userId:n,conversationId:o,status:r,userData:a})}),this.ws.on("error",({message:i})=>{this.emit("error",{code:"ws_error",message:i})})}get status(){return this.ws.getStatus()}get userId(){return this.currentUserId}connect(){this.ws.connect()}disconnect(){for(let e of this.conversationSubs.values())e();this.conversationSubs.clear(),this.ws.disconnect()}async createConversation(e){let t={...e,conversation_type:e.conversation_type??"direct"},i=await this.http.post("/v1/chat/conversations",t);return i.data&&this.trackConversationType(i.data),i}async listConversations(e){let t=new URLSearchParams;e?.page&&t.set("page",String(e.page)),e?.per_page&&t.set("per_page",String(e.per_page)),e?.conversation_type&&t.set("conversation_type",e.conversation_type);let i=t.toString(),n=await this.http.get(`/v1/chat/conversations${i?"?"+i:""}`);return n.data&&n.data.forEach(r=>this.trackConversationType(r)),n}async getConversation(e){let t=await this.http.get(`/v1/chat/conversations/${e}`);return t.data&&this.trackConversationType(t.data),t}trackConversationType(e){e.conversation_type!=="direct"&&e.conversation_type!=="group"&&this.conversationTypes.set(e.id,e.conversation_type)}async sendMessage(e,t){let i=await this.http.post(`/v1/chat/conversations/${e}/messages`,{content:t.content,message_type:t.message_type??"text",attachments:t.attachments});if(i.data){let n=this.cache.reconcileOptimisticMessage(e,i.data);this.cache.upsertMessage(e,n)}else i.error?.status===0&&this.offlineQueue.enqueue(e,t.content,t.message_type??"text",t.attachments);return i}async getMessages(e,t){let i=new URLSearchParams;t?.limit&&i.set("limit",String(t.limit)),t?.before&&i.set("before",t.before),t?.after&&i.set("after",t.after);let n=i.toString(),r=await this.http.get(`/v1/chat/conversations/${e}/messages${n?"?"+n:""}`);return r.data?.messages&&(t?.after||(r.data.messages=r.data.messages.slice().reverse()),!t?.before&&!t?.after&&this.cache.setMessages(e,r.data.messages)),r}async editMessage(e,t){return this.http.patch(`/v1/chat/messages/${e}`,{content:t})}async deleteMessage(e){return this.http.del(`/v1/chat/messages/${e}`)}async uploadAttachment(e,t,i){let n=typeof File<"u"&&e instanceof File?e.name:"attachment",r=e.type||"application/octet-stream",a=await this.http.post("/v1/storage/signed-url/upload",{filename:n,content_type:r,size_bytes:e.size,is_public:!1,metadata:{source:"chat_sdk"}});if(a.error||!a.data)return{data:null,error:a.error};let o=await I(a.data.upload_url,e,t,i);if(o.error)return{data:null,error:o.error};let l=await this.http.post("/v1/storage/signed-url/complete",{file_id:a.data.file_id,completion_token:a.data.completion_token});return l.error||!l.data?{data:null,error:l.error}:{data:{file_id:l.data.file_id,file_name:l.data.filename,file_size:l.data.size_bytes,mime_type:l.data.content_type,presigned_url:l.data.url},error:null}}async refreshAttachmentUrl(e,t){return this.http.get(`/v1/chat/messages/${e}/attachment/${t}/url`)}getCachedMessages(e){return this.cache.getMessages(e)}stageOptimisticMessage(e,t){return this.cache.upsertMessage(e,t),t}async addReaction(e,t){return this.http.post(`/v1/chat/messages/${e}/reactions`,{emoji:t})}async removeReaction(e,t){return this.http.del(`/v1/chat/messages/${e}/reactions/${encodeURIComponent(t)}`)}async reportMessage(e,t,i){return this.http.post(`/v1/chat/messages/${e}/report`,{reason:t,description:i})}async muteConversation(e,t){return this.http.post(`/v1/chat/conversations/${e}/mute`,{muted_until:t})}async unmuteConversation(e){return this.http.del(`/v1/chat/conversations/${e}/mute`)}async getUnreadTotal(){return this.http.get("/v1/chat/conversations/unread-total")}async sendTyping(e,t=!0){await this.http.post(`/v1/chat/conversations/${e}/typing`,{is_typing:t})}async markRead(e){await this.http.post(`/v1/chat/conversations/${e}/read`)}async getReadStatus(e){return this.http.get(`/v1/chat/conversations/${e}/read-status`)}async addParticipant(e,t){return this.http.post(`/v1/chat/conversations/${e}/participants`,{user_id:t})}async removeParticipant(e,t){return this.http.del(`/v1/chat/conversations/${e}/participants/${t}`)}joinPresence(e,t){let i=this.channelName(e);this.ws.joinPresence(i,t)}leavePresence(e){let t=this.channelName(e);this.ws.leavePresence(t)}updatePresence(e,t,i){let n=this.channelName(e);this.ws.send({type:"presence_update",channel:n,status:t,user_data:i})}async getChannelSettings(e){return this.http.get(`/v1/chat/channels/${e}/settings`)}setConversationType(e,t){this.conversationTypes.set(e,t)}async findChannelBySessionId(e){let t=await this.http.get(`/v1/chat/channels/by-session?linked_session_id=${encodeURIComponent(e)}`);return t.error?.status===404?null:(t.data&&this.conversationTypes.set(t.data.id,t.data.channel_type),t.data)}async joinChannel(e){return this.http.post(`/v1/chat/channels/${e}/join`,{})}async createEphemeralChannel(e){let t=await this.http.post("/v1/chat/channels/ephemeral",e);return t.data&&this.conversationTypes.set(t.data.id,"ephemeral"),t}async createLargeRoom(e){let t=await this.http.post("/v1/chat/channels/large-room",e);return t.data&&this.conversationTypes.set(t.data.id,"large_room"),t}async getSubscriberCount(e){return(await this.http.get(`/v1/chat/conversations/${e}/subscriber-count`)).data?.count??0}subscribeToConversation(e){if(this.conversationSubs.has(e))return this.conversationSubs.get(e);let t=this.channelName(e),i=this.ws.subscribe(t);return this.conversationSubs.set(e,i),()=>{this.conversationSubs.delete(e),i()}}channelName(e){switch(this.conversationTypes.get(e)){case"large_room":return`conversation:lr:${e}`;case"broadcast":return`conversation:bc:${e}`;case"support":return`conversation:support:${e}`;default:return`conversation:${e}`}}destroy(){this.disconnect(),this.cache.clear(),this.removeAllListeners()}handleRealtimeMessage(e,t){if(e.startsWith("conversation:")){this.handleConversationMessage(e,t);return}if(e.startsWith("private:")){this.handlePrivateMessage(t);return}}handlePrivateMessage(e){let t=e;if(!t)return;let i=t.event??t.type,n=t.data??t;switch(i){case"new_message":{let r=n.conversation_id,a=n.id??n.message_id,o=n.sender_id,l=n.content??"";r&&this.emit("inbox:update",{conversationId:r,messageId:a,senderId:o,preview:l});break}case"support:new_conversation":{let r=n.conversation_id,a=n.visitor_name;r&&this.emit("support:new",{conversationId:r,visitorName:a});break}case"support:assigned":{let r=n.conversation_id,a=n.visitor_name,o=n.visitor_email;r&&this.emit("support:assigned",{conversationId:r,visitorName:a,visitorEmail:o});break}}}normalizeMessage(e){return{id:e.id??e.message_id??"",content:e.content??"",message_type:e.message_type??"text",sender_id:e.sender_id??e.sender_user_id??"",sender_type:e.sender_type,sender_agent_model:e.sender_agent_model,attachments:e.attachments,reactions:e.reactions,is_edited:!!(e.is_edited??!1),created_at:e.created_at??e.updated_at??e.timestamp??new Date().toISOString()}}buildEditedMessage(e,t){let i=t.message_id??t.id;if(!i)return null;let n=this.cache.getMessage(e,i);return{id:n?.id??i,content:t.content??t.new_content??n?.content??"",message_type:n?.message_type??"text",sender_id:n?.sender_id??"",sender_type:n?.sender_type,sender_agent_model:n?.sender_agent_model,attachments:n?.attachments,reactions:n?.reactions,is_edited:!0,created_at:n?.created_at??t.updated_at??t.timestamp??new Date().toISOString()}}applyReactionEvent(e,t){let i={id:`${t.message_id}:${t.user_id}:${t.emoji}`,message_id:t.message_id,user_id:t.user_id,emoji:t.emoji,action:t.action,timestamp:t.timestamp},n=this.cache.getMessage(e,t.message_id);if(!n)return i;let r=[...n.reactions??[]],a=r.findIndex(o=>o.emoji===t.emoji);if(t.action==="added")if(a>=0){let o=r[a];if(!o.user_ids.includes(t.user_id)){let l=[...o.user_ids,t.user_id];r[a]={...o,user_ids:l,count:l.length}}}else r.push({emoji:t.emoji,count:1,user_ids:[t.user_id]});else if(a>=0){let o=r[a],l=o.user_ids.filter(h=>h!==t.user_id);l.length===0?r.splice(a,1):r[a]={...o,user_ids:l,count:l.length}}return this.cache.updateMessage(e,{...n,reactions:r}),i}handleConversationMessage(e,t){let i=e.replace(/^conversation:(?:lr:|bc:|support:)?/,""),n=t;if(!n)return;let r=n.event??n.type,a=n.data??n;switch(r){case"new_message":{let o=this.normalizeMessage(a),l=this.cache.reconcileOptimisticMessage(i,o);this.cache.upsertMessage(i,l),this.emit("message",{message:l,conversationId:i});break}case"message_edited":{let o=a,l=this.buildEditedMessage(i,o);l&&(this.cache.upsertMessage(i,l),this.emit("message:updated",{message:l,conversationId:i,update:o}));break}case"reaction":{let o=a;if(!o.message_id||!o.user_id||!o.emoji)break;let l=this.applyReactionEvent(i,o);this.emit("reaction",{reaction:l,conversationId:i,action:o.action});break}case"message_deleted":{let o=a.message_id??a.id;o&&(this.cache.removeMessage(i,o),this.emit("message:deleted",{messageId:o,conversationId:i}));break}case"user_typing":{let o=a.user_id;o&&this.emit("typing",{userId:o,conversationId:i});break}case"user_stopped_typing":{let o=a.user_id;o&&this.emit("typing:stop",{userId:o,conversationId:i});break}case"typing_batch":{let o=a.users??[];for(let l of o)this.emit("typing",{userId:l,conversationId:i});break}case"messages_read":{let o=a.user_id,l=a.last_read_at;o&&l&&this.emit("read",{userId:o,conversationId:i,lastReadAt:l});break}case"room_upgraded":{if(a.new_type==="large_room"){this.conversationTypes.set(i,"large_room");let l=this.conversationSubs.get(i);l&&(l(),this.conversationSubs.delete(i),this.subscribeToConversation(i)),this.emit("room_upgraded",{conversationId:i,newType:"large_room"})}break}}}async flushOfflineQueue(){let e=this.offlineQueue.drain();for(let t of e)await this.sendMessage(t.conversationId,{content:t.content,message_type:t.message_type,attachments:t.attachments})}};var ne="sm_support_",C=class{constructor(s){this.chatClient=null;this.refreshToken=null;this.accessToken=null;this.tokenExpiresAt=0;this.userId=null;this.apiKey=s.apiKey,this.apiBaseUrl=s.apiBaseUrl??"https://api.scalemule.com",this.wsUrl=s.wsUrl,this.storageKey=ne+s.apiKey.substring(0,8);let e=this.loadState();e?(this.anonymousId=e.anonymous_id,this.refreshToken=e.refresh_token,this.userId=e.user_id):this.anonymousId=crypto.randomUUID()}async initVisitorSession(s){if(this.visitorName=s?.name,this.visitorEmail=s?.email,this.refreshToken)try{await this.refreshAccessToken(),this.initChatClient();return}catch{this.refreshToken=null}let e=await fetch(`${this.apiBaseUrl}/v1/auth/visitor-session`,{method:"POST",headers:{"Content-Type":"application/json","x-api-key":this.apiKey},body:JSON.stringify({anonymous_id:this.anonymousId,name:s?.name,email:s?.email,page_url:typeof location<"u"?location.href:void 0})});if(!e.ok){let n=await e.text();throw new Error(`Visitor session failed: ${e.status} ${n}`)}let i=(await e.json()).data;this.accessToken=i.access_token,this.refreshToken=i.refresh_token,this.userId=i.user_id,this.tokenExpiresAt=Date.now()+i.expires_in*1e3,this.saveState(),this.initChatClient()}async startConversation(s,e){if(!this.accessToken)throw new Error("Call initVisitorSession() first");let t=await fetch(`${this.apiBaseUrl}/v1/chat/support/conversations`,{method:"POST",headers:{"Content-Type":"application/json","x-api-key":this.apiKey,Authorization:`Bearer ${this.accessToken}`},body:JSON.stringify({message:s,name:this.visitorName,email:this.visitorEmail,page_url:e?.page_url??(typeof location<"u"?location.href:void 0),user_agent:typeof navigator<"u"?navigator.userAgent:void 0,attachments:e?.attachments,metadata:e?.metadata})});if(!t.ok){let r=await t.text();throw new Error(`Create support conversation failed: ${t.status} ${r}`)}let n=(await t.json()).data;return this.chatClient&&this.chatClient.conversationTypes?.set(n.conversation_id,"support"),n}async getActiveConversation(){if(!this.accessToken)return null;let s=await fetch(`${this.apiBaseUrl}/v1/chat/support/conversations/mine`,{headers:{"x-api-key":this.apiKey,Authorization:`Bearer ${this.accessToken}`}});if(!s.ok)return null;let i=(await s.json()).data.find(n=>n.status==="active"||n.status==="waiting");return i&&this.chatClient&&this.chatClient.conversationTypes?.set(i.conversation_id,"support"),i??null}async getWidgetConfig(){let s=await fetch(`${this.apiBaseUrl}/v1/chat/support/widget/config`,{headers:{"x-api-key":this.apiKey}});if(!s.ok){let t=await s.text();throw new Error(`Get widget config failed: ${s.status} ${t}`)}return(await s.json()).data}get chat(){if(!this.chatClient)throw new Error("Call initVisitorSession() first");return this.chatClient}get isInitialized(){return this.chatClient!==null}connect(){this.chat.connect()}disconnect(){this.chat.disconnect()}get visitorUserId(){return this.userId}destroy(){this.chatClient?.destroy(),this.chatClient=null}initChatClient(){this.chatClient&&this.chatClient.destroy();let s={apiKey:this.apiKey,apiBaseUrl:this.apiBaseUrl,wsUrl:this.wsUrl,getToken:async()=>{if(!this.accessToken)return null;if(Date.now()>this.tokenExpiresAt-6e4)try{await this.refreshAccessToken()}catch{}return this.accessToken}};this.chatClient=new S(s)}async refreshAccessToken(){if(!this.refreshToken)throw new Error("No refresh token");let s=await fetch(`${this.apiBaseUrl}/v1/auth/token/refresh`,{method:"POST",headers:{"Content-Type":"application/json","x-api-key":this.apiKey},body:JSON.stringify({refresh_token:this.refreshToken})});if(!s.ok)throw new Error(`Token refresh failed: ${s.status}`);let t=(await s.json()).data;this.accessToken=t.access_token,this.tokenExpiresAt=Date.now()+t.expires_in*1e3}loadState(){try{let s=localStorage.getItem(this.storageKey);return s?JSON.parse(s):null}catch{return null}}saveState(){try{localStorage.setItem(this.storageKey,JSON.stringify({anonymous_id:this.anonymousId,refresh_token:this.refreshToken,user_id:this.userId}))}catch{}}};var P='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="28" height="28"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z"/><path d="M7 9h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2z"/></svg>',L='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="20" height="20"><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>',U='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="20" height="20"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>',$='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="20" height="20"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z"/></svg>',E='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="18" height="18"><path d="M16.5 6.5v9.25a4.75 4.75 0 1 1-9.5 0V5.75a3.25 3.25 0 1 1 6.5 0V14a1.75 1.75 0 1 1-3.5 0V6.5H8.5V14a3.25 3.25 0 1 0 6.5 0V5.75a4.75 4.75 0 1 0-9.5 0v10a6.25 6.25 0 1 0 12.5 0V6.5h-1.5Z"/></svg>',O='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="18" height="18"><path d="M12 22a10 10 0 1 1 10-10 10.01 10.01 0 0 1-10 10Zm0-18.5a8.5 8.5 0 1 0 8.5 8.5A8.51 8.51 0 0 0 12 3.5Zm-3 7a1.25 1.25 0 1 1 1.25-1.25A1.25 1.25 0 0 1 9 10.5Zm6 0a1.25 1.25 0 1 1 1.25-1.25A1.25 1.25 0 0 1 15 10.5Zm-3 6.25A5.22 5.22 0 0 1 7.58 14h1.71a3.5 3.5 0 0 0 5.42 0h1.71A5.22 5.22 0 0 1 12 16.75Z"/></svg>';var D=`
 :host {
   all: initial;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+  --sm-primary: #2563eb;
+  --sm-primary-hover: #1d4ed8;
+  --sm-primary-disabled: #93c5fd;
+  --sm-primary-text: #ffffff;
+  --sm-badge-bg: #ef4444;
+  --sm-bubble-left: auto;
+  --sm-bubble-right: 20px;
+  --sm-panel-left: auto;
+  --sm-panel-right: 20px;
+  --sm-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+  font-family: var(--sm-font-family);
   font-size: 14px;
   line-height: 1.5;
-  color: #1a1a1a;
+  color: #111827;
 }
 
 * {
@@ -13,69 +23,67 @@
   padding: 0;
 }
 
-/* ============ Bubble ============ */
-
 .sm-bubble {
   position: fixed;
   bottom: 20px;
-  right: 20px;
+  left: var(--sm-bubble-left);
+  right: var(--sm-bubble-right);
   width: 60px;
   height: 60px;
-  border-radius: 50%;
-  background: #2563eb;
-  color: #fff;
+  border-radius: 999px;
+  background: var(--sm-primary);
+  color: var(--sm-primary-text);
   border: none;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.22);
   transition: transform 0.2s ease, box-shadow 0.2s ease;
   z-index: 999999;
 }
 
 .sm-bubble:hover {
-  transform: scale(1.05);
-  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
+  transform: translateY(-1px) scale(1.03);
+  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.28);
 }
 
 .sm-bubble .sm-badge {
   position: absolute;
   top: -4px;
   right: -4px;
-  background: #ef4444;
-  color: #fff;
-  border-radius: 10px;
-  font-size: 11px;
-  font-weight: 600;
   min-width: 20px;
   height: 20px;
+  border-radius: 999px;
+  background: var(--sm-badge-bg);
+  color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 6px;
+  font-size: 11px;
+  font-weight: 700;
 }
 
-/* ============ Panel ============ */
-
 .sm-panel {
   position: fixed;
   bottom: 90px;
-  right: 20px;
+  left: var(--sm-panel-left);
+  right: var(--sm-panel-right);
   width: 380px;
-  max-height: 560px;
-  background: #fff;
-  border-radius: 16px;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
+  max-height: min(560px, calc(100vh - 110px));
+  background: #ffffff;
+  border-radius: 18px;
+  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.18);
   display: flex;
   flex-direction: column;
   overflow: hidden;
   z-index: 999998;
-  animation: sm-slide-up 0.25s ease;
+  animation: sm-slide-up 0.22s ease;
 }
 
 @keyframes sm-slide-up {
-  from { opacity: 0; transform: translateY(16px); }
+  from { opacity: 0; transform: translateY(14px); }
   to { opacity: 1; transform: translateY(0); }
 }
 
@@ -83,64 +91,106 @@
   display: none;
 }
 
-/* ============ Header ============ */
-
 .sm-header {
-  background: #2563eb;
-  color: #fff;
-  padding: 16px 20px;
+  background: var(--sm-primary);
+  color: var(--sm-primary-text);
+  padding: 16px 18px;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   justify-content: space-between;
+  gap: 16px;
+}
+
+.sm-header-copy {
+  min-width: 0;
 }
 
 .sm-header-title {
   font-size: 16px;
-  font-weight: 600;
+  font-weight: 700;
+}
+
+.sm-header-status {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-top: 4px;
+  font-size: 12px;
+  opacity: 0.92;
+}
+
+.sm-status-dot {
+  width: 10px;
+  height: 10px;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.65);
+}
+
+.sm-status-dot-online {
+  background: #22c55e;
+  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.18);
+}
+
+.sm-status-dot-away {
+  background: #cbd5e1;
 }
 
 .sm-header-subtitle {
   font-size: 12px;
-  opacity: 0.8;
-  margin-top: 2px;
+  opacity: 0.82;
+  margin-top: 6px;
+  max-width: 250px;
 }
 
 .sm-header-actions {
   display: flex;
-  gap: 8px;
+  gap: 6px;
 }
 
 .sm-header-btn {
   background: none;
   border: none;
-  color: #fff;
+  color: inherit;
   cursor: pointer;
-  opacity: 0.8;
-  padding: 4px;
-  border-radius: 4px;
+  border-radius: 10px;
+  padding: 6px;
   display: flex;
   align-items: center;
+  justify-content: center;
+  opacity: 0.86;
 }
 
 .sm-header-btn:hover {
   opacity: 1;
-  background: rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.12);
 }
 
-/* ============ Pre-chat form ============ */
+.sm-error {
+  padding: 10px 14px;
+  background: #fef2f2;
+  border-bottom: 1px solid #fecaca;
+  color: #b91c1c;
+  font-size: 12px;
+}
 
-.sm-prechat {
-  padding: 24px 20px;
+.sm-body {
   flex: 1;
+  min-height: 0;
   display: flex;
   flex-direction: column;
-  gap: 16px;
+}
+
+.sm-prechat {
+  padding: 20px 18px 18px;
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
 }
 
 .sm-prechat-title {
   font-size: 18px;
-  font-weight: 600;
-  color: #1a1a1a;
+  font-weight: 700;
+  color: #111827;
 }
 
 .sm-prechat-desc {
@@ -151,194 +201,414 @@
 .sm-field {
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  gap: 6px;
 }
 
 .sm-field label {
   font-size: 13px;
-  font-weight: 500;
+  font-weight: 600;
   color: #374151;
 }
 
 .sm-field input,
-.sm-field textarea {
+.sm-field textarea,
+.sm-input {
   border: 1px solid #d1d5db;
-  border-radius: 8px;
+  border-radius: 14px;
   padding: 10px 12px;
   font-size: 14px;
   font-family: inherit;
+  color: #111827;
   outline: none;
-  transition: border-color 0.15s;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+  background: #fff;
 }
 
 .sm-field input:focus,
-.sm-field textarea:focus {
-  border-color: #2563eb;
-  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
+.sm-field textarea:focus,
+.sm-input:focus {
+  border-color: var(--sm-primary);
+  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
 }
 
 .sm-field textarea {
   resize: vertical;
-  min-height: 80px;
+  min-height: 92px;
 }
 
-.sm-submit-btn {
-  background: #2563eb;
-  color: #fff;
+.sm-prechat-actions {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+
+.sm-submit-btn,
+.sm-send-btn {
   border: none;
-  border-radius: 8px;
-  padding: 12px;
-  font-size: 14px;
-  font-weight: 600;
   cursor: pointer;
-  transition: background 0.15s;
+  background: var(--sm-primary);
+  color: var(--sm-primary-text);
+  transition: background 0.15s ease, opacity 0.15s ease;
 }
 
-.sm-submit-btn:hover {
-  background: #1d4ed8;
+.sm-submit-btn:hover,
+.sm-send-btn:hover {
+  background: var(--sm-primary-hover);
 }
 
-.sm-submit-btn:disabled {
-  background: #93c5fd;
+.sm-submit-btn:disabled,
+.sm-send-btn:disabled {
+  background: var(--sm-primary-disabled);
   cursor: not-allowed;
 }
 
-/* ============ Messages ============ */
+.sm-submit-btn {
+  flex: 1;
+  border-radius: 14px;
+  padding: 12px;
+  font-size: 14px;
+  font-weight: 700;
+}
+
+.sm-chat-shell {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  background: #f8fafc;
+}
+
+.sm-chat-shell.sm-dragging {
+  background: rgba(37, 99, 235, 0.05);
+}
 
 .sm-messages {
   flex: 1;
+  min-height: 0;
   overflow-y: auto;
-  padding: 16px 20px;
+  padding: 16px;
   display: flex;
   flex-direction: column;
   gap: 12px;
-  min-height: 200px;
-  max-height: 360px;
+}
+
+.sm-date-divider {
+  align-self: center;
+  font-size: 11px;
+  font-weight: 600;
+  color: #6b7280;
+  background: rgba(148, 163, 184, 0.16);
+  padding: 4px 10px;
+  border-radius: 999px;
+}
+
+.sm-unread-divider {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  font-size: 11px;
+  font-weight: 700;
+  color: var(--sm-primary);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.sm-unread-divider::before,
+.sm-unread-divider::after {
+  content: '';
+  flex: 1;
+  height: 1px;
+  background: rgba(37, 99, 235, 0.24);
 }
 
 .sm-msg {
   display: flex;
   flex-direction: column;
-  max-width: 80%;
+  gap: 6px;
+  max-width: 84%;
 }
 
-.sm-msg.sm-msg-visitor {
+.sm-msg-visitor {
   align-self: flex-end;
 }
 
-.sm-msg.sm-msg-rep {
+.sm-msg-rep {
   align-self: flex-start;
 }
 
-.sm-msg.sm-msg-system {
+.sm-msg-system {
   align-self: center;
-  max-width: 90%;
+  max-width: 92%;
+}
+
+.sm-msg-row {
+  display: flex;
+  align-items: flex-end;
+  gap: 8px;
 }
 
 .sm-msg-bubble {
-  padding: 10px 14px;
-  border-radius: 12px;
-  font-size: 14px;
+  padding: 10px 12px;
+  border-radius: 16px;
   line-height: 1.4;
   word-break: break-word;
+  background: #f3f4f6;
+  color: #111827;
+}
+
+.sm-msg-content {
+  white-space: pre-wrap;
 }
 
 .sm-msg-visitor .sm-msg-bubble {
-  background: #2563eb;
-  color: #fff;
-  border-bottom-right-radius: 4px;
+  background: var(--sm-primary);
+  color: var(--sm-primary-text);
+  border-bottom-right-radius: 6px;
 }
 
 .sm-msg-rep .sm-msg-bubble {
-  background: #f3f4f6;
-  color: #1a1a1a;
-  border-bottom-left-radius: 4px;
+  border-bottom-left-radius: 6px;
 }
 
 .sm-msg-system .sm-msg-bubble {
   background: transparent;
-  color: #9ca3af;
+  color: #94a3b8;
   font-size: 12px;
   text-align: center;
-  padding: 4px 8px;
+  padding: 2px 8px;
+}
+
+.sm-msg-action {
+  border: 1px solid #e5e7eb;
+  background: #ffffff;
+  color: #6b7280;
+  border-radius: 999px;
+  width: 28px;
+  height: 28px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+
+.sm-msg-action:hover {
+  color: var(--sm-primary);
+  border-color: rgba(37, 99, 235, 0.24);
 }
 
 .sm-msg-time {
   font-size: 11px;
-  color: #9ca3af;
-  margin-top: 4px;
+  color: #94a3b8;
 }
 
 .sm-msg-visitor .sm-msg-time {
   text-align: right;
 }
 
+.sm-reactions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+.sm-reaction-badge {
+  border: 1px solid #e5e7eb;
+  background: #ffffff;
+  color: #374151;
+  border-radius: 999px;
+  padding: 4px 8px;
+  font-size: 12px;
+  cursor: pointer;
+}
+
+.sm-reaction-badge-active {
+  border-color: rgba(37, 99, 235, 0.32);
+  background: rgba(37, 99, 235, 0.08);
+  color: var(--sm-primary);
+}
+
+.sm-reaction-picker {
+  display: inline-flex;
+  gap: 6px;
+  padding: 6px;
+  border-radius: 999px;
+  border: 1px solid #e5e7eb;
+  background: #ffffff;
+  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
+}
+
+.sm-reaction-picker-btn {
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  border-radius: 999px;
+  width: 30px;
+  height: 30px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 17px;
+}
+
+.sm-attachment {
+  display: block;
+  margin-top: 8px;
+  border-radius: 12px;
+  max-width: 100%;
+}
+
+.sm-attachment-image,
+.sm-attachment-video {
+  max-width: 260px;
+}
+
+.sm-attachment-audio {
+  width: 100%;
+}
+
+.sm-attachment-link {
+  color: inherit;
+  text-decoration: underline;
+  font-size: 13px;
+}
+
 .sm-typing {
+  min-height: 22px;
+  padding: 0 16px 10px;
+  font-size: 12px;
+  color: #6b7280;
+}
+
+.sm-typing-indicator {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.sm-typing-indicator span:nth-child(-n+3) {
+  width: 6px;
+  height: 6px;
+  border-radius: 999px;
+  background: #94a3b8;
+  animation: sm-bounce 1.2s infinite ease-in-out;
+}
+
+.sm-typing-indicator span:nth-child(2) {
+  animation-delay: 0.15s;
+}
+
+.sm-typing-indicator span:nth-child(3) {
+  animation-delay: 0.3s;
+}
+
+@keyframes sm-bounce {
+  0%, 80%, 100% { transform: scale(0.85); opacity: 0.5; }
+  40% { transform: scale(1); opacity: 1; }
+}
+
+.sm-upload-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 0 16px 10px;
+}
+
+.sm-upload-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  max-width: 100%;
+  border-radius: 999px;
+  border: 1px solid #e5e7eb;
+  background: #ffffff;
+  padding: 6px 10px;
   font-size: 12px;
-  color: #9ca3af;
-  padding: 0 4px;
-  min-height: 18px;
+  color: #374151;
+}
+
+.sm-upload-chip-error {
+  border-color: #fecaca;
+  background: #fef2f2;
+  color: #b91c1c;
+}
+
+.sm-upload-name {
+  max-width: 140px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
-/* ============ Input ============ */
+.sm-upload-progress {
+  color: #6b7280;
+}
+
+.sm-upload-chip-error .sm-upload-progress {
+  color: inherit;
+}
+
+.sm-upload-remove {
+  border: none;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  font-size: 14px;
+  line-height: 1;
+}
 
 .sm-input-area {
-  border-top: 1px solid #e5e7eb;
-  padding: 12px 16px;
   display: flex;
   align-items: flex-end;
-  gap: 8px;
+  gap: 10px;
+  padding: 12px 16px 16px;
+  border-top: 1px solid #e5e7eb;
+  background: #ffffff;
 }
 
 .sm-input {
   flex: 1;
-  border: 1px solid #d1d5db;
-  border-radius: 20px;
-  padding: 10px 16px;
-  font-size: 14px;
-  font-family: inherit;
-  outline: none;
-  resize: none;
+  min-height: 44px;
   max-height: 100px;
+  resize: none;
   overflow-y: auto;
   line-height: 1.4;
 }
 
-.sm-input:focus {
-  border-color: #2563eb;
-}
-
-.sm-send-btn {
-  background: #2563eb;
-  color: #fff;
-  border: none;
-  border-radius: 50%;
-  width: 36px;
-  height: 36px;
-  display: flex;
+.sm-attach-btn {
+  width: 42px;
+  height: 42px;
+  border-radius: 14px;
+  border: 1px solid #d1d5db;
+  background: #ffffff;
+  color: #374151;
+  cursor: pointer;
+  display: inline-flex;
   align-items: center;
   justify-content: center;
-  cursor: pointer;
   flex-shrink: 0;
-  transition: background 0.15s;
 }
 
-.sm-send-btn:hover {
-  background: #1d4ed8;
+.sm-attach-btn:hover {
+  border-color: rgba(37, 99, 235, 0.28);
+  color: var(--sm-primary);
 }
 
-.sm-send-btn:disabled {
-  background: #93c5fd;
-  cursor: not-allowed;
+.sm-send-btn {
+  width: 42px;
+  height: 42px;
+  border-radius: 14px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
 }
 
-/* ============ Footer ============ */
-
 .sm-footer {
   text-align: center;
   padding: 8px;
   font-size: 11px;
-  color: #9ca3af;
+  color: #94a3b8;
 }
 
 .sm-footer a {
@@ -350,54 +620,112 @@
   text-decoration: underline;
 }
 
-/* ============ Responsive ============ */
-
 @media (max-width: 440px) {
   .sm-panel {
-    bottom: 0;
-    right: 0;
     left: 0;
+    right: 0;
+    bottom: 0;
     width: 100%;
     max-height: 100vh;
-    border-radius: 16px 16px 0 0;
+    border-radius: 18px 18px 0 0;
   }
 }
-`;var x='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="28" height="28"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z"/><path d="M7 9h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2z"/></svg>',C='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="20" height="20"><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>',_='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="20" height="20"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>',T='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="20" height="20"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z"/></svg>';var U="sm_widget_";function S(c,s){try{localStorage.setItem(U+c,s)}catch{}}var f=class{constructor(s,e){this.conversation=null;this.panelEl=null;this.messagesEl=null;this.typingEl=null;this.isOpen=!1;this.unreadCount=0;this.eventCleanups=[];this.eventsSubscribed=!1;this.client=new v({apiKey:s,apiBaseUrl:e}),this.root=document.createElement("div"),this.root.id="scalemule-support-widget",this.shadow=this.root.attachShadow({mode:"closed"});let t=document.createElement("style");t.textContent=w,this.shadow.appendChild(t),this.renderBubble(),document.body.appendChild(this.root)}renderBubble(){let s=document.createElement("button");s.className="sm-bubble",s.innerHTML=x,s.setAttribute("aria-label","Open support chat"),s.addEventListener("click",()=>this.toggle()),this.shadow.appendChild(s)}renderPanel(){if(this.panelEl)return;let s=document.createElement("div");s.className="sm-panel",s.innerHTML=`
+`;var re="sm_widget_";function N(c,s){try{localStorage.setItem(re+c,s)}catch{}}var oe=["\u{1F44D}","\u2764\uFE0F","\u{1F602}","\u{1F389}","\u{1F62E}","\u{1F440}"],m={title:"Support",subtitle:"We typically reply within a few minutes",primary_color:"#2563eb",position:"right",pre_chat_fields:[{key:"name",label:"Name",type:"text",required:!0},{key:"email",label:"Email",type:"email",required:!1}],business_hours:{},realtime_enabled:!1,welcome_message:"Hi! How can we help?",offline_message:"We're currently offline. Leave a message!",reps_online:!1,online_count:0};function d(c){return String(c??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function T(c=""){return{conversationId:c,messages:[],readStatuses:[],typingUsers:[],members:[],hasMore:!1,isLoading:!1,error:null}}function le(c){try{return new Date(c).toLocaleTimeString(void 0,{hour:"numeric",minute:"2-digit"})}catch{return""}}function ce(c){try{return new Date(c).toLocaleDateString(void 0,{month:"short",day:"numeric",year:"numeric"})}catch{return""}}function de(c,s){let e=new Date(c),t=new Date(s);return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function F(c,s){let e=c.replace("#","");if(!/^[0-9a-fA-F]{6}$/.test(e))return c;let t=Number.parseInt(e,16),i=t>>16&255,n=t>>8&255,r=t&255,a=o=>Math.max(0,Math.min(255,Math.round(o+s*255))).toString(16).padStart(2,"0");return`#${a(i)}${a(n)}${a(r)}`}function H(c,s){return s.length?!c&&s.every(e=>e.mime_type.startsWith("image/"))?"image":"file":"text"}function he(c,s){return s?c.find(e=>e.user_id===s)?.last_read_at??null:null}function B(c,s,e){return{id:`pending-${Date.now()}-${Math.random().toString(36).slice(2,8)}`,sender_id:c,sender_type:"human",content:s,message_type:H(s,e),attachments:e,reactions:[],is_edited:!1,created_at:new Date().toISOString()}}function pe(c,s){let e=d(s.file_name),t=d(s.presigned_url),i=d(s.file_id);return s.presigned_url?s.mime_type.startsWith("image/")?`<img class="sm-attachment sm-attachment-image" src="${t}" alt="${e}" loading="lazy" />`:s.mime_type.startsWith("video/")?`<video class="sm-attachment sm-attachment-video" src="${t}" controls preload="metadata"></video>`:s.mime_type.startsWith("audio/")?`<audio class="sm-attachment sm-attachment-audio" src="${t}" controls preload="metadata"></audio>`:`<a class="sm-attachment sm-attachment-link" href="${t}" target="_blank" rel="noreferrer">${e}</a>`:`<div class="sm-attachment sm-attachment-link" data-file-id="${i}" data-message-id="${d(c)}">${e}</div>`}var k=class{constructor(s,e,t={}){this.config=m;this.configLoaded=!1;this.conversation=null;this.controller=null;this.runtimeCleanups=[];this.runtimeState=T();this.panelEl=null;this.bodyEl=null;this.messagesEl=null;this.typingEl=null;this.uploadListEl=null;this.inputEl=null;this.fileInputEl=null;this.chatShellEl=null;this.errorBannerEl=null;this.isOpen=!1;this.unreadCount=0;this.unreadMarkerTimestamp=null;this.shouldScrollToUnread=!1;this.fallbackNotice=null;this.activeErrorMessage=null;this.realtimeFallbackActive=!1;this.pendingAttachments=[];this.openReactionMessageId=null;this.pollInterval=null;this.typingStopTimer=null;this.realtimeStatusCleanups=[];this.client=new C({apiKey:s,apiBaseUrl:e}),this.options=t,this.root=document.createElement("div"),this.root.id="scalemule-support-widget",this.shadow=this.root.attachShadow({mode:"closed"}),this.applyConfigTheme();let i=document.createElement("style");i.textContent=D,this.shadow.appendChild(i),this.renderBubble(),document.body.appendChild(this.root)}applyConfigTheme(){let s=this.options.color??this.config.primary_color??m.primary_color,e=this.options.position??this.config.position??m.position,t=F(s,-.12),i=F(s,.22);this.root.style.setProperty("--sm-primary",s),this.root.style.setProperty("--sm-primary-hover",t),this.root.style.setProperty("--sm-primary-disabled",i),this.root.style.setProperty("--sm-position",e),this.root.style.setProperty("--sm-bubble-left",e==="left"?"20px":"auto"),this.root.style.setProperty("--sm-bubble-right",e==="right"?"20px":"auto"),this.root.style.setProperty("--sm-panel-left",e==="left"?"20px":"auto"),this.root.style.setProperty("--sm-panel-right",e==="right"?"20px":"auto")}async ensureConfigLoaded(){if(!this.configLoaded){try{let s=await this.client.getWidgetConfig();this.config={...m,...s,primary_color:this.options.color??s.primary_color??m.primary_color,position:this.options.position??s.position??m.position}}catch{this.config={...m,primary_color:this.options.color??m.primary_color,position:this.options.position??m.position}}this.configLoaded=!0,this.applyConfigTheme()}}renderBubble(){let s=document.createElement("button");s.className="sm-bubble",s.innerHTML=P,s.setAttribute("aria-label","Open support chat"),s.addEventListener("click",()=>{this.toggle()}),this.shadow.appendChild(s)}renderPanel(){if(this.panelEl)return;let s=document.createElement("div");s.className="sm-panel sm-hidden",s.innerHTML=`
       <div class="sm-header">
-        <div>
-          <div class="sm-header-title">Support</div>
-          <div class="sm-header-subtitle">We typically reply within a few minutes</div>
+        <div class="sm-header-copy">
+          <div class="sm-header-title"></div>
+          <div class="sm-header-status">
+            <span class="sm-status-dot"></span>
+            <span class="sm-status-label"></span>
+          </div>
+          <div class="sm-header-subtitle"></div>
         </div>
         <div class="sm-header-actions">
-          <button class="sm-header-btn sm-minimize-btn" aria-label="Minimize">${T}</button>
-          <button class="sm-header-btn sm-close-btn" aria-label="Close">${C}</button>
+          <button class="sm-header-btn sm-minimize-btn" aria-label="Minimize">${$}</button>
+          <button class="sm-header-btn sm-close-btn" aria-label="Close">${L}</button>
         </div>
       </div>
+      <div class="sm-error" hidden></div>
       <div class="sm-body"></div>
       <div class="sm-footer">Powered by <a href="https://scalemule.com" target="_blank" rel="noopener">ScaleMule</a></div>
-    `,s.querySelector(".sm-minimize-btn").addEventListener("click",()=>this.minimize()),s.querySelector(".sm-close-btn").addEventListener("click",()=>this.minimize()),this.panelEl=s,this.shadow.appendChild(s)}renderPreChatForm(){let s=this.panelEl.querySelector(".sm-body");s.innerHTML=`
+    `,s.querySelector(".sm-minimize-btn").addEventListener("click",()=>this.minimize()),s.querySelector(".sm-close-btn").addEventListener("click",()=>this.minimize()),this.panelEl=s,this.bodyEl=s.querySelector(".sm-body"),this.errorBannerEl=s.querySelector(".sm-error"),this.shadow.appendChild(s),this.updateHeader()}updateHeader(){if(!this.panelEl)return;let s=this.panelEl.querySelector(".sm-header-title"),e=this.panelEl.querySelector(".sm-header-subtitle"),t=this.panelEl.querySelector(".sm-status-dot"),i=this.panelEl.querySelector(".sm-status-label");if(!s||!e||!t||!i)return;let n=this.client.visitorUserId,a=this.runtimeState.members.filter(h=>h.userId!==n).map(h=>h.status),o=this.config.reps_online,l=this.config.reps_online?"Online":"Away";a.length&&(a.some(h=>h==="online")?(o=!0,l="Online"):(a.some(h=>h==="away"||h==="dnd"),o=!1,l="Away")),s.textContent=this.config.title,e.textContent=o?this.config.subtitle:this.config.offline_message,i.textContent=o?l:"We'll respond soon",t.className=`sm-status-dot ${o?"sm-status-dot-online":"sm-status-dot-away"}`}renderError(s){this.activeErrorMessage=s,this.syncErrorBanner()}setFallbackNotice(s){this.fallbackNotice=s,this.syncErrorBanner()}syncErrorBanner(){if(!this.errorBannerEl)return;let s=this.activeErrorMessage??this.fallbackNotice;if(!s){this.errorBannerEl.hidden=!0,this.errorBannerEl.textContent="";return}this.errorBannerEl.hidden=!1,this.errorBannerEl.textContent=s}getConfiguredPreChatFields(){return this.config.pre_chat_fields?.length?this.config.pre_chat_fields.filter(s=>s.key!=="message"):m.pre_chat_fields}renderPreChatForm(){if(!this.bodyEl)return;let s=this.getConfiguredPreChatFields().map(e=>{let t=`sm-prechat-${e.key}`,i=e.required?"required":"",n=`${d(e.label)}${e.required?" *":""}`,r=`id="${t}" data-prechat-key="${d(e.key)}" placeholder="${d(e.label)}" ${i}`,a=e.type==="textarea"?`<textarea ${r}></textarea>`:`<input type="${d(e.type||"text")}" ${r} />`;return`
+          <div class="sm-field">
+            <label for="${t}">${n}</label>
+            ${a}
+          </div>
+        `}).join("");this.bodyEl.dataset.view="prechat",this.bodyEl.innerHTML=`
       <div class="sm-prechat">
         <div class="sm-prechat-title">Start a conversation</div>
-        <div class="sm-prechat-desc">We're here to help. Fill in your details and we'll get back to you.</div>
-        <div class="sm-field">
-          <label for="sm-name">Name *</label>
-          <input type="text" id="sm-name" placeholder="Your name" required />
-        </div>
+        <div class="sm-prechat-desc">${d(this.config.reps_online?this.config.welcome_message:this.config.offline_message)}</div>
+        ${s}
         <div class="sm-field">
-          <label for="sm-email">Email</label>
-          <input type="email" id="sm-email" placeholder="you@example.com" />
+          <label for="sm-prechat-message">Message *</label>
+          <textarea id="sm-prechat-message" placeholder="How can we help?"></textarea>
         </div>
-        <div class="sm-field">
-          <label for="sm-message">Message *</label>
-          <textarea id="sm-message" placeholder="How can we help?"></textarea>
+        <div class="sm-upload-list" id="sm-prechat-uploads"></div>
+        <div class="sm-prechat-actions">
+          <input type="file" id="sm-prechat-file-input" hidden multiple accept="image/*,video/*,audio/*" />
+          <button class="sm-attach-btn sm-prechat-attach" type="button" aria-label="Attach files">${E}</button>
+          <button class="sm-submit-btn" id="sm-start-btn">Start Chat</button>
         </div>
-        <button class="sm-submit-btn" id="sm-start-btn">Start Chat</button>
-      </div>
-    `,s.querySelector("#sm-start-btn").addEventListener("click",()=>this.handleStartChat())}renderChatView(){let s=this.panelEl.querySelector(".sm-body");s.innerHTML=`
-      <div class="sm-messages" id="sm-messages"></div>
-      <div class="sm-typing" id="sm-typing"></div>
-      <div class="sm-input-area">
-        <textarea class="sm-input" id="sm-input" placeholder="Type a message..." rows="1"></textarea>
-        <button class="sm-send-btn" id="sm-send-btn">${_}</button>
       </div>
-    `,this.messagesEl=s.querySelector("#sm-messages"),this.typingEl=s.querySelector("#sm-typing");let e=s.querySelector("#sm-input");s.querySelector("#sm-send-btn").addEventListener("click",()=>this.handleSendMessage(e)),e.addEventListener("keydown",n=>{n.key==="Enter"&&!n.shiftKey&&(n.preventDefault(),this.handleSendMessage(e))}),e.addEventListener("input",()=>{e.style.height="auto",e.style.height=Math.min(e.scrollHeight,100)+"px"})}async toggle(){if(this.isOpen){this.minimize();return}this.isOpen=!0,this.unreadCount=0,this.updateBadge(),this.renderPanel(),this.panelEl&&this.panelEl.classList.remove("sm-hidden");try{await this.client.initVisitorSession()}catch{}let s=await this.client.getActiveConversation();s?(this.conversation=s,this.renderChatView(),await this.loadMessages(),this.subscribeToEvents()):this.renderPreChatForm()}minimize(){this.isOpen=!1,this.panelEl&&this.panelEl.classList.add("sm-hidden")}async handleStartChat(){let s=this.shadow.querySelector("#sm-name"),e=this.shadow.querySelector("#sm-email"),t=this.shadow.querySelector("#sm-message"),n=this.shadow.querySelector("#sm-start-btn"),i=s.value.trim(),a=t.value.trim();if(!(!i||!a)){n.disabled=!0,n.textContent="Connecting...";try{await this.client.initVisitorSession({name:i,email:e.value.trim()||void 0}),this.conversation=await this.client.startConversation(a,{page_url:location.href}),this.renderChatView(),this.appendMessage({id:"",sender_id:this.client.visitorUserId??"",sender_type:"human",content:a,message_type:"text",is_edited:!1,created_at:new Date().toISOString()}),this.subscribeToEvents(),S("conversation_id",this.conversation.conversation_id)}catch{n.disabled=!1,n.textContent="Start Chat"}}}async handleSendMessage(s){let e=s.value.trim();if(!(!e||!this.conversation)){s.value="",s.style.height="auto",this.appendMessage({id:"pending-"+Date.now(),sender_id:this.client.visitorUserId??"",sender_type:"human",content:e,message_type:"text",is_edited:!1,created_at:new Date().toISOString()});try{await this.client.chat.sendMessage(this.conversation.conversation_id,{content:e})}catch{}}}subscribeToEvents(){if(!this.conversation||this.eventsSubscribed)return;this.eventsSubscribed=!0;let s=this.client.chat,e=this.conversation.conversation_id;s.connect(),s.subscribeToConversation(e);let t=s.on("message",({message:a,conversationId:o})=>{o===e&&a.sender_id!==this.client.visitorUserId&&(this.appendMessage(a),this.isOpen||(this.unreadCount++,this.updateBadge()))}),n=s.on("typing",({conversationId:a})=>{a!==e||!this.typingEl||(this.typingEl.textContent="Support is typing...",setTimeout(()=>{this.typingEl&&(this.typingEl.textContent="")},3e3))}),i=s.on("typing:stop",({conversationId:a})=>{a!==e||!this.typingEl||(this.typingEl.textContent="")});this.eventCleanups.push(t,n,i)}appendMessage(s){if(!this.messagesEl)return;let e=s.sender_id===this.client.visitorUserId,t=s.sender_type==="system"||s.message_type==="system",n=document.createElement("div");n.className=`sm-msg ${t?"sm-msg-system":e?"sm-msg-visitor":"sm-msg-rep"}`;let i=document.createElement("div");if(i.className="sm-msg-bubble",i.textContent=s.content,n.appendChild(i),!t){let a=document.createElement("div");a.className="sm-msg-time",a.textContent=this.formatTime(s.created_at),n.appendChild(a)}this.messagesEl.appendChild(n),this.messagesEl.scrollTop=this.messagesEl.scrollHeight}async loadMessages(){if(!(!this.conversation||!this.messagesEl))try{let s=await this.client.chat.getMessages(this.conversation.conversation_id,{limit:50});if(s.data){this.messagesEl.innerHTML="";for(let e of s.data.messages)this.appendMessage(e)}}catch{}}updateBadge(){let s=this.shadow.querySelector(".sm-bubble");if(!s)return;let e=s.querySelector(".sm-badge");this.unreadCount>0?(e||(e=document.createElement("span"),e.className="sm-badge",s.appendChild(e)),e.textContent=String(this.unreadCount)):e&&e.remove()}formatTime(s){try{return new Date(s).toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit"})}catch{return""}}};(function(){let s=document.querySelectorAll("script[data-api-key]"),e=s[s.length-1];if(!e){console.warn("[ScaleMule] Support widget: missing data-api-key on script tag");return}let t=e.getAttribute("data-api-key");if(!t){console.warn("[ScaleMule] Support widget: data-api-key is empty");return}let n=e.getAttribute("data-api-url")||void 0;document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>{new f(t,n)}):new f(t,n)})();})();
+    `,this.uploadListEl=this.bodyEl.querySelector("#sm-prechat-uploads"),this.fileInputEl=this.bodyEl.querySelector("#sm-prechat-file-input"),this.bodyEl.querySelector("#sm-start-btn")?.addEventListener("click",()=>{this.handleStartChat()}),this.bodyEl.querySelector(".sm-prechat-attach")?.addEventListener("click",()=>{this.fileInputEl?.click()}),this.fileInputEl?.addEventListener("change",()=>{this.fileInputEl?.files&&(this.handleFilesSelected(Array.from(this.fileInputEl.files)),this.fileInputEl.value="")}),this.renderPendingAttachments()}ensureChatView(){this.bodyEl&&(this.bodyEl.dataset.view!=="chat"&&(this.bodyEl.dataset.view="chat",this.bodyEl.innerHTML=`
+        <div class="sm-chat-shell" id="sm-chat-shell">
+          <div class="sm-messages" id="sm-messages"></div>
+          <div class="sm-typing" id="sm-typing"></div>
+          <div class="sm-upload-list" id="sm-upload-list"></div>
+          <div class="sm-input-area">
+            <input type="file" id="sm-file-input" hidden multiple accept="image/*,video/*,audio/*" />
+            <button class="sm-attach-btn" id="sm-attach-btn" type="button" aria-label="Attach files">${E}</button>
+            <textarea class="sm-input" id="sm-input" placeholder="Type a message..." rows="1"></textarea>
+            <button class="sm-send-btn" id="sm-send-btn" type="button" aria-label="Send message">${U}</button>
+          </div>
+        </div>
+      `,this.chatShellEl=this.bodyEl.querySelector("#sm-chat-shell"),this.messagesEl=this.bodyEl.querySelector("#sm-messages"),this.typingEl=this.bodyEl.querySelector("#sm-typing"),this.uploadListEl=this.bodyEl.querySelector("#sm-upload-list"),this.inputEl=this.bodyEl.querySelector("#sm-input"),this.fileInputEl=this.bodyEl.querySelector("#sm-file-input"),this.bodyEl.querySelector("#sm-send-btn")?.addEventListener("click",()=>{this.handleSendMessage()}),this.bodyEl.querySelector("#sm-attach-btn")?.addEventListener("click",()=>{this.fileInputEl?.click()}),this.fileInputEl?.addEventListener("change",()=>{this.fileInputEl?.files&&(this.handleFilesSelected(Array.from(this.fileInputEl.files)),this.fileInputEl.value="")}),this.inputEl?.addEventListener("keydown",s=>{s.key==="Enter"&&!s.shiftKey&&(s.preventDefault(),this.handleSendMessage())}),this.inputEl?.addEventListener("input",()=>{this.inputEl&&(this.inputEl.style.height="auto",this.inputEl.style.height=`${Math.min(this.inputEl.scrollHeight,100)}px`,this.sendTypingPulse())}),this.messagesEl?.addEventListener("click",s=>{let e=s.target.closest("[data-action]");if(!e)return;let t=e.dataset.action,i=e.dataset.messageId;if(i){if(t==="toggle-picker"){this.openReactionMessageId=this.openReactionMessageId===i?null:i,this.renderMessages();return}if(t==="set-reaction"){let n=e.dataset.emoji;if(!n)return;this.openReactionMessageId=null,this.handleReaction(i,n,e.dataset.reacted==="true")}}}),this.messagesEl?.addEventListener("scroll",()=>{this.clearUnreadMarkerIfViewed()}),this.chatShellEl?.addEventListener("dragover",s=>{s.preventDefault(),this.chatShellEl?.classList.add("sm-dragging")}),this.chatShellEl?.addEventListener("dragleave",s=>{let e=s.relatedTarget;(!e||!this.chatShellEl?.contains(e))&&this.chatShellEl?.classList.remove("sm-dragging")}),this.chatShellEl?.addEventListener("drop",s=>{s.preventDefault(),this.chatShellEl?.classList.remove("sm-dragging"),this.handleFilesSelected(Array.from(s.dataTransfer?.files??[]))})),this.renderMessages(),this.renderTypingIndicator(),this.renderPendingAttachments())}renderTypingIndicator(){if(!this.typingEl)return;let s=this.client.visitorUserId,e=this.runtimeState.typingUsers.filter(t=>t!==s);this.typingEl.innerHTML=e.length?'<div class="sm-typing-indicator"><span></span><span></span><span></span><span>Agent is typing...</span></div>':""}renderPendingAttachments(){if(this.uploadListEl){if(!this.pendingAttachments.length){this.uploadListEl.innerHTML="";return}this.uploadListEl.innerHTML=this.pendingAttachments.map(s=>`
+          <div class="sm-upload-chip ${s.error?"sm-upload-chip-error":""}">
+            <span class="sm-upload-name">${d(s.fileName)}</span>
+            <span class="sm-upload-progress">${d(s.error??`${s.progress}%`)}</span>
+            <button class="sm-upload-remove" type="button" data-pending-id="${d(s.id)}" aria-label="Remove attachment">\xD7</button>
+          </div>
+        `).join(""),this.uploadListEl.querySelectorAll(".sm-upload-remove").forEach(s=>{s.addEventListener("click",()=>{let e=s.dataset.pendingId;e&&(this.pendingAttachments=this.pendingAttachments.filter(t=>t.id!==e),this.renderPendingAttachments())})})}}renderMessages(){if(!this.messagesEl)return;let s=this.client.visitorUserId,e=this.runtimeState.messages,t=!1;if(this.messagesEl.innerHTML=e.map((i,n)=>{let r=e[n-1],a=!r||!de(r.created_at,i.created_at),o=i.sender_id===s,l=i.sender_type==="system"||i.message_type==="system",h=(i.attachments??[]).map(u=>pe(i.id,u)).join(""),f=!t&&!o&&!l&&this.unreadMarkerTimestamp!==null&&new Date(i.created_at).getTime()>new Date(this.unreadMarkerTimestamp).getTime();f&&(t=!0);let p=(i.reactions??[]).map(u=>{let v=!!(s&&u.user_ids.includes(s));return`
+              <button
+                type="button"
+                class="sm-reaction-badge ${v?"sm-reaction-badge-active":""}"
+                data-action="set-reaction"
+                data-message-id="${d(i.id)}"
+                data-emoji="${d(u.emoji)}"
+                data-reacted="${v?"true":"false"}"
+              >
+                ${d(u.emoji)} ${u.count}
+              </button>
+            `}).join(""),z=this.openReactionMessageId===i.id?`
+                <div class="sm-reaction-picker">
+                  ${oe.map(u=>`
+                      <button
+                        type="button"
+                        class="sm-reaction-picker-btn"
+                        data-action="set-reaction"
+                        data-message-id="${d(i.id)}"
+                        data-emoji="${d(u)}"
+                        data-reacted="${i.reactions?.some(v=>v.emoji===u&&!!(s&&v.user_ids.includes(s)))?"true":"false"}"
+                      >
+                        ${d(u)}
+                      </button>
+                    `).join("")}
+                </div>
+              `:"",q=a?`<div class="sm-date-divider">${d(ce(i.created_at))}</div>`:"",W=f?'<div class="sm-unread-divider" id="sm-unread-divider"><span>New messages</span></div>':"",j=!l&&!o?`<button type="button" class="sm-msg-action" data-action="toggle-picker" data-message-id="${d(i.id)}" aria-label="Add reaction">${O}</button>`:"";return`
+          ${q}
+          ${W}
+          <div class="sm-msg ${l?"sm-msg-system":o?"sm-msg-visitor":"sm-msg-rep"}">
+            <div class="sm-msg-row">
+              <div class="sm-msg-bubble">
+                ${i.content?`<div class="sm-msg-content">${d(i.content)}</div>`:""}
+                ${h}
+              </div>
+              ${j}
+            </div>
+            ${l?"":`<div class="sm-msg-time">${d(le(i.created_at))}${i.is_edited?" \xB7 edited":""}</div>`}
+            ${p?`<div class="sm-reactions">${p}</div>`:""}
+            ${z}
+          </div>
+        `}).join(""),this.shouldScrollToUnread){let i=this.messagesEl.querySelector("#sm-unread-divider");i?i.scrollIntoView({block:"center"}):this.messagesEl.scrollTop=this.messagesEl.scrollHeight,this.shouldScrollToUnread=!1}else this.messagesEl.scrollTop=this.messagesEl.scrollHeight}captureUnreadMarkerFromState(){let s=he(this.runtimeState.readStatuses,this.client.visitorUserId);if(!s){this.unreadMarkerTimestamp=null;return}let e=this.runtimeState.messages.some(t=>t.sender_id!==this.client.visitorUserId&&new Date(t.created_at).getTime()>new Date(s).getTime());this.unreadMarkerTimestamp=e?s:null,this.shouldScrollToUnread=e}clearUnreadMarkerIfViewed(){if(!this.unreadMarkerTimestamp||!this.messagesEl)return;let s=this.messagesEl.querySelector("#sm-unread-divider");s&&this.messagesEl.scrollTop>=s.offsetTop-24&&(this.unreadMarkerTimestamp=null,this.renderMessages())}async initializeVisitorSession(){this.client.isInitialized||await this.client.initVisitorSession()}async toggle(){if(this.isOpen){this.minimize();return}await this.ensureConfigLoaded(),this.renderPanel(),this.isOpen=!0,this.unreadCount=0,this.updateBadge(),this.panelEl?.classList.remove("sm-hidden");try{await this.initializeVisitorSession()}catch{this.renderError("Unable to initialize support chat")}let s=this.conversation??await this.client.getActiveConversation();s?(this.conversation=s,await this.ensureConversationRuntime(!0),this.renderChatView(),await this.markConversationRead()):(this.renderPreChatForm(),this.renderError(null))}minimize(){this.isOpen=!1,this.panelEl?.classList.add("sm-hidden")}async ensureConversationRuntime(s){if(this.conversation){if(this.renderError(null),this.config.realtime_enabled){await this.ensureRealtimeRuntime(s);return}this.realtimeFallbackActive=!1,this.cleanupRealtimeStatusWatchers(),this.setFallbackNotice(null),this.cleanupRealtimeRuntime(),await this.loadPollingSnapshot(s),this.startPolling()}}cleanupRealtimeRuntime(){this.controller&&(this.controller.destroy(),this.controller=null);for(let s of this.runtimeCleanups)s();this.runtimeCleanups=[]}cleanupRealtimeStatusWatchers(){for(let s of this.realtimeStatusCleanups)s();this.realtimeStatusCleanups=[]}ensureRealtimeStatusWatchers(){this.realtimeStatusCleanups.length||(this.realtimeStatusCleanups.push(this.client.chat.on("reconnecting",()=>{!this.config.realtime_enabled||!this.conversation||this.realtimeFallbackActive||this.setFallbackNotice("Realtime reconnecting\u2026")})),this.realtimeStatusCleanups.push(this.client.chat.on("disconnected",()=>{!this.config.realtime_enabled||!this.conversation||this.enterRealtimeFallback()})),this.realtimeStatusCleanups.push(this.client.chat.on("connected",()=>{if(!(!this.config.realtime_enabled||!this.conversation)){if(this.realtimeFallbackActive){this.restoreRealtimeRuntime();return}this.setFallbackNotice(null)}})))}async ensureRealtimeRuntime(s){if(this.conversation){if(this.ensureRealtimeStatusWatchers(),!this.controller||this.runtimeState.conversationId!==this.conversation.conversation_id){this.cleanupRealtimeRuntime(),this.stopPolling(),this.runtimeState=T(this.conversation.conversation_id),this.realtimeFallbackActive=!1,this.setFallbackNotice(null),this.controller=new b(this.client.chat,this.conversation.conversation_id),this.runtimeCleanups.push(this.controller.on("state",t=>{this.applyRuntimeState(t,!1)})),this.runtimeCleanups.push(this.controller.on("error",({message:t})=>{this.renderError(t)}));let e=await this.controller.init({realtime:!0,presence:!0});this.applyRuntimeState(e,s);return}s&&this.captureUnreadMarkerFromState()}}async enterRealtimeFallback(s="Realtime connection lost. Falling back to polling."){if(this.conversation){this.realtimeFallbackActive=!0,this.setFallbackNotice(s),this.cleanupRealtimeRuntime();try{await this.loadPollingSnapshot(!1),this.startPolling(),this.isOpen&&await this.markConversationRead()}catch(e){this.renderError(e instanceof Error?e.message:"Failed to refresh chat state")}}}async restoreRealtimeRuntime(){if(!(!this.conversation||!this.config.realtime_enabled))try{this.realtimeFallbackActive=!1,this.setFallbackNotice(null),await this.ensureRealtimeRuntime(!1)}catch{this.realtimeFallbackActive=!0,this.setFallbackNotice("Realtime reconnect failed. Staying on polling fallback."),this.startPolling()}}applyRuntimeState(s,e){let t=new Set(this.runtimeState.messages.map(n=>n.id)),i=s.messages.filter(n=>!t.has(n.id)&&n.sender_id!==this.client.visitorUserId&&n.sender_type!=="system").length;this.runtimeState=s,e&&this.captureUnreadMarkerFromState(),!this.isOpen&&i>0&&(this.unreadCount+=i,this.updateBadge()),this.updateHeader(),this.renderError(s.error),this.conversation&&this.panelEl&&this.bodyEl?.dataset.view==="chat"&&this.renderChatView(),this.isOpen&&i>0&&this.markConversationRead()}async loadPollingSnapshot(s){if(!this.conversation)return;let[e,t]=await Promise.all([this.client.chat.getMessages(this.conversation.conversation_id,{limit:50}),this.client.chat.getReadStatus(this.conversation.conversation_id)]),i={conversationId:this.conversation.conversation_id,messages:e.data?.messages??this.runtimeState.messages,readStatuses:t.data?.statuses??this.runtimeState.readStatuses,typingUsers:[],members:[],hasMore:e.data?.has_more??!1,isLoading:!1,error:e.error?.message??t.error?.message??null};this.applyRuntimeState(i,s)}startPolling(){this.pollInterval||!this.conversation||(this.pollInterval=setInterval(()=>{this.pollForUpdates()},3e4))}stopPolling(){this.pollInterval&&(clearInterval(this.pollInterval),this.pollInterval=null)}async pollForUpdates(){!this.conversation||this.config.realtime_enabled&&!this.realtimeFallbackActive||(await this.loadPollingSnapshot(!1),this.isOpen&&await this.markConversationRead())}getReadyAttachments(){return this.pendingAttachments.filter(s=>s.attachment).map(s=>s.attachment)}async handleFilesSelected(s){if(s.length){try{await this.initializeVisitorSession()}catch{this.renderError("Unable to prepare attachment upload");return}for(let e of s){let t=`${e.name}:${e.size}:${Date.now()}:${Math.random().toString(36).slice(2)}`;this.pendingAttachments=[...this.pendingAttachments,{id:t,fileName:e.name,progress:0}],this.renderPendingAttachments();let i=await this.client.chat.uploadAttachment(e,n=>{this.pendingAttachments=this.pendingAttachments.map(r=>r.id===t?{...r,progress:n}:r),this.renderPendingAttachments()});this.pendingAttachments=this.pendingAttachments.map(n=>n.id!==t?n:i.data?{...n,progress:100,attachment:i.data}:{...n,error:i.error?.message??"Upload failed"}),this.renderPendingAttachments()}}}collectPreChatValues(){let s={},e,t,i=!0;for(let n of this.getConfiguredPreChatFields()){let r=this.bodyEl?.querySelector(`[data-prechat-key="${n.key}"]`),a=r?.value.trim()??"";if(n.required&&!a){i=!1,r?.focus();break}a&&(n.key==="name"?e=a:n.key==="email"?t=a:s[n.key]=a)}return{name:e,email:t,metadata:s,valid:i}}async handleStartChat(){let s=this.bodyEl?.querySelector("#sm-start-btn"),t=this.bodyEl?.querySelector("#sm-prechat-message")?.value.trim()??"",i=this.getReadyAttachments(),{name:n,email:r,metadata:a,valid:o}=this.collectPreChatValues();if(!o||!t&&!i.length||!s){this.renderError("Please complete the required fields before starting the chat.");return}s.disabled=!0,s.textContent="Connecting...";try{await this.client.initVisitorSession({name:n,email:r}),this.conversation=await this.client.startConversation(t,{page_url:typeof location<"u"?location.href:void 0,attachments:i,metadata:a}),N("conversation_id",this.conversation.conversation_id),this.pendingAttachments=[],this.runtimeState={...T(this.conversation.conversation_id),messages:[B(this.client.visitorUserId??"visitor",t,i)]},this.unreadMarkerTimestamp=null,this.shouldScrollToUnread=!1,await this.ensureConversationRuntime(!1),this.renderChatView(),await this.markConversationRead()}catch(l){this.renderError(l instanceof Error?l.message:"Failed to start chat"),s.disabled=!1,s.textContent="Start Chat"}}async handleSendMessage(){if(!this.conversation)return;let s=this.inputEl?.value.trim()??"",e=this.getReadyAttachments();if(!s&&!e.length)return;this.inputEl.value="",this.inputEl.style.height="auto",this.pendingAttachments=[],this.renderPendingAttachments();let t=B(this.client.visitorUserId??"visitor",s,e);this.controller?this.controller.stageOptimisticMessage(t):(this.client.chat.stageOptimisticMessage(this.conversation.conversation_id,t),this.runtimeState={...this.runtimeState,messages:[...this.client.chat.getCachedMessages(this.conversation.conversation_id)]},this.renderChatView());try{if(this.controller)await this.controller.sendMessage(s,e);else{let i=await this.client.chat.sendMessage(this.conversation.conversation_id,{content:s,attachments:e,message_type:H(s,e)});if(i.error)throw new Error(i.error.message);await this.loadPollingSnapshot(!1)}await this.markConversationRead()}catch(i){this.renderError(i instanceof Error?i.message:"Failed to send message")}}async handleReaction(s,e,t){try{t?this.controller?await this.controller.removeReaction(s,e):(await this.client.chat.removeReaction(s,e),await this.loadPollingSnapshot(!1)):this.controller?await this.controller.addReaction(s,e):(await this.client.chat.addReaction(s,e),await this.loadPollingSnapshot(!1))}catch(i){this.renderError(i instanceof Error?i.message:"Failed to update reaction")}}sendTypingPulse(){!this.controller||!this.config.realtime_enabled||(this.controller.sendTyping(!0),this.typingStopTimer&&clearTimeout(this.typingStopTimer),this.typingStopTimer=setTimeout(()=>{this.controller?.sendTyping(!1)},2500))}async markConversationRead(){if(this.conversation){this.unreadCount=0,this.updateBadge();try{this.controller?(await this.controller.markRead(),await this.controller.refreshReadStatus()):await this.client.chat.markRead(this.conversation.conversation_id)}catch{}}}renderChatView(){this.ensureChatView(),this.updateHeader(),this.renderError(this.runtimeState.error)}updateBadge(){let s=this.shadow.querySelector(".sm-bubble");if(!s)return;let e=s.querySelector(".sm-badge");this.unreadCount>0?(e||(e=document.createElement("span"),e.className="sm-badge",s.appendChild(e)),e.textContent=String(this.unreadCount)):e&&e.remove()}destroy(){this.stopPolling(),this.typingStopTimer&&(clearTimeout(this.typingStopTimer),this.typingStopTimer=null),this.cleanupRealtimeStatusWatchers(),this.cleanupRealtimeRuntime(),this.client.destroy(),this.panelEl?.remove(),this.root.remove()}};(function(){let s=document.querySelectorAll("script[data-api-key]"),e=s[s.length-1];if(!e){console.warn("[ScaleMule] Support widget: missing data-api-key on script tag");return}let t=e.getAttribute("data-api-key");if(!t){console.warn("[ScaleMule] Support widget: data-api-key is empty");return}let i=e.getAttribute("data-api-url")||void 0,n=e.getAttribute("data-color")||void 0,r=e.getAttribute("data-position"),a=r==="left"||r==="right"?r:void 0,o=()=>{new k(t,i,{color:n,position:a})};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",o):o()})();})();