@ref-finance/ref-sdk 1.4.0 → 1.4.2

package/README.md

@@ -788,11 +788,13 @@ export interface SwapWidgetProps {
     defaultTokenIn?: string;
     defaultTokenOut?: string;
     referralId?:string;
-    transactionState?: {
-        state: 'success' | 'fail' | null;
+    transactionState: {
+        state: SwapState;
+        setState: (state: SwapState) => void;
         tx?: string;
         detail?: string;
     };
+    minNearAmountLeftForGasFees?: number; 
     onConnect: () => void;
 }
 ```
@@ -814,6 +816,7 @@ export interface SwapWidgetProps {
   - setState: used to change setState to interact with pop-up.
   - tx: will add link to near explorer according to this tx.
   - detail: you could input some tips to show on sucess pop-up.
+-  minNearAmountLeftForGasFees: minimun near value reserved for tx gas fees.
 
 ![111](https://user-images.githubusercontent.com/50706666/199178453-8d09be3f-5a00-4b62-a6f1-af42ce4beae6.png)
 
@@ -889,7 +892,7 @@ export const Widget = ()=>{
   
   const { modal, selector, accountId } = useWalletSelector();
   
-  const [swapState, setSwapState] = React.useState<'success' | 'fail' | null>(
+  const [swapState, setSwapState] = React.useState<SwapState>(
     null
   );
   const [tx, setTx] = React.useState<string | undefined>(undefined);

package/dist/constant.d.ts

@@ -1,5 +1,6 @@
 import { TokenMetadata } from './types';
 export declare const FEE_DIVISOR = 10000;
+export declare const DEFAULT_SLIPPAGE_TOLERANCE = "0.5";
 export declare const STABLE_LP_TOKEN_DECIMALS = 18;
 export declare const RATED_POOL_LP_TOKEN_DECIMALS = 24;
 export declare const STORAGE_TO_REGISTER_WITH_MFT = "0.1";

package/dist/ref-sdk.cjs.development.css

@@ -48,7 +48,7 @@
   padding: 16px;
   padding-right: 20px;
   padding-left: 20px;
-  z-index: 100;
+  z-index: 5;
   width: 230px;
   font-size: 14px;
 }
@@ -228,7 +228,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  z-index: 100;
+  z-index: 5;
   box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
   border-radius: 12px;
   padding: 32px 20px;