@aurora-is-near/intents-swap-widget 3.18.3 → 3.19.0

package/dist/types/localisation.d.ts

@@ -1,2 +1,2 @@
-export type LocalisationKeys = 'chain.all.label' | 'wallet.recipient.placeholder' | 'wallet.recipient.info.selectToken' | 'wallet.recipient.error.noAddress' | 'wallet.recipient.error.tokenNotSelected' | 'wallet.recipient.error.invalidAddress' | 'wallet.recipient.error.sendAddressNotFound' | 'wallet.recipient.error.sendAddressInvalid' | 'wallet.recipient.warn.compatibleNetwork' | 'wallet.recipient.message.networkVerified' | 'wallet.recipient.message.receiveFunds' | 'wallet.connected.error.notSupportedChain' | 'transfer.success.swap.title' | 'transfer.success.withdrawal.title' | 'transfer.success.deposit.title' | 'transfer.success.details.label' | 'transfer.success.details.hash' | 'transfer.success.details.rate' | 'transfer.success.details.intent' | 'transfer.success.details.recipient' | 'transfer.success.action.viewOnExplorer' | 'transfer.success.action.backToSwap' | 'quote.result.maxSlippage.label' | 'quote.result.processingTime.label' | 'tokens.input.max.label' | 'tokens.input.half.label' | 'tokens.input.externalBalance.label' | 'tokens.list.noBalanceOnApp.label' | 'tokens.list.noBalanceOnApp.subLabel' | 'tokens.list.searchEmpty.label' | 'tokens.list.searchEmpty.subLabel' | 'tokens.list.searchReset.label' | 'deposit.external.error.noStatus' | 'deposit.external.error.incomplete' | 'deposit.external.error.failed' | 'deposit.external.loading.waiting' | 'deposit.external.loading.fetching' | 'submit.error.connectWallet' | 'submit.error.invalidTransferData.label' | 'submit.error.transferFailed.label' | 'submit.error.insufficientBalance' | 'submit.error.invalidAddress' | 'submit.error.sendAddressNotFound' | 'submit.error.sendAddressInvalid' | 'submit.error.amountTooLow.label' | 'submit.error.amountTooLow.message' | 'submit.error.quoteFailed.label' | 'submit.error.quoteFailed.message' | 'submit.error.transfer.noFees' | 'submit.error.transfer.failed' | 'submit.error.externalTransferFailed.label' | 'submit.error.externalTransferFailed.incompleteMessage' | 'submit.error.externalTransferFailed.refundedMessage' | 'sendAddress.label' | 'sendAddress.button.magic.label' | 'submit.active.swap' | 'submit.active.intentsSwap' | 'submit.active.withdraw' | 'submit.active.deposit' | 'submit.disabled.temporary.label' | 'submit.disabled.temporary.message' | 'submit.disabled.selectTokenToReceive' | 'submit.disabled.enterRecipientAddress' | 'submit.disabled.enterAmount' | 'submit.pending.quote.finalizing' | 'submit.pending.quote.refreshing' | 'submit.pending.transfer.confirmInWallet' | 'submit.pending.transfer.finalizing' | 'submit.pending.externalDeposit.waiting' | 'submit.pending.externalDeposit.processing' | 'submit.pending.switchingChain' | 'submit.pending.validating' | 'walletCompatibility.modal.title.initial' | 'walletCompatibility.modal.title.error' | 'walletCompatibility.modal.description.initial' | 'walletCompatibility.modal.description.error' | 'walletCompatibility.modal.feature.secureTransactions' | 'walletCompatibility.modal.feature.fullAccess' | 'walletCompatibility.modal.feature.fundProtection' | 'walletCompatibility.modal.button.verified' | 'walletCompatibility.modal.button.signing' | 'walletCompatibility.modal.button.verify' | 'walletCompatibility.modal.button.closeTimer' | 'walletCompatibility.modal.button.tryAgain' | 'walletCompatibility.modal.button.tryAgainDesc' | 'walletCompatibility.modal.button.signOut' | 'tokenInput.heading.source.withdraw' | 'tokenInput.heading.target.withdraw' | 'tokenInput.heading.source.deposit' | 'tokenInput.heading.source.swap' | 'tokenInput.heading.target.swap';
+export type LocalisationKeys = 'chain.all.label' | 'chain.more.label' | 'wallet.recipient.placeholder' | 'wallet.recipient.info.selectToken' | 'wallet.recipient.error.noAddress' | 'wallet.recipient.error.tokenNotSelected' | 'wallet.recipient.error.invalidAddress' | 'wallet.recipient.error.sendAddressNotFound' | 'wallet.recipient.error.sendAddressInvalid' | 'wallet.recipient.warn.compatibleNetwork' | 'wallet.recipient.message.networkVerified' | 'wallet.recipient.message.receiveFunds' | 'wallet.connected.error.notSupportedChain' | 'transfer.success.swap.title' | 'transfer.success.withdrawal.title' | 'transfer.success.deposit.title' | 'transfer.success.details.label' | 'transfer.success.details.hash' | 'transfer.success.details.rate' | 'transfer.success.details.intent' | 'transfer.success.details.recipient' | 'transfer.success.action.viewOnExplorer' | 'transfer.success.action.backToSwap' | 'quote.result.maxSlippage.label' | 'quote.result.processingTime.label' | 'tokens.input.max.label' | 'tokens.input.half.label' | 'tokens.input.externalBalance.label' | 'tokens.list.noBalanceOnApp.label' | 'tokens.list.noBalanceOnApp.subLabel' | 'tokens.list.searchEmpty.label' | 'tokens.list.searchEmpty.subLabel' | 'tokens.list.searchReset.label' | 'deposit.external.error.noStatus' | 'deposit.external.error.incomplete' | 'deposit.external.error.failed' | 'deposit.external.loading.waiting' | 'deposit.external.loading.fetching' | 'submit.error.connectWallet' | 'submit.error.invalidTransferData.label' | 'submit.error.transferFailed.label' | 'submit.error.insufficientBalance' | 'submit.error.invalidAddress' | 'submit.error.sendAddressNotFound' | 'submit.error.sendAddressInvalid' | 'submit.error.amountTooLow.label' | 'submit.error.amountTooLow.message' | 'submit.error.quoteFailed.label' | 'submit.error.quoteFailed.message' | 'submit.error.transfer.noFees' | 'submit.error.transfer.failed' | 'submit.error.externalTransferFailed.label' | 'submit.error.externalTransferFailed.incompleteMessage' | 'submit.error.externalTransferFailed.refundedMessage' | 'sendAddress.label' | 'sendAddress.button.magic.label' | 'submit.active.swap' | 'submit.active.intentsSwap' | 'submit.active.withdraw' | 'submit.active.deposit' | 'submit.disabled.temporary.label' | 'submit.disabled.temporary.message' | 'submit.disabled.selectTokenToReceive' | 'submit.disabled.enterRecipientAddress' | 'submit.disabled.enterAmount' | 'submit.pending.quote.finalizing' | 'submit.pending.quote.refreshing' | 'submit.pending.transfer.confirmInWallet' | 'submit.pending.transfer.finalizing' | 'submit.pending.externalDeposit.waiting' | 'submit.pending.externalDeposit.processing' | 'submit.pending.switchingChain' | 'submit.pending.validating' | 'walletCompatibility.modal.title.initial' | 'walletCompatibility.modal.title.error' | 'walletCompatibility.modal.description.initial' | 'walletCompatibility.modal.description.error' | 'walletCompatibility.modal.feature.secureTransactions' | 'walletCompatibility.modal.feature.fullAccess' | 'walletCompatibility.modal.feature.fundProtection' | 'walletCompatibility.modal.button.verified' | 'walletCompatibility.modal.button.signing' | 'walletCompatibility.modal.button.verify' | 'walletCompatibility.modal.button.closeTimer' | 'walletCompatibility.modal.button.tryAgain' | 'walletCompatibility.modal.button.tryAgainDesc' | 'walletCompatibility.modal.button.signOut' | 'tokenInput.heading.source.withdraw' | 'tokenInput.heading.target.withdraw' | 'tokenInput.heading.source.deposit' | 'tokenInput.heading.source.swap' | 'tokenInput.heading.target.swap';
 export type LocalisationDict = Partial<Record<LocalisationKeys, string>>;

package/dist/utils/intents/signers/near.js

@@ -1,6 +1,6 @@
 import "../../../index-DEq3oXQF.js";
 import "@defuse-protocol/intents-sdk";
-import { a2 as o } from "../../../config-BMvXuF1-.js";
+import { a2 as o } from "../../../config-C47AYcMK.js";
 export {
   o as createNearWalletSigner
 };

package/dist/utils/intents/signers/privy.js

@@ -1,5 +1,5 @@
 import "@defuse-protocol/internal-utils";
-import { a1 as i } from "../../../config-BMvXuF1-.js";
+import { a1 as i } from "../../../config-C47AYcMK.js";
 export {
   i as IntentSignerPrivy
 };

package/dist/utils/near/getNearNep141StorageBalance.js

@@ -2,7 +2,7 @@ import "../../index-DEq3oXQF.js";
 import "zod";
 import "./decodeQueryResult.js";
 import "./rpc.js";
-import { $ as m } from "../../config-BMvXuF1-.js";
+import { $ as m } from "../../config-C47AYcMK.js";
 export {
   m as getNearNep141StorageBalance
 };

package/dist/utils/tokens/sort.d.ts

@@ -1,3 +1,4 @@
 import { Token, TokenBalances } from '../../types/token';
+import { PriorityAssets } from '../../types/config';
 import { Chains } from '../../types/chain';
-export declare const createTokenSorter: (tokensBalance: TokenBalances, walletSupportedChains: ReadonlyArray<Chains>, searchStr?: string | undefined) => (a: Token, b: Token) => number;
+export declare const createTokenSorter: (tokensBalance: TokenBalances, walletSupportedChains: ReadonlyArray<Chains>, searchStr?: string | undefined, priorityAssets?: PriorityAssets) => (a: Token, b: Token) => number;

package/dist/utils/tokens/sort.js

@@ -1,37 +1,68 @@
-import { formatUnits as a } from "ethers";
-import { getTokenBalanceKey as f } from "../intents/getTokenBalanceKey.js";
-const l = (o, t, r) => {
-  if (o.isIntent && !t.isIntent)
+import { formatUnits as I } from "ethers";
+import { getTokenBalanceKey as p } from "../intents/getTokenBalanceKey.js";
+const v = (t, i, o) => {
+  if (t.isIntent || i.isIntent || o.length === 0)
+    return null;
+  const c = (n) => typeof o[0] == "string" ? o.includes(n.assetId) : o.some(
+    ([u, a]) => n.blockchain === u && n.symbol.toLowerCase() === a.toLowerCase()
+  ), s = (n) => typeof o[0] == "string" ? o.indexOf(n.assetId) : o.findIndex(
+    ([u, a]) => n.blockchain === u && n.symbol.toLowerCase() === a.toLowerCase()
+  ), e = c(t), r = c(i);
+  if (e && !r)
     return -1;
-  if (!o.isIntent && t.isIntent)
+  if (!e && r)
     return 1;
-  if (!r) {
-    const i = (o.symbol ?? "").localeCompare(
-      t.symbol ?? "",
+  if (e && r) {
+    const n = s(t), u = s(i);
+    if (n !== u)
+      return n - u;
+  }
+  return null;
+}, C = (t, i, o) => {
+  if (t.isIntent && !i.isIntent)
+    return -1;
+  if (!t.isIntent && i.isIntent)
+    return 1;
+  if (!o) {
+    const n = (t.symbol ?? "").localeCompare(
+      i.symbol ?? "",
       void 0,
       {
         sensitivity: "base"
       }
     );
-    return i !== 0 ? i : o.chainName.localeCompare(t.chainName, void 0, {
+    return n !== 0 ? n : t.chainName.localeCompare(i.chainName, void 0, {
       sensitivity: "base"
     });
   }
-  const s = (i) => i === r ? 0 : i.startsWith(r) ? 1 : i.includes(r) ? 2 : 3, e = s(o.symbol.toLowerCase()), n = s(t.symbol.toLowerCase());
-  if (e !== n)
-    return e - n;
-  const c = o.symbol.toLowerCase().localeCompare(t.symbol.toLowerCase());
-  return c !== 0 ? c : o.chainName.toLowerCase().localeCompare(t.chainName.toLowerCase());
-}, C = (o, t, r, s, e, n) => {
-  const c = e.isIntent || n.isIntent, i = o.includes(e.blockchain), m = o.includes(n.blockchain);
-  return !c && i && !m ? -1 : !c && !i && m ? 1 : !c && !i && !m || !t && !r ? l(e, n, s) : !t && r ? 1 : !r && t ? -1 : t !== r ? (r ?? 0) - (t ?? 0) : l(e, n, s);
-}, k = (o, t, r) => (s, e) => {
-  const n = o[f(s)], c = o[f(e)], i = n ? a(n, s.decimals) : "0", m = c ? a(c, e.decimals) : "0", u = n !== void 0 ? parseFloat(`${i ?? 0}`) * s.price : void 0, p = c !== void 0 ? parseFloat(`${m ?? 0}`) * e.price : void 0, y = r?.trim().toLowerCase() ?? void 0;
-  return C(
-    t,
-    u,
-    p,
-    y,
+  const c = (n) => n === o ? 0 : n.startsWith(o) ? 1 : n.includes(o) ? 2 : 3, s = c(t.symbol.toLowerCase()), e = c(i.symbol.toLowerCase());
+  if (s !== e)
+    return s - e;
+  const r = t.symbol.toLowerCase().localeCompare(i.symbol.toLowerCase());
+  return r !== 0 ? r : t.chainName.toLowerCase().localeCompare(i.chainName.toLowerCase());
+}, h = (t, i, o, c, s, e, r) => {
+  const n = e.isIntent || r.isIntent, u = o !== void 0 && o > 0, a = c !== void 0 && c > 0;
+  if (u && !a)
+    return -1;
+  if (!u && a)
+    return 1;
+  if (u && a) {
+    const d = t.includes(e.blockchain), y = t.includes(r.blockchain);
+    return !n && d && !y ? -1 : !n && !d && y ? 1 : o !== c ? (c ?? 0) - (o ?? 0) : C(e, r, s);
+  }
+  const l = v(e, r, i);
+  if (l !== null)
+    return l;
+  const m = t.includes(e.blockchain), f = t.includes(r.blockchain);
+  return !n && m && !f ? -1 : !n && !m && f ? 1 : C(e, r, s);
+}, k = (t, i, o, c = []) => (s, e) => {
+  const r = t[p(s)], n = t[p(e)], u = r ? I(r, s.decimals) : "0", a = n ? I(n, e.decimals) : "0", l = r !== void 0 ? parseFloat(`${u ?? 0}`) * s.price : void 0, m = n !== void 0 ? parseFloat(`${a ?? 0}`) * e.price : void 0, f = o?.trim().toLowerCase() ?? void 0;
+  return h(
+    i,
+    c,
+    l,
+    m,
+    f,
     s,
     e
   );

package/dist/utils/tokens/sort.js.map

@@ -1 +1 @@
-{"version":3,"file":"sort.js","sources":["../../../src/utils/tokens/sort.ts"],"sourcesContent":["import { formatUnits } from 'ethers';\n\nimport { getTokenBalanceKey } from '../intents/getTokenBalanceKey';\nimport type { Token, TokenBalances } from '@/types/token';\nimport type { Chains } from '@/types/chain';\n\nconst compareWithSearch = (\n  a: Token,\n  b: Token,\n  searchLower: string | undefined,\n): number => {\n  if (a.isIntent && !b.isIntent) {\n    return -1;\n  }\n\n  if (!a.isIntent && b.isIntent) {\n    return 1;\n  }\n\n  // sort alphabetically if no search\n  if (!searchLower) {\n    const symbolCompare = (a.symbol ?? '').localeCompare(\n      b.symbol ?? '',\n      undefined,\n      {\n        sensitivity: 'base',\n      },\n    );\n\n    if (symbolCompare !== 0) {\n      return symbolCompare;\n    }\n\n    return a.chainName.localeCompare(b.chainName, undefined, {\n      sensitivity: 'base',\n    });\n  }\n\n  const getSymbolRank = (symbol: string) => {\n    if (symbol === searchLower) {\n      return 0;\n    }\n\n    if (symbol.startsWith(searchLower)) {\n      return 1;\n    }\n\n    if (symbol.includes(searchLower)) {\n      return 2;\n    }\n\n    return 3;\n  };\n\n  const symbolRankA = getSymbolRank(a.symbol.toLowerCase());\n  const symbolRankB = getSymbolRank(b.symbol.toLowerCase());\n\n  // First compare by symbol match rank\n  if (symbolRankA !== symbolRankB) {\n    return symbolRankA - symbolRankB;\n  }\n\n  // Then compare alphabetically by symbol\n  const symbolCompare = a.symbol\n    .toLowerCase()\n    .localeCompare(b.symbol.toLowerCase());\n\n  if (symbolCompare !== 0) {\n    return symbolCompare;\n  }\n\n  // Finally compare by blockchain\n  return a.chainName.toLowerCase().localeCompare(b.chainName.toLowerCase());\n};\n\nconst sortTokensByUsdBalance = (\n  walletSupportedChains: ReadonlyArray<Chains>,\n  usdBalanceA: number | undefined,\n  usdBalanceB: number | undefined,\n  searchStr: string | undefined,\n  a: Token,\n  b: Token,\n): number => {\n  const isIntent = a.isIntent || b.isIntent;\n\n  // 0. Sort supported chains first\n  const aSupported = walletSupportedChains.includes(a.blockchain);\n  const bSupported = walletSupportedChains.includes(b.blockchain);\n\n  if (!isIntent && aSupported && !bSupported) {\n    return -1;\n  }\n\n  if (!isIntent && !aSupported && bSupported) {\n    return 1;\n  }\n\n  if (!isIntent && !aSupported && !bSupported) {\n    return compareWithSearch(a, b, searchStr);\n  }\n\n  // 1. Handle zero balances\n  if (!usdBalanceA && !usdBalanceB) {\n    return compareWithSearch(a, b, searchStr);\n  }\n\n  if (!usdBalanceA && usdBalanceB) {\n    return 1;\n  }\n\n  if (!usdBalanceB && usdBalanceA) {\n    return -1;\n  }\n\n  // 3. Compare non-zero balances\n  if (usdBalanceA !== usdBalanceB) {\n    return (usdBalanceB ?? 0) - (usdBalanceA ?? 0);\n  }\n\n  // 4. If balances equal, sort by market cap and then name\n  return compareWithSearch(a, b, searchStr);\n};\n\nexport const createTokenSorter = (\n  tokensBalance: TokenBalances,\n  walletSupportedChains: ReadonlyArray<Chains>,\n  searchStr?: string | undefined,\n) => {\n  return (a: Token, b: Token) => {\n    const recordA = tokensBalance[getTokenBalanceKey(a)];\n    const recordB = tokensBalance[getTokenBalanceKey(b)];\n\n    const balanceA = recordA ? formatUnits(recordA, a.decimals) : '0';\n    const balanceB = recordB ? formatUnits(recordB, b.decimals) : '0';\n\n    const usdBalanceA =\n      recordA !== undefined\n        ? parseFloat(`${balanceA ?? 0}`) * a.price\n        : undefined;\n\n    const usdBalanceB =\n      recordB !== undefined\n        ? parseFloat(`${balanceB ?? 0}`) * b.price\n        : undefined;\n\n    const searchLower = searchStr?.trim().toLowerCase() ?? undefined;\n\n    return sortTokensByUsdBalance(\n      walletSupportedChains,\n      usdBalanceA,\n      usdBalanceB,\n      searchLower,\n      a,\n      b,\n    );\n  };\n};\n"],"names":["compareWithSearch","a","b","searchLower","symbolCompare","getSymbolRank","symbol","symbolRankA","symbolRankB","sortTokensByUsdBalance","walletSupportedChains","usdBalanceA","usdBalanceB","searchStr","isIntent","aSupported","bSupported","createTokenSorter","tokensBalance","recordA","getTokenBalanceKey","recordB","balanceA","formatUnits","balanceB"],"mappings":";;AAMA,MAAMA,IAAoB,CACxBC,GACAC,GACAC,MACW;AACX,MAAIF,EAAE,YAAY,CAACC,EAAE;AACnB,WAAO;AAGT,MAAI,CAACD,EAAE,YAAYC,EAAE;AACnB,WAAO;AAIT,MAAI,CAACC,GAAa;AAChB,UAAMC,KAAiBH,EAAE,UAAU,IAAI;AAAA,MACrCC,EAAE,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,QACE,aAAa;AAAA,MAAA;AAAA,IACf;AAGF,WAAIE,MAAkB,IACbA,IAGFH,EAAE,UAAU,cAAcC,EAAE,WAAW,QAAW;AAAA,MACvD,aAAa;AAAA,IAAA,CACd;AAAA,EACH;AAEA,QAAMG,IAAgB,CAACC,MACjBA,MAAWH,IACN,IAGLG,EAAO,WAAWH,CAAW,IACxB,IAGLG,EAAO,SAASH,CAAW,IACtB,IAGF,GAGHI,IAAcF,EAAcJ,EAAE,OAAO,aAAa,GAClDO,IAAcH,EAAcH,EAAE,OAAO,aAAa;AAGxD,MAAIK,MAAgBC;AAClB,WAAOD,IAAcC;AAIvB,QAAMJ,IAAgBH,EAAE,OACrB,YAAA,EACA,cAAcC,EAAE,OAAO,aAAa;AAEvC,SAAIE,MAAkB,IACbA,IAIFH,EAAE,UAAU,YAAA,EAAc,cAAcC,EAAE,UAAU,aAAa;AAC1E,GAEMO,IAAyB,CAC7BC,GACAC,GACAC,GACAC,GACAZ,GACAC,MACW;AACX,QAAMY,IAAWb,EAAE,YAAYC,EAAE,UAG3Ba,IAAaL,EAAsB,SAAST,EAAE,UAAU,GACxDe,IAAaN,EAAsB,SAASR,EAAE,UAAU;AAE9D,SAAI,CAACY,KAAYC,KAAc,CAACC,IACvB,KAGL,CAACF,KAAY,CAACC,KAAcC,IACvB,IAGL,CAACF,KAAY,CAACC,KAAc,CAACC,KAK7B,CAACL,KAAe,CAACC,IACZZ,EAAkBC,GAAGC,GAAGW,CAAS,IAGtC,CAACF,KAAeC,IACX,IAGL,CAACA,KAAeD,IACX,KAILA,MAAgBC,KACVA,KAAe,MAAMD,KAAe,KAIvCX,EAAkBC,GAAGC,GAAGW,CAAS;AAC1C,GAEaI,IAAoB,CAC/BC,GACAR,GACAG,MAEO,CAACZ,GAAUC,MAAa;AAC7B,QAAMiB,IAAUD,EAAcE,EAAmBnB,CAAC,CAAC,GAC7CoB,IAAUH,EAAcE,EAAmBlB,CAAC,CAAC,GAE7CoB,IAAWH,IAAUI,EAAYJ,GAASlB,EAAE,QAAQ,IAAI,KACxDuB,IAAWH,IAAUE,EAAYF,GAASnB,EAAE,QAAQ,IAAI,KAExDS,IACJQ,MAAY,SACR,WAAW,GAAGG,KAAY,CAAC,EAAE,IAAIrB,EAAE,QACnC,QAEAW,IACJS,MAAY,SACR,WAAW,GAAGG,KAAY,CAAC,EAAE,IAAItB,EAAE,QACnC,QAEAC,IAAcU,GAAW,KAAA,EAAO,iBAAiB;AAEvD,SAAOJ;AAAA,IACLC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAT;AAAA,IACAF;AAAA,IACAC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"sort.js","sources":["../../../src/utils/tokens/sort.ts"],"sourcesContent":["import { formatUnits } from 'ethers';\n\nimport { getTokenBalanceKey } from '../intents/getTokenBalanceKey';\nimport type { Token, TokenBalances } from '@/types/token';\nimport type { PriorityAssets } from '@/types/config';\nimport type { Chains } from '@/types/chain';\n\nconst compareByPriority = (\n  a: Token,\n  b: Token,\n  priorityAssets: PriorityAssets,\n): number | null => {\n  if (a.isIntent || b.isIntent || priorityAssets.length === 0) {\n    return null;\n  }\n\n  const isPriorityToken = (token: Token): boolean => {\n    // by assetId\n    if (typeof priorityAssets[0] === 'string') {\n      return (priorityAssets as ReadonlyArray<string>).includes(token.assetId);\n    }\n\n    // by blockchain and symbol\n    return (priorityAssets as ReadonlyArray<readonly [Chains, string]>).some(\n      ([blockchain, symbol]) =>\n        token.blockchain === blockchain &&\n        token.symbol.toLowerCase() === symbol.toLowerCase(),\n    );\n  };\n\n  const getPriorityIndex = (token: Token): number => {\n    // by assetId\n    if (typeof priorityAssets[0] === 'string') {\n      return (priorityAssets as ReadonlyArray<string>).indexOf(token.assetId);\n    }\n\n    // by blockchain and symbol\n    return (\n      priorityAssets as ReadonlyArray<readonly [Chains, string]>\n    ).findIndex(\n      ([blockchain, symbol]) =>\n        token.blockchain === blockchain &&\n        token.symbol.toLowerCase() === symbol.toLowerCase(),\n    );\n  };\n\n  const aIsPriority = isPriorityToken(a);\n  const bIsPriority = isPriorityToken(b);\n\n  if (aIsPriority && !bIsPriority) {\n    return -1;\n  }\n\n  if (!aIsPriority && bIsPriority) {\n    return 1;\n  }\n\n  // If both are priority tokens, maintain their relative order based on the priority list\n  if (aIsPriority && bIsPriority) {\n    const aIndex = getPriorityIndex(a);\n    const bIndex = getPriorityIndex(b);\n\n    if (aIndex !== bIndex) {\n      return aIndex - bIndex;\n    }\n  }\n\n  // Return null to indicate no priority difference, continue with other sorting criteria\n  return null;\n};\n\nconst compareWithSearch = (\n  a: Token,\n  b: Token,\n  searchLower: string | undefined,\n): number => {\n  if (a.isIntent && !b.isIntent) {\n    return -1;\n  }\n\n  if (!a.isIntent && b.isIntent) {\n    return 1;\n  }\n\n  // sort alphabetically if no search\n  if (!searchLower) {\n    const symbolCompare = (a.symbol ?? '').localeCompare(\n      b.symbol ?? '',\n      undefined,\n      {\n        sensitivity: 'base',\n      },\n    );\n\n    if (symbolCompare !== 0) {\n      return symbolCompare;\n    }\n\n    return a.chainName.localeCompare(b.chainName, undefined, {\n      sensitivity: 'base',\n    });\n  }\n\n  const getSymbolRank = (symbol: string) => {\n    if (symbol === searchLower) {\n      return 0;\n    }\n\n    if (symbol.startsWith(searchLower)) {\n      return 1;\n    }\n\n    if (symbol.includes(searchLower)) {\n      return 2;\n    }\n\n    return 3;\n  };\n\n  const symbolRankA = getSymbolRank(a.symbol.toLowerCase());\n  const symbolRankB = getSymbolRank(b.symbol.toLowerCase());\n\n  // First compare by symbol match rank\n  if (symbolRankA !== symbolRankB) {\n    return symbolRankA - symbolRankB;\n  }\n\n  // Then compare alphabetically by symbol\n  const symbolCompare = a.symbol\n    .toLowerCase()\n    .localeCompare(b.symbol.toLowerCase());\n\n  if (symbolCompare !== 0) {\n    return symbolCompare;\n  }\n\n  // Finally compare by blockchain\n  return a.chainName.toLowerCase().localeCompare(b.chainName.toLowerCase());\n};\n\nconst sortTokens = (\n  walletSupportedChains: ReadonlyArray<Chains>,\n  priorityAssets: PriorityAssets,\n  usdBalanceA: number | undefined,\n  usdBalanceB: number | undefined,\n  searchStr: string | undefined,\n  a: Token,\n  b: Token,\n): number => {\n  const isIntent = a.isIntent || b.isIntent;\n  const hasBalanceA = usdBalanceA !== undefined && usdBalanceA > 0;\n  const hasBalanceB = usdBalanceB !== undefined && usdBalanceB > 0;\n\n  // 1. Tokens with balance always come first\n  if (hasBalanceA && !hasBalanceB) {\n    return -1;\n  }\n\n  if (!hasBalanceA && hasBalanceB) {\n    return 1;\n  }\n\n  // 2. If both have balance, sort by balance amount and other criteria\n  if (hasBalanceA && hasBalanceB) {\n    // Sort supported chains first\n    const aSupported = walletSupportedChains.includes(a.blockchain);\n    const bSupported = walletSupportedChains.includes(b.blockchain);\n\n    if (!isIntent && aSupported && !bSupported) {\n      return -1;\n    }\n\n    if (!isIntent && !aSupported && bSupported) {\n      return 1;\n    }\n\n    // Compare non-zero balances\n    if (usdBalanceA !== usdBalanceB) {\n      return (usdBalanceB ?? 0) - (usdBalanceA ?? 0);\n    }\n\n    // If balances equal, sort by search/name\n    return compareWithSearch(a, b, searchStr);\n  }\n\n  // 3. Both have no balance - prioritize by asset IDs or blockchain-symbol pairs (only for non-intent tokens)\n  const priorityComparison = compareByPriority(a, b, priorityAssets);\n\n  if (priorityComparison !== null) {\n    return priorityComparison;\n  }\n\n  // 4. For tokens without balance and not in priority list, sort by supported chains\n  const aSupported = walletSupportedChains.includes(a.blockchain);\n  const bSupported = walletSupportedChains.includes(b.blockchain);\n\n  if (!isIntent && aSupported && !bSupported) {\n    return -1;\n  }\n\n  if (!isIntent && !aSupported && bSupported) {\n    return 1;\n  }\n\n  // 5. Finally, sort alphabetically by search/name\n  return compareWithSearch(a, b, searchStr);\n};\n\nexport const createTokenSorter = (\n  tokensBalance: TokenBalances,\n  walletSupportedChains: ReadonlyArray<Chains>,\n  searchStr?: string | undefined,\n  priorityAssets: PriorityAssets = [],\n) => {\n  return (a: Token, b: Token) => {\n    const recordA = tokensBalance[getTokenBalanceKey(a)];\n    const recordB = tokensBalance[getTokenBalanceKey(b)];\n\n    const balanceA = recordA ? formatUnits(recordA, a.decimals) : '0';\n    const balanceB = recordB ? formatUnits(recordB, b.decimals) : '0';\n\n    const usdBalanceA =\n      recordA !== undefined\n        ? parseFloat(`${balanceA ?? 0}`) * a.price\n        : undefined;\n\n    const usdBalanceB =\n      recordB !== undefined\n        ? parseFloat(`${balanceB ?? 0}`) * b.price\n        : undefined;\n\n    const searchLower = searchStr?.trim().toLowerCase() ?? undefined;\n\n    return sortTokens(\n      walletSupportedChains,\n      priorityAssets,\n      usdBalanceA,\n      usdBalanceB,\n      searchLower,\n      a,\n      b,\n    );\n  };\n};\n"],"names":["compareByPriority","a","b","priorityAssets","isPriorityToken","token","blockchain","symbol","getPriorityIndex","aIsPriority","bIsPriority","aIndex","bIndex","compareWithSearch","searchLower","symbolCompare","getSymbolRank","symbolRankA","symbolRankB","sortTokens","walletSupportedChains","usdBalanceA","usdBalanceB","searchStr","isIntent","hasBalanceA","hasBalanceB","aSupported","bSupported","priorityComparison","createTokenSorter","tokensBalance","recordA","getTokenBalanceKey","recordB","balanceA","formatUnits","balanceB"],"mappings":"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"}

package/dist/widgets/WidgetDeposit/WidgetDepositContent.js

@@ -3,13 +3,12 @@ import { useState as b, useEffect as p, useCallback as R } from "react";
 import { useTokenModal as A } from "../../hooks/useTokenModal.js";
 import { useTypedTranslation as F } from "../../localisation.js";
 import { WidgetDepositSkeleton as S } from "./WidgetDepositSkeleton.js";
-import { b as q, u as j, y as N, n as O, c as Q, p as U, o as K, S as P } from "../../config-BMvXuF1-.js";
+import { b as q, u as j, y as N, n as O, c as Q, p as U, o as K, S as P } from "../../config-C47AYcMK.js";
 import "@tanstack/react-query";
 import "@headlessui/react";
 import "@material-symbols-svg/react-rounded/icons/chevron-left";
 import "framer-motion";
 import "../../features/ChainsDropdown/ChainItem.js";
-import "@material-symbols-svg/react-rounded/icons/target";
 import "../../utils/cn.js";
 import "../../constants/chains.js";
 import { notReachable as r } from "../../utils/notReachable.js";
@@ -36,6 +35,7 @@ import "../../components/InputAmount.js";
 import "../../components/Notes.js";
 import "@material-symbols-svg/react-rounded/icons/close";
 import "@material-symbols-svg/react-rounded/icons/check-circle";
+import "../../components/ChainShortcut.js";
 import "zod";
 import "../../utils/near/rpc.js";
 import "../../index-DEq3oXQF.js";

package/dist/widgets/WidgetDeposit/WidgetDepositSkeleton.js

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import a from "clsx";
 import { SkeletonBox as s } from "../../components/SkeletonBox.js";
-import { y as i } from "../../config-BMvXuF1-.js";
+import { y as i } from "../../config-C47AYcMK.js";
 const p = () => {
   const { hideTokenInputHeadings: l } = i();
   return /* @__PURE__ */ o("div", { className: "w-full gap-sw-xl relative flex flex-col", children: [

package/dist/widgets/WidgetSwap/WidgetSwapContent.js

@@ -3,13 +3,12 @@ import { useState as S, useEffect as w } from "react";
 import { useTokenModal as N } from "../../hooks/useTokenModal.js";
 import { WidgetSwapSkeleton as T } from "./WidgetSwapSkeleton.js";
 import { useTypedTranslation as O } from "../../localisation.js";
-import { b as Q, u as j, y as q, n as F, c as U, p as b, o as K, S as P } from "../../config-BMvXuF1-.js";
+import { b as Q, u as j, y as q, n as F, c as U, p as b, o as K, S as P } from "../../config-C47AYcMK.js";
 import "@tanstack/react-query";
 import "@headlessui/react";
 import "@material-symbols-svg/react-rounded/icons/chevron-left";
 import "framer-motion";
 import "../../features/ChainsDropdown/ChainItem.js";
-import "@material-symbols-svg/react-rounded/icons/target";
 import "../../utils/cn.js";
 import "../../constants/chains.js";
 import { notReachable as s } from "../../utils/notReachable.js";
@@ -51,6 +50,7 @@ import "../../components/Input.js";
 import "../../components/InputAmount.js";
 import "../../components/Notes.js";
 import "@material-symbols-svg/react-rounded/icons/check-circle";
+import "../../components/ChainShortcut.js";
 import "@material-symbols-svg/react-rounded/icons/qr-code";
 import "@material-symbols-svg/react-rounded/icons/wallet";
 import { WalletCompatibilityCheck as Z } from "../../features/WalletCompatibilityCheck/index.js";

package/dist/widgets/WidgetSwap/WidgetSwapSkeleton.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as l } from "react/jsx-runtime";
 import o from "clsx";
 import { SkeletonBox as s } from "../../components/SkeletonBox.js";
-import { y as i } from "../../config-BMvXuF1-.js";
+import { y as i } from "../../config-C47AYcMK.js";
 const m = () => {
   const { hideTokenInputHeadings: e } = i();
   return /* @__PURE__ */ a("div", { className: "w-full gap-sw-lg relative flex flex-col", children: [

package/dist/widgets/WidgetWithdraw/WidgetWithdrawContent.js

@@ -3,13 +3,12 @@ import { useState as _, useEffect as b } from "react";
 import { useTokenModal as N } from "../../hooks/useTokenModal.js";
 import { WidgetWithdrawSkeleton as y } from "./WidgetWithdrawSkeleton.js";
 import { useTypedTranslation as O } from "../../localisation.js";
-import { b as Q, u as j, y as q, n as F, c as U, p as T, o as K, S as P } from "../../config-BMvXuF1-.js";
+import { b as Q, u as j, y as q, n as F, c as U, p as T, o as K, S as P } from "../../config-C47AYcMK.js";
 import "@tanstack/react-query";
 import "@headlessui/react";
 import "@material-symbols-svg/react-rounded/icons/chevron-left";
 import "framer-motion";
 import "../../features/ChainsDropdown/ChainItem.js";
-import "@material-symbols-svg/react-rounded/icons/target";
 import "../../utils/cn.js";
 import "../../constants/chains.js";
 import { notReachable as r } from "../../utils/notReachable.js";
@@ -51,6 +50,7 @@ import "../../components/Input.js";
 import "../../components/InputAmount.js";
 import "../../components/Notes.js";
 import "@material-symbols-svg/react-rounded/icons/check-circle";
+import "../../components/ChainShortcut.js";
 import "@material-symbols-svg/react-rounded/icons/qr-code";
 import "@material-symbols-svg/react-rounded/icons/wallet";
 import { WalletCompatibilityCheck as Z } from "../../features/WalletCompatibilityCheck/index.js";

package/dist/widgets/WidgetWithdraw/WidgetWithdrawSkeleton.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import o from "clsx";
 import { SkeletonBox as l } from "../../components/SkeletonBox.js";
-import { y as x } from "../../config-BMvXuF1-.js";
+import { y as x } from "../../config-C47AYcMK.js";
 const p = () => {
   const { hideTokenInputHeadings: s } = x();
   return /* @__PURE__ */ a("div", { className: "w-full gap-sw-xl relative flex flex-col", children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurora-is-near/intents-swap-widget",
-  "version": "3.18.3",
+  "version": "3.19.0",
   "description": "Provides components and hooks to build your own Intents swap widget",
   "author": "Maksim Vashchuk",
   "license": "MIT",

package/src/components/AllNetworksIcon.tsx

@@ -0,0 +1,8 @@
+export const AllNetworksIcon = () => (
+  <div className="flex flex-wrap gap-y-0 gap-x-[2px] h-[17px] w-[16px]">
+    <div className="w-[7px] h-[7px] rounded-[2px] shrink-0 bg-sw-gray-900" />
+    <div className="w-[7px] h-[7px] rounded-[2px] shrink-0 bg-sw-gray-600" />
+    <div className="w-[7px] h-[7px] rounded-[2px] shrink-0 bg-sw-gray-600" />
+    <div className="w-[7px] h-[7px] rounded-[2px] shrink-0 bg-sw-gray-900" />
+  </div>
+);

package/src/components/ChainShortcut.tsx

@@ -0,0 +1,67 @@
+import type { ComponentProps } from 'react';
+
+import { AllNetworksIcon } from './AllNetworksIcon';
+
+import { cn } from '@/utils/cn';
+import { UNKNOWN_ICON } from '@/icons';
+import { Icon } from '@/components/Icon';
+import { useTypedTranslation } from '@/localisation';
+
+type Props = {
+  label: string;
+  isSelected: boolean;
+  icon: ComponentProps<typeof Icon>['icon'];
+  onClick: () => void;
+};
+
+const Shortcut = ({ icon, label, isSelected, onClick }: Props) => {
+  return (
+    <li
+      onClick={onClick}
+      className={cn(
+        'w-[36px] h-[36px] p-sw-md rounded-sw-md cursor-pointer items-center justify-center flex transition-colors',
+        {
+          'bg-sw-gray-50': isSelected,
+          'bg-sw-gray-800 hover:bg-sw-gray-700': !isSelected,
+        },
+      )}>
+      <Icon
+        size={20}
+        radius={6}
+        label={label}
+        icon={icon ?? UNKNOWN_ICON}
+        className="bg-transparent"
+      />
+    </li>
+  );
+};
+
+const AllChainsShortcut = ({
+  isSelected,
+  onClick,
+}: {
+  isSelected: boolean;
+  onClick: () => void;
+}) => {
+  const { t } = useTypedTranslation();
+
+  return (
+    <div
+      onClick={onClick}
+      className={cn(
+        'px-sw-lg gap-sw-sm flex h-[36px] cursor-pointer items-center rounded-sw-md text-sw-label-md transition-colors',
+        {
+          'bg-sw-gray-50 text-sw-gray-950': isSelected,
+          'bg-sw-gray-800 text-sw-gray-50 bg-sw-gray-800 hover:bg-sw-gray-700':
+            !isSelected,
+        },
+      )}>
+      <AllNetworksIcon />
+      {t('chain.all.label', 'All')}
+    </div>
+  );
+};
+
+export const ChainShortcut = Object.assign(Shortcut, {
+  All: AllChainsShortcut,
+});

package/src/components/index.ts

@@ -18,3 +18,5 @@ export * from './TokenIcon';
 export * from './StatusWidget';
 export * from './WidgetContainer';
 export * from './CloseButton';
+export * from './ChainShortcut';
+export * from './AllNetworksIcon';

package/src/config.tsx

@@ -50,6 +50,19 @@ const DEFAULT_CONFIG: WidgetConfig = {
     source: { external: 'wallet-supported', intents: 'none' },
     target: { external: 'all', intents: 'none' },
   },
+
+  topChainShortcuts: (intentsAccountType) => {
+    switch (intentsAccountType) {
+      case 'evm':
+        return ['eth', 'arb', 'avax', 'base'] as const;
+      case 'sol':
+        return ['sol', 'eth', 'btc', 'near'] as const;
+      case 'near':
+        return ['near', 'sol', 'eth', 'btc'] as const;
+      default:
+        return ['eth', 'btc', 'sol', 'near'] as const;
+    }
+  },
 };
 
 type WidgetConfigContextType = { config: WidgetConfig };

package/src/features/ChainsDropdown/ChainItem.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CheckW700 as Check } from '@material-symbols-svg/react-rounded/icons/check';
+import { CheckFillW700 as Check } from '@material-symbols-svg/react-rounded/icons/check';
 
 import { cn } from '@/utils/cn';
 import { Icon } from '@/components/Icon';
@@ -13,12 +13,25 @@ type Props = {
   isSelected: boolean;
   chain: 'intents' | 'all' | Chains;
   icon: string | React.ReactElement;
+  iconClassName?: string;
   className?: string;
   onMsg: (msg: Msg) => void;
 };
 
 export const ChainItem = React.forwardRef<HTMLButtonElement, Props>(
-  ({ chain, label, icon, isFocused, isSelected, className, onMsg }, ref) => (
+  (
+    {
+      chain,
+      label,
+      icon,
+      iconClassName,
+      isFocused,
+      isSelected,
+      className,
+      onMsg,
+    },
+    ref,
+  ) => (
     <button
       ref={ref}
       type="button"
@@ -32,9 +45,9 @@ export const ChainItem = React.forwardRef<HTMLButtonElement, Props>(
         },
         className,
       )}>
-      <Icon radius={10} label={label} icon={icon} />
+      <Icon radius={10} label={label} icon={icon} className={iconClassName} />
       <span className="text-sw-label-md mr-auto">{label}</span>
-      {isSelected && <Check size={16} />}
+      {isSelected && <Check size={16} className="text-sw-status-success" />}
     </button>
   ),
 );

package/src/features/ChainsDropdown/index.tsx

@@ -1,17 +1,16 @@
-import { Fragment, useMemo } from 'react';
+import { Fragment } from 'react';
 import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/react';
 import { ChevronLeftW700 as ChevronLeft } from '@material-symbols-svg/react-rounded/icons/chevron-left';
 import { AnimatePresence, motion } from 'framer-motion';
 
 import { ChainItem } from './ChainItem';
-import { AllNetworksIcon } from './AllNetworksIcon';
 import { useConfig } from '@/config';
 import { Hr } from '@/components/Hr';
-import { Icon } from '@/components/Icon';
+import { AllNetworksIcon } from '@/components/AllNetworksIcon';
 import { useChains } from '@/hooks/useChains';
 import { notReachable } from '@/utils/notReachable';
 import { useTypedTranslation } from '@/localisation';
-import { ASSET_ICONS, UNKNOWN_ICON } from '@/icons';
+import { CHAIN_ICONS, UNKNOWN_ICON } from '@/icons';
 import type { Chains, ChainsFilter } from '@/types/chain';
 
 type Msg = { type: 'on_click_chain'; chain: 'all' | 'intents' | Chains };
@@ -32,11 +31,7 @@ export const ChainsDropdown = ({
   const { t } = useTypedTranslation();
 
   const chains = useChains(variant);
-  const { appIcon, appName, showIntentTokens } = useConfig();
-  const selectedChain = useMemo(
-    () => chains.find((item) => item.id === selected),
-    [chains, selected],
-  );
+  const { appIcon, appName } = useConfig();
 
   const hasIntentsAccountMenuItem = chainsFilter.intents !== 'none';
 
@@ -46,37 +41,10 @@ export const ChainsDropdown = ({
         <div>
           <MenuButton as={Fragment}>
             {({ open: isOpen }) => (
-              <div className="py-sw-sm px-sw-md gap-sw-md flex h-[40px] cursor-pointer items-center rounded-sw-md bg-sw-gray-800 hover:bg-sw-gray-700">
-                {(() => {
-                  switch (selected) {
-                    case 'all':
-                      return (
-                        <Icon
-                          radius={10}
-                          icon={<AllNetworksIcon />}
-                          label="All networks"
-                        />
-                      );
-                    case 'intents':
-                      return showIntentTokens ? (
-                        <Icon radius={10} icon={appIcon} label={appName} />
-                      ) : null;
-                    default:
-                      return !selectedChain ? (
-                        <Icon
-                          radius={10}
-                          icon={<AllNetworksIcon />}
-                          label={t('chain.all.label', 'All networks')}
-                        />
-                      ) : (
-                        <Icon
-                          radius={10}
-                          label={selectedChain.label}
-                          icon={ASSET_ICONS[selected] ?? UNKNOWN_ICON}
-                        />
-                      );
-                  }
-                })()}
+              <div className="py-sw-sm pr-sw-md pl-sw-lg gap-sw-xs flex h-[36px] cursor-pointer items-center rounded-sw-md bg-sw-gray-800 hover:bg-sw-gray-700">
+                <span className="text-sw-label-md text-sw-gray-50">
+                  {t('chain.more.label', 'More')}
+                </span>
 
                 {isOpen ? (
                   <ChevronLeft
@@ -111,6 +79,7 @@ export const ChainsDropdown = ({
                         isSelected={selected === 'all'}
                         isFocused={focus}
                         icon={<AllNetworksIcon />}
+                        iconClassName="bg-sw-gray-50"
                         onMsg={(msg) => {
                           switch (msg.type) {
                             case 'on_click_chain':
@@ -162,7 +131,7 @@ export const ChainsDropdown = ({
                         <ChainItem
                           chain={chain.id}
                           label={chain.label}
-                          icon={ASSET_ICONS[chain.id] ?? UNKNOWN_ICON}
+                          icon={CHAIN_ICONS[chain.id] ?? UNKNOWN_ICON}
                           isSelected={selected === chain.id}
                           isFocused={focus}
                           onMsg={(msg) => {