urasoft-live-support 1.0.0 → 1.1.0

package/dist/core/ChatWidget.d.ts

@@ -7,11 +7,17 @@ export declare class ChatWidget {
     private signalRClient;
     private emojiPicker;
     private isEmojiPickerOpen;
+    private scaleFactor;
+    private resizeObserver;
     constructor(config?: ChatConfig);
     private init;
     private createContainer;
     private attachStyles;
     private darkenColor;
+    private detectScaleFactor;
+    private getZoomLevel;
+    private setupResizeObserver;
+    private updateScaleStyles;
     private mergeClasses;
     private render;
     private renderChatWindow;

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,EAAgD,MAAM,UAAU,CAAC;AAEpF,OAAO,eAAe,CAAC;AAEvB,qBAAa,UAAU;IACnB,OAAO,CAAC,MAAM,CASZ;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;gBAE/B,MAAM,GAAE,UAAe;IAiCnC,OAAO,CAAC,IAAI;IAQZ,OAAO,CAAC,eAAe;IAyBvB,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,MAAM;IAed,OAAO,CAAC,gBAAgB;IAoGxB,OAAO,CAAC,aAAa;IA4BrB,OAAO,CAAC,oBAAoB;YAoCd,cAAc;YA+Dd,iBAAiB;YAiBjB,WAAW;YAyEX,kBAAkB;IAuEhC,OAAO,CAAC,UAAU;IAgBlB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,MAAM;IAKP,IAAI,IAAI,IAAI;IAKZ,KAAK,IAAI,IAAI;IAKP,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAQ9B,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI;IAYvF,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,EAAgD,MAAM,UAAU,CAAC;AAEpF,OAAO,eAAe,CAAC;AAEvB,qBAAa,UAAU;IACnB,OAAO,CAAC,MAAM,CAYZ;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;gBAEzC,MAAM,GAAE,UAAe;IAiDnC,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;IAed,OAAO,CAAC,gBAAgB;IAoGxB,OAAO,CAAC,aAAa;IA4BrB,OAAO,CAAC,oBAAoB;YAoCd,cAAc;YA0Ed,iBAAiB;YAgCjB,WAAW;YAyEX,kBAAkB;IAuEhC,OAAO,CAAC,UAAU;IAgBlB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,MAAM;IAKP,IAAI,IAAI,IAAI;IAKZ,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,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

@@ -88,6 +88,8 @@ interface ChatConfig {
     agentName?: string;
     agentAvatar?: string;
     autoOpen?: boolean;
+    autoConnect?: boolean;
+    previousMessages?: ChatMessage[];
     buttonIcon?: string;
     theme?: 'light' | 'dark' | 'auto';
     customClasses?: CustomClasses;
@@ -98,6 +100,7 @@ interface ChatConfig {
     maxFileSize?: number;
     allowedFileTypes?: string[];
     disableAttachments?: boolean;
+    onBeforeDisconnect?: () => boolean | Promise<boolean>;
 }
 interface ChatWidgetState {
     isOpen: boolean;
@@ -114,11 +117,17 @@ declare class ChatWidget {
     private signalRClient;
     private emojiPicker;
     private isEmojiPickerOpen;
+    private scaleFactor;
+    private resizeObserver;
     constructor(config?: ChatConfig);
     private init;
     private createContainer;
     private attachStyles;
     private darkenColor;
+    private detectScaleFactor;
+    private getZoomLevel;
+    private setupResizeObserver;
+    private updateScaleStyles;
     private mergeClasses;
     private render;
     private renderChatWindow;

package/dist/index.esm.js

@@ -3605,6 +3605,8 @@ class ChatWidget {
         this.signalRClient = null;
         this.emojiPicker = null;
         this.isEmojiPickerOpen = false;
+        this.scaleFactor = 1;
+        this.resizeObserver = null;
         this.handleOutsideClick = (event) => {
             const pickerContainer = document.getElementById('chat-emoji-picker-container');
             const emojiButton = document.getElementById('chat-emoji-button');
@@ -3635,20 +3637,35 @@ class ChatWidget {
             allowedFileTypes: config.allowedFileTypes,
             customClasses: config.customClasses,
             disableAttachments: config.disableAttachments || false,
+            onBeforeDisconnect: config.onBeforeDisconnect,
         };
+        // Önceki mesajları yükle
+        const previousMessages = config.previousMessages || [];
+        const hasPreviousMessages = previousMessages.length > 0;
+        // Eğer önceki mesajlar varsa veya autoConnect true ise, autoOpen'ı true yap
+        const shouldAutoOpen = !!(config.autoOpen || hasPreviousMessages || config.autoConnect);
         this.state = {
-            isOpen: this.config.autoOpen,
-            messages: [],
+            isOpen: shouldAutoOpen,
+            messages: previousMessages,
             isConnected: false,
             isConnecting: false,
             selectedFiles: [],
         };
         this.init();
+        // autoConnect true ise ve SignalR config varsa, otomatik bağlan
+        if ((config.autoConnect || hasPreviousMessages) && config.signalR) {
+            // Widget render edildikten sonra bağlan
+            setTimeout(() => {
+                this.connectSignalR();
+            }, 100);
+        }
     }
     init() {
+        this.detectScaleFactor();
         this.createContainer();
         this.attachStyles();
         this.render();
+        this.setupResizeObserver();
         // Welcome mesajı sadece SignalR bağlantısı kurulduğunda eklenecek
     }
     createContainer() {
@@ -3693,6 +3710,76 @@ class ChatWidget {
         const b = Math.max(0, (num & 0x0000FF) - (255 * percent) / 100);
         return `#${((1 << 24) + (Math.floor(r) << 16) + (Math.floor(g) << 8) + Math.floor(b)).toString(16).slice(1)}`;
     }
+    detectScaleFactor() {
+        // Detect device pixel ratio (for high-DPI displays)
+        const dpr = window.devicePixelRatio || 1;
+        // Detect browser zoom level
+        const zoomLevel = this.getZoomLevel();
+        // Combined scale factor
+        this.scaleFactor = 1 / (dpr * zoomLevel);
+        // Keep within reasonable bounds (0.5 - 2.0)
+        this.scaleFactor = Math.max(0.5, Math.min(2.0, this.scaleFactor));
+    }
+    getZoomLevel() {
+        // Multiple methods to detect zoom level
+        // Method 1: window.outerWidth vs window.innerWidth
+        const screenWidth = window.screen.width;
+        const windowWidth = window.outerWidth;
+        if (screenWidth && windowWidth) {
+            const ratio = screenWidth / windowWidth;
+            if (ratio > 0.5 && ratio < 2) {
+                return ratio;
+            }
+        }
+        // Method 2: CSS pixel ratio check
+        const testDiv = document.createElement('div');
+        testDiv.style.width = '1in';
+        testDiv.style.height = '0';
+        testDiv.style.position = 'absolute';
+        testDiv.style.visibility = 'hidden';
+        document.body.appendChild(testDiv);
+        const devicePixelRatio = testDiv.offsetWidth / 96; // 96 DPI is standard
+        document.body.removeChild(testDiv);
+        if (devicePixelRatio > 0.5 && devicePixelRatio < 2) {
+            return devicePixelRatio;
+        }
+        // Fallback
+        return 1;
+    }
+    setupResizeObserver() {
+        // Watch for viewport changes
+        if (typeof ResizeObserver !== 'undefined') {
+            this.resizeObserver = new ResizeObserver(() => {
+                this.detectScaleFactor();
+                this.updateScaleStyles();
+            });
+            if (this.container) {
+                this.resizeObserver.observe(document.body);
+            }
+        }
+        // Listen for zoom changes
+        window.addEventListener('resize', () => {
+            this.detectScaleFactor();
+            this.updateScaleStyles();
+        });
+    }
+    updateScaleStyles() {
+        if (!this.container)
+            return;
+        const style = document.createElement('style');
+        style.id = 'chat-widget-scale-styles';
+        // Remove old scale style
+        const oldStyle = document.getElementById('chat-widget-scale-styles');
+        if (oldStyle) {
+            oldStyle.remove();
+        }
+        style.textContent = `
+            :root {
+                --chat-scale-factor: ${this.scaleFactor};
+            }
+        `;
+        document.head.appendChild(style);
+    }
     mergeClasses(baseClass, customClass) {
         return customClass ? `${baseClass} ${customClass}` : baseClass;
     }
@@ -3878,18 +3965,26 @@ class ChatWidget {
                 onConnected: () => {
                     this.state.isConnected = true;
                     this.state.isConnecting = false;
-                    this.state.messages = []; // Mesajları temizle
-                    // Welcome mesajını ekle
-                    if (this.config.welcomeMessage) {
-                        this.addMessage({
-                            id: Date.now().toString(),
-                            message: this.config.welcomeMessage,
-                            sender: 'agent',
-                            timestamp: new Date(),
-                            avatar: this.config.agentAvatar,
-                        });
+                    // Eğer önceden yüklenmiş mesajlar yoksa, mesajları temizle ve welcome mesajı ekle
+                    const hasExistingMessages = this.state.messages.length > 0;
+                    if (!hasExistingMessages) {
+                        this.state.messages = [];
+                        // Welcome mesajını ekle
+                        if (this.config.welcomeMessage) {
+                            this.addMessage({
+                                id: Date.now().toString(),
+                                message: this.config.welcomeMessage,
+                                sender: 'agent',
+                                timestamp: new Date(),
+                                avatar: this.config.agentAvatar,
+                            });
+                        }
                     }
                     this.render();
+                    // Önceki mesajlar varsa en alta scroll et
+                    if (hasExistingMessages) {
+                        this.scrollToBottom();
+                    }
                     if (this.config.signalR?.onConnected) {
                         this.config.signalR.onConnected();
                     }
@@ -3926,6 +4021,21 @@ class ChatWidget {
     }
     async disconnectSignalR() {
         if (this.signalRClient) {
+            // onBeforeDisconnect callback varsa çağır
+            if (this.config.onBeforeDisconnect) {
+                try {
+                    const shouldDisconnect = await this.config.onBeforeDisconnect();
+                    if (!shouldDisconnect) {
+                        // false dönerse disconnect işlemini iptal et
+                        return;
+                    }
+                }
+                catch (error) {
+                    console.error('onBeforeDisconnect error:', error);
+                    // Hata olursa disconnect işlemini iptal et
+                    return;
+                }
+            }
             await this.signalRClient.disconnect();
             this.signalRClient = null;
             this.state.isConnected = false;
@@ -4111,6 +4221,9 @@ class ChatWidget {
         if (this.signalRClient) {
             await this.signalRClient.disconnect();
         }
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+        }
         this.container?.remove();
     }
     // Public method to add messages programmatically (for SignalR integration)