affiliateParam2 missing on this package — refresh or ask support
)}
Wallet checkout · powered by Prop backend
{checkout === 'modal' && (
setCheckout(null)}
onSuccess={(ref) => {
setOrderRef(ref);
setCheckout('success');
refreshLiveData?.().catch(() => {});
}}
/>
)}
);
}
function NewChallengeCheckoutModal({ plan, size, total, usingLive, variant, walletBalance, currency, purchaseEnabled, onClose, onSuccess }) {
// Live mode: only wallet checkout is wired (verified Prop /proptrade/buy-offer).
// Card/crypto/wire have no verified backend contract in PropArena, so they
// stay disabled with clear copy when usingLive. In fallback/demo mode the
// existing local-only flow is preserved.
const [method, setMethod] = useState(usingLive ? 'wallet' : 'card');
const [step, setStep] = useState('form');
const [card, setCard] = useState({ number: '', expiry: '', cvc: '', name: '' });
const [submitError, setSubmitError] = useState('');
const liveMode = Boolean(usingLive);
const packageId = variant?.packageId ?? null;
const livePrice = liveMode ? (variant?.priceUsd ?? null) : null;
const livePriceAvailable = liveMode && livePrice !== null;
const fee = (!liveMode && method === 'card') ? +(total * 0.025).toFixed(2) : 0;
const finalTotal = livePriceAvailable ? livePrice : total + fee;
const balance = Number(walletBalance) || 0;
// When the live catalog exposes a real price (Benjamin's affiliateParam2
// contract), require the wallet to actually cover it. Without a known
// price we still let the backend reject, but the user is shown that the
// price is unavailable.
const balanceSufficient = liveMode
? (livePriceAvailable ? balance >= livePrice : balance > 0)
: balance >= finalTotal;
const liveDirectDisabled = liveMode;
const walletDisabledReason = !liveMode ? '' : (!purchaseEnabled
? 'Wallet checkout pending payment activation. Contact support to enable.'
: !packageId
? 'Package id missing from live catalog — refresh and retry.'
: !livePriceAvailable
? 'Package price unavailable from live catalog — refresh and retry.'
: !balanceSufficient
? `Wallet balance ($${balance.toFixed(2)}) is less than the package price ($${livePrice.toFixed(2)}). Top up before purchasing.`
: '');
const liveCtaDisabled = liveMode && (method !== 'wallet' || Boolean(walletDisabledReason));
function submit() {
setSubmitError('');
// Live path: fire the verified Prop /proptrade/buy-offer mutation and
// let the backend charge wallet + provision the account. Never write
// a local fake tx for the live path — the live wallet refresh will
// pick up the real transaction row.
if (liveMode) {
if (method !== 'wallet') {
setSubmitError('Only wallet checkout is wired for live packages.');
return;
}
if (!packageId) {
setSubmitError('Package id missing — refresh and retry.');
return;
}
if (!purchaseEnabled || typeof window.PropArenaApi?.propBuyOffer !== 'function') {
setSubmitError('Wallet checkout is gated. Contact support to enable.');
return;
}
setStep('processing');
window.PropArenaApi.propBuyOffer(packageId, currency || 'USD')
.then((result) => {
const brokerUserId = result && (result.brokerUserId ?? result.brokerUserID ?? result.id);
const ref = brokerUserId ? `PA-${brokerUserId}` : `PA-${Date.now().toString(36).toUpperCase()}`;
onSuccess(ref);
})
.catch((err) => {
setStep('form');
const msg = err && err.message ? String(err.message) : 'Purchase failed. Please try again.';
setSubmitError(msg);
});
return;
}
// Real-only checkout (Benjamin 2026-05-25): if the live gate is off
// and we reach the fallback branch, surface a clear error instead of
// writing a fake local wallet transaction. The Buy Package activity
// table must only reflect real /proptrade/buy-offer mutations.
setSubmitError('Checkout is unavailable — live purchase gate is off. Refresh and retry.');
}
return (
<>
: QR pending}