@huma-finance/widgets 0.0.51-beta.387 → 0.0.51-beta.394

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@huma-finance/widgets",
-  "version": "0.0.51-beta.387+54d1176",
+  "version": "0.0.51-beta.394+a9ecca8",
   "publishConfig": {
     "access": "public"
   },
@@ -30,8 +30,8 @@
     "@ethersproject/experimental": "^5.7.0",
     "@ethersproject/providers": "^5.6.0",
     "@ethersproject/units": "^5.6.0",
-    "@huma-finance/sdk": "^0.0.51-beta.387+54d1176",
-    "@huma-finance/shared": "^0.0.51-beta.387+54d1176",
+    "@huma-finance/sdk": "^0.0.51-beta.394+a9ecca8",
+    "@huma-finance/shared": "^0.0.51-beta.394+a9ecca8",
     "@mui/icons-material": "^5.3.0",
     "@mui/material": "^5.0.6",
     "@mui/styles": "^5.0.2",
@@ -193,5 +193,5 @@
   "optionalDependencies": {
     "encoding": "^0.1.13"
   },
-  "gitHead": "54d11768cfe919b7011e3b8302cad8f8a006ad12"
+  "gitHead": "a9ecca8548a06abb382e3e1a3ed4cad06b9911e0"
 }

package/src/components/Lend/cancelRedemptionV2 /2-Done.tsx

@@ -1,4 +1,4 @@
-import { UnderlyingTokenInfo } from '@huma-finance/shared'
+import { formatNumber, UnderlyingTokenInfo } from '@huma-finance/shared'
 import { ethers } from 'ethers'
 import React from 'react'
 
@@ -22,7 +22,9 @@ export function Done({
   )
 
   const content = [
-    `You successfully canceled ${shares} shares redemption request.`,
+    `Your request to cancel the redemption of ${formatNumber(
+      shares,
+    )} shares has been successfully processed.`,
   ]
 
   return <TxDoneModal handleAction={handleAction} content={content} />

package/src/components/Lend/supply/2-ChooseAmount.tsx

@@ -1,10 +1,5 @@
 import { BigNumber } from 'ethers'
-import {
-  PoolInfoType,
-  timeUtil,
-  toBigNumber,
-  upScale,
-} from '@huma-finance/shared'
+import { PoolInfoType, timeUtil, upScale } from '@huma-finance/shared'
 import React, { useCallback, useState } from 'react'
 
 import { useAppDispatch } from '../../../hooks/useRedux'
@@ -30,8 +25,11 @@ export function ChooseAmount({
   const { poolUnderlyingToken } = poolInfo
   const { symbol, decimals } = poolUnderlyingToken
   const [currentAmount, setCurrentAmount] = useState(0)
-  const depositAmount = upScale<number>(currentAmount, decimals)
-  const needApprove = toBigNumber(depositAmount).gt(allowance)
+  const depositAmount = upScale<BigNumber>(
+    BigNumber.from(currentAmount),
+    decimals,
+  )
+  const needApprove = depositAmount.gt(allowance)
   const withdrawlLockoutDays = timeUtil.secondsToDays(withdrawlLockoutSeconds)
 
   const handleChangeAmount = useCallback(

package/src/components/Lend/supply/4-Transfer.tsx

@@ -1,6 +1,7 @@
-import { PoolInfoType, toBigNumber, upScale } from '@huma-finance/shared'
+import { PoolInfoType, upScale } from '@huma-finance/shared'
 import React, { useCallback } from 'react'
 
+import { BigNumber } from 'ethers'
 import { useAppDispatch, useAppSelector } from '../../../hooks/useRedux'
 import { setStep } from '../../../store/widgets.reducers'
 import { selectWidgetState } from '../../../store/widgets.selectors'
@@ -15,7 +16,10 @@ export function Transfer({ poolInfo }: Props): React.ReactElement {
   const dispatch = useAppDispatch()
   const { supplyAmount } = useAppSelector(selectWidgetState)
   const { decimals } = poolInfo.poolUnderlyingToken
-  const supplyBigNumber = toBigNumber(upScale(supplyAmount!, decimals))
+  const supplyBigNumber = upScale<BigNumber>(
+    BigNumber.from(supplyAmount!),
+    decimals,
+  )
 
   const handleSuccess = useCallback(() => {
     dispatch(setStep(WIDGET_STEP.Done))

package/src/components/Lend/supplyV2/index.tsx

@@ -92,10 +92,12 @@ export function LendSupplyV2({
 
       if (poolInfo.supplyLink) {
         openInNewTab(poolInfo.supplyLink)
+        handleClose()
       }
     }
   }, [
     dispatch,
+    handleClose,
     lenderApproveStatusFetched,
     lenderApprovedJunior,
     lenderApprovedSenior,