@huma-finance/widgets 0.0.31 → 0.0.32

package/src/components/Lend/supply/1-Evaluation.tsx

@@ -1,175 +0,0 @@
-import {
-  EAService,
-  IdentityService,
-  PoolInfoType,
-  VerificationStatusResult,
-  configUtil,
-} from '@huma-finance/shared'
-import { Box, css, useTheme } from '@mui/material'
-import { useWeb3React } from '@web3-react/core'
-import React, { useEffect, useState } from 'react'
-
-import { useAppDispatch } from '../../../hooks/useRedux'
-import { setError, setStep } from '../../../store/widgets.reducers'
-import { WIDGET_STEP } from '../../../store/widgets.store'
-import { CustomError } from '../../../utilTypes'
-import { BottomButton } from '../../BottomButton'
-import { ApproveLenderIcon } from '../../icons'
-import { LoadingModal } from '../../LoadingModal'
-import { WrapperModal } from '../../WrapperModal'
-import { envUtil } from '../../../utils/env'
-
-type Props = {
-  poolInfo: PoolInfoType
-  handleApproveSuccess: () => void
-}
-
-export function Evaluation({
-  poolInfo,
-  handleApproveSuccess,
-}: Props): React.ReactElement | null {
-  const theme = useTheme()
-  const dispatch = useAppDispatch()
-  const isDev = envUtil.checkIsDev()
-  const { account, chainId } = useWeb3React()
-  const [loading, setLoading] = useState(false)
-  const [description, setDescription] = useState<string>()
-  const [KYCVerifyStatus, setKYCVerifyStatus] =
-    useState<VerificationStatusResult>()
-  const lenderApprovalProvider = poolInfo.extra?.lenderApprovalProvider
-  const isKYC = lenderApprovalProvider?.type === 'KYC'
-  const [buttonText, setButtonText] = useState<string>('VERIFY MY IDENTITY')
-
-  const styles = {
-    iconWrapper: css`
-      ${theme.cssMixins.rowCentered};
-      margin-top: 30px;
-    `,
-    description: css`
-      ${theme.cssMixins.rowCentered};
-      margin-top: 50px;
-      font-family: 'Uni-Neue-Regular';
-      font-size: 16px;
-      color: #a8a1b2;
-    `,
-  }
-
-  useEffect(() => {
-    if (isKYC) {
-      setDescription(
-        `Link your ${lenderApprovalProvider.provider} account or create a new one to complete identity verification.`,
-      )
-    }
-  }, [lenderApprovalProvider?.provider, isKYC])
-  useEffect(() => {
-    const fetchData = async () => {
-      if (account && chainId && isKYC) {
-        try {
-          setLoading(true)
-          const verificationStatus =
-            await IdentityService.getVerificationStatus(
-              account,
-              poolInfo.pool,
-              chainId,
-              isDev,
-            )
-          setKYCVerifyStatus(verificationStatus)
-          if (verificationStatus.isVerified) {
-            setDescription(
-              'Please review the documents to complete the approval process.',
-            )
-            setButtonText('REVIEW DOCUMENT')
-          }
-        } finally {
-          setLoading(false)
-        }
-      }
-    }
-    fetchData()
-  }, [account, chainId, isDev, isKYC, poolInfo.pool])
-
-  const approveLenderByEA = async () => {
-    try {
-      setLoading(true)
-      const payload = {
-        poolAddress: poolInfo.pool,
-        lenderWalletAddress: account!,
-      }
-      await EAService.approveLender(payload, chainId!)
-      handleApproveSuccess()
-      setLoading(false)
-      dispatch(setStep(WIDGET_STEP.ChooseAmount))
-    } catch (e: unknown) {
-      const error = e as CustomError
-      setLoading(false)
-      dispatch(setError({ errorMessage: error.message }))
-    }
-  }
-
-  const approveLenderByKYC = () => {
-    switch (lenderApprovalProvider?.provider) {
-      case 'Securitize':
-        {
-          const { isNotOnboarded, isVerified } = KYCVerifyStatus || {}
-
-          if (isVerified) {
-            if (lenderApprovalProvider.documentUrl) {
-              window.location.href = lenderApprovalProvider.documentUrl
-            }
-          } else {
-            const issuerId = '53a66b32-583e-40e7-ba90-baf516d2cadd'
-            const baseUrl = configUtil.getKYCProviderBaseUrl(
-              'Securitize',
-              isDev,
-            )
-            const originUrl = window.location.href.split('?')[0]
-            const redirectUrl = `${originUrl}?kycProvider=Securitize&kycPool=${poolInfo.pool}`
-            const providerAuthorizeUrl = `${baseUrl}/#/authorize?issuerId=${issuerId}&scope=details&details=verification&redirectUrl=${redirectUrl}`
-            const providerUrl = isNotOnboarded ? providerAuthorizeUrl : baseUrl
-            window.location.href = providerUrl
-          }
-        }
-        break
-      default:
-        break
-    }
-  }
-
-  const approveLender = () => {
-    switch (lenderApprovalProvider?.type) {
-      case 'EA':
-        approveLenderByEA()
-        break
-      case 'KYC':
-        approveLenderByKYC()
-        break
-      default:
-        approveLenderByEA()
-        break
-    }
-  }
-
-  if (!loading) {
-    return (
-      <WrapperModal
-        title='Lender Approval'
-        subTitle='This pool requires lender approval'
-      >
-        <Box css={styles.iconWrapper}>
-          <ApproveLenderIcon />
-        </Box>
-        <Box css={styles.description}>{description}</Box>
-        <BottomButton variant='contained' onClick={approveLender}>
-          {buttonText}
-        </BottomButton>
-      </WrapperModal>
-    )
-  }
-
-  return (
-    <LoadingModal
-      title='Approval Pending'
-      description='Waiting for approval confirmation...'
-    />
-  )
-}

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

@@ -1,104 +0,0 @@
-import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos'
-import { Box, Button, css, Typography, useTheme } from '@mui/material'
-import { isEmpty } from '@huma-finance/shared'
-import React from 'react'
-
-import { useAppDispatch, useAppSelector } from '../../../hooks/useRedux'
-import { setStep } from '../../../store/widgets.reducers'
-import { selectWidgetState } from '../../../store/widgets.selectors'
-import { WIDGET_STEP } from '../../../store/widgets.store'
-
-export function ConfirmTransfer(): React.ReactElement | null {
-  const theme = useTheme()
-  const dispatch = useAppDispatch()
-  const { borrowAmountNet, approval } = useAppSelector(selectWidgetState)
-
-  const styles = {
-    wrapper: css`
-      height: 518px;
-      position: relative;
-      ${theme.cssMixins.colStretch};
-    `,
-    header: css`
-      font-family: 'Uni-Neue-Bold';
-      ${theme.cssMixins.rowHCentered};
-      margin-top: -5px;
-    `,
-    description: css`
-      font-family: 'Uni-Neue-Regular';
-      font-weight: 500;
-      font-size: 16px;
-      color: #49505b;
-      margin-top: 30px;
-      text-align: center;
-    `,
-    transferWrapper: css`
-      margin-top: 75px;
-    `,
-    transfer: css`
-      font-family: 'Uni-Neue-Regular';
-      ${theme.cssMixins.rowSpaceBetweened}
-      ${theme.cssMixins.rowVCentered}
-      height: 72px;
-      background: #f9f8fa;
-      border-radius: 4px;
-      font-weight: 500;
-      font-size: 16px;
-      color: #49505b;
-      padding: 24px 32px;
-      margin-bottom: 9px;
-      position: relative;
-      box-sizing: border-box;
-    `,
-    arrow: css`
-      color: #d2d0d6;
-      position: absolute;
-      margin: auto;
-      top: 0;
-      left: 0;
-      bottom: 0;
-      right: 0;
-    `,
-    okButton: css`
-      width: 100%;
-      position: absolute;
-      bottom: 0;
-    `,
-  }
-
-  const handleAction = () => {
-    dispatch(setStep(WIDGET_STEP.ApproveNFT))
-  }
-
-  if (isEmpty(borrowAmountNet) || isEmpty(approval)) {
-    return null
-  }
-
-  return (
-    <Box css={styles.wrapper}>
-      <Typography variant='h6' css={styles.header}>
-        Confirm transaction details
-      </Typography>
-      <Box css={styles.description}>
-        Huma keeps your Invoice NFT as collateral until it's fully paid.
-      </Box>
-      <Box css={styles.transferWrapper}>
-        <Box css={styles.transfer}>
-          <Box>Invoice NFT</Box>
-          <ArrowForwardIosIcon css={styles.arrow} />
-          <Box>Huma</Box>
-        </Box>
-        <Box css={styles.transfer}>
-          <Box>
-            {borrowAmountNet!} {approval?.token.symbol}
-          </Box>
-          <ArrowForwardIosIcon css={styles.arrow} />
-          <Box>You</Box>
-        </Box>
-      </Box>
-      <Button variant='contained' css={styles.okButton} onClick={handleAction}>
-        APPROVE TRANSFER
-      </Button>
-    </Box>
-  )
-}

package/src/components/NotifiSubscriptionModal.tsx

@@ -1,84 +0,0 @@
-import React, { useEffect, useState } from 'react'
-import { useWeb3React } from '@web3-react/core'
-import {
-  NotifiFrontendClient,
-  newFrontendClient,
-  Uint8SignMessageFunction,
-  SignMessageParams,
-  UserState,
-} from '@notifi-network/notifi-frontend-client'
-import { getBlockchainConfigFromChain } from '@huma-finance/shared'
-import { ethers } from 'ethers'
-
-import { WrapperModal } from './WrapperModal'
-import { envUtil } from '../utils/env'
-import { BottomButton } from './BottomButton'
-
-type Props = {
-  handleSuccess: () => void
-}
-
-export function NotifiSubscriptionModal({
-  handleSuccess,
-}: Props): React.ReactElement {
-  const { account, chainId, provider } = useWeb3React()
-  const [notifiClient, setNotifiClient] = useState<NotifiFrontendClient>()
-  const [, setUserState] = useState<UserState>()
-
-  useEffect(() => {
-    const initializeClient = async () => {
-      if (account != null && chainId != null) {
-        const client = newFrontendClient({
-          account: { publicKey: account },
-          tenantId: 'humadapp',
-          env: envUtil.checkIsDev() ? 'Development' : 'Production',
-          walletBlockchain: getBlockchainConfigFromChain(chainId),
-        })
-
-        const userState = await client.initialize()
-        setUserState(userState)
-        setNotifiClient(client)
-      }
-    }
-
-    initializeClient()
-  }, [account, chainId])
-
-  const signMessage: Uint8SignMessageFunction = async (
-    message: Uint8Array,
-  ): Promise<Uint8Array> => {
-    const signer = provider!.getSigner()
-    const signature = await signer.signMessage(Buffer.from(message))
-    return ethers.utils.arrayify(signature)
-  }
-
-  const logIn = async (): Promise<void> => {
-    if (notifiClient != null && chainId != null) {
-      const { userState } = notifiClient
-      if (userState?.status === 'authenticated') {
-        return
-      }
-
-      console.log(getBlockchainConfigFromChain(chainId))
-      const loginResult = await notifiClient.logIn({
-        walletBlockchain: getBlockchainConfigFromChain(chainId),
-        signMessage,
-      } as SignMessageParams)
-
-      // client should be authenticated now
-      console.log('loginResult', loginResult)
-      handleSuccess()
-    }
-  }
-
-  return (
-    <WrapperModal
-      title='Notifications'
-      subTitle='Subscribe to emails for important communications about your account from Huma'
-    >
-      <BottomButton variant='contained' onClick={logIn}>
-        CONNECT WALLET
-      </BottomButton>
-    </WrapperModal>
-  )
-}