@wavemaker-ai/app-rn-runtime 1.0.0-rc.647469

package/runtime/services/device/scan-service.js

@@ -0,0 +1,163 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { Ionicons } from '@expo/vector-icons';
+import { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
+import React from 'react';
+import appDisplayManagerService from '@wavemaker-ai/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
+  }
+});
+const BarCodeType = [{
+  0: 'aztec'
+}, {
+  1: 'ean13'
+}, {
+  2: 'ean8'
+}, {
+  3: 'qr'
+}, {
+  4: 'pdf417'
+}, {
+  5: 'upc_e'
+}, {
+  6: 'datamatrix'
+}, {
+  7: 'code39'
+}, {
+  8: 'code93'
+}, {
+  9: 'itf14'
+}, {
+  10: 'codabar'
+}, {
+  11: 'code128'
+}, {
+  12: 'upc_a'
+}];
+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) {
+    var _params$scanPluginSer;
+    const format = (params === null || params === void 0 ? void 0 : params.barcodeFormat) || 'ALL';
+    const barcodeFormat = Platform.OS === 'ios' ? undefined : barcodeFormatOptions[format];
+    const CameraView = params === null || params === void 0 || (_params$scanPluginSer = params.scanPluginService) === null || _params$scanPluginSer === void 0 ? void 0 : _params$scanPluginSer.CameraView;
+    return new Promise((resolve, reject) => {
+      var _params$permissionSer;
+      (params === null || params === void 0 || (_params$permissionSer = params.permissionService) === null || _params$permissionSer === void 0 ? void 0 : _params$permissionSer.requestPermissions) && params.permissionService.requestPermissions('camera').then(() => {
+        const destroy = this.displayManager.show({
+          content: /*#__PURE__*/React.createElement(CameraView, {
+            barcodeScannerSettings: barcodeFormat ? {
+              barcodeTypes: [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(BarCodeType);
+        const index = values.indexOf(response.type);
+        format = index > -1 ? Object.keys(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

package/runtime/services/device/scan-service.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Ionicons","Platform","StyleSheet","TouchableOpacity","View","React","appDisplayManagerService","barcodeFormatOptions","opacity","styles","create","container","flex","flexDirection","closeWrapper","justifyContent","alignItems","paddingBottom","topWrapper","backgroundColor","centerWrapper","leftWrapper","focused","rightWrapper","bottomWrapper","BarCodeType","ScanService","constructor","displayManager","getTestProps","suffix","id","OS","accessibilityLabel","testID","accessible","scanBarcode","params","_params$scanPluginSer","format","barcodeFormat","undefined","CameraView","scanPluginService","Promise","resolve","reject","_params$permissionSer","permissionService","requestPermissions","then","destroy","show","content","createElement","barcodeScannerSettings","barcodeTypes","onBarcodeScanned","result","call","style","absoluteFillObject","_extends","onPress","name","size","color","response","type","values","Object","index","indexOf","keys","text","data","cancelled","scanService"],"sources":["scan-service.tsx"],"sourcesContent":["import { Ionicons } from '@expo/vector-icons';\nimport { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';\nimport React from 'react';\nimport { ScanInput, ScanOutput } from '@wavemaker-ai/app-rn-runtime/variables/device/scan/scan.operation';\nimport { DisplayManager } from '@wavemaker-ai/app-rn-runtime/core/display.manager';\nimport appDisplayManagerService from '@wavemaker-ai/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\nconst BarCodeType: any = [\n  { 0: 'aztec' },\n  { 1: 'ean13' },\n  { 2: 'ean8' },\n  { 3: 'qr' },\n  { 4: 'pdf417' },\n  { 5: 'upc_e' },\n  { 6: 'datamatrix' },\n  { 7: 'code39' },\n  { 8: 'code93' },\n  { 9: 'itf14' },\n  { 10: 'codabar' },\n  { 11: 'code128' },\n  { 12: 'upc_a' }\n];\n\n\nexport class ScanService {\n\n  constructor(private displayManager: DisplayManager) {}\n\n  getTestProps(suffix: string) {\n    const id = \"scan\" + (suffix ? '_' + suffix  : '');\n    if (Platform.OS === 'android' || Platform.OS === 'web') {\n      return {\n          accessibilityLabel: id,\n          testID: id\n      };\n    }\n    return {\n        accessible: false,\n        testID: id\n    };\n  }\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    const CameraView = params?.scanPluginService?.CameraView;\n    return new Promise((resolve, reject) => {\n      params?.permissionService?.requestPermissions && params.permissionService.requestPermissions('camera').then(() => {\n        const destroy = this.displayManager.show({\n          content: (<CameraView\n            barcodeScannerSettings={barcodeFormat ? {\n              barcodeTypes: [BarCodeType[barcodeFormat]],\n            }: undefined}\n            onBarcodeScanned={(result: any) => {\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                      {... this.getTestProps('close_button')}\n                      onPress={() => {\n                        destroy.call(this.displayManager);\n                      }}>\n                      <Ionicons name='close-circle' size={48} color='white' />\n                  </TouchableOpacity>\n              </View>\n            </View>\n          </CameraView>)\n        });\n      }, reject)\n    }).then((response: any) => {\n      let format;\n      if (response.type) {\n        const values = Object.values(BarCodeType);\n        const index = values.indexOf(response.type);\n        format = index > -1 ? Object.keys(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,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,QAAQ,EAAEC,UAAU,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAC3E,OAAOC,KAAK,MAAM,OAAO;AAGzB,OAAOC,wBAAwB,MAAM,2EAA2E;AAMhH,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,GAAGP,UAAU,CAACQ,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,MAAMiB,WAAgB,GAAG,CACvB;EAAE,CAAC,EAAE;AAAQ,CAAC,EACd;EAAE,CAAC,EAAE;AAAQ,CAAC,EACd;EAAE,CAAC,EAAE;AAAO,CAAC,EACb;EAAE,CAAC,EAAE;AAAK,CAAC,EACX;EAAE,CAAC,EAAE;AAAS,CAAC,EACf;EAAE,CAAC,EAAE;AAAQ,CAAC,EACd;EAAE,CAAC,EAAE;AAAa,CAAC,EACnB;EAAE,CAAC,EAAE;AAAS,CAAC,EACf;EAAE,CAAC,EAAE;AAAS,CAAC,EACf;EAAE,CAAC,EAAE;AAAQ,CAAC,EACd;EAAE,EAAE,EAAE;AAAU,CAAC,EACjB;EAAE,EAAE,EAAE;AAAU,CAAC,EACjB;EAAE,EAAE,EAAE;AAAQ,CAAC,CAChB;AAGD,OAAO,MAAMC,WAAW,CAAC;EAEvBC,WAAWA,CAASC,cAA8B,EAAE;IAAA,KAAhCA,cAA8B,GAA9BA,cAA8B;EAAG;EAErDC,YAAYA,CAACC,MAAc,EAAE;IAC3B,MAAMC,EAAE,GAAG,MAAM,IAAID,MAAM,GAAG,GAAG,GAAGA,MAAM,GAAI,EAAE,CAAC;IACjD,IAAI7B,QAAQ,CAAC+B,EAAE,KAAK,SAAS,IAAI/B,QAAQ,CAAC+B,EAAE,KAAK,KAAK,EAAE;MACtD,OAAO;QACHC,kBAAkB,EAAEF,EAAE;QACtBG,MAAM,EAAEH;MACZ,CAAC;IACH;IACA,OAAO;MACHI,UAAU,EAAE,KAAK;MACjBD,MAAM,EAAEH;IACZ,CAAC;EACH;EAEOK,WAAWA,CAACC,MAAiB,EAAuB;IAAA,IAAAC,qBAAA;IACzD,MAAMC,MAAM,GAAG,CAAAF,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEG,aAAa,KAAI,KAAK;IAC7C,MAAMA,aAAiC,GAAGvC,QAAQ,CAAC+B,EAAE,KAAK,KAAK,GAAGS,SAAS,GAAGlC,oBAAoB,CAACgC,MAAM,CAAC;IAC1G,MAAMG,UAAU,GAAGL,MAAM,aAANA,MAAM,gBAAAC,qBAAA,GAAND,MAAM,CAAEM,iBAAiB,cAAAL,qBAAA,uBAAzBA,qBAAA,CAA2BI,UAAU;IACxD,OAAO,IAAIE,OAAO,CAAC,CAACC,OAAO,EAAEC,MAAM,KAAK;MAAA,IAAAC,qBAAA;MACtC,CAAAV,MAAM,aAANA,MAAM,gBAAAU,qBAAA,GAANV,MAAM,CAAEW,iBAAiB,cAAAD,qBAAA,uBAAzBA,qBAAA,CAA2BE,kBAAkB,KAAIZ,MAAM,CAACW,iBAAiB,CAACC,kBAAkB,CAAC,QAAQ,CAAC,CAACC,IAAI,CAAC,MAAM;QAChH,MAAMC,OAAO,GAAG,IAAI,CAACvB,cAAc,CAACwB,IAAI,CAAC;UACvCC,OAAO,eAAGhD,KAAA,CAAAiD,aAAA,CAACZ,UAAU;YACnBa,sBAAsB,EAAEf,aAAa,GAAG;cACtCgB,YAAY,EAAE,CAAC/B,WAAW,CAACe,aAAa,CAAC;YAC3C,CAAC,GAAEC,SAAU;YACbgB,gBAAgB,EAAGC,MAAW,IAAK;cACjCP,OAAO,CAACQ,IAAI,CAAC,IAAI,CAAC/B,cAAc,CAAC;cACjCiB,OAAO,CAACa,MAAM,CAAC;YACjB,CAAE;YACFE,KAAK,EAAE1D,UAAU,CAAC2D;UAAmB,gBAErCxD,KAAA,CAAAiD,aAAA,CAAClD,IAAI;YAACwD,KAAK,EAAEnD,MAAM,CAACS;UAAW,CACzB,CAAC,eACPb,KAAA,CAAAiD,aAAA,CAAClD,IAAI;YAACwD,KAAK,EAAEnD,MAAM,CAACW;UAAc,gBAChCf,KAAA,CAAAiD,aAAA,CAAClD,IAAI;YAACwD,KAAK,EAAEnD,MAAM,CAACY;UAAY,CAAC,CAAC,eAClChB,KAAA,CAAAiD,aAAA,CAAClD,IAAI;YAACwD,KAAK,EAAEnD,MAAM,CAACa;UAAQ,CAAC,CAAC,eAC9BjB,KAAA,CAAAiD,aAAA,CAAClD,IAAI;YAACwD,KAAK,EAAEnD,MAAM,CAACc;UAAa,CAAC,CAC9B,CAAC,eACPlB,KAAA,CAAAiD,aAAA,CAAClD,IAAI;YAACwD,KAAK,EAAEnD,MAAM,CAACe;UAAc,gBAEhCnB,KAAA,CAAAiD,aAAA,CAAClD,IAAI;YAACwD,KAAK,EAAEnD,MAAM,CAACK;UAAa,gBAC7BT,KAAA,CAAAiD,aAAA,CAACnD,gBAAgB,EAAA2D,QAAA,KACR,IAAI,CAACjC,YAAY,CAAC,cAAc,CAAC;YACtCkC,OAAO,EAAEA,CAAA,KAAM;cACbZ,OAAO,CAACQ,IAAI,CAAC,IAAI,CAAC/B,cAAc,CAAC;YACnC;UAAE,iBACFvB,KAAA,CAAAiD,aAAA,CAACtD,QAAQ;YAACgE,IAAI,EAAC,cAAc;YAACC,IAAI,EAAE,EAAG;YAACC,KAAK,EAAC;UAAO,CAAE,CACzC,CAChB,CACF,CACI;QACd,CAAC,CAAC;MACJ,CAAC,EAAEpB,MAAM,CAAC;IACZ,CAAC,CAAC,CAACI,IAAI,CAAEiB,QAAa,IAAK;MACzB,IAAI5B,MAAM;MACV,IAAI4B,QAAQ,CAACC,IAAI,EAAE;QACjB,MAAMC,MAAM,GAAGC,MAAM,CAACD,MAAM,CAAC5C,WAAW,CAAC;QACzC,MAAM8C,KAAK,GAAGF,MAAM,CAACG,OAAO,CAACL,QAAQ,CAACC,IAAI,CAAC;QAC3C7B,MAAM,GAAGgC,KAAK,GAAG,CAAC,CAAC,GAAGD,MAAM,CAACG,IAAI,CAAChD,WAAW,CAAC,CAAC8C,KAAK,CAAC,GAAG,EAAE;MAC5D;MACA,OAAO3B,OAAO,CAACC,OAAO,CAAC;QACrB6B,IAAI,EAAEP,QAAQ,CAACQ,IAAI;QACnBpC,MAAM,EAAGA,MAAM,IAAI4B,QAAQ,CAACC,IAAI;QAChCQ,SAAS,EAAG;MACd,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;AACF;AACA,MAAMC,WAAW,GAAG,IAAInD,WAAW,CAACpB,wBAAwB,CAAC;AAC7D,eAAeuE,WAAW","ignoreList":[]}

package/runtime/services/partial.service.js

@@ -0,0 +1,26 @@
+import injector from '@wavemaker-ai/app-rn-runtime/core/injector';
+export class PartialServiceImpl {
+  constructor(partials = null) {
+    this.partials = partials;
+  }
+  get(partialName, params) {
+    if (!this.partials) {
+      this.partials = injector.get('APP_CONFIG').partials;
+    }
+    if (params !== null && params !== void 0 && params.isPrefab) {
+      var _injector$get$prefabs;
+      let prefabPartials;
+      (_injector$get$prefabs = injector.get('APP_CONFIG').prefabs) === null || _injector$get$prefabs === void 0 || (_injector$get$prefabs = _injector$get$prefabs.partials) === null || _injector$get$prefabs === void 0 || _injector$get$prefabs.forEach(item => {
+        if (item.prefabName === params.name) {
+          prefabPartials = item.partials;
+        }
+      });
+      const targetPartial = prefabPartials && prefabPartials.find(p => p.name === partialName);
+      return targetPartial === null || targetPartial === void 0 ? void 0 : targetPartial.component;
+    }
+    const partial = this.partials.find(p => p.name === partialName);
+    return partial === null || partial === void 0 ? void 0 : partial.component;
+  }
+}
+export default new PartialServiceImpl();
+//# sourceMappingURL=partial.service.js.map

package/runtime/services/partial.service.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["injector","PartialServiceImpl","constructor","partials","get","partialName","params","isPrefab","_injector$get$prefabs","prefabPartials","prefabs","forEach","item","prefabName","name","targetPartial","find","p","component","partial"],"sources":["partial.service.tsx"],"sourcesContent":["import injector from '@wavemaker-ai/app-rn-runtime/core/injector';\nimport PartialService from '@wavemaker-ai/app-rn-runtime/core/partial.service';\nimport AppConfig from '@wavemaker-ai/app-rn-runtime/core/AppConfig';\n\nexport class PartialServiceImpl implements PartialService {\n\n    public constructor(private partials = null as any) {\n\n    }\n\n    get(partialName: string, params?: {isPrefab: boolean, name: string}) {\n        if (!this.partials) {\n            this.partials = injector.get<AppConfig>('APP_CONFIG').partials;\n        }\n\n        if(params?.isPrefab) {\n            let prefabPartials;\n            injector.get<AppConfig>('APP_CONFIG').prefabs?.partials?.forEach(item => {\n                if(item.prefabName === params.name){\n                    prefabPartials = item.partials;\n                }\n            })\n            const targetPartial = prefabPartials && (prefabPartials as any).find((p: any) => p.name === partialName);\n            return (targetPartial as any)?.component;\n        }\n\n        const partial = this.partials.find((p: any) => p.name === partialName);\n        return partial?.component;\n    }\n}\n\nexport default new PartialServiceImpl();\n"],"mappings":"AAAA,OAAOA,QAAQ,MAAM,4CAA4C;AAIjE,OAAO,MAAMC,kBAAkB,CAA2B;EAE/CC,WAAWA,CAASC,QAAQ,GAAG,IAAW,EAAE;IAAA,KAAxBA,QAAQ,GAARA,QAAQ;EAEnC;EAEAC,GAAGA,CAACC,WAAmB,EAAEC,MAA0C,EAAE;IACjE,IAAI,CAAC,IAAI,CAACH,QAAQ,EAAE;MAChB,IAAI,CAACA,QAAQ,GAAGH,QAAQ,CAACI,GAAG,CAAY,YAAY,CAAC,CAACD,QAAQ;IAClE;IAEA,IAAGG,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEC,QAAQ,EAAE;MAAA,IAAAC,qBAAA;MACjB,IAAIC,cAAc;MAClB,CAAAD,qBAAA,GAAAR,QAAQ,CAACI,GAAG,CAAY,YAAY,CAAC,CAACM,OAAO,cAAAF,qBAAA,gBAAAA,qBAAA,GAA7CA,qBAAA,CAA+CL,QAAQ,cAAAK,qBAAA,eAAvDA,qBAAA,CAAyDG,OAAO,CAACC,IAAI,IAAI;QACrE,IAAGA,IAAI,CAACC,UAAU,KAAKP,MAAM,CAACQ,IAAI,EAAC;UAC/BL,cAAc,GAAGG,IAAI,CAACT,QAAQ;QAClC;MACJ,CAAC,CAAC;MACF,MAAMY,aAAa,GAAGN,cAAc,IAAKA,cAAc,CAASO,IAAI,CAAEC,CAAM,IAAKA,CAAC,CAACH,IAAI,KAAKT,WAAW,CAAC;MACxG,OAAQU,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAUG,SAAS;IAC5C;IAEA,MAAMC,OAAO,GAAG,IAAI,CAAChB,QAAQ,CAACa,IAAI,CAAEC,CAAM,IAAKA,CAAC,CAACH,IAAI,KAAKT,WAAW,CAAC;IACtE,OAAOc,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAED,SAAS;EAC7B;AACJ;AAEA,eAAe,IAAIjB,kBAAkB,CAAC,CAAC","ignoreList":[]}

package/runtime/services/webprocess.service.js

@@ -0,0 +1,107 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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-ai/app-rn-runtime/components/advanced/webview/webview.component";
+import injector from "@wavemaker-ai/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

package/runtime/services/webprocess.service.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["axios","React","Component","Dimensions","View","WmWebview","injector","AppDisplayManagerService","windowWidth","get","width","windowHeight","height","WebProcessWebViewProps","constructor","_defineProperty","WebProcessWebView","props","getScriptToInject","process","render","createElement","style","src","incognito","styles","root","onLoad","e","w","setTimeout","executeScript","then","output","onComplete","WebProcessService","execute","hookUrl","useSystemBrowser","baseUrl","url","withCredentials","response","executeWithSystemBrowser","data","executeWithInAppBrowser","processInfo","Promise","reject","resolve","destroyFn","show","content","encodeURIComponent","ouput","call"],"sources":["webprocess.service.tsx"],"sourcesContent":["import axios from \"axios\";\nimport React, { Component } from \"react\";\nimport { Dimensions, View } from \"react-native\";\n\nimport WmWebview from \"@wavemaker-ai/app-rn-runtime/components/advanced/webview/webview.component\";\nimport AppConfig from \"@wavemaker-ai/app-rn-runtime/core/AppConfig\";\nimport injector from \"@wavemaker-ai/app-rn-runtime/core/injector\";\n\nimport AppDisplayManagerService from \"./app-display-manager.service\";\n\ndeclare const window: any, document: any, alert: any;\n\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nclass WebProcessWebViewProps {\n    src: string = \"\";\n    process: string = \"\";\n    incognito = false;\n    onComplete?: (output: string) => any = null as any;\n}\n\nclass WebProcessWebView extends Component<WebProcessWebViewProps> {\n\n    constructor(props: WebProcessWebViewProps) {\n      super(props);\n    }\n\n    private getScriptToInject(process: string): string {\n        return `(function() {\n            var elements = document.querySelectorAll('body.flex>a.link');\n            for (var i = 0; i < elements.length; i++) {\n                var href = elements[i].href;\n                if (href && href.indexOf('://services/webprocess/${process}?process_output=')) {\n                    return href.split('process_output=')[1];\n                }\n            }\n            window.isWebLoginProcess = true;\n        })()`;\n    }\n\n    render() {\n      return(\n        <View style={{\n          width: windowWidth,\n          height: windowHeight\n        }}>\n          <WmWebview src={this.props.src}\n            incognito={this.props.incognito}\n            styles={{\n            root: {\n              width: '100%',\n              height: '100%'\n            }\n          }}\n          onLoad={(e, w) => {\n            setTimeout(() => {\n              w.executeScript(this.getScriptToInject(this.props.process))\n              .then((output) => {\n                  if (output) {\n                    const onComplete = this.props.onComplete;\n                    onComplete && onComplete(output as string);\n                  }\n              });\n            }, 1000);\n          }}></WmWebview>\n        </View>\n      );\n    }\n}\n\nexport class WebProcessService {\n\n    baseUrl: string | null = null;\n\n    constructor() {}\n\n    public execute(process: string, hookUrl: string, useSystemBrowser = false, incognito = false): Promise<any> {\n        if (!this.baseUrl) {\n            this.baseUrl = injector.get<AppConfig>('APP_CONFIG').url;\n          }\n        return axios.get(this.baseUrl + `/services/webprocess/prepare?processName=${process}&hookUrl=${hookUrl}&requestSourceType=MOBILE`, {\n          withCredentials: true\n        })\n            .then((response) => {\n                if (useSystemBrowser) {\n                    return this.executeWithSystemBrowser(response.data);\n                } else {\n                    return this.executeWithInAppBrowser(response.data, process, incognito);\n                }\n            }).then(output => {\n                return axios.get(this.baseUrl + '/services/webprocess/decode?encodedProcessdata=' + output, {\n                  withCredentials: true\n                });\n            });\n    }\n\n    private executeWithSystemBrowser(processInfo: string): Promise<any> {\n        return Promise.reject('Web Process in System browser is nor ready yet');\n    }\n\n    private executeWithInAppBrowser(processInfo: string, process: string, incognito: boolean): Promise<any> {\n        return new Promise((resolve, reject) => {\n            let destroyFn = () => {};\n            destroyFn = AppDisplayManagerService.show({\n                content: (\n                  <WebProcessWebView\n                    src={this.baseUrl  + '/services/webprocess/start?process=' + encodeURIComponent(processInfo)}\n                    incognito={incognito}\n                    process={process}\n                    onComplete={(ouput) => {\n                      resolve(ouput);\n                      destroyFn.call(AppDisplayManagerService);\n                    }}></WebProcessWebView>\n                ),\n\n              });\n        });\n    }\n}\n\nexport default new WebProcessService();\n"],"mappings":"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","ignoreList":[]}

package/runtime/watcher.js

@@ -0,0 +1,147 @@
+var _Watcher;
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 { isArray, clone } from 'lodash';
+import { useEffect, useState } from 'react';
+import { WIDGET_LOGGER } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+const WATCH_LOGGER = WIDGET_LOGGER.extend("watch");
+class WatchExpression {
+  constructor(fn, onChange) {
+    this.fn = fn;
+    this.onChange = onChange;
+    _defineProperty(this, "last", null);
+    _defineProperty(this, "expBody", null);
+    _defineProperty(this, "lastExecutionTime", 0);
+    this.last = this.execute();
+    if (isArray(this.last)) {
+      this.last = clone(this.last);
+    }
+  }
+  getExpBody() {
+    if (!this.expBody) {
+      const expStr = this.fn.toString();
+      this.expBody = expStr.substring(expStr.indexOf('return ') + 7, expStr.lastIndexOf(';'));
+    }
+    return this.expBody;
+  }
+  execute() {
+    try {
+      return this.fn();
+    } catch (e) {
+      //do nothing
+      return null;
+    }
+  }
+  isEqual($old, $new) {
+    const isArrayObj = isArray($old) || isArray($new);
+    if (isArrayObj) {
+      if ($old && !$new || !$old && $new || $old.length !== $new.length) {
+        return false;
+      }
+      for (let i = 0; i < $old.length; i++) {
+        if ($old[i] !== $new[i]) {
+          return false;
+        }
+      }
+      return true;
+    }
+    return $old === $new;
+  }
+  get value() {
+    return this.last;
+  }
+  check() {
+    const start = Date.now();
+    const now = this.execute();
+    const changed = !this.isEqual(this.last, now);
+    this.lastExecutionTime = Date.now() - start;
+    if (changed) {
+      WATCH_LOGGER.debug(() => {
+        if (this.getExpBody() !== 'fragment') {
+          return `Watcher: <${this.getExpBody()}> Changed from ${this.last} to ${now} `;
+        }
+        return '';
+      });
+      this.onChange(this.last, now);
+      this.last = now;
+      if (isArray(this.last)) {
+        this.last = clone(this.last);
+      }
+      return true;
+    }
+    return false;
+  }
+}
+export class Watcher {
+  constructor() {
+    _defineProperty(this, "expressions", []);
+    _defineProperty(this, "isActive", true);
+    _defineProperty(this, "parent", null);
+    _defineProperty(this, "children", []);
+  }
+  check() {
+    if (this.isActive) {
+      this.expressions.forEach(expression => expression.check());
+      this.children.forEach(child => {
+        child.check();
+      });
+    }
+  }
+  create() {
+    const child = new Watcher();
+    child.parent = this;
+    this.children.push(child);
+    return child;
+  }
+  remove(child) {
+    if (this.children.length > 0) {
+      const i = this.children.indexOf(child);
+      if (i >= 0) {
+        this.children.splice(i, 1);
+      }
+    }
+  }
+  destroy() {
+    this.clear();
+    this.parent && this.parent.remove(this);
+  }
+  clear() {
+    this.children = [];
+    this.expressions = [];
+  }
+  watch(fn, onChange) {
+    const expression = new WatchExpression(fn, onChange);
+    this.expressions.push(expression);
+    return expression;
+  }
+  count() {
+    if (!this.isActive) {
+      return 0;
+    }
+    let count = this.expressions.length;
+    this.children.forEach(child => {
+      count += child.count();
+    });
+    return count;
+  }
+}
+_Watcher = Watcher;
+_defineProperty(Watcher, "ROOT", new _Watcher());
+export function useWatcher(parent) {
+  const [change, onChange] = useState({});
+  let [watcher] = useState(() => parent.create());
+  watcher.clear();
+  useEffect(() => {
+    return () => {
+      watcher.destroy();
+    };
+  }, []);
+  return {
+    watch: fn => {
+      return watcher.watch(fn, () => onChange({})).value;
+    }
+  };
+}
+;
+//# sourceMappingURL=watcher.js.map

package/runtime/watcher.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isArray","clone","useEffect","useState","WIDGET_LOGGER","WATCH_LOGGER","extend","WatchExpression","constructor","fn","onChange","_defineProperty","last","execute","getExpBody","expBody","expStr","toString","substring","indexOf","lastIndexOf","e","isEqual","$old","$new","isArrayObj","length","i","value","check","start","Date","now","changed","lastExecutionTime","debug","Watcher","isActive","expressions","forEach","expression","children","child","create","parent","push","remove","splice","destroy","clear","watch","count","_Watcher","useWatcher","change","watcher"],"sources":["watcher.ts"],"sourcesContent":["import { isEqual as _isEqual, isArray, isObject, clone, remove, reverse, sortBy } from 'lodash';\nimport { useEffect, useMemo, useState } from 'react';\nimport { WIDGET_LOGGER } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nconst WATCH_LOGGER = WIDGET_LOGGER.extend(\"watch\");\n\nclass WatchExpression {\n    private last: any = null;\n    private expBody: string = null as any;\n    public lastExecutionTime = 0;\n\n    constructor(private fn: Function, private onChange: (prev: any, now: any) => any) {\n        this.last = this.execute();\n        if (isArray(this.last)) {\n            this.last = clone(this.last);\n        }\n    }\n\n    private getExpBody() {\n        if (!this.expBody) {\n            const expStr = this.fn.toString();\n            this.expBody = expStr.substring(\n                expStr.indexOf('return ') + 7,\n                expStr.lastIndexOf(';'));\n        }\n        return this.expBody;\n    }\n\n    private execute() {\n        try {\n            return this.fn();\n        } catch(e) {\n            //do nothing\n            return null;\n        }\n    }\n\n    private isEqual($old: any, $new: any) {\n        const isArrayObj = isArray($old) || isArray($new);\n        if (isArrayObj) {\n            if (($old && !$new)\n                || (!$old && $new)\n                || $old.length !== $new.length) {\n                return false;\n            }\n            for(let i = 0; i < $old.length; i++) {\n                if ($old[i] !== $new[i]) {\n                    return false;\n                }\n            }\n            return true;\n        }\n        return $old === $new;\n    }\n\n    get value() {\n        return this.last;\n    }\n\n    public check() {\n        const start = Date.now();\n        const now = this.execute();\n        const changed = !this.isEqual(this.last, now);\n        this.lastExecutionTime = Date.now() - start;\n        if (changed) {\n            WATCH_LOGGER.debug(() => {\n                if (this.getExpBody() !== 'fragment') {\n                    return `Watcher: <${this.getExpBody()}> Changed from ${this.last} to ${now} `;\n                }\n                return '';\n            });\n            this.onChange(this.last, now);\n            this.last = now;\n            if (isArray(this.last)) {\n                this.last = clone(this.last);\n            }\n            return true;\n        }\n        return false;\n    }\n}\n\nexport class Watcher {\n    public static ROOT = new Watcher();\n    public expressions = [] as WatchExpression[];\n    public isActive = true;\n    public parent: Watcher = null as any;\n    public children = [] as Watcher[];\n    private constructor() {}\n\n    check() {\n        if (this.isActive) {\n            this.expressions.forEach(expression => expression.check());\n            this.children.forEach(child => {\n                child.check();\n            });\n        }\n    }\n\n    create() {\n        const child = new Watcher();\n        child.parent = this;\n        this.children.push(child);\n        return child;\n    }\n\n    remove(child: Watcher) {\n        if (this.children.length > 0) {\n            const i = this.children.indexOf(child);\n            if (i >= 0) {\n                this.children.splice(i, 1);\n            }\n        }\n    }\n\n    destroy() {\n        this.clear();\n        this.parent && this.parent.remove(this);\n    }\n\n    clear() {\n        this.children = [];\n        this.expressions = [];\n    }\n\n    watch(fn: Function, onChange: (prev: any, now: any) => any) {\n        const expression = new WatchExpression(fn, onChange);\n        this.expressions.push(expression);\n        return expression;\n    }\n\n    count() {\n        if (!this.isActive) {\n            return 0;\n        }\n        let count = this.expressions.length;\n        this.children.forEach(child => {\n            count += child.count();\n        });\n        return count;\n    }\n}\n\nexport function useWatcher(parent: Watcher) {\n    const [change, onChange] = useState({});\n    let [ watcher ] = useState(() => parent.create());\n    watcher.clear();\n    useEffect(() => {\n        return () => {\n            watcher.destroy();\n        };\n    }, []);\n    return {\n        watch: (fn: Function) => {\n            return watcher.watch(fn, () => onChange({})).value;\n        }\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/styles/MediaQueryList.js

@@ -0,0 +1,19 @@
+import mediaQuery from "css-mediaquery";
+import { Dimensions } from "react-native";
+import viewport from "@wavemaker-ai/app-rn-runtime/core/viewport";
+export default class MediaQueryList /* extends MediaQueryList */ {
+  constructor(query) {
+    this.query = query;
+  }
+  get matches() {
+    const windowDimensions = Dimensions.get("window");
+    return mediaQuery.match(this.query, {
+      type: "screen",
+      orientation: viewport.orientation,
+      ...windowDimensions,
+      "device-width": viewport.width,
+      "device-height": viewport.height
+    });
+  }
+}
+//# sourceMappingURL=MediaQueryList.js.map

package/styles/MediaQueryList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mediaQuery","Dimensions","viewport","MediaQueryList","constructor","query","matches","windowDimensions","get","match","type","orientation","width","height"],"sources":["MediaQueryList.ts"],"sourcesContent":["import mediaQuery from \"css-mediaquery\";\nimport { Dimensions } from \"react-native\";\nimport viewport from \"@wavemaker-ai/app-rn-runtime/core/viewport\";\n\nexport default class MediaQueryList /* extends MediaQueryList */ {\n\n  constructor(private query: string) {}\n\n  public get matches(): boolean {\n    const windowDimensions = Dimensions.get(\"window\");\n    return mediaQuery.match(this.query, {\n      type: \"screen\",\n      orientation: viewport.orientation,\n      ...windowDimensions,\n      \"device-width\": viewport.width,\n      \"device-height\": viewport.height,\n    } as any);\n  }\n}\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,gBAAgB;AACvC,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,QAAQ,MAAM,4CAA4C;AAEjE,eAAe,MAAMC,cAAc,CAAC,6BAA6B;EAE/DC,WAAWA,CAASC,KAAa,EAAE;IAAA,KAAfA,KAAa,GAAbA,KAAa;EAAG;EAEpC,IAAWC,OAAOA,CAAA,EAAY;IAC5B,MAAMC,gBAAgB,GAAGN,UAAU,CAACO,GAAG,CAAC,QAAQ,CAAC;IACjD,OAAOR,UAAU,CAACS,KAAK,CAAC,IAAI,CAACJ,KAAK,EAAE;MAClCK,IAAI,EAAE,QAAQ;MACdC,WAAW,EAAET,QAAQ,CAACS,WAAW;MACjC,GAAGJ,gBAAgB;MACnB,cAAc,EAAEL,QAAQ,CAACU,KAAK;MAC9B,eAAe,EAAEV,QAAQ,CAACW;IAC5B,CAAQ,CAAC;EACX;AACF","ignoreList":[]}