mg-library 1.0.321 → 1.0.323

package/blocks.js

@@ -1,8 +1,11 @@
 import { useCallback, useState } from 'react';
-import { View, ActivityIndicator, Pressable, Camera } from 'react-native';
+import { View, ActivityIndicator, Pressable, Image } from 'react-native';
 import { Text, Divider, Button, Popover, Card } from '@ui-kitten/components';
 import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
 import * as ImageManipulator from 'expo-image-manipulator';
+import { Camera } from 'expo-camera';
+import axios from 'axios';
+import { uploadFile } from '@uploadcare/upload-client';
 
 import * as mgFunctionsLib from './functions.js';
 
@@ -91,6 +94,75 @@ export function MGCamera(props) {
     )
 }
 
+export function MGCameraPreview(props) {
+    let fileName = 'photo-' + Math.random().toString(36).substring(7) + '-' + Math.random().toString(36).substring(7);
+    const __savePicture = async () => {
+        const asset = {
+            uri: props.process.fileUri,
+            name: fileName,
+            type: 'image/jpg'
+        }
+        uploadFile(asset, { publicKey: props.mediaAppPublicKey })
+            .then((file) => {
+                let fileUUID = file.uuid;
+                let requestData = props.requestData;
+                requestData.photoMediaAppId = fileUUID;
+                requestData.photoMediaAppFileName = fileName;
+                props.dispatch(props.actions.apiSuccess());
+                props.dispatch(props.actions.apiRequest());
+                axios.post(props.url, requestData, mgFunctionsLib.getRequestHeader())
+                    .then(response => {
+                        props.onSavePicture(response.data.photoUrl);
+                        props.dispatch(props.actions.apiSuccess());
+                    })
+                    .catch(error => {
+                        props.dispatch(props.actions.apiError());
+                        mgFunctionsLib.showToastError(error);
+                    })
+            })
+            .catch(error => {
+                props.dispatch(props.actions.apiError());
+                mgFunctionsLib.showToastError(error);
+            })
+    }
+    const SaveIcon = () => (
+        <MaterialCommunityIcons
+            name='cloud-upload-outline'
+            size={40}
+            style={{ color: 'white' }} />
+    );
+    const cardHeader = (
+        <View style={{ marginLeft: 15, marginTop: 10, marginBottom: 10 }}>
+            <Text category='h6'>{mgFunctionsLib.i18nString('photo', props.language)}</Text>
+            <Text>{mgFunctionsLib.i18nString('previewPhoto', props.language)}</Text>
+        </View>
+    );
+    const cardFooter = (
+        <View>
+            <View style={{ flexDirection: 'row' }}>
+                <View style={{ flex: 1, alignItems: 'center' }}>
+                    <Button
+                        style={{ width: 150 }}
+                        status='primary'
+                        accessoryLeft={SaveIcon}
+                        onPress={__savePicture}>
+                        <Text>{mgFunctionsLib.i18nString('doSavePhoto', props.language)}</Text>
+                    </Button>
+                </View>
+            </View>
+        </View>
+    );
+    return (
+        <View>
+            <Card header={cardHeader} footer={cardFooter}>
+                <View style={{ alignItems: 'center' }}>
+                    <Image source={{ uri: props.process.fileUri }} style={{ width: 200, height: 200 }} />
+                </View>
+            </Card>
+        </View>
+    )
+}
+
 export function MGButton(props) {
     const icon = () => (
         <MaterialCommunityIcons

package/package.json

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