@skip-go/widget 3.14.7 → 3.14.9

package/build/{index-BHKyIHpf.js → index-D-WY26gk.js}

@@ -3,7 +3,7 @@ import o, { useState, useMemo, useEffect, useContext, useDebugValue, createEleme
 import { Scope } from "react-shadow-scope";
 import { atom as atom$1, useAtomValue, useAtom, useSetAtom, createStore, Provider } from "jotai";
 import NiceModal, { useModal } from "@ebay/nice-modal-react";
-import { assets, chains, bridges, venues, ChainType, getSigningStargateClient, route, balances, getRouteWithGasOnReceive, executeMultipleRoutes, executeRoute, BridgeType, FeeType, GAS_STATION_CHAIN_IDS, subscribeToRouteStatus, setClientOptions } from "@skip-go/client";
+import { chains, assets, venues, bridges, ChainType, getSigningStargateClient, route, balances, getRouteWithGasOnReceive, executeMultipleRoutes, executeRoute, BridgeType, FeeType, subscribeToRouteStatus, setClientOptions } from "@skip-go/client";
 import { atomWithQuery, atomWithMutation } from "jotai-tanstack-query";
 import pluralize from "pluralize";
 import { track, init, add, setUserId } from "@amplitude/analytics-browser";
@@ -2185,7 +2185,7 @@ const textProps = lt`
   ${({ textWrap }) => textWrap && `text-wrap: ${textWrap}`};
   ${({ monospace: monospace2 }) => monospace2 && "font-family: 'ABCDiatype-mono', monospace; letter-spacing: 0"};
   ${({ mainButtonColor, theme }) => mainButtonColor && `color: ${theme.brandTextColor}`};
-  ${({ capitalize }) => capitalize && lt`
+  ${({ capitalize: capitalize2 }) => capitalize2 && lt`
       &::first-letter {
         text-transform: capitalize;
       }
@@ -2540,6 +2540,148 @@ const endpointOptions = {
   }
 };
 const prodApiUrl = `${appUrl}/api/skip`;
+function atomWithStorageNoCrossTabSync(storageKey, initialValue) {
+  const defaultStorage2 = {
+    getItem: (key) => {
+      if (typeof window === "undefined") return;
+      const storedValue = localStorage.getItem(key);
+      if (!storedValue) return initialValue;
+      try {
+        return JSON.parse(storedValue);
+      } catch (_error) {
+        return initialValue;
+      }
+    },
+    setItem: (key, newValue) => {
+      if (typeof window === "undefined") return;
+      localStorage.setItem(key, JSON.stringify(newValue));
+    },
+    removeItem: (key) => {
+      if (typeof window === "undefined") return;
+      localStorage.removeItem(key);
+    }
+  };
+  return atomWithStorage(storageKey, initialValue, defaultStorage2, { getOnInit: true });
+}
+async function getIndexedDB(dbName, storeName) {
+  return new Promise((resolve, reject) => {
+    if (typeof window === "undefined") {
+      reject(new Error("IndexedDB not available"));
+      return;
+    }
+    const checkRequest = indexedDB.open(dbName);
+    checkRequest.onerror = () => reject(checkRequest.error);
+    checkRequest.onsuccess = () => {
+      const existingDb = checkRequest.result;
+      const existingStores = Array.from(existingDb.objectStoreNames);
+      if (existingStores.includes(storeName)) {
+        resolve(existingDb);
+        return;
+      }
+      existingDb.close();
+      const currentVersion = existingDb.version;
+      const upgradeRequest = indexedDB.open(dbName, currentVersion + 1);
+      upgradeRequest.onerror = () => reject(upgradeRequest.error);
+      upgradeRequest.onsuccess = () => resolve(upgradeRequest.result);
+      upgradeRequest.onupgradeneeded = (event) => {
+        const db = event.target.result;
+        if (!db.objectStoreNames.contains(storeName)) {
+          db.createObjectStore(storeName, { keyPath: "key" });
+        }
+      };
+    };
+    checkRequest.onupgradeneeded = (event) => {
+      const db = event.target.result;
+      if (!db.objectStoreNames.contains(storeName)) {
+        db.createObjectStore(storeName, { keyPath: "key" });
+      }
+    };
+  });
+}
+async function getIndexedDBItem(key, options) {
+  try {
+    const dbName = options.dbName;
+    const storeName = options.storeName;
+    const db = await getIndexedDB(dbName, storeName);
+    return new Promise((resolve, reject) => {
+      const transaction = db.transaction([storeName], "readonly");
+      const store = transaction.objectStore(storeName);
+      const request = store.get(key);
+      request.onerror = () => reject(request.error);
+      request.onsuccess = () => {
+        const result = request.result;
+        if (!result) {
+          resolve(null);
+          return;
+        }
+        resolve(result.data);
+      };
+    });
+  } catch (error) {
+    console.warn("IndexedDB getItem failed:", error);
+    return null;
+  }
+}
+async function setIndexedDBItem(key, value, options) {
+  try {
+    const dbName = options.dbName;
+    const storeName = options.storeName;
+    const db = await getIndexedDB(dbName, storeName);
+    return new Promise((resolve, reject) => {
+      const transaction = db.transaction([storeName], "readwrite");
+      const store = transaction.objectStore(storeName);
+      const cachedData = {
+        data: value,
+        timestamp: Date.now()
+      };
+      const request = store.put({ key, ...cachedData });
+      request.onerror = () => reject(request.error);
+      request.onsuccess = () => resolve();
+    });
+  } catch (error) {
+    console.warn("IndexedDB setItem failed:", error);
+  }
+}
+async function removeIndexedDBItem(key, options) {
+  try {
+    const dbName = options.dbName;
+    const storeName = options.storeName;
+    const db = await getIndexedDB(dbName, storeName);
+    return new Promise((resolve, reject) => {
+      const transaction = db.transaction([storeName], "readwrite");
+      const store = transaction.objectStore(storeName);
+      const request = store.delete(key);
+      request.onerror = () => reject(request.error);
+      request.onsuccess = () => resolve();
+    });
+  } catch (error) {
+    console.warn("IndexedDB removeItem failed:", error);
+  }
+}
+async function clearIndexedDB(options) {
+  try {
+    const dbName = options.dbName;
+    const storeName = options.storeName;
+    const db = await getIndexedDB(dbName, storeName);
+    return new Promise((resolve, reject) => {
+      const transaction = db.transaction([storeName], "readwrite");
+      const store = transaction.objectStore(storeName);
+      const request = store.clear();
+      request.onerror = () => reject(request.error);
+      request.onsuccess = () => resolve();
+    });
+  } catch (error) {
+    console.warn("IndexedDB clear failed:", error);
+  }
+}
+function createIndexedDBStorage(options) {
+  return {
+    getItem: (key) => getIndexedDBItem(key, options),
+    setItem: (key, value) => setIndexedDBItem(key, value, options),
+    removeItem: (key) => removeIndexedDBItem(key, options),
+    clear: () => clearIndexedDB(options)
+  };
+}
 const defaultSkipClientConfig = {
   apiUrl: prodApiUrl,
   endpointOptions
@@ -2565,30 +2707,39 @@ const flattenData = (data, chains2) => {
   return flattenedData;
 };
 const onlyTestnetsAtom = atom$1(void 0);
-const skipAssetsAtom = atomWithQuery((get) => {
-  const { apiUrl, apiKey, cacheDurationMs } = get(skipClientConfigAtom);
-  const chains2 = get(skipChainsAtom);
-  const onlyTestnets = get(onlyTestnetsAtom);
+const { getItem, setItem } = createIndexedDBStorage({
+  dbName: "skip-go-widget",
+  storeName: "data-cache"
+});
+const getCachedDataWhileQuerying = ({
+  queryKey,
+  cacheKey,
+  queryFn,
+  options = {}
+}) => {
   return {
-    queryKey: ["skipAssets", onlyTestnets, { onlyTestnets, apiUrl, apiKey, cacheDurationMs }],
+    queryKey,
     queryFn: async () => {
-      const response = await assets({
-        includeEvmAssets: true,
-        includeCw20Assets: true,
-        includeSvmAssets: true,
-        onlyTestnets,
-        abortDuplicateRequests: true
-      });
-      return flattenData(response, chains2.data);
+      const cachedData = await getItem(cacheKey);
+      if (cachedData !== null) {
+        queryFn().then(async (newData2) => {
+          await setItem(cacheKey, newData2);
+        });
+        return cachedData;
+      }
+      const newData = await queryFn();
+      await setItem(cacheKey, newData);
+      return newData;
     },
-    enabled: onlyTestnets !== void 0 && apiUrl !== void 0
+    enabled: (options == null ? void 0 : options.enabled) ?? true
   };
-});
+};
 const skipChainsAtom = atomWithQuery((get) => {
   const { apiUrl, apiKey, cacheDurationMs } = get(skipClientConfigAtom);
   const onlyTestnets = get(onlyTestnetsAtom);
-  return {
+  return getCachedDataWhileQuerying({
     queryKey: ["skipChains", { onlyTestnets, apiUrl, apiKey, cacheDurationMs }],
+    cacheKey: `skip-chains-${onlyTestnets ? "testnet" : "mainnet"}`,
     queryFn: async () => {
       const response = await chains({
         includeEvm: true,
@@ -2598,24 +2749,52 @@ const skipChainsAtom = atomWithQuery((get) => {
       });
       return response;
     },
-    enabled: onlyTestnets !== void 0 && apiUrl !== void 0
-  };
+    options: { enabled: onlyTestnets !== void 0 && apiUrl !== void 0 }
+  });
+});
+const skipAssetsAtom = atomWithQuery((get) => {
+  const { apiUrl, apiKey, cacheDurationMs } = get(skipClientConfigAtom);
+  const chains2 = get(skipChainsAtom);
+  const onlyTestnets = get(onlyTestnetsAtom);
+  return getCachedDataWhileQuerying({
+    queryKey: ["skipAssets", onlyTestnets, { onlyTestnets, apiUrl, apiKey, cacheDurationMs }],
+    cacheKey: `skip-assets-${onlyTestnets ? "testnet" : "mainnet"}`,
+    queryFn: async () => {
+      const response = await assets({
+        includeEvmAssets: true,
+        includeCw20Assets: true,
+        includeSvmAssets: true,
+        onlyTestnets,
+        abortDuplicateRequests: true
+      });
+      return flattenData(response, chains2.data);
+    },
+    options: { enabled: onlyTestnets !== void 0 && apiUrl !== void 0 }
+  });
 });
 const skipBridgesAtom = atomWithQuery((get) => {
   const { apiUrl, apiKey, cacheDurationMs } = get(skipClientConfigAtom);
-  return {
+  return getCachedDataWhileQuerying({
     queryKey: ["skipBridges", { apiUrl, apiKey, cacheDurationMs }],
-    queryFn: async () => bridges()
-  };
+    cacheKey: "skip-bridges",
+    queryFn: async () => {
+      return await bridges();
+    }
+  });
 });
 const skipSwapVenuesAtom = atomWithQuery((get) => {
   const { apiUrl, apiKey, cacheDurationMs } = get(skipClientConfigAtom);
   const onlyTestnets = get(onlyTestnetsAtom);
-  return {
-    queryKey: ["skipSwapVenue", { onlyTestnets, apiUrl, apiKey, cacheDurationMs }],
-    queryFn: async () => venues(),
-    enabled: onlyTestnets !== void 0 && apiUrl !== void 0
-  };
+  return getCachedDataWhileQuerying({
+    queryKey: ["skipSwapVenues", onlyTestnets, { onlyTestnets, apiUrl, apiKey, cacheDurationMs }],
+    cacheKey: `skip-swap-venues-${onlyTestnets ? "testnet" : "mainnet"}`,
+    queryFn: async () => {
+      return await venues({
+        onlyTestnets
+      });
+    },
+    options: { enabled: onlyTestnets !== void 0 && apiUrl !== void 0 }
+  });
 });
 var RoutePreference = /* @__PURE__ */ ((RoutePreference2) => {
   RoutePreference2["FASTEST"] = "Fastest";
@@ -4186,6 +4365,7 @@ const formatDisplayAmount = (input, options = {}) => {
     num = input;
   }
   const abs2 = Math.abs(num);
+  const absRounded = Math.abs(Number(num.toFixed(decimals)));
   const THRESHOLD = 10 ** -decimals;
   if (abs2 > 0 && abs2 < THRESHOLD) {
     const thresholdStr = THRESHOLD.toFixed(decimals);
@@ -4196,10 +4376,17 @@ const formatDisplayAmount = (input, options = {}) => {
       { value: 1e6, symbol: "M" },
       { value: 1e3, symbol: "K" }
     ];
-    for (const { value, symbol } of scales) {
-      if (abs2 >= value) {
-        const formatted = (num / value).toFixed(2).replace(/\.?0+$/, "");
-        return `${formatted}${symbol}`;
+    for (let i = 0; i < scales.length; i++) {
+      const { value, symbol } = scales[i];
+      if (absRounded >= value) {
+        const scaled = num / value;
+        let formattedNumber = Number(scaled.toFixed(2));
+        if (formattedNumber >= 1e3) {
+          const next2 = scales[i - 1];
+          formattedNumber = Number((num / next2.value).toFixed(2));
+          return `${formattedNumber.toString().replace(/\.?0+$/, "")}${next2.symbol}`;
+        }
+        return `${formattedNumber.toString().replace(/\.?0+$/, "")}${symbol}`;
       }
     }
   }
@@ -4740,29 +4927,6 @@ function atomWithDebounce(delayMilliseconds = 250) {
   };
 }
 const callbacksAtom = atom$1();
-function atomWithStorageNoCrossTabSync(storageKey, initialValue) {
-  const defaultStorage2 = {
-    getItem: (key) => {
-      if (typeof window === "undefined") return;
-      const storedValue = localStorage.getItem(key);
-      if (!storedValue) return initialValue;
-      try {
-        return JSON.parse(storedValue);
-      } catch (_error) {
-        return initialValue;
-      }
-    },
-    setItem: (key, newValue) => {
-      if (typeof window === "undefined") return;
-      localStorage.setItem(key, JSON.stringify(newValue));
-    },
-    removeItem: (key) => {
-      if (typeof window === "undefined") return;
-      localStorage.removeItem(key);
-    }
-  };
-  return atomWithStorage(storageKey, initialValue, defaultStorage2, { getOnInit: true });
-}
 const walletConnectAtom = atom$1({
   options: {
     projectId: "ff1b9e9bd6329cfb07642bd7f4d11a8c",
@@ -47763,7 +47927,7 @@ function walletConnect(parameters) {
         const optionalChains = config2.chains.map((x2) => x2.id);
         if (!optionalChains.length)
           return;
-        const { EthereumProvider } = await import("./index.es-BEfNQQ0w.js").then((n) => n.i);
+        const { EthereumProvider } = await import("./index.es-D_5e1T63.js").then((n) => n.i);
         return await EthereumProvider.init({
           ...parameters,
           disableProviderPing: true,
@@ -49071,6 +49235,9 @@ const Modal = ({
   const [wasVisible, setWasVisible] = useState();
   const disableShadowDom = useAtomValue(disableShadowDomAtom);
   const rootId = useAtomValue(rootIdAtom);
+  const handleModalWheel = (event) => {
+    event.stopPropagation();
+  };
   useEffect(() => {
     if (wasVisible && !modal.visible) {
       onOpenChange == null ? void 0 : onOpenChange(false);
@@ -49117,6 +49284,7 @@ const Modal = ({
         open: modal.visible,
         "data-root-id": rootId,
         blurBackground,
+        onWheel: handleModalWheel,
         onAnimationEnd: () => {
           if (!modal.visible) {
             if (modalRef.current) {
@@ -52406,16 +52574,30 @@ const AssetAndChainSelectorModal = createModal(
       selectedAsset,
       selectChain,
       context,
-      overrideSelectedGroup
+      onlySelectChain
     } = modalProps;
-    const { data: assets2, isFetching, isPending } = useAtomValue(skipAssetsAtom);
+    const {
+      data: assets2,
+      isFetching: isFetchingAssets,
+      isPending: isPendingAssets
+    } = useAtomValue(skipAssetsAtom);
     const ibcEurekaHighlightedAssets = useAtomValue(ibcEurekaHighlightedAssetsAtom);
-    const { isLoading: isChainsLoading } = useAtomValue(skipChainsAtom);
-    const isLoading = isFetching && isPending || isChainsLoading;
+    const { isFetching: isFetchingChains, isPending: isPendingChains } = useAtomValue(skipChainsAtom);
+    const isLoading = isFetchingAssets && isPendingAssets || isFetchingChains && isPendingChains;
     const [showSkeleton, setShowSkeleton] = useState(true);
     const [searchQuery, setSearchQuery] = useState("");
     const [groupedAssetSelected, setGroupedAssetSelected] = useState(null);
     const listHeight = useListHeight(ITEM_HEIGHT);
+    const uniqueAssetsBySymbol = useMemo(() => {
+      const seen = /* @__PURE__ */ new Map();
+      assets2 == null ? void 0 : assets2.forEach((asset) => {
+        const chainId = asset.chainId;
+        if (chainId && !seen.has(chainId)) {
+          seen.set(chainId, asset);
+        }
+      });
+      return Array.from(seen.values());
+    }, [assets2]);
     const resetInput = () => {
       setSearchQuery("");
     };
@@ -52438,14 +52620,18 @@ const AssetAndChainSelectorModal = createModal(
     );
     const groupedAssetsByRecommendedSymbol = useGroupedAssetByRecommendedSymbol({ context });
     const selectedGroup = useMemo(() => {
-      if (overrideSelectedGroup) return overrideSelectedGroup;
+      if (onlySelectChain)
+        return {
+          assets: uniqueAssetsBySymbol
+        };
       const asset = (groupedAssetSelected == null ? void 0 : groupedAssetSelected.assets[0]) || selectedAsset;
       if (!asset) return;
       return groupedAssetsByRecommendedSymbol == null ? void 0 : groupedAssetsByRecommendedSymbol.find(
         (group) => group.id === asset.recommendedSymbol
       );
     }, [
-      overrideSelectedGroup,
+      onlySelectChain,
+      uniqueAssetsBySymbol,
       groupedAssetSelected == null ? void 0 : groupedAssetSelected.assets,
       selectedAsset,
       groupedAssetsByRecommendedSymbol
@@ -52457,14 +52643,14 @@ const AssetAndChainSelectorModal = createModal(
       context
     });
     useEffect(() => {
-      if (!isLoading && assets2) {
+      if (!isLoading) {
         setShowSkeleton(false);
       }
     }, [isLoading, assets2]);
     useEffect(() => {
       setSearchQuery("");
     }, [modal.visible]);
-    const componentName = `${context} ${selectChain ? "chain" : "asset"} modal`;
+    const componentName = `${context} ${selectChain || onlySelectChain ? "chain" : "asset"} modal`;
     const handleSearch = (term) => {
       track(`${componentName}: search input - changed`, { term });
       setSearchQuery(term);
@@ -52530,7 +52716,7 @@ const AssetAndChainSelectorModal = createModal(
           searchTerm: searchQuery,
           setSearchTerm: setSearchQuery,
           onKeyDown,
-          overrideSelectedGroup: !!overrideSelectedGroup
+          overrideSelectedGroup: onlySelectChain
         }
       ),
       showSkeleton || !filteredAssets && !filteredChains ? /* @__PURE__ */ jsx(StyledColumn, { height: listHeight, children: Array.from({ length: 8 }, (_2, index) => /* @__PURE__ */ jsx(Skeleton, {}, index)) }) : /* @__PURE__ */ jsx(
@@ -53622,18 +53808,8 @@ const SwapExecutionSwapIcon = ({
     )
   }
 );
-const useIsGasStationTx = () => {
-  const { route: route2 } = useAtomValue(swapExecutionStateAtom);
-  const { data: chains2 } = useAtomValue(skipChainsAtom);
-  const isGasStationTx = useMemo(() => {
-    if (!chains2 || !route2) return false;
-    const sourceChain = chains2.find((chain) => chain.chainId === route2.sourceAssetChainId);
-    const destChain = chains2.find((chain) => chain.chainId === route2.destAssetChainId);
-    if (!sourceChain || !destChain) return false;
-    const isAxelarTransfer = route2.operations.some((op) => OperationType.axelarTransfer in op);
-    return (sourceChain == null ? void 0 : sourceChain.chainType) === ChainType.Evm && !isAxelarTransfer && GAS_STATION_CHAIN_IDS.includes(destChain == null ? void 0 : destChain.chainId);
-  }, [chains2, route2]);
-  return isGasStationTx;
+const capitalize = (s) => {
+  return s.charAt(0).toUpperCase() + s.slice(1);
 };
 const operationTypeToIcon = {
   // swap icon
@@ -53679,7 +53855,6 @@ const SwapExecutionPageRouteDetailed = ({
   const { data: swapVenues } = useAtomValue(skipSwapVenuesAtom);
   const { data: bridges2 } = useAtomValue(skipBridgesAtom);
   const { originalRoute } = useAtomValue(swapExecutionStateAtom);
-  const isGasStationTx = useIsGasStationTx();
   const status = statusData == null ? void 0 : statusData.transferEvents;
   const getBridgeSwapVenue = useCallback(
     (operation) => {
@@ -53690,8 +53865,9 @@ const SwapExecutionPageRouteDetailed = ({
       const swapVenue = swapVenues == null ? void 0 : swapVenues.find((swapVenue2) => swapVenue2.chainId === swapVenueId);
       const imageUrl = (bridge == null ? void 0 : bridge.logoUri) ?? (swapVenue == null ? void 0 : swapVenue.logoUri);
       const isSvg = imageUrl == null ? void 0 : imageUrl.endsWith(".svg");
+      const fallbackName = (operation == null ? void 0 : operation.type) ? capitalize(operation.type) : "";
       const bridgeOrSwapVenue = {
-        name: (bridge == null ? void 0 : bridge.name) ?? (swapVenue == null ? void 0 : swapVenue.name),
+        name: (bridge == null ? void 0 : bridge.name) ?? (swapVenue == null ? void 0 : swapVenue.name) ?? fallbackName,
         image: imageUrl,
         isSvg
       };
@@ -53721,14 +53897,13 @@ const SwapExecutionPageRouteDetailed = ({
     (operation) => {
       const simpleOperationType = operationTypeToSimpleOperationType[operation.type];
       const bridgeOrSwapVenue = getBridgeSwapVenue(operation);
-      const isBankSend = operation.type === OperationType.bankSend;
-      const tooltipText = isBankSend ? `${simpleOperationType} with BankSend` : `${simpleOperationType} with ${bridgeOrSwapVenue.name}`;
+      const tooltipText = `${simpleOperationType} with ${bridgeOrSwapVenue.name}`;
       return /* @__PURE__ */ jsx(StyledOperationTypeAndTooltipContainer, { align: "center", children: /* @__PURE__ */ jsx(
         Tooltip,
         {
           content: /* @__PURE__ */ jsxs(SmallText, { normalTextColor: true, textWrap: "nowrap", children: [
             tooltipText,
-            !isBankSend && bridgeOrSwapVenue.isSvg ? /* @__PURE__ */ jsx(StyledSwapVenueOrBridgeSvg, { svg: bridgeOrSwapVenue.image }) : !isBankSend && bridgeOrSwapVenue.image ? /* @__PURE__ */ jsx(
+            bridgeOrSwapVenue.isSvg ? /* @__PURE__ */ jsx(StyledSwapVenueOrBridgeSvg, { svg: bridgeOrSwapVenue.image }) : bridgeOrSwapVenue.image ? /* @__PURE__ */ jsx(
               StyledSwapVenueOrBridgeImage,
               {
                 width: "10",
@@ -53799,8 +53974,7 @@ const SwapExecutionPageRouteDetailed = ({
           index: 0
         }
       ),
-      renderOperations,
-      isGasStationTx && /* @__PURE__ */ jsx(StyledGasStationTxText, { children: "Transactions from EVM to Babylon have gas provided automatically if no gas tokens are found." })
+      renderOperations
     ] }),
     bottomContent
   ] });
@@ -53837,13 +54011,6 @@ const StyledOperationTypeAndTooltipContainer = dt(Row)`
   position: relative;
   height: 25px;
 `;
-const StyledGasStationTxText = dt(SmallText)`
-  margin-top: 10px;
-  color: ${({ theme }) => theme.success.text};
-  background: ${({ theme }) => theme.secondary.background.transparent};
-  padding: 12px;
-  border-radius: 6px;
-`;
 const SwapExecutionPageRouteContainer = ({
   showDetailed,
   ...routeProps
@@ -55346,8 +55513,9 @@ const getEvmGasPriceEstimate = async (chainId) => {
   return fees2.maxFeePerGas.toString();
 };
 const useGasFeeTokenAmount = () => {
-  var _a, _b;
+  var _a;
   const [sourceAsset] = useAtom(sourceAssetAtom);
+  const { data: skipAssets } = useAtomValue(skipAssetsAtom);
   const sourceDetails = useGetAssetDetails({
     assetDenom: sourceAsset == null ? void 0 : sourceAsset.denom,
     amount: sourceAsset == null ? void 0 : sourceAsset.amount,
@@ -55357,16 +55525,22 @@ const useGasFeeTokenAmount = () => {
   const cosmosFeeUsed = cosmosFees == null ? void 0 : cosmosFees.find((fee) => fee == null ? void 0 : fee.isSufficient);
   const chainType = (_a = sourceDetails == null ? void 0 : sourceDetails.chain) == null ? void 0 : _a.chainType;
   const getGasFeeTokenAmount = useCallback(async () => {
-    var _a2, _b2;
+    var _a2, _b;
     switch (chainType) {
       case ChainType.Evm: {
-        const isFeeAsset = ((_a2 = sourceAsset == null ? void 0 : sourceAsset.denom) == null ? void 0 : _a2.includes("-native")) && (sourceAsset == null ? void 0 : sourceAsset.originChainId) === (sourceAsset == null ? void 0 : sourceAsset.chainId);
+        const isFeeAsset = (((_a2 = sourceAsset == null ? void 0 : sourceAsset.denom) == null ? void 0 : _a2.includes("-native")) || ((_b = sourceAsset == null ? void 0 : sourceAsset.denom) == null ? void 0 : _b.includes("0x0000000000000000000000000000000000000000"))) && (sourceAsset == null ? void 0 : sourceAsset.originChainId) === (sourceAsset == null ? void 0 : sourceAsset.chainId);
         if (isFeeAsset) {
-          const result = await getEvmGasPriceEstimate((sourceAsset == null ? void 0 : sourceAsset.chainId) ?? "");
-          if (!result) {
-            return convertHumanReadableAmountToCryptoAmount(8e-4, (_b2 = sourceDetails == null ? void 0 : sourceDetails.asset) == null ? void 0 : _b2.decimals);
+          const nativeAsset = skipAssets == null ? void 0 : skipAssets.find(
+            (asset) => {
+              var _a3;
+              return (sourceAsset == null ? void 0 : sourceAsset.originChainId) === (sourceAsset == null ? void 0 : sourceAsset.chainId) && ((_a3 = asset.denom) == null ? void 0 : _a3.includes("-native"));
+            }
+          );
+          const gasPriceEstimate = await getEvmGasPriceEstimate((sourceAsset == null ? void 0 : sourceAsset.chainId) ?? "");
+          if (!gasPriceEstimate) {
+            return convertHumanReadableAmountToCryptoAmount(8e-4, nativeAsset == null ? void 0 : nativeAsset.decimals);
           }
-          return BigNumber(EVM_GAS_AMOUNT).multipliedBy(result).toString();
+          return BigNumber(EVM_GAS_AMOUNT).multipliedBy(gasPriceEstimate).toString();
         }
         return 0;
       }
@@ -55380,10 +55554,10 @@ const useGasFeeTokenAmount = () => {
   }, [
     chainType,
     cosmosFeeUsed,
+    skipAssets,
     sourceAsset == null ? void 0 : sourceAsset.chainId,
     sourceAsset == null ? void 0 : sourceAsset.denom,
-    sourceAsset == null ? void 0 : sourceAsset.originChainId,
-    (_b = sourceDetails == null ? void 0 : sourceDetails.asset) == null ? void 0 : _b.decimals
+    sourceAsset == null ? void 0 : sourceAsset.originChainId
   ]);
   const { data: gasFeeTokenAmount } = useQuery({
     queryKey: [
@@ -55783,7 +55957,7 @@ const useConnectToMissingCosmosChain = () => {
   }, [sourceAsset, wallets, extraChainIdsToConnect, addExtraChainIdsToConnectForWalletType]);
   return { isAskingToApproveConnection };
 };
-const version = "3.14.7";
+const version = "3.14.9";
 const packageJson = {
   version
 };