wayu-pay-react

Wayu Pay React Components

Componentes de React para implementar el flujo de pago de Wayu Pay.

Instalación

npm install wayu-pay-react-components

Uso

Es crucial importar tanto los componentes como los estilos CSS para que los componentes se muestren correctamente:

// Importar los estilos (¡IMPORTANTE!)
import 'wayu-pay-react-components/dist/wayu-pay-react-components.css';

// Importar el componente principal
import { Checkout } from 'wayu-pay-react-components';

function App() {
  return (
    <div>
      <h1>Mi Aplicación de Pago</h1>
      <Checkout 
        onComplete={(data) => console.log('Pago completado', data)}
        onError={(error) => console.error('Error en el pago', error)}
      />
    </div>
  );
}

Componentes Disponibles

Checkout

Componente principal que muestra las opciones de pago:

• Tarjeta de Crédito
• Pago Móvil (C2P)
• Tarjeta Débito Mercantil
• Criptomonedas

C2P

Flujo específico para el pago móvil C2P (usado internamente por Checkout).

Problemas de Estilos

Si los estilos no se muestran correctamente, asegúrate de:

• Haber importado el archivo CSS como se indica arriba
• Verificar que tu bundler (webpack, vite, etc.) está configurado para manejar archivos CSS
• Si usas Next.js, importa los estilos en _app.js o app/layout.js

Licencia

ISC