@skip-go/widget 3.12.3 → 3.12.4

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

@@ -3,7 +3,7 @@ import o, { useContext, useState, useMemo, useEffect, 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, 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-DrM_N5rw.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(
@@ -54122,7 +54091,7 @@ const initSentry = () => {
 };
 const name = "@skip-go/widget";
 const description = "Swap widget";
-const version = "3.12.3";
+const version = "3.12.4";
 const repository = {
   url: "https://github.com/skip-mev/skip-go",
   directory: "packages/widget"
@@ -54574,7 +54543,7 @@ const CosmosProvider = ({ children }) => {
     {
       grazOptions: {
         chains: isTestnet ? testnetChains : mainnetChains,
-        autoReconnect: false,
+        autoReconnect: true,
         walletDefaultOptions: {
           sign: {
             preferNoSetFee: true,

package/build/{index.es-DrM_N5rw.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-BkuAy8zJ.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-BkuAy8zJ.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.3",
+  "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",