esoftplay 0.0.122 → 0.0.123-a

package/bin/build.js

@@ -300,7 +300,7 @@ export default function App() {
 			'react-native-gesture-handler',
 			'react-native-awesome-gallery',
 			'react-native-fast-image',
-			'react-native-pinch-zoom-view-movable',
+			'react-native-pan-pinch-view',
 			'react-native-reanimated',
 			'react-native-safe-area-context',
 			'react-native-screens',

package/bin/cli.js

@@ -24,7 +24,7 @@ var args = process.argv.slice(2);
 
 // console.log(modpath, "sdofsjdofjsd")
 function execution() {
-	const cmd = `watchman -j <<< '["trigger","./",{"name":"esp","expression":["allof",["not",["dirname","node_modules"]],["not",["name","index.d.ts"]]],"command":["node","./node_modules/esoftplay/bin/router.js"],"append_files":true}]' && node ./node_modules/esoftplay/bin/router.js`
+	const cmd = `watchman watch-project . && watchman -j <<< '["trigger","./",{"name":"esp","expression":["allof",["not",["dirname","node_modules"]],["not",["name","index.d.ts"]]],"command":["node","./node_modules/esoftplay/bin/router.js"],"append_files":true}]' && node ./node_modules/esoftplay/bin/router.js`
 	command(cmd)
 }
 

package/bin/router.js

@@ -69,17 +69,14 @@ import React, { useEffect } from 'react';
 import { NavigationContainer } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 \nimport { _global } from "esoftplay";\n
-\nimport useGlobalState from "esoftplay/global";\n
 ${importer}
 const Stack = createNativeStackNavigator();
-
 const config = require('../../../config.json')
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 
 export default function m(props): any {
 	const { user, initialState, handler } = props
 	const econf = config.config
-	const [s] = LibNavigation.state().useState()
 	const appOrientation = econf?.orientation ? String(econf.orientation) : 'portrait'
 	return (
 		<NavigationContainer
@@ -451,6 +448,9 @@ declare module "esoftplay" {
   }`;
   for (clsName in tmpTask) {
     let ItemText = ""
+    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"
+    }
     if (clsName === 'LibCrypt') {
       tmpTask[clsName]["class"] = "class LibCrypt"
       tmpTask[clsName]["function"]['encode'] = 'encode(text: string): string;';
@@ -459,7 +459,7 @@ declare module "esoftplay" {
     if (tmpTask[clsName]["class"]) {
 
       if (clsName !== "LibComponent")
-        ItemText += "import { LibComponent } from 'esoftplay/cache/lib/component/import';\n"
+        ItemText += "import { LibComponent } from 'esoftplay/cache/lib/component/import';\nimport { LibNavigationRoutes, useGlobalReturn } from 'esoftplay';\n"
       else if (clsName === "LibComponent") {
         ItemText += "import { Component } from 'react';\n"
       }
@@ -721,16 +721,14 @@ function createRouter() {
   let screens = []
 
   Navigations.forEach((nav) => {
-    const prefix = "{s['" + nav + "'] && "
-    const suffix = "}"
     const orientation = NavsOrientation[nav]
     const [module, task] = nav.split('/')
     const comp = ucword(module) + ucword(task)
     importer.push(`import { ${comp} } from ${'"esoftplay/cache/' + module + '/' + task + '/import"'}`)
     if (orientation)
-      screens.push("\t\t\t\t" + prefix + "<Stack.Screen name={\"" + nav + "\"} options={{ orientation: '" + orientation + "' }} component={" + comp + "} />" + suffix)
+      screens.push("\t\t\t\t" + "<Stack.Screen name={\"" + nav + "\"} options={{ orientation: '" + orientation + "' }} component={" + comp + "} />")
     else
-      screens.push("\t\t\t\t" + prefix + "<Stack.Screen name={\"" + nav + "\"} component={" + comp + "} />" + suffix)
+      screens.push("\t\t\t\t" + "<Stack.Screen name={\"" + nav + "\"} component={" + comp + "} />")
   })
 
   let N = Nav5(importer.join("\n"), screens.join("\n"))

package/error.ts

@@ -49,17 +49,20 @@ export function reportApiError(fetch: any, error: any) {
   if (manifest?.packagerOpts) {
     let post = {
       text: msg,
-      chat_id: '-626800023',
+      chat_id: '-1001737180019',
       disable_web_page_preview: true
     }
     new LibCurl()?.custom?.('https://api.telegram.org/bot923808407:AAEFBlllQNKCEn8E66fwEzCj5vs9qGwVGT4/sendMessage', post)
   } else {
-    let post = {
-      text: msg,
-      chat_id: "-1001212227631",
-      disable_web_page_preview: true
-    }
-    new LibCurl()?.custom?.('https://api.telegram.org/bot923808407:AAEFBlllQNKCEn8E66fwEzCj5vs9qGwVGT4/sendMessage', post)
+    const telegramIds = config?.errorReport?.telegramIds || {}
+    Object.values(telegramIds).forEach?.(id => {
+      let post = {
+        text: msg,
+        chat_id: id,
+        disable_web_page_preview: true
+      }
+      new LibCurl()?.custom?.('https://api.telegram.org/bot923808407:AAEFBlllQNKCEn8E66fwEzCj5vs9qGwVGT4/sendMessage', post)
+    });
   }
 }
 
@@ -88,12 +91,16 @@ export function getError() {
       } else if (msg.includes(`SyntaxError: JSON Parse error: Unexpected token:`)) {
         // remove error that unsolved
       } else {
-        let post = {
-          text: msg,
-          chat_id: "-1001212227631",
-          disable_web_page_preview: true
-        }
-        new LibCurl().custom('https://api.telegram.org/bot923808407:AAEFBlllQNKCEn8E66fwEzCj5vs9qGwVGT4/sendMessage', post)
+        const telegramIds = config?.errorReport?.telegramIds || {}
+
+        Object.values(telegramIds).forEach?.(id => {
+          let post = {
+            text: msg,
+            chat_id: id,
+            disable_web_page_preview: true
+          }
+          new LibCurl()?.custom?.('https://api.telegram.org/bot923808407:AAEFBlllQNKCEn8E66fwEzCj5vs9qGwVGT4/sendMessage', post)
+        });
       }
       // });
       AsyncStorage.removeItem(config.domain + 'error')

package/esp.ts

@@ -1,3 +1,4 @@
+import { LibLocale } from 'esoftplay/cache/lib/locale/import';
 import { LogBox } from 'react-native';
 import 'react-native-reanimated';
 import './oneplusfixfont';
@@ -109,7 +110,7 @@ const esp = {
     }
   },
   lang(moduleTask: string, langName: string, ...stringToBe: string[]): string {
-    let string = esp.assets("locale/" + esp.langId() + ".json")?.[moduleTask]?.[langName]
+    let string = LibLocale.stateLang().get()?.[esp.langId()]?.[moduleTask]?.[langName]
     if (!string) {
       string = esp.assets("locale/id.json")[moduleTask][langName]
     }

package/modules/lib/curl.ts

@@ -1,4 +1,6 @@
 
+
+//noPage
 import { LibCrypt } from 'esoftplay/cache/lib/crypt/import';
 import { LibNet_status } from 'esoftplay/cache/lib/net_status/import';
 import { LibProgress } from 'esoftplay/cache/lib/progress/import';
@@ -354,7 +356,7 @@ export default class m {
     this.initTimeout(upload ? 120000 : this.timeout)
     if (debug == 1) esp.log(this.url + this.uri, options)
     this.fetchConf = { url: this.url + this.uri, options: options }
-    //api_logger_init_time
+    //api_init_time
     fetch(this.url + this.uri, options).then(async (res) => {
       this.cancelTimeout()
       this.resStatus = res.status

package/modules/lib/dropdown.tsx

@@ -0,0 +1,80 @@
+// withHooks
+
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import React, { useEffect, useRef, useState } from "react";
+import { FlatList, Modal, Platform, Pressable, TextInput, View, ViewProps } from "react-native";
+
+export interface LibDropdownArgs {
+
+}
+
+export interface LibDropdownOption {
+  id: string | number,
+  value: any
+}
+
+export interface LibDropdownProps {
+  value: LibDropdownOption,
+  options: LibDropdownOption[],
+  renderItem: (item: LibDropdownOption, index: number) => any
+  label?: string,
+  fixOffsetTop?: boolean,
+  style?: ViewProps,
+  popupStyle?: ViewProps,
+  maxPopupHeight?: number,
+}
+
+export default function m(props: LibDropdownProps) {
+  const MAX_HEIGHT = props?.maxPopupHeight || 140;
+  const [currentValue, setCurrentValue] = useState<LibDropdownOption>();
+  const DropdownRef = useRef<View>(null);
+  const [isOpen, setIsOpen] = useState(false);
+  const [popUpSize, setPopUpSize] = useState({
+    width: 0,
+    top: 0,
+    left: 0,
+    bottom: 0,
+  });
+
+  useEffect(() => {
+    setCurrentValue(props.value);
+    setIsOpen(false);
+  }, [props.value]);
+
+  const togglePopup = () => {
+    DropdownRef.current?.measure((_fx, _fy, _w, h, _px, py) => {
+      setPopUpSize({
+        width: _w,
+        left: _px,
+        top: py + (props?.style?.height || 40) + (Platform.OS == 'android' ? (props.fixOffsetTop ? -LibStyle.STATUSBAR_HEIGHT : 0) : 0),
+        bottom: py,
+      });
+    });
+    setIsOpen(!isOpen);
+  };
+  return (
+    <View ref={DropdownRef} collapsable={false} >
+      <Pressable onPress={togglePopup} collapsable={false} >
+        <TextInput
+          pointerEvents="none"
+          editable={false}
+          style={[{ height: 40, borderWidth: 1, borderRadius: 2, borderColor: '#ccc' }, Platform.OS == 'web' ? { outlineWidth: 0 } : {}, props?.style]}
+          placeholder={props?.label || 'Select'}
+          value={currentValue?.value}
+        />
+      </Pressable>
+      <Modal visible={isOpen} transparent animationType="none">
+        <Pressable onPress={() => setIsOpen(false)} style={{ flex: 1, alignItems: 'center' }}>
+          <View style={[{ position: 'absolute', shadowColor: '#000000', shadowOffset: { width: 0, height: 0 }, shadowOpacity: 0.24, shadowRadius: 8, borderRadius: 4, backgroundColor: '#fff', ...LibStyle.elevation(2) }, props.popupStyle, { top: popUpSize.top, width: popUpSize.width, left: popUpSize.left }]}>
+            <FlatList
+              data={props.options}
+              style={{ maxHeight: MAX_HEIGHT }}
+              keyExtractor={(item, idx) => idx.toString()}
+              renderItem={({ item, index }) => props.renderItem(item, index)}
+            />
+          </View>
+        </Pressable>
+      </Modal>
+    </View>
+  );
+}

package/modules/lib/image_crop.tsx

@@ -10,10 +10,8 @@ import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
 
 import * as ImageManipulator from "expo-image-manipulator";
 import React, { useEffect, useRef } from 'react';
-import { Dimensions, Image, Text, TouchableOpacity, View } from 'react-native';
-// @ts-ignore
-import PinchZoomView from 'react-native-pinch-zoom-view-movable';
-const { width } = Dimensions.get('window')
+import { Image, Pressable, Text, TouchableOpacity, View } from 'react-native';
+import PanPinchView from "react-native-pan-pinch-view";
 
 
 export interface LibImage_cropProps {
@@ -83,9 +81,7 @@ export default function m(props: LibImage_cropProps): any {
   }, [])
 
   function reset() {
-    resize(image)
-    setCounter(counter + 1)
-    setCropCount(0)
+    LibNavigation.replace('lib/image_crop', LibNavigation.getArgsAll(props))
   }
 
   function capture() {
@@ -184,24 +180,32 @@ export default function m(props: LibImage_cropProps): any {
       <Image
         ref={imageRef}
         style={{ resizeMode: "contain", marginTop: marginTop, height: size, width: LibStyle.width }} source={{ uri: _image }} />
-      <View style={{ flex: 1, marginTop: -(LibStyle.height - marginTop - (LibStyle.isIphoneX ? 35 : 0)), alignItems: 'center', justifyContent: 'center' }} >
-        <PinchZoomView
+      <View style={{ flex: 1, marginTop: -(LibStyle.height - marginTop - (LibStyle.isIphoneX ? 35 : 0)) + LibStyle.STATUSBAR_HEIGHT, alignItems: 'center', justifyContent: 'center' }} >
+        <PanPinchView
           key={_image}
           minScale={0.5}
-          style={{ backgroundColor: "transparent", flex: undefined, width: LibStyle.height * 100, height: LibStyle.height * 100, alignSelf: 'center', justifyContent: 'center' }}
+          containerDimensions={{
+            width: LibStyle.width,
+            height: size,
+          }}
+          contentDimensions={{
+            width: ratioSize[0],
+            height: ratioSize[1]
+          }}
+          // style={{ backgroundColor: "transparent", flex: undefined, width: LibStyle.height * 100, height: LibStyle.height * 100, alignSelf: 'center', justifyContent: 'center' }}
           maxScale={2}>
-          <>
-            <View style={{ backgroundColor: "rgba(0,0,0,0.5 )", flex: 1 }} />
+          {/* <> */}
+          {/* <View style={{ backgroundColor: "rgba(0,0,0,0.5 )", flex: 1 }} />
             <View style={{ flexDirection: "row" }} >
-              <View style={{ backgroundColor: "rgba(0,0,0,0.5 )", flex: 1 }} />
-              <View ref={viewRef} style={{ height: ratioSize[1], width: ratioSize[0], backgroundColor: 'transparent', borderWidth: 1, borderColor: "black", borderStyle: 'dashed' }} >
-                <View style={{ flex: 1, backgroundColor: 'transparent', borderWidth: 1, borderColor: "white", borderStyle: 'dashed' }} />
-              </View>
-              <View style={{ backgroundColor: "rgba(0,0,0,0.5 )", flex: 1 }} />
+              <View style={{ backgroundColor: "rgba(0,0,0,0.5 )", flex: 1 }} /> */}
+          <View ref={viewRef} style={{ height: ratioSize[1], width: ratioSize[0], backgroundColor: 'transparent', borderWidth: 1.5, borderColor: "white", borderStyle: 'dashed' }} >
+            <View style={{ flex: 1, backgroundColor: 'transparent', borderWidth: 1.5, borderColor: "black", borderStyle: 'dashed' }} />
+          </View>
+          {/* <View style={{ backgroundColor: "rgba(0,0,0,0.5 )", flex: 1 }} />
             </View>
-            <View style={{ backgroundColor: "rgba(0,0,0,0.5 )", flex: 1 }} />
-          </>
-        </PinchZoomView>
+            <View style={{ backgroundColor: "rgba(0,0,0,0.5 )", flex: 1 }} /> */}
+          {/* </> */}
+        </PanPinchView>
       </View>
       <View style={{ position: "absolute", top: LibStyle.STATUSBAR_HEIGHT, left: 0, right: 0, height: 50, flexDirection: "row", justifyContent: 'space-between' }} >
         <TouchableOpacity
@@ -224,12 +228,11 @@ export default function m(props: LibImage_cropProps): any {
       </View>
       {
         // hint &
-        <TouchableOpacity
-          activeOpacity={1}
+        <Pressable
           onPress={() => setHint(!hint)}
           style={{ opacity: hint ? 1 : 0, position: 'absolute', left: 0, right: 0, bottom: 50, backgroundColor: 'rgba(0,0,0,0.5)', alignItems: 'center', justifyContent: 'center', padding: 30 }} >
           <Text style={{ color: "white", textAlign: 'center' }} >{message || "Geser dan cubit layar untuk menyesuaikan bagian foto yang ingin dipakai (pastikan bagian foto berada di dalam garis putus-putus) lalu crop jika sudah sesuai"}</Text>
-        </TouchableOpacity>
+        </Pressable>
       }
       {
         (!forceCrop || cropCount > 0) &&

package/modules/lib/image_multi.tsx

@@ -1,6 +1,6 @@
 // withHooks
 
-// 
+//noPage
 import { useSafeState } from 'esoftplay';
 import { LibIcon } from 'esoftplay/cache/lib/icon/import';
 import { LibLoading } from 'esoftplay/cache/lib/loading/import';

package/modules/lib/image_shadow.tsx

@@ -1,4 +1,5 @@
 // withHooks
+//noPage
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
 import esp from 'esoftplay/esp';
 import React from 'react';

package/modules/lib/locale.ts

@@ -1,10 +1,12 @@
 // noPage
 import { useGlobalReturn } from 'esoftplay';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibObject } from 'esoftplay/cache/lib/object/import';
 import useGlobalState from 'esoftplay/global';
 
 
 const state = useGlobalState("id", { persistKey: 'lib_locale_lang' })
+const lang = useGlobalState({}, { persistKey: 'lib_locale_lang_data', inFile: true })
 
 export default class m {
 
@@ -12,6 +14,14 @@ export default class m {
     return state
   }
 
+  static stateLang(): useGlobalReturn<any> {
+    return lang
+  }
+
+  static setLanguageData(langId: string, data: any) {
+    lang.set(LibObject.set(lang.get(), data)(langId))
+  }
+
   static setLanguage(langId: string): void {
     LibNavigation.reset()
     state.set(langId)

package/modules/lib/navigation.ts

@@ -1,10 +1,9 @@
 // noPage
 import { CommonActions, StackActions } from '@react-navigation/native';
-import { LibNavigationRoutes, useGlobalReturn } from 'esoftplay';
+import { LibNavigationRoutes } from 'esoftplay';
 import { UserClass } from 'esoftplay/cache/user/class/import';
 import { UserRoutes } from 'esoftplay/cache/user/routes/import';
 import esp from 'esoftplay/esp';
-import useGlobalState from 'esoftplay/global';
 import _global from 'esoftplay/_global';
 import React from "react";
 
@@ -13,22 +12,6 @@ export interface LibNavigationInjector {
   children?: any
 }
 
-
-export const state = useGlobalState({ 'bigbang/index': true })
-function openNav(route: string, fun: Function) {
-  state.set(Object.assign({}, state.get(), { [route]: true }))
-  const open = () => {
-    setTimeout(() => {
-      if (state.get()[route]) {
-        fun()
-      } else {
-        open()
-      }
-    });
-  }
-  open()
-}
-
 export default (() => {
   let libNavigationData: any = {}
   let libNavigationRedirect: any = {}
@@ -37,10 +20,6 @@ export default (() => {
       _global.libNavigationRef = ref
     }
 
-    static state(): useGlobalReturn<any> {
-      return state
-    }
-
     static setNavigation(nav: any): void {
       libNavigationData._navigation = nav
     }
@@ -86,9 +65,7 @@ export default (() => {
     }
 
     static navigate<S>(route: LibNavigationRoutes, params?: S): void {
-      openNav(route, () => {
-        _global.libNavigationRef?.navigate?.(route, params)
-      })
+      _global.libNavigationRef?.navigate?.(route, params)
     }
 
     static getResultKey(props: any): number {
@@ -115,7 +92,7 @@ export default (() => {
       m.back()
     }
 
-    static navigateForResult<S>(route: LibNavigationRoutes, params?: S, key?: number): Promise<any> {
+    static navigateForResult<S>(route: LibNavigationRoutes, params?: S | any, key?: number): Promise<any> {
       if (!key) {
         key = 1
       }
@@ -124,34 +101,28 @@ export default (() => {
           params = {}
         }
         params['_senderKey'] = key
-        if (!libNavigationData.hasOwnProperty(key)) {
+        if (!libNavigationData.hasOwnProperty(key) && key != undefined) {
           libNavigationData[key] = (value: any) => {
             r(value)
           };
         }
-        openNav(route, () => {
-          m.push(route, params)
-        })
+        m.push(route, params)
       })
     }
 
     static replace<S>(route: LibNavigationRoutes, params?: S): void {
-      openNav(route, () => {
-        _global.libNavigationRef.dispatch(
-          StackActions.replace(route, params)
-        )
-      })
+      _global.libNavigationRef.dispatch(
+        StackActions.replace(route, params)
+      )
     }
 
     static push<S>(route: LibNavigationRoutes, params?: S): void {
-      openNav(route, () => {
-        _global.libNavigationRef?.dispatch?.(
-          StackActions.push(
-            route,
-            params
-          )
+      _global.libNavigationRef?.dispatch?.(
+        StackActions.push(
+          route,
+          params
         )
-      })
+      )
     }
 
     static reset(route?: LibNavigationRoutes, ...routes: LibNavigationRoutes[]): void {

package/modules/lib/scrollpicker.tsx

@@ -1,4 +1,5 @@
 
+// noPage
 import { LibComponent } from 'esoftplay/cache/lib/component/import';
 import React from 'react';
 import {

package/modules/lib/slidingup.tsx

@@ -7,7 +7,8 @@ import React from 'react';
 import { Animated, BackHandler, Keyboard, TouchableOpacity, View } from 'react-native';
 
 export interface LibSlidingupProps {
-  onChangeShow?: (isShow: boolean) => void
+  onChangeShow?: (isShow: boolean) => void,
+  children?: any
 }
 export interface LibSlidingupState {
   show: boolean,

package/modules/lib/style.ts

@@ -2,24 +2,6 @@
 
 import { Dimensions, Platform, StatusBar } from "react-native";
 
-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)
-  );
-}
 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;
@@ -34,30 +16,6 @@ const colorTextCaption = "#686868"
 const colorLightGrey = "#fbfbfb"
 const colorNavigationBar = "white"
 
-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: {
     flex: 1,
@@ -83,22 +41,52 @@ const defaultStyle = {
   },
 }
 
-export default {
-  isIphoneX: isIphoneX(),
-  STATUSBAR_HEIGHT: STATUSBAR_HEIGHT,
-  STATUSBAR_HEIGHT_MASTER: STATUSBAR_HEIGHT_MASTER,
-  colorPrimary: colorPrimary,
-  colorPrimaryDark: colorPrimaryDark,
-  colorNavigationBar: colorNavigationBar,
-  colorAccent: colorAccent,
-  colorGrey: colorGrey,
-  colorRed: colorRed,
-  colorTextPrimary: colorTextPrimary,
-  colorTextBody: colorTextBody,
-  colorTextCaption: colorTextCaption,
-  colorLightGrey: colorLightGrey,
-  elevation(val: number): any { return elevation(val) },
-  width: width,
-  height: height,
-  defaultStyle: 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)
+  );
+}

package/modules/lib/toast.tsx

@@ -53,7 +53,7 @@ export default function m(props: LibToastProps): any {
   }, [data])
 
   return (
-    <Animated.View style={[{ 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)]} >
+    <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>
   )

package/modules/use/deeplink.ts

@@ -10,10 +10,11 @@ import { Alert, Linking } from 'react-native';
 
 export default function m(defaultUrl?: string): void {
   const doLink = useCallback(({ url }: { url: string }) => {
-    const { domain, uri } = esp.config()
+    const { domain, uri, protocol } = esp.config()
     if (url?.includes(defaultUrl || domain))
       LibUtils.debounce(() => {
         url = url.replace((domain + uri), (domain + uri + 'deeplink/'))
+        url = url.replace(/^[a-z]+\:\/\//g, protocol + "://")
         function removeLastDot(url: string) {
           if (url.substr(url.length - 1, 1) == '.') {
             url = url.substring(0, url.length - 1)

package/modules/user/data.ts

@@ -6,12 +6,11 @@ import _global from 'esoftplay/_global';
 export default class m {
   static register(name: string): void {
     AsyncStorage.getItem("user_data_dependent").then((x) => {
-      let all = []
+      let all: string[] = []
       if (x) {
-        all = [...JSON.parse(x), name]
-      } else {
-        all.push(name)
+        all = fastFilter(JSON.parse(x), (x) => x != name)
       }
+      all.push(name)
       AsyncStorage.setItem("user_data_dependent", JSON.stringify(all))
     })
   }

package/package.json

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