{"_id":"@benji042/asap-sdk-react","name":"@benji042/asap-sdk-react","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@benji042/asap-sdk-react","version":"1.0.0","description":"ASAP React SDK is a React component library designed to simplify Web3 payment integrations for your applications. It provides a customizable payment button with built-in confirmation modals, supporting multiple cryptocurrencies and blockchain networks.","keywords":["asap","react","sdk","web3","payments","ethereum","base"],"homepage":"https://chekout.xyz","bugs":{"url":"https://github.com/benji042/asap-sdk-react/issues"},"repository":{"type":"git","url":"git+https://github.com/benji042/asap-sdk-react.git"},"license":"ISC","author":{"name":"ASAP"},"type":"module","main":"index.es.js","scripts":{"dev":"vite","build":"vite build","lint":"eslint .","preview":"vite preview"},"dependencies":{"@reown/appkit":"^1.7.17","@reown/appkit-adapter-wagmi":"^1.7.17","@tailwindcss/vite":"^4.1.11","@tanstack/react-query":"^5.84.1","lucide-react":"^0.536.0","react":"^19.1.0","react-dom":"^19.1.0","tailwindcss":"^4.1.11","viem":"^2.33.2","wagmi":"^2.16.1"},"devDependencies":{"@eslint/js":"^9.30.1","@types/react":"^19.1.8","@types/react-dom":"^19.1.6","@vitejs/plugin-react":"^4.6.0","eslint":"^9.30.1","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20","globals":"^16.3.0","vite":"^7.0.4"},"_id":"@benji042/asap-sdk-react@1.0.0","gitHead":"faf0f2a8527faab9b8c6a75d0c54e9a84ffad251","_nodeVersion":"22.17.1","_npmVersion":"11.4.2","dist":{"integrity":"sha512-m9OKBLcAx6nFbyvAmm/dxK4CfyV4Zy9sLXt7qcZqqU8nyrC29H+V19+hXaq7oj+A1N8c3KRedu16A/Oa61kaLQ==","shasum":"e3334935f71506c6a3004b8579f5eb803e3e0e5d","tarball":"https://registry.npmjs.org/@benji042/asap-sdk-react/-/asap-sdk-react-1.0.0.tgz","fileCount":12,"unpackedSize":19325,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQChGGtaPeckFEQS5ee/TKn5hwpVno6j9BilA3g7lVDIGgIhAKvju36bB17caSXftJ3d1wdXO2VNqjXJtABypyOPQorS"}]},"_npmUser":{"name":"benji042","email":"benjaminchiemezie7@gmail.com"},"directories":{},"maintainers":[{"name":"benji042","email":"benjaminchiemezie7@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/asap-sdk-react_1.0.0_1755264236800_0.132129051084225"},"_hasShrinkwrap":false}},"time":{"created":"2025-08-15T13:23:56.673Z","1.0.0":"2025-08-15T13:23:56.993Z","modified":"2025-08-15T13:23:57.302Z"},"maintainers":[{"name":"benji042","email":"benjaminchiemezie7@gmail.com"}],"description":"ASAP React SDK is a React component library designed to simplify Web3 payment integrations for your applications. It provides a customizable payment button with built-in confirmation modals, supporting multiple cryptocurrencies and blockchain networks.","homepage":"https://chekout.xyz","keywords":["asap","react","sdk","web3","payments","ethereum","base"],"repository":{"type":"git","url":"git+https://github.com/benji042/asap-sdk-react.git"},"author":{"name":"ASAP"},"bugs":{"url":"https://github.com/benji042/asap-sdk-react/issues"},"license":"ISC","readme":"# ASAP React SDK - Web3 Payment Integration SDK\n\nThe ASAP React SDK is a React component library designed to simplify Web3 payment integrations for your applications. It provides a customizable payment button with built-in confirmation modals, supporting multiple cryptocurrencies and blockchain networks.\n\n## Why Use ASAP Button?\n\n1. **Simplified Integration** - Add Web3 payments to your app with just a few lines of code\n2. **Customizable UI** - Fully style the button and modal to match your brand\n3. **Multi-Chain Support** - Works with Ethereum, Base, and other EVM-compatible chains\n4. **Secure by Design** - Built with security best practices in mind\n5. **Responsive** - Works seamlessly across all device sizes\n\n## Installation\n\nInstall the package via npm:\n\n```bash\nnpm install @asap-sdk/react\n# or\nyarn add @asap-sdk/react\n```\n\n## Basic Usage\n\n```tsx\nimport { AsapButton } from '@asap-sdk/react';\n\nfunction App() {\n  return (\n    <AsapButton \n      amount={0.1}\n      currency=\"ETH\"\n      chain=\"ethereum\"\n    />\n  );\n}\n```\n\n## Props\n\n| Prop | Type | Required | Description |\n|------|------|----------|-------------|\n| `amount` | number | Yes | The payment amount |\n| `currency` | 'ETH' \\| 'USDC' \\| 'AVAX' | Yes | The payment currency |\n| `chain` | 'ethereum' \\| 'base' \\| 'avalanche' | Yes | The blockchain network |\n| `buttonColor` | string | No | Custom button background color |\n| `textColor` | string | No | Custom button text color |\n| `fontSize` | string | No | Custom button font size |\n| `className` | string | No | Additional CSS classes |\n\n## Advanced Usage\n\n### Custom Styling\n\nYou can fully customize the button appearance:\n\n```tsx\n<AsapButton\n  amount={0.1}\n  currency=\"ETH\"\n  chain=\"ethereum\"\n  buttonColor=\"#4f46e5\"\n  textColor=\"white\"\n  fontSize=\"1.2rem\"\n  className=\"my-custom-class\"\n/>\n```\n\n### Handling Payments\n\nThe component provides callbacks for payment events:\n\n```tsx\n<AsapButton\n  amount={10}\n  currency=\"AVAX\"\n  chain=\"avalanche\"\n/>\n```\n\n## Development\n\nTo run the project locally:\n\n```bash\nnpm install\nnpm run dev\n```\n\n## Building for Production\n\nTo build the SDK for production:\n\n```bash\nnpm run build\n```\n\nThis will generate optimized production-ready files in the `dist` folder.\n\n## Contributing\n\nWe welcome contributions! Please follow these steps:\n\n1. Fork the repository\n2. Create a new branch (`git checkout -b feature/your-feature`)\n3. Commit your changes (`git commit -m 'Add some feature'`)\n4. Push to the branch (`git push origin feature/your-feature`)\n5. Open a Pull Request\n\n## License\n\nMIT\n","readmeFilename":"README.md","_rev":"1-2579493aa2c574da91bf2bee7fa501a1"}