@hook-sdk/template 0.28.4 → 0.28.6

package/dist/index.js

@@ -2781,7 +2781,7 @@ function EmptyState({ title, description, action }) {
 }
 
 // src/defaults/CheckoutPageDefault.tsx
-import { useEffect as useEffect11, useMemo as useMemo5, useState as useState10 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo6, useState as useState11 } from "react";
 import { useNavigate as useNavigate2 } from "react-router-dom";
 
 // src/hooks/useCheckoutForm.ts
@@ -3030,860 +3030,9 @@ function usePlan() {
   return plan;
 }
 
-// src/defaults/CheckoutPageDefault.tsx
-import { Fragment as Fragment7, jsx as jsx28, jsxs as jsxs19 } from "react/jsx-runtime";
-var INTENT_KEY = "hook:paywall:intent";
-var PIX_PAYLOAD_KEY = "hook:paywall:pix-pending";
-function readIntent() {
-  if (typeof window === "undefined") return {};
-  try {
-    const raw = sessionStorage.getItem(INTENT_KEY);
-    if (!raw) return {};
-    return JSON.parse(raw);
-  } catch {
-    return {};
-  }
-}
-function formatBrl(cents) {
-  return new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(cents / 100);
-}
-function formatCardNumber(v) {
-  const digits = v.replace(/\D/g, "").slice(0, 16);
-  return digits.replace(/(.{4})/g, "$1 ").trim();
-}
-function formatExpiryMmAa(v) {
-  const d = v.replace(/\D/g, "").slice(0, 4);
-  if (d.length < 3) return d;
-  return d.slice(0, 2) + "/" + d.slice(2);
-}
-function parseExpiryMmAa(v) {
-  const d = v.replace(/\D/g, "");
-  return { month: d.slice(0, 2), year: d.slice(2, 4) };
-}
-function formatCpf(v) {
-  const d = v.replace(/\D/g, "").slice(0, 11);
-  if (d.length <= 3) return d;
-  if (d.length <= 6) return d.slice(0, 3) + "." + d.slice(3);
-  if (d.length <= 9) return d.slice(0, 3) + "." + d.slice(3, 6) + "." + d.slice(6);
-  return d.slice(0, 3) + "." + d.slice(3, 6) + "." + d.slice(6, 9) + "-" + d.slice(9);
-}
-function detectCardBrand(num) {
-  const n = num.replace(/\s/g, "");
-  if (/^4/.test(n)) return "VISA";
-  if (/^(5[1-5]|2[2-7])/.test(n)) return "MASTER";
-  if (/^3[47]/.test(n)) return "AMEX";
-  if (/^(4011|4312|4389|4514|6011|6362|6363)/.test(n)) return "ELO";
-  if (/^(606282|3841)/.test(n)) return "HIPER";
-  return "";
-}
-function CheckoutPageDefault() {
-  const navigate = useNavigate2();
-  const plan = usePlan();
-  const intent = useMemo5(readIntent, []);
-  const defaultMethod = intent.method === "pix-auto" ? "pix-auto" : "card";
-  const defaultCycle = intent.cycle === "MONTHLY" ? "MONTHLY" : "YEARLY";
-  const form = useCheckoutForm({ defaultMethod, defaultCycle });
-  const [expiryMmAa, setExpiryMmAa] = useState10("");
-  useEffect11(() => {
-    const { month, year } = parseExpiryMmAa(expiryMmAa);
-    if (month !== form.card.expiryMonth || year !== form.card.expiryYear) {
-      form.setCard({ expiryMonth: month, expiryYear: year });
-    }
-  }, [expiryMmAa]);
-  useEffect11(() => {
-    if (form.emailTaken && form.loginUrl) {
-      const t = setTimeout(() => navigate(form.loginUrl), 1200);
-      return () => clearTimeout(t);
-    }
-  }, [form.emailTaken, form.loginUrl, navigate]);
-  const planInfo = plan.data ? {
-    priceCents: plan.data.priceCents,
-    yearlyPriceCents: plan.data.yearlyPriceCents,
-    trialDays: plan.data.trialDays
-  } : null;
-  const annual = form.cycle === "YEARLY";
-  const cyclePrice = useMemo5(() => {
-    if (!planInfo) return null;
-    return annual ? planInfo.yearlyPriceCents ?? planInfo.priceCents * 12 : planInfo.priceCents;
-  }, [planInfo, annual]);
-  const monthlyText = useMemo5(() => {
-    if (!planInfo) return "";
-    const monthly = annual && planInfo.yearlyPriceCents ? Math.round(planInfo.yearlyPriceCents / 12) : planInfo.priceCents;
-    return formatBrl(monthly);
-  }, [planInfo, annual]);
-  const todayCents = useMemo5(() => {
-    if (form.method === "pix-auto") return cyclePrice ?? 0;
-    const trialDays2 = planInfo?.trialDays ?? 0;
-    if (trialDays2 > 0) return 0;
-    return cyclePrice ?? 0;
-  }, [form.method, cyclePrice, planInfo]);
-  const todayAmount = formatBrl(todayCents);
-  const cyclePriceText = cyclePrice !== null ? formatBrl(cyclePrice) : "";
-  const annualSavingsCents = useMemo5(() => {
-    if (!planInfo || !planInfo.yearlyPriceCents) return 0;
-    return planInfo.priceCents * 12 - planInfo.yearlyPriceCents;
-  }, [planInfo]);
-  const trialDays = planInfo?.trialDays ?? 7;
-  const cardBrand = detectCardBrand(form.card.number);
-  async function onSubmit(e) {
-    e.preventDefault();
-    const result = await form.submit();
-    if (!result) return;
-    if (form.method === "pix-auto" && result.pix_qr_payload) {
-      try {
-        sessionStorage.setItem(
-          PIX_PAYLOAD_KEY,
-          JSON.stringify({
-            payload: result.pix_qr_payload,
-            base64: result.pix_qr_base64 ?? null,
-            subscriptionId: result.subscription_id,
-            pixAuthorizationId: result.pix_authorization_id ?? null
-          })
-        );
-      } catch {
-      }
-      navigate(result.redirect.replace(/^.*\/app\/[^/]+/, ""));
-      return;
-    }
-    navigate(result.redirect.replace(/^.*\/app\/[^/]+/, "") || "/");
-  }
-  return /* @__PURE__ */ jsx28("div", { className: "flex-1 flex flex-col bg-background min-h-0", children: /* @__PURE__ */ jsxs19("form", { onSubmit, className: "flex-1 overflow-y-auto", children: [
-    form.emailTaken ? /* @__PURE__ */ jsx28("div", { className: "px-5 pt-4", children: /* @__PURE__ */ jsxs19("div", { role: "alert", className: "rounded-2xl bg-destructive/10 p-4 text-sm text-destructive border border-destructive/20", children: [
-      "Esse e-mail j\xE1 tem conta nesse app.",
-      " ",
-      /* @__PURE__ */ jsx28("a", { href: form.loginUrl ?? "/signin", className: "underline font-semibold", children: "Entrar agora" })
-    ] }) }) : null,
-    form.error ? /* @__PURE__ */ jsx28("div", { className: "px-5 pt-4", children: /* @__PURE__ */ jsx28("div", { role: "alert", className: "rounded-2xl bg-destructive/10 p-4 text-sm text-destructive border border-destructive/20", children: form.error.message || "N\xE3o foi poss\xEDvel concluir o pagamento. Tente novamente." }) }) : null,
-    /* @__PURE__ */ jsx28("div", { className: "px-5 pt-4", children: form.method === "card" ? /* @__PURE__ */ jsxs19("div", { className: "rounded-2xl bg-card border-[1.5px] border-foreground p-3.5", children: [
-      /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 mb-2", children: [
-        /* @__PURE__ */ jsx28(ShieldIcon, { className: "w-4 h-4" }),
-        /* @__PURE__ */ jsx28("div", { className: "text-sm font-bold", children: "Voc\xEA N\xC3O ser\xE1 cobrada hoje" })
-      ] }),
-      /* @__PURE__ */ jsxs19("div", { className: "flex justify-between items-baseline text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsx28("span", { children: "R$ 0,00 agora" }),
-        /* @__PURE__ */ jsx28("span", { className: "opacity-50", children: "\xB7" }),
-        /* @__PURE__ */ jsxs19("span", { children: [
-          monthlyText,
-          "/m\xEAs ap\xF3s ",
-          trialDays,
-          " dias"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs19("div", { className: "mt-2.5 text-[11px] text-muted-foreground flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx28(BellIcon, { className: "w-2.5 h-2.5" }),
-        "Avisamos por email 2 dias antes da primeira cobran\xE7a"
-      ] })
-    ] }) : /* @__PURE__ */ jsxs19("div", { className: "rounded-2xl p-3.5 bg-emerald-50 border-[1.5px] border-emerald-600/60", children: [
-      /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 mb-2 text-emerald-900", children: [
-        /* @__PURE__ */ jsx28(ShieldIcon, { className: "w-4 h-4" }),
-        /* @__PURE__ */ jsxs19("div", { className: "text-sm font-bold", children: [
-          "Garantia incondicional de ",
-          trialDays,
-          " dias"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs19("div", { className: "text-sm text-emerald-900 leading-snug", children: [
-        "Voc\xEA paga ",
-        /* @__PURE__ */ jsx28("b", { children: todayAmount }),
-        " agora via Pix.",
-        /* @__PURE__ */ jsx28("br", {}),
-        "N\xE3o gostou em ",
-        trialDays,
-        " dias? Devolvemos ",
-        /* @__PURE__ */ jsx28("b", { children: "100%" }),
-        " sem perguntas \u2014 direto pelo app."
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxs19("section", { className: "px-5 pt-5", children: [
-      /* @__PURE__ */ jsx28("h2", { className: "font-display text-2xl mb-3.5 leading-tight text-foreground", children: "Quase l\xE1." }),
-      /* @__PURE__ */ jsx28(FieldLabel, { children: "Email" }),
-      /* @__PURE__ */ jsx28(
-        FieldInput,
-        {
-          type: "email",
-          inputMode: "email",
-          autoComplete: "email",
-          autoCapitalize: "none",
-          autoCorrect: "off",
-          spellCheck: false,
-          placeholder: "seu@email.com",
-          value: form.email,
-          onChange: form.setEmail,
-          onBlur: form.markEmailTouched,
-          error: form.emailError,
-          valid: form.emailStatus === "available"
-        }
-      ),
-      !form.emailError && /* @__PURE__ */ jsx28(FieldHint, { children: form.emailStatus === "checking" ? "Verificando\u2026" : form.emailStatus === "available" ? "\u2713 Dispon\xEDvel" : "Voc\xEA vai usar este email para entrar no app" }),
-      /* @__PURE__ */ jsx28("div", { className: "h-3" }),
-      /* @__PURE__ */ jsx28(FieldLabel, { children: "Nome completo" }),
-      /* @__PURE__ */ jsx28(
-        FieldInput,
-        {
-          type: "text",
-          autoComplete: "name",
-          placeholder: "como est\xE1 no documento",
-          value: form.name,
-          onChange: form.setName,
-          onBlur: form.markNameTouched,
-          error: form.nameError,
-          valid: !!form.name && !form.nameError
-        }
-      ),
-      /* @__PURE__ */ jsx28("div", { className: "h-3" }),
-      /* @__PURE__ */ jsx28(FieldLabel, { children: "CPF" }),
-      /* @__PURE__ */ jsx28(
-        FieldInput,
-        {
-          type: "text",
-          inputMode: "numeric",
-          placeholder: "000.000.000-00",
-          value: form.cpf,
-          onChange: (v) => form.setCpf(formatCpf(v)),
-          onBlur: form.markCpfTouched,
-          error: form.cpfError,
-          valid: !!form.cpf && !form.cpfError
-        }
-      ),
-      form.method === "card" ? /* @__PURE__ */ jsxs19(Fragment7, { children: [
-        /* @__PURE__ */ jsx28("div", { className: "h-3" }),
-        /* @__PURE__ */ jsx28(FieldLabel, { children: "Telefone" }),
-        /* @__PURE__ */ jsx28(
-          FieldInput,
-          {
-            type: "tel",
-            inputMode: "tel",
-            autoComplete: "tel",
-            placeholder: "(11) 99999-9999",
-            value: form.phone,
-            onChange: form.setPhone,
-            onBlur: form.markPhoneTouched,
-            error: form.phoneError,
-            valid: !!form.phone && !form.phoneError
-          }
-        ),
-        !form.phoneError && /* @__PURE__ */ jsx28(FieldHint, { children: "Usado pra confirmar pagamento e tratar disputas." })
-      ] }) : null
-    ] }),
-    /* @__PURE__ */ jsxs19("section", { className: "px-5 pt-5", children: [
-      /* @__PURE__ */ jsx28(FieldLabel, { children: "Forma de pagamento" }),
-      /* @__PURE__ */ jsxs19("div", { role: "tablist", className: "flex gap-1.5 bg-muted p-1 rounded-xl", children: [
-        /* @__PURE__ */ jsx28(
-          TabButton,
-          {
-            active: form.method === "card",
-            onClick: () => form.setMethod("card"),
-            icon: /* @__PURE__ */ jsx28(CardIcon, { className: "w-3.5 h-3.5" }),
-            label: "Cart\xE3o",
-            subtitle: trialDays > 0 ? `${trialDays} dias gr\xE1tis` : "pague hoje",
-            subtitleActiveClass: "text-emerald-700"
-          }
-        ),
-        /* @__PURE__ */ jsx28(
-          TabButton,
-          {
-            active: form.method === "pix-auto",
-            onClick: () => form.setMethod("pix-auto"),
-            icon: /* @__PURE__ */ jsx28(PixIcon, { className: "w-3.5 h-3.5" }),
-            label: "Pix",
-            subtitle: `pague hoje \xB7 garantia ${trialDays}d`,
-            subtitleActiveClass: "text-foreground/70"
-          }
-        )
-      ] })
-    ] }),
-    form.method === "card" ? /* @__PURE__ */ jsxs19("section", { className: "px-5 pt-3.5", children: [
-      /* @__PURE__ */ jsx28(FieldLabel, { children: "N\xFAmero do cart\xE3o" }),
-      /* @__PURE__ */ jsxs19("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx28(
-          FieldInput,
-          {
-            type: "text",
-            inputMode: "numeric",
-            autoComplete: "cc-number",
-            placeholder: "0000 0000 0000 0000",
-            value: form.card.number,
-            onChange: (v) => form.setCard({ number: formatCardNumber(v) }),
-            style: cardBrand ? { paddingRight: "4.5rem" } : void 0
-          }
-        ),
-        cardBrand && /* @__PURE__ */ jsx28("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-[10px] font-bold tracking-wide px-1.5 py-0.5 rounded bg-muted text-muted-foreground", children: cardBrand })
-      ] }),
-      /* @__PURE__ */ jsx28("div", { className: "h-3" }),
-      /* @__PURE__ */ jsxs19("div", { className: "flex gap-2.5", children: [
-        /* @__PURE__ */ jsxs19("div", { className: "flex-1", children: [
-          /* @__PURE__ */ jsx28(FieldLabel, { children: "Validade" }),
-          /* @__PURE__ */ jsx28(
-            FieldInput,
-            {
-              type: "text",
-              inputMode: "numeric",
-              autoComplete: "cc-exp",
-              placeholder: "MM/AA",
-              value: expiryMmAa,
-              onChange: (v) => setExpiryMmAa(formatExpiryMmAa(v))
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs19("div", { className: "flex-1", children: [
-          /* @__PURE__ */ jsx28(FieldLabel, { children: "CVV" }),
-          /* @__PURE__ */ jsx28(
-            FieldInput,
-            {
-              type: "text",
-              inputMode: "numeric",
-              autoComplete: "cc-csc",
-              placeholder: "3 d\xEDgitos",
-              value: form.card.ccv,
-              onChange: (v) => form.setCard({ ccv: v.replace(/\D/g, "").slice(0, 4) })
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx28("div", { className: "h-3" }),
-      /* @__PURE__ */ jsx28(FieldLabel, { children: "Nome no cart\xE3o" }),
-      /* @__PURE__ */ jsx28(
-        FieldInput,
-        {
-          type: "text",
-          autoComplete: "cc-name",
-          placeholder: "como est\xE1 no cart\xE3o",
-          value: form.card.holderName,
-          onChange: (v) => form.setCard({ holderName: v })
-        }
-      )
-    ] }) : /* @__PURE__ */ jsx28("section", { className: "px-5 pt-3.5", children: /* @__PURE__ */ jsxs19("div", { className: "rounded-2xl bg-card border border-border p-3.5 flex gap-3.5 items-center", children: [
-      /* @__PURE__ */ jsx28("div", { className: "w-[72px] h-[72px] rounded-xl shrink-0 border-2 border-foreground relative overflow-hidden bg-muted", children: /* @__PURE__ */ jsx28("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[22px] h-[22px] bg-background flex items-center justify-center", children: /* @__PURE__ */ jsx28(PixIcon, { className: "w-3.5 h-3.5 text-foreground" }) }) }),
-      /* @__PURE__ */ jsxs19("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsx28("div", { className: "text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "pagamento em segundos" }),
-        /* @__PURE__ */ jsxs19("div", { className: "text-sm text-foreground mt-1 leading-snug", children: [
-          "Geramos seu ",
-          /* @__PURE__ */ jsx28("b", { children: "QR Pix" }),
-          " no pr\xF3ximo passo. Pague pelo app do banco e seu acesso libera ",
-          /* @__PURE__ */ jsx28("b", { children: "imediatamente" }),
-          "."
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx28("section", { className: "px-5 pt-5", children: /* @__PURE__ */ jsxs19("div", { className: "bg-muted rounded-2xl p-4", children: [
-      /* @__PURE__ */ jsxs19("div", { className: "flex justify-between mb-2.5", children: [
-        /* @__PURE__ */ jsxs19("div", { children: [
-          /* @__PURE__ */ jsx28("div", { className: "text-sm font-semibold text-foreground", children: annual ? "Plano Anual" : "Plano Mensal" }),
-          /* @__PURE__ */ jsx28("div", { className: "text-[11px] text-muted-foreground", children: "Coach" })
-        ] }),
-        /* @__PURE__ */ jsxs19("div", { className: "text-right", children: [
-          /* @__PURE__ */ jsxs19("div", { className: "text-sm font-bold text-foreground", children: [
-            cyclePriceText,
-            "/",
-            annual ? "ano" : "m\xEAs"
-          ] }),
-          annual && annualSavingsCents > 0 && /* @__PURE__ */ jsxs19("div", { className: "text-[11px] text-emerald-700 font-semibold", children: [
-            "economia ",
-            formatBrl(annualSavingsCents)
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx28("div", { className: "h-px bg-border my-3" }),
-      /* @__PURE__ */ jsxs19("div", { className: "flex justify-between items-baseline", children: [
-        /* @__PURE__ */ jsxs19("div", { children: [
-          /* @__PURE__ */ jsx28("div", { className: "text-sm font-bold text-foreground", children: "Voc\xEA paga hoje" }),
-          form.method === "card" && trialDays > 0 && /* @__PURE__ */ jsxs19("div", { className: "text-[11px] text-muted-foreground mt-0.5", children: [
-            "cobran\xE7a inicia no dia ",
-            trialDays
-          ] }),
-          form.method === "pix-auto" && /* @__PURE__ */ jsxs19("div", { className: "text-[11px] text-emerald-700 mt-0.5 font-semibold", children: [
-            "reembolso garantido at\xE9 o dia ",
-            trialDays
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx28("div", { className: "text-2xl font-bold font-display tracking-tight text-foreground", children: todayAmount })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx28("div", { className: "h-4" }),
-    /* @__PURE__ */ jsxs19("div", { className: "sticky bottom-0 px-5 pt-3.5 pb-6 bg-gradient-to-b from-transparent to-background", children: [
-      /* @__PURE__ */ jsx28(
-        "button",
-        {
-          type: "submit",
-          disabled: !form.canSubmit,
-          className: "w-full rounded-full bg-primary text-primary-foreground min-h-14 px-5 text-base font-bold inline-flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed shadow-lg",
-          children: form.submitting ? /* @__PURE__ */ jsxs19(Fragment7, { children: [
-            /* @__PURE__ */ jsx28(Spinner2, {}),
-            " ",
-            form.method === "pix-auto" ? "Gerando QR\u2026" : "Confirmando\u2026"
-          ] }) : form.method === "card" ? /* @__PURE__ */ jsxs19(Fragment7, { children: [
-            /* @__PURE__ */ jsx28(LockIcon, { className: "w-3.5 h-3.5" }),
-            " Confirmar e come\xE7ar gr\xE1tis"
-          ] }) : /* @__PURE__ */ jsxs19(Fragment7, { children: [
-            /* @__PURE__ */ jsx28(PixIcon, { className: "w-3.5 h-3.5" }),
-            " Gerar QR \xB7 pagar ",
-            todayAmount
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsxs19("div", { className: "text-center mt-2.5 text-xs text-muted-foreground", children: [
-        "Ao continuar, voc\xEA concorda com nossos ",
-        /* @__PURE__ */ jsx28("u", { children: "Termos" }),
-        ". Pagamento seguro Asaas."
-      ] }),
-      /* @__PURE__ */ jsxs19("div", { className: "mt-3 flex items-center justify-center gap-3.5 text-[11px] text-muted-foreground", children: [
-        /* @__PURE__ */ jsxs19("span", { className: "inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx28(LockIcon, { className: "w-2.5 h-2.5 opacity-60" }),
-          " SSL 256-bit"
-        ] }),
-        /* @__PURE__ */ jsx28("span", { className: "w-px h-2.5 bg-border" }),
-        /* @__PURE__ */ jsx28("span", { children: "Pagamento via Asaas" }),
-        /* @__PURE__ */ jsx28("span", { className: "w-px h-2.5 bg-border" }),
-        /* @__PURE__ */ jsxs19("span", { children: [
-          "Garantia ",
-          trialDays,
-          " dias"
-        ] })
-      ] })
-    ] })
-  ] }) });
-}
-function FieldLabel({ children }) {
-  return /* @__PURE__ */ jsx28("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground mb-1.5", children });
-}
-function FieldInput(props) {
-  const baseClass = "w-full px-4 rounded-xl bg-card text-base text-foreground outline-none border-[1.5px] transition-colors";
-  const stateClass = props.error ? "border-destructive focus:border-destructive" : props.valid ? "border-emerald-600 focus:border-emerald-700" : "border-border focus:border-foreground";
-  return /* @__PURE__ */ jsxs19(Fragment7, { children: [
-    /* @__PURE__ */ jsx28(
-      "input",
-      {
-        type: props.type ?? "text",
-        inputMode: props.inputMode,
-        autoComplete: props.autoComplete,
-        autoCapitalize: props.autoCapitalize,
-        autoCorrect: props.autoCorrect,
-        spellCheck: props.spellCheck,
-        placeholder: props.placeholder,
-        value: props.value,
-        onChange: (e) => props.onChange(e.target.value),
-        onBlur: props.onBlur,
-        style: { height: "52px", ...props.style },
-        className: `${baseClass} ${stateClass}`
-      }
-    ),
-    props.error ? /* @__PURE__ */ jsx28("div", { className: "mt-1.5 text-xs text-destructive font-medium", children: props.error }) : null
-  ] });
-}
-function FieldHint({ children }) {
-  return /* @__PURE__ */ jsx28("div", { className: "mt-1.5 text-xs text-muted-foreground", children });
-}
-function TabButton({ active, onClick, icon, label, subtitle, subtitleActiveClass }) {
-  return /* @__PURE__ */ jsxs19(
-    "button",
-    {
-      type: "button",
-      role: "tab",
-      "aria-selected": active,
-      onClick,
-      className: `flex-1 flex flex-col items-center justify-center gap-0.5 py-2.5 px-1.5 rounded-lg text-sm font-semibold transition-colors ${active ? "bg-card text-foreground shadow-sm" : "bg-transparent text-muted-foreground"}`,
-      style: { minHeight: 56 },
-      children: [
-        /* @__PURE__ */ jsxs19("span", { className: "inline-flex items-center gap-1.5", children: [
-          icon,
-          " ",
-          label
-        ] }),
-        /* @__PURE__ */ jsx28("span", { className: `text-[10px] font-medium ${active ? subtitleActiveClass : "text-muted-foreground/70"}`, children: subtitle })
-      ]
-    }
-  );
-}
-function CardIcon({ className }) {
-  return /* @__PURE__ */ jsxs19("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx28("rect", { x: "2.5", y: "5.5", width: "19", height: "13", rx: "2.5" }),
-    /* @__PURE__ */ jsx28("path", { d: "M2.5 10h19" })
-  ] });
-}
-function PixIcon({ className }) {
-  return /* @__PURE__ */ jsx28("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx28("path", { d: "M12 2L2 12l10 10 10-10L12 2zm0 4.83L17.17 12 12 17.17 6.83 12 12 6.83z" }) });
-}
-function LockIcon({ className }) {
-  return /* @__PURE__ */ jsxs19("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx28("rect", { x: "4", y: "10", width: "16", height: "11", rx: "2.5" }),
-    /* @__PURE__ */ jsx28("path", { d: "M7.5 10V7a4.5 4.5 0 119 0v3" })
-  ] });
-}
-function ShieldIcon({ className }) {
-  return /* @__PURE__ */ jsxs19("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx28("path", { d: "M12 2.5l8 3v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10v-6l8-3z" }),
-    /* @__PURE__ */ jsx28("path", { d: "M9 12l2 2 4-4" })
-  ] });
-}
-function BellIcon({ className }) {
-  return /* @__PURE__ */ jsxs19("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx28("path", { d: "M6 17V11a6 6 0 1112 0v6l1.5 2H4.5L6 17z" }),
-    /* @__PURE__ */ jsx28("path", { d: "M10 21a2 2 0 004 0" })
-  ] });
-}
-function Spinner2() {
-  return /* @__PURE__ */ jsx28(
-    "span",
-    {
-      className: "w-4 h-4 rounded-full border-2 border-white/40 border-t-white",
-      style: { animation: "spin 0.7s linear infinite" }
-    }
-  );
-}
-
-// src/defaults/PixWaitingPageDefault.tsx
-import { useEffect as useEffect12, useMemo as useMemo6, useState as useState11 } from "react";
-import { useNavigate as useNavigate3 } from "react-router-dom";
-import { useHook as useHook12 } from "@hook-sdk/sdk";
-import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
-var PIX_PAYLOAD_KEY2 = "hook:paywall:pix-pending";
-var TIMEOUT_MS = 30 * 60 * 1e3;
-function readPixPayload() {
-  if (typeof window === "undefined") return null;
-  try {
-    const raw = sessionStorage.getItem(PIX_PAYLOAD_KEY2);
-    if (!raw) return null;
-    return JSON.parse(raw);
-  } catch {
-    return null;
-  }
-}
-function clearPixPayload() {
-  if (typeof window === "undefined") return;
-  try {
-    sessionStorage.removeItem(PIX_PAYLOAD_KEY2);
-  } catch {
-  }
-}
-function PixWaitingPageDefault() {
-  const navigate = useNavigate3();
-  const { subscription } = useHook12();
-  const payload = useMemo6(readPixPayload, []);
-  const [copied, setCopied] = useState11(false);
-  const [timedOut, setTimedOut] = useState11(false);
-  useEffect12(() => {
-    if (!payload) navigate("/paywall/checkout", { replace: true });
-  }, [payload, navigate]);
-  useEffect12(() => {
-    const t = setTimeout(() => setTimedOut(true), TIMEOUT_MS);
-    return () => clearTimeout(t);
-  }, []);
-  const hasAccess = subscription.hasAccess;
-  useEffect12(() => {
-    if (hasAccess) {
-      clearPixPayload();
-      navigate("/", { replace: true });
-    }
-  }, [hasAccess, navigate]);
-  async function copyPayload() {
-    if (!payload?.payload) return;
-    try {
-      await navigator.clipboard.writeText(payload.payload);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    } catch {
-    }
-  }
-  if (!payload) return null;
-  if (timedOut) {
-    return /* @__PURE__ */ jsxs20("div", { className: "flex-1 flex flex-col items-center justify-center px-6 py-10 text-center bg-background space-y-4", children: [
-      /* @__PURE__ */ jsx29("h1", { className: "font-display text-2xl text-foreground", children: "PIX expirado" }),
-      /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground", children: "O tempo pra pagar acabou. Gere um novo PIX." }),
-      /* @__PURE__ */ jsx29(
-        "button",
-        {
-          onClick: () => {
-            clearPixPayload();
-            navigate("/paywall/checkout", { replace: true });
-          },
-          className: "rounded-xl bg-primary px-6 py-3 text-base font-semibold text-primary-foreground",
-          children: "Tentar novamente"
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsxs20("div", { className: "flex-1 flex flex-col items-center px-6 py-8 bg-background space-y-6", children: [
-    /* @__PURE__ */ jsxs20("header", { className: "text-center space-y-2", children: [
-      /* @__PURE__ */ jsx29("h1", { className: "font-display text-2xl text-foreground", children: "Pague o PIX" }),
-      /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground", children: "Escaneie o QR Code no app do seu banco. O acesso libera assim que confirmarmos o pagamento." })
-    ] }),
-    payload.base64 ? /* @__PURE__ */ jsx29(
-      "img",
-      {
-        src: `data:image/png;base64,${payload.base64}`,
-        alt: "QR Code PIX",
-        className: "w-64 h-64 rounded-2xl border border-border bg-card p-2"
-      }
-    ) : /* @__PURE__ */ jsx29("div", { className: "w-64 h-64 rounded-2xl border border-border bg-card flex items-center justify-center text-sm text-muted-foreground", children: "QR indispon\xEDvel" }),
-    payload.payload ? /* @__PURE__ */ jsx29(
-      "button",
-      {
-        onClick: copyPayload,
-        className: "w-full max-w-xs rounded-xl border border-border bg-card px-4 py-3 text-sm font-medium text-foreground",
-        children: copied ? "\u2713 Copiado!" : "Copiar c\xF3digo PIX"
-      }
-    ) : null,
-    /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx29("span", { className: "inline-block w-2 h-2 rounded-full bg-primary animate-pulse" }),
-      "Aguardando pagamento\u2026"
-    ] }),
-    /* @__PURE__ */ jsx29("p", { className: "text-center text-xs text-muted-foreground", children: "Pode fechar essa janela \u2014 tamb\xE9m enviamos um link de acesso pro seu e-mail." })
-  ] });
-}
-
-// src/hooks/useLoginForm.ts
-import { useCallback as useCallback7, useMemo as useMemo7, useState as useState12 } from "react";
-import { useHook as useHook13 } from "@hook-sdk/sdk";
-var EMAIL_RE2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-var MIN_PASSWORD = 8;
-function useLoginForm() {
-  const { auth } = useHook13();
-  const [email, setEmail] = useState12("");
-  const [password, setPassword] = useState12("");
-  const [submitting, setSubmitting] = useState12(false);
-  const [error, setError] = useState12(null);
-  const [touchedEmail, setTouchedEmail] = useState12(false);
-  const [touchedPassword, setTouchedPassword] = useState12(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = useState12(false);
-  const validateEmail = useMemo7(() => {
-    if (email.length === 0) return null;
-    if (!EMAIL_RE2.test(email)) return "Formato de e-mail inv\xE1lido.";
-    return null;
-  }, [email]);
-  const validatePassword = useMemo7(() => {
-    if (password.length === 0) return null;
-    if (password.length < MIN_PASSWORD) return `M\xEDnimo de ${MIN_PASSWORD} caracteres.`;
-    return null;
-  }, [password]);
-  const emailError = touchedEmail || formSubmitAttempted ? validateEmail : null;
-  const passwordError = touchedPassword || formSubmitAttempted ? validatePassword : null;
-  const canSubmit = email.length > 0 && password.length >= MIN_PASSWORD && validateEmail === null && validatePassword === null && !submitting;
-  const submit = useCallback7(async () => {
-    setFormSubmitAttempted(true);
-    if (!canSubmit) return false;
-    setSubmitting(true);
-    setError(null);
-    try {
-      await auth.login({ email, password });
-      return true;
-    } catch (err) {
-      setError(mapSdkError(err));
-      return false;
-    } finally {
-      setSubmitting(false);
-    }
-  }, [auth, email, password, canSubmit]);
-  return {
-    email,
-    setEmail,
-    emailError,
-    markEmailTouched: () => setTouchedEmail(true),
-    password,
-    setPassword,
-    passwordError,
-    markPasswordTouched: () => setTouchedPassword(true),
-    formSubmitAttempted,
-    submit,
-    submitting,
-    canSubmit,
-    error,
-    loginWithGoogle: () => auth.loginWithGoogle()
-  };
-}
-
-// src/hooks/useSignupForm.ts
-import { useCallback as useCallback8, useMemo as useMemo8, useState as useState13 } from "react";
-import { useHook as useHook14 } from "@hook-sdk/sdk";
-var EMAIL_RE3 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-var MIN_PASSWORD2 = 8;
-function useSignupForm() {
-  const { auth } = useHook14();
-  const [name, setName] = useState13("");
-  const [email, setEmail] = useState13("");
-  const [password, setPassword] = useState13("");
-  const [submitting, setSubmitting] = useState13(false);
-  const [error, setError] = useState13(null);
-  const [touchedName, setTouchedName] = useState13(false);
-  const [touchedEmail, setTouchedEmail] = useState13(false);
-  const [touchedPassword, setTouchedPassword] = useState13(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = useState13(false);
-  const validateName = useMemo8(() => {
-    if (name.length === 0) return null;
-    if (name.trim().length < 2) return "Nome muito curto.";
-    return null;
-  }, [name]);
-  const validateEmail = useMemo8(() => {
-    if (email.length === 0) return null;
-    if (!EMAIL_RE3.test(email)) return "Formato de e-mail inv\xE1lido.";
-    return null;
-  }, [email]);
-  const validatePassword = useMemo8(() => {
-    if (password.length === 0) return null;
-    if (password.length < MIN_PASSWORD2) return `M\xEDnimo de ${MIN_PASSWORD2} caracteres.`;
-    return null;
-  }, [password]);
-  const nameError = touchedName || formSubmitAttempted ? validateName : null;
-  const emailError = touchedEmail || formSubmitAttempted ? validateEmail : null;
-  const passwordError = touchedPassword || formSubmitAttempted ? validatePassword : null;
-  const canSubmit = name.trim().length >= 2 && email.length > 0 && password.length >= MIN_PASSWORD2 && validateName === null && validateEmail === null && validatePassword === null && !submitting;
-  const submit = useCallback8(async () => {
-    setFormSubmitAttempted(true);
-    if (!canSubmit) return false;
-    setSubmitting(true);
-    setError(null);
-    try {
-      await auth.signup({ name, email, password });
-      return true;
-    } catch (err) {
-      setError(mapSdkError(err));
-      return false;
-    } finally {
-      setSubmitting(false);
-    }
-  }, [auth, name, email, password, canSubmit]);
-  return {
-    name,
-    setName,
-    nameError,
-    markNameTouched: () => setTouchedName(true),
-    email,
-    setEmail,
-    emailError,
-    markEmailTouched: () => setTouchedEmail(true),
-    password,
-    setPassword,
-    passwordError,
-    markPasswordTouched: () => setTouchedPassword(true),
-    formSubmitAttempted,
-    submit,
-    submitting,
-    canSubmit,
-    error,
-    loginWithGoogle: () => auth.loginWithGoogle()
-  };
-}
-
-// src/hooks/useForgotForm.ts
-import { useCallback as useCallback9, useMemo as useMemo9, useState as useState14 } from "react";
-import { useHook as useHook15 } from "@hook-sdk/sdk";
-var EMAIL_RE4 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-function useForgotForm() {
-  const { auth } = useHook15();
-  const [email, setEmail] = useState14("");
-  const [submitting, setSubmitting] = useState14(false);
-  const [sent, setSent] = useState14(false);
-  const [error, setError] = useState14(null);
-  const [touchedEmail, setTouchedEmail] = useState14(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = useState14(false);
-  const validateEmail = useMemo9(() => {
-    if (email.length === 0) return null;
-    if (!EMAIL_RE4.test(email)) return "Formato de e-mail inv\xE1lido.";
-    return null;
-  }, [email]);
-  const emailError = touchedEmail || formSubmitAttempted ? validateEmail : null;
-  const canSubmit = email.length > 0 && validateEmail === null && !submitting;
-  const submit = useCallback9(async () => {
-    setFormSubmitAttempted(true);
-    if (!canSubmit) return false;
-    setSubmitting(true);
-    setError(null);
-    try {
-      await auth.forgot({ email });
-      setSent(true);
-      return true;
-    } catch (err) {
-      setError(mapSdkError(err));
-      return false;
-    } finally {
-      setSubmitting(false);
-    }
-  }, [auth, email, canSubmit]);
-  return {
-    email,
-    setEmail,
-    emailError,
-    markEmailTouched: () => setTouchedEmail(true),
-    formSubmitAttempted,
-    submit,
-    submitting,
-    canSubmit,
-    sent,
-    error
-  };
-}
-
-// src/hooks/useResetForm.ts
-import { useCallback as useCallback10, useEffect as useEffect13, useMemo as useMemo10, useState as useState15 } from "react";
-import { useHook as useHook16 } from "@hook-sdk/sdk";
-var MIN_PASSWORD3 = 8;
-function useResetForm() {
-  const { auth } = useHook16();
-  const [token, setToken] = useState15(null);
-  const [password, setPassword] = useState15("");
-  const [confirm, setConfirm] = useState15("");
-  const [submitting, setSubmitting] = useState15(false);
-  const [done, setDone] = useState15(false);
-  const [error, setError] = useState15(null);
-  const [touchedPassword, setTouchedPassword] = useState15(false);
-  const [touchedConfirm, setTouchedConfirm] = useState15(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = useState15(false);
-  useEffect13(() => {
-    if (typeof window === "undefined") return;
-    const params = new URLSearchParams(window.location.search);
-    const t = params.get("token");
-    setToken(t && t.length > 0 ? t : null);
-  }, []);
-  const validatePassword = useMemo10(() => {
-    if (password.length === 0) return null;
-    if (password.length < MIN_PASSWORD3) return `M\xEDnimo de ${MIN_PASSWORD3} caracteres.`;
-    return null;
-  }, [password]);
-  const validateConfirm = useMemo10(() => {
-    if (confirm.length === 0) return null;
-    if (confirm !== password) return "Senhas n\xE3o coincidem.";
-    return null;
-  }, [confirm, password]);
-  const passwordError = touchedPassword || formSubmitAttempted ? validatePassword : null;
-  const confirmError = touchedConfirm || formSubmitAttempted ? validateConfirm : null;
-  const canSubmit = token !== null && password.length >= MIN_PASSWORD3 && confirm === password && validatePassword === null && validateConfirm === null && !submitting && !done;
-  const submit = useCallback10(async () => {
-    setFormSubmitAttempted(true);
-    if (!canSubmit || token === null) return;
-    setSubmitting(true);
-    setError(null);
-    try {
-      await auth.reset({ token, newPassword: password });
-      setDone(true);
-      if (typeof window !== "undefined") {
-        const url = new URL(window.location.href);
-        url.searchParams.delete("token");
-        url.searchParams.delete("screen");
-        window.history.replaceState({}, "", url.toString());
-      }
-    } catch (err) {
-      setError(mapSdkError(err));
-    } finally {
-      setSubmitting(false);
-    }
-  }, [auth, token, password, canSubmit]);
-  return {
-    token,
-    password,
-    setPassword,
-    passwordError,
-    markPasswordTouched: () => setTouchedPassword(true),
-    confirm,
-    setConfirm,
-    confirmError,
-    markConfirmTouched: () => setTouchedConfirm(true),
-    formSubmitAttempted,
-    submit,
-    submitting,
-    canSubmit,
-    done,
-    error
-  };
-}
+// src/components/paywall/Paywall.tsx
+import { useEffect as useEffect11, useMemo as useMemo5 } from "react";
+import { useHook as useHook12 } from "@hook-sdk/sdk";
 
 // src/utils/price.ts
 function formatBRL(cents) {
@@ -3913,978 +3062,1830 @@ function discountPercent(anchorCents, realCents) {
   return Math.floor((anchorCents - realCents) / anchorCents * 100);
 }
 
-// src/hooks/useAuthPrimitives.ts
-import { useEffect as useEffect14 } from "react";
-import { useHook as useHook17 } from "@hook-sdk/sdk";
-var warned = false;
-function useAuthPrimitives() {
-  const { auth } = useHook17();
-  useEffect14(() => {
-    if (!warned && process.env.NODE_ENV !== "production") {
-      warned = true;
-      console.warn(
-        "[@hook-sdk/template] useAuthPrimitives() \xE9 escape hatch. Pra login/signup/forgot, use useLoginForm/useSignupForm/useForgotForm. Docs: docs/19-golden-template.md#escape-hatch"
-      );
+// src/components/paywall/PaywallProvider.tsx
+import { createContext as createContext3 } from "react";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var PaywallContext = createContext3(null);
+function PaywallProvider({ children }) {
+  const state = usePaywallState();
+  return /* @__PURE__ */ jsx28(PaywallContext.Provider, { value: state, children });
+}
+
+// src/components/paywall/usePaywallContext.ts
+import { useContext as useContext4 } from "react";
+function usePaywallContext() {
+  const ctx = useContext4(PaywallContext);
+  if (!ctx) {
+    throw new Error("usePaywallContext must be used within <PaywallProvider>");
+  }
+  return ctx;
+}
+
+// src/components/paywall/PaywallMethodTabs.tsx
+import { jsx as jsx29 } from "react/jsx-runtime";
+function PaywallMethodTabs({
+  labels,
+  className,
+  tabClassName,
+  tabActiveClassName
+}) {
+  const { methods, selectedMethod, selectMethod } = usePaywallContext();
+  if (methods.length < 2) return null;
+  return /* @__PURE__ */ jsx29("div", { role: "tablist", "aria-label": "M\xE9todo de pagamento", className, children: methods.map((m) => {
+    const active = m === selectedMethod;
+    const label = labels[m] ?? m;
+    return /* @__PURE__ */ jsx29(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": active,
+        "aria-controls": `paywall-tab-${m}`,
+        tabIndex: active ? 0 : -1,
+        onClick: () => selectMethod(m),
+        className: [tabClassName, active ? tabActiveClassName : ""].filter(Boolean).join(" "),
+        children: label
+      },
+      m
+    );
+  }) });
+}
+
+// src/components/paywall/PaywallMethodContent.tsx
+import { jsx as jsx30 } from "react/jsx-runtime";
+function PaywallMethodContent({ copy, className, rowClassName }) {
+  const { selectedMethod, hasConsumedTrial } = usePaywallContext();
+  const useCardConsumed = selectedMethod === "card" && hasConsumedTrial && copy.cardConsumedTrial;
+  const rows = useCardConsumed ? copy.cardConsumedTrial.bodyRows : selectedMethod === "pix-auto" || selectedMethod === "pix-once" ? copy.pix.bodyRows : copy.card.bodyRows;
+  return /* @__PURE__ */ jsx30("div", { role: "tabpanel", id: `paywall-tab-${selectedMethod}`, className, children: rows.map((row, i) => /* @__PURE__ */ jsx30("div", { className: rowClassName, children: row }, i)) });
+}
+
+// src/components/paywall/PaywallCyclePicker.tsx
+import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
+var VARIANT_CLASSES = {
+  default: { card: "", cardSelected: "" },
+  "premium-gold": {
+    card: "",
+    cardSelected: "border-2 border-yellow-400/80 ring-2 ring-yellow-400/20"
+  },
+  "pink-pill": {
+    card: "rounded-2xl",
+    cardSelected: "border-2 border-pink-500"
+  }
+};
+function PaywallCyclePicker({
+  labels,
+  className,
+  cardClassName,
+  cardSelectedClassName,
+  anchorClassName,
+  variant = "default",
+  render
+}) {
+  const ctx = usePaywallContext();
+  const { cycle: selected, setCycle, plan, anchorPriceCents } = ctx;
+  const cycles = ["MONTHLY", "YEARLY"];
+  if (render) {
+    return /* @__PURE__ */ jsx31("div", { className, children: render({ cycles, selected, setCycle, plan, anchorPriceCents }) });
+  }
+  if (cycles.length < 2) return null;
+  const v = VARIANT_CLASSES[variant];
+  const composedCardClassName = [v.card, cardClassName].filter(Boolean).join(" ");
+  const composedCardSelectedClassName = [v.cardSelected, cardSelectedClassName].filter(Boolean).join(" ");
+  const monthlyCents = plan?.monthlyCents ?? 0;
+  const yearlyCents = plan?.yearlyCents ?? 0;
+  const anchorMonthly = plan?.anchorMonthlyCents ?? null;
+  const anchorYearly = plan?.anchorYearlyCents ?? null;
+  return /* @__PURE__ */ jsx31(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": "Ciclo de cobran\xE7a",
+      className: ["flex flex-row gap-2", className].filter(Boolean).join(" "),
+      children: cycles.map((c) => {
+        const active = c === selected;
+        const label = c === "YEARLY" ? labels.annualLabel : labels.monthlyLabel;
+        const suffix = c === "YEARLY" ? labels.annualSuffix : labels.monthlySuffix;
+        const mainCents = c === "YEARLY" ? Math.round(yearlyCents / 12) : monthlyCents;
+        const anchorCents = c === "YEARLY" ? anchorYearly : anchorMonthly;
+        return /* @__PURE__ */ jsxs19(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": active,
+            onClick: () => setCycle(c),
+            className: [
+              "flex flex-col items-center gap-0.5",
+              composedCardClassName,
+              active ? composedCardSelectedClassName : ""
+            ].filter(Boolean).join(" "),
+            children: [
+              /* @__PURE__ */ jsx31("span", { className: "font-bold text-base leading-tight", children: formatBRL(mainCents) }),
+              /* @__PURE__ */ jsx31("span", { className: "text-xs opacity-70 leading-tight", children: suffix }),
+              /* @__PURE__ */ jsx31("span", { className: "text-xs opacity-60 leading-tight", children: label }),
+              anchorCents != null && anchorCents > mainCents ? /* @__PURE__ */ jsx31("span", { className: anchorClassName ?? "text-xs opacity-50", children: /* @__PURE__ */ jsx31("s", { children: formatBRL(anchorCents) }) }) : null
+            ]
+          },
+          c
+        );
+      })
     }
-  }, []);
-  return {
-    login: auth.login,
-    signup: auth.signup,
-    logout: auth.logout,
-    logoutAll: auth.logoutAll,
-    forgot: auth.forgot,
-    resendVerify: auth.resendVerify,
-    changePassword: auth.changePassword,
-    changeEmail: auth.changeEmail,
-    refresh: auth.refresh
+  );
+}
+
+// src/components/paywall/Paywall.tsx
+import { jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
+var NBSP = "\xA0";
+function Paywall({
+  copy,
+  themeClasses = {},
+  slots = {},
+  onBeforeCheckout
+}) {
+  return /* @__PURE__ */ jsx32(PaywallProvider, { children: /* @__PURE__ */ jsx32(
+    PaywallInner,
+    {
+      copy,
+      themeClasses,
+      slots,
+      onBeforeCheckout
+    }
+  ) });
+}
+function PaywallInner({
+  copy,
+  themeClasses = {},
+  slots = {},
+  onBeforeCheckout
+}) {
+  const { track: track2 } = useHook12();
+  const s = usePaywallContext();
+  const priceLabel = formatBRL(s.currentPriceCents).replace(new RegExp(NBSP, "g"), " ");
+  const trialDaysCardLabel = String(s.trialDaysCard);
+  const ctaLabel = useMemo5(() => {
+    if (s.isFree) return copy.freeCta ?? "Come\xE7ar agora";
+    if (s.selectedMethod === "card") {
+      if (s.hasConsumedTrial && copy.cardConsumedTrial) {
+        return interp(copy.cardConsumedTrial.ctaTemplate, {
+          price: priceLabel,
+          days: trialDaysCardLabel
+        });
+      }
+      if (s.trialDaysCard > 0) {
+        return interp(copy.card.ctaTemplate, { price: priceLabel, days: trialDaysCardLabel });
+      }
+      return copy.cardConsumedTrial ? interp(copy.cardConsumedTrial.ctaTemplate, {
+        price: priceLabel,
+        days: trialDaysCardLabel
+      }) : `Assinar por ${priceLabel}`;
+    }
+    return interp(copy.pix.ctaTemplate, { price: priceLabel, days: trialDaysCardLabel });
+  }, [
+    s.isFree,
+    s.selectedMethod,
+    s.hasConsumedTrial,
+    s.trialDaysCard,
+    copy,
+    priceLabel,
+    trialDaysCardLabel
+  ]);
+  const switchHint = useMemo5(() => {
+    if (s.methods.length < 2) return void 0;
+    return s.selectedMethod === "card" ? copy.card.switchHint : copy.pix.switchHint;
+  }, [s.methods.length, s.selectedMethod, copy]);
+  useEffect11(() => {
+    if (!s.initialLoadComplete) return;
+    track2("paywall_view", {
+      default_method: s.selectedMethod,
+      default_cycle: s.cycle,
+      available_methods: s.methods
+    });
+  }, [s.initialLoadComplete]);
+  const handleCta = async () => {
+    track2("paywall_cta_clicked", {
+      method: s.selectedMethod,
+      cycle: s.cycle,
+      price_cents: s.currentPriceCents,
+      had_consumed_trial: s.hasConsumedTrial
+    });
+    if (onBeforeCheckout) {
+      await onBeforeCheckout(s.selectedMethod, s.cycle);
+      return;
+    }
+    await s.submit();
   };
+  const ctaTheme = s.selectedMethod === "card" ? themeClasses.ctaCard : themeClasses.ctaPix;
+  return /* @__PURE__ */ jsxs20("div", { className: themeClasses.container, children: [
+    slots.heroSlot,
+    /* @__PURE__ */ jsx32("h1", { className: themeClasses.headline, children: copy.headline }),
+    /* @__PURE__ */ jsx32("ul", { children: copy.features.map((f) => /* @__PURE__ */ jsxs20("li", { className: themeClasses.feature, children: [
+      "\u2713 ",
+      /* @__PURE__ */ jsx32("span", { children: f })
+    ] }, f)) }),
+    copy.socialProof ? /* @__PURE__ */ jsx32("p", { className: themeClasses.socialProof, children: copy.socialProof }) : null,
+    slots.cyclePickerSlot ?? /* @__PURE__ */ jsx32(
+      PaywallCyclePicker,
+      {
+        labels: copy.cycle,
+        cardClassName: themeClasses.cycleCard,
+        cardSelectedClassName: themeClasses.cycleCardSelected,
+        anchorClassName: themeClasses.anchorPrice
+      }
+    ),
+    /* @__PURE__ */ jsx32(
+      PaywallMethodTabs,
+      {
+        labels: { "pix-auto": copy.pix.tabLabel, card: copy.card.tabLabel },
+        className: themeClasses.tabs,
+        tabClassName: themeClasses.tab,
+        tabActiveClassName: themeClasses.tabActive
+      }
+    ),
+    /* @__PURE__ */ jsx32(
+      PaywallMethodContent,
+      {
+        copy: {
+          pix: interpolateCopy(copy.pix, priceLabel, trialDaysCardLabel),
+          card: interpolateCopy(copy.card, priceLabel, trialDaysCardLabel),
+          cardConsumedTrial: copy.cardConsumedTrial ? {
+            bodyRows: copy.cardConsumedTrial.bodyRows.map(
+              (r) => interp(r, { price: priceLabel, days: trialDaysCardLabel })
+            ),
+            ctaTemplate: copy.cardConsumedTrial.ctaTemplate
+          } : void 0
+        },
+        className: themeClasses.tabContent,
+        rowClassName: themeClasses.tabContentRow
+      }
+    ),
+    slots.beforeCtaSlot,
+    /* @__PURE__ */ jsxs20("div", { children: [
+      /* @__PURE__ */ jsx32(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            void handleCta();
+          },
+          disabled: s.submitting,
+          className: ctaTheme,
+          children: s.submitting ? "Abrindo checkout\u2026" : ctaLabel
+        }
+      ),
+      switchHint ? /* @__PURE__ */ jsx32("p", { className: themeClasses.switchHint, children: switchHint }) : null,
+      /* @__PURE__ */ jsx32("p", { className: themeClasses.trustLine, children: copy.trustLine })
+    ] })
+  ] });
 }
-
-// src/hooks/useAuth.ts
-import { useHook as useHook18 } from "@hook-sdk/sdk";
-function useAuth() {
-  const { user, authStatus, auth } = useHook18();
-  return {
-    user,
-    authStatus,
-    refresh: auth.refresh
-  };
+function interp(tpl, vars) {
+  return tpl.replace(/\{(\w+)\}/g, (_m, k) => vars[k] ?? "");
 }
-
-// src/index.ts
-import { useTrackOnboardingStep } from "@hook-sdk/sdk";
-
-// src/hooks/useSubscription.ts
-import { useHook as useHook19 } from "@hook-sdk/sdk";
-function useSubscription() {
-  const { subscription } = useHook19();
+function interpolateCopy(m, price, days) {
   return {
-    status: subscription.status()
+    tabLabel: m.tabLabel,
+    bodyRows: m.bodyRows.map((r) => interp(r, { price, days })),
+    ctaTemplate: m.ctaTemplate,
+    switchHint: m.switchHint
   };
 }
 
-// src/hooks/useReminders.ts
-import { useCallback as useCallback11, useEffect as useEffect15, useState as useState16 } from "react";
-import { useHook as useHook20 } from "@hook-sdk/sdk";
-function useReminders() {
-  const { push } = useHook20();
-  const r = push.reminders;
-  const [reminders, setReminders] = useState16([]);
-  const [loading, setLoading] = useState16(true);
-  const reload = useCallback11(async () => {
-    setLoading(true);
-    try {
-      const next = await r.list();
-      setReminders(next);
-    } finally {
-      setLoading(false);
-    }
-  }, [r]);
-  useEffect15(() => {
-    void reload();
-  }, [reload]);
-  const setReminder = useCallback11(async (input) => {
-    await r.set(input);
-    await reload();
-  }, [r, reload]);
-  const deleteReminder = useCallback11(async (slot) => {
-    await r.delete(slot);
-    await reload();
-  }, [r, reload]);
-  const schedule = useCallback11(async (items) => {
-    return r.schedule(items);
-  }, [r]);
-  const setFallbacks = useCallback11(async (items) => {
-    return r.setFallbacks(items);
-  }, [r]);
-  return { reminders, loading, setReminder, deleteReminder, schedule, setFallbacks };
-}
-
-// src/hooks/useToast.ts
-import { useCallback as useCallback12, useState as useState17 } from "react";
-function useToast() {
-  const [items, setItems] = useState17([]);
-  const show = useCallback12((message, kind = "info") => {
-    const id = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
-    setItems((prev) => [...prev, { id, message, kind }]);
-    setTimeout(() => {
-      setItems((prev) => prev.filter((t) => t.id !== id));
-    }, 4e3);
-  }, []);
-  const dismiss = useCallback12((id) => {
-    setItems((prev) => prev.filter((t) => t.id !== id));
-  }, []);
-  return { items, show, dismiss };
-}
-
-// src/RouteBoundary.tsx
-import { Routes as Routes2, Route as Route2 } from "react-router-dom";
-import { jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
-function RouteBoundary({ children }) {
-  return /* @__PURE__ */ jsxs21(Routes2, { children: [
-    children,
-    /* @__PURE__ */ jsx30(Route2, { path: "*", element: /* @__PURE__ */ jsx30(DefaultNotFound, {}) })
+// src/components/paywall/PaywallCta.tsx
+import { jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
+function PaywallCta({
+  ctaLabel,
+  loadingLabel,
+  switchHint,
+  trustLine,
+  className,
+  buttonClassName,
+  switchHintClassName,
+  trustClassName
+}) {
+  const { submit, submitting } = usePaywallContext();
+  const label = submitting && loadingLabel ? loadingLabel : ctaLabel;
+  return /* @__PURE__ */ jsxs21("div", { className, children: [
+    /* @__PURE__ */ jsx33(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          void submit();
+        },
+        disabled: submitting,
+        className: buttonClassName,
+        children: label
+      }
+    ),
+    switchHint ? /* @__PURE__ */ jsx33("p", { className: switchHintClassName, children: switchHint }) : null,
+    /* @__PURE__ */ jsx33("p", { className: trustClassName, children: trustLine })
   ] });
 }
-function DefaultNotFound() {
-  return /* @__PURE__ */ jsx30("div", { role: "alert", children: "P\xE1gina n\xE3o encontrada" });
+
+// src/components/paywall/blocks/PaywallEyebrow.tsx
+import { jsx as jsx34 } from "react/jsx-runtime";
+var DEFAULT_EYEBROW_CLASSES = "text-xs uppercase tracking-widest font-semibold opacity-70";
+function PaywallEyebrow({ text, className }) {
+  return /* @__PURE__ */ jsx34("div", { className: [DEFAULT_EYEBROW_CLASSES, className].filter(Boolean).join(" "), children: text });
 }
 
-// src/PreAuthShell.tsx
-import { BrowserRouter as BrowserRouter2, MemoryRouter as MemoryRouter2, Routes as Routes3 } from "react-router-dom";
-import { jsx as jsx31 } from "react/jsx-runtime";
-function PreAuthShell({
-  basename,
-  testRouter,
-  testInitialEntries,
-  children
+// src/components/paywall/blocks/PaywallHero.tsx
+import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
+var DEFAULT_GRADIENT = "absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent";
+function PaywallHero({
+  src,
+  alt = "",
+  headline,
+  aspectRatio = "16/9",
+  gradientClassName,
+  className,
+  headlineClassName,
+  imgClassName,
+  render
 }) {
-  if (testRouter === "memory") {
-    return /* @__PURE__ */ jsx31(MemoryRouter2, { basename, initialEntries: testInitialEntries, children: /* @__PURE__ */ jsx31(Routes3, { children }) });
+  if (render) {
+    return /* @__PURE__ */ jsx35("div", { className, children: render({ src, headline }) });
   }
-  return /* @__PURE__ */ jsx31(BrowserRouter2, { basename, children: /* @__PURE__ */ jsx31(Routes3, { children }) });
+  return /* @__PURE__ */ jsxs22(
+    "div",
+    {
+      className: ["relative overflow-hidden", className].filter(Boolean).join(" "),
+      style: { aspectRatio },
+      children: [
+        /* @__PURE__ */ jsx35(
+          "img",
+          {
+            src,
+            alt,
+            className: ["absolute inset-0 w-full h-full object-cover", imgClassName].filter(Boolean).join(" ")
+          }
+        ),
+        /* @__PURE__ */ jsx35("div", { className: gradientClassName ?? DEFAULT_GRADIENT, "aria-hidden": "true" }),
+        headline ? /* @__PURE__ */ jsx35(
+          "h1",
+          {
+            className: ["absolute bottom-0 left-0 right-0 p-4 text-white font-bold text-2xl", headlineClassName].filter(Boolean).join(" "),
+            children: headline
+          }
+        ) : null
+      ]
+    }
+  );
 }
 
-// src/OnboardingFlow.tsx
-import { useCallback as useCallback13, useEffect as useEffect16, useMemo as useMemo11, useRef as useRef7 } from "react";
-import { usePersistedState as usePersistedState4, useHook as useHook21 } from "@hook-sdk/sdk";
-
-// src/hooks/useOnboardingStep.ts
-import { createContext as createContext3, useContext as useContext4 } from "react";
-var OnboardingStepContext = createContext3(null);
-function useOnboardingStep() {
-  const ctx = useContext4(OnboardingStepContext);
-  if (!ctx) {
-    throw new Error(
-      "[hook-template] useOnboardingStep must be used inside <OnboardingFlow>. (G75)"
-    );
-  }
-  return ctx;
+// src/components/paywall/blocks/PaywallHeadline.tsx
+import { jsx as jsx36 } from "react/jsx-runtime";
+var DEFAULT_HEADLINE_CLASSES = "text-2xl font-bold leading-tight";
+function PaywallHeadline({ text, className, as = "h1" }) {
+  const Tag = as;
+  return /* @__PURE__ */ jsx36(Tag, { className: [DEFAULT_HEADLINE_CLASSES, className].filter(Boolean).join(" "), children: text });
 }
 
-// src/OnboardingFlow.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
-var isFilled = (v) => v != null && v !== "";
-var CURRENT_STEP_FIELD = "currentStep";
-function readPersistedStepIdx(draft) {
-  const raw = draft[CURRENT_STEP_FIELD];
-  return typeof raw === "number" && Number.isFinite(raw) && raw >= 0 ? raw : 0;
-}
-function OnboardingFlow({
-  steps,
-  screens,
-  onComplete,
-  persistKey
+// src/components/paywall/blocks/PaywallPriceHeadline.tsx
+import { jsx as jsx37 } from "react/jsx-runtime";
+var DEFAULT_CLASS = "text-2xl font-bold leading-tight";
+var CYCLE_LABEL = {
+  MONTHLY: "mensal",
+  YEARLY: "anual"
+};
+function PaywallPriceHeadline({
+  template,
+  className,
+  as = "h1",
+  render
 }) {
-  const [draft, setDraft, status] = usePersistedState4(persistKey, {});
-  const draftRef = useRef7(draft);
-  draftRef.current = draft;
-  const idx = readPersistedStepIdx(draft);
-  const clampedIdx = Math.min(Math.max(idx, 0), Math.max(steps.length - 1, 0));
-  const setIdx = useCallback13(
-    (n) => {
-      setDraft((prev) => {
-        const prevIdx = readPersistedStepIdx(prev);
-        const nextIdx = typeof n === "function" ? n(prevIdx) : n;
-        return { ...prev, [CURRENT_STEP_FIELD]: nextIdx };
-      });
-    },
-    [setDraft]
-  );
-  const setValue = useCallback13(
-    (patch) => {
-      draftRef.current = { ...draftRef.current, ...patch };
-      setDraft((prev) => ({ ...prev, ...patch }));
-    },
-    [setDraft]
-  );
-  const step = steps[clampedIdx];
-  const hookCtx = useHook21();
-  const track2 = typeof hookCtx.track === "function" ? hookCtx.track : void 0;
-  useEffect16(() => {
-    if (status.loading) return;
-    if (!step) return;
-    if (!track2) return;
-    track2("onboarding_step_viewed", {
-      step: step.id,
-      step_index: clampedIdx,
-      total_steps: steps.length
-    });
-  }, [step?.id, clampedIdx, steps.length, status.loading, track2]);
-  const valid = useMemo11(
-    () => step ? (step.validates ?? []).every((field) => isFilled(draft[field])) : false,
-    [draft, step]
-  );
-  const next = useCallback13(() => {
-    if (!step) return;
-    const current = draftRef.current;
-    const validNow = (step.validates ?? []).every((field) => isFilled(current[field]));
-    if (!validNow) return;
-    if (clampedIdx + 1 >= steps.length) {
-      onComplete(current);
-    } else {
-      setIdx(clampedIdx + 1);
-    }
-  }, [clampedIdx, onComplete, step, steps.length, setIdx]);
-  const prevStep = useCallback13(() => setIdx((i) => Math.max(0, i - 1)), [setIdx]);
-  const ctx = useMemo11(
-    () => ({
-      stepIndex: clampedIdx,
-      totalSteps: steps.length,
-      value: draft,
-      setValue,
-      valid,
-      next,
-      prev: prevStep
-    }),
-    [clampedIdx, steps.length, draft, setValue, valid, next, prevStep]
-  );
-  if (status.loading) {
-    return null;
+  const { cycle, currentMonthlyEquivCents, plan } = usePaywallContext();
+  const yearlyCents = plan?.yearlyCents ?? null;
+  const pricePerDay = formatBRL(dailyFromYearly(yearlyCents));
+  const monthlyEquiv = currentMonthlyEquivCents ?? 0;
+  const cycleLabel = CYCLE_LABEL[cycle] ?? cycle.toLowerCase();
+  const rootClasses = [DEFAULT_CLASS, className].filter(Boolean).join(" ");
+  if (render) {
+    const RootTag2 = as;
+    return /* @__PURE__ */ jsx37(RootTag2, { className: [className].filter(Boolean).join(" ") || void 0, children: render({ pricePerDay, currentMonthlyEquivCents: monthlyEquiv, cycle }) });
   }
-  if (!step) {
-    throw new Error(
-      `[hook-template] OnboardingFlow: step index ${clampedIdx} out of range (steps.length=${steps.length})`
-    );
+  const text = template.replaceAll("{pricePerDay}", pricePerDay).replaceAll("{currentMonthlyEquiv}", formatBRL(monthlyEquiv)).replaceAll("{cycle}", cycleLabel);
+  const RootTag = as;
+  return /* @__PURE__ */ jsx37(RootTag, { className: rootClasses, children: text });
+}
+
+// src/components/paywall/blocks/PaywallCountdown.tsx
+import { useEffect as useEffect12, useRef as useRef7, useState as useState10 } from "react";
+import { jsx as jsx38 } from "react/jsx-runtime";
+var DEFAULT_COUNTDOWN_CLASSES = "font-mono tabular-nums";
+function resolveDeadlineMs(deadline) {
+  if (deadline instanceof Date) return deadline.getTime();
+  if (typeof deadline === "string") return new Date(deadline).getTime();
+  const { sessionStorageKey, durationMs } = deadline;
+  if (typeof window === "undefined" || typeof window.sessionStorage === "undefined") {
+    return Date.now() + durationMs;
   }
-  const Screen = screens[step.screen];
-  if (!Screen) {
-    throw new Error(
-      `[hook-template] OnboardingFlow: missing screen component for step '${step.id}' (expected key '${step.screen}' in screens prop)`
-    );
+  const stored = window.sessionStorage.getItem(sessionStorageKey);
+  const parsed = stored ? Number.parseInt(stored, 10) : NaN;
+  const now = Date.now();
+  if (!Number.isFinite(parsed) || parsed < now) {
+    const target = now + durationMs;
+    window.sessionStorage.setItem(sessionStorageKey, String(target));
+    return target;
+  }
+  return parsed;
+}
+function computeRemaining(deadlineMs) {
+  const diff = Math.max(0, deadlineMs - Date.now());
+  const totalSeconds = Math.floor(diff / 1e3);
+  const h = Math.floor(totalSeconds / 3600);
+  const m = Math.floor(totalSeconds % 3600 / 60);
+  const s = totalSeconds % 60;
+  return { h, m, s, expired: diff === 0 };
+}
+function pad(n) {
+  return String(n).padStart(2, "0");
+}
+function PaywallCountdown({
+  deadline,
+  format = "h:m:s",
+  onExpire,
+  className,
+  render
+}) {
+  const deadlineMsRef = useRef7(null);
+  if (deadlineMsRef.current === null) {
+    deadlineMsRef.current = resolveDeadlineMs(deadline);
+  }
+  const [state, setState] = useState10(() => computeRemaining(deadlineMsRef.current));
+  const expiredCalledRef = useRef7(false);
+  useEffect12(() => {
+    if (state.expired) {
+      if (!expiredCalledRef.current) {
+        expiredCalledRef.current = true;
+        onExpire?.();
+      }
+      return;
+    }
+    const tick = () => {
+      const next = computeRemaining(deadlineMsRef.current);
+      setState(next);
+      if (next.expired && !expiredCalledRef.current) {
+        expiredCalledRef.current = true;
+        onExpire?.();
+      }
+    };
+    const id = setInterval(tick, 1e3);
+    return () => clearInterval(id);
+  }, [state.expired]);
+  if (render) {
+    return /* @__PURE__ */ jsx38("div", { className, children: render(state) });
   }
-  return /* @__PURE__ */ jsx32(OnboardingStepContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx32(Screen, {}) });
+  const formatted = format === "h:m:s" ? `${pad(state.h)}:${pad(state.m)}:${pad(state.s)}` : `${pad(state.h * 60 + state.m)}:${pad(state.s)}`;
+  return /* @__PURE__ */ jsx38("div", { className: [DEFAULT_COUNTDOWN_CLASSES, className].filter(Boolean).join(" "), children: formatted });
 }
 
-// src/hooks/useFeature.ts
-function useFeature(name) {
-  const config = useAppConfig();
-  return Array.isArray(config.features_enabled) && config.features_enabled.includes(name);
+// src/components/paywall/blocks/PaywallFeatures.tsx
+import { jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
+function PaywallFeatures({
+  items,
+  IconComponent,
+  className,
+  itemClassName,
+  iconClassName,
+  render,
+  renderItem
+}) {
+  if (render) {
+    return /* @__PURE__ */ jsx39("div", { className, children: render({ items }) });
+  }
+  if (renderItem) {
+    return /* @__PURE__ */ jsx39("ul", { className, children: items.map((item, idx) => /* @__PURE__ */ jsx39("li", { children: renderItem(item, idx) }, idx)) });
+  }
+  return /* @__PURE__ */ jsx39("ul", { className, children: items.map((item, idx) => /* @__PURE__ */ jsxs23("li", { className: itemClassName, children: [
+    IconComponent ? /* @__PURE__ */ jsx39(IconComponent, { className: iconClassName }) : /* @__PURE__ */ jsx39("span", { className: iconClassName, "aria-hidden": "true", children: "\u2713" }),
+    /* @__PURE__ */ jsx39("span", { children: item })
+  ] }, idx)) });
 }
 
-// src/components/paywall/Paywall.tsx
-import { useEffect as useEffect17, useMemo as useMemo12 } from "react";
-import { useHook as useHook22 } from "@hook-sdk/sdk";
+// src/components/paywall/blocks/PaywallFeaturesCard.tsx
+import { jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
+var DEFAULT_CARD_CLASSES = "rounded-xl border p-4";
+function PaywallFeaturesCard({
+  title,
+  items,
+  className,
+  cardClassName,
+  titleClassName,
+  itemClassName,
+  renderItem
+}) {
+  return /* @__PURE__ */ jsx40("div", { className, children: /* @__PURE__ */ jsxs24("div", { className: [DEFAULT_CARD_CLASSES, cardClassName].filter(Boolean).join(" "), children: [
+    title ? /* @__PURE__ */ jsx40("div", { className: ["font-semibold mb-2", titleClassName].filter(Boolean).join(" "), children: title }) : null,
+    /* @__PURE__ */ jsx40("ul", { children: items.map(
+      (item, idx) => renderItem ? /* @__PURE__ */ jsx40("li", { children: renderItem(item, idx) }, idx) : /* @__PURE__ */ jsxs24("li", { className: itemClassName, children: [
+        /* @__PURE__ */ jsx40("span", { "aria-hidden": "true", children: "\u2022" }),
+        " ",
+        /* @__PURE__ */ jsx40("span", { children: item })
+      ] }, idx)
+    ) })
+  ] }) });
+}
 
-// src/components/paywall/PaywallProvider.tsx
-import { createContext as createContext4 } from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
-var PaywallContext = createContext4(null);
-function PaywallProvider({ children }) {
-  const state = usePaywallState();
-  return /* @__PURE__ */ jsx33(PaywallContext.Provider, { value: state, children });
+// src/components/paywall/blocks/PaywallTrophyBadge.tsx
+import { jsx as jsx41, jsxs as jsxs25 } from "react/jsx-runtime";
+var DEFAULT_CHIP_CLASSES = "inline-flex items-center gap-1 px-3 py-1 rounded-full bg-yellow-100 text-yellow-900 text-sm font-medium";
+var FLOATING_CLASSES = "absolute top-2 right-2 z-10 shadow-md";
+function PaywallTrophyBadge({
+  text,
+  className,
+  iconClassName,
+  floating = false,
+  render
+}) {
+  if (render) {
+    return /* @__PURE__ */ jsx41("div", { className, children: render({ text }) });
+  }
+  const rootClasses = [
+    DEFAULT_CHIP_CLASSES,
+    floating ? FLOATING_CLASSES : "",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs25("div", { className: rootClasses, children: [
+    /* @__PURE__ */ jsx41("span", { className: iconClassName, "aria-hidden": "true", children: "\u{1F3C6}" }),
+    /* @__PURE__ */ jsx41("span", { children: text })
+  ] });
 }
 
-// src/components/paywall/usePaywallContext.ts
-import { useContext as useContext5 } from "react";
-function usePaywallContext() {
-  const ctx = useContext5(PaywallContext);
-  if (!ctx) {
-    throw new Error("usePaywallContext must be used within <PaywallProvider>");
+// src/components/paywall/blocks/PaywallAnchorPrice.tsx
+import { jsx as jsx42 } from "react/jsx-runtime";
+var DEFAULT_CLASS2 = "text-sm opacity-60 line-through";
+function PaywallAnchorPrice({
+  className,
+  render
+}) {
+  const { anchorPriceCents, cycle } = usePaywallContext();
+  if (anchorPriceCents === null || anchorPriceCents === void 0 || anchorPriceCents <= 0) {
+    return null;
   }
-  return ctx;
+  void cycle;
+  const formatted = formatBRL(anchorPriceCents);
+  const rootClasses = [DEFAULT_CLASS2, className].filter(Boolean).join(" ");
+  if (render) {
+    return /* @__PURE__ */ jsx42("span", { className: className || void 0, children: render({ anchorCents: anchorPriceCents, formatted }) });
+  }
+  return /* @__PURE__ */ jsx42("span", { className: rootClasses, children: formatted });
 }
 
-// src/components/paywall/PaywallMethodTabs.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
-function PaywallMethodTabs({
-  labels,
+// src/components/paywall/blocks/PaywallTestimonials.tsx
+import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
+var DEFAULT_ROOT = "flex gap-3 overflow-x-auto snap-x snap-mandatory pb-2";
+var DEFAULT_CARD = "snap-start shrink-0 w-72 rounded-2xl border p-4 flex flex-col gap-2";
+var DEFAULT_AVATAR = "w-10 h-10 rounded-full object-cover";
+var DEFAULT_QUOTE = "text-sm leading-snug";
+var DEFAULT_NAME = "text-xs font-semibold opacity-80";
+var DEFAULT_STARS = "text-yellow-500 text-sm";
+function clampStars(n) {
+  return Math.max(0, Math.min(5, Math.round(n)));
+}
+function PaywallTestimonials({
+  items,
   className,
-  tabClassName,
-  tabActiveClassName
+  cardClassName,
+  avatarClassName,
+  quoteClassName,
+  nameClassName,
+  starsClassName,
+  renderItem
 }) {
-  const { methods, selectedMethod, selectMethod } = usePaywallContext();
-  if (methods.length < 2) return null;
-  return /* @__PURE__ */ jsx34("div", { role: "tablist", "aria-label": "M\xE9todo de pagamento", className, children: methods.map((m) => {
-    const active = m === selectedMethod;
-    const label = labels[m] ?? m;
-    return /* @__PURE__ */ jsx34(
-      "button",
-      {
-        type: "button",
-        role: "tab",
-        "aria-selected": active,
-        "aria-controls": `paywall-tab-${m}`,
-        tabIndex: active ? 0 : -1,
-        onClick: () => selectMethod(m),
-        className: [tabClassName, active ? tabActiveClassName : ""].filter(Boolean).join(" "),
-        children: label
-      },
-      m
-    );
+  const rootClasses = [DEFAULT_ROOT, className].filter(Boolean).join(" ");
+  const cardClasses = [DEFAULT_CARD, cardClassName].filter(Boolean).join(" ");
+  const avatarClasses = [DEFAULT_AVATAR, avatarClassName].filter(Boolean).join(" ");
+  const quoteClasses = [DEFAULT_QUOTE, quoteClassName].filter(Boolean).join(" ");
+  const nameClasses = [DEFAULT_NAME, nameClassName].filter(Boolean).join(" ");
+  const starsClasses = [DEFAULT_STARS, starsClassName].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx43("div", { className: rootClasses, children: items.map((item, idx) => {
+    if (renderItem) return renderItem(item, idx);
+    const filled = clampStars(item.stars);
+    const empty = 5 - filled;
+    return /* @__PURE__ */ jsxs26("div", { className: cardClasses, children: [
+      /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
+        item.avatar ? /* @__PURE__ */ jsx43(
+          "img",
+          {
+            src: item.avatar,
+            alt: "",
+            loading: "lazy",
+            className: avatarClasses,
+            "aria-hidden": "true"
+          }
+        ) : null,
+        /* @__PURE__ */ jsx43("div", { className: nameClasses, children: item.name })
+      ] }),
+      /* @__PURE__ */ jsxs26("div", { className: starsClasses, "aria-label": `${filled} de 5 estrelas`, children: [
+        "\u2605".repeat(filled),
+        "\u2606".repeat(empty)
+      ] }),
+      /* @__PURE__ */ jsx43("p", { className: quoteClasses, children: item.quote })
+    ] }, idx);
   }) });
 }
 
-// src/components/paywall/PaywallMethodContent.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
-function PaywallMethodContent({ copy, className, rowClassName }) {
-  const { selectedMethod, hasConsumedTrial } = usePaywallContext();
-  const useCardConsumed = selectedMethod === "card" && hasConsumedTrial && copy.cardConsumedTrial;
-  const rows = useCardConsumed ? copy.cardConsumedTrial.bodyRows : selectedMethod === "pix-auto" || selectedMethod === "pix-once" ? copy.pix.bodyRows : copy.card.bodyRows;
-  return /* @__PURE__ */ jsx35("div", { role: "tabpanel", id: `paywall-tab-${selectedMethod}`, className, children: rows.map((row, i) => /* @__PURE__ */ jsx35("div", { className: rowClassName, children: row }, i)) });
+// src/components/paywall/blocks/PaywallStatsRow.tsx
+import { jsx as jsx44, jsxs as jsxs27 } from "react/jsx-runtime";
+var DEFAULT_ROOT2 = "grid grid-cols-3 gap-4";
+var DEFAULT_CELL = "flex flex-col items-center text-center";
+var DEFAULT_VALUE = "text-2xl font-bold";
+var DEFAULT_LABEL = "text-xs opacity-70";
+function PaywallStatsRow({
+  stats,
+  className,
+  cellClassName,
+  valueClassName,
+  labelClassName,
+  renderCell
+}) {
+  const rootClasses = [DEFAULT_ROOT2, className].filter(Boolean).join(" ");
+  const cellClasses = [DEFAULT_CELL, cellClassName].filter(Boolean).join(" ");
+  const valueClasses = [DEFAULT_VALUE, valueClassName].filter(Boolean).join(" ");
+  const labelClasses = [DEFAULT_LABEL, labelClassName].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx44("div", { className: rootClasses, children: stats.map((stat, idx) => {
+    if (renderCell) return renderCell(stat, idx);
+    return /* @__PURE__ */ jsxs27("div", { className: cellClasses, children: [
+      stat.icon ? /* @__PURE__ */ jsx44("div", { "aria-hidden": "true", children: stat.icon }) : null,
+      /* @__PURE__ */ jsx44("div", { className: valueClasses, children: stat.value }),
+      /* @__PURE__ */ jsx44("div", { className: labelClasses, children: stat.label })
+    ] }, idx);
+  }) });
 }
 
-// src/components/paywall/PaywallCyclePicker.tsx
-import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
-var VARIANT_CLASSES = {
-  default: { card: "", cardSelected: "" },
-  "premium-gold": {
-    card: "",
-    cardSelected: "border-2 border-yellow-400/80 ring-2 ring-yellow-400/20"
-  },
-  "pink-pill": {
-    card: "rounded-2xl",
-    cardSelected: "border-2 border-pink-500"
-  }
+// src/components/paywall/blocks/PaywallFinePrint.tsx
+import { jsx as jsx45 } from "react/jsx-runtime";
+var DEFAULT_CLASS3 = "text-xs opacity-60 leading-snug";
+var CYCLE_LABEL2 = {
+  MONTHLY: "mensal",
+  YEARLY: "anual"
 };
-function PaywallCyclePicker({
-  labels,
+function PaywallFinePrint({
+  template,
   className,
-  cardClassName,
-  cardSelectedClassName,
-  anchorClassName,
-  variant = "default",
   render
 }) {
-  const ctx = usePaywallContext();
-  const { cycle: selected, setCycle, plan, anchorPriceCents } = ctx;
-  const cycles = ["MONTHLY", "YEARLY"];
+  const {
+    currentPriceCents,
+    cycle,
+    trialDaysCard,
+    trialDaysPix,
+    selectedMethod
+  } = usePaywallContext();
+  const trialDays = selectedMethod === "card" ? trialDaysCard : trialDaysPix;
+  const cycleLabel = CYCLE_LABEL2[cycle] ?? cycle.toLowerCase();
+  const priceFormatted = formatBRL(currentPriceCents ?? 0);
+  const rootClasses = [DEFAULT_CLASS3, className].filter(Boolean).join(" ");
   if (render) {
-    return /* @__PURE__ */ jsx36("div", { className, children: render({ cycles, selected, setCycle, plan, anchorPriceCents }) });
+    return /* @__PURE__ */ jsx45("p", { className: className || void 0, children: render({
+      currentPriceCents: currentPriceCents ?? 0,
+      cycle,
+      trialDays: trialDays ?? 0,
+      selectedMethod
+    }) });
   }
-  if (cycles.length < 2) return null;
-  const v = VARIANT_CLASSES[variant];
-  const composedCardClassName = [v.card, cardClassName].filter(Boolean).join(" ");
-  const composedCardSelectedClassName = [v.cardSelected, cardSelectedClassName].filter(Boolean).join(" ");
-  const monthlyCents = plan?.monthlyCents ?? 0;
-  const yearlyCents = plan?.yearlyCents ?? 0;
-  const anchorMonthly = plan?.anchorMonthlyCents ?? null;
-  const anchorYearly = plan?.anchorYearlyCents ?? null;
-  return /* @__PURE__ */ jsx36(
-    "div",
-    {
-      role: "radiogroup",
-      "aria-label": "Ciclo de cobran\xE7a",
-      className: ["flex flex-row gap-2", className].filter(Boolean).join(" "),
-      children: cycles.map((c) => {
-        const active = c === selected;
-        const label = c === "YEARLY" ? labels.annualLabel : labels.monthlyLabel;
-        const suffix = c === "YEARLY" ? labels.annualSuffix : labels.monthlySuffix;
-        const mainCents = c === "YEARLY" ? Math.round(yearlyCents / 12) : monthlyCents;
-        const anchorCents = c === "YEARLY" ? anchorYearly : anchorMonthly;
-        return /* @__PURE__ */ jsxs22(
-          "button",
-          {
-            type: "button",
-            role: "radio",
-            "aria-checked": active,
-            onClick: () => setCycle(c),
-            className: [
-              "flex flex-col items-center gap-0.5",
-              composedCardClassName,
-              active ? composedCardSelectedClassName : ""
-            ].filter(Boolean).join(" "),
-            children: [
-              /* @__PURE__ */ jsx36("span", { className: "font-bold text-base leading-tight", children: formatBRL(mainCents) }),
-              /* @__PURE__ */ jsx36("span", { className: "text-xs opacity-70 leading-tight", children: suffix }),
-              /* @__PURE__ */ jsx36("span", { className: "text-xs opacity-60 leading-tight", children: label }),
-              anchorCents != null && anchorCents > mainCents ? /* @__PURE__ */ jsx36("span", { className: anchorClassName ?? "text-xs opacity-50", children: /* @__PURE__ */ jsx36("s", { children: formatBRL(anchorCents) }) }) : null
-            ]
-          },
-          c
-        );
-      })
-    }
-  );
+  const text = template.replaceAll("{price}", priceFormatted).replaceAll("{trialDays}", String(trialDays ?? 0)).replaceAll("{cycle}", cycleLabel);
+  return /* @__PURE__ */ jsx45("p", { className: rootClasses, children: text });
 }
 
-// src/components/paywall/Paywall.tsx
-import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
-var NBSP = "\xA0";
-function Paywall({
-  copy,
-  themeClasses = {},
-  slots = {},
-  onBeforeCheckout
+// src/components/paywall/blocks/PaywallTrustLine.tsx
+import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
+var DEFAULT_ROOT3 = "flex items-center gap-3";
+var DEFAULT_ITEM = "flex items-center gap-1.5 text-xs";
+function PaywallTrustLine({
+  items,
+  className,
+  itemClassName,
+  renderItem
 }) {
-  return /* @__PURE__ */ jsx37(PaywallProvider, { children: /* @__PURE__ */ jsx37(
-    PaywallInner,
-    {
-      copy,
-      themeClasses,
-      slots,
-      onBeforeCheckout
-    }
-  ) });
+  const rootClasses = [DEFAULT_ROOT3, className].filter(Boolean).join(" ");
+  const itemClasses = [DEFAULT_ITEM, itemClassName].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx46("div", { className: rootClasses, children: items.map((item, idx) => {
+    if (renderItem) return renderItem(item, idx);
+    return /* @__PURE__ */ jsxs28("span", { className: itemClasses, children: [
+      /* @__PURE__ */ jsx46("span", { "aria-hidden": "true", children: item.icon }),
+      /* @__PURE__ */ jsx46("span", { children: item.text })
+    ] }, idx);
+  }) });
 }
-function PaywallInner({
-  copy,
-  themeClasses = {},
-  slots = {},
-  onBeforeCheckout
+
+// src/components/paywall/blocks/PaywallStickyFooter.tsx
+import { jsx as jsx47 } from "react/jsx-runtime";
+var DEFAULT_CLASSES = "sticky bottom-0 left-0 right-0 bg-background";
+var SAFE_AREA_CLASS = "pb-[env(safe-area-inset-bottom)]";
+function PaywallStickyFooter({
+  children,
+  className,
+  safeAreaInsets = true
 }) {
-  const { track: track2 } = useHook22();
-  const s = usePaywallContext();
-  const priceLabel = formatBRL(s.currentPriceCents).replace(new RegExp(NBSP, "g"), " ");
-  const trialDaysCardLabel = String(s.trialDaysCard);
-  const ctaLabel = useMemo12(() => {
-    if (s.isFree) return copy.freeCta ?? "Come\xE7ar agora";
-    if (s.selectedMethod === "card") {
-      if (s.hasConsumedTrial && copy.cardConsumedTrial) {
-        return interp(copy.cardConsumedTrial.ctaTemplate, {
-          price: priceLabel,
-          days: trialDaysCardLabel
-        });
-      }
-      if (s.trialDaysCard > 0) {
-        return interp(copy.card.ctaTemplate, { price: priceLabel, days: trialDaysCardLabel });
-      }
-      return copy.cardConsumedTrial ? interp(copy.cardConsumedTrial.ctaTemplate, {
-        price: priceLabel,
-        days: trialDaysCardLabel
-      }) : `Assinar por ${priceLabel}`;
+  const classes = [DEFAULT_CLASSES, safeAreaInsets ? SAFE_AREA_CLASS : null, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx47("div", { className: classes, children });
+}
+
+// src/defaults/CheckoutPageDefault.tsx
+import { Fragment as Fragment7, jsx as jsx48, jsxs as jsxs29 } from "react/jsx-runtime";
+var INTENT_KEY = "hook:paywall:intent";
+var PIX_PAYLOAD_KEY = "hook:paywall:pix-pending";
+function readIntent() {
+  if (typeof window === "undefined") return {};
+  try {
+    const raw = sessionStorage.getItem(INTENT_KEY);
+    if (!raw) return {};
+    return JSON.parse(raw);
+  } catch {
+    return {};
+  }
+}
+function formatBrl(cents) {
+  return new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(cents / 100);
+}
+function formatCardNumber(v) {
+  const digits = v.replace(/\D/g, "").slice(0, 16);
+  return digits.replace(/(.{4})/g, "$1 ").trim();
+}
+function formatExpiryMmAa(v) {
+  const d = v.replace(/\D/g, "").slice(0, 4);
+  if (d.length < 3) return d;
+  return d.slice(0, 2) + "/" + d.slice(2);
+}
+function parseExpiryMmAa(v) {
+  const d = v.replace(/\D/g, "");
+  return { month: d.slice(0, 2), year: d.slice(2, 4) };
+}
+function formatCpf(v) {
+  const d = v.replace(/\D/g, "").slice(0, 11);
+  if (d.length <= 3) return d;
+  if (d.length <= 6) return d.slice(0, 3) + "." + d.slice(3);
+  if (d.length <= 9) return d.slice(0, 3) + "." + d.slice(3, 6) + "." + d.slice(6);
+  return d.slice(0, 3) + "." + d.slice(3, 6) + "." + d.slice(6, 9) + "-" + d.slice(9);
+}
+function detectCardBrand(num) {
+  const n = num.replace(/\s/g, "");
+  if (/^4/.test(n)) return "VISA";
+  if (/^(5[1-5]|2[2-7])/.test(n)) return "MASTER";
+  if (/^3[47]/.test(n)) return "AMEX";
+  if (/^(4011|4312|4389|4514|6011|6362|6363)/.test(n)) return "ELO";
+  if (/^(606282|3841)/.test(n)) return "HIPER";
+  return "";
+}
+function CheckoutPageDefault() {
+  const navigate = useNavigate2();
+  const plan = usePlan();
+  const intent = useMemo6(readIntent, []);
+  const defaultMethod = intent.method === "pix-auto" ? "pix-auto" : "card";
+  const defaultCycle = intent.cycle === "MONTHLY" ? "MONTHLY" : "YEARLY";
+  const form = useCheckoutForm({ defaultMethod, defaultCycle });
+  const [expiryMmAa, setExpiryMmAa] = useState11("");
+  useEffect13(() => {
+    const { month, year } = parseExpiryMmAa(expiryMmAa);
+    if (month !== form.card.expiryMonth || year !== form.card.expiryYear) {
+      form.setCard({ expiryMonth: month, expiryYear: year });
     }
-    return interp(copy.pix.ctaTemplate, { price: priceLabel, days: trialDaysCardLabel });
-  }, [
-    s.isFree,
-    s.selectedMethod,
-    s.hasConsumedTrial,
-    s.trialDaysCard,
-    copy,
-    priceLabel,
-    trialDaysCardLabel
-  ]);
-  const switchHint = useMemo12(() => {
-    if (s.methods.length < 2) return void 0;
-    return s.selectedMethod === "card" ? copy.card.switchHint : copy.pix.switchHint;
-  }, [s.methods.length, s.selectedMethod, copy]);
-  useEffect17(() => {
-    if (!s.initialLoadComplete) return;
-    track2("paywall_view", {
-      default_method: s.selectedMethod,
-      default_cycle: s.cycle,
-      available_methods: s.methods
-    });
-  }, [s.initialLoadComplete]);
-  const handleCta = async () => {
-    track2("paywall_cta_clicked", {
-      method: s.selectedMethod,
-      cycle: s.cycle,
-      price_cents: s.currentPriceCents,
-      had_consumed_trial: s.hasConsumedTrial
-    });
-    if (onBeforeCheckout) {
-      await onBeforeCheckout(s.selectedMethod, s.cycle);
+  }, [expiryMmAa]);
+  useEffect13(() => {
+    if (form.emailTaken && form.loginUrl) {
+      const t = setTimeout(() => navigate(form.loginUrl), 1200);
+      return () => clearTimeout(t);
+    }
+  }, [form.emailTaken, form.loginUrl, navigate]);
+  const planInfo = plan.data ? {
+    priceCents: plan.data.priceCents,
+    yearlyPriceCents: plan.data.yearlyPriceCents,
+    trialDays: plan.data.trialDays
+  } : null;
+  const annual = form.cycle === "YEARLY";
+  const cyclePrice = useMemo6(() => {
+    if (!planInfo) return null;
+    return annual ? planInfo.yearlyPriceCents ?? planInfo.priceCents * 12 : planInfo.priceCents;
+  }, [planInfo, annual]);
+  const monthlyText = useMemo6(() => {
+    if (!planInfo) return "";
+    const monthly = annual && planInfo.yearlyPriceCents ? Math.round(planInfo.yearlyPriceCents / 12) : planInfo.priceCents;
+    return formatBrl(monthly);
+  }, [planInfo, annual]);
+  const todayCents = useMemo6(() => {
+    if (form.method === "pix-auto") return cyclePrice ?? 0;
+    const trialDays2 = planInfo?.trialDays ?? 0;
+    if (trialDays2 > 0) return 0;
+    return cyclePrice ?? 0;
+  }, [form.method, cyclePrice, planInfo]);
+  const todayAmount = formatBrl(todayCents);
+  const cyclePriceText = cyclePrice !== null ? formatBrl(cyclePrice) : "";
+  const annualSavingsCents = useMemo6(() => {
+    if (!planInfo || !planInfo.yearlyPriceCents) return 0;
+    return planInfo.priceCents * 12 - planInfo.yearlyPriceCents;
+  }, [planInfo]);
+  const trialDays = planInfo?.trialDays ?? 7;
+  const cardBrand = detectCardBrand(form.card.number);
+  async function onSubmit(e) {
+    e.preventDefault();
+    const result = await form.submit();
+    if (!result) return;
+    if (form.method === "pix-auto" && result.pix_qr_payload) {
+      try {
+        sessionStorage.setItem(
+          PIX_PAYLOAD_KEY,
+          JSON.stringify({
+            payload: result.pix_qr_payload,
+            base64: result.pix_qr_base64 ?? null,
+            subscriptionId: result.subscription_id,
+            pixAuthorizationId: result.pix_authorization_id ?? null
+          })
+        );
+      } catch {
+      }
+      navigate(result.redirect.replace(/^.*\/app\/[^/]+/, ""));
       return;
     }
-    await s.submit();
-  };
-  const ctaTheme = s.selectedMethod === "card" ? themeClasses.ctaCard : themeClasses.ctaPix;
-  return /* @__PURE__ */ jsxs23("div", { className: themeClasses.container, children: [
-    slots.heroSlot,
-    /* @__PURE__ */ jsx37("h1", { className: themeClasses.headline, children: copy.headline }),
-    /* @__PURE__ */ jsx37("ul", { children: copy.features.map((f) => /* @__PURE__ */ jsxs23("li", { className: themeClasses.feature, children: [
-      "\u2713 ",
-      /* @__PURE__ */ jsx37("span", { children: f })
-    ] }, f)) }),
-    copy.socialProof ? /* @__PURE__ */ jsx37("p", { className: themeClasses.socialProof, children: copy.socialProof }) : null,
-    slots.cyclePickerSlot ?? /* @__PURE__ */ jsx37(
-      PaywallCyclePicker,
-      {
-        labels: copy.cycle,
-        cardClassName: themeClasses.cycleCard,
-        cardSelectedClassName: themeClasses.cycleCardSelected,
-        anchorClassName: themeClasses.anchorPrice
-      }
-    ),
-    /* @__PURE__ */ jsx37(
-      PaywallMethodTabs,
-      {
-        labels: { "pix-auto": copy.pix.tabLabel, card: copy.card.tabLabel },
-        className: themeClasses.tabs,
-        tabClassName: themeClasses.tab,
-        tabActiveClassName: themeClasses.tabActive
-      }
-    ),
-    /* @__PURE__ */ jsx37(
-      PaywallMethodContent,
-      {
-        copy: {
-          pix: interpolateCopy(copy.pix, priceLabel, trialDaysCardLabel),
-          card: interpolateCopy(copy.card, priceLabel, trialDaysCardLabel),
-          cardConsumedTrial: copy.cardConsumedTrial ? {
-            bodyRows: copy.cardConsumedTrial.bodyRows.map(
-              (r) => interp(r, { price: priceLabel, days: trialDaysCardLabel })
-            ),
-            ctaTemplate: copy.cardConsumedTrial.ctaTemplate
-          } : void 0
-        },
-        className: themeClasses.tabContent,
-        rowClassName: themeClasses.tabContentRow
-      }
-    ),
-    slots.beforeCtaSlot,
-    /* @__PURE__ */ jsxs23("div", { children: [
-      /* @__PURE__ */ jsx37(
+    navigate(result.redirect.replace(/^.*\/app\/[^/]+/, "") || "/");
+  }
+  return /* @__PURE__ */ jsx48("div", { className: "flex-1 flex flex-col bg-background min-h-0", children: /* @__PURE__ */ jsxs29("form", { onSubmit, className: "flex-1 flex flex-col min-h-0", children: [
+    /* @__PURE__ */ jsxs29("div", { className: "flex-1 overflow-y-auto pb-4", children: [
+      form.emailTaken ? /* @__PURE__ */ jsx48("div", { className: "px-5 pt-4", children: /* @__PURE__ */ jsxs29("div", { role: "alert", className: "rounded-2xl bg-destructive/10 p-4 text-sm text-destructive border border-destructive/20", children: [
+        "Esse e-mail j\xE1 tem conta nesse app.",
+        " ",
+        /* @__PURE__ */ jsx48("a", { href: form.loginUrl ?? "/signin", className: "underline font-semibold", children: "Entrar agora" })
+      ] }) }) : null,
+      form.error ? /* @__PURE__ */ jsx48("div", { className: "px-5 pt-4", children: /* @__PURE__ */ jsx48("div", { role: "alert", className: "rounded-2xl bg-destructive/10 p-4 text-sm text-destructive border border-destructive/20", children: form.error.message || "N\xE3o foi poss\xEDvel concluir o pagamento. Tente novamente." }) }) : null,
+      /* @__PURE__ */ jsx48("div", { className: "px-5 pt-4", children: form.method === "card" ? /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl bg-card border-[1.5px] border-foreground p-3.5", children: [
+        /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2 mb-2", children: [
+          /* @__PURE__ */ jsx48(ShieldIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx48("div", { className: "text-sm font-bold", children: "Voc\xEA N\xC3O ser\xE1 cobrada hoje" })
+        ] }),
+        /* @__PURE__ */ jsxs29("div", { className: "flex justify-between items-baseline text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx48("span", { children: "R$ 0,00 agora" }),
+          /* @__PURE__ */ jsx48("span", { className: "opacity-50", children: "\xB7" }),
+          /* @__PURE__ */ jsxs29("span", { children: [
+            monthlyText,
+            "/m\xEAs ap\xF3s ",
+            trialDays,
+            " dias"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs29("div", { className: "mt-2.5 text-[11px] text-muted-foreground flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx48(BellIcon, { className: "w-2.5 h-2.5" }),
+          "Avisamos por email 2 dias antes da primeira cobran\xE7a"
+        ] })
+      ] }) : /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl p-3.5 bg-emerald-50 border-[1.5px] border-emerald-600/60", children: [
+        /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2 mb-2 text-emerald-900", children: [
+          /* @__PURE__ */ jsx48(ShieldIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsxs29("div", { className: "text-sm font-bold", children: [
+            "Garantia incondicional de ",
+            trialDays,
+            " dias"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs29("div", { className: "text-sm text-emerald-900 leading-snug", children: [
+          "Voc\xEA paga hoje via Pix.",
+          /* @__PURE__ */ jsx48("br", {}),
+          "N\xE3o gostou em ",
+          trialDays,
+          " dias? Devolvemos ",
+          /* @__PURE__ */ jsx48("b", { children: "100%" }),
+          " sem perguntas \u2014 direto pelo app."
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxs29("section", { className: "px-5 pt-5", children: [
+        /* @__PURE__ */ jsx48("h2", { className: "font-display text-2xl mb-3.5 leading-tight text-foreground", children: "Quase l\xE1." }),
+        /* @__PURE__ */ jsx48(FieldLabel, { children: "Email" }),
+        /* @__PURE__ */ jsx48(
+          FieldInput,
+          {
+            type: "email",
+            inputMode: "email",
+            autoComplete: "email",
+            autoCapitalize: "none",
+            autoCorrect: "off",
+            spellCheck: false,
+            placeholder: "seu@email.com",
+            value: form.email,
+            onChange: form.setEmail,
+            onBlur: form.markEmailTouched,
+            error: form.emailError,
+            valid: form.emailStatus === "available"
+          }
+        ),
+        !form.emailError && /* @__PURE__ */ jsx48(FieldHint, { children: form.emailStatus === "checking" ? "Verificando\u2026" : form.emailStatus === "available" ? "\u2713 Dispon\xEDvel" : "Voc\xEA vai usar este email para entrar no app" }),
+        /* @__PURE__ */ jsx48("div", { className: "h-3" }),
+        /* @__PURE__ */ jsx48(FieldLabel, { children: "Nome completo" }),
+        /* @__PURE__ */ jsx48(
+          FieldInput,
+          {
+            type: "text",
+            autoComplete: "name",
+            placeholder: "como est\xE1 no documento",
+            value: form.name,
+            onChange: form.setName,
+            onBlur: form.markNameTouched,
+            error: form.nameError,
+            valid: !!form.name && !form.nameError
+          }
+        ),
+        /* @__PURE__ */ jsx48("div", { className: "h-3" }),
+        /* @__PURE__ */ jsx48(FieldLabel, { children: "CPF" }),
+        /* @__PURE__ */ jsx48(
+          FieldInput,
+          {
+            type: "text",
+            inputMode: "numeric",
+            placeholder: "000.000.000-00",
+            value: form.cpf,
+            onChange: (v) => form.setCpf(formatCpf(v)),
+            onBlur: form.markCpfTouched,
+            error: form.cpfError,
+            valid: !!form.cpf && !form.cpfError
+          }
+        ),
+        form.method === "card" ? /* @__PURE__ */ jsxs29(Fragment7, { children: [
+          /* @__PURE__ */ jsx48("div", { className: "h-3" }),
+          /* @__PURE__ */ jsx48(FieldLabel, { children: "Telefone" }),
+          /* @__PURE__ */ jsx48(
+            FieldInput,
+            {
+              type: "tel",
+              inputMode: "tel",
+              autoComplete: "tel",
+              placeholder: "(11) 99999-9999",
+              value: form.phone,
+              onChange: form.setPhone,
+              onBlur: form.markPhoneTouched,
+              error: form.phoneError,
+              valid: !!form.phone && !form.phoneError
+            }
+          ),
+          !form.phoneError && /* @__PURE__ */ jsx48(FieldHint, { children: "Usado pra confirmar pagamento e tratar disputas." })
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs29("section", { className: "px-5 pt-5", children: [
+        /* @__PURE__ */ jsx48(FieldLabel, { children: "Forma de pagamento" }),
+        /* @__PURE__ */ jsxs29("div", { role: "tablist", className: "flex gap-1.5 bg-muted p-1 rounded-xl", children: [
+          /* @__PURE__ */ jsx48(
+            TabButton,
+            {
+              active: form.method === "card",
+              onClick: () => form.setMethod("card"),
+              icon: /* @__PURE__ */ jsx48(CardIcon, { className: "w-3.5 h-3.5" }),
+              label: "Cart\xE3o",
+              subtitle: trialDays > 0 ? `${trialDays} dias gr\xE1tis` : "pague hoje",
+              subtitleActiveClass: "text-emerald-700"
+            }
+          ),
+          /* @__PURE__ */ jsx48(
+            TabButton,
+            {
+              active: form.method === "pix-auto",
+              onClick: () => form.setMethod("pix-auto"),
+              icon: /* @__PURE__ */ jsx48(PixIcon, { className: "w-3.5 h-3.5" }),
+              label: "Pix",
+              subtitle: `pague hoje \xB7 garantia ${trialDays}d`,
+              subtitleActiveClass: "text-foreground/70"
+            }
+          )
+        ] })
+      ] }),
+      form.method === "card" ? /* @__PURE__ */ jsxs29("section", { className: "px-5 pt-3.5", children: [
+        /* @__PURE__ */ jsx48(FieldLabel, { children: "N\xFAmero do cart\xE3o" }),
+        /* @__PURE__ */ jsxs29("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx48(
+            FieldInput,
+            {
+              type: "text",
+              inputMode: "numeric",
+              autoComplete: "cc-number",
+              placeholder: "0000 0000 0000 0000",
+              value: form.card.number,
+              onChange: (v) => form.setCard({ number: formatCardNumber(v) }),
+              style: cardBrand ? { paddingRight: "4.5rem" } : void 0
+            }
+          ),
+          cardBrand && /* @__PURE__ */ jsx48("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-[10px] font-bold tracking-wide px-1.5 py-0.5 rounded bg-muted text-muted-foreground", children: cardBrand })
+        ] }),
+        /* @__PURE__ */ jsx48("div", { className: "h-3" }),
+        /* @__PURE__ */ jsxs29("div", { className: "flex gap-2.5", children: [
+          /* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx48(FieldLabel, { children: "Validade" }),
+            /* @__PURE__ */ jsx48(
+              FieldInput,
+              {
+                type: "text",
+                inputMode: "numeric",
+                autoComplete: "cc-exp",
+                placeholder: "MM/AA",
+                value: expiryMmAa,
+                onChange: (v) => setExpiryMmAa(formatExpiryMmAa(v))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx48(FieldLabel, { children: "CVV" }),
+            /* @__PURE__ */ jsx48(
+              FieldInput,
+              {
+                type: "text",
+                inputMode: "numeric",
+                autoComplete: "cc-csc",
+                placeholder: "3 d\xEDgitos",
+                value: form.card.ccv,
+                onChange: (v) => form.setCard({ ccv: v.replace(/\D/g, "").slice(0, 4) })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx48("div", { className: "h-3" }),
+        /* @__PURE__ */ jsx48(FieldLabel, { children: "Nome no cart\xE3o" }),
+        /* @__PURE__ */ jsx48(
+          FieldInput,
+          {
+            type: "text",
+            autoComplete: "cc-name",
+            placeholder: "como est\xE1 no cart\xE3o",
+            value: form.card.holderName,
+            onChange: (v) => form.setCard({ holderName: v })
+          }
+        )
+      ] }) : /* @__PURE__ */ jsx48("section", { className: "px-5 pt-3.5", children: /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl bg-card border border-border p-3.5 flex gap-3.5 items-center", children: [
+        /* @__PURE__ */ jsx48("div", { className: "w-[72px] h-[72px] rounded-xl shrink-0 border-2 border-foreground relative overflow-hidden bg-muted", children: /* @__PURE__ */ jsx48("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[22px] h-[22px] bg-background flex items-center justify-center", children: /* @__PURE__ */ jsx48(PixIcon, { className: "w-3.5 h-3.5 text-foreground" }) }) }),
+        /* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsx48("div", { className: "text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "pagamento em segundos" }),
+          /* @__PURE__ */ jsxs29("div", { className: "text-sm text-foreground mt-1 leading-snug", children: [
+            "Geramos seu ",
+            /* @__PURE__ */ jsx48("b", { children: "QR Pix" }),
+            " no pr\xF3ximo passo. Pague pelo app do banco e seu acesso libera ",
+            /* @__PURE__ */ jsx48("b", { children: "imediatamente" }),
+            "."
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx48("section", { className: "px-5 pt-5", children: /* @__PURE__ */ jsxs29("div", { className: "bg-muted rounded-2xl p-4", children: [
+        /* @__PURE__ */ jsxs29("div", { className: "flex justify-between mb-2.5", children: [
+          /* @__PURE__ */ jsxs29("div", { children: [
+            /* @__PURE__ */ jsx48("div", { className: "text-sm font-semibold text-foreground", children: annual ? "Plano Anual" : "Plano Mensal" }),
+            /* @__PURE__ */ jsx48("div", { className: "text-[11px] text-muted-foreground", children: "Coach" })
+          ] }),
+          /* @__PURE__ */ jsxs29("div", { className: "text-right", children: [
+            form.method !== "pix-auto" && /* @__PURE__ */ jsxs29("div", { className: "text-sm font-bold text-foreground", children: [
+              cyclePriceText,
+              "/",
+              annual ? "ano" : "m\xEAs"
+            ] }),
+            annual && annualSavingsCents > 0 && /* @__PURE__ */ jsxs29("div", { className: "text-[11px] text-emerald-700 font-semibold", children: [
+              "economia ",
+              formatBrl(annualSavingsCents)
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx48("div", { className: "h-px bg-border my-3" }),
+        /* @__PURE__ */ jsxs29("div", { className: "flex justify-between items-baseline", children: [
+          /* @__PURE__ */ jsxs29("div", { children: [
+            /* @__PURE__ */ jsx48("div", { className: "text-sm font-bold text-foreground", children: "Voc\xEA paga hoje" }),
+            form.method === "card" && trialDays > 0 && /* @__PURE__ */ jsxs29("div", { className: "text-[11px] text-muted-foreground mt-0.5", children: [
+              "cobran\xE7a inicia no dia ",
+              trialDays
+            ] }),
+            form.method === "pix-auto" && /* @__PURE__ */ jsxs29("div", { className: "text-[11px] text-emerald-700 mt-0.5 font-semibold", children: [
+              "reembolso garantido at\xE9 o dia ",
+              trialDays
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx48("div", { className: "text-2xl font-bold font-display tracking-tight text-foreground", children: todayAmount })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs29(PaywallStickyFooter, { className: "px-5 pt-3.5 pb-5 border-t border-border", children: [
+      /* @__PURE__ */ jsx48(
         "button",
         {
-          type: "button",
-          onClick: () => {
-            void handleCta();
-          },
-          disabled: s.submitting,
-          className: ctaTheme,
-          children: s.submitting ? "Abrindo checkout\u2026" : ctaLabel
+          type: "submit",
+          disabled: !form.canSubmit,
+          className: "w-full rounded-full bg-primary text-primary-foreground h-14 px-5 text-base font-bold inline-flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed shadow-lg",
+          children: form.submitting ? /* @__PURE__ */ jsxs29(Fragment7, { children: [
+            /* @__PURE__ */ jsx48(Spinner2, {}),
+            " ",
+            form.method === "pix-auto" ? "Gerando QR\u2026" : "Confirmando\u2026"
+          ] }) : form.method === "card" ? /* @__PURE__ */ jsxs29(Fragment7, { children: [
+            /* @__PURE__ */ jsx48(LockIcon, { className: "w-3.5 h-3.5" }),
+            " Confirmar e come\xE7ar gr\xE1tis"
+          ] }) : /* @__PURE__ */ jsxs29(Fragment7, { children: [
+            /* @__PURE__ */ jsx48(PixIcon, { className: "w-3.5 h-3.5" }),
+            " Gerar QR Pix"
+          ] })
         }
       ),
-      switchHint ? /* @__PURE__ */ jsx37("p", { className: themeClasses.switchHint, children: switchHint }) : null,
-      /* @__PURE__ */ jsx37("p", { className: themeClasses.trustLine, children: copy.trustLine })
+      /* @__PURE__ */ jsxs29("div", { className: "text-center mt-2.5 text-xs text-muted-foreground", children: [
+        "Ao continuar, voc\xEA concorda com nossos ",
+        /* @__PURE__ */ jsx48("u", { children: "Termos" }),
+        ". Pagamento seguro Asaas."
+      ] }),
+      /* @__PURE__ */ jsxs29("div", { className: "mt-3 flex items-center justify-center gap-3.5 text-[11px] text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs29("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx48(LockIcon, { className: "w-2.5 h-2.5 opacity-60" }),
+          " SSL 256-bit"
+        ] }),
+        /* @__PURE__ */ jsx48("span", { className: "w-px h-2.5 bg-border" }),
+        /* @__PURE__ */ jsx48("span", { children: "Pagamento via Asaas" }),
+        /* @__PURE__ */ jsx48("span", { className: "w-px h-2.5 bg-border" }),
+        /* @__PURE__ */ jsxs29("span", { children: [
+          "Garantia ",
+          trialDays,
+          " dias"
+        ] })
+      ] })
     ] })
-  ] });
-}
-function interp(tpl, vars) {
-  return tpl.replace(/\{(\w+)\}/g, (_m, k) => vars[k] ?? "");
+  ] }) });
 }
-function interpolateCopy(m, price, days) {
-  return {
-    tabLabel: m.tabLabel,
-    bodyRows: m.bodyRows.map((r) => interp(r, { price, days })),
-    ctaTemplate: m.ctaTemplate,
-    switchHint: m.switchHint
-  };
+function FieldLabel({ children }) {
+  return /* @__PURE__ */ jsx48("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground mb-1.5", children });
 }
-
-// src/components/paywall/PaywallCta.tsx
-import { jsx as jsx38, jsxs as jsxs24 } from "react/jsx-runtime";
-function PaywallCta({
-  ctaLabel,
-  loadingLabel,
-  switchHint,
-  trustLine,
-  className,
-  buttonClassName,
-  switchHintClassName,
-  trustClassName
-}) {
-  const { submit, submitting } = usePaywallContext();
-  const label = submitting && loadingLabel ? loadingLabel : ctaLabel;
-  return /* @__PURE__ */ jsxs24("div", { className, children: [
-    /* @__PURE__ */ jsx38(
-      "button",
+function FieldInput(props) {
+  const baseClass = "w-full px-4 rounded-xl bg-card text-base text-foreground outline-none border-[1.5px] transition-colors";
+  const stateClass = props.error ? "border-destructive focus:border-destructive" : props.valid ? "border-emerald-600 focus:border-emerald-700" : "border-border focus:border-foreground";
+  return /* @__PURE__ */ jsxs29(Fragment7, { children: [
+    /* @__PURE__ */ jsx48(
+      "input",
       {
-        type: "button",
-        onClick: () => {
-          void submit();
-        },
-        disabled: submitting,
-        className: buttonClassName,
-        children: label
+        type: props.type ?? "text",
+        inputMode: props.inputMode,
+        autoComplete: props.autoComplete,
+        autoCapitalize: props.autoCapitalize,
+        autoCorrect: props.autoCorrect,
+        spellCheck: props.spellCheck,
+        placeholder: props.placeholder,
+        value: props.value,
+        onChange: (e) => props.onChange(e.target.value),
+        onBlur: props.onBlur,
+        style: { height: "52px", ...props.style },
+        className: `${baseClass} ${stateClass}`
       }
     ),
-    switchHint ? /* @__PURE__ */ jsx38("p", { className: switchHintClassName, children: switchHint }) : null,
-    /* @__PURE__ */ jsx38("p", { className: trustClassName, children: trustLine })
+    props.error ? /* @__PURE__ */ jsx48("div", { className: "mt-1.5 text-xs text-destructive font-medium", children: props.error }) : null
   ] });
 }
-
-// src/components/paywall/blocks/PaywallEyebrow.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
-var DEFAULT_EYEBROW_CLASSES = "text-xs uppercase tracking-widest font-semibold opacity-70";
-function PaywallEyebrow({ text, className }) {
-  return /* @__PURE__ */ jsx39("div", { className: [DEFAULT_EYEBROW_CLASSES, className].filter(Boolean).join(" "), children: text });
+function FieldHint({ children }) {
+  return /* @__PURE__ */ jsx48("div", { className: "mt-1.5 text-xs text-muted-foreground", children });
 }
-
-// src/components/paywall/blocks/PaywallHero.tsx
-import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
-var DEFAULT_GRADIENT = "absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent";
-function PaywallHero({
-  src,
-  alt = "",
-  headline,
-  aspectRatio = "16/9",
-  gradientClassName,
-  className,
-  headlineClassName,
-  imgClassName,
-  render
-}) {
-  if (render) {
-    return /* @__PURE__ */ jsx40("div", { className, children: render({ src, headline }) });
-  }
-  return /* @__PURE__ */ jsxs25(
-    "div",
+function TabButton({ active, onClick, icon, label, subtitle, subtitleActiveClass }) {
+  return /* @__PURE__ */ jsxs29(
+    "button",
     {
-      className: ["relative overflow-hidden", className].filter(Boolean).join(" "),
-      style: { aspectRatio },
+      type: "button",
+      role: "tab",
+      "aria-selected": active,
+      onClick,
+      className: `flex-1 flex flex-col items-center justify-center gap-0.5 py-2.5 px-1.5 rounded-lg text-sm font-semibold transition-colors ${active ? "bg-card text-foreground shadow-sm" : "bg-transparent text-muted-foreground"}`,
+      style: { minHeight: 56 },
       children: [
-        /* @__PURE__ */ jsx40(
-          "img",
-          {
-            src,
-            alt,
-            className: ["absolute inset-0 w-full h-full object-cover", imgClassName].filter(Boolean).join(" ")
-          }
-        ),
-        /* @__PURE__ */ jsx40("div", { className: gradientClassName ?? DEFAULT_GRADIENT, "aria-hidden": "true" }),
-        headline ? /* @__PURE__ */ jsx40(
-          "h1",
-          {
-            className: ["absolute bottom-0 left-0 right-0 p-4 text-white font-bold text-2xl", headlineClassName].filter(Boolean).join(" "),
-            children: headline
-          }
-        ) : null
+        /* @__PURE__ */ jsxs29("span", { className: "inline-flex items-center gap-1.5", children: [
+          icon,
+          " ",
+          label
+        ] }),
+        /* @__PURE__ */ jsx48("span", { className: `text-[10px] font-medium ${active ? subtitleActiveClass : "text-muted-foreground/70"}`, children: subtitle })
       ]
     }
   );
 }
+function CardIcon({ className }) {
+  return /* @__PURE__ */ jsxs29("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx48("rect", { x: "2.5", y: "5.5", width: "19", height: "13", rx: "2.5" }),
+    /* @__PURE__ */ jsx48("path", { d: "M2.5 10h19" })
+  ] });
+}
+function PixIcon({ className }) {
+  return /* @__PURE__ */ jsx48("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx48("path", { d: "M12 2L2 12l10 10 10-10L12 2zm0 4.83L17.17 12 12 17.17 6.83 12 12 6.83z" }) });
+}
+function LockIcon({ className }) {
+  return /* @__PURE__ */ jsxs29("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx48("rect", { x: "4", y: "10", width: "16", height: "11", rx: "2.5" }),
+    /* @__PURE__ */ jsx48("path", { d: "M7.5 10V7a4.5 4.5 0 119 0v3" })
+  ] });
+}
+function ShieldIcon({ className }) {
+  return /* @__PURE__ */ jsxs29("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx48("path", { d: "M12 2.5l8 3v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10v-6l8-3z" }),
+    /* @__PURE__ */ jsx48("path", { d: "M9 12l2 2 4-4" })
+  ] });
+}
+function BellIcon({ className }) {
+  return /* @__PURE__ */ jsxs29("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx48("path", { d: "M6 17V11a6 6 0 1112 0v6l1.5 2H4.5L6 17z" }),
+    /* @__PURE__ */ jsx48("path", { d: "M10 21a2 2 0 004 0" })
+  ] });
+}
+function Spinner2() {
+  return /* @__PURE__ */ jsx48(
+    "span",
+    {
+      className: "w-4 h-4 rounded-full border-2 border-white/40 border-t-white",
+      style: { animation: "spin 0.7s linear infinite" }
+    }
+  );
+}
 
-// src/components/paywall/blocks/PaywallHeadline.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
-var DEFAULT_HEADLINE_CLASSES = "text-2xl font-bold leading-tight";
-function PaywallHeadline({ text, className, as = "h1" }) {
-  const Tag = as;
-  return /* @__PURE__ */ jsx41(Tag, { className: [DEFAULT_HEADLINE_CLASSES, className].filter(Boolean).join(" "), children: text });
+// src/defaults/PixWaitingPageDefault.tsx
+import { useEffect as useEffect14, useMemo as useMemo7, useState as useState12 } from "react";
+import { useNavigate as useNavigate3 } from "react-router-dom";
+import { useHook as useHook13 } from "@hook-sdk/sdk";
+import { jsx as jsx49, jsxs as jsxs30 } from "react/jsx-runtime";
+var PIX_PAYLOAD_KEY2 = "hook:paywall:pix-pending";
+var TIMEOUT_MS = 30 * 60 * 1e3;
+function readPixPayload() {
+  if (typeof window === "undefined") return null;
+  try {
+    const raw = sessionStorage.getItem(PIX_PAYLOAD_KEY2);
+    if (!raw) return null;
+    return JSON.parse(raw);
+  } catch {
+    return null;
+  }
 }
-
-// src/components/paywall/blocks/PaywallPriceHeadline.tsx
-import { jsx as jsx42 } from "react/jsx-runtime";
-var DEFAULT_CLASS = "text-2xl font-bold leading-tight";
-var CYCLE_LABEL = {
-  MONTHLY: "mensal",
-  YEARLY: "anual"
-};
-function PaywallPriceHeadline({
-  template,
-  className,
-  as = "h1",
-  render
-}) {
-  const { cycle, currentMonthlyEquivCents, plan } = usePaywallContext();
-  const yearlyCents = plan?.yearlyCents ?? null;
-  const pricePerDay = formatBRL(dailyFromYearly(yearlyCents));
-  const monthlyEquiv = currentMonthlyEquivCents ?? 0;
-  const cycleLabel = CYCLE_LABEL[cycle] ?? cycle.toLowerCase();
-  const rootClasses = [DEFAULT_CLASS, className].filter(Boolean).join(" ");
-  if (render) {
-    const RootTag2 = as;
-    return /* @__PURE__ */ jsx42(RootTag2, { className: [className].filter(Boolean).join(" ") || void 0, children: render({ pricePerDay, currentMonthlyEquivCents: monthlyEquiv, cycle }) });
+function clearPixPayload() {
+  if (typeof window === "undefined") return;
+  try {
+    sessionStorage.removeItem(PIX_PAYLOAD_KEY2);
+  } catch {
   }
-  const text = template.replaceAll("{pricePerDay}", pricePerDay).replaceAll("{currentMonthlyEquiv}", formatBRL(monthlyEquiv)).replaceAll("{cycle}", cycleLabel);
-  const RootTag = as;
-  return /* @__PURE__ */ jsx42(RootTag, { className: rootClasses, children: text });
 }
-
-// src/components/paywall/blocks/PaywallCountdown.tsx
-import { useEffect as useEffect18, useRef as useRef8, useState as useState18 } from "react";
-import { jsx as jsx43 } from "react/jsx-runtime";
-var DEFAULT_COUNTDOWN_CLASSES = "font-mono tabular-nums";
-function resolveDeadlineMs(deadline) {
-  if (deadline instanceof Date) return deadline.getTime();
-  if (typeof deadline === "string") return new Date(deadline).getTime();
-  const { sessionStorageKey, durationMs } = deadline;
-  if (typeof window === "undefined" || typeof window.sessionStorage === "undefined") {
-    return Date.now() + durationMs;
+function PixWaitingPageDefault() {
+  const navigate = useNavigate3();
+  const { subscription } = useHook13();
+  const payload = useMemo7(readPixPayload, []);
+  const [copied, setCopied] = useState12(false);
+  const [timedOut, setTimedOut] = useState12(false);
+  useEffect14(() => {
+    if (!payload) navigate("/paywall/checkout", { replace: true });
+  }, [payload, navigate]);
+  useEffect14(() => {
+    window.scrollTo(0, 0);
+  }, []);
+  useEffect14(() => {
+    const t = setTimeout(() => setTimedOut(true), TIMEOUT_MS);
+    return () => clearTimeout(t);
+  }, []);
+  const hasAccess = subscription.hasAccess;
+  useEffect14(() => {
+    if (hasAccess) {
+      clearPixPayload();
+      navigate("/", { replace: true });
+    }
+  }, [hasAccess, navigate]);
+  async function copyPayload() {
+    if (!payload?.payload) return;
+    try {
+      await navigator.clipboard.writeText(payload.payload);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
   }
-  const stored = window.sessionStorage.getItem(sessionStorageKey);
-  const parsed = stored ? Number.parseInt(stored, 10) : NaN;
-  const now = Date.now();
-  if (!Number.isFinite(parsed) || parsed < now) {
-    const target = now + durationMs;
-    window.sessionStorage.setItem(sessionStorageKey, String(target));
-    return target;
+  if (!payload) return null;
+  if (timedOut) {
+    return /* @__PURE__ */ jsxs30("div", { className: "flex-1 flex flex-col items-center justify-center px-6 py-10 text-center bg-background space-y-4", children: [
+      /* @__PURE__ */ jsx49("h1", { className: "font-display text-2xl text-foreground", children: "PIX expirado" }),
+      /* @__PURE__ */ jsx49("p", { className: "text-sm text-muted-foreground", children: "O tempo pra pagar acabou. Gere um novo PIX." }),
+      /* @__PURE__ */ jsx49(
+        "button",
+        {
+          onClick: () => {
+            clearPixPayload();
+            navigate("/paywall/checkout", { replace: true });
+          },
+          className: "rounded-xl bg-primary px-6 py-3 text-base font-semibold text-primary-foreground",
+          children: "Tentar novamente"
+        }
+      )
+    ] });
   }
-  return parsed;
+  return /* @__PURE__ */ jsxs30("div", { className: "flex-1 flex flex-col items-center px-6 py-8 bg-background space-y-6", children: [
+    /* @__PURE__ */ jsxs30("header", { className: "text-center space-y-2", children: [
+      /* @__PURE__ */ jsx49("h1", { className: "font-display text-2xl text-foreground", children: "Pague o PIX" }),
+      /* @__PURE__ */ jsx49("p", { className: "text-sm text-muted-foreground", children: "Escaneie o QR Code no app do seu banco. O acesso libera assim que confirmarmos o pagamento." })
+    ] }),
+    payload.base64 ? /* @__PURE__ */ jsx49(
+      "img",
+      {
+        src: `data:image/png;base64,${payload.base64}`,
+        alt: "QR Code PIX",
+        className: "w-64 h-64 rounded-2xl border border-border bg-card p-2"
+      }
+    ) : /* @__PURE__ */ jsx49("div", { className: "w-64 h-64 rounded-2xl border border-border bg-card flex items-center justify-center text-sm text-muted-foreground", children: "QR indispon\xEDvel" }),
+    payload.payload ? /* @__PURE__ */ jsx49(
+      "button",
+      {
+        onClick: copyPayload,
+        className: "w-full max-w-xs rounded-xl border border-border bg-card px-4 py-3 text-sm font-medium text-foreground",
+        children: copied ? "\u2713 Copiado!" : "Copiar c\xF3digo PIX"
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx49("span", { className: "inline-block w-2 h-2 rounded-full bg-primary animate-pulse" }),
+      "Aguardando pagamento\u2026"
+    ] }),
+    /* @__PURE__ */ jsx49("p", { className: "text-center text-xs text-muted-foreground", children: "Pode fechar essa janela \u2014 tamb\xE9m enviamos um link de acesso pro seu e-mail." })
+  ] });
 }
-function computeRemaining(deadlineMs) {
-  const diff = Math.max(0, deadlineMs - Date.now());
-  const totalSeconds = Math.floor(diff / 1e3);
-  const h = Math.floor(totalSeconds / 3600);
-  const m = Math.floor(totalSeconds % 3600 / 60);
-  const s = totalSeconds % 60;
-  return { h, m, s, expired: diff === 0 };
+
+// src/hooks/useLoginForm.ts
+import { useCallback as useCallback7, useMemo as useMemo8, useState as useState13 } from "react";
+import { useHook as useHook14 } from "@hook-sdk/sdk";
+var EMAIL_RE2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+var MIN_PASSWORD = 8;
+function useLoginForm() {
+  const { auth } = useHook14();
+  const [email, setEmail] = useState13("");
+  const [password, setPassword] = useState13("");
+  const [submitting, setSubmitting] = useState13(false);
+  const [error, setError] = useState13(null);
+  const [touchedEmail, setTouchedEmail] = useState13(false);
+  const [touchedPassword, setTouchedPassword] = useState13(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = useState13(false);
+  const validateEmail = useMemo8(() => {
+    if (email.length === 0) return null;
+    if (!EMAIL_RE2.test(email)) return "Formato de e-mail inv\xE1lido.";
+    return null;
+  }, [email]);
+  const validatePassword = useMemo8(() => {
+    if (password.length === 0) return null;
+    if (password.length < MIN_PASSWORD) return `M\xEDnimo de ${MIN_PASSWORD} caracteres.`;
+    return null;
+  }, [password]);
+  const emailError = touchedEmail || formSubmitAttempted ? validateEmail : null;
+  const passwordError = touchedPassword || formSubmitAttempted ? validatePassword : null;
+  const canSubmit = email.length > 0 && password.length >= MIN_PASSWORD && validateEmail === null && validatePassword === null && !submitting;
+  const submit = useCallback7(async () => {
+    setFormSubmitAttempted(true);
+    if (!canSubmit) return false;
+    setSubmitting(true);
+    setError(null);
+    try {
+      await auth.login({ email, password });
+      return true;
+    } catch (err) {
+      setError(mapSdkError(err));
+      return false;
+    } finally {
+      setSubmitting(false);
+    }
+  }, [auth, email, password, canSubmit]);
+  return {
+    email,
+    setEmail,
+    emailError,
+    markEmailTouched: () => setTouchedEmail(true),
+    password,
+    setPassword,
+    passwordError,
+    markPasswordTouched: () => setTouchedPassword(true),
+    formSubmitAttempted,
+    submit,
+    submitting,
+    canSubmit,
+    error,
+    loginWithGoogle: () => auth.loginWithGoogle()
+  };
+}
+
+// src/hooks/useSignupForm.ts
+import { useCallback as useCallback8, useMemo as useMemo9, useState as useState14 } from "react";
+import { useHook as useHook15 } from "@hook-sdk/sdk";
+var EMAIL_RE3 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+var MIN_PASSWORD2 = 8;
+function useSignupForm() {
+  const { auth } = useHook15();
+  const [name, setName] = useState14("");
+  const [email, setEmail] = useState14("");
+  const [password, setPassword] = useState14("");
+  const [submitting, setSubmitting] = useState14(false);
+  const [error, setError] = useState14(null);
+  const [touchedName, setTouchedName] = useState14(false);
+  const [touchedEmail, setTouchedEmail] = useState14(false);
+  const [touchedPassword, setTouchedPassword] = useState14(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = useState14(false);
+  const validateName = useMemo9(() => {
+    if (name.length === 0) return null;
+    if (name.trim().length < 2) return "Nome muito curto.";
+    return null;
+  }, [name]);
+  const validateEmail = useMemo9(() => {
+    if (email.length === 0) return null;
+    if (!EMAIL_RE3.test(email)) return "Formato de e-mail inv\xE1lido.";
+    return null;
+  }, [email]);
+  const validatePassword = useMemo9(() => {
+    if (password.length === 0) return null;
+    if (password.length < MIN_PASSWORD2) return `M\xEDnimo de ${MIN_PASSWORD2} caracteres.`;
+    return null;
+  }, [password]);
+  const nameError = touchedName || formSubmitAttempted ? validateName : null;
+  const emailError = touchedEmail || formSubmitAttempted ? validateEmail : null;
+  const passwordError = touchedPassword || formSubmitAttempted ? validatePassword : null;
+  const canSubmit = name.trim().length >= 2 && email.length > 0 && password.length >= MIN_PASSWORD2 && validateName === null && validateEmail === null && validatePassword === null && !submitting;
+  const submit = useCallback8(async () => {
+    setFormSubmitAttempted(true);
+    if (!canSubmit) return false;
+    setSubmitting(true);
+    setError(null);
+    try {
+      await auth.signup({ name, email, password });
+      return true;
+    } catch (err) {
+      setError(mapSdkError(err));
+      return false;
+    } finally {
+      setSubmitting(false);
+    }
+  }, [auth, name, email, password, canSubmit]);
+  return {
+    name,
+    setName,
+    nameError,
+    markNameTouched: () => setTouchedName(true),
+    email,
+    setEmail,
+    emailError,
+    markEmailTouched: () => setTouchedEmail(true),
+    password,
+    setPassword,
+    passwordError,
+    markPasswordTouched: () => setTouchedPassword(true),
+    formSubmitAttempted,
+    submit,
+    submitting,
+    canSubmit,
+    error,
+    loginWithGoogle: () => auth.loginWithGoogle()
+  };
 }
-function pad(n) {
-  return String(n).padStart(2, "0");
+
+// src/hooks/useForgotForm.ts
+import { useCallback as useCallback9, useMemo as useMemo10, useState as useState15 } from "react";
+import { useHook as useHook16 } from "@hook-sdk/sdk";
+var EMAIL_RE4 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function useForgotForm() {
+  const { auth } = useHook16();
+  const [email, setEmail] = useState15("");
+  const [submitting, setSubmitting] = useState15(false);
+  const [sent, setSent] = useState15(false);
+  const [error, setError] = useState15(null);
+  const [touchedEmail, setTouchedEmail] = useState15(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = useState15(false);
+  const validateEmail = useMemo10(() => {
+    if (email.length === 0) return null;
+    if (!EMAIL_RE4.test(email)) return "Formato de e-mail inv\xE1lido.";
+    return null;
+  }, [email]);
+  const emailError = touchedEmail || formSubmitAttempted ? validateEmail : null;
+  const canSubmit = email.length > 0 && validateEmail === null && !submitting;
+  const submit = useCallback9(async () => {
+    setFormSubmitAttempted(true);
+    if (!canSubmit) return false;
+    setSubmitting(true);
+    setError(null);
+    try {
+      await auth.forgot({ email });
+      setSent(true);
+      return true;
+    } catch (err) {
+      setError(mapSdkError(err));
+      return false;
+    } finally {
+      setSubmitting(false);
+    }
+  }, [auth, email, canSubmit]);
+  return {
+    email,
+    setEmail,
+    emailError,
+    markEmailTouched: () => setTouchedEmail(true),
+    formSubmitAttempted,
+    submit,
+    submitting,
+    canSubmit,
+    sent,
+    error
+  };
 }
-function PaywallCountdown({
-  deadline,
-  format = "h:m:s",
-  onExpire,
-  className,
-  render
-}) {
-  const deadlineMsRef = useRef8(null);
-  if (deadlineMsRef.current === null) {
-    deadlineMsRef.current = resolveDeadlineMs(deadline);
-  }
-  const [state, setState] = useState18(() => computeRemaining(deadlineMsRef.current));
-  const expiredCalledRef = useRef8(false);
-  useEffect18(() => {
-    if (state.expired) {
-      if (!expiredCalledRef.current) {
-        expiredCalledRef.current = true;
-        onExpire?.();
+
+// src/hooks/useResetForm.ts
+import { useCallback as useCallback10, useEffect as useEffect15, useMemo as useMemo11, useState as useState16 } from "react";
+import { useHook as useHook17 } from "@hook-sdk/sdk";
+var MIN_PASSWORD3 = 8;
+function useResetForm() {
+  const { auth } = useHook17();
+  const [token, setToken] = useState16(null);
+  const [password, setPassword] = useState16("");
+  const [confirm, setConfirm] = useState16("");
+  const [submitting, setSubmitting] = useState16(false);
+  const [done, setDone] = useState16(false);
+  const [error, setError] = useState16(null);
+  const [touchedPassword, setTouchedPassword] = useState16(false);
+  const [touchedConfirm, setTouchedConfirm] = useState16(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = useState16(false);
+  useEffect15(() => {
+    if (typeof window === "undefined") return;
+    const params = new URLSearchParams(window.location.search);
+    const t = params.get("token");
+    setToken(t && t.length > 0 ? t : null);
+  }, []);
+  const validatePassword = useMemo11(() => {
+    if (password.length === 0) return null;
+    if (password.length < MIN_PASSWORD3) return `M\xEDnimo de ${MIN_PASSWORD3} caracteres.`;
+    return null;
+  }, [password]);
+  const validateConfirm = useMemo11(() => {
+    if (confirm.length === 0) return null;
+    if (confirm !== password) return "Senhas n\xE3o coincidem.";
+    return null;
+  }, [confirm, password]);
+  const passwordError = touchedPassword || formSubmitAttempted ? validatePassword : null;
+  const confirmError = touchedConfirm || formSubmitAttempted ? validateConfirm : null;
+  const canSubmit = token !== null && password.length >= MIN_PASSWORD3 && confirm === password && validatePassword === null && validateConfirm === null && !submitting && !done;
+  const submit = useCallback10(async () => {
+    setFormSubmitAttempted(true);
+    if (!canSubmit || token === null) return;
+    setSubmitting(true);
+    setError(null);
+    try {
+      await auth.reset({ token, newPassword: password });
+      setDone(true);
+      if (typeof window !== "undefined") {
+        const url = new URL(window.location.href);
+        url.searchParams.delete("token");
+        url.searchParams.delete("screen");
+        window.history.replaceState({}, "", url.toString());
       }
-      return;
+    } catch (err) {
+      setError(mapSdkError(err));
+    } finally {
+      setSubmitting(false);
     }
-    const tick = () => {
-      const next = computeRemaining(deadlineMsRef.current);
-      setState(next);
-      if (next.expired && !expiredCalledRef.current) {
-        expiredCalledRef.current = true;
-        onExpire?.();
-      }
-    };
-    const id = setInterval(tick, 1e3);
-    return () => clearInterval(id);
-  }, [state.expired]);
-  if (render) {
-    return /* @__PURE__ */ jsx43("div", { className, children: render(state) });
-  }
-  const formatted = format === "h:m:s" ? `${pad(state.h)}:${pad(state.m)}:${pad(state.s)}` : `${pad(state.h * 60 + state.m)}:${pad(state.s)}`;
-  return /* @__PURE__ */ jsx43("div", { className: [DEFAULT_COUNTDOWN_CLASSES, className].filter(Boolean).join(" "), children: formatted });
+  }, [auth, token, password, canSubmit]);
+  return {
+    token,
+    password,
+    setPassword,
+    passwordError,
+    markPasswordTouched: () => setTouchedPassword(true),
+    confirm,
+    setConfirm,
+    confirmError,
+    markConfirmTouched: () => setTouchedConfirm(true),
+    formSubmitAttempted,
+    submit,
+    submitting,
+    canSubmit,
+    done,
+    error
+  };
 }
 
-// src/components/paywall/blocks/PaywallFeatures.tsx
-import { jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
-function PaywallFeatures({
-  items,
-  IconComponent,
-  className,
-  itemClassName,
-  iconClassName,
-  render,
-  renderItem
-}) {
-  if (render) {
-    return /* @__PURE__ */ jsx44("div", { className, children: render({ items }) });
-  }
-  if (renderItem) {
-    return /* @__PURE__ */ jsx44("ul", { className, children: items.map((item, idx) => /* @__PURE__ */ jsx44("li", { children: renderItem(item, idx) }, idx)) });
-  }
-  return /* @__PURE__ */ jsx44("ul", { className, children: items.map((item, idx) => /* @__PURE__ */ jsxs26("li", { className: itemClassName, children: [
-    IconComponent ? /* @__PURE__ */ jsx44(IconComponent, { className: iconClassName }) : /* @__PURE__ */ jsx44("span", { className: iconClassName, "aria-hidden": "true", children: "\u2713" }),
-    /* @__PURE__ */ jsx44("span", { children: item })
-  ] }, idx)) });
+// src/hooks/useAuthPrimitives.ts
+import { useEffect as useEffect16 } from "react";
+import { useHook as useHook18 } from "@hook-sdk/sdk";
+var warned = false;
+function useAuthPrimitives() {
+  const { auth } = useHook18();
+  useEffect16(() => {
+    if (!warned && process.env.NODE_ENV !== "production") {
+      warned = true;
+      console.warn(
+        "[@hook-sdk/template] useAuthPrimitives() \xE9 escape hatch. Pra login/signup/forgot, use useLoginForm/useSignupForm/useForgotForm. Docs: docs/19-golden-template.md#escape-hatch"
+      );
+    }
+  }, []);
+  return {
+    login: auth.login,
+    signup: auth.signup,
+    logout: auth.logout,
+    logoutAll: auth.logoutAll,
+    forgot: auth.forgot,
+    resendVerify: auth.resendVerify,
+    changePassword: auth.changePassword,
+    changeEmail: auth.changeEmail,
+    refresh: auth.refresh
+  };
 }
 
-// src/components/paywall/blocks/PaywallFeaturesCard.tsx
-import { jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
-var DEFAULT_CARD_CLASSES = "rounded-xl border p-4";
-function PaywallFeaturesCard({
-  title,
-  items,
-  className,
-  cardClassName,
-  titleClassName,
-  itemClassName,
-  renderItem
-}) {
-  return /* @__PURE__ */ jsx45("div", { className, children: /* @__PURE__ */ jsxs27("div", { className: [DEFAULT_CARD_CLASSES, cardClassName].filter(Boolean).join(" "), children: [
-    title ? /* @__PURE__ */ jsx45("div", { className: ["font-semibold mb-2", titleClassName].filter(Boolean).join(" "), children: title }) : null,
-    /* @__PURE__ */ jsx45("ul", { children: items.map(
-      (item, idx) => renderItem ? /* @__PURE__ */ jsx45("li", { children: renderItem(item, idx) }, idx) : /* @__PURE__ */ jsxs27("li", { className: itemClassName, children: [
-        /* @__PURE__ */ jsx45("span", { "aria-hidden": "true", children: "\u2022" }),
-        " ",
-        /* @__PURE__ */ jsx45("span", { children: item })
-      ] }, idx)
-    ) })
-  ] }) });
+// src/hooks/useAuth.ts
+import { useHook as useHook19 } from "@hook-sdk/sdk";
+function useAuth() {
+  const { user, authStatus, auth } = useHook19();
+  return {
+    user,
+    authStatus,
+    refresh: auth.refresh
+  };
 }
 
-// src/components/paywall/blocks/PaywallTrophyBadge.tsx
-import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
-var DEFAULT_CHIP_CLASSES = "inline-flex items-center gap-1 px-3 py-1 rounded-full bg-yellow-100 text-yellow-900 text-sm font-medium";
-var FLOATING_CLASSES = "absolute top-2 right-2 z-10 shadow-md";
-function PaywallTrophyBadge({
-  text,
-  className,
-  iconClassName,
-  floating = false,
-  render
-}) {
-  if (render) {
-    return /* @__PURE__ */ jsx46("div", { className, children: render({ text }) });
-  }
-  const rootClasses = [
-    DEFAULT_CHIP_CLASSES,
-    floating ? FLOATING_CLASSES : "",
-    className
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs28("div", { className: rootClasses, children: [
-    /* @__PURE__ */ jsx46("span", { className: iconClassName, "aria-hidden": "true", children: "\u{1F3C6}" }),
-    /* @__PURE__ */ jsx46("span", { children: text })
-  ] });
+// src/index.ts
+import { useTrackOnboardingStep } from "@hook-sdk/sdk";
+
+// src/hooks/useSubscription.ts
+import { useHook as useHook20 } from "@hook-sdk/sdk";
+function useSubscription() {
+  const { subscription } = useHook20();
+  return {
+    status: subscription.status()
+  };
 }
 
-// src/components/paywall/blocks/PaywallAnchorPrice.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
-var DEFAULT_CLASS2 = "text-sm opacity-60 line-through";
-function PaywallAnchorPrice({
-  className,
-  render
-}) {
-  const { anchorPriceCents, cycle } = usePaywallContext();
-  if (anchorPriceCents === null || anchorPriceCents === void 0 || anchorPriceCents <= 0) {
-    return null;
-  }
-  void cycle;
-  const formatted = formatBRL(anchorPriceCents);
-  const rootClasses = [DEFAULT_CLASS2, className].filter(Boolean).join(" ");
-  if (render) {
-    return /* @__PURE__ */ jsx47("span", { className: className || void 0, children: render({ anchorCents: anchorPriceCents, formatted }) });
-  }
-  return /* @__PURE__ */ jsx47("span", { className: rootClasses, children: formatted });
+// src/hooks/useReminders.ts
+import { useCallback as useCallback11, useEffect as useEffect17, useState as useState17 } from "react";
+import { useHook as useHook21 } from "@hook-sdk/sdk";
+function useReminders() {
+  const { push } = useHook21();
+  const r = push.reminders;
+  const [reminders, setReminders] = useState17([]);
+  const [loading, setLoading] = useState17(true);
+  const reload = useCallback11(async () => {
+    setLoading(true);
+    try {
+      const next = await r.list();
+      setReminders(next);
+    } finally {
+      setLoading(false);
+    }
+  }, [r]);
+  useEffect17(() => {
+    void reload();
+  }, [reload]);
+  const setReminder = useCallback11(async (input) => {
+    await r.set(input);
+    await reload();
+  }, [r, reload]);
+  const deleteReminder = useCallback11(async (slot) => {
+    await r.delete(slot);
+    await reload();
+  }, [r, reload]);
+  const schedule = useCallback11(async (items) => {
+    return r.schedule(items);
+  }, [r]);
+  const setFallbacks = useCallback11(async (items) => {
+    return r.setFallbacks(items);
+  }, [r]);
+  return { reminders, loading, setReminder, deleteReminder, schedule, setFallbacks };
 }
 
-// src/components/paywall/blocks/PaywallTestimonials.tsx
-import { jsx as jsx48, jsxs as jsxs29 } from "react/jsx-runtime";
-var DEFAULT_ROOT = "flex gap-3 overflow-x-auto snap-x snap-mandatory pb-2";
-var DEFAULT_CARD = "snap-start shrink-0 w-72 rounded-2xl border p-4 flex flex-col gap-2";
-var DEFAULT_AVATAR = "w-10 h-10 rounded-full object-cover";
-var DEFAULT_QUOTE = "text-sm leading-snug";
-var DEFAULT_NAME = "text-xs font-semibold opacity-80";
-var DEFAULT_STARS = "text-yellow-500 text-sm";
-function clampStars(n) {
-  return Math.max(0, Math.min(5, Math.round(n)));
-}
-function PaywallTestimonials({
-  items,
-  className,
-  cardClassName,
-  avatarClassName,
-  quoteClassName,
-  nameClassName,
-  starsClassName,
-  renderItem
-}) {
-  const rootClasses = [DEFAULT_ROOT, className].filter(Boolean).join(" ");
-  const cardClasses = [DEFAULT_CARD, cardClassName].filter(Boolean).join(" ");
-  const avatarClasses = [DEFAULT_AVATAR, avatarClassName].filter(Boolean).join(" ");
-  const quoteClasses = [DEFAULT_QUOTE, quoteClassName].filter(Boolean).join(" ");
-  const nameClasses = [DEFAULT_NAME, nameClassName].filter(Boolean).join(" ");
-  const starsClasses = [DEFAULT_STARS, starsClassName].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx48("div", { className: rootClasses, children: items.map((item, idx) => {
-    if (renderItem) return renderItem(item, idx);
-    const filled = clampStars(item.stars);
-    const empty = 5 - filled;
-    return /* @__PURE__ */ jsxs29("div", { className: cardClasses, children: [
-      /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
-        item.avatar ? /* @__PURE__ */ jsx48(
-          "img",
-          {
-            src: item.avatar,
-            alt: "",
-            loading: "lazy",
-            className: avatarClasses,
-            "aria-hidden": "true"
-          }
-        ) : null,
-        /* @__PURE__ */ jsx48("div", { className: nameClasses, children: item.name })
-      ] }),
-      /* @__PURE__ */ jsxs29("div", { className: starsClasses, "aria-label": `${filled} de 5 estrelas`, children: [
-        "\u2605".repeat(filled),
-        "\u2606".repeat(empty)
-      ] }),
-      /* @__PURE__ */ jsx48("p", { className: quoteClasses, children: item.quote })
-    ] }, idx);
-  }) });
+// src/hooks/useToast.ts
+import { useCallback as useCallback12, useState as useState18 } from "react";
+function useToast() {
+  const [items, setItems] = useState18([]);
+  const show = useCallback12((message, kind = "info") => {
+    const id = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+    setItems((prev) => [...prev, { id, message, kind }]);
+    setTimeout(() => {
+      setItems((prev) => prev.filter((t) => t.id !== id));
+    }, 4e3);
+  }, []);
+  const dismiss = useCallback12((id) => {
+    setItems((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  return { items, show, dismiss };
 }
 
-// src/components/paywall/blocks/PaywallStatsRow.tsx
-import { jsx as jsx49, jsxs as jsxs30 } from "react/jsx-runtime";
-var DEFAULT_ROOT2 = "grid grid-cols-3 gap-4";
-var DEFAULT_CELL = "flex flex-col items-center text-center";
-var DEFAULT_VALUE = "text-2xl font-bold";
-var DEFAULT_LABEL = "text-xs opacity-70";
-function PaywallStatsRow({
-  stats,
-  className,
-  cellClassName,
-  valueClassName,
-  labelClassName,
-  renderCell
-}) {
-  const rootClasses = [DEFAULT_ROOT2, className].filter(Boolean).join(" ");
-  const cellClasses = [DEFAULT_CELL, cellClassName].filter(Boolean).join(" ");
-  const valueClasses = [DEFAULT_VALUE, valueClassName].filter(Boolean).join(" ");
-  const labelClasses = [DEFAULT_LABEL, labelClassName].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx49("div", { className: rootClasses, children: stats.map((stat, idx) => {
-    if (renderCell) return renderCell(stat, idx);
-    return /* @__PURE__ */ jsxs30("div", { className: cellClasses, children: [
-      stat.icon ? /* @__PURE__ */ jsx49("div", { "aria-hidden": "true", children: stat.icon }) : null,
-      /* @__PURE__ */ jsx49("div", { className: valueClasses, children: stat.value }),
-      /* @__PURE__ */ jsx49("div", { className: labelClasses, children: stat.label })
-    ] }, idx);
-  }) });
+// src/RouteBoundary.tsx
+import { Routes as Routes2, Route as Route2 } from "react-router-dom";
+import { jsx as jsx50, jsxs as jsxs31 } from "react/jsx-runtime";
+function RouteBoundary({ children }) {
+  return /* @__PURE__ */ jsxs31(Routes2, { children: [
+    children,
+    /* @__PURE__ */ jsx50(Route2, { path: "*", element: /* @__PURE__ */ jsx50(DefaultNotFound, {}) })
+  ] });
+}
+function DefaultNotFound() {
+  return /* @__PURE__ */ jsx50("div", { role: "alert", children: "P\xE1gina n\xE3o encontrada" });
 }
 
-// src/components/paywall/blocks/PaywallFinePrint.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
-var DEFAULT_CLASS3 = "text-xs opacity-60 leading-snug";
-var CYCLE_LABEL2 = {
-  MONTHLY: "mensal",
-  YEARLY: "anual"
-};
-function PaywallFinePrint({
-  template,
-  className,
-  render
+// src/PreAuthShell.tsx
+import { BrowserRouter as BrowserRouter2, MemoryRouter as MemoryRouter2, Routes as Routes3 } from "react-router-dom";
+import { jsx as jsx51 } from "react/jsx-runtime";
+function PreAuthShell({
+  basename,
+  testRouter,
+  testInitialEntries,
+  children
 }) {
-  const {
-    currentPriceCents,
-    cycle,
-    trialDaysCard,
-    trialDaysPix,
-    selectedMethod
-  } = usePaywallContext();
-  const trialDays = selectedMethod === "card" ? trialDaysCard : trialDaysPix;
-  const cycleLabel = CYCLE_LABEL2[cycle] ?? cycle.toLowerCase();
-  const priceFormatted = formatBRL(currentPriceCents ?? 0);
-  const rootClasses = [DEFAULT_CLASS3, className].filter(Boolean).join(" ");
-  if (render) {
-    return /* @__PURE__ */ jsx50("p", { className: className || void 0, children: render({
-      currentPriceCents: currentPriceCents ?? 0,
-      cycle,
-      trialDays: trialDays ?? 0,
-      selectedMethod
-    }) });
+  if (testRouter === "memory") {
+    return /* @__PURE__ */ jsx51(MemoryRouter2, { basename, initialEntries: testInitialEntries, children: /* @__PURE__ */ jsx51(Routes3, { children }) });
   }
-  const text = template.replaceAll("{price}", priceFormatted).replaceAll("{trialDays}", String(trialDays ?? 0)).replaceAll("{cycle}", cycleLabel);
-  return /* @__PURE__ */ jsx50("p", { className: rootClasses, children: text });
+  return /* @__PURE__ */ jsx51(BrowserRouter2, { basename, children: /* @__PURE__ */ jsx51(Routes3, { children }) });
 }
 
-// src/components/paywall/blocks/PaywallTrustLine.tsx
-import { jsx as jsx51, jsxs as jsxs31 } from "react/jsx-runtime";
-var DEFAULT_ROOT3 = "flex items-center gap-3";
-var DEFAULT_ITEM = "flex items-center gap-1.5 text-xs";
-function PaywallTrustLine({
-  items,
-  className,
-  itemClassName,
-  renderItem
-}) {
-  const rootClasses = [DEFAULT_ROOT3, className].filter(Boolean).join(" ");
-  const itemClasses = [DEFAULT_ITEM, itemClassName].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx51("div", { className: rootClasses, children: items.map((item, idx) => {
-    if (renderItem) return renderItem(item, idx);
-    return /* @__PURE__ */ jsxs31("span", { className: itemClasses, children: [
-      /* @__PURE__ */ jsx51("span", { "aria-hidden": "true", children: item.icon }),
-      /* @__PURE__ */ jsx51("span", { children: item.text })
-    ] }, idx);
-  }) });
+// src/OnboardingFlow.tsx
+import { useCallback as useCallback13, useEffect as useEffect18, useMemo as useMemo12, useRef as useRef8 } from "react";
+import { usePersistedState as usePersistedState4, useHook as useHook22 } from "@hook-sdk/sdk";
+
+// src/hooks/useOnboardingStep.ts
+import { createContext as createContext4, useContext as useContext5 } from "react";
+var OnboardingStepContext = createContext4(null);
+function useOnboardingStep() {
+  const ctx = useContext5(OnboardingStepContext);
+  if (!ctx) {
+    throw new Error(
+      "[hook-template] useOnboardingStep must be used inside <OnboardingFlow>. (G75)"
+    );
+  }
+  return ctx;
 }
 
-// src/components/paywall/blocks/PaywallStickyFooter.tsx
+// src/OnboardingFlow.tsx
 import { jsx as jsx52 } from "react/jsx-runtime";
-var DEFAULT_CLASSES = "sticky bottom-0 left-0 right-0 bg-background";
-var SAFE_AREA_CLASS = "pb-[env(safe-area-inset-bottom)]";
-function PaywallStickyFooter({
-  children,
-  className,
-  safeAreaInsets = true
+var isFilled = (v) => v != null && v !== "";
+var CURRENT_STEP_FIELD = "currentStep";
+function readPersistedStepIdx(draft) {
+  const raw = draft[CURRENT_STEP_FIELD];
+  return typeof raw === "number" && Number.isFinite(raw) && raw >= 0 ? raw : 0;
+}
+function OnboardingFlow({
+  steps,
+  screens,
+  onComplete,
+  persistKey
 }) {
-  const classes = [DEFAULT_CLASSES, safeAreaInsets ? SAFE_AREA_CLASS : null, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx52("div", { className: classes, children });
+  const [draft, setDraft, status] = usePersistedState4(persistKey, {});
+  const draftRef = useRef8(draft);
+  draftRef.current = draft;
+  const idx = readPersistedStepIdx(draft);
+  const clampedIdx = Math.min(Math.max(idx, 0), Math.max(steps.length - 1, 0));
+  const setIdx = useCallback13(
+    (n) => {
+      setDraft((prev) => {
+        const prevIdx = readPersistedStepIdx(prev);
+        const nextIdx = typeof n === "function" ? n(prevIdx) : n;
+        return { ...prev, [CURRENT_STEP_FIELD]: nextIdx };
+      });
+    },
+    [setDraft]
+  );
+  const setValue = useCallback13(
+    (patch) => {
+      draftRef.current = { ...draftRef.current, ...patch };
+      setDraft((prev) => ({ ...prev, ...patch }));
+    },
+    [setDraft]
+  );
+  const step = steps[clampedIdx];
+  const hookCtx = useHook22();
+  const track2 = typeof hookCtx.track === "function" ? hookCtx.track : void 0;
+  useEffect18(() => {
+    if (status.loading) return;
+    if (!step) return;
+    if (!track2) return;
+    track2("onboarding_step_viewed", {
+      step: step.id,
+      step_index: clampedIdx,
+      total_steps: steps.length
+    });
+  }, [step?.id, clampedIdx, steps.length, status.loading, track2]);
+  const valid = useMemo12(
+    () => step ? (step.validates ?? []).every((field) => isFilled(draft[field])) : false,
+    [draft, step]
+  );
+  const next = useCallback13(() => {
+    if (!step) return;
+    const current = draftRef.current;
+    const validNow = (step.validates ?? []).every((field) => isFilled(current[field]));
+    if (!validNow) return;
+    if (clampedIdx + 1 >= steps.length) {
+      onComplete(current);
+    } else {
+      setIdx(clampedIdx + 1);
+    }
+  }, [clampedIdx, onComplete, step, steps.length, setIdx]);
+  const prevStep = useCallback13(() => setIdx((i) => Math.max(0, i - 1)), [setIdx]);
+  const ctx = useMemo12(
+    () => ({
+      stepIndex: clampedIdx,
+      totalSteps: steps.length,
+      value: draft,
+      setValue,
+      valid,
+      next,
+      prev: prevStep
+    }),
+    [clampedIdx, steps.length, draft, setValue, valid, next, prevStep]
+  );
+  if (status.loading) {
+    return null;
+  }
+  if (!step) {
+    throw new Error(
+      `[hook-template] OnboardingFlow: step index ${clampedIdx} out of range (steps.length=${steps.length})`
+    );
+  }
+  const Screen = screens[step.screen];
+  if (!Screen) {
+    throw new Error(
+      `[hook-template] OnboardingFlow: missing screen component for step '${step.id}' (expected key '${step.screen}' in screens prop)`
+    );
+  }
+  return /* @__PURE__ */ jsx52(OnboardingStepContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx52(Screen, {}) });
+}
+
+// src/hooks/useFeature.ts
+function useFeature(name) {
+  const config = useAppConfig();
+  return Array.isArray(config.features_enabled) && config.features_enabled.includes(name);
 }
 export {
   AppConfigProvider,