@rash2x/bridge-widget 0.7.0 → 0.7.1

package/dist/{index-D_iIDai5.js → index-DMIMGpk_.js}

@@ -2379,9 +2379,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(
@@ -2391,19 +2401,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) {
@@ -3077,6 +3104,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);
@@ -3118,6 +3147,24 @@ const Details = () => {
           value: currentSlippageText
         }
       ),
+      /* @__PURE__ */ jsx(
+        DetailsRow,
+        {
+          label: t2("transaction.messageFee"),
+          tooltip: t2("transaction.messageFeeTooltip"),
+          value: messageFeeDisplay,
+          isLoading
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        DetailsRow,
+        {
+          label: t2("transaction.bridgeFee"),
+          tooltip: t2("transaction.bridgeFeeTooltip"),
+          value: bridgeFeeDisplay,
+          isLoading
+        }
+      ),
       /* @__PURE__ */ jsx(
         DetailsRow,
         {
@@ -25788,7 +25835,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await import("./index-CbOaxQWE.js");
+      await import("./index-Fzl5CHpO.js");
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -26636,4 +26683,4 @@ export {
   calculateMinReceived as y,
   getQuoteDetails as z
 };
-//# sourceMappingURL=index-D_iIDai5.js.map
+//# sourceMappingURL=index-DMIMGpk_.js.map