Use Automatic representation for all image pickers (#8963)

Author: estrattonbailey

src/lib/media/picker.shared.ts

@@ -23,6 +23,8 @@ export async function openPicker(opts?: ImagePickerOptions) {
     selectionLimit: 1,
     ...opts,
     legacy: true,
+    preferredAssetRepresentationMode:
+      UIImagePickerPreferredAssetRepresentationMode.Automatic,
   })
 
   return (response.assets ?? [])
@@ -54,7 +56,7 @@ export async function openUnifiedPicker({
     base64: isWeb,
     selectionLimit: isIOS ? selectionCountRemaining : undefined,
     preferredAssetRepresentationMode:
-      UIImagePickerPreferredAssetRepresentationMode.Current,
+      UIImagePickerPreferredAssetRepresentationMode.Automatic,
     videoMaxDuration: VIDEO_MAX_DURATION_MS / 1000,
   })
 }

src/screens/Onboarding/StepProfile/index.tsx

@@ -4,7 +4,7 @@ import {Image as ExpoImage} from 'expo-image'
 import {
   type ImagePickerOptions,
   launchImageLibraryAsync,
-  MediaTypeOptions,
+  UIImagePickerPreferredAssetRepresentationMode,
 } from 'expo-image-picker'
 import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
@@ -97,10 +97,12 @@ export function StepProfile() {
       const response = await sheetWrapper(
         launchImageLibraryAsync({
           exif: false,
-          mediaTypes: MediaTypeOptions.Images,
+          mediaTypes: ['images'],
           quality: 1,
           ...opts,
           legacy: true,
+          preferredAssetRepresentationMode:
+            UIImagePickerPreferredAssetRepresentationMode.Automatic,
         }),
       )