@rash2x/bridge-widget 0.7.0 → 0.7.1

package/dist/{index-DwNmWmqq.cjs → index-CCfRExBc.cjs}

@@ -2380,9 +2380,19 @@ function getRouteDisplayName(route) {
   return route.split(/[/\-_]/).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
 }
 function computeFeeBreakdownUsd(quote, srcToken, tokens, chains) {
-  const empty = { messageFeeUsd: 0, bridgeFeeUsd: 0, totalFeeUsd: 0 };
+  const empty = {
+    messageFeeAmount: 0,
+    messageFeeSymbol: "",
+    messageFeeUsd: 0,
+    bridgeFeeAmount: 0,
+    bridgeFeeSymbol: "",
+    bridgeFeeUsd: 0,
+    totalFeeUsd: 0
+  };
   if (!quote || !srcToken) return empty;
   let messageFeeUsd = 0;
+  let messageFeeAmount = 0;
+  let messageFeeSymbol = "";
   const messageFees = quote.fees.filter((f4) => f4.type === "message");
   for (const f4 of messageFees) {
     const { decimals, priceUsd } = lookupTokenMeta(
@@ -2392,19 +2402,36 @@ function computeFeeBreakdownUsd(quote, srcToken, tokens, chains) {
       f4.token
     );
     const human = fromLD(f4.amount || "0", decimals);
+    messageFeeAmount += human;
     messageFeeUsd += human * (priceUsd ?? 0);
+    if (!messageFeeSymbol) {
+      const chain2 = chains?.find((c2) => c2.chainKey === f4.chainKey);
+      const token = tokens?.find(
+        (t2) => t2.chainKey === f4.chainKey && t2.address.toLowerCase() === f4.token.toLowerCase()
+      );
+      messageFeeSymbol = token?.symbol?.toUpperCase() ?? chain2?.nativeCurrency?.symbol?.toUpperCase() ?? "";
+    }
   }
+  let bridgeFeeAmount = 0;
   let bridgeFeeUsd = 0;
-  if (srcToken.price?.usd) {
-    const srcHuman = fromLD(quote.srcAmount, srcToken.decimals);
-    const dstHuman = fromLD(quote.dstAmount, srcToken.decimals);
-    const diff = srcHuman - dstHuman;
-    if (diff > 0) {
-      bridgeFeeUsd = diff * srcToken.price.usd;
-    }
+  const bridgeFeeSymbol = srcToken.symbol?.toUpperCase() ?? "";
+  const srcHuman = fromLD(quote.srcAmount, srcToken.decimals);
+  const dstHuman = fromLD(quote.dstAmount, srcToken.decimals);
+  const diff = srcHuman - dstHuman;
+  if (diff > 0) {
+    bridgeFeeAmount = diff;
+    bridgeFeeUsd = (srcToken.price?.usd ?? 0) * diff;
   }
   const totalFeeUsd = messageFeeUsd + bridgeFeeUsd;
-  return { messageFeeUsd, bridgeFeeUsd, totalFeeUsd };
+  return {
+    messageFeeAmount,
+    messageFeeSymbol,
+    messageFeeUsd,
+    bridgeFeeAmount,
+    bridgeFeeSymbol,
+    bridgeFeeUsd,
+    totalFeeUsd
+  };
 }
 async function addNetworkFeesToQuote(quote, chainRegistry, chains) {
   if (!quote || !chains) {
@@ -3078,6 +3105,8 @@ const Details = () => {
     1,
     Math.round(bridgeData.quoteDetails?.etaSeconds / 60)
   )}m` : "—";
+  const messageFeeDisplay = !quote ? "—" : fees.messageFeeAmount > 0 ? `${truncateToDecimals(fees.messageFeeAmount, 6)} ${fees.messageFeeSymbol}` : "—";
+  const bridgeFeeDisplay = !quote ? "—" : fees.bridgeFeeAmount > 0 ? `${truncateToDecimals(fees.bridgeFeeAmount, 6)} ${fees.bridgeFeeSymbol}` : "—";
   const totalFeeDisplay = !quote ? "—" : formatUsd(fees.totalFeeUsd);
   const currentSlippageText = !quote ? "—" : formatPercentage(slippageBps);
   const routeText = getRouteDisplayName(quote?.route);
@@ -3119,6 +3148,24 @@ const Details = () => {
           value: currentSlippageText
         }
       ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        DetailsRow,
+        {
+          label: t2("transaction.messageFee"),
+          tooltip: t2("transaction.messageFeeTooltip"),
+          value: messageFeeDisplay,
+          isLoading
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        DetailsRow,
+        {
+          label: t2("transaction.bridgeFee"),
+          tooltip: t2("transaction.bridgeFeeTooltip"),
+          value: bridgeFeeDisplay,
+          isLoading
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx(
         DetailsRow,
         {
@@ -25789,7 +25836,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await Promise.resolve().then(() => require("./index-jmefkuWp.cjs"));
+      await Promise.resolve().then(() => require("./index-C7NE-Dmd.cjs"));
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -26635,4 +26682,4 @@ exports.useSettingsStore = useSettingsStore;
 exports.useSwapModel = useSwapModel;
 exports.useTokensStore = useTokensStore;
 exports.useTransactionStore = useTransactionStore;
-//# sourceMappingURL=index-DwNmWmqq.cjs.map
+//# sourceMappingURL=index-CCfRExBc.cjs.map