Inna/NightSpire
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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>
This commit is contained in:
Inna Hoover Brown
2026-07-14 21:44:31 +00:00
parent 942fe2e397
commit 1b0920d11f
24 changed files with 420 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web-next/app/[locale]/change-faction-character/page.tsx
+8 -3
View File
@@ -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
+8 -3
View File
@@ -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
+8 -3
View File
@@ -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
+7 -2
View File
@@ -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
+8 -3
View File
@@ -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
+8 -3
View File
@@ -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
+7 -2
View File
@@ -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
+7 -1
View File
@@ -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
+7 -3
View File
@@ -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
+7 -2
View File
@@ -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>
)
web-next/app/api/character/[service]/checkout/route.ts
+19
View File
@@ -4,6 +4,12 @@ import { getGameCharacters } from '@/lib/characters'
import { createCheckoutSession } from '@/lib/stripe'
import { createSumUpCheckout, sumupConfigured } from '@/lib/sumup'
import { getPaidService } from '@/lib/paid-services'
import { payServiceWithDPoints } from '@/lib/pay-with-dpoints'
/** Locale seguro (es/en) para construir la URL de retorno. */
function safeLocale(v: unknown): string {
return v === 'en' ? 'en' : 'es'
}
export async function POST(request: Request, { params }: { params: Promise<{ service: string }> }) {
const { service } = await params
@@ -49,6 +55,19 @@ export async function POST(request: Request, { params }: { params: Promise<{ ser
const ip = (request.headers.get('x-forwarded-for') || '').split(',')[0].trim() || '0.0.0.0'
const productName = cfg.productName(character, metadata)
// Pago con saldo PD: se descuenta el saldo y se ejecuta la acción al momento
// (sin pasarela). Devuelve la URL de éxito para que el form redirija igual que
// con Stripe/SumUp; la entrega ya se ha realizado aquí.
if (String(body.provider) === 'pd') {
const r = await payServiceWithDPoints(session.accountId, price, () => cfg.fulfill(character, metadata))
if (!r.success) return Response.json({ success: false, error: r.error })
const locale = safeLocale(body.locale)
return Response.json({
success: true,
url: `${site}/${locale}/service-success?service=${service}&provider=pd&name=${encodeURIComponent(character)}`,
})
}
// Pago por SumUp (euros): al pagar, la reconciliación/return ejecuta la acción
// del servicio sobre el personaje (no acredita PD).
if (String(body.provider) === 'sumup') {
web-next/app/api/gift/checkout/route.ts
+19 -4
View File
@@ -3,7 +3,8 @@ import { getSession } from '@/lib/session'
import { getGameCharacters, getAccountIdByCharacterName } from '@/lib/characters'
import { checkSecurityToken } from '@/lib/security-token'
import { createSumUpCheckout, sumupConfigured } from '@/lib/sumup'
import { priceCart, isValidCharName, type CartLine } from '@/lib/gift'
import { priceCart, isValidCharName, sendGiftByMail, type CartLine } from '@/lib/gift'
import { payServiceWithDPoints } from '@/lib/pay-with-dpoints'
/**
* Inicia el pago (SumUp) de un regalo. Condiciones:
@@ -18,7 +19,7 @@ export async function POST(request: Request) {
const session = await getSession()
if (!session.accountId) return Response.json({ success: false, error: 'notAuthenticated' }, { status: 401 })
let body: { source?: string; destination?: string; cart?: CartLine[]; security_token?: string; provider?: string } = {}
let body: { source?: string; destination?: string; cart?: CartLine[]; security_token?: string; provider?: string; locale?: string } = {}
try {
body = await request.json()
} catch {
@@ -58,14 +59,28 @@ export async function POST(request: Request) {
return Response.json({ success: false, message: 'Tu carrito está vacío o contiene objetos no válidos.' })
}
const site = process.env.SITE_URL || ''
const items = priced.lines.map((l) => ({ i: l.itemId, q: l.qty }))
// Pago con saldo PD: se descuenta el saldo y se envía el regalo al momento.
if (String(body.provider) === 'pd') {
const r = await payServiceWithDPoints(session.accountId, priced.total, () =>
sendGiftByMail(destination, source, items),
)
if (!r.success) return Response.json({ success: false, error: r.error, message: 'No se pudo completar el pago con PD.' })
const locale = String(body.locale) === 'en' ? 'en' : 'es'
return Response.json({
success: true,
url: `${site}/${locale}/service-success?service=send-gift&provider=pd&name=${encodeURIComponent(destination)}`,
})
}
if (String(body.provider) !== 'sumup' || !sumupConfigured()) {
return Response.json({ success: false, error: 'notConfigured', message: 'El método de pago no está disponible ahora mismo.' })
}
const site = process.env.SITE_URL || ''
const ip = (request.headers.get('x-forwarded-for') || '').split(',')[0].trim() || '0.0.0.0'
const reference = randomUUID()
const items = priced.lines.map((l) => ({ i: l.itemId, q: l.qty }))
const description = `Regalo para ${destination} (${priced.lines.length} objeto${priced.lines.length === 1 ? '' : 's'})`
const r = await createSumUpCheckout({
web-next/app/globals.css
+34
View File
@@ -482,3 +482,37 @@ textarea:focus {
.twofa-login-info { display: flex; flex-direction: column-reverse; align-items: center; }
.twofa-login-preview { float: none; display: block; clear: both; margin: 10px auto 8px auto; max-width: 90vw; }
}
/* ==== Selector de forma de pago (PD / Stripe / SumUp) ==== */
.pay-method-select { margin: 10px auto 4px auto; max-width: 560px; }
.pay-method-options {
display: flex;
gap: 10px;
justify-content: center;
flex-wrap: wrap;
margin: 8px 0;
}
.pay-method-option {
flex: 1 1 150px;
min-width: 140px;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
padding: 12px 10px;
cursor: pointer;
border: 2px solid #352e2b;
border-radius: 8px;
background: rgba(0, 0, 0, 0.25);
transition: border-color .25s, background .25s;
}
.pay-method-option:hover { border-color: #6b5a4e; }
.pay-method-option.selected {
border-color: #d79602;
background: rgba(215, 150, 2, 0.10);
}
.pay-method-option.disabled { cursor: not-allowed; opacity: .55; }
.pay-method-option input[type='radio'] { accent-color: #d79602; }
.pay-method-label { color: #ebdec2; font-weight: bold; }
.pay-method-sub { font-size: 13px; }
.pay-method-balance { margin-top: 2px; font-size: 13px; }