customer-chat-sdk 1.1.7 → 1.1.8

package/dist/core/IframeManager.d.ts

@@ -17,6 +17,7 @@ export declare class IframeManager {
     private isOpen;
     private isCreated;
     private debug;
+    private messageHandler;
     constructor(config?: IframeOptions);
     /**
      * 初始化iframe（隐藏状态）

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

@@ -1 +1 @@
-{"version":3,"file":"IframeManager.d.ts","sourceRoot":"","sources":["../../src/core/IframeManager.ts"],"names":[],"mappings":"AACA,UAAU,aAAa;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,OAAO,CAAA;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAe;IAC7B,OAAO,CAAC,aAAa,CAAiC;IACtD,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,KAAK,CAAiB;gBAElB,MAAM,GAAE,aAAkB;IActC;;;OAGG;IACG,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAsB3B;;OAEG;IACH,IAAI,IAAI,IAAI;IA2CZ;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACH,IAAI,IAAI,IAAI;IA6BZ;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;OAEG;IACH,OAAO,IAAI,IAAI;IAgBf;;OAEG;IACH,YAAY,IAAI,OAAO;IAIvB;;OAEG;IACH,YAAY,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI;IAM7B;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAa/B;;OAEG;IACH,OAAO,CAAC,YAAY;IAiIpB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA8D1B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAoCzB;;OAEG;IACH,OAAO,CAAC,cAAc;IAKtB;;;OAGG;IACH,OAAO,CAAC,aAAa;IAOrB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAS5B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAwD3B;;OAEG;IACH,OAAO,CAAC,YAAY;CAMrB"}
+{"version":3,"file":"IframeManager.d.ts","sourceRoot":"","sources":["../../src/core/IframeManager.ts"],"names":[],"mappings":"AACA,UAAU,aAAa;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,OAAO,CAAA;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAe;IAC7B,OAAO,CAAC,aAAa,CAAiC;IACtD,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,KAAK,CAAiB;IAC9B,OAAO,CAAC,cAAc,CAA+C;gBAEzD,MAAM,GAAE,aAAkB;IActC;;;OAGG;IACG,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAsB3B;;OAEG;IACH,IAAI,IAAI,IAAI;IA2CZ;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACH,IAAI,IAAI,IAAI;IA6BZ;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;OAEG;IACH,OAAO,IAAI,IAAI;IAyBf;;OAEG;IACH,YAAY,IAAI,OAAO;IAIvB;;OAEG;IACH,YAAY,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI;IAM7B;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAa/B;;OAEG;IACH,OAAO,CAAC,YAAY;IAiIpB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA8D1B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAoCzB;;OAEG;IACH,OAAO,CAAC,cAAc;IAKtB;;;OAGG;IACH,OAAO,CAAC,aAAa;IAOrB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAwB5B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAwD3B;;OAEG;IACH,OAAO,CAAC,YAAY;CAMrB"}

package/dist/customer-sdk.cjs.js

@@ -609,6 +609,7 @@ class IframeManager {
         this.isOpen = false;
         this.isCreated = false;
         this.debug = false; // debug 模式标志
+        this.messageHandler = null; // 消息监听器引用，用于清理
         this.config = {
             src: '',
             mode: 'auto', // 默认自动检测设备类型
@@ -727,6 +728,14 @@ class IframeManager {
      */
     destroy() {
         this.hide();
+        // 移除消息监听器（防止内存泄漏）
+        if (this.messageHandler) {
+            window.removeEventListener('message', this.messageHandler);
+            this.messageHandler = null;
+            if (this.debug) {
+                console.log('Message listener removed');
+            }
+        }
         // 移除容器
         if (this.containerElement) {
             this.containerElement.remove();
@@ -1001,12 +1010,24 @@ class IframeManager {
      * 设置消息监听
      */
     setupMessageListener() {
-        window.addEventListener('message', (event) => {
+        // 如果已存在监听器，先移除旧的（防止重复添加）
+        if (this.messageHandler) {
+            window.removeEventListener('message', this.messageHandler);
+            if (this.debug) {
+                console.log('Removed old message listener');
+            }
+        }
+        // 创建新的消息处理器并保存引用
+        this.messageHandler = (event) => {
             // 验证消息来源（可选的安全检查）
             if (!this.config.src || event.origin === new URL(this.config.src).origin) {
                 this.handleIframeMessage(event.data);
             }
-        }, false);
+        };
+        window.addEventListener('message', this.messageHandler, false);
+        if (this.debug) {
+            console.log('Message listener setup completed');
+        }
     }
     /**
      * 处理来自iframe的消息
@@ -20792,6 +20813,7 @@ class CustomerServiceSDK {
         this.isInitialized = false;
         this.initResult = null; // 保存初始化结果
         this.debug = false; // debug 模式标志
+        this.lastIconConfig = null; // 保存上一次的图标配置
     }
     /**
      * 初始化 SDK
@@ -20816,12 +20838,13 @@ class CustomerServiceSDK {
             if (this.debug) {
                 console.log('Force reinitializing SDK...');
             }
-            // 清理旧的 iframe 和截图管理器，但保留图标管理器（保持图标位置等状态）
+            // 清理旧的 iframe 和截图管理器
             this.iframeManager?.destroy();
             this.screenshotManager?.destroy();
             this.iframeManager = null;
             this.screenshotManager = null;
-            // 重置初始化标志，但保留图标管理器
+            // 注意：图标管理器暂时保留，稍后检查配置是否变化再决定是否重新创建
+            // 重置初始化标志
             this.isInitialized = false;
         }
         this.config = config;
@@ -20842,11 +20865,46 @@ class CustomerServiceSDK {
                 agent: config.agent,
                 timestamp: Date.now()
             };
-            // 创建悬浮图标管理器（支持自定义位置和传送目标）
-            const iconPosition = options?.iconPosition || undefined;
-            const iconTarget = options?.target || undefined;
-            this.iconManager = new IconManager(iconPosition, this.debug, iconTarget);
-            await this.iconManager.show();
+            // 处理图标管理器（优化：如果配置没变化，保留图标避免闪烁）
+            // 如果 options 未提供，使用之前保存的配置（避免更新 token 时图标闪烁）
+            const iconPosition = options?.iconPosition !== undefined
+                ? options.iconPosition
+                : (this.lastIconConfig?.position || undefined);
+            const iconTarget = options?.target !== undefined
+                ? options.target
+                : (this.lastIconConfig?.target || undefined);
+            // 检查图标配置是否变化
+            const iconConfigChanged = this.isIconConfigChanged(iconPosition, iconTarget);
+            if (iconConfigChanged) {
+                // 配置变化了，需要重新创建图标管理器
+                if (this.iconManager) {
+                    this.iconManager.hide();
+                    if (this.debug) {
+                        console.log('Icon config changed, recreating icon manager');
+                    }
+                }
+                this.iconManager = new IconManager(iconPosition, this.debug, iconTarget);
+                await this.iconManager.show();
+                // 保存新的配置
+                this.lastIconConfig = { position: iconPosition, target: iconTarget };
+            }
+            else {
+                // 配置没变化，保留图标管理器（避免闪烁）
+                if (!this.iconManager) {
+                    // 如果不存在，创建新的
+                    this.iconManager = new IconManager(iconPosition, this.debug, iconTarget);
+                    await this.iconManager.show();
+                }
+                else {
+                    // 已存在，确保显示（可能被隐藏了）
+                    await this.iconManager.show();
+                    if (this.debug) {
+                        console.log('Icon config unchanged, keeping existing icon manager');
+                    }
+                }
+                // 更新配置记录
+                this.lastIconConfig = { position: iconPosition, target: iconTarget };
+            }
             // 创建iframe管理器（自动检测设备类型）
             this.iframeManager = new IframeManager({
                 src: iframeUrl,
@@ -21094,6 +21152,7 @@ class CustomerServiceSDK {
         this.screenshotManager = null;
         this.config = null;
         this.initResult = null;
+        this.lastIconConfig = null;
         this.isInitialized = false;
         if (this.debug) {
             console.log('CustomerSDK destroyed');
@@ -21138,6 +21197,36 @@ class CustomerServiceSDK {
             return fallbackId;
         }
     }
+    /**
+     * 检查图标配置是否变化
+     */
+    isIconConfigChanged(newPosition, newTarget) {
+        // 如果没有保存的配置，说明是首次初始化，需要创建
+        if (!this.lastIconConfig) {
+            return true;
+        }
+        // 比较位置配置
+        const positionChanged = JSON.stringify(this.lastIconConfig.position) !== JSON.stringify(newPosition);
+        // 比较 target 配置
+        const oldTarget = this.lastIconConfig.target;
+        let targetChanged = false;
+        if (oldTarget !== newTarget) {
+            // 如果引用不同，进一步检查
+            if (typeof oldTarget === 'string' && typeof newTarget === 'string') {
+                // 都是字符串，比较值
+                targetChanged = oldTarget !== newTarget;
+            }
+            else if (oldTarget instanceof HTMLElement && newTarget instanceof HTMLElement) {
+                // 都是 HTMLElement，比较引用（引用不同就是变化了）
+                targetChanged = true;
+            }
+            else {
+                // 类型不同，肯定是变化了
+                targetChanged = true;
+            }
+        }
+        return positionChanged || targetChanged;
+    }
     /**
      * 构建iframe URL（带用户参数和设备ID）
      */

package/dist/customer-sdk.esm.js

@@ -605,6 +605,7 @@ class IframeManager {
         this.isOpen = false;
         this.isCreated = false;
         this.debug = false; // debug 模式标志
+        this.messageHandler = null; // 消息监听器引用，用于清理
         this.config = {
             src: '',
             mode: 'auto', // 默认自动检测设备类型
@@ -723,6 +724,14 @@ class IframeManager {
      */
     destroy() {
         this.hide();
+        // 移除消息监听器（防止内存泄漏）
+        if (this.messageHandler) {
+            window.removeEventListener('message', this.messageHandler);
+            this.messageHandler = null;
+            if (this.debug) {
+                console.log('Message listener removed');
+            }
+        }
         // 移除容器
         if (this.containerElement) {
             this.containerElement.remove();
@@ -997,12 +1006,24 @@ class IframeManager {
      * 设置消息监听
      */
     setupMessageListener() {
-        window.addEventListener('message', (event) => {
+        // 如果已存在监听器，先移除旧的（防止重复添加）
+        if (this.messageHandler) {
+            window.removeEventListener('message', this.messageHandler);
+            if (this.debug) {
+                console.log('Removed old message listener');
+            }
+        }
+        // 创建新的消息处理器并保存引用
+        this.messageHandler = (event) => {
             // 验证消息来源（可选的安全检查）
             if (!this.config.src || event.origin === new URL(this.config.src).origin) {
                 this.handleIframeMessage(event.data);
             }
-        }, false);
+        };
+        window.addEventListener('message', this.messageHandler, false);
+        if (this.debug) {
+            console.log('Message listener setup completed');
+        }
     }
     /**
      * 处理来自iframe的消息
@@ -20788,6 +20809,7 @@ class CustomerServiceSDK {
         this.isInitialized = false;
         this.initResult = null; // 保存初始化结果
         this.debug = false; // debug 模式标志
+        this.lastIconConfig = null; // 保存上一次的图标配置
     }
     /**
      * 初始化 SDK
@@ -20812,12 +20834,13 @@ class CustomerServiceSDK {
             if (this.debug) {
                 console.log('Force reinitializing SDK...');
             }
-            // 清理旧的 iframe 和截图管理器，但保留图标管理器（保持图标位置等状态）
+            // 清理旧的 iframe 和截图管理器
             this.iframeManager?.destroy();
             this.screenshotManager?.destroy();
             this.iframeManager = null;
             this.screenshotManager = null;
-            // 重置初始化标志，但保留图标管理器
+            // 注意：图标管理器暂时保留，稍后检查配置是否变化再决定是否重新创建
+            // 重置初始化标志
             this.isInitialized = false;
         }
         this.config = config;
@@ -20838,11 +20861,46 @@ class CustomerServiceSDK {
                 agent: config.agent,
                 timestamp: Date.now()
             };
-            // 创建悬浮图标管理器（支持自定义位置和传送目标）
-            const iconPosition = options?.iconPosition || undefined;
-            const iconTarget = options?.target || undefined;
-            this.iconManager = new IconManager(iconPosition, this.debug, iconTarget);
-            await this.iconManager.show();
+            // 处理图标管理器（优化：如果配置没变化，保留图标避免闪烁）
+            // 如果 options 未提供，使用之前保存的配置（避免更新 token 时图标闪烁）
+            const iconPosition = options?.iconPosition !== undefined
+                ? options.iconPosition
+                : (this.lastIconConfig?.position || undefined);
+            const iconTarget = options?.target !== undefined
+                ? options.target
+                : (this.lastIconConfig?.target || undefined);
+            // 检查图标配置是否变化
+            const iconConfigChanged = this.isIconConfigChanged(iconPosition, iconTarget);
+            if (iconConfigChanged) {
+                // 配置变化了，需要重新创建图标管理器
+                if (this.iconManager) {
+                    this.iconManager.hide();
+                    if (this.debug) {
+                        console.log('Icon config changed, recreating icon manager');
+                    }
+                }
+                this.iconManager = new IconManager(iconPosition, this.debug, iconTarget);
+                await this.iconManager.show();
+                // 保存新的配置
+                this.lastIconConfig = { position: iconPosition, target: iconTarget };
+            }
+            else {
+                // 配置没变化，保留图标管理器（避免闪烁）
+                if (!this.iconManager) {
+                    // 如果不存在，创建新的
+                    this.iconManager = new IconManager(iconPosition, this.debug, iconTarget);
+                    await this.iconManager.show();
+                }
+                else {
+                    // 已存在，确保显示（可能被隐藏了）
+                    await this.iconManager.show();
+                    if (this.debug) {
+                        console.log('Icon config unchanged, keeping existing icon manager');
+                    }
+                }
+                // 更新配置记录
+                this.lastIconConfig = { position: iconPosition, target: iconTarget };
+            }
             // 创建iframe管理器（自动检测设备类型）
             this.iframeManager = new IframeManager({
                 src: iframeUrl,
@@ -21090,6 +21148,7 @@ class CustomerServiceSDK {
         this.screenshotManager = null;
         this.config = null;
         this.initResult = null;
+        this.lastIconConfig = null;
         this.isInitialized = false;
         if (this.debug) {
             console.log('CustomerSDK destroyed');
@@ -21134,6 +21193,36 @@ class CustomerServiceSDK {
             return fallbackId;
         }
     }
+    /**
+     * 检查图标配置是否变化
+     */
+    isIconConfigChanged(newPosition, newTarget) {
+        // 如果没有保存的配置，说明是首次初始化，需要创建
+        if (!this.lastIconConfig) {
+            return true;
+        }
+        // 比较位置配置
+        const positionChanged = JSON.stringify(this.lastIconConfig.position) !== JSON.stringify(newPosition);
+        // 比较 target 配置
+        const oldTarget = this.lastIconConfig.target;
+        let targetChanged = false;
+        if (oldTarget !== newTarget) {
+            // 如果引用不同，进一步检查
+            if (typeof oldTarget === 'string' && typeof newTarget === 'string') {
+                // 都是字符串，比较值
+                targetChanged = oldTarget !== newTarget;
+            }
+            else if (oldTarget instanceof HTMLElement && newTarget instanceof HTMLElement) {
+                // 都是 HTMLElement，比较引用（引用不同就是变化了）
+                targetChanged = true;
+            }
+            else {
+                // 类型不同，肯定是变化了
+                targetChanged = true;
+            }
+        }
+        return positionChanged || targetChanged;
+    }
     /**
      * 构建iframe URL（带用户参数和设备ID）
      */