@xswap-link/sdk 0.1.4 → 0.2.1

package/.github/workflows/publish.yml

@@ -27,11 +27,30 @@ jobs:
 
       - run: pnpm install
       - run: pnpm install react@18.2.0 react-dom@18.2.0 @types/react@18.2.0 @types/react-dom@18.2.0
+
       - name: Create Release Pull Request or Publish
         id: changesets
-        uses: changesets/action@v1
+        uses: xswap-link/changesets-action@v1
         with:
           publish: pnpm run release
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: Get latest created release info
+        if: steps.changesets.outputs.published == 'true'
+        id: latest_release_info
+        uses: jossef/action-latest-release-info@v1.2.1
+        env:
+          GITHUB_TOKEN: ${{ github.token }}
+
+      - name: Publish index.css
+        if: steps.changesets.outputs.published == 'true'
+        uses: actions/upload-release-asset@v1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          upload_url: ${{ steps.latest_release_info.outputs.upload_url }}
+          asset_path: ./dist/index.css
+          asset_name: index.css
+          asset_content_type: text/plain

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @xswap-link/xswap-sdk
 
+## 0.2.1
+
+### Patch Changes
+
+- 0f722ce: tx monitoring integration update
+
+## 0.2.0
+
+### Minor Changes
+
+- 3fe79fb: publish index.css while releasing new version and append css element automatically so an integrator doesn't have to
+
 ## 0.1.4
 
 ### Patch Changes

package/dist/index.css

@@ -756,6 +756,9 @@ video {
 .bg-\[rgba\(15\,15\,15\,1\)\] {
   background-color: rgba(15, 15, 15, 1);
 }
+.bg-\[rgba\(2\,2\,2\,1\)\] {
+  background-color: rgba(2, 2, 2, 1);
+}
 .bg-\[rgba\(255\,255\,255\,0\.1\)\] {
   background-color: rgba(255, 255, 255, 0.1);
 }
@@ -800,8 +803,8 @@ video {
   --tw-gradient-to: rgb(54 129 198 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.from-\[rgba\(54\,129\,198\,0\.1\)\] {
-  --tw-gradient-from: rgba(54,129,198,0.1) var(--tw-gradient-from-position);
+.from-\[rgba\(54\,129\,198\,0\.2\)\] {
+  --tw-gradient-from: rgba(54,129,198,0.2) var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(54, 129, 198, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
@@ -810,8 +813,8 @@ video {
   --tw-gradient-to: rgba(54, 129, 198, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.from-\[rgba\(76\,175\,80\,0\.1\)\] {
-  --tw-gradient-from: rgba(76,175,80,0.1) var(--tw-gradient-from-position);
+.from-\[rgba\(76\,175\,80\,0\.2\)\] {
+  --tw-gradient-from: rgba(76,175,80,0.2) var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(76, 175, 80, 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
@@ -823,14 +826,14 @@ video {
 .to-\[\#2b4a9d\] {
   --tw-gradient-to: #2b4a9d var(--tw-gradient-to-position);
 }
-.to-\[rgba\(43\,74\,157\,0\.1\)\] {
-  --tw-gradient-to: rgba(43,74,157,0.1) var(--tw-gradient-to-position);
+.to-\[rgba\(43\,74\,157\,0\.2\)\] {
+  --tw-gradient-to: rgba(43,74,157,0.2) var(--tw-gradient-to-position);
 }
 .to-\[rgba\(43\,74\,157\,1\)\] {
   --tw-gradient-to: rgba(43,74,157,1) var(--tw-gradient-to-position);
 }
-.to-\[rgba\(46\,125\,50\,0\.1\)\] {
-  --tw-gradient-to: rgba(46,125,50,0.1) var(--tw-gradient-to-position);
+.to-\[rgba\(46\,125\,50\,0\.2\)\] {
+  --tw-gradient-to: rgba(46,125,50,0.2) var(--tw-gradient-to-position);
 }
 .to-x_blue_dark {
   --tw-gradient-to: rgba(43,74,157,1) var(--tw-gradient-to-position);

package/dist/index.d.mts

@@ -291,6 +291,11 @@ declare const ROUTE_TIMEOUT_MS = 5000;
 declare const MINIMUM_DISPLAYED_TOKEN_AMOUNT = 0.0001;
 declare const DEFAULT_SOURCE_CHAIN_ID = "1";
 declare const CCIP_EXPLORER = "https://ccip.chain.link/";
+declare const TX_RECEIPT_STATUS_LIFETIME = 10000;
+declare const MSG_SENT_EVENT_SIG = "MessageSent(bytes32,uint64,address,bytes,address,uint256,uint256,address,uint256)";
+declare const MSG_SENT_EVENT_ABI: string[];
+declare const MSG_RECEIVED_EVENT_SIG = "MessageReceived(bytes32,uint64,address,bytes,address,uint256)";
+declare const MSG_RECEIVED_EVENT_ABI: string[];
 
 declare const BatchQueryAbi: ({
     inputs: {
@@ -389,8 +394,9 @@ declare function getPrices(payload: GetPricesPayload): Promise<TokenPrices>;
 
 declare const generateStakingCalls: ({ token, staking, stakingAbi, stakingFunName, stakingFunParams, }: GenerateStakingCallsParams) => ContractCall[];
 
+declare const monitorTransactionStatus: (txChainId: string, txHash: string) => Promise<void>;
+
 declare const getSwapTx: ({ dstChain, dstToken, customContractCalls, desc, }: GetSwapTxPayload) => Promise<Transactions>;
-declare const monitorTransactionStatus: (srcChainId: number, txHash: string) => Promise<void>;
 
 declare const IERC20: ethers.utils.Interface;
 declare const getBalanceOf: (wallet: string, token: string, rpcUrl: string) => Promise<string>;
@@ -424,4 +430,4 @@ declare const deepMergeObjects: (obj1: Record<string, any>, obj2: Record<string,
 declare const chunkArray: (array: any[], chunkSize: number) => any[][];
 declare const getDate: (blockTimestamp: number) => string;
 
-export { ADDRESSES, type AddReferralPayload, type Addresses, Alert, BALANCES_CHUNK_SIZE, BatchQueryAbi, type BridgeToken, CCIP_EXPLORER, type Chain, type CoinTypeAddress, type CollectFees, type ContractCall, ContractName, type Contracts, DEFAULT_ECOSYSTEM, DEFAULT_SOURCE_CHAIN_ID, DELIVERY_TIME, ERC20Abi, EXPRESS_DELIVERY_TIME, Ecosystem, Environment, type GenerateStakingCallsParams, type GetPricesPayload, type GetRoutePayload, type GetSwapTxPayload, type HistoryTransaction, IERC20, MINIMUM_DISPLAYED_TOKEN_AMOUNT, type MonitoredTransaction, NUMBER_INPUT_REGEX, type Prices, type Protocol, ROUTE_TIMEOUT_MS, type Referral, type ReferralInfo, type Route, SLIPPAGE_PRESETS, Skeleton, type Token, type TokenBalances, type TokenPrices, type Transaction, type TransactionHistory, type TransactionStatus, type Transactions, type TxConfigFormData, type TxConfigFormProps, TxHistoryButton, Web3Environment, XSwapCallType, type XSwapConfig, type XSwapFee, type XSwapFees, addTransactionToRenderedTransactions, chunkArray, deepMergeObjects, findPlaceholderIndex, generateApproveTxData, generateRandomBigNumber, generateStakingCalls, generateUniqueRandomBigNumber, getBalanceOf, getBalances, getBridgeTokens, getChainData, getChains, getDate, getHistory, getPrices, getRoute, getSwapTx, getTokens, monitorTransactionStatus, openTxConfigForm, removeTransactionFromRenderedTransactions, renderTxHistoryButtons, replaceNull, safeBigNumberFrom, shortAddress, updateTransactionDoneInRenderedTransactions, weiToHumanReadable };
+export { ADDRESSES, type AddReferralPayload, type Addresses, Alert, BALANCES_CHUNK_SIZE, BatchQueryAbi, type BridgeToken, CCIP_EXPLORER, type Chain, type CoinTypeAddress, type CollectFees, type ContractCall, ContractName, type Contracts, DEFAULT_ECOSYSTEM, DEFAULT_SOURCE_CHAIN_ID, DELIVERY_TIME, ERC20Abi, EXPRESS_DELIVERY_TIME, Ecosystem, Environment, type GenerateStakingCallsParams, type GetPricesPayload, type GetRoutePayload, type GetSwapTxPayload, type HistoryTransaction, IERC20, MINIMUM_DISPLAYED_TOKEN_AMOUNT, MSG_RECEIVED_EVENT_ABI, MSG_RECEIVED_EVENT_SIG, MSG_SENT_EVENT_ABI, MSG_SENT_EVENT_SIG, type MonitoredTransaction, NUMBER_INPUT_REGEX, type Prices, type Protocol, ROUTE_TIMEOUT_MS, type Referral, type ReferralInfo, type Route, SLIPPAGE_PRESETS, Skeleton, TX_RECEIPT_STATUS_LIFETIME, type Token, type TokenBalances, type TokenPrices, type Transaction, type TransactionHistory, type TransactionStatus, type Transactions, type TxConfigFormData, type TxConfigFormProps, TxHistoryButton, Web3Environment, XSwapCallType, type XSwapConfig, type XSwapFee, type XSwapFees, addTransactionToRenderedTransactions, chunkArray, deepMergeObjects, findPlaceholderIndex, generateApproveTxData, generateRandomBigNumber, generateStakingCalls, generateUniqueRandomBigNumber, getBalanceOf, getBalances, getBridgeTokens, getChainData, getChains, getDate, getHistory, getPrices, getRoute, getSwapTx, getTokens, monitorTransactionStatus, openTxConfigForm, removeTransactionFromRenderedTransactions, renderTxHistoryButtons, replaceNull, safeBigNumberFrom, shortAddress, updateTransactionDoneInRenderedTransactions, weiToHumanReadable };

package/dist/index.d.ts

@@ -291,6 +291,11 @@ declare const ROUTE_TIMEOUT_MS = 5000;
 declare const MINIMUM_DISPLAYED_TOKEN_AMOUNT = 0.0001;
 declare const DEFAULT_SOURCE_CHAIN_ID = "1";
 declare const CCIP_EXPLORER = "https://ccip.chain.link/";
+declare const TX_RECEIPT_STATUS_LIFETIME = 10000;
+declare const MSG_SENT_EVENT_SIG = "MessageSent(bytes32,uint64,address,bytes,address,uint256,uint256,address,uint256)";
+declare const MSG_SENT_EVENT_ABI: string[];
+declare const MSG_RECEIVED_EVENT_SIG = "MessageReceived(bytes32,uint64,address,bytes,address,uint256)";
+declare const MSG_RECEIVED_EVENT_ABI: string[];
 
 declare const BatchQueryAbi: ({
     inputs: {
@@ -389,8 +394,9 @@ declare function getPrices(payload: GetPricesPayload): Promise<TokenPrices>;
 
 declare const generateStakingCalls: ({ token, staking, stakingAbi, stakingFunName, stakingFunParams, }: GenerateStakingCallsParams) => ContractCall[];
 
+declare const monitorTransactionStatus: (txChainId: string, txHash: string) => Promise<void>;
+
 declare const getSwapTx: ({ dstChain, dstToken, customContractCalls, desc, }: GetSwapTxPayload) => Promise<Transactions>;
-declare const monitorTransactionStatus: (srcChainId: number, txHash: string) => Promise<void>;
 
 declare const IERC20: ethers.utils.Interface;
 declare const getBalanceOf: (wallet: string, token: string, rpcUrl: string) => Promise<string>;
@@ -424,4 +430,4 @@ declare const deepMergeObjects: (obj1: Record<string, any>, obj2: Record<string,
 declare const chunkArray: (array: any[], chunkSize: number) => any[][];
 declare const getDate: (blockTimestamp: number) => string;
 
-export { ADDRESSES, type AddReferralPayload, type Addresses, Alert, BALANCES_CHUNK_SIZE, BatchQueryAbi, type BridgeToken, CCIP_EXPLORER, type Chain, type CoinTypeAddress, type CollectFees, type ContractCall, ContractName, type Contracts, DEFAULT_ECOSYSTEM, DEFAULT_SOURCE_CHAIN_ID, DELIVERY_TIME, ERC20Abi, EXPRESS_DELIVERY_TIME, Ecosystem, Environment, type GenerateStakingCallsParams, type GetPricesPayload, type GetRoutePayload, type GetSwapTxPayload, type HistoryTransaction, IERC20, MINIMUM_DISPLAYED_TOKEN_AMOUNT, type MonitoredTransaction, NUMBER_INPUT_REGEX, type Prices, type Protocol, ROUTE_TIMEOUT_MS, type Referral, type ReferralInfo, type Route, SLIPPAGE_PRESETS, Skeleton, type Token, type TokenBalances, type TokenPrices, type Transaction, type TransactionHistory, type TransactionStatus, type Transactions, type TxConfigFormData, type TxConfigFormProps, TxHistoryButton, Web3Environment, XSwapCallType, type XSwapConfig, type XSwapFee, type XSwapFees, addTransactionToRenderedTransactions, chunkArray, deepMergeObjects, findPlaceholderIndex, generateApproveTxData, generateRandomBigNumber, generateStakingCalls, generateUniqueRandomBigNumber, getBalanceOf, getBalances, getBridgeTokens, getChainData, getChains, getDate, getHistory, getPrices, getRoute, getSwapTx, getTokens, monitorTransactionStatus, openTxConfigForm, removeTransactionFromRenderedTransactions, renderTxHistoryButtons, replaceNull, safeBigNumberFrom, shortAddress, updateTransactionDoneInRenderedTransactions, weiToHumanReadable };
+export { ADDRESSES, type AddReferralPayload, type Addresses, Alert, BALANCES_CHUNK_SIZE, BatchQueryAbi, type BridgeToken, CCIP_EXPLORER, type Chain, type CoinTypeAddress, type CollectFees, type ContractCall, ContractName, type Contracts, DEFAULT_ECOSYSTEM, DEFAULT_SOURCE_CHAIN_ID, DELIVERY_TIME, ERC20Abi, EXPRESS_DELIVERY_TIME, Ecosystem, Environment, type GenerateStakingCallsParams, type GetPricesPayload, type GetRoutePayload, type GetSwapTxPayload, type HistoryTransaction, IERC20, MINIMUM_DISPLAYED_TOKEN_AMOUNT, MSG_RECEIVED_EVENT_ABI, MSG_RECEIVED_EVENT_SIG, MSG_SENT_EVENT_ABI, MSG_SENT_EVENT_SIG, type MonitoredTransaction, NUMBER_INPUT_REGEX, type Prices, type Protocol, ROUTE_TIMEOUT_MS, type Referral, type ReferralInfo, type Route, SLIPPAGE_PRESETS, Skeleton, TX_RECEIPT_STATUS_LIFETIME, type Token, type TokenBalances, type TokenPrices, type Transaction, type TransactionHistory, type TransactionStatus, type Transactions, type TxConfigFormData, type TxConfigFormProps, TxHistoryButton, Web3Environment, XSwapCallType, type XSwapConfig, type XSwapFee, type XSwapFees, addTransactionToRenderedTransactions, chunkArray, deepMergeObjects, findPlaceholderIndex, generateApproveTxData, generateRandomBigNumber, generateStakingCalls, generateUniqueRandomBigNumber, getBalanceOf, getBalances, getBridgeTokens, getChainData, getChains, getDate, getHistory, getPrices, getRoute, getSwapTx, getTokens, monitorTransactionStatus, openTxConfigForm, removeTransactionFromRenderedTransactions, renderTxHistoryButtons, replaceNull, safeBigNumberFrom, shortAddress, updateTransactionDoneInRenderedTransactions, weiToHumanReadable };

package/dist/index.js

@@ -45,10 +45,15 @@ __export(src_exports, {
   Environment: () => Environment,
   IERC20: () => IERC20,
   MINIMUM_DISPLAYED_TOKEN_AMOUNT: () => MINIMUM_DISPLAYED_TOKEN_AMOUNT,
+  MSG_RECEIVED_EVENT_ABI: () => MSG_RECEIVED_EVENT_ABI,
+  MSG_RECEIVED_EVENT_SIG: () => MSG_RECEIVED_EVENT_SIG,
+  MSG_SENT_EVENT_ABI: () => MSG_SENT_EVENT_ABI,
+  MSG_SENT_EVENT_SIG: () => MSG_SENT_EVENT_SIG,
   NUMBER_INPUT_REGEX: () => NUMBER_INPUT_REGEX,
   ROUTE_TIMEOUT_MS: () => ROUTE_TIMEOUT_MS,
   SLIPPAGE_PRESETS: () => SLIPPAGE_PRESETS,
   Skeleton: () => Skeleton,
+  TX_RECEIPT_STATUS_LIFETIME: () => TX_RECEIPT_STATUS_LIFETIME,
   TxHistoryButton: () => TxHistoryButton,
   Web3Environment: () => Web3Environment,
   XSwapCallType: () => XSwapCallType,
@@ -649,6 +654,15 @@ var ROUTE_TIMEOUT_MS = 5e3;
 var MINIMUM_DISPLAYED_TOKEN_AMOUNT = 1e-4;
 var DEFAULT_SOURCE_CHAIN_ID = "1";
 var CCIP_EXPLORER = "https://ccip.chain.link/";
+var TX_RECEIPT_STATUS_LIFETIME = 1e4;
+var MSG_SENT_EVENT_SIG = "MessageSent(bytes32,uint64,address,bytes,address,uint256,uint256,address,uint256)";
+var MSG_SENT_EVENT_ABI = [
+  "event MessageSent(bytes32 indexed messageId, uint64 indexed destinationChainSelector, address indexed sender, bytes data, address token, uint256 tokenAmount, uint256 valueForInstantCcipRecieve, address transferedToken, uint256 transferedTokenAmount)"
+];
+var MSG_RECEIVED_EVENT_SIG = "MessageReceived(bytes32,uint64,address,bytes,address,uint256)";
+var MSG_RECEIVED_EVENT_ABI = [
+  "event MessageReceived(bytes32 indexed messageId, uint64 indexed sourceChainSelector, address indexed sender, bytes data, address token, uint256 tokenAmount)"
+];
 
 // src/utils/contracts.ts
 var IERC20 = new import_ethers2.ethers.utils.Interface(ERC20Abi);
@@ -855,91 +869,49 @@ var generateStakingCalls = ({
   return [stakingApproveCall, stakingCall];
 };
 
-// src/services/integrations/transactions.ts
+// src/services/integrations/monitoring.ts
 var import_ethers4 = require("ethers");
-var getSwapTx = async ({
-  dstChain,
-  dstToken,
-  customContractCalls = [],
-  desc
-}) => {
-  const supportedChains = (await getChains()).filter(
-    ({ web3Environment, swapSupported }) => web3Environment === "mainnet" /* MAINNET */ && swapSupported
-  );
-  validateSwapTxData(supportedChains, dstChain, dstToken);
-  const route = await openTxConfigForm({
-    dstChainId: dstChain,
-    dstTokenAddr: dstToken,
-    customContractCalls,
-    desc,
-    supportedChains
-  });
-  return route.transactions;
-};
-var validateSwapTxData = (supportedChains, dstChain, dstToken) => {
-  const supportedDstChain = supportedChains.find(
-    ({ chainId }) => chainId === dstChain
-  );
-  if (!supportedDstChain) {
-    throw new Error(`Provided chain '${dstChain}' is not supported`);
-  }
-  if (!supportedDstChain.tokens.some(({ address }) => address === dstToken)) {
-    throw new Error(`Provided token '${dstToken}' is not supported`);
-  }
-};
-var monitorTransactionStatus = async (srcChainId, txHash) => {
-  const txReceipt = await getTxReceipt(srcChainId, txHash);
-  if (!txReceipt) {
-    throw new Error(
-      `No transaction found for chain ${srcChainId} tx ${txHash}`
-    );
-  }
+var import_async_retry = __toESM(require("async-retry"));
+var monitorTransactionStatus = async (txChainId, txHash) => {
+  const txReceipt = await getTxReceipt(txChainId, txHash);
   const supportedChains = (await getChains()).filter(
     ({ web3Environment, swapSupported }) => web3Environment === "mainnet" /* MAINNET */ && swapSupported
   );
-  const messageSentEventSignature = "MessageSent(bytes32,uint64,address,bytes,address,uint256,uint256,address,uint256)";
-  const messageSentEventAbi = [
-    "event MessageSent(bytes32 indexed messageId, uint64 indexed destinationChainSelector, address indexed sender, bytes data, address token, uint256 tokenAmount, uint256 valueForInstantCcipRecieve, address transferedToken, uint256 transferedTokenAmount)"
-  ];
-  const messageReceivedEventSignature = "MessageReceived(bytes32,uint64,address,bytes,address,uint256)";
-  const messageReceivedEventAbi = [
-    "event MessageReceived(bytes32 indexed messageId, uint64 indexed sourceChainSelector, address indexed sender, bytes data, address token, uint256 tokenAmount)"
-  ];
   const messageSentEvent = txReceipt.logs?.find((log) => {
-    return log.topics[0] === import_ethers4.ethers.utils.id(messageSentEventSignature);
+    return log.topics[0] === import_ethers4.ethers.utils.id(MSG_SENT_EVENT_SIG);
   });
   if (!messageSentEvent) {
     throw new Error(
-      `No transaction event found for chain ${srcChainId} tx ${txHash}`
+      `No transaction event found for chain ${txChainId} tx ${txHash}`
     );
   }
   const messageId = messageSentEvent?.topics[1];
-  const iface = new import_ethers4.ethers.utils.Interface(messageSentEventAbi);
+  const iface = new import_ethers4.ethers.utils.Interface(MSG_SENT_EVENT_ABI);
   const decodedMessageSentEvent = iface.parseLog(messageSentEvent);
   if (!decodedMessageSentEvent) {
     throw new Error(
-      `No transaction event arguments found for chain ${srcChainId} tx ${txHash}`
+      `No transaction event arguments found for chain ${txChainId} tx ${txHash}`
     );
   }
   const srcChain = supportedChains.find(
-    (chain) => chain.chainId === srcChainId.toString()
+    (chain) => chain.chainId === txChainId.toString()
   );
   const srcToken = srcChain?.tokens.find(
     (token) => token.address === decodedMessageSentEvent.args?.token.toString()
   );
-  const targetChain = supportedChains.find(
+  const dstChain = supportedChains.find(
     (chain) => chain.ccipChainId === decodedMessageSentEvent.args?.destinationChainSelector?.toString()
   );
-  const toChainId = targetChain?.chainId;
-  if (!toChainId) {
+  const dstChainId = dstChain?.chainId;
+  if (!dstChainId) {
     throw new Error(`Unknown destination chain!`);
   }
   const transaction = {
     txHash,
     fromChain: srcChain?.displayName,
     fromChainImage: srcChain?.image,
-    toChain: targetChain.displayName,
-    toChainImage: targetChain.image,
+    toChain: dstChain.displayName,
+    toChainImage: dstChain.image,
     fromToken: srcToken?.symbol,
     fromTokenImage: srcToken?.image,
     fromAmount: weiToHumanReadable({
@@ -952,41 +924,83 @@ var monitorTransactionStatus = async (srcChainId, txHash) => {
   };
   addTransactionToRenderedTransactions(transaction);
   renderTxHistoryButtons();
-  const xSwapRouterOnDestinationAddress = ADDRESSES[toChainId]?.XSwapRouter;
+  const xSwapRouterOnDestinationAddress = ADDRESSES[dstChainId]?.XSwapRouter;
   if (!xSwapRouterOnDestinationAddress) {
     throw new Error(`Unknown destination XSwapRouter!`);
   }
   const xSwapRouterOnDestination = new import_ethers4.ethers.Contract(
     xSwapRouterOnDestinationAddress,
-    messageReceivedEventAbi,
+    MSG_RECEIVED_EVENT_ABI,
     import_ethers4.ethers.getDefaultProvider(
-      supportedChains.find((chain) => chain.chainId === toChainId)?.publicRpcUrls[0]
+      supportedChains.find((chain) => chain.chainId === dstChainId)?.publicRpcUrls[0]
     )
   );
-  const eventFilter = {
+  const msgReceivedEventFilter = {
     address: xSwapRouterOnDestinationAddress,
-    topics: [import_ethers4.ethers.utils.id(messageReceivedEventSignature), messageId]
+    topics: [import_ethers4.ethers.utils.id(MSG_RECEIVED_EVENT_SIG), messageId]
   };
   const onSuccess = async () => {
     updateTransactionDoneInRenderedTransactions(txHash);
     renderTxHistoryButtons();
-    await new Promise((resolve) => setTimeout(() => resolve(true), 5e3));
+    await new Promise(
+      (resolve) => setTimeout(() => resolve(true), TX_RECEIPT_STATUS_LIFETIME)
+    );
     removeTransactionFromRenderedTransactions(txHash);
     renderTxHistoryButtons();
   };
-  xSwapRouterOnDestination.once(eventFilter, () => onSuccess());
+  xSwapRouterOnDestination.once(msgReceivedEventFilter, () => onSuccess());
 };
 var getTxReceipt = async (txChainId, txHash) => {
-  const chains = await getChains();
-  const chain = chains.find((chain2) => chain2.chainId === txChainId.toString());
-  const provider = new import_ethers4.ethers.providers.JsonRpcProvider(
-    chain?.publicRpcUrls[0]
-  );
   try {
-    return await provider.getTransactionReceipt(txHash);
-  } catch (error) {
-    console.error("Error fetching transaction receipt:", error);
-    return null;
+    const chain = (await getChains()).find(
+      (chain2) => chain2.chainId === txChainId
+    );
+    const provider = new import_ethers4.ethers.providers.JsonRpcProvider(
+      chain?.publicRpcUrls[0]
+    );
+    return await (0, import_async_retry.default)(async () => {
+      const txReceipt = await provider.getTransactionReceipt(txHash);
+      if (!txReceipt) {
+        throw new Error(`Couldn't fetch tx receipt`);
+      }
+      return txReceipt;
+    });
+  } catch (e) {
+    throw new Error(
+      `Couldn't fetch tx ${txHash} receipt on chain ${txChainId}`
+    );
+  }
+};
+
+// src/services/integrations/transactions.ts
+var getSwapTx = async ({
+  dstChain,
+  dstToken,
+  customContractCalls = [],
+  desc
+}) => {
+  const supportedChains = (await getChains()).filter(
+    ({ web3Environment, swapSupported }) => web3Environment === "mainnet" /* MAINNET */ && swapSupported
+  );
+  validateSwapTxData(supportedChains, dstChain, dstToken);
+  const route = await openTxConfigForm({
+    dstChainId: dstChain,
+    dstTokenAddr: dstToken,
+    customContractCalls,
+    desc,
+    supportedChains
+  });
+  return route.transactions;
+};
+var validateSwapTxData = (supportedChains, dstChain, dstToken) => {
+  const supportedDstChain = supportedChains.find(
+    ({ chainId }) => chainId === dstChain
+  );
+  if (!supportedDstChain) {
+    throw new Error(`Provided chain '${dstChain}' is not supported`);
+  }
+  if (!supportedDstChain.tokens.some(({ address }) => address === dstToken)) {
+    throw new Error(`Provided token '${dstToken}' is not supported`);
   }
 };
 
@@ -995,14 +1009,12 @@ var import_react = require("react");
 var useDebounce = (value, delay) => {
   const timeoutRef = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
-    if (timeoutRef.current)
-      clearTimeout(timeoutRef.current);
+    if (timeoutRef.current) clearTimeout(timeoutRef.current);
     timeoutRef.current = setTimeout(() => {
       setValue(value);
     }, delay);
     return () => {
-      if (timeoutRef.current)
-        clearTimeout(timeoutRef.current);
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
     };
   }, [value, delay]);
   const [debouncedValue, setValue] = (0, import_react.useState)(value);
@@ -1575,8 +1587,7 @@ var History = ({ signer, supportedChains }) => {
             continue;
           }
           let status;
-          if (entry.failed)
-            status = "REVERTED";
+          if (entry.failed) status = "REVERTED";
           if (!!entry.target) {
             status = "DONE";
           } else {
@@ -1607,8 +1618,7 @@ var History = ({ signer, supportedChains }) => {
     }
   }, [signer, getHistory]);
   (0, import_react3.useEffect)(() => {
-    if (!historyLoadedOnce)
-      fetchHistory();
+    if (!historyLoadedOnce) fetchHistory();
     const timer = setInterval(() => {
       fetchHistory();
     }, 6e4);
@@ -2092,10 +2102,8 @@ var import_bignumber3 = __toESM(require("bignumber.js"));
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var BalanceComponent = ({ srcToken, balances }) => {
   const balanceText = (0, import_react8.useMemo)(() => {
-    if (!balances || !srcToken)
-      return "0";
-    if (balances[srcToken.address]?.toString() === "0")
-      return "0";
+    if (!balances || !srcToken) return "0";
+    if (balances[srcToken.address]?.toString() === "0") return "0";
     const fullHumanReadable = weiToHumanReadable({
       amount: balances[srcToken.address]?.toString() || "0",
       decimals: srcToken.decimals,
@@ -2179,8 +2187,7 @@ var SwapPanel = ({
             className: "p-0 border-none outline-none bg-transparent text-2xl overflow-ellipsis",
             value: amount,
             onChange: (e) => {
-              if (e.target.value === ".")
-                return;
+              if (e.target.value === ".") return;
               if (NUMBER_INPUT_REGEX.test(e.target.value)) {
                 setAmount(e.target.value.replace(/,/g, "."));
               }
@@ -2446,8 +2453,7 @@ var Form = ({
   }, [srcChain, signer]);
   const handleSubmit = (event) => {
     event.preventDefault();
-    if (route)
-      onSubmit(route);
+    if (route) onSubmit(route);
   };
   const handleSwitchChain = async () => {
     await switchChainAsync({ chainId: Number(srcChain?.chainId) });
@@ -2531,6 +2537,9 @@ var Form = ({
   );
 };
 
+// package.json
+var version = "0.2.1";
+
 // src/components/TxConfigForm/index.tsx
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var TxConfigForm = ({
@@ -2598,7 +2607,7 @@ var openTxConfigForm = async ({
 }) => {
   try {
     return await new Promise((resolve) => {
-      txConfigFormRoot.render(
+      xswapRoot.render(
         /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           TxConfigForm,
           {
@@ -2609,10 +2618,10 @@ var openTxConfigForm = async ({
             supportedChains,
             onSubmit: (route) => {
               resolve(route);
-              txConfigFormRoot.render("");
+              xswapRoot.render("");
             },
             onClose: () => {
-              txConfigFormRoot.render("");
+              xswapRoot.render("");
             }
           }
         )
@@ -2622,12 +2631,17 @@ var openTxConfigForm = async ({
     throw new Error(`XSwap component error, ${err}`);
   }
 };
-var txConfigFormRoot;
+var xswapRoot;
 if (typeof document !== "undefined") {
-  const xswapElement = document.createElement("div");
-  xswapElement.setAttribute("id", "xswap-modal");
-  document.body.appendChild(xswapElement);
-  txConfigFormRoot = (0, import_client.createRoot)(xswapElement);
+  const xswapStyleElement = document.createElement("link");
+  xswapStyleElement.rel = "stylesheet";
+  xswapStyleElement.type = "text/css";
+  xswapStyleElement.href = `${xswap_config_default.apiUrl}/sdk/css?data={"version": "${version}"}`;
+  document.head.appendChild(xswapStyleElement);
+  const xswapModalElement = document.createElement("div");
+  xswapModalElement.setAttribute("id", "xswap-modal");
+  document.body.appendChild(xswapModalElement);
+  xswapRoot = (0, import_client.createRoot)(xswapModalElement);
 }
 
 // src/components/TxHistoryButton/index.tsx
@@ -2648,11 +2662,19 @@ var TxHistoryButton = ({ transaction }) => {
     explorer
   } = transaction;
   const [isWide, setIsWide] = (0, import_react12.useState)(false);
+  const background = (0, import_react12.useMemo)(
+    () => isDone ? "bg-[rgba(2,2,2,1)] bg-gradient-to-r from-[rgba(76,175,80,0.2)] to-[rgba(46,125,50,0.2)]" : "bg-[rgba(2,2,2,1)] bg-gradient-to-r from-[rgba(54,129,198,0.2)] to-[rgba(43,74,157,0.2)]",
+    [isDone]
+  );
+  const border = (0, import_react12.useMemo)(
+    () => isDone ? "border border-solid border-x_green_dark" : "border border-solid border-x_blue_dark",
+    [isDone]
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex gap-2", onClick: () => setIsWide((x) => !x), children: [
     isWide && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       "div",
       {
-        className: `flex items-center min-w-60 sm:w-[520px] text-white h-14 px-4 text-sm gap-3 rounded-xl bg-gradient-to-r ${isDone ? "from-[rgba(76,175,80,0.1)] to-[rgba(46,125,50,0.1)] border border-solid border-x_green_dark" : "from-[rgba(54,129,198,0.1)] to-[rgba(43,74,157,0.1)] border border-solid border-x_blue_dark"}`,
+        className: `flex items-center min-w-60 sm:w-[520px] text-white h-14 px-4 text-sm gap-3 rounded-xl ${background} ${border}`,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex justify-between flex-col gap-2 sm:gap-5 sm:flex-row w-full", children: [
             /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-2", children: [
@@ -2700,8 +2722,7 @@ var TxHistoryButton = ({ transaction }) => {
     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       "div",
       {
-        className: `text-white rounded-xl cursor-pointer bg-gradient-to-r 
-           ${isDone ? "from-[rgba(76,175,80,0.1)] to-[rgba(46,125,50,0.1)] border border-solid border-x_green_dark" : "from-[rgba(54,129,198,0.1)] to-[rgba(43,74,157,0.1)] border border-solid border-x_blue_dark"}`,
+        className: `text-white rounded-xl cursor-pointer ${background} ${border}`,
         children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex gap-2 items-center h-14 w-20 justify-center", children: [
           /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ArrowLeftIcon, {}),
           /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "relative flex items-center justify-center w-9 h-9", children: isDone ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "text-x_green w-5 h-5", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CheckIcon, {}) }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
@@ -2767,10 +2788,15 @@ var Skeleton = ({ width, height }) => {
   Environment,
   IERC20,
   MINIMUM_DISPLAYED_TOKEN_AMOUNT,
+  MSG_RECEIVED_EVENT_ABI,
+  MSG_RECEIVED_EVENT_SIG,
+  MSG_SENT_EVENT_ABI,
+  MSG_SENT_EVENT_SIG,
   NUMBER_INPUT_REGEX,
   ROUTE_TIMEOUT_MS,
   SLIPPAGE_PRESETS,
   Skeleton,
+  TX_RECEIPT_STATUS_LIFETIME,
   TxHistoryButton,
   Web3Environment,
   XSwapCallType,