@xylabs/sdk-react 2.11.10 → 2.11.13

package/src/contexts/UserEvents/Context.ts

@@ -1,21 +1,19 @@
 import { UserEventHandler } from '@xylabs/pixel'
 import { createContext } from 'react'
 
-interface Props {
+export interface UserEventsProps {
   userEvents?: UserEventHandler<unknown>
 }
-const UserEventsContext = createContext<Props>({})
+export const UserEventsContext = createContext<UserEventsProps>({})
 
-interface DebuggingProps {
+export interface DebugUserEventsProps {
   isDebugging: boolean
   setIsDebugging: (value: boolean) => void
 }
 
-const DebugUserEventsContext = createContext<DebuggingProps>({
+export const DebugUserEventsContext = createContext<DebugUserEventsProps>({
   isDebugging: false,
   setIsDebugging: (value) => {
     console.warn('set is debugging is not set', value)
   },
 })
-
-export { DebugUserEventsContext, UserEventsContext }

package/src/contexts/UserEvents/Provider.tsx

@@ -8,13 +8,6 @@ export interface UserEventsProviderProps<T> {
   userEvents: UserEventHandler<T>
 }
 
-export const UserEventsProvider: React.FC<WithChildren<UserEventsProviderProps<unknown>>> = ({
-  userEvents,
-  children,
-}) => {
-  return (
-    <UserEventsContext.Provider value={{ userEvents: userEvents ?? XyoUserEventHandler.get() }}>
-      {children}
-    </UserEventsContext.Provider>
-  )
+export const UserEventsProvider: React.FC<WithChildren<UserEventsProviderProps<unknown>>> = ({ userEvents, children }) => {
+  return <UserEventsContext.Provider value={{ userEvents: userEvents ?? XyoUserEventHandler.get() }}>{children}</UserEventsContext.Provider>
 }

package/src/hooks/useNavigateToEthAddress.ts

@@ -3,14 +3,7 @@ import { NavigateOptions, To, useNavigate } from 'react-router-dom'
 
 export const useNavigateToEthAddress = () => {
   const navigate = useNavigate()
-  const navigateToEthAddress = (
-    address: EthAddress,
-    event: React.MouseEvent,
-    page?: string,
-    to?: To,
-    toOptions?: NavigateOptions,
-    toEtherScan?: boolean
-  ) => {
+  const navigateToEthAddress = (address: EthAddress, event: React.MouseEvent, page?: string, to?: To, toOptions?: NavigateOptions, toEtherScan?: boolean) => {
     const openInEtherScan = toEtherScan || (!to && !page)
     if (openInEtherScan) {
       window.open(`https://etherscan.io/address/${address.toString()}`, '_blank')

package/src/hooks/useWindowSize.ts

@@ -1,8 +1,8 @@
 import { useEffect, useState } from 'react'
 
-interface Size {
-  height: number | undefined
-  width: number | undefined
+export interface Size {
+  height?: number
+  width?: number
 }
 
 export function useWindowSize(): Size {

package/src/index.ts

@@ -1,5 +1,9 @@
+export * from './BoxlikeComponentProps'
+export * from './BusyProps'
 export * from './components'
 export * from './contexts'
 export * from './hooks'
 export * from './lib'
+export * from './Margin'
+export * from './Padding'
 export * from './WithChildren'

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

@@ -1,8 +1,8 @@
 import { delay } from '@xylabs/sdk-js'
 
-type DripEvent<T extends Record<string, unknown>> = (string | T)[]
+export type DripEvent<T extends Record<string, unknown>> = (string | T)[]
 
-class DripBaseEvent<T extends Record<string, unknown>> {
+export class DripBaseEvent<T extends Record<string, unknown>> {
   public name: string
   public param?: string
   public dcq: DripEvent<T>[]
@@ -42,5 +42,3 @@ class DripBaseEvent<T extends Record<string, unknown>> {
     return global._dcs as DripEvent<T>[]
   }
 }
-
-export { DripBaseEvent }

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

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

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

@@ -1,3 +1,2 @@
-import { DripIdentifyData } from './Identify'
-
-export type { DripIdentifyData }
+export * from './Identify'
+export * from './Result'

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

@@ -1,6 +1,4 @@
-import { DripCustomEvent } from './CustomEvent'
-import { DripIdentifyData } from './Data'
-import { DripStandardEvents } from './StandardEvents'
-
-export { DripCustomEvent, DripStandardEvents }
-export type { DripIdentifyData }
+export * from './BaseEvent'
+export * from './CustomEvent'
+export * from './Data'
+export * from './StandardEvents'

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

@@ -1,5 +1,7 @@
-import { FacebookCustomEvent } from './CustomEvent'
-import { Fbq } from './Fbq'
+export * from './BaseEvent'
+export * from './CustomEvent'
+export * from './Fbq'
+export * from './StandardEvent'
 export * from './StandardEvents'
 export * from './UserEventHandler'
 
@@ -7,5 +9,3 @@ export interface FacebookUserClick {
   elementName: string
   elementType: string
 }
-
-export { FacebookCustomEvent, Fbq }

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

@@ -3,7 +3,7 @@ import { assertEx } from '@xylabs/sdk-js'
 import { Gtag } from './Gtag'
 import { Gtm } from './Gtm'
 
-class GoogleBaseEvent<T extends Record<string, unknown>> {
+export class GoogleBaseEvent<T extends Record<string, unknown>> {
   public name: string
   protected adwordConversionId?: string
   constructor(name: string, adwordConversionId?: string) {
@@ -34,5 +34,3 @@ class GoogleBaseEvent<T extends Record<string, unknown>> {
     return assertEx(Gtm.instance, 'Missing/uninitialized gtm')
   }
 }
-
-export { GoogleBaseEvent }

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

@@ -34,10 +34,7 @@ class Gtag {
     //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)
-    )
+    sessionStorage.setItem('initialReferrer', decodeURIComponent(parsedQueryString['utm_referrer']?.toString() ?? document.referrer))
     delete parsedQueryString['utm_referrer']
     const remainingSearch = parsedQueryString ? stringify(parsedQueryString) : ''
     sessionStorage.setItem('initialQuery', remainingSearch)

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

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

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

@@ -130,9 +130,7 @@ export class GoogleStandardEvents<T extends Record<string, unknown>> {
   }
 
   public earnVirtualCurrency() {
-    return new GoogleStandardEvent<GoogleBaseProperties | GoogleEarnVirtualCurrencyProperties | T>(
-      'earn_virtual_currency'
-    )
+    return new GoogleStandardEvent<GoogleBaseProperties | GoogleEarnVirtualCurrencyProperties | T>('earn_virtual_currency')
   }
 
   public generateLead() {
@@ -160,9 +158,7 @@ export class GoogleStandardEvents<T extends Record<string, unknown>> {
   }
 
   public postScore() {
-    return new GoogleStandardEvent<GoogleBaseProperties | { character?: string; level?: number; score: number } | T>(
-      'post_score'
-    )
+    return new GoogleStandardEvent<GoogleBaseProperties | { character?: string; level?: number; score: number } | T>('post_score')
   }
 
   public purchase() {
@@ -182,9 +178,7 @@ export class GoogleStandardEvents<T extends Record<string, unknown>> {
   }
 
   public selectContent() {
-    return new GoogleStandardEvent<GoogleBaseProperties | { content_type?: string; item_id?: string } | T>(
-      'select_content'
-    )
+    return new GoogleStandardEvent<GoogleBaseProperties | { content_type?: string; item_id?: string } | T>('select_content')
   }
 
   public selectItem() {
@@ -196,9 +190,7 @@ export class GoogleStandardEvents<T extends Record<string, unknown>> {
   }
 
   public share() {
-    return new GoogleStandardEvent<
-      GoogleBaseProperties | { content_is?: string; content_type?: string; method?: string } | T
-    >('share')
+    return new GoogleStandardEvent<GoogleBaseProperties | { content_is?: string; content_type?: string; method?: string } | T>('share')
   }
 
   public signUp() {
@@ -206,9 +198,7 @@ export class GoogleStandardEvents<T extends Record<string, unknown>> {
   }
 
   public spendVirtualCurrency() {
-    return new GoogleStandardEvent<GoogleBaseProperties | GoogleSpendVirtualCurrencyProperties | T>(
-      'spend_virtual_currency'
-    )
+    return new GoogleStandardEvent<GoogleBaseProperties | GoogleSpendVirtualCurrencyProperties | T>('spend_virtual_currency')
   }
 
   public tutorialBegin() {

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

@@ -1,9 +1,7 @@
-import { GoogleBaseEvent } from './BaseEvent'
-import { GoogleCustomEvent } from './CustomEvent'
-import { Gtag } from './Gtag'
-import { Gtm } from './Gtm'
-import { GoogleUserEventHandler } from './UserEventHandler'
-
+export * from './BaseEvent'
+export * from './CustomEvent'
+export * from './Gtag'
+export * from './Gtm'
+export * from './StandardEvent'
 export * from './StandardEvents'
-
-export { GoogleBaseEvent, GoogleCustomEvent, GoogleUserEventHandler, Gtag, Gtm }
+export * from './UserEventHandler'

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

@@ -1,5 +1,5 @@
-import { RedditCustomEvent } from './CustomEvent'
-import { Rdt } from './Rdt'
-import { RedditStandardEvents } from './StandardEvents'
-
-export { Rdt, RedditCustomEvent, RedditStandardEvents }
+export * from './BaseEvent'
+export * from './CustomEvent'
+export * from './Rdt'
+export * from './StandardEvent'
+export * from './StandardEvents'

package/src/lib/Tracking/Referrer.ts

@@ -1,4 +1,4 @@
-class Referrer {
+export class Referrer {
   private static storageId = '_coin_referrer'
   public local: string
   public session: string
@@ -32,5 +32,3 @@ class Referrer {
     }
   }
 }
-
-export { Referrer }

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

@@ -2,10 +2,8 @@ import { SnapchatBaseEvent } from './BaseEvent'
 import { SnapTr } from './Snaptr'
 import { SnapchatStandardProperties } from './StandardProperties'
 
-class SnapchatStandardEvent<T extends SnapchatStandardProperties> extends SnapchatBaseEvent<T> {
+export class SnapchatStandardEvent<T extends SnapchatStandardProperties> extends SnapchatBaseEvent<T> {
   async send(data: T) {
     await SnapTr.track(this.name, data)
   }
 }
-
-export { SnapchatStandardEvent }

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

@@ -1,7 +1,6 @@
-import { SnapTr } from './Snaptr'
-import { SnapchatStandardProperties } from './StandardProperties'
-import { SnapchatUserProperties } from './UserProperties'
+export * from './BaseEvent'
+export * from './Snaptr'
+export * from './StandardEvent'
 export * from './StandardEvents'
-
-export { SnapTr }
-export type { SnapchatStandardProperties, SnapchatUserProperties }
+export * from './StandardProperties'
+export * from './UserProperties'

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

@@ -2,7 +2,7 @@ import { assertEx, delay } from '@xylabs/sdk-js'
 
 import { Ttq } from './Ttq'
 
-class TiktokBaseEvent<T> {
+export class TiktokBaseEvent<T> {
   public name: string
   public ttq: Ttq
   constructor(name: string) {
@@ -14,5 +14,3 @@ class TiktokBaseEvent<T> {
     await delay(0) //force async to increase reporting odds
   }
 }
-
-export { TiktokBaseEvent }

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

@@ -2,11 +2,9 @@ import { delay } from '@xylabs/sdk-js'
 
 import { TiktokBaseEvent } from './BaseEvent'
 
-class TiktokStandardEvent<T extends Record<string, unknown>> extends TiktokBaseEvent<T> {
+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
   }
 }
-
-export { TiktokStandardEvent }

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

@@ -1,5 +1,6 @@
-import { TiktokCustomEvent } from './CustomEvent'
-import { Ttq } from './Ttq'
+export * from './BaseEvent'
+export * from './CustomEvent'
+export * from './StandardEvent'
 export * from './StandardEvents'
-
-export { TiktokCustomEvent, Ttq }
+export * from './StandardProperties'
+export * from './Ttq'

package/src/lib/Tracking/XyoUserEventHandler.ts

@@ -1,10 +1,4 @@
-import {
-  FunnelStartedFields,
-  TestStartedFields,
-  UserClickFields,
-  UserEventHandler,
-  ViewContentFields,
-} from '@xylabs/pixel'
+import { FunnelStartedFields, TestStartedFields, UserClickFields, UserEventHandler, ViewContentFields } from '@xylabs/pixel'
 
 import { FacebookUserEventHandler } from './Facebook'
 import { GoogleUserEventHandler } from './Google'

package/src/lib/Tracking/index.ts

@@ -1,13 +1,10 @@
-import { Referrer } from './Referrer'
-import { XyoUserEventHandler } from './XyoUserEventHandler'
-
 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 { Referrer, XyoUserEventHandler }
+export * from './XyoUserEventHandler'

package/src/lib/index.ts

@@ -1,12 +1,8 @@
-import { ComponentSizes } from './ComponentSizes'
-import { getApiStage } from './getApiStage'
-import { isLocalhost } from './isLocalHost'
-import { useAsyncEffect } from './useAsyncEffect'
-
+export * from './ComponentSizes'
+export * from './getApiStage'
+export * from './isLocalHost'
 export * from './profile'
 export * from './safeLocalStorage'
 export * from './safeSessionStorage'
 export * from './Tracking'
-
-export { getApiStage, isLocalhost, useAsyncEffect }
-export type { ComponentSizes }
+export * from './useAsyncEffect'

package/src/lib/profile.ts

@@ -1,4 +1,4 @@
-interface ProfileResult {
+export interface ProfileResult {
   endTime: number
   name: string
   startTime: number

package/src/lib/useAsyncEffect.tsx

@@ -1,11 +1,11 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import { useEffect } from 'react'
 
-type EffectFuncWithMounted = (isMounted: () => boolean) => Promise<(() => void) | void>
-type EffectFuncWithoutMounted = () => Promise<(() => void) | void>
-type EffectFunc = EffectFuncWithMounted | EffectFuncWithoutMounted
+export type EffectFuncWithMounted = (isMounted: () => boolean) => Promise<(() => void) | void>
+export type EffectFuncWithoutMounted = () => Promise<(() => void) | void>
+export type EffectFunc = EffectFuncWithMounted | EffectFuncWithoutMounted
 
-function useAsyncEffect(effect: EffectFunc, inputs?: unknown[]) {
+export function useAsyncEffect(effect: EffectFunc, inputs?: unknown[]) {
   useEffect(function () {
     let mounted = true
     const promise: Promise<(() => void) | void> = effect(() => {
@@ -27,5 +27,3 @@ function useAsyncEffect(effect: EffectFunc, inputs?: unknown[]) {
     }
   }, inputs ?? [])
 }
-
-export { useAsyncEffect }

package/src/mergeBoxlikeStyles.ts

@@ -3,11 +3,7 @@ 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 mergeBoxlikeStyles = <T extends BoxlikeComponentProps>(theme: Theme, props: BoxlikeComponentProps, defaultProps?: BoxlikeComponentProps): T => {
   const {
     alignContent,
     alignItems,

package/dist/cjs5/components/Breadcrumbs/BreadcrumbsExProps.d.ts

@@ -1,8 +0,0 @@
-import { BreadcrumbsProps } from '@mui/material';
-import { ReactElement } from 'react';
-interface BreadcrumbsExProps extends BreadcrumbsProps {
-    logo?: string | ReactElement;
-    path?: string;
-    titles?: string[];
-}
-export type { BreadcrumbsExProps };

package/dist/components/Breadcrumbs/BreadcrumbsExProps.d.ts

@@ -1,8 +0,0 @@
-import { BreadcrumbsProps } from '@mui/material';
-import { ReactElement } from 'react';
-interface BreadcrumbsExProps extends BreadcrumbsProps {
-    logo?: string | ReactElement;
-    path?: string;
-    titles?: string[];
-}
-export type { BreadcrumbsExProps };

package/dist/components/Breadcrumbs/BreadcrumbsExProps.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=BreadcrumbsExProps.js.map

package/dist/components/Breadcrumbs/BreadcrumbsExProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbsExProps.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsExProps.tsx"],"names":[],"mappings":""}

package/dist/components/LinkEx/LinkToEx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkToEx.js","sourceRoot":"","sources":["../../../src/components/LinkEx/LinkToEx.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,IAAI,IAAI,UAAU,EAAM,MAAM,kBAAkB,CAAA;AAMzD,MAAM,MAAM,GAAoB,CAAC,EAAgB,EAAE,EAAE;QAApB,EAAE,EAAE,OAAY,EAAP,KAAK,cAAd,MAAgB,CAAF;IAC7C,IAAI,EAAE,EAAE;QACN,OAAO,KAAC,IAAI,kBAAC,GAAG,EAAC,qBAAqB,EAAC,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,IAAM,KAAK,EAAI,CAAA;KACpF;SAAM;QACL,OAAO,KAAC,IAAI,oBAAK,KAAK,EAAI,CAAA;KAC3B;AACH,CAAC,CAAA;AAED,qCAAqC;AACrC,MAAM,QAAQ,GAAG,MAAM,CAAA;AAEvB,mDAAmD;AACnD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAA"}

package/dist/esm2015/components/Breadcrumbs/BreadcrumbsExProps.d.ts

@@ -1,8 +0,0 @@
-import { BreadcrumbsProps } from '@mui/material';
-import { ReactElement } from 'react';
-interface BreadcrumbsExProps extends BreadcrumbsProps {
-    logo?: string | ReactElement;
-    path?: string;
-    titles?: string[];
-}
-export type { BreadcrumbsExProps };

package/dist/esm2017/components/Breadcrumbs/BreadcrumbsExProps.d.ts

@@ -1,8 +0,0 @@
-import { BreadcrumbsProps } from '@mui/material';
-import { ReactElement } from 'react';
-interface BreadcrumbsExProps extends BreadcrumbsProps {
-    logo?: string | ReactElement;
-    path?: string;
-    titles?: string[];
-}
-export type { BreadcrumbsExProps };

package/dist/esm5/components/Breadcrumbs/BreadcrumbsExProps.d.ts

@@ -1,8 +0,0 @@
-import { BreadcrumbsProps } from '@mui/material';
-import { ReactElement } from 'react';
-interface BreadcrumbsExProps extends BreadcrumbsProps {
-    logo?: string | ReactElement;
-    path?: string;
-    titles?: string[];
-}
-export type { BreadcrumbsExProps };

package/dist/esm5/components/LinkEx/LinkToEx.d.ts

@@ -1,10 +0,0 @@
-import { LinkProps } from '@mui/material';
-import React from 'react';
-import { To } from 'react-router-dom';
-interface Props extends LinkProps {
-    to?: To;
-}
-declare const LinkEx: React.FC<Props>;
-/** @deprecated use LinkEx instead */
-declare const LinkToEx: React.FC<Props>;
-export { LinkEx, LinkToEx };

package/dist/node/components/Breadcrumbs/BreadcrumbsExProps.d.ts

@@ -1,8 +0,0 @@
-import { BreadcrumbsProps } from '@mui/material';
-import { ReactElement } from 'react';
-interface BreadcrumbsExProps extends BreadcrumbsProps {
-    logo?: string | ReactElement;
-    path?: string;
-    titles?: string[];
-}
-export type { BreadcrumbsExProps };

package/dist/node/components/LinkEx/LinkToEx.d.ts

@@ -1,10 +0,0 @@
-import { LinkProps } from '@mui/material';
-import React from 'react';
-import { To } from 'react-router-dom';
-interface Props extends LinkProps {
-    to?: To;
-}
-declare const LinkEx: React.FC<Props>;
-/** @deprecated use LinkEx instead */
-declare const LinkToEx: React.FC<Props>;
-export { LinkEx, LinkToEx };

package/dist/node-esm/components/Breadcrumbs/BreadcrumbsExProps.d.ts

@@ -1,8 +0,0 @@
-import { BreadcrumbsProps } from '@mui/material';
-import { ReactElement } from 'react';
-interface BreadcrumbsExProps extends BreadcrumbsProps {
-    logo?: string | ReactElement;
-    path?: string;
-    titles?: string[];
-}
-export type { BreadcrumbsExProps };

package/dist/node-esm/components/LinkEx/LinkToEx.d.ts

@@ -1,10 +0,0 @@
-import { LinkProps } from '@mui/material';
-import React from 'react';
-import { To } from 'react-router-dom';
-interface Props extends LinkProps {
-    to?: To;
-}
-declare const LinkEx: React.FC<Props>;
-/** @deprecated use LinkEx instead */
-declare const LinkToEx: React.FC<Props>;
-export { LinkEx, LinkToEx };

package/src/components/Breadcrumbs/BreadcrumbsExProps.tsx

@@ -1,10 +0,0 @@
-import { BreadcrumbsProps } from '@mui/material'
-import { ReactElement } from 'react'
-
-interface BreadcrumbsExProps extends BreadcrumbsProps {
-  logo?: string | ReactElement
-  path?: string
-  titles?: string[]
-}
-
-export type { BreadcrumbsExProps }