react-native-timacare 3.3.42 → 3.3.44

package/src/navigation/navigationRef.ts

@@ -0,0 +1,40 @@
+// @ts-nocheck
+/**
+ * Navigation bridge for the Timacare SDK.
+ *
+ * The host app already owns its <NavigationContainer ref={...}>, so instead of
+ * creating a second ref the host registers its existing one here once (typically
+ * right after the container mounts). The SDK then uses it to drive navigation
+ * imperatively from outside React — e.g. deep-linking into a loan detail via
+ * `goDetail()`.
+ *
+ * Accepts either form of ref:
+ *  - the object returned by `createNavigationContainerRef()` /
+ *    `useNavigationContainerRef()` (methods live directly on it), or
+ *  - a plain `useRef()` passed to <NavigationContainer ref={ref}> (methods live
+ *    on `ref.current`).
+ */
+let externalNavigationRef = null;
+
+export const setNavigationRef = (ref) => {
+  externalNavigationRef = ref;
+};
+
+/**
+ * Resolves the registered ref down to the actual NavigationContainerRef,
+ * regardless of which ref form the host provided. Returns null when nothing is
+ * registered yet or the container isn't ready.
+ */
+export const getNavigation = () => {
+  const ref = externalNavigationRef;
+  if (!ref) {
+    return null;
+  }
+
+  const nav = typeof ref.navigate === 'function' ? ref : ref.current;
+  if (!nav || (typeof nav.isReady === 'function' && !nav.isReady())) {
+    return null;
+  }
+
+  return nav;
+};

package/src/navigation/primary-navigator.tsx

@@ -8,6 +8,7 @@
 import React, { useEffect } from 'react';
 
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import { getNavigation } from './navigationRef';
 import { OTP } from '../screens/otp';
 import { NationalID } from '../screens/nationalID';
 import { Selfie } from '../screens/selfie';
@@ -317,3 +318,32 @@ export function PrimaryNavigator(props) {
 
 const exitRoutes = ['welcome'];
 export const canExit = (routeName: string) => exitRoutes.includes(routeName);
+
+/**
+ * Imperatively navigate into a loan detail screen from outside React.
+ *
+ * Intended for the host app to deep-link the user straight into a loan detail
+ * (e.g. from a push notification or a list rendered outside the SDK). Requires
+ * the host to register its NavigationContainer ref once via `setNavigationRef()`.
+ *
+ * Accepts either a loan id or a partial loan object. The detail screen only
+ * needs `id` to fetch its data; `disbursementPartner` (when provided) selects
+ * the matching screen — 'CIMB' -> DetailLoan, otherwise -> DetailLoanTima.
+ */
+export function goDetail(
+  loan: number | { id: number; disbursementPartner?: string }
+) {
+  const loanObj = typeof loan === 'number' ? { id: loan } : loan;
+  const navigation = getNavigation();
+
+  if (!loanObj?.id || !navigation) {
+    return;
+  }
+
+  const screen =
+    loanObj.disbursementPartner === 'CIMB'
+      ? ScreenNames.DetailLoan
+      : ScreenNames.DetailLoanTima;
+
+  navigation.navigate(screen, { loan: loanObj });
+}

package/src/screens/detail-loan/DetailLoanTima.tsx

@@ -87,7 +87,7 @@ export const DetailLoanTima = observer(function DetailLoanTima(props: any) {
               fontFamily: 'BeVietnamPro-SemiBold',
             }}
           >
-            HD-1043102
+            HD-{props.route?.params?.loan?.id}
           </MText>
         </View>
         <View

package/src/screens/detail-loan/PaymentInfo.tsx

@@ -607,6 +607,7 @@ const PaymentInfoContent = observer(function PaymentInfoContent(props: any) {
                           await Api.getInstance().confirm_final_settlement({
                             loanBriefId: props?.route.params?.loan?.id,
                           });
+
                         if (
                           response.kind === 'ok' &&
                           response.data?.meta?.errorCode === 200

package/src/screens/home/BoxGuidline.tsx

@@ -0,0 +1,58 @@
+//@ts-nocheck
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
+import { MText } from '../../components/MText';
+import { GuiSvg, Layer1Svg } from '../../assets/icons';
+export default function BoxGuidline() {
+  return (
+    <LinearGradient colors={['#FFF8F2', '#FFFFFF']} style={styles.container}>
+      <MText
+        style={{
+          fontFamily: 'BeVietnamPro-SemiBold',
+          fontWeight: '600',
+        }}
+      >
+        Chuẩn bị trước khi hoàn thiện đơn
+      </MText>
+      <View style={styles.row}>
+        <View style={{ flex: 1, flexDirection: 'column', gap: 6 }}>
+          <View style={styles.item}>
+            <Layer1Svg />
+            <MText style={{ fontSize: 12 }}>Giấy đăng ký xe rõ nét</MText>
+          </View>
+          <View style={styles.item}>
+            <Layer1Svg />
+            <MText style={{ fontSize: 12 }}>CCCD gắn chip bản gốc</MText>
+          </View>
+          <View style={styles.item}>
+            <Layer1Svg />
+            <MText style={{ fontSize: 12 }}>Không gian đủ ánh sáng</MText>
+          </View>
+        </View>
+        <View style={{ marginRight: 24 }}>
+          <GuiSvg />
+        </View>
+      </View>
+    </LinearGradient>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    borderWidth: 1,
+    borderColor: '#E5E5EA',
+    borderRadius: 8,
+    padding: 8,
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 16,
+  },
+  item: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 10,
+  },
+});

package/src/screens/home/ItemMotoBikeLoan.tsx

@@ -489,7 +489,7 @@ export default function ItemMotoBikeLoan({
           <MText
             style={{ fontSize: 16, fontWeight: 'bold', textAlign: 'center' }}
           >
-            Tiếp tục xử lý đơn vay của bạn
+            Xác nhận chia sẻ dữ liệu
           </MText>
           <View
             style={{
@@ -508,10 +508,11 @@ export default function ItemMotoBikeLoan({
           <MText
             style={{ color: '#828282', textAlign: 'center', marginTop: 16 }}
           >
-            Tima sẽ chuyển thông tin đơn vay của bạn sang đối tác Công ty Cổ
-            phần Kinh doanh F88 để hoàn thiện thủ tục giải ngân. Khi chọn “Đồng
-            ý & Tiếp tục”, bạn xác nhận đồng ý cho việc thu thập, sử dụng và
-            chia sẻ thông tin theo quy định về bảo vệ dữ liệu cá nhân.
+            Tima sẽ chuyển thông tin của bạn đến Công ty Cổ phần Kinh doanh F88
+            (F88) để 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={{