|
@@ -8,7 +8,7 @@ import {REQ_STATUS} from "@api/config";
|
|
|
import SmallLoading from "@components/SmallLoading";
|
|
import SmallLoading from "@components/SmallLoading";
|
|
|
import PhoneInput from "@components/UInput/PhoneInput";
|
|
import PhoneInput from "@components/UInput/PhoneInput";
|
|
|
import {useDispatch, useSelector} from "react-redux";
|
|
import {useDispatch, useSelector} from "react-redux";
|
|
|
-import {getKycEUStatus} from "@features/paySlice";
|
|
|
|
|
|
|
+import {getKycEUStatus, getKycTypes} from "@features/paySlice";
|
|
|
import {reqKycEU} from "@features/api";
|
|
import {reqKycEU} from "@features/api";
|
|
|
|
|
|
|
|
const i18n=global.i18n;
|
|
const i18n=global.i18n;
|
|
@@ -17,6 +17,8 @@ const WDepositInfo = ({})=>{
|
|
|
const [country, setCountry] = useState("55");
|
|
const [country, setCountry] = useState("55");
|
|
|
const reqKycStatus=useSelector(getKycEUStatus);
|
|
const reqKycStatus=useSelector(getKycEUStatus);
|
|
|
const dispatch = useDispatch();
|
|
const dispatch = useDispatch();
|
|
|
|
|
+ //first,last,email,phone,city
|
|
|
|
|
+ const kycTypes=useSelector(getKycTypes);
|
|
|
const {register, handleSubmit, formState: {errors}, control} = useForm({
|
|
const {register, handleSubmit, formState: {errors}, control} = useForm({
|
|
|
defaultValues: {
|
|
defaultValues: {
|
|
|
firstName:'',
|
|
firstName:'',
|
|
@@ -48,8 +50,11 @@ const WDepositInfo = ({})=>{
|
|
|
}
|
|
}
|
|
|
const onSubmitInfo=(data)=>{
|
|
const onSubmitInfo=(data)=>{
|
|
|
if (reqKycStatus===REQ_STATUS.LOADING)return;
|
|
if (reqKycStatus===REQ_STATUS.LOADING)return;
|
|
|
- let phone=country+data.phone;
|
|
|
|
|
- let new_data=Object.assign({},data,{phone:phone});
|
|
|
|
|
|
|
+ let new_data=data;
|
|
|
|
|
+ if (data.phone&&data.phone!==""){
|
|
|
|
|
+ let phone=country+data.phone;
|
|
|
|
|
+ new_data=Object.assign({},data,{phone:phone});
|
|
|
|
|
+ }
|
|
|
dispatch(reqKycEU(new_data)).then((data)=>{
|
|
dispatch(reqKycEU(new_data)).then((data)=>{
|
|
|
onCallback(data.payload)
|
|
onCallback(data.payload)
|
|
|
});
|
|
});
|
|
@@ -64,6 +69,10 @@ const WDepositInfo = ({})=>{
|
|
|
return "";
|
|
return "";
|
|
|
}
|
|
}
|
|
|
const renderFirstName=()=>{
|
|
const renderFirstName=()=>{
|
|
|
|
|
+ //first,last,email,phone,city
|
|
|
|
|
+ if (!kycTypes.includes("first")){
|
|
|
|
|
+ return (<></>);
|
|
|
|
|
+ }
|
|
|
return (
|
|
return (
|
|
|
<Controller control={control}
|
|
<Controller control={control}
|
|
|
name="firstName"
|
|
name="firstName"
|
|
@@ -87,6 +96,10 @@ const WDepositInfo = ({})=>{
|
|
|
)
|
|
)
|
|
|
}
|
|
}
|
|
|
const renderLastName = () => {
|
|
const renderLastName = () => {
|
|
|
|
|
+ //first,last,email,phone,city
|
|
|
|
|
+ if (!kycTypes.includes("last")){
|
|
|
|
|
+ return (<></>);
|
|
|
|
|
+ }
|
|
|
return (
|
|
return (
|
|
|
<Controller control={control}
|
|
<Controller control={control}
|
|
|
name="lastName"
|
|
name="lastName"
|
|
@@ -110,6 +123,10 @@ const WDepositInfo = ({})=>{
|
|
|
)
|
|
)
|
|
|
}
|
|
}
|
|
|
const renderEmail = () => {
|
|
const renderEmail = () => {
|
|
|
|
|
+ //first,last,email,phone,city
|
|
|
|
|
+ if (!kycTypes.includes("email")){
|
|
|
|
|
+ return (<></>);
|
|
|
|
|
+ }
|
|
|
return (
|
|
return (
|
|
|
<Controller control={control}
|
|
<Controller control={control}
|
|
|
name="email"
|
|
name="email"
|
|
@@ -131,6 +148,10 @@ const WDepositInfo = ({})=>{
|
|
|
)
|
|
)
|
|
|
}
|
|
}
|
|
|
const renderCity = () => {
|
|
const renderCity = () => {
|
|
|
|
|
+ //first,last,email,phone,city
|
|
|
|
|
+ if (!kycTypes.includes("city")){
|
|
|
|
|
+ return (<></>);
|
|
|
|
|
+ }
|
|
|
return (
|
|
return (
|
|
|
<Controller control={control}
|
|
<Controller control={control}
|
|
|
name="city"
|
|
name="city"
|
|
@@ -154,6 +175,10 @@ const WDepositInfo = ({})=>{
|
|
|
)
|
|
)
|
|
|
}
|
|
}
|
|
|
const renderPhone=()=>{
|
|
const renderPhone=()=>{
|
|
|
|
|
+ //first,last,email,phone,city
|
|
|
|
|
+ if (!kycTypes.includes("phone")){
|
|
|
|
|
+ return (<></>);
|
|
|
|
|
+ }
|
|
|
return (
|
|
return (
|
|
|
<Controller control={control}
|
|
<Controller control={control}
|
|
|
name="phone"
|
|
name="phone"
|