@huma-finance/widgets 0.0.44-beta.145 → 0.0.44-beta.149

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@huma-finance/widgets",
-  "version": "0.0.44-beta.145+3e6ccbe",
+  "version": "0.0.44-beta.149+ccd2ced",
   "publishConfig": {
     "access": "public"
   },
@@ -30,7 +30,7 @@
     "@ethersproject/experimental": "^5.7.0",
     "@ethersproject/providers": "^5.6.0",
     "@ethersproject/units": "^5.6.0",
-    "@huma-finance/sdk": "^0.0.44-beta.145+3e6ccbe",
+    "@huma-finance/sdk": "^0.0.44-beta.149+ccd2ced",
     "@huma-finance/shared": "^0.0.43",
     "@mui/icons-material": "^5.3.0",
     "@mui/material": "^5.0.6",
@@ -192,5 +192,5 @@
   "optionalDependencies": {
     "encoding": "^0.1.13"
   },
-  "gitHead": "3e6ccbe2d0f973f00097265f92bedbbbce85de90"
+  "gitHead": "ccd2cedbc387e09e218950e6ea921c0c5dd9495a"
 }

package/src/components/CreditLine/borrow/2-ChooseAmount.tsx

@@ -1,12 +1,12 @@
 import {
   AccountStats,
   PoolInfoType,
-  upScale,
   useCLFeeManager,
   useCLPoolAllowance,
 } from '@huma-finance/shared'
 import { useWeb3React } from '@web3-react/core'
 import React, { useCallback, useState } from 'react'
+import { BigNumber } from 'ethers'
 
 import { useAppDispatch } from '../../../hooks/useRedux'
 import { setBorrowInfo } from '../../../store/widgets.reducers'
@@ -48,7 +48,9 @@ export function ChooseAmount({
     dispatch(
       setBorrowInfo({
         borrowAmount: currentAmount,
-        borrowAmountBN: upScale(currentAmount, decimals),
+        borrowAmountBN: BigNumber.from(currentAmount)
+          .mul(BigNumber.from(10).pow(decimals))
+          .toJSON(),
         chargedFees,
         nextStep,
       }),

package/src/components/CreditLine/borrow/4-Transfer.tsx

@@ -1,6 +1,7 @@
 import { PoolInfoType, txAtom } from '@huma-finance/shared'
 import { useResetAtom } from 'jotai/utils'
 import React, { useCallback } from 'react'
+import { BigNumber } from 'ethers'
 
 import { useAppDispatch, useAppSelector } from '../../../hooks/useRedux'
 import { setStep } from '../../../store/widgets.reducers'
@@ -15,7 +16,9 @@ type Props = {
 export function Transfer({ poolInfo }: Props): React.ReactElement {
   const dispatch = useAppDispatch()
   const reset = useResetAtom(txAtom)
-  const { borrowAmountBN } = useAppSelector(selectWidgetState)
+  const { borrowAmountBN: borrowAmountBNJson } =
+    useAppSelector(selectWidgetState)
+  const borrowAmountBN = BigNumber.from(borrowAmountBNJson)
 
   const handleSuccess = useCallback(() => {
     reset()

package/src/components/InvoiceFactoring/borrow/2-ChooseAmount.tsx

@@ -1,10 +1,6 @@
-import {
-  AccountStats,
-  PoolInfoType,
-  upScale,
-  useFeeManager,
-} from '@huma-finance/shared'
+import { AccountStats, PoolInfoType, useFeeManager } from '@huma-finance/shared'
 import React, { useCallback, useState } from 'react'
+import { BigNumber } from 'ethers'
 
 import { useAppDispatch, useAppSelector } from '../../../hooks/useRedux'
 import { setBorrowInfo } from '../../../store/widgets.reducers'
@@ -57,7 +53,9 @@ export function ChooseAmount({
     dispatch(
       setBorrowInfo({
         borrowAmount: currentAmount,
-        borrowAmountBN: upScale(currentAmount, approval?.token.decimal),
+        borrowAmountBN: BigNumber.from(currentAmount)
+          .mul(BigNumber.from(10).pow(BigNumber.from(approval?.token.decimal)))
+          .toJSON(),
         chargedFees,
         remainder: Number(remainder!),
         nextStep: WIDGET_STEP.ConfirmTransfer,

package/src/components/StreamFactoring/borrow/2-ChooseAmount.tsx

@@ -65,7 +65,7 @@ export function ChooseAmount({
       return {
         borrowFlowrate: borrowFlowrate.toString(),
         borrowAmount: Number(newBorrowAmount),
-        borrowAmountBN: newBorrowAmountBN.toString(),
+        borrowAmountBN: newBorrowAmountBN,
       }
     },
     [approval, borrowPeriodInSeconds, currentFlowRate],
@@ -93,7 +93,7 @@ export function ChooseAmount({
     dispatch(
       setBorrowInfo({
         borrowAmount,
-        borrowAmountBN,
+        borrowAmountBN: borrowAmountBN.toJSON(),
         chargedFees,
         nextStep: WIDGET_STEP.ConfirmTransfer,
       }),

package/src/components/StreamFactoring/borrow/4-ApproveAllowance.tsx

@@ -1,6 +1,7 @@
 import { PoolInfoType } from '@huma-finance/shared'
 import React, { useCallback } from 'react'
 import { useDispatch } from 'react-redux'
+import { BigNumber } from 'ethers'
 
 import { useAppSelector } from '../../../hooks/useRedux'
 import { setStep } from '../../../store/widgets.reducers'
@@ -16,7 +17,9 @@ export function ApproveAllowance({
   poolInfo,
 }: Props): React.ReactElement | null {
   const dispatch = useDispatch()
-  const { borrowAmountBN } = useAppSelector(selectWidgetState)
+  const { borrowAmountBN: borrowAmountBNJson } =
+    useAppSelector(selectWidgetState)
+  const borrowAmountBN = BigNumber.from(borrowAmountBNJson)
 
   const handleSuccess = useCallback(() => {
     dispatch(setStep(WIDGET_STEP.Permit))

package/src/components/StreamFactoring/borrow/5-Permit.tsx

@@ -8,7 +8,7 @@ import {
   ERC2612_ABI,
   SuperfluidPoolProcessor_ABI,
 } from '@huma-finance/shared'
-import { Contract, ethers } from 'ethers'
+import { BigNumber, Contract, ethers } from 'ethers'
 import React from 'react'
 import { useDispatch } from 'react-redux'
 
@@ -39,20 +39,22 @@ export function Permit({
 }: Props): React.ReactElement | null {
   const dispatch = useDispatch()
   const { address: tokenAddress } = poolInfo.poolUnderlyingToken
-  const { borrowAmountBN, stream } = useAppSelector(selectWidgetState)
+  const { borrowAmountBN: borrowAmountBNJson, stream } =
+    useAppSelector(selectWidgetState)
   const { getERC2612PermitMessage, getTradableStreamPermitMessage } =
     useERC2612Permit()
+  const borrowAmountBN = BigNumber.from(borrowAmountBNJson)
 
   const getApproveAllowanceCallData = async () => {
     const erc2612PermitResult = await getERC2612PermitMessage(
       tokenAddress,
       poolInfo.poolProcessor!,
-      borrowAmountBN!,
+      borrowAmountBN.toString()!,
     )
     const tokenContract = new Contract(tokenAddress, ERC2612_ABI) as Erc2612
     return tokenContract.interface.encodeFunctionData('permit', [
       poolInfo.poolProcessor!,
-      borrowAmountBN!,
+      borrowAmountBN.toString()!,
       erc2612PermitResult.nonce,
       erc2612PermitResult.deadline,
       erc2612PermitResult.v,
@@ -103,7 +105,7 @@ export function Permit({
 
     return poolProcessorContract.interface.encodeFunctionData(
       'mintAndDrawdown',
-      [borrower, borrowAmountBN!, poolInfo.assetAddress!, drawdownEncodedData],
+      [borrower, borrowAmountBN, poolInfo.assetAddress!, drawdownEncodedData],
     )
   }
 

package/src/index.tsx

@@ -62,12 +62,17 @@ type WidgetProps = {
 }
 
 function Widget(props: WCProps<WidgetProps>) {
-  const { children } = props
+  const { children, provider } = props
+
+  let chainId
+  if (provider instanceof JsonRpcProvider) {
+    chainId = provider.network.chainId
+  }
 
   return (
     <ThemeProvider theme={themeHuma}>
       <ReduxProvider store={store}>
-        <Web3Provider {...(props as Web3Props)}>
+        <Web3Provider {...(props as Web3Props)} defaultChainId={chainId}>
           <AtomProvider>
             <ChainSupportProvider>{children}</ChainSupportProvider>
           </AtomProvider>

package/src/store/widgets.reducers.ts

@@ -52,7 +52,7 @@ export const widgetSlice = createSlice({
         payload,
       }: PayloadAction<{
         borrowAmount: number
-        borrowAmountBN: string
+        borrowAmountBN: JSON
         chargedFees: number
         nextStep: WIDGET_STEP
         remainder?: number
@@ -96,6 +96,7 @@ export const widgetSlice = createSlice({
         payload,
       }: PayloadAction<{ errorMessage: string; errorReason?: string }>,
     ) => {
+      console.trace()
       state.errorMessage = payload.errorMessage
       state.errorReason = payload.errorReason
       state.step = WIDGET_STEP.Error

package/src/store/widgets.store.ts

@@ -38,7 +38,7 @@ export type WidgetState = {
   type?: WIDGET_TYPE
   approval?: Approval
   borrowAmount?: number
-  borrowAmountBN?: string
+  borrowAmountBN?: JSON
   chargedFees?: number
   borrowAmountNet?: number
   remainder?: number