@xylabs/sdk-react 2.7.23 → 2.7.24

package/src/contexts/Ethers/Opera.tsx

@@ -1,7 +1,8 @@
 import { JsonRpcProvider, JsonRpcSigner, Web3Provider } from '@ethersproject/providers'
 import { EthAddress } from '@xylabs/sdk-js'
-import React, { PropsWithChildren, useState } from 'react'
+import { PropsWithChildren, useState } from 'react'
 
+import { useAsyncEffect } from '../../lib'
 import { EthersContext } from './Context'
 
 interface Props {
@@ -23,37 +24,30 @@ export const OperaEthersLoader: React.FC<PropsWithChildren<Props>> = (props) =>
   const chainId = ethereum?.chainId ? parseInt(ethereum?.chainId) : 1
   const isConnected = ethereum?.isConnected() ?? false
 
-  React.useEffect(() => {
-    let cancelled = false
-
-    if (ethereum) {
-      ethereum.enable()
-      const operaProvider = new Web3Provider(ethereum)
-      const provider = operaProvider
-      const signer = operaProvider.getSigner()
-      const load = async () => {
+  useAsyncEffect(
+    async (mounted) => {
+      if (ethereum) {
+        ethereum.enable()
+        const operaProvider = new Web3Provider(ethereum)
+        const provider = operaProvider
+        const signer = operaProvider.getSigner()
         try {
           const localAddress = EthAddress.fromString(await signer.getAddress())
           ethereum.autoRefreshOnNetworkChange = false
-          if (!cancelled) {
+          if (mounted()) {
             setSigner(signer)
             setProvider(provider)
             setLocalAddress(localAddress)
           }
         } catch (ex) {
-          if (!cancelled) {
+          if (mounted()) {
             setError(Error(`localAddress: ${ex}`))
           }
         }
       }
-
-      load()
-    }
-
-    return () => {
-      cancelled = true
-    }
-  }, [ethereum])
+    },
+    [ethereum]
+  )
 
   return (
     <EthersContext.Provider

package/src/contexts/Ethers/Trust.tsx

@@ -1,7 +1,8 @@
 import { Web3Provider } from '@ethersproject/providers'
 import { EthAddress } from '@xylabs/sdk-js'
-import React, { PropsWithChildren, useEffect, useState } from 'react'
+import { PropsWithChildren, useState } from 'react'
 
+import { useAsyncEffect } from '../../lib'
 import { EthersContext } from './Context'
 
 interface Props {
@@ -22,30 +23,23 @@ export const TrustEthersLoader: React.FC<PropsWithChildren<Props>> = (props) =>
 
   const provider = trustProvider
 
-  useEffect(() => {
-    let cancelled = false
-
-    if (signer) {
-      const load = async () => {
+  useAsyncEffect(
+    async (mounted) => {
+      if (signer) {
         try {
           const localAddress = EthAddress.fromString(await signer.getAddress())
-          if (!cancelled) {
+          if (mounted()) {
             setLocalAddress(localAddress)
           }
         } catch (ex) {
-          if (!cancelled) {
+          if (mounted()) {
             setError(Error(`localAddress: ${ex}`))
           }
         }
       }
-
-      load()
-    }
-
-    return () => {
-      cancelled = true
-    }
-  }, [signer])
+    },
+    [signer]
+  )
 
   return (
     <EthersContext.Provider

package/src/contexts/NetworkSettings/Context.ts

@@ -1,7 +1,7 @@
 import { EthAddress } from '@xylabs/sdk-js'
-import React from 'react'
+import { createContext } from 'react'
 
-const NetworkSettingsContext = React.createContext<{
+const NetworkSettingsContext = createContext<{
   xyStakingConsensusAddress?: EthAddress
   xyBondAddress?: EthAddress
   xyGovernanceAddress?: EthAddress

package/src/contexts/UserEvents/Context.ts

@@ -1,9 +1,9 @@
 import { UserEventHandler } from '@xylabs/pixel'
-import React from 'react'
+import { createContext } from 'react'
 
 interface Props {
   userEvents?: UserEventHandler<unknown>
 }
 
-const UserEventsContext = React.createContext<Props>({})
+const UserEventsContext = createContext<Props>({})
 export { UserEventsContext }

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

@@ -1,5 +1,3 @@
-import { delay } from '@xylabs/sdk-js'
-
 import { global } from '../../global'
 
 class Fbq {
@@ -36,18 +34,16 @@ class Fbq {
     return this.instance
   }
 
-  public async track(event: string, data: Record<string, unknown>) {
+  public track(event: string, data: Record<string, unknown>) {
     this.fbq('track', event, {
       ...data,
     })
-    await delay(0)
   }
 
-  public async trackCustom(event: string, data: Record<string, unknown>) {
+  public trackCustom(event: string, data: Record<string, unknown>) {
     this.fbq('trackCustom', event, {
       ...data,
     })
-    await delay(0)
   }
 }
 

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

@@ -1,5 +1,3 @@
-import { delay } from '@xylabs/sdk-js'
-
 import { global } from '../../global'
 
 class Rdt {
@@ -26,12 +24,11 @@ class Rdt {
     }
   }
 
-  public async track(event: string, data?: Record<string, unknown>) {
+  public track(event: string, data?: Record<string, unknown>) {
     try {
       Rdt.getRdt()('track', event, {
         ...data,
       })
-      await delay(0)
     } catch (ex) {
       console.error(ex)
     }

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

@@ -1,5 +1,3 @@
-import { delay } from '@xylabs/sdk-js'
-
 import { global } from '../../global'
 
 class SnapTr {
@@ -15,10 +13,9 @@ class SnapTr {
     this.track('PAGE_VIEW')
   }
 
-  public static async track<T>(event: string, data?: T) {
+  public static track<T>(event: string, data?: T) {
     this.getSnapTr()('init', this.pixelId)
     this.getSnapTr()('track', event, data)
-    await delay(0)
   }
 }
 

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

@@ -1,5 +1,3 @@
-import { delay } from '@xylabs/sdk-js'
-
 import { global } from '../../global'
 
 class Ttq {
@@ -18,21 +16,19 @@ class Ttq {
     return global.ttq
   }
 
-  public static async page() {
+  public static page() {
     try {
       Ttq.getTtq().page()
-      await delay(0)
     } catch (ex) {
       console.error(`Ttq.page: ${ex}`)
     }
   }
 
-  public async track(event: string, data?: Record<string, unknown>) {
+  public track(event: string, data?: Record<string, unknown>) {
     try {
       Ttq.getTtq().track(event, {
         ...data,
       })
-      await delay(0)
     } catch (ex) {
       console.error(`Ttq.track: ${ex}`)
     }

package/src/lib/useAsyncEffect.tsx

@@ -12,11 +12,15 @@ function useAsyncEffect(effect: EffectFunc, inputs?: unknown[]) {
       return mounted
     })
 
-    Promise.resolve(promise).then((callback) => {
-      if (callback) {
-        callback?.()
-      }
-    })
+    Promise.resolve(promise)
+      .then((callback) => {
+        if (callback) {
+          callback?.()
+        }
+      })
+      .catch((reason) => {
+        console.log(`useAsyncEffect Excepted: ${reason}`)
+      })
 
     return function () {
       mounted = false

package/index.node.ts

@@ -1 +0,0 @@
-export * from './src'

package/index.ts

@@ -1 +0,0 @@
-export * from './src'