@lifi/widget 3.0.0-alpha.8 → 3.0.0-beta.0

package/_esm/utils/converters.js.map

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

package/_esm/utils/fees.d.ts

@@ -0,0 +1,9 @@
+import type { FeeCost, GasCost, Route, Token } from '@lifi/sdk';
+export interface FeesBreakdown {
+    amount: bigint;
+    amountUSD: number;
+    token: Token;
+}
+export declare const getGasCostsBreakdown: (route: Route) => FeesBreakdown[];
+export declare const getFeeCostsBreakdown: (route: Route, included?: boolean) => FeesBreakdown[];
+export declare const getStepFeeCostsBreakdown: (feeCosts: FeeCost[] | GasCost[]) => FeesBreakdown;

package/_esm/utils/fees.js

@@ -0,0 +1,57 @@
+export const getGasCostsBreakdown = (route) => {
+    return Object.values(route.steps.reduce((groupedGasCosts, step) => {
+        if (step.estimate.gasCosts?.length) {
+            const { token, amount: gasCostAmount, amountUSD: gasCostAmountUSD, } = getStepFeeCostsBreakdown(step.estimate.gasCosts);
+            const groupedGasCost = groupedGasCosts[token.chainId];
+            const amount = groupedGasCost
+                ? groupedGasCost.amount + gasCostAmount
+                : gasCostAmount;
+            const amountUSD = groupedGasCost
+                ? groupedGasCost.amountUSD + gasCostAmountUSD
+                : gasCostAmountUSD;
+            groupedGasCosts[token.chainId] = {
+                amount,
+                amountUSD,
+                token,
+            };
+            return groupedGasCosts;
+        }
+        return groupedGasCosts;
+    }, {}));
+};
+export const getFeeCostsBreakdown = (route, included) => {
+    return Object.values(route.steps.reduce((groupedFeeCosts, step) => {
+        let feeCosts = step.estimate.feeCosts;
+        if (typeof included === 'boolean') {
+            feeCosts = feeCosts?.filter((feeCost) => feeCost.included === included);
+        }
+        if (feeCosts?.length) {
+            const { token, amount: feeCostAmount, amountUSD: feeCostAmountUSD, } = getStepFeeCostsBreakdown(feeCosts);
+            const groupedFeeCost = groupedFeeCosts[token.chainId];
+            const amount = groupedFeeCost
+                ? groupedFeeCost.amount + feeCostAmount
+                : feeCostAmount;
+            const amountUSD = groupedFeeCost
+                ? groupedFeeCost.amountUSD + feeCostAmountUSD
+                : feeCostAmountUSD;
+            groupedFeeCosts[token.chainId] = {
+                amount,
+                amountUSD,
+                token,
+            };
+            return groupedFeeCosts;
+        }
+        return groupedFeeCosts;
+    }, {}));
+};
+export const getStepFeeCostsBreakdown = (feeCosts) => {
+    const token = feeCosts[0].token;
+    const amount = feeCosts.reduce((amount, feeCost) => amount + BigInt(feeCost.amount || 0), 0n);
+    const amountUSD = feeCosts.reduce((amount, feeCost) => amount + parseFloat(feeCost.amountUSD || '0'), 0);
+    return {
+        amount,
+        amountUSD,
+        token,
+    };
+};
+//# sourceMappingURL=fees.js.map

package/_esm/utils/fees.js.map

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

package/_esm/utils/item.d.ts

@@ -0,0 +1,2 @@
+import type { AllowDeny } from '../types/widget.js';
+export declare const isItemAllowed: <T>(itemId: T, items?: AllowDeny<T>) => boolean;

package/_esm/utils/item.js

@@ -0,0 +1,7 @@
+export const isItemAllowed = (itemId, items) => {
+    if (items?.allow?.length) {
+        return items.allow.includes(itemId);
+    }
+    return !items?.deny?.includes(itemId);
+};
+//# sourceMappingURL=item.js.map

package/_esm/utils/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../utils/item.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAI,MAAS,EAAE,KAAoB,EAAE,EAAE;IAClE,IAAI,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IACD,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;AACxC,CAAC,CAAC"}

package/_esm/utils/navigationRoutes.d.ts

@@ -15,6 +15,11 @@ export declare const navigationRoutes: {
     transactionDetails: string;
     transactionExecution: string;
     transactionHistory: string;
+    sendToWallet: string;
+    bookmarks: string;
+    recentWallets: string;
+    connectedWallets: string;
+    configuredWallets: string;
 };
 export declare const navigationRoutesValues: string[];
 export declare const stickyHeaderRoutes: string[];

package/_esm/utils/navigationRoutes.js

@@ -15,6 +15,11 @@ export const navigationRoutes = {
     transactionDetails: 'transaction-details',
     transactionExecution: 'transaction-execution',
     transactionHistory: 'transaction-history',
+    sendToWallet: 'send-to-wallet',
+    bookmarks: 'bookmarks',
+    recentWallets: 'recent-wallets',
+    connectedWallets: 'connected-wallets',
+    configuredWallets: 'configured-wallets',
 };
 export const navigationRoutesValues = Object.values(navigationRoutes);
 export const stickyHeaderRoutes = [
@@ -31,6 +36,11 @@ export const stickyHeaderRoutes = [
     navigationRoutes.transactionDetails,
     navigationRoutes.transactionExecution,
     navigationRoutes.transactionHistory,
+    navigationRoutes.sendToWallet,
+    navigationRoutes.bookmarks,
+    navigationRoutes.recentWallets,
+    navigationRoutes.connectedWallets,
+    navigationRoutes.configuredWallets,
 ];
 export const backButtonRoutes = [
     navigationRoutes.activeTransactions,
@@ -48,5 +58,10 @@ export const backButtonRoutes = [
     navigationRoutes.transactionDetails,
     navigationRoutes.transactionExecution,
     navigationRoutes.transactionHistory,
+    navigationRoutes.sendToWallet,
+    navigationRoutes.bookmarks,
+    navigationRoutes.recentWallets,
+    navigationRoutes.connectedWallets,
+    navigationRoutes.configuredWallets,
 ];
 //# sourceMappingURL=navigationRoutes.js.map

package/_esm/utils/navigationRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigationRoutes.js","sourceRoot":"","sources":["../../utils/navigationRoutes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,GAAG;IACT,kBAAkB,EAAE,qBAAqB;IACzC,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,eAAe;IAC7B,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,UAAU;IACnB,aAAa,EAAE,iBAAiB;IAChC,kBAAkB,EAAE,qBAAqB;IACzC,oBAAoB,EAAE,uBAAuB;IAC7C,kBAAkB,EAAE,qBAAqB;CAC1C,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAEtE,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,IAAI;IACrB,gBAAgB,CAAC,MAAM;IACvB,gBAAgB,CAAC,YAAY;IAC7B,gBAAgB,CAAC,QAAQ;IACzB,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,aAAa;IAC9B,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,oBAAoB;IACrC,gBAAgB,CAAC,kBAAkB;CACpC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,MAAM;IACvB,gBAAgB,CAAC,YAAY;IAC7B,gBAAgB,CAAC,QAAQ;IACzB,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,aAAa;IAC9B,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,oBAAoB;IACrC,gBAAgB,CAAC,kBAAkB;CACpC,CAAC"}
+{"version":3,"file":"navigationRoutes.js","sourceRoot":"","sources":["../../utils/navigationRoutes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,GAAG;IACT,kBAAkB,EAAE,qBAAqB;IACzC,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,eAAe;IAC7B,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,UAAU;IACnB,aAAa,EAAE,iBAAiB;IAChC,kBAAkB,EAAE,qBAAqB;IACzC,oBAAoB,EAAE,uBAAuB;IAC7C,kBAAkB,EAAE,qBAAqB;IACzC,YAAY,EAAE,gBAAgB;IAC9B,SAAS,EAAE,WAAW;IACtB,aAAa,EAAE,gBAAgB;IAC/B,gBAAgB,EAAE,mBAAmB;IACrC,iBAAiB,EAAE,oBAAoB;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAEtE,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,IAAI;IACrB,gBAAgB,CAAC,MAAM;IACvB,gBAAgB,CAAC,YAAY;IAC7B,gBAAgB,CAAC,QAAQ;IACzB,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,aAAa;IAC9B,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,oBAAoB;IACrC,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,YAAY;IAC7B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,aAAa;IAC9B,gBAAgB,CAAC,gBAAgB;IACjC,gBAAgB,CAAC,iBAAiB;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,MAAM;IACvB,gBAAgB,CAAC,YAAY;IAC7B,gBAAgB,CAAC,QAAQ;IACzB,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,OAAO;IACxB,gBAAgB,CAAC,aAAa;IAC9B,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,oBAAoB;IACrC,gBAAgB,CAAC,kBAAkB;IACnC,gBAAgB,CAAC,YAAY;IAC7B,gBAAgB,CAAC,SAAS;IAC1B,gBAAgB,CAAC,aAAa;IAC9B,gBAAgB,CAAC,gBAAgB;IACjC,gBAAgB,CAAC,iBAAiB;CACnC,CAAC"}

package/components/ActiveTransactions/ActiveTransactionItem.tsx

@@ -1,14 +1,14 @@
-import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
-import ErrorRoundedIcon from '@mui/icons-material/ErrorRounded';
-import InfoRoundedIcon from '@mui/icons-material/InfoRounded';
+import { ArrowForward, ErrorRounded, InfoRounded } from '@mui/icons-material';
 import { ListItemAvatar, ListItemText, Typography } from '@mui/material';
 import { useNavigate } from 'react-router-dom';
-import { useProcessMessage, useRouteExecution } from '../../hooks';
-import { RouteExecutionStatus } from '../../stores';
-import { navigationRoutes } from '../../utils';
-import { StepTimer } from '../Step/StepTimer';
-import { TokenAvatar, TokenAvatarGroup } from '../TokenAvatar';
-import { ListItem, ListItemButton } from './ActiveTransactions.style';
+import { useProcessMessage } from '../../hooks/useProcessMessage.js';
+import { useRouteExecution } from '../../hooks/useRouteExecution.js';
+import { RouteExecutionStatus } from '../../stores/routes/types.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { TokenAvatarGroup } from '../Avatar/Avatar.style.js';
+import { TokenAvatar } from '../Avatar/TokenAvatar.js';
+import { StepTimer } from '../Step/StepTimer.js';
+import { ListItem, ListItemButton } from './ActiveTransactions.style.js';
 
 export const ActiveTransactionItem: React.FC<{
   routeId: string;
@@ -36,9 +36,9 @@ export const ActiveTransactionItem: React.FC<{
   const getStatusComponent = () => {
     switch (lastActiveProcess?.status) {
       case 'ACTION_REQUIRED':
-        return <InfoRoundedIcon color="info" fontSize="small" />;
+        return <InfoRounded color="info" fontSize="small" />;
       case 'FAILED':
-        return <ErrorRoundedIcon color="error" fontSize="small" />;
+        return <ErrorRounded color="error" fontSize="small" />;
       default:
         return (
           <Typography fontSize={14} fontWeight={500}>
@@ -73,7 +73,7 @@ export const ActiveTransactionItem: React.FC<{
             }}
           >
             {route.fromToken.symbol}
-            <ArrowForwardIcon sx={{ paddingX: 0.5 }} />
+            <ArrowForward sx={{ paddingX: 0.5 }} />
             {route.toToken.symbol}
           </Typography>
         }

package/components/ActiveTransactions/ActiveTransactions.style.ts

@@ -2,10 +2,10 @@ import {
   Button,
   ListItem as MuiListItem,
   ListItemButton as MuiListItemButton,
+  listItemSecondaryActionClasses,
+  styled,
 } from '@mui/material';
-import { listItemSecondaryActionClasses } from '@mui/material/ListItemSecondaryAction';
-import { styled } from '@mui/material/styles';
-import { getContrastAlphaColor } from '../../utils';
+import { getContrastAlphaColor } from '../../utils/colors.js';
 
 export const ListItemButton = styled(MuiListItemButton)(({ theme }) => ({
   borderRadius: theme.shape.borderRadius,
@@ -13,7 +13,7 @@ export const ListItemButton = styled(MuiListItemButton)(({ theme }) => ({
   paddingRight: theme.spacing(1.5),
   height: 64,
   '&:hover': {
-    backgroundColor: getContrastAlphaColor(theme.palette.mode, '4%'),
+    backgroundColor: getContrastAlphaColor(theme, 0.04),
   },
 }));
 

package/components/ActiveTransactions/ActiveTransactions.tsx

@@ -1,19 +1,18 @@
-import type { BoxProps } from '@mui/material';
+import type { CardProps } from '@mui/material';
 import { Stack } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import { useAccount } from '../../hooks';
-import { useExecutingRoutesIds } from '../../stores';
-import { navigationRoutes } from '../../utils';
-import { Card, CardTitle } from '../Card';
-import { ActiveTransactionItem } from './ActiveTransactionItem';
-import { ShowAllButton } from './ActiveTransactions.style';
+import { useExecutingRoutesIds } from '../../stores/routes/useExecutingRoutesIds.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { Card } from '../Card/Card.js';
+import { CardTitle } from '../Card/CardTitle.js';
+import { ActiveTransactionItem } from './ActiveTransactionItem.js';
+import { ShowAllButton } from './ActiveTransactions.style.js';
 
-export const ActiveTransactions: React.FC<BoxProps> = (props) => {
+export const ActiveTransactions: React.FC<CardProps> = (props) => {
   const { t } = useTranslation();
   const navigate = useNavigate();
-  const { account } = useAccount();
-  const executingRoutes = useExecutingRoutesIds(account.address);
+  const executingRoutes = useExecutingRoutesIds();
 
   if (!executingRoutes?.length) {
     return null;
@@ -26,7 +25,7 @@ export const ActiveTransactions: React.FC<BoxProps> = (props) => {
   const hasShowAll = executingRoutes?.length > 2;
 
   return (
-    <Card variant="selected" selectionColor="secondary" {...props}>
+    <Card type="selected" selectionColor="secondary" {...props}>
       <CardTitle>{t('header.activeTransactions')}</CardTitle>
       <Stack spacing={1.5} pt={1.5} pb={hasShowAll ? 0 : 2}>
         {executingRoutes.slice(0, 2).map((routeId) => (

package/components/AlertMessage/AlertMessage.style.tsx

@@ -0,0 +1,42 @@
+import { Box, alpha, darken, lighten, styled } from '@mui/material';
+import {
+  getInfoBackgroundColor,
+  getWarningBackgroundColor,
+} from '../../utils/colors.js';
+import type { Severity } from './types.js';
+
+interface AlertSeverityProps {
+  severity: Severity;
+}
+
+export const AlertMessageCard = styled(Box, {
+  shouldForwardProp: (prop) => prop !== 'severity',
+})<AlertSeverityProps>(({ theme, severity }) => ({
+  borderRadius: theme.shape.borderRadius,
+  position: 'relative',
+  whiteSpace: 'pre-line',
+  width: '100%',
+  paddingBottom: theme.spacing(2),
+  backgroundColor:
+    severity === 'warning'
+      ? getWarningBackgroundColor(theme)
+      : getInfoBackgroundColor(theme),
+}));
+
+export const AlertMessageCardTitle = styled(Box, {
+  shouldForwardProp: (prop) => prop !== 'severity',
+})<AlertSeverityProps>(({ theme, severity }) => ({
+  display: 'flex',
+  paddingLeft: theme.spacing(2),
+  paddingRight: theme.spacing(2),
+  paddingTop: theme.spacing(2),
+  gap: theme.spacing(1),
+  color:
+    severity === 'warning'
+      ? theme.palette.mode === 'light'
+        ? darken(theme.palette.warning.main, 0.36)
+        : alpha(theme.palette.warning.main, 1)
+      : theme.palette.mode === 'light'
+        ? theme.palette.info.main
+        : lighten(theme.palette.info.main, 0.24),
+}));

package/components/AlertMessage/AlertMessage.tsx

@@ -0,0 +1,34 @@
+import type { BoxProps } from '@mui/material';
+import type { PropsWithChildren, ReactNode } from 'react';
+import {
+  AlertMessageCard,
+  AlertMessageCardTitle,
+} from './AlertMessage.style.js';
+import type { Severity } from './types.js';
+
+interface AlertMessageProps extends PropsWithChildren<Omit<BoxProps, 'title'>> {
+  icon: ReactNode;
+  title: ReactNode;
+  multilineTitle?: boolean;
+  severity?: Severity;
+}
+
+export const AlertMessage = ({
+  title,
+  icon,
+  children,
+  multilineTitle,
+  severity = 'info',
+  ...rest
+}: AlertMessageProps) => (
+  <AlertMessageCard severity={severity} {...rest}>
+    <AlertMessageCardTitle
+      severity={severity}
+      alignItems={multilineTitle ? 'start' : 'center'}
+    >
+      {icon}
+      {title}
+    </AlertMessageCardTitle>
+    {children}
+  </AlertMessageCard>
+);

package/components/AlertMessage/types.ts

@@ -0,0 +1 @@
+export type Severity = 'info' | 'warning';

package/components/AmountInput/AmountInput.style.tsx

@@ -1,21 +1,31 @@
-import { FormControl as MuiFormControl, InputBase } from '@mui/material';
-import { inputBaseClasses } from '@mui/material/InputBase';
-import { styled } from '@mui/material/styles';
+import {
+  Box,
+  InputBase,
+  FormControl as MuiFormControl,
+  inputBaseClasses,
+  styled,
+} from '@mui/material';
 
 export const maxInputFontSize = 24;
 export const minInputFontSize = 14;
 
+export const FormContainer = styled(Box)(({ theme }) => ({
+  display: 'flex',
+  alignItems: 'center',
+  padding: theme.spacing(2),
+}));
+
 export const FormControl = styled(MuiFormControl)(({ theme }) => ({
-  padding: theme.spacing(1.5, 2, 1.5, 0),
+  height: 40,
 }));
 
 export const Input = styled(InputBase)(({ theme }) => ({
   fontSize: 24,
   fontWeight: 700,
   boxShadow: 'none',
-  // padding: theme.spacing(2, 2, 2, 0),
+  lineHeight: 1.5,
   [`.${inputBaseClasses.input}`]: {
-    height: 32,
+    height: 24,
     padding: theme.spacing(0, 0, 0, 2),
   },
   '& input[type="number"]::-webkit-outer-spin-button, & input[type="number"]::-webkit-inner-spin-button':

package/components/AmountInput/AmountInput.tsx

@@ -1,47 +1,50 @@
 import type { Token } from '@lifi/sdk';
-import type { BoxProps } from '@mui/material';
+import type { CardProps } from '@mui/material';
 import type { ChangeEvent, ReactNode } from 'react';
 import { useLayoutEffect, useRef } from 'react';
-import { useController, useWatch } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
-import { useToken } from '../../hooks';
-import type { FormTypeProps } from '../../providers';
-import { FormKeyHelper, useWidgetConfig } from '../../providers';
-import { DisabledUI } from '../../types';
-import { fitInputText, formatInputAmount } from '../../utils';
-import { Card, CardTitle } from '../Card';
+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 { useFieldValues } from '../../stores/form/useFieldValues.js';
+import { DisabledUI } from '../../types/widget.js';
+import { formatInputAmount } from '../../utils/format.js';
+import { fitInputText } from '../../utils/input.js';
+import { CardTitle } from '../Card/CardTitle.js';
+import { InputCard } from '../Card/InputCard.js';
 import {
+  FormContainer,
   FormControl,
   Input,
   maxInputFontSize,
   minInputFontSize,
-} from './AmountInput.style';
-import { AmountInputEndAdornment } from './AmountInputEndAdornment';
-import { AmountInputStartAdornment } from './AmountInputStartAdornment';
-import { FormPriceHelperText } from './FormPriceHelperText';
+} from './AmountInput.style.js';
+import { AmountInputEndAdornment } from './AmountInputEndAdornment.js';
+import { AmountInputStartAdornment } from './AmountInputStartAdornment.js';
+import { PriceFormHelperText } from './PriceFormHelperText.js';
 
-export const AmountInput: React.FC<FormTypeProps & BoxProps> = ({
+export const AmountInput: React.FC<FormTypeProps & CardProps> = ({
   formType,
   ...props
 }) => {
   const { disabledUI } = useWidgetConfig();
-  const [chainId, tokenAddress] = useWatch({
-    name: [
-      FormKeyHelper.getChainKey(formType),
-      FormKeyHelper.getTokenKey(formType),
-    ],
-  });
+
+  const [chainId, tokenAddress] = useFieldValues(
+    FormKeyHelper.getChainKey(formType),
+    FormKeyHelper.getTokenKey(formType),
+  );
+
   const { token } = useToken(chainId, tokenAddress);
   const disabled = disabledUI?.includes(DisabledUI.FromAmount);
   return (
     <AmountInputBase
       formType={formType}
       token={token}
-      startAdornment={<AmountInputStartAdornment formType={formType} />}
       endAdornment={
         !disabled ? <AmountInputEndAdornment formType={formType} /> : undefined
       }
-      bottomAdornment={<FormPriceHelperText formType={formType} />}
+      bottomAdornment={<PriceFormHelperText formType={formType} />}
       disabled={disabled}
       {...props}
     />
@@ -50,7 +53,7 @@ export const AmountInput: React.FC<FormTypeProps & BoxProps> = ({
 
 export const AmountInputBase: React.FC<
   FormTypeProps &
-    BoxProps & {
+    CardProps & {
       token?: Token;
       startAdornment?: ReactNode;
       endAdornment?: ReactNode;
@@ -67,13 +70,9 @@ export const AmountInputBase: React.FC<
   ...props
 }) => {
   const { t } = useTranslation();
-  const amountKey = FormKeyHelper.getAmountKey(formType);
-  const {
-    field: { onChange, onBlur, value },
-  } = useController({
-    name: amountKey,
-  });
   const ref = useRef<HTMLInputElement>(null);
+  const amountKey = FormKeyHelper.getAmountKey(formType);
+  const { onChange, onBlur, value } = useFieldController({ name: amountKey });
 
   const handleChange = (
     event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
@@ -99,28 +98,31 @@ export const AmountInputBase: React.FC<
   }, [value, ref]);
 
   return (
-    <Card {...props}>
+    <InputCard {...props}>
       <CardTitle>{t('main.fromAmount')}</CardTitle>
-      <FormControl fullWidth>
-        <Input
-          inputRef={ref}
-          size="small"
-          autoComplete="off"
-          placeholder="0"
-          startAdornment={startAdornment}
-          endAdornment={endAdornment}
-          inputProps={{
-            inputMode: 'decimal',
-          }}
-          onChange={handleChange}
-          onBlur={handleBlur}
-          value={value}
-          name={amountKey}
-          disabled={disabled}
-          required
-        />
-        {bottomAdornment}
-      </FormControl>
-    </Card>
+      <FormContainer>
+        <AmountInputStartAdornment formType={formType} />
+        <FormControl fullWidth>
+          <Input
+            inputRef={ref}
+            size="small"
+            autoComplete="off"
+            placeholder="0"
+            startAdornment={startAdornment}
+            endAdornment={endAdornment}
+            inputProps={{
+              inputMode: 'decimal',
+            }}
+            onChange={handleChange}
+            onBlur={handleBlur}
+            value={value}
+            name={amountKey}
+            disabled={disabled}
+            required
+          />
+          {bottomAdornment}
+        </FormControl>
+      </FormContainer>
+    </InputCard>
   );
 };

package/components/AmountInput/AmountInputAdornment.style.tsx

@@ -1,9 +1,14 @@
-import { Button as MuiButton } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Button as MuiButton, Skeleton, styled } from '@mui/material';
 
-export const Button = styled(MuiButton)(({ theme }) => ({
+export const MaxButton = styled(MuiButton)(({ theme }) => ({
   padding: theme.spacing(0.5, 1, 0.625, 1),
   lineHeight: 1.0715,
   fontSize: '0.875rem',
   minWidth: 'unset',
 }));
+
+export const MaxButtonSkeleton = styled(Skeleton)(({ theme }) => ({
+  width: 46,
+  height: 24,
+  borderRadius: theme.shape.borderRadiusSecondary,
+}));