@tima2025/react-native-timalender 1.0.0

package/lib/commonjs/screens/Camera/Screens/CameraFrontBack.js.flow

@@ -0,0 +1,140 @@
+//@ts-nocheck
+/* eslint-disable react-native/no-inline-styles */
+import React, { useRef, useState } from 'react';
+import {
+  ActivityIndicator,
+  Dimensions,
+  SafeAreaView,
+  TouchableOpacity,
+  View,
+} from 'react-native';
+import { RNCamera } from 'react-native-camera';
+import AppHeader from '../../../common/AppHeader';
+import ButtonIcon from '../../../common/ButtonIcon';
+import Colors from '../../../common/Colors';
+import Container from '../../../common/Container';
+import Loading from '../../../common/Loading';
+import { actuatedNormalize } from '../../../common/Metrics';
+import RText from '../../../common/RText';
+import Screens from '../../../components/Navigation/Screens';
+
+export const CameraFrontBack = (props: any) => {
+  const navigation = props?.navigation;
+  const cardFront = props?.route?.params?.cardFront;
+  const [taking, setTaking] = useState(false);
+
+  const myCamera = useRef<any>(null);
+
+  const takePhoto = async () => {
+    setTaking(true);
+    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);
+    setTaking(false);
+
+    navigation.push(Screens.CameraBackResult, {
+      cardFront: cardFront,
+      cardFrontBack: data?.uri,
+    });
+  };
+
+  return (
+    <Container style={{ backgroundColor: Colors.BLACK }}>
+      <AppHeader title="Chụp CCCD mặt sau" backColor={Colors.BLACK} />
+      <View
+        style={[
+          {
+            position: 'absolute',
+            width: Dimensions.get('window').width,
+            height: Dimensions.get('window').height,
+            flex: 1,
+            alignItems: 'center',
+            justifyContent: 'center',
+          },
+        ]}
+      >
+        <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.back}
+          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 },
+        ]}
+      >
+        <ButtonIcon
+          onPress={() => navigation.goBack()}
+          iconName={'chevron-back'}
+          iconColor={Colors.WHITE}
+          style={{ margin: actuatedNormalize(16) }}
+        />
+        <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,
+              },
+            ]}
+          >
+            Vui lòng đặt giấy tờ nằm vừa khung hình,{'\n'}
+            chụp đủ ánh sáng và rõ nét.
+          </RText>
+          <TouchableOpacity
+            onPress={() => takePhoto()}
+            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>
+      {taking ? <Loading /> : <View />}
+    </Container>
+  );
+};

package/lib/commonjs/screens/Camera/Screens/CameraFrontBack.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeCamera","_AppHeader","_interopRequireDefault","_ButtonIcon","_Colors","_Container","_Loading","_Metrics","_RText","_Screens","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CameraFrontBack","exports","props","_props$route","_props$route$params","navigation","cardFront","route","params","_useState","useState","_useState2","_slicedToArray2","taking","setTaking","myCamera","useRef","takePhoto","_ref","_asyncToGenerator2","_myCamera$current","options","width","base64","pauseAfterCapture","fixOrientation","forceUpOrientation","orientation","RNCamera","Constants","Orientation","portrait","data","current","takePictureAsync","console","log","uri","push","Screens","CameraBackResult","cardFrontBack","apply","arguments","jsxs","style","backgroundColor","Colors","BLACK","children","jsx","title","backColor","View","position","Dimensions","height","flex","alignItems","justifyContent","ref","defaultVideoQuality","VideoQuality","type","Type","back","flashMode","FlashMode","off","_ref2","camera","status","recordAudioPermissionStatus","ActivityIndicator","SafeAreaView","onPress","goBack","iconName","iconColor","WHITE","margin","actuatedNormalize","bottom","color","textAlign","paddingVertical","TouchableOpacity","borderRadius","borderWidth","borderColor","paddingHorizontal","alignSelf"],"sourceRoot":"../../../../../src","sources":["screens/Camera/Screens/CameraFrontBack.tsx"],"mappings":"yWAEA,IAAAA,MAAA,CAAAC,uBAAA,CAAAC,OAAA,WACA,IAAAC,YAAA,CAAAD,OAAA,iBAOA,IAAAE,kBAAA,CAAAF,OAAA,wBACA,IAAAG,UAAA,CAAAC,sBAAA,CAAAJ,OAAA,+BACA,IAAAK,WAAA,CAAAD,sBAAA,CAAAJ,OAAA,gCACA,IAAAM,OAAA,CAAAF,sBAAA,CAAAJ,OAAA,4BACA,IAAAO,UAAA,CAAAH,sBAAA,CAAAJ,OAAA,+BACA,IAAAQ,QAAA,CAAAJ,sBAAA,CAAAJ,OAAA,6BACA,IAAAS,QAAA,CAAAT,OAAA,4BACA,IAAAU,MAAA,CAAAN,sBAAA,CAAAJ,OAAA,2BACA,IAAAW,QAAA,CAAAP,sBAAA,CAAAJ,OAAA,4CAA6D,IAAAY,WAAA,CAAAZ,OAAA,0BAAAa,KAAA,MAAAC,YAAA,mGAAAC,yBAAAC,CAAA,wBAAAC,OAAA,iBAAAC,CAAA,KAAAD,OAAA,GAAAE,CAAA,KAAAF,OAAA,UAAAF,wBAAA,UAAAA,yBAAAC,CAAA,SAAAA,CAAA,CAAAG,CAAA,CAAAD,CAAA,IAAAF,CAAA,YAAAjB,wBAAAiB,CAAA,CAAAE,CAAA,MAAAA,CAAA,EAAAF,CAAA,EAAAA,CAAA,CAAAI,UAAA,QAAAJ,CAAA,WAAAA,CAAA,mBAAAA,CAAA,qBAAAA,CAAA,QAAAK,OAAA,CAAAL,CAAA,MAAAG,CAAA,CAAAJ,wBAAA,CAAAG,CAAA,KAAAC,CAAA,EAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,SAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,MAAAQ,CAAA,EAAAC,SAAA,OAAAC,CAAA,CAAAC,MAAA,CAAAC,cAAA,EAAAD,MAAA,CAAAE,wBAAA,SAAAC,CAAA,IAAAd,CAAA,gBAAAc,CAAA,KAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,CAAAc,CAAA,OAAAG,CAAA,CAAAP,CAAA,CAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,CAAAc,CAAA,OAAAG,CAAA,GAAAA,CAAA,CAAAV,GAAA,EAAAU,CAAA,CAAAC,GAAA,EAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,CAAAM,CAAA,CAAAG,CAAA,EAAAT,CAAA,CAAAM,CAAA,EAAAd,CAAA,CAAAc,CAAA,UAAAN,CAAA,CAAAH,OAAA,CAAAL,CAAA,CAAAG,CAAA,EAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,CAAAQ,CAAA,EAAAA,CAAA,EAEtD,GAAM,CAAAW,eAAe,CAAAC,OAAA,CAAAD,eAAA,CAAG,QAAlB,CAAAA,eAAeA,CAAIE,KAAU,CAAK,KAAAC,YAAA,CAAAC,mBAAA,CAC7C,GAAM,CAAAC,UAAU,CAAGH,KAAK,cAALA,KAAK,CAAEG,UAAU,CACpC,GAAM,CAAAC,SAAS,CAAGJ,KAAK,eAAAC,YAAA,CAALD,KAAK,CAAEK,KAAK,gBAAAH,mBAAA,CAAZD,YAAA,CAAcK,MAAM,eAApBJ,mBAAA,CAAsBE,SAAS,CACjD,IAAAG,SAAA,CAA4B,GAAAC,eAAQ,EAAC,KAAK,CAAC,CAAAC,UAAA,IAAAC,eAAA,CAAA1B,OAAA,EAAAuB,SAAA,IAApCI,MAAM,CAAAF,UAAA,IAAEG,SAAS,CAAAH,UAAA,IAExB,GAAM,CAAAI,QAAQ,CAAG,GAAAC,aAAM,EAAM,IAAI,CAAC,CAElC,GAAM,CAAAC,SAAS,gBAAAC,IAAA,IAAAC,kBAAA,CAAAjC,OAAA,EAAG,WAAY,KAAAkC,iBAAA,CAC5BN,SAAS,CAAC,IAAI,CAAC,CACf,GAAM,CAAAO,OAAO,CAAG,CACdC,KAAK,CAAE,GAAG,CACVC,MAAM,CAAE,IAAI,CACZC,iBAAiB,CAAE,IAAI,CACvBC,cAAc,CAAE,KAAK,CACrBC,kBAAkB,CAAE,KAAK,CACzBC,WAAW,CAAEC,2BAAQ,CAACC,SAAS,CAACC,WAAW,CAACC,QAC9C,CAAC,CACD,GAAM,CAAAC,IAAI,MAAS,CAAAjB,QAAQ,eAAAK,iBAAA,CAARL,QAAQ,CAAEkB,OAAO,eAAjBb,iBAAA,CAAmBc,gBAAgB,CAACb,OAAO,CAAC,CAC/Dc,OAAO,CAACC,GAAG,CAAC,MAAM,CAAEJ,IAAI,CAACK,GAAG,CAAC,CAC7BvB,SAAS,CAAC,KAAK,CAAC,CAEhBT,UAAU,CAACiC,IAAI,CAACC,gBAAO,CAACC,gBAAgB,CAAE,CACxClC,SAAS,CAAEA,SAAS,CACpBmC,aAAa,CAAET,IAAI,cAAJA,IAAI,CAAEK,GACvB,CAAC,CAAC,CACJ,CAAC,iBAlBK,CAAApB,SAASA,CAAA,SAAAC,IAAA,CAAAwB,KAAA,MAAAC,SAAA,OAkBd,CAED,MACE,GAAAlE,WAAA,CAAAmE,IAAA,EAACxE,UAAA,CAAAc,OAAS,EAAC2D,KAAK,CAAE,CAAEC,eAAe,CAAEC,eAAM,CAACC,KAAM,CAAE,CAAAC,QAAA,EAClD,GAAAxE,WAAA,CAAAyE,GAAA,EAAClF,UAAA,CAAAkB,OAAS,EAACiE,KAAK,CAAC,6BAAmB,CAACC,SAAS,CAAEL,eAAM,CAACC,KAAM,CAAE,CAAC,CAChE,GAAAvE,WAAA,CAAAyE,GAAA,EAACpF,YAAA,CAAAuF,IAAI,EACHR,KAAK,CAAE,CACL,CACES,QAAQ,CAAE,UAAU,CACpBhC,KAAK,CAAEiC,uBAAU,CAACnE,GAAG,CAAC,QAAQ,CAAC,CAACkC,KAAK,CACrCkC,MAAM,CAAED,uBAAU,CAACnE,GAAG,CAAC,QAAQ,CAAC,CAACoE,MAAM,CACvCC,IAAI,CAAE,CAAC,CACPC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,QAClB,CAAC,CACD,CAAAV,QAAA,CAEF,GAAAxE,WAAA,CAAAyE,GAAA,EAACnF,kBAAA,CAAA6D,QAAQ,EACPgC,GAAG,CAAE7C,QAAS,CACd8C,mBAAmB,CAAEjC,2BAAQ,CAACC,SAAS,CAACiC,YAAY,CAAC,MAAM,CAAE,CAC7DjB,KAAK,CAAE,CACLvB,KAAK,CAAEiC,uBAAU,CAACnE,GAAG,CAAC,QAAQ,CAAC,CAACkC,KAAK,CACrCkC,MAAM,CAAGD,uBAAU,CAACnE,GAAG,CAAC,QAAQ,CAAC,CAACkC,KAAK,CAAG,CAAC,CAAI,GACjD,CAAE,CACFyC,IAAI,CAAEnC,2BAAQ,CAACC,SAAS,CAACmC,IAAI,CAACC,IAAK,CACnCC,SAAS,CAAEtC,2BAAQ,CAACC,SAAS,CAACsC,SAAS,CAACC,GAAI,CAAAnB,QAAA,CAG3C,SAAAA,SAAAoB,KAAA,CAAqD,IAAlD,CAAAC,MAAM,CAAAD,KAAA,CAANC,MAAM,CAAEC,MAAM,CAAAF,KAAA,CAANE,MAAM,CAAEC,2BAA2B,CAAAH,KAAA,CAA3BG,2BAA2B,CAC7C,GAAID,MAAM,GAAK,OAAO,CAAE,CACtB,MAAO,GAAA9F,WAAA,CAAAyE,GAAA,EAACpF,YAAA,CAAA2G,iBAAiB,GAAE,CAAC,CAC9B,CACF,CAAC,CACO,CAAC,CACP,CAAC,CAEP,GAAAhG,WAAA,CAAAmE,IAAA,EAAC9E,YAAA,CAAA4G,YAAY,EACX7B,KAAK,CAAE,CACL,CAAES,QAAQ,CAAE,UAAU,CAAEhC,KAAK,CAAE,MAAM,CAAEkC,MAAM,CAAE,MAAM,CAAEC,IAAI,CAAE,CAAE,CAAC,CAChE,CAAAR,QAAA,EAEF,GAAAxE,WAAA,CAAAyE,GAAA,EAAChF,WAAA,CAAAgB,OAAU,EACTyF,OAAO,CAAE,QAAT,CAAAA,OAAOA,CAAA,QAAQ,CAAAtE,UAAU,CAACuE,MAAM,CAAC,CAAC,EAAC,CACnCC,QAAQ,CAAE,cAAe,CACzBC,SAAS,CAAE/B,eAAM,CAACgC,KAAM,CACxBlC,KAAK,CAAE,CAAEmC,MAAM,CAAE,GAAAC,0BAAiB,EAAC,EAAE,CAAE,CAAE,CAC1C,CAAC,CACF,GAAAxG,WAAA,CAAAyE,GAAA,EAACpF,YAAA,CAAAuF,IAAI,EAACR,KAAK,CAAE,CAAEY,IAAI,CAAE,CAAE,CAAE,CAAE,CAAC,CAC5B,GAAAhF,WAAA,CAAAmE,IAAA,EAAC9E,YAAA,CAAAuF,IAAI,EACHR,KAAK,CAAE,CACLY,IAAI,CAAE,CAAC,CACPE,cAAc,CAAE,QAAQ,CACxBL,QAAQ,CAAE,UAAU,CACpB4B,MAAM,CAAE,CAAC,CACT5D,KAAK,CAAE,MACT,CAAE,CAAA2B,QAAA,EAEF,GAAAxE,WAAA,CAAAmE,IAAA,EAACrE,MAAA,CAAAW,OAAK,EACJ2D,KAAK,CAAE,CACL,CACEsC,KAAK,CAAE,OAAO,CACdC,SAAS,CAAE,QAAQ,CACnBtC,eAAe,CAAE,WAAW,CAC5BuC,eAAe,CAAE,EACnB,CAAC,CACD,CAAApC,QAAA,EACH,8EACyC,CAAC,IAAI,CAAC,2DAEhD,EAAO,CAAC,CACR,GAAAxE,WAAA,CAAAyE,GAAA,EAACpF,YAAA,CAAAwH,gBAAgB,EACfX,OAAO,CAAE,QAAT,CAAAA,OAAOA,CAAA,QAAQ,CAAA1D,SAAS,CAAC,CAAC,EAAC,CAC3B4B,KAAK,CAAE,CACL,CACEY,IAAI,CAAE,CAAC,CACP8B,YAAY,CAAE,EAAE,CAAG,CAAC,CACpBjE,KAAK,CAAE,EAAE,CACTkC,MAAM,CAAE,EAAE,CACVgC,WAAW,CAAE,CAAC,CACd1C,eAAe,CAAEC,eAAM,CAACgC,KAAK,CAC7BU,WAAW,CAAE,MAAM,CACnBC,iBAAiB,CAAE,EAAE,CACrBC,SAAS,CAAE,QAAQ,CACnBX,MAAM,CAAE,EAAE,CACVrB,cAAc,CAAE,QAAQ,CACxBD,UAAU,CAAE,QACd,CAAC,CACD,CACH,CAAC,EACE,CAAC,EACK,CAAC,CACd7C,MAAM,CAAG,GAAApC,WAAA,CAAAyE,GAAA,EAAC7E,QAAA,CAAAa,OAAO,GAAE,CAAC,CAAG,GAAAT,WAAA,CAAAyE,GAAA,EAACpF,YAAA,CAAAuF,IAAI,GAAE,CAAC,EACvB,CAAC,CAEhB,CAAC","ignoreList":[]}

package/lib/commonjs/screens/Camera/Screens/CameraFrontResult.js

@@ -0,0 +1,2 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _reactNativeFastImage=_interopRequireDefault(require("react-native-fast-image"));var _EKYC=_interopRequireDefault(require("../../../assets/images/EKYC"));var _Logo=_interopRequireDefault(require("../../../assets/images/Logo"));var _Button=_interopRequireDefault(require("../../../common/Button"));var _ButtonIcon=_interopRequireDefault(require("../../../common/ButtonIcon"));var _Colors=_interopRequireDefault(require("../../../common/Colors"));var _FlexRow=_interopRequireDefault(require("../../../common/FlexRow"));var _Metrics=require("../../../common/Metrics");var _RText=_interopRequireDefault(require("../../../common/RText"));var _SpaceBetween=_interopRequireDefault(require("../../../common/SpaceBetween"));var _Screens=_interopRequireDefault(require("../../../components/Navigation/Screens"));var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/tima/Documents/Tima/timainvestor/src/screens/Camera/Screens/CameraFrontResult.tsx";var CameraFrontResult=function CameraFrontResult(_ref){var _route$params;var navigation=_ref.navigation,route=_ref.route;var cardFront=route==null?void 0:(_route$params=route.params)==null?void 0:_route$params.cardFront;return(0,_jsxRuntime.jsxs)(_reactNative.ImageBackground,{source:_EKYC.default.bg_ekyc,style:{flex:1},children:[(0,_jsxRuntime.jsx)(_reactNative.SafeAreaView,{children:(0,_jsxRuntime.jsxs)(_SpaceBetween.default,{style:{padding:(0,_Metrics.actuatedNormalize)(16)},children:[(0,_jsxRuntime.jsx)(_ButtonIcon.default,{onPress:function onPress(){return navigation.goBack();},iconName:"chevron-back",iconSize:24,iconColor:_Colors.default.WHITE}),(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{fontSize:(0,_Metrics.actuatedNormalize)(16),color:_Colors.default.WHITE,fontWeight:'700'},children:"EKYC"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:24}})]})}),(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{style:{padding:(0,_Metrics.actuatedNormalize)(16)},children:[(0,_jsxRuntime.jsxs)(_FlexRow.default,{children:[(0,_jsxRuntime.jsx)(_reactNativeFastImage.default,{tintColor:'white',source:_Logo.default.logo_mini,style:{width:(0,_Metrics.actuatedNormalize)(16),height:(0,_Metrics.actuatedNormalize)(16)}}),(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{color:_Colors.default.WHITE,marginLeft:(0,_Metrics.actuatedNormalize)(8)},children:"Ch\u1EE5p CMND/ CCCD m\u1EB7t tr\u01B0\u1EDBc"})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:'100%',height:(0,_Metrics.actuatedNormalize)(260),backgroundColor:_Colors.default.WHITE,alignItems:'center',justifyContent:'center',marginTop:(0,_Metrics.actuatedNormalize)(16),borderRadius:8},children:(0,_jsxRuntime.jsx)(_reactNativeFastImage.default,{source:{uri:cardFront},style:{width:'98%',height:(0,_Metrics.actuatedNormalize)(254),borderRadius:8}})}),(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{paddingBottom:(0,_Metrics.actuatedNormalize)(16),paddingTop:(0,_Metrics.actuatedNormalize)(32),fontSize:(0,_Metrics.actuatedNormalize)(16),fontWeight:'700'},children:"L\u01B0u \xFD ch\u1EE5p CMND/ CCCD"}),(0,_jsxRuntime.jsxs)(_FlexRow.default,{children:[(0,_jsxRuntime.jsx)(_reactNativeFastImage.default,{source:_Logo.default.logo_mini,style:{width:(0,_Metrics.actuatedNormalize)(10),height:(0,_Metrics.actuatedNormalize)(8)}}),(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{fontSize:(0,_Metrics.actuatedNormalize)(14),marginLeft:(0,_Metrics.actuatedNormalize)(8)},children:"N\xEAn \u0111\u1EB7t CCCD/ CMND l\xEAn m\u1EB7t ph\u1EB3ng \u0111\u1EC3 ch\u1EE5p"})]}),(0,_jsxRuntime.jsxs)(_FlexRow.default,{style:{paddingVertical:(0,_Metrics.actuatedNormalize)(6)},children:[(0,_jsxRuntime.jsx)(_reactNativeFastImage.default,{source:_Logo.default.logo_mini,style:{width:(0,_Metrics.actuatedNormalize)(10),height:(0,_Metrics.actuatedNormalize)(8)}}),(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{fontSize:(0,_Metrics.actuatedNormalize)(14),marginLeft:(0,_Metrics.actuatedNormalize)(8)},children:["\u0110\u1EB7t CCCD/ CMND n\u1EB1m g\u1ECDn trong khung h\xECnh ",'\n'," (Kh\xF4ng qu\xE1 nh\u1ECF hay qu\xE1 to l\xE0m m\u1EA5t chi ti\u1EBFt)"]})]}),(0,_jsxRuntime.jsxs)(_FlexRow.default,{style:{paddingBottom:(0,_Metrics.actuatedNormalize)(6)},children:[(0,_jsxRuntime.jsx)(_reactNativeFastImage.default,{source:_Logo.default.logo_mini,style:{width:(0,_Metrics.actuatedNormalize)(10),height:(0,_Metrics.actuatedNormalize)(8)}}),(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{fontSize:(0,_Metrics.actuatedNormalize)(14),marginLeft:(0,_Metrics.actuatedNormalize)(8)},children:"Ch\u1ECDn n\u01A1i \xE1nh s\xE1ng t\u1ED1t, tr\xE1nh l\xF3a/ ch\xF3i h\xECnh ch\u1EE5p"})]})]}),(0,_jsxRuntime.jsxs)(_SpaceBetween.default,{style:{paddingHorizontal:(0,_Metrics.actuatedNormalize)(16),paddingBottom:(0,_Metrics.actuatedNormalize)(32)},children:[(0,_jsxRuntime.jsx)(_Button.default,{text:'Chụp lại',buttonStyle:{width:'48%',backgroundColor:_Colors.default.WHITE,borderWidth:1,borderColor:_Colors.default.ORANGE},textStyle:{color:_Colors.default.ORANGE},onPress:function onPress(){return navigation.goBack();}}),(0,_jsxRuntime.jsx)(_Button.default,{text:'Tiếp tục',buttonStyle:{width:'48%'},textStyle:{color:_Colors.default.WHITE},onPress:function onPress(){return navigation.navigate(_Screens.default.CameraFrontBack,{cardFront:cardFront});}})]})]});};var _default=exports.default=CameraFrontResult;
+//# sourceMappingURL=CameraFrontResult.js.map

package/lib/commonjs/screens/Camera/Screens/CameraFrontResult.js.flow

@@ -0,0 +1,178 @@
+//@ts-nocheck
+/* eslint-disable react-native/no-inline-styles */
+import React from 'react';
+import { ImageBackground, SafeAreaView, ScrollView, View } from 'react-native';
+import FastImage from 'react-native-fast-image';
+import EImages from '../../../assets/images/EKYC';
+import Images from '../../../assets/images/Logo';
+import Button from '../../../common/Button';
+import ButtonIcon from '../../../common/ButtonIcon';
+import Colors from '../../../common/Colors';
+import FlexRow from '../../../common/FlexRow';
+import { actuatedNormalize } from '../../../common/Metrics';
+import RText from '../../../common/RText';
+import SpaceBetween from '../../../common/SpaceBetween';
+import Screens from '../../../components/Navigation/Screens';
+
+const CameraFrontResult = ({ navigation, route }: any) => {
+  const cardFront = route?.params?.cardFront;
+  return (
+    <ImageBackground source={EImages.bg_ekyc} style={{ flex: 1 }}>
+      <SafeAreaView>
+        <SpaceBetween
+          style={{
+            padding: actuatedNormalize(16),
+          }}
+        >
+          <ButtonIcon
+            onPress={() => navigation.goBack()}
+            iconName="chevron-back"
+            iconSize={24}
+            iconColor={Colors.WHITE}
+          />
+          <RText
+            textStyle={{
+              fontSize: actuatedNormalize(16),
+              color: Colors.WHITE,
+              fontWeight: '700',
+            }}
+          >
+            EKYC
+          </RText>
+          <View style={{ width: 24 }} />
+        </SpaceBetween>
+      </SafeAreaView>
+
+      <ScrollView style={{ padding: actuatedNormalize(16) }}>
+        <FlexRow>
+          <FastImage
+            tintColor={'white'}
+            source={Images.logo_mini}
+            style={{
+              width: actuatedNormalize(16),
+              height: actuatedNormalize(16),
+            }}
+          />
+          <RText
+            textStyle={{
+              color: Colors.WHITE,
+              marginLeft: actuatedNormalize(8),
+            }}
+          >
+            Chụp CMND/ CCCD mặt trước
+          </RText>
+        </FlexRow>
+        <View
+          style={{
+            width: '100%',
+            height: actuatedNormalize(260),
+            backgroundColor: Colors.WHITE,
+            alignItems: 'center',
+            justifyContent: 'center',
+            marginTop: actuatedNormalize(16),
+            borderRadius: 8,
+          }}
+        >
+          <FastImage
+            source={{ uri: cardFront }}
+            style={{
+              width: '98%',
+              height: actuatedNormalize(254),
+              borderRadius: 8,
+            }}
+          />
+        </View>
+        <RText
+          textStyle={{
+            paddingBottom: actuatedNormalize(16),
+            paddingTop: actuatedNormalize(32),
+            fontSize: actuatedNormalize(16),
+            fontWeight: '700',
+          }}
+        >
+          Lưu ý chụp CMND/ CCCD
+        </RText>
+        <FlexRow>
+          <FastImage
+            source={Images.logo_mini}
+            style={{
+              width: actuatedNormalize(10),
+              height: actuatedNormalize(8),
+            }}
+          />
+          <RText
+            textStyle={{
+              fontSize: actuatedNormalize(14),
+              marginLeft: actuatedNormalize(8),
+            }}
+          >
+            Nên đặt CCCD/ CMND lên mặt phẳng để chụp
+          </RText>
+        </FlexRow>
+        <FlexRow style={{ paddingVertical: actuatedNormalize(6) }}>
+          <FastImage
+            source={Images.logo_mini}
+            style={{
+              width: actuatedNormalize(10),
+              height: actuatedNormalize(8),
+            }}
+          />
+          <RText
+            textStyle={{
+              fontSize: actuatedNormalize(14),
+              marginLeft: actuatedNormalize(8),
+            }}
+          >
+            Đặt CCCD/ CMND nằm gọn trong khung hình {'\n'} (Không quá nhỏ hay
+            quá to làm mất chi tiết)
+          </RText>
+        </FlexRow>
+        <FlexRow style={{ paddingBottom: actuatedNormalize(6) }}>
+          <FastImage
+            source={Images.logo_mini}
+            style={{
+              width: actuatedNormalize(10),
+              height: actuatedNormalize(8),
+            }}
+          />
+          <RText
+            textStyle={{
+              fontSize: actuatedNormalize(14),
+              marginLeft: actuatedNormalize(8),
+            }}
+          >
+            Chọn nơi ánh sáng tốt, tránh lóa/ chói hình chụp
+          </RText>
+        </FlexRow>
+      </ScrollView>
+      <SpaceBetween
+        style={{
+          paddingHorizontal: actuatedNormalize(16),
+          paddingBottom: actuatedNormalize(32),
+        }}
+      >
+        <Button
+          text={'Chụp lại'}
+          buttonStyle={{
+            width: '48%',
+            backgroundColor: Colors.WHITE,
+            borderWidth: 1,
+            borderColor: Colors.ORANGE,
+          }}
+          textStyle={{ color: Colors.ORANGE }}
+          onPress={() => navigation.goBack()}
+        />
+        <Button
+          text={'Tiếp tục'}
+          buttonStyle={{ width: '48%' }}
+          textStyle={{ color: Colors.WHITE }}
+          onPress={() =>
+            navigation.navigate(Screens.CameraFrontBack, { cardFront })
+          }
+        />
+      </SpaceBetween>
+    </ImageBackground>
+  );
+};
+
+export default CameraFrontResult;

package/lib/commonjs/screens/Camera/Screens/CameraFrontResult.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeFastImage","_EKYC","_Logo","_Button","_ButtonIcon","_Colors","_FlexRow","_Metrics","_RText","_SpaceBetween","_Screens","_jsxRuntime","_this","_jsxFileName","CameraFrontResult","_ref","_route$params","navigation","route","cardFront","params","jsxs","ImageBackground","source","EImages","bg_ekyc","style","flex","children","jsx","SafeAreaView","default","padding","actuatedNormalize","onPress","goBack","iconName","iconSize","iconColor","Colors","WHITE","textStyle","fontSize","color","fontWeight","View","width","ScrollView","tintColor","Images","logo_mini","height","marginLeft","backgroundColor","alignItems","justifyContent","marginTop","borderRadius","uri","paddingBottom","paddingTop","paddingVertical","paddingHorizontal","text","buttonStyle","borderWidth","borderColor","ORANGE","navigate","Screens","CameraFrontBack","_default","exports"],"sourceRoot":"../../../../../src","sources":["screens/Camera/Screens/CameraFrontResult.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/screens/Camera/Screens/CameraSelfie.js

@@ -0,0 +1,2 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.CameraSelfie=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 _reactNativeFlashMessage=require("react-native-flash-message");var _Ionicons=_interopRequireDefault(require("react-native-vector-icons/Ionicons"));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 _Metrics=require("../../../common/Metrics");var _RText=_interopRequireDefault(require("../../../common/RText"));var _Screens=_interopRequireDefault(require("../../../components/Navigation/Screens"));var _selector=require("../../../components/Redux/selector");var _store=require("../../../components/Redux/store");var _ModalGuiDeSelfie=_interopRequireDefault(require("../../../screens/EKYC/Components/ModalGuiDeSelfie"));var _ModalSuccess=_interopRequireDefault(require("../ModalSuccess"));var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/tima/Documents/Tima/timainvestor/src/screens/Camera/Screens/CameraSelfie.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 CameraSelfie=exports.CameraSelfie=function CameraSelfie(props){var _props$route,_props$route$params,_props$route2,_props$route2$params;var userData=(0,_reactRedux.useSelector)(_selector.userInfor);var dispatch=(0,_store.useAppDispatch)();var navigation=props==null?void 0:props.navigation;var cardFront=props==null?void 0:(_props$route=props.route)==null?void 0:(_props$route$params=_props$route.params)==null?void 0:_props$route$params.cardFront;var cardFrontBack=props==null?void 0:(_props$route2=props.route)==null?void 0:(_props$route2$params=_props$route2.params)==null?void 0:_props$route2$params.cardFrontBack;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),taking=_useState2[0],setTaking=_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 takePhoto=function(){var _ref=(0,_asyncToGenerator2.default)(function*(){var _myCamera$current;setTaking(true);setLoading(true);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);setTaking(false);var form=new FormData();form.append('nationalCardFront',{uri:cardFront,type:'image/jpg',name:'image.jpg'});form.append('nationalCardBack',{uri:cardFrontBack,type:'image/jpg',name:'image.jpg'});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 _ref2=(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;setLoading(false);if(res.data.meta.errorCode!==200){var _res$data2,_res$data2$meta;(0,_reactNativeFlashMessage.showMessage)({message:'Thông báo',description:res==null?void 0:(_res$data2=res.data)==null?void 0:(_res$data2$meta=_res$data2.meta)==null?void 0:_res$data2$meta.errorMessage,type:'danger',icon:'warning',backgroundColor:_Colors.default.DANGER});navigation.navigate(_Screens.default.Optional);}else{yield(0,_axios.default)({method:'POST',baseURL:'http://178.128.86.175:5555/api/v1.0/customer/update_file_by_cif',data:{Phone:userData==null?void 0:userData.phone,SelfieUrl:data==null?void 0:data.selfieUrl,FrontNationalUrl:data==null?void 0:data.frontNationalUrl,BackNationalUrl:data==null?void 0:data.backNationalUrl},headers:{'Content-type':'application/json','Accept':'application/json','Authorization':userData==null?void 0:userData.accessToken}}).then(function(res1){console.log('res----',res1);setLoading(false);if(res1.data.meta.errorCode!==200){var _res$data3,_res$data3$meta;(0,_reactNativeFlashMessage.showMessage)({message:'Thông báo',description:res==null?void 0:(_res$data3=res.data)==null?void 0:(_res$data3$meta=_res$data3.meta)==null?void 0:_res$data3$meta.message,type:'danger',icon:'warning',backgroundColor:_Colors.default.DANGER});navigation.navigate(_Screens.default.Optional);}else{(0,_reactNativeFlashMessage.showMessage)({message:'Thông báo',description:'Hoàn thành EKYC và chờ xác thực',type:'info',icon:'success',backgroundColor:_Colors.default.SUCCESS});navigation.navigate(_Screens.default.Optional);}}).catch(function(err){return console.log(err);});}});return function(_x){return _ref2.apply(this,arguments);};}()).catch(function(err){return console.log(err);});});return function takePhoto(){return _ref.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.jsxs)(_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.jsxs)(_reactNative.TouchableOpacity,{onPress:function onPress(){return setCameraBack(!cameraBack);},style:{alignSelf:'flex-end',marginBottom:(0,_Metrics.actuatedNormalize)(16),marginRight:(0,_Metrics.actuatedNormalize)(16),alignItems:'center'},children:[(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{color:_Colors.default.WHITE},children:"Xoay camera"}),(0,_jsxRuntime.jsx)(_Ionicons.default,{name:"repeat",color:_Colors.default.WHITE,size:24})]}),(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(_ref3){var camera=_ref3.camera,status=_ref3.status,recordAudioPermissionStatus=_ref3.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 takePhoto();},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=CameraSelfie.js.map

package/lib/commonjs/screens/Camera/Screens/CameraSelfie.js.flow

@@ -0,0 +1,254 @@
+//@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 { showMessage } from 'react-native-flash-message';
+import Icon from 'react-native-vector-icons/Ionicons';
+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 { actuatedNormalize } from '../../../common/Metrics';
+import RText from '../../../common/RText';
+import Screens from '../../../components/Navigation/Screens';
+import { userInfor } from '../../../components/Redux/selector';
+import { useAppDispatch } from '../../../components/Redux/store';
+import ModalGuideSelfie from '../../../screens/EKYC/Components/ModalGuiDeSelfie';
+import ModalSuccess from '../ModalSuccess';
+
+export const CameraSelfie = (props: any) => {
+  const userData = useSelector(userInfor);
+  const dispatch = useAppDispatch();
+  const navigation = props?.navigation;
+  const cardFront = props?.route?.params?.cardFront;
+  const cardFrontBack = props?.route?.params?.cardFrontBack;
+  const [taking, setTaking] = useState(false);
+  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 takePhoto = async () => {
+    setTaking(true);
+    setLoading(true);
+    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);
+    setTaking(false);
+    const form: any = new FormData();
+    form.append('nationalCardFront', {
+      uri: cardFront,
+      type: 'image/jpg',
+      name: 'image.jpg',
+    });
+    form.append('nationalCardBack', {
+      uri: cardFrontBack,
+      type: 'image/jpg',
+      name: 'image.jpg',
+    });
+    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;
+        setLoading(false);
+        if (res.data.meta.errorCode !== 200) {
+          // WToastShowError(res?.data?.meta?.errorMessage);
+          showMessage({
+            message: 'Thông báo',
+            description: res?.data?.meta?.errorMessage,
+            type: 'danger',
+            icon: 'warning',
+            backgroundColor: Colors.DANGER,
+          });
+          navigation.navigate(Screens.Optional);
+        } else {
+          await axios({
+            method: 'POST',
+            baseURL:
+              'http://178.128.86.175:5555/api/v1.0/customer/update_file_by_cif',
+            data: {
+              Phone: userData?.phone,
+              SelfieUrl: data?.selfieUrl,
+              FrontNationalUrl: data?.frontNationalUrl,
+              BackNationalUrl: data?.backNationalUrl,
+            },
+            headers: {
+              'Content-type': 'application/json',
+              'Accept': 'application/json',
+              'Authorization': userData?.accessToken,
+            },
+          })
+            .then((res1) => {
+              console.log('res----', res1);
+              setLoading(false);
+              if (res1.data.meta.errorCode !== 200) {
+                // WToastShowError(res?.data?.meta?.message);
+                showMessage({
+                  message: 'Thông báo',
+                  description: res?.data?.meta?.message,
+                  type: 'danger',
+                  icon: 'warning',
+                  backgroundColor: Colors.DANGER,
+                });
+                navigation.navigate(Screens.Optional);
+              } else {
+                // WToastShowSuccess('Hoàn thành EKYC và chờ xác thực');
+                showMessage({
+                  message: 'Thông báo',
+                  description: 'Hoàn thành EKYC và chờ xác thực',
+                  type: 'info',
+                  icon: 'success',
+                  backgroundColor: Colors.SUCCESS,
+                });
+                navigation.navigate(Screens.Optional);
+              }
+            })
+            .catch((err) => console.log(err));
+        }
+      })
+      .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={() => takePhoto()}
+            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>
+  );
+};