// DualPlanCard — card comparativo (produto individual x Combo Premium), usado nas páginas de
// conteúdo/projeto/home/perfil pra oferecer a assinatura individual ao lado do combo. Componente
// global autocontido (sem bundler) — cada página que precisar dele adiciona:
//
// antes do próprio script da página, e usa .
(function () {
// Cache simples em memória — evita refazer o fetch de /api/products em cada instância/página.
let productsPromise = null;
function loadProducts() {
if (!productsPromise) {
productsPromise = fetch('/api/products').then(r => r.json()).catch(() => []);
}
return productsPromise;
}
function fmtPriceCents(cents) {
return (cents / 100).toLocaleString('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
}
// Logos de marca — mesmos arquivos usados pela landing real do combo (landing.jsx). SVGs vêm
// pretos por padrão, invertidos pra branco via filter (mesmo padrão de lá); o PNG do
// Pimentinhas já vem pronto, sem filtro.
const PROJECT_LOGOS = {
sxclube: '/assets/logo-sexy-clube.svg',
papo: '/assets/logo-papo-pijama.svg',
pimentinhas: '/assets/logo-pimentinhas.png',
casapim: '/assets/logo-casa-pimentinhas.svg',
};
const COMBO_LOGOS = ['sxclube', 'papo', 'pimentinhas', 'casapim'].map(k => PROJECT_LOGOS[k]);
function BrandLogos({ logos, size = 22 }) {
if (!logos || logos.length === 0) return null;
return (
{logos.map(src => (
))}
);
}
function PlanCard({ product, href, logos }) {
const featured = product.display?.style === 'featured';
return (
);
}
function DualPlanCard({ individualSlug, title = 'Escolha seu acesso' }) {
const [products, setProducts] = React.useState(null);
React.useEffect(() => {
let alive = true;
loadProducts().then(list => { if (alive) setProducts(list); });
return () => { alive = false; };
}, []);
if (!products) return null;
const combo = products.find(p => p.slug === 'combo_premium');
// /api/products só lista produtos "reais" (sem alias) — casapim não aparece ali (é o mesmo
// produto que pimentinhas), então também casamos por `projetos` pra não perder o card
// individual em páginas do projeto casapim.
const individual = individualSlug
? products.find(p => p.slug === individualSlug || (p.projetos && p.projetos.includes(individualSlug)))
: null;
if (!combo) return null;
return (