mg-library 1.0.452 → 1.0.454

package/blocks.js

@@ -4,7 +4,7 @@ import { View, ActivityIndicator, Pressable, Image, FlatList, Keyboard, Dimensio
 import { Text, Divider, Button, Popover, Card, Layout, Input } from '@ui-kitten/components';
 import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
 import * as ImageManipulator from 'expo-image-manipulator';
-import { Camera, CameraType } from 'expo-camera';
+import { Camera, CameraType, CameraView } from 'expo-camera';
 import axios from 'axios';
 import { uploadFile } from '@uploadcare/upload-client';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -150,7 +150,7 @@ export function MGLogin(props) {
                             source={require('./assets/clubonline.png')}
                             style={{ width: 300, height: 150 }} />
                         {!isKeyboardVisible &&
-                            <View style={{ flexDirection: 'column', flexGrow: 1, alignItems: 'center'}}>
+                            <View style={{ flexDirection: 'column', flexGrow: 1, alignItems: 'center' }}>
                                 <Text style={{ alignSelf: 'center', textAlign: 'center' }} category='h6'>{props.appDescription}</Text>
                                 <Text style={{ alignSelf: 'center' }} category='p2'>{props.appVersion}</Text>
                             </View>
@@ -204,7 +204,7 @@ export function MGLogin(props) {
                                         />
                                     )}
                                     name="password" />
-                            }                            
+                            }
                         </Card>
                     </View>
                 </View>
@@ -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,17 +357,80 @@ export function MGCamera(props) {
             </View>
         </View>
     );
+    return (
+            <View>
+                <Card header={cardHeader} footer={cardFooter}>
+                    <View style={{ alignItems: 'center' }}>
+                        <Camera
+                            style={{ width: captureWidth, height: captureHeight }}
+                            type={type}
+                            ref={(r) => {
+                                camera = r
+                            }}>
+                        </Camera>
+                    </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' }}>
-                    <Camera
-                        style={{ width: captureWidth, height: captureHeight }}
-                        type={type}
-                        ref={(r) => {
-                            camera = r
-                        }}>
-                    </Camera>
+                    <CameraView style={{ width: captureWidth, height: captureHeight }} facing={facing}>
+                    </CameraView>
                 </View>
             </Card>
         </View>

package/package.json

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