react-native-timacare 3.3.43 → 3.3.45

package/src/navigation/navigationRef.ts

@@ -0,0 +1,66 @@
+// @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;
+};
+
+/**
+ * Navigation object scoped to the SDK's own navigator (PrimaryNavigator).
+ *
+ * Why this exists: SDK screens (DetailLoan, DetailLoanTima, ...) are registered
+ * ONLY inside PrimaryNavigator. React Navigation's `navigate()` bubbles UP to
+ * parent navigators, never DOWN into descendants — so the host's root container
+ * ref cannot reach an SDK screen when the host mounts the SDK nested below its
+ * own root. Registering the SDK navigator's own navigation object (captured from
+ * inside its tree) lets `getNavigation()` dispatch directly on the navigator that
+ * actually owns those screens.
+ */
+let sdkNavigation = null;
+
+export const setSdkNavigation = (nav) => {
+  sdkNavigation = nav;
+};
+
+/**
+ * Resolves the navigation object to drive SDK navigation imperatively.
+ *
+ * Prefers the SDK navigator's own navigation object (so SDK-internal screens
+ * always resolve, even when the SDK is nested in the host's navigation tree).
+ * Falls back to the host-registered NavigationContainer ref — which only reaches
+ * SDK screens when the host mounts PrimaryNavigator as its root navigator.
+ *
+ * Returns null when nothing is registered yet or the container isn't ready.
+ */
+export const getNavigation = () => {
+  if (sdkNavigation && typeof sdkNavigation.navigate === 'function') {
+    return sdkNavigation;
+  }
+
+  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, setSdkNavigation } from './navigationRef';
 import { OTP } from '../screens/otp';
 import { NationalID } from '../screens/nationalID';
 import { Selfie } from '../screens/selfie';
@@ -162,6 +163,14 @@ export function PrimaryNavigator(props) {
       screenOptions={{
         headerShown: false,
       }}
+      // Capture this navigator's own navigation object so goDetail() (and any
+      // other imperative SDK navigation) can reach SDK screens even when the host
+      // mounts this navigator nested inside its tree. The screen `navigation`
+      // prop is scoped to THIS stack, so navigate() resolves SDK screens directly.
+      screenListeners={({ navigation }) => {
+        setSdkNavigation(navigation);
+        return {};
+      }}
     >
       <Stack.Screen name={ScreenNames.Main} component={Home} />
       <Stack.Screen name={ScreenNames.NationalID} component={NationalID} />
@@ -317,3 +326,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/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={{