admin roadmap trips ops and payment ops

features/booking/actions.ts

@@ -56,6 +56,37 @@ export async function startMidtransPaymentAction(
   }
 }
 
+/**
+ * Admin variant reconcile — skip ownership check, dipakai dari panel admin
+ * `/admin/bookings/[id]` saat investigasi.
+ */
+export async function adminReconcileMidtransAction(orderId: string) {
+  const session = await getServerSession(authOptions);
+  if (!session?.user) {
+    return { error: "Kamu harus login terlebih dahulu" };
+  }
+  const { isAdminEmail } = await import("@/lib/admin");
+  if (!isAdminEmail(session.user.email)) {
+    return { error: "Hanya admin yang bisa melakukan aksi ini" };
+  }
+  if (!orderId || typeof orderId !== "string") {
+    return { error: "order_id tidak valid" };
+  }
+
+  try {
+    const result = await paymentService.adminReconcile(orderId);
+    if (!result.ok) {
+      if (result.reason === "not_found") {
+        return { error: "Order tidak ditemukan di sistem" };
+      }
+      return { error: "Status pembayaran tidak cocok dengan tagihan" };
+    }
+    return { success: true as const, status: result.status };
+  } catch (err) {
+    return { error: (err as Error).message };
+  }
+}
+
 /**
  * Tarik status terkini dari Midtrans untuk satu order, lalu sinkron ke DB.
  * Dipakai oleh payment page saat user kembali dari Snap (redirect bawa

features/booking/components/admin-reconcile-button.tsx

@@ -0,0 +1,74 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { adminReconcileMidtransAction } from "@/features/booking/actions";
+
+interface AdminReconcileButtonProps {
+  orderId: string;
+  disabled?: boolean;
+}
+
+export function AdminReconcileButton({
+  orderId,
+  disabled,
+}: AdminReconcileButtonProps) {
+  const router = useRouter();
+  const [loading, setLoading] = useState(false);
+  const [status, setStatus] = useState<string | null>(null);
+  const [error, setError] = useState("");
+
+  async function handleClick() {
+    setLoading(true);
+    setError("");
+    setStatus(null);
+    const res = await adminReconcileMidtransAction(orderId);
+    setLoading(false);
+    if ("error" in res && res.error) {
+      setError(res.error);
+      return;
+    }
+    if ("status" in res && res.status) {
+      setStatus(res.status);
+    }
+    router.refresh();
+  }
+
+  return (
+    <div className="inline-flex flex-col items-end gap-1">
+      <button
+        type="button"
+        onClick={handleClick}
+        disabled={loading || disabled}
+        className="rounded-lg bg-secondary-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-secondary-700 disabled:cursor-not-allowed disabled:opacity-50"
+      >
+        {loading ? "Reconciling..." : "Reconcile Midtrans"}
+      </button>
+      {status && (
+        <span className="text-[11px] font-medium text-emerald-700">
+          ✓ {reconcileOutcomeLabel(status)}
+        </span>
+      )}
+      {error && (
+        <span className="text-[11px] font-medium text-red-600">{error}</span>
+      )}
+    </div>
+  );
+}
+
+function reconcileOutcomeLabel(status: string): string {
+  switch (status) {
+    case "updated":
+      return "Status di-update";
+    case "skipped":
+      return "Sudah final (tidak ada perubahan)";
+    case "ignored":
+      return "Tidak dikenali (mungkin sudah dihapus)";
+    case "booking_conflict":
+      return "Gateway PAID tapi booking di state konflik — perlu review manual";
+    case "not_found":
+      return "Order tidak ditemukan di Midtrans";
+    default:
+      return status;
+  }
+}

features/booking/components/raw-callback-viewer.tsx

@@ -0,0 +1,36 @@
+"use client";
+
+import { useState } from "react";
+
+interface RawCallbackViewerProps {
+  payload: unknown;
+}
+
+export function RawCallbackViewer({ payload }: RawCallbackViewerProps) {
+  const [open, setOpen] = useState(false);
+
+  if (payload == null) {
+    return (
+      <p className="text-[11px] italic text-neutral-400">
+        Belum ada callback dari gateway.
+      </p>
+    );
+  }
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => setOpen((v) => !v)}
+        className="text-[11px] font-semibold text-secondary-700 hover:text-secondary-900"
+      >
+        {open ? "▼ Sembunyikan raw callback" : "▶ Lihat raw callback JSON"}
+      </button>
+      {open && (
+        <pre className="mt-2 max-h-96 overflow-auto rounded-lg border border-neutral-200 bg-neutral-50 p-3 text-[11px] leading-relaxed text-neutral-700">
+          {JSON.stringify(payload, null, 2)}
+        </pre>
+      )}
+    </div>
+  );
+}