feat(billing): Update Spend Notifications for Seer (#92069)

Consolidate spend notifications for Seer categories into one
notification option.

Author: dashed

static/app/views/settings/account/notifications/fields2.tsx

@@ -6,6 +6,7 @@ import ExternalLink from 'sentry/components/links/externalLink';
 import QuestionTooltip from 'sentry/components/questionTooltip';
 import {DATA_CATEGORY_INFO} from 'sentry/constants';
 import {t, tct} from 'sentry/locale';
+import {DataCategoryExact} from 'sentry/types/core';
 import {getPricingDocsLinkForEventType} from 'sentry/views/settings/account/notifications/utils';
 
 export const NOTIFICATION_SETTING_FIELDS = {
@@ -143,7 +144,13 @@ export const NOTIFICATION_SETTING_FIELDS = {
 } satisfies Record<string, Field>;
 
 const CATEGORY_QUOTA_FIELDS = Object.values(DATA_CATEGORY_INFO)
-  .filter(categoryInfo => categoryInfo.isBilledCategory)
+  .filter(
+    categoryInfo =>
+      categoryInfo.isBilledCategory &&
+      // Exclude Seer categories as they will be handled by a combined quotaSeerBudget field
+      categoryInfo.name !== DataCategoryExact.SEER_AUTOFIX &&
+      categoryInfo.name !== DataCategoryExact.SEER_SCANNER
+  )
   .map(categoryInfo => {
     return {
       name: 'quota' + upperFirst(categoryInfo.plural),
@@ -164,6 +171,24 @@ const CATEGORY_QUOTA_FIELDS = Object.values(DATA_CATEGORY_INFO)
     };
   });
 
+// Define the combined Seer budget field
+const quotaSeerBudgetField = {
+  // This maps to NotificationSettingEnum.QUOTA_SEER_BUDGET
+  name: 'quotaSeerBudget',
+  label: t('Seer Budget'),
+  help: tct(`Receive notifications for your Seer budget. [learnMore:Learn more]`, {
+    learnMore: (
+      <ExternalLink
+        href={getPricingDocsLinkForEventType(DataCategoryExact.SEER_AUTOFIX)}
+      />
+    ),
+  }),
+  choices: [
+    ['always', t('On')],
+    ['never', t('Off')],
+  ] as const,
+};
+
 // TODO(isabella): Once spend vis notifs are GA, remove this
 // partial field definition for quota sub-categories
 export const QUOTA_FIELDS = [
@@ -177,6 +202,7 @@ export const QUOTA_FIELDS = [
     ] as const,
   },
   ...CATEGORY_QUOTA_FIELDS,
+  quotaSeerBudgetField,
   {
     name: 'quotaSpendAllocations',
     label: (

static/app/views/settings/account/notifications/notificationSettingsByType.spec.tsx

@@ -342,8 +342,7 @@ describe('NotificationSettingsByType', function () {
       screen.getByText('Continuous Profile Hours', {exact: true})
     ).toBeInTheDocument();
     expect(screen.getByText('UI Profile Hours', {exact: true})).toBeInTheDocument();
-    expect(screen.getByText('Issue Fixes')).toBeInTheDocument();
-    expect(screen.getByText('Issue Scans')).toBeInTheDocument();
+    expect(screen.getByText('Seer Budget')).toBeInTheDocument();
     expect(screen.queryByText('Transactions')).not.toBeInTheDocument();
 
     const editSettingMock = MockApiClient.addMockResponse({
@@ -402,8 +401,7 @@ describe('NotificationSettingsByType', function () {
       screen.getByText('Continuous Profile Hours', {exact: true})
     ).toBeInTheDocument();
     expect(screen.getByText('UI Profile Hours', {exact: true})).toBeInTheDocument();
-    expect(screen.getByText('Issue Fixes')).toBeInTheDocument();
-    expect(screen.getByText('Issue Scans')).toBeInTheDocument();
+    expect(screen.getByText('Seer Budget')).toBeInTheDocument();
   });
 
   it('spend notifications on org with am1 org only', async function () {
@@ -433,8 +431,7 @@ describe('NotificationSettingsByType', function () {
     ).not.toBeInTheDocument();
     expect(screen.queryByText('UI Profile Hours', {exact: true})).not.toBeInTheDocument();
     expect(screen.queryByText('Spans')).not.toBeInTheDocument();
-    expect(screen.getByText('Issue Fixes')).toBeInTheDocument();
-    expect(screen.getByText('Issue Scans')).toBeInTheDocument();
+    expect(screen.getByText('Seer Budget')).toBeInTheDocument();
   });
 
   it('spend notifications on org with am3 without spend visibility notifications', async function () {
@@ -459,8 +456,7 @@ describe('NotificationSettingsByType', function () {
     ).toBeInTheDocument();
     expect(screen.getByText('UI Profile Hours', {exact: true})).toBeInTheDocument();
     expect(screen.queryByText('Transactions')).not.toBeInTheDocument();
-    expect(screen.getByText('Issue Fixes')).toBeInTheDocument();
-    expect(screen.getByText('Issue Scans')).toBeInTheDocument();
+    expect(screen.getByText('Seer Budget')).toBeInTheDocument();
 
     const editSettingMock = MockApiClient.addMockResponse({
       url: `/users/me/notification-options/`,
@@ -520,7 +516,6 @@ describe('NotificationSettingsByType', function () {
     ).not.toBeInTheDocument();
     expect(screen.queryByText('UI Profile Hours', {exact: true})).not.toBeInTheDocument();
     expect(screen.queryByText('Transactions')).not.toBeInTheDocument();
-    expect(screen.queryByText('Issue Fixes')).not.toBeInTheDocument();
-    expect(screen.queryByText('Issue Scans')).not.toBeInTheDocument();
+    expect(screen.queryByText('Seer Budget')).not.toBeInTheDocument();
   });
 });

static/app/views/settings/account/notifications/utils.tsx

@@ -53,6 +53,10 @@ export function getPricingDocsLinkForEventType(event: DataCategoryExact) {
       return 'https://docs.sentry.io/pricing/quotas/manage-continuous-profile-hours/';
     case DataCategoryExact.PROFILE_DURATION_UI:
       return 'https://docs.sentry.io/pricing/quotas/manage-ui-profile-hours/';
+    case DataCategoryExact.SEER_AUTOFIX:
+    case DataCategoryExact.SEER_SCANNER:
+      // TODO(seer): Replace with actual Seer budget quota docs link
+      return 'https://docs.sentry.io/pricing/quotas/manage-seer-budget/';
     default:
       return 'https://docs.sentry.io/pricing/quotas/manage-event-stream-guide/';
   }