@lifi/widget 3.0.0-alpha.11 → 3.0.0-alpha.13

package/_esm/App.js

@@ -4,8 +4,21 @@ import { forwardRef, useMemo } from 'react';
 import { AppDefault } from './AppDefault';
 import { AppDrawer } from './AppDrawer';
 import { AppProvider } from './AppProvider';
-export const App = forwardRef(({ elementRef, open, integrator, ...other }, ref) => {
-    const config = useMemo(() => ({ integrator, ...other, ...other.config }), [integrator, other]);
-    return config?.variant !== 'drawer' ? (_jsx(AppProvider, { config: config, children: _jsx(AppDefault, {}) })) : (_jsx(AppDrawer, { ref: ref, elementRef: elementRef, integrator: integrator, config: config, open: open }));
+export const App = forwardRef(({ elementRef, open, onClose, integrator, ...other }, ref) => {
+    const config = useMemo(() => {
+        const config = { integrator, ...other, ...other.config };
+        if (config.variant === 'drawer') {
+            config.containerStyle = {
+                height: '100%',
+                ...config?.containerStyle,
+            };
+        }
+        return config;
+    }, [integrator, other]);
+    const app = (_jsx(AppProvider, { config: config, children: _jsx(AppDefault, {}) }));
+    if (config.variant === 'drawer') {
+        return (_jsx(AppDrawer, { ref: ref, elementRef: elementRef, integrator: integrator, config: config, open: open, onClose: onClose, children: app }));
+    }
+    return app;
 });
 //# sourceMappingURL=App.js.map

package/_esm/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../App.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAC3B,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClD,MAAM,MAAM,GAAiB,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EACjD,CAAC,UAAU,EAAE,KAAK,CAAC,CACpB,CAAC;IACF,OAAO,MAAM,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpC,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,YACzB,KAAC,UAAU,KAAG,GACF,CACf,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../App.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAC3B,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3D,MAAM,MAAM,GAAiB,OAAO,CAAC,GAAG,EAAE;QACxC,MAAM,MAAM,GAAG,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;QACzD,IAAI,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YAChC,MAAM,CAAC,cAAc,GAAG;gBACtB,MAAM,EAAE,MAAM;gBACd,GAAG,MAAM,EAAE,cAAc;aAC1B,CAAC;QACJ,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB,MAAM,GAAG,GAAG,CACV,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,YACzB,KAAC,UAAU,KAAG,GACF,CACf,CAAC;IAEF,IAAI,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,YAEf,GAAG,GACM,CACb,CAAC;IACJ,CAAC;IAED,OAAO,GAAG,CAAC;AACb,CAAC,CACF,CAAC"}

package/_esm/AppDrawer.d.ts

@@ -1,12 +1,14 @@
 /// <reference types="react" />
-import type { WidgetConfig, WidgetSubvariant } from './types';
+import type { WidgetSubvariant } from './types';
 export interface WidgetDrawer {
     isOpen(): void;
     toggleDrawer(): void;
     openDrawer(): void;
     closeDrawer(): void;
 }
-export declare const AppDrawer: import("react").ForwardRefExoticComponent<import("./types").WidgetDrawerProps & WidgetConfig & import("./types").WidgetConfigPartialProps & import("react").RefAttributes<WidgetDrawer>>;
+export declare const AppDrawer: import("react").ForwardRefExoticComponent<import("./types").WidgetDrawerProps & import("./types").WidgetConfig & import("./types").WidgetConfigPartialProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<WidgetDrawer>>;
 export declare const DrawerButtonText: ({ open, subvariant, }: {
     open: boolean;
     subvariant?: WidgetSubvariant | undefined;

package/_esm/AppDrawer.js

@@ -1,41 +1,43 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import CloseIcon from '@mui/icons-material/esm/CloseRounded';
 import KeyboardArrowLeftIcon from '@mui/icons-material/esm/KeyboardArrowLeft';
 import KeyboardArrowRightIcon from '@mui/icons-material/esm/KeyboardArrowRight';
 import { Drawer } from '@mui/material';
 import { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState, } from 'react';
 import { useTranslation } from 'react-i18next';
-import { AppDefault } from './AppDefault';
-import { CloseButtonLayout, DrawerButton, DrawerButtonTypography, } from './AppDrawer.style';
-import { AppProvider } from './AppProvider';
+import { DrawerButton, DrawerButtonTypography } from './AppDrawer.style';
+import { DrawerContext } from './AppDrawerContext';
 import { HiddenUI } from './types';
-export const AppDrawer = forwardRef(({ elementRef, open, integrator, config }, ref) => {
-    const openRef = useRef(open);
+export const AppDrawer = forwardRef(({ elementRef, open, onClose, config, children }, ref) => {
+    const openRef = useRef(Boolean(open));
     const [drawerOpen, setDrawerOpen] = useState(Boolean(open));
     const toggleDrawer = useCallback(() => {
-        setDrawerOpen((open) => !open);
-    }, []);
+        setDrawerOpen((open) => {
+            openRef.current = !open;
+            return openRef.current;
+        });
+        if (!openRef.current) {
+            onClose?.();
+        }
+    }, [onClose]);
     const openDrawer = useCallback(() => {
         setDrawerOpen(true);
+        openRef.current = true;
     }, []);
     const closeDrawer = useCallback(() => {
         setDrawerOpen(false);
-    }, []);
+        openRef.current = false;
+        onClose?.();
+    }, [onClose]);
     useImperativeHandle(ref, () => ({
         isOpen: () => openRef.current,
         toggleDrawer,
         openDrawer,
         closeDrawer,
     }), [closeDrawer, openDrawer, toggleDrawer]);
-    const widgetConfig = useMemo(() => ({
-        ...config,
-        integrator,
-        containerStyle: {
-            ...config?.containerStyle,
-            height: '100%',
-        },
-    }), [config, integrator]);
-    return (_jsxs(AppProvider, { config: widgetConfig, children: [!widgetConfig.hiddenUI?.includes(HiddenUI.DrawerButton) ? (_jsxs(DrawerButton, { variant: "contained", onClick: toggleDrawer, open: drawerOpen, drawerProps: config?.containerStyle, children: [drawerOpen ? (_jsx(KeyboardArrowRightIcon, {})) : (_jsx(KeyboardArrowLeftIcon, {})), _jsx(DrawerButtonText, { open: drawerOpen, subvariant: config?.subvariant })] })) : null, _jsxs(Drawer, { ref: elementRef, anchor: "right", open: drawerOpen, onClose: closeDrawer, slotProps: {
+    const drawerContext = useMemo(() => ({
+        closeDrawer,
+    }), [closeDrawer]);
+    return (_jsxs(DrawerContext.Provider, { value: drawerContext, children: [!config?.hiddenUI?.includes(HiddenUI.DrawerButton) ? (_jsxs(DrawerButton, { variant: "contained", onClick: toggleDrawer, open: drawerOpen, drawerProps: config?.containerStyle, children: [drawerOpen ? _jsx(KeyboardArrowRightIcon, {}) : _jsx(KeyboardArrowLeftIcon, {}), _jsx(DrawerButtonText, { open: drawerOpen, subvariant: config?.subvariant })] })) : null, _jsx(Drawer, { ref: elementRef, anchor: "right", open: drawerOpen, onClose: closeDrawer, slotProps: {
                     backdrop: {
                         sx: {
                             backgroundColor: 'rgb(0 0 0 / 48%)',
@@ -48,7 +50,7 @@ export const AppDrawer = forwardRef(({ elementRef, open, integrator, config }, r
                         minWidth: config?.containerStyle?.minWidth ?? 360,
                         maxWidth: config?.containerStyle?.maxWidth ?? 392,
                     },
-                }, keepMounted: true, children: [_jsx(CloseButtonLayout, { onClick: closeDrawer, edge: "end", children: _jsx(CloseIcon, {}) }), _jsx(AppDefault, {})] })] }));
+                }, keepMounted: true, children: children })] }));
 });
 export const DrawerButtonText = ({ open, subvariant, }) => {
     const { t } = useTranslation();

package/_esm/AppDrawer.js.map

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

package/_esm/AppDrawerContext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface WidgetDrawerContext {
+    closeDrawer?(): void;
+}
+export declare const DrawerContext: import("react").Context<WidgetDrawerContext>;
+export declare const useDrawer: () => WidgetDrawerContext;

package/_esm/AppDrawerContext.js

@@ -0,0 +1,4 @@
+import { createContext, useContext } from 'react';
+export const DrawerContext = createContext({});
+export const useDrawer = () => useContext(DrawerContext);
+//# sourceMappingURL=AppDrawerContext.js.map

package/_esm/AppDrawerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDrawerContext.js","sourceRoot":"","sources":["../AppDrawerContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAMlD,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAsB,EAAE,CAAC,CAAC;AAEpE,MAAM,CAAC,MAAM,SAAS,GAAG,GAAwB,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC"}

package/_esm/components/ActiveTransactions/ActiveTransactions.js

@@ -2,7 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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';
@@ -11,8 +10,7 @@ import { ShowAllButton } from './ActiveTransactions.style';
 export const ActiveTransactions = (props) => {
     const { t } = useTranslation();
     const navigate = useNavigate();
-    const { account } = useAccount();
-    const executingRoutes = useExecutingRoutesIds(account.address);
+    const executingRoutes = useExecutingRoutesIds();
     if (!executingRoutes?.length) {
         return null;
     }

package/_esm/components/ActiveTransactions/ActiveTransactions.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActiveTransactions.js","sourceRoot":"","sources":["../../../components/ActiveTransactions/ActiveTransactions.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,MAAM,CAAC,MAAM,kBAAkB,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAC;IACjC,MAAM,eAAe,GAAG,qBAAqB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE/D,IAAI,CAAC,eAAe,EAAE,MAAM,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,eAAe,EAAE,MAAM,GAAG,CAAC,CAAC;IAE/C,OAAO,CACL,MAAC,IAAI,IAAC,OAAO,EAAC,UAAU,EAAC,cAAc,EAAC,WAAW,KAAK,KAAK,aAC3D,KAAC,SAAS,cAAE,CAAC,CAAC,2BAA2B,CAAC,GAAa,EACvD,KAAC,KAAK,IAAC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YACjD,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC5C,KAAC,qBAAqB,IAAe,OAAO,EAAE,OAAO,EAAE,KAAK,UAAhC,OAAO,CAA4B,CAChE,CAAC,GACI,EACP,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,aAAa,IAAC,aAAa,QAAC,SAAS,QAAC,OAAO,EAAE,aAAa,YAC1D,CAAC,CAAC,gBAAgB,CAAC,GACN,CACjB,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ActiveTransactions.js","sourceRoot":"","sources":["../../../components/ActiveTransactions/ActiveTransactions.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,MAAM,CAAC,MAAM,kBAAkB,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,eAAe,GAAG,qBAAqB,EAAE,CAAC;IAEhD,IAAI,CAAC,eAAe,EAAE,MAAM,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,eAAe,EAAE,MAAM,GAAG,CAAC,CAAC;IAE/C,OAAO,CACL,MAAC,IAAI,IAAC,OAAO,EAAC,UAAU,EAAC,cAAc,EAAC,WAAW,KAAK,KAAK,aAC3D,KAAC,SAAS,cAAE,CAAC,CAAC,2BAA2B,CAAC,GAAa,EACvD,KAAC,KAAK,IAAC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YACjD,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC5C,KAAC,qBAAqB,IAAe,OAAO,EAAE,OAAO,EAAE,KAAK,UAAhC,OAAO,CAA4B,CAChE,CAAC,GACI,EACP,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,aAAa,IAAC,aAAa,QAAC,SAAS,QAAC,OAAO,EAAE,aAAa,YAC1D,CAAC,CAAC,gBAAgB,CAAC,GACN,CACjB,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/AmountInput/AmountInput.js

@@ -2,28 +2,27 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useLayoutEffect, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useToken } from '../../hooks';
-import { FormKeyHelper } from '../../stores';
 import { useWidgetConfig } from '../../providers';
+import { FormKeyHelper, useFieldController, useFieldValues, } from '../../stores';
 import { DisabledUI } from '../../types';
 import { fitInputText, formatInputAmount } from '../../utils';
 import { Card, CardTitle } from '../Card';
-import { FormControl, Input, maxInputFontSize, minInputFontSize, } from './AmountInput.style';
+import { FormContainer, FormControl, Input, maxInputFontSize, minInputFontSize, } from './AmountInput.style';
 import { AmountInputEndAdornment } from './AmountInputEndAdornment';
 import { AmountInputStartAdornment } from './AmountInputStartAdornment';
-import { FormPriceHelperText } from './FormPriceHelperText';
-import { useFieldController, useFieldValues } from '../../stores';
+import { PriceFormHelperText } from './PriceFormHelperText';
 export const AmountInput = ({ formType, ...props }) => {
     const { disabledUI } = useWidgetConfig();
     const [chainId, tokenAddress] = useFieldValues(FormKeyHelper.getChainKey(formType), FormKeyHelper.getTokenKey(formType));
     const { token } = useToken(chainId, tokenAddress);
     const disabled = disabledUI?.includes(DisabledUI.FromAmount);
-    return (_jsx(AmountInputBase, { formType: formType, token: token, startAdornment: _jsx(AmountInputStartAdornment, { formType: formType }), endAdornment: !disabled ? _jsx(AmountInputEndAdornment, { formType: formType }) : undefined, bottomAdornment: _jsx(FormPriceHelperText, { formType: formType }), disabled: disabled, ...props }));
+    return (_jsx(AmountInputBase, { formType: formType, token: token, endAdornment: !disabled ? _jsx(AmountInputEndAdornment, { formType: formType }) : undefined, bottomAdornment: _jsx(PriceFormHelperText, { formType: formType }), disabled: disabled, ...props }));
 };
 export const AmountInputBase = ({ formType, token, startAdornment, endAdornment, bottomAdornment, disabled, ...props }) => {
     const { t } = useTranslation();
+    const ref = useRef(null);
     const amountKey = FormKeyHelper.getAmountKey(formType);
     const { onChange, onBlur, value } = useFieldController({ name: amountKey });
-    const ref = useRef(null);
     const handleChange = (event) => {
         const { value } = event.target;
         const formattedAmount = formatInputAmount(value, token?.decimals, true);
@@ -40,8 +39,8 @@ export const AmountInputBase = ({ formType, token, startAdornment, endAdornment,
             fitInputText(maxInputFontSize, minInputFontSize, ref.current);
         }
     }, [value, ref]);
-    return (_jsxs(Card, { ...props, children: [_jsx(CardTitle, { children: t('main.fromAmount') }), _jsxs(FormControl, { fullWidth: true, children: [_jsx(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: true }), bottomAdornment] })] }));
+    return (_jsxs(Card, { ...props, children: [_jsx(CardTitle, { children: t('main.fromAmount') }), _jsxs(FormContainer, { children: [_jsx(AmountInputStartAdornment, { formType: formType }), _jsxs(FormControl, { fullWidth: true, children: [_jsx(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: true }), bottomAdornment] })] })] }));
 };
 //# sourceMappingURL=AmountInput.js.map

package/_esm/components/AmountInput/AmountInput.js.map

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

package/_esm/components/AmountInput/AmountInput.style.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 export declare const maxInputFontSize = 24;
 export declare const minInputFontSize = 14;
+export declare const FormContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const FormControl: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "error" | "color" | "margin" | "children" | "sx" | "style" | "className" | "disabled" | "required" | "size" | "classes" | "variant" | "fullWidth" | "focused" | "hiddenLabel"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/components/AmountInput/AmountInput.style.js

@@ -1,18 +1,23 @@
-import { FormControl as MuiFormControl, InputBase } from '@mui/material';
+import { Box, InputBase, FormControl as MuiFormControl } from '@mui/material';
 import { inputBaseClasses } from '@mui/material/InputBase';
 import { styled } from '@mui/material/styles';
 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/_esm/components/AmountInput/AmountInput.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmountInput.style.js","sourceRoot":"","sources":["../../../components/AmountInput/AmountInput.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC;AACnC,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAEnC,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;CACvC,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,SAAS,EAAE,MAAM;IACjB,sCAAsC;IACtC,CAAC,IAAI,gBAAgB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC9B,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;KACnC;IACD,sGAAsG,EACpG;QACE,gBAAgB,EAAE,MAAM;QACxB,MAAM,EAAE,CAAC;KACV;IACH,wBAAwB,EAAE;QACxB,aAAa,EAAE,WAAW;KAC3B;IACD,CAAC,KAAK,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE;QAClC,KAAK,EAAE,SAAS;KACjB;IACD,CAAC,IAAI,gBAAgB,CAAC,KAAK,IAAI,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE;QAC3D,mBAAmB,EAAE,OAAO;KAC7B;CACF,CAAC,CAAC,CAAC"}
+{"version":3,"file":"AmountInput.style.js","sourceRoot":"","sources":["../../../components/AmountInput/AmountInput.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC;AACnC,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAEnC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACvD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CAC1B,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,MAAM,EAAE,EAAE;CACX,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,GAAG;IACf,CAAC,IAAI,gBAAgB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC9B,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;KACnC;IACD,sGAAsG,EACpG;QACE,gBAAgB,EAAE,MAAM;QACxB,MAAM,EAAE,CAAC;KACV;IACH,wBAAwB,EAAE;QACxB,aAAa,EAAE,WAAW;KAC3B;IACD,CAAC,KAAK,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE;QAClC,KAAK,EAAE,SAAS;KACjB;IACD,CAAC,IAAI,gBAAgB,CAAC,KAAK,IAAI,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE;QAC3D,mBAAmB,EAAE,OAAO;KAC7B;CACF,CAAC,CAAC,CAAC"}

package/_esm/components/AmountInput/AmountInputAdornment.style.d.ts

@@ -1,4 +1,7 @@
 /// <reference types="react" />
-export declare const Button: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+export declare const MaxButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "href" | "disabled" | "action" | "size" | "classes" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const MaxButtonSkeleton: import("@emotion/styled").StyledComponent<import("@mui/material").SkeletonOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "width" | "height" | "animation" | "children" | "sx" | "style" | "className" | "classes" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/components/AmountInput/AmountInputAdornment.style.js

@@ -1,9 +1,14 @@
-import { Button as MuiButton } from '@mui/material';
+import { Button as MuiButton, Skeleton } from '@mui/material';
 import { styled } from '@mui/material/styles';
-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,
+}));
 //# sourceMappingURL=AmountInputAdornment.style.js.map

package/_esm/components/AmountInput/AmountInputAdornment.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmountInputAdornment.style.js","sourceRoot":"","sources":["../../../components/AmountInput/AmountInputAdornment.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IACxC,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,OAAO;CAClB,CAAC,CAAC,CAAC"}
+{"version":3,"file":"AmountInputAdornment.style.js","sourceRoot":"","sources":["../../../components/AmountInput/AmountInputAdornment.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACzD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IACxC,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,OAAO;CAClB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,qBAAqB;CAChD,CAAC,CAAC,CAAC"}

package/_esm/components/AmountInput/AmountInputEndAdornment.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { InputAdornment, Skeleton } from '@mui/material';
+import { InputAdornment } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { formatUnits } from 'viem';
 import { useAvailableChains, useGasRecommendation, useTokenAddressBalance, } from '../../hooks';
-import { Button } from './AmountInputAdornment.style';
-import { useFieldActions, useFieldValues, FormKeyHelper } from '../../stores';
+import { FormKeyHelper, useFieldActions, useFieldValues } from '../../stores';
+import { MaxButton, MaxButtonSkeleton } from './AmountInputAdornment.style';
 export const AmountInputEndAdornment = ({ formType }) => {
     const { t } = useTranslation();
     const { getChainById } = useAvailableChains();
@@ -30,6 +30,6 @@ export const AmountInputEndAdornment = ({ formType }) => {
             isTouched: true,
         });
     };
-    return (_jsx(InputAdornment, { position: "end", children: isLoading && tokenAddress ? (_jsx(Skeleton, { variant: "rectangular", width: 46, height: 24, sx: { borderRadius: 0.5 } })) : formType === 'from' && token?.amount ? (_jsx(Button, { onClick: handleMax, children: t('button.max') })) : null }));
+    return (_jsx(InputAdornment, { position: "end", children: isLoading && tokenAddress ? (_jsx(MaxButtonSkeleton, { variant: "rectangular" })) : formType === 'from' && token?.amount ? (_jsx(MaxButton, { onClick: handleMax, children: t('button.max') })) : null }));
 };
 //# sourceMappingURL=AmountInputEndAdornment.js.map

package/_esm/components/AmountInput/AmountInputEndAdornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmountInputEndAdornment.js","sourceRoot":"","sources":["../../../components/AmountInput/AmountInputEndAdornment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE9E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,QAAQ,EAAiB,EAAE,EAAE;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC9C,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAC;IAE5C,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,cAAc,CAC5C,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EACnC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CACpC,CAAC;IAEF,kGAAkG;IAClG,+DAA+D;IAC/D,MAAM,EAAE,IAAI,EAAE,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAE/C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,sBAAsB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,IAAI,SAAS,GAAG,KAAK,EAAE,MAAM,CAAC;QAC9B,IACE,KAAK,EAAE,WAAW,CAAC,OAAO,KAAK,YAAY;YAC3C,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,WAAW,EACjB,CAAC;YACD,MAAM,WAAW,GAAG,KAAK,EAAE,MAAM,IAAI,EAAE,CAAC;YACxC,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;YAC/D,IAAI,WAAW,GAAG,iBAAiB,EAAE,CAAC;gBACpC,SAAS,GAAG,WAAW,GAAG,iBAAiB,CAAC;YAC9C,CAAC;QACH,CAAC;QAED,aAAa,CACX,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,EACpC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAChE;YACE,SAAS,EAAE,IAAI;SAChB,CACF,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IAAC,QAAQ,EAAC,KAAK,YAC3B,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,CAC3B,KAAC,QAAQ,IACP,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,GACzB,CACH,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,IAAI,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACzC,KAAC,MAAM,IAAC,OAAO,EAAE,SAAS,YAAG,CAAC,CAAC,YAAY,CAAC,GAAU,CACvD,CAAC,CAAC,CAAC,IAAI,GACO,CAClB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"AmountInputEndAdornment.js","sourceRoot":"","sources":["../../../components/AmountInput/AmountInputEndAdornment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAE5E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,QAAQ,EAAiB,EAAE,EAAE;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC9C,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAC;IAE5C,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,cAAc,CAC5C,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EACnC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CACpC,CAAC;IAEF,kGAAkG;IAClG,+DAA+D;IAC/D,MAAM,EAAE,IAAI,EAAE,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAE/C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,sBAAsB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,IAAI,SAAS,GAAG,KAAK,EAAE,MAAM,CAAC;QAC9B,IACE,KAAK,EAAE,WAAW,CAAC,OAAO,KAAK,YAAY;YAC3C,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,WAAW,EACjB,CAAC;YACD,MAAM,WAAW,GAAG,KAAK,EAAE,MAAM,IAAI,EAAE,CAAC;YACxC,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;YAC/D,IAAI,WAAW,GAAG,iBAAiB,EAAE,CAAC;gBACpC,SAAS,GAAG,WAAW,GAAG,iBAAiB,CAAC;YAC9C,CAAC;QACH,CAAC;QAED,aAAa,CACX,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,EACpC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAChE;YACE,SAAS,EAAE,IAAI;SAChB,CACF,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IAAC,QAAQ,EAAC,KAAK,YAC3B,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,CAC3B,KAAC,iBAAiB,IAAC,OAAO,EAAC,aAAa,GAAG,CAC5C,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,IAAI,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACzC,KAAC,SAAS,IAAC,OAAO,EAAE,SAAS,YAAG,CAAC,CAAC,YAAY,CAAC,GAAa,CAC7D,CAAC,CAAC,CAAC,IAAI,GACO,CAClB,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/AmountInput/AmountInputStartAdornment.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useChain, useToken } from '../../hooks';
+import { FormKeyHelper, useFieldValues } from '../../stores';
 import { TokenAvatar, TokenAvatarDefault } from '../TokenAvatar';
-import { useFieldValues, FormKeyHelper } from '../../stores';
 export const AmountInputStartAdornment = ({ formType, }) => {
     const [chainId, tokenAddress] = useFieldValues(FormKeyHelper.getChainKey(formType), FormKeyHelper.getTokenKey(formType));
     const { chain } = useChain(chainId);
     const { token } = useToken(chainId, tokenAddress);
     const isSelected = !!(chain && token);
-    return isSelected ? (_jsx(TokenAvatar, { token: token, chain: chain, sx: { marginLeft: 2 } })) : (_jsx(TokenAvatarDefault, { sx: { marginLeft: 2 } }));
+    return isSelected ? (_jsx(TokenAvatar, { token: token, chain: chain })) : (_jsx(TokenAvatarDefault, {}));
 };
 //# sourceMappingURL=AmountInputStartAdornment.js.map

package/_esm/components/AmountInput/AmountInputStartAdornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmountInputStartAdornment.js","sourceRoot":"","sources":["../../../components/AmountInput/AmountInputStartAdornment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7D,MAAM,CAAC,MAAM,yBAAyB,GAA4B,CAAC,EACjE,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,cAAc,CAC5C,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EACnC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CACpC,CAAC;IAEF,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC;IAEtC,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,GAAI,CACnE,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,GAAI,CAC9C,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"AmountInputStartAdornment.js","sourceRoot":"","sources":["../../../components/AmountInput/AmountInputStartAdornment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEjE,MAAM,CAAC,MAAM,yBAAyB,GAA4B,CAAC,EACjE,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,cAAc,CAC5C,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EACnC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CACpC,CAAC;IAEF,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC;IAEtC,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAC5C,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,KAAG,CACvB,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/AmountInput/{FormPriceHelperText.d.ts → PriceFormHelperText.d.ts}

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import type { TokenAmount } from '@lifi/sdk';
 import type { FormTypeProps } from '../../stores';
-export declare const FormPriceHelperText: React.FC<FormTypeProps>;
-export declare const FormPriceHelperTextBase: React.FC<FormTypeProps & {
+export declare const PriceFormHelperText: React.FC<FormTypeProps>;
+export declare const PriceFormHelperTextBase: React.FC<FormTypeProps & {
     isLoading?: boolean;
     tokenAddress?: string;
     token?: TokenAmount;

package/_esm/components/AmountInput/{FormPriceHelperText.js → PriceFormHelperText.js}

@@ -2,24 +2,30 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FormHelperText, Skeleton, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { useTokenAddressBalance } from '../../hooks';
+import { FormKeyHelper, useFieldValues } from '../../stores';
 import { formatTokenAmount, formatTokenPrice } from '../../utils';
-import { useFieldValues, FormKeyHelper } from '../../stores';
-export const FormPriceHelperText = ({ formType }) => {
+export const PriceFormHelperText = ({ formType }) => {
     const [chainId, tokenAddress] = useFieldValues(FormKeyHelper.getChainKey(formType), FormKeyHelper.getTokenKey(formType));
     const { token, isLoading } = useTokenAddressBalance(chainId, tokenAddress);
-    return (_jsx(FormPriceHelperTextBase, { formType: formType, isLoading: isLoading, tokenAddress: tokenAddress, token: token }));
+    return (_jsx(PriceFormHelperTextBase, { formType: formType, isLoading: isLoading, tokenAddress: tokenAddress, token: token }));
 };
-export const FormPriceHelperTextBase = ({ formType, isLoading, tokenAddress, token }) => {
+export const PriceFormHelperTextBase = ({ formType, isLoading, tokenAddress, token }) => {
     const { t } = useTranslation();
     const [amount] = useFieldValues(FormKeyHelper.getAmountKey(formType));
     const fromAmountTokenPrice = formatTokenPrice(amount, token?.priceUSD);
-    return (_jsxs(FormHelperText, { component: "div", sx: { display: 'flex', justifyContent: 'space-between', margin: 0 }, children: [_jsx(Typography, { color: fromAmountTokenPrice ? 'text.secondary' : 'grey.600', fontWeight: 400, fontSize: 12, marginLeft: 8, lineHeight: 1.3334, flex: 1, sx: {
+    return (_jsxs(FormHelperText, { component: "div", sx: {
+            display: 'flex',
+            justifyContent: 'space-between',
+            margin: 0,
+            marginLeft: 2,
+            marginTop: 0.75,
+        }, children: [_jsx(Typography, { color: fromAmountTokenPrice ? 'text.secondary' : 'grey.600', fontWeight: 400, fontSize: 12, lineHeight: 1, flex: 1, sx: {
                     wordBreak: 'break-word',
                     overflowWrap: 'break-word',
                 }, children: t(`format.currency`, {
                     value: fromAmountTokenPrice,
-                }) }), isLoading && tokenAddress ? (_jsx(Skeleton, { variant: "text", width: 48, height: 16, sx: { borderRadius: 0.25 } })) : token?.amount ? (_jsx(Typography, { fontWeight: 400, fontSize: 12, color: "text.secondary", lineHeight: 1.3334, pl: 0.25, children: `/ ${t(`format.number`, {
+                }) }), isLoading && tokenAddress ? (_jsx(Skeleton, { variant: "text", width: 48, height: 12 })) : token?.amount ? (_jsx(Typography, { fontWeight: 400, fontSize: 12, color: "text.secondary", lineHeight: 1, pl: 0.25, children: `/ ${t(`format.number`, {
                     value: formatTokenAmount(token.amount, token.decimals),
                 })}` })) : null] }));
 };
-//# sourceMappingURL=FormPriceHelperText.js.map
+//# sourceMappingURL=PriceFormHelperText.js.map

package/_esm/components/AmountInput/PriceFormHelperText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceFormHelperText.js","sourceRoot":"","sources":["../../../components/AmountInput/PriceFormHelperText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAElE,MAAM,CAAC,MAAM,mBAAmB,GAA4B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3E,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,cAAc,CAC5C,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EACnC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CACpC,CAAC;IACF,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,sBAAsB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAE3E,OAAO,CACL,KAAC,uBAAuB,IACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAMhC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEtE,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;IAEvE,OAAO,CACL,MAAC,cAAc,IACb,SAAS,EAAC,KAAK,EACf,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,eAAe;YAC/B,MAAM,EAAE,CAAC;YACT,UAAU,EAAE,CAAC;YACb,SAAS,EAAE,IAAI;SAChB,aAED,KAAC,UAAU,IACT,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,EAC3D,UAAU,EAAE,GAAG,EACf,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,CAAC,EACb,IAAI,EAAE,CAAC,EACP,EAAE,EAAE;oBACF,SAAS,EAAE,YAAY;oBACvB,YAAY,EAAE,YAAY;iBAC3B,YAEA,CAAC,CAAC,iBAAiB,EAAE;oBACpB,KAAK,EAAE,oBAAoB;iBAC5B,CAAC,GACS,EACZ,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,CAC3B,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACnD,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,KAAC,UAAU,IACT,UAAU,EAAE,GAAG,EACf,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,gBAAgB,EACtB,UAAU,EAAE,CAAC,EACb,EAAE,EAAE,IAAI,YAEP,KAAK,CAAC,CAAC,eAAe,EAAE;oBACvB,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC;iBACvD,CAAC,EAAE,GACO,CACd,CAAC,CAAC,CAAC,IAAI,IACO,CAClB,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/BaseTransactionButton/BaseTransactionButton.js

@@ -8,21 +8,21 @@ import { navigationRoutes } from '../../utils';
 export const BaseTransactionButton = ({ onClick, text, disabled, loading, }) => {
     const { t } = useTranslation();
     const navigate = useNavigate();
-    const { walletManagement } = useWidgetConfig();
-    const { account } = useAccount();
+    const { walletConfig } = useWidgetConfig();
+    const { isConnected } = useAccount();
     const handleClick = async () => {
-        if (account.isConnected) {
+        if (isConnected) {
             onClick?.();
         }
-        else if (walletManagement) {
-            await walletManagement.connect();
+        else if (walletConfig?.onConnect) {
+            walletConfig.onConnect();
         }
         else {
             navigate(navigationRoutes.selectWallet);
         }
     };
     const getButtonText = () => {
-        if (account.isConnected) {
+        if (isConnected) {
             if (text) {
                 return text;
             }

package/_esm/components/BaseTransactionButton/BaseTransactionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTransactionButton.js","sourceRoot":"","sources":["../../../components/BaseTransactionButton/BaseTransactionButton.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAG/C,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,gBAAgB,EAAE,GAAG,eAAe,EAAE,CAAC;IAC/C,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAC;IAEjC,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,OAAO,EAAE,EAAE,CAAC;QACd,CAAC;aAAM,IAAI,gBAAgB,EAAE,CAAC;YAC5B,MAAM,gBAAgB,CAAC,OAAO,EAAE,CAAC;QACnC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,IAAI,IAAI,EAAE,CAAC;gBACT,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC;QACD,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAC,QAAQ,EACxB,SAAS,kBAER,aAAa,EAAE,GACF,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"BaseTransactionButton.js","sourceRoot":"","sources":["../../../components/BaseTransactionButton/BaseTransactionButton.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAG/C,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC3C,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,EAAE,CAAC;IAErC,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,EAAE,EAAE,CAAC;QACd,CAAC;aAAM,IAAI,YAAY,EAAE,SAAS,EAAE,CAAC;YACnC,YAAY,CAAC,SAAS,EAAE,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,WAAW,EAAE,CAAC;YAChB,IAAI,IAAI,EAAE,CAAC;gBACT,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC;QACD,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAC,QAAQ,EACxB,SAAS,kBAER,aAAa,EAAE,GACF,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/Card/CardHeader.js

@@ -7,14 +7,15 @@ export const CardHeader = styled(MuiCardHeader)(({ theme }) => ({
         alignSelf: 'center',
     },
     [`.${cardHeaderClasses.title}`]: {
-        fontWeight: '500',
-        fontSize: '1.125rem',
-        lineHeight: '1.2778',
+        fontWeight: 500,
+        fontSize: 18,
+        lineHeight: 1.3334,
         color: theme.palette.text.primary,
     },
     [`.${cardHeaderClasses.subheader}`]: {
-        fontWeight: '400',
-        fontSize: '0.75rem',
+        fontWeight: 500,
+        fontSize: 12,
+        lineHeight: 1.3334,
         color: theme.palette.text.secondary,
     },
 }));

package/_esm/components/Card/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../components/Card/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC,IAAI,iBAAiB,CAAC,MAAM,EAAE,CAAC,EAAE;QAChC,SAAS,EAAE,CAAC,CAAC;QACb,SAAS,EAAE,QAAQ;KACpB;IACD,CAAC,IAAI,iBAAiB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC/B,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;IACD,CAAC,IAAI,iBAAiB,CAAC,SAAS,EAAE,CAAC,EAAE;QACnC,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,SAAS;QACnB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;KACpC;CACF,CAAC,CAAC,CAAC"}
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../components/Card/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC,IAAI,iBAAiB,CAAC,MAAM,EAAE,CAAC,EAAE;QAChC,SAAS,EAAE,CAAC,CAAC;QACb,SAAS,EAAE,QAAQ;KACpB;IACD,CAAC,IAAI,iBAAiB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC/B,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;IACD,CAAC,IAAI,iBAAiB,CAAC,SAAS,EAAE,CAAC,EAAE;QACnC,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;KACpC;CACF,CAAC,CAAC,CAAC"}

package/_esm/components/Card/CardTitle.js

@@ -3,11 +3,10 @@ import { styled } from '@mui/material/styles';
 export const CardTitle = styled(Typography, {
     shouldForwardProp: (prop) => !['required'].includes(prop),
 })(({ theme, required }) => ({
-    fontSize: '0.875rem',
-    lineHeight: '1.286',
-    letterSpacing: '0.01071em',
+    fontSize: 14,
+    lineHeight: 1,
     fontWeight: 700,
-    padding: theme.spacing(1.75, 2, 0, 2),
+    padding: theme.spacing(2, 2, 0, 2),
     '&:after': {
         content: required ? '" *"' : 'none',
         color: theme.palette.error.main,

package/_esm/components/Card/CardTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardTitle.js","sourceRoot":"","sources":["../../../components/Card/CardTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,EAAE;IAC1C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACpE,CAAC,CAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,OAAO;IACnB,aAAa,EAAE,WAAW;IAC1B,UAAU,EAAE,GAAG;IACf,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACrC,SAAS,EAAE;QACT,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;QACnC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;KAChC;CACF,CAAC,CAAC,CAAC"}
+{"version":3,"file":"CardTitle.js","sourceRoot":"","sources":["../../../components/Card/CardTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,EAAE;IAC1C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACpE,CAAC,CAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,GAAG;IACf,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAClC,SAAS,EAAE;QACT,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;QACnC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;KAChC;CACF,CAAC,CAAC,CAAC"}

package/_esm/components/ChainSelect/ChainSelect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Avatar, Box, Skeleton, Tooltip, Typography } from '@mui/material';
 import { useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
-import { maxChainToOrder, useFieldValues, FormKeyHelper } from '../../stores';
+import { FormKeyHelper, maxChainToOrder, useFieldValues } from '../../stores';
 import { navigationRoutes } from '../../utils';
 import { ChainCard, ChainContainer } from './ChainSelect.style';
 import { useChainSelect } from './useChainSelect';
@@ -11,12 +11,14 @@ export const ChainSelect = ({ formType }) => {
     const { chainOrder, chains, getChains, isLoading, setChainOrder, setCurrentChain, } = useChainSelect(formType);
     const [chainId] = useFieldValues(FormKeyHelper.getChainKey(formType));
     useEffect(() => {
-        const hasChainInOrderedList = chainOrder.includes(chainId);
-        // If we don't have a chain in the ordered chain list we should add it.
-        if (!hasChainInOrderedList) {
-            setChainOrder(chainId);
+        if (chainId) {
+            const hasChainInOrderedList = chainOrder.includes(chainId);
+            // If we don't have a chain in the ordered chain list we should add it.
+            if (!hasChainInOrderedList) {
+                setChainOrder(chainId, formType);
+            }
         }
-    }, [chainId, chainOrder, setChainOrder]);
+    }, [chainId, chainOrder, formType, setChainOrder]);
     const showAllChains = () => {
         navigate(navigationRoutes[`${formType}Chain`]);
     };