Halliday Payments Widget Quickstart

type Asset = string; // Format: "chainId:tokenAddress" or native token identifier or fiat symbol

interface CustomStyles {
  primaryColor?: string;
  backgroundColor?: string;
  /**
   * In popup mode, the border only shows when the window is resized and made larger.
   * If you would like there to be no border at all, you can set it to the same color as backgroundColor.
   */
  borderColor?: string;
  textColor?: string;
  textSecondaryColor?: string;
  logo?: {
    src: string; // URL of the logo image
    alt: string;
    width: number;
    height: number;
  };
}

interface Owner {
  address: string; // Wallet address
  signMessage?: (input: {
    message: string;
    ownerAddress?: string;
  }) => Promise<string>;
  sendTransaction?: (
    transaction: TransactionRequest,
    chainConfig: EVMChainConfig
  ) => Promise<TransactionReceipt>;
  signTypedData?: (input: {
    typedData: string;
    ownerAddress?: string;
  }) => Promise<string>;
}

interface Funder {
  signMessage?: (input: {
    message: string;
    ownerAddress?: string;
  }) => Promise<string>;
  sendTransaction?: (
    transaction: TransactionRequest,
    chainConfig: EVMChainConfig
  ) => Promise<TransactionReceipt>;
  signTypedData?: (input: {
    typedData: string;
    ownerAddress?: string;
  }) => Promise<string>;
}

interface TransactionRequest {
  to: string;
  from?: string;
  nonce?: number;
  gasLimit?: bigint;
  gasPrice?: bigint;
  maxPriorityFeePerGas?: bigint;
  maxFeePerGas?: bigint;
  data?: string;
  value?: bigint;
  chainId: number;
}

interface TransactionReceipt {
  transactionHash?: string;
  blockHash?: string;
  blockNumber?: number;
  from?: string;
  to?: string;
  rawReceipt: any;
}

interface EVMChainConfig {
  chain_id: number;
  network: string;
  native_currency: {
    name: string;
    symbol: string;
    decimals: number;
  };
  rpc: string;
  image: string;
  is_testnet: boolean;
  explorer: string;
}