@94ai/softphone 5.0.12 → 5.0.13

package/html-softphone-demo/embed-ui/index.html

@@ -41,9 +41,14 @@
 <script src="./util.js"></script>
 <script src="./softphone.js"></script>
 <script>
+// 国内
 const agentTag1 = 'zoujh-test'
 const appKey1 = '032d44009bff1752'
 const appSecret1 = '4c7304c94c5e8725613516d4d6db679b'
+// 海外
+// const agentId = '2357'
+// const appKey1 = 'a52e61f0d9ff1527'
+// const appSecret1 = '7ed1d78fbe214ba8b8e6a2dc9c6955aa'
 
 /**
  👈 拿到实例后可以手动触发软电话实例的各种动作，如签入，签出，接听，忽略，挂断等等，注意这个实例不是软电话实例，是链接软电话通讯的实例
@@ -54,6 +59,19 @@ const nfSoftPhone1 = (new SoftphoneManager()).initSoftphone({ // 👈 当多实
   ancestorOrigin: 'nf-softphone1', // origin，ancestorOrigin，destinationOrigin具体含义参见下文，如果是单实例，可以写死origin=ai-softphone&destinationOrigin=nf-softphone&ancestorOrigin=nf-softphone
   destinationOrigin: 'nf-softphone1',
 
+  /**
+   * start - 海外特有参数
+   */
+  // sgGateway: '1',
+  // sgBase: '1',
+  // sgOpen: '1',
+  // sgDomain: '1',
+  // env: 'sg',
+  /**
+   * end - 海外特有参数
+   */
+
+  // agentId, // 👈 坐席唯一标志
   agentTag: agentTag1, // 👈 坐席唯一标志
   appKey: appKey1, // 👈 企业appKey
   appSecret: appSecret1,
@@ -72,6 +90,10 @@ const nfSoftPhone1 = (new SoftphoneManager()).initSoftphone({ // 👈 当多实
   softphoneSendDtmfCallBack: (data) => {console.log('softphone-send-dtmf')},// 👈 转人工回调
   softphoneConnectRegisteredCallBack: (data) => {console.log('softphone-connect-registered')},// 👈 动态绑定动作完成回调（在这之后才能执行动作类总线通讯）
 });
+
+// setTimeout(() => {
+//   nfSoftPhone1.destroy()
+// }, 3000)
 </script>
 </body>
 </html>

package/html-softphone-demo/embed-ui/softphone.js

@@ -241,7 +241,11 @@ class SoftphoneManager {
     Object.keys(this.option.instanceMap).forEach(key => {
       const el = document.getElementById(key)
       if (el && el.parentNode) {
-        el.parentNode.removeChild(el)
+        if (el instanceof HTMLIFrameElement) {
+          el.remove()
+        } else {
+          el.parentNode.removeChild(el)
+        }
       }
     })
   }
@@ -450,15 +454,23 @@ class SoftphoneManager {
     this.timer = undefined
   }
 
-  destroy = () => {
-    window.removeEventListener('message', this.handlingCommunication, false);
-    if (this.option.scrollview) {
-      document.querySelector(this.option.scrollview)?.removeEventListener('scroll', this.handlingScroll)
-      document.querySelector(this.option.scrollview)?.removeEventListener('scroll', this.handlingScrollTransparent)
-    }
-    this.removeCssCode()
-    this.handlerDomRemove()
-    this.removeTimer()
+  destroy = async () => {
+    return new Promise((resolve) => {
+      this.disconnect()
+      let timer = setTimeout(() => {
+        clearTimeout(timer)
+        timer = undefined
+        window.removeEventListener('message', this.handlingCommunication, false);
+        if (this.option.scrollview) {
+          document.querySelector(this.option.scrollview)?.removeEventListener('scroll', this.handlingScroll)
+          document.querySelector(this.option.scrollview)?.removeEventListener('scroll', this.handlingScrollTransparent)
+        }
+        this.removeCssCode()
+        this.handlerDomRemove()
+        this.removeTimer()
+        resolve()
+      })
+    })
   }
 }
 

package/html-softphone-demo/index.html

@@ -347,7 +347,11 @@ document.addEventListener('DOMContentLoaded', async (event) => {
     // appSecret: '7ed1d78fbe214ba8b8e6a2dc9c6955aa', // 海外生产线 企业维度定位 这里直接使用appSecret做演示
 
     // logLevel: 'debug', // 日志等级，默认error
-
+    openXhrIntercept(xhr) {
+      // xhr.setRequestHeader('language', 'es-ES')
+      xhr.setRequestHeader('language', 'zh-CN')
+      // xhr.setRequestHeader('language', 'en-US')
+    },
     agentTag: '15018707394', // 国内生产线 坐席维度定位
     appKey: '032d44009bff1752', // 国内生产线 企业维度定位
     appSecret: '4c7304c94c5e8725613516d4d6db679b', // 国内生产线 企业维度定位 这里直接使用appSecret做演示
@@ -658,7 +662,7 @@ document.addEventListener('DOMContentLoaded', async (event) => {
               },
               async onReject (info) { //👈  转人工响应超时或失败
                 alert('转人工响应失败:' + info.message?.statusCode + ':' + info.message?.reasonPhrase)
-                reject(new Error(info.message.statusCode + ':' + info.message.reasonPhrase))
+                reject(info.message.statusCode + ':' + info.message.reasonPhrase)
               }
             }
           }) // 👈 一键转人工，await的下行代码被执行说明成功发出转人工信令
@@ -672,34 +676,41 @@ document.addEventListener('DOMContentLoaded', async (event) => {
   /**
    * 挂断
    */
-  const hangUpInvite = async () => {
-    await new Promise((resolve, reject) => {
-      const fn = async () => {
-        await userAgentManager.hangUpInvite({
-          scoutResponse: true, // 标识是手动挂断，手动挂断无需等待响应，信号成功发出立即重置会话状态。
-          byeOptions: {
-            requestDelegate: {
-              onAccept (response) { // 👈 挂断响应成功
-                resolve(response)
-              },
-              onReject: (response) => { // 👈 挂断响应超时或失败
-                alert('挂断响应失败: ' + response?.message?.statusCode + ': ' + response?.message?.reasonPhrase) // 会话终止
-                reject(new Error(response?.message?.statusCode + ': ' + response?.message?.reasonPhrase))
+  const hangUpInvite = async (reTry = false) => {
+    try {
+      await new Promise((resolve, reject) => {
+        const fn = async () => {
+          await userAgentManager.hangUpInvite({
+            scoutResponse: true, // 标识是手动挂断，手动挂断无需等待响应，信号成功发出立即重置会话状态。
+            byeOptions: {
+              requestDelegate: {
+                async onAccept (response) { // 👈 挂断响应成功
+                  resolve(response)
+                },
+                onReject: async (response) => { // 👈 挂断响应超时或失败
+                  if (typeof reTry !== 'boolean') { // 事件对象
+                    await hangUpInvite(true)
+                  }
+                  // alert('挂断响应失败: ' + response?.message?.statusCode + ': ' + response?.message?.reasonPhrase) // 会话终止
+                  reject(response?.message?.statusCode + ': ' + response?.message?.reasonPhrase)
+                }
               }
-            }
-          },
-        }) // 👈 一键挂断, 下行代码执行，说明挂端信令成功发出
-        stopPhoneRings() // 暂停来电铃声,正常挂断不需要处理铃声（因为已经接听，会话已建立，才能挂断），这里做个兜底
-        ignore.disabled = true
-        answer.disabled = true
-        hangUp.disabled = true
-        localSoundDisconnection.disabled = true
-        remoteSoundDisconnection.disabled = true
-        localVoiceAccess.disabled = true
-        remoteSoundAccess.disabled = true
-      }
-      fn()
-    })
+            },
+          }) // 👈 一键挂断, 下行代码执行，说明挂端信令成功发出
+          stopPhoneRings() // 暂停来电铃声,正常挂断不需要处理铃声（因为已经接听，会话已建立，才能挂断），这里做个兜底
+          ignore.disabled = true
+          answer.disabled = true
+          hangUp.disabled = true
+          localSoundDisconnection.disabled = true
+          remoteSoundDisconnection.disabled = true
+          localVoiceAccess.disabled = true
+          remoteSoundAccess.disabled = true
+        }
+        fn()
+      })
+    } catch (e) {
+      console.log(e.message, '======')
+    }
   }
   /**
    * 忽略
@@ -729,7 +740,7 @@ document.addEventListener('DOMContentLoaded', async (event) => {
                 resolve(info)
               },
               onAckTimeout () { // 👈 接听响应失败
-                reject(new Error('接听响应失败'))
+                reject('接听响应失败')
               }
             }) // 👈 一键接听,下行代码被执行说明接听信令被成功发出
           } catch (e) {

package/html-softphone-demo/micro-call-ui/index.html

@@ -20,10 +20,14 @@ let nfSoftPhoneInstance
 document.addEventListener('DOMContentLoaded', async (event) => {
   let sign = ''
   const timestamp = Date.now()
-
-  const agentTag = 'zoujh-test'
-  const appKey = '032d44009bff1752'
-  const appSecret = '4c7304c94c5e8725613516d4d6db679b'
+  // 国内
+  // const agentTag = 'zoujh-test'
+  // const appKey = '032d44009bff1752'
+  // const appSecret = '4c7304c94c5e8725613516d4d6db679b'
+  // 海外
+  const agentId = '2357'
+  const appKey = 'a52e61f0d9ff1527'
+  const appSecret = '7ed1d78fbe214ba8b8e6a2dc9c6955aa'
 
   const str = appKey + timestamp
   const sha1 = CryptoJS.HmacSHA1(str, appSecret)
@@ -40,14 +44,37 @@ document.addEventListener('DOMContentLoaded', async (event) => {
 
     muteShow: '0', // 👈 屏蔽静音功能
 
-    agentTag, // 👈 坐席唯一标志
+    // agentTag, // 👈 坐席唯一标志
+    agentId, // 👈 坐席唯一标志
     appKey, // 👈 企业appKey
     sign, // 👈 授权sign
     timestamp,
 
+    /**
+     * start - 海外特有参数
+     */
+    sgGateway: '1',
+    sgBase: '1',
+    sgOpen: '1',
+    sgDomain: '1',
+    env: 'sg',
+    /**
+     * end - 海外特有参数
+     */
+
     extStatus: '1', // 👈 初始化是否处于小休状态, 非1 小休 1 在线
 
-    softphoneConnectCallBack: (data) => {console.log('softphone-connect', data)}, // 👈 签入签出回调
+    softphoneConnectCallBack: async (data) => {
+      console.log(await (await data.commonSoftphone.getUserAgentManager()).getAgentInfo())
+      // const userAgent = await data.commonSoftphone.getUserAgentManager()
+      // console.log(await userAgent.getAgentInfo())
+      // console.log(await userAgent.requestOpenApi({
+      //   url: '/v1/agent/getAgent',
+      //   data: {
+      //     agentTag,
+      //   }
+      // }))
+    }, // 👈 签入签出回调
     softphoneCallRefreshCallBack: (data) => {console.log('softphone-call-refresh', data)}, // 👈 来电刷新来电记录列表回调
     softphoneSeatStatusChangeCallBack: (data) => {console.log('softphone-seats-status-change', data)},// 👈 小休和在线切换回调
     softphoneAcceptCallBack: (data) => {console.log('softphone-accept', data)},// 👈 接听回调