npm - ue-softphone-sdk - Versions diffs - 3.0.15 → 3.0.17 - Mend

ue-softphone-sdk 3.0.15 → 3.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/lib/types/index.d.ts +5 -0
package/dist/lib/ue-soft-phone.min.js +2 -2
package/dist/types/index.d.ts +5 -0
package/dist/ue-softphone-sdk.js +2 -2
package/index.html/index.html +13 -3
package/package.json +1 -1
package/sdkdemo/img/wifi1.b7af5ed5.svg +10 -0
package/sdkdemo/img/wifi2.1648a543.svg +4 -0
package/sdkdemo/img/wifi3.ec030889.svg +4 -0
package/sdkdemo/img/wifi4.101d572a.svg +4 -0
package/sdkdemo/ue-load.min.js +60 -60
package/sdkdemo/ue.lib.css +1 -1
package/sdkdemo/ue.min.js +19 -5
package/sdkdemo/webphone_ez.html +76 -0
package/src/index.ts +171 -52

package/sdkdemo/webphone_ez.html ADDED Viewed

@@ -0,0 +1,76 @@
+<!--
+ * @Author: Wangtao
+ * @Date: 2024-02-04 15:32:27
+ * @LastEditors: Wangtao
+ * @LastEditTime: 2024-02-05 19:32:44
+-->
+<!DOCTYPE html>
+<html>
+<script type="text/javascript"></script>
+<!-- <script src="./ue-load.min.js"></script> -->
+<script src="https://softphone-dev.useasy.cn/ue-load.min.js"></script>
+<!-- <script src="https://softphone-dev.useasy.cn/ue-load.min.js"></script> -->
+<body>
+  <div>
+    <div id="button">
+      <button id="SHOP_CART_ADD_SKU" onclick="callout();">外呼</button>
+      <button id="SHOP_CHECKOUT_CREATE" onclick="hangup();">挂断</button>
+      <button id="SHOP_CHECKOUT_CREATE" onclick="loadjs();">动态加js</button>
+      <button id="SHOP_CHECKOUT_CREATE" onclick="init();">初始化</button>
+    </div>
+  </div>
+</body>
+<script type="text/javascript">
+  /* 动态加载js */
+  function loadjs () {
+    const script = document.createElement('script')
+    script.type = 'text/javascript'
+    script.src = 'https://softphone.useasy.cn/ue-load.min.js'
+    document.body.appendChild(script)
+  }
+  window.ueSimpleSoftphone.init({
+    accountId: 'uecs1',
+    agentNumber: '8005',
+    password: 'Aa132456@',
+    loginType: 'WEBRTC',
+    isOpenCallQueue: false,
+    isOpenNetwork: true,
+    openNlsTranslation: true,
+    server: 'https://dev1.useasy.cn/api',
+    listenCallEvent: function (event) {
+      console.log('外部事件接收：', event)
+    }
+  })
+  /* 初始化 */
+  function init () {
+    window.ueSimpleSoftphone.init({
+      accountId: 'uecs1',
+      agentNumber: '8005',
+      password: 'Aa132456@',
+      loginType: 'WEBRTC',
+      isOpenCallQueue: false,
+      isOpenNetwork: true,
+      openNlsTranslation: true,
+      server: 'https://dev1.useasy.cn/api',
+      listenCallEvent: function (event) {
+        console.log('外部事件接收：', event)
+      }
+    })
+  }
+  /* function callout(){
+    ue.call.callout(Object object);
+    console.log("外呼");
+  }
+  function hangup(){
+    ue.call.hangup(Object object)
+    console.log("挂断");
+  } */
+</script>
+</html>

package/src/index.ts CHANGED Viewed

@@ -50,6 +50,7 @@ interface InitOptions {
   pushHangupStatistics?: boolean;
   pushCallinRingStatistics?: boolean;
   isOpenCallQueue?: boolean; //是否开启呼叫队列推送
+  openNlsTranslation?: boolean; //是否开启电话条监听实时转译
 }
 interface SocketMonitorOptions {
   transport: String;
@@ -255,6 +256,7 @@ export default class ueSoftphone {
   static Socketinstance: any = null;
   static AudioTask: any = null
   static MonitorSocketinstance: any = null;
+  static UserConfig: any = null
   static noop(): void {}
   static debug: (msg: any) => void;
   static log: (msg: any) => void;
@@ -268,6 +270,8 @@ export default class ueSoftphone {
   private attachMonitorEventCallbacks: any;
+  private attachNlsTranslationEventCallbacks: any;
   constructor(options: InitOptions = {}) {
     options.error = typeof options.error == "function" ? options.error : ueSoftphone.noop;
     options.success = typeof options.success == "function" ? options.success : ueSoftphone.noop;
@@ -355,7 +359,7 @@ export default class ueSoftphone {
   private async login(options: InitOptions) {
     console.log(options,"options");
+    ueSoftphone.UserConfig = options
     const server = options.server || ueSoftphone.callApiUrl;
     const loginName = options.agentNumber + "@" + options.accountId;
     const loginType = options.loginType;
@@ -364,6 +368,7 @@ export default class ueSoftphone {
     const isOpenNetwork = options.isOpenNetwork || false; // 是否开启网络检测，若需要则会挂监控网络状态,并将值回吐给客户
     const isOpenCallQueue = options.isOpenCallQueue || false; // 是否开启呼叫队列推送，若需要则会挂呼叫队列socket,并将事件回吐给客户
+    const openNlsTranslation = options.openNlsTranslation || false; // 是否开启电话条监听实时转译，若需要则会挂呼叫队列socket,并将事件回吐给客户
     let actionData = {
       loginName: loginName,
       loginType: loginType,
@@ -433,8 +438,8 @@ export default class ueSoftphone {
                         this.initnNetworkMonitoring(loginInfo.data.pushServer,'')
                       }
-                      // 是否开启呼叫队列推送
-                      if(isOpenCallQueue) {
+                      // 是否开启呼叫队列推送(开启呼叫队列或者开启电话条监听都会开启)
+                      if(isOpenCallQueue||openNlsTranslation) {
                         // 呼叫队列推送
                         this.initAgentQueue(
                           server,
@@ -443,6 +448,8 @@ export default class ueSoftphone {
                           loginInfo.data.agent,
                           options.success
                         );
+                      }
+                      if(isOpenCallQueue){
                         // 初始化获取呼叫队列数据
                         this.initQueue(server);
                       }
@@ -493,7 +500,6 @@ export default class ueSoftphone {
       }
     });
   }
   static createEventHandle(callbacks: any = {}) {
     callbacks.success =
       typeof callbacks.success == "function" ? callbacks.success : ueSoftphone.noop;
@@ -565,6 +571,7 @@ export default class ueSoftphone {
       if (event.subType === "KICK_OFF") {
         if (event.data.kickoff === true) {
           this.Socketinstance.disconnect();
+          ueSoftphone.loginToken = 'KICK_OFF'
           try {
             ueSoftphone.webPhone.disconnect();
             console.log(event,"互踢")
@@ -611,16 +618,6 @@ export default class ueSoftphone {
   //     //   ueSoftphone.initOptions.sdkMonitorType || [];
   //     this.attachMonitorEventCallbacks.SocketOptions = {
   //       query: {
-  //         transport: "websocket",
-  //         sessionid: userOptions._id,
-  //         logintoken: userOptions.loginToken
-  //       },
-  //       reconnectionDelay: 3000,
-  //       "force new connection": true
-  //     };
-  //     ueSoftphone.createQueueMonitorEventHandle(this.attachMonitorEventCallbacks);
-  //   }
-  // };
   // 电话条事件回调
   private initAttachEvent = (
     server: any,
@@ -745,7 +742,7 @@ export default class ueSoftphone {
     userOptions: any,
     suc: any
   ) => {
-    if (this.attachMonitorEventCallbacks) {
+    if (this.attachMonitorEventCallbacks||this.attachNlsTranslationEventCallbacks) {
       // 每次创建链接的时候，要获取最新的ws token
       ueSoftphone.request(server + "/platform/action/refreshWsToken", {
         verb: "GET",
@@ -759,28 +756,54 @@ export default class ueSoftphone {
                 serverUrl = item.url;
               }
             });
-            this.attachMonitorEventCallbacks.serve = serverUrl;
-            this.attachMonitorEventCallbacks.SocketOptions = {
-              query: {
-                accountId: userOptions.accountId,
-                agentNumber: userOptions.agentNumber,
-                agentId: userOptions._id,
-                token: res.data.wsToken,
-                wsExtra: JSON.stringify({
-                  loginType: loginType,
-                  channelType: "SDK",
-                  ability: ["call"]
-                }),
-                timestamp: res.data.timestamp,
-                clientType: 3
-              },
-              reconnectionDelay: 3000,
-              "force new connection": true,
-              transports: ["websocket"],
-              timeout: 5000
-            };
-            this.attachMonitorEventCallbacks.suc = suc;
-            ueSoftphone.createQueueMonitorEventHandle(this.attachMonitorEventCallbacks);
+            if(this.attachMonitorEventCallbacks&&ueSoftphone.UserConfig.isOpenCallQueue){
+              this.attachMonitorEventCallbacks.serve = serverUrl;
+              this.attachMonitorEventCallbacks.SocketOptions = {
+                query: {
+                  accountId: userOptions.accountId,
+                  agentNumber: userOptions.agentNumber,
+                  agentId: userOptions._id,
+                  token: res.data.wsToken,
+                  wsExtra: JSON.stringify({
+                    loginType: loginType,
+                    channelType: "SDK",
+                    ability: ["call"]
+                  }),
+                  timestamp: res.data.timestamp,
+                  clientType: 3
+                },
+                reconnectionDelay: 3000,
+                "force new connection": true,
+                transports: ["websocket"],
+                timeout: 5000
+              };
+              this.attachMonitorEventCallbacks.suc = suc;
+              ueSoftphone.createQueueMonitorEventHandle(this.attachMonitorEventCallbacks);
+            }
+            if(this.attachNlsTranslationEventCallbacks&&ueSoftphone.UserConfig.openNlsTranslation){
+              this.attachNlsTranslationEventCallbacks.serve = serverUrl;
+              this.attachNlsTranslationEventCallbacks.SocketOptions = {
+                query: {
+                  accountId: userOptions.accountId,
+                  agentNumber: userOptions.agentNumber,
+                  agentId: userOptions._id,
+                  token: res.data.wsToken,
+                  wsExtra: JSON.stringify({
+                    loginType: loginType,
+                    channelType: "SDK",
+                    ability: ["call"]
+                  }),
+                  timestamp: res.data.timestamp,
+                  clientType: 3
+                },
+                reconnectionDelay: 3000,
+                "force new connection": true,
+                transports: ["websocket"],
+                timeout: 5000
+              };
+              this.attachNlsTranslationEventCallbacks.suc = suc;
+              ueSoftphone.createopenNlsTransEventHandle(this.attachNlsTranslationEventCallbacks);
+            }
           }
         },
         error: (error: any) => {
@@ -830,18 +853,18 @@ export default class ueSoftphone {
       callbacks.SocketOptions = {};
       ueSoftphone.error({ message: "login response error!" });
     }
-    this.MonitorSocketinstance = ueSoftphone.newWebSocket(
-      callbacks.server,
-      callbacks.SocketOptions
-    );
+    if(this.MonitorSocketinstance===null){
+      this.MonitorSocketinstance = ueSoftphone.newWebSocket(
+        callbacks.server,
+        callbacks.SocketOptions
+      )
+    }
     this.MonitorSocketinstance.on("connect", () => {
       callbacks.success("connect event serve success!");
       callbacks.suc();
       ueSoftphone.log("监控connect========");
     });
     this.MonitorSocketinstance.on("error", (error: string, fn: Function) => {
       callbacks.error({
         type: "socketError",
@@ -851,17 +874,33 @@ export default class ueSoftphone {
         fn("error");
       }
     });
-    // 呼叫对列消息更新
-    this.MonitorSocketinstance.on("message", (event, m) => {
-      // callbacks.message(event);
-      callbacks.message({
-        subtype: event.subType,
-        data: event.data
-      });
-    });
     this.MonitorSocketinstance.on("event", (event, m) => {
+      // 互踢逻辑
+      if (event.subType === "KICK_OFF") {
+        if (event.data.kickoff === true) {
+          this.MonitorSocketinstance.disconnect();
+          try {
+            ueSoftphone.webPhone.disconnect();
+          } catch (error) {}
+          callbacks.message({
+            message: "坐席账户在其他地方登录",
+            data: event
+          });
+        }
+      }
       callbacks.message(event);
     });
+    this.MonitorSocketinstance.on("call", (event, m) => {
+      if(event.subType=='queue'&&ueSoftphone.UserConfig.isOpenCallQueue){
+        callbacks.message({
+          subtype: event.subType,
+          data: event.data
+        });
+      }
+    });
     // if (callbacks.sdkMonitorType) {
     //   const sdkMonitorTypeArr = callbacks.sdkMonitorType || [];
     //   if (Array.isArray(sdkMonitorTypeArr)) {
@@ -875,12 +914,83 @@ export default class ueSoftphone {
     //   }
     // }
   }
+  // 更新转译socket消息推送
+  static createopenNlsTransEventHandle(callbacks: any = {}) {
+    callbacks.success =
+      typeof callbacks.success == "function" ? callbacks.success : ueSoftphone.noop;
+    callbacks.error = typeof callbacks.error == "function" ? callbacks.error : ueSoftphone.noop;
+    callbacks.message =
+      typeof callbacks.message == "function" ? callbacks.message : ueSoftphone.noop;
+    callbacks.server =
+      callbacks.serve === null || callbacks.serve === undefined
+        ? "ue-dev1.useasy.cn"
+        : callbacks.serve;
+    if (callbacks.SocketOptions === null || callbacks.SocketOptions === undefined) {
+      callbacks.SocketOptions = {};
+      ueSoftphone.error({ message: "login response error!" });
+    }
+    if(this.MonitorSocketinstance===null){
+      this.MonitorSocketinstance = ueSoftphone.newWebSocket(
+        callbacks.server,
+        callbacks.SocketOptions
+      )
+    }
+    this.MonitorSocketinstance.on("connect", () => {
+      callbacks.success("转译connect event serve success!");
+      callbacks.suc();
+      ueSoftphone.log("转译监控connect========");
+    });
+    this.MonitorSocketinstance.on("error", (error: string, fn: Function) => {
+      callbacks.error({
+        type: "socketError",
+        error: error
+      });
+      if (fn && typeof fn === "function") {
+        fn("error");
+      }
+    });
+    this.MonitorSocketinstance.on("event", (event, m) => {
+      // 互踢逻辑
+      if (event.subType === "KICK_OFF") {
+        if (event.data.kickoff === true) {
+          this.MonitorSocketinstance.disconnect();
+          try {
+            ueSoftphone.webPhone.disconnect();
+          } catch (error) {}
+          callbacks.message({
+            message: "坐席账户在其他地方登录",
+            data: event
+          });
+        }
+      }
+      callbacks.message(event);
+    });
+    this.MonitorSocketinstance.on("call", (event, m) => {
+      // 转译
+      if(event.subType=='translation'&&ueSoftphone.UserConfig.openNlsTranslation){
+        callbacks.message({
+          subtype: event.subType,
+          data: event.data
+        });
+      }
+    });
+  }
   // 对外暴露监听呼叫队列socket方法
   public listenCallQueueEvent = (callbacks: any) => {
     // 若客户对接的demo中无attachMonitorEventCallbacks回调，则无法接收到监控的事件回吐
     this.attachMonitorEventCallbacks = callbacks;
   };
+  // 电话条监听实时转译socket事件
+  public listenTranslationEvent = (callbacks: any) => {
+    // 若客户对接的demo中无attachNlsTranslationEventCallbacks回调，则无法接收到监控的事件回吐
+    this.attachNlsTranslationEventCallbacks = callbacks;
+  };
   static useDefaultDependencies(deps: any) {
     const f = (deps && deps.fetch) || fetch;
     const p = (deps && deps.Promise) || Promise;
@@ -1070,6 +1180,13 @@ export default class ueSoftphone {
           });
           return;
         }
+        if (ueSoftphone.loginToken === 'KICK_OFF') {
+          params.fail({
+            success: false,
+            message: "您的座席账号正在别处登录，当前页面电话条已退出。"
+          });
+          return;
+        }
         // if (params.encryptionAlgorithm) {
         //   encryptionAlgorithm = params.encryptionAlgorithm;
         // }
@@ -2298,11 +2415,13 @@ class ueWebsocket {
     if (type === "event") {
       this.ws.on("event", callback);
     }
+    if (type === "call") {
+      this.ws.on("call", callback);
+    }
   }
   public emit(type: string, params: any, callback: Function) {
     this.ws.emit(type, params, callback);
   }
   public disconnect() {
     this.ws.disconnect();
   }