@skip-go/widget 3.12.2 → 3.12.4

package/build/{index-B_YSz0du.js → index-BbqLTTYa.js}

@@ -1,9 +1,9 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import o, { useContext, useState, useMemo, useEffect, useRef, useDebugValue, createElement, useCallback, Fragment as Fragment$1, memo, forwardRef } from "react";
+import o, { useContext, useState, useMemo, useEffect, useRef, useDebugValue, createElement, useCallback, Fragment as Fragment$1, memo, startTransition, forwardRef, Suspense } from "react";
 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, balances, FeeType, GAS_STATION_CHAIN_IDS, setClientOptions } from "@skip-go/client";
+import { assets, chains, bridges, venues, transactionStatus, ChainType, getSigningStargateClient, route, executeRoute, balances, BridgeType, FeeType, GAS_STATION_CHAIN_IDS, setClientOptions } from "@skip-go/client";
 import { atomWithQuery, atomWithMutation } from "jotai-tanstack-query";
 import pluralize from "pluralize";
 import { track, setUserId, init as init$1, add } from "@amplitude/analytics-browser";
@@ -45294,7 +45294,7 @@ function walletConnect(parameters) {
         const optionalChains = config2.chains.map((x2) => x2.id);
         if (!optionalChains.length)
           return;
-        const { EthereumProvider } = await import("./index.es-D-hExlvU.js");
+        const { EthereumProvider } = await import("./index.es-DJQaePo-.js");
         return await EthereumProvider.init({
           ...parameters,
           disableProviderPing: true,
@@ -48391,78 +48391,47 @@ const usdFormatter = new Intl.NumberFormat("en-US", {
   currency: "USD",
   maximumFractionDigits: 2
 });
-const computeOpFee = (op) => {
-  if (op.type === OperationType.goFastTransfer && op.fee) {
-    const {
-      feeAsset: feeAsset2,
-      sourceChainFeeAmount,
-      destinationChainFeeAmount,
-      bpsFeeAmount,
-      sourceChainFeeUsd,
-      destinationChainFeeUsd,
-      bpsFeeUsd
-    } = op.fee;
-    const totalAmt = [sourceChainFeeAmount, destinationChainFeeAmount, bpsFeeAmount].reduce((s, a) => s + Number(a), 0).toString();
-    const totalUsd = [sourceChainFeeUsd, destinationChainFeeUsd, bpsFeeUsd].reduce(
-      (s, u) => s + Number(u),
-      0
-    );
-    const human2 = convertTokenAmountToHumanReadableAmount(totalAmt, feeAsset2.decimals);
-    return {
-      assetAmount: Number(human2),
-      formattedAssetAmount: `${human2} ${feeAsset2.symbol}`,
-      formattedUsdAmount: formatUSD(totalUsd.toString())
-    };
-  }
-  const { feeAmount, feeAsset, usdFeeAmount } = op;
-  if (!feeAmount || !(feeAsset == null ? void 0 : feeAsset.decimals)) return;
-  const human = convertTokenAmountToHumanReadableAmount(feeAmount, feeAsset.decimals);
-  return {
-    assetAmount: Number(human),
-    formattedAssetAmount: `${human} ${feeAsset.symbol}`,
-    formattedUsdAmount: usdFeeAmount ? formatUSD(usdFeeAmount) : void 0
-  };
-};
-function computeSmartRelayFee(estimatedFees) {
-  const relay = estimatedFees.filter((f2) => f2.feeType === FeeType.SMART_RELAY);
-  if (!relay.length) return;
-  const totalAmt = relay.reduce((s, f2) => s + Number(f2.amount), 0).toString();
-  const totalUsd = relay.reduce((s, f2) => s + Number(f2.usdAmount), 0);
-  const { originAsset } = relay[0];
-  const decimals = originAsset.decimals ?? 6;
-  const human = convertTokenAmountToHumanReadableAmount(totalAmt, decimals);
+const getFeeDetail = (estimatedFee) => {
+  const humanReadableAmount = convertTokenAmountToHumanReadableAmount(
+    estimatedFee.amount ?? 0,
+    estimatedFee.originAsset.decimals
+  );
+  const totalUsd = Number(estimatedFee.usdAmount);
   return {
-    assetAmount: Number(human),
-    formattedAssetAmount: `${human} ${originAsset.symbol}`,
+    assetAmount: Number(humanReadableAmount),
+    formattedAssetAmount: `${humanReadableAmount} ${estimatedFee.originAsset.symbol}`,
     formattedUsdAmount: formatUSD(totalUsd.toString())
   };
-}
+};
+const BRIDGE_ID_TO_LABEL_MAP = {
+  [BridgeType.IBC]: "IBC",
+  [BridgeType.AXELAR]: "Axelar",
+  [BridgeType.HYPERLANE]: "Hyperlane",
+  [BridgeType.GO_FAST]: "Go-Fast",
+  [BridgeType.OPINIT]: "OpInit",
+  [BridgeType.CCTP]: "CCTP",
+  [BridgeType.EUREKA]: "IBC Eureka",
+  [BridgeType.STARGATE]: "Stargate",
+  [BridgeType.LAYER_ZERO]: "Layer Zero"
+};
 function getFeeList(route2) {
-  const fees2 = [];
-  if (!route2.operations) return fees2;
-  const clientOps = getClientOperations(route2.operations);
-  clientOps.forEach((op) => {
-    const fee = computeOpFee(op);
-    if (!fee) return;
-    let label = "Bridge Fee";
-    switch (op.type) {
-      case OperationType.axelarTransfer:
-        label = "Axelar Bridging Fee";
-        break;
-      case OperationType.hyperlaneTransfer:
-        label = "Hyperlane Bridging Fee";
-        break;
-      case OperationType.goFastTransfer:
-        label = "Go-Fast Transfer Fee";
-        break;
+  if (!route2.estimatedFees || route2.estimatedFees.length === 0) {
+    return [];
+  }
+  return route2.estimatedFees.map((fee) => {
+    if (fee.feeType === FeeType.SMART_RELAY) {
+      return {
+        label: "Smart Relay Fee",
+        fee: getFeeDetail(fee)
+      };
     }
-    fees2.push({ label, fee });
+    const label = fee.bridgeId ? `${BRIDGE_ID_TO_LABEL_MAP[fee.bridgeId]} Bridging Fee` : "Bridging Fee";
+    const feeDetail = getFeeDetail(fee);
+    return {
+      label,
+      fee: feeDetail
+    };
   });
-  const smartFee = computeSmartRelayFee(route2.estimatedFees || []);
-  if (smartFee) {
-    fees2.push({ label: "Smart Relay Fee", fee: smartFee });
-  }
-  return fees2;
 }
 function getTotalFees(fees2) {
   if (!fees2.length) return;
@@ -49332,7 +49301,7 @@ const SwapPageAssetChainInput = ({
           onMouseEnter: () => setIsAssetButtonHovered(true),
           onMouseLeave: () => setIsAssetButtonHovered(false),
           children: [
-            (assetDetails == null ? void 0 : assetDetails.assetImage) && assetDetails.symbol ? /* @__PURE__ */ jsxs(StyledAssetLabel, { align: "center", justify: "center", gap: 7, children: [
+            assetDetails.symbol ? /* @__PURE__ */ jsxs(StyledAssetLabel, { align: "center", justify: "center", gap: 7, children: [
               /* @__PURE__ */ jsx(GroupedAssetImage, { height: 23, width: 23, groupedAsset }),
               /* @__PURE__ */ jsx(Text, { useWindowsTextHack: true, children: assetDetails.symbol }),
               isMobileScreenSize && /* @__PURE__ */ jsx(
@@ -52790,6 +52759,19 @@ const SwapPage = () => {
         routePreference,
         slippage
       });
+      const navigateToSwapExecutionPage = () => {
+        startTransition(() => {
+          setError(void 0);
+          setChainAddresses({});
+          setSwapExecutionState();
+          setUser({ username: sourceAccount == null ? void 0 : sourceAccount.address });
+          if (sourceAccount == null ? void 0 : sourceAccount.address) {
+            const replay = getReplay();
+            replay == null ? void 0 : replay.start();
+          }
+          setCurrentPage(Routes.SwapExecutionPage);
+        });
+      };
       setUserId(sourceAccount == null ? void 0 : sourceAccount.address);
       if (showCosmosLedgerWarning) {
         track("warning page: cosmos ledger", { route: route2 });
@@ -52806,10 +52788,7 @@ const SwapPage = () => {
         setError({
           errorWarningType: ErrorWarningType.BadPriceWarning,
           onClickContinue: () => {
-            setError(void 0);
-            setChainAddresses({});
-            setCurrentPage(Routes.SwapExecutionPage);
-            setSwapExecutionState();
+            navigateToSwapExecutionPage();
           },
           onClickBack: () => {
             setError(void 0);
@@ -52823,10 +52802,7 @@ const SwapPage = () => {
         setError({
           errorWarningType: ErrorWarningType.LowInfoWarning,
           onClickContinue: () => {
-            setError(void 0);
-            setChainAddresses({});
-            setCurrentPage(Routes.SwapExecutionPage);
-            setSwapExecutionState();
+            navigateToSwapExecutionPage();
           },
           onClickBack: () => {
             setError(void 0);
@@ -52840,10 +52816,7 @@ const SwapPage = () => {
         setError({
           errorWarningType: ErrorWarningType.GoFastWarning,
           onClickContinue: () => {
-            setError(void 0);
-            setChainAddresses({});
-            setCurrentPage(Routes.SwapExecutionPage);
-            setSwapExecutionState();
+            navigateToSwapExecutionPage();
           },
           onClickBack: () => {
             setCurrentPage(Routes.SwapPage);
@@ -52852,14 +52825,7 @@ const SwapPage = () => {
         });
         return;
       }
-      setChainAddresses({});
-      setCurrentPage(Routes.SwapExecutionPage);
-      setUser({ username: sourceAccount == null ? void 0 : sourceAccount.address });
-      if (sourceAccount == null ? void 0 : sourceAccount.address) {
-        const replay = getReplay();
-        replay == null ? void 0 : replay.start();
-      }
-      setSwapExecutionState();
+      navigateToSwapExecutionPage();
     };
     return /* @__PURE__ */ jsx(
       MainButton,
@@ -54046,7 +54012,7 @@ const Router = () => {
   }
   switch (currentPage) {
     case Routes.SwapPage:
-      return /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
         ErrorBoundary,
         {
           fallback: null,
@@ -54056,9 +54022,9 @@ const Router = () => {
           },
           children: /* @__PURE__ */ jsx(SwapPage, {})
         }
-      );
+      ) });
     case Routes.SwapExecutionPage:
-      return /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
         ErrorBoundary,
         {
           fallback: null,
@@ -54068,9 +54034,9 @@ const Router = () => {
           },
           children: /* @__PURE__ */ jsx(SwapExecutionPage, {})
         }
-      );
+      ) });
     case Routes.TransactionHistoryPage:
-      return /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
         ErrorBoundary,
         {
           fallback: null,
@@ -54082,7 +54048,7 @@ const Router = () => {
           },
           children: /* @__PURE__ */ jsx(TransactionHistoryPage, {})
         }
-      );
+      ) });
   }
 };
 const useInitDefaultRoute = (defaultRoute) => {
@@ -54125,7 +54091,7 @@ const initSentry = () => {
 };
 const name = "@skip-go/widget";
 const description = "Swap widget";
-const version = "3.12.2";
+const version = "3.12.4";
 const repository = {
   url: "https://github.com/skip-mev/skip-go",
   directory: "packages/widget"
@@ -54577,7 +54543,7 @@ const CosmosProvider = ({ children }) => {
     {
       grazOptions: {
         chains: isTestnet ? testnetChains : mainnetChains,
-        autoReconnect: false,
+        autoReconnect: true,
         walletDefaultOptions: {
           sign: {
             preferNoSetFee: true,

package/build/{index.es-D-hExlvU.js → index.es-DJQaePo-.js}

@@ -1,4 +1,4 @@
-import { g as getAugmentedNamespace, c as commonjsGlobal, a as getDefaultExportFromCjs, p as process$1 } from "./index-B_YSz0du.js";
+import { g as getAugmentedNamespace, c as commonjsGlobal, a as getDefaultExportFromCjs, p as process$1 } from "./index-BbqLTTYa.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, s } from "./index-B_YSz0du.js";
+import { W, d, l, o, r, s } from "./index-BbqLTTYa.js";
 export {
   W as Widget,
   d as defaultTheme,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@skip-go/widget",
   "description": "Swap widget",
-  "version": "3.12.2",
+  "version": "3.12.4",
   "repository": {
     "url": "https://github.com/skip-mev/skip-go",
     "directory": "packages/widget"
@@ -42,7 +42,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.3.1",
+    "@skip-go/client": "1.3.2",
     "@solana/spl-token": "^0.4.8",
     "@solana/wallet-adapter-ledger": "^0.9.25",
     "@solana/wallet-adapter-react": "^0.15.39",