esoftplay 0.0.135 → 0.0.136

package/modules/lib/gradient.tsx

@@ -2,12 +2,13 @@
 // noPage
 import { LinearGradient } from 'expo-linear-gradient';
 import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
 
 export interface LibGradientArgs {
 
 }
 export interface LibGradientProps {
-  style?: any,
+  style?: StyleProp<ViewStyle>,
   children: any,
   direction: "top-to-bottom" | "bottom-to-top" | "left-to-right" | "right-to-left" | "top-left-to-bottom-right" | "bottom-right-to-top-left" | "top-right-to-bottom-left" | "bottom-left-to-top-right",
   colors: string[]

package/modules/lib/icon.tsx

@@ -26,85 +26,86 @@ import {
 } from '@expo/vector-icons/build/esoftplay_icons';
 import { LibComponent } from 'esoftplay/cache/lib/component/import';
 import React from 'react';
+import { TextStyle } from 'react-native';
 
 export interface LibAntDesignIconProps {
   name: AntDesignTypes,
   size?: number,
   color?: string,
-  style?: any
+  style?: TextStyle
 }
 export interface LibEvilIconsIconProps {
   name: EvilIconsTypes,
   size?: number,
   color?: string,
-  style?: any
+  style?: TextStyle
 }
 export interface LibFeatherIconProps {
   name: FeatherTypes,
   size?: number,
   color?: string,
-  style?: any
+  style?: TextStyle
 }
 export interface LibFontAwesomeIconProps {
   name: FontAwesomeTypes,
   size?: number,
   color?: string,
-  style?: any
+  style?: TextStyle
 }
 export interface LibFontistoIconProps {
   name: FontistoTypes,
   size?: number,
   color?: string,
-  style?: any
+  style?: TextStyle
 }
 export interface LibFoundationIconProps {
   name: FoundationTypes,
   size?: number,
   color?: string,
-  style?: any
+  style?: TextStyle
 }
 export interface LibMaterialIconsIconProps {
   name: MaterialIconsTypes,
   size?: number,
   color?: string,
-  style?: any
+  style?: TextStyle
 }
 export interface LibEntypoIconProps {
   name: EntypoTypes,
   size?: number,
   color?: string,
-  style?: any
+  style?: TextStyle
 }
 export interface LibOcticonsIconProps {
   name: OcticonsTypes,
   size?: number,
   color?: string,
-  style?: any
+  style?: TextStyle
 }
 export interface LibZocialIconProps {
   name: ZocialTypes,
   size?: number,
   color?: string,
-  style?: any
+  style?: TextStyle
 }
 export interface LibSimpleLineIconProps {
   name: SimpleLineIconsTypes,
   size?: number,
   color?: string,
-  style?: any
+  style?: TextStyle
 }
 export interface LibIoniconsProps {
   name: IoniconsTypes,
   size?: number,
   color?: string,
-  style?: any
+  style?: TextStyle
 }
 
 export interface LibIconProps {
   name: MaterialCommunityIconsTypes,
   size?: number,
   color?: string,
-  style?: any
+  style?: TextStyle
 }
 
 export type LibIconStyle = MaterialCommunityIconsTypes

package/modules/lib/image.tsx

@@ -104,7 +104,7 @@ class m extends LibComponent<LibImageProps, LibImageState> {
 
   static fromCamera(options?: LibImageCameraOptions): Promise<string> {
     return new Promise((_r) => {
-      setTimeout(async () => {
+     const timer = setTimeout(async () => {
         const cameraPermission = await ImagePicker.getCameraPermissionsAsync();
         var finalStatus = cameraPermission.status
         if (finalStatus !== 'granted') {
@@ -144,13 +144,14 @@ class m extends LibComponent<LibImageProps, LibImageState> {
             }
           }
         })
+        clearTimeout(timer)
       }, 1);
     })
   }
 
   static fromGallery(options?: LibImageGalleryOptions): Promise<string | string[]> {
     return new Promise((_r) => {
-      setTimeout(async () => {
+    const timer=  setTimeout(async () => {
         const { status } = await ImagePicker.getMediaLibraryPermissionsAsync();
         var finalStatus = status
         if (finalStatus !== 'granted') {
@@ -231,6 +232,7 @@ class m extends LibComponent<LibImageProps, LibImageState> {
               }, 1)
           });
         })
+        clearTimeout(timer)
       }, 1)
     })
   }
@@ -255,7 +257,7 @@ class m extends LibComponent<LibImageProps, LibImageState> {
           }
         }
 
-        setTimeout(async () => {
+     const timer=   setTimeout(async () => {
           const manipImage = await ImageManipulator.manipulateAsync(
             result.uri,
             doResize ? [{ resize: { width: wantedwidth, height: wantedheight } }] : [],
@@ -270,6 +272,7 @@ class m extends LibComponent<LibImageProps, LibImageState> {
               LibProgress.hide()
               r(msg.message);
             }, 1)
+            clearTimeout(timer)
         }, 1);
       }
     })
@@ -333,22 +336,24 @@ class m extends LibComponent<LibImageProps, LibImageState> {
                       {
                         image ?
                           <TouchableOpacity onPress={() => {
-                            setTimeout(
+                            const timer = setTimeout(
                               async () => {
                                 let imageUri = await m.processImage(image, maxDimension)
                                 m.setResult(imageUri)
                                 this.setState({ image: null })
+                                clearTimeout(timer)
                               });
                           }} >
                             <LibIcon.Ionicons name='ios-checkmark-circle' style={{ fontSize: 40, color: 'white' }} />
                           </TouchableOpacity>
                           :
                           <TouchableOpacity onPress={() => {
-                            setTimeout(
+                          const timer =  setTimeout(
                               async () => {
                                 m.hide()
                                 this.setState({ image: null })
                               });
+                              clearTimeout(timer)
                           }} >
                             <LibIcon.Ionicons name='ios-close-circle' style={{ fontSize: 40, color: 'white' }} />
                           </TouchableOpacity>

package/modules/lib/infinite.tsx

@@ -1,8 +1,7 @@
 // noPage
-import { FlashList } from "@shopify/flash-list";
+import { ContentStyle, FlashList } from "@shopify/flash-list";
 import { LibComponent } from 'esoftplay/cache/lib/component/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
-import { LibListItemLayout } from 'esoftplay/cache/lib/list/import';
 import { LibLoading } from 'esoftplay/cache/lib/loading/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
@@ -54,7 +53,7 @@ export interface LibInfiniteProps {
   renderItem: (item: any, index: number) => any,
   viewabilityConfig?: any,
   removeClippedSubviews?: boolean,
-  style?: any
+  style?: ContentStyle
 }
 
 export interface LibInfiniteState {

package/modules/lib/input.tsx

@@ -5,7 +5,7 @@ import { LibTheme } from 'esoftplay/cache/lib/theme/import';
 import { LibUtils } from 'esoftplay/cache/lib/utils/import';
 
 import React from 'react';
-import { Platform, TextInput, View } from 'react-native';
+import { Platform, TextInput, TextStyle, View } from 'react-native';
 
 export interface LibInputProps {
   icon?: (color: string) => any,
@@ -38,7 +38,7 @@ export interface LibInputProps {
   secureTextEntry?: boolean,
   selectTextOnFocus?: boolean,
   selectionColor?: string,
-  style?: any,
+  style?: TextStyle,
   value?: string,
 }
 
@@ -179,10 +179,11 @@ export default class m extends LibComponent<LibInputProps, LibInputState>{
 
   componentDidMount(): void {
     super.componentDidMount()
-    setTimeout(() => {
+   const timer = setTimeout(() => {
       if (this.props.defaultValue) {
         this.setText(this.props.defaultValue)
       }
+      clearTimeout(timer)
     });
   }
 

package/modules/lib/keyboard_avoid.tsx

@@ -5,12 +5,12 @@ import NavigationContainerRefContext from '@react-navigation/core/src/Navigation
 import NavigationContext from '@react-navigation/core/src/NavigationContext';
 import type { NavigationProp } from '@react-navigation/core/src/types';
 import React, { useRef, useState } from 'react';
-import { KeyboardAvoidingView, Platform } from 'react-native';
+import { KeyboardAvoidingView, Platform, ViewStyle } from 'react-native';
 
 
 export interface LibKeyboard_avoidProps {
   children?: any,
-  style?: any
+  style?: ViewStyle
 }
 export default function m(props: LibKeyboard_avoidProps): any {
 

package/modules/lib/lazy.tsx

@@ -35,8 +35,9 @@ export default function m(props: LibLazyProps): any {
     InteractionManager.runAfterInteractions(() => {
       startTransition(() => {
         item(true)
-        setTimeout(() => {
+       const timer = setTimeout(() => {
           next()
+          clearTimeout(timer)
         }, 50);
       })
     })

package/modules/lib/list.tsx

@@ -2,7 +2,7 @@
 
 
 // 
-import { FlashList } from "@shopify/flash-list";
+import { ContentStyle, FlashList } from "@shopify/flash-list";
 import { LibComponent } from 'esoftplay/cache/lib/component/import';
 import React from "react";
 import { View } from 'react-native';
@@ -41,7 +41,7 @@ export interface LibListProps {
   renderFooter?: () => any,
   renderItem: (item: any, index: number) => any,
   viewabilityConfig?: any,
-  style?: any,
+  style?: ContentStyle,
   removeClippedSubviews?: boolean,
 }
 

package/modules/lib/notification.ts

@@ -194,13 +194,15 @@ export default {
     const data = this.getData(notification)
     function doOpen(data: any) {
       if (!LibNavigation.getIsReady()) {
-        setTimeout(() => {
+       const timer = setTimeout(() => {
           doOpen(data)
+          clearTimeout(timer)
         }, 300);
         return
       } else {
-        setTimeout(() => {
+       const timer = setTimeout(() => {
           this.openPushNotif(data)
+          clearTimeout(timer)
         }, 0)
       }
     }
@@ -283,19 +285,21 @@ export default {
           } else {
             btns.push({ text: "OK", onPress: () => { }, style: "cancel" })
           }
-          setTimeout(() => {
+         const timer = setTimeout(() => {
             Alert.alert(
               param.title,
               param.message,
               btns, { cancelable: false }
             )
+            clearTimeout(timer)
           }, 10)
           break;
         case "default":
           if (param.module && param.module != "") {
             if (!String(param.module).includes("/")) param.module = param.module + "/index"
-            setTimeout(() => {
+           const timer = setTimeout(() => {
               LibNavigation.navigate(param.module, param.params)
+              clearTimeout(timer)
             }, 10)
           }
           break;
@@ -315,20 +319,22 @@ export default {
         } else {
           btns.push({ text: "OK", onPress: () => { }, style: "cancel" })
         }
-        setTimeout(() => {
+      const timer =  setTimeout(() => {
           Alert.alert(
             data.title,
             data.message,
             btns,
             { cancelable: false }
           )
+          clearTimeout(timer)
         }, 10)
         break;
       case "default":
         if (param.module != "") {
           if (!String(param.module).includes("/")) param.module = param.module + "/index"
-          setTimeout(() => {
+        const timer =  setTimeout(() => {
             LibNavigation.navigate(param.module, param.arguments)
+            clearTimeout(timer)
           }, 10)
         }
         break;

package/modules/lib/picture.tsx

@@ -1,6 +1,7 @@
 // withHooks
 // noPage
 import React from 'react';
+import { ImageStyle } from 'react-native';
 import FastImage from 'react-native-fast-image';
 
 export interface LibPictureSource {
@@ -8,7 +9,7 @@ export interface LibPictureSource {
 }
 export interface LibPictureProps {
   source: LibPictureSource | any,
-  style: any,
+  style: ImageStyle,
   resizeMode?: "contain" | "cover",
   noCache?: boolean,
   onError?: () => void,

package/modules/lib/pin.tsx

@@ -2,22 +2,22 @@
 // noPage
 
 import React, { useEffect, useRef, useState } from 'react';
-import { TextInput, View } from 'react-native';
+import { TextInput, View, ViewStyle } from 'react-native';
 
 export interface LibPinProps {
   length: number,
   onChangePin: (pin: string) => void
-  boxStyle?: any,
+  boxStyle?: ViewStyle,
   overrideKeyboard?: boolean,
   pinValue?: string,
-  pinStyle?: any
+  pinStyle?: ViewStyle
 }
 export default function m(props: LibPinProps): any {
   const [pin, setPin] = useState<string[]>([])
   const input = useRef<TextInput>(null)
 
   useEffect(() => {
-    setTimeout(() => { input?.current?.focus() }, 100);
+   const timer = setTimeout(() => { input?.current?.focus() ; clearTimeout(timer)}, 100);
     setPin(props?.pinValue?.split?.(''))
     props.onChangePin(props?.pinValue || '')
   }, [props.pinValue])

package/modules/lib/scroll.tsx

@@ -1,7 +1,7 @@
 // noPage
 import { LibComponent } from 'esoftplay/cache/lib/component/import';
 import React from "react";
-import { RefreshControl, ScrollView, View } from "react-native";
+import { RefreshControl, ScrollView, View, ViewStyle } from "react-native";
 
 /*
 Using ScrollView
@@ -29,7 +29,7 @@ var Escroll = esp.mod("lib/scroll")
 
 export interface LibScrollProps {
   bounces?: boolean,
-  style?: any,
+  style?: ViewStyle,
   ItemSeparatorComponent?: any,
   onScroll?: (e: any) => void,
   scrollEventThrottle?: number,

package/modules/lib/scrollpicker.tsx

@@ -6,14 +6,15 @@ import {
   Dimensions,
   Platform, ScrollView, StyleSheet,
   Text,
-  View
+  View,
+  ViewStyle
 } from 'react-native';
 
 export interface LibScrollpickerProps {
   itemHeight: number;
   wrapperHeight: number;
   selectedIndex: number;
-  style?: any;
+  style?: ViewStyle;
   highlightColor: string;
   wrapperColor: string;
   renderItem: (item: any, index: number, isSelected: boolean) => any;
@@ -49,8 +50,9 @@ export default class m extends LibComponent<LibScrollpickerProps, LibScrollpicke
   componentDidMount() {
     super.componentDidMount()
     if (this.props.selectedIndex) {
-      setTimeout(() => {
+     const timer = setTimeout(() => {
         this.scrollToIndex(this.props.selectedIndex);
+        clearTimeout(timer)
       }, 0);
     }
   }

package/modules/lib/slidingup.tsx

@@ -46,8 +46,9 @@ export default class m extends LibComponent<LibSlidingupProps, LibSlidingupState
     Keyboard.dismiss()
     if (this.props.children) {
       this.setState({ show: true }, () => {
-        setTimeout(() => {
+       const timer = setTimeout(() => {
           this._toggleSubview(true)
+          clearTimeout(timer)
         }, 1);
       })
     }

package/modules/lib/textstyle.tsx

@@ -1,11 +1,11 @@
 // noPage
 import { LibComponent } from 'esoftplay/cache/lib/component/import';
 import React from "react";
-import { StyleSheet, Text } from "react-native";
+import { StyleSheet, Text, TextStyle } from "react-native";
 
 export interface LibTextstyleProps {
   textStyle: "largeTitle" | "title1" | "title2" | "title3" | "headline" | "body" | "callout" | "subhead" | "footnote" | "caption1" | "caption2" | "m_h1" | "m_h2" | "m_h3" | "m_h4" | "m_h5" | "m_h6" | "m_subtitle1" | "m_subtitle2" | "m_body1" | "m_body2" | "m_button" | "m_caption" | "m_overline",
-  style?: any,
+  style?: TextStyle,
   children?: string | "",
   numberOfLines?: number,
   ellipsizeMode?: string,

package/modules/lib/toast.tsx

@@ -37,6 +37,7 @@ export function show(message: string, timeout?: number): void {
   }
   _timeout = setTimeout(() => {
     hide()
+    clearTimeout(_timeout)
   }, timeout || initState.timeout);
 }
 

package/modules/lib/updater.tsx

@@ -4,6 +4,7 @@ import { LibIcon } from 'esoftplay/cache/lib/icon/import';
 import { LibProgress } from 'esoftplay/cache/lib/progress/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import esp from 'esoftplay/esp';
+import { createTimeout } from 'esoftplay/timeout';
 
 import Constants from 'expo-constants';
 import * as Updates from 'expo-updates';
@@ -15,7 +16,12 @@ export interface LibUpdaterProps {
 }
 
 export function install(): void {
-  setTimeout(Updates.reloadAsync)
+  const timeout = createTimeout()
+  timeout.set(() => {
+    Updates?.reloadAsync?.()
+    timeout.clear()
+  }, 100)
+
 }
 
 export function alertInstall(title?: string, msg?: string): void {
@@ -39,14 +45,15 @@ export function check(callback?: (isNew: boolean) => void): void {
   Updates.checkForUpdateAsync().then(({ isAvailable }) => {
     if (!isAvailable) {
       callback?.(false)
-      LibProgress.hide()
+      LibProgress?.hide?.()
     } else {
       Updates.fetchUpdateAsync()
         .then(({ isNew }) => {
-          callback?.(isNew)
+          if (isNew && callback)
+            callback?.(isNew)
         }).catch((e) => {
           Alert.alert("Update Gagal", e)
-          LibProgress.hide()
+          LibProgress?.hide?.()
         })
     }
   })

package/modules/lib/video.tsx

@@ -4,7 +4,7 @@ import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
 import esp from 'esoftplay/esp';
 import React from 'react';
-import { ActivityIndicator, StyleSheet, View } from 'react-native';
+import { ActivityIndicator, StyleSheet, View, ViewStyle } from 'react-native';
 import { WebView } from 'react-native-webview';
 
 export interface LibVideoArgs {
@@ -12,7 +12,7 @@ export interface LibVideoArgs {
 }
 export interface LibVideoProps {
   code: string,
-  style?: any
+  style?: ViewStyle
 }
 export default function m(props: LibVideoProps): any {
   const code = props.code

package/modules/lib/webview.tsx

@@ -3,7 +3,7 @@
 import { LibComponent } from 'esoftplay/cache/lib/component/import';
 import esp from 'esoftplay/esp';
 import React from "react";
-import { Animated, Dimensions, Linking, Platform } from "react-native";
+import { Animated, Dimensions, Linking, Platform, ViewStyle } from "react-native";
 import { WebView } from 'react-native-webview';
 let { width } = Dimensions.get("window");
 
@@ -24,7 +24,7 @@ export interface LibWebviewProps {
   onMessage?: any,
   bounces?: any,
   onLoadEnd?: any,
-  style?: any,
+  style?: ViewStyle,
   scrollEnabled?: any,
   automaticallyAdjustContentInsets?: any,
   scalesPageToFit?: any,
@@ -43,14 +43,14 @@ class ewebview extends LibComponent<LibWebviewProps, LibWebviewState> {
   _animatedValue: any;
   webview: any;
   heightMessage: any;
-  
+
   static defaultProps = {
     needAnimate: true,
     AnimationDuration: 500,
     defaultHeight: 100,
     needAutoResetHeight: true
   };
-  
+
   constructor(props: LibWebviewProps) {
     super(props);
     this.props = props
@@ -67,7 +67,7 @@ class ewebview extends LibComponent<LibWebviewProps, LibWebviewState> {
     this.resetHeight = this.resetHeight.bind(this)
     this.resetSmallHeight = this.resetSmallHeight.bind(this)
   }
-  
+
   static getDerivedStateFromProps(nextProps, prevState) {
     const config = esp.config();
     return { source: nextProps.source && nextProps.source.hasOwnProperty("html") ? { html: config.webviewOpen + nextProps.source.html + config.webviewClose } : nextProps.source }
@@ -128,7 +128,7 @@ class ewebview extends LibComponent<LibWebviewProps, LibWebviewState> {
       <Animated.View style={{ height: this.state.height, overflow: "hidden" }}>
         <WebView
           {...otherprops}
-          cacheEnabled={false} 
+          cacheEnabled={false}
           ref={(e: any) => this.webview = e}
           source={this.state.source}
           bounces={bounces !== undefined ? bounces : true}
@@ -142,11 +142,13 @@ class ewebview extends LibComponent<LibWebviewProps, LibWebviewState> {
           }}
           injectedJavaScript={'window.ReactNativeWebView.postMessage(document.body.scrollWidth+"-"+document.body.scrollHeight)'}
           onLoadEnd={() => {
-            if (this.props.onFinishLoad !== undefined)
-              setTimeout(() => {
+            if (this.props.onFinishLoad !== undefined){
+             const timer = setTimeout(() => {
                 this.setState({ isFinish: true })
                 this.props.onFinishLoad()
+                clearTimeout(timer)
               }, 1000)
+            }
           }}
           style={[{ width: width, height: this.state.height }, style !== undefined ? style : {}]}
           scrollEnabled={scrollEnabled !== undefined ? scrollEnabled : false}

package/modules/use/worker.tsx

@@ -0,0 +1,21 @@
+// useLibs
+
+import { runOnJS, runOnUI } from "react-native-reanimated";
+
+export interface UseWorkerProps {
+
+}
+
+export default function m(func: (args: any[]) => void): (args: any[], callback: (res: any) => void) => void {
+  return (args: any[], callback: (res: any) => void) => {
+    function clbk(out: any) {
+      "worklet"
+      runOnJS(callback)(out)
+    }
+    function run() {
+      "worklet"
+      clbk(func(args))
+    }
+    runOnUI(run)()
+  }
+}

package/moment.ts

@@ -73,6 +73,16 @@ export default function moment(date?: string | Date | any) {
       const out = dayjs(_d).format(custom)
       return out
     },
+    serverFormat: (custom: string) => {
+      const _d = resetTimeOffset(_date)
+      const out = dayjs(_d).format(custom)
+      return out
+    },
+    localeFormat: (custom: string, ignoreTimezone?: boolean) => {
+      const _d = _date
+      const out = dayjs(_d).format(custom)
+      return out
+    },
     toDate: () => {
       const out = dayjs(_date).toDate()
       return out

package/package.json

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

package/timeout.d.ts

@@ -0,0 +1,2 @@
+import { createDebounce, createInterval, createTimeout, useDebounce, useInterval, useTimeout } from "./timeout";
+export { createDebounce, createInterval, createTimeout, useDebounce, useInterval, useTimeout };