@huma-finance/widgets 0.0.48-beta.202 → 0.0.48-beta.280

package/src/index.tsx

@@ -8,22 +8,38 @@ import {
 import { ThemeProvider } from '@mui/material'
 import { Provider as Eip1193Provider } from '@web3-react/types'
 import { Provider as AtomProvider } from 'jotai'
+import { useEffect, useState } from 'react'
 import { Provider as ReduxProvider } from 'react-redux'
 
-import { useEffect, useState } from 'react'
 import { ChainSupportProvider } from './components/ChainSupportProvider'
 import {
   CreditLineApprove,
   CreditLineApproveProps,
 } from './components/CreditLine/approve'
+import {
+  AutoPaybackPropsV2,
+  AutoPaybackV2,
+} from './components/CreditLine/autoPaybackV2'
 import {
   CreditLineBorrow,
   CreditLineBorrowProps,
 } from './components/CreditLine/borrow'
+import {
+  CreditLineBorrowPropsV2,
+  CreditLineBorrowV2,
+} from './components/CreditLine/borrowV2'
 import {
   CreditLinePayment,
   CreditLinePaymentProps,
 } from './components/CreditLine/payment'
+import {
+  CreditLinePaymentPropsV2,
+  CreditLinePaymentV2,
+} from './components/CreditLine/paymentV2'
+import {
+  SupplyFirstLossCover,
+  SupplyFirstLossCoverProps,
+} from './components/CreditLine/supplyFLC'
 import {
   InvoiceFactoringBorrow,
   InvoiceFactoringBorrowProps,
@@ -32,12 +48,26 @@ import {
   InvoiceFactoringPayment,
   InvoiceFactoringPaymentProps,
 } from './components/InvoiceFactoring/payment'
+import { LendRedeemPropsV2, LendRedeemV2 } from './components/Lend/redeemV2'
 import { LendSupply, LendSupplyProps } from './components/Lend/supply'
+import { LendSupplyPropsV2, LendSupplyV2 } from './components/Lend/supplyV2'
 import { LendWithdraw, LendWithdrawProps } from './components/Lend/withdraw'
+import {
+  LendWithdrawPropsV2,
+  LendWithdrawV2,
+} from './components/Lend/withdrawV2'
+import {
+  ReceivableBackedCreditLineBorrowPropsV2,
+  ReceivableBackedCreditLineBorrowV2,
+} from './components/ReceivableBackedCreditLine/borrow'
 import { SuperfluidFactoring } from './components/SuperfluidFactoring'
 import { store } from './store'
 import { themeHuma } from './theme'
 import { WCProps } from './utilTypes'
+import {
+  ReceivableBackedCreditLinePaymentPropsV2,
+  ReceivableBackedCreditLinePaymentV2,
+} from './components/ReceivableBackedCreditLine/payment'
 
 /**
  * Mapping of your JSON-RPC connections indexed by chainId
@@ -161,6 +191,28 @@ export function CreditLineBorrowWidget(props: CreditLineBorrowWidgetProps) {
   )
 }
 
+/**
+ * Credit line pool borrow widget props V2
+ * @typedef {Object} CreditLineBorrowWidgetPropsV2
+ * @property {CreditLineBorrowPropsV2} CreditLineBorrowPropsV2 - Credit line pool borrow props V2.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type CreditLineBorrowWidgetPropsV2 = CreditLineBorrowPropsV2 & WidgetProps
+
+/**
+ * Credit line borrow widget V2
+ *
+ * @param {CreditLineBorrowWidgetPropsV2} props - The credit line pool borrow widget props V2.
+ * @returns Credit line pool borrow widget component V2
+ */
+export function CreditLineBorrowWidgetV2(props: CreditLineBorrowWidgetPropsV2) {
+  return (
+    <Widget {...props}>
+      <CreditLineBorrowV2 {...props} />
+    </Widget>
+  )
+}
+
 /**
  * Credit line pool payment widget props
  * @typedef {Object} CreditLinePaymentWidgetProps
@@ -183,6 +235,30 @@ export function CreditLinePaymentWidget(props: CreditLinePaymentWidgetProps) {
   )
 }
 
+/**
+ * Credit line pool payment widget props V2
+ * @typedef {Object} CreditLinePaymentWidgetPropsV2
+ * @property {CreditLinePaymentPropsV2} CreditLinePaymentPropsV2 - Credit line pool payment props V2.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type CreditLinePaymentWidgetPropsV2 = CreditLinePaymentPropsV2 & WidgetProps
+
+/**
+ * Credit line payment widget V2
+ *
+ * @param {CreditLinePaymentWidgetPropsV2} props - The credit line pool payment widget props V2.
+ * @returns Credit line pool payment widget component V2
+ */
+export function CreditLinePaymentWidgetV2(
+  props: CreditLinePaymentWidgetPropsV2,
+) {
+  return (
+    <Widget {...props}>
+      <CreditLinePaymentV2 {...props} />
+    </Widget>
+  )
+}
+
 /**
  * Credit line allowance approval widget props
  * @typedef {Object} CreditLinePaymentWidgetProps
@@ -228,6 +304,28 @@ export function LendSupplyWidget(props: LendSupplyWidgetProps) {
   )
 }
 
+/**
+ * Lend pool supply widget props V2
+ * @typedef {Object} LendSupplyWidgetPropsV2
+ * @property {LendSupplyPropsV2} LendSupplyPropsV2 - Lend pool supply props V2.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type LendSupplyWidgetPropsV2 = LendSupplyPropsV2 & WidgetProps
+
+/**
+ * Lend supply widget V2
+ *
+ * @param {LendSupplyWidgetPropsV2} props - The lend pool supply widget props V2.
+ * @returns Lend pool supply widget component V2
+ */
+export function LendSupplyWidgetV2(props: LendSupplyWidgetPropsV2) {
+  return (
+    <Widget {...props}>
+      <LendSupplyV2 {...props} />
+    </Widget>
+  )
+}
+
 /**
  * Lend pool withdraw widget props
  * @typedef {Object} LendWithdrawWidgetProps
@@ -250,6 +348,74 @@ export function LendWithdrawWidget(props: LendWithdrawWidgetProps) {
   )
 }
 
+/**
+ * Lend pool supply widget props V2
+ * @typedef {Object} LendSupplyWidgetPropsV2
+ * @property {LendWithdrawPropsV2} LendSupplyPropsV2 - Lend pool supply props V2.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type LendWithdrawWidgetPropsV2 = LendWithdrawPropsV2 & WidgetProps
+
+/**
+ * Lend withdraw widget V2
+ *
+ * @param {LendWithdrawWidgetPropsV2} props - The lend pool supply widget props V2.
+ * @returns Lend pool supply widget component V2
+ */
+export function LendWithdrawWidgetV2(props: LendWithdrawWidgetPropsV2) {
+  return (
+    <Widget {...props}>
+      <LendWithdrawV2 {...props} />
+    </Widget>
+  )
+}
+
+/**
+ * Lend pool redeem widget props V2
+ * @typedef {Object} LendRedeemWidgetPropsV2
+ * @property {LendRedeemPropsV2} LendRedeemPropsV2 - Lend pool redeem props V2.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type LendRedeemWidgetPropsV2 = LendRedeemPropsV2 & WidgetProps
+
+/**
+ * Lend redeem widget V2
+ *
+ * @param {LendRedeemWidgetPropsV2} props - The lend pool redeem widget props V2.
+ * @returns Lend pool redeem widget component V2
+ */
+export function LendRedeemWidgetV2(props: LendRedeemWidgetPropsV2) {
+  return (
+    <Widget {...props}>
+      <LendRedeemV2 {...props} />
+    </Widget>
+  )
+}
+
+/**
+ * Supply first loss cover widget props
+ * @typedef {Object} SupplyFirstLossCoverWidgetProps
+ * @property {SupplyFirstLossCover} SupplyFirstLossCover - Supply first loss cover props.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type SupplyFirstLossCoverWidgetProps = SupplyFirstLossCoverProps & WidgetProps
+
+/**
+ * Supply first loss cover widget
+ *
+ * @param {SupplyFirstLossCoverWidgetProps} props - The supply first loss cover widget props.
+ * @returns Supply first loss cover widget component
+ */
+export function SupplyFirstLossCoverWidget(
+  props: SupplyFirstLossCoverWidgetProps,
+) {
+  return (
+    <Widget {...props}>
+      <SupplyFirstLossCover {...props} />
+    </Widget>
+  )
+}
+
 /**
  * Superfluid factoring widget
  *
@@ -263,3 +429,75 @@ export function SuperfluidFactoringWidget(props: WidgetProps) {
     </Widget>
   )
 }
+
+/**
+ * Auto payback widget props V2
+ * @typedef {Object} AutoPaybackWidgetPropsV2
+ * @property {AutoPayback} AutoPayback - Auto payback props V2.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type AutoPaybackWidgetPropsV2 = AutoPaybackPropsV2 & WidgetProps
+
+/**
+ * Supply first loss cover widget
+ *
+ * @param {SupplyFirstLossCoverWidgetProps} props - The supply first loss cover widget props.
+ * @returns Supply first loss cover widget component
+ */
+export function AutoPaybackWidgetV2(props: AutoPaybackWidgetPropsV2) {
+  return (
+    <Widget {...props}>
+      <AutoPaybackV2 {...props} />
+    </Widget>
+  )
+}
+
+/**
+ * Receivable backed credit line pool borrow widget props V2
+ * @typedef {Object} ReceivableBackedCreditLineBorrowWidgetPropsV2
+ * @property {ReceivableBackedCreditLineBorrowPropsV2} ReceivableBackedCreditLineBorrowPropsV2 - Receivable backed credit line pool borrow props V2.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type ReceivableBackedCreditLineBorrowWidgetPropsV2 =
+  ReceivableBackedCreditLineBorrowPropsV2 & WidgetProps
+
+/**
+ * Receivable backed credit line borrow widget V2
+ *
+ * @param {ReceivableBackedCreditLineBorrowWidgetPropsV2} props - The receivable backed credit line pool borrow widget props V2.
+ * @returns Receivable backed credit line pool borrow widget component V2
+ */
+export function ReceivableBackedCreditLineBorrowWidgetV2(
+  props: ReceivableBackedCreditLineBorrowWidgetPropsV2,
+) {
+  return (
+    <Widget {...props}>
+      <ReceivableBackedCreditLineBorrowV2 {...props} />
+    </Widget>
+  )
+}
+
+/**
+ * Receivable backed credit line pool payment widget props V2
+ * @typedef {Object} ReceivableBackedCreditLinePaymentWidgetPropsV2
+ * @property {ReceivableBackedCreditLinePaymentPropsV2} ReceivableBackedCreditLinePaymentPropsV2 - Receivable backed credit line pool payment props V2.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type ReceivableBackedCreditLinePaymentWidgetPropsV2 =
+  ReceivableBackedCreditLinePaymentPropsV2 & WidgetProps
+
+/**
+ * Receivable backed credit line payment widget V2
+ *
+ * @param {ReceivableBackedCreditLinePaymentWidgetPropsV2} props - The receivable backed credit line pool payment widget props V2.
+ * @returns Receivable backed credit line pool payment widget component V2
+ */
+export function ReceivableBackedCreditLinePaymentWidgetV2(
+  props: ReceivableBackedCreditLinePaymentWidgetPropsV2,
+) {
+  return (
+    <Widget {...props}>
+      <ReceivableBackedCreditLinePaymentV2 {...props} />
+    </Widget>
+  )
+}

package/src/store/widgets.reducers.ts

@@ -29,6 +29,9 @@ export const widgetSlice = createSlice({
       state.multisend = undefined
       state.supplyAmount = undefined
       state.withdrawAmount = undefined
+      state.withdrawShares = undefined
+      state.redeemAmount = undefined
+      state.redeemShares = undefined
     },
     setStep: (state, { payload }: PayloadAction<WIDGET_STEP>) => {
       state.step = payload
@@ -83,6 +86,15 @@ export const widgetSlice = createSlice({
     setWithdrawAmount: (state, { payload }: PayloadAction<number>) => {
       state.withdrawAmount = payload
     },
+    setWithdrawShares: (state, { payload }: PayloadAction<number>) => {
+      state.withdrawShares = payload
+    },
+    setRedeemAmount: (state, { payload }: PayloadAction<number>) => {
+      state.redeemAmount = payload
+    },
+    setRedeemShares: (state, { payload }: PayloadAction<number>) => {
+      state.redeemShares = payload
+    },
     setStream: (state, { payload }: PayloadAction<WidgetStream>) => {
       const stream = state.stream ?? {}
       state.stream = { ...stream, ...payload }
@@ -116,6 +128,9 @@ export const {
   setMultisend,
   setSupplyAmount,
   setWithdrawAmount,
+  setWithdrawShares,
+  setRedeemAmount,
+  setRedeemShares,
 } = widgetSlice.actions
 
 export default widgetSlice.reducer

package/src/store/widgets.store.ts

@@ -7,7 +7,10 @@ export enum WIDGET_TYPE {
 
 export enum WIDGET_STEP {
   SignIn = 'SignIn',
+  ChooseTranche = 'ChooseTranche',
+  ChoosePaymentType = 'ChoosePaymentType',
   Evaluation = 'Evaluation',
+  FirstLossCover = 'FirstLossCover',
   ChooseAmount = 'ChooseAmount',
   Permit = 'Permit',
   ApproveAllowance = 'ApproveAllowance',
@@ -46,6 +49,9 @@ export type WidgetState = {
   remainDueAmount?: number
   supplyAmount?: number
   withdrawAmount?: number
+  withdrawShares?: number
+  redeemAmount?: number
+  redeemShares?: number
   errorMessage?: string
   errorReason?: string
   tokenId?: string