React hooks

import { useQuote } from "0xtrails";

const { quote, loading, error } = useQuote({
  from: {
    chainId: 1,
    tokenAddress: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48", // USDC on Ethereum
    amount: "100",
  },
  to: {
    chainId: 137,
    tokenAddress: "0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359", // USDC on Polygon
    recipient: "0xYOUR_WALLET",
  },
});

if (quote) {
  await quote.send(); // execute the quoted route
}

import { useTrailsSendTransaction } from "0xtrails";

const { sendTransaction, loading } = useTrailsSendTransaction({
  to: {
    chainId: 137,
    tokenAddress: "0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359",
    recipient: "0xYOUR_WALLET",
    amount: "50",
  },
});

return <button onClick={sendTransaction}>Fund</button>;

const { balances, loading } = useTokenBalances("0xUSER_ADDRESS");

const { tokens } = useSupportedTokens({ chainId: 137 });

const { token } = useTokenInfo({ address: "0xCONTRACT", chainId: 137 });

const { totalUsd } = useAccountTotalBalanceUsd("0xUSER_ADDRESS");

const { chains, loading } = useSupportedChains();

const { intent, loading } = useGetIntent({ intentId: "INTENT_ID" });

const { recover } = useIntentRecover({
  intentId: "INTENT_ID",
  walletClient,
  refundToAddress: "0xUSER_ADDRESS",
});

const { markets } = useEarnMarkets({ chain: "polygon", sortBy: "apy" });

import {
  getIsUserRejectionError,
  getIsNoAvailableQuoteError,
  getIsInsufficientLiquidityError,
  getPrettifiedErrorMessage,
} from "0xtrails";

try {
  await quote.send();
} catch (error) {
  if (getIsUserRejectionError(error)) return; // user cancelled
  if (getIsNoAvailableQuoteError(error)) {
    showError("No route available for this transfer.");
    return;
  }
  showError(getPrettifiedErrorMessage(error));
}