@momo-kits/camerakit 0.0.65-beta.4 → 0.0.65-beta.41

package/CameraKit.js

@@ -1,110 +1,114 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { StyleSheet, View } from 'react-native';
-import { Camera } from 'camerakit';
+import {StyleSheet, View} from 'react-native';
+import {Camera} from 'camerakit';
 
 const styles = StyleSheet.create({
-    container: {
-        overflow: 'hidden',
-    },
-    camera: {
-        flex: 1,
-        backgroundColor: 'black'
-    },
+  container: {
+    overflow: 'hidden',
+  },
+  camera: {
+    flex: 1,
+    backgroundColor: 'black',
+  },
 });
 
 const EventThrottleMs = 250;
 
 class CameraKit extends React.Component {
-    constructor(props) {
-        super(props);
-        this.camera = null;
-    }
+  constructor(props) {
+    super(props);
+    this.camera = null;
+  }
 
-    readImageQRCode = (base64) => {
-        this.camera?.readImageQRCode(base64);
-    };
+  readImageQRCode = base64 => {
+    this.camera?.readImageQRCode(base64);
+  };
 
-    startCamera = () => {
-        this.camera?.startCamera();
-    };
+  startCamera = () => {
+    this.camera?.startCamera();
+  };
 
-    stopCamera = () => {
-        this.camera?.stopCamera();
-    };
+  stopCamera = () => {
+    this.camera?.stopCamera();
+  };
 
-    async capture(options) {
-        const { onImageCaptured } = this.props;
-        try {
-            const data = await this.camera?.capture(options);
-            onImageCaptured?.({ ...data, url: data.uri });
-        } catch (e) {
-            onImageCaptured?.({ error: e.message });
-        }
+  async capture(options) {
+    const {onImageCaptured} = this.props;
+    try {
+      const data = await this.camera?.capture(options);
+      onImageCaptured?.({...data, url: data.uri});
+    } catch (e) {
+      onImageCaptured?.({error: e.message});
     }
+  }
 
-    onBarCodeRead = ({ nativeEvent }) => {
-        const value = JSON.stringify(nativeEvent);
-        const outdated = new Date() - this.lastEventTime > EventThrottleMs;
-        if (value && value === this.lastEvent && !outdated) {
-            return;
-        }
-        const { onBarCodeRead } = this.props;
-        onBarCodeRead?.({ data: nativeEvent?.codeStringValue });
-        this.lastEvent = value;
-        this.lastEventTime = new Date();
-    };
+  onBarCodeRead = ({nativeEvent}) => {
+    const value = JSON.stringify(nativeEvent);
+    const outdated = new Date() - this.lastEventTime > EventThrottleMs;
+    if (value && value === this.lastEvent && !outdated) {
+      return;
+    }
+    const {onBarCodeRead} = this.props;
+    onBarCodeRead?.({data: nativeEvent?.codeStringValue});
+    this.lastEvent = value;
+    this.lastEventTime = new Date();
+  };
 
-    onOpenCamera = ({ nativeEvent }) => {
-        const { onOpenCamera } = this.props;
-        onOpenCamera?.(nativeEvent);
-    };
+  onOpenCamera = ({nativeEvent}) => {
+    const {onOpenCamera} = this.props;
+    onOpenCamera?.(nativeEvent);
+  };
 
-    render() {
-        const {
-            customFinder,
-            style,
-            torchMode,
-            type,
-            onBarCodeRead,
-            zoomMode,
-        } = this.props;
+  render() {
+    const {
+      customFinder,
+      style,
+      torchMode,
+      type,
+      onBarCodeRead,
+      zoomMode,
+      zoomRate,
+    } = this.props;
 
-        return (
-            <View style={[styles.container, style]}>
-                <Camera
-                    ref={(cam) => (this.camera = cam)}
-                    style={styles.camera}
-                    cameraType={type}
-                    torchMode={torchMode}
-                    focusMode={torchMode}
-                    zoomMode={zoomMode}
-                    scanBarcode={!!onBarCodeRead}
-                    onReadCode={this.onBarCodeRead}
-                    onOpenCamera={this.onOpenCamera}
-                />
-                <View style={StyleSheet.absoluteFill}>
-                    {customFinder && customFinder()}
-                </View>
-            </View>
-        );
-    }
+    return (
+      <View style={[styles.container, style]}>
+        <Camera
+          ref={cam => (this.camera = cam)}
+          style={styles.camera}
+          cameraType={type}
+          torchMode={torchMode}
+          focusMode={torchMode}
+          zoomMode={zoomMode}
+          zoomRate={zoomRate}
+          scanBarcode={!!onBarCodeRead}
+          onReadCode={this.onBarCodeRead}
+          onOpenCamera={this.onOpenCamera}
+        />
+        {customFinder && (
+          <View style={StyleSheet.absoluteFill}>{customFinder()}</View>
+        )}
+      </View>
+    );
+  }
 }
 
 CameraKit.propTypes = {
-    onBarCodeRead: PropTypes.func,
-    onImageCaptured: PropTypes.func,
-    type: PropTypes.oneOf(['front', 'back']),
-    torchMode: PropTypes.oneOf(['on', 'off', 'auto']),
-    zoomMode: PropTypes.oneOf(['on', 'off']),
-    onOpenCamera: PropTypes.func,
+  onBarCodeRead: PropTypes.func,
+  onImageCaptured: PropTypes.func,
+  type: PropTypes.oneOf(['front', 'back']),
+  torchMode: PropTypes.oneOf(['on', 'off', 'auto']),
+  zoomMode: PropTypes.oneOf(['on', 'off']),
+  zoomRate: PropTypes.number,
+  onOpenCamera: PropTypes.func,
 };
 
 CameraKit.defaultProps = {
-    type: 'back',
-    torchMode: 'off',
-    zoomMode: 'off',
-    onOpenCamera: () => {},
+  type: 'back',
+  torchMode: 'off',
+  zoomMode: 'off',
+  zoomRate: 1.0,
+  onOpenCamera: () => {},
 };
 
 export default CameraKit;

package/package.json

@@ -1,10 +1,10 @@
 {
     "name": "@momo-kits/camerakit",
-    "version": "0.0.65-beta.4",
+    "version": "0.0.65-beta.41",
     "private": false,
     "main": "index.js",
     "dependencies": {
-        "camerakit": "git+https://gitlab.mservice.com.vn/momo-platform/react-native-camera-kit.git#v1.6"
+        "camerakit": "git+https://gitlab.mservice.com.vn/momo-platform/react-native-camera-kit.git#v2.0.5"
     },
     "peerDependencies": {
         "react": "16.9.0",