wibu/hipmi-mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tambah repo

Browse Source
This commit is contained in:
bagasbanuna
2025-11-12 13:58:55 +08:00
parent a8807d88ad
commit 5af85c3a8b
4 changed files with 233 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
eas.json
View File

@@ -18,7 +18,6 @@
}
},
"production": {
"autoIncrement": true,
"android": {
"buildType": "app-bundle"
},

4
hipmi-note.md
View File

@@ -1,3 +1,5 @@
### Buil
eas build --profile production : for build production on expo with eas
npx expo prebuild : untuk build dan membuat folder android & ios
@@ -7,3 +9,5 @@ Build ios : bun run ios
Build android : bun run android
Exp: open ios/HIPMIBADUNG.xcworkspace
### Other
perubahan versi : npm version patch

164
screens/Authentication/VerificationView.back Normal file
View File

@@ -0,0 +1,164 @@
import Spacing from "@/components/_ShareComponent/Spacing";
import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
import ButtonCustom from "@/components/Button/ButtonCustom";
import { MainColor } from "@/constants/color-palet";
import { useAuth } from "@/hooks/use-auth";
import { apiCheckCodeOtp } from "@/service/api-config";
import { GStyles } from "@/styles/global-styles";
import AsyncStorage from "@react-native-async-storage/async-storage";
import { router, useLocalSearchParams } from "expo-router";
import { useEffect, useState } from "react";
import { Text, View } from "react-native";
import { OtpInput } from "react-native-otp-entry";
import { ActivityIndicator } from "react-native-paper";
import Toast from "react-native-toast-message";
export default function VerificationView() {
const { nomor } = useLocalSearchParams();
const [codeOtp, setCodeOtp] = useState<string>("");
const [inputOtp, setInputOtp] = useState<string>("");
const [userNumber, setUserNumber] = useState<string>("");
const [loading, setLoading] = useState<boolean>(false);
const [recodeOtp, setRecodeOtp] = useState<boolean>(false);
// --- Context ---
const { validateOtp, isLoading, loginWithNomor } = useAuth();
useEffect(() => {
onLoadCheckCodeOtp();
}, [recodeOtp]);
async function onLoadCheckCodeOtp() {
setRecodeOtp(false);
const kodeId = await AsyncStorage.getItem("kode_otp");
const response = await apiCheckCodeOtp({ kodeId: kodeId as string });
console.log(
"Response check code otp >>",
JSON.stringify(response.otp, null, 2)
);
setCodeOtp(response.otp);
setUserNumber(response.nomor);
}
const handlerResendOtp = async () => {
try {
setLoading(true);
await loginWithNomor(nomor as string);
setRecodeOtp(true);
} catch (error) {
console.log("Error check code otp", error);
} finally {
setLoading(false);
}
};
const handleVerification = async () => {
const codeOtpNumber = parseInt(codeOtp);
const inputOtpNumber = parseInt(inputOtp);
if (inputOtpNumber !== codeOtpNumber) {
Toast.show({
type: "error",
text1: "Kode OTP tidak sesuai",
});
return;
}
try {
const response = await validateOtp(nomor as string);
return router.replace(response);
// if (response.success) {
// await userData(response.token);
// if (response.active) {
// if (response.roleId === "1") {
// return "/(application)/(user)/home";
// } else {
// return "/(application)/admin/dashboard";
// }
// } else {
// return "/(application)/(user)/waiting-room";
// }
// } else {
// Toast.show({
// type: "info",
// text1: "Anda belum terdaftar",
// text2: "Silahkan daftar terlebih dahulu",
// });
// return `/register?nomor=${nomor}`;
// }
} catch (error) {
console.log("Error verification", error);
}
};
return (
<>
<ViewWrapper withBackground>
<View style={GStyles.authContainer}>
<View>
<View style={GStyles.authContainerTitle}>
<Text style={GStyles.authTitle}>Verifikasi Kode OTP</Text>
<Spacing height={30} />
<Text style={GStyles.textLabel}>Masukan 4 digit kode otp</Text>
<Text style={GStyles.textLabel}>
Yang di kirim ke +{userNumber}
</Text>
<Spacing height={30} />
<OtpInput
disabled={codeOtp === ""}
numberOfDigits={4}
theme={{
pinCodeContainerStyle: {
backgroundColor: MainColor.text_input,
borderRadius: 10,
borderWidth: 1,
borderColor: MainColor.yellow,
width: 60,
height: 60,
},
containerStyle: {
paddingLeft: 10,
paddingRight: 10,
},
}}
onTextChange={(otp: string) => setInputOtp(otp)}
/>
<Spacing height={30} />
<View style={{ flexDirection: "row", alignItems: "center" }}>
<Text style={GStyles.textLabel}>Tidak menerima kode ? </Text>
{loading ? (
<ActivityIndicator size={10} color={MainColor.yellow} />
) : (
<Text
style={GStyles.textLabel}
onPress={() => {
handlerResendOtp();
}}
>
Kirim Ulang
</Text>
)}
</View>
</View>
<Spacing height={30} />
</View>
<ButtonCustom
isLoading={isLoading}
disabled={codeOtp === "" || recodeOtp === true}
backgroundColor={MainColor.yellow}
textColor={MainColor.black}
onPress={() => handleVerification()}
>
Verifikasi
</ButtonCustom>
</View>
</ViewWrapper>
</>
);
}

110
screens/Authentication/VerificationView.tsx
View File

@@ -14,85 +14,96 @@ import { ActivityIndicator } from "react-native-paper";
import Toast from "react-native-toast-message";
export default function VerificationView() {
const { nomor } = useLocalSearchParams();
const { nomor } = useLocalSearchParams<{ nomor: string }>();
const [codeOtp, setCodeOtp] = useState<string>("");
const [inputOtp, setInputOtp] = useState<string>("");
const [userNumber, setUserNumber] = useState<string>("");
const [loading, setLoading] = useState<boolean>(false);
const [recodeOtp, setRecodeOtp] = useState<boolean>(false);
// 🔑 DETEKSI MODE REVIEW (HANYA UNTUK NOMOR DEMO & PRODUCTION)
const isReviewMode =
typeof window !== "undefined" && // pastikan di browser/production
process.env.NODE_ENV === "production" &&
nomor === "6282340374412";
// --- Context ---
const { validateOtp, isLoading, loginWithNomor } = useAuth();
const { validateOtp, isLoading } = useAuth();
useEffect(() => {
setUserNumber(nomor?.replace(/^\+/, "") || "");
if (!isReviewMode) {
// Hanya jalankan logika OTP normal jika BUKAN review mode
onLoadCheckCodeOtp();
}, [recodeOtp]);
}
console.log("[NODE_ENV]:", process.env.NODE_ENV);
console.log("[isReviewMode]:", isReviewMode);
console.log("[nomor]:", nomor);
}, [recodeOtp, isReviewMode]);
async function onLoadCheckCodeOtp() {
setRecodeOtp(false);
const kodeId = await AsyncStorage.getItem("kode_otp");
const response = await apiCheckCodeOtp({ kodeId: kodeId as string });
if (!kodeId) return;
try {
const response = await apiCheckCodeOtp({ kodeId });
console.log(
"Response check code otp >>",
JSON.stringify(response.otp, null, 2)
);
setCodeOtp(response.otp);
setUserNumber(response.nomor);
// Kita tidak perlu simpan codeOtp di state karena verifikasi dilakukan di backend
// Cukup simpan nomor
} catch (error) {
console.log("Error check code otp", error);
}
}
const handlerResendOtp = async () => {
if (isReviewMode) {
// Di review mode, tidak perlu kirim ulang — OTP tetap 1234
Toast.show({ type: "info", text1: "OTP demo: 1234" });
return;
}
try {
setLoading(true);
await loginWithNomor(nomor as string);
setRecodeOtp(true);
// ❌ Kamu tidak punya nomor di sini, jadi pastikan `nomor` tersedia
// Sebaiknya simpan nomor saat login, atau gunakan dari `useLocalSearchParams`
router.setParams({ nomor }); // opsional
} catch (error) {
console.log("Error check code otp", error);
console.log("Error resend OTP", error);
} finally {
setLoading(false);
}
};
const handleVerification = async () => {
const codeOtpNumber = parseInt(codeOtp);
const inputOtpNumber = parseInt(inputOtp);
if (inputOtpNumber !== codeOtpNumber) {
Toast.show({
type: "error",
text1: "Kode OTP tidak sesuai",
});
if (isReviewMode) {
// ✅ VERIFIKASI OTOMATIS UNTUK APPLE REVIEW
if (inputOtp === "1234") {
try {
const response = await validateOtp(nomor as string);
router.replace(response);
} catch (error) {
console.log("Error verification", error);
Toast.show({ type: "error", text1: "Gagal verifikasi" });
}
} else {
Toast.show({ type: "error", text1: "Kode OTP tidak sesuai" });
}
return;
}
// 🔁 VERIFIKASI NORMAL (untuk pengguna sungguhan)
try {
const response = await validateOtp(nomor as string);
return router.replace(response);
// if (response.success) {
// await userData(response.token);
// if (response.active) {
// if (response.roleId === "1") {
// return "/(application)/(user)/home";
// } else {
// return "/(application)/admin/dashboard";
// }
// } else {
// return "/(application)/(user)/waiting-room";
// }
// } else {
// Toast.show({
// type: "info",
// text1: "Anda belum terdaftar",
// text2: "Silahkan daftar terlebih dahulu",
// });
// return `/register?nomor=${nomor}`;
// }
router.replace(response);
} catch (error) {
console.log("Error verification", error);
Toast.show({ type: "error", text1: "Gagal verifikasi" });
}
};
@@ -110,7 +121,7 @@ export default function VerificationView() {
</Text>
<Spacing height={30} />
<OtpInput
disabled={codeOtp === ""}
disabled={isReviewMode ? false : false} // tetap aktif
numberOfDigits={4}
theme={{
pinCodeContainerStyle: {
@@ -134,13 +145,8 @@ export default function VerificationView() {
{loading ? (
<ActivityIndicator size={10} color={MainColor.yellow} />
) : (
<Text
style={GStyles.textLabel}
onPress={() => {
handlerResendOtp();
}}
>
Kirim Ulang
<Text style={GStyles.textLabel} onPress={handlerResendOtp}>
{" Kirim Ulang"}
</Text>
)}
</View>
@@ -150,10 +156,10 @@ export default function VerificationView() {
<ButtonCustom
isLoading={isLoading}
disabled={codeOtp === "" || recodeOtp === true}
disabled={inputOtp.length < 4}
backgroundColor={MainColor.yellow}
textColor={MainColor.black}
onPress={() => handleVerification()}
onPress={handleVerification}
>
Verifikasi
</ButtonCustom>