@rango-dev/widget-embedded 0.1.10-next.76 → 0.1.10-next.80

package/dist/hooks/useConfirmSwap.d.ts

@@ -1,12 +1,2 @@
-import { BestRouteResponse } from 'rango-sdk';
-export declare function useConfirmSwap(): {
-    loading: boolean;
-    error: string;
-    data: BestRouteResponse;
-    warning: string;
-    feeStatus: import("rango-sdk").BlockchainValidationStatus[];
-    bestRouteChanged: boolean;
-    enoughBalance: boolean;
-    swap: () => void;
-};
+export declare function useConfirmSwap(): any;
 //# sourceMappingURL=useConfirmSwap.d.ts.map

package/dist/hooks/useConfirmSwap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConfirmSwap.d.ts","sourceRoot":"","sources":["../src/hooks/useConfirmSwap.ts"],"names":[],"mappings":"AAQA,OAAO,EAAoB,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAkBhE,wBAAgB,cAAc;;;;;;;;;EA+M7B"}
+{"version":3,"file":"useConfirmSwap.d.ts","sourceRoot":"","sources":["../src/hooks/useConfirmSwap.ts"],"names":[],"mappings":"AA2BA,wBAAgB,cAAc,QAgP7B"}

package/dist/pages/ConfirmWalletsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmWalletsPage.d.ts","sourceRoot":"","sources":["../src/pages/ConfirmWalletsPage.tsx"],"names":[],"mappings":"AAOA,OAAO,EAA2C,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAG3F,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,kBAAkB,gBAmCjC"}
+{"version":3,"file":"ConfirmWalletsPage.d.ts","sourceRoot":"","sources":["../src/pages/ConfirmWalletsPage.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAoG,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAKpJ,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,kBAAkB,gBA+CjC"}

package/dist/pages/WalletsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WalletsPage.d.ts","sourceRoot":"","sources":["../src/pages/WalletsPage.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,WAAW,gBA0C1B"}
+{"version":3,"file":"WalletsPage.d.ts","sourceRoot":"","sources":["../src/pages/WalletsPage.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,WAAW,gBA8C1B"}

package/dist/utils/wallets.d.ts

@@ -20,4 +20,6 @@ export declare function resetBalanceState(balance: Balance): Balance;
 export declare const calculateWalletUsdValue: (balance: Balance[]) => string;
 export declare const sortedTokens: (tokens: TokenWithBalance[], position: 'from' | 'to', balance: Balance[]) => TokenWithBalance[];
 export declare const getUsdPrice: (blockchain: string, symbol: string, address: string | null, allTokens: Token[]) => number | null;
+export declare const isExperimentalChain: (blockchains: BlockchainMeta[], wallet: string) => boolean;
+export declare const getKeplrCompatibleConnectedWallets: (selectableWallets: SelectableWallet[]) => WalletType[];
 //# sourceMappingURL=wallets.d.ts.map

package/dist/utils/wallets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wallets.d.ts","sourceRoot":"","sources":["../src/utils/wallets.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,OAAO,EACP,UAAU,EACV,WAAW,EACX,UAAU,EACX,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,WAAW,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGlE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAW/D;AAEC,eAAO,MAAM,eAAe,cAI3B,CAAC;AAEJ,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,WAAW,EAC3C,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,UAAU,EAC/C,IAAI,EAAE,UAAU,EAAE,GACjB,eAAe,EAAE,CAgBnB;AAED,wBAAgB,6BAA6B,CAAC,eAAe,EAAE,cAAc,EAAE,GAAG,OAAO,EAAE,GAAG,IAAI,CAQjG;AAED,wBAAgB,6BAA6B,CAC3C,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,MAAM,EAAE,EAClB,cAAc,EAAE,MAAM,EAAE,EACxB,mBAAmB,EAAE,OAAO,EAAE,GAAG,IAAI,GACpC,OAAO,EAAE,CAuDX;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,YAYhE;AAED,MAAM,WAAW,cAAe,SAAQ,OAAO;CAAG;AAGlD,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,OAAO,EAAE,EACnB,eAAe,EAAE,cAAc,EAAE,EACjC,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,UAAU,EAC/C,cAAc,CAAC,EAAE,MAAM,EAAE,sBAgB1B;AAMD,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,OAAO,EAAE,EACnB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,GAAG,IAAI,GACrB,YAAY,GAAG,IAAI,CAoBrB;AAED,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,WAM5E;AAED,wBAAgB,cAAc,CAC5B,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,YAAY,EAC7B,MAAM,EAAE,KAAK,EAAE,GACd,OAAO,CAyBT;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAE3D;AAED,eAAO,MAAM,uBAAuB,YAAa,OAAO,EAAE,WA8BzD,CAAC;AAQF,eAAO,MAAM,YAAY,WACf,gBAAgB,EAAE,YAChB,MAAM,GAAG,IAAI,WACd,OAAO,EAAE,KACjB,gBAAgB,EAmClB,CAAC;AAmBF,eAAO,MAAM,WAAW,eACV,MAAM,UACV,MAAM,WACL,MAAM,GAAG,IAAI,aACX,KAAK,EAAE,KACjB,MAAM,GAAG,IAQX,CAAC"}
+{"version":3,"file":"wallets.d.ts","sourceRoot":"","sources":["../src/utils/wallets.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,OAAO,EACP,UAAU,EACV,WAAW,EACX,UAAU,EAEX,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,UAAU,IAAI,eAAe,EAC7B,WAAW,IAAI,YAAY,EAC5B,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,KAAK,EACL,YAAY,EACb,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGlE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAW/D;AAED,eAAO,MAAM,eAAe,cAI3B,CAAC;AAEF,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,WAAW,EAC3C,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,UAAU,EAC/C,IAAI,EAAE,UAAU,EAAE,GACjB,eAAe,EAAE,CAoBnB;AAED,wBAAgB,6BAA6B,CAC3C,eAAe,EAAE,cAAc,EAAE,GAChC,OAAO,EAAE,GAAG,IAAI,CAQlB;AAED,wBAAgB,6BAA6B,CAC3C,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,MAAM,EAAE,EAClB,cAAc,EAAE,MAAM,EAAE,EACxB,mBAAmB,EAAE,OAAO,EAAE,GAAG,IAAI,GACpC,OAAO,EAAE,CAyDX;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,YAchE;AAED,MAAM,WAAW,cAAe,SAAQ,OAAO;CAAG;AAGlD,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,OAAO,EAAE,EACnB,eAAe,EAAE,cAAc,EAAE,EACjC,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,UAAU,EAC/C,cAAc,CAAC,EAAE,MAAM,EAAE,sBAsB1B;AAUD,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,OAAO,EAAE,EACnB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,GAAG,IAAI,GACrB,YAAY,GAAG,IAAI,CA0BrB;AAED,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,WAM5E;AAED,wBAAgB,cAAc,CAC5B,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,YAAY,EAC7B,MAAM,EAAE,KAAK,EAAE,GACd,OAAO,CAmCT;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAE3D;AAED,eAAO,MAAM,uBAAuB,YAAa,OAAO,EAAE,WAsCzD,CAAC;AAQF,eAAO,MAAM,YAAY,WACf,gBAAgB,EAAE,YAChB,MAAM,GAAG,IAAI,WACd,OAAO,EAAE,KACjB,gBAAgB,EAuClB,CAAC;AA6BF,eAAO,MAAM,WAAW,eACV,MAAM,UACV,MAAM,WACL,MAAM,GAAG,IAAI,aACX,KAAK,EAAE,KACjB,MAAM,GAAG,IAQX,CAAC;AACF,eAAO,MAAM,mBAAmB,gBACjB,cAAc,EAAE,UACrB,MAAM,KACb,OAOF,CAAC;AAEF,eAAO,MAAM,kCAAkC,sBAC1B,gBAAgB,EAAE,KACpC,UAAU,EAQZ,CAAC"}

package/dist/widget-embedded.cjs.development.js

@@ -383,10 +383,11 @@ function getSelectableWallets(accounts, selectedWallets, getWalletInfo, required
     name: getWalletInfo(account.walletType).name,
     selected: !!selectedWallets.find(wallet => wallet.chain === account.chain && wallet.walletType === account.walletType)
   }));
-  return requiredChains ? connectedWallets.filter(wallet => requiredChains.includes(wallet.chain)) : removeDuplicateWallets(connectedWallets, 'walletType');
+  return requiredChains ? connectedWallets.filter((wallet, index, array) => requiredChains.includes(wallet.chain) && array.findIndex(w => w.address === wallet.address) === index) : removeDuplicateWallets(connectedWallets, 'walletType');
 }
 const removeDuplicateWallets = (arr, key) => {
-  return [...new Map(arr.map(item => [item[key], item])).values()];
+  const map = new Map(arr.map(item => [item[key], item]));
+  return Array.from(map.values());
 };
 function getBalanceFromWallet(balances, chain, symbol, address) {
   if (balances.length === 0) return null;
@@ -450,8 +451,6 @@ const calculateWalletUsdValue = balance => {
     return modifiedWalletBlockchain;
   });
   const total = numberToString(modifiedWalletBlockchains?.flatMap(b => b.accounts)?.flatMap(a => a?.balances)?.map(b => new BigNumber__default(b?.amount || ZERO).multipliedBy(b?.usdPrice || 0))?.reduce((a, b) => a.plus(b), ZERO) || ZERO).toString();
-  console.log('total');
-  console.log(total);
   return numberWithThousandSeperator(total);
 };
 function numberWithThousandSeperator(number) {
@@ -476,6 +475,17 @@ const getUsdPrice = (blockchain, symbol, address, allTokens) => {
   const token = allTokens?.find(t => t.blockchain === blockchain && t.symbol?.toUpperCase() === symbol?.toUpperCase() && t.address === address);
   return token?.usdPrice || null;
 };
+const isExperimentalChain = (blockchains, wallet) => {
+  const cosmosExperimentalChainInfo = walletsShared.getCosmosExperimentalChainInfo(Object.entries(blockchains).map(_ref => {
+    let [, blockchainMeta] = _ref;
+    return blockchainMeta;
+  }).filter(walletsShared.isCosmosBlockchain));
+  return cosmosExperimentalChainInfo && !!cosmosExperimentalChainInfo[wallet];
+};
+const getKeplrCompatibleConnectedWallets = selectableWallets => {
+  const connectedWalletTypes = new Set(selectableWallets.map(a => a.walletType.toString()));
+  return walletsShared.KEPLR_COMPATIBLE_WALLETS.filter(compatibleWallet => connectedWalletTypes.has(compatibleWallet));
+};
 
 const useWalletsStore = /*#__PURE__*/createSelectors( /*#__PURE__*/zustand.create()(set => ({
   accounts: [],
@@ -604,111 +614,7 @@ const useSettingsStore = /*#__PURE__*/createSelectors( /*#__PURE__*/zustand.crea
   name: 'user-settings'
 })));
 
-function getOutputRatio(inputUsdValue, outputUsdValue) {
-  if (inputUsdValue.lte(ZERO) || outputUsdValue.lte(ZERO)) return 0;
-  return outputUsdValue.div(inputUsdValue).minus(1).multipliedBy(100);
-}
-function outputRatioHasWarning(inputUsdValue, outputRatio) {
-  return parseInt(outputRatio.toFixed(2) || '0') <= -10 && inputUsdValue.gte(new BigNumber__default(400)) || parseInt(outputRatio.toFixed(2) || '0') <= -5 && inputUsdValue.gte(new BigNumber__default(1000));
-}
-function hasLimitError(bestRoute) {
-  return (bestRoute?.result?.swaps || []).filter(swap => {
-    const minimum = !!swap.fromAmountMinValue ? new BigNumber__default(swap.fromAmountMinValue) : null;
-    const maximum = !!swap.fromAmountMaxValue ? new BigNumber__default(swap.fromAmountMaxValue) : null;
-    const isExclusive = swap.fromAmountRestrictionType === 'EXCLUSIVE';
-    if (isExclusive) {
-      return minimum?.gte(swap.fromAmount) || maximum?.lte(swap.fromAmount);
-    } else {
-      return minimum?.gt(swap.fromAmount) || maximum?.lt(swap.fromAmount);
-    }
-  }).length > 0;
-}
-function getSwapButtonTitle(accounts, loading, hasLimitError, highValueLoss, priceImpactCanNotBeComputed, needsToWarnEthOnPath) {
-  if (loading) return 'Finding Best Route...';
-  if (accounts.length == 0) return 'Connect Wallet';else if (hasLimitError) return 'Limit Error';else if (highValueLoss) return 'Price impact is too high!';else if (priceImpactCanNotBeComputed) return 'USD price is unknown, price impact might be high!';else if (needsToWarnEthOnPath) return 'The route goes through Ethereum. Continue?';else return 'Swap';
-}
-function canComputePriceImpact(bestRoute, inputAmount, inputUsdValue, outputUsdValue) {
-  return !((inputUsdValue.lte(ZERO) || outputUsdValue.lte(ZERO)) && !!bestRoute?.result && !!inputAmount && inputAmount !== '0' && parseFloat(inputAmount || '0') !== 0);
-}
-function calculatePendingSwap(inputAmount, bestRoute, wallets, settings, validateBalanceOrFee) {
-  const simulationResult = bestRoute.result;
-  if (!simulationResult) throw Error('Simulation result should not be null');
-  return {
-    creationTime: new Date().getTime().toString(),
-    finishTime: null,
-    requestId: bestRoute.requestId || '',
-    inputAmount: inputAmount,
-    wallets,
-    status: 'running',
-    isPaused: false,
-    extraMessage: null,
-    extraMessageSeverity: null,
-    extraMessageDetail: null,
-    extraMessageErrorCode: null,
-    networkStatusExtraMessage: null,
-    networkStatusExtraMessageDetail: null,
-    lastNotificationTime: null,
-    settings: settings,
-    simulationResult: simulationResult,
-    validateBalanceOrFee,
-    //TODO: finalize PendingSwap type and remove ts-ignore
-    //@ts-ignore
-    steps: bestRoute.result?.swaps?.map((s, i) => ({
-      id: i + 1,
-      fromBlockchain: s.from.blockchain,
-      fromSymbol: s.from.symbol,
-      fromSymbolAddress: s.from.address,
-      fromDecimals: s.from.decimals,
-      fromAmountPrecision: s.fromAmountPrecision,
-      fromAmountMinValue: s.fromAmountMinValue,
-      fromAmountMaxValue: s.fromAmountMaxValue,
-      toBlockchain: s.to.blockchain,
-      fromLogo: s.from.logo,
-      toSymbol: s.to.symbol,
-      toSymbolAddress: s.to.address,
-      toDecimals: s.to.decimals,
-      toLogo: s.to.logo,
-      startTransactionTime: new Date().getTime(),
-      swapperId: s.swapperId,
-      expectedOutputAmountHumanReadable: s.toAmount,
-      outputAmount: null,
-      status: 'created',
-      networkStatus: null,
-      executedTransactionId: null,
-      externalTransactionId: null,
-      explorerUrl: null,
-      trackingCode: null,
-      cosmosTransaction: null,
-      solanaTransaction: null,
-      starknetTransaction: null,
-      starknetApprovalTransaction: null,
-      tronTransaction: null,
-      tronApprovalTransaction: null,
-      evmTransaction: null,
-      evmApprovalTransaction: null,
-      transferTransaction: null,
-      diagnosisUrl: null,
-      internalSteps: null,
-      fromBlockchainLogo: '',
-      toBlockchainLogo: '',
-      swapperLogo: '',
-      swapperType: ''
-    })) || []
-  };
-}
-function requiredWallets(route) {
-  const wallets = [];
-  route?.result?.swaps.forEach(swap => {
-    const currentStepFromBlockchain = swap.from.blockchain;
-    const currentStepToBlockchain = swap.to.blockchain;
-    let lastAddedWallet = wallets[wallets.length - 1];
-    if (currentStepFromBlockchain != lastAddedWallet) wallets.push(currentStepFromBlockchain);
-    lastAddedWallet = wallets[wallets.length - 1];
-    if (currentStepToBlockchain != lastAddedWallet) wallets.push(currentStepToBlockchain);
-  });
-  return wallets;
-}
-
+// import { WalletType } from '@rango-dev/wallets-shared';
 function useConfirmSwap() {
   const fromToken = useBestRouteStore.use.fromToken();
   const toToken = useBestRouteStore.use.toToken();
@@ -810,6 +716,7 @@ function useConfirmSwap() {
     const routeChangeStatus = compareRoutes(bestRoute, r, inputAmount.toString(), fromToken.usdPrice, toToken.usdPrice);
     setBestRoute(r);
     const isChanged = routeChangeStatus.isChanged;
+    // const changeWarningMessage = routeChangeStatus.warningMessage;
     setBestRouteChanged(isChanged);
     setWarning('Best route changed');
     setData(r);
@@ -821,19 +728,34 @@ function useConfirmSwap() {
   const swap = () => {
     if (!bestRoute) return;
     if (inputAmount.toString() === '') return;
-    const wallets = selectedWallets.reduce((selectedWalletsMap, selectedWallet) => (selectedWalletsMap[selectedWallet.chain] = {
-      address: selectedWallet.address,
-      walletType: selectedWallet.walletType
-    }, selectedWalletsMap), {});
+    // const wallets = selectedWallets.reduce(
+    //   (
+    //     selectedWalletsMap: { [p: string]: { address: string; walletType: WalletType } },
+    //     selectedWallet,
+    //   ) => (
+    //     (selectedWalletsMap[selectedWallet.chain] = {
+    //       address: selectedWallet.address,
+    //       walletType: selectedWallet.walletType,
+    //     }),
+    //     selectedWalletsMap
+    //   ),
+    //   {},
+    // );
     const proceedAnyway = enoughBalance !== null;
-    const settings = {
-      slippage: slippage.toString(),
-      disabledSwappersGroups: ['Osmosis'],
-      disabledSwappersIds: []
-    };
-    if (proceedAnyway) {
-      const newSwap = calculatePendingSwap(inputAmount.toString(), bestRoute, wallets, settings, false);
-    }
+    // const settings: SwapSavedSettings = {
+    //   slippage: slippage.toString(),
+    //   disabledSwappersGroups: ['Osmosis'],
+    //   disabledSwappersIds: [],
+    // };
+    // if (proceedAnyway) {
+    //   const newSwap: PendingSwap = calculatePendingSwap(
+    //     inputAmount!.toString(),
+    //     bestRoute,
+    //     wallets,
+    //     settings,
+    //     false,
+    //   );
+    // }
     !proceedAnyway && checkFeeAndBalance(selectedWallets).then(data => {
       if (!data) {
         setError('confirm swap error');
@@ -843,17 +765,15 @@ function useConfirmSwap() {
         setError('confirm swap error');
         return;
       } else {
+        // @ts-ignore
         const {
-          hasEnoughBalanceOrSlippage,
-          bestRoute: newBestRoute
+          hasEnoughBalanceOrSlippage
         } = data;
         if (!hasEnoughBalanceOrSlippage) {
           return;
         }
         setEnoughBalance(hasEnoughBalanceOrSlippage.balance && hasEnoughBalanceOrSlippage.slippage);
-        if (hasEnoughBalanceOrSlippage.balance && hasEnoughBalanceOrSlippage.slippage && !hasEnoughBalanceOrSlippage.routeChanged) {
-          const newSwap = calculatePendingSwap(inputAmount.toString(), newBestRoute, wallets, settings, true);
-        } else if (!hasEnoughBalanceOrSlippage.balance) {
+        if (hasEnoughBalanceOrSlippage.balance && hasEnoughBalanceOrSlippage.slippage && !hasEnoughBalanceOrSlippage.routeChanged) ; else if (!hasEnoughBalanceOrSlippage.balance) {
           setError('not enough balance');
         }
       }
@@ -1883,6 +1803,45 @@ const errorMessages = {
   genericServerError: 'Error connecting server, please reload the app and try again'
 };
 
+function getOutputRatio(inputUsdValue, outputUsdValue) {
+  if (inputUsdValue.lte(ZERO) || outputUsdValue.lte(ZERO)) return 0;
+  return outputUsdValue.div(inputUsdValue).minus(1).multipliedBy(100);
+}
+function outputRatioHasWarning(inputUsdValue, outputRatio) {
+  return parseInt(outputRatio.toFixed(2) || '0') <= -10 && inputUsdValue.gte(new BigNumber__default(400)) || parseInt(outputRatio.toFixed(2) || '0') <= -5 && inputUsdValue.gte(new BigNumber__default(1000));
+}
+function hasLimitError(bestRoute) {
+  return (bestRoute?.result?.swaps || []).filter(swap => {
+    const minimum = !!swap.fromAmountMinValue ? new BigNumber__default(swap.fromAmountMinValue) : null;
+    const maximum = !!swap.fromAmountMaxValue ? new BigNumber__default(swap.fromAmountMaxValue) : null;
+    const isExclusive = swap.fromAmountRestrictionType === 'EXCLUSIVE';
+    if (isExclusive) {
+      return minimum?.gte(swap.fromAmount) || maximum?.lte(swap.fromAmount);
+    } else {
+      return minimum?.gt(swap.fromAmount) || maximum?.lt(swap.fromAmount);
+    }
+  }).length > 0;
+}
+function getSwapButtonTitle(accounts, loading, hasLimitError, highValueLoss, priceImpactCanNotBeComputed, needsToWarnEthOnPath) {
+  if (loading) return 'Finding Best Route...';
+  if (accounts.length == 0) return 'Connect Wallet';else if (hasLimitError) return 'Limit Error';else if (highValueLoss) return 'Price impact is too high!';else if (priceImpactCanNotBeComputed) return 'USD price is unknown, price impact might be high!';else if (needsToWarnEthOnPath) return 'The route goes through Ethereum. Continue?';else return 'Swap';
+}
+function canComputePriceImpact(bestRoute, inputAmount, inputUsdValue, outputUsdValue) {
+  return !((inputUsdValue.lte(ZERO) || outputUsdValue.lte(ZERO)) && !!bestRoute?.result && !!inputAmount && inputAmount !== '0' && parseFloat(inputAmount || '0') !== 0);
+}
+function requiredWallets(route) {
+  const wallets = [];
+  route?.result?.swaps.forEach(swap => {
+    const currentStepFromBlockchain = swap.from.blockchain;
+    const currentStepToBlockchain = swap.to.blockchain;
+    let lastAddedWallet = wallets[wallets.length - 1];
+    if (currentStepFromBlockchain != lastAddedWallet) wallets.push(currentStepFromBlockchain);
+    lastAddedWallet = wallets[wallets.length - 1];
+    if (currentStepToBlockchain != lastAddedWallet) wallets.push(currentStepToBlockchain);
+  });
+  return wallets;
+}
+
 const Container$2 = /*#__PURE__*/ui.styled('div', {
   display: 'flex',
   flexDirection: 'column',
@@ -2161,7 +2120,8 @@ const ListContainer = /*#__PURE__*/ui.styled('div', {
   gap: '.5rem',
   gridTemplateColumns: ' repeat(2, minmax(0, 1fr))',
   height: '450px',
-  alignContent: 'baseline'
+  alignContent: 'baseline',
+  padding: '0 0.5rem'
 });
 const AlertContainer = /*#__PURE__*/ui.styled('div', {
   paddingBottom: '$16'
@@ -2208,25 +2168,36 @@ function WalletsPage() {
 function ConfirmWalletsPage() {
   const navigate = reactRouterDom.useNavigate();
   const bestRoute = useBestRouteStore.use.bestRoute();
+  const {
+    blockchains
+  } = useMetaStore.use.meta();
   const accounts = useWalletsStore.use.accounts();
   const selectedWallets = useWalletsStore.use.selectedWallets();
   const initSelectedWallets = useWalletsStore.use.initSelectedWallets();
   const setSelectedWallet = useWalletsStore.use.setSelectedWallet();
   const {
-    getWalletInfo
+    getWalletInfo,
+    connect
   } = walletsCore.useWallets();
   const confirmDisabled = !requiredWallets(bestRoute).every(chain => selectedWallets.map(wallet => wallet.chain).includes(chain));
   React.useEffect(() => {
     initSelectedWallets();
   }, []);
+  const selectableWallets = getSelectableWallets(accounts, selectedWallets, getWalletInfo, getRequiredChains(bestRoute));
+  const handleConnectChain = wallet => {
+    const network = wallet;
+    getKeplrCompatibleConnectedWallets(selectableWallets).forEach(compatibleWallet => connect?.(compatibleWallet, network));
+  };
   return React__default.createElement(ui.ConfirmWallets, {
     requiredWallets: getRequiredChains(bestRoute),
-    selectableWallets: getSelectableWallets(accounts, selectedWallets, getWalletInfo, getRequiredChains(bestRoute)),
+    selectableWallets: selectableWallets,
     onBack: () => navigate(-1),
     swap: bestRoute,
     onConfirm: () => navigate(navigationRoutes.confirmSwap),
     onChange: wallet => setSelectedWallet(wallet),
-    confirmDisabled: confirmDisabled
+    confirmDisabled: confirmDisabled,
+    handleConnectChain: wallet => handleConnectChain(wallet),
+    isExperimentalChain: wallet => getKeplrCompatibleConnectedWallets(selectableWallets).length > 0 ? isExperimentalChain(blockchains, wallet) : false
   });
 }