react-native-timacare 3.3.48 → 3.3.50

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

@@ -33,7 +33,10 @@ import {
   AddInfo,
   AddInfoDisable,
   Call,
+  CheckBox,
+  CheckBoxActive,
   CIMBSmall,
+  Close2Icon,
   CloseIcon,
   Contract,
   ContractActive,
@@ -76,6 +79,7 @@ import {
 } from 'react-native-permissions';
 import appStore from '../../AppStore';
 import Modal from 'react-native-modal';
+import Pdf from 'react-native-pdf';
 import { Api } from '../../services/api';
 import { load, save } from '../../utils/storage';
 import SkeletonLoanList, {
@@ -143,6 +147,7 @@ const MODAL = {
   SUGGEST: 'SUGGEST', // showModal4
   ALERT: 'ALERT', // showModal5
   DIGITAL_SUGGEST: 'DIGITAL_SUGGEST', // showModal6
+  TCCIMB: 'TCCIMB', // popup xác nhận chia sẻ dữ liệu CIMB
 };
 
 export const Home = observer(function Home() {
@@ -157,6 +162,12 @@ export const Home = observer(function Home() {
   const [loanCimb, setLoanCimb] = useState(null);
   const [loan, setLoan] = useState(null);
   const [dataSuggest, setDataSuggest] = useState<any>();
+  // Popup xác nhận chia sẻ dữ liệu CIMB (isShowPopupTCCIMB)
+  const [loanTCCIMB, setLoanTCCIMB] = useState<any>(null);
+  const [checkTCCIMB, setCheckTCCIMB] = useState(false);
+  const [isConfirmingTCCIMB, setIsConfirmingTCCIMB] = useState(false);
+  // Modal full màn hình hiển thị file điều kiện & điều khoản CIMB (PDF)
+  const [showPolicyCIMB, setShowPolicyCIMB] = useState(false);
   const insets = useSafeAreaInsets();
 
   // Chỉ mở modal khi chưa có modal nào đang mở -> không bao giờ stack 2 modal
@@ -268,11 +279,18 @@ export const Home = observer(function Home() {
                     openModal(MODAL.ALERT);
                   }, 300);
                 }
+
+                // Hiển thị popup xác nhận chia sẻ dữ liệu CIMB
+                if (item?.isShowPopupTCCIMB === true) {
+                  setLoanTCCIMB(item);
+                  setTimeout(() => {
+                    openModal(MODAL.TCCIMB);
+                  }, 300);
+                }
               })
             );
           }
         } else {
-          // Alert.alert('Thông báo', response?.data?.meta?.errorMessage);
         }
       } else {
         Alert.alert('Thông báo', 'Có lỗi xảy ra. Vui lòng thử lại sau');
@@ -428,6 +446,36 @@ export const Home = observer(function Home() {
     );
   };
 
+  // Mở modal full màn hình điều kiện & điều khoản CIMB (hiển thị đè lên,
+  // KHÔNG đóng popup xác nhận TCCIMB)
+  const openPolicyCIMB = () => {
+    setShowPolicyCIMB(true);
+  };
+
+  // Xác nhận đồng ý chia sẻ dữ liệu CIMB
+  const confirmTCCIMB = async () => {
+    try {
+      setIsConfirmingTCCIMB(true);
+      const response = await Api.getInstance().confirmTCCIMB({
+        loanBriefId: loanTCCIMB?.id,
+      });
+      if (response.kind === 'ok' && response.data?.meta?.errorCode === 200) {
+        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'
+        );
+      }
+    } catch (error) {
+      Alert.alert('Thông báo', 'Có lỗi xảy ra. Vui lòng thử lại sau');
+    } finally {
+      setIsConfirmingTCCIMB(false);
+    }
+  };
+
   const checkTerm = (loan, action) => {
     if (loan?.isConfirmTimaRule && loan?.isConfirmTimaRule === true) {
       navigation.dispatch(StackActions.push(ScreenNames.Terms, loan));
@@ -2876,6 +2924,166 @@ export const Home = observer(function Home() {
             closeModal();
           }}
         />
+
+        {/* Popup xác nhận chia sẻ dữ liệu CIMB */}
+        <Modal
+          isVisible={activeModal === MODAL.TCCIMB}
+          onModalHide={runPendingNav}
+          style={{ margin: 0, justifyContent: 'center' }}
+          {...modalSafeProps}
+        >
+          <View
+            style={{
+              marginHorizontal: 16,
+              borderRadius: 12,
+              backgroundColor: 'white',
+              padding: 16,
+            }}
+          >
+            <View style={{ flexDirection: 'row-reverse' }}>
+              <TouchableOpacity
+                onPress={() => closeModal()}
+                style={{
+                  width: 30,
+                  height: 30,
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                }}
+              >
+                <Close2Icon />
+              </TouchableOpacity>
+            </View>
+            <MText
+              style={{
+                fontSize: 16,
+                fontWeight: '600',
+                textAlign: 'center',
+                fontFamily: 'BeVietnamPro-SemiBold',
+              }}
+            >
+              Xác nhận chia sẻ dữ liệu
+            </MText>
+            <View
+              style={{
+                marginTop: 16,
+                alignItems: 'center',
+              }}
+            >
+              <Image
+                source={require('./Frame1000013403.png')}
+                style={{
+                  height: 46,
+                  resizeMode: 'contain',
+                }}
+              />
+            </View>
+            <MText
+              style={{ color: '#828282', textAlign: 'center', marginTop: 16 }}
+            >
+              Tima sẽ chuyển thông tin của bạn đến Ngân hàng TNHH MTV CIMB Việt
+              Nam (CIMB) để xem xét phê duyệt khoản vay. Khi chọn "Đồng ý & Tiếp
+              tục", bạn đồng ý cho các bên liên quan thu thập, sử dụng, xử lý và
+              chia sẻ dữ liệu cá nhân theo quy định của pháp luật. Sau khi
+              chuyển giao dữ liệu, Tima là bên kiểm soát và xử lý dữ liệu cá
+              nhân.
+            </MText>
+            <View
+              style={{
+                flexDirection: 'row',
+                marginTop: 24,
+                gap: 8,
+              }}
+            >
+              <TouchableOpacity onPress={() => setCheckTCCIMB(!checkTCCIMB)}>
+                {checkTCCIMB ? <CheckBoxActive /> : <CheckBox />}
+              </TouchableOpacity>
+              <MText style={{ flex: 1 }}>
+                Tôi đã đọc và đồng ý với{' '}
+                <MText
+                  style={{ color: '#2F80ED', textDecorationLine: 'underline' }}
+                  onPress={openPolicyCIMB}
+                >
+                  Điều kiện và điều khoản
+                </MText>{' '}
+                xử lý dữ liệu của CIMB
+              </MText>
+            </View>
+            <TouchableOpacity
+              disabled={!checkTCCIMB || isConfirmingTCCIMB}
+              onPress={() => confirmTCCIMB()}
+            >
+              <LinearGradient
+                colors={
+                  checkTCCIMB ? ['#FF8E4F', '#EF592E'] : ['#E0E0E0', '#E0E0E0']
+                }
+                style={{
+                  height: 40,
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                  borderRadius: 24,
+                  paddingHorizontal: 10,
+                  marginTop: 24,
+                }}
+              >
+                {isConfirmingTCCIMB ? (
+                  <ActivityIndicator color="white" />
+                ) : (
+                  <MText style={{ color: 'white', fontWeight: 'bold' }}>
+                    Đồng ý và tiếp tục
+                  </MText>
+                )}
+              </LinearGradient>
+            </TouchableOpacity>
+          </View>
+
+          {/* Overlay full màn hình hiển thị điều kiện & điều khoản CIMB (PDF).
+              Lồng trong cùng modal để hiển thị đè lên popup xác nhận mà không
+              phải stack 2 native modal (gây không mở được trên iOS) */}
+          {showPolicyCIMB && (
+            <View
+              style={{
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                right: 0,
+                bottom: 0,
+                backgroundColor: 'white',
+              }}
+            >
+              <View
+                style={{
+                  marginTop: insets.top,
+                  paddingVertical: 16,
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                  flexDirection: 'row',
+                }}
+              >
+                <TouchableOpacity
+                  onPress={() => setShowPolicyCIMB(false)}
+                  style={{ position: 'absolute', left: 16 }}
+                >
+                  <Close2Icon />
+                </TouchableOpacity>
+                <MText style={{ fontWeight: 'bold' }}>
+                  ĐIỀU KIỆN VÀ ĐIỀU KHOẢN
+                </MText>
+              </View>
+              <View style={{ flex: 1 }}>
+                <Pdf
+                  trustAllCerts={false}
+                  source={{
+                    uri: 'https://cdn.tima.vn/file-pdf/policy_cimb.pdf',
+                  }}
+                  style={{
+                    flex: 1,
+                    width: Dimensions.get('window').width,
+                  }}
+                />
+              </View>
+            </View>
+          )}
+        </Modal>
       </ScrollView>
     </View>
   );