ready to test

Testing

Signed-off-by: Kenneth Obsequio <k80308392@gmail.com>

src/modules/admin/pages/assets/ViewDocumentAsset.jsx

@@ -1,8 +1,9 @@
 // modules/admin/pages/assets/ViewDocumentAsset.jsx
 
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 import { useParams, useNavigate } from "react-router-dom";
 import { ArrowLeft, Lock, Globe, FileText } from "lucide-react";
+import api from "@/utils/api.util";
 
 import { useAssets } from "@/contexts/AdminAssetsContext";
 import { Spinner }   from "@/components/ui/spinner";
@@ -27,11 +28,26 @@ export default function ViewDocumentAsset() {
     const navigate    = useNavigate();
 
     const { selectedAsset, loading, fetchAsset } = useAssets();
+    const [streamUrl, setStreamUrl] = useState(null);
 
     useEffect(() => {
         if (assetId) fetchAsset(assetId);
     }, [assetId]);
 
+    useEffect(() => {
+        if (!selectedAsset) return;
+        setStreamUrl(null);
+        if (selectedAsset.storage_provider !== "s3") {
+            setStreamUrl(selectedAsset.file_url ?? null);
+            return;
+        }
+        api.post("/admin/media/token", { asset_id: selectedAsset.asset_id })
+            .then(({ data }) => setStreamUrl(
+                `${(import.meta.env.VITE_API_URL ?? "http://localhost:3024").replace(/\/$/, "")}/client/media/stream/${data?.data?.token}`
+            ))
+            .catch(() => setStreamUrl(null));
+    }, [selectedAsset]);
+
     if (loading) {
         return (
             <div className="flex items-center justify-center h-96">
@@ -70,10 +86,10 @@ export default function ViewDocumentAsset() {
 
                 {/* ── Document preview ── */}
                 <div className="lg:col-span-3">
-                    {canPreview && a.file_url ? (
+                    {canPreview && streamUrl ? (
                         <div className="rounded-lg border overflow-hidden bg-white" style={{ height: 600 }}>
                             <iframe
-                                src={a.file_url}
+                                src={streamUrl}
                                 title={a.display_name ?? a.original_name}
                                 className="w-full h-full"
                                 // sandbox="allow-scripts allow-same-origin"