esoftplay-event 0.0.0-n → 0.0.0-p

package/modules/withdraw/upgrade1.tsx

@@ -0,0 +1,506 @@
+// withHooks
+import { ComponentButton } from 'esoftplay/cache/component/button/import';
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentLabel_input2 } from 'esoftplay/cache/component/label_input2/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/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_rectangle2 } from 'esoftplay/cache/lib/input_rectangle2/import';
+import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibProgress } from 'esoftplay/cache/lib/progress/import';
+import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/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 { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { MarketSection_menu } from 'esoftplay/cache/market/section_menu/import';
+import { WithdrawWaitingProperty } from 'esoftplay/cache/withdraw/waiting/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import React, { useEffect, useRef } from 'react';
+import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface WithdrawUpgrade1Args {
+
+}
+export interface WithdrawUpgrade1Props {
+
+}
+export default function m(props: WithdrawUpgrade1Props): any {
+  let { defaultInput } = LibNavigation.getArgsAll(props)
+  const [date, setDate] = useSafeState(LibUtils.moment().add(-20, 'years').format('YYYY-MM-DD'))
+
+  const [type_identity, setType_identity] = useSafeState<any>()
+  const [nationality, setNationality] = useSafeState<any>()
+  const [ktp, setKtp] = useSafeState<string>("")
+  const [selfie, setSelfie] = useSafeState<string>("")
+  const [gender, setGender] = useSafeState<any>()
+  const [complete, setComplete] = useSafeState<boolean>(false)
+
+  const dialogGender = React.useRef<LibSlidingup>(null)
+  const dialogType = React.useRef<LibSlidingup>(null)
+  const dialogBirthDate = React.useRef<LibSlidingup>(null)
+  const showImageKtp = React.useRef<LibSlidingup>(null)
+  const showKtp = React.useRef<LibSlidingup>(null)
+  const showImageSelfie = React.useRef<LibSlidingup>(null)
+  const showSelfie = React.useRef<LibSlidingup>(null)
+
+
+  let inputType = useRef<LibInput_rectangle2>(null)
+  let inputNationality = useRef<LibInput_rectangle2>(null)
+  let inputName = useRef<LibInput_rectangle2>(null)
+  let inputNoKtp = useRef<LibInput_rectangle2>(null)
+  let inputBirthPlace = useRef<LibInput_rectangle2>(null)
+  let inputBirthDate = useRef<LibInput_rectangle2>(null)
+  let inputGender = useRef<LibInput_rectangle2>(null)
+  let inputAddress = useRef<LibInput_rectangle2>(null)
+  let inputWork = useRef<LibInput_rectangle2>(null)
+  let inputPhone = useRef<LibInput_rectangle2>(null)
+  let inputBioMotherName = useRef<LibInput_rectangle2>(null)
+
+  let _gender = [
+    {
+      id: 1,
+      title: esp.lang("withdraw/upgrade1", "man")
+    },
+    {
+      id: 2,
+      title: esp.lang("withdraw/upgrade1", "women")
+    }
+  ]
+
+  let _type_identity = [
+    {
+      id: 1,
+      title: esp.lang("withdraw/upgrade1", "ktp")
+    },
+    {
+      id: 2,
+      title: esp.lang("withdraw/upgrade1", "kitas")
+    }
+  ]
+
+  useEffect(() => {
+    if (defaultInput) {
+      let _loc = {
+        id: defaultInput.location_id,
+        title: defaultInput.location_name
+      }
+      setNationality(_loc)
+      inputNationality.current?.setText(defaultInput.location_name)
+    }
+  }, [])
+
+  function checkInput() {
+    if (inputType.current?.getText() == "") {
+      inputType.current?.setError(esp.lang("withdraw/upgrade1", "choose_type_identity"))
+      return false
+    }
+
+    if (!nationality) {
+      inputNationality.current?.setError(esp.lang("withdraw/upgrade1", "choose_citizenship"))
+      return false
+    }
+
+    if (!ktp) {
+      LibToastProperty.show(esp.lang("withdraw/upgrade1", "upload_ktp/kitas"))
+      return false
+    }
+
+    if (!selfie) {
+      LibToastProperty.show(esp.lang("withdraw/upgrade1", "selfie_with_ktp/kitas"))
+      return false
+    }
+
+    if (inputName.current?.getText() == "") {
+      inputName.current?.focus()
+      inputName.current?.setError(esp.lang("withdraw/upgrade1", "enter_name"))
+      return false
+    }
+
+    if (inputNoKtp.current?.getText() == "") {
+      inputNoKtp.current?.focus()
+      inputNoKtp.current?.setError(esp.lang("withdraw/upgrade1", "enter_number_ktp/kitas"))
+      return false
+    }
+
+    if (inputBirthPlace.current?.getText() == "") {
+      inputBirthPlace.current?.focus()
+      inputBirthPlace.current?.setError(esp.lang("withdraw/upgrade1", "enter_birthplace"))
+      return false
+    }
+
+    if (inputBirthDate.current?.getText() == "") {
+      inputBirthDate.current?.setError(esp.lang("withdraw/upgrade1", "choose_birthdate"))
+      return false
+    }
+
+    if (inputGender.current?.getText() == "") {
+      inputGender.current?.setError(esp.lang("withdraw/upgrade1", "choose_gender"))
+      return false
+    }
+
+    if (inputAddress.current?.getText() == "") {
+      inputAddress.current?.focus()
+      inputAddress.current?.setError(esp.lang("withdraw/upgrade1", "enter_address"))
+      return false
+    }
+
+    if (inputWork.current?.getText() == "") {
+      inputWork.current?.focus()
+      inputWork.current?.setError(esp.lang("withdraw/upgrade1", "enter_job_now"))
+      return false
+    }
+
+    if (inputPhone.current?.getText() == "") {
+      inputPhone.current?.focus()
+      inputPhone.current?.setError(esp.lang("withdraw/upgrade1", "enter_phone"))
+      return false
+    }
+
+    if (inputBioMotherName.current?.getText() == "") {
+      inputBioMotherName.current?.focus()
+      inputBioMotherName.current?.setError(esp.lang("withdraw/upgrade1", "enter_mother_name"))
+      return false
+    }
+
+    setComplete(true)
+    return true
+  }
+
+  function doVerif() {
+    let post = {
+      type: type_identity?.id,
+      location_id: nationality?.id,
+      name: inputName.current?.getText(),
+      number: inputNoKtp.current?.getText(),
+      image: ktp,
+      image_member: selfie,
+      address: inputAddress.current?.getText(),
+      birth_date: date,
+      birth_address: inputBirthPlace.current?.getText(),
+      gender: gender?.id,
+      job: inputWork.current?.getText(),
+      phone: inputPhone.current?.getText(),
+      mother_name: inputBioMotherName.current?.getText()
+    }
+
+    LibDialog.warningConfirm(esp.lang("withdraw/upgrade1", "warning"), esp.lang("withdraw/upgrade1", "confirm_input"), esp.lang("withdraw/upgrade1", "yes"), () => {
+      LibProgress.show(esp.lang("withdraw/upgrade1", "waiting"))
+      new LibCurl('user_identity', post, (res, msg) => {
+        LibProgress.hide()
+        LibDialog.info(esp.lang("withdraw/upgrade1", "information"), msg)
+        LibNavigation.back()
+        WithdrawWaitingProperty.subscribe().trigger()
+      }, (error) => {
+        LibProgress.hide()
+        LibDialog.warning(esp.lang("withdraw/upgrade1", "oop"), error?.message)
+      }, 1)
+    }, esp.lang("withdraw/upgrade1", "cancel"), () => {
+
+    })
+  }
+
+
+
+  function renderGender(item: any, i: number) {
+    return (
+      <TouchableOpacity key={i} onPress={() => {
+        setGender(item)
+        inputGender.current?.setText(item.title)
+        dialogGender.current?.hide()
+      }}
+        style={styleId_zQUtt} >
+        <Text allowFontScaling={false} style={styleId_3BJ9l}>{item.title}</Text>
+      </TouchableOpacity>
+    )
+  }
+
+  function renderTypeIdentity(item: any, i: number) {
+    return (
+      <TouchableOpacity key={i} onPress={() => {
+        setType_identity(item)
+        inputType.current?.setText(item.title)
+        dialogType.current?.hide()
+      }}
+        style={styleId_zQUtt} >
+        <Text allowFontScaling={false} style={styleId_3BJ9l}>{item.title}</Text>
+      </TouchableOpacity>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#F5F5F5' }}>
+      <ComponentHeader title={esp.lang("withdraw/upgrade1", "title_verif_ktp/kitas")} />
+      <LibKeyboard_avoid style={{ flex: 1 }}>
+        <ScrollView style={{ flex: 1 }}>
+
+          <View style={{ marginTop: 10, padding: 15, paddingTop: 0, backgroundColor: '#fff' }}>
+            <ComponentLabel_input2 label={esp.lang("withdraw/upgrade1", "type_indentity")} mandatory />
+            <ComponentTouchable onPress={() => { dialogType.current?.show() }} >
+              <LibInput_rectangle2
+                ref={inputType}
+                placeholder={esp.lang("withdraw/upgrade1", "placeholder_type_identity")}
+                value={type_identity?.title}
+                editable={false}
+                dropdown
+                style={{ marginTop: 8, borderRadius: 4 }}
+              />
+            </ComponentTouchable>
+
+            <ComponentLabel_input2 label={esp.lang("withdraw/upgrade1", "citizenship")} mandatory />
+            <ComponentTouchable onPress={() => {
+              LibNavigation.navigateForResult('withdraw/nationality').then((loc) => {
+                setNationality(loc)
+              })
+            }} >
+              <LibInput_rectangle2
+                ref={inputNationality}
+                value={nationality?.title}
+                placeholder={esp.lang("withdraw/upgrade1", "placeholder_citizenship")}
+                editable={false}
+                dropdown
+                style={{ marginTop: 8, borderRadius: 4 }}
+              />
+            </ComponentTouchable>
+
+            <ComponentLabel_input2 label={esp.lang("withdraw/upgrade1", "title_upload_ktp/kitas")} mandatory />
+            <View style={{ flexDirection: 'row', marginTop: 15 }}>
+              {
+                ktp ?
+                  <TouchableOpacity onPress={() => showKtp.current?.show()}>
+                    <LibPicture style={{ width: LibStyle.width * 0.5, height: (LibStyle.width * 0.5) / 2 }} resizeMode="contain" source={{ uri: ktp }} />
+                  </TouchableOpacity>
+                  :
+                  <TouchableOpacity onPress={() => {
+                    LibNavigation.navigateForResult('component/camera', null).then((item) => {
+                      setKtp(item)
+                    })
+                  }} style={{ borderWidth: 1, borderColor: '#FFCC29', borderStyle: 'dashed', width: LibStyle.width * 0.5, height: (LibStyle.width * 0.5) / 2, backgroundColor: '#FDFAEA', alignContent: 'center', alignItems: 'center', justifyContent: 'center', borderRadius: 4 }}>
+                    <LibPicture source={esp.assets('icons/ic_camera.png')} style={{ height: 40, width: 50 }} resizeMode="contain" />
+                    <Text allowFontScaling={false} style={{ marginTop: 10, fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: "#4a4a4a" }}>{esp.lang("withdraw/upgrade1", "take_photo")}</Text>
+                  </TouchableOpacity>
+              }
+              <TouchableOpacity onPress={() => showImageKtp.current?.show()}>
+                <LibPicture style={{ height: 75, width: 150 }} resizeMode="contain" source={esp.assets('ktp.png')} />
+                <View style={{ flex: 1, margin: 6, marginBottom: 0, borderBottomLeftRadius: 4, borderBottomRightRadius: 4, marginTop: 0, padding: 5, backgroundColor: '#8E9189' }}>
+                  <Text allowFontScaling={false} style={{ textAlign: 'center', color: "#fff", fontFamily: "SFProText", fontStyle: "normal", fontWeight: "normal", fontSize: 12, }}>{esp.lang("withdraw/upgrade1", "see_photo")}</Text>
+                </View>
+              </TouchableOpacity>
+            </View>
+            <Text allowFontScaling={false} style={{ marginBottom: 10, marginTop: 7, fontStyle: "normal", fontWeight: "normal", fontSize: 12, color: LibStyle.colorRed }}>{esp.lang("withdraw/upgrade1", "description_photo_ktp/kitas")}</Text>
+
+            <ComponentLabel_input2 label={esp.lang("withdraw/upgrade1", "title_selfie_ktp/kitas")} mandatory />
+            <View style={{ flexDirection: 'row', marginTop: 15 }}>
+              {
+                selfie ?
+                  <TouchableOpacity onPress={() => showSelfie.current?.show()}>
+                    <LibPicture style={{ width: LibStyle.width * 0.5, height: (LibStyle.width * 0.5) / 2 }} resizeMode="contain" source={{ uri: selfie }} />
+                  </TouchableOpacity>
+                  :
+                  <TouchableOpacity onPress={() => {
+                    LibNavigation.navigateForResult('component/camera', { mask: 1 }).then((item) => {
+                      setSelfie(item)
+                    })
+                  }} style={{ borderWidth: 1, borderColor: '#FFCC29', borderStyle: 'dashed', width: LibStyle.width * 0.5, height: (LibStyle.width * 0.5) / 2, backgroundColor: '#FDFAEA', alignContent: 'center', alignItems: 'center', justifyContent: 'center', borderRadius: 4 }}>
+                    <LibPicture source={esp.assets('icons/ic_camera.png')} style={{ height: 40, width: 50 }} resizeMode="contain" />
+                    <Text allowFontScaling={false} style={{ marginTop: 10, fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: "#4a4a4a" }}>{esp.lang("withdraw/upgrade1", "take_selfie")}</Text>
+                  </TouchableOpacity>
+
+              }
+              <TouchableOpacity onPress={() => showImageSelfie.current?.show()}>
+                <LibPicture style={{ height: 75, width: 150 }} resizeMode="contain" source={esp.assets('selfie_ktp.png')} />
+                <View style={{ flex: 1, margin: 6, marginBottom: 0, borderBottomLeftRadius: 4, borderBottomRightRadius: 4, marginTop: 0, padding: 5, backgroundColor: '#8E9189' }}>
+                  <Text allowFontScaling={false} style={{ textAlign: 'center', color: "#fff", fontFamily: "SFProText", fontStyle: "normal", fontWeight: "normal", fontSize: 12, }}>{esp.lang("withdraw/upgrade1", "see_photo_selfie")}</Text>
+                </View>
+              </TouchableOpacity>
+            </View>
+            <Text allowFontScaling={false} style={{ marginTop: 7, fontStyle: "normal", fontWeight: "normal", fontSize: 12, color: LibStyle.colorRed }}>{esp.lang("withdraw/upgrade1", "description_selfie_ktp/kitas")}</Text>
+
+            <ComponentLabel_input2 label={esp.lang("withdraw/upgrade1", "title_name")} mandatory />
+            <LibInput_rectangle2
+              ref={inputName}
+              placeholder={esp.lang("withdraw/upgrade1", "placeholder_name")}
+              style={{ marginTop: 8, borderRadius: 4 }}
+            />
+
+            <ComponentLabel_input2 label={esp.lang("withdraw/upgrade1", "title_no_ktp/kitas")} mandatory />
+            <LibInput_rectangle2
+              ref={inputNoKtp}
+              placeholder={esp.lang("withdraw/upgrade1", "placeholder_no_ktp/kitas")}
+              style={{ marginTop: 8, borderRadius: 4 }}
+            />
+
+            <ComponentLabel_input2 label={esp.lang("withdraw/upgrade1", "title_birthplace")} mandatory />
+            <LibInput_rectangle2
+              ref={inputBirthPlace}
+              placeholder={esp.lang("withdraw/upgrade1", "placeholder_birthplace")}
+              style={{ marginTop: 8, borderRadius: 4 }}
+            />
+
+            <ComponentLabel_input2 label={esp.lang("withdraw/upgrade1", "title_birthdate")} mandatory />
+            <ComponentTouchable onPress={() => { dialogBirthDate?.current?.show() }} >
+              <LibInput_rectangle2
+                ref={inputBirthDate}
+                placeholder={esp.lang("withdraw/upgrade1", "placeholder_birthdate")}
+                editable={false}
+                dropdown
+                style={{ marginTop: 8, borderRadius: 4 }}
+              />
+            </ComponentTouchable>
+
+            <ComponentLabel_input2 label={esp.lang("withdraw/upgrade1", "title_gender")} mandatory />
+            <ComponentTouchable onPress={() => { dialogGender.current?.show() }} >
+              <LibInput_rectangle2
+                ref={inputGender}
+                placeholder={esp.lang("withdraw/upgrade1", "placeholder_gender")}
+                value={gender?.title}
+                editable={false}
+                dropdown
+                style={{ marginTop: 8, borderRadius: 4 }}
+              />
+            </ComponentTouchable>
+
+            <ComponentLabel_input2 label={esp.lang("withdraw/upgrade1", "title_address")} mandatory />
+            <LibInput_rectangle2
+              ref={inputAddress}
+              placeholder={esp.lang("withdraw/upgrade1", "placeholder_address")}
+              multiline
+              maxLength={300}
+              inputStyle={{ textAlignVertical: 'top', paddingTop: 10, paddingBottom: 10, height: 150 }}
+              style={{ borderRadius: 4, borderColor: '#c4c4c4', marginTop: 8, height: 150, justifyContent: 'flex-start' }}
+            />
+
+            <ComponentLabel_input2 label={esp.lang("withdraw/upgrade1", "title_job")} mandatory />
+            <LibInput_rectangle2
+              ref={inputWork}
+              placeholder={esp.lang("withdraw/upgrade1", "placeholder_job")}
+              style={{ marginTop: 8, borderRadius: 4 }}
+            />
+
+            <ComponentLabel_input2 label={esp.lang("withdraw/upgrade1", "title_phone")} mandatory />
+            <LibInput_rectangle2
+              ref={inputPhone}
+              keyboardType={"numeric"}
+              placeholder={esp.lang("withdraw/upgrade1", "placeholder_phone")}
+              style={{ marginTop: 8, borderRadius: 4 }}
+            />
+
+            <ComponentLabel_input2 label={esp.lang("withdraw/upgrade1", "title_mother_name")} mandatory />
+            <LibInput_rectangle2
+              ref={inputBioMotherName}
+              placeholder={esp.lang("withdraw/upgrade1", "placeholder_mother_name")}
+              style={{ marginTop: 8, borderRadius: 4 }}
+            />
+          </View>
+
+        </ScrollView>
+        <View style={{ padding: 10, backgroundColor: '#fff' }}>
+          <ComponentButton label={esp.lang("withdraw/upgrade1", "confirm")} backgroundColor={"#45c9af"} onPress={() => {
+            if (checkInput()) {
+              doVerif()
+            }
+          }} />
+        </View>
+      </LibKeyboard_avoid>
+
+
+      <LibSlidingup ref={dialogGender}>
+        <View style={{ backgroundColor: '#fff', borderTopRightRadius: 20, borderTopLeftRadius: 20, paddingBottom: 35, paddingHorizontal: 19, }}>
+          <Text allowFontScaling={false} style={{ marginTop: 26, marginBottom: 23, fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, textAlign: "center", color: "#34495e" }}>{esp.lang("withdraw/upgrade1", "title_dialog_gender")}</Text>
+          {
+            _gender.map(renderGender)
+          }
+        </View>
+      </LibSlidingup>
+
+      <LibSlidingup ref={dialogType}>
+        <View style={{ backgroundColor: '#fff', borderTopRightRadius: 20, borderTopLeftRadius: 20, paddingBottom: 35, paddingHorizontal: 19, }}>
+          <Text allowFontScaling={false} style={{ marginTop: 26, marginBottom: 23, fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, textAlign: "center", color: "#34495e" }}>{esp.lang("withdraw/upgrade1", "title_dialog_type_identity")}</Text>
+          {
+            _type_identity.map(renderTypeIdentity)
+          }
+        </View>
+      </LibSlidingup>
+
+      <LibSlidingup ref={showKtp}>
+        <View style={{ backgroundColor: '#fff', maxHeight: LibStyle.height / 2, justifyContent: 'space-between' }}>
+          <LibPicture style={{ marginTop: 30, width: LibStyle.width - 100, height: LibStyle.width / 2, alignSelf: 'center' }} resizeMode="contain" source={{ uri: ktp }} />
+          <TouchableOpacity onPress={() => {
+            showKtp.current?.hide()
+            LibNavigation.navigateForResult('component/camera', null).then((item) => {
+              setKtp(item)
+            })
+          }} style={{ alignSelf: 'center', margin: 20, borderColor: "#45C9AF", padding: 7, borderWidth: 1, paddingLeft: 15, paddingRight: 15, borderRadius: 15, width: LibStyle.width / 2, alignContent: 'center', alignItems: 'center' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#45C9AF" }} >{esp.lang("withdraw/upgrade1", "change_picture")}</Text>
+          </TouchableOpacity>
+        </View>
+      </LibSlidingup>
+
+      <LibSlidingup ref={showSelfie}>
+        <View style={{ backgroundColor: '#fff', maxHeight: LibStyle.height / 2, justifyContent: 'space-between' }}>
+          <LibPicture style={{ marginTop: 30, width: LibStyle.width - 100, height: LibStyle.width / 2, alignSelf: 'center' }} resizeMode="contain" source={{ uri: selfie }} />
+          <TouchableOpacity onPress={() => {
+            showSelfie.current?.hide()
+            LibNavigation.navigateForResult('component/camera', { mask: 1 }).then((item) => {
+              setSelfie(item)
+            })
+          }} style={{ alignSelf: 'center', margin: 20, borderColor: "#45C9AF", padding: 7, borderWidth: 1, paddingLeft: 15, paddingRight: 15, borderRadius: 15, width: LibStyle.width / 2, alignContent: 'center', alignItems: 'center' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#45C9AF" }} >{esp.lang("withdraw/upgrade1", "change_picture_selfie")}</Text>
+          </TouchableOpacity>
+        </View>
+      </LibSlidingup>
+
+      <LibSlidingup ref={showImageKtp}>
+        <View style={{ backgroundColor: '#000', height: LibStyle.height - LibStyle.STATUSBAR_HEIGHT - 60, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
+          <LibPicture style={{ width: LibStyle.width, height: LibStyle.width * 0.5, alignSelf: 'center' }} resizeMode="contain" source={esp.assets('ktp.png')} />
+          <TouchableOpacity onPress={() => showImageKtp.current?.hide()} style={{ position: 'absolute', top: 10, right: 10 }}>
+            <LibIcon name="close-circle" color="#fff" size={30} />
+          </TouchableOpacity>
+        </View>
+      </LibSlidingup>
+
+      <LibSlidingup ref={showImageSelfie}>
+        <View style={{ backgroundColor: '#000', height: LibStyle.height - LibStyle.STATUSBAR_HEIGHT - 60, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
+          <LibPicture style={{ width: LibStyle.width, height: LibStyle.width * 0.5, backgroundColor: "white", alignSelf: 'center' }} resizeMode="contain" source={esp.assets('selfie_ktp.png')} />
+          <TouchableOpacity onPress={() => showImageSelfie.current?.hide()} style={{ position: 'absolute', top: 10, right: 10 }}>
+            <LibIcon name="close-circle" color="#fff" size={30} />
+          </TouchableOpacity>
+        </View>
+      </LibSlidingup>
+
+      <LibSlidingup ref={dialogBirthDate}>
+        <View style={{ backgroundColor: "white", paddingVertical: 10 }} >
+          <LibTextstyle textStyle="headline" text={esp.lang("withdraw/upgrade1", "choose_date")} style={{ textAlign: 'center', paddingBottom: 10 }} />
+          <MarketSection_menu size="line" />
+          <View style={{ height: LibStyle.height * 0.33 }}>
+            <LibDatepicker
+              minDate={LibUtils.moment().add(-100, 'years').format('YYYY-MM-DD')}
+              maxDate={LibUtils.moment().add(10, 'years').format('YYYY-MM-DD')}
+              onDateChange={(dt: any) => {
+                setDate(dt)
+                inputBirthDate.current?.setText(LibUtils.moment(dt).format("DD MMMM YYYY"))
+                dialogBirthDate?.current?.hide()
+              }}
+              selectedDate={date}
+            />
+          </View>
+          <TouchableOpacity onPress={() => {
+            dialogBirthDate?.current?.hide()
+          }} style={{ position: 'absolute', top: 0, right: 0, padding: 10, alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
+            <LibIcon name='close-circle-outline' />
+          </TouchableOpacity>
+        </View>
+      </LibSlidingup>
+
+    </View>
+  )
+}
+const styleId_zQUtt: any = { marginBottom: 10, alignItems: 'center', paddingLeft: 10, padding: 10, borderRadius: 5, alignContent: 'center', justifyContent: 'center', backgroundColor: '#f6f6f6' }
+const styleId_3BJ9l: any = { fontSize: 16, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }

package/modules/withdraw/waiting.tsx

@@ -0,0 +1,62 @@
+// withHooks
+import { ComponentButton } from 'esoftplay/cache/component/button/import';
+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 { LibLoading } from 'esoftplay/cache/lib/loading/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import useGlobalSubscriber, { UseSubscribeReturn } from 'esoftplay/subscribe';
+
+import React, { useEffect } from 'react';
+import { View } from 'react-native';
+
+
+export interface WithdrawWaitingArgs {
+
+}
+export interface WithdrawWaitingProps {
+
+}
+const subs = useGlobalSubscriber()
+export function subscribe(): UseSubscribeReturn {
+  return subs
+}
+
+export default function m(props: WithdrawWaitingProps): any {
+  const [verif, setVerif] = useSafeState<any>()
+
+  useEffect(() => {
+    checkVerif()
+  }, [])
+
+  function checkVerif() {
+    new LibCurl('user_verification', null, (res, msg) => {
+      setVerif(res)
+    }, (err) => {
+
+    }, 1)
+  }
+
+  subs.useSubscribe(() => {
+    checkVerif()
+  })
+
+  if (!verif) {
+    return <LibLoading />
+  }
+
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title={esp.lang("withdraw/waiting", "verif")} />
+      <ComponentMessage message={verif?.status?.hasOwnProperty("notes") ? verif?.status?.label + ", " + verif?.status?.notes : verif?.status?.label} children={
+        verif?.status.id != 3 && verif?.status.id != 1 && verif?.status.id != 4 &&
+        <ComponentButton onPress={() => {
+          LibNavigation.navigate('withdraw/upgrade1', { defaultInput: verif?.default })
+        }} label={verif?.status?.id == 0 ? esp.lang("withdraw/waiting", "verif_msg") : esp.lang("withdraw/waiting", "verif_again_msg")} style={{ margin: 15, marginTop: 50 }} />
+      } />
+    </View>
+  )
+}