viettel-ekyc-sdk
Version:
82 lines • 3.48 kB
JavaScript
import React from 'react';
import { Image, StyleSheet, Switch, Text, TouchableOpacity, View, } from 'react-native';
import { cameraImage, libraryImage } from '../constants/assetsRequire';
import { OS } from '../constants/OS';
import { SizedBox } from './SizedBox';
export const ActionFaceFrame = ({ capture }) => {
return (React.createElement(TouchableOpacity, { onPress: () => {
capture();
}, style: styles.actionFaceFrameContainer },
React.createElement(Image, { style: styles.actionFrameCamera, source: cameraImage, resizeMode: 'contain' })));
};
export const ActionIdCardFrame = ({ capture, pickImage, toggleSwitch, isEnableSwitch, pickImageComponent, autoCaptureComponent, }) => {
return (React.createElement(View, { style: styles.actionIdCardFrameContainer },
React.createElement(View, { style: styles.container }, pickImageComponent || (React.createElement(TouchableOpacity, { onPress: () => {
pickImage();
}, style: styles.pickImageContainer },
React.createElement(Image, { style: styles.pickImageImage, source: libraryImage, resizeMode: 'contain' }),
React.createElement(SizedBox, { width: 0, height: 10 }),
React.createElement(Text, { style: styles.title }, "Th\u01B0 vi\u1EC7n \u1EA3nh")))),
React.createElement(TouchableOpacity, { onPress: () => {
capture();
}, style: styles.captureContainer },
React.createElement(Image, { style: styles.actionFrameCamera, source: cameraImage, resizeMode: 'contain' })),
React.createElement(View, { style: styles.container }, autoCaptureComponent || (React.createElement(View, { style: styles.autoCaptureContainer },
React.createElement(Switch, { trackColor: { false: '#767577', true: 'red' }, thumbColor: '#f4f3f4', ios_backgroundColor: '#3e3e3e', onValueChange: () => toggleSwitch(), value: isEnableSwitch }),
React.createElement(SizedBox, { width: 0, height: 10 }),
React.createElement(Text, { style: styles.title }, "Ch\u1EE5p t\u1EF1 \u0111\u1ED9ng"))))));
};
const styles = StyleSheet.create({
actionFaceFrameContainer: {
height: OS.HEIGHT / 5,
width: OS.WIDTH,
padding: 15,
flex: 1,
flexDirection: 'row',
alignContent: 'center',
alignItems: 'center',
backgroundColor: 'rgba(0, 0, 0, 0.1)',
},
actionIdCardFrameContainer: {
height: OS.HEIGHT / 5,
width: OS.WIDTH,
padding: 15,
flex: 1,
flexDirection: 'row',
alignContent: 'space-between',
alignItems: 'center',
justifyContent: 'center',
backgroundColor: 'rgba(0, 0, 0, 0.8)',
},
actionFrameCamera: {
flex: 1,
width: 85,
height: 85,
},
pickImageContainer: {
flex: 1,
alignItems: 'center',
alignContent: 'center',
justifyContent: 'center',
},
pickImageImage: {
height: 32,
width: 32,
},
title: { color: 'white', fontSize: 14 },
captureContainer: {
flex: 1,
alignItems: 'center',
alignContent: 'center',
justifyContent: 'center',
},
autoCaptureContainer: {
flex: 1,
flexDirection: 'column',
alignItems: 'center',
alignContent: 'center',
justifyContent: 'center',
},
container: { flex: 1 },
});
//# sourceMappingURL=actionFrame.js.map