mg-library 1.0.567 → 1.0.570

package/blocks.js

@@ -356,7 +356,7 @@ function getHeightForCamera() {
     return Dimensions.get('window').height;
 }
 
-export function MGCamera(props) {
+/* export function MGCamera(props) {
     let camera;
     let captureWidth = 0;
     let captureHeight = 0;
@@ -450,6 +450,184 @@ 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 }}>
+            <MGText category='h6'>{mgFunctionsLib.i18nString('photo', props.language)}</MGText>
+            <MGText>{mgFunctionsLib.i18nString('previewPhoto', props.language)}</MGText>
+        </View>
+    );
+    const cardFooter = (
+        <View>
+            <View style={{ flexDirection: 'row' }}>
+                <View style={{ flex: 1, alignItems: 'center' }}>
+                    <Button
+                        style={{ width: 150 }}
+                        status='primary'
+                        accessoryLeft={SaveIcon}
+                        onPress={__savePicture}>
+                        <MGText>{mgFunctionsLib.i18nString('doSavePhoto', props.language)}</MGText>
+                    </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 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(mgConstantsLib.CAMERA_FACING_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 style={{ marginLeft: 15, marginTop: 10, marginBottom: 10 }}>
+            <MGText category='h6'>{mgFunctionsLib.i18nString('photo', props.language)}</MGText>
+            <MGText>{mgFunctionsLib.i18nString('takePhoto', props.language)}</MGText>
+        </View>
+    );
+    const cardFooter = (
+        <View>
+            <View style={{ flexDirection: 'row' }}>
+                <View style={{ flex: 1, alignItems: 'center' }}>
+
+                    <NBButton
+                        style={{ width: 150 }}
+                        colorScheme="primary"
+                        leftIcon={
+                            <NBIcon
+                                as={MaterialCommunityIcons}
+                                name="camera-flip-outline"
+                                size="lg"
+                                color="white"
+                            />
+                        }
+                        onPress={() => {
+                            setFacing(
+                                facing === mgConstantsLib.CAMERA_FACING_BACK
+                                    ? mgConstantsLib.CAMERA_FACING_FRONT
+                                    : mgConstantsLib.CAMERA_FACING_BACK
+                            );
+                        }}
+                    >
+                        <MGText category="p1" color="white">
+                            {mgFunctionsLib.i18nString('doInvertCamera', props.language)}
+                        </MGText>
+                    </NBButton>
+
+                </View>
+                <View style={{ flex: 1, alignItems: 'center' }}>
+                    <Button
+                        style={{ width: 150 }}
+                        status='primary'
+                        accessoryLeft={TakeIcon}
+                        onPress={__takePicture}>
+                        <MGText>{mgFunctionsLib.i18nString('doTakePhoto', props.language)}</MGText>
+                    </Button>
+                </View>
+            </View>
+        </View>
+    );
+    return (
+        <View>
+            <Card header={cardHeader} footer={cardFooter}>
+                <View style={{ alignItems: 'center' }}>
+                    <CameraView
+                        style={{ width: captureWidth, height: captureHeight }}
+                        facing={facing}
+                        ref={(r) => {
+                            camera = r
+                        }}>
+                    </CameraView>
+                </View>
+            </Card>
+        </View>
+    )
+}
+
 export function MGCameraPreview(props) {
     let fileName = 'photo-' + Math.random().toString(36).substring(7) + '-' + Math.random().toString(36).substring(7);
     const __savePicture = async () => {
@@ -584,23 +762,6 @@ export function MGPopover(props) {
     )
 }
 
-/* export function MGGoBack(props) {
-    const goBackIcon = () => (
-        <MaterialCommunityIcons
-            name='keyboard-backspace'
-            size={40}
-            color={props.theme['color-primary-500']}
-            onPress={() => props.process.goBack()} />
-    );
-    return (
-        <View style={{ alignItems: 'flex-start', marginTop: -20 }}>
-            <Button
-                appearance='ghost'
-                accessoryLeft={goBackIcon} />
-        </View>
-    )
-} */
-
 export function MGGoBack(props) {
     return (
         <View style={{ alignItems: 'flex-start', marginTop: -20 }}>

package/functions.js

@@ -13,29 +13,6 @@ import * as mgConstants from './constants.js';
 
 // Navigator
 
-/*
-    const logoutIcon = () => (
-        <MaterialCommunityIcons name='logout' color='white' sie={20} style={{ flex: 1 }} />
-    );
-
-    export function navigatorHeader(insets, theme, onPressLogout, company) {
-    let companyDescription = company.description;
-    if (companyDescription.length > 25)
-        companyDescription = companyDescription.substring(0, 25) + '...';
-    return (
-        <Box style={[safeAreaViewForNavigatorHeaderStyleSheet(insets).safeAreaView, { backgroundColor: theme['color-primary-500'], flexDirection: 'column', justifyContent: 'flex-end' }]}>
-            <View style={{ flexDirection: 'row', flexGrow: 1 }}>
-                <View style={{ flexGrow: 0.9, marginLeft: 10, alignSelf: 'center' }}>
-                    <MGText category='h5' style={{ color: 'white' }}>{companyDescription}</MGText>
-                </View>
-                <View style={{ flexGrow: 0.1, flexDirection: 'column' }}>
-                    <Button style={{ alignSelf: 'center' }} accessoryLeft={logoutIcon} onPress={() => { onPressLogout() }} />
-                </View>
-            </View>
-        </Box>
-    );
-} */
-
 export function navigatorHeader(insets, theme, onPressLogout, company) {
     let companyDescription = company.description;
     if (companyDescription.length > 25)

package/package.json

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