@lifi/widget 3.16.1-beta.0 → 3.17.0

package/dist/esm/pages/SelectTokenPage/SelectTokenPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTokenPage.js","sourceRoot":"","sources":["../../../../src/pages/SelectTokenPage/SelectTokenPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAEnC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAA;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,2BAA2B,EAAE,MAAM,uCAAuC,CAAA;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAElF,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,MAAM,CAAC,MAAM,eAAe,GAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,2BAA2B,EAAE,CAAA;IAC7B,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1C,MAAM,SAAS,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IAC3C,MAAM,aAAa,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IAC3D,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,GAAG,kBAAkB,CAAC;QAC5D,aAAa;QACb,SAAS;KACV,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAE9B,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,KAAK,GACT,QAAQ,KAAK,MAAM;QACjB,CAAC,CAAC,UAAU,KAAK,QAAQ;YACvB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC;YACrB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;QACpB,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAA;IAEpB,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhB,MAAM,eAAe,GAAG,QAAQ,IAAI,QAAQ,KAAK,IAAI,CAAA;IAErD,OAAO,CACL,MAAC,iBAAiB,IAAC,cAAc,mBAC/B,MAAC,GAAG,IACF,GAAG,EAAE,SAAS,EACd,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;iBACN,aAEA,CAAC,eAAe,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9D,KAAC,GAAG,IACF,EAAE,EAAE;4BACF,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;yBAC7B,YAED,KAAC,gBAAgB,KAAG,GAChB,IACF,EACN,KAAC,GAAG,IACF,EAAE,EAAE;oBACF,MAAM,EAAE,aAAa;iBACtB,YAED,KAAC,SAAS,IACR,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,eAAe,EACvB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,QAAQ,GAClB,GACE,IACY,CACrB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"SelectTokenPage.js","sourceRoot":"","sources":["../../../../src/pages/SelectTokenPage/SelectTokenPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAEnC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAA;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,2BAA2B,EAAE,MAAM,uCAAuC,CAAA;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAElF,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAExD,MAAM,CAAC,MAAM,eAAe,GAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,2BAA2B,EAAE,CAAA;IAC7B,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1C,MAAM,SAAS,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IAC3C,MAAM,aAAa,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IAC3D,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,aAAa,CAAC;QAClD,aAAa;QACb,SAAS;KACV,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAE9B,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,KAAK,GACT,QAAQ,KAAK,MAAM;QACjB,CAAC,CAAC,UAAU,KAAK,QAAQ;YACvB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC;YACrB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;QACpB,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAA;IAEpB,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhB,MAAM,eAAe,GAAG,QAAQ,IAAI,QAAQ,KAAK,IAAI,CAAA;IAErD,OAAO,CACL,MAAC,iBAAiB,IAAC,cAAc,mBAC/B,MAAC,GAAG,IACF,GAAG,EAAE,SAAS,EACd,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;iBACN,aAEA,CAAC,eAAe,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9D,KAAC,GAAG,IACF,EAAE,EAAE;4BACF,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;yBAC7B,YAED,KAAC,gBAAgB,KAAG,GAChB,IACF,EACN,KAAC,GAAG,IACF,EAAE,EAAE;oBACF,MAAM,EAAE,aAAa;iBACtB,YAED,KAAC,SAAS,IACR,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,QAAQ,GAClB,GACE,IACY,CACrB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.js

@@ -11,49 +11,56 @@ import { formatSlippage } from '../../../utils/format.js';
 import { BadgedValue } from '../SettingsCard/BadgedValue.js';
 import { SettingCardExpandable } from '../SettingsCard/SettingCardExpandable.js';
 import { SettingsFieldSet, SlippageCustomInput, SlippageDefaultButton, SlippageLimitsWarningContainer, } from './SlippageSettings.style.js';
+const DEFAULT_CUSTOM_INPUT_VALUE = '0.5';
 export const SlippageSettings = () => {
     const { t } = useTranslation();
-    const { isSlippageOutsideRecommendedLimits, isSlippageChanged } = useSettingMonitor();
+    const { isSlippageNotRecommended, isSlippageUnderRecommendedLimits, isSlippageOutsideRecommendedLimits, isSlippageChanged, } = useSettingMonitor();
     const { slippage } = useSettings(['slippage']);
     const { setValue } = useSettingsActions();
     const defaultValue = useRef(slippage);
     const [focused, setFocused] = useState();
-    const customInputValue = !slippage || slippage === defaultSlippage ? '' : slippage;
+    const customInputValue = !slippage || slippage === defaultSlippage
+        ? DEFAULT_CUSTOM_INPUT_VALUE
+        : slippage;
     const [inputValue, setInputValue] = useState(customInputValue);
     const handleDefaultClick = () => {
-        setValue('slippage', formatSlippage(defaultSlippage, defaultValue.current));
+        setValue('slippage', defaultSlippage);
     };
     const debouncedSetValue = useMemo(() => debounce(setValue, 500), [setValue]);
     const handleInputUpdate = useCallback((event) => {
         const { value } = event.target;
-        setInputValue(formatSlippage(value, defaultValue.current, true));
-        debouncedSetValue('slippage', formatSlippage(value || defaultSlippage, defaultValue.current, true));
+        const formattedValue = formatSlippage(value, defaultValue.current, true);
+        setInputValue(formattedValue);
+        debouncedSetValue('slippage', formattedValue.length ? formattedValue : defaultSlippage);
     }, [debouncedSetValue]);
-    const handleInputBlur = (event) => {
-        setFocused(undefined);
+    const handleInputFocus = (event) => {
+        setFocused('input');
         const { value } = event.target;
-        const formattedValue = formatSlippage(value || defaultSlippage, defaultValue.current);
-        setInputValue(formattedValue === defaultSlippage ? '' : formattedValue);
-        setValue('slippage', formattedValue);
+        const formattedValue = formatSlippage(value, defaultValue.current);
+        setInputValue(formattedValue);
+        setValue('slippage', formattedValue.length ? formattedValue : defaultSlippage);
     };
-    const badgeColor = isSlippageOutsideRecommendedLimits
+    const badgeColor = isSlippageNotRecommended
         ? 'warning'
         : isSlippageChanged
             ? 'info'
             : undefined;
-    return (_jsx(SettingCardExpandable, { value: _jsx(BadgedValue, { badgeColor: badgeColor, showBadge: !!badgeColor, children: `${slippage}%` }), icon: _jsx(Percent, {}), title: t('settings.slippage'), children: _jsxs(Box, { sx: {
+    const slippageWarningText = isSlippageOutsideRecommendedLimits
+        ? t('warning.message.slippageOutsideRecommendedLimits')
+        : isSlippageUnderRecommendedLimits
+            ? t('warning.message.slippageUnderRecommendedLimits')
+            : '';
+    return (_jsx(SettingCardExpandable, { value: _jsx(BadgedValue, { badgeColor: badgeColor, showBadge: !!badgeColor, children: slippage ? `${slippage}%` : t('button.auto') }), icon: _jsx(Percent, {}), title: t('settings.slippage'), children: _jsxs(Box, { sx: {
                 mt: 1.5,
             }, children: [_jsxs(SettingsFieldSet, { children: [_jsx(SlippageDefaultButton, { selected: defaultSlippage === slippage && focused !== 'input', onFocus: () => {
                                 setFocused('button');
                             }, onBlur: () => {
                                 setFocused(undefined);
-                            }, onClick: handleDefaultClick, disableRipple: true, children: defaultSlippage }), _jsx(SlippageCustomInput, { selected: defaultSlippage !== slippage && focused !== 'button', placeholder: focused === 'input' ? '' : t('settings.custom'), inputProps: {
+                            }, onClick: handleDefaultClick, disableRipple: true, children: t('button.auto') }), _jsx(SlippageCustomInput, { selected: defaultSlippage !== slippage && focused !== 'button', placeholder: focused === 'input' ? '' : t('settings.custom'), inputProps: {
                                 inputMode: 'decimal',
-                            }, onChange: handleInputUpdate, onFocus: () => {
-                                setFocused('input');
-                            }, onBlur: handleInputBlur, value: inputValue, autoComplete: "off" })] }), isSlippageOutsideRecommendedLimits && (_jsxs(SlippageLimitsWarningContainer, { children: [_jsx(WarningRounded, { color: "warning" }), _jsx(Typography, { sx: {
+                            }, onChange: handleInputUpdate, onFocus: handleInputFocus, value: inputValue, autoComplete: "off", onBlur: () => setFocused(undefined) })] }), isSlippageNotRecommended && (_jsxs(SlippageLimitsWarningContainer, { children: [_jsx(WarningRounded, { color: "warning" }), _jsx(Typography, { sx: {
                                 fontSize: 13,
                                 fontWeight: 400,
-                            }, children: t('warning.message.slippageOutsideRecommendedLimits') })] }))] }) }));
+                            }, children: slippageWarningText })] }))] }) }));
 };
 //# sourceMappingURL=SlippageSettings.js.map

package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlippageSettings.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/SlippageSettings/SlippageSettings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAC7D,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEzD,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAA;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAA;AAChF,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,qBAAqB,EACrB,8BAA8B,GAC/B,MAAM,6BAA6B,CAAA;AAEpC,MAAM,CAAC,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,kCAAkC,EAAE,iBAAiB,EAAE,GAC7D,iBAAiB,EAAE,CAAA;IACrB,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;IAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACzC,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IACrC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAsB,CAAA;IAE5D,MAAM,gBAAgB,GACpB,CAAC,QAAQ,IAAI,QAAQ,KAAK,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAA;IAE3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IAE9D,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC,eAAe,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAA;IAC7E,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAE5E,MAAM,iBAAiB,GAAyC,WAAW,CACzE,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,CAAA;QAE9B,aAAa,CAAC,cAAc,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAA;QAEhE,iBAAiB,CACf,UAAU,EACV,cAAc,CAAC,KAAK,IAAI,eAAe,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CACrE,CAAA;IACH,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAA;IAED,MAAM,eAAe,GAAwC,CAAC,KAAK,EAAE,EAAE;QACrE,UAAU,CAAC,SAAS,CAAC,CAAA;QAErB,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,CAAA;QAE9B,MAAM,cAAc,GAAG,cAAc,CACnC,KAAK,IAAI,eAAe,EACxB,YAAY,CAAC,OAAO,CACrB,CAAA;QACD,aAAa,CAAC,cAAc,KAAK,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAA;QAEvE,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC,CAAA;IACtC,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,kCAAkC;QACnD,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,iBAAiB;YACjB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,SAAS,CAAA;IAEf,OAAO,CACL,KAAC,qBAAqB,IACpB,KAAK,EACH,KAAC,WAAW,IACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,CAAC,CAAC,UAAU,YACvB,GAAG,QAAQ,GAAG,GAAe,EAEjC,IAAI,EAAE,KAAC,OAAO,KAAG,EACjB,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,YAE7B,MAAC,GAAG,IACF,EAAE,EAAE;gBACF,EAAE,EAAE,GAAG;aACR,aAED,MAAC,gBAAgB,eACf,KAAC,qBAAqB,IACpB,QAAQ,EAAE,eAAe,KAAK,QAAQ,IAAI,OAAO,KAAK,OAAO,EAC7D,OAAO,EAAE,GAAG,EAAE;gCACZ,UAAU,CAAC,QAAQ,CAAC,CAAA;4BACtB,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;gCACX,UAAU,CAAC,SAAS,CAAC,CAAA;4BACvB,CAAC,EACD,OAAO,EAAE,kBAAkB,EAC3B,aAAa,kBAEZ,eAAe,GACM,EACxB,KAAC,mBAAmB,IAClB,QAAQ,EAAE,eAAe,KAAK,QAAQ,IAAI,OAAO,KAAK,QAAQ,EAC9D,WAAW,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAC5D,UAAU,EAAE;gCACV,SAAS,EAAE,SAAS;6BACrB,EACD,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,GAAG,EAAE;gCACZ,UAAU,CAAC,OAAO,CAAC,CAAA;4BACrB,CAAC,EACD,MAAM,EAAE,eAAe,EACvB,KAAK,EAAE,UAAU,EACjB,YAAY,EAAC,KAAK,GAClB,IACe,EAClB,kCAAkC,IAAI,CACrC,MAAC,8BAA8B,eAC7B,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,GAAG,EAClC,KAAC,UAAU,IACT,EAAE,EAAE;gCACF,QAAQ,EAAE,EAAE;gCACZ,UAAU,EAAE,GAAG;6BAChB,YAEA,CAAC,CAAC,kDAAkD,CAAC,GAC3C,IACkB,CAClC,IACG,GACgB,CACzB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"SlippageSettings.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/SlippageSettings/SlippageSettings.tsx"],"names":[],"mappings":"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"}

package/dist/esm/pages/TransactionHistoryPage/TransactionHistoryPage.d.ts

@@ -1 +1,2 @@
+import type React from 'react';
 export declare const TransactionHistoryPage: React.FC;

package/dist/esm/pages/TransactionHistoryPage/TransactionHistoryPage.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { List } from '@mui/material';
+import { Box, List } from '@mui/material';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { PageContainer } from '../../components/PageContainer.js';
 import { useHeader } from '../../hooks/useHeader.js';
 import { useTransactionHistory } from '../../hooks/useTransactionHistory.js';
+import { useListHeight } from '../../hooks/useListHeight.js';
 import { TransactionHistoryEmpty } from './TransactionHistoryEmpty.js';
 import { TransactionHistoryItem } from './TransactionHistoryItem.js';
 import { TransactionHistoryItemSkeleton } from './TransactionHistorySkeleton.js';
@@ -16,9 +17,12 @@ export const TransactionHistoryPage = () => {
     const { data: transactions, isLoading } = useTransactionHistory();
     const { t } = useTranslation();
     useHeader(t('header.transactionHistory'));
+    const { listHeight } = useListHeight({
+        listParentRef: parentRef,
+    });
     const { getVirtualItems, getTotalSize } = useVirtualizer({
         count: transactions.length,
-        overscan: 10,
+        overscan: 5,
         paddingEnd: 12,
         getScrollElement: () => parentRef.current,
         estimateSize: () => 186,
@@ -27,13 +31,17 @@ export const TransactionHistoryPage = () => {
     if (!transactions.length && !isLoading) {
         return _jsx(TransactionHistoryEmpty, {});
     }
-    return (_jsx(PageContainer, { ref: parentRef, style: { height: minTransactionListHeight, overflow: 'auto' }, children: isLoading ? (_jsx(List, { disablePadding: true, children: Array.from({ length: 3 }).map((_, index) => (_jsx(TransactionHistoryItemSkeleton, {}, index))) })) : (_jsx(List, { style: {
-                height: getTotalSize(),
-                width: '100%',
-                position: 'relative',
-            }, disablePadding: true, children: getVirtualItems().map((item) => {
-                const transaction = transactions[item.index];
-                return (_jsx(TransactionHistoryItem, { start: item.start, transaction: transaction }, item.key));
-            }) })) }));
+    return (_jsx(PageContainer, { disableGutters: true, style: { minHeight: minTransactionListHeight }, children: _jsx(Box, { ref: parentRef, style: {
+                height: listHeight,
+            }, sx: {
+                overflow: 'auto',
+                paddingX: 3,
+            }, children: isLoading ? (_jsx(List, { disablePadding: true, children: Array.from({ length: 3 }).map((_, index) => (_jsx(TransactionHistoryItemSkeleton, {}, index))) })) : (_jsx(List, { style: {
+                    height: getTotalSize(),
+                    position: 'relative',
+                }, disablePadding: true, children: getVirtualItems().map((item) => {
+                    const transaction = transactions[item.index];
+                    return (_jsx(TransactionHistoryItem, { start: item.start, transaction: transaction }, item.key));
+                }) })) }) }));
 };
 //# sourceMappingURL=TransactionHistoryPage.js.map

package/dist/esm/pages/TransactionHistoryPage/TransactionHistoryPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionHistoryPage.js","sourceRoot":"","sources":["../../../../src/pages/TransactionHistoryPage/TransactionHistoryPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAA;AAChF,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,MAAM,CAAC,MAAM,sBAAsB,GAAa,GAAG,EAAE;IACnD,kGAAkG;IAClG,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACrD,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,qBAAqB,EAAE,CAAA;IAEjE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAA;IAEzC,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,cAAc,CAAC;QACvD,KAAK,EAAE,YAAY,CAAC,MAAM;QAC1B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO;QACzC,YAAY,EAAE,GAAG,EAAE,CAAC,GAAG;QACvB,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CACpB,GAAI,YAAY,CAAC,KAAK,CAAoB,CAAC,aAAa,IAAI,KAAK,EAAE;KACtE,CAAC,CAAA;IAEF,IAAI,CAAC,YAAY,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvC,OAAO,KAAC,uBAAuB,KAAG,CAAA;IACpC,CAAC;IAED,OAAO,CACL,KAAC,aAAa,IACZ,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,EAAE,MAAM,EAAE,wBAAwB,EAAE,QAAQ,EAAE,MAAM,EAAE,YAE5D,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,IAAI,IAAC,cAAc,kBACjB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,KAAC,8BAA8B,MAAM,KAAK,CAAI,CAC/C,CAAC,GACG,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,KAAK,EAAE;gBACL,MAAM,EAAE,YAAY,EAAE;gBACtB,KAAK,EAAE,MAAM;gBACb,QAAQ,EAAE,UAAU;aACrB,EACD,cAAc,kBAEb,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC9B,MAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAC5C,OAAO,CACL,KAAC,sBAAsB,IAErB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,WAAW,IAFnB,IAAI,CAAC,GAAG,CAGb,CACH,CAAA;YACH,CAAC,CAAC,GACG,CACR,GACa,CACjB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TransactionHistoryPage.js","sourceRoot":"","sources":["../../../../src/pages/TransactionHistoryPage/TransactionHistoryPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAE5E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAA;AAChF,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,MAAM,CAAC,MAAM,sBAAsB,GAAa,GAAG,EAAE;IACnD,kGAAkG;IAClG,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACrD,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,qBAAqB,EAAE,CAAA;IAEjE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAA;IAEzC,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC;QACnC,aAAa,EAAE,SAAS;KACzB,CAAC,CAAA;IAEF,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,cAAc,CAAC;QACvD,KAAK,EAAE,YAAY,CAAC,MAAM;QAC1B,QAAQ,EAAE,CAAC;QACX,UAAU,EAAE,EAAE;QACd,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO;QACzC,YAAY,EAAE,GAAG,EAAE,CAAC,GAAG;QACvB,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CACpB,GAAI,YAAY,CAAC,KAAK,CAAoB,CAAC,aAAa,IAAI,KAAK,EAAE;KACtE,CAAC,CAAA;IAEF,IAAI,CAAC,YAAY,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;QACvC,OAAO,KAAC,uBAAuB,KAAG,CAAA;IACpC,CAAC;IAED,OAAO,CACL,KAAC,aAAa,IACZ,cAAc,QACd,KAAK,EAAE,EAAE,SAAS,EAAE,wBAAwB,EAAE,YAE9C,KAAC,GAAG,IACF,GAAG,EAAE,SAAS,EACd,KAAK,EAAE;gBACL,MAAM,EAAE,UAAU;aACnB,EACD,EAAE,EAAE;gBACF,QAAQ,EAAE,MAAM;gBAChB,QAAQ,EAAE,CAAC;aACZ,YAEA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,IAAI,IAAC,cAAc,kBACjB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,KAAC,8BAA8B,MAAM,KAAK,CAAI,CAC/C,CAAC,GACG,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,KAAK,EAAE;oBACL,MAAM,EAAE,YAAY,EAAE;oBACtB,QAAQ,EAAE,UAAU;iBACrB,EACD,cAAc,kBAEb,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAC9B,MAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;oBAC5C,OAAO,CACL,KAAC,sBAAsB,IAErB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,WAAW,IAFnB,IAAI,CAAC,GAAG,CAGb,CACH,CAAA;gBACH,CAAC,CAAC,GACG,CACR,GACG,GACQ,CACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/stores/settings/useSettingsStore.d.ts

@@ -1,5 +1,5 @@
 import type { SettingsProps, SettingsState } from './types.js';
-export declare const defaultSlippage = "0.5";
+export declare const defaultSlippage: undefined;
 export declare const defaultConfigurableSettings: Pick<SettingsState, 'routePriority' | 'slippage' | 'gasPrice'>;
 export declare const defaultSettings: SettingsProps;
 export declare const useSettingsStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<SettingsState>>;

package/dist/esm/stores/settings/useSettingsStore.js

@@ -2,7 +2,7 @@ import { persist } from 'zustand/middleware';
 import { createWithEqualityFn } from 'zustand/traditional';
 import { SettingsToolTypes } from './types.js';
 import { getStateValues } from './utils/getStateValues.js';
-export const defaultSlippage = '0.5';
+export const defaultSlippage = undefined;
 export const defaultConfigurableSettings = {
     routePriority: 'CHEAPEST',
     slippage: defaultSlippage,

package/dist/esm/stores/settings/useSettingsStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSettingsStore.js","sourceRoot":"","sources":["../../../../src/stores/settings/useSettingsStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAA;AAEpC,MAAM,CAAC,MAAM,2BAA2B,GAGpC;IACF,aAAa,EAAE,UAAU;IACzB,QAAQ,EAAE,eAAe;IACzB,QAAQ,EAAE,QAAQ;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAkB;IAC5C,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,QAAQ;IAClB,iBAAiB,EAAE,IAAI;IACvB,eAAe,EAAE,EAAE;IACnB,iBAAiB,EAAE,EAAE;IACrB,cAAc,EAAE,EAAE;IAClB,gBAAgB,EAAE,EAAE;IACpB,eAAe,EAAE,EAAE;IACnB,iBAAiB,EAAE,EAAE;CACtB,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,oBAAoB,CAClD,OAAO,CACL,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;IACb,GAAG,eAAe;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CACvB,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;QACT,CAAC,GAAG,CAAC,EAAE,KAAK;KACb,CAAC,CAAC;IACL,WAAW,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC;IACxC,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC;IAC7B,eAAe,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACZ,MAAM,YAAY,GAAG,EAAE,GAAG,KAAK,EAAE,CAAA;YACjC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,gBAAgB;gBAChB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;oBACrB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,WAAW,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;wBAC9D,YAAY,CAAC,WAAW,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;oBAClD,CAAC;gBACH,CAAC,CAAC,CAAA;gBACF,iCAAiC;gBACjC,YAAY,CAAC,WAAW,QAAQ,EAAE,CAAC,GAAG,MAAM,CAAC,WAAW,CACtD,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CACxD,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAC/B,CACF,CAAA;YACH,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;oBACrB,YAAY,CAAC,WAAW,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;gBAClD,CAAC,CAAC,CAAA;YACJ,CAAC;YACD,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CACjC,YAAY,CAAC,WAAW,QAAQ,EAAE,CAAC,CACpC,CAAA;YACD,YAAY,CAAC,UAAU,QAAQ,EAAE,CAAC,GAAG,eAAe,CAAC,MAAM,CACzD,CAAC,GAAG,EAAE,EAAE,CAAC,YAAY,CAAC,WAAW,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC,CAClD,CAAA;YACD,YAAY,CAAC,WAAW,QAAQ,EAAE,CAAC,GAAG,eAAe,CAAC,MAAM,CAC1D,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,WAAW,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC,CACnD,CAAA;YACD,OAAO,YAAY,CAAA;QACrB,CAAC,CAAC,CAAA;IACJ,CAAC;IACD,YAAY,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CACtC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACZ,MAAM,YAAY,GAAG;YACnB,GAAG,KAAK,CAAC,WAAW,QAAQ,EAAE,CAAC;YAC/B,CAAC,IAAI,CAAC,EAAE,KAAK;SACd,CAAA;QACD,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;QACjD,OAAO;YACL,CAAC,WAAW,QAAQ,EAAE,CAAC,EAAE,YAAY;YACrC,CAAC,UAAU,QAAQ,EAAE,CAAC,EAAE,eAAe,CAAC,MAAM,CAC5C,CAAC,GAAG,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,CAC3B;YACD,CAAC,WAAW,QAAQ,EAAE,CAAC,EAAE,eAAe,CAAC,MAAM,CAC7C,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAC5B;SACF,CAAA;IACH,CAAC,CAAC;IACJ,cAAc,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,CACrC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACZ,MAAM,0BAA0B,GAAG,QAAQ,CAAC,KAAK,CAC/C,CAAC,OAAO,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,CACnD,CAAA;QAED,kCAAkC;QAClC,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,CAClC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;YACjB,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAA;YAC5C,OAAO,KAAK,CAAA;QACd,CAAC,EACD;YACE,GAAG,KAAK,CAAC,WAAW,QAAQ,EAAE,CAAC;SAChC,CACF,CAAA;QAED,MAAM,UAAU,GAAa,EAAE,CAAA;QAC/B,MAAM,YAAY,GAAa,EAAE,CAAA;QAEjC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACpD,IAAI,KAAK,EAAE,CAAC;gBACV,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;YACtB,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;YACxB,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,OAAO;YACL,CAAC,WAAW,QAAQ,EAAE,CAAC,EAAE,YAAY;YACrC,CAAC,UAAU,QAAQ,EAAE,CAAC,EAAE,UAAU;YAClC,CAAC,WAAW,QAAQ,EAAE,CAAC,EAAE,YAAY;SACtC,CAAA;IACH,CAAC,CAAC;IACJ,KAAK,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE;QAC5B,MAAM,EAAE,UAAU,EAAE,GAAG,mBAAmB,EAAE,GAAG,eAAe,CAAA;QAC9D,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;YACT,GAAG,mBAAmB;YACtB,GAAG,2BAA2B;SAC/B,CAAC,CAAC,CAAA;QACH,GAAG,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,CAAA;QAC/C,GAAG,EAAE,CAAC,eAAe,CAAC,WAAW,EAAE,SAAS,EAAE,IAAI,CAAC,CAAA;QACnD,OAAO,EAAE,GAAG,GAAG,EAAE,EAAE,CAAA;IACrB,CAAC;CACF,CAAC,EACF;IACE,IAAI,EAAE,uBAAuB;IAC7B,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;QACpB,MAAM,EACJ,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,GAAG,gBAAgB,EACpB,GAAG,KAAK,CAAA;QACT,OAAO,gBAAgB,CAAA;IACzB,CAAC;IACD,KAAK,EAAE,CAAC,cAAmB,EAAE,YAA2B,EAAE,EAAE;QAC1D,MAAM,KAAK,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,EAAE,CAAA;QACpD,iBAAiB,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YACrC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CACjC,cAAc,CAAC,WAAW,QAAQ,EAAE,CAAC,CACtC,CAAA;YACD,KAAK,CAAC,UAAU,QAAQ,EAAE,CAAC,GAAG,eAAe,CAAC,MAAM,CAClD,CAAC,GAAG,EAAE,EAAE,CAAC,cAAc,CAAC,WAAW,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC,CACpD,CAAA;YACD,KAAK,CAAC,WAAW,QAAQ,EAAE,CAAC,GAAG,eAAe,CAAC,MAAM,CACnD,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,WAAW,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC,CACrD,CAAA;QACH,CAAC,CAAC,CAAA;QACF,OAAO,KAAK,CAAA;IACd,CAAC;IACD,OAAO,EAAE,CAAC,cAAmB,EAAE,OAAO,EAAE,EAAE;QACxC,IAAI,OAAO,KAAK,CAAC,IAAI,cAAc,CAAC,UAAU,KAAK,QAAQ,EAAE,CAAC;YAC5D,cAAc,CAAC,UAAU,GAAG,eAAe,CAAC,UAAU,CAAA;QACxD,CAAC;QACD,IAAI,OAAO,KAAK,CAAC,EAAE,CAAC;YAClB,cAAc,CAAC,QAAQ,GAAG,2BAA2B,CAAC,QAAQ,CAAA;QAChE,CAAC;QACD,IAAI,OAAO,IAAI,CAAC,EAAE,CAAC;YACjB,cAAc,CAAC,aAAa,GAAG,UAAU,CAAA;QAC3C,CAAC;QACD,OAAO,cAA+B,CAAA;IACxC,CAAC;CACF,CACoD,EACvD,MAAM,CAAC,EAAE,CACV,CAAA"}
+{"version":3,"file":"useSettingsStore.js","sourceRoot":"","sources":["../../../../src/stores/settings/useSettingsStore.ts"],"names":[],"mappings":"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"}

package/dist/esm/types/widget.d.ts

@@ -48,7 +48,8 @@ export declare enum HiddenUI {
     ToAddress = "toAddress",
     ToToken = "toToken",
     WalletMenu = "walletMenu",
-    IntegratorStepDetails = "integratorStepDetails"
+    IntegratorStepDetails = "integratorStepDetails",
+    ReverseTokensButton = "reverseTokensButton"
 }
 export type HiddenUIType = `${HiddenUI}`;
 export declare enum RequiredUI {
@@ -86,7 +87,7 @@ export interface CalculateFeeParams {
     toAddress?: string;
     fromAmount?: bigint;
     toAmount?: bigint;
-    slippage: number;
+    slippage?: number;
 }
 export interface WidgetFeeConfig {
     name?: string;

package/dist/esm/types/widget.js

@@ -16,6 +16,7 @@ export var HiddenUI;
     HiddenUI["ToToken"] = "toToken";
     HiddenUI["WalletMenu"] = "walletMenu";
     HiddenUI["IntegratorStepDetails"] = "integratorStepDetails";
+    HiddenUI["ReverseTokensButton"] = "reverseTokensButton";
 })(HiddenUI || (HiddenUI = {}));
 export var RequiredUI;
 (function (RequiredUI) {

package/dist/esm/types/widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../../src/types/widget.ts"],"names":[],"mappings":"AA8EA,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,uCAAyB,CAAA;IACzB,qCAAuB,CAAA;IACvB,qCAAuB,CAAA;IACvB,iCAAmB,CAAA;AACrB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAGD,MAAM,CAAN,IAAY,QAUX;AAVD,WAAY,QAAQ;IAClB,qCAAyB,CAAA;IACzB,mDAAuC,CAAA;IACvC,+BAAmB,CAAA;IACnB,iCAAqB,CAAA;IACrB,mCAAuB,CAAA;IACvB,mCAAuB,CAAA;IACvB,+BAAmB,CAAA;IACnB,qCAAyB,CAAA;IACzB,2DAA+C,CAAA;AACjD,CAAC,EAVW,QAAQ,KAAR,QAAQ,QAUnB;AAGD,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,qCAAuB,CAAA;AACzB,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB"}
+{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../../src/types/widget.ts"],"names":[],"mappings":"AA8EA,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,uCAAyB,CAAA;IACzB,qCAAuB,CAAA;IACvB,qCAAuB,CAAA;IACvB,iCAAmB,CAAA;AACrB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAGD,MAAM,CAAN,IAAY,QAWX;AAXD,WAAY,QAAQ;IAClB,qCAAyB,CAAA;IACzB,mDAAuC,CAAA;IACvC,+BAAmB,CAAA;IACnB,iCAAqB,CAAA;IACrB,mCAAuB,CAAA;IACvB,mCAAuB,CAAA;IACvB,+BAAmB,CAAA;IACnB,qCAAyB,CAAA;IACzB,2DAA+C,CAAA;IAC/C,uDAA2C,CAAA;AAC7C,CAAC,EAXW,QAAQ,KAAR,QAAQ,QAWnB;AAGD,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,qCAAuB,CAAA;AACzB,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "3.16.1-beta.0",
+  "version": "3.17.0",
   "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",

package/src/components/ActiveTransactions/ActiveTransactionItem.tsx

@@ -7,7 +7,7 @@ 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 { RouteTimer } from '../Timer/RouteTimer.js'
 import { ListItem, ListItemButton } from './ActiveTransactions.style.js'
 
 export const ActiveTransactionItem: React.FC<{
@@ -47,7 +47,7 @@ export const ActiveTransactionItem: React.FC<{
               fontWeight: 600,
             }}
           >
-            <StepTimer step={lastActiveStep} hideInProgress />
+            <RouteTimer route={route} />
           </Typography>
         )
     }

package/src/components/SelectChainAndToken.tsx

@@ -24,7 +24,8 @@ export const SelectChainAndToken: React.FC<BoxProps> = (props) => {
     subvariant === 'refuel' ||
     disabledUI?.includes(DisabledUI.FromToken) ||
     disabledUI?.includes(DisabledUI.ToToken) ||
-    hiddenUI?.includes(HiddenUI.ToToken)
+    hiddenUI?.includes(HiddenUI.ToToken) ||
+    hiddenUI?.includes(HiddenUI.ReverseTokensButton)
 
   const hiddenToToken =
     subvariant === 'custom' || hiddenUI?.includes(HiddenUI.ToToken)

package/src/components/Step/Step.tsx

@@ -8,9 +8,9 @@ import { Token } from '../../components/Token/Token.js'
 import { useExplorer } from '../../hooks/useExplorer.js'
 import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'
 import { shortenAddress } from '../../utils/wallet.js'
+import { StepTimer } from '../Timer/StepTimer.js'
 import { DestinationWalletAddress } from './DestinationWalletAddress.js'
 import { StepProcess } from './StepProcess.js'
-import { StepTimer } from './StepTimer.js'
 
 export const Step: React.FC<{
   step: LiFiStepExtended

package/src/components/Timer/RouteTimer.tsx

@@ -0,0 +1,22 @@
+import type { RouteExtended } from '@lifi/sdk'
+import { useStopwatch } from '../../hooks/timer/useStopwatch.js'
+import { TimerContent } from './TimerContent.js'
+
+export const RouteTimer: React.FC<{
+  route: RouteExtended
+}> = ({ route }) => {
+  const firstActiveStep = route?.steps.find((step) => step.execution)
+  const firstActiveProcess = firstActiveStep?.execution?.process.at(0)
+
+  const startTime = new Date(firstActiveProcess?.startedAt ?? Date.now())
+  const { seconds, minutes } = useStopwatch({
+    autoStart: true,
+    offsetTimestamp: startTime,
+  })
+
+  return (
+    <TimerContent>
+      {`${minutes}:${seconds < 10 ? `0${seconds}` : seconds}`}
+    </TimerContent>
+  )
+}

package/src/components/Timer/StepTimer.tsx

@@ -0,0 +1,84 @@
+import type { LiFiStepExtended } from '@lifi/sdk'
+import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useStopwatch } from '../../hooks/timer/useStopwatch.js'
+import { TimerContent } from './TimerContent.js'
+
+const getFirstExecutionProcess = (step: LiFiStepExtended) =>
+  step.execution?.process.at(0)
+
+const getExecutionProcess = (step: LiFiStepExtended) =>
+  step.execution?.process.at(-1)
+
+const getStartTimestamp = (step: LiFiStepExtended) =>
+  new Date(getFirstExecutionProcess(step)?.startedAt ?? Date.now())
+
+export const StepTimer: React.FC<{
+  step: LiFiStepExtended
+  hideInProgress?: boolean
+}> = ({ step }) => {
+  const { i18n } = useTranslation()
+
+  const [isExecutionStarted, setExecutionStarted] = useState(
+    () => !!getExecutionProcess(step)
+  )
+
+  const { seconds, minutes, isRunning, pause, reset, start } = useStopwatch({
+    autoStart: true,
+    offsetTimestamp: getStartTimestamp(step),
+  })
+
+  useEffect(() => {
+    const executionProcess = getExecutionProcess(step)
+    if (!executionProcess) {
+      return
+    }
+
+    const shouldRestart =
+      executionProcess.status === 'FAILED' || executionProcess.status === 'DONE'
+    const shouldStart =
+      executionProcess.status === 'STARTED' ||
+      executionProcess.status === 'PENDING'
+    const shouldResume = executionProcess.status === 'PENDING'
+    if (isExecutionStarted && shouldRestart) {
+      setExecutionStarted(false)
+      pause()
+      return
+    }
+    if (isExecutionStarted && !isRunning && shouldResume) {
+      start()
+      return
+    }
+    if (!isExecutionStarted && shouldStart) {
+      setExecutionStarted(true)
+      reset()
+      return
+    }
+  }, [isExecutionStarted, isRunning, pause, reset, start, step])
+
+  if (step.execution?.status === 'DONE') {
+    return null
+  }
+
+  if (!isExecutionStarted) {
+    const showSeconds = step.estimate.executionDuration < 60
+    const duration = showSeconds
+      ? Math.floor(step.estimate.executionDuration)
+      : Math.floor(step.estimate.executionDuration / 60)
+    return (
+      <TimerContent>
+        {duration.toLocaleString(i18n.language, {
+          style: 'unit',
+          unit: showSeconds ? 'second' : 'minute',
+          unitDisplay: 'narrow',
+        })}
+      </TimerContent>
+    )
+  }
+
+  return (
+    <TimerContent>
+      {`${minutes}:${seconds < 10 ? `0${seconds}` : seconds}`}
+    </TimerContent>
+  )
+}

package/src/components/Timer/TimerContent.tsx

@@ -0,0 +1,35 @@
+import { AccessTimeFilled } from '@mui/icons-material'
+import { Tooltip } from '@mui/material'
+import { Box } from '@mui/system'
+import type { FC, PropsWithChildren } from 'react'
+import { useTranslation } from 'react-i18next'
+import { IconTypography } from '../IconTypography.js'
+
+export const TimerContent: FC<PropsWithChildren> = ({ children }) => {
+  const { t } = useTranslation()
+  return (
+    <Tooltip title={t('tooltip.estimatedTime')} sx={{ cursor: 'help' }}>
+      <Box
+        component="span"
+        sx={{
+          display: 'flex',
+          alignItems: 'center',
+          height: 14,
+        }}
+      >
+        <IconTypography as="span" sx={{ marginRight: 0.5, fontSize: 16 }}>
+          <AccessTimeFilled fontSize="inherit" />
+        </IconTypography>
+        <Box
+          component="span"
+          sx={{
+            fontVariantNumeric: 'tabular-nums',
+            cursor: 'help',
+          }}
+        >
+          {children}
+        </Box>
+      </Box>
+    </Tooltip>
+  )
+}

package/src/config/version.ts

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget'
-export const version = '3.16.1-beta.0'
+export const version = '3.17.0'

package/src/hooks/timer/useStopwatch.ts

@@ -0,0 +1,65 @@
+import { useCallback, useState } from 'react'
+import { useInterval } from './useInterval.js'
+import { getSecondsFromPrevTime, getTimeFromSeconds } from './utils.js'
+
+const DEFAULT_DELAY = 1000
+
+interface UseStopwatchProps {
+  offsetTimestamp: Date
+  autoStart?: boolean
+}
+
+// This implementation was taken from the common js project - https://www.npmjs.com/package/react-timer-hook
+// modified to work in the Widget codebase with Typescript
+export function useStopwatch({
+  autoStart,
+  offsetTimestamp,
+}: UseStopwatchProps) {
+  const [passedSeconds, setPassedSeconds] = useState(
+    getSecondsFromPrevTime(offsetTimestamp, true) || 0
+  )
+  const [prevTime, setPrevTime] = useState(new Date())
+  const [seconds, setSeconds] = useState(
+    passedSeconds + getSecondsFromPrevTime(prevTime, true)
+  )
+  const [isRunning, setIsRunning] = useState(autoStart)
+
+  const start = useCallback(() => {
+    const newPrevTime = new Date()
+    setPrevTime(newPrevTime)
+    setIsRunning(true)
+    setSeconds(passedSeconds + getSecondsFromPrevTime(newPrevTime, true))
+  }, [passedSeconds])
+
+  const pause = useCallback(() => {
+    setPassedSeconds(seconds)
+    setIsRunning(false)
+  }, [seconds])
+
+  const reset = useCallback(
+    (offset = offsetTimestamp, newAutoStart = true) => {
+      const newPassedSeconds = getSecondsFromPrevTime(offset, true) || 0
+      const newPrevTime = new Date()
+      setPrevTime(newPrevTime)
+      setPassedSeconds(newPassedSeconds)
+      setIsRunning(newAutoStart)
+      setSeconds(newPassedSeconds + getSecondsFromPrevTime(newPrevTime, true))
+    },
+    [offsetTimestamp]
+  )
+
+  useInterval(
+    () => {
+      setSeconds(passedSeconds + getSecondsFromPrevTime(prevTime, true))
+    },
+    isRunning ? DEFAULT_DELAY : 0
+  )
+
+  return {
+    ...getTimeFromSeconds(seconds),
+    start,
+    pause,
+    reset,
+    isRunning,
+  }
+}

package/src/hooks/timer/utils.ts

@@ -24,6 +24,16 @@ export function getSecondsFromExpiry(expiry: Date, shouldRound?: boolean) {
   return 0
 }
 
+export function getSecondsFromPrevTime(prevTime: Date, shouldRound?: boolean) {
+  const now = new Date().getTime()
+  const milliSecondsDistance = now - prevTime.getTime()
+  if (milliSecondsDistance > 0) {
+    const val = milliSecondsDistance / 1000
+    return shouldRound ? Math.round(val) : val
+  }
+  return 0
+}
+
 export function validateExpiryTimestamp(expiryTimestamp: Date) {
   const isValid = new Date(expiryTimestamp).getTime() > 0
   if (!isValid) {

package/src/{pages/SelectTokenPage/useTokenListHeight.ts → hooks/useListHeight.ts}

@@ -1,17 +1,17 @@
 import { debounce, useTheme } from '@mui/material'
-import type { MutableRefObject } from 'react'
+import type { RefObject } from 'react'
 import { useLayoutEffect, useState } from 'react'
-import { useDefaultElementId } from '../../hooks/useDefaultElementId.js'
 import {
   ElementId,
   getAppContainer,
   getHeaderElement,
   getScrollableContainer,
-} from '../../utils/elements.js'
+} from '../utils/elements.js'
+import { useDefaultElementId } from './useDefaultElementId.js'
 
 const getContentHeight = (
   elementId: string,
-  listParentRef: MutableRefObject<HTMLUListElement | null>
+  listParentRef: RefObject<HTMLUListElement | HTMLDivElement | null>
 ) => {
   const containerElement = getScrollableContainer(elementId)
 
@@ -22,7 +22,7 @@ const getContentHeight = (
   let oldHeight: string | undefined = undefined
 
   // This covers the case where in full height flex mode when the browser height is reduced
-  // - this allows the virtualised token list to be made smaller
+  // - this allows a virtualised list to be made smaller
   if (listParentElement) {
     oldHeight = listParentElement.style.height
     listParentElement.style.height = '0'
@@ -38,7 +38,7 @@ const getContentHeight = (
   const { height: headerHeight } = headerElement.getBoundingClientRect()
 
   // This covers the case where in full height flex mode when the browser height is reduced the
-  // - this allows the virtualised token list to be set to minimum size
+  // - this allows a virtualised list to be set to minimum size
   if (listParentElement && oldHeight) {
     listParentElement.style.height = oldHeight
   }
@@ -47,18 +47,18 @@ const getContentHeight = (
 }
 
 interface UseContentHeightProps {
-  listParentRef: MutableRefObject<HTMLUListElement | null>
-  headerRef: MutableRefObject<HTMLElement | null>
+  listParentRef: RefObject<HTMLUListElement | HTMLDivElement | null>
+  headerRef?: RefObject<HTMLElement | null>
 }
 
-export const minTokenListHeight = 360
-export const minMobileTokenListHeight = 160
+export const defaultMinListHeight = 360
+export const minMobileListHeight = 160
 
 // NOTE: this hook is implicitly tied to the widget height functionality in the
 //   AppExpandedContainer, RelativeContainer and CssBaselineContainer components as defined in AppContainer.ts
 //   CSS changes in those components can have implications for the functionality in this hook
 
-export const useTokenListHeight = ({
+export const useListHeight = ({
   listParentRef,
   headerRef,
 }: UseContentHeightProps) => {
@@ -93,16 +93,16 @@ export const useTokenListHeight = ({
 
   const minListHeight =
     theme.container?.height === '100%'
-      ? minMobileTokenListHeight
-      : minTokenListHeight
+      ? minMobileListHeight
+      : defaultMinListHeight
 
-  const tokenListHeight = Math.max(
-    contentHeight - (headerRef.current?.offsetHeight ?? 0),
+  const listHeight = Math.max(
+    contentHeight - (headerRef?.current?.offsetHeight ?? 0),
     minListHeight
   )
 
   return {
     minListHeight,
-    tokenListHeight,
+    listHeight,
   }
 }