Update user feedback to common (#3467)

* initial refactor to add http method to common

* add dotnet

* update stale link

* modify include directory name

* modify dotnet to point to aspnet and aspnetcore as needed

* fix broken links

Author: PeloWriter

src/includes/user-feedback-example-widget/_default.mdx renamed to src/includes/user-feedback/example-widget/_default.mdx

@@ -0,0 +1,24 @@
+Make sure you've got the JavaScript SDK available:
+
+```html
+<script
+  src="https://browser.sentry-cdn.com/{{ packages.version('sentry.javascript.browser') }}/bundle.min.js"
+  integrity="sha384-{{ packages.checksum('sentry.javascript.browser', 'bundle.min.js', 'sha384-base64') }}"
+  crossorigin="anonymous"
+></script>
+```
+
+You'll then need to call `showReportDialog` and pass in the generated event ID.
+This event ID is returned from all calls to <PlatformIdentifier
+name="capture-event" /> and <PlatformIdentifier name="capture-exception" />.
+There is also a function called <PlatformIdentifier name="last-event-id" />
+that returns the ID of the most recently sent event.
+
+```html
+<script>
+  Sentry.init({ dsn: "___PUBLIC_DSN___" });
+  Sentry.showReportDialog({
+    eventId: "{{ event_id }}",
+  });
+</script>
+```

src/includes/user-feedback-example-widget/dotnet.aspnet.mdx renamed to src/includes/user-feedback/example-widget/dotnet.aspnet.mdx

@@ -0,0 +1,26 @@
+```java
+import io.sentry.Sentry;
+import io.sentry.UserFeedback;
+
+SentryId sentryId = Sentry.captureMessage("My message");
+
+UserFeedback userFeedback = new UserFeedback(sentryId);
+userFeedback.setComments("It broke.");
+userFeedback.setEmail("[email protected]");
+userFeedback.setName("John Doe");
+Sentry.captureUserFeedback(userFeedback);
+```
+
+```kotlin
+import io.sentry.Sentry
+import io.sentry.UserFeedback
+
+val sentryId = Sentry.captureMessage("My message")
+
+val userFeedback = UserFeedback(sentryId).apply {
+  comments = "It broke."
+  email = "[email protected]"
+  name = "John Doe"
+}
+Sentry.captureUserFeedback(userFeedback)
+```

src/includes/user-feedback-example-widget/dotnet.aspnetcore.mdx renamed to src/includes/user-feedback/example-widget/dotnet.aspnetcore.mdx

@@ -1,13 +1,3 @@
----
-title: "User Feedback"
-sidebar_order: 105
-
-description: "Learn more about the user feedback API, which provides the ability to collect user information when an event occurs. Sentry pairs the feedback with the original event, giving you additional insight into issues."
----
-
-The user feedback API provides the ability to collect user information when an event occurs. Sentry pairs the feedback with the original event, giving you additional insight into issues.
-Sentry needs the `eventId` to be able to associate the user feedback to the corresponding event. To get the `eventId`, for example, you can use the <PlatformLink to="/configuration/options/#before-send">beforeSend</PlatformLink> or the return value of the methods capturing an event.
-
 ```swift {tabTitle:Swift}
 import Sentry
 

src/includes/user-feedback/example-widget/dotnet.mdx

@@ -0,0 +1,26 @@
+```java
+import io.sentry.Sentry;
+import io.sentry.UserFeedback;
+
+SentryId sentryId = Sentry.captureMessage("My message");
+
+UserFeedback userFeedback = new UserFeedback(sentryId);
+userFeedback.setComments("It broke.");
+userFeedback.setEmail("[email protected]");
+userFeedback.setName("John Doe");
+Sentry.captureUserFeedback(userFeedback);
+```
+
+```kotlin {tabTitle:Kotlin}
+import io.sentry.Sentry
+import io.sentry.UserFeedback
+
+val sentryId = Sentry.captureMessage("My message")
+
+val userFeedback = UserFeedback(sentryId).apply {
+  comments = "It broke."
+  email = "[email protected]"
+  name = "John Doe"
+}
+Sentry.captureUserFeedback(userFeedback)
+```

src/includes/user-feedback-example-widget/javascript.electron.mdx renamed to src/includes/user-feedback/example-widget/javascript.electron.mdx

@@ -3,36 +3,75 @@ title: "User Feedback"
 sidebar_order: 105
 redirect_from:
   - /learn/user-feedback/
-description: "Learn more about the embeddable JavaScript widget, which requests and collects the user information when an event occurs. Sentry pairs the feedback with the original event, giving you additional insight into issues."
+description: "Learn more about collecting user feedback when an event occurs. Sentry pairs the feedback with the original event, giving you additional insight into issues."
 notSupported:
-  - android
-  - apple
   - native
-  - native.breakpad
-  - native.crashpad
-  - native.minidumps
-  - native.wasm
-  - native.ue4
   - dart
   - flutter
   - ruby
 ---
 
-When a user experiences an error, Sentry provides the ability to collect additional feedback. This type of feedback is useful when you may typically render a plain error page (the classic `500.html`).
+When a user experiences an error, Sentry provides the ability to collect additional feedback. You can collect feedback according to the method supported by the SDK.
 
-To collect feedback, use the embeddable JavaScript widget, which requests and collects the user's name, email address, and a description of what occurred. When feedback is provided, Sentry pairs the feedback with the original event, giving you additional insights into issues.
+<PlatformSection supported={["java", "apple", "android"]} >
+
+## User Feedback API
+
+The user feedback API provides the ability to collect user information when an event occurs. You can use the same programming languge you have in your app to send user feedback. In this case, the SDK creates the HTTP request so you don't have to deal with posting data via HTTP.
+
+Sentry pairs the feedback with the original event, giving you additional insight into issues. Sentry needs the `eventId` to be able to associate the user feedback to the corresponding event. To get the `eventId`, for example, you can use the <PlatformLink to="/configuration/options/#before-send">beforeSend</PlatformLink> or the return value of the methods capturing an event.
+
+<PlatformContent includePath="user-feedback/sdk-api-example" />
+
+</PlatformSection>
+
+<PlatformSection supported={["dotnet"]}>
+
+## Use the .NET SDK
+
+<Note>
+
+User Feedback for **[ASP.NET](/platforms/dotnet/guides/aspnet/enriching-events/user-feedback/#integration)** or **[ASP.NET Core](/platforms/dotnet/guides/aspnetcore/enriching-events/user-feedback/#integration)** supply integrations specific to supporting those SDKs.
+
+</Note>
+
+You can create a form to collect the user input in your prefered framework, and use the SDK's API to send the information to Sentry. You can also use the widget, as described below. If you'd prefer an alternative to the widget or do not have a JavaScript frontend, you can use this API or a [Web API](/api/projects/submit-user-feedback/).
+
+```csharp {tabTitle:C#}
+using Sentry;
+
+var eventId = SentrySdk.CaptureMessage("An event that will receive user feedback.");
+
+SentrySdk.CaptureUserFeedback(eventId, "[email protected]", "It broke.", "The User");
+```
+
+```fsharp {tabTitle:F#}
+open Sentry
+
+let eventId = SentrySdk.CaptureMessage("An event that will receive user feedback.")
+
+SentrySdk.CaptureUserFeedback(eventId, "[email protected]", "It broke.", "The User")
+```
+
+</PlatformSection>
+
+<PlatformSection notSupported={["android", "apple", "java", "native", "dart", "flutter", "ruby"]}>
+
+## Embeddable JavaScript Widget
+
+Our embeddable JavaScript widget is useful when you may typically render a plain error page (the classic `500.html`) on your website.
+
+To collect feedback, the widget requests and collects the user's name, email address, and a description of what occurred. When feedback is provided, Sentry pairs the feedback with the original event, giving you additional insights into issues.
 
 The screenshot below provides an example of the User Feedback widget, though yours may differ depending on your customization:
 
 ![An example of a user feedback widget with text boxes for user name, email, and additional details about the break.](user_feedback_widget.png)
 
-## Collecting Feedback
+### Integration
 
 To integrate the widget, you'll need to be running version 2.1 or newer of our JavaScript SDK. The widget authenticates with your public DSN, then passes in the Event ID that was generated on your backend.
 
-**If you'd prefer an alternative to the widget or do not have a JavaScript frontend, you can use the [User Feedback API](https://docs.sentry.io/api/projects/post-project-user-reports/).**
-
-<PlatformContent includePath="user-feedback-example-widget" />
+<PlatformContent includePath="user-feedback/example-widget" />
 
 ## Customizing the Widget
 
@@ -60,3 +99,9 @@ An override for Sentry’s automatic language detection (e.g. `lang=de`)
 | `errorFormEntry` | Some fields were invalid. Please correct the errors and try again.                                |
 | `successMessage` | Your feedback has been sent. Thank you!                                                           |
 | `onLoad`         | n/a                                                                                               |
+
+## User Feedback API
+
+If you'd prefer an alternative to the widget or do not have a JavaScript frontend, you can use the [User Feedback API](/api/projects/submit-user-feedback/).
+
+</PlatformSection>