ipanel-rnapp-ajb-base 1.0.0

package/app/hooks/useMessageManager.js

@@ -0,0 +1,368 @@
+import React, {useState, useEffect, useCallback, useRef} from 'react';
+import {PermissionsAndroid, Platform} from 'react-native';
+
+import {format} from 'date-fns';
+
+import storage from '../storage';
+import eventBus, {EVENTS} from '../eventBus';
+import config from '../utils/config';
+import {MSG_TYPES, genMsg} from '../utils/common';
+import applyPermissions from '../utils/applyPermissions';
+
+let connectStatus = -1; // -1 连接中  0 连接成功  1连接失败
+
+let tryConnectTimes = 0;
+
+/**
+ * 智能客服中心JS
+ */
+
+// storage.set('messageList', []); // 这是测试代码，如果要清空本地消息，则临时放开这段运行一下
+// get local messageList
+storage.get('messageList').then(msgList => {
+  if (typeof msgList === 'string') {
+    try {
+      msgList = JSON.parse(msgList);
+    } catch (e) {
+      console.log('msgList error', e, msgList);
+      msgList = [];
+    }
+  }
+  global.base.messageManager.messages = msgList || [];
+});
+
+// 当前是否处于智能客服转人工
+let isManualCustomServiceActive = false;
+// 当前人工客服
+let currentCustomStaff = {};
+// 用户长时间没有发送消息后自动退出转人工的定时器
+let manualCustomServiceTimer;
+
+// TODO 定期轮询检查消息过期
+
+const UseMessageManager = () => {
+  const ws = useRef(null);
+
+  const sendMessage = useCallback(msg => {
+    if (ws.current) {
+      console.log('ws.send');
+      ws.current.send(JSON.stringify(msg));
+      eventBus.emit(EVENTS.MESSAGE.ADD, msg);
+    }
+  }, []);
+
+  const connectMsgServer = async connectSuccessCallback => {
+    console.log('connectMsgServer start');
+    const token = await storage.get('accessToken');
+    const accountData = await storage.get('accountData');
+    const activeAddr = await storage.get('activeAddr');
+    let wsUrl = `${
+      config.IPANEL_CLOUD_WSS_URI
+    }/s/ch/${await global.base.getHomeCloudServiceInstanceName()}/common/msgcenter/websocket`;
+
+    const connectParams = [
+      `user_id=${accountData.user.user_id}`, // 用户id
+      `address_id=${activeAddr.address_id}`, // 用户当前选中的家庭地址id
+      `token=${token}`,
+      'lon=',
+      'lat=',
+    ];
+
+    // 缓存全局智能客服websocket连接
+    global.base.messageManager.wsRef = ws;
+    global.base.messageManager.connectMsgServer = connectMsgServer;
+
+    const url = `${wsUrl}?${connectParams.join('&')}`;
+    console.log('useMessageManager ws url:', url);
+
+    ws.current = new WebSocket(url);
+    ws.current.onopen = () => {
+      console.log('useMessageManager ws open');
+      connectStatus = 0;
+      eventBus.emit(EVENTS.MESSAGE.CONNECT_STATUS_CHANGE, connectStatus);
+
+      connectSuccessCallback && connectSuccessCallback();
+    };
+    ws.current.onmessage = ({data}) => {
+      const msg = JSON.parse(data);
+      eventBus.emit(EVENTS.MESSAGE.ADD, msg);
+    };
+    ws.current.onerror = err => {
+      console.log('useMessageManager ws onerror', err);
+      connectStatus = 1;
+      eventBus.emit(EVENTS.MESSAGE.CONNECT_STATUS_CHANGE, connectStatus);
+    };
+    ws.current.onclose = event => {
+      console.log('useMessageManager ws onclose', event);
+
+      global.base.messageManager.wsRef.current = null;
+      connectStatus = 1;
+      eventBus.emit(EVENTS.MESSAGE.CONNECT_STATUS_CHANGE, connectStatus);
+      reConnect(connectSuccessCallback);
+    };
+  };
+
+  const closeMsgConnection = () => {
+    console.log('useMessageManager closeMsgConnection');
+
+    // 正常主动关闭连接，重置重连次数
+    tryConnectTimes = 0;
+
+    global.base.messageManager.wsRef.current &&
+      global.base.messageManager.wsRef.current.close();
+  };
+
+  const reConnect = async connectSuccessCallback => {
+    console.log('useMessageManager reConnect', tryConnectTimes);
+    if (tryConnectTimes < 7) {
+      // 重连ws
+      tryConnectTimes++;
+      connectMsgServer(connectSuccessCallback);
+    } else {
+      // 重连N次ws失败，不再重试。等用户自己进入智能客服页面时触发重连
+      tryConnectTimes = 0;
+      connectStatus = 1;
+      eventBus.emit(EVENTS.MESSAGE.CONNECT_STATUS_CHANGE, connectStatus);
+    }
+  };
+
+  const [onlineUser, setOnlineUser] = useState([]); // 在线用户列表
+  const nameRef = useRef('');
+  // 请求到客服列表的回调
+  const handleGetOnlineUserList = async data => {
+    if (isManualCustomServiceActive) {
+      return;
+    }
+    console.log('handleGetOnlineUserList', data);
+    let dataList = data?.list.filter(val => {
+      return val.nick_name !== nameRef.current;
+    });
+    // // console.log(dataList, nameRef.current);
+    setOnlineUser(dataList);
+
+    if (dataList.length === 0) {
+      global.toast.showToast('当前没有人工客服在线，请稍候再试！');
+      return;
+    }
+
+    console.log('当前客服列表：', dataList);
+    // 分配一个人工客服
+    currentCustomStaff =
+      dataList.find(user => user.nick_name === '壮壮') || dataList[0];
+    console.log('已分配智能客服人工客服：', currentCustomStaff.nick_name);
+
+    // 设置当前处于人工客服的标志
+    isManualCustomServiceActive = true;
+    eventBus.emit(EVENTS.MESSAGE.CUSTOM_SERVICE_CONNECT_CHANGE, true);
+
+    // 显示消息
+    const customerStaffMsg = await genMsg(
+      'get',
+      MSG_TYPES.TEXT,
+      `您好，客服“${currentCustomStaff.nick_name}”为您服务！`,
+    );
+    customerStaffMsg.CreateTime = Date.now();
+    eventBus.emit(EVENTS.MESSAGE.ADD, customerStaffMsg);
+
+    resetManualCustomServiceExitTimer();
+  };
+  const resetManualCustomServiceExitTimer = () => {
+    // 10分钟没发消息后自动退出人工
+    clearTimeout(manualCustomServiceTimer);
+    manualCustomServiceTimer = setTimeout(() => {
+      exitManualCustomService(true);
+    }, 600000);
+  };
+  // 请求转人工
+  const requestManualCustomService = async () => {
+    const user = await storage.get('accountData');
+    nameRef.current = user.user?.nickname;
+    // 发送获取客服列表消息，在EVENTS.SHOPMESSAGE.ONLINE_LIST事件回调中处理获取到的客服列表数据
+    global.base.shopMessageManager.getOnlineUser();
+  };
+  const exitManualCustomService = async timeout => {
+    isManualCustomServiceActive = false;
+    eventBus.emit(EVENTS.MESSAGE.CUSTOM_SERVICE_CONNECT_CHANGE, false);
+    console.log('退出智能客服人工客服');
+
+    // 显示消息
+    const customerStaffMsg = await genMsg(
+      'get',
+      MSG_TYPES.TEXT,
+      timeout
+        ? '您已经很长时间没说话了，已自动退出人工客服，如有需要请再次联系'
+        : '您已退出人工客服。',
+    );
+    customerStaffMsg.CreateTime = Date.now();
+    eventBus.emit(EVENTS.MESSAGE.ADD, customerStaffMsg);
+  };
+
+  useEffect(() => {
+    // 新增并显示一条消息
+    const onMessageAdd = msg => {
+      global.base.messageManager.messages.push(msg);
+      // save to local
+      storage.set(
+        'messageList',
+        global.base.messageManager.messages.slice(-500),
+      );
+
+      eventBus.emit(EVENTS.MESSAGE.RENDER, msg);
+    };
+
+    connectStatus = -1;
+    eventBus.emit(EVENTS.MESSAGE.CONNECT_STATUS_CHANGE, connectStatus);
+    // requestCameraPermission();
+    connectMsgServer();
+
+    // 监听家庭切换事件，切换websocket上下文
+    eventBus.on(EVENTS.FAMILY.CHANGE, closeMsgConnection);
+    eventBus.on(EVENTS.MESSAGE.ADD, onMessageAdd);
+    eventBus.on(EVENTS.MESSAGE.RECONNECT, reConnect);
+
+    // 转人工客服
+    const onShopMessageRender = async msg => {
+      if (isManualCustomServiceActive) {
+        // if(!msg.conversation_id.endsWith("-znkf")){
+        //   // 忽略非智能客服转人工的会话消息
+        //   return;
+        // }
+
+        // 收到人工客服消息 消息转成智能客服能识别的格式再发EVENTS.MESSAGE.ADD显示
+        console.log('onShopMessageRender', msg);
+        if (msg.type === 1000) {
+          // 暂时只支持接收客服的文本消息
+          const customerStaffMsg = await genMsg(
+            'get',
+            MSG_TYPES.TEXT,
+            msg.message_data,
+          );
+          // 显示消息
+          customerStaffMsg.CreateTime = Date.now();
+          eventBus.emit(EVENTS.MESSAGE.ADD, customerStaffMsg);
+        }
+
+        resetManualCustomServiceExitTimer();
+      }
+    };
+    // 监听收到人工客服的消息
+    eventBus.on(EVENTS.SHOPMESSAGE.RENDER, onShopMessageRender);
+    // 监听请求客服人员列表的回调
+    eventBus.on(EVENTS.SHOPMESSAGE.ONLINE_LIST, handleGetOnlineUserList);
+
+    return () => {
+      eventBus.off(EVENTS.FAMILY.CHANGE, closeMsgConnection);
+      eventBus.off(EVENTS.MESSAGE.ADD, onMessageAdd);
+      eventBus.off(EVENTS.MESSAGE.RECONNECT, reConnect);
+
+      eventBus.off(EVENTS.SHOPMESSAGE.RENDER, onShopMessageRender);
+      eventBus.off(EVENTS.SHOPMESSAGE.ONLINE_LIST, handleGetOnlineUserList);
+    };
+  }, []);
+
+  // 文本输入发消息
+  const handleTextSubmit = useCallback(async inputText => {
+    const userMsg = await genMsg('send', MSG_TYPES.TEXT, inputText);
+
+    if (isManualCustomServiceActive) {
+      const accountData = await storage.get('accountData');
+
+      // （转人工）处于人工客服状态，走商城客服im系统发送消息
+      global.base.shopMessageManager.handleShopTextSubmit(
+        inputText,
+        currentCustomStaff.user_id,
+        `${accountData.user.user_id}-${currentCustomStaff.user_id}-znkf`, // 智能客服会话id：终端用户id-后台客服id-znkf
+      );
+      // 显示消息
+      eventBus.emit(EVENTS.MESSAGE.ADD, userMsg);
+
+      resetManualCustomServiceExitTimer();
+    } else {
+      // 普通智能客服状态
+      // http/ws /send_message
+      sendMessage(userMsg);
+    }
+  }, []);
+
+  // 发送图片或视频消息
+  const handleMediaSelect = useCallback(async file => {
+    const msgType = file.type.split('/')[0];
+    let userMsg;
+    if (msgType === 'image') {
+      userMsg = await genMsg('send', msgType, {
+        MediaId: '123',
+        ...file,
+      });
+    } else {
+      userMsg = await genMsg('send', msgType, {
+        MediaId: '456',
+        ...file,
+      });
+    }
+
+    if (isManualCustomServiceActive) {
+      // （转人工）处于人工客服状态，走商城客服im系统发送消息
+      const message_data = file.uri; // todo 传上传后拿到的url
+      const message_prop = JSON.stringify({
+        msgType,
+        localUrl: file.uri,
+        width: file.width,
+        height: file.height,
+      });
+      const accountData = await storage.get('accountData');
+      global.base.shopMessageManager.handleShopMediaSelect(
+        message_data,
+        message_prop,
+        currentCustomStaff.user_id,
+        `${accountData.user.user_id}-${currentCustomStaff.user_id}-znkf`, // 智能客服会话id：终端用户id-后台客服id-znkf
+      );
+      // 显示消息
+      eventBus.emit(EVENTS.MESSAGE.ADD, userMsg);
+
+      resetManualCustomServiceExitTimer();
+    } else {
+      // 普通智能客服状态
+      // http/ws /send_message
+      sendMessage(userMsg);
+    }
+  }, []);
+
+  const getManualCustomServiceActiveFlag = () => isManualCustomServiceActive;
+
+  return {
+    sendMessage,
+    handleTextSubmit,
+    handleMediaSelect,
+    requestManualCustomService,
+    exitManualCustomService,
+    getManualCustomServiceActiveFlag,
+  };
+};
+
+//请求权限的方法
+function requestCameraPermission() {
+  // if (Platform.OS === 'android') {
+  //   try {
+  //     const granted = await PermissionsAndroid.request(
+  //       PermissionsAndroid.PERMISSIONS.CAMERA,
+  //       {
+  //         title: '申请摄像头权限',
+  //         message: '扫码需要摄像头权限',
+  //         buttonNeutral: '稍后再说',
+  //         buttonNegative: '拒绝',
+  //         buttonPositive: '允许',
+  //       },
+  //     );
+  //     if (granted === PermissionsAndroid.RESULTS.GRANTED) {
+  //       console.log('现在你获得摄像头权限了');
+  //     } else {
+  //       console.log('用户拒绝了摄像头权限');
+  //     }
+  //   } catch (err) {
+  //     console.log(err);
+  //   }
+  // }
+  applyPermissions.camera();
+}
+
+export default UseMessageManager;

package/app/hooks/useNavigationFocus.js

@@ -0,0 +1,19 @@
+import {useFocusEffect} from '@react-navigation/native';
+import React, {useState} from 'react';
+
+export default (handler, deps = []) => {
+  const [isFocus, setIsFocus] = useState(false);
+  useFocusEffect(
+    React.useCallback(() => {
+      setIsFocus(true);
+      const onBlurHandler = handler && handler();
+
+      return () => {
+        setIsFocus(false);
+        onBlurHandler && onBlurHandler();
+      };
+    }, deps),
+  );
+
+  return isFocus;
+};

package/app/hooks/useUser.js

@@ -0,0 +1,56 @@
+import {useEffect, useMemo, useState} from 'react';
+import storage from '../storage';
+import {getAddressUser} from '../api';
+
+export default address_id => {
+  // 该家庭的成员
+  const [memberList, setMemberList] = useState([]);
+  // 当前登录用户
+  const [currentUser, setCurrentUser] = useState({});
+  useEffect(() => {
+    if (address_id) {
+      refresh();
+    }
+  }, []);
+
+  // 该家庭创建者
+  const creator = useMemo(() => {
+    return memberList.find(item => item.role === 15) || {};
+  }, [memberList]);
+
+  // 当前登录用户是否是创建者
+  const isCreator = useMemo(() => {
+    return currentUser.user_id && currentUser.user_id === creator.user_id;
+  }, [creator, currentUser]);
+
+  // 当前登录用户是否是管理员
+  const isAdministrator = useMemo(() => {
+    return (
+      memberList.findIndex(
+        item => item.role === 7 && item.user_id === currentUser.user_id,
+      ) > -1
+    );
+  }, [memberList, currentUser]);
+
+  const refresh = async currentAddressId => {
+    if (!currentAddressId && !address_id) {
+      return;
+    }
+    storage.get('accountData').then(res => {
+      setCurrentUser(res?.user || {});
+    });
+    const res = await getAddressUser({
+      address_id: currentAddressId || address_id,
+    });
+    setMemberList(res?.result?.address_list || []);
+  };
+
+  return {
+    memberList,
+    creator,
+    currentUser,
+    isCreator,
+    isAdministrator,
+    refresh,
+  };
+};