viettel-ekyc-sdk
Version:
126 lines • 10 kB
JavaScript
import React, { useEffect, useState } from 'react';
import { FlatList, StyleSheet, Text, View } from 'react-native';
import { OS } from '../constants/OS';
import { SizedBox } from './SizedBox';
export const InfoCardFlatList = ({ cardInfo }) => {
const [infoList, setInfoList] = useState([]);
useEffect(() => {
const getInfoList = () => {
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31;
const error = ' ';
if (cardInfo && cardInfo.type) {
if (cardInfo.type.indexOf('CMND') > -1) {
return [
{ field: 'Số CMND', value: (_a = cardInfo.id) !== null && _a !== void 0 ? _a : error },
{ field: 'Họ tên', value: (_b = cardInfo.name) !== null && _b !== void 0 ? _b : error },
{ field: 'Sinh ngày', value: (_c = cardInfo.birthday) !== null && _c !== void 0 ? _c : error },
// {'field': 'Giới tính', 'value': card.sex ?? error},
{ field: 'Nguyên quán', value: (_d = cardInfo.birthplace) !== null && _d !== void 0 ? _d : error },
{ field: 'Nơi ĐKHKTT', value: (_e = cardInfo.address) !== null && _e !== void 0 ? _e : error },
{ field: 'Dân tộc', value: (_f = cardInfo.ethnicity) !== null && _f !== void 0 ? _f : error },
{ field: 'Tôn giáo', value: (_g = cardInfo.religion) !== null && _g !== void 0 ? _g : error },
{ field: 'Ngày cấp', value: (_h = cardInfo.issue_date) !== null && _h !== void 0 ? _h : error },
{ field: 'Nơi cấp', value: (_j = cardInfo.issue_by) !== null && _j !== void 0 ? _j : error },
];
}
if (cardInfo.type.indexOf('CCCD') > -1) {
return [
{ field: 'Số CCCD', value: (_k = cardInfo.id) !== null && _k !== void 0 ? _k : error },
{ field: 'Họ tên', value: (_l = cardInfo.name) !== null && _l !== void 0 ? _l : error },
{ field: 'Sinh ngày', value: (_m = cardInfo.birthday) !== null && _m !== void 0 ? _m : error },
{ field: 'Giới tính', value: (_o = cardInfo.sex) !== null && _o !== void 0 ? _o : error },
{ field: 'Quốc tịch', value: (_p = cardInfo.nationality) !== null && _p !== void 0 ? _p : error },
{ field: 'Quê quán', value: (_q = cardInfo.birthplace) !== null && _q !== void 0 ? _q : error },
{ field: 'Nơi ĐKHKTT', value: (_r = cardInfo.address) !== null && _r !== void 0 ? _r : error },
{ field: 'Ngày hết hạn', value: (_s = cardInfo.ethnicity) !== null && _s !== void 0 ? _s : error },
{ field: 'Ngày cấp', value: (_t = cardInfo.issue_date) !== null && _t !== void 0 ? _t : error },
{ field: 'Nơi cấp', value: (_u = cardInfo.issue_by) !== null && _u !== void 0 ? _u : error },
];
}
if (cardInfo.type.indexOf('CMCC') > -1) {
return [
{ field: 'Số CMND', value: (_v = cardInfo.id) !== null && _v !== void 0 ? _v : error },
{ field: 'Họ tên', value: (_w = cardInfo.name) !== null && _w !== void 0 ? _w : error },
{ field: 'Sinh ngày', value: (_x = cardInfo.birthday) !== null && _x !== void 0 ? _x : error },
{ field: 'Giới tính', value: (_y = cardInfo.sex) !== null && _y !== void 0 ? _y : error },
{ field: 'Dân tộc', value: (_z = cardInfo.ethnicity) !== null && _z !== void 0 ? _z : error },
{ field: 'Quê quán', value: (_0 = cardInfo.birthplace) !== null && _0 !== void 0 ? _0 : error },
{ field: 'Nơi ĐKHKTT', value: (_1 = cardInfo.address) !== null && _1 !== void 0 ? _1 : error },
{ field: 'Ngày cấp', value: (_2 = cardInfo.issue_date) !== null && _2 !== void 0 ? _2 : error },
{ field: 'Nơi cấp', value: (_3 = cardInfo.issue_by) !== null && _3 !== void 0 ? _3 : error },
{ field: 'Ngày hết hạn', value: (_4 = cardInfo.expiry) !== null && _4 !== void 0 ? _4 : error },
];
}
if (cardInfo.type.indexOf('Passport') > -1) {
return [
{ field: 'Số hộ chiếu', value: (_5 = cardInfo.passport_id) !== null && _5 !== void 0 ? _5 : error },
{ field: 'Loại', value: (_6 = cardInfo.passport_type) !== null && _6 !== void 0 ? _6 : error },
// {'field': 'Mã số', 'value': card.passportId ?? error},
{ field: 'Họ tên', value: (_7 = cardInfo.name) !== null && _7 !== void 0 ? _7 : error },
{ field: 'Quốc tịch', value: (_8 = cardInfo.nationality) !== null && _8 !== void 0 ? _8 : error },
{ field: 'Sinh ngày', value: (_9 = cardInfo.birthday) !== null && _9 !== void 0 ? _9 : error },
{ field: 'Giới tính', value: (_10 = cardInfo.sex) !== null && _10 !== void 0 ? _10 : error },
{ field: 'Nơi sinh', value: (_11 = cardInfo.address) !== null && _11 !== void 0 ? _11 : error },
{ field: 'Ngày cấp', value: (_12 = cardInfo.issue_date) !== null && _12 !== void 0 ? _12 : error },
{ field: 'Nơi cấp', value: (_13 = cardInfo.issue_by) !== null && _13 !== void 0 ? _13 : error },
// {'field': 'Ngày hết hạn', 'value': card.expirationDate ?? error},
];
}
if (cardInfo.type.indexOf('BLX') > -1) {
return [
{ field: 'Số GPLX', value: (_14 = cardInfo.id) !== null && _14 !== void 0 ? _14 : error },
{ field: 'Họ tên', value: (_15 = cardInfo.name) !== null && _15 !== void 0 ? _15 : error },
{ field: 'Sinh ngày', value: (_16 = cardInfo.birthday) !== null && _16 !== void 0 ? _16 : error },
{ field: 'Quốc tịch', value: (_17 = cardInfo.nationality) !== null && _17 !== void 0 ? _17 : error },
{ field: 'Nơi cư trú', value: (_18 = cardInfo.address) !== null && _18 !== void 0 ? _18 : error },
{ field: 'Hạng', value: (_19 = cardInfo.licence_class) !== null && _19 !== void 0 ? _19 : error },
{ field: 'Ngày hết hạn', value: (_20 = cardInfo.expiry) !== null && _20 !== void 0 ? _20 : error },
{ field: 'Ngày cấp', value: (_21 = cardInfo.issue_date) !== null && _21 !== void 0 ? _21 : error },
{ field: 'Nơi cấp', value: (_22 = cardInfo.issue_by) !== null && _22 !== void 0 ? _22 : error },
];
}
if (cardInfo.type.indexOf('CMQD') > -1) {
return [
{ field: 'Số CMQD', value: (_23 = cardInfo.id) !== null && _23 !== void 0 ? _23 : error },
{ field: 'Họ tên', value: (_24 = cardInfo.name) !== null && _24 !== void 0 ? _24 : error },
{ field: 'Sinh ngày', value: (_25 = cardInfo.birthday) !== null && _25 !== void 0 ? _25 : error },
{ field: 'Giới tính', value: (_26 = cardInfo.sex) !== null && _26 !== void 0 ? _26 : error },
{ field: 'Nơi ĐKHKTT', value: (_27 = cardInfo.address) !== null && _27 !== void 0 ? _27 : error },
{ field: 'Ngày cấp', value: (_28 = cardInfo.issue_date) !== null && _28 !== void 0 ? _28 : error },
{ field: 'Nơi cấp', value: (_29 = cardInfo.issue_by) !== null && _29 !== void 0 ? _29 : error },
{ field: 'Nhóm máu', value: (_30 = cardInfo.type_blood) !== null && _30 !== void 0 ? _30 : error },
{ field: 'Chức vụ', value: (_31 = cardInfo.military_title) !== null && _31 !== void 0 ? _31 : error },
];
}
}
return [];
};
setInfoList(getInfoList());
}, [cardInfo]);
const itemInfoList = ({ item, index }) => {
return (React.createElement(View, { key: 'itemInfo_' + index, style: styles.itemInfoList },
React.createElement(View, { style: styles.itemInfoTitleContainer },
React.createElement(Text, { style: styles.itemInfoTitle }, item.field)),
React.createElement(View, { style: styles.itemInfoValueContainer },
React.createElement(Text, { style: styles.itemInfoValue }, item.value))));
};
return (React.createElement(FlatList, { style: styles.infoCardFlatlist, data: infoList, renderItem: ({ item, index }) => itemInfoList({ item, index }), ItemSeparatorComponent: () => React.createElement(SizedBox, { width: 0, height: 10 }) }));
};
const styles = StyleSheet.create({
infoCardFlatlist: {
// backgroundColor: 'white',
marginTop: 20,
},
itemInfoList: {
width: OS.WIDTH,
backgroundColor: 'white',
paddingVertical: 15,
paddingHorizontal: 15,
flexDirection: 'row',
},
itemInfoTitleContainer: { flex: 35 },
itemInfoValueContainer: { flex: 65 },
itemInfoTitle: { color: '#8f8e94', fontSize: 17, letterSpacing: -0.41 },
itemInfoValue: { color: 'black', fontSize: 17, letterSpacing: -0.41 },
});
//# sourceMappingURL=InfoCardFlatList.js.map