@rash2x/bridge-widget 0.8.3 → 0.8.5

package/dist/{index-egFmHlPu.cjs → index-CytmPXNr.cjs}

@@ -1211,6 +1211,25 @@ const SearchInput = ({
     ) })
   ] });
 };
+const TOKEN_EQUIVALENTS = {
+  USDT: ["USDT0"],
+  USDT0: ["USDT"]
+};
+function getEquivalentSymbols(symbol) {
+  return TOKEN_EQUIVALENTS[symbol.toUpperCase()] ?? [];
+}
+const BRIDGE_PREFERRED_TOKENS = /* @__PURE__ */ new Set(["USDT0"]);
+function getBridgeTokenSymbol(symbol, assetMatrix, chainKey) {
+  if (!assetMatrix || !chainKey) return symbol.toUpperCase();
+  const candidates = [symbol.toUpperCase(), ...getEquivalentSymbols(symbol)];
+  for (const sym of candidates) {
+    if (BRIDGE_PREFERRED_TOKENS.has(sym) && assetMatrix[sym]?.[chainKey]) return sym;
+  }
+  for (const sym of candidates) {
+    if (assetMatrix[sym]?.[chainKey]) return sym;
+  }
+  return symbol.toUpperCase();
+}
 const ChainSelectModal = ({
   isOpen,
   onClose,
@@ -1238,10 +1257,14 @@ const ChainSelectModal = ({
         "optimism",
         "base"
       ];
-      const assetByChain = assetMatrix[selectedAssetSymbol.toUpperCase()];
-      if (!assetByChain) return void 0;
+      const allSymbols = [
+        selectedAssetSymbol.toUpperCase(),
+        ...getEquivalentSymbols(selectedAssetSymbol).map((s2) => s2.toUpperCase())
+      ];
+      const hasTokenOrEquiv = (chainKey) => allSymbols.some((sym) => !!assetMatrix[sym]?.[chainKey]);
+      if (!hasTokenOrEquiv(dstChain.chainKey)) return void 0;
       const availableChains = chains.filter(
-        (c2) => assetByChain[c2.chainKey] && assetByChain[dstChain.chainKey] && c2.chainKey !== fromChain?.chainKey && c2.chainKey !== dstChain.chainKey
+        (c2) => hasTokenOrEquiv(c2.chainKey) && c2.chainKey !== fromChain?.chainKey && c2.chainKey !== dstChain.chainKey
       );
       for (const chainKey of PRIORITY_CHAINS2) {
         const chain2 = availableChains.find((c2) => c2.chainKey === chainKey);
@@ -1325,9 +1348,20 @@ const ChainSelectModal = ({
     []
   );
   const [isPickLoading, setIsPickLoading] = React.useState(false);
+  const switchToEquivalentIfNeeded = React.useCallback(
+    (chainKey) => {
+      if (!selectedAssetSymbol || !assetMatrix) return;
+      const effectiveSym = getBridgeTokenSymbol(selectedAssetSymbol, assetMatrix, chainKey);
+      if (effectiveSym !== selectedAssetSymbol.toUpperCase()) {
+        setSelectedAssetSymbol(effectiveSym);
+      }
+    },
+    [selectedAssetSymbol, assetMatrix, setSelectedAssetSymbol]
+  );
   const onChainPick = React.useCallback(
     async (chain2, willChangeSrc = false, willChangeTokenAndSrc = false) => {
       if (!willChangeSrc && !willChangeTokenAndSrc) {
+        switchToEquivalentIfNeeded(chain2.chainKey);
         onChangeChain(chain2);
         handleClose();
         return;
@@ -1359,7 +1393,18 @@ const ChainSelectModal = ({
             onChangeChain(chain2);
           }
         } else if (willChangeSrc && selectedAssetSymbol) {
-          const dstToken = assetMatrix?.[selectedAssetSymbol.toUpperCase()]?.[chain2.chainKey];
+          let dstToken = assetMatrix?.[selectedAssetSymbol.toUpperCase()]?.[chain2.chainKey];
+          let resolvedSym = selectedAssetSymbol;
+          if (!dstToken?.address) {
+            for (const eq of getEquivalentSymbols(selectedAssetSymbol)) {
+              const eqToken = assetMatrix?.[eq]?.[chain2.chainKey];
+              if (eqToken?.address) {
+                dstToken = eqToken;
+                resolvedSym = eq;
+                break;
+              }
+            }
+          }
           if (!dstToken?.address) return;
           const availableSources = await getDestTokens(chain2.chainKey, dstToken.address);
           const sourceChainKeys = new Set(availableSources.map((t22) => t22.chainKey ?? ""));
@@ -1376,6 +1421,9 @@ const ChainSelectModal = ({
             );
           }
           if (validSrc) {
+            if (resolvedSym.toUpperCase() !== selectedAssetSymbol.toUpperCase()) {
+              setSelectedAssetSymbol(resolvedSym);
+            }
             setFromChain(validSrc);
             onChangeChain(chain2);
           }
@@ -1393,6 +1441,7 @@ const ChainSelectModal = ({
       selectedAssetSymbol,
       assetMatrix,
       findCompatibleTokenAndSrcChain,
+      switchToEquivalentIfNeeded,
       setSelectedAssetSymbol,
       setFromChain,
       onChangeChain,
@@ -2462,6 +2511,7 @@ function computeFeeBreakdownUsd(quote, srcToken, dstToken, tokens, chains, srcCh
   let messageFeeUsd = 0;
   let messageFeeAmount = 0;
   let messageFeeSymbol = "";
+  let messageFeeTokenPriceUsd = 0;
   const messageFees = quote.fees.filter((f4) => f4.type === "message");
   for (const f4 of messageFees) {
     const { decimals, priceUsd } = lookupTokenMeta(
@@ -2479,6 +2529,7 @@ function computeFeeBreakdownUsd(quote, srcToken, dstToken, tokens, chains, srcCh
         (t2) => t2.chainKey === f4.chainKey && t2.address.toLowerCase() === f4.token.toLowerCase()
       );
       messageFeeSymbol = token?.symbol?.toUpperCase() ?? chain2?.nativeCurrency?.symbol?.toUpperCase() ?? "";
+      messageFeeTokenPriceUsd = priceUsd ?? 0;
     }
   }
   let bridgeFeeAmount = 0;
@@ -2509,7 +2560,14 @@ function computeFeeBreakdownUsd(quote, srcToken, dstToken, tokens, chains, srcCh
       dstGasUsd = dstGasAmount * (priceUsd ?? 0);
     }
   }
-  const totalFeeUsd = messageFeeUsd + bridgeFeeUsd + dstGasUsd;
+  if (dstGasAmount > 0 && messageFeeSymbol) {
+    if (messageFeeSymbol === dstGasSymbol) {
+      messageFeeAmount += dstGasAmount;
+    } else if (messageFeeTokenPriceUsd > 0) {
+      messageFeeAmount += dstGasUsd / messageFeeTokenPriceUsd;
+    }
+  }
+  const totalFeeUsd = messageFeeUsd + bridgeFeeUsd;
   return {
     messageFeeAmount,
     messageFeeSymbol,
@@ -2605,22 +2663,16 @@ function useBridgeQuote() {
   const { chainRegistry } = useChainStrategies();
   const publicClient = wagmi.usePublicClient();
   const input2 = inputAmount;
-  const srcTokenOnFrom = React.useMemo(
-    () => resolveTokenOnChainFromMatrix$1(
-      assetMatrix,
-      selectedAssetSymbol,
-      fromChain?.chainKey
-    ),
-    [assetMatrix, selectedAssetSymbol, fromChain?.chainKey]
-  );
-  const dstTokenOnTo = React.useMemo(
-    () => resolveTokenOnChainFromMatrix$1(
-      assetMatrix,
-      selectedAssetSymbol,
-      toChain?.chainKey
-    ),
-    [assetMatrix, selectedAssetSymbol, toChain?.chainKey]
-  );
+  const srcTokenOnFrom = React.useMemo(() => {
+    if (!assetMatrix || !selectedAssetSymbol || !fromChain?.chainKey) return void 0;
+    const sym = getBridgeTokenSymbol(selectedAssetSymbol, assetMatrix, fromChain.chainKey);
+    return resolveTokenOnChainFromMatrix$1(assetMatrix, sym, fromChain.chainKey);
+  }, [assetMatrix, selectedAssetSymbol, fromChain?.chainKey]);
+  const dstTokenOnTo = React.useMemo(() => {
+    if (!assetMatrix || !selectedAssetSymbol || !toChain?.chainKey) return void 0;
+    const sym = getBridgeTokenSymbol(selectedAssetSymbol, assetMatrix, toChain.chainKey);
+    return resolveTokenOnChainFromMatrix$1(assetMatrix, sym, toChain.chainKey);
+  }, [assetMatrix, selectedAssetSymbol, toChain?.chainKey]);
   const [loading, setLoading] = React.useState(false);
   React.useEffect(() => {
     if (!input2 || input2 === "") {
@@ -2652,14 +2704,9 @@ function useBridgeQuote() {
       try {
         setLoading(true);
         setQuoteLoading?.();
-        if (assetMatrix && selectedAssetSymbol) {
-          const tokenMatrix = assetMatrix[selectedAssetSymbol.toUpperCase()];
-          if (!tokenMatrix || !tokenMatrix[fromChain.chainKey] || !tokenMatrix[toChain.chainKey]) {
-            if (!cancelled) {
-              resetUi();
-            }
-            return;
-          }
+        if (!srcTokenOnFrom || !dstTokenOnTo) {
+          if (!cancelled) resetUi();
+          return;
         }
         const srcAmountLD = toLD(input2, srcTokenOnFrom.decimals);
         const srcAddrApi = addrForApi(fromChain.chainKey, srcAddress);
@@ -2765,6 +2812,11 @@ const useChainDerivations = () => {
       return [];
     const byChain = assetMatrix[selectedAssetSymbol.toUpperCase()];
     const keys2 = new Set(Object.keys(byChain ?? {}));
+    for (const eq of getEquivalentSymbols(selectedAssetSymbol)) {
+      for (const ck of Object.keys(assetMatrix[eq] ?? {})) {
+        keys2.add(ck);
+      }
+    }
     const result = chains.filter((c2) => keys2.has(c2.chainKey) && isAllowedFromChain(c2.chainKey));
     return result;
   }, [selectedAssetSymbol, assetMatrix, chains]);
@@ -2806,11 +2858,8 @@ const useChainDerivations = () => {
         setAllowedToChains([]);
         return;
       }
-      const srcToken = resolveTokenOnChainFromMatrix(
-        assetMatrix,
-        selectedAssetSymbol,
-        fromChain.chainKey
-      );
+      const srcSym = getBridgeTokenSymbol(selectedAssetSymbol, assetMatrix, fromChain.chainKey);
+      const srcToken = resolveTokenOnChainFromMatrix(assetMatrix, srcSym, fromChain.chainKey);
       const srcAddr = srcToken?.address;
       if (!srcAddr) {
         setAllowedToChains([]);
@@ -2822,11 +2871,18 @@ const useChainDerivations = () => {
         const dest = await getDestTokens(fromChain.chainKey, srcAddr);
         if (ignore) return;
         const byChainSameSymbol = assetMatrix?.[selectedAssetSymbol.toUpperCase()] ?? {};
+        const equivalentSymbols = /* @__PURE__ */ new Set([
+          selectedAssetSymbol.toUpperCase(),
+          ...getEquivalentSymbols(selectedAssetSymbol).map((s2) => s2.toUpperCase())
+        ]);
         const filteredDest = dest.filter((t2) => {
           const ck = t2.chainKey ?? t2.dstChainKey ?? "";
-          const matrixToken = byChainSameSymbol[ck];
-          const symbolMatch = matrixToken && (t2.symbol ?? "").toUpperCase() === selectedAssetSymbol.toUpperCase();
-          return !!symbolMatch;
+          const destSymbol = (t2.symbol ?? "").toUpperCase();
+          if (!equivalentSymbols.has(destSymbol)) return false;
+          const hasInMatrix = !!byChainSameSymbol[ck] || getEquivalentSymbols(selectedAssetSymbol).some(
+            (eq) => !!assetMatrix?.[eq.toUpperCase()]?.[ck]
+          );
+          return hasInMatrix;
         });
         const keys2 = new Set(filteredDest.map((t2) => t2.chainKey));
         let list = chains.filter((c2) => keys2.has(c2.chainKey) && isAllowedToChain(c2.chainKey));
@@ -3601,7 +3657,18 @@ function useBalances(chainKey, address) {
         );
         if (typeof byAddress === "number") return byAddress;
       }
-      return balanceBySymbol.get(symbolUpper) ?? 0;
+      const directBalance = balanceBySymbol.get(symbolUpper) ?? 0;
+      if (directBalance > 0) return directBalance;
+      for (const eq of getEquivalentSymbols(symbolUpper)) {
+        const eqToken = chainKey ? assetMatrix?.[eq]?.[chainKey] : void 0;
+        if (eqToken?.address) {
+          const b2 = balanceByTokenKey.get(makeTokenBalanceKey(eqToken.address));
+          if (typeof b2 === "number" && b2 > 0) return b2;
+        }
+        const eqBalance = balanceBySymbol.get(eq) ?? 0;
+        if (eqBalance > 0) return eqBalance;
+      }
+      return directBalance;
     },
     [assetMatrix, balanceBySymbol, balanceByTokenKey, chainKey]
   );
@@ -3667,8 +3734,9 @@ function useSwapModel() {
       if (!isAllowedFromChain(toChain.chainKey)) return;
       chainsStore.setAllowedToChains([]);
       chainsStore.setFromChain(toChain);
-      const tokenOnNewFrom = tokensStore.assetMatrix?.[sym]?.[toChain.chainKey];
-      if (tokenOnNewFrom) {
+      const matrix = tokensStore.assetMatrix;
+      const hasTokenOnNewFrom = !!matrix?.[sym]?.[toChain.chainKey] || getEquivalentSymbols(sym).some((eq) => !!matrix?.[eq]?.[toChain.chainKey]);
+      if (hasTokenOnNewFrom) {
         chainsStore.setToChain(fromChain);
       } else {
         chainsStore.setToChain(void 0);
@@ -26553,7 +26621,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await Promise.resolve().then(() => require("./index-s4FyGXJW.cjs"));
+      await Promise.resolve().then(() => require("./index-DiFbb5zn.cjs"));
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -27456,4 +27524,4 @@ exports.useSettingsStore = useSettingsStore;
 exports.useSwapModel = useSwapModel;
 exports.useTokensStore = useTokensStore;
 exports.useTransactionStore = useTransactionStore;
-//# sourceMappingURL=index-egFmHlPu.cjs.map
+//# sourceMappingURL=index-CytmPXNr.cjs.map