@xswap-link/sdk 0.1.1 → 0.1.3

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @xswap-link/xswap-sdk
 
+## 0.1.3
+
+### Patch Changes
+
+- f0ac6a8: make sure srcToken has decimals provided
+- 0cb3862: disable "switch chain" button while disconnected
+- a8ad8df: add destination token USD value
+- 4260f16: apply styling for mobile
+- e01a44b: add swap tx data validation
+- 3ff62e4: add displaying transaction history
+
+## 0.1.2
+
+### Patch Changes
+
+- e7dae6e: remove local storage usage from history
+- 9a72993: define fallback source chain
+- 8cf2f51: fix: show empty history with message instead of circular progress
+- bef4486: fix custom width in tailwind config and form component
+
 ## 0.1.1
 
 ### Patch Changes

package/dist/index.css

@@ -337,12 +337,18 @@ video {
 .bottom-0 {
   bottom: 0px;
 }
+.bottom-5 {
+  bottom: 1.25rem;
+}
 .left-0 {
   left: 0px;
 }
 .right-0 {
   right: 0px;
 }
+.right-2 {
+  right: 0.5rem;
+}
 .right-4 {
   right: 1rem;
 }
@@ -370,6 +376,9 @@ video {
 .z-20 {
   z-index: 20;
 }
+.z-50 {
+  z-index: 50;
+}
 .z-\[1\] {
   z-index: 1;
 }
@@ -408,9 +417,6 @@ video {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
-.-ml-1 {
-  margin-left: -0.25rem;
-}
 .mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -429,9 +435,6 @@ video {
 .mr-1 {
   margin-right: 0.25rem;
 }
-.mr-3 {
-  margin-right: 0.75rem;
-}
 .mt-4 {
   margin-top: 1rem;
 }
@@ -447,8 +450,8 @@ video {
 .inline-flex {
   display: inline-flex;
 }
-.h-10 {
-  height: 2.5rem;
+.h-14 {
+  height: 3.5rem;
 }
 .h-3 {
   height: 0.75rem;
@@ -474,18 +477,27 @@ video {
 .h-9 {
   height: 2.25rem;
 }
+.h-96 {
+  height: 24rem;
+}
 .h-\[2px\] {
   height: 2px;
 }
+.h-\[30vh\] {
+  height: 30vh;
+}
+.h-\[36px\] {
+  height: 36px;
+}
 .h-\[41px\] {
   height: 41px;
 }
-.h-\[50vh\] {
-  height: 50vh;
-}
 .h-\[70\%\] {
   height: 70%;
 }
+.h-\[9px\] {
+  height: 9px;
+}
 .h-full {
   height: 100%;
 }
@@ -543,33 +555,33 @@ video {
 .w-\[100\%\+48px\] {
   width: 100%+48px;
 }
-.w-\[190px\] {
-  width: 190px;
+.w-\[100px\] {
+  width: 100px;
+}
+.w-\[15px\] {
+  width: 15px;
 }
 .w-\[310px\] {
   width: 310px;
 }
-.w-\[360px\] {
-  width: 360px;
-}
 .w-\[452px\] {
   width: 452px;
 }
 .w-full {
   width: 100%;
 }
+.w-x_mobile {
+  width: 320px;
+}
+.min-w-60 {
+  min-width: 15rem;
+}
 .min-w-\[26px\] {
   min-width: 26px;
 }
 .max-w-full {
   max-width: 100%;
 }
-.flex-1 {
-  flex: 1 1 0%;
-}
-.flex-grow {
-  flex-grow: 1;
-}
 .grow {
   flex-grow: 1;
 }
@@ -602,8 +614,8 @@ video {
     transform: rotate(360deg);
   }
 }
-.animate-spin {
-  animation: spin 1s linear infinite;
+.animate-spin-slow {
+  animation: spin 3s linear infinite;
 }
 .cursor-pointer {
   cursor: pointer;
@@ -623,9 +635,6 @@ video {
 .items-center {
   align-items: center;
 }
-.justify-end {
-  justify-content: flex-end;
-}
 .justify-center {
   justify-content: center;
 }
@@ -647,9 +656,6 @@ video {
 .gap-4 {
   gap: 1rem;
 }
-.gap-8 {
-  gap: 2rem;
-}
 .overflow-auto {
   overflow: auto;
 }
@@ -723,9 +729,15 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(255 183 77 / var(--tw-border-opacity));
 }
+.border-x_blue_dark {
+  border-color: rgba(43, 74, 157, 1);
+}
 .border-x_error_border {
   border-color: rgba(255, 111, 0, 1);
 }
+.border-x_green_dark {
+  border-color: rgba(46, 125, 50, 1);
+}
 .bg-\[\#272e40\] {
   --tw-bg-opacity: 1;
   background-color: rgb(39 46 64 / var(--tw-bg-opacity));
@@ -788,11 +800,21 @@ 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);
+  --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\(54\,129\,198\,1\)\] {
   --tw-gradient-from: rgba(54,129,198,1) 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);
 }
+.from-\[rgba\(76\,175\,80\,0\.1\)\] {
+  --tw-gradient-from: rgba(76,175,80,0.1) 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);
+}
 .from-x_blue_light {
   --tw-gradient-from: rgba(54,129,198,1) var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(54, 129, 198, 0) var(--tw-gradient-to-position);
@@ -801,9 +823,15 @@ 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\,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-x_blue_dark {
   --tw-gradient-to: rgba(43,74,157,1) var(--tw-gradient-to-position);
 }
@@ -878,8 +906,8 @@ video {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
-.pl-4 {
-  padding-left: 1rem;
+.pl-9 {
+  padding-left: 2.25rem;
 }
 .pr-8 {
   padding-right: 2rem;
@@ -1001,15 +1029,9 @@ video {
 .no-underline {
   text-decoration-line: none;
 }
-.opacity-25 {
-  opacity: 0.25;
-}
 .opacity-60 {
   opacity: 0.6;
 }
-.opacity-75 {
-  opacity: 0.75;
-}
 .outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -1102,7 +1124,44 @@ video {
   outline-offset: 2px;
 }
 @media (min-width: 640px) {
-  .sm\:w-\[600px\] {
+  .sm\:h-6 {
+    height: 1.5rem;
+  }
+  .sm\:w-6 {
+    width: 1.5rem;
+  }
+  .sm\:w-\[190px\] {
+    width: 190px;
+  }
+  .sm\:w-\[520px\] {
+    width: 520px;
+  }
+  .sm\:w-x_desktop {
     width: 600px;
   }
+  .sm\:flex-row {
+    flex-direction: row;
+  }
+  .sm\:gap-5 {
+    gap: 1.25rem;
+  }
+  .sm\:pl-4 {
+    padding-left: 1rem;
+  }
+  .sm\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+  .sm\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+  .sm\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+  .sm\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
 }

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import { BigNumber, ethers, BigNumberish } from 'ethers';
 import { TransactionRequest } from '@ethersproject/providers';
+import { FC } from 'react';
 
 declare const Alert: ({ desc }: {
     desc: string;
@@ -13,7 +14,8 @@ type Contracts = {
 };
 declare enum ContractName {
     BatchQuery = "BatchQuery",
-    FeeCollector = "FeeCollector"
+    FeeCollector = "FeeCollector",
+    XSwapRouter = "XSwapRouter"
 }
 
 type XSwapConfig = {
@@ -200,32 +202,33 @@ type ReferralInfo = {
 
 type TransferType = "CROSS_CHAIN" | "SINGLE_CHAIN";
 type TransactionHistory = {
-    history: {
-        transferId: string;
-        transferType: TransferType;
-        walletAddress: string;
-        failed: boolean;
-        source: {
-            blockchainId: string;
-            transactionHash: string;
-            blockTime: Date;
-            tokenAmount: string;
-            tokenAddress: string;
-            transferredTokenAddress: string;
-            transferredTokenAmount: string;
-            valueForInstantCcipRecieve: string;
-            tokenOutAddress: string;
-            estimatedAmountOut: string;
-            targetBlockchainId: string;
-        } | null;
-        target: {
-            blockchainId: string;
-            transactionHash: string;
-            blockTime: Date;
-            tokenAmount: string;
-            tokenAddress: string;
-        } | null;
-    }[];
+    history: HistoryTransaction[];
+};
+type HistoryTransaction = {
+    transferId: string;
+    transferType: TransferType;
+    walletAddress: string;
+    failed: boolean;
+    source: {
+        blockchainId: string;
+        transactionHash: string;
+        blockTime: Date;
+        tokenAmount: string;
+        tokenAddress: string;
+        transferredTokenAddress: string;
+        transferredTokenAmount: string;
+        valueForInstantCcipRecieve: string;
+        tokenOutAddress: string;
+        estimatedAmountOut: string;
+        targetBlockchainId: string;
+    } | null;
+    target: {
+        blockchainId: string;
+        transactionHash: string;
+        blockTime: Date;
+        tokenAmount: string;
+        tokenAddress: string;
+    } | null;
 };
 type TransactionStatus = "IN_PROGRESS" | "DONE" | "REVERTED";
 type Transaction = {
@@ -240,6 +243,18 @@ type Transaction = {
     estimatedDeliveryTimestamp: number;
     status: TransactionStatus;
 };
+type MonitoredTransaction = {
+    fromChain: string | undefined;
+    fromChainImage: string | undefined;
+    fromToken: string | undefined;
+    fromTokenImage: string | undefined;
+    fromAmount: string | undefined;
+    toChain: string | undefined;
+    toChainImage: string | undefined;
+    isDone: boolean;
+    txHash: string;
+    explorer: string | undefined;
+};
 
 type TxConfigFormProps = {
     dstChainId: string;
@@ -250,11 +265,21 @@ type TxConfigFormProps = {
 };
 declare const openTxConfigForm: ({ dstChainId, dstTokenAddr, customContractCalls, desc, supportedChains, }: TxConfigFormProps) => Promise<Route>;
 
-declare const Skeleton: ({ w, h }: Style) => JSX.Element;
-type Style = {
-    w: string;
-    h: string;
+interface Props$1 {
+    transaction: MonitoredTransaction;
+}
+declare const TxHistoryButton: FC<Props$1>;
+declare const addTransactionToRenderedTransactions: (transaction: MonitoredTransaction) => void;
+declare const removeTransactionFromRenderedTransactions: (txHash: string) => void;
+declare const updateTransactionDoneInRenderedTransactions: (txHash: string) => void;
+declare const renderTxHistoryButtons: () => void;
+
+type Props = {
+    width: string;
+    height: string;
+    other?: string;
 };
+declare const Skeleton: ({ width, height }: Props) => JSX.Element;
 
 declare const DEFAULT_ECOSYSTEM = Ecosystem.EVM;
 declare const NUMBER_INPUT_REGEX: RegExp;
@@ -262,9 +287,10 @@ declare const SLIPPAGE_PRESETS: number[];
 declare const DELIVERY_TIME: number;
 declare const EXPRESS_DELIVERY_TIME: number;
 declare const BALANCES_CHUNK_SIZE = 500;
-declare const BALANCE_DISPLAY_MIN_LIMIT = 0.0001;
 declare const ROUTE_TIMEOUT_MS = 5000;
-declare const MINIMUM_DISPLAYED_TOKEN_AMOUNT = 0.00001;
+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 BatchQueryAbi: ({
     inputs: {
@@ -329,129 +355,6 @@ declare const ERC20Abi: ({
     payable?: undefined;
     stateMutability?: undefined;
 })[];
-declare const XSwapRouterAbi: ({
-    inputs: never[];
-    stateMutability: string;
-    type: string;
-    name?: undefined;
-    anonymous?: undefined;
-    outputs?: undefined;
-} | {
-    inputs: {
-        internalType: string;
-        name: string;
-        type: string;
-    }[];
-    name: string;
-    type: string;
-    stateMutability?: undefined;
-    anonymous?: undefined;
-    outputs?: undefined;
-} | {
-    anonymous: boolean;
-    inputs: {
-        indexed: boolean;
-        internalType: string;
-        name: string;
-        type: string;
-    }[];
-    name: string;
-    type: string;
-    stateMutability?: undefined;
-    outputs?: undefined;
-} | {
-    inputs: ({
-        internalType: string;
-        name: string;
-        type: string;
-        components?: undefined;
-    } | {
-        components: ({
-            internalType: string;
-            name: string;
-            type: string;
-            components?: undefined;
-        } | {
-            components: {
-                internalType: string;
-                name: string;
-                type: string;
-            }[];
-            internalType: string;
-            name: string;
-            type: string;
-        })[];
-        internalType: string;
-        name: string;
-        type: string;
-    })[];
-    name: string;
-    outputs: {
-        components: ({
-            internalType: string;
-            name: string;
-            type: string;
-            components?: undefined;
-        } | {
-            components: {
-                internalType: string;
-                name: string;
-                type: string;
-            }[];
-            internalType: string;
-            name: string;
-            type: string;
-        })[];
-        internalType: string;
-        name: string;
-        type: string;
-    }[];
-    stateMutability: string;
-    type: string;
-    anonymous?: undefined;
-} | {
-    inputs: ({
-        internalType: string;
-        name: string;
-        type: string;
-        components?: undefined;
-    } | {
-        components: ({
-            internalType: string;
-            name: string;
-            type: string;
-            components?: undefined;
-        } | {
-            components: {
-                internalType: string;
-                name: string;
-                type: string;
-            }[];
-            internalType: string;
-            name: string;
-            type: string;
-        })[];
-        internalType: string;
-        name: string;
-        type: string;
-    })[];
-    name: string;
-    outputs: {
-        internalType: string;
-        name: string;
-        type: string;
-    }[];
-    stateMutability: string;
-    type: string;
-    anonymous?: undefined;
-} | {
-    stateMutability: string;
-    type: string;
-    inputs?: undefined;
-    name?: undefined;
-    anonymous?: undefined;
-    outputs?: undefined;
-})[];
 
 declare const ADDRESSES: Addresses;
 
@@ -487,6 +390,7 @@ declare function getPrices(payload: GetPricesPayload): Promise<TokenPrices>;
 declare const generateStakingCalls: ({ token, staking, stakingAbi, stakingFunName, stakingFunParams, }: GenerateStakingCallsParams) => ContractCall[];
 
 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>;
@@ -518,5 +422,6 @@ declare const deepMergeObjects: (obj1: Record<string, any>, obj2: Record<string,
     [x: string]: any;
 };
 declare const chunkArray: (array: any[], chunkSize: number) => any[][];
+declare const getDate: (blockTimestamp: number) => string;
 
-export { ADDRESSES, type AddReferralPayload, type Addresses, Alert, BALANCES_CHUNK_SIZE, BALANCE_DISPLAY_MIN_LIMIT, BatchQueryAbi, type BridgeToken, type Chain, type CoinTypeAddress, type CollectFees, type ContractCall, ContractName, type Contracts, DEFAULT_ECOSYSTEM, DELIVERY_TIME, ERC20Abi, EXPRESS_DELIVERY_TIME, Ecosystem, Environment, type GenerateStakingCallsParams, type GetPricesPayload, type GetRoutePayload, type GetSwapTxPayload, IERC20, MINIMUM_DISPLAYED_TOKEN_AMOUNT, 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, Web3Environment, XSwapCallType, type XSwapConfig, type XSwapFee, type XSwapFees, XSwapRouterAbi, chunkArray, deepMergeObjects, findPlaceholderIndex, generateApproveTxData, generateRandomBigNumber, generateStakingCalls, generateUniqueRandomBigNumber, getBalanceOf, getBalances, getBridgeTokens, getChainData, getChains, getHistory, getPrices, getRoute, getSwapTx, getTokens, openTxConfigForm, replaceNull, safeBigNumberFrom, shortAddress, 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, 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 };