/* global React, Icon, Logo, Nav, Footer */ const { useState: useStateCk, useRef: useRefCk, useEffect: useEffectRef } = React; /* ── Rejection reason labels (mirrors operator panel) ─────────── */ const REJECTION_LABELS = { numero_incorrecto: 'Número incorrecto', no_recibe_recargas: 'No puede recibir recargas', numero_no_existe: 'Número no existe / inactivo', limite_alcanzado: 'Límite de recargas alcanzado', cuenta_suspendida: 'Cuenta suspendida', error_tecnico: 'Error técnico del operador', otro: 'Otro motivo', }; /* ── Unique transaction reference ID ─────────────────────────── */ function generateRef() { const ts = Date.now().toString(36).toUpperCase().slice(-7); const rand = Math.random().toString(36).replace(/[^a-z]/gi, '').toUpperCase().slice(0, 4); return `SMC-${ts}-${rand}`; } /* ── Operator panel: encrypt recipient with AES-GCM ─────────── */ async function encryptForOperator(text) { const keyHex = window.SM_OPERATOR_ENC_KEY; if (!keyHex || keyHex.length < 64) return text; // no key → send plain try { const keyBytes = new Uint8Array(keyHex.match(/.{2}/g).map(h => parseInt(h, 16))); const key = await crypto.subtle.importKey('raw', keyBytes, { name: 'AES-GCM' }, false, ['encrypt']); const iv = crypto.getRandomValues(new Uint8Array(12)); const ct = await crypto.subtle.encrypt({ name: 'AES-GCM', iv }, key, new TextEncoder().encode(text)); const buf = new Uint8Array(iv.length + ct.byteLength); buf.set(iv); buf.set(new Uint8Array(ct), iv.length); return btoa(String.fromCharCode(...buf)); } catch { return text; } } function maskRecipient(recipient, type) { if (type === 'nauta') { const u = (recipient || '').split('@')[0]; return u.slice(0, 2) + '***@nauta.com.cu'; } const digits = (recipient || '').replace(/\D/g, ''); return '******' + digits.slice(-2); } /* ── Determine operator service category ─────────────────────── */ function getOperatorService(type, productName, offerService) { if (offerService) return offerService; // admin overrides via offer.service if (type === 'nauta') return 'nauta'; const n = (productName || '').toLowerCase(); if (n.includes('dato') || n.includes(' gb') || n.includes('combinad') || n.includes('lte')) return 'datos'; return 'movil'; // saldo principal + minutos } /* ── Send order to operator panel (non-blocking) ────────────── */ let _opSb = null; async function sendToOperator({ ref, service, recipient, product, amount_cup, bonus_cup, operator_name, callback_url, customer_email }) { const url = window.SM_OPERATOR_SUPABASE_URL; const key = window.SM_OPERATOR_ANON_KEY; if (!url || !key) return; // not configured → skip if (!_opSb) _opSb = window.supabase.createClient(url, key); const recipient_enc = await encryptForOperator(recipient); const recipient_mask = maskRecipient(recipient, service); await _opSb.from('orders').insert({ ref, service, operator_name, recipient_enc, recipient_mask, product, amount_cup: Number(amount_cup) || 0, bonus_cup: Number(bonus_cup) || 0, callback_url, customer_email: customer_email || null, status: 'disponible', }); } /* ── Inline confirm dialog (replaces native confirm()) ────────── */ function useInlineConfirm() { const [cfg, setCfg] = useStateCk(null); const resolveRef = useRefCk(null); const confirm = (message, danger = true) => new Promise(resolve => { resolveRef.current = resolve; setCfg({ message, danger }); }); const resolve = (val) => { resolveRef.current?.(val); setCfg(null); }; const dialog = cfg ? (

{cfg.message}

) : null; return { confirm, dialog }; } // ===== Sub-page chrome ===== function SubHero({ crumbs, title, sub }) { return (
{crumbs.map((c, i) => ( {i > 0 && ›} {c.href ? {c.label} : {c.label}} ))}

{sub &&

{sub}

}

); } // ===== Stepper ===== function Stepper({ step }) { const steps = ['Destinatario', 'Oferta', 'Pago', 'Confirmación']; return (
{steps.map((s, i) => (
{i < step ? : i+1}
{s}
{i < steps.length - 1 &&
} ))}
); } // ===== Order summary card ===== function OrderSummary({ offer, recipient }) { const subtotal = offer.price; const fee = 0.49; const total = (subtotal + fee).toFixed(2); return ( ); } // ===== Checkout page ===== function CheckoutPage() { const [step, setStep] = useStateCk(2); // show payment step by default const [pay, setPay] = useStateCk('card'); const [selOffer, setSelOffer] = useStateCk(0); const offers = [ { amount: '80 minutos nacionales', desc: '35 días · Cubacel', price: 5.99, was: 7.99, badge: 'Oferta' }, { amount: '40 minutos nacionales', desc: '35 días · Cubacel', price: 3.99 }, { amount: '500 CUP saldo', desc: '30 días · Cubacel', price: 8.99, badge: 'Popular' }, { amount: '1000 CUP saldo', desc: '30 días · Cubacel', price: 16.50 }, ]; const offer = offers[selOffer]; return (