You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
456 lines
31 KiB
456 lines
31 KiB
import React, { useEffect, useState } from "react"; |
|
import { |
|
View, |
|
Text, |
|
TextInput, |
|
Dimensions, |
|
TouchableOpacity, |
|
ActivityIndicator, |
|
KeyboardAvoidingView, |
|
ScrollView, |
|
Platform, |
|
StatusBar |
|
} from "react-native"; |
|
import tw from "tailwind-rn"; |
|
import { connect } from "react-redux"; |
|
import Svg, { Defs, Pattern, Image, Path } from "react-native-svg"; |
|
import { asyncAwesomeAlert } from "../../utils/AsyncWrappers"; |
|
import { digitToEn } from "../../utils"; |
|
import onInput from "../../utils/onInput"; |
|
import { user } from "../../redux/actions"; |
|
|
|
import fontSize from "../../constants/fontSize"; |
|
import Colors from "../../constants/Colors"; |
|
|
|
const ios = Platform.OS === "ios"; |
|
const { height } = Dimensions.get("window"); |
|
let ref1; |
|
let ref2; |
|
let ref3; |
|
let ref4; |
|
|
|
let timer = 120; |
|
|
|
function Otp(props) { |
|
const [firstCode, setFirstCode] = useState(""); |
|
const [secondCode, setSecondCode] = useState(""); |
|
const [thirdCode, setThirdCode] = useState(""); |
|
const [fourthCode, setFourthCode] = useState(""); |
|
const [time, setTime] = useState(120); |
|
const [loading, setLoading] = useState(false); |
|
const [timeEnd, setTimeEnd] = useState(false); |
|
|
|
React.useEffect(() => { |
|
StatusBar.setBarStyle( |
|
`${props.theme === "light" ? "dark" : "light"}-content`, |
|
true |
|
); |
|
}, [props.theme]); |
|
|
|
const onChangeCode = (value, key) => { |
|
if (onInput.numberOnly(value) || value === "") { |
|
switch (key) { |
|
case "1": |
|
setFirstCode(value); |
|
if (value !== "") { |
|
ref2.focus(); |
|
} |
|
break; |
|
case "2": |
|
setSecondCode(value); |
|
if (value !== "") { |
|
ref3.focus(); |
|
} else { |
|
ref1.focus(); |
|
} |
|
break; |
|
case "3": |
|
setThirdCode(value); |
|
if (value !== "") { |
|
ref4.focus(); |
|
} else { |
|
ref2.focus(); |
|
} |
|
break; |
|
case "4": |
|
setFourthCode(value); |
|
if (value !== "") { |
|
// ref3.focus(); |
|
} else { |
|
ref3.focus(); |
|
} |
|
|
|
break; |
|
} |
|
} else { |
|
return; |
|
} |
|
}; |
|
|
|
const getEnCode = () => { |
|
return Number( |
|
digitToEn(firstCode) + |
|
digitToEn(secondCode) + |
|
digitToEn(thirdCode) + |
|
digitToEn(fourthCode) |
|
); |
|
}; |
|
|
|
const submit = async () => { |
|
if (firstCode && secondCode && thirdCode && fourthCode) { |
|
props.sendOtp({ |
|
cellphone: props.route.params?.phone, |
|
otp: String(getEnCode()), |
|
applicationToken: "1", |
|
userToken: "1", |
|
}); |
|
} else { |
|
asyncAwesomeAlert("خطا", "کد تاییدیه را کامل وارد کنید.", { |
|
showCancelButton: false, |
|
}); |
|
} |
|
}; |
|
|
|
useEffect(() => { |
|
ref1.focus(); |
|
}, []); |
|
|
|
useEffect(() => { |
|
if (!timeEnd) { |
|
let interval = setInterval(() => { |
|
if (time > 0) { |
|
setTime(timer - 1); |
|
timer -= 1; |
|
} |
|
}, 1000); |
|
let timeout = setTimeout(() => { |
|
clearInterval(interval); |
|
setTimeEnd(true); |
|
}, 120000); |
|
return () => { |
|
clearInterval(interval); |
|
clearTimeout(timeout); |
|
}; |
|
} |
|
}, [timeEnd]); |
|
|
|
const duration = React.useCallback( |
|
(value) => { |
|
const minute = value % 60; |
|
const hour = Math.floor(value / 60); |
|
return ( |
|
(minute > 0 |
|
? (minute.toString().length === 1 |
|
? "0" + minute.toString() |
|
: minute) + "" |
|
: "00") + |
|
" " + |
|
":" + |
|
" " + |
|
(hour > 0 |
|
? hour.toString().length === 1 |
|
? "0" + hour.toString() |
|
: hour |
|
: "00") |
|
); |
|
}, |
|
[props.route] |
|
); |
|
|
|
const submitCellphone = React.useCallback(() => { |
|
setTimeEnd(false); |
|
setTime(60); |
|
setFirstCode(""); |
|
setSecondCode(""); |
|
setThirdCode(""); |
|
setFourthCode(""); |
|
props.sendCellphone({ cellphone: props.cellphone }); |
|
timer = 120; |
|
}, []); |
|
|
|
useEffect(() => { |
|
if (props.isLogin) { |
|
props.navigation.navigate("Root"); |
|
} |
|
}, [props.isLogin]); |
|
|
|
const goBack = () => { |
|
timer = 120; |
|
props.navigation.navigate("Login"); |
|
}; |
|
|
|
return ( |
|
<ScrollView style={tw("flex-1")}> |
|
<KeyboardAvoidingView |
|
style={[ |
|
tw("px-4 flex-1 justify-center items-center"), |
|
{ minHeight: height }, |
|
]} |
|
behavior={"padding"} |
|
> |
|
<Svg |
|
xmlns="http://www.w3.org/2000/svg" |
|
xmlnsXlink="http://www.w3.org/1999/xlink" |
|
width={58.644} |
|
height={86.908} |
|
style={{ transform: [{ translateY: -height / 20 }] }} |
|
> |
|
<Defs> |
|
<Pattern |
|
id="a" |
|
preserveAspectRatio="none" |
|
width="100%" |
|
height="100%" |
|
viewBox="0 0 130 191" |
|
> |
|
<Image |
|
width={130} |
|
height={191} |
|
xlinkHref="data:image/png;base64,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" |
|
/> |
|
</Pattern> |
|
</Defs> |
|
<Path fill="url(#a)" d="M0 0h58.644v86.908H0z" /> |
|
</Svg> |
|
<Text |
|
style={[ |
|
tw( |
|
`w-full mt-2.5 ${ios ? "text-right" : ""} ${ |
|
props.mobile ? "" : "w-3/4" |
|
}` |
|
), |
|
{ |
|
fontSize: props.mobile ? fontSize.tiny : fontSize.base, |
|
fontFamily: "light", |
|
color: |
|
props.theme === "light" |
|
? Colors.theme1.gray20 |
|
: Colors.theme1.white, |
|
}, |
|
]} |
|
> |
|
{" "} |
|
یک کد تائیدیه به شماره |
|
<Text |
|
style={{ |
|
color: Colors.theme1.greenCF, |
|
fontSize: fontSize.base, |
|
fontFamily: "demi", |
|
}} |
|
> |
|
{" " + (props.route.params?.phone || "") + " "} |
|
</Text>{" "} |
|
ارسال شد. آن را در قسمت زیر وارد کنید. |
|
</Text> |
|
<View |
|
style={[ |
|
tw("w-full px-4 pt-10 flex flex-row items-center justify-center"), |
|
]} |
|
> |
|
<TextInput |
|
style={[ |
|
tw("py-3 px-5 text-center rounded-md mx-1.5"), |
|
{ |
|
fontSize: fontSize.xl5, |
|
fontFamily: "bold", |
|
color: |
|
props.theme === "light" |
|
? Colors.theme1.green79 |
|
: Colors.theme1.white, |
|
width: fontSize.xl5 + 40, |
|
backgroundColor: |
|
props.theme === "light" ? Colors.theme1.grayE3 : null, |
|
borderWidth: props.theme === "light" ? 0 : 1, |
|
borderColor: Colors.theme1.grayE3 + "aa", |
|
}, |
|
]} |
|
underlineColorAndroid={"transparent"} |
|
value={firstCode} |
|
maxLength={1} |
|
ref={(ref) => (ref1 = ref)} |
|
onChangeText={(text) => onChangeCode(text, "1")} |
|
regex={onInput.numberOnly} |
|
direction="ltr" |
|
keyboardType="numeric" |
|
/> |
|
<TextInput |
|
style={[ |
|
tw("py-3 px-5 text-center rounded-md mx-1.5"), |
|
{ |
|
fontSize: fontSize.xl5, |
|
fontFamily: "bold", |
|
color: |
|
props.theme === "light" |
|
? Colors.theme1.green79 |
|
: Colors.theme1.white, |
|
width: fontSize.xl5 + 40, |
|
backgroundColor: |
|
props.theme === "light" ? Colors.theme1.grayE3 : null, |
|
borderWidth: props.theme === "light" ? 0 : 1, |
|
borderColor: Colors.theme1.grayE3 + "aa", |
|
}, |
|
]} |
|
underlineColorAndroid={"transparent"} |
|
value={secondCode} |
|
maxLength={1} |
|
ref={(ref) => (ref2 = ref)} |
|
onChangeText={(text) => onChangeCode(text, "2")} |
|
regex={onInput.numberOnly} |
|
direction="ltr" |
|
keyboardType="numeric" |
|
/> |
|
<TextInput |
|
style={[ |
|
tw("py-3 px-5 text-center rounded-md mx-1.5"), |
|
{ |
|
fontSize: fontSize.xl5, |
|
fontFamily: "bold", |
|
color: |
|
props.theme === "light" |
|
? Colors.theme1.green79 |
|
: Colors.theme1.white, |
|
width: fontSize.xl5 + 40, |
|
backgroundColor: |
|
props.theme === "light" ? Colors.theme1.grayE3 : null, |
|
borderWidth: props.theme === "light" ? 0 : 1, |
|
borderColor: Colors.theme1.grayE3 + "aa", |
|
}, |
|
]} |
|
underlineColorAndroid={"transparent"} |
|
value={thirdCode} |
|
maxLength={1} |
|
ref={(ref) => (ref3 = ref)} |
|
onChangeText={(text) => onChangeCode(text, "3")} |
|
regex={onInput.numberOnly} |
|
direction="ltr" |
|
keyboardType="numeric" |
|
/> |
|
<TextInput |
|
style={[ |
|
tw("py-3 px-5 text-center rounded-md mx-1.5"), |
|
{ |
|
fontSize: fontSize.xl5, |
|
fontFamily: "bold", |
|
color: |
|
props.theme === "light" |
|
? Colors.theme1.green79 |
|
: Colors.theme1.white, |
|
width: fontSize.xl5 + 40, |
|
backgroundColor: |
|
props.theme === "light" ? Colors.theme1.grayE3 : null, |
|
borderWidth: props.theme === "light" ? 0 : 1, |
|
borderColor: Colors.theme1.grayE3 + "aa", |
|
}, |
|
]} |
|
underlineColorAndroid={"transparent"} |
|
value={fourthCode} |
|
maxLength={1} |
|
ref={(ref) => (ref4 = ref)} |
|
onChangeText={(text) => onChangeCode(text, "4")} |
|
regex={onInput.numberOnly} |
|
direction="ltr" |
|
keyboardType="numeric" |
|
/> |
|
</View> |
|
<TouchableOpacity |
|
disabled={loading} |
|
style={[ |
|
tw( |
|
`w-full rounded-sm py-3 mt-10 items-center justify-center ${ |
|
props.mobile ? "" : "w-3/4" |
|
}` |
|
), |
|
{ |
|
backgroundColor: Colors.theme1.greenCF, |
|
}, |
|
]} |
|
onPress={() => submit()} |
|
> |
|
{loading ? ( |
|
<ActivityIndicator color={"white"} size={"small"} /> |
|
) : ( |
|
<Text |
|
style={{ |
|
color: "white", |
|
fontSize: fontSize.lg, |
|
fontFamily: "regular", |
|
}} |
|
> |
|
{"تایید کد"} |
|
</Text> |
|
)} |
|
</TouchableOpacity> |
|
<View> |
|
{!timeEnd ? ( |
|
<Text |
|
style={[ |
|
tw("mt-7 text-center"), |
|
{ |
|
fontFamily: "light", |
|
fontSize: fontSize.base, |
|
color: |
|
props.theme === "light" |
|
? Colors.theme1.gray20 |
|
: Colors.theme1.white, |
|
}, |
|
]} |
|
> |
|
{"زمان باقی مانده تا ارسال مجدد:" + " " + duration(time) + " "} |
|
</Text> |
|
) : ( |
|
<View style={tw("flex")}> |
|
<TouchableOpacity |
|
style={{ |
|
marginTop: 30, |
|
}} |
|
onPress={() => submitCellphone()} |
|
> |
|
<Text |
|
style={{ |
|
textAlign: "center", |
|
fontFamily: "light", |
|
fontSize: fontSize.base, |
|
color: Colors.theme1.greenBA, |
|
}} |
|
> |
|
{"ارسال مجدد کد"} |
|
</Text> |
|
</TouchableOpacity> |
|
|
|
<TouchableOpacity |
|
style={{ |
|
marginTop: 10, |
|
}} |
|
onPress={() => goBack()} |
|
> |
|
<Text |
|
style={{ |
|
textAlign: "center", |
|
fontFamily: "light", |
|
fontSize: fontSize.base, |
|
color: Colors.theme1.greenBA, |
|
}} |
|
> |
|
{"بازگشت به مرحله قبل و اصلاح شماره"} |
|
</Text> |
|
</TouchableOpacity> |
|
</View> |
|
)} |
|
</View> |
|
</KeyboardAvoidingView> |
|
</ScrollView> |
|
); |
|
} |
|
|
|
const mapStateToProps = (state) => ({ |
|
isLogin: state.user.status, |
|
mobile: state.publicApi.mobile, |
|
theme: state.publicApi.theme, |
|
}); |
|
|
|
const mapDispatchToProps = { |
|
sendOtp: user.otp_login, |
|
sendCellphone: user.otp, |
|
}; |
|
|
|
export default connect(mapStateToProps, mapDispatchToProps)(Otp);
|
|
|