@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.
Files changed (147) hide show
  1. package/App.tsx +16 -17
  2. package/AppDrawer.tsx +2 -2
  3. package/_cjs/App.js +2 -3
  4. package/_cjs/App.js.map +1 -1
  5. package/_cjs/AppDrawer.d.ts +2 -2
  6. package/_cjs/components/AccountAvatar.js +2 -2
  7. package/_cjs/components/AccountAvatar.js.map +1 -1
  8. package/_cjs/components/AmountInput/AmountInputEndAdornment.js +11 -7
  9. package/_cjs/components/AmountInput/AmountInputEndAdornment.js.map +1 -1
  10. package/_cjs/components/Routes/RoutesExpanded.js +1 -1
  11. package/_cjs/components/Routes/RoutesExpanded.js.map +1 -1
  12. package/_cjs/components/TokenAvatar/TokenAvatar.style.js +4 -0
  13. package/_cjs/components/TokenAvatar/TokenAvatar.style.js.map +1 -1
  14. package/_cjs/components/TokenList/TokenList.js +5 -2
  15. package/_cjs/components/TokenList/TokenList.js.map +1 -1
  16. package/_cjs/components/TokenList/VirtualizedTokenList.js +41 -19
  17. package/_cjs/components/TokenList/VirtualizedTokenList.js.map +1 -1
  18. package/_cjs/components/TokenList/types.d.ts +3 -2
  19. package/_cjs/config/version.d.ts +1 -1
  20. package/_cjs/config/version.js +1 -1
  21. package/_cjs/hooks/index.d.ts +0 -1
  22. package/_cjs/hooks/index.js +0 -1
  23. package/_cjs/hooks/index.js.map +1 -1
  24. package/_cjs/hooks/useAvailableChains.js +3 -3
  25. package/_cjs/hooks/useAvailableChains.js.map +1 -1
  26. package/_cjs/hooks/useDebouncedWatch.d.ts +1 -1
  27. package/_cjs/hooks/useRoutes.js +49 -25
  28. package/_cjs/hooks/useRoutes.js.map +1 -1
  29. package/_cjs/hooks/useSettingMonitor.js +8 -12
  30. package/_cjs/hooks/useSettingMonitor.js.map +1 -1
  31. package/_cjs/hooks/useToken.d.ts +1 -1
  32. package/_cjs/hooks/useTokenAddressBalance.d.ts +3 -2
  33. package/_cjs/hooks/useTokenAddressBalance.js.map +1 -1
  34. package/_cjs/hooks/useTokenBalances.d.ts +3 -2
  35. package/_cjs/hooks/useTokenBalances.js +33 -14
  36. package/_cjs/hooks/useTokenBalances.js.map +1 -1
  37. package/_cjs/hooks/useTokens.d.ts +3 -1
  38. package/_cjs/hooks/useTokens.js +44 -31
  39. package/_cjs/hooks/useTokens.js.map +1 -1
  40. package/_cjs/i18n/en.json +3 -1
  41. package/_cjs/pages/RoutesPage/RoutesPage.js +1 -1
  42. package/_cjs/pages/RoutesPage/RoutesPage.js.map +1 -1
  43. package/_cjs/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js +10 -27
  44. package/_cjs/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js.map +1 -1
  45. package/_cjs/pages/SettingsPage/BridgeAndExchangeSettings.js +2 -2
  46. package/_cjs/pages/SettingsPage/BridgeAndExchangeSettings.js.map +1 -1
  47. package/_cjs/stores/form/createFormStore.js +10 -6
  48. package/_cjs/stores/form/createFormStore.js.map +1 -1
  49. package/_cjs/stores/form/types.d.ts +3 -14
  50. package/_cjs/stores/form/types.js.map +1 -1
  51. package/_cjs/stores/form/useFieldController.d.ts +1 -1
  52. package/_cjs/stores/form/useFieldValues.d.ts +1 -1
  53. package/_cjs/stores/settings/types.d.ts +10 -9
  54. package/_cjs/stores/settings/types.js.map +1 -1
  55. package/_cjs/stores/settings/useSettingsStore.js +40 -30
  56. package/_cjs/stores/settings/useSettingsStore.js.map +1 -1
  57. package/_cjs/types/token.d.ts +1 -0
  58. package/_cjs/types/widget.d.ts +9 -8
  59. package/_esm/App.js +2 -3
  60. package/_esm/App.js.map +1 -1
  61. package/_esm/AppDrawer.d.ts +2 -2
  62. package/_esm/components/AccountAvatar.js +2 -2
  63. package/_esm/components/AccountAvatar.js.map +1 -1
  64. package/_esm/components/AmountInput/AmountInputEndAdornment.js +11 -7
  65. package/_esm/components/AmountInput/AmountInputEndAdornment.js.map +1 -1
  66. package/_esm/components/Routes/RoutesExpanded.js +1 -1
  67. package/_esm/components/Routes/RoutesExpanded.js.map +1 -1
  68. package/_esm/components/TokenAvatar/TokenAvatar.style.js +4 -0
  69. package/_esm/components/TokenAvatar/TokenAvatar.style.js.map +1 -1
  70. package/_esm/components/TokenList/TokenList.js +6 -3
  71. package/_esm/components/TokenList/TokenList.js.map +1 -1
  72. package/_esm/components/TokenList/VirtualizedTokenList.js +41 -19
  73. package/_esm/components/TokenList/VirtualizedTokenList.js.map +1 -1
  74. package/_esm/components/TokenList/types.d.ts +3 -2
  75. package/_esm/config/version.d.ts +1 -1
  76. package/_esm/config/version.js +1 -1
  77. package/_esm/hooks/index.d.ts +0 -1
  78. package/_esm/hooks/index.js +0 -1
  79. package/_esm/hooks/index.js.map +1 -1
  80. package/_esm/hooks/useAvailableChains.js +3 -3
  81. package/_esm/hooks/useAvailableChains.js.map +1 -1
  82. package/_esm/hooks/useDebouncedWatch.d.ts +1 -1
  83. package/_esm/hooks/useRoutes.js +49 -25
  84. package/_esm/hooks/useRoutes.js.map +1 -1
  85. package/_esm/hooks/useSettingMonitor.js +8 -12
  86. package/_esm/hooks/useSettingMonitor.js.map +1 -1
  87. package/_esm/hooks/useToken.d.ts +1 -1
  88. package/_esm/hooks/useTokenAddressBalance.d.ts +3 -2
  89. package/_esm/hooks/useTokenAddressBalance.js.map +1 -1
  90. package/_esm/hooks/useTokenBalances.d.ts +3 -2
  91. package/_esm/hooks/useTokenBalances.js +33 -14
  92. package/_esm/hooks/useTokenBalances.js.map +1 -1
  93. package/_esm/hooks/useTokens.d.ts +3 -1
  94. package/_esm/hooks/useTokens.js +44 -31
  95. package/_esm/hooks/useTokens.js.map +1 -1
  96. package/_esm/i18n/en.json +3 -1
  97. package/_esm/pages/RoutesPage/RoutesPage.js +1 -1
  98. package/_esm/pages/RoutesPage/RoutesPage.js.map +1 -1
  99. package/_esm/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js +10 -27
  100. package/_esm/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js.map +1 -1
  101. package/_esm/pages/SettingsPage/BridgeAndExchangeSettings.js +2 -2
  102. package/_esm/pages/SettingsPage/BridgeAndExchangeSettings.js.map +1 -1
  103. package/_esm/stores/form/createFormStore.js +10 -6
  104. package/_esm/stores/form/createFormStore.js.map +1 -1
  105. package/_esm/stores/form/types.d.ts +3 -14
  106. package/_esm/stores/form/types.js.map +1 -1
  107. package/_esm/stores/form/useFieldController.d.ts +1 -1
  108. package/_esm/stores/form/useFieldValues.d.ts +1 -1
  109. package/_esm/stores/settings/types.d.ts +10 -9
  110. package/_esm/stores/settings/types.js.map +1 -1
  111. package/_esm/stores/settings/useSettingsStore.js +40 -30
  112. package/_esm/stores/settings/useSettingsStore.js.map +1 -1
  113. package/_esm/types/token.d.ts +1 -0
  114. package/_esm/types/widget.d.ts +9 -8
  115. package/components/AccountAvatar.tsx +4 -7
  116. package/components/AmountInput/AmountInputEndAdornment.tsx +15 -12
  117. package/components/Routes/RoutesExpanded.tsx +1 -1
  118. package/components/TokenAvatar/TokenAvatar.style.tsx +4 -0
  119. package/components/TokenList/TokenList.tsx +8 -2
  120. package/components/TokenList/VirtualizedTokenList.tsx +63 -41
  121. package/components/TokenList/types.ts +3 -2
  122. package/config/version.ts +1 -1
  123. package/hooks/index.ts +0 -1
  124. package/hooks/useAvailableChains.ts +7 -4
  125. package/hooks/useRoutes.ts +58 -31
  126. package/hooks/useSettingMonitor.ts +20 -21
  127. package/hooks/useTokenAddressBalance.ts +2 -1
  128. package/hooks/useTokenBalances.ts +34 -29
  129. package/hooks/useTokens.ts +65 -36
  130. package/i18n/en.json +3 -1
  131. package/package.json +9 -9
  132. package/pages/RoutesPage/RoutesPage.tsx +1 -1
  133. package/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.tsx +16 -35
  134. package/pages/SettingsPage/BridgeAndExchangeSettings.tsx +2 -2
  135. package/stores/form/createFormStore.ts +15 -15
  136. package/stores/form/types.ts +3 -14
  137. package/stores/settings/types.ts +10 -13
  138. package/stores/settings/useSettingsStore.ts +51 -53
  139. package/types/token.ts +1 -0
  140. package/types/widget.ts +10 -9
  141. package/_cjs/hooks/useFeaturedTokens.d.ts +0 -1
  142. package/_cjs/hooks/useFeaturedTokens.js +0 -11
  143. package/_cjs/hooks/useFeaturedTokens.js.map +0 -1
  144. package/_esm/hooks/useFeaturedTokens.d.ts +0 -1
  145. package/_esm/hooks/useFeaturedTokens.js +0 -7
  146. package/_esm/hooks/useFeaturedTokens.js.map +0 -1
  147. 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
- <AppDrawer
31
- ref={ref}
32
- elementRef={elementRef}
33
- integrator={integrator}
34
- config={config}
35
- open={open}
36
- onClose={onClose}
37
- >
38
- {app}
39
- </AppDrawer>
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 app;
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 { WidgetProps, WidgetSubvariant } from './types';
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<WidgetProps>
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, integrator: integrator, config: config, open: open, onClose: onClose, children: app }));
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 app;
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,MAAM,GAAG,GAAG,CACV,uBAAC,yBAAW,IAAC,MAAM,EAAE,MAAM,YACzB,uBAAC,uBAAU,KAAG,GACF,CACf,CAAC;IAEF,IAAI,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,CACL,uBAAC,qBAAS,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"}
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"}
@@ -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<import("./types").WidgetDrawerProps & import("./types").WidgetConfig & import("./types").WidgetConfigPartialProps & {
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 WalletAvatar = () => ((0, jsx_runtime_1.jsx)(material_1.Avatar, { children: (0, jsx_runtime_1.jsx)(Wallet_1.default, { sx: { fontSize: 20 } }) }));
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)(WalletAvatar, {}));
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;AAO5C,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACzB,uBAAC,iBAAM,cACL,uBAAC,gBAAU,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,GAC7B,CACV,CAAC;AAEK,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,YAAY,KAAG,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;AAhCW,QAAA,aAAa,iBAgCxB"}
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?.amount;
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 (tokenAmount > recommendedAmount) {
29
- maxAmount = tokenAmount - recommendedAmount;
30
+ if (token.amount > recommendedAmount) {
31
+ maxAmount = token.amount - recommendedAmount;
30
32
  }
31
33
  }
32
- setFieldValue(stores_1.FormKeyHelper.getAmountKey(formType), maxAmount && token ? (0, viem_1.formatUnits)(maxAmount, token.decimals) : '', {
33
- isTouched: true,
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,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,sBAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,EACpC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,IAAA,kBAAW,EAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAChE;YACE,SAAS,EAAE,IAAI;SAChB,CACF,CAAC;IACJ,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;AAjDW,QAAA,uBAAuB,2BAiDlC"}
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 }, route.id)))) }) })] }) }) }) }));
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;KACnB,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"}
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 { tokens: chainTokens, tokensWithBalance, isLoading: isTokensLoading, isBalanceLoading, featuredTokens, } = (0, hooks_1.useTokenBalances)(selectedChainId);
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
- 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, { tokens: tokens, featuredTokensLength: featuredTokens?.length, scrollElementRef: parentRef, chainId: selectedChainId, chain: chain, isLoading: isLoading, isBalanceLoading: isBalanceLoading, showFeatured: !tokenSearchFilter, onClick: handleTokenClick })] }));
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":"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"}
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 = ({ tokens, featuredTokensLength, scrollElementRef, chainId, chain, isLoading, isBalanceLoading, showFeatured, onClick, }) => {
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
- // heigth of TokenListItem
18
+ // Base size for TokenListItem
24
19
  let size = 64;
25
- if (!hasFeaturedTokens) {
20
+ // Early return if categories are not shown
21
+ if (!showCategories) {
26
22
  return size;
27
23
  }
28
- if (index === 0 && tokens[index]?.featured) {
29
- // height of startAdornment
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
- if (index === featuredTokensLastIndex &&
33
- index !== tokensLastIndex &&
34
- tokens[index]?.featured) {
35
- // height of endAdornment
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 token = tokens[item.index];
55
- return ((0, jsx_runtime_1.jsx)(TokenListItem_1.TokenListItem, { onClick: onClick, size: item.size, start: item.start, token: token, chain: chain, isBalanceLoading: isBalanceLoading, showBalance: account.isConnected, startAdornment: hasFeaturedTokens && token.featured && item.index === 0 ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, fontWeight: 600, lineHeight: 1, px: 2, pb: 1.25, children: t('main.featuredTokens') })) : null, endAdornment: hasFeaturedTokens &&
56
- token.featured &&
57
- item.index === featuredTokensLastIndex &&
58
- item.index !== tokensLastIndex ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, fontWeight: 600, lineHeight: 1, px: 2, py: 1.25, children: t('main.otherTokens') })) : null }, item.key));
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":"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"}
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
- showFeatured?: boolean;
19
+ showCategories?: boolean;
19
20
  onClick(tokenAddress: string): void;
20
21
  }
21
22
  export interface TokenListItemBaseProps {
@@ -1,2 +1,2 @@
1
1
  export declare const name = "@lifi/widget";
2
- export declare const version = "3.0.0-alpha.21";
2
+ export declare const version = "3.0.0-alpha.23";
@@ -2,5 +2,5 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.version = exports.name = void 0;
4
4
  exports.name = '@lifi/widget';
5
- exports.version = '3.0.0-alpha.21';
5
+ exports.version = '3.0.0-alpha.23';
6
6
  //# sourceMappingURL=version.js.map
@@ -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';
@@ -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);
@@ -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,sDAAoC;AACpC,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"}
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: (providers.length > 0
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;AAElC,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,eAAe,GAAG,MAAM,IAAA,eAAS,EAAC;gBACtC,UAAU,EAAE,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC;oBAC/B,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,eAAS,CAAC,CAC3B,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,IAAA,qBAAa,EAAC,SAAS,EAAE,UAAU,CAAC,CAAC;aAC9D,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;AAtCW,QAAA,kBAAkB,sBAsC7B"}
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").FormValues)[]>(delay: number, ...name: T) => import("../stores").FormFieldArray<T>;
1
+ export declare const useDebouncedWatch: <T extends (keyof import("../stores").DefaultValues)[]>(delay: number, ...name: T) => import("../stores").FormFieldArray<T>;
@@ -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 { slippage, enabledBridges, enabledAutoRefuel, enabledExchanges, routePriority, } = (0, stores_1.useSettings)([
20
- 'slippage',
21
- 'routePriority',
19
+ const { disabledBridges, disabledExchanges, enabledAutoRefuel, routePriority, slippage, } = (0, stores_1.useSettings)([
20
+ 'disabledBridges',
21
+ 'disabledExchanges',
22
22
  'enabledAutoRefuel',
23
- 'enabledBridges',
24
- 'enabledExchanges',
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 ? [] : enabledBridges,
78
- enabledExchanges,
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, enabledBridges, enabledExchanges, routePriority, subvariant, allowSwitchChain, enabledRefuel, gasRecommendationFromAmount, insurance, insurableRouteId,], signal, }) => {
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 = insurableRoute
94
- ? insurableRoute.steps.flatMap((step) => step.includedSteps
95
- .filter((includedStep) => includedStep.type === 'cross')
96
- .map((includedStep) => includedStep.toolDetails.key))
97
- : enabledBridges;
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
- .filter((includedStep) => includedStep.type === 'swap')
101
- .map((includedStep) => includedStep.toolDetails.key))
102
- : enabledExchanges;
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) {