@lifi/widget 3.25.0 → 3.26.1

package/dist/esm/utils/format.js.map

@@ -1 +1 @@
-{"version":3,"file":"format.js","sourceRoot":"","sources":["../../../src/utils/format.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"format.js","sourceRoot":"","sources":["../../../src/utils/format.ts"],"names":[],"mappings":"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"}

package/dist/esm/utils/getPriceImpact.d.ts

@@ -1,9 +1,9 @@
 import type { Token } from '@lifi/sdk';
-interface GetPriceImpractProps {
+interface GetPriceImpactProps {
     fromToken: Token;
     toToken: Token;
     fromAmount?: bigint;
     toAmount?: bigint;
 }
-export declare const getPriceImpact: ({ fromToken, toToken, fromAmount, toAmount, }: GetPriceImpractProps) => number;
+export declare const getPriceImpact: ({ fromToken, toToken, fromAmount, toAmount, }: GetPriceImpactProps) => number;
 export {};

package/dist/esm/utils/getPriceImpact.js.map

@@ -1 +1 @@
-{"version":3,"file":"getPriceImpact.js","sourceRoot":"","sources":["../../../src/utils/getPriceImpact.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAS9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,GACa,EAAE,EAAE;IACzB,MAAM,cAAc,GAAG,gBAAgB,CACrC,UAAU,EACV,SAAS,CAAC,QAAQ,EAClB,SAAS,CAAC,QAAQ,CACnB,CAAA;IACD,MAAM,YAAY,GAAG,gBAAgB,CACnC,QAAQ,EACR,OAAO,CAAC,QAAQ,EAChB,OAAO,CAAC,QAAQ,CACjB,CAAA;IAED,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,CAAC,CAAA;IACV,CAAC;IAED,MAAM,WAAW,GAAG,YAAY,GAAG,cAAc,GAAG,CAAC,CAAA;IAErD,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA"}
+{"version":3,"file":"getPriceImpact.js","sourceRoot":"","sources":["../../../src/utils/getPriceImpact.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAS9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,GACY,EAAE,EAAE;IACxB,MAAM,cAAc,GAAG,gBAAgB,CACrC,UAAU,EACV,SAAS,CAAC,QAAQ,EAClB,SAAS,CAAC,QAAQ,CACnB,CAAA;IACD,MAAM,YAAY,GAAG,gBAAgB,CACnC,QAAQ,EACR,OAAO,CAAC,QAAQ,EAChB,OAAO,CAAC,QAAQ,CACjB,CAAA;IAED,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,CAAC,CAAA;IACV,CAAC;IAED,MAAM,WAAW,GAAG,YAAY,GAAG,cAAc,GAAG,CAAC,CAAA;IAErD,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "3.25.0",
+  "version": "3.26.1",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
   "main": "./dist/esm/index.js",
@@ -30,18 +30,18 @@
     "lifi"
   ],
   "dependencies": {
-    "@bigmi/client": "^0.4.2",
-    "@bigmi/core": "^0.4.2",
+    "@bigmi/client": "^0.4.3",
+    "@bigmi/core": "^0.4.3",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@lifi/sdk": "^3.8.7",
-    "@mui/icons-material": "^7.2.0",
-    "@mui/material": "^7.2.0",
-    "@mui/system": "^7.2.0",
-    "@mysten/sui": "^1.36.2",
+    "@lifi/sdk": "^3.8.11",
+    "@mui/icons-material": "^7.3.1",
+    "@mui/material": "^7.3.1",
+    "@mui/system": "^7.3.1",
+    "@mysten/sui": "^1.37.1",
     "@solana/wallet-adapter-base": "^0.9.27",
     "@solana/wallet-adapter-coinbase": "^0.1.23",
-    "@solana/web3.js": "^1.98.2",
+    "@solana/web3.js": "^1.98.4",
     "@tanstack/react-virtual": "^3.13.12",
     "i18next": "^25.3.0",
     "microdiff": "^1.5.0",
@@ -50,9 +50,9 @@
     "react-intersection-observer": "^9.16.0",
     "react-router-dom": "^6.30.0",
     "react-transition-group": "^4.4.5",
-    "viem": "^2.33.0",
-    "zustand": "^5.0.6",
-    "@lifi/wallet-management": "^3.13.0"
+    "viem": "^2.33.2",
+    "zustand": "^5.0.7",
+    "@lifi/wallet-management": "^3.14.1"
   },
   "peerDependencies": {
     "@bigmi/react": ">=0.4.0",

package/package.json.tmp

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "3.25.0",
+  "version": "3.26.1",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
   "main": "./src/index.ts",
@@ -49,19 +49,19 @@
     "lifi"
   ],
   "dependencies": {
-    "@bigmi/client": "^0.4.2",
-    "@bigmi/core": "^0.4.2",
+    "@bigmi/client": "^0.4.3",
+    "@bigmi/core": "^0.4.3",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@lifi/sdk": "^3.8.7",
+    "@lifi/sdk": "^3.8.11",
     "@lifi/wallet-management": "workspace:^",
-    "@mui/icons-material": "^7.2.0",
-    "@mui/material": "^7.2.0",
-    "@mui/system": "^7.2.0",
-    "@mysten/sui": "^1.36.2",
+    "@mui/icons-material": "^7.3.1",
+    "@mui/material": "^7.3.1",
+    "@mui/system": "^7.3.1",
+    "@mysten/sui": "^1.37.1",
     "@solana/wallet-adapter-base": "^0.9.27",
     "@solana/wallet-adapter-coinbase": "^0.1.23",
-    "@solana/web3.js": "^1.98.2",
+    "@solana/web3.js": "^1.98.4",
     "@tanstack/react-virtual": "^3.13.12",
     "i18next": "^25.3.0",
     "microdiff": "^1.5.0",
@@ -70,16 +70,16 @@
     "react-intersection-observer": "^9.16.0",
     "react-router-dom": "^6.30.0",
     "react-transition-group": "^4.4.5",
-    "viem": "^2.33.0",
-    "zustand": "^5.0.6"
+    "viem": "^2.33.2",
+    "zustand": "^5.0.7"
   },
   "devDependencies": {
     "@types/react-transition-group": "^4.4.12",
     "cpy-cli": "^5.0.0",
     "madge": "^8.0.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "typescript": "^5.8.3",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "typescript": "^5.9.2",
     "vitest": "^3.2.4"
   },
   "peerDependencies": {

package/src/components/AmountInput/AmountInput.style.tsx

@@ -5,6 +5,7 @@ import {
   FormControl as MuiFormControl,
   styled,
 } from '@mui/material'
+import { CardTitle } from '../Card/CardTitle.js'
 
 export const maxInputFontSize = 24
 export const minInputFontSize = 14
@@ -43,3 +44,15 @@ export const Input = styled(InputBase)(({ theme }) => ({
     WebkitTextFillColor: 'unset',
   },
 }))
+
+export const AmountInputCardTitle = styled(CardTitle)(({ theme }) => ({
+  padding: theme.spacing(2, 0, 0, 0),
+}))
+
+export const AmountInputCardHeader = styled(Box)(({ theme }) => ({
+  padding: theme.spacing(0, 2, 0, 2),
+  display: 'flex',
+  justifyContent: 'space-between',
+  alignItems: 'start',
+  height: 30,
+}))

package/src/components/AmountInput/AmountInput.tsx

@@ -1,19 +1,25 @@
 import type { Token } from '@lifi/sdk'
 import type { CardProps } from '@mui/material'
 import type { ChangeEvent, ReactNode } from 'react'
-import { useLayoutEffect, useRef } from 'react'
+import { useLayoutEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useToken } from '../../hooks/useToken.js'
 import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'
 import { FormKeyHelper, type FormTypeProps } from '../../stores/form/types.js'
-import { useFieldController } from '../../stores/form/useFieldController.js'
+import { useFieldActions } from '../../stores/form/useFieldActions.js'
 import { useFieldValues } from '../../stores/form/useFieldValues.js'
+import { useInputModeStore } from '../../stores/inputMode/useInputModeStore.js'
 import { DisabledUI } from '../../types/widget.js'
-import { formatInputAmount } from '../../utils/format.js'
+import {
+  formatInputAmount,
+  formatTokenPrice,
+  priceToTokenAmount,
+} from '../../utils/format.js'
 import { fitInputText } from '../../utils/input.js'
-import { CardTitle } from '../Card/CardTitle.js'
 import { InputCard } from '../Card/InputCard.js'
 import {
+  AmountInputCardHeader,
+  AmountInputCardTitle,
   FormContainer,
   FormControl,
   Input,
@@ -24,6 +30,8 @@ import { AmountInputEndAdornment } from './AmountInputEndAdornment.js'
 import { AmountInputStartAdornment } from './AmountInputStartAdornment.js'
 import { PriceFormHelperText } from './PriceFormHelperText.js'
 
+const USD_DECIMALS = 2
+
 export const AmountInput: React.FC<FormTypeProps & CardProps> = ({
   formType,
   ...props
@@ -36,6 +44,7 @@ export const AmountInput: React.FC<FormTypeProps & CardProps> = ({
   )
 
   const { token } = useToken(chainId, tokenAddress)
+
   const disabled = disabledUI?.includes(DisabledUI.FromAmount)
   return (
     <AmountInputBase
@@ -72,32 +81,88 @@ export const AmountInputBase: React.FC<
   const { t } = useTranslation()
   const { subvariant, subvariantOptions } = useWidgetConfig()
   const ref = useRef<HTMLInputElement>(null)
+
+  const isEditingRef = useRef(false)
+  const [formattedPriceInput, setFormattedPriceInput] = useState('')
+
   const amountKey = FormKeyHelper.getAmountKey(formType)
-  const { onChange, onBlur, value } = useFieldController({ name: amountKey })
+  const [value] = useFieldValues(amountKey)
+  const { setFieldValue } = useFieldActions()
+  const { inputMode } = useInputModeStore()
+
+  const currentInputMode = inputMode[formType]
+  let displayValue: string
+  if (isEditingRef.current) {
+    if (currentInputMode === 'price') {
+      displayValue = formattedPriceInput
+    } else {
+      displayValue = value as string
+    }
+  } else {
+    if (currentInputMode === 'price') {
+      const priceValue = formatTokenPrice(value as string, token?.priceUSD)
+      displayValue = formatInputAmount(
+        priceValue.toFixed(USD_DECIMALS),
+        USD_DECIMALS
+      )
+    } else {
+      displayValue = value as string
+    }
+  }
 
   const handleChange = (
     event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
   ) => {
-    const { value } = event.target
-    const formattedAmount = formatInputAmount(value, token?.decimals, true)
-    onChange(formattedAmount)
+    const { value: inputValue } = event.target
+    isEditingRef.current = true
+
+    let formattedValue: string
+    if (currentInputMode === 'price') {
+      const cleanInputValue = inputValue.replace('$', '')
+      formattedValue = formatInputAmount(cleanInputValue, USD_DECIMALS, true)
+      const tokenValue = priceToTokenAmount(formattedValue, token?.priceUSD)
+      setFormattedPriceInput(formattedValue)
+      setFieldValue(amountKey, tokenValue, { isDirty: true, isTouched: true })
+    } else {
+      formattedValue = formatInputAmount(inputValue, token?.decimals, true)
+      setFieldValue(amountKey, formattedValue, {
+        isDirty: true,
+        isTouched: true,
+      })
+    }
   }
 
   const handleBlur = (
     event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
   ) => {
-    const { value } = event.target
-    const formattedAmount = formatInputAmount(value, token?.decimals)
-    onChange(formattedAmount)
-    onBlur()
+    const { value: inputValue } = event.target
+    isEditingRef.current = false
+
+    let formattedValue: string
+    if (currentInputMode === 'price') {
+      const cleanInputValue = inputValue.replace('$', '')
+      formattedValue = formatInputAmount(cleanInputValue, USD_DECIMALS)
+      const tokenValue = priceToTokenAmount(formattedValue, token?.priceUSD)
+      const formattedAmount = formatInputAmount(tokenValue, token?.decimals)
+      setFieldValue(amountKey, formattedAmount, {
+        isDirty: true,
+        isTouched: true,
+      })
+    } else {
+      formattedValue = formatInputAmount(inputValue, token?.decimals)
+      setFieldValue(amountKey, formattedValue, {
+        isDirty: true,
+        isTouched: true,
+      })
+    }
   }
 
-  // biome-ignore lint/correctness/useExhaustiveDependencies: we need to run effect on value change
+  // biome-ignore lint/correctness/useExhaustiveDependencies: we need run effect on value change
   useLayoutEffect(() => {
     if (ref.current) {
       fitInputText(maxInputFontSize, minInputFontSize, ref.current)
     }
-  }, [value])
+  }, [displayValue])
 
   const title =
     subvariant === 'custom'
@@ -108,7 +173,10 @@ export const AmountInputBase: React.FC<
 
   return (
     <InputCard {...props}>
-      <CardTitle>{title}</CardTitle>
+      <AmountInputCardHeader>
+        <AmountInputCardTitle>{title}</AmountInputCardTitle>
+        {endAdornment}
+      </AmountInputCardHeader>
       <FormContainer>
         <AmountInputStartAdornment formType={formType} />
         <FormControl fullWidth>
@@ -116,15 +184,20 @@ export const AmountInputBase: React.FC<
             inputRef={ref}
             size="small"
             autoComplete="off"
-            placeholder="0"
+            placeholder={currentInputMode === 'price' ? '$0' : '0'}
             startAdornment={startAdornment}
-            endAdornment={endAdornment}
             inputProps={{
               inputMode: 'decimal',
             }}
             onChange={handleChange}
             onBlur={handleBlur}
-            value={value}
+            value={
+              currentInputMode === 'price'
+                ? displayValue
+                  ? `$${displayValue}`
+                  : ''
+                : displayValue
+            }
             name={amountKey}
             disabled={disabled}
             required

package/src/components/AmountInput/AmountInputAdornment.style.tsx

@@ -1,10 +1,71 @@
-import { Button as MuiButton, Skeleton, styled } from '@mui/material'
+import { Box, Skeleton, styled } from '@mui/material'
+import { cardClasses } from '@mui/material/Card'
+import { ButtonTertiary } from '../ButtonTertiary.js'
 
-export const MaxButton = styled(MuiButton)(({ theme }) => ({
-  padding: theme.spacing(0.5, 1, 0.625, 1),
-  lineHeight: 1.0715,
-  fontSize: '0.875rem',
+export const ButtonContainer = styled(Box)(({ theme }) => ({
+  display: 'flex',
+  gap: theme.spacing(0.5),
+}))
+
+export const MaxButton = styled(ButtonTertiary)(({ theme }) => ({
+  padding: theme.spacing(0.5, 1, 0.5, 1),
+  margin: theme.spacing(0, 0, 0, 0.5),
+  lineHeight: 1,
+  fontSize: '0.75rem',
   minWidth: 'unset',
+  height: 24,
+  opacity: 0,
+  transform: 'scale(0.85) translateY(-10px)',
+  transition:
+    'opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1)',
+  '&[data-delay="0"]': {
+    [`.${cardClasses.root}:hover &`]: {
+      opacity: 1,
+      transform: 'scale(1) translateY(0)',
+      transitionDelay: '75ms',
+    },
+    [`.${cardClasses.root}:not(:hover) &`]: {
+      opacity: 0,
+      transform: 'scale(0.85) translateY(-10px)',
+      transitionDelay: '0ms',
+    },
+  },
+  '&[data-delay="1"]': {
+    [`.${cardClasses.root}:hover &`]: {
+      opacity: 1,
+      transform: 'scale(1) translateY(0)',
+      transitionDelay: '50ms',
+    },
+    [`.${cardClasses.root}:not(:hover) &`]: {
+      opacity: 0,
+      transform: 'scale(0.85) translateY(-10px)',
+      transitionDelay: '25ms',
+    },
+  },
+  '&[data-delay="2"]': {
+    [`.${cardClasses.root}:hover &`]: {
+      opacity: 1,
+      transform: 'scale(1) translateY(0)',
+      transitionDelay: '25ms',
+    },
+    [`.${cardClasses.root}:not(:hover) &`]: {
+      opacity: 0,
+      transform: 'scale(0.85) translateY(-10px)',
+      transitionDelay: '50ms',
+    },
+  },
+  '&[data-delay="3"]': {
+    [`.${cardClasses.root}:hover &`]: {
+      opacity: 1,
+      transform: 'scale(1) translateY(0)',
+      transitionDelay: '0ms',
+    },
+    [`.${cardClasses.root}:not(:hover) &`]: {
+      opacity: 0,
+      transform: 'scale(0.85) translateY(-10px)',
+      transitionDelay: '75ms',
+    },
+  },
 }))
 
 export const MaxButtonSkeleton = styled(Skeleton)(({ theme }) => ({

package/src/components/AmountInput/AmountInputEndAdornment.tsx

@@ -8,7 +8,7 @@ import type { FormTypeProps } from '../../stores/form/types.js'
 import { FormKeyHelper } from '../../stores/form/types.js'
 import { useFieldActions } from '../../stores/form/useFieldActions.js'
 import { useFieldValues } from '../../stores/form/useFieldValues.js'
-import { MaxButton, MaxButtonSkeleton } from './AmountInputAdornment.style.js'
+import { ButtonContainer, MaxButton } from './AmountInputAdornment.style.js'
 
 export const AmountInputEndAdornment = ({ formType }: FormTypeProps) => {
   const { t } = useTranslation()
@@ -24,11 +24,11 @@ export const AmountInputEndAdornment = ({ formType }: FormTypeProps) => {
   // the user will have enough funds remaining to cover gas costs
   const { data } = useGasRecommendation(chainId)
 
-  const { token, isLoading } = useTokenAddressBalance(chainId, tokenAddress)
+  const { token } = useTokenAddressBalance(chainId, tokenAddress)
 
-  const handleMax = () => {
+  const getMaxAmount = () => {
     if (!token?.amount) {
-      return
+      return 0n
     }
     const chain = getChainById(chainId)
     let maxAmount = token.amount
@@ -38,7 +38,26 @@ export const AmountInputEndAdornment = ({ formType }: FormTypeProps) => {
         maxAmount = token.amount - recommendedAmount
       }
     }
-    if (maxAmount) {
+    return maxAmount
+  }
+
+  const handlePercentage = (percentage: number) => {
+    const maxAmount = getMaxAmount()
+    if (maxAmount && token?.decimals) {
+      const percentageAmount = (maxAmount * BigInt(percentage)) / 100n
+      setFieldValue(
+        FormKeyHelper.getAmountKey(formType),
+        formatUnits(percentageAmount, token.decimals),
+        {
+          isTouched: true,
+        }
+      )
+    }
+  }
+
+  const handleMax = () => {
+    const maxAmount = getMaxAmount()
+    if (maxAmount && token?.decimals) {
       setFieldValue(
         FormKeyHelper.getAmountKey(formType),
         formatUnits(maxAmount, token.decimals),
@@ -50,11 +69,22 @@ export const AmountInputEndAdornment = ({ formType }: FormTypeProps) => {
   }
 
   return (
-    <InputAdornment position="end">
-      {isLoading && tokenAddress ? (
-        <MaxButtonSkeleton variant="rectangular" />
-      ) : formType === 'from' && token?.amount ? (
-        <MaxButton onClick={handleMax}>{t('button.max')}</MaxButton>
+    <InputAdornment position="end" sx={{ paddingTop: 2 }}>
+      {formType === 'from' && token?.amount ? (
+        <ButtonContainer>
+          <MaxButton onClick={() => handlePercentage(25)} data-delay="0">
+            25%
+          </MaxButton>
+          <MaxButton onClick={() => handlePercentage(50)} data-delay="1">
+            50%
+          </MaxButton>
+          <MaxButton onClick={() => handlePercentage(75)} data-delay="2">
+            75%
+          </MaxButton>
+          <MaxButton onClick={handleMax} data-delay="3">
+            {t('button.max')}
+          </MaxButton>
+        </ButtonContainer>
       ) : null}
     </InputAdornment>
   )

package/src/components/AmountInput/PriceFormHelperText.style.tsx

@@ -0,0 +1,29 @@
+import { Button, styled } from '@mui/material'
+
+export const InputPriceButton = styled(Button)(({ theme, onClick }) => ({
+  color: theme.vars.palette.text.secondary,
+  padding: theme.spacing(0.25, 0.5, 0.25, 0.75),
+  maxHeight: 16,
+  fontSize: '0.75rem',
+  fontWeight: 500,
+  borderRadius: `calc(${theme.vars.shape.borderRadius} * 2)`,
+  backgroundColor: 'transparent',
+  minWidth: 32,
+  ...(onClick
+    ? {
+        '&:hover': {
+          backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,
+        },
+        ...theme.applyStyles('dark', {
+          backgroundColor: 'transparent',
+          '&:hover': {
+            backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,
+          },
+        }),
+      }
+    : {
+        cursor: 'text',
+        userSelect: 'text',
+        pointerEvents: 'none',
+      }),
+}))

package/src/components/AmountInput/PriceFormHelperText.tsx

@@ -1,11 +1,14 @@
 import type { TokenAmount } from '@lifi/sdk'
+import SwapVertIcon from '@mui/icons-material/SwapVert'
 import { FormHelperText, Skeleton, Typography } from '@mui/material'
 import { useTranslation } from 'react-i18next'
 import { useTokenAddressBalance } from '../../hooks/useTokenAddressBalance.js'
 import type { FormTypeProps } from '../../stores/form/types.js'
 import { FormKeyHelper } from '../../stores/form/types.js'
 import { useFieldValues } from '../../stores/form/useFieldValues.js'
+import { useInputModeStore } from '../../stores/inputMode/useInputModeStore.js'
 import { formatTokenAmount, formatTokenPrice } from '../../utils/format.js'
+import { InputPriceButton } from './PriceFormHelperText.style.js'
 
 export const PriceFormHelperText: React.FC<FormTypeProps> = ({ formType }) => {
   const [chainId, tokenAddress] = useFieldValues(
@@ -33,11 +36,31 @@ export const PriceFormHelperTextBase: React.FC<
 > = ({ formType, isLoading, tokenAddress, token }) => {
   const { t } = useTranslation()
   const [amount] = useFieldValues(FormKeyHelper.getAmountKey(formType))
+  const { inputMode, toggleInputMode } = useInputModeStore()
+
+  const currentInputMode = inputMode[formType]
 
   const tokenAmount = token
     ? formatTokenAmount(token.amount, token.decimals)
     : '0'
-  const tokenPrice = formatTokenPrice(amount, token?.priceUSD)
+
+  const getPriceAmountDisplayValue = () => {
+    if (currentInputMode === 'amount') {
+      const tokenPrice = formatTokenPrice(
+        amount,
+        token?.priceUSD,
+        token?.decimals
+      )
+      return t('format.currency', { value: tokenPrice })
+    } else {
+      return t('format.tokenAmount', { value: amount || '0' })
+    }
+  }
+
+  const handleToggleMode = (e: React.MouseEvent) => {
+    e.stopPropagation()
+    toggleInputMode(formType)
+  }
 
   return (
     <FormHelperText
@@ -45,28 +68,49 @@ export const PriceFormHelperTextBase: React.FC<
       sx={{
         display: 'flex',
         justifyContent: 'space-between',
+        alignItems: 'center',
         margin: 0,
-        marginLeft: 2,
-        marginTop: 0.75,
+        marginLeft: 1.25,
+        marginTop: 0.5,
       }}
     >
-      <Typography
-        sx={{
-          color: 'text.secondary',
-          fontWeight: 500,
-          fontSize: 12,
-          lineHeight: 1,
-          flex: 1,
-          wordBreak: 'break-word',
-          overflowWrap: 'break-word',
-        }}
+      <InputPriceButton
+        onClick={token?.priceUSD ? handleToggleMode : undefined}
       >
-        {t('format.currency', {
-          value: tokenPrice,
-        })}
-      </Typography>
+        <Typography
+          sx={{
+            color: 'text.secondary',
+            fontWeight: 500,
+            fontSize: 12,
+            lineHeight: 1,
+            marginRight: 0.25,
+            maxWidth: 136,
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+          }}
+        >
+          {getPriceAmountDisplayValue()}
+        </Typography>
+        {currentInputMode === 'price' && token?.symbol ? (
+          <Typography
+            sx={{
+              color: 'text.secondary',
+              fontWeight: 500,
+              fontSize: 12,
+              lineHeight: 1,
+              wordBreak: 'break-word',
+              overflowWrap: 'break-word',
+              marginRight: 0.25,
+            }}
+          >
+            {token.symbol}
+          </Typography>
+        ) : null}
+        {token?.priceUSD && <SwapVertIcon sx={{ fontSize: 14 }} />}
+      </InputPriceButton>
       {isLoading && tokenAddress ? (
-        <Skeleton variant="text" width={48} height={12} />
+        <Skeleton variant="text" width={56} height={16} />
       ) : token?.amount ? (
         <Typography
           sx={{
@@ -74,7 +118,7 @@ export const PriceFormHelperTextBase: React.FC<
             fontSize: 12,
             color: 'text.secondary',
             lineHeight: 1,
-            pl: 0.25,
+            paddingLeft: 0.25,
           }}
           title={tokenAmount}
         >

package/src/components/AppContainer.tsx

@@ -71,6 +71,7 @@ export const RelativeContainer = styled(Box, {
           maxHeight: 'none',
           height: '100%',
           boxShadow: 'none',
+          borderRadius: 0,
         },
       },
     ],