@huma-finance/widgets 0.0.8 → 0.0.11

package/src/hooks/useEA.ts

@@ -1,70 +1,72 @@
-import { useWeb3React } from '@web3-react/core'
-import {
-  downScale,
-  EAPayload,
-  EARejectionError,
-  EARejectMessage,
-  EARejectReason,
-  EAService,
-} from '@huma-finance/shared'
-import { useCallback } from 'react'
-
-import { setApproveInfo, setError, setStep } from '../store/widgets.reducers'
-import { WIDGET_STEP } from '../store/widgets.store'
-import { useAppDispatch } from './useRedux'
-import { envUtil } from '../utils/env'
-
-const useEA = () => {
-  const dispatch = useAppDispatch()
-  const { chainId } = useWeb3React()
-
-  const checkingEA = useCallback(
-    async (
-      payload: EAPayload,
-      nextStep: WIDGET_STEP,
-      addToAllowList = false,
-    ) => {
-      try {
-        const result = await EAService.approve(
-          payload,
-          chainId!,
-          envUtil.checkIsDev(),
-        )
-        result.creditLimit = downScale<number>(
-          result.creditLimit,
-          result.tokenDecimal,
-        )
-        result.receivableAmount = downScale<number>(
-          result.receivableAmount,
-          result.tokenDecimal,
-        )
-        dispatch(setApproveInfo({ ...result, nextStep }))
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      } catch (e: any) {
-        if (e instanceof EARejectionError) {
-          if (addToAllowList) {
-            dispatch(setStep(WIDGET_STEP.AddToAllowList))
-          } else {
-            dispatch(
-              setError({
-                errorMessage: EARejectMessage,
-                errorReason: EARejectReason,
-              }),
-            )
-          }
-        } else {
-          dispatch(
-            setError({
-              errorMessage: e.message,
-            }),
-          )
-        }
-      }
-    },
-    [chainId, dispatch],
-  )
-
-  return { checkingEA }
-}
-
-export default useEA
+import { useWeb3React } from '@web3-react/core'
+import {
+  downScale,
+  EAPayload,
+  EARejectionError,
+  EARejectMessage,
+  EARejectReason,
+  EAService,
+} from '@huma-finance/shared'
+import { useCallback } from 'react'
+
+import { setApproval, setError, setStep } from '../store/widgets.reducers'
+import { WIDGET_STEP } from '../store/widgets.store'
+import { useAppDispatch } from './useRedux'
+import { envUtil } from '../utils/env'
+
+const useEA = () => {
+  const dispatch = useAppDispatch()
+  const { chainId } = useWeb3React()
+
+  const checkingEA = useCallback(
+    async (
+      payload: EAPayload,
+      nextStep: WIDGET_STEP,
+      addToAllowList = false,
+    ) => {
+      try {
+        const result = await EAService.approve(
+          payload,
+          chainId!,
+          envUtil.checkIsDev(),
+        )
+        result.terms.creditLimit = downScale<number>(
+          result.terms.creditLimit,
+          result.token.decimal,
+        )
+        if (result.receivable) {
+          result.receivable.amount = downScale<number>(
+            result.receivable.amount,
+            result.token.decimal,
+          )
+        }
+        dispatch(setApproval({ ...result, nextStep }))
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      } catch (e: any) {
+        if (e instanceof EARejectionError) {
+          if (addToAllowList) {
+            dispatch(setStep(WIDGET_STEP.AddToAllowList))
+          } else {
+            dispatch(
+              setError({
+                errorMessage: EARejectMessage,
+                errorReason: EARejectReason,
+              }),
+            )
+          }
+        } else {
+          dispatch(
+            setError({
+              errorMessage: e.message,
+            }),
+          )
+        }
+      }
+    },
+    [chainId, dispatch],
+  )
+
+  return { checkingEA }
+}
+
+export default useEA

package/src/index.tsx

@@ -1,219 +1,219 @@
-import './index.css'
-
-import { JsonRpcProvider } from '@ethersproject/providers'
-import { ThemeProvider } from '@mui/material'
-import { Provider as Eip1193Provider } from '@web3-react/types'
-import {
-  Provider as Web3Provider,
-  ProviderProps as Web3Props,
-} from '@huma-finance/shared'
-import { Provider as AtomProvider } from 'jotai'
-import { Provider as ReduxProvider } from 'react-redux'
-
-import {
-  CreditLineBorrow,
-  CreditLineBorrowProps,
-} from './components/CreditLine/borrow'
-import {
-  CreditLinePayment,
-  CreditLinePaymentProps,
-} from './components/CreditLine/payment'
-import {
-  InvoiceFactoringBorrow,
-  InvoiceFactoringBorrowProps,
-} from './components/InvoiceFactoring/borrow'
-import {
-  InvoiceFactoringPayment,
-  InvoiceFactoringPaymentProps,
-} from './components/InvoiceFactoring/payment'
-import { LendSupply, LendSupplyProps } from './components/Lend/supply'
-import { LendWithdraw, LendWithdrawProps } from './components/Lend/withdraw'
-import { SuperfluidFactoring } from './components/SuperfluidFactoring'
-import { store } from './store'
-import { themeHuma } from './theme'
-import { WCProps } from './utilTypes'
-
-/**
- * Mapping of your JSON-RPC connections indexed by chainId
- * @typedef {Object} JsonRpcConnectionMap
- * @property {Object.<number, string|Array<string>|JsonRpcProvider|Array<JsonRpcProvider>>} chainId Chain id to map the JSON-RPC URL/URLs or JsonRpcProvider/JsonRpcProviders
- */
-type JsonRpcConnectionMap = {
-  [chainId: number]: string | string[] | JsonRpcProvider | JsonRpcProvider[]
-}
-
-/**
- * Object representing the props passed to web3 provider
- * @typedef {Object} WidgetProps
- * @property {JsonRpcConnectionMap|undefined} jsonRpcUrlMap Optional mapping of your JSON-RPC connections indexed by chainId
- * @property {Eip1193Provider|JsonRpcProvider|null|undefined} provider Optional EIP-1193 provider or JsonRpc Provider
- */
-type WidgetProps = {
-  jsonRpcUrlMap?: JsonRpcConnectionMap
-  provider?: Eip1193Provider | JsonRpcProvider | null
-}
-
-function Widget(props: WCProps<WidgetProps>) {
-  const { children } = props
-  return (
-    <ThemeProvider theme={themeHuma}>
-      <ReduxProvider store={store}>
-        <Web3Provider {...(props as Web3Props)}>
-          <AtomProvider>{children}</AtomProvider>
-        </Web3Provider>
-      </ReduxProvider>
-    </ThemeProvider>
-  )
-}
-
-/**
- * Invoice factoring pool borrow widget props
- * @typedef {Object} InvoiceFactoringBorrowWidgetProps
- * @property {InvoiceFactoringBorrowProps} InvoiceFactoringBorrowProps - Invoice factoring pool borrow props.
- * @property {WidgetProps} WidgetProps - Widget general props.
- */
-type InvoiceFactoringBorrowWidgetProps = InvoiceFactoringBorrowProps &
-  WidgetProps
-
-/**
- * Invoice factoring borrow widget
- *
- * @param {InvoiceFactoringBorrowWidgetProps} props - The invoice factoring pool borrow widget props.
- * @returns Invoice factoring pool borrow widget component
- */
-export function InvoiceFactoringBorrowWidget(
-  props: InvoiceFactoringBorrowWidgetProps,
-) {
-  return (
-    <Widget {...props}>
-      <InvoiceFactoringBorrow {...props} />
-    </Widget>
-  )
-}
-
-/**
- * Invoice factoring pool payment widget props
- * @typedef {Object} InvoiceFactoringPaymentWidgetProps
- * @property {InvoiceFactoringPaymentProps} InvoiceFactoringPaymentProps - Invoice factoring pool payment props.
- * @property {WidgetProps} WidgetProps - Widget general props.
- */
-type InvoiceFactoringPaymentWidgetProps = InvoiceFactoringPaymentProps &
-  WidgetProps
-
-/**
- * Invoice factoring payment widget
- *
- * @param {InvoiceFactoringPaymentWidgetProps} props - The invoice factoring pool payment widget props.
- * @returns Invoice factoring pool payment widget component
- */
-export function InvoiceFactoringPaymentWidget(
-  props: InvoiceFactoringPaymentWidgetProps,
-) {
-  return (
-    <Widget {...props}>
-      <InvoiceFactoringPayment {...props} />
-    </Widget>
-  )
-}
-
-/**
- * Credit line pool borrow widget props
- * @typedef {Object} CreditLineBorrowWidgetProps
- * @property {CreditLineBorrowProps} CreditLineBorrowProps - Credit line pool borrow props.
- * @property {WidgetProps} WidgetProps - Widget general props.
- */
-type CreditLineBorrowWidgetProps = CreditLineBorrowProps & WidgetProps
-
-/**
- * Credit line borrow widget
- *
- * @param {CreditLineBorrowWidgetProps} props - The credit line pool borrow widget props.
- * @returns Credit line pool borrow widget component
- */
-export function CreditLineBorrowWidget(props: CreditLineBorrowWidgetProps) {
-  return (
-    <Widget {...props}>
-      <CreditLineBorrow {...props} />
-    </Widget>
-  )
-}
-
-/**
- * Credit line pool payment widget props
- * @typedef {Object} CreditLinePaymentWidgetProps
- * @property {CreditLinePaymentProps} CreditLinePaymentProps - Credit line pool payment props.
- * @property {WidgetProps} WidgetProps - Widget general props.
- */
-type CreditLinePaymentWidgetProps = CreditLinePaymentProps & WidgetProps
-
-/**
- * Credit line payment widget
- *
- * @param {CreditLinePaymentWidgetProps} props - The credit line pool payment widget props.
- * @returns Credit line pool payment widget component
- */
-export function CreditLinePaymentWidget(props: CreditLinePaymentWidgetProps) {
-  return (
-    <Widget {...props}>
-      <CreditLinePayment {...props} />
-    </Widget>
-  )
-}
-
-/**
- * Lend pool supply widget props
- * @typedef {Object} LendSupplyWidgetProps
- * @property {LendSupplyProps} LendSupplyProps - Lend pool supply props.
- * @property {WidgetProps} WidgetProps - Widget general props.
- */
-type LendSupplyWidgetProps = LendSupplyProps & WidgetProps
-
-/**
- * Lend supply widget
- *
- * @param {LendSupplyWidgetProps} props - The lend pool supply widget props.
- * @returns Lend pool supply widget component
- */
-export function LendSupplyWidget(props: LendSupplyWidgetProps) {
-  return (
-    <Widget {...props}>
-      <LendSupply {...props} />
-    </Widget>
-  )
-}
-
-/**
- * Lend pool withdraw widget props
- * @typedef {Object} LendWithdrawWidgetProps
- * @property {LendWithdrawProps} LendWithdrawProps - Lend pool withdraw props.
- * @property {WidgetProps} WidgetProps - Widget general props.
- */
-type LendWithdrawWidgetProps = LendWithdrawProps & WidgetProps
-
-/**
- * Lend withdraw widget
- *
- * @param {LendWithdrawProps & WidgetProps} props The lend pool withdraw widget props
- * @returns Lend pool withdraw widget component
- */
-export function LendWithdrawWidget(props: LendWithdrawWidgetProps) {
-  return (
-    <Widget {...props}>
-      <LendWithdraw {...props} />
-    </Widget>
-  )
-}
-
-/**
- * Superfluid factoring widget
- *
- * @param {WidgetProps} props - The superfluid factoring widget props.
- * @returns Superfluid factoring widget component
- */
-export function SuperfluidFactoringWidget(props: WidgetProps) {
-  return (
-    <Widget {...props}>
-      <SuperfluidFactoring />
-    </Widget>
-  )
-}
+import './index.css'
+
+import { JsonRpcProvider } from '@ethersproject/providers'
+import {
+  Provider as Web3Provider,
+  ProviderProps as Web3Props,
+} from '@huma-finance/shared'
+import { ThemeProvider } from '@mui/material'
+import { Provider as Eip1193Provider } from '@web3-react/types'
+import { Provider as AtomProvider } from 'jotai'
+import { Provider as ReduxProvider } from 'react-redux'
+
+import {
+  CreditLineBorrow,
+  CreditLineBorrowProps,
+} from './components/CreditLine/borrow'
+import {
+  CreditLinePayment,
+  CreditLinePaymentProps,
+} from './components/CreditLine/payment'
+import {
+  InvoiceFactoringBorrow,
+  InvoiceFactoringBorrowProps,
+} from './components/InvoiceFactoring/borrow'
+import {
+  InvoiceFactoringPayment,
+  InvoiceFactoringPaymentProps,
+} from './components/InvoiceFactoring/payment'
+import { LendSupply, LendSupplyProps } from './components/Lend/supply'
+import { LendWithdraw, LendWithdrawProps } from './components/Lend/withdraw'
+import { SuperfluidFactoring } from './components/SuperfluidFactoring'
+import { store } from './store'
+import { themeHuma } from './theme'
+import { WCProps } from './utilTypes'
+
+/**
+ * Mapping of your JSON-RPC connections indexed by chainId
+ * @typedef {Object} JsonRpcConnectionMap
+ * @property {Object.<number, string|Array<string>|JsonRpcProvider|Array<JsonRpcProvider>>} chainId Chain id to map the JSON-RPC URL/URLs or JsonRpcProvider/JsonRpcProviders
+ */
+type JsonRpcConnectionMap = {
+  [chainId: number]: string | string[] | JsonRpcProvider | JsonRpcProvider[]
+}
+
+/**
+ * Object representing the props passed to web3 provider
+ * @typedef {Object} WidgetProps
+ * @property {JsonRpcConnectionMap|undefined} jsonRpcUrlMap Optional mapping of your JSON-RPC connections indexed by chainId
+ * @property {Eip1193Provider|JsonRpcProvider|null|undefined} provider Optional EIP-1193 provider or JsonRpc Provider
+ */
+type WidgetProps = {
+  jsonRpcUrlMap?: JsonRpcConnectionMap
+  provider?: Eip1193Provider | JsonRpcProvider | null
+}
+
+function Widget(props: WCProps<WidgetProps>) {
+  const { children } = props
+  return (
+    <ThemeProvider theme={themeHuma}>
+      <ReduxProvider store={store}>
+        <Web3Provider {...(props as Web3Props)}>
+          <AtomProvider>{children}</AtomProvider>
+        </Web3Provider>
+      </ReduxProvider>
+    </ThemeProvider>
+  )
+}
+
+/**
+ * Invoice factoring pool borrow widget props
+ * @typedef {Object} InvoiceFactoringBorrowWidgetProps
+ * @property {InvoiceFactoringBorrowProps} InvoiceFactoringBorrowProps - Invoice factoring pool borrow props.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type InvoiceFactoringBorrowWidgetProps = InvoiceFactoringBorrowProps &
+  WidgetProps
+
+/**
+ * Invoice factoring borrow widget
+ *
+ * @param {InvoiceFactoringBorrowWidgetProps} props - The invoice factoring pool borrow widget props.
+ * @returns Invoice factoring pool borrow widget component
+ */
+export function InvoiceFactoringBorrowWidget(
+  props: InvoiceFactoringBorrowWidgetProps,
+) {
+  return (
+    <Widget {...props}>
+      <InvoiceFactoringBorrow {...props} />
+    </Widget>
+  )
+}
+
+/**
+ * Invoice factoring pool payment widget props
+ * @typedef {Object} InvoiceFactoringPaymentWidgetProps
+ * @property {InvoiceFactoringPaymentProps} InvoiceFactoringPaymentProps - Invoice factoring pool payment props.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type InvoiceFactoringPaymentWidgetProps = InvoiceFactoringPaymentProps &
+  WidgetProps
+
+/**
+ * Invoice factoring payment widget
+ *
+ * @param {InvoiceFactoringPaymentWidgetProps} props - The invoice factoring pool payment widget props.
+ * @returns Invoice factoring pool payment widget component
+ */
+export function InvoiceFactoringPaymentWidget(
+  props: InvoiceFactoringPaymentWidgetProps,
+) {
+  return (
+    <Widget {...props}>
+      <InvoiceFactoringPayment {...props} />
+    </Widget>
+  )
+}
+
+/**
+ * Credit line pool borrow widget props
+ * @typedef {Object} CreditLineBorrowWidgetProps
+ * @property {CreditLineBorrowProps} CreditLineBorrowProps - Credit line pool borrow props.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type CreditLineBorrowWidgetProps = CreditLineBorrowProps & WidgetProps
+
+/**
+ * Credit line borrow widget
+ *
+ * @param {CreditLineBorrowWidgetProps} props - The credit line pool borrow widget props.
+ * @returns Credit line pool borrow widget component
+ */
+export function CreditLineBorrowWidget(props: CreditLineBorrowWidgetProps) {
+  return (
+    <Widget {...props}>
+      <CreditLineBorrow {...props} />
+    </Widget>
+  )
+}
+
+/**
+ * Credit line pool payment widget props
+ * @typedef {Object} CreditLinePaymentWidgetProps
+ * @property {CreditLinePaymentProps} CreditLinePaymentProps - Credit line pool payment props.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type CreditLinePaymentWidgetProps = CreditLinePaymentProps & WidgetProps
+
+/**
+ * Credit line payment widget
+ *
+ * @param {CreditLinePaymentWidgetProps} props - The credit line pool payment widget props.
+ * @returns Credit line pool payment widget component
+ */
+export function CreditLinePaymentWidget(props: CreditLinePaymentWidgetProps) {
+  return (
+    <Widget {...props}>
+      <CreditLinePayment {...props} />
+    </Widget>
+  )
+}
+
+/**
+ * Lend pool supply widget props
+ * @typedef {Object} LendSupplyWidgetProps
+ * @property {LendSupplyProps} LendSupplyProps - Lend pool supply props.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type LendSupplyWidgetProps = LendSupplyProps & WidgetProps
+
+/**
+ * Lend supply widget
+ *
+ * @param {LendSupplyWidgetProps} props - The lend pool supply widget props.
+ * @returns Lend pool supply widget component
+ */
+export function LendSupplyWidget(props: LendSupplyWidgetProps) {
+  return (
+    <Widget {...props}>
+      <LendSupply {...props} />
+    </Widget>
+  )
+}
+
+/**
+ * Lend pool withdraw widget props
+ * @typedef {Object} LendWithdrawWidgetProps
+ * @property {LendWithdrawProps} LendWithdrawProps - Lend pool withdraw props.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type LendWithdrawWidgetProps = LendWithdrawProps & WidgetProps
+
+/**
+ * Lend withdraw widget
+ *
+ * @param {LendWithdrawProps & WidgetProps} props The lend pool withdraw widget props
+ * @returns Lend pool withdraw widget component
+ */
+export function LendWithdrawWidget(props: LendWithdrawWidgetProps) {
+  return (
+    <Widget {...props}>
+      <LendWithdraw {...props} />
+    </Widget>
+  )
+}
+
+/**
+ * Superfluid factoring widget
+ *
+ * @param {WidgetProps} props - The superfluid factoring widget props.
+ * @returns Superfluid factoring widget component
+ */
+export function SuperfluidFactoringWidget(props: WidgetProps) {
+  return (
+    <Widget {...props}>
+      <SuperfluidFactoring />
+    </Widget>
+  )
+}