@xylabs/sdk-react 2.12.12 → 2.13.3

package/src/lib/Tracking/Drip/BaseEvent.ts

@@ -1,45 +0,0 @@
-import { delay } from '@xylabs/sdk-js'
-
-export type DripEvent<T extends Record<string, unknown>> = (string | T)[]
-
-export class DripBaseEvent<T extends Record<string, unknown>> {
-  public name: string
-  public param?: string
-  public dcq: DripEvent<T>[]
-  public dcs: unknown
-  constructor(name: string, param?: string) {
-    this.name = name
-    this.param = param
-    this.dcq = this.getDcq()
-    this.dcs = this.getDcs()
-  }
-
-  public async send(data: T) {
-    const payload: (string | T)[] = [this.name]
-    if (this.param) {
-      payload.push(this.param)
-    }
-    payload.push(data)
-    console.log('sdk-react', payload)
-    this.dcq.push(payload)
-    await delay(0)
-  }
-
-  private getDcq() {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const global = window as any
-    if (!global._dcq) {
-      throw Error('DCQ not found')
-    }
-    return global._dcq as DripEvent<T>[]
-  }
-
-  private getDcs() {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const global = window as any
-    if (!global._dcs) {
-      throw Error('DCS not found')
-    }
-    return global._dcs as DripEvent<T>[]
-  }
-}

package/src/lib/Tracking/Drip/CustomEvent.ts

@@ -1,5 +0,0 @@
-import { DripBaseEvent } from './BaseEvent'
-
-class DripCustomEvent<T extends Record<string, unknown>> extends DripBaseEvent<T> {}
-
-export { DripCustomEvent }

package/src/lib/Tracking/Drip/Data/Base.ts

@@ -1,8 +0,0 @@
-import { DripResult } from './Result'
-
-interface DripBaseData extends Record<string, unknown> {
-  failure?: (result?: DripResult) => void
-  success?: (result?: DripResult) => void
-}
-
-export type { DripBaseData }

package/src/lib/Tracking/Drip/Data/CustomFields.ts

@@ -1,5 +0,0 @@
-interface DripCustomFieldsData {
-  cart64?: string
-}
-
-export type { DripCustomFieldsData }

package/src/lib/Tracking/Drip/Data/Identify.ts

@@ -1,16 +0,0 @@
-import { DripBaseData } from './Base'
-import { DripCustomFieldsData } from './CustomFields'
-import { DripStandardFieldsData } from './StandardFields'
-
-interface DripIdentifyData extends DripBaseData, DripStandardFieldsData, DripCustomFieldsData {
-  email: string
-  eu_consent?: boolean
-  eu_consnet_message?: boolean
-  new_emai?: string
-  prospect?: boolean
-  remove_tags?: string[]
-  tags?: string[]
-  user_id?: string
-}
-
-export type { DripIdentifyData }

package/src/lib/Tracking/Drip/Data/Result.ts

@@ -1,6 +0,0 @@
-export interface DripResult {
-  anonymous?: boolean
-  error?: string
-  success?: boolean
-  visitor_uuid?: string
-}

package/src/lib/Tracking/Drip/Data/StandardFields.ts

@@ -1,13 +0,0 @@
-interface DripStandardFieldsData {
-  address1?: string
-  address2?: string
-  city?: string
-  country?: string
-  first_name?: string
-  last_name?: string
-  phone?: string
-  state?: string
-  zip?: string
-}
-
-export type { DripStandardFieldsData }

package/src/lib/Tracking/Drip/Data/index.ts

@@ -1,2 +0,0 @@
-export * from './Identify'
-export * from './Result'

package/src/lib/Tracking/Drip/StandardEvents.ts

@@ -1,10 +0,0 @@
-import { DripBaseEvent } from './BaseEvent'
-import { DripIdentifyData } from './Data'
-
-class DripStandardEvents<T extends Record<string, unknown>> {
-  public identify() {
-    return new DripBaseEvent<DripIdentifyData | T>('identify')
-  }
-}
-
-export { DripStandardEvents }

package/src/lib/Tracking/Drip/index.ts

@@ -1,4 +0,0 @@
-export * from './BaseEvent'
-export * from './CustomEvent'
-export * from './Data'
-export * from './StandardEvents'

package/src/lib/Tracking/Facebook/BaseEvent.ts

@@ -1,18 +0,0 @@
-import { assertEx, delay } from '@xylabs/sdk-js'
-
-import { Fbq } from './Fbq'
-
-class FacebookBaseEvent<T> {
-  public name: string
-  public fbq: Fbq
-  constructor(name: string) {
-    this.name = name
-    this.fbq = assertEx(Fbq.instance, 'Missing Fbq')
-  }
-
-  async send(_data: T) {
-    await delay(0) //force async to increase reporting odds
-  }
-}
-
-export { FacebookBaseEvent }

package/src/lib/Tracking/Facebook/CustomEvent.ts

@@ -1,12 +0,0 @@
-import { delay } from '@xylabs/sdk-js'
-
-import { FacebookBaseEvent } from './BaseEvent'
-
-class FacebookCustomEvent<T extends Record<string, unknown>> extends FacebookBaseEvent<T> {
-  async send(data: T, eventId?: string) {
-    this.fbq.trackCustom(this.name, data, eventId)
-    await delay(0) //force async to increase reporting odds
-  }
-}
-
-export { FacebookCustomEvent }

package/src/lib/Tracking/Facebook/Fbq.ts

@@ -1,60 +0,0 @@
-class Fbq {
-  public pixelId?: string
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  public fbq?: any
-
-  private constructor(pixelId: string) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const global = window as any
-    this.pixelId = pixelId
-
-    this.fbq = function () {
-      // eslint-disable-next-line prefer-rest-params,prefer-spread
-      this.fbq.callMethod ? this.fbq.callMethod.apply(this.fbq, arguments) : this.fbq.queue.push(arguments)
-    }
-
-    this.fbq.push = this.fbq
-    this.fbq.loaded = true
-    this.fbq.version = '2.0'
-    this.fbq.queue = []
-
-    //we have to set these to globals because that is where the facebook script looks for them
-    global.fbq = this.fbq
-    global._fbq = this.fbq
-
-    this.fbq('init', pixelId)
-    this.fbq('track', 'PageView')
-  }
-
-  public static instance: Fbq
-  public static init(pixelId: string) {
-    if (!this.instance) {
-      this.instance = new Fbq(pixelId)
-    }
-    return this.instance
-  }
-
-  public track(event: string, data: Record<string, unknown>, eventId?: string) {
-    this.fbq(
-      'track',
-      event,
-      {
-        ...data,
-      },
-      { eventId }
-    )
-  }
-
-  public trackCustom(event: string, data: Record<string, unknown>, eventId?: string) {
-    this.fbq(
-      'trackCustom',
-      event,
-      {
-        ...data,
-      },
-      { eventId }
-    )
-  }
-}
-
-export { Fbq }

package/src/lib/Tracking/Facebook/StandardEvent.ts

@@ -1,12 +0,0 @@
-import { delay } from '@xylabs/sdk-js'
-
-import { FacebookBaseEvent } from './BaseEvent'
-
-class FacebookStandardEvent<T extends Record<string, unknown>> extends FacebookBaseEvent<T> {
-  async send(data: T, eventId?: string) {
-    this.fbq.track(this.name, data, eventId)
-    await delay(0) //force async to increase reporting odds
-  }
-}
-
-export { FacebookStandardEvent }

package/src/lib/Tracking/Facebook/StandardEvents.ts

@@ -1,134 +0,0 @@
-import { FacebookStandardEvent } from './StandardEvent'
-
-export interface FacebookContentsItem {
-  currency?: string
-  id: string
-  price?: number
-  quantity: number
-}
-
-export interface FacebookContentProperties extends Record<string, unknown> {
-  content_category?: string
-  content_name?: string
-  content_type?: 'product' | 'product_group'
-}
-
-export interface FacebookValueProperties extends Record<string, unknown> {
-  currency?: string
-  value?: number
-}
-
-export interface FacebookCartProperties extends FacebookValueProperties, FacebookContentProperties {
-  content_ids?: (string | number)[]
-  contents?: FacebookContentsItem[]
-  num_items?: number
-}
-
-export interface FacebookExternalId extends Record<string, string[] | undefined> {
-  external_id?: string[]
-}
-
-export type FacebookAddPaymentInfo = FacebookCartProperties
-
-export type FacebookAddToCart = FacebookCartProperties
-
-export type FacebookAddToWishList = FacebookCartProperties
-
-export interface FacebookCompleteRegistration extends FacebookValueProperties, FacebookContentProperties {
-  status?: boolean
-}
-
-export type FacebookInitiateCheckout = FacebookCartProperties
-
-export interface FacebookLead extends FacebookContentProperties, FacebookValueProperties {}
-
-export type FacebookPurchase = FacebookCartProperties
-
-export interface FacebookSearch extends FacebookContentProperties, FacebookValueProperties {
-  search_string?: string
-}
-
-export interface FacebookStartTrial extends FacebookValueProperties {
-  predicted_ltv?: string
-}
-
-export interface FacebookSubscribe extends FacebookValueProperties {
-  predicted_ltv?: string
-  subscription_id?: string
-}
-
-export type FacebookViewContent = FacebookCartProperties
-
-export class FacebookStandardEvents<T extends Record<string, unknown>> {
-  public addPaymentInfo() {
-    return new FacebookStandardEvent<FacebookAddPaymentInfo | T>('AddPaymentInfo')
-  }
-
-  public addToCart() {
-    return new FacebookStandardEvent<FacebookAddToCart | T>('AddToCart')
-  }
-
-  public addToWishList() {
-    return new FacebookStandardEvent<FacebookAddToWishList | T>('AddToWishList')
-  }
-
-  public completedRegistration() {
-    return new FacebookStandardEvent<FacebookCompleteRegistration | T>('CompleteRegistration')
-  }
-
-  public contact() {
-    return new FacebookStandardEvent<T>('Contact')
-  }
-
-  public customizeProduct() {
-    return new FacebookStandardEvent<T>('CustomizeProduct')
-  }
-
-  public donate() {
-    return new FacebookStandardEvent<T>('Donate')
-  }
-
-  public findLocation() {
-    return new FacebookStandardEvent<T>('FindLocation')
-  }
-
-  public initiateCheckout() {
-    return new FacebookStandardEvent<FacebookInitiateCheckout | T>('InitiateCheckout')
-  }
-
-  public lead() {
-    return new FacebookStandardEvent<FacebookLead | T>('Lead')
-  }
-
-  public pageView() {
-    return new FacebookStandardEvent<T>('PageView')
-  }
-
-  public purchase() {
-    return new FacebookStandardEvent<FacebookPurchase | T>('Purchase')
-  }
-
-  public schedule() {
-    return new FacebookStandardEvent<T>('Schedule')
-  }
-
-  public search() {
-    return new FacebookStandardEvent<FacebookSearch | T>('Search')
-  }
-
-  public startTrial() {
-    return new FacebookStandardEvent<FacebookStartTrial | T>('StartTrial')
-  }
-
-  public submitApplication() {
-    return new FacebookStandardEvent<T>('SubmitApplication')
-  }
-
-  public subscribe() {
-    return new FacebookStandardEvent<FacebookSubscribe | T>('Subscribe')
-  }
-
-  public viewContent() {
-    return new FacebookStandardEvent<FacebookViewContent | T>('ViewContent')
-  }
-}

package/src/lib/Tracking/Facebook/StandardProperties.ts

@@ -1,16 +0,0 @@
-interface FacebookStandardProperties {
-  content_category?: string
-  content_ids?: (string | number)[]
-  content_name?: string
-  content_type?: 'product' | 'product_group'
-  contents?: Record<string, unknown>[]
-  currency?: string
-  delivery_category?: string
-  num_items?: number
-  predicted_ltv?: number
-  search_string?: string
-  status?: boolean
-  value?: number
-}
-
-export type { FacebookStandardProperties }

package/src/lib/Tracking/Facebook/UserEventHandler.ts

@@ -1,27 +0,0 @@
-import { FunnelStartedFields, UserClickFields, UserEventHandler, ViewContentFields } from '@xylabs/pixel'
-
-import { FacebookCustomEvent } from './CustomEvent'
-
-class FacebookUserEventHandler<T extends Record<string, unknown>> implements UserEventHandler<T> {
-  public async testStarted(data: T) {
-    const event = new FacebookCustomEvent<T>('TestStarted')
-    return await event.send(data)
-  }
-
-  public async funnelStarted(data: FunnelStartedFields | T) {
-    const event = new FacebookCustomEvent<FunnelStartedFields | T>('FunnelStarted')
-    return await event.send(data)
-  }
-
-  public async viewContent(data: ViewContentFields | T) {
-    const event = new FacebookCustomEvent<ViewContentFields | T>('ViewContent')
-    return await event.send(data)
-  }
-
-  public async userClick(data: UserClickFields | T) {
-    const event = new FacebookCustomEvent<UserClickFields | T>('UserClick')
-    return await event.send(data)
-  }
-}
-
-export { FacebookUserEventHandler }

package/src/lib/Tracking/Facebook/index.ts

@@ -1,11 +0,0 @@
-export * from './BaseEvent'
-export * from './CustomEvent'
-export * from './Fbq'
-export * from './StandardEvent'
-export * from './StandardEvents'
-export * from './UserEventHandler'
-
-export interface FacebookUserClick {
-  elementName: string
-  elementType: string
-}

package/src/lib/Tracking/Google/BaseEvent.ts

@@ -1,36 +0,0 @@
-import { assertEx } from '@xylabs/sdk-js'
-
-import { Gtag } from './Gtag'
-import { Gtm } from './Gtm'
-
-export class GoogleBaseEvent<T extends Record<string, unknown>> {
-  public name: string
-  protected adwordConversionId?: string
-  constructor(name: string, adwordConversionId?: string) {
-    this.name = name
-    this.adwordConversionId = adwordConversionId
-  }
-
-  async send(data: T) {
-    return await this.sendGtag(data)
-  }
-
-  async sendGtag(data: T) {
-    await this.gtag().sendAnalytics(this.name, data)
-    if (this.adwordConversionId) {
-      await this.gtag().sendAdwords(this.adwordConversionId, data)
-    }
-  }
-
-  async sendGtm(data: T) {
-    await this.gtm().send(this.name, data)
-  }
-
-  public gtag() {
-    return assertEx(Gtag.instance, 'Missing/uninitialized gtag')
-  }
-
-  public gtm() {
-    return assertEx(Gtm.instance, 'Missing/uninitialized gtm')
-  }
-}

package/src/lib/Tracking/Google/CustomEvent.ts

@@ -1,5 +0,0 @@
-import { GoogleBaseEvent } from './BaseEvent'
-
-class GoogleCustomEvent<T extends Record<string, unknown>> extends GoogleBaseEvent<T> {}
-
-export { GoogleCustomEvent }

package/src/lib/Tracking/Google/DataLayer.ts

@@ -1,11 +0,0 @@
-interface GoogleDataLayerItem extends Record<string, unknown> {
-  event: string
-  eventCallback?: () => void
-  eventTimeout?: number
-}
-
-interface WithDataLayer {
-  dataLayer?: GoogleDataLayerItem[]
-}
-
-export type { GoogleDataLayerItem, WithDataLayer }

package/src/lib/Tracking/Google/Gtag.ts

@@ -1,112 +0,0 @@
-import { assertEx } from '@xylabs/sdk-js'
-import { parse, stringify } from 'query-string'
-
-class Gtag {
-  public updatePagePath(page_path: string) {
-    const ga4id = assertEx(this.ga4id, 'Missing GA4ID')
-    const pathOnly = page_path.split('?')[0]
-    const search = Gtag.getInitialQuery()
-    this.gtag('config', ga4id, { page_path: `${pathOnly}${search}` })
-  }
-
-  public ga4id?: string
-  public awid?: string
-  public domains?: string[]
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  public gtag?: any
-
-  private constructor(ga4id: string, awid: string, domains?: string[]) {
-    this.ga4id = ga4id
-    this.awid = awid
-    this.domains = domains
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const global = window as any
-    global.dataLayer = global.dataLayer ?? []
-    this.gtag =
-      global.gtag ??
-      function () {
-        // eslint-disable-next-line prefer-rest-params
-        global.dataLayer.push(arguments)
-      }
-    global.gtag = this.gtag
-    this.gtag('js', new Date())
-    this.gtag('config', ga4id)
-    //this.gtag('config', awid) - this is configured in the Data Stream in Google Analytics
-    const parsedQueryString = parse(document.location.search)
-    //we handle the utm_referrer here incase a referrer was forwarded (special.coinapp.co does this)
-    sessionStorage.setItem('initialReferrer', decodeURIComponent(parsedQueryString['utm_referrer']?.toString() ?? document.referrer))
-    delete parsedQueryString['utm_referrer']
-    const remainingSearch = parsedQueryString ? stringify(parsedQueryString) : ''
-    sessionStorage.setItem('initialQuery', remainingSearch)
-    sessionStorage.setItem('initialPage', document.location.href)
-  }
-
-  //
-
-  public static getInitialQuery() {
-    return sessionStorage.getItem('initialQuery') || ''
-  }
-
-  public static getInitialPage() {
-    return sessionStorage.getItem('initialPage') || ''
-  }
-
-  public static getInitialReferrer() {
-    return sessionStorage.getItem('initialReferrer') || ''
-  }
-
-  public static clearDataLayer() {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const global = window as any
-    const dataLayer = global.dataLayer as []
-    dataLayer.length = 0
-  }
-
-  public static instance: Gtag
-  public static init(ga4id: string, awid: string, domains?: string[]) {
-    if (!this.instance) {
-      return this.reinit(ga4id, awid, domains)
-    }
-    return this.instance
-  }
-
-  public static reinit(ga4id: string, awid: string, domains?: string[]) {
-    this.instance = new Gtag(ga4id, awid, domains)
-    return this.instance
-  }
-
-  public static updatePagePath(page_path: string) {
-    const instance = assertEx(this.instance, 'Not initialized')
-    return instance.updatePagePath(page_path)
-  }
-
-  public sendAnalytics(event: string, data: Record<string, unknown>) {
-    return new Promise<void>((resolve) => {
-      this.gtag('event', event, {
-        ...data,
-        event_callback: () => {
-          resolve()
-        },
-        event_timeout: 2000,
-        page_location: Gtag.getInitialPage(),
-        page_referrer: Gtag.getInitialReferrer(),
-        send_to: this.ga4id,
-      })
-    })
-  }
-
-  public sendAdwords(event: string, data: Record<string, unknown>) {
-    return new Promise<void>((resolve) => {
-      this.gtag('event', 'conversion', {
-        ...data,
-        event_callback: () => {
-          resolve()
-        },
-        event_timeout: 2000,
-        send_to: `${this.awid}/${event}`,
-      })
-    })
-  }
-}
-
-export { Gtag }

package/src/lib/Tracking/Google/Gtm.ts

@@ -1,46 +0,0 @@
-import { WithDataLayer } from './DataLayer'
-
-class Gtm {
-  public containerId?: string
-
-  private constructor(containerId: string) {
-    this.containerId = containerId
-    const global = window as WithDataLayer
-    global.dataLayer = global.dataLayer || []
-    global.dataLayer.push({ event: 'gtm.js', 'gtm.start': new Date().getTime() })
-  }
-
-  public static getInitialQuery() {
-    return sessionStorage.getItem('initialQuery') || ''
-  }
-
-  public static clearDataLayer() {
-    const global = window as WithDataLayer
-    const dataLayer = global.dataLayer as []
-    dataLayer.length = 0
-  }
-
-  public static instance: Gtm
-  public static init(containerId: string) {
-    if (!this.instance) {
-      this.instance = new Gtm(containerId)
-    }
-    return this.instance
-  }
-
-  public send(event: string, data: Record<string, unknown>, eventTimeout = 500) {
-    return new Promise<void>((resolve) => {
-      const global = window as WithDataLayer
-      global.dataLayer?.push({
-        event,
-        ...data,
-        eventCallback: () => {
-          resolve()
-        },
-        eventTimeout,
-      })
-    })
-  }
-}
-
-export { Gtm }

package/src/lib/Tracking/Google/StandardEvent.ts

@@ -1,3 +0,0 @@
-import { GoogleBaseEvent } from './BaseEvent'
-
-export class GoogleStandardEvent<T extends Record<string, unknown>> extends GoogleBaseEvent<T> {}