Files
NightSpire/web-next/app/[locale]/send-gift/page.tsx
T
Inna 1b0920d11f 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>
2026-07-14 21:44:31 +00:00

78 lines
2.5 KiB
TypeScript

import type { Metadata } from 'next'
import { NoteLegend } from '@/components/NoteLegend'
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'
import { SendGiftForm } from '@/components/SendGiftForm'
export const dynamic = 'force-dynamic'
export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
const { locale } = await params
const t = await getTranslations({ locale, namespace: 'CharService' })
return { title: t('sendGift.pageTitle') }
}
export default async function SendGiftPage({ params }: { params: Promise<{ locale: string }> }) {
const { locale } = await params
setRequestLocale(locale)
const t = await getTranslations('CharService')
const session = await getSession()
if (!session.bnetId) redirect({ href: '/log-in', locale })
if (!session.username) redirect({ href: '/select-account', locale })
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 (
<PageShell title={t('sendGift.pageTitle')}>
<ServiceBox>
<br />
<p>
{t.rich('sendGift.intro', { s: (c) => <span>{c}</span> })}
</p>
<br />
<p>
{t('sendGift.explain1')}
</p>
<p>{t('sendGift.explain2')}</p>
<br />
<p>
{t.rich('sendGift.explain3', { s: (c) => <span>{c}</span> })}
</p>
<br />
<p>
{t.rich('sendGift.securityTokenHint', { link: (c) => <Link href="/security-token" target="_blank">{c}</Link> })}
</p>
<br />
<fieldset>
<NoteLegend />
<div className="separate2">
<p>
{t('sendGift.noteIrreversible')}
</p>
</div>
</fieldset>
<br />
<SendGiftForm
characters={chars.map((c) => ({ name: c.name, classCss: c.classCss }))}
catalog={catalog}
currency={currency}
pdBalance={pdBalance}
/>
</ServiceBox>
</PageShell>
)
}