react_hsbc_teller 2.0.11 → 2.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react_hsbc_teller",
-  "version": "2.0.11",
+  "version": "2.0.13",
   "description": "React",
   "private": false,
   "main": "lib/hsbc.js",

package/packages/demo/demo.js

@@ -205,6 +205,8 @@ userExit =(val)=>{
             sessionId={this.state.sessionId}
             imRoomId={this.state.imRoomId}
             userSide={this.state.userSide}
+            whetherDetectFace={true}
+            whetherDetectLight={true}
                             prohibitPrompt={this.state.prohibitPrompt}
                             voiceColor={this.state.voiceColor}
                             titleBackground={this.state.titleBackground}

package/packages/pages/video/video.jsx

@@ -53,7 +53,7 @@ import Step from '../components/step/step.jsx'
 import axios from 'axios';
 import CryptoJS from "crypto-js";
 
-const SDK_VERISON = '2.0.11'
+const SDK_VERISON = '2.0.13'
 const IDtypeFront = '请客户在其设备后置摄像头下展示证件正面（如：身份证照片页面）'
 const IDtypeBack = '请在后置摄像头下展示证件反面（如：身份证国徽页）'
 const { Option } = Select;
@@ -349,12 +349,14 @@ class Video extends Component {
     try {
       let result = await API.createRoom({
         staffId: this.props.tellerAccount,
+        staffName: this.props.staffName,
         activityId: this.props.businessNumber,
         callbackUrl: this.props.callbackUrl,
         meetingDuration: this.props.meetingDuration,
         recordMode: this.props.recordMode,
         defaultBranchCode: this.props.defaultBranchCode,
         customerId: this.props.customerId,
+        customerType: this.props.customerType.toString(),
         salesBranchCode:  this.props.salesBranchCode,
         financialOffice:  this.props.financialOffice,
         roomId: this.state.channelId,
@@ -1725,8 +1727,12 @@ class Video extends Component {
           this.saveLog('Start business recording')
           this.enableServerRecording( Mival.id)
 
-          this.startFaceDetection();
-          this.startImageDetection();
+          if (this.props.whetherDetectFace){
+            this.startFaceDetection();
+          }
+          if (this.props.whetherDetectLight){
+            this.startImageDetection();
+          }
         } else if (Mival.status == 2) {
           // 关闭了业务录制
           console.log('业务录制关闭')
@@ -5255,9 +5261,6 @@ class Video extends Component {
       networkStatus: '未知', // 网络状态 （已连接/未连接）
       cameraResult: this.state.cameraList.length>0 ? '合格': '不合格', // 摄像头检测
       microResult: this.state.microphoneList.length>0 ? '合格': '不合格', // 麦克风检测
-      jsHeapSizeLimit: '未知', // 上下文内可用堆的最大体积
-      totalJSHeapSize: '未知', // 已分配的堆体积
-      usedJSHeapSize: '未知', // 当前 JS 堆活跃段（segment）的体积
       lightResult: this.state.envInfo? this.state.envInfo.lightResult : '未知'
     }
      
@@ -5305,28 +5308,7 @@ class Video extends Component {
       }
       
     }
-    // 内存检测
-    if (performance.memory) {
-      const filterSize = (size) => {
-        if (!size) return ''
-        if (size < pow1024(1)) return size + ' B'
-        if (size < pow1024(2)) return (size / pow1024(1)).toFixed(2) + ' KB'
-        if (size < pow1024(3)) return (size / pow1024(2)).toFixed(2) + ' MB'
-        if (size < pow1024(4)) return (size / pow1024(3)).toFixed(2) + ' GB'
-        return (size / pow1024(4)).toFixed(2) + ' TB'
-      }
     
-      function pow1024(num) {
-          return Math.pow(1024, num)
-      }
-      envInfo.jsHeapSizeLimit = filterSize(performance.memory.jsHeapSizeLimit)
-      envInfo.totalJSHeapSize = filterSize(performance.memory.totalJSHeapSize)
-      envInfo.usedJSHeapSize = filterSize(performance.memory.usedJSHeapSize)
-      // console.log('上下文内可用堆的最大体积', envInfo.jsHeapSizeLimit)
-      // console.log('已分配的堆体积', envInfo.totalJSHeapSize)
-      // console.log('当前 JS 堆活跃段（segment）的体积', envInfo.usedJSHeapSize)
-      envInfo.memoryResult = '合格'
-    }
     // 背景曝光环境检测
     this.lightDetect()
 
@@ -5949,7 +5931,6 @@ class Video extends Component {
     const isEnvironmentOK = !this.state.loading && 
                             this.state.envInfo.networkResult=='合格' &&
                             this.state.envInfo.batteryResult=='合格' &&
-                            this.state.envInfo.memoryResult=='合格' &&
                             this.state.envInfo.cameraResult=='合格' &&
                             this.state.envInfo.microResult=='合格' &&
                             this.state.envInfo.lightResult=='合格'
@@ -6064,13 +6045,15 @@ class Video extends Component {
 
                         </ul>
                       </div>
-                      {!this.state.loading && this.state.sessionId?
-                      <QRCode
-                            style={{'position': 'absolute', 'right': '10px', 'top': '-110px'}}
+                      {!this.state.loading && this.state.sessionType && this.state.sessionId?
+                      <div className='QRCode'>
+                        <QRCode
                             value={this.state.sessionId}  //value参数为生成二维码的链接
-                            size={100} //二维码的宽高尺寸
+                            size={110} //二维码的宽高尺寸
                             fgColor="#000000"  //二维码的颜色
-                      /> : null}
+                        />
+                        <div className='sessionDiv'>{this.state.sessionId.slice(0, 4)}-{this.state.sessionId.slice(4-this.state.sessionId.length)}</div>
+                      </div> : null}
                     </div>
                   }
 
@@ -6638,10 +6621,6 @@ class Video extends Component {
                 key="2" className={this.state.envInfo.batteryResult=='不合格'? 'panel-error':''}>
                 <p className='envClass'>电量：{this.state.envInfo.batteryLevel}（{this.state.envInfo.batteryCharging}）</p>
               </Panel>
-              <Panel header={<span>内存检测 - {this.state.envInfo.memoryResult} {this.state.envInfo.memoryResult=='不合格'? <img src={IconFail} />: <img src={IconSuccess} />}</span>} 
-                key="1" className={this.state.envInfo.memoryResult=='不合格'? 'panel-error':''}>
-                <p className='envClass'>最大可用内存：{this.state.envInfo.jsHeapSizeLimit} ；当前已使用：{this.state.envInfo.usedJSHeapSize} </p>
-              </Panel>
               <Panel header={<span>摄像头设备 - {this.state.envInfo.cameraResult}{this.state.envInfo.cameraResult=='不合格'? <img src={IconFail} />: <img src={IconSuccess} />}</span>} 
                 key="3" className={this.state.envInfo.cameraResult=='不合格'? 'panel-error':''}>
                 <div >
@@ -6719,13 +6698,17 @@ Video.defaultProps = {
   shareMask: false,
   isOpenSound: false, // true开启进出音效   false不开启
   isWeakSound: false,
+  whetherDetectFace: false, // 是否在双录时开启人脸检测
+  whetherDetectLight: false, // 是否在双录时开启背光检测
   userSide: 2,
   meetingDuration: null, // 会议时长，单位小时
   recordMode: 1, // 录制模式 1远程录制 2网点录制
   defaultBranchCode: "",// 员工网点缩写
   customerId: "", //客户号
+  customerType: "", // 客户类型
   salesBranchCode: "", //网点编号(分行号)
   financialOffice: "", // 理财室
+  staffName: '', // 坐席名称
   logUrl: 'http://hsbc.cn-shanghai.log.aliyuncs.com/logstores/hsbc/track?APIVersion=0.6.0&app=meeting-ui',
   internalUrl: 'https://wp-staff-gateway.wealth-platform.uat.ali.cloud.cn.hsbc/meeting-ui/OHB/CN/HSBC?chnlID=OHB&locale=zh_CN&chnlCC=CN&chnlGMC=HSBC&targetFunc=supervisorMeeting&sourceFunc=rmMeeting'
 }

package/packages/pages/video/video.less

@@ -276,6 +276,7 @@
   font-size: 22px;
     color: #222222;
     font-weight: 600;
+    transform: translateX(-100px);
   ul{
     li{ 
       list-style: none;
@@ -643,4 +644,22 @@ display: inline-flex;
 .imgDIV{
   margin: 0 !important;
   text-align:center;
-}
+}
+.QRCode{
+  position: absolute;
+  right: -200px;
+  top: 30px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  .sessionDiv{
+    background: #DB0011;
+    border-radius: 20px;
+    padding: 0 15px;
+    text-align: center;
+    line-height: 40px;
+    height: 40px;
+    color: white;
+    margin-top: 20px;
+  }
+}