esoftplay-event 0.0.0-p → 0.0.0-q

package/modules/user/language.tsx

@@ -1,110 +0,0 @@
-// withHooks
-import { ComponentButton } from 'esoftplay/cache/component/button/import';
-import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
-import { LibIcon } from 'esoftplay/cache/lib/icon/import';
-import { LibList } from 'esoftplay/cache/lib/list/import';
-import { LibLocale } from 'esoftplay/cache/lib/locale/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { UserLanguage_listProperty } from 'esoftplay/cache/user/language_list/import';
-import useGlobalState from 'esoftplay/global';
-import useSafeState from 'esoftplay/state';
-import { useTimeout } from 'esoftplay/timeout';
-
-import React from 'react';
-import { Text, View } from 'react-native';
-
-
-export interface UserLanguageArgs {
-
-}
-export interface UserLanguageProps {
-
-}
-
-const lang: any = {
-  ["id"]: {
-    title: "Pilih bahasamu",
-    subtitle: "Pilih bahasa pilihan Anda untuk digunakan",
-    button: "Lanjutkan"
-  },
-  ["en"]: {
-    title: "Choose your language",
-    subtitle: "Select your preferred language to use",
-    button: "Continue"
-  },
-  ["cn"]: {
-    title: "选择你的语言",
-    subtitle: "选择您喜欢使用的语言",
-    button: "继续"
-  }
-}
-
-export const defaultLanguage = useGlobalState(0, { persistKey: 'user/language_default', loadOnInit: true })
-
-export default function m(props: UserLanguageProps): any {
-  const data = UserLanguage_listProperty.allLanguage()
-  const langData = LibLocale.stateLang().get() || {}
-  const currentLanguage = Object.keys(langData).length == 0 ? 'id' : LibLocale.state().get()
-  const [selectedLocale, setSelectedLocale] = useSafeState(currentLanguage)
-  const timeout = useTimeout()
-
-  function doSetLanguage() {
-    defaultLanguage.set(1)
-    LibLocale.setLanguage(String(selectedLocale))
-  }
-
-  return (
-    <View style={{ flex: 1 }}>
-      <View style={{ margin: 10, marginTop: LibStyle.STATUSBAR_HEIGHT + 15 }}>
-        <ComponentTouchable style={{ padding: 5 }} onPress={() => LibNavigation.back()}>
-          <LibIcon name='close' size={28} />
-        </ComponentTouchable>
-      </View>
-      <LibList
-        data={data}
-        extraData={selectedLocale}
-        ListHeaderComponent={
-          <View style={{ marginTop: 50, marginBottom: 40 }}>
-            <Text allowFontScaling={false} style={{ textAlign: 'center', fontFamily: 'ArialBold', fontSize: 20, color: "#2c3e50" }}>{lang?.[selectedLocale]?.title}</Text>
-            <Text allowFontScaling={false} style={{ textAlign: 'center', fontFamily: 'Arial', fontSize: 15, color: "#7f8c8d", marginTop: 8 }}>{lang?.[selectedLocale]?.subtitle}</Text>
-          </View>
-        }
-        renderItem={(item: any, i: number) => {
-          let selected = item?.name == selectedLocale
-          return (
-            <ComponentTouchable key={i}
-              onPress={() => {
-                setSelectedLocale(item.name)
-              }}
-              style={{ flexDirection: 'row', alignItems: 'center', backgroundColor: '#fff', borderWidth: selected ? 1.5 : 1, borderColor: selected ? LibStyle.colorPrimary : '#bdc3c7', borderRadius: 8, padding: 8, marginHorizontal: 20, marginBottom: 10 }}>
-              <View style={{ backgroundColor: '#ecf0f1', width: 26, height: 26, borderRadius: 13, alignItems: 'center', justifyContent: 'center', marginRight: 8, overflow: 'hidden' }}>
-                <Text allowFontScaling={false} style={{ fontSize: 14 }}>{item?.icon}</Text>
-              </View>
-              <Text allowFontScaling={false} style={{ fontSize: 14, color: "#2c3e50", flex: 1 }}>{item?.title}</Text>
-              {
-                selected &&
-                <LibIcon.Ionicons name='checkmark-circle' size={20} color={LibStyle.colorPrimary} /> ||
-                <LibIcon name='circle-outline' size={20} color={"#bdc3c7"} />
-              }
-            </ComponentTouchable>
-          )
-        }}
-      />
-      <ComponentButton label={lang?.[selectedLocale]?.button} onPress={() => {
-        if (langData?.[selectedLocale] || selectedLocale == 'id') {
-          doSetLanguage()
-        } else {
-          UserLanguage_listProperty.downloadLang(String(selectedLocale), (res) => {
-            LibLocale.setLanguageData(String(selectedLocale), res)
-            timeout(() => {
-              doSetLanguage()
-            }, 200)
-          })
-        }
-      }}
-        style={{ borderRadius: 8, marginHorizontal: 20, marginBottom: 10 }}
-      />
-    </View>
-  )
-}

package/modules/user/language_list.tsx

@@ -1,106 +0,0 @@
-// withHooks
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { LibCurl } from 'esoftplay/cache/lib/curl/import';
-import { LibList } from 'esoftplay/cache/lib/list/import';
-import { LibLocale } from 'esoftplay/cache/lib/locale/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { UserLanguage_list_item } from 'esoftplay/cache/user/language_list_item/import';
-import esp from 'esoftplay/esp';
-import useGlobalState from 'esoftplay/global';
-
-import React, { useEffect } from 'react';
-import { View } from 'react-native';
-
-export interface UserLanguage_listArgs {
-  selected_language?: string
-}
-export interface UserLanguage_listProps {
-
-}
-
-export function allLanguage(): any[] {
-  return Object.values(esp.config('lang'))
-}
-
-const langVersion = useGlobalState('', { persistKey: 'user_lang_version', loadOnInit: true })
-export function checkLangVersion() {
-  const { protocol, domain, uri } = esp.config()
-  const url = `${protocol}://${domain}${uri}modules/bbo/app/language/version.json?t=${new Date().getTime()}`
-
-  new LibCurl().custom(url, null, (res) => {
-    if (langVersion.get() == '' || (res?.timestamp > langVersion.get())) {
-      langVersion.set(res?.timestamp)
-      allLanguage().forEach(element => {
-        if (element.code != "id")
-          downloadLang(element.name, (res) => {
-            LibLocale.setLanguageData(element.name, res)
-          })
-      });
-    }
-  })
-}
-
-export function downloadLang(langId: string, onDone: (res: any) => void) {
-  const { protocol, domain, uri } = esp.config()
-  const _url = `${protocol}://${domain}${uri}modules/bbo/app/language/`
-  const url = _url + langId + `.json?t=${new Date().getTime()}`
-
-  new LibCurl().custom(url, null, (res) => {
-    onDone(res)
-  })
-}
-
-const checkLang = useGlobalState(true, { persistKey: 'check_device_lang', loadOnInit: true })
-export function setAppLanguage() {
-  if (checkLang.get()) {
-    const currentDeviceLanguage = LibLocale.getDeviceLanguange()
-    const langData = LibLocale.stateLang().get()
-
-    const setLang = (code: string) => {
-      LibLocale.setLanguage(code)
-      checkLang.set(false)
-    }
-
-    if (currentDeviceLanguage != 'id') {
-      const langAvailable = allLanguage().filter((x: any) => x.name == currentDeviceLanguage).length > 0
-      if (langData?.[currentDeviceLanguage]) {
-        setLang(currentDeviceLanguage)
-      } else {
-        if (langAvailable) {
-          downloadLang(currentDeviceLanguage, (res) => {
-            LibLocale.setLanguageData(currentDeviceLanguage, res)
-            setLang(currentDeviceLanguage)
-          })
-        } else {
-          setLang('en')
-        }
-      }
-    } else {
-      setLang('id')
-    }
-  }
-}
-
-export default function m(props: UserLanguage_listProps): any {
-  const { selected_language } = LibNavigation.getArgsAll(props)
-
-  useEffect(() => {
-    checkLangVersion()
-  }, [])
-
-  function renderItem(item: any, i: number) {
-    return (
-      <UserLanguage_list_item name={item?.name} selected={selected_language} title={item?.title} key={i} />
-    )
-  }
-
-  return (
-    <View style={{ flex: 1 }}>
-      <ComponentHeader title={esp.lang("user/language_list", "header_title")} notif />
-      <LibList
-        data={allLanguage()}
-        renderItem={renderItem}
-      />
-    </View>
-  )
-}

package/modules/user/language_list_item.tsx

@@ -1,66 +0,0 @@
-// withHooks
-// noPage
-import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
-import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
-import { LibIcon } from 'esoftplay/cache/lib/icon/import';
-import { LibLocale } from 'esoftplay/cache/lib/locale/import';
-import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
-import { UserLanguage_listProperty } from 'esoftplay/cache/user/language_list/import';
-import esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-import React from 'react';
-import { ActivityIndicator, Text } from 'react-native';
-
-
-export interface UserLanguage_list_itemArgs {
-
-}
-export interface UserLanguage_list_itemProps {
-  name: string,
-  selected: string
-  title: string
-}
-export default function m(props: UserLanguage_list_itemProps): any {
-  const [loading, setLoading] = useSafeState(false)
-  const langData = LibLocale.stateLang().get()
-
-  const doSetLanguage = () => {
-    LibLocale.setLanguage(props?.name)
-    LibToastProperty.show(esp.lang("user/language_list", "success_msg"))
-  }
-
-  return (
-    <ComponentTouchable onPress={() => {
-      if (langData?.[props?.name] || props?.name == 'id') {
-        doSetLanguage()
-      } else {
-        setLoading(true)
-        UserLanguage_listProperty.downloadLang(props.name, (res) => {
-          LibLocale.setLanguageData(props.name, res)
-          setLoading(false)
-          LibDialog.confirm(esp.lang("user/language_list_item", "confirm_title"), esp.lang("user/language_list_item", "confirm_msg"), esp.lang("user/language_list_item", "apply"), () => {
-            doSetLanguage()
-          }, esp.lang("user/language_list_item", "cancel"), () => { })
-        })
-      }
-    }} style={styleId_OzDvC}>
-      <Text allowFontScaling={false} style={styleId_Z2vmXsc}>{props?.title}</Text>
-      {
-        props?.name == props?.selected &&
-        <LibIcon name='check' color={'#707070'} />
-      }
-      {
-        !langData?.[props?.name] && props?.name != 'id' &&
-        <>
-          {
-            loading ? <ActivityIndicator size={'small'} /> :
-              <LibIcon name='cloud-download-outline' color='#707070' />
-          }
-        </>
-      }
-    </ComponentTouchable>
-  )
-}
-
-const styleId_OzDvC: any = { flexDirection: 'row', alignItems: 'center', paddingHorizontal: 15, paddingVertical: 15, borderBottomWidth: 0.5, borderBottomColor: '#f2f2f2' }
-const styleId_Z2vmXsc: any = { flex: 1, fontFamily: 'Arial', fontSize: 14, color: '#707070' }

package/modules/user/language_setting.tsx

@@ -1,39 +0,0 @@
-// withHooks
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { LibIcon } from 'esoftplay/cache/lib/icon/import';
-import { LibLocale } from 'esoftplay/cache/lib/locale/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { UserLanguage_listArgs, UserLanguage_listProperty } from 'esoftplay/cache/user/language_list/import';
-import esp from 'esoftplay/esp';
-
-import React from 'react';
-import { Pressable, Text, View } from 'react-native';
-
-export interface UserLanguage_settingArgs {
-
-}
-export interface UserLanguage_settingProps {
-
-}
-
-export default function m(props: UserLanguage_settingProps): any {
-  const langData = LibLocale.stateLang().get() || {}
-  const currentLanguage = Object.keys(langData).length == 0 ? 'id' : LibLocale.state().get()
-  const selected = UserLanguage_listProperty.allLanguage()?.filter?.((x: any) => x?.name == currentLanguage)?.[0] || {}
-
-  return (
-    <View style={{ flex: 1 }}>
-      <ComponentHeader title={esp.lang("user/language_setting", "header_title")} />
-      <Pressable onPress={() => { LibNavigation.navigate<UserLanguage_listArgs>('user/language_list', { selected_language: currentLanguage }) }} style={{ paddingHorizontal: 17, paddingVertical: 15, flexDirection: 'row', alignItems: 'baseline', borderBottomWidth: 0.5, borderBottomColor: '#e6e6e6' }}>
-        <View style={{ flex: 1 }}>
-          <Text allowFontScaling={false} style={{ fontFamily: 'ArialBold', fontSize: 14 }}>{esp.lang("user/language_setting", "app_languange")}</Text>
-          <Text allowFontScaling={false} style={{ marginTop: 10, fontFamily: 'Arial', fontSize: 12, color: '#707070' }}>{esp.lang("user/language_setting", "select_default_language")}</Text>
-        </View>
-        <View style={{ flexDirection: 'row', alignItems: 'center' }}>
-          <Text allowFontScaling={false} style={{ fontFamily: 'Arial', fontSize: 12, color: '#707070' }}>{selected?.title || esp.lang("user/language_setting", "selected_language")}</Text>
-          <LibIcon name='chevron-right' color={'#707070'} />
-        </View>
-      </Pressable>
-    </View>
-  )
-}

package/modules/user/loading.tsx

@@ -1,74 +0,0 @@
-// withHooks 
-// noPage
-
-import { LibSkeleton } from 'esoftplay/cache/lib/skeleton/import';
-import { LibStatusbar } from 'esoftplay/cache/lib/statusbar/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-
-import React from 'react';
-import { View } from 'react-native';
-
-
-export interface BigbangTestArgs {
-
-}
-export interface BigbangTestProps {
-  isMain?: boolean
-}
-export default function m(props: BigbangTestProps): any {
-
-  return (
-    <View style={{ flex: 1 }}>
-      <LibStatusbar style="dark" />
-      <LibSkeleton>
-        <View style={{ marginTop: LibStyle.STATUSBAR_HEIGHT }} />
-        <View style={{ flexDirection: 'row' }}>
-          <LibSkeleton.Circle size={33} />
-          <LibSkeleton.BoxFlex size={33} />
-          <LibSkeleton.Box size={33} />
-          <LibSkeleton.Box size={33} />
-          <LibSkeleton.Box size={33} />
-        </View>
-        <LibSkeleton.BoxFull size={LibStyle.width * 0.6} />
-        <View style={{ flexDirection: 'row' }} >
-          <LibSkeleton.BoxHalf size={50} />
-          <LibSkeleton.Box size={50} />
-          <LibSkeleton.Box size={50} />
-        </View>
-        <View style={{ flexDirection: 'row' }} >
-          <LibSkeleton.BoxFlex size={100} />
-          <LibSkeleton.BoxFlex size={100} />
-        </View>
-        <View style={{ flexDirection: 'row' }} >
-          <LibSkeleton.BoxFlex size={100} />
-          <LibSkeleton.BoxFlex size={100} />
-        </View>
-        <LibSkeleton.BoxHalf size={20} />
-        <View style={{ flexDirection: 'row' }} >
-          <LibSkeleton.BoxFlex size={100} />
-          <LibSkeleton.BoxFlex size={100} />
-        </View>
-        <LibSkeleton.BoxHalf size={20} />
-        <View style={{ flexDirection: 'row' }} >
-          <LibSkeleton.BoxFlex size={100} />
-          <LibSkeleton.BoxFlex size={100} />
-        </View>
-        <LibSkeleton.BoxHalf size={20} />
-        <View style={{ flexDirection: 'row' }} >
-          <LibSkeleton.BoxFlex size={100} />
-          <LibSkeleton.BoxFlex size={100} />
-        </View>
-      </LibSkeleton>
-      {
-        !props.isMain &&
-        <View style={{ flexDirection: 'row', justifyContent: 'space-around', marginBottom: LibStyle.isIphoneX ? 35 : 0 }} >
-          <View style={{ height: 50, width: 50, backgroundColor: '#dedede', borderRadius: 25, margin: 8 }} />
-          <View style={{ height: 50, width: 50, backgroundColor: '#dedede', borderRadius: 25, margin: 8 }} />
-          <View style={{ height: 50, width: 50, backgroundColor: '#dedede', borderRadius: 25, margin: 8 }} />
-          <View style={{ height: 50, width: 50, backgroundColor: '#dedede', borderRadius: 25, margin: 8 }} />
-          <View style={{ height: 50, width: 50, backgroundColor: '#dedede', borderRadius: 25, margin: 8 }} />
-        </View>
-      }
-    </View>
-  )
-}

package/modules/user/location.tsx

@@ -1,57 +0,0 @@
-// withHooks
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import { UserLocation_item } from 'esoftplay/cache/user/location_item/import';
-import esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-
-import { LibLocation } from 'esoftplay/cache/lib/location/import';
-import React, { useEffect } from 'react';
-import { View } from 'react-native';
-
-
-
-export interface UserLocationProps {
-
-}
-
-export default function m(props: UserLocationProps): any {
-  const [query, setQuery] = useSafeState<string>('')
-  const { type, par_id } = LibNavigation.getArgsAll(props)
-  const currentCountry = esp.modProp("user/location_gps").currentCountryState.useSelector(s => s)
-
-  useEffect(() => {
-    return () => LibNavigation?.cancelBackResult(LibNavigation?.getResultKey(props))
-  }, [])
-
-  useEffect(() => {
-    if (!currentCountry && esp.isDebug("location country")) {
-      LibNavigation.push("user/location_gps")
-    }
-  }, [currentCountry])
-
-  function renderItem(item: any) {
-    return (
-      <UserLocation_item testID='location_item' {...item} onPress={(loc) => {
-        LibNavigation.sendBackResult(loc, LibNavigation.getResultKey(props))
-      }} />
-    )
-  }
-
-  return (
-    <View style={{ flex: 1 }} >
-      <ComponentHeader
-        onChangeText={(q) => { LibUtils.debounce(() => { setQuery(q) }, 500) }}
-        searchPlaceholder={type == 1 ? esp.lang("user/location", "provincy") : type == 2 ? esp.lang("user/location", "regency") : esp.lang("user/location", "placeholder_find_city")}
-        notif
-        showCountry={esp.isDebug("location country")}
-      />
-      <LibLocation
-        keyword={query}
-        location_type={type}
-        renderItem={renderItem}
-      />
-    </View>
-  )
-}

package/modules/user/location_country.tsx

@@ -1,83 +0,0 @@
-// withHooks
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { LibIcon } from 'esoftplay/cache/lib/icon/import';
-import { LibInfinite } from 'esoftplay/cache/lib/infinite/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibSkeleton } from 'esoftplay/cache/lib/skeleton/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-
-import React, { useEffect } from 'react';
-import { Pressable, Text, View } from 'react-native';
-
-
-export interface UserLocation_countryArgs {
-  selected?: any
-}
-export interface UserLocation_countryProps {
-
-}
-export default function m(props: UserLocation_countryProps): any {
-  const { selected } = LibNavigation.getArgsAll(props)
-  const url = 'location_country?phone=' + selected?.phone
-  const [query, setQuery] = useSafeState('')
-
-  useEffect(() => {
-    return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
-  }, [])
-
-  function buildUrl(url: string) {
-    if (query) {
-      url += url.includes('?') ? '&' : '?'
-      url += 'keyword=' + query
-    }
-    return url
-  }
-
-  function renderItem(item: any, i: number) {
-    return (
-      <Pressable key={i} onPress={() => {
-        LibNavigation.sendBackResult(item, LibNavigation.getResultKey(props))
-      }} style={styleId_1SEJvr}>
-        <LibIcon name={selected?.phone === item?.phone ? 'checkbox-marked-circle-outline' : 'checkbox-blank-circle-outline'} color={selected?.phone === item?.phone ? LibStyle.colorPrimary : '#e6e6e6'} size={22} style={{ marginRight: 10 }} />
-        <Text allowFontScaling={false} style={styleId_Z2vmXsc}>{item?.title}</Text>
-        <Text allowFontScaling={false} style={styleId_21IzU8} >+{item?.phone}</Text>
-      </Pressable>
-    )
-  }
-
-  return (
-    <View style={{ flex: 1 }}>
-      <ComponentHeader
-        notif
-        onChangeText={(q) => { LibUtils.debounce(() => { setQuery(q) }, 500) }}
-        searchPlaceholder={esp.lang("user/location_country", "placeholder_search_country")} />
-      <LibInfinite
-        key={buildUrl(url)}
-        url={buildUrl(url)}
-        keyExtractor={(t: any, i: number) => i.toString()}
-        renderItem={renderItem}
-        LoadingView={
-          <LibSkeleton backgroundStyle={{ height: LibStyle.height }}>
-            {
-              new Array(20).fill('').map((x: any, i: number) => (
-                <View key={i} style={{ padding: 17, flexDirection: 'row', alignItems: 'center', borderBottomWidth: 1, borderColor: '#e6e6e6' }}>
-                  <LibIcon name={'checkbox-blank-circle-outline'} color={'#e6e6e6'} size={22} style={{ marginRight: 10 }} />
-                  <View style={{ flex: 1 }}>
-                    <View style={{ width: '80%', height: 14, borderRadius: 10, backgroundColor: 'white' }} />
-                  </View>
-                  <View style={{ width: '20%', height: 14, borderRadius: 10, backgroundColor: 'white' }} />
-                </View>
-              ))
-            }
-          </LibSkeleton>
-        }
-      />
-    </View>
-  )
-}
-const styleId_1SEJvr: any = { padding: 17, flexDirection: 'row', alignItems: 'center', borderBottomWidth: 1, borderColor: '#e6e6e6' }
-const styleId_Z2vmXsc: any = { flex: 1, fontFamily: 'Arial', fontSize: 14, color: '#707070' }
-const styleId_21IzU8: any = { fontFamily: 'ArialBold', fontSize: 13, color: '#9b9b9b' }

package/modules/user/location_country_server.tsx

@@ -1,84 +0,0 @@
-// withHooks
-
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentMessage } from 'esoftplay/cache/component/message/import';
-import { LibCurl } from 'esoftplay/cache/lib/curl/import';
-import { LibList } from 'esoftplay/cache/lib/list/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibPicture } from 'esoftplay/cache/lib/picture/import';
-import { LibSkeleton } from 'esoftplay/cache/lib/skeleton/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import esp from 'esoftplay/esp';
-import useGlobalState from 'esoftplay/global';
-import useSafeState from 'esoftplay/state';
-import React, { useEffect } from 'react';
-import { Pressable, Text, View } from 'react-native';
-
-
-export interface UserLocation_country_serverArgs {
-
-}
-export interface UserLocation_country_serverProps {
-
-}
-
-export const state = useGlobalState<any>(undefined, { inFastStorage: true, loadOnInit: true, persistKey: "user/location_country_server" })
-
-export default function m(props: UserLocation_country_serverProps): any {
-  const [data, setData] = state.useState()
-  const [error, setError] = useSafeState<any>("")
-  const url = 'location_country_server'
-
-  useEffect(() => {
-    getData()
-    return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
-  }, [])
-
-  function getData() {
-    new LibCurl(url, null, (result) => {
-      if (!state.get() || (result?.length != state.get().length)) {
-        setData(result)
-      }
-    }, (error) => {
-      setError(error.message)
-    }, 1)
-  }
-
-  function renderItem(item: any, i: number) {
-    return (
-      <Pressable key={i} onPress={() => {
-        LibNavigation.sendBackResult(item, LibNavigation.getResultKey(props))
-      }} style={styleId_1SEJvr}>
-        <LibPicture source={{ uri: item?.image }} style={{ width: 30, height: 30, marginRight: 20 }} resizeMode='contain' />
-        <Text allowFontScaling={false} style={styleId_Z2vmXsc}>{item?.name}</Text>
-      </Pressable>
-    )
-  }
-
-  return (
-    <View style={{ flex: 1 }}>
-      <ComponentHeader title={esp.lang("user/location_country_server", "country_list")} notif />
-      <LibList
-        data={data}
-        renderItem={renderItem}
-        ListEmptyComponent={
-          error == "" ?
-            <LibSkeleton backgroundStyle={{ height: LibStyle.height }}>
-              {
-                new Array(5).fill('').map((x: any, i: number) => (
-                  <View key={i} style={{ paddingHorizontal: 17, flexDirection: 'row', alignItems: 'center', borderBottomWidth: 1, borderColor: '#e6e6e6' }}>
-                    <LibSkeleton.Circle size={35} />
-                    <LibSkeleton.BoxFlex size={20} />
-                  </View>
-                ))
-              }
-            </LibSkeleton>
-            :
-            error != "" ? <ComponentMessage message={error} /> : null
-        }
-      />
-    </View>
-  )
-}
-const styleId_1SEJvr: any = { padding: 17, flexDirection: 'row', alignItems: 'center', borderBottomWidth: 1, borderColor: '#e6e6e6' }
-const styleId_Z2vmXsc: any = { flex: 1, fontFamily: 'Arial', fontSize: 14, color: '#707070' }