esoftplay 0.0.128 → 0.0.129

package/assets/locale/id.json

@@ -62,9 +62,6 @@
   "lib/notification": {
     "permission": "Please enable notifications permissions"
   },
-  "lib/roll": {
-    "failed": "Failed to access"
-  },
   "lib/updater": {
     "alert_info": "Informasi",
     "alert_msg": "Pembaharuan berhasil diinstall",
@@ -96,9 +93,5 @@
   },
   "use/deeplink": {
     "msg_err": "Oops...!"
-  },
-  "user/login": {
-    "username": "username",
-    "pass": "password"
   }
 }

package/bin/cli.js

@@ -172,16 +172,17 @@ function switchStatusAssets(status) {
 
 	fs.readdirSync(DIR + '/modules/').forEach((mod) => {
 		const path = DIR + '/modules/' + mod
-		fs.readdirSync(path).forEach((file) => {
-			if (status.includes('d'))
-				if (file.match(/^.*.debug.*/g)) {
-					copyFileFromTo(path + '/' + file, path + '/' + file.replace('.debug.', '.'))
-				}
-			if (status.includes('l'))
-				if (file.match(/^.*.live.*/g)) {
-					copyFileFromTo(path + '/' + file, path + '/' + file.replace('.live.', '.'))
-				}
-		})
+		if (fs.statSync(path).isDirectory())
+			fs.readdirSync(path).forEach((file) => {
+				if (status.includes('d'))
+					if (file.match(/^.*.debug.*/g)) {
+						copyFileFromTo(path + '/' + file, path + '/' + file.replace('.debug.', '.'))
+					}
+				if (status.includes('l'))
+					if (file.match(/^.*.live.*/g)) {
+						copyFileFromTo(path + '/' + file, path + '/' + file.replace('.live.', '.'))
+					}
+			})
 	})
 
 }

package/bin/locale.js

@@ -1,18 +1,42 @@
+//@ts-check
 const fs = require('fs')
 const merge = require('lodash/merge')
+const idJsonPath ="./assets/locale/id.json"
 
 function readAsJson(path) {
   let out = ""
   try { out = JSON.parse(fs.readFileSync(path, { encoding: 'utf8' })) } catch (e) { }
   return out;
 }
-if (!fs.existsSync("./assets/locale/id.json")) {
-  fs.writeFileSync("./assets/locale/id.json", JSON.stringify({}, undefined, 2))
+if (!fs.existsSync("./assets/locale")) {
+  fs.mkdirSync("./assets/locale")
 }
-if (fs.existsSync("./assets/locale/id.json")) {
+if (!fs.existsSync(idJsonPath)) {
+  fs.writeFileSync(idJsonPath, JSON.stringify({}, undefined, 2))
+}
+if (fs.existsSync(idJsonPath)) {
   let masterLocale = readAsJson('./node_modules/esoftplay/assets/locale/id.json')
-  let projectLang = readAsJson("./assets/locale/id.json")
+  let projectLang = readAsJson(idJsonPath)
   let _lg = merge(masterLocale, projectLang)
   masterLocale = { ..._lg }
-  fs.writeFileSync("./assets/locale/id.json", JSON.stringify(masterLocale, undefined, 2))
+  fs.writeFileSync(idJsonPath, JSON.stringify(sortObject(masterLocale), undefined, 2), { encoding: 'utf8' })
+}
+
+function sortObject(obj) {
+  if (typeof obj !== "object" || obj === null) {
+    return obj;
+  }
+
+  if (Array.isArray(obj)) {
+    return obj.map(sortObject);
+  }
+
+  let sortedKeys = Object.keys(obj).sort();
+  let sortedObj = {};
+
+  for (let key of sortedKeys) {
+    sortedObj[key] = sortObject(obj[key]);
+  }
+
+  return sortedObj;
 }

package/bin/router.js

@@ -389,9 +389,11 @@ import { AntDesignTypes, EntypoTypes, EvilIconsTypes, FeatherTypes, FontAwesomeT
 
 declare module "esoftplay" {
   var _global: any;
+  function useGlobalSubscriber<S>(initialState?: S): useGlobalSubscribeReturn<S>;
+  function useLazyState<S>(initialState?: S): [S, (newValue: S) => () => void, () => S];
   function useGlobalState<S>(initialState?: S, option?: useGlobalOption): useGlobalReturn<S>;
   function usePersistState<S>(key: string, initialState?: S | (() => S)): [S, (a: S | ((b: S )=> S)) => S | undefined, (a?: (x: S) => void) => void, () => void];
-  function useSafeState<S>(initialState?: S | (() => S)): [S, (a: S | ((b: S )=> S)) => S | undefined];
+  function useSafeState<S>(initialState?: S | (() => S)): [S, (a: S | ((b: S )=> S)) => S | undefined, ()=>S];
   function applyStyle<T>(style: T): T;
   function usePersistState<S>(key: string, initialState?: S | (() => S)): [S, (a: S) => void, (a?: (x: S)=> void) => void, () => void];
   namespace esp {
@@ -433,7 +435,7 @@ declare module "esoftplay" {
   }
   
   interface useGlobalReturn<T> {
-    useState: () => [T, (newState: T) => void, () => void],
+    useState: () => [T, (newState: T) => void, () => void, () => T],
     get: (param?: string, ...params: string[]) => T,
     set: (x: T) => void,
     reset: () => void,
@@ -447,11 +449,19 @@ declare module "esoftplay" {
     listener?: (data: any) => void,
     isUserData?: boolean
   }
+  
+  interface useGlobalSubscribeReturn {
+    getValue: () => any,
+    reset: () => void,
+    useSubscribe: Function,
+    trigger: (newValue?: any) => void
+  }
+  
   interface useGlobalConnect<T> {
     render: (props: T) => any,
   }`;
   for (clsName in tmpTask) {
-    let ItemText = ""
+    let ItemText = "\nimport { useGlobalSubscribeReturn } from 'esoftplay';\nimport { useGlobalReturn } from 'esoftplay';\n"
     if (clsName == "LibIcon") {
       ItemText += "import { EvilIconsTypes, AntDesignTypes, EvilIconsTypes, FeatherTypes, FontAwesomeTypes, FontistoTypes, FoundationTypes, MaterialIconsTypes, EntypoTypes, OcticonsTypes, ZocialTypes, SimpleLineIconsTypes, IoniconsTypes, MaterialCommunityIconsTypes } from '@expo/vector-icons/build/esoftplay_icons';\n"
     }
@@ -535,19 +545,22 @@ declare module "esoftplay" {
     const [module, task] = clsName.split(/(?=[A-Z])/)
     const nav = module?.toLowerCase() + '/' + task?.toLowerCase()
 
-    if (module && !fs.existsSync(tmpDir + module?.toLowerCase()))
-      fs.mkdirSync(tmpDir + module.toLowerCase());
+    if (!nav.includes('.')) {
 
-    if (!fs.existsSync(tmpDir + nav))
-      fs.mkdirSync(tmpDir + nav)
+      if (module && !fs.existsSync(tmpDir + module?.toLowerCase()))
+        fs.mkdirSync(tmpDir + module.toLowerCase());
 
-    PreText += "import '" + tmpDir + nav + "/import.d';\n"
-    if (isChange(tmpDir + nav + '/import.d.ts', ItemText)) {
-      fs.writeFile(tmpDir + nav + '/import.d.ts', ItemText, { flag: 'w' }, function (err) {
-        if (err) {
-          return console.log(err);
-        }
-      });
+      if (!fs.existsSync(tmpDir + nav))
+        fs.mkdirSync(tmpDir + nav)
+
+      PreText += "import '" + tmpDir + nav + "/import.d';\n"
+      if (isChange(tmpDir + nav + '/import.d.ts', ItemText)) {
+        fs.writeFile(tmpDir + nav + '/import.d.ts', ItemText, { flag: 'w' }, function (err) {
+          if (err) {
+            return console.log(err);
+          }
+        });
+      }
     }
   }
   Text += "\n\ttype LibNavigationRoutes = \"" + Navigations.join("\" |\n\t\t\t \"") + "\"\n"
@@ -638,7 +651,7 @@ function createRouter() {
           "import React from 'react'\n" +
           "const _" + ucword(module) + ucword(task) + " = React.lazy(() => import('../../../../." + Modules[module][task] + "')); \n" +
           "import * as " + ucword(module) + ucword(task) + SuffixHooksProperty + " from '../../../../." + Modules[module][task] + "';\n" +
-          "const UpdatedComponent = (OriginalComponent) => { function "+ucword(module) + ucword(task)+"Component(props) { return ( <React.Suspense><OriginalComponent {...props} /></React.Suspense> ) } return "+ucword(module) + ucword(task)+"Component; };\n" +
+          "const UpdatedComponent = (OriginalComponent) => { function " + ucword(module) + ucword(task) + "Component(props) { return ( <React.Suspense><OriginalComponent {...props} /></React.Suspense> ) } return " + ucword(module) + ucword(task) + "Component; };\n" +
           "const " + ucword(module) + ucword(task) + " = stable(UpdatedComponent(_" + ucword(module) + ucword(task) + ")); \n" +
           "export { " + ucword(module) + ucword(task) + SuffixHooksProperty + ", " + ucword(module) + ucword(task) + " };\n"
       } else if (UseLibs.includes(nav)) {
@@ -652,18 +665,20 @@ function createRouter() {
         item += "export { _" + ucword(module) + ucword(task) + " as " + ucword(module) + ucword(task) + " };\n"
       }
 
-      if (!fs.existsSync(tmpDir + module))
-        fs.mkdirSync(tmpDir + module);
+      if (!nav.includes('.')) {
+        if (!fs.existsSync(tmpDir + module))
+          fs.mkdirSync(tmpDir + module);
 
-      if (!fs.existsSync(tmpDir + nav))
-        fs.mkdirSync(tmpDir + nav)
+        if (!fs.existsSync(tmpDir + nav))
+          fs.mkdirSync(tmpDir + nav)
 
-      if (isChange(tmpDir + nav + "/import." + fileExt, item)) {
-        fs.writeFile(tmpDir + nav + '/import.' + fileExt, item, { flag: 'w' }, function (err) {
-          if (err) {
-            return console.log(err);
-          }
-        });
+        if (isChange(tmpDir + nav + "/import." + fileExt, item)) {
+          fs.writeFile(tmpDir + nav + '/import.' + fileExt, item, { flag: 'w' }, function (err) {
+            if (err) {
+              return console.log(err);
+            }
+          });
+        }
       }
 
       // if (module == 'lib' && task == 'component') {
@@ -752,4 +767,4 @@ function createRouter() {
         return console.log(err);
       }
     });
-}
+}

package/error.ts

@@ -27,7 +27,8 @@ export function setError(error?: any) {
   const _e = {
     user,
     error: String(error),
-    routes: routesName
+    routes: routesName,
+    time: new Date().toISOString()
   };
   try {
     AsyncStorage.setItem(`${config?.domain}error`, JSON.stringify(_e));
@@ -46,6 +47,7 @@ export function reportApiError(fetch: any, error: any) {
     'slug: ' + "#" + manifest?.slug,
     'error: ' + error,
     '\n\n\ndev: ' + Platform.OS + ' - ' + Constants.deviceName,
+    'time: ' + new Date().toISOString(),
     'app/pub_id: ' + Constants.appOwnership + '/' + (config?.publish_id || '-'),
     'user_id: ' + user?.id || user?.user_id || '-',
     'username: ' + user?.username || '-',
@@ -82,6 +84,7 @@ export function getError() {
         'slug: ' + "#" + manifest?.slug,
         'error: \n' + _e.error,
         '\n\nname: ' + manifest?.name + ' - sdk' + pack?.dependencies?.expo,
+        'time: \n' + _e?.time,
         'domain: ' + config.domain + config.uri,
         'package: ' + (Platform.OS == 'ios' ? manifest?.ios?.bundleIdentifier : manifest?.android?.package) + ' - v' + (Platform.OS == 'ios' ? app.expo.ios.buildNumber : app.expo.android.versionCode),
         'device: ' + Platform.OS + ' | ' + Constants.deviceName,

package/esp.ts

@@ -122,7 +122,7 @@ const esp = {
     function sprintf(string: string, index: number): string {
       if (stringToBe[index] != undefined) {
         string = string.replace("%s", stringToBe[index])
-        if (string.includes("%s")) {
+        if (string?.includes?.("%s")) {
           return sprintf(string, index + 1)
         }
       }

package/global.ts

@@ -7,7 +7,7 @@ const isEqual = require('react-fast-compare');
 
 
 export interface useGlobalReturn<T> {
-  useState: () => [T, (newState: T) => void, () => void],
+  useState: () => [T, (newState: T) => void, () => void, () => T],
   get: (param?: string, ...params: string[]) => T,
   set: (x: T) => void,
   reset: () => void,
@@ -154,14 +154,15 @@ export default function useGlobalState<T>(initValue: T, o?: useGlobalOption): us
   }
 
 
-  function useState(): [T, (newState: T) => void, () => void] {
+  function useState(): [T, (newState: T) => void, () => T] {
     let [l, s] = R.useState<T>(value);
 
     let sl = R.useCallback((ns: T) => { s(ns) }, []);
 
+
     subscribe(sl)
 
-    return [l, set, del];
+    return [l, set, () => value];
   };
 
   function _connect(props: useGlobalConnect<T>): any {

package/lazy.ts

@@ -1,23 +1,30 @@
-import { useLayoutEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 
-export default function useLazyState<T>(initialState: T): [T, (newValue: T) => () => void] {
+export default function useLazyState<T>(initialState?: T): [T, (newValue: T) => () => void, () => T] {
   const [, rerender] = useState({})
   const dispatch = () => { rerender({}) }
   const value = useRef(initialState)
   const isMounted = useRef(true)
+
+  const getter = () => {
+    return value.current
+  }
+
   const setter = (newValue: T) => {
-    if (isMounted.current)
+    if (isMounted.current) {
       value.current = newValue;
+    }
     return () => {
-      if (isMounted.current)
+      if (isMounted.current) {
         dispatch()
+      }
     }
   }
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     isMounted.current = true
     return () => { isMounted.current = false }
   }, [])
 
-  return [value.current, setter]
+  return [value.current, setter, getter]
 }

package/modules/lib/effect.tsx

@@ -4,7 +4,8 @@ import { LibComponent } from 'esoftplay/cache/lib/component/import';
 import isEqual from 'react-fast-compare';
 
 export interface LibEffectProps {
-  deps?: any[]
+  deps?: any[],
+  children: any
 }
 export interface LibEffectState {
 

package/modules/lib/focus.tsx

@@ -3,7 +3,7 @@
 
 import { useIsFocused } from '@react-navigation/native';
 import React, { useEffect } from 'react';
-import { View } from 'react-native';
+import { InteractionManager, View } from 'react-native';
 
 export interface LibFocusProps {
   isFocused?: boolean
@@ -18,14 +18,13 @@ export interface LibFocusState {
 }
 
 export default function m(props: LibFocusProps): any {
-  console.warn("LibFocus now DEPRECATED, will be remove on next update")
   const isFocused = useIsFocused()
 
   useEffect(() => {
     if (isFocused) {
-      props?.onFocus?.()
+      InteractionManager.runAfterInteractions(props?.onFocus)
     } else {
-      props?.onBlur?.()
+      InteractionManager.runAfterInteractions(props?.onBlur)
     }
   }, [isFocused]);
 

package/modules/lib/net_status.tsx

@@ -13,15 +13,18 @@ export interface LibNet_statusState {
   zeroHeight: any
 }
 
-const state = useGlobalState({ isOnline: true })
+const state = useGlobalState({
+  isOnline: true,
+  isInternetReachable: true
+})
 
 class net_status extends LibComponent<LibNet_statusProps, LibNet_statusState> {
   static state(): useGlobalReturn<any> {
     return state
   }
 
-  static setOnline(isOnline: boolean): void {
-    state.set({ isOnline: isOnline })
+  static setOnline(isOnline: boolean, isInternetReachable: boolean): void {
+    state.set({ isOnline: isOnline, isInternetReachable: isInternetReachable })
   }
 
   timeout
@@ -36,7 +39,7 @@ class net_status extends LibComponent<LibNet_statusProps, LibNet_statusState> {
   componentDidMount(): void {
     super.componentDidMount()
     this.unsubscribe = NetInfo.addEventListener(state => {
-      this.onChangeConnectivityStatus(state.isConnected, state.isInternetReachable)
+      this.onChangeConnectivityStatus(!!state.isConnected, state.isInternetReachable)
     });
   }
 
@@ -46,8 +49,8 @@ class net_status extends LibComponent<LibNet_statusProps, LibNet_statusState> {
   }
 
   onChangeConnectivityStatus(isConnected: boolean, isInternetReachable): void {
-    let isOnline = (isConnected == true && isInternetReachable == true) ? true : false
-    net_status.setOnline(isOnline)
+    let isOnline = isConnected && isInternetReachable
+    net_status.setOnline(isConnected, isInternetReachable)
     if (isOnline) {
       this.timeout = setTimeout(() => {
         this.setState({ zeroHeight: 1 })

package/modules/lib/notification.ts

@@ -190,7 +190,7 @@ export default class m {
       unread: nUnread
     })
     Notifications.setBadgeCountAsync(nUnread)
-    const idsToPush = splitArray(ids, 200)
+    const idsToPush = splitArray(ids, 20)
     idsToPush.forEach((ids) => {
       readAll(ids)
     })

package/modules/lib/style.ts

@@ -1,20 +1,61 @@
 // noPage
-
 import { Dimensions, Platform, StatusBar } from "react-native";
+function isIphoneX() {
+  const dimen = Dimensions.get('window');
+  const dimenHeight = [780, 812, 844, 852, 896, 926, 932, 1170]
+  return (
+    Platform.OS === 'ios' &&
+    !Platform.isPad &&
+    !Platform.isTV &&
+    (dimenHeight.includes(dimen.height) || dimenHeight.includes(dimen.width))
+  );
+}
+/* LIVE */
 
 const { height, width } = Dimensions.get("window");
 const STATUSBAR_HEIGHT = (Platform.OS === "ios" ? isIphoneX() ? 44 : 20 : StatusBar.currentHeight) || 0;
 const STATUSBAR_HEIGHT_MASTER = (Platform.OS === "ios" ? isIphoneX() ? 44 : 20 : StatusBar.currentHeight) || 0;
-const colorPrimary = "#3E50B4"
-const colorPrimaryDark = "#3E50B4"
-const colorAccent = "#FFF"
-const colorGrey = "#F1F1F3"
-const colorRed = "darkred"
-const colorTextPrimary = "#353535"
-const colorTextBody = "#353535"
-const colorTextCaption = "#686868"
-const colorLightGrey = "#fbfbfb"
-const colorNavigationBar = "white"
+const colorPrimary = "#FFC523";
+const colorPrimaryMarket = "#A62287";
+const colorPrimaryMart = "#40CEFF";
+const colorPrimaryDark = "#FFC523";
+const colorAccent = "#FFF";
+const colorGrey = "#F1F1F3";
+const colorTextPrimary = "#9e9e9e";
+const headerHeight = 56
+const colorBgGrey = '#EEF1F8';
+
+const colorBrown = '#704728'
+const colorBrownLight = '#C5906C'
+const colorRed = "#dc143c";
+const colorBlue = "#3EA4DC";
+const colorGreen = "#2CB159";
+const colorLightGrey = "#EDEDED";
+const colorTextBody = "#909090";
+const colorTextCaption = "#BEBEBE";
+
+function elevation(value: any): any {
+  if (Platform.OS === "ios") {
+    if (value == 0) return {}
+    return { shadowColor: "black", shadowOffset: { width: 0, height: value / 2 }, shadowRadius: value, shadowOpacity: 0.24 }
+  }
+  return { elevation: value }
+}
+// Add your default style here
+/*
+Sample :
+
+###################
+le
+const styles = StyleSheet.create({
+  container: {
+    ...defaultStyle.container
+  },
+});
+
+##################
+
+*/
 
 const defaultStyle = {
   container: {
@@ -41,52 +82,29 @@ const defaultStyle = {
   },
 }
 
-export default class m {
-  static isIphoneX = isIphoneX()
-  static STATUSBAR_HEIGHT = STATUSBAR_HEIGHT
-  static STATUSBAR_HEIGHT_MASTER = STATUSBAR_HEIGHT_MASTER
-  static colorPrimary = colorPrimary
-  static colorPrimaryDark = colorPrimaryDark
-  static colorNavigationBar = colorNavigationBar
-  static colorAccent = colorAccent
-  static colorGrey = colorGrey
-  static colorRed = colorRed
-  static colorTextPrimary = colorTextPrimary
-  static colorTextBody = colorTextBody
-  static colorTextCaption = colorTextCaption
-  static colorLightGrey = colorLightGrey
-  static width = width
-  static height = height
-  static defaultStyle = defaultStyle
-  static elevation = (val: number): any => { return elevation(val) }
-}
-
-
-function elevation(value: any): any {
-  if (Platform.OS === "ios") {
-    if (value == 0) return {}
-    return { shadowColor: "black", shadowOffset: { width: 0, height: value / 2 }, shadowRadius: value, shadowOpacity: 0.24 }
-  } else if (Platform.OS == 'web') {
-    return { boxShadow: `${0 * value}px ${0.5 * value}px ${value}px ${'rgba(0,0,0,0.24)'}` }
-  }
-
-  return { elevation: value }
-}
-function isIphoneX() {
-  const dimen = Dimensions.get('window');
-  return (
-    Platform.OS === 'ios' &&
-    !Platform.isPad &&
-    !Platform.isTVOS &&
-    (dimen.height === 780 ||
-      dimen.width === 780 ||
-      dimen.height === 812 ||
-      dimen.width === 812 ||
-      dimen.height === 844 ||
-      dimen.width === 844 ||
-      dimen.height === 896 ||
-      dimen.width === 896 ||
-      dimen.height === 926 ||
-      dimen.width === 926)
-  );
+export default class Style {
+  static isIphoneX: boolean = isIphoneX();
+  static STATUSBAR_HEIGHT: number = STATUSBAR_HEIGHT;
+  static STATUSBAR_HEIGHT_MASTER: number = STATUSBAR_HEIGHT_MASTER;
+  static colorPrimary: string = colorPrimary;
+  static colorPrimaryDark: string = colorPrimaryDark;
+  static colorPrimaryMarket: string = colorPrimaryMarket;
+  static colorPrimaryMart: string = colorPrimaryMart;
+  static colorAccent: string = colorAccent;
+  static colorGrey: string = colorGrey;
+  static colorBrownLight: string = colorBrownLight;
+  static colorBgGrey: string = colorBgGrey;
+  static colorBrown: string = colorBrown;
+  static colorGreen: string = colorGreen;
+  static colorBlue: string = colorBlue;
+  static colorRed: string = colorRed;
+  static colorTextPrimary: string = colorTextPrimary;
+  static colorTextBody: string = colorTextBody;
+  static colorTextCaption: string = colorTextCaption;
+  static colorLightGrey: string = colorLightGrey;
+  static elevation(val: number): any { return elevation(val) };
+  static width: number = width;
+  static height: number = height;
+  static defaultStyle: any = defaultStyle;
+  static headerHeight: number = headerHeight;
 }

package/modules/lib/toast.tsx

@@ -1,9 +1,12 @@
 // withHooks
 // noPage
+
+// nunggu update master, margin sebelah kanan kegeser
+
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import useGlobalState from 'esoftplay/global';
 import React, { useEffect } from 'react';
-import { Text } from 'react-native';
+import { Text, View } from 'react-native';
 import Animated, { interpolate, useAnimatedProps, useSharedValue, withTiming } from 'react-native-reanimated';
 
 export interface LibToastProps {
@@ -53,8 +56,10 @@ export default function m(props: LibToastProps): any {
   }, [data])
 
   return (
-    <Animated.View style={[{ maxWidth: Math.min(500, LibStyle.width - 30), position: 'absolute', top: LibStyle.STATUSBAR_HEIGHT + 70, left: 0, right: 0, marginVertical: 4, marginHorizontal: 13, borderRadius: 4, borderWidth: 1, borderColor: '#505050', backgroundColor: '#323232', paddingVertical: 13, paddingHorizontal: 16, }, style, LibStyle.elevation(2)]} >
-      <Text style={{ fontSize: 14, textAlign: "center", color: 'white' }} >{String(data?.message || '')}</Text>
+    <Animated.View pointerEvents={'none'} style={[{ flex: 1, position: 'absolute', justifyContent: 'center', alignContent: 'center', alignItems: 'center', top: LibStyle.STATUSBAR_HEIGHT + 20, left: 0, right: 0, }, style, LibStyle.elevation(2)]} >
+      <View style={{ maxWidth: Math.min(500, LibStyle.width - 30), minWidth: Math.min(500, LibStyle.width - 30), marginHorizontal: 15, marginVertical: 4, borderRadius: 4, borderWidth: 1, borderColor: '#505050', backgroundColor: '#323232', paddingVertical: 13, paddingHorizontal: 16, }} >
+        <Text style={{ fontSize: 14, textAlign: "center", color: 'white' }} >{String(data?.message || '')}</Text>
+      </View>
     </Animated.View>
   )
 }

package/modules/lib/utils.ts

@@ -147,6 +147,7 @@ export default class eutils {
   }
 
   static number(toNumber: string | number): string {
+    if (!toNumber) toNumber = '0'
     var toNumb = typeof toNumber === "number" ? toNumber.toFixed(0).replace(/(\d)(?=(\d{3})+$)/g, "$1,") : parseInt(toNumber).toFixed(0).replace(/(\d)(?=(\d{3})+$)/g, "$1,")
     return String(toNumb).replace(/,/g, ".");
   }

package/modules/user/index.tsx

@@ -4,6 +4,7 @@ import { esp, useSafeState } from 'esoftplay';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
 import { LibIcon } from 'esoftplay/cache/lib/icon/import';
 import { LibImage } from 'esoftplay/cache/lib/image/import';
+import { LibLocale } from 'esoftplay/cache/lib/locale/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibNet_status } from 'esoftplay/cache/lib/net_status/import';
 import { LibProgress } from 'esoftplay/cache/lib/progress/import';
@@ -19,6 +20,7 @@ import { UserHook } from 'esoftplay/cache/user/hook/import';
 import { UserLoading } from 'esoftplay/cache/user/loading/import';
 import { UserRoutes } from 'esoftplay/cache/user/routes/import';
 import useGlobalState from 'esoftplay/global';
+import moment from 'esoftplay/moment';
 import * as Font from "expo-font";
 import React, { useEffect, useLayoutEffect } from 'react';
 import { Platform, Pressable, View } from 'react-native';
@@ -53,6 +55,8 @@ function setFonts(): Promise<void> {
 
 const route = useGlobalState<any>(undefined, { persistKey: 'user_index_routes_initial', inFile: true })
 export default function m(props: UserIndexProps): any {
+  const [langId] = LibLocale.state().useState()
+  moment().locale(langId)
   const [loading, setLoading] = useSafeState(true)
   const user = UserClass.state().useSelector(s => s)
   const ready = React.useRef(0)

package/moment.ts

@@ -56,10 +56,11 @@ export default function moment(date?: string | Date | any) {
       const out = dayjs(_date).tz(timeZone)
       return moment(out)
     },
-    locale: (locale_id: "af" | "am" | "ar-dz" | "ar-kw" | "ar-ly" | "ar-ma" | "ar-sa" | "ar-tn" | "ar" | "az" | "be" | "bg" | "bi" | "bm" | "bn" | "bo" | "br" | "bs" | "ca" | "cs" | "cv" | "cy" | "da" | "de-at" | "de-ch" | "de" | "dv" | "el" | "en-au" | "en-ca" | "en-gb" | "en-ie" | "en-il" | "en-in" | "en-nz" | "en-sg" | "en-tt" | "en" | "eo" | "es-do" | "es-pr" | "es-us" | "es" | "fi" | "fo" | "fr-ca" | "fr-ch" | "fr" | "fy" | "ga" | "gd" | "gl" | "gom-latn" | "gu" | "he" | "hi" | "hr" | "ht" | "hu" | "hy-am" | "id" | "is" | "it-ch" | "it" | "ja" | "jv" | "ka" | "kk" | "km" | "kn" | "ko" | "ku" | "ky" | "lb" | "lo" | "lt" | "lv" | "me" | "mi" | "mk" | "ml" | "mn" | "mr" | "ms-my" | "ms" | "mt" | "my" | "nb" | "ne" | "nl-be" | "nl" | "nn" | "oc-lnc" | "pa-in" | "pl" | "pt-br" | "pt" | "ro" | "ru" | "rw" | "sd" | "se" | "si" | "sk" | "sl" | "sq" | "sr-cyrl" | "sr" | "ss" | "sv-fi" | "sv" | "sw" | "ta" | "te" | "tet" | "tg" | "th" | "tk" | "tl-ph" | "tlh" | "tr" | "tzl" | "tzm-latn" | "tzm" | "ug-cn" | "uk" | "ur" | "uz-latn" | "uz" | "vi" | "x-pseudo" | "yo" | "zh-cn" | "zh-hk" | "zh-tw" | "zh" | "et" | "eu" | "fa") => {
+    locale: (locale_id: string) => {
       require('dayjs/locale/en')
       require('dayjs/locale/id')
-      const out = dayjs.locale('id')
+      require('dayjs/locale/id')
+      const out = dayjs.locale(locale_id)
       return moment(out)
     },
     /* last chain */

package/package.json

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

package/state.ts

@@ -1,8 +1,8 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 
-type UseRefStateResult<T> = [T | undefined, (value: T | undefined) => void];
+type useSafeStateReturn<T> = [T | undefined, (value: T | undefined) => void, () => T];
 
-export default function useRefState<T = any>(defaultValue?: T): UseRefStateResult<T> {
+export default function useSafeState<T = any>(defaultValue?: T): useSafeStateReturn<T> {
   const isMountedRef = useRef<boolean>(true);
   const [state, setState] = useState<T | undefined>(defaultValue);
 
@@ -13,6 +13,10 @@ export default function useRefState<T = any>(defaultValue?: T): UseRefStateResul
     }
   }, []);
 
+  const getter = () => {
+    return state
+  }
+
   useEffect(() => {
     isMountedRef.current = true;
     return () => {
@@ -20,5 +24,5 @@ export default function useRefState<T = any>(defaultValue?: T): UseRefStateResul
     };
   }, []);
 
-  return [state, updateState];
+  return [state, updateState, getter];
 }

package/subscribe.ts

@@ -2,14 +2,14 @@
 
 import React from 'react';
 
-export interface UseSubscribeReturn {
-  getValue: (value?: any) => void,
+export interface useGlobalSubscriberReturn {
+  getValue: () => any,
   reset: () => void,
   useSubscribe: Function,
   trigger: (newValue?: any) => void
 }
 
-export default function useGlobalSubscriber(defaultValue?: any): UseSubscribeReturn {
+export default function useGlobalSubscriber(defaultValue?: any): useGlobalSubscriberReturn {
   const subscribers = new Set<Function>();
   let value = defaultValue;