Svelte

El paquete @apolopay-sdk/svelte proporciona un componente nativo de Svelte para el botón de pago SmartPay.

Instalación

npm install @apolopay-sdk/svelte

Uso

<script>
  import { PaymentButton } from '@apolopay-sdk/svelte';
  import { onMount } from 'svelte';

  let processId = '';

  onMount(async () => {
    // Llama a tu backend para crear un proceso de pago
    const response = await fetch('/api/create-payment', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ amount: 25.50 }),
    });
    const data = await response.json();
    processId = data.processId;
  });
</script>

<h1>Completa tu Compra</h1>
<PaymentButton
  publicKey="TU_LLAVE_PUBLICA"
  {processId}
/>

Propiedades (Props)

Propiedad	Tipo	Requerido	Descripción
publicKey	string	✅	La llave pública de tu botón de pago
processId	string	✅	El process ID desde tu backend

Siguientes Pasos

• Integración Backend → — Configura la llamada a la API de preorden
• Webhooks → — Recibe notificaciones cuando los pagos se completen