viettel-ekyc-sdk
Version:
64 lines • 3.29 kB
JavaScript
import React from 'react';
import { Image, StyleSheet, Text, View } from 'react-native';
import { brightCardImage, faceCaptureImage, glassCaptureImage, handCoverCardImage, missingCornerImage, portraitCaptureImage, } from '../constants/assetsRequire';
import { HEIGHT_RATE } from '../constants/camera';
import { OS } from '../constants/OS';
import { SizedBox } from './SizedBox';
const WarningFaceFrameItem = ({ title, asset, height, }) => {
return (React.createElement(View, { style: styles.warningFrameItem },
React.createElement(Image, { style: styles.warningFrameItemImage, resizeMode: 'contain', source: asset }),
React.createElement(SizedBox, { width: 0, height: height }),
React.createElement(Text, { style: styles.warningFrameItemTitle }, title)));
};
export const WarningFaceFrame = () => {
return (React.createElement(View, { style: styles.warningFMFrame },
React.createElement(Text, { style: styles.warningFrameTitle }, "L\u01AFU \u00DD KHI CH\u1EE4P"),
React.createElement(SizedBox, { width: 0, height: 20 }),
React.createElement(View, { style: styles.warningFrameMain },
React.createElement(WarningFaceFrameItem, { title: 'Ch\u1EE5p c\u1EA3 khu\u00F4n m\u1EB7t', asset: faceCaptureImage, height: 20 }),
React.createElement(WarningFaceFrameItem, { title: 'Ch\u1EE5p ch\u00EDnh di\u1EC7n', asset: portraitCaptureImage, height: 20 }),
React.createElement(WarningFaceFrameItem, { title: 'Kh\u00F4ng \u0111eo k\u00EDnh', asset: glassCaptureImage, height: 20 }))));
};
export const WarningIdCardFrame = () => {
return (React.createElement(View, { style: styles.warningFMFrame },
React.createElement(Text, { style: styles.warningFrameTitle }, "C\u1EA6N TR\u00C1NH KHI CH\u1EE4P"),
React.createElement(SizedBox, { width: 0, height: 20 }),
React.createElement(View, { style: styles.warningFrameMain },
React.createElement(WarningFaceFrameItem, { title: 'Kh\u00F4ng \u0111\u1EC3 tay che', asset: handCoverCardImage, height: 10 }),
React.createElement(WarningFaceFrameItem, { title: 'Th\u1EBB kh\u00F4ng m\u1EA5t g\u00F3c', asset: missingCornerImage, height: 10 }),
React.createElement(WarningFaceFrameItem, { title: 'Kh\u00F4ng l\u00F3a s\u00E1ng', asset: brightCardImage, height: 10 }))));
};
const styles = StyleSheet.create({
warningFMFrame: {
width: OS.WIDTH - 15 * 2,
height: OS.HEIGHT / HEIGHT_RATE,
padding: 15,
backgroundColor: 'rgba(0, 0, 0, 0.6)',
borderRadius: 10,
flex: 1,
flexDirection: 'column',
alignItems: 'center',
alignContent: 'center',
},
warningFrameMain: {
flex: 1,
flexDirection: 'row',
alignContent: 'space-between',
alignItems: 'center',
width: OS.WIDTH - 15 * 2,
},
warningFrameItem: {
flex: 1,
flexDirection: 'column',
alignItems: 'center',
alignContent: 'center',
},
warningFrameTitle: { color: 'white', fontSize: 16 },
warningFrameItemTitle: {
color: '#d0d0d0',
fontSize: 12,
letterSpacing: -0.5,
},
warningFrameItemImage: { height: 60, width: 60 },
});
//# sourceMappingURL=WarningFrame.js.map