@xylabs/sdk-react 2.9.35 → 2.10.2

package/src/components/Background.tsx

@@ -7,4 +7,5 @@ const Background: React.FC<FlexBoxProps> = (props) => {
   return <FlexRow {...props} />
 }
 
+// eslint-disable-next-line deprecation/deprecation
 export { Background }

package/src/components/BasePage/BasePage.stories.tsx

@@ -21,12 +21,10 @@ const Template: ComponentStory<typeof BasePage> = (args) => (
 )
 
 const AppBar = () => <div>AppBar</div>
-const FilterBar = () => <div>FilterBar</div>
 
 const Default = Template.bind({})
 Default.args = {
   appBar: <AppBar />,
-  filterBar: <FilterBar />,
   title: 'Default',
 }
 

package/src/components/BasePage/BasePage.tsx

@@ -19,9 +19,7 @@ const BasePage: React.FC<BasePageProps> = ({
   appFooter,
   appBar,
   cookieConsent,
-  filterBar,
   hideAppBar,
-  hideFilterBar,
   noindex = false,
   scrollToTopButton = false,
   title,
@@ -44,7 +42,6 @@ const BasePage: React.FC<BasePageProps> = ({
       <Helmet title={title}>{noindex ? <meta content="noindex" name="robots" /> : null}</Helmet>
       {scrollToTopButton ? <div id={scrollToTopAnchorId} /> : null}
       {hideAppBar ? null : appBar}
-      {hideFilterBar ? null : filterBar}
       {beta ? (
         <FlexRow
           margin={1}

package/src/components/BasePage/BasePageProps.ts

@@ -9,9 +9,7 @@ interface BasePageProps extends BoxProps {
   beta?: boolean
   container?: 'xl' | 'lg' | 'md' | 'sm' | 'xs'
   disableGutters?: boolean
-  filterBar?: ReactElement
   hideAppBar?: boolean
-  hideFilterBar?: boolean
   hideFooter?: boolean
   noindex?: boolean
   cookieConsent?: ReactNode

package/src/components/InvertableThemeProvider/InvertableThemeProvider.tsx

@@ -27,6 +27,7 @@ export const InvertableThemeProvider: React.FC<InvertableThemeProviderProps> = (
   scoped = false,
   invert = false,
   noResponsiveFonts,
+  // eslint-disable-next-line deprecation/deprecation
   darkTheme,
   darkOptions,
   lightOptions,

package/src/components/LinkEx/LinkToEx.tsx

@@ -17,4 +17,5 @@ const LinkEx: React.FC<Props> = ({ to, ...props }) => {
 /** @deprecated use LinkEx instead */
 const LinkToEx = LinkEx
 
+// eslint-disable-next-line deprecation/deprecation
 export { LinkEx, LinkToEx }

package/src/components/index.ts

@@ -26,4 +26,5 @@ export * from './ScrollToTop'
 export * from './SelectEx'
 export * from './TokenAmount'
 
+// eslint-disable-next-line deprecation/deprecation
 export { Background, CoverProgress, HoverScale, Identicon, RedirectWithQuery, ScrollToTopButton }

package/src/contexts/UserEvents/Provider.tsx

@@ -0,0 +1,17 @@
+import { UserEventHandler } from '@xylabs/pixel'
+import React from 'react'
+
+import { XyoUserEventHandler } from '../../lib'
+import { UserEventsContext } from './Context'
+
+interface Props<T> {
+  userEvents: UserEventHandler<T>
+}
+
+export const UserEventsProvider: React.FC<Props<unknown>> = ({ userEvents, children }) => {
+  return (
+    <UserEventsContext.Provider value={{ userEvents: userEvents ?? XyoUserEventHandler.get() }}>
+      {children}
+    </UserEventsContext.Provider>
+  )
+}

package/src/contexts/UserEvents/index.ts

@@ -1,2 +1,2 @@
 export * from './Context'
-export * from './Loader'
+export * from './Provider'

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

@@ -1,6 +1,7 @@
 import { FacebookCustomEvent } from './CustomEvent'
 import { Fbq } from './Fbq'
 export * from './StandardEvents'
+export * from './UserEventHandler'
 
 export interface FacebookUserClick {
   elementName: string

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

@@ -0,0 +1,19 @@
+import { assertEx, delay } from '@xylabs/sdk-js'
+
+import { EF } from './EF'
+
+class TapjoyBaseEvent<T> {
+  public ef: EF
+  public name: string
+
+  constructor(name: string) {
+    this.name = name
+    this.ef = assertEx(EF.instance, 'Missing Tapjoy Eventflow')
+  }
+
+  async send(_data: T) {
+    await delay(0)
+  }
+}
+
+export { TapjoyBaseEvent }

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

@@ -0,0 +1,41 @@
+import { global } from '../../global'
+class EF {
+  public static instance: EF
+  public static init() {
+    try {
+      EF.instance = new EF()
+    } catch (ex) {
+      console.error(`EF.init: ${ex}`)
+    }
+  }
+  public static getEF() {
+    if (global.EF) {
+      return global.EF
+    }
+    console.warn('Missing EF')
+  }
+
+  public track(event: string, data?: Record<string, unknown>) {
+    switch (event) {
+      case 'Purchase':
+        this.sendConversion(data)
+        break
+      default:
+        console.error(`EF.track: missing event ${event}`)
+    }
+  }
+
+  private sendConversion(data?: Record<string, unknown>) {
+    try {
+      //data: have session_id, tracking_id, order_id, amount
+      const ef = EF.getEF()
+      ef.conversion({
+        ...data,
+      })
+    } catch (ex) {
+      console.error(`EF.conversion: ${ex}`)
+    }
+  }
+}
+
+export { EF }

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

@@ -0,0 +1,11 @@
+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

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

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

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

package/src/lib/Tracking/XyoUserEventHandler.ts

@@ -6,11 +6,14 @@ import {
   ViewContentFields,
 } from '@xylabs/pixel'
 
-class XyoUserEventHandler<T> extends UserEventHandler<T> {
+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
+    this.handlers = handlers ?? [new FacebookUserEventHandler<T>(), new GoogleUserEventHandler<T>()]
   }
 
   async testStarted(data: T | TestStartedFields) {
@@ -28,6 +31,12 @@ class XyoUserEventHandler<T> extends UserEventHandler<T> {
   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

@@ -6,6 +6,7 @@ export * from './Facebook'
 export * from './Google'
 export * from './Reddit'
 export * from './Snapchat'
+export * from './Tapjoy'
 export * from './Tiktok'
 export * from './Xy'
 

package/dist/contexts/UserEvents/Loader.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { UserEventsContext } from './Context';
-export const UserEventsLoader = ({ userEvents, children }) => {
-    return _jsx(UserEventsContext.Provider, Object.assign({ value: { userEvents } }, { children: children }), void 0);
-};
-//# sourceMappingURL=Loader.js.map

package/dist/contexts/UserEvents/Loader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/contexts/UserEvents/Loader.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAM7C,MAAM,CAAC,MAAM,gBAAgB,GAA6B,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrF,OAAO,KAAC,iBAAiB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,UAAU,EAAE,gBAAG,QAAQ,YAA8B,CAAA;AACnG,CAAC,CAAA"}

package/dist/esm5/contexts/UserEvents/Loader.d.ts

@@ -1,7 +0,0 @@
-import { UserEventHandler } from '@xylabs/pixel';
-import React from 'react';
-interface Props<T> {
-    userEvents: UserEventHandler<T>;
-}
-export declare const UserEventsLoader: React.FC<Props<unknown>>;
-export {};

package/dist/node/contexts/UserEvents/Loader.d.ts

@@ -1,7 +0,0 @@
-import { UserEventHandler } from '@xylabs/pixel';
-import React from 'react';
-interface Props<T> {
-    userEvents: UserEventHandler<T>;
-}
-export declare const UserEventsLoader: React.FC<Props<unknown>>;
-export {};

package/dist/node-esm/contexts/UserEvents/Loader.d.ts

@@ -1,7 +0,0 @@
-import { UserEventHandler } from '@xylabs/pixel';
-import React from 'react';
-interface Props<T> {
-    userEvents: UserEventHandler<T>;
-}
-export declare const UserEventsLoader: React.FC<Props<unknown>>;
-export {};

package/src/contexts/UserEvents/Loader.tsx

@@ -1,12 +0,0 @@
-import { UserEventHandler } from '@xylabs/pixel'
-import React from 'react'
-
-import { UserEventsContext } from './Context'
-
-interface Props<T> {
-  userEvents: UserEventHandler<T>
-}
-
-export const UserEventsLoader: React.FC<Props<unknown>> = ({ userEvents, children }) => {
-  return <UserEventsContext.Provider value={{ userEvents }}>{children}</UserEventsContext.Provider>
-}