@huma-finance/widgets 0.0.80 → 0.0.81-beta.1108

package/dist/src/cosmos/SDKTesting.fixture.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("@emotion/react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/src/cosmos/SuperfluidFactoringBorrow.fixture.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("@emotion/react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/src/cosmos/WalletWrapper.d.ts

@@ -1,3 +0,0 @@
-export declare function WalletWrapper({ children }: {
-    children: React.ReactNode;
-}): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/src/cosmos/utils/index.d.ts

@@ -1,18 +0,0 @@
-import { Eip1193Bridge } from '@ethersproject/experimental/lib/eip1193-bridge';
-import { JsonRpcProvider } from '@ethersproject/providers';
-import { ethers } from 'ethers';
-export declare enum ChainEnum {
-    Goerli = 5,
-    Mumbai = 80001
-}
-declare class MetamaskBridge extends Eip1193Bridge {
-    private walletAddress;
-    private chainId;
-    constructor(signer: ethers.Signer, provider: ethers.providers.Provider, walletAddress: string, chainId?: number);
-    sendAsync(...args: any[]): Promise<any>;
-    send(...args: any[]): Promise<any>;
-}
-export declare const getProvider: (chainId?: ChainEnum) => JsonRpcProvider;
-export declare const getInjectedMetamask: (testPrivateKey: string, chainId?: ChainEnum) => MetamaskBridge;
-export declare const getSigner: (testPrivateKey: string, chainId?: ChainEnum) => ethers.Wallet;
-export {};

package/src/components/Lend/components/ApproveLenderBase.tsx

@@ -1,128 +0,0 @@
-/* eslint-disable no-await-in-loop */
-import {
-  CHAIN_TYPE,
-  COMMON_ERROR_MESSAGE,
-  IdentityServiceV2,
-  NETWORK_TYPE,
-  SOLANA_TRANSACTION_EXPIRED_BLOCKHEIGHT_EXCEEDED_ERROR,
-  timeUtil,
-  TrancheType,
-} from '@huma-finance/shared'
-import { useChainInfo, checkIsDev } from '@huma-finance/web-shared'
-import React, { useCallback, useEffect } from 'react'
-import { useAppDispatch } from '../../../hooks/useRedux'
-import { setError, setStep } from '../../../store/widgets.reducers'
-import { WIDGET_STEP } from '../../../store/widgets.store'
-import { LoadingModal } from '../../LoadingModal'
-
-type Props = {
-  juniorTrancheVault: string
-  seniorTrancheVault: string
-  chainType: CHAIN_TYPE
-  networkType: NETWORK_TYPE
-  isUniTranche: boolean
-  documentHash?: string
-  chainSpecificData?: Record<string, unknown>
-  changeTranche: (tranche: TrancheType) => void
-}
-
-export function ApproveLenderBase({
-  juniorTrancheVault,
-  seniorTrancheVault,
-  isUniTranche,
-  chainType,
-  networkType,
-  chainSpecificData,
-  documentHash,
-  changeTranche,
-}: Props): React.ReactElement | null {
-  const isDev = checkIsDev()
-  const dispatch = useAppDispatch()
-  const { account, chainId } = useChainInfo(isDev, chainType)
-
-  const approveLender = useCallback(
-    async (trancheVault: string) => {
-      if (!documentHash) {
-        throw new Error('No document hash provided')
-      }
-
-      let tryAttempts = 2
-
-      while (tryAttempts > 0) {
-        try {
-          tryAttempts -= 1
-          await IdentityServiceV2.approveLender(
-            networkType,
-            account!,
-            chainId!,
-            trancheVault,
-            documentHash,
-            isDev,
-            chainSpecificData,
-          )
-          tryAttempts = 0
-        } catch (e: unknown) {
-          if (tryAttempts === 0) {
-            throw e
-          } else {
-            await timeUtil.sleep(3000)
-            console.error(e)
-          }
-        }
-      }
-    },
-    [account, chainId, chainSpecificData, documentHash, isDev, networkType],
-  )
-
-  useEffect(() => {
-    const approveLenderAsync = async () => {
-      if (account && chainId) {
-        try {
-          if (isUniTranche) {
-            await approveLender(juniorTrancheVault)
-            changeTranche('junior')
-            dispatch(setStep(WIDGET_STEP.ChooseAmount))
-          } else {
-            await approveLender(juniorTrancheVault)
-            await approveLender(seniorTrancheVault)
-            dispatch(setStep(WIDGET_STEP.ChooseTranche))
-          }
-        } catch (e: unknown) {
-          console.error(e)
-          // @ts-ignore
-          let errorMessage = e.message ?? COMMON_ERROR_MESSAGE
-          if (
-            errorMessage.indexOf(
-              SOLANA_TRANSACTION_EXPIRED_BLOCKHEIGHT_EXCEEDED_ERROR,
-            ) >= 0
-          ) {
-            errorMessage = `Transaction failed due to blockchain congestion. Please try again.`
-          }
-          dispatch(
-            setError({
-              errorMessage,
-            }),
-          )
-        }
-      }
-    }
-
-    approveLenderAsync()
-  }, [
-    account,
-    approveLender,
-    chainId,
-    changeTranche,
-    dispatch,
-    isUniTranche,
-    juniorTrancheVault,
-    seniorTrancheVault,
-  ])
-
-  return (
-    <LoadingModal
-      title='Lender Approval'
-      description='Checking your verification status...'
-    />
-  )
-}

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

@@ -1,371 +0,0 @@
-import {
-  CHAIN_TYPE,
-  CloseModalOptions,
-  IdentityServiceV2,
-  IdentityVerificationStatusV2,
-  KYCCopy,
-  KYCType,
-  NETWORK_TYPE,
-  VerificationStatusResultV2,
-} from '@huma-finance/shared'
-import {
-  AUTH_ERROR_TYPE,
-  checkIsDev,
-  useAuthErrorHandling,
-} from '@huma-finance/web-shared'
-import { Box, css, useTheme } from '@mui/material'
-import Persona, { Client } from 'persona'
-import React, { useCallback, useEffect, useRef, useState } from 'react'
-
-import { useAppDispatch } from '../../../hooks/useRedux'
-import { setError, setStep } from '../../../store/widgets.reducers'
-import { WIDGET_STEP } from '../../../store/widgets.store'
-import { BottomButton } from '../../BottomButton'
-import { ApproveLenderImg } from '../../images'
-import { LoadingModal } from '../../LoadingModal'
-import { WrapperModal } from '../../WrapperModal'
-import { Campaign } from '../supplyV2'
-
-type LoadingType = 'verificationStatus' | 'startKYC' | 'approveLender'
-
-type Props = {
-  poolInfo: {
-    KYC?: KYCType
-    juniorTrancheVault: string
-    seniorTrancheVault: string
-  }
-  networkType: NETWORK_TYPE
-  chainType: CHAIN_TYPE
-  documentHash: string
-  campaign?: Campaign
-  handleClose: (options?: CloseModalOptions) => void
-}
-
-export function PersonaEvaluation({
-  poolInfo,
-  campaign,
-  networkType,
-  chainType,
-  documentHash,
-  handleClose,
-}: Props): React.ReactElement | null {
-  const theme = useTheme()
-  const isDev = checkIsDev()
-  const dispatch = useAppDispatch()
-  const {
-    authErrorType,
-    setAuthError,
-    isWalletOwnershipVerified,
-    isWalletOwnershipVerificationRequired,
-  } = useAuthErrorHandling(isDev, chainType)
-  const KYCCopies = poolInfo.KYC!.Persona!
-  const [loadingType, setLoadingType] = useState<LoadingType>()
-  const [kycCopy, setKYCCopy] = useState<KYCCopy>(KYCCopies.verifyIdentity)
-  const [inquiryId, setInquiryId] = useState<string>()
-  const [sessionToken, setSessionToken] = useState<string>()
-  const [verificationStatus, setVerificationStatus] =
-    useState<VerificationStatusResultV2>()
-  const [showPersonaClient, setShowPersonaClient] = useState<boolean>(false)
-  const [KYCAutoStarted, setKYCAutoStarted] = useState<boolean>(false)
-  const isKYCCompletedRef = useRef<boolean>(false)
-  const isActionOngoingRef = useRef<boolean>(false)
-  const isKYCResumedRef = useRef<boolean>(false)
-
-  const checkVerificationStatus = useCallback(async () => {
-    if (isActionOngoingRef.current || isKYCResumedRef.current) {
-      return
-    }
-    try {
-      isActionOngoingRef.current = true
-      setLoadingType('verificationStatus')
-      const verificationStatus =
-        await IdentityServiceV2.getVerificationStatusV2(
-          networkType,
-          documentHash,
-          isDev,
-        )
-      setVerificationStatus(verificationStatus)
-      setInquiryId(verificationStatus.personaInquiryId)
-
-      switch (verificationStatus.status) {
-        case IdentityVerificationStatusV2.ACCREDITED: {
-          const startVerificationResult =
-            await IdentityServiceV2.startVerification(networkType, isDev)
-          setInquiryId(startVerificationResult.personaInquiryId)
-          setKYCCopy(KYCCopies.verifyIdentity)
-          setLoadingType(undefined)
-          if (
-            startVerificationResult.status ===
-            IdentityVerificationStatusV2.BYPASSED
-          ) {
-            setVerificationStatus(startVerificationResult)
-            setKYCCopy(KYCCopies.verificationBypassed)
-          }
-
-          break
-        }
-
-        case IdentityVerificationStatusV2.CREATED: {
-          setKYCCopy(KYCCopies.verifyIdentity)
-          setLoadingType(undefined)
-          break
-        }
-
-        case IdentityVerificationStatusV2.PENDING: {
-          if (!isKYCCompletedRef.current) {
-            const resumeVerificationResult =
-              await IdentityServiceV2.resumeVerification(networkType, isDev)
-            verificationStatus.status = resumeVerificationResult.status
-            setVerificationStatus(verificationStatus)
-            setSessionToken(resumeVerificationResult.sessionToken)
-            setLoadingType(undefined)
-            isKYCResumedRef.current = true
-          } else {
-            setLoadingType('verificationStatus')
-          }
-          setKYCCopy(KYCCopies.verifyIdentity)
-          break
-        }
-
-        case IdentityVerificationStatusV2.EXPIRED: {
-          const resumeVerificationResult =
-            await IdentityServiceV2.resumeVerification(networkType, isDev)
-          verificationStatus.status = resumeVerificationResult.status
-          setVerificationStatus(verificationStatus)
-          setSessionToken(resumeVerificationResult.sessionToken)
-          setKYCCopy(KYCCopies.verifyIdentity)
-          setLoadingType(undefined)
-          isKYCResumedRef.current = true
-          break
-        }
-
-        case IdentityVerificationStatusV2.BYPASSED: {
-          setKYCCopy(KYCCopies.verificationBypassed)
-          setLoadingType(undefined)
-
-          break
-        }
-
-        case IdentityVerificationStatusV2.APPROVED: {
-          setKYCCopy(KYCCopies.verificationApproved)
-          setLoadingType(undefined)
-          break
-        }
-
-        case IdentityVerificationStatusV2.DECLINED: {
-          setKYCCopy(KYCCopies.verificationDeclined)
-          setLoadingType(undefined)
-          break
-        }
-
-        case IdentityVerificationStatusV2.NEEDS_REVIEW: {
-          setKYCCopy(KYCCopies.verificationNeedsReview)
-          setLoadingType(undefined)
-          break
-        }
-
-        case IdentityVerificationStatusV2.CONSENTED_TO_SUBSCRIPTION: {
-          dispatch(setStep(WIDGET_STEP.ApproveLender))
-          break
-        }
-
-        default:
-          break
-      }
-    } catch (e: unknown) {
-      setAuthError(e)
-    } finally {
-      isActionOngoingRef.current = false
-    }
-  }, [KYCCopies, dispatch, isDev, networkType, documentHash, setAuthError])
-
-  useEffect(() => {
-    checkVerificationStatus()
-  }, [checkVerificationStatus])
-
-  useEffect(() => {
-    if (isWalletOwnershipVerificationRequired && isWalletOwnershipVerified) {
-      checkVerificationStatus()
-    }
-  }, [
-    checkVerificationStatus,
-    isWalletOwnershipVerificationRequired,
-    isWalletOwnershipVerified,
-  ])
-
-  useEffect(() => {
-    const interval = setInterval(() => {
-      if (
-        verificationStatus?.status &&
-        [
-          IdentityVerificationStatusV2.CREATED,
-          IdentityVerificationStatusV2.PENDING,
-        ].includes(verificationStatus.status)
-      ) {
-        checkVerificationStatus()
-      }
-    }, 3 * 1000)
-    // eslint-disable-next-line consistent-return
-    return () => clearInterval(interval)
-  }, [checkVerificationStatus, verificationStatus?.status])
-
-  useEffect(() => {
-    if (authErrorType === AUTH_ERROR_TYPE.NotSignedIn) {
-      setLoadingType(undefined)
-      setKYCCopy(KYCCopies.signInRequired)
-    } else if (authErrorType === AUTH_ERROR_TYPE.UserRejected) {
-      dispatch(
-        setError({
-          errorMessage: 'User has rejected the transaction.',
-        }),
-      )
-    } else if (authErrorType === AUTH_ERROR_TYPE.Other) {
-      dispatch(
-        setError({
-          errorMessage: 'Something went wrong. Please try again later.',
-        }),
-      )
-    }
-  }, [KYCCopies.signInRequired, dispatch, authErrorType])
-
-  useEffect(() => {
-    const modalElement = document.getElementById('huma-modal')
-    if (modalElement) {
-      modalElement.style.visibility = showPersonaClient ? 'hidden' : 'visible'
-    }
-  }, [showPersonaClient])
-
-  const startKYC = useCallback(async () => {
-    isActionOngoingRef.current = true
-    isKYCResumedRef.current = false
-    setLoadingType('startKYC')
-    const client: Client = new Persona.Client({
-      inquiryId,
-      sessionToken,
-      frameWidth: '480px',
-      onReady: () => {
-        client.open()
-        setShowPersonaClient(true)
-      },
-      onComplete: () => {
-        isKYCCompletedRef.current = true
-        isActionOngoingRef.current = false
-        setShowPersonaClient(false)
-        checkVerificationStatus()
-      },
-      onCancel: () => {
-        isActionOngoingRef.current = false
-        setShowPersonaClient(false)
-        setLoadingType(undefined)
-        handleClose()
-      },
-      onError: () => {
-        isActionOngoingRef.current = false
-        setShowPersonaClient(false)
-        setLoadingType(undefined)
-      },
-    })
-  }, [checkVerificationStatus, handleClose, inquiryId, sessionToken])
-
-  // Start KYC flow directly for the first time
-  useEffect(() => {
-    if (isActionOngoingRef.current || isKYCResumedRef.current) {
-      return
-    }
-    if (verificationStatus && !KYCAutoStarted) {
-      switch (verificationStatus.status) {
-        case IdentityVerificationStatusV2.ACCREDITED:
-        case IdentityVerificationStatusV2.CREATED:
-        case IdentityVerificationStatusV2.PENDING:
-        case IdentityVerificationStatusV2.EXPIRED: {
-          startKYC()
-          setKYCAutoStarted(true)
-          break
-        }
-
-        default:
-          break
-      }
-    }
-  }, [KYCAutoStarted, startKYC, verificationStatus])
-
-  const handleAction = useCallback(() => {
-    if (verificationStatus) {
-      switch (verificationStatus.status) {
-        case IdentityVerificationStatusV2.ACCREDITED:
-        case IdentityVerificationStatusV2.CREATED:
-        case IdentityVerificationStatusV2.PENDING:
-        case IdentityVerificationStatusV2.EXPIRED:
-          startKYC()
-          break
-
-        case IdentityVerificationStatusV2.DECLINED:
-        case IdentityVerificationStatusV2.NEEDS_REVIEW:
-        case IdentityVerificationStatusV2.APPROVED:
-          handleClose({ identityStatus: verificationStatus.status })
-          break
-
-        case IdentityVerificationStatusV2.BYPASSED:
-          handleClose({ identityStatus: IdentityVerificationStatusV2.APPROVED })
-          break
-
-        default:
-          break
-      }
-    }
-  }, [handleClose, startKYC, verificationStatus])
-
-  const styles = {
-    iconWrapper: css`
-      ${theme.cssMixins.rowCentered};
-      margin-top: ${theme.spacing(8)};
-      & > img {
-        width: 144px;
-      }
-    `,
-    description: css`
-      margin-top: ${theme.spacing(10)};
-      padding: ${theme.spacing(0, 2)};
-      font-weight: 400;
-      font-size: 16px;
-      color: ${theme.palette.text.primary};
-    `,
-    points: css`
-      color: ${theme.palette.primary.main};
-      font-weight: 700;
-    `,
-  }
-
-  if (!loadingType) {
-    return (
-      <WrapperModal title={kycCopy.title}>
-        <Box css={styles.iconWrapper}>
-          <img src={ApproveLenderImg} alt='approve-lender' />
-        </Box>
-        {campaign && kycCopy === KYCCopies.verifyIdentity ? (
-          <Box css={styles.description}>
-            <span>
-              You'll be rewarded with Huma rewards after completing KYC/KYB and
-              your first investment.
-            </span>
-          </Box>
-        ) : (
-          <Box css={styles.description}>{kycCopy.description}</Box>
-        )}
-
-        {Boolean(kycCopy.buttonText) && (
-          <BottomButton variant='contained' onClick={handleAction}>
-            {kycCopy.buttonText}
-          </BottomButton>
-        )}
-      </WrapperModal>
-    )
-  }
-
-  return (
-    <LoadingModal
-      title='Lender Approval'
-      description='Checking your verification status...'
-    />
-  )
-}