@xylabs/sdk-react 2.9.36 → 2.10.1

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/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/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>
-}