Update Deposit entry point and the Receive page

e2e/fixtures/pages/overview.ts

@@ -15,6 +15,8 @@ export class OverviewPage extends ExtensionPage {
           - img
         - link "Rewards":
           - img
+        - link "Search":
+          - img
         - link "Settings":
           - img
         - button "Open Sidepanel":
@@ -45,10 +47,11 @@ export class OverviewPage extends ExtensionPage {
         - link "NFTs"
         - link "History"
         - link "Perks"
-        - img "Empty Wallet Cover"
-        - text: Fund your wallet Buy or transfer crypto to get started
-        - link "Buy Crypto with Card"
-        - link "Receive from Another Wallet"
+        - button "All Networks":
+          - img
+        - text: Get Started By adding crypto to your wallet
+        - button "Fund":
+          - img
     `);
   }
 }

src/modules/statsig/statsig.client.ts

@@ -1,6 +1,8 @@
 import { useQuery } from '@tanstack/react-query';
 import { getStatsigExperiment, getStatsigFeatureGate } from './shared';
 
+export const ONRAMP_EXPERIMENT_NAME = 'web-onramp_flow';
+
 export function useStatsigExperiment(
   name: string,
   {

src/shared/analytics/analytics.background.ts

@@ -222,12 +222,15 @@ function trackAppEvents({ account }: { account: Account }) {
     if (!preferences.analyticsEnabled) {
       return;
     }
-    const { bannerName, pathname, walletAddress } = data;
+    const { bannerName, pathname, walletAddress, bannerSource, bannerType } =
+      data;
     const params = createParams({
       request_name: 'banner_clicked',
       screen_name: pathname,
       banner_name: bannerName,
       wallet_address: walletAddress,
+      ...(bannerSource ? { source: bannerSource } : null),
+      ...(bannerType ? { banner_type: bannerType } : null),
     });
     const event_name = 'General: Banner Clicked';
     const mixpanelParams = omit(params, ['request_name', 'wallet_address']);

src/shared/types/button-events.ts

@@ -1,13 +1,16 @@
 // Shared event types for analytics
 
-export type ButtonScope = 'General' | 'Loaylty' | 'General';
+export type ButtonScope = 'General' | 'Loaylty';
 export type ButtonName =
   | 'Claim XP'
   | 'Rewards'
   | 'Invite Friends'
   | 'Rate Tooltip'
   | 'Quote List Bottom Description'
   | 'Premium Features'
+  | 'Buy Crypto'
+  | 'Receive Crypto'
+  | 'Fund'
   | 'Buy Premium';
 
 export interface ButtonClickedParams {
@@ -17,10 +20,14 @@ export interface ButtonClickedParams {
   walletAddress?: string;
 }
 
-export type BannerName = 'Buy Premium';
+export type BannerName = 'Buy Premium' | 'Get started';
+type BannerType = 'Fund_wallet';
+type BannerSource = 'Internal';
 
 export interface BannerClickedParams {
   pathname: string;
   bannerName: BannerName;
+  bannerType?: BannerType;
+  bannerSource?: BannerSource;
   walletAddress?: string;
 }