feat(feedback): Implements Report a Bug button

[antonis]

📢 Type of change

• Bugfix
• New feature
• Enhancement
• Refactoring

📜 Description

Implements feedback button that launches the feedback widget using the auto-injected feedback widget

The button is shown with Sentry.showFeedbackButton() and hidden with Sentry.hideFeedbackButton() provided that the app is wrapped (Sentry.wrap(RootComponent)). The button can be styled like:

Sentry.feedbackIntegration({
  buttonOptions: {
    styles: {
      triggerButton: {
        marginBottom: 75,
      },
    },
  },
})

💡 Motivation and Context

Part of #4302

💚 How did you test it?

Manual testing with the sample app

📝 Checklist

• I added tests to verify changes
• No new PII added or SDK only sends newly added PII if sendDefaultPII is enabled
• I updated the docs if needed.
• I updated the wizard if needed.
• All tests passing
• No breaking changes

🔮 Next steps

[github-actions]

	Messages
📖	Do not forget to update Sentry-docs with your feature once the pull request gets approved.

Generated by 🚫 dangerJS against b3fe27c

[krystofwoldrich]

I would replace the showFeedbackButton option with static API Sentry.showFeedbackButton() and Sentry.hideFeedbackButton() to allow for more dynamic scenarios, like showing the button when an error happens or when shake gesture is detected.

The styles, I think, make sense to set in the integration option as it is.

The hide, I think, is important in this case to allow for hiding the button after the feedback is submitted, for example.

[antonis]

Good idea Krystof 👍
Updated with 06adadd

[krystofwoldrich]

The web version has a border similar to the form buttons.

[krystofwoldrich]

I noticed that the button is above the shadow when dismissing the form.

[krystofwoldrich]

Let's also add a dummy button integration to track the usage of the button.

sentry-react-native/packages/core/src/js/feedback/lazy.ts

Line 21 in 60ad48c

export function lazyLoadAutoInjectFeedbackIntegration(): void {

(In the long term, we should start using the features field. I'll create an issue for that.)

[antonis]

Thank you for reviewing and your feedback @krystofwoldrich 🙇

I noticed that the button is above the shadow when dismissing the form.

Good catch 👍 Should be fixed after 04f1a8d

Let's also add a dummy button integration to track the usage of the button.

Good point! Added with 7473c58

The web version has a border similar to the form buttons.

Good catch 👍 Added the border with 24b3df0