esoftplay 0.0.193 → 0.0.194

package/bin/build.js

@@ -288,6 +288,7 @@ yarn-error.log
 		const AppJS = `import { LibNotification } from 'esoftplay/cache/lib/notification/import';
 import { UserIndex } from 'esoftplay/cache/user/index/import';
 import * as Notifications from 'expo-notifications';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
 import { enableFreeze, enableScreens } from 'react-native-screens';
 
 enableFreeze()
@@ -296,7 +297,13 @@ enableScreens()
 Notifications.addNotificationResponseReceivedListener(x => LibNotification.onAction(x));
 Notifications.addNotificationReceivedListener(x => LibNotification.onAction(x));
 
-export default UserIndex`;
+export default function App() {
+  return (
+    <SafeAreaProvider>
+      <UserIndex />
+    </SafeAreaProvider>
+  )
+}`;
 		let expoLib = [
 			'@expo/vector-icons',
 			'@react-native-async-storage/async-storage',

package/modules/user/index.tsx

@@ -1,9 +1,11 @@
+//[moved] add effect lib/notification
 // withHooks
 // noPage
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
 import { LibImage } from 'esoftplay/cache/lib/image/import';
 import { LibLocale } from 'esoftplay/cache/lib/locale/import';
 import { LibNet_status } from 'esoftplay/cache/lib/net_status/import';
+import { LibNotification } from 'esoftplay/cache/lib/notification/import';
 import { LibProgress } from 'esoftplay/cache/lib/progress/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import { LibToast } from 'esoftplay/cache/lib/toast/import';
@@ -22,10 +24,11 @@ import moment from 'esoftplay/moment';
 import useSafeState from 'esoftplay/state';
 import { useFonts } from 'expo-font';
 import * as SplashScreen from 'expo-splash-screen';
-import { useLayoutEffect } from 'react';
-import { Dimensions, Platform, SafeAreaView, StatusBar, View } from 'react-native';
+import { useEffect, useLayoutEffect } from 'react';
+import { Platform, SafeAreaView, View } from 'react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { KeyboardProvider } from "react-native-keyboard-controller";
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 
 import {
@@ -59,8 +62,12 @@ function getFontConfig() {
 
 SplashScreen.preventAutoHideAsync();
 
+// (async () => {
+//   await NavigationBar.setPositionAsync('relative');
+//   await NavigationBar.setBackgroundColorAsync('#ffffff');
+//   await NavigationBar.setButtonStyleAsync("light")
+// })()
 /** Klik [disini](https://github.com/dev-esoftplay/mobile-docs/blob/main/modules/user/index.md) untuk melihat dokumentasi*/
-
 export default function m(props: UserIndexProps): any {
   moment().locale(LibLocale.state().get())
   const [loading, setLoading] = useSafeState(true)
@@ -68,6 +75,9 @@ export default function m(props: UserIndexProps): any {
   //esoftplay-user-class-hook
   UseDeeplink()
 
+
+  useEffect(LibNotification.effect, []) // add this
+
   useLayoutEffect(() => {
     ErrorReport.getError()
     LibUpdaterProperty.check()
@@ -75,10 +85,8 @@ export default function m(props: UserIndexProps): any {
   }, [])
 
 
-  const screenHeight = Dimensions.get('screen').height;
-  const windowHeight = Dimensions.get('window').height;
-  const statusBarHeight = StatusBar.currentHeight ?? 0;
-  const navigationBarHeight = screenHeight - windowHeight - statusBarHeight;
+  const insets = useSafeAreaInsets();
+  const navigationBarHeight = insets.bottom;
 
   useLayoutEffect(() => {
     if (fontLoaded) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "esoftplay",
-  "version": "0.0.193",
+  "version": "0.0.194",
   "description": "embedding data from esoftplay framework (web based) into mobile app",
   "main": "cache/index.js",
   "types": "../../index.d.ts",