@wavemaker/app-rn-runtime 12.0.0-next.141218 → 12.0.0-next.141221

app-rn-runtime/runtime/services/device/camera-service.js

@@ -1,349 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from "react";
-import { ImageBackground, Platform, TouchableOpacity, View } from "react-native";
-import { Ionicons } from "@expo/vector-icons";
-import { ResizeMode, Video } from "expo-av";
-import { Camera, CameraType } from "expo-camera";
-import * as FileSystem from "expo-file-system";
-import permissionManager from '@wavemaker/app-rn-runtime/runtime/services/device/permissions';
-import appDisplayManagerService from "@wavemaker/app-rn-runtime/runtime/services/app-display-manager.service";
-const styles = {
-  preview: {
-    top: 0,
-    left: 0,
-    right: 0,
-    flexGrow: 1,
-    backgroundColor: 'black'
-  },
-  actionBtn: {
-    flex: 0,
-    padding: 15,
-    paddingHorizontal: 20,
-    alignSelf: 'center',
-    margin: 20
-  },
-  actionBar: {
-    flex: 0,
-    flexDirection: 'row',
-    justifyContent: 'center',
-    backgroundColor: 'rgba(0,0,0,0.6)',
-    position: 'absolute',
-    bottom: 0,
-    left: 0,
-    right: 0,
-    padding: 20
-  },
-  leftWrapper: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'flex-start'
-  },
-  midWrapper: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  rightWrapper: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'flex-end'
-  },
-  circle: {
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  outerCircle: {
-    borderWidth: 3,
-    height: 50,
-    width: 50,
-    borderRadius: 25,
-    borderColor: 'white'
-  },
-  innerCircle: {
-    borderRadius: 2,
-    height: 20,
-    width: 20,
-    backgroundColor: 'red'
-  }
-};
-export class CameraService {
-  constructor(displayManager) {
-    this.displayManager = displayManager;
-    _defineProperty(this, "type", CameraType.back);
-  }
-  captureVideo(options) {
-    return new Promise((resolve, reject) => {
-      permissionManager.requestPermissions('video').then(() => {
-        const destroy = this.displayManager.show({
-          content: /*#__PURE__*/React.createElement(CameraView, {
-            testID: "camera_view",
-            type: this.type,
-            captureType: 'video',
-            onSuccess: o => {
-              destroy.call(this.displayManager);
-              /*o.content().catch(() => {}).then(base64 => {
-                resolve({videoPath: o.uri, content: base64 || ''});
-              });*/
-              resolve({
-                videoPath: o.uri,
-                content: ''
-              });
-            },
-            onCancel: () => {
-              destroy.call(this.displayManager);
-            }
-          })
-        });
-      }, reject);
-    });
-  }
-  captureImage(params) {
-    return new Promise((resolve, reject) => {
-      permissionManager.requestPermissions('image').then(() => {
-        const destroy = this.displayManager.show({
-          content: /*#__PURE__*/React.createElement(CameraView, {
-            testID: "camera_view",
-            type: this.type,
-            captureType: 'image',
-            onSuccess: o => {
-              destroy.call(this.displayManager);
-              o.content().catch(() => {}).then(base64 => {
-                resolve({
-                  imagePath: o.uri,
-                  content: base64 || ''
-                });
-              });
-            },
-            onCancel: () => {
-              destroy.call(this.displayManager);
-            }
-          })
-        });
-      }, reject);
-    });
-  }
-}
-class CameraViewProps {
-  constructor() {
-    _defineProperty(this, "testID", 'camera_view');
-    _defineProperty(this, "type", 'back');
-    _defineProperty(this, "captureType", 'image');
-    _defineProperty(this, "onSuccess", () => {});
-    _defineProperty(this, "onCancel", () => {});
-  }
-}
-class CameraViewState {
-  constructor() {
-    _defineProperty(this, "recording", false);
-    _defineProperty(this, "showActionBtns", false);
-    _defineProperty(this, "cameraType", CameraType.back);
-    _defineProperty(this, "isCaptured", false);
-    _defineProperty(this, "closeView", false);
-    _defineProperty(this, "cameraContent", {});
-  }
-}
-export class CameraView extends React.Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "camera", {});
-    // start recording
-    _defineProperty(this, "startRecord", async () => {
-      this.camera.recordAsync().then(response => {
-        response.content = async () => {
-          return await FileSystem.readAsStringAsync(response.uri, {
-            encoding: 'base64'
-          });
-        };
-        this.setState({
-          cameraContent: response,
-          isCaptured: true
-        });
-      });
-      if (this.state.showActionBtns) {
-        this.setState({
-          showActionBtns: false
-        });
-      }
-      this.setState({
-        recording: true
-      });
-    });
-    // stop recording
-    _defineProperty(this, "stopRecord", async () => {
-      this.camera.stopRecording();
-      this.setState({
-        recording: false
-      });
-      this.setState({
-        showActionBtns: true
-      });
-    });
-    this.state = new CameraViewState();
-  }
-  toggleCapture() {
-    if (this.props.captureType === 'image') {
-      this.takePicture();
-    } else {
-      if (!this.state.recording) {
-        this.startRecord();
-      } else {
-        this.stopRecord();
-        this.setState({
-          showActionBtns: true
-        });
-      }
-    }
-  }
-  getTestProps(suffix) {
-    const id = this.props.testID + (suffix ? '_' + suffix : '');
-    if (Platform.OS === 'android' || Platform.OS === 'web') {
-      return {
-        accessibilityLabel: id,
-        testID: id
-      };
-    }
-    return {
-      accessible: false,
-      testID: id
-    };
-  }
-  async takePicture() {
-    const options = {
-      quality: 0.5,
-      base64: false,
-      skipProcessing: true,
-      onPictureSaved: response => {
-        response.content = async () => {
-          return await FileSystem.readAsStringAsync(response.uri, {
-            encoding: 'base64'
-          });
-        };
-        this.setState({
-          cameraContent: response,
-          isCaptured: true,
-          showActionBtns: true
-        });
-      }
-    };
-    await this.camera.takePictureAsync(options);
-    if (this.state.showActionBtns) {
-      this.setState({
-        showActionBtns: false
-      });
-    }
-    this.setState({
-      showActionBtns: true
-    });
-  }
-  getActionsTemplate() {
-    return /*#__PURE__*/React.createElement(View, {
-      style: styles.actionBar
-    }, /*#__PURE__*/React.createElement(View, {
-      style: styles.leftWrapper
-    }, /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestProps('close'), {
-      onPress: () => {
-        this.setState({
-          cameraContent: {
-            uri: ''
-          },
-          isCaptured: false,
-          closeView: true
-        });
-        this.props.onCancel();
-      }
-    }), /*#__PURE__*/React.createElement(Ionicons, {
-      name: "close-circle",
-      size: 32,
-      color: "white"
-    }))), /*#__PURE__*/React.createElement(View, {
-      style: styles.midWrapper
-    }, !this.state.isCaptured ? /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
-      style: [styles.circle, styles.outerCircle, this.props.captureType === 'video' && !this.state.recording ? {
-        backgroundColor: "red"
-      } : {}, this.props.captureType === 'image' ? {
-        backgroundColor: "white"
-      } : {}],
-      onPress: this.toggleCapture.bind(this)
-    }, this.getTestProps('capture')), /*#__PURE__*/React.createElement(View, {
-      style: [styles.circle, this.props.captureType === 'image' ? {} : styles.innerCircle, this.props.captureType === 'image' ? {
-        backgroundColor: "white"
-      } : {}]
-    })) : null), /*#__PURE__*/React.createElement(View, {
-      style: styles.rightWrapper
-    }, this.state.showActionBtns ? /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
-      onPress: () => {
-        this.setState({
-          isCaptured: false,
-          closeView: true
-        });
-        this.props.onSuccess(this.state.cameraContent);
-        this.setState({
-          cameraContent: {
-            uri: ''
-          }
-        });
-      }
-    }, this.getTestProps('ok')), /*#__PURE__*/React.createElement(Ionicons, {
-      name: "checkmark-circle",
-      size: 32,
-      color: "white"
-    })) : /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestProps('toggle'), {
-      onPress: () => {
-        this.setState({
-          cameraType: this.state.cameraType === 'back' ? 'front' : 'back'
-        });
-      }
-    }), /*#__PURE__*/React.createElement(Ionicons, {
-      name: "camera-reverse",
-      size: 32,
-      color: "white"
-    }))));
-  }
-  getPreviewTemplate(actions) {
-    return this.props.captureType === 'image' ? /*#__PURE__*/React.createElement(ImageBackground, {
-      source: {
-        uri: this.state.cameraContent.uri
-      },
-      resizeMode: ResizeMode.CONTAIN,
-      style: {
-        flex: 1
-      }
-    }) : /*#__PURE__*/React.createElement(Video, {
-      style: {
-        flex: 1
-      },
-      source: {
-        uri: this.state.cameraContent.uri
-      },
-      shouldPlay: true,
-      useNativeControls: true,
-      isLooping: true,
-      resizeMode: ResizeMode.CONTAIN
-    });
-  }
-  render() {
-    if (this.state.closeView) {
-      return null;
-    }
-    const actions = this.getActionsTemplate();
-    return /*#__PURE__*/React.createElement(View, {
-      style: styles.preview
-    }, this.state.isCaptured ? this.getPreviewTemplate(actions) : /*#__PURE__*/React.createElement(Camera, {
-      type: CameraType[this.state.cameraType],
-      ref: ref => {
-        this.camera = ref;
-      },
-      style: {
-        flex: 1
-      },
-      onCameraReady: () => {}
-    }), actions);
-  }
-}
-const cameraService = new CameraService(appDisplayManagerService);
-export default cameraService;
-//# sourceMappingURL=camera-service.js.map

app-rn-runtime/runtime/services/device/scan-service.js

@@ -1,136 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { Camera } from 'expo-camera';
-import { Ionicons } from '@expo/vector-icons';
-import { BarCodeScanner } from 'expo-barcode-scanner';
-import { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
-import React from 'react';
-import permissionManager from '@wavemaker/app-rn-runtime/runtime/services/device/permissions';
-import appDisplayManagerService from '@wavemaker/app-rn-runtime/runtime/services/app-display-manager.service';
-const barcodeFormatOptions = {
-  'ALL': 'ALL',
-  'CODABAR': 'codabar',
-  'CODE_39': 'code39',
-  'CODE_93': 'code93',
-  'CODE_128': 'code128',
-  'DATA_MATRIX': 'datamatrix',
-  'EAN_8': 'ean8',
-  'EAN_13': 'ean13',
-  'ITF': 'itf14',
-  'PDF_417': 'pdf417',
-  'QR_CODE': 'qr',
-  'RSS14': 'rss14',
-  'RSS_EXPANDED': 'rssexpanded',
-  'UPC_E': 'upc_e',
-  'UPC_A': 'upc_a'
-};
-const opacity = 'rgba(0, 0, 0, 0.6)';
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    flexDirection: 'column'
-  },
-  closeWrapper: {
-    flex: 1,
-    justifyContent: 'flex-end',
-    alignItems: 'center',
-    paddingBottom: 32
-  },
-  topWrapper: {
-    flex: 2,
-    backgroundColor: opacity
-  },
-  centerWrapper: {
-    flex: 2,
-    flexDirection: 'row'
-  },
-  leftWrapper: {
-    flex: 2,
-    backgroundColor: opacity
-  },
-  focused: {
-    flex: 10
-  },
-  rightWrapper: {
-    flex: 2,
-    backgroundColor: opacity
-  },
-  bottomWrapper: {
-    flex: 2,
-    backgroundColor: opacity
-  }
-});
-export class ScanService {
-  constructor(displayManager) {
-    this.displayManager = displayManager;
-  }
-  getTestProps(suffix) {
-    const id = "scan" + (suffix ? '_' + suffix : '');
-    if (Platform.OS === 'android' || Platform.OS === 'web') {
-      return {
-        accessibilityLabel: id,
-        testID: id
-      };
-    }
-    return {
-      accessible: false,
-      testID: id
-    };
-  }
-  scanBarcode(params) {
-    const format = (params === null || params === void 0 ? void 0 : params.barcodeFormat) || 'ALL';
-    const barcodeFormat = Platform.OS === 'ios' ? undefined : barcodeFormatOptions[format];
-    return new Promise((resolve, reject) => {
-      permissionManager.requestPermissions('camera').then(() => {
-        const destroy = this.displayManager.show({
-          content: /*#__PURE__*/React.createElement(Camera, {
-            barCodeScannerSettings: barcodeFormat ? {
-              barCodeTypes: [BarCodeScanner.Constants.BarCodeType[barcodeFormat]]
-            } : undefined,
-            onBarCodeScanned: result => {
-              destroy.call(this.displayManager);
-              resolve(result);
-            },
-            style: StyleSheet.absoluteFillObject
-          }, /*#__PURE__*/React.createElement(View, {
-            style: styles.topWrapper
-          }), /*#__PURE__*/React.createElement(View, {
-            style: styles.centerWrapper
-          }, /*#__PURE__*/React.createElement(View, {
-            style: styles.leftWrapper
-          }), /*#__PURE__*/React.createElement(View, {
-            style: styles.focused
-          }), /*#__PURE__*/React.createElement(View, {
-            style: styles.rightWrapper
-          })), /*#__PURE__*/React.createElement(View, {
-            style: styles.bottomWrapper
-          }, /*#__PURE__*/React.createElement(View, {
-            style: styles.closeWrapper
-          }, /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestProps('close_button'), {
-            onPress: () => {
-              destroy.call(this.displayManager);
-            }
-          }), /*#__PURE__*/React.createElement(Ionicons, {
-            name: "close-circle",
-            size: 48,
-            color: "white"
-          })))))
-        });
-      }, reject);
-    }).then(response => {
-      let format;
-      if (response.type) {
-        const values = Object.values(BarCodeScanner.Constants.BarCodeType);
-        const index = values.indexOf(response.type);
-        format = index > -1 ? Object.keys(BarCodeScanner.Constants.BarCodeType)[index] : '';
-      }
-      return Promise.resolve({
-        text: response.data,
-        format: format || response.type,
-        cancelled: false
-      });
-    });
-  }
-}
-const scanService = new ScanService(appDisplayManagerService);
-export default scanService;
-//# sourceMappingURL=scan-service.js.map

app-rn-runtime/runtime/services/webprocess.service.js

@@ -1,107 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import axios from "axios";
-import React, { Component } from "react";
-import { Dimensions, View } from "react-native";
-import WmWebview from "@wavemaker/app-rn-runtime/components/advanced/webview/webview.component";
-import injector from "@wavemaker/app-rn-runtime/core/injector";
-import AppDisplayManagerService from "./app-display-manager.service";
-const windowWidth = Dimensions.get('window').width;
-const windowHeight = Dimensions.get('window').height;
-class WebProcessWebViewProps {
-  constructor() {
-    _defineProperty(this, "src", "");
-    _defineProperty(this, "process", "");
-    _defineProperty(this, "incognito", false);
-    _defineProperty(this, "onComplete", null);
-  }
-}
-class WebProcessWebView extends Component {
-  constructor(props) {
-    super(props);
-  }
-  getScriptToInject(process) {
-    return `(function() {
-            var elements = document.querySelectorAll('body.flex>a.link');
-            for (var i = 0; i < elements.length; i++) {
-                var href = elements[i].href;
-                if (href && href.indexOf('://services/webprocess/${process}?process_output=')) {
-                    return href.split('process_output=')[1];
-                }
-            }
-            window.isWebLoginProcess = true;
-        })()`;
-  }
-  render() {
-    return /*#__PURE__*/React.createElement(View, {
-      style: {
-        width: windowWidth,
-        height: windowHeight
-      }
-    }, /*#__PURE__*/React.createElement(WmWebview, {
-      src: this.props.src,
-      incognito: this.props.incognito,
-      styles: {
-        root: {
-          width: '100%',
-          height: '100%'
-        }
-      },
-      onLoad: (e, w) => {
-        setTimeout(() => {
-          w.executeScript(this.getScriptToInject(this.props.process)).then(output => {
-            if (output) {
-              const onComplete = this.props.onComplete;
-              onComplete && onComplete(output);
-            }
-          });
-        }, 1000);
-      }
-    }));
-  }
-}
-export class WebProcessService {
-  constructor() {
-    _defineProperty(this, "baseUrl", null);
-  }
-  execute(process, hookUrl, useSystemBrowser = false, incognito = false) {
-    if (!this.baseUrl) {
-      this.baseUrl = injector.get('APP_CONFIG').url;
-    }
-    return axios.get(this.baseUrl + `/services/webprocess/prepare?processName=${process}&hookUrl=${hookUrl}&requestSourceType=MOBILE`, {
-      withCredentials: true
-    }).then(response => {
-      if (useSystemBrowser) {
-        return this.executeWithSystemBrowser(response.data);
-      } else {
-        return this.executeWithInAppBrowser(response.data, process, incognito);
-      }
-    }).then(output => {
-      return axios.get(this.baseUrl + '/services/webprocess/decode?encodedProcessdata=' + output, {
-        withCredentials: true
-      });
-    });
-  }
-  executeWithSystemBrowser(processInfo) {
-    return Promise.reject('Web Process in System browser is nor ready yet');
-  }
-  executeWithInAppBrowser(processInfo, process, incognito) {
-    return new Promise((resolve, reject) => {
-      let destroyFn = () => {};
-      destroyFn = AppDisplayManagerService.show({
-        content: /*#__PURE__*/React.createElement(WebProcessWebView, {
-          src: this.baseUrl + '/services/webprocess/start?process=' + encodeURIComponent(processInfo),
-          incognito: incognito,
-          process: process,
-          onComplete: ouput => {
-            resolve(ouput);
-            destroyFn.call(AppDisplayManagerService);
-          }
-        })
-      });
-    });
-  }
-}
-export default new WebProcessService();
-//# sourceMappingURL=webprocess.service.js.map