@rash2x/bridge-widget 0.7.3 → 0.7.5

package/dist/{index-B3z_l7uV.cjs → index-DXcV5o9h.cjs}

@@ -1074,6 +1074,49 @@ const useTokensStore = zustand.create((set2) => ({
     });
   }
 }));
+const ALLOWED_TO_CHAINS = /* @__PURE__ */ new Set([
+  "ethereum",
+  "manta",
+  "opbnb",
+  "polygon",
+  "conflux",
+  "ton",
+  "tron",
+  "megaeth",
+  "mantle",
+  "base",
+  "plasma",
+  "monad",
+  "celo",
+  "linea",
+  "blast",
+  "scroll",
+  "cronosevm",
+  "optimism",
+  "gnosis",
+  "sonic",
+  "fantom",
+  "zksync",
+  "metis",
+  "zkevm",
+  "moonbeam",
+  "moonriver",
+  "kava",
+  "klaytn",
+  "avalanche",
+  "arbitrum",
+  "bsc",
+  "aurora"
+]);
+const ALLOWED_FROM_CHAINS = new Set(
+  [...ALLOWED_TO_CHAINS].filter((k2) => k2 !== "tron")
+);
+function isAllowedFromChain(chainKey) {
+  return ALLOWED_FROM_CHAINS.has(chainKey);
+}
+function isAllowedToChain(chainKey) {
+  return ALLOWED_TO_CHAINS.has(chainKey);
+}
 async function getChains() {
   const res = await fetch("https://stargate.finance/api/v1/chains", {
     credentials: "same-origin"
@@ -1082,7 +1125,8 @@ async function getChains() {
     throw new Error(`Failed to load chains: ${res.status}`);
   }
   const data = await res.json();
-  return Array.isArray(data) ? data : data.chains ?? [];
+  const all = Array.isArray(data) ? data : data.chains ?? [];
+  return all.filter((c2) => ALLOWED_TO_CHAINS.has(c2.chainKey));
 }
 async function getTokens() {
   const res = await fetch("https://stargate.finance/api/v1/tokens", {
@@ -1225,17 +1269,18 @@ const ChainSelectModal = ({
   );
   const groupedChains = react.useMemo(() => {
     const q3 = query.trim().toLowerCase();
-    const filtered = q3 ? (items ?? []).filter(
-      (c2) => c2.name.toLowerCase().includes(q3) || c2.chainKey.toLowerCase().includes(q3)
-    ) : items ?? [];
+    const isAllowed = isSource ? isAllowedFromChain : isAllowedToChain;
+    const filtered = (items ?? []).filter((c2) => isAllowed(c2.chainKey)).filter(
+      (c2) => !q3 || c2.name.toLowerCase().includes(q3) || c2.chainKey.toLowerCase().includes(q3)
+    );
     const groups = {
       available: [],
       willChangeSrc: [],
       willChangeTokenAndSrc: []
     };
     for (const chain2 of filtered) {
-      const isAllowed = allowedItems?.some((c2) => c2.chainKey === chain2.chainKey) || false;
-      if (isAllowed) {
+      const isAllowed2 = allowedItems?.some((c2) => c2.chainKey === chain2.chainKey) || false;
+      if (isAllowed2) {
         groups.available.push(chain2);
       } else {
         const compatibleSrc = findCompatibleSrcChain(chain2);
@@ -1258,7 +1303,8 @@ const ChainSelectModal = ({
     query,
     allowedItems,
     findCompatibleSrcChain,
-    findCompatibleTokenAndSrcChain
+    findCompatibleTokenAndSrcChain,
+    isSource
   ]);
   const PRIORITY_CHAINS = react.useMemo(
     () => ["ethereum", "arbitrum", "bsc", "polygon", "optimism", "base"],
@@ -2357,9 +2403,9 @@ function calculateMinReceived(quote, slippageBps, dstToken) {
   const minAmountLD = dstAmountLD * BigInt(1e4 - slippageBps) / BigInt(1e4);
   return fromLD(minAmountLD.toString(), dstToken.decimals);
 }
-function getQuoteDetails(quote, srcToken, dstToken, tokens, chains, slippageBps) {
+function getQuoteDetails(quote, srcToken, dstToken, tokens, chains, slippageBps, srcChain, dstChain) {
   const amounts = getQuoteAmounts(quote, srcToken, dstToken);
-  const fees = computeFeeBreakdownUsd(quote, srcToken, tokens, chains);
+  const fees = computeFeeBreakdownUsd(quote, srcToken, tokens, chains, srcChain, dstChain);
   const minimumReceived = calculateMinReceived(quote, slippageBps, dstToken);
   return {
     inputAmount: amounts.inputHuman,
@@ -2379,14 +2425,20 @@ function getRouteDisplayName(route) {
   if (routeLower.includes("v2")) return "Stargate V2";
   return route.split(/[/\-_]/).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
 }
-function computeFeeBreakdownUsd(quote, srcToken, tokens, chains) {
+function computeFeeBreakdownUsd(quote, srcToken, tokens, chains, srcChain, dstChain) {
+  const defaultMsgSymbol = srcChain?.nativeCurrency?.symbol?.toUpperCase() ?? "";
+  const defaultBridgeSymbol = srcToken?.symbol?.toUpperCase() ?? "";
+  const defaultDstGasSymbol = dstChain?.nativeCurrency?.symbol?.toUpperCase() ?? "";
   const empty = {
     messageFeeAmount: 0,
-    messageFeeSymbol: "",
+    messageFeeSymbol: defaultMsgSymbol,
     messageFeeUsd: 0,
     bridgeFeeAmount: 0,
-    bridgeFeeSymbol: "",
+    bridgeFeeSymbol: defaultBridgeSymbol,
     bridgeFeeUsd: 0,
+    dstGasAmount: 0,
+    dstGasSymbol: defaultDstGasSymbol,
+    dstGasUsd: 0,
     totalFeeUsd: 0
   };
   if (!quote || !srcToken) return empty;
@@ -2422,7 +2474,25 @@ function computeFeeBreakdownUsd(quote, srcToken, tokens, chains) {
     bridgeFeeAmount = diff;
     bridgeFeeUsd = (srcToken.price?.usd ?? 0) * diff;
   }
-  const totalFeeUsd = messageFeeUsd + bridgeFeeUsd;
+  let dstGasAmount = 0;
+  let dstGasSymbol = "";
+  let dstGasUsd = 0;
+  const dstNativeAmountLD = quote.dstNativeAmount;
+  if (dstNativeAmountLD && BigInt(dstNativeAmountLD || "0") > 0n) {
+    const dstChain2 = chains?.find((c2) => c2.chainKey === quote.dstChainKey);
+    if (dstChain2) {
+      const { decimals, priceUsd } = lookupTokenMeta(
+        tokens,
+        chains,
+        dstChain2.chainKey,
+        dstChain2.nativeCurrency.address
+      );
+      dstGasAmount = fromLD(dstNativeAmountLD, decimals);
+      dstGasSymbol = dstChain2.nativeCurrency.symbol?.toUpperCase() ?? "";
+      dstGasUsd = dstGasAmount * (priceUsd ?? 0);
+    }
+  }
+  const totalFeeUsd = messageFeeUsd + bridgeFeeUsd + dstGasUsd;
   return {
     messageFeeAmount,
     messageFeeSymbol,
@@ -2430,6 +2500,9 @@ function computeFeeBreakdownUsd(quote, srcToken, tokens, chains) {
     bridgeFeeAmount,
     bridgeFeeSymbol,
     bridgeFeeUsd,
+    dstGasAmount,
+    dstGasSymbol,
+    dstGasUsd,
     totalFeeUsd
   };
 }
@@ -2673,7 +2746,7 @@ const useChainDerivations = () => {
       return [];
     const byChain = assetMatrix[selectedAssetSymbol.toUpperCase()];
     const keys2 = new Set(Object.keys(byChain ?? {}));
-    const result = chains.filter((c2) => keys2.has(c2.chainKey));
+    const result = chains.filter((c2) => keys2.has(c2.chainKey) && isAllowedFromChain(c2.chainKey));
     return result;
   }, [selectedAssetSymbol, assetMatrix, chains]);
   react.useEffect(() => {
@@ -2737,7 +2810,7 @@ const useChainDerivations = () => {
           return !!symbolMatch;
         });
         const keys2 = new Set(filteredDest.map((t2) => t2.chainKey));
-        let list = chains.filter((c2) => keys2.has(c2.chainKey));
+        let list = chains.filter((c2) => keys2.has(c2.chainKey) && isAllowedToChain(c2.chainKey));
         if (fromChain?.chainKey) {
           list = list.filter((c2) => c2.chainKey !== fromChain.chainKey);
         }
@@ -2971,15 +3044,15 @@ const TokenSymbol = ({
 function useFeeBreakdown() {
   const { quote } = useBridgeQuoteStore();
   const { tokens, allTokens, selectedAssetSymbol, assetMatrix } = useTokensStore();
-  const { fromChain, chains } = useChainsStore();
+  const { fromChain, toChain, chains } = useChainsStore();
   return react.useMemo(() => {
     const srcToken = resolveTokenOnChainFromMatrix$1(
       assetMatrix,
       selectedAssetSymbol,
       fromChain?.chainKey
     );
-    return computeFeeBreakdownUsd(quote, srcToken, allTokens ?? tokens, chains);
-  }, [quote, allTokens, tokens, chains, selectedAssetSymbol, assetMatrix, fromChain]);
+    return computeFeeBreakdownUsd(quote, srcToken, allTokens ?? tokens, chains, fromChain, toChain);
+  }, [quote, allTokens, tokens, chains, selectedAssetSymbol, assetMatrix, fromChain, toChain]);
 }
 function useBridgeExternalData(options) {
   const selectedAssetSymbol = useTokensStore(
@@ -3066,7 +3139,9 @@ function buildBridgeExternalData({
     destinationToken,
     tokens,
     chains,
-    slippageBps
+    slippageBps,
+    fromChain,
+    toChain
   );
   const etaText = quoteDetails.etaSeconds != null ? `≈ ${Math.max(1, Math.round(quoteDetails.etaSeconds / 60))}m` : "—";
   const currentSlippageText = !quote ? "—" : formatPercentage(slippageBps);
@@ -26023,7 +26098,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await Promise.resolve().then(() => require("./index-BO18yuE2.cjs"));
+      await Promise.resolve().then(() => require("./index-CQTSauOr.cjs"));
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -26899,6 +26974,8 @@ exports.getRouteDisplayName = getRouteDisplayName;
 exports.getTokens = getTokens;
 exports.getTonBalances = getTonBalances;
 exports.getTronBalances = getTronBalances;
+exports.isAllowedFromChain = isAllowedFromChain;
+exports.isAllowedToChain = isAllowedToChain;
 exports.isNativeAddrEqual = isNativeAddrEqual;
 exports.isNativeAddress = isNativeAddress;
 exports.isZeroAddr = isZeroAddr;
@@ -26921,4 +26998,4 @@ exports.useSettingsStore = useSettingsStore;
 exports.useSwapModel = useSwapModel;
 exports.useTokensStore = useTokensStore;
 exports.useTransactionStore = useTransactionStore;
-//# sourceMappingURL=index-B3z_l7uV.cjs.map
+//# sourceMappingURL=index-DXcV5o9h.cjs.map