@rash2x/bridge-widget 0.8.4 → 0.8.6

package/dist/{index-BDGHvxEQ.cjs → index-DUoTGuFx.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,25 @@ const ChainSelectModal = ({
     []
   );
   const [isPickLoading, setIsPickLoading] = React.useState(false);
+  const switchToEquivalentIfNeeded = React.useCallback(
+    (chainKey) => {
+      if (!selectedAssetSymbol || !assetMatrix) return;
+      const hasDirectToken = !!assetMatrix[selectedAssetSymbol.toUpperCase()]?.[chainKey];
+      if (!hasDirectToken) {
+        for (const eq of getEquivalentSymbols(selectedAssetSymbol)) {
+          if (assetMatrix[eq]?.[chainKey]) {
+            setSelectedAssetSymbol(eq);
+            break;
+          }
+        }
+      }
+    },
+    [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 +1398,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 +1426,9 @@ const ChainSelectModal = ({
             );
           }
           if (validSrc) {
+            if (resolvedSym.toUpperCase() !== selectedAssetSymbol.toUpperCase()) {
+              setSelectedAssetSymbol(resolvedSym);
+            }
             setFromChain(validSrc);
             onChangeChain(chain2);
           }
@@ -1393,6 +1446,7 @@ const ChainSelectModal = ({
       selectedAssetSymbol,
       assetMatrix,
       findCompatibleTokenAndSrcChain,
+      switchToEquivalentIfNeeded,
       setSelectedAssetSymbol,
       setFromChain,
       onChangeChain,
@@ -2271,6 +2325,21 @@ function resolveTokenOnChainFromMatrix$1(assetMatrix, assetSymbol, chainKey) {
   const byChain = assetMatrix[assetSymbol.toUpperCase()];
   return byChain?.[chainKey];
 }
+function resolveBridgeSourceTokenOnChainFromMatrix(assetMatrix, assetSymbol, chainKey) {
+  if (!assetMatrix || !assetSymbol || !chainKey) return void 0;
+  const resolvedSymbol = getBridgeTokenSymbol(assetSymbol, assetMatrix, chainKey);
+  return resolveTokenOnChainFromMatrix$1(assetMatrix, resolvedSymbol, chainKey);
+}
+function resolveBridgeDestinationTokenOnChainFromMatrix(assetMatrix, assetSymbol, chainKey) {
+  if (!assetMatrix || !assetSymbol || !chainKey) return void 0;
+  const direct = resolveTokenOnChainFromMatrix$1(assetMatrix, assetSymbol, chainKey);
+  if (direct) return direct;
+  for (const eq of getEquivalentSymbols(assetSymbol)) {
+    const eqToken = resolveTokenOnChainFromMatrix$1(assetMatrix, eq, chainKey);
+    if (eqToken) return eqToken;
+  }
+  return void 0;
+}
 const DEFAULT_SLIPPAGE_BPS = 50;
 const lower = (s2) => (s2 ?? "").toLowerCase();
 const normSym = (s2) => (s2 ?? "").toUpperCase().replace(/₮/g, "T").replace(/[^A-Z0-9]/g, "");
@@ -2614,22 +2683,29 @@ 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);
+    const token = resolveTokenOnChainFromMatrix$1(assetMatrix, sym, fromChain.chainKey);
+    console.log("[quote] srcToken", { selected: selectedAssetSymbol, resolved: sym, chain: fromChain.chainKey, addr: token?.address });
+    return token;
+  }, [assetMatrix, selectedAssetSymbol, fromChain?.chainKey]);
+  const dstTokenOnTo = React.useMemo(() => {
+    if (!assetMatrix || !selectedAssetSymbol || !toChain?.chainKey) return void 0;
+    const direct = resolveTokenOnChainFromMatrix$1(assetMatrix, selectedAssetSymbol, toChain.chainKey);
+    if (direct) {
+      console.log("[quote] dstToken", { selected: selectedAssetSymbol, resolved: selectedAssetSymbol, chain: toChain.chainKey, addr: direct.address });
+      return direct;
+    }
+    for (const eq of getEquivalentSymbols(selectedAssetSymbol)) {
+      const eqToken = resolveTokenOnChainFromMatrix$1(assetMatrix, eq, toChain.chainKey);
+      if (eqToken) {
+        console.log("[quote] dstToken", { selected: selectedAssetSymbol, resolved: eq, chain: toChain.chainKey, addr: eqToken.address });
+        return eqToken;
+      }
+    }
+    return void 0;
+  }, [assetMatrix, selectedAssetSymbol, toChain?.chainKey]);
   const [loading, setLoading] = React.useState(false);
   React.useEffect(() => {
     if (!input2 || input2 === "") {
@@ -2661,14 +2737,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);
@@ -2774,6 +2845,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]);
@@ -2815,11 +2891,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([]);
@@ -2831,11 +2904,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));
@@ -3610,7 +3690,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]
   );
@@ -3676,8 +3767,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);
@@ -3833,12 +3925,12 @@ function useFeeBreakdown() {
   const { tokens, allTokens, selectedAssetSymbol, assetMatrix } = useTokensStore();
   const { fromChain, toChain, chains } = useChainsStore();
   return React.useMemo(() => {
-    const srcToken = resolveTokenOnChainFromMatrix$1(
+    const srcToken = resolveBridgeSourceTokenOnChainFromMatrix(
       assetMatrix,
       selectedAssetSymbol,
       fromChain?.chainKey
     );
-    const dstToken = resolveTokenOnChainFromMatrix$1(
+    const dstToken = resolveBridgeDestinationTokenOnChainFromMatrix(
       assetMatrix,
       selectedAssetSymbol,
       toChain?.chainKey
@@ -3915,12 +4007,12 @@ function buildBridgeExternalData({
     dstChain: toChain?.chainKey,
     amount: normalizedAmount || void 0
   };
-  const sourceToken = resolveTokenOnChainFromMatrix$1(
+  const sourceToken = resolveBridgeSourceTokenOnChainFromMatrix(
     assetMatrix,
     selectedAssetSymbol,
     fromChain?.chainKey
   );
-  const destinationToken = resolveTokenOnChainFromMatrix$1(
+  const destinationToken = resolveBridgeDestinationTokenOnChainFromMatrix(
     assetMatrix,
     selectedAssetSymbol,
     toChain?.chainKey
@@ -4548,7 +4640,7 @@ function useBridgeTransaction() {
   const txStore = useTransactionStore();
   const gas = useGasEstimate();
   const srcToken = React.useMemo(
-    () => resolveTokenOnChainFromMatrix$1(
+    () => resolveBridgeSourceTokenOnChainFromMatrix(
       assetMatrix,
       selectedAssetSymbol,
       quote?.srcChainKey
@@ -4556,7 +4648,7 @@ function useBridgeTransaction() {
     [assetMatrix, selectedAssetSymbol, quote?.srcChainKey]
   );
   const dstToken = React.useMemo(
-    () => resolveTokenOnChainFromMatrix$1(
+    () => resolveBridgeDestinationTokenOnChainFromMatrix(
       assetMatrix,
       selectedAssetSymbol,
       quote?.dstChainKey
@@ -4854,8 +4946,13 @@ function useSilentValidations(amountString) {
     const hasTooManyDecimals = (() => {
       if (!amountString || !fromChain?.chainKey || !selectedAssetSymbol)
         return false;
+      const resolvedSym = getBridgeTokenSymbol(
+        selectedAssetSymbol,
+        assetMatrix,
+        fromChain.chainKey
+      );
       const sourceToken = tokens?.find(
-        (t2) => t2.chainKey === fromChain.chainKey && (t2.symbol ?? "").toUpperCase() === (selectedAssetSymbol ?? "").toUpperCase()
+        (t2) => t2.chainKey === fromChain.chainKey && (t2.symbol ?? "").toUpperCase() === resolvedSym
       );
       if (!sourceToken) return false;
       const decimalPart = amountString.split(".")[1];
@@ -4866,11 +4963,18 @@ function useSilentValidations(amountString) {
       if (!selectedAssetSymbol || !fromChain?.chainKey || !toChain?.chainKey)
         return false;
       if (!assetMatrix) return false;
-      const normalizedSymbol = selectedAssetSymbol.toUpperCase();
-      const tokenMatrix = assetMatrix[normalizedSymbol];
-      if (!tokenMatrix) return true;
-      const existsOnSource = !!tokenMatrix[fromChain.chainKey];
-      const existsOnDestination = !!tokenMatrix[toChain.chainKey];
+      const allSymbols = [
+        selectedAssetSymbol.toUpperCase(),
+        ...getEquivalentSymbols(selectedAssetSymbol).map(
+          (s2) => s2.toUpperCase()
+        )
+      ];
+      const existsOnSource = allSymbols.some(
+        (sym) => !!assetMatrix[sym]?.[fromChain.chainKey]
+      );
+      const existsOnDestination = allSymbols.some(
+        (sym) => !!assetMatrix[sym]?.[toChain.chainKey]
+      );
       return !existsOnSource || !existsOnDestination;
     })();
     const hasInsufficientLiquidity = (() => {
@@ -26562,7 +26666,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await Promise.resolve().then(() => require("./index-BdfMMh_j.cjs"));
+      await Promise.resolve().then(() => require("./index-BSfpUPGz.cjs"));
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -27275,12 +27379,12 @@ const EvaaBridgeContent = ({
   );
   const outputAmount = React.useMemo(() => {
     if (!quote || loading) return "";
-    const srcToken = resolveTokenOnChainFromMatrix$1(
+    const srcToken = resolveBridgeSourceTokenOnChainFromMatrix(
       assetMatrix,
       selectedAssetSymbol,
       fromChain?.chainKey
     );
-    const dstToken = resolveTokenOnChainFromMatrix$1(
+    const dstToken = resolveBridgeDestinationTokenOnChainFromMatrix(
       assetMatrix,
       selectedAssetSymbol,
       toChain?.chainKey
@@ -27451,6 +27555,8 @@ exports.makeTokenBalanceKey = makeTokenBalanceKey;
 exports.normalizeTickerSymbol = normalizeTickerSymbol;
 exports.pollUntilDelivered = pollUntilDelivered;
 exports.reportBridgeTransaction = reportBridgeTransaction;
+exports.resolveBridgeDestinationTokenOnChainFromMatrix = resolveBridgeDestinationTokenOnChainFromMatrix;
+exports.resolveBridgeSourceTokenOnChainFromMatrix = resolveBridgeSourceTokenOnChainFromMatrix;
 exports.resolveTokenOnChain = resolveTokenOnChain;
 exports.resolveTokenOnChainFromMatrix = resolveTokenOnChainFromMatrix$1;
 exports.toLD = toLD;
@@ -27465,4 +27571,4 @@ exports.useSettingsStore = useSettingsStore;
 exports.useSwapModel = useSwapModel;
 exports.useTokensStore = useTokensStore;
 exports.useTransactionStore = useTransactionStore;
-//# sourceMappingURL=index-BDGHvxEQ.cjs.map
+//# sourceMappingURL=index-DUoTGuFx.cjs.map