Add user feedback integration checkbox

docs/platforms/javascript/common/index.mdx

@@ -47,7 +47,7 @@ Select which Sentry features you'd like to install in addition to Error Monitori
 <PlatformCategorySection notSupported={["server"]}>
   <PlatformSection notSupported={["javascript", "javascript.cordova"]}>
     <OnboardingOptionButtons
-      options={["error-monitoring", "performance", "session-replay"]}
+      options={["error-monitoring", "performance", "session-replay", "user-feedback"]}
     />
   </PlatformSection>
 </PlatformCategorySection>
@@ -78,7 +78,7 @@ Select which Sentry features you'd like to install in addition to Error Monitori
 
 <PlatformSection notSupported={["javascript.nextjs"]}>
 
-Sentry captures data by using an SDK within your application’s runtime.
+Sentry captures data by using an SDK within your application's runtime.
 
 </PlatformSection>
 

docs/platforms/javascript/guides/angular/manual-setup.mdx

@@ -24,7 +24,7 @@ You need:
 Choose the features you want to configure, and this guide will show you how:
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "session-replay"]}
+  options={["error-monitoring", "performance", "session-replay", "user-feedback"]}
 />
 
 <PlatformContent includePath="getting-started-features-expandable" />
@@ -102,6 +102,12 @@ Sentry.init({
     // which automatically captures Session Replays
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 
@@ -156,6 +162,12 @@ Sentry.init({
     // which automatically captures Session Replays
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 

docs/platforms/javascript/guides/astro/index.mdx

@@ -26,9 +26,9 @@ Non-Node runtimes, like Vercel's Edge runtime or Cloudflare Pages, are currently
 
 ## Install
 
-<OnboardingOptionButtons options={["error-monitoring", "performance", "profiling", "session-replay"]} />
+<OnboardingOptionButtons options={["error-monitoring", "performance", "profiling", "session-replay", "user-feedback"]} />
 
-Sentry captures data by using an SDK within your application’s runtime.
+Sentry captures data by using an SDK within your application's runtime.
 
 Install the SDK by using the `astro` CLI:
 
@@ -112,6 +112,12 @@ Sentry.init({
     // ___PRODUCT_OPTION_START___ session-replay
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 

docs/platforms/javascript/guides/capacitor/index.mdx

@@ -16,9 +16,9 @@ Select which Sentry features you'd like to install in addition to Error Monitori
 
 ## Install
 
-<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay"]} />
+<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay", "user-feedback"]} />
 
-Sentry captures data by using an SDK within your application’s runtime.
+Sentry captures data by using an SDK within your application's runtime.
 
 Install the Sentry Capacitor SDK alongside the corresponding Sentry SDK for the framework you're using:
 
@@ -130,6 +130,12 @@ Sentry.init(
       // which automatically captures Session Replays
       Sentry.replayIntegration(),
       // ___PRODUCT_OPTION_END___ session-replay
+      // ___PRODUCT_OPTION_START___ user-feedback
+      Sentry.feedbackIntegration({
+        // Additional SDK configuration goes in here, for example:
+        colorScheme: "system",
+      }),
+      // ___PRODUCT_OPTION_END___ user-feedback
     ],
     // ___PRODUCT_OPTION_START___ performance
 
@@ -209,6 +215,12 @@ Sentry.init(
       // which automatically captures Session Replays
       new Sentry.Replay(),
       // ___PRODUCT_OPTION_END___ session-replay
+      // ___PRODUCT_OPTION_START___ user-feedback
+      Sentry.feedbackIntegration({
+        // Additional SDK configuration goes in here, for example:
+        colorScheme: "system",
+      }),
+      // ___PRODUCT_OPTION_END___ user-feedback
     ],
 
     // ___PRODUCT_OPTION_START___ performance
@@ -285,6 +297,12 @@ Sentry.init(
       // which automatically captures Session Replays
       Sentry.replayIntegration(),
       // ___PRODUCT_OPTION_END___ session-replay
+      // ___PRODUCT_OPTION_START___ user-feedback
+      Sentry.feedbackIntegration({
+        // Additional SDK configuration goes in here, for example:
+        colorScheme: "system",
+      }),
+      // ___PRODUCT_OPTION_END___ user-feedback
     ],
     // ___PRODUCT_OPTION_START___ performance
 
@@ -345,6 +363,12 @@ Sentry.init(
       // which automatically captures Session Replays
       Sentry.replayIntegration(),
       // ___PRODUCT_OPTION_END___ session-replay
+      // ___PRODUCT_OPTION_START___ user-feedback
+      Sentry.feedbackIntegration({
+        // Additional SDK configuration goes in here, for example:
+        colorScheme: "system",
+      }),
+      // ___PRODUCT_OPTION_END___ user-feedback
     ],
     // ___PRODUCT_OPTION_START___ performance
 
@@ -402,6 +426,12 @@ Sentry.init(
       // which automatically captures Session Replays
       Sentry.replayIntegration(),
       // ___PRODUCT_OPTION_END___ session-replay
+      // ___PRODUCT_OPTION_START___ user-feedback
+      Sentry.feedbackIntegration({
+        // Additional SDK configuration goes in here, for example:
+        colorScheme: "system",
+      }),
+      // ___PRODUCT_OPTION_END___ user-feedback
     ],
     // ___PRODUCT_OPTION_START___ performance
 

docs/platforms/javascript/guides/electron/index.mdx

@@ -17,7 +17,7 @@ Select which Sentry features you'd like to install in addition to Error Monitori
 
 ## Install
 
-<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay"]} />
+<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay", "user-feedback"]} />
 
 ```bash {tabTitle:npm}
 npm install @sentry/electron --save
@@ -61,6 +61,12 @@ Sentry.init({
     // ___PRODUCT_OPTION_START___ session-replay
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 

docs/platforms/javascript/guides/ember/index.mdx

@@ -24,9 +24,9 @@ Select which Sentry features you'd like to install in addition to Error Monitori
 
 ## Install
 
-<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay"]} />
+<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay", "user-feedback"]} />
 
-Sentry captures data by using an SDK within your application’s runtime.
+Sentry captures data by using an SDK within your application's runtime.
 
 <PlatformContent includePath="getting-started-install" />
 
@@ -52,7 +52,15 @@ Sentry.init({
   sendDefaultPii: true,
 
   // ___PRODUCT_OPTION_START___ session-replay
-  integrations: [Sentry.replayIntegration()],
+  integrations: [
+    Sentry.replayIntegration(),
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
+  ],
   // ___PRODUCT_OPTION_END___ session-replay
   // ___PRODUCT_OPTION_START___ performance
 

docs/platforms/javascript/guides/gatsby/index.mdx

@@ -15,7 +15,7 @@ Select which Sentry features you'd like to install in addition to Error Monitori
 
 ## Install
 
-<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay"]} />
+<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay", "user-feedback"]} />
 
 To use Sentry with your Gatsby application, you will need to use `@sentry/gatsby` (Sentry's Gatsby SDK):
 
@@ -71,6 +71,12 @@ Sentry.init({
     // ___PRODUCT_OPTION_START___ session-replay
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 

docs/platforms/javascript/guides/nextjs/manual-setup.mdx

@@ -16,7 +16,7 @@ description: "Learn how to manually set up Sentry in your Next.js app and captur
 Choose the features you want to configure, and this guide will show you how:
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "session-replay"]}
+  options={["error-monitoring", "performance", "session-replay", "user-feedback"]}
 />
 
 <PlatformContent includePath="getting-started-features-expandable" />
@@ -122,7 +122,15 @@ Sentry.init({
   // ___PRODUCT_OPTION_END___ performance
   // ___PRODUCT_OPTION_START___ session-replay
   // Replay may only be enabled for the client-side
-  integrations: [Sentry.replayIntegration()],
+  integrations: [
+    Sentry.replayIntegration(),
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
+  ],
 
   // Capture Replay for 10% of all sessions,
   // plus for 100% of sessions with an error

docs/platforms/javascript/guides/nuxt/manual-setup.mdx

@@ -51,7 +51,7 @@ Add the following overrides:
 Choose the features you want to configure, and this guide will show you how:
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "session-replay"]}
+  options={["error-monitoring", "performance", "session-replay", "user-feedback"]}
 />
 
 <PlatformContent includePath="getting-started-features-expandable" />
@@ -103,7 +103,15 @@ Sentry.init({
   // ___PRODUCT_OPTION_START___ session-replay
 
   // Replay may only be enabled for the client-side
-  integrations: [Sentry.replayIntegration()],
+  integrations: [
+    Sentry.replayIntegration(),
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
+  ],
   // ___PRODUCT_OPTION_END___ session-replay
   // ___PRODUCT_OPTION_START___ performance
 

docs/platforms/javascript/guides/react-router/index.mdx

@@ -25,13 +25,14 @@ categories:
 
 ## Install
 
-Sentry captures data by using an SDK within your application’s runtime.
+Sentry captures data by using an SDK within your application's runtime.
 
 <OnboardingOptionButtons
   options={[
     "error-monitoring",
     "performance",
     "session-replay",
+    "user-feedback",
     {
       id: 'profiling',
       checked: false
@@ -103,6 +104,12 @@ Initialize the Sentry React SDK in your `entry.client.tsx` file:
 +    // ___PRODUCT_OPTION_START___ session-replay
 +    Sentry.replayIntegration(),
 +    // ___PRODUCT_OPTION_END___ session-replay
++    // ___PRODUCT_OPTION_START___ user-feedback
++    Sentry.feedbackIntegration({
++      // Additional SDK configuration goes in here, for example:
++      colorScheme: "system",
++    }),
++    // ___PRODUCT_OPTION_END___ user-feedback
 +  ],
 +  // ___PRODUCT_OPTION_START___ performance
 +

docs/platforms/javascript/guides/react/index.mdx

@@ -16,7 +16,7 @@ categories:
 Choose the features you want to configure, and this guide will show you how:
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "session-replay"]}
+  options={["error-monitoring", "performance", "session-replay", "user-feedback"]}
 />
 
 <PlatformContent includePath="getting-started-features-expandable" />
@@ -63,6 +63,12 @@ Sentry.init({
     // ___PRODUCT_OPTION_START___ session-replay
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
 
   // ___PRODUCT_OPTION_START___ performance

docs/platforms/javascript/guides/remix/manual-setup.mdx

@@ -15,7 +15,7 @@ Select which Sentry features you'd like to install in addition to Error Monitori
 ## Install
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "profiling", "session-replay"]}
+  options={["error-monitoring", "performance", "profiling", "session-replay", "user-feedback"]}
 />
 
 Get started by installing the Sentry Remix SDK:
@@ -62,6 +62,12 @@ Sentry.init({
     // Replay is only available in the client
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 

docs/platforms/javascript/guides/solid/index.mdx

@@ -16,9 +16,9 @@ Select which Sentry features you'd like to install in addition to Error Monitori
 
 ## Install
 
-<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay"]} />
+<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay", "user-feedback"]} />
 
-Sentry captures data by using an SDK within your application’s runtime.
+Sentry captures data by using an SDK within your application's runtime.
 
 ```bash {tabTitle:npm}
 npm install @sentry/solid --save
@@ -68,6 +68,12 @@ if (!DEV) {
       // ___PRODUCT_OPTION_START___ session-replay
       Sentry.replayIntegration(),
       // ___PRODUCT_OPTION_END___ session-replay
+      // ___PRODUCT_OPTION_START___ user-feedback
+      Sentry.feedbackIntegration({
+        // Additional SDK configuration goes in here, for example:
+        colorScheme: "system",
+      }),
+      // ___PRODUCT_OPTION_END___ user-feedback
     ],
     // ___PRODUCT_OPTION_START___ performance