react-native-timacare 3.3.51 → 3.3.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +166 -104
- package/lib/commonjs/assets/v3/13.svg +19 -0
- package/lib/commonjs/assets/v3/14.svg +24 -0
- package/lib/commonjs/assets/v3/index.js +1 -1
- package/lib/commonjs/assets/v3/index.js.flow +4 -0
- package/lib/commonjs/assets/v3/index.js.map +1 -1
- package/lib/commonjs/components/ItemTimaOneV3.js +1 -1
- package/lib/commonjs/components/ItemTimaOneV3.js.flow +574 -946
- package/lib/commonjs/components/ItemTimaOneV3.js.map +1 -1
- package/lib/commonjs/screens/detail-loan/Payment.js +1 -1
- package/lib/commonjs/screens/detail-loan/Payment.js.flow +211 -234
- package/lib/commonjs/screens/detail-loan/Payment.js.map +1 -1
- package/lib/commonjs/screens/home/DigitalTopupItem.js +1 -1
- package/lib/commonjs/screens/home/DigitalTopupItem.js.flow +565 -822
- package/lib/commonjs/screens/home/DigitalTopupItem.js.map +1 -1
- package/lib/commonjs/screens/home/ItemMotoBikeLoan.js +1 -1
- package/lib/commonjs/screens/home/ItemMotoBikeLoan.js.flow +499 -705
- package/lib/commonjs/screens/home/ItemMotoBikeLoan.js.map +1 -1
- package/lib/commonjs/screens/home/index.js +1 -1
- package/lib/commonjs/screens/home/index.js.flow +26 -16
- package/lib/commonjs/screens/home/index.js.map +1 -1
- package/lib/module/assets/v3/13.svg +19 -0
- package/lib/module/assets/v3/14.svg +24 -0
- package/lib/module/assets/v3/index.js +1 -1
- package/lib/module/assets/v3/index.js.map +1 -1
- package/lib/module/components/ItemTimaOneV3.js +1 -1
- package/lib/module/components/ItemTimaOneV3.js.map +1 -1
- package/lib/module/screens/detail-loan/Payment.js +1 -1
- package/lib/module/screens/detail-loan/Payment.js.map +1 -1
- package/lib/module/screens/home/DigitalTopupItem.js +1 -1
- package/lib/module/screens/home/DigitalTopupItem.js.map +1 -1
- package/lib/module/screens/home/ItemMotoBikeLoan.js +1 -1
- package/lib/module/screens/home/ItemMotoBikeLoan.js.map +1 -1
- package/lib/module/screens/home/index.js +1 -1
- package/lib/module/screens/home/index.js.map +1 -1
- package/lib/typescript/assets/v3/index.d.ts +3 -1
- package/lib/typescript/assets/v3/index.d.ts.map +1 -1
- package/lib/typescript/components/ItemTimaOneV3.d.ts.map +1 -1
- package/lib/typescript/screens/detail-loan/Payment.d.ts.map +1 -1
- package/lib/typescript/screens/home/DigitalTopupItem.d.ts.map +1 -1
- package/lib/typescript/screens/home/ItemMotoBikeLoan.d.ts.map +1 -1
- package/lib/typescript/screens/home/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/assets/v3/13.svg +19 -0
- package/src/assets/v3/14.svg +24 -0
- package/src/assets/v3/index.tsx +4 -0
- package/src/components/ItemTimaOneV3.tsx +574 -946
- package/src/screens/detail-loan/Payment.tsx +211 -234
- package/src/screens/home/DigitalTopupItem.tsx +565 -822
- package/src/screens/home/ItemMotoBikeLoan.tsx +499 -705
- package/src/screens/home/index.tsx +26 -16
package/README.md
CHANGED
|
@@ -1,142 +1,204 @@
|
|
|
1
|
-
#
|
|
1
|
+
# react-native-timacare
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
**Tima Care SDK** — bộ SDK React Native cho phép nhúng toàn bộ luồng vay/quản lý khoản vay của Tima vào ứng dụng của bạn: định danh eKYC, xác thực khuôn mặt (liveness), ký hợp đồng điện tử (eSign), giải ngân số (digital lending), lịch trả nợ, thanh toán và chi tiết khoản vay.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
SDK cung cấp sẵn một cây điều hướng (navigator) với đầy đủ các màn hình nghiệp vụ. Ứng dụng chủ (host app) chỉ cần khởi tạo cấu hình, gắn `<RNTimacare />` vào `NavigationContainer` của mình và điều hướng vào SDK khi cần.
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
---
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## Tính năng
|
|
10
10
|
|
|
11
|
-
-
|
|
12
|
-
-
|
|
13
|
-
-
|
|
14
|
-
-
|
|
15
|
-
-
|
|
11
|
+
- **eKYC / định danh**: chụp CCCD (mặt trước/sau), quét MRZ, selfie, OCR giấy tờ xe.
|
|
12
|
+
- **Liveness**: xác thực khuôn mặt (bao gồm bản v2).
|
|
13
|
+
- **eSign & hợp đồng**: xem trước, ký và xác nhận hợp đồng điện tử (Tima, CIMB, MySign Viettel).
|
|
14
|
+
- **Digital lending**: luồng nộp hồ sơ nhanh (quick submit) và đầy đủ (full submit), toàn trình số.
|
|
15
|
+
- **Quản lý khoản vay**: chi tiết khoản vay, lịch trả nợ, thanh toán, mã QR, minh chứng chuyển khoản.
|
|
16
|
+
- **Điều hướng có kiểm soát**: deep-link trực tiếp vào chi tiết khoản vay từ bên ngoài SDK (ví dụ từ push notification hoặc danh sách của host app).
|
|
17
|
+
- **Bền bỉ với mạng yếu**: tự động retry request GET khi lỗi tạm thời, phát hiện offline qua NetInfo (tuỳ chọn), xử lý phiên hết hạn (401) tập trung.
|
|
16
18
|
|
|
17
|
-
|
|
19
|
+
---
|
|
18
20
|
|
|
19
|
-
|
|
21
|
+
## Yêu cầu
|
|
20
22
|
|
|
23
|
+
- React Native `>= 0.72` (đã kiểm thử với `0.77.x`)
|
|
24
|
+
- React `>= 18`
|
|
25
|
+
- `@react-navigation/native` và `@react-navigation/native-stack` (v6+)
|
|
26
|
+
- `react-native-safe-area-context`
|
|
27
|
+
|
|
28
|
+
SDK sử dụng nhiều thư viện native (camera, vision-camera, pdf, svg, fast-image, ...). Các thư viện này được khai báo là **peer dependencies** — host app phải tự cài đặt. Xem danh sách đầy đủ trong mục `peerDependencies` của [package.json](package.json).
|
|
29
|
+
|
|
30
|
+
---
|
|
31
|
+
|
|
32
|
+
## Cài đặt
|
|
33
|
+
|
|
34
|
+
```sh
|
|
35
|
+
# npm
|
|
36
|
+
npm install react-native-timacare
|
|
37
|
+
|
|
38
|
+
# yarn
|
|
39
|
+
yarn add react-native-timacare
|
|
21
40
|
```
|
|
22
|
-
ignite-project
|
|
23
|
-
├── app
|
|
24
|
-
│ ├── components
|
|
25
|
-
│ ├── i18n
|
|
26
|
-
│ ├── utils
|
|
27
|
-
│ ├── models
|
|
28
|
-
│ ├── navigation
|
|
29
|
-
│ ├── screens
|
|
30
|
-
│ ├── services
|
|
31
|
-
│ ├── theme
|
|
32
|
-
│ ├── app.tsx
|
|
33
|
-
├── storybook
|
|
34
|
-
│ ├── views
|
|
35
|
-
│ ├── index.tsx
|
|
36
|
-
│ ├── storybook-registry.ts
|
|
37
|
-
│ ├── storybook.ts
|
|
38
|
-
├── test
|
|
39
|
-
│ ├── __snapshots__
|
|
40
|
-
│ ├── storyshots.test.ts.snap
|
|
41
|
-
│ ├── mock-i18n.ts
|
|
42
|
-
│ ├── mock-reactotron.ts
|
|
43
|
-
│ ├── setup.ts
|
|
44
|
-
│ ├── storyshots.test.ts
|
|
45
|
-
├── README.md
|
|
46
|
-
├── android
|
|
47
|
-
│ ├── app
|
|
48
|
-
│ ├── build.gradle
|
|
49
|
-
│ ├── gradle
|
|
50
|
-
│ ├── gradle.properties
|
|
51
|
-
│ ├── gradlew
|
|
52
|
-
│ ├── gradlew.bat
|
|
53
|
-
│ ├── keystores
|
|
54
|
-
│ └── settings.gradle
|
|
55
|
-
├── ignite
|
|
56
|
-
│ ├── ignite.json
|
|
57
|
-
│ └── plugins
|
|
58
|
-
├── index.js
|
|
59
|
-
├── ios
|
|
60
|
-
│ ├── IgniteProject
|
|
61
|
-
│ ├── IgniteProject-tvOS
|
|
62
|
-
│ ├── IgniteProject-tvOSTests
|
|
63
|
-
│ ├── IgniteProject.xcodeproj
|
|
64
|
-
│ └── IgniteProjectTests
|
|
65
|
-
├── .env
|
|
66
|
-
└── package.json
|
|
67
41
|
|
|
42
|
+
Sau đó cài các peer dependencies được liệt kê trong [package.json](package.json) và chạy `pod install` cho iOS:
|
|
43
|
+
|
|
44
|
+
```sh
|
|
45
|
+
cd ios && pod install && cd ..
|
|
68
46
|
```
|
|
69
47
|
|
|
70
|
-
|
|
48
|
+
---
|
|
49
|
+
|
|
50
|
+
## Tích hợp nhanh
|
|
51
|
+
|
|
52
|
+
Host app tự sở hữu `NavigationContainer` của mình, đăng ký `ref` đó cho SDK, khởi tạo cấu hình bằng `initSDK`, rồi render `<RNTimacare />`.
|
|
53
|
+
|
|
54
|
+
```tsx
|
|
55
|
+
import * as React from 'react';
|
|
56
|
+
import { StatusBar } from 'react-native';
|
|
57
|
+
import {
|
|
58
|
+
NavigationContainer,
|
|
59
|
+
useNavigationContainerRef,
|
|
60
|
+
} from '@react-navigation/native';
|
|
61
|
+
import {
|
|
62
|
+
initialWindowMetrics,
|
|
63
|
+
SafeAreaProvider,
|
|
64
|
+
} from 'react-native-safe-area-context';
|
|
65
|
+
import { RNTimacare, initSDK, setNavigationRef } from 'react-native-timacare';
|
|
66
|
+
|
|
67
|
+
export default function App() {
|
|
68
|
+
// Host app tự quản lý ref của NavigationContainer...
|
|
69
|
+
const navigationRef = useNavigationContainerRef();
|
|
70
|
+
|
|
71
|
+
// ...và đăng ký ref đó cho SDK một lần, để goDetail() có thể điều hướng.
|
|
72
|
+
React.useEffect(() => {
|
|
73
|
+
setNavigationRef(navigationRef);
|
|
74
|
+
}, [navigationRef]);
|
|
75
|
+
|
|
76
|
+
initSDK({
|
|
77
|
+
baseUrl: 'https://apilos.tima.vn/',
|
|
78
|
+
token: 'YOUR_JWT_TOKEN',
|
|
79
|
+
timeout: 300000,
|
|
80
|
+
logout: () => {
|
|
81
|
+
// Phiên hết hạn (401): điều hướng về màn hình đăng nhập, xoá token, ...
|
|
82
|
+
console.log('[App] 401 - Session expired, logging out...');
|
|
83
|
+
},
|
|
84
|
+
});
|
|
85
|
+
|
|
86
|
+
return (
|
|
87
|
+
<SafeAreaProvider initialMetrics={initialWindowMetrics}>
|
|
88
|
+
<StatusBar
|
|
89
|
+
translucent
|
|
90
|
+
backgroundColor="transparent"
|
|
91
|
+
barStyle="dark-content"
|
|
92
|
+
/>
|
|
93
|
+
<NavigationContainer ref={navigationRef}>
|
|
94
|
+
<RNTimacare />
|
|
95
|
+
</NavigationContainer>
|
|
96
|
+
</SafeAreaProvider>
|
|
97
|
+
);
|
|
98
|
+
}
|
|
99
|
+
```
|
|
71
100
|
|
|
72
|
-
|
|
101
|
+
> Xem ví dụ đầy đủ, chạy được trong thư mục [`example/`](example/src/App.tsx).
|
|
73
102
|
|
|
74
|
-
|
|
103
|
+
---
|
|
75
104
|
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
├── screens
|
|
83
|
-
├── services
|
|
84
|
-
├── theme
|
|
85
|
-
├── utils
|
|
86
|
-
└── app.tsx
|
|
105
|
+
## API
|
|
106
|
+
|
|
107
|
+
SDK export 4 thành phần chính từ `react-native-timacare`:
|
|
108
|
+
|
|
109
|
+
```ts
|
|
110
|
+
import { RNTimacare, initSDK, setNavigationRef, goDetail } from 'react-native-timacare';
|
|
87
111
|
```
|
|
88
112
|
|
|
89
|
-
|
|
90
|
-
This is where your React components will live. Each component will have a directory containing the `.tsx` file, along with a story file, and optionally `.presets`, and `.props` files for larger components. The app will come with some commonly used components like Button.
|
|
113
|
+
### `RNTimacare`
|
|
91
114
|
|
|
92
|
-
|
|
93
|
-
This is where your translations will live if you are using `react-native-i18n`.
|
|
115
|
+
Component React render cây điều hướng của SDK (`PrimaryNavigator`) với toàn bộ các màn hình nghiệp vụ. Đặt bên trong `NavigationContainer` của host app.
|
|
94
116
|
|
|
95
|
-
|
|
96
|
-
This is where your app's models will live. Each model has a directory which will contain the `mobx-state-tree` model file, test file, and any other supporting files like actions, types, etc.
|
|
117
|
+
### `initSDK(options: SDKConfig)`
|
|
97
118
|
|
|
98
|
-
|
|
99
|
-
This is where your `react-navigation` navigators will live.
|
|
119
|
+
Khởi tạo SDK. Nên gọi trước khi render `<RNTimacare />`. Ngoài việc lưu cấu hình, hàm này còn thu thập thông tin thiết bị (deviceId, IP công khai, appId, payload thiết bị) phục vụ nghiệp vụ.
|
|
100
120
|
|
|
101
|
-
|
|
102
|
-
|
|
121
|
+
| Tham số | Kiểu | Bắt buộc | Mô tả |
|
|
122
|
+
| ------------ | ----------------------- | :------: | -------------------------------------------------------------------------------------------------------- |
|
|
123
|
+
| `baseUrl` | `string` | ✅ | Base URL của API Tima (ví dụ `https://apilos.tima.vn/`). |
|
|
124
|
+
| `token` | `string` | – | JWT xác thực người dùng, gắn vào header mỗi request. |
|
|
125
|
+
| `timeout` | `number` | – | Timeout (ms) cho các request ghi/upload. Mặc định do SDK quản lý. |
|
|
126
|
+
| `getTimeout` | `number` | – | Timeout (ms) riêng cho request GET (idempotent). Mặc định `30000`. Fail nhanh để cơ chế retry tiếp quản. |
|
|
127
|
+
| `logout` | `() => void` | – | Callback khi API trả về `401`. Dùng để đưa người dùng về màn hình đăng nhập, xoá token, ... |
|
|
128
|
+
| `netInfo` | `NetInfoLike` | – | Truyền default export của `@react-native-community/netinfo` để fail ngay khi mất kết nối thay vì đợi timeout. |
|
|
103
129
|
|
|
104
|
-
|
|
105
|
-
Any services that interface with the outside world will live here (think REST APIs, Push Notifications, etc.).
|
|
130
|
+
> Gọi bất kỳ API nào của SDK trước khi `initSDK` sẽ ném lỗi `SDK not initialized. Call initSDK() first.`
|
|
106
131
|
|
|
107
|
-
|
|
108
|
-
Here lives the theme for your application, including spacing, colors, and typography.
|
|
132
|
+
### `setNavigationRef(ref, hostRoute?)`
|
|
109
133
|
|
|
110
|
-
|
|
111
|
-
This is a great place to put miscellaneous helpers and utilities. Things like date helpers, formatters, etc. are often found here. However, it should only be used for things that are truely shared across your application. If a helper or utility is only used by a specific component or model, consider co-locating your helper with that component or model.
|
|
134
|
+
Đăng ký `ref` của `NavigationContainer` (từ `useNavigationContainerRef()` hoặc `createNavigationContainerRef()`) cho SDK. Nhờ đó `goDetail()` có thể điều hướng ngay cả khi được gọi từ bên ngoài React.
|
|
112
135
|
|
|
113
|
-
|
|
136
|
+
- `ref`: ref của container (chấp nhận cả dạng object có method trực tiếp lẫn `useRef()` gắn qua `.current`).
|
|
137
|
+
- `hostRoute` *(tuỳ chọn)*: tên route của host app đang render `<RNTimacare />`. Cần khai báo khi SDK **chưa** được mount sẵn (host có màn hình riêng và chỉ mount SDK dưới một route riêng) để deep-link vào SDK trong một lần điều hướng.
|
|
114
138
|
|
|
115
|
-
###
|
|
139
|
+
### `goDetail(loan)`
|
|
116
140
|
|
|
117
|
-
|
|
141
|
+
Điều hướng thẳng vào màn hình chi tiết khoản vay một cách imperative — hữu ích khi mở từ push notification hoặc danh sách khoản vay do host app tự render.
|
|
118
142
|
|
|
119
|
-
|
|
143
|
+
```ts
|
|
144
|
+
// Chỉ với id khoản vay
|
|
145
|
+
goDetail(12345);
|
|
120
146
|
|
|
121
|
-
|
|
147
|
+
// Hoặc với object khoản vay
|
|
148
|
+
goDetail({ id: 12345, disbursementPartner: 'CIMB' });
|
|
149
|
+
```
|
|
122
150
|
|
|
123
|
-
|
|
151
|
+
- Chỉ cần `id` để tải dữ liệu chi tiết.
|
|
152
|
+
- `disbursementPartner === 'CIMB'` → mở màn `DetailLoan`; ngược lại → `DetailLoanTima`.
|
|
124
153
|
|
|
125
|
-
|
|
154
|
+
Thứ tự phân giải điều hướng: (1) nếu navigator của SDK đang mount → điều hướng trực tiếp; (2) nếu chưa mount nhưng host đã đăng ký `ref` + `hostRoute` → mount SDK và deep-link trong một lần; (3) fallback: dispatch qua ref của host (chỉ hoạt động khi SDK là navigator gốc).
|
|
126
155
|
|
|
127
|
-
|
|
156
|
+
---
|
|
128
157
|
|
|
129
|
-
|
|
130
|
-
This starts up the storybook server.
|
|
158
|
+
## Cấu trúc source
|
|
131
159
|
|
|
132
|
-
|
|
133
|
-
|
|
160
|
+
```
|
|
161
|
+
src
|
|
162
|
+
├── RNTimacare.tsx # Component gốc render PrimaryNavigator
|
|
163
|
+
├── sdkConfig.ts # initSDK / getSDKConfig, kiểu SDKConfig
|
|
164
|
+
├── index.tsx # Public API export
|
|
165
|
+
├── navigation/ # PrimaryNavigator, root-navigator, navigationRef, goDetail
|
|
166
|
+
├── screens/ # Toàn bộ màn hình nghiệp vụ (eKYC, eSign, liveness, loan, ...)
|
|
167
|
+
├── services/api/ # Lớp API (apisauce) + retry, xử lý 401, api-problem
|
|
168
|
+
├── components/ # Component dùng chung
|
|
169
|
+
├── constants/ # Hằng số
|
|
170
|
+
├── theme/ # Màu sắc, spacing, typography
|
|
171
|
+
├── utils/ # Tiện ích (log, storage, ...)
|
|
172
|
+
└── assets/ # Ảnh, icon, animation
|
|
173
|
+
```
|
|
174
|
+
|
|
175
|
+
---
|
|
176
|
+
|
|
177
|
+
## Phát triển
|
|
178
|
+
|
|
179
|
+
Dự án sử dụng [react-native-builder-bob](https://github.com/callstack/react-native-builder-bob) để build thư viện.
|
|
180
|
+
|
|
181
|
+
```sh
|
|
182
|
+
# Cài đặt dependencies cho cả thư viện và example
|
|
183
|
+
yarn bootstrap
|
|
184
|
+
|
|
185
|
+
# Chạy app ví dụ
|
|
186
|
+
yarn example android
|
|
187
|
+
yarn example ios
|
|
188
|
+
|
|
189
|
+
# Kiểm tra
|
|
190
|
+
yarn typecheck # Kiểm tra kiểu TypeScript
|
|
191
|
+
yarn lint # ESLint
|
|
192
|
+
yarn test # Jest
|
|
193
|
+
|
|
194
|
+
# Build thư viện
|
|
195
|
+
yarn prepack
|
|
196
|
+
```
|
|
134
197
|
|
|
135
|
-
|
|
198
|
+
App demo nằm trong thư mục [`example/`](example/) và import trực tiếp từ mã nguồn thư viện.
|
|
136
199
|
|
|
137
|
-
|
|
138
|
-
- [2016 aka Ignite 1.0](https://github.com/infinitered/ignite-ir-boilerplate-2016)
|
|
200
|
+
---
|
|
139
201
|
|
|
140
|
-
##
|
|
202
|
+
## License
|
|
141
203
|
|
|
142
|
-
[
|
|
204
|
+
[MIT](LICENSE) © Quang Duc
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<rect opacity="0.1" width="28" height="28" rx="4" fill="url(#paint0_linear_12680_52398)"/>
|
|
3
|
+
<path opacity="0.4" d="M17.8253 6.5H14.6753C12.0878 6.5 11.0378 7.5275 11.0078 10.0625H13.3253C16.4753 10.0625 17.9378 11.525 17.9378 14.675V16.9925C20.4728 16.9625 21.5003 15.9125 21.5003 13.325V10.175C21.5003 7.55 20.4503 6.5 17.8253 6.5Z" fill="url(#paint1_linear_12680_52398)"/>
|
|
4
|
+
<path d="M13.325 11H10.175C7.55 11 6.5 12.05 6.5 14.675V17.825C6.5 20.45 7.55 21.5 10.175 21.5H13.325C15.95 21.5 17 20.45 17 17.825V14.675C17 12.05 15.95 11 13.325 11ZM14.2175 15.2375L11.435 18.02C11.33 18.125 11.195 18.1775 11.0525 18.1775C10.91 18.1775 10.775 18.125 10.67 18.02L9.275 16.625C9.065 16.415 9.065 16.0775 9.275 15.8675C9.485 15.6575 9.8225 15.6575 10.0325 15.8675L11.045 16.88L13.4525 14.4725C13.6625 14.2625 14 14.2625 14.21 14.4725C14.42 14.6825 14.4275 15.0275 14.2175 15.2375Z" fill="url(#paint2_linear_12680_52398)"/>
|
|
5
|
+
<defs>
|
|
6
|
+
<linearGradient id="paint0_linear_12680_52398" x1="28" y1="28" x2="-3.81524" y2="22.6381" gradientUnits="userSpaceOnUse">
|
|
7
|
+
<stop stop-color="#FF8E4F"/>
|
|
8
|
+
<stop offset="1" stop-color="#EF592E"/>
|
|
9
|
+
</linearGradient>
|
|
10
|
+
<linearGradient id="paint1_linear_12680_52398" x1="21.5003" y1="16.9925" x2="9.57812" y2="14.9832" gradientUnits="userSpaceOnUse">
|
|
11
|
+
<stop stop-color="#FF8E4F"/>
|
|
12
|
+
<stop offset="1" stop-color="#EF592E"/>
|
|
13
|
+
</linearGradient>
|
|
14
|
+
<linearGradient id="paint2_linear_12680_52398" x1="17" y1="21.5" x2="5.06928" y2="19.4893" gradientUnits="userSpaceOnUse">
|
|
15
|
+
<stop stop-color="#FF8E4F"/>
|
|
16
|
+
<stop offset="1" stop-color="#EF592E"/>
|
|
17
|
+
</linearGradient>
|
|
18
|
+
</defs>
|
|
19
|
+
</svg>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<rect opacity="0.1" width="28" height="28" rx="4" fill="url(#paint0_linear_12872_103967)"/>
|
|
3
|
+
<path opacity="0.4" d="M18.7626 19.76C18.3501 20.8175 17.3451 21.5 16.2126 21.5H11.7876C10.6476 21.5 9.65011 20.8175 9.23761 19.76C8.82511 18.695 9.11011 17.5175 9.95011 16.7525L12.9876 14H15.0201L18.0501 16.7525C18.8901 17.5175 19.1676 18.695 18.7626 19.76Z" fill="url(#paint1_linear_12872_103967)"/>
|
|
4
|
+
<path d="M15.365 18.6059H12.635C12.35 18.6059 12.125 18.3734 12.125 18.0959C12.125 17.8109 12.3575 17.5859 12.635 17.5859H15.365C15.65 17.5859 15.875 17.8184 15.875 18.0959C15.875 18.3734 15.6425 18.6059 15.365 18.6059Z" fill="url(#paint2_linear_12872_103967)"/>
|
|
5
|
+
<path d="M18.763 8.24C18.3505 7.1825 17.3455 6.5 16.213 6.5H11.788C10.6555 6.5 9.65049 7.1825 9.23799 8.24C8.83299 9.305 9.11049 10.4825 9.95799 11.2475L12.988 14H15.0205L18.0505 11.2475C18.8905 10.4825 19.168 9.305 18.763 8.24ZM15.3655 10.4225H12.6355C12.3505 10.4225 12.1255 10.19 12.1255 9.9125C12.1255 9.635 12.358 9.4025 12.6355 9.4025H15.3655C15.6505 9.4025 15.8755 9.635 15.8755 9.9125C15.8755 10.19 15.643 10.4225 15.3655 10.4225Z" fill="url(#paint3_linear_12872_103967)"/>
|
|
6
|
+
<defs>
|
|
7
|
+
<linearGradient id="paint0_linear_12872_103967" x1="28" y1="28" x2="-3.81524" y2="22.6381" gradientUnits="userSpaceOnUse">
|
|
8
|
+
<stop stop-color="#FF8E4F"/>
|
|
9
|
+
<stop offset="1" stop-color="#EF592E"/>
|
|
10
|
+
</linearGradient>
|
|
11
|
+
<linearGradient id="paint1_linear_12872_103967" x1="18.9461" y1="21.5" x2="7.92787" y2="19.05" gradientUnits="userSpaceOnUse">
|
|
12
|
+
<stop stop-color="#FF8E4F"/>
|
|
13
|
+
<stop offset="1" stop-color="#EF592E"/>
|
|
14
|
+
</linearGradient>
|
|
15
|
+
<linearGradient id="paint2_linear_12872_103967" x1="15.875" y1="18.6059" x2="12.7086" y2="16.644" gradientUnits="userSpaceOnUse">
|
|
16
|
+
<stop stop-color="#FF8E4F"/>
|
|
17
|
+
<stop offset="1" stop-color="#EF592E"/>
|
|
18
|
+
</linearGradient>
|
|
19
|
+
<linearGradient id="paint3_linear_12872_103967" x1="18.9465" y1="14" x2="7.93181" y2="11.5517" gradientUnits="userSpaceOnUse">
|
|
20
|
+
<stop stop-color="#FF8E4F"/>
|
|
21
|
+
<stop offset="1" stop-color="#EF592E"/>
|
|
22
|
+
</linearGradient>
|
|
23
|
+
</defs>
|
|
24
|
+
</svg>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Icon1",{enumerable:true,get:function get(){return _.default;}});Object.defineProperty(exports,"Icon10",{enumerable:true,get:function get(){return _0.default;}});Object.defineProperty(exports,"Icon11",{enumerable:true,get:function get(){return _1.default;}});Object.defineProperty(exports,"Icon12",{enumerable:true,get:function get(){return _10.default;}});Object.defineProperty(exports,"Icon2",{enumerable:true,get:function get(){return _2.default;}});Object.defineProperty(exports,"Icon3",{enumerable:true,get:function get(){return _3.default;}});Object.defineProperty(exports,"Icon4",{enumerable:true,get:function get(){return _4.default;}});Object.defineProperty(exports,"Icon5",{enumerable:true,get:function get(){return _5.default;}});Object.defineProperty(exports,"Icon6",{enumerable:true,get:function get(){return _6.default;}});Object.defineProperty(exports,"Icon7",{enumerable:true,get:function get(){return _7.default;}});Object.defineProperty(exports,"Icon8",{enumerable:true,get:function get(){return _8.default;}});Object.defineProperty(exports,"Icon9",{enumerable:true,get:function get(){return _9.default;}});Object.defineProperty(exports,"IconHome",{enumerable:true,get:function get(){return _home.default;}});Object.defineProperty(exports,"IconOption1",{enumerable:true,get:function get(){return _option.default;}});Object.defineProperty(exports,"IconOption1Active",{enumerable:true,get:function get(){return _option1Active.default;}});Object.defineProperty(exports,"IconOption2",{enumerable:true,get:function get(){return _option2.default;}});Object.defineProperty(exports,"IconOption2Disable",{enumerable:true,get:function get(){return _option2Disable.default;}});Object.defineProperty(exports,"IconStep1",{enumerable:true,get:function get(){return _step.default;}});Object.defineProperty(exports,"IconStep1Success",{enumerable:true,get:function get(){return _step1Success.default;}});Object.defineProperty(exports,"IconStep2",{enumerable:true,get:function get(){return _step2.default;}});Object.defineProperty(exports,"IconStep2Disable",{enumerable:true,get:function get(){return _step2Disable.default;}});Object.defineProperty(exports,"IconStep2Success",{enumerable:true,get:function get(){return _step2Success.default;}});Object.defineProperty(exports,"IconStep3",{enumerable:true,get:function get(){return _step3.default;}});Object.defineProperty(exports,"IconStep3Disable",{enumerable:true,get:function get(){return _step3Disable.default;}});Object.defineProperty(exports,"IconStep3Success",{enumerable:true,get:function get(){return _step3Success.default;}});Object.defineProperty(exports,"IconStep4",{enumerable:true,get:function get(){return _step4.default;}});Object.defineProperty(exports,"IconStep4Disable",{enumerable:true,get:function get(){return _step4Disable.default;}});Object.defineProperty(exports,"IconStep4Success",{enumerable:true,get:function get(){return _step4Success.default;}});Object.defineProperty(exports,"IconStep5",{enumerable:true,get:function get(){return _step5.default;}});Object.defineProperty(exports,"IconStep5Disable",{enumerable:true,get:function get(){return _step5Disable.default;}});Object.defineProperty(exports,"IconStep5Success",{enumerable:true,get:function get(){return _step5Success.default;}});Object.defineProperty(exports,"IconSuccess",{enumerable:true,get:function get(){return _success.default;}});var _step=_interopRequireDefault(require("./step1.svg"));var _step2=_interopRequireDefault(require("./step2.svg"));var _step3=_interopRequireDefault(require("./step3.svg"));var _step4=_interopRequireDefault(require("./step4.svg"));var _step5=_interopRequireDefault(require("./step5.svg"));var _step2Disable=_interopRequireDefault(require("./step2-disable.svg"));var _step3Disable=_interopRequireDefault(require("./step3-disable.svg"));var _step4Disable=_interopRequireDefault(require("./step4-disable.svg"));var _step5Disable=_interopRequireDefault(require("./step5-disable.svg"));var _option=_interopRequireDefault(require("./option1.svg"));var _option2=_interopRequireDefault(require("./option2.svg"));var _step1Success=_interopRequireDefault(require("./step1-success.svg"));var _step2Success=_interopRequireDefault(require("./step2-success.svg"));var _step3Success=_interopRequireDefault(require("./step3-success.svg"));var _step4Success=_interopRequireDefault(require("./step4-success.svg"));var _step5Success=_interopRequireDefault(require("./step5-success.svg"));var _home=_interopRequireDefault(require("./home.svg"));var _option1Active=_interopRequireDefault(require("./option1-active.svg"));var _option2Disable=_interopRequireDefault(require("./option2-disable.svg"));var _=_interopRequireDefault(require("./1.svg"));var _2=_interopRequireDefault(require("./2.svg"));var _3=_interopRequireDefault(require("./3.svg"));var _4=_interopRequireDefault(require("./4.svg"));var _5=_interopRequireDefault(require("./5.svg"));var _6=_interopRequireDefault(require("./6.svg"));var _7=_interopRequireDefault(require("./7.svg"));var _8=_interopRequireDefault(require("./8.svg"));var _9=_interopRequireDefault(require("./9.svg"));var _0=_interopRequireDefault(require("./10.svg"));var _1=_interopRequireDefault(require("./11.svg"));var _10=_interopRequireDefault(require("./12.svg"));var _success=_interopRequireDefault(require("./success.svg"));
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Icon1",{enumerable:true,get:function get(){return _.default;}});Object.defineProperty(exports,"Icon10",{enumerable:true,get:function get(){return _0.default;}});Object.defineProperty(exports,"Icon11",{enumerable:true,get:function get(){return _1.default;}});Object.defineProperty(exports,"Icon12",{enumerable:true,get:function get(){return _10.default;}});Object.defineProperty(exports,"Icon13",{enumerable:true,get:function get(){return _11.default;}});Object.defineProperty(exports,"Icon14",{enumerable:true,get:function get(){return _12.default;}});Object.defineProperty(exports,"Icon2",{enumerable:true,get:function get(){return _2.default;}});Object.defineProperty(exports,"Icon3",{enumerable:true,get:function get(){return _3.default;}});Object.defineProperty(exports,"Icon4",{enumerable:true,get:function get(){return _4.default;}});Object.defineProperty(exports,"Icon5",{enumerable:true,get:function get(){return _5.default;}});Object.defineProperty(exports,"Icon6",{enumerable:true,get:function get(){return _6.default;}});Object.defineProperty(exports,"Icon7",{enumerable:true,get:function get(){return _7.default;}});Object.defineProperty(exports,"Icon8",{enumerable:true,get:function get(){return _8.default;}});Object.defineProperty(exports,"Icon9",{enumerable:true,get:function get(){return _9.default;}});Object.defineProperty(exports,"IconHome",{enumerable:true,get:function get(){return _home.default;}});Object.defineProperty(exports,"IconOption1",{enumerable:true,get:function get(){return _option.default;}});Object.defineProperty(exports,"IconOption1Active",{enumerable:true,get:function get(){return _option1Active.default;}});Object.defineProperty(exports,"IconOption2",{enumerable:true,get:function get(){return _option2.default;}});Object.defineProperty(exports,"IconOption2Disable",{enumerable:true,get:function get(){return _option2Disable.default;}});Object.defineProperty(exports,"IconStep1",{enumerable:true,get:function get(){return _step.default;}});Object.defineProperty(exports,"IconStep1Success",{enumerable:true,get:function get(){return _step1Success.default;}});Object.defineProperty(exports,"IconStep2",{enumerable:true,get:function get(){return _step2.default;}});Object.defineProperty(exports,"IconStep2Disable",{enumerable:true,get:function get(){return _step2Disable.default;}});Object.defineProperty(exports,"IconStep2Success",{enumerable:true,get:function get(){return _step2Success.default;}});Object.defineProperty(exports,"IconStep3",{enumerable:true,get:function get(){return _step3.default;}});Object.defineProperty(exports,"IconStep3Disable",{enumerable:true,get:function get(){return _step3Disable.default;}});Object.defineProperty(exports,"IconStep3Success",{enumerable:true,get:function get(){return _step3Success.default;}});Object.defineProperty(exports,"IconStep4",{enumerable:true,get:function get(){return _step4.default;}});Object.defineProperty(exports,"IconStep4Disable",{enumerable:true,get:function get(){return _step4Disable.default;}});Object.defineProperty(exports,"IconStep4Success",{enumerable:true,get:function get(){return _step4Success.default;}});Object.defineProperty(exports,"IconStep5",{enumerable:true,get:function get(){return _step5.default;}});Object.defineProperty(exports,"IconStep5Disable",{enumerable:true,get:function get(){return _step5Disable.default;}});Object.defineProperty(exports,"IconStep5Success",{enumerable:true,get:function get(){return _step5Success.default;}});Object.defineProperty(exports,"IconSuccess",{enumerable:true,get:function get(){return _success.default;}});var _step=_interopRequireDefault(require("./step1.svg"));var _step2=_interopRequireDefault(require("./step2.svg"));var _step3=_interopRequireDefault(require("./step3.svg"));var _step4=_interopRequireDefault(require("./step4.svg"));var _step5=_interopRequireDefault(require("./step5.svg"));var _step2Disable=_interopRequireDefault(require("./step2-disable.svg"));var _step3Disable=_interopRequireDefault(require("./step3-disable.svg"));var _step4Disable=_interopRequireDefault(require("./step4-disable.svg"));var _step5Disable=_interopRequireDefault(require("./step5-disable.svg"));var _option=_interopRequireDefault(require("./option1.svg"));var _option2=_interopRequireDefault(require("./option2.svg"));var _step1Success=_interopRequireDefault(require("./step1-success.svg"));var _step2Success=_interopRequireDefault(require("./step2-success.svg"));var _step3Success=_interopRequireDefault(require("./step3-success.svg"));var _step4Success=_interopRequireDefault(require("./step4-success.svg"));var _step5Success=_interopRequireDefault(require("./step5-success.svg"));var _home=_interopRequireDefault(require("./home.svg"));var _option1Active=_interopRequireDefault(require("./option1-active.svg"));var _option2Disable=_interopRequireDefault(require("./option2-disable.svg"));var _=_interopRequireDefault(require("./1.svg"));var _2=_interopRequireDefault(require("./2.svg"));var _3=_interopRequireDefault(require("./3.svg"));var _4=_interopRequireDefault(require("./4.svg"));var _5=_interopRequireDefault(require("./5.svg"));var _6=_interopRequireDefault(require("./6.svg"));var _7=_interopRequireDefault(require("./7.svg"));var _8=_interopRequireDefault(require("./8.svg"));var _9=_interopRequireDefault(require("./9.svg"));var _0=_interopRequireDefault(require("./10.svg"));var _1=_interopRequireDefault(require("./11.svg"));var _10=_interopRequireDefault(require("./12.svg"));var _11=_interopRequireDefault(require("./13.svg"));var _12=_interopRequireDefault(require("./14.svg"));var _success=_interopRequireDefault(require("./success.svg"));
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -30,9 +30,13 @@ import Icon9 from './9.svg';
|
|
|
30
30
|
import Icon10 from './10.svg';
|
|
31
31
|
import Icon11 from './11.svg';
|
|
32
32
|
import Icon12 from './12.svg';
|
|
33
|
+
import Icon13 from './13.svg';
|
|
34
|
+
import Icon14 from './14.svg';
|
|
33
35
|
import IconSuccess from './success.svg';
|
|
34
36
|
|
|
35
37
|
export {
|
|
38
|
+
Icon13,
|
|
39
|
+
Icon14,
|
|
36
40
|
IconSuccess,
|
|
37
41
|
Icon1,
|
|
38
42
|
Icon2,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_step","_interopRequireDefault","require","_step2","_step3","_step4","_step5","_step2Disable","_step3Disable","_step4Disable","_step5Disable","_option","_option2","_step1Success","_step2Success","_step3Success","_step4Success","_step5Success","_home","_option1Active","_option2Disable","_","_2","_3","_4","_5","_6","_7","_8","_9","_0","_1","_10","_success"],"sourceRoot":"../../../../src","sources":["assets/v3/index.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_step","_interopRequireDefault","require","_step2","_step3","_step4","_step5","_step2Disable","_step3Disable","_step4Disable","_step5Disable","_option","_option2","_step1Success","_step2Success","_step3Success","_step4Success","_step5Success","_home","_option1Active","_option2Disable","_","_2","_3","_4","_5","_6","_7","_8","_9","_0","_1","_10","_11","_12","_success"],"sourceRoot":"../../../../src","sources":["assets/v3/index.tsx"],"mappings":"2pHACA,IAAAA,KAAA,CAAAC,sBAAA,CAAAC,OAAA,iBACA,IAAAC,MAAA,CAAAF,sBAAA,CAAAC,OAAA,iBACA,IAAAE,MAAA,CAAAH,sBAAA,CAAAC,OAAA,iBACA,IAAAG,MAAA,CAAAJ,sBAAA,CAAAC,OAAA,iBACA,IAAAI,MAAA,CAAAL,sBAAA,CAAAC,OAAA,iBACA,IAAAK,aAAA,CAAAN,sBAAA,CAAAC,OAAA,yBACA,IAAAM,aAAA,CAAAP,sBAAA,CAAAC,OAAA,yBACA,IAAAO,aAAA,CAAAR,sBAAA,CAAAC,OAAA,yBACA,IAAAQ,aAAA,CAAAT,sBAAA,CAAAC,OAAA,yBACA,IAAAS,OAAA,CAAAV,sBAAA,CAAAC,OAAA,mBACA,IAAAU,QAAA,CAAAX,sBAAA,CAAAC,OAAA,mBACA,IAAAW,aAAA,CAAAZ,sBAAA,CAAAC,OAAA,yBACA,IAAAY,aAAA,CAAAb,sBAAA,CAAAC,OAAA,yBACA,IAAAa,aAAA,CAAAd,sBAAA,CAAAC,OAAA,yBACA,IAAAc,aAAA,CAAAf,sBAAA,CAAAC,OAAA,yBACA,IAAAe,aAAA,CAAAhB,sBAAA,CAAAC,OAAA,yBACA,IAAAgB,KAAA,CAAAjB,sBAAA,CAAAC,OAAA,gBACA,IAAAiB,cAAA,CAAAlB,sBAAA,CAAAC,OAAA,0BACA,IAAAkB,eAAA,CAAAnB,sBAAA,CAAAC,OAAA,2BACA,IAAAmB,CAAA,CAAApB,sBAAA,CAAAC,OAAA,aACA,IAAAoB,EAAA,CAAArB,sBAAA,CAAAC,OAAA,aACA,IAAAqB,EAAA,CAAAtB,sBAAA,CAAAC,OAAA,aACA,IAAAsB,EAAA,CAAAvB,sBAAA,CAAAC,OAAA,aACA,IAAAuB,EAAA,CAAAxB,sBAAA,CAAAC,OAAA,aACA,IAAAwB,EAAA,CAAAzB,sBAAA,CAAAC,OAAA,aACA,IAAAyB,EAAA,CAAA1B,sBAAA,CAAAC,OAAA,aACA,IAAA0B,EAAA,CAAA3B,sBAAA,CAAAC,OAAA,aACA,IAAA2B,EAAA,CAAA5B,sBAAA,CAAAC,OAAA,aACA,IAAA4B,EAAA,CAAA7B,sBAAA,CAAAC,OAAA,cACA,IAAA6B,EAAA,CAAA9B,sBAAA,CAAAC,OAAA,cACA,IAAA8B,GAAA,CAAA/B,sBAAA,CAAAC,OAAA,cACA,IAAA+B,GAAA,CAAAhC,sBAAA,CAAAC,OAAA,cACA,IAAAgC,GAAA,CAAAjC,sBAAA,CAAAC,OAAA,cACA,IAAAiC,QAAA,CAAAlC,sBAAA,CAAAC,OAAA","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=ItemTimaOneV3;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _reactNativeLinearGradient=_interopRequireDefault(require("react-native-linear-gradient"));var _svgs=require("../assets/svgs");var _utils=require("../utils");var _MText=require("./MText");var _v=require("../assets/v3");var _icons=require("../assets/icons");var _navigation=require("../navigation");var _reactNativeModal=_interopRequireDefault(require("react-native-modal"));var _CommonStyles=require("../screens/CommonStyles");var _jsxFileName="/Users/tima/Tima/react-native-timacare/src/components/ItemTimaOneV3.tsx";var $action={flexDirection:'column',alignItems:'center',gap:5};function ItemTimaOneV3(_ref){var _this=this;var item=_ref.item,navigation=_ref.navigation;var _React$useState=_react.default.useState(false),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),showModal=_React$useState2[0],setShowModal=_React$useState2[1];return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.View,{style:{backgroundColor:'#FFFFFF',paddingHorizontal:16,marginBottom:16,borderRadius:8,borderWidth:0.5,borderColor:'#E0E0E0'},__self:this,__source:{fileName:_jsxFileName,lineNumber:57,columnNumber:7}},_react.default.createElement(_reactNativeLinearGradient.default,{colors:item!=null&&item.listLoanAllAutoDE&&(item==null?void 0:item.listLoanAllAutoDE.length)>0?['#4CBA3D','#98D788']:['#FF8E4F','#EF592E'],style:{borderTopLeftRadius:8,borderTopRightRadius:8,marginHorizontal:-16},__self:this,__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',justifyContent:'space-between',alignItems:'center',paddingHorizontal:16,paddingVertical:8},__self:this,__source:{fileName:_jsxFileName,lineNumber:79,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center',gap:8},__self:this,__source:{fileName:_jsxFileName,lineNumber:88,columnNumber:13}},_react.default.createElement(_svgs.IconMoney2,{__self:this,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:15}}),_react.default.createElement(_MText.MText,{style:{fontSize:12,color:'white'},__self:this,__source:{fileName:_jsxFileName,lineNumber:96,columnNumber:15}},"HD-",item==null?void 0:item.id)),_react.default.createElement(_MText.MText,{style:{fontSize:12,color:'white',fontWeight:'bold'},__self:this,__source:{fileName:_jsxFileName,lineNumber:105,columnNumber:13}},item!=null&&item.listLoanAllAutoDE&&(item==null?void 0:item.listLoanAllAutoDE.length)>0?(0,_utils.formatMoney)(item==null?void 0:item.listLoanAllAutoDE.reduce(function(sum,item){return sum+item.totalMoney;},0)):(0,_utils.formatMoney)(item==null?void 0:item.loanAmount),"\u0111"))),(item==null?void 0:item.listLoanAllAutoDE)&&(item==null?void 0:item.listLoanAllAutoDE.length)>0&&_react.default.createElement(_reactNative.View,{style:{marginHorizontal:-16,backgroundColor:'#ECFFE8',paddingHorizontal:16,paddingVertical:8},__self:this,__source:{fileName:_jsxFileName,lineNumber:126,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',justifyContent:'space-between'},__self:this,__source:{fileName:_jsxFileName,lineNumber:134,columnNumber:13}},_react.default.createElement(_MText.MText,{style:{fontSize:10,color:'#878787',marginLeft:24},__self:this,__source:{fileName:_jsxFileName,lineNumber:140,columnNumber:15}},"S\u1ED1 ti\u1EC1n gi\u1EA3i ng\xE2n"),_react.default.createElement(_MText.MText,{style:{fontSize:10,color:'#333333'},__self:this,__source:{fileName:_jsxFileName,lineNumber:149,columnNumber:15}},(0,_utils.formatMoney)(item==null?void 0:item.listLoanAllAutoDE.reduce(function(sum,item){return sum+item.loanAmount;},0)),' ',"\u0111")),_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',justifyContent:'space-between',marginTop:6},__self:this,__source:{fileName:_jsxFileName,lineNumber:164,columnNumber:13}},_react.default.createElement(_MText.MText,{style:{fontSize:10,color:'#878787',marginLeft:24},__self:this,__source:{fileName:_jsxFileName,lineNumber:171,columnNumber:15}},"S\u1ED1 ti\u1EC1n b\u1EA3o hi\u1EC3m"),_react.default.createElement(_MText.MText,{style:{fontSize:10,color:'#333333'},__self:this,__source:{fileName:_jsxFileName,lineNumber:180,columnNumber:15}},(0,_utils.formatMoney)(item==null?void 0:item.listLoanAllAutoDE.reduce(function(sum,item){return sum+item.insurenceMoney;},0)),' ',"\u0111"))),_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',justifyContent:'space-between',marginTop:item!=null&&item.listLoanAllAutoDE&&(item==null?void 0:item.listLoanAllAutoDE.length)>0?16:32},__self:this,__source:{fileName:_jsxFileName,lineNumber:198,columnNumber:9}},((item==null?void 0:item.typeLoan)===5||item.typeLoan===7)&&_react.default.createElement(_reactNative.TouchableOpacity,{disabled:(item==null?void 0:item.step)===0||(item==null?void 0:item.step)===1?false:true,style:$action,onPress:function onPress(){if((item==null?void 0:item.typeLoan)===7){navigation.push(_navigation.ScreenNames.LoanBuyCar,{loan:item});}else{if((item==null?void 0:item.step)===0){navigation.push(_navigation.ScreenNames.VehicleCamera,{loan:item,front:true});}else{navigation.push(_navigation.ScreenNames.AssetInformation,{loan:item});}}},__self:this,__source:{fileName:_jsxFileName,lineNumber:211,columnNumber:13}},(item==null?void 0:item.step)<=1?_react.default.createElement(_v.IconStep1,{__self:this,__source:{fileName:_jsxFileName,lineNumber:233,columnNumber:34}}):_react.default.createElement(_v.IconStep1Success,{__self:this,__source:{fileName:_jsxFileName,lineNumber:233,columnNumber:50}}),_react.default.createElement(_MText.MText,{style:{textAlign:'center',fontSize:10,marginTop:5,color:(item==null?void 0:item.step)<=1?'#EF592E':'#333333'},__self:this,__source:{fileName:_jsxFileName,lineNumber:234,columnNumber:15}},"Th\xF4ng tin",'\n',"t\xE0i s\u1EA3n")),_react.default.createElement(_reactNative.TouchableOpacity,{disabled:(item==null?void 0:item.step)===3?false:true,style:$action,onPress:function onPress(){navigation.push(_navigation.ScreenNames.ReviewLoan,{loan:item});},__self:this,__source:{fileName:_jsxFileName,lineNumber:246,columnNumber:11}},(item==null?void 0:item.step)<3?_react.default.createElement(_v.IconStep2Disable,{__self:this,__source:{fileName:_jsxFileName,lineNumber:256,columnNumber:15}}):(item==null?void 0:item.step)===3?_react.default.createElement(_v.IconStep2,{__self:this,__source:{fileName:_jsxFileName,lineNumber:258,columnNumber:15}}):_react.default.createElement(_v.IconStep2Success,{__self:this,__source:{fileName:_jsxFileName,lineNumber:260,columnNumber:15}}),_react.default.createElement(_MText.MText,{style:{textAlign:'center',fontSize:10,marginTop:5,color:(item==null?void 0:item.step)<3?'#999999':(item==null?void 0:item.step)===3?'#EF592E':'#333333'},__self:this,__source:{fileName:_jsxFileName,lineNumber:262,columnNumber:13}},"Th\xF4ng tin",'\n',"kho\u1EA3n vay")),_react.default.createElement(_reactNative.TouchableOpacity,{disabled:(item==null?void 0:item.step)===4||(item==null?void 0:item.step)===5||(item==null?void 0:item.step)===6?false:true,style:$action,onPress:function onPress(){if((item==null?void 0:item.step)===4){navigation.push(_navigation.ScreenNames.OCR,{loan:item,front:true});}else if((item==null?void 0:item.step)===5){if((item==null?void 0:item.typeLoan)===5){navigation.push(_navigation.ScreenNames.ReviewInformation,{loan:item});}else{navigation.push(_navigation.ScreenNames.TopupLoanInfo,{loan:item});}}else if((item==null?void 0:item.step)===6){navigation.push(_navigation.ScreenNames.ReviewInformationOther,{loan:item});}},__self:this,__source:{fileName:_jsxFileName,lineNumber:278,columnNumber:11}},(item==null?void 0:item.step)<4?_react.default.createElement(_v.IconStep3Disable,{__self:this,__source:{fileName:_jsxFileName,lineNumber:309,columnNumber:15}}):(item==null?void 0:item.step)===4||(item==null?void 0:item.step)===5||(item==null?void 0:item.step)===6?_react.default.createElement(_v.IconStep3,{__self:this,__source:{fileName:_jsxFileName,lineNumber:311,columnNumber:15}}):_react.default.createElement(_v.IconStep3Success,{__self:this,__source:{fileName:_jsxFileName,lineNumber:313,columnNumber:15}}),_react.default.createElement(_MText.MText,{style:{textAlign:'center',fontSize:10,marginTop:5,color:(item==null?void 0:item.step)<4?'#999999':(item==null?void 0:item.step)===4||(item==null?void 0:item.step)===5||(item==null?void 0:item.step)===6?'#EF592E':'#333333'},__self:this,__source:{fileName:_jsxFileName,lineNumber:315,columnNumber:13}},"Th\xF4ng tin",'\n',"c\xE1 nh\xE2n")),_react.default.createElement(_reactNative.TouchableOpacity,{disabled:(item==null?void 0:item.step)===9?false:true,style:$action,onPress:function onPress(){navigation.push(_navigation.ScreenNames.LivenessV2,{loan:item});},__self:this,__source:{fileName:_jsxFileName,lineNumber:331,columnNumber:11}},(item==null?void 0:item.step)<9||(item==null?void 0:item.step)===100?_react.default.createElement(_v.IconStep4Disable,{__self:this,__source:{fileName:_jsxFileName,lineNumber:341,columnNumber:15}}):(item==null?void 0:item.step)===9?_react.default.createElement(_v.IconStep4,{__self:this,__source:{fileName:_jsxFileName,lineNumber:343,columnNumber:15}}):_react.default.createElement(_v.IconStep4Success,{__self:this,__source:{fileName:_jsxFileName,lineNumber:345,columnNumber:15}}),_react.default.createElement(_MText.MText,{style:{textAlign:'center',fontSize:10,marginTop:5,color:(item==null?void 0:item.step)<9||(item==null?void 0:item.step)===100?'#999999':(item==null?void 0:item.step)===9?'#EF592E':'#333333'},__self:this,__source:{fileName:_jsxFileName,lineNumber:347,columnNumber:13}},"EKYC")),_react.default.createElement(_reactNative.TouchableOpacity,{disabled:(item==null?void 0:item.step)===10?false:true,style:$action,onPress:function onPress(){navigation.push(_navigation.ScreenNames.TTSSignLoan,{loan:item});},__self:this,__source:{fileName:_jsxFileName,lineNumber:363,columnNumber:11}},(item==null?void 0:item.step)<10||(item==null?void 0:item.step)===100?_react.default.createElement(_v.IconStep5Disable,{__self:this,__source:{fileName:_jsxFileName,lineNumber:373,columnNumber:15}}):(item==null?void 0:item.step)===10?_react.default.createElement(_v.IconStep5,{__self:this,__source:{fileName:_jsxFileName,lineNumber:375,columnNumber:15}}):_react.default.createElement(_v.IconStep5Success,{__self:this,__source:{fileName:_jsxFileName,lineNumber:377,columnNumber:15}}),_react.default.createElement(_MText.MText,{style:{textAlign:'center',fontSize:10,marginTop:5,color:(item==null?void 0:item.step)<10||(item==null?void 0:item.step)===100?'#999999':(item==null?void 0:item.step)===10?'#EF592E':'#333333'},__self:this,__source:{fileName:_jsxFileName,lineNumber:379,columnNumber:13}},"K\xFD h\u1EE3p",'\n',"\u0111\u1ED3ng"))),(item==null?void 0:item.step)!==11?_react.default.createElement(_reactNative.View,{style:{backgroundColor:'#EEF7FF',flexDirection:'row',alignItems:'center',gap:4,borderRadius:4,paddingHorizontal:8,paddingVertical:10,marginTop:16},__self:this,__source:{fileName:_jsxFileName,lineNumber:398,columnNumber:11}},_react.default.createElement(_svgs.IconQuestion,{__self:this,__source:{fileName:_jsxFileName,lineNumber:410,columnNumber:13}}),_react.default.createElement(_MText.MText,{style:{fontSize:10,flex:1},__self:this,__source:{fileName:_jsxFileName,lineNumber:411,columnNumber:13}},"H\u01B0\u1EDBng d\u1EABn c\xE1c b\u01B0\u1EDBc ho\xE0n thi\u1EC7n \u0111\u01A1n vay"),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:function onPress(){return setShowModal(true);},__self:this,__source:{fileName:_jsxFileName,lineNumber:419,columnNumber:13}},_react.default.createElement(_MText.MText,{style:{fontSize:10,color:'#2F80ED',textDecorationLine:'underline'},__self:this,__source:{fileName:_jsxFileName,lineNumber:420,columnNumber:15}},"Xem th\xEAm"))):_react.default.createElement(_reactNative.View,{style:{backgroundColor:'#E8FFE9',flexDirection:'row',alignItems:'center',gap:8,borderRadius:4,paddingHorizontal:8,paddingVertical:10,marginTop:16},__self:this,__source:{fileName:_jsxFileName,lineNumber:432,columnNumber:11}},_react.default.createElement(_svgs.IconTick,{__self:this,__source:{fileName:_jsxFileName,lineNumber:444,columnNumber:13}}),_react.default.createElement(_MText.MText,{style:{color:'#28A745',fontSize:10,flex:1},__self:this,__source:{fileName:_jsxFileName,lineNumber:445,columnNumber:13}},"H\u1EE3p \u0111\u1ED3ng \u0111\xE3 k\xFD th\xE0nh c\xF4ng. Qu\xFD kh\xE1ch vui l\xF2ng ch\u1EDD Chuy\xEAn vi\xEAn t\u01B0 v\u1EA5n li\xEAn h\u1EC7 \u0111\u1EC3 ho\xE0n t\u1EA5t b\u01B0\u1EDBc gi\u1EA3i ng\xE2n.")),(item==null?void 0:item.step)!==11?_react.default.createElement(_reactNative.View,{style:$row,__self:this,__source:{fileName:_jsxFileName,lineNumber:453,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:{flex:1,paddingRight:24},__self:this,__source:{fileName:_jsxFileName,lineNumber:454,columnNumber:13}},_react.default.createElement(_MText.MText,{style:{color:'#999999',fontSize:12},__self:this,__source:{fileName:_jsxFileName,lineNumber:455,columnNumber:15}},"Tr\u1EA1ng th\xE1i"),_react.default.createElement(_MText.MText,{style:{fontSize:12,fontWeight:'bold'},__self:this,__source:{fileName:_jsxFileName,lineNumber:463,columnNumber:15}},(item==null?void 0:item.step)<=1?'Chờ cập nhật thông tin tài sản':(item==null?void 0:item.step)===3?"Ch\u1EDD c\u1EADp nh\u1EADt th\xF4ng tin kho\u1EA3n vay":(item==null?void 0:item.step)===4||(item==null?void 0:item.step)===5||(item==null?void 0:item.step)===6?"Ch\u1EDD c\u1EADp nh\u1EADt th\xF4ng tin c\xE1 nh\xE2n":(item==null?void 0:item.step)===9?"Ch\u1EDD c\u1EADp nh\u1EADt eKYC":(item==null?void 0:item.step)===11?"H\u1EE3p \u0111\u1ED3ng \u0111\xE3 k\xFD th\xE0nh c\xF4ng. Vui l\xF2ng ch\u1EDD chuy\xEAn vi\xEAn t\u01B0 v\u1EA5n li\xEAn h\u1EC7":'Đơn vay đang trong quá trình xử lý')),(item==null?void 0:item.step)<=1?_react.default.createElement(_reactNative.TouchableOpacity,{onPress:function onPress(){if((item==null?void 0:item.typeLoan)===7){navigation.push(_navigation.ScreenNames.LoanBuyCar,{loan:item});}else{if((item==null?void 0:item.step)===0){navigation.push(_navigation.ScreenNames.VehicleCamera,{loan:item,front:true});}else{navigation.push(_navigation.ScreenNames.AssetInformation,{loan:item});}}},__self:this,__source:{fileName:_jsxFileName,lineNumber:483,columnNumber:15}},_react.default.createElement(_reactNativeLinearGradient.default,{colors:['#FF8E4F','#EF592E'],style:{height:30,alignItems:'center',justifyContent:'center',borderRadius:24,paddingHorizontal:10},__self:this,__source:{fileName:_jsxFileName,lineNumber:503,columnNumber:17}},_react.default.createElement(_MText.MText,{style:{color:'white',fontSize:12},__self:this,__source:{fileName:_jsxFileName,lineNumber:513,columnNumber:19}},"C\u1EADp nh\u1EADt"))):(item==null?void 0:item.step)===3?_react.default.createElement(_reactNative.TouchableOpacity,{onPress:function onPress(){if((item==null?void 0:item.step)===3){navigation.push(_navigation.ScreenNames.ReviewLoan,{loan:item});}},__self:this,__source:{fileName:_jsxFileName,lineNumber:524,columnNumber:15}},_react.default.createElement(_reactNativeLinearGradient.default,{colors:['#FF8E4F','#EF592E'],style:{height:30,alignItems:'center',justifyContent:'center',borderRadius:24,paddingHorizontal:10},__self:this,__source:{fileName:_jsxFileName,lineNumber:533,columnNumber:17}},_react.default.createElement(_MText.MText,{style:{color:'white',fontSize:12},__self:this,__source:{fileName:_jsxFileName,lineNumber:543,columnNumber:19}},"C\u1EADp nh\u1EADt"))):(item==null?void 0:item.step)===4||(item==null?void 0:item.step)===5||(item==null?void 0:item.step)===6?_react.default.createElement(_reactNative.TouchableOpacity,{onPress:function onPress(){if((item==null?void 0:item.step)===4){navigation.push(_navigation.ScreenNames.OCR,{loan:item,front:true});}else if((item==null?void 0:item.step)===5){if((item==null?void 0:item.typeLoan)===5){navigation.push(_navigation.ScreenNames.ReviewInformation,{loan:item});}else{navigation.push(_navigation.ScreenNames.TopupLoanInfo,{loan:item});}}else if((item==null?void 0:item.step)===6){navigation.push(_navigation.ScreenNames.ReviewInformationOther,{loan:item});}},__self:this,__source:{fileName:_jsxFileName,lineNumber:554,columnNumber:15}},_react.default.createElement(_reactNativeLinearGradient.default,{colors:['#FF8E4F','#EF592E'],style:{height:30,alignItems:'center',justifyContent:'center',borderRadius:24,paddingHorizontal:10},__self:this,__source:{fileName:_jsxFileName,lineNumber:578,columnNumber:17}},_react.default.createElement(_MText.MText,{style:{color:'white',fontSize:12},__self:this,__source:{fileName:_jsxFileName,lineNumber:588,columnNumber:19}},"C\u1EADp nh\u1EADt"))):(item==null?void 0:item.step)===9?_react.default.createElement(_reactNative.TouchableOpacity,{onPress:function onPress(){navigation.push(_navigation.ScreenNames.LivenessV2,{loan:item});},__self:this,__source:{fileName:_jsxFileName,lineNumber:599,columnNumber:15}},_react.default.createElement(_reactNativeLinearGradient.default,{colors:['#FF8E4F','#EF592E'],style:{height:30,alignItems:'center',justifyContent:'center',borderRadius:24,paddingHorizontal:10},__self:this,__source:{fileName:_jsxFileName,lineNumber:606,columnNumber:17}},_react.default.createElement(_MText.MText,{style:{color:'white',fontSize:12},__self:this,__source:{fileName:_jsxFileName,lineNumber:616,columnNumber:19}},"C\u1EADp nh\u1EADt"))):(item==null?void 0:item.step)===10?_react.default.createElement(_reactNative.TouchableOpacity,{onPress:function onPress(){navigation.push(_navigation.ScreenNames.TTSSignLoan,{loan:item});},__self:this,__source:{fileName:_jsxFileName,lineNumber:627,columnNumber:15}},_react.default.createElement(_reactNativeLinearGradient.default,{colors:['#FF8E4F','#EF592E'],style:{height:30,alignItems:'center',justifyContent:'center',borderRadius:24,paddingHorizontal:10},__self:this,__source:{fileName:_jsxFileName,lineNumber:634,columnNumber:17}},_react.default.createElement(_MText.MText,{style:{color:'white',fontSize:12},__self:this,__source:{fileName:_jsxFileName,lineNumber:644,columnNumber:19}},"K\xFD h\u1EE3p \u0111\u1ED3ng"))):_react.default.createElement(_react.default.Fragment,null)):_react.default.createElement(_react.default.Fragment,null),(item==null?void 0:item.listLoanAllAutoDE)&&(item==null?void 0:item.listLoanAllAutoDE.length)>0&&_react.default.createElement(_reactNative.View,{__self:this,__source:{fileName:_jsxFileName,lineNumber:663,columnNumber:11}},_react.default.createElement(_MText.MText,{style:{fontSize:12,fontWeight:'bold',marginTop:16,color:'#333333'},__self:this,__source:{fileName:_jsxFileName,lineNumber:664,columnNumber:13}},"Danh s\xE1ch \u0111\u01A1n chia nh\u1ECF"),item==null?void 0:item.listLoanAllAutoDE.map(function(x,index){return _react.default.createElement(_reactNative.View,{key:index,style:{marginTop:8,borderBottomWidth:index+1===(item==null?void 0:item.listLoanAllAutoDE.length)?0:1,borderColor:'#E0E0E0',paddingBottom:8},__self:_this,__source:{fileName:_jsxFileName,lineNumber:675,columnNumber:15}},_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',justifyContent:'space-between'},__self:_this,__source:{fileName:_jsxFileName,lineNumber:685,columnNumber:17}},_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center',gap:10},__self:_this,__source:{fileName:_jsxFileName,lineNumber:691,columnNumber:19}},_react.default.createElement(_svgs.IconTima16,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:698,columnNumber:21}}),_react.default.createElement(_MText.MText,{style:[_CommonStyles.commonStyles.textNormal,{color:'#333333',fontSize:12}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:699,columnNumber:21}},"HD-",x==null?void 0:x.loanBriefId," (",index+1,")")),_react.default.createElement(_MText.MText,{style:[_CommonStyles.commonStyles.textNormalBold,{color:'#333333',fontSize:12}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:711,columnNumber:19}},(0,_utils.formatMoney)(x==null?void 0:x.totalMoney)," \u0111")));})),(item==null?void 0:item.listLoanAllAutoDE)&&(item==null?void 0:item.listLoanAllAutoDE.length)>0&&_react.default.createElement(_reactNative.TouchableOpacity,{onPress:function onPress(){navigation.push(_navigation.ScreenNames.LoanInterestRate,{loan:item});},style:{flex:1,alignItems:'center',backgroundColor:'#EDF6FF',marginHorizontal:-16,paddingVertical:10},__self:this,__source:{fileName:_jsxFileName,lineNumber:728,columnNumber:11}},_react.default.createElement(_MText.MText,{style:[{fontSize:12,color:'#2F80ED'}],__self:this,__source:{fileName:_jsxFileName,lineNumber:742,columnNumber:13}},"B\u1EA3ng bi\u1EC3u l\xE3i ph\xED \u0111\u01A1n vay ","->")),(item==null?void 0:item.step)!==11?_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center',gap:8,backgroundColor:'#FFF2F2',marginHorizontal:-16,paddingVertical:10,borderBottomRightRadius:8,borderBottomLeftRadius:8,paddingHorizontal:10},__self:this,__source:{fileName:_jsxFileName,lineNumber:755,columnNumber:11}},_react.default.createElement(_icons.Info,{__self:this,__source:{fileName:_jsxFileName,lineNumber:768,columnNumber:13}}),_react.default.createElement(_MText.MText,{style:[{fontSize:10,color:'#E40010',flex:1}],__self:this,__source:{fileName:_jsxFileName,lineNumber:769,columnNumber:13}},(item==null?void 0:item.step)<=1?'Vui lòng cập nhật thông tin tài sản để được giải ngân sớm nhất!':(item==null?void 0:item.step)===3?"Vui l\xF2ng c\u1EADp nh\u1EADt th\xF4ng tin kho\u1EA3n vay \u0111\u1EC3 \u0111\u01B0\u1EE3c gi\u1EA3i ng\xE2n s\u1EDBm nh\u1EA5t!":(item==null?void 0:item.step)===4||(item==null?void 0:item.step)===5||(item==null?void 0:item.step)===6?"Vui l\xF2ng c\u1EADp nh\u1EADt th\xF4ng tin c\xE1 nh\xE2n \u0111\u1EC3 \u0111\u01B0\u1EE3c gi\u1EA3i ng\xE2n s\u1EDBm nh\u1EA5t!":(item==null?void 0:item.step)===9?"B\u01B0\u1EDBc cu\u1ED1i c\xF9ng r\u1ED3i, vui l\xF2ng k\xFD h\u1EE3p \u0111\u1ED3ng \u0111\u1EC3 \u0111\u01B0\u1EE3c gi\u1EA3i ng\xE2n s\u1EDBm nh\u1EA5t nh\xE9!":'Đơn vay đang trong quá trình xử lý')):_react.default.createElement(_react.default.Fragment,null)),_react.default.createElement(_reactNativeModal.default,{isVisible:showModal,onBackdropPress:function onBackdropPress(){return setShowModal(false);},__self:this,__source:{fileName:_jsxFileName,lineNumber:794,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:{backgroundColor:'white',borderRadius:8,padding:16},__self:this,__source:{fileName:_jsxFileName,lineNumber:795,columnNumber:9}},_react.default.createElement(_MText.MText,{style:{fontSize:16,fontWeight:'bold',textAlign:'center',marginTop:16},__self:this,__source:{fileName:_jsxFileName,lineNumber:802,columnNumber:11}},"C\xE1c b\u01B0\u1EDBc ho\xE0n thi\u1EC7n kho\u1EA3n vay"),_react.default.createElement(_MText.MText,{style:{textAlign:'center',color:'#828282'},__self:this,__source:{fileName:_jsxFileName,lineNumber:812,columnNumber:11}},"Th\u1EF1c hi\u1EC7n theo c\xE1c b\u01B0\u1EDBc sau"),_react.default.createElement(_reactNative.View,{__self:this,__source:{fileName:_jsxFileName,lineNumber:820,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center',gap:8,marginTop:16},__self:this,__source:{fileName:_jsxFileName,lineNumber:821,columnNumber:13}},_react.default.createElement(_reactNative.View,{style:{width:30,height:30,borderRadius:4,backgroundColor:'#FFF2F2',alignItems:'center',justifyContent:'center'},__self:this,__source:{fileName:_jsxFileName,lineNumber:829,columnNumber:15}},_react.default.createElement(_v.Icon1,{__self:this,__source:{fileName:_jsxFileName,lineNumber:839,columnNumber:17}})),_react.default.createElement(_reactNative.View,{__self:this,__source:{fileName:_jsxFileName,lineNumber:841,columnNumber:15}},_react.default.createElement(_MText.MText,{style:{fontWeight:'bold',fontSize:8,color:'#EF592E'},__self:this,__source:{fileName:_jsxFileName,lineNumber:842,columnNumber:17}},"B\u01B0\u1EDBc 1"),_react.default.createElement(_MText.MText,{style:{fontWeight:'bold',fontSize:10},__self:this,__source:{fileName:_jsxFileName,lineNumber:847,columnNumber:17}},"TH\xD4NG TIN XE"))),_react.default.createElement(_MText.MText,{style:{fontSize:10,marginTop:5},__self:this,__source:{fileName:_jsxFileName,lineNumber:852,columnNumber:13}},"Ch\u1EE5p 2 m\u1EB7t h\xECnh \u1EA3nh \u0110\u0103ng k\xFD xe")),_react.default.createElement(_reactNative.View,{__self:this,__source:{fileName:_jsxFileName,lineNumber:856,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center',gap:8,marginTop:16},__self:this,__source:{fileName:_jsxFileName,lineNumber:857,columnNumber:13}},_react.default.createElement(_reactNative.View,{style:{width:30,height:30,borderRadius:4,backgroundColor:'#FFF2F2',alignItems:'center',justifyContent:'center'},__self:this,__source:{fileName:_jsxFileName,lineNumber:865,columnNumber:15}},_react.default.createElement(_v.Icon2,{__self:this,__source:{fileName:_jsxFileName,lineNumber:875,columnNumber:17}})),_react.default.createElement(_reactNative.View,{__self:this,__source:{fileName:_jsxFileName,lineNumber:877,columnNumber:15}},_react.default.createElement(_MText.MText,{style:{fontWeight:'bold',fontSize:8,color:'#EF592E'},__self:this,__source:{fileName:_jsxFileName,lineNumber:878,columnNumber:17}},"B\u01B0\u1EDBc 2"),_react.default.createElement(_MText.MText,{style:{fontWeight:'bold',fontSize:10},__self:this,__source:{fileName:_jsxFileName,lineNumber:883,columnNumber:17}},"TH\xD4NG TIN KHO\u1EA2N VAY"))),_react.default.createElement(_MText.MText,{style:{fontSize:10,marginTop:5},__self:this,__source:{fileName:_jsxFileName,lineNumber:888,columnNumber:13}},"L\u1EF1a ch\u1ECDn: S\u1ED1 ti\u1EC1n vay, Th\u1EDDi h\u1EA1n vay, ...")),_react.default.createElement(_reactNative.View,{__self:this,__source:{fileName:_jsxFileName,lineNumber:892,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center',gap:8,marginTop:16},__self:this,__source:{fileName:_jsxFileName,lineNumber:893,columnNumber:13}},_react.default.createElement(_reactNative.View,{style:{width:30,height:30,borderRadius:4,backgroundColor:'#FFF2F2',alignItems:'center',justifyContent:'center'},__self:this,__source:{fileName:_jsxFileName,lineNumber:901,columnNumber:15}},_react.default.createElement(_v.Icon3,{__self:this,__source:{fileName:_jsxFileName,lineNumber:911,columnNumber:17}})),_react.default.createElement(_reactNative.View,{__self:this,__source:{fileName:_jsxFileName,lineNumber:913,columnNumber:15}},_react.default.createElement(_MText.MText,{style:{fontWeight:'bold',fontSize:8,color:'#EF592E'},__self:this,__source:{fileName:_jsxFileName,lineNumber:914,columnNumber:17}},"B\u01B0\u1EDBc 3"),_react.default.createElement(_MText.MText,{style:{fontWeight:'bold',fontSize:10},__self:this,__source:{fileName:_jsxFileName,lineNumber:919,columnNumber:17}},"TH\xD4NG TIN C\xC1 NH\xC2N"))),_react.default.createElement(_MText.MText,{style:{fontSize:10,marginTop:5},__self:this,__source:{fileName:_jsxFileName,lineNumber:924,columnNumber:13}},"Th\u1EF1c hi\u1EC7n NFC/ OCR gi\u1EA5y t\u1EDD CCCD/CC v\xE0 ch\u1EE5p 1 \u1EA3nh ch\xE2n dung")),_react.default.createElement(_reactNative.View,{__self:this,__source:{fileName:_jsxFileName,lineNumber:928,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center',gap:8,marginTop:16},__self:this,__source:{fileName:_jsxFileName,lineNumber:929,columnNumber:13}},_react.default.createElement(_reactNative.View,{style:{width:30,height:30,borderRadius:4,backgroundColor:'#FFF2F2',alignItems:'center',justifyContent:'center'},__self:this,__source:{fileName:_jsxFileName,lineNumber:937,columnNumber:15}},_react.default.createElement(_v.Icon4,{__self:this,__source:{fileName:_jsxFileName,lineNumber:947,columnNumber:17}})),_react.default.createElement(_reactNative.View,{__self:this,__source:{fileName:_jsxFileName,lineNumber:949,columnNumber:15}},_react.default.createElement(_MText.MText,{style:{fontWeight:'bold',fontSize:8,color:'#EF592E'},__self:this,__source:{fileName:_jsxFileName,lineNumber:950,columnNumber:17}},"B\u01B0\u1EDBc 4"),_react.default.createElement(_MText.MText,{style:{fontWeight:'bold',fontSize:10},__self:this,__source:{fileName:_jsxFileName,lineNumber:955,columnNumber:17}},"EKYC"))),_react.default.createElement(_MText.MText,{style:{fontSize:10,marginTop:5},__self:this,__source:{fileName:_jsxFileName,lineNumber:958,columnNumber:13}},"Th\u1EF1c hi\u1EC7n eKYC khu\xF4n m\u1EB7t")),_react.default.createElement(_reactNative.View,{__self:this,__source:{fileName:_jsxFileName,lineNumber:962,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center',gap:8,marginTop:16},__self:this,__source:{fileName:_jsxFileName,lineNumber:963,columnNumber:13}},_react.default.createElement(_reactNative.View,{style:{width:30,height:30,borderRadius:4,backgroundColor:'#FFF2F2',alignItems:'center',justifyContent:'center'},__self:this,__source:{fileName:_jsxFileName,lineNumber:971,columnNumber:15}},_react.default.createElement(_v.Icon5,{__self:this,__source:{fileName:_jsxFileName,lineNumber:981,columnNumber:17}})),_react.default.createElement(_reactNative.View,{__self:this,__source:{fileName:_jsxFileName,lineNumber:983,columnNumber:15}},_react.default.createElement(_MText.MText,{style:{fontWeight:'bold',fontSize:8,color:'#EF592E'},__self:this,__source:{fileName:_jsxFileName,lineNumber:984,columnNumber:17}},"B\u01B0\u1EDBc 5"),_react.default.createElement(_MText.MText,{style:{fontWeight:'bold',fontSize:10},__self:this,__source:{fileName:_jsxFileName,lineNumber:989,columnNumber:17}},"K\xDD H\u1EE2P \u0110\u1ED2NG"))),_react.default.createElement(_MText.MText,{style:{fontSize:10,marginTop:5},__self:this,__source:{fileName:_jsxFileName,lineNumber:994,columnNumber:13}},"K\xFD s\u1ED1 b\u1EB1ng OTP ho\u1EB7c qua \u1EE8ng d\u1EE5ng Mysign"),_react.default.createElement(_MText.MText,{style:{fontSize:10,color:'#999999'},__self:this,__source:{fileName:_jsxFileName,lineNumber:997,columnNumber:13}},"L\u01B0u \xFD: \u0110\u1EC3 b\u1EA3o m\u1EADt th\xF4ng tin c\xE1 nh\xE2n, h\u1EE3p \u0111\u1ED3ng s\u1EBD \u0111\u01B0\u1EE3c k\xFD t\u1EA1i Viettel qua \u1EE8ng d\u1EE5ng MySign, Website hopdongdientu.viettel.vn,...")),_react.default.createElement(_reactNative.View,{style:{backgroundColor:'#FFF8F2',padding:12,borderRadius:8,marginTop:16},__self:this,__source:{fileName:_jsxFileName,lineNumber:1003,columnNumber:11}},_react.default.createElement(_MText.MText,{style:{fontSize:12,fontWeight:'bold'},__self:this,__source:{fileName:_jsxFileName,lineNumber:1011,columnNumber:13}},"\xDD ngh\u0129a bi\u1EC3u t\u01B0\u1EE3ng"),_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center',gap:16,marginTop:8},__self:this,__source:{fileName:_jsxFileName,lineNumber:1014,columnNumber:13}},_react.default.createElement(_MText.MText,{style:{fontSize:10,width:'35%'},__self:this,__source:{fileName:_jsxFileName,lineNumber:1022,columnNumber:15}},"\u0110ang c\u1EA7n th\u1EF1c hi\u1EC7n"),_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center',gap:8},__self:this,__source:{fileName:_jsxFileName,lineNumber:1025,columnNumber:15}},_react.default.createElement(_v.Icon1,{__self:this,__source:{fileName:_jsxFileName,lineNumber:1028,columnNumber:17}}),_react.default.createElement(_v.Icon2,{__self:this,__source:{fileName:_jsxFileName,lineNumber:1029,columnNumber:17}}),_react.default.createElement(_v.Icon3,{__self:this,__source:{fileName:_jsxFileName,lineNumber:1030,columnNumber:17}}),_react.default.createElement(_v.Icon4,{__self:this,__source:{fileName:_jsxFileName,lineNumber:1031,columnNumber:17}}),_react.default.createElement(_v.Icon5,{__self:this,__source:{fileName:_jsxFileName,lineNumber:1032,columnNumber:17}}))),_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center',gap:16,marginTop:8},__self:this,__source:{fileName:_jsxFileName,lineNumber:1035,columnNumber:13}},_react.default.createElement(_MText.MText,{style:{fontSize:10,width:'35%'},__self:this,__source:{fileName:_jsxFileName,lineNumber:1043,columnNumber:15}},"Ch\u01B0a th\u1EC3 th\u1EF1c hi\u1EC7n"),_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center',gap:8},__self:this,__source:{fileName:_jsxFileName,lineNumber:1046,columnNumber:15}},_react.default.createElement(_v.Icon6,{__self:this,__source:{fileName:_jsxFileName,lineNumber:1049,columnNumber:17}}),_react.default.createElement(_v.Icon7,{__self:this,__source:{fileName:_jsxFileName,lineNumber:1050,columnNumber:17}}),_react.default.createElement(_v.Icon8,{__self:this,__source:{fileName:_jsxFileName,lineNumber:1051,columnNumber:17}}),_react.default.createElement(_v.Icon9,{__self:this,__source:{fileName:_jsxFileName,lineNumber:1052,columnNumber:17}}),_react.default.createElement(_v.Icon10,{__self:this,__source:{fileName:_jsxFileName,lineNumber:1053,columnNumber:17}}))),_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center',gap:16,marginTop:8},__self:this,__source:{fileName:_jsxFileName,lineNumber:1056,columnNumber:13}},_react.default.createElement(_MText.MText,{style:{fontSize:10,width:'35%'},__self:this,__source:{fileName:_jsxFileName,lineNumber:1064,columnNumber:15}},"\u0110\xE3 ho\xE0n th\xE0nh"),_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center',gap:8},__self:this,__source:{fileName:_jsxFileName,lineNumber:1067,columnNumber:15}},_react.default.createElement(_v.IconSuccess,{__self:this,__source:{fileName:_jsxFileName,lineNumber:1070,columnNumber:17}})))),_react.default.createElement(_reactNative.TouchableOpacity,{style:{position:'absolute',top:16,right:16},onPress:function onPress(){return setShowModal(false);},__self:this,__source:{fileName:_jsxFileName,lineNumber:1075,columnNumber:11}},_react.default.createElement(_icons.Close2Icon,{__self:this,__source:{fileName:_jsxFileName,lineNumber:1079,columnNumber:13}})))));}var $row={flexDirection:'row',paddingBottom:16,marginTop:16};
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=ItemTimaOneV3;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _reactNativeLinearGradient=_interopRequireDefault(require("react-native-linear-gradient"));var _svgs=require("../assets/svgs");var _utils=require("../utils");var _MText=require("./MText");var _v=require("../assets/v3");var _icons=require("../assets/icons");var _navigation=require("../navigation");var _reactNativeModal=_interopRequireDefault(require("react-native-modal"));var _CommonStyles=require("../screens/CommonStyles");var _this=this,_jsxFileName="/Users/tima/Tima/react-native-timacare/src/components/ItemTimaOneV3.tsx";var GRADIENT_ORANGE=['#FF8E4F','#EF592E'];var COLOR_ACTIVE='#EF592E';var COLOR_DONE='#333333';var COLOR_DISABLED='#999999';var LEGEND_ROWS=[{label:'Đang cần thực hiện',icons:[_v.Icon1,_v.Icon2,_v.Icon3,_v.Icon4,_v.Icon5]},{label:'Chưa thể thực hiện',icons:[_v.Icon6,_v.Icon7,_v.Icon8,_v.Icon9,_v.Icon10]},{label:'Đã hoàn thành',icons:[_v.IconSuccess]}];var StepAction=function StepAction(_ref){var icon=_ref.icon,label=_ref.label,color=_ref.color,disabled=_ref.disabled,onPress=_ref.onPress;return _react.default.createElement(_reactNative.TouchableOpacity,{disabled:disabled,style:styles.action,onPress:onPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:3}},icon,_react.default.createElement(_MText.MText,{style:[styles.stepLabel,{color:color}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:62,columnNumber:5}},label));};var UpdateButton=function UpdateButton(_ref2){var label=_ref2.label,onPress=_ref2.onPress;return _react.default.createElement(_reactNative.TouchableOpacity,{onPress:onPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:3}},_react.default.createElement(_reactNativeLinearGradient.default,{colors:GRADIENT_ORANGE,style:styles.updateButton,__self:_this,__source:{fileName:_jsxFileName,lineNumber:68,columnNumber:5}},_react.default.createElement(_MText.MText,{style:styles.updateButtonText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:69,columnNumber:7}},label)));};function ItemTimaOneV3(_ref3){var _this2=this;var item=_ref3.item,navigation=_ref3.navigation;var _React$useState=_react.default.useState(false),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),showModal=_React$useState2[0],setShowModal=_React$useState2[1];var GUIDE_STEPS=item.typeLoan===5||item.typeLoan===7?[{icon:_v.Icon1,title:'CẬP NHẬT THÔNG TIN XE',description:'Giấy tờ Đăng ký xe, thông tin xe'},{icon:_v.Icon5,title:'CẬP NHẬT THÔNG TIN KHOẢN VAY',description:'Số tiền vay, thời hạn vay, hình thức vay, ...'},{icon:_v.Icon3,title:'CẬP NHẬT THÔNG TIN CÁ NHÂN',description:'Giấy tờ CCCD/CC, ảnh chân dung, thông tin cá nhân'},{icon:_v.Icon14,title:'CHỜ PHÊ DUYỆT'},{icon:_v.Icon5,title:'KÝ HỢP ĐỒNG ĐIỆN TỬ'},{icon:_v.Icon2,title:'NHẬN TIỀN GIẢI NGÂN'}]:[{icon:_v.Icon1,title:'CẬP NHẬT THÔNG TIN KHOẢN VAY',description:'Số tiền vay, thời hạn vay, hình thức vay, ...'},{icon:_v.Icon3,title:'CẬP NHẬT THÔNG TIN CÁ NHÂN',description:'Giấy tờ CCCD/CC, ảnh chân dung, thông tin cá nhân'},{icon:_v.Icon14,title:'CHỜ PHÊ DUYỆT'},{icon:_v.Icon5,title:'KÝ HỢP ĐỒNG ĐIỆN TỬ'},{icon:_v.Icon2,title:'NHẬN TIỀN GIẢI NGÂN'}];var step=item==null?void 0:item.step;var autoDEList=item==null?void 0:item.listLoanAllAutoDE;var hasAutoDE=(autoDEList==null?void 0:autoDEList.length)>0;var sumBy=function sumBy(key){return hasAutoDE?autoDEList.reduce(function(sum,x){return sum+x[key];},0):0;};var isPersonalStep=step===4||step===5||step===6;var goAsset=function goAsset(){if((item==null?void 0:item.typeLoan)===7){navigation.push(_navigation.ScreenNames.LoanBuyCar,{loan:item});}else if(step===0){navigation.push(_navigation.ScreenNames.VehicleCamera,{loan:item,front:true});}else{navigation.push(_navigation.ScreenNames.AssetInformation,{loan:item});}};var goLoanInfo=function goLoanInfo(){navigation.push(_navigation.ScreenNames.ReviewLoan,{loan:item});};var goPersonal=function goPersonal(){if(step===4){navigation.push(_navigation.ScreenNames.OCR,{loan:item,front:true});}else if(step===5){navigation.push((item==null?void 0:item.typeLoan)===5?_navigation.ScreenNames.ReviewInformation:_navigation.ScreenNames.TopupLoanInfo,{loan:item});}else if(step===6){navigation.push(_navigation.ScreenNames.ReviewInformationOther,{loan:item});}};var goEkyc=function goEkyc(){navigation.push(_navigation.ScreenNames.LivenessV2,{loan:item});};var goSign=function goSign(){navigation.push(_navigation.ScreenNames.TTSSignLoan,{loan:item});};var primaryAction=step<=1?{label:'Cập nhật',onPress:goAsset}:step===3?{label:'Cập nhật',onPress:goLoanInfo}:isPersonalStep?{label:'Cập nhật',onPress:goPersonal}:step===9?{label:'Cập nhật',onPress:goEkyc}:step===10?{label:'Ký hợp đồng',onPress:goSign}:null;return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.View,{style:styles.card,__self:this,__source:{fileName:_jsxFileName,lineNumber:176,columnNumber:7}},_react.default.createElement(_reactNativeLinearGradient.default,{colors:hasAutoDE?['#4CBA3D','#98D788']:GRADIENT_ORANGE,style:styles.headerGradient,__self:this,__source:{fileName:_jsxFileName,lineNumber:177,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:styles.headerRow,__self:this,__source:{fileName:_jsxFileName,lineNumber:181,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:styles.headerLeft,__self:this,__source:{fileName:_jsxFileName,lineNumber:182,columnNumber:13}},_react.default.createElement(_svgs.IconMoney2,{__self:this,__source:{fileName:_jsxFileName,lineNumber:183,columnNumber:15}}),_react.default.createElement(_MText.MText,{style:styles.headerText,__self:this,__source:{fileName:_jsxFileName,lineNumber:184,columnNumber:15}},"HD-",item==null?void 0:item.id)),_react.default.createElement(_MText.MText,{style:styles.headerAmount,__self:this,__source:{fileName:_jsxFileName,lineNumber:186,columnNumber:13}},(0,_utils.formatMoney)(hasAutoDE?sumBy('totalMoney'):item==null?void 0:item.loanAmount),"\u0111"))),hasAutoDE&&_react.default.createElement(_reactNative.View,{style:styles.autoDESummary,__self:this,__source:{fileName:_jsxFileName,lineNumber:193,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:styles.spaceBetween,__self:this,__source:{fileName:_jsxFileName,lineNumber:194,columnNumber:13}},_react.default.createElement(_MText.MText,{style:styles.summaryLabel,__self:this,__source:{fileName:_jsxFileName,lineNumber:195,columnNumber:15}},"S\u1ED1 ti\u1EC1n gi\u1EA3i ng\xE2n"),_react.default.createElement(_MText.MText,{style:styles.summaryValue,__self:this,__source:{fileName:_jsxFileName,lineNumber:196,columnNumber:15}},(0,_utils.formatMoney)(sumBy('loanAmount'))," \u0111")),_react.default.createElement(_reactNative.View,{style:[styles.spaceBetween,styles.summaryRowSpacing],__self:this,__source:{fileName:_jsxFileName,lineNumber:200,columnNumber:13}},_react.default.createElement(_MText.MText,{style:styles.summaryLabel,__self:this,__source:{fileName:_jsxFileName,lineNumber:201,columnNumber:15}},"S\u1ED1 ti\u1EC1n b\u1EA3o hi\u1EC3m"),_react.default.createElement(_MText.MText,{style:styles.summaryValue,__self:this,__source:{fileName:_jsxFileName,lineNumber:202,columnNumber:15}},(0,_utils.formatMoney)(sumBy('insurenceMoney'))," \u0111"))),_react.default.createElement(_reactNative.View,{style:[styles.stepsRow,{marginTop:hasAutoDE?16:32}],__self:this,__source:{fileName:_jsxFileName,lineNumber:209,columnNumber:9}},((item==null?void 0:item.typeLoan)===5||item.typeLoan===7)&&_react.default.createElement(StepAction,{disabled:!(step===0||step===1),onPress:goAsset,icon:step<=1?_react.default.createElement(_v.IconStep1,{__self:this,__source:{fileName:_jsxFileName,lineNumber:215,columnNumber:33}}):_react.default.createElement(_v.IconStep1Success,{__self:this,__source:{fileName:_jsxFileName,lineNumber:215,columnNumber:49}}),label:'Thông tin\ntài sản',color:step<=1?COLOR_ACTIVE:COLOR_DONE,__self:this,__source:{fileName:_jsxFileName,lineNumber:212,columnNumber:13}}),_react.default.createElement(StepAction,{disabled:step!==3,onPress:goLoanInfo,icon:step<3?_react.default.createElement(_v.IconStep2Disable,{__self:this,__source:{fileName:_jsxFileName,lineNumber:225,columnNumber:17}}):step===3?_react.default.createElement(_v.IconStep2,{__self:this,__source:{fileName:_jsxFileName,lineNumber:227,columnNumber:17}}):_react.default.createElement(_v.IconStep2Success,{__self:this,__source:{fileName:_jsxFileName,lineNumber:229,columnNumber:17}}),label:'Thông tin\nkhoản vay',color:step<3?COLOR_DISABLED:step===3?COLOR_ACTIVE:COLOR_DONE,__self:this,__source:{fileName:_jsxFileName,lineNumber:220,columnNumber:11}}),_react.default.createElement(StepAction,{disabled:!isPersonalStep,onPress:goPersonal,icon:step<4?_react.default.createElement(_v.IconStep3Disable,{__self:this,__source:{fileName:_jsxFileName,lineNumber:242,columnNumber:17}}):isPersonalStep?_react.default.createElement(_v.IconStep3,{__self:this,__source:{fileName:_jsxFileName,lineNumber:244,columnNumber:17}}):_react.default.createElement(_v.IconStep3Success,{__self:this,__source:{fileName:_jsxFileName,lineNumber:246,columnNumber:17}}),label:'Thông tin\ncá nhân',color:step<4?COLOR_DISABLED:isPersonalStep?COLOR_ACTIVE:COLOR_DONE,__self:this,__source:{fileName:_jsxFileName,lineNumber:237,columnNumber:11}}),_react.default.createElement(StepAction,{disabled:step!==9,onPress:goEkyc,icon:step<9||step===100?_react.default.createElement(_v.IconStep4Disable,{__self:this,__source:{fileName:_jsxFileName,lineNumber:263,columnNumber:17}}):step===9?_react.default.createElement(_v.IconStep4,{__self:this,__source:{fileName:_jsxFileName,lineNumber:265,columnNumber:17}}):_react.default.createElement(_v.IconStep4Success,{__self:this,__source:{fileName:_jsxFileName,lineNumber:267,columnNumber:17}}),label:"EKYC",color:step<9||step===100?COLOR_DISABLED:step===9?COLOR_ACTIVE:COLOR_DONE,__self:this,__source:{fileName:_jsxFileName,lineNumber:258,columnNumber:11}}),_react.default.createElement(StepAction,{disabled:step!==10,onPress:goSign,icon:step<10||step===100?_react.default.createElement(_v.IconStep5Disable,{__self:this,__source:{fileName:_jsxFileName,lineNumber:284,columnNumber:17}}):step===10?_react.default.createElement(_v.IconStep5,{__self:this,__source:{fileName:_jsxFileName,lineNumber:286,columnNumber:17}}):_react.default.createElement(_v.IconStep5Success,{__self:this,__source:{fileName:_jsxFileName,lineNumber:288,columnNumber:17}}),label:'Ký hợp\nđồng',color:step<10||step===100?COLOR_DISABLED:step===10?COLOR_ACTIVE:COLOR_DONE,__self:this,__source:{fileName:_jsxFileName,lineNumber:279,columnNumber:11}})),step!==11?_react.default.createElement(_reactNative.View,{style:styles.guideBanner,__self:this,__source:{fileName:_jsxFileName,lineNumber:303,columnNumber:11}},_react.default.createElement(_svgs.IconQuestion,{__self:this,__source:{fileName:_jsxFileName,lineNumber:304,columnNumber:13}}),_react.default.createElement(_MText.MText,{style:styles.guideBannerText,__self:this,__source:{fileName:_jsxFileName,lineNumber:305,columnNumber:13}},"H\u01B0\u1EDBng d\u1EABn c\xE1c b\u01B0\u1EDBc ho\xE0n thi\u1EC7n \u0111\u01A1n vay"),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:function onPress(){return setShowModal(true);},__self:this,__source:{fileName:_jsxFileName,lineNumber:308,columnNumber:13}},_react.default.createElement(_MText.MText,{style:styles.linkText,__self:this,__source:{fileName:_jsxFileName,lineNumber:309,columnNumber:15}},"Xem th\xEAm"))):_react.default.createElement(_reactNative.View,{style:styles.successBanner,__self:this,__source:{fileName:_jsxFileName,lineNumber:313,columnNumber:11}},_react.default.createElement(_svgs.IconTick,{__self:this,__source:{fileName:_jsxFileName,lineNumber:314,columnNumber:13}}),_react.default.createElement(_MText.MText,{style:styles.successText,__self:this,__source:{fileName:_jsxFileName,lineNumber:315,columnNumber:13}},"H\u1EE3p \u0111\u1ED3ng \u0111\xE3 k\xFD th\xE0nh c\xF4ng. Qu\xFD kh\xE1ch vui l\xF2ng ch\u1EDD Chuy\xEAn vi\xEAn t\u01B0 v\u1EA5n li\xEAn h\u1EC7 \u0111\u1EC3 ho\xE0n t\u1EA5t b\u01B0\u1EDBc gi\u1EA3i ng\xE2n.")),step!==11&&_react.default.createElement(_reactNative.View,{style:$row,__self:this,__source:{fileName:_jsxFileName,lineNumber:323,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:styles.statusLeft,__self:this,__source:{fileName:_jsxFileName,lineNumber:324,columnNumber:13}},_react.default.createElement(_MText.MText,{style:styles.statusLabel,__self:this,__source:{fileName:_jsxFileName,lineNumber:325,columnNumber:15}},"Tr\u1EA1ng th\xE1i"),_react.default.createElement(_MText.MText,{style:styles.statusValue,__self:this,__source:{fileName:_jsxFileName,lineNumber:326,columnNumber:15}},step<=1?'Chờ cập nhật thông tin tài sản':step===3?'Chờ cập nhật thông tin khoản vay':isPersonalStep?'Chờ cập nhật thông tin cá nhân':step===9?'Chờ cập nhật eKYC':'Đơn vay đang trong quá trình xử lý')),primaryAction&&_react.default.createElement(UpdateButton,{label:primaryAction.label,onPress:primaryAction.onPress,__self:this,__source:{fileName:_jsxFileName,lineNumber:339,columnNumber:15}})),hasAutoDE&&_react.default.createElement(_reactNative.View,{__self:this,__source:{fileName:_jsxFileName,lineNumber:348,columnNumber:11}},_react.default.createElement(_MText.MText,{style:styles.autoDETitle,__self:this,__source:{fileName:_jsxFileName,lineNumber:349,columnNumber:13}},"Danh s\xE1ch \u0111\u01A1n chia nh\u1ECF"),autoDEList.map(function(x,index){return _react.default.createElement(_reactNative.View,{key:index,style:[styles.autoDEItem,index+1!==autoDEList.length&&styles.autoDEItemDivider],__self:_this2,__source:{fileName:_jsxFileName,lineNumber:351,columnNumber:15}},_react.default.createElement(_reactNative.View,{style:styles.spaceBetween,__self:_this2,__source:{fileName:_jsxFileName,lineNumber:358,columnNumber:17}},_react.default.createElement(_reactNative.View,{style:styles.autoDEItemLeft,__self:_this2,__source:{fileName:_jsxFileName,lineNumber:359,columnNumber:19}},_react.default.createElement(_svgs.IconTima16,{__self:_this2,__source:{fileName:_jsxFileName,lineNumber:360,columnNumber:21}}),_react.default.createElement(_MText.MText,{style:[_CommonStyles.commonStyles.textNormal,styles.autoDEText],__self:_this2,__source:{fileName:_jsxFileName,lineNumber:361,columnNumber:21}},"HD-",x==null?void 0:x.loanBriefId," (",index+1,")")),_react.default.createElement(_MText.MText,{style:[_CommonStyles.commonStyles.textNormalBold,styles.autoDEText],__self:_this2,__source:{fileName:_jsxFileName,lineNumber:365,columnNumber:19}},(0,_utils.formatMoney)(x==null?void 0:x.totalMoney)," \u0111")));})),hasAutoDE&&_react.default.createElement(_reactNative.TouchableOpacity,{onPress:function onPress(){navigation.push(_navigation.ScreenNames.LoanInterestRate,{loan:item});},style:styles.interestRateButton,__self:this,__source:{fileName:_jsxFileName,lineNumber:376,columnNumber:11}},_react.default.createElement(_MText.MText,{style:styles.interestRateText,__self:this,__source:{fileName:_jsxFileName,lineNumber:382,columnNumber:13}},"B\u1EA3ng bi\u1EC3u l\xE3i ph\xED \u0111\u01A1n vay ","->")),step!==11&&_react.default.createElement(_reactNative.View,{style:styles.warningBanner,__self:this,__source:{fileName:_jsxFileName,lineNumber:388,columnNumber:11}},_react.default.createElement(_icons.Info,{__self:this,__source:{fileName:_jsxFileName,lineNumber:389,columnNumber:13}}),_react.default.createElement(_MText.MText,{style:styles.warningText,__self:this,__source:{fileName:_jsxFileName,lineNumber:390,columnNumber:13}},step<=1?'Vui lòng cập nhật thông tin tài sản để được giải ngân sớm nhất!':step===3?'Vui lòng cập nhật thông tin khoản vay để được giải ngân sớm nhất!':isPersonalStep?'Vui lòng cập nhật thông tin cá nhân để được giải ngân sớm nhất!':step===9?'Bước cuối cùng rồi, vui lòng ký hợp đồng để được giải ngân sớm nhất nhé!':'Đơn vay đang trong quá trình xử lý'))),_react.default.createElement(_reactNativeModal.default,{isVisible:showModal,onBackdropPress:function onBackdropPress(){return setShowModal(false);},__self:this,__source:{fileName:_jsxFileName,lineNumber:405,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:styles.modalCard,__self:this,__source:{fileName:_jsxFileName,lineNumber:406,columnNumber:9}},_react.default.createElement(_MText.MText,{style:styles.modalTitle,__self:this,__source:{fileName:_jsxFileName,lineNumber:407,columnNumber:11}},"C\xE1c b\u01B0\u1EDBc ho\xE0n thi\u1EC7n kho\u1EA3n vay"),GUIDE_STEPS.map(function(_ref4,index){var StepIcon=_ref4.icon,title=_ref4.title,description=_ref4.description;return _react.default.createElement(_react.default.Fragment,{key:title,__self:_this2,__source:{fileName:_jsxFileName,lineNumber:409,columnNumber:13}},_react.default.createElement(_reactNative.View,{style:styles.guideStepRow,__self:_this2,__source:{fileName:_jsxFileName,lineNumber:410,columnNumber:15}},_react.default.createElement(_reactNative.View,{style:styles.guideStepIconBox,__self:_this2,__source:{fileName:_jsxFileName,lineNumber:411,columnNumber:17}},_react.default.createElement(StepIcon,{__self:_this2,__source:{fileName:_jsxFileName,lineNumber:412,columnNumber:19}})),_react.default.createElement(_reactNative.View,{__self:_this2,__source:{fileName:_jsxFileName,lineNumber:414,columnNumber:17}},_react.default.createElement(_MText.MText,{style:styles.guideStepBadge,__self:_this2,__source:{fileName:_jsxFileName,lineNumber:415,columnNumber:19}},"B\u01B0\u1EDBc ",index+1),_react.default.createElement(_MText.MText,{style:styles.guideStepTitle,__self:_this2,__source:{fileName:_jsxFileName,lineNumber:416,columnNumber:19}},title),!!description&&_react.default.createElement(_MText.MText,{style:styles.guideStepDesc,__self:_this2,__source:{fileName:_jsxFileName,lineNumber:418,columnNumber:21}},description))),index<GUIDE_STEPS.length-1&&_react.default.createElement(_reactNative.View,{style:styles.dashedDivider,__self:_this2,__source:{fileName:_jsxFileName,lineNumber:423,columnNumber:17}},_react.default.createElement(_reactNative.View,{style:styles.dashedDividerInner,__self:_this2,__source:{fileName:_jsxFileName,lineNumber:424,columnNumber:19}})));}),_react.default.createElement(_reactNative.View,{style:styles.legendBox,__self:this,__source:{fileName:_jsxFileName,lineNumber:430,columnNumber:11}},_react.default.createElement(_MText.MText,{style:styles.legendTitle,__self:this,__source:{fileName:_jsxFileName,lineNumber:431,columnNumber:13}},"\xDD ngh\u0129a bi\u1EC3u t\u01B0\u1EE3ng"),LEGEND_ROWS.map(function(_ref5){var label=_ref5.label,icons=_ref5.icons;return _react.default.createElement(_reactNative.View,{key:label,style:styles.legendRow,__self:_this2,__source:{fileName:_jsxFileName,lineNumber:433,columnNumber:15}},_react.default.createElement(_MText.MText,{style:styles.legendLabel,__self:_this2,__source:{fileName:_jsxFileName,lineNumber:434,columnNumber:17}},label),_react.default.createElement(_reactNative.View,{style:styles.legendIcons,__self:_this2,__source:{fileName:_jsxFileName,lineNumber:435,columnNumber:17}},icons.map(function(LegendIcon,index){return _react.default.createElement(LegendIcon,{key:index,__self:_this2,__source:{fileName:_jsxFileName,lineNumber:437,columnNumber:21}});})));})),_react.default.createElement(_reactNative.TouchableOpacity,{style:styles.modalClose,onPress:function onPress(){return setShowModal(false);},__self:this,__source:{fileName:_jsxFileName,lineNumber:444,columnNumber:11}},_react.default.createElement(_icons.Close2Icon,{__self:this,__source:{fileName:_jsxFileName,lineNumber:448,columnNumber:13}})))));}var $row={flexDirection:'row',paddingBottom:16,marginTop:16};var styles=_reactNative.StyleSheet.create({action:{flexDirection:'column',alignItems:'center',gap:5},card:{backgroundColor:'#FFFFFF',paddingHorizontal:16,marginBottom:16,borderRadius:8,borderWidth:0.5,borderColor:'#E0E0E0'},headerGradient:{borderTopLeftRadius:8,borderTopRightRadius:8,marginHorizontal:-16},headerRow:{flexDirection:'row',justifyContent:'space-between',alignItems:'center',paddingHorizontal:16,paddingVertical:8},headerLeft:{flexDirection:'row',alignItems:'center',gap:8},headerText:{fontSize:12,color:'white'},headerAmount:{fontSize:12,color:'white',fontWeight:'bold'},autoDESummary:{marginHorizontal:-16,backgroundColor:'#ECFFE8',paddingHorizontal:16,paddingVertical:8},spaceBetween:{flexDirection:'row',justifyContent:'space-between'},summaryRowSpacing:{marginTop:6},summaryLabel:{fontSize:10,color:'#878787',marginLeft:24},summaryValue:{fontSize:10,color:'#333333'},stepsRow:{flexDirection:'row',justifyContent:'space-between'},stepLabel:{textAlign:'center',fontSize:10,marginTop:5},guideBanner:{backgroundColor:'#EEF7FF',flexDirection:'row',alignItems:'center',gap:4,borderRadius:4,paddingHorizontal:8,paddingVertical:10,marginTop:16},guideBannerText:{fontSize:10,flex:1},linkText:{fontSize:10,color:'#2F80ED',textDecorationLine:'underline'},successBanner:{backgroundColor:'#E8FFE9',flexDirection:'row',alignItems:'center',gap:8,borderRadius:4,paddingHorizontal:8,paddingVertical:10,marginTop:16},successText:{color:'#28A745',fontSize:10,flex:1},statusLeft:{flex:1,paddingRight:24},statusLabel:{color:'#999999',fontSize:12},statusValue:{fontSize:12,fontWeight:'bold'},updateButton:{height:30,alignItems:'center',justifyContent:'center',borderRadius:24,paddingHorizontal:10},updateButtonText:{color:'white',fontSize:12},autoDETitle:{fontSize:12,fontWeight:'bold',marginTop:16,color:'#333333'},autoDEItem:{marginTop:8,paddingBottom:8},autoDEItemDivider:{borderBottomWidth:1,borderColor:'#E0E0E0'},autoDEItemLeft:{flexDirection:'row',alignItems:'center',gap:10},autoDEText:{color:'#333333',fontSize:12},interestRateButton:{flex:1,alignItems:'center',backgroundColor:'#EDF6FF',marginHorizontal:-16,paddingVertical:10},interestRateText:{fontSize:12,color:'#2F80ED'},warningBanner:{flexDirection:'row',alignItems:'center',gap:8,backgroundColor:'#FFF2F2',marginHorizontal:-16,paddingVertical:10,borderBottomRightRadius:8,borderBottomLeftRadius:8,paddingHorizontal:10},warningText:{fontSize:10,color:'#E40010',flex:1},modalCard:{backgroundColor:'white',borderRadius:8,padding:16},modalTitle:{fontSize:16,fontWeight:'bold',textAlign:'center',marginTop:16},guideStepRow:{flexDirection:'row',alignItems:'flex-start',gap:8,marginTop:16},dashedDivider:{height:1,marginTop:16,overflow:'hidden'},dashedDividerInner:{height:2,borderWidth:1,borderColor:'#E5E5E5',borderStyle:'dashed'},guideStepIconBox:{width:30,height:30,borderRadius:4,backgroundColor:'#FFF2F2',alignItems:'center',justifyContent:'center'},guideStepBadge:{fontWeight:'bold',fontSize:8,color:'#EF592E'},guideStepTitle:{fontWeight:'bold',fontSize:10,marginTop:5},guideStepDesc:{fontSize:10,marginTop:5},legendBox:{backgroundColor:'#FFF8F2',padding:12,borderRadius:8,marginTop:16},legendTitle:{fontSize:12,fontWeight:'bold'},legendRow:{flexDirection:'row',alignItems:'center',gap:16,marginTop:8},legendLabel:{fontSize:10,width:'35%'},legendIcons:{flexDirection:'row',alignItems:'center',gap:8},modalClose:{position:'absolute',top:16,right:16}});
|
|
2
2
|
//# sourceMappingURL=ItemTimaOneV3.js.map
|