Withdraw funds

import { WithdrawModal } from "@rhinestone/deposit-modal/withdraw";
import "@rhinestone/deposit-modal/styles.css";

<WithdrawModal
  isOpen={isOpen}
  onClose={() => setIsOpen(false)}
  accountAddress="0xACCOUNT_HOLDING_THE_FUNDS"
  backendUrl={process.env.NEXT_PUBLIC_DEPOSIT_PROXY_URL}
  sourceChain={8453}
  sourceToken="0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913"
  targetChain={10}
  targetToken="0x0b2C639c533813f4Aa9D7837CAf62653d097Ff85"
  onSendTransaction={async ({ chainId, token, amount, to }) => ({
    txHash: await myWallet.sendTransfer({ chainId, token, amount, to }),
  })}
  onLifecycle={(event) => {
    if (event.type === "complete") {
      console.log("Withdrawal complete:", event.destinationTxHash);
    }
  }}
/>

onSendTransaction: (request: WithdrawTransferRequest) => Promise<{ txHash: Hex }>

interface WithdrawTransferRequest {
  chainId: number;  // source chain to send from
  token: Address;   // source token; NATIVE_TOKEN_ADDRESS for the native asset
  amount: bigint;   // in the token's base units
  to: Address;      // send here
}

onSendTransaction={async ({ chainId, token, amount, to }) => {
  const safeTx = await buildSafeTransaction({ chainId, token, amount, to });

  const signature = await provider.request({
    method: "personal_sign",
    params: [safeTx.safeTxHash, ownerAddress],
  });

  // Adjust v for Safe's eth_sign verification
  const v = parseInt(signature.slice(-2), 16);
  const adjusted = signature.slice(0, -2) + (v + 4).toString(16);

  const { txHash } = await relaySafeTransaction(safeTx, adjusted);
  return { txHash };
}}