@huma-finance/widgets 0.0.7 → 0.0.10

package/src/cosmos/SDKTesting.fixture.tsx

@@ -5,37 +5,45 @@ import { useEffect, useState } from 'react'
 import {
   EAService,
   useCreditRecordDetails,
-  useReceivableFactoringPoolContract,
-  mintReceivableWithMetadata,
-  queryForMetadata,
+  usePoolContract,
+  ARWeaveService,
+  ReceivableService,
 } from '@huma-finance/sdk'
 import { POOL_NAME, POOL_TYPE } from '@huma-finance/shared'
 import { useAccount } from 'wagmi'
-import { ethers, getDefaultProvider } from 'ethers'
-import { Web3Provider } from '@ethersproject/providers'
+import { ethers } from 'ethers'
+import { JsonRpcProvider, Web3Provider } from '@ethersproject/providers'
 
 import { WalletWrapper } from './WalletWrapper'
 
-const TEST_PRIVATE_KEY =
-  '66667f446ba85d3e9e8fc0d0ce195e49089de15178ff7a42fe3e78ac3c3ad85c'
+const TEST_PRIVATE_KEY = 'REPLACE_WITH_YOUR_PRIVATE_KEY'
+const INFURA_PROVIDER_KEY = 'REPLACE_WITH_YOUR_INFURA_PROVIDER_KEY'
 
 function Fixture() {
   const { address, connector } = useAccount()
   const [chainId, setChainId] = useState(0)
   const [signer, setSigner] = useState<Web3Provider | null>(null)
 
+  if (TEST_PRIVATE_KEY === 'REPLACE_WITH_YOUR_PRIVATE_KEY') {
+    console.error('Please replace TEST_PRIVATE_KEY with your own private key')
+  }
+  if (INFURA_PROVIDER_KEY === 'REPLACE_WITH_YOUR_INFURA_PROVIDER_KEY') {
+    console.error('Please replace INFURA_PROVIDER_KEY with your own key')
+  }
+
   // useCreditRecordDetails
   const [userAddress, setUserAddress] = useState('')
   const [poolName, setPoolName] = useState<POOL_NAME>(POOL_NAME.RequestNetwork)
   const [poolType, setPoolType] = useState<POOL_TYPE>(POOL_TYPE.Invoice)
+  const provider = new JsonRpcProvider(
+    `https://goerli.infura.io/v3/${INFURA_PROVIDER_KEY}`,
+    {
+      name: 'goerli',
+      chainId: 5,
+    },
+  )
   const [creditRecordDetails, refreshCreditRecordDetails] =
-    useCreditRecordDetails(
-      userAddress,
-      getDefaultProvider(),
-      chainId,
-      poolName,
-      poolType,
-    )
+    useCreditRecordDetails(userAddress, provider, chainId, poolName, poolType)
 
   // mintReceivableWithMetadata
   const [recipientAddress, setRecipientAddress] = useState(address)
@@ -47,11 +55,12 @@ function Fixture() {
   const [internalID, setInternalID] = useState('3')
   const [mintResult, setMintResult] = useState<any>('')
 
-  // useReceivableFactoringPoolContract
-  const poolContract = useReceivableFactoringPoolContract(
+  // usePoolContract
+  const poolContract = usePoolContract(
     signer!,
     chainId,
     POOL_NAME.RequestNetwork,
+    POOL_TYPE.Invoice,
   )
 
   // EAService.approve
@@ -69,6 +78,7 @@ function Fixture() {
       if (address && connector && window.ethereum) {
         setChainId(await connector.getChainId())
         setRecipientAddress(address)
+        // @ts-ignore
         const tmp = new ethers.providers.Web3Provider(window.ethereum)
         setSigner(tmp)
       }
@@ -106,11 +116,10 @@ function Fixture() {
     if (signer === null) return
 
     try {
-      const data = await mintReceivableWithMetadata(
+      const data = await ReceivableService.mintReceivableWithMetadata(
         signer,
-        TEST_PRIVATE_KEY,
+        TEST_PRIVATE_KEY!,
         chainId,
-        address!,
         poolName,
         poolType,
         receivableAmount,
@@ -134,7 +143,7 @@ function Fixture() {
     if (address == null) return
 
     try {
-      const data = await queryForMetadata(
+      const data = await ARWeaveService.queryForMetadata(
         chainId,
         poolName,
         poolType,
@@ -253,7 +262,7 @@ function Fixture() {
           borderRadius: '10px',
         }}
       >
-        <h3>Test useReceivableFactoringPoolContract</h3>
+        <h3>Test usePoolContract</h3>
         {poolContract?.address}
       </div>
       <div
@@ -408,7 +417,7 @@ function Fixture() {
           </label>
           <br />
           <label>
-            Internal ID (For querying through ARWeave):
+            Reference ID (For querying through ARWeave):
             <input
               type='text'
               value={internalID}
@@ -473,7 +482,7 @@ function Fixture() {
             </select>
           </label>
           <label>
-            Internal ID (For querying through ARWeave):
+            Reference ID (For querying through ARWeave):
             <input
               type='text'
               value={internalID}

package/src/cosmos/SuperfluidFactoringBorrow.fixture.tsx

@@ -1,12 +1,12 @@
-import { SuperfluidFactoringWidget } from '..'
-import { WalletWrapper } from './WalletWrapper'
-
-function Fixture() {
-  return <SuperfluidFactoringWidget />
-}
-
-export default (
-  <WalletWrapper>
-    <Fixture />
-  </WalletWrapper>
-)
+import { SuperfluidFactoringWidget } from '..'
+import { WalletWrapper } from './WalletWrapper'
+
+function Fixture() {
+  return <SuperfluidFactoringWidget />
+}
+
+export default (
+  <WalletWrapper>
+    <Fixture />
+  </WalletWrapper>
+)

package/src/cosmos/WalletWrapper.tsx

@@ -1,52 +1,52 @@
-/* eslint-disable @typescript-eslint/no-use-before-define */
-import { Button } from '@mui/material'
-import { getDefaultClient } from 'connectkit'
-import {
-  createClient,
-  goerli,
-  useAccount,
-  useConnect,
-  useDisconnect,
-  WagmiConfig,
-} from 'wagmi'
-import { InjectedConnector } from 'wagmi/connectors/injected'
-
-const client = createClient(
-  getDefaultClient({
-    autoConnect: true,
-    appName: 'huma widget',
-    chains: [goerli],
-  }),
-)
-
-export function WalletWrapper({ children }: { children: React.ReactNode }) {
-  return (
-    <WagmiConfig client={client}>
-      <Profile />
-      {children}
-    </WagmiConfig>
-  )
-}
-
-function Profile() {
-  const { address, isConnected } = useAccount()
-  const { connect } = useConnect({
-    connector: new InjectedConnector(),
-  })
-  const { disconnect } = useDisconnect()
-
-  if (isConnected)
-    return (
-      <div>
-        Account: {address}
-        <Button variant='contained' onClick={() => disconnect()}>
-          Disconnect
-        </Button>
-      </div>
-    )
-  return (
-    <Button variant='contained' onClick={() => connect()}>
-      Connect Wallet
-    </Button>
-  )
-}
+/* eslint-disable @typescript-eslint/no-use-before-define */
+import { Button } from '@mui/material'
+import { getDefaultClient } from 'connectkit'
+import {
+  createClient,
+  goerli,
+  useAccount,
+  useConnect,
+  useDisconnect,
+  WagmiConfig,
+} from 'wagmi'
+import { InjectedConnector } from 'wagmi/connectors/injected'
+
+const client = createClient(
+  getDefaultClient({
+    autoConnect: true,
+    appName: 'huma widget',
+    chains: [goerli],
+  }),
+)
+
+export function WalletWrapper({ children }: { children: React.ReactNode }) {
+  return (
+    <WagmiConfig client={client}>
+      <Profile />
+      {children}
+    </WagmiConfig>
+  )
+}
+
+function Profile() {
+  const { address, isConnected } = useAccount()
+  const { connect } = useConnect({
+    connector: new InjectedConnector(),
+  })
+  const { disconnect } = useDisconnect()
+
+  if (isConnected)
+    return (
+      <div>
+        Account: {address}
+        <Button variant='contained' onClick={() => disconnect()}>
+          Disconnect
+        </Button>
+      </div>
+    )
+  return (
+    <Button variant='contained' onClick={() => connect()}>
+      Connect Wallet
+    </Button>
+  )
+}