primitives.ts

/**
 * General event names that can be reused across products.
 */
export enum SharedEventName {
  ANALYTICS_SWITCH_TOGGLED = 'Analytics Switch Toggled',
  APP_LOADED = 'Application Loaded',
  ELEMENT_CLICKED = 'Element Clicked',
  FOOTER_CLICKED = 'Footer Clicked',
  HEARTBEAT = 'Heartbeat',
  MENU_CLICKED = 'Menu Clicked',
  NAVBAR_CLICKED = 'Navbar Clicked',
  PAGE_CLICKED = 'Page Clicked',
  PAGE_VIEWED = 'Page Viewed',
  SEARCH_BAR_CLICKED = 'Search Bar Clicked',
  SENTIMENT_SUBMITTED = 'Sentiment Submitted',
  TERMS_OF_SERVICE_ACCEPTED = 'Terms of Service Accepted',
  WEB_VITALS = 'Web Vitals',
}

/**
 * Known events that trigger callbacks.
 * @example
 *  <TraceEvent events={[BrowserEvent.onClick]} element={name}>
 */
export enum BrowserEvent {
  onClick = 'onClick',
  onFocus = 'onFocus',
  onKeyPress = 'onKeyPress',
  onSelect = 'onSelect',
}

export enum Browser {
  BRAVE = 'Brave',
  CHROME = 'Google Chrome or Chromium',
  EDGE = 'Microsoft Edge (Legacy)',
  EDGE_CHROMIUM = 'Microsoft Edge (Chromium)',
  FIREFOX = 'Mozilla Firefox',
  INTERNET_EXPLORER = 'Microsoft Internet Explorer',
  OPERA = 'Opera',
  SAFARI = 'Apple Safari',
  SAMSUNG = 'Samsung Internet',
  UNKNOWN = 'unknown',
}

// Get browser being used, code comes from: https://developer.mozilla.org/en-US/docs/Web/API/Window/navigator.
export function getBrowser(): string {
  const sUsrAg = navigator.userAgent
  // The order matters here, and this may report false positives for unlisted browsers.
  if (sUsrAg.indexOf('Firefox') > -1) {
    return Browser.FIREFOX
    // "Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:61.0) Gecko/20100101 Firefox/61.0"
  } else if (sUsrAg.indexOf('SamsungBrowser') > -1) {
    return Browser.SAMSUNG
    // "Mozilla/5.0 (Linux; Android 9; SAMSUNG SM-G955F Build/PPR1.180610.011) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/9.4 Chrome/67.0.3396.87 Mobile Safari/537.36
  } else if (sUsrAg.indexOf('Opera') > -1 || sUsrAg.indexOf('OPR') > -1) {
    return Browser.OPERA
    // "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36 OPR/57.0.3098.106"
  } else if (sUsrAg.indexOf('Trident') > -1) {
    return Browser.INTERNET_EXPLORER
  } else if (sUsrAg.indexOf('Brave') > -1) {
    return Browser.BRAVE
    // "Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; Zoom 3.6.0; wbx 1.0.0; rv:11.0) like Gecko"
  } else if (sUsrAg.indexOf('Edge') > -1) {
    return Browser.EDGE
    // "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36 Edge/16.16299"
  } else if (sUsrAg.indexOf('Edg') > -1) {
    return Browser.EDGE_CHROMIUM
    // Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36 Edg/91.0.864.64
  } else if (sUsrAg.indexOf('Chrome') > -1) {
    return Browser.CHROME
    // "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/66.0.3359.181 Chrome/66.0.3359.181 Safari/537.36"
  } else if (sUsrAg.indexOf('Safari') > -1) {
    return Browser.SAFARI
    // "Mozilla/5.0 (iPhone; CPU iPhone OS 11_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/11.0 Mobile/15E148 Safari/604.1 980x1306"
  } else {
    return Browser.UNKNOWN
  }
}

export enum CustomUserProperties {
  ALL_WALLET_ADDRESSES_CONNECTED = 'all_wallet_addresses_connected',
  ALL_WALLET_CHAIN_IDS = 'all_wallet_chain_ids',
  BROWSER = 'browser',
  CHAIN_ID = 'chain_id',
  DARK_MODE = 'is_dark_mode',
  EXPERT_MODE = 'is_expert_mode',
  GIT_COMMIT_HASH = 'git_commit_hash',
  PEER_WALLET_AGENT = 'peer_wallet_agent',
  ROUTER_PREFERENCE = 'router_preference',
  SCREEN_RESOLUTION_HEIGHT = 'screen_resolution_height',
  SCREEN_RESOLUTION_WIDTH = 'screen_resolution_width',
  USER_AGENT = 'user_agent',
  WALLET_ADDRESS = 'wallet_address',
  WALLET_NAME = 'wallet_name',
  WALLET_TYPE = 'wallet_type',
  WALLET_VERSION = 'wallet_version',
}