@xylabs/sdk-react 2.12.11 → 2.13.2

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

@@ -1,11 +0,0 @@
-import { delay } from '@xylabs/sdk-js'
-
-import { TapjoyBaseEvent } from './BaseEvent'
-class TapjoyStandardEvent<T extends Record<string, unknown>> extends TapjoyBaseEvent<T> {
-  async send(data: T) {
-    this.ef.track(this.name, data)
-    await delay(0)
-  }
-}
-
-export { TapjoyStandardEvent }

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

@@ -1,9 +0,0 @@
-import { TapjoyStandardEvent } from './StandardEvent'
-
-class TapjoyStandardEvents<T extends Record<string, unknown>> {
-  public accountCreated() {
-    return new TapjoyStandardEvent<T>('Conversion')
-  }
-}
-
-export { TapjoyStandardEvents }

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

@@ -1,3 +0,0 @@
-export * from './EF'
-export * from './StandardEvent'
-export * from './StandardEvents'

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

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

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

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

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

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

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

@@ -1,67 +0,0 @@
-import { TiktokStandardEvent } from './StandardEvent'
-
-export class TiktokStandardEvents<T extends Record<string, unknown>> {
-  public pageView() {
-    return new TiktokStandardEvent<T>('Browse')
-  }
-
-  public viewContent() {
-    return new TiktokStandardEvent<T>('ViewContent')
-  }
-
-  public addToCart() {
-    return new TiktokStandardEvent<T>('AddToCart')
-  }
-
-  public checkout() {
-    return new TiktokStandardEvent<T>('Checkout')
-  }
-
-  public purchase() {
-    return new TiktokStandardEvent<T>('Purchase')
-  }
-
-  public registration() {
-    return new TiktokStandardEvent<T>('Registration')
-  }
-
-  public startCheckout() {
-    return new TiktokStandardEvent<T>('StartCheckout')
-  }
-
-  public addBilling() {
-    return new TiktokStandardEvent<T>('AddBilling')
-  }
-
-  public search() {
-    return new TiktokStandardEvent<T>('Search')
-  }
-
-  public viewForm() {
-    return new TiktokStandardEvent<T>('ViewForm')
-  }
-
-  public clickForm() {
-    return new TiktokStandardEvent<T>('ClickForm')
-  }
-
-  public submitForm() {
-    return new TiktokStandardEvent<T>('SubmitForm')
-  }
-
-  public viewDownloadPage() {
-    return new TiktokStandardEvent<T>('ViewDownloadPage')
-  }
-
-  public clickInDownloadPage() {
-    return new TiktokStandardEvent<T>('ClickInDownloadPage')
-  }
-
-  public clickToDownload() {
-    return new TiktokStandardEvent<T>('ClickToDownload')
-  }
-
-  public clickButton() {
-    return new TiktokStandardEvent<T>('ClickButton')
-  }
-}

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

@@ -1,5 +0,0 @@
-interface TiktokStandardProperties {
-  user_email?: string
-}
-
-export type { TiktokStandardProperties }

package/src/lib/Tracking/Tiktok/Ttq.ts

@@ -1,41 +0,0 @@
-class Ttq {
-  public static instance: Ttq
-  public static init(pixelId: string) {
-    try {
-      Ttq.instance = new Ttq()
-      Ttq.getTtq().load(pixelId)
-      Ttq.page()
-    } catch (ex) {
-      console.error(`Ttq.init: ${ex}`)
-    }
-  }
-
-  public static getTtq() {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const global = window as any
-    if (global.ttq) {
-      return global.ttq
-    }
-    console.warn('Missing ttq')
-  }
-
-  public static page() {
-    try {
-      Ttq.getTtq().page()
-    } catch (ex) {
-      console.error(`Ttq.page: ${ex}`)
-    }
-  }
-
-  public track(event: string, data?: Record<string, unknown>) {
-    try {
-      Ttq.getTtq().track(event, {
-        ...data,
-      })
-    } catch (ex) {
-      console.error(`Ttq.track: ${ex}`)
-    }
-  }
-}
-
-export { Ttq }

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

@@ -1,6 +0,0 @@
-export * from './BaseEvent'
-export * from './CustomEvent'
-export * from './StandardEvent'
-export * from './StandardEvents'
-export * from './StandardProperties'
-export * from './Ttq'

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

@@ -1,14 +0,0 @@
-import { XyPixel } from '@xylabs/pixel'
-
-class XyBaseEvent<T extends Record<string, unknown>> {
-  private name: string
-  constructor(name: string) {
-    this.name = name
-  }
-
-  async send(fields: T, eventId?: string) {
-    await XyPixel.instance.send(this.name, fields, eventId)
-  }
-}
-
-export { XyBaseEvent }

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

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

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

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

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

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

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

@@ -1,5 +0,0 @@
-import { XyBaseEvent } from './BaseEvent'
-import { XyCustomEvent } from './CustomEvent'
-import { XyUserEventHandler } from './UserEventHandler'
-
-export { XyBaseEvent, XyCustomEvent, XyUserEventHandler }

package/src/lib/Tracking/XyoUserEventHandler.ts

@@ -1,36 +0,0 @@
-import { FunnelStartedFields, TestStartedFields, UserClickFields, UserEventHandler, ViewContentFields } from '@xylabs/pixel'
-
-import { FacebookUserEventHandler } from './Facebook'
-import { GoogleUserEventHandler } from './Google'
-
-class XyoUserEventHandler<T extends Record<string, unknown>> extends UserEventHandler<T> {
-  protected handlers: UserEventHandler<T>[]
-  private constructor(handlers: UserEventHandler<T>[] = []) {
-    super()
-    this.handlers = handlers ?? [new FacebookUserEventHandler<T>(), new GoogleUserEventHandler<T>()]
-  }
-
-  async testStarted(data: T | TestStartedFields) {
-    await Promise.allSettled(this.handlers.map((handler) => handler.testStarted(data)))
-  }
-
-  async funnelStarted(data: T | FunnelStartedFields) {
-    await Promise.allSettled(this.handlers.map((handler) => handler.funnelStarted(data)))
-  }
-
-  async viewContent(data: T | ViewContentFields) {
-    await Promise.allSettled(this.handlers.map((handler) => handler.viewContent(data)))
-  }
-
-  async userClick(data: T | UserClickFields) {
-    await Promise.allSettled(this.handlers.map((handler) => handler.userClick(data)))
-  }
-
-  static instance: XyoUserEventHandler<Record<string, unknown>>
-  static get() {
-    this.instance = this.instance ?? new XyoUserEventHandler()
-    return this.instance
-  }
-}
-
-export { XyoUserEventHandler }

package/src/lib/Tracking/index.ts

@@ -1,10 +0,0 @@
-export * from './Drip'
-export * from './Facebook'
-export * from './Google'
-export * from './Reddit'
-export * from './Referrer'
-export * from './Snapchat'
-export * from './Tapjoy'
-export * from './Tiktok'
-export * from './Xy'
-export * from './XyoUserEventHandler'

package/src/lib/getApiStage.ts

@@ -1,7 +0,0 @@
-import { getApiStage as baseGetApiStage } from '@xylabs/sdk-js'
-
-const getApiStage = () => {
-  return baseGetApiStage(document.location.hostname)
-}
-
-export { getApiStage }

package/src/lib/index.ts

@@ -1,8 +0,0 @@
-export * from './ComponentSizes'
-export * from './getApiStage'
-export * from './isLocalHost'
-export * from './profile'
-export * from './safeLocalStorage'
-export * from './safeSessionStorage'
-export * from './Tracking'
-export * from './useAsyncEffect'

package/src/lib/isLocalHost.ts

@@ -1,10 +0,0 @@
-const isLocalhost = () =>
-  !!(
-    window.location.hostname === 'localhost' ||
-    // [::1] is the IPv6 localhost address.
-    window.location.hostname === '[::1]' ||
-    // 127.0.0.0/8 are considered localhost for IPv4.
-    window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/)
-  )
-
-export { isLocalhost }

package/src/lib/profile.ts

@@ -1,23 +0,0 @@
-export interface ProfileResult {
-  endTime: number
-  name: string
-  startTime: number
-}
-
-let logProfiling = false
-
-export const enableProfileLogging = (enabled: boolean) => {
-  logProfiling = enabled
-}
-
-export const profileResults: Array<ProfileResult> = []
-
-export const profileBlock = async (name: string, closure: () => Promise<unknown>) => {
-  const startTime = Date.now()
-  await closure()
-  const endTime = Date.now()
-  profileResults.push({ endTime, name, startTime })
-  if (logProfiling) {
-    console.log(`Timed ${name} [${endTime - startTime}ms]`)
-  }
-}

package/src/lib/safeLocalStorage.ts

@@ -1,19 +0,0 @@
-import { Log } from '@xylabs/sdk-js'
-
-export const getLocalStorageObject = <T>(key: string, log?: Log): T => {
-  let result = {} as T
-  try {
-    result = JSON.parse(localStorage.getItem(key) ?? '{}') as T
-  } catch (e) {
-    log?.error('getLocalStorageObject', e)
-  }
-  return result
-}
-
-export const setLocalStorageObject = <T>(key: string, value: T, log?: Log) => {
-  try {
-    localStorage.setItem(key, JSON.stringify(value))
-  } catch (e) {
-    log?.error('setLocalStorageObject', e)
-  }
-}

package/src/lib/safeSessionStorage.ts

@@ -1,19 +0,0 @@
-import { Log } from '@xylabs/sdk-js'
-
-export const getSessionStorageObject = (key: string, log?: Log) => {
-  let result = {}
-  try {
-    result = JSON.parse(sessionStorage.getItem(key) ?? '{}')
-  } catch (e) {
-    log?.error('getSessionStorageObject', e)
-  }
-  return result
-}
-
-export const setSessionStorageObject = (key: string, value: Record<string, unknown>, log?: Log) => {
-  try {
-    sessionStorage.setItem(key, JSON.stringify(value))
-  } catch (e) {
-    log?.error('setSessionStorageObject', e)
-  }
-}

package/src/lib/useAsyncEffect.tsx

@@ -1,29 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import { useEffect } from 'react'
-
-export type EffectFuncWithMounted = (isMounted: () => boolean) => Promise<(() => void) | void>
-export type EffectFuncWithoutMounted = () => Promise<(() => void) | void>
-export type EffectFunc = EffectFuncWithMounted | EffectFuncWithoutMounted
-
-export function useAsyncEffect(effect: EffectFunc, inputs?: unknown[]) {
-  useEffect(function () {
-    let mounted = true
-    const promise: Promise<(() => void) | void> = effect(() => {
-      return mounted
-    })
-
-    Promise.resolve(promise)
-      .then((callback) => {
-        if (callback) {
-          callback?.()
-        }
-      })
-      .catch((reason) => {
-        console.log(`useAsyncEffect Excepted: ${reason}`)
-      })
-
-    return function () {
-      mounted = false
-    }
-  }, inputs ?? [])
-}

package/src/mergeBoxlikeStyles.ts

@@ -1,80 +0,0 @@
-import { Theme } from '@mui/material'
-
-import { BoxlikeComponentProps } from './BoxlikeComponentProps'
-import { calcSpacing } from './calcSpacing'
-
-const mergeBoxlikeStyles = <T extends BoxlikeComponentProps>(theme: Theme, props: BoxlikeComponentProps, defaultProps?: BoxlikeComponentProps): T => {
-  const {
-    alignContent,
-    alignItems,
-    alignSelf,
-    bgcolor,
-    border,
-    borderColor,
-    display,
-    flexGrow,
-    flexShrink,
-    flexDirection,
-    flexWrap,
-    justifyContent,
-    justifyItems,
-    justifySelf,
-    height,
-    minHeight,
-    minWidth,
-    margin,
-    marginX,
-    marginY,
-    marginTop,
-    marginLeft,
-    marginRight,
-    marginBottom,
-    padding,
-    paddingX,
-    paddingY,
-    paddingTop,
-    paddingLeft,
-    paddingRight,
-    paddingBottom,
-    position,
-    style,
-    width,
-    ...rootProps
-  } = { ...defaultProps, ...props }
-  const mergedStyle: React.CSSProperties = {
-    alignContent,
-    alignItems,
-    alignSelf,
-    backgroundColor: bgcolor,
-    border,
-    borderColor,
-    display,
-    flexDirection,
-    flexGrow,
-    flexShrink,
-    flexWrap,
-    height,
-    justifyContent,
-    justifyItems,
-    justifySelf,
-    marginBottom: calcSpacing(theme, [marginBottom, marginY, margin]),
-    marginLeft: calcSpacing(theme, [marginLeft, marginX, margin]),
-    marginRight: calcSpacing(theme, [marginRight, marginX, margin]),
-    marginTop: calcSpacing(theme, [marginTop, marginY, margin]),
-    minHeight,
-    minWidth,
-    paddingBottom: calcSpacing(theme, [paddingBottom, paddingY, padding]),
-    paddingLeft: calcSpacing(theme, [paddingLeft, paddingX, padding]),
-    paddingRight: calcSpacing(theme, [paddingRight, paddingX, padding]),
-    paddingTop: calcSpacing(theme, [paddingTop, paddingY, padding]),
-    position,
-    width,
-    ...style,
-  }
-  return {
-    ...rootProps,
-    style: mergedStyle,
-  } as T
-}
-
-export { mergeBoxlikeStyles }

package/src/nodeIndex.ts

@@ -1,2 +0,0 @@
-export * from './hooks'
-export * from './lib'

package/src/types/images.d.ts

@@ -1,5 +0,0 @@
-declare module '*.png'
-declare module '*.jpg'
-declare module '*.svg'
-declare module '*.gif'
-declare module '*.webp'