feat: multiple media selection on Drive conversations - WPB-24046

[jullianm]

WPB-24046 [iOS] Improve sending multiple images on iOS

Issue

Currently user has to select each image from the gallery (custom and native one) one by one and approve it in full screen view.

This PR introduces changes to allow the user to frictionlessly upload multiple media at once.

Overview

• On selection of assets from the custom gallery (at the bottom), assets are now directly attached - no full screen confirmation.
• Multiple assets can be selected and they are easily identifiable from the custom gallery (checkmarked). They can be deselected which automatically removes the related drafts from the preview.
• Full screen confirmation now only opens on tap of the attached asset (image or video)
• When the asset (image) is edited on that confirmation screen, it updates the attached asset.
• The native PHPickerViewController is introduced to allow multiple media selection (previously UIImagePickerController was used)

Testing

Wire drive conversations

• Hit camera icon button
• Select multiple media image / video, observe that full screen confirmation screen no longer opens but selected media are directly attached and uploaded.
• Hit “files” icon button, select multiple files and validate.
• In the input bar, tap on image attachment, it now opens full screen confirmation, edit the image (draw something), tap “OK”, attachment image will be upated. Tapping “OK” or “Cancel” on an un-edited image will simply dimiss the screen
• Tap again on that updated attachment to check that asset has been correctly updated.
• Tap on a video attachment, observe that it opens the same full screen view, “OK” or “Cancel” simply dismisses the screen.
• Tap on file attachment, observe that it doesn’t open anything..
• In the media scrollable view, hit the “Gallery” icon button, it should open the native gallery screen allowing multiple media selection
• Select multiple media (videos/images), validate and observe selected media are correctly attached.
• Take a picture with the camera, observe that the draft is correctly attached
• Remove some attachments and attach new media based on the previous use cases to ensure drafts behaviour is preserved.

Non-Wire drive conversations (non regression test)

• Behaviour should be as before as nothing was changed for these conversations.

Checklist

• Title contains a reference JIRA issue number like [WPB-XXX].
• Description is filled and free of optional paragraphs.
• Adds/updates automated tests.

---

UI accessibility checklist

If your PR includes UI changes, please utilize this checklist:

• Make sure you use the API for UI elements that support large fonts.
• All colors are taken from WireDesign.ColorTheme or constructed using WireDesign.BaseColorPalette.
• New UI elements have Accessibility strings for VoiceOver.

[github-actions]

Test Results

4 552 tests   4 525 ✅  7m 40s ⏱️
  601 suites     27 💤
    3 files        0 ❌

Results for commit 35d830e.

♻️ This comment has been updated with latest results.

Summary: workflow run #25305822495
Allure report (download zip): html-report-29641-feat_drive-multiple-media-selection

[johnxnguyen]

Looks good, left a couple questions.

[OlivellaO]

Approved with question

[WilhelmOks]

LGTM. Added a few comments.

[github-actions]

Test Results – WireMessagingAll

303 tests   303 ✅  1m 24s ⏱️
 60 suites    0 💤
  1 files      0 ❌

Results for commit 12fa484.

♻️ This comment has been updated with latest results.

[github-actions]

Test Results – Wire-iOS

1 879 tests   1 852 ✅  2m 2s ⏱️
  301 suites     27 💤
    1 files        0 ❌

Results for commit 12fa484.

♻️ This comment has been updated with latest results.

[jullianm]

@netbe @johnxnguyen @WilhelmOks @OlivellaO FYI, I made some improvements / fixes following the PT, these are visible in this single commit: 700d393

• Handle drafts selection/deselection on the custom picker: making it visible to the user (checkmark icon) and automatically synchronizing it with the draft preview (when asset is deselected, the draft preview is automatically removed)
• Prevent duplicated drafts uploads from the native picker
• Adjust send button in edition screen

Feel free to review it if you want.

[github-actions]

Test Results – WireUIAll

161 tests   160 ✅  58s ⏱️
 41 suites    1 💤
  1 files      0 ❌

Results for commit 12fa484.

♻️ This comment has been updated with latest results.

[github-actions]

Test Results – WireDataModel

2 377 tests   2 377 ✅  4m 38s ⏱️
  245 suites      0 💤
    1 files        0 ❌

Results for commit 12fa484.

♻️ This comment has been updated with latest results.

[datadog-wireapp]

🎉 All green!

❄️ No new flaky tests detected
🧪 All tests passed

_{This comment will be updated automatically if new data arrives.
🔗 Commit SHA: 12fa484 | Docs | Give us feedback!}

[sonarqubecloud]

Quality Gate passed

Issues
14 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud