[EPIC] Feedback Widget for React Native

[krystofwoldrich]

Sentry currently offers only Feedback API for React Native applications and the widget to collect feedback needs to be implemented by the app developers. The goal of this task is to provide pre-made widget, which can be directly used in React Native applications.

Current browser widget docs.
Current React Native Feedback api docs.
Example React Native implementation in Sentry Demo app

Tasks Overview

Feature Branch /feedback-ui

Currently in progress for beta release

Preview Give feedback

No tasks being tracked yet.

Beta tasks

Preview Give feedback

No tasks being tracked yet.

GA tasks

Preview Give feedback

1. feat(feedback): Implements Report a Bug button #4378
   +0
2. Add Feedback Auto-Inject E2E test (maestro flow) test(e2e): Adds Feedback Widget Maestro E2E tests #4604
3. Support themes (light/dark mode) feat(feedback): Add theming #4677
4. Review Accessibility - VoiceOver (iOS) and TalkBack (Android)
5. Take screenshot button in the UI
6. Show Report button on shake
7. Show Report button when screenshot taken
8. Add feedback widget to wizard (ask user if they would like to setup Feedback widget)
9. Screenshot annotations (ability to draw into the screenshot)

Done

Preview Give feedback

1. RN: Add feedback widget documentation sentry-docs#12503
   +0
2. Fix Expo Web issues feat(feedback): Support web environments #4558
3. RN: Updates capture feedback documentation sentry-docs#11980
   Platform: React-Native +1
4. Feedback UI: Use Image Picker libraries from integrations #4524
   +0
5. Add new captureFeedback API to RN SDK #3859
   Platform: React-Native +1
   
6. Implement basic capture feedback form UI #4336
   Platform: React-Native +1
   
7. Add attachment/screenshot handling in the feedback form UI #4337
   Platform: React-Native +1
   
8. Handle feedback form submision errors #4359
   Platform: React-Native +1
   
9. (1) feat: Add Feedback Form Component #4328
   +0
10. Feedback Form: Show success toast #4356
    Platform: React-Native +1
    
11. Update Set Up User Feedback documentation #4319
    Platform: React-Native +1
    
12. Autoinject feedback widget #4483
    +0
13. fix: Disable movement/scroll only in overflow (iOS only issue)
14. feat: Add pull down to cancel feat(feedback): Pull down to cancel #4534
15. feat: [design] Add rounded corners and the appearance of a sheet with a darkened top
16. feat: Save form content when closed, failed (reopening the form keeps the content), only clear after sent feat(feedback): Save form state for un-submitted data #4538
17. Show selected screenshot thumbnail/preview in the UI feat(feedback): Show selected screenshot #4545