Permitir pagar los servicios con PD, Stripe o SumUp (elección)

Los 9 servicios con precio en euros (rename, customize, change-race,
change-faction, level-up, gold, transfer, restore-item, send-gift) ahora
ofrecen un selector de forma de pago con las 3 opciones: saldo PD, tarjeta
(Stripe) o tarjeta (SumUp).

- lib/dpoints: spendDPoints() descuenta PD de forma atómica (FOR UPDATE).
- lib/pay-with-dpoints: paga con saldo PD, ejecuta la acción al momento y
  reembolsa si la ejecución falla; 100 PD = 1 €.
- rutas checkout (character/[service] y gift): rama provider='pd' que valida
  saldo, descuenta, ejecuta fulfill y devuelve la URL de éxito (sin pasarela).
- service-success: rama provider='pd' (la entrega ya se hizo en el checkout).
- PaymentMethodSelect: componente compartido con coste por método y saldo;
  desactiva PD si no hay saldo suficiente.
- Formularios (PaidServiceForm, Gold, Transfer, RestoreItems, SendGift) y sus
  páginas pasan el saldo PD y envían el método elegido + locale.
- i18n: namespace Pay (es/en); añadidas claves Paid.restore-item que faltaban.

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

web-next/app/[locale]/change-faction-character/page.tsx

@@ -3,6 +3,7 @@ import { getTranslations, setRequestLocale } from 'next-intl/server'
 import { redirect } from '@/i18n/navigation'
 import { getSession } from '@/lib/session'
 import { getGameCharacters } from '@/lib/characters'
+import { getDPointsBalance } from '@/lib/dpoints'
 import { getChangeFactionPrice } from '@/lib/prices'
 import { PageShell } from '@/components/PageShell'
 import { ServiceBox } from '@/components/ServiceBox'
@@ -36,7 +37,11 @@ export default async function ChangeFactionCharacterPage({ params }: { params: P
   if (!session.bnetId) redirect({ href: '/log-in', locale })
   if (!session.username) redirect({ href: '/select-account', locale })
 
-  const [chars, price] = await Promise.all([getGameCharacters(session.accountId!), getChangeFactionPrice()])
+  const [chars, price, pdBalance] = await Promise.all([
+    getGameCharacters(session.accountId!),
+    getChangeFactionPrice(),
+    getDPointsBalance(session.accountId!),
+  ])
 
   const t = await getTranslations('CharServiceB.changeFaction')
 
@@ -95,8 +100,8 @@ export default async function ChangeFactionCharacterPage({ params }: { params: P
           checkoutEndpoint="/api/character/change-faction/checkout"
           payLabel={t('payLabel')}
           buttonClass="change-faction-button"
-          provider="sumup"
-          confirmText={t('confirm', { price })}
+          priceEur={price}
+          pdBalance={pdBalance}
         />
       </ServiceBox>
     </PageShell>

web-next/app/[locale]/change-race-character/page.tsx

@@ -3,6 +3,7 @@ import { getTranslations, setRequestLocale } from 'next-intl/server'
 import { redirect } from '@/i18n/navigation'
 import { getSession } from '@/lib/session'
 import { getGameCharacters } from '@/lib/characters'
+import { getDPointsBalance } from '@/lib/dpoints'
 import { getChangeRacePrice } from '@/lib/prices'
 import { PageShell } from '@/components/PageShell'
 import { ServiceBox } from '@/components/ServiceBox'
@@ -24,7 +25,11 @@ export default async function ChangeRaceCharacterPage({ params }: { params: Prom
   if (!session.bnetId) redirect({ href: '/log-in', locale })
   if (!session.username) redirect({ href: '/select-account', locale })
 
-  const [chars, price] = await Promise.all([getGameCharacters(session.accountId!), getChangeRacePrice()])
+  const [chars, price, pdBalance] = await Promise.all([
+    getGameCharacters(session.accountId!),
+    getChangeRacePrice(),
+    getDPointsBalance(session.accountId!),
+  ])
 
   const t = await getTranslations('CharServiceB.changeRace')
 
@@ -61,8 +66,8 @@ export default async function ChangeRaceCharacterPage({ params }: { params: Prom
           checkoutEndpoint="/api/character/change-race/checkout"
           payLabel={t('payLabel')}
           buttonClass="change-race-button"
-          provider="sumup"
-          confirmText={t('confirm', { price })}
+          priceEur={price}
+          pdBalance={pdBalance}
         />
       </ServiceBox>
     </PageShell>

web-next/app/[locale]/customize-character/page.tsx

@@ -3,6 +3,7 @@ import { getTranslations, setRequestLocale } from 'next-intl/server'
 import { redirect } from '@/i18n/navigation'
 import { getSession } from '@/lib/session'
 import { getGameCharacters } from '@/lib/characters'
+import { getDPointsBalance } from '@/lib/dpoints'
 import { getCustomizePrice } from '@/lib/prices'
 import { PageShell } from '@/components/PageShell'
 import { ServiceBox } from '@/components/ServiceBox'
@@ -24,7 +25,11 @@ export default async function CustomizeCharacterPage({ params }: { params: Promi
   if (!session.bnetId) redirect({ href: '/log-in', locale })
   if (!session.username) redirect({ href: '/select-account', locale })
 
-  const [chars, price] = await Promise.all([getGameCharacters(session.accountId!), getCustomizePrice()])
+  const [chars, price, pdBalance] = await Promise.all([
+    getGameCharacters(session.accountId!),
+    getCustomizePrice(),
+    getDPointsBalance(session.accountId!),
+  ])
 
   const t = await getTranslations('CharServiceB.customize')
 
@@ -62,8 +67,8 @@ export default async function CustomizeCharacterPage({ params }: { params: Promi
           checkoutEndpoint="/api/character/customize/checkout"
           payLabel={t('payLabel')}
           buttonClass="customize-button"
-          provider="sumup"
-          confirmText={t('confirm', { price })}
+          priceEur={price}
+          pdBalance={pdBalance}
         />
       </ServiceBox>
     </PageShell>

web-next/app/[locale]/gold-character/page.tsx

@@ -3,6 +3,7 @@ import { getTranslations, setRequestLocale } from 'next-intl/server'
 import { redirect } from '@/i18n/navigation'
 import { getSession } from '@/lib/session'
 import { getGameCharacters } from '@/lib/characters'
+import { getDPointsBalance } from '@/lib/dpoints'
 import { getGoldOptions } from '@/lib/prices'
 import { PageShell } from '@/components/PageShell'
 import { ServiceBox } from '@/components/ServiceBox'
@@ -26,7 +27,11 @@ export default async function GoldCharacterPage({ params }: { params: Promise<{
   if (!session.bnetId) redirect({ href: '/log-in', locale })
   if (!session.username) redirect({ href: '/select-account', locale })
 
-  const [chars, options] = await Promise.all([getGameCharacters(session.accountId!), getGoldOptions()])
+  const [chars, options, pdBalance] = await Promise.all([
+    getGameCharacters(session.accountId!),
+    getGoldOptions(),
+    getDPointsBalance(session.accountId!),
+  ])
 
   const t = await getTranslations('CharServiceB.gold')
 
@@ -72,7 +77,7 @@ export default async function GoldCharacterPage({ params }: { params: Promise<{
           <br />
         </div>
 
-        <GoldForm characters={chars.map((c) => ({ name: c.name, classCss: c.classCss }))} options={options} />
+        <GoldForm characters={chars.map((c) => ({ name: c.name, classCss: c.classCss }))} options={options} pdBalance={pdBalance} />
       </ServiceBox>
     </PageShell>
   )

web-next/app/[locale]/level-up-character/page.tsx

@@ -3,6 +3,7 @@ import { getTranslations, setRequestLocale } from 'next-intl/server'
 import { redirect } from '@/i18n/navigation'
 import { getSession } from '@/lib/session'
 import { getGameCharacters } from '@/lib/characters'
+import { getDPointsBalance } from '@/lib/dpoints'
 import { getLevelUpPrice } from '@/lib/prices'
 import { PageShell } from '@/components/PageShell'
 import { ServiceBox } from '@/components/ServiceBox'
@@ -24,7 +25,11 @@ export default async function LevelUpCharacterPage({ params }: { params: Promise
   if (!session.bnetId) redirect({ href: '/log-in', locale })
   if (!session.username) redirect({ href: '/select-account', locale })
 
-  const [chars, price] = await Promise.all([getGameCharacters(session.accountId!), getLevelUpPrice()])
+  const [chars, price, pdBalance] = await Promise.all([
+    getGameCharacters(session.accountId!),
+    getLevelUpPrice(),
+    getDPointsBalance(session.accountId!),
+  ])
 
   const t = await getTranslations('CharServiceB.levelUp')
 
@@ -57,8 +62,8 @@ export default async function LevelUpCharacterPage({ params }: { params: Promise
           checkoutEndpoint="/api/character/level-up/checkout"
           payLabel={t('payLabel')}
           buttonClass="level-up-button"
-          provider="sumup"
-          confirmText={t('confirm', { price })}
+          priceEur={price}
+          pdBalance={pdBalance}
         />
       </ServiceBox>
     </PageShell>

web-next/app/[locale]/rename-character/page.tsx

@@ -3,6 +3,7 @@ import { getTranslations, setRequestLocale } from 'next-intl/server'
 import { redirect } from '@/i18n/navigation'
 import { getSession } from '@/lib/session'
 import { getGameCharacters } from '@/lib/characters'
+import { getDPointsBalance } from '@/lib/dpoints'
 import { getRenamePrice } from '@/lib/prices'
 import { PageShell } from '@/components/PageShell'
 import { ServiceBox } from '@/components/ServiceBox'
@@ -24,7 +25,11 @@ export default async function RenameCharacterPage({ params }: { params: Promise<
   if (!session.bnetId) redirect({ href: '/log-in', locale })
   if (!session.username) redirect({ href: '/select-account', locale })
 
-  const [chars, price] = await Promise.all([getGameCharacters(session.accountId!), getRenamePrice()])
+  const [chars, price, pdBalance] = await Promise.all([
+    getGameCharacters(session.accountId!),
+    getRenamePrice(),
+    getDPointsBalance(session.accountId!),
+  ])
 
   const t = await getTranslations('CharServiceB.rename')
 
@@ -55,8 +60,8 @@ export default async function RenameCharacterPage({ params }: { params: Promise<
           checkoutEndpoint="/api/character/rename/checkout"
           payLabel={t('payLabel')}
           buttonClass="rename-button"
-          provider="sumup"
-          confirmText={t('confirm', { price })}
+          priceEur={price}
+          pdBalance={pdBalance}
         />
       </ServiceBox>
     </PageShell>

web-next/app/[locale]/restore-items/page.tsx

@@ -4,6 +4,7 @@ import { getTranslations, setRequestLocale } from 'next-intl/server'
 import { redirect } from '@/i18n/navigation'
 import { getSession } from '@/lib/session'
 import { getGameCharacters } from '@/lib/characters'
+import { getDPointsBalance } from '@/lib/dpoints'
 import { getRestoreItemPrice } from '@/lib/prices'
 import { PageShell } from '@/components/PageShell'
 import { ServiceBox } from '@/components/ServiceBox'
@@ -26,7 +27,11 @@ export default async function RestoreItemsPage({ params }: { params: Promise<{ l
   if (!session.bnetId) redirect({ href: '/log-in', locale })
   if (!session.username) redirect({ href: '/select-account', locale })
 
-  const [chars, price] = await Promise.all([getGameCharacters(session.accountId!), getRestoreItemPrice()])
+  const [chars, price, pdBalance] = await Promise.all([
+    getGameCharacters(session.accountId!),
+    getRestoreItemPrice(),
+    getDPointsBalance(session.accountId!),
+  ])
 
   return (
     <PageShell title={t('restoreItems.pageTitle')}>
@@ -63,7 +68,7 @@ export default async function RestoreItemsPage({ params }: { params: Promise<{ l
           <br />
           <p>{t.rich('restoreItems.requires', { price, s: (c) => <span>{c}</span>, e: (c) => <span className="yellow-info">{c}</span> })}</p>
           <br />
-          <RestoreItemsForm characters={chars.map((c) => ({ name: c.name, classCss: c.classCss }))} price={price} />
+          <RestoreItemsForm characters={chars.map((c) => ({ name: c.name, classCss: c.classCss }))} price={price} pdBalance={pdBalance} />
         </div>
       </ServiceBox>
     </PageShell>

web-next/app/[locale]/send-gift/page.tsx

@@ -4,6 +4,7 @@ import { getTranslations, setRequestLocale } from 'next-intl/server'
 import { redirect, Link } from '@/i18n/navigation'
 import { getSession } from '@/lib/session'
 import { getGameCharacters } from '@/lib/characters'
+import { getDPointsBalance } from '@/lib/dpoints'
 import { getGiftCatalog } from '@/lib/gift'
 import { PageShell } from '@/components/PageShell'
 import { ServiceBox } from '@/components/ServiceBox'
@@ -26,7 +27,11 @@ export default async function SendGiftPage({ params }: { params: Promise<{ local
   if (!session.bnetId) redirect({ href: '/log-in', locale })
   if (!session.username) redirect({ href: '/select-account', locale })
 
-  const [chars, catalog] = await Promise.all([getGameCharacters(session.accountId!), getGiftCatalog()])
+  const [chars, catalog, pdBalance] = await Promise.all([
+    getGameCharacters(session.accountId!),
+    getGiftCatalog(),
+    getDPointsBalance(session.accountId!),
+  ])
   const currency = process.env.SUMUP_CURRENCY === 'EUR' ? '€' : process.env.SUMUP_CURRENCY || '€'
 
   return (
@@ -64,6 +69,7 @@ export default async function SendGiftPage({ params }: { params: Promise<{ local
           characters={chars.map((c) => ({ name: c.name, classCss: c.classCss }))}
           catalog={catalog}
           currency={currency}
+          pdBalance={pdBalance}
         />
       </ServiceBox>
     </PageShell>

web-next/app/[locale]/service-success/page.tsx

@@ -11,18 +11,22 @@ export default async function ServiceSuccessPage({
   searchParams,
 }: {
   params: Promise<{ locale: string }>
-  searchParams: Promise<{ service?: string; session_id?: string; provider?: string; ref?: string }>
+  searchParams: Promise<{ service?: string; session_id?: string; provider?: string; ref?: string; name?: string }>
 }) {
   const { locale } = await params
   setRequestLocale(locale)
-  const { service: urlService, session_id, provider, ref } = await searchParams
+  const { service: urlService, session_id, provider, ref, name } = await searchParams
   const t = await getTranslations('Paid')
 
   // Entrega compartida con el webhook/reconciliación (idempotente vía reclamo atómico).
   let status: 'delivered' | 'already' | 'error' = 'error'
   let okName: string | null = null
   let service = urlService ?? null
-  if (provider === 'sumup' && ref) {
+  if (provider === 'pd') {
+    // Pago con saldo PD: la entrega ya se ejecutó en el checkout; aquí solo se muestra.
+    status = 'delivered'
+    okName = name ?? null
+  } else if (provider === 'sumup' && ref) {
     const r = await fulfillSumUpCheckout(ref)
     service = r.service ?? urlService ?? null
     okName = r.character ?? null

web-next/app/[locale]/transfer-character/page.tsx

@@ -4,6 +4,7 @@ import { getTranslations, setRequestLocale } from 'next-intl/server'
 import { redirect, Link } from '@/i18n/navigation'
 import { getSession } from '@/lib/session'
 import { getGameCharacters } from '@/lib/characters'
+import { getDPointsBalance } from '@/lib/dpoints'
 import { getTransferPrice } from '@/lib/prices'
 import { PageShell } from '@/components/PageShell'
 import { ServiceBox } from '@/components/ServiceBox'
@@ -26,7 +27,11 @@ export default async function TransferCharacterPage({ params }: { params: Promis
   if (!session.bnetId) redirect({ href: '/log-in', locale })
   if (!session.username) redirect({ href: '/select-account', locale })
 
-  const [chars, price] = await Promise.all([getGameCharacters(session.accountId!), getTransferPrice()])
+  const [chars, price, pdBalance] = await Promise.all([
+    getGameCharacters(session.accountId!),
+    getTransferPrice(),
+    getDPointsBalance(session.accountId!),
+  ])
 
   return (
     <PageShell title={t('transfer.pageTitle')}>
@@ -66,7 +71,7 @@ export default async function TransferCharacterPage({ params }: { params: Promis
           <p>{t.rich('transfer.requires', { price, s: (c) => <span>{c}</span>, e: (c) => <span className="yellow-info">{c}</span> })}</p>
         </div>
 
-        <TransferForm characters={chars.map((c) => ({ name: c.name, classCss: c.classCss }))} price={price} />
+        <TransferForm characters={chars.map((c) => ({ name: c.name, classCss: c.classCss }))} price={price} pdBalance={pdBalance} />
       </ServiceBox>
     </PageShell>
   )