@94ai/softphone 5.0.10 → 5.0.12

package/html-softphone-demo/micro-call-ui/microphone.js

@@ -0,0 +1,829 @@
+const { addGlobalUncaughtErrorHandler, initGlobalState, registerMicroApps, loadMicroApp, start } = window.qiankun
+const { bus, setupApp } = window.wujie
+class SoftphoneManager {
+  nfMicrophoneInstance
+  option = {
+    origin: 'ai-softphone',
+    ancestorOrigin: 'nf-softphone',
+    destinationOrigin: '*',
+
+    mode: 'qiankun',
+    lang: 'zh',
+    name: 'nf-microphone',
+    blackList: ['#/login'],
+    isOem: true,
+    accessMode: 'pc',
+    numberKeyBoard: true,
+
+    sgGateway: undefined,
+    sgBase: undefined,
+    sgOpen: undefined,
+    sgDomain: undefined,
+    timestamp: undefined,
+    sign: undefined,
+    open: '1',
+
+    envMap: {
+      dev: {
+        host: 'http://softphone.test.k8s.com',
+        port: '80',
+        base: '/'
+      },
+      test: {
+        host: 'http://softphone.test.k8s.com',
+        port: '80',
+        base: '/'
+      },
+      sg: {
+        host: 'https://seat.teleai.com',
+        port: 443,
+        base: '/'
+      },
+      gray: {
+        host: 'http://softphone.gray.94ai.com',
+        port: 80,
+        base: '/'
+      },
+      prod: {
+        host: 'https://seat.94ai.com',
+        port: 443,
+        base: '/'
+      }
+    },
+    env: 'prod',
+    el: undefined,
+
+    agentId: undefined,
+    agentTag: undefined,
+    appKey: undefined,
+    appSecret: undefined,
+    extStatus: '1',
+
+    callShow: '1',
+    transferToLaborShow: '1',
+    restShow: '1',
+    networkDetectShow: '1',
+    muteShow: '1',
+    logShow: '1',
+    timingShow: '1',
+    signShow: '1',
+
+    softphoneConnectCallBack: () => {
+      console.log('softphone-connect')
+    },
+    softphoneCallRefreshCallBack: () => {
+      console.log('softphone-call-refresh')
+    },
+    softphoneSeatStatusChangeCallBack: () => {
+      console.log('softphone-seats-status-change')
+    },
+    softphoneAcceptCallBack: () => {
+      console.log('softphone-accept')
+    },
+    softphoneIgnoreCallBack: () => {
+      console.log('softphone-ignore')
+    },
+    softphoneHangupCallBack: () => {
+      console.log('softphone-hangup')
+    },
+    softphoneSessionStateChangeCallBack: () => {
+      console.log('softphone-session-state-change')
+    },
+    softphoneIncomingCallBack: () => {
+      console.log('softphone-incoming')
+    },
+    softphoneSendDtmfCallBack: () => {
+      console.log('softphone-send-dtmf')
+    },
+    softphoneConnectRegisteredCallBack: () => {
+      console.log('softphone-connect-registered')
+    },
+    softphoneSignOverduedCallBack: (done) => {
+      done({
+        timestamp: undefined,
+        sign: undefined
+      })
+    }
+  }
+
+  initSoftphone = (option) => {
+    if (this.nfMicrophoneInstance) {
+      return
+    }
+    const props = this.option = option ? { ...this.option, ...option } : this.option
+
+    const setUserInfo = (userInfo) => {
+      if (userInfo.sign && props.sign && userInfo.sign !== props.sign) {
+        this.option.sign = userInfo.sign
+        this.option.timestamp = userInfo.timestamp
+      }
+    }
+
+    const getUserInfo = () => {
+      const {
+        agentId,
+        agentTag,
+        appKey,
+        appSecret,
+        timestamp,
+        sign,
+        extStatus,
+        origin,
+        ancestorOrigin,
+        destinationOrigin,
+        callShow,
+        transferToLaborShow,
+        restShow,
+        networkDetectShow,
+        muteShow,
+        logShow,
+        timingShow,
+        signShow,
+        lang,
+        name,
+        extensionInfo,
+        blackList,
+        extPassword,
+        extensionNumber,
+        wsRegisterAddress,
+        wsProtocol,
+        isOem,
+        numberKeyBoard,
+        accessMode,
+        sipHeaders,
+        sgGateway,
+        open,
+        sgOpen,
+        sgDomain,
+        sgBase,
+        token,
+        timeZone,
+        getOfflineInfo,
+        changeALittleRest,
+        quickCallWin,
+        phoneRegex,
+        account,
+        extAccount,
+        socketHost,
+        sid,
+        uid,
+        newUserId,
+        companyId,
+        company,
+        countryId,
+        countryName,
+        authUserType,
+        userType,
+        recordPath,
+        constMap
+      } = props
+
+      return {
+        agentId,
+        agentTag,
+        appKey,
+        appSecret,
+        timestamp,
+        sign,
+        extStatus,
+        origin,
+        ancestorOrigin,
+        destinationOrigin,
+        callShow,
+        transferToLaborShow,
+        restShow,
+        networkDetectShow,
+        muteShow,
+        logShow,
+        timingShow,
+        signShow,
+        lang,
+        name,
+        extensionInfo,
+        blackList,
+        extPassword,
+        extensionNumber,
+        wsRegisterAddress,
+        wsProtocol,
+        isOem,
+        numberKeyBoard,
+        accessMode,
+        sipHeaders,
+        sgGateway,
+        open,
+        sgOpen,
+        sgDomain,
+        sgBase,
+        token,
+        timeZone,
+        getOfflineInfo,
+        changeALittleRest,
+        quickCallWin,
+        phoneRegex,
+        account,
+        extAccount,
+        socketHost,
+        sid,
+        uid,
+        newUserId,
+        companyId,
+        company,
+        countryId,
+        countryName,
+        authUserType,
+        userType,
+        recordPath,
+        constMap,
+        seats: true
+      }
+    }
+
+    // 数据总线
+    class Shared {
+      key
+
+      constructor(key) {
+        this.key = key
+      }
+
+      /**
+       * 获取 UserInfo
+       */
+      getUserInfo() {
+        return {}
+      }
+
+      setUserInfo() {
+      }
+
+      /**
+       * 获取分机信息
+       */
+      getExtensionInfo() {
+        return props.extensionInfo || {}
+      }
+
+      /**
+       * 获取 Gateway
+       */
+      getGateway() {
+        if (props.sgGateway) {
+          if (isDomainOrIP(props.sgGateway)) {
+            return props.sgGateway
+          }
+          if (props.sgGateway === '1') {
+            return 'https://gateway.teleai.com'
+          } else if (props.sgGateway === '0') {
+            return 'https://gateway.94ai.pro'
+          }
+        }
+        return 'https://gateway.94ai.pro'
+      }
+
+      getOpenApi() {
+        const {
+          sgOpen,
+          sgDomain
+        } = props
+        if (sgOpen) {
+          if (isDomainOrIP(sgOpen)) {
+            return sgOpen
+          }
+          if (sgOpen === '1') {
+            if (sgDomain === '1') {
+              return 'https://seat.teleai.com/sgopenapi'
+            } else {
+              return 'https://seat.teleai.com/openapi'
+            }
+          } else if (sgOpen === '0') {
+            if (sgDomain === '1') {
+              return 'https://seat.94ai.com/sgopenapi'
+            } else {
+              return 'https://seat.94ai.com/openapi'
+            }
+          }
+        }
+        return 'https://seat.94ai.com/openapi'
+      }
+
+      getBase() {
+        const {
+          sgBase
+        } = props
+        if (sgBase) {
+          if (isDomainOrIP(sgBase)) {
+            return sgBase
+          }
+          if (sgBase === '1') {
+            return 'https://seat.teleai.com/api'
+          } else if (sgBase === '0') {
+            return 'https://seat.94ai.com/api'
+          }
+        }
+        return undefined
+      }
+
+      getIsOem() {
+        return props.isOem
+      }
+
+      getSoftPhoneShowCall() {
+        if (props.callShow === '0') {
+          return false
+        }
+        return true
+      }
+
+      getSoftPhoneShowTransferToLabor() {
+        if (props.transferToLaborShow === '0') {
+          return false
+        }
+        return true
+      }
+
+      getSoftPhoneShowRest() {
+        if (props.restShow === '0') {
+          return false
+        }
+        return true
+      }
+
+      getSoftPhoneShowNetworkDetect() {
+        if (props.networkDetectShow === '0') {
+          return false
+        }
+        return true
+      }
+
+      getSoftPhoneShowMute() {
+        if (props.muteShow === '0') {
+          return false
+        }
+        return true
+      }
+
+      /**
+       * 是否展示对话记录功能
+       */
+      getSoftPhoneShowLog() {
+        if (props.logShow === '0') {
+          return false
+        }
+        return true
+      }
+
+      getSoftPhoneShowTiming() {
+        if (props.timingShow === '0') {
+          return false
+        }
+        return true
+      }
+
+      getSoftPhoneShowSign() {
+        if (props.signShow === '0') {
+          return false
+        }
+        return true
+      }
+
+      /**
+       * 使用按键拨号
+       */
+      getNumberKeyBoard() {
+        return props.numberKeyBoard
+      }
+
+      /**
+       * sip扩展头
+       */
+      getSipHeaders() {
+        // return ['sip-xx-headers1: 1', 'sip-xx-headers2: 2']
+        return props.sipHeaders
+      }
+
+      /**
+       * 启动移动端模式
+       */
+      getIsMobile() {
+        return props.accessMode === 'mobile'
+      }
+
+      /**
+       * 设置语言
+       */
+
+      getLanguage() {
+        return props.lang
+      }
+
+      setLanguage() {
+        //
+      }
+
+      getApplicationCode() {
+        return 3
+      }
+    }
+
+    // 实例+动作管理
+    class MicroManager {
+      showSoftPhone = true
+
+      app
+      mode = props.mode
+
+      #qiankunActions
+
+      getQiankunActions() {
+        return this.#qiankunActions
+      }
+
+      getWejieActions() {
+        return bus
+      }
+
+      microCommunicat(
+        type,
+        data = {},
+        operationType = 'manual',
+        ancestorOrigin = props.ancestorOrigin,
+        destinationOrigin = props.destinationOrigin
+      ) {
+        const state = {
+          origin: 'nf-softphone',
+          ancestorOrigin: ancestorOrigin || props.ancestorOrigin,
+          destinationOrigin: destinationOrigin || props.destinationOrigin,
+          type,
+          data: {
+            ...data,
+            type: operationType
+          }
+        }
+        if (this.mode === 'qiankun') {
+          this.getQiankunActions().setGlobalState(state)
+        } else if (this.mode === 'wujie') {
+          this.getWejieActions().$emit('ai-softphone', state)
+        }
+      }
+
+
+      // 签入
+      connect() {
+        this.microCommunicat('softphone-connect', {
+          status: true
+        })
+      }
+
+      disconnect() {
+        this.microCommunicat('softphone-connect', {
+          status: false
+        })
+      }
+
+      seatsStatusChange(status) {
+        this.microCommunicat('softphone-connect', {
+          status
+        })
+      }
+
+      accept() {
+        this.microCommunicat('softphone-connect')
+      }
+
+      ignore() {
+        this.microCommunicat('softphone-hangup')
+      }
+
+      hangup() {
+        this.microCommunicat('softphone-hangup')
+      }
+
+      sendDtmf() {
+        this.microCommunicat('softphone-send-dtmf')
+      }
+
+      signOverdued(data) {
+        this.microCommunicat('softphone-sign-overdued', data, 'auto', props.ancestorOrigin, 'ai-softphone')
+      }
+
+      changeServerToRegister() {
+        this.microCommunicat('softphone-change-server-to-register')
+      }
+
+      getMicroAppConfig() {
+        const config = []
+        const shared = new Shared('default')
+        if (props.getOfflineInfo) {
+          shared.getOfflineInfo = async (data) => {
+            return await props.getOfflineInfo
+            !(data)
+          }
+        }
+        if (props.changeALittleRest) {
+          shared.changeALittleRest = async (data) => {
+            return await props.changeALittleRest
+            !(data)
+          }
+        }
+        if (props.quickCallWin) {
+          shared.quickCallWin = async (data) => {
+            return await props.quickCallWin
+            !(data)
+          }
+        }
+        (Object.keys(props.envMap).reduce((res, currentValue) => {
+          res[currentValue] = [{
+            name: props.name,
+            host: props.envMap[currentValue].host,
+            port: props.envMap[currentValue].port,
+            base: props.envMap[currentValue].base,
+            container: props.el,
+            activeRule: (location) => {
+              if (!this.showSoftPhone) {
+                return false
+              }
+              if (props.blackList.includes(location.hash)) {
+                return false
+              }
+              return true
+            },
+            props: {
+              name: props.name
+            }
+          }]
+          return res
+        }, {})[props.env] || []).forEach(item => {
+          config.push({
+            name: item.name,
+            entry: `${ item.host }${ (item.port ? `:${ item.port }` : '') + item.base }?name=${ item.name }`,
+            container: item.container,
+            activeRule: item.activeRule,
+            props: { ...item.props, shared }
+          })
+        })
+        return config
+      }
+
+      initState() {
+        this.#qiankunActions = initGlobalState({
+          type: 'qiankun-init',
+          origin: props.origin,
+          ancestorOrigin: props.ancestorOrigin,
+          destinationOrigin: props.destinationOrigin,
+          data: null
+        })
+        this.#qiankunActions.onGlobalStateChange((state) => {
+          // state: 变更后的状态; prev 变更前的状态
+          (new SoftphoneNotity()).useQinkunSoftphoneNotity(state)
+        })
+        addGlobalUncaughtErrorHandler((event) => {
+          if (event.type === 'error' && event.error?.message === 'application \'softPhone\' died in status LOADING_SOURCE_CODE: Failed to fetch') {
+            this.showSoftPhone = false
+          }
+          console.error(event)
+        })
+      }
+
+      /**
+       * 手动加载子应用
+       */
+      loadQiankunMicroApps() {
+        const appConfig = this.getMicroAppConfig()[0]
+        appConfig.props.shared.getUserInfo = getUserInfo
+        appConfig.props.shared.setUserInfo = setUserInfo
+        this.initState()
+        this.app = loadMicroApp(appConfig, {
+          sandbox: {
+            experimentalStyleIsolation: true
+          }
+        })
+      }
+
+      /**
+       * 卸载子应用
+       */
+      unmountQiankunMicroApps() {
+        try {
+          this.app?.unmount()
+          this.#qiankunActions?.offGlobalStateChange()
+        } catch (e) {
+          //
+        } finally {
+          this.app = null
+        }
+      }
+
+      registerWujieMicroApps() {
+        const appConfig = this.getMicroAppConfig()[0]
+        const url = appConfig.entry
+        appConfig.props.shared.getUserInfo = getUserInfo
+        appConfig.props.shared.setUserInfo = setUserInfo
+
+        setupApp({
+          name: props.name,
+          plugins: [
+            {
+              cssBeforeLoaders: [{ src: `${ url }/index.css` }]
+            }
+          ],
+          url,
+          exec: true,
+          props: {
+            shared: appConfig.props.shared
+          },
+          fetch(url, options) {
+            return window.fetch(url, { ...options, credentials: 'omit' })
+          },
+          degrade: !window.Proxy || !window.CustomElementRegistry,
+          // @ts-ignore
+          beforeLoad: (appWindow) => console.log(`${ appWindow.__WUJIE.id } beforeLoad 生命周期`),
+          // @ts-ignore
+          beforeMount: (appWindow) => console.log(`${ appWindow.__WUJIE.id } beforeMount 生命周期`),
+          // @ts-ignore
+          afterMount: (appWindow) => console.log(`${ appWindow.__WUJIE.id } afterMount 生命周期`),
+          // @ts-ignore
+          beforeUnmount: (appWindow) => console.log(`${ appWindow.__WUJIE.id } beforeUnmount 生命周期`),
+          // @ts-ignore
+          afterUnmount: (appWindow) => console.log(`${ appWindow.__WUJIE.id } afterUnmount 生命周期`),
+          // @ts-ignore
+          activated: (appWindow) => console.log(`${ appWindow.__WUJIE.id } activated 生命周期`),
+          // @ts-ignore
+          deactivated: (appWindow) => console.log(`${ appWindow.__WUJIE.id } deactivated 生命周期`)
+          // loadError: (url, e) => console.log(`${url} 加载失败`, e),
+        });
+        (new SoftphoneNotity()).useWujieSoftphoneNotity()
+      }
+
+      registerQiankunMicroApps() {
+        const appConfig = this.getMicroAppConfig()[0]
+        appConfig.props.shared.getUserInfo = getUserInfo
+        appConfig.props.shared.setUserInfo = setUserInfo
+
+        registerMicroApps([appConfig], {
+          // qiankun 生命周期钩子 - 加载前
+          beforeLoad: [() => {
+            // 加载子应用前，加载进度条
+            // NProgress.start()
+            return Promise.resolve()
+          }],
+          // qiankun 生命周期钩子 - 挂载后
+          afterMount: [() => {
+            // 加载子应用前，进度条加载完成
+            // NProgress.done()
+            return Promise.resolve()
+          }],
+          // qiankun 生命周期钩子 - 卸载后
+          afterUnmount: [() => {
+            return Promise.resolve()
+          }]
+        })
+        this.initState()
+      }
+
+      startQiankun() {
+        this.registerQiankunMicroApps()
+        start({
+          singular: false,
+          prefetch: 'all',
+          sandbox: {
+            experimentalStyleIsolation: true
+          }
+        })
+      }
+
+      startWujie() {
+        this.registerWujieMicroApps()
+        // @ts-ignore
+        startApp({
+          name: props.name,
+          el: props.el
+        })
+      }
+
+      startMicrotask() {
+        if (this.mode === 'wujie') {
+          this.startWujie()
+        } else {
+          this.startQiankun()
+        }
+      }
+    }
+
+    const nfMicrophoneInstance = this.nfMicrophoneInstance = new MicroManager()
+
+    // 通知
+    class SoftphoneNotity {
+      communicationList = {
+        'softphone-connect-registered': (data) => {
+          props.softphoneConnectRegisteredCallBack?.(data)
+        },
+        'softphone-session-state-change': (data) => {
+          props.softphoneSessionStateChangeCallBack?.(data)
+        },
+        'softphone-call-refresh': (data) => {
+          props.softphoneCallRefreshCallBack?.(data)
+        },
+        'softphone-connect': (data) => {
+          props.softphoneConnectCallBack?.(data)
+        },
+        'softphone-accept': (data) => {
+          props.softphoneAcceptCallBack?.(data)
+        },
+        'softphone-seats-status-change': (data) => {
+          props.softphoneSeatStatusChangeCallBack?.(data)
+        },
+        'softphone-ignore': (data) => {
+          props.softphoneIgnoreCallBack?.(data)
+        },
+        'softphone-hangup': (data) => {
+          props.softphoneHangupCallBack?.(data)
+        },
+        'softphone-incoming': (data) => {
+          props.softphoneIncomingCallBack?.(data)
+        },
+        'softphone-send-dtmf': (data) => {
+          props.softphoneSendDtmfCallBack?.(data)
+        },
+        'softphone-sign-overdued': () => {
+          const done = (data) => {
+            const {
+              sign,
+              timestamp
+            } = data
+            nfMicrophoneInstance.signOverdued({
+              sign,
+              timestamp
+            })
+          }
+          props.softphoneSignOverduedCallBack?.(done)
+        }
+      }
+      useQinkunSoftphoneNotity = (state) => {
+        if ((state.ancestorOrigin === props.ancestorOrigin && state.origin !== props.ancestorOrigin) ||
+          (state.ancestorOrigin === props.origin && state.origin === props.origin)) {
+          if (state.destinationOrigin === '*' || state.destinationOrigin === props.destinationOrigin) {
+            this.communicationList[state.type]?.(state.data)
+          }
+        }
+      }
+
+      useWujieSoftphoneNotity() {
+        Object.keys(this.communicationList).forEach(key => {
+          bus.$on(key, (state) => {
+            if ((state.ancestorOrigin === props.ancestorOrigin && state.origin !== props.ancestorOrigin) ||
+              (state.ancestorOrigin === props.origin && state.origin === props.origin)) {
+              if (state.destinationOrigin === '*' || state.destinationOrigin === props.destinationOrigin) {
+                this.communicationList[key]?.(state.data)
+              }
+            }
+          })
+        })
+      }
+    }
+
+    // 注册软电话微应用
+    if (this.option.mode === 'qiankun') {
+      this.nfMicrophoneInstance.loadQiankunMicroApps()
+    } else {
+      this.nfMicrophoneInstance.startWujie()
+    }
+
+    return this
+  }
+
+
+  connect = () => {
+    this.nfMicrophoneInstance.connect()
+  }
+
+  disconnect = () => {
+    this.nfMicrophoneInstance.disconnect()
+  }
+
+  seatsStatusChange = (status) => {
+    this.nfMicrophoneInstance.seatsStatusChange(status)
+  }
+
+  accept = () => {
+    this.nfMicrophoneInstance.accept()
+  }
+  ignore = () => {
+    this.nfMicrophoneInstance.ignore()
+  }
+  hangup = () => {
+    this.nfMicrophoneInstance.hangup()
+  }
+  sendDtmf = () => {
+    this.nfMicrophoneInstance.sendDtmf()
+  }
+
+  changeServerToRegister = () => {
+    this.nfMicrophoneInstance.changeServerToRegister()
+  }
+
+  destory = () => {
+    this.nfMicrophoneInstance.unmountQiankunMicroApps()
+    this.nfMicrophoneInstance = undefined
+  }
+}
+const softphoneManager = new SoftphoneManager()