react-native-timacare 3.3.54 → 3.3.56-alert

package/src/screens/toan-trinh-so/TTSSignLoan.tsx

@@ -1,12 +1,6 @@
 //@ts-nocheck
 import React, { useEffect } from 'react';
-import {
-  Alert,
-  SafeAreaView,
-  ScrollView,
-  TouchableOpacity,
-  View,
-} from 'react-native';
+import { SafeAreaView, ScrollView, TouchableOpacity, View } from 'react-native';
 import { MText } from '../../components/MText';
 import { CheckBox, CheckBoxActive, IconBack } from '../../assets/icons';
 import LinearGradient from 'react-native-linear-gradient';
@@ -18,6 +12,7 @@ import { is, set } from 'ramda';
 import Loading from '../../components/Loading';
 import { logEvent, logEventFb } from '../../utils';
 import ttsStore from './store';
+import { AlertGlobal } from '../../components/ModalNotification/AlertGlobal';
 
 export default function TTSSignLoan(props) {
   const loan = props?.route?.params?.loan;
@@ -36,27 +31,30 @@ export default function TTSSignLoan(props) {
         if (response.data?.meta?.errorCode === 200) {
           setContract(response.data?.data);
         } 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.',
-            [
-              {
-                text: 'Đồng ý',
-                onPress: () => {
-                  navigation.dispatch(
-                    CommonActions.reset({
-                      index: 1,
-                      routes: [{ name: ScreenNames.Main }],
-                    })
-                  );
-                },
-              },
-            ]
-          );
+            primaryText: 'Đồng ý',
+            onPrimaryPress: () => {
+              navigation.dispatch(
+                CommonActions.reset({
+                  index: 1,
+                  routes: [{ name: ScreenNames.Main }],
+                })
+              );
+            },
+          });
         }
       } 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);
@@ -90,14 +88,22 @@ export default function TTSSignLoan(props) {
 
   const signLoan = async () => {
     if (!isAgree) {
-      Alert.alert(
-        'Thông báo',
-        'Bạn cần đồng ý với tất cả những điều kiện trong hợp đồng trước khi ký.'
-      );
+      AlertGlobal.show({
+        type: 'warning',
+        title: 'Thông báo',
+        message:
+          'Bạn cần đồng ý với tất cả những điều kiện trong hợp đồng trước khi ký.',
+        primaryText: 'Đóng',
+      });
       return;
     }
     if (contract === null) {
-      Alert.alert('Thông báo', 'Không tạo được hợp đồng');
+      AlertGlobal.show({
+        type: 'warning',
+        title: 'Thông báo',
+        message: 'Không tạo được hợp đồng',
+        primaryText: 'Đóng',
+      });
       return;
     }
 
@@ -105,17 +111,21 @@ export default function TTSSignLoan(props) {
       !contract?.base64_hopdongdichvu ||
       contract?.base64_hopdongdichvu === null
     ) {
-      Alert.alert(
-        'Thông báo',
-        'Hợp đồng dịch vụ chưa tồn tại. Không thể ký hợp đồng'
-      );
+      AlertGlobal.show({
+        type: 'warning',
+        title: 'Thông báo',
+        message: 'Hợp đồng dịch vụ chưa tồn tại. Không thể ký hợp đồng',
+        primaryText: 'Đóng',
+      });
       return;
     }
     if (!contract?.base64_giaoket_1 || contract?.base64_giaoket_1 === null) {
-      Alert.alert(
-        'Thông báo',
-        'Giao kết cho vay chưa tồn tại. Không thể ký hợp đồng'
-      );
+      AlertGlobal.show({
+        type: 'warning',
+        title: 'Thông báo',
+        message: 'Giao kết cho vay chưa tồn tại. Không thể ký hợp đồng',
+        primaryText: 'Đóng',
+      });
       return;
     }
     try {
@@ -129,24 +139,22 @@ export default function TTSSignLoan(props) {
           id: loan?.id,
         });
       } 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.',
-          [
-            {
-              text: 'OK',
-              onPress: () => {
-                navigation.dispatch(
-                  CommonActions.reset({
-                    index: 1,
-                    routes: [{ name: ScreenNames.Main }],
-                  })
-                );
-              },
-            },
-          ]
-        );
+          primaryText: 'OK',
+          onPrimaryPress: () => {
+            navigation.dispatch(
+              CommonActions.reset({
+                index: 1,
+                routes: [{ name: ScreenNames.Main }],
+              })
+            );
+          },
+        });
       }
     } catch (error) {
       console.log(error);

package/src/screens/toan-trinh-so/TopupLoanInfo.tsx

@@ -1,7 +1,6 @@
 //@ts-nocheck
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import {
-  Alert,
   Dimensions,
   ScrollView,
   TextInput,
@@ -30,6 +29,7 @@ import LinearGradient from 'react-native-linear-gradient';
 import moment from 'moment';
 import * as yup from 'yup';
 import DatePicker from 'react-native-date-picker';
+import { AlertGlobal } from '../../components/ModalNotification/AlertGlobal';
 
 export default function TopupLoanInfo(props) {
   const navigation = useNavigation();
@@ -118,32 +118,43 @@ export default function TopupLoanInfo(props) {
       setIsLoading(false);
       if (response.kind === 'ok') {
         if (response.data?.meta?.errorCode === 200) {
-          Alert.alert('Thông báo', 'Cập nhật thông tin thành công', [
-            {
-              text: 'Đồng ý',
-              onPress: async () => {
-                await logEvent('thongtinvay_completed', {
-                  event: 'thongtinvay_completed',
-                  createdAt: new Date(),
-                  deviceId: appStore.deviceId,
-                  loanId: String(props.route?.params?.loan?.id),
-                  utmSource: props.route?.params?.loan?.utmSource,
-                });
-                logEventFb('thongtinvay_completed');
-                navigation.dispatch(
-                  CommonActions.reset({
-                    index: 1,
-                    routes: [{ name: ScreenNames.Main }],
-                  })
-                );
-              },
+          AlertGlobal.show({
+            type: 'success',
+            title: 'Thông báo',
+            message: 'Cập nhật thông tin thành công',
+            primaryText: 'Đồng ý',
+            onPrimaryPress: async () => {
+              await logEvent('thongtinvay_completed', {
+                event: 'thongtinvay_completed',
+                createdAt: new Date(),
+                deviceId: appStore.deviceId,
+                loanId: String(props.route?.params?.loan?.id),
+                utmSource: props.route?.params?.loan?.utmSource,
+              });
+              logEventFb('thongtinvay_completed');
+              navigation.dispatch(
+                CommonActions.reset({
+                  index: 1,
+                  routes: [{ name: ScreenNames.Main }],
+                })
+              );
             },
-          ]);
+          });
         } 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,
+            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);
@@ -170,26 +181,22 @@ export default function TopupLoanInfo(props) {
                 zIndex: 1000,
               }}
               onPress={() => {
-                Alert.alert(
-                  'Thoát cập nhật thông tin',
-                  'Bạn có chắc chắn muốn thoát cập nhật thông tin không?',
-                  [
-                    {
-                      text: 'Có',
-                      onPress: () => {
-                        navigation.dispatch(
-                          CommonActions.reset({
-                            index: 1,
-                            routes: [{ name: ScreenNames.Main }],
-                          })
-                        );
-                      },
-                    },
-                    {
-                      text: 'Không',
-                    },
-                  ]
-                );
+                AlertGlobal.show({
+                  type: 'confirm',
+                  title: 'Thoát cập nhật thông tin',
+                  message:
+                    'Bạn có chắc chắn muốn thoát cập nhật thông tin không?',
+                  primaryText: 'Có',
+                  onPrimaryPress: () => {
+                    navigation.dispatch(
+                      CommonActions.reset({
+                        index: 1,
+                        routes: [{ name: ScreenNames.Main }],
+                      })
+                    );
+                  },
+                  secondaryText: 'Không',
+                });
               }}
             >
               <IconBack />

package/src/screens/toan-trinh-so/VehicleCamera.tsx

@@ -1,7 +1,6 @@
 // @ts-nocheck
 import React, { useEffect, useRef, useState } from 'react';
 import {
-  Alert,
   Dimensions,
   Image,
   ImageStyle,
@@ -41,6 +40,7 @@ import { IconUpload } from '../../assets/svgs';
 import ImagePicker from 'react-native-image-crop-picker';
 import { launchImageLibrary } from 'react-native-image-picker';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { AlertGlobal } from '../../components/ModalNotification/AlertGlobal';
 
 const { width: screenWidth } = Dimensions.get('window');
 const frameWidth = screenWidth * 0.85;
@@ -108,51 +108,49 @@ export default function VehicleCamera(props: any) {
           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'
           );
-          Alert.alert(
-            'Thông báo',
-            'Bạn đã từ chối quyền máy ảnh. Vui lòng cấp quyền máy ảnh để 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 máy ảnh. Vui lòng cấp quyền máy ảnh để 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',
-            'Quyền máy ảnh bị hạn chế. Vui lòng kiểm tra lại để tiếp tục!',
-            [
-              {
-                text: 'Đồng ý',
-                onPress: () => {
-                  if (Platform.OS === 'ios') {
-                    openSettings();
-                  } else {
-                    requestPermissions();
-                  }
-                },
-              },
-            ]
-          );
+          AlertGlobal.show({
+            type: 'warning',
+            title: 'Thông báo',
+            message:
+              'Quyền máy ảnh bị hạn chế. Vui lòng kiểm tra lại để tiếp tục!',
+            primaryText: 'Đồng ý',
+            onPrimaryPress: () => {
+              if (Platform.OS === 'ios') {
+                openSettings();
+              } else {
+                requestPermissions();
+              }
+            },
+          });
           break;
         case RESULTS.GRANTED:
           console.log('The permission is granted');
@@ -160,22 +158,20 @@ export default function VehicleCamera(props: any) {
           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 máy ảnh. Vui lòng cấp quyền máy ảnh để 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 máy ảnh. Vui lòng cấp quyền máy ảnh để tiếp tục!',
+            primaryText: 'Đồng ý',
+            onPrimaryPress: () => {
+              if (Platform.OS === 'ios') {
+                openSettings();
+              } else {
+                openSettings();
+              }
+            },
+          });
           break;
       }
     });

package/src/screens/toan-trinh-so/VehicleRegistration.tsx

@@ -1,7 +1,6 @@
 //@ts-nocheck
 import React, { useEffect, useState } from 'react';
 import {
-  Alert,
   Dimensions,
   Image,
   ImageStyle,
@@ -26,6 +25,7 @@ import MButton from '../../components/MButton';
 import LinearGradient from 'react-native-linear-gradient';
 import appStore from '../../AppStore';
 import { logEvent, logEventFb } from '../../utils';
+import { AlertGlobal } from '../../components/ModalNotification/AlertGlobal';
 
 const logoView: ImageStyle = {
   position: 'absolute',
@@ -95,14 +95,29 @@ export default function VehicleRegistration(props) {
             loan: props?.route?.params?.loan,
           });
         } 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,
+            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) {
       console.log(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',
+      });
       setIsLoading(false);
     }
   };

package/src/screens/toan-trinh-so/VehicleRegistrationBack.tsx

@@ -2,7 +2,6 @@
 import React, { useEffect, useState } from 'react';
 import {
   ActivityIndicator,
-  Alert,
   Dimensions,
   Image,
   ImageStyle,
@@ -25,6 +24,7 @@ import LinearGradient from 'react-native-linear-gradient';
 import { ScreenNames } from '../../navigation';
 import { Api } from '../../services/api';
 import Loading from '../../components/Loading';
+import { AlertGlobal } from '../../components/ModalNotification/AlertGlobal';
 
 const logoView: ImageStyle = {
   position: 'absolute',
@@ -108,14 +108,29 @@ export default function VehicleRegistrationBack(props: any) {
             );
           }
         } 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,
+            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) {
       console.log(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',
+      });
       setIsLoading(false);
     }
   };

package/src/screens/toan-trinh-so/VehicleRegistrationFront.tsx

@@ -2,7 +2,6 @@
 import React, { useEffect, useState } from 'react';
 import {
   ActivityIndicator,
-  Alert,
   Dimensions,
   Image,
   ImageStyle,
@@ -27,6 +26,7 @@ import { Api } from '../../services/api';
 import Loading from '../../components/Loading';
 import appStore from '../../AppStore';
 import { logEvent, logEventFb } from '../../utils';
+import { AlertGlobal } from '../../components/ModalNotification/AlertGlobal';
 
 const logoView: ImageStyle = {
   position: 'absolute',
@@ -91,14 +91,29 @@ export default function VehicleRegistrationFront(props: any) {
             loan: props?.route?.params?.loan,
           });
         } 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,
+            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) {
       console.log(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',
+      });
       setIsLoading(false);
     }
   };