@huma-finance/widgets 0.0.61-beta.543 → 0.0.61-beta.544

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@huma-finance/widgets",
-  "version": "0.0.61-beta.543+f0c14f4",
+  "version": "0.0.61-beta.544+e3f8572",
   "publishConfig": {
     "access": "public"
   },
@@ -30,9 +30,9 @@
     "@ethersproject/experimental": "^5.7.0",
     "@ethersproject/providers": "^5.6.0",
     "@ethersproject/units": "^5.6.0",
-    "@huma-finance/sdk": "^0.0.61-beta.543+f0c14f4",
-    "@huma-finance/shared": "^0.0.61-beta.543+f0c14f4",
-    "@huma-finance/web-shared": "^0.0.60",
+    "@huma-finance/sdk": "^0.0.61-beta.544+e3f8572",
+    "@huma-finance/shared": "^0.0.61-beta.544+e3f8572",
+    "@huma-finance/web-shared": "^0.0.61-beta.544+e3f8572",
     "@mui/icons-material": "^5.3.0",
     "@mui/material": "^5.0.6",
     "@mui/styles": "^5.0.2",
@@ -195,5 +195,5 @@
   "optionalDependencies": {
     "encoding": "^0.1.13"
   },
-  "gitHead": "f0c14f43c715c2a252d779bb047207b5357bcbcf"
+  "gitHead": "e3f85721970a1379a26063a817646ddc678cac21"
 }

package/src/components/Lend/supplyV2/2-Evaluation.tsx

@@ -1,5 +1,4 @@
 import { PoolInfoV2, TrancheType } from '@huma-finance/shared'
-import { BigNumber } from 'ethers'
 import React from 'react'
 
 import { Campaign } from '.'
@@ -9,7 +8,6 @@ import { SecuritizeEvaluation } from './components/SecuritizeEvaluation'
 type Props = {
   poolInfo: PoolInfoV2
   isUniTranche: boolean
-  minDepositAmount: BigNumber
   pointsTestnetExperience: boolean
   campaign?: Campaign
   changeTranche: (tranche: TrancheType) => void
@@ -19,7 +17,6 @@ type Props = {
 export function Evaluation({
   poolInfo,
   isUniTranche,
-  minDepositAmount,
   campaign,
   pointsTestnetExperience,
   changeTranche,
@@ -38,7 +35,6 @@ export function Evaluation({
         isUniTranche={isUniTranche}
         pointsTestnetExperience={pointsTestnetExperience}
         campaign={campaign}
-        minDepositAmount={minDepositAmount}
         changeTranche={changeTranche}
       />
     )

package/src/components/Lend/supplyV2/8-PointsEarned.tsx

@@ -1,4 +1,9 @@
-import { CampaignService, checkIsDev, formatNumber } from '@huma-finance/shared'
+import {
+  CampaignService,
+  checkIsDev,
+  formatNumber,
+  isEmpty,
+} from '@huma-finance/shared'
 import { useAuthErrorHandling } from '@huma-finance/web-shared'
 import { Box, css, useTheme } from '@mui/material'
 import { useWeb3React } from '@web3-react/core'
@@ -40,6 +45,8 @@ export function PointsEarned({
   const [pointsAccumulated, setPointsAccumulated] = useState<
     number | undefined
   >()
+  const hasPointsAccumulated =
+    !isEmpty(pointsAccumulated) && pointsAccumulated! > 0
   const lockupMonths = Math.round(lpConfig.withdrawalLockoutPeriodInDays / 30)
   const monthText =
     lockupMonths > 1 ? `${lockupMonths} months` : `${lockupMonths} month`
@@ -109,21 +116,10 @@ export function PointsEarned({
             isDev,
             pointsTestnetExperience,
           )
-          if (!result.pointsAccumulated) {
-            dispatch(
-              setError({
-                errorMessage: ERROR_MESSAGE,
-              }),
-            )
-          }
           setPointsAccumulated(result.pointsAccumulated)
           setState(STATE.Congrats)
         } catch (error) {
-          dispatch(
-            setError({
-              errorMessage: ERROR_MESSAGE,
-            }),
-          )
+          console.error('Failed to update wallet points', error)
         }
       }
     }
@@ -204,12 +200,22 @@ export function PointsEarned({
           <RibbonIcon />
           <Box css={styles.ribbonContent}>
             <HumaPointsIcon />
-            <Box>{formatNumber(pointsAccumulated)} Points</Box>
+            <Box>
+              {hasPointsAccumulated
+                ? `${formatNumber(pointsAccumulated)} Points`
+                : 'Points earned'}
+            </Box>
           </Box>
         </Box>
         <Box css={styles.entirePoints}>
-          <Box>Congratulations,</Box>
-          <Box>you've earned {pointsAccumulated} points</Box>
+          {hasPointsAccumulated ? (
+            <>
+              <Box>Congratulations,</Box>
+              <Box>you've earned {pointsAccumulated} points</Box>
+            </>
+          ) : (
+            <Box>Congratulations on joining the Huma Protocol!</Box>
+          )}
         </Box>
         <Box css={styles.entirePointsDetails}>
           You'll earn points <span css={styles.everyday}>everyday</span> for{' '}

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

@@ -2,7 +2,6 @@ import {
   CAMPAIGN_REFERENCE_CODE,
   CampaignService,
   checkIsDev,
-  formatNumber,
   IdentityServiceV2,
   IdentityVerificationStatusV2,
   KYCCopy,
@@ -13,7 +12,6 @@ import {
 import { useAuthErrorHandling } from '@huma-finance/web-shared'
 import { Box, css, useTheme } from '@mui/material'
 import { useWeb3React } from '@web3-react/core'
-import { BigNumber } from 'ethers'
 import Persona, { Client } from 'persona'
 import React, { useCallback, useEffect, useRef, useState } from 'react'
 
@@ -47,17 +45,15 @@ const LoadingCopiesByType: {
 type Props = {
   poolInfo: PoolInfoV2
   isUniTranche: boolean
-  minDepositAmount: BigNumber
   pointsTestnetExperience: boolean
   campaign?: Campaign
   changeTranche: (tranche: TrancheType) => void
-  handleClose: () => void
+  handleClose: (identityStatus?: IdentityVerificationStatusV2) => void
 }
 
 export function PersonaEvaluation({
   poolInfo,
   isUniTranche,
-  minDepositAmount: minDepositAmountBN,
   campaign,
   pointsTestnetExperience,
   changeTranche,
@@ -81,7 +77,6 @@ export function PersonaEvaluation({
   const [verificationStatus, setVerificationStatus] =
     useState<VerificationStatusResultV2>()
   const [showPersonaClient, setShowPersonaClient] = useState<boolean>(false)
-  const [campaignBasePoints, setCampaignBasePoints] = useState<number>(0)
   const isKYCCompletedRef = useRef<boolean>(false)
   const isActionOngoingRef = useRef<boolean>(false)
   const isKYCResumedRef = useRef<boolean>(false)
@@ -106,41 +101,6 @@ export function PersonaEvaluation({
     pointsTestnetExperience,
   ])
 
-  useEffect(() => {
-    const getBasePoints = async () => {
-      if (campaign) {
-        const estimatedPoints = await CampaignService.getEstimatedPoints(
-          campaign.campaignGroupId,
-          minDepositAmountBN.toString(),
-          isDev,
-          pointsTestnetExperience,
-        )
-        const campaignPoints = estimatedPoints.find(
-          (item) => item.campaignId === campaign.id,
-        )
-        if (campaignPoints) {
-          const { juniorTranchePoints, seniorTranchePoints } = campaignPoints
-          if (isUniTranche) {
-            setCampaignBasePoints(juniorTranchePoints ?? 0)
-          } else {
-            setCampaignBasePoints(
-              juniorTranchePoints < seniorTranchePoints
-                ? juniorTranchePoints
-                : seniorTranchePoints,
-            )
-          }
-        }
-      }
-    }
-    getBasePoints()
-  }, [
-    campaign,
-    isDev,
-    isUniTranche,
-    minDepositAmountBN,
-    pointsTestnetExperience,
-  ])
-
   const approveLender = useCallback(async () => {
     try {
       isActionOngoingRef.current = true
@@ -250,7 +210,8 @@ export function PersonaEvaluation({
           }
 
           case IdentityVerificationStatusV2.APPROVED: {
-            await approveLender()
+            setKYCCopy(KYCCopies.verificationApproved)
+            setLoadingType(undefined)
             break
           }
 
@@ -266,6 +227,11 @@ export function PersonaEvaluation({
             break
           }
 
+          case IdentityVerificationStatusV2.CONSENTED_TO_SUBSCRIPTION: {
+            await approveLender()
+            break
+          }
+
           default:
             break
         }
@@ -340,6 +306,7 @@ export function PersonaEvaluation({
     const client: Client = new Persona.Client({
       inquiryId,
       sessionToken,
+      frameWidth: '480px',
       onReady: () => {
         client.open()
         setShowPersonaClient(true)
@@ -375,7 +342,8 @@ export function PersonaEvaluation({
 
         case IdentityVerificationStatusV2.DECLINED:
         case IdentityVerificationStatusV2.NEEDS_REVIEW:
-          handleClose()
+        case IdentityVerificationStatusV2.APPROVED:
+          handleClose(verificationStatus.status)
           break
 
         default:
@@ -413,12 +381,10 @@ export function PersonaEvaluation({
         </Box>
         {campaign && kycCopy === KYCCopies.verifyIdentity ? (
           <Box css={styles.description}>
-            <span>You'll be rewarded with a minimum of</span>
-            <span css={styles.points}>
-              {' '}
-              {formatNumber(campaignBasePoints)} Huma points{' '}
+            <span>
+              You'll be rewarded with Huma points after completing KYC/KYB and
+              your first investment.
             </span>
-            <span>after completing KYC and your first investment.</span>
           </Box>
         ) : (
           <Box css={styles.description}>{kycCopy.description}</Box>

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

@@ -1,9 +1,13 @@
-import { openInNewTab, POOL_NAME, TrancheType } from '@huma-finance/shared'
+import {
+  IdentityVerificationStatusV2,
+  openInNewTab,
+  POOL_NAME,
+  TrancheType,
+} from '@huma-finance/shared'
 import {
   useLenderApprovedV2,
   useLPConfigV2,
   usePoolInfoV2,
-  usePoolSettingsV2,
   usePoolUnderlyingTokenInfoV2,
 } from '@huma-finance/web-shared'
 import { useWeb3React } from '@web3-react/core'
@@ -36,14 +40,14 @@ export interface Campaign {
  * @property {POOL_NAME} poolName The name of the pool.
  * @property {boolean} pointsTestnetExperience If the user is in the testnet experience.
  * @property {Campaign} campaign The campaign info.
- * @property {function():void} handleClose Function to notify to close the widget modal when user clicks the 'x' close button.
+ * @property {function((IdentityVerificationStatusV2|undefined)):void} handleClose Function to notify to close the widget modal when user clicks the 'x' close button.
  * @property {function((number|undefined)):void|undefined} handleSuccess Optional function to notify that the lending pool supply action is successful.
  */
 export interface LendSupplyPropsV2 {
   poolName: keyof typeof POOL_NAME
   pointsTestnetExperience: boolean
   campaign?: Campaign
-  handleClose: () => void
+  handleClose: (identityStatus?: IdentityVerificationStatusV2) => void
   handleSuccess?: (blockNumber?: number) => void
 }
 
@@ -62,7 +66,6 @@ export function LendSupplyV2({
   const [selectedTranche, setSelectedTranche] = useState<TrancheType>()
   const [transactionHash, setTransactionHash] = useState<string | undefined>()
   const poolUnderlyingToken = usePoolUnderlyingTokenInfoV2(poolName, provider)
-  const poolSettings = usePoolSettingsV2(poolName, provider)
   const lpConfig = useLPConfigV2(poolName, provider)
   const isUniTranche = lpConfig?.maxSeniorJuniorRatio === 0
   const [lenderApprovedSenior] = useLenderApprovedV2(
@@ -141,8 +144,7 @@ export function LendSupplyV2({
     !poolInfo ||
     !poolUnderlyingToken ||
     !lenderApproveStatusFetched ||
-    !lpConfig ||
-    !poolSettings
+    !lpConfig
   ) {
     return (
       <WidgetWrapper
@@ -177,7 +179,6 @@ export function LendSupplyV2({
           changeTranche={setSelectedTranche}
           pointsTestnetExperience={pointsTestnetExperience}
           campaign={campaign}
-          minDepositAmount={poolSettings.minDepositAmount}
         />
       )}
       {step === WIDGET_STEP.ChooseAmount && (