@huma-finance/widgets 0.0.62-beta.630 → 0.0.62-beta.633

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

@@ -1,155 +0,0 @@
-import { SolanaPoolInfo, TrancheType } from '@huma-finance/shared'
-import {
-  SolanaPoolState,
-  useLenderAccounts,
-  useTokenAccount,
-} from '@huma-finance/web-shared'
-import React, { useCallback, useEffect, useState } from 'react'
-import { useDispatch } from 'react-redux'
-
-import { useAppSelector } from '../../../hooks/useRedux'
-import { setStep } from '../../../store/widgets.reducers'
-import { selectWidgetState } from '../../../store/widgets.selectors'
-import { WIDGET_STEP } from '../../../store/widgets.store'
-import { ErrorModal } from '../../ErrorModal'
-import { WidgetWrapper } from '../../WidgetWrapper'
-import { Evaluation } from './1-Evaluation'
-import { ChooseTranche } from './2-ChooseTranche'
-import { ChooseAmount } from './3-ChooseAmount'
-import { Transfer } from './4-Transfer'
-import { Success } from './5-Success'
-
-/**
- * Lend pool supply props
- * @typedef {Object} SolanaLendSupplyProps
- * @property {SolanaPoolInfo} poolInfo The metadata of the pool.
- * @property {SolanaPoolState} poolState The current state config of the pool.
- * @property {function():void} handleClose Function to notify to close the widget modal when user clicks the 'x' close button.
- * @property {function():void|undefined} handleSuccess Optional function to notify that the lending pool supply action is successful.
- */
-export interface SolanaLendSupplyProps {
-  poolInfo: SolanaPoolInfo
-  poolState: SolanaPoolState
-  handleClose: () => void
-  handleSuccess?: () => void
-}
-
-export function SolanaLendSupply({
-  poolInfo,
-  poolState,
-  handleClose,
-  handleSuccess,
-}: SolanaLendSupplyProps): React.ReactElement | null {
-  const dispatch = useDispatch()
-  const { isUniTranche } = poolState
-  const {
-    seniorLenderApproved,
-    juniorLenderApproved,
-    loading: isLoadingLenderAccounts,
-    refresh: refreshLenderAccounts,
-  } = useLenderAccounts(poolInfo.chainId, poolInfo.poolName)
-  const [tokenAccount, isLoadingTokenAccount] = useTokenAccount(poolInfo)
-  const { step, errorMessage } = useAppSelector(selectWidgetState)
-  const [selectedTranche, setSelectedTranche] = useState<TrancheType>()
-
-  useEffect(() => {
-    if (!step && !isLoadingLenderAccounts && !isLoadingTokenAccount) {
-      if (!juniorLenderApproved && !seniorLenderApproved) {
-        dispatch(setStep(WIDGET_STEP.Evaluation))
-        return
-      }
-
-      if (juniorLenderApproved && !seniorLenderApproved) {
-        setSelectedTranche('junior')
-        dispatch(setStep(WIDGET_STEP.ChooseAmount))
-        return
-      }
-
-      if (seniorLenderApproved && !juniorLenderApproved) {
-        setSelectedTranche('senior')
-        dispatch(setStep(WIDGET_STEP.ChooseAmount))
-        return
-      }
-
-      if (juniorLenderApproved && seniorLenderApproved) {
-        dispatch(setStep(WIDGET_STEP.ChooseTranche))
-      }
-    }
-  }, [
-    dispatch,
-    handleClose,
-    poolInfo,
-    step,
-    isLoadingLenderAccounts,
-    juniorLenderApproved,
-    seniorLenderApproved,
-    isLoadingTokenAccount,
-  ])
-
-  const handleApproveSuccess = useCallback(() => {
-    refreshLenderAccounts()
-  }, [refreshLenderAccounts])
-
-  if (isLoadingLenderAccounts || isLoadingTokenAccount) {
-    return (
-      <WidgetWrapper
-        isOpen
-        isLoading
-        loadingTitle='Supply'
-        handleClose={handleClose}
-        handleSuccess={handleSuccess}
-      />
-    )
-  }
-
-  return (
-    <WidgetWrapper
-      isOpen
-      loadingTitle={`Supply ${poolInfo.underlyingMint.symbol}`}
-      handleClose={handleClose}
-      handleSuccess={handleSuccess}
-    >
-      {step === WIDGET_STEP.Evaluation && (
-        <Evaluation
-          poolInfo={poolInfo}
-          isUniTranche={isUniTranche}
-          handleApproveSuccess={handleApproveSuccess}
-        />
-      )}
-      {step === WIDGET_STEP.ChooseTranche && (
-        <ChooseTranche
-          poolUnderlyingToken={poolInfo.underlyingMint}
-          selectedTranche={selectedTranche}
-          changeTranche={setSelectedTranche}
-        />
-      )}
-      {step === WIDGET_STEP.ChooseAmount && (
-        <ChooseAmount
-          poolInfo={poolInfo}
-          poolState={poolState}
-          tokenAccount={tokenAccount}
-          selectedTranche={selectedTranche}
-          isUniTranche={isUniTranche}
-        />
-      )}
-      {step === WIDGET_STEP.Transfer && selectedTranche && (
-        <Transfer poolInfo={poolInfo} selectedTranche={selectedTranche} />
-      )}
-      {step === WIDGET_STEP.Done && (
-        <Success
-          poolInfo={poolInfo}
-          poolState={poolState}
-          handleAction={handleClose}
-        />
-      )}
-      {step === WIDGET_STEP.Error && (
-        <ErrorModal
-          title='Supply'
-          errorReason='Sorry there was an error'
-          errorMessage={errorMessage}
-          handleOk={handleClose}
-        />
-      )}
-    </WidgetWrapper>
-  )
-}

package/src/components/SolanaTxDoneModal.tsx

@@ -1,119 +0,0 @@
-import { Box, Button, css, Typography, useTheme } from '@mui/material'
-import React, { useCallback } from 'react'
-
-import { SolanaChainEnum } from '@huma-finance/shared'
-import { useAppDispatch } from '../hooks/useRedux'
-import { resetState } from '../store/widgets.reducers'
-import { CheckIcon } from './icons'
-import { SolanaViewOnExplorer } from './SolanaViewOnExplorer'
-
-type Props = {
-  content: string[]
-  subContent?: string[]
-  buttonText?: string
-  solanaSignature?: string
-  chainId?: SolanaChainEnum
-  handleAction: () => void
-}
-
-export function SolanaTxDoneModal({
-  content,
-  subContent,
-  handleAction,
-  solanaSignature,
-  chainId,
-  buttonText,
-}: Props): React.ReactElement {
-  const theme = useTheme()
-  const dispatch = useAppDispatch()
-
-  const styles = {
-    wrapper: css`
-      height: 518px;
-      position: relative;
-    `,
-    header: css`
-      ${theme.cssMixins.rowHCentered};
-      margin-top: ${theme.spacing(-0.5)};
-    `,
-    content: css`
-      ${theme.cssMixins.colVCentered};
-      font-weight: ${subContent ? 700 : 400};
-      font-size: 18px;
-      color: ${theme.palette.text.secondary};
-      margin-top: ${theme.spacing(8)};
-      text-align: center;
-    `,
-    subContent: css`
-      ${theme.cssMixins.colVCentered};
-      font-weight: 400;
-      font-size: 18px;
-      color: ${theme.palette.text.primary};
-      margin-top: ${theme.spacing(2)};
-      text-align: center;
-    `,
-    check: css`
-      width: 100%;
-      ${theme.cssMixins.rowHCentered};
-      margin-top: ${theme.spacing(10)};
-    `,
-    bottomButtonGroup: css`
-      width: 100%;
-      position: absolute;
-      bottom: 0;
-      display: flex;
-      row-gap: ${theme.spacing(1)};
-      column-gap: ${theme.spacing(1)};
-
-      button {
-        height: 40px;
-        margin-top: ${theme.spacing(1)};
-      }
-    `,
-  }
-
-  const handleCloseModal = useCallback(() => {
-    dispatch(resetState())
-    handleAction()
-  }, [dispatch, handleAction])
-
-  return (
-    <Box css={styles.wrapper}>
-      <Typography variant='h6' css={styles.header}>
-        Transaction Completed
-      </Typography>
-      <Box css={styles.check}>
-        <CheckIcon />
-      </Box>
-      <Box css={styles.content}>
-        {content.map((item) => (
-          <Box sx={{ marginTop: theme.spacing(1) }} key={item}>
-            {item}
-          </Box>
-        ))}
-      </Box>
-      {subContent && (
-        <Box css={styles.subContent}>
-          {subContent.map((item) => (
-            <Box sx={{ marginTop: theme.spacing(1) }} key={item}>
-              {item}
-            </Box>
-          ))}
-        </Box>
-      )}
-      <Box css={styles.bottomButtonGroup}>
-        {solanaSignature && chainId && (
-          <SolanaViewOnExplorer signature={solanaSignature} chainId={chainId} />
-        )}
-        <Button
-          className='transaction-done-modal-close-btn'
-          variant='contained'
-          fullWidth
-          onClick={handleCloseModal}
-        >
-          {!buttonText ? 'DONE' : buttonText}
-        </Button>
-      </Box>
-    </Box>
-  )
-}

package/src/components/SolanaTxSendModal.tsx

@@ -1,61 +0,0 @@
-import { SolanaChainEnum } from '@huma-finance/shared'
-import React, { useEffect, useState } from 'react'
-
-import { useConnection, useWallet } from '@solana/wallet-adapter-react'
-import { Transaction } from '@solana/web3.js'
-import { setError, setSolanaSignature } from '../store/widgets.reducers'
-import { LoadingModal } from './LoadingModal'
-import { SolanaViewOnExplorer } from './SolanaViewOnExplorer'
-import { useAppDispatch } from '../hooks/useRedux'
-
-type Props = {
-  chainId: SolanaChainEnum
-  tx?: Transaction
-  handleSuccess: () => void
-}
-
-export function SolanaTxSendModal({
-  chainId,
-  tx,
-  handleSuccess,
-}: Props): React.ReactElement | null {
-  const dispatch = useAppDispatch()
-  const { sendTransaction } = useWallet()
-  const { connection } = useConnection()
-  const [signature, setSignature] = useState<string>('')
-
-  useEffect(() => {
-    async function sendTx() {
-      if (!connection || !tx) {
-        return
-      }
-
-      try {
-        const latestBlockHash = await connection.getLatestBlockhash()
-        const signature = await sendTransaction(tx, connection)
-        setSignature(signature)
-        dispatch(setSolanaSignature(signature))
-
-        await connection.confirmTransaction({
-          blockhash: latestBlockHash.blockhash,
-          lastValidBlockHeight: latestBlockHash.lastValidBlockHeight,
-          signature,
-        })
-        handleSuccess()
-      } catch (error: unknown) {
-        const err = error as Error
-        dispatch(setError({ errorMessage: err?.message || '' }))
-      }
-    }
-    sendTx()
-  }, [connection, dispatch, handleSuccess, sendTransaction, tx])
-
-  return (
-    <LoadingModal
-      title='Transaction Pending'
-      description='Waiting for confirmation...'
-    >
-      <SolanaViewOnExplorer chainId={chainId} signature={signature} />
-    </LoadingModal>
-  )
-}

package/src/components/SolanaViewOnExplorer.tsx

@@ -1,29 +0,0 @@
-import { Box, Button } from '@mui/material'
-import {
-  getSolanaExplorerUrl,
-  openInNewTab,
-  SolanaChainEnum,
-} from '@huma-finance/shared'
-import React from 'react'
-
-type Props = {
-  chainId: SolanaChainEnum
-  signature: string
-}
-
-export function SolanaViewOnExplorer({
-  chainId,
-  signature,
-}: Props): React.ReactElement | null {
-  const link = getSolanaExplorerUrl(chainId, signature, 'tx')
-
-  if (!link) {
-    return null
-  }
-
-  return (
-    <Button fullWidth variant='outlined' onClick={() => openInNewTab(link)}>
-      <Box component='span'>VIEW ON EXPLORER</Box>
-    </Button>
-  )
-}