esoftplay-event 0.0.0-p → 0.0.0-q

package/modules/user/register_name.tsx

@@ -1,400 +0,0 @@
-// withHooks
-
-import { ComponentAccept } from 'esoftplay/cache/component/accept/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 { 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 { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
-import { UseForm } from 'esoftplay/cache/use/form/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';
-import { UserRegister_phoneForm } from './register_phone';
-
-
-export interface UserRegister_nameArgs {
-
-}
-export interface UserRegister_nameProps {
-
-}
-export default function m(props: UserRegister_nameProps): any {
-  const [form, setForm, reForm, delForm] = UseForm<UserRegister_phoneForm>('user_register_simple')
-  const inputName = React.useRef<LibInput_circle>(null)
-  const inputPassword = React.useRef<LibInput_circle>(null)
-  const inputRepeatPassword = React.useRef<LibInput_circle>(null)
-  const inputLocation = React.useRef<LibInput_circle>(null)
-  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 [agree, setAgree] = useSafeState<boolean>(false)
-  const [, setLocation, getLocation] = useLazyState<any>()
-  const [date, setDate, getDate] = useLazyState<any>()
-  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)
-
-  function validateInput(input: any) {
-    // RegEx untuk huruf, angka, spasi, petik tunggal ('), dan petik ganda (")
-    const regex = /^[a-zA-Z0-9 '""]+$/;
-
-    if (regex.test(input)) {
-      return true; // Valid
-    } else {
-      return false; // Tidak valid
-    }
-  }
-
-  function doRegister() {
-    reForm((f) => {
-      if (f) {
-        if (inputName?.current?.getText?.() == '') {
-          LibToastProperty.show(esp.lang("user/register", "msg_error_input_name"))
-          inputName?.current?.focus?.()
-          return
-        }
-
-        if (!validateInput(inputName?.current?.getText())) {
-          LibToastProperty.show(esp.lang("user/register_name", "name_invalid"))
-          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
-        }
-
-        const cname = (f?.name).toLowerCase().trim()
-        const userInput = cname
-        new LibCurl('user_register_filter', null,
-          (res, msg) => {
-            const patterns = res
-            const processedPatterns = patterns.map((pattern: string) => {
-              if (!pattern.includes('^') && !pattern.includes('$')) {
-                pattern = `\\b${pattern}\\b`;
-              }
-              return pattern;
-            });
-            const blocked = processedPatterns.some((pattern: string) => new RegExp(pattern, 'i').test(userInput));
-
-            if (blocked) {
-              LibToastProperty.show(esp.lang("user/register_name", "real_name"))
-              return
-            }
-            let post = {
-              name: encodeURIComponent(f?.name),
-              password: inputPassword.current!.getText().trim(),
-              phone: encodeURIComponent(f?.phone),
-              email: encodeURIComponent(f?.email?.trim?.()),
-              phone_code: encodeURIComponent(f?.phone_code),
-              location_id: getLocation?.()?.id || 1,
-              gender: getGender() || 0,
-              birth_date: getDate() ? moment(getDate()).format('YYYY-MM-DD') : "0000-00-00"
-            }
-
-            LibProgress.show(esp.lang("user/register", "msg_wait"))
-            new LibCurl('user_register_core', post,
-              (res, msg) => {
-                LibProgress.hide()
-                LibNavigation.backToRoot()
-                LibNavigation.navigate('user/confirm', { message: msg, result: res })
-                // clear TextBox
-                inputName?.current?.setText?.("")
-                delForm()
-              },
-              (msg) => {
-                LibProgress.hide()
-                if (msg.status_code == "EV046") {
-                  LibDialog.warningConfirm(esp.lang("user/register_name", "reg_err"), msg?.message, "OK", () => {
-                    doRegister()
-                  }, "Batal", () => { })
-                } else {
-                  LibDialog.warning(esp.lang("user/register_name", "reg_err"), msg?.message)
-                }
-              }
-            )
-          }, ({ message }) => {
-
-          }, 1)
-        // } else {
-        //   let post = {
-        //     name: encodeURIComponent(f?.name),
-        //     phone: encodeURIComponent(f?.phone),
-        //     email: encodeURIComponent(f?.email?.trim?.()),
-        //   }
-
-        //   LibProgress.show(esp.lang("user/register", "msg_wait"))
-        //   new LibCurl('user_register_core', post,
-        //     (res, msg) => {
-        //       LibProgress.hide()
-        //       LibNavigation.navigate('user/confirm', { message: msg, result: res })
-        //       // clear TextBox
-        //       inputName?.current?.setText?.("")
-        //       delForm()
-        //     },
-        //     (msg) => {
-        //       LibProgress.hide()
-        //       LibDialog.warning('Oops!!', msg?.message)
-        //     }
-        //   )
-        // }
-      }
-    })
-  }
-
-  return (
-    <View style={{ flex: 1 }}>
-      <ComponentRegister_container
-        title={esp.lang("user/register_name", "header")}
-        children={
-          <>
-            <LibInput_circle
-              autoFocus
-              ref={inputName}
-              inputAlign='left'
-              icon={'icons/ic_register_name.png'}
-              placeholder={esp.lang("user/register", "placeholder_input_name")}
-              returnKeyType={'next'}
-              onChangeText={setForm('name')}
-              onSubmitEditing={() => {
-                inputPassword.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>
-
-            <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}
-                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={(form?.name?.length > 0) && agree ? LibStyle.colorRed : "#8e8e8e"}
-        onPressNext={() => {
-          if (agree && form?.name?.length > 0) {
-            doRegister()
-          }
-        }}
-      />
-      <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/register_phone.tsx

@@ -1,131 +0,0 @@
-// withHooks
-
-import { ComponentButton } from 'esoftplay/cache/component/button/import';
-import { ComponentRegister_container } from 'esoftplay/cache/component/register_container/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 { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
-import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import { UseForm } from 'esoftplay/cache/use/form/import';
-import { UserRegisterProperty } from 'esoftplay/cache/user/register/import';
-import esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-import React from 'react';
-import { Pressable, Text, View } from 'react-native';
-import { UserLocation_countryArgs } from './location_country';
-
-
-export interface UserRegister_phoneArgs {
-
-}
-export interface UserRegister_phoneProps {
-
-}
-
-const initCountry = {
-  "title": "Indonesia",
-  "code": "ID",
-  "currency": "IDR",
-  "phone": "62"
-}
-
-export interface UserRegister_phoneForm {
-  phone: string,
-  email: string,
-  name: string,
-  phone_code: string
-}
-
-export default function m(props: UserRegister_phoneProps): any {
-  const [form, setForm] = UseForm<UserRegister_phoneForm>('user_register_simple')
-  let inputPhone = React.useRef<LibInput_circle>(null)
-  const [selectedCountry, setSelectedCountry] = useSafeState<any>(initCountry)
-  const [insertPhone, setInsertPhone] = useSafeState('')
-
-  const nextStep = () => {
-    if (inputPhone?.current?.getText?.() == "") {
-      LibToastProperty.show(esp.lang("user/register_phone", "phone_empty"), 2000)
-      return
-    }
-    if (inputPhone?.current?.getText?.() && inputPhone?.current?.getText?.().length < 6) {
-      LibToastProperty.show(esp.lang("user/register_phone", "phone_not_valid"), 2000)
-      return
-    }
-    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' }}>+{inputPhone?.current!.getText().substring(0, 2) == selectedCountry?.phone ? UserRegisterProperty.addDash(inputPhone?.current!.getText()) : 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()
-            }} backgroundColor="#fff" fontColor="#724225" borderColor="#724225" />
-          </View>
-          <View style={{ width: LibStyle.width * 0.5 - 60 }}>
-            <ComponentButton label={esp.lang("user/register", "btn_yes")} onPress={() => {
-              const phoneText = inputPhone?.current?.getText?.() || ''
-              let phoneNumber = ''
-
-              if (phoneText?.substring(0, 2) == selectedCountry?.phone) {
-                phoneText?.replace(selectedCountry?.phone, '')
-                phoneNumber = phoneText || ''
-              } else {
-                phoneNumber = UserRegisterProperty.combineNumber(phoneText, selectedCountry?.phone)
-              }
-
-              setForm('phone')(phoneNumber)
-              setForm('phone_code')(selectedCountry?.phone)
-              LibNavigation.navigate('user/register_name')
-              LibDialog.hide()
-            }} backgroundColor={LibStyle.colorPrimary} fontColor="#fff" />
-          </View>
-        </View>
-      </View>
-    )
-  }
-
-  return (
-    <View style={{ flex: 1 }}>
-      <ComponentRegister_container
-        title={esp.lang("user/register_phone", "header")}
-        children={
-          <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"
-            onChangeText={(t) => {
-              LibUtils.debounce(() => {
-                setInsertPhone(t)
-              }, 200)
-              if (t.length > 6) {
-                const newPhone = t.replace(/[^0-9]/g, "")
-                inputPhone?.current?.setText?.(newPhone)
-              }
-            }}
-            onSubmitEditing={nextStep}
-            leftView={() => (
-              <Pressable onPress={() => {
-                LibNavigation.navigateForResult<UserLocation_countryArgs>('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>
-            )}
-          />
-        }
-        buttonColor={insertPhone.length > 6 ? LibStyle.colorRed : "#8e8e8e"}
-        buttonText={esp.lang("user/register_phone", "next")}
-        onPressNext={insertPhone.length > 6 ? nextStep : () => { }}
-      />
-    </View>
-  )
-}