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

package/runtime/App.js

@@ -0,0 +1,763 @@
+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 React from 'react';
+import axios from 'axios';
+import { Platform, TouchableOpacity, View, StatusBar } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import ProtoTypes from 'prop-types';
+import { SafeAreaProvider, SafeAreaInsetsContext, SafeAreaView } from 'react-native-safe-area-context';
+import { DefaultTheme, Provider as PaperProvider } from 'react-native-paper';
+import { Linking } from 'react-native';
+import { NativeModulesProxy } from 'expo-modules-core';
+import * as WebBrowser from 'expo-web-browser';
+import { get, last } from 'lodash';
+import { RENDER_LOGGER } from '@wavemaker-ai/app-rn-runtime/core/logger';
+import EventNotifier from '@wavemaker-ai/app-rn-runtime/core/event-notifier';
+import { ThemeProvider } from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import StorageService from '@wavemaker-ai/app-rn-runtime/core/storage.service';
+import SecureStorageService from '@wavemaker-ai/app-rn-runtime/core/secure-storage.service';
+import ConstantService from '@wavemaker-ai/app-rn-runtime/core/constant.service';
+import NetworkService from '@wavemaker-ai/app-rn-runtime/core/network.service';
+import injector from '@wavemaker-ai/app-rn-runtime/core/injector';
+import formatters from '@wavemaker-ai/app-rn-runtime/core/formatters';
+import { deepCopy, isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';
+import * as Utils from '@wavemaker-ai/app-rn-runtime/core/utils';
+import { ModalProvider } from '@wavemaker-ai/app-rn-runtime/core/modal.service';
+import { FixedViewContainer } from '@wavemaker-ai/app-rn-runtime/core/fixed-view.component';
+import { ToastProvider } from '@wavemaker-ai/app-rn-runtime/core/toast.service';
+import { NavigationServiceProvider } from '@wavemaker-ai/app-rn-runtime/core/navigation.service';
+import { PartialProvider } from '@wavemaker-ai/app-rn-runtime/core/partial.service';
+import WmNetworkInfoToaster from '@wavemaker-ai/app-rn-runtime/components/advanced/network-info-toaster/network-info-toaster.component';
+import ThemeVariables from '@wavemaker-ai/app-rn-runtime/styles/theme.variables';
+import WmMessage from '@wavemaker-ai/app-rn-runtime/components/basic/message/message.component';
+import { Animatedview } from '@wavemaker-ai/app-rn-runtime/components/basic/animatedview.component';
+import AppI18nService from '@wavemaker-ai/app-rn-runtime/runtime/services/app-i18n.service';
+import { Watcher } from './watcher';
+import { preparePatch } from './lib-patch';
+import AppDisplayManagerService from './services/app-display-manager.service';
+import AppModalService from './services/app-modal.service';
+import AppToastService from './services/app-toast.service';
+import AppPartialService from './services/partial.service';
+import AppSpinnerService from './services/app-spinner.service';
+import { AppNavigator } from './App.navigator';
+import { SecurityProvider } from '../core/security.service';
+import { CameraProvider } from '../core/device/camera-service';
+import CameraService from './services/device/camera-service';
+import { ScanProvider } from '../core/device/scan-service';
+import ScanService from './services/device/scan-service';
+import AppSecurityService from './services/app-security.service';
+import { getValidJSON, parseErrors } from '@wavemaker-ai/app-rn-runtime/variables/utils/variable.utils';
+import MaterialCommunityIconsFont from '@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf';
+import * as SplashScreen from 'expo-splash-screen';
+import { WmMemo } from './memo.component';
+import { VariableEvents } from '../variables/base-variable';
+import { BlurView } from 'expo-blur';
+import moment from 'moment';
+import ErrorBoundary from '../core/error-boundary.component';
+import { ScreenCaptureProtectionProvider } from '../core/screen-capture-protection.service';
+import { allowScreenCaptureAsync, preventScreenCaptureAsync } from 'expo-screen-capture';
+import { setupGlobalErrorHandler } from '../core/global-error-handler.service';
+import Fallback from '../core/components/error-fallback/error-fallback.component';
+//some old react libraries need this
+View['propTypes'] = {
+  style: ProtoTypes.any
+};
+const MIN_TIME_BETWEEN_REFRESH_CYCLES = 200;
+class DrawerImpl {
+  constructor(onChange) {
+    this.onChange = onChange;
+    _defineProperty(this, "content", void 0);
+    _defineProperty(this, "animation", 'slide-in');
+  }
+  setContent(content) {
+    this.content = content;
+    this.onChange();
+  }
+  getContent() {
+    return this.content;
+  }
+  setAnimation(animation) {
+    this.animation = animation;
+    this.onChange();
+  }
+  getAnimation() {
+    return this.animation;
+  }
+}
+const SUPPORTED_SERVICES = {
+  Utils: Utils,
+  CONSTANTS: ConstantService,
+  StorageService: StorageService,
+  SecureStorageService: SecureStorageService,
+  AppDisplayManagerService: AppDisplayManagerService,
+  i18nService: AppI18nService
+};
+global['axios'] = axios;
+export default class BaseApp extends React.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "Actions", {});
+    _defineProperty(this, "Variables", {});
+    _defineProperty(this, "onAppVariablesReady", () => {});
+    _defineProperty(this, "isStarted", false);
+    _defineProperty(this, "appConfig", injector.get('APP_CONFIG'));
+    _defineProperty(this, "eventNotifier", new EventNotifier());
+    _defineProperty(this, "baseUrl", '');
+    _defineProperty(this, "targetPlatform", 'NATIVE_MOBILE');
+    _defineProperty(this, "cleanup", []);
+    _defineProperty(this, "commonPartial", null);
+    _defineProperty(this, "startUpVariables", []);
+    _defineProperty(this, "startUpActions", []);
+    _defineProperty(this, "autoUpdateVariables", []);
+    _defineProperty(this, "axiosInterceptorIds", []);
+    _defineProperty(this, "formatters", formatters);
+    _defineProperty(this, "serviceDefinitions", {});
+    _defineProperty(this, "animatedRef", void 0);
+    _defineProperty(this, "modalsOpened", 0);
+    _defineProperty(this, "toastsOpened", 0);
+    _defineProperty(this, "watcher", Watcher.ROOT);
+    _defineProperty(this, "paperTheme", {
+      ...DefaultTheme,
+      colors: {
+        ...DefaultTheme.colors,
+        primary: ThemeVariables.INSTANCE.primaryColor
+      }
+    });
+    _defineProperty(this, "lib", preparePatch(() => {
+      this.refresh();
+    }));
+    _defineProperty(this, "networkStatus", {});
+    _defineProperty(this, "statusbarInsets", void 0);
+    _defineProperty(this, "globalError", null);
+    _defineProperty(this, "globalErrorHandlerCleanup", null);
+    _defineProperty(this, "enableProtection", async () => {
+      try {
+        if (Platform.OS !== 'web') {
+          await preventScreenCaptureAsync();
+        }
+      } catch (error) {
+        console.error('Failed to enable screen capture protection:', error);
+      }
+    });
+    _defineProperty(this, "disableProtection", async () => {
+      try {
+        if (Platform.OS !== 'web') {
+          await allowScreenCaptureAsync();
+        }
+      } catch (error) {
+        console.error('Failed to disable screen capture protection:', error);
+      }
+    });
+    SplashScreen.preventAutoHideAsync();
+    setTimeout(() => SplashScreen.hideAsync(), 10000);
+    this.appConfig.app = this;
+    this.appConfig.drawer = new DrawerImpl(() => this.refresh());
+
+    // Register app instance in injector for Error Boundary access
+    injector.set('APP_INSTANCE', this);
+    AppSpinnerService.setDefaultOptions({
+      spinner: this.appConfig.spinner
+    });
+    let refreshAfterWait = false;
+    this.baseUrl = this.appConfig.url;
+    let wait = 0;
+    this.bindServiceInterceptors();
+    this.appConfig.refresh = (complete = false) => {
+      if (complete) {
+        this.reload();
+        return;
+      }
+      if (!wait) {
+        RENDER_LOGGER.debug('refreshing the app...');
+        wait = MIN_TIME_BETWEEN_REFRESH_CYCLES;
+        refreshAfterWait = false;
+        setTimeout(() => {
+          var _this$commonPartial, _this$appConfig$curre;
+          this.forceUpdate();
+          (_this$commonPartial = this.commonPartial) === null || _this$commonPartial === void 0 || _this$commonPartial.forceUpdate();
+          (_this$appConfig$curre = this.appConfig.currentPage) === null || _this$appConfig$curre === void 0 || _this$appConfig$curre.forceUpdate();
+          this.watcher.check();
+        });
+        setTimeout(() => {
+          wait = 0;
+          refreshAfterWait && this.appConfig.refresh();
+        }, wait);
+      } else {
+        RENDER_LOGGER.debug('will refresh the app in the next cycle.');
+        refreshAfterWait = true;
+      }
+    };
+    this.cleanup.push(NetworkService.notifier.subscribe('onNetworkStateChange', networkState => {
+      this.networkStatus = {
+        ...networkState
+      };
+      this.refresh();
+    }));
+  }
+  subscribe(event, fn) {
+    return this.eventNotifier.subscribe(event, fn);
+  }
+  notify(event, ...args) {
+    return this.eventNotifier.notify(event, args);
+  }
+  get activePage() {
+    return this.appConfig.currentPage;
+  }
+  get Widgets() {
+    var _this$commonPartial2;
+    return (_this$commonPartial2 = this.commonPartial) === null || _this$commonPartial2 === void 0 ? void 0 : _this$commonPartial2.Widgets;
+  }
+  async onBeforePageLeave(currentPage, nextPage) {
+    //method can be override by the user from studio;
+    return true;
+  }
+  goToPage(pageName, params) {
+    var _this$appConfig$curre2;
+    return (_this$appConfig$curre2 = this.appConfig.currentPage) === null || _this$appConfig$curre2 === void 0 ? void 0 : _this$appConfig$curre2.goToPage(pageName, params);
+  }
+  goBack(pageName, params) {
+    var _this$appConfig$curre3;
+    return (_this$appConfig$curre3 = this.appConfig.currentPage) === null || _this$appConfig$curre3 === void 0 ? void 0 : _this$appConfig$curre3.goBack(pageName, params);
+  }
+  openUrl(url, params) {
+    var _this$appConfig$curre4;
+    return (_this$appConfig$curre4 = this.appConfig.currentPage) === null || _this$appConfig$curre4 === void 0 ? void 0 : _this$appConfig$curre4.openUrl(url, params);
+  }
+  onBeforeServiceCall(config) {
+    //DO NOT WRITE CODE HERE:
+    //This is a placeholder for the WaveMaker developer.
+    return config;
+  }
+  isSkeletonEnabled() {
+    return this.appConfig.spinner.loader == "skeleton";
+  }
+  onServiceSuccess(data, response) {
+    //DO NOT WRITE CODE HERE:
+    //This is a placeholder for the WaveMaker developer.
+  }
+  onServiceError(errorMsg, error) {
+    //DO NOT WRITE CODE HERE:
+    //This is a placeholder for the WaveMaker developer.
+  }
+  invokeNativeApi(key, data) {
+    if (NativeModulesProxy.EmbedCommModule && (Platform.OS === 'android' || Platform.OS === 'ios')) {
+      return NativeModulesProxy.EmbedCommModule.sendToNative(key, data || {});
+    } else {
+      return Promise.reject('Not able to invoke Native API in this platform.');
+    }
+  }
+  triggerPageReady(activePageName, activePageScope) {
+    try {
+      this.onPageReady(activePageName, activePageScope);
+    } catch (e) {
+      this.handleCallbackError(e, `Error in onPageReady callback`);
+    }
+  }
+  onPageReady(activePageName, activePageScope) {}
+  triggerOnError(error, errorInfo, errorType) {
+    try {
+      this.onError(error, errorInfo, errorType);
+    } catch (e) {
+      console.error('Error in onError callback:', e);
+    }
+  }
+  onError(error, errorInfo, errorType) {
+    // Empty implementation - user can override in app.js
+    // errorType: 'render' for React component errors, 'javascript' for other JS errors
+  }
+  handleCallbackError(error, context) {
+    console.error(error);
+    const errorObj = error instanceof Error ? error : new Error(String(error));
+
+    // Immediately hide all overlays to ensure error fallback is visible
+    try {
+      // Hide Expo SplashScreen
+      SplashScreen.hideAsync();
+
+      // Hide App Spinner (force hide regardless of count)
+      AppSpinnerService.hide();
+    } catch (hideError) {
+      console.warn('Error hiding overlays:', hideError);
+    }
+
+    // Trigger user callback
+    this.triggerOnError(errorObj, context, 'javascript');
+
+    // Also set global error state to show fallback screen
+    this.globalError = {
+      error: errorObj,
+      errorInfo: context,
+      errorType: 'javascript',
+      isFatal: false
+    };
+
+    // Set isStarted to true so app template will render the error screen
+    this.isStarted = true;
+    this.forceUpdate(); // Show fallback screen
+  }
+  setTimezone(timezone) {
+    AppI18nService.setTimezone(timezone);
+  }
+  get spinner() {
+    return AppSpinnerService;
+  }
+  openBrowser(url, params = {}) {
+    if (url) {
+      if (isWebPreviewMode()) {
+        window.open(url, '_blank');
+      } else if (url.startsWith('http') && params.target === '_blank') {
+        WebBrowser.openBrowserAsync(url);
+      } else {
+        return Linking.openURL(url);
+      }
+    }
+    return Promise.resolve();
+  }
+
+  // To support old api
+  reload() {}
+  getScreenCaptureContextValue() {
+    return {
+      enableProtection: this.enableProtection,
+      disableProtection: this.disableProtection
+    };
+  }
+  bindServiceInterceptors() {
+    this.axiosInterceptorIds = [axios.interceptors.request.use(config => {
+      const url = config.url;
+      if (!(url.startsWith('http://') || url.startsWith("https://"))) {
+        config.url = this.appConfig.url + '/' + url;
+      }
+      config.headers = config.headers || {};
+      config.headers['X-Requested-With'] = 'XMLHttpRequest';
+      console.log('onBeforeService call invoked on ' + config.url);
+      this.notify('beforeServiceCall', config);
+      try {
+        return this.onBeforeServiceCall(config);
+      } catch (e) {
+        this.handleCallbackError(e, `Error in onBeforeServiceCall callback`);
+        return config; // Return original config as fallback
+      }
+    }), axios.interceptors.response.use(response => {
+      try {
+        this.onServiceSuccess(response.data, response);
+      } catch (e) {
+        this.handleCallbackError(e, `Error in onServiceSuccess callback`);
+      }
+      this.notify('afterServiceCall', response.config, response);
+      return response;
+    }, error => {
+      var _errorDetails, _errorDetails2, _error$response, _error$response2, _error$response3, _error$response4;
+      let errorDetails = error.response,
+        errMsg;
+      errorDetails = getValidJSON((_errorDetails = errorDetails) === null || _errorDetails === void 0 ? void 0 : _errorDetails.data) || ((_errorDetails2 = errorDetails) === null || _errorDetails2 === void 0 ? void 0 : _errorDetails2.data);
+      if (errorDetails && errorDetails.errors) {
+        errMsg = parseErrors(errorDetails.errors) || "Service Call Failed";
+      } else {
+        errMsg = error.message || "Service Call Failed";
+      }
+      error.message = errMsg;
+      console.error(`Error ${errMsg} recieved from ${(_error$response = error.response) === null || _error$response === void 0 || (_error$response = _error$response.config) === null || _error$response === void 0 ? void 0 : _error$response.url}`);
+      try {
+        this.onServiceError(error.message, error);
+      } catch (e) {
+        this.handleCallbackError(e, `Error in onServiceError callback`);
+      }
+      if ((_error$response2 = error.response) !== null && _error$response2 !== void 0 && (_error$response2 = _error$response2.config.url) !== null && _error$response2 !== void 0 && _error$response2.startsWith(this.appConfig.url) && !((_error$response3 = error.response) !== null && _error$response3 !== void 0 && (_error$response3 = _error$response3.config.url) !== null && _error$response3 !== void 0 && _error$response3.includes('/services/')) && ((_error$response4 = error.response) === null || _error$response4 === void 0 ? void 0 : _error$response4.status) === 401) {
+        var _this$appConfig$curre5, _this$appConfig$curre6;
+        ((_this$appConfig$curre5 = this.appConfig.currentPage) === null || _this$appConfig$curre5 === void 0 ? void 0 : _this$appConfig$curre5.pageName) !== 'Login' && ((_this$appConfig$curre6 = this.appConfig.currentPage) === null || _this$appConfig$curre6 === void 0 ? void 0 : _this$appConfig$curre6.goToPage('Login'));
+      }
+      this.notify('afterServiceCall', error.config, error);
+      return Promise.reject(error);
+    })];
+  }
+  eval(fn, failOnError = false) {
+    try {
+      return fn.call(this);
+    } catch (e) {
+      if (failOnError) {
+        throw e;
+      } else {
+        return null;
+      }
+    }
+  }
+  triggerStartUpVariables() {
+    return Promise.all(this.startUpVariables.map(s => this.Variables[s] && this.Variables[s].invoke())).catch(() => {});
+  }
+  componentDidMount() {
+    var _this$appConfig;
+    // Setup global error handler
+    if (((_this$appConfig = this.appConfig) === null || _this$appConfig === void 0 || (_this$appConfig = _this$appConfig.preferences) === null || _this$appConfig === void 0 ? void 0 : _this$appConfig.enableGlobalErrorHandler) === true) {
+      this.globalErrorHandlerCleanup = setupGlobalErrorHandler((error, isFatal, errorInfo) => {
+        // Trigger user error callback
+        this.triggerOnError(error, errorInfo, 'javascript');
+        this.globalError = {
+          error,
+          errorInfo,
+          errorType: 'javascript',
+          isFatal
+        };
+        this.forceUpdate(); // Trigger re-render to show error fallback
+      }, true // suppressDefaultErrorScreen = true when global error handler is enabled
+      );
+    }
+    AppSpinnerService.show({
+      spinner: this.appConfig.spinner
+    });
+    this.cleanup.push(...Object.values(this.Variables).map(v => {
+      return v.subscribe(VariableEvents.BEFORE_INVOKE, () => {
+        this.notify(VariableEvents.BEFORE_INVOKE, v);
+      });
+    }));
+    this.cleanup.push(...Object.values(this.Variables).map(v => {
+      return v.subscribe(VariableEvents.AFTER_INVOKE, () => {
+        this.notify(VariableEvents.AFTER_INVOKE, v);
+      });
+    }));
+    this.startUpActions.map(a => this.Actions[a] && this.Actions[a].invoke());
+    return this.triggerStartUpVariables().then(() => {
+      try {
+        this.onAppVariablesReady();
+      } catch (e) {
+        this.handleCallbackError(e, `Error in onAppVariablesReady callback`);
+        return; // Early return to prevent subsequent code from executing
+      }
+      this.isStarted = true;
+      this.forceUpdate();
+    }, () => {});
+  }
+  componentWillUnmount() {
+    this.axiosInterceptorIds.map(id => {
+      axios.interceptors.request.eject(id);
+    });
+    this.cleanup.forEach(fn => fn());
+
+    // Cleanup global error handler
+    if (this.globalErrorHandlerCleanup) {
+      this.globalErrorHandlerCleanup();
+    }
+  }
+  refresh() {
+    this.appConfig.refresh();
+  }
+  getProviders(content) {
+    return /*#__PURE__*/React.createElement(ScreenCaptureProtectionProvider, {
+      value: this.getScreenCaptureContextValue()
+    }, /*#__PURE__*/React.createElement(NavigationServiceProvider, {
+      value: this
+    }, /*#__PURE__*/React.createElement(ToastProvider, {
+      value: AppToastService
+    }, /*#__PURE__*/React.createElement(PartialProvider, {
+      value: AppPartialService
+    }, /*#__PURE__*/React.createElement(SecurityProvider, {
+      value: AppSecurityService
+    }, /*#__PURE__*/React.createElement(CameraProvider, {
+      value: CameraService
+    }, /*#__PURE__*/React.createElement(ScanProvider, {
+      value: ScanService
+    }, /*#__PURE__*/React.createElement(ModalProvider, {
+      value: AppModalService
+    }, content))))))));
+  }
+  renderToasters() {
+    var _this$appConfig2;
+    const isEdgeToEdgeApp = !!((_this$appConfig2 = this.appConfig) !== null && _this$appConfig2 !== void 0 && (_this$appConfig2 = _this$appConfig2.edgeToEdgeConfig) !== null && _this$appConfig2 !== void 0 && _this$appConfig2.isEdgeToEdgeApp);
+    this.toastsOpened = AppToastService.toastsOpened.length;
+    return /*#__PURE__*/React.createElement(WmMemo, {
+      watcher: this.watcher,
+      render: watch => {
+        watch(() => AppToastService.refreshCount);
+        return /*#__PURE__*/React.createElement(React.Fragment, null, AppToastService.toastsOpened.map((o, i) => {
+          // to align the toaster position if it's an edge-to-edge app.
+          let toasterStyles = {};
+          if (isEdgeToEdgeApp) {
+            var _o$styles, _o$styles2;
+            if (((_o$styles = o.styles) === null || _o$styles === void 0 ? void 0 : _o$styles.top) !== undefined) {
+              var _this$statusbarInsets;
+              toasterStyles = {
+                top: (_this$statusbarInsets = this.statusbarInsets) === null || _this$statusbarInsets === void 0 ? void 0 : _this$statusbarInsets.top
+              };
+            } else if (this.isButtonNavigationEnabled() && ((_o$styles2 = o.styles) === null || _o$styles2 === void 0 ? void 0 : _o$styles2.bottom) !== undefined) {
+              var _this$statusbarInsets2;
+              toasterStyles = {
+                bottom: (_this$statusbarInsets2 = this.statusbarInsets) === null || _this$statusbarInsets2 === void 0 ? void 0 : _this$statusbarInsets2.bottom
+              };
+            }
+          }
+          return this.getProviders(/*#__PURE__*/React.createElement(ThemeProvider, {
+            value: this.appConfig.theme
+          }, /*#__PURE__*/React.createElement(View, {
+            key: i,
+            style: [{
+              position: 'absolute',
+              width: '100%',
+              bottom: 0,
+              elevation: o.elevationIndex,
+              zIndex: o.elevationIndex
+            }, o.styles, toasterStyles]
+          }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+            onPress: () => o.onClick && o.onClick()
+          }, o.content, o.text && /*#__PURE__*/React.createElement(WmMessage, {
+            name: "message" + i,
+            type: o.type,
+            caption: o.text,
+            hideclose: !o.showclosebutton,
+            onClose: o.closeToast,
+            closeiconclass: o.closeiconclass,
+            messageiconclass: o.messageiconclass
+          })))));
+        }));
+      }
+    });
+  }
+  renderDialogs() {
+    return /*#__PURE__*/React.createElement(WmMemo, {
+      watcher: this.watcher,
+      render: watch => {
+        watch(() => {
+          var _last;
+          return (_last = last(AppModalService.modalsOpened)) === null || _last === void 0 ? void 0 : _last.content;
+        });
+        this.modalsOpened = AppModalService.modalsOpened.length;
+        AppModalService.animatedRefs.length = 0;
+        return /*#__PURE__*/React.createElement(React.Fragment, null, AppModalService.modalOptions.content && AppModalService.modalsOpened.map((o, i) => {
+          return /*#__PURE__*/React.createElement(View, {
+            key: (o.name || '') + i,
+            onStartShouldSetResponder: () => true,
+            onResponderEnd: () => o.isModal && AppModalService.hideModal(o),
+            style: deepCopy(styles.appModal, o.centered ? styles.centeredModal : null, o.modalStyle, {
+              elevation: o.elevationIndex,
+              zIndex: o.elevationIndex
+            })
+          }, /*#__PURE__*/React.createElement(Animatedview, {
+            entryanimation: o.animation || 'fadeIn',
+            delay: o.animationdelay,
+            ref: ref => {
+              this.animatedRef = ref;
+              AppModalService.animatedRefs[i] = ref;
+            },
+            style: [styles.appModalContent, o.contentStyle]
+          }, /*#__PURE__*/React.createElement(GestureHandlerRootView, {
+            style: {
+              width: '100%',
+              alignItems: 'center'
+            }
+          }, /*#__PURE__*/React.createElement(View, {
+            onStartShouldSetResponder: evt => true,
+            onResponderEnd: e => e.stopPropagation(),
+            style: {
+              width: '100%',
+              alignItems: 'center'
+            }
+          }, this.getProviders(o.content)))));
+        }));
+      }
+    });
+  }
+  renderDisplayManager() {
+    return /*#__PURE__*/React.createElement(WmMemo, {
+      watcher: this.watcher,
+      render: watch => {
+        watch(() => AppDisplayManagerService.displayOptions.content);
+        return AppDisplayManagerService.displayOptions.content ? /*#__PURE__*/React.createElement(ThemeProvider, {
+          value: this.appConfig.theme
+        }, /*#__PURE__*/React.createElement(View, {
+          style: [styles.displayViewContainer, {
+            elevation: this.toastsOpened + this.modalsOpened + 1,
+            zIndex: this.toastsOpened + this.modalsOpened + 1
+          }]
+        }, AppDisplayManagerService.displayOptions.content)) : null;
+      }
+    });
+  }
+  renderIosStatusbarInsetsView(isEdgeToEdgeApp, insets) {
+    return Platform.OS == 'ios' && !isEdgeToEdgeApp ? /*#__PURE__*/React.createElement(View, {
+      style: {
+        backgroundColor: 'white',
+        position: 'absolute',
+        top: 0,
+        height: (insets === null || insets === void 0 ? void 0 : insets.top) || 0,
+        width: '100%',
+        zIndex: 9
+      }
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  renderIconsViewSupportForWeb() {
+    try {
+      return /*#__PURE__*/React.createElement("style", {
+        type: "text/css"
+      }, `
+        @font-face {
+          font-family: 'MaterialCommunityIcons';
+          src: url(${MaterialCommunityIconsFont}) format('truetype');
+        }
+      `);
+    } catch (e) {
+      console.log('require react-native-vector-icons could not be loaded.');
+    }
+    return null;
+  }
+  getSelectedLocale() {
+    return this.appConfig.selectedLocale;
+  }
+  importModule(service) {
+    if (service == "moment") {
+      return moment;
+    }
+    return undefined;
+  }
+  getDependency(serviceName) {
+    const service = get(SUPPORTED_SERVICES, serviceName);
+    if (service) {
+      return service;
+    }
+  }
+  renderBlurView(position, insets, config) {
+    if (!(insets !== null && insets !== void 0 && insets[position])) return null;
+    return /*#__PURE__*/React.createElement(BlurView, {
+      intensity: (config === null || config === void 0 ? void 0 : config.blurIntensity) || 30,
+      tint: config.blurTint || "dark",
+      experimentalBlurMethod: "dimezisBlurView",
+      style: {
+        [position]: 0,
+        height: insets[position],
+        width: '100%',
+        position: 'absolute',
+        zIndex: 999
+      }
+    });
+  }
+  renderTransparentView(position, insets, config) {
+    if (!(insets !== null && insets !== void 0 && insets[position])) return null;
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        [position]: 0,
+        height: insets[position],
+        width: '100%',
+        position: 'absolute',
+        zIndex: 999,
+        backgroundColor: (config === null || config === void 0 ? void 0 : config.color) || 'transparent',
+        opacity: (config === null || config === void 0 ? void 0 : config.opacity) / 100 || 0
+      }
+    });
+  }
+  isButtonNavigationEnabled() {
+    var _this$statusbarInsets3;
+    if (Platform.OS === "android" && ((_this$statusbarInsets3 = this.statusbarInsets) === null || _this$statusbarInsets3 === void 0 ? void 0 : _this$statusbarInsets3.bottom) > 40) {
+      return true;
+    }
+    return false;
+  }
+  renderApp(commonPartial) {
+    var _this$appConfig3, _this$appConfig4;
+    this.autoUpdateVariables.forEach(value => {
+      var _this$Variables$value;
+      return (_this$Variables$value = this.Variables[value]) === null || _this$Variables$value === void 0 ? void 0 : _this$Variables$value.invokeOnParamChange();
+    });
+    const edgeToEdgeConfig = (_this$appConfig3 = this.appConfig) === null || _this$appConfig3 === void 0 ? void 0 : _this$appConfig3.edgeToEdgeConfig;
+    const statusbarConfig = (_this$appConfig4 = this.appConfig) === null || _this$appConfig4 === void 0 || (_this$appConfig4 = _this$appConfig4.edgeToEdgeConfig) === null || _this$appConfig4 === void 0 ? void 0 : _this$appConfig4.statusbarConfig;
+    const isEdgeToEdgeApp = !!(edgeToEdgeConfig !== null && edgeToEdgeConfig !== void 0 && edgeToEdgeConfig.isEdgeToEdgeApp);
+    const Wrapper = isEdgeToEdgeApp ? View : SafeAreaView;
+    return /*#__PURE__*/React.createElement(SafeAreaProvider, null, /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Consumer, null, (insets = {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }) => {
+      var _this$props, _this$appConfig$drawe, _this$appConfig$drawe2;
+      this.statusbarInsets = insets;
+      return /*#__PURE__*/React.createElement(PaperProvider, {
+        theme: this.paperTheme
+      }, /*#__PURE__*/React.createElement(React.Fragment, null, Platform.OS === 'web' ? this.renderIconsViewSupportForWeb() : null, this.getProviders(/*#__PURE__*/React.createElement(Wrapper, {
+        style: {
+          flex: 1
+        }
+      }, /*#__PURE__*/React.createElement(StatusBar, {
+        backgroundColor: isEdgeToEdgeApp ? 'transparent' : undefined,
+        translucent: isEdgeToEdgeApp
+      }), /*#__PURE__*/React.createElement(ThemeProvider, {
+        value: this.appConfig.theme
+      }, /*#__PURE__*/React.createElement(ErrorBoundary, {
+        currentPage: this.appConfig.currentPage,
+        app: this
+      }, this.renderIosStatusbarInsetsView(isEdgeToEdgeApp, insets), /*#__PURE__*/React.createElement(View, {
+        style: {
+          flex: 1
+        }
+      }, /*#__PURE__*/React.createElement(View, {
+        style: styles.container
+      }, /*#__PURE__*/React.createElement(GestureHandlerRootView, {
+        style: styles.container
+      }, /*#__PURE__*/React.createElement(AppNavigator, {
+        app: this,
+        landingPage: this.props.pageName,
+        landingPageParams: ((_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.pageName) && this.props,
+        hideDrawer: ((_this$appConfig$drawe = this.appConfig.drawer) === null || _this$appConfig$drawe === void 0 ? void 0 : _this$appConfig$drawe.getContent()) === null,
+        drawerContent: () => this.appConfig.drawer ? this.getProviders(this.appConfig.drawer.getContent()) : null,
+        drawerAnimation: (_this$appConfig$drawe2 = this.appConfig.drawer) === null || _this$appConfig$drawe2 === void 0 ? void 0 : _this$appConfig$drawe2.getAnimation()
+      }), /*#__PURE__*/React.createElement(FixedViewContainer, null, commonPartial))), this.appConfig.url ? /*#__PURE__*/React.createElement(WmNetworkInfoToaster, {
+        appLocale: this.appConfig.appLocale
+      }) : null, this.renderToasters(), this.renderDialogs(), this.renderDisplayManager(), this.globalError && /*#__PURE__*/React.createElement(View, {
+        style: {
+          position: 'absolute',
+          height: "100%",
+          width: "100%",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          zIndex: 999999,
+          elevation: 999999
+        }
+      }, /*#__PURE__*/React.createElement(Fallback, {
+        error: this.globalError.error,
+        info: {
+          errorInfo: this.globalError.errorInfo
+        },
+        errorType: this.globalError.errorType,
+        resetErrorBoundary: () => {
+          this.globalError = null;
+          this.forceUpdate();
+        }
+      }))), isEdgeToEdgeApp && (statusbarConfig === null || statusbarConfig === void 0 ? void 0 : statusbarConfig.type) === 'blur' ? this.renderBlurView("top", insets, statusbarConfig) : null, isEdgeToEdgeApp && (statusbarConfig === null || statusbarConfig === void 0 ? void 0 : statusbarConfig.type) === 'transparent' ? this.renderTransparentView("top", insets, statusbarConfig) : null))))));
+    }));
+  }
+}
+const styles = {
+  container: {
+    flex: 1
+  },
+  appModal: {
+    position: 'absolute',
+    width: '100%'
+  },
+  appModalContent: {
+    flex: 1,
+    width: '100%',
+    alignItems: 'center',
+    flexDirection: 'column',
+    justifyContent: 'center'
+  },
+  centeredModal: {
+    flex: 1,
+    position: 'absolute',
+    top: 0,
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'rgba(0, 0, 0, 0.4)',
+    height: '100%'
+  },
+  displayViewContainer: {
+    position: 'absolute',
+    justifyContent: 'center',
+    width: '100%',
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0
+  }
+};
+//# sourceMappingURL=App.js.map