Embedding the widget

<iframe
  src="https://app.ravn.exchange/widget/v1?origin=https://your-site.example"
  sandbox="allow-scripts allow-same-origin allow-forms"
></iframe>

import type { RavnWallet, RavnSolanaWallet } from "@ravn/widget-connector";

const evmWallet: RavnWallet = {
  address: account.address ?? null,
  chainId: account.chainId ?? null,
  sendTransaction: (req) => wagmiSendTransaction(req),
  signTypedData: (req) => wagmiSignTypedData(req.typedData),
  signMessage: (req) => wagmiSignMessage(req.message),
  switchChain: (req) => wagmiSwitchChain(req.chainId).then(() => ({ ok: true })),
};

const solanaWallet: RavnSolanaWallet = {
  address: solanaAccount?.address ?? null,
  signTransaction: (req) => adapter.signTransaction(req.transaction),
};

import { createRavnWidgetBridge } from "@ravn/widget-connector";

const bridge = createRavnWidgetBridge({
  iframe: iframeRef.current,
  widgetOrigin: "https://app.ravn.exchange",
  getWallet: () => (isEvmConnected ? evmWallet : null),
  getSolanaWallet: () => (isSolanaConnected ? solanaWallet : null),
});

// Whenever your EVM wallet state changes (connect, account/chain switch, disconnect):
bridge.updateWallet(isEvmConnected ? { address, chainId } : null);

// Independently, whenever your Solana wallet state changes:
bridge.updateSolanaWallet(isSolanaConnected ? { address: solanaAddress } : null);

// On unmount:
bridge.destroy();