npm - @wavemaker/app-rn-runtime - Versions diffs - 11.4.0-next.141710 → 11.4.0-next.24561 - Mend

@wavemaker/app-rn-runtime 11.4.0-next.141710 → 11.4.0-next.24561

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (242) hide show

app-rn-runtime/runtime/services/app-spinner.service.js CHANGED Viewed

@@ -15,12 +15,16 @@ export class AppSpinnerService {
     _defineProperty(this, "count", 0);
     _defineProperty(this, "image", '');
     _defineProperty(this, "skeleton", false);
+    _defineProperty(this, "defaultDisplayOptions", {});
   }
   setImage(path) {
     this.image = path;
   }
+  setDefaultOptions(options) {
+    this.defaultDisplayOptions = options;
+  }
   show() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.defaultDisplayOptions;
     this.skeleton = options.spinner.loader == 'skeleton';
     if (this.count === 0 && !this.destroy) {
       setTimeout(() => {

app-rn-runtime/runtime/services/app-spinner.service.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","appDisplayManagerService","WmSpinner","ThemeVariables","AppSpinnerService","constructor","displayManager","setImage","path","image","~~show~~","options","skeleton","spinner","loader","count","destroy","setTimeout","content","styles","appSpinnerContainer","message","delay","hide","call","justifyContent","alignItems","width","height","backgroundColor","INSTANCE","primaryContrastColor","opacity","spinnerService"],"sources":["app-spinner.service.tsx"],"sourcesContent":["import React from 'react';\n\nimport { View, ViewStyle } from 'react-native';\n\nimport { SpinnerService, DisplayOptions } from '@wavemaker/app-rn-runtime/core/spinner.service';\nimport { DisplayManager } from '@wavemaker/app-rn-runtime/core/display.manager';\nimport appDisplayManagerService from '@wavemaker/app-rn-runtime/runtime/services/app-display-manager.service';\nimport WmSpinner from '@wavemaker/app-rn-runtime/components/basic/spinner/spinner.component';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\n\nexport class AppSpinnerService implements SpinnerService {\n public displayOptions = {} as DisplayOptions;\n public destroy: any;\n public delay = 0;\n private count = 0;\n private image: string = '';\n public skeleton: boolean = false;\n constructor(private displayManager: DisplayManager) {}\n\n setImage(path: string) {\n this.image = path;\n }\n\n show(options: DisplayOptions = {}) {\n this.skeleton = options.spinner.loader == 'skeleton';\n if (this.count === 0 && !this.destroy) { \n setTimeout(() => {\n const content = (<>\n {!this.skeleton? \n <View style={styles.appSpinnerContainer}>\n <WmSpinner\n caption={options.message \|\| ''}\n classname=\"global-spinner\"\n lottie={options.spinner}></WmSpinner>\n </View> : null}\n </>);\n this.destroy = this.displayManager.show({ content: content });\n }, this.delay);\n }\n this.count++;\n }\n\n hide() {\n this.skeleton = false;\n if (this.count > 0) {\n this.count--;\n } else {\n this.count = 0;\n }\n if (this.count === 0) {\n setTimeout(() => {\n if (!this.count && this.destroy) {\n this.destroy.call(this.displayManager);\n this.destroy = null;\n }\n }, 300);\n }\n }\n}\n\nconst styles = {\n appSpinnerContainer:{ \n justifyContent: 'center', \n alignItems: 'center', \n width:'100%', \n height:'100%', \n backgroundColor: ThemeVariables.INSTANCE.primaryContrastColor, \n opacity: 0.8 \n } as ViewStyle\n}\n\nconst spinnerService = new AppSpinnerService(appDisplayManagerService);\nexport default spinnerService;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAmB,cAAc;AAI9C,OAAOC,wBAAwB,MAAM,wEAAwE;AAC7G,OAAOC,SAAS,MAAM,sEAAsE;AAC5F,OAAOC,cAAc,MAAM,kDAAkD;AAE7E,OAAO,MAAMC,iBAAiB,CAA2B;~~EAOvDC~~,WAAW,CAASC,cAA8B,EAAE;IAAA,KAAhCA,cAA8B,GAA9BA,cAA8B;IAAA,~~wCAN1B~~,CAAC,CAAC;IAAA;IAAA,+BAEX,CAAC;IAAA,+BACA,CAAC;IAAA,+BACO,EAAE;IAAA,kCACC,KAAK;~~EACqB~~;EAErDC,QAAQ,CAACC,IAAY,EAAE;IACrB,IAAI,CAACC,KAAK,GAAGD,IAAI;EACnB;EAEAE,IAAI,~~GAA+B~~;IAAA,~~IAA9BC~~,OAAuB,uEAAG,~~CAAC~~,~~CAAC~~;~~IAC/B~~,IAAI,~~CAACC~~,QAAQ,~~GAAGD~~,OAAO,~~CAACE~~,OAAO,CAACC,MAAM,IAAI,UAAU;IACpD,IAAI,IAAI,CAACC,KAAK,KAAK,CAAC,IAAI,CAAC,IAAI,CAACC,OAAO,EAAE;MACrCC,UAAU,CAAC,MAAM;QACf,MAAMC,OAAO,gBAAI,0CACd,CAAC,IAAI,CAACN,QAAQ,gBACb,oBAAC,IAAI;UAAC,KAAK,EAAEO,MAAM,CAACC;QAAoB,gBACtC,oBAAC,SAAS;UACR,OAAO,~~EAAET~~,OAAO,~~CAACU~~,OAAO,IAAI,EAAG;UAC/B,SAAS,EAAC,gBAAgB;UAC1B,MAAM,~~EAAEV~~,OAAO,~~CAACE~~;QAAQ,EAAa,CAClC,GAAG,IAAI,CACV;QACR,IAAI,CAACG,OAAO,GAAG,IAAI,~~CAACV~~,cAAc,~~CAACI~~,IAAI,CAAC;~~UAAEQ~~,OAAO,EAAEA;QAAQ,CAAC,CAAC;MAC/D,CAAC,EAAE,IAAI,CAACI,KAAK,CAAC;IAChB;IACA,IAAI,CAACP,KAAK,EAAE;EACd;EAEAQ,IAAI,GAAG;IACL,IAAI,CAACX,QAAQ,GAAG,KAAK;IACrB,IAAI,IAAI,CAACG,KAAK,GAAG,CAAC,EAAE;MAClB,IAAI,CAACA,KAAK,EAAE;IACd,CAAC,MAAM;MACL,IAAI,CAACA,KAAK,GAAG,CAAC;IAChB;IACA,IAAI,IAAI,CAACA,KAAK,KAAK,CAAC,EAAE;MACpBE,UAAU,CAAC,MAAM;QACf,IAAI,CAAC,IAAI,CAACF,KAAK,IAAI,IAAI,CAACC,OAAO,EAAE;UAC/B,IAAI,CAACA,OAAO,CAACQ,IAAI,CAAC,IAAI,~~CAAClB~~,cAAc,CAAC;UACtC,IAAI,~~CAACU~~,OAAO,GAAG,IAAI;QACrB;MACF,CAAC,EAAE,GAAG,CAAC;IACT;EACF;AACF;AAEA,MAAMG,MAAM,GAAG;EACbC,mBAAmB,EAAC;IAClBK,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAC,MAAM;IACZC,MAAM,EAAC,MAAM;IACbC,eAAe,~~EAAE1B~~,cAAc,~~CAAC2B~~,QAAQ,CAACC,oBAAoB;IAC7DC,OAAO,EAAE;EACX;AACF,CAAC;AAED,MAAMC,cAAc,GAAG,~~IAAI7B~~,iBAAiB,CAACH,wBAAwB,CAAC;AACtE,~~eAAegC~~,cAAc"}
1	+ {"version":3,"names":["React","View","appDisplayManagerService","WmSpinner","ThemeVariables","AppSpinnerService","constructor","displayManager","setImage","path","image","setDefaultOptions","options","defaultDisplayOptions","show","skeleton","spinner","loader","count","destroy","setTimeout","content","styles","appSpinnerContainer","message","delay","hide","call","justifyContent","alignItems","width","height","backgroundColor","INSTANCE","primaryContrastColor","opacity","spinnerService"],"sources":["app-spinner.service.tsx"],"sourcesContent":["import React from 'react';\n\nimport { View, ViewStyle } from 'react-native';\n\nimport { SpinnerService, DisplayOptions } from '@wavemaker/app-rn-runtime/core/spinner.service';\nimport { DisplayManager } from '@wavemaker/app-rn-runtime/core/display.manager';\nimport appDisplayManagerService from '@wavemaker/app-rn-runtime/runtime/services/app-display-manager.service';\nimport WmSpinner from '@wavemaker/app-rn-runtime/components/basic/spinner/spinner.component';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\n\nexport class AppSpinnerService implements SpinnerService {\n public displayOptions = {} as DisplayOptions;\n public destroy: any;\n public delay = 0;\n private count = 0;\n private image: string = '';\n public skeleton: boolean = false;\n private defaultDisplayOptions: DisplayOptions = {} as any;\n constructor(private displayManager: DisplayManager) {}\n\n setImage(path: string) {\n this.image = path;\n }\n\n setDefaultOptions(options: DisplayOptions) {\n this.defaultDisplayOptions = options;\n }\n\n show(options: DisplayOptions = this.defaultDisplayOptions) {\n this.skeleton = options.spinner.loader == 'skeleton';\n if (this.count === 0 && !this.destroy) { \n setTimeout(() => {\n const content = (<>\n {!this.skeleton? \n <View style={styles.appSpinnerContainer}>\n <WmSpinner\n caption={options.message \|\| ''}\n classname=\"global-spinner\"\n lottie={options.spinner}></WmSpinner>\n </View> : null}\n </>);\n this.destroy = this.displayManager.show({ content: content });\n }, this.delay);\n }\n this.count++;\n }\n\n hide() {\n this.skeleton = false;\n if (this.count > 0) {\n this.count--;\n } else {\n this.count = 0;\n }\n if (this.count === 0) {\n setTimeout(() => {\n if (!this.count && this.destroy) {\n this.destroy.call(this.displayManager);\n this.destroy = null;\n }\n }, 300);\n }\n }\n}\n\nconst styles = {\n appSpinnerContainer:{ \n justifyContent: 'center', \n alignItems: 'center', \n width:'100%', \n height:'100%', \n backgroundColor: ThemeVariables.INSTANCE.primaryContrastColor, \n opacity: 0.8 \n } as ViewStyle\n}\n\nconst spinnerService = new AppSpinnerService(appDisplayManagerService);\nexport default spinnerService;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAmB,cAAc;AAI9C,OAAOC,wBAAwB,MAAM,wEAAwE;AAC7G,OAAOC,SAAS,MAAM,sEAAsE;AAC5F,OAAOC,cAAc,MAAM,kDAAkD;AAE7E,OAAO,MAAMC,iBAAiB,CAA2B;EAQvDC,WAAW,CAASC,cAA8B,EAAE;IAAA,KAAhCA,cAA8B,GAA9BA,cAA8B;IAAA,wCAP1B,CAAC,CAAC;IAAA;IAAA,+BAEX,CAAC;IAAA,+BACA,CAAC;IAAA,+BACO,EAAE;IAAA,kCACC,KAAK;IAAA,+CACiB,CAAC,CAAC;EACE;EAErDC,QAAQ,CAACC,IAAY,EAAE;IACrB,IAAI,CAACC,KAAK,GAAGD,IAAI;EACnB;EAEAE,iBAAiB,CAACC,OAAuB,EAAE;IACzC,IAAI,CAACC,qBAAqB,GAAGD,OAAO;EACtC;EAEAE,IAAI,GAAuD;IAAA,IAAtDF,OAAuB,uEAAG,IAAI,CAACC,qBAAqB;IACvD,IAAI,CAACE,QAAQ,GAAGH,OAAO,CAACI,OAAO,CAACC,MAAM,IAAI,UAAU;IACpD,IAAI,IAAI,CAACC,KAAK,KAAK,CAAC,IAAI,CAAC,IAAI,CAACC,OAAO,EAAE;MACrCC,UAAU,CAAC,MAAM;QACf,MAAMC,OAAO,gBAAI,0CACd,CAAC,IAAI,CAACN,QAAQ,gBACb,oBAAC,IAAI;UAAC,KAAK,EAAEO,MAAM,CAACC;QAAoB,gBACtC,oBAAC,SAAS;UACR,OAAO,EAAEX,OAAO,CAACY,OAAO,IAAI,EAAG;UAC/B,SAAS,EAAC,gBAAgB;UAC1B,MAAM,EAAEZ,OAAO,CAACI;QAAQ,EAAa,CAClC,GAAG,IAAI,CACV;QACR,IAAI,CAACG,OAAO,GAAG,IAAI,CAACZ,cAAc,CAACO,IAAI,CAAC;UAAEO,OAAO,EAAEA;QAAQ,CAAC,CAAC;MAC/D,CAAC,EAAE,IAAI,CAACI,KAAK,CAAC;IAChB;IACA,IAAI,CAACP,KAAK,EAAE;EACd;EAEAQ,IAAI,GAAG;IACL,IAAI,CAACX,QAAQ,GAAG,KAAK;IACrB,IAAI,IAAI,CAACG,KAAK,GAAG,CAAC,EAAE;MAClB,IAAI,CAACA,KAAK,EAAE;IACd,CAAC,MAAM;MACL,IAAI,CAACA,KAAK,GAAG,CAAC;IAChB;IACA,IAAI,IAAI,CAACA,KAAK,KAAK,CAAC,EAAE;MACpBE,UAAU,CAAC,MAAM;QACf,IAAI,CAAC,IAAI,CAACF,KAAK,IAAI,IAAI,CAACC,OAAO,EAAE;UAC/B,IAAI,CAACA,OAAO,CAACQ,IAAI,CAAC,IAAI,CAACpB,cAAc,CAAC;UACtC,IAAI,CAACY,OAAO,GAAG,IAAI;QACrB;MACF,CAAC,EAAE,GAAG,CAAC;IACT;EACF;AACF;AAEA,MAAMG,MAAM,GAAG;EACbC,mBAAmB,EAAC;IAClBK,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAC,MAAM;IACZC,MAAM,EAAC,MAAM;IACbC,eAAe,EAAE5B,cAAc,CAAC6B,QAAQ,CAACC,oBAAoB;IAC7DC,OAAO,EAAE;EACX;AACF,CAAC;AAED,MAAMC,cAAc,GAAG,IAAI/B,iBAAiB,CAACH,wBAAwB,CAAC;AACtE,eAAekC,cAAc"}

app-rn-runtime/runtime/services/app-toast.service.js CHANGED Viewed

@@ -23,7 +23,7 @@ class AppToastService {
     let timeout;
     this.refreshCount++;
     if (i < 0) {
-      options.elevationIndex = parseInt(this.toastsOpened + this.getAppConfig().app.modalsOpened + 1);
+      options.elevationIndex = this.toastsOpened.length + this.getAppConfig().app.modalsOpened + 1;
       this.toastsOpened.push(options);
       // hide the toast when toaster is clicked
       if (options.hideOnClick) {

app-rn-runtime/runtime/services/app-toast.service.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["injector","AppToastService","getAppConfig","appConfig","get","refresh","refreshCount","showToast","options","i","toastsOpened","findIndex","o","name","timeout","elevationIndex","~~parseInt~~","app","modalsOpened","push","hideOnClick","cb","onClick","hideToast","clearTimeout","duration","setTimeout","~~length","~~splice","onClose","appToastService"],"sources":["app-toast.service.tsx"],"sourcesContent":["import injector from '@wavemaker/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\nimport { ToastOptions, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\n\nclass AppToastService implements ToastService {\n\n public toastsOpened = [] as ToastOptions[];\n public appConfig: any;\n public refreshCount = 0;\n\n private getAppConfig() {\n if (!this.appConfig) {\n this.appConfig = injector.get<AppConfig>('APP_CONFIG');\n }\n return this.appConfig;\n }\n \n refresh() {\n this.refreshCount++;\n this.appConfig.refresh();\n }\n\n public showToast(options: ToastOptions) {\n const i = this.toastsOpened.findIndex(o => o.name === options.name);\n let timeout: any;\n this.refreshCount++;\n if (i < 0) {\n options.elevationIndex = ~~parseInt(~~this.toastsOpened + this.getAppConfig().app.modalsOpened + 1);\n this.toastsOpened.push(options);\n // hide the toast when toaster is clicked\n if (options.hideOnClick) {\n let cb = options.onClick;\n options.onClick = () => {\n cb && cb();\n this.hideToast(options);\n clearTimeout(timeout);\n }\n }\n if (options.duration) {\n timeout = setTimeout(() => {\n this.hideToast(options);\n }, options.duration);\n }\n }\n this.refresh();\n }\n\n public hideToast(options?: ToastOptions) {\n const i = options ? this.toastsOpened.findIndex(o => o.name === options.name) : (this.toastsOpened.length - 1);\n if (i >= 0) {\n const o = this.toastsOpened.splice(i, 1)[0];\n this.refresh();\n options?.onClose && options.onClose();\n }\n }\n}\n\nconst appToastService = new AppToastService();\n\nexport default appToastService;\n"],"mappings":";;;AAAA,OAAOA,QAAQ,MAAM,yCAAyC;AAI9D,MAAMC,eAAe,CAAyB;EAAA;IAAA,sCAEpB,EAAE;IAAA;IAAA,sCAEF,CAAC;EAAA;EAEfC,YAAY,GAAG;IACrB,IAAI,CAAC,IAAI,CAACC,SAAS,EAAE;MACnB,IAAI,CAACA,SAAS,GAAGH,QAAQ,CAACI,GAAG,CAAY,YAAY,CAAC;IACxD;IACA,OAAO,IAAI,CAACD,SAAS;EACvB;EAEAE,OAAO,GAAG;IACR,IAAI,CAACC,YAAY,EAAE;IACnB,IAAI,CAACH,SAAS,CAACE,OAAO,EAAE;EAC1B;EAEOE,SAAS,CAACC,OAAqB,EAAE;IACpC,MAAMC,CAAC,GAAG,IAAI,CAACC,YAAY,CAACC,SAAS,CAACC,CAAC,IAAIA,CAAC,CAACC,IAAI,KAAKL,OAAO,CAACK,IAAI,CAAC;IACnE,IAAIC,OAAY;IAChB,IAAI,CAACR,YAAY,EAAE;IACnB,IAAIG,CAAC,GAAG,CAAC,EAAE;MACTD,OAAO,CAACO,cAAc,~~GAAGC~~,~~QAAQ,CAAC,~~IAAI,~~CAACN~~,YAAY,GAAG,IAAI,~~CAACR~~,YAAY,EAAE,CAACe,GAAG,CAACC,YAAY,GAAG,CAAC~~,CAAC~~;~~MAC/F~~,IAAI,CAACR,YAAY,CAACS,IAAI,CAACX,OAAO,CAAC;MAC7B;MACA,IAAIA,OAAO,CAACY,WAAW,EAAE;QACvB,IAAIC,EAAE,GAAGb,OAAO,CAACc,OAAO;QACxBd,OAAO,CAACc,OAAO,GAAG,MAAM;UACtBD,EAAE,IAAIA,EAAE,EAAE;UACV,IAAI,CAACE,SAAS,CAACf,OAAO,CAAC;UACvBgB,YAAY,CAACV,OAAO,CAAC;QACvB,CAAC;MACH;MACA,IAAIN,OAAO,CAACiB,QAAQ,EAAE;QACpBX,OAAO,GAAGY,UAAU,CAAC,MAAM;UACrB,IAAI,CAACH,SAAS,CAACf,OAAO,CAAC;QAC3B,CAAC,EAAEA,OAAO,CAACiB,QAAQ,CAAC;MACxB;IACJ;IACA,IAAI,CAACpB,OAAO,EAAE;EAClB;EAEOkB,SAAS,CAACf,OAAsB,EAAE;IACrC,MAAMC,CAAC,GAAGD,OAAO,GAAG,IAAI,CAACE,YAAY,CAACC,SAAS,CAACC,CAAC,IAAIA,CAAC,CAACC,IAAI,KAAKL,OAAO,CAACK,IAAI,CAAC,GAAI,IAAI,CAACH,YAAY,~~CAACiB~~,MAAM,GAAG,CAAE;IAC9G,~~IAAIlB~~,CAAC,IAAI,CAAC,EAAE;MACR,MAAMG,CAAC,GAAG,IAAI,CAACF,YAAY,~~CAACkB~~,MAAM,~~CAACnB~~,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;MAC3C,IAAI,CAACJ,OAAO,EAAE;MACd,CAAAG,OAAO,aAAPA,OAAO,uBAAPA,OAAO,~~CAAEqB~~,OAAO,~~KAAIrB~~,OAAO,~~CAACqB~~,OAAO,EAAE;IACzC;EACJ;AACJ;AAEA,MAAMC,eAAe,GAAG,~~IAAI7B~~,eAAe,EAAE;AAE7C,~~eAAe6B~~,eAAe"}
1	+ {"version":3,"names":["injector","AppToastService","getAppConfig","appConfig","get","refresh","refreshCount","showToast","options","i","toastsOpened","findIndex","o","name","timeout","elevationIndex","length","app","modalsOpened","push","hideOnClick","cb","onClick","hideToast","clearTimeout","duration","setTimeout","splice","onClose","appToastService"],"sources":["app-toast.service.tsx"],"sourcesContent":["import injector from '@wavemaker/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\nimport { ToastOptions, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\n\nclass AppToastService implements ToastService {\n\n public toastsOpened = [] as ToastOptions[];\n public appConfig: any;\n public refreshCount = 0;\n\n private getAppConfig() {\n if (!this.appConfig) {\n this.appConfig = injector.get<AppConfig>('APP_CONFIG');\n }\n return this.appConfig;\n }\n \n refresh() {\n this.refreshCount++;\n this.appConfig.refresh();\n }\n\n public showToast(options: ToastOptions) {\n const i = this.toastsOpened.findIndex(o => o.name === options.name);\n let timeout: any;\n this.refreshCount++;\n if (i < 0) {\n options.elevationIndex = this.toastsOpened.length + this.getAppConfig().app.modalsOpened + 1;\n this.toastsOpened.push(options);\n // hide the toast when toaster is clicked\n if (options.hideOnClick) {\n let cb = options.onClick;\n options.onClick = () => {\n cb && cb();\n this.hideToast(options);\n clearTimeout(timeout);\n }\n }\n if (options.duration) {\n timeout = setTimeout(() => {\n this.hideToast(options);\n }, options.duration);\n }\n }\n this.refresh();\n }\n\n public hideToast(options?: ToastOptions) {\n const i = options ? this.toastsOpened.findIndex(o => o.name === options.name) : (this.toastsOpened.length - 1);\n if (i >= 0) {\n const o = this.toastsOpened.splice(i, 1)[0];\n this.refresh();\n options?.onClose && options.onClose();\n }\n }\n}\n\nconst appToastService = new AppToastService();\n\nexport default appToastService;\n"],"mappings":";;;AAAA,OAAOA,QAAQ,MAAM,yCAAyC;AAI9D,MAAMC,eAAe,CAAyB;EAAA;IAAA,sCAEpB,EAAE;IAAA;IAAA,sCAEF,CAAC;EAAA;EAEfC,YAAY,GAAG;IACrB,IAAI,CAAC,IAAI,CAACC,SAAS,EAAE;MACnB,IAAI,CAACA,SAAS,GAAGH,QAAQ,CAACI,GAAG,CAAY,YAAY,CAAC;IACxD;IACA,OAAO,IAAI,CAACD,SAAS;EACvB;EAEAE,OAAO,GAAG;IACR,IAAI,CAACC,YAAY,EAAE;IACnB,IAAI,CAACH,SAAS,CAACE,OAAO,EAAE;EAC1B;EAEOE,SAAS,CAACC,OAAqB,EAAE;IACpC,MAAMC,CAAC,GAAG,IAAI,CAACC,YAAY,CAACC,SAAS,CAACC,CAAC,IAAIA,CAAC,CAACC,IAAI,KAAKL,OAAO,CAACK,IAAI,CAAC;IACnE,IAAIC,OAAY;IAChB,IAAI,CAACR,YAAY,EAAE;IACnB,IAAIG,CAAC,GAAG,CAAC,EAAE;MACTD,OAAO,CAACO,cAAc,GAAG,IAAI,CAACL,YAAY,CAACM,MAAM,GAAG,IAAI,CAACd,YAAY,EAAE,CAACe,GAAG,CAACC,YAAY,GAAG,CAAC;MAC5F,IAAI,CAACR,YAAY,CAACS,IAAI,CAACX,OAAO,CAAC;MAC7B;MACA,IAAIA,OAAO,CAACY,WAAW,EAAE;QACvB,IAAIC,EAAE,GAAGb,OAAO,CAACc,OAAO;QACxBd,OAAO,CAACc,OAAO,GAAG,MAAM;UACtBD,EAAE,IAAIA,EAAE,EAAE;UACV,IAAI,CAACE,SAAS,CAACf,OAAO,CAAC;UACvBgB,YAAY,CAACV,OAAO,CAAC;QACvB,CAAC;MACH;MACA,IAAIN,OAAO,CAACiB,QAAQ,EAAE;QACpBX,OAAO,GAAGY,UAAU,CAAC,MAAM;UACrB,IAAI,CAACH,SAAS,CAACf,OAAO,CAAC;QAC3B,CAAC,EAAEA,OAAO,CAACiB,QAAQ,CAAC;MACxB;IACJ;IACA,IAAI,CAACpB,OAAO,EAAE;EAClB;EAEOkB,SAAS,CAACf,OAAsB,EAAE;IACrC,MAAMC,CAAC,GAAGD,OAAO,GAAG,IAAI,CAACE,YAAY,CAACC,SAAS,CAACC,CAAC,IAAIA,CAAC,CAACC,IAAI,KAAKL,OAAO,CAACK,IAAI,CAAC,GAAI,IAAI,CAACH,YAAY,CAACM,MAAM,GAAG,CAAE;IAC9G,IAAIP,CAAC,IAAI,CAAC,EAAE;MACR,MAAMG,CAAC,GAAG,IAAI,CAACF,YAAY,CAACiB,MAAM,CAAClB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;MAC3C,IAAI,CAACJ,OAAO,EAAE;MACd,CAAAG,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEoB,OAAO,KAAIpB,OAAO,CAACoB,OAAO,EAAE;IACzC;EACJ;AACJ;AAEA,MAAMC,eAAe,GAAG,IAAI5B,eAAe,EAAE;AAE7C,eAAe4B,eAAe"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":"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,~~UAAU~~,EAAE,UAAU;~~IACtBC~~,~~YAAY~~,EAAE;~~EAChB~~,CAAC;EACDC,UAAU,EAAE;~~IACVL~~,IAAI,EAAE,CAAC;~~IACPM~~,eAAe,~~EAAEV~~;EACnB,CAAC;~~EACDW~~,aAAa,EAAE;~~IACbP~~,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB,CAAC;~~EACDO~~,WAAW,EAAE;~~IACXR~~,IAAI,EAAE,CAAC;~~IACPM~~,eAAe,~~EAAEV~~;EACnB,CAAC;~~EACDa~~,OAAO,EAAE;~~IACPT~~,IAAI,EAAE;EACR,CAAC;~~EACDU~~,YAAY,EAAE;~~IACZV~~,IAAI,EAAE,CAAC;~~IACPM~~,eAAe,~~EAAEV~~;EACnB,CAAC;~~EACDe~~,aAAa,EAAE;~~IACbX~~,IAAI,EAAE,CAAC;~~IACPM~~,eAAe,~~EAAEV~~;EACnB;AACF,CAAC,CAAC;AAEF,OAAO,~~MAAMgB~~,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,~~GAAG9B~~,QAAQ,~~CAAC+B~~,EAAE,KAAK,KAAK,GAAGC,SAAS,~~GAAGzB~~,oBAAoB,~~CAACsB~~,MAAM,CAAC;IAC1G,OAAO,IAAII,OAAO,CAAC,CAACC,OAAO,EAAEC,MAAM,KAAK;~~MACtC9B~~,iBAAiB,~~CAAC+B~~,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,~~CAAC1C~~,cAAc,~~CAAC2C~~,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,~~EAAE3C~~,UAAU,~~CAAC6C~~;UAAmB,gBAErC,oBAAC,IAAI;YAAC,KAAK,~~EAAErC~~,MAAM,~~CAACQ~~;UAAW,~~gBAC7B~~,oBAAC,IAAI;YAAC,KAAK,~~EAAER~~,MAAM,~~CAACK~~;~~UAAa~~,~~gBAC/B~~,oBAAC,~~gBAAgB~~;~~YACf~~,~~OAAO~~,~~EAAE~~,MAAM;~~cACbwB~~,~~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~~,~~CACvC~~,~~CACd~~,~~CACF~~,eACP,oBAAC,IAAI;YAAC,KAAK,~~EAAEjB~~,MAAM,~~CAACU~~;UAAc,~~gBAChC~~,oBAAC,IAAI;YAAC,KAAK,~~EAAEV~~,MAAM,~~CAACW~~;~~UAAY~~,~~EAAE~~,~~eAClC,~~oBAAC,~~IAAI~~;~~YAAC~~,~~KAAK~~,~~EAAEX~~,MAAM~~,CAACY~~;~~UAAQ~~,~~EAAE~~,~~eAC9B~~,~~oBAAC~~,IAAI;~~YAAC~~,~~KAAK~~,~~EAAEZ~~,~~MAAM,CAACa~~;~~UAAa~~,~~EAAE~~,~~CAC9B~~,~~eACP~~,~~oBAAC~~,~~IAAI~~;YAAC,KAAK,~~EAAEb~~,~~MAAM~~,~~CAACc;UAAc~~,~~EAAE~~;~~QAExC~~,CAAC,CAAC;MACJ,CAAC,~~EAAEY~~,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,~~CAAClD~~,cAAc,~~CAAC2C~~,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,~~CAACtD~~,cAAc,~~CAAC2C~~,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,~~CAAClB~~,wBAAwB,CAAC;AAC7D,~~eAAemD~~,WAAW"}
1	+ {"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":"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"}

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

@@ -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