feat(onboarding): Add store minidumps callout

static/app/components/onboarding/gettingStartedDoc/utils/index.tsx

@@ -1,4 +1,5 @@
 import ExternalLink from 'sentry/components/links/externalLink';
+import Link from 'sentry/components/links/link';
 import type {DocsParams} from 'sentry/components/onboarding/gettingStartedDoc/types';
 import {t, tct} from 'sentry/locale';
 import {trackAnalytics} from 'sentry/utils/analytics';
@@ -66,3 +67,31 @@ export function getUploadSourceMapsStep({
     ],
   };
 }
+
+export function getStoreCrashReportsCallout({
+  organization,
+  platformKey,
+  projectId,
+  projectSlug,
+}: DocsParams) {
+  return {
+    title: t('Store Minidumps As Attachments'),
+    description: tct(
+      '[link:Store minidumps as attachments] for improved processing and download in issue details.',
+      {
+        link: (
+          <Link
+            to={`/settings/${organization.slug}/projects/${projectSlug}/security-and-privacy/`}
+            onClick={() => {
+              trackAnalytics('onboarding.store_minidumps_as_attachments_link_clicked', {
+                organization,
+                platform: platformKey,
+                project_id: projectId,
+              });
+            }}
+          />
+        ),
+      }
+    ),
+  };
+}

static/app/gettingStartedDocs/minidump/minidump.tsx

@@ -8,6 +8,7 @@ import type {
   DocsParams,
   OnboardingConfig,
 } from 'sentry/components/onboarding/gettingStartedDoc/types';
+import {getStoreCrashReportsCallout} from 'sentry/components/onboarding/gettingStartedDoc/utils';
 import {CrashReportWebApiOnboarding} from 'sentry/components/onboarding/gettingStartedDoc/utils/feedbackOnboarding';
 import {t, tct} from 'sentry/locale';
 
@@ -24,9 +25,11 @@ const onboarding: OnboardingConfig = {
       title: t('Creating and Uploading Minidumps'),
       description: (
         <Fragment>
-          {t(
-            'Depending on your operating system and programming language, there are various alternatives to create minidumps and upload them to Sentry. See the following resources for libraries that support generating minidump crash reports:'
-          )}
+          <p>
+            {t(
+              'Depending on your operating system and programming language, there are various alternatives to create minidumps and upload them to Sentry. See the following resources for libraries that support generating minidump crash reports:'
+            )}
+          </p>
           <List symbol="bullet">
             <ListItem>
               <ExternalLink href="https://docs.sentry.io/platforms/native/">
@@ -58,19 +61,21 @@ const onboarding: OnboardingConfig = {
           language: 'bash',
           code: getCurlSnippet(params),
         },
-      ],
-      additionalInfo: tct(
-        'To send additional information, add more form fields to this request. For a full description of fields accepted by Sentry, see [passingAdditionalDataLink:Passing Additional Data].',
         {
-          passingAdditionalDataLink: (
-            <ExternalLink href="https://docs.sentry.io/platforms/native/guides/minidumps/" />
+          description: tct(
+            'To send additional information, add more form fields to this request. For a full description of fields accepted by Sentry, see [passingAdditionalDataLink:Passing Additional Data].',
+            {
+              passingAdditionalDataLink: (
+                <ExternalLink href="https://docs.sentry.io/platforms/native/guides/minidumps/" />
+              ),
+            }
           ),
-        }
-      ),
+        },
+      ],
     },
   ],
   configure: () => [],
-  verify: () => [],
+  verify: params => [getStoreCrashReportsCallout(params)],
 };
 
 const docs: Docs = {

static/app/gettingStartedDocs/unity/unity.tsx

@@ -8,6 +8,7 @@ import type {
   Docs,
   OnboardingConfig,
 } from 'sentry/components/onboarding/gettingStartedDoc/types';
+import {getStoreCrashReportsCallout} from 'sentry/components/onboarding/gettingStartedDoc/utils';
 import {
   getCrashReportApiIntroduction,
   getCrashReportInstallDescription,
@@ -94,7 +95,7 @@ const onboarding: OnboardingConfig = {
       ),
     },
   ],
-  verify: () => [
+  verify: params => [
     {
       type: StepType.VERIFY,
       description: t(
@@ -107,6 +108,7 @@ const onboarding: OnboardingConfig = {
         },
       ],
     },
+    getStoreCrashReportsCallout(params),
     {
       title: t('Troubleshooting'),
       description: (

static/app/gettingStartedDocs/unreal/unreal.tsx

@@ -9,6 +9,7 @@ import type {
   DocsParams,
   OnboardingConfig,
 } from 'sentry/components/onboarding/gettingStartedDoc/types';
+import {getStoreCrashReportsCallout} from 'sentry/components/onboarding/gettingStartedDoc/utils';
 import {
   getCrashReportApiIntroduction,
   getCrashReportInstallDescription,
@@ -210,6 +211,7 @@ const onboarding: OnboardingConfig = {
         </Fragment>
       ),
     },
+    getStoreCrashReportsCallout(params),
   ],
 };
 

static/app/utils/analytics/onboardingAnalyticsEvents.tsx

@@ -66,6 +66,10 @@ export type OnboardingEventParameters = {
     platform: string;
     project_id: string;
   };
+  'onboarding.store_minidumps_as_attachments_link_clicked': {
+    platform: string;
+    project_id: string;
+  };
   'onboarding.take_me_to_issues_clicked': {
     platform: string;
     products: string[];
@@ -100,4 +104,6 @@ export const onboardingEventMap: Record<keyof OnboardingEventParameters, string>
   'onboarding.take_me_to_issues_clicked': 'Onboarding: Take Me to Issues Clicked',
   'onboarding.slack_setup_clicked': 'Onboarding: Slack Setup Clicked',
   'onboarding.next_step_clicked': 'Onboarding: Next Step Clicked',
+  'onboarding.store_minidumps_as_attachments_link_clicked':
+    'Onboarding: Store Minidumps as Attachments Link Clicked',
 };