@huma-finance/widgets 0.0.73-beta.922 → 0.0.73-beta.939

package/dist/src/theme/theme.types.d.ts

@@ -0,0 +1,71 @@
+import { Theme as MUITheme, PaletteColorOptions } from '@mui/material/styles';
+import { cssMixins } from './cssMixins';
+declare module '@mui/material/styles/createPalette' {
+    interface TypeText {
+        quaternary: string;
+        tertiary: string;
+    }
+}
+declare module '@mui/material/styles' {
+    interface Theme {
+        cssMixins: typeof cssMixins;
+    }
+    interface ThemeOptions {
+        cssMixins: typeof cssMixins;
+    }
+    interface PaletteColor {
+        superDark?: string;
+        superLight?: string;
+    }
+    interface SimplePaletteColorOptions {
+        contrastText?: string;
+        dark?: string;
+        faded?: string;
+        light?: string;
+        main: string;
+        superDark?: string;
+        superLight?: string;
+    }
+    interface Palette {
+        alert: SimplePaletteColorOptions;
+        default: SimplePaletteColorOptions;
+    }
+    interface PaletteOptions {
+        alert?: PaletteColorOptions;
+        default?: PaletteColorOptions;
+    }
+    interface TypographyVariants {
+        body2Small: React.CSSProperties;
+        h3Large: React.CSSProperties;
+        labsSmall: React.CSSProperties;
+        nav: React.CSSProperties;
+        navSub: React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        body2Small: React.CSSProperties;
+        h3Large: React.CSSProperties;
+        labsSmall: React.CSSProperties;
+        nav: React.CSSProperties;
+        navSub: React.CSSProperties;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        body2Small: true;
+        h3Large: true;
+        labsSmall: true;
+        nav: true;
+        navSub: true;
+        sceneHeader: true;
+    }
+}
+declare module '@mui/material/Button' {
+    interface ButtonPropsColorOverrides {
+        alert: PaletteColorOptions | true;
+        default: PaletteColorOptions | true;
+    }
+}
+declare module '@emotion/react' {
+    interface Theme extends MUITheme {
+    }
+}

package/dist/src/theme/typography.d.ts

@@ -0,0 +1,2 @@
+import { ThemeOptions } from '@mui/material';
+export declare const typography: ThemeOptions['typography'];

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@huma-finance/widgets",
-  "version": "0.0.73-beta.922+faafb9d",
+  "version": "0.0.73-beta.939+8b148f9",
   "publishConfig": {
     "access": "public"
   },
@@ -8,16 +8,10 @@
     "type": "git",
     "url": "git+https://github.com/00labs/huma-js.git"
   },
-  "types": "dist/index.d.ts",
+  "type": "module",
+  "types": "dist/src/index.d.ts",
   "main": "dist/cjs/index.cjs",
   "module": "dist/index.js",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/cjs/index.cjs"
-    }
-  },
   "dependencies": {
     "@apollo/client": "^3.7.2",
     "@coinbase/wallet-sdk": "^3.5.3",
@@ -27,11 +21,10 @@
     "@ethersproject/constants": "^5.7.0",
     "@ethersproject/contracts": "^5.7.0",
     "@ethersproject/experimental": "^5.7.0",
-    "@ethersproject/providers": "^5.6.0",
     "@ethersproject/units": "^5.6.0",
-    "@huma-finance/sdk": "^0.0.73-beta.922+faafb9d",
-    "@huma-finance/shared": "^0.0.73-beta.922+faafb9d",
-    "@huma-finance/web-shared": "^0.0.73-beta.922+faafb9d",
+    "@huma-finance/sdk": "^0.0.73-beta.939+8b148f9",
+    "@huma-finance/shared": "^0.0.73-beta.939+8b148f9",
+    "@huma-finance/web-shared": "^0.0.73-beta.939+8b148f9",
     "@mui/x-date-pickers": "^5.0.7",
     "@notifi-network/notifi-frontend-client": "^1.1.2",
     "@notifi-network/notifi-react": "^1.1.2",
@@ -75,8 +68,7 @@
   },
   "scripts": {
     "start": "tsc -w",
-    "prebuild": "tsc -p tsconfig.build.json",
-    "build": "rollup -c",
+    "build": "vite build",
     "cosmos": "cosmos",
     "prettier": "prettier --write \"src/**/*.{js,ts,tsx,graphql}\"",
     "lint": "eslint --max-warnings=0 \"src/**/*.{js,ts,tsx,graphql}\"",
@@ -114,15 +106,6 @@
     "@babel/preset-react": "^7.14.5",
     "@emotion/babel-plugin": "^11.10.2",
     "@emotion/babel-preset-css-prop": "^11.2.0",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^24.0.1",
-    "@rollup/plugin-image": "^3.0.2",
-    "@rollup/plugin-inject": "^5.0.3",
-    "@rollup/plugin-json": "^6.0.0",
-    "@rollup/plugin-node-resolve": "^15.0.1",
-    "@rollup/plugin-typescript": "^11.0.0",
-    "@rollup/plugin-url": "^8.0.1",
-    "@svgr/rollup": "^6.5.1",
     "@svgr/webpack": "^6.5.1",
     "@testing-library/cypress": "^9.0.0",
     "@testing-library/jest-dom": "^5.16.5",
@@ -165,12 +148,6 @@
     "path-browserify": "^1.0.1",
     "prettier": "^2.7.1",
     "react-cosmos": "^5.7.2",
-    "rollup-plugin-dts": "^5.2.0",
-    "rollup-plugin-node-externals": "^5.1.2",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-polyfill-node": "^0.12.0",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-scss": "^4.0.0",
     "sass": "^1.77.6",
     "stream-browserify": "^3.0.0",
     "typechain": "^8.1.0",
@@ -181,6 +158,7 @@
     "@coral-xyz/anchor": "^0.30.1",
     "@emotion/react": "^11.5.0",
     "@emotion/styled": "^11.3.0",
+    "@ethersproject/providers": "5.7.2",
     "@huma-finance/soroban-tranche-vault": "0.0.18",
     "@mui/icons-material": "^5.3.0",
     "@mui/material": "^5.0.6",
@@ -188,18 +166,27 @@
     "@mui/system": "^5.0.6",
     "@mui/x-date-pickers": "^5.0.7",
     "@solana/spl-token": "^0.4.8",
-    "@solana/wallet-adapter-base": "^0.9.23",
-    "@solana/wallet-adapter-react": "^0.15.35",
+    "@solana/wallet-adapter-base": "0.9.23",
+    "@solana/wallet-adapter-react": "0.15.35",
     "@solana/web3.js": "^1.95.3",
     "@soroban-react/core": "^9.3.0",
+    "@vitejs/plugin-react": "4.3.4",
+    "arweave": "^1.10.0",
+    "bs58": "6.0.0",
     "ethers": "^5.6.1",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "react-redux": ">=7.2.2",
-    "redux": ">=4.1.2"
+    "redux": ">=4.1.2",
+    "vite": "6.0.11",
+    "vite-plugin-commonjs": "0.10.4",
+    "vite-plugin-dts": "4.5.0",
+    "vite-plugin-node-polyfills": "0.23.0",
+    "vite-plugin-svgr": "4.3.0",
+    "vite-tsconfig-paths": "5.1.4"
   },
   "optionalDependencies": {
     "encoding": "^0.1.13"
   },
-  "gitHead": "faafb9de87c976813ef26c6e352972cb5ad0b57c"
+  "gitHead": "8b148f9340a401b544aa2739c82bcf839301a6d0"
 }

package/src/components/Lend/components/ApproveLenderBase.tsx

@@ -1,7 +1,6 @@
 /* eslint-disable no-await-in-loop */
 import {
   CHAIN_TYPE,
-  checkIsDev,
   COMMON_ERROR_MESSAGE,
   IdentityServiceV2,
   NETWORK_TYPE,
@@ -9,7 +8,7 @@ import {
   timeUtil,
   TrancheType,
 } from '@huma-finance/shared'
-import { useChainInfo } from '@huma-finance/web-shared'
+import { useChainInfo, checkIsDev } from '@huma-finance/web-shared'
 import React, { useCallback, useEffect } from 'react'
 import { useAppDispatch } from '../../../hooks/useRedux'
 import { setError, setStep } from '../../../store/widgets.reducers'
@@ -22,7 +21,7 @@ type Props = {
   chainType: CHAIN_TYPE
   networkType: NETWORK_TYPE
   isUniTranche: boolean
-  documentHash: string
+  documentHash?: string
   chainSpecificData?: Record<string, unknown>
   changeTranche: (tranche: TrancheType) => void
 }
@@ -43,6 +42,10 @@ export function ApproveLenderBase({
 
   const approveLender = useCallback(
     async (trancheVault: string) => {
+      if (!documentHash) {
+        throw new Error('No document hash provided')
+      }
+
       let tryAttempts = 2
 
       while (tryAttempts > 0) {

package/src/components/Lend/components/PersonaEvaluation.tsx

@@ -1,6 +1,5 @@
 import {
   CHAIN_TYPE,
-  checkIsDev,
   CloseModalOptions,
   IdentityServiceV2,
   IdentityVerificationStatusV2,
@@ -9,7 +8,11 @@ import {
   NETWORK_TYPE,
   VerificationStatusResultV2,
 } from '@huma-finance/shared'
-import { AUTH_ERROR_TYPE, useAuthErrorHandling } from '@huma-finance/web-shared'
+import {
+  AUTH_ERROR_TYPE,
+  useAuthErrorHandling,
+  checkIsDev,
+} from '@huma-finance/web-shared'
 import { Box, css, useTheme } from '@mui/material'
 import Persona, { Client } from 'persona'
 import React, { useCallback, useEffect, useRef, useState } from 'react'

package/src/components/Lend/components/SecuritizeEvaluation.tsx

@@ -1,6 +1,5 @@
 import {
   CHAINS,
-  checkIsDev,
   configUtil,
   DocSignatureStatus,
   IdentityService,
@@ -10,7 +9,11 @@ import {
   timeUtil,
   VerificationStatusResult,
 } from '@huma-finance/shared'
-import { useAuthErrorHandling, useParamsSearch } from '@huma-finance/web-shared'
+import {
+  useAuthErrorHandling,
+  useParamsSearch,
+  checkIsDev,
+} from '@huma-finance/web-shared'
 import { Box, css, useTheme } from '@mui/material'
 import { useWeb3React } from '@web3-react/core'
 import React, { useCallback, useEffect, useMemo, useState } from 'react'

package/src/components/Lend/solanaSupply/6-Transfer.tsx

@@ -1,6 +1,5 @@
 import {
   CampaignService,
-  checkIsDev,
   convertToShares,
   getTokenAccounts,
   NETWORK_TYPE,
@@ -13,6 +12,7 @@ import {
   useHumaProgram,
   useLenderAccounts,
   useTrancheTokenAccounts,
+  checkIsDev,
 } from '@huma-finance/web-shared'
 import {
   createApproveCheckedInstruction,

package/src/components/Lend/solanaSupply/8-PointsEarned.tsx

@@ -1,13 +1,17 @@
 import {
   CampaignService,
   CHAIN_TYPE,
-  checkIsDev,
   CloseModalOptions,
   formatNumber,
   isEmpty,
   NETWORK_TYPE,
 } from '@huma-finance/shared'
-import { SolanaPoolState, txAtom, useChainInfo } from '@huma-finance/web-shared'
+import {
+  SolanaPoolState,
+  txAtom,
+  useChainInfo,
+  checkIsDev,
+} from '@huma-finance/web-shared'
 import { Box, css, useTheme } from '@mui/material'
 import { useResetAtom } from 'jotai/utils'
 import React, { useCallback, useEffect, useState } from 'react'

package/src/components/Lend/supply/1-Evaluation/EvaluationKYC.tsx

@@ -1,6 +1,5 @@
 import {
   CHAINS,
-  checkIsDev,
   configUtil,
   DocSignatureStatus,
   IdentityService,
@@ -8,7 +7,11 @@ import {
   timeUtil,
   VerificationStatusResult,
 } from '@huma-finance/shared'
-import { useAuthErrorHandling, useParamsSearch } from '@huma-finance/web-shared'
+import {
+  useAuthErrorHandling,
+  useParamsSearch,
+  checkIsDev,
+} from '@huma-finance/web-shared'
 import { Box, css, useTheme } from '@mui/material'
 import { useWeb3React } from '@web3-react/core'
 import React, { useCallback, useEffect, useMemo, useState } from 'react'

package/src/components/Lend/supplyV2/2-Evaluation.tsx

@@ -14,7 +14,7 @@ type Props = {
   poolInfo: PoolInfoV2
   networkType: NETWORK_TYPE
   campaign?: Campaign
-  documentHash: string
+  documentHash?: string
   handleClose: (options?: CloseModalOptions) => void
 }
 
@@ -30,7 +30,7 @@ export function Evaluation({
       <SecuritizeEvaluation poolInfo={poolInfo} handleClose={handleClose} />
     )
   }
-  if (poolInfo.KYC?.Persona) {
+  if (poolInfo.KYC?.Persona && documentHash) {
     return (
       <PersonaEvaluation
         poolInfo={poolInfo}

package/src/components/Lend/supplyV2/3-ApproveLender.tsx

@@ -11,7 +11,7 @@ import { ApproveLenderBase } from '../components/ApproveLenderBase'
 type Props = {
   poolInfo: PoolInfoV2
   isUniTranche: boolean
-  documentHash: string
+  documentHash?: string
   changeTranche: (tranche: TrancheType) => void
 }
 

package/src/components/Lend/supplyV2/6-Transfer.tsx

@@ -1,11 +1,10 @@
 import {
   CampaignService,
-  checkIsDev,
   NETWORK_TYPE,
   PoolInfoV2,
   TrancheType,
 } from '@huma-finance/shared'
-import { useTrancheVaultContractV2 } from '@huma-finance/web-shared'
+import { useTrancheVaultContractV2, checkIsDev } from '@huma-finance/web-shared'
 import { useWeb3React } from '@web3-react/core'
 import { ethers } from 'ethers'
 import React, { useCallback } from 'react'

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

@@ -47,7 +47,7 @@ export interface Campaign {
 export interface LendSupplyPropsV2 {
   poolName: keyof typeof POOL_NAME
   campaign?: Campaign
-  documentHash: string
+  documentHash?: string
   handleClose: (options?: CloseModalOptions) => void
   handleSuccess?: (blockNumber?: number) => void
 }

package/src/components/Notifi/NotifiContextWrapper.tsx

@@ -29,14 +29,14 @@ export function NotifiContextWrapper({
 
   let cardId = ''
   if (chainId === ChainEnum.Celo || chainId === ChainEnum.Alfajores) {
-    cardId = process.env.REACT_APP_NOTIFI_CONFIG_ID_CELO ?? ''
+    cardId = import.meta.env.VITE_NOTIFI_CONFIG_ID_CELO ?? ''
   } else if (chainId === ChainEnum.Polygon || chainId === ChainEnum.Amoy) {
-    cardId = process.env.REACT_APP_NOTIFI_CONFIG_ID_POLYGON ?? ''
+    cardId = import.meta.env.VITE_NOTIFI_CONFIG_ID_POLYGON ?? ''
   } else if (
     chainId === ChainEnum.Scroll ||
     chainId === ChainEnum.ScrollSepolia
   ) {
-    cardId = process.env.REACT_APP_NOTIFI_CONFIG_ID_SCROLL ?? ''
+    cardId = import.meta.env.VITE_NOTIFI_CONFIG_ID_SCROLL ?? ''
   }
 
   if (!cardId) {

package/src/components/PointsEarned.tsx

@@ -1,4 +1,4 @@
-import { formatNumber, isEmpty } from '@huma-finance/shared'
+import { CloseModalOptions, formatNumber, isEmpty } from '@huma-finance/shared'
 import { txAtom } from '@huma-finance/web-shared'
 import { Box, css, useTheme } from '@mui/material'
 import { useResetAtom } from 'jotai/utils'
@@ -13,7 +13,7 @@ import { CongratulationsIcon, HumaPointsIcon, RibbonIcon } from './icons'
 
 type Props = {
   lpConfig: { withdrawalLockupPeriodDays?: number }
-  handleAction: () => void
+  handleAction: (options?: CloseModalOptions) => void
 }
 
 export function PointsEarned({
@@ -35,7 +35,7 @@ export function PointsEarned({
   const handleCloseModal = useCallback(() => {
     reset()
     dispatch(resetState())
-    handleAction()
+    handleAction({ isSuccess: true })
   }, [dispatch, handleAction, reset])
 
   const styles = {

package/src/components/icons/index.tsx

@@ -1,25 +1,25 @@
 import { SvgIconProps } from '@mui/material'
-import { ReactComponent as HumaLogoSvg } from './huma.svg'
-import { ReactComponent as HumaFullLogoSvg } from './huma-full.svg'
-import { ReactComponent as MetamaskSvg } from './metamask.svg'
-import { ReactComponent as WalletConnectSvg } from './wallet-connect.svg'
-import { ReactComponent as EthereumSvg } from './ethereum.svg'
-import { ReactComponent as PolygonSvg } from './polygon.svg'
-import { ReactComponent as ReceiptSvg } from './receipt.svg'
-import { ReactComponent as SeparatorSvg } from './separator.svg'
-import { ReactComponent as LoaderSvg } from './loader.svg'
-import { ReactComponent as SorrySvg } from './sorry.svg'
-import { ReactComponent as CheckSvg } from './check.svg'
-import { ReactComponent as CheckGreenSvg } from './check-green.svg'
-import { ReactComponent as CheckCircleSvg } from './check-circle.svg'
-import { ReactComponent as AutoPaybackSvg } from './auto-payback.svg'
-import { ReactComponent as ApproveLenderSvg } from './approve-lender.svg'
-import { ReactComponent as DonutSvg } from './donut.svg'
-import { ReactComponent as UsdcSvg } from './usdc.svg'
-import { ReactComponent as CeloSvg } from './celo.svg'
-import { ReactComponent as CongratulationsSvg } from './congratulations.svg'
-import { ReactComponent as RibbonSvg } from './ribbon.svg'
-import { ReactComponent as HumaPointsSvg } from './huma-points.svg'
+import HumaLogoSvg from './huma.svg?react'
+import HumaFullLogoSvg from './huma-full.svg?react'
+import MetamaskSvg from './metamask.svg?react'
+import WalletConnectSvg from './wallet-connect.svg?react'
+import EthereumSvg from './ethereum.svg?react'
+import PolygonSvg from './polygon.svg?react'
+import ReceiptSvg from './receipt.svg?react'
+import SeparatorSvg from './separator.svg?react'
+import LoaderSvg from './loader.svg?react'
+import SorrySvg from './sorry.svg?react'
+import CheckSvg from './check.svg?react'
+import CheckGreenSvg from './check-green.svg?react'
+import CheckCircleSvg from './check-circle.svg?react'
+import AutoPaybackSvg from './auto-payback.svg?react'
+import ApproveLenderSvg from './approve-lender.svg?react'
+import DonutSvg from './donut.svg?react'
+import UsdcSvg from './usdc.svg?react'
+import CeloSvg from './celo.svg?react'
+import CongratulationsSvg from './congratulations.svg?react'
+import RibbonSvg from './ribbon.svg?react'
+import HumaPointsSvg from './huma-points.svg?react'
 
 export function HumaIcon(props: SvgIconProps): React.ReactElement {
   return <HumaLogoSvg {...props} />

package/src/cosmos/InvoiceFactoringBorrow.fixture.tsx

@@ -64,7 +64,7 @@ function Fixture() {
           type='link'
           variant='contained'
           href={
-            process.env.REACT_APP_CREATE_INVOICE_URL ??
+            import.meta.env.VITE_CREATE_INVOICE_URL ??
             'https://huma-request-apps-create.netlify.app/'
           }
           target='_blank'

package/src/cosmos/SuperfluidFactoringBorrow.fixture.tsx

@@ -1,11 +1,9 @@
+import { JsonRpcProvider } from '@ethersproject/providers'
 import { SuperfluidFactoringWidget } from '..'
-import { initEnv } from './utils/env'
 import { WalletWrapper } from './WalletWrapper'
 
-initEnv()
-
 function Fixture() {
-  return <SuperfluidFactoringWidget />
+  return <SuperfluidFactoringWidget provider={new JsonRpcProvider()} />
 }
 
 export default (

package/src/cosmos/utils/index.ts

@@ -138,11 +138,13 @@ export const getProvider = (chainId = ChainEnum.Goerli) => {
   const rpcUrlMap: { [x: number]: { name: string; url: string } } = {
     [ChainEnum.Goerli]: {
       name: 'Goerli',
-      url: `https://goerli.infura.io/v3/${process.env.REACT_APP_INFURA_API_KEY}`,
+      url: `https://goerli.infura.io/v3/${import.meta.env.VITE_INFURA_API_KEY}`,
     },
     [ChainEnum.Mumbai]: {
       name: 'Mumbai',
-      url: `https://polygon-mumbai.g.alchemy.com/v2/${process.env.REACT_APP_ALCHEMY_API_KEY}`,
+      url: `https://polygon-mumbai.g.alchemy.com/v2/${
+        import.meta.env.VITE_ALCHEMY_API_KEY
+      }`,
     },
   }
   return new JsonRpcProvider(rpcUrlMap[chainId].url, {

package/src/hooks/useEA.ts

@@ -1,12 +1,11 @@
 import {
-  checkIsDev,
   EAPayload,
   EARejectionError,
   EARejectMessage,
   EARejectReason,
   EAService,
 } from '@huma-finance/shared'
-import { useAuthErrorHandling } from '@huma-finance/web-shared'
+import { useAuthErrorHandling, checkIsDev } from '@huma-finance/web-shared'
 import { useWeb3React } from '@web3-react/core'
 import { useCallback } from 'react'
 

package/src/hooks/useNotifi.ts

@@ -1,6 +1,5 @@
 import { useEffect, useState } from 'react'
 import {
-  checkIsDev,
   doesChainSupportNotifi,
   getBlockchainConfigFromChain,
 } from '@huma-finance/shared'
@@ -13,6 +12,7 @@ import {
   useNotifiFrontendClientContext,
   useNotifiUserSettingContext,
 } from '@notifi-network/notifi-react'
+import { checkIsDev } from '@huma-finance/web-shared'
 
 export const useDoesChainSupportNotifi = (chainId: number | undefined) => {
   const [notifiChainSupported, setNotifiChainSupported] = useState(false)

package/src/index.tsx

@@ -1,6 +1,5 @@
 import { JsonRpcProvider } from '@ethersproject/providers'
 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'
@@ -117,13 +116,13 @@ type JsonRpcConnectionMap = {
  * @typedef {Object} WidgetProps
  * @property {desiredChainId|undefined} desiredChainId Optional desired chain id, will trigger the switch network action if different from the current chain id
  * @property {JsonRpcConnectionMap|undefined} jsonRpcUrlMap Optional mapping of your JSON-RPC connections indexed by chainId
- * @property {Eip1193Provider|JsonRpcProvider} provider EIP-1193 provider or JsonRpc Provider
+ * @property {JsonRpcProvider} provider EIP-1193 provider or JsonRpc Provider
  */
 type WidgetProps = {
   handleClose?: () => void
   desiredChainId?: number
   jsonRpcUrlMap?: JsonRpcConnectionMap
-  provider: Eip1193Provider | JsonRpcProvider
+  provider: JsonRpcProvider
 }
 
 function Widget(props: WCProps<WidgetProps>) {
@@ -132,10 +131,8 @@ function Widget(props: WCProps<WidgetProps>) {
 
   useEffect(() => {
     const getChainId = async () => {
-      if (provider instanceof JsonRpcProvider) {
-        const network = await provider.getNetwork()
-        setChainId(network?.chainId)
-      }
+      const network = await provider.getNetwork()
+      setChainId(network?.chainId)
     }
     getChainId()
   }, [provider])

package/tsconfig.json

@@ -1,35 +1,38 @@
 {
   "compilerOptions": {
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
-    "strict": true,
+    "composite": true,
+    "declaration": true,
+    "declarationDir": "dts",
+    "emitDeclarationOnly": true,
+    "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "jsxImportSource": "@emotion/react",
+    "lib": ["dom", "dom.iterable", "esnext"],
     "module": "esnext",
     "moduleResolution": "node",
+    "noFallthroughCasesInSwitch": true,
     "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsxImportSource": "@emotion/react",
-    "jsx": "react-jsx",
-    "declaration": true,
-    "declarationDir": "dts",
-    "emitDeclarationOnly": true,
-    "composite": true
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "ES2020",
+    "paths": {
+      "@huma-finance/web-shared": ["../huma-web-shared/src"],
+      "@huma-finance/shared": ["../huma-shared/src"]
+    }
   },
-  "include": ["src/**/*", "src/**/*.json"],
+  "include": ["src/**/*", "src/**/*.json", "./*.ts", "./*.d.ts"],
   "references": [
     {
       "path": "../huma-shared"
     },
     {
-      "path": "../huma-web-shared"
+      "path": "../huma-sdk"
     },
     {
-      "path": "../huma-sdk"
+      "path": "../huma-web-shared"
     }
   ]
 }

package/vite-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+/// <reference types="vite-plugin-svgr/client" />