@wavemaker/app-rn-runtime 11.4.0-next.1417013 → 11.4.0-next.1417014

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

@@ -6,6 +6,7 @@ import { ImageBackground, 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 = {
@@ -36,14 +37,17 @@ const styles = {
   },
   leftWrapper: {
     flex: 1,
+    justifyContent: 'center',
     alignItems: 'flex-start'
   },
   midWrapper: {
     flex: 1,
+    justifyContent: 'center',
     alignItems: 'center'
   },
   rightWrapper: {
     flex: 1,
+    justifyContent: 'center',
     alignItems: 'flex-end'
   },
   circle: {
@@ -79,8 +83,12 @@ export class CameraService {
             captureType: 'video',
             onSuccess: o => {
               destroy.call(this.displayManager);
+              /*o.content().catch(() => {}).then(base64 => {
+                resolve({videoPath: o.uri, content: base64 || ''});
+              });*/
               resolve({
-                videoPath: o.uri
+                videoPath: o.uri,
+                content: ''
               });
             },
             onCancel: () => {
@@ -100,8 +108,11 @@ export class CameraService {
             captureType: 'image',
             onSuccess: o => {
               destroy.call(this.displayManager);
-              resolve({
-                imagePath: o.uri
+              o.content().catch(() => {}).then(base64 => {
+                resolve({
+                  imagePath: o.uri,
+                  content: base64 || ''
+                });
               });
             },
             onCancel: () => {
@@ -137,6 +148,11 @@ export class CameraView extends React.Component {
     _defineProperty(this, "camera", {});
     _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
@@ -182,9 +198,15 @@ export class CameraView extends React.Component {
       base64: false,
       skipProcessing: true,
       onPictureSaved: response => {
+        response.content = async () => {
+          return await FileSystem.readAsStringAsync(response.uri, {
+            encoding: 'base64'
+          });
+        };
         this.setState({
           cameraContent: response,
-          isCaptured: true
+          isCaptured: true,
+          showActionBtns: true
         });
       }
     };
@@ -270,7 +292,7 @@ export class CameraView extends React.Component {
       source: {
         uri: this.state.cameraContent.uri
       },
-      resizeMode: ResizeMode.COVER,
+      resizeMode: ResizeMode.CONTAIN,
       style: {
         flex: 1
       }
@@ -284,7 +306,7 @@ export class CameraView extends React.Component {
       shouldPlay: true,
       useNativeControls: true,
       isLooping: true,
-      resizeMode: ResizeMode.COVER
+      resizeMode: ResizeMode.CONTAIN
     });
   }
   render() {

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

@@ -1 +1 @@
-{"version":3,"names":["React","ImageBackground","TouchableOpacity","View","Ionicons","ResizeMode","Video","Camera","CameraType","permissionManager","appDisplayManagerService","styles","preview","top","left","right","flexGrow","backgroundColor","actionBtn","flex","padding","paddingHorizontal","alignSelf","margin","actionBar","flexDirection","justifyContent","position","bottom","leftWrapper","alignItems","midWrapper","rightWrapper","circle","display","outerCircle","borderWidth","height","width","borderRadius","borderColor","innerCircle","CameraService","constructor","displayManager","back","captureVideo","options","Promise","resolve","reject","requestPermissions","then","destroy","show","content","type","o","call","videoPath","uri","captureImage","params","imagePath","CameraViewProps","CameraViewState","CameraView","Component","props","camera","recordAsync","response","setState","cameraContent","isCaptured","state","showActionBtns","recording","stopRecording","toggleCapture","captureType","takePicture","startRecord","stopRecord","quality","base64","skipProcessing","onPictureSaved","takePictureAsync","getActionsTemplate","closeView","onCancel","bind","onSuccess","cameraType","getPreviewTemplate","actions","COVER","render","ref","cameraService"],"sources":["camera-service.tsx"],"sourcesContent":["import React from \"react\";\nimport { ImageBackground, TouchableOpacity, View, ViewStyle } from \"react-native\";\nimport { Ionicons } from \"@expo/vector-icons\";\nimport { ResizeMode, Video } from \"expo-av\";\nimport { Camera, CameraType } from \"expo-camera\";\n\nimport { DisplayManager } from \"@wavemaker/app-rn-runtime/core/display.manager\";\nimport { CaptureVideoOutput } from \"@wavemaker/app-rn-runtime/variables/device/camera/capture-video.operation\";\nimport { CaptureImageOutput } from \"@wavemaker/app-rn-runtime/variables/device/camera/capture-image.operation\";\nimport permissionManager from '@wavemaker/app-rn-runtime/runtime/services/device/permissions';\nimport { CameraInput } from \"@wavemaker/app-rn-runtime/core/device/camera-service\";\nimport { Input } from \"@wavemaker/app-rn-runtime/variables/device/operation.provider\";\nimport appDisplayManagerService from \"@wavemaker/app-rn-runtime/runtime/services/app-display-manager.service\";\nconst styles = {\n  preview: {\n    top: 0,\n    left: 0,\n    right: 0,\n    flexGrow: 1,\n    backgroundColor: 'black'\n  },\n  actionBtn: {\n    flex: 0,\n    padding: 15,\n    paddingHorizontal: 20,\n    alignSelf: 'center',\n    margin: 20,\n  } as ViewStyle,\n  actionBar: {\n    flex: 0,\n    flexDirection: 'row',\n    justifyContent: 'center',\n    backgroundColor: 'rgba(0,0,0,0.6)',\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    padding: 20\n  } as ViewStyle,\n  leftWrapper: {\n    flex: 1,\n    alignItems: 'flex-start',\n  } as ViewStyle,\n  midWrapper: {\n    flex: 1,\n    alignItems: 'center',\n  } as ViewStyle,\n  rightWrapper: {\n    flex: 1,\n    alignItems: 'flex-end',\n  } as ViewStyle,\n  circle: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  } as ViewStyle,\n  outerCircle: {\n    borderWidth: 3,\n    height: 50,\n    width: 50,\n    borderRadius: 25,\n    borderColor: 'white'\n  },\n  innerCircle: {\n    borderRadius:2,\n    height: 20,\n    width:20,\n    backgroundColor: 'red'\n  }\n};\n\nexport interface CameraVideoInput extends Input {}\n\nexport class CameraService {\n  private type= CameraType.back;\n\n  constructor(private displayManager: DisplayManager) {\n  }\n\n  public captureVideo(options?: CameraVideoInput): Promise<CaptureVideoOutput> {\n    return new Promise((resolve, reject) => {\n      permissionManager.requestPermissions('video').then(() => {\n        const destroy = this.displayManager.show({\n          content: (<CameraView type={this.type} captureType={'video'} onSuccess={(o) => {\n            destroy.call(this.displayManager);\n            resolve({videoPath: o.uri});\n          }}\n          onCancel={() => {\n            destroy.call(this.displayManager);\n          }}\n          ></CameraView>)\n        });\n      }, reject);\n    });\n  }\n\n  public captureImage(params: CameraInput): Promise<CaptureImageOutput> {\n    return new Promise((resolve, reject) => {\n      permissionManager.requestPermissions('image').then(() => {\n        const destroy = this.displayManager.show({\n          content: (<CameraView type={this.type} captureType={'image'} onSuccess={(o) => {\n            destroy.call(this.displayManager);\n            resolve({imagePath: o.uri});\n          }} onCancel={() => {destroy.call(this.displayManager);}}\n          ></CameraView>)\n        });\n      }, reject);\n    });\n  }\n}\n\ninterface CameraOutput {\n  uri: string;\n}\n\nclass CameraViewProps {\n  type: 'front' | 'back' = 'back' as CameraType;\n  captureType: 'image' | 'video' = 'image';\n  onSuccess: (o: CameraOutput) => any = () => {};\n  onCancel: () => any = () => {};\n}\n\nclass CameraViewState {\n    recording: boolean = false;\n    showActionBtns: boolean = false;\n    cameraType: CameraType = CameraType.back;\n    isCaptured: boolean = false;\n    closeView: boolean = false;\n    cameraContent: CameraOutput = {} as CameraOutput;\n}\n\nexport class CameraView extends React.Component<CameraViewProps, CameraViewState> {\n  private camera: Camera = {} as Camera;\n\n  constructor(props: CameraViewProps) {\n    super(props);\n    this.state = new CameraViewState();\n  }\n\n  toggleCapture() {\n    if (this.props.captureType === 'image') {\n      this.takePicture();\n    } else {\n      if (!this.state.recording) {\n        this.startRecord();\n      } else {\n        this.stopRecord();\n        this.setState({showActionBtns: true} as CameraViewState);\n      }\n    }\n  }\n\n  async takePicture() {\n    const options = {\n      quality: 0.5,\n      base64: false,\n      skipProcessing: true,\n      onPictureSaved: (response: any) => {\n        this.setState({ cameraContent: response, isCaptured: true } as CameraViewState);\n      }\n    }\n    await this.camera.takePictureAsync(options);\n\n    if (this.state.showActionBtns) {\n      this.setState({showActionBtns: false} as CameraViewState);\n    }\n    this.setState({showActionBtns: true} as CameraViewState);\n  }\n\n  // start recording\n  startRecord = async () => {\n    this.camera.recordAsync().then((response: any) => {\n      this.setState({ cameraContent: response, isCaptured: true } as CameraViewState);\n    });\n    if (this.state.showActionBtns) {\n      this.setState({showActionBtns: false} as CameraViewState);\n    }\n\n    this.setState({recording: true} as CameraViewState);\n  };\n\n  // stop recording\n  stopRecord = async () => {\n    this.camera.stopRecording();\n    this.setState({recording: false} as CameraViewState);\n    this.setState({showActionBtns: true} as CameraViewState);\n  };\n\n  getActionsTemplate() {\n    return <View style={styles.actionBar}>\n      <View style={styles.leftWrapper}>\n        <TouchableOpacity\n          onPress={() => {\n            this.setState({ cameraContent: {uri: ''}, isCaptured: false,  closeView: true } as CameraViewState);\n            this.props.onCancel();\n          }}>\n          <Ionicons name='close-circle' size={32} color='white' />\n        </TouchableOpacity>\n      </View>\n      <View style={styles.midWrapper}>\n        {!this.state.isCaptured ? <TouchableOpacity style={[styles.circle, styles.outerCircle, this.props.captureType === 'video' && !this.state.recording ? { backgroundColor: \"red\" } : {},\n          this.props.captureType === 'image' ? { backgroundColor: \"white\" } : {}]}\n                          onPress={this.toggleCapture.bind(this)}>\n          <View style={[styles.circle as ViewStyle, this.props.captureType === 'image' ? {} : styles.innerCircle, this.props.captureType === 'image' ? { backgroundColor: \"white\" } : {}]}></View>\n        </TouchableOpacity> : null}\n      </View>\n      <View style={styles.rightWrapper}>\n        {this.state.showActionBtns ? (<TouchableOpacity\n          onPress={() => {\n            this.setState({ isCaptured: false, closeView: true } as CameraViewState);\n            this.props.onSuccess(this.state.cameraContent);\n            this.setState({ cameraContent: {uri: ''} } as CameraViewState);\n          }}>\n          <Ionicons name='checkmark-circle' size={32} color='white'/>\n        </TouchableOpacity>) : (<TouchableOpacity\n          onPress={() => {\n            this.setState({cameraType: this.state.cameraType === 'back' ? 'front' : 'back'} as CameraViewState);\n          }}>\n          <Ionicons name='camera-reverse' size={32} color='white' />\n        </TouchableOpacity>)}\n      </View>\n    </View>\n  }\n\n  getPreviewTemplate(actions: any) {\n    return this.props.captureType === 'image' ?\n      <ImageBackground source={{uri : this.state.cameraContent.uri}} resizeMode={ResizeMode.COVER} style={{flex: 1}} />\n      : <Video\n          style={{ flex: 1 }}\n          source={{\n            uri: this.state.cameraContent.uri,\n          }}\n          shouldPlay={true}\n          useNativeControls\n          isLooping\n          resizeMode={ResizeMode.COVER}\n        ></Video>\n  }\n\n  render() {\n    if (this.state.closeView) {\n      return null;\n    }\n    const actions = this.getActionsTemplate();\n    return (\n      <View style={styles.preview}>\n        {this.state.isCaptured ? (\n          this.getPreviewTemplate(actions)\n        ) : (\n          <Camera type={CameraType[this.state.cameraType]} ref={(ref: Camera) => { this.camera = ref; }}\n              style={{flex: 1}}\n              onCameraReady={() => {}}>\n\n          </Camera>)}\n        {actions}\n      </View>)\n  }\n}\nconst cameraService = new CameraService(appDisplayManagerService);\nexport default cameraService;\n"],"mappings":"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"}
+{"version":3,"names":["React","ImageBackground","TouchableOpacity","View","Ionicons","ResizeMode","Video","Camera","CameraType","FileSystem","permissionManager","appDisplayManagerService","styles","preview","top","left","right","flexGrow","backgroundColor","actionBtn","flex","padding","paddingHorizontal","alignSelf","margin","actionBar","flexDirection","justifyContent","position","bottom","leftWrapper","alignItems","midWrapper","rightWrapper","circle","display","outerCircle","borderWidth","height","width","borderRadius","borderColor","innerCircle","CameraService","constructor","displayManager","back","captureVideo","options","Promise","resolve","reject","requestPermissions","then","destroy","show","content","type","o","call","videoPath","uri","captureImage","params","catch","base64","imagePath","CameraViewProps","CameraViewState","CameraView","Component","props","camera","recordAsync","response","readAsStringAsync","encoding","setState","cameraContent","isCaptured","state","showActionBtns","recording","stopRecording","toggleCapture","captureType","takePicture","startRecord","stopRecord","quality","skipProcessing","onPictureSaved","takePictureAsync","getActionsTemplate","closeView","onCancel","bind","onSuccess","cameraType","getPreviewTemplate","actions","CONTAIN","render","ref","cameraService"],"sources":["camera-service.tsx"],"sourcesContent":["import React from \"react\";\nimport { ImageBackground, TouchableOpacity, View, ViewStyle } from \"react-native\";\nimport { Ionicons } from \"@expo/vector-icons\";\nimport { ResizeMode, Video } from \"expo-av\";\nimport { Camera, CameraType } from \"expo-camera\";\nimport * as FileSystem from \"expo-file-system\";\n\nimport { DisplayManager } from \"@wavemaker/app-rn-runtime/core/display.manager\";\nimport { CaptureVideoOutput } from \"@wavemaker/app-rn-runtime/variables/device/camera/capture-video.operation\";\nimport { CaptureImageOutput } from \"@wavemaker/app-rn-runtime/variables/device/camera/capture-image.operation\";\nimport permissionManager from '@wavemaker/app-rn-runtime/runtime/services/device/permissions';\nimport { CameraInput } from \"@wavemaker/app-rn-runtime/core/device/camera-service\";\nimport { Input } from \"@wavemaker/app-rn-runtime/variables/device/operation.provider\";\nimport appDisplayManagerService from \"@wavemaker/app-rn-runtime/runtime/services/app-display-manager.service\";\nconst styles = {\n  preview: {\n    top: 0,\n    left: 0,\n    right: 0,\n    flexGrow: 1,\n    backgroundColor: 'black'\n  },\n  actionBtn: {\n    flex: 0,\n    padding: 15,\n    paddingHorizontal: 20,\n    alignSelf: 'center',\n    margin: 20,\n  } as ViewStyle,\n  actionBar: {\n    flex: 0,\n    flexDirection: 'row',\n    justifyContent: 'center',\n    backgroundColor: 'rgba(0,0,0,0.6)',\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    padding: 20\n  } as ViewStyle,\n  leftWrapper: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'flex-start',\n  } as ViewStyle,\n  midWrapper: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n  } as ViewStyle,\n  rightWrapper: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'flex-end',\n  } as ViewStyle,\n  circle: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  } as ViewStyle,\n  outerCircle: {\n    borderWidth: 3,\n    height: 50,\n    width: 50,\n    borderRadius: 25,\n    borderColor: 'white'\n  },\n  innerCircle: {\n    borderRadius:2,\n    height: 20,\n    width:20,\n    backgroundColor: 'red'\n  }\n};\n\nexport interface CameraVideoInput extends Input {}\n\nexport class CameraService {\n  private type= CameraType.back;\n\n  constructor(private displayManager: DisplayManager) {\n  }\n\n  public captureVideo(options?: CameraVideoInput): Promise<CaptureVideoOutput> {\n    return new Promise((resolve, reject) => {\n      permissionManager.requestPermissions('video').then(() => {\n        const destroy = this.displayManager.show({\n          content: (<CameraView type={this.type} captureType={'video'} onSuccess={(o) => {\n            destroy.call(this.displayManager);\n            /*o.content().catch(() => {}).then(base64 => {\n              resolve({videoPath: o.uri, content: base64 || ''});\n            });*/\n            resolve({videoPath: o.uri, content: ''});\n          }}\n          onCancel={() => {\n            destroy.call(this.displayManager);\n          }}\n          ></CameraView>)\n        });\n      }, reject);\n    });\n  }\n\n  public captureImage(params: CameraInput): Promise<CaptureImageOutput> {\n    return new Promise((resolve, reject) => {\n      permissionManager.requestPermissions('image').then(() => {\n        const destroy = this.displayManager.show({\n          content: (<CameraView type={this.type} captureType={'image'} onSuccess={(o) => {\n            destroy.call(this.displayManager);\n            o.content().catch(() => {}).then(base64 => {\n              resolve({imagePath: o.uri, content: base64 || ''});\n            });\n          }} onCancel={() => {destroy.call(this.displayManager);}}\n          ></CameraView>)\n        });\n      }, reject);\n    });\n  }\n}\n\ninterface CameraOutput {\n  uri: string;\n  content: () => Promise<string>;\n}\n\nclass CameraViewProps {\n  type: 'front' | 'back' = 'back' as CameraType;\n  captureType: 'image' | 'video' = 'image';\n  onSuccess: (o: CameraOutput) => any = () => {};\n  onCancel: () => any = () => {};\n}\n\nclass CameraViewState {\n    recording: boolean = false;\n    showActionBtns: boolean = false;\n    cameraType: CameraType = CameraType.back;\n    isCaptured: boolean = false;\n    closeView: boolean = false;\n    cameraContent: CameraOutput = {} as CameraOutput;\n}\n\nexport class CameraView extends React.Component<CameraViewProps, CameraViewState> {\n  private camera: Camera = {} as Camera;\n\n  constructor(props: CameraViewProps) {\n    super(props);\n    this.state = new CameraViewState();\n  }\n\n  toggleCapture() {\n    if (this.props.captureType === 'image') {\n      this.takePicture();\n    } else {\n      if (!this.state.recording) {\n        this.startRecord();\n      } else {\n        this.stopRecord();\n        this.setState({showActionBtns: true} as CameraViewState);\n      }\n    }\n  }\n\n  async takePicture() {\n    const options = {\n      quality: 0.5,\n      base64: false,\n      skipProcessing: true,\n      onPictureSaved: (response: any) => {\n        response.content = async () => {\n          return await FileSystem.readAsStringAsync(response.uri, { encoding: 'base64' });\n        };\n        this.setState({ \n          cameraContent: response,\n          isCaptured: true,\n          showActionBtns: true } as CameraViewState);\n      }\n    }\n    await this.camera.takePictureAsync(options);\n\n    if (this.state.showActionBtns) {\n      this.setState({showActionBtns: false} as CameraViewState);\n    }\n    this.setState({showActionBtns: true} as CameraViewState);\n  }\n\n  // start recording\n  startRecord = async () => {\n    this.camera.recordAsync().then((response: any) => {\n      response.content = async () => {\n        return await FileSystem.readAsStringAsync(response.uri, { encoding: 'base64' });\n      };\n      this.setState({ cameraContent: response, isCaptured: true } as CameraViewState);\n    });\n    if (this.state.showActionBtns) {\n      this.setState({showActionBtns: false} as CameraViewState);\n    }\n\n    this.setState({recording: true} as CameraViewState);\n  };\n\n  // stop recording\n  stopRecord = async () => {\n    this.camera.stopRecording();\n    this.setState({recording: false} as CameraViewState);\n    this.setState({showActionBtns: true} as CameraViewState);\n  };\n\n  getActionsTemplate() {\n    return <View style={styles.actionBar}>\n      <View style={styles.leftWrapper}>\n        <TouchableOpacity\n          onPress={() => {\n            this.setState({ cameraContent: {uri: ''}, isCaptured: false,  closeView: true } as CameraViewState);\n            this.props.onCancel();\n          }}>\n          <Ionicons name='close-circle' size={32} color='white' />\n        </TouchableOpacity>\n      </View>\n      <View style={styles.midWrapper}>\n        {!this.state.isCaptured ? <TouchableOpacity style={[styles.circle, styles.outerCircle, this.props.captureType === 'video' && !this.state.recording ? { backgroundColor: \"red\" } : {},\n          this.props.captureType === 'image' ? { backgroundColor: \"white\" } : {}]}\n                          onPress={this.toggleCapture.bind(this)}>\n          <View style={[styles.circle as ViewStyle, this.props.captureType === 'image' ? {} : styles.innerCircle, this.props.captureType === 'image' ? { backgroundColor: \"white\" } : {}]}></View>\n        </TouchableOpacity> : null}\n      </View>\n      <View style={styles.rightWrapper}>\n        {this.state.showActionBtns ? (<TouchableOpacity\n          onPress={() => {\n            this.setState({ isCaptured: false, closeView: true } as CameraViewState);\n            this.props.onSuccess(this.state.cameraContent);\n            this.setState({ cameraContent: {uri: ''} } as CameraViewState);\n          }}>\n          <Ionicons name='checkmark-circle' size={32} color='white'/>\n        </TouchableOpacity>) : (<TouchableOpacity\n          onPress={() => {\n            this.setState({cameraType: this.state.cameraType === 'back' ? 'front' : 'back'} as CameraViewState);\n          }}>\n          <Ionicons name='camera-reverse' size={32} color='white' />\n        </TouchableOpacity>)}\n      </View>\n    </View>\n  }\n\n  getPreviewTemplate(actions: any) {\n    return this.props.captureType === 'image' ?\n      <ImageBackground source={{uri : this.state.cameraContent.uri}} resizeMode={ResizeMode.CONTAIN} style={{flex: 1}} />\n      : <Video\n          style={{ flex: 1 }}\n          source={{\n            uri: this.state.cameraContent.uri,\n          }}\n          shouldPlay={true}\n          useNativeControls\n          isLooping\n          resizeMode={ResizeMode.CONTAIN}\n        ></Video>\n  }\n\n  render() {\n    if (this.state.closeView) {\n      return null;\n    }\n    const actions = this.getActionsTemplate();\n    return (\n      <View style={styles.preview}>\n        {this.state.isCaptured ? (\n          this.getPreviewTemplate(actions)\n        ) : (\n          <Camera type={CameraType[this.state.cameraType]} ref={(ref: Camera) => { this.camera = ref; }}\n              style={{flex: 1}}\n              onCameraReady={() => {}}>\n\n          </Camera>)}\n        {actions}\n      </View>)\n  }\n}\nconst cameraService = new CameraService(appDisplayManagerService);\nexport default cameraService;\n"],"mappings":"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"}

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

@@ -30,8 +30,9 @@ const styles = StyleSheet.create({
   },
   closeWrapper: {
     flex: 1,
-    alignItems: 'flex-end',
-    paddingRight: 10
+    justifyContent: 'flex-end',
+    alignItems: 'center',
+    paddingBottom: 32
   },
   topWrapper: {
     flex: 2,
@@ -78,17 +79,7 @@ export class ScanService {
             style: StyleSheet.absoluteFillObject
           }, /*#__PURE__*/React.createElement(View, {
             style: styles.topWrapper
-          }, /*#__PURE__*/React.createElement(View, {
-            style: styles.closeWrapper
-          }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-            onPress: () => {
-              destroy.call(this.displayManager);
-            }
-          }, /*#__PURE__*/React.createElement(Ionicons, {
-            name: "close-circle",
-            size: 32,
-            color: "white"
-          })))), /*#__PURE__*/React.createElement(View, {
+          }), /*#__PURE__*/React.createElement(View, {
             style: styles.centerWrapper
           }, /*#__PURE__*/React.createElement(View, {
             style: styles.leftWrapper
@@ -98,7 +89,17 @@ export class ScanService {
             style: styles.rightWrapper
           })), /*#__PURE__*/React.createElement(View, {
             style: styles.bottomWrapper
-          }))
+          }, /*#__PURE__*/React.createElement(View, {
+            style: styles.closeWrapper
+          }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+            onPress: () => {
+              destroy.call(this.displayManager);
+            }
+          }, /*#__PURE__*/React.createElement(Ionicons, {
+            name: "close-circle",
+            size: 48,
+            color: "white"
+          })))))
         });
       }, reject);
     }).then(response => {

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

@@ -1 +1 @@
-{"version":3,"names":["Camera","Ionicons","BarCodeScanner","Platform","StyleSheet","TouchableOpacity","View","React","permissionManager","appDisplayManagerService","barcodeFormatOptions","opacity","styles","create","container","flex","flexDirection","closeWrapper","alignItems","paddingRight","topWrapper","backgroundColor","centerWrapper","leftWrapper","focused","rightWrapper","bottomWrapper","ScanService","constructor","displayManager","scanBarcode","params","format","barcodeFormat","OS","undefined","Promise","resolve","reject","requestPermissions","then","destroy","show","content","barCodeTypes","Constants","BarCodeType","result","call","absoluteFillObject","response","type","values","Object","index","indexOf","keys","text","data","cancelled","scanService"],"sources":["scan-service.tsx"],"sourcesContent":["import { Camera } from 'expo-camera';\nimport { Ionicons } from '@expo/vector-icons';\nimport { BarCodeScanner } from 'expo-barcode-scanner';\nimport { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';\nimport React from 'react';\nimport { ScanInput, ScanOutput } from '@wavemaker/app-rn-runtime/variables/device/scan/scan.operation';\nimport { DisplayManager } from '@wavemaker/app-rn-runtime/core/display.manager';\nimport permissionManager from '@wavemaker/app-rn-runtime/runtime/services/device/permissions';\nimport appDisplayManagerService from '@wavemaker/app-rn-runtime/runtime/services/app-display-manager.service';\n\ninterface objectMap {\n  [key: string]: string\n}\n\nconst barcodeFormatOptions: objectMap = {\n  'ALL': 'ALL',\n  'CODABAR': 'codabar',\n  'CODE_39': 'code39',\n  'CODE_93': 'code93',\n  'CODE_128': 'code128',\n  'DATA_MATRIX': 'datamatrix',\n  'EAN_8': 'ean8',\n  'EAN_13': 'ean13',\n  'ITF': 'itf14',\n  'PDF_417': 'pdf417',\n  'QR_CODE': 'qr',\n  'RSS14': 'rss14',\n  'RSS_EXPANDED': 'rssexpanded',\n  'UPC_E': 'upc_e',\n  'UPC_A': 'upc_a'\n};\nconst opacity = 'rgba(0, 0, 0, 0.6)';\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    flexDirection: 'column'\n  },\n  closeWrapper: {\n    flex: 1,\n    alignItems: 'flex-end',\n    paddingRight: 10\n  },\n  topWrapper: {\n    flex: 2,\n    backgroundColor: opacity\n  },\n  centerWrapper: {\n    flex: 2,\n    flexDirection: 'row'\n  },\n  leftWrapper: {\n    flex: 2,\n    backgroundColor: opacity\n  },\n  focused: {\n    flex: 10\n  },\n  rightWrapper: {\n    flex: 2,\n    backgroundColor: opacity\n  },\n  bottomWrapper: {\n    flex: 2,\n    backgroundColor: opacity\n  },\n});\n\nexport class ScanService {\n\n  constructor(private displayManager: DisplayManager) {}\n\n  public scanBarcode(params: ScanInput): Promise<ScanOutput> {\n    const format = params?.barcodeFormat || 'ALL';\n    const barcodeFormat: string | undefined = Platform.OS === 'ios' ? undefined : barcodeFormatOptions[format];\n    return new Promise((resolve, reject) => {\n      permissionManager.requestPermissions('camera').then(() => {\n        const destroy = this.displayManager.show({\n          content: (<Camera\n            barCodeScannerSettings={barcodeFormat ? {\n              barCodeTypes: [BarCodeScanner.Constants.BarCodeType[barcodeFormat]],\n            }: undefined}\n            onBarCodeScanned={(result) => {\n              destroy.call(this.displayManager);\n              resolve(result);\n            }}\n            style={StyleSheet.absoluteFillObject}\n          >\n            <View style={styles.topWrapper}>\n              <View style={styles.closeWrapper}>\n                <TouchableOpacity\n                  onPress={() => {\n                    destroy.call(this.displayManager);\n                  }}>\n                  <Ionicons name='close-circle' size={32} color='white' />\n                </TouchableOpacity>\n              </View>\n            </View>\n            <View style={styles.centerWrapper}>\n              <View style={styles.leftWrapper}/>\n              <View style={styles.focused}/>\n              <View style={styles.rightWrapper}/>\n            </View>\n            <View style={styles.bottomWrapper}/>\n          </Camera>)\n        });\n      }, reject)\n    }).then((response: any) => {\n      let format;\n      if (response.type) {\n        const values = Object.values(BarCodeScanner.Constants.BarCodeType);\n        const index = values.indexOf(response.type);\n        format = index > -1 ? Object.keys(BarCodeScanner.Constants.BarCodeType)[index] : '';\n      }\n      return Promise.resolve({\n        text: response.data,\n        format : format || response.type,\n        cancelled : false\n      });\n    });\n  }\n}\nconst scanService = new ScanService(appDisplayManagerService);\nexport default scanService;\n"],"mappings":"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"}
+{"version":3,"names":["Camera","Ionicons","BarCodeScanner","Platform","StyleSheet","TouchableOpacity","View","React","permissionManager","appDisplayManagerService","barcodeFormatOptions","opacity","styles","create","container","flex","flexDirection","closeWrapper","justifyContent","alignItems","paddingBottom","topWrapper","backgroundColor","centerWrapper","leftWrapper","focused","rightWrapper","bottomWrapper","ScanService","constructor","displayManager","scanBarcode","params","format","barcodeFormat","OS","undefined","Promise","resolve","reject","requestPermissions","then","destroy","show","content","barCodeTypes","Constants","BarCodeType","result","call","absoluteFillObject","response","type","values","Object","index","indexOf","keys","text","data","cancelled","scanService"],"sources":["scan-service.tsx"],"sourcesContent":["import { Camera } from 'expo-camera';\nimport { Ionicons } from '@expo/vector-icons';\nimport { BarCodeScanner } from 'expo-barcode-scanner';\nimport { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';\nimport React from 'react';\nimport { ScanInput, ScanOutput } from '@wavemaker/app-rn-runtime/variables/device/scan/scan.operation';\nimport { DisplayManager } from '@wavemaker/app-rn-runtime/core/display.manager';\nimport permissionManager from '@wavemaker/app-rn-runtime/runtime/services/device/permissions';\nimport appDisplayManagerService from '@wavemaker/app-rn-runtime/runtime/services/app-display-manager.service';\n\ninterface objectMap {\n  [key: string]: string\n}\n\nconst barcodeFormatOptions: objectMap = {\n  'ALL': 'ALL',\n  'CODABAR': 'codabar',\n  'CODE_39': 'code39',\n  'CODE_93': 'code93',\n  'CODE_128': 'code128',\n  'DATA_MATRIX': 'datamatrix',\n  'EAN_8': 'ean8',\n  'EAN_13': 'ean13',\n  'ITF': 'itf14',\n  'PDF_417': 'pdf417',\n  'QR_CODE': 'qr',\n  'RSS14': 'rss14',\n  'RSS_EXPANDED': 'rssexpanded',\n  'UPC_E': 'upc_e',\n  'UPC_A': 'upc_a'\n};\nconst opacity = 'rgba(0, 0, 0, 0.6)';\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    flexDirection: 'column'\n  },\n  closeWrapper: {\n    flex: 1,\n    justifyContent: 'flex-end',\n    alignItems: 'center',\n    paddingBottom: 32\n  },\n  topWrapper: {\n    flex: 2,\n    backgroundColor: opacity\n  },\n  centerWrapper: {\n    flex: 2,\n    flexDirection: 'row'\n  },\n  leftWrapper: {\n    flex: 2,\n    backgroundColor: opacity\n  },\n  focused: {\n    flex: 10\n  },\n  rightWrapper: {\n    flex: 2,\n    backgroundColor: opacity\n  },\n  bottomWrapper: {\n    flex: 2,\n    backgroundColor: opacity\n  },\n});\n\nexport class ScanService {\n\n  constructor(private displayManager: DisplayManager) {}\n\n  public scanBarcode(params: ScanInput): Promise<ScanOutput> {\n    const format = params?.barcodeFormat || 'ALL';\n    const barcodeFormat: string | undefined = Platform.OS === 'ios' ? undefined : barcodeFormatOptions[format];\n    return new Promise((resolve, reject) => {\n      permissionManager.requestPermissions('camera').then(() => {\n        const destroy = this.displayManager.show({\n          content: (<Camera\n            barCodeScannerSettings={barcodeFormat ? {\n              barCodeTypes: [BarCodeScanner.Constants.BarCodeType[barcodeFormat]],\n            }: undefined}\n            onBarCodeScanned={(result) => {\n              destroy.call(this.displayManager);\n              resolve(result);\n            }}\n            style={StyleSheet.absoluteFillObject}\n          >\n            <View style={styles.topWrapper}>\n            </View>\n            <View style={styles.centerWrapper}>\n              <View style={styles.leftWrapper}/>\n              <View style={styles.focused}/>\n              <View style={styles.rightWrapper}/>\n            </View>\n            <View style={styles.bottomWrapper}>\n              \n              <View style={styles.closeWrapper}>\n                  <TouchableOpacity\n                      onPress={() => {\n                        destroy.call(this.displayManager);\n                      }}>\n                      <Ionicons name='close-circle' size={48} color='white' />\n                  </TouchableOpacity>\n              </View>\n            </View>\n          </Camera>)\n        });\n      }, reject)\n    }).then((response: any) => {\n      let format;\n      if (response.type) {\n        const values = Object.values(BarCodeScanner.Constants.BarCodeType);\n        const index = values.indexOf(response.type);\n        format = index > -1 ? Object.keys(BarCodeScanner.Constants.BarCodeType)[index] : '';\n      }\n      return Promise.resolve({\n        text: response.data,\n        format : format || response.type,\n        cancelled : false\n      });\n    });\n  }\n}\nconst scanService = new ScanService(appDisplayManagerService);\nexport default scanService;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,aAAa;AACpC,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,QAAQ,EAAEC,UAAU,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAC3E,OAAOC,KAAK,MAAM,OAAO;AAGzB,OAAOC,iBAAiB,MAAM,+DAA+D;AAC7F,OAAOC,wBAAwB,MAAM,wEAAwE;AAM7G,MAAMC,oBAA+B,GAAG;EACtC,KAAK,EAAE,KAAK;EACZ,SAAS,EAAE,SAAS;EACpB,SAAS,EAAE,QAAQ;EACnB,SAAS,EAAE,QAAQ;EACnB,UAAU,EAAE,SAAS;EACrB,aAAa,EAAE,YAAY;EAC3B,OAAO,EAAE,MAAM;EACf,QAAQ,EAAE,OAAO;EACjB,KAAK,EAAE,OAAO;EACd,SAAS,EAAE,QAAQ;EACnB,SAAS,EAAE,IAAI;EACf,OAAO,EAAE,OAAO;EAChB,cAAc,EAAE,aAAa;EAC7B,OAAO,EAAE,OAAO;EAChB,OAAO,EAAE;AACX,CAAC;AACD,MAAMC,OAAO,GAAG,oBAAoB;AACpC,MAAMC,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB,CAAC;EACDC,YAAY,EAAE;IACZF,IAAI,EAAE,CAAC;IACPG,cAAc,EAAE,UAAU;IAC1BC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDC,UAAU,EAAE;IACVN,IAAI,EAAE,CAAC;IACPO,eAAe,EAAEX;EACnB,CAAC;EACDY,aAAa,EAAE;IACbR,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB,CAAC;EACDQ,WAAW,EAAE;IACXT,IAAI,EAAE,CAAC;IACPO,eAAe,EAAEX;EACnB,CAAC;EACDc,OAAO,EAAE;IACPV,IAAI,EAAE;EACR,CAAC;EACDW,YAAY,EAAE;IACZX,IAAI,EAAE,CAAC;IACPO,eAAe,EAAEX;EACnB,CAAC;EACDgB,aAAa,EAAE;IACbZ,IAAI,EAAE,CAAC;IACPO,eAAe,EAAEX;EACnB;AACF,CAAC,CAAC;AAEF,OAAO,MAAMiB,WAAW,CAAC;EAEvBC,WAAW,CAASC,cAA8B,EAAE;IAAA,KAAhCA,cAA8B,GAA9BA,cAA8B;EAAG;EAE9CC,WAAW,CAACC,MAAiB,EAAuB;IACzD,MAAMC,MAAM,GAAG,CAAAD,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEE,aAAa,KAAI,KAAK;IAC7C,MAAMA,aAAiC,GAAG/B,QAAQ,CAACgC,EAAE,KAAK,KAAK,GAAGC,SAAS,GAAG1B,oBAAoB,CAACuB,MAAM,CAAC;IAC1G,OAAO,IAAII,OAAO,CAAC,CAACC,OAAO,EAAEC,MAAM,KAAK;MACtC/B,iBAAiB,CAACgC,kBAAkB,CAAC,QAAQ,CAAC,CAACC,IAAI,CAAC,MAAM;QACxD,MAAMC,OAAO,GAAG,IAAI,CAACZ,cAAc,CAACa,IAAI,CAAC;UACvCC,OAAO,eAAG,oBAAC,MAAM;YACf,sBAAsB,EAAEV,aAAa,GAAG;cACtCW,YAAY,EAAE,CAAC3C,cAAc,CAAC4C,SAAS,CAACC,WAAW,CAACb,aAAa,CAAC;YACpE,CAAC,GAAEE,SAAU;YACb,gBAAgB,EAAGY,MAAM,IAAK;cAC5BN,OAAO,CAACO,IAAI,CAAC,IAAI,CAACnB,cAAc,CAAC;cACjCQ,OAAO,CAACU,MAAM,CAAC;YACjB,CAAE;YACF,KAAK,EAAE5C,UAAU,CAAC8C;UAAmB,gBAErC,oBAAC,IAAI;YAAC,KAAK,EAAEtC,MAAM,CAACS;UAAW,EACxB,eACP,oBAAC,IAAI;YAAC,KAAK,EAAET,MAAM,CAACW;UAAc,gBAChC,oBAAC,IAAI;YAAC,KAAK,EAAEX,MAAM,CAACY;UAAY,EAAE,eAClC,oBAAC,IAAI;YAAC,KAAK,EAAEZ,MAAM,CAACa;UAAQ,EAAE,eAC9B,oBAAC,IAAI;YAAC,KAAK,EAAEb,MAAM,CAACc;UAAa,EAAE,CAC9B,eACP,oBAAC,IAAI;YAAC,KAAK,EAAEd,MAAM,CAACe;UAAc,gBAEhC,oBAAC,IAAI;YAAC,KAAK,EAAEf,MAAM,CAACK;UAAa,gBAC7B,oBAAC,gBAAgB;YACb,OAAO,EAAE,MAAM;cACbyB,OAAO,CAACO,IAAI,CAAC,IAAI,CAACnB,cAAc,CAAC;YACnC;UAAE,gBACF,oBAAC,QAAQ;YAAC,IAAI,EAAC,cAAc;YAAC,IAAI,EAAE,EAAG;YAAC,KAAK,EAAC;UAAO,EAAG,CACzC,CAChB,CACF;QAEX,CAAC,CAAC;MACJ,CAAC,EAAES,MAAM,CAAC;IACZ,CAAC,CAAC,CAACE,IAAI,CAAEU,QAAa,IAAK;MACzB,IAAIlB,MAAM;MACV,IAAIkB,QAAQ,CAACC,IAAI,EAAE;QACjB,MAAMC,MAAM,GAAGC,MAAM,CAACD,MAAM,CAACnD,cAAc,CAAC4C,SAAS,CAACC,WAAW,CAAC;QAClE,MAAMQ,KAAK,GAAGF,MAAM,CAACG,OAAO,CAACL,QAAQ,CAACC,IAAI,CAAC;QAC3CnB,MAAM,GAAGsB,KAAK,GAAG,CAAC,CAAC,GAAGD,MAAM,CAACG,IAAI,CAACvD,cAAc,CAAC4C,SAAS,CAACC,WAAW,CAAC,CAACQ,KAAK,CAAC,GAAG,EAAE;MACrF;MACA,OAAOlB,OAAO,CAACC,OAAO,CAAC;QACrBoB,IAAI,EAAEP,QAAQ,CAACQ,IAAI;QACnB1B,MAAM,EAAGA,MAAM,IAAIkB,QAAQ,CAACC,IAAI;QAChCQ,SAAS,EAAG;MACd,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;AACF;AACA,MAAMC,WAAW,GAAG,IAAIjC,WAAW,CAACnB,wBAAwB,CAAC;AAC7D,eAAeoD,WAAW"}

app-rn-runtime/styles/background.component.js

@@ -0,0 +1,259 @@
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import * as React from 'react';
+import { LinearGradient as ExpoLinearGradient } from 'expo-linear-gradient';
+import { Image, StyleSheet, View } from 'react-native';
+import { isEmpty, isNil, isNumber, isString } from 'lodash-es';
+import imageSizeEstimator from '@wavemaker/app-rn-runtime/core/imageSizeEstimator';
+import { AssetConsumer } from '@wavemaker/app-rn-runtime/core/asset.provider';
+const IMAGE_URL_REGEX = /url\(['|"]?(.+)['|"]?\)$/gi;
+const LINEAT_GRADIENT_REGEX = /linear-gradient\((.+)\)$/gi;
+const BACKGROUND_POSITION_REGEX = /([0-9%]+)[a-z]*\s*([0-9%]+)[a-z]*/g;
+const BACKGROUND_SIZE_REGEX = /([0-9%]+)[a-z]*\s*([0-9%]+)[a-z]*/g;
+export class LinearGradient extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = this.parse();
+  }
+  parse() {
+    let val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props.value;
+    let state = {};
+    const splits = val.split(',').map(v => v.trim());
+    let angle = 0;
+    const locations = [];
+    if (splits[0].endsWith('deg')) {
+      angle = parseInt(splits[0].split('deg')[0]) % 360;
+      angle = angle < 0 ? 360 + angle : angle;
+      splits.shift();
+    }
+    angle += 90;
+    const delta = Math.round(Math.tan(angle * Math.PI / 180) * 100) / 100;
+    if (Math.abs(delta) > 1) {
+      state = {
+        end: {
+          x: -0.5 / delta + 0.5,
+          y: 0
+        },
+        start: {
+          x: 0.5 / delta + 0.5,
+          y: 1
+        }
+      };
+    } else {
+      state = {
+        start: {
+          x: 0,
+          y: -0.5 * delta + 0.5
+        },
+        end: {
+          x: 1,
+          y: 0.5 * delta + 0.5
+        }
+      };
+    }
+    if (angle >= 270 && angle <= 450) {
+      state = {
+        start: state.end,
+        end: state.start
+      };
+    }
+    state.colors = [];
+    state.locations = [];
+    splits.map(s => {
+      var _s$matchAll$next;
+      const p = (_s$matchAll$next = s.matchAll(/\s*([0-9]+)%/g).next()) === null || _s$matchAll$next === void 0 ? void 0 : _s$matchAll$next.value;
+      if (p) {
+        state.locations.push(parseInt(p[1]) / 100);
+        state.colors.push(s.replace(p[0], ''));
+      } else {
+        state.locations.push(null);
+        state.colors.push(s);
+      }
+    });
+    return state;
+  }
+  componentDidUpdate(prevProps, prevState, snapshot) {
+    if (prevProps.value !== this.props.value) {
+      this.setState(this.parse());
+    }
+  }
+  render() {
+    var _this$props$size, _this$props$style;
+    return /*#__PURE__*/React.createElement(View, {
+      style: [{
+        borderWidth: 0,
+        overflow: 'hidden'
+      }, StyleSheet.absoluteFill, this.props.style]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [StyleSheet.absoluteFill, this.props.middle ? {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center'
+      } : null]
+    }, /*#__PURE__*/React.createElement(ExpoLinearGradient, {
+      colors: this.state.colors,
+      locations: this.state.locations,
+      start: this.state.start,
+      end: this.state.end,
+      style: [(_this$props$size = this.props.size) !== null && _this$props$size !== void 0 && _this$props$size.width ? this.props.size : StyleSheet.absoluteFill, this.props.position, {
+        position: 'absolute',
+        borderRadius: (_this$props$style = this.props.style) === null || _this$props$style === void 0 ? void 0 : _this$props$style.borderRadius
+      }]
+    })), this.props.children);
+  }
+}
+export class BackgroundComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "loadAsset", null);
+    this.state = {};
+  }
+  caluculateSize(imageSrc) {
+    if (isNumber(imageSrc)) {
+      const {
+        width,
+        height
+      } = Image.resolveAssetSource(imageSrc);
+      this.setState({
+        naturalImageWidth: width,
+        naturalImageHeight: height
+      });
+    } else if (!isNil(imageSrc)) {
+      imageSizeEstimator.getSize(imageSrc.uri, (width, height) => {
+        this.setState({
+          naturalImageWidth: width,
+          naturalImageHeight: height
+        });
+      });
+    }
+  }
+  getPositionAndSize() {
+    var _this$props$size2, _this$getGradient, _this$getGradient$val;
+    const result = {};
+    if (this.props.resizeMode) {
+      result.resizeMode = this.props.resizeMode;
+      return result;
+    } else if (this.props.position === 'center') {
+      result.resizeMode = 'center';
+    } else if (this.props.size === 'contain' || this.props.size === 'cover') {
+      result.resizeMode = this.props.size;
+      return result;
+    }
+    const size = (_this$props$size2 = this.props.size) === null || _this$props$size2 === void 0 ? void 0 : _this$props$size2.matchAll(BACKGROUND_SIZE_REGEX).next().value;
+    result.size = {};
+    if (size) {
+      result.size.width = size[1].endsWith('%') ? size[1] : parseInt(size[1]);
+      result.size.height = size[2].endsWith('%') ? size[2] : parseInt(size[2]);
+    }
+    if (!result.resizeMode && this.props.position) {
+      result.position = {};
+      const position = this.props.position.matchAll(BACKGROUND_POSITION_REGEX).next().value;
+      result.position.top = position[1].endsWith('%') ? position[1] : parseInt(position[1]);
+      result.position.left = position[2].endsWith('%') ? position[2] : parseInt(position[2]);
+    }
+    if (!((_this$getGradient = this.getGradient()) !== null && _this$getGradient !== void 0 && (_this$getGradient$val = _this$getGradient.value) !== null && _this$getGradient$val !== void 0 && _this$getGradient$val.length)) {
+      if (this.props.repeat === 'no-repeat') {
+        result.size.width = result.size.width || this.state.naturalImageWidth;
+        result.size.height = result.size.height || this.state.naturalImageHeight;
+      } else if (this.props.repeat === 'repeat-x') {
+        result.resizeMode = 'repeat';
+        result.size.width = result.size.width || '100%';
+        result.size.height = result.size.height || this.state.naturalImageHeight;
+      } else if (this.props.repeat === 'repeat-y') {
+        result.resizeMode = 'repeat';
+        result.size.width = result.size.width || this.state.naturalImageWidth;
+        result.size.height = result.size.height || '100%';
+      } else {
+        result.resizeMode = 'repeat';
+      }
+    }
+    return result;
+  }
+  renderLinearGradient(data) {
+    const psresult = this.getPositionAndSize();
+    return /*#__PURE__*/React.createElement(LinearGradient, {
+      value: data || '',
+      style: this.props.style,
+      size: psresult.size,
+      position: psresult.position,
+      middle: psresult.resizeMode === 'center'
+    });
+  }
+  componentDidUpdate(prevProps, prevState, snapshot) {
+    if (prevProps.image !== this.props.image) {
+      this.setImage();
+    }
+  }
+  componentDidMount() {
+    setTimeout(() => this.setImage(), 100);
+  }
+  setImage() {
+    var _this$props$image, _source;
+    let source = (_this$props$image = this.props.image) === null || _this$props$image === void 0 ? void 0 : _this$props$image.trim();
+    if ((_source = source) !== null && _source !== void 0 && _source.startsWith('url')) {
+      var _this$props$image2;
+      source = (_this$props$image2 = this.props.image) === null || _this$props$image2 === void 0 ? void 0 : _this$props$image2.matchAll(IMAGE_URL_REGEX).next().value[1];
+    }
+    if (this.loadAsset) {
+      source = this.loadAsset(source);
+    }
+    if (isString(source) && (source.startsWith('data:') || source.startsWith('http') || source.startsWith('file:'))) {
+      source = {
+        uri: source
+      };
+    }
+    this.caluculateSize(source);
+    this.setState({
+      imageSrc: source
+    });
+  }
+  getGradient() {
+    var _this$props$image3;
+    return (_this$props$image3 = this.props.image) === null || _this$props$image3 === void 0 ? void 0 : _this$props$image3.trim().matchAll(LINEAT_GRADIENT_REGEX).next();
+  }
+  renderImage() {
+    const psresult = this.getPositionAndSize();
+    return /*#__PURE__*/React.createElement(AssetConsumer, null, loadAsset => {
+      this.loadAsset = loadAsset;
+      return /*#__PURE__*/React.createElement(View, {
+        style: [{
+          borderWidth: 0,
+          overflow: 'hidden'
+        }, StyleSheet.absoluteFill, this.props.style]
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [StyleSheet.absoluteFill, this.props.position === 'center' ? {
+          flexDirection: 'row',
+          justifyContent: 'center',
+          alignItems: 'center'
+        } : null]
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [{
+          position: 'absolute',
+          overflow: 'hidden'
+        }, psresult.position, isEmpty(psresult.size) ? StyleSheet.absoluteFill : psresult.size]
+      }, /*#__PURE__*/React.createElement(Image, {
+        source: this.state.imageSrc,
+        resizeMode: psresult.resizeMode || 'cover',
+        style: [{
+          width: '100%',
+          height: '100%'
+        }, isEmpty(psresult.size) ? {
+          minWidth: this.state.naturalImageWidth,
+          minHeight: this.state.naturalImageHeight
+        } : null]
+      }))));
+    });
+  }
+  render() {
+    var _gradientData$value;
+    const gradientData = this.getGradient();
+    if (gradientData !== null && gradientData !== void 0 && (_gradientData$value = gradientData.value) !== null && _gradientData$value !== void 0 && _gradientData$value.length) {
+      return this.renderLinearGradient(gradientData.value[1]);
+    } else if (this.props.image) {
+      return this.renderImage();
+    }
+    return null;
+  }
+}
+//# sourceMappingURL=background.component.js.map

app-rn-runtime/styles/background.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","LinearGradient","ExpoLinearGradient","Image","StyleSheet","View","isEmpty","isNil","isNumber","isString","imageSizeEstimator","AssetConsumer","IMAGE_URL_REGEX","LINEAT_GRADIENT_REGEX","BACKGROUND_POSITION_REGEX","BACKGROUND_SIZE_REGEX","Component","constructor","props","state","parse","val","value","splits","split","map","v","trim","angle","locations","endsWith","parseInt","shift","delta","Math","round","tan","PI","abs","end","x","y","start","colors","s","p","matchAll","next","push","replace","componentDidUpdate","prevProps","prevState","snapshot","setState","render","borderWidth","overflow","absoluteFill","style","middle","flexDirection","justifyContent","alignItems","size","width","position","borderRadius","children","BackgroundComponent","caluculateSize","imageSrc","height","resolveAssetSource","naturalImageWidth","naturalImageHeight","getSize","uri","getPositionAndSize","result","resizeMode","top","left","getGradient","length","repeat","renderLinearGradient","data","psresult","image","setImage","componentDidMount","setTimeout","source","startsWith","loadAsset","renderImage","minWidth","minHeight","gradientData"],"sources":["background.component.tsx"],"sourcesContent":["import * as React from 'react';\nimport { LinearGradient as ExpoLinearGradient, LinearGradientPoint } from 'expo-linear-gradient';\nimport { Image, StyleSheet, View, ViewStyle } from 'react-native';\nimport { isEmpty, isNil, isNumber, isString } from 'lodash-es';\nimport imageSizeEstimator from '@wavemaker/app-rn-runtime/core/imageSizeEstimator';\nimport { AssetConsumer } from '@wavemaker/app-rn-runtime/core/asset.provider';\n\nexport interface LinearGradientProps {\n    value: string;\n    children: any;\n    style?: ViewStyle;\n    size?: ViewStyle;\n    position?: ViewStyle;\n    middle?: boolean;\n}\n\nexport interface LinearGradientState {\n    colors: string[];\n    locations: number[];\n    start: LinearGradientPoint;\n    end: LinearGradientPoint;\n}\n\nconst IMAGE_URL_REGEX = /url\\(['|\"]?(.+)['|\"]?\\)$/gi;\nconst LINEAT_GRADIENT_REGEX = /linear-gradient\\((.+)\\)$/gi;\nconst BACKGROUND_POSITION_REGEX = /([0-9%]+)[a-z]*\\s*([0-9%]+)[a-z]*/g;\nconst BACKGROUND_SIZE_REGEX = /([0-9%]+)[a-z]*\\s*([0-9%]+)[a-z]*/g;\n\nexport class LinearGradient extends React.Component<LinearGradientProps, LinearGradientState> {\n\n    constructor(props: LinearGradientProps) {\n        super(props);\n        this.state = this.parse();\n    }\n\n    parse(val = this.props.value) {\n        let state = {} as LinearGradientState;\n        const splits = val.split(',').map(v => v.trim());\n        let angle = 0;\n        const locations: LinearGradientPoint[] = [];\n        if (splits[0].endsWith('deg')) {\n            angle = (parseInt(splits[0].split('deg')[0]))%360;\n            angle = angle < 0 ? (360 + angle) : angle;\n            splits.shift();\n        }\n        angle += 90;\n        const delta = Math.round(Math.tan((angle * Math.PI) / 180) * 100)/100;\n        if (Math.abs(delta) > 1) {\n            state = {\n                end: {\n                    x: -0.5 / delta + 0.5,\n                    y: 0\n                },\n                start: {\n                    x: 0.5 / delta + 0.5,\n                    y: 1\n                }\n            }  as LinearGradientState;\n        } else {\n            state = {\n                start: {\n                    x: 0,\n                    y: -0.5 * delta + 0.5\n                },\n                end: {\n                    x: 1,\n                    y: 0.5 * delta + 0.5\n                }\n            }  as LinearGradientState;\n        }\n        if (angle >= 270 && angle <= 450) {\n            state = {\n                start : state.end,\n                end: state.start\n            } as LinearGradientState;\n        }\n        state.colors = [];\n        state.locations = [];\n        splits.map(s => {\n            const p = s.matchAll(/\\s*([0-9]+)%/g).next()?.value;\n            if (p) {\n                state.locations.push(parseInt(p[1]) / 100);\n                state.colors.push(s.replace(p[0], ''));\n            } else {\n                state.locations.push(null as any);\n                state.colors.push(s);\n            }\n        });\n        return state;\n    }\n\n    componentDidUpdate(prevProps: Readonly<LinearGradientProps>, prevState: Readonly<{}>, snapshot?: any): void {\n        if (prevProps.value !== this.props.value) {\n            this.setState(this.parse());\n        }\n    }\n    \n\n    public render() {\n        return (\n            <View style={[{borderWidth: 0, overflow: 'hidden'}, StyleSheet.absoluteFill, this.props.style]}>\n                <View style={[\n                    StyleSheet.absoluteFill, this.props.middle ? {\n                        flexDirection: 'row',\n                        justifyContent: 'center',\n                        alignItems: 'center'\n                    } : null]}>\n                    <ExpoLinearGradient\n                        colors={this.state.colors}\n                        locations={this.state.locations}\n                        start={this.state.start}\n                        end={this.state.end}\n                        style={[\n                            this.props.size?.width ? this.props.size : StyleSheet.absoluteFill,\n                            this.props.position,\n                            {position: 'absolute', borderRadius: this.props.style?.borderRadius}\n                        ]}\n                    />\n                </View>\n                {this.props.children}\n            </View>\n        );\n    }\n}\n\nexport interface BackgroundProps {\n    image?: string;\n    position?: string;\n    children?: any;\n    resizeMode?: string;\n    repeat?: string;\n    style?: ViewStyle;\n    size: string;\n}\n\nexport interface BackgroundState {\n    imageSrc: any;\n    naturalImageWidth: number,\n    naturalImageHeight: number\n}\n\nexport class BackgroundComponent extends React.Component<BackgroundProps, BackgroundState> {\n\n    private loadAsset: (path: string) => number | string = null as any;\n\n    constructor(props: BackgroundProps) {\n        super(props);\n        this.state = {} as BackgroundState;\n    }\n\n    public caluculateSize(imageSrc: any) {\n        if (isNumber(imageSrc)) {\n            const {width, height} = Image.resolveAssetSource(imageSrc);\n            this.setState({\n              naturalImageWidth: width,\n              naturalImageHeight: height\n            } as BackgroundState);\n          } else if (!isNil(imageSrc)) {\n            imageSizeEstimator.getSize(imageSrc.uri, (width: number, height: number) => {\n              this.setState({\n                naturalImageWidth: width,\n                naturalImageHeight: height\n              } as BackgroundState);\n            });\n          }\n    }\n\n    public getPositionAndSize() {\n        const result: {\n            resizeMode? : string,\n            position?: {\n                top?: string | number,\n                left?: string | number,\n            },\n            size?: {\n                width?: string | number,\n                height? : string | number\n            }\n        } = {} as any;\n        if (this.props.resizeMode) {\n            result.resizeMode = this.props.resizeMode;\n            return result;\n        } else if (this.props.position === 'center') {\n            result.resizeMode = 'center';\n        } else if (this.props.size === 'contain' || this.props.size === 'cover') {\n            result.resizeMode = this.props.size;\n            return result;\n        }\n        const size = this.props.size?.matchAll(BACKGROUND_SIZE_REGEX).next().value;\n        result.size = {};\n        if (size) {\n            result.size.width = size[1].endsWith('%') ? size[1] : parseInt(size[1]);\n            result.size.height = size[2].endsWith('%') ? size[2] : parseInt(size[2]);\n        }\n        if (!result.resizeMode && this.props.position) {\n            result.position = {};\n            const position = this.props.position.matchAll(BACKGROUND_POSITION_REGEX).next().value;\n            result.position.top = position[1].endsWith('%') ? position[1] : parseInt(position[1]);\n            result.position.left = position[2].endsWith('%') ? position[2] : parseInt(position[2]);\n        }\n        if (!this.getGradient()?.value?.length) {\n            if (this.props.repeat === 'no-repeat') {\n                result.size.width = result.size.width || this.state.naturalImageWidth; \n                result.size.height = result.size.height || this.state.naturalImageHeight; \n            } else if (this.props.repeat === 'repeat-x') {\n                result.resizeMode = 'repeat';\n                result.size.width = result.size.width || '100%'; \n                result.size.height = result.size.height || this.state.naturalImageHeight; \n            } else if (this.props.repeat === 'repeat-y') {\n                result.resizeMode = 'repeat';\n                result.size.width = result.size.width || this.state.naturalImageWidth; \n                result.size.height = result.size.height || '100%'; \n            } else {\n                result.resizeMode = 'repeat';\n            }\n        }\n        return result;\n    }\n\n    public renderLinearGradient(data: string) {\n        const psresult = this.getPositionAndSize();\n        return  (\n            <LinearGradient\n                value={data || ''}\n                style={this.props.style}\n                size={psresult.size}\n                position={psresult.position}\n                middle={psresult.resizeMode === 'center'}>\n            </LinearGradient>\n        );\n    }\n\n    componentDidUpdate(prevProps: Readonly<BackgroundProps>, prevState: Readonly<{}>, snapshot?: any): void {\n        if (prevProps.image !== this.props.image) {\n            this.setImage();\n        }\n    }\n\n    componentDidMount(): void {\n        setTimeout(() => this.setImage(), 100);\n    }\n\n    setImage() {\n        let source = this.props.image?.trim() as any;\n        if (source?.startsWith('url')) {\n            source = this.props.image?.matchAll(IMAGE_URL_REGEX).next().value[1];\n        }\n        if (this.loadAsset) {\n            source = this.loadAsset(source);\n        }\n        if (isString(source) && (\n            source.startsWith('data:') ||\n            source.startsWith('http') || \n            source.startsWith('file:'))) {\n            source = {\n                uri: source\n            };\n        }\n        this.caluculateSize(source);\n        this.setState({\n            imageSrc: source\n        } as BackgroundState);\n    }\n\n    public getGradient() {\n        return this.props.image?.trim().matchAll(LINEAT_GRADIENT_REGEX).next();\n    }\n\n    public renderImage() {\n        const psresult = this.getPositionAndSize();\n        return (\n        <AssetConsumer>\n            {(loadAsset) => {\n            this.loadAsset = loadAsset;\n            return (<View style={[{borderWidth: 0, overflow: 'hidden'}, StyleSheet.absoluteFill, this.props.style]}>\n                <View style={[\n                    StyleSheet.absoluteFill, this.props.position === 'center' ? {\n                        flexDirection: 'row',\n                        justifyContent: 'center',\n                        alignItems: 'center'\n                    } : null]}>\n                    <View style={[\n                        { position: 'absolute', overflow: 'hidden' },\n                        psresult.position,\n                        isEmpty(psresult.size) ?  StyleSheet.absoluteFill : psresult.size\n                    ]}>\n                        <Image\n                            source={this.state.imageSrc}\n                            resizeMode={psresult.resizeMode as any || 'cover'}\n                            style={[\n                                { \n                                    width: '100%',\n                                    height: '100%'\n                                }, \n                                isEmpty(psresult.size) ? {\n                                    minWidth: this.state.naturalImageWidth,\n                                    minHeight: this.state.naturalImageHeight\n                                } : null\n                            ]}/>\n                    </View>\n                </View>\n            </View>);\n            }}\n        </AssetConsumer>\n        );\n    }\n\n    public render() {\n        const gradientData = this.getGradient();\n        if (gradientData?.value?.length) {\n            return this.renderLinearGradient(gradientData.value[1]);\n        } else if (this.props.image) {\n            return this.renderImage();\n        }\n        return null;\n    }\n}\n\n"],"mappings":"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"}

app-rn-runtime/styles/style-prop.validator.js

@@ -1,4 +1,5 @@
 import { isNumber, isString } from 'lodash-es';
+import * as Font from 'expo-font';
 const isColor = c => true;
 const isStringOrNumber = v => isNumber(v) || isString(v);
 const isIn = function () {
@@ -108,12 +109,8 @@ const STYLE_PROP_TYPE_INFO = {
     isValid: isIn('solid', 'dotted', 'dashed'),
     ref: 'https://reactnative.dev/docs/view-style-props#borderstyle'
   },
-  borderTopColor: {
-    isValid: isNumber,
-    ref: 'https://reactnative.dev/docs/view-style-props#bordertopcolor'
-  },
   borderTopEndRadius: {
-    isValid: isNumber,
+    isValid: isColor,
     ref: 'https://reactnative.dev/docs/view-style-props#bordertopendradius'
   },
   borderTopLeftRadius: {
@@ -189,7 +186,8 @@ const STYLE_PROP_TYPE_INFO = {
     ref: 'https://reactnative.dev/docs/layout-props#flexwrap'
   },
   fontFamily: {
-    isValid: isString,
+    isValid: v => Font.isLoaded(v),
+    errorMsg: v => `Font '${v}' is not loaded. Font family names are case-sensitive. Please add font either in theme or app.`,
     ref: 'https://reactnative.dev/docs/text-style-props#fontfamily'
   },
   fontSize: {
@@ -433,4 +431,11 @@ export const isValidStyleProp = (name, value) => {
   const info = STYLE_PROP_TYPE_INFO[name];
   return !info || info.isValid(value);
 };
+export const getErrorMessage = (name, value) => {
+  const info = STYLE_PROP_TYPE_INFO[name];
+  if (info && info.errorMsg) {
+    return info.errorMsg(value);
+  }
+  return `'${value}' is not a valid value to '${name}'.`;
+};
 //# sourceMappingURL=style-prop.validator.js.map