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

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { JsonRpcProvider } from '@ethersproject/providers';
 import { Provider } from '@web3-react/types';
-import { POOL_NAME, POOL_TYPE, TrancheType } from '@huma-finance/shared';
+import { POOL_NAME, POOL_TYPE, TrancheType, IdentityVerificationStatusV2 } from '@huma-finance/shared';
 import { BigNumberish, BigNumber } from 'ethers';
 
 /**
@@ -190,14 +190,14 @@ 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.
  */
 interface LendSupplyPropsV2 {
     poolName: keyof typeof POOL_NAME;
     pointsTestnetExperience: boolean;
     campaign?: Campaign;
-    handleClose: () => void;
+    handleClose: (identityStatus?: IdentityVerificationStatusV2) => void;
     handleSuccess?: (blockNumber?: number) => void;
 }
 

package/dist/index.js

@@ -1,5 +1,5 @@
 import { JsonRpcProvider } from '@ethersproject/providers';
-import { txAtom, useMQ, sendTxAtom, usePoolUnderlyingTokenContract, useMount, usePoolInfo, useAccountStats, usePoolInfoV2, usePoolUnderlyingTokenInfoV2, usePoolSafeAllowanceV2, useAuthErrorHandling, useCLFeeManager, useCLPoolAllowance, usePoolContract, useCreditContractV2, useCreditStatsV2, useFirstLossCoverContractV2, useFirstLossCoverRequirementV2, useFirstLossCoverAllowanceV2, useFeeManager, useInvoiceNFTContract, useRFPoolAllowance, useLenderDepositRecordV2, useLPConfigV2, useNextEpochStartTimeV2, useTrancheVaultContractV2, useCancellableRedemptionInfoV2, useParamsSearch, usePoolAllowance, useLenderApproved, useLenderPosition, useWithdrawlLockoutInSeconds, usePoolUnderlyingTokenBalance, useDebouncedValue, usePoolUnderlyingTokenBalanceV2, usePoolSettingsV2, useLenderApprovedV2, useLastDepositTime, usePoolBalance, useReceivableInfoV2, useReceivableContractV2, useERC2612Permit, useMultiSendContract, usePoolUnderlyingToken, useFactoring, Provider as Provider$1 } from '@huma-finance/web-shared';
+import { txAtom, useMQ, sendTxAtom, usePoolUnderlyingTokenContract, useMount, usePoolInfo, useAccountStats, usePoolInfoV2, usePoolUnderlyingTokenInfoV2, usePoolSafeAllowanceV2, useAuthErrorHandling, useCLFeeManager, useCLPoolAllowance, usePoolContract, useCreditContractV2, useCreditStatsV2, useFirstLossCoverContractV2, useFirstLossCoverRequirementV2, useFirstLossCoverAllowanceV2, useFeeManager, useInvoiceNFTContract, useRFPoolAllowance, useLenderDepositRecordV2, useLPConfigV2, useNextEpochStartTimeV2, useTrancheVaultContractV2, useCancellableRedemptionInfoV2, useParamsSearch, usePoolAllowance, useLenderApproved, useLenderPosition, useWithdrawlLockoutInSeconds, usePoolUnderlyingTokenBalance, useDebouncedValue, usePoolUnderlyingTokenBalanceV2, useLenderApprovedV2, useLastDepositTime, usePoolBalance, useReceivableInfoV2, useReceivableContractV2, useERC2612Permit, useMultiSendContract, usePoolUnderlyingToken, useFactoring, Provider as Provider$1 } from '@huma-finance/web-shared';
 import { useTheme, css, Box, Typography, Tooltip, Button, Dialog, Slider, Input, Divider, TextField, FormControl, FormLabel, RadioGroup, FormControlLabel, Radio, Snackbar, Alert, Skeleton, TablePagination, LinearProgress, createTheme, ThemeProvider } from '@mui/material';
 import { useAtom, Provider as Provider$2 } from 'jotai';
 import * as React from 'react';
@@ -5504,7 +5504,6 @@ function PersonaEvaluation(_ref) {
   let {
     poolInfo,
     isUniTranche,
-    minDepositAmount: minDepositAmountBN,
     campaign,
     pointsTestnetExperience,
     changeTranche,
@@ -5530,7 +5529,6 @@ function PersonaEvaluation(_ref) {
   const [sessionToken, setSessionToken] = useState();
   const [verificationStatus, setVerificationStatus] = useState();
   const [showPersonaClient, setShowPersonaClient] = useState(false);
-  const [campaignBasePoints, setCampaignBasePoints] = useState(0);
   const isKYCCompletedRef = useRef(false);
   const isActionOngoingRef = useRef(false);
   const isKYCResumedRef = useRef(false);
@@ -5543,26 +5541,6 @@ function PersonaEvaluation(_ref) {
     };
     createNewWallet();
   }, [account, campaign, isDev, isWalletOwnershipVerified, 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 !== null && juniorTranchePoints !== void 0 ? juniorTranchePoints : 0);
-          } else {
-            setCampaignBasePoints(juniorTranchePoints < seniorTranchePoints ? juniorTranchePoints : seniorTranchePoints);
-          }
-        }
-      }
-    };
-    getBasePoints();
-  }, [campaign, isDev, isUniTranche, minDepositAmountBN, pointsTestnetExperience]);
   const approveLender = useCallback(async () => {
     try {
       isActionOngoingRef.current = true;
@@ -5636,7 +5614,8 @@ function PersonaEvaluation(_ref) {
             }
           case IdentityVerificationStatusV2.APPROVED:
             {
-              await approveLender();
+              setKYCCopy(KYCCopies.verificationApproved);
+              setLoadingType(undefined);
               break;
             }
           case IdentityVerificationStatusV2.DECLINED:
@@ -5651,6 +5630,11 @@ function PersonaEvaluation(_ref) {
               setLoadingType(undefined);
               break;
             }
+          case IdentityVerificationStatusV2.CONSENTED_TO_SUBSCRIPTION:
+            {
+              await approveLender();
+              break;
+            }
           default:
             break;
         }
@@ -5705,6 +5689,7 @@ function PersonaEvaluation(_ref) {
     const client = new Persona.Client({
       inquiryId,
       sessionToken,
+      frameWidth: '480px',
       onReady: () => {
         client.open();
         setShowPersonaClient(true);
@@ -5738,7 +5723,8 @@ function PersonaEvaluation(_ref) {
           break;
         case IdentityVerificationStatusV2.DECLINED:
         case IdentityVerificationStatusV2.NEEDS_REVIEW:
-          handleClose();
+        case IdentityVerificationStatusV2.APPROVED:
+          handleClose(verificationStatus.status);
           break;
       }
     }
@@ -5757,16 +5743,11 @@ function PersonaEvaluation(_ref) {
           src: ApproveLenderImg,
           alt: "approve-lender"
         })
-      }), campaign && kycCopy === KYCCopies.verifyIdentity ? jsxs(Box, {
+      }), campaign && kycCopy === KYCCopies.verifyIdentity ? jsx(Box, {
         css: styles.description,
-        children: [jsx("span", {
-          children: "You'll be rewarded with a minimum of"
-        }), jsxs("span", {
-          css: styles.points,
-          children: [' ', formatNumber(campaignBasePoints), " Huma points", ' ']
-        }), jsx("span", {
-          children: "after completing KYC and your first investment."
-        })]
+        children: jsx("span", {
+          children: "You'll be rewarded with Huma points after completing KYC/KYB and your first investment."
+        })
       }) : jsx(Box, {
         css: styles.description,
         children: kycCopy.description
@@ -6021,7 +6002,6 @@ function Evaluation$1(_ref) {
   let {
     poolInfo,
     isUniTranche,
-    minDepositAmount,
     campaign,
     pointsTestnetExperience,
     changeTranche,
@@ -6040,7 +6020,6 @@ function Evaluation$1(_ref) {
       isUniTranche: isUniTranche,
       pointsTestnetExperience: pointsTestnetExperience,
       campaign: campaign,
-      minDepositAmount: minDepositAmount,
       changeTranche: changeTranche
     });
   }
@@ -6289,6 +6268,7 @@ function PointsEarned(_ref) {
     chainId
   } = useWeb3React();
   const [pointsAccumulated, setPointsAccumulated] = useState();
+  const hasPointsAccumulated = !isEmpty(pointsAccumulated) && pointsAccumulated > 0;
   const lockupMonths = Math.round(lpConfig.withdrawalLockoutPeriodInDays / 30);
   const monthText = lockupMonths > 1 ? "".concat(lockupMonths, " months") : "".concat(lockupMonths, " month");
   const {
@@ -6337,17 +6317,10 @@ function PointsEarned(_ref) {
       if (walletOwnership) {
         try {
           const result = await CampaignService.updateWalletPoints(account, transactionHash, chainId, 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);
         }
       }
     };
@@ -6377,17 +6350,21 @@ function PointsEarned(_ref) {
         css: styles.ribbon,
         children: [jsx(RibbonIcon, {}), jsxs(Box, {
           css: styles.ribbonContent,
-          children: [jsx(HumaPointsIcon, {}), jsxs(Box, {
-            children: [formatNumber(pointsAccumulated), " Points"]
+          children: [jsx(HumaPointsIcon, {}), jsx(Box, {
+            children: hasPointsAccumulated ? "".concat(formatNumber(pointsAccumulated), " Points") : 'Points earned'
           })]
         })]
-      }), jsxs(Box, {
+      }), jsx(Box, {
         css: styles.entirePoints,
-        children: [jsx(Box, {
-          children: "Congratulations,"
-        }), jsxs(Box, {
-          children: ["you've earned ", pointsAccumulated, " points"]
-        })]
+        children: hasPointsAccumulated ? jsxs(Fragment, {
+          children: [jsx(Box, {
+            children: "Congratulations,"
+          }), jsxs(Box, {
+            children: ["you've earned ", pointsAccumulated, " points"]
+          })]
+        }) : jsx(Box, {
+          children: "Congratulations on joining the Huma Protocol!"
+        })
       }), jsxs(Box, {
         css: styles.entirePointsDetails,
         children: ["You'll earn points ", jsx("span", {
@@ -6429,7 +6406,6 @@ function LendSupplyV2(_ref) {
   const [selectedTranche, setSelectedTranche] = useState();
   const [transactionHash, setTransactionHash] = useState();
   const poolUnderlyingToken = usePoolUnderlyingTokenInfoV2(poolName, provider);
-  const poolSettings = usePoolSettingsV2(poolName, provider);
   const lpConfig = useLPConfigV2(poolName, provider);
   const isUniTranche = (lpConfig === null || lpConfig === void 0 ? void 0 : lpConfig.maxSeniorJuniorRatio) === 0;
   const [lenderApprovedSenior] = useLenderApprovedV2(poolName, 'senior', account, provider);
@@ -6470,7 +6446,7 @@ function LendSupplyV2(_ref) {
       }
     }
   }, [dispatch, handleClose, isUniTranche, lenderApproveStatusFetched, lenderApprovedJunior, lenderApprovedSenior, lpConfig, poolInfo, campaign, step]);
-  if (!poolInfo || !poolUnderlyingToken || !lenderApproveStatusFetched || !lpConfig || !poolSettings) {
+  if (!poolInfo || !poolUnderlyingToken || !lenderApproveStatusFetched || !lpConfig) {
     return jsx(WidgetWrapper, {
       isOpen: true,
       isLoading: true,
@@ -6494,8 +6470,7 @@ function LendSupplyV2(_ref) {
       isUniTranche: isUniTranche,
       changeTranche: setSelectedTranche,
       pointsTestnetExperience: pointsTestnetExperience,
-      campaign: campaign,
-      minDepositAmount: poolSettings.minDepositAmount
+      campaign: campaign
     }), step === WIDGET_STEP.ChooseAmount && jsx(ChooseAmount$4, {
       poolInfo: poolInfo,
       poolUnderlyingToken: poolUnderlyingToken,