Fork xmrcheckout for Wownero (WOW)

Minimal changes from upstream xmrcheckout to support Wownero: - Rate provider: Nonlogs WOW-BTC via Kraken BTC/USD - Subaddress derivation: Wownero network byte overrides (53/63/54) - Payment URI scheme: wownero: - Dockerfile: Wownero binaries from Codeberg - Display text: Monero→Wownero, XMR→WOW throughout UI - Default daemon: 192.168.88.235:34568 - Added wownero-logo.svg File and folder structure kept identical to upstream for easy sync.
2026-10-17 05:51:45 +02:00 · 2026-03-09 11:08:55 -04:00
commit f8f9b4424c
111 changed files with 23058 additions and 0 deletions
@@ -0,0 +1,92 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useFormState } from "react-dom";
+import { useRouter } from "next/navigation";
+
+import {
+  updateBtcpayCheckoutStyleAction,
+  type BtcpayCheckoutPreferenceState,
+} from "../app/(app)/dashboard/actions";
+
+type BtcpayCheckoutStyle = "standard" | "btcpay_classic";
+
+type BtcpayCheckoutStyleSectionProps = {
+  initialStyle: BtcpayCheckoutStyle;
+};
+
+const initialState = (
+  style: BtcpayCheckoutStyle
+): BtcpayCheckoutPreferenceState => ({
+  style,
+  error: null,
+  success: null,
+});
+
+export default function BtcpayCheckoutStyleSection({
+  initialStyle,
+}: BtcpayCheckoutStyleSectionProps) {
+  const router = useRouter();
+  const [state, formAction] = useFormState(
+    updateBtcpayCheckoutStyleAction,
+    initialState(initialStyle)
+  );
+  const [style, setStyle] = useState<BtcpayCheckoutStyle>(initialStyle);
+
+  useEffect(() => {
+    if (state.success) {
+      router.refresh();
+    }
+  }, [router, state.success]);
+
+  useEffect(() => {
+    setStyle(initialStyle);
+  }, [initialStyle]);
+
+  return (
+    <form action={formAction} className="grid gap-4">
+      <div>
+        <h3 className="font-serif text-2xl">BTCPay checkout layout</h3>
+        <p className="mt-2 text-sm text-ink-soft">
+          This setting only applies to BTCPay checkouts (invoices created via the
+          BTCPay compatibility endpoints).
+        </p>
+      </div>
+      <label className="grid gap-2 text-sm font-semibold text-ink">
+        Layout
+        <select
+          name="btcpay_checkout_style"
+          className="rounded-xl border border-stroke bg-white/80 px-3 py-2 text-sm text-ink"
+          value={style}
+          onChange={(event) =>
+            setStyle(event.target.value as BtcpayCheckoutStyle)
+          }
+        >
+          <option value="standard">Standard WOW Checkout</option>
+          <option value="btcpay_classic">BTCPay Classic</option>
+        </select>
+      </label>
+      <p className="text-xs text-ink-soft">
+        The classic layout mirrors the BTCPay checkout screen for drop-in migration.
+      </p>
+      {state.error ? (
+        <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-semibold text-red-700">
+          {state.error}
+        </p>
+      ) : null}
+      {state.success ? (
+        <p className="rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm font-semibold text-emerald-700">
+          {state.success}
+        </p>
+      ) : null}
+      <div className="flex justify-end">
+        <button
+          className="inline-flex items-center justify-center rounded-full border border-stroke bg-ink px-5 py-2.5 text-sm font-semibold text-cream transition hover:-translate-y-0.5"
+          type="submit"
+        >
+          Save preference
+        </button>
+      </div>
+    </form>
+  );
+}