ipanel-rnapp-ajb-base 1.0.21 → 1.0.23

package/app/screens/LoginScreen/index.js

@@ -1,4 +1,4 @@
-import React, {useState, useEffect, useCallback, useRef} from 'react';
+import React, { useState, useEffect, useCallback, useRef } from "react";
 import {
   View,
   ScrollView,
@@ -13,31 +13,32 @@ import {
   ImageBackground,
   TouchableWithoutFeedback,
   Dimensions,
-} from 'react-native';
-import {useSafeArea} from 'react-native-safe-area-context';
-import CryptoJS from 'crypto-js';
-import UUIDGenerator from 'react-native-uuid-generator';
-import {Icon, Image, CheckBox, Button} from '@rneui/themed';
+} from "react-native";
+import { useSafeArea } from "react-native-safe-area-context";
+import CryptoJS from "crypto-js";
+import UUIDGenerator from "react-native-uuid-generator";
+import { Icon, Image, CheckBox, Button } from "@rneui/themed";
+import DeviceInfo from "react-native-device-info";
 
-import SmsCodeInput from '../../components/common/SmsCodeInput';
+import SmsCodeInput from "../../components/common/SmsCodeInput";
 
-import storage from '../../storage';
-import {replace} from '../../utils/RootNavigation';
+import storage from "../../storage";
+import { replace } from "../../utils/RootNavigation";
 import {
   getUserLocation,
   updateHomedToken,
   initOperatorHomedTouristAccount,
   appReport,
-} from '../../utils/common';
-import {obtainSmscode, smscodeLogin, accountLogin} from '../../api';
-import {hideLoading, showLoading, showToast} from '../../utils/notice';
+} from "../../utils/common";
+import { obtainSmscode, smscodeLogin, accountLogin } from "../../api";
+import { hideLoading, showLoading, showToast } from "../../utils/notice";
 
-import {confirmWithContent} from '../../utils/registerDialog';
-import config from '../../utils/config';
-import ProtocolType from '../../components/common/LoginType/protocol';
+import { confirmWithContent } from "../../utils/registerDialog";
+import config from "../../utils/config";
+import ProtocolType from "../../components/common/LoginType/protocol";
 let protocolAgreeResolve = null;
 
-function LoginScreen({navigation, route}) {
+function LoginScreen({ navigation, route }) {
   const insets = useSafeArea();
 
   const [isLoading, setIsLoading] = useState(true);
@@ -47,19 +48,25 @@ function LoginScreen({navigation, route}) {
 
   useEffect(() => {
     // 获取登录状态
-    storage.get('accessToken').then(token => {
+    storage.get("accessToken").then((token) => {
       // const appUserAgreement = await storage.get('appUserAgreement');
       // if (!appUserAgreement) {
       //   setProtocolAgree(false);
       // }
 
       if (token) {
-        replace('Home', {
-          redirect: true,
-        });
+        if (DeviceInfo.getBrand() === "Allwinner") {
+          replace("SbkScreen", {
+            redirect: true,
+          });
+        } else {
+          replace("Home", {
+            redirect: true,
+          });
+        }
 
         // 上报APP启动事件
-        appReport('APP_STARTUP');
+        appReport("APP_STARTUP");
       }
       setTimeout(() => {
         setIsLoading(false);
@@ -78,17 +85,17 @@ function LoginScreen({navigation, route}) {
   //   }
   // }, [isLogined]);
 
-  const [phone, setPhone] = useState('');
-  const [smsId, setSmsId] = useState('');
-  const [userInputSmsCode, setUserInputSmsCode] = useState('');
+  const [phone, setPhone] = useState("");
+  const [smsId, setSmsId] = useState("");
+  const [userInputSmsCode, setUserInputSmsCode] = useState("");
   const [smsCodeRightBtnDisabled, setSmsCodeRightBtnDisabled] = useState(false);
-  const [smsCodeRightBtnText, setSmsCodeRightBtnText] = useState('获取验证码');
+  const [smsCodeRightBtnText, setSmsCodeRightBtnText] = useState("获取验证码");
   const [smsCodeResendTime, setSmsCodeResendTime] = useState(0);
 
   useEffect(() => {
     if (phone && smsCodeResendTime === 0) {
       setSmsCodeRightBtnDisabled(false);
-      setSmsCodeRightBtnText('获取验证码');
+      setSmsCodeRightBtnText("获取验证码");
     } else {
       setSmsCodeRightBtnDisabled(true);
     }
@@ -110,8 +117,8 @@ function LoginScreen({navigation, route}) {
   // 1 账号密码登录
   const [loginWay, setLoginWay] = useState(0);
 
-  const [username, setUsername] = useState('');
-  const [password, setPassword] = useState('');
+  const [username, setUsername] = useState("");
+  const [password, setPassword] = useState("");
 
   const [protocolAgree, setProtocolAgree] = useState(false);
   const [protocolDialogVisible, setProtocolDialogVisible] = useState(false);
@@ -144,11 +151,11 @@ function LoginScreen({navigation, route}) {
 
   function validPhone(phone) {
     if (!phone) {
-      Alert.alert('请输入手机号');
+      Alert.alert("请输入手机号");
       return false;
     }
     if (!/^[1][3,4,5,7,8,9][0-9]{9}$/.test(phone)) {
-      Alert.alert('请输入正确的手机号');
+      Alert.alert("请输入正确的手机号");
       return false;
     }
     return true;
@@ -167,9 +174,9 @@ function LoginScreen({navigation, route}) {
       phone_number: phone,
       length: 4,
       type: 1, // type=1 表示登录用途
-    }).catch(err => {
+    }).catch((err) => {
       console.log(err);
-      setSmsCodeRightBtnText('获取验证码');
+      setSmsCodeRightBtnText("获取验证码");
       setSmsCodeRightBtnDisabled(false);
     });
 
@@ -177,11 +184,11 @@ function LoginScreen({navigation, route}) {
       setSmsId(res.result.sms_id);
 
       smsCodeTimer = setTimeout(() => {
-        setSmsCodeRightBtnText('获取验证码');
+        setSmsCodeRightBtnText("获取验证码");
         setSmsCodeRightBtnDisabled(false);
       }, 120000);
     } else {
-      setSmsCodeRightBtnText('获取验证码');
+      setSmsCodeRightBtnText("获取验证码");
       setSmsCodeRightBtnDisabled(false);
     }
   };
@@ -195,7 +202,7 @@ function LoginScreen({navigation, route}) {
     //   global.base.storage.set('location', geoRes);
     // });
     setProtocolAgree(true);
-    typeof protocolAgreeResolve === 'function' && protocolAgreeResolve();
+    typeof protocolAgreeResolve === "function" && protocolAgreeResolve();
     protocolAgreeResolve = null;
   };
 
@@ -223,7 +230,7 @@ function LoginScreen({navigation, route}) {
   };
 
   const openProtocolDialog = () => {
-    return new Promise(resolve => {
+    return new Promise((resolve) => {
       // setProtocolDialogVisible(true);
       protocolAgreeResolve = resolve;
     }).then(() => {
@@ -234,11 +241,11 @@ function LoginScreen({navigation, route}) {
   const handleLogin = async () => {
     let res;
 
-    const {deviceModal, appName} = NativeModules?.RNToNativeEmitter || {};
+    const { deviceModal, appName } = NativeModules?.RNToNativeEmitter || {};
 
     const appID = await global.base.getAppId();
 
-    console.log('appID', appID);
+    console.log("appID", appID);
 
     let finallyAppID = appID;
     if (!appID) {
@@ -252,15 +259,15 @@ function LoginScreen({navigation, route}) {
       }
 
       if (!smsId) {
-        Alert.alert('请先获取验证码');
+        Alert.alert("请先获取验证码");
         return;
       }
 
       if (!userInputSmsCode) {
-        Alert.alert('请输入短信验证码');
+        Alert.alert("请输入短信验证码");
         return;
       }
-      showLoading('登录中...');
+      showLoading("登录中...");
       setIsLogining(true);
       res = await smscodeLogin({
         phone_number: phone,
@@ -269,22 +276,22 @@ function LoginScreen({navigation, route}) {
         create_address: 1, // 注册时自动建默认家庭
         extend: {
           appid: finallyAppID,
-          model: deviceModal || '开发测试',
-          application: appName || '爱家宝',
+          model: deviceModal || "开发测试",
+          application: appName || "爱家宝",
         },
       });
     } else {
       if (!username) {
-        Alert.alert('请输入账号');
+        Alert.alert("请输入账号");
         return;
       }
 
       if (!password) {
-        Alert.alert('请输入密码');
+        Alert.alert("请输入密码");
         return;
       }
-      console.log(global.loading, 'global.loading');
-      showLoading('登录中...');
+      console.log(global.loading, "global.loading");
+      showLoading("登录中...");
       setIsLogining(true);
       res = await accountLogin({
         account_name: username,
@@ -292,28 +299,28 @@ function LoginScreen({navigation, route}) {
         create_address: 1, // 注册时自动建默认家庭
         extend: {
           appid: finallyAppID,
-          model: deviceModal || '开发测试',
-          application: appName || '爱家宝',
+          model: deviceModal || "开发测试",
+          application: appName || "爱家宝",
         },
       });
     }
     if (res.code === 0) {
-      console.log(res.result, 'ipanelClound用户信息');
-      await storage.set('accessToken', res.result.access_token);
-      await storage.set('refreshToken', res.result.refresh_token);
+      console.log(res.result, "ipanelClound用户信息");
+      await storage.set("accessToken", res.result.access_token);
+      await storage.set("refreshToken", res.result.refresh_token);
 
       if (res.result.address && res.result.address[0]) {
         const defaultAddr = res.result.address[0];
-        await storage.set('activeAddr', defaultAddr);
-        await storage.set('addressList', res.result.address || []);
+        await storage.set("activeAddr", defaultAddr);
+        await storage.set("addressList", res.result.address || []);
         await updateHomedToken();
       } else {
-        await storage.set('activeAddr', {});
-        await storage.set('addressList', []);
+        await storage.set("activeAddr", {});
+        await storage.set("addressList", []);
       }
 
       delete res.result.address;
-      await storage.set('accountData', res.result);
+      await storage.set("accountData", res.result);
 
       // 放开这段重新登录就会置空运营商（进入标准版）
       // await storage.set(
@@ -323,43 +330,49 @@ function LoginScreen({navigation, route}) {
 
       // 初始化默认运营商对应的homed游客账号
       const envVersion =
-        NativeModules?.RNToNativeEmitter?.serverCluster || 'dev';
+        NativeModules?.RNToNativeEmitter?.serverCluster || "dev";
       await initOperatorHomedTouristAccount({
         touristUsername: finallyAppID,
-        domain: envVersion === 'dev' ? 'homed.me' : 'homed.tv',
-        touristGroupId: envVersion === 'dev' ? 115017 : 4664, // 4664: tv集群的手机APP游客用户组. 115017: 运营集群手机APP游客用户组
+        domain: envVersion === "dev" ? "homed.me" : "homed.tv",
+        touristGroupId: envVersion === "dev" ? 115017 : 4664, // 4664: tv集群的手机APP游客用户组. 115017: 运营集群手机APP游客用户组
       });
       clearTimeout(smsCodeTimer);
       // setIsLogined(true);
       // 判断是否已经选了运营商
       const currentOperator = await storage.get(
-        `${res.result?.account?.account_id || ''}currentOperator`,
+        `${res.result?.account?.account_id || ""}currentOperator`
       );
 
       // 上报APP启动事件
-      appReport('APP_STARTUP');
+      appReport("APP_STARTUP");
 
       hideLoading();
       setIsLogining(false);
       const appName =
         NativeModules?.RNToNativeEmitter?.appName || config.LOCALTEST_APP_NAME;
-      if (currentOperator || appName.includes('安电工')) {
-        replace('Home', {
+
+      if (DeviceInfo.getBrand() === "Allwinner") {
+        // 声必可屏幕
+        replace("SbkScreen", {
+          redirect: false,
+        });
+      } else if (currentOperator || appName.includes("安电工")) {
+        replace("Home", {
           redirect: false,
         });
       } else {
         confirmWithContent({
-          title: '选择运营商',
-          component: '你是否要选择运营商',
-          confirmButtonText: '确定',
+          title: "选择运营商",
+          component: "你是否要选择运营商",
+          confirmButtonText: "确定",
           confirmCallback: () => {
-            replace('OperatorSelectScreen', {
-              purpose: 'init',
+            replace("OperatorSelectScreen", {
+              purpose: "init",
             });
           },
-          cancelButtonText: '先不选',
+          cancelButtonText: "先不选",
           cancelCallback: () => {
-            replace('Home', {
+            replace("Home", {
               redirect: false,
             });
           },
@@ -368,12 +381,12 @@ function LoginScreen({navigation, route}) {
     } else {
       hideLoading();
       setIsLogining(false);
-      global.toast.showToast(res.message + '(code: ' + res.code + ')');
+      global.toast.showToast(res.message + "(code: " + res.code + ")");
     }
   };
 
   const statusBarPlaceholderStyle = {
-    height: (Platform.OS === 'ios' ? insets.top : 0) + StatusBar.currentHeight,
+    height: (Platform.OS === "ios" ? insets.top : 0) + StatusBar.currentHeight,
   };
 
   const handleSwitchLoginWay = () => {
@@ -385,68 +398,69 @@ function LoginScreen({navigation, route}) {
   };
 
   const handleViewUserAgreement = () => {
-    navigation.navigate('WebviewScreen', {
-      title: '用户协议',
-      url: 'https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/user_agreement.html',
+    navigation.navigate("WebviewScreen", {
+      title: "用户协议",
+      url: "https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/user_agreement.html",
     });
   };
   const handleViewPrivacyClause = () => {
-    navigation.navigate('WebviewScreen', {
-      title: '隐私条款',
-      url: 'https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/privacy_policy.html',
+    navigation.navigate("WebviewScreen", {
+      title: "隐私条款",
+      url: "https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/privacy_policy.html",
     });
   };
-  const handleViewUserAgreementByType = type => {
-    if (type === 'service') {
+  const handleViewUserAgreementByType = (type) => {
+    if (type === "service") {
       setServiceDialogVisible(true);
-    } else if (type === 'privacy') {
+    } else if (type === "privacy") {
       setPrivacyDialogVisible(true);
     }
   };
 
-  const handleSetProtocolAgree = isAgree => {
+  const handleSetProtocolAgree = (isAgree) => {
     setProtocolAgree(isAgree);
     setServiceAgree(isAgree);
     setPrivacyAgree(isAgree);
   };
 
-  const handleOneDisagree = async type => {
+  const handleOneDisagree = async (type) => {
     setProtocolAgree(false);
-    if (type === 'service') {
+    if (type === "service") {
       setServiceAgree(false);
       setServiceDialogVisible(false);
-    } else if (type === 'privacy') {
+    } else if (type === "privacy") {
       setPrivacyAgree(false);
       setPrivacyDialogVisible(false);
     }
   };
-  const handleOneAgree = type => {
-    if (type === 'service') {
+  const handleOneAgree = (type) => {
+    if (type === "service") {
       setServiceAgree(true);
       setServiceDialogVisible(false);
-    } else if (type === 'privacy') {
+    } else if (type === "privacy") {
       setPrivacyAgree(true);
       setPrivacyDialogVisible(false);
     }
 
-    typeof protocolAgreeResolve === 'function' && protocolAgreeResolve();
+    typeof protocolAgreeResolve === "function" && protocolAgreeResolve();
     protocolAgreeResolve = null;
   };
 
   loginDisabled;
   const loginBtnBg = {
     backgroundColor: loginDisabled
-      ? 'rgba(234, 96, 0, 0.3)'
-      : 'rgba(234, 96, 0, 1)',
+      ? "rgba(234, 96, 0, 0.3)"
+      : "rgba(234, 96, 0, 1)",
   };
 
   return (
     <ImageBackground
-      source={require('../../assets/img/login_bg.png')}
+      source={require("../../assets/img/login_bg.png")}
       style={[
         styles.container,
-        {paddingTop: Platform.OS === 'ios' ? insets.top : 0},
-      ]}>
+        { paddingTop: Platform.OS === "ios" ? insets.top : 0 },
+      ]}
+    >
       {isLoading || isLogined ? (
         <View style={styles.welcomeView}>{/* 白屏界面 */}</View>
       ) : (
@@ -456,15 +470,16 @@ function LoginScreen({navigation, route}) {
           <View style={styles.changeLoginWay}>
             <TouchableOpacity
               activeOpacity={0.7}
-              onPress={handleSwitchLoginWay}>
+              onPress={handleSwitchLoginWay}
+            >
               <View style={styles.changeLoginWayInner}>
                 <Image
-                  source={require('../../assets/img/qiehuan.png')}
+                  source={require("../../assets/img/qiehuan.png")}
                   style={styles.exchangeIcon}
                 />
 
                 <Text style={styles.changeLoginWayText}>
-                  {loginWay === 0 ? '密码登录' : '验证码登录'}
+                  {loginWay === 0 ? "密码登录" : "验证码登录"}
                 </Text>
               </View>
             </TouchableOpacity>
@@ -473,13 +488,13 @@ function LoginScreen({navigation, route}) {
           <View style={styles.content}>
             <View style={styles.titleBox}>
               <Text style={styles.title}>
-                {loginWay === 0 ? '验证码登录' : '密码登录'}
+                {loginWay === 0 ? "验证码登录" : "密码登录"}
               </Text>
 
               <Text style={styles.subTitle}>
                 {loginWay === 0
-                  ? '未注册过的手机号验证通过后将自动注册'
-                  : '请使用账号和密码登录'}
+                  ? "未注册过的手机号验证通过后将自动注册"
+                  : "请使用账号和密码登录"}
               </Text>
             </View>
 
@@ -490,7 +505,7 @@ function LoginScreen({navigation, route}) {
                     style={styles.input}
                     value={phone}
                     placeholder="手机号"
-                    onChangeText={text => setPhone(text)}
+                    onChangeText={(text) => setPhone(text)}
                   />
                 </View>
                 <View style={styles.inputBox}>
@@ -499,7 +514,7 @@ function LoginScreen({navigation, route}) {
                     placeholder="验证码"
                     rightBtnDisabled={smsCodeRightBtnDisabled}
                     rightBtnText={smsCodeRightBtnText}
-                    onChangeText={text => setUserInputSmsCode(text)}
+                    onChangeText={(text) => setUserInputSmsCode(text)}
                     onRightBtnPress={handleGetSmsId}
                   />
                 </View>
@@ -513,7 +528,7 @@ function LoginScreen({navigation, route}) {
                     style={styles.input}
                     value={username}
                     placeholder="账号"
-                    onChangeText={text => setUsername(text)}
+                    onChangeText={(text) => setUsername(text)}
                   />
                 </View>
                 <View style={styles.inputBox}>
@@ -522,7 +537,7 @@ function LoginScreen({navigation, route}) {
                     value={password}
                     secureTextEntry
                     placeholder="密码"
-                    onChangeText={text => setPassword(text)}
+                    onChangeText={(text) => setPassword(text)}
                   />
                 </View>
               </>
@@ -535,7 +550,7 @@ function LoginScreen({navigation, route}) {
                 containerStyle={{
                   margin: 0,
                   padding: 0,
-                  backgroundColor: 'transparent',
+                  backgroundColor: "transparent",
                 }}
                 onPress={() => handleSetProtocolAgree(!protocolAgree)}
                 checkedIcon={
@@ -556,31 +571,36 @@ function LoginScreen({navigation, route}) {
                 }
               />
               <TouchableWithoutFeedback
-                onPress={() => setProtocolAgree(!protocolAgree)}>
+                onPress={() => setProtocolAgree(!protocolAgree)}
+              >
                 <Text style={styles.protocolText}>
                   已阅读并同意
                   <TouchableWithoutFeedback
-                    style={{paddingVertical: 100}}
-                    onPress={() => handleViewUserAgreementByType('service')}>
+                    style={{ paddingVertical: 100 }}
+                    onPress={() => handleViewUserAgreementByType("service")}
+                  >
                     <Text
                       style={
                         protocolAgree || serviceAgree
                           ? styles.protocolLinkAgree
                           : styles.protocolLink
-                      }>
+                      }
+                    >
                       用户协议
                     </Text>
                   </TouchableWithoutFeedback>
                   和
                   <TouchableWithoutFeedback
-                    style={{paddingVertical: 100}}
-                    onPress={() => handleViewUserAgreementByType('privacy')}>
+                    style={{ paddingVertical: 100 }}
+                    onPress={() => handleViewUserAgreementByType("privacy")}
+                  >
                     <Text
                       style={
                         protocolAgree || privacyAgree
                           ? styles.protocolLinkAgree
                           : styles.protocolLink
-                      }>
+                      }
+                    >
                       隐私条款
                     </Text>
                   </TouchableWithoutFeedback>
@@ -591,11 +611,12 @@ function LoginScreen({navigation, route}) {
             <TouchableOpacity
               activeOpacity={0.7}
               onPress={handleLoginPress}
-              disabled={loginDisabled}>
+              disabled={loginDisabled}
+            >
               <View style={styles.loginBtnBox}>
                 <View style={[styles.loginBtn, loginBtnBg]}>
                   <Text style={styles.loginBtnText}>
-                    {isLogining ? '正在登录中...' : '登录'}
+                    {isLogining ? "正在登录中..." : "登录"}
                   </Text>
                 </View>
               </View>
@@ -630,9 +651,10 @@ function LoginScreen({navigation, route}) {
                 onPress={() => {
                   console.log(111);
                   setProtocolDialogVisible(false);
-                }}>
+                }}
+              >
                 <Image
-                  source={require('../../assets/img/goBack.png')}
+                  source={require("../../assets/img/goBack.png")}
                   style={styles.goBackImg}
                   resizeMode="contain"
                 />
@@ -717,13 +739,15 @@ function LoginScreen({navigation, route}) {
               <TouchableOpacity
                 style={styles.disagreeBtn}
                 activeOpacity={0.7}
-                onPress={handleUserDisagree}>
+                onPress={handleUserDisagree}
+              >
                 <Text style={styles.disagreeBtnText}>不同意</Text>
               </TouchableOpacity>
               <TouchableOpacity
                 style={styles.agreeBtn}
                 activeOpacity={0.7}
-                onPress={handleUserAgree}>
+                onPress={handleUserAgree}
+              >
                 <Text style={styles.agreeBtnText}>同意</Text>
               </TouchableOpacity>
             </View>
@@ -737,36 +761,35 @@ function LoginScreen({navigation, route}) {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: '#fff',
+    backgroundColor: "#fff",
   },
   welcomeView: {
     flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
+    alignItems: "center",
+    justifyContent: "center",
   },
   content: {
-    padding: 30,
+    paddingHorizontal: 30,
   },
   titleBox: {
-    justifyContent: 'center',
+    justifyContent: "center",
   },
   title: {
-    fontSize: 36,
-    color: 'rgba(48, 48, 48, 1)',
+    fontSize: 24,
+    color: "rgba(48, 48, 48, 1)",
   },
   subTitle: {
     fontSize: 14,
     marginTop: 10,
-    marginBottom: 40,
   },
   inputBox: {
     borderBottomWidth: 1,
     marginVertical: 10,
-    borderBottomColor: 'rgba(217, 217, 217, 1)',
+    borderBottomColor: "rgba(217, 217, 217, 1)",
   },
   input: {
     height: 50,
-    color: '#333',
+    color: "#333",
   },
   welcomText: {
     fontSize: 30,
@@ -775,17 +798,17 @@ const styles = StyleSheet.create({
     flex: 1,
   },
   changeLoginWay: {
-    height: 70,
-    justifyContent: 'center',
-    alignItems: 'flex-end',
+    // height: 70,
+    justifyContent: "center",
+    alignItems: "flex-end",
     marginRight: 20,
   },
   changeLoginWayInner: {
-    flexDirection: 'row',
-    alignItems: 'center',
+    flexDirection: "row",
+    alignItems: "center",
   },
   changeLoginWayText: {
-    color: 'rgba(51, 51, 51, 1)',
+    color: "rgba(51, 51, 51, 1)",
     fontSize: 16,
   },
   exchangeIcon: {
@@ -795,20 +818,20 @@ const styles = StyleSheet.create({
   },
   protocol: {
     marginVertical: 15,
-    flexDirection: 'row',
-    alignItems: 'center',
+    flexDirection: "row",
+    alignItems: "center",
   },
   protocolText: {
-    color: 'rgba(102, 102, 102, 1)',
+    color: "rgba(102, 102, 102, 1)",
   },
   protocolLink: {
-    color: 'rgba(234, 96, 0, 1)',
+    color: "rgba(234, 96, 0, 1)",
   },
   protocolLinkAgree: {
-    color: '#0EC12C',
+    color: "#0EC12C",
   },
   agreementMask: {
-    position: 'absolute',
+    position: "absolute",
     left: 0,
     top: 0,
     bottom: 0,
@@ -816,28 +839,28 @@ const styles = StyleSheet.create({
     zIndex: 2,
   },
   agreementConfirmContent: {
-    position: 'absolute',
-    width: Dimensions.get('window').width - 60,
+    position: "absolute",
+    width: Dimensions.get("window").width - 60,
     height: 400,
     left: 30,
-    top: Dimensions.get('window').height / 2 - 200,
-    backgroundColor: '#fff',
+    top: Dimensions.get("window").height / 2 - 200,
+    backgroundColor: "#fff",
     paddingBottom: 0,
     borderWidth: 1,
-    borderColor: '#a1a1a1',
+    borderColor: "#a1a1a1",
     borderRadius: 20,
   },
   agreementConfirmHead: {
-    position: 'relative',
-    flexDirection: 'row',
-    alignItems: 'center',
+    position: "relative",
+    flexDirection: "row",
+    alignItems: "center",
     paddingTop: 10,
     paddingLeft: 10,
     marginBottom: 5,
     height: 40,
   },
   headerLeft: {
-    position: 'absolute',
+    position: "absolute",
     top: 15,
     left: 10,
     zIndex: 2,
@@ -848,7 +871,7 @@ const styles = StyleSheet.create({
   },
   agreementConfirmTitleBox: {
     // flex: 1,
-    position: 'absolute',
+    position: "absolute",
     top: 10,
     bottom: 0,
     left: 0,
@@ -858,61 +881,61 @@ const styles = StyleSheet.create({
   agreementConfirmTitle: {
     fontSize: 20,
     // lineHeight: 50,
-    color: '#000',
-    textAlign: 'center',
+    color: "#000",
+    textAlign: "center",
     // paddingTop: 20,
   },
   agreementConfirmText: {
     fontSize: 16,
     lineHeight: 30,
     paddingHorizontal: 20,
-    color: '#000',
+    color: "#000",
   },
   agreementConfirmImportantText: {
-    color: 'rgba(234, 96, 0, 1)',
+    color: "rgba(234, 96, 0, 1)",
   },
   agreementButtons: {
     height: 50,
-    flexDirection: 'row',
-    justifyContent: 'space-around',
-    borderTopColor: '#c1c1c1',
+    flexDirection: "row",
+    justifyContent: "space-around",
+    borderTopColor: "#c1c1c1",
     borderTopWidth: 0.5,
   },
   disagreeBtn: {
     flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
+    alignItems: "center",
+    justifyContent: "center",
     borderBottomLeftRadius: 20,
   },
   disagreeBtnText: {
-    color: '#ccc',
+    color: "#ccc",
   },
   agreeBtn: {
     flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    borderLeftColor: '#c1c1c1',
+    alignItems: "center",
+    justifyContent: "center",
+    borderLeftColor: "#c1c1c1",
     borderLeftWidth: 0.5,
     borderBottomRightRadius: 20,
   },
   agreeBtnText: {
-    color: '#333',
+    color: "#333",
     fontSize: 16,
   },
   loginBtnBox: {
-    flexDirection: 'row',
-    alignItems: 'center',
+    flexDirection: "row",
+    alignItems: "center",
   },
   loginBtn: {
     flex: 1,
     height: 48,
     marginHorizontal: 10,
     borderRadius: 24,
-    alignItems: 'center',
-    justifyContent: 'center',
+    alignItems: "center",
+    justifyContent: "center",
   },
   loginBtnText: {
-    color: '#fff',
+    color: "#fff",
     fontSize: 18,
   },
 });