From d9409e961df6b7c9097b75f212c5eb35df07ed63 Mon Sep 17 00:00:00 2001
From: Codex Agent <codex-agent@example.com>
Date: Tue, 10 Feb 2026 07:57:56 +0100
Subject: [PATCH] Fix multi-image selection when mime type is missing

---
 .../js/guest-v2/__tests__/UploadScreen.test.tsx  | 16 ++++++++++++++++
 resources/js/guest-v2/screens/UploadScreen.tsx   | 12 +++++++++++-
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/resources/js/guest-v2/__tests__/UploadScreen.test.tsx b/resources/js/guest-v2/__tests__/UploadScreen.test.tsx
index 5a3bdce8..00bdf0fc 100644
--- a/resources/js/guest-v2/__tests__/UploadScreen.test.tsx
+++ b/resources/js/guest-v2/__tests__/UploadScreen.test.tsx
@@ -147,4 +147,20 @@ describe('UploadScreen', () => {
     });
     expect(addToQueueMock).not.toHaveBeenCalled();
   });
+
+  it('accepts image files with empty mime type when extension is valid', async () => {
+    const { container } = render(
+      <EventDataProvider token="token">
+        <UploadScreen />
+      </EventDataProvider>
+    );
+
+    const input = container.querySelector('input[type="file"]') as HTMLInputElement;
+    const file = new File(['rawdata'], 'from-library.jpg', { type: '' });
+
+    fireEvent.change(input, { target: { files: [file] } });
+
+    expect(await screen.findByLabelText('Remove photo')).toBeInTheDocument();
+    expect(screen.getByText('{count} photos selected')).toBeInTheDocument();
+  });
 });
diff --git a/resources/js/guest-v2/screens/UploadScreen.tsx b/resources/js/guest-v2/screens/UploadScreen.tsx
index 5e5fbfb8..257f6af1 100644
--- a/resources/js/guest-v2/screens/UploadScreen.tsx
+++ b/resources/js/guest-v2/screens/UploadScreen.tsx
@@ -25,6 +25,16 @@ type SelectedPreview = {
   url: string;
 };
 
+const IMAGE_FILE_EXTENSION_PATTERN = /\.(avif|bmp|gif|heic|heif|jpeg|jpg|png|webp)$/i;
+
+function isImageFile(file: File): boolean {
+  if (typeof file.type === 'string' && file.type.toLowerCase().startsWith('image/')) {
+    return true;
+  }
+
+  return IMAGE_FILE_EXTENSION_PATTERN.test(file.name);
+}
+
 function getTaskValue(task: TaskItem, key: string): string | undefined {
   const value = task?.[key as keyof TaskItem];
   if (typeof value === 'string' && value.trim() !== '') return value;
@@ -374,7 +384,7 @@ export default function UploadScreen() {
   const handleFiles = React.useCallback(
     async (fileList: FileList | null) => {
       if (!fileList) return;
-      const files = Array.from(fileList).filter((file) => file.type.startsWith('image/'));
+      const files = Array.from(fileList).filter((file) => isImageFile(file));
       if (files.length === 0) {
         setError(t('uploadV2.errors.invalidFile', 'Please choose a photo file.'));
         return;