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

app/(application)/admin/investment/[id]/[status]/index.tsx

@@ -50,7 +50,7 @@ export default function AdminInvestmentDetail() {
   const onLoadData = async () => {
     try {
       const response = await apiAdminInvestmentDetailById({ id: id as string });
-      console.log("[GETONE INVEST]", JSON.stringify(response, null, 2));
+      // console.log("[GETONE INVEST]", JSON.stringify(response, null, 2));
       if (response.success) {
         setData(response.data);
       }
@@ -176,18 +176,28 @@ export default function AdminInvestmentDetail() {
       >
         {status === "publish" && (
           <BaseBox>
-            <ProgressCustom size="lg" />
+            <ProgressCustom
+              label={data && `${data.progress}%` || "0%"}
+              value={data && data.progress || 0}
+              size="lg"
+            />
             <Spacing />
             <StackCustom gap={"xs"}>
               <GridDetail_4_8
                 label={<TextCustom bold>Sisa Saham</TextCustom>}
                 value={
-                  <TextCustom>{data && formatCurrencyDisplay(data?.sisaLembar)} lembar</TextCustom>
+                  <TextCustom>
+                    {data && formatCurrencyDisplay(data && data?.sisaLembar)} lembar
+                  </TextCustom>
                 }
               />
               <GridDetail_4_8
                 label={<TextCustom bold>Validasi Transaksi</TextCustom>}
-                value={<TextCustom>{data && formatCurrencyDisplay(data?.lembarTerbeli)} Transaksi</TextCustom>}
+                value={
+                  <TextCustom>
+                    {data && data?.Investasi_Invoice.length} Proses
+                  </TextCustom>
+                }
               />
             </StackCustom>
           </BaseBox>

app/(application)/admin/investment/[id]/[status]/transaction-detail.tsx

@@ -1,12 +1,13 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import {
+  AlertDefaultSystem,
   BadgeCustom,
   BaseBox,
   ButtonCustom,
   Spacing,
   StackCustom,
   TextCustom,
-  ViewWrapper
+  ViewWrapper,
 } from "@/components";
 import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
 import { GridDetail_4_8 } from "@/components/_ShareComponent/GridDetail_4_8";
@@ -25,8 +26,6 @@ import Toast from "react-native-toast-message";
 
 export default function AdminInvestmentTransactionDetail() {
   const { id } = useLocalSearchParams();
-  console.log("[ID]", id);
-
   const [data, setData] = useState<any | null>(null);
   const [isLoading, setLoading] = useState<boolean>(false);
 
@@ -41,7 +40,7 @@ export default function AdminInvestmentTransactionDetail() {
       const response = await apiAdminInvestmentGetOneInvoiceById({
         id: id as string,
       });
-      console.log("[RESPONSE]", JSON.stringify(response, null, 2));
+      // console.log("[RESPONSE]", JSON.stringify(response, null, 2));
       if (response.success) {
         setData(response.data);
       }
@@ -121,7 +120,7 @@ export default function AdminInvestmentTransactionDetail() {
         },
       });
 
-      console.log("[RESPONSE SUBMIT]", JSON.stringify(response, null, 2));
+      // console.log("[RESPONSE SUBMIT]", JSON.stringify(response, null, 2));
 
       if (!response.success) {
         Toast.show({
@@ -158,8 +157,16 @@ export default function AdminInvestmentTransactionDetail() {
               backgroundColor={MainColor.red}
               textColor="white"
               onPress={() => {
-                handlerSubmit({
-                  category: "deny",
+                AlertDefaultSystem({
+                  title: "Konfirmasi transaksi",
+                  message: "Apakah anda yakin ingin menolak transaksi ini?",
+                  textLeft: "Tidak",
+                  textRight: "Ya",
+                  onPressRight: () => {
+                    handlerSubmit({
+                      category: "deny",
+                    });
+                  },
                 });
               }}
             >
@@ -170,8 +177,16 @@ export default function AdminInvestmentTransactionDetail() {
             <ButtonCustom
               isLoading={isLoading}
               onPress={() => {
-                handlerSubmit({
-                  category: "accept",
+                AlertDefaultSystem({
+                  title: "Konfirmasi transaksi",
+                  message: "Apakah anda yakin ingin menyetujui transaksi ini?",
+                  textLeft: "Tidak",
+                  textRight: "Ya",
+                  onPressRight: () => {
+                    handlerSubmit({
+                      category: "accept",
+                    });
+                  },
                 });
               }}
             >

app/(application)/admin/investment/[id]/list-of-investor.tsx

@@ -13,9 +13,7 @@ import { IconView } from "@/components/_Icon/IconComponent";
 import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
 import { GridViewCustomSpan } from "@/components/_ShareComponent/GridViewCustomSpan";
 import NoDataText from "@/components/_ShareComponent/NoDataText";
-import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_BUTTON } from "@/constants/constans-value";
-import { dummyMasterStatusTransaction } from "@/lib/dummy-data/_master/status-transaction";
 import { apiAdminInvestmentListOfInvestor } from "@/service/api-admin/api-admin-investment";
 import { apiMasterTransaction } from "@/service/api-client/api-master";
 import { colorBadgeTransaction } from "@/utils/colorBadge";