@rash2x/bridge-widget 0.7.3 → 0.7.5

package/dist/{index-hcTHOiGQ.js → index-CeW-ueEx.js}

@@ -1073,6 +1073,49 @@ const useTokensStore = 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"
@@ -1081,7 +1124,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", {
@@ -1224,17 +1268,18 @@ const ChainSelectModal = ({
   );
   const groupedChains = 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);
@@ -1257,7 +1302,8 @@ const ChainSelectModal = ({
     query,
     allowedItems,
     findCompatibleSrcChain,
-    findCompatibleTokenAndSrcChain
+    findCompatibleTokenAndSrcChain,
+    isSource
   ]);
   const PRIORITY_CHAINS = useMemo(
     () => ["ethereum", "arbitrum", "bsc", "polygon", "optimism", "base"],
@@ -2356,9 +2402,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,
@@ -2378,14 +2424,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;
@@ -2421,7 +2473,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,
@@ -2429,6 +2499,9 @@ function computeFeeBreakdownUsd(quote, srcToken, tokens, chains) {
     bridgeFeeAmount,
     bridgeFeeSymbol,
     bridgeFeeUsd,
+    dstGasAmount,
+    dstGasSymbol,
+    dstGasUsd,
     totalFeeUsd
   };
 }
@@ -2672,7 +2745,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]);
   useEffect(() => {
@@ -2736,7 +2809,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);
         }
@@ -2970,15 +3043,15 @@ const TokenSymbol = ({
 function useFeeBreakdown() {
   const { quote } = useBridgeQuoteStore();
   const { tokens, allTokens, selectedAssetSymbol, assetMatrix } = useTokensStore();
-  const { fromChain, chains } = useChainsStore();
+  const { fromChain, toChain, chains } = useChainsStore();
   return 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(
@@ -3065,7 +3138,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);
@@ -26022,7 +26097,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await import("./index-hG98qwY3.js");
+      await import("./index-HUIu1V_6.js");
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -26861,7 +26936,7 @@ const EvaaBridgeContent = ({
 };
 const EvaaBridge = EvaaBridgeWithProviders;
 export {
-  isNativeAddress as $,
+  getDestTokens as $,
   getRouteDisplayName as A,
   computeFeeBreakdownUsd as B,
   ConfigCtrl as C,
@@ -26885,17 +26960,19 @@ export {
   findNativeMeta as U,
   lookupTokenMeta as V,
   normalizeTickerSymbol$1 as W,
-  getChains as X,
-  getTokens as Y,
-  getDestTokens as Z,
-  getQuotesByPriority as _,
+  isAllowedFromChain as X,
+  isAllowedToChain as Y,
+  getChains as Z,
+  getTokens as _,
   ThemeCtrl as a,
-  getEvmBalances as a0,
-  getTonBalances as a1,
-  getTronBalances as a2,
-  getDeliveryStatus as a3,
-  pollUntilDelivered as a4,
-  reportBridgeTransaction as a5,
+  getQuotesByPriority as a0,
+  isNativeAddress as a1,
+  getEvmBalances as a2,
+  getTonBalances as a3,
+  getTronBalances as a4,
+  getDeliveryStatus as a5,
+  pollUntilDelivered as a6,
+  reportBridgeTransaction as a7,
   ExplorerCtrl as b,
   CoreUtil as c,
   EvaaBridge as d,
@@ -26922,4 +26999,4 @@ export {
   calculateMinReceived as y,
   getQuoteDetails as z
 };
-//# sourceMappingURL=index-hcTHOiGQ.js.map
+//# sourceMappingURL=index-CeW-ueEx.js.map