refactor: update default gas amount and slippage settings in widget c…

…onfiguration (#546)

.changeset/afraid-balloons-serve.md

@@ -0,0 +1,6 @@
+---
+'@skip-go/client': patch
+'@skip-go/widget': patch
+---
+
+update default gas amounts and improve code readability

docs/widget/configuration.mdx

@@ -93,8 +93,8 @@ settings?: {
 };
 ```
 
-- `customGasAmount`: Gas amount for CosmosSDK chain transactions. Default: `200_000`.
-- `slippage`: Default slippage percentage (0-100) for CosmosSDK chain swaps. Default: `3`.
+- `customGasAmount`: Gas amount for CosmosSDK chain transactions. Default: `300_000`.
+- `slippage`: Default slippage percentage (0-100) for CosmosSDK chain swaps. Default: `1`.
 
 ### `onlyTestnet`
 

packages/client/src/client.ts

@@ -1735,7 +1735,7 @@ export class SkipClient {
         return null;
       }
       if (chainID === 'noble-1') {
-        const fee = calculateFee(200000, gasPrice);
+        const fee = calculateFee(200_000, gasPrice);
         return fee;
       }
       return calculateFee(Math.ceil(parseFloat(estimatedGasAmount)), gasPrice);

packages/widget/src/constants/widget.ts

@@ -1,13 +1,10 @@
 import { RoutePreference } from "@/state/swapPage";
 
 export const SLIPPAGE_OPTIONS = [0.1, 0.5, 1, 3];
+export const DEFAULT_SLIPPAGE = 1;
 
 export const ROUTE_PREFERENCE_OPTIONS: RoutePreference[] = [
   RoutePreference.FASTEST,
   RoutePreference.CHEAPEST,
 ];
 export const DEFAULT_DECIMAL_PLACES = 6;
-
-export const DEFAULT_COSMOS_GAS_AMOUNT = 200_000;
-
-export const SWAP_COSMOS_GAS_AMOUNT = 2_000_000;

packages/widget/src/hooks/useCosmosFeeAssetValidation.ts

@@ -4,9 +4,8 @@ import { Decimal } from "@cosmjs/math";
 import { GasPrice, calculateFee } from "@cosmjs/stargate";
 import { useAtomValue } from "jotai";
 import { useGetBalance } from "./useGetBalance";
-import { sourceAssetAtom } from "@/state/swapPage";
+import { CosmosGasAmount, sourceAssetAtom } from "@/state/swapPage";
 import { BigNumber } from "bignumber.js";
-import { DEFAULT_COSMOS_GAS_AMOUNT, SWAP_COSMOS_GAS_AMOUNT } from "@/constants/widget";
 import { useMemo } from "react";
 import { useMaxAmountTokenMinusFees } from "@/pages/SwapPage/useSetMaxAmount";
 
@@ -30,7 +29,8 @@ export const useCosmosFeeAssetsBalanceValidation = (chainId?: string) => {
       })();
       if (!gasPrice) return undefined;
       const isSwapChain = swapVenues?.map(venue => venue.chainID).includes(chainId);
-      const fee = calculateFee(Math.ceil(parseFloat(String(isSwapChain ? SWAP_COSMOS_GAS_AMOUNT : DEFAULT_COSMOS_GAS_AMOUNT))), gasPrice);
+      const gasAmount = Math.ceil(isSwapChain ? CosmosGasAmount.SWAP : CosmosGasAmount.DEFAULT);
+      const fee = calculateFee(gasAmount, gasPrice);
       const feeAmount = fee.amount[0].amount;
 
       return {

packages/widget/src/pages/SwapPage/SwapPageFooter.tsx

@@ -31,7 +31,8 @@ export const SwapPageFooterItems = ({
   const settingsChanged = useMemo(() => {
     return (
       swapSettings.slippage !== defaultSwapSettings.slippage ||
-      swapSettings.customGasAmount !== defaultSwapSettings.customGasAmount
+      swapSettings.customGasAmount !== defaultSwapSettings.customGasAmount ||
+      swapSettings.routePreference !== defaultSwapSettings.routePreference
     );
   }, [swapSettings]);
 

packages/widget/src/state/swapExecutionPage.ts

@@ -217,6 +217,14 @@ export const skipSubmitSwapExecutionAtom = atomWithMutation((get) => {
   const submitSwapExecutionCallbacks = get(submitSwapExecutionCallbacksAtom);
   const swapSettings = get(swapSettingsAtom);
 
+  const getFallbackGasAmount = async (_chainID: string, chainType: ChainType) => {
+    if (chainType === "cosmos") {
+      if (_chainID === "carbon-1") {
+        return 1_000_000;
+      }
+      return swapSettings.customGasAmount;
+    }
+  }
 
   return {
     gcTime: Infinity,
@@ -229,14 +237,7 @@ export const skipSubmitSwapExecutionAtom = atomWithMutation((get) => {
           userAddresses,
           slippageTolerancePercent: swapSettings.slippage.toString(),
           simulate: route.sourceAssetChainID !== "984122",
-          getFallbackGasAmount: async (_chainID, chainType) => {
-            if (chainType === "cosmos") {
-              if (_chainID === "carbon-1") {
-                return 10_000_000;
-              }
-              return swapSettings.customGasAmount;
-            }
-          },
+          getFallbackGasAmount,
           ...submitSwapExecutionCallbacks,
         });
       } catch (error: unknown) {

packages/widget/src/state/swapPage.ts

@@ -122,9 +122,16 @@ export enum RoutePreference {
   FASTEST = "Fastest",
   CHEAPEST = "Cheapest",
 }
+
+export const CosmosGasAmount = {
+  DEFAULT: 300_000,
+  SWAP: 2_800_000,
+  CARBON: 1_000_000,
+}
+
 export const defaultSwapSettings = {
   slippage: 1,
-  customGasAmount: 200_000,
+  customGasAmount: CosmosGasAmount.DEFAULT,
   routePreference: RoutePreference.FASTEST,
 };
 

packages/widget/src/widget/Widget.tsx

@@ -49,12 +49,12 @@ export type WidgetProps = {
   settings?: {
     /**
      * Default slippage percentage (0-100) for CosmosSDK chain swaps.
-     * @default 3
+     * @default 1
      */
     slippage?: number;
     /**
      * Gas amount for CosmosSDK chain transactions.
-     * @default 200_000
+     * @default 300_000
      */
     customGasAmount?: number;
   };