[PAY-2041] Connect stripe session creation errors to analytics

packages/common/src/models/Analytics.ts

@@ -335,6 +335,9 @@ export enum Name {
   BUY_USDC_RECOVERY_SUCCESS = 'Buy USDC: Recovery Success',
   BUY_USDC_RECOVERY_FAILURE = 'Buy USDC: Recovery Failure',
 
+  // Stripe Tracking
+  STRIPE_SESSION_CREATION_ERROR = 'Stripe: Session Creation Error',
+
   // Purchase Content
   PURCHASE_CONTENT_STARTED = 'Purchase Content: Started',
   PURCHASE_CONTENT_SUCCESS = 'Purchase Content: Success',
@@ -1574,6 +1577,7 @@ type BuyAudioRecoveryFailure = {
   error: string
 }
 
+// Buy USDC
 type BuyUSDCOnRampOpened = {
   eventName: Name.BUY_USDC_ON_RAMP_OPENED
   provider: string
@@ -1623,6 +1627,18 @@ type BuyUSDCRecoveryFailure = {
   error: string
 }
 
+// Stripe
+type StripeSessionCreationError = {
+  eventName: Name.STRIPE_SESSION_CREATION_ERROR
+  amount: string
+  destinationCurrency: string
+  code: string
+  errorMessage: string
+  type: string
+}
+
+// Content Purchase
+
 type ContentPurchaseMetadata = {
   price: number
   contentId: number
@@ -1983,6 +1999,7 @@ export type AllTrackingEvents =
   | BuyUSDCRecoveryInProgress
   | BuyUSDCRecoverySuccess
   | BuyUSDCRecoveryFailure
+  | StripeSessionCreationError
   | PurchaseContentStarted
   | PurchaseContentSuccess
   | PurchaseContentFailure

packages/common/src/store/buy-usdc/utils.ts

@@ -1,7 +1,7 @@
 import { call, select } from 'typed-redux-saga'
 
 import { createUserBankIfNeeded } from 'services/audius-backend/solana'
-import { IntKeys } from 'services/index'
+import { IntKeys } from 'services/remote-config'
 import {
   MAX_CONTENT_PRICE_CENTS,
   MAX_USDC_PURCHASE_AMOUNT_CENTS,

packages/common/src/store/ui/stripe-modal/sagas.ts

@@ -1,5 +1,8 @@
+import { IdentityRequestError } from '@audius/sdk'
 import { call, takeEvery, put, select } from 'typed-redux-saga'
 
+import { Name } from 'models/Analytics'
+import { ErrorLevel } from 'models/ErrorReporting'
 import { createStripeSession } from 'services/audius-backend/stripe'
 import { getContext } from 'store/effects'
 
@@ -12,11 +15,17 @@ import {
   stripeSessionCreated,
   stripeSessionStatusChanged
 } from './slice'
+import {
+  StripeSessionCreationError,
+  StripeSessionCreationErrorResponseData
+} from './types'
 
 function* handleInitializeStripeModal({
   payload: { amount, destinationCurrency, destinationWallet }
 }: ReturnType<typeof initializeStripeModal>) {
   const audiusBackendInstance = yield* getContext('audiusBackendInstance')
+  const reportToSentry = yield* getContext('reportToSentry')
+  const { track, make } = yield* getContext('analytics')
   const { onrampFailed } = yield* select(getStripeModalState)
   try {
     const res = yield* call(createStripeSession, audiusBackendInstance, {
@@ -26,13 +35,44 @@ function* handleInitializeStripeModal({
     })
     yield* put(stripeSessionCreated({ clientSecret: res.client_secret }))
   } catch (e) {
-    // TODO: When we have better error messages from identity, we should extract them here so
-    // they make it into analytics.
-    // https://linear.app/audius/issue/PAY-2041/[usdc]-we-should-pipe-the-stripe-session-creation-error-back-from
+    const {
+      code,
+      message: errorMessage,
+      type
+    } = ((e as IdentityRequestError).response?.data ??
+      {}) as StripeSessionCreationErrorResponseData
+
+    const error = new StripeSessionCreationError(code, errorMessage, type)
+
     if (onrampFailed) {
-      yield* put({ type: onrampFailed.type, payload: { error: e } })
+      yield* put({
+        type: onrampFailed.type,
+        payload: { error }
+      })
     }
     yield* put(setVisibility({ modal: 'StripeOnRamp', visible: 'closing' }))
+    yield* call(reportToSentry, {
+      level: ErrorLevel.Error,
+      error,
+      additionalInfo: {
+        code,
+        errorMessage,
+        type,
+        amount,
+        destinationCurrency
+      }
+    })
+    yield* call(
+      track,
+      make({
+        eventName: Name.STRIPE_SESSION_CREATION_ERROR,
+        amount,
+        code,
+        destinationCurrency,
+        errorMessage,
+        type
+      })
+    )
   }
 }
 

packages/common/src/store/ui/stripe-modal/types.ts

@@ -16,3 +16,21 @@ export type StripeModalState = {
   stripeSessionStatus?: StripeSessionStatus
   stripeClientSecret?: string
 }
+
+export type StripeSessionCreationErrorResponseData = {
+  error: string
+  code: string
+  message: string
+  type: string
+}
+
+export class StripeSessionCreationError extends Error {
+  constructor(
+    public code: string,
+    // Avoiding `message` to not shadow the `message` property on Error
+    public errorMessage: string,
+    public type: string
+  ) {
+    super(`Failed to create Stripe session: ${errorMessage}`)
+  }
+}

packages/libs/src/AudiusLibs.ts

@@ -27,6 +27,7 @@ import { EthContracts } from './services/ethContracts'
 import { EthWeb3Config, EthWeb3Manager } from './services/ethWeb3Manager'
 import { Hedgehog, HedgehogConfig } from './services/hedgehog'
 import { IdentityService } from './services/identity'
+import type { IdentityRequestError } from './services/identity'
 import { Schemas, SchemaValidator } from './services/schemaValidator'
 import {
   SolanaWeb3Manager,
@@ -637,6 +638,7 @@ export class AudiusLibs {
 }
 
 export { AudiusABIDecoder, Utils, SolanaUtils, CreatorNode }
+export { IdentityRequestError }
 
 export { SanityChecks } from './sanityChecks'
 export { RewardsAttester, DEFAULT_MINT, MintName } from './services/solana'

packages/libs/src/services/identity/IdentityService.ts

@@ -46,6 +46,8 @@ export type RelayTransactionData = {
   lookupTableAddresses?: string[]
 }
 
+export type IdentityRequestError = AxiosError
+
 type AttestationResult = {
   status: string
   userId: string