Componente Webpay - APOFIS

Módulo de integración con Transbank Webpay Plus, compuesto por dos librerías independientes:

Librería	Tecnología	Paquete
Frontend	React 18, TailwindCSS, Redux Toolkit, React Query	@apofis/webpay-ui
Backend	Python, FastAPI, SQLAlchemy, Transbank SDK	apofis-webpay-backend

Estructura

├── frontend/          # Librería React (@apofis/webpay-ui)
│   ├── src/
│   │   ├── components/   # WebpayComponent, Spinner, TransactionDetails
│   │   ├── hooks/        # useCreateTransaction, useConfirmTransaction
│   │   ├── store/        # Redux Toolkit slice
│   │   ├── types/        # TypeScript interfaces
│   │   └── styles/       # TailwindCSS
│   ├── rollup.config.js
│   ├── package.json
│   └── README.md
│
├── backend/           # Librería Python (apofis-webpay-backend)
│   ├── apofis_webpay_backend/
│   │   ├── config.py        # Settings (variables de entorno)
│   │   ├── database.py      # SQLAlchemy engine y sesión
│   │   ├── models.py        # Modelo Transaction
│   │   ├── schemas.py       # Schemas Pydantic
│   │   ├── controllers.py   # Lógica de negocio
│   │   ├── routes.py        # Endpoints FastAPI
│   │   └── main.py          # App factory
│   ├── pyproject.toml
│   ├── .env.example
│   └── README.md

Inicio rápido

Backend

cd backend
cp .env.example .env
pip install -e .
uvicorn apofis_webpay_backend.main:app --reload

Frontend

cd frontend
npm install
npm run build

Consulta el README de cada librería para documentación detallada.