feat(billing): Add gift formatting for Logs (#95482)

Closes:
https://linear.app/getsentry/issue/BIL-1092/add-formatting-for-gifting

 Adds specific handling for `DataCategory.LOG_BYTE` with GB formatting

Author: jarrettscott

static/gsAdmin/components/addGiftEventsAction.spec.tsx

@@ -327,6 +327,67 @@ describe('Gift', function () {
     });
   });
 
+  describe('Log Bytes', function () {
+    const triggerGiftModal = () => {
+      openAdminConfirmModal({
+        renderModalSpecificContent: deps => (
+          <AddGiftEventsAction
+            subscription={mockSub}
+            dataCategory={DataCategory.LOG_BYTE}
+            billedCategoryInfo={BILLED_DATA_CATEGORY_INFO[DataCategoryExact.LOG_BYTE]}
+            {...deps}
+          />
+        ),
+      });
+    };
+
+    function getLogBytesInput() {
+      return screen.getByRole('textbox', {
+        name: 'How many log bytes in GB?',
+      });
+    }
+
+    async function setNumLogBytes(numLogBytes: string) {
+      await userEvent.clear(getLogBytesInput());
+      await userEvent.type(getLogBytesInput(), numLogBytes);
+    }
+
+    it('has valid log bytes input', async function () {
+      const maxValue = BILLED_DATA_CATEGORY_INFO[DataCategoryExact.LOG_BYTE].maxAdminGift;
+      triggerGiftModal();
+      renderGlobalModal();
+
+      const logBytesInput = getLogBytesInput();
+
+      await setNumLogBytes('1');
+      expect(logBytesInput).toHaveValue('1');
+      expect(logBytesInput).toHaveAccessibleDescription('Total: 1 GB');
+
+      await setNumLogBytes('-50');
+      expect(logBytesInput).toHaveValue('50');
+      expect(logBytesInput).toHaveAccessibleDescription('Total: 50 GB');
+
+      await setNumLogBytes(`${maxValue + 5}`);
+      expect(logBytesInput).toHaveValue('10000');
+      expect(logBytesInput).toHaveAccessibleDescription('Total: 10,000 GB');
+
+      await setNumLogBytes('10,');
+      expect(logBytesInput).toHaveValue('10');
+      expect(logBytesInput).toHaveAccessibleDescription('Total: 10 GB');
+
+      await setNumLogBytes('5.');
+      expect(logBytesInput).toHaveValue('5');
+      expect(logBytesInput).toHaveAccessibleDescription('Total: 5 GB');
+    });
+
+    it('disables confirm button when no number is entered', function () {
+      triggerGiftModal();
+
+      renderGlobalModal();
+      expect(screen.getByTestId('confirm-button')).toBeDisabled();
+    });
+  });
+
   describe('Uptime Monitors', function () {
     const triggerGiftModal = () => {
       openAdminConfirmModal({

static/gsAdmin/components/addGiftEventsAction.tsx

@@ -9,7 +9,11 @@ import type {
   AdminConfirmRenderProps,
 } from 'admin/components/adminConfirmationModal';
 import type {BilledDataCategoryInfo, Subscription} from 'getsentry/types';
-import {getPlanCategoryName} from 'getsentry/utils/dataCategory';
+import {
+  getPlanCategoryName,
+  isByteCategory,
+  isContinuousProfiling,
+} from 'getsentry/utils/dataCategory';
 
 /** @internal exported for tests only */
 export function getFreeEventsKey(dataCategory: DataCategory) {
@@ -90,20 +94,19 @@ class AddGiftEventsAction extends Component<Props, State> {
     const {freeEvents} = this.state;
 
     function getlabel() {
-      if (dataCategory === DataCategory.ATTACHMENTS) {
-        return 'How many attachments in GB?';
-      }
-      if (
-        dataCategory === DataCategory.PROFILE_DURATION ||
-        dataCategory === DataCategory.PROFILE_DURATION_UI
-      ) {
-        return 'How many profile hours?';
-      }
       const categoryName = getPlanCategoryName({
         plan: subscription.planDetails,
         category: dataCategory,
         capitalize: false,
       });
+
+      if (isByteCategory(dataCategory)) {
+        return `How many ${categoryName} in GB?`;
+      }
+      if (isContinuousProfiling(dataCategory)) {
+        return 'How many profile hours?';
+      }
+
       const multiplier = billedCategoryInfo?.freeEventsMultiple ?? 0;
       const addToMessage =
         multiplier > 1
@@ -115,17 +118,14 @@ class AddGiftEventsAction extends Component<Props, State> {
     const total = this.calculatedTotal.toLocaleString();
     function getHelp() {
       let postFix = '';
-      if (
-        dataCategory === DataCategory.PROFILE_DURATION ||
-        dataCategory === DataCategory.PROFILE_DURATION_UI
-      ) {
+      if (isContinuousProfiling(dataCategory)) {
         if (total === '1') {
           postFix = ' hour';
         } else {
           postFix = ' hours';
         }
       }
-      if (dataCategory === DataCategory.ATTACHMENTS) {
+      if (isByteCategory(dataCategory)) {
         postFix = ' GB';
       }
       return `Total: ${total}${postFix}`;

static/gsApp/constants.tsx

@@ -167,4 +167,16 @@ export const BILLED_DATA_CATEGORY_INFO = {
     ...DEFAULT_BILLED_DATA_CATEGORY_INFO[DataCategoryExact.SEER_SCANNER],
     feature: 'seer-billing',
   },
+  [DataCategoryExact.LOG_BYTE]: {
+    ...DEFAULT_BILLED_DATA_CATEGORY_INFO[DataCategoryExact.LOG_BYTE],
+    canAllocate: false,
+    canProductTrial: true,
+    maxAdminGift: 10_000,
+    freeEventsMultiple: 1,
+    hasSpikeProtection: false,
+    feature: 'logs-billing',
+    reservedVolumeTooltip: t(
+      'Log bytes represent the amount of log data ingested and stored.'
+    ),
+  },
 } as const satisfies Record<DataCategoryExact, BilledDataCategoryInfo>;

static/gsApp/utils/dataCategory.tsx

@@ -1,8 +1,7 @@
 import upperFirst from 'lodash/upperFirst';
 
 import {DATA_CATEGORY_INFO} from 'sentry/constants';
-import type {DataCategoryExact} from 'sentry/types/core';
-import {DataCategory} from 'sentry/types/core';
+import {DataCategory, DataCategoryExact} from 'sentry/types/core';
 import type {Organization} from 'sentry/types/organization';
 import oxfordizeArray from 'sentry/utils/oxfordizeArray';
 import {toTitleCase} from 'sentry/utils/string/toTitleCase';
@@ -69,11 +68,13 @@ export function getPlanCategoryName({
 }: CategoryNameProps) {
   const displayNames = plan?.categoryDisplayNames?.[category];
   const categoryName =
-    category === DataCategory.SPANS && hadCustomDynamicSampling
-      ? 'accepted spans'
-      : displayNames
-        ? displayNames.plural
-        : category;
+    category === DataCategory.LOG_BYTE
+      ? 'log bytes'
+      : category === DataCategory.SPANS && hadCustomDynamicSampling
+        ? 'accepted spans'
+        : displayNames
+          ? displayNames.plural
+          : category;
   return title
     ? toTitleCase(categoryName, {allowInnerUpperCase: true})
     : capitalize

static/gsApp/views/subscriptionPage/recurringCredits.spec.tsx

@@ -229,7 +229,7 @@ describe('Recurring Credits', function () {
 
     await screen.findByRole('heading', {name: /recurring credits/i});
 
-    expect(screen.getByText('logBytes')).toBeInTheDocument();
+    expect(screen.getByText('log bytes')).toBeInTheDocument();
     expect(screen.getByTestId('amount')).toHaveTextContent('+2.5 GB/mo');
   });