@rango-dev/widget-embedded 0.1.10-next.84 → 0.1.10-next.87

package/dist/widget-embedded.esm.js

@@ -5,12 +5,14 @@ import { useSearchParams, useLocation, createSearchParams, useNavigate, useInRou
 import { create } from 'zustand';
 import BigNumber, { BigNumber as BigNumber$1 } from 'bignumber.js';
 import { persist, subscribeWithSelector } from 'zustand/middleware';
-import { RangoClient, TransactionType, isEvmBlockchain } from 'rango-sdk';
+import { RangoClient, isEvmBlockchain } from 'rango-sdk';
 import { Network, isEvmAddress, KEPLR_COMPATIBLE_WALLETS, WalletType, getCosmosExperimentalChainInfo, isCosmosBlockchain } from '@rango-dev/wallets-shared';
 import { readAccountAddress, useWallets, Provider, Events } from '@rango-dev/wallets-core';
 import { styled as styled$1 } from '@rango-dev/ui/src/theme';
 import { allProviders } from '@rango-dev/provider-all';
 import { shallow } from 'zustand/shallow';
+import { useManager } from '@rango-dev/queue-manager-react';
+import copy from 'copy-to-clipboard';
 
 const navigationRoutes = {
   home: '/',
@@ -20,11 +22,11 @@ const navigationRoutes = {
   toToken: '/to-token',
   settings: '/settings',
   liquiditySources: '/settings/liquidity-sources',
-  history: '/history',
+  swaps: '/swaps',
   wallets: '/wallets',
   confirmSwap: '/confirm-swap',
   confirmWallets: '/confirm-wallets',
-  swapDetails: '/history/swap-details'
+  swapDetails: '/swaps/:requestId'
 };
 
 const ZERO = /*#__PURE__*/new BigNumber(0);
@@ -802,6 +804,17 @@ var SearchParams;
   SearchParams["FROM_AMOUNT"] = "fromAmount";
 })(SearchParams || (SearchParams = {}));
 
+const useUiStore = /*#__PURE__*/createSelectors( /*#__PURE__*/create()(set => ({
+  connectWalletsButtonDisabled: false,
+  selectedSwapRequestId: null,
+  toggleConnectWalletsButton: () => set(state => ({
+    connectWalletsButtonDisabled: !state.connectWalletsButtonDisabled
+  })),
+  setSelectedSwap: requestId => set({
+    selectedSwapRequestId: requestId
+  })
+})));
+
 function searchParamsToToken(tokens, searchParams) {
   return tokens.find(token => {
     const symbolAndAddress = searchParams?.split('--');
@@ -815,13 +828,6 @@ function UpdateUrl() {
   const location = useLocation();
   const firstRenderSearchParams = useRef(location.search);
   const searchParamsRef = useRef({});
-  useEffect(() => {
-    const params = {};
-    createSearchParams(firstRenderSearchParams.current).forEach((value, key) => {
-      params[key] = value;
-    });
-    searchParamsRef.current = params;
-  }, []);
   const fromChain = useBestRouteStore.use.fromChain();
   const toChain = useBestRouteStore.use.toChain();
   const fromToken = useBestRouteStore.use.fromToken();
@@ -837,6 +843,16 @@ function UpdateUrl() {
     blockchains,
     tokens
   } = useMetaStore.use.meta();
+  const setSelectedSwap = useUiStore.use.setSelectedSwap();
+  useEffect(() => {
+    const params = {};
+    createSearchParams(firstRenderSearchParams.current).forEach((value, key) => {
+      params[key] = value;
+    });
+    searchParamsRef.current = params;
+    const requestId = location.pathname.split(navigationRoutes.swaps + '/')[1] || null;
+    if (requestId) setSelectedSwap(requestId);
+  }, []);
   useEffect(() => {
     let fromChainString = '',
       fromTokenString = '',
@@ -948,14 +964,14 @@ function HeaderButtons(props) {
     content: "Retry"
   }, React.createElement(Button, {
     variant: "ghost",
-    onClick: onClickRefresh.bind(null)
+    onClick: onClickRefresh
   }, React.createElement(RetryIcon, {
     size: 28
   }))), React.createElement(Tooltip, {
     content: "Transactions History"
   }, React.createElement(Button, {
     variant: "ghost",
-    onClick: () => navigate(navigationRoutes.history)
+    onClick: () => navigate(navigationRoutes.swaps)
   }, React.createElement(HistoryIcon, {
     size: 24
   }))), React.createElement(Tooltip, {
@@ -1421,7 +1437,9 @@ function Home() {
     disabled: swapButtonState.disabled,
     onClick: () => {
       if (swapButtonState.title === 'Connect Wallet') navigate(navigationRoutes.wallets);else {
-        navigate(navigationRoutes.confirmWallets);
+        navigate(navigationRoutes.confirmWallets, {
+          replace: true
+        });
       }
     }
   }, swapButtonState.title), React.createElement(BottomLogo, null)));
@@ -1449,13 +1467,6 @@ function AppRouter(_ref) {
   return React.createElement(React.Fragment, null, React.createElement(Router, null, children), isRouterInContext && React.createElement(UpdateUrl, null));
 }
 
-const useUiStore = /*#__PURE__*/createSelectors( /*#__PURE__*/create()(set => ({
-  connectWalletsButtonDisabled: false,
-  toggleConnectWalletsButton: () => set(state => ({
-    connectWalletsButtonDisabled: !state.connectWalletsButtonDisabled
-  }))
-})));
-
 const StyledButton = /*#__PURE__*/styled(Button, {
   marginTop: '$8'
 });
@@ -1495,13 +1506,13 @@ function useNavigateBack() {
   const navigate = useNavigate();
   const navigateBackFrom = currentRoute => {
     if (!isRouterInContext || window.history.state && window.history.state.idx > 0) navigate(-1);else {
-      if ([navigationRoutes.fromChain, navigationRoutes.fromToken, navigationRoutes.toChain, navigationRoutes.toToken, navigationRoutes.settings, navigationRoutes.wallets, navigationRoutes.history].includes(currentRoute)) navigate(navigationRoutes.home, {
+      if ([navigationRoutes.fromChain, navigationRoutes.fromToken, navigationRoutes.toChain, navigationRoutes.toToken, navigationRoutes.settings, navigationRoutes.wallets, navigationRoutes.swaps, navigationRoutes.confirmWallets].includes(currentRoute)) navigate(navigationRoutes.home, {
         replace: true
-      });else if (currentRoute === navigationRoutes.liquiditySources) {
-        navigate(navigationRoutes.settings, {
-          replace: true
-        });
-      } else if (currentRoute === navigationRoutes.swapDetails) navigate(navigationRoutes.history, {
+      });else if (currentRoute === navigationRoutes.liquiditySources) navigate(navigationRoutes.settings, {
+        replace: true
+      });else if (currentRoute === navigationRoutes.swapDetails) navigate(navigationRoutes.swaps, {
+        replace: true
+      });else if (currentRoute === navigationRoutes.confirmSwap) navigate(navigationRoutes.confirmWallets, {
         replace: true
       });
     }
@@ -1532,7 +1543,7 @@ var ConfirmSwapWarningTypes;
   ConfirmSwapWarningTypes[ConfirmSwapWarningTypes["ROUTE_AND_OUTPUT_AMOUNT_UPDATED"] = 3] = "ROUTE_AND_OUTPUT_AMOUNT_UPDATED";
   ConfirmSwapWarningTypes[ConfirmSwapWarningTypes["INSUFFICIENT_BALANCE"] = 4] = "INSUFFICIENT_BALANCE";
 })(ConfirmSwapWarningTypes || (ConfirmSwapWarningTypes = {}));
-const confirmSwap = () => {
+const confirmSwap = async () => {
   const {
     fromToken,
     toToken,
@@ -1565,11 +1576,13 @@ const confirmSwap = () => {
     };
     const newSwap = calculatePendingSwap(inputAmount.toString(), initialRoute, getWalletsForNewSwap(selectedWallets), swapSettings, false, meta);
     console.log('new swap:', newSwap);
-    return useConfirmSwapStore.setState({
+    // queueManager?.create('swap', { swapDetails: newSwap });
+    useConfirmSwapStore.setState({
       errors: [],
       warnings: [],
       proceedAnyway: false
     });
+    return newSwap;
   }
   let abortController = new AbortController();
   useConfirmSwapStore.setState({
@@ -1589,17 +1602,20 @@ const confirmSwap = () => {
       if (selectedWalletsChanged) return false;else return true;
     }
   });
-  httpService.getBestRoute(requestBody, {
+  const newSwap = await httpService.getBestRoute(requestBody, {
     signal: abortController.signal
   }).then(confiremedRoute => {
     useConfirmSwapStore.setState({
       loading: false
     });
-    if (!confiremedRoute.result || !new BigNumber(confiremedRoute.requestAmount).isEqualTo(new BigNumber(inputAmount || '-1'))) return useConfirmSwapStore.setState(prevState => ({
-      errors: prevState.errors.concat({
-        type: ConfirmSwapErrorTypes.NO_ROUTE
-      })
-    }));
+    if (!confiremedRoute.result || !new BigNumber(confiremedRoute.requestAmount).isEqualTo(new BigNumber(inputAmount || '-1'))) {
+      useConfirmSwapStore.setState(prevState => ({
+        errors: prevState.errors.concat({
+          type: ConfirmSwapErrorTypes.NO_ROUTE
+        })
+      }));
+      return undefined;
+    }
     const confirmSwap = {
       loading: false,
       errors: [],
@@ -1646,13 +1662,19 @@ const confirmSwap = () => {
         slippage: userSlippage.toString(),
         disabledSwappersGroups: disabledLiquiditySources
       };
-      const newSwap = calculatePendingSwap(inputAmount.toString(), initialRoute, getWalletsForNewSwap(selectedWallets), swapSettings, false, meta);
+      const newSwap = calculatePendingSwap(inputAmount.toString(), confiremedRoute, getWalletsForNewSwap(selectedWallets), swapSettings, false, meta);
       console.log('new swap:', newSwap);
-    } else if (!proceedAnyway) confirmSwap.proceedAnyway = true;
+      return newSwap;
+    } else if (!proceedAnyway) {
+      confirmSwap.proceedAnyway = true;
+      useConfirmSwapStore.setState(confirmSwap);
+    }
+    return undefined;
+  }).then(result => {
     abortController = null;
-    useConfirmSwapStore.setState(confirmSwap);
     unsubscribeFromBestRouteStore();
     unsubscribeFromWalletsStore();
+    return result;
   }).catch(error => {
     abortController = null;
     if (error.code === 'ERR_CANCELED') {
@@ -1674,6 +1696,7 @@ const confirmSwap = () => {
       })
     }));
   });
+  return newSwap || undefined;
 };
 
 function MinRequiredSlippage(_ref) {
@@ -1750,19 +1773,35 @@ function ConfirmSwapWarnings(warnings) {
 }
 
 function ConfirmSwapPage() {
+  const setSelectedSwap = useUiStore.use.setSelectedSwap();
   const {
     navigateBackFrom
   } = useNavigateBack();
+  const {
+    manager
+  } = useManager();
+  const navigate = useNavigate();
   const bestRoute = useBestRouteStore.use.bestRoute();
   const loading = useConfirmSwapStore.use.loading();
   const warnings = useConfirmSwapStore.use.warnings();
   const errors = useConfirmSwapStore.use.errors();
-  console.log('loading:', loading, 'warnings:', warnings, 'errors:', errors);
   const slippage = useSettingsStore.use.slippage();
   const customSlippage = useSettingsStore.use.customSlippage();
   const selectedSlippage = customSlippage || slippage;
   return React.createElement(ConfirmSwap, {
-    onConfirm: confirmSwap.bind(null),
+    onConfirm: () => {
+      confirmSwap().then(swap => {
+        if (swap) {
+          manager?.create('swap', {
+            swapDetails: swap
+          });
+          setSelectedSwap(swap.requestId);
+          navigate(navigationRoutes.swaps + `/${swap.requestId}`, {
+            replace: true
+          });
+        }
+      });
+    },
     onBack: navigateBackFrom.bind(null, navigationRoutes.confirmSwap),
     bestRoute: bestRoute,
     loading: loading,
@@ -1776,640 +1815,47 @@ function ConfirmSwapPage() {
   });
 }
 
-const pendingSwap = [{
-  creationTime: '1673164511955',
-  finishTime: '1673164550137',
-  requestId: '51e211d9-d61c-45d2-a4d4-1f9f7f90ee85',
-  inputAmount: '1',
-  wallets: {
-    OSMOSIS: {
-      walletType: 'keplr',
-      address: 'osmo1unf2rcytjxfpz8x8ar63h4qeftadptg5t0nqcl'
-    }
-  },
-  status: 'running',
-  isPaused: false,
-  extraMessage: null,
-  extraMessageSeverity: 'info',
-  extraMessageDetail: '',
-  extraMessageErrorCode: null,
-  networkStatusExtraMessage: null,
-  networkStatusExtraMessageDetail: null,
-  lastNotificationTime: null,
-  settings: {
-    slippage: '1.0',
-    disabledSwappersIds: [],
-    disabledSwappersGroups: []
-  },
-  simulationResult: {
-    outputAmount: '1.540670',
-    swaps: [{
-      swapperId: 'Osmosis',
-      swapperType: 'DEX',
-      swapperLogo: '',
-      // @ts-ignore
-      result: null,
-      from: {
-        symbol: 'JUNO',
-        logo: 'https://api.rango.exchange/tokens/COSMOS/JUNO.png',
-        address: 'ibc/46b44899322f3cd854d2d46deef881958467cdd4b3b10086da49296bbed94bed',
-        blockchain: 'OSMOSIS',
-        blockchainLogo: '',
-        decimals: 6,
-        usdPrice: 1.1091996179668873
-      },
-      to: {
-        symbol: 'OSMO',
-        logo: 'https://api.rango.exchange/i/mJQPS2',
-        address: null,
-        blockchain: 'OSMOSIS',
-        decimals: 6,
-        blockchainLogo: '',
-        usdPrice: 0.7192435454440882
-      },
-      fromAmount: '1.000000',
-      fromAmountPrecision: null,
-      fromAmountMinValue: null,
-      fromAmountMaxValue: null,
-      toAmount: '1.540670',
-      fee: [{
-        name: '',
-        asset: {
-          blockchain: 'OSMOSIS',
-          symbol: 'OSMO',
-          address: null
-        },
-        expenseType: 'FROM_SOURCE_WALLET',
-        amount: '0'
-      }],
-      estimatedTimeInSeconds: 45,
-      swapChainType: 'INTRA_CHAIN',
-      routes: [{
-        nodes: [{
-          nodes: [{
-            marketName: 'pool#498',
-            marketId: null,
-            percent: 1
-          }],
-          from: 'JUNO',
-          fromLogo: 'https://api.rango.exchange/tokens/COSMOS/JUNO.png',
-          fromAddress: 'ibc/46b44899322f3cd854d2d46deef881958467cdd4b3b10086da49296bbed94bed',
-          fromBlockchain: 'OSMOSIS',
-          to: 'ATOM',
-          toLogo: 'https://api.rango.exchange/tokens/COSMOS/ATOM.png',
-          toAddress: 'ibc/27394fb092d2eccd56123c74f36e4c1f926001ceada9ca97ea622b25f41e5eb2',
-          toBlockchain: 'OSMOSIS'
-        }, {
-          nodes: [{
-            marketName: 'pool#8',
-            marketId: null,
-            percent: 1
-          }],
-          from: 'ATOM',
-          fromLogo: 'https://api.rango.exchange/tokens/COSMOS/ATOM.png',
-          fromAddress: 'ibc/27394fb092d2eccd56123c74f36e4c1f926001ceada9ca97ea622b25f41e5eb2',
-          fromBlockchain: 'OSMOSIS',
-          to: 'IRIS',
-          toLogo: 'https://api.rango.exchange/tokens/COSMOS/IRIS.png',
-          toAddress: 'ibc/7c4d60aa95e5a7558b0a364860979ca34b7ff8aaf255b87af9e879374470cec0',
-          toBlockchain: 'OSMOSIS'
-        }, {
-          nodes: [{
-            marketName: 'pool#7',
-            marketId: null,
-            percent: 1
-          }],
-          from: 'IRIS',
-          fromLogo: 'https://api.rango.exchange/tokens/COSMOS/IRIS.png',
-          fromAddress: 'ibc/7c4d60aa95e5a7558b0a364860979ca34b7ff8aaf255b87af9e879374470cec0',
-          fromBlockchain: 'OSMOSIS',
-          to: 'OSMO',
-          toLogo: 'https://api.rango.exchange/tokens/COSMOS/OSMO.png',
-          toAddress: null,
-          toBlockchain: 'OSMOSIS'
-        }]
-      }],
-      recommendedSlippage: null,
-      timeStat: {
-        min: 6,
-        avg: 40,
-        max: 241
-      },
-      includesDestinationTx: false
-    }]
-  },
-  validateBalanceOrFee: true,
-  steps: [{
-    id: 1,
-    fromBlockchain: 'OSMOSIS',
-    fromSymbol: 'JUNO',
-    fromSymbolAddress: 'ibc/46b44899322f3cd854d2d46deef881958467cdd4b3b10086da49296bbed94bed',
-    fromDecimals: 6,
-    fromAmountPrecision: null,
-    fromAmountMinValue: null,
-    swapperLogo: '',
-    swapperType: '',
-    fromAmountMaxValue: null,
-    toBlockchainLogo: 'https://api.rango.exchange/swappers/osmosis.png',
-    fromBlockchainLogo: 'https://api.rango.exchange/swappers/osmosis.png',
-    toBlockchain: 'OSMOSIS',
-    fromLogo: 'https://api.rango.exchange/tokens/COSMOS/JUNO.png',
-    toSymbol: 'OSMO',
-    toSymbolAddress: null,
-    toDecimals: 6,
-    toLogo: 'https://api.rango.exchange/i/mJQPS2',
-    startTransactionTime: 1673164519916,
-    swapperId: 'Osmosis',
-    expectedOutputAmountHumanReadable: '1.540670',
-    outputAmount: '1.540658',
-    status: 'running',
-    networkStatus: null,
-    executedTransactionId: '0f8f17eecc863c2d6be65ef52cfe3128ff3cd7baeddf133160bea8ccdfbf876b',
-    explorerUrl: [{
-      url: 'https://www.mintscan.io/osmosis/txs/0f8f17eecc863c2d6be65ef52cfe3128ff3cd7baeddf133160bea8ccdfbf876b',
-      description: null
-    }],
-    cosmosTransaction: {
-      type: TransactionType.COSMOS,
-      fromWalletAddress: 'osmo1unf2rcytjxfpz8x8ar63h4qeftadptg5t0nqcl',
-      blockChain: 'OSMOSIS',
-      data: {
-        chainId: 'osmosis-1',
-        account_number: 102721,
-        sequence: '308',
-        msgs: [{
-          __type: 'OsmosisSwapMessage',
-          type: 'osmosis/gamm/swap-exact-amount-in',
-          value: {
-            sender: 'osmo1unf2rcytjxfpz8x8ar63h4qeftadptg5t0nqcl',
-            routes: [{
-              pool_id: '498',
-              token_out_denom: 'ibc/27394FB092D2ECCD56123C74F36E4C1F926001CEADA9CA97EA622B25F41E5EB2'
-            }, {
-              pool_id: '8',
-              token_out_denom: 'ibc/7C4D60AA95E5A7558B0A364860979CA34B7FF8AAF255B87AF9E879374470CEC0'
-            }, {
-              pool_id: '7',
-              token_out_denom: 'uosmo'
-            }],
-            token_in: {
-              denom: 'ibc/46B44899322F3CD854D2D46DEEF881958467CDD4B3B10086DA49296BBED94BED',
-              amount: '1000000'
-            },
-            token_out_min_amount: '1525264'
-          }
-        }],
-        protoMsgs: [{
-          type_url: '/osmosis.gamm.v1beta1.MsgSwapExactAmountIn',
-          value: [10, 43, 111, 115, 109, 111, 49, 117, 110, 102, 50, 114, 99, 121, 116, 106, 120, 102, 112, 122, 56, 120, 56, 97, 114, 54, 51, 104, 52, 113, 101, 102, 116, 97, 100, 112, 116, 103, 53, 116, 48, 110, 113, 99, 108, 18, 73, 8, -14, 3, 18, 68, 105, 98, 99, 47, 50, 55, 51, 57, 52, 70, 66, 48, 57, 50, 68, 50, 69, 67, 67, 68, 53, 54, 49, 50, 51, 67, 55, 52, 70, 51, 54, 69, 52, 67, 49, 70, 57, 50, 54, 48, 48, 49, 67, 69, 65, 68, 65, 57, 67, 65, 57, 55, 69, 65, 54, 50, 50, 66, 50, 53, 70, 52, 49, 69, 53, 69, 66, 50, 18, 72, 8, 8, 18, 68, 105, 98, 99, 47, 55, 67, 52, 68, 54, 48, 65, 65, 57, 53, 69, 53, 65, 55, 53, 53, 56, 66, 48, 65, 51, 54, 52, 56, 54, 48, 57, 55, 57, 67, 65, 51, 52, 66, 55, 70, 70, 56, 65, 65, 70, 50, 53, 53, 66, 56, 55, 65, 70, 57, 69, 56, 55, 57, 51, 55, 52, 52, 55, 48, 67, 69, 67, 48, 18, 9, 8, 7, 18, 5, 117, 111, 115, 109, 111, 26, 79, 10, 68, 105, 98, 99, 47, 52, 54, 66, 52, 52, 56, 57, 57, 51, 50, 50, 70, 51, 67, 68, 56, 53, 52, 68, 50, 68, 52, 54, 68, 69, 69, 70, 56, 56, 49, 57, 53, 56, 52, 54, 55, 67, 68, 68, 52, 66, 51, 66, 49, 48, 48, 56, 54, 68, 65, 52, 57, 50, 57, 54, 66, 66, 69, 68, 57, 52, 66, 69, 68, 18, 7, 49, 48, 48, 48, 48, 48, 48, 34, 7, 49, 53, 50, 53, 50, 54, 52]
-        }],
-        memo: '',
-        source: null,
-        fee: {
-          gas: '900000',
-          amount: [{
-            denom: 'uosmo',
-            amount: '0'
-          }]
-        },
-        signType: 'AMINO',
-        rpcUrl: ''
-      },
-      rawTransfer: null
-    },
-    solanaTransaction: null,
-    evmTransaction: null,
-    evmApprovalTransaction: null,
-    transferTransaction: null,
-    diagnosisUrl: null,
-    internalSteps: null
-  }]
-}, {
-  creationTime: '1673164511955',
-  finishTime: '1673164550137',
-  requestId: '51e211d9-d61c-45d2-a4d4-1f9f7f90ee85',
-  inputAmount: '1',
-  wallets: {
-    OSMOSIS: {
-      walletType: 'keplr',
-      address: 'osmo1unf2rcytjxfpz8x8ar63h4qeftadptg5t0nqcl'
-    }
-  },
-  status: 'failed',
-  isPaused: false,
-  extraMessage: null,
-  extraMessageSeverity: 'info',
-  extraMessageDetail: '',
-  extraMessageErrorCode: null,
-  networkStatusExtraMessage: null,
-  networkStatusExtraMessageDetail: null,
-  lastNotificationTime: null,
-  settings: {
-    slippage: '1.0',
-    disabledSwappersIds: [],
-    disabledSwappersGroups: []
-  },
-  simulationResult: {
-    outputAmount: '1.540670',
-    swaps: [{
-      swapperId: 'Osmosis',
-      swapperLogo: '',
-      // @ts-ignore
-      result: null,
-      swapperType: 'DEX',
-      from: {
-        symbol: 'JUNO',
-        logo: 'https://api.rango.exchange/tokens/COSMOS/JUNO.png',
-        address: 'ibc/46b44899322f3cd854d2d46deef881958467cdd4b3b10086da49296bbed94bed',
-        blockchain: 'OSMOSIS',
-        blockchainLogo: '',
-        decimals: 6,
-        usdPrice: 1.1091996179668873
-      },
-      to: {
-        symbol: 'OSMO',
-        logo: 'https://api.rango.exchange/i/mJQPS2',
-        address: null,
-        blockchain: 'OSMOSIS',
-        decimals: 6,
-        blockchainLogo: '',
-        usdPrice: 0.7192435454440882
-      },
-      fromAmount: '1.000000',
-      fromAmountPrecision: null,
-      fromAmountMinValue: null,
-      fromAmountMaxValue: null,
-      toAmount: '1.540670',
-      fee: [{
-        name: '',
-        asset: {
-          blockchain: 'OSMOSIS',
-          symbol: 'OSMO',
-          address: null
-        },
-        expenseType: 'FROM_SOURCE_WALLET',
-        amount: '0'
-      }],
-      estimatedTimeInSeconds: 45,
-      swapChainType: 'INTRA_CHAIN',
-      routes: [{
-        nodes: [{
-          nodes: [{
-            marketName: 'pool#498',
-            marketId: null,
-            percent: 1
-          }],
-          from: 'JUNO',
-          fromLogo: 'https://api.rango.exchange/tokens/COSMOS/JUNO.png',
-          fromAddress: 'ibc/46b44899322f3cd854d2d46deef881958467cdd4b3b10086da49296bbed94bed',
-          fromBlockchain: 'OSMOSIS',
-          to: 'ATOM',
-          toLogo: 'https://api.rango.exchange/tokens/COSMOS/ATOM.png',
-          toAddress: 'ibc/27394fb092d2eccd56123c74f36e4c1f926001ceada9ca97ea622b25f41e5eb2',
-          toBlockchain: 'OSMOSIS'
-        }, {
-          nodes: [{
-            marketName: 'pool#8',
-            marketId: null,
-            percent: 1
-          }],
-          from: 'ATOM',
-          fromLogo: 'https://api.rango.exchange/tokens/COSMOS/ATOM.png',
-          fromAddress: 'ibc/27394fb092d2eccd56123c74f36e4c1f926001ceada9ca97ea622b25f41e5eb2',
-          fromBlockchain: 'OSMOSIS',
-          to: 'IRIS',
-          toLogo: 'https://api.rango.exchange/tokens/COSMOS/IRIS.png',
-          toAddress: 'ibc/7c4d60aa95e5a7558b0a364860979ca34b7ff8aaf255b87af9e879374470cec0',
-          toBlockchain: 'OSMOSIS'
-        }, {
-          nodes: [{
-            marketName: 'pool#7',
-            marketId: null,
-            percent: 1
-          }],
-          from: 'IRIS',
-          fromLogo: 'https://api.rango.exchange/tokens/COSMOS/IRIS.png',
-          fromAddress: 'ibc/7c4d60aa95e5a7558b0a364860979ca34b7ff8aaf255b87af9e879374470cec0',
-          fromBlockchain: 'OSMOSIS',
-          to: 'OSMO',
-          toLogo: 'https://api.rango.exchange/tokens/COSMOS/OSMO.png',
-          toAddress: null,
-          toBlockchain: 'OSMOSIS'
-        }]
-      }],
-      recommendedSlippage: null,
-      timeStat: {
-        min: 6,
-        avg: 40,
-        max: 241
-      },
-      includesDestinationTx: false
-    }]
-  },
-  validateBalanceOrFee: true,
-  steps: [{
-    id: 1,
-    fromBlockchain: 'OSMOSIS',
-    fromSymbol: 'JUNO',
-    fromSymbolAddress: 'ibc/46b44899322f3cd854d2d46deef881958467cdd4b3b10086da49296bbed94bed',
-    fromDecimals: 6,
-    fromAmountPrecision: null,
-    fromAmountMinValue: null,
-    fromAmountMaxValue: null,
-    toBlockchainLogo: 'https://api.rango.exchange/swappers/osmosis.png',
-    fromBlockchainLogo: 'https://api.rango.exchange/swappers/osmosis.png',
-    toBlockchain: 'OSMOSIS',
-    swapperLogo: '',
-    swapperType: '',
-    fromLogo: 'https://api.rango.exchange/tokens/COSMOS/JUNO.png',
-    toSymbol: 'OSMO',
-    toSymbolAddress: null,
-    toDecimals: 6,
-    toLogo: 'https://api.rango.exchange/i/mJQPS2',
-    startTransactionTime: 1673164519916,
-    swapperId: 'Osmosis',
-    expectedOutputAmountHumanReadable: '1.540670',
-    outputAmount: '1.540658',
-    status: 'failed',
-    networkStatus: null,
-    executedTransactionId: '0f8f17eecc863c2d6be65ef52cfe3128ff3cd7baeddf133160bea8ccdfbf876b',
-    explorerUrl: [{
-      url: 'https://www.mintscan.io/osmosis/txs/0f8f17eecc863c2d6be65ef52cfe3128ff3cd7baeddf133160bea8ccdfbf876b',
-      description: null
-    }],
-    cosmosTransaction: {
-      type: TransactionType.COSMOS,
-      fromWalletAddress: 'osmo1unf2rcytjxfpz8x8ar63h4qeftadptg5t0nqcl',
-      blockChain: 'OSMOSIS',
-      data: {
-        chainId: 'osmosis-1',
-        account_number: 102721,
-        sequence: '308',
-        msgs: [{
-          __type: 'OsmosisSwapMessage',
-          type: 'osmosis/gamm/swap-exact-amount-in',
-          value: {
-            sender: 'osmo1unf2rcytjxfpz8x8ar63h4qeftadptg5t0nqcl',
-            routes: [{
-              pool_id: '498',
-              token_out_denom: 'ibc/27394FB092D2ECCD56123C74F36E4C1F926001CEADA9CA97EA622B25F41E5EB2'
-            }, {
-              pool_id: '8',
-              token_out_denom: 'ibc/7C4D60AA95E5A7558B0A364860979CA34B7FF8AAF255B87AF9E879374470CEC0'
-            }, {
-              pool_id: '7',
-              token_out_denom: 'uosmo'
-            }],
-            token_in: {
-              denom: 'ibc/46B44899322F3CD854D2D46DEEF881958467CDD4B3B10086DA49296BBED94BED',
-              amount: '1000000'
-            },
-            token_out_min_amount: '1525264'
-          }
-        }],
-        protoMsgs: [{
-          type_url: '/osmosis.gamm.v1beta1.MsgSwapExactAmountIn',
-          value: [10, 43, 111, 115, 109, 111, 49, 117, 110, 102, 50, 114, 99, 121, 116, 106, 120, 102, 112, 122, 56, 120, 56, 97, 114, 54, 51, 104, 52, 113, 101, 102, 116, 97, 100, 112, 116, 103, 53, 116, 48, 110, 113, 99, 108, 18, 73, 8, -14, 3, 18, 68, 105, 98, 99, 47, 50, 55, 51, 57, 52, 70, 66, 48, 57, 50, 68, 50, 69, 67, 67, 68, 53, 54, 49, 50, 51, 67, 55, 52, 70, 51, 54, 69, 52, 67, 49, 70, 57, 50, 54, 48, 48, 49, 67, 69, 65, 68, 65, 57, 67, 65, 57, 55, 69, 65, 54, 50, 50, 66, 50, 53, 70, 52, 49, 69, 53, 69, 66, 50, 18, 72, 8, 8, 18, 68, 105, 98, 99, 47, 55, 67, 52, 68, 54, 48, 65, 65, 57, 53, 69, 53, 65, 55, 53, 53, 56, 66, 48, 65, 51, 54, 52, 56, 54, 48, 57, 55, 57, 67, 65, 51, 52, 66, 55, 70, 70, 56, 65, 65, 70, 50, 53, 53, 66, 56, 55, 65, 70, 57, 69, 56, 55, 57, 51, 55, 52, 52, 55, 48, 67, 69, 67, 48, 18, 9, 8, 7, 18, 5, 117, 111, 115, 109, 111, 26, 79, 10, 68, 105, 98, 99, 47, 52, 54, 66, 52, 52, 56, 57, 57, 51, 50, 50, 70, 51, 67, 68, 56, 53, 52, 68, 50, 68, 52, 54, 68, 69, 69, 70, 56, 56, 49, 57, 53, 56, 52, 54, 55, 67, 68, 68, 52, 66, 51, 66, 49, 48, 48, 56, 54, 68, 65, 52, 57, 50, 57, 54, 66, 66, 69, 68, 57, 52, 66, 69, 68, 18, 7, 49, 48, 48, 48, 48, 48, 48, 34, 7, 49, 53, 50, 53, 50, 54, 52]
-        }],
-        memo: '',
-        source: null,
-        fee: {
-          gas: '900000',
-          amount: [{
-            denom: 'uosmo',
-            amount: '0'
-          }]
-        },
-        signType: 'AMINO',
-        rpcUrl: ''
-      },
-      rawTransfer: null
-    },
-    solanaTransaction: null,
-    evmTransaction: null,
-    evmApprovalTransaction: null,
-    transferTransaction: null,
-    diagnosisUrl: null,
-    internalSteps: null
-  }]
-}, {
-  creationTime: '1673164511955',
-  finishTime: '1673164550137',
-  requestId: '51e211d9-d61c-45d2-a4d4-1f9f7f90ee85',
-  inputAmount: '1',
-  wallets: {
-    OSMOSIS: {
-      walletType: 'keplr',
-      address: 'osmo1unf2rcytjxfpz8x8ar63h4qeftadptg5t0nqcl'
+const getPendingSwaps = manager => {
+  const result = [];
+  manager?.getAll().forEach((q, id) => {
+    const storage = q.list.getStorage();
+    if (storage?.swapDetails) {
+      result.push({
+        id,
+        swap: storage?.swapDetails
+      });
     }
-  },
-  status: 'success',
-  isPaused: false,
-  extraMessage: null,
-  extraMessageSeverity: 'info',
-  extraMessageDetail: '',
-  extraMessageErrorCode: null,
-  networkStatusExtraMessage: null,
-  networkStatusExtraMessageDetail: null,
-  lastNotificationTime: null,
-  settings: {
-    slippage: '1.0',
-    disabledSwappersIds: [],
-    disabledSwappersGroups: []
-  },
-  simulationResult: {
-    outputAmount: '1.540670',
-    swaps: [{
-      // @ts-ignore
-      result: [],
-      swapperId: 'Osmosis',
-      swapperType: 'DEX',
-      swapperLogo: '',
-      from: {
-        symbol: 'JUNO',
-        logo: 'https://api.rango.exchange/tokens/COSMOS/JUNO.png',
-        address: 'ibc/46b44899322f3cd854d2d46deef881958467cdd4b3b10086da49296bbed94bed',
-        blockchain: 'OSMOSIS',
-        blockchainLogo: '',
-        decimals: 6,
-        usdPrice: 1.1091996179668873
-      },
-      to: {
-        symbol: 'OSMO',
-        logo: 'https://api.rango.exchange/i/mJQPS2',
-        address: null,
-        blockchain: 'OSMOSIS',
-        decimals: 6,
-        blockchainLogo: '',
-        usdPrice: 0.7192435454440882
-      },
-      fromAmount: '1.000000',
-      fromAmountPrecision: null,
-      fromAmountMinValue: null,
-      fromAmountMaxValue: null,
-      toAmount: '1.540670',
-      fee: [{
-        name: '',
-        asset: {
-          blockchain: 'OSMOSIS',
-          symbol: 'OSMO',
-          address: null
-        },
-        expenseType: 'FROM_SOURCE_WALLET',
-        amount: '0'
-      }],
-      estimatedTimeInSeconds: 45,
-      swapChainType: 'INTRA_CHAIN',
-      routes: [{
-        nodes: [{
-          nodes: [{
-            marketName: 'pool#498',
-            marketId: null,
-            percent: 1
-          }],
-          from: 'JUNO',
-          fromLogo: 'https://api.rango.exchange/tokens/COSMOS/JUNO.png',
-          fromAddress: 'ibc/46b44899322f3cd854d2d46deef881958467cdd4b3b10086da49296bbed94bed',
-          fromBlockchain: 'OSMOSIS',
-          to: 'ATOM',
-          toLogo: 'https://api.rango.exchange/tokens/COSMOS/ATOM.png',
-          toAddress: 'ibc/27394fb092d2eccd56123c74f36e4c1f926001ceada9ca97ea622b25f41e5eb2',
-          toBlockchain: 'OSMOSIS'
-        }, {
-          nodes: [{
-            marketName: 'pool#8',
-            marketId: null,
-            percent: 1
-          }],
-          from: 'ATOM',
-          fromLogo: 'https://api.rango.exchange/tokens/COSMOS/ATOM.png',
-          fromAddress: 'ibc/27394fb092d2eccd56123c74f36e4c1f926001ceada9ca97ea622b25f41e5eb2',
-          fromBlockchain: 'OSMOSIS',
-          to: 'IRIS',
-          toLogo: 'https://api.rango.exchange/tokens/COSMOS/IRIS.png',
-          toAddress: 'ibc/7c4d60aa95e5a7558b0a364860979ca34b7ff8aaf255b87af9e879374470cec0',
-          toBlockchain: 'OSMOSIS'
-        }, {
-          nodes: [{
-            marketName: 'pool#7',
-            marketId: null,
-            percent: 1
-          }],
-          from: 'IRIS',
-          fromLogo: 'https://api.rango.exchange/tokens/COSMOS/IRIS.png',
-          fromAddress: 'ibc/7c4d60aa95e5a7558b0a364860979ca34b7ff8aaf255b87af9e879374470cec0',
-          fromBlockchain: 'OSMOSIS',
-          to: 'OSMO',
-          toLogo: 'https://api.rango.exchange/tokens/COSMOS/OSMO.png',
-          toAddress: null,
-          toBlockchain: 'OSMOSIS'
-        }]
-      }],
-      recommendedSlippage: null,
-      timeStat: {
-        min: 6,
-        avg: 40,
-        max: 241
-      },
-      includesDestinationTx: false
-    }]
-  },
-  validateBalanceOrFee: true,
-  steps: [{
-    id: 1,
-    fromBlockchain: 'OSMOSIS',
-    fromSymbol: 'JUNO',
-    fromSymbolAddress: 'ibc/46b44899322f3cd854d2d46deef881958467cdd4b3b10086da49296bbed94bed',
-    fromDecimals: 6,
-    fromAmountPrecision: null,
-    fromAmountMinValue: null,
-    swapperLogo: '',
-    swapperType: '',
-    fromAmountMaxValue: null,
-    toBlockchainLogo: 'https://api.rango.exchange/swappers/osmosis.png',
-    fromBlockchainLogo: 'https://api.rango.exchange/swappers/osmosis.png',
-    toBlockchain: 'OSMOSIS',
-    fromLogo: 'https://api.rango.exchange/tokens/COSMOS/JUNO.png',
-    toSymbol: 'OSMO',
-    toSymbolAddress: null,
-    toDecimals: 6,
-    toLogo: 'https://api.rango.exchange/i/mJQPS2',
-    startTransactionTime: 1673164519916,
-    swapperId: 'Osmosis',
-    expectedOutputAmountHumanReadable: '1.540670',
-    outputAmount: '1.540658',
-    status: 'success',
-    networkStatus: null,
-    executedTransactionId: '0f8f17eecc863c2d6be65ef52cfe3128ff3cd7baeddf133160bea8ccdfbf876b',
-    explorerUrl: [{
-      url: 'https://www.mintscan.io/osmosis/txs/0f8f17eecc863c2d6be65ef52cfe3128ff3cd7baeddf133160bea8ccdfbf876b',
-      description: null
-    }],
-    cosmosTransaction: {
-      type: TransactionType.COSMOS,
-      fromWalletAddress: 'osmo1unf2rcytjxfpz8x8ar63h4qeftadptg5t0nqcl',
-      blockChain: 'OSMOSIS',
-      data: {
-        chainId: 'osmosis-1',
-        account_number: 102721,
-        sequence: '308',
-        msgs: [{
-          __type: 'OsmosisSwapMessage',
-          type: 'osmosis/gamm/swap-exact-amount-in',
-          value: {
-            sender: 'osmo1unf2rcytjxfpz8x8ar63h4qeftadptg5t0nqcl',
-            routes: [{
-              pool_id: '498',
-              token_out_denom: 'ibc/27394FB092D2ECCD56123C74F36E4C1F926001CEADA9CA97EA622B25F41E5EB2'
-            }, {
-              pool_id: '8',
-              token_out_denom: 'ibc/7C4D60AA95E5A7558B0A364860979CA34B7FF8AAF255B87AF9E879374470CEC0'
-            }, {
-              pool_id: '7',
-              token_out_denom: 'uosmo'
-            }],
-            token_in: {
-              denom: 'ibc/46B44899322F3CD854D2D46DEEF881958467CDD4B3B10086DA49296BBED94BED',
-              amount: '1000000'
-            },
-            token_out_min_amount: '1525264'
-          }
-        }],
-        protoMsgs: [{
-          type_url: '/osmosis.gamm.v1beta1.MsgSwapExactAmountIn',
-          value: [10, 43, 111, 115, 109, 111, 49, 117, 110, 102, 50, 114, 99, 121, 116, 106, 120, 102, 112, 122, 56, 120, 56, 97, 114, 54, 51, 104, 52, 113, 101, 102, 116, 97, 100, 112, 116, 103, 53, 116, 48, 110, 113, 99, 108, 18, 73, 8, -14, 3, 18, 68, 105, 98, 99, 47, 50, 55, 51, 57, 52, 70, 66, 48, 57, 50, 68, 50, 69, 67, 67, 68, 53, 54, 49, 50, 51, 67, 55, 52, 70, 51, 54, 69, 52, 67, 49, 70, 57, 50, 54, 48, 48, 49, 67, 69, 65, 68, 65, 57, 67, 65, 57, 55, 69, 65, 54, 50, 50, 66, 50, 53, 70, 52, 49, 69, 53, 69, 66, 50, 18, 72, 8, 8, 18, 68, 105, 98, 99, 47, 55, 67, 52, 68, 54, 48, 65, 65, 57, 53, 69, 53, 65, 55, 53, 53, 56, 66, 48, 65, 51, 54, 52, 56, 54, 48, 57, 55, 57, 67, 65, 51, 52, 66, 55, 70, 70, 56, 65, 65, 70, 50, 53, 53, 66, 56, 55, 65, 70, 57, 69, 56, 55, 57, 51, 55, 52, 52, 55, 48, 67, 69, 67, 48, 18, 9, 8, 7, 18, 5, 117, 111, 115, 109, 111, 26, 79, 10, 68, 105, 98, 99, 47, 52, 54, 66, 52, 52, 56, 57, 57, 51, 50, 50, 70, 51, 67, 68, 56, 53, 52, 68, 50, 68, 52, 54, 68, 69, 69, 70, 56, 56, 49, 57, 53, 56, 52, 54, 55, 67, 68, 68, 52, 66, 51, 66, 49, 48, 48, 56, 54, 68, 65, 52, 57, 50, 57, 54, 66, 66, 69, 68, 57, 52, 66, 69, 68, 18, 7, 49, 48, 48, 48, 48, 48, 48, 34, 7, 49, 53, 50, 53, 50, 54, 52]
-        }],
-        memo: '',
-        source: null,
-        fee: {
-          gas: '900000',
-          amount: [{
-            denom: 'uosmo',
-            amount: '0'
-          }]
-        },
-        signType: 'AMINO',
-        rpcUrl: ''
-      },
-      rawTransfer: null
-    },
-    solanaTransaction: null,
-    evmTransaction: null,
-    evmApprovalTransaction: null,
-    transferTransaction: null,
-    diagnosisUrl: null,
-    internalSteps: null
-  }]
-}];
+  });
+  return result.sort((a, b) => Number(b.swap.creationTime) - Number(a.swap.creationTime));
+};
+
 function HistoryPage() {
+  const setSelectedSwap = useUiStore.use.setSelectedSwap();
   const navigate = useNavigate();
   const {
     navigateBackFrom
   } = useNavigateBack();
-  return React.createElement(History, {
-    list: pendingSwap,
-    onSwapClick: navigate.bind(null, navigationRoutes.swapDetails),
-    onBack: navigateBackFrom.bind(null, navigationRoutes.history)
+  const {
+    manager
+  } = useManager();
+  const pendingSwaps = getPendingSwaps(manager).map(_ref => {
+    let {
+      swap
+    } = _ref;
+    return swap;
+  });
+  return React.createElement(History
+  //todo: move PendingSwap type to rango-types
+  //@ts-ignore
+  , {
+    //todo: move PendingSwap type to rango-types
+    //@ts-ignore
+    list: pendingSwaps,
+    onSwapClick: requestId => {
+      setSelectedSwap(requestId);
+      navigate(navigationRoutes.swaps + `/${requestId}`);
+    },
+    onBack: navigateBackFrom.bind(null, navigationRoutes.swaps)
   });
 }
 
@@ -2667,7 +2113,9 @@ function ConfirmWalletsPage() {
     swap: bestRoute,
     fromAmount: fromAmount,
     toAmount: toAmount,
-    onConfirm: navigate.bind(null, navigationRoutes.confirmSwap),
+    onConfirm: () => navigate(navigationRoutes.confirmSwap, {
+      replace: true
+    }),
     onChange: wallet => setSelectedWallet(wallet),
     confirmDisabled: confirmDisabled,
     handleConnectChain: wallet => handleConnectChain(wallet),
@@ -2675,475 +2123,49 @@ function ConfirmWalletsPage() {
   });
 }
 
-//TODO: remove mock data after queue manager integration
-const pendingSwap$1 = {
-  creationTime: '1675837879344',
-  finishTime: '1675842500799',
-  requestId: 'c40b81cd-fdac-4dad-bfef-1c7b2cff715f',
-  inputAmount: '2',
-  wallets: {
-    POLYGON: {
-      walletType: 'metamask',
-      address: '0x2702d89c1c8658b49c45dd460deebcc45faec03c'
-    },
-    SOLANA: {
-      walletType: 'phantom',
-      address: '9QoVnPEHj5HNL4cVicXUF8CVmyhBxTDqUUigVn3UPWwk'
+function useCopyToClipboard(resetInterval) {
+  const [isCopied, setCopied] = React.useState(false);
+  const handleCopy = React.useCallback(text => {
+    copy(text.toString());
+    setCopied(true);
+  }, []);
+  React.useEffect(() => {
+    let timeout;
+    if (isCopied && resetInterval) {
+      timeout = setTimeout(() => setCopied(false), resetInterval);
     }
-  },
-  status: 'success',
-  isPaused: false,
-  extraMessage: null,
-  extraMessageSeverity: 'info',
-  extraMessageDetail: '',
-  extraMessageErrorCode: null,
-  networkStatusExtraMessage: '',
-  networkStatusExtraMessageDetail: '',
-  lastNotificationTime: null,
-  settings: {
-    slippage: '13.0',
-    disabledSwappersIds: ['PancakeSwapBsc', 'ThorChain', 'Horizon Bridge', 'OneInchOptimism', 'OneInchGnosis', 'OneInchBsc', 'OneInchArbitrum', 'OpenOceanFantom', 'SushiHarmony', 'SushiArbitrum', 'OkcSwap', 'CherrySwap', 'Osmosis', 'SolanaWrapper', 'Jupiter', 'stargate', 'AnySwap', 'Satellite', 'Diffusion', 'JunoSwap', 'PangolinSwap', 'MMFinance', 'CronaSwap', 'VVSFinance', 'MDexHeco', 'ParaSwap Polygon', 'ParaSwap Bsc', 'ParaSwap Avalanche', 'AuroraSwap', 'Across', 'Arbitrum Bridge', 'TrisolarisSwap', 'Polygon Bridge', 'SpookySwap', 'Rainbow Bridge', 'Lido', 'Symbiosis', 'Avalanche Bridge', 'VoltageSwap', 'Stargate Aggregator', 'Across Aggregator', 'THORChain Aggregator', 'CBridge Aggregator', 'AnySwap Aggregator', 'Hyphen Aggregator', 'Optimism Bridge', 'OolongSwap', 'QuickSwap', 'StellaSwap', 'Hyphen', 'ViperSwap', 'cBridge v2.0', 'FinKujira', 'Hop', 'BeamSwap', 'SolarbeamSwap', 'Sifchain', 'Wormhole', 'EthUniSwapV2', 'OneInchPolygon'],
-    disabledSwappersGroups: []
-  },
-  simulationResult: {
-    outputAmount: '0.084249153',
-    swaps: [{
-      swapperId: 'QuickSwap',
-      swapperLogo: 'https://api.rango.exchange/swappers/quick-swap.png',
-      swapperType: 'DEX',
-      from: {
-        symbol: 'USDC',
-        logo: 'https://api.rango.exchange/i/ns0AMf',
-        blockchainLogo: 'https://api.rango.exchange/blockchains/polygon.svg',
-        address: '0x2791bca1f2de4661ed88a30c99a7a9449aa84174',
-        blockchain: 'POLYGON',
-        decimals: 6,
-        usdPrice: 0.999792
-      },
-      to: {
-        symbol: 'SOL',
-        logo: 'https://api.rango.exchange/i/YhJ1nK',
-        blockchainLogo: 'https://api.rango.exchange/blockchains/polygon.svg',
-        address: '0xd93f7e271cb87c23aaa73edc008a79646d1f9912',
-        blockchain: 'POLYGON',
-        decimals: 9,
-        usdPrice: 23.700913462284028
-      },
-      fromAmount: '2.000000',
-      fromAmountPrecision: null,
-      fromAmountMinValue: null,
-      fromAmountMaxValue: null,
-      fromAmountRestrictionType: null,
-      toAmount: '0.084249153',
-      fee: [{
-        asset: {
-          blockchain: 'POLYGON',
-          symbol: 'USDC',
-          address: '0x2791bca1f2de4661ed88a30c99a7a9449aa84174'
-        },
-        expenseType: 'DECREASE_FROM_OUTPUT',
-        amount: '0.006000000000000000124900090270330110797658562660217285156250000000',
-        name: 'Swapper Fee'
-      }, {
-        asset: {
-          blockchain: 'POLYGON',
-          symbol: 'MATIC',
-          address: null
-        },
-        expenseType: 'FROM_SOURCE_WALLET',
-        amount: '0.032758180196833611',
-        name: 'Network Fee'
-      }],
-      estimatedTimeInSeconds: 60,
-      swapChainType: 'INTER_CHAIN',
-      routes: [{
-        nodes: [{
-          nodes: [{
-            marketName: 'QuickSwap',
-            marketId: 'QuickSwap',
-            percent: 1
-          }],
-          from: 'USDC',
-          fromLogo: '',
-          fromAddress: '0x2791bca1f2de4661ed88a30c99a7a9449aa84174',
-          fromBlockchain: 'POLYGON',
-          to: 'SOL',
-          toLogo: '',
-          toAddress: '0xd93f7e271cb87c23aaa73edc008a79646d1f9912',
-          toBlockchain: 'POLYGON'
-        }]
-      }],
-      recommendedSlippage: null,
-      warnings: [],
-      timeStat: {
-        min: 7,
-        avg: 59,
-        max: 736
-      },
-      includesDestinationTx: false,
-      internalSwaps: null,
-      maxRequiredSign: 1,
-      fromAsset: {
-        blockchain: 'POLYGON',
-        symbol: 'USDC',
-        address: '0x2791bca1f2de4661ed88a30c99a7a9449aa84174'
-      },
-      toAsset: {
-        blockchain: 'POLYGON',
-        symbol: 'SOL',
-        address: '0xd93f7e271cb87c23aaa73edc008a79646d1f9912'
-      }
-    }, {
-      swapperId: 'Wormhole',
-      swapperLogo: 'https://api.rango.exchange/swappers/wormhole.png',
-      swapperType: 'BRIDGE',
-      from: {
-        symbol: 'SOL',
-        logo: 'https://api.rango.exchange/i/YhJ1nK',
-        blockchainLogo: 'https://api.rango.exchange/blockchains/polygon.svg',
-        address: '0xd93f7e271cb87c23aaa73edc008a79646d1f9912',
-        blockchain: 'POLYGON',
-        decimals: 9,
-        usdPrice: 23.700913462284028
-      },
-      to: {
-        symbol: 'SOL',
-        logo: 'https://api.rango.exchange/i/eLHYrb',
-        blockchainLogo: 'https://api.rango.exchange/blockchains/solana.svg',
-        address: null,
-        blockchain: 'SOLANA',
-        decimals: 9,
-        usdPrice: 23.97093428787272
-      },
-      fromAmount: '0.084249153',
-      fromAmountPrecision: null,
-      fromAmountMinValue: null,
-      fromAmountMaxValue: null,
-      fromAmountRestrictionType: null,
-      toAmount: '0.084249153',
-      fee: [{
-        asset: {
-          blockchain: 'POLYGON',
-          symbol: 'MATIC',
-          address: null
-        },
-        expenseType: 'FROM_SOURCE_WALLET',
-        amount: '0.042205949048288939',
-        name: 'Network Fee'
-      }, {
-        asset: {
-          blockchain: 'SOLANA',
-          symbol: 'SOL',
-          address: null
-        },
-        expenseType: 'FROM_DESTINATION_WALLET',
-        amount: '0.000070000',
-        name: 'Swapper Fee'
-      }],
-      estimatedTimeInSeconds: 150,
-      swapChainType: 'INTRA_CHAIN',
-      routes: null,
-      recommendedSlippage: null,
-      warnings: [],
-      timeStat: {
-        min: 42,
-        avg: 146,
-        max: 5582
-      },
-      includesDestinationTx: true,
-      internalSwaps: null,
-      maxRequiredSign: 6,
-      fromAsset: {
-        blockchain: 'POLYGON',
-        symbol: 'SOL',
-        address: '0xd93f7e271cb87c23aaa73edc008a79646d1f9912'
-      },
-      toAsset: {
-        blockchain: 'SOLANA',
-        symbol: 'SOL',
-        address: null
-      }
-    }],
-    resultType: 'OK'
-  },
-  validateBalanceOrFee: true,
-  steps: [{
-    id: 1,
-    fromBlockchain: 'POLYGON',
-    fromSymbol: 'USDC',
-    fromSymbolAddress: '0x2791bca1f2de4661ed88a30c99a7a9449aa84174',
-    fromDecimals: 6,
-    fromAmountPrecision: null,
-    fromAmountMinValue: null,
-    fromAmountMaxValue: null,
-    toBlockchain: 'POLYGON',
-    fromLogo: 'https://api.rango.exchange/i/ns0AMf',
-    fromBlockchainLogo: 'https://api.rango.exchange/blockchains/polygon.svg',
-    toBlockchainLogo: 'https://api.rango.exchange/blockchains/solana.svg',
-    toSymbol: 'SOL',
-    toSymbolAddress: '0xd93f7e271cb87c23aaa73edc008a79646d1f9912',
-    toDecimals: 9,
-    toLogo: 'https://api.rango.exchange/i/YhJ1nK',
-    startTransactionTime: 1675837904769,
-    swapperId: 'QuickSwap',
-    swapperLogo: 'https://api.rango.exchange/swappers/quick-swap.png',
-    expectedOutputAmountHumanReadable: '0.084249153',
-    outputAmount: '0.084206923',
-    status: 'success',
-    networkStatus: 'networkChanged',
-    executedTransactionId: '0xb2a6b1b497b660bd58d8583d05425ea1b89fa19efc18c9b3baa501abf5f8cee9',
-    externalTransactionId: null,
-    explorerUrl: [{
-      url: 'https://polygonscan.com/tx/0xb2a6b1b497b660bd58d8583d05425ea1b89fa19efc18c9b3baa501abf5f8cee9',
-      description: 'swap'
-    }],
-    trackingCode: null,
-    cosmosTransaction: null,
-    solanaTransaction: null,
-    evmTransaction: {
-      type: 'EVM',
-      blockChain: 'POLYGON',
-      isApprovalTx: false,
-      from: '0x2702d89c1c8658b49c45dd460deebcc45faec03c',
-      to: '0x38F7Aa5370439E879370E24AdD063a11Bd74610D',
-      spender: null,
-      data: '0xa60fdfb60000000000000000000000002791bca1f2de4661ed88a30c99a7a9449aa84174000000000000000000000000d93f7e271cb87c23aaa73edc008a79646d1f991200000000000000000000000000000000000000000000000000000000001e84800000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000020000000000000000000000000a5e0829caced8ffdd4de3c43696c57f7d7a678ff0000000000000000000000000000000000000000000000000000000000000040000000000000000000000000000000000000000000000000000000000000010438ed173900000000000000000000000000000000000000000000000000000000001e848000000000000000000000000000000000000000000000000000000000045e6b7b00000000000000000000000000000000000000000000000000000000000000a000000000000000000000000038f7aa5370439e879370e24add063a11bd74610d0000000000000000000000000000000000000000000000000000000063e348d800000000000000000000000000000000000000000000000000000000000000020000000000000000000000002791bca1f2de4661ed88a30c99a7a9449aa84174000000000000000000000000d93f7e271cb87c23aaa73edc008a79646d1f991200000000000000000000000000000000000000000000000000000000',
-      value: null,
-      gasLimit: '0x62f20',
-      gasPrice: '247516799843',
-      nonce: null
-    },
-    evmApprovalTransaction: null,
-    transferTransaction: null,
-    diagnosisUrl: null,
-    internalSteps: null
-  }, {
-    id: 2,
-    fromBlockchain: 'POLYGON',
-    fromSymbol: 'SOL',
-    fromSymbolAddress: '0xd93f7e271cb87c23aaa73edc008a79646d1f9912',
-    fromDecimals: 9,
-    fromAmountPrecision: null,
-    fromAmountMinValue: null,
-    fromAmountMaxValue: null,
-    toBlockchain: 'SOLANA',
-    fromLogo: 'https://api.rango.exchange/i/YhJ1nK',
-    fromBlockchainLogo: 'https://api.rango.exchange/blockchains/polygon.svg',
-    toBlockchainLogo: 'https://api.rango.exchange/blockchains/solana.svg',
-    toSymbol: 'SOL',
-    toSymbolAddress: null,
-    toDecimals: 9,
-    toLogo: 'https://api.rango.exchange/i/eLHYrb',
-    startTransactionTime: 1675842459076,
-    swapperId: 'Wormhole',
-    swapperLogo: 'https://api.rango.exchange/swappers/wormhole.png',
-    expectedOutputAmountHumanReadable: '0.084249153',
-    outputAmount: '0.08420692',
-    status: 'failed',
-    networkStatus: 'networkChanged',
-    executedTransactionId: '5MGhqrNRwRKkHGU11S37mgF7LscXWhAvwBeAWEdxcmV9AD6bNqig6iCCzC4mKBH41JBexKb6kj4axLfcH4XZQsT9',
-    externalTransactionId: null,
-    explorerUrl: [{
-      url: 'https://solscan.io/tx/2wvqHEy5hCDfpwZM5sZhBpFxXZL7p6PRqpDdCZGpGF85deGQU9oiBC9Jgoszdo8x9hjkySktGPYzubcXP8pxW3H4',
-      description: 'Associate Token'
-    }, {
-      url: 'https://polygonscan.com/tx/0xcdd0c684fc203d41a0eaacfba2201ab0a48845bb6d0f0805fb4a70a0f971a599',
-      description: 'Transfer'
-    }, {
-      url: 'https://solscan.io/tx/5rc5EHfMrChB749RsJew1ze35yQMddafkQqy5JFqcdKPJ6j2NiggGT7UDmFDAXzP2AwHGyFj2XjaYr7RQjjc1KmH',
-      description: 'Verify vaa 1'
-    }, {
-      url: 'https://solscan.io/tx/5xNgHvdzu63fmF7uojrHuqcHC3NgErpdGiSg38X7KZ7EEjTyPWt8W1QUtuyUFcNcSjGkFGrGzfnkRUbe4Hj6oY2v',
-      description: 'Verify vaa 2'
-    }, {
-      url: 'https://solscan.io/tx/3FnXLYwwpc93o2TyjKNDfiBcRDZ9W1qJVdmCjTRw3kz4Jrwjr5zQzLSbsbbBzqFNMSxBFcUDaiQ7pP4DL5coUGq',
-      description: 'Post vaa'
-    }, {
-      url: 'https://solscan.io/tx/5MGhqrNRwRKkHGU11S37mgF7LscXWhAvwBeAWEdxcmV9AD6bNqig6iCCzC4mKBH41JBexKb6kj4axLfcH4XZQsT9',
-      description: 'Redeem'
-    }],
-    trackingCode: null,
-    cosmosTransaction: null,
-    solanaTransaction: {
-      type: 'SOLANA',
-      blockChain: 'SOLANA',
-      from: '9QoVnPEHj5HNL4cVicXUF8CVmyhBxTDqUUigVn3UPWwk',
-      identifier: 'redeem',
-      instructions: [{
-        keys: [{
-          pubkey: '9QoVnPEHj5HNL4cVicXUF8CVmyhBxTDqUUigVn3UPWwk',
-          isSigner: true,
-          isWritable: true
-        }, {
-          pubkey: 'DapiQYH3BGonhN8cngWcXQ6SrqSm3cwysoznoHr6Sbsx',
-          isSigner: false,
-          isWritable: false
-        }, {
-          pubkey: 'Wf8aqunuZ9y1tprCihMateij299Pa57XL15a6EQz9qt',
-          isSigner: false,
-          isWritable: false
-        }, {
-          pubkey: 'FTWSFuqyc6B5BbarBzuHdBofA2ks12eyRNmUfKmDiUN1',
-          isSigner: false,
-          isWritable: true
-        }, {
-          pubkey: 'J6fNPeeJc1E2zDRUtvD9aaC9kBsEq7JaFr1oa97DAJhj',
-          isSigner: false,
-          isWritable: false
-        }, {
-          pubkey: '8nUPRxuXUJPbWiCbqCPrVLkmXqR8LdifLrRW3VjCQDhZ',
-          isSigner: false,
-          isWritable: true
-        }, {
-          pubkey: '8nUPRxuXUJPbWiCbqCPrVLkmXqR8LdifLrRW3VjCQDhZ',
-          isSigner: false,
-          isWritable: true
-        }, {
-          pubkey: '2nQNF8F9LLWMqdjymiLK2u8HoHMvYa4orCXsp3w65fQ2',
-          isSigner: false,
-          isWritable: true
-        }, {
-          pubkey: 'So11111111111111111111111111111111111111112',
-          isSigner: false,
-          isWritable: false
-        }, {
-          pubkey: 'GugU1tP7doLeTw9hQP51xRJyS8Da1fWxuiy2rVrnMD2m',
-          isSigner: false,
-          isWritable: false
-        }, {
-          pubkey: 'SysvarRent111111111111111111111111111111111',
-          isSigner: false,
-          isWritable: false
-        }, {
-          pubkey: '11111111111111111111111111111111',
-          isSigner: false,
-          isWritable: false
-        }, {
-          pubkey: 'worm2ZoG2kUd4vFXhvjh93UUH596ayRfgQ2MgjNMTth',
-          isSigner: false,
-          isWritable: false
-        }, {
-          pubkey: 'TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA',
-          isSigner: false,
-          isWritable: false
-        }],
-        programId: 'wormDTUJ6AWPNvk59vGQbDvGJmqbDTdgWgAqcLBCgUb',
-        data: [2]
-      }, {
-        keys: [{
-          pubkey: '9QoVnPEHj5HNL4cVicXUF8CVmyhBxTDqUUigVn3UPWwk',
-          isSigner: true,
-          isWritable: true
-        }, {
-          pubkey: '72pK2FqwMYPr9ajAhzLNQq8e5S2Rf33MGpVXxdXwCT6V',
-          isSigner: true,
-          isWritable: true
-        }],
-        programId: '11111111111111111111111111111111',
-        data: [0, 0, 0, 0, -16, 29, 31, 0, 0, 0, 0, 0, -91, 0, 0, 0, 0, 0, 0, 0, 6, -35, -10, -31, -41, 101, -95, -109, -39, -53, -31, 70, -50, -21, 121, -84, 28, -76, -123, -19, 95, 91, 55, -111, 58, -116, -11, -123, 126, -1, 0, -87]
-      }, {
-        keys: [{
-          pubkey: '72pK2FqwMYPr9ajAhzLNQq8e5S2Rf33MGpVXxdXwCT6V',
-          isSigner: false,
-          isWritable: true
-        }, {
-          pubkey: 'So11111111111111111111111111111111111111112',
-          isSigner: false,
-          isWritable: false
-        }, {
-          pubkey: '9QoVnPEHj5HNL4cVicXUF8CVmyhBxTDqUUigVn3UPWwk',
-          isSigner: false,
-          isWritable: false
-        }, {
-          pubkey: 'SysvarRent111111111111111111111111111111111',
-          isSigner: false,
-          isWritable: false
-        }],
-        programId: 'TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA',
-        data: [1]
-      }, {
-        keys: [{
-          pubkey: '8nUPRxuXUJPbWiCbqCPrVLkmXqR8LdifLrRW3VjCQDhZ',
-          isSigner: false,
-          isWritable: true
-        }, {
-          pubkey: '72pK2FqwMYPr9ajAhzLNQq8e5S2Rf33MGpVXxdXwCT6V',
-          isSigner: false,
-          isWritable: true
-        }, {
-          pubkey: '9QoVnPEHj5HNL4cVicXUF8CVmyhBxTDqUUigVn3UPWwk',
-          isSigner: true,
-          isWritable: false
-        }],
-        programId: 'TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA',
-        data: [3, 72, -27, 4, 5, 0, 0, 0, 0]
-      }, {
-        keys: [{
-          pubkey: '72pK2FqwMYPr9ajAhzLNQq8e5S2Rf33MGpVXxdXwCT6V',
-          isSigner: false,
-          isWritable: true
-        }, {
-          pubkey: '9QoVnPEHj5HNL4cVicXUF8CVmyhBxTDqUUigVn3UPWwk',
-          isSigner: false,
-          isWritable: true
-        }, {
-          pubkey: '9QoVnPEHj5HNL4cVicXUF8CVmyhBxTDqUUigVn3UPWwk',
-          isSigner: true,
-          isWritable: false
-        }],
-        programId: 'TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA',
-        data: [9]
-      }],
-      recentBlockhash: '2wBCvR3jVNj6wzL8vHSuqTRtxBYiwhtoY6Gkp6WaBxSG',
-      signatures: [{
-        publicKey: '72pK2FqwMYPr9ajAhzLNQq8e5S2Rf33MGpVXxdXwCT6V',
-        signature: [-116, 17, -5, 86, -122, 120, -7, -53, -29, -15, -70, -100, 16, 48, 113, -42, 8, 126, 75, -13, 63, -31, -17, 1, 74, 85, 77, 90, 98, -15, 104, 63, 4, -74, 45, -3, -3, -117, -24, -56, 20, -89, -40, 33, 125, -120, -44, -75, 17, 69, 20, -48, 106, 48, 16, -19, 83, 123, -77, 93, -20, -27, -77, 7]
-      }],
-      serializedMessage: null
-    },
-    evmTransaction: null,
-    evmApprovalTransaction: null,
-    transferTransaction: null,
-    diagnosisUrl: null,
-    internalSteps: [{
-      name: 'associate token address',
-      state: 'SUCCESSED',
-      current: false
-    }, {
-      name: 'transfer',
-      state: 'SUCCESSED',
-      current: false
-    }, {
-      name: 'signed vaa',
-      state: 'SUCCESSED',
-      current: false
-    }, {
-      name: 'verify vaa#1',
-      state: 'SUCCESSED',
-      current: false
-    }, {
-      name: 'verify vaa#2',
-      state: 'SUCCESSED',
-      current: false
-    }, {
-      name: 'post vaa',
-      state: 'SUCCESSED',
-      current: false
-    }, {
-      name: 'redeem',
-      state: 'SUCCESSED',
-      current: true
-    }]
-  }]
-};
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [isCopied, resetInterval]);
+  return [isCopied, handleCopy];
+}
 
 function SwapDetailsPage() {
+  const selectedSwapRequestId = useUiStore.use.selectedSwapRequestId();
   const {
     navigateBackFrom
   } = useNavigateBack();
+  const {
+    manager
+  } = useManager();
+  const [isCopied, handleCopy] = useCopyToClipboard(2000);
+  const pendingSwaps = getPendingSwaps(manager);
+  const selectedSwap = pendingSwaps.find(_ref => {
+    let {
+      swap
+    } = _ref;
+    return swap.requestId === selectedSwapRequestId;
+  })?.swap;
   return React.createElement(SwapHistory, {
     onBack: navigateBackFrom.bind(null, navigationRoutes.swapDetails),
-    pendingSwap: pendingSwap$1
+    //todo: move PendingSwap type to rango-types
+    //@ts-ignore
+    pendingSwap: selectedSwap,
+    onCopy: handleCopy,
+    isCopied: isCopied,
+    //todo: implement swap cancellation (move queueManager logic to queueManager/rango-preset)
+    onCancel: requestId => console.log(requestId)
   });
 }
 
@@ -3177,8 +2199,11 @@ const AppRoutes = () => useRoutes([{
   path: navigationRoutes.liquiditySources,
   element: React.createElement(LiquiditySourcePage, null)
 }, {
-  path: navigationRoutes.history,
+  path: navigationRoutes.swaps,
   element: React.createElement(HistoryPage, null)
+}, {
+  path: navigationRoutes.swapDetails,
+  element: React.createElement(SwapDetailsPage, null)
 }, {
   path: navigationRoutes.wallets,
   element: React.createElement(WalletsPage, null)
@@ -3188,9 +2213,6 @@ const AppRoutes = () => useRoutes([{
 }, {
   path: navigationRoutes.confirmWallets,
   element: React.createElement(ConfirmWalletsPage, null)
-}, {
-  path: navigationRoutes.swapDetails,
-  element: React.createElement(SwapDetailsPage, null)
 }]);
 
 const Header$1 = /*#__PURE__*/styled('div', {