๐Ÿš€ Payloqa Widgets CDN

Direct CDN links for Payloqa widgets. No npm install required!

๐ŸŒ Hosted on Netlify - Fast, reliable CDN with global edge locations

๐Ÿ” Auth Widget

React-based authentication widget with phone verification and OTP.

๐Ÿ“ฆ Available Files:

๐Ÿ’ป Usage Examples:

Browser (UMD):

<!-- HTML -->
<script src="https://payloqa-widgets.netlify.app/auth-widget.umd.js"></script>
<link rel="stylesheet" href="https://payloqa-widgets.netlify.app/auth-widget.css">

<!-- JavaScript -->
const { AuthWidget } = window.PayloqaAuthWidget;

const config = {
  apiKey: "your_api_key",
  platformId: "your_platform",
  apiUrl: "https://auth.payloqa.com/api/v1/auth",
  recaptchaSiteKey: "your_recaptcha_key"
};

ReactDOM.render(
  <AuthWidget
    config={config}
    onSuccess={(user, token) => console.log('Success!', user)}
    onError={(error) => console.error('Error:', error)}
  />,
  document.getElementById('root')
);

ES Modules:

import { AuthWidget } from 'https://payloqa-widgets.netlify.app/auth-widget.esm.js';
import 'https://payloqa-widgets.netlify.app/auth-widget.css';

๐Ÿ’ณ Payment Widget

React-based payment processing widget (Coming Soon).

Payment widget will be available here once developed.

๐Ÿ“š Documentation & Links

๐Ÿงช Test the Widget

Try the widget directly in your browser:

<!DOCTYPE html>
<html>
<head>
  <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
  <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
  <script src="https://payloqa-widgets.netlify.app/auth-widget.umd.js"></script>
  <link rel="stylesheet" href="https://payloqa-widgets.netlify.app/auth-widget.css">
</head>
<body>
  <div id="root"></div>
  <script>
    const { AuthWidget } = window.PayloqaAuthWidget;
    ReactDOM.render(<AuthWidget config={{apiKey: "test"}} />, document.getElementById('root'));
  </script>
</body>
</html>

๐Ÿš€ Netlify Benefits