@skip-go/widget 3.14.6 → 3.14.8

package/build/{index-BY1pAz15.js → index-gj7tSkKX.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-CyMUlQCP.js").then((n) => n.i);
+        const { EthereumProvider } = await import("./index.es-C978Pj_n.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) {
@@ -50781,6 +50949,7 @@ const Tooltip = ({
   direction = "right",
   style
 }) => {
+  const theme = nt();
   const [showTooltip, setShowTooltip] = useState(false);
   const tooltipTriggerContainerRef = useRef(null);
   const tooltipContainerRef = useRef(null);
@@ -50816,7 +50985,7 @@ const Tooltip = ({
       children: [
         children,
         showTooltip && createPortal(
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(ShadowDomAndProviders, { theme, disableShadowDom: true, children: /* @__PURE__ */ jsx(
             StyledTooltipContainer,
             {
               ref: tooltipContainerRef,
@@ -50830,7 +50999,7 @@ const Tooltip = ({
               },
               children: renderContent
             }
-          ),
+          ) }),
           document.body
         )
       ]
@@ -52405,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("");
     };
@@ -52437,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
@@ -52456,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);
@@ -52529,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(
@@ -53621,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
@@ -53678,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) => {
@@ -53689,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
       };
@@ -53720,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",
@@ -53798,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
   ] });
@@ -53836,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
@@ -55782,7 +55950,7 @@ const useConnectToMissingCosmosChain = () => {
   }, [sourceAsset, wallets, extraChainIdsToConnect, addExtraChainIdsToConnectForWalletType]);
   return { isAskingToApproveConnection };
 };
-const version = "3.14.6";
+const version = "3.14.8";
 const packageJson = {
   version
 };

package/build/{index.es-CyMUlQCP.js → index.es-C978Pj_n.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs, a as getAugmentedNamespace, c as commonjsGlobal, p as process$1, B as Buffer } from "./index-BY1pAz15.js";
+import { g as getDefaultExportFromCjs, a as getAugmentedNamespace, c as commonjsGlobal, p as process$1, B as Buffer } from "./index-gj7tSkKX.js";
 import "viem";
 import $t$2 from "@walletconnect/sign-client";
 var events = { exports: {} };
@@ -6673,7 +6673,7 @@ let B$1 = class B2 {
 };
 const es = B$1;
 const $ = "wc", k = "ethereum_provider", q = `${$}@2:${k}:`, U = "https://rpc.walletconnect.org/v1/", f2 = ["eth_sendTransaction", "personal_sign"], A = ["eth_accounts", "eth_requestAccounts", "eth_sendRawTransaction", "eth_sign", "eth_signTransaction", "eth_signTypedData", "eth_signTypedData_v3", "eth_signTypedData_v4", "eth_sendTransaction", "personal_sign", "wallet_switchEthereumChain", "wallet_addEthereumChain", "wallet_getPermissions", "wallet_requestPermissions", "wallet_registerOnboarding", "wallet_watchAsset", "wallet_scanQRCode", "wallet_sendCalls", "wallet_getCapabilities", "wallet_getCallsStatus", "wallet_showCallsStatus"], C = ["chainChanged", "accountsChanged"], P = ["chainChanged", "accountsChanged", "message", "disconnect", "connect"], D = async () => {
-  const { createAppKit: s } = await import("./core-C5Tt1lSh.js").then((n2) => n2.G);
+  const { createAppKit: s } = await import("./core-Cisk5LjX.js").then((n2) => n2.G);
   return s;
 };
 var z = Object.defineProperty, L2 = Object.defineProperties, K = Object.getOwnPropertyDescriptors, M = Object.getOwnPropertySymbols, Q = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable, _ = (s, t, e2) => t in s ? z(s, t, { enumerable: true, configurable: true, writable: true, value: e2 }) : s[t] = e2, v = (s, t) => {

package/build/index.js

@@ -1,4 +1,4 @@
-import { W, d, l, o, r, s, u } from "./index-BY1pAz15.js";
+import { W, d, l, o, r, s, u } from "./index-gj7tSkKX.js";
 export {
   W as Widget,
   d as defaultTheme,

package/build/{info-BiDa0NUh.js → info-BqTtWTe7.js}

@@ -1,4 +1,4 @@
-import { m as b } from "./core-C5Tt1lSh.js";
+import { m as b } from "./core-Cisk5LjX.js";
 const infoSvg = b`<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M9.125 6.875C9.125 6.57833 9.21298 6.28832 9.3778 6.04165C9.54262 5.79497 9.77689 5.60271 10.051 5.48918C10.3251 5.37565 10.6267 5.34594 10.9176 5.40382C11.2086 5.4617 11.4759 5.60456 11.6857 5.81434C11.8954 6.02412 12.0383 6.29139 12.0962 6.58236C12.1541 6.87334 12.1244 7.17494 12.0108 7.44903C11.8973 7.72311 11.705 7.95738 11.4584 8.1222C11.2117 8.28703 10.9217 8.375 10.625 8.375C10.2272 8.375 9.84565 8.21696 9.56434 7.93566C9.28304 7.65436 9.125 7.27282 9.125 6.875ZM21.125 11C21.125 13.0025 20.5312 14.9601 19.4186 16.6251C18.3061 18.2902 16.7248 19.5879 14.8747 20.3543C13.0246 21.1206 10.9888 21.3211 9.02471 20.9305C7.06066 20.5398 5.25656 19.5755 3.84055 18.1595C2.42454 16.7435 1.46023 14.9393 1.06955 12.9753C0.678878 11.0112 0.879387 8.97543 1.64572 7.12533C2.41206 5.27523 3.70981 3.69392 5.37486 2.58137C7.0399 1.46882 8.99747 0.875 11 0.875C13.6844 0.877978 16.258 1.94567 18.1562 3.84383C20.0543 5.74199 21.122 8.3156 21.125 11ZM18.875 11C18.875 9.44247 18.4131 7.91992 17.5478 6.62488C16.6825 5.32985 15.4526 4.32049 14.0136 3.72445C12.5747 3.12841 10.9913 2.97246 9.46367 3.27632C7.93607 3.58017 6.53288 4.3302 5.43154 5.43153C4.3302 6.53287 3.58018 7.93606 3.27632 9.46366C2.97246 10.9913 3.12841 12.5747 3.72445 14.0136C4.32049 15.4526 5.32985 16.6825 6.62489 17.5478C7.91993 18.4131 9.44248 18.875 11 18.875C13.0879 18.8728 15.0896 18.0424 16.566 16.566C18.0424 15.0896 18.8728 13.0879 18.875 11ZM12.125 14.4387V11.375C12.125 10.8777 11.9275 10.4008 11.5758 10.0492C11.2242 9.69754 10.7473 9.5 10.25 9.5C9.98433 9.4996 9.72708 9.59325 9.52383 9.76435C9.32058 9.93544 9.18444 10.173 9.13952 10.4348C9.09461 10.6967 9.14381 10.966 9.27843 11.195C9.41304 11.4241 9.62438 11.5981 9.875 11.6863V14.75C9.875 15.2473 10.0725 15.7242 10.4242 16.0758C10.7758 16.4275 11.2527 16.625 11.75 16.625C12.0157 16.6254 12.2729 16.5318 12.4762 16.3607C12.6794 16.1896 12.8156 15.952 12.8605 15.6902C12.9054 15.4283 12.8562 15.159 12.7216 14.93C12.587 14.7009 12.3756 14.5269 12.125 14.4387Z" fill="currentColor"/>
 </svg>`;

package/build/{info-circle-jDRUilD2.js → info-circle-BakL4rwQ.js}

@@ -1,4 +1,4 @@
-import { m as b } from "./core-C5Tt1lSh.js";
+import { m as b } from "./core-Cisk5LjX.js";
 const infoCircleSvg = b`<svg fill="none" viewBox="0 0 14 15">
   <path
     fill="currentColor"

package/build/{lightbulb-Cjzd_5vT.js → lightbulb-D-f595pd.js}

@@ -1,4 +1,4 @@
-import { m as b } from "./core-C5Tt1lSh.js";
+import { m as b } from "./core-Cisk5LjX.js";
 const lightbulbSvg = b`<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M5.00177 1.78569C3.8179 1.78569 2.85819 2.74508 2.85819 3.92855C2.85819 4.52287 3.09928 5.05956 3.49077 5.4485L3.5005 5.45817C3.64381 5.60054 3.76515 5.72108 3.85631 5.81845C3.93747 5.90512 4.05255 6.03218 4.12889 6.1805C4.16999 6.26034 4.19 6.30843 4.21768 6.39385C4.22145 6.40546 4.22499 6.41703 4.22833 6.42855H5.77521C5.77854 6.41703 5.78208 6.40547 5.78585 6.39385C5.81353 6.30843 5.83354 6.26034 5.87464 6.1805C5.95098 6.03218 6.06606 5.90512 6.14722 5.81845C6.23839 5.72108 6.35973 5.60053 6.50304 5.45816L6.51276 5.4485C6.90425 5.05956 7.14534 4.52287 7.14534 3.92855C7.14534 2.74508 6.18563 1.78569 5.00177 1.78569ZM5.71629 7.85712H4.28724C4.28724 8.21403 4.28876 8.40985 4.30703 8.54571C4.30727 8.54748 4.30751 8.54921 4.30774 8.55091C4.30944 8.55115 4.31118 8.55138 4.31295 8.55162C4.44884 8.56989 4.64474 8.5714 5.00177 8.5714C5.3588 8.5714 5.55469 8.56989 5.69059 8.55162C5.69236 8.55138 5.69409 8.55115 5.69579 8.55091C5.69603 8.54921 5.69627 8.54748 5.6965 8.54571C5.71477 8.40985 5.71629 8.21403 5.71629 7.85712ZM2.85819 7.14283C2.85819 6.9948 2.85796 6.91114 2.8548 6.85032C2.85461 6.84656 2.85441 6.84309 2.85421 6.83988C2.84393 6.8282 2.83047 6.81334 2.81301 6.79469C2.74172 6.71856 2.63908 6.61643 2.48342 6.46178C1.83307 5.81566 1.42914 4.91859 1.42914 3.92855C1.42914 1.9561 3.02866 0.357117 5.00177 0.357117C6.97487 0.357117 8.57439 1.9561 8.57439 3.92855C8.57439 4.91859 8.17047 5.81566 7.52012 6.46178C7.36445 6.61643 7.26182 6.71856 7.19053 6.79469C7.17306 6.81334 7.1596 6.8282 7.14932 6.83988C7.14912 6.84309 7.14892 6.84656 7.14873 6.85032C7.14557 6.91114 7.14534 6.9948 7.14534 7.14283V7.85712C7.14534 7.87009 7.14535 7.88304 7.14535 7.89598C7.14541 8.19889 7.14547 8.49326 7.11281 8.73606C7.076 9.00978 6.98631 9.32212 6.72678 9.58156C6.46726 9.841 6.15481 9.93065 5.881 9.96745C5.63813 10.0001 5.34365 10 5.04064 9.99998C5.0277 9.99998 5.01474 9.99998 5.00177 9.99998C4.98879 9.99998 4.97583 9.99998 4.96289 9.99998C4.65988 10 4.36541 10.0001 4.12253 9.96745C3.84872 9.93065 3.53628 9.841 3.27675 9.58156C3.01722 9.32212 2.92753 9.00978 2.89072 8.73606C2.85807 8.49326 2.85812 8.19889 2.85818 7.89598C2.85819 7.88304 2.85819 7.87008 2.85819 7.85712V7.14283ZM7.1243 6.86977C7.12366 6.87069 7.1233 6.87116 7.12327 6.87119C7.12323 6.87123 7.12356 6.87076 7.1243 6.86977ZM2.88027 6.8712C2.88025 6.87119 2.87988 6.8707 2.87921 6.86975C2.87995 6.87072 2.88028 6.8712 2.88027 6.8712Z" fill="#949E9E"/>
 </svg>`;

package/build/{mail-BhHxMnnb.js → mail-DZcj7Qu5.js}

@@ -1,4 +1,4 @@
-import { m as b } from "./core-C5Tt1lSh.js";
+import { m as b } from "./core-Cisk5LjX.js";
 const mailSvg = b`<svg fill="none" viewBox="0 0 16 16">
   <path
     fill="currentColor"

package/build/{mobile-CVEErxrI.js → mobile-CnBwLsjS.js}

@@ -1,4 +1,4 @@
-import { m as b } from "./core-C5Tt1lSh.js";
+import { m as b } from "./core-Cisk5LjX.js";
 const mobileSvg = b`<svg fill="none" viewBox="0 0 20 20">
   <path fill="currentColor" d="M10.81 5.81a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" />
   <path

package/build/{more-CfbjsXii.js → more-PhxmkdTR.js}

@@ -1,4 +1,4 @@
-import { m as b } from "./core-C5Tt1lSh.js";
+import { m as b } from "./core-Cisk5LjX.js";
 const moreSvg = b`<svg fill="none" viewBox="0 0 41 40">
   <path
     style="fill: var(--wui-color-fg-100);"

package/build/{network-placeholder-D9Hcdrem.js → network-placeholder-8gEwN1i5.js}

@@ -1,4 +1,4 @@
-import { m as b } from "./core-C5Tt1lSh.js";
+import { m as b } from "./core-Cisk5LjX.js";
 const networkPlaceholderSvg = b`<svg fill="none" viewBox="0 0 22 20">
   <path
     fill="currentColor"

package/build/{nftPlaceholder-CCUcacNJ.js → nftPlaceholder-68ltsf8P.js}

@@ -1,4 +1,4 @@
-import { m as b } from "./core-C5Tt1lSh.js";
+import { m as b } from "./core-Cisk5LjX.js";
 const nftPlaceholderSvg = b`<svg fill="none" viewBox="0 0 20 20">
   <path
     fill="currentColor"

package/build/{off-ocoCgFJP.js → off-Bg3kAiDn.js}

@@ -1,4 +1,4 @@
-import { m as b } from "./core-C5Tt1lSh.js";
+import { m as b } from "./core-Cisk5LjX.js";
 const offSvg = b`<svg fill="none" viewBox="0 0 16 16">
   <path
     fill="currentColor"