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

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.924+29122ba",
+  "version": "0.0.73-beta.946+41e004f",
   "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.924+29122ba",
-    "@huma-finance/shared": "^0.0.73-beta.924+29122ba",
-    "@huma-finance/web-shared": "^0.0.73-beta.924+29122ba",
+    "@huma-finance/sdk": "^0.0.73-beta.946+41e004f",
+    "@huma-finance/shared": "^0.0.73-beta.946+41e004f",
+    "@huma-finance/web-shared": "^0.0.73-beta.946+41e004f",
     "@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": "29122ba3c1f4e50917e3044f4c285d4b635e6337"
+  "gitHead": "41e004f81d708016545a4991f3d78e849ff54a39"
 }

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/1-Evaluation.tsx

@@ -3,6 +3,7 @@ import React from 'react'
 
 import { PersonaEvaluation } from '../components/PersonaEvaluation'
 import { Campaign } from '../supplyV2'
+import useLogOnFirstMount from '../../../hooks/useLogOnFirstMount'
 
 type Props = {
   poolInfo: SolanaPoolInfo
@@ -19,6 +20,8 @@ export function Evaluation({
   documentHash,
   handleClose,
 }: Props): React.ReactElement | null {
+  useLogOnFirstMount('Evaluation')
+
   if (poolInfo.KYC?.Persona) {
     return (
       <PersonaEvaluation

package/src/components/Lend/solanaSupply/2-ApproveLender.tsx

@@ -8,6 +8,7 @@ import {
 import React from 'react'
 
 import { ApproveLenderBase } from '../components/ApproveLenderBase'
+import useLogOnFirstMount from '../../../hooks/useLogOnFirstMount'
 
 type Props = {
   poolInfo: SolanaPoolInfo
@@ -22,6 +23,8 @@ export function ApproveLender({
   documentHash,
   changeTranche,
 }: Props): React.ReactElement | null {
+  useLogOnFirstMount('ApproveLender')
+
   const solanaChainInfo = SOLANA_CHAIN_INFO[poolInfo.chainId]
 
   return (

package/src/components/Lend/solanaSupply/3-ChooseTranche.tsx

@@ -15,6 +15,7 @@ import { setStep } from '../../../store/widgets.reducers'
 import { WIDGET_STEP } from '../../../store/widgets.store'
 import { BottomButton } from '../../BottomButton'
 import { WrapperModal } from '../../WrapperModal'
+import useLogOnFirstMount from '../../../hooks/useLogOnFirstMount'
 
 type Props = {
   poolUnderlyingToken: UnderlyingTokenInfo
@@ -27,6 +28,7 @@ export function ChooseTranche({
   selectedTranche,
   changeTranche,
 }: Props): React.ReactElement | null {
+  useLogOnFirstMount('ChooseTranche')
   const theme = useTheme()
   const dispatch = useAppDispatch()
 

package/src/components/Lend/solanaSupply/4-ChooseAmount.tsx

@@ -12,6 +12,7 @@ import { useAppDispatch } from '../../../hooks/useRedux'
 import { setStep, setSupplyAmount } from '../../../store/widgets.reducers'
 import { WIDGET_STEP } from '../../../store/widgets.store'
 import { InputAmountModal } from '../../InputAmountModal'
+import useLogOnFirstMount from '../../../hooks/useLogOnFirstMount'
 
 type Props = {
   poolInfo: SolanaPoolInfo
@@ -28,6 +29,7 @@ export function ChooseAmount({
   selectedTranche,
   isUniTranche,
 }: Props): React.ReactElement | null {
+  useLogOnFirstMount('ChooseAmount')
   const dispatch = useAppDispatch()
   const { symbol, decimals } = poolInfo.underlyingMint
   const [currentAmount, setCurrentAmount] = useState<number | string>(0)

package/src/components/Lend/solanaSupply/5-ApproveAllowance.tsx

@@ -8,12 +8,14 @@ import { WIDGET_STEP } from '../../../store/widgets.store'
 import { setStep } from '../../../store/widgets.reducers'
 import { BottomButton } from '../../BottomButton'
 import { AutoPaybackImg } from '../../images'
+import useLogOnFirstMount from '../../../hooks/useLogOnFirstMount'
 
 type Props = {
   poolState: SolanaPoolState
 }
 
 export function ApproveAllowance({ poolState }: Props): React.ReactElement {
+  useLogOnFirstMount('ApproveAllowance')
   const theme = useTheme()
   const dispatch = useAppDispatch()
   const handleNext = useCallback(() => {

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,
@@ -28,6 +28,7 @@ import { selectWidgetState } from '../../../store/widgets.selectors'
 import { WIDGET_STEP } from '../../../store/widgets.store'
 import { LoadingModal } from '../../LoadingModal'
 import { SolanaTxSendModal } from '../../SolanaTxSendModal'
+import useLogOnFirstMount from '../../../hooks/useLogOnFirstMount'
 
 type Props = {
   poolInfo: SolanaPoolInfo
@@ -42,6 +43,7 @@ export function Transfer({
   selectedTranche,
   networkType,
 }: Props): React.ReactElement | null {
+  useLogOnFirstMount('Transaction')
   const isDev = checkIsDev()
   const dispatch = useAppDispatch()
   const { publicKey } = useWallet()

package/src/components/Lend/solanaSupply/7-Success.tsx

@@ -14,6 +14,7 @@ import { setStep } from '../../../store/widgets.reducers'
 import { selectWidgetState } from '../../../store/widgets.selectors'
 import { WIDGET_STEP } from '../../../store/widgets.store'
 import { SolanaTxDoneModal } from '../../SolanaTxDoneModal'
+import useLogOnFirstMount from '../../../hooks/useLogOnFirstMount'
 
 type Props = {
   poolInfo: SolanaPoolInfo
@@ -28,6 +29,7 @@ export function Success({
   campaign,
   handleAction,
 }: Props): React.ReactElement {
+  useLogOnFirstMount('Success')
   const dispatch = useDispatch()
   const { supplyAmount, solanaSignature } = useAppSelector(selectWidgetState)
   const { symbol } = poolInfo.underlyingMint

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'
@@ -18,6 +22,7 @@ import { BottomButton } from '../../BottomButton'
 import { CongratulationsIcon, HumaPointsIcon, RibbonIcon } from '../../icons'
 import { LoadingModal } from '../../LoadingModal'
 import { SignIn } from '../../SignIn'
+import useLogOnFirstMount from '../../../hooks/useLogOnFirstMount'
 
 enum STATE {
   Loading = 'Loading',
@@ -38,6 +43,7 @@ export function PointsEarned({
   networkType,
   handleAction,
 }: Props): React.ReactElement {
+  useLogOnFirstMount('PointsEarned')
   const theme = useTheme()
   const isDev = checkIsDev()
   const dispatch = useDispatch()

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

@@ -5,6 +5,8 @@ import {
   TrancheType,
 } from '@huma-finance/shared'
 import {
+  LoggingContext,
+  LoggingContextHelper,
   SolanaPoolState,
   useLenderAccounts,
   useTokenAccount,
@@ -13,8 +15,11 @@ import React, { useEffect, useState } from 'react'
 import { useDispatch } from 'react-redux'
 
 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 { PointsEarned } from '../../PointsEarned'
 import { WidgetWrapper } from '../../WidgetWrapper'
@@ -65,33 +70,67 @@ export function SolanaLendSupply({
   } = useLenderAccounts(poolInfo.chainId, poolInfo.poolName)
   const [tokenAccount, isLoadingTokenAccount] = useTokenAccount(poolInfo)
   const { step, errorMessage } = useAppSelector(selectWidgetState)
+  const loggingHelper = useAppSelector(selectWidgetLoggingContext)
   const [selectedTranche, setSelectedTranche] = useState<TrancheType>()
 
+  const handleCloseFlow = () => {
+    loggingHelper.logAction('ExitFlow', {})
+    handleClose()
+  }
+
   useEffect(() => {
     if (!step && !isLoadingLenderAccounts && !isLoadingTokenAccount) {
+      // Set initial logging context
+      const context: LoggingContext = {
+        flow: 'Supply',
+        chainId: poolInfo.chainId,
+        poolName: poolInfo.poolName,
+        poolType: poolInfo.poolType,
+      }
+      const loggingHelperInit = new LoggingContextHelper(context)
+      loggingHelperInit.logAction('StartFlow', {})
+      dispatch(setLoggingContext(context))
+
       if (!juniorLenderApproved && !seniorLenderApproved) {
+        loggingHelperInit.logAction('SetInitialStep', {
+          step: WIDGET_STEP.Evaluation,
+        })
         dispatch(setStep(WIDGET_STEP.Evaluation))
         return
       }
 
       if (!isUniTranche && (!juniorLenderApproved || !seniorLenderApproved)) {
+        loggingHelperInit.logAction('SetInitialStep', {
+          step: WIDGET_STEP.ApproveLender,
+        })
         dispatch(setStep(WIDGET_STEP.ApproveLender))
         return
       }
 
       if (juniorLenderApproved && !seniorLenderApproved) {
+        loggingHelperInit.logAction('SetInitialStep', {
+          step: WIDGET_STEP.ChooseAmount,
+          tranche: 'junior',
+        })
         setSelectedTranche('junior')
         dispatch(setStep(WIDGET_STEP.ChooseAmount))
         return
       }
 
       if (seniorLenderApproved && !juniorLenderApproved) {
+        loggingHelperInit.logAction('SetInitialStep', {
+          step: WIDGET_STEP.ChooseAmount,
+          tranche: 'senior',
+        })
         setSelectedTranche('senior')
         dispatch(setStep(WIDGET_STEP.ChooseAmount))
         return
       }
 
       if (juniorLenderApproved && seniorLenderApproved) {
+        loggingHelperInit.logAction('SetInitialStep', {
+          step: WIDGET_STEP.ChooseTranche,
+        })
         dispatch(setStep(WIDGET_STEP.ChooseTranche))
       }
     }
@@ -113,7 +152,7 @@ export function SolanaLendSupply({
         isOpen
         isLoading
         loadingTitle='Supply'
-        handleClose={handleClose}
+        handleClose={handleCloseFlow}
         handleSuccess={handleSuccess}
       />
     )
@@ -123,7 +162,7 @@ export function SolanaLendSupply({
     <WidgetWrapper
       isOpen
       loadingTitle={`Supply ${poolInfo.underlyingMint.symbol}`}
-      handleClose={handleClose}
+      handleClose={handleCloseFlow}
       handleSuccess={handleSuccess}
     >
       {step === WIDGET_STEP.Evaluation && (
@@ -132,7 +171,7 @@ export function SolanaLendSupply({
           campaign={poolState.campaign}
           documentHash={documentHash}
           networkType={getSolanaNetworkType(poolInfo.chainId)}
-          handleClose={handleClose}
+          handleClose={handleCloseFlow}
         />
       )}
       {step === WIDGET_STEP.ApproveLender && (
@@ -175,11 +214,11 @@ export function SolanaLendSupply({
           poolInfo={poolInfo}
           poolState={poolState}
           campaign={poolState.campaign}
-          handleAction={handleClose}
+          handleAction={handleCloseFlow}
         />
       )}
       {step === WIDGET_STEP.PointsEarned && (
-        <PointsEarned lpConfig={poolState} handleAction={handleClose} />
+        <PointsEarned lpConfig={poolState} handleAction={handleCloseFlow} />
       )}
       {step === WIDGET_STEP.Error && (
         <SolanaErrorModal
@@ -187,7 +226,7 @@ export function SolanaLendSupply({
           title='Supply'
           errorReason='Sorry there was an error'
           errorMessage={errorMessage}
-          handleOk={handleClose}
+          handleOk={handleCloseFlow}
         />
       )}
     </WidgetWrapper>

package/src/components/Lend/solanaWithdraw/1-ConfirmTransfer.tsx

@@ -6,6 +6,7 @@ import { setStep } from '../../../store/widgets.reducers'
 import { WIDGET_STEP } from '../../../store/widgets.store'
 import { BottomButton } from '../../BottomButton'
 import { WrapperModal } from '../../WrapperModal'
+import useLogOnFirstMount from '../../../hooks/useLogOnFirstMount'
 
 type Props = {
   poolUnderlyingToken: UnderlyingTokenInfo
@@ -18,6 +19,7 @@ export function ConfirmTransfer({
   withdrawableAmountFormatted,
   sharePrice,
 }: Props): React.ReactElement {
+  useLogOnFirstMount('ConfirmTransfer')
   const theme = useTheme()
   const dispatch = useDispatch()
   const { symbol } = poolUnderlyingToken

package/src/components/Lend/solanaWithdraw/2-Transfer.tsx

@@ -12,6 +12,7 @@ import { useAppDispatch } from '../../../hooks/useRedux'
 import { setStep } from '../../../store/widgets.reducers'
 import { WIDGET_STEP } from '../../../store/widgets.store'
 import { SolanaTxSendModal } from '../../SolanaTxSendModal'
+import useLogOnFirstMount from '../../../hooks/useLogOnFirstMount'
 
 type Props = {
   poolInfo: SolanaPoolInfo
@@ -24,6 +25,7 @@ export function Transfer({
   selectedTranche,
   poolIsClosed,
 }: Props): React.ReactElement | null {
+  useLogOnFirstMount('Transaction')
   const { publicKey } = useWallet()
   const dispatch = useAppDispatch()
   const program = useHumaProgram(poolInfo.chainId)

package/src/components/Lend/solanaWithdraw/3-Done.tsx

@@ -6,6 +6,7 @@ import {
 } from '@huma-finance/shared'
 import React from 'react'
 import { TxDoneModal } from '../../TxDoneModal'
+import useLogOnFirstMount from '../../../hooks/useLogOnFirstMount'
 
 type Props = {
   poolUnderlyingToken: UnderlyingTokenInfo
@@ -18,6 +19,7 @@ export function Done({
   withdrawAmount,
   handleAction,
 }: Props): React.ReactElement {
+  useLogOnFirstMount('Success')
   const { symbol } = poolUnderlyingToken
   const withdrawAmountFormatted = formatMoneyFixed(
     SolanaTokenUtils.formatUnits(withdrawAmount, poolUnderlyingToken.decimals),