# Core Midtrans CIFO (Frontend)

Frontend Vite + React untuk integrasi Midtrans Core API dengan UI kustom.

## Setup

1) Duplikasi file contoh env dan isi nilainya:

```bash
cp .env.example .env.local
```

Isi `.env.local` (lihat `.env.example` untuk referensi):

```
VITE_API_BASE_URL=http://localhost:8000/api
VITE_MIDTRANS_CLIENT_KEY=YOUR_CLIENT_KEY
VITE_MIDTRANS_ENV=sandbox
```

2) Jalankan pengembangan:

```bash
npm install
npm run dev
```

App akan tersedia di `http://localhost:5173/` (atau port lain jika 5173 dipakai).

## Catatan Integrasi Midtrans

- Client Key hanya digunakan di frontend (mis. tokenisasi kartu/3DS). Server Key TIDAK pernah di frontend.
- Semua request ke Midtrans dilakukan lewat backend (`VITE_API_BASE_URL`). Frontend memanggil endpoint seperti `/payments/:orderId/status`.
- Status real-time dapat diimplementasikan via polling (TanStack Query) atau SSE/WebSocket dari backend.

## Struktur Env di Kode

- Akses env melalui modul `src/lib/env.ts`:
  - `Env.API_BASE_URL`
  - `Env.MIDTRANS_CLIENT_KEY`
  - `Env.MIDTRANS_ENV`

## Lisensi

Internal project skeleton.
