mg-library 1.0.453 → 1.0.454

package/blocks.js

@@ -280,7 +280,7 @@ function getHeightForCamera() {
     return Dimensions.get('window').height;
 }
 
-export function MGCamera(props) {
+/* export function MGCamera(props) {
     let camera;
     let captureWidth = 0;
     let captureHeight = 0;
@@ -310,11 +310,7 @@ export function MGCamera(props) {
         props.process.goForward(props.nextStep);
         props.dispatch(props.actions.endProcessing());
     }
-
-    //const [type, setType] = useState(Camera.Constants.Type.front);
-
-    const [type, setType] = useState < CameraType > ('front');
-
+    const [type, setType] = useState(Camera.Constants.Type.front);
     const FlipIcon = () => (
         <MaterialCommunityIcons
             name='camera-flip-outline'
@@ -343,8 +339,7 @@ export function MGCamera(props) {
                         accessoryLeft={FlipIcon}
                         onPress={() => {
                             setType(
-                                //                                type === Camera.Constants.Type.back ? Camera.Constants.Type.front : Camera.Constants.Type.back
-                                type === 'back' ? 'front' : 'back'
+                                type === Camera.Constants.Type.back ? Camera.Constants.Type.front : Camera.Constants.Type.back
                             )
                         }}>
                         <Text>{mgFunctionsLib.i18nString('doInvertCamera', props.language)}</Text>
@@ -362,7 +357,7 @@ export function MGCamera(props) {
             </View>
         </View>
     );
-    /*     return (
+    return (
             <View>
                 <Card header={cardHeader} footer={cardFooter}>
                     <View style={{ alignItems: 'center' }}>
@@ -376,12 +371,65 @@ export function MGCamera(props) {
                     </View>
                 </Card>
             </View>
-        ) */
+        )
+} */
+
+export function MGCamera(props) {
+    let camera;
+    let captureWidth = 0;
+    let captureHeight = 0;
+    try {
+        captureWidth = Math.floor(getWidthForCamera() * 0.47);
+        captureHeight = Math.floor(getHeightForCamera() * 0.31);
+    } catch (error) {
+        captureWidth = 205;
+        captureHeight = 275;
+    }
+    const __takePicture = async () => {
+        if (!camera)
+            return;
+        let photo = await camera.takePictureAsync({ quality: 1 });
+        props.dispatch(props.actions.startProcessing());
+        photo = await ImageManipulator.manipulateAsync(
+            photo.uri,
+            [{ resize: { width: captureWidth, height: captureHeight } }],
+            { compress: 1, format: ImageManipulator.SaveFormat.JPEG }
+        );
+        photo = await ImageManipulator.manipulateAsync(
+            photo.uri,
+            [{ flip: 'horizontal' }],
+            { compress: 1, format: ImageManipulator.SaveFormat.JPEG }
+        );
+        props.process.fileUri = photo.uri;
+        props.process.goForward(props.nextStep);
+        props.dispatch(props.actions.endProcessing());
+    }
+    const [facing, setFacing] = useState < CameraType > ('front');
+    const FlipIcon = () => (
+        <MaterialCommunityIcons
+            name='camera-flip-outline'
+            size={30}
+            style={{ color: 'white' }} />
+    );
+    const TakeIcon = () => (
+        <MaterialCommunityIcons
+            name='camera-outline'
+            size={30}
+            style={{ color: 'white' }} />
+    );
+    const cardHeader = (
+        <View>
+        </View>
+    );
+    const cardFooter = (
+        <View>
+        </View>
+    );
     return (
         <View>
             <Card header={cardHeader} footer={cardFooter}>
                 <View style={{ alignItems: 'center' }}>
-                    <CameraView style={{ width: captureWidth, height: captureHeight }} facing={type}>
+                    <CameraView style={{ width: captureWidth, height: captureHeight }} facing={facing}>
                     </CameraView>
                 </View>
             </Card>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mg-library",
-    "version": "1.0.453",
+    "version": "1.0.454",
     "description": "",
     "main": "index.js",
     "scripts": {