@huma-finance/widgets 0.0.73-beta.924 → 0.0.73-beta.946

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

@@ -4,15 +4,23 @@ import {
   SolanaTokenUtils,
   TrancheType,
 } from '@huma-finance/shared'
-import { LenderStateAccount, SolanaPoolState } from '@huma-finance/web-shared'
+import {
+  LenderStateAccount,
+  LoggingContext,
+  LoggingContextHelper,
+  SolanaPoolState,
+} from '@huma-finance/web-shared'
 import React, { useCallback, useEffect, useState } from 'react'
 import { useDispatch } from 'react-redux'
 
 import { BN } from '@coral-xyz/anchor'
 import { Mint } from '@solana/spl-token'
 import { useAppSelector } from '../../../hooks/useRedux'
-import { setStep } from '../../../store/widgets.reducers'
-import { selectWidgetState } from '../../../store/widgets.selectors'
+import { setLoggingContext, setStep } from '../../../store/widgets.reducers'
+import {
+  selectWidgetLoggingContext,
+  selectWidgetState,
+} from '../../../store/widgets.selectors'
 import { WIDGET_STEP } from '../../../store/widgets.store'
 import { ErrorModal } from '../../ErrorModal'
 import { WidgetWrapper } from '../../WidgetWrapper'
@@ -64,6 +72,12 @@ export function SolanaLendWithdraw({
     2,
   )
   const [withdrawnAmount, setWithdrawnAmount] = useState<BN>()
+  const loggingHelper = useAppSelector(selectWidgetLoggingContext)
+
+  const handleCloseFlow = () => {
+    loggingHelper.logAction('ExitFlow', {})
+    handleClose()
+  }
 
   // After withdrawn success, the handleSuccess will refresh
   // the lenderStateAccount which will update the withdrawableAmount to 0
@@ -76,9 +90,20 @@ export function SolanaLendWithdraw({
 
   useEffect(() => {
     if (!step) {
+      // Set initial logging context
+      const context: LoggingContext = {
+        flow: 'Withdraw',
+        chainId: poolInfo.chainId,
+        poolName: poolInfo.poolName,
+        poolType: poolInfo.poolType,
+      }
+      const loggingHelperInit = new LoggingContextHelper(context)
+      loggingHelperInit.logAction('StartFlow', {})
+      dispatch(setLoggingContext(context))
+
       dispatch(setStep(WIDGET_STEP.ConfirmTransfer))
     }
-  }, [dispatch, step])
+  }, [dispatch, poolInfo.chainId, poolInfo.poolName, poolInfo.poolType, step])
 
   useEffect(() => {
     const trancheAssets =
@@ -111,7 +136,7 @@ export function SolanaLendWithdraw({
     <WidgetWrapper
       isOpen
       loadingTitle={title}
-      handleClose={handleClose}
+      handleClose={handleCloseFlow}
       handleSuccess={handleWithdrawSuccess}
     >
       {step === WIDGET_STEP.ConfirmTransfer && (
@@ -132,7 +157,7 @@ export function SolanaLendWithdraw({
         <Done
           poolUnderlyingToken={poolInfo.underlyingMint}
           withdrawAmount={withdrawnAmount}
-          handleAction={handleClose}
+          handleAction={handleCloseFlow}
         />
       )}
       {step === WIDGET_STEP.Error && (
@@ -140,7 +165,7 @@ export function SolanaLendWithdraw({
           title={title}
           errorReason='Sorry there was an error'
           errorMessage={errorMessage}
-          handleOk={handleClose}
+          handleOk={handleCloseFlow}
         />
       )}
     </WidgetWrapper>

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/SolanaTxSendModal.tsx

@@ -9,11 +9,12 @@ import { useConnection, useWallet } from '@solana/wallet-adapter-react'
 import { Transaction } from '@solana/web3.js'
 import { useForceRefresh } from '@huma-finance/web-shared'
 import { Box, Button, css, Typography, useTheme } from '@mui/material'
-import { useAppDispatch } from '../hooks/useRedux'
+import { useAppDispatch, useAppSelector } from '../hooks/useRedux'
 import { setError, setSolanaSignature } from '../store/widgets.reducers'
 import { LoadingModal } from './LoadingModal'
 import { SolanaViewOnExplorer } from './SolanaViewOnExplorer'
 import { SorryImg } from './images'
+import { selectWidgetLoggingContext } from '../store/widgets.selectors'
 
 type Props = {
   chainId: SolanaChainEnum
@@ -33,6 +34,7 @@ export function SolanaTxSendModal({
   const [signature, setSignature] = useState<string>('')
   const [showRetryScreen, setShowRetryScreen] = useState<boolean>(false)
   const [useHighPriority, setUseHighPriority] = useState<boolean>(true)
+  const loggingHelper = useAppSelector(selectWidgetLoggingContext)
   const [refreshCount, refresh] = useForceRefresh()
 
   const styles = {
@@ -98,7 +100,14 @@ export function SolanaTxSendModal({
           useHighPriority ? 'High' : undefined,
           process.env.REACT_APP_HELIUS_API_KEY,
         )
+        loggingHelper.logAction('SigningTransaction', {
+          priceData: optimizedTx.instructions[0].data,
+          unitsData: optimizedTx.instructions[1].data,
+          recentBlockhash: optimizedTx.recentBlockhash,
+          lastValidBlockHeight: optimizedTx.lastValidBlockHeight,
+        })
         const signedTx = await signTransaction(optimizedTx)
+        loggingHelper.logAction('SendingTransaction', {})
         const signatureResult = await connection.sendRawTransaction(
           signedTx.serialize(),
           {
@@ -123,6 +132,9 @@ export function SolanaTxSendModal({
             result?.value?.confirmationStatus === 'confirmed'
           ) {
             if (result?.value?.err) {
+              loggingHelper.logAction('TransactionError', {
+                signature: signatureResult,
+              })
               dispatch(
                 setError({
                   errorMessage:
@@ -131,6 +143,10 @@ export function SolanaTxSendModal({
               )
               return
             }
+
+            loggingHelper.logAction('TransactionSuccess', {
+              signature: signatureResult,
+            })
             handleSuccess({ signature: signatureResult })
             return
           }
@@ -144,6 +160,9 @@ export function SolanaTxSendModal({
               optimizedTx.lastValidBlockHeight! >
             100
           ) {
+            loggingHelper.logAction('ShowRetryScreenDueToExpiration', {
+              signature: signatureResult,
+            })
             setShowRetryScreen(true)
             return
           }
@@ -155,6 +174,8 @@ export function SolanaTxSendModal({
         console.log(error)
 
         const err = error as Error
+        loggingHelper.logAction('UnknownError', { error: err?.message })
+        loggingHelper.logError(err)
         dispatch(setError({ errorMessage: err?.message || '' }))
       }
     }
@@ -170,6 +191,7 @@ export function SolanaTxSendModal({
     tx,
     refreshCount,
     useHighPriority,
+    loggingHelper,
   ])
 
   const handleRetry = useCallback(

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/useLogOnFirstMount.ts

@@ -0,0 +1,19 @@
+import { useEffect, useRef } from 'react'
+import { LoggingActions } from '@huma-finance/web-shared'
+import { selectWidgetLoggingContext } from '../store/widgets.selectors'
+import { useAppSelector } from './useRedux'
+
+const useLogOnFirstMount = (action: LoggingActions, data: object = {}) => {
+  const loggingHelper = useAppSelector(selectWidgetLoggingContext)
+  const hasLogged = useRef(false)
+
+  useEffect(() => {
+    // Only log the action once
+    if (!hasLogged.current) {
+      loggingHelper.logAction(action, data)
+      hasLogged.current = true
+    }
+  }, [action, data, loggingHelper])
+}
+
+export default useLogOnFirstMount

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/src/store/widgets.reducers.ts

@@ -1,5 +1,6 @@
 import { Approval } from '@huma-finance/shared'
 import { createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { LoggingContext } from '@huma-finance/web-shared'
 
 import {
   initialWidgetState,
@@ -34,6 +35,7 @@ export const widgetSlice = createSlice({
       state.redeemShares = undefined
       state.solanaSignature = undefined
       state.txHash = undefined
+      state.loggingContext = undefined
     },
     setStep: (state, { payload }: PayloadAction<WIDGET_STEP>) => {
       state.step = payload
@@ -116,6 +118,9 @@ export const widgetSlice = createSlice({
     ) => {
       state.pointsAccumulated = payload
     },
+    setLoggingContext: (state, { payload }: PayloadAction<LoggingContext>) => {
+      state.loggingContext = payload
+    },
     setError: (
       state,
       {
@@ -147,6 +152,7 @@ export const {
   setSolanaSignature,
   setTxHash,
   setPointsAccumulated,
+  setLoggingContext,
 } = widgetSlice.actions
 
 export default widgetSlice.reducer

package/src/store/widgets.selectors.ts

@@ -1,3 +1,23 @@
+import { LoggingContextHelper } from '@huma-finance/web-shared'
 import { RootState } from '.'
 
 export const selectWidgetState = (state: RootState) => state.widget
+
+let cachedContext: LoggingContextHelper | null = null
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+let cachedLoggingContext: any = null
+
+export const selectWidgetLoggingContext = (
+  state: RootState,
+): LoggingContextHelper => {
+  if (state.widget.loggingContext === cachedLoggingContext) {
+    return cachedContext!
+  }
+
+  cachedLoggingContext = state.widget.loggingContext
+  cachedContext = state.widget.loggingContext
+    ? new LoggingContextHelper(state.widget.loggingContext)
+    : new LoggingContextHelper()
+
+  return cachedContext
+}

package/src/store/widgets.store.ts

@@ -1,4 +1,5 @@
 import { Approval } from '@huma-finance/shared'
+import { LoggingContext } from '@huma-finance/web-shared'
 
 export enum WIDGET_TYPE {
   BORROW = 'BORROW',
@@ -62,6 +63,7 @@ export type WidgetState = {
   solanaSignature?: string
   pointsAccumulated?: number
   txHash?: string
+  loggingContext?: LoggingContext
 }
 
 export const initialWidgetState: WidgetState = {}

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" />

package/vite.config.ts

@@ -0,0 +1,48 @@
+import path from 'path'
+import { defineConfig } from 'vite'
+import svgr from 'vite-plugin-svgr'
+import { nodePolyfills } from 'vite-plugin-node-polyfills'
+import dts from 'vite-plugin-dts'
+
+export default defineConfig({
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.tsx'),
+      fileName: 'index',
+      formats: ['es'],
+      name: 'widget',
+    },
+    rollupOptions: {
+      external: [
+        'react',
+        '@solana/wallet-adapter-react',
+        '@solana/wallet-adapter-base',
+        '@huma-finance/web-shared',
+      ], // Mark dependencies as external
+      output: {
+        globals: {
+          react: 'React',
+        },
+      },
+    },
+  },
+  plugins: [svgr(), nodePolyfills(), dts()],
+  // These aliases are required; otherwise contexts aren't shared properly
+  // between the monorepo packages: https://github.com/vitejs/vite/discussions/13410
+  resolve: {
+    alias: {
+      '@solana/wallet-adapter-react': path.resolve(
+        __dirname,
+        '../../../../node_modules/@solana/wallet-adapter-react',
+      ),
+      '@solana/wallet-adapter-base': path.resolve(
+        __dirname,
+        '../../../../node_modules/@solana/wallet-adapter-base',
+      ),
+      '@huma-finance/web-shared': path.resolve(
+        __dirname,
+        '../huma-web-shared/src',
+      ),
+    },
+  },
+})

package/webpack.cosmos.js

@@ -41,7 +41,7 @@ module.exports = (webpackConfig) => {
         ...Object.entries(dotenv.config().parsed).reduce(
           (acc, curr) => ({
             ...acc,
-            [`process.env.${curr[0]}`]: JSON.stringify(curr[1]),
+            [`import.meta.env.${curr[0]}`]: JSON.stringify(curr[1]),
           }),
           {},
         ),

package/.prettierrc.js

@@ -1,16 +0,0 @@
-module.exports = {
-  semi: false,
-  tabWidth: 2,
-  singleQuote: true,
-  trailingComma: 'all',
-  jsxSingleQuote: true,
-  bracketSpacing: true,
-  overrides: [
-    {
-      "files": "*.json",
-      "options": {
-          "printWidth": 80
-      }
-    }
-  ],
-}