@tima2025/react-native-timalender 1.0.0

package/lib/commonjs/screens/EKYC/index.js.flow

@@ -0,0 +1,88 @@
+//@ts-nocheck
+/* eslint-disable react-native/no-inline-styles */
+import React, { useEffect, useState } from 'react';
+import { Dimensions, ScrollView } from 'react-native';
+import FastImage from 'react-native-fast-image';
+import EImages from '../../assets/images/EKYC';
+import AppHeader from '../../common/AppHeader';
+import BSubmit from '../../common/BSubmit/BSubmit';
+import Colors from '../../common/Colors';
+import Container from '../../common/Container';
+import { actuatedNormalize } from '../../common/Metrics';
+import RText from '../../common/RText';
+import Screens from '../../components/Navigation/Screens';
+import ModalGuide from './Components/ModalGuide';
+
+export const Ekyc = ({ navigation }: any) => {
+  const [openGuide, setOpenGuide] = useState(false);
+  const [photo, setPhoto] = useState(null);
+  const [base64, setBase64] = useState(null);
+
+  useEffect(() => {
+    setOpenGuide(true);
+  }, []);
+
+  const nextStep = async () => {
+    navigation.navigate(Screens.NationalIDBack);
+  };
+
+  const takePhoto = async () => {
+    navigation.push(Screens.Camera, {
+      front: false,
+      callback: (photo: React.SetStateAction<null>) => {
+        setPhoto(photo);
+      },
+      base64: (data: React.SetStateAction<null>) => {
+        setBase64(data);
+      },
+    });
+  };
+
+  return (
+    <Container style={{ backgroundColor: Colors.BLACK }}>
+      <AppHeader title="EKYC" backColor={Colors.BLACK} />
+      <ScrollView>
+        <RText
+          textStyle={{
+            fontSize: 16,
+            color: '#FFFFFF',
+            marginLeft: 8,
+            fontWeight: '700',
+            textAlign: 'center',
+          }}
+        >
+          Chụp CMND/ CCCD mặt trước
+        </RText>
+
+        <FastImage
+          source={photo ? { uri: photo } : EImages.national_id}
+          style={{
+            width: Dimensions.get('window').width - 32,
+            height: ((Dimensions.get('window').width - 32) * 216) / 360,
+            borderWidth: 8,
+            borderRadius: 6,
+            borderColor: '#FFFFFF',
+            marginTop: 16,
+            alignSelf: 'center',
+          }}
+        />
+      </ScrollView>
+      <BSubmit
+        text={'Chụp ảnh'}
+        buttonStyle={{
+          width: '90%',
+          marginBottom: actuatedNormalize(36),
+          alignSelf: 'center',
+        }}
+        onPress={takePhoto}
+      />
+      {/* <BSubmit
+          text={'Tiếp tục'}
+          disabled={!photo}
+          buttonStyle={{width: '45%'}}
+          onPress={nextStep}
+        /> */}
+      <ModalGuide isVisible={openGuide} onclose={() => setOpenGuide(false)} />
+    </Container>
+  );
+};

package/lib/commonjs/screens/EKYC/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeFastImage","_interopRequireDefault","_EKYC","_AppHeader","_BSubmit","_Colors","_Container","_Metrics","_RText","_Screens","_ModalGuide","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Ekyc","exports","_ref","navigation","_useState","useState","_useState2","_slicedToArray2","openGuide","setOpenGuide","_useState3","_useState4","photo","setPhoto","_useState5","_useState6","base64","setBase64","useEffect","nextStep","_ref2","_asyncToGenerator2","navigate","Screens","NationalIDBack","apply","arguments","takePhoto","_ref3","push","Camera","front","callback","data","jsxs","style","backgroundColor","Colors","BLACK","children","jsx","title","backColor","ScrollView","textStyle","fontSize","color","marginLeft","fontWeight","textAlign","source","uri","EImages","national_id","width","Dimensions","height","borderWidth","borderRadius","borderColor","marginTop","alignSelf","text","buttonStyle","marginBottom","actuatedNormalize","onPress","isVisible","onclose"],"sourceRoot":"../../../../src","sources":["screens/EKYC/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/screens/EkycLiveness/Components/PortalFrame.js

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.PortalFrame=void 0;var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/tima/Documents/Tima/timainvestor/src/screens/EkycLiveness/Components/PortalFrame.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var screenWidth=_reactNative.Dimensions.get('window').width;var frameWidth=screenWidth*0.9;var frameHeight=frameWidth;var borderWidth=3;var borderRadius=30;var PortalFrame=exports.PortalFrame=function PortalFrame(){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.frame,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{height:frameHeight,width:'15%'}}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{flex:1,justifyContent:'space-between'},children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.row,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.borderFrame,styles.borderTopLeft]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.borderFrame,styles.borderTopRight]})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.row,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.borderFrame,styles.borderBottomLeft]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.borderFrame,styles.borderBottomRight]})]})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{height:frameHeight,width:'15%'}})]});};var styles=_reactNative.StyleSheet.create({row:{flexDirection:'row',justifyContent:'space-between'},frame:{flexDirection:'row',width:screenWidth,position:'absolute',zIndex:3},borderFrame:{width:frameHeight/4,height:frameHeight/4,borderColor:'white'},borderTopRight:{borderRightWidth:borderWidth,borderTopWidth:borderWidth,borderTopEndRadius:borderRadius},borderTopLeft:{borderLeftWidth:borderWidth,borderTopWidth:borderWidth,borderTopStartRadius:borderRadius},borderBottomRight:{borderRightWidth:borderWidth,borderBottomWidth:borderWidth,borderBottomEndRadius:borderRadius},borderBottomLeft:{borderLeftWidth:borderWidth,borderBottomWidth:borderWidth,borderBottomStartRadius:borderRadius},containerButton:{width:screenWidth,flexDirection:'row',backgroundColor:'black',justifyContent:'space-around',alignItems:'center'},frameContainer:{width:screenWidth,height:'100%',zIndex:2,position:'absolute'}});
+//# sourceMappingURL=PortalFrame.js.map

package/lib/commonjs/screens/EkycLiveness/Components/PortalFrame.js.flow

@@ -0,0 +1,79 @@
+import * as React from 'react';
+import {Dimensions, StyleSheet, View} from 'react-native';
+
+const screenWidth = Dimensions.get('window').width;
+const frameWidth = screenWidth * 0.9;
+const frameHeight = frameWidth;
+const borderWidth = 3;
+const borderRadius = 30;
+
+export const PortalFrame = () => {
+  return (
+    <View style={styles.frame}>
+      <View style={{height: frameHeight, width: '15%'}} />
+      <View style={{flex: 1, justifyContent: 'space-between'}}>
+        <View style={styles.row}>
+          <View style={[styles.borderFrame, styles.borderTopLeft]}></View>
+          <View style={[styles.borderFrame, styles.borderTopRight]} />
+        </View>
+
+        <View style={styles.row}>
+          <View style={[styles.borderFrame, styles.borderBottomLeft]} />
+          <View style={[styles.borderFrame, styles.borderBottomRight]} />
+        </View>
+      </View>
+      <View style={{height: frameHeight, width: '15%'}} />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+  },
+  frame: {
+    flexDirection: 'row',
+    width: screenWidth,
+    position: 'absolute',
+    zIndex: 3,
+  },
+  borderFrame: {
+    width: frameHeight / 4,
+    height: frameHeight / 4,
+    borderColor: 'white',
+  },
+  borderTopRight: {
+    borderRightWidth: borderWidth,
+    borderTopWidth: borderWidth,
+    borderTopEndRadius: borderRadius,
+  },
+  borderTopLeft: {
+    borderLeftWidth: borderWidth,
+    borderTopWidth: borderWidth,
+    borderTopStartRadius: borderRadius,
+  },
+  borderBottomRight: {
+    borderRightWidth: borderWidth,
+    borderBottomWidth: borderWidth,
+    borderBottomEndRadius: borderRadius,
+  },
+  borderBottomLeft: {
+    borderLeftWidth: borderWidth,
+    borderBottomWidth: borderWidth,
+    borderBottomStartRadius: borderRadius,
+  },
+  containerButton: {
+    width: screenWidth,
+    flexDirection: 'row',
+    backgroundColor: 'black',
+    justifyContent: 'space-around',
+    alignItems: 'center',
+  },
+  frameContainer: {
+    width: screenWidth,
+    height: '100%',
+    zIndex: 2,
+    position: 'absolute',
+  },
+});

package/lib/commonjs/screens/EkycLiveness/Components/PortalFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","screenWidth","Dimensions","width","frameWidth","frameHeight","borderWidth","borderRadius","PortalFrame","exports","jsxs","View","style","styles","frame","children","jsx","height","flex","justifyContent","row","borderFrame","borderTopLeft","borderTopRight","borderBottomLeft","borderBottomRight","StyleSheet","create","flexDirection","position","zIndex","borderColor","borderRightWidth","borderTopWidth","borderTopEndRadius","borderLeftWidth","borderTopStartRadius","borderBottomWidth","borderBottomEndRadius","borderBottomStartRadius","containerButton","backgroundColor","alignItems","frameContainer"],"sourceRoot":"../../../../../src","sources":["screens/EkycLiveness/Components/PortalFrame.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/screens/EkycLiveness/Components/RecordingGuildStep.js

@@ -0,0 +1,2 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.RecordingGuildStep=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Colors=_interopRequireDefault(require("../../../common/Colors"));var _Metrics=require("../../../common/Metrics");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/tima/Documents/Tima/timainvestor/src/screens/EkycLiveness/Components/RecordingGuildStep.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var deviceWidth=_reactNative.Dimensions.get('window').width;var title='Cách thiết lập';var RecordingGuildStep=exports.RecordingGuildStep=React.memo(function(props){var step=props.step,onNextStep=props.onNextStep,stepName=props.stepName;var _React$useState=React.useState(false),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),isStart=_React$useState2[0],setStart=_React$useState2[1];var renderLabel=React.useMemo(function(){switch(stepName){case'intro':return'Định vị khuôn mặt của bạn trong khung hình camera. Sau đó làm theo từng bước theo hướng dẫn (gật đầu, xoay đầu, chớp mắt và đóng mở miệng), mỗi bước sẽ có 5 giây thực hiện';case'pitch_head':return'Vui lòng gật đầu';case'eyes':return'Vui lòng chớp mắt';case'yaw_head':return'Vui lòng xoay đầu hai bên';case'mouth':return'Vui lòng đóng mở miệng';default:return'';}},[step]);var onPress=React.useCallback(function(){if(step!==0){setStart(true);}onNextStep();setTimeout(function(){setStart(false);},5000);},[step]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{alignItems:'center'},children:[step==0&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.title,children:title}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.lable,children:renderLabel})]}),step==0?(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:onPress,style:{backgroundColor:_Colors.default.ORANGE,paddingVertical:(0,_Metrics.actuatedNormalize)(12),paddingHorizontal:(0,_Metrics.actuatedNormalize)(16),borderRadius:8,marginTop:(0,_Metrics.actuatedNormalize)(8)},children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:_Colors.default.WHITE},children:"B\u1EAFt \u0111\u1EA7u"})}):(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{disabled:isStart,onPress:onPress,style:{width:(0,_Metrics.actuatedNormalize)(60),height:(0,_Metrics.actuatedNormalize)(60),borderRadius:(0,_Metrics.actuatedNormalize)(40),borderColor:isStart?_Colors.default.BLACK:_Colors.default.WHITE,borderWidth:2,backgroundColor:isStart?_Colors.default.BLACK:_Colors.default.RED,marginTop:(0,_Metrics.actuatedNormalize)(8)}})]});});var styles=_reactNative.StyleSheet.create({lable:{fontSize:15,color:'white',fontWeight:'normal',maxWidth:'90%',textAlign:'center'},container:{width:deviceWidth,alignItems:'center',paddingVertical:16,justifyContent:'space-between'},title:{fontSize:16,fontWeight:'bold',color:'white',maxWidth:'75%'},textButton:{fontSize:16,fontWeight:'bold',color:'black'},textCountDown:{fontSize:30,fontWeight:'bold',color:'white',lineHeight:34},borderTextCountDown:{width:50,height:50,borderRadius:25,borderWidth:2,backgroundColor:'white',alignItems:'center',justifyContent:'center'}});
+//# sourceMappingURL=RecordingGuildStep.js.map

package/lib/commonjs/screens/EkycLiveness/Components/RecordingGuildStep.js.flow

@@ -0,0 +1,140 @@
+/* eslint-disable react-native/no-inline-styles */
+import * as React from 'react';
+import {
+  Dimensions,
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  View,
+} from 'react-native';
+import Colors from '../../../common/Colors';
+import { actuatedNormalize } from '../../../common/Metrics';
+
+export interface RecordingGuildStepProps {
+  step: number;
+  stepName: 'intro' | 'pitch_head' | 'yaw_head' | 'eyes' | 'mouth';
+  onNextStep: () => void;
+}
+const deviceWidth = Dimensions.get('window').width;
+const title = 'Cách thiết lập';
+export const RecordingGuildStep: React.FC<RecordingGuildStepProps> = React.memo(
+  (props) => {
+    const { step, onNextStep, stepName } = props;
+    const [isStart, setStart] = React.useState(false);
+    // const countdown = useCountDown(isStart ? 5 : 0);
+
+    const renderLabel = React.useMemo(() => {
+      switch (stepName) {
+        case 'intro':
+          return 'Định vị khuôn mặt của bạn trong khung hình camera. Sau đó làm theo từng bước theo hướng dẫn (gật đầu, xoay đầu, chớp mắt và đóng mở miệng), mỗi bước sẽ có 5 giây thực hiện';
+        case 'pitch_head':
+          return 'Vui lòng gật đầu';
+        case 'eyes':
+          return 'Vui lòng chớp mắt';
+        case 'yaw_head':
+          return 'Vui lòng xoay đầu hai bên';
+        case 'mouth':
+          return 'Vui lòng đóng mở miệng';
+        default:
+          return '';
+      }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [step]);
+
+    const onPress = React.useCallback(() => {
+      if (step !== 0) {
+        setStart(true);
+      }
+      onNextStep();
+      setTimeout(() => {
+        setStart(false);
+      }, 5000);
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [step]);
+
+    return (
+      <View style={styles.container}>
+        <View style={{ alignItems: 'center' }}>
+          {step == 0 && <Text style={styles.title}>{title}</Text>}
+          <Text style={styles.lable}>{renderLabel}</Text>
+        </View>
+        {step == 0 ? (
+          <TouchableOpacity
+            onPress={onPress}
+            style={{
+              backgroundColor: Colors.ORANGE,
+              paddingVertical: actuatedNormalize(12),
+              paddingHorizontal: actuatedNormalize(16),
+              borderRadius: 8,
+              marginTop: actuatedNormalize(8),
+            }}
+          >
+            <Text
+              style={{
+                color: Colors.WHITE,
+              }}
+            >
+              Bắt đầu
+            </Text>
+          </TouchableOpacity>
+        ) : (
+          <TouchableOpacity
+            disabled={isStart}
+            onPress={onPress}
+            style={{
+              width: actuatedNormalize(60),
+              height: actuatedNormalize(60),
+              borderRadius: actuatedNormalize(40),
+              borderColor: isStart ? Colors.BLACK : Colors.WHITE,
+              borderWidth: 2,
+              backgroundColor: isStart ? Colors.BLACK : Colors.RED,
+              marginTop: actuatedNormalize(8),
+            }}
+          />
+        )}
+      </View>
+    );
+  }
+);
+
+const styles = StyleSheet.create({
+  lable: {
+    fontSize: 15,
+    color: 'white',
+    fontWeight: 'normal',
+    maxWidth: '90%',
+    textAlign: 'center',
+  },
+  container: {
+    width: deviceWidth,
+    alignItems: 'center',
+    paddingVertical: 16,
+    justifyContent: 'space-between',
+  },
+  title: {
+    fontSize: 16,
+    fontWeight: 'bold',
+    color: 'white',
+    maxWidth: '75%',
+  },
+  textButton: {
+    fontSize: 16,
+    fontWeight: 'bold',
+    color: 'black',
+  },
+  textCountDown: {
+    fontSize: 30,
+    fontWeight: 'bold',
+    color: 'white',
+    lineHeight: 34,
+  },
+  borderTextCountDown: {
+    width: 50,
+    height: 50,
+    borderRadius: 25,
+    borderWidth: 2,
+    backgroundColor: 'white',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});

package/lib/commonjs/screens/EkycLiveness/Components/RecordingGuildStep.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_Colors","_interopRequireDefault","_Metrics","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","deviceWidth","Dimensions","width","title","RecordingGuildStep","exports","memo","props","step","onNextStep","stepName","_React$useState","useState","_React$useState2","_slicedToArray2","isStart","setStart","renderLabel","useMemo","onPress","useCallback","setTimeout","jsxs","View","style","styles","container","children","alignItems","jsx","Text","lable","TouchableOpacity","backgroundColor","Colors","ORANGE","paddingVertical","actuatedNormalize","paddingHorizontal","borderRadius","marginTop","color","WHITE","disabled","height","borderColor","BLACK","borderWidth","RED","StyleSheet","create","fontSize","fontWeight","maxWidth","textAlign","justifyContent","textButton","textCountDown","lineHeight","borderTextCountDown"],"sourceRoot":"../../../../../src","sources":["screens/EkycLiveness/Components/RecordingGuildStep.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/screens/EkycLiveness/EkycCamera.js

@@ -0,0 +1,2 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.EkycCamera=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _axios=_interopRequireDefault(require("axios"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeCamera=require("react-native-camera");var _reactRedux=require("react-redux");var _AppHeader=_interopRequireDefault(require("../../common/AppHeader"));var _Colors=_interopRequireDefault(require("../../common/Colors"));var _Container=_interopRequireDefault(require("../../common/Container"));var _Loading=_interopRequireDefault(require("../../common/Loading"));var _RText=_interopRequireDefault(require("../../common/RText"));var _Screens=_interopRequireDefault(require("../../components/Navigation/Screens"));var _selector=require("../../components/Redux/selector");var _ModalSuccess=_interopRequireDefault(require("../Camera/ModalSuccess"));var _ModalGuiDeSelfie=_interopRequireDefault(require("../EKYC/Components/ModalGuiDeSelfie"));var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/tima/Documents/Tima/timainvestor/src/screens/EkycLiveness/EkycCamera.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var EkycCamera=exports.EkycCamera=function EkycCamera(_ref){var navigation=_ref.navigation;var userData=(0,_reactRedux.useSelector)(_selector.userInfor);var _useState=(0,_react.useState)(null),_useState2=(0,_slicedToArray2.default)(_useState,2),photo=_useState2[0],setPhoto=_useState2[1];var _useState3=(0,_react.useState)(true),_useState4=(0,_slicedToArray2.default)(_useState3,2),openGuide=_useState4[0],setOpenGuide=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),modalSuccess=_useState6[0],setModalSuccess=_useState6[1];var _useState7=(0,_react.useState)(false),_useState8=(0,_slicedToArray2.default)(_useState7,2),loading=_useState8[0],setLoading=_useState8[1];var _useState9=(0,_react.useState)(false),_useState10=(0,_slicedToArray2.default)(_useState9,2),cameraBack=_useState10[0],setCameraBack=_useState10[1];var myCamera=(0,_react.useRef)(null);var nextStep=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(){var _myCamera$current;var options={width:720,base64:true,pauseAfterCapture:true,fixOrientation:false,forceUpOrientation:false,orientation:_reactNativeCamera.RNCamera.Constants.Orientation.portrait};var data=yield myCamera==null?void 0:(_myCamera$current=myCamera.current)==null?void 0:_myCamera$current.takePictureAsync(options);console.log('data',data.uri);var form=new FormData();form.append('selfie',{uri:data==null?void 0:data.uri,type:'image/jpg',name:'image.jpg'});yield(0,_axios.default)({method:'POST',baseURL:'https://apidevlos.tima.vn/api/v1.0/timacare/crm_compare_selfie_and_nationalcard',data:form,headers:{'Content-Type':'multipart/form-data','Accept':'application/json','Authorization':userData==null?void 0:userData.accessToken}}).then(function(){var _ref3=(0,_asyncToGenerator2.default)(function*(res){var _res$data;console.log('res----',res);var data=res==null?void 0:(_res$data=res.data)==null?void 0:_res$data.data;});return function(_x){return _ref3.apply(this,arguments);};}()).catch(function(err){return console.log(err);});});return function nextStep(){return _ref2.apply(this,arguments);};}();return(0,_jsxRuntime.jsxs)(_Container.default,{style:{backgroundColor:_Colors.default.BLACK},children:[(0,_jsxRuntime.jsx)(_AppHeader.default,{title:"Ch\u1EE5p \u1EA3nh khu\xF4n m\u1EB7t",backColor:_Colors.default.BLACK}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{position:'absolute',width:_reactNative.Dimensions.get('window').width,height:_reactNative.Dimensions.get('window').height,flex:1,alignItems:'center',justifyContent:'center'}],children:(0,_jsxRuntime.jsx)(_reactNativeCamera.RNCamera,{ref:myCamera,defaultVideoQuality:_reactNativeCamera.RNCamera.Constants.VideoQuality['720p'],style:{width:_reactNative.Dimensions.get('window').width,height:_reactNative.Dimensions.get('window').width*4/3.1},type:_reactNativeCamera.RNCamera.Constants.Type.front,flashMode:_reactNativeCamera.RNCamera.Constants.FlashMode.off,children:function children(_ref4){var camera=_ref4.camera,status=_ref4.status,recordAudioPermissionStatus=_ref4.recordAudioPermissionStatus;if(status!=='READY'){return(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{});}}})}),(0,_jsxRuntime.jsxs)(_reactNative.SafeAreaView,{style:[{position:'absolute',width:'100%',height:'100%',flex:1}],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{flex:1}}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{flex:0,justifyContent:'center',position:'absolute',bottom:0,width:'100%'},children:[(0,_jsxRuntime.jsxs)(_RText.default,{style:[{color:'white',textAlign:'center',backgroundColor:'#00000099',paddingVertical:12}],children:["Xin vui l\xF2ng nh\xECn th\u1EB3ng, khu\xF4n m\u1EB7t \u1EDF trong",'\n',"khung h\xECnh, \xE1nh s\xE1ng \u0111\u1EE7 r\xF5 n\xE9t khu\xF4n m\u1EB7t"]}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:function onPress(){return nextStep();},style:[{flex:0,borderRadius:64/2,width:64,height:64,borderWidth:5,backgroundColor:_Colors.default.WHITE,borderColor:'grey',paddingHorizontal:20,alignSelf:'center',margin:24,justifyContent:'center',alignItems:'center'}]})]})]}),(0,_jsxRuntime.jsx)(_ModalGuiDeSelfie.default,{isVisible:openGuide,onclose:function onclose(){return setOpenGuide(false);}}),(0,_jsxRuntime.jsx)(_ModalSuccess.default,{isVisible:modalSuccess,onclose:function onclose(){setModalSuccess(false);navigation.replace(_Screens.default.MainTab);}}),loading?(0,_jsxRuntime.jsx)(_Loading.default,{}):(0,_jsxRuntime.jsx)(_reactNative.View,{})]});};
+//# sourceMappingURL=EkycCamera.js.map

package/lib/commonjs/screens/EkycLiveness/EkycCamera.js.flow

@@ -0,0 +1,184 @@
+//@ts-nocheck
+/* eslint-disable react-native/no-inline-styles */
+import axios from 'axios';
+import React, { useRef, useState } from 'react';
+import {
+  ActivityIndicator,
+  Dimensions,
+  SafeAreaView,
+  TouchableOpacity,
+  View,
+} from 'react-native';
+import { RNCamera } from 'react-native-camera';
+import { useSelector } from 'react-redux';
+import AppHeader from '../../common/AppHeader';
+import Colors from '../../common/Colors';
+import Container from '../../common/Container';
+import Loading from '../../common/Loading';
+import RText from '../../common/RText';
+import Screens from '../../components/Navigation/Screens';
+import { userInfor } from '../../components/Redux/selector';
+import ModalSuccess from '../Camera/ModalSuccess';
+import ModalGuideSelfie from '../EKYC/Components/ModalGuiDeSelfie';
+
+export const EkycCamera = ({ navigation }) => {
+  const userData = useSelector(userInfor);
+  const [photo, setPhoto] = useState(null);
+  const [openGuide, setOpenGuide] = useState(true);
+  const [modalSuccess, setModalSuccess] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [cameraBack, setCameraBack] = useState(false);
+
+  const myCamera = useRef<any>(null);
+
+  const nextStep = async () => {
+    const options = {
+      width: 720,
+      base64: true,
+      pauseAfterCapture: true,
+      fixOrientation: false,
+      forceUpOrientation: false,
+      orientation: RNCamera.Constants.Orientation.portrait,
+    };
+    const data = await myCamera?.current?.takePictureAsync(options);
+    console.log('data', data.uri);
+    const form: any = new FormData();
+    form.append('selfie', {
+      uri: data?.uri,
+      type: 'image/jpg',
+      name: 'image.jpg',
+    });
+
+    await axios({
+      method: 'POST',
+      baseURL:
+        'https://apidevlos.tima.vn/api/v1.0/timacare/crm_compare_selfie_and_nationalcard',
+      data: form,
+      headers: {
+        'Content-Type': 'multipart/form-data',
+        'Accept': 'application/json',
+        'Authorization': userData?.accessToken,
+      },
+    })
+      .then(async (res) => {
+        console.log('res----', res);
+        const data = res?.data?.data;
+        // if (res.data.meta.errorCode !== 200) {
+        //   WToastShowError(res?.data?.meta?.errorMessage);
+        //   navigation.navigate(Screens.EkycLiveness);
+        // } else {
+
+        // }
+      })
+      .catch((err) => console.log(err));
+  };
+  return (
+    <Container style={{ backgroundColor: Colors.BLACK }}>
+      <AppHeader title="Chụp ảnh khuôn mặt" backColor={Colors.BLACK} />
+      <View
+        style={[
+          {
+            position: 'absolute',
+            width: Dimensions.get('window').width,
+            height: Dimensions.get('window').height,
+            flex: 1,
+            alignItems: 'center',
+            justifyContent: 'center',
+          },
+        ]}
+      >
+        {/* <TouchableOpacity
+          onPress={() => setCameraBack(!cameraBack)}
+          style={{
+            alignSelf: 'flex-end',
+            marginBottom: actuatedNormalize(16),
+            marginRight: actuatedNormalize(16),
+            alignItems: 'center',
+          }}>
+          <RText textStyle={{color: Colors.WHITE}}>Xoay camera</RText>
+          <Icon name="repeat" color={Colors.WHITE} size={24} />
+        </TouchableOpacity> */}
+        <RNCamera
+          ref={myCamera}
+          defaultVideoQuality={RNCamera.Constants.VideoQuality['720p']}
+          style={{
+            width: Dimensions.get('window').width,
+            height: (Dimensions.get('window').width * 4) / 3.1,
+          }}
+          type={RNCamera.Constants.Type.front}
+          flashMode={RNCamera.Constants.FlashMode.off}
+          // onFacesDetected={handlerFace}
+        >
+          {({ camera, status, recordAudioPermissionStatus }) => {
+            if (status !== 'READY') {
+              return <ActivityIndicator />;
+            }
+          }}
+        </RNCamera>
+      </View>
+
+      <SafeAreaView
+        style={[
+          { position: 'absolute', width: '100%', height: '100%', flex: 1 },
+        ]}
+      >
+        <View style={{ flex: 1 }} />
+        <View
+          style={{
+            flex: 0,
+            justifyContent: 'center',
+            position: 'absolute',
+            bottom: 0,
+            width: '100%',
+          }}
+        >
+          <RText
+            style={[
+              {
+                color: 'white',
+                textAlign: 'center',
+                backgroundColor: '#00000099',
+                paddingVertical: 12,
+              },
+            ]}
+          >
+            Xin vui lòng nhìn thẳng, khuôn mặt ở trong{'\n'}khung hình, ánh sáng
+            đủ rõ nét khuôn mặt
+          </RText>
+
+          <TouchableOpacity
+            onPress={() => nextStep()}
+            style={[
+              {
+                flex: 0,
+                borderRadius: 64 / 2,
+                width: 64,
+                height: 64,
+                borderWidth: 5,
+                backgroundColor: Colors.WHITE,
+                borderColor: 'grey',
+                paddingHorizontal: 20,
+                alignSelf: 'center',
+                margin: 24,
+                justifyContent: 'center',
+                alignItems: 'center',
+              },
+            ]}
+          />
+        </View>
+      </SafeAreaView>
+      <ModalGuideSelfie
+        isVisible={openGuide}
+        onclose={() => setOpenGuide(false)}
+      />
+      <ModalSuccess
+        isVisible={modalSuccess}
+        onclose={() => {
+          setModalSuccess(false);
+          navigation.replace(Screens.MainTab);
+        }}
+      />
+      {loading ? <Loading /> : <View />}
+    </Container>
+  );
+};

package/lib/commonjs/screens/EkycLiveness/EkycCamera.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_axios","_interopRequireDefault","require","_react","_interopRequireWildcard","_reactNative","_reactNativeCamera","_reactRedux","_AppHeader","_Colors","_Container","_Loading","_RText","_Screens","_selector","_ModalSuccess","_ModalGuiDeSelfie","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","EkycCamera","exports","_ref","navigation","userData","useSelector","userInfor","_useState","useState","_useState2","_slicedToArray2","photo","setPhoto","_useState3","_useState4","openGuide","setOpenGuide","_useState5","_useState6","modalSuccess","setModalSuccess","_useState7","_useState8","loading","setLoading","_useState9","_useState10","cameraBack","setCameraBack","myCamera","useRef","nextStep","_ref2","_asyncToGenerator2","_myCamera$current","options","width","base64","pauseAfterCapture","fixOrientation","forceUpOrientation","orientation","RNCamera","Constants","Orientation","portrait","data","current","takePictureAsync","console","log","uri","form","FormData","append","type","name","axios","method","baseURL","headers","accessToken","then","_ref3","res","_res$data","_x","apply","arguments","catch","err","jsxs","style","backgroundColor","Colors","BLACK","children","jsx","title","backColor","View","position","Dimensions","height","flex","alignItems","justifyContent","ref","defaultVideoQuality","VideoQuality","Type","front","flashMode","FlashMode","off","_ref4","camera","status","recordAudioPermissionStatus","ActivityIndicator","SafeAreaView","bottom","color","textAlign","paddingVertical","TouchableOpacity","onPress","borderRadius","borderWidth","WHITE","borderColor","paddingHorizontal","alignSelf","margin","isVisible","onclose","replace","Screens","MainTab"],"sourceRoot":"../../../../src","sources":["screens/EkycLiveness/EkycCamera.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/screens/EkycLiveness/index.js

@@ -0,0 +1,2 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _native=require("@react-navigation/native");var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeCreateThumbnail=require("react-native-create-thumbnail");var _reactNativeFlashMessage=require("react-native-flash-message");var _reactNativeFs=_interopRequireWildcard(require("react-native-fs"));var _reactNativeVisionCamera=require("react-native-vision-camera");var _reactRedux=require("react-redux");var _Colors=_interopRequireDefault(require("../../common/Colors"));var _Loading=_interopRequireDefault(require("../../common/Loading"));var _Metrics=require("../../common/Metrics");var _userSlice=require("../../components/Features/user/userSlice");var _Screens=_interopRequireDefault(require("../../components/Navigation/Screens"));var _selector=require("../../components/Redux/selector");var _store=require("../../components/Redux/store");var _PortalFrame=require("./Components/PortalFrame");var _RecordingGuildStep=require("./Components/RecordingGuildStep");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/tima/Documents/Tima/timainvestor/src/screens/EkycLiveness/index.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var deviceWidth=_reactNative.Dimensions.get('window').width;var frameWidth=_reactNative.Dimensions.get('window').width*0.8;var frameHeight=frameWidth;var dataAction=['pitch_head','yaw_head','eyes','mouth'];var durationTime=_reactNative.Platform.OS==='ios'?4200:5000;var EkycLiveness=function EkycLiveness(_ref){var _route$params;var navigation=_ref.navigation,route=_ref.route;var reference_id=route==null?void 0:(_route$params=route.params)==null?void 0:_route$params.reference_id;var camera=(0,_react.useRef)(null);var devices=(0,_reactNativeVisionCamera.useCameraDevices)('wide-angle-camera');var device=devices.front;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),hasPermission=_useState2[0],setHasPermission=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2.default)(_useState3,2),isLoading=_useState4[0],setLoading=_useState4[1];var _useState5=(0,_react.useState)(['intro']),_useState6=(0,_slicedToArray2.default)(_useState5,2),listStep=_useState6[0],setListStep=_useState6[1];var interestRef=(0,_react.useRef)(null);var user_Infor=(0,_reactRedux.useSelector)(_selector.userInfor);var dispatch=(0,_store.useAppDispatch)();var isFocused=(0,_native.useIsFocused)();(0,_react.useEffect)(function(){(0,_asyncToGenerator2.default)(function*(){var status=yield _reactNativeVisionCamera.Camera.requestCameraPermission();setHasPermission(status==='authorized');})();setListStep([].concat((0,_toConsumableArray2.default)(listStep),[dataAction[Math.floor(Math.random()*4)],dataAction[Math.floor(Math.random()*4)],dataAction[Math.floor(Math.random()*4)]]));},[]);var extractFramesFromVideo=function(){var _ref3=(0,_asyncToGenerator2.default)(function*(videoPath,duration,interval){var thumbnails=[];var numFrames=Math.floor(duration/interval);for(var i=0;i<numFrames;i++){var time=i*interval;try{var result=yield(0,_reactNativeCreateThumbnail.createThumbnail)({url:videoPath,timeStamp:time});console.log("Thumbnail at "+time+"ms: ",result.path);thumbnails.push(result.path);}catch(err){console.warn("Failed at "+time+"ms",err);}}return thumbnails;});return function extractFramesFromVideo(_x,_x2,_x3){return _ref3.apply(this,arguments);};}();var onConfirm=function(){var _ref4=(0,_asyncToGenerator2.default)(function*(data){console.log('data',data);var time=new Date().getTime();var template=_reactNativeFs.CachesDirectoryPath+'/'+time;var output=template+'_img_%04d.jpg';console.log('template',template);var interval=500;var paths=yield extractFramesFromVideo(data.path,parseInt(data.duration)*1000,interval);var listImage=[];var listFloatArray=[];for(var path of paths){try{var base64=yield _reactNativeFs.default.readFile(path,'base64');listImage.push(base64);}catch(err){console.warn('Read base64 error:',err);}}var params={phone:'0982515705',files:listImage};dispatch((0,_userSlice.compare_liveness_cif)(params)).then(function(res1){var _res1$payload,_res1$payload$data;console.log('res compare----',res1);setLoading(false);if((res1==null?void 0:(_res1$payload=res1.payload)==null?void 0:(_res1$payload$data=_res1$payload.data)==null?void 0:_res1$payload$data.meta.errorCode)!==200){var _res1$payload2,_res1$payload2$data,_res1$payload2$data$m;console.log('-=-=-=-=-=');(0,_reactNativeFlashMessage.showMessage)({message:'Thông báo',description:res1==null?void 0:(_res1$payload2=res1.payload)==null?void 0:(_res1$payload2$data=_res1$payload2.data)==null?void 0:(_res1$payload2$data$m=_res1$payload2$data.meta)==null?void 0:_res1$payload2$data$m.errorMessage,type:'danger',icon:'warning',backgroundColor:_Colors.default.DANGER});navigation.navigate(_Screens.default.Optional);}else{console.log('------');navigation.navigate(_Screens.default.ConfirmContract,{data:reference_id});}}).catch(function(err){(0,_reactNativeFlashMessage.showMessage)({message:'Thông báo thất bại',description:'Có lỗi xảy ra,vui lòng thử lại sau',type:'danger',icon:'warning',backgroundColor:_Colors.default.DANGER});navigation.navigate(_Screens.default.Optional);setLoading(false);}).finally(function(){setLoading(false);});});return function onConfirm(_x4){return _ref4.apply(this,arguments);};}();var uploadFile=function(){var _ref5=(0,_asyncToGenerator2.default)(function*(temp){setLoading(true);console.log('----uploadFile!!!: ',temp);var listImage=[];for(var i=1;i<=20;i++){var file='file://'+temp+("_img_"+('000'+i).slice(-4)+".jpg");console.log('file ',file);try{var imgBase64=yield _reactNativeFs.default.readFile(file,'base64');listImage.push(imgBase64);}catch(error){console.log('error file: ',error);}console.log('------');}var params={phone:'0982515705',files:listImage};dispatch((0,_userSlice.compare_liveness_cif)(params)).then(function(res1){var _res1$payload3,_res1$payload3$data;console.log('res compare----',res1);setLoading(false);if((res1==null?void 0:(_res1$payload3=res1.payload)==null?void 0:(_res1$payload3$data=_res1$payload3.data)==null?void 0:_res1$payload3$data.meta.errorCode)!==200){var _res1$payload4,_res1$payload4$data,_res1$payload4$data$m;(0,_reactNativeFlashMessage.showMessage)({message:'Thông báo',description:res1==null?void 0:(_res1$payload4=res1.payload)==null?void 0:(_res1$payload4$data=_res1$payload4.data)==null?void 0:(_res1$payload4$data$m=_res1$payload4$data.meta)==null?void 0:_res1$payload4$data$m.errorMessage,type:'danger',icon:'warning',backgroundColor:_Colors.default.DANGER});navigation.navigate(_Screens.default.Optional);}else{navigation.navigate(_Screens.default.ConfirmContract,{data:reference_id});}}).catch(function(err){(0,_reactNativeFlashMessage.showMessage)({message:'Thông báo',description:'Có lỗi xảy ra,vui lòng thử lại sau',type:'danger',icon:'warning',backgroundColor:_Colors.default.DANGER});navigation.navigate(_Screens.default.Optional);setLoading(false);}).finally(function(){setLoading(false);});});return function uploadFile(_x5){return _ref5.apply(this,arguments);};}();var onRecording=function(){var _ref6=(0,_asyncToGenerator2.default)(function*(){console.log('onRecording');console.log('camera.current: ',camera.current);if(camera.current){console.log('test');camera.current.startRecording({videoCodec:'h264',fileType:'mp4',flash:'off',onRecordingFinished:function onRecordingFinished(video){console.log('video: ',video);onConfirm(video);},onRecordingError:function onRecordingError(error){return((0,_reactNativeFlashMessage.showMessage)({message:'Thông báo lỗi',description:'Lỗi không quay được. Hãy thử lại',type:'danger',icon:'warning',backgroundColor:_Colors.default.DANGER}));}});console.log('---pass start recording!!!');setTimeout((0,_asyncToGenerator2.default)(function*(){if(camera.current){camera.current.pauseRecording();if(interestRef.current){interestRef==null?void 0:interestRef.current.scrollTo({animated:true,x:2*deviceWidth});}}}),durationTime);}});return function onRecording(){return _ref6.apply(this,arguments);};}();var onContinueRecording=function(){var _ref8=(0,_asyncToGenerator2.default)(function*(isFinish,step){console.log('ahihi',step);if(camera.current){camera.current.resumeRecording();setTimeout((0,_asyncToGenerator2.default)(function*(){if(camera.current){if(isFinish){setLoading(true);camera.current.stopRecording();}else{camera.current.pauseRecording();if(interestRef.current){interestRef==null?void 0:interestRef.current.scrollTo({animated:true,x:(step+1)*deviceWidth});}}}}),durationTime);}});return function onContinueRecording(_x6,_x7){return _ref8.apply(this,arguments);};}();var _onNextStep=function onNextStep(index){switch(index){case 0:if(interestRef.current){interestRef==null?void 0:interestRef.current.scrollTo({animated:true,x:deviceWidth});}break;case 1:onRecording();break;case 2:onContinueRecording(false,2);break;case 3:onContinueRecording(true,3);break;default:break;}};if(device==null){return(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{size:20,color:'red'});}return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{width:deviceWidth},children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:deviceWidth,height:'100%',justifyContent:'center',alignItems:'center'},children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.frameContainer,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{flex:1,justifyContent:'center'},children:[(0,_jsxRuntime.jsx)(_PortalFrame.PortalFrame,{}),device!=null&&hasPermission?(0,_jsxRuntime.jsx)(_reactNativeVisionCamera.Camera,{fps:60,ref:camera,style:{flex:1,zIndex:1},device:device,isActive:isFocused&&hasPermission,video:true}):null]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.container,children:(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{nestedScrollEnabled:true,ref:interestRef,style:{width:deviceWidth},horizontal:true,pagingEnabled:true,snapToInterval:deviceWidth,scrollEventThrottle:16,scrollEnabled:false,bounces:true,showsHorizontalScrollIndicator:false,children:listStep.map(function(item,index){return(0,_jsxRuntime.jsx)(_RecordingGuildStep.RecordingGuildStep,{stepName:item,step:index,onNextStep:function onNextStep(){return _onNextStep(index);}},index.toString());})})})]})}),isLoading&&(0,_jsxRuntime.jsx)(_Loading.default,{})]});};var styles=_reactNative.StyleSheet.create({container:{width:deviceWidth,backgroundColor:'black',justifyContent:'flex-end',paddingVertical:(0,_Metrics.actuatedNormalize)(16),alignItems:'center'},lable:{fontSize:15,color:'white',fontWeight:'normal',maxWidth:'80%',textAlign:'center'},title:{fontSize:16,fontWeight:'bold',color:'white',maxWidth:'75%'},textButton:{fontSize:16,fontWeight:'bold',color:'black'},borderFrame:{width:frameWidth/4,height:frameWidth/4,borderColor:'white'},frameContainer:{width:deviceWidth,height:'100%',borderRadius:50,zIndex:2,position:'absolute'},frame:{flexDirection:'row',width:deviceWidth,height:frameHeight,zIndex:3,position:'absolute'},video:{position:'absolute',top:0,left:0,bottom:0,right:0}});var _default=exports.default=EkycLiveness;
+//# sourceMappingURL=index.js.map