Send back analytics on certain spinners durations (#5981)

* feat(spinner): add timer event to poll card event

* feat(spinner): add timer to post-preview buy click

* chore(wallet): code cleanup

* feat(spinner): add analytic call to buy click

* chore(wallet): code cleanup

* feat(spinner): report on all possible cases on order confirm

* feat(spinner): add indicator for origin

* feat(spinner): correct track quote get

* feat(spinner): use same name and properties as mobile

Author: mperdomo-bc

packages/blockchain-wallet-v4-frontend/src/data/analytics/types/index.ts

@@ -47,6 +47,7 @@ import {
   Events as SendCryptoEvents,
   TrackEventAction as SendCryptoTrackEventAction
 } from './sendCrypto'
+import { SpinnerEventAction, SpinnerEvents } from './spinner'
 import { Events as SwapEvents, TrackEventAction as SwapTrackEventAction } from './swap'
 import {
   Events as TaxCenterEvents,
@@ -81,6 +82,7 @@ type AnalyticsKey =
   | PlaidClientEvents
   | SellEvents
   | SendCryptoEvents
+  | SpinnerEvents
   | SwapEvents
   | TaxCenterEvents
   | ViewAndClickEvents
@@ -100,6 +102,7 @@ const Analytics = {
   ...OnboardingAndVerificationEvents,
   ...PlaidClientEvents,
   ...SendCryptoEvents,
+  ...SpinnerEvents,
   ...SwapEvents,
   ...TaxCenterEvents,
   ...ViewAndClickEvents,
@@ -132,6 +135,7 @@ type TrackEventAction =
   | PlaidClientTrackEventAction
   | SellTrackEventAction
   | SendCryptoTrackEventAction
+  | SpinnerEventAction
   | SwapTrackEventAction
   | TaxCenterTrackEventAction
   | TransactionsTrackEventAction

packages/blockchain-wallet-v4-frontend/src/data/analytics/types/misc.ts

@@ -7,11 +7,7 @@ export enum Events {
 }
 
 type MiscTrackEventAction = {
-  key:
-    | Events.CUSTOMER_SUPPORT_CLICKED
-    | Events.WRONG_CHANGE_CACHE
-    | Events.WRONG_RECEIVE_CACHE
-    | Events.SIGNUP_VIEWED
+  key: Events
   properties: {}
 }
 

packages/blockchain-wallet-v4-frontend/src/data/analytics/types/spinner.ts

@@ -0,0 +1,12 @@
+export enum SpinnerEvents {
+  SPINNER_TIMED_OUT = 'Spinner Timed Out'
+}
+
+export type SpinnerEventAction = {
+  key: SpinnerEvents
+  properties: {
+    endpoint: string
+    screen: string
+    timeout: number
+  }
+}