Use Trustware with embedded wallets

import { useEffect, useState } from "react";
import { useWallets, getEmbeddedConnectedWallet } from "@privy-io/react-auth";
import { type WalletInterFaceAPI } from "@trustware/sdk";
import { useEIP1193 } from "@trustware/sdk/wallet";

export function useEmbeddedWallet() {
  const { wallets } = useWallets();
  const [state, setState] = useState<{
    address: string;
    wallet?: WalletInterFaceAPI;
  }>({ address: "" });

  useEffect(() => {
    let cancelled = false;
    const embedded = getEmbeddedConnectedWallet(wallets);

    if (!embedded?.address) {
      setState({ address: "" });
      return;
    }

    embedded.getEthereumProvider().then((provider) => {
      if (!cancelled) {
        setState({
          address: embedded.address,
          wallet: useEIP1193(provider),
        });
      }
    });

    return () => {
      cancelled = true;
    };
  }, [wallets]);

  return state;
}

import {
  TrustwareProvider,
  TrustwareWidget,
  type TrustwareConfigOptions,
} from "@trustware/sdk";

const swapConfig = {
  apiKey: process.env.NEXT_PUBLIC_TRUSTWARE_API_KEY!,
  features: {
    swapMode: true,
    swapDefaultDestToken: {
      address: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913", // USDC on Base
      chainId: 8453,
    },
  },
} satisfies TrustwareConfigOptions;

export function EmbeddedSwap() {
  const { wallet } = useEmbeddedWallet();

  if (!wallet) return <p>Log in to create or connect an embedded wallet.</p>;

  return (
    <TrustwareProvider config={swapConfig} wallet={wallet} autoDetect={false}>
      <TrustwareWidget />
    </TrustwareProvider>
  );
}

import { useEffect } from "react";
import {
  Trustware,
  TrustwareProvider,
  TrustwareWidget,
  useTrustware,
  type TrustwareConfigOptions,
} from "@trustware/sdk";

function SyncDestinationAddress({ address }: { address: string }) {
  const { status } = useTrustware();

  useEffect(() => {
    if (status === "ready" && address) {
      Trustware.setDestinationAddress(address);
    }
  }, [address, status]);

  return null;
}

export function DepositIntoEmbeddedWallet({ address }: { address: string }) {
  const depositConfig = {
    apiKey: process.env.NEXT_PUBLIC_TRUSTWARE_API_KEY!,
    routes: {
      toChain: "8453",
      toToken: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913", // USDC on Base
      toAddress: address || undefined,
    },
  } satisfies TrustwareConfigOptions;

  return (
    <TrustwareProvider config={depositConfig} autoDetect>
      <SyncDestinationAddress address={address} />
      <TrustwareWidget />
    </TrustwareProvider>
  );
}

const depositConfig = {
  apiKey: process.env.NEXT_PUBLIC_TRUSTWARE_API_KEY!,
  routes: {
    toChain: "8453",
    toToken: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
    toAddress: address || undefined,
  },
  onSuccess: () => refreshEmbeddedBalances(),
  onEvent: (event) => {
    if (event.type === "transaction_success") {
      refreshEmbeddedBalances();
    }
  },
} satisfies TrustwareConfigOptions;