Update index.js

index.js

@@ -5,7 +5,6 @@ const app = express();
 app.use(express.json());
 
 // Tempat menyimpan status transaksi sementara di memory server
-// Struktur: { "15000": { status: "PENDING" } }
 let databaseTransaksi = {};
 
 const QRIS_BISNIS_BASE = "00020101021226570011ID.DANA.WWW011893600915092050870402099205087040303UMI51440014ID.CO.QRIS.WWW0215ID10254080885610303UMI520448145303360540115802ID5910FAREL SHOP6012Kota Cirebon610545122621960150011ID.DANA.WWW6304";
@@ -35,7 +34,8 @@ app.get('/create', (req, res) => {
         return res.status(400).json({ error: 'Nominal harus berupa angka!' });
     }
 
-    const valueUang = parseInt(nominal).toString();
+    // Pastikan kunci disimpan sebagai String Angka Murni yang Bersih (Tanpa Spasi/Titik)
+    const valueUang = parseInt(nominal, 10).toString();
     const lengthUang = valueUang.length.toString().padStart(2, '0'); 
     const tagNominalBaru = `54${lengthUang}${valueUang}`;
 
@@ -52,7 +52,7 @@ app.get('/create', (req, res) => {
     const hasilCRC = hitungCRC16(qrisTanpaCRC);
     const qrisDynamicString = qrisTanpaCRC + hasilCRC;
 
-    // Daftarkan nominal ke database memory dengan status PENDING
+    // Daftarkan nominal ke database dengan key string angka bersih
     databaseTransaksi[valueUang] = {
         status: "PENDING",
         waktu: new Date()
@@ -60,39 +60,56 @@ app.get('/create', (req, res) => {
 
     return res.json({
         status: 'success',
-        nominal: parseInt(nominal),
+        nominal: parseInt(valueUang, 10),
         qris_string: qrisDynamicString
     });
 });
 
-// 2. ENDPOINT CHECK STATUS (Ditembak oleh Frontend secara Real-time)
+// 2. ENDPOINT CHECK STATUS (Real-time & Manual lewat satu pintu)
 app.get('/check-status', (req, res) => {
-    const nominal = req.query.nominal;
+    if (!req.query.nominal) return res.status(400).json({ status: "ERROR" });
+    
+    const nominal = parseInt(req.query.nominal, 10).toString(); // Normalisasi input key
     if (databaseTransaksi[nominal]) {
         return res.json({ status: databaseTransaksi[nominal].status });
     }
     return res.json({ status: "NOT_FOUND" });
 });
 
-// Ganti bagian app.post('/notifdana') di index.js Anda dengan ini:
+// 3. ENDPOINT BATALKAN TRANSAKSI
+app.get('/cancel', (req, res) => {
+    if (!req.query.nominal) return res.status(400).json({ status: "ERROR" });
+    
+    const nominal = parseInt(req.query.nominal, 10).toString();
+    if (databaseTransaksi[nominal]) {
+        delete databaseTransaksi[nominal]; // Hapus antrean di server
+        return res.json({ status: "CANCELLED" });
+    }
+    return res.json({ status: "NOT_FOUND" });
+});
+
+// 4. ENDPOINT WEBHOOK NOTIFIKASI DANA (Ditembak oleh MacroDroid) - FIX MATCHING
 app.post('/notifdana', (req, res) => {
     const { message } = req.body;
     console.log(`[Notifikasi Masuk]: ${message}`);
 
-    // Kita buat pendeteksian lebih fleksibel: Cukup pastikan teks mengandung kata "Rp" dan kata "berhasil"
     if (message && message.toLowerCase().includes('berhasil') && message.includes('Rp')) {
         try {
             const regexUang = /Rp([\d.]+)/;
             const matchUang = message.match(regexUang);
             
             if (matchUang) {
-                const nominalBersih = matchUang[1].replace(/\./g, '');
+                // Contoh: dari "Rp1" -> "1", dari "Rp50.000" -> "50000"
+                const nominalBersih = matchUang[1].replace(/\./g, '').trim();
+                const keyTransaksi = parseInt(nominalBersih, 10).toString();
+
+                console.log(`[Mencari Key Transaksi]: "${keyTransaksi}"`);
                 
-                if (databaseTransaksi[nominalBersih]) {
-                    databaseTransaksi[nominalBersih].status = "SUCCESS";
-                    console.log(`[REAL-TIME] Transaksi nominal Rp ${nominalBersih} BERHASIL DIKONFIRMASI!`);
+                if (databaseTransaksi[keyTransaksi]) {
+                    databaseTransaksi[keyTransaksi].status = "SUCCESS";
+                    console.log(`[FIX-SUCCESS] Transaksi nominal Rp ${keyTransaksi} BERHASIL DIKONFIRMASI!`);
                 } else {
-                    console.log(`[PERINGATAN] Nominal Rp ${nominalBersih} diterima tapi tidak dicari oleh frontend.`);
+                    console.log(`[PERINGATAN] Nominal Rp ${keyTransaksi} masuk, tapi tidak ada antrean di web.`);
                 }
             }
         } catch (error) {
@@ -102,7 +119,7 @@ app.post('/notifdana', (req, res) => {
     return res.status(200).json({ status: 'success' });
 });
 
-// 4. FRONTEND HALAMAN UTAMA (HTML, CSS, JS terintegrasi)
+// 5. FRONTEND HALAMAN UTAMA (Dengan tombol Manual Cek dan Cancel)
 app.get('/', (req, res) => {
     res.send(`
     <!DOCTYPE html>
@@ -118,9 +135,13 @@ app.get('/', (req, res) => {
             h2 { color: #111; margin-bottom: 5px; }
             p { color: #666; font-size: 14px; margin-top: 0; }
             input { width: 100%; padding: 12px; margin: 15px 0; border: 1px solid #ddd; border-radius: 8px; box-sizing: border-box; font-size: 16px; text-align: center; }
-            button { width: 100%; background: #10b981; color: white; border: none; padding: 12px; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; transition: 0.2s; }
+            button { width: 100%; background: #10b981; color: white; border: none; padding: 12px; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; transition: 0.2s; margin-bottom: 10px; }
             button:hover { background: #059669; }
-            #qrcode { margin: 20px auto; display: none; background: #fff; padding: 10px; border: 1px solid #eee; display: inline-block; }
+            .btn-manual { background: #3b82f6; }
+            .btn-manual:hover { background: #2563eb; }
+            .btn-cancel { background: #ef4444; }
+            .btn-cancel:hover { background: #dc2626; }
+            #qrcode { margin: 20px auto; background: #fff; padding: 10px; border: 1px solid #eee; display: inline-block; }
             .status-box { margin-top: 15px; padding: 10px; border-radius: 8px; font-weight: bold; display: none; }
             .pending { background: #fef3c7; color: #d97706; }
             .success { background: #d1fae5; color: #059669; animation: pulse 1.5s infinite; }
@@ -139,54 +160,88 @@ app.get('/', (req, res) => {
                 <h3 id="displayNominal"></h3>
                 <canvas id="qrcode"></canvas>
                 <div id="statusLabel" class="status-box">Menunggu Pembayaran...</div>
+                
+                <div style="margin-top: 15px;">
+                    <button class="btn-manual" onclick="cekStatusManual()">🔍 Cek Status Manual</button>
+                    <button class="btn-cancel" onclick="batalkanTransaksi()">❌ Batalkan Transaksi</button>
+                </div>
             </div>
         </div>
 
         <script>
             let intervalCekStatus;
+            let currentNominal = "";
 
             async function buatQRIS() {
                 clearInterval(intervalCekStatus);
                 const nominal = document.getElementById('nominalInput').value;
                 if(!nominal) return alert('Masukkan nominal terlebih dahulu!');
+                
+                currentNominal = parseInt(nominal, 10).toString();
 
-                const res = await fetch('/create?nominal=' + nominal);
+                const res = await fetch('/create?nominal=' + currentNominal);
                 const data = await res.json();
 
                 if(data.status === 'success') {
                     document.getElementById('qrisSection').style.display = 'block';
-                    document.getElementById('displayNominal').innerText = 'Total: Rp ' + parseInt(nominal).toLocaleString('id-ID');
+                    document.getElementById('displayNominal').innerText = 'Total: Rp ' + parseInt(currentNominal).toLocaleString('id-ID');
                     
-                    // Render string QRIS menjadi gambar QR Code
                     QRCode.toCanvas(document.getElementById('qrcode'), data.qris_string, { width: 250 }, function (error) {
                         if (error) console.error(error);
                     });
 
-                    // Set label status jadi pending
                     const statusLabel = document.getElementById('statusLabel');
                     statusLabel.style.display = 'block';
                     statusLabel.className = 'status-box pending';
                     statusLabel.innerText = 'Menunggu Pembayaran...';
 
-                    // Mulai memantau secara real-time (Long Polling per 2 detik)
+                    // Tetap berjalan real-time mengecek otomatis tiap 2 detik
                     intervalCekStatus = setInterval(() => {
-                        cekStatusPembayaran(nominal);
+                        cekStatusPembayaranOtomatis(currentNominal);
                     }, 2000);
                 }
             }
 
-            async function cekStatusPembayaran(nominal) {
+            async function cekStatusPembayaranOtomatis(nominal) {
                 const res = await fetch('/check-status?nominal=' + nominal);
                 const data = await res.json();
 
                 if(data.status === 'SUCCESS') {
+                    ubahKeTampilanSukses(nominal);
+                }
+            }
+
+            async function cekStatusManual() {
+                if(!currentNominal) return;
+                const res = await fetch('/check-status?nominal=' + currentNominal);
+                const data = await res.json();
+
+                if(data.status === 'SUCCESS') {
+                    ubahKeTampilanSukses(currentNominal);
+                } else {
+                    alert('Status transaksi Rp ' + parseInt(currentNominal).toLocaleString('id-ID') + ' masih BELUM DIBAYAR.');
+                }
+            }
+
+            async function batalkanTransaksi() {
+                if(!currentNominal) return;
+                if(confirm('Apakah Anda yakin ingin membatalkan transaksi ini?')) {
                     clearInterval(intervalCekStatus);
-                    const statusLabel = document.getElementById('statusLabel');
-                    statusLabel.className = 'status-box success';
-                    statusLabel.innerText = '🎉 PEMBAYARAN BERHASIL!';
-                    alert('Transaksi Rp ' + nominal + ' Sukses Diterima!');
+                    await fetch('/cancel?nominal=' + currentNominal);
+                    document.getElementById('qrisSection').style.display = 'none';
+                    document.getElementById('nominalInput').value = '';
+                    currentNominal = "";
+                    alert('Transaksi berhasil dibatalkan.');
                 }
             }
+
+            function ubahKeTampilanSukses(nominal) {
+                clearInterval(intervalCekStatus);
+                const statusLabel = document.getElementById('statusLabel');
+                statusLabel.className = 'status-box success';
+                statusLabel.innerText = '🎉 PEMBAYARAN BERHASIL!';
+                alert('Transaksi Rp ' + parseInt(nominal).toLocaleString('id-ID') + ' Sukses Diterima!');
+            }
         </script>
     </body>
     </html>