@quantabit/gas-sponsor-sdk

QuantaBit Gas Sponsor SDK - Meta-transactions and Relayer-based Gas Sponsorship support.

Installation

npm install @quantabit/gas-sponsor-sdk @quantabit/sdk-config

Features

• Direct API Client: Verify sponsorship eligibility and submit user signatures for meta-transaction broadcast.
• React Hook: useGasSponsor for automated eligibility checks, transaction relayer state tracking, and error mapping.
• Vibrant UI Badge: SponsorBadge featuring liquid gradients and breathing lightning micro-animations for high-fidelity Web3 aesthetics.
• Multi-language: Built-in translation mappings for English, Chinese, Japanese, and Korean.

Usage

1. Integration with UI Badge

import React from 'react';
import { SponsorBadge } from '@quantabit/gas-sponsor-sdk';

export default function App() {
  const walletAddress = "HuM99k8A...your_address";
  
  return (
    <div style={{ padding: '20px', maxWidth: '300px' }}>
      <SponsorBadge 
        address={walletAddress}
        actionType="bind_did"
      />
    </div>
  );
}

2. High-Level Hook usage for Transactions

import { useGasSponsor } from '@quantabit/gas-sponsor-sdk';

const { eligible, submitSponsored, loading } = useGasSponsor({
  address: "HuM99k8A...",
  actionType: "post_feed",
  onSuccess: (res) => console.log('Relayer broadcasted tx successfully:', res.txHash)
});

// To submit sponsored tx:
// await submitSponsored(serializedTxPayload, signature);

License

MIT