Integrasi API:

Add:
-  hipmi-note.md

Fix:
- app/(application)/(user)/donation/[id]/(transaction-flow)/[invoiceId]/failed.tsx
- app/(application)/(user)/donation/[id]/(transaction-flow)/[invoiceId]/success.tsx
- app/(application)/(user)/event/[id]/confirmation.tsx
- app/(application)/(user)/investment/(tabs)/index.tsx
- app/(application)/(user)/investment/(tabs)/my-holding.tsx
- app/(application)/(user)/investment/[id]/(my-holding)/[id].tsx
- app/(application)/(user)/investment/[id]/(transaction-flow)/failed.tsx
- app/(application)/(user)/investment/[id]/(transaction-flow)/index.tsx
- app/(application)/(user)/investment/[id]/(transaction-flow)/success.tsx
- app/(application)/(user)/investment/[id]/investor.tsx
- app/(application)/admin/investment/[id]/[status]/index.tsx
- app/(application)/admin/investment/[id]/[status]/transaction-detail.tsx
- app/(application)/admin/investment/[id]/list-of-investor.tsx
- lib/dummy-data/investment/dummy-data-not-publish.ts
- screens/Authentication/VerificationView.tsx
- screens/Home/bottomFeatureSection.tsx
- service/api-client/api-investment.ts

### No Issue

screens/Authentication/VerificationView.tsx

@@ -10,6 +10,7 @@ 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() {
@@ -18,22 +19,41 @@ export default function VerificationView() {
   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 } = useAuth();
+  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));
+    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);
@@ -109,17 +129,28 @@ export default function VerificationView() {
                 onTextChange={(otp: string) => setInputOtp(otp)}
               />
               <Spacing height={30} />
-              <Text style={GStyles.textLabel}>
-                Tidak menerima kode ?{" "}
-                <Text style={GStyles.textLabel}>Kirim Ulang</Text>
-              </Text>
+              <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 === ""}
+            disabled={codeOtp === "" || recodeOtp === true}
             backgroundColor={MainColor.yellow}
             textColor={MainColor.black}
             onPress={() => handleVerification()}