@huma-finance/widgets 0.0.37 → 0.0.38-beta.0

package/src/store/widgets.reducers.ts

@@ -1,120 +1,120 @@
-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
+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.selectors.ts

@@ -1,3 +1,3 @@
-import { RootState } from '.'
-
-export const selectWidgetState = (state: RootState) => state.widget
+import { RootState } from '.'
+
+export const selectWidgetState = (state: RootState) => state.widget

package/src/store/widgets.store.ts

@@ -1,55 +1,55 @@
-import { Approval } from '@huma-finance/shared'
-
-export enum WIDGET_TYPE {
-  BORROW = 'BORROW',
-  PAYMENT = 'PAYMENT',
-}
-
-export enum WIDGET_STEP {
-  Evaluation = 'Evaluation',
-  ChooseAmount = 'ChooseAmount',
-  Permit = 'Permit',
-  ApproveAllowance = 'ApproveAllowance',
-  MintNFT = 'MintNFT',
-  ConfirmTransfer = 'ConfirmTransfer',
-  ApproveNFT = 'ApproveNFT',
-  Transfer = 'Transfer',
-  CheckWithdrawable = 'CheckWithdrawable',
-  Notifications = 'Notifications',
-  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 = {}
+import { Approval } from '@huma-finance/shared'
+
+export enum WIDGET_TYPE {
+  BORROW = 'BORROW',
+  PAYMENT = 'PAYMENT',
+}
+
+export enum WIDGET_STEP {
+  Evaluation = 'Evaluation',
+  ChooseAmount = 'ChooseAmount',
+  Permit = 'Permit',
+  ApproveAllowance = 'ApproveAllowance',
+  MintNFT = 'MintNFT',
+  ConfirmTransfer = 'ConfirmTransfer',
+  ApproveNFT = 'ApproveNFT',
+  Transfer = 'Transfer',
+  CheckWithdrawable = 'CheckWithdrawable',
+  Notifications = 'Notifications',
+  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/breakpoints.ts

@@ -1,10 +1,10 @@
-import { Breakpoints } from '@mui/system'
-
-export const breakpoints: Partial<
-  {
-    step: number
-    unit: string
-  } & Breakpoints
-> = {
-  values: { xs: 460, sm: 600, md: 960, lg: 1280, xl: 1920 },
-}
+import { Breakpoints } from '@mui/system'
+
+export const breakpoints: Partial<
+  {
+    step: number
+    unit: string
+  } & Breakpoints
+> = {
+  values: { xs: 460, sm: 600, md: 960, lg: 1280, xl: 1920 },
+}

package/src/theme/components.ts

@@ -1,70 +1,70 @@
-/**
- * This file can be used to override default props and styles on the various Material components
- * see: https://mui.com/customization/theme-components/
- */
-import { Theme, ThemeOptions } from '@mui/material'
-
-export function components(theme: Theme): ThemeOptions['components'] {
-  return {
-    MuiButton: {
-      defaultProps: {
-        disableElevation: true,
-      },
-      styleOverrides: {
-        contained: {
-          // align outlined vs contained borders
-          border: '1px solid transparent',
-          background:
-            'linear-gradient(232.71deg, #A363F4 4.17%, #FF6A8A 178.69%)',
-        },
-        outlined: {
-          '.MuiBox-root': {
-            background:
-              'linear-gradient(232.71deg, #A363F4 4.17%, #FF6A8A 178.69%)',
-            backgroundClip: 'text',
-            textFillColor: 'transparent',
-          },
-        },
-        root: {
-          fontFamily: 'Uni-Neue-Bold',
-          fontSize: '15px',
-          borderRadius: '32px',
-          '&.MuiButton-containedPrimary': {
-            '&:hover': {
-              backgroundColor: theme.palette.primary.main,
-            },
-            boxShadow:
-              '0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12)',
-          },
-          '&.MuiButton-outlinedPrimary': {
-            '&:hover': {
-              backgroundColor: theme.palette.common.white,
-            },
-          },
-          textTransform: 'none',
-          '&.Mui-disabled': {
-            border: 'none',
-            background: 'rgba(0, 0, 0, 0.12)',
-            boxShadow: 'unset',
-          },
-        },
-      },
-    },
-    MuiButtonBase: {
-      defaultProps: {},
-    },
-    MuiCssBaseline: {
-      styleOverrides: {
-        dd: {
-          margin: 0,
-        },
-        dl: {
-          margin: 0,
-        },
-        dt: {
-          margin: 0,
-        },
-      },
-    },
-  }
-}
+/**
+ * This file can be used to override default props and styles on the various Material components
+ * see: https://mui.com/customization/theme-components/
+ */
+import { Theme, ThemeOptions } from '@mui/material'
+
+export function components(theme: Theme): ThemeOptions['components'] {
+  return {
+    MuiButton: {
+      defaultProps: {
+        disableElevation: true,
+      },
+      styleOverrides: {
+        contained: {
+          // align outlined vs contained borders
+          border: '1px solid transparent',
+          background:
+            'linear-gradient(232.71deg, #A363F4 4.17%, #FF6A8A 178.69%)',
+        },
+        outlined: {
+          '.MuiBox-root': {
+            background:
+              'linear-gradient(232.71deg, #A363F4 4.17%, #FF6A8A 178.69%)',
+            backgroundClip: 'text',
+            textFillColor: 'transparent',
+          },
+        },
+        root: {
+          fontFamily: 'Uni-Neue-Bold',
+          fontSize: '15px',
+          borderRadius: '32px',
+          '&.MuiButton-containedPrimary': {
+            '&:hover': {
+              backgroundColor: theme.palette.primary.main,
+            },
+            boxShadow:
+              '0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12)',
+          },
+          '&.MuiButton-outlinedPrimary': {
+            '&:hover': {
+              backgroundColor: theme.palette.common.white,
+            },
+          },
+          textTransform: 'none',
+          '&.Mui-disabled': {
+            border: 'none',
+            background: 'rgba(0, 0, 0, 0.12)',
+            boxShadow: 'unset',
+          },
+        },
+      },
+    },
+    MuiButtonBase: {
+      defaultProps: {},
+    },
+    MuiCssBaseline: {
+      styleOverrides: {
+        dd: {
+          margin: 0,
+        },
+        dl: {
+          margin: 0,
+        },
+        dt: {
+          margin: 0,
+        },
+      },
+    },
+  }
+}

package/src/theme/coreThemeConstants.ts

@@ -1,29 +1,29 @@
-export const coreThemeConstants = {
-  borderRadius: {
-    md: 4,
-  },
-  fontFamily: [
-    'Roboto',
-    '-apple-system',
-    'BlinkMacSystemFont',
-    '"Segoe UI"',
-    '"Helvetica Neue"',
-    'Arial',
-    'sans-serif',
-    '"Apple Color Emoji"',
-    '"Segoe UI Emoji"',
-    '"Segoe UI Symbol"',
-  ].join(','),
-  letterSpacing: {
-    lg: '2px',
-    md: '1px',
-    sm: '0.45px',
-    xs: '0.25px',
-  },
-  lineHeight: {
-    lg: 1.4, // 22.4px on 16
-    md: 1.1875, // 19px on 16, 47.5 on 40
-    xl: 1.5, // 24px on 16
-  },
-  spacingBase: 8, // 8px grid
-}
+export const coreThemeConstants = {
+  borderRadius: {
+    md: 4,
+  },
+  fontFamily: [
+    'Roboto',
+    '-apple-system',
+    'BlinkMacSystemFont',
+    '"Segoe UI"',
+    '"Helvetica Neue"',
+    'Arial',
+    'sans-serif',
+    '"Apple Color Emoji"',
+    '"Segoe UI Emoji"',
+    '"Segoe UI Symbol"',
+  ].join(','),
+  letterSpacing: {
+    lg: '2px',
+    md: '1px',
+    sm: '0.45px',
+    xs: '0.25px',
+  },
+  lineHeight: {
+    lg: 1.4, // 22.4px on 16
+    md: 1.1875, // 19px on 16, 47.5 on 40
+    xl: 1.5, // 24px on 16
+  },
+  spacingBase: 8, // 8px grid
+}