esoftplay 0.0.192 → 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/lib/carrousel.tsx

@@ -2,7 +2,7 @@
 import { LibComponent } from 'esoftplay/cache/lib/component/import';
 import { LibFocus } from 'esoftplay/cache/lib/focus/import';
 import React from 'react';
-import { Platform, ScrollView, StyleSheet, Text, TouchableOpacity, TouchableWithoutFeedback, View, ViewStyle } from 'react-native';
+import { Platform, ScrollView, StyleSheet, Text, TouchableOpacity, View, ViewStyle } from 'react-native';
 
 export interface LibCarrouselProps {
   children: any,
@@ -158,11 +158,9 @@ export default class m extends LibComponent<LibCarrouselProps, LibCarrouselState
       pages.push(<View><Text>You are supposed to add children inside Carousel</Text></View>);
     }
     return pages.map((page, i) => (
-      <TouchableWithoutFeedback style={[{ ...size }, pageStyle]} key={`page${i}`}>
-        <>
-          {page}
-        </>
-      </TouchableWithoutFeedback>
+      <TouchableOpacity activeOpacity={1} style={[{ ...size }, pageStyle]} key={`page${i}`}>
+        {page}
+      </TouchableOpacity>
     ));
   }
 
@@ -206,7 +204,7 @@ export default class m extends LibComponent<LibCarrouselProps, LibCarrouselState
   _onLayout(event: any): void {
     const { height, width } = event.nativeEvent.layout;
     this.setState({ size: { width, height } });
-    
+
     const timer = setTimeout(() => {
       this._placeCritical(this.state.currentPage)
       clearTimeout(timer)
@@ -343,13 +341,13 @@ export default class m extends LibComponent<LibCarrouselProps, LibCarrouselState
     const bullets: any[] = [];
     for (let i = 0; i < pageLength; i += 1) {
       bullets.push(
-        <TouchableWithoutFeedback onPress={() => this.animateToPage(i)} key={`bullet${i}`}>
+        <TouchableOpacity activeOpacity={1} onPress={() => this.animateToPage(i)} key={`bullet${i}`}>
           <View
             style={i === this.state.currentPage ?
               [styles.chosenBullet, this.props.chosenBulletStyle] :
               [styles.bullet, this.props.bulletStyle]}
           />
-        </TouchableWithoutFeedback>);
+        </TouchableOpacity>);
     }
     return (
       <View style={[styles.bullets, this.props.bulletsContainerStyle]} pointerEvents="box-none">

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.192",
+  "version": "0.0.194",
   "description": "embedding data from esoftplay framework (web based) into mobile app",
   "main": "cache/index.js",
   "types": "../../index.d.ts",