esoftplay-event 0.0.0-n → 0.0.0-p

package/modules/user/register_with_v2.tsx

@@ -0,0 +1,428 @@
+// withHooks
+
+import { ComponentAccept } from 'esoftplay/cache/component/accept/import';
+import { ComponentButton } from 'esoftplay/cache/component/button/import';
+import { ComponentGender } from 'esoftplay/cache/component/gender/import';
+import { ComponentRegister_container } from 'esoftplay/cache/component/register_container/import';
+import { ComponentSlidingup } from 'esoftplay/cache/component/slidingup/import';
+import { LibCrypt } from 'esoftplay/cache/lib/crypt/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDatepicker } from 'esoftplay/cache/lib/datepicker/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibInput_circle } from 'esoftplay/cache/lib/input_circle/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPassword } from 'esoftplay/cache/lib/password/import';
+import { LibProgress } from 'esoftplay/cache/lib/progress/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { UserRegisterProperty } from 'esoftplay/cache/user/register/import';
+import esp from 'esoftplay/esp';
+import useLazyState from 'esoftplay/lazy';
+import moment from 'esoftplay/moment';
+import useSafeState from 'esoftplay/state';
+import React from 'react';
+import { Keyboard, Pressable, Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface UserRegister_with_v2Args {
+  name: string,
+  email: string,
+  birth_date?: any
+}
+export interface UserRegister_with_v2Props {
+
+}
+
+const initCountry = {
+  "title": "Indonesia",
+  "code": "ID",
+  "currency": "IDR",
+  "phone": "62"
+}
+export default function m(props: UserRegister_with_v2Props): any {
+  const { name, email, birth_date } = LibNavigation.getArgsAll<any>(props)
+  let inputName = React.useRef<LibInput_circle>(null)
+  let inputPhone = React.useRef<LibInput_circle>(null)
+  let inputEmail = React.useRef<LibInput_circle>(null)
+  let inputLocation = React.useRef<LibInput_circle>(null)
+  let inputPassword = React.useRef<LibInput_circle>(null)
+  let inputRepeatPassword = React.useRef<LibInput_circle>(null)
+
+  const [agree, setAgree] = useSafeState<boolean>(false)
+  const [selectedCountry, setSelectedCountry] = useSafeState<any>(initCountry)
+
+  const inputBirthday = React.useRef<LibInput_circle>(null)
+  const inputGender = React.useRef<LibInput_circle>(null)
+  const dialogSetBirthdate = React.useRef<ComponentSlidingup>(null)
+  const dialogSetGender = React.useRef<ComponentSlidingup>(null)
+  const [, setLocation, getLocation] = useLazyState<any>()
+  const [date, setDate, getDate] = useLazyState<any>(birth_date)
+  const [genderId, setGenderId, getGender] = useSafeState<any>()
+
+  const [showPassword, setShowPassword] = useSafeState<boolean>(true)
+  const [showRepeatPass, setShowRepeatPass] = useSafeState<boolean>(true)
+  const [show, setShow] = useSafeState(false)
+  const [pass, setPass] = useSafeState<string>('')
+  const [validPass, setValidPass] = useSafeState<boolean>(false)
+
+
+  const doRegister = () => {
+    if (inputName.current!.getText() == '') {
+      LibToastProperty.show(esp.lang("user/register", "msg_error_input_name"))
+      inputName.current!.focus()
+      return
+    }
+    if (inputPassword?.current?.getText?.() == '') {
+      inputPassword?.current?.setError(esp.lang("pos/register", "empty_pass"))
+      inputPassword?.current?.focus?.()
+      return
+    }
+
+    if (!LibPassword.hasEnoughtLength(8, pass)) {
+      inputPassword?.current?.setError(esp.lang("pos/register", "lengh"))
+      inputPassword?.current?.focus?.()
+      return
+    }
+
+    if (!LibPassword.hasCapitalCharacter(pass)) {
+      inputPassword?.current?.setError(esp.lang("pos/register", "capital"))
+      inputPassword?.current?.focus?.()
+      return
+    }
+
+    if (!LibPassword.hasLowerCharacter(pass)) {
+      inputPassword?.current?.setError(esp.lang("pos/register", "lowercase"))
+      inputPassword?.current?.focus?.()
+      return
+    }
+
+    if (!LibPassword.hasSpecialCharacter(pass)) {
+      inputPassword?.current?.setError(esp.lang("pos/register", "uniq_char"))
+      inputPassword?.current?.focus?.()
+      return
+    }
+
+    if (!LibPassword.hasNumberCharacter(pass)) {
+      inputPassword?.current?.setError(esp.lang("pos/register", "number"))
+      inputPassword?.current?.focus?.()
+      return
+    }
+
+    if (inputRepeatPassword?.current?.getText?.() == '') {
+      inputRepeatPassword?.current?.setError(esp.lang("pos/register", "retype_pass"))
+      inputRepeatPassword?.current?.focus?.()
+      return
+    }
+
+    if (inputPassword.current!.getText() != inputRepeatPassword.current!.getText()) {
+      LibToastProperty.show(esp.lang("pos/register", "pass_not_match"))
+      return
+    }
+    if (inputPhone.current!.getText() == '') {
+      LibToastProperty.show(esp.lang("user/register", "msg_error_input_telp"))
+      inputPhone.current!.focus()
+      return
+    }
+    if (inputPhone.current!.getText().length < 6) {
+      LibToastProperty.show(esp.lang("user/register", "msg_error_input_telp_correct"))
+      return
+    }
+    if (inputEmail.current!.getText() == '') {
+      LibToastProperty.show(esp.lang("user/register", "msg_error_input_email"))
+      inputEmail.current!.focus()
+      return
+    }
+
+    let reg = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
+    if (reg.test(inputEmail.current!.getText()) === false) {
+      LibToastProperty.show(esp.lang("user/register", "msg_error_input_email_correct"));
+      return false;
+    }
+
+
+    let phoneNumber = UserRegisterProperty.combineNumber(inputPhone?.current!.getText(), selectedCountry?.phone)
+
+    let post = {
+      name: encodeURIComponent(inputName.current!.getText() || name),
+      password: inputPassword.current!.getText().trim(),
+      phone: encodeURIComponent(phoneNumber),
+      email: encodeURIComponent(email),
+      phone_code: encodeURIComponent(selectedCountry?.phone),
+      thirdparty_token: new LibCrypt().encode((new Date().getTime() / 1000).toFixed(0)),
+      location_id: getLocation?.()?.id || 1,
+      gender: getGender() || 0,
+      birth_date: getDate() && moment(getDate()).format('YYYY-MM-DD') || "",
+    }
+
+    LibDialog.custom(
+      <View style={{ padding: 5 }}>
+        <View style={{ paddingVertical: 10, paddingHorizontal: 15 }}>
+          <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 18, fontWeight: "normal", fontStyle: "normal", textAlign: "center", letterSpacing: 0, color: '#4a4a4a' }}>+{selectedCountry?.phone + ' ' + UserRegisterProperty.addDash(inputPhone?.current!.getText())}</Text>
+          <Text allowFontScaling={false} style={{ marginTop: 17, fontFamily: "Arial", fontSize: 12, lineHeight: 17, fontWeight: "normal", fontStyle: "normal", textAlign: "center", letterSpacing: 0, color: '#4a4a4a' }}>{esp.lang("user/register", "alert_confirm_phone_is_correct")}</Text>
+        </View>
+        <View style={{ marginTop: 20, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' }} >
+          <View style={{ width: LibStyle.width * 0.5 - 60 }}>
+            <ComponentButton label={esp.lang("user/register", "btn_change")} onPress={() => {
+              LibDialog.hide()
+              inputPhone.current?.focus()
+            }} backgroundColor="#fff" fontColor="#724225" borderColor="#724225" />
+          </View>
+          <View style={{ width: LibStyle.width * 0.5 - 60 }}>
+            <ComponentButton label={esp.lang("user/register", "btn_yes")} onPress={() => {
+              LibDialog.hide()
+              LibProgress.show(esp.lang("user/register", "msg_wait"))
+              new LibCurl('user_register_core', post,
+                (res, msg) => {
+                  new LibCurl(res, null, (result, message) => {
+                    LibProgress.hide()
+                    LibNavigation.replace('user/force_login', { url: result })
+                  }, (err) => {
+                    LibProgress.hide()
+                    LibDialog.warning(esp.lang("user/register_with_v2", "force_failed"), err?.message)
+                  }, 1)
+                },
+                (msg) => {
+                  LibProgress.hide()
+                  LibDialog.warning(esp.lang("user/register_with_v2", "reg_failed"), msg?.message)
+                }
+              )
+            }} backgroundColor={LibStyle.colorPrimary} fontColor="#fff" />
+          </View>
+        </View>
+      </View>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1 }}>
+      <ComponentRegister_container
+        children={
+          <>
+            <View style={{ flexDirection: 'row', alignItems: 'center' }} >
+              <LibInput_circle
+                ref={inputEmail}
+                inputAlign='left'
+                icon={'icons/ic_register_email.png'}
+                placeholder={esp.lang("user/register", "placeholder_input_email")}
+                returnKeyType="next"
+                defaultValue={email}
+                style={{ flex: 1, opacity: 0.6 }}
+                editable={false}
+                autoCapitalize={'none'}
+                keyboardType={'email-address'}
+              />
+              <View style={{ position: 'absolute', right: 10, top: 30, flexDirection: 'row', alignItems: 'center' }} >
+                <LibIcon.SimpleLineIcons name={'check'} size={17} color={'lime'} />
+                <LibTextstyle textStyle='caption2' text={esp.lang("user/register_with_v2", "verif")} style={{ color: 'lime', marginLeft: 10 }} />
+              </View>
+            </View>
+            <LibInput_circle
+              ref={inputName}
+              inputAlign='left'
+              defaultValue={name}
+              icon={'icons/ic_register_name.png'}
+              placeholder={esp.lang("user/register", "placeholder_input_name")}
+              returnKeyType={'next'}
+              onSubmitEditing={() => inputPhone.current!.focus()}
+            />
+
+            <View>
+              <View style={{ flex: 1, flexDirection: 'row' }}>
+                {
+                  show &&
+                  <View style={{ backgroundColor: 'white', zIndex: 20, position: 'absolute', left: 10, bottom: 50, padding: 10, borderRadius: 5, elevation: 5 }}>
+                    <Text style={{ fontFamily: 'Arial', fontSize: 12 }} >{esp.lang("user/register", "msg_error_password_with_:")}</Text>
+                    <View style={{ flexDirection: 'row', alignItems: 'center', marginTop: 5 }}>
+                      <LibIcon name={LibPassword.hasEnoughtLength(8, pass) ? "check" : "close"} size={16} color={LibPassword.hasEnoughtLength(8, pass) ? "#00C400" : "#D5001E"} style={{ marginRight: 5 }} />
+                      <Text style={{ fontFamily: 'Arial', fontSize: 12, color: LibPassword.hasEnoughtLength(8, pass) ? "#212427" : "#909090" }} >{esp.lang("user/register", "msg_error_password_length")}</Text>
+                    </View>
+                    <View style={{ flexDirection: 'row', alignItems: 'center', marginTop: 3 }}>
+                      <LibIcon name={LibPassword.hasCapitalCharacter(pass) ? "check" : "close"} size={16} color={LibPassword.hasCapitalCharacter(pass) ? "#00C400" : "#D5001E"} style={{ marginRight: 5 }} />
+                      <Text style={{ fontFamily: 'Arial', fontSize: 12, color: LibPassword.hasCapitalCharacter(pass) ? "#212427" : "#909090" }} >{esp.lang("user/register", "msg_error_password_with_capital_word")}</Text>
+                    </View>
+                    <View style={{ flexDirection: 'row', alignItems: 'center', marginTop: 5 }}>
+                      <LibIcon name={LibPassword.hasLowerCharacter(pass) ? "check" : "close"} size={16} color={LibPassword.hasLowerCharacter(pass) ? "#00C400" : "#D5001E"} style={{ marginRight: 5 }} />
+                      <Text style={{ fontFamily: 'Arial', fontSize: 12, color: LibPassword.hasLowerCharacter(pass) ? "#212427" : "#909090" }} >{esp.lang("pos/register", "min_1_lower_char")}</Text>
+                    </View>
+                    <View style={{ flexDirection: 'row', alignItems: 'center', marginTop: 3 }}>
+                      <LibIcon name={LibPassword.hasSpecialCharacter(pass) ? "check" : "close"} size={16} color={LibPassword.hasSpecialCharacter(pass) ? "#00C400" : "#D5001E"} style={{ marginRight: 5 }} />
+                      <Text style={{ fontFamily: 'Arial', fontSize: 12, color: LibPassword.hasSpecialCharacter(pass) ? "#212427" : "#909090" }} >{esp.lang("user/register", "msg_error_password_min_unique_character")}</Text>
+                    </View>
+                    <View style={{ flexDirection: 'row', alignItems: 'center', marginTop: 3 }}>
+                      <LibIcon name={LibPassword.hasNumberCharacter(pass) ? "check" : "close"} size={16} color={LibPassword.hasNumberCharacter(pass) ? "#00C400" : "#D5001E"} style={{ marginRight: 5 }} />
+                      <Text style={{ fontFamily: 'Arial', fontSize: 12, color: LibPassword.hasNumberCharacter(pass) ? "#212427" : "#909090" }} >{esp.lang("pos/register", "minimal_number")}</Text>
+                    </View>
+                    <View style={{ marginBottom: -20, marginTop: 10, width: 0, height: 0, backgroundColor: 'transparent', borderStyle: 'solid', borderTopWidth: 10, borderRightWidth: 10, borderBottomWidth: 0, borderLeftWidth: 10, borderTopColor: "white", borderRightColor: 'transparent', borderBottomColor: 'transparent', borderLeftColor: 'transparent', }} />
+                  </View>
+                }
+                <LibInput_circle
+                  ref={inputPassword}
+                  inputAlign='left'
+                  onFocus={() => { setShow(true) }}
+                  onBlur={() => { setShow(false) }}
+                  onChangeText={(t) => {
+                    setPass(t)
+                    setValidPass(LibPassword.hasEnoughtLength(8, t) &&
+                      LibPassword.hasCapitalCharacter(t) &&
+                      LibPassword.hasSpecialCharacter(t) &&
+                      LibPassword.hasLowerCharacter(t) &&
+                      LibPassword.hasNumberCharacter(t)
+                    )
+                  }}
+                  style={{ flex: 1 }}
+                  icon={'icons/ic_register_password.png'}
+                  placeholder={esp.lang("user/register", "placeholder_input_password")}
+                  returnKeyType='next'
+                  onSubmitEditing={() => inputRepeatPassword.current!.focus()}
+                  secureTextEntry={showPassword} />
+                <TouchableOpacity style={{ position: 'absolute', top: 25, right: 10 }} onPress={() => {
+                  setShowPassword(showPassword == true ? false : true)
+                }}>
+                  <LibIcon name={showPassword ? "eye" : "eye-off"} />
+                </TouchableOpacity>
+              </View>
+              {
+                pass.length > 3 &&
+                <View style={{ flexDirection: "row", marginTop: 4, marginHorizontal: 10 }} >
+                  <LibIcon name={validPass ? "check" : "close"} color={validPass ? "#00C400" : "red"} size={14} />
+                  <Text allowFontScaling={false} style={{ marginLeft: 5, fontSize: 12, fontFamily: 'Arial' }} >{validPass ? esp.lang("user/register", "msg_password_can_use") : esp.lang("user/register", "msg_password_cant_use")}</Text>
+                </View>
+              }
+            </View>
+
+            <View style={{ flex: 1, flexDirection: 'row' }}>
+              <LibInput_circle
+                ref={inputRepeatPassword}
+                inputAlign='left'
+                style={{ flex: 1 }}
+                icon={'icons/ic_register_password.png'}
+                placeholder={esp.lang("user/register", "placeholder_input_repeat_password")}
+                returnKeyType='next'
+                onSubmitEditing={() => {
+                  if (inputRepeatPassword.current!.getText() !== inputPassword.current!.getText()) {
+                    LibToastProperty.show(esp.lang("user/register", "msg_error_password_didnt_same"), 2000)
+                    Keyboard.dismiss()
+                    return
+                  } else {
+                    if (agree) {
+                      doRegister()
+                    }
+                  }
+                }}
+                secureTextEntry={showRepeatPass} />
+              <TouchableOpacity style={{ position: 'absolute', top: 25, right: 10 }} onPress={() => {
+                setShowRepeatPass(showRepeatPass == true ? false : true)
+              }}>
+                <LibIcon name={showRepeatPass ? "eye" : "eye-off"} />
+              </TouchableOpacity>
+            </View>
+
+            <LibInput_circle
+              ref={inputPhone}
+              inputAlign='left'
+              icon={'icons/ic_register_phone.png'}
+              placeholder={esp.lang("user/register", "placeholder_input_phone")}
+              returnKeyType={'next'}
+              keyboardType="phone-pad"
+              mask={'#### #### #### ####'}
+              leftView={() => (
+                <Pressable onPress={() => {
+                  LibNavigation.navigateForResult('user/location_country', { selected: selectedCountry }).then(setSelectedCountry)
+                }} style={{ paddingLeft: 10, flexDirection: 'row', alignItems: 'center' }}>
+                  <Text allowFontScaling={false} style={{ fontSize: 12, color: '#707070', fontFamily: 'ArialBold' }} >+{selectedCountry?.phone}</Text>
+                  <LibIcon name='chevron-down' size={14} color='#707070' style={{ marginLeft: 3 }} />
+                  <View style={{ height: 16, width: 1, marginLeft: 5, backgroundColor: '#e6e6e6' }} />
+                </Pressable>
+              )}
+            />
+            <Pressable onPress={() => {
+              dialogSetGender.current?.show()
+            }} >
+              <LibInput_circle
+                ref={inputGender}
+                editable={false}
+                inputAlign='left'
+                icon={'icons/ic_register_name.png'}
+                placeholder={"Your Gender (Optional)"}
+                onChangeText={() => { }}
+              />
+            </Pressable>
+            <Pressable onPress={() => {
+              dialogSetBirthdate.current?.show?.()
+            }} >
+              <LibInput_circle
+                ref={inputBirthday}
+                editable={false}
+                defaultValue={birth_date ? moment(date).format('DD MMMM YYYY') : undefined}
+                inputAlign='left'
+                icon={'icons/ic_register_date.png'}
+                placeholder={"Your Birthday (Optional)"}
+                onChangeText={() => { }}
+              />
+            </Pressable>
+            <Pressable onPress={() => {
+              LibNavigation.navigateForResult('user/location').then((t) => {
+                inputLocation.current?.setText(t?.detail)
+                setLocation(t)
+              })
+            }} >
+              <LibInput_circle
+                ref={inputLocation}
+                editable={false}
+                inputAlign='left'
+                icon={'icons/ic_pin_brown.png'}
+                placeholder={"Your Domicile (Optional)"}
+                onChangeText={() => { }}
+              />
+            </Pressable>
+            <View style={{ marginTop: 15 }} />
+            <View style={{ marginHorizontal: -10 }}>
+              <ComponentAccept
+                agree={agree}
+                fontColor={LibStyle.colorRed}
+                onPressAgree={() => { setAgree(agree == true ? false : true) }}
+                onPressPrivacy={() => {
+                  LibNavigation.navigate('bigbang/terms', { cat: 'member', type: 'privacy' })
+                }}
+                onPressTerm={() => {
+                  LibNavigation.navigate('bigbang/terms', { cat: 'member', type: 'term' })
+                }}
+              />
+            </View>
+          </>
+        }
+        buttonColor={agree ? LibStyle.colorRed : "#8e8e8e"}
+        onPressNext={() => {
+          if (agree) {
+            doRegister()
+          }
+        }}
+        title={esp.lang("user/register_with_v2", "title")}
+      />
+
+      <ComponentSlidingup ref={dialogSetBirthdate}>
+        <View style={{ backgroundColor: 'white', paddingBottom: 25, height: 230 }}>
+          <LibDatepicker
+            minDate={moment().add(-90, 'years').format('YYYY-MM-DD')}
+            maxDate={moment().format('YYYY-MM-DD')}
+            onDateChange={(date) => {
+              inputBirthday.current?.setText(moment(date).format('DD MMMM YYYY'))
+              dialogSetBirthdate.current?.hide()
+              setDate(date)
+            }}
+            selectedDate={date || moment().add(-20, 'years').format('YYYY-MM-DD')}
+          />
+        </View>
+      </ComponentSlidingup>
+      <ComponentSlidingup ref={dialogSetGender}>
+        <ComponentGender genderId={genderId} onSelectGender={(item: any) => {
+          setGenderId(item.id)
+          inputGender.current?.setText(item?.text)
+          dialogSetGender.current?.hide()
+        }} />
+      </ComponentSlidingup>
+    </View>
+  )
+}

package/modules/user/reminder.tsx

@@ -0,0 +1,72 @@
+// withHooks
+// noPage
+
+import { UserClass } from "esoftplay/cache/user/class/import";
+import esp from "esoftplay/esp";
+import * as Notifications from 'expo-notifications';
+
+
+export interface UserReminderArgs {
+
+}
+export interface UserReminderProps {
+
+}
+
+export function mute() {
+  Notifications.cancelAllScheduledNotificationsAsync()
+}
+
+export function setReminder() {
+  const user = UserClass.state().get()
+  const trigger = {
+    seconds: 60 * 60 * 24,
+    repeats: true,
+  }
+  const params = { status: 3 }
+
+  if (user) {
+    mute()
+    if (user?.login_password == 0) {
+      const msg = esp.lang("user/reminder", "pasw_empty")
+      Notifications.scheduleNotificationAsync({
+        content: {
+          title: msg,
+          body: msg,
+          data: {
+            action: 'default',
+            module: "user/password",
+            title: msg,
+            message: msg,
+            params,
+          },
+        },
+        trigger: trigger,
+      });
+    }
+    if (user?.phone_verified == 0) {
+      const msg = esp.lang("user/reminder", "phone_empty")
+      Notifications.scheduleNotificationAsync({
+        content: {
+          title: msg,
+          body: msg,
+          data: {
+            action: 'default',
+            module: "user/profile_edit",
+            title: msg,
+            message: msg,
+            params,
+          },
+        },
+        trigger: trigger,
+      });
+    }
+  } else {
+    mute()
+  }
+}
+
+
+export default function m(props: UserReminderProps): any {
+  return null
+}

package/modules/user/saldo_refund.tsx

@@ -0,0 +1,80 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibFocus } from 'esoftplay/cache/lib/focus/import';
+import { LibLoading } from 'esoftplay/cache/lib/loading/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibScroll } from 'esoftplay/cache/lib/scroll/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import { UserProfileProperty } from 'esoftplay/cache/user/profile/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import React, { useEffect } from 'react';
+import { TouchableOpacity, View } from 'react-native';
+
+
+export interface UserSaldo_refundArgs {
+
+}
+export interface UserSaldo_refundProps {
+
+}
+export default function m(props: UserSaldo_refundProps): any {
+  const user = UserClass.state().useSelector(state => state)
+  const [result, setResult] = useSafeState<any>()
+
+  useEffect(() => {
+    checkVerif()
+  }, [])
+
+  function checkVerif() {
+    new LibCurl('user_verification', null, (res, msg) => {
+      setResult(res)
+    }, (err) => {
+
+    }, 1)
+  }
+
+  if (!result) {
+    return <LibLoading />
+  }
+
+  // SEPERTINYA INI GA DI PERLUKAN, SILAHKAN HAPUS JIKA ANDA MENEMUKAN HALAMAN INI, TAPI CEK DULU YA
+
+  return (
+    <View style={{ flex: 1 }}>
+      <ComponentHeader title={esp.lang("user/saldo_refund", "headr")} />
+      <LibFocus onFocus={checkVerif} />
+      <LibScroll onRefresh={() => UserProfileProperty.update()} >
+        <View style={{ alignItems: 'center', justifyContent: "center", minHeight: 200 }} >
+          <LibTextstyle style={{ fontWeight: "bold" }} textStyle="largeTitle" text={LibUtils.money(user.saldo_wallet)} />
+        </View>
+
+        <View style={{ flexDirection: "row", justifyContent: "space-around" }} >
+          <TouchableOpacity onPress={() => {
+            UserProfileProperty.isLogin(() => {
+              LibNavigation.navigate('withdraw/refund')
+              // if (result?.status.id == 1) {
+              // } else {
+              //   LibNavigation.navigate('withdraw/waiting')
+              // }
+            })
+          }} style={{ alignItems: "center" }} >
+            <LibPicture style={{ height: 40, width: 40, marginBottom: 10 }} source={esp.assets("market/002-atm-machine.png")} />
+            <LibTextstyle text={esp.lang("user/saldo_refund", "withdraw")} textStyle={"footnote"} />
+          </TouchableOpacity>
+          <TouchableOpacity
+            onPress={() => UserProfileProperty.isLogin(() => { LibNavigation.navigate('user/saldo_refund_history') })}
+            style={{ alignItems: "center" }} >
+            <LibPicture style={{ height: 40, width: 40, marginBottom: 10 }} source={esp.assets("market/003-bills.png")} />
+            <LibTextstyle text={esp.lang("user/saldo_refund", "history")} textStyle={"footnote"} />
+          </TouchableOpacity>
+        </View>
+      </LibScroll>
+    </View>
+  )
+}