@xylabs/sdk-react 2.9.34 → 2.10.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/EthAccount/EthAccount.stories.tsx

@@ -38,6 +38,25 @@ LongEmpty.args = {
   toEtherScan: true,
 }
 
+const Medium = Template.bind({})
+Medium.args = {
+  address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
+  addressLength: 'short',
+  icon: true,
+  shortenedLength: 8,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const MediumEmpty = Template.bind({})
+MediumEmpty.args = {
+  addressLength: 'short',
+  icon: true,
+  shortenedLength: 8,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
 const Short = Template.bind({})
 Short.args = {
   address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
@@ -72,7 +91,7 @@ AutoEmpty.args = {
   toEtherScan: true,
 }
 
-export { Auto, AutoEmpty, Long, LongEmpty, Short, ShortEmpty }
+export { Auto, AutoEmpty, Long, LongEmpty, Medium, MediumEmpty, Short, ShortEmpty }
 
 // eslint-disable-next-line import/no-default-export
 export default StorybookEntry

package/src/components/EthAccount/EthAccount.tsx

@@ -14,6 +14,7 @@ const EthAccount: React.FC<EthAccountProps> = ({
   icon = false,
   iconSize = 16,
   iconOnly = false,
+  shortenedLength,
   addressLength = 'auto',
   fontFamily = '"Source Code Pro",monospace',
   toEtherScan,
@@ -40,7 +41,7 @@ const EthAccount: React.FC<EthAccountProps> = ({
     addressLength === 'long'
       ? addressToDisplay.toString()
       : addressLength === 'short'
-      ? addressToDisplay.toShortString()
+      ? addressToDisplay.toShortString(shortenedLength)
       : large
       ? addressToDisplay.toString()
       : addressToDisplay.toShortString()

package/src/components/EthAccount/EthAccountProps.tsx

@@ -6,6 +6,7 @@ import { ButtonExProps } from '../ButtonEx'
 interface EthAccountProps extends ButtonExProps {
   address?: EthAddress | null
   addressLength?: 'auto' | 'short' | 'long'
+  shortenedLength?: number
   full?: boolean
   icon?: boolean
   iconSize?: number

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