@rango-dev/widget-embedded 0.17.1-next.31 → 0.17.1-next.33

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 (20) hide show
  1. package/dist/components/SwapDetailsModal/SwapDetailsModal.WalletState.d.ts.map +1 -1
  2. package/dist/components/TokenList/TokenList.types.d.ts +1 -0
  3. package/dist/components/TokenList/TokenList.types.d.ts.map +1 -1
  4. package/dist/index.js +1 -1
  5. package/dist/index.js.map +3 -3
  6. package/dist/pages/SelectSwapItemsPage.d.ts.map +1 -1
  7. package/dist/store/slices/data.d.ts +2 -2
  8. package/dist/store/slices/data.d.ts.map +1 -1
  9. package/dist/types/config.d.ts +3 -3
  10. package/dist/types/config.d.ts.map +1 -1
  11. package/dist/utils/wallets.d.ts +1 -1
  12. package/dist/utils/wallets.d.ts.map +1 -1
  13. package/package.json +2 -2
  14. package/src/components/SwapDetailsModal/SwapDetailsModal.WalletState.tsx +14 -8
  15. package/src/components/TokenList/TokenList.tsx +1 -1
  16. package/src/components/TokenList/TokenList.types.ts +1 -0
  17. package/src/pages/SelectSwapItemsPage.tsx +8 -4
  18. package/src/store/slices/data.ts +10 -6
  19. package/src/types/config.ts +3 -3
  20. package/src/utils/wallets.ts +52 -23
package/dist/pages/SelectSwapItemsPage.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectSwapItemsPage.d.ts","sourceRoot":"","sources":["../../src/pages/SelectSwapItemsPage.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAcxC,UAAU,SAAS;IACjB,IAAI,EAAE,QAAQ,GAAG,aAAa,CAAC;CAChC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,SAAS,qBA2FnD"}
1
+ {"version":3,"file":"SelectSwapItemsPage.d.ts","sourceRoot":"","sources":["../../src/pages/SelectSwapItemsPage.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAcxC,UAAU,SAAS;IACjB,IAAI,EAAE,QAAQ,GAAG,aAAa,CAAC;CAChC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,SAAS,qBA+FnD"}
package/dist/store/slices/data.d.ts CHANGED
@@ -5,7 +5,7 @@ type BlockchainOptions = {
5
5
  type?: 'source' | 'destination';
6
6
  };
7
7
  type TokenOptions = {
8
- type?: 'source' | 'destination';
8
+ type: 'source' | 'destination';
9
9
  blockchain?: string;
10
10
  searchFor?: string;
11
11
  };
@@ -19,7 +19,7 @@ export interface DataSlice {
19
19
  blockchains: (options?: BlockchainOptions) => BlockchainMeta[];
20
20
  tokens: (options?: TokenOptions) => Token[];
21
21
  swappers: () => SwapperMeta[];
22
- isTokenPinned: (token: Token) => boolean;
22
+ isTokenPinned: (token: Token, type: 'source' | 'destination') => boolean;
23
23
  fetch: () => Promise<void>;
24
24
  }
25
25
  export declare const createDataSlice: StateCreator<DataSlice & ConfigSlice, [
package/dist/store/slices/data.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../src/store/slices/data.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAO5C,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;CACjC,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAEhC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC3D,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,OAAO,EAAE,KAAK,EAAE,CAAC;IACjB,cAAc,EAAE,KAAK,EAAE,CAAC;IACxB,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,CAAC,OAAO,CAAC,EAAE,iBAAiB,KAAK,cAAc,EAAE,CAAC;IAC/D,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,YAAY,KAAK,KAAK,EAAE,CAAC;IAC5C,QAAQ,EAAE,MAAM,WAAW,EAAE,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC;IAEzC,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,EAAE,YAAY,CACxC,SAAS,GAAG,WAAW,EACvB;CAAE,EACF;CAAE,EACF,SAAS,CAqMT,CAAC"}
1
+ {"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../src/store/slices/data.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAO5C,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;CACjC,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,QAAQ,GAAG,aAAa,CAAC;IAE/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC3D,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,OAAO,EAAE,KAAK,EAAE,CAAC;IACjB,cAAc,EAAE,KAAK,EAAE,CAAC;IACxB,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,CAAC,OAAO,CAAC,EAAE,iBAAiB,KAAK,cAAc,EAAE,CAAC;IAC/D,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,YAAY,KAAK,KAAK,EAAE,CAAC;IAC5C,QAAQ,EAAE,MAAM,WAAW,EAAE,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,GAAG,aAAa,KAAK,OAAO,CAAC;IAEzE,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,EAAE,YAAY,CACxC,SAAS,GAAG,WAAW,EACvB;CAAE,EACF;CAAE,EACF,SAAS,CAyMT,CAAC"}
package/dist/types/config.d.ts CHANGED
@@ -78,12 +78,15 @@ export type WidgetAffiliate = {
78
78
  * blockchains. e.g. ['BSC','ETHEREUM']
79
79
  * @property {Asset[]} tokens - The `tokens` property is an optional array of `Asset` objects that
80
80
  * you could use that to limit tokens to some limited ones.
81
+ * @property {Asset} pinnedTokens - The `pinnedTokens` property is an optional array of `Asset` objects that
82
+ * you could use to pin tokens of your choice to the top of the token list.
81
83
  */
82
84
  export type BlockchainAndTokenConfig = {
83
85
  blockchain?: string;
84
86
  token?: Asset;
85
87
  blockchains?: string[];
86
88
  tokens?: Asset[];
89
+ pinnedTokens?: Asset[];
87
90
  };
88
91
  /**
89
92
  * `Features`
@@ -142,8 +145,6 @@ export type Features = Partial<Record<'theme' | 'language' | 'connectWalletButto
142
145
  * that defines the various properties of the theme, such as colors, fonts, and others.
143
146
  * @property {boolean} externalWallets
144
147
  * If `externalWallets` is `true`, you should add `WidgetWallets` to your app.
145
- * @property {Asset} pinnedTokens - The `pinnedTokens` property is an optional array of `Asset` objects that
146
- * you could use to pin tokens of your choice to the top of the token list.
147
148
  * @property {boolean} enableNewLiquiditySources - The `enableNewLiquiditySources` property is a boolean value that when you
148
149
  * set it to true, whenever a new liquidity source is added, it will be added to your list as well.
149
150
  * @property {Features} features - An optional object for configuring the visibility or enablement of various features.
@@ -170,7 +171,6 @@ export type WidgetConfig = {
170
171
  language?: Language;
171
172
  theme?: WidgetTheme;
172
173
  externalWallets?: boolean;
173
- pinnedTokens?: Asset[];
174
174
  enableNewLiquiditySources?: boolean;
175
175
  features?: Features;
176
176
  };
package/dist/types/config.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/types/config.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/types/config.ts"],"names":[],"mappings":"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"}
package/dist/utils/wallets.d.ts CHANGED
@@ -17,7 +17,7 @@ export declare const getUsdPrice: (blockchain: string, symbol: string, address:
17
17
  export declare const isExperimentalChain: (blockchains: BlockchainMeta[], wallet: string) => boolean;
18
18
  export declare const getKeplrCompatibleConnectedWallets: (selectableWallets: Wallet[]) => WalletType[];
19
19
  export declare function formatBalance(balance: Balance | null): Balance | null;
20
- export declare function sortTokensByBalance(tokens: Token[], getBalanceFor: (token: Token) => Balance | null): Token[];
20
+ export declare function sortTokens(tokens: Token[], getBalanceFor: (token: Token) => Balance | null, isTokenPinned: (token: Token) => boolean): Token[];
21
21
  export declare function tokensAreEqual(tokenA: Pick<Token, 'blockchain' | 'symbol' | 'address'> | null, tokenB: Pick<Token, 'blockchain' | 'symbol' | 'address'> | null): boolean;
22
22
  export declare function sortWalletsBasedOnConnectionState(wallets: ModalWalletInfo[]): ModalWalletInfo[];
23
23
  export declare function getConciseAddress(address: string, maxChars?: number, ellipsisLength?: number): string;
package/dist/utils/wallets.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"wallets.d.ts","sourceRoot":"","sources":["../../src/utils/wallets.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"wallets.d.ts","sourceRoot":"","sources":["../../src/utils/wallets.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rango-dev/widget-embedded",
3
- "version": "0.17.1-next.31",
3
+ "version": "0.17.1-next.33",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "source": "./src/index.ts",
@@ -25,7 +25,7 @@
25
25
  "@rango-dev/queue-manager-core": "^0.22.1-next.3",
26
26
  "@rango-dev/queue-manager-rango-preset": "^0.22.1-next.12",
27
27
  "@rango-dev/queue-manager-react": "^0.22.1-next.3",
28
- "@rango-dev/ui": "^0.22.1-next.18",
28
+ "@rango-dev/ui": "^0.22.1-next.19",
29
29
  "@rango-dev/wallets-react": "^0.8.1-next.6",
30
30
  "@rango-dev/wallets-shared": "^0.21.1-next.6",
31
31
  "bignumber.js": "^9.1.1",
package/src/components/SwapDetailsModal/SwapDetailsModal.WalletState.tsx CHANGED
@@ -1,30 +1,36 @@
1
1
  import type { WalletStateContentProps } from './SwapDetailsModal.types';
2
2
 
3
- import { MessageBox, Wallet, WalletState } from '@rango-dev/ui';
3
+ import { MessageBox, Wallet } from '@rango-dev/ui';
4
4
  import { useWallets } from '@rango-dev/wallets-react';
5
5
  import React from 'react';
6
6
 
7
7
  import { getContainer } from '../../utils/common';
8
+ import { mapStatusToWalletState } from '../../utils/wallets';
8
9
 
9
10
  import { WalletContainer } from './SwapDetailsModal.styles';
10
11
 
11
12
  export const WalletStateContent = (props: WalletStateContentProps) => {
12
13
  const { type, title, currentStepWallet, message, showWalletButton } = props;
13
- const { connect, getWalletInfo, state: walletState } = useWallets();
14
+ const { connect, getWalletInfo, state } = useWallets();
14
15
  const walletType = currentStepWallet?.walletType;
15
- const isConnected = walletType && walletState(walletType).connected;
16
- const state = isConnected ? WalletState.CONNECTED : WalletState.DISCONNECTED;
16
+ const walletState = walletType
17
+ ? mapStatusToWalletState(state(walletType))
18
+ : null;
19
+ const walletInfo = walletType ? getWalletInfo(walletType) : null;
20
+ const shouldShowWallet =
21
+ showWalletButton && !!walletType && !!walletState && !!walletInfo;
17
22
  return (
18
23
  <>
19
24
  <MessageBox type={type} title={title} description={message} />
20
- {showWalletButton && walletType && (
25
+ {shouldShowWallet && (
21
26
  <WalletContainer>
22
27
  <Wallet
23
28
  container={getContainer()}
24
- title={getWalletInfo(walletType).name}
25
- image={getWalletInfo(walletType).img}
29
+ title={walletInfo.name}
30
+ image={walletInfo.img}
26
31
  type={walletType}
27
- state={state}
32
+ state={walletState}
33
+ link={walletInfo.installLink}
28
34
  onClick={async () => connect(walletType)}
29
35
  />
30
36
  </WalletContainer>
package/src/components/TokenList/TokenList.tsx CHANGED
@@ -184,7 +184,7 @@ export function TokenList(props: PropTypes) {
184
184
  start={
185
185
  <ImageSection>
186
186
  <Image src={token.image} size={30} />
187
- {isTokenPinned(token) && (
187
+ {isTokenPinned(token, props.type) && (
188
188
  <Pin>
189
189
  <PinIcon size={12} color="gray" />
190
190
  </Pin>
package/src/components/TokenList/TokenList.types.ts CHANGED
@@ -5,6 +5,7 @@ export interface PropTypes {
5
5
  searchedFor?: string;
6
6
  onChange: (token: Token) => void;
7
7
  selectedBlockchain?: string;
8
+ type: 'source' | 'destination';
8
9
  }
9
10
 
10
11
  export interface LoadingTokenListProps {
package/src/pages/SelectSwapItemsPage.tsx CHANGED
@@ -14,7 +14,7 @@ import { useNavigateBack } from '../hooks/useNavigateBack';
14
14
  import { useAppStore } from '../store/AppStore';
15
15
  import { useQuoteStore } from '../store/quote';
16
16
  import { useWalletsStore } from '../store/wallets';
17
- import { sortTokensByBalance } from '../utils/wallets';
17
+ import { sortTokens } from '../utils/wallets';
18
18
 
19
19
  interface PropTypes {
20
20
  type: 'source' | 'destination';
@@ -34,22 +34,25 @@ export function SelectSwapItemsPage(props: PropTypes) {
34
34
  } = useQuoteStore();
35
35
  const getBalanceFor = useWalletsStore.use.getBalanceFor();
36
36
  const [searchedFor, setSearchedFor] = useState<string>('');
37
+ const { isTokenPinned } = useAppStore();
37
38
 
38
39
  const selectedBlockchain = type === 'source' ? fromBlockchain : toBlockchain;
39
40
  const selectedBlockchainName = selectedBlockchain?.name ?? '';
40
41
 
41
42
  // Tokens & Blockchains list
42
43
  const blockchains = useAppStore().blockchains({
43
- type: type,
44
+ type,
44
45
  });
45
46
  const tokens = useAppStore().tokens({
46
47
  type,
47
48
  blockchain: selectedBlockchainName,
48
49
  searchFor: searchedFor,
49
50
  });
50
- const tokensList = sortTokensByBalance(tokens, getBalanceFor);
51
51
 
52
- // Actions
52
+ const checkIsTokenPinned = (token: Token) => isTokenPinned(token, type);
53
+
54
+ const tokensList = sortTokens(tokens, getBalanceFor, checkIsTokenPinned);
55
+
53
56
  const updateBlockchain = (blockchain: BlockchainMeta) => {
54
57
  if (type === 'source') {
55
58
  setFromBlockchain(blockchain);
@@ -96,6 +99,7 @@ export function SelectSwapItemsPage(props: PropTypes) {
96
99
  list={tokensList}
97
100
  selectedBlockchain={selectedBlockchainName}
98
101
  searchedFor={searchedFor}
102
+ type={type}
99
103
  onChange={(token) => {
100
104
  updateToken(token);
101
105
 
package/src/store/slices/data.ts CHANGED
@@ -14,7 +14,7 @@ type BlockchainOptions = {
14
14
  };
15
15
 
16
16
  type TokenOptions = {
17
- type?: 'source' | 'destination';
17
+ type: 'source' | 'destination';
18
18
  // filter by an specific blockchain
19
19
  blockchain?: string;
20
20
  searchFor?: string;
@@ -29,7 +29,7 @@ export interface DataSlice {
29
29
  blockchains: (options?: BlockchainOptions) => BlockchainMeta[];
30
30
  tokens: (options?: TokenOptions) => Token[];
31
31
  swappers: () => SwapperMeta[];
32
- isTokenPinned: (token: Token) => boolean;
32
+ isTokenPinned: (token: Token, type: 'source' | 'destination') => boolean;
33
33
 
34
34
  fetch: () => Promise<void>;
35
35
  }
@@ -131,10 +131,10 @@ export const createDataSlice: StateCreator<
131
131
  })
132
132
  .sort((a, b) => {
133
133
  // Check pinned tokens
134
- if (get().isTokenPinned(a)) {
134
+ if (get().isTokenPinned(a, options.type)) {
135
135
  return -1;
136
136
  }
137
- if (get().isTokenPinned(b)) {
137
+ if (get().isTokenPinned(b, options.type)) {
138
138
  return 1;
139
139
  }
140
140
 
@@ -159,8 +159,12 @@ export const createDataSlice: StateCreator<
159
159
 
160
160
  return list;
161
161
  },
162
- isTokenPinned: (token) => {
163
- const pinned = !!get().config.pinnedTokens?.some((pinnedToken) =>
162
+ isTokenPinned: (token, type) => {
163
+ const pinnedTokens =
164
+ type === 'source'
165
+ ? get().config.from?.pinnedTokens
166
+ : get().config.to?.pinnedTokens;
167
+ const pinned = !!pinnedTokens?.some((pinnedToken) =>
164
168
  tokensAreEqual(pinnedToken, token)
165
169
  );
166
170
  return pinned;
package/src/types/config.ts CHANGED
@@ -77,12 +77,15 @@ export type WidgetAffiliate = {
77
77
  * blockchains. e.g. ['BSC','ETHEREUM']
78
78
  * @property {Asset[]} tokens - The `tokens` property is an optional array of `Asset` objects that
79
79
  * you could use that to limit tokens to some limited ones.
80
+ * @property {Asset} pinnedTokens - The `pinnedTokens` property is an optional array of `Asset` objects that
81
+ * you could use to pin tokens of your choice to the top of the token list.
80
82
  */
81
83
  export type BlockchainAndTokenConfig = {
82
84
  blockchain?: string;
83
85
  token?: Asset;
84
86
  blockchains?: string[];
85
87
  tokens?: Asset[];
88
+ pinnedTokens?: Asset[];
86
89
  };
87
90
 
88
91
  /**
@@ -153,8 +156,6 @@ export type Features = Partial<
153
156
  * that defines the various properties of the theme, such as colors, fonts, and others.
154
157
  * @property {boolean} externalWallets
155
158
  * If `externalWallets` is `true`, you should add `WidgetWallets` to your app.
156
- * @property {Asset} pinnedTokens - The `pinnedTokens` property is an optional array of `Asset` objects that
157
- * you could use to pin tokens of your choice to the top of the token list.
158
159
  * @property {boolean} enableNewLiquiditySources - The `enableNewLiquiditySources` property is a boolean value that when you
159
160
  * set it to true, whenever a new liquidity source is added, it will be added to your list as well.
160
161
  * @property {Features} features - An optional object for configuring the visibility or enablement of various features.
@@ -182,7 +183,6 @@ export type WidgetConfig = {
182
183
  language?: Language;
183
184
  theme?: WidgetTheme;
184
185
  externalWallets?: boolean;
185
- pinnedTokens?: Asset[];
186
186
  enableNewLiquiditySources?: boolean;
187
187
  features?: Features;
188
188
  };
package/src/utils/wallets.ts CHANGED
@@ -380,35 +380,64 @@ export function formatBalance(balance: Balance | null): Balance | null {
380
380
  return formattedBalance;
381
381
  }
382
382
 
383
- export function sortTokensByBalance(
383
+ function sortTokensByBalance(
384
+ token1Balance: Balance | null,
385
+ token2Balance: Balance | null
386
+ ): number {
387
+ if (token1Balance?.usdValue && token2Balance?.usdValue) {
388
+ return (
389
+ parseFloat(token2Balance.usdValue) - parseFloat(token1Balance.usdValue)
390
+ );
391
+ }
392
+
393
+ if (!token1Balance?.usdValue && token2Balance?.usdValue) {
394
+ return 1;
395
+ }
396
+
397
+ if (token1Balance?.usdValue && !token2Balance?.usdValue) {
398
+ return -1;
399
+ }
400
+
401
+ if (!token1Balance?.usdValue && !token2Balance?.usdValue) {
402
+ return (
403
+ parseFloat(token2Balance?.amount || '0') -
404
+ parseFloat(token1Balance?.amount || '0')
405
+ );
406
+ }
407
+
408
+ return 0;
409
+ }
410
+
411
+ function sortTokensByPinnedToken(
412
+ token1: Token,
413
+ token2: Token,
414
+ isTokenPinned: (token: Token) => boolean
415
+ ): number {
416
+ const isToken1Pinned = isTokenPinned(token1);
417
+ const isToken2Pinned = isTokenPinned(token2);
418
+
419
+ if (isToken1Pinned === isToken2Pinned) {
420
+ return 0;
421
+ }
422
+ if (isToken1Pinned) {
423
+ return -1;
424
+ }
425
+ return 1;
426
+ }
427
+ export function sortTokens(
384
428
  tokens: Token[],
385
- getBalanceFor: (token: Token) => Balance | null
429
+ getBalanceFor: (token: Token) => Balance | null,
430
+ isTokenPinned: (token: Token) => boolean
386
431
  ) {
387
432
  tokens.sort((token1, token2) => {
388
433
  const token1Balance = getBalanceFor(token1);
389
434
  const token2Balance = getBalanceFor(token2);
390
- if (token1Balance?.usdValue && token2Balance?.usdValue) {
391
- return (
392
- parseFloat(token2Balance.usdValue) - parseFloat(token1Balance.usdValue)
393
- );
394
- }
395
-
396
- if (!token1Balance?.usdValue && token2Balance?.usdValue) {
397
- return 1;
398
- }
399
-
400
- if (token1Balance?.usdValue && !token2Balance?.usdValue) {
401
- return -1;
402
- }
435
+ // Check pinned tokens
436
+ const isTokenPin = sortTokensByPinnedToken(token1, token2, isTokenPinned);
403
437
 
404
- if (!token1Balance?.usdValue && !token2Balance?.usdValue) {
405
- return (
406
- parseFloat(token2Balance?.amount || '0') -
407
- parseFloat(token1Balance?.amount || '0')
408
- );
409
- }
410
-
411
- return 0;
438
+ return isTokenPin !== 0
439
+ ? isTokenPin
440
+ : sortTokensByBalance(token1Balance, token2Balance);
412
441
  });
413
442
 
414
443
  return tokens;