web-next: /restore-items cobra por SumUp (1€/ítem) en vez de PD

- Nuevo servicio de pago `restore-item` (getRestoreItemPrice default 1€, fulfill
  SOAP `.item restore <recover_id> <char>`). Al pulsar "Recuperar" se crea un
  checkout de SumUp y al pagar se ejecuta el restore.
- Se quita el descuento de 100 PD y el gate "No tienes PD suficientes".
- La búsqueda sigue igual (gratis, cooldown 8h, Turnstile).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

web-next/components/RestoreItemsForm.tsx

@@ -32,7 +32,7 @@ function itemsError(error?: string, minutes?: number): string {
   }
 }
 
-export function RestoreItemsForm({ characters, canAfford }: { characters: CharOption[]; canAfford: boolean }) {
+export function RestoreItemsForm({ characters, price }: { characters: CharOption[]; price: number }) {
   const [character, setCharacter] = useState('')
   const [captcha, setCaptcha] = useState('')
   const [captchaKey, setCaptchaKey] = useState(0)
@@ -40,14 +40,6 @@ export function RestoreItemsForm({ characters, canAfford }: { characters: CharOp
   const [items, setItems] = useState<DeletedItem[] | null>(null)
   const [message, setMessage] = useState<{ ok: boolean; text: string } | null>(null)
 
-  if (!canAfford) {
-    return (
-      <div id="char-selection">
-        <span>No tienes PD suficientes</span>
-      </div>
-    )
-  }
-
   async function search(e: React.FormEvent<HTMLFormElement>) {
     e.preventDefault()
     if (busy || !character) return
@@ -78,26 +70,25 @@ export function RestoreItemsForm({ characters, canAfford }: { characters: CharOp
 
   async function restore(item: DeletedItem) {
     if (busy) return
-    if (!window.confirm(`¿Recuperar "${item.name}" por 100 PD?`)) return
+    if (!window.confirm(`¿Recuperar "${item.name}" por ${price} € (SumUp)?`)) return
     setBusy(true)
     setMessage(null)
     try {
-      const res = await fetch('/api/character/restore-items/restore', {
+      const res = await fetch('/api/character/restore-item/checkout', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         credentials: 'same-origin',
-        body: JSON.stringify({ character, recoverId: item.recoverId }),
+        body: JSON.stringify({ character, recover_id: String(item.recoverId), provider: 'sumup' }),
       })
-      const data: { success?: boolean; error?: string } = await res.json()
-      if (data.success) {
-        setItems((prev) => (prev ? prev.filter((i) => i.recoverId !== item.recoverId) : prev))
-        setMessage({ ok: true, text: `¡"${item.name}" recuperado! Se han descontado 100 PD.` })
-      } else {
-        setMessage({ ok: false, text: itemsError(data.error) })
+      const data: { success?: boolean; url?: string; error?: string; message?: string } = await res.json()
+      if (data.success && data.url) {
+        window.location.assign(data.url) // checkout de SumUp
+        return
       }
+      setMessage({ ok: false, text: data.message || itemsError(data.error) })
+      setBusy(false)
     } catch {
       setMessage({ ok: false, text: itemsError() })
-    } finally {
       setBusy(false)
     }
   }
@@ -139,7 +130,7 @@ export function RestoreItemsForm({ characters, canAfford }: { characters: CharOp
                     </td>
                     <td className="real-info-box">
                       <button type="button" className="restore-item-button" value={it.recoverId} data-char={character} onClick={() => restore(it)} disabled={busy}>
-                        Recuperar (100 PD)
+                        Recuperar ({price} €)
                       </button>
                     </td>
                   </tr>