urasoft-live-support 1.1.17 → 1.1.19

package/dist/core/ChatWidget.d.ts

@@ -10,6 +10,8 @@ export declare class ChatWidget {
     private resizeObserver;
     private typingDebounceTimer;
     private typingDisplayTimer;
+    private _isLoading;
+    private _isSending;
     constructor(config?: ChatConfig);
     private init;
     private createContainer;
@@ -26,6 +28,7 @@ export declare class ChatWidget {
     private attachEventListeners;
     private connectSignalR;
     private disconnectSignalR;
+    private setSendingState;
     private sendMessage;
     private sendMessageViaHttp;
     private addMessage;
@@ -34,6 +37,8 @@ export declare class ChatWidget {
     open(): void;
     close(): void;
     destroy(): Promise<void>;
+    showLoading(): void;
+    hideLoading(): void;
     addChatMessage(message: string, sender: 'agent' | 'user', avatar?: string): void;
     private showAgentTyping;
     private clearAgentTyping;

package/dist/core/ChatWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatWidget.d.ts","sourceRoot":"","sources":["../../src/core/ChatWidget.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkE,MAAM,UAAU,CAAC;AAKtG,qBAAa,UAAU;IACnB,OAAO,CAAC,MAAM,CAcZ;IACF,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,aAAa,CAA8B;IACnD,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,iBAAiB,CAAkB;IAC3C,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,mBAAmB,CAA8C;IACzE,OAAO,CAAC,kBAAkB,CAA8C;gBAE5D,MAAM,GAAE,UAAe;IAoDnC,OAAO,CAAC,IAAI;IAUZ,OAAO,CAAC,eAAe;IAyBvB,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,iBAAiB;IAczB,OAAO,CAAC,YAAY;IAgCpB,OAAO,CAAC,mBAAmB;IAoB3B,OAAO,CAAC,iBAAiB;IAqBzB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,MAAM;IAgBd,OAAO,CAAC,gBAAgB;IAgHxB,OAAO,CAAC,aAAa;IA6BrB,OAAO,CAAC,oBAAoB;YA2Cd,cAAc;YAoFd,iBAAiB;YAgCjB,WAAW;YAyEX,kBAAkB;IAuEhC,OAAO,CAAC,UAAU;IAgBlB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,MAAM;IAKP,IAAI,IAAI,IAAI;IAMZ,KAAK,IAAI,IAAI;IAKP,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAW9B,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI;IAYvF,OAAO,CAAC,eAAe;IAmCvB,OAAO,CAAC,gBAAgB;YAeV,mBAAmB;IA0DjC,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,UAAU;YAIJ,gBAAgB;IA2D9B,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,iBAAiB;IAgCzB,OAAO,CAAC,cAAc;YAQR,eAAe;YAwCf,iBAAiB;IAqB/B,OAAO,CAAC,kBAAkB,CAWzB;CACJ"}
+{"version":3,"file":"ChatWidget.d.ts","sourceRoot":"","sources":["../../src/core/ChatWidget.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkE,MAAM,UAAU,CAAC;AAKtG,qBAAa,UAAU;IACnB,OAAO,CAAC,MAAM,CAcZ;IACF,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,aAAa,CAA8B;IACnD,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,iBAAiB,CAAkB;IAC3C,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,mBAAmB,CAA8C;IACzE,OAAO,CAAC,kBAAkB,CAA8C;IACxE,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,UAAU,CAAkB;gBAExB,MAAM,GAAE,UAAe;IAoDnC,OAAO,CAAC,IAAI;IAUZ,OAAO,CAAC,eAAe;IAyBvB,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,iBAAiB;IAczB,OAAO,CAAC,YAAY;IAgCpB,OAAO,CAAC,mBAAmB;IAoB3B,OAAO,CAAC,iBAAiB;IAqBzB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,MAAM;IAgBd,OAAO,CAAC,gBAAgB;IAgHxB,OAAO,CAAC,aAAa;IA6BrB,OAAO,CAAC,oBAAoB;YA2Cd,cAAc;YAoFd,iBAAiB;IAgC/B,OAAO,CAAC,eAAe;YAgCT,WAAW;YAmEX,kBAAkB;IAuEhC,OAAO,CAAC,UAAU;IAkBlB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,MAAM;IAKP,IAAI,IAAI,IAAI;IAMZ,KAAK,IAAI,IAAI;IAKP,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAU9B,WAAW,IAAI,IAAI;IAcnB,WAAW,IAAI,IAAI;IAYnB,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI;IAYvF,OAAO,CAAC,eAAe;IAmCvB,OAAO,CAAC,gBAAgB;YAeV,mBAAmB;IA0DjC,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,UAAU;YAIJ,gBAAgB;IA2D9B,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,iBAAiB;IAgCzB,OAAO,CAAC,cAAc;YAQR,eAAe;YAwCf,iBAAiB;IAqB/B,OAAO,CAAC,kBAAkB,CAWzB;CACJ"}

package/dist/index.d.ts

@@ -139,6 +139,8 @@ declare class ChatWidget {
     private resizeObserver;
     private typingDebounceTimer;
     private typingDisplayTimer;
+    private _isLoading;
+    private _isSending;
     constructor(config?: ChatConfig);
     private init;
     private createContainer;
@@ -155,6 +157,7 @@ declare class ChatWidget {
     private attachEventListeners;
     private connectSignalR;
     private disconnectSignalR;
+    private setSendingState;
     private sendMessage;
     private sendMessageViaHttp;
     private addMessage;
@@ -163,6 +166,8 @@ declare class ChatWidget {
     open(): void;
     close(): void;
     destroy(): Promise<void>;
+    showLoading(): void;
+    hideLoading(): void;
     addChatMessage(message: string, sender: 'agent' | 'user', avatar?: string): void;
     private showAgentTyping;
     private clearAgentTyping;

package/dist/index.esm.js

@@ -3678,6 +3678,8 @@ class ChatWidget {
         this.resizeObserver = null;
         this.typingDebounceTimer = null;
         this.typingDisplayTimer = null;
+        this._isLoading = false;
+        this._isSending = false;
         this.handleOutsideClick = (event) => {
             const pickerContainer = document.getElementById('chat-emoji-picker-container');
             const emojiButton = document.getElementById('chat-emoji-button');
@@ -4152,11 +4154,42 @@ class ChatWidget {
             this.render();
         }
     }
+    setSendingState(sending) {
+        this._isSending = sending;
+        const sendButton = document.getElementById('chat-send-button');
+        const input = document.getElementById('chat-input');
+        const disconnectButton = document.getElementById('chat-disconnect-button');
+        if (sendButton) {
+            if (sending) {
+                sendButton.setAttribute('disabled', 'true');
+                sendButton.innerHTML = '<span class="chat-send-spinner"></span>';
+            }
+            else {
+                sendButton.removeAttribute('disabled');
+                sendButton.innerHTML = '➤';
+            }
+        }
+        if (input) {
+            input.disabled = sending;
+        }
+        if (disconnectButton) {
+            if (sending) {
+                disconnectButton.setAttribute('disabled', 'true');
+                disconnectButton.classList.add('chat-button-disabled');
+            }
+            else {
+                disconnectButton.removeAttribute('disabled');
+                disconnectButton.classList.remove('chat-button-disabled');
+            }
+        }
+    }
     async sendMessage() {
         const input = document.getElementById('chat-input');
         const message = input?.value.trim();
         if (!message && this.state.selectedFiles.length === 0)
             return;
+        if (this._isSending)
+            return;
         // Eğer SignalR varsa ve HTTP yoksa, bağlantı kontrolü yap
         if (this.config.signalR && !this.config.http && !this.state.isConnected)
             return;
@@ -4176,49 +4209,41 @@ class ChatWidget {
                 filePreview.remove();
             }
         }
-        // HTTP endpoint ile gönder (öncelikli)
-        if (this.config.http) {
-            // HTTP + SignalR kombinasyonunda mesajı ekleme, SignalR'dan gelecektir
-            // Sadece HTTP kullanılıyorsa (SignalR yoksa) mesajı hemen ekle
-            if (!this.config.signalR) {
-                this.addMessage(chatMessage);
-            }
-            try {
+        this.setSendingState(true);
+        try {
+            // HTTP endpoint ile gönder (öncelikli)
+            if (this.config.http) {
+                // HTTP + SignalR kombinasyonunda mesajı ekleme, SignalR'dan gelecektir
+                // Sadece HTTP kullanılıyorsa (SignalR yoksa) mesajı hemen ekle
+                if (!this.config.signalR) {
+                    this.addMessage(chatMessage);
+                }
                 await this.sendMessageViaHttp(message, chatMessage.attachments);
             }
-            catch (error) {
-                console.error('HTTP message send failed:', error);
-                this.addMessage({
-                    id: Date.now().toString(),
-                    message: 'Mesaj gönderilemedi. Lütfen bağlantınızı kontrol edin.',
-                    sender: 'agent',
-                    timestamp: new Date(),
-                    avatar: this.config.agentAvatar,
-                });
-            }
-        }
-        // SignalR ile gönder (HTTP yoksa)
-        else if (this.signalRClient && this.state.isConnected) {
-            // SignalR kullanılıyorsa mesajı ekleme, SignalR'dan gelince eklenecek
-            try {
+            // SignalR ile gönder (HTTP yoksa)
+            else if (this.signalRClient && this.state.isConnected) {
+                // SignalR kullanılıyorsa mesajı ekleme, SignalR'dan gelince eklenecek
                 await this.signalRClient.send(message);
             }
-            catch (error) {
-                console.error('Message send failed:', error);
-                this.addMessage({
-                    id: Date.now().toString(),
-                    message: 'Mesaj gönderilemedi. Lütfen bağlantınızı kontrol edin.',
-                    sender: 'agent',
-                    timestamp: new Date(),
-                    avatar: this.config.agentAvatar,
-                });
+            // Fallback: onSendMessage callback
+            else if (this.config.onSendMessage) {
+                // Callback kullanılıyorsa mesajı ekle
+                this.addMessage(chatMessage);
+                this.config.onSendMessage(message, chatMessage.attachments);
             }
         }
-        // Fallback: onSendMessage callback
-        else if (this.config.onSendMessage) {
-            // Callback kullanılıyorsa mesajı ekle
-            this.addMessage(chatMessage);
-            this.config.onSendMessage(message, chatMessage.attachments);
+        catch (error) {
+            console.error('Message send failed:', error);
+            this.addMessage({
+                id: Date.now().toString(),
+                message: 'Mesaj gönderilemedi. Lütfen bağlantınızı kontrol edin.',
+                sender: 'agent',
+                timestamp: new Date(),
+                avatar: this.config.agentAvatar,
+            });
+        }
+        finally {
+            this.setSendingState(false);
         }
     }
     async sendMessageViaHttp(message, attachments) {
@@ -4286,6 +4311,8 @@ class ChatWidget {
     }
     addMessage(message) {
         this.state.messages.push(message);
+        if (this._isLoading)
+            return;
         // Mesaj container'ı varsa direkt DOM'a ekle (tüm widget'ı render etmek yerine)
         const messagesContainer = document.getElementById('chat-messages');
         if (messagesContainer && this.state.isConnected) {
@@ -4330,6 +4357,27 @@ class ChatWidget {
         }
         this.container?.remove();
     }
+    showLoading() {
+        this._isLoading = true;
+        this.state.messages = [];
+        const messagesContainer = document.getElementById('chat-messages');
+        if (messagesContainer) {
+            messagesContainer.innerHTML = `
+                <div style="display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;">
+                    <div class="chat-typing-indicator"><span></span><span></span><span></span></div>
+                </div>
+            `;
+        }
+    }
+    hideLoading() {
+        this._isLoading = false;
+        const messagesContainer = document.getElementById('chat-messages');
+        if (messagesContainer) {
+            messagesContainer.innerHTML = this.state.messages
+                .map((msg) => this.renderMessage(msg)).join('');
+            this.scrollToBottom();
+        }
+    }
     // Public method to add messages programmatically (for SignalR integration)
     addChatMessage(message, sender, avatar) {
         this.addMessage({