Component

Fix: fix nama upload dan delete file service

Invesment:
Fix:
- Edit data dan edit prospektus
- View file dengan metode react-native-webview

### No issue

app/(application)/(file)/[id].tsx

@@ -1,9 +1,13 @@
-import { BackButton, ViewWrapper } from "@/components";
+import { BackButton } from "@/components";
-import { MainColor } from "@/constants/color-palet";
+import PdfViewer from "@/components/_ShareComponent/PdfViewer";
-import { FontAwesome } from "@expo/vector-icons";
+import API_STRORAGE from "@/constants/base-url-api-strorage";
-import { Stack } from "expo-router";
+import { Stack, useLocalSearchParams } from "expo-router";
+import { SafeAreaView } from "react-native-safe-area-context";
 
 export default function FileScreen() {
+  const { id } = useLocalSearchParams();
+  const url = API_STRORAGE.GET({ fileId: id as string });
+  
   return (
     <>
       <Stack.Screen
@@ -12,14 +16,9 @@ export default function FileScreen() {
           headerLeft: () => <BackButton />,
         }}
       />
-      <ViewWrapper>
+      <SafeAreaView style={{ flex: 1 }} edges={["bottom"]}>
-        <FontAwesome
+        <PdfViewer uri={url} />
-          name="file-pdf-o"
+      </SafeAreaView>
-          size={300}
-          style={{ alignSelf: "center" }}
-          color={MainColor.white}
-        />
-      </ViewWrapper>
     </>
   );
 }

app/(application)/(user)/forum/[id]/forumku.tsx

@@ -1,25 +1,22 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import {
-  AlertCustom,
   AvatarComp,
-  AvatarCustom,
   ButtonCustom,
   CenterCustom,
   DrawerCustom,
+  FloatingButton,
   Grid,
   LoaderCustom,
   StackCustom,
   TextCustom,
   ViewWrapper,
 } from "@/components";
-import { MainColor } from "@/constants/color-palet";
 import { useAuth } from "@/hooks/use-auth";
 import Forum_BoxDetailSection from "@/screens/Forum/DiscussionBoxSection";
-import { listDummyDiscussionForum } from "@/screens/Forum/list-data-dummy";
 import Forum_MenuDrawerBerandaSection from "@/screens/Forum/MenuDrawerSection.tsx/MenuBeranda";
 import { apiForumGetAll } from "@/service/api-client/api-forum";
 import { apiUser } from "@/service/api-client/api-user";
-import { useFocusEffect, useLocalSearchParams } from "expo-router";
+import { router, useFocusEffect, useLocalSearchParams } from "expo-router";
 import _ from "lodash";
 import { useCallback, useState } from "react";
 
@@ -28,9 +25,6 @@ export default function Forumku() {
   const { user } = useAuth();
   const [openDrawer, setOpenDrawer] = useState(false);
   const [status, setStatus] = useState("");
-  const [alertStatus, setAlertStatus] = useState(false);
-  const [deleteAlert, setDeleteAlert] = useState(false);
-
   const [listData, setListData] = useState<any | null>(null);
   const [dataUser, setDataUser] = useState<any | null>(null);
   const [loadingGetList, setLoadingGetList] = useState(false);
@@ -38,8 +32,8 @@ export default function Forumku() {
   useFocusEffect(
     useCallback(() => {
       onLoadData();
-      onLoadDataProfile(user?.id as string);
+      onLoadDataProfile(id as string);
-    }, [user?.id])
+    }, [id])
   );
 
   const onLoadDataProfile = async (id: string) => {
@@ -71,7 +65,17 @@ export default function Forumku() {
 
   return (
     <>
-      <ViewWrapper>
+      <ViewWrapper
+        floatingButton={
+          user?.id === id && (
+            <FloatingButton
+              onPress={() =>
+                router.navigate("/(application)/(user)/forum/create")
+              }
+            />
+          )
+        }
+      >
         <StackCustom>
           <CenterCustom>
             <AvatarComp

app/(application)/(user)/investment/(tabs)/portofolio.tsx

@@ -1,13 +1,48 @@
-import { ScrollableCustom, ViewWrapper } from "@/components";
+/* eslint-disable react-hooks/exhaustive-deps */
+import {
+  LoaderCustom,
+  ScrollableCustom,
+  TextCustom,
+  ViewWrapper,
+} from "@/components";
+import { useAuth } from "@/hooks/use-auth";
 import { dummyMasterStatus } from "@/lib/dummy-data/_master/status";
 import Investment_StatusBox from "@/screens/Invesment/StatusBox";
-import { useState } from "react";
+import { apiInvestmentGetByStatus } from "@/service/api-client/api-investment";
+import { useFocusEffect } from "expo-router";
+import _ from "lodash";
+import { useCallback, useState } from "react";
 
 export default function InvestmentPortofolio() {
+  const { user } = useAuth();
   const [activeCategory, setActiveCategory] = useState<string | null>(
     "publish"
   );
 
+  const [listData, setListData] = useState<any[]>([]);
+  const [loadingList, setLoadingList] = useState(false);
+
+  useFocusEffect(
+    useCallback(() => {
+      onLoadData();
+    }, [user?.id, activeCategory])
+  );
+
+  const onLoadData = async () => {
+    try {
+      setLoadingList(true);
+      const response = await apiInvestmentGetByStatus({
+        authorId: user?.id as string,
+        status: activeCategory as string,
+      });
+      setListData(response.data);
+    } catch (error) {
+      console.log("[ERROR]", error);
+    } finally {
+      setLoadingList(false);
+    }
+  };
+
   const handlePress = (item: any) => {
     setActiveCategory(item.value);
     // tambahkan logika lain seperti filter dsb.
@@ -26,14 +61,20 @@ export default function InvestmentPortofolio() {
   );
   return (
     <ViewWrapper headerComponent={scrollComponent} hideFooter>
-      {Array.from({ length: 10 }).map((_, index) => (
+      {loadingList ? (
-        <Investment_StatusBox
+        <LoaderCustom />
-          key={index}
+      ) : _.isEmpty(listData) ? (
-          id={index.toString()}
+        <TextCustom align="center">Tidak ada data {activeCategory}</TextCustom>
-          status={activeCategory as string}
+      ) : (
-          href={`/investment/${index}/${activeCategory}/detail`}
+        listData.map((item: any, index: number) => (
-        />
+          <Investment_StatusBox
-      ))}
+            key={index}
+            data={item}
+            status={activeCategory as string}
+            href={`/investment/${item.id}/${activeCategory}/detail`}
+          />
+        ))
+      )}
     </ViewWrapper>
   );
 }

app/(application)/(user)/investment/[id]/[status]/detail.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import {
   BackButton,
   DotButton,
@@ -12,16 +13,42 @@ import { ICON_SIZE_MEDIUM } from "@/constants/constans-value";
 import Investment_ButtonInvestasiSection from "@/screens/Invesment/ButtonInvestasiSection";
 import Invesment_ComponentBoxOnBottomDetail from "@/screens/Invesment/ComponentBoxOnBottomDetail";
 import Invesment_DetailDataPublishSection from "@/screens/Invesment/DetailDataPublishSection";
+import { apiInvestmentGetById } from "@/service/api-client/api-investment";
 import { AntDesign, MaterialIcons } from "@expo/vector-icons";
-import { router, Stack, useLocalSearchParams } from "expo-router";
+import {
+  router,
+  Stack,
+  useFocusEffect,
+  useLocalSearchParams,
+} from "expo-router";
 import _ from "lodash";
-import { useState } from "react";
+import { useCallback, useState } from "react";
 
 export default function InvestmentDetailStatus() {
   const { id, status } = useLocalSearchParams();
   const [openDrawerDraft, setOpenDrawerDraft] = useState(false);
   const [openDrawerPublish, setOpenDrawerPublish] = useState(false);
 
+  const [data, setData] = useState<any>(null);
+
+  useFocusEffect(
+    useCallback(() => {
+      onLoadData();
+    }, [id, status])
+  );
+
+  const onLoadData = async () => {
+    try {
+      const response = await apiInvestmentGetById({
+        id: id as string,
+      });
+
+      setData(response.data);
+    } catch (error) {
+      console.log("[ERROR]", error);
+    }
+  };
+
   const handlePressDraft = (item: IMenuDrawerItem) => {
     console.log("PATH >> ", item.path);
     router.navigate(item.path as any);
@@ -36,7 +63,8 @@ export default function InvestmentDetailStatus() {
 
   const bottomSection = (
     <Invesment_ComponentBoxOnBottomDetail
-      id={id as string}
+      id={data?.id}
+      prospectusId={data?.prospektusFileId}
       status={status as string}
     />
   );
@@ -63,6 +91,7 @@ export default function InvestmentDetailStatus() {
       <ViewWrapper>
         <Invesment_DetailDataPublishSection
           status={status as string}
+          data={data}
           bottomSection={bottomSection}
           buttonSection={buttonSection}
         />

app/(application)/(user)/investment/[id]/edit-prospectus.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import {
   BaseBox,
   BoxButtonOnFooter,
@@ -5,38 +6,149 @@ import {
   ButtonCustom,
   CenterCustom,
   InformationBox,
+  LoaderCustom,
   Spacing,
   StackCustom,
+  TextCustom,
   ViewWrapper,
 } from "@/components";
-import { MainColor } from "@/constants/color-palet";
+import DIRECTORY_ID from "@/constants/directory-id";
-import { FontAwesome5 } from "@expo/vector-icons";
+import {
-import { router } from "expo-router";
+  apiInvestmentGetById,
+  apiInvestmentUpdateData,
+} from "@/service/api-client/api-investment";
+import { deleteFileService, uploadFileService } from "@/service/upload-service";
+import pickFile, { IFileData } from "@/utils/pickFile";
+import { router, useFocusEffect, useLocalSearchParams } from "expo-router";
+import _ from "lodash";
+import { useCallback, useState } from "react";
+import Toast from "react-native-toast-message";
 
 export default function InvestmentEditProspectus() {
+  const { id } = useLocalSearchParams();
+  const [data, setData] = useState<any>(null);
+  const [loadingGet, setLoadingGet] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const [pdf, setPdf] = useState<IFileData | null>(null);
+
+  useFocusEffect(
+    useCallback(() => {
+      onLoadData();
+    }, [id])
+  );
+
+  const onLoadData = async () => {
+    try {
+      setLoadingGet(true);
+      const response = await apiInvestmentGetById({
+        id: id as string,
+      });
+      setData(response.data);
+    } catch (error) {
+      console.log("[ERROR]", error);
+    } finally {
+      setLoadingGet(false);
+    }
+  };
+
+  const handleSubmitUpdate = async () => {
+    const prevProspectusFileId = data?.prospektusFileId;
+    try {
+      setIsLoading(true);
+
+      const responseUploadImage = await uploadFileService({
+        imageUri: pdf?.uri as any,
+        dirId: DIRECTORY_ID.investasi_prospektus,
+      });
+
+      if (!responseUploadImage.success) {
+        Toast.show({
+          type: "error",
+          text1: "Gagal mengunggah gambar",
+        });
+        return;
+      }
+      const prospektusFileId = responseUploadImage.data.id;
+
+      const responseUpdate = await apiInvestmentUpdateData({
+        id: id as string,
+        data: prospektusFileId,
+        category: "prospectus",
+      });
+
+      if (responseUpdate.success) {
+        const deletePrevImage = await deleteFileService({
+          id: prevProspectusFileId as any,
+        });
+
+        if (!deletePrevImage.success) {
+          console.log("[ERROR DELETE PREV IMAGE]", deletePrevImage.message);
+          return;
+        }
+
+        Toast.show({
+          type: "success",
+          text1: "Data berhasil diupdate",
+        });
+        router.back();
+      } else {
+        Toast.show({
+          type: "error",
+          text1: responseUpdate.message,
+        });
+      }
+    } catch (error) {
+      console.log("[ERROR]", error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
   const buttonFooter = (
     <BoxButtonOnFooter>
-      <ButtonCustom onPress={() => router.back()}>Update</ButtonCustom>
+      <ButtonCustom
+        disabled={pdf === null}
+        isLoading={isLoading}
+        onPress={handleSubmitUpdate}
+      >
+        Update
+      </ButtonCustom>
     </BoxButtonOnFooter>
   );
   return (
-    <ViewWrapper footerComponent={buttonFooter}>
+    <ViewWrapper footerComponent={!loadingGet && buttonFooter}>
       <StackCustom gap={"xs"}>
         <InformationBox text="File prospektus wajib untuk diupload, agar calon investor paham dengan prospek investasi yang akan anda jalankan kedepan." />
         <Spacing />
 
         <BaseBox>
           <CenterCustom>
-            <FontAwesome5
+            {loadingGet ? (
-              name="file-pdf"
+              <LoaderCustom />
-              size={30}
+            ) : pdf ? (
-              color={MainColor.disabled}
+              <TextCustom truncate>{pdf.name}</TextCustom>
-            />
+            ) : (
+              <TextCustom truncate>
+                {_.snakeCase(data?.title || "").replace(/_/g, "-")}.pdf
+              </TextCustom>
+            )}
           </CenterCustom>
         </BaseBox>
         <ButtonCenteredOnly
+          disabled={loadingGet}
           icon="upload"
-          onPress={() => router.push("/(application)/(image)/take-picture/123")}
+          onPress={() => {
+            pickFile({
+              allowedType: "pdf",
+              setPdfUri(file: any) {
+                setPdf({
+                  uri: file.uri,
+                  name: file.name,
+                  size: file.size,
+                });
+              },
+            });
+          }}
         >
           Upload
         </ButtonCenteredOnly>

app/(application)/(user)/investment/[id]/edit.tsx

@@ -1,40 +1,224 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import {
   ButtonCenteredOnly,
   ButtonCustom,
   InformationBox,
   LandscapeFrameUploaded,
+  LoaderCustom,
   SelectCustom,
   Spacing,
   StackCustom,
   TextInputCustom,
-  ViewWrapper
+  ViewWrapper,
 } from "@/components";
-import dummyPembagianDeviden from "@/lib/dummy-data/investment/pembagian-deviden";
+import API_STRORAGE from "@/constants/base-url-api-strorage";
-import dummyListPencarianInvestor from "@/lib/dummy-data/investment/pencarian-investor";
+import DIRECTORY_ID from "@/constants/directory-id";
-import dummyPeriodeDeviden from "@/lib/dummy-data/investment/periode-deviden";
+import {
-import { router } from "expo-router";
+  apiInvestmentGetById,
-import { useState } from "react";
+  apiInvestmentUpdateData,
+} from "@/service/api-client/api-investment";
+import { apiMasterInvestment } from "@/service/api-client/api-master";
+import {
+  deleteFileService,
+  uploadFileService,
+} from "@/service/upload-service";
+import { formatCurrencyDisplay } from "@/utils/formatCurrencyDisplay";
+import pickFile from "@/utils/pickFile";
+import { router, useFocusEffect, useLocalSearchParams } from "expo-router";
+import _ from "lodash";
+import { useCallback, useState } from "react";
+import Toast from "react-native-toast-message";
+
+interface IInvestment {
+  title?: string;
+  targetDana?: string;
+  hargaLembar?: string;
+  totalLembar?: string;
+  roi?: string;
+  masterPencarianInvestorId?: string;
+  masterPeriodeDevidenId?: string;
+  masterPembagianDevidenId?: string;
+  authorId?: string;
+  imageId?: string;
+  prospektusFileId?: string;
+}
 
 export default function InvestmentEdit() {
-  const [data, setData] = useState({
+  const { id } = useLocalSearchParams();
+  const [data, setData] = useState<IInvestment>({
     title: "",
-    targetDana: 0,
+    targetDana: "",
-    hargaPerLembar: 0,
+    hargaLembar: "",
-    totalLembar: 0,
+    totalLembar: "",
-    rasioKeuntungan: 0,
+    roi: "",
-    pencarianInvestor: "",
+    masterPencarianInvestorId: "",
-    periodeDeviden: "",
+    masterPeriodeDevidenId: "",
-    pembagianDeviden: "",
+    masterPembagianDevidenId: "",
+    authorId: "",
+    imageId: "",
+    prospektusFileId: "",
   });
 
+  const [image, setImage] = useState<string | null>(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [loadingMaster, setLoadingMaster] = useState(false);
+  const [listPencarianInvestor, setListPencarianInvestor] = useState<any[]>([]);
+  const [listPeriodeDeviden, setListPeriodeDeviden] = useState<any[]>([]);
+  const [listPembagianDeviden, setListPembagianDeviden] = useState<any[]>([]);
+
+  useFocusEffect(
+    useCallback(() => {
+      onLoadMaster();
+      onLoadData();
+    }, [id])
+  );
+
+  const onLoadMaster = async () => {
+    try {
+      setLoadingMaster(true);
+      const response = await apiMasterInvestment({ category: "" });
+
+      setListPencarianInvestor(response.data.pencarianInvestor);
+      setListPeriodeDeviden(response.data.periodeDeviden);
+      setListPembagianDeviden(response.data.pembagianDeviden);
+    } catch (error) {
+      console.log("[ERROR]", error);
+    } finally {
+      setLoadingMaster(false);
+    }
+  };
+
+  const onLoadData = async () => {
+    try {
+      const response = await apiInvestmentGetById({
+        id: id as string,
+      });
+      setData(response.data);
+    } catch (error) {
+      console.log("[ERROR]", error);
+    }
+  };
+
+  const displayTargetDana = formatCurrencyDisplay(data?.targetDana);
+  const displayHargaPerLembar = formatCurrencyDisplay(data?.hargaLembar);
+  const displayTotalLembar = formatCurrencyDisplay(
+    Number(data?.targetDana) / Number(data?.hargaLembar)
+  );
+
+  const handleChangeCurrency = (field: keyof typeof data) => (text: string) => {
+    const numeric = text.replace(/\D/g, "");
+    setData((prev) => ({ ...prev, [field]: numeric }));
+  };
+
+  const validateData = () => {
+    if (
+      !data.title ||
+      !data.targetDana ||
+      !data.hargaLembar ||
+      !data.totalLembar ||
+      !data.roi ||
+      !data.masterPencarianInvestorId ||
+      !data.masterPeriodeDevidenId ||
+      !data.masterPembagianDevidenId
+    ) {
+      Toast.show({
+        type: "info",
+        text1: "Harap isi semua data",
+      });
+      return false;
+    }
+
+    return true;
+  };
+
+  const handleSubmitUpdate = async () => {
+    let newData = {
+      ...data,
+    };
+
+    if (!validateData()) {
+      return;
+    }
+
+    try {
+      setIsLoading(true);
+
+      if (image) {
+        const responseUploadImage = await uploadFileService({
+          imageUri: image,
+          dirId: DIRECTORY_ID.investasi_image,
+        });
+
+        if (!responseUploadImage.success) {
+          Toast.show({
+            type: "error",
+            text1: "Gagal mengunggah gambar",
+          });
+          return;
+        }
+
+        const deletePrevImage = await deleteFileService({
+          id: data?.imageId as any,
+        });
+
+        if (!deletePrevImage.success) {
+          Toast.show({
+            type: "error",
+            text1: "Gagal menghapus gambar",
+          });
+          return;
+        }
+
+        newData = {
+          ...newData,
+          imageId: responseUploadImage.data.id,
+        };
+      }
+
+      const responseUpdate = await apiInvestmentUpdateData({
+        id: id as string,
+        data: newData,
+        category: "data"
+      });
+
+      if (responseUpdate.success) {
+        Toast.show({
+          type: "success",
+          text1: "Data berhasil diupdate",
+        });
+        router.back();
+      } else {
+        Toast.show({
+          type: "error",
+          text1: responseUpdate.message,
+        });
+      }
+    } catch (error) {
+      console.log("[ERROR]", error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
   return (
     <ViewWrapper>
       <StackCustom gap={"xs"}>
         <InformationBox text="Gambar investasi bisa berupa ilustrasi, poster atau foto terkait investasi." />
-        <LandscapeFrameUploaded />
+        <LandscapeFrameUploaded
+          image={
+            image ? image : API_STRORAGE.GET({ fileId: data?.imageId as any })
+          }
+        />
         <ButtonCenteredOnly
           icon="upload"
-          onPress={() => router.push("/take-picture/1")}
+          onPress={() => {
+            pickFile({
+              setImageUri: ({ uri }) => {
+                setImage(uri);
+              },
+              allowedType: "image",
+            });
+          }}
         >
           Upload
         </ButtonCenteredOnly>
@@ -47,7 +231,7 @@ export default function InvestmentEdit() {
           required
           placeholder="Judul"
           label="Judul"
-          value={data.title}
+          value={data?.title}
           onChangeText={(value) => setData({ ...data, title: value })}
         />
 
@@ -57,22 +241,8 @@ export default function InvestmentEdit() {
           placeholder="0"
           label="Target Dana"
           keyboardType="numeric"
-          onChangeText={(value) =>
+          onChangeText={handleChangeCurrency("targetDana")}
-            setData({ ...data, targetDana: Number(value) })
+          value={displayTargetDana}
-          }
-          value={data.targetDana === 0 ? "" : data.targetDana.toString()}
-        />
-
-        <TextInputCustom
-          required
-          iconLeft="Rp."
-          placeholder="0"
-          label="Target Dana"
-          keyboardType="numeric"
-          onChangeText={(value) =>
-            setData({ ...data, targetDana: Number(value) })
-          }
-          value={data.targetDana === 0 ? "" : data.targetDana.toString()}
         />
 
         <TextInputCustom
@@ -81,10 +251,8 @@ export default function InvestmentEdit() {
           placeholder="0"
           label="Harga Per Lembar"
           keyboardType="numeric"
-          onChangeText={(value) =>
+          onChangeText={handleChangeCurrency("hargaLembar")}
-            setData({ ...data, targetDana: Number(value) })
+          value={displayHargaPerLembar}
-          }
-          value={data.targetDana === 0 ? "" : data.targetDana.toString()}
         />
 
         <TextInputCustom
@@ -92,10 +260,8 @@ export default function InvestmentEdit() {
           placeholder="0"
           label="Total Lembar"
           keyboardType="numeric"
-          onChangeText={(value) =>
+          onChangeText={(value) => setData({ ...data, totalLembar: value })}
-            setData({ ...data, totalLembar: Number(value) })
+          value={displayTotalLembar}
-          }
-          value={data.totalLembar === 0 ? "" : data.totalLembar.toString()}
         />
 
         <TextInputCustom
@@ -104,57 +270,78 @@ export default function InvestmentEdit() {
           label="Rasio Keuntungan / ROI %"
           placeholder="0"
           keyboardType="numeric"
-          onChangeText={(value) =>
+          onChangeText={(value) => setData({ ...data, roi: value })}
-            setData({ ...data, rasioKeuntungan: Number(value) })
+          value={data?.roi === "" ? "" : data?.roi}
-          }
-          value={
-            data.rasioKeuntungan === 0 ? "" : data.rasioKeuntungan.toString()
-          }
         />
 
-        <SelectCustom
+        {loadingMaster ? (
-          required
+          <LoaderCustom />
-          placeholder="Pilih batas waktu"
+        ) : (
-          label="Pencarian Investor"
+          <SelectCustom
-          data={dummyListPencarianInvestor.map((item) => ({
+            required
-            label: item.name + `${" "}hari`,
+            placeholder="Pilih batas waktu"
-            value: item.id,
+            label="Pencarian Investor"
-          }))}
+            data={
-          onChange={(value) =>
+              _.isEmpty(listPencarianInvestor)
-            setData({ ...data, pencarianInvestor: value as any })
+                ? []
-          }
+                : listPencarianInvestor.map((item) => ({
-          value={data.pencarianInvestor}
+                    label: item.name + `${" "}hari`,
-        />
+                    value: item.id,
+                  }))
+            }
+            onChange={(value) =>
+              setData({ ...data, masterPencarianInvestorId: value as any })
+            }
+            value={data.masterPencarianInvestorId}
+          />
+        )}
 
-        <SelectCustom
+        {loadingMaster ? (
-          required
+          <LoaderCustom />
-          placeholder="Pilih batas waktu"
+        ) : (
-          label="Pilih Periode Deviden"
+          <SelectCustom
-          data={dummyPeriodeDeviden.map((item) => ({
+            required
-            label: item.name,
+            placeholder="Pilih batas waktu"
-            value: item.id,
+            label="Pilih Periode Deviden"
-          }))}
+            data={
-          onChange={(value) =>
+              _.isEmpty(listPeriodeDeviden)
-            setData({ ...data, periodeDeviden: value as any })
+                ? []
-          }
+                : listPeriodeDeviden.map((item) => ({
-          value={data.periodeDeviden}
+                    label: item.name,
-        />
+                    value: item.id,
+                  }))
+            }
+            onChange={(value) =>
+              setData({ ...data, masterPeriodeDevidenId: value as any })
+            }
+            value={data.masterPeriodeDevidenId}
+          />
+        )}
+
+        {loadingMaster ? (
+          <LoaderCustom />
+        ) : (
+          <SelectCustom
+            required
+            placeholder="Pilih batas waktu"
+            label="Pilih Pembagian Deviden"
+            data={
+              _.isEmpty(listPembagianDeviden)
+                ? []
+                : listPembagianDeviden.map((item) => ({
+                    label: item.name + `${" "}bulan`,
+                    value: item.id,
+                  }))
+            }
+            onChange={(value) =>
+              setData({ ...data, masterPembagianDevidenId: value as any })
+            }
+            value={data.masterPembagianDevidenId}
+          />
+        )}
 
-        <SelectCustom
-          required
-          placeholder="Pilih batas waktu"
-          label="Pilih Pembagian Deviden"
-          data={dummyPembagianDeviden.map((item) => ({
-            label: item.name + `${" "}bulan`,
-            value: item.id,
-          }))}
-          onChange={(value) =>
-            setData({ ...data, pembagianDeviden: value as any })
-          }
-          value={data.pembagianDeviden}
-        />
         <Spacing />
-        <ButtonCustom onPress={() => router.replace("/investment/portofolio")}>
+        <ButtonCustom isLoading={isLoading} onPress={handleSubmitUpdate}>
           Simpan
         </ButtonCustom>
       </StackCustom>

app/(application)/(user)/investment/create.tsx

@@ -1,76 +1,236 @@
 import {
-    BaseBox,
+  BaseBox,
-    ButtonCenteredOnly,
+  ButtonCenteredOnly,
-    ButtonCustom,
+  ButtonCustom,
-    CenterCustom,
+  CenterCustom,
-    InformationBox,
+  InformationBox,
-    LandscapeFrameUploaded,
+  LandscapeFrameUploaded,
-    SelectCustom,
+  LoaderCustom,
-    Spacing,
+  SelectCustom,
-    StackCustom,
+  Spacing,
-    TextInputCustom,
+  StackCustom,
-    ViewWrapper,
+  TextCustom,
+  TextInputCustom,
+  ViewWrapper,
 } from "@/components";
 import { MainColor } from "@/constants/color-palet";
-import dummyPembagianDeviden from "@/lib/dummy-data/investment/pembagian-deviden";
+import DIRECTORY_ID from "@/constants/directory-id";
-import dummyListPencarianInvestor from "@/lib/dummy-data/investment/pencarian-investor";
+import { useAuth } from "@/hooks/use-auth";
-import dummyPeriodeDeviden from "@/lib/dummy-data/investment/periode-deviden";
+import { apiInvestmentCreate } from "@/service/api-client/api-investment";
+import { apiMasterInvestment } from "@/service/api-client/api-master";
+import { uploadFileService } from "@/service/upload-service";
+import { formatCurrencyDisplay } from "@/utils/formatCurrencyDisplay";
+import pickFile, { IFileData } from "@/utils/pickFile";
 import { FontAwesome5 } from "@expo/vector-icons";
-import { router } from "expo-router";
+import { router, useFocusEffect } from "expo-router";
-import { useState } from "react";
+import _ from "lodash";
+import { useCallback, useState } from "react";
+import Toast from "react-native-toast-message";
 
 export default function InvestmentCreate() {
+  const { user } = useAuth();
   const [data, setData] = useState({
     title: "",
-    targetDana: 0,
+    targetDana: "",
-    hargaPerLembar: 0,
+    hargaPerLembar: "",
-    totalLembar: 0,
+    totalLembar: "",
-    rasioKeuntungan: 0,
+    rasioKeuntungan: "",
     pencarianInvestor: "",
     periodeDeviden: "",
     pembagianDeviden: "",
+    authorId: "",
+    imageId: "",
+    prospektusFileId: "",
   });
+  const [image, setImage] = useState<string | null>(null);
+  const [pdf, setPdf] = useState<IFileData | null>(null);
+  const [isLoading, setIsLoading] = useState(false);
 
-//   const [coba, setCoba] = useState(""); 
+  const [loadingMaster, setLoadingMaster] = useState(false);
+  const [listPencarianInvestor, setListPencarianInvestor] = useState<any[]>([]);
+  const [listPeriodeDeviden, setListPeriodeDeviden] = useState<any[]>([]);
+  const [listPembagianDeviden, setListPembagianDeviden] = useState<any[]>([]);
+
+  useFocusEffect(
+    useCallback(() => {
+      onLoadMaster();
+    }, [])
+  );
+
+  const onLoadMaster = async () => {
+    try {
+      setLoadingMaster(true);
+      const response = await apiMasterInvestment({ category: "" });
+
+      setListPencarianInvestor(response.data.pencarianInvestor);
+      setListPeriodeDeviden(response.data.periodeDeviden);
+      setListPembagianDeviden(response.data.pembagianDeviden);
+    } catch (error) {
+      console.log("[ERROR]", error);
+    } finally {
+      setLoadingMaster(false);
+    }
+  };
+
+  const displayTargetDana = formatCurrencyDisplay(data.targetDana);
+  const displayHargaPerLembar = formatCurrencyDisplay(data.hargaPerLembar);
+  const displayTotalLembar = formatCurrencyDisplay(
+    Number(data.targetDana) / Number(data.hargaPerLembar)
+  );
+
+  const handleChangeCurrency = (field: keyof typeof data) => (text: string) => {
+    const numeric = text.replace(/\D/g, "");
+    setData((prev) => ({ ...prev, [field]: numeric }));
+  };
+
+  const validateData = () => {
+    if (
+      !data.title ||
+      !data.targetDana ||
+      !data.hargaPerLembar ||
+      !data.rasioKeuntungan ||
+      !data.pencarianInvestor ||
+      !data.periodeDeviden ||
+      !data.pembagianDeviden
+    ) {
+      Toast.show({
+        type: "error",
+        text1: "Harap isi semua data",
+      });
+      return false;
+    }
+
+    return true;
+  };
+
+  const handleSubmit = async () => {
+    if (!validateData()) {
+      return;
+    }
+
+    if (!image || !pdf) {
+      Toast.show({
+        type: "error",
+        text1: "Harap upload gambar dan file PDF",
+      });
+      return;
+    }
+
+    try {
+      setIsLoading(true);
+      const responseUploadImage = await uploadFileService({
+        imageUri: image,
+        dirId: DIRECTORY_ID.investasi_image,
+      });
+
+      if (!responseUploadImage.success) {
+        Toast.show({
+          type: "error",
+          text1: "Gagal mengunggah gambar",
+        });
+        return;
+      }
+
+      const imageId = responseUploadImage.data.id;
+      const responseUploadPdf = await uploadFileService({
+        imageUri: pdf.uri,
+        dirId: DIRECTORY_ID.investasi_prospektus,
+      });
+
+      if (!responseUploadPdf.success) {
+        Toast.show({
+          type: "error",
+          text1: "Gagal mengunggah file PDF",
+        });
+        return;
+      }
+
+      const pdfId = responseUploadPdf.data.id;
+      const newData = {
+        title: data.title,
+        targetDana: data.targetDana,
+        hargaLembar: data.hargaPerLembar,
+        totalLembar: displayTotalLembar,
+        roi: data.rasioKeuntungan,
+        masterPencarianInvestorId: data.pencarianInvestor,
+        masterPembagianDevidenId: data.pembagianDeviden,
+        masterPeriodeDevidenId: data.periodeDeviden,
+        authorId: user?.id,
+        imageId: imageId,
+        prospektusFileId: pdfId,
+      };
+
+      const response = await apiInvestmentCreate({ data: newData });
+
+      if (response.success) {
+        Toast.show({
+          type: "success",
+          text1: "Berhasil",
+          text2: response.message,
+        });
+        router.replace("/investment/portofolio");
+      } else {
+        Toast.show({
+          type: "error",
+          text1: "Info",
+          text2: response.message,
+        });
+      }
+    } catch (error) {
+      console.log("error", error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  //   const [coba, setCoba] = useState("");
   return (
     <ViewWrapper>
       <StackCustom gap={"xs"}>
-        {/* <View style={GStyles.inputContainerInput}>
-          <TextInput
-            style={{
-              ...GStyles.inputText,
-            }}
-            onChangeText={(value) => setCoba(value)}
-            value={coba}
-            keyboardType="decimal-pad"
-          />
-        </View> */}
-
         <InformationBox text="Gambar investasi bisa berupa ilustrasi, poster atau foto terkait investasi." />
-        <LandscapeFrameUploaded />
+        <LandscapeFrameUploaded image={image as string} />
         <ButtonCenteredOnly
           icon="upload"
-          onPress={() => router.push("/take-picture/1")}
+          onPress={() => {
+            pickFile({
+              setImageUri: ({ uri }) => {
+                setImage(uri);
+              },
+              allowedType: "image",
+            });
+          }}
         >
           Upload
         </ButtonCenteredOnly>
 
         <Spacing />
 
-        <InformationBox text="File prospektus wajib untuk diupload, agar calon investor paham dengan prospek investasi yang akan anda jalankan kedepannya." />
+        <InformationBox text="File prospektus wajib untuk diupload, agar calon investor paham dengan prospek investasi yang akan anda jalankan kedepannya. Gunakan format PDF." />
 
         <BaseBox>
           <CenterCustom>
-            <FontAwesome5
+            {pdf ? (
-              name="file-pdf"
+              <TextCustom>{pdf.name}</TextCustom>
-              size={30}
+            ) : (
-              color={MainColor.disabled}
+              <FontAwesome5
-            />
+                name="file-pdf"
+                size={30}
+                color={MainColor.disabled}
+              />
+            )}
           </CenterCustom>
         </BaseBox>
         <ButtonCenteredOnly
           icon="upload"
-          onPress={() => router.push("/take-picture/1")}
+          onPress={() => {
+            pickFile({
+              setPdfUri: ({ uri, name, size }) => {
+
+                setPdf({ uri, name, size });
+              },
+              allowedType: "pdf",
+            });
+          }}
         >
           Upload File
         </ButtonCenteredOnly>
@@ -90,22 +250,8 @@ export default function InvestmentCreate() {
           placeholder="0"
           label="Target Dana"
           keyboardType="numeric"
-          onChangeText={(value) =>
+          onChangeText={handleChangeCurrency("targetDana")}
-            setData({ ...data, targetDana: Number(value) })
+          value={displayTargetDana}
-          }
-          value={data.targetDana === 0 ? "" : data.targetDana.toString()}
-        />
-
-        <TextInputCustom
-          required
-          iconLeft="Rp."
-          placeholder="0"
-          label="Target Dana"
-          keyboardType="numeric"
-          onChangeText={(value) =>
-            setData({ ...data, targetDana: Number(value) })
-          }
-          value={data.targetDana === 0 ? "" : data.targetDana.toString()}
         />
 
         <TextInputCustom
@@ -114,22 +260,24 @@ export default function InvestmentCreate() {
           placeholder="0"
           label="Harga Per Lembar"
           keyboardType="numeric"
-          onChangeText={(value) =>
+          onChangeText={handleChangeCurrency("hargaPerLembar")}
-            setData({ ...data, targetDana: Number(value) })
+          value={displayHargaPerLembar}
-          }
-          value={data.targetDana === 0 ? "" : data.targetDana.toString()}
         />
 
-        <TextInputCustom
+        <StackCustom gap={0}>
-          required
+          <TextInputCustom
-          placeholder="0"
+            required
-          label="Total Lembar"
+            placeholder="0"
-          keyboardType="numeric"
+            label="Total Lembar"
-          onChangeText={(value) =>
+            keyboardType="numeric"
-            setData({ ...data, totalLembar: Number(value) })
+            // onChangeText={handleChangeCurrency("totalLembar")}
-          }
+            value={displayTotalLembar}
-          value={data.totalLembar === 0 ? "" : data.totalLembar.toString()}
+          />
-        />
+          <TextCustom size={"small"} color="gray">
+            *Total lembar dihitung dari, Target Dana / Harga Perlembar
+          </TextCustom>
+        </StackCustom>
+        <Spacing />
 
         <TextInputCustom
           required
@@ -137,57 +285,80 @@ export default function InvestmentCreate() {
           label="Rasio Keuntungan / ROI %"
           placeholder="0"
           keyboardType="numeric"
-          onChangeText={(value) =>
+          onChangeText={(value) => setData({ ...data, rasioKeuntungan: value })}
-            setData({ ...data, rasioKeuntungan: Number(value) })
-          }
           value={
-            data.rasioKeuntungan === 0 ? "" : data.rasioKeuntungan.toString()
+            data.rasioKeuntungan === "" ? "" : data.rasioKeuntungan.toString()
           }
         />
 
-        <SelectCustom
+        {loadingMaster ? (
-          required
+          <LoaderCustom />
-          placeholder="Pilih batas waktu"
+        ) : (
-          label="Pencarian Investor"
+          <SelectCustom
-          data={dummyListPencarianInvestor.map((item) => ({
+            required
-            label: item.name + `${" "}hari`,
+            placeholder="Pilih batas waktu"
-            value: item.id,
+            label="Pencarian Investor"
-          }))}
+            data={
-          onChange={(value) =>
+              _.isEmpty(listPencarianInvestor)
-            setData({ ...data, pencarianInvestor: value as any })
+                ? []
-          }
+                : listPencarianInvestor.map((item) => ({
-          value={data.pencarianInvestor}
+                    label: item.name + `${" "}hari`,
-        />
+                    value: item.id,
+                  }))
+            }
+            onChange={(value) =>
+              setData({ ...data, pencarianInvestor: value as any })
+            }
+            value={data.pencarianInvestor}
+          />
+        )}
 
-        <SelectCustom
+        {loadingMaster ? (
-          required
+          <LoaderCustom />
-          placeholder="Pilih batas waktu"
+        ) : (
-          label="Pilih Periode Deviden"
+          <SelectCustom
-          data={dummyPeriodeDeviden.map((item) => ({
+            required
-            label: item.name,
+            placeholder="Pilih batas waktu"
-            value: item.id,
+            label="Pilih Periode Deviden"
-          }))}
+            data={
-          onChange={(value) =>
+              _.isEmpty(listPeriodeDeviden)
-            setData({ ...data, periodeDeviden: value as any })
+                ? []
-          }
+                : listPeriodeDeviden.map((item) => ({
-          value={data.periodeDeviden}
+                    label: item.name,
-        />
+                    value: item.id,
+                  }))
+            }
+            onChange={(value) =>
+              setData({ ...data, periodeDeviden: value as any })
+            }
+            value={data.periodeDeviden}
+          />
+        )}
+
+        {loadingMaster ? (
+          <LoaderCustom />
+        ) : (
+          <SelectCustom
+            required
+            placeholder="Pilih batas waktu"
+            label="Pilih Pembagian Deviden"
+            data={
+              _.isEmpty(listPembagianDeviden)
+                ? []
+                : listPembagianDeviden.map((item) => ({
+                    label: item.name + `${" "}bulan`,
+                    value: item.id,
+                  }))
+            }
+            onChange={(value) =>
+              setData({ ...data, pembagianDeviden: value as any })
+            }
+            value={data.pembagianDeviden}
+          />
+        )}
 
-        <SelectCustom
-          required
-          placeholder="Pilih batas waktu"
-          label="Pilih Pembagian Deviden"
-          data={dummyPembagianDeviden.map((item) => ({
-            label: item.name + `${" "}bulan`,
-            value: item.id,
-          }))}
-          onChange={(value) =>
-            setData({ ...data, pembagianDeviden: value as any })
-          }
-          value={data.pembagianDeviden}
-        />
         <Spacing />
-        <ButtonCustom onPress={() => router.replace("/investment/portofolio")}>
+        <ButtonCustom isLoading={isLoading} onPress={() => handleSubmit()}>
           Simpan
         </ButtonCustom>
       </StackCustom>

app/(application)/(user)/job/[id]/edit.tsx

@@ -1,23 +1,23 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import {
-  BaseBox,
+    BaseBox,
-  ButtonCenteredOnly,
+    ButtonCenteredOnly,
-  ButtonCustom,
+    ButtonCustom,
-  DummyLandscapeImage,
+    DummyLandscapeImage,
-  InformationBox,
+    InformationBox,
-  LandscapeFrameUploaded,
+    LandscapeFrameUploaded,
-  LoaderCustom,
+    LoaderCustom,
-  Spacing,
+    Spacing,
-  StackCustom,
+    StackCustom,
-  TextAreaCustom,
+    TextAreaCustom,
-  TextInputCustom,
+    TextInputCustom,
-  ViewWrapper,
+    ViewWrapper,
 } from "@/components";
 import DIRECTORY_ID from "@/constants/directory-id";
 import { apiJobGetOne, apiJobUpdateData } from "@/service/api-client/api-job";
 import {
-  deleteImageService,
+    deleteFileService,
-  uploadImageService,
+    uploadFileService,
 } from "@/service/upload-service";
 import pickImage from "@/utils/pickImage";
 import { router, useLocalSearchParams } from "expo-router";
@@ -69,7 +69,7 @@ export default function JobEdit() {
       let newImageId = "";
 
       if (imageUri) {
-        const responseUploadImage = await uploadImageService({
+        const responseUploadImage = await uploadFileService({
           imageUri: imageUri,
           dirId: DIRECTORY_ID.job_image,
         });
@@ -80,7 +80,7 @@ export default function JobEdit() {
       }
 
       if (data?.imageId) {
-        const responseDeleteImage = await deleteImageService({
+        const responseDeleteImage = await deleteFileService({
           id: data.imageId,
         });
 

app/(application)/(user)/job/create.tsx

@@ -12,7 +12,7 @@ import {
 import DIRECTORY_ID from "@/constants/directory-id";
 import { useAuth } from "@/hooks/use-auth";
 import { apiJobCreate } from "@/service/api-client/api-job";
-import { uploadImageService } from "@/service/upload-service";
+import { uploadFileService } from "@/service/upload-service";
 import pickImage from "@/utils/pickImage";
 import { router } from "expo-router";
 import { useState } from "react";
@@ -66,7 +66,7 @@ export default function JobCreate() {
         return;
       }
 
-      const responseUploadImage = await uploadImageService({
+      const responseUploadImage = await uploadFileService({
         imageUri: image,
         dirId: DIRECTORY_ID.job_image,
       });

app/(application)/(user)/portofolio/[id]/edit-logo.tsx

@@ -1,9 +1,9 @@
 import {
-  BaseBox,
+    BaseBox,
-  BoxButtonOnFooter,
+    BoxButtonOnFooter,
-  ButtonCenteredOnly,
+    ButtonCenteredOnly,
-  ButtonCustom,
+    ButtonCustom,
-  ViewWrapper
+    ViewWrapper
 } from "@/components";
 import API_STRORAGE from "@/constants/base-url-api-strorage";
 import DIRECTORY_ID from "@/constants/directory-id";
@@ -11,10 +11,10 @@ import DUMMY_IMAGE from "@/constants/dummy-image-value";
 import { useAuth } from "@/hooks/use-auth";
 import { apiFileDelete } from "@/service/api-client/api-file";
 import {
-  apiGetOnePortofolio,
+    apiGetOnePortofolio,
-  apiUpdatePortofolio,
+    apiUpdatePortofolio,
 } from "@/service/api-client/api-portofolio";
-import { uploadImageService } from "@/service/upload-service";
+import { uploadFileService } from "@/service/upload-service";
 import pickImage from "@/utils/pickImage";
 import { Image } from "expo-image";
 import { router, useLocalSearchParams } from "expo-router";
@@ -45,7 +45,7 @@ export default function PortofolioEditLogo() {
     try {
       setIsLoading(true);
 
-      const response = await uploadImageService({
+      const response = await uploadFileService({
         imageUri,
         dirId: DIRECTORY_ID.portofolio_logo,
       });

app/(application)/(user)/profile/[id]/update-background.tsx

@@ -1,8 +1,8 @@
 import {
-  BaseBox,
+    BaseBox,
-  BoxButtonOnFooter,
+    BoxButtonOnFooter,
-  ButtonCenteredOnly,
+    ButtonCenteredOnly,
-  ButtonCustom,
+    ButtonCustom,
 } from "@/components";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import API_STRORAGE from "@/constants/base-url-api-strorage";
@@ -11,7 +11,7 @@ import DUMMY_IMAGE from "@/constants/dummy-image-value";
 import { useAuth } from "@/hooks/use-auth";
 import { apiFileDelete } from "@/service/api-client/api-file";
 import { apiProfile, apiUpdateProfile } from "@/service/api-client/api-profile";
-import { uploadImageService } from "@/service/upload-service";
+import { uploadFileService } from "@/service/upload-service";
 import { IProfile } from "@/types/Type-Profile";
 import pickImage from "@/utils/pickImage";
 import { router, useFocusEffect, useLocalSearchParams } from "expo-router";
@@ -45,7 +45,7 @@ export default function UpdateBackgroundProfile() {
     try {
       setIsLoading(true);
 
-      const response = await uploadImageService({
+      const response = await uploadFileService({
         imageUri,
         dirId: DIRECTORY_ID.profile_background,
       });

app/(application)/(user)/profile/[id]/update-photo.tsx

@@ -8,16 +8,16 @@ import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import API_STRORAGE from "@/constants/base-url-api-strorage";
 import DIRECTORY_ID from "@/constants/directory-id";
 import DUMMY_IMAGE from "@/constants/dummy-image-value";
+import { useAuth } from "@/hooks/use-auth";
+import { apiFileDelete } from "@/service/api-client/api-file";
 import { apiProfile, apiUpdateProfile } from "@/service/api-client/api-profile";
-import { uploadImageService } from "@/service/upload-service";
+import { uploadFileService } from "@/service/upload-service";
 import { IProfile } from "@/types/Type-Profile";
 import pickImage from "@/utils/pickImage";
 import { router, useFocusEffect, useLocalSearchParams } from "expo-router";
 import { useCallback, useState } from "react";
 import { Image } from "react-native";
 import Toast from "react-native-toast-message";
-import { useAuth } from "@/hooks/use-auth";
-import { apiFileDelete } from "@/service/api-client/api-file";
 
 export default function UpdatePhotoProfile() {
   const { id } = useLocalSearchParams();
@@ -46,7 +46,7 @@ export default function UpdatePhotoProfile() {
     try {
       setIsLoading(true);
 
-      const response = await uploadImageService({
+      const response = await uploadFileService({
         imageUri,
         dirId: DIRECTORY_ID.profile_foto,
       });

app/(application)/(user)/profile/create.tsx

@@ -1,12 +1,12 @@
 import {
-  BaseBox,
+    BaseBox,
-  ButtonCenteredOnly,
+    ButtonCenteredOnly,
-  ButtonCustom,
+    ButtonCustom,
-  SelectCustom,
+    SelectCustom,
-  Spacing,
+    Spacing,
-  StackCustom,
+    StackCustom,
-  TextInputCustom,
+    TextInputCustom,
-  ViewWrapper,
+    ViewWrapper,
 } from "@/components";
 import BoxButtonOnFooter from "@/components/Box/BoxButtonOnFooter";
 import InformationBox from "@/components/Box/InformationBox";
@@ -15,7 +15,7 @@ import DUMMY_IMAGE from "@/constants/dummy-image-value";
 import { useAuth } from "@/hooks/use-auth";
 import { apiCreateProfile } from "@/service/api-client/api-profile";
 import { apiValidationEmail } from "@/service/api-client/api-validation";
-import { uploadImageService } from "@/service/upload-service";
+import { uploadFileService } from "@/service/upload-service";
 import pickImage from "@/utils/pickImage";
 import { router } from "expo-router";
 import { useState } from "react";
@@ -69,7 +69,7 @@ export default function CreateProfile() {
 
       if (imagePhoto) {
         try {
-          const responseUploadPhoto = await uploadImageService({
+          const responseUploadPhoto = await uploadFileService({
             imageUri: imagePhoto,
             dirId: DIRECTORY_ID.profile_foto,
           });
@@ -90,7 +90,7 @@ export default function CreateProfile() {
 
       if (imageBackground) {
         try {
-          const responseUploadBackground = await uploadImageService({
+          const responseUploadBackground = await uploadFileService({
             imageUri: imageBackground,
             dirId: DIRECTORY_ID.profile_background,
           });

app/(application)/coba/screen-upload.tsx

@@ -1,13 +1,13 @@
 import {
-  AvatarCustom,
+    AvatarCustom,
-  BoxButtonOnFooter,
+    BoxButtonOnFooter,
-  ButtonCustom,
+    ButtonCustom,
-  StackCustom,
+    StackCustom,
-  ViewWrapper,
+    ViewWrapper,
 } from "@/components";
 import DIRECTORY_ID from "@/constants/directory-id";
 import DUMMY_IMAGE from "@/constants/dummy-image-value";
-import { uploadImageService } from "@/service/upload-service";
+import { uploadFileService } from "@/service/upload-service";
 import AsyncStorage from "@react-native-async-storage/async-storage";
 import { router } from "expo-router";
 import { useState } from "react";
@@ -21,7 +21,7 @@ export default function ScreenUpload() {
   async function onUpload() {
     setIsLoading(true);
     try {
-      const response = await uploadImageService({
+      const response = await uploadFileService({
         imageUri,
         dirId: DIRECTORY_ID.profile_foto,
       });

bun.lock

@@ -23,7 +23,7 @@
         "expo-constants": "~18.0.8",
         "expo-dev-client": "~6.0.12",
         "expo-document-picker": "~14.0.7",
-        "expo-file-system": "~19.0.12",
+        "expo-file-system": "^19.0.15",
         "expo-font": "~14.0.8",
         "expo-haptics": "~15.0.7",
         "expo-image": "~3.0.8",
@@ -1171,7 +1171,7 @@
 
     "expo-document-picker": ["expo-document-picker@14.0.7", "", { "peerDependencies": { "expo": "*" } }, "sha512-81Jh8RDD0GYBUoSTmIBq30hXXjmkDV1ZY2BNIp1+3HR5PDSh2WmdhD/Ezz5YFsv46hIXHsQc+Kh1q8vn6OLT9Q=="],
 
-    "expo-file-system": ["expo-file-system@19.0.12", "", { "peerDependencies": { "expo": "*", "react-native": "*" } }, "sha512-gqpxpnjfhzXLcqMOi49isB5S1Af49P9410fsaFfnLZWN3X6Dwc8EplDwbaolOI/wnGwP81P+/nDn5RNmU6m7mQ=="],
+    "expo-file-system": ["expo-file-system@19.0.15", "", { "peerDependencies": { "expo": "*", "react-native": "*" } }, "sha512-sRLW+3PVJDiuoCE2LuteHhC7OxPjh1cfqLylf1YG1TDEbbQXnzwjfsKeRm6dslEPZLkMWfSLYIrVbnuq5mF7kQ=="],
 
     "expo-font": ["expo-font@14.0.8", "", { "dependencies": { "fontfaceobserver": "^2.1.0" }, "peerDependencies": { "expo": "*", "react": "*", "react-native": "*" } }, "sha512-bTUHaJWRZ7ywP8dg3f+wfOwv6RwMV3mWT2CDUIhsK70GjNGlCtiWOCoHsA5Od/esPaVxqc37cCBvQGQRFStRlA=="],
 
@@ -2567,6 +2567,8 @@
 
     "expo/babel-preset-expo": ["babel-preset-expo@54.0.0", "", { "dependencies": { "@babel/helper-module-imports": "^7.25.9", "@babel/plugin-proposal-decorators": "^7.12.9", "@babel/plugin-proposal-export-default-from": "^7.24.7", "@babel/plugin-syntax-export-default-from": "^7.24.7", "@babel/plugin-transform-class-static-block": "^7.27.1", "@babel/plugin-transform-export-namespace-from": "^7.25.9", "@babel/plugin-transform-flow-strip-types": "^7.25.2", "@babel/plugin-transform-modules-commonjs": "^7.24.8", "@babel/plugin-transform-object-rest-spread": "^7.24.7", "@babel/plugin-transform-parameters": "^7.24.7", "@babel/plugin-transform-private-methods": "^7.24.7", "@babel/plugin-transform-private-property-in-object": "^7.24.7", "@babel/plugin-transform-runtime": "^7.24.7", "@babel/preset-react": "^7.22.15", "@babel/preset-typescript": "^7.23.0", "@react-native/babel-preset": "0.81.4", "babel-plugin-react-compiler": "^19.1.0-rc.2", "babel-plugin-react-native-web": "~0.21.0", "babel-plugin-syntax-hermes-parser": "^0.25.1", "babel-plugin-transform-flow-enums": "^0.0.2", "debug": "^4.3.4", "resolve-from": "^5.0.0" }, "peerDependencies": { "@babel/runtime": "^7.20.0", "expo": "*", "react-refresh": ">=0.14.0 <1.0.0" }, "optionalPeers": ["@babel/runtime", "expo"] }, "sha512-a0Ej4ik6xzvtrA4Ivblov3XVvfntIoqnXOy2jG2k/3hzWqzrJxKyY2gUW9ZCMAicGevj2ju28q+TsK29uTe0eQ=="],
 
+    "expo/expo-file-system": ["expo-file-system@19.0.12", "", { "peerDependencies": { "expo": "*", "react-native": "*" } }, "sha512-gqpxpnjfhzXLcqMOi49isB5S1Af49P9410fsaFfnLZWN3X6Dwc8EplDwbaolOI/wnGwP81P+/nDn5RNmU6m7mQ=="],
+
     "expo-module-scripts/typescript": ["typescript@5.8.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ=="],
 
     "expo-modules-autolinking/commander": ["commander@7.2.0", "", {}, "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw=="],

components/Button/ButtonCenteredOnly.tsx

@@ -10,15 +10,18 @@ interface ButtonCenteredOnlyProps {
   icon?: "plus" | "upload" | string;
   onPress: () => void;
   isLoading?: boolean;
+  disabled?: boolean;
 }
 export default function ButtonCenteredOnly({
   onPress,
   children,
   icon = "plus",
   isLoading = false,
+  disabled = false,
 }: ButtonCenteredOnlyProps) {
   return (
     <ButtonCustom
+      disabled={disabled}
       isLoading={isLoading}
       onPress={onPress}
       iconLeft={

components/_ShareComponent/PdfViewer.tsx

@@ -0,0 +1,63 @@
+// PdfViewer.tsx
+import React, { useState } from "react";
+import { ActivityIndicator, StyleSheet, View } from "react-native";
+import WebView from "react-native-webview";
+
+interface PdfViewerProps {
+  uri: string; // URL PDF dari API
+}
+
+const PdfViewer: React.FC<PdfViewerProps> = ({ uri }) => {
+  const [loading, setLoading] = useState(true);
+
+  return (
+    <>
+      {loading && (
+        <View style={styles.loadingContainer}>
+          <ActivityIndicator size="large" color="#007AFF" />
+        </View>
+      )}
+      <WebView
+        source={{ uri }}
+        style={styles.webView}
+        onLoadEnd={() => setLoading(false)}
+        onError={(syntheticEvent) => {
+          const { nativeEvent } = syntheticEvent;
+          console.warn("WebView error:", nativeEvent);
+          setLoading(false);
+        }}
+        scalesPageToFit={true}
+        javaScriptEnabled={true}
+        domStorageEnabled={true}
+        originWhitelist={["*"]}
+      />
+    </>
+  );
+};
+
+// const { width, height } = Dimensions.get("window");
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#f0f0f0",
+  },
+  loadingContainer: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "rgba(255,255,255,0.8)",
+    zIndex: 1,
+  },
+  webView: {
+    // width: width,
+    // height: height,
+    flex: 1,
+  },
+});
+
+export default PdfViewer;

constants/api-storage.ts

@@ -0,0 +1,20 @@
+const API_IMAGE = {
+  /**
+   *
+   * @param fileId | file id from wibu storage , atau bisa disimpan di DB
+   * @param size | file size 10 - 1000 , tergantung ukuran file dan kebutuhan saar di tampilkan
+   * @type {string}
+   */
+  GET: ({ fileId, size }: { fileId: string; size?: string }) =>
+    size
+      ? `https://wibu-storage.wibudev.com/api/files/${fileId}-size-${size}`
+      : `https://wibu-storage.wibudev.com/api/files/${fileId}`,
+
+  /**
+   * @type {string}
+   * @returns alamat API dari wibu storage
+   */
+  GET_NO_PARAMS: "https://wibu-storage.wibudev.com/api/files/",
+};
+
+export default API_IMAGE;

lib/dummy-data/investment/dummy-data-not-publish.ts

@@ -1,71 +1,73 @@
-export  {listDataNotPublishInvesment, listDataPublishInvesment};
+import { formatCurrencyDisplay } from "@/utils/formatCurrencyDisplay";
 
-const listDataNotPublishInvesment = [
+export { listDataNotPublishInvesment, listDataPublishInvesment };
+
+const listDataNotPublishInvesment = ({ data }: { data: any }) => [
   {
     label: "Target Dana",
-    value: "Rp. 7.500.000",
+    value: `Rp. ${formatCurrencyDisplay(data?.targetDana) || "-"}`,
   },
   {
     label: "Harga Per Lembar",
-    value: "Rp. 2.400",
+    value: `Rp. ${formatCurrencyDisplay(data?.hargaLembar) || "-"}`,
   },
   {
     label: "Return Of Investment (ROI)",
-    value: "3 %",
+    value: `${data?.roi || "-"} %`,
   },
   {
     label: "Total Lembar",
-    value: "1.200",
+    value: data?.totalLembar || "-",
-  },
-  {
-    label: "Jadwal Pembagian",
-    value: "Rp. 2.880.000",
-  },
-  {
-    label: "Pembagian Deviden",
-    value: "Selamanya",
   },
   {
     label: "Pencarian Investor",
-    value: "30 Hari",
+    value: data && data?.MasterPencarianInvestor?.name + " hari" || "-",
+  },
+  {
+    label: "Jadwal Pembagian",
+    value: data && data?.MasterPembagianDeviden?.name + " bulan" || "-",
+  },
+  {
+    label: "Pembagian Deviden",
+    value: data?.MasterPeriodeDeviden?.name || "-",
   },
 ];
 
-const listDataPublishInvesment = [
+const listDataPublishInvesment = ({ data }: { data: any }) => [
   {
     label: "Investor",
-    value: "10",
+    value: data?.investor,
   },
   {
     label: "Target Dana",
-    value: "Rp. 7.500.000",
+    value: data?.targetDana,
   },
   {
     label: "Harga Per Lembar",
-    value: "Rp. 2.400",
+    value: data?.hargaPerLembar,
   },
   {
     label: "Return Of Investment (ROI)",
-    value: "3 %",
+    value: data?.roi + " %",
   },
   {
     label: "Total Lembar",
-    value: "1.200",
+    value: data?.totalLembar,
   },
   {
     label: "Sisa Lembar",
-    value: "600",
+    value: data?.sisaLembar,
   },
   {
     label: "Jadwal Pembagian",
-    value: "Rp. 2.880.000",
+    value: data?.jadwalPembagian,
   },
   {
     label: "Pembagian Deviden",
-    value: "Selamanya",
+    value: data?.pembagianDeviden,
   },
   {
     label: "Pencarian Investor",
-    value: "30 Hari",
+    value: data?.pencarianInvestor,
   },
-];
+];

package.json

@@ -30,7 +30,7 @@
     "expo-constants": "~18.0.8",
     "expo-dev-client": "~6.0.12",
     "expo-document-picker": "~14.0.7",
-    "expo-file-system": "~19.0.12",
+    "expo-file-system": "^19.0.15",
     "expo-font": "~14.0.8",
     "expo-haptics": "~15.0.7",
     "expo-image": "~3.0.8",

screens/Forum/DiscussionBoxSection.tsx

@@ -55,7 +55,7 @@ export default function Forum_BoxDetailSection({
             <Grid.Col span={2}>
               <AvatarComp
                 fileId={data?.Author?.Profile?.imageId}
-                href={`/profile/${data?.Author?.Profile?.id}`}
+                href={`/forum/${data?.Author?.id}/forumku`}
                 size={"base"}
               />
             </Grid.Col>

screens/Invesment/BoxDetailDataSection.tsx

@@ -10,10 +10,12 @@ import { View } from "react-native";
 
 export default function Invesment_BoxDetailDataSection({
   title,
+  imageId,
   data,
   bottomSection,
 }: {
   title?: string;
+  imageId?: string;
   data: any;
   bottomSection?: React.ReactNode;
 }) {
@@ -21,14 +23,14 @@ export default function Invesment_BoxDetailDataSection({
     <>
       <BaseBox paddingBottom={0}>
         <StackCustom gap={"xs"}>
-          <DummyLandscapeImage />
+          <DummyLandscapeImage imageId={imageId} />
           <Spacing />
           <TextCustom align="center" size="xlarge" bold>
             {title || "Judul Investasi"}
           </TextCustom>
           <Spacing />
 
-          {data.map((item: any, index: any) => (
+          {data?.map((item: any, index: any) => (
             <Grid key={index}>
               <Grid.Col span={4}>
                 <TextCustom bold>{item.label}</TextCustom>

screens/Invesment/ButtonStatusSection.tsx

@@ -1,22 +1,54 @@
 import { AlertDefaultSystem, ButtonCustom, Grid } from "@/components";
+import {
+  apiInvestmentDelete,
+  apiInvestmentUpdateStatus,
+} from "@/service/api-client/api-investment";
+import { deleteFileService } from "@/service/upload-service";
 import { router } from "expo-router";
+import { useState } from "react";
+import Toast from "react-native-toast-message";
 
 export default function Investment_ButtonStatusSection({
+  id,
   status,
-  buttonPublish
+  buttonPublish,
 }: {
+  id: string;
   status: string;
   buttonPublish?: React.ReactNode;
 }) {
+  const [isLoading, setIsLoading] = useState(false);
   const handleBatalkanReview = () => {
     AlertDefaultSystem({
       title: "Batalkan Review",
       message: "Apakah Anda yakin ingin batalkan review ini?",
       textLeft: "Batal",
       textRight: "Ya",
-      onPressRight: () => {
+      onPressRight: async () => {
-        console.log("Hapus");
+        try {
-        router.back();
+          setIsLoading(true);
+          const response = await apiInvestmentUpdateStatus({
+            id: id as string,
+            status: "draft",
+          });
+          console.log("[RESPONSE]", JSON.stringify(response, null, 2));
+          if (response.success) {
+            Toast.show({
+              type: "success",
+              text1: "Berhasil Batalkan Review",
+            });
+            router.back();
+          } else {
+            Toast.show({
+              type: "error",
+              text1: "Gagal Batalkan Review",
+            });
+          }
+        } catch (error) {
+          console.log("[ERROR]", error);
+        } finally {
+          setIsLoading(false);
+        }
       },
     });
   };
@@ -27,9 +59,31 @@ export default function Investment_ButtonStatusSection({
       message: "Apakah Anda yakin ingin ajukan review ini?",
       textLeft: "Batal",
       textRight: "Ya",
-      onPressRight: () => {
+      onPressRight: async () => {
-        console.log("Hapus");
+        try {
-        router.back();
+          setIsLoading(true);
+          const response = await apiInvestmentUpdateStatus({
+            id: id as string,
+            status: "review",
+          });
+          console.log("[RESPONSE]", JSON.stringify(response, null, 2));
+          if (response.success) {
+            Toast.show({
+              type: "success",
+              text1: "Berhasil Ajukan Review",
+            });
+            router.back();
+          } else {
+            Toast.show({
+              type: "error",
+              text1: "Gagal Ajukan Review",
+            });
+          }
+        } catch (error) {
+          console.log("[ERROR]", error);
+        } finally {
+          setIsLoading(false);
+        }
       },
     });
   };
@@ -40,9 +94,31 @@ export default function Investment_ButtonStatusSection({
       message: "Apakah Anda yakin ingin edit kembali ini?",
       textLeft: "Batal",
       textRight: "Ya",
-      onPressRight: () => {
+      onPressRight: async () => {
-        console.log("Hapus");
+        try {
-        router.back();
+          setIsLoading(true);
+          const response = await apiInvestmentUpdateStatus({
+            id: id as string,
+            status: "draft",
+          });
+          console.log("[RESPONSE]", JSON.stringify(response, null, 2));
+          if (response.success) {
+            Toast.show({
+              type: "success",
+              text1: "Berhasil Update Status",
+            });
+            router.back();
+          } else {
+            Toast.show({
+              type: "error",
+              text1: "Gagal Update Status",
+            });
+          }
+        } catch (error) {
+          console.log("[ERROR]", error);
+        } finally {
+          setIsLoading(false);
+        }
       },
     });
   };
@@ -53,9 +129,55 @@ export default function Investment_ButtonStatusSection({
       message: "Apakah Anda yakin ingin menghapus data ini?",
       textLeft: "Batal",
       textRight: "Hapus",
-      onPressRight: () => {
+      onPressRight: async () => {
-        console.log("Hapus");
+        try {
-        router.back();
+          setIsLoading(true);
+          const response = await apiInvestmentDelete({
+            id: id as string,
+          });
+
+          console.log("[RESPONSE]", JSON.stringify(response, null, 2));
+          if (response.success) {
+            const deleteImage = await deleteFileService({
+              id: response?.data?.imageId as string,
+            });
+
+            if (!deleteImage.success) {
+              Toast.show({
+                type: "error",
+                text1: "Gagal Hapus Data",
+              });
+              return;
+            }
+
+            const deleteFile = await deleteFileService({
+              id: response?.data?.prospektusFileId as string,
+            });
+
+            if (!deleteFile.success) {
+              Toast.show({
+                type: "error",
+                text1: "Gagal Hapus Data",
+              });
+              return;
+            }
+
+            Toast.show({
+              type: "success",
+              text1: "Berhasil Hapus Data",
+            });
+            router.back();
+          } else {
+            Toast.show({
+              type: "error",
+              text1: "Gagal Hapus Data",
+            });
+          }
+        } catch (error) {
+          console.log("[ERROR]", error);
+        } finally {
+          setIsLoading(false);
+        }
       },
     });
   };
@@ -64,6 +186,7 @@ export default function Investment_ButtonStatusSection({
     return (
       <>
         <ButtonCustom
+          isLoading={isLoading}
           backgroundColor="red"
           textColor="white"
           onPress={handleOpenDeleteAlert}
@@ -76,13 +199,11 @@ export default function Investment_ButtonStatusSection({
 
   switch (status) {
     case "publish":
-      return <>
+      return <>{buttonPublish}</>;
-      {buttonPublish}
-      </>;
 
     case "review":
       return (
-        <ButtonCustom onPress={handleBatalkanReview}>
+        <ButtonCustom isLoading={isLoading} onPress={handleBatalkanReview}>
           Batalkan Review
         </ButtonCustom>
       );
@@ -92,7 +213,7 @@ export default function Investment_ButtonStatusSection({
         <>
           <Grid>
             <Grid.Col span={6} style={{ paddingRight: 10 }}>
-              <ButtonCustom onPress={handleAjukanReview}>
+              <ButtonCustom isLoading={isLoading} onPress={handleAjukanReview}>
                 Ajukan Review
               </ButtonCustom>
             </Grid.Col>
@@ -108,7 +229,7 @@ export default function Investment_ButtonStatusSection({
         <>
           <Grid>
             <Grid.Col span={6} style={{ paddingRight: 10 }}>
-              <ButtonCustom onPress={handleEditKembali}>
+              <ButtonCustom isLoading={isLoading} onPress={handleEditKembali}>
                 Edit Kembali
               </ButtonCustom>
             </Grid.Col>

screens/Invesment/ComponentBoxOnBottomDetail.tsx

@@ -11,11 +11,14 @@ import { Ionicons } from "@expo/vector-icons";
 
 export default function Invesment_ComponentBoxOnBottomDetail({
   id,
+  prospectusId,
   status,
 }: {
   id: string;
+  prospectusId: string;
   status: string;
 }) {
+
   return (
     <>
       {status === "publish" ? (
@@ -94,7 +97,7 @@ export default function Invesment_ComponentBoxOnBottomDetail({
             <BaseBox
               backgroundColor={AccentColor.blue}
               style={{ borderColor: AccentColor.softblue, borderWidth: 1 }}
-              href={`/(file)/${id}`}
+              href={`/(file)/${prospectusId}`}
             >
               <StackCustom>
                 <TextCustom align="center">Prospektus</TextCustom>

screens/Invesment/DetailDataPublishSection.tsx

@@ -10,26 +10,32 @@ import Investment_ButtonStatusSection from "./ButtonStatusSection";
 
 export default function Invesment_DetailDataPublishSection({
   status,
+  data,
   bottomSection,
   buttonSection,
 }: {
   status: string;
+  data: any;
   bottomSection?: React.ReactNode;
   buttonSection?: React.ReactNode;
 }) {
+  // console.log("[DATA DETAIL]", JSON.stringify(data, null, 2));
   return (
     <>
       <StackCustom gap={"sm"}>
         <Invesment_BoxProgressSection status={status as string} />
         <Invesment_BoxDetailDataSection
+          title={data?.title}
+          imageId={data?.imageId}
           data={
             status === "publish"
-              ? listDataPublishInvesment
+              ? listDataPublishInvesment({ data })
-              : listDataNotPublishInvesment
+              : listDataNotPublishInvesment({ data })
           }
           bottomSection={bottomSection}
         />
         <Investment_ButtonStatusSection
+          id={data?.id}
           status={status as string}
           buttonPublish={buttonSection}
         />

screens/Invesment/StatusBox.tsx

@@ -1,44 +1,43 @@
 import { BaseBox, Grid, Spacing, TextCustom } from "@/components";
+import API_IMAGE from "@/constants/api-storage";
 import DUMMY_IMAGE from "@/constants/dummy-image-value";
+import { formatCurrencyDisplay } from "@/utils/formatCurrencyDisplay";
 import { Image } from "expo-image";
 import { Href } from "expo-router";
 import { View } from "react-native";
 
 interface Investment_StatusBoxProps {
-  id: string;
+  data: any;
   status: string;
-  href?: Href
+  href?: Href;
 }
 
 export default function Investment_StatusBox({
-  id,
+  data,
   status,
-  href
+  href,
 }: Investment_StatusBoxProps) {
   return (
     <BaseBox paddingTop={7} paddingBottom={7} href={href}>
       <Grid>
         <Grid.Col span={6}>
-          <TextCustom truncate={2}>
+          <TextCustom truncate={2}>{data?.title || ""}</TextCustom>
-            Title here : {status} Lorem ipsum dolor sit amet consectetur
-            adipisicing elit. Omnis, exercitationem, sequi enim quod distinctio
-            maiores laudantium amet, quidem atque repellat sit vitae qui aliquam
-            est veritatis laborum eum voluptatum totam!
-          </TextCustom>
 
           <Spacing />
 
           <TextCustom bold size="small">
             Target Dana:
           </TextCustom>
-          <TextCustom>Rp. 7.500.000</TextCustom>
+          <TextCustom truncate>
+            Rp. {formatCurrencyDisplay(data?.targetDana) || ""}
+          </TextCustom>
         </Grid.Col>
         <Grid.Col span={1}>
           <View />
         </Grid.Col>
         <Grid.Col span={5}>
           <Image
-            source={DUMMY_IMAGE.background}
+            source={API_IMAGE.GET({ fileId: data?.imageId })}
             style={{ width: "auto", height: 100, borderRadius: 10 }}
           />
         </Grid.Col>

screens/Portofolio/ButtonCreatePortofolio.tsx

@@ -1,7 +1,7 @@
 import { BoxButtonOnFooter, ButtonCustom } from "@/components";
 import DIRECTORY_ID from "@/constants/directory-id";
 import { apiPortofolioCreate } from "@/service/api-client/api-portofolio";
-import { uploadImageService } from "@/service/upload-service";
+import { uploadFileService } from "@/service/upload-service";
 import { router } from "expo-router";
 import Toast from "react-native-toast-message";
 
@@ -72,7 +72,7 @@ export default function Portofolio_ButtonCreate({
       setIsLoadingCreate(true);
       let fileId = "";
       if (imageUri) {
-        const response = await uploadImageService({
+        const response = await uploadFileService({
           imageUri: imageUri,
           dirId: DIRECTORY_ID.portofolio_logo,
         });

service/api-client/api-investment.ts

@@ -0,0 +1,83 @@
+import { apiConfig } from "../api-config";
+
+export async function apiInvestmentCreate({ data }: { data: any }) {
+  try {
+    const response = await apiConfig.post(`/mobile/investment`, {
+      data: data,
+    });
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}
+
+export async function apiInvestmentGetByStatus({
+  authorId,
+  status,
+}: {
+  authorId: string;
+  status: string;
+}) {
+  try {
+    const response = await apiConfig.get(
+      `/mobile/investment/${authorId}/${status}`
+    );
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}
+
+export async function apiInvestmentGetById({ id }: { id: string }) {
+  try {
+    const response = await apiConfig.get(`/mobile/investment/${id}`);
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}
+
+export async function apiInvestmentUpdateStatus({
+  id,
+  status,
+}: {
+  id: string;
+  status: "publish" | "draft" | "review" | "reject";
+}) {
+
+  try {
+    const response = await apiConfig.put(`/mobile/investment/${id}/${status}`);
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}
+
+export async function apiInvestmentDelete({ id }: { id: string }) {
+  try {
+    const response = await apiConfig.delete(`/mobile/investment/${id}`);
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}
+
+export async function apiInvestmentUpdateData({
+  id,
+  data,
+  category,
+}: {
+  id: string;
+  data: any;
+  category: "data" | "prospectus";
+}) {
+
+  try {
+    const response = await apiConfig.put(`/mobile/investment/${id}?category=${category}`, {
+      data: data,
+    });
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}

service/api-client/api-master.ts

@@ -1,5 +1,6 @@
 import { apiConfig } from "../api-config";
 
+// ================== START MASTER PORTFOLIO ================== //
 export async function apiMasterBidangBisnis() {
   try {
     const response = await apiConfig.get(`/master/bidang-bisnis`);
@@ -21,6 +22,10 @@ export async function apiMasterSubBidangBisnis({ id }: { id?: string }) {
   }
 }
 
+// ================== END MASTER PORTFOLIO ================== //
+
+// ================== START MASTER EVENT ================== //
+
 export async function apiMasterEventType() {
   try {
     const response = await apiConfig.get(`/mobile/master/event-type`);
@@ -30,6 +35,10 @@ export async function apiMasterEventType() {
   }
 }
 
+// ================== END MASTER EVENT ================== //
+
+// ================== START MASTER COLLABORATION ================== //
+
 export async function apiMasterCollaborationType() {
   try {
     const response = await apiConfig.get(
@@ -41,6 +50,10 @@ export async function apiMasterCollaborationType() {
   }
 }
 
+// ================== END MASTER COLLABORATION ================== //
+
+// ================== START MASTER FORUM ================== //
+
 export async function apiMasterForumReportList() {
   try {
     const response = await apiConfig.get(`/mobile/master/forum-report`);
@@ -50,6 +63,8 @@ export async function apiMasterForumReportList() {
   }
 }
 
+// ================== END MASTER FORUM ================== //
+
 export async function apiForumCreateReportPosting({
   id,
   data,
@@ -58,9 +73,12 @@ export async function apiForumCreateReportPosting({
   data: any;
 }) {
   try {
-    const response = await apiConfig.post(`/mobile/forum/${id}/report-posting`, {
+    const response = await apiConfig.post(
-      data: data,
+      `/mobile/forum/${id}/report-posting`,
-    });
+      {
+        data: data,
+      }
+    );
     return response.data;
   } catch (error) {
     throw error;
@@ -75,12 +93,32 @@ export async function apiForumCreateReportCommentar({
   data: any;
 }) {
   try {
-    const response = await apiConfig.post(`/mobile/forum/${id}/report-commentar`, {
+    const response = await apiConfig.post(
-      data: data,
+      `/mobile/forum/${id}/report-commentar`,
-    });
+      {
+        data: data,
+      }
+    );
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}
+
+// ================== START MASTER INVESTMENT ================== //
+
+export async function apiMasterInvestment({
+  category,
+}: {
+  category?: "pencarian-investor" | "periode-deviden" | "pembagian-deviden" | string;
+}) {
+  const selectCategory = category ? `?category=${category}` : "";
+  try {
+    const response = await apiConfig.get(
+      `/mobile/master/investment${selectCategory}`
+    );
     return response.data;
   } catch (error) {
     throw error;
   }
 }
-  

service/upload-service.ts

@@ -2,9 +2,9 @@ import { API_BASE_URL } from "@/service/api-config";
 import AsyncStorage from "@react-native-async-storage/async-storage";
 import { apiFileDelete, apiFileUpload } from "./api-client/api-file";
 
-export async function uploadImageService({
+export async function uploadFileService({
   dirId,
-  imageUri,
+  imageUri: fileUri,
 }: {
   dirId: string;
   imageUri: string | null;
@@ -14,12 +14,12 @@ export async function uploadImageService({
 
   console.log("url >>", url);
 
-  if (!imageUri) {
+  if (!fileUri) {
     throw new Error("Harap pilih gambar terlebih dahulu");
   }
 
   try {
-    const uri = imageUri;
+    const uri = fileUri;
     const filename = uri.split("/").pop();
     const match = /\.(\w+)$/.exec(filename || "");
     const type = match ? `image/${match[1]}` : "image";
@@ -50,7 +50,7 @@ export async function uploadImageService({
   }
 }
 
-export async function deleteImageService({ id }: { id: string }) {
+export async function deleteFileService({ id }: { id: string }) {
   const token = await AsyncStorage.getItem("authToken");
 
   try {

utils/formatCurrencyDisplay.ts

@@ -0,0 +1,46 @@
+/**
+ * Memformat angka menjadi string dengan format mata uang lokal (misal: 3500000 → "3.500.000")
+ * Hanya untuk keperluan tampilan. Nilai asli tetap berupa number/string mentah.
+ *
+ * @param value - Angka yang akan diformat (bisa number atau string)
+ * @param locale - Lokal untuk format (default: 'id-ID' untuk format Indonesia)
+ * @param currency - Kode mata uang (opsional, default: tidak ditampilkan)
+ * @returns string yang sudah diformat tanpa simbol mata uang
+ */
+export const formatCurrencyDisplay = (
+  value: number | string | null | undefined,
+  locale: string = "id-ID",
+  currency?: string
+): string => {
+  // Handle nilai null/undefined/empty
+  if (value === null || value === undefined || value === "") {
+    return "";
+  }
+
+  // Pastikan value adalah number
+  const numValue = typeof value === "string" ? parseFloat(value) : value;
+
+  // Jika parsing gagal, kembalikan string kosong
+  if (isNaN(numValue)) {
+    return "";
+  }
+
+  // Gunakan Intl.NumberFormat untuk format lokal
+  const formatter = new Intl.NumberFormat(locale, {
+    style: currency ? "currency" : "decimal",
+    currency: currency,
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0,
+  });
+
+  let formatted = formatter.format(numValue);
+
+  // Jika tidak ingin simbol mata uang, hapus simbolnya (misal: "Rp" atau "IDR")
+  if (!currency) {
+    // Hapus simbol non-digit/non-koma/non-titik (misal: "Rp", "IDR", "$", dll)
+    // Tapi pertahankan angka, koma, titik, dan spasi jika ada
+    formatted = formatted.replace(/[^\d.,\s]/g, "").trim();
+  }
+
+  return formatted;
+};

utils/pickFile.ts

@@ -0,0 +1,117 @@
+import * as ImagePicker from "expo-image-picker";
+import * as DocumentPicker from "expo-document-picker";
+import { Alert } from "react-native";
+
+const ALLOWED_IMAGE_EXTENSIONS = ["jpg", "jpeg", "png"];
+const MAX_FILE_SIZE = 5 * 1024 * 1024; // 5MB
+
+export interface IFileData {
+  uri: string;
+  name: string;
+  size: number;
+}
+
+export type AllowedFileType = "image" | "pdf" | undefined;
+
+export interface PickFileOptions {
+  setImageUri?: (file: IFileData) => void;
+  setPdfUri?: (file: IFileData) => void;
+  allowedType?: AllowedFileType; // <-- Tambahkan prop ini
+}
+
+export default async function pickFile({
+  setImageUri,
+  setPdfUri,
+  allowedType,
+}: PickFileOptions): Promise<void> {
+  if (allowedType === "image") {
+    await pickImage(setImageUri);
+  } else if (allowedType === "pdf") {
+    await pickPdf(setPdfUri);
+  } else {
+    // Mode fleksibel: tampilkan pilihan
+    Alert.alert(
+      "Pilih Jenis File",
+      "Pilih sumber file yang ingin diunggah:",
+      [
+        { text: "Batal", style: "cancel" },
+        { text: "Dokumen (PDF)", onPress: () => pickPdf(setPdfUri) },
+        { text: "Gambar", onPress: () => pickImage(setImageUri) },
+      ],
+      { cancelable: true }
+    );
+  }
+}
+
+// --- Fungsi internal: pickImage ---
+async function pickImage(setImageUri?: (file: IFileData) => void) {
+  const { status } = await ImagePicker.requestMediaLibraryPermissionsAsync();
+  if (status !== "granted") {
+    Alert.alert(
+      "Izin Ditolak",
+      "Izinkan akses ke galeri untuk memilih gambar."
+    );
+    return;
+  }
+
+  const result = await ImagePicker.launchImageLibraryAsync({
+    mediaTypes: ImagePicker.MediaTypeOptions.Images,
+    allowsEditing: true,
+    aspect: [4, 3],
+    quality: 1,
+  });
+
+  if (result.canceled || !result.assets?.[0]) return;
+
+  const asset = result.assets[0];
+  const uri = asset.uri;
+  const filename = uri.split("/").pop() || `image_${Date.now()}.jpg`;
+  const size = asset.fileSize ?? 0;
+
+  if (size > MAX_FILE_SIZE) {
+    Alert.alert("File Terlalu Besar", "Ukuran maksimal adalah 5MB.");
+    return;
+  }
+
+  const extMatch = /\.(\w+)$/.exec(filename.toLowerCase());
+  const extension = extMatch ? extMatch[1] : "jpg";
+
+  if (!ALLOWED_IMAGE_EXTENSIONS.includes(extension)) {
+    Alert.alert(
+      "Format Tidak Didukung",
+      "Hanya JPG, JPEG, dan PNG yang diperbolehkan."
+    );
+    return;
+  }
+
+  setImageUri?.({ uri, name: filename, size });
+}
+
+// --- Fungsi internal: pickPdf ---
+async function pickPdf(setPdfUri?: (file: IFileData) => void) {
+  const result = await DocumentPicker.getDocumentAsync({
+    type: "application/pdf", // Hanya PDF
+    copyToCacheDirectory: true,
+  });
+
+  if (result.canceled || !result.assets?.[0]) return;
+
+  const asset = result.assets[0];
+  const { uri, name, size } = asset;
+  const filename = name || `document_${Date.now()}.pdf`;
+  const fileSize = size ?? 0;
+
+  if (fileSize > MAX_FILE_SIZE) {
+    Alert.alert("File Terlalu Besar", "Ukuran maksimal adalah 5MB.");
+    return;
+  }
+
+  // Validasi ekstensi (extra safety)
+  const extMatch = /\.(\w+)$/.exec(filename.toLowerCase());
+  if (extMatch?.[1] !== "pdf") {
+    Alert.alert("File Tidak Valid", "Hanya file PDF yang diperbolehkan.");
+    return;
+  }
+
+  setPdfUri?.({ uri, name: filename, size: fileSize });
+}