@lifi/widget 3.0.0-alpha.21 → 3.0.0-alpha.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/App.tsx +16 -17
- package/AppDrawer.tsx +2 -2
- package/_cjs/App.js +2 -3
- package/_cjs/App.js.map +1 -1
- package/_cjs/AppDrawer.d.ts +2 -2
- package/_cjs/components/AccountAvatar.js +2 -2
- package/_cjs/components/AccountAvatar.js.map +1 -1
- package/_cjs/components/AmountInput/AmountInputEndAdornment.js +11 -7
- package/_cjs/components/AmountInput/AmountInputEndAdornment.js.map +1 -1
- package/_cjs/components/Routes/RoutesExpanded.js +1 -1
- package/_cjs/components/Routes/RoutesExpanded.js.map +1 -1
- package/_cjs/components/TokenAvatar/TokenAvatar.style.js +4 -0
- package/_cjs/components/TokenAvatar/TokenAvatar.style.js.map +1 -1
- package/_cjs/components/TokenList/TokenList.js +5 -2
- package/_cjs/components/TokenList/TokenList.js.map +1 -1
- package/_cjs/components/TokenList/VirtualizedTokenList.js +41 -19
- package/_cjs/components/TokenList/VirtualizedTokenList.js.map +1 -1
- package/_cjs/components/TokenList/types.d.ts +3 -2
- package/_cjs/config/version.d.ts +1 -1
- package/_cjs/config/version.js +1 -1
- package/_cjs/hooks/index.d.ts +0 -1
- package/_cjs/hooks/index.js +0 -1
- package/_cjs/hooks/index.js.map +1 -1
- package/_cjs/hooks/useAvailableChains.js +3 -3
- package/_cjs/hooks/useAvailableChains.js.map +1 -1
- package/_cjs/hooks/useDebouncedWatch.d.ts +1 -1
- package/_cjs/hooks/useRoutes.js +49 -25
- package/_cjs/hooks/useRoutes.js.map +1 -1
- package/_cjs/hooks/useSettingMonitor.js +8 -12
- package/_cjs/hooks/useSettingMonitor.js.map +1 -1
- package/_cjs/hooks/useToken.d.ts +1 -1
- package/_cjs/hooks/useTokenAddressBalance.d.ts +3 -2
- package/_cjs/hooks/useTokenAddressBalance.js.map +1 -1
- package/_cjs/hooks/useTokenBalances.d.ts +3 -2
- package/_cjs/hooks/useTokenBalances.js +33 -14
- package/_cjs/hooks/useTokenBalances.js.map +1 -1
- package/_cjs/hooks/useTokens.d.ts +3 -1
- package/_cjs/hooks/useTokens.js +44 -31
- package/_cjs/hooks/useTokens.js.map +1 -1
- package/_cjs/i18n/en.json +3 -1
- package/_cjs/pages/RoutesPage/RoutesPage.js +1 -1
- package/_cjs/pages/RoutesPage/RoutesPage.js.map +1 -1
- package/_cjs/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js +10 -27
- package/_cjs/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js.map +1 -1
- package/_cjs/pages/SettingsPage/BridgeAndExchangeSettings.js +2 -2
- package/_cjs/pages/SettingsPage/BridgeAndExchangeSettings.js.map +1 -1
- package/_cjs/stores/form/createFormStore.js +10 -6
- package/_cjs/stores/form/createFormStore.js.map +1 -1
- package/_cjs/stores/form/types.d.ts +3 -14
- package/_cjs/stores/form/types.js.map +1 -1
- package/_cjs/stores/form/useFieldController.d.ts +1 -1
- package/_cjs/stores/form/useFieldValues.d.ts +1 -1
- package/_cjs/stores/settings/types.d.ts +10 -9
- package/_cjs/stores/settings/types.js.map +1 -1
- package/_cjs/stores/settings/useSettingsStore.js +40 -30
- package/_cjs/stores/settings/useSettingsStore.js.map +1 -1
- package/_cjs/types/token.d.ts +1 -0
- package/_cjs/types/widget.d.ts +9 -8
- package/_esm/App.js +2 -3
- package/_esm/App.js.map +1 -1
- package/_esm/AppDrawer.d.ts +2 -2
- package/_esm/components/AccountAvatar.js +2 -2
- package/_esm/components/AccountAvatar.js.map +1 -1
- package/_esm/components/AmountInput/AmountInputEndAdornment.js +11 -7
- package/_esm/components/AmountInput/AmountInputEndAdornment.js.map +1 -1
- package/_esm/components/Routes/RoutesExpanded.js +1 -1
- package/_esm/components/Routes/RoutesExpanded.js.map +1 -1
- package/_esm/components/TokenAvatar/TokenAvatar.style.js +4 -0
- package/_esm/components/TokenAvatar/TokenAvatar.style.js.map +1 -1
- package/_esm/components/TokenList/TokenList.js +6 -3
- package/_esm/components/TokenList/TokenList.js.map +1 -1
- package/_esm/components/TokenList/VirtualizedTokenList.js +41 -19
- package/_esm/components/TokenList/VirtualizedTokenList.js.map +1 -1
- package/_esm/components/TokenList/types.d.ts +3 -2
- package/_esm/config/version.d.ts +1 -1
- package/_esm/config/version.js +1 -1
- package/_esm/hooks/index.d.ts +0 -1
- package/_esm/hooks/index.js +0 -1
- package/_esm/hooks/index.js.map +1 -1
- package/_esm/hooks/useAvailableChains.js +3 -3
- package/_esm/hooks/useAvailableChains.js.map +1 -1
- package/_esm/hooks/useDebouncedWatch.d.ts +1 -1
- package/_esm/hooks/useRoutes.js +49 -25
- package/_esm/hooks/useRoutes.js.map +1 -1
- package/_esm/hooks/useSettingMonitor.js +8 -12
- package/_esm/hooks/useSettingMonitor.js.map +1 -1
- package/_esm/hooks/useToken.d.ts +1 -1
- package/_esm/hooks/useTokenAddressBalance.d.ts +3 -2
- package/_esm/hooks/useTokenAddressBalance.js.map +1 -1
- package/_esm/hooks/useTokenBalances.d.ts +3 -2
- package/_esm/hooks/useTokenBalances.js +33 -14
- package/_esm/hooks/useTokenBalances.js.map +1 -1
- package/_esm/hooks/useTokens.d.ts +3 -1
- package/_esm/hooks/useTokens.js +44 -31
- package/_esm/hooks/useTokens.js.map +1 -1
- package/_esm/i18n/en.json +3 -1
- package/_esm/pages/RoutesPage/RoutesPage.js +1 -1
- package/_esm/pages/RoutesPage/RoutesPage.js.map +1 -1
- package/_esm/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js +10 -27
- package/_esm/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js.map +1 -1
- package/_esm/pages/SettingsPage/BridgeAndExchangeSettings.js +2 -2
- package/_esm/pages/SettingsPage/BridgeAndExchangeSettings.js.map +1 -1
- package/_esm/stores/form/createFormStore.js +10 -6
- package/_esm/stores/form/createFormStore.js.map +1 -1
- package/_esm/stores/form/types.d.ts +3 -14
- package/_esm/stores/form/types.js.map +1 -1
- package/_esm/stores/form/useFieldController.d.ts +1 -1
- package/_esm/stores/form/useFieldValues.d.ts +1 -1
- package/_esm/stores/settings/types.d.ts +10 -9
- package/_esm/stores/settings/types.js.map +1 -1
- package/_esm/stores/settings/useSettingsStore.js +40 -30
- package/_esm/stores/settings/useSettingsStore.js.map +1 -1
- package/_esm/types/token.d.ts +1 -0
- package/_esm/types/widget.d.ts +9 -8
- package/components/AccountAvatar.tsx +4 -7
- package/components/AmountInput/AmountInputEndAdornment.tsx +15 -12
- package/components/Routes/RoutesExpanded.tsx +1 -1
- package/components/TokenAvatar/TokenAvatar.style.tsx +4 -0
- package/components/TokenList/TokenList.tsx +8 -2
- package/components/TokenList/VirtualizedTokenList.tsx +63 -41
- package/components/TokenList/types.ts +3 -2
- package/config/version.ts +1 -1
- package/hooks/index.ts +0 -1
- package/hooks/useAvailableChains.ts +7 -4
- package/hooks/useRoutes.ts +58 -31
- package/hooks/useSettingMonitor.ts +20 -21
- package/hooks/useTokenAddressBalance.ts +2 -1
- package/hooks/useTokenBalances.ts +34 -29
- package/hooks/useTokens.ts +65 -36
- package/i18n/en.json +3 -1
- package/package.json +9 -9
- package/pages/RoutesPage/RoutesPage.tsx +1 -1
- package/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.tsx +16 -35
- package/pages/SettingsPage/BridgeAndExchangeSettings.tsx +2 -2
- package/stores/form/createFormStore.ts +15 -15
- package/stores/form/types.ts +3 -14
- package/stores/settings/types.ts +10 -13
- package/stores/settings/useSettingsStore.ts +51 -53
- package/types/token.ts +1 -0
- package/types/widget.ts +10 -9
- package/_cjs/hooks/useFeaturedTokens.d.ts +0 -1
- package/_cjs/hooks/useFeaturedTokens.js +0 -11
- package/_cjs/hooks/useFeaturedTokens.js.map +0 -1
- package/_esm/hooks/useFeaturedTokens.d.ts +0 -1
- package/_esm/hooks/useFeaturedTokens.js +0 -7
- package/_esm/hooks/useFeaturedTokens.js.map +0 -1
- package/hooks/useFeaturedTokens.ts +0 -12
package/App.tsx
CHANGED
|
@@ -19,27 +19,26 @@ export const App = forwardRef<WidgetDrawer, WidgetProps>(
|
|
|
19
19
|
return config;
|
|
20
20
|
}, [integrator, other]);
|
|
21
21
|
|
|
22
|
-
const app = (
|
|
23
|
-
<AppProvider config={config}>
|
|
24
|
-
<AppDefault />
|
|
25
|
-
</AppProvider>
|
|
26
|
-
);
|
|
27
|
-
|
|
28
22
|
if (config.variant === 'drawer') {
|
|
29
23
|
return (
|
|
30
|
-
<
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
24
|
+
<AppProvider config={config}>
|
|
25
|
+
<AppDrawer
|
|
26
|
+
ref={ref}
|
|
27
|
+
elementRef={elementRef}
|
|
28
|
+
config={config}
|
|
29
|
+
open={open}
|
|
30
|
+
onClose={onClose}
|
|
31
|
+
>
|
|
32
|
+
<AppDefault />
|
|
33
|
+
</AppDrawer>
|
|
34
|
+
</AppProvider>
|
|
40
35
|
);
|
|
41
36
|
}
|
|
42
37
|
|
|
43
|
-
return
|
|
38
|
+
return (
|
|
39
|
+
<AppProvider config={config}>
|
|
40
|
+
<AppDefault />
|
|
41
|
+
</AppProvider>
|
|
42
|
+
);
|
|
44
43
|
},
|
|
45
44
|
);
|
package/AppDrawer.tsx
CHANGED
|
@@ -14,7 +14,7 @@ import { useTranslation } from 'react-i18next';
|
|
|
14
14
|
import { DrawerButton, DrawerButtonTypography } from './AppDrawer.style';
|
|
15
15
|
import type { WidgetDrawerContext } from './AppDrawerContext';
|
|
16
16
|
import { DrawerContext } from './AppDrawerContext';
|
|
17
|
-
import type {
|
|
17
|
+
import type { WidgetDrawerProps, WidgetSubvariant } from './types';
|
|
18
18
|
import { HiddenUI } from './types';
|
|
19
19
|
|
|
20
20
|
export interface WidgetDrawer {
|
|
@@ -26,7 +26,7 @@ export interface WidgetDrawer {
|
|
|
26
26
|
|
|
27
27
|
export const AppDrawer = forwardRef<
|
|
28
28
|
WidgetDrawer,
|
|
29
|
-
PropsWithChildren<
|
|
29
|
+
PropsWithChildren<WidgetDrawerProps>
|
|
30
30
|
>(({ elementRef, open, onClose, config, children }, ref) => {
|
|
31
31
|
const openRef = useRef(Boolean(open));
|
|
32
32
|
const [drawerOpen, setDrawerOpen] = useState(Boolean(open));
|
package/_cjs/App.js
CHANGED
|
@@ -18,10 +18,9 @@ exports.App = (0, react_1.forwardRef)(({ elementRef, open, onClose, integrator,
|
|
|
18
18
|
}
|
|
19
19
|
return config;
|
|
20
20
|
}, [integrator, other]);
|
|
21
|
-
const app = ((0, jsx_runtime_1.jsx)(AppProvider_1.AppProvider, { config: config, children: (0, jsx_runtime_1.jsx)(AppDefault_1.AppDefault, {}) }));
|
|
22
21
|
if (config.variant === 'drawer') {
|
|
23
|
-
return ((0, jsx_runtime_1.jsx)(AppDrawer_1.AppDrawer, { ref: ref, elementRef: elementRef,
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(AppProvider_1.AppProvider, { config: config, children: (0, jsx_runtime_1.jsx)(AppDrawer_1.AppDrawer, { ref: ref, elementRef: elementRef, config: config, open: open, onClose: onClose, children: (0, jsx_runtime_1.jsx)(AppDefault_1.AppDefault, {}) }) }));
|
|
24
23
|
}
|
|
25
|
-
return
|
|
24
|
+
return ((0, jsx_runtime_1.jsx)(AppProvider_1.AppProvider, { config: config, children: (0, jsx_runtime_1.jsx)(AppDefault_1.AppDefault, {}) }));
|
|
26
25
|
});
|
|
27
26
|
//# sourceMappingURL=App.js.map
|
package/_cjs/App.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../App.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AACb,iCAA4C;AAC5C,6CAA0C;AAE1C,2CAAwC;AACxC,+CAA4C;AAG/B,QAAA,GAAG,GAAG,IAAA,kBAAU,EAC3B,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3D,MAAM,MAAM,GAAiB,IAAA,eAAO,EAAC,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,
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../App.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AACb,iCAA4C;AAC5C,6CAA0C;AAE1C,2CAAwC;AACxC,+CAA4C;AAG/B,QAAA,GAAG,GAAG,IAAA,kBAAU,EAC3B,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3D,MAAM,MAAM,GAAiB,IAAA,eAAO,EAAC,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,IAAI,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,CACL,uBAAC,yBAAW,IAAC,MAAM,EAAE,MAAM,YACzB,uBAAC,qBAAS,IACR,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,YAEhB,uBAAC,uBAAU,KAAG,GACJ,GACA,CACf,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,yBAAW,IAAC,MAAM,EAAE,MAAM,YACzB,uBAAC,uBAAU,KAAG,GACF,CACf,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/_cjs/AppDrawer.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type { WidgetSubvariant } from './types';
|
|
2
|
+
import type { WidgetDrawerProps, WidgetSubvariant } from './types';
|
|
3
3
|
export interface WidgetDrawer {
|
|
4
4
|
isOpen(): void;
|
|
5
5
|
toggleDrawer(): void;
|
|
6
6
|
openDrawer(): void;
|
|
7
7
|
closeDrawer(): void;
|
|
8
8
|
}
|
|
9
|
-
export declare const AppDrawer: import("react").ForwardRefExoticComponent<
|
|
9
|
+
export declare const AppDrawer: import("react").ForwardRefExoticComponent<WidgetDrawerProps & {
|
|
10
10
|
children?: import("react").ReactNode;
|
|
11
11
|
} & import("react").RefAttributes<WidgetDrawer>>;
|
|
12
12
|
export declare const DrawerButtonText: ({ open, subvariant, }: {
|
|
@@ -7,12 +7,12 @@ const Wallet_1 = require("@mui/icons-material/Wallet");
|
|
|
7
7
|
const material_1 = require("@mui/material");
|
|
8
8
|
const hooks_1 = require("../hooks");
|
|
9
9
|
const SmallAvatar_1 = require("./SmallAvatar");
|
|
10
|
-
const
|
|
10
|
+
const TokenAvatar_1 = require("./TokenAvatar");
|
|
11
11
|
const AccountAvatar = ({ chainId, account }) => {
|
|
12
12
|
const { chain } = (0, hooks_1.useChain)(chainId);
|
|
13
13
|
const avatar = account ? ((0, jsx_runtime_1.jsx)(material_1.Avatar, { src: (0, wallet_management_1.getConnectorIcon)(account.connector), alt: account.connector?.name, sx: {
|
|
14
14
|
marginRight: chain?.logoURI ? 0 : 1.5,
|
|
15
|
-
}, children: account.connector?.name[0] })) : ((0, jsx_runtime_1.jsx)(
|
|
15
|
+
}, children: account.connector?.name[0] })) : ((0, jsx_runtime_1.jsx)(TokenAvatar_1.AvatarDefault, { children: (0, jsx_runtime_1.jsx)(Wallet_1.default, { sx: { fontSize: 20 } }) }));
|
|
16
16
|
return chainId && chain?.logoURI ? ((0, jsx_runtime_1.jsx)(material_1.Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: (0, jsx_runtime_1.jsx)(SmallAvatar_1.SmallAvatar, { src: chain?.logoURI, alt: chain?.name, children: chain?.name[0] }), children: avatar })) : (avatar);
|
|
17
17
|
};
|
|
18
18
|
exports.AccountAvatar = AccountAvatar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountAvatar.js","sourceRoot":"","sources":["../../components/AccountAvatar.tsx"],"names":[],"mappings":";;;;AAAA,+DAA2D;AAC3D,uDAAoD;AACpD,4CAA8C;AAE9C,oCAAoC;AACpC,+CAA4C;
|
|
1
|
+
{"version":3,"file":"AccountAvatar.js","sourceRoot":"","sources":["../../components/AccountAvatar.tsx"],"names":[],"mappings":";;;;AAAA,+DAA2D;AAC3D,uDAAoD;AACpD,4CAA8C;AAE9C,oCAAoC;AACpC,+CAA4C;AAC5C,+CAA8C;AAOvC,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAsB,EAAE,EAAE;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IAEpC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CACvB,uBAAC,iBAAM,IACL,GAAG,EAAE,IAAA,oCAAgB,EAAC,OAAO,CAAC,SAAS,CAAC,EACxC,GAAG,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,EAC5B,EAAE,EAAE;YACF,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;SACtC,YAEA,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,GACpB,CACV,CAAC,CAAC,CAAC,CACF,uBAAC,2BAAa,cACZ,uBAAC,gBAAU,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,GACtB,CACjB,CAAC;IAEF,OAAO,OAAO,IAAI,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CACjC,uBAAC,gBAAK,IACJ,OAAO,EAAC,UAAU,EAClB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EACzD,YAAY,EACV,uBAAC,yBAAW,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,YAC/C,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,GACH,YAGf,MAAM,GACD,CACT,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,aAAa,iBAkCxB"}
|
|
@@ -18,20 +18,24 @@ const AmountInputEndAdornment = ({ formType }) => {
|
|
|
18
18
|
const { data } = (0, hooks_1.useGasRecommendation)(chainId);
|
|
19
19
|
const { token, isLoading } = (0, hooks_1.useTokenAddressBalance)(chainId, tokenAddress);
|
|
20
20
|
const handleMax = () => {
|
|
21
|
+
if (!token?.amount) {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
21
24
|
const chain = getChainById(chainId);
|
|
22
|
-
let maxAmount = token
|
|
25
|
+
let maxAmount = token.amount;
|
|
23
26
|
if (chain?.nativeToken.address === tokenAddress &&
|
|
24
27
|
data?.available &&
|
|
25
28
|
data?.recommended) {
|
|
26
|
-
const tokenAmount = token?.amount ?? 0n;
|
|
27
29
|
const recommendedAmount = BigInt(data.recommended.amount) / 2n;
|
|
28
|
-
if (
|
|
29
|
-
maxAmount =
|
|
30
|
+
if (token.amount > recommendedAmount) {
|
|
31
|
+
maxAmount = token.amount - recommendedAmount;
|
|
30
32
|
}
|
|
31
33
|
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
34
|
+
if (maxAmount) {
|
|
35
|
+
setFieldValue(stores_1.FormKeyHelper.getAmountKey(formType), (0, viem_1.formatUnits)(maxAmount, token.decimals), {
|
|
36
|
+
isTouched: true,
|
|
37
|
+
});
|
|
38
|
+
}
|
|
35
39
|
};
|
|
36
40
|
return ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: isLoading && tokenAddress ? ((0, jsx_runtime_1.jsx)(AmountInputAdornment_style_1.MaxButtonSkeleton, { variant: "rectangular" })) : formType === 'from' && token?.amount ? ((0, jsx_runtime_1.jsx)(AmountInputAdornment_style_1.MaxButton, { onClick: handleMax, children: t('button.max') })) : null }));
|
|
37
41
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AmountInputEndAdornment.js","sourceRoot":"","sources":["../../../components/AmountInput/AmountInputEndAdornment.tsx"],"names":[],"mappings":";;;;AAAA,4CAA+C;AAC/C,iDAA+C;AAC/C,+BAAmC;AACnC,uCAIqB;AAErB,yCAA8E;AAC9E,6EAA4E;AAErE,MAAM,uBAAuB,GAAG,CAAC,EAAE,QAAQ,EAAiB,EAAE,EAAE;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,0BAAkB,GAAE,CAAC;IAC9C,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,wBAAe,GAAE,CAAC;IAE5C,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,IAAA,uBAAc,EAC5C,sBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EACnC,sBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CACpC,CAAC;IAEF,kGAAkG;IAClG,+DAA+D;IAC/D,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,4BAAoB,EAAC,OAAO,CAAC,CAAC;IAE/C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAA,8BAAsB,EAAC,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,
|
|
1
|
+
{"version":3,"file":"AmountInputEndAdornment.js","sourceRoot":"","sources":["../../../components/AmountInput/AmountInputEndAdornment.tsx"],"names":[],"mappings":";;;;AAAA,4CAA+C;AAC/C,iDAA+C;AAC/C,+BAAmC;AACnC,uCAIqB;AAErB,yCAA8E;AAC9E,6EAA4E;AAErE,MAAM,uBAAuB,GAAG,CAAC,EAAE,QAAQ,EAAiB,EAAE,EAAE;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,0BAAkB,GAAE,CAAC;IAC9C,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,wBAAe,GAAE,CAAC;IAE5C,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,IAAA,uBAAc,EAC5C,sBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EACnC,sBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CACpC,CAAC;IAEF,kGAAkG;IAClG,+DAA+D;IAC/D,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,4BAAoB,EAAC,OAAO,CAAC,CAAC;IAE/C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAA,8BAAsB,EAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;QAC7B,IACE,KAAK,EAAE,WAAW,CAAC,OAAO,KAAK,YAAY;YAC3C,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,WAAW,EACjB,CAAC;YACD,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;YAC/D,IAAI,KAAK,CAAC,MAAM,GAAG,iBAAiB,EAAE,CAAC;gBACrC,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,iBAAiB,CAAC;YAC/C,CAAC;QACH,CAAC;QACD,IAAI,SAAS,EAAE,CAAC;YACd,aAAa,CACX,sBAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,EACpC,IAAA,kBAAW,EAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,EACtC;gBACE,SAAS,EAAE,IAAI;aAChB,CACF,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,yBAAc,IAAC,QAAQ,EAAC,KAAK,YAC3B,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,CAC3B,uBAAC,8CAAiB,IAAC,OAAO,EAAC,aAAa,GAAG,CAC5C,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,IAAI,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACzC,uBAAC,sCAAS,IAAC,OAAO,EAAE,SAAS,YAAG,CAAC,CAAC,YAAY,CAAC,GAAa,CAC7D,CAAC,CAAC,CAAC,IAAI,GACO,CAClB,CAAC;AACJ,CAAC,CAAC;AApDW,QAAA,uBAAuB,2BAoDlC"}
|
|
@@ -36,7 +36,7 @@ const RoutesExpandedElement = () => {
|
|
|
36
36
|
const routeNotFound = !currentRoute && !isLoading && !isFetching && expanded;
|
|
37
37
|
return ((0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: timeout.enter, in: expanded, orientation: "horizontal", children: (0, jsx_runtime_1.jsx)(material_1.Grow, { timeout: timeout.enter, in: expanded, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsx)(RoutesExpanded_style_1.Container, { sx: containerStyle, enableColorScheme: true, children: (0, jsx_runtime_1.jsxs)(RoutesExpanded_style_1.ScrollableContainer, { children: [(0, jsx_runtime_1.jsxs)(RoutesExpanded_style_1.Header, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 18, fontWeight: "700", flex: 1, noWrap: true, children: subvariant === 'nft'
|
|
38
38
|
? t('main.fromAmount')
|
|
39
|
-
: t('header.youGet') }), (0, jsx_runtime_1.jsx)(ProgressToNextUpdate_1.ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 } })] }), (0, jsx_runtime_1.jsx)(PageContainer_1.PageContainer, { children: (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "column", spacing: 2, flex: 1, paddingBottom: 3, children: routeNotFound ? ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteNotFoundCard, {})) : isLoading || (isFetching && !routes?.length) ? (Array.from({ length: 3 }).map((_, index) => ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteCardSkeleton, {}, index)))) : (routes?.map((route, index) => ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteCard, { route: route, onClick: () => handleRouteClick(route), active: index === 0, expanded: routes?.length === 1 },
|
|
39
|
+
: t('header.youGet') }), (0, jsx_runtime_1.jsx)(ProgressToNextUpdate_1.ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 } })] }), (0, jsx_runtime_1.jsx)(PageContainer_1.PageContainer, { children: (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "column", spacing: 2, flex: 1, paddingBottom: 3, children: routeNotFound ? ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteNotFoundCard, {})) : isLoading || (isFetching && !routes?.length) ? (Array.from({ length: 3 }).map((_, index) => ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteCardSkeleton, {}, index)))) : (routes?.map((route, index) => ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteCard, { route: route, onClick: () => handleRouteClick(route), active: index === 0, expanded: routes?.length === 1 }, index)))) }) })] }) }) }) }));
|
|
40
40
|
};
|
|
41
41
|
exports.RoutesExpandedElement = RoutesExpandedElement;
|
|
42
42
|
//# sourceMappingURL=RoutesExpanded.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoutesExpanded.js","sourceRoot":"","sources":["../../../components/Routes/RoutesExpanded.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"RoutesExpanded.js","sourceRoot":"","sources":["../../../components/Routes/RoutesExpanded.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,12 +17,16 @@ exports.TokenAvatarGroup = (0, styles_1.styled)(material_1.AvatarGroup)(({ theme
|
|
|
17
17
|
exports.AvatarDefault = (0, styles_1.styled)(material_1.Box)(({ theme }) => {
|
|
18
18
|
const root = theme.components?.MuiAvatar?.styleOverrides?.root;
|
|
19
19
|
return {
|
|
20
|
+
display: 'flex',
|
|
21
|
+
alignItems: 'center',
|
|
22
|
+
justifyContent: 'center',
|
|
20
23
|
background: theme.palette.mode === 'light'
|
|
21
24
|
? theme.palette.grey[300]
|
|
22
25
|
: theme.palette.grey[800],
|
|
23
26
|
borderRadius: '50%',
|
|
24
27
|
height: root?.height,
|
|
25
28
|
width: root?.width,
|
|
29
|
+
color: theme.palette.text.secondary,
|
|
26
30
|
};
|
|
27
31
|
});
|
|
28
32
|
exports.AvatarDefaultBadge = (0, styles_1.styled)(material_1.Box)(({ theme }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenAvatar.style.js","sourceRoot":"","sources":["../../../components/TokenAvatar/TokenAvatar.style.tsx"],"names":[],"mappings":";;;AACA,4CAAiD;AACjD,iDAAqD;AACrD,+CAAmD;AACnD,iDAA8C;AAEjC,QAAA,gBAAgB,GAAG,IAAA,eAAM,EAAC,sBAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClE,CAAC,MAAM,oBAAY,CAAC,KAAK,gBAAgB,sBAAa,CAAC,IAAI,EAAE,CAAC,EAAE;QAC9D,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC7B,SAAS,EAAE,YAAY;KACxB;IACD,CAAC,MAAM,oBAAY,CAAC,IAAI,aAAa,CAAC,EAAE;QACtC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC7B;CACF,CAAC,CAAC,CAAC;AAES,QAAA,aAAa,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrD,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,IAAiB,CAAC;IAC5E,OAAO;QACL,UAAU,EACR,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACzB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,IAAI,EAAE,MAAM;QACpB,KAAK,EAAE,IAAI,EAAE,KAAK;
|
|
1
|
+
{"version":3,"file":"TokenAvatar.style.js","sourceRoot":"","sources":["../../../components/TokenAvatar/TokenAvatar.style.tsx"],"names":[],"mappings":";;;AACA,4CAAiD;AACjD,iDAAqD;AACrD,+CAAmD;AACnD,iDAA8C;AAEjC,QAAA,gBAAgB,GAAG,IAAA,eAAM,EAAC,sBAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClE,CAAC,MAAM,oBAAY,CAAC,KAAK,gBAAgB,sBAAa,CAAC,IAAI,EAAE,CAAC,EAAE;QAC9D,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC7B,SAAS,EAAE,YAAY;KACxB;IACD,CAAC,MAAM,oBAAY,CAAC,IAAI,aAAa,CAAC,EAAE;QACtC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC7B;CACF,CAAC,CAAC,CAAC;AAES,QAAA,aAAa,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrD,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,IAAiB,CAAC;IAC5E,OAAO;QACL,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EACR,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACzB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,IAAI,EAAE,MAAM;QACpB,KAAK,EAAE,IAAI,EAAE,KAAK;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;KACpC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,kBAAkB,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1D,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,IAAiB,CAAC;IAC5E,OAAO;QACL,UAAU,EACR,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACzB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE;QACrD,YAAY,EAAE,KAAK;QACnB,MAAM,EAAG,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE,CAAY,GAAG,CAAC;QAC5C,KAAK,EAAG,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAY,GAAG,CAAC;KAC3C,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -14,7 +14,8 @@ const TokenList = ({ formType, height, onClick, }) => {
|
|
|
14
14
|
const [selectedChainId] = (0, stores_1.useFieldValues)(stores_1.FormKeyHelper.getChainKey(formType));
|
|
15
15
|
const [tokenSearchFilter] = (0, hooks_1.useDebouncedWatch)(320, 'tokenSearchFilter');
|
|
16
16
|
const { chain, isLoading: isChainLoading } = (0, hooks_1.useChain)(selectedChainId);
|
|
17
|
-
const {
|
|
17
|
+
const { account } = (0, hooks_1.useAccount)({ chainType: chain?.chainType });
|
|
18
|
+
const { tokens: chainTokens, tokensWithBalance, isLoading: isTokensLoading, isBalanceLoading, featuredTokens, popularTokens, } = (0, hooks_1.useTokenBalances)(selectedChainId);
|
|
18
19
|
let filteredTokens = (tokensWithBalance ??
|
|
19
20
|
chainTokens ??
|
|
20
21
|
[]);
|
|
@@ -39,7 +40,9 @@ const TokenList = ({ formType, height, onClick, }) => {
|
|
|
39
40
|
? [searchedToken]
|
|
40
41
|
: filteredTokens;
|
|
41
42
|
const handleTokenClick = (0, useTokenSelect_1.useTokenSelect)(formType, onClick);
|
|
42
|
-
|
|
43
|
+
const showCategories = Boolean(featuredTokens?.length || popularTokens?.length) &&
|
|
44
|
+
!tokenSearchFilter;
|
|
45
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { ref: parentRef, style: { height, overflow: 'auto' }, children: [!tokens.length && !isLoading ? ((0, jsx_runtime_1.jsx)(TokenNotFound_1.TokenNotFound, { formType: formType })) : null, (0, jsx_runtime_1.jsx)(VirtualizedTokenList_1.VirtualizedTokenList, { account: account, tokens: tokens, scrollElementRef: parentRef, chainId: selectedChainId, chain: chain, isLoading: isLoading, isBalanceLoading: isBalanceLoading, showCategories: showCategories, onClick: handleTokenClick })] }));
|
|
43
46
|
};
|
|
44
47
|
exports.TokenList = TokenList;
|
|
45
48
|
//# sourceMappingURL=TokenList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenList.js","sourceRoot":"","sources":["../../../components/TokenList/TokenList.tsx"],"names":[],"mappings":";;;;AAAA,4CAAoC;AAEpC,iCAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"TokenList.js","sourceRoot":"","sources":["../../../components/TokenList/TokenList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,33 +6,32 @@ const material_1 = require("@mui/material");
|
|
|
6
6
|
const react_virtual_1 = require("@tanstack/react-virtual");
|
|
7
7
|
const react_1 = require("react");
|
|
8
8
|
const react_i18next_1 = require("react-i18next");
|
|
9
|
-
const hooks_1 = require("../../hooks");
|
|
10
9
|
const TokenListItem_1 = require("./TokenListItem");
|
|
11
|
-
const VirtualizedTokenList = ({
|
|
12
|
-
const { account } = (0, hooks_1.useAccount)({ chainType: chain?.chainType });
|
|
10
|
+
const VirtualizedTokenList = ({ account, tokens, scrollElementRef, chainId, chain, isLoading, isBalanceLoading, showCategories, onClick, }) => {
|
|
13
11
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
14
|
-
const hasFeaturedTokens = !!featuredTokensLength && showFeatured;
|
|
15
|
-
const featuredTokensLastIndex = (featuredTokensLength ?? 0) - 1;
|
|
16
|
-
const tokensLastIndex = tokens.length - 1;
|
|
17
12
|
const { getVirtualItems, getTotalSize, scrollToIndex } = (0, react_virtual_1.useVirtualizer)({
|
|
18
13
|
count: tokens.length,
|
|
19
14
|
overscan: 10,
|
|
20
15
|
paddingEnd: 12,
|
|
21
16
|
getScrollElement: () => scrollElementRef.current,
|
|
22
17
|
estimateSize: (index) => {
|
|
23
|
-
//
|
|
18
|
+
// Base size for TokenListItem
|
|
24
19
|
let size = 64;
|
|
25
|
-
if
|
|
20
|
+
// Early return if categories are not shown
|
|
21
|
+
if (!showCategories) {
|
|
26
22
|
return size;
|
|
27
23
|
}
|
|
28
|
-
|
|
29
|
-
|
|
24
|
+
const currentToken = tokens[index];
|
|
25
|
+
const previousToken = tokens[index - 1];
|
|
26
|
+
// Adjust size for the first featured token
|
|
27
|
+
if (currentToken.featured && index === 0) {
|
|
30
28
|
size += 24;
|
|
31
29
|
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
30
|
+
// Adjust size based on changes between the current and previous tokens
|
|
31
|
+
const isCategoryChanged = (previousToken?.amount && !currentToken.amount) ||
|
|
32
|
+
(previousToken?.featured && !currentToken.featured) ||
|
|
33
|
+
(previousToken?.popular && !currentToken.popular);
|
|
34
|
+
if (isCategoryChanged) {
|
|
36
35
|
size += 32;
|
|
37
36
|
}
|
|
38
37
|
return size;
|
|
@@ -51,11 +50,34 @@ const VirtualizedTokenList = ({ tokens, featuredTokensLength, scrollElementRef,
|
|
|
51
50
|
(0, jsx_runtime_1.jsx)(TokenListItem_1.TokenListItemSkeleton, {}, index))) }));
|
|
52
51
|
}
|
|
53
52
|
return ((0, jsx_runtime_1.jsx)(material_1.List, { style: { height: getTotalSize() }, disablePadding: true, children: getVirtualItems().map((item) => {
|
|
54
|
-
const
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
53
|
+
const currentToken = tokens[item.index];
|
|
54
|
+
const previousToken = tokens[item.index - 1];
|
|
55
|
+
const isFirstFeaturedToken = currentToken.featured && item.index === 0;
|
|
56
|
+
const isTransitionFromFeaturedTokens = previousToken?.featured && !currentToken.featured;
|
|
57
|
+
const isTransitionFromMyTokens = previousToken?.amount && !currentToken.amount;
|
|
58
|
+
const isTransitionToMyTokens = isTransitionFromFeaturedTokens && currentToken.amount;
|
|
59
|
+
const isTransitionToPopularTokens = (isTransitionFromFeaturedTokens || isTransitionFromMyTokens) &&
|
|
60
|
+
currentToken.popular;
|
|
61
|
+
const shouldShowAllTokensCategory = (isTransitionFromMyTokens ||
|
|
62
|
+
isTransitionFromFeaturedTokens ||
|
|
63
|
+
(previousToken?.popular && !currentToken.popular)) &&
|
|
64
|
+
showCategories;
|
|
65
|
+
const startAdornmentLabel = (() => {
|
|
66
|
+
if (isFirstFeaturedToken) {
|
|
67
|
+
return t('main.featuredTokens');
|
|
68
|
+
}
|
|
69
|
+
if (isTransitionToMyTokens) {
|
|
70
|
+
return t('main.myTokens');
|
|
71
|
+
}
|
|
72
|
+
if (isTransitionToPopularTokens) {
|
|
73
|
+
return t('main.popularTokens');
|
|
74
|
+
}
|
|
75
|
+
if (shouldShowAllTokensCategory) {
|
|
76
|
+
return t('main.allTokens');
|
|
77
|
+
}
|
|
78
|
+
return null;
|
|
79
|
+
})();
|
|
80
|
+
return ((0, jsx_runtime_1.jsx)(TokenListItem_1.TokenListItem, { onClick: onClick, size: item.size, start: item.start, token: currentToken, chain: chain, isBalanceLoading: isBalanceLoading, showBalance: account.isConnected, startAdornment: startAdornmentLabel ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, fontWeight: 600, lineHeight: "16px", px: 1.5, pt: isFirstFeaturedToken ? 0 : 1, pb: 1, children: startAdornmentLabel })) : null }, item.key));
|
|
59
81
|
}) }));
|
|
60
82
|
};
|
|
61
83
|
exports.VirtualizedTokenList = VirtualizedTokenList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualizedTokenList.js","sourceRoot":"","sources":["../../../components/TokenList/VirtualizedTokenList.tsx"],"names":[],"mappings":";;;;AAAA,4CAAiD;AACjD,2DAAyD;AAEzD,iCAAkC;AAClC,iDAA+C;
|
|
1
|
+
{"version":3,"file":"VirtualizedTokenList.js","sourceRoot":"","sources":["../../../components/TokenList/VirtualizedTokenList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { ExtendedChain } from '@lifi/sdk';
|
|
2
2
|
import type { MouseEventHandler, MutableRefObject } from 'react';
|
|
3
|
+
import type { Account } from '../../hooks';
|
|
3
4
|
import type { FormType } from '../../stores';
|
|
4
5
|
import type { TokenAmount } from '../../types';
|
|
5
6
|
export interface TokenListProps {
|
|
@@ -8,14 +9,14 @@ export interface TokenListProps {
|
|
|
8
9
|
onClick?(): void;
|
|
9
10
|
}
|
|
10
11
|
export interface VirtualizedTokenListProps {
|
|
12
|
+
account: Account;
|
|
11
13
|
tokens: TokenAmount[];
|
|
12
|
-
featuredTokensLength?: number;
|
|
13
14
|
scrollElementRef: MutableRefObject<HTMLElement | null>;
|
|
14
15
|
isLoading: boolean;
|
|
15
16
|
isBalanceLoading: boolean;
|
|
16
17
|
chainId?: number;
|
|
17
18
|
chain?: ExtendedChain;
|
|
18
|
-
|
|
19
|
+
showCategories?: boolean;
|
|
19
20
|
onClick(tokenAddress: string): void;
|
|
20
21
|
}
|
|
21
22
|
export interface TokenListItemBaseProps {
|
package/_cjs/config/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const name = "@lifi/widget";
|
|
2
|
-
export declare const version = "3.0.0-alpha.
|
|
2
|
+
export declare const version = "3.0.0-alpha.23";
|
package/_cjs/config/version.js
CHANGED
package/_cjs/hooks/index.d.ts
CHANGED
|
@@ -7,7 +7,6 @@ export * from './useContentHeight';
|
|
|
7
7
|
export * from './useDebouncedWatch';
|
|
8
8
|
export * from './useDefaultElementId';
|
|
9
9
|
export * from './useExpandableVariant';
|
|
10
|
-
export * from './useFeaturedTokens';
|
|
11
10
|
export * from './useFromTokenSufficiency';
|
|
12
11
|
export * from './useGasRecommendation';
|
|
13
12
|
export * from './useGasRefuel';
|
package/_cjs/hooks/index.js
CHANGED
|
@@ -23,7 +23,6 @@ __exportStar(require("./useContentHeight"), exports);
|
|
|
23
23
|
__exportStar(require("./useDebouncedWatch"), exports);
|
|
24
24
|
__exportStar(require("./useDefaultElementId"), exports);
|
|
25
25
|
__exportStar(require("./useExpandableVariant"), exports);
|
|
26
|
-
__exportStar(require("./useFeaturedTokens"), exports);
|
|
27
26
|
__exportStar(require("./useFromTokenSufficiency"), exports);
|
|
28
27
|
__exportStar(require("./useGasRecommendation"), exports);
|
|
29
28
|
__exportStar(require("./useGasRefuel"), exports);
|
package/_cjs/hooks/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,yDAAuC;AACvC,uDAAqC;AACrC,6CAA2B;AAC3B,8CAA4B;AAC5B,qDAAmC;AACnC,sDAAoC;AACpC,wDAAsC;AACtC,yDAAuC;AACvC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,yDAAuC;AACvC,uDAAqC;AACrC,6CAA2B;AAC3B,8CAA4B;AAC5B,qDAAmC;AACnC,sDAAoC;AACpC,wDAAsC;AACtC,yDAAuC;AACvC,4DAA0C;AAC1C,yDAAuC;AACvC,iDAA+B;AAC/B,sDAAoC;AACpC,mDAAiC;AACjC,iDAA+B;AAC/B,oDAAkC;AAClC,sDAAoC;AACpC,sDAAoC;AACpC,8CAA4B;AAC5B,2DAAyC;AACzC,sDAAoC;AACpC,gDAA8B;AAC9B,6DAA2C;AAC3C,sDAAoC;AACpC,6CAA2B;AAC3B,2DAAyC;AACzC,oDAAkC;AAClC,qDAAmC;AACnC,mDAAiC;AACjC,8CAA4B;AAC5B,6CAA2B;AAC3B,0DAAwC;AACxC,0DAAwC;AACxC,oDAAkC"}
|
|
@@ -6,16 +6,16 @@ const react_query_1 = require("@tanstack/react-query");
|
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const providers_1 = require("../providers");
|
|
8
8
|
const utils_1 = require("../utils");
|
|
9
|
+
const supportedChainTypes = [sdk_1.ChainType.EVM, sdk_1.ChainType.SVM];
|
|
9
10
|
const useAvailableChains = () => {
|
|
10
11
|
const { chains } = (0, providers_1.useWidgetConfig)();
|
|
11
12
|
const { providers } = (0, providers_1.useHasExternalWalletProvider)();
|
|
12
13
|
const { data, isLoading } = (0, react_query_1.useQuery)({
|
|
13
14
|
queryKey: ['chains', providers, chains?.types],
|
|
14
15
|
queryFn: async ({ queryKey: [, providers, chainTypes] }) => {
|
|
16
|
+
const chainTypesRequest = (providers.length > 0 ? providers : supportedChainTypes).filter((chainType) => (0, utils_1.isItemAllowed)(chainType, chainTypes));
|
|
15
17
|
const availableChains = await (0, sdk_1.getChains)({
|
|
16
|
-
chainTypes:
|
|
17
|
-
? providers
|
|
18
|
-
: Object.values(sdk_1.ChainType)).filter((chainType) => (0, utils_1.isItemAllowed)(chainType, chainTypes)),
|
|
18
|
+
chainTypes: chainTypesRequest,
|
|
19
19
|
});
|
|
20
20
|
sdk_1.config.setChains(availableChains);
|
|
21
21
|
return availableChains;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAvailableChains.js","sourceRoot":"","sources":["../../hooks/useAvailableChains.ts"],"names":[],"mappings":";;;AACA,mCAAyD;AACzD,uDAAiD;AACjD,iCAAoC;AACpC,4CAA6E;AAC7E,oCAAyC;
|
|
1
|
+
{"version":3,"file":"useAvailableChains.js","sourceRoot":"","sources":["../../hooks/useAvailableChains.ts"],"names":[],"mappings":";;;AACA,mCAAyD;AACzD,uDAAiD;AACjD,iCAAoC;AACpC,4CAA6E;AAC7E,oCAAyC;AAEzC,MAAM,mBAAmB,GAAG,CAAC,eAAS,CAAC,GAAG,EAAE,eAAS,CAAC,GAAG,CAAC,CAAC;AAEpD,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACrC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,wCAA4B,GAAE,CAAC;IACrD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAA,sBAAQ,EAAC;QACnC,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,CAAU;QACvD,OAAO,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE;YACzD,MAAM,iBAAiB,GAAG,CACxB,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,CACvD,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,IAAA,qBAAa,EAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;YAE9D,MAAM,eAAe,GAAG,MAAM,IAAA,eAAS,EAAC;gBACtC,UAAU,EAAE,iBAAiB;aAC9B,CAAC,CAAC;YACH,YAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;YAClC,OAAO,eAAe,CAAC;QACzB,CAAC;QACD,eAAe,EAAE,MAAM;QACvB,SAAS,EAAE,MAAM;KAClB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,OAAgB,EAAE,SAAsC,IAAI,EAAE,EAAE;QAC/D,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,MAAM,KAAK,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;QAC5D,gBAAgB;QAChB,+DAA+D;QAC/D,IAAI;QACJ,OAAO,KAAK,CAAC;IACf,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,OAAO;QACL,MAAM,EAAE,IAAI;QACZ,YAAY;QACZ,SAAS;KACV,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,kBAAkB,sBAuC7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useDebouncedWatch: <T extends (keyof import("../stores").
|
|
1
|
+
export declare const useDebouncedWatch: <T extends (keyof import("../stores").DefaultValues)[]>(delay: number, ...name: T) => import("../stores").FormFieldArray<T>;
|
package/_cjs/hooks/useRoutes.js
CHANGED
|
@@ -16,12 +16,12 @@ const useRoutes = ({ insurableRoute } = {}) => {
|
|
|
16
16
|
const { subvariant, sdkConfig, insurance, contractTool } = (0, providers_1.useWidgetConfig)();
|
|
17
17
|
const queryClient = (0, react_query_1.useQueryClient)();
|
|
18
18
|
const swapOnly = (0, useSwapOnly_1.useSwapOnly)();
|
|
19
|
-
const {
|
|
20
|
-
'
|
|
21
|
-
'
|
|
19
|
+
const { disabledBridges, disabledExchanges, enabledAutoRefuel, routePriority, slippage, } = (0, stores_1.useSettings)([
|
|
20
|
+
'disabledBridges',
|
|
21
|
+
'disabledExchanges',
|
|
22
22
|
'enabledAutoRefuel',
|
|
23
|
-
'
|
|
24
|
-
'
|
|
23
|
+
'routePriority',
|
|
24
|
+
'slippage',
|
|
25
25
|
]);
|
|
26
26
|
const [fromTokenAmount] = (0, _1.useDebouncedWatch)(320, 'fromAmount');
|
|
27
27
|
const [fromChainId, fromTokenAddress, toAddress, toTokenAmount, toChainId, toContractAddress, toContractCallData, toContractGasLimit, toTokenAddress,] = (0, stores_1.useFieldValues)('fromChain', 'fromToken', 'toAddress', 'toAmount', 'toChain', 'toContractAddress', 'toContractCallData', 'toContractGasLimit', 'toToken');
|
|
@@ -74,8 +74,9 @@ const useRoutes = ({ insurableRoute } = {}) => {
|
|
|
74
74
|
toContractCallData,
|
|
75
75
|
toContractGasLimit,
|
|
76
76
|
slippage,
|
|
77
|
-
swapOnly
|
|
78
|
-
|
|
77
|
+
swapOnly,
|
|
78
|
+
disabledBridges,
|
|
79
|
+
disabledExchanges,
|
|
79
80
|
routePriority,
|
|
80
81
|
subvariant,
|
|
81
82
|
sdkConfig?.routeOptions?.allowSwitchChain,
|
|
@@ -86,20 +87,28 @@ const useRoutes = ({ insurableRoute } = {}) => {
|
|
|
86
87
|
];
|
|
87
88
|
const { data, isLoading, isFetching, isFetched, dataUpdatedAt, refetch } = (0, react_query_1.useQuery)({
|
|
88
89
|
queryKey,
|
|
89
|
-
queryFn: async ({ queryKey: [_, fromAddress, fromChainId, fromTokenAddress, fromTokenAmount, toAddress, toChainId, toTokenAddress, toTokenAmount, toContractAddress, toContractCallData, toContractGasLimit, slippage = stores_1.defaultSlippage,
|
|
90
|
+
queryFn: async ({ queryKey: [_, fromAddress, fromChainId, fromTokenAddress, fromTokenAmount, toAddress, toChainId, toTokenAddress, toTokenAmount, toContractAddress, toContractCallData, toContractGasLimit, slippage = stores_1.defaultSlippage, swapOnly, disabledBridges, disabledExchanges, routePriority, subvariant, allowSwitchChain, enabledRefuel, gasRecommendationFromAmount, insurance, insurableRouteId,], signal, }) => {
|
|
90
91
|
const toWalletAddress = toAddress || fromAddress;
|
|
91
92
|
const fromAmount = (0, viem_1.parseUnits)(fromTokenAmount, fromToken.decimals).toString();
|
|
92
93
|
const formattedSlippage = parseFloat(slippage) / 100;
|
|
93
|
-
const allowedBridges =
|
|
94
|
-
?
|
|
95
|
-
|
|
96
|
-
.
|
|
97
|
-
|
|
94
|
+
const allowedBridges = swapOnly
|
|
95
|
+
? []
|
|
96
|
+
: insurableRoute
|
|
97
|
+
? insurableRoute.steps.flatMap((step) => step.includedSteps.reduce((toolKeys, includedStep) => {
|
|
98
|
+
if (includedStep.type === 'cross') {
|
|
99
|
+
toolKeys.push(includedStep.toolDetails.key);
|
|
100
|
+
}
|
|
101
|
+
return toolKeys;
|
|
102
|
+
}, []))
|
|
103
|
+
: undefined;
|
|
98
104
|
const allowedExchanges = insurableRoute
|
|
99
|
-
? insurableRoute.steps.flatMap((step) => step.includedSteps
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
105
|
+
? insurableRoute.steps.flatMap((step) => step.includedSteps.reduce((toolKeys, includedStep) => {
|
|
106
|
+
if (includedStep.type === 'swap') {
|
|
107
|
+
toolKeys.push(includedStep.toolDetails.key);
|
|
108
|
+
}
|
|
109
|
+
return toolKeys;
|
|
110
|
+
}, []))
|
|
111
|
+
: undefined;
|
|
103
112
|
if (subvariant === 'nft') {
|
|
104
113
|
const contractCallQuote = await (0, sdk_1.getContractCallQuote)({
|
|
105
114
|
// Contract calls are enabled only when fromAddress is set
|
|
@@ -112,7 +121,12 @@ const useRoutes = ({ insurableRoute } = {}) => {
|
|
|
112
121
|
toContractAddress,
|
|
113
122
|
toContractCallData,
|
|
114
123
|
toContractGasLimit,
|
|
124
|
+
denyBridges: disabledBridges.length ? disabledBridges : undefined,
|
|
125
|
+
denyExchanges: disabledExchanges.length
|
|
126
|
+
? disabledExchanges
|
|
127
|
+
: undefined,
|
|
115
128
|
allowBridges: allowedBridges,
|
|
129
|
+
allowExchanges: allowedExchanges,
|
|
116
130
|
toFallbackAddress: toWalletAddress,
|
|
117
131
|
slippage: formattedSlippage,
|
|
118
132
|
}, { signal });
|
|
@@ -160,16 +174,26 @@ const useRoutes = ({ insurableRoute } = {}) => {
|
|
|
160
174
|
? gasRecommendationFromAmount
|
|
161
175
|
: undefined,
|
|
162
176
|
options: {
|
|
163
|
-
slippage: formattedSlippage,
|
|
164
|
-
bridges: {
|
|
165
|
-
allow: allowedBridges,
|
|
166
|
-
},
|
|
167
|
-
exchanges: {
|
|
168
|
-
allow: allowedExchanges,
|
|
169
|
-
},
|
|
170
|
-
order: routePriority,
|
|
171
177
|
allowSwitchChain: subvariant === 'refuel' ? false : allowSwitchChain,
|
|
178
|
+
bridges: allowedBridges?.length || disabledBridges.length
|
|
179
|
+
? {
|
|
180
|
+
allow: allowedBridges,
|
|
181
|
+
deny: disabledBridges.length
|
|
182
|
+
? disabledBridges
|
|
183
|
+
: undefined,
|
|
184
|
+
}
|
|
185
|
+
: undefined,
|
|
186
|
+
exchanges: allowedExchanges?.length || disabledExchanges.length
|
|
187
|
+
? {
|
|
188
|
+
allow: allowedExchanges,
|
|
189
|
+
deny: disabledExchanges.length
|
|
190
|
+
? disabledExchanges
|
|
191
|
+
: undefined,
|
|
192
|
+
}
|
|
193
|
+
: undefined,
|
|
172
194
|
insurance: insurance ? Boolean(insurableRoute) : undefined,
|
|
195
|
+
order: routePriority,
|
|
196
|
+
slippage: formattedSlippage,
|
|
173
197
|
},
|
|
174
198
|
}, { signal });
|
|
175
199
|
if (data.routes[0] && fromAddress) {
|