🚀 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