@huma-finance/widgets 0.0.8 → 0.0.11

package/src/store/widgets.reducers.ts

@@ -1,120 +1,120 @@
-import { createSlice, PayloadAction } from '@reduxjs/toolkit'
-import { ApproveInfo } from '@huma-finance/shared'
-
-import {
-  initialWidgetState,
-  MultisendPayload,
-  WIDGET_STEP,
-  WidgetStream,
-} from './widgets.store'
-
-export const widgetSlice = createSlice({
-  name: 'widget',
-  initialState: initialWidgetState,
-  reducers: {
-    resetState: (state) => {
-      state.errorReason = ''
-      state.errorMessage = ''
-      state.step = undefined
-      state.approveInfo = undefined
-      state.borrowAmount = undefined
-      state.borrowAmountBN = undefined
-      state.chargedFees = undefined
-      state.borrowAmountNet = undefined
-      state.remainder = undefined
-      state.tokenId = undefined
-      state.paymentAmount = undefined
-      state.remainDueAmount = undefined
-      state.stream = undefined
-      state.multisend = undefined
-      state.supplyAmount = undefined
-      state.withdrawAmount = undefined
-    },
-    setStep: (state, { payload }: PayloadAction<WIDGET_STEP>) => {
-      state.step = payload
-    },
-    setApproveInfo: (
-      state,
-      { payload }: PayloadAction<ApproveInfo & { nextStep: WIDGET_STEP }>,
-    ) => {
-      state.approveInfo = payload
-      if (Number(payload.creditLimit) > 0) {
-        state.step = payload.nextStep
-      } else {
-        state.errorMessage =
-          'Sorry, there was an error with your transaction. Please try submitting again.'
-        state.step = WIDGET_STEP.Error
-      }
-    },
-    setBorrowInfo: (
-      state,
-      {
-        payload,
-      }: PayloadAction<{
-        borrowAmount: number
-        borrowAmountBN: string
-        chargedFees: number
-        nextStep: WIDGET_STEP
-        remainder?: number
-      }>,
-    ) => {
-      state.borrowAmount = payload.borrowAmount
-      state.borrowAmountBN = payload.borrowAmountBN
-      state.remainder = payload.remainder
-      state.chargedFees = payload.chargedFees
-      state.borrowAmountNet = payload.borrowAmount - payload.chargedFees
-      state.step = payload.nextStep
-    },
-    setTokenId: (state, { payload }: PayloadAction<string>) => {
-      state.tokenId = payload
-    },
-    setPaymentAmount: (
-      state,
-      {
-        payload,
-      }: PayloadAction<{ paymentAmount: number; remainDueAmount?: number }>,
-    ) => {
-      state.paymentAmount = payload.paymentAmount
-      state.remainDueAmount = payload.remainDueAmount
-    },
-    setSupplyAmount: (state, { payload }: PayloadAction<number>) => {
-      state.supplyAmount = payload
-    },
-    setWithdrawAmount: (state, { payload }: PayloadAction<number>) => {
-      state.withdrawAmount = payload
-    },
-    setStream: (state, { payload }: PayloadAction<WidgetStream>) => {
-      const stream = state.stream ?? {}
-      state.stream = { ...stream, ...payload }
-    },
-    setMultisend: (state, { payload }: PayloadAction<MultisendPayload>) => {
-      state.multisend = payload
-    },
-    setError: (
-      state,
-      {
-        payload,
-      }: PayloadAction<{ errorMessage: string; errorReason?: string }>,
-    ) => {
-      state.errorMessage = payload.errorMessage
-      state.errorReason = payload.errorReason
-      state.step = WIDGET_STEP.Error
-    },
-  },
-})
-
-export const {
-  resetState,
-  setStep,
-  setApproveInfo,
-  setBorrowInfo,
-  setError,
-  setTokenId,
-  setPaymentAmount,
-  setStream,
-  setMultisend,
-  setSupplyAmount,
-  setWithdrawAmount,
-} = widgetSlice.actions
-
-export default widgetSlice.reducer
+import { createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { Approval } from '@huma-finance/shared'
+
+import {
+  initialWidgetState,
+  MultisendPayload,
+  WIDGET_STEP,
+  WidgetStream,
+} from './widgets.store'
+
+export const widgetSlice = createSlice({
+  name: 'widget',
+  initialState: initialWidgetState,
+  reducers: {
+    resetState: (state) => {
+      state.errorReason = ''
+      state.errorMessage = ''
+      state.step = undefined
+      state.approval = undefined
+      state.borrowAmount = undefined
+      state.borrowAmountBN = undefined
+      state.chargedFees = undefined
+      state.borrowAmountNet = undefined
+      state.remainder = undefined
+      state.tokenId = undefined
+      state.paymentAmount = undefined
+      state.remainDueAmount = undefined
+      state.stream = undefined
+      state.multisend = undefined
+      state.supplyAmount = undefined
+      state.withdrawAmount = undefined
+    },
+    setStep: (state, { payload }: PayloadAction<WIDGET_STEP>) => {
+      state.step = payload
+    },
+    setApproval: (
+      state,
+      { payload }: PayloadAction<Approval & { nextStep: WIDGET_STEP }>,
+    ) => {
+      state.approval = payload
+      if (Number(payload.terms.creditLimit) > 0) {
+        state.step = payload.nextStep
+      } else {
+        state.errorMessage =
+          'Sorry, there was an error with your transaction. Please try submitting again.'
+        state.step = WIDGET_STEP.Error
+      }
+    },
+    setBorrowInfo: (
+      state,
+      {
+        payload,
+      }: PayloadAction<{
+        borrowAmount: number
+        borrowAmountBN: string
+        chargedFees: number
+        nextStep: WIDGET_STEP
+        remainder?: number
+      }>,
+    ) => {
+      state.borrowAmount = payload.borrowAmount
+      state.borrowAmountBN = payload.borrowAmountBN
+      state.remainder = payload.remainder
+      state.chargedFees = payload.chargedFees
+      state.borrowAmountNet = payload.borrowAmount - payload.chargedFees
+      state.step = payload.nextStep
+    },
+    setTokenId: (state, { payload }: PayloadAction<string>) => {
+      state.tokenId = payload
+    },
+    setPaymentAmount: (
+      state,
+      {
+        payload,
+      }: PayloadAction<{ paymentAmount: number; remainDueAmount?: number }>,
+    ) => {
+      state.paymentAmount = payload.paymentAmount
+      state.remainDueAmount = payload.remainDueAmount
+    },
+    setSupplyAmount: (state, { payload }: PayloadAction<number>) => {
+      state.supplyAmount = payload
+    },
+    setWithdrawAmount: (state, { payload }: PayloadAction<number>) => {
+      state.withdrawAmount = payload
+    },
+    setStream: (state, { payload }: PayloadAction<WidgetStream>) => {
+      const stream = state.stream ?? {}
+      state.stream = { ...stream, ...payload }
+    },
+    setMultisend: (state, { payload }: PayloadAction<MultisendPayload>) => {
+      state.multisend = payload
+    },
+    setError: (
+      state,
+      {
+        payload,
+      }: PayloadAction<{ errorMessage: string; errorReason?: string }>,
+    ) => {
+      state.errorMessage = payload.errorMessage
+      state.errorReason = payload.errorReason
+      state.step = WIDGET_STEP.Error
+    },
+  },
+})
+
+export const {
+  resetState,
+  setStep,
+  setApproval,
+  setBorrowInfo,
+  setError,
+  setTokenId,
+  setPaymentAmount,
+  setStream,
+  setMultisend,
+  setSupplyAmount,
+  setWithdrawAmount,
+} = widgetSlice.actions
+
+export default widgetSlice.reducer

package/src/store/widgets.store.ts

@@ -1,55 +1,55 @@
-import { ApproveInfo } from '@huma-finance/shared'
-
-export enum WIDGET_TYPE {
-  BORROW = 'BORROW',
-  PAYMENT = 'PAYMENT',
-}
-
-export enum WIDGET_STEP {
-  Evaluation = 'Evaluation',
-  AddToAllowList = 'AddToAllowList',
-  ChooseAmount = 'ChooseAmount',
-  Permit = 'Permit',
-  ApproveAllowance = 'ApproveAllowance',
-  MintNFT = 'MintNFT',
-  ConfirmTransfer = 'ConfirmTransfer',
-  ApproveNFT = 'ApproveNFT',
-  Transfer = 'Transfer',
-  CheckWithdrawable = 'CheckWithdrawable',
-  Done = 'Done',
-  Error = 'Error',
-}
-
-export type WidgetStream = Partial<{
-  borrowFlowrate: string
-  durationInSeconds: number
-}>
-
-export type MultisendPayload = {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  addresses: any[]
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  callData: any[]
-}
-
-export type WidgetState = {
-  step?: WIDGET_STEP
-  type?: WIDGET_TYPE
-  approveInfo?: ApproveInfo
-  borrowAmount?: number
-  borrowAmountBN?: string
-  chargedFees?: number
-  borrowAmountNet?: number
-  remainder?: number
-  paymentAmount?: number
-  remainDueAmount?: number
-  supplyAmount?: number
-  withdrawAmount?: number
-  errorMessage?: string
-  errorReason?: string
-  tokenId?: string
-  stream?: WidgetStream
-  multisend?: MultisendPayload
-}
-
-export const initialWidgetState: WidgetState = {}
+import { Approval } from '@huma-finance/shared'
+
+export enum WIDGET_TYPE {
+  BORROW = 'BORROW',
+  PAYMENT = 'PAYMENT',
+}
+
+export enum WIDGET_STEP {
+  Evaluation = 'Evaluation',
+  AddToAllowList = 'AddToAllowList',
+  ChooseAmount = 'ChooseAmount',
+  Permit = 'Permit',
+  ApproveAllowance = 'ApproveAllowance',
+  MintNFT = 'MintNFT',
+  ConfirmTransfer = 'ConfirmTransfer',
+  ApproveNFT = 'ApproveNFT',
+  Transfer = 'Transfer',
+  CheckWithdrawable = 'CheckWithdrawable',
+  Done = 'Done',
+  Error = 'Error',
+}
+
+export type WidgetStream = Partial<{
+  borrowFlowrate: string
+  durationInSeconds: number
+}>
+
+export type MultisendPayload = {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  addresses: any[]
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  callData: any[]
+}
+
+export type WidgetState = {
+  step?: WIDGET_STEP
+  type?: WIDGET_TYPE
+  approval?: Approval
+  borrowAmount?: number
+  borrowAmountBN?: string
+  chargedFees?: number
+  borrowAmountNet?: number
+  remainder?: number
+  paymentAmount?: number
+  remainDueAmount?: number
+  supplyAmount?: number
+  withdrawAmount?: number
+  errorMessage?: string
+  errorReason?: string
+  tokenId?: string
+  stream?: WidgetStream
+  multisend?: MultisendPayload
+}
+
+export const initialWidgetState: WidgetState = {}

package/src/theme/components.ts

@@ -42,7 +42,7 @@ export function components(theme: Theme): ThemeOptions['components'] {
             },
           },
           textTransform: 'none',
-          '&:disabled': {
+          '&.Mui-disabled': {
             border: 'none',
             background: 'rgba(0, 0, 0, 0.12)',
             boxShadow: 'unset',

package/src/theme/hooks/useGetSizes.ts

@@ -4,7 +4,6 @@ type UseGetSizesType = {
   isAboveSm: boolean
   isBelowLgSize: boolean
   isBelowMdSize: boolean
-  isBelowXsSize: boolean
   isLgSize: boolean
   isMediumSize: boolean
   isMobileDisplay: boolean
@@ -17,7 +16,6 @@ export function useGetSizes(theme: Theme): UseGetSizesType {
   const isBelowLgSize = useMediaQuery(theme.breakpoints.down('lg'))
   const isXsSize = useMediaQuery(theme.breakpoints.down('sm'))
   const isAboveSm = useMediaQuery(theme.breakpoints.up('sm'))
-  const isBelowXsSize = useMediaQuery(theme.breakpoints.down('xs'))
   const isBelowMdSize = useMediaQuery(theme.breakpoints.down('md'))
   const isMediumSize = isMobileDisplay && isAboveSm
 
@@ -25,7 +23,6 @@ export function useGetSizes(theme: Theme): UseGetSizesType {
     isAboveSm,
     isBelowLgSize,
     isBelowMdSize,
-    isBelowXsSize,
     isLgSize,
     isMediumSize,
     isMobileDisplay,