fix pdf to image investasi

2025-02-26 14:49:56 +08:00
parent 32bc632387
commit 49004fb444
15 changed files with 540 additions and 73 deletions
--- a/src/app/api/pdf-to-image/route.ts
+++ b/src/app/api/pdf-to-image/route.ts
@@ -0,0 +1,283 @@
+// // app/api/pdf-to-image/route.ts
+import { execSync } from 'child_process';
+import { NextResponse } from 'next/server';
+import { PDFDocument } from 'pdf-lib';
+import { fromBuffer } from 'pdf2pic';
+
+// // Tambahkan custom error
+// class PDFConversionError extends Error {
+//     constructor(message: string, public statusCode: number = 500) {
+//         super(message);
+//         this.name = 'PDFConversionError';
+//     }
+// }
+
+// // Improve fungsi check dependencies
+// async function checkDependencies() {
+//     const dependencies = [
+//         { cmd: 'gm version', name: 'GraphicsMagick' },
+//         { cmd: 'gs --version', name: 'Ghostscript' }
+//     ];
+
+//     for (const dep of dependencies) {
+//         try {
+//             execSync(dep.cmd);
+//         } catch (error) {
+//             throw new PDFConversionError(`${dep.name} tidak terinstall`, 500);
+//         }
+//     }
+// }
+
+// // Tambah konstanta
+// const MAX_PDF_SIZE_MB = 50;
+// const MAX_IMAGE_DIMENSION = 2000;
+// const CONVERSION_TIMEOUT_MS = 30000;
+// const MAX_PAGES = 10; // Batasan jumlah halaman
+// const DEFAULT_PAGE = 1;
+
+// // Modifikasi validateParams
+// function validateParams(pdfUrl: string | null, pages: number[]) {
+//     if (!pdfUrl) {
+//         throw new PDFConversionError('URL parameter wajib diisi', 400);
+//     }
+//     if (pages.some(p => p < 1)) {
+//         throw new PDFConversionError('Nomor halaman tidak valid', 400);
+//     }
+//     if (pages.length > MAX_PAGES) {
+//         throw new PDFConversionError(`Maksimal ${MAX_PAGES} halaman per request`, 400);
+//     }
+// }
+
+// interface ConversionResult {
+//   buffer: Buffer;
+//   text: string;
+//   density: number;
+//   width: number;
+//   height: number;
+// }
+
+// // Fungsi untuk validasi dan fetch PDF
+// async function fetchPDF(url: string) {
+//     const controller = new AbortController();
+//     const timeout = setTimeout(() => controller.abort(), 10000);
+
+//     try {
+//         // Validasi URL
+//         const validUrl = new URL(url);
+//         if (!validUrl.protocol.startsWith('http')) {
+//             throw new PDFConversionError('URL tidak valid', 400);
+//         }
+
+//         const response = await fetch(url, {
+//             signal: controller.signal,
+//             headers: {
+//                 'Accept': 'application/pdf',
+//                 'User-Agent': 'Mozilla/5.0 (compatible; PDFConverter/1.0)'
+//             }
+//         });
+
+//         if (!response.ok) {
+//             throw new PDFConversionError(
+//                 `Gagal mengakses PDF: ${response.status} ${response.statusText}`, 
+//                 response.status
+//             );
+//         }
+
+//         const contentType = response.headers.get('content-type');
+//         if (!contentType?.includes('pdf')) {
+//             throw new PDFConversionError('URL bukan file PDF', 400);
+//         }
+
+//         return response;
+
+//     } catch (error: unknown) {
+//         if (error instanceof PDFConversionError) throw error;
+//         if (error instanceof Error && error.name === 'AbortError') {
+//             throw new PDFConversionError('Timeout saat mengunduh PDF', 504);
+//         }
+//         const message = error instanceof Error ? error.message : 'Unknown error';
+//         throw new PDFConversionError('Gagal mengunduh PDF: ' + message, 500);
+//     } finally {
+//         clearTimeout(timeout);
+//     }
+// }
+
+// // Tambahkan error SVG template
+// const errorImageSvg = `
+// <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
+//   <rect width="200" height="200" fill="#f8d7da"/>
+//   <circle cx="100" cy="75" r="40" fill="none" stroke="#dc3545" stroke-width="8"/>
+//   <path d="M60,140 L140,140" stroke="#dc3545" stroke-width="8" stroke-linecap="round"/>
+//   <text x="100" y="180" font-family="Arial" font-size="14" fill="#dc3545" text-anchor="middle">
+//     PDF Conversion Failed
+//   </text>
+// </svg>`;
+
+// // Tambahkan SVG untuk end of page
+// const endOfPageSvg = `
+// <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
+//   <rect width="200" height="200" fill="#f8f9fa"/>
+//   <text x="100" y="80" font-family="Arial" font-size="16" fill="#6c757d" text-anchor="middle">
+//     End of PDF
+//   </text>
+//   <text x="100" y="110" font-family="Arial" font-size="14" fill="#6c757d" text-anchor="middle">
+//     No more pages available
+//   </text>
+//   <path d="M70,140 L130,140" stroke="#6c757d" stroke-width="2" stroke-dasharray="4"/>
+// </svg>`;
+
+// // Fungsi helper untuk set common headers
+// function setCommonHeaders(headers: Headers) {
+//     headers.set('Access-Control-Allow-Origin', '*');
+//     headers.set('Access-Control-Allow-Methods', 'GET, OPTIONS');
+//     headers.set('Content-Security-Policy', "default-src 'self'; img-src 'self' data: blob:;");
+//     headers.set('X-Content-Type-Options', 'nosniff');
+// }
+
+// // Fungsi helper untuk return error image
+// function returnErrorImage(message: string = 'Conversion failed') {
+//     const response = new NextResponse(errorImageSvg, {
+//         headers: {
+//             'Content-Type': 'image/svg+xml',
+//             'Cache-Control': 'no-store',
+//             'X-Error-Message': message
+//         }
+//     });
+//     setCommonHeaders(response.headers);
+//     return response;
+// }
+
+// // Fungsi helper untuk return end of page image
+// function returnEndOfPageImage() {
+//     const response = new NextResponse(endOfPageSvg, {
+//         headers: {
+//             'Content-Type': 'image/svg+xml',
+//             'Cache-Control': 'public, max-age=31536000',
+//             'X-Error-Message': 'End of PDF pages'
+//         }
+//     });
+//     setCommonHeaders(response.headers);
+//     return response;
+// }
+
+// // Fungsi untuk get total pages menggunakan pdf-lib
+// async function getPDFPageCount(buffer: Buffer): Promise<number> {
+//     try {
+//         const pdfDoc = await PDFDocument.load(buffer);
+//         return pdfDoc.getPageCount();
+//     } catch (error) {
+//         console.error('Error getting PDF page count:', error);
+//         throw new Error('Failed to get PDF page count');
+//     }
+// }
+
+// export async function GET(request: Request) {
+//     let pdfBuffer: Buffer | null = null;
+//     const { searchParams } = new URL(request.url);
+    
+//     try {
+//         // Validasi parameter wajib
+//         const pdfUrl = searchParams.get('url');
+//         if (!pdfUrl) {
+//             return NextResponse.json({ 
+//                 error: 'URL parameter wajib diisi' 
+//             }, { status: 400 });
+//         }
+
+//         // Decode URL jika perlu
+//         const decodedUrl = decodeURIComponent(pdfUrl);
+        
+//         await checkDependencies();
+
+//         const getTotalPages = searchParams.get('total') === 'true';
+        
+//         // Single fetch PDF dengan URL yang sudah di-decode
+//         const pdfResponse = await fetchPDF(decodedUrl);
+
+//         const arrayBuffer = await pdfResponse.arrayBuffer();
+//         pdfBuffer = Buffer.from(arrayBuffer);
+        
+//         // Get total pages
+//         if (getTotalPages) {
+//             try {
+//                 const pageCount = await getPDFPageCount(pdfBuffer);
+//                 return Response.json({
+//                     totalPages: pageCount,
+//                     message: 'Success get total pages'
+//                 });
+//             } catch (error) {
+//                 console.error('PDF parse error:', error);
+//                 return Response.json({ 
+//                     error: 'Gagal membaca total halaman PDF',
+//                     totalPages: 0
+//                 }, { status: 500 });
+//             }
+//         }
+
+//         // Parse page parameter dengan lebih baik
+//         const pageStr = searchParams.get('page');
+//         let pageNum = 1; // Default ke halaman 1
+
+//         if (pageStr) {
+//             pageNum = parseInt(pageStr);
+//             if (isNaN(pageNum) || pageNum < 1) {
+//                 return returnErrorImage('Invalid page number');
+//             }
+
+//             // Validasi halaman tidak melebihi total
+//             const totalPages = await getPDFPageCount(pdfBuffer);
+//             if (pageNum > totalPages) {
+//                 return returnEndOfPageImage();
+//             }
+//         }
+
+//         const options = {
+//             density: 300,
+//             format: "png",
+//             width: Math.min(1200, MAX_IMAGE_DIMENSION),
+//             height: Math.min(1700, MAX_IMAGE_DIMENSION),
+//             preserveAspectRatio: true,
+//             saveFilename: "",
+//             savePath: "",
+//             returnBuffer: true
+//         };
+
+//         // Konversi single page
+//         const convert = fromBuffer(pdfBuffer, options);
+//         const result = await Promise.race([
+//             convert(pageNum, { responseType: "buffer" }),
+//             new Promise((_, reject) => 
+//                 setTimeout(() => reject(new PDFConversionError('Konversi timeout', 504)), 
+//                 CONVERSION_TIMEOUT_MS)
+//             )
+//         ]) as ConversionResult;
+
+//         if (!result?.buffer) {
+//             return returnErrorImage('Konversi gagal: tidak ada output');
+//         }
+
+//         // Return image buffer
+//         const response = new NextResponse(result.buffer, {
+//             headers: {
+//                 'Content-Type': 'image/png',
+//                 'Content-Length': result.buffer.length.toString(),
+//                 'Cache-Control': 'public, max-age=31536000'
+//             }
+//         });
+//         setCommonHeaders(response.headers);
+//         return response;
+
+//     } catch (error) {
+//         console.error('PDF conversion error:', error);
+        
+//         // Return appropriate error response
+//         const errorMessage = error instanceof Error ? error.message : 'Unknown error';
+//         const statusCode = error instanceof PDFConversionError ? error.statusCode : 500;
+
+//         return !searchParams.get('pages') ?
+//             returnErrorImage(errorMessage) :
+//             NextResponse.json({ error: errorMessage }, { status: statusCode });
+//     } finally {
+//         pdfBuffer = null;
+//     }
+// }
--- a/src/app/dev/investasi/file-view/dokumen/[id]/page.tsx
+++ b/src/app/dev/investasi/file-view/dokumen/[id]/page.tsx
@@ -1,11 +1,9 @@
 import { Investasi_UiFileViewDokumen } from "@/app_modules/investasi/_ui";

-export default async function Page({ params }: { params: { id: string } }) {
-  const dokumenId = params.id;
-
+export default async function Page() {
  return (
    <>
-      <Investasi_UiFileViewDokumen dokumenId={dokumenId} />
+      <Investasi_UiFileViewDokumen />
    </>
  );
 }
--- a/src/app/dev/investasi/file-view/prospektus/[id]/page.tsx
+++ b/src/app/dev/investasi/file-view/prospektus/[id]/page.tsx
@@ -1,12 +1,9 @@
-import { investasi_funGetProspekById } from "@/app_modules/investasi/_fun";
 import { Investasi_UiFileView } from "@/app_modules/investasi/_ui";

-export default async function Page({ params }: { params: { id: string } }) {
-  const pospektusId = params.id;
-
+export default async function Page() {
  return (
    <>
-      <Investasi_UiFileView pospektusId={pospektusId} />
+      <Investasi_UiFileView />
    </>
  );
 }
--- a/src/app_modules/_global/lib/api_fetch_global.ts
+++ b/src/app_modules/_global/lib/api_fetch_global.ts
@@ -0,0 +1,55 @@
+export {
+    apiGetPdfToImage,
+}
+
+export interface PageData {
+  imageUrl: string;
+  pageNumber: number;
+}
+
+interface PdfResponse {
+  pages: PageData[];
+  totalPages: number;
+}
+const apiGetPdfToImage = async ({id}: {id: string}) => {
+  try {
+    // Fetch token from cookie
+    // const { token } = await fetch("/api/get-cookie").then((res) => res.json());
+    // if (!token) {
+    //   console.error("No token found");
+    //   return null;
+    // }
+
+    const token =
+      "eyJhbGciOiJIUzI1NiJ9.eyJ1c2VyIjp7ImlkIjoiY20wdXIxeXh3MDAwMDU2bnNqbHI2MTg3cCIsIm5hbWUiOiJiYWdhcyIsImVtYWlsIjoiYmFnYXNAZ21haWwuY29tIn0sImlhdCI6MTcyNTg3MTAzNiwiZXhwIjo0ODgxNjMxMDM2fQ.wFQLcrJj66wFeqIMYk2esMx3ULaHK6RFxkiToaLCuko";
+     
+
+    // Anda bisa menggunakan prospektusId di URL jika diperlukan
+    const pdfUrl = `https://wibu-storage.wibudev.com/api/pdf-to-image?url=https://wibu-storage.wibudev.com/api/files/${id}`;
+
+    const response = await fetch(pdfUrl, {
+      method: "GET",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`,
+      },
+    });
+
+    // Check if the response is OK
+    if (!response.ok) {
+      const errorData = await response.json().catch(() => null);
+      console.error(
+        "Error get admin contact:",
+        errorData?.message || "Unknown error"
+      );
+
+      return null;
+    }
+
+    const jsonData: PdfResponse = await response.json();
+    return jsonData;
+  } catch (error) {
+    console.error("Error get admin contact:", error);
+    throw error; // Re-throw the error to handle it in the calling function
+  }
+};
--- a/src/app_modules/investasi/_component/detail/comp_card_daftar_document.tsx
+++ b/src/app_modules/investasi/_component/detail/comp_card_daftar_document.tsx
@@ -22,10 +22,9 @@ export function Investasi_ComponentCardDaftarDocument({
        justify="center"
        h={"100%"}
        onClick={() => {
-          router.push(
-            NEW_RouterInvestasi.file_prospektus({ id: data.fileId }),
-            { scroll: false }
-          );
+          router.push(NEW_RouterInvestasi.file_dokumen({ id: data.fileId }), {
+            scroll: false,
+          });
          setVisible(true);
        }}
      >
--- a/src/app_modules/investasi/_component/detail/comp_card_rekap_document.tsx
+++ b/src/app_modules/investasi/_component/detail/comp_card_rekap_document.tsx
@@ -97,7 +97,7 @@ export function Investasi_ComponentCardRekapDocument({
            span={"auto"}
            onClick={() => {
              router.push(
-                NEW_RouterInvestasi.file_prospektus({ id: data.fileId }),
+                NEW_RouterInvestasi.file_dokumen({ id: data.fileId }),
                { scroll: false }
              );
              setVisible(true);
--- a/src/app_modules/investasi/_ui/file_view/ui_file_view_dokumen.tsx
+++ b/src/app_modules/investasi/_ui/file_view/ui_file_view_dokumen.tsx
@@ -3,27 +3,85 @@
 import { APIs } from "@/lib";
 import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
 import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
-import { Box } from "@mantine/core";
+import { Box, Stack } from "@mantine/core";
 import { IconX } from "@tabler/icons-react";
 import dynamic from "next/dynamic";
-const PdfToImage = dynamic(
-  () =>
-    import("../../_view/file_view/view_file_viewer").then((mod) => mod.default),
-  { ssr: false }
-);
+import { apiGetPdfToImage, PageData } from "@/app_modules/_global/lib/api_fetch_global";
+import { useParams } from "next/navigation";
+import { useState, useRef, useEffect } from "react";
+import PdfToImage from "../../_view/file_view/view_file_viewer";
+import Image from "next/image";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
+import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
+
+
+export function Investasi_UiFileViewDokumen() {
+   const param = useParams<{ id: string }>();
+    const dokumenId = param.id;
+  
+    const [pdfPages, setPdfPages] = useState<PageData[] | null>(null);
+    const [loading, setLoading] = useState<boolean>(true);
+    const [error, setError] = useState<string | null>(null);
+    const pdfsRef = useRef<HTMLDivElement>(null);
+
+    useEffect(() => {
+      const fetchPdfData = async () => {
+        try {
+          setLoading(true);
+          const response = await apiGetPdfToImage({ id: dokumenId });
+
+          if (response) {
+            setPdfPages(response.pages as any);
+            setLoading(false);
+          }
+        } catch (err) {
+          console.error("Error fetching PDF:", err);
+          setError(
+            err instanceof Error ? err.message : "Unknown error occurred"
+          );
+          setLoading(false);
+        }
+      };
+
+      fetchPdfData();
+    }, [dokumenId]);
+

-export function Investasi_UiFileViewDokumen({
-  dokumenId,
-}: {
-  dokumenId: string;
-}) {
  return (
    <>
      <UIGlobal_LayoutTamplate
-        header={<UIGlobal_LayoutHeaderTamplate title="" iconLeft={<IconX />} />}
+        header={<UIGlobal_LayoutHeaderTamplate title="Pratinjau Dokumen" iconLeft={<IconX />} />}
      >
-        <Box mb={"lg"}>
-          <PdfToImage id={dokumenId} path={APIs.GET_NO_PARAMS} />
+        <Box mb="lg">
+          {loading ? (
+            <CustomSkeleton height={"80vh"} width={"100%"} />
+          ) : error ? (
+            <Stack>
+              <ComponentGlobal_IsEmptyData text="Maaf, PDF mengalami error" />
+              <ComponentGlobal_IsEmptyData text={error} />
+            </Stack>
+          ) : (
+            <div
+              ref={pdfsRef}
+              style={{
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
+              }}
+            >
+              {pdfPages?.map((page, index) => (
+                <Image
+                  key={`page-${index}`}
+                  src={page.imageUrl}
+                  alt={`Page ${page.pageNumber}`}
+                  className="pdf-page"
+                  width={500} // Adjust width as needed
+                  height={707} // Adjust height as needed
+                  style={{ width: "100%", marginBottom: "10px" }}
+                />
+              ))}
+            </div>
+          )}
        </Box>
      </UIGlobal_LayoutTamplate>
    </>
--- a/src/app_modules/investasi/_ui/file_view/ui_file_view_prospektus.tsx
+++ b/src/app_modules/investasi/_ui/file_view/ui_file_view_prospektus.tsx
@@ -1,33 +1,90 @@
 "use client";

-import { APIs } from "@/lib";
-import { RouterInvestasi_OLD } from "@/lib/router_hipmi/router_investasi";
+import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
+import {
+  apiGetPdfToImage,
+  PageData,
+} from "@/app_modules/_global/lib/api_fetch_global";
 import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
 import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
-import { Box } from "@mantine/core";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
+import { Box, Stack } from "@mantine/core";
 import { IconX } from "@tabler/icons-react";
-import dynamic from "next/dynamic";
-const PdfToImage = dynamic(
-  () =>
-    import("../../_view/file_view/view_file_viewer").then((mod) => mod.default),
-  { ssr: false }
-);
+import Image from "next/image";
+import { useParams } from "next/navigation";
+import { useEffect, useRef, useState } from "react";
+
+export function Investasi_UiFileViewProspektus() {
+  const param = useParams<{ id: string }>();
+  const prospektusId = param.id;
+
+  const [pdfPages, setPdfPages] = useState<PageData[] | null>(null);
+  const [loading, setLoading] = useState<boolean>(true);
+  const [error, setError] = useState<string | null>(null);
+  const pdfsRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    const fetchPdfData = async () => {
+      try {
+        setLoading(true);
+        const response = await apiGetPdfToImage({ id: prospektusId });
+
+        console.log("res:", response)
+
+        if (response) {
+          setPdfPages(response.pages as any);
+          setLoading(false);
+        }
+      } catch (err) {
+        console.error("Error fetching PDF:", err);
+        setError(err instanceof Error ? err.message : "Unknown error occurred");
+        setLoading(false);
+      }
+    };
+
+    fetchPdfData();
+  }, [prospektusId]);

-export function Investasi_UiFileViewProspektus({
-  pospektusId,
-}: {
-  pospektusId: string;
-}) {
  return (
    <>
      <UIGlobal_LayoutTamplate
-        header={<UIGlobal_LayoutHeaderTamplate title="" iconLeft={<IconX />} />}
-      >
-        <Box mb={"lg"}>
-          <PdfToImage
-            id={pospektusId}
-            path={APIs.GET_NO_PARAMS}
+        header={
+          <UIGlobal_LayoutHeaderTamplate
+            title="Pratinjau Prospektus"
+            iconLeft={<IconX />}
          />
+        }
+      >
+        <Box mb="lg">
+          {loading ? (
+            <CustomSkeleton height={"80vh"} width={"100%"} />
+          ) : error ? (
+            <Stack>
+              <ComponentGlobal_IsEmptyData text="Maaf, PDF mengalami error" />
+              <ComponentGlobal_IsEmptyData text={error} />
+            </Stack>
+          ) : (
+            <div
+              ref={pdfsRef}
+              style={{
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
+              }}
+            >
+              {pdfPages?.map((page, index) => (
+                <Image
+                  key={`page-${index}`}
+                  src={page.imageUrl}
+                  alt={`Page ${page.pageNumber}`}
+                  className="pdf-page"
+                  width={500} // Adjust width as needed
+                  height={707} // Adjust height as needed
+                  style={{ width: "100%", marginBottom: "10px" }}
+                />
+              ))}
+            </div>
+          )}
        </Box>
      </UIGlobal_LayoutTamplate>
    </>
--- a/src/app_modules/katalog/portofolio/component/button_more_new.tsx
+++ b/src/app_modules/katalog/portofolio/component/button_more_new.tsx
@@ -118,18 +118,13 @@ export default function ComponentPortofolio_ButtonMoreNew({

  return (
    <>
-      {
-        userLoginId === authorId && (
-          <ActionIcon variant="transparent" onClick={() => setOpenDrawer(true)}>
-            <IconDotsVertical color={MainColor.white} />
-          </ActionIcon>
-        )
-        // : (
-        //   <ActionIcon disabled variant="transparent">
-        //     <CustomSkeleton h={20} w={20} radius={"100%"} />
-        //   </ActionIcon>
-        // )
-      }
+      {userLoginId === authorId ? (
+        <ActionIcon variant="transparent" onClick={() => setOpenDrawer(true)}>
+          <IconDotsVertical color={MainColor.white} />
+        </ActionIcon>
+      ) : (
+        <ActionIcon disabled variant="transparent"></ActionIcon>
+      )}

      <UIGlobal_Drawer
        opened={openDrawer}
--- a/src/lib/router_hipmi/router_investasi.ts
+++ b/src/lib/router_hipmi/router_investasi.ts
@@ -8,7 +8,8 @@ export const NEW_RouterInvestasi = {
   * @param param status id | 1: Publish, 2: Review, 3: Draft, 4: Reject
   * @type string
   */
-  portofolio: ({ id }: { id: "1" | "2" | "3" | "4" }) => `/dev/investasi/main/portofolio/${id}`,
+  portofolio: ({ id }: { id: "1" | "2" | "3" | "4" }) =>
+    `/dev/investasi/main/portofolio/${id}`,
  // portofolio: ({ id }: { id?: string }) => `/dev/investasi/main/portofolio/${id}`,

  // TRANSAKSI
@@ -24,6 +25,8 @@ export const NEW_RouterInvestasi = {
  // FILE VIEW
  file_prospektus: ({ id }: { id: string }) =>
    `/dev/investasi/file-view/prospektus/${id}`,
+  file_dokumen: ({ id }: { id: string }) =>
+    `/dev/investasi/file-view/dokumen/${id}`,

  OLD_file_view_prospektus: "/dev/investasi/file-view/prospektus/",
  OLD_file_view_dokumen: "/dev/investasi/file-view/dokumen/",