react-native-timacare 3.3.55 → 3.3.57-cccd

package/lib/commonjs/screens/home/index.js.flow

@@ -2,7 +2,6 @@
 import React, { useEffect, useState } from 'react';
 import {
   ActivityIndicator,
-  Alert,
   Dimensions,
   Image,
   ImageBackground,
@@ -12,22 +11,16 @@ import {
   RefreshControl,
   SafeAreaView,
   ScrollView,
-  StatusBar,
   StyleSheet,
   TouchableOpacity,
   View,
-  ViewStyle,
 } from 'react-native';
-import {
-  useNavigation,
-  StackActions,
-  CommonActions,
-} from '@react-navigation/native';
+import { useNavigation, StackActions } from '@react-navigation/native';
 import { observer, Observer } from 'mobx-react-lite';
 import { commonStyles } from '../CommonStyles';
 import { MText } from '../../components/MText';
 import { color } from '../../theme';
-import { diffDays, formatDDMMYYY, formatMoney } from '../../utils';
+import { formatDDMMYYY, formatMoney } from '../../utils';
 import homeStore from './Store';
 import { ScreenNames } from '../../navigation';
 import {
@@ -38,40 +31,25 @@ import {
   CheckBoxActive,
   CIMBSmall,
   Close2Icon,
-  CloseIcon,
   Contract,
   ContractActive,
   ContractTimeIcon,
-  IconBackWhite,
   IconEviden,
-  IconNavClose,
-  IconNotify,
   IconSchedule,
-  IconSign,
   IconSign2,
   IconVideo,
   Info,
   LogoSmall,
   NotFoundSvg,
-  OcrSvg,
-  SignDisable,
-  TimaNormal,
-  TopupSuccessSvg,
   TopupSvg,
   UpdateIcon,
 } from '../../assets/icons';
 import Geolocation from 'react-native-geolocation-service';
-import axios from 'axios';
-import {
-  getUniqueId,
-  getManufacturer,
-  getDeviceId,
-} from 'react-native-device-info';
+
 import FullSubmitStore from '../full-submit/store';
 import QuickSubmitStore from '../quick-submit/store';
 import LinearGradient from 'react-native-linear-gradient';
-import { SliderBox } from 'react-native-image-slider-box';
-import notificationStore from '../notification/store';
+
 import {
   openSettings,
   PERMISSIONS,
@@ -88,25 +66,8 @@ import SkeletonLoanList, {
 } from '../../components/SkeletonLoanCard';
 import MButton from '../../components/MButton';
 import ttsStore from '../toan-trinh-so/store';
-import {
-  IconOCRSuccess,
-  IconEdit,
-  IconEditSuccess,
-  IconEkyc,
-  IconEkycSuccess,
-  IconEkycDisable,
-  IconSignDisable,
-  IconTima16,
-  IconExpand,
-  IconExpandUp,
-  IconSignSuccess,
-  IconMoney2,
-  IconEditDisable,
-  IconTick,
-  IconOcr,
-} from '../../assets/svgs';
-import { o } from 'ramda';
-import ItemTimaOneV3 from '../../components/ItemTimaOneV3';
+import { IconMoney2 } from '../../assets/svgs';
+import ItemTimaOne from '../../components/ItemTimaOne';
 import ModalOptionLoan from '../../components/ModalOptionLoan';
 import AlertLoan from '../../components/AlertLoan';
 import DigitalTopupItem from './DigitalTopupItem';
@@ -114,21 +75,12 @@ import ModalOptionLoanDigital from '../../components/ModalOptionLoanDigital';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import ItemMotoBikeLoan from './ItemMotoBikeLoan';
 import BoxGuidline from './BoxGuidline';
-
-const listBanners = [
-  require('../../assets/img/banner1.png'),
-  require('../../assets/img/banner2.png'),
-];
-
-const $action: ViewStyle = {
-  flexDirection: 'column',
-  alignItems: 'center',
-};
+import { AlertGlobal } from '../../components/ModalNotification/AlertGlobal';
+import MHeader from '../../components/MHeader';
 
 // Gradient cam thương hiệu, dùng lặp lại ở nhiều nút trong màn hình
 const GRADIENT_ORANGE = ['#FF8E4F', '#EF592E'];
 
-let _unsubscribe;
 // Dữ liệu tham chiếu tĩnh (ngân hàng, nghề nghiệp, tỉnh...) chỉ cần prefetch 1 lần/phiên
 let _didPrefetchRefData = false;
 
@@ -161,7 +113,6 @@ export const Home = observer(function Home() {
   // Hành động điều hướng chờ chạy SAU khi modal đóng hẳn (onModalHide)
   const pendingNavRef = React.useRef<(() => void) | null>(null);
   const [listLoan, setListLoan] = useState<any[]>([]);
-  const [checkEKYC, setCheckEKYC] = useState<any>({});
   const [isLoading, setIsLoading] = useState(false);
   const [loanCimb, setLoanCimb] = useState(null);
   const [loan, setLoan] = useState(null);
@@ -297,7 +248,6 @@ export const Home = observer(function Home() {
         } else {
         }
       } else {
-        Alert.alert('Thông báo', 'Có lỗi xảy ra. Vui lòng thử lại sau');
       }
     } catch (error) {
       console.log(error);
@@ -364,73 +314,93 @@ export const Home = observer(function Home() {
           console.log(
             'This feature is not available (on this device / in this context)'
           );
-          Alert.alert(
-            'Thông báo',
-            'Máy ảnh trên thiết bị không tương thích.\nVui lòng kiểm tra lại thiết bị!',
-            [{ text: 'Đồng ý' }]
+          AlertGlobal.show({
+            type: 'warning',
+            title: 'Thông báo',
+            message:
+              'Máy ảnh trên thiết bị không tương thích.\nVui lòng kiểm tra lại thiết bị!',
+            primaryText: 'Đóng',
+          });
+          break;
+        case RESULTS.DENIED:
+          console.log(
+            'The permission has not been requested / is denied but requestable'
           );
+          AlertGlobal.show({
+            type: 'warning',
+            title: 'Thông báo',
+            message:
+              'Máy ảnh trên thiết bị không tương thích.\nVui lòng kiểm tra lại thiết bị!',
+            primaryText: 'Đóng',
+          });
           break;
         case RESULTS.DENIED:
           console.log(
             'The permission has not been requested / is denied but requestable'
           );
-          Alert.alert(
-            'Thông báo',
-            'Bạn đã từ chối quyền vị trí. Vui lòng cấp quyền vị trí để tiếp tục!',
-            [
-              {
-                text: 'Đồng ý',
-                onPress: () => {
-                  if (Platform.OS === 'ios') {
-                    openSettings();
-                  } else {
-                    requestPermissions();
-                  }
-                },
-              },
-            ]
+          AlertGlobal.show({
+            type: 'warning',
+            title: 'Thông báo',
+            message:
+              'Bạn đã từ chối quyền vị trí. Vui lòng cấp quyền vị trí để tiếp tục!',
+            primaryText: 'Đóng',
+          });
+          break;
+        case RESULTS.DENIED:
+          console.log(
+            'The permission has not been requested / is denied but requestable'
           );
+          AlertGlobal.show({
+            type: 'warning',
+            title: 'Thông báo',
+            message:
+              'Bạn đã từ chối quyền vị trí. Vui lòng cấp quyền vị trí để tiếp tục!',
+            primaryText: 'Đồng ý',
+            onPrimaryPress: () => {
+              if (Platform.OS === 'ios') {
+                openSettings();
+              } else {
+                requestPermissions();
+              }
+            },
+          });
           break;
         case RESULTS.LIMITED:
           console.log('The permission is limited: some actions are possible');
-          Alert.alert(
-            'Thông báo',
-            'Bạn đã từ chối quyền vị trí. Vui lòng cấp quyền vị trí để tiếp tục!',
-            [
-              {
-                text: 'Đồng ý',
-                onPress: () => {
-                  if (Platform.OS === 'ios') {
-                    openSettings();
-                  } else {
-                    requestPermissions();
-                  }
-                },
-              },
-            ]
-          );
+          AlertGlobal.show({
+            type: 'warning',
+            title: 'Thông báo',
+            message:
+              'Bạn đã từ chối quyền vị trí. Vui lòng cấp quyền vị trí để tiếp tục!',
+            primaryText: 'Đồng ý',
+            onPrimaryPress: () => {
+              if (Platform.OS === 'ios') {
+                openSettings();
+              } else {
+                requestPermissions();
+              }
+            },
+          });
           break;
         case RESULTS.GRANTED:
           console.log('The permission is granted');
           break;
         case RESULTS.BLOCKED:
           console.log('The permission is denied and not requestable anymore');
-          Alert.alert(
-            'Thông báo',
-            'Bạn đã từ chối quyền vị trí. Vui lòng cấp quyền vị trí để tiếp tục!',
-            [
-              {
-                text: 'Đồng ý',
-                onPress: () => {
-                  if (Platform.OS === 'ios') {
-                    openSettings();
-                  } else {
-                    openSettings();
-                  }
-                },
-              },
-            ]
-          );
+          AlertGlobal.show({
+            type: 'warning',
+            title: 'Thông báo',
+            message:
+              'Bạn đã từ chối quyền vị trí. Vui lòng cấp quyền vị trí để tiếp tục!',
+            primaryText: 'Đồng ý',
+            onPrimaryPress: () => {
+              if (Platform.OS === 'ios') {
+                openSettings();
+              } else {
+                requestPermissions();
+              }
+            },
+          });
           break;
       }
     });
@@ -467,14 +437,22 @@ export const Home = observer(function Home() {
         setCheckTCCIMB(false);
         closeModalThen(() => onRefresh());
       } else {
-        Alert.alert(
-          'Thông báo',
-          response?.data?.meta?.errorMessage ||
-            'Có lỗi xảy ra. Vui lòng thử lại sau'
-        );
+        AlertGlobal.show({
+          type: 'warning',
+          title: 'Thông báo',
+          message:
+            response?.data?.meta?.errorMessage ||
+            'Có lỗi xảy ra. Vui lòng thử lại sau',
+          primaryText: 'Đóng',
+        });
       }
     } catch (error) {
-      Alert.alert('Thông báo', 'Có lỗi xảy ra. Vui lòng thử lại sau');
+      AlertGlobal.show({
+        type: 'warning',
+        title: 'Thông báo',
+        message: 'Có lỗi xảy ra. Vui lòng thử lại sau',
+        primaryText: 'Đóng',
+      });
     } finally {
       setIsConfirmingTCCIMB(false);
     }
@@ -500,12 +478,31 @@ export const Home = observer(function Home() {
         if (response.data?.meta?.errorCode === 200) {
           closeModalThen(() => onRefresh());
         } else {
-          Alert.alert('Thông báo', response.data?.meta?.errorMessage);
+          AlertGlobal.show({
+            type: 'warning',
+            title: 'Thông báo',
+            message:
+              response?.data?.meta?.errorMessage ||
+              'Có lỗi xảy ra. Vui lòng thử lại sau',
+            primaryText: 'Đóng',
+          });
         }
       } else {
-        Alert.alert('Thông báo', 'Có lỗi xảy ra. Vui lòng thử lại sau');
+        AlertGlobal.show({
+          type: 'warning',
+          title: 'Thông báo',
+          message: 'Có lỗi xảy ra. Vui lòng thử lại sau',
+          primaryText: 'Đóng',
+        });
       }
     } catch (error) {
+      AlertGlobal.show({
+        type: 'warning',
+        title: 'Thông báo',
+        message: 'Có lỗi xảy ra. Vui lòng thử lại sau',
+        primaryText: 'Đóng',
+      });
+    } finally {
       setIsLoading(false);
     }
   };
@@ -522,10 +519,22 @@ export const Home = observer(function Home() {
         if (response.data?.meta?.errorCode === 200) {
           closeModalThen(() => onRefresh());
         } else {
-          Alert.alert('Thông báo', response.data?.meta?.errorMessage);
+          AlertGlobal.show({
+            type: 'warning',
+            title: 'Thông báo',
+            message:
+              response?.data?.meta?.errorMessage ||
+              'Có lỗi xảy ra. Vui lòng thử lại sau',
+            primaryText: 'Đóng',
+          });
         }
       } else {
-        Alert.alert('Thông báo', 'Có lỗi xảy ra. Vui lòng thử lại sau');
+        AlertGlobal.show({
+          type: 'warning',
+          title: 'Thông báo',
+          message: 'Có lỗi xảy ra. Vui lòng thử lại sau',
+          primaryText: 'Đóng',
+        });
       }
     } catch (error) {
       setIsLoading(false);
@@ -536,63 +545,7 @@ export const Home = observer(function Home() {
     <View
       style={[commonStyles.fill, { zIndex: 1, backgroundColor: '#FFFFFF' }]}
     >
-      <LinearGradient colors={GRADIENT_ORANGE}>
-        <View style={{ marginTop: insets.top + 16 }}>
-          <View
-            style={{
-              flexDirection: 'row',
-              paddingHorizontal: 16,
-              alignItems: 'center',
-              justifyContent: 'space-between',
-              paddingBottom: 8,
-            }}
-          >
-            <MText
-              style={{
-                fontWeight: 'bold',
-                color: 'white',
-                fontSize: 14,
-              }}
-            >
-              Vay Online 24/7
-            </MText>
-            <View
-              style={{
-                borderWidth: 1,
-                borderColor: 'white',
-                flexDirection: 'row',
-                borderRadius: 16,
-                height: 30,
-                alignItems: 'center',
-              }}
-            >
-              <TouchableOpacity
-                style={{
-                  paddingHorizontal: 10,
-                }}
-                onPress={() => {
-                  Linking.openURL(`tel:1900633688`);
-                }}
-              >
-                <Call />
-              </TouchableOpacity>
-              <View
-                style={{ width: 1, height: 30, backgroundColor: 'white' }}
-              />
-              <TouchableOpacity
-                style={{
-                  paddingHorizontal: 10,
-                }}
-                onPress={() => {
-                  navigation.navigate('MyBank.Main');
-                }}
-              >
-                <CloseIcon />
-              </TouchableOpacity>
-            </View>
-          </View>
-        </View>
-      </LinearGradient>
+      <MHeader title="Vay Online 24/7" />
       <ScrollView
         refreshControl={
           <RefreshControl
@@ -631,7 +584,7 @@ export const Home = observer(function Home() {
                 item?.typeLoan === 6 ||
                 item?.typeLoan === 7 ? (
                   <View>
-                    <ItemTimaOneV3 item={item} navigation={navigation} />
+                    <ItemTimaOne item={item} navigation={navigation} />
                   </View>
                 ) : item?.typeLoan === 4 && !item?.isPipelineCIMB ? (
                   <DigitalTopupItem
@@ -674,9 +627,7 @@ export const Home = observer(function Home() {
                                   </MText>
                                 </View>
                               </View>
-                              <View
-                                style={styles.divider}
-                              />
+                              <View style={styles.divider} />
                               <View
                                 style={{
                                   flexDirection: 'row',
@@ -695,9 +646,7 @@ export const Home = observer(function Home() {
                                   {item?.loanStatus}
                                 </MText>
                               </View>
-                              <View
-                                style={styles.dividerThin}
-                              />
+                              <View style={styles.dividerThin} />
                               <View style={{ flexDirection: 'row' }}>
                                 {item?.loanStatus === null ||
                                 item?.loanStatus === '' ? (
@@ -718,7 +667,10 @@ export const Home = observer(function Home() {
                                   >
                                     <AddInfo />
                                     <MText
-                                      style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                      style={[
+                                        commonStyles.textNormal,
+                                        styles.actionLabelCenter,
+                                      ]}
                                     >
                                       Hoàn thiện{'\n'}cung cấp thông tin
                                     </MText>
@@ -755,7 +707,10 @@ export const Home = observer(function Home() {
                                       >
                                         <AddInfo />
                                         <MText
-                                          style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                          style={[
+                                            commonStyles.textNormal,
+                                            styles.actionLabelCenter,
+                                          ]}
                                         >
                                           Hoàn thiện{'\n'}cung cấp thông tin
                                         </MText>
@@ -764,7 +719,10 @@ export const Home = observer(function Home() {
                                       <View style={{ alignItems: 'center' }}>
                                         <AddInfoDisable />
                                         <MText
-                                          style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                          style={[
+                                            commonStyles.textNormal,
+                                            styles.actionLabelCenter,
+                                          ]}
                                         >
                                           Hoàn thiện{'\n'}cung cấp thông tin
                                         </MText>
@@ -788,17 +746,23 @@ export const Home = observer(function Home() {
                                             )
                                           );
                                         } else {
-                                          Alert.alert(
-                                            'Thông báo',
-                                            'Bạn chưa thể ký hợp đồng bây giờ?'
-                                          );
+                                          AlertGlobal.show({
+                                            title: 'Thông báo',
+                                            message:
+                                              'Bạn chưa thể ký hợp đồng bây giờ?',
+                                            type: 'warning',
+                                            primaryText: 'Đóng',
+                                          });
                                         }
                                       });
                                     }}
                                   >
                                     <IconSign2 />
                                     <MText
-                                      style={[commonStyles.textNormal, styles.label12]}
+                                      style={[
+                                        commonStyles.textNormal,
+                                        styles.label12,
+                                      ]}
                                     >
                                       Ký hợp đồng
                                     </MText>
@@ -822,7 +786,10 @@ export const Home = observer(function Home() {
                                   >
                                     <ContractTimeIcon />
                                     <MText
-                                      style={[commonStyles.textNormal, styles.label12Center]}
+                                      style={[
+                                        commonStyles.textNormal,
+                                        styles.label12Center,
+                                      ]}
                                     >
                                       Hợp đồng{'\n'}dịch vụ
                                     </MText>
@@ -846,7 +813,10 @@ export const Home = observer(function Home() {
                                   >
                                     <IconEviden />
                                     <MText
-                                      style={[commonStyles.textNormal, styles.label12Center]}
+                                      style={[
+                                        commonStyles.textNormal,
+                                        styles.label12Center,
+                                      ]}
                                     >
                                       Mục đích {'\n'}sử dụng
                                     </MText>
@@ -870,7 +840,10 @@ export const Home = observer(function Home() {
                                   >
                                     <IconSchedule />
                                     <MText
-                                      style={[commonStyles.textNormal, styles.label12]}
+                                      style={[
+                                        commonStyles.textNormal,
+                                        styles.label12,
+                                      ]}
                                     >
                                       Lịch dự kiến
                                     </MText>
@@ -881,9 +854,7 @@ export const Home = observer(function Home() {
                               {item.messageErrorCIMB !== '' &&
                               item?.messageErrorCIMB &&
                               item?.isCimbApproveFull === null ? (
-                                <View
-                                  style={styles.infoBanner}
-                                >
+                                <View style={styles.infoBanner}>
                                   <View
                                     style={{
                                       flexDirection: 'row',
@@ -939,9 +910,7 @@ export const Home = observer(function Home() {
                                   </View>
                                 </View>
                               ) : (
-                                <View
-                                  style={styles.infoBannerRow}
-                                >
+                                <View style={styles.infoBannerRow}>
                                   <Info />
                                   <MText
                                     style={[
@@ -989,9 +958,7 @@ export const Home = observer(function Home() {
                                       </MText>
                                     </View>
                                   </View>
-                                  <View
-                                    style={styles.divider}
-                                  />
+                                  <View style={styles.divider} />
                                   <View
                                     style={{
                                       flexDirection: 'row',
@@ -1049,9 +1016,7 @@ export const Home = observer(function Home() {
                                     </TouchableOpacity>
                                   ) : (
                                     <View>
-                                      <View
-                                        style={styles.dividerThin}
-                                      />
+                                      <View style={styles.dividerThin} />
                                       <View style={{ flexDirection: 'row' }}>
                                         {item?.loanStatus === null ||
                                         item?.loanStatus === '' ? (
@@ -1074,7 +1039,10 @@ export const Home = observer(function Home() {
                                           >
                                             <AddInfo />
                                             <MText
-                                              style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                              style={[
+                                                commonStyles.textNormal,
+                                                styles.actionLabelCenter,
+                                              ]}
                                             >
                                               Hoàn thiện{'\n'}cung cấp thông tin
                                             </MText>
@@ -1113,7 +1081,10 @@ export const Home = observer(function Home() {
                                               >
                                                 <AddInfo />
                                                 <MText
-                                                  style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                                  style={[
+                                                    commonStyles.textNormal,
+                                                    styles.actionLabelCenter,
+                                                  ]}
                                                 >
                                                   Hoàn thiện{'\n'}cung cấp thông
                                                   tin
@@ -1127,7 +1098,10 @@ export const Home = observer(function Home() {
                                               >
                                                 <AddInfoDisable />
                                                 <MText
-                                                  style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                                  style={[
+                                                    commonStyles.textNormal,
+                                                    styles.actionLabelCenter,
+                                                  ]}
                                                 >
                                                   Hoàn thiện{'\n'}cung cấp thông
                                                   tin
@@ -1152,17 +1126,23 @@ export const Home = observer(function Home() {
                                                     )
                                                   );
                                                 } else {
-                                                  Alert.alert(
-                                                    'Thông báo',
-                                                    'Bạn chưa thể ký hợp đồng bây giờ?'
-                                                  );
+                                                  AlertGlobal.show({
+                                                    type: 'warning',
+                                                    title: 'Thông báo',
+                                                    message:
+                                                      'Bạn chưa thể ký hợp đồng bây giờ?',
+                                                    primaryText: 'Đóng',
+                                                  });
                                                 }
                                               });
                                             }}
                                           >
                                             <IconSign2 />
                                             <MText
-                                              style={[commonStyles.textNormal, styles.actionLabel]}
+                                              style={[
+                                                commonStyles.textNormal,
+                                                styles.actionLabel,
+                                              ]}
                                             >
                                               Ký hợp đồng
                                             </MText>
@@ -1186,7 +1166,10 @@ export const Home = observer(function Home() {
                                           >
                                             <ContractTimeIcon />
                                             <MText
-                                              style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                              style={[
+                                                commonStyles.textNormal,
+                                                styles.actionLabelCenter,
+                                              ]}
                                             >
                                               Hợp đồng{'\n'}dịch vụ
                                             </MText>
@@ -1210,7 +1193,10 @@ export const Home = observer(function Home() {
                                           >
                                             <IconEviden />
                                             <MText
-                                              style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                              style={[
+                                                commonStyles.textNormal,
+                                                styles.actionLabelCenter,
+                                              ]}
                                             >
                                               Mục đích {'\n'}sử dụng
                                             </MText>
@@ -1232,7 +1218,10 @@ export const Home = observer(function Home() {
                                           >
                                             <IconSchedule />
                                             <MText
-                                              style={[commonStyles.textNormal, styles.actionLabel]}
+                                              style={[
+                                                commonStyles.textNormal,
+                                                styles.actionLabel,
+                                              ]}
                                             >
                                               Lịch dự kiến
                                             </MText>
@@ -1243,9 +1232,7 @@ export const Home = observer(function Home() {
                                       {item.messageErrorCIMB !== '' &&
                                       item?.messageErrorCIMB &&
                                       item?.isCimbApproveFull === null ? (
-                                        <View
-                                          style={styles.infoBanner}
-                                        >
+                                        <View style={styles.infoBanner}>
                                           <View
                                             style={{
                                               flexDirection: 'row',
@@ -1307,9 +1294,7 @@ export const Home = observer(function Home() {
                                           </View>
                                         </View>
                                       ) : (
-                                        <View
-                                          style={styles.infoBannerRow}
-                                        >
+                                        <View style={styles.infoBannerRow}>
                                           <Info />
                                           <MText
                                             style={[
@@ -1360,9 +1345,7 @@ export const Home = observer(function Home() {
                                     </MText>
                                   </View>
                                 </View>
-                                <View
-                                  style={styles.divider}
-                                />
+                                <View style={styles.divider} />
                                 <View
                                   style={{
                                     flexDirection: 'row',
@@ -1381,9 +1364,7 @@ export const Home = observer(function Home() {
                                     {item?.loanStatus}
                                   </MText>
                                 </View>
-                                <View
-                                  style={styles.dividerThin}
-                                />
+                                <View style={styles.dividerThin} />
                                 <View style={{ flexDirection: 'row' }}>
                                   {item?.isUpdateLoan ||
                                   item?.isUpdateInformation ? (
@@ -1415,7 +1396,10 @@ export const Home = observer(function Home() {
                                     >
                                       <AddInfo />
                                       <MText
-                                        style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                        style={[
+                                          commonStyles.textNormal,
+                                          styles.actionLabelCenter,
+                                        ]}
                                       >
                                         Hoàn thiện{'\n'}cung cấp thông tin
                                       </MText>
@@ -1424,7 +1408,10 @@ export const Home = observer(function Home() {
                                     <View style={{ alignItems: 'center' }}>
                                       <AddInfoDisable />
                                       <MText
-                                        style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                        style={[
+                                          commonStyles.textNormal,
+                                          styles.actionLabelCenter,
+                                        ]}
                                       >
                                         Hoàn thiện{'\n'}cung cấp thông tin
                                       </MText>
@@ -1445,17 +1432,23 @@ export const Home = observer(function Home() {
                                               )
                                             );
                                           } else {
-                                            Alert.alert(
-                                              'Thông báo',
-                                              'Bạn chưa thể ký hợp đồng bây giờ?'
-                                            );
+                                            AlertGlobal.show({
+                                              type: 'warning',
+                                              title: 'Thông báo',
+                                              message:
+                                                'Bạn chưa thể ký hợp đồng bây giờ?',
+                                              primaryText: 'Đóng',
+                                            });
                                           }
                                         });
                                       }}
                                     >
                                       <IconSign2 />
                                       <MText
-                                        style={[commonStyles.textNormal, styles.actionLabel]}
+                                        style={[
+                                          commonStyles.textNormal,
+                                          styles.actionLabel,
+                                        ]}
                                       >
                                         Ký hợp đồng
                                       </MText>
@@ -1479,7 +1472,10 @@ export const Home = observer(function Home() {
                                     >
                                       <ContractTimeIcon />
                                       <MText
-                                        style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                        style={[
+                                          commonStyles.textNormal,
+                                          styles.actionLabelCenter,
+                                        ]}
                                       >
                                         Hợp đồng{'\n'}dịch vụ
                                       </MText>
@@ -1503,7 +1499,10 @@ export const Home = observer(function Home() {
                                     >
                                       <IconEviden />
                                       <MText
-                                        style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                        style={[
+                                          commonStyles.textNormal,
+                                          styles.actionLabelCenter,
+                                        ]}
                                       >
                                         Mục đích {'\n'}sử dụng
                                       </MText>
@@ -1525,7 +1524,10 @@ export const Home = observer(function Home() {
                                     >
                                       <IconSchedule />
                                       <MText
-                                        style={[commonStyles.textNormal, styles.actionLabel]}
+                                        style={[
+                                          commonStyles.textNormal,
+                                          styles.actionLabel,
+                                        ]}
                                       >
                                         Lịch dự kiến
                                       </MText>
@@ -1533,9 +1535,7 @@ export const Home = observer(function Home() {
                                   )}
                                 </View>
 
-                                <View
-                                  style={styles.infoBannerRow}
-                                >
+                                <View style={styles.infoBannerRow}>
                                   <Info />
                                   <MText
                                     style={[
@@ -1732,9 +1732,7 @@ export const Home = observer(function Home() {
                                 {item?.loanStatus ?? 'Chưa xác định'}
                               </MText>
                             </View>
-                            <View
-                              style={styles.dividerThin}
-                            />
+                            <View style={styles.dividerThin} />
                             <View
                               style={{
                                 flexDirection: 'row',
@@ -1760,7 +1758,10 @@ export const Home = observer(function Home() {
                                 >
                                   <AddInfo />
                                   <MText
-                                    style={[commonStyles.textNormal, styles.label12]}
+                                    style={[
+                                      commonStyles.textNormal,
+                                      styles.label12,
+                                    ]}
                                   >
                                     EKYC
                                   </MText>
@@ -1785,7 +1786,10 @@ export const Home = observer(function Home() {
                                     >
                                       <TopupSvg />
                                       <MText
-                                        style={[commonStyles.textNormal, styles.label12]}
+                                        style={[
+                                          commonStyles.textNormal,
+                                          styles.label12,
+                                        ]}
                                       >
                                         Cập nhật{'\n'}thông tin
                                       </MText>
@@ -1814,7 +1818,10 @@ export const Home = observer(function Home() {
                                 >
                                   <IconVideo />
                                   <MText
-                                    style={[commonStyles.textNormal, styles.label12]}
+                                    style={[
+                                      commonStyles.textNormal,
+                                      styles.label12,
+                                    ]}
                                   >
                                     Quay video
                                   </MText>
@@ -1836,7 +1843,10 @@ export const Home = observer(function Home() {
                                       >
                                         <IconSign2 />
                                         <MText
-                                          style={[commonStyles.textNormal, styles.label12]}
+                                          style={[
+                                            commonStyles.textNormal,
+                                            styles.label12,
+                                          ]}
                                         >
                                           Ký HĐ
                                         </MText>
@@ -1858,7 +1868,10 @@ export const Home = observer(function Home() {
                                     >
                                       <IconSign2 />
                                       <MText
-                                        style={[commonStyles.textNormal, styles.label12Center]}
+                                        style={[
+                                          commonStyles.textNormal,
+                                          styles.label12Center,
+                                        ]}
                                       >
                                         Ký HĐ
                                       </MText>
@@ -1882,16 +1895,17 @@ export const Home = observer(function Home() {
                                 >
                                   <IconSchedule />
                                   <MText
-                                    style={[commonStyles.textNormal, styles.label12Center]}
+                                    style={[
+                                      commonStyles.textNormal,
+                                      styles.label12Center,
+                                    ]}
                                   >
                                     Lịch thanh toán{'\n'}dự kiến
                                   </MText>
                                 </TouchableOpacity>
                               )}
                             </View>
-                            <View
-                              style={styles.infoBannerRow}
-                            >
+                            <View style={styles.infoBannerRow}>
                               <Info />
                               <MText
                                 style={[
@@ -2320,49 +2334,45 @@ export const Home = observer(function Home() {
                       marginTop: 8,
                     }}
                     onPress={async () => {
-                      Alert.alert(
-                        'Vui lòng xác nhận lại',
-                        `Bạn có chắc chắn muốn huỷ khoản vay từ CIMB với số tiền ${formatMoney(
+                      AlertGlobal.show({
+                        type: 'confirm',
+                        title: 'Vui lòng xác nhận lại',
+                        message: `Bạn có chắc chắn muốn huỷ khoản vay từ CIMB với số tiền ${formatMoney(
                           loanCimb?.loanAmount
                         )}`,
-                        [
-                          {
-                            text: 'Có',
-                            onPress: async () => {
-                              const response =
-                                await Api.getInstance().customerCancel({
-                                  LoanBriefId: loanCimb?.id,
-                                });
-                              if (response.kind === 'ok') {
-                                if (response.data.meta.errorCode === 200) {
-                                  closeModal();
-                                  const key = `SHOW_${loanCimb.id}`;
-                                  save(key, true);
-                                  Alert.alert(
-                                    'Thông báo',
-                                    'Huỷ đơn thành công',
-                                    [
-                                      {
-                                        text: 'Đồng ý',
-                                        onPress: () => {
-                                          navigation.pop();
-                                        },
-                                      },
-                                    ]
-                                  );
-                                }
-                              } else {
-                                Alert.alert(
-                                  'Có lỗi xảy ra. Vui lòng thử lại sau!'
-                                );
-                              }
-                            },
-                          },
-                          {
-                            text: 'Không',
-                          },
-                        ]
-                      );
+                        primaryText: 'Có',
+                        secondaryText: 'Không',
+                        onPrimaryPress: async () => {
+                          const response =
+                            await Api.getInstance().customerCancel({
+                              LoanBriefId: loanCimb?.id,
+                            });
+                          if (response.kind === 'ok') {
+                            if (response.data.meta.errorCode === 200) {
+                              closeModal();
+                              const key = `SHOW_${loanCimb.id}`;
+                              save(key, true);
+                              AlertGlobal.show({
+                                type: 'success',
+                                title: 'Thông báo',
+                                message:
+                                  'Bạn đã hủy khoản vay thành công. Vui lòng chọn khoản vay khác hoặc quay lại trang chủ.',
+                                primaryText: 'Đồng ý',
+                                onPrimaryPress() {
+                                  navigation.pop();
+                                },
+                              });
+                            }
+                          } else {
+                            AlertGlobal.show({
+                              type: 'warning',
+                              title: 'Thông báo',
+                              message: 'Có lỗi xảy ra. Vui lòng thử lại sau!',
+                              primaryText: 'Đóng',
+                            });
+                          }
+                        },
+                      });
                     }}
                   >
                     <MText style={{ color: '#BDBDBD' }}>Huỷ</MText>
@@ -2683,9 +2693,7 @@ export const Home = observer(function Home() {
               onPress={() => confirmTCCIMB()}
             >
               <LinearGradient
-                colors={
-                  checkTCCIMB ? GRADIENT_ORANGE : ['#E0E0E0', '#E0E0E0']
-                }
+                colors={checkTCCIMB ? GRADIENT_ORANGE : ['#E0E0E0', '#E0E0E0']}
                 style={{
                   height: 40,
                   alignItems: 'center',