@skip-go/widget 3.9.6 → 3.10.0

package/build/{index-DmqeTZFG.js → index-BJ7FPDIO.js}

@@ -3,7 +3,7 @@ import o, { useState, useMemo, useEffect, useContext, useRef, useDebugValue, cre
 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, transactionStatus, ChainType, getSigningStargateClient, route, executeRoute, FeeType, balances, GAS_STATION_CHAIN_IDS, setClientOptions } from "@skip-go/client";
+import { assets, chains, bridges, venues, transactionStatus, ChainType, getSigningStargateClient, route, executeRoute, balances, FeeType, GAS_STATION_CHAIN_IDS, setClientOptions } from "@skip-go/client";
 import { atomWithQuery, atomWithMutation } from "jotai-tanstack-query";
 import pluralize from "pluralize";
 import { track, setUserId, add, init as init$1 } from "@amplitude/analytics-browser";
@@ -5151,10 +5151,10 @@ const _skipRouteAtom = atomWithQuery((get) => {
   const isInvertingSwap = get(isInvertingSwapAtom);
   const error = get(errorAtom);
   const routeConfig = get(routeConfigAtom);
-  const routePreference = get(routePreferenceAtom);
+  const swapSettings = get(swapSettingsAtom);
   const queryEnabled = params !== void 0 && (Number(params.amountIn) > 0 || Number(params.amountOut) > 0) && !isInvertingSwap && currentPage === Routes.SwapPage && error === void 0;
   return {
-    queryKey: ["skipRoute", params, routeConfig, routePreference],
+    queryKey: ["skipRoute", params, routeConfig, swapSettings],
     queryFn: async () => {
       if (!params) {
         throw new Error("No route request provided");
@@ -5164,7 +5164,7 @@ const _skipRouteAtom = atomWithQuery((get) => {
           ...params,
           smartRelay: true,
           ...routeConfig,
-          goFast: routePreference === RoutePreference.FASTEST,
+          goFast: swapSettings.routePreference === RoutePreference.FASTEST,
           abortDuplicateRequests: true
         });
         return response;
@@ -43189,7 +43189,7 @@ function walletConnect(parameters) {
         const optionalChains = config2.chains.map((x2) => x2.id);
         if (!optionalChains.length)
           return;
-        const { EthereumProvider } = await import("./index.es-B-tlH5iO.js");
+        const { EthereumProvider } = await import("./index.es-D26eUUH4.js");
         return await EthereumProvider.init({
           ...parameters,
           disableProviderPing: true,
@@ -43724,7 +43724,7 @@ const setSwapExecutionStateAtom = atom$1(null, (get, set) => {
           }
         });
       } else {
-        track("error page: unexpected error");
+        track("error page: unexpected error", { error, route: route2 });
         set(errorAtom, {
           errorType: ErrorType.Unexpected,
           error,
@@ -44625,6 +44625,189 @@ const useCopyAddress = () => {
     isShowingCopyAddressFeedback
   };
 };
+const skipAllBalancesRequestAtom = atom$1(void 0);
+const skipAllBalancesAtom = atomWithQuery((get) => {
+  const params = get(skipAllBalancesRequestAtom);
+  const isInvertingSwap = get(isInvertingSwapAtom);
+  const enabled = params && !isInvertingSwap;
+  return {
+    queryKey: ["skipBalances", params],
+    queryFn: async () => {
+      if (!params) {
+        return { chains: {} };
+      }
+      if (Object.keys((params == null ? void 0 : params.chains) ?? {}).length === 0) {
+        return { chains: {} };
+      }
+      return balances({ ...params, abortDuplicateRequests: true });
+    },
+    enabled,
+    refetchInterval: 1e3 * 60,
+    retry: 1,
+    gcTime: 0,
+    placeholderData: (prevData) => prevData
+  };
+});
+const useGetBalance = () => {
+  const { data: skipBalances } = useAtomValue(skipAllBalancesAtom);
+  const getBalance = useCallback(
+    (chainId, denom) => {
+      var _a, _b, _c;
+      if (!chainId || !denom) return;
+      return (_c = (_b = (_a = skipBalances == null ? void 0 : skipBalances.chains) == null ? void 0 : _a[chainId]) == null ? void 0 : _b.denoms) == null ? void 0 : _c[denom];
+    },
+    [skipBalances]
+  );
+  return getBalance;
+};
+const filterAtom = atom$1();
+const filterOutAtom = atom$1();
+const filterOutUnlessUserHasBalanceAtom = atom$1();
+const useGroupedAssetByRecommendedSymbol = ({
+  context
+}) => {
+  const { data: _assets } = useAtomValue(skipAssetsAtom);
+  const getBalance = useGetBalance();
+  const filter2 = useAtomValue(filterAtom);
+  const filterOut = useAtomValue(filterOutAtom);
+  const filterOutUnlessUserHasBalance = useAtomValue(filterOutUnlessUserHasBalanceAtom);
+  const assets2 = useMemo(() => {
+    const allowed = context && (filter2 == null ? void 0 : filter2[context]);
+    const blocked = context && (filterOut == null ? void 0 : filterOut[context]);
+    const blockedUnlessUserHasBalance = context && (filterOutUnlessUserHasBalance == null ? void 0 : filterOutUnlessUserHasBalance[context]);
+    return _assets == null ? void 0 : _assets.filter((asset) => {
+      var _a;
+      const isAllowed = !allowed || Object.entries(allowed).some(([chainId, denoms]) => {
+        var _a2;
+        if (denoms) {
+          return chainId === asset.chainId && denoms.map((x2) => x2.toLowerCase()).includes((_a2 = asset.denom) == null ? void 0 : _a2.toLowerCase());
+        } else {
+          return chainId === asset.chainId;
+        }
+      });
+      const isBlocked = !!blocked && Object.entries(blocked).some(([chainId, denoms]) => {
+        var _a2;
+        if (denoms) {
+          return chainId === asset.chainId && denoms.map((x2) => x2.toLowerCase()).includes((_a2 = asset.denom) == null ? void 0 : _a2.toLowerCase());
+        } else {
+          return chainId === asset.chainId;
+        }
+      });
+      const hasBalance = Number(((_a = getBalance(asset.chainId, asset.denom)) == null ? void 0 : _a.amount) ?? 0) > 0;
+      const isBlockedUnlessUserHasBalance = !!blockedUnlessUserHasBalance && !hasBalance && Object.entries(blockedUnlessUserHasBalance).some(([chainId, denoms]) => {
+        if (denoms) {
+          return chainId === asset.chainId && denoms.map((x2) => x2.toLowerCase()).includes(asset.denom.toLowerCase());
+        } else {
+          return chainId === asset.chainId;
+        }
+      });
+      return isAllowed && !isBlocked && !isBlockedUnlessUserHasBalance;
+    });
+  }, [filter2, context, filterOut, filterOutUnlessUserHasBalance, _assets, getBalance]);
+  const groupedAssetsByRecommendedSymbol = useMemo(() => {
+    if (!assets2) return;
+    const groupedAssets = [];
+    const calculateBalanceSummary = (assets22) => {
+      return assets22.reduce(
+        (accumulator, asset) => {
+          const balance = getBalance(asset.chainId, asset.denom);
+          if (balance) {
+            accumulator.totalAmount += Number(balance.amount);
+            accumulator.formattedTotalAmount += Number(
+              convertTokenAmountToHumanReadableAmount(balance.amount, balance == null ? void 0 : balance.decimals)
+            );
+            accumulator.totalUsd += Number(balance.valueUsd ?? 0);
+          }
+          return accumulator;
+        },
+        { totalAmount: 0, totalUsd: 0, formattedTotalAmount: 0 }
+      );
+    };
+    assets2.forEach((asset) => {
+      const foundGroup = groupedAssets.find((group) => group.id === asset.recommendedSymbol);
+      if (foundGroup) {
+        foundGroup.assets.push(asset);
+        foundGroup.chains.push({
+          chainId: asset.chainId,
+          chainName: asset.chainName,
+          originChainId: asset.originChainId
+        });
+      } else {
+        groupedAssets.push({
+          id: asset.recommendedSymbol || asset.symbol || asset.denom,
+          name: asset.name,
+          chains: [
+            {
+              chainId: asset.chainId,
+              chainName: asset.chainName,
+              originChainId: asset.originChainId
+            }
+          ],
+          assets: [asset],
+          totalAmount: 0,
+          totalUsd: 0,
+          formattedTotalAmount: "0"
+        });
+      }
+    });
+    groupedAssets.forEach((group) => {
+      const balanceSummary = calculateBalanceSummary(group.assets);
+      group.totalAmount = balanceSummary.totalAmount;
+      group.totalUsd = balanceSummary.totalUsd;
+      group.formattedTotalAmount = balanceSummary.formattedTotalAmount.toString();
+    });
+    return groupedAssets;
+  }, [assets2, getBalance]);
+  return groupedAssetsByRecommendedSymbol;
+};
+const MAX_NUMBER_OF_IMAGES_TO_CHECK = 6;
+const GroupedAssetImage = ({
+  groupedAsset,
+  height,
+  width,
+  style
+}) => {
+  var _a;
+  const [currentImageIndex, setCurrentImageIndex] = useState(0);
+  if (!(groupedAsset == null ? void 0 : groupedAsset.assets) || groupedAsset.assets.length === 0) {
+    return /* @__PURE__ */ jsx(StyledAssetImage, { height, width, src: "", alt: "No asset" });
+  }
+  const allLogoUris = [
+    (_a = groupedAsset.assets.find((asset) => {
+      var _a2;
+      return (_a2 = asset.logoUri) == null ? void 0 : _a2.includes("chain-registry");
+    })) == null ? void 0 : _a.logoUri,
+    ...groupedAsset.assets.map((asset) => asset.logoUri)
+  ].filter((uri) => !!uri);
+  const dedupedLogoUris = Array.from(new Set(allLogoUris));
+  if (dedupedLogoUris.length === 0) {
+    return /* @__PURE__ */ jsx(StyledAssetImage, { height, width, src: "", alt: "No valid URIs" });
+  }
+  const handleError = (e) => {
+    if (currentImageIndex >= dedupedLogoUris.length - 1 || currentImageIndex >= MAX_NUMBER_OF_IMAGES_TO_CHECK) {
+      e.currentTarget.onerror = null;
+      return;
+    }
+    setCurrentImageIndex((prev2) => prev2 + 1);
+  };
+  return /* @__PURE__ */ jsx(
+    StyledAssetImage,
+    {
+      height,
+      width,
+      src: dedupedLogoUris[currentImageIndex],
+      loading: "lazy",
+      onError: handleError,
+      alt: `${groupedAsset.assets[0].recommendedSymbol || ""} logo`,
+      style
+    }
+  );
+};
+const StyledAssetImage = dt.img`
+  border-radius: 50%;
+  object-fit: cover;
+  ${({ theme }) => `background: ${theme.secondary.background.hover};`}
+`;
 const SwapExecutionPageRouteDetailedRow = ({
   denom,
   tokenAmount,
@@ -44638,7 +44821,7 @@ const SwapExecutionPageRouteDetailedRow = ({
   statusData,
   ...props
 }) => {
-  var _a, _b, _c;
+  var _a, _b;
   const theme = nt();
   const isMobileScreenSize = useIsMobileScreenSize();
   const { copyAddress, isShowingCopyAddressFeedback } = useCopyAddress();
@@ -44647,6 +44830,10 @@ const SwapExecutionPageRouteDetailedRow = ({
     chainId,
     tokenAmount
   });
+  const groupedAssets = useGroupedAssetByRecommendedSymbol({
+    context: void 0
+  });
+  const groupedAsset = groupedAssets == null ? void 0 : groupedAssets.find((i) => i.id === (assetDetails == null ? void 0 : assetDetails.symbol));
   const chainAddresses = useAtomValue(chainAddressesAtom);
   const shouldRenderEditDestinationWallet = context === "destination" && onClickEditDestinationWallet !== void 0;
   const renderingEditDestinationWalletOrExplorerLink = shouldRenderEditDestinationWallet || explorerLink !== void 0;
@@ -44719,7 +44906,7 @@ const SwapExecutionPageRouteDetailedRow = ({
   const numberOfTransferEvents = statusData == null ? void 0 : statusData.transferEvents.length;
   const latestStatus = (_b = (_a = statusData == null ? void 0 : statusData.transferEvents) == null ? void 0 : _a[(statusData == null ? void 0 : statusData.transferEvents.length) - 1]) == null ? void 0 : _b.status;
   return /* @__PURE__ */ jsxs(Row, { gap: 15, align: "center", ...props, children: [
-    (assetDetails == null ? void 0 : assetDetails.assetImage) ? /* @__PURE__ */ jsx(
+    groupedAsset ? /* @__PURE__ */ jsx(
       StyledAnimatedBorder,
       {
         width: 30,
@@ -44727,12 +44914,12 @@ const SwapExecutionPageRouteDetailedRow = ({
         backgroundColor: theme.success.text,
         status,
         children: /* @__PURE__ */ jsx(
-          StyledChainImage$1,
+          GroupedAssetImage,
           {
             height: 30,
             width: 30,
-            src: assetDetails.assetImage,
-            title: (_c = assetDetails == null ? void 0 : assetDetails.asset) == null ? void 0 : _c.name
+            style: { borderRadius: 30, boxSizing: "content-box" },
+            groupedAsset
           }
         )
       },
@@ -44801,10 +44988,6 @@ const PlaceholderIcon$1 = dt.div`
 const AddressText = dt(SmallText)`
   text-transform: lowercase;
 `;
-const StyledChainImage$1 = dt.img`
-  border-radius: 50%;
-  box-sizing: content-box;
-`;
 const StyledAnimatedBorder = ({
   backgroundColor,
   children,
@@ -45363,10 +45546,6 @@ const walletInfo = {
     imgSrc: "https://raw.githubusercontent.com/graz-sh/graz/dev/example/starter/public/assets/wallet-icon-cosmostation.png",
     mobile: true
   },
-  [WalletType.CAPSULE]: {
-    name: "Capsule",
-    imgSrc: "https://raw.githubusercontent.com/graz-sh/graz/dev/example/starter/public/assets/wallet-icon-capsule.jpg"
-  },
   [WalletType.COSMIFRAME]: {
     name: "DAO DAO",
     imgSrc: "https://raw.githubusercontent.com/graz-sh/graz/dev/example/starter/public/assets/wallet-icon-daodao.png"
@@ -45484,7 +45663,8 @@ const useCreateCosmosWallets = () => {
             track("wallet connected", {
               walletName: wallet,
               chainId: chainIdToConnect,
-              chainType: ChainType.Cosmos
+              chainType: ChainType.Cosmos,
+              address
             });
             return { address };
           } catch (e) {
@@ -45779,7 +45959,8 @@ const useCreateEvmWallets = () => {
             track("wallet connected", {
               walletName: connector.name,
               chainId: chainIdToConnect,
-              chainType: ChainType.Evm
+              chainType: ChainType.Evm,
+              address: account[0]
             });
             return { address: account[0], logo: (_e2 = walletConnectMetadata == null ? void 0 : walletConnectMetadata.icons) == null ? void 0 : _e2[0] };
           } catch (e) {
@@ -47003,41 +47184,6 @@ const SkeletonElement = dt.div`
 const CircleSkeletonElement = dt(SkeletonElement)`
   border-radius: 50%;
 `;
-const skipAllBalancesRequestAtom = atom$1(void 0);
-const skipAllBalancesAtom = atomWithQuery((get) => {
-  const params = get(skipAllBalancesRequestAtom);
-  const isInvertingSwap = get(isInvertingSwapAtom);
-  const enabled = params && !isInvertingSwap;
-  return {
-    queryKey: ["skipBalances", params],
-    queryFn: async () => {
-      if (!params) {
-        return { chains: {} };
-      }
-      if (Object.keys((params == null ? void 0 : params.chains) ?? {}).length === 0) {
-        return { chains: {} };
-      }
-      return balances({ ...params, abortDuplicateRequests: true });
-    },
-    enabled,
-    refetchInterval: 1e3 * 60,
-    retry: 1,
-    gcTime: 0,
-    placeholderData: (prevData) => prevData
-  };
-});
-const useGetBalance = () => {
-  const { data: skipBalances } = useAtomValue(skipAllBalancesAtom);
-  const getBalance = useCallback(
-    (chainId, denom) => {
-      var _a, _b, _c;
-      if (!chainId || !denom) return;
-      return (_c = (_b = (_a = skipBalances == null ? void 0 : skipBalances.chains) == null ? void 0 : _a[chainId]) == null ? void 0 : _b.denoms) == null ? void 0 : _c[denom];
-    },
-    [skipBalances]
-  );
-  return getBalance;
-};
 const PRIVILEGED_ASSETS = ["ATOM", "USDC", "USDT", "ETH", "TIA", "OSMO", "NTRN", "INJ"];
 const assetSymbolsSortedToTopAtom = atom$1(PRIVILEGED_ASSETS);
 const EXCLUDED_TOKEN_COMBINATIONS = [{ id: "SOL", chainIDs: ["solana"] }];
@@ -47082,9 +47228,6 @@ const useFilteredAssets = ({
 };
 const ibcEurekaHighlightedAssetsAtom = atom$1({});
 const hideAssetsUnlessWalletTypeConnectedAtom = atom$1(false);
-const filterAtom = atom$1();
-const filterOutAtom = atom$1();
-const filterOutUnlessUserHasBalanceAtom = atom$1();
 const useFilteredChains = ({
   selectedGroup,
   searchQuery = "",
@@ -47198,48 +47341,6 @@ const useFilteredChains = ({
   ]);
   return filteredChains;
 };
-const MAX_NUMBER_OF_IMAGES_TO_CHECK = 6;
-const GroupedAssetImage = ({ groupedAsset, height, width }) => {
-  var _a;
-  const [currentImageIndex, setCurrentImageIndex] = useState(0);
-  if (!(groupedAsset == null ? void 0 : groupedAsset.assets) || groupedAsset.assets.length === 0) {
-    return /* @__PURE__ */ jsx(StyledAssetImage, { height, width, src: "", alt: "No asset" });
-  }
-  const allLogoUris = [
-    (_a = groupedAsset.assets.find((asset) => {
-      var _a2;
-      return (_a2 = asset.logoUri) == null ? void 0 : _a2.includes("chain-registry");
-    })) == null ? void 0 : _a.logoUri,
-    ...groupedAsset.assets.map((asset) => asset.logoUri)
-  ].filter((uri) => !!uri);
-  const dedupedLogoUris = Array.from(new Set(allLogoUris));
-  if (dedupedLogoUris.length === 0) {
-    return /* @__PURE__ */ jsx(StyledAssetImage, { height, width, src: "", alt: "No valid URIs" });
-  }
-  const handleError = (e) => {
-    if (currentImageIndex >= dedupedLogoUris.length - 1 || currentImageIndex >= MAX_NUMBER_OF_IMAGES_TO_CHECK) {
-      e.currentTarget.onerror = null;
-      return;
-    }
-    setCurrentImageIndex((prev2) => prev2 + 1);
-  };
-  return /* @__PURE__ */ jsx(
-    StyledAssetImage,
-    {
-      height,
-      width,
-      src: dedupedLogoUris[currentImageIndex],
-      loading: "lazy",
-      onError: handleError,
-      alt: `${groupedAsset.assets[0].recommendedSymbol || ""} logo`
-    }
-  );
-};
-const StyledAssetImage = dt.img`
-  border-radius: 50%;
-  object-fit: cover;
-  ${({ theme }) => `background: ${theme.secondary.background.hover};`}
-`;
 const isGroupedAsset = (item) => {
   return item.chains !== void 0;
 };
@@ -47479,104 +47580,6 @@ const TinyTriangleIcon = ({
     children: /* @__PURE__ */ jsx("path", { d: "M4.44881 6.98877L0.420326 0.0112305L8.47729 0.0112305L4.44881 6.98877Z", fill: color })
   }
 );
-const useGroupedAssetByRecommendedSymbol = ({
-  context
-}) => {
-  const { data: _assets } = useAtomValue(skipAssetsAtom);
-  const getBalance = useGetBalance();
-  const filter2 = useAtomValue(filterAtom);
-  const filterOut = useAtomValue(filterOutAtom);
-  const filterOutUnlessUserHasBalance = useAtomValue(filterOutUnlessUserHasBalanceAtom);
-  const assets2 = useMemo(() => {
-    const allowed = filter2 == null ? void 0 : filter2[context];
-    const blocked = filterOut == null ? void 0 : filterOut[context];
-    const blockedUnlessUserHasBalance = filterOutUnlessUserHasBalance == null ? void 0 : filterOutUnlessUserHasBalance[context];
-    return _assets == null ? void 0 : _assets.filter((asset) => {
-      var _a;
-      const isAllowed = !allowed || Object.entries(allowed).some(([chainId, denoms]) => {
-        var _a2;
-        if (denoms) {
-          return chainId === asset.chainId && denoms.map((x2) => x2.toLowerCase()).includes((_a2 = asset.denom) == null ? void 0 : _a2.toLowerCase());
-        } else {
-          return chainId === asset.chainId;
-        }
-      });
-      const isBlocked = !!blocked && Object.entries(blocked).some(([chainId, denoms]) => {
-        var _a2;
-        if (denoms) {
-          return chainId === asset.chainId && denoms.map((x2) => x2.toLowerCase()).includes((_a2 = asset.denom) == null ? void 0 : _a2.toLowerCase());
-        } else {
-          return chainId === asset.chainId;
-        }
-      });
-      const hasBalance = Number(((_a = getBalance(asset.chainId, asset.denom)) == null ? void 0 : _a.amount) ?? 0) > 0;
-      const isBlockedUnlessUserHasBalance = !!blockedUnlessUserHasBalance && !hasBalance && Object.entries(blockedUnlessUserHasBalance).some(([chainId, denoms]) => {
-        if (denoms) {
-          return chainId === asset.chainId && denoms.map((x2) => x2.toLowerCase()).includes(asset.denom.toLowerCase());
-        } else {
-          return chainId === asset.chainId;
-        }
-      });
-      return isAllowed && !isBlocked && !isBlockedUnlessUserHasBalance;
-    });
-  }, [filter2, context, filterOut, filterOutUnlessUserHasBalance, _assets, getBalance]);
-  const groupedAssetsByRecommendedSymbol = useMemo(() => {
-    if (!assets2) return;
-    const groupedAssets = [];
-    const calculateBalanceSummary = (assets22) => {
-      return assets22.reduce(
-        (accumulator, asset) => {
-          const balance = getBalance(asset.chainId, asset.denom);
-          if (balance) {
-            accumulator.totalAmount += Number(balance.amount);
-            accumulator.totalUsd += Number(balance.valueUsd ?? 0);
-          }
-          return accumulator;
-        },
-        { totalAmount: 0, totalUsd: 0 }
-      );
-    };
-    assets2.forEach((asset) => {
-      const foundGroup = groupedAssets.find((group) => group.id === asset.recommendedSymbol);
-      if (foundGroup) {
-        foundGroup.assets.push(asset);
-        foundGroup.chains.push({
-          chainId: asset.chainId,
-          chainName: asset.chainName,
-          originChainId: asset.originChainId
-        });
-      } else {
-        groupedAssets.push({
-          id: asset.recommendedSymbol || asset.symbol || asset.denom,
-          name: asset.name,
-          chains: [
-            {
-              chainId: asset.chainId,
-              chainName: asset.chainName,
-              originChainId: asset.originChainId
-            }
-          ],
-          assets: [asset],
-          totalAmount: 0,
-          totalUsd: 0,
-          formattedTotalAmount: "0",
-          decimals: asset.decimals
-        });
-      }
-    });
-    groupedAssets.forEach((group) => {
-      const balanceSummary = calculateBalanceSummary(group.assets);
-      group.totalAmount = balanceSummary.totalAmount;
-      group.totalUsd = balanceSummary.totalUsd;
-      group.formattedTotalAmount = convertTokenAmountToHumanReadableAmount(
-        balanceSummary.totalAmount,
-        group.decimals
-      );
-    });
-    return groupedAssets;
-  }, [assets2, getBalance]);
-  return groupedAssetsByRecommendedSymbol;
-};
 const SwapPageAssetChainInput = ({
   value,
   usdValue,
@@ -48816,7 +48819,6 @@ const SwapExecutionPageRouteSimpleRow = ({
   explorerLink,
   context
 }) => {
-  var _a;
   const theme = nt();
   const isMobileScreenSize = useIsMobileScreenSize();
   const { copyAddress, isShowingCopyAddressFeedback } = useCopyAddress();
@@ -48825,16 +48827,20 @@ const SwapExecutionPageRouteSimpleRow = ({
     chainId,
     tokenAmount
   });
+  const groupedAssets = useGroupedAssetByRecommendedSymbol({
+    context: void 0
+  });
+  const groupedAsset = groupedAssets == null ? void 0 : groupedAssets.find((i) => i.id === (assetDetails == null ? void 0 : assetDetails.symbol));
   const chainAddresses = useAtomValue(chainAddressesAtom);
   const source = useMemo(() => {
-    var _a2, _b;
+    var _a, _b;
     const chainAddressArray = Object.values(chainAddresses);
     switch (context) {
       case "source": {
         const selected = chainAddressArray[0];
         return {
           address: selected == null ? void 0 : selected.address,
-          image: (selected == null ? void 0 : selected.source) === "wallet" && ((_a2 = selected == null ? void 0 : selected.wallet) == null ? void 0 : _a2.walletInfo.logo) || void 0
+          image: (selected == null ? void 0 : selected.source) === "wallet" && ((_a = selected == null ? void 0 : selected.wallet) == null ? void 0 : _a.walletInfo.logo) || void 0
         };
       }
       case "destination": {
@@ -48864,14 +48870,13 @@ const SwapExecutionPageRouteSimpleRow = ({
         height: 50,
         backgroundColor: theme.success.text,
         status,
-        children: assetDetails.assetImage ? /* @__PURE__ */ jsx(
-          "img",
+        children: groupedAsset ? /* @__PURE__ */ jsx(
+          GroupedAssetImage,
           {
             height: 50,
             width: 50,
             style: { borderRadius: 50 },
-            src: assetDetails.assetImage,
-            title: (_a = assetDetails == null ? void 0 : assetDetails.asset) == null ? void 0 : _a.name
+            groupedAsset
           }
         ) : /* @__PURE__ */ jsx(PlaceholderIcon, { children: "?" })
       }
@@ -50688,7 +50693,7 @@ const SwapPage = () => {
         switchEvmchainId(asset == null ? void 0 : asset.chainId);
         setSourceAssetAmount("");
         setDestinationAssetAmount("");
-        NiceModal.hide(Modals.AssetAndChainSelectorModal);
+        NiceModal.remove(Modals.AssetAndChainSelectorModal);
       }
     });
   }, [setDestinationAssetAmount, setSourceAsset, setSourceAssetAmount, switchEvmchainId]);
@@ -50703,7 +50708,7 @@ const SwapPage = () => {
           ...asset
         }));
         switchEvmchainId(asset == null ? void 0 : asset.chainId);
-        NiceModal.hide(Modals.AssetAndChainSelectorModal);
+        NiceModal.remove(Modals.AssetAndChainSelectorModal);
       },
       selectedAsset: getClientAsset(sourceAsset == null ? void 0 : sourceAsset.denom, sourceAsset == null ? void 0 : sourceAsset.chainId),
       selectChain: true
@@ -50719,7 +50724,7 @@ const SwapPage = () => {
           ...old,
           ...asset
         }));
-        NiceModal.hide(Modals.AssetAndChainSelectorModal);
+        NiceModal.remove(Modals.AssetAndChainSelectorModal);
       }
     });
   }, [setDestinationAsset]);
@@ -50733,7 +50738,7 @@ const SwapPage = () => {
           ...old,
           ...asset
         }));
-        NiceModal.hide(Modals.AssetAndChainSelectorModal);
+        NiceModal.remove(Modals.AssetAndChainSelectorModal);
       },
       selectedAsset: getClientAsset(destinationAsset == null ? void 0 : destinationAsset.denom, destinationAsset == null ? void 0 : destinationAsset.chainId),
       selectChain: true
@@ -50873,8 +50878,10 @@ const SwapPage = () => {
       setChainAddresses({});
       setCurrentPage(Routes.SwapExecutionPage);
       setUser({ username: sourceAccount == null ? void 0 : sourceAccount.address });
-      const replay = getReplay();
-      replay == null ? void 0 : replay.start();
+      if (sourceAccount == null ? void 0 : sourceAccount.address) {
+        const replay = getReplay();
+        replay == null ? void 0 : replay.start();
+      }
       setSwapExecutionState();
     };
     return /* @__PURE__ */ jsx(
@@ -51924,6 +51931,7 @@ const TransactionHistoryPageHistoryItem = ({
       addSuffix: true
     }).replace("minutes", "mins").replace("minute", "min").replace("hours", "hrs").replace("hour", "hr").replace("seconds", "secs").replace("second", "sec").replace("months", "mos").replace("month", "mo").replace("years", "yrs").replace("year", "yr");
   }, [timestamp, historyStatus]);
+  if (!txHistoryItem.route) return null;
   return /* @__PURE__ */ jsxs(StyledHistoryContainer, { showDetails, children: [
     /* @__PURE__ */ jsxs(StyledHistoryItemRow, { align: "center", justify: "space-between", onClick: onClickRow, children: [
       /* @__PURE__ */ jsxs(Row, { gap: 8, align: "center", children: [
@@ -51974,7 +51982,7 @@ const RenderAssetAmount = ({
     return verboseString;
   }, [asset, chainName, isMobileScreenSize, sourceAsset]);
   return /* @__PURE__ */ jsxs(Row, { gap: 8, children: [
-    /* @__PURE__ */ jsx("img", { height: 35, width: 35, src: assetImage }),
+    /* @__PURE__ */ jsx("img", { height: 35, width: 35, src: assetImage, alt: subtitle }),
     /* @__PURE__ */ jsxs(Column, { style: sourceAsset ? { width: 50 } : void 0, children: [
       /* @__PURE__ */ jsx(Tooltip, { content: amount, style: { width: "min-content" }, children: /* @__PURE__ */ jsx(Text, { normalTextColor: true, style: { width: "max-content" }, children: formattedAmount }) }),
       /* @__PURE__ */ jsx(SmallText, { title: asset == null ? void 0 : asset.chainName, textWrap: "nowrap", overflowEllipsis: true, children: subtitle })
@@ -52226,16 +52234,13 @@ const initSentry = () => {
         networkResponseHeaders: ["X-Custom-Header"],
         useCompression: false
       })
-    ],
-    // Session Replay
-    replaysSessionSampleRate: 1,
-    replaysOnErrorSampleRate: 0
+    ]
   });
   isSentryInitialized = true;
 };
 const name = "@skip-go/widget";
 const description = "Swap widget";
-const version = "3.9.6";
+const version = "3.10.0";
 const repository = {
   url: "https://github.com/skip-mev/skip-go",
   directory: "packages/widget"
@@ -52330,13 +52335,12 @@ const peerDependencies = {
 const dependencies = {
   "@amplitude/analytics-browser": "^2.11.12",
   "@amplitude/plugin-session-replay-browser": "^1.16.5",
-  "@cosmjs/amino": "0.31.3",
-  "@cosmjs/cosmwasm-stargate": "0.31.3",
-  "@cosmjs/launchpad": "*",
-  "@cosmjs/math": "^0.31.3",
-  "@cosmjs/proto-signing": "0.31.3",
-  "@cosmjs/stargate": "0.31.3",
-  "@cosmjs/tendermint-rpc": "0.31.3",
+  "@cosmjs/amino": "0.33.1",
+  "@cosmjs/cosmwasm-stargate": "0.33.1",
+  "@cosmjs/encoding": "0.33.1",
+  "@cosmjs/math": "0.33.1",
+  "@cosmjs/proto-signing": "0.33.1",
+  "@cosmjs/stargate": "0.33.1",
   "@ebay/nice-modal-react": "^1.2.13",
   "@eslint/compat": "^1.1.1",
   "@leapwallet/cosmos-social-login-capsule-provider": "^0.0.44",
@@ -52361,7 +52365,7 @@ const dependencies = {
   "@walletconnect/solana-adapter": "^0.0.6",
   add: "^2.0.6",
   bech32: "^2.0.0",
-  graz: "^0.2.6",
+  graz: "0.3.1",
   jotai: "^2.10.1",
   "jotai-effect": "^1.0.2",
   "jotai-tanstack-query": "^0.8.6",
@@ -52410,7 +52414,6 @@ const initAmplitude = () => {
   init$1("14616a575f32087cf0403ab8f3ea3ce0", {
     autocapture: true,
     appVersion: version
-    // serverUrl: "https://go.skip.build/api/amplitude"
   });
   isAmplitudeInitialized = true;
 };

package/build/{index.es-B-tlH5iO.js → index.es-D26eUUH4.js}

@@ -1,4 +1,4 @@
-import { g as getAugmentedNamespace, c as commonjsGlobal, a as getDefaultExportFromCjs, p as process$1 } from "./index-DmqeTZFG.js";
+import { g as getAugmentedNamespace, c as commonjsGlobal, a as getDefaultExportFromCjs, p as process$1 } from "./index-BJ7FPDIO.js";
 import qg, { PROPOSAL_EXPIRY_MESSAGE } from "@walletconnect/sign-client";
 const global = globalThis || void 0 || self;
 var buffer$1 = {};

package/build/index.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@skip-go/widget",
   "description": "Swap widget",
-  "version": "3.9.6",
+  "version": "3.10.0",
   "repository": {
     "url": "https://github.com/skip-mev/skip-go",
     "directory": "packages/widget"
@@ -28,13 +28,12 @@
   "dependencies": {
     "@amplitude/analytics-browser": "^2.11.12",
     "@amplitude/plugin-session-replay-browser": "^1.16.5",
-    "@cosmjs/amino": "0.31.3",
-    "@cosmjs/cosmwasm-stargate": "0.31.3",
-    "@cosmjs/launchpad": "*",
-    "@cosmjs/math": "^0.31.3",
-    "@cosmjs/proto-signing": "0.31.3",
-    "@cosmjs/stargate": "0.31.3",
-    "@cosmjs/tendermint-rpc": "0.31.3",
+    "@cosmjs/amino": "0.33.1",
+    "@cosmjs/cosmwasm-stargate": "0.33.1",
+    "@cosmjs/encoding": "0.33.1",
+    "@cosmjs/math": "0.33.1",
+    "@cosmjs/proto-signing": "0.33.1",
+    "@cosmjs/stargate": "0.33.1",
     "@ebay/nice-modal-react": "^1.2.13",
     "@eslint/compat": "^1.1.1",
     "@leapwallet/cosmos-social-login-capsule-provider": "^0.0.44",
@@ -44,7 +43,7 @@
     "@penumbra-zone/transport-dom": "^7.5.0",
     "@r2wc/react-to-web-component": "^2.0.3",
     "@sentry/react": "^8.46.0",
-    "@skip-go/client": "1.0.6",
+    "@skip-go/client": "1.1.0",
     "@solana/spl-token": "^0.4.8",
     "@solana/wallet-adapter-backpack": "^0.1.14",
     "@solana/wallet-adapter-coinbase": "^0.1.19",
@@ -59,7 +58,7 @@
     "@walletconnect/solana-adapter": "^0.0.6",
     "add": "^2.0.6",
     "bech32": "^2.0.0",
-    "graz": "^0.2.6",
+    "graz": "0.3.1",
     "jotai": "^2.10.1",
     "jotai-effect": "^1.0.2",
     "jotai-tanstack-query": "^0.8.6",