Add ad verification

Author: medyo

src/App.tsx

@@ -1,8 +1,14 @@
 import { useEffect, useLayoutEffect, useState } from 'react'
 import { DNDLayout } from 'src/components/Layout'
-import { setupAnalytics, setupIdentification, trackPageView } from 'src/lib/analytics'
+import {
+  identifyAdvBlocked,
+  setupAnalytics,
+  setupIdentification,
+  trackPageView,
+} from 'src/lib/analytics'
 import { useUserPreferences } from 'src/stores/preferences'
 import { AppContentLayout } from './components/Layout'
+import { verifyAdvStatus } from './features/adv/utils/status'
 import { isWebOrExtensionVersion } from './utils/Environment'
 import { lazyImport } from './utils/lazyImport'
 const { OnboardingModal } = lazyImport(() => import('src/features/onboarding'), 'OnboardingModal')
@@ -30,6 +36,11 @@ export const App = () => {
     document.body.classList.remove('preload')
     setupAnalytics()
     setupIdentification()
+    const adVerifier = async () => {
+      const status = await verifyAdvStatus()
+      identifyAdvBlocked(status)
+    }
+    adVerifier()
   }, [])
 
   useEffect(() => {

src/features/adv/utils/status.ts

@@ -0,0 +1,11 @@
+export const verifyAdvStatus = async () => {
+  try {
+    const resp = await fetch('https://srv.buysellads.com', {
+      mode: 'no-cors',
+    })
+    await resp.text()
+    return false
+  } catch (e) {
+    return true
+  }
+}

src/lib/analytics.ts

@@ -69,6 +69,7 @@ export enum Attributes {
   MAX_VISIBLE_CARDS = 'Max Visible Cards',
   DURATION = 'Duration',
   PROVIDER = 'Provider',
+  ADV = 'ADV',
 }
 
 const _SEP_ = ' '
@@ -405,6 +406,9 @@ export const identifyUserOccupation = (occupation: string) => {
 export const identifyUserMaxVisibleCards = (maxVisibleCards: number) => {
   identifyUserProperty(Attributes.MAX_VISIBLE_CARDS, maxVisibleCards)
 }
+export const identifyAdvBlocked = (blocked: boolean) => {
+  identifyUserProperty(Attributes.ADV, blocked)
+}
 
 // Private functions
 type trackEventProps = {
@@ -452,7 +456,10 @@ const trackEvent = ({ object, verb, attributes }: trackEventProps) => {
   }
 }
 
-const identifyUserProperty = (attributes: Attributes, value: string | number | string[]) => {
+const identifyUserProperty = (
+  attributes: Attributes,
+  value: string | number | string[] | boolean
+) => {
   try {
     let formatedValue
     if (Array.isArray(value)) {