@ubkinfotech/tecaher-erp 0.1.1 → 0.1.2

package/lib/module/modules/notes/screens/NotesScreen.js

@@ -7,7 +7,7 @@ import { EmptyState } from "../../../shared/empty-states/EmptyState.js";
 import { ErrorState } from "../../../shared/empty-states/ErrorState.js";
 import { LoadingState } from "../../../shared/loaders/LoadingState.js";
 import { createNote, fetchNoteDetails, fetchNotesClasses, fetchNotesList, fetchNotesSections, fetchNotesSubjects, updateNote, uploadNoteFile } from "../services/notesService.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function normalizeList(result) {
   if (Array.isArray(result)) return result;
   if (Array.isArray(result?.data)) return result.data;
@@ -26,7 +26,22 @@ function resolveNoteUrl(baseUrl, file) {
   if (!file) return '';
   if (/^https?:\/\//i.test(file)) return file;
   const base = String(baseUrl ?? '').replace(/\/?$/, '/');
-  const normalized = String(file).replace(/^\/+/, '');
+  const normalized = String(file).replace(/\\/g, '/').replace(/^\/+/, '');
+  const uploadsIndex = base.toLowerCase().indexOf('uploads/');
+  const uploadsBase = uploadsIndex >= 0 ? base.slice(0, uploadsIndex + 'uploads/'.length) : base;
+  const uploadsRoot = uploadsIndex >= 0 ? base.slice(0, uploadsIndex) : base;
+  if (normalized.startsWith('uploads/')) {
+    return `${uploadsRoot}${normalized}`;
+  }
+  if (normalized.startsWith('school_')) {
+    return `${uploadsBase}${normalized}`;
+  }
+  if (normalized.startsWith('student/note/')) {
+    return `${base}${normalized}`;
+  }
+  if (normalized.includes('/')) {
+    return `${base}${normalized}`;
+  }
   return `${base}student/note/${normalized}`;
 }
 function isImageUrl(file) {
@@ -42,6 +57,10 @@ function fileBaseName(path) {
 function ensureFileUri(path) {
   return path.startsWith('file://') ? path : `file://${path}`;
 }
+function splitFileCsv(raw) {
+  if (!raw) return [];
+  return String(raw).split(',').map(item => item.trim()).filter(Boolean);
+}
 function tryGetImageViewer() {
   try {
     const mod = require('react-native-image-viewing');
@@ -89,6 +108,68 @@ async function downloadPdfToLocal(args) {
   }
   return ensureFileUri(target);
 }
+function StatusBanner({
+  text,
+  busy = false,
+  tone = 'info'
+}) {
+  const palette = tone === 'error' ? {
+    backgroundColor: '#FEF2F2',
+    borderColor: '#FECACA',
+    textColor: '#B91C1C',
+    spinnerColor: '#DC2626'
+  } : tone === 'success' ? {
+    backgroundColor: '#ECFDF5',
+    borderColor: '#A7F3D0',
+    textColor: '#047857',
+    spinnerColor: '#059669'
+  } : tone === 'warning' ? {
+    backgroundColor: '#FFF7ED',
+    borderColor: '#FED7AA',
+    textColor: '#C2410C',
+    spinnerColor: '#EA580C'
+  } : {
+    backgroundColor: '#EFF6FF',
+    borderColor: '#BFDBFE',
+    textColor: '#1D4ED8',
+    spinnerColor: '#2563EB'
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.statusBanner, {
+      backgroundColor: palette.backgroundColor,
+      borderColor: palette.borderColor
+    }],
+    children: [busy ? /*#__PURE__*/_jsx(ActivityIndicator, {
+      size: "small",
+      color: palette.spinnerColor
+    }) : null, /*#__PURE__*/_jsx(Text, {
+      style: [styles.statusBannerText, {
+        color: palette.textColor
+      }],
+      children: text
+    })]
+  });
+}
+async function uploadNoteFilesBatch(args) {
+  const uploaded = [];
+  let failedCount = 0;
+  await Promise.all(args.files.map(async file => {
+    try {
+      const response = await uploadNoteFile(args.api, file, args.schoolCode);
+      if (response?.Status === 'Success' && response?.data) {
+        uploaded.push(String(response.data));
+        return;
+      }
+    } catch {
+      // Keep partial success behavior for multi-file uploads.
+    }
+    failedCount += 1;
+  }));
+  return {
+    uploaded,
+    failedCount
+  };
+}
 function SelectField({
   label,
   value,
@@ -161,7 +242,10 @@ function NoteEditor(props) {
   const RNFS = useMemo(() => tryGetRNFS(), []);
   const FileViewer = useMemo(() => tryGetFileViewer(), []);
   const [loading, setLoading] = useState(props.mode === 'edit');
-  const [saving, setSaving] = useState(false);
+  const [isUploading, setIsUploading] = useState(false);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [uploadStatus, setUploadStatus] = useState('');
+  const [uploadTone, setUploadTone] = useState('info');
   const [classes, setClasses] = useState([]);
   const [sections, setSections] = useState([]);
   const [subjects, setSubjects] = useState([]);
@@ -171,8 +255,12 @@ function NoteEditor(props) {
   const [classOpt, setClassOpt] = useState(null);
   const [sectionOpt, setSectionOpt] = useState(null);
   const [subjectOpt, setSubjectOpt] = useState(null);
-  const [file, setFile] = useState('');
+  const [fileList, setFileList] = useState([]);
+  const [activeFile, setActiveFile] = useState('');
+  const [fileError, setFileError] = useState(null);
   const [viewerOpen, setViewerOpen] = useState(false);
+  const [viewerIndex, setViewerIndex] = useState(0);
+  const [viewerImages, setViewerImages] = useState([]);
   const [pdfVisible, setPdfVisible] = useState(false);
   const [pdfUri, setPdfUri] = useState('');
   const [pdfHeaders, setPdfHeaders] = useState({});
@@ -225,7 +313,9 @@ function NoteEditor(props) {
         setTitle(String(data?.title ?? ''));
         setDescription(String(data?.description ?? data?.remark ?? ''));
         setStatus(String(data?.status ?? 'publish').toLowerCase() === 'unpublish' ? 'unpublish' : 'publish');
-        setFile(String(data?.file ?? ''));
+        const noteFiles = splitFileCsv(data?.file ?? '');
+        setFileList(noteFiles);
+        setActiveFile(noteFiles[0] ?? '');
         const classId = data?.class_id ?? props.defaults.classId;
         const sectionId = data?.section_id ?? props.defaults.sectionId;
         const subjectId = data?.sub_id ?? data?.subject_id ?? props.defaults.subjectId;
@@ -275,27 +365,51 @@ function NoteEditor(props) {
       dp = require('react-native-document-picker');
     } catch {}
     if (!dp) return;
-    const selected = await dp.pickSingle({
+    const selected = await dp.pick({
       presentationStyle: 'fullScreen',
+      allowMultiSelection: true,
       type: [dp.types.pdf, dp.types.images]
     });
-    const upload = {
-      uri: selected.uri,
-      name: selected.name ?? 'file',
-      type: selected.type ?? 'application/octet-stream'
-    };
-    setSaving(true);
+    const picks = Array.isArray(selected) ? selected : [selected];
+    const uploads = picks.map(item => ({
+      uri: item.uri,
+      name: item.name ?? 'file',
+      type: item.type ?? 'application/octet-stream'
+    })).filter(item => !!item.uri);
+    if (!uploads.length) return;
+    setFileError(null);
+    setUploadStatus(`Uploading ${uploads.length} file(s)...`);
+    setUploadTone('info');
+    setIsUploading(true);
     try {
-      const res = await uploadNoteFile(api, upload);
-      if (res?.Status === 'Success' && res?.data) {
-        setFile(String(res.data));
-      } else {
-        Alert.alert('Error', 'File not uploaded');
+      const {
+        uploaded,
+        failedCount
+      } = await uploadNoteFilesBatch({
+        api,
+        files: uploads,
+        schoolCode
+      });
+      if (!uploaded.length) {
+        setFileError('File upload failed');
+        setUploadStatus('File upload failed');
+        setUploadTone('error');
+        return;
+      }
+      setFileList(prev => [...prev, ...uploaded]);
+      setActiveFile(prev => prev || uploaded[0] || '');
+      if (failedCount > 0) {
+        setFileError(`${failedCount} file(s) failed to upload`);
+        setUploadStatus(`${uploaded.length} file(s) uploaded and ${failedCount} failed.`);
+        setUploadTone('warning');
+        return;
       }
+      setUploadStatus(`${uploaded.length} file(s) uploaded successfully.`);
+      setUploadTone('success');
     } finally {
-      setSaving(false);
+      setIsUploading(false);
     }
-  }, [api]);
+  }, [api, schoolCode]);
   const pickCamera = useCallback(async () => {
     let picker = null;
     try {
@@ -316,30 +430,51 @@ function NoteEditor(props) {
       name: asset.fileName ?? 'camera.jpg',
       type: asset.type ?? 'image/jpeg'
     };
-    setSaving(true);
+    setFileError(null);
+    setUploadStatus('Uploading image...');
+    setUploadTone('info');
+    setIsUploading(true);
     try {
-      const response = await uploadNoteFile(api, upload);
+      const response = await uploadNoteFile(api, upload, schoolCode);
       if (response?.Status === 'Success' && response?.data) {
-        setFile(String(response.data));
+        const nextFile = String(response.data);
+        setFileList(prev => [...prev, nextFile]);
+        setActiveFile(prev => prev || nextFile);
+        setUploadStatus('Image uploaded successfully.');
+        setUploadTone('success');
       } else {
-        Alert.alert('Error', 'File not uploaded');
+        setFileError('Image upload failed');
+        setUploadStatus(String(response?.msg ?? 'Image upload failed'));
+        setUploadTone('error');
       }
     } finally {
-      setSaving(false);
+      setIsUploading(false);
     }
-  }, [api]);
-  const viewAttachment = useCallback(async () => {
-    if (!file) {
+  }, [api, schoolCode]);
+  const viewAttachment = useCallback(async selectedFile => {
+    const targetFile = String(selectedFile ?? activeFile ?? fileList[0] ?? '');
+    if (!targetFile) {
       Alert.alert('No Attachment');
       return;
     }
-    const url = resolveNoteUrl(fileBaseUrl, file);
+    const url = resolveNoteUrl(fileBaseUrl, targetFile);
     const headers = await resolveHeaders();
-    if (ImageView && isImageUrl(file)) {
+    const targetIsImage = isImageUrl(targetFile) || isImageUrl(url);
+    if (ImageView && targetIsImage) {
+      const imageFiles = fileList.filter(currentFile => {
+        const currentUrl = resolveNoteUrl(fileBaseUrl, currentFile);
+        return isImageUrl(currentFile) || isImageUrl(currentUrl);
+      });
+      const nextIndex = Math.max(0, imageFiles.findIndex(currentFile => String(currentFile) === String(targetFile)));
+      setViewerImages(imageFiles.map(currentFile => ({
+        uri: resolveNoteUrl(fileBaseUrl, currentFile),
+        headers: Object.keys(headers).length ? headers : undefined
+      })));
+      setViewerIndex(nextIndex);
       setViewerOpen(true);
       return;
     }
-    const isPdf = String(file).toLowerCase().endsWith('.pdf') || url.toLowerCase().endsWith('.pdf');
+    const isPdf = String(targetFile).toLowerCase().endsWith('.pdf') || url.toLowerCase().endsWith('.pdf');
     if (Pdf && isPdf) {
       if (!RNFS) {
         setPdfHeaders(headers);
@@ -353,7 +488,7 @@ function NoteEditor(props) {
         const local = await downloadPdfToLocal({
           RNFS,
           url,
-          fileName: fileBaseName(file),
+          fileName: fileBaseName(targetFile),
           headers
         });
         setPdfHeaders({});
@@ -373,7 +508,7 @@ function NoteEditor(props) {
     }
     setDownloading(true);
     try {
-      const localFile = `${RNFS.DocumentDirectoryPath}/${fileBaseName(file)}`;
+      const localFile = `${RNFS.DocumentDirectoryPath}/${fileBaseName(targetFile)}`;
       await RNFS.downloadFile({
         fromUrl: url,
         toFile: localFile,
@@ -387,10 +522,23 @@ function NoteEditor(props) {
     } finally {
       setDownloading(false);
     }
-  }, [FileViewer, ImageView, Pdf, RNFS, file, fileBaseUrl, resolveHeaders]);
+  }, [FileViewer, ImageView, Pdf, RNFS, activeFile, fileBaseUrl, fileList, resolveHeaders]);
   const submit = useCallback(async () => {
-    if (!title || !description || !classOpt?.value || !sectionOpt?.value || !subjectOpt?.value || !file) {
-      Alert.alert('Error', 'Please enter all the details');
+    const selectedClassId = classOpt?.value;
+    const selectedSectionId = sectionOpt?.value;
+    const selectedSubjectId = subjectOpt?.value;
+    const missing = [];
+    if (!title) missing.push('title');
+    if (!description) missing.push('description');
+    if (!selectedClassId) missing.push('class');
+    if (!selectedSectionId) missing.push('section');
+    if (!selectedSubjectId) missing.push('subject');
+    if (props.mode === 'edit' && !fileList.length) missing.push('file');
+    if (missing.length) {
+      if (props.mode === 'edit' && !fileList.length) {
+        setFileError('File is required');
+      }
+      Alert.alert('Error', `Please fill: ${missing.join(', ')}`);
       return;
     }
     const payload = {
@@ -398,13 +546,13 @@ function NoteEditor(props) {
       title,
       description,
       remark: description,
-      class_id: classOpt.value,
-      section_id: sectionOpt.value,
-      sub_id: subjectOpt.value,
-      file,
+      class_id: selectedClassId,
+      section_id: selectedSectionId,
+      sub_id: selectedSubjectId,
+      file: fileList.join(','),
       status
     };
-    setSaving(true);
+    setIsSubmitting(true);
     try {
       const res = props.mode === 'create' ? await createNote(api, payload) : await updateNote(api, {
         ...payload,
@@ -420,13 +568,13 @@ function NoteEditor(props) {
     } catch (e) {
       Alert.alert('Error', String(e?.message ?? 'Could not save note'));
     } finally {
-      setSaving(false);
+      setIsSubmitting(false);
     }
-  }, [api, classOpt?.value, description, file, props, sectionOpt?.value, status, subjectOpt?.value, title]);
+  }, [api, classOpt?.value, description, fileList, props, sectionOpt?.value, status, subjectOpt?.value, title]);
   if (loading) {
     return /*#__PURE__*/_jsx(LoadingState, {});
   }
-  const fileUrl = file ? resolveNoteUrl(fileBaseUrl, file) : '';
+  const fileUrl = activeFile ? resolveNoteUrl(fileBaseUrl, activeFile) : '';
   const headers = authToken || schoolCode ? {
     ...(authToken ? {
       Authorization: authToken
@@ -484,7 +632,11 @@ function NoteEditor(props) {
           value: classOpt,
           options: classes,
           placeholder: "Select class",
-          onChange: setClassOpt
+          onChange: next => {
+            setClassOpt(next);
+            setSectionOpt(null);
+            setSubjectOpt(null);
+          }
         }), /*#__PURE__*/_jsx(SelectField, {
           label: "Section",
           value: sectionOpt,
@@ -530,24 +682,69 @@ function NoteEditor(props) {
             children: [/*#__PURE__*/_jsx(TouchableOpacity, {
               style: styles.secondaryBtn,
               onPress: () => pickDocument().catch(() => {}),
+              disabled: isUploading || isSubmitting,
               children: /*#__PURE__*/_jsx(Text, {
                 style: styles.secondaryBtnText,
-                children: file ? 'Change File' : 'Upload File'
+                children: fileList.length ? 'Add More Files' : 'Upload File'
               })
             }), /*#__PURE__*/_jsx(TouchableOpacity, {
               style: styles.secondaryBtn,
               onPress: () => pickCamera().catch(() => {}),
+              disabled: isUploading || isSubmitting,
               children: /*#__PURE__*/_jsx(Text, {
                 style: styles.secondaryBtnText,
                 children: "Camera"
               })
             })]
-          }), file ? /*#__PURE__*/_jsxs(Text, {
+          }), isUploading ? /*#__PURE__*/_jsx(StatusBanner, {
+            text: uploadStatus || 'Uploading file...',
+            busy: true,
+            tone: uploadTone
+          }) : uploadStatus ? /*#__PURE__*/_jsx(StatusBanner, {
+            text: uploadStatus,
+            tone: uploadTone
+          }) : null, fileList.length ? /*#__PURE__*/_jsxs(Text, {
             style: styles.fileText,
-            children: ["Selected: ", fileBaseName(file)]
-          }) : null, file ? isImageUrl(file) ? /*#__PURE__*/_jsx(TouchableOpacity, {
+            children: ["Selected: ", fileList.length, " file", fileList.length > 1 ? 's' : '']
+          }) : null, fileList.length ? /*#__PURE__*/_jsx(View, {
+            style: styles.attachmentList,
+            children: fileList.map((currentFile, index) => /*#__PURE__*/_jsxs(View, {
+              style: styles.attachmentRow,
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: styles.attachmentName,
+                numberOfLines: 1,
+                children: fileBaseName(currentFile)
+              }), /*#__PURE__*/_jsxs(View, {
+                style: styles.attachmentActions,
+                children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+                  style: styles.inlineActionBtn,
+                  onPress: () => {
+                    setActiveFile(currentFile);
+                    viewAttachment(currentFile).catch(() => {});
+                  },
+                  children: /*#__PURE__*/_jsx(Text, {
+                    style: styles.inlineActionText,
+                    children: "View"
+                  })
+                }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                  style: styles.inlineRemoveBtn,
+                  onPress: () => {
+                    setFileList(prev => {
+                      const next = prev.filter((_, itemIndex) => itemIndex !== index);
+                      setActiveFile(current => current === currentFile ? next[0] ?? '' : current);
+                      return next;
+                    });
+                  },
+                  children: /*#__PURE__*/_jsx(Text, {
+                    style: styles.inlineRemoveText,
+                    children: "Remove"
+                  })
+                })]
+              })]
+            }, `${currentFile}-${index}`))
+          }) : null, activeFile ? isImageUrl(activeFile) || isImageUrl(fileUrl) ? /*#__PURE__*/_jsx(TouchableOpacity, {
             style: styles.previewWrap,
-            onPress: () => setViewerOpen(true),
+            onPress: () => viewAttachment(activeFile).catch(() => {}),
             activeOpacity: 0.9,
             children: /*#__PURE__*/_jsx(Image, {
               source: {
@@ -559,31 +756,37 @@ function NoteEditor(props) {
             })
           }) : /*#__PURE__*/_jsx(TouchableOpacity, {
             style: styles.documentBtn,
-            onPress: () => viewAttachment().catch(() => {}),
+            onPress: () => viewAttachment(activeFile).catch(() => {}),
             disabled: downloading,
             children: /*#__PURE__*/_jsx(Text, {
               style: styles.documentBtnText,
               children: downloading ? 'Opening Document...' : 'View Document'
             })
+          }) : null, fileError ? /*#__PURE__*/_jsx(Text, {
+            style: styles.errorText,
+            children: fileError
           }) : null]
         }), /*#__PURE__*/_jsx(TouchableOpacity, {
           style: styles.primaryBtn,
           onPress: () => submit().catch(() => {}),
-          disabled: saving,
-          children: saving ? /*#__PURE__*/_jsx(ActivityIndicator, {
-            color: "#FFFFFF"
+          disabled: isUploading || isSubmitting,
+          children: isSubmitting ? /*#__PURE__*/_jsxs(View, {
+            style: styles.loadingRow,
+            children: [/*#__PURE__*/_jsx(ActivityIndicator, {
+              color: "#FFFFFF"
+            }), /*#__PURE__*/_jsx(Text, {
+              style: styles.primaryBtnText,
+              children: props.mode === 'create' ? 'Creating...' : 'Updating...'
+            })]
           }) : /*#__PURE__*/_jsx(Text, {
             style: styles.primaryBtnText,
             children: props.mode === 'create' ? 'Create Note' : 'Update Note'
           })
         })]
       })]
-    }), ImageView && file && isImageUrl(file) ? /*#__PURE__*/_jsx(ImageView, {
-      images: [{
-        uri: fileUrl,
-        headers
-      }],
-      imageIndex: 0,
+    }), ImageView && viewerImages.length ? /*#__PURE__*/_jsx(ImageView, {
+      images: viewerImages,
+      imageIndex: viewerIndex,
       visible: viewerOpen,
       onRequestClose: () => setViewerOpen(false)
     }) : null, /*#__PURE__*/_jsx(Modal, {
@@ -652,7 +855,10 @@ export function NotesScreen(props) {
   const [loadingMore, setLoadingMore] = useState(false);
   const [error, setError] = useState(null);
   const [selectedNote, setSelectedNote] = useState(null);
+  const [selectedActiveFile, setSelectedActiveFile] = useState('');
   const [viewerOpen, setViewerOpen] = useState(false);
+  const [viewerIndex, setViewerIndex] = useState(0);
+  const [viewerImages, setViewerImages] = useState([]);
   const [pdfVisible, setPdfVisible] = useState(false);
   const [pdfUri, setPdfUri] = useState('');
   const [pdfHeaders, setPdfHeaders] = useState({});
@@ -734,15 +940,26 @@ export function NotesScreen(props) {
     if (mode !== 'list') return;
     loadList(props.page ?? 1, true).catch(() => {});
   }, [loadList, mode, props.page]);
-  const viewNoteAttachment = useCallback(async () => {
-    const file = String(selectedNote?.file ?? '');
+  const selectedNoteFiles = useMemo(() => splitFileCsv(selectedNote?.file ?? ''), [selectedNote?.file]);
+  const viewNoteAttachment = useCallback(async selectedFile => {
+    const file = String(selectedFile ?? selectedActiveFile ?? selectedNoteFiles[0] ?? '');
     if (!file) {
       Alert.alert('No Attachment');
       return;
     }
     const url = resolveNoteUrl(fileBaseUrl, file);
     const headers = await resolveHeaders();
-    if (ImageView && isImageUrl(file)) {
+    if (ImageView && (isImageUrl(file) || isImageUrl(url))) {
+      const imageFiles = selectedNoteFiles.filter(currentFile => {
+        const currentUrl = resolveNoteUrl(fileBaseUrl, currentFile);
+        return isImageUrl(currentFile) || isImageUrl(currentUrl);
+      });
+      const nextIndex = Math.max(0, imageFiles.findIndex(currentFile => String(currentFile) === String(file)));
+      setViewerImages(imageFiles.map(currentFile => ({
+        uri: resolveNoteUrl(fileBaseUrl, currentFile),
+        headers: Object.keys(headers).length ? headers : undefined
+      })));
+      setViewerIndex(nextIndex);
       setViewerOpen(true);
       return;
     }
@@ -794,7 +1011,7 @@ export function NotesScreen(props) {
     } finally {
       setDownloading(false);
     }
-  }, [FileViewer, ImageView, Pdf, RNFS, fileBaseUrl, resolveHeaders, selectedNote?.file]);
+  }, [FileViewer, ImageView, Pdf, RNFS, fileBaseUrl, resolveHeaders, selectedActiveFile, selectedNoteFiles]);
   if (mode === 'create') {
     return /*#__PURE__*/_jsx(NoteEditor, {
       mode: "create",
@@ -919,7 +1136,10 @@ export function NotesScreen(props) {
           style: styles.row,
           children: [/*#__PURE__*/_jsx(TouchableOpacity, {
             style: styles.secondaryBtn,
-            onPress: () => setSelectedNote(item),
+            onPress: () => {
+              setSelectedNote(item);
+              setSelectedActiveFile(splitFileCsv(item?.file ?? '')[0] ?? '');
+            },
             children: /*#__PURE__*/_jsx(Text, {
               style: styles.secondaryBtnText,
               children: "View"
@@ -982,42 +1202,65 @@ export function NotesScreen(props) {
             }), /*#__PURE__*/_jsx(Text, {
               style: styles.noteDescFull,
               children: String(selectedNote?.description ?? selectedNote?.remark ?? '-')
-            }), selectedNote?.file ? isImageUrl(String(selectedNote.file)) ? /*#__PURE__*/_jsx(TouchableOpacity, {
-              style: styles.previewWrap,
-              onPress: () => setViewerOpen(true),
-              activeOpacity: 0.9,
-              children: /*#__PURE__*/_jsx(Image, {
-                source: {
-                  uri: resolveNoteUrl(fileBaseUrl, String(selectedNote.file)),
-                  headers: authToken || schoolCode ? {
-                    ...(authToken ? {
-                      Authorization: authToken
-                    } : {}),
-                    ...(schoolCode ? {
-                      school_code: schoolCode
-                    } : {})
-                  } : undefined
-                },
-                style: styles.previewImage,
-                resizeMode: "contain"
-              })
-            }) : /*#__PURE__*/_jsx(TouchableOpacity, {
-              style: styles.documentBtn,
-              onPress: () => viewNoteAttachment().catch(() => {}),
-              disabled: downloading,
-              children: /*#__PURE__*/_jsx(Text, {
-                style: styles.documentBtnText,
-                children: downloading ? 'Opening Document...' : 'View Document'
-              })
+            }), selectedNoteFiles.length ? /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsxs(Text, {
+                style: styles.fileText,
+                children: ["Selected: ", selectedNoteFiles.length, " file", selectedNoteFiles.length > 1 ? 's' : '']
+              }), /*#__PURE__*/_jsx(View, {
+                style: styles.attachmentList,
+                children: selectedNoteFiles.map((currentFile, index) => /*#__PURE__*/_jsxs(View, {
+                  style: styles.attachmentRow,
+                  children: [/*#__PURE__*/_jsx(Text, {
+                    style: styles.attachmentName,
+                    numberOfLines: 1,
+                    children: fileBaseName(currentFile)
+                  }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                    style: styles.inlineActionBtn,
+                    onPress: () => {
+                      setSelectedActiveFile(currentFile);
+                      viewNoteAttachment(currentFile).catch(() => {});
+                    },
+                    children: /*#__PURE__*/_jsx(Text, {
+                      style: styles.inlineActionText,
+                      children: "View"
+                    })
+                  })]
+                }, `${currentFile}-${index}`))
+              }), selectedActiveFile ? isImageUrl(selectedActiveFile) || isImageUrl(resolveNoteUrl(fileBaseUrl, selectedActiveFile)) ? /*#__PURE__*/_jsx(TouchableOpacity, {
+                style: styles.previewWrap,
+                onPress: () => viewNoteAttachment(selectedActiveFile).catch(() => {}),
+                activeOpacity: 0.9,
+                children: /*#__PURE__*/_jsx(Image, {
+                  source: {
+                    uri: resolveNoteUrl(fileBaseUrl, selectedActiveFile),
+                    headers: authToken || schoolCode ? {
+                      ...(authToken ? {
+                        Authorization: authToken
+                      } : {}),
+                      ...(schoolCode ? {
+                        school_code: schoolCode
+                      } : {})
+                    } : undefined
+                  },
+                  style: styles.previewImage,
+                  resizeMode: "contain"
+                })
+              }) : /*#__PURE__*/_jsx(TouchableOpacity, {
+                style: styles.documentBtn,
+                onPress: () => viewNoteAttachment(selectedActiveFile).catch(() => {}),
+                disabled: downloading,
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: styles.documentBtnText,
+                  children: downloading ? 'Opening Document...' : 'View Document'
+                })
+              }) : null]
             }) : null]
           }) : null]
         })
       })
-    }), ImageView && selectedNote?.file && isImageUrl(String(selectedNote.file)) ? /*#__PURE__*/_jsx(ImageView, {
-      images: [{
-        uri: resolveNoteUrl(fileBaseUrl, String(selectedNote.file))
-      }],
-      imageIndex: 0,
+    }), ImageView && viewerImages.length ? /*#__PURE__*/_jsx(ImageView, {
+      images: viewerImages,
+      imageIndex: viewerIndex,
       visible: viewerOpen,
       onRequestClose: () => setViewerOpen(false)
     }) : null, /*#__PURE__*/_jsx(Modal, {
@@ -1189,6 +1432,51 @@ const styles = StyleSheet.create({
     color: '#374151',
     marginTop: 8
   },
+  attachmentList: {
+    width: '100%',
+    marginTop: 8
+  },
+  attachmentRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingVertical: 8,
+    borderBottomWidth: 1,
+    borderBottomColor: '#E5E7EB',
+    gap: 10
+  },
+  attachmentName: {
+    flex: 1,
+    color: '#111827',
+    fontSize: 13
+  },
+  attachmentActions: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  inlineActionBtn: {
+    paddingHorizontal: 10,
+    paddingVertical: 6,
+    borderRadius: 8,
+    backgroundColor: '#DBEAFE'
+  },
+  inlineActionText: {
+    color: '#1D4ED8',
+    fontWeight: '700',
+    fontSize: 12
+  },
+  inlineRemoveBtn: {
+    paddingHorizontal: 10,
+    paddingVertical: 6,
+    borderRadius: 8,
+    backgroundColor: '#FEE2E2'
+  },
+  inlineRemoveText: {
+    color: '#B91C1C',
+    fontWeight: '700',
+    fontSize: 12
+  },
   previewWrap: {
     marginTop: 12,
     borderWidth: 1,
@@ -1277,5 +1565,31 @@ const styles = StyleSheet.create({
     color: '#6B7280',
     textAlign: 'center',
     paddingVertical: 16
+  },
+  statusBanner: {
+    marginTop: 10,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    borderRadius: 12,
+    borderWidth: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 10
+  },
+  statusBannerText: {
+    flex: 1,
+    fontSize: 12,
+    fontWeight: '700'
+  },
+  errorText: {
+    marginTop: 6,
+    fontSize: 12,
+    color: '#DC2626',
+    fontWeight: '600'
+  },
+  loadingRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
   }
 });